@siberiacancode/reactuse 0.2.8 → 0.2.10

package/README.md

@@ -1,71 +1,71 @@
-<div align="center">
-  <a href="https://reactuse.dev">
-    <picture>
-      <img alt="React Use logo" src="https://siberiacancode.github.io/reactuse/logo.svg" height="128">
-    </picture>
-  </a>
-  <h1>React Use</h1>
-
-<a href="https://www.npmjs.com/package/@siberiacancode/reactuse"><img alt="NPM version" src="https://img.shields.io/npm/v/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
-<a href="https://github.com/siberiacancode/reactuse/blob/main/LICENSE"><img alt="License" src="https://img.shields.io/npm/l/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
-<a href="https://github.com/siberiacancode/reactuse/discussions"><img alt="Join the community on GitHub" src="https://img.shields.io/badge/Join%20the%20community-blueviolet.svg?style=for-the-badge&logo=React&labelColor=000000&logoWidth=20"></a>
-
-</div>
-
-React Use delivers **production-ready hooks** that solve real-world problems. Built with **TypeScript-first** approach, **SSR compatibility**, and **tree-shaking optimization** - everything you need to build modern React applications. Improve your react applications with our library 📦 designed for comfort and speed.
-
-## Documentation
-
-Visit https://siberiacancode.github.io/reactuse to view the full documentation.
-
-## Getting Started
-
-```bash
-npm install @siberiacancode/reactuse
-```
-
-```tsx
-import { useCounter } from '@reactuses/core';
-
-function App() {
-  const counter = useCounter(0);
-
-  return (
-    <div>
-      <h1>Count: {const.value}</h1>
-      <button onClick={() => const.inc()}>+1</button>
-      <button onClick={() => const.dec()}>-1</button>
-    </div>
-  );
-}
-```
-
-## CLI installation
-
-Use the CLI to add hooks to your project with [useverse](https://www.npmjs.com/package/useverse).
-
-```bash
-npx useverse@latest init
-```
-
-```bash
-npx useverse@latest add [hook]
-```
-
-You will be presented with a list of hooks to choose from:
-
-```bash
-Which hooks would you like to add? › Space to select. A to toggle all.
-Enter to submit.
-
-◯  useActiveElement
-◯  useAsync
-◯  useBattery
-◯  useBluetooth
-◯  useBoolean
-◯  useBreakpoints
-◯  useBrowserLanguage
-◯  useClickOutside
-◯  useClipboard
-◯  useConst
-```
+<div align="center">
+  <a href="https://reactuse.dev">
+    <picture>
+      <img alt="React Use logo" src="https://siberiacancode.github.io/reactuse/logo.svg" height="128">
+    </picture>
+  </a>
+  <h1>React Use</h1>
+
+<a href="https://www.npmjs.com/package/@siberiacancode/reactuse"><img alt="NPM version" src="https://img.shields.io/npm/v/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
+<a href="https://github.com/siberiacancode/reactuse/blob/main/LICENSE"><img alt="License" src="https://img.shields.io/npm/l/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
+<a href="https://github.com/siberiacancode/reactuse/discussions"><img alt="Join the community on GitHub" src="https://img.shields.io/badge/Join%20the%20community-blueviolet.svg?style=for-the-badge&logo=React&labelColor=000000&logoWidth=20"></a>
+
+</div>
+
+React Use delivers **production-ready hooks** that solve real-world problems. Built with **TypeScript-first** approach, **SSR compatibility**, and **tree-shaking optimization** - everything you need to build modern React applications. Improve your react applications with our library 📦 designed for comfort and speed.
+
+## Documentation
+
+Visit https://siberiacancode.github.io/reactuse to view the full documentation.
+
+## Getting Started
+
+```bash
+npm install @siberiacancode/reactuse
+```
+
+```tsx
+import { useCounter } from '@reactuses/core';
+
+function App() {
+  const counter = useCounter(0);
+
+  return (
+    <div>
+      <h1>Count: {const.value}</h1>
+      <button onClick={() => const.inc()}>+1</button>
+      <button onClick={() => const.dec()}>-1</button>
+    </div>
+  );
+}
+```
+
+## CLI installation
+
+Use the CLI to add hooks to your project with [useverse](https://www.npmjs.com/package/useverse).
+
+```bash
+npx useverse@latest init
+```
+
+```bash
+npx useverse@latest add [hook]
+```
+
+You will be presented with a list of hooks to choose from:
+
+```bash
+Which hooks would you like to add? › Space to select. A to toggle all.
+Enter to submit.
+
+◯  useActiveElement
+◯  useAsync
+◯  useBattery
+◯  useBluetooth
+◯  useBoolean
+◯  useBreakpoints
+◯  useBrowserLanguage
+◯  useClickOutside
+◯  useClipboard
+◯  useConst
+```

package/dist/cjs/hooks/useAsync/useAsync.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAsync.cjs","sources":["../../../../src/hooks/useAsync/useAsync.ts"],"sourcesContent":["import type { DependencyList } from 'react';\n\nimport { useEffect, useState } from 'react';\n\n/* The use query return type */\nexport interface UseAsyncReturn<Data> {\n  /* The state of the query */\n  data?: Data;\n  /* The error of the query */\n  error?: Error;\n  /* The error state of the query  */\n  isError: boolean;\n  /* The loading state of the query */\n  isLoading: boolean;\n}\n\n/**\n * @name useAsync\n * @description - Hook that provides the state of an async callback\n * @category Utilities\n *\n * @param {() => Promise<Data>} callback The async callback\n * @param {DependencyList} deps The dependencies of the callback\n * @returns {UseAsyncReturn<Data>} The state of the async callback\n *\n * @example\n * const { data, isLoading, isError, error } = useAsync(() => fetch('url'), [deps]);\n */\nexport const useAsync = <Data>(\n  callback: () => Promise<Data>,\n  deps: DependencyList\n): UseAsyncReturn<Data> => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isError, setIsError] = useState(false);\n\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const [data, setData] = useState<Data | undefined>(undefined);\n\n  useEffect(() => {\n    setIsLoading(true);\n    callback()\n      .then((response) => {\n        setData(response);\n        setError(undefined);\n        setIsError(false);\n      })\n      .catch((error: Error) => {\n        setError(error);\n        setIsError(true);\n      })\n      .finally(() => {\n        setIsLoading(false);\n      });\n  }, deps);\n\n  return {\n    data,\n    isLoading,\n    isError,\n    error\n  };\n};\n"],"names":["useAsync","callback","deps","isLoading","setIsLoading","useState","isError","setIsError","error","setError","data","setData","useEffect","response"],"mappings":"yGA4BaA,EAAW,CACtBC,EACAC,IACyB,CACzB,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAI,EACzC,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAS,EAAK,EAEtC,CAACG,EAAOC,CAAQ,EAAIJ,EAAAA,SAA4B,MAAS,EACzD,CAACK,EAAMC,CAAO,EAAIN,EAAAA,SAA2B,MAAS,EAE5DO,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAa,EAAI,EACRH,EAAA,EACN,KAAMY,GAAa,CAClBF,EAAQE,CAAQ,EAChBJ,EAAS,MAAS,EAClBF,EAAW,EAAK,CAAA,CACjB,EACA,MAAOC,GAAiB,CACvBC,EAASD,CAAK,EACdD,EAAW,EAAI,CAAA,CAChB,EACA,QAAQ,IAAM,CACbH,EAAa,EAAK,CAAA,CACnB,GACFF,CAAI,EAEA,CACL,KAAAQ,EACA,UAAAP,EACA,QAAAG,EACA,MAAAE,CACF,CACF"}
+{"version":3,"file":"useAsync.cjs","sources":["../../../../src/hooks/useAsync/useAsync.ts"],"sourcesContent":["import type { DependencyList } from 'react';\r\n\r\nimport { useEffect, useState } from 'react';\r\n\r\n/* The use query return type */\r\nexport interface UseAsyncReturn<Data> {\r\n  /* The state of the query */\r\n  data?: Data;\r\n  /* The error of the query */\r\n  error?: Error;\r\n  /* The error state of the query  */\r\n  isError: boolean;\r\n  /* The loading state of the query */\r\n  isLoading: boolean;\r\n}\r\n\r\n/**\r\n * @name useAsync\r\n * @description - Hook that provides the state of an async callback\r\n * @category Utilities\r\n *\r\n * @param {() => Promise<Data>} callback The async callback\r\n * @param {DependencyList} deps The dependencies of the callback\r\n * @returns {UseAsyncReturn<Data>} The state of the async callback\r\n *\r\n * @example\r\n * const { data, isLoading, isError, error } = useAsync(() => fetch('url'), [deps]);\r\n */\r\nexport const useAsync = <Data>(\r\n  callback: () => Promise<Data>,\r\n  deps: DependencyList\r\n): UseAsyncReturn<Data> => {\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  const [isError, setIsError] = useState(false);\r\n\r\n  const [error, setError] = useState<Error | undefined>(undefined);\r\n  const [data, setData] = useState<Data | undefined>(undefined);\r\n\r\n  useEffect(() => {\r\n    setIsLoading(true);\r\n    callback()\r\n      .then((response) => {\r\n        setData(response);\r\n        setError(undefined);\r\n        setIsError(false);\r\n      })\r\n      .catch((error: Error) => {\r\n        setError(error);\r\n        setIsError(true);\r\n      })\r\n      .finally(() => {\r\n        setIsLoading(false);\r\n      });\r\n  }, deps);\r\n\r\n  return {\r\n    data,\r\n    isLoading,\r\n    isError,\r\n    error\r\n  };\r\n};\r\n"],"names":["useAsync","callback","deps","isLoading","setIsLoading","useState","isError","setIsError","error","setError","data","setData","useEffect","response"],"mappings":"yGA4BaA,EAAW,CACtBC,EACAC,IACyB,CACzB,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAI,EACzC,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAS,EAAK,EAEtC,CAACG,EAAOC,CAAQ,EAAIJ,EAAAA,SAA4B,MAAS,EACzD,CAACK,EAAMC,CAAO,EAAIN,EAAAA,SAA2B,MAAS,EAE5DO,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAa,EAAI,EACRH,EAAA,EACN,KAAMY,GAAa,CAClBF,EAAQE,CAAQ,EAChBJ,EAAS,MAAS,EAClBF,EAAW,EAAK,CAAA,CACjB,EACA,MAAOC,GAAiB,CACvBC,EAASD,CAAK,EACdD,EAAW,EAAI,CAAA,CAChB,EACA,QAAQ,IAAM,CACbH,EAAa,EAAK,CAAA,CACnB,GACFF,CAAI,EAEA,CACL,KAAAQ,EACA,UAAAP,EACA,QAAAG,EACA,MAAAE,CACF,CACF"}

package/dist/cjs/hooks/useBoolean/useBoolean.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBoolean.cjs","sources":["../../../../src/hooks/useBoolean/useBoolean.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use boolean return type */\nexport type UseBooleanReturn = [\n  /** The current boolean state value */\n  value: boolean,\n  /** Function to toggle the boolean state */\n  toggle: (value?: boolean) => void\n];\n\n/**\n * @name useBoolean\n * @description - Hook provides opportunity to manage boolean state\n * @category Utilities\n *\n * @param {boolean} [initialValue=false] The initial boolean value\n * @returns {UseBooleanReturn} An object containing the boolean state value and utility functions to manipulate the state\n *\n * @example\n * const [on, toggle] = useBoolean()\n */\nexport const useBoolean = (initialValue = false): UseBooleanReturn => {\n  const [value, setValue] = useState(initialValue);\n  const toggle = (value?: boolean) => setValue((prevValue) => value ?? !prevValue);\n\n  return [value, toggle];\n};\n"],"names":["useBoolean","initialValue","value","setValue","useState","prevValue"],"mappings":"yGAqBaA,EAAa,CAACC,EAAe,KAA4B,CACpE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASH,CAAY,EAGxC,MAAA,CAACC,EAFQA,GAAoBC,EAAUE,GAAcH,GAAS,CAACG,CAAS,CAE1D,CACvB"}
+{"version":3,"file":"useBoolean.cjs","sources":["../../../../src/hooks/useBoolean/useBoolean.ts"],"sourcesContent":["import { useState } from 'react';\r\n\r\n/** The use boolean return type */\r\nexport type UseBooleanReturn = [\r\n  /** The current boolean state value */\r\n  value: boolean,\r\n  /** Function to toggle the boolean state */\r\n  toggle: (value?: boolean) => void\r\n];\r\n\r\n/**\r\n * @name useBoolean\r\n * @description - Hook provides opportunity to manage boolean state\r\n * @category Utilities\r\n *\r\n * @param {boolean} [initialValue=false] The initial boolean value\r\n * @returns {UseBooleanReturn} An object containing the boolean state value and utility functions to manipulate the state\r\n *\r\n * @example\r\n * const [on, toggle] = useBoolean()\r\n */\r\nexport const useBoolean = (initialValue = false): UseBooleanReturn => {\r\n  const [value, setValue] = useState(initialValue);\r\n  const toggle = (value?: boolean) => setValue((prevValue) => value ?? !prevValue);\r\n\r\n  return [value, toggle];\r\n};\r\n"],"names":["useBoolean","initialValue","value","setValue","useState","prevValue"],"mappings":"yGAqBaA,EAAa,CAACC,EAAe,KAA4B,CACpE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASH,CAAY,EAGxC,MAAA,CAACC,EAFQA,GAAoBC,EAAUE,GAAcH,GAAS,CAACG,CAAS,CAE1D,CACvB"}

