@siberiacancode/reactuse 0.3.15 → 0.3.17

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

@@ -1 +1 @@
-{"version":3,"file":"useSticky.mjs","sources":["../../../../src/hooks/useSticky/useSticky.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use sticky return type */\nexport interface UseStickyReturn {\n  stuck: boolean;\n}\n\n/** The use sticky axis type */\nexport type UseStickyAxis = 'horizontal' | 'vertical';\n\n/** The use sticky options type */\nexport interface UseStickyOptions {\n  axis?: UseStickyAxis;\n  root?: HookTarget;\n}\n\nexport interface UseSticky {\n  (target: HookTarget, options?: UseStickyOptions): UseStickyReturn;\n\n  <Target extends Element>(\n    options?: UseStickyOptions,\n    target?: never\n  ): UseStickyReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name UseSticky\n * @description - Hook that allows you to detect that your sticky component is stuck\n * @category Elements\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target sticky element\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {UseStickyReturn} The state of the sticky\n *\n * @example\n * const { stuck } = useSticky(ref);\n *\n * @overload\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {{ ref: StateRef<Target> } & UseStickyReturn} The state of the sticky\n *\n * @example\n * const { stuck, ref } = useSticky();\n */\nexport const useSticky = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseStickyOptions;\n  const axis = options?.axis ?? 'vertical';\n\n  const internalRef = useRefState<Element>();\n  const [stuck, setStuck] = useState(false);\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const root = (options?.root ? isTarget.getElement(options.root) : document) as Element;\n    const elementOffsetTop =\n      element.getBoundingClientRect().top + root.scrollTop - root.getBoundingClientRect().top;\n    const elementOffsetLeft =\n      element.getBoundingClientRect().left + root.scrollLeft - root.getBoundingClientRect().left;\n\n    const onSticky = () => {\n      if (axis === 'vertical') {\n        const scrollTop = root.scrollTop;\n        setStuck(scrollTop >= elementOffsetTop);\n      }\n\n      if (axis === 'horizontal') {\n        const scrollLeft = root.scrollLeft;\n        setStuck(scrollLeft >= elementOffsetLeft);\n      }\n    };\n\n    root.addEventListener('scroll', onSticky);\n    window.addEventListener('resize', onSticky);\n    window.addEventListener('orientationchange', onSticky);\n\n    onSticky();\n\n    return () => {\n      root.removeEventListener('scroll', onSticky);\n      window.removeEventListener('resize', onSticky);\n      window.removeEventListener('orientationchange', onSticky);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, axis, options?.root]);\n\n  if (target) return { stuck };\n  return {\n    stuck,\n    ref: internalRef\n  };\n}) as UseSticky;\n"],"names":["useSticky","params","target","isTarget","options","axis","internalRef","useRefState","stuck","setStuck","useState","useEffect","element","root","elementOffsetTop","elementOffsetLeft","onSticky","scrollTop","scrollLeft"],"mappings":";;;AA0DO,MAAMA,KAAa,IAAIC,MAAkB;AAC9C,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAWF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACxCI,IAAOD,GAAS,QAAQ,YAExBE,IAAcC,EAAA,GACd,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK;AAuCxC,SArCAC,EAAU,MAAM;AACd,QAAI,CAACT,KAAU,CAACI,EAAY,MAAO;AAEnC,UAAMM,IAAWV,IAASC,EAAS,WAAWD,CAAM,IAAII,EAAY;AACpE,QAAI,CAACM,EAAS;AAEd,UAAMC,IAAQT,GAAS,OAAOD,EAAS,WAAWC,EAAQ,IAAI,IAAI,UAC5DU,IACJF,EAAQ,wBAAwB,MAAMC,EAAK,YAAYA,EAAK,sBAAA,EAAwB,KAChFE,IACJH,EAAQ,wBAAwB,OAAOC,EAAK,aAAaA,EAAK,sBAAA,EAAwB,MAElFG,IAAW,MAAM;AACrB,UAAIX,MAAS,YAAY;AACvB,cAAMY,IAAYJ,EAAK;AACvB,QAAAJ,EAASQ,KAAaH,CAAgB;AAAA,MAAA;AAGxC,UAAIT,MAAS,cAAc;AACzB,cAAMa,IAAaL,EAAK;AACxB,QAAAJ,EAASS,KAAcH,CAAiB;AAAA,MAAA;AAAA,IAC1C;AAGF,WAAAF,EAAK,iBAAiB,UAAUG,CAAQ,GACxC,OAAO,iBAAiB,UAAUA,CAAQ,GAC1C,OAAO,iBAAiB,qBAAqBA,CAAQ,GAErDA,EAAA,GAEO,MAAM;AACX,MAAAH,EAAK,oBAAoB,UAAUG,CAAQ,GAC3C,OAAO,oBAAoB,UAAUA,CAAQ,GAC7C,OAAO,oBAAoB,qBAAqBA,CAAQ;AAAA,IAAA;AAAA,EAC1D,GACC,CAACd,KAAUC,EAAS,cAAcD,CAAM,GAAGI,EAAY,OAAOD,GAAMD,GAAS,IAAI,CAAC,GAEjFF,IAAe,EAAE,OAAAM,EAAA,IACd;AAAA,IACL,OAAAA;AAAA,IACA,KAAKF;AAAA,EAAA;AAET;"}
+{"version":3,"file":"useSticky.mjs","names":[],"sources":["../../../../src/hooks/useSticky/useSticky.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use sticky return type */\nexport interface UseStickyReturn {\n  stuck: boolean;\n}\n\n/** The use sticky axis type */\nexport type UseStickyAxis = 'horizontal' | 'vertical';\n\n/** The use sticky options type */\nexport interface UseStickyOptions {\n  axis?: UseStickyAxis;\n  root?: HookTarget;\n}\n\nexport interface UseSticky {\n  (target: HookTarget, options?: UseStickyOptions): UseStickyReturn;\n\n  <Target extends Element>(\n    options?: UseStickyOptions,\n    target?: never\n  ): UseStickyReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name UseSticky\n * @description - Hook that allows you to detect that your sticky component is stuck\n * @category Elements\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target sticky element\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {UseStickyReturn} The state of the sticky\n *\n * @example\n * const { stuck } = useSticky(ref);\n *\n * @overload\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {{ ref: StateRef<Target> } & UseStickyReturn} The state of the sticky\n *\n * @example\n * const { stuck, ref } = useSticky();\n */\nexport const useSticky = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseStickyOptions;\n  const axis = options?.axis ?? 'vertical';\n\n  const internalRef = useRefState<Element>();\n  const [stuck, setStuck] = useState(false);\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const root = (options?.root ? isTarget.getElement(options.root) : document) as Element;\n    const elementOffsetTop =\n      element.getBoundingClientRect().top + root.scrollTop - root.getBoundingClientRect().top;\n    const elementOffsetLeft =\n      element.getBoundingClientRect().left + root.scrollLeft - root.getBoundingClientRect().left;\n\n    const onSticky = () => {\n      if (axis === 'vertical') {\n        const scrollTop = root.scrollTop;\n        setStuck(scrollTop >= elementOffsetTop);\n      }\n\n      if (axis === 'horizontal') {\n        const scrollLeft = root.scrollLeft;\n        setStuck(scrollLeft >= elementOffsetLeft);\n      }\n    };\n\n    root.addEventListener('scroll', onSticky);\n    window.addEventListener('resize', onSticky);\n    window.addEventListener('orientationchange', onSticky);\n\n    onSticky();\n\n    return () => {\n      root.removeEventListener('scroll', onSticky);\n      window.removeEventListener('resize', onSticky);\n      window.removeEventListener('orientationchange', onSticky);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, axis, options?.root]);\n\n  if (target) return { stuck };\n  return {\n    stuck,\n    ref: internalRef\n  };\n}) as UseSticky;\n"],"mappings":";;;;AA0DA,IAAa,MAAc,GAAG,MAAkB;CAC9C,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC5C,IAAW,IAAS,EAAO,KAAK,EAAO,IACvC,IAAO,GAAS,QAAQ,YAExB,IAAc,GAAsB,EACpC,CAAC,GAAO,KAAY,EAAS,GAAM;AAwCzC,QAtCA,QAAgB;AACd,MAAI,CAAC,KAAU,CAAC,EAAY,MAAO;EAEnC,IAAM,IAAW,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AACpE,MAAI,CAAC,EAAS;EAEd,IAAM,IAAQ,GAAS,OAAO,EAAS,WAAW,EAAQ,KAAK,GAAG,UAC5D,IACJ,EAAQ,uBAAuB,CAAC,MAAM,EAAK,YAAY,EAAK,uBAAuB,CAAC,KAChF,IACJ,EAAQ,uBAAuB,CAAC,OAAO,EAAK,aAAa,EAAK,uBAAuB,CAAC,MAElF,UAAiB;AACrB,OAAI,MAAS,YAAY;IACvB,IAAM,IAAY,EAAK;AACvB,MAAS,KAAa,EAAiB;;AAGzC,OAAI,MAAS,cAAc;IACzB,IAAM,IAAa,EAAK;AACxB,MAAS,KAAc,EAAkB;;;AAU7C,SANA,EAAK,iBAAiB,UAAU,EAAS,EACzC,OAAO,iBAAiB,UAAU,EAAS,EAC3C,OAAO,iBAAiB,qBAAqB,EAAS,EAEtD,GAAU,QAEG;AAGX,GAFA,EAAK,oBAAoB,UAAU,EAAS,EAC5C,OAAO,oBAAoB,UAAU,EAAS,EAC9C,OAAO,oBAAoB,qBAAqB,EAAS;;IAE1D;EAAC,KAAU,EAAS,cAAc,EAAO;EAAE,EAAY;EAAO;EAAM,GAAS;EAAK,CAAC,EAElF,IAAe,EAAE,UAAO,GACrB;EACL;EACA,KAAK;EACN"}

