@siberiacancode/reactuse 0.3.14 → 0.3.17

package/dist/esm/hooks/useScrollIntoView/useScrollIntoView.mjs

@@ -1,35 +1,34 @@
-import { useRef as h } from "react";
-import { useIsomorphicLayoutEffect as w } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { useRefState as v } from "../useRefState/useRefState.mjs";
-import { isTarget as i } from "../../utils/helpers/isTarget.mjs";
-const d = ((...t) => {
-  const e = i(t[0]) ? t[0] : void 0, l = e ? t[1] : t[0], o = v(), {
-    behavior: s = "smooth",
-    block: u = "start",
-    inline: f = "nearest",
-    immediately: m = !0
-  } = l ?? {}, n = h(null);
-  w(() => {
-    if (!m || !e && !o.state) return;
-    const r = (e ? i.getElement(e) : o.current) ?? window;
-    n.current = r, r.scrollIntoView({
-      behavior: s,
-      block: u,
-      inline: f
-    });
-  }, [e && i.getRawElement(e), o.state]);
-  const c = (r) => {
-    if (!n.current) return;
-    const { behavior: a, block: b, inline: g } = r ?? {};
-    n.current.scrollIntoView({
-      behavior: a,
-      block: b,
-      inline: g
-    });
-  };
-  return e ? { trigger: c } : { ref: o, trigger: c };
+import { useIsomorphicLayoutEffect as e } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { isTarget as t } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as n } from "../useRefState/useRefState.mjs";
+import { useRef as r } from "react";
+//#region src/hooks/useScrollIntoView/useScrollIntoView.ts
+var i = ((...i) => {
+	let a = t(i[0]) ? i[0] : void 0, o = a ? i[1] : i[0], s = n(), { behavior: c = "smooth", block: l = "start", inline: u = "nearest", immediately: d = !0 } = o ?? {}, f = r(null);
+	e(() => {
+		if (!d || !a && !s.state) return;
+		let e = a ? t.getElement(a) : s.current;
+		f.current = e, e.scrollIntoView({
+			behavior: c,
+			block: l,
+			inline: u
+		});
+	}, [a && t.getRawElement(a), s.state]);
+	let p = (e) => {
+		if (!f.current) return;
+		let { behavior: t, block: n, inline: r } = e ?? {};
+		f.current.scrollIntoView({
+			behavior: t,
+			block: n,
+			inline: r
+		});
+	};
+	return a ? { trigger: p } : {
+		ref: s,
+		trigger: p
+	};
 });
-export {
-  d as useScrollIntoView
-};
-//# sourceMappingURL=useScrollIntoView.mjs.map
+//#endregion
+export { i as useScrollIntoView };
+
+//# sourceMappingURL=useScrollIntoView.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollIntoView.mjs","sources":["../../../../src/hooks/useScrollIntoView/useScrollIntoView.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The scroll into view options type */\nexport interface UseScrollIntoViewOptions extends ScrollIntoViewOptions {\n  /** Whether to immediately the scroll into view */\n  immediately?: boolean;\n}\n\n/** The scroll into view return type */\nexport interface UseScrollIntoViewReturn {\n  /** Function to scroll element into view */\n  trigger: (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => void;\n}\n\nexport interface UseScrollIntoView {\n  <Target extends Element>(\n    options?: UseScrollIntoViewOptions,\n    target?: never\n  ): UseScrollIntoViewReturn & { ref: StateRef<Target> };\n\n  (target?: HookTarget, options?: UseScrollIntoViewOptions): UseScrollIntoViewReturn;\n}\n\n/**\n * @name useScrollIntoView\n * @description - Hook that provides functionality to scroll an element into view\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} [target=window] The target element to scroll into view\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn} Object containing scroll function\n *\n * @example\n * const { trigger } = useScrollIntoView(ref);\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn & { ref: StateRef<Target> }} Object containing scroll function and ref\n *\n * @example\n * const { ref, trigger } = useScrollIntoView<HTMLDivElement>();\n */\nexport const useScrollIntoView = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseScrollIntoViewOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n  const {\n    behavior = 'smooth',\n    block = 'start',\n    inline = 'nearest',\n    immediately = true\n  } = options ?? {};\n  const elementRef = useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!immediately) return;\n    if (!target && !internalRef.state) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    elementRef.current = element;\n\n    element.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const trigger = (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => {\n    if (!elementRef.current) return;\n\n    const { behavior, block, inline } = params ?? {};\n\n    elementRef.current.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  };\n\n  if (target) return { trigger };\n  return { ref: internalRef, trigger };\n}) as UseScrollIntoView;\n"],"names":["useScrollIntoView","params","target","isTarget","options","internalRef","useRefState","behavior","block","inline","immediately","elementRef","useRef","useIsomorphicLayoutEffect","element","trigger"],"mappings":";;;;AAgEO,MAAMA,KAAqB,IAAIC,MAAkB;AACtD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAWF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExCI,IAAcC,EAAA,GACd;AAAA,IACJ,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,aAAAC,IAAc;AAAA,EAAA,IACZN,KAAW,CAAA,GACTO,IAAaC,EAAgB,IAAI;AAEvC,EAAAC,EAA0B,MAAM;AAE9B,QADI,CAACH,KACD,CAACR,KAAU,CAACG,EAAY,MAAO;AAEnC,UAAMS,KACFZ,IAASC,EAAS,WAAWD,CAAM,IAAIG,EAAY,YAAwB;AAE/E,IAAAM,EAAW,UAAUG,GAErBA,EAAQ,eAAe;AAAA,MACrB,UAAAP;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,CACD;AAAA,EAAA,GACA,CAACP,KAAUC,EAAS,cAAcD,CAAM,GAAGG,EAAY,KAAK,CAAC;AAEhE,QAAMU,IAAU,CAACd,MAIX;AACJ,QAAI,CAACU,EAAW,QAAS;AAEzB,UAAM,EAAE,UAAAJ,GAAU,OAAAC,GAAO,QAAAC,MAAWR,KAAU,CAAA;AAE9C,IAAAU,EAAW,QAAQ,eAAe;AAAA,MAChC,UAAAJ;AAAAA,MACA,OAAAC;AAAAA,MACA,QAAAC;AAAAA,IAAA,CACD;AAAA,EAAA;AAGH,SAAIP,IAAe,EAAE,SAAAa,EAAA,IACd,EAAE,KAAKV,GAAa,SAAAU,EAAA;AAC7B;"}
+{"version":3,"file":"useScrollIntoView.mjs","names":[],"sources":["../../../../src/hooks/useScrollIntoView/useScrollIntoView.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The scroll into view options type */\nexport interface UseScrollIntoViewOptions extends ScrollIntoViewOptions {\n  /** Whether to immediately the scroll into view */\n  immediately?: boolean;\n}\n\n/** The scroll into view return type */\nexport interface UseScrollIntoViewReturn {\n  /** Function to scroll element into view */\n  trigger: (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => void;\n}\n\nexport interface UseScrollIntoView {\n  <Target extends Element>(\n    options?: UseScrollIntoViewOptions,\n    target?: never\n  ): UseScrollIntoViewReturn & { ref: StateRef<Target> };\n\n  (target?: HookTarget, options?: UseScrollIntoViewOptions): UseScrollIntoViewReturn;\n}\n\n/**\n * @name useScrollIntoView\n * @description - Hook that provides functionality to scroll an element into view\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target element to scroll into view\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn} Object containing scroll function\n *\n * @example\n * const { trigger } = useScrollIntoView(ref);\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn & { ref: StateRef<Target> }} Object containing scroll function and ref\n *\n * @example\n * const { ref, trigger } = useScrollIntoView<HTMLDivElement>();\n */\nexport const useScrollIntoView = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseScrollIntoViewOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n  const {\n    behavior = 'smooth',\n    block = 'start',\n    inline = 'nearest',\n    immediately = true\n  } = options ?? {};\n  const elementRef = useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!immediately) return;\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    elementRef.current = element;\n\n    element.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const trigger = (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => {\n    if (!elementRef.current) return;\n\n    const { behavior, block, inline } = params ?? {};\n\n    elementRef.current.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  };\n\n  if (target) return { trigger };\n  return { ref: internalRef, trigger };\n}) as UseScrollIntoView;\n"],"mappings":";;;;;AAgEA,IAAa,MAAsB,GAAG,MAAkB;CACtD,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC5C,IAAW,IAAS,EAAO,KAAK,EAAO,IAEvC,IAAc,GAAsB,EACpC,EACJ,cAAW,UACX,WAAQ,SACR,YAAS,WACT,iBAAc,OACZ,KAAW,EAAE,EACX,IAAa,EAAgB,KAAK;AAExC,SAAgC;AAE9B,MADI,CAAC,KACD,CAAC,KAAU,CAAC,EAAY,MAAO;EAEnC,IAAM,IAAW,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AAIpE,EAFA,EAAW,UAAU,GAErB,EAAQ,eAAe;GACrB;GACA;GACA;GACD,CAAC;IACD,CAAC,KAAU,EAAS,cAAc,EAAO,EAAE,EAAY,MAAM,CAAC;CAEjE,IAAM,KAAW,MAIX;AACJ,MAAI,CAAC,EAAW,QAAS;EAEzB,IAAM,EAAE,aAAU,UAAO,cAAW,KAAU,EAAE;AAEhD,IAAW,QAAQ,eAAe;GAChC;GACA;GACA;GACD,CAAC;;AAIJ,QADI,IAAe,EAAE,YAAS,GACvB;EAAE,KAAK;EAAa;EAAS"}

package/dist/esm/hooks/useScrollTo/useScrollTo.mjs

@@ -1,22 +1,34 @@
-import { useRef as h } from "react";
-import { useIsomorphicLayoutEffect as v } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { useRefState as y } from "../useRefState/useRefState.mjs";
-import { isTarget as i } from "../../utils/helpers/isTarget.mjs";
-const d = ((...e) => {
-  const t = i(e[0]) ? e[0] : void 0, f = t ? e[1] : e[0], { x: s, y: u, behavior: l = "auto", immediately: m = !0 } = f ?? {}, r = y(), n = h(null);
-  v(() => {
-    if (!m || !t && !r.state) return;
-    const o = (t ? i.getElement(t) : r.current) ?? window;
-    n.current = o, o.scrollTo({ top: u, left: s, behavior: l });
-  }, [t && i.getRawElement(t), r.state]);
-  const c = (o) => {
-    if (!n.current) return;
-    const { x: a, y: g, behavior: p } = o ?? {};
-    n.current.scrollTo({ left: a, top: g, behavior: p });
-  };
-  return t ? { trigger: c } : { ref: r, trigger: c };
+import { useIsomorphicLayoutEffect as e } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { isTarget as t } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as n } from "../useRefState/useRefState.mjs";
+import { useRef as r } from "react";
+//#region src/hooks/useScrollTo/useScrollTo.ts
+var i = ((...i) => {
+	let a = t(i[0]) ? i[0] : void 0, { x: o, y: s, behavior: c = "auto", immediately: l = !0 } = (a ? i[1] : i[0]) ?? {}, u = n(), d = r(null);
+	e(() => {
+		if (!l) return;
+		let e = (a ? t.getElement(a) : u.current) ?? window;
+		d.current = e, e.scrollTo({
+			top: s,
+			left: o,
+			behavior: c
+		});
+	}, [a && t.getRawElement(a), u.state]);
+	let f = (e) => {
+		if (!d.current) return;
+		let { x: t, y: n, behavior: r } = e ?? {};
+		d.current.scrollTo({
+			left: t,
+			top: n,
+			behavior: r
+		});
+	};
+	return a ? { trigger: f } : {
+		ref: u,
+		trigger: f
+	};
 });
-export {
-  d as useScrollTo
-};
-//# sourceMappingURL=useScrollTo.mjs.map
+//#endregion
+export { i as useScrollTo };
+
+//# sourceMappingURL=useScrollTo.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollTo.mjs","sources":["../../../../src/hooks/useScrollTo/useScrollTo.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use scroll to options type */\nexport interface UseScrollToOptions {\n  /** The scrolling behavior */\n  behavior?: ScrollBehavior;\n  /** Whether to immediately the scroll to */\n  immediately?: boolean;\n  /** The horizontal position to scroll to */\n  x: number;\n  /** The vertical position to scroll to */\n  y: number;\n}\n\n/** The use scroll to return type */\nexport interface UseScrollToReturn {\n  /** The state of scrolling */\n  trigger: (params?: { x: number; y: number; behavior?: ScrollBehavior }) => void;\n}\n\nexport interface UseScrollTo {\n  <Target extends Element>(\n    options?: UseScrollToOptions,\n    target?: never\n  ): UseScrollToReturn & { ref: StateRef<Target> };\n\n  (target?: HookTarget, options?: UseScrollToOptions): UseScrollToReturn;\n}\n\n/**\n * @name useScrollTo\n * @description - Hook for scrolling to a specific element\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} [target=window] The target element for scrolling to\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {number} [options.x] The horizontal position to scroll to\n * @param {number} [options.y] The vertical position to scroll to\n * @param {ScrollBehavior} [options.behavior=auto] The scrolling behavior\n * @returns {UseScrollToReturn} The scroll trigger function\n *\n * @example\n * const trigger = useScrollTo(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {number} [options.x] The horizontal position to scroll to\n * @param {number} [options.y] The vertical position to scroll to\n * @param {ScrollBehavior} [options.behavior=auto] The scrolling behavior\n * @returns {UseScrollToReturn & { ref: StateRef<Target> }} The scroll trigger function and ref\n *\n * @example\n * const { ref, trigger } = useScrollTo(options);\n */\nexport const useScrollTo = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseScrollToOptions | undefined;\n  const { x, y, behavior = 'auto', immediately = true } = options ?? {};\n  const internalRef = useRefState<Element>();\n  const elementRef = useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!immediately) return;\n    if (!target && !internalRef.state) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    elementRef.current = element;\n\n    element.scrollTo({ top: y, left: x, behavior });\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const trigger = (params?: { x: number; y: number; behavior?: ScrollBehavior }) => {\n    if (!elementRef.current) return;\n\n    const { x, y, behavior } = params ?? {};\n\n    elementRef.current.scrollTo({ left: x, top: y, behavior });\n  };\n\n  if (target) return { trigger };\n  return { ref: internalRef, trigger };\n}) as UseScrollTo;\n"],"names":["useScrollTo","params","target","isTarget","options","x","y","behavior","immediately","internalRef","useRefState","elementRef","useRef","useIsomorphicLayoutEffect","element","trigger"],"mappings":";;;;AAkEO,MAAMA,KAAe,IAAIC,MAAkB;AAChD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAWF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACxC,EAAE,GAAAI,GAAG,GAAAC,GAAG,UAAAC,IAAW,QAAQ,aAAAC,IAAc,OAASJ,KAAW,CAAA,GAC7DK,IAAcC,EAAA,GACdC,IAAaC,EAAgB,IAAI;AAEvC,EAAAC,EAA0B,MAAM;AAE9B,QADI,CAACL,KACD,CAACN,KAAU,CAACO,EAAY,MAAO;AAEnC,UAAMK,KACFZ,IAASC,EAAS,WAAWD,CAAM,IAAIO,EAAY,YAAwB;AAE/E,IAAAE,EAAW,UAAUG,GAErBA,EAAQ,SAAS,EAAE,KAAKR,GAAG,MAAMD,GAAG,UAAAE,GAAU;AAAA,EAAA,GAC7C,CAACL,KAAUC,EAAS,cAAcD,CAAM,GAAGO,EAAY,KAAK,CAAC;AAEhE,QAAMM,IAAU,CAACd,MAAiE;AAChF,QAAI,CAACU,EAAW,QAAS;AAEzB,UAAM,EAAE,GAAAN,GAAG,GAAAC,GAAG,UAAAC,MAAaN,KAAU,CAAA;AAErC,IAAAU,EAAW,QAAQ,SAAS,EAAE,MAAMN,GAAG,KAAKC,GAAG,UAAAC,GAAU;AAAA,EAAA;AAG3D,SAAIL,IAAe,EAAE,SAAAa,EAAA,IACd,EAAE,KAAKN,GAAa,SAAAM,EAAA;AAC7B;"}
+{"version":3,"file":"useScrollTo.mjs","names":[],"sources":["../../../../src/hooks/useScrollTo/useScrollTo.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use scroll to options type */\nexport interface UseScrollToOptions {\n  /** The scrolling behavior */\n  behavior?: ScrollBehavior;\n  /** Whether to immediately the scroll to */\n  immediately?: boolean;\n  /** The horizontal position to scroll to */\n  x: number;\n  /** The vertical position to scroll to */\n  y: number;\n}\n\n/** The use scroll to return type */\nexport interface UseScrollToReturn {\n  /** The state of scrolling */\n  trigger: (params?: { x: number; y: number; behavior?: ScrollBehavior }) => void;\n}\n\nexport interface UseScrollTo {\n  <Target extends Element>(\n    options?: UseScrollToOptions,\n    target?: never\n  ): UseScrollToReturn & { ref: StateRef<Target> };\n\n  (target?: HookTarget, options?: UseScrollToOptions): UseScrollToReturn;\n}\n\n/**\n * @name useScrollTo\n * @description - Hook for scrolling to a specific element\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} [target=window] The target element for scrolling to\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {number} [options.x] The horizontal position to scroll to\n * @param {number} [options.y] The vertical position to scroll to\n * @param {ScrollBehavior} [options.behavior=auto] The scrolling behavior\n * @returns {UseScrollToReturn} The scroll trigger function\n *\n * @example\n * const trigger = useScrollTo(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {number} [options.x] The horizontal position to scroll to\n * @param {number} [options.y] The vertical position to scroll to\n * @param {ScrollBehavior} [options.behavior=auto] The scrolling behavior\n * @returns {UseScrollToReturn & { ref: StateRef<Target> }} The scroll trigger function and ref\n *\n * @example\n * const { ref, trigger } = useScrollTo(options);\n */\nexport const useScrollTo = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseScrollToOptions | undefined;\n  const { x, y, behavior = 'auto', immediately = true } = options ?? {};\n  const internalRef = useRefState<Element>();\n  const elementRef = useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!immediately) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    elementRef.current = element;\n\n    element.scrollTo({ top: y, left: x, behavior });\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const trigger = (params?: { x: number; y: number; behavior?: ScrollBehavior }) => {\n    if (!elementRef.current) return;\n\n    const { x, y, behavior } = params ?? {};\n\n    elementRef.current.scrollTo({ left: x, top: y, behavior });\n  };\n\n  if (target) return { trigger };\n  return { ref: internalRef, trigger };\n}) as UseScrollTo;\n"],"mappings":";;;;;AAkEA,IAAa,MAAgB,GAAG,MAAkB;CAChD,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAE5C,EAAE,MAAG,MAAG,cAAW,QAAQ,iBAAc,QAD9B,IAAS,EAAO,KAAK,EAAO,OACsB,EAAE,EAC/D,IAAc,GAAsB,EACpC,IAAa,EAAgB,KAAK;AAExC,SAAgC;AAC9B,MAAI,CAAC,EAAa;EAElB,IAAM,KACF,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY,YAAwB;AAI/E,EAFA,EAAW,UAAU,GAErB,EAAQ,SAAS;GAAE,KAAK;GAAG,MAAM;GAAG;GAAU,CAAC;IAC9C,CAAC,KAAU,EAAS,cAAc,EAAO,EAAE,EAAY,MAAM,CAAC;CAEjE,IAAM,KAAW,MAAiE;AAChF,MAAI,CAAC,EAAW,QAAS;EAEzB,IAAM,EAAE,MAAG,MAAG,gBAAa,KAAU,EAAE;AAEvC,IAAW,QAAQ,SAAS;GAAE,MAAM;GAAG,KAAK;GAAG;GAAU,CAAC;;AAI5D,QADI,IAAe,EAAE,YAAS,GACvB;EAAE,KAAK;EAAa;EAAS"}

package/dist/esm/hooks/useSessionStorage/useSessionStorage.mjs

@@ -1,10 +1,11 @@
-import { useStorage as t } from "../useStorage/useStorage.mjs";
-const n = (o, e, s) => t(o, {
-  ...s,
-  initialValue: e,
-  storage: typeof window < "u" ? window.sessionStorage : void 0
+import { useStorage as e } from "../useStorage/useStorage.mjs";
+//#region src/hooks/useSessionStorage/useSessionStorage.ts
+var t = (t, n, r) => e(t, {
+	...r,
+	initialValue: n,
+	storage: typeof window < "u" ? window.sessionStorage : void 0
 });
-export {
-  n as useSessionStorage
-};
-//# sourceMappingURL=useSessionStorage.mjs.map
+//#endregion
+export { t as useSessionStorage };
+
+//# sourceMappingURL=useSessionStorage.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSessionStorage.mjs","sources":["../../../../src/hooks/useSessionStorage/useSessionStorage.ts"],"sourcesContent":["import type { UseStorageInitialValue, UseStorageOptions } from '../useStorage/useStorage';\n\nimport { useStorage } from '../useStorage/useStorage';\n\n/**\n * @name useSessionStorage\n * @description - Hook that manages session storage value\n * @category State\n * @usage medium\n *\n * @browserapi sessionStorage https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage\n *\n * @template Value The type of the value\n * @param {string} key The key of the storage\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\n * @param {UseStorageOptions<Value>} [options] The options of the storage\n *\n * @example\n * const { value, set, remove } = useSessionStorage('key', 'value');\n */\nexport const useSessionStorage = <Value>(\n  key: string,\n  initialValue?: UseStorageInitialValue<Value>,\n  options?: Omit<UseStorageOptions<Value>, 'initialValue' | 'storage'>\n) =>\n  useStorage(key, {\n    ...options,\n    initialValue,\n    storage: typeof window !== 'undefined' ? window.sessionStorage : undefined\n  });\n"],"names":["useSessionStorage","key","initialValue","options","useStorage"],"mappings":";AAoBO,MAAMA,IAAoB,CAC/BC,GACAC,GACAC,MAEAC,EAAWH,GAAK;AAAA,EACd,GAAGE;AAAA,EACH,cAAAD;AAAA,EACA,SAAS,OAAO,SAAW,MAAc,OAAO,iBAAiB;AACnE,CAAC;"}
+{"version":3,"file":"useSessionStorage.mjs","names":[],"sources":["../../../../src/hooks/useSessionStorage/useSessionStorage.ts"],"sourcesContent":["import type { UseStorageInitialValue, UseStorageOptions } from '../useStorage/useStorage';\n\nimport { useStorage } from '../useStorage/useStorage';\n\n/**\n * @name useSessionStorage\n * @description - Hook that manages session storage value\n * @category State\n * @usage medium\n *\n * @browserapi sessionStorage https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage\n *\n * @template Value The type of the value\n * @param {string} key The key of the storage\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\n * @param {UseStorageOptions<Value>} [options] The options of the storage\n *\n * @example\n * const { value, set, remove } = useSessionStorage('key', 'value');\n */\nexport const useSessionStorage = <Value>(\n  key: string,\n  initialValue?: UseStorageInitialValue<Value>,\n  options?: Omit<UseStorageOptions<Value>, 'initialValue' | 'storage'>\n) =>\n  useStorage(key, {\n    ...options,\n    initialValue,\n    storage: typeof window !== 'undefined' ? window.sessionStorage : undefined\n  });\n"],"mappings":";;AAoBA,IAAa,KACX,GACA,GACA,MAEA,EAAW,GAAK;CACd,GAAG;CACH;CACA,SAAS,OAAO,SAAW,MAAc,OAAO,iBAAiB,KAAA;CAClE,CAAC"}

package/dist/esm/hooks/useSet/useSet.mjs

@@ -1,30 +1,31 @@
-import { useState as g } from "react";
-const z = (o) => {
-  const [s, t] = g(new Set(o)), r = (e) => t((n) => new Set(n).add(e)), i = (e) => t((n) => {
-    if (!n.has(e)) return n;
-    const c = new Set(n);
-    return c.delete(e), c;
-  }), f = () => t(/* @__PURE__ */ new Set()), d = () => t(new Set(o)), w = (e) => t((n) => {
-    if (!n.has(e)) return new Set(n).add(e);
-    const c = new Set(n);
-    return c.delete(e), c;
-  }), S = (e) => t(s.union(e)), m = (e) => t(s.difference(e)), a = (e) => t(s.symmetricDifference(e)), u = (e) => t(s.intersection(e)), h = (e) => s.has(e);
-  return {
-    value: s,
-    size: s.size,
-    has: h,
-    add: r,
-    remove: i,
-    clear: f,
-    reset: d,
-    toggle: w,
-    union: S,
-    difference: m,
-    symmetricDifference: a,
-    intersection: u
-  };
+import { useState as e } from "react";
+//#region src/hooks/useSet/useSet.ts
+var t = (t) => {
+	let [n, r] = e(new Set(t));
+	return {
+		value: n,
+		size: n.size,
+		has: (e) => n.has(e),
+		add: (e) => r((t) => new Set(t).add(e)),
+		remove: (e) => r((t) => {
+			if (!t.has(e)) return t;
+			let n = new Set(t);
+			return n.delete(e), n;
+		}),
+		clear: () => r(/* @__PURE__ */ new Set()),
+		reset: () => r(new Set(t)),
+		toggle: (e) => r((t) => {
+			if (!t.has(e)) return new Set(t).add(e);
+			let n = new Set(t);
+			return n.delete(e), n;
+		}),
+		union: (e) => r(n.union(e)),
+		difference: (e) => r(n.difference(e)),
+		symmetricDifference: (e) => r(n.symmetricDifference(e)),
+		intersection: (e) => r(n.intersection(e))
+	};
 };
-export {
-  z as useSet
-};
-//# sourceMappingURL=useSet.mjs.map
+//#endregion
+export { t as useSet };
+
+//# sourceMappingURL=useSet.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSet.mjs","sources":["../../../../src/hooks/useSet/useSet.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use set return type */\ninterface UseSetReturn<Value> {\n  /** The size of the set */\n  size: number;\n  /** The current set */\n  value: Set<Value>;\n  /** Function to add a value to the set */\n  add: (value: Value) => void;\n  /** Function to clear the set */\n  clear: () => void;\n  /** Function to get the symmetric difference of two sets */\n  difference: (other: Set<Value>) => void;\n  /** Function to check if a value exists in the set */\n  has: (value: Value) => boolean;\n  /** Function to get the difference of two sets */\n  intersection: (other: Set<Value>) => void;\n  /** Function to remove a value from the set */\n  remove: (value: Value) => void;\n  /** Function to toggle a value in the set */\n  reset: () => void;\n  /** Function to get the symmetric difference of two sets */\n  symmetricDifference: (other: Set<Value>) => void;\n  /** Function to toggle a value in the set */\n  toggle: (value: Value) => void;\n  /** Function to get the union of two sets */\n  union: (other: Set<Value>) => void;\n}\n\n/**\n * @name useSet\n * @description - Hook that manages a set structure\n * @category State\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value[]} [values] The initial array of the set\n * @returns {UseSetReturn<Value>} An object containing the current set and functions to interact with the set\n *\n * @example\n * const { value, add, remove, clear, reset, toggle, union, intersection, difference, symmetricDifference, size, has } = useSet([1, 2, 3]);\n */\nexport const useSet = <Value>(values?: Value[]): UseSetReturn<Value> => {\n  const [set, setSet] = useState(new Set(values));\n\n  const add = (value: Value) => setSet((prevSet) => new Set(prevSet).add(value));\n  const remove = (value: Value) =>\n    setSet((prevSet) => {\n      if (!prevSet.has(value)) return prevSet;\n      const newSet = new Set(prevSet);\n      newSet.delete(value);\n      return newSet;\n    });\n  const clear = () => setSet(new Set());\n  const reset = () => setSet(new Set(values));\n  const toggle = (value: Value) =>\n    setSet((prevSet) => {\n      if (!prevSet.has(value)) return new Set(prevSet).add(value);\n      const newSet = new Set(prevSet);\n      newSet.delete(value);\n      return newSet;\n    });\n  const union = (other: Set<Value>) => setSet(set.union(other));\n  const difference = (other: Set<Value>) => setSet(set.difference(other));\n  const symmetricDifference = (other: Set<Value>) => setSet(set.symmetricDifference(other));\n  const intersection = (other: Set<Value>) => setSet(set.intersection(other));\n  const has = (value: Value) => set.has(value);\n\n  return {\n    value: set,\n    size: set.size,\n    has,\n    add,\n    remove,\n    clear,\n    reset,\n    toggle,\n    union,\n    difference,\n    symmetricDifference,\n    intersection\n  };\n};\n"],"names":["useSet","values","set","setSet","useState","add","value","prevSet","remove","newSet","clear","reset","toggle","union","other","difference","symmetricDifference","intersection","has"],"mappings":";AA2CO,MAAMA,IAAS,CAAQC,MAA0C;AACtE,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAS,IAAI,IAAIH,CAAM,CAAC,GAExCI,IAAM,CAACC,MAAiBH,EAAO,CAACI,MAAY,IAAI,IAAIA,CAAO,EAAE,IAAID,CAAK,CAAC,GACvEE,IAAS,CAACF,MACdH,EAAO,CAACI,MAAY;AAClB,QAAI,CAACA,EAAQ,IAAID,CAAK,EAAG,QAAOC;AAChC,UAAME,IAAS,IAAI,IAAIF,CAAO;AAC9B,WAAAE,EAAO,OAAOH,CAAK,GACZG;AAAA,EAAA,CACR,GACGC,IAAQ,MAAMP,EAAO,oBAAI,KAAK,GAC9BQ,IAAQ,MAAMR,EAAO,IAAI,IAAIF,CAAM,CAAC,GACpCW,IAAS,CAACN,MACdH,EAAO,CAACI,MAAY;AAClB,QAAI,CAACA,EAAQ,IAAID,CAAK,EAAG,QAAO,IAAI,IAAIC,CAAO,EAAE,IAAID,CAAK;AAC1D,UAAMG,IAAS,IAAI,IAAIF,CAAO;AAC9B,WAAAE,EAAO,OAAOH,CAAK,GACZG;AAAA,EAAA,CACR,GACGI,IAAQ,CAACC,MAAsBX,EAAOD,EAAI,MAAMY,CAAK,CAAC,GACtDC,IAAa,CAACD,MAAsBX,EAAOD,EAAI,WAAWY,CAAK,CAAC,GAChEE,IAAsB,CAACF,MAAsBX,EAAOD,EAAI,oBAAoBY,CAAK,CAAC,GAClFG,IAAe,CAACH,MAAsBX,EAAOD,EAAI,aAAaY,CAAK,CAAC,GACpEI,IAAM,CAACZ,MAAiBJ,EAAI,IAAII,CAAK;AAE3C,SAAO;AAAA,IACL,OAAOJ;AAAA,IACP,MAAMA,EAAI;AAAA,IACV,KAAAgB;AAAA,IACA,KAAAb;AAAA,IACA,QAAAG;AAAA,IACA,OAAAE;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAE;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useSet.mjs","names":[],"sources":["../../../../src/hooks/useSet/useSet.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use set return type */\ninterface UseSetReturn<Value> {\n  /** The size of the set */\n  size: number;\n  /** The current set */\n  value: Set<Value>;\n  /** Function to add a value to the set */\n  add: (value: Value) => void;\n  /** Function to clear the set */\n  clear: () => void;\n  /** Function to get the symmetric difference of two sets */\n  difference: (other: Set<Value>) => void;\n  /** Function to check if a value exists in the set */\n  has: (value: Value) => boolean;\n  /** Function to get the difference of two sets */\n  intersection: (other: Set<Value>) => void;\n  /** Function to remove a value from the set */\n  remove: (value: Value) => void;\n  /** Function to toggle a value in the set */\n  reset: () => void;\n  /** Function to get the symmetric difference of two sets */\n  symmetricDifference: (other: Set<Value>) => void;\n  /** Function to toggle a value in the set */\n  toggle: (value: Value) => void;\n  /** Function to get the union of two sets */\n  union: (other: Set<Value>) => void;\n}\n\n/**\n * @name useSet\n * @description - Hook that manages a set structure\n * @category State\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value[]} [values] The initial array of the set\n * @returns {UseSetReturn<Value>} An object containing the current set and functions to interact with the set\n *\n * @example\n * const { value, add, remove, clear, reset, toggle, union, intersection, difference, symmetricDifference, size, has } = useSet([1, 2, 3]);\n */\nexport const useSet = <Value>(values?: Value[]): UseSetReturn<Value> => {\n  const [set, setSet] = useState(new Set(values));\n\n  const add = (value: Value) => setSet((prevSet) => new Set(prevSet).add(value));\n  const remove = (value: Value) =>\n    setSet((prevSet) => {\n      if (!prevSet.has(value)) return prevSet;\n      const newSet = new Set(prevSet);\n      newSet.delete(value);\n      return newSet;\n    });\n  const clear = () => setSet(new Set());\n  const reset = () => setSet(new Set(values));\n  const toggle = (value: Value) =>\n    setSet((prevSet) => {\n      if (!prevSet.has(value)) return new Set(prevSet).add(value);\n      const newSet = new Set(prevSet);\n      newSet.delete(value);\n      return newSet;\n    });\n  const union = (other: Set<Value>) => setSet(set.union(other));\n  const difference = (other: Set<Value>) => setSet(set.difference(other));\n  const symmetricDifference = (other: Set<Value>) => setSet(set.symmetricDifference(other));\n  const intersection = (other: Set<Value>) => setSet(set.intersection(other));\n  const has = (value: Value) => set.has(value);\n\n  return {\n    value: set,\n    size: set.size,\n    has,\n    add,\n    remove,\n    clear,\n    reset,\n    toggle,\n    union,\n    difference,\n    symmetricDifference,\n    intersection\n  };\n};\n"],"mappings":";;AA2CA,IAAa,KAAiB,MAA0C;CACtE,IAAM,CAAC,GAAK,KAAU,EAAS,IAAI,IAAI,EAAO,CAAC;AAyB/C,QAAO;EACL,OAAO;EACP,MAAM,EAAI;EACV,MALW,MAAiB,EAAI,IAAI,EAAM;EAM1C,MA3BW,MAAiB,GAAQ,MAAY,IAAI,IAAI,EAAQ,CAAC,IAAI,EAAM,CAAC;EA4B5E,SA3Bc,MACd,GAAQ,MAAY;AAClB,OAAI,CAAC,EAAQ,IAAI,EAAM,CAAE,QAAO;GAChC,IAAM,IAAS,IAAI,IAAI,EAAQ;AAE/B,UADA,EAAO,OAAO,EAAM,EACb;IACP;EAsBF,aArBkB,kBAAO,IAAI,KAAK,CAAC;EAsBnC,aArBkB,EAAO,IAAI,IAAI,EAAO,CAAC;EAsBzC,SArBc,MACd,GAAQ,MAAY;AAClB,OAAI,CAAC,EAAQ,IAAI,EAAM,CAAE,QAAO,IAAI,IAAI,EAAQ,CAAC,IAAI,EAAM;GAC3D,IAAM,IAAS,IAAI,IAAI,EAAQ;AAE/B,UADA,EAAO,OAAO,EAAM,EACb;IACP;EAgBF,QAfa,MAAsB,EAAO,EAAI,MAAM,EAAM,CAAC;EAgB3D,aAfkB,MAAsB,EAAO,EAAI,WAAW,EAAM,CAAC;EAgBrE,sBAf2B,MAAsB,EAAO,EAAI,oBAAoB,EAAM,CAAC;EAgBvF,eAfoB,MAAsB,EAAO,EAAI,aAAa,EAAM,CAAC;EAgB1E"}

package/dist/esm/hooks/useShallowEffect/useShallowEffect.mjs

@@ -1,23 +1,21 @@
-import { useRef as l, useEffect as c } from "react";
-const n = (e, r) => {
-  if (e === r) return !0;
-  if (e == null || r == null) return e === r;
-  if (typeof e != typeof r) return !1;
-  if (typeof e != "object") return e === r;
-  if (Array.isArray(e) !== Array.isArray(r)) return !1;
-  if (Array.isArray(e))
-    return e.length === r.length && e.every((f, s) => n(f, r[s]));
-  const t = Object.keys(e), u = Object.keys(r);
-  if (t.length !== u.length) return !1;
-  for (const f of t)
-    if (!u.includes(f) || !n(e[f], r[f])) return !1;
-  return !0;
-}, i = (e, r) => {
-  const t = l(r);
-  (!t.current || !n(r, t.current)) && (t.current = r), c(e, t.current);
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/useShallowEffect/useShallowEffect.ts
+var n = (e, t) => {
+	if (e === t) return !0;
+	if (e == null || t == null) return e === t;
+	if (typeof e != typeof t) return !1;
+	if (typeof e != "object") return e === t;
+	if (Array.isArray(e) !== Array.isArray(t)) return !1;
+	if (Array.isArray(e)) return e.length === t.length && e.every((e, r) => n(e, t[r]));
+	let r = Object.keys(e), i = Object.keys(t);
+	if (r.length !== i.length) return !1;
+	for (let a of r) if (!i.includes(a) || !n(e[a], t[a])) return !1;
+	return !0;
+}, r = (r, i) => {
+	let a = t(i);
+	(!a.current || !n(i, a.current)) && (a.current = i), e(r, a.current);
 };
-export {
-  n as deepEqual,
-  i as useShallowEffect
-};
-//# sourceMappingURL=useShallowEffect.mjs.map
+//#endregion
+export { n as deepEqual, r as useShallowEffect };
+
+//# sourceMappingURL=useShallowEffect.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useShallowEffect.mjs","sources":["../../../../src/hooks/useShallowEffect/useShallowEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\nexport const deepEqual = (a: any, b: any): boolean => {\n  if (a === b) return true;\n  if (a == null || b == null) return a === b;\n  if (typeof a !== typeof b) return false;\n  if (typeof a !== 'object') return a === b;\n  if (Array.isArray(a) !== Array.isArray(b)) return false;\n\n  if (Array.isArray(a))\n    return a.length === b.length && a.every((value, index) => deepEqual(value, b[index]));\n\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (!keysB.includes(key)) return false;\n    if (!deepEqual(a[key], b[key])) return false;\n  }\n\n  return true;\n};\n\n/**\n * @name useShallowEffect\n * @description - Hook that executes an effect only when dependencies change shallowly or deeply\n * @category Lifecycle\n * @usage low\n *\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useShallowEffect(() => console.log(\"effect\"), [user]);\n */\nexport const useShallowEffect = (effect: EffectCallback, deps?: DependencyList) => {\n  const depsRef = useRef<DependencyList>(deps);\n\n  if (!depsRef.current || !deepEqual(deps, depsRef.current)) {\n    depsRef.current = deps;\n  }\n\n  useEffect(effect, depsRef.current);\n};\n"],"names":["deepEqual","a","b","value","index","keysA","keysB","key","useShallowEffect","effect","deps","depsRef","useRef","useEffect"],"mappings":";AAIO,MAAMA,IAAY,CAACC,GAAQC,MAAoB;AACpD,MAAID,MAAMC,EAAG,QAAO;AACpB,MAAID,KAAK,QAAQC,KAAK,aAAaD,MAAMC;AACzC,MAAI,OAAOD,KAAM,OAAOC,EAAG,QAAO;AAClC,MAAI,OAAOD,KAAM,SAAU,QAAOA,MAAMC;AACxC,MAAI,MAAM,QAAQD,CAAC,MAAM,MAAM,QAAQC,CAAC,EAAG,QAAO;AAElD,MAAI,MAAM,QAAQD,CAAC;AACjB,WAAOA,EAAE,WAAWC,EAAE,UAAUD,EAAE,MAAM,CAACE,GAAOC,MAAUJ,EAAUG,GAAOD,EAAEE,CAAK,CAAC,CAAC;AAEtF,QAAMC,IAAQ,OAAO,KAAKJ,CAAC,GACrBK,IAAQ,OAAO,KAAKJ,CAAC;AAE3B,MAAIG,EAAM,WAAWC,EAAM,OAAQ,QAAO;AAE1C,aAAWC,KAAOF;AAEhB,QADI,CAACC,EAAM,SAASC,CAAG,KACnB,CAACP,EAAUC,EAAEM,CAAG,GAAGL,EAAEK,CAAG,CAAC,EAAG,QAAO;AAGzC,SAAO;AACT,GAcaC,IAAmB,CAACC,GAAwBC,MAA0B;AACjF,QAAMC,IAAUC,EAAuBF,CAAI;AAE3C,GAAI,CAACC,EAAQ,WAAW,CAACX,EAAUU,GAAMC,EAAQ,OAAO,OACtDA,EAAQ,UAAUD,IAGpBG,EAAUJ,GAAQE,EAAQ,OAAO;AACnC;"}
+{"version":3,"file":"useShallowEffect.mjs","names":[],"sources":["../../../../src/hooks/useShallowEffect/useShallowEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\nexport const deepEqual = (a: any, b: any): boolean => {\n  if (a === b) return true;\n  if (a == null || b == null) return a === b;\n  if (typeof a !== typeof b) return false;\n  if (typeof a !== 'object') return a === b;\n  if (Array.isArray(a) !== Array.isArray(b)) return false;\n\n  if (Array.isArray(a))\n    return a.length === b.length && a.every((value, index) => deepEqual(value, b[index]));\n\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (!keysB.includes(key)) return false;\n    if (!deepEqual(a[key], b[key])) return false;\n  }\n\n  return true;\n};\n\n/**\n * @name useShallowEffect\n * @description - Hook that executes an effect only when dependencies change shallowly or deeply\n * @category Lifecycle\n * @usage low\n *\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useShallowEffect(() => console.log(\"effect\"), [user]);\n */\nexport const useShallowEffect = (effect: EffectCallback, deps?: DependencyList) => {\n  const depsRef = useRef<DependencyList>(deps);\n\n  if (!depsRef.current || !deepEqual(deps, depsRef.current)) {\n    depsRef.current = deps;\n  }\n\n  useEffect(effect, depsRef.current);\n};\n"],"mappings":";;AAIA,IAAa,KAAa,GAAQ,MAAoB;AACpD,KAAI,MAAM,EAAG,QAAO;AACpB,KAAI,KAAK,QAAQ,KAAK,KAAM,QAAO,MAAM;AACzC,KAAI,OAAO,KAAM,OAAO,EAAG,QAAO;AAClC,KAAI,OAAO,KAAM,SAAU,QAAO,MAAM;AACxC,KAAI,MAAM,QAAQ,EAAE,KAAK,MAAM,QAAQ,EAAE,CAAE,QAAO;AAElD,KAAI,MAAM,QAAQ,EAAE,CAClB,QAAO,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,GAAO,MAAU,EAAU,GAAO,EAAE,GAAO,CAAC;CAEvF,IAAM,IAAQ,OAAO,KAAK,EAAE,EACtB,IAAQ,OAAO,KAAK,EAAE;AAE5B,KAAI,EAAM,WAAW,EAAM,OAAQ,QAAO;AAE1C,MAAK,IAAM,KAAO,EAEhB,KADI,CAAC,EAAM,SAAS,EAAI,IACpB,CAAC,EAAU,EAAE,IAAM,EAAE,GAAK,CAAE,QAAO;AAGzC,QAAO;GAeI,KAAoB,GAAwB,MAA0B;CACjF,IAAM,IAAU,EAAuB,EAAK;AAM5C,EAJI,CAAC,EAAQ,WAAW,CAAC,EAAU,GAAM,EAAQ,QAAQ,MACvD,EAAQ,UAAU,IAGpB,EAAU,GAAQ,EAAQ,QAAQ"}

package/dist/esm/hooks/useShare/useShare.mjs

@@ -1,15 +1,19 @@
-const i = (e) => {
-  const a = typeof navigator < "u" && "share" in navigator && !!navigator.share;
-  return { trigger: async (t) => {
-    if (!a) return;
-    const r = {
-      ...e,
-      ...t
-    };
-    return r.files && navigator.canShare({ files: r.files }) && navigator.share(r), navigator.share(r);
-  }, supported: a };
+//#region src/hooks/useShare/useShare.ts
+var e = (e) => {
+	let t = typeof navigator < "u" && "share" in navigator && !!navigator.share;
+	return {
+		trigger: async (n) => {
+			if (!t) return;
+			let r = {
+				...e,
+				...n
+			};
+			return r.files && navigator.canShare({ files: r.files }) && navigator.share(r), navigator.share(r);
+		},
+		supported: t
+	};
 };
-export {
-  i as useShare
-};
-//# sourceMappingURL=useShare.mjs.map
+//#endregion
+export { e as useShare };
+
+//# sourceMappingURL=useShare.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useShare.mjs","sources":["../../../../src/hooks/useShare/useShare.ts"],"sourcesContent":["/** The use share options type */\nexport interface UseShareParams {\n  /** Array of files to be shared */\n  files?: File[];\n  /** Text content to be shared */\n  text?: string;\n  /** Title of the content being shared */\n  title?: string;\n  /** URL link to be shared */\n  url?: string;\n}\n\n/** The use share return type */\nexport interface UseShareReturn {\n  /** Whether the Web Share API is supported in the current environment */\n  supported: boolean;\n  /** Function to trigger the native share dialog */\n  trigger: (shareParams: ShareData) => Promise<void>;\n}\n\n/**\n * @name useShare\n * @description - Hook that utilizes the share api\n * @category Browser\n * @usage medium\n *\n * @browserapi share https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share\n *\n * @param {UseShareParams} [params] The use share options\n * @returns {UseShareReturn}\n *\n * @example\n * const { share, supported } = useShare();\n */\nexport const useShare = (params?: UseShareParams) => {\n  const supported = typeof navigator !== 'undefined' && 'share' in navigator && !!navigator.share;\n\n  const trigger = async (shareParams: ShareData) => {\n    if (!supported) return;\n\n    const data = {\n      ...params,\n      ...shareParams\n    };\n\n    if (data.files && navigator.canShare({ files: data.files })) navigator.share(data);\n\n    return navigator.share(data);\n  };\n\n  return { trigger, supported };\n};\n"],"names":["useShare","params","supported","shareParams","data"],"mappings":"AAkCO,MAAMA,IAAW,CAACC,MAA4B;AACnD,QAAMC,IAAY,OAAO,YAAc,OAAe,WAAW,aAAa,CAAC,CAAC,UAAU;AAe1F,SAAO,EAAE,SAbO,OAAOC,MAA2B;AAChD,QAAI,CAACD,EAAW;AAEhB,UAAME,IAAO;AAAA,MACX,GAAGH;AAAA,MACH,GAAGE;AAAA,IAAA;AAGL,WAAIC,EAAK,SAAS,UAAU,SAAS,EAAE,OAAOA,EAAK,MAAA,CAAO,KAAG,UAAU,MAAMA,CAAI,GAE1E,UAAU,MAAMA,CAAI;AAAA,EAAA,GAGX,WAAAF,EAAA;AACpB;"}
+{"version":3,"file":"useShare.mjs","names":[],"sources":["../../../../src/hooks/useShare/useShare.ts"],"sourcesContent":["/** The use share options type */\nexport interface UseShareParams {\n  /** Array of files to be shared */\n  files?: File[];\n  /** Text content to be shared */\n  text?: string;\n  /** Title of the content being shared */\n  title?: string;\n  /** URL link to be shared */\n  url?: string;\n}\n\n/** The use share return type */\nexport interface UseShareReturn {\n  /** Whether the Web Share API is supported in the current environment */\n  supported: boolean;\n  /** Function to trigger the native share dialog */\n  trigger: (shareParams: ShareData) => Promise<void>;\n}\n\n/**\n * @name useShare\n * @description - Hook that utilizes the share api\n * @category Browser\n * @usage medium\n *\n * @browserapi share https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share\n *\n * @param {UseShareParams} [params] The use share options\n * @returns {UseShareReturn}\n *\n * @example\n * const { share, supported } = useShare();\n */\nexport const useShare = (params?: UseShareParams) => {\n  const supported = typeof navigator !== 'undefined' && 'share' in navigator && !!navigator.share;\n\n  const trigger = async (shareParams: ShareData) => {\n    if (!supported) return;\n\n    const data = {\n      ...params,\n      ...shareParams\n    };\n\n    if (data.files && navigator.canShare({ files: data.files })) navigator.share(data);\n\n    return navigator.share(data);\n  };\n\n  return { trigger, supported };\n};\n"],"mappings":";AAkCA,IAAa,KAAY,MAA4B;CACnD,IAAM,IAAY,OAAO,YAAc,OAAe,WAAW,aAAa,CAAC,CAAC,UAAU;AAe1F,QAAO;EAAE,SAbO,OAAO,MAA2B;AAChD,OAAI,CAAC,EAAW;GAEhB,IAAM,IAAO;IACX,GAAG;IACH,GAAG;IACJ;AAID,UAFI,EAAK,SAAS,UAAU,SAAS,EAAE,OAAO,EAAK,OAAO,CAAC,IAAE,UAAU,MAAM,EAAK,EAE3E,UAAU,MAAM,EAAK;;EAGZ;EAAW"}

package/dist/esm/hooks/useSize/useSize.mjs

@@ -1,31 +1,41 @@
-import { useState as c } from "react";
-import { useIsomorphicLayoutEffect as l } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { useRefState as v } from "../useRefState/useRefState.mjs";
-import { isTarget as h } from "../../utils/helpers/isTarget.mjs";
-const z = ((...u) => {
-  const e = u[0], [n, o] = c({ width: 0, height: 0 }), [s, g] = c(), r = v();
-  return l(() => {
-    const t = e ? h.getElement(e) : r.current;
-    if (!t) return;
-    const { width: m, height: f } = t.getBoundingClientRect();
-    o({
-      width: m,
-      height: f
-    });
-    const i = new ResizeObserver(() => {
-      const { width: a, height: d } = t.getBoundingClientRect();
-      o({ width: a, height: d });
-    });
-    return g(i), i.observe(t), () => {
-      i.disconnect();
-    };
-  }, [r.state, e && h.getRawElement(e)]), e ? { observer: s, value: n } : {
-    observer: s,
-    ref: r,
-    value: n
-  };
+import { useIsomorphicLayoutEffect as e } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { isTarget as t } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as n } from "../useRefState/useRefState.mjs";
+import { useState as r } from "react";
+//#region src/hooks/useSize/useSize.ts
+var i = ((...i) => {
+	let a = i[0], [o, s] = r({
+		width: 0,
+		height: 0
+	}), [c, l] = r(), u = n();
+	return e(() => {
+		let e = a ? t.getElement(a) : u.current;
+		if (!e) return;
+		let { width: n, height: r } = e.getBoundingClientRect();
+		s({
+			width: n,
+			height: r
+		});
+		let i = new ResizeObserver(() => {
+			let { width: t, height: n } = e.getBoundingClientRect();
+			s({
+				width: t,
+				height: n
+			});
+		});
+		return l(i), i.observe(e), () => {
+			i.disconnect();
+		};
+	}, [u.state, a && t.getRawElement(a)]), a ? {
+		observer: c,
+		value: o
+	} : {
+		observer: c,
+		ref: u,
+		value: o
+	};
 });
-export {
-  z as useSize
-};
-//# sourceMappingURL=useSize.mjs.map
+//#endregion
+export { i as useSize };
+
+//# sourceMappingURL=useSize.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSize.mjs","sources":["../../../../src/hooks/useSize/useSize.ts"],"sourcesContent":["import { 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 { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The size value type */\nexport interface UseSizeValue {\n  /** The element's height */\n  height: number;\n  /** The element's width */\n  width: number;\n}\n\n/** The use size return type */\nexport interface UseSizeReturn {\n  /** The resize observer instance */\n  observer?: ResizeObserver;\n  /** The current size value */\n  value: UseSizeValue;\n}\n\nexport interface UseSize {\n  (target: HookTarget): UseSizeReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n  } & UseSizeReturn;\n}\n\n/**\n * @name useSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseSizeReturn} An object containing the resize observer, current width and height of the element\n *\n * @example\n * const { value, observer } = useSize(ref);\n *\n * @overload\n * @template Target The target element type\n * @returns { { ref: StateRef<Target> } & UseSizeReturn } An object containing the resize observer, current width and height of the element\n *\n * @example\n * const { ref, value, observer } = useSize();\n */\nexport const useSize = ((...params: any[]) => {\n  const target = params[0] as HookTarget | undefined;\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const [observer, setObserver] = useState<ResizeObserver>();\n  const internalRef = useRefState<Element>();\n\n  useIsomorphicLayoutEffect(() => {\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const { width, height } = element.getBoundingClientRect();\n    setSize({\n      width,\n      height\n    });\n\n    const observer = new ResizeObserver(() => {\n      const { width, height } = element.getBoundingClientRect();\n      setSize({ width, height });\n    });\n\n    setObserver(observer);\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\n\n  if (target) return { observer, value: size };\n  return {\n    observer,\n    ref: internalRef,\n    value: size\n  };\n}) as UseSize;\n"],"names":["useSize","params","target","size","setSize","useState","observer","setObserver","internalRef","useRefState","useIsomorphicLayoutEffect","element","isTarget","width","height"],"mappings":";;;;AAyDO,MAAMA,KAAW,IAAIC,MAAkB;AAC5C,QAAMC,IAASD,EAAO,CAAC,GACjB,CAACE,GAAMC,CAAO,IAAIC,EAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,GAClD,CAACC,GAAUC,CAAW,IAAIF,EAAA,GAC1BG,IAAcC,EAAA;AA0BpB,SAxBAC,EAA0B,MAAM;AAC9B,UAAMC,IAAWT,IAASU,EAAS,WAAWV,CAAM,IAAIM,EAAY;AAEpE,QAAI,CAACG,EAAS;AAEd,UAAM,EAAE,OAAAE,GAAO,QAAAC,MAAWH,EAAQ,sBAAA;AAClC,IAAAP,EAAQ;AAAA,MACN,OAAAS;AAAA,MACA,QAAAC;AAAA,IAAA,CACD;AAED,UAAMR,IAAW,IAAI,eAAe,MAAM;AACxC,YAAM,EAAE,OAAAO,GAAO,QAAAC,EAAAA,IAAWH,EAAQ,sBAAA;AAClC,MAAAP,EAAQ,EAAE,OAAAS,GAAO,QAAAC,GAAQ;AAAA,IAAA,CAC1B;AAED,WAAAP,EAAYD,CAAQ,GACpBA,EAAS,QAAQK,CAAO,GAEjB,MAAM;AACXL,MAAAA,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,CAACE,EAAY,OAAON,KAAUU,EAAS,cAAcV,CAAM,CAAC,CAAC,GAE5DA,IAAe,EAAE,UAAAI,GAAU,OAAOH,EAAA,IAC/B;AAAA,IACL,UAAAG;AAAA,IACA,KAAKE;AAAA,IACL,OAAOL;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useSize.mjs","names":[],"sources":["../../../../src/hooks/useSize/useSize.ts"],"sourcesContent":["import { 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 { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The size value type */\nexport interface UseSizeValue {\n  /** The element's height */\n  height: number;\n  /** The element's width */\n  width: number;\n}\n\n/** The use size return type */\nexport interface UseSizeReturn {\n  /** The resize observer instance */\n  observer?: ResizeObserver;\n  /** The current size value */\n  value: UseSizeValue;\n}\n\nexport interface UseSize {\n  (target: HookTarget): UseSizeReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n  } & UseSizeReturn;\n}\n\n/**\n * @name useSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseSizeReturn} An object containing the resize observer, current width and height of the element\n *\n * @example\n * const { value, observer } = useSize(ref);\n *\n * @overload\n * @template Target The target element type\n * @returns { { ref: StateRef<Target> } & UseSizeReturn } An object containing the resize observer, current width and height of the element\n *\n * @example\n * const { ref, value, observer } = useSize();\n */\nexport const useSize = ((...params: any[]) => {\n  const target = params[0] as HookTarget | undefined;\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const [observer, setObserver] = useState<ResizeObserver>();\n  const internalRef = useRefState<Element>();\n\n  useIsomorphicLayoutEffect(() => {\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const { width, height } = element.getBoundingClientRect();\n    setSize({\n      width,\n      height\n    });\n\n    const observer = new ResizeObserver(() => {\n      const { width, height } = element.getBoundingClientRect();\n      setSize({ width, height });\n    });\n\n    setObserver(observer);\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\n\n  if (target) return { observer, value: size };\n  return {\n    observer,\n    ref: internalRef,\n    value: size\n  };\n}) as UseSize;\n"],"mappings":";;;;;AAyDA,IAAa,MAAY,GAAG,MAAkB;CAC5C,IAAM,IAAS,EAAO,IAChB,CAAC,GAAM,KAAW,EAAS;EAAE,OAAO;EAAG,QAAQ;EAAG,CAAC,EACnD,CAAC,GAAU,KAAe,GAA0B,EACpD,IAAc,GAAsB;AA2B1C,QAzBA,QAAgC;EAC9B,IAAM,IAAW,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AAEpE,MAAI,CAAC,EAAS;EAEd,IAAM,EAAE,UAAO,cAAW,EAAQ,uBAAuB;AACzD,IAAQ;GACN;GACA;GACD,CAAC;EAEF,IAAM,IAAW,IAAI,qBAAqB;GACxC,IAAM,EAAE,UAAO,cAAW,EAAQ,uBAAuB;AACzD,KAAQ;IAAE;IAAO;IAAQ,CAAC;IAC1B;AAKF,SAHA,EAAY,EAAS,EACrB,EAAS,QAAQ,EAAQ,QAEZ;AACX,KAAS,YAAY;;IAEtB,CAAC,EAAY,OAAO,KAAU,EAAS,cAAc,EAAO,CAAC,CAAC,EAE7D,IAAe;EAAE;EAAU,OAAO;EAAM,GACrC;EACL;EACA,KAAK;EACL,OAAO;EACR"}

package/dist/esm/hooks/useSpeechRecognition/useSpeechRecognition.mjs

@@ -1,45 +1,35 @@
-import { useState as e, useEffect as T } from "react";
-const f = () => window?.SpeechRecognition ?? window?.webkitSpeechRecognition, q = (d = {}) => {
-  const i = typeof window < "u" && !!f(), {
-    continuous: m = !1,
-    interimResults: R = !1,
-    language: c = "en-US",
-    grammars: a,
-    maxAlternatives: w = 1,
-    onStart: S,
-    onEnd: h,
-    onError: x,
-    onResult: E
-  } = d, [l, s] = e(!1), [A, b] = e(""), [k, y] = e(!1), [F, u] = e(null), [o] = e(() => {
-    if (!i) return;
-    const r = f(), t = new r();
-    return t.continuous = m, a && (t.grammars = a), t.interimResults = R, t.lang = c, t.maxAlternatives = w, t.onstart = () => {
-      s(!0), y(!1), S?.();
-    }, t.onerror = (n) => {
-      u(n), s(!1), x?.(n);
-    }, t.onresult = (n) => {
-      const I = n.results[n.resultIndex], { transcript: L } = I[0];
-      s(!1), b(L), u(null), E?.(n);
-    }, t.onend = () => {
-      s(!1), h?.(), t.lang = c;
-    }, t;
-  });
-  T(() => () => o?.stop(), []);
-  const g = () => o?.start(), p = () => o?.stop();
-  return {
-    supported: i,
-    transcript: A,
-    recognition: o,
-    final: k,
-    listening: l,
-    error: F,
-    start: g,
-    stop: p,
-    toggle: (r = !l) => r ? g() : p()
-  };
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useSpeechRecognition/useSpeechRecognition.ts
+var n = () => window?.SpeechRecognition ?? window?.webkitSpeechRecognition, r = (r = {}) => {
+	let i = typeof window < "u" && !!n(), { continuous: a = !1, interimResults: o = !1, language: s = "en-US", grammars: c, maxAlternatives: l = 1, onStart: u, onEnd: d, onError: f, onResult: p } = r, [m, h] = t(!1), [g, _] = t(""), [v, y] = t(!1), [b, x] = t(null), [S] = t(() => {
+		if (!i) return;
+		let e = new (n())();
+		return e.continuous = a, c && (e.grammars = c), e.interimResults = o, e.lang = s, e.maxAlternatives = l, e.onstart = () => {
+			h(!0), y(!1), u?.();
+		}, e.onerror = (e) => {
+			x(e), h(!1), f?.(e);
+		}, e.onresult = (e) => {
+			let { transcript: t } = e.results[e.resultIndex][0];
+			h(!1), _(t), x(null), p?.(e);
+		}, e.onend = () => {
+			h(!1), d?.(), e.lang = s;
+		}, e;
+	});
+	e(() => () => S?.stop(), []);
+	let C = () => S?.start(), w = () => S?.stop();
+	return {
+		supported: i,
+		transcript: g,
+		recognition: S,
+		final: v,
+		listening: m,
+		error: b,
+		start: C,
+		stop: w,
+		toggle: (e = !m) => e ? C() : w()
+	};
 };
-export {
-  f as getSpeechRecognition,
-  q as useSpeechRecognition
-};
-//# sourceMappingURL=useSpeechRecognition.mjs.map
+//#endregion
+export { n as getSpeechRecognition, r as useSpeechRecognition };
+
+//# sourceMappingURL=useSpeechRecognition.mjs.map