package/dist/cjs/hooks/useCookie/useCookie.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCookie.cjs","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":"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"}
+{"version":3,"file":"useCookie.cjs","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/cjs/hooks/useCookies/useCookies.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),t=require("../useCookie/useCookie.cjs"),i=()=>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]}})),d=()=>{document.cookie.split("; ").forEach(o=>{const[e]=o.split("=");t.removeCookie(e)})},C=(o,e,n)=>{t.setCookie(o,e,n),t.dispatchCookieEvent()},u=(o,e)=>{t.removeCookie(o,e),t.dispatchCookieEvent()},k=()=>{d(),t.dispatchCookieEvent()},m=()=>{const[o,e]=a.useState(typeof window<"u"?i():{});return a.useEffect(()=>{const s=()=>e(i());return window.addEventListener(t.COOKIE_EVENT,s),()=>{window.removeEventListener(t.COOKIE_EVENT,s)}},[]),{value:o,set:(s,c,l)=>{if(c===null)return u(s);C(s,c,l)},remove:(s,c)=>u(s,c),getAll:()=>i(),clear:()=>k()}};exports.clearCookies=d;exports.getParsedCookies=i;exports.useCookies=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),n=require("../useCookie/useCookie.cjs"),u=()=>{document.cookie.split("; ").forEach(r=>{const[i]=r.split("=");n.removeCookie(i)})},m=()=>{u(),n.dispatchCookieEvent()},k=r=>{const i=e=>r!=null&&r.serializer?r.serializer(e):typeof e=="string"?e:JSON.stringify(e),d=e=>{if(r!=null&&r.deserializer)return r.deserializer(e);if(e!=="undefined")try{return JSON.parse(e)}catch{return e}},s=()=>document.cookie?Object.fromEntries(document.cookie.split("; ").map(e=>{const[t,...o]=e.split("=");if(!t||!o.length)return[];const f=decodeURIComponent(o.join("="));return[t,d(f)]}).filter(e=>e.length)):{},[l,a]=c.useState(()=>typeof window>"u"?{}:s());return c.useEffect(()=>{const e=()=>a(s());return window.addEventListener(n.COOKIE_EVENT,e),()=>{window.removeEventListener(n.COOKIE_EVENT,e)}},[]),{value:l,set:(e,t,o)=>n.setCookieItem(e,i(t),o),remove:(e,t)=>n.removeCookieItem(e,t),getAll:()=>s(),clear:()=>m()}};exports.clearCookies=u;exports.useCookies=k;
 //# sourceMappingURL=useCookies.cjs.map

package/dist/cjs/hooks/useCookies/useCookies.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCookies.cjs","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":"iJAMaA,EAAmB,IAC9B,OAAO,YACL,SAAS,OAAO,MAAM,IAAI,EAAE,IAAKC,GAAW,CAC1C,KAAM,CAACC,EAAK,GAAGC,CAAK,EAAIF,EAAO,MAAM,GAAG,EAClCG,EAAe,mBAAmBD,EAAM,KAAK,GAAG,CAAC,EACnD,GAAA,CACF,MAAO,CAACD,EAAK,KAAK,MAAME,CAAY,CAAC,CAAA,MAC/B,CACC,MAAA,CAACF,EAAKE,CAAY,CAAA,CAE5B,CAAA,CACH,EAEWC,EAAe,IAAM,CAChC,SAAS,OAAO,MAAM,IAAI,EAAE,QAASJ,GAAW,CAC9C,KAAM,CAACK,CAAI,EAAIL,EAAO,MAAM,GAAG,EAC/BM,EAAAA,aAAaD,CAAI,CAAA,CAClB,CACH,EAEME,EAAgB,CAACN,EAAaC,EAAYM,IAA8B,CAClEC,YAAAR,EAAKC,EAAOM,CAAO,EACTE,sBAAA,CACtB,EAEMC,EAAmB,CAACV,EAAaO,IAAiC,CACtEF,EAAA,aAAaL,EAAKO,CAAO,EACLE,sBAAA,CACtB,EAEME,EAAmB,IAAM,CAChBR,EAAA,EACOM,sBAAA,CACtB,EAeaG,EAAa,IAAa,CAC/B,KAAA,CAACX,EAAOY,CAAQ,EAAIC,EAAA,SACxB,OAAO,OAAW,IAAehB,IAAgC,CAAA,CACnE,EAEAiB,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAMH,EAASf,GAA2B,EAEpD,cAAA,iBAAiBmB,eAAcD,CAAQ,EACvC,IAAM,CACJ,OAAA,oBAAoBC,eAAcD,CAAQ,CACnD,CACF,EAAG,EAAE,EAWE,CAAE,MAAAf,EAAO,IATJ,CAACD,EAAaC,EAAcM,IAA8B,CACpE,GAAIN,IAAU,KAAa,OAAAS,EAAiBV,CAAG,EACjCM,EAAAN,EAAKC,EAAOM,CAAO,CACnC,EAMqB,OAJN,CAACP,EAAaO,IAAiCG,EAAiBV,EAAKO,CAAO,EAI9D,OAHd,IAAMT,EAAiB,EAGD,MAFvB,IAAMa,EAAiB,CAEM,CAC7C"}
+{"version":3,"file":"useCookies.cjs","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":"iJAuBaA,EAAe,IAAM,CAChC,SAAS,OAAO,MAAM,IAAI,EAAE,QAASC,GAAW,CAC9C,KAAM,CAACC,CAAI,EAAID,EAAO,MAAM,GAAG,EAC/BE,EAAAA,aAAaD,CAAI,CAAA,CAClB,CACH,EAEME,EAAmB,IAAM,CAChBJ,EAAA,EACOK,sBAAA,CACtB,EAcaC,EAA0CC,GAAuC,CACtF,MAAAC,EAAcC,GACdF,GAAA,MAAAA,EAAS,WAAmBA,EAAQ,WAAWE,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBC,EAAgBD,GAAkB,CACtC,GAAIF,GAAA,MAAAA,EAAS,aAAqB,OAAAA,EAAQ,aAAaE,CAAK,EACxDA,GAAAA,IAAU,YAEV,GAAA,CACK,OAAA,KAAK,MAAMA,CAAK,CAAA,MACjB,CACCA,OAAAA,CAAA,CAEX,EAEME,EAAmB,IAClB,SAAS,OAEP,OAAO,YACZ,SAAS,OACN,MAAM,IAAI,EACV,IAAKV,GAAW,CACf,KAAM,CAACW,EAAK,GAAGH,CAAK,EAAIR,EAAO,MAAM,GAAG,EACxC,GAAI,CAACW,GAAO,CAACH,EAAM,aAAe,CAAC,EACnC,MAAMI,EAAe,mBAAmBJ,EAAM,KAAK,GAAG,CAAC,EACvD,MAAO,CAACG,EAAKF,EAAaG,CAAY,CAAC,CACxC,CAAA,EACA,OAAQC,GAAUA,EAAM,MAAM,CACnC,EAZ6B,CAAC,EAe1B,CAACL,EAAOM,CAAQ,EAAIC,WAAS,IAC7B,OAAO,OAAW,IAAoB,CAAC,EACpCL,EAAiB,CACzB,EAEDM,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAMH,EAASJ,GAA2B,EAEpD,cAAA,iBAAiBQ,eAAcD,CAAQ,EACvC,IAAM,CACJ,OAAA,oBAAoBC,eAAcD,CAAQ,CACnD,CACF,EAAG,EAAE,EAUE,CAAE,MAAAT,EAAO,IARJ,CAA0BG,EAAUH,EAAmBF,IACjEa,gBAAcR,EAAeJ,EAAWC,CAAK,EAAGF,CAAO,EAOpC,OALN,CAA0BK,EAAUL,IACjDc,EAAA,iBAAiBT,EAAeL,CAAO,EAIZ,OAHd,IAAMI,EAAiB,EAGD,MAFvB,IAAMP,EAAiB,CAEM,CAC7C"}

package/dist/cjs/hooks/useDropZone/useDropZone.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDropZone.cjs","sources":["../../../../src/hooks/useDropZone/useDropZone.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\nexport type DropZoneDataTypes = ((types: string[]) => boolean) | string[];\n\nexport interface UseDropZoneOptions {\n  /** The data types for drop zone */\n  dataTypes?: DropZoneDataTypes;\n  /** The multiple mode for drop zone */\n  multiple?: boolean;\n  /** The on drop callback */\n  onDrop?: (files: File[] | null, event: DragEvent) => void;\n  /** The on enter callback */\n  onEnter?: (event: DragEvent) => void;\n  /** The on leave callback */\n  onLeave?: (event: DragEvent) => void;\n  /** The on over callback */\n  onOver?: (event: DragEvent) => void;\n}\n\nexport interface UseDropZoneReturn {\n  /** The files that was dropped in drop zone */\n  files: File[] | null;\n  /** The over drop zone status */\n  overed: boolean;\n}\n\nexport interface UseDropZone {\n  (\n    target: HookTarget,\n    callback?: (files: File[] | null, event: DragEvent) => void\n  ): UseDropZoneReturn;\n\n  <Target extends Element>(\n    callback?: (files: File[] | null, event: DragEvent) => void,\n    target?: never\n  ): UseDropZoneReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\n\n  <Target extends Element>(\n    options?: UseDropZoneOptions,\n    target?: never\n  ): UseDropZoneReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useDropZone\n * @description - Hook that provides drop zone functionality\n * @category Elements\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element drop zone's\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, options);\n *\n * @overload\n * @param {Target} target The target element drop zone's\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\n *\n * @overload\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(options);\n *\n * @overload\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\n */\n\nexport const useDropZone = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { onDrop: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onDrop: params[0] }\n  ) as UseDropZoneOptions;\n\n  const internalRef = useRefState<Element>();\n\n  const counterRef = useRef(0);\n  const [files, setFiles] = useState<File[] | null>(null);\n  const [overed, setOvered] = useState(false);\n\n  const dataTypes = options.dataTypes;\n\n  const getFiles = (event: DragEvent) => {\n    if (!event.dataTransfer) return null;\n    const list = Array.from(event.dataTransfer.files);\n    if (options.multiple) return list;\n    if (!list.length) return null;\n    return [list[0]];\n  };\n\n  const checkDataTypes = (types: string[]) => {\n    if (!dataTypes) return true;\n    if (typeof dataTypes === 'function') return dataTypes(types);\n    if (!dataTypes.length) return true;\n    if (!types.length) return false;\n\n    return types.every((type) => {\n      console.log('type', type);\n      console.log('dataTypes', dataTypes);\n      return dataTypes.some((dataType) => type.includes(dataType));\n    });\n  };\n\n  const checkValidity = (items: DataTransferItemList) => {\n    const types = Array.from(items).map((item) => item.type);\n    const dataTypesValid = checkDataTypes(types);\n    const multipleFilesValid = options.multiple || items.length <= 1;\n\n    return dataTypesValid && multipleFilesValid;\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? getElement(target) : internalRef.current;\n\n    if (!element) return;\n\n    const onEvent = (event: DragEvent, type: 'drop' | 'enter' | 'leave' | 'over') => {\n      if (!event.dataTransfer) return;\n\n      const isValid = checkValidity(event.dataTransfer.items);\n      if (!isValid) {\n        event.dataTransfer.dropEffect = 'none';\n        return;\n      }\n\n      event.preventDefault();\n      event.dataTransfer.dropEffect = 'copy';\n\n      const currentFiles = getFiles(event);\n\n      if (type === 'drop') {\n        counterRef.current = 0;\n        setOvered(false);\n        setFiles(currentFiles);\n        options.onDrop?.(currentFiles, event);\n        return;\n      }\n\n      if (type === 'enter') {\n        counterRef.current += 1;\n        setOvered(true);\n        options.onEnter?.(event);\n        return;\n      }\n\n      if (type === 'leave') {\n        counterRef.current -= 1;\n        if (counterRef.current !== 0) return;\n        setOvered(false);\n        options.onLeave?.(event);\n        return;\n      }\n\n      if (type === 'over') options.onOver?.(event);\n    };\n\n    const onDrop = ((event: DragEvent) => onEvent(event, 'drop')) as EventListener;\n    const onDragOver = ((event: DragEvent) => onEvent(event, 'over')) as EventListener;\n    const onDragEnter = ((event: DragEvent) => onEvent(event, 'enter')) as EventListener;\n    const onDragLeave = ((event: DragEvent) => onEvent(event, 'leave')) as EventListener;\n\n    element.addEventListener('dragenter', onDragEnter);\n    element.addEventListener('dragover', onDragOver);\n    element.addEventListener('dragleave', onDragLeave);\n    element.addEventListener('drop', onDrop);\n\n    return () => {\n      element.removeEventListener('dragenter', onDragEnter);\n      element.removeEventListener('dragover', onDragOver);\n      element.removeEventListener('dragleave', onDragLeave);\n      element.removeEventListener('drop', onDrop);\n    };\n  }, [target, internalRef.current]);\n\n  if (target) return { overed, files };\n  return { ref: internalRef, overed, files };\n}) as UseDropZone;\n"],"names":["useDropZone","params","target","isTarget","options","internalRef","useRefState","counterRef","useRef","files","setFiles","useState","overed","setOvered","dataTypes","getFiles","event","list","checkDataTypes","types","type","dataType","checkValidity","items","item","dataTypesValid","multipleFilesValid","useEffect","element","getElement","onEvent","currentFiles","_a","_b","_c","_d","onDrop","onDragOver","onDragEnter","onDragLeave"],"mappings":"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"}
+{"version":3,"file":"useDropZone.cjs","sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { getElement, isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\nexport type DropZoneDataTypes = ((types: string[]) => boolean) | string[];\r\n\r\nexport interface UseDropZoneOptions {\r\n  /** The data types for drop zone */\r\n  dataTypes?: DropZoneDataTypes;\r\n  /** The multiple mode for drop zone */\r\n  multiple?: boolean;\r\n  /** The on drop callback */\r\n  onDrop?: (files: File[] | null, event: DragEvent) => void;\r\n  /** The on enter callback */\r\n  onEnter?: (event: DragEvent) => void;\r\n  /** The on leave callback */\r\n  onLeave?: (event: DragEvent) => void;\r\n  /** The on over callback */\r\n  onOver?: (event: DragEvent) => void;\r\n}\r\n\r\nexport interface UseDropZoneReturn {\r\n  /** The files that was dropped in drop zone */\r\n  files: File[] | null;\r\n  /** The over drop zone status */\r\n  overed: boolean;\r\n}\r\n\r\nexport interface UseDropZone {\r\n  (\r\n    target: HookTarget,\r\n    callback?: (files: File[] | null, event: DragEvent) => void\r\n  ): UseDropZoneReturn;\r\n\r\n  <Target extends Element>(\r\n    callback?: (files: File[] | null, event: DragEvent) => void,\r\n    target?: never\r\n  ): UseDropZoneReturn & {\r\n    ref: StateRef<Target>;\r\n  };\r\n\r\n  (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\r\n\r\n  <Target extends Element>(\r\n    options?: UseDropZoneOptions,\r\n    target?: never\r\n  ): UseDropZoneReturn & {\r\n    ref: StateRef<Target>;\r\n  };\r\n}\r\n\r\n/**\r\n * @name useDropZone\r\n * @description - Hook that provides drop zone functionality\r\n * @category Elements\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {Target} target The target element drop zone's\r\n * @param {DataTypes} [options.dataTypes] The data types\r\n * @param {boolean} [options.multiple] The multiple mode\r\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\r\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\r\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\r\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\r\n * @returns {UseDropZoneReturn} The object with drop zone states\r\n *\r\n * @example\r\n * const { overed, files } = useDropZone(ref, options);\r\n *\r\n * @overload\r\n * @param {Target} target The target element drop zone's\r\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\r\n * @returns {UseDropZoneReturn} The object with drop zone states\r\n *\r\n * @example\r\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\r\n *\r\n * @overload\r\n * @param {DataTypes} [options.dataTypes] The data types\r\n * @param {boolean} [options.multiple] The multiple mode\r\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\r\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\r\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\r\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\r\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\r\n *\r\n * @example\r\n * const { ref, overed, files } = useDropZone(options);\r\n *\r\n * @overload\r\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\r\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\r\n *\r\n * @example\r\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\r\n */\r\n\r\nexport const useDropZone = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n\r\n  const options = (\r\n    target\r\n      ? typeof params[1] === 'object'\r\n        ? params[1]\r\n        : { onDrop: params[1] }\r\n      : typeof params[0] === 'object'\r\n        ? params[0]\r\n        : { onDrop: params[0] }\r\n  ) as UseDropZoneOptions;\r\n\r\n  const internalRef = useRefState<Element>();\r\n\r\n  const counterRef = useRef(0);\r\n  const [files, setFiles] = useState<File[] | null>(null);\r\n  const [overed, setOvered] = useState(false);\r\n\r\n  const dataTypes = options.dataTypes;\r\n\r\n  const getFiles = (event: DragEvent) => {\r\n    if (!event.dataTransfer) return null;\r\n    const list = Array.from(event.dataTransfer.files);\r\n    if (options.multiple) return list;\r\n    if (!list.length) return null;\r\n    return [list[0]];\r\n  };\r\n\r\n  const checkDataTypes = (types: string[]) => {\r\n    if (!dataTypes) return true;\r\n    if (typeof dataTypes === 'function') return dataTypes(types);\r\n    if (!dataTypes.length) return true;\r\n    if (!types.length) return false;\r\n\r\n    return types.every((type) => {\r\n      console.log('type', type);\r\n      console.log('dataTypes', dataTypes);\r\n      return dataTypes.some((dataType) => type.includes(dataType));\r\n    });\r\n  };\r\n\r\n  const checkValidity = (items: DataTransferItemList) => {\r\n    const types = Array.from(items).map((item) => item.type);\r\n    const dataTypesValid = checkDataTypes(types);\r\n    const multipleFilesValid = options.multiple || items.length <= 1;\r\n\r\n    return dataTypesValid && multipleFilesValid;\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!target && !internalRef.state) return;\r\n\r\n    const element = target ? getElement(target) : internalRef.current;\r\n\r\n    if (!element) return;\r\n\r\n    const onEvent = (event: DragEvent, type: 'drop' | 'enter' | 'leave' | 'over') => {\r\n      if (!event.dataTransfer) return;\r\n\r\n      const isValid = checkValidity(event.dataTransfer.items);\r\n      if (!isValid) {\r\n        event.dataTransfer.dropEffect = 'none';\r\n        return;\r\n      }\r\n\r\n      event.preventDefault();\r\n      event.dataTransfer.dropEffect = 'copy';\r\n\r\n      const currentFiles = getFiles(event);\r\n\r\n      if (type === 'drop') {\r\n        counterRef.current = 0;\r\n        setOvered(false);\r\n        setFiles(currentFiles);\r\n        options.onDrop?.(currentFiles, event);\r\n        return;\r\n      }\r\n\r\n      if (type === 'enter') {\r\n        counterRef.current += 1;\r\n        setOvered(true);\r\n        options.onEnter?.(event);\r\n        return;\r\n      }\r\n\r\n      if (type === 'leave') {\r\n        counterRef.current -= 1;\r\n        if (counterRef.current !== 0) return;\r\n        setOvered(false);\r\n        options.onLeave?.(event);\r\n        return;\r\n      }\r\n\r\n      if (type === 'over') options.onOver?.(event);\r\n    };\r\n\r\n    const onDrop = ((event: DragEvent) => onEvent(event, 'drop')) as EventListener;\r\n    const onDragOver = ((event: DragEvent) => onEvent(event, 'over')) as EventListener;\r\n    const onDragEnter = ((event: DragEvent) => onEvent(event, 'enter')) as EventListener;\r\n    const onDragLeave = ((event: DragEvent) => onEvent(event, 'leave')) as EventListener;\r\n\r\n    element.addEventListener('dragenter', onDragEnter);\r\n    element.addEventListener('dragover', onDragOver);\r\n    element.addEventListener('dragleave', onDragLeave);\r\n    element.addEventListener('drop', onDrop);\r\n\r\n    return () => {\r\n      element.removeEventListener('dragenter', onDragEnter);\r\n      element.removeEventListener('dragover', onDragOver);\r\n      element.removeEventListener('dragleave', onDragLeave);\r\n      element.removeEventListener('drop', onDrop);\r\n    };\r\n  }, [target, internalRef.current]);\r\n\r\n  if (target) return { overed, files };\r\n  return { ref: internalRef, overed, files };\r\n}) as UseDropZone;\r\n"],"names":["useDropZone","params","target","isTarget","options","internalRef","useRefState","counterRef","useRef","files","setFiles","useState","overed","setOvered","dataTypes","getFiles","event","list","checkDataTypes","types","type","dataType","checkValidity","items","item","dataTypesValid","multipleFilesValid","useEffect","element","getElement","onEvent","currentFiles","_a","_b","_c","_d","onDrop","onDragOver","onDragEnter","onDragLeave"],"mappings":"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"}

