@siberiacancode/reactuse 0.3.13 → 0.3.14

package/dist/esm/hooks/useField/useField.mjs

@@ -1,68 +1,68 @@
-import { useRef as s, useState as d } from "react";
-import { useRerender as L } from "../useRerender/useRerender.mjs";
-const B = (n) => {
-  const c = n?.initialValue ?? "", t = s(null), i = s(!1), l = L(), [v, o] = d(!1), [y, h] = d(n?.initialTouched ?? !1), [x, r] = d(void 0), a = () => t.current?.type === "radio" || t.current?.type === "checkbox" ? t.current.checked : t.current?.value ?? c, g = (e) => {
-    if (t.current?.type === "radio" || t.current?.type === "checkbox")
-      return t.current.checked = e, i.current ? l() : void 0;
-    if (t.current.value = e, i.current) return l();
+import { useRef as g, useState as d } from "react";
+import { useRerender as b } from "../useRerender/useRerender.mjs";
+const E = (u, c) => {
+  const r = g(null), f = g(!1), o = b(), [v, l] = d(!1), [y, h] = d(c?.initialTouched ?? !1), [x, t] = d(void 0), s = () => r.current?.type === "radio" || r.current?.type === "checkbox" ? r.current.checked : r.current?.value ?? u, a = (e) => {
+    if (r.current?.type === "radio" || r.current?.type === "checkbox")
+      return r.current.checked = e, f.current ? o() : void 0;
+    if (r.current.value = e, f.current) return o();
   }, k = () => {
-    g(c), o(!1), h(!1), r(void 0);
-  }, V = () => t.current.focus(), f = (e) => {
-    if (e.required && !t.current.value)
-      return r(e.required);
-    if (e.minLength && t.current.value.length < e.minLength.value)
-      return r(e.minLength.message);
-    if (e.maxLength && t.current.value.length > e.maxLength.value)
-      return r(e.maxLength.message);
-    if (e.min && Number(t.current.value) < e.min.value)
-      return r(e.min.message);
-    if (e.max && Number(t.current.value) > e.max.value)
-      return r(e.max.message);
-    if (e.pattern && !e.pattern.value.test(t.current.value))
-      return r(e.pattern.message);
+    a(u), l(!1), h(!1), t(void 0);
+  }, L = () => r.current.focus(), i = (e) => {
+    if (e.required && !r.current.value)
+      return t(e.required);
+    if (e.minLength && r.current.value.length < e.minLength.value)
+      return t(e.minLength.message);
+    if (e.maxLength && r.current.value.length > e.maxLength.value)
+      return t(e.maxLength.message);
+    if (e.min && Number(r.current.value) < e.min.value)
+      return t(e.min.message);
+    if (e.max && Number(r.current.value) > e.max.value)
+      return t(e.max.message);
+    if (e.pattern && !e.pattern.value.test(r.current.value))
+      return t(e.pattern.message);
     if (e.validate) {
-      const u = e.validate(t.current.value);
-      if (typeof u == "string") return r(u);
+      const n = e.validate(r.current.value);
+      if (typeof n == "string") return t(n);
     }
-    r(void 0);
+    t(void 0);
   };
   return {
     register: (e) => ({
-      ref: (u) => {
-        if (!t.current && u) {
-          if (n?.autoFocus && u.focus(), t.current = u, t.current.type === "radio") {
-            t.current.defaultChecked = n?.initialValue === u.value;
+      ref: (n) => {
+        if (!r.current && n) {
+          if (c?.autoFocus && n.focus(), r.current = n, r.current.type === "radio") {
+            r.current.defaultChecked = u === n.value;
             return;
           }
-          if (t.current.type === "checkbox") {
-            t.current.defaultChecked = !!n?.initialValue;
+          if (r.current.type === "checkbox") {
+            r.current.defaultChecked = !!u;
             return;
           }
-          t.current.defaultValue = String(c), e && n?.validateOnMount && f(e);
+          r.current.defaultValue = String(u), e && c?.validateOnMount && i(e);
         }
       },
       onChange: async () => {
-        if (i.current) return l();
-        t.current.value !== c && o(!0), v && t.current.value === c && o(!1), e && n?.validateOnChange && await f(e), e && n?.validateOnBlur && r(void 0);
+        if (f.current) return o();
+        r.current.value !== u && l(!0), v && r.current.value === u && l(!1), e && c?.validateOnChange && await i(e), e && c?.validateOnBlur && t(void 0);
       },
       onBlur: async () => {
-        e && n?.validateOnBlur && await f(e), h(!0);
+        e && c?.validateOnBlur && await i(e), h(!0);
       }
     }),
     dirty: v,
     touched: y,
     error: x,
-    setError: r,
-    clearError: () => r(void 0),
-    getValue: a,
-    setValue: g,
+    setError: t,
+    clearError: () => t(void 0),
+    getValue: s,
+    setValue: a,
     reset: k,
-    watch: () => (i.current = !0, a()),
-    focus: V,
-    ref: t
+    watch: () => (f.current = !0, s()),
+    focus: L,
+    ref: r
   };
 };
 export {
-  B as useField
+  E as useField
 };
 //# sourceMappingURL=useField.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useField.mjs","sources":["../../../../src/hooks/useField/useField.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useRef, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\n/** The use field params type */\nexport interface UseFieldParams<Value> {\n  /** The auto focus */\n  autoFocus?: boolean;\n  /** The initial touched */\n  initialTouched?: boolean;\n  /** The initial value */\n  initialValue?: Value;\n  /** The validate on blur */\n  validateOnBlur?: boolean;\n  /** The validate on mount */\n  validateOnChange?: boolean;\n  /** The validate on mount */\n  validateOnMount?: boolean;\n}\n\n/** The use field register params type */\nexport interface UseFieldRegisterParams {\n  /** The required validation */\n  required?: string;\n  /** The custom validation */\n  validate?: (value: string) => Promise<string | true>;\n  /** The min value validation */\n  max?: {\n    value: number;\n    message: string;\n  };\n  /** The max length validation */\n  maxLength?: {\n    value: number;\n    message: string;\n  };\n  /** The max value validation */\n  min?: {\n    value: number;\n    message: string;\n  };\n  /** The min length validation */\n  minLength?: {\n    value: number;\n    message: string;\n  };\n  /** The pattern validation */\n  pattern?: {\n    value: RegExp;\n    message: string;\n  };\n}\n\n/** The use field return type */\nexport interface UseFieldReturn<Value> {\n  /** The dirty state */\n  dirty: boolean;\n  /** The error state */\n  error?: string;\n  /** The input ref */\n  ref: RefObject<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null>;\n  /** The set error function */\n  touched: boolean;\n  /** The set error function */\n  clearError: () => void;\n  /** The focus function */\n  focus: () => void;\n  /** The get value function */\n  getValue: () => Value;\n  /** The register function */\n  register: (params?: UseFieldRegisterParams) => {\n    onBlur: () => void;\n    onChange: () => void;\n    ref: (\n      node: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null | undefined\n    ) => void;\n  };\n  /** The reset function */\n  reset: () => void;\n  /** The set error function */\n  setError: (error: string) => void;\n  /** The  set value function */\n  setValue: (value: Value) => void;\n  /** The watch function */\n  watch: () => Value;\n}\n\n/**\n * @name useField\n * @description - Hook to manage a form field\n * @category State\n * @usage medium\n *\n * @template Value The input value\n * @template Type The input value type\n * @param {Value} [params.initialValue] Initial value\n * @param {boolean} [params.initialTouched=false] Initial touched state\n * @param {boolean} [params.autoFocus=false] Auto focus\n * @param {boolean} [params.validateOnChange=false] Validate on change\n * @param {boolean} [params.validateOnBlur=false] Validate on blur\n * @param {boolean} [params.validateOnMount=false] Validate on mount\n * @returns {UseFieldReturn<Value>} An object containing input information\n *\n * @example\n * const { register, getValue, setValue, reset, dirty, error, setError, clearError, touched, focus, watch } = useField();\n */\nexport const useField = <\n  Value extends boolean | number | string = string,\n  Type = Value extends string ? string : Value extends boolean ? boolean : number\n>(\n  params?: UseFieldParams<Value>\n): UseFieldReturn<Type> => {\n  const initialValue = (params?.initialValue ?? '') as Value;\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const watchingRef = useRef(false);\n  const rerender = useRerender();\n\n  const [dirty, setDirty] = useState(false);\n  const [touched, setTouched] = useState(params?.initialTouched ?? false);\n  const [error, setError] = useState<string | undefined>(undefined);\n\n  const getValue = () => {\n    if (inputRef.current?.type === 'radio' || inputRef.current?.type === 'checkbox')\n      return inputRef.current.checked as Type;\n    return (inputRef.current?.value ?? initialValue) as Type;\n  };\n\n  const setValue = (value: Type) => {\n    if (inputRef.current?.type === 'radio' || inputRef.current?.type === 'checkbox') {\n      inputRef.current.checked = value as boolean;\n      if (watchingRef.current) return rerender();\n      return;\n    }\n\n    inputRef.current!.value = value as string;\n    if (watchingRef.current) return rerender();\n  };\n\n  const reset = () => {\n    setValue(initialValue as unknown as Type);\n    setDirty(false);\n    setTouched(false);\n    setError(undefined);\n  };\n\n  const focus = () => inputRef.current!.focus();\n\n  const validate = (params: UseFieldRegisterParams) => {\n    if (params.required && !inputRef.current!.value) {\n      return setError(params.required);\n    }\n\n    if (params.minLength && inputRef.current!.value.length < params.minLength.value) {\n      return setError(params.minLength.message);\n    }\n\n    if (params.maxLength && inputRef.current!.value.length > params.maxLength.value) {\n      return setError(params.maxLength.message);\n    }\n\n    if (params.min && Number(inputRef.current!.value) < params.min.value) {\n      return setError(params.min.message);\n    }\n\n    if (params.max && Number(inputRef.current!.value) > params.max.value) {\n      return setError(params.max.message);\n    }\n\n    if (params.pattern && !params.pattern.value.test(inputRef.current!.value)) {\n      return setError(params.pattern.message);\n    }\n\n    if (params.validate) {\n      const error = params.validate(inputRef.current!.value);\n      if (typeof error === 'string') return setError(error);\n    }\n\n    setError(undefined);\n  };\n\n  const register = (registerParams?: UseFieldRegisterParams) => ({\n    ref: (node: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null | undefined) => {\n      if (!inputRef.current && node) {\n        if (params?.autoFocus) node.focus();\n        inputRef.current = node as HTMLInputElement;\n        if (inputRef.current.type === 'radio') {\n          inputRef.current.defaultChecked = params?.initialValue === node.value;\n          return;\n        }\n        if (inputRef.current.type === 'checkbox') {\n          inputRef.current.defaultChecked = !!params?.initialValue;\n          return;\n        }\n        inputRef.current.defaultValue = String(initialValue);\n\n        if (registerParams && params?.validateOnMount) validate(registerParams);\n      }\n    },\n    onChange: async () => {\n      if (watchingRef.current) return rerender();\n      if (inputRef.current!.value !== initialValue) setDirty(true);\n      if (dirty && inputRef.current!.value === initialValue) setDirty(false);\n      if (registerParams && params?.validateOnChange) await validate(registerParams);\n      if (registerParams && params?.validateOnBlur) setError(undefined);\n    },\n    onBlur: async () => {\n      if (registerParams && params?.validateOnBlur) await validate(registerParams);\n      setTouched(true);\n    }\n  });\n\n  const watch = () => {\n    watchingRef.current = true;\n    return getValue();\n  };\n\n  const clearError = () => setError(undefined);\n\n  return {\n    register,\n    dirty,\n    touched,\n    error,\n    setError,\n    clearError,\n    getValue,\n    setValue,\n    reset,\n    watch,\n    focus,\n    ref: inputRef\n  };\n};\n"],"names":["useField","params","initialValue","inputRef","useRef","watchingRef","rerender","useRerender","dirty","setDirty","useState","touched","setTouched","error","setError","getValue","setValue","value","reset","focus","validate","registerParams","node"],"mappings":"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"}
+{"version":3,"file":"useField.mjs","sources":["../../../../src/hooks/useField/useField.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useRef, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\n/** The use field params type */\nexport interface UseFieldOptions {\n  /** The auto focus */\n  autoFocus?: boolean;\n  /** The initial touched */\n  initialTouched?: boolean;\n  /** The validate on blur */\n  validateOnBlur?: boolean;\n  /** The validate on mount */\n  validateOnChange?: boolean;\n  /** The validate on mount */\n  validateOnMount?: boolean;\n}\n\n/** The use field register params type */\nexport interface UseFieldRegisterParams {\n  /** The min value validation */\n  max?: {\n    value: number;\n    message: string;\n  };\n  /** The max length validation */\n  maxLength?: {\n    value: number;\n    message: string;\n  };\n  /** The max value validation */\n  min?: {\n    value: number;\n    message: string;\n  };\n  /** The min length validation */\n  minLength?: {\n    value: number;\n    message: string;\n  };\n  /** The pattern validation */\n  pattern?: {\n    value: RegExp;\n    message: string;\n  };\n  /** The required validation */\n  required?: string;\n  /** The custom validation */\n  validate?: (value: string) => Promise<string | true>;\n}\n\n/** The use field return type */\nexport interface UseFieldReturn<Value> {\n  /** The dirty state */\n  dirty: boolean;\n  /** The error state */\n  error?: string;\n  /** The input ref */\n  ref: RefObject<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null>;\n  /** The set error function */\n  touched: boolean;\n  /** The set error function */\n  clearError: () => void;\n  /** The focus function */\n  focus: () => void;\n  /** The get value function */\n  getValue: () => Value;\n  /** The register function */\n  register: (params?: UseFieldRegisterParams) => {\n    onBlur: () => void;\n    onChange: () => void;\n    ref: (\n      node: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null | undefined\n    ) => void;\n  };\n  /** The reset function */\n  reset: () => void;\n  /** The set error function */\n  setError: (error: string) => void;\n  /** The  set value function */\n  setValue: (value: Value) => void;\n  /** The watch function */\n  watch: () => Value;\n}\n\n/**\n * @name useField\n * @description - Hook to manage a form field\n * @category State\n * @usage medium\n *\n * @template Value The input value\n * @template Type The input value type\n * @param {Value} [params.initialValue] Initial value\n * @param {boolean} [params.initialTouched=false] Initial touched state\n * @param {boolean} [params.autoFocus=false] Auto focus\n * @param {boolean} [params.validateOnChange=false] Validate on change\n * @param {boolean} [params.validateOnBlur=false] Validate on blur\n * @param {boolean} [params.validateOnMount=false] Validate on mount\n * @returns {UseFieldReturn<Value>} An object containing input information\n *\n * @example\n * const { register, getValue, setValue, reset, dirty, error, setError, clearError, touched, focus, watch } = useField();\n */\nexport const useField = <\n  Value extends boolean | number | string = string,\n  Type = Value extends string ? string : Value extends boolean ? boolean : number\n>(\n  initialValue?: Value,\n  options?: UseFieldOptions\n): UseFieldReturn<Type> => {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const watchingRef = useRef(false);\n  const rerender = useRerender();\n\n  const [dirty, setDirty] = useState(false);\n  const [touched, setTouched] = useState(options?.initialTouched ?? false);\n  const [error, setError] = useState<string | undefined>(undefined);\n\n  const getValue = () => {\n    if (inputRef.current?.type === 'radio' || inputRef.current?.type === 'checkbox')\n      return inputRef.current.checked as Type;\n    return (inputRef.current?.value ?? initialValue) as Type;\n  };\n\n  const setValue = (value: Type) => {\n    if (inputRef.current?.type === 'radio' || inputRef.current?.type === 'checkbox') {\n      inputRef.current.checked = value as boolean;\n      if (watchingRef.current) return rerender();\n      return;\n    }\n\n    inputRef.current!.value = value as string;\n    if (watchingRef.current) return rerender();\n  };\n\n  const reset = () => {\n    setValue(initialValue as unknown as Type);\n    setDirty(false);\n    setTouched(false);\n    setError(undefined);\n  };\n\n  const focus = () => inputRef.current!.focus();\n\n  const validate = (params: UseFieldRegisterParams) => {\n    if (params.required && !inputRef.current!.value) {\n      return setError(params.required);\n    }\n\n    if (params.minLength && inputRef.current!.value.length < params.minLength.value) {\n      return setError(params.minLength.message);\n    }\n\n    if (params.maxLength && inputRef.current!.value.length > params.maxLength.value) {\n      return setError(params.maxLength.message);\n    }\n\n    if (params.min && Number(inputRef.current!.value) < params.min.value) {\n      return setError(params.min.message);\n    }\n\n    if (params.max && Number(inputRef.current!.value) > params.max.value) {\n      return setError(params.max.message);\n    }\n\n    if (params.pattern && !params.pattern.value.test(inputRef.current!.value)) {\n      return setError(params.pattern.message);\n    }\n\n    if (params.validate) {\n      const error = params.validate(inputRef.current!.value);\n      if (typeof error === 'string') return setError(error);\n    }\n\n    setError(undefined);\n  };\n\n  const register = (registerParams?: UseFieldRegisterParams) => ({\n    ref: (node: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null | undefined) => {\n      if (!inputRef.current && node) {\n        if (options?.autoFocus) node.focus();\n        inputRef.current = node as HTMLInputElement;\n        if (inputRef.current.type === 'radio') {\n          inputRef.current.defaultChecked = initialValue === node.value;\n          return;\n        }\n        if (inputRef.current.type === 'checkbox') {\n          inputRef.current.defaultChecked = !!initialValue;\n          return;\n        }\n        inputRef.current.defaultValue = String(initialValue);\n\n        if (registerParams && options?.validateOnMount) validate(registerParams);\n      }\n    },\n    onChange: async () => {\n      if (watchingRef.current) return rerender();\n      if (inputRef.current!.value !== initialValue) setDirty(true);\n      if (dirty && inputRef.current!.value === initialValue) setDirty(false);\n      if (registerParams && options?.validateOnChange) await validate(registerParams);\n      if (registerParams && options?.validateOnBlur) setError(undefined);\n    },\n    onBlur: async () => {\n      if (registerParams && options?.validateOnBlur) await validate(registerParams);\n      setTouched(true);\n    }\n  });\n\n  const watch = () => {\n    watchingRef.current = true;\n    return getValue();\n  };\n\n  const clearError = () => setError(undefined);\n\n  return {\n    register,\n    dirty,\n    touched,\n    error,\n    setError,\n    clearError,\n    getValue,\n    setValue,\n    reset,\n    watch,\n    focus,\n    ref: inputRef\n  };\n};\n"],"names":["useField","initialValue","options","inputRef","useRef","watchingRef","rerender","useRerender","dirty","setDirty","useState","touched","setTouched","error","setError","getValue","setValue","value","reset","focus","validate","params","registerParams","node"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useHotkeys.mjs","sources":["../../../../src/hooks/useHotkeys/useHotkeys.ts"],"sourcesContent":["import { useEffect, 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 { useEvent } from '../useEvent/useEvent';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use hotkeys params type */\nexport interface UseHotkeysOptions {\n  /** Alias map for hotkeys */\n  alias?: Record<string, string>;\n  /** Enable or disable the event listeners */\n  enabled?: boolean;\n}\n\nexport const isHotkeyMatch = (hotkey: string, keys: UseHotkeysKey[]) =>\n  hotkey\n    .toLowerCase()\n    .split(/[+_,\\-]/g)\n    .map((key) => key.trim())\n    .every((key) =>\n      keys.find(\n        (updatedKey) =>\n          key === updatedKey.code.toLocaleLowerCase() ||\n          key === updatedKey.key.toLocaleLowerCase() ||\n          key === updatedKey.alias.toLocaleLowerCase()\n      )\n    );\n\n/** The hotkeys string type */\nexport type UseHotkeysHotkeys = string;\n\n/** The hotkey key information */\nexport interface UseHotkeysKey {\n  /** The alias for the key */\n  alias: string;\n  /** The key code */\n  code: string;\n  /** The key value */\n  key: string;\n}\n\n/** The use hotkeys target type */\nexport type UseHotkeysTarget = Element | React.RefObject<Element | null | undefined>;\n\nexport interface UseHotkeys {\n  (\n    target: UseHotkeysTarget,\n    hotkeys: UseHotkeysHotkeys,\n    callback: (event: KeyboardEvent) => void,\n    options?: UseHotkeysOptions\n  ): void;\n\n  <Target extends Element>(\n    hotkeys: UseHotkeysHotkeys,\n    callback: (event: KeyboardEvent) => void,\n    options?: UseHotkeysOptions,\n    target?: never\n  ): StateRef<Target>;\n}\n\n/**\n * @name useHotkeys\n * @description - Hook that listens for hotkeys\n * @category Sensors\n * @usage medium\n *\n * @overload\n * @param {HookTarget} [target=window] The target element to attach the event listener to\n * @param {string} hotkeys The hotkey to listen for\n * @param {(event: KeyboardEvent) => void} callback The callback function to execute when hotkey is pressed\n * @param {Record<string, string>} [options.alias] Alias map for hotkeys\n * @param {boolean} [options.enabled=true] Enable or disable the event listeners\n * @returns {void}\n *\n * @example\n * useHotkeys(ref, 'ctrl+a', () => console.log('hotkey pressed'));\n * @example\n * useHotkeys(ref, 'ctrl+a, ctrl+b', () => console.log('hotkey pressed'));\n *\n * @overload\n * @template Target The target element\n * @param {string} hotkeys The hotkey to listen for\n * @param {(event: KeyboardEvent) => void} callback The callback function to execute when hotkey is pressed\n * @param {Record<string, string>} [options.alias] Alias map for hotkeys\n * @param {boolean} [options.enabled=true] Enable or disable the event listeners\n * @returns {StateRef<Target>} A reference to the target element\n *\n * @example\n * const ref = useHotkeys('ctrl+a', () => console.log('hotkey pressed'));\n * @example\n * const ref = useHotkeys('ctrl+a, ctrl+b', () => console.log('hotkey pressed'));\n */\nexport const useHotkeys = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const hotkeys = (target ? params[1] : params[0]) as UseHotkeysHotkeys;\n  const callback = (target ? params[2] : params[1]) as (event: KeyboardEvent) => void;\n  const options = (target ? params[3] : params[2]) as UseHotkeysOptions | undefined;\n\n  const internalRef = useRefState(window);\n  const keysRef = useRef<UseHotkeysKey[]>([]);\n  const enabled = options?.enabled ?? true;\n\n  const onKeyDown = useEvent((event: KeyboardEvent) => {\n    if (!enabled) return;\n\n    if (keysRef.current.some(({ code }) => code === event.code)) return;\n\n    const alias = options?.alias?.[event.key] ?? event.code;\n    const updatedKeys = [...keysRef.current, { key: event.key, code: event.code, alias }];\n    keysRef.current = updatedKeys;\n\n    const hotkeysList = hotkeys.split(',').map((h) => h.trim());\n    const isMatch = hotkeysList.some((hotkey) => isHotkeyMatch(hotkey, updatedKeys));\n    if (!isMatch) return;\n    event.preventDefault();\n    callback(event);\n  });\n\n  const onKeyUp = useEvent((event: KeyboardEvent) => {\n    if (!enabled) return;\n    keysRef.current = keysRef.current.filter(({ code }) => code !== event.code);\n  });\n\n  useEffect(() => {\n    keysRef.current = [];\n    if (!target && !internalRef.state && !enabled) return;\n\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    element.addEventListener('keydown', onKeyDown as EventListener);\n    element.addEventListener('keyup', onKeyUp as EventListener);\n\n    return () => {\n      element.removeEventListener('keydown', onKeyDown as EventListener);\n      element.removeEventListener('keyup', onKeyUp as EventListener);\n    };\n  }, [\n    target && isTarget.getRawElement(target),\n    internalRef.state,\n    enabled,\n    hotkeys,\n    onKeyDown,\n    onKeyUp\n  ]);\n\n  if (target) return;\n  return internalRef;\n}) as UseHotkeys;\n"],"names":["isHotkeyMatch","hotkey","keys","key","updatedKey","useHotkeys","params","target","isTarget","hotkeys","callback","options","internalRef","useRefState","keysRef","useRef","enabled","onKeyDown","useEvent","event","code","alias","updatedKeys","h","onKeyUp","useEffect","element"],"mappings":";;;;AAmBO,MAAMA,IAAgB,CAACC,GAAgBC,MAC5CD,EACG,cACA,MAAM,UAAU,EAChB,IAAI,CAACE,MAAQA,EAAI,KAAA,CAAM,EACvB;AAAA,EAAM,CAACA,MACND,EAAK;AAAA,IACH,CAACE,MACCD,MAAQC,EAAW,KAAK,kBAAA,KACxBD,MAAQC,EAAW,IAAI,kBAAA,KACvBD,MAAQC,EAAW,MAAM,kBAAA;AAAA,EAAkB;AAEjD,GAkESC,KAAc,IAAIC,MAAkB;AAC/C,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAWF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACxCI,IAAYH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACzCK,IAAWJ,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExCM,IAAcC,EAAY,MAAM,GAChCC,IAAUC,EAAwB,EAAE,GACpCC,IAAUL,GAAS,WAAW,IAE9BM,IAAYC,EAAS,CAACC,MAAyB;AAGnD,QAFI,CAACH,KAEDF,EAAQ,QAAQ,KAAK,CAAC,EAAE,MAAAM,QAAWA,MAASD,EAAM,IAAI,EAAG;AAE7D,UAAME,IAAQV,GAAS,QAAQQ,EAAM,GAAG,KAAKA,EAAM,MAC7CG,IAAc,CAAC,GAAGR,EAAQ,SAAS,EAAE,KAAKK,EAAM,KAAK,MAAMA,EAAM,MAAM,OAAAE,GAAO;AAKpF,IAJAP,EAAQ,UAAUQ,GAEEb,EAAQ,MAAM,GAAG,EAAE,IAAI,CAACc,MAAMA,EAAE,MAAM,EAC9B,KAAK,CAACtB,MAAWD,EAAcC,GAAQqB,CAAW,CAAC,MAE/EH,EAAM,eAAA,GACNT,EAASS,CAAK;AAAA,EAAA,CACf,GAEKK,IAAUN,EAAS,CAACC,MAAyB;AACjD,IAAKH,MACLF,EAAQ,UAAUA,EAAQ,QAAQ,OAAO,CAAC,EAAE,MAAAM,QAAWA,MAASD,EAAM,IAAI;AAAA,EAAA,CAC3E;AAyBD,MAvBAM,EAAU,MAAM;AAEd,QADAX,EAAQ,UAAU,CAAA,GACd,CAACP,KAAU,CAACK,EAAY,SAAS,CAACI,EAAS;AAE/C,UAAMU,IAAWnB,IAASC,EAAS,WAAWD,CAAM,IAAIK,EAAY;AACpE,QAAKc;AAEL,aAAAA,EAAQ,iBAAiB,WAAWT,CAA0B,GAC9DS,EAAQ,iBAAiB,SAASF,CAAwB,GAEnD,MAAM;AACX,QAAAE,EAAQ,oBAAoB,WAAWT,CAA0B,GACjES,EAAQ,oBAAoB,SAASF,CAAwB;AAAA,MAAA;AAAA,EAC/D,GACC;AAAA,IACDjB,KAAUC,EAAS,cAAcD,CAAM;AAAA,IACvCK,EAAY;AAAA,IACZI;AAAA,IACAP;AAAA,IACAQ;AAAA,IACAO;AAAA,EAAA,CACD,GAEG,CAAAjB;AACJ,WAAOK;AACT;"}
+{"version":3,"file":"useHotkeys.mjs","sources":["../../../../src/hooks/useHotkeys/useHotkeys.ts"],"sourcesContent":["import { useEffect, useRef } 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 { useEvent } from '../useEvent/useEvent';\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The use hotkeys params type */\r\nexport interface UseHotkeysOptions {\r\n  /** Alias map for hotkeys */\r\n  alias?: Record<string, string>;\r\n  /** Enable or disable the event listeners */\r\n  enabled?: boolean;\r\n}\r\n\r\nexport const isHotkeyMatch = (hotkey: string, keys: UseHotkeysKey[]) =>\r\n  hotkey\r\n    .toLowerCase()\r\n    .split(/[+_,\\-]/g)\r\n    .map((key) => key.trim())\r\n    .every((key) =>\r\n      keys.find(\r\n        (updatedKey) =>\r\n          key === updatedKey.code.toLocaleLowerCase() ||\r\n          key === updatedKey.key.toLocaleLowerCase() ||\r\n          key === updatedKey.alias.toLocaleLowerCase()\r\n      )\r\n    );\r\n\r\n/** The hotkeys string type */\r\nexport type UseHotkeysHotkeys = string;\r\n\r\n/** The hotkey key information */\r\nexport interface UseHotkeysKey {\r\n  /** The alias for the key */\r\n  alias: string;\r\n  /** The key code */\r\n  code: string;\r\n  /** The key value */\r\n  key: string;\r\n}\r\n\r\n/** The use hotkeys target type */\r\nexport type UseHotkeysTarget = Element | React.RefObject<Element | null | undefined>;\r\n\r\nexport interface UseHotkeys {\r\n  (\r\n    target: UseHotkeysTarget,\r\n    hotkeys: UseHotkeysHotkeys,\r\n    callback: (event: KeyboardEvent) => void,\r\n    options?: UseHotkeysOptions\r\n  ): void;\r\n\r\n  <Target extends Element>(\r\n    hotkeys: UseHotkeysHotkeys,\r\n    callback: (event: KeyboardEvent) => void,\r\n    options?: UseHotkeysOptions,\r\n    target?: never\r\n  ): StateRef<Target>;\r\n}\r\n\r\n/**\r\n * @name useHotkeys\r\n * @description - Hook that listens for hotkeys\r\n * @category Sensors\r\n * @usage medium\r\n *\r\n * @overload\r\n * @param {HookTarget} [target=window] The target element to attach the event listener to\r\n * @param {string} hotkeys The hotkey to listen for\r\n * @param {(event: KeyboardEvent) => void} callback The callback function to execute when hotkey is pressed\r\n * @param {Record<string, string>} [options.alias] Alias map for hotkeys\r\n * @param {boolean} [options.enabled=true] Enable or disable the event listeners\r\n * @returns {void}\r\n *\r\n * @example\r\n * useHotkeys(ref, 'ctrl+a', () => console.log('hotkey pressed'));\r\n * @example\r\n * useHotkeys(ref, 'ctrl+a, ctrl+b', () => console.log('hotkey pressed'));\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {string} hotkeys The hotkey to listen for\r\n * @param {(event: KeyboardEvent) => void} callback The callback function to execute when hotkey is pressed\r\n * @param {Record<string, string>} [options.alias] Alias map for hotkeys\r\n * @param {boolean} [options.enabled=true] Enable or disable the event listeners\r\n * @returns {StateRef<Target>} A reference to the target element\r\n *\r\n * @example\r\n * const ref = useHotkeys('ctrl+a', () => console.log('hotkey pressed'));\r\n * @example\r\n * const ref = useHotkeys('ctrl+a, ctrl+b', () => console.log('hotkey pressed'));\r\n */\r\nexport const useHotkeys = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n  const hotkeys = (target ? params[1] : params[0]) as UseHotkeysHotkeys;\r\n  const callback = (target ? params[2] : params[1]) as (event: KeyboardEvent) => void;\r\n  const options = (target ? params[3] : params[2]) as UseHotkeysOptions | undefined;\r\n\r\n  const internalRef = useRefState(window);\r\n  const keysRef = useRef<UseHotkeysKey[]>([]);\r\n  const enabled = options?.enabled ?? true;\r\n\r\n  const onKeyDown = useEvent((event: KeyboardEvent) => {\r\n    if (!enabled) return;\r\n\r\n    if (keysRef.current.some(({ code }) => code === event.code)) return;\r\n\r\n    const alias = options?.alias?.[event.key] ?? event.code;\r\n    const updatedKeys = [...keysRef.current, { key: event.key, code: event.code, alias }];\r\n    keysRef.current = updatedKeys;\r\n\r\n    const hotkeysList = hotkeys.split(',').map((h) => h.trim());\r\n    const isMatch = hotkeysList.some((hotkey) => isHotkeyMatch(hotkey, updatedKeys));\r\n    if (!isMatch) return;\r\n    event.preventDefault();\r\n    callback(event);\r\n  });\r\n\r\n  const onKeyUp = useEvent((event: KeyboardEvent) => {\r\n    if (!enabled) return;\r\n    keysRef.current = keysRef.current.filter(({ code }) => code !== event.code);\r\n  });\r\n\r\n  useEffect(() => {\r\n    keysRef.current = [];\r\n    if (!target && !internalRef.state && !enabled) return;\r\n\r\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\r\n    if (!element) return;\r\n\r\n    element.addEventListener('keydown', onKeyDown as EventListener);\r\n    element.addEventListener('keyup', onKeyUp as EventListener);\r\n\r\n    return () => {\r\n      element.removeEventListener('keydown', onKeyDown as EventListener);\r\n      element.removeEventListener('keyup', onKeyUp as EventListener);\r\n    };\r\n  }, [\r\n    target && isTarget.getRawElement(target),\r\n    internalRef.state,\r\n    enabled,\r\n    hotkeys,\r\n    onKeyDown,\r\n    onKeyUp\r\n  ]);\r\n\r\n  if (target) return;\r\n  return internalRef;\r\n}) as UseHotkeys;\r\n"],"names":["isHotkeyMatch","hotkey","keys","key","updatedKey","useHotkeys","params","target","isTarget","hotkeys","callback","options","internalRef","useRefState","keysRef","useRef","enabled","onKeyDown","useEvent","event","code","alias","updatedKeys","h","onKeyUp","useEffect","element"],"mappings":";;;;AAmBO,MAAMA,IAAgB,CAACC,GAAgBC,MAC5CD,EACG,cACA,MAAM,UAAU,EAChB,IAAI,CAACE,MAAQA,EAAI,KAAA,CAAM,EACvB;AAAA,EAAM,CAACA,MACND,EAAK;AAAA,IACH,CAACE,MACCD,MAAQC,EAAW,KAAK,kBAAA,KACxBD,MAAQC,EAAW,IAAI,kBAAA,KACvBD,MAAQC,EAAW,MAAM,kBAAA;AAAA,EAAkB;AAEjD,GAkESC,KAAc,IAAIC,MAAkB;AAC/C,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAWF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACxCI,IAAYH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACzCK,IAAWJ,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExCM,IAAcC,EAAY,MAAM,GAChCC,IAAUC,EAAwB,EAAE,GACpCC,IAAUL,GAAS,WAAW,IAE9BM,IAAYC,EAAS,CAACC,MAAyB;AAGnD,QAFI,CAACH,KAEDF,EAAQ,QAAQ,KAAK,CAAC,EAAE,MAAAM,QAAWA,MAASD,EAAM,IAAI,EAAG;AAE7D,UAAME,IAAQV,GAAS,QAAQQ,EAAM,GAAG,KAAKA,EAAM,MAC7CG,IAAc,CAAC,GAAGR,EAAQ,SAAS,EAAE,KAAKK,EAAM,KAAK,MAAMA,EAAM,MAAM,OAAAE,GAAO;AAKpF,IAJAP,EAAQ,UAAUQ,GAEEb,EAAQ,MAAM,GAAG,EAAE,IAAI,CAACc,MAAMA,EAAE,MAAM,EAC9B,KAAK,CAACtB,MAAWD,EAAcC,GAAQqB,CAAW,CAAC,MAE/EH,EAAM,eAAA,GACNT,EAASS,CAAK;AAAA,EAAA,CACf,GAEKK,IAAUN,EAAS,CAACC,MAAyB;AACjD,IAAKH,MACLF,EAAQ,UAAUA,EAAQ,QAAQ,OAAO,CAAC,EAAE,MAAAM,QAAWA,MAASD,EAAM,IAAI;AAAA,EAAA,CAC3E;AAyBD,MAvBAM,EAAU,MAAM;AAEd,QADAX,EAAQ,UAAU,CAAA,GACd,CAACP,KAAU,CAACK,EAAY,SAAS,CAACI,EAAS;AAE/C,UAAMU,IAAWnB,IAASC,EAAS,WAAWD,CAAM,IAAIK,EAAY;AACpE,QAAKc;AAEL,aAAAA,EAAQ,iBAAiB,WAAWT,CAA0B,GAC9DS,EAAQ,iBAAiB,SAASF,CAAwB,GAEnD,MAAM;AACX,QAAAE,EAAQ,oBAAoB,WAAWT,CAA0B,GACjES,EAAQ,oBAAoB,SAASF,CAAwB;AAAA,MAAA;AAAA,EAC/D,GACC;AAAA,IACDjB,KAAUC,EAAS,cAAcD,CAAM;AAAA,IACvCK,EAAY;AAAA,IACZI;AAAA,IACAP;AAAA,IACAQ;AAAA,IACAO;AAAA,EAAA,CACD,GAEG,CAAAjB;AACJ,WAAOK;AACT;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useImage.mjs","sources":["../../../../src/hooks/useImage/useImage.ts"],"sourcesContent":["import type { UseQueryOptions, UseQueryReturn } from '../useQuery/useQuery';\n\nimport { useQuery } from '../useQuery/useQuery';\n\n/** The use image options */\nexport interface UseImageOptions {\n  /** The alt of the image */\n  alt?: string;\n  /** The class of the image */\n  class?: string;\n  /** The crossorigin of the image */\n  crossorigin?: string;\n  /** The loading of the image */\n  loading?: HTMLImageElement['loading'];\n  /** The referrer policy of the image */\n  referrerPolicy?: HTMLImageElement['referrerPolicy'];\n  /** The sizes of the image */\n  sizes?: string;\n  /** The srcset of the image */\n  srcset?: string;\n}\n\n/** The use image return type */\nexport type UseImageReturn = UseQueryReturn<HTMLImageElement>;\n\nconst loadImage = async (src: string, options: UseImageOptions = {}): Promise<HTMLImageElement> =>\n  new Promise((resolve, reject) => {\n    const img = new Image();\n    const { srcset, sizes, class: className, loading, crossorigin, referrerPolicy } = options;\n\n    img.src = src;\n    if (srcset) img.srcset = srcset;\n    if (sizes) img.sizes = sizes;\n    if (className) img.className = className;\n    if (loading) img.loading = loading;\n    if (crossorigin) img.crossOrigin = crossorigin;\n\n    if (referrerPolicy) img.referrerPolicy = referrerPolicy;\n\n    img.onload = () => resolve(img);\n    img.onerror = reject;\n  });\n\n/**\n * @name useImage\n * @description - Hook that load an image in the browser\n * @category Elements\n * @usage low\n *\n * @param {string} src The source of the image\n * @param {string} [options.srcset] The srcset of the image\n * @param {string} [options.sizes] The sizes of the image\n * @param {string} [options.alt] The alt of the image\n * @param {string} [options.class] The class of the image\n * @param {HTMLImageElement['loading']} [options.loading] The loading of the image\n * @param {string} [options.crossorigin] The crossorigin of the image\n * @param {HTMLImageElement['referrerPolicy']} [options.referrerPolicy] The referrerPolicy of the image\n * @param {DependencyList} [options.keys] The dependencies for the hook\n * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success\n * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error\n * @param {number} [options.refetchInterval] The refetch interval\n * @param {boolean | number} [options.retry] The retry count of requests\n * @returns {UseImageReturn} An object with the state of the image\n *\n * @example\n * const { data, isLoading, isError, isSuccess, error, refetch, isRefetching } = useImage('https://example.com/image.png');\n */\nexport const useImage = (\n  src: string,\n  options?: UseImageOptions &\n    Omit<\n      UseQueryOptions<HTMLImageElement, HTMLImageElement>,\n      'initialData' | 'placeholderData' | 'select'\n    >\n) =>\n  useQuery(\n    () =>\n      loadImage(src, {\n        alt: options?.alt,\n        class: options?.class,\n        crossorigin: options?.crossorigin,\n        loading: options?.loading,\n        referrerPolicy: options?.referrerPolicy,\n        sizes: options?.sizes,\n        srcset: options?.srcset\n      }),\n    {\n      keys: [src, ...(options?.keys ?? [])],\n      onSuccess: options?.onSuccess,\n      onError: options?.onError,\n      refetchInterval: options?.refetchInterval,\n      retry: options?.retry\n    }\n  );\n"],"names":["loadImage","src","options","resolve","reject","img","srcset","sizes","className","loading","crossorigin","referrerPolicy","useImage","useQuery"],"mappings":";AAyBA,MAAMA,IAAY,OAAOC,GAAaC,IAA2B,CAAA,MAC/D,IAAI,QAAQ,CAACC,GAASC,MAAW;AAC/B,QAAMC,IAAM,IAAI,MAAA,GACV,EAAE,QAAAC,GAAQ,OAAAC,GAAO,OAAOC,GAAW,SAAAC,GAAS,aAAAC,GAAa,gBAAAC,MAAmBT;AAElF,EAAAG,EAAI,MAAMJ,GACNK,QAAY,SAASA,IACrBC,QAAW,QAAQA,IACnBC,QAAe,YAAYA,IAC3BC,QAAa,UAAUA,IACvBC,QAAiB,cAAcA,IAE/BC,QAAoB,iBAAiBA,IAEzCN,EAAI,SAAS,MAAMF,EAAQE,CAAG,GAC9BA,EAAI,UAAUD;AAChB,CAAC,GA0BUQ,IAAW,CACtBX,GACAC,MAMAW;AAAA,EACE,MACEb,EAAUC,GAAK;AAAA,IACb,KAAKC,GAAS;AAAA,IACd,OAAOA,GAAS;AAAA,IAChB,aAAaA,GAAS;AAAA,IACtB,SAASA,GAAS;AAAA,IAClB,gBAAgBA,GAAS;AAAA,IACzB,OAAOA,GAAS;AAAA,IAChB,QAAQA,GAAS;AAAA,EAAA,CAClB;AAAA,EACH;AAAA,IACE,MAAM,CAACD,GAAK,GAAIC,GAAS,QAAQ,CAAA,CAAG;AAAA,IACpC,WAAWA,GAAS;AAAA,IACpB,SAASA,GAAS;AAAA,IAClB,iBAAiBA,GAAS;AAAA,IAC1B,OAAOA,GAAS;AAAA,EAAA;AAEpB;"}
+{"version":3,"file":"useImage.mjs","sources":["../../../../src/hooks/useImage/useImage.ts"],"sourcesContent":["import type { UseQueryOptions, UseQueryReturn } from '../useQuery/useQuery';\r\n\r\nimport { useQuery } from '../useQuery/useQuery';\r\n\r\n/** The use image options */\r\nexport interface UseImageOptions {\r\n  /** The alt of the image */\r\n  alt?: string;\r\n  /** The class of the image */\r\n  class?: string;\r\n  /** The crossorigin of the image */\r\n  crossorigin?: string;\r\n  /** The loading of the image */\r\n  loading?: HTMLImageElement['loading'];\r\n  /** The referrer policy of the image */\r\n  referrerPolicy?: HTMLImageElement['referrerPolicy'];\r\n  /** The sizes of the image */\r\n  sizes?: string;\r\n  /** The srcset of the image */\r\n  srcset?: string;\r\n}\r\n\r\n/** The use image return type */\r\nexport type UseImageReturn = UseQueryReturn<HTMLImageElement>;\r\n\r\nconst loadImage = async (src: string, options: UseImageOptions = {}): Promise<HTMLImageElement> =>\r\n  new Promise((resolve, reject) => {\r\n    const img = new Image();\r\n    const { srcset, sizes, class: className, loading, crossorigin, referrerPolicy } = options;\r\n\r\n    img.src = src;\r\n    if (srcset) img.srcset = srcset;\r\n    if (sizes) img.sizes = sizes;\r\n    if (className) img.className = className;\r\n    if (loading) img.loading = loading;\r\n    if (crossorigin) img.crossOrigin = crossorigin;\r\n\r\n    if (referrerPolicy) img.referrerPolicy = referrerPolicy;\r\n\r\n    img.onload = () => resolve(img);\r\n    img.onerror = reject;\r\n  });\r\n\r\n/**\r\n * @name useImage\r\n * @description - Hook that load an image in the browser\r\n * @category Elements\r\n * @usage low\r\n *\r\n * @param {string} src The source of the image\r\n * @param {string} [options.srcset] The srcset of the image\r\n * @param {string} [options.sizes] The sizes of the image\r\n * @param {string} [options.alt] The alt of the image\r\n * @param {string} [options.class] The class of the image\r\n * @param {HTMLImageElement['loading']} [options.loading] The loading of the image\r\n * @param {string} [options.crossorigin] The crossorigin of the image\r\n * @param {HTMLImageElement['referrerPolicy']} [options.referrerPolicy] The referrerPolicy of the image\r\n * @param {DependencyList} [options.keys] The dependencies for the hook\r\n * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success\r\n * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error\r\n * @param {number} [options.refetchInterval] The refetch interval\r\n * @param {boolean | number} [options.retry] The retry count of requests\r\n * @returns {UseImageReturn} An object with the state of the image\r\n *\r\n * @example\r\n * const { data, isLoading, isError, isSuccess, error, refetch, isRefetching } = useImage('https://example.com/image.png');\r\n */\r\nexport const useImage = (\r\n  src: string,\r\n  options?: UseImageOptions &\r\n    Omit<\r\n      UseQueryOptions<HTMLImageElement, HTMLImageElement>,\r\n      'initialData' | 'placeholderData' | 'select'\r\n    >\r\n) =>\r\n  useQuery(\r\n    () =>\r\n      loadImage(src, {\r\n        alt: options?.alt,\r\n        class: options?.class,\r\n        crossorigin: options?.crossorigin,\r\n        loading: options?.loading,\r\n        referrerPolicy: options?.referrerPolicy,\r\n        sizes: options?.sizes,\r\n        srcset: options?.srcset\r\n      }),\r\n    {\r\n      keys: [src, ...(options?.keys ?? [])],\r\n      onSuccess: options?.onSuccess,\r\n      onError: options?.onError,\r\n      refetchInterval: options?.refetchInterval,\r\n      retry: options?.retry\r\n    }\r\n  );\r\n"],"names":["loadImage","src","options","resolve","reject","img","srcset","sizes","className","loading","crossorigin","referrerPolicy","useImage","useQuery"],"mappings":";AAyBA,MAAMA,IAAY,OAAOC,GAAaC,IAA2B,CAAA,MAC/D,IAAI,QAAQ,CAACC,GAASC,MAAW;AAC/B,QAAMC,IAAM,IAAI,MAAA,GACV,EAAE,QAAAC,GAAQ,OAAAC,GAAO,OAAOC,GAAW,SAAAC,GAAS,aAAAC,GAAa,gBAAAC,MAAmBT;AAElF,EAAAG,EAAI,MAAMJ,GACNK,QAAY,SAASA,IACrBC,QAAW,QAAQA,IACnBC,QAAe,YAAYA,IAC3BC,QAAa,UAAUA,IACvBC,QAAiB,cAAcA,IAE/BC,QAAoB,iBAAiBA,IAEzCN,EAAI,SAAS,MAAMF,EAAQE,CAAG,GAC9BA,EAAI,UAAUD;AAChB,CAAC,GA0BUQ,IAAW,CACtBX,GACAC,MAMAW;AAAA,EACE,MACEb,EAAUC,GAAK;AAAA,IACb,KAAKC,GAAS;AAAA,IACd,OAAOA,GAAS;AAAA,IAChB,aAAaA,GAAS;AAAA,IACtB,SAASA,GAAS;AAAA,IAClB,gBAAgBA,GAAS;AAAA,IACzB,OAAOA,GAAS;AAAA,IAChB,QAAQA,GAAS;AAAA,EAAA,CAClB;AAAA,EACH;AAAA,IACE,MAAM,CAACD,GAAK,GAAIC,GAAS,QAAQ,CAAA,CAAG;AAAA,IACpC,WAAWA,GAAS;AAAA,IACpB,SAASA,GAAS;AAAA,IAClB,iBAAiBA,GAAS;AAAA,IAC1B,OAAOA,GAAS;AAAA,EAAA;AAEpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.mjs","sources":["../../../../src/hooks/useMediaQuery/useMediaQuery.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react';\n\nconst getServerSnapshot = () => false;\n\n/**\n * @name useMediaQuery\n * @description - Hook that manages a media query\n * @category Browser\n * @usage medium\n *\n * @browserapi window.matchMedia https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia\n *\n * @param {string} query The media query string\n * @returns {boolean} A boolean indicating if the media query matches\n *\n * @example\n * const matches = useMediaQuery('(max-width: 768px)');\n */\nexport const useMediaQuery = (query: string) => {\n  const subscribe = useCallback(\n    (callback: () => void) => {\n      const matchMedia = window.matchMedia(query);\n\n      matchMedia.addEventListener('change', callback);\n      return () => {\n        matchMedia.removeEventListener('change', callback);\n      };\n    },\n    [query]\n  );\n\n  const getSnapshot = () => window.matchMedia(query).matches;\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n"],"names":["getServerSnapshot","useMediaQuery","query","subscribe","useCallback","callback","matchMedia","useSyncExternalStore"],"mappings":";AAEA,MAAMA,IAAoB,MAAM,IAgBnBC,IAAgB,CAACC,MAAkB;AAC9C,QAAMC,IAAYC;AAAA,IAChB,CAACC,MAAyB;AACxB,YAAMC,IAAa,OAAO,WAAWJ,CAAK;AAE1C,aAAAI,EAAW,iBAAiB,UAAUD,CAAQ,GACvC,MAAM;AACX,QAAAC,EAAW,oBAAoB,UAAUD,CAAQ;AAAA,MAAA;AAAA,IACnD;AAAA,IAEF,CAACH,CAAK;AAAA,EAAA;AAKR,SAAOK,EAAqBJ,GAFR,MAAM,OAAO,WAAWD,CAAK,EAAE,SAECF,CAAiB;AACvE;"}
+{"version":3,"file":"useMediaQuery.mjs","sources":["../../../../src/hooks/useMediaQuery/useMediaQuery.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react';\r\n\r\nconst getServerSnapshot = () => false;\r\n\r\n/**\r\n * @name useMediaQuery\r\n * @description - Hook that manages a media query\r\n * @category Browser\r\n * @usage medium\r\n *\r\n * @browserapi window.matchMedia https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia\r\n *\r\n * @param {string} query The media query string\r\n * @returns {boolean} A boolean indicating if the media query matches\r\n *\r\n * @example\r\n * const matches = useMediaQuery('(max-width: 768px)');\r\n */\r\nexport const useMediaQuery = (query: string) => {\r\n  const subscribe = useCallback(\r\n    (callback: () => void) => {\r\n      const matchMedia = window.matchMedia(query);\r\n\r\n      matchMedia.addEventListener('change', callback);\r\n      return () => {\r\n        matchMedia.removeEventListener('change', callback);\r\n      };\r\n    },\r\n    [query]\r\n  );\r\n\r\n  const getSnapshot = () => window.matchMedia(query).matches;\r\n\r\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\r\n};\r\n"],"names":["getServerSnapshot","useMediaQuery","query","subscribe","useCallback","callback","matchMedia","useSyncExternalStore"],"mappings":";AAEA,MAAMA,IAAoB,MAAM,IAgBnBC,IAAgB,CAACC,MAAkB;AAC9C,QAAMC,IAAYC;AAAA,IAChB,CAACC,MAAyB;AACxB,YAAMC,IAAa,OAAO,WAAWJ,CAAK;AAE1C,aAAAI,EAAW,iBAAiB,UAAUD,CAAQ,GACvC,MAAM;AACX,QAAAC,EAAW,oBAAoB,UAAUD,CAAQ;AAAA,MAAA;AAAA,IACnD;AAAA,IAEF,CAACH,CAAK;AAAA,EAAA;AAKR,SAAOK,EAAqBJ,GAFR,MAAM,OAAO,WAAWD,CAAK,EAAE,SAECF,CAAiB;AACvE;"}

package/dist/esm/hooks/useMouse/useMouse.mjs

@@ -1,8 +1,9 @@
-import { useState as f, useEffect as p } from "react";
-import { useRefState as E } from "../useRefState/useRefState.mjs";
-import { isTarget as s } from "../../utils/helpers/isTarget.mjs";
-const R = ((...m) => {
-  const o = s(m[0]) ? m[0] : void 0, [c, n] = f({
+import { useRef as u, useEffect as x } from "react";
+import { useRefState as y } from "../useRefState/useRefState.mjs";
+import { useRerender as L } from "../useRerender/useRerender.mjs";
+import { isTarget as m } from "../../utils/helpers/isTarget.mjs";
+const C = ((...s) => {
+  const n = m(s[0]) ? s[0] : void 0, a = n ? s[1] : s[0], t = u({
     x: 0,
     y: 0,
     elementX: 0,
@@ -11,44 +12,48 @@ const R = ((...m) => {
     elementPositionY: 0,
     clientX: 0,
     clientY: 0
-  }), i = E();
-  return p(() => {
-    const r = (e) => {
-      const Y = o ? s.getElement(o) : i.current, t = {
+  }), d = u(a);
+  d.current = a;
+  const X = u(!1), g = L(), i = y(), Y = (o, c) => {
+    t.current = o, d.current?.(o, c), X.current && g();
+  }, f = () => (X.current = !0, t.current);
+  return x(() => {
+    const o = (e) => {
+      const l = n ? m.getElement(n) : i.current, r = {
         x: e.pageX,
         y: e.pageY,
         clientX: e.clientX,
-        clientY: e.clientY
+        clientY: e.clientY,
+        elementX: e.pageX,
+        elementY: e.pageY,
+        elementPositionX: 0,
+        elementPositionY: 0
       };
-      if (Y) {
-        const { left: l, top: a } = Y.getBoundingClientRect(), d = l + window.scrollX, u = a + window.scrollY, w = e.pageX - d, g = e.pageY - u;
-        t.elementX = w, t.elementY = g, t.elementPositionX = d, t.elementPositionY = u, n((P) => ({
-          ...P,
-          ...t
-        }));
-      } else
-        t.elementX = e.pageX, t.elementY = e.pageY, t.elementPositionX = 0, t.elementPositionY = 0, n((l) => ({
-          ...l,
-          ...t
-        }));
-    }, X = () => {
-      n((e) => ({
-        ...e,
-        x: e.x + window.scrollX - e.elementPositionX,
-        y: e.y + window.scrollY - e.elementPositionY,
+      if (l) {
+        const { left: P, top: R } = l.getBoundingClientRect(), p = P + window.scrollX, w = R + window.scrollY, E = e.pageX - p, h = e.pageY - w;
+        r.elementX = E, r.elementY = h, r.elementPositionX = p, r.elementPositionY = w;
+      }
+      Y(r, e);
+    }, c = (e) => {
+      const l = {
+        ...t.current,
+        x: t.current.x + window.scrollX - t.current.elementPositionX,
+        y: t.current.y + window.scrollY - t.current.elementPositionY,
         elementPositionX: window.scrollX,
         elementPositionY: window.scrollY
-      }));
+      };
+      Y(l, e);
     };
-    return document.addEventListener("scroll", X, { passive: !0 }), document.addEventListener("mousemove", r), () => {
-      document.removeEventListener("scroll", X), document.removeEventListener("mousemove", r);
+    return document.addEventListener("scroll", c, { passive: !0 }), document.addEventListener("mousemove", o), () => {
+      document.removeEventListener("scroll", c), document.removeEventListener("mousemove", o);
     };
-  }, [i.state, o && s.getRawElement(o)]), o ? c : {
+  }, [i.state, n && m.getRawElement(n)]), n ? { snapshot: t.current, watch: f } : {
     ref: i,
-    ...c
+    snapshot: t.current,
+    watch: f
   };
 });
 export {
-  R as useMouse
+  C as useMouse
 };
 //# sourceMappingURL=useMouse.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMouse.mjs","sources":["../../../../src/hooks/useMouse/useMouse.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 mouse return type */\nexport interface UseMouseReturn {\n  /** The current mouse client x position */\n  clientX: number;\n  /** The current mouse client y position */\n  clientY: number;\n  /** The current element position x */\n  elementPositionX: number;\n  /** The current element position y */\n  elementPositionY: number;\n  /** The current element x position */\n  elementX: number;\n  /** The current element y position */\n  elementY: number;\n  /** The current mouse x position */\n  x: number;\n  /** The current mouse y position */\n  y: number;\n}\n\nexport interface UseMouse {\n  (target: HookTarget): UseMouseReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): UseMouseReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target?: Window): UseMouseReturn;\n}\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} [target=window] The target element to manage the mouse position for\n * @returns {UseMouseReturn} An object with the current mouse position\n *\n * @example\n * const { x, y, clientX, clientY, elementX, elementY, elementPositionX, elementPositionY } = useMouse(ref);\n *\n * @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: StateRef<Target> }} An object with the current mouse position and a ref\n *\n * @example\n * const { ref, x, y, clientX, clientY, elementX, elementY, elementPositionX, elementPositionY } = useMouse();\n */\nexport const useMouse = ((...params: any[]) => {\n  const target = isTarget(params[0]) ? params[0] : undefined;\n\n  const [value, setValue] = useState<UseMouseReturn>({\n    x: 0,\n    y: 0,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0,\n    clientX: 0,\n    clientY: 0\n  });\n\n  const internalRef = useRefState<Element>();\n\n  useEffect(() => {\n    const onMouseMove = (event: MouseEvent) => {\n      const element = (target ? isTarget.getElement(target) : internalRef.current) as\n        | Element\n        | undefined;\n\n      const updatedValue = {\n        x: event.pageX,\n        y: event.pageY,\n        clientX: event.clientX,\n        clientY: event.clientY\n      } as typeof value;\n\n      if (element) {\n        const { left, top } = element.getBoundingClientRect();\n        const elementPositionX = left + window.scrollX;\n        const elementPositionY = top + window.scrollY;\n        const elementX = event.pageX - elementPositionX;\n        const elementY = event.pageY - elementPositionY;\n\n        updatedValue.elementX = elementX;\n        updatedValue.elementY = elementY;\n        updatedValue.elementPositionX = elementPositionX;\n        updatedValue.elementPositionY = elementPositionY;\n\n        setValue((prevValue) => ({\n          ...prevValue,\n          ...updatedValue\n        }));\n      } else {\n        updatedValue.elementX = event.pageX;\n        updatedValue.elementY = event.pageY;\n        updatedValue.elementPositionX = 0;\n        updatedValue.elementPositionY = 0;\n\n        setValue((prevValue) => ({\n          ...prevValue,\n          ...updatedValue\n        }));\n      }\n    };\n\n    const onScroll = () => {\n      setValue((prevValue) => ({\n        ...prevValue,\n        x: prevValue.x + window.scrollX - prevValue.elementPositionX,\n        y: prevValue.y + window.scrollY - prevValue.elementPositionY,\n        elementPositionX: window.scrollX,\n        elementPositionY: window.scrollY\n      }));\n    };\n\n    document.addEventListener('scroll', onScroll, { passive: true });\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('scroll', onScroll);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\n\n  if (target) return value;\n  return {\n    ref: internalRef,\n    ...value\n  };\n}) as UseMouse;\n"],"names":["useMouse","params","target","isTarget","value","setValue","useState","internalRef","useRefState","useEffect","onMouseMove","event","element","updatedValue","left","top","elementPositionX","elementPositionY","elementX","elementY","prevValue","onScroll"],"mappings":";;;AA8DO,MAAMA,KAAY,IAAIC,MAAkB;AAC7C,QAAMC,IAASC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE3C,CAACG,GAAOC,CAAQ,IAAIC,EAAyB;AAAA,IACjD,GAAG;AAAA,IACH,GAAG;AAAA,IACH,UAAU;AAAA,IACV,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,CACV,GAEKC,IAAcC,EAAA;AA8DpB,SA5DAC,EAAU,MAAM;AACd,UAAMC,IAAc,CAACC,MAAsB;AACzC,YAAMC,IAAWV,IAASC,EAAS,WAAWD,CAAM,IAAIK,EAAY,SAI9DM,IAAe;AAAA,QACnB,GAAGF,EAAM;AAAA,QACT,GAAGA,EAAM;AAAA,QACT,SAASA,EAAM;AAAA,QACf,SAASA,EAAM;AAAA,MAAA;AAGjB,UAAIC,GAAS;AACX,cAAM,EAAE,MAAAE,GAAM,KAAAC,MAAQH,EAAQ,sBAAA,GACxBI,IAAmBF,IAAO,OAAO,SACjCG,IAAmBF,IAAM,OAAO,SAChCG,IAAWP,EAAM,QAAQK,GACzBG,IAAWR,EAAM,QAAQM;AAE/B,QAAAJ,EAAa,WAAWK,GACxBL,EAAa,WAAWM,GACxBN,EAAa,mBAAmBG,GAChCH,EAAa,mBAAmBI,GAEhCZ,EAAS,CAACe,OAAe;AAAA,UACvB,GAAGA;AAAA,UACH,GAAGP;AAAA,QAAA,EACH;AAAA,MAAA;AAEF,QAAAA,EAAa,WAAWF,EAAM,OAC9BE,EAAa,WAAWF,EAAM,OAC9BE,EAAa,mBAAmB,GAChCA,EAAa,mBAAmB,GAEhCR,EAAS,CAACe,OAAe;AAAA,UACvB,GAAGA;AAAA,UACH,GAAGP;AAAA,QAAA,EACH;AAAA,IACJ,GAGIQ,IAAW,MAAM;AACrB,MAAAhB,EAAS,CAACe,OAAe;AAAA,QACvB,GAAGA;AAAA,QACH,GAAGA,EAAU,IAAI,OAAO,UAAUA,EAAU;AAAA,QAC5C,GAAGA,EAAU,IAAI,OAAO,UAAUA,EAAU;AAAA,QAC5C,kBAAkB,OAAO;AAAA,QACzB,kBAAkB,OAAO;AAAA,MAAA,EACzB;AAAA,IAAA;AAGJ,oBAAS,iBAAiB,UAAUC,GAAU,EAAE,SAAS,IAAM,GAC/D,SAAS,iBAAiB,aAAaX,CAAW,GAC3C,MAAM;AACX,eAAS,oBAAoB,UAAUW,CAAQ,GAC/C,SAAS,oBAAoB,aAAaX,CAAW;AAAA,IAAA;AAAA,EACvD,GACC,CAACH,EAAY,OAAOL,KAAUC,EAAS,cAAcD,CAAM,CAAC,CAAC,GAE5DA,IAAeE,IACZ;AAAA,IACL,KAAKG;AAAA,IACL,GAAGH;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"useMouse.mjs","sources":["../../../../src/hooks/useMouse/useMouse.ts"],"sourcesContent":["import { useEffect, 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 { useRefState } from '../useRefState/useRefState';\nimport { useRerender } from '../useRerender/useRerender';\n\n/** The use mouse return type */\nexport interface UseMouseReturn {\n  /** The latest mouse value snapshot */\n  snapshot: UseMouseValue;\n  /** Function to enable subscriptions and rerender on next updates */\n  watch: () => UseMouseValue;\n}\n\n/** The use mouse value type */\nexport interface UseMouseValue {\n  /** The current mouse client x position */\n  clientX: number;\n  /** The current mouse client y position */\n  clientY: number;\n  /** The current element position x */\n  elementPositionX: number;\n  /** The current element position y */\n  elementPositionY: number;\n  /** The current element x position */\n  elementX: number;\n  /** The current element y position */\n  elementY: number;\n  /** The current mouse x position */\n  x: number;\n  /** The current mouse y position */\n  y: number;\n}\n\nexport type UseMouseCallback = (value: UseMouseValue, event: Event) => void;\n\nexport interface UseMouse {\n  (target: HookTarget, callback?: UseMouseCallback): UseMouseReturn;\n\n  <Target extends Element>(\n    callback?: UseMouseCallback,\n    target?: never\n  ): UseMouseReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target?: Window, callback?: UseMouseCallback): UseMouseReturn;\n}\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} [target=window] The target element to manage the mouse position for\n * @param {(value: UseMouseValue, event: Event) => void} [callback] The callback to invoke on mouse updates\n * @returns {UseMouseReturn} An object with mouse value controls\n *\n * @example\n * const mouse = useMouse(ref);\n *\n * @overload\n * @template Target The target element\n * @param {(value: UseMouseValue, event: Event) => void} [callback] The callback to invoke on mouse updates\n * @returns {UseMouseReturn & { ref: StateRef<Target> }} An object with mouse value controls and a ref\n *\n * @example\n * const mouse = useMouse<HTMLDivElement>();\n */\nexport const useMouse = ((...params: any[]) => {\n  const target = isTarget(params[0]) ? params[0] : undefined;\n  const callback = (target ? params[1] : params[0]) as UseMouseCallback | undefined;\n\n  const snapshotRef = useRef<UseMouseValue>({\n    x: 0,\n    y: 0,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0,\n    clientX: 0,\n    clientY: 0\n  });\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const watchingRef = useRef(false);\n  const rerender = useRerender();\n\n  const internalRef = useRefState<Element>();\n\n  const updateValue = (nextValue: UseMouseValue, event: Event) => {\n    snapshotRef.current = nextValue;\n    internalCallbackRef.current?.(nextValue, event);\n    if (watchingRef.current) rerender();\n  };\n\n  const watch = () => {\n    watchingRef.current = true;\n    return snapshotRef.current;\n  };\n\n  useEffect(() => {\n    const onMouseMove = (event: MouseEvent) => {\n      const element = (target ? isTarget.getElement(target) : internalRef.current) as\n        | Element\n        | undefined;\n\n      const updatedValue: UseMouseValue = {\n        x: event.pageX,\n        y: event.pageY,\n        clientX: event.clientX,\n        clientY: event.clientY,\n        elementX: event.pageX,\n        elementY: event.pageY,\n        elementPositionX: 0,\n        elementPositionY: 0\n      };\n\n      if (element) {\n        const { left, top } = element.getBoundingClientRect();\n        const elementPositionX = left + window.scrollX;\n        const elementPositionY = top + window.scrollY;\n        const elementX = event.pageX - elementPositionX;\n        const elementY = event.pageY - elementPositionY;\n\n        updatedValue.elementX = elementX;\n        updatedValue.elementY = elementY;\n        updatedValue.elementPositionX = elementPositionX;\n        updatedValue.elementPositionY = elementPositionY;\n      }\n\n      updateValue(updatedValue, event);\n    };\n\n    const onScroll = (event: Event) => {\n      const updatedValue: UseMouseValue = {\n        ...snapshotRef.current,\n        x: snapshotRef.current.x + window.scrollX - snapshotRef.current.elementPositionX,\n        y: snapshotRef.current.y + window.scrollY - snapshotRef.current.elementPositionY,\n        elementPositionX: window.scrollX,\n        elementPositionY: window.scrollY\n      };\n      updateValue(updatedValue, event);\n    };\n\n    document.addEventListener('scroll', onScroll, { passive: true });\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('scroll', onScroll);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\n\n  if (target) return { snapshot: snapshotRef.current, watch };\n  return {\n    ref: internalRef,\n    snapshot: snapshotRef.current,\n    watch\n  };\n}) as UseMouse;\n"],"names":["useMouse","params","target","isTarget","callback","snapshotRef","useRef","internalCallbackRef","watchingRef","rerender","useRerender","internalRef","useRefState","updateValue","nextValue","event","watch","useEffect","onMouseMove","element","updatedValue","left","top","elementPositionX","elementPositionY","elementX","elementY","onScroll"],"mappings":";;;;AA4EO,MAAMA,KAAY,IAAIC,MAAkB;AAC7C,QAAMC,IAASC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC3CG,IAAYF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAEzCI,IAAcC,EAAsB;AAAA,IACxC,GAAG;AAAA,IACH,GAAG;AAAA,IACH,UAAU;AAAA,IACV,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,CACV,GACKC,IAAsBD,EAAOF,CAAQ;AAC3C,EAAAG,EAAoB,UAAUH;AAC9B,QAAMI,IAAcF,EAAO,EAAK,GAC1BG,IAAWC,EAAA,GAEXC,IAAcC,EAAA,GAEdC,IAAc,CAACC,GAA0BC,MAAiB;AAC9D,IAAAV,EAAY,UAAUS,GACtBP,EAAoB,UAAUO,GAAWC,CAAK,GAC1CP,EAAY,WAASC,EAAA;AAAA,EAAS,GAG9BO,IAAQ,OACZR,EAAY,UAAU,IACfH,EAAY;AAuDrB,SApDAY,EAAU,MAAM;AACd,UAAMC,IAAc,CAACH,MAAsB;AACzC,YAAMI,IAAWjB,IAASC,EAAS,WAAWD,CAAM,IAAIS,EAAY,SAI9DS,IAA8B;AAAA,QAClC,GAAGL,EAAM;AAAA,QACT,GAAGA,EAAM;AAAA,QACT,SAASA,EAAM;AAAA,QACf,SAASA,EAAM;AAAA,QACf,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,kBAAkB;AAAA,QAClB,kBAAkB;AAAA,MAAA;AAGpB,UAAII,GAAS;AACX,cAAM,EAAE,MAAAE,GAAM,KAAAC,MAAQH,EAAQ,sBAAA,GACxBI,IAAmBF,IAAO,OAAO,SACjCG,IAAmBF,IAAM,OAAO,SAChCG,IAAWV,EAAM,QAAQQ,GACzBG,IAAWX,EAAM,QAAQS;AAE/B,QAAAJ,EAAa,WAAWK,GACxBL,EAAa,WAAWM,GACxBN,EAAa,mBAAmBG,GAChCH,EAAa,mBAAmBI;AAAA,MAAA;AAGlC,MAAAX,EAAYO,GAAcL,CAAK;AAAA,IAAA,GAG3BY,IAAW,CAACZ,MAAiB;AACjC,YAAMK,IAA8B;AAAA,QAClC,GAAGf,EAAY;AAAA,QACf,GAAGA,EAAY,QAAQ,IAAI,OAAO,UAAUA,EAAY,QAAQ;AAAA,QAChE,GAAGA,EAAY,QAAQ,IAAI,OAAO,UAAUA,EAAY,QAAQ;AAAA,QAChE,kBAAkB,OAAO;AAAA,QACzB,kBAAkB,OAAO;AAAA,MAAA;AAE3B,MAAAQ,EAAYO,GAAcL,CAAK;AAAA,IAAA;AAGjC,oBAAS,iBAAiB,UAAUY,GAAU,EAAE,SAAS,IAAM,GAC/D,SAAS,iBAAiB,aAAaT,CAAW,GAC3C,MAAM;AACX,eAAS,oBAAoB,UAAUS,CAAQ,GAC/C,SAAS,oBAAoB,aAAaT,CAAW;AAAA,IAAA;AAAA,EACvD,GACC,CAACP,EAAY,OAAOT,KAAUC,EAAS,cAAcD,CAAM,CAAC,CAAC,GAE5DA,IAAe,EAAE,UAAUG,EAAY,SAAS,OAAAW,EAAA,IAC7C;AAAA,IACL,KAAKL;AAAA,IACL,UAAUN,EAAY;AAAA,IACtB,OAAAW;AAAA,EAAA;AAEJ;"}

package/dist/esm/hooks/useMutation/useMutation.mjs

@@ -1,60 +1,61 @@
 import { useState as n } from "react";
-const M = (S, c) => {
-  const [m, u] = n(!1), [g, o] = n(!1), [I, f] = n(!1), [h, D] = n(null), [A, E] = n(null), a = (t, r) => {
+const x = (S, a) => {
+  const [m, u] = n(!1), [h, f] = n(!1), [I, o] = n(!1), [g, D] = n(null), [A, E] = n(null), y = (t, r) => {
     u(!0);
     const e = r?.attempt ?? 0;
-    return S(t).then((y) => (r?.onSuccess?.(y), E(y), f(!0), u(!1), D(null), o(!1), y)).catch((y) => {
-      const s = typeof r?.retry == "function" ? r?.retry(e, y) : r?.retry, l = typeof r?.retryDelay == "function" ? r?.retryDelay(e, y) : r?.retryDelay;
-      if (console.log("retryDelay", l), typeof s == "boolean" && s) {
-        if (l) {
+    return S(t).then((c) => (r?.onSuccess?.(c), E(c), o(!0), u(!1), D(null), f(!1), c)).catch((c) => {
+      const l = typeof r?.retry == "function" ? r?.retry(e, c) : r?.retry, s = typeof r?.retryDelay == "function" ? r?.retryDelay(e, c) : r?.retryDelay;
+      if (typeof l == "boolean" && l) {
+        if (s) {
           setTimeout(
-            () => a(t, { ...r, attempt: e + 1 }),
-            l
+            () => y(t, { ...r, attempt: e + 1 }),
+            s
           );
           return;
         }
-        return a(t, { ...r, attempt: e + 1 });
+        return y(t, { ...r, attempt: e + 1 });
       }
-      if (s && s > e) {
-        if (l) {
+      if (l && l > e) {
+        if (s) {
           setTimeout(
-            () => a(t, { ...r, attempt: e + 1 }),
-            l
+            () => y(t, { ...r, attempt: e + 1 }),
+            s
           );
           return;
         }
-        return a(t, { ...r, attempt: e + 1 });
+        return y(t, { ...r, attempt: e + 1 });
       }
-      r?.onError?.(y), E(null), f(!1), u(!1), D(y), o(!0);
+      if (E(null), o(!1), u(!1), D(c), f(!0), !r?.onError) throw c;
+      r?.onError?.(c);
     });
   };
   return {
     data: A,
-    error: h,
+    error: g,
     mutate: (t, r) => {
       const e = {
-        retry: r?.retry ?? c?.retry,
-        retryDelay: r?.retryDelay ?? c?.retryDelay,
-        onSuccess: r?.onSuccess ?? c?.onSuccess,
-        onError: r?.onError ?? c?.onError
+        retry: r?.retry ?? a?.retry,
+        retryDelay: r?.retryDelay ?? a?.retryDelay,
+        onSuccess: r?.onSuccess ?? a?.onSuccess,
+        onError: r?.onError ?? a?.onError
       };
-      a(t, e);
+      y(t, e);
     },
     mutateAsync: async (t, r) => {
       const e = {
-        retry: r?.retry ?? c?.retry,
-        retryDelay: r?.retryDelay ?? c?.retryDelay,
-        onSuccess: r?.onSuccess ?? c?.onSuccess,
-        onError: r?.onError ?? c?.onError
+        retry: r?.retry ?? a?.retry,
+        retryDelay: r?.retryDelay ?? a?.retryDelay,
+        onSuccess: r?.onSuccess ?? a?.onSuccess,
+        onError: r?.onError ?? a?.onError
       };
-      return a(t, e);
+      return y(t, e);
     },
     isLoading: m,
-    isError: g,
+    isError: h,
     isSuccess: I
   };
 };
 export {
-  M as useMutation
+  x as useMutation
 };
 //# sourceMappingURL=useMutation.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMutation.mjs","sources":["../../../../src/hooks/useMutation/useMutation.ts"],"sourcesContent":["import { useState } from 'react';\n\n/* The type of the options */\ninterface UseMutationOptions<Data> {\n  /* The retry count of requests */\n  retry?: ((failureCount: number, error: Error) => boolean) | boolean | number;\n  /* The retry delay of requests */\n  retryDelay?: ((retry: number, error: Error) => number) | number;\n  /* The callback function to be invoked on error */\n  onError?: (error: Error) => void;\n  /* The callback function to be invoked on success */\n  onSuccess?: (data: Data) => void;\n}\n\n/* The use mutation return type */\ninterface UseMutationReturn<Body, Data> {\n  /* The data of the mutation */\n  data: Data | null;\n  /* The error of the mutation */\n  error: Error | null;\n  /* The error state of the mutation */\n  isError: boolean;\n  /* The loading state of the mutation */\n  isLoading: boolean;\n  /* The success state of the mutation */\n  isSuccess: boolean;\n  /* The mutate function */\n  mutate: (body?: Body, options?: UseMutationOptions<Data>) => void;\n  /* The mutate async function */\n  mutateAsync: (body?: Body, options?: UseMutationOptions<Data>) => Promise<Data>;\n}\n\nexport interface RequestOptions<Data> extends UseMutationOptions<Data> {\n  /* The attempt count */\n  attempt?: number;\n}\n\n/**\n * @name useMutation\n * @description - Hook that defines the logic when mutate data\n * @category Async\n * @usage high\n *\n * @template Body The type of the body\n * @template Data The type of the data\n * @param {(body: Body) => Promise<Data>} callback The callback function to be invoked\n * @param {boolean | number} [options.retry] The retry count of requests\n * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success\n * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error\n * @returns {UseMutationReturn<Data>} An object with the state of the mutation\n *\n * @example\n * const { mutate, mutateAsync, isLoading, isError, isSuccess, error, data } = useMutation((name) => Promise.resolve(name));\n */\nexport const useMutation = <Body, Data>(\n  callback: (body: Body) => Promise<Data>,\n  options?: UseMutationOptions<Data>\n) => {\n  const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [isSuccess, setIsSuccess] = useState(false);\n\n  const [error, setError] = useState<Error | null>(null);\n  const [data, setData] = useState<Data | null>(null);\n\n  const request = (\n    body: Body,\n    requestOptions?: RequestOptions<Data>\n  ): Promise<Data | undefined> => {\n    setIsLoading(true);\n    const attempt = requestOptions?.attempt ?? 0;\n\n    return callback(body)\n      .then((response) => {\n        requestOptions?.onSuccess?.(response);\n\n        setData(response);\n        setIsSuccess(true);\n        setIsLoading(false);\n        setError(null);\n        setIsError(false);\n        return response;\n      })\n      .catch((error: Error) => {\n        const retry =\n          typeof requestOptions?.retry === 'function'\n            ? requestOptions?.retry(attempt, error)\n            : requestOptions?.retry;\n\n        const retryDelay =\n          typeof requestOptions?.retryDelay === 'function'\n            ? requestOptions?.retryDelay(attempt, error)\n            : requestOptions?.retryDelay;\n\n        console.log('retryDelay', retryDelay);\n\n        if (typeof retry === 'boolean' && retry) {\n          if (retryDelay) {\n            setTimeout(\n              () => request(body, { ...requestOptions, attempt: attempt + 1 }),\n              retryDelay\n            );\n            return;\n          }\n          return request(body, { ...requestOptions, attempt: attempt + 1 });\n        }\n\n        if (retry && retry > attempt) {\n          if (retryDelay) {\n            setTimeout(\n              () => request(body, { ...requestOptions, attempt: attempt + 1 }),\n              retryDelay\n            );\n            return;\n          }\n          return request(body, { ...requestOptions, attempt: attempt + 1 });\n        }\n\n        requestOptions?.onError?.(error);\n        setData(null);\n        setIsSuccess(false);\n        setIsLoading(false);\n        setError(error);\n        setIsError(true);\n      });\n  };\n  const mutate = (body: Body, mutateOptions?: UseMutationOptions<Data>) => {\n    const requestOptions = {\n      retry: mutateOptions?.retry ?? options?.retry,\n      retryDelay: mutateOptions?.retryDelay ?? options?.retryDelay,\n      onSuccess: mutateOptions?.onSuccess ?? options?.onSuccess,\n      onError: mutateOptions?.onError ?? options?.onError\n    };\n\n    request(body, requestOptions);\n  };\n\n  const mutateAsync = async (body: Body, mutateOptions?: UseMutationOptions<Data>) => {\n    const requestOptions = {\n      retry: mutateOptions?.retry ?? options?.retry,\n      retryDelay: mutateOptions?.retryDelay ?? options?.retryDelay,\n      onSuccess: mutateOptions?.onSuccess ?? options?.onSuccess,\n      onError: mutateOptions?.onError ?? options?.onError\n    };\n\n    return request(body, requestOptions) as Promise<Data>;\n  };\n\n  return {\n    data,\n    error,\n    mutate,\n    mutateAsync,\n    isLoading,\n    isError,\n    isSuccess\n  } as UseMutationReturn<Body, Data>;\n};\n"],"names":["useMutation","callback","options","isLoading","setIsLoading","useState","isError","setIsError","isSuccess","setIsSuccess","error","setError","data","setData","request","body","requestOptions","attempt","response","retry","retryDelay","mutateOptions"],"mappings":";AAsDO,MAAMA,IAAc,CACzBC,GACAC,MACG;AACH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAE1C,CAACK,GAAOC,CAAQ,IAAIN,EAAuB,IAAI,GAC/C,CAACO,GAAMC,CAAO,IAAIR,EAAsB,IAAI,GAE5CS,IAAU,CACdC,GACAC,MAC8B;AAC9B,IAAAZ,EAAa,EAAI;AACjB,UAAMa,IAAUD,GAAgB,WAAW;AAE3C,WAAOf,EAASc,CAAI,EACjB,KAAK,CAACG,OACLF,GAAgB,YAAYE,CAAQ,GAEpCL,EAAQK,CAAQ,GAChBT,EAAa,EAAI,GACjBL,EAAa,EAAK,GAClBO,EAAS,IAAI,GACbJ,EAAW,EAAK,GACTW,EACR,EACA,MAAM,CAACR,MAAiB;AACvB,YAAMS,IACJ,OAAOH,GAAgB,SAAU,aAC7BA,GAAgB,MAAMC,GAASP,CAAK,IACpCM,GAAgB,OAEhBI,IACJ,OAAOJ,GAAgB,cAAe,aAClCA,GAAgB,WAAWC,GAASP,CAAK,IACzCM,GAAgB;AAItB,UAFA,QAAQ,IAAI,cAAcI,CAAU,GAEhC,OAAOD,KAAU,aAAaA,GAAO;AACvC,YAAIC,GAAY;AACd;AAAA,YACE,MAAMN,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,YAC/DG;AAAA,UAAA;AAEF;AAAA,QAAA;AAEF,eAAON,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,MAAA;AAGlE,UAAIE,KAASA,IAAQF,GAAS;AAC5B,YAAIG,GAAY;AACd;AAAA,YACE,MAAMN,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,YAC/DG;AAAA,UAAA;AAEF;AAAA,QAAA;AAEF,eAAON,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,MAAA;AAGlE,MAAAD,GAAgB,UAAUN,CAAK,GAC/BG,EAAQ,IAAI,GACZJ,EAAa,EAAK,GAClBL,EAAa,EAAK,GAClBO,EAASD,CAAK,GACdH,EAAW,EAAI;AAAA,IAAA,CAChB;AAAA,EAAA;AAwBL,SAAO;AAAA,IACL,MAAAK;AAAA,IACA,OAAAF;AAAA,IACA,QAzBa,CAACK,GAAYM,MAA6C;AACvE,YAAML,IAAiB;AAAA,QACrB,OAAOK,GAAe,SAASnB,GAAS;AAAA,QACxC,YAAYmB,GAAe,cAAcnB,GAAS;AAAA,QAClD,WAAWmB,GAAe,aAAanB,GAAS;AAAA,QAChD,SAASmB,GAAe,WAAWnB,GAAS;AAAA,MAAA;AAG9C,MAAAY,EAAQC,GAAMC,CAAc;AAAA,IAAA;AAAA,IAkB5B,aAfkB,OAAOD,GAAYM,MAA6C;AAClF,YAAML,IAAiB;AAAA,QACrB,OAAOK,GAAe,SAASnB,GAAS;AAAA,QACxC,YAAYmB,GAAe,cAAcnB,GAAS;AAAA,QAClD,WAAWmB,GAAe,aAAanB,GAAS;AAAA,QAChD,SAASmB,GAAe,WAAWnB,GAAS;AAAA,MAAA;AAG9C,aAAOY,EAAQC,GAAMC,CAAc;AAAA,IAAA;AAAA,IAQnC,WAAAb;AAAA,IACA,SAAAG;AAAA,IACA,WAAAE;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useMutation.mjs","sources":["../../../../src/hooks/useMutation/useMutation.ts"],"sourcesContent":["import { useState } from \"react\";\r\n\r\n/* The type of the options */\r\ninterface UseMutationOptions<Data> {\r\n  /* The retry count of requests */\r\n  retry?: ((failureCount: number, error: Error) => boolean) | boolean | number;\r\n  /* The retry delay of requests */\r\n  retryDelay?: ((retry: number, error: Error) => number) | number;\r\n  /* The callback function to be invoked on error */\r\n  onError?: (error: Error) => void;\r\n  /* The callback function to be invoked on success */\r\n  onSuccess?: (data: Data) => void;\r\n}\r\n\r\n/* The use mutation return type */\r\ninterface UseMutationReturn<Body, Data> {\r\n  /* The data of the mutation */\r\n  data: Data | null;\r\n  /* The error of the mutation */\r\n  error: Error | null;\r\n  /* The error state of the mutation */\r\n  isError: boolean;\r\n  /* The loading state of the mutation */\r\n  isLoading: boolean;\r\n  /* The success state of the mutation */\r\n  isSuccess: boolean;\r\n  /* The mutate function */\r\n  mutate: (body?: Body, options?: UseMutationOptions<Data>) => void;\r\n  /* The mutate async function */\r\n  mutateAsync: (\r\n    body?: Body,\r\n    options?: UseMutationOptions<Data>\r\n  ) => Promise<Data>;\r\n}\r\n\r\nexport interface RequestOptions<Data> extends UseMutationOptions<Data> {\r\n  /* The attempt count */\r\n  attempt?: number;\r\n}\r\n\r\n/**\r\n * @name useMutation\r\n * @description - Hook that defines the logic when mutate data\r\n * @category Async\r\n * @usage high\r\n *\r\n * @template Body The type of the body\r\n * @template Data The type of the data\r\n * @param {(body: Body) => Promise<Data>} callback The callback function to be invoked\r\n * @param {boolean | number} [options.retry] The retry count of requests\r\n * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success\r\n * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error\r\n * @returns {UseMutationReturn<Data>} An object with the state of the mutation\r\n *\r\n * @example\r\n * const { mutate, mutateAsync, isLoading, isError, isSuccess, error, data } = useMutation((name) => Promise.resolve(name));\r\n */\r\nexport const useMutation = <Body, Data>(\r\n  callback: (body: Body) => Promise<Data>,\r\n  options?: UseMutationOptions<Data>\r\n) => {\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [isError, setIsError] = useState(false);\r\n  const [isSuccess, setIsSuccess] = useState(false);\r\n\r\n  const [error, setError] = useState<Error | null>(null);\r\n  const [data, setData] = useState<Data | null>(null);\r\n\r\n  const request = (\r\n    body: Body,\r\n    requestOptions?: RequestOptions<Data>\r\n  ): Promise<Data | undefined> => {\r\n    setIsLoading(true);\r\n    const attempt = requestOptions?.attempt ?? 0;\r\n\r\n    return callback(body)\r\n      .then((response) => {\r\n        requestOptions?.onSuccess?.(response);\r\n\r\n        setData(response);\r\n        setIsSuccess(true);\r\n        setIsLoading(false);\r\n        setError(null);\r\n        setIsError(false);\r\n        return response;\r\n      })\r\n      .catch((error: Error) => {\r\n        const retry =\r\n          typeof requestOptions?.retry === \"function\"\r\n            ? requestOptions?.retry(attempt, error)\r\n            : requestOptions?.retry;\r\n\r\n        const retryDelay =\r\n          typeof requestOptions?.retryDelay === \"function\"\r\n            ? requestOptions?.retryDelay(attempt, error)\r\n            : requestOptions?.retryDelay;\r\n\r\n        if (typeof retry === \"boolean\" && retry) {\r\n          if (retryDelay) {\r\n            setTimeout(\r\n              () => request(body, { ...requestOptions, attempt: attempt + 1 }),\r\n              retryDelay\r\n            );\r\n            return;\r\n          }\r\n          return request(body, { ...requestOptions, attempt: attempt + 1 });\r\n        }\r\n\r\n        if (retry && retry > attempt) {\r\n          if (retryDelay) {\r\n            setTimeout(\r\n              () => request(body, { ...requestOptions, attempt: attempt + 1 }),\r\n              retryDelay\r\n            );\r\n            return;\r\n          }\r\n          return request(body, { ...requestOptions, attempt: attempt + 1 });\r\n        }\r\n\r\n        setData(null);\r\n        setIsSuccess(false);\r\n        setIsLoading(false);\r\n        setError(error);\r\n        setIsError(true);\r\n        if (!requestOptions?.onError) throw error;\r\n        requestOptions?.onError?.(error);\r\n      });\r\n  };\r\n  const mutate = (body: Body, mutateOptions?: UseMutationOptions<Data>) => {\r\n    const requestOptions = {\r\n      retry: mutateOptions?.retry ?? options?.retry,\r\n      retryDelay: mutateOptions?.retryDelay ?? options?.retryDelay,\r\n      onSuccess: mutateOptions?.onSuccess ?? options?.onSuccess,\r\n      onError: mutateOptions?.onError ?? options?.onError,\r\n    };\r\n\r\n    request(body, requestOptions);\r\n  };\r\n\r\n  const mutateAsync = async (\r\n    body: Body,\r\n    mutateOptions?: UseMutationOptions<Data>\r\n  ) => {\r\n    const requestOptions = {\r\n      retry: mutateOptions?.retry ?? options?.retry,\r\n      retryDelay: mutateOptions?.retryDelay ?? options?.retryDelay,\r\n      onSuccess: mutateOptions?.onSuccess ?? options?.onSuccess,\r\n      onError: mutateOptions?.onError ?? options?.onError,\r\n    };\r\n\r\n    return request(body, requestOptions) as Promise<Data>;\r\n  };\r\n\r\n  return {\r\n    data,\r\n    error,\r\n    mutate,\r\n    mutateAsync,\r\n    isLoading,\r\n    isError,\r\n    isSuccess,\r\n  } as UseMutationReturn<Body, Data>;\r\n};\r\n"],"names":["useMutation","callback","options","isLoading","setIsLoading","useState","isError","setIsError","isSuccess","setIsSuccess","error","setError","data","setData","request","body","requestOptions","attempt","response","retry","retryDelay","mutateOptions"],"mappings":";AAyDO,MAAMA,IAAc,CACzBC,GACAC,MACG;AACH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAE1C,CAACK,GAAOC,CAAQ,IAAIN,EAAuB,IAAI,GAC/C,CAACO,GAAMC,CAAO,IAAIR,EAAsB,IAAI,GAE5CS,IAAU,CACdC,GACAC,MAC8B;AAC9B,IAAAZ,EAAa,EAAI;AACjB,UAAMa,IAAUD,GAAgB,WAAW;AAE3C,WAAOf,EAASc,CAAI,EACjB,KAAK,CAACG,OACLF,GAAgB,YAAYE,CAAQ,GAEpCL,EAAQK,CAAQ,GAChBT,EAAa,EAAI,GACjBL,EAAa,EAAK,GAClBO,EAAS,IAAI,GACbJ,EAAW,EAAK,GACTW,EACR,EACA,MAAM,CAACR,MAAiB;AACvB,YAAMS,IACJ,OAAOH,GAAgB,SAAU,aAC7BA,GAAgB,MAAMC,GAASP,CAAK,IACpCM,GAAgB,OAEhBI,IACJ,OAAOJ,GAAgB,cAAe,aAClCA,GAAgB,WAAWC,GAASP,CAAK,IACzCM,GAAgB;AAEtB,UAAI,OAAOG,KAAU,aAAaA,GAAO;AACvC,YAAIC,GAAY;AACd;AAAA,YACE,MAAMN,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,YAC/DG;AAAA,UAAA;AAEF;AAAA,QAAA;AAEF,eAAON,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,MAAA;AAGlE,UAAIE,KAASA,IAAQF,GAAS;AAC5B,YAAIG,GAAY;AACd;AAAA,YACE,MAAMN,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,YAC/DG;AAAA,UAAA;AAEF;AAAA,QAAA;AAEF,eAAON,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,MAAA;AAQlE,UALAJ,EAAQ,IAAI,GACZJ,EAAa,EAAK,GAClBL,EAAa,EAAK,GAClBO,EAASD,CAAK,GACdH,EAAW,EAAI,GACX,CAACS,GAAgB,QAAS,OAAMN;AACpC,MAAAM,GAAgB,UAAUN,CAAK;AAAA,IAAA,CAChC;AAAA,EAAA;AA2BL,SAAO;AAAA,IACL,MAAAE;AAAA,IACA,OAAAF;AAAA,IACA,QA5Ba,CAACK,GAAYM,MAA6C;AACvE,YAAML,IAAiB;AAAA,QACrB,OAAOK,GAAe,SAASnB,GAAS;AAAA,QACxC,YAAYmB,GAAe,cAAcnB,GAAS;AAAA,QAClD,WAAWmB,GAAe,aAAanB,GAAS;AAAA,QAChD,SAASmB,GAAe,WAAWnB,GAAS;AAAA,MAAA;AAG9C,MAAAY,EAAQC,GAAMC,CAAc;AAAA,IAAA;AAAA,IAqB5B,aAlBkB,OAClBD,GACAM,MACG;AACH,YAAML,IAAiB;AAAA,QACrB,OAAOK,GAAe,SAASnB,GAAS;AAAA,QACxC,YAAYmB,GAAe,cAAcnB,GAAS;AAAA,QAClD,WAAWmB,GAAe,aAAanB,GAAS;AAAA,QAChD,SAASmB,GAAe,WAAWnB,GAAS;AAAA,MAAA;AAG9C,aAAOY,EAAQC,GAAMC,CAAc;AAAA,IAAA;AAAA,IAQnC,WAAAb;AAAA,IACA,SAAAG;AAAA,IACA,WAAAE;AAAA,EAAA;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useNetwork.mjs","sources":["../../../../src/hooks/useNetwork/useNetwork.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface Connection extends EventTarget {\n  readonly downlink: number;\n  readonly downlinkMax: number;\n  readonly effectiveType: '2g' | '3g' | '4g' | 'slow-2g';\n  readonly rtt: number;\n  readonly saveData: boolean;\n  onChange: (event: Event) => void;\n  readonly type:\n    | 'bluetooth'\n    | 'cellular'\n    | 'ethernet'\n    | 'mixed'\n    | 'none'\n    | 'other'\n    | 'unknown'\n    | 'wifi'\n    | 'wimax';\n}\n\ndeclare global {\n  interface Navigator {\n    readonly connection: Connection;\n    readonly mozConnection: Connection;\n    readonly webkitConnection: Connection;\n  }\n}\n\n/** The type of network connection */\nexport type ConnectionType = Connection['type'];\n/** The effective type of connection */\nexport type ConnectionEffectiveType = Connection['effectiveType'];\n\n/** The use network return type */\nexport interface UseNetworkReturn {\n  /** The estimated downlink speed in megabits per seconds */\n  downlink?: Connection['downlink'];\n  /** The maximum downlink speed, if available */\n  downlinkMax?: Connection['downlinkMax'];\n  /** The effective type of connection (e.g., '2g', '3g', '4g') */\n  effectiveType?: Connection['effectiveType'];\n  /** Indicates if the device is currently online */\n  online: boolean;\n  /** The estimated round-trip time in milliseconds */\n  rtt?: Connection['rtt'];\n  /** Indicates if the user has enabled data saving mode */\n  saveData?: Connection['saveData'];\n  /** The type of network connection (e.g., 'wifi', 'cellular') */\n  type?: Connection['type'];\n}\n\nexport const getConnection = () =>\n  navigator?.connection || navigator?.mozConnection || navigator?.webkitConnection;\n\n/**\n * @name useNetwork\n * @description - Hook to track network status\n * @category Browser\n * @usage low\n *\n * @browserapi navigator.connection https://developer.mozilla.org/en-US/docs/Web/API/Navigator/connection\n *\n * @returns {UseNetworkReturn} An object containing the network status\n *\n * @example\n * const { online, downlink, downlinkMax, effectiveType, rtt, saveData, type } = useNetwork();\n */\nexport const useNetwork = (): UseNetworkReturn => {\n  const [value, setValue] = useState(() => {\n    if (typeof navigator === 'undefined') {\n      return {\n        online: false,\n        type: undefined,\n        effectiveType: undefined,\n        saveData: false,\n        downlink: 0,\n        downlinkMax: 0,\n        rtt: 0\n      };\n    }\n    const online = navigator.onLine;\n    const connection = getConnection();\n\n    return {\n      online,\n      downlink: connection?.downlink,\n      downlinkMax: connection?.downlinkMax,\n      effectiveType: connection?.effectiveType,\n      rtt: connection?.rtt,\n      saveData: connection?.saveData,\n      type: connection?.type\n    };\n  });\n\n  useEffect(() => {\n    const callback = () => {\n      const online = navigator.onLine;\n      const connection = getConnection();\n\n      setValue({\n        online,\n        downlink: connection?.downlink,\n        downlinkMax: connection?.downlinkMax,\n        effectiveType: connection?.effectiveType,\n        rtt: connection?.rtt,\n        saveData: connection?.saveData,\n        type: connection?.type\n      });\n    };\n    window.addEventListener('online', callback, { passive: true });\n    window.addEventListener('offline', callback, { passive: true });\n\n    const connection = getConnection();\n\n    if (connection) {\n      connection.addEventListener('change', callback, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('online', callback);\n      window.removeEventListener('offline', callback);\n\n      if (connection) {\n        connection.removeEventListener('change', callback);\n      }\n    };\n  });\n\n  return value;\n};\n"],"names":["getConnection","useNetwork","value","setValue","useState","online","connection","useEffect","callback"],"mappings":";AAoDO,MAAMA,IAAgB,MAC3B,WAAW,cAAc,WAAW,iBAAiB,WAAW,kBAerDC,IAAa,MAAwB;AAChD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAM;AACvC,QAAI,OAAO,YAAc;AACvB,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,UAAU;AAAA,QACV,UAAU;AAAA,QACV,aAAa;AAAA,QACb,KAAK;AAAA,MAAA;AAGT,UAAMC,IAAS,UAAU,QACnBC,IAAaN,EAAA;AAEnB,WAAO;AAAA,MACL,QAAAK;AAAA,MACA,UAAUC,GAAY;AAAA,MACtB,aAAaA,GAAY;AAAA,MACzB,eAAeA,GAAY;AAAA,MAC3B,KAAKA,GAAY;AAAA,MACjB,UAAUA,GAAY;AAAA,MACtB,MAAMA,GAAY;AAAA,IAAA;AAAA,EACpB,CACD;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,MAAM;AACrB,YAAMH,IAAS,UAAU,QACnBC,IAAaN,EAAA;AAEnB,MAAAG,EAAS;AAAA,QACP,QAAAE;AAAA,QACA,UAAUC,GAAY;AAAA,QACtB,aAAaA,GAAY;AAAA,QACzB,eAAeA,GAAY;AAAA,QAC3B,KAAKA,GAAY;AAAA,QACjB,UAAUA,GAAY;AAAA,QACtB,MAAMA,GAAY;AAAA,MAAA,CACnB;AAAA,IAAA;AAEH,WAAO,iBAAiB,UAAUE,GAAU,EAAE,SAAS,IAAM,GAC7D,OAAO,iBAAiB,WAAWA,GAAU,EAAE,SAAS,IAAM;AAE9D,UAAMF,IAAaN,EAAA;AAEnB,WAAIM,KACFA,EAAW,iBAAiB,UAAUE,GAAU,EAAE,SAAS,IAAM,GAG5D,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAQ,GAC7C,OAAO,oBAAoB,WAAWA,CAAQ,GAE1CF,KACFA,EAAW,oBAAoB,UAAUE,CAAQ;AAAA,IACnD;AAAA,EACF,CACD,GAEMN;AACT;"}
+{"version":3,"file":"useNetwork.mjs","sources":["../../../../src/hooks/useNetwork/useNetwork.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\nexport interface Connection extends EventTarget {\r\n  readonly downlink: number;\r\n  readonly downlinkMax: number;\r\n  readonly effectiveType: '2g' | '3g' | '4g' | 'slow-2g';\r\n  readonly rtt: number;\r\n  readonly saveData: boolean;\r\n  onChange: (event: Event) => void;\r\n  readonly type:\r\n    | 'bluetooth'\r\n    | 'cellular'\r\n    | 'ethernet'\r\n    | 'mixed'\r\n    | 'none'\r\n    | 'other'\r\n    | 'unknown'\r\n    | 'wifi'\r\n    | 'wimax';\r\n}\r\n\r\ndeclare global {\r\n  interface Navigator {\r\n    readonly connection: Connection;\r\n    readonly mozConnection: Connection;\r\n    readonly webkitConnection: Connection;\r\n  }\r\n}\r\n\r\n/** The type of network connection */\r\nexport type ConnectionType = Connection['type'];\r\n/** The effective type of connection */\r\nexport type ConnectionEffectiveType = Connection['effectiveType'];\r\n\r\n/** The use network return type */\r\nexport interface UseNetworkReturn {\r\n  /** The estimated downlink speed in megabits per seconds */\r\n  downlink?: Connection['downlink'];\r\n  /** The maximum downlink speed, if available */\r\n  downlinkMax?: Connection['downlinkMax'];\r\n  /** The effective type of connection (e.g., '2g', '3g', '4g') */\r\n  effectiveType?: Connection['effectiveType'];\r\n  /** Indicates if the device is currently online */\r\n  online: boolean;\r\n  /** The estimated round-trip time in milliseconds */\r\n  rtt?: Connection['rtt'];\r\n  /** Indicates if the user has enabled data saving mode */\r\n  saveData?: Connection['saveData'];\r\n  /** The type of network connection (e.g., 'wifi', 'cellular') */\r\n  type?: Connection['type'];\r\n}\r\n\r\nexport const getConnection = () =>\r\n  navigator?.connection || navigator?.mozConnection || navigator?.webkitConnection;\r\n\r\n/**\r\n * @name useNetwork\r\n * @description - Hook to track network status\r\n * @category Browser\r\n * @usage low\r\n *\r\n * @browserapi navigator.connection https://developer.mozilla.org/en-US/docs/Web/API/Navigator/connection\r\n *\r\n * @returns {UseNetworkReturn} An object containing the network status\r\n *\r\n * @example\r\n * const { online, downlink, downlinkMax, effectiveType, rtt, saveData, type } = useNetwork();\r\n */\r\nexport const useNetwork = (): UseNetworkReturn => {\r\n  const [value, setValue] = useState(() => {\r\n    if (typeof navigator === 'undefined') {\r\n      return {\r\n        online: false,\r\n        type: undefined,\r\n        effectiveType: undefined,\r\n        saveData: false,\r\n        downlink: 0,\r\n        downlinkMax: 0,\r\n        rtt: 0\r\n      };\r\n    }\r\n    const online = navigator.onLine;\r\n    const connection = getConnection();\r\n\r\n    return {\r\n      online,\r\n      downlink: connection?.downlink,\r\n      downlinkMax: connection?.downlinkMax,\r\n      effectiveType: connection?.effectiveType,\r\n      rtt: connection?.rtt,\r\n      saveData: connection?.saveData,\r\n      type: connection?.type\r\n    };\r\n  });\r\n\r\n  useEffect(() => {\r\n    const callback = () => {\r\n      const online = navigator.onLine;\r\n      const connection = getConnection();\r\n\r\n      setValue({\r\n        online,\r\n        downlink: connection?.downlink,\r\n        downlinkMax: connection?.downlinkMax,\r\n        effectiveType: connection?.effectiveType,\r\n        rtt: connection?.rtt,\r\n        saveData: connection?.saveData,\r\n        type: connection?.type\r\n      });\r\n    };\r\n    window.addEventListener('online', callback, { passive: true });\r\n    window.addEventListener('offline', callback, { passive: true });\r\n\r\n    const connection = getConnection();\r\n\r\n    if (connection) {\r\n      connection.addEventListener('change', callback, { passive: true });\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('online', callback);\r\n      window.removeEventListener('offline', callback);\r\n\r\n      if (connection) {\r\n        connection.removeEventListener('change', callback);\r\n      }\r\n    };\r\n  });\r\n\r\n  return value;\r\n};\r\n"],"names":["getConnection","useNetwork","value","setValue","useState","online","connection","useEffect","callback"],"mappings":";AAoDO,MAAMA,IAAgB,MAC3B,WAAW,cAAc,WAAW,iBAAiB,WAAW,kBAerDC,IAAa,MAAwB;AAChD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAM;AACvC,QAAI,OAAO,YAAc;AACvB,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,UAAU;AAAA,QACV,UAAU;AAAA,QACV,aAAa;AAAA,QACb,KAAK;AAAA,MAAA;AAGT,UAAMC,IAAS,UAAU,QACnBC,IAAaN,EAAA;AAEnB,WAAO;AAAA,MACL,QAAAK;AAAA,MACA,UAAUC,GAAY;AAAA,MACtB,aAAaA,GAAY;AAAA,MACzB,eAAeA,GAAY;AAAA,MAC3B,KAAKA,GAAY;AAAA,MACjB,UAAUA,GAAY;AAAA,MACtB,MAAMA,GAAY;AAAA,IAAA;AAAA,EACpB,CACD;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,MAAM;AACrB,YAAMH,IAAS,UAAU,QACnBC,IAAaN,EAAA;AAEnB,MAAAG,EAAS;AAAA,QACP,QAAAE;AAAA,QACA,UAAUC,GAAY;AAAA,QACtB,aAAaA,GAAY;AAAA,QACzB,eAAeA,GAAY;AAAA,QAC3B,KAAKA,GAAY;AAAA,QACjB,UAAUA,GAAY;AAAA,QACtB,MAAMA,GAAY;AAAA,MAAA,CACnB;AAAA,IAAA;AAEH,WAAO,iBAAiB,UAAUE,GAAU,EAAE,SAAS,IAAM,GAC7D,OAAO,iBAAiB,WAAWA,GAAU,EAAE,SAAS,IAAM;AAE9D,UAAMF,IAAaN,EAAA;AAEnB,WAAIM,KACFA,EAAW,iBAAiB,UAAUE,GAAU,EAAE,SAAS,IAAM,GAG5D,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAQ,GAC7C,OAAO,oBAAoB,WAAWA,CAAQ,GAE1CF,KACFA,EAAW,oBAAoB,UAAUE,CAAQ;AAAA,IACnD;AAAA,EACF,CACD,GAEMN;AACT;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useOptimistic.mjs","sources":["../../../../src/hooks/useOptimistic/useOptimistic.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\nexport type UseOptimisticReturn<State> = [\n  State,\n  (optimisticValue: State, promise: Promise<any>) => void\n];\n\n/**\n * @name useOptimistic\n * @description - Hook that allows get optimistic value before its update\n * @category Async\n * @usage medium\n *\n * @template State The type of the state\n * @param {State} state The value to be returned initially and whenever no action is pending\n * @param {(currentState: State, optimisticValue: State) => State} update A pure function that takes the current state and the optimistic value passed to updateOptimistic and returns the resulting optimistic state\n * @returns {UseOptimisticReturn<State>} The resulting optimistic state, and the function to update it\n *\n * @example\n * const [optimisticValue, updateOptimistic] = useOptimistic<number>(count, (currentState, optimisticValue) => currentState + optimisticValue);\n */\nexport const useOptimistic = <State, OptimisticState = State>(\n  externalState: State,\n  update: (currentState: State, optimisticState: OptimisticState) => State\n) => {\n  const [state, setState] = useState<State>(externalState);\n  const internalUpdateRef = useRef(update);\n  internalUpdateRef.current = update;\n\n  const [promised, setPromised] = useState(false);\n\n  useDidUpdate(() => {\n    if (!promised) return;\n    setState(externalState);\n    setPromised(false);\n  }, [promised]);\n\n  const updateState = (optimisticValue: OptimisticState, promise: Promise<any>) => {\n    setState((currentState) => internalUpdateRef.current(currentState, optimisticValue));\n    return promise.finally(() => setPromised(true));\n  };\n\n  return [state, updateState] as const;\n};\n"],"names":["useOptimistic","externalState","update","state","setState","useState","internalUpdateRef","useRef","promised","setPromised","useDidUpdate","optimisticValue","promise","currentState"],"mappings":";;AAuBO,MAAMA,IAAgB,CAC3BC,GACAC,MACG;AACH,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAgBJ,CAAa,GACjDK,IAAoBC,EAAOL,CAAM;AACvC,EAAAI,EAAkB,UAAUJ;AAE5B,QAAM,CAACM,GAAUC,CAAW,IAAIJ,EAAS,EAAK;AAE9C,SAAAK,EAAa,MAAM;AACjB,IAAKF,MACLJ,EAASH,CAAa,GACtBQ,EAAY,EAAK;AAAA,EAAA,GAChB,CAACD,CAAQ,CAAC,GAON,CAACL,GALY,CAACQ,GAAkCC,OACrDR,EAAS,CAACS,MAAiBP,EAAkB,QAAQO,GAAcF,CAAe,CAAC,GAC5EC,EAAQ,QAAQ,MAAMH,EAAY,EAAI,CAAC,EAGtB;AAC5B;"}
+{"version":3,"file":"useOptimistic.mjs","sources":["../../../../src/hooks/useOptimistic/useOptimistic.ts"],"sourcesContent":["import { useRef, useState } from 'react';\r\n\r\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\r\n\r\nexport type UseOptimisticReturn<State> = [\r\n  State,\r\n  (optimisticValue: State, promise: Promise<any>) => void\r\n];\r\n\r\n/**\r\n * @name useOptimistic\r\n * @description - Hook that allows get optimistic value before its update\r\n * @category Async\r\n * @usage medium\r\n *\r\n * @template State The type of the state\r\n * @param {State} state The value to be returned initially and whenever no action is pending\r\n * @param {(currentState: State, optimisticValue: State) => State} update A pure function that takes the current state and the optimistic value passed to updateOptimistic and returns the resulting optimistic state\r\n * @returns {UseOptimisticReturn<State>} The resulting optimistic state, and the function to update it\r\n *\r\n * @example\r\n * const [optimisticValue, updateOptimistic] = useOptimistic<number>(count, (currentState, optimisticValue) => currentState + optimisticValue);\r\n */\r\nexport const useOptimistic = <State, OptimisticState = State>(\r\n  externalState: State,\r\n  update: (currentState: State, optimisticState: OptimisticState) => State\r\n) => {\r\n  const [state, setState] = useState<State>(externalState);\r\n  const internalUpdateRef = useRef(update);\r\n  internalUpdateRef.current = update;\r\n\r\n  const [promised, setPromised] = useState(false);\r\n\r\n  useDidUpdate(() => {\r\n    if (!promised) return;\r\n    setState(externalState);\r\n    setPromised(false);\r\n  }, [promised]);\r\n\r\n  const updateState = (optimisticValue: OptimisticState, promise: Promise<any>) => {\r\n    setState((currentState) => internalUpdateRef.current(currentState, optimisticValue));\r\n    return promise.finally(() => setPromised(true));\r\n  };\r\n\r\n  return [state, updateState] as const;\r\n};\r\n"],"names":["useOptimistic","externalState","update","state","setState","useState","internalUpdateRef","useRef","promised","setPromised","useDidUpdate","optimisticValue","promise","currentState"],"mappings":";;AAuBO,MAAMA,IAAgB,CAC3BC,GACAC,MACG;AACH,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAgBJ,CAAa,GACjDK,IAAoBC,EAAOL,CAAM;AACvC,EAAAI,EAAkB,UAAUJ;AAE5B,QAAM,CAACM,GAAUC,CAAW,IAAIJ,EAAS,EAAK;AAE9C,SAAAK,EAAa,MAAM;AACjB,IAAKF,MACLJ,EAASH,CAAa,GACtBQ,EAAY,EAAK;AAAA,EAAA,GAChB,CAACD,CAAQ,CAAC,GAON,CAACL,GALY,CAACQ,GAAkCC,OACrDR,EAAS,CAACS,MAAiBP,EAAkB,QAAQO,GAAcF,CAAe,CAAC,GAC5EC,EAAQ,QAAQ,MAAMH,EAAY,EAAI,CAAC,EAGtB;AAC5B;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useOrientation.mjs","sources":["../../../../src/hooks/useOrientation/useOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ndeclare global {\n  interface ScreenOrientation {\n    lock: (orientation: OrientationLockType) => Promise<void>;\n  }\n}\n\n/* The use device orientation value type */\nexport interface UseOrientationValue {\n  /** The current angle */\n  angle: number;\n  /** The current orientation type */\n  orientationType?: OrientationType;\n}\n\n/* The screen lock orientation type */\nexport type OrientationLockType =\n  | 'any'\n  | 'landscape-primary'\n  | 'landscape-secondary'\n  | 'landscape'\n  | 'natural'\n  | 'portrait-primary'\n  | 'portrait-secondary'\n  | 'portrait';\n\n/* The use device orientation return type */\nexport interface useOrientationReturn {\n  /** Whether the screen orientation is supported */\n  supported: boolean;\n  /** The current screen orientation value */\n  value: UseOrientationValue;\n  /** Lock the screen orientation */\n  lock: (orientation: OrientationLockType) => void;\n  /** Unlock the screen orientation */\n  unlock: () => void;\n}\n\n/**\n * @name useOrientation\n * @description - Hook that provides the current screen orientation\n * @category Sensors\n * @usage low\n *\n * @browserapi screen.orientation https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation\n *\n * @returns {useOrientationReturn} The current screen orientation\n *\n * @example\n * const { supported, value, lock, unlock } = useOrientation();\n */\nexport const useOrientation = (): useOrientationReturn => {\n  const supported =\n    typeof window !== 'undefined' && 'screen' in window && 'orientation' in window.screen;\n  const orientation = (supported ? window.screen.orientation : {}) as ScreenOrientation;\n\n  const [value, setValue] = useState<UseOrientationValue>({\n    angle: orientation.angle ?? 0,\n    orientationType: orientation.type\n  });\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onOrientationChange = () =>\n      setValue({\n        angle: window.screen.orientation.angle,\n        orientationType: window.screen.orientation.type\n      });\n\n    window.addEventListener('orientationchange', onOrientationChange);\n    return () => {\n      window.removeEventListener('orientationchange', onOrientationChange);\n    };\n  }, []);\n\n  const lock = (type: OrientationLockType) => {\n    if (supported && typeof orientation.lock === 'function') return orientation.lock(type);\n  };\n\n  const unlock = () => {\n    if (supported && typeof orientation.unlock === 'function') orientation.unlock();\n  };\n\n  return {\n    supported,\n    value,\n    lock,\n    unlock\n  };\n};\n"],"names":["useOrientation","supported","orientation","value","setValue","useState","useEffect","onOrientationChange","type"],"mappings":";AAoDO,MAAMA,IAAiB,MAA4B;AACxD,QAAMC,IACJ,OAAO,SAAW,OAAe,YAAY,UAAU,iBAAiB,OAAO,QAC3EC,IAAeD,IAAY,OAAO,OAAO,cAAc,CAAA,GAEvD,CAACE,GAAOC,CAAQ,IAAIC,EAA8B;AAAA,IACtD,OAAOH,EAAY,SAAS;AAAA,IAC5B,iBAAiBA,EAAY;AAAA,EAAA,CAC9B;AAED,SAAAI,EAAU,MAAM;AACd,QAAI,CAACL,EAAW;AAEhB,UAAMM,IAAsB,MAC1BH,EAAS;AAAA,MACP,OAAO,OAAO,OAAO,YAAY;AAAA,MACjC,iBAAiB,OAAO,OAAO,YAAY;AAAA,IAAA,CAC5C;AAEH,kBAAO,iBAAiB,qBAAqBG,CAAmB,GACzD,MAAM;AACX,aAAO,oBAAoB,qBAAqBA,CAAmB;AAAA,IAAA;AAAA,EACrE,GACC,EAAE,GAUE;AAAA,IACL,WAAAN;AAAA,IACA,OAAAE;AAAA,IACA,MAXW,CAACK,MAA8B;AAC1C,UAAIP,KAAa,OAAOC,EAAY,QAAS,WAAY,QAAOA,EAAY,KAAKM,CAAI;AAAA,IAAA;AAAA,IAWrF,QARa,MAAM;AACnB,MAAIP,KAAa,OAAOC,EAAY,UAAW,gBAAwB,OAAA;AAAA,IAAO;AAAA,EAO9E;AAEJ;"}
+{"version":3,"file":"useOrientation.mjs","sources":["../../../../src/hooks/useOrientation/useOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\ndeclare global {\r\n  interface ScreenOrientation {\r\n    lock: (orientation: OrientationLockType) => Promise<void>;\r\n  }\r\n}\r\n\r\n/* The use device orientation value type */\r\nexport interface UseOrientationValue {\r\n  /** The current angle */\r\n  angle: number;\r\n  /** The current orientation type */\r\n  orientationType?: OrientationType;\r\n}\r\n\r\n/* The screen lock orientation type */\r\nexport type OrientationLockType =\r\n  | 'any'\r\n  | 'landscape-primary'\r\n  | 'landscape-secondary'\r\n  | 'landscape'\r\n  | 'natural'\r\n  | 'portrait-primary'\r\n  | 'portrait-secondary'\r\n  | 'portrait';\r\n\r\n/* The use device orientation return type */\r\nexport interface useOrientationReturn {\r\n  /** Whether the screen orientation is supported */\r\n  supported: boolean;\r\n  /** The current screen orientation value */\r\n  value: UseOrientationValue;\r\n  /** Lock the screen orientation */\r\n  lock: (orientation: OrientationLockType) => void;\r\n  /** Unlock the screen orientation */\r\n  unlock: () => void;\r\n}\r\n\r\n/**\r\n * @name useOrientation\r\n * @description - Hook that provides the current screen orientation\r\n * @category Sensors\r\n * @usage low\r\n *\r\n * @browserapi screen.orientation https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation\r\n *\r\n * @returns {useOrientationReturn} The current screen orientation\r\n *\r\n * @example\r\n * const { supported, value, lock, unlock } = useOrientation();\r\n */\r\nexport const useOrientation = (): useOrientationReturn => {\r\n  const supported =\r\n    typeof window !== 'undefined' && 'screen' in window && 'orientation' in window.screen;\r\n  const orientation = (supported ? window.screen.orientation : {}) as ScreenOrientation;\r\n\r\n  const [value, setValue] = useState<UseOrientationValue>({\r\n    angle: orientation.angle ?? 0,\r\n    orientationType: orientation.type\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (!supported) return;\r\n\r\n    const onOrientationChange = () =>\r\n      setValue({\r\n        angle: window.screen.orientation.angle,\r\n        orientationType: window.screen.orientation.type\r\n      });\r\n\r\n    window.addEventListener('orientationchange', onOrientationChange);\r\n    return () => {\r\n      window.removeEventListener('orientationchange', onOrientationChange);\r\n    };\r\n  }, []);\r\n\r\n  const lock = (type: OrientationLockType) => {\r\n    if (supported && typeof orientation.lock === 'function') return orientation.lock(type);\r\n  };\r\n\r\n  const unlock = () => {\r\n    if (supported && typeof orientation.unlock === 'function') orientation.unlock();\r\n  };\r\n\r\n  return {\r\n    supported,\r\n    value,\r\n    lock,\r\n    unlock\r\n  };\r\n};\r\n"],"names":["useOrientation","supported","orientation","value","setValue","useState","useEffect","onOrientationChange","type"],"mappings":";AAoDO,MAAMA,IAAiB,MAA4B;AACxD,QAAMC,IACJ,OAAO,SAAW,OAAe,YAAY,UAAU,iBAAiB,OAAO,QAC3EC,IAAeD,IAAY,OAAO,OAAO,cAAc,CAAA,GAEvD,CAACE,GAAOC,CAAQ,IAAIC,EAA8B;AAAA,IACtD,OAAOH,EAAY,SAAS;AAAA,IAC5B,iBAAiBA,EAAY;AAAA,EAAA,CAC9B;AAED,SAAAI,EAAU,MAAM;AACd,QAAI,CAACL,EAAW;AAEhB,UAAMM,IAAsB,MAC1BH,EAAS;AAAA,MACP,OAAO,OAAO,OAAO,YAAY;AAAA,MACjC,iBAAiB,OAAO,OAAO,YAAY;AAAA,IAAA,CAC5C;AAEH,kBAAO,iBAAiB,qBAAqBG,CAAmB,GACzD,MAAM;AACX,aAAO,oBAAoB,qBAAqBA,CAAmB;AAAA,IAAA;AAAA,EACrE,GACC,EAAE,GAUE;AAAA,IACL,WAAAN;AAAA,IACA,OAAAE;AAAA,IACA,MAXW,CAACK,MAA8B;AAC1C,UAAIP,KAAa,OAAOC,EAAY,QAAS,WAAY,QAAOA,EAAY,KAAKM,CAAI;AAAA,IAAA;AAAA,IAWrF,QARa,MAAM;AACnB,MAAIP,KAAa,OAAOC,EAAY,UAAW,gBAAwB,OAAA;AAAA,IAAO;AAAA,EAO9E;AAEJ;"}