@siberiacancode/reactuse 0.0.112 → 0.0.113

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

@@ -0,0 +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}` : ''}${options.maxAge ? `; max-age=0` : ''}${\n    options.expires ? `; expires=Thu, 01 Jan 1970 00:00:00 GMT` : ''\n  }${options.secure ? `; secure` : ''}${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: string[] = [`${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 storage initial value type */\nexport type UseCookieInitialValue<Value> = (() => Value) | Value;\n\n/* The use storage 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  /* Whether to update the cookie on change */\n  updateOnChange?: 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\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 * @example\n * const { value, set, remove } = useCookie('key', 'value');\n */\nexport const useCookie = <Value>(\n  key: string,\n  params?: UseCookieInitialValue<Value> | UseCookieOptions<Value>\n) => {\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};\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":";AAEa,MAAAA,IAAa,MACxB,OAAO;AAAA,EACL,SAAS,OAAO,MAAM,IAAI,EAAE,IAAI,CAACC,MAAW;AAC1C,UAAM,CAACC,GAAK,GAAGC,CAAK,IAAIF,EAAO,MAAM,GAAG,GAClCG,IAAe,mBAAmBD,EAAM,KAAK,GAAG,CAAC;AAChD,WAAA,CAACD,GAAKE,CAAY;AAAA,EAC1B,CAAA;AACH,GAWWC,IAAe,CAACH,GAAaI,IAA8B,OAAO;AAC7E,WAAS,SAAS,GAAG,mBAAmBJ,CAAG,CAAC,2CAC1CI,EAAQ,OAAO,UAAUA,EAAQ,IAAI,KAAK,EAC5C,GAAGA,EAAQ,SAAS,YAAYA,EAAQ,MAAM,KAAK,EAAE,GAAGA,EAAQ,SAAS,gBAAgB,EAAE,GACzFA,EAAQ,UAAU,4CAA4C,EAChE,GAAGA,EAAQ,SAAS,aAAa,EAAE,GAAGA,EAAQ,WAAW,cAAcA,EAAQ,QAAQ,KAAK,EAAE;AAChG,GAYaC,IAAY,CAACL,GAAaC,GAAeG,IAA2B,CAAA,MAAO;AAChF,QAAAL,IAAmB,CAAC,GAAG,mBAAmBC,CAAG,CAAC,IAAI,mBAAmBC,CAAK,CAAC,EAAE;AAEnF,EAAIG,EAAQ,QAAML,EAAO,KAAK,QAAQK,EAAQ,IAAI,EAAE,GAChDA,EAAQ,UAAQL,EAAO,KAAK,UAAUK,EAAQ,MAAM,EAAE,GACtD,OAAOA,EAAQ,UAAW,cAAiB,KAAK,WAAWA,EAAQ,MAAM,EAAE,GAC3EA,EAAQ,WAAgBL,EAAA,KAAK,WAAWK,EAAQ,QAAQ,YAAa,CAAA,EAAE,GACvEA,EAAQ,UAAeL,EAAA,KAAK,QAAQ,GACpCK,EAAQ,YAAiBL,EAAA,KAAK,UAAU,GACxCK,EAAQ,YAAUL,EAAO,KAAK,YAAYK,EAAQ,QAAQ,EAAE,GAEvD,SAAA,SAASL,EAAO,KAAK,IAAI;AACpC,GAyCaO,IAAe,mBAEfC,IAAsB,MAAM,OAAO,cAAc,IAAI,MAAMD,CAAY,CAAC,GAExEE,IAAgB,CAACR,GAAaC,GAAeG,MAA8B;AAC5E,EAAAC,EAAAL,GAAKC,GAAOG,CAAO,GACTG,EAAA;AACtB,GAEaE,IAAmB,CAACT,GAAaI,MAAiC;AAC7E,EAAAD,EAAaH,GAAKI,CAAO,GACLG,EAAA;AACtB,GAEaG,IAAY,CAACV,MACRF,EAAW,EACZE,CAAG,GAiBPW,IAAY,CACvBX,GACAY,MACG;AACG,QAAAR,IACJ,OAAOQ,KAAW,YAClBA,MACC,gBAAgBA,KAAU,kBAAkBA,KAAU,kBAAkBA,KACrEA,IACA,QAEAC,IAAgBT,IAAUA,KAAA,gBAAAA,EAAS,eAAeQ;AAExD,MAAI,OAAO,WAAa;AACf,WAAA;AAAA,MACL,OAAO,OAAOC,KAAiB,aAAcA,MAAiCA;AAAA,IAChF;AAEI,QAAAC,IAAa,CAACb,MACdG,KAAA,QAAAA,EAAS,aAAmBA,EAAQ,WAAWH,CAAK,IACpD,OAAOA,KAAU,WAAiBA,IAC/B,KAAK,UAAUA,CAAK,GAGvBc,IAAe,CAACd,MAAkB;AACtC,QAAIG,KAAA,QAAAA,EAAS,aAAqB,QAAAA,EAAQ,aAAaH,CAAK;AACxDA,QAAAA,MAAU;AAEV,UAAA;AACK,eAAA,KAAK,MAAMA,CAAK;AAAA,MAAA,QACjB;AACCA,eAAAA;AAAAA,MAAA;AAAA,EAEX,GAEM,CAACA,GAAOe,CAAQ,IAAIC,EAA4B,MAAM;AACpD,UAAAC,IAAcR,EAAUV,CAAG;AAC7B,QAAAkB,MAAgB,UAAaL,MAAiB,QAAW;AAC3D,YAAMZ,IACJ,OAAOY,KAAiB,aAAcA,EAAiC,IAAAA;AACzE,aAAAL,EAAcR,GAAKc,EAAWb,CAAK,GAAGG,CAAO,GACtCH;AAAAA,IAAA;AAEF,WAAAiB,IAAcH,EAAaG,CAAW,IAAI;AAAA,EAAA,CAClD;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,MAAM;AACf,YAAAF,IAAcR,EAAUV,CAAG;AACjC,MAAAgB,EAASE,IAAcH,EAAaG,CAAW,IAAI,MAAS;AAAA,IAC9D;AACO,kBAAA,iBAAiBZ,GAAcc,CAAQ,GACvC,MAAM,OAAO,oBAAoBd,GAAcc,CAAQ;AAAA,EAAA,GAC7D,CAACpB,CAAG,CAAC,GAMD,EAAE,OAAAC,GAAO,KAJJ,CAACA,GAAcW,MACzBJ,EAAcR,GAAKc,EAAWb,CAAK,GAAG,EAAE,GAAGG,GAAS,GAAGQ,GAAQ,GAG5C,QAFN,CAACA,MAAgCH,EAAiBT,GAAK,EAAE,GAAGI,GAAS,GAAGQ,GAAQ,EAEnE;AAC9B;"}

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

@@ -0,0 +1,42 @@
+import { useState as u, useEffect as p } from "react";
+import { removeCookie as l, COOKIE_EVENT as m, dispatchCookieEvent as i, setCookie as C } from "../useCookie/useCookie.mjs";
+const c = () => Object.fromEntries(
+  document.cookie.split("; ").map((o) => {
+    const [e, ...n] = o.split("="), r = decodeURIComponent(n.join("="));
+    try {
+      return [e, JSON.parse(r)];
+    } catch {
+      return [e, r];
+    }
+  })
+), k = () => {
+  document.cookie.split("; ").forEach((o) => {
+    const [e] = o.split("=");
+    l(e);
+  });
+}, f = (o, e, n) => {
+  C(o, e, n), i();
+}, a = (o, e) => {
+  l(o, e), i();
+}, v = () => {
+  k(), i();
+}, h = () => {
+  const [o, e] = u(
+    typeof window < "u" ? c() : {}
+  );
+  return p(() => {
+    const t = () => e(c());
+    return window.addEventListener(m, t), () => {
+      window.removeEventListener(m, t);
+    };
+  }, []), { value: o, set: (t, s, d) => {
+    if (s === null) return a(t);
+    f(t, s, d);
+  }, remove: (t, s) => a(t, s), getAll: () => c(), clear: () => v() };
+};
+export {
+  k as clearCookies,
+  c as getParsedCookies,
+  h as useCookies
+};
+//# sourceMappingURL=useCookies.mjs.map

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

@@ -0,0 +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 { COOKIE_EVENT, dispatchCookieEvent, removeCookie, setCookie } from '../useCookie/useCookie';\n\nexport const getParsedCookies = () =>\n  Object.fromEntries(\n    document.cookie.split('; ').map((cookie) => {\n      const [key, ...value] = cookie.split('=');\n      const decodedValue = decodeURIComponent(value.join('='));\n      try {\n        return [key, JSON.parse(decodedValue)];\n      } catch {\n        return [key, decodedValue];\n      }\n    })\n  );\n\nexport const clearCookies = () => {\n  document.cookie.split('; ').forEach((cookie) => {\n    const [name] = cookie.split('=');\n    removeCookie(name);\n  });\n};\n\nconst setCookieItem = (key: string, value: any, options?: SetCookieParams) => {\n  setCookie(key, value, options);\n  dispatchCookieEvent();\n};\n\nconst removeCookieItem = (key: string, options?: RemoveCookieParams) => {\n  removeCookie(key, options);\n  dispatchCookieEvent();\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 * @param {string} key The key of the cookie\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>() => {\n  const [value, setValue] = useState<Value>(\n    typeof window !== 'undefined' ? (getParsedCookies() as Value) : ({} 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: string, value: Value, options?: SetCookieParams) => {\n    if (value === null) return removeCookieItem(key);\n    setCookieItem(key, value, options);\n  };\n\n  const remove = (key: string, options?: RemoveCookieParams) => removeCookieItem(key, options);\n  const getAll = () => getParsedCookies();\n  const clear = () => clearCookieItems();\n\n  return { value, set, remove, getAll, clear };\n};\n"],"names":["getParsedCookies","cookie","key","value","decodedValue","clearCookies","name","removeCookie","setCookieItem","options","setCookie","dispatchCookieEvent","removeCookieItem","clearCookieItems","useCookies","setValue","useState","useEffect","onChange","COOKIE_EVENT"],"mappings":";;AAMa,MAAAA,IAAmB,MAC9B,OAAO;AAAA,EACL,SAAS,OAAO,MAAM,IAAI,EAAE,IAAI,CAACC,MAAW;AAC1C,UAAM,CAACC,GAAK,GAAGC,CAAK,IAAIF,EAAO,MAAM,GAAG,GAClCG,IAAe,mBAAmBD,EAAM,KAAK,GAAG,CAAC;AACnD,QAAA;AACF,aAAO,CAACD,GAAK,KAAK,MAAME,CAAY,CAAC;AAAA,IAAA,QAC/B;AACC,aAAA,CAACF,GAAKE,CAAY;AAAA,IAAA;AAAA,EAE5B,CAAA;AACH,GAEWC,IAAe,MAAM;AAChC,WAAS,OAAO,MAAM,IAAI,EAAE,QAAQ,CAACJ,MAAW;AAC9C,UAAM,CAACK,CAAI,IAAIL,EAAO,MAAM,GAAG;AAC/B,IAAAM,EAAaD,CAAI;AAAA,EAAA,CAClB;AACH,GAEME,IAAgB,CAACN,GAAaC,GAAYM,MAA8B;AAClE,EAAAC,EAAAR,GAAKC,GAAOM,CAAO,GACTE,EAAA;AACtB,GAEMC,IAAmB,CAACV,GAAaO,MAAiC;AACtE,EAAAF,EAAaL,GAAKO,CAAO,GACLE,EAAA;AACtB,GAEME,IAAmB,MAAM;AAChB,EAAAR,EAAA,GACOM,EAAA;AACtB,GAeaG,IAAa,MAAa;AAC/B,QAAA,CAACX,GAAOY,CAAQ,IAAIC;AAAA,IACxB,OAAO,SAAW,MAAehB,MAAgC,CAAA;AAAA,EACnE;AAEA,SAAAiB,EAAU,MAAM;AACd,UAAMC,IAAW,MAAMH,EAASf,GAA2B;AAEpD,kBAAA,iBAAiBmB,GAAcD,CAAQ,GACvC,MAAM;AACJ,aAAA,oBAAoBC,GAAcD,CAAQ;AAAA,IACnD;AAAA,EACF,GAAG,EAAE,GAWE,EAAE,OAAAf,GAAO,KATJ,CAACD,GAAaC,GAAcM,MAA8B;AACpE,QAAIN,MAAU,KAAa,QAAAS,EAAiBV,CAAG;AACjC,IAAAM,EAAAN,GAAKC,GAAOM,CAAO;AAAA,EACnC,GAMqB,QAJN,CAACP,GAAaO,MAAiCG,EAAiBV,GAAKO,CAAO,GAI9D,QAHd,MAAMT,EAAiB,GAGD,OAFvB,MAAMa,EAAiB,EAEM;AAC7C;"}

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

@@ -0,0 +1,12 @@
+import { useState as t } from "react";
+import { copy as r } from "../../utils/helpers/copy.mjs";
+const n = (p = 1e3) => {
+  const [s, a] = t(null), [c, o] = t(!1);
+  return { value: s, copied: c, copy: async (e) => {
+    await r(e), a(e), o(!0), setTimeout(() => o(!1), p);
+  } };
+};
+export {
+  n as useCopy
+};
+//# sourceMappingURL=useCopy.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,24 @@
+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) => {
+    r((n) => Math.max(
+      o,
+      Math.min(e, typeof t == "number" ? t : t(n))
+    ));
+  }, inc: (t = 1) => {
+    r((n) => typeof e == "number" && n === e ? n : Math.max(Math.min(e, n + t), o));
+  }, dec: (t = 1) => {
+    r((n) => typeof o == "number" && n === o ? n : Math.min(Math.max(o, n - t), e));
+  }, reset: () => {
+    const t = i ?? 0;
+    if (typeof e == "number" && t > e) return r(e);
+    if (typeof o == "number" && t < o) return r(o);
+    r(t);
+  } };
+};
+export {
+  h as useCounter
+};
+//# sourceMappingURL=useCounter.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,35 @@
+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;
+    if (n && n.style) {
+      if (!e) {
+        n.style.removeProperty(i), c(e);
+        return;
+      }
+      n.style.setProperty(i, e), c(e);
+    }
+  };
+  return y(() => {
+    s && u(s);
+  }, []), y(() => {
+    if (!t && !o.state) return;
+    const e = t ? d(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);
+    }, l = new MutationObserver(n);
+    return l.observe(e, { attributeFilter: ["style", "class"] }), () => {
+      l.disconnect();
+    };
+  }, [t, o.state]), t ? { value: f, set: u } : { ref: o, value: f, set: u };
+};
+export {
+  E as useCssVar
+};
+//# sourceMappingURL=useCssVar.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,11 @@
+import { useMemo as r } from "react";
+import { useEvent as t } from "../useEvent/useEvent.mjs";
+import { debounce as c } from "../../utils/helpers/debounce.mjs";
+const a = (o, e) => {
+  const n = t(o);
+  return r(() => c(n, e), [e]);
+};
+export {
+  a as useDebounceCallback
+};
+//# sourceMappingURL=useDebounceCallback.mjs.map

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