package/dist/cjs/hooks/useShare/useShare.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useShare.cjs","sources":["../../../../src/hooks/useShare/useShare.ts"],"sourcesContent":["/** The use share options type */\nexport interface UseShareParams {\n  /** Array of files to be shared */\n  files?: File[];\n  /** Text content to be shared */\n  text?: string;\n  /** Title of the content being shared */\n  title?: string;\n  /** URL link to be shared */\n  url?: string;\n}\n\n/** The use share return type */\nexport interface UseShareReturn {\n  /** Whether the Web Share API is supported in the current environment */\n  supported: boolean;\n  /** Function to trigger the native share dialog */\n  share: (shareParams: ShareData) => Promise<void>;\n}\n\n/**\n * @name useShare\n * @description - Hook that utilizes the share api\n * @category Browser\n *\n * @browserapi share https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share\n *\n * @param {UseShareParams} [params] The use share options\n * @returns {UseShareReturn}\n *\n * @example\n * const { share, supported } = useShare();\n */\nexport const useShare = (params?: UseShareParams) => {\n  const supported = typeof navigator !== 'undefined' && 'share' in navigator;\n\n  const share = async (shareParams: ShareData) => {\n    if (!supported) return;\n\n    const data = {\n      ...params,\n      ...shareParams\n    };\n\n    if (data.files && navigator.canShare({ files: data.files })) navigator.share(data);\n\n    return navigator.share(data);\n  };\n\n  return { share, supported };\n};\n"],"names":["useShare","params","supported","shareParams","data"],"mappings":"gFAiCa,MAAAA,EAAYC,GAA4B,CACnD,MAAMC,EAAY,OAAO,UAAc,KAAe,UAAW,UAe1D,MAAA,CAAE,MAbK,MAAOC,GAA2B,CAC9C,GAAI,CAACD,EAAW,OAEhB,MAAME,EAAO,CACX,GAAGH,EACH,GAAGE,CACL,EAEA,OAAIC,EAAK,OAAS,UAAU,SAAS,CAAE,MAAOA,EAAK,KAAA,CAAO,GAAa,UAAA,MAAMA,CAAI,EAE1E,UAAU,MAAMA,CAAI,CAC7B,EAEgB,UAAAF,CAAU,CAC5B"}
+{"version":3,"file":"useShare.cjs","sources":["../../../../src/hooks/useShare/useShare.ts"],"sourcesContent":["/** The use share options type */\r\nexport interface UseShareParams {\r\n  /** Array of files to be shared */\r\n  files?: File[];\r\n  /** Text content to be shared */\r\n  text?: string;\r\n  /** Title of the content being shared */\r\n  title?: string;\r\n  /** URL link to be shared */\r\n  url?: string;\r\n}\r\n\r\n/** The use share return type */\r\nexport interface UseShareReturn {\r\n  /** Whether the Web Share API is supported in the current environment */\r\n  supported: boolean;\r\n  /** Function to trigger the native share dialog */\r\n  share: (shareParams: ShareData) => Promise<void>;\r\n}\r\n\r\n/**\r\n * @name useShare\r\n * @description - Hook that utilizes the share api\r\n * @category Browser\r\n *\r\n * @browserapi share https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share\r\n *\r\n * @param {UseShareParams} [params] The use share options\r\n * @returns {UseShareReturn}\r\n *\r\n * @example\r\n * const { share, supported } = useShare();\r\n */\r\nexport const useShare = (params?: UseShareParams) => {\r\n  const supported = typeof navigator !== 'undefined' && 'share' in navigator;\r\n\r\n  const share = async (shareParams: ShareData) => {\r\n    if (!supported) return;\r\n\r\n    const data = {\r\n      ...params,\r\n      ...shareParams\r\n    };\r\n\r\n    if (data.files && navigator.canShare({ files: data.files })) navigator.share(data);\r\n\r\n    return navigator.share(data);\r\n  };\r\n\r\n  return { share, supported };\r\n};\r\n"],"names":["useShare","params","supported","shareParams","data"],"mappings":"gFAiCa,MAAAA,EAAYC,GAA4B,CACnD,MAAMC,EAAY,OAAO,UAAc,KAAe,UAAW,UAe1D,MAAA,CAAE,MAbK,MAAOC,GAA2B,CAC9C,GAAI,CAACD,EAAW,OAEhB,MAAME,EAAO,CACX,GAAGH,EACH,GAAGE,CACL,EAEA,OAAIC,EAAK,OAAS,UAAU,SAAS,CAAE,MAAOA,EAAK,KAAA,CAAO,GAAa,UAAA,MAAMA,CAAI,EAE1E,UAAU,MAAMA,CAAI,CAC7B,EAEgB,UAAAF,CAAU,CAC5B"}

