@siberiacancode/reactuse 0.2.12 → 0.2.13

package/dist/esm/hooks/useClipboard/useClipboard.mjs

@@ -1,25 +1,24 @@
-import { useState as i, useEffect as s } from "react";
-import { copy as a } from "../../utils/helpers/copy.mjs";
-const v = (o) => {
-  const [d, n] = i(null), c = (o == null ? void 0 : o.enabled) ?? !1, t = async () => {
-    var e, r;
+import { useState as a, useEffect as s } from "react";
+import { copy as d } from "../../utils/helpers/copy.mjs";
+const l = (c) => {
+  const [r, o] = a(null), n = c?.enabled ?? !1, e = async () => {
     try {
-      const u = await navigator.clipboard.readText();
-      n(u);
+      const t = await navigator.clipboard.readText();
+      o(t);
     } catch {
-      n(((r = (e = document.getSelection) == null ? void 0 : e.call(document)) == null ? void 0 : r.toString()) ?? "");
+      o(document.getSelection?.()?.toString() ?? "");
     }
   };
   return s(() => {
-    if (c)
-      return document.addEventListener("copy", t), document.addEventListener("cut", t), () => {
-        document.removeEventListener("copy", t), document.removeEventListener("cut", t);
+    if (n)
+      return document.addEventListener("copy", e), document.addEventListener("cut", e), () => {
+        document.removeEventListener("copy", e), document.removeEventListener("cut", e);
       };
-  }, [c]), { value: d, copy: async (e) => {
-    a(e), n(e);
+  }, [n]), { value: r, copy: async (t) => {
+    d(t), o(t);
   } };
 };
 export {
-  v as useClipboard
+  l as useClipboard
 };
 //# sourceMappingURL=useClipboard.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.mjs","sources":["../../../../src/hooks/useClipboard/useClipboard.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { copy } from '@/utils/helpers';\n\n/** The use copy to clipboard return type */\nexport interface UseCopyToClipboardReturn {\n  /** The copied value */\n  value: string | null;\n  /** Function to copy to clipboard  */\n  copy: (value: string) => Promise<void>;\n}\n\n/** The use copy to clipboard params type */\nexport interface UseCopyToClipboardParams {\n  /** Whether the copy to clipboard is enabled */\n  enabled: boolean;\n}\n\n/**\n * @name useClipboard\n * @description - Hook that manages a copy to clipboard\n * @category Browser\n *\n * @browserapi navigator.clipboard https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard\n *\n * @param {boolean} [params.enabled=false] Whether the copy to clipboard is enabled\n * @returns {UseCopyToClipboardReturn} An object containing the boolean state value and utility functions to manipulate the state\n *\n * @example\n * const { value, copy } = useClipboard();\n */\nexport const useClipboard = (params?: UseCopyToClipboardParams): UseCopyToClipboardReturn => {\n  const [value, setValue] = useState<string | null>(null);\n  const enabled = params?.enabled ?? false;\n\n  const set = async () => {\n    try {\n      const value = await navigator.clipboard.readText();\n      setValue(value);\n    } catch {\n      setValue(document.getSelection?.()?.toString() ?? '');\n    }\n  };\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener('copy', set);\n    document.addEventListener('cut', set);\n    return () => {\n      document.removeEventListener('copy', set);\n      document.removeEventListener('cut', set);\n    };\n  }, [enabled]);\n\n  const copyToClipboard = async (value: string) => {\n    copy(value);\n    setValue(value);\n  };\n\n  return { value, copy: copyToClipboard };\n};\n"],"names":["useClipboard","params","value","setValue","useState","enabled","set","_b","_a","useEffect","copy"],"mappings":";;AA+Ba,MAAAA,IAAe,CAACC,MAAgE;AAC3F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChDC,KAAUJ,KAAA,gBAAAA,EAAQ,YAAW,IAE7BK,IAAM,YAAY;;AAClB,QAAA;AACF,YAAMJ,IAAQ,MAAM,UAAU,UAAU,SAAS;AACjD,MAAAC,EAASD,CAAK;AAAA,IAAA,QACR;AACN,MAAAC,IAASI,KAAAC,IAAA,SAAS,iBAAT,gBAAAA,EAAA,mCAAAD,EAA2B,eAAc,EAAE;AAAA,IAAA;AAAA,EAExD;AAEA,SAAAE,EAAU,MAAM;AACd,QAAKJ;AAEI,sBAAA,iBAAiB,QAAQC,CAAG,GAC5B,SAAA,iBAAiB,OAAOA,CAAG,GAC7B,MAAM;AACF,iBAAA,oBAAoB,QAAQA,CAAG,GAC/B,SAAA,oBAAoB,OAAOA,CAAG;AAAA,MACzC;AAAA,EAAA,GACC,CAACD,CAAO,CAAC,GAOL,EAAE,OAAAH,GAAO,MALQ,OAAOA,MAAkB;AAC/C,IAAAQ,EAAKR,CAAK,GACVC,EAASD,CAAK;AAAA,EAChB,EAEsC;AACxC;"}
+{"version":3,"file":"useClipboard.mjs","sources":["../../../../src/hooks/useClipboard/useClipboard.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { copy } from '@/utils/helpers';\n\n/** The use copy to clipboard return type */\nexport interface UseCopyToClipboardReturn {\n  /** The copied value */\n  value: string | null;\n  /** Function to copy to clipboard  */\n  copy: (value: string) => Promise<void>;\n}\n\n/** The use copy to clipboard params type */\nexport interface UseCopyToClipboardParams {\n  /** Whether the copy to clipboard is enabled */\n  enabled: boolean;\n}\n\n/**\n * @name useClipboard\n * @description - Hook that manages a copy to clipboard\n * @category Browser\n *\n * @browserapi navigator.clipboard https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard\n *\n * @param {boolean} [params.enabled=false] Whether the copy to clipboard is enabled\n * @returns {UseCopyToClipboardReturn} An object containing the boolean state value and utility functions to manipulate the state\n *\n * @example\n * const { value, copy } = useClipboard();\n */\nexport const useClipboard = (params?: UseCopyToClipboardParams): UseCopyToClipboardReturn => {\n  const [value, setValue] = useState<string | null>(null);\n  const enabled = params?.enabled ?? false;\n\n  const set = async () => {\n    try {\n      const value = await navigator.clipboard.readText();\n      setValue(value);\n    } catch {\n      setValue(document.getSelection?.()?.toString() ?? '');\n    }\n  };\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener('copy', set);\n    document.addEventListener('cut', set);\n    return () => {\n      document.removeEventListener('copy', set);\n      document.removeEventListener('cut', set);\n    };\n  }, [enabled]);\n\n  const copyToClipboard = async (value: string) => {\n    copy(value);\n    setValue(value);\n  };\n\n  return { value, copy: copyToClipboard };\n};\n"],"names":["useClipboard","params","value","setValue","useState","enabled","set","useEffect","copy"],"mappings":";;AA+BO,MAAMA,IAAe,CAACC,MAAgE;AAC3F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChDC,IAAUJ,GAAQ,WAAW,IAE7BK,IAAM,YAAY;AACtB,QAAI;AACF,YAAMJ,IAAQ,MAAM,UAAU,UAAU,SAAA;AACxC,MAAAC,EAASD,CAAK;AAAA,IAAA,QACR;AACN,MAAAC,EAAS,SAAS,eAAA,GAAkB,SAAA,KAAc,EAAE;AAAA,IAAA;AAAA,EACtD;AAGF,SAAAI,EAAU,MAAM;AACd,QAAKF;AAEL,sBAAS,iBAAiB,QAAQC,CAAG,GACrC,SAAS,iBAAiB,OAAOA,CAAG,GAC7B,MAAM;AACX,iBAAS,oBAAoB,QAAQA,CAAG,GACxC,SAAS,oBAAoB,OAAOA,CAAG;AAAA,MAAA;AAAA,EACzC,GACC,CAACD,CAAO,CAAC,GAOL,EAAE,OAAAH,GAAO,MALQ,OAAOA,MAAkB;AAC/C,IAAAM,EAAKN,CAAK,GACVC,EAASD,CAAK;AAAA,EAAA,EAGM;AACxB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useConst.mjs","sources":["../../../../src/hooks/useConst/useConst.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/**\n * @name useConst\n * @description - Hook that returns the constant value\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {(() => Value) | Value} initialValue The initial value of the constant\n * @returns {Value} The constant value\n *\n * @example\n * const value = useConst('value');\n */\nexport const useConst = <Value>(initialValue: (() => Value) | Value) =>\n  useRef<Value>(typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue)\n    .current;\n"],"names":["useConst","initialValue","useRef"],"mappings":";AAca,MAAAA,IAAW,CAAQC,MAC9BC,EAAc,OAAOD,KAAiB,aAAcA,MAAiCA,CAAY,EAC9F;"}
+{"version":3,"file":"useConst.mjs","sources":["../../../../src/hooks/useConst/useConst.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/**\n * @name useConst\n * @description - Hook that returns the constant value\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {(() => Value) | Value} initialValue The initial value of the constant\n * @returns {Value} The constant value\n *\n * @example\n * const value = useConst('value');\n */\nexport const useConst = <Value>(initialValue: (() => Value) | Value) =>\n  useRef<Value>(typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue)\n    .current;\n"],"names":["useConst","initialValue","useRef"],"mappings":";AAcO,MAAMA,IAAW,CAAQC,MAC9BC,EAAc,OAAOD,KAAiB,aAAcA,MAAiCA,CAAY,EAC9F;"}

package/dist/esm/hooks/useCookie/useCookie.mjs

@@ -1,26 +1,26 @@
 import { useState as l, useEffect as $ } from "react";
-const C = () => Object.fromEntries(
+const p = () => Object.fromEntries(
   document.cookie.split("; ").map((n) => {
-    const [t, ...e] = n.split("="), r = decodeURIComponent(e.join("="));
-    return [t, r];
+    const [e, ...t] = n.split("="), o = decodeURIComponent(t.join("="));
+    return [e, o];
   })
-), v = (n, t = {}) => {
-  document.cookie = `${encodeURIComponent(n)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${t.path ? `; path=${t.path}` : ""}${t.domain ? `; domain=${t.domain}` : ""}${t.maxAge ? "; max-age=0" : ""}${t.expires ? "; expires=Thu, 01 Jan 1970 00:00:00 GMT" : ""}${t.secure ? "; secure" : ""}${t.sameSite ? `; samesite=${t.sameSite}` : ""}`;
-}, k = (n, t, e = {}) => {
-  const r = [`${encodeURIComponent(n)}=${encodeURIComponent(t)}`];
-  e.path && r.push(`path=${e.path}`), e.domain && r.push(`domain=${e.domain}`), typeof e.maxAge == "number" && r.push(`max-age=${e.maxAge}`), e.expires && r.push(`expires=${e.expires.toUTCString()}`), e.secure && r.push("secure"), e.httpOnly && r.push("httpOnly"), e.sameSite && r.push(`samesite=${e.sameSite}`), document.cookie = r.join("; ");
-}, c = "reactuse-cookie", m = () => window.dispatchEvent(new Event(c)), a = (n, t, e) => {
-  k(n, t, e), m();
-}, x = (n, t) => {
-  v(n, t), m();
-}, d = (n) => C()[n], z = (n, t) => {
-  const e = typeof t == "object" && t && ("serializer" in t || "deserializer" in t || "initialValue" in t) ? t : void 0, r = e ? e == null ? void 0 : e.initialValue : t;
+), C = (n, e = {}) => {
+  document.cookie = `${encodeURIComponent(n)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${e.path ? `; path=${e.path}` : ""}${e.domain ? `; domain=${e.domain}` : ""}${e.maxAge ? "; max-age=0" : ""}${e.expires ? "; expires=Thu, 01 Jan 1970 00:00:00 GMT" : ""}${e.secure ? "; secure" : ""}${e.sameSite ? `; samesite=${e.sameSite}` : ""}`;
+}, v = (n, e, t = {}) => {
+  const o = [`${encodeURIComponent(n)}=${encodeURIComponent(e)}`];
+  t.path && o.push(`path=${t.path}`), t.domain && o.push(`domain=${t.domain}`), typeof t.maxAge == "number" && o.push(`max-age=${t.maxAge}`), t.expires && o.push(`expires=${t.expires.toUTCString()}`), t.secure && o.push("secure"), t.httpOnly && o.push("httpOnly"), t.sameSite && o.push(`samesite=${t.sameSite}`), document.cookie = o.join("; ");
+}, c = "reactuse-cookie", m = () => window.dispatchEvent(new Event(c)), a = (n, e, t) => {
+  v(n, e, t), m();
+}, k = (n, e) => {
+  C(n, e), m();
+}, d = (n) => p()[n], z = (n, e) => {
+  const t = typeof e == "object" && e && ("serializer" in e || "deserializer" in e || "initialValue" in e) ? e : void 0, o = t ? t?.initialValue : e;
   if (typeof document > "u")
     return {
-      value: typeof r == "function" ? r() : r
+      value: typeof o == "function" ? o() : o
     };
-  const s = (i) => e != null && e.serializer ? e.serializer(i) : typeof i == "string" ? i : JSON.stringify(i), u = (i) => {
-    if (e != null && e.deserializer) return e.deserializer(i);
+  const s = (i) => t?.serializer ? t.serializer(i) : typeof i == "string" ? i : JSON.stringify(i), u = (i) => {
+    if (t?.deserializer) return t.deserializer(i);
     if (i !== "undefined")
       try {
         return JSON.parse(i);
@@ -29,28 +29,28 @@ const C = () => Object.fromEntries(
       }
   }, [f, h] = l(() => {
     const i = d(n);
-    if (i === void 0 && r !== void 0) {
-      const o = typeof r == "function" ? r() : r;
-      return a(n, s(o), e), o;
+    if (i === void 0 && o !== void 0) {
+      const r = typeof o == "function" ? o() : o;
+      return a(n, s(r), t), r;
     }
     return i ? u(i) : void 0;
   });
   return $(() => {
     const i = () => {
-      const o = d(n);
-      h(o ? u(o) : void 0);
+      const r = d(n);
+      h(r ? u(r) : void 0);
     };
     return window.addEventListener(c, i), () => window.removeEventListener(c, i);
-  }, [n]), { value: f, set: (i, o) => a(n, s(i), { ...e, ...o }), remove: (i) => x(n, { ...e, ...i }) };
+  }, [n]), { value: f, set: (i, r) => a(n, s(i), { ...t, ...r }), remove: (i) => k(n, { ...t, ...i }) };
 };
 export {
   c as COOKIE_EVENT,
   m as dispatchCookieEvent,
   d as getCookie,
-  C as getCookies,
-  v as removeCookie,
-  x as removeCookieItem,
-  k as setCookie,
+  p as getCookies,
+  C as removeCookie,
+  k as removeCookieItem,
+  v as setCookie,
   a as setCookieItem,
   z as useCookie
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useCookie.mjs","sources":["../../../../src/hooks/useCookie/useCookie.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const getCookies = () =>\n  Object.fromEntries(\n    document.cookie.split('; ').map((cookie) => {\n      const [key, ...value] = cookie.split('=');\n      const decodedValue = decodeURIComponent(value.join('='));\n      return [key, decodedValue];\n    })\n  );\n\nexport interface RemoveCookieParams {\n  domain?: string;\n  expires?: Date;\n  maxAge?: number;\n  path?: string;\n  sameSite?: 'Lax' | 'None' | 'Strict';\n  secure?: boolean;\n}\n\nexport const removeCookie = (key: string, options: RemoveCookieParams = {}) => {\n  document.cookie = `${encodeURIComponent(key)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${\n    options.path ? `; path=${options.path}` : ''\n  }${options.domain ? `; domain=${options.domain}` : ''}${\n    options.maxAge ? `; max-age=0` : ''\n  }${options.expires ? `; expires=Thu, 01 Jan 1970 00:00:00 GMT` : ''}${\n    options.secure ? `; secure` : ''\n  }${options.sameSite ? `; samesite=${options.sameSite}` : ''}`;\n};\n\nexport interface SetCookieParams {\n  domain?: string;\n  expires?: Date;\n  httpOnly?: boolean;\n  maxAge?: number;\n  path?: string;\n  sameSite?: 'Lax' | 'None' | 'Strict';\n  secure?: boolean;\n}\n\nexport const setCookie = (key: string, value: string, options: SetCookieParams = {}) => {\n  const cookie = [`${encodeURIComponent(key)}=${encodeURIComponent(value)}`];\n\n  if (options.path) cookie.push(`path=${options.path}`);\n  if (options.domain) cookie.push(`domain=${options.domain}`);\n  if (typeof options.maxAge === 'number') cookie.push(`max-age=${options.maxAge}`);\n  if (options.expires) cookie.push(`expires=${options.expires.toUTCString()}`);\n  if (options.secure) cookie.push(`secure`);\n  if (options.httpOnly) cookie.push(`httpOnly`);\n  if (options.sameSite) cookie.push(`samesite=${options.sameSite}`);\n\n  document.cookie = cookie.join('; ');\n};\n\n/* The use cookie initial value type */\nexport type UseCookieInitialValue<Value> = (() => Value) | Value;\n\n/* The use cookie options type */\nexport interface UseCookieOptions<Value> {\n  /* The domain of the cookie */\n  domain?: string;\n  /* The expiration date of the cookie */\n  expires?: Date;\n  /* Whether the cookie is httpOnly */\n  httpOnly?: boolean;\n  /* The initial value of the storage */\n  initialValue?: UseCookieInitialValue<Value>;\n  /* The maximum age of the cookie */\n  maxAge?: number;\n  /* The path of the cookie */\n  path?: string;\n  /* The sameSite of the cookie */\n  sameSite?: 'Lax' | 'None' | 'Strict';\n  /* Whether the cookie is secure */\n  secure?: boolean;\n  /* The deserializer function to be invoked */\n  deserializer?: (value: string) => Value;\n  /* The serializer function to be invoked */\n  serializer?: (value: Value) => string;\n}\n\n/* The use cookie return type */\nexport interface UseCookieReturn<Value> {\n  /* The value of the cookie */\n  value: Value;\n  /* The remove function */\n  remove: (options?: RemoveCookieParams) => void;\n  /* The set function */\n  set: (value: Value, options?: SetCookieParams) => void;\n}\n\nexport const COOKIE_EVENT = 'reactuse-cookie';\n\nexport const dispatchCookieEvent = () => window.dispatchEvent(new Event(COOKIE_EVENT));\n\nexport const setCookieItem = (key: string, value: string, options?: SetCookieParams) => {\n  setCookie(key, value, options);\n  dispatchCookieEvent();\n};\n\nexport const removeCookieItem = (key: string, options?: RemoveCookieParams) => {\n  removeCookie(key, options);\n  dispatchCookieEvent();\n};\n\nexport const getCookie = (key: string): string | undefined => {\n  const cookies = getCookies();\n  return cookies[key];\n};\n\nexport interface UseCookie {\n  <Value>(\n    key: string,\n    options: UseCookieOptions<Value> & {\n      initialValue: UseCookieInitialValue<Value>;\n    }\n  ): UseCookieReturn<Value>;\n\n  <Value>(key: string, options?: UseCookieOptions<Value>): UseCookieReturn<Value | undefined>;\n\n  <Value>(key: string, initialValue: UseCookieInitialValue<Value>): UseCookieReturn<Value>;\n\n  <Value>(key: string): UseCookieReturn<Value | undefined>;\n}\n\n/**\n * @name useCookie\n * @description - Hook that manages cookie value\n * @category Browser\n *\n * @overload\n * @template Value The type of the cookie value\n * @param {string} key The key of the cookie\n * @param {UseCookieInitialValue<Value>} [initialValue] The initial value of the cookie\n * @returns {UseCookieReturn<Value>} The value and the set function\n *\n * @overload\n * @template Value The type of the cookie value\n * @param {string} key The key of the cookie\n * @param {UseCookieOptions<Value>} options The options object\n * @param {UseCookieInitialValue<Value>} [options.initialValue] The initial value of the cookie\n * @param {(value: string) => Value} [options.deserializer] The deserializer function to be invoked\n * @param {(value: Value) => string} [options.serializer] The serializer function to be invoked\n * @returns {UseCookieReturn<Value | undefined>} The value and the set function\n *\n * @example\n * const { value, set, remove } = useCookie('key', 'value');\n */\nexport const useCookie = (<Value>(key: string, params?: any) => {\n  const options = (\n    typeof params === 'object' &&\n    params &&\n    ('serializer' in params || 'deserializer' in params || 'initialValue' in params)\n      ? params\n      : undefined\n  ) as UseCookieOptions<Value>;\n  const initialValue = (options ? options?.initialValue : params) as UseCookieInitialValue<Value>;\n\n  if (typeof document === 'undefined')\n    return {\n      value: typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue\n    } as UseCookieReturn<Value>;\n\n  const serializer = (value: Value) => {\n    if (options?.serializer) return options.serializer(value);\n    if (typeof value === 'string') return value;\n    return JSON.stringify(value);\n  };\n\n  const deserializer = (value: string) => {\n    if (options?.deserializer) return options.deserializer(value);\n    if (value === 'undefined') return undefined as unknown as Value;\n\n    try {\n      return JSON.parse(value) as Value;\n    } catch {\n      return value as Value;\n    }\n  };\n\n  const [value, setValue] = useState<Value | undefined>(() => {\n    const cookieValue = getCookie(key);\n    if (cookieValue === undefined && initialValue !== undefined) {\n      const value =\n        typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\n      setCookieItem(key, serializer(value), options);\n      return value;\n    }\n    return cookieValue ? deserializer(cookieValue) : undefined;\n  });\n\n  useEffect(() => {\n    const onChange = () => {\n      const cookieValue = getCookie(key);\n      setValue(cookieValue ? deserializer(cookieValue) : undefined);\n    };\n    window.addEventListener(COOKIE_EVENT, onChange);\n    return () => window.removeEventListener(COOKIE_EVENT, onChange);\n  }, [key]);\n\n  const set = (value: Value, params?: SetCookieParams) =>\n    setCookieItem(key, serializer(value), { ...options, ...params });\n  const remove = (params?: RemoveCookieParams) => removeCookieItem(key, { ...options, ...params });\n\n  return { value, set, remove };\n}) as UseCookie;\n"],"names":["getCookies","cookie","key","value","decodedValue","removeCookie","options","setCookie","COOKIE_EVENT","dispatchCookieEvent","setCookieItem","removeCookieItem","getCookie","useCookie","params","initialValue","serializer","deserializer","setValue","useState","cookieValue","useEffect","onChange"],"mappings":"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"}
+{"version":3,"file":"useCookie.mjs","sources":["../../../../src/hooks/useCookie/useCookie.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const getCookies = () =>\n  Object.fromEntries(\n    document.cookie.split('; ').map((cookie) => {\n      const [key, ...value] = cookie.split('=');\n      const decodedValue = decodeURIComponent(value.join('='));\n      return [key, decodedValue];\n    })\n  );\n\nexport interface RemoveCookieParams {\n  domain?: string;\n  expires?: Date;\n  maxAge?: number;\n  path?: string;\n  sameSite?: 'Lax' | 'None' | 'Strict';\n  secure?: boolean;\n}\n\nexport const removeCookie = (key: string, options: RemoveCookieParams = {}) => {\n  document.cookie = `${encodeURIComponent(key)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${\n    options.path ? `; path=${options.path}` : ''\n  }${options.domain ? `; domain=${options.domain}` : ''}${\n    options.maxAge ? `; max-age=0` : ''\n  }${options.expires ? `; expires=Thu, 01 Jan 1970 00:00:00 GMT` : ''}${\n    options.secure ? `; secure` : ''\n  }${options.sameSite ? `; samesite=${options.sameSite}` : ''}`;\n};\n\nexport interface SetCookieParams {\n  domain?: string;\n  expires?: Date;\n  httpOnly?: boolean;\n  maxAge?: number;\n  path?: string;\n  sameSite?: 'Lax' | 'None' | 'Strict';\n  secure?: boolean;\n}\n\nexport const setCookie = (key: string, value: string, options: SetCookieParams = {}) => {\n  const cookie = [`${encodeURIComponent(key)}=${encodeURIComponent(value)}`];\n\n  if (options.path) cookie.push(`path=${options.path}`);\n  if (options.domain) cookie.push(`domain=${options.domain}`);\n  if (typeof options.maxAge === 'number') cookie.push(`max-age=${options.maxAge}`);\n  if (options.expires) cookie.push(`expires=${options.expires.toUTCString()}`);\n  if (options.secure) cookie.push(`secure`);\n  if (options.httpOnly) cookie.push(`httpOnly`);\n  if (options.sameSite) cookie.push(`samesite=${options.sameSite}`);\n\n  document.cookie = cookie.join('; ');\n};\n\n/* The use cookie initial value type */\nexport type UseCookieInitialValue<Value> = (() => Value) | Value;\n\n/* The use cookie options type */\nexport interface UseCookieOptions<Value> {\n  /* The domain of the cookie */\n  domain?: string;\n  /* The expiration date of the cookie */\n  expires?: Date;\n  /* Whether the cookie is httpOnly */\n  httpOnly?: boolean;\n  /* The initial value of the storage */\n  initialValue?: UseCookieInitialValue<Value>;\n  /* The maximum age of the cookie */\n  maxAge?: number;\n  /* The path of the cookie */\n  path?: string;\n  /* The sameSite of the cookie */\n  sameSite?: 'Lax' | 'None' | 'Strict';\n  /* Whether the cookie is secure */\n  secure?: boolean;\n  /* The deserializer function to be invoked */\n  deserializer?: (value: string) => Value;\n  /* The serializer function to be invoked */\n  serializer?: (value: Value) => string;\n}\n\n/* The use cookie return type */\nexport interface UseCookieReturn<Value> {\n  /* The value of the cookie */\n  value: Value;\n  /* The remove function */\n  remove: (options?: RemoveCookieParams) => void;\n  /* The set function */\n  set: (value: Value, options?: SetCookieParams) => void;\n}\n\nexport const COOKIE_EVENT = 'reactuse-cookie';\n\nexport const dispatchCookieEvent = () => window.dispatchEvent(new Event(COOKIE_EVENT));\n\nexport const setCookieItem = (key: string, value: string, options?: SetCookieParams) => {\n  setCookie(key, value, options);\n  dispatchCookieEvent();\n};\n\nexport const removeCookieItem = (key: string, options?: RemoveCookieParams) => {\n  removeCookie(key, options);\n  dispatchCookieEvent();\n};\n\nexport const getCookie = (key: string): string | undefined => {\n  const cookies = getCookies();\n  return cookies[key];\n};\n\nexport interface UseCookie {\n  <Value>(\n    key: string,\n    options: UseCookieOptions<Value> & {\n      initialValue: UseCookieInitialValue<Value>;\n    }\n  ): UseCookieReturn<Value>;\n\n  <Value>(key: string, options?: UseCookieOptions<Value>): UseCookieReturn<Value | undefined>;\n\n  <Value>(key: string, initialValue: UseCookieInitialValue<Value>): UseCookieReturn<Value>;\n\n  <Value>(key: string): UseCookieReturn<Value | undefined>;\n}\n\n/**\n * @name useCookie\n * @description - Hook that manages cookie value\n * @category Browser\n *\n * @overload\n * @template Value The type of the cookie value\n * @param {string} key The key of the cookie\n * @param {UseCookieInitialValue<Value>} [initialValue] The initial value of the cookie\n * @returns {UseCookieReturn<Value>} The value and the set function\n *\n * @overload\n * @template Value The type of the cookie value\n * @param {string} key The key of the cookie\n * @param {UseCookieOptions<Value>} options The options object\n * @param {UseCookieInitialValue<Value>} [options.initialValue] The initial value of the cookie\n * @param {(value: string) => Value} [options.deserializer] The deserializer function to be invoked\n * @param {(value: Value) => string} [options.serializer] The serializer function to be invoked\n * @returns {UseCookieReturn<Value | undefined>} The value and the set function\n *\n * @example\n * const { value, set, remove } = useCookie('key', 'value');\n */\nexport const useCookie = (<Value>(key: string, params?: any) => {\n  const options = (\n    typeof params === 'object' &&\n    params &&\n    ('serializer' in params || 'deserializer' in params || 'initialValue' in params)\n      ? params\n      : undefined\n  ) as UseCookieOptions<Value>;\n  const initialValue = (options ? options?.initialValue : params) as UseCookieInitialValue<Value>;\n\n  if (typeof document === 'undefined')\n    return {\n      value: typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue\n    } as UseCookieReturn<Value>;\n\n  const serializer = (value: Value) => {\n    if (options?.serializer) return options.serializer(value);\n    if (typeof value === 'string') return value;\n    return JSON.stringify(value);\n  };\n\n  const deserializer = (value: string) => {\n    if (options?.deserializer) return options.deserializer(value);\n    if (value === 'undefined') return undefined as unknown as Value;\n\n    try {\n      return JSON.parse(value) as Value;\n    } catch {\n      return value as Value;\n    }\n  };\n\n  const [value, setValue] = useState<Value | undefined>(() => {\n    const cookieValue = getCookie(key);\n    if (cookieValue === undefined && initialValue !== undefined) {\n      const value =\n        typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\n      setCookieItem(key, serializer(value), options);\n      return value;\n    }\n    return cookieValue ? deserializer(cookieValue) : undefined;\n  });\n\n  useEffect(() => {\n    const onChange = () => {\n      const cookieValue = getCookie(key);\n      setValue(cookieValue ? deserializer(cookieValue) : undefined);\n    };\n    window.addEventListener(COOKIE_EVENT, onChange);\n    return () => window.removeEventListener(COOKIE_EVENT, onChange);\n  }, [key]);\n\n  const set = (value: Value, params?: SetCookieParams) =>\n    setCookieItem(key, serializer(value), { ...options, ...params });\n  const remove = (params?: RemoveCookieParams) => removeCookieItem(key, { ...options, ...params });\n\n  return { value, set, remove };\n}) as UseCookie;\n"],"names":["getCookies","cookie","key","value","decodedValue","removeCookie","options","setCookie","COOKIE_EVENT","dispatchCookieEvent","setCookieItem","removeCookieItem","getCookie","useCookie","params","initialValue","serializer","deserializer","setValue","useState","cookieValue","useEffect","onChange"],"mappings":"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"}

package/dist/esm/hooks/useCookies/useCookies.mjs

@@ -1,15 +1,15 @@
 import { useState as l, useEffect as m } from "react";
-import { removeCookie as a, COOKIE_EVENT as c, removeCookieItem as k, setCookieItem as C, dispatchCookieEvent as E } from "../useCookie/useCookie.mjs";
-const g = () => {
-  document.cookie.split("; ").forEach((r) => {
-    const [o] = r.split("=");
-    a(o);
+import { removeCookie as a, COOKIE_EVENT as s, removeCookieItem as k, setCookieItem as C, dispatchCookieEvent as p } from "../useCookie/useCookie.mjs";
+const E = () => {
+  document.cookie.split("; ").forEach((t) => {
+    const [n] = t.split("=");
+    a(n);
   });
-}, h = () => {
-  g(), E();
-}, N = (r) => {
-  const o = (e) => r != null && r.serializer ? r.serializer(e) : typeof e == "string" ? e : JSON.stringify(e), s = (e) => {
-    if (r != null && r.deserializer) return r.deserializer(e);
+}, g = () => {
+  E(), p();
+}, O = (t) => {
+  const n = (e) => t?.serializer ? t.serializer(e) : typeof e == "string" ? e : JSON.stringify(e), c = (e) => {
+    if (t?.deserializer) return t.deserializer(e);
     if (e !== "undefined")
       try {
         return JSON.parse(e);
@@ -18,21 +18,21 @@ const g = () => {
       }
   }, i = () => document.cookie ? Object.fromEntries(
     document.cookie.split("; ").map((e) => {
-      const [t, ...n] = e.split("=");
-      if (!t || !n.length) return [];
-      const f = decodeURIComponent(n.join("="));
-      return [t, s(f)];
+      const [r, ...o] = e.split("=");
+      if (!r || !o.length) return [];
+      const f = decodeURIComponent(o.join("="));
+      return [r, c(f)];
     }).filter((e) => e.length)
   ) : {}, [d, u] = l(() => typeof window > "u" ? {} : i());
   return m(() => {
     const e = () => u(i());
-    return window.addEventListener(c, e), () => {
-      window.removeEventListener(c, e);
+    return window.addEventListener(s, e), () => {
+      window.removeEventListener(s, e);
     };
-  }, []), { value: d, set: (e, t, n) => C(e, o(t), n), remove: (e, t) => k(e, t), getAll: () => i(), clear: () => h() };
+  }, []), { value: d, set: (e, r, o) => C(e, n(r), o), remove: (e, r) => k(e, r), getAll: () => i(), clear: () => g() };
 };
 export {
-  g as clearCookies,
-  N as useCookies
+  E as clearCookies,
+  O as useCookies
 };
 //# sourceMappingURL=useCookies.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCookies.mjs","sources":["../../../../src/hooks/useCookies/useCookies.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { RemoveCookieParams, SetCookieParams } from '../useCookie/useCookie';\n\nimport {\n  COOKIE_EVENT,\n  dispatchCookieEvent,\n  removeCookie,\n  removeCookieItem,\n  setCookieItem\n} from '../useCookie/useCookie';\n\n/** The cookies params type */\nexport type CookieParams = Record<string, any>;\n\n/* The use cookies options type */\nexport interface UseCookiesOptions<Value> {\n  /* The deserializer function to be invoked */\n  deserializer?: (value: string) => Value[keyof Value];\n  /* The serializer function to be invoked */\n  serializer?: (value: Value[keyof Value]) => string;\n}\n\nexport const clearCookies = () => {\n  document.cookie.split('; ').forEach((cookie) => {\n    const [name] = cookie.split('=');\n    removeCookie(name);\n  });\n};\n\nconst clearCookieItems = () => {\n  clearCookies();\n  dispatchCookieEvent();\n};\n\n/**\n * @name useCookies\n * @description - Hook that manages cookie values\n * @category Browser\n *\n * @overload\n * @template {object} Value The type of the cookie values\n * @returns {UseCookieReturn<Value>} The value and the set function\n *\n * @example\n * const { value, set, remove, getAll, clear } = useCookies();\n */\nexport const useCookies = <Value extends CookieParams>(options?: UseCookiesOptions<Value>) => {\n  const serializer = (value: Value[keyof Value]) => {\n    if (options?.serializer) return options.serializer(value);\n    if (typeof value === 'string') return value;\n    return JSON.stringify(value);\n  };\n\n  const deserializer = (value: string) => {\n    if (options?.deserializer) return options.deserializer(value);\n    if (value === 'undefined') return undefined as unknown as Value[keyof Value];\n\n    try {\n      return JSON.parse(value) as Value;\n    } catch {\n      return value as Value[keyof Value];\n    }\n  };\n\n  const getParsedCookies = () => {\n    if (!document.cookie) return {};\n\n    return Object.fromEntries(\n      document.cookie\n        .split('; ')\n        .map((cookie) => {\n          const [key, ...value] = cookie.split('=');\n          if (!key || !value.length) return [];\n          const decodedValue = decodeURIComponent(value.join('='));\n          return [key, deserializer(decodedValue)];\n        })\n        .filter((entry) => entry.length)\n    );\n  };\n\n  const [value, setValue] = useState(() => {\n    if (typeof window === 'undefined') return {} as Value;\n    return getParsedCookies() as Value;\n  });\n\n  useEffect(() => {\n    const onChange = () => setValue(getParsedCookies() as Value);\n\n    window.addEventListener(COOKIE_EVENT, onChange);\n    return () => {\n      window.removeEventListener(COOKIE_EVENT, onChange);\n    };\n  }, []);\n\n  const set = <Key extends keyof Value>(key: Key, value: Value[Key], options?: SetCookieParams) =>\n    setCookieItem(key as string, serializer(value), options);\n\n  const remove = <Key extends keyof Value>(key: Key, options?: RemoveCookieParams) =>\n    removeCookieItem(key as string, options);\n  const getAll = () => getParsedCookies();\n  const clear = () => clearCookieItems();\n\n  return { value, set, remove, getAll, clear };\n};\n"],"names":["clearCookies","cookie","name","removeCookie","clearCookieItems","dispatchCookieEvent","useCookies","options","serializer","value","deserializer","getParsedCookies","key","decodedValue","entry","setValue","useState","useEffect","onChange","COOKIE_EVENT","setCookieItem","removeCookieItem"],"mappings":";;AAuBO,MAAMA,IAAe,MAAM;AAChC,WAAS,OAAO,MAAM,IAAI,EAAE,QAAQ,CAACC,MAAW;AAC9C,UAAM,CAACC,CAAI,IAAID,EAAO,MAAM,GAAG;AAC/B,IAAAE,EAAaD,CAAI;AAAA,EAAA,CAClB;AACH,GAEME,IAAmB,MAAM;AAChB,EAAAJ,EAAA,GACOK,EAAA;AACtB,GAcaC,IAAa,CAA6BC,MAAuC;AACtF,QAAAC,IAAa,CAACC,MACdF,KAAA,QAAAA,EAAS,aAAmBA,EAAQ,WAAWE,CAAK,IACpD,OAAOA,KAAU,WAAiBA,IAC/B,KAAK,UAAUA,CAAK,GAGvBC,IAAe,CAACD,MAAkB;AACtC,QAAIF,KAAA,QAAAA,EAAS,aAAqB,QAAAA,EAAQ,aAAaE,CAAK;AACxDA,QAAAA,MAAU;AAEV,UAAA;AACK,eAAA,KAAK,MAAMA,CAAK;AAAA,MAAA,QACjB;AACCA,eAAAA;AAAAA,MAAA;AAAA,EAEX,GAEME,IAAmB,MAClB,SAAS,SAEP,OAAO;AAAA,IACZ,SAAS,OACN,MAAM,IAAI,EACV,IAAI,CAACV,MAAW;AACf,YAAM,CAACW,GAAK,GAAGH,CAAK,IAAIR,EAAO,MAAM,GAAG;AACxC,UAAI,CAACW,KAAO,CAACH,EAAM,eAAe,CAAC;AACnC,YAAMI,IAAe,mBAAmBJ,EAAM,KAAK,GAAG,CAAC;AACvD,aAAO,CAACG,GAAKF,EAAaG,CAAY,CAAC;AAAA,IACxC,CAAA,EACA,OAAO,CAACC,MAAUA,EAAM,MAAM;AAAA,EACnC,IAZ6B,CAAC,GAe1B,CAACL,GAAOM,CAAQ,IAAIC,EAAS,MAC7B,OAAO,SAAW,MAAoB,CAAC,IACpCL,EAAiB,CACzB;AAED,SAAAM,EAAU,MAAM;AACd,UAAMC,IAAW,MAAMH,EAASJ,GAA2B;AAEpD,kBAAA,iBAAiBQ,GAAcD,CAAQ,GACvC,MAAM;AACJ,aAAA,oBAAoBC,GAAcD,CAAQ;AAAA,IACnD;AAAA,EACF,GAAG,EAAE,GAUE,EAAE,OAAAT,GAAO,KARJ,CAA0BG,GAAUH,GAAmBF,MACjEa,EAAcR,GAAeJ,EAAWC,CAAK,GAAGF,CAAO,GAOpC,QALN,CAA0BK,GAAUL,MACjDc,EAAiBT,GAAeL,CAAO,GAIZ,QAHd,MAAMI,EAAiB,GAGD,OAFvB,MAAMP,EAAiB,EAEM;AAC7C;"}
+{"version":3,"file":"useCookies.mjs","sources":["../../../../src/hooks/useCookies/useCookies.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { RemoveCookieParams, SetCookieParams } from '../useCookie/useCookie';\n\nimport {\n  COOKIE_EVENT,\n  dispatchCookieEvent,\n  removeCookie,\n  removeCookieItem,\n  setCookieItem\n} from '../useCookie/useCookie';\n\n/** The cookies params type */\nexport type CookieParams = Record<string, any>;\n\n/* The use cookies options type */\nexport interface UseCookiesOptions<Value> {\n  /* The deserializer function to be invoked */\n  deserializer?: (value: string) => Value[keyof Value];\n  /* The serializer function to be invoked */\n  serializer?: (value: Value[keyof Value]) => string;\n}\n\nexport const clearCookies = () => {\n  document.cookie.split('; ').forEach((cookie) => {\n    const [name] = cookie.split('=');\n    removeCookie(name);\n  });\n};\n\nconst clearCookieItems = () => {\n  clearCookies();\n  dispatchCookieEvent();\n};\n\n/**\n * @name useCookies\n * @description - Hook that manages cookie values\n * @category Browser\n *\n * @overload\n * @template {object} Value The type of the cookie values\n * @returns {UseCookieReturn<Value>} The value and the set function\n *\n * @example\n * const { value, set, remove, getAll, clear } = useCookies();\n */\nexport const useCookies = <Value extends CookieParams>(options?: UseCookiesOptions<Value>) => {\n  const serializer = (value: Value[keyof Value]) => {\n    if (options?.serializer) return options.serializer(value);\n    if (typeof value === 'string') return value;\n    return JSON.stringify(value);\n  };\n\n  const deserializer = (value: string) => {\n    if (options?.deserializer) return options.deserializer(value);\n    if (value === 'undefined') return undefined as unknown as Value[keyof Value];\n\n    try {\n      return JSON.parse(value) as Value;\n    } catch {\n      return value as Value[keyof Value];\n    }\n  };\n\n  const getParsedCookies = () => {\n    if (!document.cookie) return {};\n\n    return Object.fromEntries(\n      document.cookie\n        .split('; ')\n        .map((cookie) => {\n          const [key, ...value] = cookie.split('=');\n          if (!key || !value.length) return [];\n          const decodedValue = decodeURIComponent(value.join('='));\n          return [key, deserializer(decodedValue)];\n        })\n        .filter((entry) => entry.length)\n    );\n  };\n\n  const [value, setValue] = useState(() => {\n    if (typeof window === 'undefined') return {} as Value;\n    return getParsedCookies() as Value;\n  });\n\n  useEffect(() => {\n    const onChange = () => setValue(getParsedCookies() as Value);\n\n    window.addEventListener(COOKIE_EVENT, onChange);\n    return () => {\n      window.removeEventListener(COOKIE_EVENT, onChange);\n    };\n  }, []);\n\n  const set = <Key extends keyof Value>(key: Key, value: Value[Key], options?: SetCookieParams) =>\n    setCookieItem(key as string, serializer(value), options);\n\n  const remove = <Key extends keyof Value>(key: Key, options?: RemoveCookieParams) =>\n    removeCookieItem(key as string, options);\n  const getAll = () => getParsedCookies();\n  const clear = () => clearCookieItems();\n\n  return { value, set, remove, getAll, clear };\n};\n"],"names":["clearCookies","cookie","name","removeCookie","clearCookieItems","dispatchCookieEvent","useCookies","options","serializer","value","deserializer","getParsedCookies","key","decodedValue","entry","setValue","useState","useEffect","onChange","COOKIE_EVENT","setCookieItem","removeCookieItem"],"mappings":";;AAuBO,MAAMA,IAAe,MAAM;AAChC,WAAS,OAAO,MAAM,IAAI,EAAE,QAAQ,CAACC,MAAW;AAC9C,UAAM,CAACC,CAAI,IAAID,EAAO,MAAM,GAAG;AAC/B,IAAAE,EAAaD,CAAI;AAAA,EAAA,CAClB;AACH,GAEME,IAAmB,MAAM;AAC7B,EAAAJ,EAAA,GACAK,EAAA;AACF,GAcaC,IAAa,CAA6BC,MAAuC;AAC5F,QAAMC,IAAa,CAACC,MACdF,GAAS,aAAmBA,EAAQ,WAAWE,CAAK,IACpD,OAAOA,KAAU,WAAiBA,IAC/B,KAAK,UAAUA,CAAK,GAGvBC,IAAe,CAACD,MAAkB;AACtC,QAAIF,GAAS,aAAc,QAAOA,EAAQ,aAAaE,CAAK;AAC5D,QAAIA,MAAU;AAEd,UAAI;AACF,eAAO,KAAK,MAAMA,CAAK;AAAA,MAAA,QACjB;AACN,eAAOA;AAAAA,MAAA;AAAA,EACT,GAGIE,IAAmB,MAClB,SAAS,SAEP,OAAO;AAAA,IACZ,SAAS,OACN,MAAM,IAAI,EACV,IAAI,CAACV,MAAW;AACf,YAAM,CAACW,GAAK,GAAGH,CAAK,IAAIR,EAAO,MAAM,GAAG;AACxC,UAAI,CAACW,KAAO,CAACH,EAAM,eAAe,CAAA;AAClC,YAAMI,IAAe,mBAAmBJ,EAAM,KAAK,GAAG,CAAC;AACvD,aAAO,CAACG,GAAKF,EAAaG,CAAY,CAAC;AAAA,IAAA,CACxC,EACA,OAAO,CAACC,MAAUA,EAAM,MAAM;AAAA,EAAA,IAXN,CAAA,GAezB,CAACL,GAAOM,CAAQ,IAAIC,EAAS,MAC7B,OAAO,SAAW,MAAoB,CAAA,IACnCL,EAAA,CACR;AAED,SAAAM,EAAU,MAAM;AACd,UAAMC,IAAW,MAAMH,EAASJ,GAA2B;AAE3D,kBAAO,iBAAiBQ,GAAcD,CAAQ,GACvC,MAAM;AACX,aAAO,oBAAoBC,GAAcD,CAAQ;AAAA,IAAA;AAAA,EACnD,GACC,EAAE,GAUE,EAAE,OAAAT,GAAO,KARJ,CAA0BG,GAAUH,GAAmBF,MACjEa,EAAcR,GAAeJ,EAAWC,CAAK,GAAGF,CAAO,GAOpC,QALN,CAA0BK,GAAUL,MACjDc,EAAiBT,GAAeL,CAAO,GAIZ,QAHd,MAAMI,EAAA,GAGgB,OAFvB,MAAMP,EAAA,EAEiB;AACvC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCopy.mjs","sources":["../../../../src/hooks/useCopy/useCopy.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { copy } from '@/utils/helpers';\n\n/** The use copy return type */\nexport interface UseCopyReturn {\n  /** Whether copy is in progress */\n  copied: boolean;\n  /** The copied value */\n  value: string | null;\n  /** Function to copy text */\n  copy: (value: string) => Promise<void>;\n}\n\n/** The use copy params type */\nexport interface UseCopyParams {\n  /** Reset delay in milliseconds */\n  resetDelay?: number;\n}\n\n/**\n * @name useCopy\n * @description - Hook that manages copying text with status reset\n * @category Browser\n *\n * @browserapi navigator.clipboard https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard\n *\n * @param {number} [delay=1000] Delay in ms before resetting copied status\n * @returns {UseCopyReturn} An object containing the copied value, status and copy function\n *\n * @example\n * const { copied, value, copy } = useCopy();\n */\nexport const useCopy = (delay: number = 1000): UseCopyReturn => {\n  const [value, setValue] = useState<string | null>(null);\n  const [copied, setCopied] = useState(false);\n\n  const copyToClipboard = async (text: string) => {\n    await copy(text);\n    setValue(text);\n    setCopied(true);\n    setTimeout(() => setCopied(false), delay);\n  };\n\n  return { value, copied, copy: copyToClipboard };\n};\n"],"names":["useCopy","delay","value","setValue","useState","copied","setCopied","text","copy"],"mappings":";;AAiCa,MAAAA,IAAU,CAACC,IAAgB,QAAwB;AAC9D,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK;AAS1C,SAAO,EAAE,OAAAF,GAAO,QAAAG,GAAQ,MAPA,OAAOE,MAAiB;AAC9C,UAAMC,EAAKD,CAAI,GACfJ,EAASI,CAAI,GACbD,EAAU,EAAI,GACd,WAAW,MAAMA,EAAU,EAAK,GAAGL,CAAK;AAAA,EAC1C,EAE8C;AAChD;"}
+{"version":3,"file":"useCopy.mjs","sources":["../../../../src/hooks/useCopy/useCopy.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { copy } from '@/utils/helpers';\n\n/** The use copy return type */\nexport interface UseCopyReturn {\n  /** Whether copy is in progress */\n  copied: boolean;\n  /** The copied value */\n  value: string | null;\n  /** Function to copy text */\n  copy: (value: string) => Promise<void>;\n}\n\n/** The use copy params type */\nexport interface UseCopyParams {\n  /** Reset delay in milliseconds */\n  resetDelay?: number;\n}\n\n/**\n * @name useCopy\n * @description - Hook that manages copying text with status reset\n * @category Browser\n *\n * @browserapi navigator.clipboard https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard\n *\n * @param {number} [delay=1000] Delay in ms before resetting copied status\n * @returns {UseCopyReturn} An object containing the copied value, status and copy function\n *\n * @example\n * const { copied, value, copy } = useCopy();\n */\nexport const useCopy = (delay: number = 1000): UseCopyReturn => {\n  const [value, setValue] = useState<string | null>(null);\n  const [copied, setCopied] = useState(false);\n\n  const copyToClipboard = async (text: string) => {\n    await copy(text);\n    setValue(text);\n    setCopied(true);\n    setTimeout(() => setCopied(false), delay);\n  };\n\n  return { value, copied, copy: copyToClipboard };\n};\n"],"names":["useCopy","delay","value","setValue","useState","copied","setCopied","text","copy"],"mappings":";;AAiCO,MAAMA,IAAU,CAACC,IAAgB,QAAwB;AAC9D,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK;AAS1C,SAAO,EAAE,OAAAF,GAAO,QAAAG,GAAQ,MAPA,OAAOE,MAAiB;AAC9C,UAAMC,EAAKD,CAAI,GACfJ,EAASI,CAAI,GACbD,EAAU,EAAI,GACd,WAAW,MAAMA,EAAU,EAAK,GAAGL,CAAK;AAAA,EAAA,EAGZ;AAChC;"}

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

@@ -1,8 +1,7 @@
-import { useState as f } from "react";
-const h = (...u) => {
-  var c;
-  const i = typeof u[0] == "number" ? u[0] : (c = u[0]) == null ? void 0 : c.initialValue, { max: e = Number.POSITIVE_INFINITY, min: o = Number.NEGATIVE_INFINITY } = typeof u[0] == "number" ? u[1] ?? {} : u[0] ?? {}, [m, r] = f(i ?? 0);
-  return { value: m, set: (t) => {
+import { useState as m } from "react";
+const d = (...u) => {
+  const i = typeof u[0] == "number" ? u[0] : u[0]?.initialValue, { max: e = Number.POSITIVE_INFINITY, min: o = Number.NEGATIVE_INFINITY } = typeof u[0] == "number" ? u[1] ?? {} : u[0] ?? {}, [c, r] = m(i ?? 0);
+  return { value: c, set: (t) => {
     r((n) => Math.max(
       o,
       Math.min(e, typeof t == "number" ? t : t(n))
@@ -19,6 +18,6 @@ const h = (...u) => {
   } };
 };
 export {
-  h as useCounter
+  d as useCounter
 };
 //# sourceMappingURL=useCounter.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCounter.mjs","sources":["../../../../src/hooks/useCounter/useCounter.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useState } from 'react';\n\n/** The use counter options */\nexport interface UseCounterOptions {\n  /** The max of count value */\n  max?: number;\n  /** The min of count value */\n  min?: number;\n}\n\n/** The use counter return type */\nexport interface UseCounterReturn {\n  /** Function to set a specific value to the counter */\n  set: Dispatch<SetStateAction<number>>;\n  /** The current count value */\n  value: number;\n  /** Function to decrement the counter */\n  dec: (value?: number) => void;\n  /** Function to increment the counter */\n  inc: (value?: number) => void;\n  /** Function to reset the counter to its initial value. */\n  reset: () => void;\n}\n\nexport interface UseCounter {\n  (initialValue?: number, options?: UseCounterOptions): UseCounterReturn;\n\n  (options: UseCounterOptions & { initialValue?: number }, initialValue?: never): UseCounterReturn;\n}\n\n/**\n * @name useCounter\n * @description - Hook that manages a counter\n * @category Utilities\n *\n * @overload\n * @param {number} [initialValue=0] The initial number value\n * @param {number} [options.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [options.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n\n * @overload\n * @param {number} [params.initialValue=0] The initial number value\n * @param {number} [params.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [params.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter(5);\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter({ initialValue: 5, min: 0, max: 10 });\n */\nexport const useCounter = ((...params: any[]) => {\n  const initialValue =\n    typeof params[0] === 'number'\n      ? params[0]\n      : (params[0] as UseCounterOptions & { initialValue?: number })?.initialValue;\n  const { max = Number.POSITIVE_INFINITY, min = Number.NEGATIVE_INFINITY } =\n    typeof params[0] === 'number'\n      ? ((params[1] ?? {}) as UseCounterOptions)\n      : ((params[0] ?? {}) as UseCounterOptions & { initialValue?: number });\n\n  const [value, setValue] = useState(initialValue ?? 0);\n\n  const inc = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof max === 'number' && prevValue === max) return prevValue;\n      return Math.max(Math.min(max, prevValue + value), min);\n    });\n  };\n\n  const dec = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof min === 'number' && prevValue === min) return prevValue;\n      return Math.min(Math.max(min, prevValue - value), max);\n    });\n  };\n\n  const reset = () => {\n    const value = initialValue ?? 0;\n    if (typeof max === 'number' && value > max) return setValue(max);\n    if (typeof min === 'number' && value < min) return setValue(min);\n    setValue(value);\n  };\n\n  const set = (value: SetStateAction<number>) => {\n    setValue((prevValue) => {\n      const updatedCount = Math.max(\n        min,\n        Math.min(max, typeof value === 'number' ? value : value(prevValue))\n      );\n\n      return updatedCount;\n    });\n  };\n\n  return { value, set, inc, dec, reset };\n}) as UseCounter;\n"],"names":["useCounter","params","initialValue","_a","max","min","value","setValue","useState","prevValue"],"mappings":";AAuDa,MAAAA,IAAc,IAAIC,MAAkB;;AACzC,QAAAC,IACJ,OAAOD,EAAO,CAAC,KAAM,WACjBA,EAAO,CAAC,KACPE,IAAAF,EAAO,CAAC,MAAR,gBAAAE,EAA6D,cAC9D,EAAE,KAAAC,IAAM,OAAO,mBAAmB,KAAAC,IAAM,OAAO,kBAAA,IACnD,OAAOJ,EAAO,CAAC,KAAM,WACfA,EAAO,CAAC,KAAK,CAAA,IACbA,EAAO,CAAC,KAAK,CAAC,GAEhB,CAACK,GAAOC,CAAQ,IAAIC,EAASN,KAAgB,CAAC;AAkCpD,SAAO,EAAE,OAAAI,GAAO,KAXJ,CAACA,MAAkC;AAC7C,IAAAC,EAAS,CAACE,MACa,KAAK;AAAA,MACxBJ;AAAA,MACA,KAAK,IAAID,GAAK,OAAOE,KAAU,WAAWA,IAAQA,EAAMG,CAAS,CAAC;AAAA,IACpE,CAGD;AAAA,EACH,GAEqB,KAhCT,CAACH,IAAgB,MAAM;AACjC,IAAAC,EAAS,CAACE,MACJ,OAAOL,KAAQ,YAAYK,MAAcL,IAAYK,IAClD,KAAK,IAAI,KAAK,IAAIL,GAAKK,IAAYH,CAAK,GAAGD,CAAG,CACtD;AAAA,EACH,GA2B0B,KAzBd,CAACC,IAAgB,MAAM;AACjC,IAAAC,EAAS,CAACE,MACJ,OAAOJ,KAAQ,YAAYI,MAAcJ,IAAYI,IAClD,KAAK,IAAI,KAAK,IAAIJ,GAAKI,IAAYH,CAAK,GAAGF,CAAG,CACtD;AAAA,EACH,GAoB+B,OAlBjB,MAAM;AAClB,UAAME,IAAQJ,KAAgB;AAC9B,QAAI,OAAOE,KAAQ,YAAYE,IAAQF,EAAK,QAAOG,EAASH,CAAG;AAC/D,QAAI,OAAOC,KAAQ,YAAYC,IAAQD,EAAK,QAAOE,EAASF,CAAG;AAC/D,IAAAE,EAASD,CAAK;AAAA,EAChB,EAaqC;AACvC;"}
+{"version":3,"file":"useCounter.mjs","sources":["../../../../src/hooks/useCounter/useCounter.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useState } from 'react';\n\n/** The use counter options */\nexport interface UseCounterOptions {\n  /** The max of count value */\n  max?: number;\n  /** The min of count value */\n  min?: number;\n}\n\n/** The use counter return type */\nexport interface UseCounterReturn {\n  /** Function to set a specific value to the counter */\n  set: Dispatch<SetStateAction<number>>;\n  /** The current count value */\n  value: number;\n  /** Function to decrement the counter */\n  dec: (value?: number) => void;\n  /** Function to increment the counter */\n  inc: (value?: number) => void;\n  /** Function to reset the counter to its initial value. */\n  reset: () => void;\n}\n\nexport interface UseCounter {\n  (initialValue?: number, options?: UseCounterOptions): UseCounterReturn;\n\n  (options: UseCounterOptions & { initialValue?: number }, initialValue?: never): UseCounterReturn;\n}\n\n/**\n * @name useCounter\n * @description - Hook that manages a counter\n * @category Utilities\n *\n * @overload\n * @param {number} [initialValue=0] The initial number value\n * @param {number} [options.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [options.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n\n * @overload\n * @param {number} [params.initialValue=0] The initial number value\n * @param {number} [params.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [params.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter(5);\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter({ initialValue: 5, min: 0, max: 10 });\n */\nexport const useCounter = ((...params: any[]) => {\n  const initialValue =\n    typeof params[0] === 'number'\n      ? params[0]\n      : (params[0] as UseCounterOptions & { initialValue?: number })?.initialValue;\n  const { max = Number.POSITIVE_INFINITY, min = Number.NEGATIVE_INFINITY } =\n    typeof params[0] === 'number'\n      ? ((params[1] ?? {}) as UseCounterOptions)\n      : ((params[0] ?? {}) as UseCounterOptions & { initialValue?: number });\n\n  const [value, setValue] = useState(initialValue ?? 0);\n\n  const inc = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof max === 'number' && prevValue === max) return prevValue;\n      return Math.max(Math.min(max, prevValue + value), min);\n    });\n  };\n\n  const dec = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof min === 'number' && prevValue === min) return prevValue;\n      return Math.min(Math.max(min, prevValue - value), max);\n    });\n  };\n\n  const reset = () => {\n    const value = initialValue ?? 0;\n    if (typeof max === 'number' && value > max) return setValue(max);\n    if (typeof min === 'number' && value < min) return setValue(min);\n    setValue(value);\n  };\n\n  const set = (value: SetStateAction<number>) => {\n    setValue((prevValue) => {\n      const updatedCount = Math.max(\n        min,\n        Math.min(max, typeof value === 'number' ? value : value(prevValue))\n      );\n\n      return updatedCount;\n    });\n  };\n\n  return { value, set, inc, dec, reset };\n}) as UseCounter;\n"],"names":["useCounter","params","initialValue","max","min","value","setValue","useState","prevValue"],"mappings":";AAuDO,MAAMA,IAAc,IAAIC,MAAkB;AAC/C,QAAMC,IACJ,OAAOD,EAAO,CAAC,KAAM,WACjBA,EAAO,CAAC,IACPA,EAAO,CAAC,GAAqD,cAC9D,EAAE,KAAAE,IAAM,OAAO,mBAAmB,KAAAC,IAAM,OAAO,kBAAA,IACnD,OAAOH,EAAO,CAAC,KAAM,WACfA,EAAO,CAAC,KAAK,CAAA,IACbA,EAAO,CAAC,KAAK,CAAA,GAEf,CAACI,GAAOC,CAAQ,IAAIC,EAASL,KAAgB,CAAC;AAkCpD,SAAO,EAAE,OAAAG,GAAO,KAXJ,CAACA,MAAkC;AAC7C,IAAAC,EAAS,CAACE,MACa,KAAK;AAAA,MACxBJ;AAAA,MACA,KAAK,IAAID,GAAK,OAAOE,KAAU,WAAWA,IAAQA,EAAMG,CAAS,CAAC;AAAA,IAAA,CAIrE;AAAA,EAAA,GAGkB,KAhCT,CAACH,IAAgB,MAAM;AACjC,IAAAC,EAAS,CAACE,MACJ,OAAOL,KAAQ,YAAYK,MAAcL,IAAYK,IAClD,KAAK,IAAI,KAAK,IAAIL,GAAKK,IAAYH,CAAK,GAAGD,CAAG,CACtD;AAAA,EAAA,GA4BuB,KAzBd,CAACC,IAAgB,MAAM;AACjC,IAAAC,EAAS,CAACE,MACJ,OAAOJ,KAAQ,YAAYI,MAAcJ,IAAYI,IAClD,KAAK,IAAI,KAAK,IAAIJ,GAAKI,IAAYH,CAAK,GAAGF,CAAG,CACtD;AAAA,EAAA,GAqB4B,OAlBjB,MAAM;AAClB,UAAME,IAAQH,KAAgB;AAC9B,QAAI,OAAOC,KAAQ,YAAYE,IAAQF,EAAK,QAAOG,EAASH,CAAG;AAC/D,QAAI,OAAOC,KAAQ,YAAYC,IAAQD,EAAK,QAAOE,EAASF,CAAG;AAC/D,IAAAE,EAASD,CAAK;AAAA,EAAA,EAce;AACjC;"}

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

@@ -1,10 +1,10 @@
-import { useState as a, useEffect as y } from "react";
-import { useRefState as w } from "../useRefState/useRefState.mjs";
-import { isTarget as b } from "../../utils/helpers/isTarget.mjs";
-import { getElement as d } from "../../utils/helpers/getElement.mjs";
-const E = (...r) => {
-  const t = b(r[0]) ? r[0] : void 0, i = t ? r[1] : r[0], s = t ? r[2] : r[1], [f, c] = a(s ?? ""), o = w(window.document.documentElement), u = (e) => {
-    const n = t ? d(t) : o.current;
+import { useState as g, useEffect as m } from "react";
+import { useRefState as a } from "../useRefState/useRefState.mjs";
+import { isTarget as w } from "../../utils/helpers/isTarget.mjs";
+import { getElement as y } from "../../utils/helpers/getElement.mjs";
+const C = (...r) => {
+  const t = w(r[0]) ? r[0] : void 0, i = t ? r[1] : r[0], s = t ? r[2] : r[1], [f, c] = g(s ?? ""), o = a(window.document.documentElement), u = (e) => {
+    const n = t ? y(t) : o.current;
     if (n && n.style) {
       if (!e) {
         n.style.removeProperty(i), c(e);
@@ -13,16 +13,15 @@ const E = (...r) => {
       n.style.setProperty(i, e), c(e);
     }
   };
-  return y(() => {
+  return m(() => {
     s && u(s);
-  }, []), y(() => {
+  }, []), m(() => {
     if (!t && !o.state) return;
-    const e = t ? d(t) : o.current;
+    const e = t ? y(t) : o.current;
     if (!e) return;
     const n = () => {
-      var m;
-      const g = (m = window.getComputedStyle(e).getPropertyValue(i)) == null ? void 0 : m.trim();
-      c(g ?? s);
+      const d = window.getComputedStyle(e).getPropertyValue(i)?.trim();
+      c(d ?? s);
     }, l = new MutationObserver(n);
     return l.observe(e, { attributeFilter: ["style", "class"] }), () => {
       l.disconnect();
@@ -30,6 +29,6 @@ const E = (...r) => {
   }, [t, o.state]), t ? { value: f, set: u } : { ref: o, value: f, set: u };
 };
 export {
-  E as useCssVar
+  C as useCssVar
 };
 //# sourceMappingURL=useCssVar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCssVar.mjs","sources":["../../../../src/hooks/useCssVar/useCssVar.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The css variable return type */\nexport interface UseCssVarReturn {\n  /** The value of the CSS variable */\n  value: string;\n  /** Set the value of the CSS variable */\n  set: (value: string) => void;\n}\n\nexport interface UseCssVar {\n  (key: string, initialValue?: string): UseCssVarReturn & { ref: StateRef<Element> };\n\n  (target: HookTarget, key: string, initialValue?: string): UseCssVarReturn;\n}\n\n/**\n * @name useCssVar\n * @description - Hook that returns the value of a css variable\n * @category Utilities\n *\n * @overload\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn & { ref: StateRef<Element> }} The object containing the value of the CSS variable and ref\n *\n * @example\n * const { ref, value, set } = useCssVar('--color', 'red');\n *\n * @overload\n * @param {HookTarget} target The target element\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn} The object containing the value of the CSS variable\n *\n * @example\n * const { value, set } = useCssVar(ref, '--color', 'red');\n */\nexport const useCssVar = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const key = (target ? params[1] : params[0]) as string;\n  const initialValue = (target ? params[2] : params[1]) as string | undefined;\n\n  const [value, setValue] = useState(initialValue ?? '');\n  const internalRef = useRefState<Element>(window.document.documentElement);\n\n  const set = (value: string) => {\n    const element = (target ? getElement(target) : internalRef.current) as HTMLElement;\n    if (!element) return;\n\n    if (element.style) {\n      if (!value) {\n        element.style.removeProperty(key);\n        setValue(value);\n        return;\n      }\n\n      element.style.setProperty(key, value);\n      setValue(value);\n    }\n  };\n\n  useEffect(() => {\n    if (initialValue) set(initialValue);\n  }, []);\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const onChange = () => {\n      const value = window\n        .getComputedStyle(element as Element)\n        .getPropertyValue(key)\n        ?.trim();\n\n      setValue(value ?? initialValue);\n    };\n\n    const observer = new MutationObserver(onChange);\n\n    observer.observe(element, { attributeFilter: ['style', 'class'] });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return { value, set };\n  return { ref: internalRef, value, set };\n}) as UseCssVar;\n"],"names":["useCssVar","params","target","isTarget","key","initialValue","value","setValue","useState","internalRef","useRefState","set","element","getElement","useEffect","onChange","_a","observer"],"mappings":";;;;AA8Ca,MAAAA,IAAa,IAAIC,MAAkB;AACxC,QAAAC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAOF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACpCI,IAAgBH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAE7C,CAACK,GAAOC,CAAQ,IAAIC,EAASH,KAAgB,EAAE,GAC/CI,IAAcC,EAAqB,OAAO,SAAS,eAAe,GAElEC,IAAM,CAACL,MAAkB;AAC7B,UAAMM,IAAWV,IAASW,EAAWX,CAAM,IAAIO,EAAY;AAC3D,QAAKG,KAEDA,EAAQ,OAAO;AACjB,UAAI,CAACN,GAAO;AACF,QAAAM,EAAA,MAAM,eAAeR,CAAG,GAChCG,EAASD,CAAK;AACd;AAAA,MAAA;AAGM,MAAAM,EAAA,MAAM,YAAYR,GAAKE,CAAK,GACpCC,EAASD,CAAK;AAAA,IAAA;AAAA,EAElB;AA8BA,SA5BAQ,EAAU,MAAM;AACV,IAAAT,OAAkBA,CAAY;AAAA,EACpC,GAAG,EAAE,GAELS,EAAU,MAAM;AACd,QAAI,CAACZ,KAAU,CAACO,EAAY,MAAO;AAEnC,UAAMG,IAAWV,IAASW,EAAWX,CAAM,IAAIO,EAAY;AAC3D,QAAI,CAACG,EAAS;AAEd,UAAMG,IAAW,MAAM;;AACfT,YAAAA,KAAQU,IAAA,OACX,iBAAiBJ,CAAkB,EACnC,iBAAiBR,CAAG,MAFT,gBAAAY,EAGV;AAEJ,MAAAT,EAASD,KAASD,CAAY;AAAA,IAChC,GAEMY,IAAW,IAAI,iBAAiBF,CAAQ;AAErC,WAAAE,EAAA,QAAQL,GAAS,EAAE,iBAAiB,CAAC,SAAS,OAAO,GAAG,GAE1D,MAAM;AACX,MAAAK,EAAS,WAAW;AAAA,IACtB;AAAA,EACC,GAAA,CAACf,GAAQO,EAAY,KAAK,CAAC,GAE1BP,IAAe,EAAE,OAAAI,GAAO,KAAAK,EAAI,IACzB,EAAE,KAAKF,GAAa,OAAAH,GAAO,KAAAK,EAAI;AACxC;"}
+{"version":3,"file":"useCssVar.mjs","sources":["../../../../src/hooks/useCssVar/useCssVar.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The css variable return type */\nexport interface UseCssVarReturn {\n  /** The value of the CSS variable */\n  value: string;\n  /** Set the value of the CSS variable */\n  set: (value: string) => void;\n}\n\nexport interface UseCssVar {\n  (key: string, initialValue?: string): UseCssVarReturn & { ref: StateRef<Element> };\n\n  (target: HookTarget, key: string, initialValue?: string): UseCssVarReturn;\n}\n\n/**\n * @name useCssVar\n * @description - Hook that returns the value of a css variable\n * @category Utilities\n *\n * @overload\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn & { ref: StateRef<Element> }} The object containing the value of the CSS variable and ref\n *\n * @example\n * const { ref, value, set } = useCssVar('--color', 'red');\n *\n * @overload\n * @param {HookTarget} target The target element\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn} The object containing the value of the CSS variable\n *\n * @example\n * const { value, set } = useCssVar(ref, '--color', 'red');\n */\nexport const useCssVar = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const key = (target ? params[1] : params[0]) as string;\n  const initialValue = (target ? params[2] : params[1]) as string | undefined;\n\n  const [value, setValue] = useState(initialValue ?? '');\n  const internalRef = useRefState<Element>(window.document.documentElement);\n\n  const set = (value: string) => {\n    const element = (target ? getElement(target) : internalRef.current) as HTMLElement;\n    if (!element) return;\n\n    if (element.style) {\n      if (!value) {\n        element.style.removeProperty(key);\n        setValue(value);\n        return;\n      }\n\n      element.style.setProperty(key, value);\n      setValue(value);\n    }\n  };\n\n  useEffect(() => {\n    if (initialValue) set(initialValue);\n  }, []);\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const onChange = () => {\n      const value = window\n        .getComputedStyle(element as Element)\n        .getPropertyValue(key)\n        ?.trim();\n\n      setValue(value ?? initialValue);\n    };\n\n    const observer = new MutationObserver(onChange);\n\n    observer.observe(element, { attributeFilter: ['style', 'class'] });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return { value, set };\n  return { ref: internalRef, value, set };\n}) as UseCssVar;\n"],"names":["useCssVar","params","target","isTarget","key","initialValue","value","setValue","useState","internalRef","useRefState","set","element","getElement","useEffect","onChange","observer"],"mappings":";;;;AA8CO,MAAMA,IAAa,IAAIC,MAAkB;AAC9C,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAOF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACpCI,IAAgBH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAE7C,CAACK,GAAOC,CAAQ,IAAIC,EAASH,KAAgB,EAAE,GAC/CI,IAAcC,EAAqB,OAAO,SAAS,eAAe,GAElEC,IAAM,CAACL,MAAkB;AAC7B,UAAMM,IAAWV,IAASW,EAAWX,CAAM,IAAIO,EAAY;AAC3D,QAAKG,KAEDA,EAAQ,OAAO;AACjB,UAAI,CAACN,GAAO;AACV,QAAAM,EAAQ,MAAM,eAAeR,CAAG,GAChCG,EAASD,CAAK;AACd;AAAA,MAAA;AAGF,MAAAM,EAAQ,MAAM,YAAYR,GAAKE,CAAK,GACpCC,EAASD,CAAK;AAAA,IAAA;AAAA,EAChB;AA+BF,SA5BAQ,EAAU,MAAM;AACd,IAAIT,OAAkBA,CAAY;AAAA,EAAA,GACjC,EAAE,GAELS,EAAU,MAAM;AACd,QAAI,CAACZ,KAAU,CAACO,EAAY,MAAO;AAEnC,UAAMG,IAAWV,IAASW,EAAWX,CAAM,IAAIO,EAAY;AAC3D,QAAI,CAACG,EAAS;AAEd,UAAMG,IAAW,MAAM;AACrB,YAAMT,IAAQ,OACX,iBAAiBM,CAAkB,EACnC,iBAAiBR,CAAG,GACnB,KAAA;AAEJ,MAAAG,EAASD,KAASD,CAAY;AAAA,IAAA,GAG1BW,IAAW,IAAI,iBAAiBD,CAAQ;AAE9C,WAAAC,EAAS,QAAQJ,GAAS,EAAE,iBAAiB,CAAC,SAAS,OAAO,GAAG,GAE1D,MAAM;AACX,MAAAI,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,CAACd,GAAQO,EAAY,KAAK,CAAC,GAE1BP,IAAe,EAAE,OAAAI,GAAO,KAAAK,EAAA,IACrB,EAAE,KAAKF,GAAa,OAAAH,GAAO,KAAAK,EAAA;AACpC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDebounceCallback.mjs","sources":["../../../../src/hooks/useDebounceCallback/useDebounceCallback.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { debounce } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/**\n * @name useDebounceCallback\n * @description - Hook that creates a debounced callback\n * @category Utilities\n *\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with debounce\n *\n * @example\n * const debouncedCallback = useDebounceCallback(() => console.log('callback'), 500);\n */\nexport const useDebounceCallback = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return,\n  delay: number\n) => {\n  const internalCallback = useEvent(callback);\n  const debounced = useMemo(() => debounce(internalCallback, delay), [delay]);\n\n  return debounced;\n};\n"],"names":["useDebounceCallback","callback","delay","internalCallback","useEvent","useMemo","debounce"],"mappings":";;;AAoBa,MAAAA,IAAsB,CACjCC,GACAC,MACG;AACG,QAAAC,IAAmBC,EAASH,CAAQ;AAGnC,SAFWI,EAAQ,MAAMC,EAASH,GAAkBD,CAAK,GAAG,CAACA,CAAK,CAAC;AAG5E;"}
+{"version":3,"file":"useDebounceCallback.mjs","sources":["../../../../src/hooks/useDebounceCallback/useDebounceCallback.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { debounce } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/**\n * @name useDebounceCallback\n * @description - Hook that creates a debounced callback\n * @category Utilities\n *\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with debounce\n *\n * @example\n * const debouncedCallback = useDebounceCallback(() => console.log('callback'), 500);\n */\nexport const useDebounceCallback = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return,\n  delay: number\n) => {\n  const internalCallback = useEvent(callback);\n  const debounced = useMemo(() => debounce(internalCallback, delay), [delay]);\n\n  return debounced;\n};\n"],"names":["useDebounceCallback","callback","delay","internalCallback","useEvent","useMemo","debounce"],"mappings":";;;AAoBO,MAAMA,IAAsB,CACjCC,GACAC,MACG;AACH,QAAMC,IAAmBC,EAASH,CAAQ;AAG1C,SAFkBI,EAAQ,MAAMC,EAASH,GAAkBD,CAAK,GAAG,CAACA,CAAK,CAAC;AAG5E;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDebounceValue.mjs","sources":["../../../../src/hooks/useDebounceValue/useDebounceValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/**\n * @name useDebounceValue\n * @description - Hook that creates a debounced value\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The debounced value\n *\n * @example\n * const debouncedValue = useDebounceValue(value, 500);\n */\nexport const useDebounceValue = <Value>(value: Value, delay: number) => {\n  const previousValueRef = useRef(value);\n  const [debouncedValue, setDebounceValue] = useState(value);\n\n  const debouncedSetState = useDebounceCallback(setDebounceValue, delay);\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    debouncedSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return debouncedValue;\n};\n"],"names":["useDebounceValue","value","delay","previousValueRef","useRef","debouncedValue","setDebounceValue","useState","debouncedSetState","useDebounceCallback","useEffect"],"mappings":";;AAiBa,MAAAA,IAAmB,CAAQC,GAAcC,MAAkB;AAChE,QAAAC,IAAmBC,EAAOH,CAAK,GAC/B,CAACI,GAAgBC,CAAgB,IAAIC,EAASN,CAAK,GAEnDO,IAAoBC,EAAoBH,GAAkBJ,CAAK;AAErE,SAAAQ,EAAU,MAAM;AACV,IAAAP,EAAiB,YAAYF,MACjCO,EAAkBP,CAAK,GACvBE,EAAiB,UAAUF;AAAA,EAAA,GAC1B,CAACA,CAAK,CAAC,GAEHI;AACT;"}
+{"version":3,"file":"useDebounceValue.mjs","sources":["../../../../src/hooks/useDebounceValue/useDebounceValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/**\n * @name useDebounceValue\n * @description - Hook that creates a debounced value\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The debounced value\n *\n * @example\n * const debouncedValue = useDebounceValue(value, 500);\n */\nexport const useDebounceValue = <Value>(value: Value, delay: number) => {\n  const previousValueRef = useRef(value);\n  const [debouncedValue, setDebounceValue] = useState(value);\n\n  const debouncedSetState = useDebounceCallback(setDebounceValue, delay);\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    debouncedSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return debouncedValue;\n};\n"],"names":["useDebounceValue","value","delay","previousValueRef","useRef","debouncedValue","setDebounceValue","useState","debouncedSetState","useDebounceCallback","useEffect"],"mappings":";;AAiBO,MAAMA,IAAmB,CAAQC,GAAcC,MAAkB;AACtE,QAAMC,IAAmBC,EAAOH,CAAK,GAC/B,CAACI,GAAgBC,CAAgB,IAAIC,EAASN,CAAK,GAEnDO,IAAoBC,EAAoBH,GAAkBJ,CAAK;AAErE,SAAAQ,EAAU,MAAM;AACd,IAAIP,EAAiB,YAAYF,MACjCO,EAAkBP,CAAK,GACvBE,EAAiB,UAAUF;AAAA,EAAA,GAC1B,CAACA,CAAK,CAAC,GAEHI;AACT;"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useDeviceMotion.mjs","sources":["../../../../src/hooks/useDeviceMotion/useDeviceMotion.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\nexport interface UseDeviceMotionReturn {\n  acceleration: DeviceMotionEventAcceleration;\n  accelerationIncludingGravity: DeviceMotionEventAcceleration;\n  interval: DeviceMotionEvent['interval'];\n  rotationRate: DeviceMotionEventRotationRate;\n}\n\nexport interface UseDeviceMotionParams {\n  /** The delay in milliseconds */\n  delay?: number;\n  /** Whether to enable the hook */\n  enabled?: boolean;\n  /** The callback function to be invoked */\n  callback?: (event: DeviceMotionEvent) => void;\n}\n\n/**\n * @name useDeviceMotion\n * @description - Hook that work with device motion\n * @category Utilities\n *\n * @browserapi DeviceMotionEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceMotionEvent\n *\n * @param {number} [delay=1000] The delay in milliseconds\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @param {boolean} [enabled=true] Whether to enable the hook\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion();\n */\nexport const useDeviceMotion = (params?: UseDeviceMotionParams) => {\n  const enabled = params?.enabled ?? true;\n  const delay = params?.delay ?? 1000;\n  const [value, setValue] = useState<UseDeviceMotionReturn>({\n    interval: 0,\n    rotationRate: { alpha: null, beta: null, gamma: null },\n    acceleration: { x: null, y: null, z: null },\n    accelerationIncludingGravity: { x: null, y: null, z: null }\n  });\n  const internalCallbackRef = useRef(params?.callback);\n  internalCallbackRef.current = params?.callback;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const onDeviceMotion = throttle<[DeviceMotionEvent]>((event) => {\n      internalCallbackRef.current?.(event);\n      setValue({\n        interval: event.interval,\n        rotationRate: {\n          ...value.rotationRate,\n          ...event.rotationRate\n        },\n        acceleration: {\n          ...value.acceleration,\n          ...event.acceleration\n        },\n        accelerationIncludingGravity: {\n          ...value.accelerationIncludingGravity,\n          ...event.accelerationIncludingGravity\n        }\n      });\n    }, delay);\n\n    window.addEventListener('devicemotion', onDeviceMotion);\n\n    return () => {\n      window.removeEventListener('devicemotion', onDeviceMotion);\n    };\n  }, [delay, enabled]);\n\n  return value;\n};\n"],"names":["useDeviceMotion","params","enabled","delay","value","setValue","useState","internalCallbackRef","useRef","useEffect","onDeviceMotion","throttle","event","_a"],"mappings":";;AAmCa,MAAAA,IAAkB,CAACC,MAAmC;AAC3D,QAAAC,KAAUD,KAAA,gBAAAA,EAAQ,YAAW,IAC7BE,KAAQF,KAAA,gBAAAA,EAAQ,UAAS,KACzB,CAACG,GAAOC,CAAQ,IAAIC,EAAgC;AAAA,IACxD,UAAU;AAAA,IACV,cAAc,EAAE,OAAO,MAAM,MAAM,MAAM,OAAO,KAAK;AAAA,IACrD,cAAc,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK;AAAA,IAC1C,8BAA8B,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK;AAAA,EAAA,CAC3D,GACKC,IAAsBC,EAAOP,KAAA,gBAAAA,EAAQ,QAAQ;AACnD,SAAAM,EAAoB,UAAUN,KAAA,gBAAAA,EAAQ,UAEtCQ,EAAU,MAAM;AACd,QAAI,CAACP,EAAS;AAER,UAAAQ,IAAiBC,EAA8B,CAACC,MAAU;;AAC9D,OAAAC,IAAAN,EAAoB,YAApB,QAAAM,EAAA,KAAAN,GAA8BK,IACrBP,EAAA;AAAA,QACP,UAAUO,EAAM;AAAA,QAChB,cAAc;AAAA,UACZ,GAAGR,EAAM;AAAA,UACT,GAAGQ,EAAM;AAAA,QACX;AAAA,QACA,cAAc;AAAA,UACZ,GAAGR,EAAM;AAAA,UACT,GAAGQ,EAAM;AAAA,QACX;AAAA,QACA,8BAA8B;AAAA,UAC5B,GAAGR,EAAM;AAAA,UACT,GAAGQ,EAAM;AAAA,QAAA;AAAA,MACX,CACD;AAAA,OACAT,CAAK;AAED,kBAAA,iBAAiB,gBAAgBO,CAAc,GAE/C,MAAM;AACJ,aAAA,oBAAoB,gBAAgBA,CAAc;AAAA,IAC3D;AAAA,EAAA,GACC,CAACP,GAAOD,CAAO,CAAC,GAEZE;AACT;"}
+{"version":3,"file":"useDeviceMotion.mjs","sources":["../../../../src/hooks/useDeviceMotion/useDeviceMotion.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\nexport interface UseDeviceMotionReturn {\n  acceleration: DeviceMotionEventAcceleration;\n  accelerationIncludingGravity: DeviceMotionEventAcceleration;\n  interval: DeviceMotionEvent['interval'];\n  rotationRate: DeviceMotionEventRotationRate;\n}\n\nexport interface UseDeviceMotionParams {\n  /** The delay in milliseconds */\n  delay?: number;\n  /** Whether to enable the hook */\n  enabled?: boolean;\n  /** The callback function to be invoked */\n  callback?: (event: DeviceMotionEvent) => void;\n}\n\n/**\n * @name useDeviceMotion\n * @description - Hook that work with device motion\n * @category Utilities\n *\n * @browserapi DeviceMotionEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceMotionEvent\n *\n * @param {number} [delay=1000] The delay in milliseconds\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @param {boolean} [enabled=true] Whether to enable the hook\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion();\n */\nexport const useDeviceMotion = (params?: UseDeviceMotionParams) => {\n  const enabled = params?.enabled ?? true;\n  const delay = params?.delay ?? 1000;\n  const [value, setValue] = useState<UseDeviceMotionReturn>({\n    interval: 0,\n    rotationRate: { alpha: null, beta: null, gamma: null },\n    acceleration: { x: null, y: null, z: null },\n    accelerationIncludingGravity: { x: null, y: null, z: null }\n  });\n  const internalCallbackRef = useRef(params?.callback);\n  internalCallbackRef.current = params?.callback;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const onDeviceMotion = throttle<[DeviceMotionEvent]>((event) => {\n      internalCallbackRef.current?.(event);\n      setValue({\n        interval: event.interval,\n        rotationRate: {\n          ...value.rotationRate,\n          ...event.rotationRate\n        },\n        acceleration: {\n          ...value.acceleration,\n          ...event.acceleration\n        },\n        accelerationIncludingGravity: {\n          ...value.accelerationIncludingGravity,\n          ...event.accelerationIncludingGravity\n        }\n      });\n    }, delay);\n\n    window.addEventListener('devicemotion', onDeviceMotion);\n\n    return () => {\n      window.removeEventListener('devicemotion', onDeviceMotion);\n    };\n  }, [delay, enabled]);\n\n  return value;\n};\n"],"names":["useDeviceMotion","params","enabled","delay","value","setValue","useState","internalCallbackRef","useRef","useEffect","onDeviceMotion","throttle","event"],"mappings":";;AAmCO,MAAMA,IAAkB,CAACC,MAAmC;AACjE,QAAMC,IAAUD,GAAQ,WAAW,IAC7BE,IAAQF,GAAQ,SAAS,KACzB,CAACG,GAAOC,CAAQ,IAAIC,EAAgC;AAAA,IACxD,UAAU;AAAA,IACV,cAAc,EAAE,OAAO,MAAM,MAAM,MAAM,OAAO,KAAA;AAAA,IAChD,cAAc,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,KAAA;AAAA,IACrC,8BAA8B,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,KAAA;AAAA,EAAK,CAC3D,GACKC,IAAsBC,EAAOP,GAAQ,QAAQ;AACnD,SAAAM,EAAoB,UAAUN,GAAQ,UAEtCQ,EAAU,MAAM;AACd,QAAI,CAACP,EAAS;AAEd,UAAMQ,IAAiBC,EAA8B,CAACC,MAAU;AAC9D,MAAAL,EAAoB,UAAUK,CAAK,GACnCP,EAAS;AAAA,QACP,UAAUO,EAAM;AAAA,QAChB,cAAc;AAAA,UACZ,GAAGR,EAAM;AAAA,UACT,GAAGQ,EAAM;AAAA,QAAA;AAAA,QAEX,cAAc;AAAA,UACZ,GAAGR,EAAM;AAAA,UACT,GAAGQ,EAAM;AAAA,QAAA;AAAA,QAEX,8BAA8B;AAAA,UAC5B,GAAGR,EAAM;AAAA,UACT,GAAGQ,EAAM;AAAA,QAAA;AAAA,MACX,CACD;AAAA,IAAA,GACAT,CAAK;AAER,kBAAO,iBAAiB,gBAAgBO,CAAc,GAE/C,MAAM;AACX,aAAO,oBAAoB,gBAAgBA,CAAc;AAAA,IAAA;AAAA,EAC3D,GACC,CAACP,GAAOD,CAAO,CAAC,GAEZE;AACT;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDeviceOrientation.mjs","sources":["../../../../src/hooks/useDeviceOrientation/useDeviceOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use device orientation value type */\nexport interface UseDeviceOrientationValue {\n  /** The current absolute value */\n  absolute: boolean;\n  /** A number representing the motion of the device around the z axis, express in degrees with values ranging from 0 to 360 */\n  alpha: number | null;\n  /** A number representing the motion of the device around the x axis, express in degrees with values ranging from -180 to 180 */\n  beta: number | null;\n  /** A number representing the motion of the device around the y axis, express in degrees with values ranging from -90 to 90 */\n  gamma: number | null;\n}\n\n/* The use device orientation return type */\nexport interface UseDeviceOrientationReturn {\n  /** Whether the device orientation is supported */\n  supported: boolean;\n  /** The current device orientation value */\n  value: UseDeviceOrientationValue;\n}\n\n/**\n * @name useDeviceOrientation\n * @description - Hook that provides the current device orientation\n * @category Sensors\n *\n * @browserapi DeviceOrientationEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceOrientationEvent\n *\n * @returns {UseDeviceOrientationReturn} The current device orientation\n *\n * @example\n * const { supported, value } = useDeviceOrientation();\n */\nexport const useDeviceOrientation = (): UseDeviceOrientationReturn => {\n  const supported = typeof window !== 'undefined' && 'DeviceOrientationEvent' in window;\n\n  const [value, setValue] = useState<UseDeviceOrientationValue>({\n    alpha: null,\n    beta: null,\n    gamma: null,\n    absolute: false\n  });\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onDeviceOrientation = (event: DeviceOrientationEvent) =>\n      setValue({\n        alpha: event.alpha,\n        beta: event.beta,\n        gamma: event.gamma,\n        absolute: event.absolute\n      });\n\n    window.addEventListener('deviceorientation', onDeviceOrientation);\n    return () => {\n      window.removeEventListener('deviceorientation', onDeviceOrientation);\n    };\n  }, []);\n\n  return {\n    supported,\n    value\n  };\n};\n"],"names":["useDeviceOrientation","supported","value","setValue","useState","useEffect","onDeviceOrientation","event"],"mappings":";AAkCO,MAAMA,IAAuB,MAAkC;AACpE,QAAMC,IAAY,OAAO,SAAW,OAAe,4BAA4B,QAEzE,CAACC,GAAOC,CAAQ,IAAIC,EAAoC;AAAA,IAC5D,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AAED,SAAAC,EAAU,MAAM;AACd,QAAI,CAACJ,EAAW;AAEV,UAAAK,IAAsB,CAACC,MAC3BJ,EAAS;AAAA,MACP,OAAOI,EAAM;AAAA,MACb,MAAMA,EAAM;AAAA,MACZ,OAAOA,EAAM;AAAA,MACb,UAAUA,EAAM;AAAA,IAAA,CACjB;AAEI,kBAAA,iBAAiB,qBAAqBD,CAAmB,GACzD,MAAM;AACJ,aAAA,oBAAoB,qBAAqBA,CAAmB;AAAA,IACrE;AAAA,EACF,GAAG,EAAE,GAEE;AAAA,IACL,WAAAL;AAAA,IACA,OAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"useDeviceOrientation.mjs","sources":["../../../../src/hooks/useDeviceOrientation/useDeviceOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use device orientation value type */\nexport interface UseDeviceOrientationValue {\n  /** The current absolute value */\n  absolute: boolean;\n  /** A number representing the motion of the device around the z axis, express in degrees with values ranging from 0 to 360 */\n  alpha: number | null;\n  /** A number representing the motion of the device around the x axis, express in degrees with values ranging from -180 to 180 */\n  beta: number | null;\n  /** A number representing the motion of the device around the y axis, express in degrees with values ranging from -90 to 90 */\n  gamma: number | null;\n}\n\n/* The use device orientation return type */\nexport interface UseDeviceOrientationReturn {\n  /** Whether the device orientation is supported */\n  supported: boolean;\n  /** The current device orientation value */\n  value: UseDeviceOrientationValue;\n}\n\n/**\n * @name useDeviceOrientation\n * @description - Hook that provides the current device orientation\n * @category Sensors\n *\n * @browserapi DeviceOrientationEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceOrientationEvent\n *\n * @returns {UseDeviceOrientationReturn} The current device orientation\n *\n * @example\n * const { supported, value } = useDeviceOrientation();\n */\nexport const useDeviceOrientation = (): UseDeviceOrientationReturn => {\n  const supported = typeof window !== 'undefined' && 'DeviceOrientationEvent' in window;\n\n  const [value, setValue] = useState<UseDeviceOrientationValue>({\n    alpha: null,\n    beta: null,\n    gamma: null,\n    absolute: false\n  });\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onDeviceOrientation = (event: DeviceOrientationEvent) =>\n      setValue({\n        alpha: event.alpha,\n        beta: event.beta,\n        gamma: event.gamma,\n        absolute: event.absolute\n      });\n\n    window.addEventListener('deviceorientation', onDeviceOrientation);\n    return () => {\n      window.removeEventListener('deviceorientation', onDeviceOrientation);\n    };\n  }, []);\n\n  return {\n    supported,\n    value\n  };\n};\n"],"names":["useDeviceOrientation","supported","value","setValue","useState","useEffect","onDeviceOrientation","event"],"mappings":";AAkCO,MAAMA,IAAuB,MAAkC;AACpE,QAAMC,IAAY,OAAO,SAAW,OAAe,4BAA4B,QAEzE,CAACC,GAAOC,CAAQ,IAAIC,EAAoC;AAAA,IAC5D,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AAED,SAAAC,EAAU,MAAM;AACd,QAAI,CAACJ,EAAW;AAEhB,UAAMK,IAAsB,CAACC,MAC3BJ,EAAS;AAAA,MACP,OAAOI,EAAM;AAAA,MACb,MAAMA,EAAM;AAAA,MACZ,OAAOA,EAAM;AAAA,MACb,UAAUA,EAAM;AAAA,IAAA,CACjB;AAEH,kBAAO,iBAAiB,qBAAqBD,CAAmB,GACzD,MAAM;AACX,aAAO,oBAAoB,qBAAqBA,CAAmB;AAAA,IAAA;AAAA,EACrE,GACC,EAAE,GAEE;AAAA,IACL,WAAAL;AAAA,IACA,OAAAC;AAAA,EAAA;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDevicePixelRatio.mjs","sources":["../../../../src/hooks/useDevicePixelRatio/useDevicePixelRatio.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use device pixel ratio return type */\nexport interface UseDevicePixelRatioReturn {\n  /** The ratio of the resolution in physical pixels to the resolution in CSS pixels */\n  ratio: number;\n  /** Whether the device pixel ratio is supported*/\n  supported: boolean;\n}\n\n/**\n * @name useDevicePixelRatio\n * @description - Hook that returns the device's pixel ratio\n * @category Utilities\n *\n * @browserapi window.devicePixelRatio https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio\n *\n * @returns {UseDevicePixelRatioReturn} The ratio and supported flag\n *\n * @example\n * const { supported, ratio } = useDevicePixelRatio();\n */\nexport const useDevicePixelRatio = (): UseDevicePixelRatioReturn => {\n  const supported =\n    typeof window !== 'undefined' &&\n    typeof window.matchMedia === 'function' &&\n    typeof window.devicePixelRatio === 'number';\n\n  const [ratio, setRatio] = useState<number>(window.devicePixelRatio ?? 1);\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onChange = () => setRatio(window.devicePixelRatio);\n\n    const media = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);\n    media.addEventListener('change', onChange);\n    return () => {\n      media.removeEventListener('change', onChange);\n    };\n  }, [ratio]);\n\n  return { supported, ratio };\n};\n"],"names":["useDevicePixelRatio","supported","ratio","setRatio","useState","useEffect","onChange","media"],"mappings":";AAsBO,MAAMA,IAAsB,MAAiC;AAC5D,QAAAC,IACJ,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe,cAC7B,OAAO,OAAO,oBAAqB,UAE/B,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,OAAO,oBAAoB,CAAC;AAEvE,SAAAC,EAAU,MAAM;AACd,QAAI,CAACJ,EAAW;AAEhB,UAAMK,IAAW,MAAMH,EAAS,OAAO,gBAAgB,GAEjDI,IAAQ,OAAO,WAAW,gBAAgB,OAAO,gBAAgB,OAAO;AACxE,WAAAA,EAAA,iBAAiB,UAAUD,CAAQ,GAClC,MAAM;AACL,MAAAC,EAAA,oBAAoB,UAAUD,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACJ,CAAK,CAAC,GAEH,EAAE,WAAAD,GAAW,OAAAC,EAAM;AAC5B;"}
+{"version":3,"file":"useDevicePixelRatio.mjs","sources":["../../../../src/hooks/useDevicePixelRatio/useDevicePixelRatio.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use device pixel ratio return type */\nexport interface UseDevicePixelRatioReturn {\n  /** The ratio of the resolution in physical pixels to the resolution in CSS pixels */\n  ratio: number;\n  /** Whether the device pixel ratio is supported*/\n  supported: boolean;\n}\n\n/**\n * @name useDevicePixelRatio\n * @description - Hook that returns the device's pixel ratio\n * @category Utilities\n *\n * @browserapi window.devicePixelRatio https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio\n *\n * @returns {UseDevicePixelRatioReturn} The ratio and supported flag\n *\n * @example\n * const { supported, ratio } = useDevicePixelRatio();\n */\nexport const useDevicePixelRatio = (): UseDevicePixelRatioReturn => {\n  const supported =\n    typeof window !== 'undefined' &&\n    typeof window.matchMedia === 'function' &&\n    typeof window.devicePixelRatio === 'number';\n\n  const [ratio, setRatio] = useState<number>(window.devicePixelRatio ?? 1);\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onChange = () => setRatio(window.devicePixelRatio);\n\n    const media = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);\n    media.addEventListener('change', onChange);\n    return () => {\n      media.removeEventListener('change', onChange);\n    };\n  }, [ratio]);\n\n  return { supported, ratio };\n};\n"],"names":["useDevicePixelRatio","supported","ratio","setRatio","useState","useEffect","onChange","media"],"mappings":";AAsBO,MAAMA,IAAsB,MAAiC;AAClE,QAAMC,IACJ,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe,cAC7B,OAAO,OAAO,oBAAqB,UAE/B,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,OAAO,oBAAoB,CAAC;AAEvE,SAAAC,EAAU,MAAM;AACd,QAAI,CAACJ,EAAW;AAEhB,UAAMK,IAAW,MAAMH,EAAS,OAAO,gBAAgB,GAEjDI,IAAQ,OAAO,WAAW,gBAAgB,OAAO,gBAAgB,OAAO;AAC9E,WAAAA,EAAM,iBAAiB,UAAUD,CAAQ,GAClC,MAAM;AACX,MAAAC,EAAM,oBAAoB,UAAUD,CAAQ;AAAA,IAAA;AAAA,EAC9C,GACC,CAACJ,CAAK,CAAC,GAEH,EAAE,WAAAD,GAAW,OAAAC,EAAA;AACtB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDidUpdate.mjs","sources":["../../../../src/hooks/useDidUpdate/useDidUpdate.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/**\n * @name useDidUpdate\n * @description – Hook that triggers the effect callback on updates\n * @category Lifecycle\n *\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n  const mounted = useRef(false);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      mounted.current = false;\n    },\n    []\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (mounted.current) {\n      return effect();\n    }\n\n    mounted.current = true;\n    return undefined;\n  }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","mounted","useRef","useIsomorphicLayoutEffect"],"mappings":";;AAiBa,MAAAA,IAAe,CAACC,GAAwBC,MAA0B;AACvE,QAAAC,IAAUC,EAAO,EAAK;AAE5B,EAAAC;AAAA,IACE,MAAM,MAAM;AACV,MAAAF,EAAQ,UAAU;AAAA,IACpB;AAAA,IACA,CAAA;AAAA,EACF,GAEAE,EAA0B,MAAM;AAC9B,QAAIF,EAAQ;AACV,aAAOF,EAAO;AAGhB,IAAAE,EAAQ,UAAU;AAAA,KAEjBD,CAAI;AACT;"}
+{"version":3,"file":"useDidUpdate.mjs","sources":["../../../../src/hooks/useDidUpdate/useDidUpdate.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/**\n * @name useDidUpdate\n * @description – Hook that triggers the effect callback on updates\n * @category Lifecycle\n *\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n  const mounted = useRef(false);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      mounted.current = false;\n    },\n    []\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (mounted.current) {\n      return effect();\n    }\n\n    mounted.current = true;\n    return undefined;\n  }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","mounted","useRef","useIsomorphicLayoutEffect"],"mappings":";;AAiBO,MAAMA,IAAe,CAACC,GAAwBC,MAA0B;AAC7E,QAAMC,IAAUC,EAAO,EAAK;AAE5B,EAAAC;AAAA,IACE,MAAM,MAAM;AACV,MAAAF,EAAQ,UAAU;AAAA,IAAA;AAAA,IAEpB,CAAA;AAAA,EAAC,GAGHE,EAA0B,MAAM;AAC9B,QAAIF,EAAQ;AACV,aAAOF,EAAA;AAGT,IAAAE,EAAQ,UAAU;AAAA,EACX,GACND,CAAI;AACT;"}