@siberiacancode/reactuse 0.3.14 → 0.3.17

package/dist/esm/hooks/useCounter/useCounter.mjs

@@ -1,23 +1,27 @@
-import { useState as m } from "react";
-const d = ((...u) => {
-  const i = typeof u[0] == "number" ? u[0] : u[0]?.initialValue, { max: e = Number.POSITIVE_INFINITY, min: o = Number.NEGATIVE_INFINITY } = typeof u[0] == "number" ? u[1] ?? {} : u[0] ?? {}, [c, r] = m(i ?? 0);
-  return { value: c, set: (t) => {
-    r((n) => Math.max(
-      o,
-      Math.min(e, typeof t == "number" ? t : t(n))
-    ));
-  }, inc: (t = 1) => {
-    r((n) => typeof e == "number" && n === e ? n : Math.max(Math.min(e, n + t), o));
-  }, dec: (t = 1) => {
-    r((n) => typeof o == "number" && n === o ? n : Math.min(Math.max(o, n - t), e));
-  }, reset: () => {
-    const t = i ?? 0;
-    if (typeof e == "number" && t > e) return r(e);
-    if (typeof o == "number" && t < o) return r(o);
-    r(t);
-  } };
+import { useState as e } from "react";
+//#region src/hooks/useCounter/useCounter.ts
+var t = ((...t) => {
+	let n = typeof t[0] == "number" ? t[0] : t[0]?.initialValue, { max: r = Infinity, min: i = -Infinity } = typeof t[0] == "number" ? t[1] ?? {} : t[0] ?? {}, [a, o] = e(n ?? 0);
+	return {
+		value: a,
+		set: (e) => {
+			o((t) => Math.max(i, Math.min(r, typeof e == "number" ? e : e(t))));
+		},
+		inc: (e = 1) => {
+			o((t) => typeof r == "number" && t === r ? t : Math.max(Math.min(r, t + e), i));
+		},
+		dec: (e = 1) => {
+			o((t) => typeof i == "number" && t === i ? t : Math.min(Math.max(i, t - e), r));
+		},
+		reset: () => {
+			let e = n ?? 0;
+			if (typeof r == "number" && e > r) return o(r);
+			if (typeof i == "number" && e < i) return o(i);
+			o(e);
+		}
+	};
 });
-export {
-  d as useCounter
-};
-//# sourceMappingURL=useCounter.mjs.map
+//#endregion
+export { t as useCounter };
+
+//# sourceMappingURL=useCounter.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCounter.mjs","sources":["../../../../src/hooks/useCounter/useCounter.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useState } from 'react';\n\n/** The use counter options */\nexport interface UseCounterOptions {\n  /** The max of count value */\n  max?: number;\n  /** The min of count value */\n  min?: number;\n}\n\n/** The use counter return type */\nexport interface UseCounterReturn {\n  /** Function to set a specific value to the counter */\n  set: Dispatch<SetStateAction<number>>;\n  /** The current count value */\n  value: number;\n  /** Function to decrement the counter */\n  dec: (value?: number) => void;\n  /** Function to increment the counter */\n  inc: (value?: number) => void;\n  /** Function to reset the counter to its initial value. */\n  reset: () => void;\n}\n\nexport interface UseCounter {\n  (initialValue?: number, options?: UseCounterOptions): UseCounterReturn;\n\n  (options: UseCounterOptions & { initialValue?: number }, initialValue?: never): UseCounterReturn;\n}\n\n/**\n * @name useCounter\n * @description - Hook that manages a counter\n * @category State\n * @usage low\n\n * @overload\n * @param {number} [initialValue=0] The initial number value\n * @param {number} [options.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [options.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n\n * @overload\n * @param {number} [params.initialValue=0] The initial number value\n * @param {number} [params.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [params.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter(5);\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter({ initialValue: 5, min: 0, max: 10 });\n */\nexport const useCounter = ((...params: any[]) => {\n  const initialValue =\n    typeof params[0] === 'number'\n      ? params[0]\n      : (params[0] as UseCounterOptions & { initialValue?: number })?.initialValue;\n  const { max = Number.POSITIVE_INFINITY, min = Number.NEGATIVE_INFINITY } =\n    typeof params[0] === 'number'\n      ? ((params[1] ?? {}) as UseCounterOptions)\n      : ((params[0] ?? {}) as UseCounterOptions & { initialValue?: number });\n\n  const [value, setValue] = useState(initialValue ?? 0);\n\n  const inc = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof max === 'number' && prevValue === max) return prevValue;\n      return Math.max(Math.min(max, prevValue + value), min);\n    });\n  };\n\n  const dec = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof min === 'number' && prevValue === min) return prevValue;\n      return Math.min(Math.max(min, prevValue - value), max);\n    });\n  };\n\n  const reset = () => {\n    const value = initialValue ?? 0;\n    if (typeof max === 'number' && value > max) return setValue(max);\n    if (typeof min === 'number' && value < min) return setValue(min);\n    setValue(value);\n  };\n\n  const set = (value: SetStateAction<number>) => {\n    setValue((prevValue) => {\n      const updatedCount = Math.max(\n        min,\n        Math.min(max, typeof value === 'number' ? value : value(prevValue))\n      );\n\n      return updatedCount;\n    });\n  };\n\n  return { value, set, inc, dec, reset };\n}) as UseCounter;\n"],"names":["useCounter","params","initialValue","max","min","value","setValue","useState","prevValue"],"mappings":";AAwDO,MAAMA,KAAc,IAAIC,MAAkB;AAC/C,QAAMC,IACJ,OAAOD,EAAO,CAAC,KAAM,WACjBA,EAAO,CAAC,IACPA,EAAO,CAAC,GAAqD,cAC9D,EAAE,KAAAE,IAAM,OAAO,mBAAmB,KAAAC,IAAM,OAAO,kBAAA,IACnD,OAAOH,EAAO,CAAC,KAAM,WACfA,EAAO,CAAC,KAAK,CAAA,IACbA,EAAO,CAAC,KAAK,CAAA,GAEf,CAACI,GAAOC,CAAQ,IAAIC,EAASL,KAAgB,CAAC;AAkCpD,SAAO,EAAE,OAAAG,GAAO,KAXJ,CAACA,MAAkC;AAC7C,IAAAC,EAAS,CAACE,MACa,KAAK;AAAA,MACxBJ;AAAA,MACA,KAAK,IAAID,GAAK,OAAOE,KAAU,WAAWA,IAAQA,EAAMG,CAAS,CAAC;AAAA,IAAA,CAIrE;AAAA,EAAA,GAGkB,KAhCT,CAACH,IAAgB,MAAM;AACjC,IAAAC,EAAS,CAACE,MACJ,OAAOL,KAAQ,YAAYK,MAAcL,IAAYK,IAClD,KAAK,IAAI,KAAK,IAAIL,GAAKK,IAAYH,CAAK,GAAGD,CAAG,CACtD;AAAA,EAAA,GA4BuB,KAzBd,CAACC,IAAgB,MAAM;AACjC,IAAAC,EAAS,CAACE,MACJ,OAAOJ,KAAQ,YAAYI,MAAcJ,IAAYI,IAClD,KAAK,IAAI,KAAK,IAAIJ,GAAKI,IAAYH,CAAK,GAAGF,CAAG,CACtD;AAAA,EAAA,GAqB4B,OAlBjB,MAAM;AAClB,UAAME,IAAQH,KAAgB;AAC9B,QAAI,OAAOC,KAAQ,YAAYE,IAAQF,EAAK,QAAOG,EAASH,CAAG;AAC/D,QAAI,OAAOC,KAAQ,YAAYC,IAAQD,EAAK,QAAOE,EAASF,CAAG;AAC/D,IAAAE,EAASD,CAAK;AAAA,EAAA,EAce;AACjC;"}
+{"version":3,"file":"useCounter.mjs","names":[],"sources":["../../../../src/hooks/useCounter/useCounter.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useState } from 'react';\n\n/** The use counter options */\nexport interface UseCounterOptions {\n  /** The max of count value */\n  max?: number;\n  /** The min of count value */\n  min?: number;\n}\n\n/** The use counter return type */\nexport interface UseCounterReturn {\n  /** Function to set a specific value to the counter */\n  set: Dispatch<SetStateAction<number>>;\n  /** The current count value */\n  value: number;\n  /** Function to decrement the counter */\n  dec: (value?: number) => void;\n  /** Function to increment the counter */\n  inc: (value?: number) => void;\n  /** Function to reset the counter to its initial value. */\n  reset: () => void;\n}\n\nexport interface UseCounter {\n  (initialValue?: number, options?: UseCounterOptions): UseCounterReturn;\n\n  (options: UseCounterOptions & { initialValue?: number }, initialValue?: never): UseCounterReturn;\n}\n\n/**\n * @name useCounter\n * @description - Hook that manages a counter\n * @category State\n * @usage low\n\n * @overload\n * @param {number} [initialValue=0] The initial number value\n * @param {number} [options.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [options.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n\n * @overload\n * @param {number} [params.initialValue=0] The initial number value\n * @param {number} [params.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [params.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter(5);\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter({ initialValue: 5, min: 0, max: 10 });\n */\nexport const useCounter = ((...params: any[]) => {\n  const initialValue =\n    typeof params[0] === 'number'\n      ? params[0]\n      : (params[0] as UseCounterOptions & { initialValue?: number })?.initialValue;\n  const { max = Number.POSITIVE_INFINITY, min = Number.NEGATIVE_INFINITY } =\n    typeof params[0] === 'number'\n      ? ((params[1] ?? {}) as UseCounterOptions)\n      : ((params[0] ?? {}) as UseCounterOptions & { initialValue?: number });\n\n  const [value, setValue] = useState(initialValue ?? 0);\n\n  const inc = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof max === 'number' && prevValue === max) return prevValue;\n      return Math.max(Math.min(max, prevValue + value), min);\n    });\n  };\n\n  const dec = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof min === 'number' && prevValue === min) return prevValue;\n      return Math.min(Math.max(min, prevValue - value), max);\n    });\n  };\n\n  const reset = () => {\n    const value = initialValue ?? 0;\n    if (typeof max === 'number' && value > max) return setValue(max);\n    if (typeof min === 'number' && value < min) return setValue(min);\n    setValue(value);\n  };\n\n  const set = (value: SetStateAction<number>) => {\n    setValue((prevValue) => {\n      const updatedCount = Math.max(\n        min,\n        Math.min(max, typeof value === 'number' ? value : value(prevValue))\n      );\n\n      return updatedCount;\n    });\n  };\n\n  return { value, set, inc, dec, reset };\n}) as UseCounter;\n"],"mappings":";;AAwDA,IAAa,MAAe,GAAG,MAAkB;CAC/C,IAAM,IACJ,OAAO,EAAO,MAAO,WACjB,EAAO,KACN,EAAO,IAAsD,cAC9D,EAAE,SAAM,UAA0B,SAAM,cAC5C,OAAO,EAAO,MAAO,WACf,EAAO,MAAM,EAAE,GACf,EAAO,MAAM,EAAE,EAEjB,CAAC,GAAO,KAAY,EAAS,KAAgB,EAAE;AAkCrD,QAAO;EAAE;EAAO,MAXH,MAAkC;AAC7C,MAAU,MACa,KAAK,IACxB,GACA,KAAK,IAAI,GAAK,OAAO,KAAU,WAAW,IAAQ,EAAM,EAAU,CAAC,CACpE,CAGD;;EAGiB,MAhCR,IAAgB,MAAM;AACjC,MAAU,MACJ,OAAO,KAAQ,YAAY,MAAc,IAAY,IAClD,KAAK,IAAI,KAAK,IAAI,GAAK,IAAY,EAAM,EAAE,EAAI,CACtD;;EA4BsB,MAzBb,IAAgB,MAAM;AACjC,MAAU,MACJ,OAAO,KAAQ,YAAY,MAAc,IAAY,IAClD,KAAK,IAAI,KAAK,IAAI,GAAK,IAAY,EAAM,EAAE,EAAI,CACtD;;EAqB2B,aAlBX;GAClB,IAAM,IAAQ,KAAgB;AAC9B,OAAI,OAAO,KAAQ,YAAY,IAAQ,EAAK,QAAO,EAAS,EAAI;AAChE,OAAI,OAAO,KAAQ,YAAY,IAAQ,EAAK,QAAO,EAAS,EAAI;AAChE,KAAS,EAAM;;EAcqB"}

package/dist/esm/hooks/useCssVar/useCssVar.mjs

@@ -1,33 +1,43 @@
-import { useState as a, useRef as v, useEffect as g } from "react";
-import { useRefState as E } from "../useRefState/useRefState.mjs";
-import { isTarget as i } from "../../utils/helpers/isTarget.mjs";
-const P = ((...n) => {
-  const t = i(n[0]) ? n[0] : void 0, s = t ? n[1] : n[0], r = t ? n[2] : n[1], [m, u] = a(r ?? ""), c = E(), o = v(null), f = (e) => {
-    if (!o.current) return;
-    const l = o.current;
-    l.style && (l.style.setProperty(s, e), u(e));
-  }, y = () => {
-    if (!o.current) return;
-    const e = o.current;
-    e.style && (e.style.removeProperty(s), u(""));
-  };
-  return g(() => {
-    if (!r) return;
-    const e = (t ? i.getElement(t) : c.current) ?? window.document.documentElement;
-    e.style && (e.style.setProperty(s, r), u(r));
-  }, []), g(() => {
-    const e = (t ? i.getElement(t) : c.current) ?? window.document.documentElement;
-    o.current = e;
-    const l = () => {
-      const w = window.getComputedStyle(e).getPropertyValue(s)?.trim();
-      u(w ?? r);
-    }, d = new MutationObserver(l);
-    return d.observe(e, { attributeFilter: ["style", "class"] }), () => {
-      d.disconnect();
-    };
-  }, [t && i.getRawElement(t), c.state]), t ? { value: m, set: f, remove: y } : { ref: c, value: m, set: f, remove: y };
+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/useCssVar/useCssVar.ts
+var a = ((...a) => {
+	let o = e(a[0]) ? a[0] : void 0, s = o ? a[1] : a[0], c = o ? a[2] : a[1], [l, u] = i(c ?? ""), d = t(), f = r(null), p = (e) => {
+		if (!f.current) return;
+		let t = f.current;
+		t.style && (t.style.setProperty(s, e), u(e));
+	}, m = () => {
+		if (!f.current) return;
+		let e = f.current;
+		e.style && (e.style.removeProperty(s), u(""));
+	};
+	return n(() => {
+		if (!c) return;
+		let t = (o ? e.getElement(o) : d.current) ?? window.document.documentElement;
+		t.style && (t.style.setProperty(s, c), u(c));
+	}, []), n(() => {
+		let t = (o ? e.getElement(o) : d.current) ?? window.document.documentElement;
+		f.current = t;
+		let n = new MutationObserver(() => {
+			let e = window.getComputedStyle(t).getPropertyValue(s)?.trim();
+			u(e ?? c);
+		});
+		return n.observe(t, { attributeFilter: ["style", "class"] }), () => {
+			n.disconnect();
+		};
+	}, [o && e.getRawElement(o), d.state]), o ? {
+		value: l,
+		set: p,
+		remove: m
+	} : {
+		ref: d,
+		value: l,
+		set: p,
+		remove: m
+	};
 });
-export {
-  P as useCssVar
-};
-//# sourceMappingURL=useCssVar.mjs.map
+//#endregion
+export { a as useCssVar };
+
+//# sourceMappingURL=useCssVar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCssVar.mjs","sources":["../../../../src/hooks/useCssVar/useCssVar.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 css variable return type */\nexport interface UseCssVarReturn {\n  /** The value of the CSS variable */\n  value: string;\n  /** Remove the value of the CSS variable */\n  remove: () => void;\n  /** Set the value of the CSS variable */\n  set: (value: string) => void;\n}\n\nexport interface UseCssVar {\n  <Target extends HTMLElement>(\n    key: string,\n    initialValue?: string\n  ): UseCssVarReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target: HookTarget, key: string, initialValue?: string): UseCssVarReturn;\n}\n\n/**\n * @name useCssVar\n * @description - Hook that returns the value of a css variable\n * @category Browser\n * @usage low\n\n * @overload\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn & { ref: StateRef<Element> }} The object containing the value of the CSS variable and ref\n *\n * @example\n * const { ref, value, set, remove } = useCssVar('--color', 'red');\n *\n * @overload\n * @param {HookTarget} target The target element\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn} The object containing the value of the CSS variable\n *\n * @example\n * const { value, set, remove } = useCssVar(ref, '--color', 'red');\n */\nexport const useCssVar = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const key = (target ? params[1] : params[0]) as string;\n  const initialValue = (target ? params[2] : params[1]) as string | undefined;\n\n  const [value, setValue] = useState(initialValue ?? '');\n  const internalRef = useRefState<HTMLElement>();\n  const elementRef = useRef<HTMLElement>(null);\n\n  const set = (value: string) => {\n    if (!elementRef.current) return;\n    const element = elementRef.current;\n\n    if (!element.style) return;\n    element.style.setProperty(key, value);\n    setValue(value);\n  };\n\n  const remove = () => {\n    if (!elementRef.current) return;\n    const element = elementRef.current;\n    if (!element.style) return;\n\n    element.style.removeProperty(key);\n    setValue('');\n  };\n\n  useEffect(() => {\n    if (!initialValue) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as HTMLElement) ??\n      window.document.documentElement;\n\n    if (!element.style) return;\n    element.style.setProperty(key, initialValue);\n    setValue(initialValue);\n  }, []);\n\n  useEffect(() => {\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as HTMLElement) ??\n      window.document.documentElement;\n\n    elementRef.current = element;\n\n    const onChange = () => {\n      const value = window.getComputedStyle(element).getPropertyValue(key)?.trim();\n\n      setValue(value ?? initialValue);\n    };\n\n    const observer = new MutationObserver(onChange);\n\n    observer.observe(element, { attributeFilter: ['style', 'class'] });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return { value, set, remove };\n  return { ref: internalRef, value, set, remove };\n}) as UseCssVar;\n"],"names":["useCssVar","params","target","isTarget","key","initialValue","value","setValue","useState","internalRef","useRefState","elementRef","useRef","set","element","remove","useEffect","onChange","observer"],"mappings":";;;AAsDO,MAAMA,KAAa,IAAIC,MAAkB;AAC9C,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAOF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACpCI,IAAgBH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAE7C,CAACK,GAAOC,CAAQ,IAAIC,EAASH,KAAgB,EAAE,GAC/CI,IAAcC,EAAA,GACdC,IAAaC,EAAoB,IAAI,GAErCC,IAAM,CAACP,MAAkB;AAC7B,QAAI,CAACK,EAAW,QAAS;AACzB,UAAMG,IAAUH,EAAW;AAE3B,IAAKG,EAAQ,UACbA,EAAQ,MAAM,YAAYV,GAAKE,CAAK,GACpCC,EAASD,CAAK;AAAA,EAAA,GAGVS,IAAS,MAAM;AACnB,QAAI,CAACJ,EAAW,QAAS;AACzB,UAAMG,IAAUH,EAAW;AAC3B,IAAKG,EAAQ,UAEbA,EAAQ,MAAM,eAAeV,CAAG,GAChCG,EAAS,EAAE;AAAA,EAAA;AAqCb,SAlCAS,EAAU,MAAM;AACd,QAAI,CAACX,EAAc;AAEnB,UAAMS,KACFZ,IAASC,EAAS,WAAWD,CAAM,IAAIO,EAAY,YACrD,OAAO,SAAS;AAElB,IAAKK,EAAQ,UACbA,EAAQ,MAAM,YAAYV,GAAKC,CAAY,GAC3CE,EAASF,CAAY;AAAA,EAAA,GACpB,EAAE,GAELW,EAAU,MAAM;AACd,UAAMF,KACFZ,IAASC,EAAS,WAAWD,CAAM,IAAIO,EAAY,YACrD,OAAO,SAAS;AAElB,IAAAE,EAAW,UAAUG;AAErB,UAAMG,IAAW,MAAM;AACrB,YAAMX,IAAQ,OAAO,iBAAiBQ,CAAO,EAAE,iBAAiBV,CAAG,GAAG,KAAA;AAEtE,MAAAG,EAASD,KAASD,CAAY;AAAA,IAAA,GAG1Ba,IAAW,IAAI,iBAAiBD,CAAQ;AAE9C,WAAAC,EAAS,QAAQJ,GAAS,EAAE,iBAAiB,CAAC,SAAS,OAAO,GAAG,GAE1D,MAAM;AACX,MAAAI,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,CAAChB,KAAUC,EAAS,cAAcD,CAAM,GAAGO,EAAY,KAAK,CAAC,GAE5DP,IAAe,EAAE,OAAAI,GAAO,KAAAO,GAAK,QAAAE,EAAA,IAC1B,EAAE,KAAKN,GAAa,OAAAH,GAAO,KAAAO,GAAK,QAAAE,EAAA;AACzC;"}
+{"version":3,"file":"useCssVar.mjs","names":[],"sources":["../../../../src/hooks/useCssVar/useCssVar.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 css variable return type */\nexport interface UseCssVarReturn {\n  /** The value of the CSS variable */\n  value: string;\n  /** Remove the value of the CSS variable */\n  remove: () => void;\n  /** Set the value of the CSS variable */\n  set: (value: string) => void;\n}\n\nexport interface UseCssVar {\n  <Target extends HTMLElement>(\n    key: string,\n    initialValue?: string\n  ): UseCssVarReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target: HookTarget, key: string, initialValue?: string): UseCssVarReturn;\n}\n\n/**\n * @name useCssVar\n * @description - Hook that returns the value of a css variable\n * @category Browser\n * @usage low\n\n * @overload\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn & { ref: StateRef<Element> }} The object containing the value of the CSS variable and ref\n *\n * @example\n * const { ref, value, set, remove } = useCssVar('--color', 'red');\n *\n * @overload\n * @param {HookTarget} target The target element\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn} The object containing the value of the CSS variable\n *\n * @example\n * const { value, set, remove } = useCssVar(ref, '--color', 'red');\n */\nexport const useCssVar = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const key = (target ? params[1] : params[0]) as string;\n  const initialValue = (target ? params[2] : params[1]) as string | undefined;\n\n  const [value, setValue] = useState(initialValue ?? '');\n  const internalRef = useRefState<HTMLElement>();\n  const elementRef = useRef<HTMLElement>(null);\n\n  const set = (value: string) => {\n    if (!elementRef.current) return;\n    const element = elementRef.current;\n\n    if (!element.style) return;\n    element.style.setProperty(key, value);\n    setValue(value);\n  };\n\n  const remove = () => {\n    if (!elementRef.current) return;\n    const element = elementRef.current;\n    if (!element.style) return;\n\n    element.style.removeProperty(key);\n    setValue('');\n  };\n\n  useEffect(() => {\n    if (!initialValue) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as HTMLElement) ??\n      window.document.documentElement;\n\n    if (!element.style) return;\n    element.style.setProperty(key, initialValue);\n    setValue(initialValue);\n  }, []);\n\n  useEffect(() => {\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as HTMLElement) ??\n      window.document.documentElement;\n\n    elementRef.current = element;\n\n    const onChange = () => {\n      const value = window.getComputedStyle(element).getPropertyValue(key)?.trim();\n\n      setValue(value ?? initialValue);\n    };\n\n    const observer = new MutationObserver(onChange);\n\n    observer.observe(element, { attributeFilter: ['style', 'class'] });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return { value, set, remove };\n  return { ref: internalRef, value, set, remove };\n}) as UseCssVar;\n"],"mappings":";;;;AAsDA,IAAa,MAAc,GAAG,MAAkB;CAC9C,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC5C,IAAO,IAAS,EAAO,KAAK,EAAO,IACnC,IAAgB,IAAS,EAAO,KAAK,EAAO,IAE5C,CAAC,GAAO,KAAY,EAAS,KAAgB,GAAG,EAChD,IAAc,GAA0B,EACxC,IAAa,EAAoB,KAAK,EAEtC,KAAO,MAAkB;AAC7B,MAAI,CAAC,EAAW,QAAS;EACzB,IAAM,IAAU,EAAW;AAEtB,IAAQ,UACb,EAAQ,MAAM,YAAY,GAAK,EAAM,EACrC,EAAS,EAAM;IAGX,UAAe;AACnB,MAAI,CAAC,EAAW,QAAS;EACzB,IAAM,IAAU,EAAW;AACtB,IAAQ,UAEb,EAAQ,MAAM,eAAe,EAAI,EACjC,EAAS,GAAG;;AAsCd,QAnCA,QAAgB;AACd,MAAI,CAAC,EAAc;EAEnB,IAAM,KACF,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY,YACrD,OAAO,SAAS;AAEb,IAAQ,UACb,EAAQ,MAAM,YAAY,GAAK,EAAa,EAC5C,EAAS,EAAa;IACrB,EAAE,CAAC,EAEN,QAAgB;EACd,IAAM,KACF,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY,YACrD,OAAO,SAAS;AAElB,IAAW,UAAU;EAQrB,IAAM,IAAW,IAAI,uBANE;GACrB,IAAM,IAAQ,OAAO,iBAAiB,EAAQ,CAAC,iBAAiB,EAAI,EAAE,MAAM;AAE5E,KAAS,KAAS,EAAa;IAGc;AAI/C,SAFA,EAAS,QAAQ,GAAS,EAAE,iBAAiB,CAAC,SAAS,QAAQ,EAAE,CAAC,QAErD;AACX,KAAS,YAAY;;IAEtB,CAAC,KAAU,EAAS,cAAc,EAAO,EAAE,EAAY,MAAM,CAAC,EAE7D,IAAe;EAAE;EAAO;EAAK;EAAQ,GAClC;EAAE,KAAK;EAAa;EAAO;EAAK;EAAQ"}

package/dist/esm/hooks/useDebounceCallback/useDebounceCallback.mjs

@@ -1,18 +1,19 @@
-import { useRef as n, useMemo as a } from "react";
-const b = (r, t) => {
-  const c = n(r), e = n(null), u = n(t);
-  return c.current = r, u.current = t, a(() => {
-    const o = () => {
-      e.current && (clearTimeout(e.current), e.current = null);
-    }, l = function(...s) {
-      o(), e.current = setTimeout(() => {
-        c.current.apply(this, s);
-      }, u.current);
-    };
-    return l.cancel = o, l;
-  }, []);
+import { useMemo as e, useRef as t } from "react";
+//#region src/hooks/useDebounceCallback/useDebounceCallback.ts
+var n = (n, r) => {
+	let i = t(n), a = t(null), o = t(r);
+	return i.current = n, o.current = r, e(() => {
+		let e = () => {
+			a.current &&= (clearTimeout(a.current), null);
+		}, t = function(...t) {
+			e(), a.current = setTimeout(() => {
+				i.current.apply(this, t);
+			}, o.current);
+		};
+		return t.cancel = e, t;
+	}, []);
 };
-export {
-  b as useDebounceCallback
-};
-//# sourceMappingURL=useDebounceCallback.mjs.map
+//#endregion
+export { n as useDebounceCallback };
+
+//# sourceMappingURL=useDebounceCallback.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDebounceCallback.mjs","sources":["../../../../src/hooks/useDebounceCallback/useDebounceCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type DebouncedCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n  cancel: () => void;\n};\n\n/**\n * @name useDebounceCallback\n * @description - Hook that creates a debounced callback\n * @category Utilities\n * @usage high\n *\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with debounce\n *\n * @example\n * const debouncedCallback = useDebounceCallback(() => console.log('callback'), 500);\n */\nexport const useDebounceCallback = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return,\n  delay: number\n): DebouncedCallback<Params> => {\n  const internalCallbackRef = useRef(callback);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const delayRef = useRef(delay);\n\n  internalCallbackRef.current = callback;\n  delayRef.current = delay;\n\n  const debounced = useMemo(() => {\n    const cancel = () => {\n      if (!timerRef.current) return;\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    };\n\n    const debouncedCallback = function (this: any, ...args: Params) {\n      cancel();\n      timerRef.current = setTimeout(() => {\n        internalCallbackRef.current.apply(this, args);\n      }, delayRef.current);\n    };\n\n    debouncedCallback.cancel = cancel;\n\n    return debouncedCallback;\n  }, []);\n\n  return debounced;\n};\n"],"names":["useDebounceCallback","callback","delay","internalCallbackRef","useRef","timerRef","delayRef","useMemo","cancel","debouncedCallback","args"],"mappings":";AAqBO,MAAMA,IAAsB,CACjCC,GACAC,MAC8B;AAC9B,QAAMC,IAAsBC,EAAOH,CAAQ,GACrCI,IAAWD,EAA6C,IAAI,GAC5DE,IAAWF,EAAOF,CAAK;AAE7B,SAAAC,EAAoB,UAAUF,GAC9BK,EAAS,UAAUJ,GAEDK,EAAQ,MAAM;AAC9B,UAAMC,IAAS,MAAM;AACnB,MAAKH,EAAS,YACd,aAAaA,EAAS,OAAO,GAC7BA,EAAS,UAAU;AAAA,IAAA,GAGfI,IAAoB,YAAwBC,GAAc;AAC9D,MAAAF,EAAA,GACAH,EAAS,UAAU,WAAW,MAAM;AAClC,QAAAF,EAAoB,QAAQ,MAAM,MAAMO,CAAI;AAAA,MAAA,GAC3CJ,EAAS,OAAO;AAAA,IAAA;AAGrB,WAAAG,EAAkB,SAASD,GAEpBC;AAAA,EAAA,GACN,EAAE;AAGP;"}
+{"version":3,"file":"useDebounceCallback.mjs","names":[],"sources":["../../../../src/hooks/useDebounceCallback/useDebounceCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type DebouncedCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n  cancel: () => void;\n};\n\n/**\n * @name useDebounceCallback\n * @description - Hook that creates a debounced callback\n * @category Utilities\n * @usage high\n *\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with debounce\n *\n * @example\n * const debouncedCallback = useDebounceCallback(() => console.log('callback'), 500);\n */\nexport const useDebounceCallback = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return,\n  delay: number\n): DebouncedCallback<Params> => {\n  const internalCallbackRef = useRef(callback);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const delayRef = useRef(delay);\n\n  internalCallbackRef.current = callback;\n  delayRef.current = delay;\n\n  const debounced = useMemo(() => {\n    const cancel = () => {\n      if (!timerRef.current) return;\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    };\n\n    const debouncedCallback = function (this: any, ...args: Params) {\n      cancel();\n      timerRef.current = setTimeout(() => {\n        internalCallbackRef.current.apply(this, args);\n      }, delayRef.current);\n    };\n\n    debouncedCallback.cancel = cancel;\n\n    return debouncedCallback;\n  }, []);\n\n  return debounced;\n};\n"],"mappings":";;AAqBA,IAAa,KACX,GACA,MAC8B;CAC9B,IAAM,IAAsB,EAAO,EAAS,EACtC,IAAW,EAA6C,KAAK,EAC7D,IAAW,EAAO,EAAM;AAwB9B,QAtBA,EAAoB,UAAU,GAC9B,EAAS,UAAU,GAED,QAAc;EAC9B,IAAM,UAAe;AACd,GAEL,EAAS,aADT,aAAa,EAAS,QAAQ,EACX;KAGf,IAAoB,SAAqB,GAAG,GAAc;AAE9D,GADA,GAAQ,EACR,EAAS,UAAU,iBAAiB;AAClC,MAAoB,QAAQ,MAAM,MAAM,EAAK;MAC5C,EAAS,QAAQ;;AAKtB,SAFA,EAAkB,SAAS,GAEpB;IACN,EAAE,CAAC"}

package/dist/esm/hooks/useDebounceEffect/useDebounceEffect.mjs

@@ -1,19 +1,20 @@
-import { useRef as r, useEffect as s } from "react";
-const m = (u, n, i) => {
-  const c = r(!0), e = r(null), t = r(void 0), f = r(u), o = r(n);
-  f.current = u, o.current = n, s(() => {
-    if (c.current) {
-      c.current = !1;
-      return;
-    }
-    return e.current && (clearTimeout(e.current), e.current = null), e.current = setTimeout(() => {
-      t.current = f.current();
-    }, o.current), () => {
-      e.current && clearTimeout(e.current), e.current = null, typeof t.current == "function" && t.current();
-    };
-  }, i);
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/useDebounceEffect/useDebounceEffect.ts
+var n = (n, r, i) => {
+	let a = t(!0), o = t(null), s = t(void 0), c = t(n), l = t(r);
+	c.current = n, l.current = r, e(() => {
+		if (a.current) {
+			a.current = !1;
+			return;
+		}
+		return o.current &&= (clearTimeout(o.current), null), o.current = setTimeout(() => {
+			s.current = c.current();
+		}, l.current), () => {
+			o.current && clearTimeout(o.current), o.current = null, typeof s.current == "function" && s.current();
+		};
+	}, i);
 };
-export {
-  m as useDebounceEffect
-};
-//# sourceMappingURL=useDebounceEffect.mjs.map
+//#endregion
+export { n as useDebounceEffect };
+
+//# sourceMappingURL=useDebounceEffect.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDebounceEffect.mjs","sources":["../../../../src/hooks/useDebounceEffect/useDebounceEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * @name useDebounceEffect\n * @description – Hook that runs an effect after a delay when dependencies change\n * @category Utilities\n * @usage high\n *\n * @param {EffectCallback} effect The effect callback to run\n * @param {number} delay The delay in milliseconds\n * @param {DependencyList} deps The dependencies list for the effect\n *\n * @example\n * useDebounceEffect(() => console.log('effect'), 500, [value]);\n */\nexport const useDebounceEffect = (effect: EffectCallback, delay: number, deps?: DependencyList) => {\n  const mountedRef = useRef(true);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const cleanupRef = useRef<ReturnType<EffectCallback>>(undefined);\n  const effectRef = useRef(effect);\n  const delayRef = useRef(delay);\n\n  effectRef.current = effect;\n  delayRef.current = delay;\n\n  useEffect(() => {\n    if (mountedRef.current) {\n      mountedRef.current = false;\n      return;\n    }\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      cleanupRef.current = effectRef.current();\n    }, delayRef.current);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      if (typeof cleanupRef.current === 'function') cleanupRef.current();\n    };\n  }, deps);\n};\n"],"names":["useDebounceEffect","effect","delay","deps","mountedRef","useRef","timeoutRef","cleanupRef","effectRef","delayRef","useEffect"],"mappings":";AAiBO,MAAMA,IAAoB,CAACC,GAAwBC,GAAeC,MAA0B;AACjG,QAAMC,IAAaC,EAAO,EAAI,GACxBC,IAAaD,EAA6C,IAAI,GAC9DE,IAAaF,EAAmC,MAAS,GACzDG,IAAYH,EAAOJ,CAAM,GACzBQ,IAAWJ,EAAOH,CAAK;AAE7B,EAAAM,EAAU,UAAUP,GACpBQ,EAAS,UAAUP,GAEnBQ,EAAU,MAAM;AACd,QAAIN,EAAW,SAAS;AACtB,MAAAA,EAAW,UAAU;AACrB;AAAA,IAAA;AAGF,WAAIE,EAAW,YACb,aAAaA,EAAW,OAAO,GAC/BA,EAAW,UAAU,OAGvBA,EAAW,UAAU,WAAW,MAAM;AACpC,MAAAC,EAAW,UAAUC,EAAU,QAAA;AAAA,IAAQ,GACtCC,EAAS,OAAO,GAEZ,MAAM;AACX,MAAIH,EAAW,WAAS,aAAaA,EAAW,OAAO,GACvDA,EAAW,UAAU,MACjB,OAAOC,EAAW,WAAY,gBAAuB,QAAA;AAAA,IAAQ;AAAA,EACnE,GACCJ,CAAI;AACT;"}
+{"version":3,"file":"useDebounceEffect.mjs","names":[],"sources":["../../../../src/hooks/useDebounceEffect/useDebounceEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * @name useDebounceEffect\n * @description – Hook that runs an effect after a delay when dependencies change\n * @category Utilities\n * @usage high\n *\n * @param {EffectCallback} effect The effect callback to run\n * @param {number} delay The delay in milliseconds\n * @param {DependencyList} deps The dependencies list for the effect\n *\n * @example\n * useDebounceEffect(() => console.log('effect'), 500, [value]);\n */\nexport const useDebounceEffect = (effect: EffectCallback, delay: number, deps?: DependencyList) => {\n  const mountedRef = useRef(true);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const cleanupRef = useRef<ReturnType<EffectCallback>>(undefined);\n  const effectRef = useRef(effect);\n  const delayRef = useRef(delay);\n\n  effectRef.current = effect;\n  delayRef.current = delay;\n\n  useEffect(() => {\n    if (mountedRef.current) {\n      mountedRef.current = false;\n      return;\n    }\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      cleanupRef.current = effectRef.current();\n    }, delayRef.current);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      if (typeof cleanupRef.current === 'function') cleanupRef.current();\n    };\n  }, deps);\n};\n"],"mappings":";;AAiBA,IAAa,KAAqB,GAAwB,GAAe,MAA0B;CACjG,IAAM,IAAa,EAAO,GAAK,EACzB,IAAa,EAA6C,KAAK,EAC/D,IAAa,EAAmC,KAAA,EAAU,EAC1D,IAAY,EAAO,EAAO,EAC1B,IAAW,EAAO,EAAM;AAK9B,CAHA,EAAU,UAAU,GACpB,EAAS,UAAU,GAEnB,QAAgB;AACd,MAAI,EAAW,SAAS;AACtB,KAAW,UAAU;AACrB;;AAYF,SATA,AAEE,EAAW,aADX,aAAa,EAAW,QAAQ,EACX,OAGvB,EAAW,UAAU,iBAAiB;AACpC,KAAW,UAAU,EAAU,SAAS;KACvC,EAAS,QAAQ,QAEP;AAGX,GAFI,EAAW,WAAS,aAAa,EAAW,QAAQ,EACxD,EAAW,UAAU,MACjB,OAAO,EAAW,WAAY,cAAY,EAAW,SAAS;;IAEnE,EAAK"}

package/dist/esm/hooks/useDebounceState/useDebounceState.mjs

@@ -1,10 +1,11 @@
-import { useState as n } from "react";
-import { useDebounceCallback as a } from "../useDebounceCallback/useDebounceCallback.mjs";
-const b = (e, t) => {
-  const [o, u] = n(e), c = a(u, t);
-  return [o, c];
+import { useDebounceCallback as e } from "../useDebounceCallback/useDebounceCallback.mjs";
+import { useState as t } from "react";
+//#region src/hooks/useDebounceState/useDebounceState.ts
+var n = (n, r) => {
+	let [i, a] = t(n);
+	return [i, e(a, r)];
 };
-export {
-  b as useDebounceState
-};
-//# sourceMappingURL=useDebounceState.mjs.map
+//#endregion
+export { n as useDebounceState };
+
+//# sourceMappingURL=useDebounceState.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDebounceState.mjs","sources":["../../../../src/hooks/useDebounceState/useDebounceState.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/**\n * @name useDebounceState\n * @description - Hook that creates a debounced state\n * @category Utilities\n * @usage high\n\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {[Value, (value: Value) => void]} The debounced state\n *\n * @example\n * const [debouncedValue, setDebouncedValue] = useDebounceState(value, 500);\n */\nexport const useDebounceState = <Value>(initialValue: Value, delay: number) => {\n  const [debouncedValue, setDebouncedValue] = useState(initialValue);\n  const debouncedSetState = useDebounceCallback(setDebouncedValue, delay);\n\n  return [debouncedValue, debouncedSetState] as const;\n};\n"],"names":["useDebounceState","initialValue","delay","debouncedValue","setDebouncedValue","useState","debouncedSetState","useDebounceCallback"],"mappings":";;AAkBO,MAAMA,IAAmB,CAAQC,GAAqBC,MAAkB;AAC7E,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASJ,CAAY,GAC3DK,IAAoBC,EAAoBH,GAAmBF,CAAK;AAEtE,SAAO,CAACC,GAAgBG,CAAiB;AAC3C;"}
+{"version":3,"file":"useDebounceState.mjs","names":[],"sources":["../../../../src/hooks/useDebounceState/useDebounceState.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/**\n * @name useDebounceState\n * @description - Hook that creates a debounced state\n * @category Utilities\n * @usage high\n\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {[Value, (value: Value) => void]} The debounced state\n *\n * @example\n * const [debouncedValue, setDebouncedValue] = useDebounceState(value, 500);\n */\nexport const useDebounceState = <Value>(initialValue: Value, delay: number) => {\n  const [debouncedValue, setDebouncedValue] = useState(initialValue);\n  const debouncedSetState = useDebounceCallback(setDebouncedValue, delay);\n\n  return [debouncedValue, debouncedSetState] as const;\n};\n"],"mappings":";;;AAkBA,IAAa,KAA2B,GAAqB,MAAkB;CAC7E,IAAM,CAAC,GAAgB,KAAqB,EAAS,EAAa;AAGlE,QAAO,CAAC,GAFkB,EAAoB,GAAmB,EAAM,CAE7B"}

package/dist/esm/hooks/useDebounceValue/useDebounceValue.mjs

@@ -1,12 +1,13 @@
-import { useRef as n, useState as s, useEffect as f } from "react";
-import { useDebounceCallback as b } from "../useDebounceCallback/useDebounceCallback.mjs";
-const m = (e, o) => {
-  const t = n(e), [r, u] = s(e), c = b(u, o);
-  return f(() => {
-    t.current !== e && (c(e), t.current = e);
-  }, [e]), r;
+import { useDebounceCallback as e } from "../useDebounceCallback/useDebounceCallback.mjs";
+import { useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/useDebounceValue/useDebounceValue.ts
+var i = (i, a) => {
+	let o = n(i), [s, c] = r(i), l = e(c, a);
+	return t(() => {
+		o.current !== i && (l(i), o.current = i);
+	}, [i]), s;
 };
-export {
-  m as useDebounceValue
-};
-//# sourceMappingURL=useDebounceValue.mjs.map
+//#endregion
+export { i as useDebounceValue };
+
+//# sourceMappingURL=useDebounceValue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDebounceValue.mjs","sources":["../../../../src/hooks/useDebounceValue/useDebounceValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/**\n * @name useDebounceValue\n * @description - Hook that creates a debounced value\n * @category Utilities\n * @usage high\n\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The debounced value\n *\n * @example\n * const debouncedValue = useDebounceValue(value, 500);\n */\nexport const useDebounceValue = <Value>(value: Value, delay: number) => {\n  const previousValueRef = useRef(value);\n  const [debouncedValue, setDebounceValue] = useState(value);\n\n  const debouncedSetState = useDebounceCallback(setDebounceValue, delay);\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    debouncedSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return debouncedValue;\n};\n"],"names":["useDebounceValue","value","delay","previousValueRef","useRef","debouncedValue","setDebounceValue","useState","debouncedSetState","useDebounceCallback","useEffect"],"mappings":";;AAkBO,MAAMA,IAAmB,CAAQC,GAAcC,MAAkB;AACtE,QAAMC,IAAmBC,EAAOH,CAAK,GAC/B,CAACI,GAAgBC,CAAgB,IAAIC,EAASN,CAAK,GAEnDO,IAAoBC,EAAoBH,GAAkBJ,CAAK;AAErE,SAAAQ,EAAU,MAAM;AACd,IAAIP,EAAiB,YAAYF,MACjCO,EAAkBP,CAAK,GACvBE,EAAiB,UAAUF;AAAA,EAAA,GAC1B,CAACA,CAAK,CAAC,GAEHI;AACT;"}
+{"version":3,"file":"useDebounceValue.mjs","names":[],"sources":["../../../../src/hooks/useDebounceValue/useDebounceValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/**\n * @name useDebounceValue\n * @description - Hook that creates a debounced value\n * @category Utilities\n * @usage high\n\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The debounced value\n *\n * @example\n * const debouncedValue = useDebounceValue(value, 500);\n */\nexport const useDebounceValue = <Value>(value: Value, delay: number) => {\n  const previousValueRef = useRef(value);\n  const [debouncedValue, setDebounceValue] = useState(value);\n\n  const debouncedSetState = useDebounceCallback(setDebounceValue, delay);\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    debouncedSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return debouncedValue;\n};\n"],"mappings":";;;AAkBA,IAAa,KAA2B,GAAc,MAAkB;CACtE,IAAM,IAAmB,EAAO,EAAM,EAChC,CAAC,GAAgB,KAAoB,EAAS,EAAM,EAEpD,IAAoB,EAAoB,GAAkB,EAAM;AAQtE,QANA,QAAgB;AACV,IAAiB,YAAY,MACjC,EAAkB,EAAM,EACxB,EAAiB,UAAU;IAC1B,CAAC,EAAM,CAAC,EAEJ"}

package/dist/esm/hooks/useDefault/useDefault.mjs

@@ -1,9 +1,10 @@
-import { useState as l } from "react";
-const s = (t, u) => {
-  const [e, o] = l(t);
-  return [e ?? u, o];
+import { useState as e } from "react";
+//#region src/hooks/useDefault/useDefault.ts
+var t = (t, n) => {
+	let [r, i] = e(t);
+	return [r ?? n, i];
 };
-export {
-  s as useDefault
-};
-//# sourceMappingURL=useDefault.mjs.map
+//#endregion
+export { t as useDefault };
+
+//# sourceMappingURL=useDefault.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDefault.mjs","sources":["../../../../src/hooks/useDefault/useDefault.ts"],"sourcesContent":["import { useState } from 'react';\n\n/**\n * @name useDefault\n * @description - Hook that returns the default value\n * @category State\n * @usage medium\n\n * @template Value The type of the value\n * @param {Value} initialValue The initial value\n * @param {Value} defaultValue The default value\n * @returns {[Value, (value: Value) => void]} An array containing the current value and a function to set the value\n *\n * @example\n * const [value, setValue] = useDefault(initialValue, defaultValue);\n */\nexport const useDefault = <Value>(initialValue: (() => Value) | Value, defaultValue: Value) => {\n  const [value, setValue] = useState<Value | null | undefined>(initialValue);\n  return [value === undefined || value === null ? defaultValue : value, setValue] as const;\n};\n"],"names":["useDefault","initialValue","defaultValue","value","setValue","useState"],"mappings":";AAgBO,MAAMA,IAAa,CAAQC,GAAqCC,MAAwB;AAC7F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAmCJ,CAAY;AACzE,SAAO,CAAwBE,KAAiBD,GAAsBE,CAAQ;AAChF;"}
+{"version":3,"file":"useDefault.mjs","names":[],"sources":["../../../../src/hooks/useDefault/useDefault.ts"],"sourcesContent":["import { useState } from 'react';\n\n/**\n * @name useDefault\n * @description - Hook that returns the default value\n * @category State\n * @usage medium\n\n * @template Value The type of the value\n * @param {Value} initialValue The initial value\n * @param {Value} defaultValue The default value\n * @returns {[Value, (value: Value) => void]} An array containing the current value and a function to set the value\n *\n * @example\n * const [value, setValue] = useDefault(initialValue, defaultValue);\n */\nexport const useDefault = <Value>(initialValue: (() => Value) | Value, defaultValue: Value) => {\n  const [value, setValue] = useState<Value | null | undefined>(initialValue);\n  return [value === undefined || value === null ? defaultValue : value, setValue] as const;\n};\n"],"mappings":";;AAgBA,IAAa,KAAqB,GAAqC,MAAwB;CAC7F,IAAM,CAAC,GAAO,KAAY,EAAmC,EAAa;AAC1E,QAAO,CAAC,KAAwC,GAAsB,EAAS"}

package/dist/esm/hooks/useDeviceMotion/useDeviceMotion.mjs

@@ -1,37 +1,50 @@
-import { useState as u, useRef as d, useEffect as v } from "react";
-import { throttle as f } from "../../utils/helpers/throttle.mjs";
-const b = ((...e) => {
-  const l = typeof e[0] == "number" ? e[0] : e[0]?.delay ?? 1e3, o = typeof e[0] == "function" ? e[0] : e[0]?.onChange, i = e[0]?.enabled ?? !0, [t, r] = u({
-    interval: 0,
-    rotationRate: { alpha: null, beta: null, gamma: null },
-    acceleration: { x: null, y: null, z: null },
-    accelerationIncludingGravity: { x: null, y: null, z: null }
-  }), a = d(o);
-  return a.current = o, v(() => {
-    if (!i) return;
-    const c = f((n) => {
-      a.current?.(n), r({
-        interval: n.interval,
-        rotationRate: {
-          ...t.rotationRate,
-          ...n.rotationRate
-        },
-        acceleration: {
-          ...t.acceleration,
-          ...n.acceleration
-        },
-        accelerationIncludingGravity: {
-          ...t.accelerationIncludingGravity,
-          ...n.accelerationIncludingGravity
-        }
-      });
-    }, l);
-    return window.addEventListener("devicemotion", c), () => {
-      window.removeEventListener("devicemotion", c);
-    };
-  }, [l, i]), t;
+import { throttle as e } from "../../utils/helpers/throttle.mjs";
+import { useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/useDeviceMotion/useDeviceMotion.ts
+var i = ((...i) => {
+	let a = typeof i[0] == "number" ? i[0] : i[0]?.delay ?? 1e3, o = typeof i[0] == "function" ? i[0] : i[0]?.onChange, s = i[0]?.enabled ?? !0, [c, l] = r({
+		interval: 0,
+		rotationRate: {
+			alpha: null,
+			beta: null,
+			gamma: null
+		},
+		acceleration: {
+			x: null,
+			y: null,
+			z: null
+		},
+		accelerationIncludingGravity: {
+			x: null,
+			y: null,
+			z: null
+		}
+	}), u = n(o);
+	return u.current = o, t(() => {
+		if (!s) return;
+		let t = e((e) => {
+			u.current?.(e), l({
+				interval: e.interval,
+				rotationRate: {
+					...c.rotationRate,
+					...e.rotationRate
+				},
+				acceleration: {
+					...c.acceleration,
+					...e.acceleration
+				},
+				accelerationIncludingGravity: {
+					...c.accelerationIncludingGravity,
+					...e.accelerationIncludingGravity
+				}
+			});
+		}, a);
+		return window.addEventListener("devicemotion", t), () => {
+			window.removeEventListener("devicemotion", t);
+		};
+	}, [a, s]), c;
 });
-export {
-  b as useDeviceMotion
-};
-//# sourceMappingURL=useDeviceMotion.mjs.map
+//#endregion
+export { i as useDeviceMotion };
+
+//# sourceMappingURL=useDeviceMotion.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDeviceMotion.mjs","sources":["../../../../src/hooks/useDeviceMotion/useDeviceMotion.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\nexport interface UseDeviceMotionReturn {\n  acceleration: DeviceMotionEventAcceleration;\n  accelerationIncludingGravity: DeviceMotionEventAcceleration;\n  interval: DeviceMotionEvent['interval'];\n  rotationRate: DeviceMotionEventRotationRate;\n}\n\nexport interface UseDeviceMotionOptions {\n  /** The delay in milliseconds */\n  delay?: number;\n  /** Whether to enable the hook */\n  enabled?: boolean;\n  /** The callback function to be invoked */\n  onChange?: (event: DeviceMotionEvent) => void;\n}\n\nexport interface UseDeviceMotion {\n  (callback?: (event: DeviceMotionEvent) => void, delay?: number): UseDeviceMotionReturn;\n\n  (options?: UseDeviceMotionOptions): UseDeviceMotionReturn;\n}\n\n/**\n * @name useDeviceMotion\n * @description - Hook that work with device motion\n * @category Sensors\n * @usage low\n *\n * @browserapi DeviceMotionEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceMotionEvent\n *\n * @overload\n * @param {number} [delay=1000] The delay in milliseconds\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion(500, (event) => console.log(event));\n *\n * @overload\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion((event) => console.log(event));\n *\n * @overload\n * @param {UseDeviceMotionOptions} [options] Configuration options\n * @param {number} [options.delay] The delay in milliseconds\n * @param {boolean} [options.enabled] Whether to enable the hook\n * @param {(event: DeviceMotionEvent) => void} [options.onChange] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion();\n */\nexport const useDeviceMotion = ((...params: any[]) => {\n  const delay = typeof params[0] === 'number' ? params[0] : (params[0]?.delay ?? 1000);\n  const callback = typeof params[0] === 'function' ? params[0] : params[0]?.onChange;\n  const enabled = params[0]?.enabled ?? true;\n\n  const [value, setValue] = useState<UseDeviceMotionReturn>({\n    interval: 0,\n    rotationRate: { alpha: null, beta: null, gamma: null },\n    acceleration: { x: null, y: null, z: null },\n    accelerationIncludingGravity: { x: null, y: null, z: null }\n  });\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const onDeviceMotion = throttle<[DeviceMotionEvent]>((event) => {\n      internalCallbackRef.current?.(event);\n\n      setValue({\n        interval: event.interval,\n        rotationRate: {\n          ...value.rotationRate,\n          ...event.rotationRate\n        },\n        acceleration: {\n          ...value.acceleration,\n          ...event.acceleration\n        },\n        accelerationIncludingGravity: {\n          ...value.accelerationIncludingGravity,\n          ...event.accelerationIncludingGravity\n        }\n      });\n    }, delay);\n\n    window.addEventListener('devicemotion', onDeviceMotion);\n\n    return () => {\n      window.removeEventListener('devicemotion', onDeviceMotion);\n    };\n  }, [delay, enabled]);\n\n  return value;\n}) as UseDeviceMotion;\n"],"names":["useDeviceMotion","params","delay","callback","enabled","value","setValue","useState","internalCallbackRef","useRef","useEffect","onDeviceMotion","throttle","event"],"mappings":";;AA2DO,MAAMA,KAAmB,IAAIC,MAAkB;AACpD,QAAMC,IAAQ,OAAOD,EAAO,CAAC,KAAM,WAAWA,EAAO,CAAC,IAAKA,EAAO,CAAC,GAAG,SAAS,KACzEE,IAAW,OAAOF,EAAO,CAAC,KAAM,aAAaA,EAAO,CAAC,IAAIA,EAAO,CAAC,GAAG,UACpEG,IAAUH,EAAO,CAAC,GAAG,WAAW,IAEhC,CAACI,GAAOC,CAAQ,IAAIC,EAAgC;AAAA,IACxD,UAAU;AAAA,IACV,cAAc,EAAE,OAAO,MAAM,MAAM,MAAM,OAAO,KAAA;AAAA,IAChD,cAAc,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,KAAA;AAAA,IACrC,8BAA8B,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,KAAA;AAAA,EAAK,CAC3D,GACKC,IAAsBC,EAAON,CAAQ;AAC3C,SAAAK,EAAoB,UAAUL,GAE9BO,EAAU,MAAM;AACd,QAAI,CAACN,EAAS;AAEd,UAAMO,IAAiBC,EAA8B,CAACC,MAAU;AAC9D,MAAAL,EAAoB,UAAUK,CAAK,GAEnCP,EAAS;AAAA,QACP,UAAUO,EAAM;AAAA,QAChB,cAAc;AAAA,UACZ,GAAGR,EAAM;AAAA,UACT,GAAGQ,EAAM;AAAA,QAAA;AAAA,QAEX,cAAc;AAAA,UACZ,GAAGR,EAAM;AAAA,UACT,GAAGQ,EAAM;AAAA,QAAA;AAAA,QAEX,8BAA8B;AAAA,UAC5B,GAAGR,EAAM;AAAA,UACT,GAAGQ,EAAM;AAAA,QAAA;AAAA,MACX,CACD;AAAA,IAAA,GACAX,CAAK;AAER,kBAAO,iBAAiB,gBAAgBS,CAAc,GAE/C,MAAM;AACX,aAAO,oBAAoB,gBAAgBA,CAAc;AAAA,IAAA;AAAA,EAC3D,GACC,CAACT,GAAOE,CAAO,CAAC,GAEZC;AACT;"}
+{"version":3,"file":"useDeviceMotion.mjs","names":[],"sources":["../../../../src/hooks/useDeviceMotion/useDeviceMotion.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\nexport interface UseDeviceMotionReturn {\n  acceleration: DeviceMotionEventAcceleration;\n  accelerationIncludingGravity: DeviceMotionEventAcceleration;\n  interval: DeviceMotionEvent['interval'];\n  rotationRate: DeviceMotionEventRotationRate;\n}\n\nexport interface UseDeviceMotionOptions {\n  /** The delay in milliseconds */\n  delay?: number;\n  /** Whether to enable the hook */\n  enabled?: boolean;\n  /** The callback function to be invoked */\n  onChange?: (event: DeviceMotionEvent) => void;\n}\n\nexport interface UseDeviceMotion {\n  (callback?: (event: DeviceMotionEvent) => void, delay?: number): UseDeviceMotionReturn;\n\n  (options?: UseDeviceMotionOptions): UseDeviceMotionReturn;\n}\n\n/**\n * @name useDeviceMotion\n * @description - Hook that work with device motion\n * @category Sensors\n * @usage low\n *\n * @browserapi DeviceMotionEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceMotionEvent\n *\n * @overload\n * @param {number} [delay=1000] The delay in milliseconds\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion(500, (event) => console.log(event));\n *\n * @overload\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion((event) => console.log(event));\n *\n * @overload\n * @param {UseDeviceMotionOptions} [options] Configuration options\n * @param {number} [options.delay] The delay in milliseconds\n * @param {boolean} [options.enabled] Whether to enable the hook\n * @param {(event: DeviceMotionEvent) => void} [options.onChange] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion();\n */\nexport const useDeviceMotion = ((...params: any[]) => {\n  const delay = typeof params[0] === 'number' ? params[0] : (params[0]?.delay ?? 1000);\n  const callback = typeof params[0] === 'function' ? params[0] : params[0]?.onChange;\n  const enabled = params[0]?.enabled ?? true;\n\n  const [value, setValue] = useState<UseDeviceMotionReturn>({\n    interval: 0,\n    rotationRate: { alpha: null, beta: null, gamma: null },\n    acceleration: { x: null, y: null, z: null },\n    accelerationIncludingGravity: { x: null, y: null, z: null }\n  });\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const onDeviceMotion = throttle<[DeviceMotionEvent]>((event) => {\n      internalCallbackRef.current?.(event);\n\n      setValue({\n        interval: event.interval,\n        rotationRate: {\n          ...value.rotationRate,\n          ...event.rotationRate\n        },\n        acceleration: {\n          ...value.acceleration,\n          ...event.acceleration\n        },\n        accelerationIncludingGravity: {\n          ...value.accelerationIncludingGravity,\n          ...event.accelerationIncludingGravity\n        }\n      });\n    }, delay);\n\n    window.addEventListener('devicemotion', onDeviceMotion);\n\n    return () => {\n      window.removeEventListener('devicemotion', onDeviceMotion);\n    };\n  }, [delay, enabled]);\n\n  return value;\n}) as UseDeviceMotion;\n"],"mappings":";;;AA2DA,IAAa,MAAoB,GAAG,MAAkB;CACpD,IAAM,IAAQ,OAAO,EAAO,MAAO,WAAW,EAAO,KAAM,EAAO,IAAI,SAAS,KACzE,IAAW,OAAO,EAAO,MAAO,aAAa,EAAO,KAAK,EAAO,IAAI,UACpE,IAAU,EAAO,IAAI,WAAW,IAEhC,CAAC,GAAO,KAAY,EAAgC;EACxD,UAAU;EACV,cAAc;GAAE,OAAO;GAAM,MAAM;GAAM,OAAO;GAAM;EACtD,cAAc;GAAE,GAAG;GAAM,GAAG;GAAM,GAAG;GAAM;EAC3C,8BAA8B;GAAE,GAAG;GAAM,GAAG;GAAM,GAAG;GAAM;EAC5D,CAAC,EACI,IAAsB,EAAO,EAAS;AAiC5C,QAhCA,EAAoB,UAAU,GAE9B,QAAgB;AACd,MAAI,CAAC,EAAS;EAEd,IAAM,IAAiB,GAA+B,MAAU;AAG9D,GAFA,EAAoB,UAAU,EAAM,EAEpC,EAAS;IACP,UAAU,EAAM;IAChB,cAAc;KACZ,GAAG,EAAM;KACT,GAAG,EAAM;KACV;IACD,cAAc;KACZ,GAAG,EAAM;KACT,GAAG,EAAM;KACV;IACD,8BAA8B;KAC5B,GAAG,EAAM;KACT,GAAG,EAAM;KACV;IACF,CAAC;KACD,EAAM;AAIT,SAFA,OAAO,iBAAiB,gBAAgB,EAAe,QAE1C;AACX,UAAO,oBAAoB,gBAAgB,EAAe;;IAE3D,CAAC,GAAO,EAAQ,CAAC,EAEb"}

package/dist/esm/hooks/useDeviceOrientation/useDeviceOrientation.mjs

@@ -1,28 +1,29 @@
-import { useState as o, useEffect as r } from "react";
-const l = () => {
-  const t = typeof window < "u" && "DeviceOrientationEvent" in window && !!window.DeviceOrientationEvent, [a, i] = o({
-    alpha: null,
-    beta: null,
-    gamma: null,
-    absolute: !1
-  });
-  return r(() => {
-    if (!t) return;
-    const n = (e) => i({
-      alpha: e.alpha,
-      beta: e.beta,
-      gamma: e.gamma,
-      absolute: e.absolute
-    });
-    return window.addEventListener("deviceorientation", n), () => {
-      window.removeEventListener("deviceorientation", n);
-    };
-  }, []), {
-    supported: t,
-    value: a
-  };
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useDeviceOrientation/useDeviceOrientation.ts
+var n = () => {
+	let n = typeof window < "u" && "DeviceOrientationEvent" in window && !!window.DeviceOrientationEvent, [r, i] = t({
+		alpha: null,
+		beta: null,
+		gamma: null,
+		absolute: !1
+	});
+	return e(() => {
+		if (!n) return;
+		let e = (e) => i({
+			alpha: e.alpha,
+			beta: e.beta,
+			gamma: e.gamma,
+			absolute: e.absolute
+		});
+		return window.addEventListener("deviceorientation", e), () => {
+			window.removeEventListener("deviceorientation", e);
+		};
+	}, []), {
+		supported: n,
+		value: r
+	};
 };
-export {
-  l as useDeviceOrientation
-};
-//# sourceMappingURL=useDeviceOrientation.mjs.map
+//#endregion
+export { n as useDeviceOrientation };
+
+//# sourceMappingURL=useDeviceOrientation.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDeviceOrientation.mjs","sources":["../../../../src/hooks/useDeviceOrientation/useDeviceOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use device orientation value type */\nexport interface UseDeviceOrientationValue {\n  /** The current absolute value */\n  absolute: boolean;\n  /** A number representing the motion of the device around the z axis, express in degrees with values ranging from 0 to 360 */\n  alpha: number | null;\n  /** A number representing the motion of the device around the x axis, express in degrees with values ranging from -180 to 180 */\n  beta: number | null;\n  /** A number representing the motion of the device around the y axis, express in degrees with values ranging from -90 to 90 */\n  gamma: number | null;\n}\n\n/* The use device orientation return type */\nexport interface UseDeviceOrientationReturn {\n  /** Whether the device orientation is supported */\n  supported: boolean;\n  /** The current device orientation value */\n  value: UseDeviceOrientationValue;\n}\n\n/**\n * @name useDeviceOrientation\n * @description - Hook that provides the current device orientation\n * @category Sensors\n * @usage low\n *\n * @browserapi DeviceOrientationEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceOrientationEvent\n *\n * @returns {UseDeviceOrientationReturn} The current device orientation\n *\n * @example\n * const { supported, value } = useDeviceOrientation();\n */\nexport const useDeviceOrientation = (): UseDeviceOrientationReturn => {\n  const supported =\n    typeof window !== 'undefined' &&\n    'DeviceOrientationEvent' in window &&\n    !!window.DeviceOrientationEvent;\n\n  const [value, setValue] = useState<UseDeviceOrientationValue>({\n    alpha: null,\n    beta: null,\n    gamma: null,\n    absolute: false\n  });\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onDeviceOrientation = (event: DeviceOrientationEvent) =>\n      setValue({\n        alpha: event.alpha,\n        beta: event.beta,\n        gamma: event.gamma,\n        absolute: event.absolute\n      });\n\n    window.addEventListener('deviceorientation', onDeviceOrientation);\n    return () => {\n      window.removeEventListener('deviceorientation', onDeviceOrientation);\n    };\n  }, []);\n\n  return {\n    supported,\n    value\n  };\n};\n"],"names":["useDeviceOrientation","supported","value","setValue","useState","useEffect","onDeviceOrientation","event"],"mappings":";AAmCO,MAAMA,IAAuB,MAAkC;AACpE,QAAMC,IACJ,OAAO,SAAW,OAClB,4BAA4B,UAC5B,CAAC,CAAC,OAAO,wBAEL,CAACC,GAAOC,CAAQ,IAAIC,EAAoC;AAAA,IAC5D,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AAED,SAAAC,EAAU,MAAM;AACd,QAAI,CAACJ,EAAW;AAEhB,UAAMK,IAAsB,CAACC,MAC3BJ,EAAS;AAAA,MACP,OAAOI,EAAM;AAAA,MACb,MAAMA,EAAM;AAAA,MACZ,OAAOA,EAAM;AAAA,MACb,UAAUA,EAAM;AAAA,IAAA,CACjB;AAEH,kBAAO,iBAAiB,qBAAqBD,CAAmB,GACzD,MAAM;AACX,aAAO,oBAAoB,qBAAqBA,CAAmB;AAAA,IAAA;AAAA,EACrE,GACC,EAAE,GAEE;AAAA,IACL,WAAAL;AAAA,IACA,OAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useDeviceOrientation.mjs","names":[],"sources":["../../../../src/hooks/useDeviceOrientation/useDeviceOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use device orientation value type */\nexport interface UseDeviceOrientationValue {\n  /** The current absolute value */\n  absolute: boolean;\n  /** A number representing the motion of the device around the z axis, express in degrees with values ranging from 0 to 360 */\n  alpha: number | null;\n  /** A number representing the motion of the device around the x axis, express in degrees with values ranging from -180 to 180 */\n  beta: number | null;\n  /** A number representing the motion of the device around the y axis, express in degrees with values ranging from -90 to 90 */\n  gamma: number | null;\n}\n\n/* The use device orientation return type */\nexport interface UseDeviceOrientationReturn {\n  /** Whether the device orientation is supported */\n  supported: boolean;\n  /** The current device orientation value */\n  value: UseDeviceOrientationValue;\n}\n\n/**\n * @name useDeviceOrientation\n * @description - Hook that provides the current device orientation\n * @category Sensors\n * @usage low\n *\n * @browserapi DeviceOrientationEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceOrientationEvent\n *\n * @returns {UseDeviceOrientationReturn} The current device orientation\n *\n * @example\n * const { supported, value } = useDeviceOrientation();\n */\nexport const useDeviceOrientation = (): UseDeviceOrientationReturn => {\n  const supported =\n    typeof window !== 'undefined' &&\n    'DeviceOrientationEvent' in window &&\n    !!window.DeviceOrientationEvent;\n\n  const [value, setValue] = useState<UseDeviceOrientationValue>({\n    alpha: null,\n    beta: null,\n    gamma: null,\n    absolute: false\n  });\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onDeviceOrientation = (event: DeviceOrientationEvent) =>\n      setValue({\n        alpha: event.alpha,\n        beta: event.beta,\n        gamma: event.gamma,\n        absolute: event.absolute\n      });\n\n    window.addEventListener('deviceorientation', onDeviceOrientation);\n    return () => {\n      window.removeEventListener('deviceorientation', onDeviceOrientation);\n    };\n  }, []);\n\n  return {\n    supported,\n    value\n  };\n};\n"],"mappings":";;AAmCA,IAAa,UAAyD;CACpE,IAAM,IACJ,OAAO,SAAW,OAClB,4BAA4B,UAC5B,CAAC,CAAC,OAAO,wBAEL,CAAC,GAAO,KAAY,EAAoC;EAC5D,OAAO;EACP,MAAM;EACN,OAAO;EACP,UAAU;EACX,CAAC;AAmBF,QAjBA,QAAgB;AACd,MAAI,CAAC,EAAW;EAEhB,IAAM,KAAuB,MAC3B,EAAS;GACP,OAAO,EAAM;GACb,MAAM,EAAM;GACZ,OAAO,EAAM;GACb,UAAU,EAAM;GACjB,CAAC;AAGJ,SADA,OAAO,iBAAiB,qBAAqB,EAAoB,QACpD;AACX,UAAO,oBAAoB,qBAAqB,EAAoB;;IAErE,EAAE,CAAC,EAEC;EACL;EACA;EACD"}