package/dist/cjs/hooks/useStep/useStep.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useStep.cjs","sources":["../../../../src/hooks/useStep/useStep.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\n/** The use step params type */\nexport interface UseStepParams {\n  /** Initial value for step */\n  initial: number;\n  /** Maximum value for step */\n  max: number;\n}\n\n/** The use step return type */\nexport interface UseStepReturn {\n  /** Counts of steps */\n  counts: number;\n  /** Current value of step */\n  currentStep: number;\n  /** Boolean value if current step is first */\n  isFirst: boolean;\n  /** Boolean value if current step is last */\n  isLast: boolean;\n  /** Go to back step */\n  back: () => void;\n  /** Go to next step */\n  next: () => void;\n  /** Reset current step to initial value */\n  reset: () => void;\n  /** Go to custom step */\n  set: (value: number | 'first' | 'last') => void;\n}\n\nconst FIRST_STEP_VALUE = 1;\n\n/**\n * @name useStep\n * @description - Hook that create stepper\n * @category Utilities\n *\n * @overload\n * @param {number} max Maximum number of steps\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep(5);\n *\n * @overload\n * @param {number} params.max Maximum number of steps\n * @param {number} params.initial Initial value for step\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep({ initial: 2, max: 5 });\n */\nexport const useStep = (params: number | UseStepParams): UseStepReturn => {\n  const max = typeof params === 'object' ? params.max : params;\n  const initial = typeof params === 'object' ? params.initial : FIRST_STEP_VALUE;\n\n  const initialStep = useRef(\n    initial > max || initial < FIRST_STEP_VALUE ? FIRST_STEP_VALUE : initial\n  );\n  const [currentStep, setCurrentStep] = useState(initial);\n\n  const isFirst = currentStep === FIRST_STEP_VALUE;\n  const isLast = currentStep === max;\n\n  const next = () => {\n    if (isLast) return;\n    setCurrentStep((prevStep) => prevStep + 1);\n  };\n\n  const back = () => {\n    if (isFirst) return;\n    setCurrentStep((prevStep) => prevStep - 1);\n  };\n\n  const reset = () => setCurrentStep(initialStep.current);\n\n  const set = (value: number | 'first' | 'last') => {\n    if (value === 'first') return setCurrentStep(initialStep.current);\n    if (value === 'last') return setCurrentStep(max);\n    if (value >= max) return setCurrentStep(max);\n    if (value <= FIRST_STEP_VALUE) return setCurrentStep(FIRST_STEP_VALUE);\n    setCurrentStep(value);\n  };\n\n  return {\n    counts: max,\n    currentStep,\n    isFirst,\n    isLast,\n    next,\n    back,\n    reset,\n    set\n  };\n};\n"],"names":["FIRST_STEP_VALUE","useStep","params","max","initial","initialStep","useRef","currentStep","setCurrentStep","useState","isFirst","isLast","prevStep","value"],"mappings":"yGA8BMA,EAAmB,EAsBZC,EAAWC,GAAkD,CACxE,MAAMC,EAAM,OAAOD,GAAW,SAAWA,EAAO,IAAMA,EAChDE,EAAU,OAAOF,GAAW,SAAWA,EAAO,QAAUF,EAExDK,EAAcC,EAAA,OAClBF,EAAUD,GAAOC,EAAUJ,EAAmBA,EAAmBI,CACnE,EACM,CAACG,EAAaC,CAAc,EAAIC,EAAAA,SAASL,CAAO,EAEhDM,EAAUH,IAAgBP,EAC1BW,EAASJ,IAAgBJ,EAsBxB,MAAA,CACL,OAAQA,EACR,YAAAI,EACA,QAAAG,EACA,OAAAC,EACA,KAzBW,IAAM,CACbA,GACWH,EAACI,GAAaA,EAAW,CAAC,CAC3C,EAuBE,KArBW,IAAM,CACbF,GACWF,EAACI,GAAaA,EAAW,CAAC,CAC3C,EAmBE,MAjBY,IAAMJ,EAAeH,EAAY,OAAO,EAkBpD,IAhBWQ,GAAqC,CAChD,GAAIA,IAAU,QAAgB,OAAAL,EAAeH,EAAY,OAAO,EAEhE,GADIQ,IAAU,QACVA,GAASV,EAAY,OAAAK,EAAeL,CAAG,EAC3C,GAAIU,GAASb,EAAyB,OAAAQ,EAAeR,CAAgB,EACrEQ,EAAeK,CAAK,CACtB,CAWA,CACF"}
+{"version":3,"file":"useStep.cjs","sources":["../../../../src/hooks/useStep/useStep.ts"],"sourcesContent":["import { useRef, useState } from 'react';\r\n\r\n/** The use step params type */\r\nexport interface UseStepParams {\r\n  /** Initial value for step */\r\n  initial: number;\r\n  /** Maximum value for step */\r\n  max: number;\r\n}\r\n\r\n/** The use step return type */\r\nexport interface UseStepReturn {\r\n  /** Counts of steps */\r\n  counts: number;\r\n  /** Current value of step */\r\n  currentStep: number;\r\n  /** Boolean value if current step is first */\r\n  isFirst: boolean;\r\n  /** Boolean value if current step is last */\r\n  isLast: boolean;\r\n  /** Go to back step */\r\n  back: () => void;\r\n  /** Go to next step */\r\n  next: () => void;\r\n  /** Reset current step to initial value */\r\n  reset: () => void;\r\n  /** Go to custom step */\r\n  set: (value: number | 'first' | 'last') => void;\r\n}\r\n\r\nconst FIRST_STEP_VALUE = 1;\r\n\r\n/**\r\n * @name useStep\r\n * @description - Hook that create stepper\r\n * @category Utilities\r\n *\r\n * @overload\r\n * @param {number} max Maximum number of steps\r\n * @returns {UseStepReturn} An object contains variables and functions to change the step\r\n *\r\n * @example\r\n * const stepper = useStep(5);\r\n *\r\n * @overload\r\n * @param {number} params.max Maximum number of steps\r\n * @param {number} params.initial Initial value for step\r\n * @returns {UseStepReturn} An object contains variables and functions to change the step\r\n *\r\n * @example\r\n * const stepper = useStep({ initial: 2, max: 5 });\r\n */\r\nexport const useStep = (params: number | UseStepParams): UseStepReturn => {\r\n  const max = typeof params === 'object' ? params.max : params;\r\n  const initial = typeof params === 'object' ? params.initial : FIRST_STEP_VALUE;\r\n\r\n  const initialStep = useRef(\r\n    initial > max || initial < FIRST_STEP_VALUE ? FIRST_STEP_VALUE : initial\r\n  );\r\n  const [currentStep, setCurrentStep] = useState(initial);\r\n\r\n  const isFirst = currentStep === FIRST_STEP_VALUE;\r\n  const isLast = currentStep === max;\r\n\r\n  const next = () => {\r\n    if (isLast) return;\r\n    setCurrentStep((prevStep) => prevStep + 1);\r\n  };\r\n\r\n  const back = () => {\r\n    if (isFirst) return;\r\n    setCurrentStep((prevStep) => prevStep - 1);\r\n  };\r\n\r\n  const reset = () => setCurrentStep(initialStep.current);\r\n\r\n  const set = (value: number | 'first' | 'last') => {\r\n    if (value === 'first') return setCurrentStep(initialStep.current);\r\n    if (value === 'last') return setCurrentStep(max);\r\n    if (value >= max) return setCurrentStep(max);\r\n    if (value <= FIRST_STEP_VALUE) return setCurrentStep(FIRST_STEP_VALUE);\r\n    setCurrentStep(value);\r\n  };\r\n\r\n  return {\r\n    counts: max,\r\n    currentStep,\r\n    isFirst,\r\n    isLast,\r\n    next,\r\n    back,\r\n    reset,\r\n    set\r\n  };\r\n};\r\n"],"names":["FIRST_STEP_VALUE","useStep","params","max","initial","initialStep","useRef","currentStep","setCurrentStep","useState","isFirst","isLast","prevStep","value"],"mappings":"yGA8BMA,EAAmB,EAsBZC,EAAWC,GAAkD,CACxE,MAAMC,EAAM,OAAOD,GAAW,SAAWA,EAAO,IAAMA,EAChDE,EAAU,OAAOF,GAAW,SAAWA,EAAO,QAAUF,EAExDK,EAAcC,EAAA,OAClBF,EAAUD,GAAOC,EAAUJ,EAAmBA,EAAmBI,CACnE,EACM,CAACG,EAAaC,CAAc,EAAIC,EAAAA,SAASL,CAAO,EAEhDM,EAAUH,IAAgBP,EAC1BW,EAASJ,IAAgBJ,EAsBxB,MAAA,CACL,OAAQA,EACR,YAAAI,EACA,QAAAG,EACA,OAAAC,EACA,KAzBW,IAAM,CACbA,GACWH,EAACI,GAAaA,EAAW,CAAC,CAC3C,EAuBE,KArBW,IAAM,CACbF,GACWF,EAACI,GAAaA,EAAW,CAAC,CAC3C,EAmBE,MAjBY,IAAMJ,EAAeH,EAAY,OAAO,EAkBpD,IAhBWQ,GAAqC,CAChD,GAAIA,IAAU,QAAgB,OAAAL,EAAeH,EAAY,OAAO,EAEhE,GADIQ,IAAU,QACVA,GAASV,EAAY,OAAAK,EAAeL,CAAG,EAC3C,GAAIU,GAASb,EAAyB,OAAAQ,EAAeR,CAAgB,EACrEQ,EAAeK,CAAK,CACtB,CAWA,CACF"}

package/dist/cjs/hooks/useStorage/useStorage.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),c="reactuse-storage",u=o=>window.dispatchEvent(new StorageEvent(c,o)),f=(o,r,n)=>{const t=o.getItem(r);o.setItem(r,n),u({key:r,oldValue:t,newValue:n,storageArea:o})},V=(o,r)=>{const n=o.getItem(r);o.removeItem(r),u({key:r,oldValue:n,newValue:null,storageArea:o})},v=(o,r)=>{const n=o.getItem(r);if(n)return n},z=(...o)=>{const r=o[0],n=o[1],t=typeof n=="object"&&n&&("serializer"in n||"deserializer"in n||"initialValue"in n||"storage"in n)?n:void 0,i=t?t==null?void 0:t.initialValue:n;if(typeof window>"u")return{value:typeof i=="function"?i():i,set:()=>{},remove:()=>{}};const d=e=>t!=null&&t.serializer?t.serializer(e):typeof e=="string"?e:JSON.stringify(e),s=(t==null?void 0:t.storage)??(window==null?void 0:window.localStorage),S=e=>f(s,r,d(e)),m=()=>V(s,r),l=e=>{if(t!=null&&t.deserializer)return t.deserializer(e);if(e!=="undefined")try{return JSON.parse(e)}catch{return e}},[w,E]=g.useState(()=>{const e=v(s,r);if(e===void 0&&i!==void 0){const a=typeof i=="function"?i():i;return f(s,r,d(a)),a}return e?l(e):void 0});return g.useEffect(()=>{const e=()=>{const a=v(s,r);E(a?l(a):void 0)};return window.addEventListener(c,e),()=>window.removeEventListener(c,e)},[r]),{value:w,set:S,remove:m}};exports.STORAGE_EVENT=c;exports.dispatchStorageEvent=u;exports.useStorage=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c="reactuse-storage",u=r=>window.dispatchEvent(new StorageEvent(c,r)),g=(r,n,e)=>{const i=r.getItem(n);r.setItem(n,e),u({key:n,oldValue:i,newValue:e,storageArea:r})},V=(r,n)=>{const e=r.getItem(n);r.removeItem(n),u({key:n,oldValue:e,newValue:null,storageArea:r})},f=(r,n)=>{const e=r.getItem(n);if(e)return e},z=(r,n)=>{const e=typeof n=="object"&&n&&("serializer"in n||"deserializer"in n||"initialValue"in n||"storage"in n)?n:void 0,i=e?e==null?void 0:e.initialValue:n;if(typeof window>"u")return{value:typeof i=="function"?i():i,set:()=>{},remove:()=>{}};const a=t=>e!=null&&e.serializer?e.serializer(t):typeof t=="string"?t:JSON.stringify(t),o=(e==null?void 0:e.storage)??(window==null?void 0:window.localStorage),v=t=>g(o,r,a(t)),S=()=>V(o,r),d=t=>{if(e!=null&&e.deserializer)return e.deserializer(t);if(t!=="undefined")try{return JSON.parse(t)}catch{return t}},[w,E]=l.useState(()=>{const t=f(o,r);if(t===void 0&&i!==void 0){const s=typeof i=="function"?i():i;return g(o,r,a(s)),s}return t?d(t):void 0});return l.useEffect(()=>{const t=()=>{const s=f(o,r);E(s?d(s):void 0)};return window.addEventListener(c,t),()=>window.removeEventListener(c,t)},[r]),{value:w,set:v,remove:S}};exports.STORAGE_EVENT=c;exports.dispatchStorageEvent=u;exports.useStorage=z;
 //# sourceMappingURL=useStorage.cjs.map