package/dist/esm/hooks/useStopwatch/useStopwatch.mjs

@@ -1,58 +1,60 @@
-import { useState as f, useEffect as y } from "react";
-const l = (t) => {
-  if (!t)
-    return {
-      days: 0,
-      hours: 0,
-      minutes: 0,
-      seconds: 0,
-      count: 0
-    };
-  const s = Math.floor(t / 86400), d = Math.floor(t % 86400 / 3600), e = Math.floor(t % 3600 / 60), u = Math.floor(t % 60);
-  return { days: s, hours: d, minutes: e, seconds: u, count: t };
-}, g = ((...t) => {
-  const s = (typeof t[0] == "number" ? t[0] : t[0]?.initialTime) ?? 0, e = (typeof t[0] == "number" ? t[1] : t[0])?.immediately ?? !1, [u, i] = f(l(s)), [c, r] = f(!e && !s);
-  return y(() => {
-    if (c) return;
-    const a = () => {
-      i((n) => {
-        const o = n.count + 1;
-        return o % 60 === 0 ? {
-          ...n,
-          minutes: n.minutes + 1,
-          seconds: 0,
-          count: o
-        } : o % 3600 === 0 ? {
-          ...n,
-          hours: n.hours + 1,
-          minutes: 0,
-          seconds: 0,
-          count: o
-        } : o % (3600 * 24) === 0 ? {
-          ...n,
-          days: n.days + 1,
-          hours: 0,
-          minutes: 0,
-          seconds: 0,
-          count: o
-        } : {
-          ...n,
-          seconds: n.seconds + 1,
-          count: o
-        };
-      });
-    }, h = setInterval(() => a(), 1e3);
-    return () => clearInterval(h);
-  }, [c]), {
-    ...u,
-    paused: c,
-    pause: () => r(!0),
-    start: () => r(!1),
-    reset: () => i(l(s)),
-    toggle: () => r((a) => !a)
-  };
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useStopwatch/useStopwatch.ts
+var n = (e) => e ? {
+	days: Math.floor(e / 86400),
+	hours: Math.floor(e % 86400 / 3600),
+	minutes: Math.floor(e % 3600 / 60),
+	seconds: Math.floor(e % 60),
+	count: e
+} : {
+	days: 0,
+	hours: 0,
+	minutes: 0,
+	seconds: 0,
+	count: 0
+}, r = ((...r) => {
+	let i = (typeof r[0] == "number" ? r[0] : r[0]?.initialTime) ?? 0, a = (typeof r[0] == "number" ? r[1] : r[0])?.immediately ?? !1, [o, s] = t(n(i)), [c, l] = t(!a && !i);
+	return e(() => {
+		if (c) return;
+		let e = () => {
+			s((e) => {
+				let t = e.count + 1;
+				return t % 60 == 0 ? {
+					...e,
+					minutes: e.minutes + 1,
+					seconds: 0,
+					count: t
+				} : t % 3600 == 0 ? {
+					...e,
+					hours: e.hours + 1,
+					minutes: 0,
+					seconds: 0,
+					count: t
+				} : t % (3600 * 24) == 0 ? {
+					...e,
+					days: e.days + 1,
+					hours: 0,
+					minutes: 0,
+					seconds: 0,
+					count: t
+				} : {
+					...e,
+					seconds: e.seconds + 1,
+					count: t
+				};
+			});
+		}, t = setInterval(() => e(), 1e3);
+		return () => clearInterval(t);
+	}, [c]), {
+		...o,
+		paused: c,
+		pause: () => l(!0),
+		start: () => l(!1),
+		reset: () => s(n(i)),
+		toggle: () => l((e) => !e)
+	};
 });
-export {
-  g as useStopwatch
-};
-//# sourceMappingURL=useStopwatch.mjs.map
+//#endregion
+export { r as useStopwatch };
+
+//# sourceMappingURL=useStopwatch.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useStopwatch.mjs","sources":["../../../../src/hooks/useStopwatch/useStopwatch.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst getStopwatchTime = (time: number) => {\n  if (!time)\n    return {\n      days: 0,\n      hours: 0,\n      minutes: 0,\n      seconds: 0,\n      count: 0\n    };\n\n  const days = Math.floor(time / 86400);\n  const hours = Math.floor((time % 86400) / 3600);\n  const minutes = Math.floor((time % 3600) / 60);\n  const seconds = Math.floor(time % 60);\n\n  return { days, hours, minutes, seconds, count: time };\n};\n\n/** The use stopwatch return type */\nexport interface UseStopwatchReturn {\n  /** The total count of the stopwatch */\n  count: number;\n  /** The day count of the stopwatch */\n  days: number;\n  /** The hour count of the stopwatch */\n  hours: number;\n  /** The minute count of the stopwatch */\n  minutes: number;\n  /** The over state of the stopwatch */\n  over: boolean;\n  /** The paused state of the stopwatch */\n  paused: boolean;\n  /** The second count of the stopwatch */\n  seconds: number;\n  /** The function to pause the stopwatch */\n  pause: () => void;\n  /** The function to reset the stopwatch */\n  reset: () => void;\n  /** The function to start the stopwatch */\n  start: () => void;\n  /** The function to toggle the stopwatch */\n  toggle: () => void;\n}\n\n/** The use stopwatch options */\nexport interface UseStopwatchOptions {\n  /** The immediately state of the timer */\n  immediately?: boolean;\n}\n\ninterface UseStopwatch {\n  (initialTime?: number, options?: UseStopwatchOptions): UseStopwatchReturn;\n  (options?: UseStopwatchOptions & { initialTime?: number }): UseStopwatchReturn;\n}\n/**\n * @name useStopwatch\n * @description - Hook that creates a stopwatch functionality\n * @category Time\n * @usage high\n *\n * @overload\n * @param {number} [initialTime=0] The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch(1000, { enabled: false });\n *\n * @overload\n * @param {number} [options.initialTime=0] -The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch({ initialTime: 1000, enabled: false });\n */\nexport const useStopwatch = ((...params: any[]) => {\n  const initialTime =\n    (typeof params[0] === 'number'\n      ? (params[0] as number | undefined)\n      : (params[0] as UseStopwatchOptions & { initialTime?: number })?.initialTime) ?? 0;\n\n  const options =\n    typeof params[0] === 'number'\n      ? (params[1] as UseStopwatchOptions | undefined)\n      : (params[0] as (UseStopwatchOptions & { initialTime?: number }) | undefined);\n\n  const immediately = options?.immediately ?? false;\n\n  const [time, setTime] = useState(getStopwatchTime(initialTime));\n  const [paused, setPaused] = useState(!immediately && !initialTime);\n\n  useEffect(() => {\n    if (paused) return;\n    const onInterval = () => {\n      setTime((prevTime) => {\n        const updatedCount = prevTime.count + 1;\n\n        if (updatedCount % 60 === 0) {\n          return {\n            ...prevTime,\n            minutes: prevTime.minutes + 1,\n            seconds: 0,\n            count: updatedCount\n          };\n        }\n\n        if (updatedCount % (60 * 60) === 0) {\n          return {\n            ...prevTime,\n            hours: prevTime.hours + 1,\n            minutes: 0,\n            seconds: 0,\n            count: updatedCount\n          };\n        }\n\n        if (updatedCount % (60 * 60 * 24) === 0) {\n          return {\n            ...prevTime,\n            days: prevTime.days + 1,\n            hours: 0,\n            minutes: 0,\n            seconds: 0,\n            count: updatedCount\n          };\n        }\n\n        return {\n          ...prevTime,\n          seconds: prevTime.seconds + 1,\n          count: updatedCount\n        };\n      });\n    };\n\n    const interval = setInterval(() => onInterval(), 1000);\n    return () => clearInterval(interval);\n  }, [paused]);\n\n  return {\n    ...time,\n    paused,\n    pause: () => setPaused(true),\n    start: () => setPaused(false),\n    reset: () => setTime(getStopwatchTime(initialTime)),\n    toggle: () => setPaused((prevPause) => !prevPause)\n  };\n}) as UseStopwatch;\n"],"names":["getStopwatchTime","time","days","hours","minutes","seconds","useStopwatch","params","initialTime","immediately","setTime","useState","paused","setPaused","useEffect","onInterval","prevTime","updatedCount","interval","prevPause"],"mappings":";AAEA,MAAMA,IAAmB,CAACC,MAAiB;AACzC,MAAI,CAACA;AACH,WAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAGX,QAAMC,IAAO,KAAK,MAAMD,IAAO,KAAK,GAC9BE,IAAQ,KAAK,MAAOF,IAAO,QAAS,IAAI,GACxCG,IAAU,KAAK,MAAOH,IAAO,OAAQ,EAAE,GACvCI,IAAU,KAAK,MAAMJ,IAAO,EAAE;AAEpC,SAAO,EAAE,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,SAAAC,GAAS,OAAOJ,EAAA;AACjD,GA4DaK,KAAgB,IAAIC,MAAkB;AACjD,QAAMC,KACH,OAAOD,EAAO,CAAC,KAAM,WACjBA,EAAO,CAAC,IACRA,EAAO,CAAC,GAAsD,gBAAgB,GAO/EE,KAJJ,OAAOF,EAAO,CAAC,KAAM,WAChBA,EAAO,CAAC,IACRA,EAAO,CAAC,IAEc,eAAe,IAEtC,CAACN,GAAMS,CAAO,IAAIC,EAASX,EAAiBQ,CAAW,CAAC,GACxD,CAACI,GAAQC,CAAS,IAAIF,EAAS,CAACF,KAAe,CAACD,CAAW;AAEjE,SAAAM,EAAU,MAAM;AACd,QAAIF,EAAQ;AACZ,UAAMG,IAAa,MAAM;AACvB,MAAAL,EAAQ,CAACM,MAAa;AACpB,cAAMC,IAAeD,EAAS,QAAQ;AAEtC,eAAIC,IAAe,OAAO,IACjB;AAAA,UACL,GAAGD;AAAA,UACH,SAASA,EAAS,UAAU;AAAA,UAC5B,SAAS;AAAA,UACT,OAAOC;AAAA,QAAA,IAIPA,IAAgB,SAAa,IACxB;AAAA,UACL,GAAGD;AAAA,UACH,OAAOA,EAAS,QAAQ;AAAA,UACxB,SAAS;AAAA,UACT,SAAS;AAAA,UACT,OAAOC;AAAA,QAAA,IAIPA,KAAgB,OAAU,QAAQ,IAC7B;AAAA,UACL,GAAGD;AAAA,UACH,MAAMA,EAAS,OAAO;AAAA,UACtB,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAS;AAAA,UACT,OAAOC;AAAA,QAAA,IAIJ;AAAA,UACL,GAAGD;AAAA,UACH,SAASA,EAAS,UAAU;AAAA,UAC5B,OAAOC;AAAA,QAAA;AAAA,MACT,CACD;AAAA,IAAA,GAGGC,IAAW,YAAY,MAAMH,EAAA,GAAc,GAAI;AACrD,WAAO,MAAM,cAAcG,CAAQ;AAAA,EAAA,GAClC,CAACN,CAAM,CAAC,GAEJ;AAAA,IACL,GAAGX;AAAA,IACH,QAAAW;AAAA,IACA,OAAO,MAAMC,EAAU,EAAI;AAAA,IAC3B,OAAO,MAAMA,EAAU,EAAK;AAAA,IAC5B,OAAO,MAAMH,EAAQV,EAAiBQ,CAAW,CAAC;AAAA,IAClD,QAAQ,MAAMK,EAAU,CAACM,MAAc,CAACA,CAAS;AAAA,EAAA;AAErD;"}
+{"version":3,"file":"useStopwatch.mjs","names":[],"sources":["../../../../src/hooks/useStopwatch/useStopwatch.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst getStopwatchTime = (time: number) => {\n  if (!time)\n    return {\n      days: 0,\n      hours: 0,\n      minutes: 0,\n      seconds: 0,\n      count: 0\n    };\n\n  const days = Math.floor(time / 86400);\n  const hours = Math.floor((time % 86400) / 3600);\n  const minutes = Math.floor((time % 3600) / 60);\n  const seconds = Math.floor(time % 60);\n\n  return { days, hours, minutes, seconds, count: time };\n};\n\n/** The use stopwatch return type */\nexport interface UseStopwatchReturn {\n  /** The total count of the stopwatch */\n  count: number;\n  /** The day count of the stopwatch */\n  days: number;\n  /** The hour count of the stopwatch */\n  hours: number;\n  /** The minute count of the stopwatch */\n  minutes: number;\n  /** The over state of the stopwatch */\n  over: boolean;\n  /** The paused state of the stopwatch */\n  paused: boolean;\n  /** The second count of the stopwatch */\n  seconds: number;\n  /** The function to pause the stopwatch */\n  pause: () => void;\n  /** The function to reset the stopwatch */\n  reset: () => void;\n  /** The function to start the stopwatch */\n  start: () => void;\n  /** The function to toggle the stopwatch */\n  toggle: () => void;\n}\n\n/** The use stopwatch options */\nexport interface UseStopwatchOptions {\n  /** The immediately state of the timer */\n  immediately?: boolean;\n}\n\ninterface UseStopwatch {\n  (initialTime?: number, options?: UseStopwatchOptions): UseStopwatchReturn;\n  (options?: UseStopwatchOptions & { initialTime?: number }): UseStopwatchReturn;\n}\n/**\n * @name useStopwatch\n * @description - Hook that creates a stopwatch functionality\n * @category Time\n * @usage high\n *\n * @overload\n * @param {number} [initialTime=0] The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch(1000, { enabled: false });\n *\n * @overload\n * @param {number} [options.initialTime=0] -The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch({ initialTime: 1000, enabled: false });\n */\nexport const useStopwatch = ((...params: any[]) => {\n  const initialTime =\n    (typeof params[0] === 'number'\n      ? (params[0] as number | undefined)\n      : (params[0] as UseStopwatchOptions & { initialTime?: number })?.initialTime) ?? 0;\n\n  const options =\n    typeof params[0] === 'number'\n      ? (params[1] as UseStopwatchOptions | undefined)\n      : (params[0] as (UseStopwatchOptions & { initialTime?: number }) | undefined);\n\n  const immediately = options?.immediately ?? false;\n\n  const [time, setTime] = useState(getStopwatchTime(initialTime));\n  const [paused, setPaused] = useState(!immediately && !initialTime);\n\n  useEffect(() => {\n    if (paused) return;\n    const onInterval = () => {\n      setTime((prevTime) => {\n        const updatedCount = prevTime.count + 1;\n\n        if (updatedCount % 60 === 0) {\n          return {\n            ...prevTime,\n            minutes: prevTime.minutes + 1,\n            seconds: 0,\n            count: updatedCount\n          };\n        }\n\n        if (updatedCount % (60 * 60) === 0) {\n          return {\n            ...prevTime,\n            hours: prevTime.hours + 1,\n            minutes: 0,\n            seconds: 0,\n            count: updatedCount\n          };\n        }\n\n        if (updatedCount % (60 * 60 * 24) === 0) {\n          return {\n            ...prevTime,\n            days: prevTime.days + 1,\n            hours: 0,\n            minutes: 0,\n            seconds: 0,\n            count: updatedCount\n          };\n        }\n\n        return {\n          ...prevTime,\n          seconds: prevTime.seconds + 1,\n          count: updatedCount\n        };\n      });\n    };\n\n    const interval = setInterval(() => onInterval(), 1000);\n    return () => clearInterval(interval);\n  }, [paused]);\n\n  return {\n    ...time,\n    paused,\n    pause: () => setPaused(true),\n    start: () => setPaused(false),\n    reset: () => setTime(getStopwatchTime(initialTime)),\n    toggle: () => setPaused((prevPause) => !prevPause)\n  };\n}) as UseStopwatch;\n"],"mappings":";;AAEA,IAAM,KAAoB,MACnB,IAcE;CAAE,MALI,KAAK,MAAM,IAAO,MAAM;CAKtB,OAJD,KAAK,MAAO,IAAO,QAAS,KAAK;CAIzB,SAHN,KAAK,MAAO,IAAO,OAAQ,GAAG;CAGf,SAFf,KAAK,MAAM,IAAO,GAAG;CAEG,OAAO;CAAM,GAb5C;CACL,MAAM;CACN,OAAO;CACP,SAAS;CACT,SAAS;CACT,OAAO;CACR,EAoEQ,MAAiB,GAAG,MAAkB;CACjD,IAAM,KACH,OAAO,EAAO,MAAO,WACjB,EAAO,KACP,EAAO,IAAuD,gBAAgB,GAO/E,KAJJ,OAAO,EAAO,MAAO,WAChB,EAAO,KACP,EAAO,KAEe,eAAe,IAEtC,CAAC,GAAM,KAAW,EAAS,EAAiB,EAAY,CAAC,EACzD,CAAC,GAAQ,KAAa,EAAS,CAAC,KAAe,CAAC,EAAY;AAkDlE,QAhDA,QAAgB;AACd,MAAI,EAAQ;EACZ,IAAM,UAAmB;AACvB,MAAS,MAAa;IACpB,IAAM,IAAe,EAAS,QAAQ;AAgCtC,WA9BI,IAAe,MAAO,IACjB;KACL,GAAG;KACH,SAAS,EAAS,UAAU;KAC5B,SAAS;KACT,OAAO;KACR,GAGC,IAAgB,QAAa,IACxB;KACL,GAAG;KACH,OAAO,EAAS,QAAQ;KACxB,SAAS;KACT,SAAS;KACT,OAAO;KACR,GAGC,KAAgB,OAAU,OAAQ,IAC7B;KACL,GAAG;KACH,MAAM,EAAS,OAAO;KACtB,OAAO;KACP,SAAS;KACT,SAAS;KACT,OAAO;KACR,GAGI;KACL,GAAG;KACH,SAAS,EAAS,UAAU;KAC5B,OAAO;KACR;KACD;KAGE,IAAW,kBAAkB,GAAY,EAAE,IAAK;AACtD,eAAa,cAAc,EAAS;IACnC,CAAC,EAAO,CAAC,EAEL;EACL,GAAG;EACH;EACA,aAAa,EAAU,GAAK;EAC5B,aAAa,EAAU,GAAM;EAC7B,aAAa,EAAQ,EAAiB,EAAY,CAAC;EACnD,cAAc,GAAW,MAAc,CAAC,EAAU;EACnD"}

package/dist/esm/hooks/useStorage/useStorage.mjs

@@ -1,63 +1,62 @@
-import { useState as V, useEffect as m } from "react";
-const u = "reactuse-storage", g = (t) => window.dispatchEvent(new StorageEvent(u, t)), l = (t, n, r) => {
-  const o = t.getItem(n);
-  t.setItem(n, r), g({
-    key: n,
-    oldValue: o,
-    newValue: r,
-    storageArea: t
-  });
-}, z = (t, n) => {
-  const r = t.getItem(n);
-  t.removeItem(n), g({ key: n, oldValue: r, newValue: null, storageArea: t });
-}, f = (t, n) => {
-  const r = t.getItem(n);
-  if (r)
-    return r;
-}, p = ((t, n) => {
-  const r = typeof n == "object" && n && ("serializer" in n || "deserializer" in n || "initialValue" in n || "storage" in n) ? n : void 0, o = r ? r?.initialValue : n;
-  if (typeof window > "u")
-    return {
-      value: typeof o == "function" ? o() : o,
-      set: () => {
-      },
-      remove: () => {
-      }
-    };
-  const a = (e) => r?.serializer ? r.serializer(e) : typeof e == "string" ? e : JSON.stringify(e), i = r?.storage ?? window?.localStorage, v = (e) => l(i, t, a(e)), w = () => z(i, t), c = (e) => {
-    if (r?.deserializer) return r.deserializer(e);
-    if (e !== "undefined")
-      try {
-        return JSON.parse(e);
-      } catch {
-        return e;
-      }
-  }, [E, S] = V(() => {
-    const e = f(i, t);
-    if (e === void 0 && o !== void 0) {
-      const s = typeof o == "function" ? o() : o;
-      return l(i, t, a(s)), s;
-    }
-    return e ? c(e) : void 0;
-  });
-  return m(() => {
-    const e = (s) => {
-      if (s && s.storageArea !== i || s && s.key !== t) return;
-      const d = f(i, t);
-      S(d ? c(d) : void 0);
-    };
-    return window.addEventListener(u, e), window.addEventListener("storage", e, { passive: !0 }), () => {
-      window.removeEventListener(u, e), window.removeEventListener("storage", e);
-    };
-  }, [t, i]), {
-    value: E,
-    set: v,
-    remove: w
-  };
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useStorage/useStorage.ts
+var n = "reactuse-storage", r = (e) => window.dispatchEvent(new StorageEvent(n, e)), i = (e, t, n) => {
+	let i = e.getItem(t);
+	e.setItem(t, n), r({
+		key: t,
+		oldValue: i,
+		newValue: n,
+		storageArea: e
+	});
+}, a = (e, t) => {
+	let n = e.getItem(t);
+	e.removeItem(t), r({
+		key: t,
+		oldValue: n,
+		newValue: null,
+		storageArea: e
+	});
+}, o = (e, t) => {
+	let n = e.getItem(t);
+	if (n) return n;
+}, s = ((r, s) => {
+	let c = typeof s == "object" && s && ("serializer" in s || "deserializer" in s || "initialValue" in s || "storage" in s) ? s : void 0, l = c ? c?.initialValue : s;
+	if (typeof window > "u") return {
+		value: typeof l == "function" ? l() : l,
+		set: () => {},
+		remove: () => {}
+	};
+	let u = (e) => c?.serializer ? c.serializer(e) : typeof e == "string" ? e : JSON.stringify(e), d = c?.storage ?? window?.localStorage, f = (e) => i(d, r, u(e)), p = () => a(d, r), m = (e) => {
+		if (c?.deserializer) return c.deserializer(e);
+		if (e !== "undefined") try {
+			return JSON.parse(e);
+		} catch {
+			return e;
+		}
+	}, [h, g] = t(() => {
+		let e = o(d, r);
+		if (e === void 0 && l !== void 0) {
+			let e = typeof l == "function" ? l() : l;
+			return i(d, r, u(e)), e;
+		}
+		return e ? m(e) : void 0;
+	});
+	return e(() => {
+		let e = (e) => {
+			if (e && e.storageArea !== d || e && e.key !== r) return;
+			let t = o(d, r);
+			g(t ? m(t) : void 0);
+		};
+		return window.addEventListener(n, e), window.addEventListener("storage", e, { passive: !0 }), () => {
+			window.removeEventListener(n, e), window.removeEventListener("storage", e);
+		};
+	}, [r, d]), {
+		value: h,
+		set: f,
+		remove: p
+	};
 });
-export {
-  u as STORAGE_EVENT,
-  g as dispatchStorageEvent,
-  p as useStorage
-};
-//# sourceMappingURL=useStorage.mjs.map
+//#endregion
+export { n as STORAGE_EVENT, r as dispatchStorageEvent, s as useStorage };
+
+//# sourceMappingURL=useStorage.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useStorage.mjs","sources":["../../../../src/hooks/useStorage/useStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\n/* The use storage initial value type */\r\nexport type UseStorageInitialValue<Value> = (() => Value) | Value;\r\n\r\n/* The use storage options type */\r\nexport interface UseStorageOptions<Value> {\r\n  /* The initial value of the storage */\r\n  initialValue?: UseStorageInitialValue<Value>;\r\n  /* The storage to be used */\r\n  storage?: Storage;\r\n  /* The deserializer function to be invoked */\r\n  deserializer?: (value: string) => Value;\r\n  /* The serializer function to be invoked */\r\n  serializer?: (value: Value) => string;\r\n}\r\n\r\n/* The use storage return type */\r\nexport interface UseStorageReturn<Value> {\r\n  /* The value of the storage */\r\n  value: Value;\r\n  /* The error state of the storage */\r\n  remove: () => void;\r\n  /* The loading state of the storage */\r\n  set: (value: Value) => void;\r\n}\r\n\r\nexport interface UseStorage {\r\n  <Value>(key: string, options?: UseStorageOptions<Value>): UseStorageReturn<Value | undefined>;\r\n\r\n  <Value>(\r\n    key: string,\r\n    initialValue?: UseStorageInitialValue<Value>\r\n  ): UseStorageReturn<Value | undefined>;\r\n}\r\n\r\nexport const STORAGE_EVENT = 'reactuse-storage';\r\n\r\nexport const dispatchStorageEvent = (params: Partial<StorageEvent>) =>\r\n  window.dispatchEvent(new StorageEvent(STORAGE_EVENT, params));\r\n\r\nconst setStorageItem = (storage: Storage, key: string, value: string) => {\r\n  const oldValue = storage.getItem(key);\r\n\r\n  storage.setItem(key, value);\r\n  dispatchStorageEvent({\r\n    key,\r\n    oldValue,\r\n    newValue: value,\r\n    storageArea: storage\r\n  });\r\n};\r\n\r\nconst removeStorageItem = (storage: Storage, key: string) => {\r\n  const oldValue = storage.getItem(key);\r\n\r\n  storage.removeItem(key);\r\n  dispatchStorageEvent({ key, oldValue, newValue: null, storageArea: storage });\r\n};\r\n\r\nconst getStorageItem = (storage: Storage, key: string) => {\r\n  const value = storage.getItem(key);\r\n  if (!value) return undefined;\r\n  return value;\r\n};\r\n\r\n/**\r\n * @name useStorage\r\n * @description - Hook that manages storage value\r\n * @category State\r\n * @usage high\r\n *\r\n * @overload\r\n * @param {string} key The key of the storage\r\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\r\n * @returns {UseStorageReturn<Value>} The value and the set function\r\n *\r\n * @overload\r\n * @param {string} key The key of the storage\r\n * @param {(value: Value) => string} [params.serializer] The serializer function\r\n * @param {(value: string) => Value} [params.deserializer] The deserializer function\r\n * @param {Storage} [params.storage] The storage\r\n * @param {UseStorageInitialValue<Value>} [params.initialValue] The initial value of the storage\r\n * @returns {UseStorageReturn<Value>} The value and the set function\r\n *\r\n * @example\r\n * const { value, set, remove } = useStorage('key', 'value');\r\n */\r\nexport const useStorage = (<Value>(key: string, params?: any): UseStorageReturn<Value> => {\r\n  const options = (\r\n    typeof params === 'object' &&\r\n    params &&\r\n    ('serializer' in params ||\r\n      'deserializer' in params ||\r\n      'initialValue' in params ||\r\n      'storage' in params)\r\n      ? params\r\n      : undefined\r\n  ) as UseStorageOptions<Value>;\r\n\r\n  const initialValue = (options ? options?.initialValue : params) as UseStorageInitialValue<Value>;\r\n\r\n  if (typeof window === 'undefined') {\r\n    const value = typeof initialValue === 'function' ? (initialValue as () => any)() : initialValue;\r\n    return {\r\n      value,\r\n      set: () => {},\r\n      remove: () => {}\r\n    };\r\n  }\r\n\r\n  const serializer = (value: Value) => {\r\n    if (options?.serializer) return options.serializer(value);\r\n    if (typeof value === 'string') return value;\r\n    return JSON.stringify(value);\r\n  };\r\n\r\n  const storage = options?.storage ?? window?.localStorage;\r\n\r\n  const set = (value: Value) => setStorageItem(storage, key, serializer(value));\r\n  const remove = () => removeStorageItem(storage, key);\r\n\r\n  const deserializer = (value: string) => {\r\n    if (options?.deserializer) return options.deserializer(value);\r\n    if (value === 'undefined') return undefined as unknown as Value;\r\n\r\n    try {\r\n      return JSON.parse(value) as Value;\r\n    } catch {\r\n      return value as Value;\r\n    }\r\n  };\r\n\r\n  const [value, setValue] = useState<Value | undefined>(() => {\r\n    const storageValue = getStorageItem(storage, key);\r\n    if (storageValue === undefined && initialValue !== undefined) {\r\n      const value =\r\n        typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\r\n      setStorageItem(storage, key, serializer(value));\r\n      return value;\r\n    }\r\n    return storageValue ? deserializer(storageValue) : undefined;\r\n  });\r\n\r\n  useEffect(() => {\r\n    const onChange = (event?: StorageEvent) => {\r\n      if (event && event.storageArea !== storage) return;\r\n      if (event && event.key !== key) return;\r\n\r\n      const storageValue = getStorageItem(storage, key);\r\n      setValue(storageValue ? deserializer(storageValue) : undefined);\r\n    };\r\n\r\n    window.addEventListener(STORAGE_EVENT, onChange as EventListener);\r\n    window.addEventListener('storage', onChange, { passive: true });\r\n\r\n    return () => {\r\n      window.removeEventListener(STORAGE_EVENT, onChange as EventListener);\r\n      window.removeEventListener('storage', onChange);\r\n    };\r\n  }, [key, storage]);\r\n\r\n  return {\r\n    value: value as Value,\r\n    set,\r\n    remove\r\n  };\r\n}) as UseStorage;\r\n"],"names":["STORAGE_EVENT","dispatchStorageEvent","params","setStorageItem","storage","key","value","oldValue","removeStorageItem","getStorageItem","useStorage","options","initialValue","serializer","set","remove","deserializer","setValue","useState","storageValue","useEffect","onChange","event"],"mappings":";AAoCO,MAAMA,IAAgB,oBAEhBC,IAAuB,CAACC,MACnC,OAAO,cAAc,IAAI,aAAaF,GAAeE,CAAM,CAAC,GAExDC,IAAiB,CAACC,GAAkBC,GAAaC,MAAkB;AACvE,QAAMC,IAAWH,EAAQ,QAAQC,CAAG;AAEpC,EAAAD,EAAQ,QAAQC,GAAKC,CAAK,GAC1BL,EAAqB;AAAA,IACnB,KAAAI;AAAA,IACA,UAAAE;AAAA,IACA,UAAUD;AAAA,IACV,aAAaF;AAAA,EAAA,CACd;AACH,GAEMI,IAAoB,CAACJ,GAAkBC,MAAgB;AAC3D,QAAME,IAAWH,EAAQ,QAAQC,CAAG;AAEpC,EAAAD,EAAQ,WAAWC,CAAG,GACtBJ,EAAqB,EAAE,KAAAI,GAAK,UAAAE,GAAU,UAAU,MAAM,aAAaH,GAAS;AAC9E,GAEMK,IAAiB,CAACL,GAAkBC,MAAgB;AACxD,QAAMC,IAAQF,EAAQ,QAAQC,CAAG;AACjC,MAAKC;AACL,WAAOA;AACT,GAwBaI,KAAc,CAAQL,GAAaH,MAA0C;AACxF,QAAMS,IACJ,OAAOT,KAAW,YAClBA,MACC,gBAAgBA,KACf,kBAAkBA,KAClB,kBAAkBA,KAClB,aAAaA,KACXA,IACA,QAGAU,IAAgBD,IAAUA,GAAS,eAAeT;AAExD,MAAI,OAAO,SAAW;AAEpB,WAAO;AAAA,MACL,OAFY,OAAOU,KAAiB,aAAcA,MAA+BA;AAAA,MAGjF,KAAK,MAAM;AAAA,MAAA;AAAA,MACX,QAAQ,MAAM;AAAA,MAAA;AAAA,IAAC;AAInB,QAAMC,IAAa,CAACP,MACdK,GAAS,aAAmBA,EAAQ,WAAWL,CAAK,IACpD,OAAOA,KAAU,WAAiBA,IAC/B,KAAK,UAAUA,CAAK,GAGvBF,IAAUO,GAAS,WAAW,QAAQ,cAEtCG,IAAM,CAACR,MAAiBH,EAAeC,GAASC,GAAKQ,EAAWP,CAAK,CAAC,GACtES,IAAS,MAAMP,EAAkBJ,GAASC,CAAG,GAE7CW,IAAe,CAACV,MAAkB;AACtC,QAAIK,GAAS,aAAc,QAAOA,EAAQ,aAAaL,CAAK;AAC5D,QAAIA,MAAU;AAEd,UAAI;AACF,eAAO,KAAK,MAAMA,CAAK;AAAA,MAAA,QACjB;AACN,eAAOA;AAAAA,MAAA;AAAA,EACT,GAGI,CAACA,GAAOW,CAAQ,IAAIC,EAA4B,MAAM;AAC1D,UAAMC,IAAeV,EAAeL,GAASC,CAAG;AAChD,QAAIc,MAAiB,UAAaP,MAAiB,QAAW;AAC5D,YAAMN,IACJ,OAAOM,KAAiB,aAAcA,MAAiCA;AACzE,aAAAT,EAAeC,GAASC,GAAKQ,EAAWP,CAAK,CAAC,GACvCA;AAAAA,IAAA;AAET,WAAOa,IAAeH,EAAaG,CAAY,IAAI;AAAA,EAAA,CACpD;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,CAACC,MAAyB;AAEzC,UADIA,KAASA,EAAM,gBAAgBlB,KAC/BkB,KAASA,EAAM,QAAQjB,EAAK;AAEhC,YAAMc,IAAeV,EAAeL,GAASC,CAAG;AAChD,MAAAY,EAASE,IAAeH,EAAaG,CAAY,IAAI,MAAS;AAAA,IAAA;AAGhE,kBAAO,iBAAiBnB,GAAeqB,CAAyB,GAChE,OAAO,iBAAiB,WAAWA,GAAU,EAAE,SAAS,IAAM,GAEvD,MAAM;AACX,aAAO,oBAAoBrB,GAAeqB,CAAyB,GACnE,OAAO,oBAAoB,WAAWA,CAAQ;AAAA,IAAA;AAAA,EAChD,GACC,CAAChB,GAAKD,CAAO,CAAC,GAEV;AAAA,IACL,OAAAE;AAAA,IACA,KAAAQ;AAAA,IACA,QAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useStorage.mjs","names":[],"sources":["../../../../src/hooks/useStorage/useStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use storage initial value type */\nexport type UseStorageInitialValue<Value> = (() => Value) | Value;\n\n/* The use storage options type */\nexport interface UseStorageOptions<Value> {\n  /* The initial value of the storage */\n  initialValue?: UseStorageInitialValue<Value>;\n  /* The storage to be used */\n  storage?: Storage;\n  /* The deserializer function to be invoked */\n  deserializer?: (value: string) => Value;\n  /* The serializer function to be invoked */\n  serializer?: (value: Value) => string;\n}\n\n/* The use storage return type */\nexport interface UseStorageReturn<Value> {\n  /* The value of the storage */\n  value: Value;\n  /* The error state of the storage */\n  remove: () => void;\n  /* The loading state of the storage */\n  set: (value: Value) => void;\n}\n\nexport interface UseStorage {\n  <Value>(key: string, options?: UseStorageOptions<Value>): UseStorageReturn<Value | undefined>;\n\n  <Value>(\n    key: string,\n    initialValue?: UseStorageInitialValue<Value>\n  ): UseStorageReturn<Value | undefined>;\n}\n\nexport const STORAGE_EVENT = 'reactuse-storage';\n\nexport const dispatchStorageEvent = (params: Partial<StorageEvent>) =>\n  window.dispatchEvent(new StorageEvent(STORAGE_EVENT, params));\n\nconst setStorageItem = (storage: Storage, key: string, value: string) => {\n  const oldValue = storage.getItem(key);\n\n  storage.setItem(key, value);\n  dispatchStorageEvent({\n    key,\n    oldValue,\n    newValue: value,\n    storageArea: storage\n  });\n};\n\nconst removeStorageItem = (storage: Storage, key: string) => {\n  const oldValue = storage.getItem(key);\n\n  storage.removeItem(key);\n  dispatchStorageEvent({ key, oldValue, newValue: null, storageArea: storage });\n};\n\nconst getStorageItem = (storage: Storage, key: string) => {\n  const value = storage.getItem(key);\n  if (!value) return undefined;\n  return value;\n};\n\n/**\n * @name useStorage\n * @description - Hook that manages storage value\n * @category State\n * @usage high\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {(value: Value) => string} [params.serializer] The serializer function\n * @param {(value: string) => Value} [params.deserializer] The deserializer function\n * @param {Storage} [params.storage] The storage\n * @param {UseStorageInitialValue<Value>} [params.initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @example\n * const { value, set, remove } = useStorage('key', 'value');\n */\nexport const useStorage = (<Value>(key: string, params?: any): UseStorageReturn<Value> => {\n  const options = (\n    typeof params === 'object' &&\n    params &&\n    ('serializer' in params ||\n      'deserializer' in params ||\n      'initialValue' in params ||\n      'storage' in params)\n      ? params\n      : undefined\n  ) as UseStorageOptions<Value>;\n\n  const initialValue = (options ? options?.initialValue : params) as UseStorageInitialValue<Value>;\n\n  if (typeof window === 'undefined') {\n    const value = typeof initialValue === 'function' ? (initialValue as () => any)() : initialValue;\n    return {\n      value,\n      set: () => {},\n      remove: () => {}\n    };\n  }\n\n  const serializer = (value: Value) => {\n    if (options?.serializer) return options.serializer(value);\n    if (typeof value === 'string') return value;\n    return JSON.stringify(value);\n  };\n\n  const storage = options?.storage ?? window?.localStorage;\n\n  const set = (value: Value) => setStorageItem(storage, key, serializer(value));\n  const remove = () => removeStorageItem(storage, key);\n\n  const deserializer = (value: string) => {\n    if (options?.deserializer) return options.deserializer(value);\n    if (value === 'undefined') return undefined as unknown as Value;\n\n    try {\n      return JSON.parse(value) as Value;\n    } catch {\n      return value as Value;\n    }\n  };\n\n  const [value, setValue] = useState<Value | undefined>(() => {\n    const storageValue = getStorageItem(storage, key);\n    if (storageValue === undefined && initialValue !== undefined) {\n      const value =\n        typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\n      setStorageItem(storage, key, serializer(value));\n      return value;\n    }\n    return storageValue ? deserializer(storageValue) : undefined;\n  });\n\n  useEffect(() => {\n    const onChange = (event?: StorageEvent) => {\n      if (event && event.storageArea !== storage) return;\n      if (event && event.key !== key) return;\n\n      const storageValue = getStorageItem(storage, key);\n      setValue(storageValue ? deserializer(storageValue) : undefined);\n    };\n\n    window.addEventListener(STORAGE_EVENT, onChange as EventListener);\n    window.addEventListener('storage', onChange, { passive: true });\n\n    return () => {\n      window.removeEventListener(STORAGE_EVENT, onChange as EventListener);\n      window.removeEventListener('storage', onChange);\n    };\n  }, [key, storage]);\n\n  return {\n    value: value as Value,\n    set,\n    remove\n  };\n}) as UseStorage;\n"],"mappings":";;AAoCA,IAAa,IAAgB,oBAEhB,KAAwB,MACnC,OAAO,cAAc,IAAI,aAAa,GAAe,EAAO,CAAC,EAEzD,KAAkB,GAAkB,GAAa,MAAkB;CACvE,IAAM,IAAW,EAAQ,QAAQ,EAAI;AAGrC,CADA,EAAQ,QAAQ,GAAK,EAAM,EAC3B,EAAqB;EACnB;EACA;EACA,UAAU;EACV,aAAa;EACd,CAAC;GAGE,KAAqB,GAAkB,MAAgB;CAC3D,IAAM,IAAW,EAAQ,QAAQ,EAAI;AAGrC,CADA,EAAQ,WAAW,EAAI,EACvB,EAAqB;EAAE;EAAK;EAAU,UAAU;EAAM,aAAa;EAAS,CAAC;GAGzE,KAAkB,GAAkB,MAAgB;CACxD,IAAM,IAAQ,EAAQ,QAAQ,EAAI;AAC7B,OACL,QAAO;GAyBI,MAAsB,GAAa,MAA0C;CACxF,IAAM,IACJ,OAAO,KAAW,YAClB,MACC,gBAAgB,KACf,kBAAkB,KAClB,kBAAkB,KAClB,aAAa,KACX,IACA,KAAA,GAGA,IAAgB,IAAU,GAAS,eAAe;AAExD,KAAI,OAAO,SAAW,IAEpB,QAAO;EACL,OAFY,OAAO,KAAiB,aAAc,GAA4B,GAAG;EAGjF,WAAW;EACX,cAAc;EACf;CAGH,IAAM,KAAc,MACd,GAAS,aAAmB,EAAQ,WAAW,EAAM,GACrD,OAAO,KAAU,WAAiB,IAC/B,KAAK,UAAU,EAAM,EAGxB,IAAU,GAAS,WAAW,QAAQ,cAEtC,KAAO,MAAiB,EAAe,GAAS,GAAK,EAAW,EAAM,CAAC,EACvE,UAAe,EAAkB,GAAS,EAAI,EAE9C,KAAgB,MAAkB;AACtC,MAAI,GAAS,aAAc,QAAO,EAAQ,aAAa,EAAM;AACzD,YAAU,YAEd,KAAI;AACF,UAAO,KAAK,MAAM,EAAM;UAClB;AACN,UAAO;;IAIL,CAAC,GAAO,KAAY,QAAkC;EAC1D,IAAM,IAAe,EAAe,GAAS,EAAI;AACjD,MAAI,MAAiB,KAAA,KAAa,MAAiB,KAAA,GAAW;GAC5D,IAAM,IACJ,OAAO,KAAiB,aAAc,GAA8B,GAAG;AAEzE,UADA,EAAe,GAAS,GAAK,EAAW,EAAM,CAAC,EACxC;;AAET,SAAO,IAAe,EAAa,EAAa,GAAG,KAAA;GACnD;AAoBF,QAlBA,QAAgB;EACd,IAAM,KAAY,MAAyB;AAEzC,OADI,KAAS,EAAM,gBAAgB,KAC/B,KAAS,EAAM,QAAQ,EAAK;GAEhC,IAAM,IAAe,EAAe,GAAS,EAAI;AACjD,KAAS,IAAe,EAAa,EAAa,GAAG,KAAA,EAAU;;AAMjE,SAHA,OAAO,iBAAiB,GAAe,EAA0B,EACjE,OAAO,iBAAiB,WAAW,GAAU,EAAE,SAAS,IAAM,CAAC,QAElD;AAEX,GADA,OAAO,oBAAoB,GAAe,EAA0B,EACpE,OAAO,oBAAoB,WAAW,EAAS;;IAEhD,CAAC,GAAK,EAAQ,CAAC,EAEX;EACE;EACP;EACA;EACD"}

package/dist/esm/hooks/useTextDirection/useTextDirection.mjs

@@ -1,31 +1,36 @@
-import { useRef as a, useState as g, useEffect as v } from "react";
-import { useRefState as R } from "../useRefState/useRefState.mjs";
-import { isTarget as o } from "../../utils/helpers/isTarget.mjs";
-const S = ((...i) => {
-  const e = o(i[0]) ? i[0] : void 0, s = (e ? i[1] : i[0]) ?? "ltr", r = R(), n = a(null), u = () => typeof window > "u" ? s : (e ? o.getElement(e) : r.current)?.getAttribute("dir") ?? s, [f, c] = g(u()), l = () => {
-    n.current && n.current?.removeAttribute("dir");
-  }, m = (t) => {
-    n.current && (c(t), n.current.setAttribute("dir", t));
-  };
-  return v(() => {
-    if (!e && !r.state) return;
-    const t = (e ? o.getElement(e) : r.current) ?? document.querySelector("html");
-    if (!t) return;
-    n.current = t;
-    const d = u();
-    t.setAttribute("dir", d), c(d);
-    const b = new MutationObserver(() => c(u()));
-    return b.observe(t, { attributes: !0 }), () => {
-      b.disconnect();
-    };
-  }, [r.state, e && o.getRawElement(e)]), e ? { value: f, set: m, remove: l } : {
-    ref: r,
-    value: f,
-    set: m,
-    remove: l
-  };
+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/useTextDirection/useTextDirection.ts
+var a = ((...a) => {
+	let o = e(a[0]) ? a[0] : void 0, s = (o ? a[1] : a[0]) ?? "ltr", c = t(), l = r(null), u = () => typeof window > "u" ? s : (o ? e.getElement(o) : c.current)?.getAttribute("dir") ?? s, [d, f] = i(u()), p = () => {
+		l.current && l.current?.removeAttribute("dir");
+	}, m = (e) => {
+		l.current && (f(e), l.current.setAttribute("dir", e));
+	};
+	return n(() => {
+		if (!o && !c.state) return;
+		let t = (o ? e.getElement(o) : c.current) ?? document.querySelector("html");
+		if (!t) return;
+		l.current = t;
+		let n = u();
+		t.setAttribute("dir", n), f(n);
+		let r = new MutationObserver(() => f(u()));
+		return r.observe(t, { attributes: !0 }), () => {
+			r.disconnect();
+		};
+	}, [c.state, o && e.getRawElement(o)]), o ? {
+		value: d,
+		set: m,
+		remove: p
+	} : {
+		ref: c,
+		value: d,
+		set: m,
+		remove: p
+	};
 });
-export {
-  S as useTextDirection
-};
-//# sourceMappingURL=useTextDirection.mjs.map
+//#endregion
+export { a as useTextDirection };
+
+//# sourceMappingURL=useTextDirection.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTextDirection.mjs","sources":["../../../../src/hooks/useTextDirection/useTextDirection.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The use text direction value type */\r\nexport type UseTextDirectionValue = 'auto' | 'ltr' | 'rtl';\r\n\r\n/** The use text direction return type */\r\nexport interface UseTextDirectionReturn {\r\n  /** The current direction */\r\n  value: UseTextDirectionValue;\r\n  /*** The function to remove the direction */\r\n  remove: () => void;\r\n  /*** The function to set the direction */\r\n  set: (value: UseTextDirectionValue | null) => void;\r\n}\r\n\r\nexport interface UseTextDirection {\r\n  (target: HookTarget, initialValue?: UseTextDirectionValue): UseTextDirectionReturn;\r\n\r\n  <Target extends Element>(\r\n    initialValue?: UseTextDirectionValue,\r\n    target?: never\r\n  ): UseTextDirectionReturn & { ref: StateRef<Target> };\r\n}\r\n\r\n/**\r\n * @name useTextDirection\r\n * @description - Hook that can get and set the direction of the element\r\n * @category Elements\r\n * @usage medium\r\n *\r\n * @overload\r\n * @param {HookTarget} [target=document.querySelector('html')] The target element to observe\r\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\r\n * @returns {UseTextDirectionReturn} An object containing the current text direction of the element\r\n *\r\n * @example\r\n * const { value, set, remove } = useTextDirection(ref);\r\n *\r\n * @overload\r\n * @template Target The target element type\r\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\r\n * @returns { { ref: StateRef<Target> } & UseTextDirectionReturn } An object containing the current text direction of the element\r\n *\r\n * @example\r\n * const { ref, value, set, remove } = useTextDirection();\r\n */\r\nexport const useTextDirection = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n  const initialValue = ((target ? params[1] : params[0]) as UseTextDirectionValue) ?? 'ltr';\r\n\r\n  const internalRef = useRefState();\r\n  const elementRef = useRef<Element>(null);\r\n\r\n  const getDirection = () => {\r\n    if (typeof window === 'undefined') return initialValue;\r\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\r\n    return (element?.getAttribute('dir') as UseTextDirectionValue) ?? initialValue;\r\n  };\r\n\r\n  const [value, setValue] = useState<UseTextDirectionValue>(getDirection());\r\n\r\n  const remove = () => {\r\n    if (!elementRef.current) return;\r\n\r\n    elementRef.current?.removeAttribute('dir');\r\n  };\r\n\r\n  const set = (value: UseTextDirectionValue) => {\r\n    if (!elementRef.current) return;\r\n\r\n    setValue(value);\r\n    elementRef.current.setAttribute('dir', value);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!target && !internalRef.state) return;\r\n\r\n    const element =\r\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ??\r\n      document.querySelector('html');\r\n    if (!element) return;\r\n\r\n    elementRef.current = element;\r\n\r\n    const direction = getDirection();\r\n    element.setAttribute('dir', direction);\r\n    setValue(direction);\r\n\r\n    const observer = new MutationObserver(() => setValue(getDirection()));\r\n\r\n    observer.observe(element, { attributes: true });\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\r\n\r\n  if (target) return { value, set, remove };\r\n  return {\r\n    ref: internalRef,\r\n    value,\r\n    set,\r\n    remove\r\n  };\r\n}) as UseTextDirection;\r\n"],"names":["useTextDirection","params","target","isTarget","initialValue","internalRef","useRefState","elementRef","useRef","getDirection","value","setValue","useState","remove","set","useEffect","element","direction","observer"],"mappings":";;;AAsDO,MAAMA,KAAoB,IAAIC,MAAkB;AACrD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,KAAiBF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,MAAgC,OAE9EI,IAAcC,EAAA,GACdC,IAAaC,EAAgB,IAAI,GAEjCC,IAAe,MACf,OAAO,SAAW,MAAoBL,KACzBF,IAASC,EAAS,WAAWD,CAAM,IAAIG,EAAY,UACnD,aAAa,KAAK,KAA+BD,GAG9D,CAACM,GAAOC,CAAQ,IAAIC,EAAgCH,GAAc,GAElEI,IAAS,MAAM;AACnB,IAAKN,EAAW,WAEhBA,EAAW,SAAS,gBAAgB,KAAK;AAAA,EAAA,GAGrCO,IAAM,CAACJ,MAAiC;AAC5C,IAAKH,EAAW,YAEhBI,EAASD,CAAK,GACdH,EAAW,QAAQ,aAAa,OAAOG,CAAK;AAAA,EAAA;AA0B9C,SAvBAK,EAAU,MAAM;AACd,QAAI,CAACb,KAAU,CAACG,EAAY,MAAO;AAEnC,UAAMW,KACFd,IAASC,EAAS,WAAWD,CAAM,IAAIG,EAAY,YACrD,SAAS,cAAc,MAAM;AAC/B,QAAI,CAACW,EAAS;AAEd,IAAAT,EAAW,UAAUS;AAErB,UAAMC,IAAYR,EAAA;AAClB,IAAAO,EAAQ,aAAa,OAAOC,CAAS,GACrCN,EAASM,CAAS;AAElB,UAAMC,IAAW,IAAI,iBAAiB,MAAMP,EAASF,EAAA,CAAc,CAAC;AAEpE,WAAAS,EAAS,QAAQF,GAAS,EAAE,YAAY,IAAM,GAEvC,MAAM;AACX,MAAAE,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,CAACb,EAAY,OAAOH,KAAUC,EAAS,cAAcD,CAAM,CAAC,CAAC,GAE5DA,IAAe,EAAE,OAAAQ,GAAO,KAAAI,GAAK,QAAAD,EAAA,IAC1B;AAAA,IACL,KAAKR;AAAA,IACL,OAAAK;AAAA,IACA,KAAAI;AAAA,IACA,QAAAD;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useTextDirection.mjs","names":[],"sources":["../../../../src/hooks/useTextDirection/useTextDirection.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The use text direction value type */\r\nexport type UseTextDirectionValue = 'auto' | 'ltr' | 'rtl';\r\n\r\n/** The use text direction return type */\r\nexport interface UseTextDirectionReturn {\r\n  /** The current direction */\r\n  value: UseTextDirectionValue;\r\n  /*** The function to remove the direction */\r\n  remove: () => void;\r\n  /*** The function to set the direction */\r\n  set: (value: UseTextDirectionValue | null) => void;\r\n}\r\n\r\nexport interface UseTextDirection {\r\n  (target: HookTarget, initialValue?: UseTextDirectionValue): UseTextDirectionReturn;\r\n\r\n  <Target extends Element>(\r\n    initialValue?: UseTextDirectionValue,\r\n    target?: never\r\n  ): UseTextDirectionReturn & { ref: StateRef<Target> };\r\n}\r\n\r\n/**\r\n * @name useTextDirection\r\n * @description - Hook that can get and set the direction of the element\r\n * @category Elements\r\n * @usage medium\r\n *\r\n * @overload\r\n * @param {HookTarget} [target=document.querySelector('html')] The target element to observe\r\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\r\n * @returns {UseTextDirectionReturn} An object containing the current text direction of the element\r\n *\r\n * @example\r\n * const { value, set, remove } = useTextDirection(ref);\r\n *\r\n * @overload\r\n * @template Target The target element type\r\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\r\n * @returns { { ref: StateRef<Target> } & UseTextDirectionReturn } An object containing the current text direction of the element\r\n *\r\n * @example\r\n * const { ref, value, set, remove } = useTextDirection();\r\n */\r\nexport const useTextDirection = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n  const initialValue = ((target ? params[1] : params[0]) as UseTextDirectionValue) ?? 'ltr';\r\n\r\n  const internalRef = useRefState();\r\n  const elementRef = useRef<Element>(null);\r\n\r\n  const getDirection = () => {\r\n    if (typeof window === 'undefined') return initialValue;\r\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\r\n    return (element?.getAttribute('dir') as UseTextDirectionValue) ?? initialValue;\r\n  };\r\n\r\n  const [value, setValue] = useState<UseTextDirectionValue>(getDirection());\r\n\r\n  const remove = () => {\r\n    if (!elementRef.current) return;\r\n\r\n    elementRef.current?.removeAttribute('dir');\r\n  };\r\n\r\n  const set = (value: UseTextDirectionValue) => {\r\n    if (!elementRef.current) return;\r\n\r\n    setValue(value);\r\n    elementRef.current.setAttribute('dir', value);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!target && !internalRef.state) return;\r\n\r\n    const element =\r\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ??\r\n      document.querySelector('html');\r\n    if (!element) return;\r\n\r\n    elementRef.current = element;\r\n\r\n    const direction = getDirection();\r\n    element.setAttribute('dir', direction);\r\n    setValue(direction);\r\n\r\n    const observer = new MutationObserver(() => setValue(getDirection()));\r\n\r\n    observer.observe(element, { attributes: true });\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\r\n\r\n  if (target) return { value, set, remove };\r\n  return {\r\n    ref: internalRef,\r\n    value,\r\n    set,\r\n    remove\r\n  };\r\n}) as UseTextDirection;\r\n"],"mappings":";;;;AAsDA,IAAa,MAAqB,GAAG,MAAkB;CACrD,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC5C,KAAiB,IAAS,EAAO,KAAK,EAAO,OAAiC,OAE9E,IAAc,GAAa,EAC3B,IAAa,EAAgB,KAAK,EAElC,UACA,OAAO,SAAW,MAAoB,KACzB,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY,UACnD,aAAa,MAAM,IAA8B,GAG9D,CAAC,GAAO,KAAY,EAAgC,GAAc,CAAC,EAEnE,UAAe;AACd,IAAW,WAEhB,EAAW,SAAS,gBAAgB,MAAM;IAGtC,KAAO,MAAiC;AACvC,IAAW,YAEhB,EAAS,EAAM,EACf,EAAW,QAAQ,aAAa,OAAO,EAAM;;AA2B/C,QAxBA,QAAgB;AACd,MAAI,CAAC,KAAU,CAAC,EAAY,MAAO;EAEnC,IAAM,KACF,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY,YACrD,SAAS,cAAc,OAAO;AAChC,MAAI,CAAC,EAAS;AAEd,IAAW,UAAU;EAErB,IAAM,IAAY,GAAc;AAEhC,EADA,EAAQ,aAAa,OAAO,EAAU,EACtC,EAAS,EAAU;EAEnB,IAAM,IAAW,IAAI,uBAAuB,EAAS,GAAc,CAAC,CAAC;AAIrE,SAFA,EAAS,QAAQ,GAAS,EAAE,YAAY,IAAM,CAAC,QAElC;AACX,KAAS,YAAY;;IAEtB,CAAC,EAAY,OAAO,KAAU,EAAS,cAAc,EAAO,CAAC,CAAC,EAE7D,IAAe;EAAE;EAAO;EAAK;EAAQ,GAClC;EACL,KAAK;EACL;EACA;EACA;EACD"}

package/dist/esm/hooks/useTextSelection/useTextSelection.mjs

@@ -1,28 +1,26 @@
-import { useState as u, useEffect as g } from "react";
-import { useRerender as i } from "../useRerender/useRerender.mjs";
-const a = (t) => {
-  const e = t.rangeCount ?? 0;
-  return Array.from({ length: e }, (c, o) => t.getRangeAt(o));
-}, m = () => {
-  const t = i(), [e, c] = u(
-    typeof document < "u" ? document.getSelection() : null
-  );
-  g(() => {
-    const n = () => {
-      c(document.getSelection()), t();
-    };
-    return document.addEventListener("selectionchange", n), () => document.removeEventListener("selectionchange", n);
-  }, []);
-  const o = e?.toString() ?? "", r = e ? a(e) : [], s = r.map((n) => n.getBoundingClientRect());
-  return {
-    text: o,
-    ranges: r,
-    rects: s,
-    selection: e
-  };
+import { useRerender as e } from "../useRerender/useRerender.mjs";
+import { useEffect as t, useState as n } from "react";
+//#region src/hooks/useTextSelection/useTextSelection.ts
+var r = (e) => {
+	let t = e.rangeCount ?? 0;
+	return Array.from({ length: t }, (t, n) => e.getRangeAt(n));
+}, i = () => {
+	let i = e(), [a, o] = n(typeof document < "u" ? document.getSelection() : null);
+	t(() => {
+		let e = () => {
+			o(document.getSelection()), i();
+		};
+		return document.addEventListener("selectionchange", e), () => document.removeEventListener("selectionchange", e);
+	}, []);
+	let s = a?.toString() ?? "", c = a ? r(a) : [];
+	return {
+		text: s,
+		ranges: c,
+		rects: c.map((e) => e.getBoundingClientRect()),
+		selection: a
+	};
 };
-export {
-  a as getRangesSelection,
-  m as useTextSelection
-};
-//# sourceMappingURL=useTextSelection.mjs.map
+//#endregion
+export { r as getRangesSelection, i as useTextSelection };
+
+//# sourceMappingURL=useTextSelection.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTextSelection.mjs","sources":["../../../../src/hooks/useTextSelection/useTextSelection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\nexport const getRangesSelection = (selection: Selection) => {\n  const rangeCount = selection.rangeCount ?? 0;\n  return Array.from({ length: rangeCount }, (_, i) => selection.getRangeAt(i));\n};\n\n/** The use text selection return type */\nexport interface UseTextSelectionReturn {\n  /** The current selection ranges */\n  ranges: Range[];\n  /** The current selection rects */\n  rects: DOMRect[];\n  /** The current selection */\n  selection: Selection | null;\n  /** The current selection text */\n  text: string;\n}\n\n/**\n * @name useTextSelection\n * @description - Hook that manages the text selection\n * @category Sensors\n * @usage low\n *\n * @browserapi document.getSelection https://developer.mozilla.org/en-US/docs/Web/API/Document/getSelection\n *\n * @returns {UseTextSelectionReturn} An object containing the current text selection\n *\n * @example\n * const selection = useTextSelection();\n */\nexport const useTextSelection = (): UseTextSelectionReturn => {\n  const rerender = useRerender();\n  const [selection, setSelection] = useState<Selection | null>(\n    typeof document !== 'undefined' ? document.getSelection() : null\n  );\n\n  useEffect(() => {\n    const onSelectionChange = () => {\n      setSelection(document.getSelection());\n      rerender();\n    };\n\n    document.addEventListener('selectionchange', onSelectionChange);\n    return () => document.removeEventListener('selectionchange', onSelectionChange);\n  }, []);\n\n  const text = selection?.toString() ?? '';\n  const ranges = selection ? getRangesSelection(selection) : [];\n  const rects = ranges.map((range) => range.getBoundingClientRect());\n\n  return {\n    text,\n    ranges,\n    rects,\n    selection\n  };\n};\n"],"names":["getRangesSelection","selection","rangeCount","_","i","useTextSelection","rerender","useRerender","setSelection","useState","useEffect","onSelectionChange","text","ranges","rects","range"],"mappings":";;AAIO,MAAMA,IAAqB,CAACC,MAAyB;AAC1D,QAAMC,IAAaD,EAAU,cAAc;AAC3C,SAAO,MAAM,KAAK,EAAE,QAAQC,EAAA,GAAc,CAACC,GAAGC,MAAMH,EAAU,WAAWG,CAAC,CAAC;AAC7E,GA2BaC,IAAmB,MAA8B;AAC5D,QAAMC,IAAWC,EAAA,GACX,CAACN,GAAWO,CAAY,IAAIC;AAAA,IAChC,OAAO,WAAa,MAAc,SAAS,iBAAiB;AAAA,EAAA;AAG9D,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAoB,MAAM;AAC9B,MAAAH,EAAa,SAAS,cAAc,GACpCF,EAAA;AAAA,IAAS;AAGX,oBAAS,iBAAiB,mBAAmBK,CAAiB,GACvD,MAAM,SAAS,oBAAoB,mBAAmBA,CAAiB;AAAA,EAAA,GAC7E,EAAE;AAEL,QAAMC,IAAOX,GAAW,SAAA,KAAc,IAChCY,IAASZ,IAAYD,EAAmBC,CAAS,IAAI,CAAA,GACrDa,IAAQD,EAAO,IAAI,CAACE,MAAUA,EAAM,uBAAuB;AAEjE,SAAO;AAAA,IACL,MAAAH;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAb;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useTextSelection.mjs","names":[],"sources":["../../../../src/hooks/useTextSelection/useTextSelection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\nexport const getRangesSelection = (selection: Selection) => {\n  const rangeCount = selection.rangeCount ?? 0;\n  return Array.from({ length: rangeCount }, (_, i) => selection.getRangeAt(i));\n};\n\n/** The use text selection return type */\nexport interface UseTextSelectionReturn {\n  /** The current selection ranges */\n  ranges: Range[];\n  /** The current selection rects */\n  rects: DOMRect[];\n  /** The current selection */\n  selection: Selection | null;\n  /** The current selection text */\n  text: string;\n}\n\n/**\n * @name useTextSelection\n * @description - Hook that manages the text selection\n * @category Sensors\n * @usage low\n *\n * @browserapi document.getSelection https://developer.mozilla.org/en-US/docs/Web/API/Document/getSelection\n *\n * @returns {UseTextSelectionReturn} An object containing the current text selection\n *\n * @example\n * const selection = useTextSelection();\n */\nexport const useTextSelection = (): UseTextSelectionReturn => {\n  const rerender = useRerender();\n  const [selection, setSelection] = useState<Selection | null>(\n    typeof document !== 'undefined' ? document.getSelection() : null\n  );\n\n  useEffect(() => {\n    const onSelectionChange = () => {\n      setSelection(document.getSelection());\n      rerender();\n    };\n\n    document.addEventListener('selectionchange', onSelectionChange);\n    return () => document.removeEventListener('selectionchange', onSelectionChange);\n  }, []);\n\n  const text = selection?.toString() ?? '';\n  const ranges = selection ? getRangesSelection(selection) : [];\n  const rects = ranges.map((range) => range.getBoundingClientRect());\n\n  return {\n    text,\n    ranges,\n    rects,\n    selection\n  };\n};\n"],"mappings":";;;AAIA,IAAa,KAAsB,MAAyB;CAC1D,IAAM,IAAa,EAAU,cAAc;AAC3C,QAAO,MAAM,KAAK,EAAE,QAAQ,GAAY,GAAG,GAAG,MAAM,EAAU,WAAW,EAAE,CAAC;GA4BjE,UAAiD;CAC5D,IAAM,IAAW,GAAa,EACxB,CAAC,GAAW,KAAgB,EAChC,OAAO,WAAa,MAAc,SAAS,cAAc,GAAG,KAC7D;AAED,SAAgB;EACd,IAAM,UAA0B;AAE9B,GADA,EAAa,SAAS,cAAc,CAAC,EACrC,GAAU;;AAIZ,SADA,SAAS,iBAAiB,mBAAmB,EAAkB,QAClD,SAAS,oBAAoB,mBAAmB,EAAkB;IAC9E,EAAE,CAAC;CAEN,IAAM,IAAO,GAAW,UAAU,IAAI,IAChC,IAAS,IAAY,EAAmB,EAAU,GAAG,EAAE;AAG7D,QAAO;EACL;EACA;EACA,OALY,EAAO,KAAK,MAAU,EAAM,uBAAuB,CAAC;EAMhE;EACD"}