@@ -0,0 +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;"}

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

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

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,9 @@
+import { useState as l } from "react";
+const s = (t, u) => {
+  const [e, o] = l(t);
+  return [e ?? u, o];
+};
+export {
+  s as useDefault
+};
+//# sourceMappingURL=useDefault.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,38 @@
+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({
+    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,
+        rotationRate: {
+          ...n.rotationRate,
+          ...t.rotationRate
+        },
+        acceleration: {
+          ...n.acceleration,
+          ...t.acceleration
+        },
+        accelerationIncludingGravity: {
+          ...n.accelerationIncludingGravity,
+          ...t.accelerationIncludingGravity
+        }
+      });
+    }, i);
+    return window.addEventListener("devicemotion", c), () => {
+      window.removeEventListener("devicemotion", c);
+    };
+  }, [i, o]), n;
+};
+export {
+  b as useDeviceMotion
+};
+//# sourceMappingURL=useDeviceMotion.mjs.map

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

@@ -0,0 +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;"}

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

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

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,15 @@
+import { useState as d, useEffect as a } from "react";
+const r = () => {
+  const e = typeof window < "u" && typeof window.matchMedia == "function" && typeof window.devicePixelRatio == "number", [i, n] = d(window.devicePixelRatio ?? 1);
+  return a(() => {
+    if (!e) return;
+    const t = () => n(window.devicePixelRatio), o = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);
+    return o.addEventListener("change", t), () => {
+      o.removeEventListener("change", t);
+    };
+  }, [i]), { supported: e, ratio: i };
+};
+export {
+  r as useDevicePixelRatio
+};
+//# sourceMappingURL=useDevicePixelRatio.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,18 @@
+import { useRef as f } from "react";
+import { useIsomorphicLayoutEffect as n } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+const c = (r, o) => {
+  const t = f(!0);
+  n(() => {
+    if (t.current) {
+      t.current = !1;
+      return;
+    }
+    const e = r();
+    if (e && typeof e == "function")
+      return e;
+  }, o);
+};
+export {
+  c as useDidUpdate
+};
+//# sourceMappingURL=useDidUpdate.mjs.map

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