package/dist/cjs/hooks/useStorage/useStorage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useStorage.cjs","sources":["../../../../src/hooks/useStorage/useStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use storage initial value type */\nexport type UseStorageInitialValue<Value> = (() => Value) | Value;\n\n/* The use storage options type */\nexport interface UseStorageOptions<Value> {\n  /* The initial value of the storage */\n  initialValue?: UseStorageInitialValue<Value>;\n  /* The storage to be used */\n  storage?: Storage;\n  /* The deserializer function to be invoked */\n  deserializer?: (value: string) => Value;\n  /* The serializer function to be invoked */\n  serializer?: (value: Value) => string;\n}\n\n/* The use storage return type */\nexport interface UseStorageReturn<Value> {\n  /* The value of the storage */\n  value: Value;\n  /* The error state of the storage */\n  remove: () => void;\n  /* The loading state of the storage */\n  set: (value: Value) => void;\n}\n\nexport interface UseStorage {\n  <Value>(\n    key: string,\n    options: UseStorageOptions<Value> & { initialValue: UseStorageInitialValue<Value> }\n  ): UseStorageReturn<Value>;\n\n  <Value>(key: string, options?: UseStorageOptions<Value>): UseStorageReturn<Value | undefined>;\n\n  <Value>(key: string, initialValue: UseStorageInitialValue<Value>): UseStorageReturn<Value>;\n\n  <Value>(key: string): UseStorageReturn<Value | undefined>;\n}\n\nexport const STORAGE_EVENT = 'reactuse-storage';\n\nexport const dispatchStorageEvent = (params: Partial<StorageEvent>) =>\n  window.dispatchEvent(new StorageEvent(STORAGE_EVENT, params));\n\nconst setStorageItem = (storage: Storage, key: string, value: string) => {\n  const oldValue = storage.getItem(key);\n\n  storage.setItem(key, value);\n  dispatchStorageEvent({ key, oldValue, newValue: value, storageArea: storage });\n};\n\nconst removeStorageItem = (storage: Storage, key: string) => {\n  const oldValue = storage.getItem(key);\n\n  storage.removeItem(key);\n  dispatchStorageEvent({ key, oldValue, newValue: null, storageArea: storage });\n};\n\nconst getStorageItem = (storage: Storage, key: string) => {\n  const value = storage.getItem(key);\n  if (!value) return undefined;\n  return value;\n};\n\n/**\n * @name useStorage\n * @description - Hook that manages storage value\n * @category Browser\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {(value: Value) => string} [params.serializer] The serializer function\n * @param {(value: string) => Value} [params.deserializer] The deserializer function\n * @param {Storage} [params.storage] The storage\n * @param {UseStorageInitialValue<Value>} [params.initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @example\n * const { value, set, remove } = useStorage('key', 'value');\n */\nexport const useStorage = (<Value>(...params: any[]): UseStorageReturn<Value> => {\n  const key = params[0] as string;\n  const secondParam = params[1];\n\n  const options = (\n    typeof secondParam === 'object' &&\n    secondParam &&\n    ('serializer' in secondParam ||\n      'deserializer' in secondParam ||\n      'initialValue' in secondParam ||\n      'storage' in secondParam)\n      ? secondParam\n      : undefined\n  ) as UseStorageOptions<Value>;\n\n  const initialValue = (\n    options ? options?.initialValue : secondParam\n  ) as UseStorageInitialValue<Value>;\n\n  if (typeof window === 'undefined') {\n    const value = typeof initialValue === 'function' ? (initialValue as () => any)() : initialValue;\n    return {\n      value,\n      set: () => {},\n      remove: () => {}\n    };\n  }\n\n  const serializer = (value: Value) => {\n    if (options?.serializer) return options.serializer(value);\n    if (typeof value === 'string') return value;\n    return JSON.stringify(value);\n  };\n\n  const storage = options?.storage ?? window?.localStorage;\n\n  const set = (value: Value) => setStorageItem(storage, key, serializer(value));\n  const remove = () => removeStorageItem(storage, key);\n\n  const deserializer = (value: string) => {\n    if (options?.deserializer) return options.deserializer(value);\n    if (value === 'undefined') return undefined as unknown as Value;\n\n    try {\n      return JSON.parse(value) as Value;\n    } catch {\n      return value as Value;\n    }\n  };\n\n  const [value, setValue] = useState<Value | undefined>(() => {\n    const storageValue = getStorageItem(storage, key);\n    if (storageValue === undefined && initialValue !== undefined) {\n      const value =\n        typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\n      setStorageItem(storage, key, serializer(value));\n      return value;\n    }\n    return storageValue ? deserializer(storageValue) : undefined;\n  });\n\n  useEffect(() => {\n    const onChange = () => {\n      const storageValue = getStorageItem(storage, key);\n      setValue(storageValue ? deserializer(storageValue) : undefined);\n    };\n    window.addEventListener(STORAGE_EVENT, onChange);\n    return () => window.removeEventListener(STORAGE_EVENT, onChange);\n  }, [key]);\n\n  return {\n    value: value as Value,\n    set,\n    remove\n  };\n}) as UseStorage;\n"],"names":["STORAGE_EVENT","dispatchStorageEvent","params","setStorageItem","storage","key","value","oldValue","removeStorageItem","getStorageItem","useStorage","secondParam","options","initialValue","serializer","set","remove","deserializer","setValue","useState","storageValue","useEffect","onChange"],"mappings":"yGAwCaA,EAAgB,mBAEhBC,EAAwBC,GACnC,OAAO,cAAc,IAAI,aAAaF,EAAeE,CAAM,CAAC,EAExDC,EAAiB,CAACC,EAAkBC,EAAaC,IAAkB,CACjE,MAAAC,EAAWH,EAAQ,QAAQC,CAAG,EAE5BD,EAAA,QAAQC,EAAKC,CAAK,EAC1BL,EAAqB,CAAE,IAAAI,EAAK,SAAAE,EAAU,SAAUD,EAAO,YAAaF,EAAS,CAC/E,EAEMI,EAAoB,CAACJ,EAAkBC,IAAgB,CACrD,MAAAE,EAAWH,EAAQ,QAAQC,CAAG,EAEpCD,EAAQ,WAAWC,CAAG,EACtBJ,EAAqB,CAAE,IAAAI,EAAK,SAAAE,EAAU,SAAU,KAAM,YAAaH,EAAS,CAC9E,EAEMK,EAAiB,CAACL,EAAkBC,IAAgB,CAClD,MAAAC,EAAQF,EAAQ,QAAQC,CAAG,EAC7B,GAACC,EACE,OAAAA,CACT,EAuBaI,EAAc,IAAWR,IAA2C,CACzE,MAAAG,EAAMH,EAAO,CAAC,EACdS,EAAcT,EAAO,CAAC,EAEtBU,EACJ,OAAOD,GAAgB,UACvBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,YAAaA,GACXA,EACA,OAGAE,EACJD,EAAUA,GAAA,YAAAA,EAAS,aAAeD,EAGhC,GAAA,OAAO,OAAW,IAEb,MAAA,CACL,MAFY,OAAOE,GAAiB,WAAcA,EAA+B,EAAAA,EAGjF,IAAK,IAAM,CAAC,EACZ,OAAQ,IAAM,CAAA,CAChB,EAGI,MAAAC,EAAcR,GACdM,GAAA,MAAAA,EAAS,WAAmBA,EAAQ,WAAWN,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBF,GAAUQ,GAAA,YAAAA,EAAS,WAAW,2BAAQ,cAEtCG,EAAOT,GAAiBH,EAAeC,EAASC,EAAKS,EAAWR,CAAK,CAAC,EACtEU,EAAS,IAAMR,EAAkBJ,EAASC,CAAG,EAE7CY,EAAgBX,GAAkB,CACtC,GAAIM,GAAA,MAAAA,EAAS,aAAqB,OAAAA,EAAQ,aAAaN,CAAK,EACxDA,GAAAA,IAAU,YAEV,GAAA,CACK,OAAA,KAAK,MAAMA,CAAK,CAAA,MACjB,CACCA,OAAAA,CAAA,CAEX,EAEM,CAACA,EAAOY,CAAQ,EAAIC,WAA4B,IAAM,CACpD,MAAAC,EAAeX,EAAeL,EAASC,CAAG,EAC5C,GAAAe,IAAiB,QAAaP,IAAiB,OAAW,CAC5D,MAAMP,EACJ,OAAOO,GAAiB,WAAcA,EAAiC,EAAAA,EACzE,OAAAV,EAAeC,EAASC,EAAKS,EAAWR,CAAK,CAAC,EACvCA,CAAA,CAEF,OAAAc,EAAeH,EAAaG,CAAY,EAAI,MAAA,CACpD,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAM,CACf,MAAAF,EAAeX,EAAeL,EAASC,CAAG,EAChDa,EAASE,EAAeH,EAAaG,CAAY,EAAI,MAAS,CAChE,EACO,cAAA,iBAAiBpB,EAAesB,CAAQ,EACxC,IAAM,OAAO,oBAAoBtB,EAAesB,CAAQ,CAAA,EAC9D,CAACjB,CAAG,CAAC,EAED,CACL,MAAAC,EACA,IAAAS,EACA,OAAAC,CACF,CACF"}
+{"version":3,"file":"useStorage.cjs","sources":["../../../../src/hooks/useStorage/useStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\n/* The use storage initial value type */\r\nexport type UseStorageInitialValue<Value> = (() => Value) | Value;\r\n\r\n/* The use storage options type */\r\nexport interface UseStorageOptions<Value> {\r\n  /* The initial value of the storage */\r\n  initialValue?: UseStorageInitialValue<Value>;\r\n  /* The storage to be used */\r\n  storage?: Storage;\r\n  /* The deserializer function to be invoked */\r\n  deserializer?: (value: string) => Value;\r\n  /* The serializer function to be invoked */\r\n  serializer?: (value: Value) => string;\r\n}\r\n\r\n/* The use storage return type */\r\nexport interface UseStorageReturn<Value> {\r\n  /* The value of the storage */\r\n  value: Value;\r\n  /* The error state of the storage */\r\n  remove: () => void;\r\n  /* The loading state of the storage */\r\n  set: (value: Value) => void;\r\n}\r\n\r\nexport interface UseStorage {\r\n  <Value>(\r\n    key: string,\r\n    options: UseStorageOptions<Value> & { initialValue: UseStorageInitialValue<Value> }\r\n  ): UseStorageReturn<Value>;\r\n\r\n  <Value>(key: string, options?: UseStorageOptions<Value>): UseStorageReturn<Value | undefined>;\r\n\r\n  <Value>(key: string, initialValue: UseStorageInitialValue<Value>): UseStorageReturn<Value>;\r\n\r\n  <Value>(key: string): UseStorageReturn<Value | undefined>;\r\n}\r\n\r\nexport const STORAGE_EVENT = 'reactuse-storage';\r\n\r\nexport const dispatchStorageEvent = (params: Partial<StorageEvent>) =>\r\n  window.dispatchEvent(new StorageEvent(STORAGE_EVENT, params));\r\n\r\nconst setStorageItem = (storage: Storage, key: string, value: string) => {\r\n  const oldValue = storage.getItem(key);\r\n\r\n  storage.setItem(key, value);\r\n  dispatchStorageEvent({ key, oldValue, newValue: value, storageArea: storage });\r\n};\r\n\r\nconst removeStorageItem = (storage: Storage, key: string) => {\r\n  const oldValue = storage.getItem(key);\r\n\r\n  storage.removeItem(key);\r\n  dispatchStorageEvent({ key, oldValue, newValue: null, storageArea: storage });\r\n};\r\n\r\nconst getStorageItem = (storage: Storage, key: string) => {\r\n  const value = storage.getItem(key);\r\n  if (!value) return undefined;\r\n  return value;\r\n};\r\n\r\n/**\r\n * @name useStorage\r\n * @description - Hook that manages storage value\r\n * @category Browser\r\n *\r\n * @overload\r\n * @param {string} key The key of the storage\r\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\r\n * @returns {UseStorageReturn<Value>} The value and the set function\r\n *\r\n * @overload\r\n * @param {string} key The key of the storage\r\n * @param {(value: Value) => string} [params.serializer] The serializer function\r\n * @param {(value: string) => Value} [params.deserializer] The deserializer function\r\n * @param {Storage} [params.storage] The storage\r\n * @param {UseStorageInitialValue<Value>} [params.initialValue] The initial value of the storage\r\n * @returns {UseStorageReturn<Value>} The value and the set function\r\n *\r\n * @example\r\n * const { value, set, remove } = useStorage('key', 'value');\r\n */\r\nexport const useStorage = (<Value>(key: string, params?: any): UseStorageReturn<Value> => {\r\n  const options = (\r\n    typeof params === 'object' &&\r\n    params &&\r\n    ('serializer' in params ||\r\n      'deserializer' in params ||\r\n      'initialValue' in params ||\r\n      'storage' in params)\r\n      ? params\r\n      : undefined\r\n  ) as UseStorageOptions<Value>;\r\n\r\n  const initialValue = (options ? options?.initialValue : params) as UseStorageInitialValue<Value>;\r\n\r\n  if (typeof window === 'undefined') {\r\n    const value = typeof initialValue === 'function' ? (initialValue as () => any)() : initialValue;\r\n    return {\r\n      value,\r\n      set: () => {},\r\n      remove: () => {}\r\n    };\r\n  }\r\n\r\n  const serializer = (value: Value) => {\r\n    if (options?.serializer) return options.serializer(value);\r\n    if (typeof value === 'string') return value;\r\n    return JSON.stringify(value);\r\n  };\r\n\r\n  const storage = options?.storage ?? window?.localStorage;\r\n\r\n  const set = (value: Value) => setStorageItem(storage, key, serializer(value));\r\n  const remove = () => removeStorageItem(storage, key);\r\n\r\n  const deserializer = (value: string) => {\r\n    if (options?.deserializer) return options.deserializer(value);\r\n    if (value === 'undefined') return undefined as unknown as Value;\r\n\r\n    try {\r\n      return JSON.parse(value) as Value;\r\n    } catch {\r\n      return value as Value;\r\n    }\r\n  };\r\n\r\n  const [value, setValue] = useState<Value | undefined>(() => {\r\n    const storageValue = getStorageItem(storage, key);\r\n    if (storageValue === undefined && initialValue !== undefined) {\r\n      const value =\r\n        typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\r\n      setStorageItem(storage, key, serializer(value));\r\n      return value;\r\n    }\r\n    return storageValue ? deserializer(storageValue) : undefined;\r\n  });\r\n\r\n  useEffect(() => {\r\n    const onChange = () => {\r\n      const storageValue = getStorageItem(storage, key);\r\n      setValue(storageValue ? deserializer(storageValue) : undefined);\r\n    };\r\n    window.addEventListener(STORAGE_EVENT, onChange);\r\n    return () => window.removeEventListener(STORAGE_EVENT, onChange);\r\n  }, [key]);\r\n\r\n  return {\r\n    value: value as Value,\r\n    set,\r\n    remove\r\n  };\r\n}) as UseStorage;\r\n"],"names":["STORAGE_EVENT","dispatchStorageEvent","params","setStorageItem","storage","key","value","oldValue","removeStorageItem","getStorageItem","useStorage","options","initialValue","serializer","set","remove","deserializer","setValue","useState","storageValue","useEffect","onChange"],"mappings":"yGAwCaA,EAAgB,mBAEhBC,EAAwBC,GACnC,OAAO,cAAc,IAAI,aAAaF,EAAeE,CAAM,CAAC,EAExDC,EAAiB,CAACC,EAAkBC,EAAaC,IAAkB,CACjE,MAAAC,EAAWH,EAAQ,QAAQC,CAAG,EAE5BD,EAAA,QAAQC,EAAKC,CAAK,EAC1BL,EAAqB,CAAE,IAAAI,EAAK,SAAAE,EAAU,SAAUD,EAAO,YAAaF,EAAS,CAC/E,EAEMI,EAAoB,CAACJ,EAAkBC,IAAgB,CACrD,MAAAE,EAAWH,EAAQ,QAAQC,CAAG,EAEpCD,EAAQ,WAAWC,CAAG,EACtBJ,EAAqB,CAAE,IAAAI,EAAK,SAAAE,EAAU,SAAU,KAAM,YAAaH,EAAS,CAC9E,EAEMK,EAAiB,CAACL,EAAkBC,IAAgB,CAClD,MAAAC,EAAQF,EAAQ,QAAQC,CAAG,EAC7B,GAACC,EACE,OAAAA,CACT,EAuBaI,EAAc,CAAQL,EAAaH,IAA0C,CACxF,MAAMS,EACJ,OAAOT,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,YAAaA,GACXA,EACA,OAGAU,EAAgBD,EAAUA,GAAA,YAAAA,EAAS,aAAeT,EAEpD,GAAA,OAAO,OAAW,IAEb,MAAA,CACL,MAFY,OAAOU,GAAiB,WAAcA,EAA+B,EAAAA,EAGjF,IAAK,IAAM,CAAC,EACZ,OAAQ,IAAM,CAAA,CAChB,EAGI,MAAAC,EAAcP,GACdK,GAAA,MAAAA,EAAS,WAAmBA,EAAQ,WAAWL,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBF,GAAUO,GAAA,YAAAA,EAAS,WAAW,2BAAQ,cAEtCG,EAAOR,GAAiBH,EAAeC,EAASC,EAAKQ,EAAWP,CAAK,CAAC,EACtES,EAAS,IAAMP,EAAkBJ,EAASC,CAAG,EAE7CW,EAAgBV,GAAkB,CACtC,GAAIK,GAAA,MAAAA,EAAS,aAAqB,OAAAA,EAAQ,aAAaL,CAAK,EACxDA,GAAAA,IAAU,YAEV,GAAA,CACK,OAAA,KAAK,MAAMA,CAAK,CAAA,MACjB,CACCA,OAAAA,CAAA,CAEX,EAEM,CAACA,EAAOW,CAAQ,EAAIC,WAA4B,IAAM,CACpD,MAAAC,EAAeV,EAAeL,EAASC,CAAG,EAC5C,GAAAc,IAAiB,QAAaP,IAAiB,OAAW,CAC5D,MAAMN,EACJ,OAAOM,GAAiB,WAAcA,EAAiC,EAAAA,EACzE,OAAAT,EAAeC,EAASC,EAAKQ,EAAWP,CAAK,CAAC,EACvCA,CAAA,CAEF,OAAAa,EAAeH,EAAaG,CAAY,EAAI,MAAA,CACpD,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAM,CACf,MAAAF,EAAeV,EAAeL,EAASC,CAAG,EAChDY,EAASE,EAAeH,EAAaG,CAAY,EAAI,MAAS,CAChE,EACO,cAAA,iBAAiBnB,EAAeqB,CAAQ,EACxC,IAAM,OAAO,oBAAoBrB,EAAeqB,CAAQ,CAAA,EAC9D,CAAChB,CAAG,CAAC,EAED,CACL,MAAAC,EACA,IAAAQ,EACA,OAAAC,CACF,CACF"}

package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const c="reactuse-url-search-params-event",h=(t="history")=>{const{search:s,hash:r}=window.location;let e="";if(t==="history"&&(e=s),t==="hash-params"&&(e=r.replace(/^#/,"")),t==="hash"){const a=r.indexOf("?");e=~a?r.slice(a):""}return new URLSearchParams(e)},o=(t,s)=>{const r=t.toString(),{search:e,hash:a}=window.location;if(s==="history")return`${r?`?${r}`:""}${a}`;if(s==="hash-params")return`${e}${r?`#${r}`:""}`;if(s==="hash"){const n=a.indexOf("?"),i=n>-1?a.slice(0,n):a;return`${e}${i}${r?`?${r}`:""}`}throw new Error("Invalid mode")},l=()=>window.dispatchEvent(new Event(c));exports.URL_SEARCH_PARAMS_EVENT=c;exports.createQueryString=o;exports.dispatchUrlSearchParamsEvent=l;exports.getUrlSearchParams=h;
+//# sourceMappingURL=useUrlSearchParam.cjs.map

package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUrlSearchParam.cjs","sources":["../../../../src/hooks/useUrlSearchParam/useUrlSearchParam.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\n/** The url search params mode type */\r\nexport type UrlSearchParamsMode = 'hash-params' | 'hash' | 'history';\r\n\r\n/** The use url search param options type */\r\nexport interface UseUrlSearchParamOptions<Value> {\r\n  /** The initial value of the search param */\r\n  initialValue?: Value;\r\n  /** The mode to use for writing to the URL */\r\n  mode?: UrlSearchParamsMode;\r\n  /** The mode to use for writing to the URL */\r\n  write?: 'push' | 'replace';\r\n  /** The deserializer function to be invoked */\r\n  deserializer?: (value: string) => Value;\r\n  /** The serializer function to be invoked */\r\n  serializer?: (value: Value) => string;\r\n}\r\n\r\n/** The use url search params set options type */\r\nexport interface UseUrlSearchParamsActionOptions {\r\n  /** The mode to use for writing to the URL */\r\n  write?: 'push' | 'replace';\r\n}\r\n\r\n/** The use url search param return type */\r\nexport interface UseUrlSearchParamReturn<Value> {\r\n  /** Current search param value */\r\n  value: Value | undefined;\r\n  /** Function to remove the search param */\r\n  remove: (options?: UseUrlSearchParamsActionOptions) => void;\r\n  /** Function to update search param */\r\n  set: (value: Value, options?: UseUrlSearchParamsActionOptions) => void;\r\n}\r\n\r\nexport const URL_SEARCH_PARAMS_EVENT = 'reactuse-url-search-params-event';\r\n\r\nexport const getUrlSearchParams = (mode: UrlSearchParamsMode = 'history') => {\r\n  const { search, hash } = window.location;\r\n\r\n  let path = '';\r\n\r\n  if (mode === 'history') path = search;\r\n  if (mode === 'hash-params') path = hash.replace(/^#/, '');\r\n  if (mode === 'hash') {\r\n    const index = hash.indexOf('?');\r\n    path = ~index ? hash.slice(index) : '';\r\n  }\r\n\r\n  return new URLSearchParams(path);\r\n};\r\n\r\nexport const createQueryString = (searchParams: URLSearchParams, mode: UrlSearchParamsMode) => {\r\n  const searchParamsString = searchParams.toString();\r\n  const { search, hash } = window.location;\r\n\r\n  if (mode === 'history') return `${searchParamsString ? `?${searchParamsString}` : ''}${hash}`;\r\n  if (mode === 'hash-params')\r\n    return `${search}${searchParamsString ? `#${searchParamsString}` : ''}`;\r\n  if (mode === 'hash') {\r\n    const index = hash.indexOf('?');\r\n    const base = index > -1 ? hash.slice(0, index) : hash;\r\n    return `${search}${base}${searchParamsString ? `?${searchParamsString}` : ''}`;\r\n  }\r\n\r\n  throw new Error('Invalid mode');\r\n};\r\n\r\nexport const dispatchUrlSearchParamsEvent = () =>\r\n  window.dispatchEvent(new Event(URL_SEARCH_PARAMS_EVENT));\r\n\r\nexport interface UseUrlSearchParam {\r\n  <Value>(\r\n    key: string,\r\n    options: UseUrlSearchParamOptions<Value> & { initialValue: Value }\r\n  ): UseUrlSearchParamReturn<Value>;\r\n\r\n  <Value>(\r\n    key: string,\r\n    options?: UseUrlSearchParamOptions<Value>\r\n  ): UseUrlSearchParamReturn<Value | undefined>;\r\n\r\n  <Value>(key: string, initialValue: Value): UseUrlSearchParamReturn<Value>;\r\n\r\n  <Value>(key: string): UseUrlSearchParamReturn<Value | undefined>;\r\n}\r\n\r\n/**\r\n * @name useUrlSearchParam\r\n * @description - Hook that provides reactive URLSearchParams for a single key\r\n * @category Browser\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {string} key The key of the url param\r\n * @param {UseUrlSearchParamOptions<Value> & { initialValue: Value }} options The options object with required initialValue\r\n * @param {Value} options.initialValue The initial value for the url param\r\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\r\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\r\n * @param {(value: Value) => string} [options.serializer] Custom serializer function to convert value to string\r\n * @param {(value: string) => Value} [options.deserializer] Custom deserializer function to convert string to value\r\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParam('page', { initialValue: 1 });\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {string} key The key of the url param\r\n * @param {Value} [initialValue] The initial value for the url param\r\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParam('page', 1);\r\n */\r\nexport const useUrlSearchParam = (<Value>(key: string, params?: any) => {\r\n  const options = (\r\n    typeof params === 'object' &&\r\n    params &&\r\n    ('serializer' in params ||\r\n      'deserializer' in params ||\r\n      'initialValue' in params ||\r\n      'mode' in params ||\r\n      'write' in params)\r\n      ? params\r\n      : undefined\r\n  ) as UseUrlSearchParamOptions<Value>;\r\n\r\n  const initialValue = (options ? options?.initialValue : params) as Value;\r\n  const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\r\n\r\n  if (typeof window === 'undefined') {\r\n    return {\r\n      value: initialValue,\r\n      remove: () => {},\r\n      set: () => {}\r\n    } as UseUrlSearchParamReturn<Value>;\r\n  }\r\n\r\n  const serializer = (value: Value) => {\r\n    if (options?.serializer) return options.serializer(value);\r\n    if (typeof value === 'string') return value;\r\n\r\n    return JSON.stringify(value);\r\n  };\r\n\r\n  const deserializer = (value: string) => {\r\n    if (options?.deserializer) return options.deserializer(value);\r\n    if (value === 'undefined' || value === 'null') return undefined as unknown as Value;\r\n\r\n    try {\r\n      return JSON.parse(value) as Value;\r\n    } catch {\r\n      return value as Value;\r\n    }\r\n  };\r\n\r\n  const setUrlSearchParam = (\r\n    key: string,\r\n    value: Value | undefined,\r\n    mode: UrlSearchParamsMode,\r\n    write: 'push' | 'replace' = 'replace'\r\n  ) => {\r\n    const searchParams = getUrlSearchParams(mode);\r\n    const serializedValue =\r\n      value !== undefined ? (serializer ? serializer(value) : String(value)) : '';\r\n\r\n    if (value === undefined) {\r\n      searchParams.delete(key);\r\n    } else {\r\n      searchParams.set(key, serializedValue);\r\n    }\r\n\r\n    const query = createQueryString(searchParams, mode);\r\n    if (write === 'replace') window.history.replaceState({}, '', query);\r\n    if (write === 'push') window.history.pushState({}, '', query);\r\n\r\n    dispatchUrlSearchParamsEvent();\r\n  };\r\n\r\n  const [value, setValue] = useState<Value | undefined>(() => {\r\n    const searchParams = getUrlSearchParams(mode);\r\n    const currentValue = searchParams.get(key);\r\n\r\n    if (currentValue === null && initialValue !== undefined) {\r\n      setUrlSearchParam(key, initialValue, mode, writeMode);\r\n      return initialValue;\r\n    }\r\n\r\n    return currentValue ? deserializer(currentValue) : undefined;\r\n  });\r\n\r\n  const set = (value: Value, options?: UseUrlSearchParamsActionOptions) => {\r\n    setUrlSearchParam(key, value, mode, options?.write ?? writeMode);\r\n    setValue(value);\r\n  };\r\n\r\n  const remove = (options?: UseUrlSearchParamsActionOptions) => {\r\n    setUrlSearchParam(key, undefined, mode, options?.write ?? writeMode);\r\n    setValue(undefined);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const onParamsChange = () => {\r\n      const searchParams = getUrlSearchParams(mode);\r\n      const newValue = searchParams.get(key);\r\n      setValue(newValue ? deserializer(newValue) : undefined);\r\n    };\r\n\r\n    window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n    window.addEventListener('popstate', onParamsChange);\r\n    if (mode !== 'history') {\r\n      window.addEventListener('hashchange', onParamsChange);\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n      window.removeEventListener('popstate', onParamsChange);\r\n      if (mode !== 'history') {\r\n        window.removeEventListener('hashchange', onParamsChange);\r\n      }\r\n    };\r\n  }, [key, mode]);\r\n\r\n  return {\r\n    value,\r\n    remove,\r\n    set\r\n  };\r\n}) as UseUrlSearchParam;\r\n"],"names":["URL_SEARCH_PARAMS_EVENT","getUrlSearchParams","mode","search","hash","path","index","createQueryString","searchParams","searchParamsString","base","dispatchUrlSearchParamsEvent"],"mappings":"iGAmCO,MAAMA,EAA0B,mCAE1BC,EAAqB,CAACC,EAA4B,YAAc,CAC3E,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAK,EAAI,OAAO,SAEhC,IAAIC,EAAO,GAIX,GAFIH,IAAS,YAAkBG,EAAAF,GAC3BD,IAAS,gBAAeG,EAAOD,EAAK,QAAQ,KAAM,EAAE,GACpDF,IAAS,OAAQ,CACb,MAAAI,EAAQF,EAAK,QAAQ,GAAG,EAC9BC,EAAO,CAACC,EAAQF,EAAK,MAAME,CAAK,EAAI,EAAA,CAG/B,OAAA,IAAI,gBAAgBD,CAAI,CACjC,EAEaE,EAAoB,CAACC,EAA+BN,IAA8B,CACvF,MAAAO,EAAqBD,EAAa,SAAS,EAC3C,CAAE,OAAAL,EAAQ,KAAAC,CAAK,EAAI,OAAO,SAE5B,GAAAF,IAAS,UAAW,MAAO,GAAGO,EAAqB,IAAIA,CAAkB,GAAK,EAAE,GAAGL,CAAI,GAC3F,GAAIF,IAAS,cACX,MAAO,GAAGC,CAAM,GAAGM,EAAqB,IAAIA,CAAkB,GAAK,EAAE,GACvE,GAAIP,IAAS,OAAQ,CACb,MAAAI,EAAQF,EAAK,QAAQ,GAAG,EACxBM,EAAOJ,EAAQ,GAAKF,EAAK,MAAM,EAAGE,CAAK,EAAIF,EAC1C,MAAA,GAAGD,CAAM,GAAGO,CAAI,GAAGD,EAAqB,IAAIA,CAAkB,GAAK,EAAE,EAAA,CAGxE,MAAA,IAAI,MAAM,cAAc,CAChC,EAEaE,EAA+B,IAC1C,OAAO,cAAc,IAAI,MAAMX,CAAuB,CAAC"}

package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=(n="history")=>{const{search:i,hash:e}=window.location;let r="";if(n==="history"&&(r=i),n==="hash-params"&&(r=e.replace(/^#/,"")),n==="hash"){const s=e.indexOf("?");r=~s?e.slice(s):""}return new URLSearchParams(r)},w=(n,i)=>{const e=n.toString(),{search:r,hash:t}=window.location;if(i==="history")return`${e?`?${e}`:""}${t}`;if(i==="hash-params")return`${r}${e?`#${e}`:""}`;if(i==="hash"){const s=t.indexOf("?"),c=s>-1?t.slice(0,s):t;return`${r}${c}${e?`?${e}`:""}`}throw new Error("Invalid mode")},S=(n,i,e="replace")=>{const r=new URLSearchParams;Object.entries(i).forEach(([s,c])=>{Array.isArray(c)?c.forEach(h=>r.set(s,String(h))):r.set(s,String(c))});const t=w(r,n);return e==="replace"&&window.history.replaceState({},"",t),e==="push"&&window.history.pushState({},"",t),r},p=(n,i={})=>{const{mode:e="history",write:r="replace"}=i,t=a=>typeof a=="string"?t(new URLSearchParams(a)):a instanceof URLSearchParams?Array.from(a.entries()).reduce((o,[u,f])=>{if(f==="undefined")return o;try{o[u]=JSON.parse(f)}catch{o[u]=f}return o},{}):a,[s,c]=l.useState(t(n??{})),h=(a,o="replace")=>{const u=S(e,{...s,...a},o??r);c(t(u))};return l.useEffect(()=>{h(s);const a=()=>{const o=d(e);h(t(o))};return window.addEventListener("popstate",a),e!=="history"&&window.addEventListener("hashchange",a),()=>{window.removeEventListener("popstate",a),e!=="history"&&window.removeEventListener("hashchange",a)}},[e]),{value:s,set:h}};exports.createQueryString=w;exports.getUrlSearchParams=d;exports.setUrlSearchParams=S;exports.useUrlSearchParams=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),i=require("../useUrlSearchParam/useUrlSearchParam.cjs"),v=n=>{const r=typeof n=="object"&&n&&("serializer"in n||"deserializer"in n||"initialValue"in n||"mode"in n||"write"in n)?n:void 0,u=r?r==null?void 0:r.initialValue:n,{mode:a="history",write:h="replace"}=r,l=e=>r!=null&&r.serializer?r.serializer(e):typeof e=="string"?e:JSON.stringify(e),U=e=>{if(r!=null&&r.deserializer)return r.deserializer(e);if(e!=="undefined")try{return JSON.parse(e)}catch{return e}},S=(e,t,s="replace")=>{const c=new URLSearchParams;Object.entries(t).forEach(([y,d])=>{Array.isArray(d)?d.forEach(m=>c.set(y,l(m))):c.set(y,l(d))});const P=i.createQueryString(c,e);return s==="replace"&&window.history.replaceState({},"",P),s==="push"&&window.history.pushState({},"",P),c},o=e=>typeof e=="string"?o(new URLSearchParams(e)):e instanceof URLSearchParams?Array.from(e.entries()).reduce((t,[s,c])=>(t[s]=U(c),t),{}):e,[f,w]=E.useState(()=>{if(typeof window>"u")return u??{};const e=i.getUrlSearchParams(a),t={...u&&o(u),...o(e)};return S(a,t,h),t}),g=(e,t)=>{const s=S(a,{...f,...e},(t==null?void 0:t.write)??h);w(o(s)),i.dispatchUrlSearchParamsEvent()};return E.useEffect(()=>{const e=()=>{const t=i.getUrlSearchParams(a);w(o(t))};return window.addEventListener(i.URL_SEARCH_PARAMS_EVENT,e),window.addEventListener("popstate",e),a!=="history"&&window.addEventListener("hashchange",e),()=>{window.removeEventListener(i.URL_SEARCH_PARAMS_EVENT,e),window.removeEventListener("popstate",e),a!=="history"&&window.removeEventListener("hashchange",e)}},[a]),{value:f,set:g}};exports.createQueryString=i.createQueryString;exports.dispatchUrlSearchParamsEvent=i.dispatchUrlSearchParamsEvent;exports.getUrlSearchParams=i.getUrlSearchParams;exports.useUrlSearchParams=v;
 //# sourceMappingURL=useUrlSearchParams.cjs.map

package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUrlSearchParams.cjs","sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const getUrlSearchParams = (mode: UrlSearchParamsMode = 'history') => {\n  const { search, hash } = window.location;\n\n  let path = '';\n\n  if (mode === 'history') path = search;\n  if (mode === 'hash-params') path = hash.replace(/^#/, '');\n  if (mode === 'hash') {\n    const index = hash.indexOf('?');\n    path = ~index ? hash.slice(index) : '';\n  }\n\n  const searchParams = new URLSearchParams(path);\n\n  return searchParams;\n};\n\nexport const createQueryString = (searchParams: URLSearchParams, mode: UrlSearchParamsMode) => {\n  const searchParamsString = searchParams.toString();\n  const { search, hash } = window.location;\n\n  if (mode === 'history') return `${searchParamsString ? `?${searchParamsString}` : ''}${hash}`;\n  if (mode === 'hash-params')\n    return `${search}${searchParamsString ? `#${searchParamsString}` : ''}`;\n\n  if (mode === 'hash') {\n    const index = hash.indexOf('?');\n    const base = index > -1 ? hash.slice(0, index) : hash;\n\n    return `${search}${base}${searchParamsString ? `?${searchParamsString}` : ''}`;\n  }\n\n  throw new Error('Invalid mode');\n};\n\nexport const setUrlSearchParams = <Params extends UrlParams>(\n  mode: UrlSearchParamsMode,\n  params: Partial<Params>,\n  write: 'push' | 'replace' = 'replace'\n) => {\n  const searchParams = new URLSearchParams();\n\n  Object.entries(params).forEach(([key, param]) => {\n    if (Array.isArray(param)) {\n      param.forEach((value) => searchParams.set(key, String(value)));\n    } else {\n      searchParams.set(key, String(param));\n    }\n  });\n\n  const query = createQueryString(searchParams, mode);\n  if (write === 'replace') window.history.replaceState({}, '', query);\n  if (write === 'push') window.history.pushState({}, '', query);\n\n  return searchParams;\n};\n\n/** The url params type */\nexport type UrlParams = Record<string, any>;\n\n/** The url search params mod */\nexport type UrlSearchParamsMode = 'hash-params' | 'hash' | 'history';\n\n/** The use url search params set options type */\nexport interface UseUrlSearchParamsSetOptions {\n  /** The mode to use for writing to the URL */\n  write?: 'push' | 'replace';\n}\n\n/** The use url search params options type */\nexport interface UseUrlSearchParamsOptions {\n  /** The mode to use for writing to the URL */\n  mode?: UrlSearchParamsMode;\n  /** The mode to use for writing to the URL  */\n  write?: 'push' | 'replace';\n}\n\n/** The use url search params return type */\nexport interface UseUrlSearchParamsReturn<Params extends UrlParams> {\n  value: Params;\n  set: (params: Partial<Params>) => void;\n}\n\n/**\n * @name useUrlSearchParams\n * @description - Hook that provides reactive URLSearchParams\n * @category Browser\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UrlSearchParamsMode} mode The URL mode\n * @param {UseUrlSearchParamsOptions<Value>} [options] The URL mode\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams('history');\n */\nexport const useUrlSearchParams = <\n  Params extends UrlParams,\n  SearchParams extends string | UrlParams | URLSearchParams = UrlParams\n>(\n  initialValue?: SearchParams,\n  options: UseUrlSearchParamsOptions = {}\n): UseUrlSearchParamsReturn<Params> => {\n  const { mode = 'history', write: writeMode = 'replace' } = options;\n\n  const deserializer = (searchParams: string | UrlParams | URLSearchParams) => {\n    if (typeof searchParams === 'string') {\n      return deserializer(new URLSearchParams(searchParams));\n    }\n\n    if (searchParams instanceof URLSearchParams) {\n      return Array.from(searchParams.entries()).reduce(\n        (acc, [key, value]) => {\n          if (value === 'undefined') return acc;\n          try {\n            acc[key] = JSON.parse(value);\n          } catch {\n            acc[key] = value;\n          }\n          return acc;\n        },\n        {} as Record<string, any>\n      );\n    }\n\n    return searchParams;\n  };\n\n  const [value, setValue] = useState(deserializer(initialValue ?? {}) as Params);\n\n  const set = (params: Partial<Params>, write: 'push' | 'replace' = 'replace') => {\n    const searchParams = setUrlSearchParams(mode, { ...value, ...params }, write ?? writeMode);\n    setValue(deserializer(searchParams) as Params);\n  };\n\n  useEffect(() => {\n    set(value);\n\n    const onParamsChange = () => {\n      const searchParams = getUrlSearchParams(mode);\n      set(deserializer(searchParams) as Params);\n    };\n\n    window.addEventListener('popstate', onParamsChange);\n    if (mode !== 'history') window.addEventListener('hashchange', onParamsChange);\n\n    return () => {\n      window.removeEventListener('popstate', onParamsChange);\n      if (mode !== 'history') window.removeEventListener('hashchange', onParamsChange);\n    };\n  }, [mode]);\n\n  return {\n    value,\n    set\n  };\n};\n"],"names":["getUrlSearchParams","mode","search","hash","path","index","createQueryString","searchParams","searchParamsString","base","setUrlSearchParams","params","write","key","param","value","query","useUrlSearchParams","initialValue","options","writeMode","deserializer","acc","setValue","useState","set","useEffect","onParamsChange"],"mappings":"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"}
+{"version":3,"file":"useUrlSearchParams.cjs","sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\nimport {\r\n  createQueryString,\r\n  dispatchUrlSearchParamsEvent,\r\n  getUrlSearchParams,\r\n  URL_SEARCH_PARAMS_EVENT\r\n} from '../useUrlSearchParam/useUrlSearchParam';\r\n\r\n/** The url params type */\r\nexport type UrlParams = Record<string, any>;\r\n\r\n/** The url search params mod */\r\nexport type UrlSearchParamsMode = 'hash-params' | 'hash' | 'history';\r\n\r\n/** The use url search params set options type */\r\nexport interface UseUrlSearchParamsSetOptions {\r\n  /** The mode to use for writing to the URL */\r\n  write?: 'push' | 'replace';\r\n}\r\n\r\n/* The use search params initial value type */\r\nexport type UseUrlSearchParamsInitialValue<Value> = (() => Value) | Value;\r\n\r\n/** The use url search params options type */\r\nexport interface UseUrlSearchParamsOptions<Value> {\r\n  /* The initial value of the url search params */\r\n  initialValue?: UseUrlSearchParamsInitialValue<string | URLSearchParams | Value>;\r\n  /** The mode to use for writing to the URL */\r\n  mode?: UrlSearchParamsMode;\r\n  /** The mode to use for writing to the URL  */\r\n  write?: 'push' | 'replace';\r\n  /* The deserializer function to be invoked */\r\n  deserializer?: (value: string) => Value[keyof Value];\r\n  /* The serializer function to be invoked */\r\n  serializer?: (value: Value[keyof Value]) => string;\r\n}\r\n\r\n/** The use url search params return type */\r\nexport interface UseUrlSearchParamsReturn<Value> {\r\n  /** The value of the url search params */\r\n  value: Value;\r\n  /** The set function */\r\n  set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;\r\n}\r\n\r\nexport interface UseUrlSearchParams {\r\n  <Value>(\r\n    key: string,\r\n    options: UseUrlSearchParamsOptions<Value> & {\r\n      initialValue: UseUrlSearchParamsInitialValue<Value>;\r\n    }\r\n  ): UseUrlSearchParamsReturn<Value>;\r\n\r\n  <Value>(options?: UseUrlSearchParamsOptions<Value>): UseUrlSearchParamsReturn<Value | undefined>;\r\n\r\n  <Value>(initialValue: UseUrlSearchParamsInitialValue<Value>): UseUrlSearchParamsReturn<Value>;\r\n\r\n  <Value>(key: string): UseUrlSearchParamsReturn<Value | undefined>;\r\n}\r\n\r\n/**\r\n * @name useUrlSearchParams\r\n * @description - Hook that provides reactive URLSearchParams\r\n * @category Browser\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {UseUrlSearchParamsOptions<Value> & { initialValue: UseUrlSearchParamsInitialValue<Value> }} options The options object with required initialValue\r\n * @param {UseUrlSearchParamsInitialValue<Value>} [options.initialValue] The initial value for the url params\r\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\r\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\r\n * @param {(value: Value[keyof Value]) => string} [options.serializer] Custom serializer function to convert value to string\r\n * @param {(value: string) => Value[keyof Value]} [options.deserializer] Custom deserializer function to convert string to value\r\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParams({ initialValue: { page: 1 } });\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {UseUrlSearchParamsInitialValue<Value>} [initialValue] The initial value for the url params\r\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParams({ page: 1 });\r\n */\r\nexport const useUrlSearchParams = (<Value extends UrlParams>(\r\n  params: any\r\n): UseUrlSearchParamsReturn<Value> => {\r\n  const options = (\r\n    typeof params === 'object' &&\r\n    params &&\r\n    ('serializer' in params ||\r\n      'deserializer' in params ||\r\n      'initialValue' in params ||\r\n      'mode' in params ||\r\n      'write' in params)\r\n      ? params\r\n      : undefined\r\n  ) as UseUrlSearchParamsOptions<Value>;\r\n  const initialValue = (\r\n    options ? options?.initialValue : params\r\n  ) as UseUrlSearchParamsInitialValue<Value>;\r\n\r\n  const { mode = 'history', write: writeMode = 'replace' } = options;\r\n\r\n  const serializer = (value: Value[keyof Value]) => {\r\n    if (options?.serializer) return options.serializer(value);\r\n    if (typeof value === 'string') return value;\r\n    return JSON.stringify(value);\r\n  };\r\n\r\n  const deserializer = (value: string) => {\r\n    if (options?.deserializer) return options.deserializer(value);\r\n    if (value === 'undefined') return undefined as unknown as Value[keyof Value];\r\n\r\n    try {\r\n      return JSON.parse(value) as Value;\r\n    } catch {\r\n      return value as Value[keyof Value];\r\n    }\r\n  };\r\n\r\n  const setUrlSearchParams = <Value extends UrlParams>(\r\n    mode: UrlSearchParamsMode,\r\n    value: Partial<Value>,\r\n    write: 'push' | 'replace' = 'replace'\r\n  ) => {\r\n    const urlSearchParams = new URLSearchParams();\r\n\r\n    Object.entries(value).forEach(([key, param]) => {\r\n      if (Array.isArray(param)) {\r\n        param.forEach((value) => urlSearchParams.set(key, serializer(value)));\r\n      } else {\r\n        urlSearchParams.set(key, serializer(param));\r\n      }\r\n    });\r\n\r\n    const query = createQueryString(urlSearchParams, mode);\r\n    if (write === 'replace') window.history.replaceState({}, '', query);\r\n    if (write === 'push') window.history.pushState({}, '', query);\r\n\r\n    return urlSearchParams;\r\n  };\r\n\r\n  const getParsedUrlSearchParams = (searchParams: string | UrlParams | URLSearchParams) => {\r\n    if (typeof searchParams === 'string') {\r\n      return getParsedUrlSearchParams(new URLSearchParams(searchParams));\r\n    }\r\n\r\n    if (searchParams instanceof URLSearchParams) {\r\n      return Array.from(searchParams.entries()).reduce(\r\n        (acc, [key, value]) => {\r\n          acc[key] = deserializer(value);\r\n          return acc;\r\n        },\r\n        {} as Record<string, any>\r\n      );\r\n    }\r\n\r\n    return searchParams;\r\n  };\r\n\r\n  const [value, setValue] = useState<Value>(() => {\r\n    if (typeof window === 'undefined') return (initialValue ?? {}) as Value;\r\n\r\n    const urlSearchParams = getUrlSearchParams(mode);\r\n    const value = {\r\n      ...(initialValue && getParsedUrlSearchParams(initialValue)),\r\n      ...getParsedUrlSearchParams(urlSearchParams)\r\n    } as Value;\r\n\r\n    setUrlSearchParams(mode, value, writeMode);\r\n\r\n    return value;\r\n  });\r\n\r\n  const set = (params: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => {\r\n    const searchParams = setUrlSearchParams(\r\n      mode,\r\n      { ...value, ...params },\r\n      options?.write ?? writeMode\r\n    );\r\n    setValue(getParsedUrlSearchParams(searchParams) as Value);\r\n    dispatchUrlSearchParamsEvent();\r\n  };\r\n\r\n  useEffect(() => {\r\n    const onParamsChange = () => {\r\n      const searchParams = getUrlSearchParams(mode);\r\n      setValue(getParsedUrlSearchParams(searchParams) as Value);\r\n    };\r\n\r\n    window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n    window.addEventListener('popstate', onParamsChange);\r\n    if (mode !== 'history') window.addEventListener('hashchange', onParamsChange);\r\n\r\n    return () => {\r\n      window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n      window.removeEventListener('popstate', onParamsChange);\r\n      if (mode !== 'history') window.removeEventListener('hashchange', onParamsChange);\r\n    };\r\n  }, [mode]);\r\n\r\n  return {\r\n    value,\r\n    set\r\n  };\r\n}) as UseUrlSearchParams;\r\n\r\nexport { createQueryString, dispatchUrlSearchParamsEvent, getUrlSearchParams };\r\n"],"names":["useUrlSearchParams","params","options","initialValue","mode","writeMode","serializer","value","deserializer","setUrlSearchParams","write","urlSearchParams","key","param","query","createQueryString","getParsedUrlSearchParams","searchParams","acc","setValue","useState","getUrlSearchParams","set","dispatchUrlSearchParamsEvent","useEffect","onParamsChange","URL_SEARCH_PARAMS_EVENT"],"mappings":"iKAuFaA,EACXC,GACoC,CACpC,MAAMC,EACJ,OAAOD,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,SAAUA,GACV,UAAWA,GACTA,EACA,OAEAE,EACJD,EAAUA,GAAA,YAAAA,EAAS,aAAeD,EAG9B,CAAE,KAAAG,EAAO,UAAW,MAAOC,EAAY,WAAcH,EAErDI,EAAcC,GACdL,GAAA,MAAAA,EAAS,WAAmBA,EAAQ,WAAWK,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBC,EAAgBD,GAAkB,CACtC,GAAIL,GAAA,MAAAA,EAAS,aAAqB,OAAAA,EAAQ,aAAaK,CAAK,EACxDA,GAAAA,IAAU,YAEV,GAAA,CACK,OAAA,KAAK,MAAMA,CAAK,CAAA,MACjB,CACCA,OAAAA,CAAA,CAEX,EAEME,EAAqB,CACzBL,EACAG,EACAG,EAA4B,YACzB,CACG,MAAAC,EAAkB,IAAI,gBAErB,OAAA,QAAQJ,CAAK,EAAE,QAAQ,CAAC,CAACK,EAAKC,CAAK,IAAM,CAC1C,MAAM,QAAQA,CAAK,EACfA,EAAA,QAASN,GAAUI,EAAgB,IAAIC,EAAKN,EAAWC,CAAK,CAAC,CAAC,EAEpEI,EAAgB,IAAIC,EAAKN,EAAWO,CAAK,CAAC,CAC5C,CACD,EAEK,MAAAC,EAAQC,EAAAA,kBAAkBJ,EAAiBP,CAAI,EACjD,OAAAM,IAAU,WAAkB,OAAA,QAAQ,aAAa,CAAC,EAAG,GAAII,CAAK,EAC9DJ,IAAU,QAAe,OAAA,QAAQ,UAAU,CAAC,EAAG,GAAII,CAAK,EAErDH,CACT,EAEMK,EAA4BC,GAC5B,OAAOA,GAAiB,SACnBD,EAAyB,IAAI,gBAAgBC,CAAY,CAAC,EAG/DA,aAAwB,gBACnB,MAAM,KAAKA,EAAa,QAAA,CAAS,EAAE,OACxC,CAACC,EAAK,CAACN,EAAKL,CAAK,KACXW,EAAAN,CAAG,EAAIJ,EAAaD,CAAK,EACtBW,GAET,CAAA,CACF,EAGKD,EAGH,CAACV,EAAOY,CAAQ,EAAIC,WAAgB,IAAM,CAC9C,GAAI,OAAO,OAAW,IAAa,OAAQjB,GAAgB,CAAC,EAEtD,MAAAQ,EAAkBU,qBAAmBjB,CAAI,EACzCG,EAAQ,CACZ,GAAIJ,GAAgBa,EAAyBb,CAAY,EACzD,GAAGa,EAAyBL,CAAe,CAC7C,EAEmB,OAAAF,EAAAL,EAAMG,EAAOF,CAAS,EAElCE,CAAA,CACR,EAEKe,EAAM,CAACrB,EAAwBC,IAA2C,CAC9E,MAAMe,EAAeR,EACnBL,EACA,CAAE,GAAGG,EAAO,GAAGN,CAAO,GACtBC,GAAAA,YAAAA,EAAS,QAASG,CACpB,EACSc,EAAAH,EAAyBC,CAAY,CAAU,EAC3BM,+BAAA,CAC/B,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAiB,IAAM,CACrB,MAAAR,EAAeI,qBAAmBjB,CAAI,EACnCe,EAAAH,EAAyBC,CAAY,CAAU,CAC1D,EAEO,cAAA,iBAAiBS,0BAAyBD,CAAc,EACxD,OAAA,iBAAiB,WAAYA,CAAc,EAC9CrB,IAAS,WAAkB,OAAA,iBAAiB,aAAcqB,CAAc,EAErE,IAAM,CACJ,OAAA,oBAAoBC,0BAAyBD,CAAc,EAC3D,OAAA,oBAAoB,WAAYA,CAAc,EACjDrB,IAAS,WAAkB,OAAA,oBAAoB,aAAcqB,CAAc,CACjF,CAAA,EACC,CAACrB,CAAI,CAAC,EAEF,CACL,MAAAG,EACA,IAAAe,CACF,CACF"}