@@ -0,0 +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 initialRender = useRef(true);\n\n  useIsomorphicLayoutEffect(() => {\n    if (initialRender.current) {\n      initialRender.current = false;\n      return;\n    }\n\n    const effectReturns = effect();\n    if (effectReturns && typeof effectReturns === 'function') {\n      return effectReturns;\n    }\n  }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","initialRender","useRef","useIsomorphicLayoutEffect","effectReturns"],"mappings":";;AAiBa,MAAAA,IAAe,CAACC,GAAwBC,MAA0B;AACvE,QAAAC,IAAgBC,EAAO,EAAI;AAEjC,EAAAC,EAA0B,MAAM;AAC9B,QAAIF,EAAc,SAAS;AACzB,MAAAA,EAAc,UAAU;AACxB;AAAA,IAAA;AAGF,UAAMG,IAAgBL,EAAO;AACzB,QAAAK,KAAiB,OAAOA,KAAkB;AACrC,aAAAA;AAAA,KAERJ,CAAI;AACT;"}

package/dist/esm/hooks/useDisclosure/useDisclosure.mjs

@@ -0,0 +1,15 @@
+import { useState as m } from "react";
+const x = (a = !1, e) => {
+  const [c, l] = m(a), f = () => l((r) => {
+    var u;
+    return r || ((u = e == null ? void 0 : e.onOpen) == null || u.call(e), !0);
+  }), g = () => l((r) => {
+    var u;
+    return r && ((u = e == null ? void 0 : e.onClose) == null || u.call(e), !1);
+  });
+  return { opened: c, open: f, close: g, toggle: () => c ? g() : f() };
+};
+export {
+  x as useDisclosure
+};
+//# sourceMappingURL=useDisclosure.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDisclosure.mjs","sources":["../../../../src/hooks/useDisclosure/useDisclosure.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use disclosure options type */\nexport interface UseDisclosureOptions {\n  /** The callback function to be invoked on close */\n  onClose?: () => void;\n  /** The callback function to be invoked on open */\n  onOpen?: () => void;\n}\n\n/** The use disclosure return type */\nexport interface UseDisclosureReturn {\n  /** The opened value */\n  opened: boolean;\n  /** Function to close the modal */\n  close: () => void;\n  /** Function to open the modal */\n  open: () => void;\n  /** Function to toggle the modal */\n  toggle: () => void;\n}\n\n/**\n * @name useDisclosure\n * @description - Hook that allows you to open and close a modal\n * @category Utilities\n *\n * @param {boolean} [initialValue=false] The initial value of the component\n * @param {() => void} [options.onOpen] The callback function to be invoked on open\n * @param {() => void} [options.onClose] The callback function to be invoked on close\n * @returns {UseDisclosureReturn} An object with the opened, open, close, and toggle properties\n *\n * @example\n * const { opened, open, close, toggle } = useDisclosure();\n */\nexport const useDisclosure = (\n  initialValue = false,\n  options?: UseDisclosureOptions\n): UseDisclosureReturn => {\n  const [opened, setOpened] = useState(initialValue);\n\n  const open = () =>\n    setOpened((opened) => {\n      if (!opened) {\n        options?.onOpen?.();\n        return true;\n      }\n      return opened;\n    });\n\n  const close = () =>\n    setOpened((opened) => {\n      if (opened) {\n        options?.onClose?.();\n        return false;\n      }\n      return opened;\n    });\n\n  const toggle = () => (opened ? close() : open());\n\n  return { opened, open, close, toggle };\n};\n"],"names":["useDisclosure","initialValue","options","opened","setOpened","useState","open","_a","close"],"mappings":";AAmCO,MAAMA,IAAgB,CAC3BC,IAAe,IACfC,MACwB;AACxB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASJ,CAAY,GAE3CK,IAAO,MACXF,EAAU,CAACD,MAAW;;AACpB,WAAKA,OACHI,IAAAL,KAAA,gBAAAA,EAAS,WAAT,QAAAK,EAAA,KAAAL,IACO;AAAA,EAEF,CACR,GAEGM,IAAQ,MACZJ,EAAU,CAACD,MAAW;;AACpB,WAAIA,OACFI,IAAAL,KAAA,gBAAAA,EAAS,YAAT,QAAAK,EAAA,KAAAL,IACO;AAAA,EAEF,CACR;AAIH,SAAO,EAAE,QAAAC,GAAQ,MAAAG,GAAM,OAAAE,GAAO,QAFf,MAAOL,IAASK,EAAA,IAAUF,EAAK,EAET;AACvC;"}

package/dist/esm/hooks/useDisplayMedia/useDisplayMedia.mjs

@@ -0,0 +1,43 @@
+import { useState as v, useRef as y, useEffect as D } from "react";
+import { useRefState as p } from "../useRefState/useRefState.mjs";
+import { isTarget as h } from "../../utils/helpers/isTarget.mjs";
+import { getElement as f } from "../../utils/helpers/getElement.mjs";
+const T = (...s) => {
+  const c = typeof navigator < "u" && "mediaDevices" in navigator && !!navigator.mediaDevices && "getDisplayMedia" in navigator.mediaDevices, e = h(s[0]) ? s[0] : void 0, t = s[1] ? s[1] : s[0], m = (t == null ? void 0 : t.immediately) ?? !1, [d, l] = v(!1), r = y(null), n = p(), u = () => {
+    if (!r.current || !c) return;
+    const i = e ? f(e) : n.current;
+    i && (l(!1), i.srcObject = null, r.current.getTracks().forEach((a) => a.stop()), r.current = null);
+  }, o = async () => {
+    if (!c) return;
+    const i = e ? f(e) : n.current;
+    if (!i) return;
+    const a = await navigator.mediaDevices.getDisplayMedia({
+      video: t == null ? void 0 : t.video,
+      audio: t == null ? void 0 : t.audio
+    });
+    return l(!0), r.current = a, i.srcObject = a, a.getTracks().forEach((g) => g.onended = u), a;
+  };
+  return D(() => {
+    if (!(!c || !m || !e && !n.state || !(e ? f(e) : n.current)))
+      return o(), () => {
+        u();
+      };
+  }, [e, n.state]), e ? {
+    stream: r.current,
+    sharing: d,
+    supported: c,
+    start: o,
+    stop: u
+  } : {
+    stream: r.current,
+    sharing: d,
+    supported: c,
+    start: o,
+    stop: u,
+    ref: n
+  };
+};
+export {
+  T as useDisplayMedia
+};
+//# sourceMappingURL=useDisplayMedia.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDisplayMedia.mjs","sources":["../../../../src/hooks/useDisplayMedia/useDisplayMedia.ts"],"sourcesContent":["import { useEffect, useRef, 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 use display media return type */\nexport interface UseDisplayMediaReturn {\n  /** Whether screen sharing is currently active */\n  sharing: boolean;\n  /** The media stream object */\n  stream: MediaStream | null;\n  /** Whether the display media API is supported */\n  supported: boolean;\n  /** Start screen sharing */\n  start: () => Promise<void>;\n  /** Stop screen sharing */\n  stop: () => void;\n}\n\n/** The use display media options type */\nexport interface UseDisplayMediaOptions {\n  /** Whether to enable audio sharing */\n  audio?: boolean | MediaTrackConstraints;\n  /** Whether to start immediately */\n  immediately?: boolean;\n  /** Whether to enable video sharing */\n  video?: boolean | MediaTrackConstraints;\n}\n\nexport interface UseDisplayMedia {\n  (target: HookTarget, options?: UseDisplayMediaOptions): UseDisplayMediaReturn;\n\n  <Target extends HTMLVideoElement>(\n    options?: UseDisplayMediaOptions,\n    target?: never\n  ): { ref: StateRef<Target> } & UseDisplayMediaReturn;\n}\n\n/**\n * @name useDisplayMedia\n * @description - Hook that provides screen sharing functionality\n * @category Browser\n *\n * @browserapi mediaDevices.getDisplayMedia https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia\n *\n * @overload\n * @param {HookTarget} target The target video element to display the media stream\n * @param {boolean | MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean | MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn} Object containing stream, sharing status and control methods\n *\n * @example\n * const { stream, sharing, start, stop } = useDisplayMedia(ref);\n *\n * @overload\n * @template Target The target video element\n * @param {boolean | MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean | MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn & { ref: StateRef<HTMLVideoElement> }} Object containing stream, sharing status, control methods and ref\n *\n * @example\n * const { ref, stream, sharing, start, stop } = useDisplayMedia<HTMLVideoElement>();\n */\nexport const useDisplayMedia = ((...params: any[]) => {\n  const supported =\n    typeof navigator !== 'undefined' &&\n    'mediaDevices' in navigator &&\n    !!navigator.mediaDevices &&\n    'getDisplayMedia' in navigator.mediaDevices;\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (params[1] ? params[1] : params[0]) as UseDisplayMediaOptions | undefined;\n  const immediately = options?.immediately ?? false;\n\n  const [sharing, setSharing] = useState(false);\n\n  const streamRef = useRef<MediaStream | null>(null);\n  const internalRef = useRefState<Element>();\n\n  const stop = () => {\n    if (!streamRef.current || !supported) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as HTMLVideoElement;\n    if (!element) return;\n\n    setSharing(false);\n    element.srcObject = null;\n    streamRef.current.getTracks().forEach((track) => track.stop());\n    streamRef.current = null;\n  };\n\n  const start = async () => {\n    if (!supported) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as HTMLVideoElement;\n    if (!element) return;\n\n    const displayMedia = await navigator.mediaDevices.getDisplayMedia({\n      video: options?.video,\n      audio: options?.audio\n    });\n\n    setSharing(true);\n    streamRef.current = displayMedia;\n    element.srcObject = displayMedia;\n\n    displayMedia.getTracks().forEach((track) => (track.onended = stop));\n    return displayMedia;\n  };\n\n  useEffect(() => {\n    if (!supported || !immediately) return;\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as HTMLVideoElement;\n    if (!element) return;\n\n    start();\n\n    return () => {\n      stop();\n    };\n  }, [target, internalRef.state]);\n\n  if (target)\n    return {\n      stream: streamRef.current,\n      sharing,\n      supported,\n      start,\n      stop\n    };\n\n  return {\n    stream: streamRef.current,\n    sharing,\n    supported,\n    start,\n    stop,\n    ref: internalRef\n  };\n}) as UseDisplayMedia;\n"],"names":["useDisplayMedia","params","supported","target","isTarget","options","immediately","sharing","setSharing","useState","streamRef","useRef","internalRef","useRefState","stop","element","getElement","track","start","displayMedia","useEffect"],"mappings":";;;;AAsEa,MAAAA,IAAmB,IAAIC,MAAkB;AAC9C,QAAAC,IACJ,OAAO,YAAc,OACrB,kBAAkB,aAClB,CAAC,CAAC,UAAU,gBACZ,qBAAqB,UAAU,cAC3BC,IAAUC,EAASH,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CI,IAAWJ,EAAO,CAAC,IAAIA,EAAO,CAAC,IAAIA,EAAO,CAAC,GAC3CK,KAAcD,KAAA,gBAAAA,EAAS,gBAAe,IAEtC,CAACE,GAASC,CAAU,IAAIC,EAAS,EAAK,GAEtCC,IAAYC,EAA2B,IAAI,GAC3CC,IAAcC,EAAqB,GAEnCC,IAAO,MAAM;AACjB,QAAI,CAACJ,EAAU,WAAW,CAACR,EAAW;AAEtC,UAAMa,IAAWZ,IAASa,EAAWb,CAAM,IAAIS,EAAY;AAC3D,IAAKG,MAELP,EAAW,EAAK,GAChBO,EAAQ,YAAY,MACVL,EAAA,QAAQ,YAAY,QAAQ,CAACO,MAAUA,EAAM,MAAM,GAC7DP,EAAU,UAAU;AAAA,EACtB,GAEMQ,IAAQ,YAAY;AACxB,QAAI,CAAChB,EAAW;AAEhB,UAAMa,IAAWZ,IAASa,EAAWb,CAAM,IAAIS,EAAY;AAC3D,QAAI,CAACG,EAAS;AAEd,UAAMI,IAAe,MAAM,UAAU,aAAa,gBAAgB;AAAA,MAChE,OAAOd,KAAA,gBAAAA,EAAS;AAAA,MAChB,OAAOA,KAAA,gBAAAA,EAAS;AAAA,IAAA,CACjB;AAED,WAAAG,EAAW,EAAI,GACfE,EAAU,UAAUS,GACpBJ,EAAQ,YAAYI,GAEpBA,EAAa,YAAY,QAAQ,CAACF,MAAWA,EAAM,UAAUH,CAAK,GAC3DK;AAAA,EACT;AAgBI,SAdJC,EAAU,MAAM;AAKd,QAJI,GAAClB,KAAa,CAACI,KACf,CAACH,KAAU,CAACS,EAAY,SAGxB,EADaT,IAASa,EAAWb,CAAM,IAAIS,EAAY;AAGrD,aAAAM,EAAA,GAEC,MAAM;AACN,QAAAJ,EAAA;AAAA,MACP;AAAA,EACC,GAAA,CAACX,GAAQS,EAAY,KAAK,CAAC,GAE1BT,IACK;AAAA,IACL,QAAQO,EAAU;AAAA,IAClB,SAAAH;AAAA,IACA,WAAAL;AAAA,IACA,OAAAgB;AAAA,IACA,MAAAJ;AAAA,EACF,IAEK;AAAA,IACL,QAAQJ,EAAU;AAAA,IAClB,SAAAH;AAAA,IACA,WAAAL;AAAA,IACA,OAAAgB;AAAA,IACA,MAAAJ;AAAA,IACA,KAAKF;AAAA,EACP;AACF;"}

package/dist/esm/hooks/useDocumentEvent/useDocumentEvent.mjs

@@ -0,0 +1,6 @@
+import { useEventListener as o } from "../useEventListener/useEventListener.mjs";
+const r = (e, t, n) => o(document, e, t, n);
+export {
+  r as useDocumentEvent
+};
+//# sourceMappingURL=useDocumentEvent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentEvent.mjs","sources":["../../../../src/hooks/useDocumentEvent/useDocumentEvent.ts"],"sourcesContent":["import type { UseEventListenerOptions } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/**\n * @name useDocumentEvent\n * @description - Hook attaches an event listener to the document object for the specified event\n * @category Browser\n *\n * @template Event Key of document event map.\n * @param {Event} event The event to listen for.\n * @param {(event: DocumentEventMap[Event]) => void} listener The callback function to be executed when the event is triggered\n * @param {UseEventListenerOptions} [options] The options for the event listener\n * @returns {void}\n *\n * @example\n * useDocumentEvent('click', () => console.log('clicked'));\n */\nexport const useDocumentEvent = <Event extends keyof DocumentEventMap>(\n  event: Event,\n  listener: (this: Document, event: DocumentEventMap[Event]) => any,\n  options?: UseEventListenerOptions\n) => useEventListener(document, event, listener, options);\n"],"names":["useDocumentEvent","event","listener","options","useEventListener"],"mappings":";AAkBa,MAAAA,IAAmB,CAC9BC,GACAC,GACAC,MACGC,EAAiB,UAAUH,GAAOC,GAAUC,CAAO;"}

package/dist/esm/hooks/useDocumentTitle/useDocumentTitle.mjs

@@ -0,0 +1,26 @@
+import { useRef as s, useState as d, useEffect as n } from "react";
+function f(o, u) {
+  const i = s(document.title), [t, l] = d(o ?? document.title), c = (r) => {
+    const e = r.trim();
+    e.length > 0 && (document.title = e);
+  };
+  return n(() => {
+    typeof t == "string" && c(t);
+  }, [t]), n(() => {
+    const r = new MutationObserver(() => {
+      l((e) => document && document.title !== e ? document.title : e);
+    });
+    return r.observe(document.head.querySelector("title"), { childList: !0 }), () => {
+      r.disconnect();
+    };
+  }, []), n(() => {
+    if (u != null && u.restoreOnUnmount)
+      return () => {
+        document.title = i.current;
+      };
+  }, []), { value: t, set: c };
+}
+export {
+  f as useDocumentTitle
+};
+//# sourceMappingURL=useDocumentTitle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentTitle.mjs","sources":["../../../../src/hooks/useDocumentTitle/useDocumentTitle.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use document title options type */\nexport interface UseDocumentTitleOptions {\n  /** Restore the previous title on unmount */\n  restoreOnUnmount?: boolean;\n}\n\n/** The use document title return type */\nexport interface UseDocumentTitleReturn {\n  /** The current title */\n  value: string;\n  /** Function to update the title */\n  set: (title: string) => void;\n}\n\n/**\n * @name useDocumentTitle\n * @description - Hook that manages the document title and allows updating it\n * @category Browser\n *\n * @param {string} [initialValue] The initial title. If not provided, the current document title will be used\n * @param {boolean} [options.restoreOnUnmount] Restore the previous title on unmount\n * @returns {UseDocumentTitleReturn} An array containing the current title and a function to update the title\n *\n * @example\n * const { value, set } = useDocumentTitle();\n */\nexport function useDocumentTitle(\n  initialValue?: string,\n  options?: UseDocumentTitleOptions\n): UseDocumentTitleReturn {\n  const prevValueRef = useRef(document.title);\n  const [value, setValue] = useState(initialValue ?? document.title);\n\n  const set = (value: string) => {\n    const updatedValue = value.trim();\n    if (updatedValue.length > 0) document.title = updatedValue;\n  };\n\n  useEffect(() => {\n    if (typeof value !== 'string') return;\n    set(value);\n  }, [value]);\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      setValue((prevValue) => {\n        if (document && document.title !== prevValue) {\n          return document.title;\n        }\n        return prevValue;\n      });\n    });\n\n    observer.observe(document.head.querySelector('title')!, { childList: true });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (options?.restoreOnUnmount) {\n      return () => {\n        document.title = prevValueRef.current;\n      };\n    }\n  }, []);\n\n  return { value, set };\n}\n"],"names":["useDocumentTitle","initialValue","options","prevValueRef","useRef","value","setValue","useState","set","updatedValue","useEffect","observer","prevValue"],"mappings":";AA4BgB,SAAAA,EACdC,GACAC,GACwB;AAClB,QAAAC,IAAeC,EAAO,SAAS,KAAK,GACpC,CAACC,GAAOC,CAAQ,IAAIC,EAASN,KAAgB,SAAS,KAAK,GAE3DO,IAAM,CAACH,MAAkB;AACvB,UAAAI,IAAeJ,EAAM,KAAK;AAChC,IAAII,EAAa,SAAS,MAAG,SAAS,QAAQA;AAAA,EAChD;AAEA,SAAAC,EAAU,MAAM;AACV,IAAA,OAAOL,KAAU,YACrBG,EAAIH,CAAK;AAAA,EAAA,GACR,CAACA,CAAK,CAAC,GAEVK,EAAU,MAAM;AACR,UAAAC,IAAW,IAAI,iBAAiB,MAAM;AAC1C,MAAAL,EAAS,CAACM,MACJ,YAAY,SAAS,UAAUA,IAC1B,SAAS,QAEXA,CACR;AAAA,IAAA,CACF;AAEQ,WAAAD,EAAA,QAAQ,SAAS,KAAK,cAAc,OAAO,GAAI,EAAE,WAAW,IAAM,GAEpE,MAAM;AACX,MAAAA,EAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,EAAE,GAELD,EAAU,MAAM;AACd,QAAIR,KAAA,QAAAA,EAAS;AACX,aAAO,MAAM;AACX,iBAAS,QAAQC,EAAa;AAAA,MAChC;AAAA,EAEJ,GAAG,EAAE,GAEE,EAAE,OAAAE,GAAO,KAAAG,EAAI;AACtB;"}

package/dist/esm/hooks/useDocumentVisibility/useDocumentVisibility.mjs

@@ -0,0 +1,8 @@
+import { useSyncExternalStore as t } from "react";
+const i = () => document.visibilityState, n = () => "hidden", s = (e) => (document.addEventListener("visibilitychange", e), () => {
+  document.removeEventListener("visibilitychange", e);
+}), r = () => t(s, i, n);
+export {
+  r as useDocumentVisibility
+};
+//# sourceMappingURL=useDocumentVisibility.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentVisibility.mjs","sources":["../../../../src/hooks/useDocumentVisibility/useDocumentVisibility.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => document.visibilityState;\nconst getServerSnapshot = () => 'hidden' as const;\nconst subscribe = (callback: () => void) => {\n  document.addEventListener('visibilitychange', callback);\n  return () => {\n    document.removeEventListener('visibilitychange', callback);\n  };\n};\n\n/**\n * @name useDocumentVisibility\n * @description – Hook that provides the current visibility state of the document\n * @category Browser\n *\n * @returns {DocumentVisibilityState} The current visibility state of the document, which can be 'visible' or 'hidden'\n *\n * @example\n * const visibilityState = useDocumentVisibility();\n */\nexport const useDocumentVisibility = () =>\n  useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","getServerSnapshot","subscribe","callback","useDocumentVisibility","useSyncExternalStore"],"mappings":";AAEA,MAAMA,IAAc,MAAM,SAAS,iBAC7BC,IAAoB,MAAM,UAC1BC,IAAY,CAACC,OACR,SAAA,iBAAiB,oBAAoBA,CAAQ,GAC/C,MAAM;AACF,WAAA,oBAAoB,oBAAoBA,CAAQ;AAC3D,IAaWC,IAAwB,MACnCC,EAAqBH,GAAWF,GAAaC,CAAiB;"}

package/dist/esm/hooks/useElementSize/useElementSize.mjs

@@ -0,0 +1,30 @@
+import { useState as f } from "react";
+import { useIsomorphicLayoutEffect as g } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { useRefState as d } from "../useRefState/useRefState.mjs";
+import { getElement as l } from "../../utils/helpers/getElement.mjs";
+const R = (...s) => {
+  const e = s[0], [n, i] = f({ width: 0, height: 0 }), r = d();
+  return g(() => {
+    const t = e ? l(e) : r.current;
+    if (!t) return;
+    const { width: c, height: h } = t.getBoundingClientRect();
+    i({
+      width: c,
+      height: h
+    });
+    const o = new ResizeObserver(() => {
+      const { width: u, height: m } = t.getBoundingClientRect();
+      i({ width: u, height: m });
+    });
+    return o.observe(t), () => {
+      o.disconnect();
+    };
+  }, [r.current, e]), e ? { value: n } : {
+    ref: r,
+    value: n
+  };
+};
+export {
+  R as useElementSize
+};
+//# sourceMappingURL=useElementSize.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useElementSize.mjs","sources":["../../../../src/hooks/useElementSize/useElementSize.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The element size value type */\nexport interface UseElementSizeValue {\n  /** The element's height */\n  height: number;\n  /** The element's width */\n  width: number;\n}\n\n/** The use element size return type */\nexport interface UseElementSizeReturn {\n  value: UseElementSizeValue;\n}\n\nexport interface UseElementSize {\n  (target: HookTarget): UseElementSizeReturn;\n\n  <Target extends Element>(target?: never): { ref: StateRef<Target> } & UseElementSizeReturn;\n}\n\n/**\n * @name useElementSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseElementSizeReturn} An object containing the current width and height of the element\n *\n * @example\n * const { value } = useElementSize(ref);\n *\n * @overload\n * @returns { { ref: StateRef<Target> } & UseElementSizeReturn } An object containing the current width and height of the element\n *\n * @example\n * const { ref, value } = useElementSize();\n */\nexport const useElementSize = ((...params: any[]) => {\n  const target = params[0] as HookTarget | undefined;\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const internalRef = useRefState<Element>();\n\n  useIsomorphicLayoutEffect(() => {\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const { width, height } = element.getBoundingClientRect();\n    setSize({\n      width,\n      height\n    });\n\n    const observer = new ResizeObserver(() => {\n      const { width, height } = element.getBoundingClientRect();\n      setSize({ width, height });\n    });\n\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.current, target]);\n\n  if (target) return { value: size };\n  return {\n    ref: internalRef,\n    value: size\n  };\n}) as UseElementSize;\n"],"names":["useElementSize","params","target","size","setSize","useState","internalRef","useRefState","useIsomorphicLayoutEffect","element","getElement","width","height","observer"],"mappings":";;;;AAgDa,MAAAA,IAAkB,IAAIC,MAAkB;AAC7C,QAAAC,IAASD,EAAO,CAAC,GACjB,CAACE,GAAMC,CAAO,IAAIC,EAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,GAClDC,IAAcC,EAAqB;AAyBzC,SAvBAC,EAA0B,MAAM;AAC9B,UAAMC,IAAWP,IAASQ,EAAWR,CAAM,IAAII,EAAY;AAE3D,QAAI,CAACG,EAAS;AAEd,UAAM,EAAE,OAAAE,GAAO,QAAAC,MAAWH,EAAQ,sBAAsB;AAChD,IAAAL,EAAA;AAAA,MACN,OAAAO;AAAA,MACA,QAAAC;AAAA,IAAA,CACD;AAEK,UAAAC,IAAW,IAAI,eAAe,MAAM;AACxC,YAAM,EAAE,OAAAF,GAAO,QAAAC,EAAO,IAAIH,EAAQ,sBAAsB;AACxD,MAAAL,EAAQ,EAAE,OAAAO,GAAO,QAAAC,GAAQ;AAAA,IAAA,CAC1B;AAED,WAAAC,EAAS,QAAQJ,CAAO,GAEjB,MAAM;AACX,MAAAI,EAAS,WAAW;AAAA,IACtB;AAAA,EACC,GAAA,CAACP,EAAY,SAASJ,CAAM,CAAC,GAE5BA,IAAe,EAAE,OAAOC,EAAK,IAC1B;AAAA,IACL,KAAKG;AAAA,IACL,OAAOH;AAAA,EACT;AACF;"}

package/dist/esm/hooks/useEvent/useEvent.mjs

@@ -0,0 +1,12 @@
+import { useRef as u, useCallback as c } from "react";
+const s = (e) => {
+  const r = u(e);
+  return r.current = e, c((...t) => {
+    const n = r.current;
+    return n(...t);
+  }, []);
+};
+export {
+  s as useEvent
+};
+//# sourceMappingURL=useEvent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEvent.mjs","sources":["../../../../src/hooks/useEvent/useEvent.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\n/**\n * @name useEvent\n * @description - Hook that creates an event and returns a stable reference of it\n * @category Browser\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 * @returns {(...args: Params) => Return} The callback\n *\n * @example\n * const onClick = useEvent(() => console.log('clicked'));\n */\nexport const useEvent = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return\n): ((...args: Params) => Return) => {\n  const callbackRef = useRef<typeof callback>(callback);\n  callbackRef.current = callback;\n\n  return useCallback((...args) => {\n    const fn = callbackRef.current;\n    return fn(...args);\n  }, []);\n};\n"],"names":["useEvent","callback","callbackRef","useRef","useCallback","args","fn"],"mappings":";AAea,MAAAA,IAAW,CACtBC,MACkC;AAC5B,QAAAC,IAAcC,EAAwBF,CAAQ;AACpD,SAAAC,EAAY,UAAUD,GAEfG,EAAY,IAAIC,MAAS;AAC9B,UAAMC,IAAKJ,EAAY;AAChB,WAAAI,EAAG,GAAGD,CAAI;AAAA,EACnB,GAAG,EAAE;AACP;"}