@siberiacancode/reactuse 0.3.14 → 0.3.17

package/dist/cjs/hooks/useQuery/useQuery.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useQuery.cjs","sources":["../../../../src/hooks/useQuery/useQuery.ts"],"sourcesContent":["import type { DependencyList } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport { useMount } from '../useMount/useMount';\n\n/* The use query return type */\nexport interface UseQueryOptions<QueryData, Data> {\n  /* The enabled state of the query */\n  enabled?: boolean;\n  /* The depends for the hook */\n  keys?: DependencyList;\n  /* The placeholder data for the hook */\n  placeholderData?: (() => Data) | Data;\n  /* The refetch interval */\n  refetchInterval?: number;\n  /* The retry count of requests */\n  retry?: boolean | number;\n  /* The retry delay of requests */\n  retryDelay?: ((retry: number, error: Error) => number) | number;\n  /* The callback function to be invoked on error */\n  onError?: (error: Error) => void;\n  /* The callback function to be invoked on success */\n  onSuccess?: (data: Data) => void;\n  /* The select function to be invoked */\n  select?: (data: QueryData) => Data;\n}\n\ninterface UseQueryCallbackParams {\n  /* The depends for the hook */\n  keys: DependencyList;\n  /* The abort signal */\n  signal: AbortSignal;\n}\n\n/* The use query return type */\nexport interface UseQueryReturn<Data> {\n  /* The abort function */\n  abort: AbortController['abort'];\n  /* The state of the query */\n  data?: Data;\n  /* The success state of the query */\n  error?: Error;\n  /* The error state of the query */\n  isError: boolean;\n  /* The fetching state of the query */\n  isFetching: boolean;\n  /* The loading state of the query */\n  isLoading: boolean;\n  /* The refetching state of the query */\n  isRefetching: boolean;\n  /* The success state of the query */\n  isSuccess: boolean;\n  /* The refetch function */\n  refetch: () => void;\n}\n\n/**\n * @name useQuery\n * @description - Hook that defines the logic when query data\n * @category Async\n * @usage high\n *\n * @template Data The type of the data\n * @param {() => Promise<Data>} callback The callback function to be invoked\n * @param {DependencyList} [options.keys] The dependencies for the hook\n * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success\n * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error\n * @param {UseQueryOptionsSelect<Data>} [options.select] The select function to be invoked\n * @param {Data | (() => Data)} [options.initialData] The initial data for the hook\n * @param {Data | (() => Data)} [options.placeholderData] The placeholder data for the hook\n * @param {number} [options.refetchInterval] The refetch interval\n * @param {boolean | number} [options.retry] The retry count of requests\n * @returns {UseQueryReturn<Data>} An object with the state of the query\n *\n * @example\n * const { data, isFetching, isLoading, isError, isSuccess, error, refetch, isRefetching, abort, aborted } = useQuery(() => fetch('url'));\n */\nexport const useQuery = <QueryData, Data = QueryData>(\n  callback: (params: UseQueryCallbackParams) => Promise<QueryData>,\n  options?: UseQueryOptions<QueryData, Data>\n): UseQueryReturn<Data> => {\n  const enabled = options?.enabled ?? true;\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n  const alreadyRequested = useRef(false);\n\n  const [isFetching, setIsFetching] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [isRefetching, setIsRefetching] = useState(false);\n  const [isSuccess, setIsSuccess] = useState(!!options?.placeholderData);\n\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const [data, setData] = useState<Data | undefined>(options?.placeholderData);\n\n  const abortControllerRef = useRef<AbortController>(new AbortController());\n  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n\n  const keys = options?.keys ?? [];\n\n  const abort = () => {\n    abortControllerRef.current.abort();\n    abortControllerRef.current = new AbortController();\n  };\n\n  const request = (action: 'init' | 'refetch') => {\n    abort();\n\n    setIsFetching(true);\n    if (action === 'init') {\n      alreadyRequested.current = true;\n      setIsLoading(true);\n    }\n    if (action === 'refetch') setIsRefetching(true);\n    callback({ signal: abortControllerRef.current.signal, keys })\n      .then((response) => {\n        const data = options?.select ? options?.select(response) : response;\n        options?.onSuccess?.(data as Data);\n        setData(data as Data);\n        setIsSuccess(true);\n        setError(undefined);\n        setIsError(false);\n        setIsFetching(false);\n        if (action === 'init') setIsLoading(false);\n        if (action === 'refetch') setIsRefetching(false);\n      })\n      .catch((error: Error) => {\n        if (retryCountRef.current > 0) {\n          retryCountRef.current -= 1;\n          const retryDelay =\n            typeof options?.retryDelay === 'function'\n              ? options?.retryDelay(retryCountRef.current, error)\n              : options?.retryDelay;\n\n          if (retryDelay) {\n            setTimeout(() => request(action), retryDelay);\n            return;\n          }\n\n          return request(action);\n        }\n        options?.onError?.(error);\n        setData(undefined);\n        setIsSuccess(false);\n        setError(error);\n        setIsError(true);\n        setIsFetching(false);\n        if (action === 'init') setIsLoading(false);\n        if (action === 'refetch') setIsRefetching(false);\n        retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n      })\n      .finally(() => {\n        if (options?.refetchInterval) {\n          const interval = setInterval(() => {\n            clearInterval(interval);\n            request('refetch');\n          }, options?.refetchInterval);\n          intervalIdRef.current = interval;\n        }\n      });\n  };\n\n  useMount(() => {\n    if (!enabled) return;\n    request('init');\n  });\n\n  useDidUpdate(() => {\n    if (!enabled) return;\n    request(alreadyRequested.current ? 'refetch' : 'init');\n  }, [enabled, ...keys]);\n\n  useEffect(() => {\n    return () => {\n      clearInterval(intervalIdRef.current);\n    };\n  }, [enabled, options?.refetchInterval, options?.retry, ...keys]);\n\n  const refetch = () => request('refetch');\n\n  return {\n    abort,\n    data,\n    error,\n    refetch,\n    isFetching,\n    isLoading,\n    isError,\n    isSuccess,\n    isRefetching\n  };\n};\n"],"names":["useQuery","callback","options","enabled","retryCountRef","useRef","getRetry","alreadyRequested","isFetching","setIsFetching","useState","isLoading","setIsLoading","isError","setIsError","isRefetching","setIsRefetching","isSuccess","setIsSuccess","error","setError","data","setData","abortControllerRef","intervalIdRef","keys","abort","request","action","response","retryDelay","interval","useMount","useDidUpdate","useEffect"],"mappings":"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"}
+{"version":3,"file":"useQuery.cjs","names":[],"sources":["../../../../src/hooks/useQuery/useQuery.ts"],"sourcesContent":["import type { DependencyList } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport { useMount } from '../useMount/useMount';\n\n/* The use query return type */\nexport interface UseQueryOptions<QueryData, Data> {\n  /* The enabled state of the query */\n  enabled?: boolean;\n  /* The depends for the hook */\n  keys?: DependencyList;\n  /* The placeholder data for the hook */\n  placeholderData?: (() => Data) | Data;\n  /* The refetch interval */\n  refetchInterval?: number;\n  /* The retry count of requests */\n  retry?: boolean | number;\n  /* The retry delay of requests */\n  retryDelay?: ((retry: number, error: Error) => number) | number;\n  /* The callback function to be invoked on error */\n  onError?: (error: Error) => void;\n  /* The callback function to be invoked on success */\n  onSuccess?: (data: Data) => void;\n  /* The select function to be invoked */\n  select?: (data: QueryData) => Data;\n}\n\ninterface UseQueryCallbackParams {\n  /* The depends for the hook */\n  keys: DependencyList;\n  /* The abort signal */\n  signal: AbortSignal;\n}\n\n/* The use query return type */\nexport interface UseQueryReturn<Data> {\n  /* The abort function */\n  abort: AbortController['abort'];\n  /* The state of the query */\n  data?: Data;\n  /* The success state of the query */\n  error?: Error;\n  /* The error state of the query */\n  isError: boolean;\n  /* The fetching state of the query */\n  isFetching: boolean;\n  /* The loading state of the query */\n  isLoading: boolean;\n  /* The refetching state of the query */\n  isRefetching: boolean;\n  /* The success state of the query */\n  isSuccess: boolean;\n  /* The refetch function */\n  refetch: () => void;\n}\n\n/**\n * @name useQuery\n * @description - Hook that defines the logic when query data\n * @category Async\n * @usage high\n *\n * @template Data The type of the data\n * @param {() => Promise<Data>} callback The callback function to be invoked\n * @param {DependencyList} [options.keys] The dependencies for the hook\n * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success\n * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error\n * @param {UseQueryOptionsSelect<Data>} [options.select] The select function to be invoked\n * @param {Data | (() => Data)} [options.initialData] The initial data for the hook\n * @param {Data | (() => Data)} [options.placeholderData] The placeholder data for the hook\n * @param {number} [options.refetchInterval] The refetch interval\n * @param {boolean | number} [options.retry] The retry count of requests\n * @returns {UseQueryReturn<Data>} An object with the state of the query\n *\n * @example\n * const { data, isFetching, isLoading, isError, isSuccess, error, refetch, isRefetching, abort, aborted } = useQuery(() => fetch('url'));\n */\nexport const useQuery = <QueryData, Data = QueryData>(\n  callback: (params: UseQueryCallbackParams) => Promise<QueryData>,\n  options?: UseQueryOptions<QueryData, Data>\n): UseQueryReturn<Data> => {\n  const enabled = options?.enabled ?? true;\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n  const alreadyRequested = useRef(false);\n\n  const [isFetching, setIsFetching] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [isRefetching, setIsRefetching] = useState(false);\n  const [isSuccess, setIsSuccess] = useState(!!options?.placeholderData);\n\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const [data, setData] = useState<Data | undefined>(options?.placeholderData);\n\n  const abortControllerRef = useRef<AbortController>(new AbortController());\n  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n\n  const keys = options?.keys ?? [];\n\n  const abort = () => {\n    abortControllerRef.current.abort();\n    abortControllerRef.current = new AbortController();\n  };\n\n  const request = (action: 'init' | 'refetch') => {\n    abort();\n\n    setIsFetching(true);\n    if (action === 'init') {\n      alreadyRequested.current = true;\n      setIsLoading(true);\n    }\n    if (action === 'refetch') setIsRefetching(true);\n    callback({ signal: abortControllerRef.current.signal, keys })\n      .then((response) => {\n        const data = options?.select ? options?.select(response) : response;\n        options?.onSuccess?.(data as Data);\n        setData(data as Data);\n        setIsSuccess(true);\n        setError(undefined);\n        setIsError(false);\n        setIsFetching(false);\n        if (action === 'init') setIsLoading(false);\n        if (action === 'refetch') setIsRefetching(false);\n      })\n      .catch((error: Error) => {\n        if (retryCountRef.current > 0) {\n          retryCountRef.current -= 1;\n          const retryDelay =\n            typeof options?.retryDelay === 'function'\n              ? options?.retryDelay(retryCountRef.current, error)\n              : options?.retryDelay;\n\n          if (retryDelay) {\n            setTimeout(() => request(action), retryDelay);\n            return;\n          }\n\n          return request(action);\n        }\n        options?.onError?.(error);\n        setData(undefined);\n        setIsSuccess(false);\n        setError(error);\n        setIsError(true);\n        setIsFetching(false);\n        if (action === 'init') setIsLoading(false);\n        if (action === 'refetch') setIsRefetching(false);\n        retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n      })\n      .finally(() => {\n        if (options?.refetchInterval) {\n          const interval = setInterval(() => {\n            clearInterval(interval);\n            request('refetch');\n          }, options?.refetchInterval);\n          intervalIdRef.current = interval;\n        }\n      });\n  };\n\n  useMount(() => {\n    if (!enabled) return;\n    request('init');\n  });\n\n  useDidUpdate(() => {\n    if (!enabled) return;\n    request(alreadyRequested.current ? 'refetch' : 'init');\n  }, [enabled, ...keys]);\n\n  useEffect(() => {\n    return () => {\n      clearInterval(intervalIdRef.current);\n    };\n  }, [enabled, options?.refetchInterval, options?.retry, ...keys]);\n\n  const refetch = () => request('refetch');\n\n  return {\n    abort,\n    data,\n    error,\n    refetch,\n    isFetching,\n    isLoading,\n    isError,\n    isSuccess,\n    isRefetching\n  };\n};\n"],"mappings":"+MAiFA,IAAa,GACX,EACA,IACyB,CACzB,IAAM,EAAU,GAAS,SAAW,GAC9B,GAAA,EAAA,EAAA,QAAuB,GAAS,MAAQ,EAAA,SAAS,EAAQ,MAAM,CAAG,EAAE,CACpE,GAAA,EAAA,EAAA,QAA0B,GAAM,CAEhC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,GAAM,CAC7C,CAAC,EAAW,IAAA,EAAA,EAAA,UAAyB,GAAM,CAC3C,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAc,IAAA,EAAA,EAAA,UAA4B,GAAM,CACjD,CAAC,EAAW,IAAA,EAAA,EAAA,UAAyB,CAAC,CAAC,GAAS,gBAAgB,CAEhE,CAAC,EAAO,IAAA,EAAA,EAAA,UAAwC,IAAA,GAAU,CAC1D,CAAC,EAAM,IAAA,EAAA,EAAA,UAAsC,GAAS,gBAAgB,CAEtE,GAAA,EAAA,EAAA,QAA6C,IAAI,gBAAkB,CACnE,GAAA,EAAA,EAAA,QAAuD,IAAA,GAAU,CAEjE,EAAO,GAAS,MAAQ,EAAE,CAE1B,MAAc,CAClB,EAAmB,QAAQ,OAAO,CAClC,EAAmB,QAAU,IAAI,iBAG7B,EAAW,GAA+B,CAC9C,GAAO,CAEP,EAAc,GAAK,CACf,IAAW,SACb,EAAiB,QAAU,GAC3B,EAAa,GAAK,EAEhB,IAAW,WAAW,EAAgB,GAAK,CAC/C,EAAS,CAAE,OAAQ,EAAmB,QAAQ,OAAQ,OAAM,CAAC,CAC1D,KAAM,GAAa,CAClB,IAAM,EAAO,GAAS,OAAS,GAAS,OAAO,EAAS,CAAG,EAC3D,GAAS,YAAY,EAAa,CAClC,EAAQ,EAAa,CACrB,EAAa,GAAK,CAClB,EAAS,IAAA,GAAU,CACnB,EAAW,GAAM,CACjB,EAAc,GAAM,CAChB,IAAW,QAAQ,EAAa,GAAM,CACtC,IAAW,WAAW,EAAgB,GAAM,EAChD,CACD,MAAO,GAAiB,CACvB,GAAI,EAAc,QAAU,EAAG,CAC7B,IAAc,QACd,IAAM,EACJ,OAAO,GAAS,YAAe,WAC3B,GAAS,WAAW,EAAc,QAAS,EAAM,CACjD,GAAS,WAEf,GAAI,EAAY,CACd,eAAiB,EAAQ,EAAO,CAAE,EAAW,CAC7C,OAGF,OAAO,EAAQ,EAAO,CAExB,GAAS,UAAU,EAAM,CACzB,EAAQ,IAAA,GAAU,CAClB,EAAa,GAAM,CACnB,EAAS,EAAM,CACf,EAAW,GAAK,CAChB,EAAc,GAAM,CAChB,IAAW,QAAQ,EAAa,GAAM,CACtC,IAAW,WAAW,EAAgB,GAAM,CAChD,EAAc,QAAU,GAAS,MAAQ,EAAA,SAAS,EAAQ,MAAM,CAAG,GACnE,CACD,YAAc,CACb,GAAI,GAAS,gBAAiB,CAC5B,IAAM,EAAW,gBAAkB,CACjC,cAAc,EAAS,CACvB,EAAQ,UAAU,EACjB,GAAS,gBAAgB,CAC5B,EAAc,QAAU,IAE1B,EAqBN,OAlBA,EAAA,aAAe,CACR,GACL,EAAQ,OAAO,EACf,CAEF,EAAA,iBAAmB,CACZ,GACL,EAAQ,EAAiB,QAAU,UAAY,OAAO,EACrD,CAAC,EAAS,GAAG,EAAK,CAAC,EAEtB,EAAA,EAAA,mBACe,CACX,cAAc,EAAc,QAAQ,EAErC,CAAC,EAAS,GAAS,gBAAiB,GAAS,MAAO,GAAG,EAAK,CAAC,CAIzD,CACL,QACA,OACA,QACA,YANoB,EAAQ,UAAU,CAOtC,aACA,YACA,UACA,YACA,eACD"}

package/dist/cjs/hooks/useQueue/useQueue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("react-dom"),l=(s=[])=>{const[e,t]=o.useState(s);return{add:r=>t(u=>[...u,r]),remove:()=>{let r;return c.flushSync(()=>{t(([u,...n])=>(r=u,n))}),r},clear:()=>t([]),first:e[0],last:e[e.length-1],size:e.length,queue:e}};exports.useQueue=l;
-//# sourceMappingURL=useQueue.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`),t=require(`react-dom`);var n=(n=[])=>{let[r,i]=(0,e.useState)(n);return{add:e=>i(t=>[...t,e]),remove:()=>{let e;return(0,t.flushSync)(()=>{i(([t,...n])=>(e=t,n))}),e},clear:()=>i([]),first:r[0],last:r[r.length-1],size:r.length,queue:r}};exports.useQueue=n;
+//# sourceMappingURL=useQueue.cjs.map

package/dist/cjs/hooks/useQueue/useQueue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useQueue.cjs","sources":["../../../../src/hooks/useQueue/useQueue.ts"],"sourcesContent":["import { useState } from 'react';\nimport { flushSync } from 'react-dom';\n\n/** The use queue return type */\nexport interface UseQueueReturn<Value> {\n  /** Get the first element of the queue */\n  first: Value;\n  /** Get the last element of the queue */\n  last: Value;\n  /** The current queue */\n  queue: Value[];\n  /** Get the size of the queue */\n  size: number;\n  /** Add an element to the queue */\n  add: (element: Value) => void;\n  /** Clear the queue */\n  clear: () => void;\n  /** Remove an element from the queue */\n  remove: () => Value;\n}\n\n/**\n * @name useQueue\n * @description - Hook that manages a queue\n * @category State\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value[]} [initialValue=[]] The initial value of the queue\n * @returns {UseQueueReturn} An object containing the current queue and functions to interact with the queue\n *\n * @example\n * const { queue, add, remove, clear, first, last, size } = useQueue([1, 2, 3]);\n */\nexport const useQueue = <Value>(initialValue: Value[] = []): UseQueueReturn<Value> => {\n  const [queue, setQueue] = useState(initialValue);\n\n  const add = (element: Value) => setQueue((queue) => [...queue, element]);\n  const clear = () => setQueue([]);\n  const remove = () => {\n    let removed;\n    flushSync(() => {\n      setQueue(([first, ...rest]) => {\n        removed = first;\n        return rest;\n      });\n    });\n\n    return removed as Value;\n  };\n\n  return {\n    add,\n    remove,\n    clear,\n    first: queue[0],\n    last: queue[queue.length - 1],\n    size: queue.length,\n    queue\n  };\n};\n"],"names":["useQueue","initialValue","queue","setQueue","useState","element","removed","flushSync","first","rest"],"mappings":"gIAkCaA,EAAW,CAAQC,EAAwB,KAA8B,CACpF,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASH,CAAY,EAgB/C,MAAO,CACL,IAfWI,GAAmBF,EAAUD,GAAU,CAAC,GAAGA,EAAOG,CAAO,CAAC,EAgBrE,OAda,IAAM,CACnB,IAAIC,EACJC,OAAAA,EAAAA,UAAU,IAAM,CACdJ,EAAS,CAAC,CAACK,EAAU,GAAAC,CAAI,KACvBH,EAAUE,EACHC,EACR,CAAA,CACF,EAEMH,CAAA,EAMP,MAhBY,IAAMH,EAAS,EAAE,EAiB7B,MAAOD,EAAM,CAAC,EACd,KAAMA,EAAMA,EAAM,OAAS,CAAC,EAC5B,KAAMA,EAAM,OACZ,MAAAA,CAAA,CAEJ"}
+{"version":3,"file":"useQueue.cjs","names":[],"sources":["../../../../src/hooks/useQueue/useQueue.ts"],"sourcesContent":["import { useState } from 'react';\nimport { flushSync } from 'react-dom';\n\n/** The use queue return type */\nexport interface UseQueueReturn<Value> {\n  /** Get the first element of the queue */\n  first: Value;\n  /** Get the last element of the queue */\n  last: Value;\n  /** The current queue */\n  queue: Value[];\n  /** Get the size of the queue */\n  size: number;\n  /** Add an element to the queue */\n  add: (element: Value) => void;\n  /** Clear the queue */\n  clear: () => void;\n  /** Remove an element from the queue */\n  remove: () => Value;\n}\n\n/**\n * @name useQueue\n * @description - Hook that manages a queue\n * @category State\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value[]} [initialValue=[]] The initial value of the queue\n * @returns {UseQueueReturn} An object containing the current queue and functions to interact with the queue\n *\n * @example\n * const { queue, add, remove, clear, first, last, size } = useQueue([1, 2, 3]);\n */\nexport const useQueue = <Value>(initialValue: Value[] = []): UseQueueReturn<Value> => {\n  const [queue, setQueue] = useState(initialValue);\n\n  const add = (element: Value) => setQueue((queue) => [...queue, element]);\n  const clear = () => setQueue([]);\n  const remove = () => {\n    let removed;\n    flushSync(() => {\n      setQueue(([first, ...rest]) => {\n        removed = first;\n        return rest;\n      });\n    });\n\n    return removed as Value;\n  };\n\n  return {\n    add,\n    remove,\n    clear,\n    first: queue[0],\n    last: queue[queue.length - 1],\n    size: queue.length,\n    queue\n  };\n};\n"],"mappings":"8FAkCA,IAAa,GAAmB,EAAwB,EAAE,GAA4B,CACpF,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,UAAqB,EAAa,CAgBhD,MAAO,CACL,IAfW,GAAmB,EAAU,GAAU,CAAC,GAAG,EAAO,EAAQ,CAAC,CAgBtE,WAdmB,CACnB,IAAI,EAQJ,OAPA,EAAA,EAAA,eAAgB,CACd,GAAU,CAAC,EAAO,GAAG,MACnB,EAAU,EACH,GACP,EACF,CAEK,GAMP,UAhBkB,EAAS,EAAE,CAAC,CAiB9B,MAAO,EAAM,GACb,KAAM,EAAM,EAAM,OAAS,GAC3B,KAAM,EAAM,OACZ,QACD"}

package/dist/cjs/hooks/useRaf/useRaf.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),w=(a,n)=>{const e=r.useRef(null),t=r.useRef(0),[s,i]=r.useState(!1),o=n?.enabled??!0,f=r.useRef(a);f.current=a;const u=c=>{const m=c-t.current;if(n?.delay&&m<n?.delay){e.current=window.requestAnimationFrame(u);return}t.current=c,f.current({delta:m,timestamp:c}),e.current=window.requestAnimationFrame(u)},l=()=>{s||(i(!0),t.current=0,e.current=window.requestAnimationFrame(u))};function d(){e.current&&(i(!1),window.cancelAnimationFrame(e.current),e.current=null)}return r.useEffect(()=>{if(o)return l(),d},[o,n?.delay]),{active:s,pause:d,resume:l}};exports.useRaf=w;
-//# sourceMappingURL=useRaf.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(t,n)=>{let r=(0,e.useRef)(null),i=(0,e.useRef)(0),[a,o]=(0,e.useState)(!1),s=n?.enabled??!0,c=(0,e.useRef)(t);c.current=t;let l=e=>{let t=e-i.current;if(n?.delay&&t<n?.delay){r.current=window.requestAnimationFrame(l);return}i.current=e,c.current({delta:t,timestamp:e}),r.current=window.requestAnimationFrame(l)},u=()=>{a||(o(!0),i.current=0,r.current=window.requestAnimationFrame(l))};function d(){r.current&&=(o(!1),window.cancelAnimationFrame(r.current),null)}return(0,e.useEffect)(()=>{if(s)return u(),d},[s,n?.delay]),{active:a,pause:d,resume:u}};exports.useRaf=t;
+//# sourceMappingURL=useRaf.cjs.map

package/dist/cjs/hooks/useRaf/useRaf.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRaf.cjs","sources":["../../../../src/hooks/useRaf/useRaf.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/* The use raf params type */\nexport interface UseRafParams {\n  /** The delta between each frame in milliseconds */\n  delta: number;\n  /** The timestamp of the current frame in milliseconds */\n  timestamp: DOMHighResTimeStamp;\n}\n\n/* The use raf type */\nexport type UseRafCallback = (params: UseRafParams) => void;\n\n/* The use raf options type */\nexport interface UseRafOptions {\n  /** The delay between each frame in milliseconds */\n  delay?: number;\n  /** Whether the callback should be enabled */\n  enabled?: boolean;\n}\n\n/* The use raf return type */\nexport interface UseRafReturn {\n  /** Whether the callback is active */\n  active: boolean;\n  /** Function to pause the callback */\n  pause: () => void;\n  /** Function to resume the callback */\n  resume: () => void;\n}\n\n/**\n * @name useRaf\n * @description - Hook that defines the logic for raf callback\n * @category Browser\n * @usage low\n *\n * @browserapi requestAnimationFrame https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame\n *\n * @param {UseRafCallback} callback The callback to execute\n * @param {number} [options.delay] The delay between each frame in milliseconds\n * @param {boolean} [options.enabled=true] Whether the callback should be enabled\n * @returns {UseRafCallbackReturn} An object of raf callback functions\n *\n * @example\n * useRaf(() => console.log('callback'));\n */\nexport const useRaf = (callback: UseRafCallback, options?: UseRafOptions): UseRafReturn => {\n  const rafIdRef = useRef<number | null>(null);\n  const previousFrameTimestampRef = useRef(0);\n  const [active, setActive] = useState(false);\n  const enabled = options?.enabled ?? true;\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  const loop = (timestamp: DOMHighResTimeStamp) => {\n    const delta = timestamp - previousFrameTimestampRef.current;\n\n    if (options?.delay && delta < options?.delay) {\n      rafIdRef.current = window.requestAnimationFrame(loop);\n      return;\n    }\n\n    previousFrameTimestampRef.current = timestamp;\n    internalCallbackRef.current({ delta, timestamp });\n    rafIdRef.current = window.requestAnimationFrame(loop);\n  };\n\n  const resume = () => {\n    if (active) return;\n    setActive(true);\n    previousFrameTimestampRef.current = 0;\n    rafIdRef.current = window.requestAnimationFrame(loop);\n  };\n\n  function pause() {\n    if (!rafIdRef.current) return;\n\n    setActive(false);\n    window.cancelAnimationFrame(rafIdRef.current);\n    rafIdRef.current = null;\n  }\n\n  useEffect(() => {\n    if (!enabled) return;\n    resume();\n\n    return pause;\n  }, [enabled, options?.delay]);\n\n  return {\n    active,\n    pause,\n    resume\n  };\n};\n"],"names":["useRaf","callback","options","rafIdRef","useRef","previousFrameTimestampRef","active","setActive","useState","enabled","internalCallbackRef","loop","timestamp","delta","resume","pause","useEffect"],"mappings":"yGA+CaA,EAAS,CAACC,EAA0BC,IAA0C,CACzF,MAAMC,EAAWC,EAAAA,OAAsB,IAAI,EACrCC,EAA4BD,EAAAA,OAAO,CAAC,EACpC,CAACE,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAUP,GAAS,SAAW,GAE9BQ,EAAsBN,EAAAA,OAAOH,CAAQ,EAC3CS,EAAoB,QAAUT,EAE9B,MAAMU,EAAQC,GAAmC,CAC/C,MAAMC,EAAQD,EAAYP,EAA0B,QAEpD,GAAIH,GAAS,OAASW,EAAQX,GAAS,MAAO,CAC5CC,EAAS,QAAU,OAAO,sBAAsBQ,CAAI,EACpD,MAAA,CAGFN,EAA0B,QAAUO,EACpCF,EAAoB,QAAQ,CAAE,MAAAG,EAAO,UAAAD,CAAA,CAAW,EAChDT,EAAS,QAAU,OAAO,sBAAsBQ,CAAI,CAAA,EAGhDG,EAAS,IAAM,CACfR,IACJC,EAAU,EAAI,EACdF,EAA0B,QAAU,EACpCF,EAAS,QAAU,OAAO,sBAAsBQ,CAAI,EAAA,EAGtD,SAASI,GAAQ,CACVZ,EAAS,UAEdI,EAAU,EAAK,EACf,OAAO,qBAAqBJ,EAAS,OAAO,EAC5CA,EAAS,QAAU,KAAA,CAGrBa,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAKP,EACL,OAAAK,EAAA,EAEOC,CAAA,EACN,CAACN,EAASP,GAAS,KAAK,CAAC,EAErB,CACL,OAAAI,EACA,MAAAS,EACA,OAAAD,CAAA,CAEJ"}
+{"version":3,"file":"useRaf.cjs","names":[],"sources":["../../../../src/hooks/useRaf/useRaf.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/* The use raf params type */\nexport interface UseRafParams {\n  /** The delta between each frame in milliseconds */\n  delta: number;\n  /** The timestamp of the current frame in milliseconds */\n  timestamp: DOMHighResTimeStamp;\n}\n\n/* The use raf type */\nexport type UseRafCallback = (params: UseRafParams) => void;\n\n/* The use raf options type */\nexport interface UseRafOptions {\n  /** The delay between each frame in milliseconds */\n  delay?: number;\n  /** Whether the callback should be enabled */\n  enabled?: boolean;\n}\n\n/* The use raf return type */\nexport interface UseRafReturn {\n  /** Whether the callback is active */\n  active: boolean;\n  /** Function to pause the callback */\n  pause: () => void;\n  /** Function to resume the callback */\n  resume: () => void;\n}\n\n/**\n * @name useRaf\n * @description - Hook that defines the logic for raf callback\n * @category Browser\n * @usage low\n *\n * @browserapi requestAnimationFrame https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame\n *\n * @param {UseRafCallback} callback The callback to execute\n * @param {number} [options.delay] The delay between each frame in milliseconds\n * @param {boolean} [options.enabled=true] Whether the callback should be enabled\n * @returns {UseRafCallbackReturn} An object of raf callback functions\n *\n * @example\n * useRaf(() => console.log('callback'));\n */\nexport const useRaf = (callback: UseRafCallback, options?: UseRafOptions): UseRafReturn => {\n  const rafIdRef = useRef<number | null>(null);\n  const previousFrameTimestampRef = useRef(0);\n  const [active, setActive] = useState(false);\n  const enabled = options?.enabled ?? true;\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  const loop = (timestamp: DOMHighResTimeStamp) => {\n    const delta = timestamp - previousFrameTimestampRef.current;\n\n    if (options?.delay && delta < options?.delay) {\n      rafIdRef.current = window.requestAnimationFrame(loop);\n      return;\n    }\n\n    previousFrameTimestampRef.current = timestamp;\n    internalCallbackRef.current({ delta, timestamp });\n    rafIdRef.current = window.requestAnimationFrame(loop);\n  };\n\n  const resume = () => {\n    if (active) return;\n    setActive(true);\n    previousFrameTimestampRef.current = 0;\n    rafIdRef.current = window.requestAnimationFrame(loop);\n  };\n\n  function pause() {\n    if (!rafIdRef.current) return;\n\n    setActive(false);\n    window.cancelAnimationFrame(rafIdRef.current);\n    rafIdRef.current = null;\n  }\n\n  useEffect(() => {\n    if (!enabled) return;\n    resume();\n\n    return pause;\n  }, [enabled, options?.delay]);\n\n  return {\n    active,\n    pause,\n    resume\n  };\n};\n"],"mappings":"uEA+CA,IAAa,GAAU,EAA0B,IAA0C,CACzF,IAAM,GAAA,EAAA,EAAA,QAAiC,KAAK,CACtC,GAAA,EAAA,EAAA,QAAmC,EAAE,CACrC,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,GAAM,CACrC,EAAU,GAAS,SAAW,GAE9B,GAAA,EAAA,EAAA,QAA6B,EAAS,CAC5C,EAAoB,QAAU,EAE9B,IAAM,EAAQ,GAAmC,CAC/C,IAAM,EAAQ,EAAY,EAA0B,QAEpD,GAAI,GAAS,OAAS,EAAQ,GAAS,MAAO,CAC5C,EAAS,QAAU,OAAO,sBAAsB,EAAK,CACrD,OAGF,EAA0B,QAAU,EACpC,EAAoB,QAAQ,CAAE,QAAO,YAAW,CAAC,CACjD,EAAS,QAAU,OAAO,sBAAsB,EAAK,EAGjD,MAAe,CACf,IACJ,EAAU,GAAK,CACf,EAA0B,QAAU,EACpC,EAAS,QAAU,OAAO,sBAAsB,EAAK,GAGvD,SAAS,GAAQ,CACV,AAIL,EAAS,WAFT,EAAU,GAAM,CAChB,OAAO,qBAAqB,EAAS,QAAQ,CAC1B,MAUrB,OAPA,EAAA,EAAA,eAAgB,CACT,KAGL,OAFA,GAAQ,CAED,GACN,CAAC,EAAS,GAAS,MAAM,CAAC,CAEtB,CACL,SACA,QACA,SACD"}

package/dist/cjs/hooks/useRafState/useRafState.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("../useUnmount/useUnmount.cjs"),o=n=>{const e=t.useRef(0),[r,u]=t.useState(n),a=s=>{cancelAnimationFrame(e.current),e.current=requestAnimationFrame(()=>u(s))};return c.useUnmount(()=>cancelAnimationFrame(e.current)),[r,a]};exports.useRafState=o;
-//# sourceMappingURL=useRafState.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../useUnmount/useUnmount.cjs`);let t=require(`react`);var n=n=>{let r=(0,t.useRef)(0),[i,a]=(0,t.useState)(n);return e.useUnmount(()=>cancelAnimationFrame(r.current)),[i,e=>{cancelAnimationFrame(r.current),r.current=requestAnimationFrame(()=>a(e))}]};exports.useRafState=n;
+//# sourceMappingURL=useRafState.cjs.map

package/dist/cjs/hooks/useRafState/useRafState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRafState.cjs","sources":["../../../../src/hooks/useRafState/useRafState.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useUnmount } from '../useUnmount/useUnmount';\n\n/* The use raf value params type */\nexport type UseRafStateReturn<Value> = [Value, (value: Value) => void];\n\n/**\n * @name useRafState\n * @description - Hook that returns the value and a function to set the value\n * @category State\n * @usage low\n *\n * @browserapi requestAnimationFrame https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame\n *\n * @template Value The type of the value\n * @param {Value} initialValue The initial value\n * @returns {UseRafStateReturn<Value>} An array containing the value and a function to set the value\n *\n * @example\n * const [value, setValue] = useRafState(initialValue);\n */\nexport const useRafState = <Value>(initialValue: (() => Value) | Value) => {\n  const rafIdRef = useRef(0);\n  const [value, setValue] = useState(initialValue);\n\n  const set = (value: Value) => {\n    cancelAnimationFrame(rafIdRef.current);\n    rafIdRef.current = requestAnimationFrame(() => setValue(value));\n  };\n\n  useUnmount(() => cancelAnimationFrame(rafIdRef.current));\n\n  return [value, set] as const;\n};\n"],"names":["useRafState","initialValue","rafIdRef","useRef","value","setValue","useState","set","useUnmount"],"mappings":"mJAsBaA,EAAsBC,GAAwC,CACzE,MAAMC,EAAWC,EAAAA,OAAO,CAAC,EACnB,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASL,CAAY,EAEzCM,EAAOH,GAAiB,CAC5B,qBAAqBF,EAAS,OAAO,EACrCA,EAAS,QAAU,sBAAsB,IAAMG,EAASD,CAAK,CAAC,CAAA,EAGhEI,OAAAA,EAAAA,WAAW,IAAM,qBAAqBN,EAAS,OAAO,CAAC,EAEhD,CAACE,EAAOG,CAAG,CACpB"}
+{"version":3,"file":"useRafState.cjs","names":[],"sources":["../../../../src/hooks/useRafState/useRafState.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useUnmount } from '../useUnmount/useUnmount';\n\n/* The use raf value params type */\nexport type UseRafStateReturn<Value> = [Value, (value: Value) => void];\n\n/**\n * @name useRafState\n * @description - Hook that returns the value and a function to set the value\n * @category State\n * @usage low\n *\n * @browserapi requestAnimationFrame https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame\n *\n * @template Value The type of the value\n * @param {Value} initialValue The initial value\n * @returns {UseRafStateReturn<Value>} An array containing the value and a function to set the value\n *\n * @example\n * const [value, setValue] = useRafState(initialValue);\n */\nexport const useRafState = <Value>(initialValue: (() => Value) | Value) => {\n  const rafIdRef = useRef(0);\n  const [value, setValue] = useState(initialValue);\n\n  const set = (value: Value) => {\n    cancelAnimationFrame(rafIdRef.current);\n    rafIdRef.current = requestAnimationFrame(() => setValue(value));\n  };\n\n  useUnmount(() => cancelAnimationFrame(rafIdRef.current));\n\n  return [value, set] as const;\n};\n"],"mappings":"uHAsBA,IAAa,EAAsB,GAAwC,CACzE,IAAM,GAAA,EAAA,EAAA,QAAkB,EAAE,CACpB,CAAC,EAAO,IAAA,EAAA,EAAA,UAAqB,EAAa,CAShD,OAFA,EAAA,eAAiB,qBAAqB,EAAS,QAAQ,CAAC,CAEjD,CAAC,EAPK,GAAiB,CAC5B,qBAAqB,EAAS,QAAQ,CACtC,EAAS,QAAU,0BAA4B,EAAS,EAAM,CAAC,EAK9C"}

package/dist/cjs/hooks/useRefState/useRefState.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=(n,u)=>{let e=n;function t(r){e!==r&&(e=r,u(e))}return Object.defineProperty(t,"current",{get(){return e},set(r){e!==r&&(e=r,u(e))},configurable:!0,enumerable:!0}),t},f=n=>{const[u,e]=s.useState(n),[t]=s.useState(()=>c(n,e));return t.state=u,t};exports.createRefState=c;exports.useRefState=f;
-//# sourceMappingURL=useRefState.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(e,t)=>{let n=e;function r(e){n!==e&&(n=e,t(n))}return Object.defineProperty(r,`current`,{get(){return n},set(e){n!==e&&(n=e,t(n))},configurable:!0,enumerable:!0}),r},n=n=>{let[r,i]=(0,e.useState)(n),[a]=(0,e.useState)(()=>t(n,i));return a.state=r,a};exports.createRefState=t,exports.useRefState=n;
+//# sourceMappingURL=useRefState.cjs.map

package/dist/cjs/hooks/useRefState/useRefState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRefState.cjs","sources":["../../../../src/hooks/useRefState/useRefState.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport interface StateRef<Value> {\n  (node: Value): void;\n  current: Value;\n  state?: Value;\n}\n\nexport const createRefState = <Value>(\n  initialValue: Value | undefined,\n  setState: (value: Value) => void\n) => {\n  let temp = initialValue;\n  function ref(value: Value) {\n    if (temp === value) return;\n    temp = value;\n    setState(temp);\n  }\n\n  Object.defineProperty(ref, 'current', {\n    get() {\n      return temp;\n    },\n    set(value: Value) {\n      if (temp === value) return;\n      temp = value;\n      setState(temp);\n    },\n    configurable: true,\n    enumerable: true\n  });\n\n  return ref as StateRef<Value>;\n};\n\n/**\n * @name useRefState\n * @description - Hook that returns the state reference of the value\n * @category State\n * @usage low\n *\n * @template Value The type of the value\n * @param {Value} [initialValue] The initial value\n * @returns {StateRef<Value>} The current value\n *\n * @example\n * const internalRefState = useRefState();\n */\nexport const useRefState = <Value>(initialValue?: Value) => {\n  const [state, setState] = useState<Value | undefined>(initialValue);\n  const [ref] = useState(() => createRefState<Value>(initialValue, setState));\n  ref.state = state;\n  return ref;\n};\n"],"names":["createRefState","initialValue","setState","temp","ref","value","useRefState","state","useState"],"mappings":"yGAQaA,EAAiB,CAC5BC,EACAC,IACG,CACH,IAAIC,EAAOF,EACX,SAASG,EAAIC,EAAc,CACrBF,IAASE,IACbF,EAAOE,EACPH,EAASC,CAAI,EAAA,CAGf,cAAO,eAAeC,EAAK,UAAW,CACpC,KAAM,CACJ,OAAOD,CAAA,EAET,IAAIE,EAAc,CACZF,IAASE,IACbF,EAAOE,EACPH,EAASC,CAAI,EAAA,EAEf,aAAc,GACd,WAAY,EAAA,CACb,EAEMC,CACT,EAeaE,EAAsBL,GAAyB,CAC1D,KAAM,CAACM,EAAOL,CAAQ,EAAIM,EAAAA,SAA4BP,CAAY,EAC5D,CAACG,CAAG,EAAII,EAAAA,SAAS,IAAMR,EAAsBC,EAAcC,CAAQ,CAAC,EAC1E,OAAAE,EAAI,MAAQG,EACLH,CACT"}
+{"version":3,"file":"useRefState.cjs","names":[],"sources":["../../../../src/hooks/useRefState/useRefState.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport interface StateRef<Value> {\n  (node: Value): void;\n  current: Value;\n  state?: Value;\n}\n\nexport const createRefState = <Value>(\n  initialValue: Value | undefined,\n  setState: (value: Value) => void\n) => {\n  let temp = initialValue;\n  function ref(value: Value) {\n    if (temp === value) return;\n    temp = value;\n    setState(temp);\n  }\n\n  Object.defineProperty(ref, 'current', {\n    get() {\n      return temp;\n    },\n    set(value: Value) {\n      if (temp === value) return;\n      temp = value;\n      setState(temp);\n    },\n    configurable: true,\n    enumerable: true\n  });\n\n  return ref as StateRef<Value>;\n};\n\n/**\n * @name useRefState\n * @description - Hook that returns the state reference of the value\n * @category State\n * @usage low\n *\n * @template Value The type of the value\n * @param {Value} [initialValue] The initial value\n * @returns {StateRef<Value>} The current value\n *\n * @example\n * const internalRefState = useRefState();\n */\nexport const useRefState = <Value>(initialValue?: Value) => {\n  const [state, setState] = useState<Value | undefined>(initialValue);\n  const [ref] = useState(() => createRefState<Value>(initialValue, setState));\n  ref.state = state;\n  return ref;\n};\n"],"mappings":"uEAQA,IAAa,GACX,EACA,IACG,CACH,IAAI,EAAO,EACX,SAAS,EAAI,EAAc,CACrB,IAAS,IACb,EAAO,EACP,EAAS,EAAK,EAgBhB,OAbA,OAAO,eAAe,EAAK,UAAW,CACpC,KAAM,CACJ,OAAO,GAET,IAAI,EAAc,CACZ,IAAS,IACb,EAAO,EACP,EAAS,EAAK,GAEhB,aAAc,GACd,WAAY,GACb,CAAC,CAEK,GAgBI,EAAsB,GAAyB,CAC1D,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,UAAwC,EAAa,CAC7D,CAAC,IAAA,EAAA,EAAA,cAAsB,EAAsB,EAAc,EAAS,CAAC,CAE3E,MADA,GAAI,MAAQ,EACL"}

package/dist/cjs/hooks/useRenderCount/useRenderCount.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=()=>{const e=r.useRef(0);return r.useEffect(()=>{e.current+=1}),e.current};exports.useRenderCount=t;
-//# sourceMappingURL=useRenderCount.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=()=>{let t=(0,e.useRef)(0);return(0,e.useEffect)(()=>{t.current+=1}),t.current};exports.useRenderCount=t;
+//# sourceMappingURL=useRenderCount.cjs.map

package/dist/cjs/hooks/useRenderCount/useRenderCount.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRenderCount.cjs","sources":["../../../../src/hooks/useRenderCount/useRenderCount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name useRenderCount\n * @description - Hook returns count component render times\n * @category Debug\n * @usage low\n *\n * @returns {number} A number which determines how many times component renders\n *\n * @example\n * const renderCount = useRenderCount();\n */\nexport const useRenderCount = () => {\n  const renderCountRef = useRef(0);\n\n  useEffect(() => {\n    renderCountRef.current += 1;\n  });\n\n  return renderCountRef.current;\n};\n"],"names":["useRenderCount","renderCountRef","useRef","useEffect"],"mappings":"yGAaaA,EAAiB,IAAM,CAClC,MAAMC,EAAiBC,EAAAA,OAAO,CAAC,EAE/BC,OAAAA,EAAAA,UAAU,IAAM,CACdF,EAAe,SAAW,CAAA,CAC3B,EAEMA,EAAe,OACxB"}
+{"version":3,"file":"useRenderCount.cjs","names":[],"sources":["../../../../src/hooks/useRenderCount/useRenderCount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name useRenderCount\n * @description - Hook returns count component render times\n * @category Debug\n * @usage low\n *\n * @returns {number} A number which determines how many times component renders\n *\n * @example\n * const renderCount = useRenderCount();\n */\nexport const useRenderCount = () => {\n  const renderCountRef = useRef(0);\n\n  useEffect(() => {\n    renderCountRef.current += 1;\n  });\n\n  return renderCountRef.current;\n};\n"],"mappings":"uEAaA,IAAa,MAAuB,CAClC,IAAM,GAAA,EAAA,EAAA,QAAwB,EAAE,CAMhC,OAJA,EAAA,EAAA,eAAgB,CACd,EAAe,SAAW,GAC1B,CAEK,EAAe"}

package/dist/cjs/hooks/useRenderInfo/useRenderInfo.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),s=(r="Unknown",t=!0)=>{const e=o.useRef({component:r,renders:0,timestamp:Date.now(),sinceLast:0}),n=Date.now();return e.current.renders+=1,e.current.sinceLast=e.current.timestamp?n-e.current.timestamp:0,e.current.timestamp=n,t&&(console.group(`${r} info, render number: ${e.current.renders}`),console.log(`Timestamp: ${e.current.timestamp}`),console.log(`Since last render: ${e.current.sinceLast}`),console.log(`Renders: ${e.current.renders}`),console.dir(e.current),console.groupEnd()),e.current};exports.useRenderInfo=s;
-//# sourceMappingURL=useRenderInfo.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(t=`Unknown`,n=!0)=>{let r=(0,e.useRef)({component:t,renders:0,timestamp:Date.now(),sinceLast:0}),i=Date.now();return r.current.renders+=1,r.current.sinceLast=r.current.timestamp?i-r.current.timestamp:0,r.current.timestamp=i,n&&(console.group(`${t} info, render number: ${r.current.renders}`),console.log(`Timestamp: ${r.current.timestamp}`),console.log(`Since last render: ${r.current.sinceLast}`),console.log(`Renders: ${r.current.renders}`),console.dir(r.current),console.groupEnd()),r.current};exports.useRenderInfo=t;
+//# sourceMappingURL=useRenderInfo.cjs.map

package/dist/cjs/hooks/useRenderInfo/useRenderInfo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRenderInfo.cjs","sources":["../../../../src/hooks/useRenderInfo/useRenderInfo.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/** The use render info return type */\nexport interface UseRenderInfoReturn {\n  /** The name of the component */\n  component: string;\n  /** The number of renders */\n  renders: number;\n  /** The time since the last render */\n  sinceLast: number;\n  /** The timestamp of the render */\n  timestamp: number | null;\n}\n\n/**\n * @name useRenderInfo\n * @description - Hook for getting information about component rerender\n * @category Debug\n * @usage low\n *\n * @param {string} [name='Unknown'] Component name\n * @param {boolean} [log=true] Toggle logging\n * @returns {UseRenderInfoReturn} An object containing rerender information\n *\n * @example\n * const rerenderInfo = useRenderInfo('Component');\n */\nexport const useRenderInfo = (name: string = 'Unknown', log: boolean = true) => {\n  const renderInfoRef = useRef<UseRenderInfoReturn>({\n    component: name,\n    renders: 0,\n    timestamp: Date.now(),\n    sinceLast: 0\n  });\n  const now = Date.now();\n\n  renderInfoRef.current.renders += 1;\n  renderInfoRef.current.sinceLast = renderInfoRef.current.timestamp\n    ? now - renderInfoRef.current.timestamp\n    : 0;\n  renderInfoRef.current.timestamp = now;\n\n  if (log) {\n    console.group(`${name} info, render number: ${renderInfoRef.current.renders}`);\n    console.log(`Timestamp: ${renderInfoRef.current.timestamp}`);\n    console.log(`Since last render: ${renderInfoRef.current.sinceLast}`);\n    console.log(`Renders: ${renderInfoRef.current.renders}`);\n    console.dir(renderInfoRef.current);\n    console.groupEnd();\n  }\n\n  return renderInfoRef.current;\n};\n"],"names":["useRenderInfo","name","log","renderInfoRef","useRef","now"],"mappings":"yGA2BaA,EAAgB,CAACC,EAAe,UAAWC,EAAe,KAAS,CAC9E,MAAMC,EAAgBC,EAAAA,OAA4B,CAChD,UAAWH,EACX,QAAS,EACT,UAAW,KAAK,IAAA,EAChB,UAAW,CAAA,CACZ,EACKI,EAAM,KAAK,IAAA,EAEjB,OAAAF,EAAc,QAAQ,SAAW,EACjCA,EAAc,QAAQ,UAAYA,EAAc,QAAQ,UACpDE,EAAMF,EAAc,QAAQ,UAC5B,EACJA,EAAc,QAAQ,UAAYE,EAE9BH,IACF,QAAQ,MAAM,GAAGD,CAAI,yBAAyBE,EAAc,QAAQ,OAAO,EAAE,EAC7E,QAAQ,IAAI,cAAcA,EAAc,QAAQ,SAAS,EAAE,EAC3D,QAAQ,IAAI,sBAAsBA,EAAc,QAAQ,SAAS,EAAE,EACnE,QAAQ,IAAI,YAAYA,EAAc,QAAQ,OAAO,EAAE,EACvD,QAAQ,IAAIA,EAAc,OAAO,EACjC,QAAQ,SAAA,GAGHA,EAAc,OACvB"}
+{"version":3,"file":"useRenderInfo.cjs","names":[],"sources":["../../../../src/hooks/useRenderInfo/useRenderInfo.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/** The use render info return type */\nexport interface UseRenderInfoReturn {\n  /** The name of the component */\n  component: string;\n  /** The number of renders */\n  renders: number;\n  /** The time since the last render */\n  sinceLast: number;\n  /** The timestamp of the render */\n  timestamp: number | null;\n}\n\n/**\n * @name useRenderInfo\n * @description - Hook for getting information about component rerender\n * @category Debug\n * @usage low\n *\n * @param {string} [name='Unknown'] Component name\n * @param {boolean} [log=true] Toggle logging\n * @returns {UseRenderInfoReturn} An object containing rerender information\n *\n * @example\n * const rerenderInfo = useRenderInfo('Component');\n */\nexport const useRenderInfo = (name: string = 'Unknown', log: boolean = true) => {\n  const renderInfoRef = useRef<UseRenderInfoReturn>({\n    component: name,\n    renders: 0,\n    timestamp: Date.now(),\n    sinceLast: 0\n  });\n  const now = Date.now();\n\n  renderInfoRef.current.renders += 1;\n  renderInfoRef.current.sinceLast = renderInfoRef.current.timestamp\n    ? now - renderInfoRef.current.timestamp\n    : 0;\n  renderInfoRef.current.timestamp = now;\n\n  if (log) {\n    console.group(`${name} info, render number: ${renderInfoRef.current.renders}`);\n    console.log(`Timestamp: ${renderInfoRef.current.timestamp}`);\n    console.log(`Since last render: ${renderInfoRef.current.sinceLast}`);\n    console.log(`Renders: ${renderInfoRef.current.renders}`);\n    console.dir(renderInfoRef.current);\n    console.groupEnd();\n  }\n\n  return renderInfoRef.current;\n};\n"],"mappings":"uEA2BA,IAAa,GAAiB,EAAe,UAAW,EAAe,KAAS,CAC9E,IAAM,GAAA,EAAA,EAAA,QAA4C,CAChD,UAAW,EACX,QAAS,EACT,UAAW,KAAK,KAAK,CACrB,UAAW,EACZ,CAAC,CACI,EAAM,KAAK,KAAK,CAiBtB,MAfA,GAAc,QAAQ,SAAW,EACjC,EAAc,QAAQ,UAAY,EAAc,QAAQ,UACpD,EAAM,EAAc,QAAQ,UAC5B,EACJ,EAAc,QAAQ,UAAY,EAE9B,IACF,QAAQ,MAAM,GAAG,EAAK,wBAAwB,EAAc,QAAQ,UAAU,CAC9E,QAAQ,IAAI,cAAc,EAAc,QAAQ,YAAY,CAC5D,QAAQ,IAAI,sBAAsB,EAAc,QAAQ,YAAY,CACpE,QAAQ,IAAI,YAAY,EAAc,QAAQ,UAAU,CACxD,QAAQ,IAAI,EAAc,QAAQ,CAClC,QAAQ,UAAU,EAGb,EAAc"}

package/dist/cjs/hooks/useRerender/useRerender.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=()=>e.useReducer(()=>({}),{})[1];exports.useRerender=r;
-//# sourceMappingURL=useRerender.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=()=>(0,e.useReducer)(()=>({}),{})[1];exports.useRerender=t;
+//# sourceMappingURL=useRerender.cjs.map

package/dist/cjs/hooks/useRerender/useRerender.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRerender.cjs","sources":["../../../../src/hooks/useRerender/useRerender.ts"],"sourcesContent":["import { useReducer } from 'react';\n\n/** The use rerender return type */\ntype UseRerenderReturn = () => void;\n\n/**\n * @name useRerender\n * @description - Hook that defines the logic to force rerender a component\n * @category Debug\n * @usage medium\n *\n * @returns {UseRerenderReturn} The rerender function\n *\n * @example\n * const rerender = useRerender();\n */\nexport const useRerender = (): UseRerenderReturn => useReducer(() => ({}), {})[1];\n"],"names":["useRerender","useReducer"],"mappings":"yGAgBaA,EAAc,IAAyBC,EAAAA,WAAW,KAAO,CAAA,GAAK,CAAA,CAAE,EAAE,CAAC"}
+{"version":3,"file":"useRerender.cjs","names":[],"sources":["../../../../src/hooks/useRerender/useRerender.ts"],"sourcesContent":["import { useReducer } from 'react';\n\n/** The use rerender return type */\ntype UseRerenderReturn = () => void;\n\n/**\n * @name useRerender\n * @description - Hook that defines the logic to force rerender a component\n * @category Debug\n * @usage medium\n *\n * @returns {UseRerenderReturn} The rerender function\n *\n * @example\n * const rerender = useRerender();\n */\nexport const useRerender = (): UseRerenderReturn => useReducer(() => ({}), {})[1];\n"],"mappings":"uEAgBA,IAAa,OAAA,EAAA,EAAA,iBAAyD,EAAE,EAAG,EAAE,CAAC,CAAC"}

package/dist/cjs/hooks/useResizeObserver/useResizeObserver.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),S=require("../useRefState/useRefState.cjs"),c=require("../../utils/helpers/isTarget.cjs"),y=((...e)=>{const t=c.isTarget(e[0])?e[0]:void 0,n=t?typeof e[1]=="object"?e[1]:{onChange:e[1]}:typeof e[0]=="object"?e[0]:{onChange:e[0]},u=n?.onChange,i=n?.enabled??!0,[b,v]=s.useState(),[f,R]=s.useState(),r=S.useRefState(),l=s.useRef(u);return l.current=u,s.useEffect(()=>{if(!i||!t&&!r.state)return;const g=t?c.isTarget.getElement(t):r.current;if(!g)return;const o=new ResizeObserver(([a],d)=>{v(a),l.current?.(a,d)});return R(o),o.observe(g,n),()=>{o.disconnect()}},[t&&c.isTarget.getRawElement(t),r.state,n?.box,i]),t?{entry:b,observer:f}:{ref:r,entry:b,observer:f}});exports.useResizeObserver=y;
-//# sourceMappingURL=useResizeObserver.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../utils/helpers/isTarget.cjs`),t=require(`../useRefState/useRefState.cjs`);let n=require(`react`);var r=((...r)=>{let i=e.isTarget(r[0])?r[0]:void 0,a=i?typeof r[1]==`object`?r[1]:{onChange:r[1]}:typeof r[0]==`object`?r[0]:{onChange:r[0]},o=a?.onChange,s=a?.enabled??!0,[c,l]=(0,n.useState)(),[u,d]=(0,n.useState)(),f=t.useRefState(),p=(0,n.useRef)(o);return p.current=o,(0,n.useEffect)(()=>{if(!s||!i&&!f.state)return;let t=i?e.isTarget.getElement(i):f.current;if(!t)return;let n=new ResizeObserver(([e],t)=>{l(e),p.current?.(e,t)});return d(n),n.observe(t,a),()=>{n.disconnect()}},[i&&e.isTarget.getRawElement(i),f.state,a?.box,s]),i?{entry:c,observer:u}:{ref:f,entry:c,observer:u}});exports.useResizeObserver=r;
+//# sourceMappingURL=useResizeObserver.cjs.map

package/dist/cjs/hooks/useResizeObserver/useResizeObserver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.cjs","sources":["../../../../src/hooks/useResizeObserver/useResizeObserver.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The resize observer callback type */\nexport type UseResizeObserverCallback = (\n  entry: ResizeObserverEntry,\n  observer: ResizeObserver\n) => void;\n\n/** The resize observer options type */\nexport interface UseResizeObserverOptions extends ResizeObserverOptions {\n  /** The enabled state of the resize observer */\n  enabled?: boolean;\n  /** The callback to execute when resize is detected */\n  onChange?: UseResizeObserverCallback;\n}\n\n/** The resize observer return type */\nexport interface UseResizeObserverReturn {\n  /** The resize observer entries */\n  entry: ResizeObserverEntry;\n  /** The resize observer instance */\n  observer?: ResizeObserver;\n}\n\nexport interface UseResizeObserver {\n  <Target extends Element>(\n    options?: UseResizeObserverOptions,\n    target?: never\n  ): UseResizeObserverReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, options?: UseResizeObserverOptions): UseResizeObserverReturn;\n\n  <Target extends Element>(\n    callback: UseResizeObserverCallback,\n    target?: never\n  ): UseResizeObserverReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, callback: UseResizeObserverCallback): UseResizeObserverReturn;\n}\n\n/**\n * @name useResizeObserver\n * @description - Hook that gives you resize observer state\n * @category Sensors\n * @usage low\n *\n * @browserapi ResizeObserver https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @param {boolean} [options.enabled=true] The enabled state of the resize observer\n * @param {ResizeObserverBoxOptions} [options.box] The box model to observe\n * @param {UseResizeObserverCallback} [options.onChange] The callback to execute when resize is detected\n * @returns {UseResizeObserverReturn} An object containing the resize observer state\n *\n * @example\n * const { entries, observer } = useResizeObserver(ref);\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The enabled state of the resize observer\n * @param {ResizeObserverBoxOptions} [options.box] The box model to observe\n * @param {UseResizeObserverCallback} [options.onChange] The callback to execute when resize is detected\n * @returns {UseResizeObserverReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entry, observer } = useResizeObserver();\n *\n * @overload\n * @template Target The target element\n * @param {UseResizeObserverCallback} callback The callback to execute when resize is detected\n * @returns {UseResizeObserverReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entry, observer } = useResizeObserver((entry) => console.log(entry));\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @param {UseResizeObserverCallback} callback The callback to execute when resize is detected\n * @returns {UseResizeObserverReturn} An object containing the resize observer state\n *\n * @example\n * const { entry, observer } = useResizeObserver(ref, (entry) => console.log(entry));\n */\nexport const useResizeObserver = ((...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        : { onChange: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onChange: params[0] }\n  ) as UseResizeObserverOptions | undefined;\n\n  const callback = options?.onChange;\n  const enabled = options?.enabled ?? true;\n\n  const [entry, setEntry] = useState<ResizeObserverEntry>();\n  const [observer, setObserver] = useState<ResizeObserver>();\n\n  const internalRef = useRefState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled || (!target && !internalRef.state)) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const observer = new ResizeObserver(([entry], observer) => {\n      setEntry(entry);\n      internalCallbackRef.current?.(entry, observer);\n    });\n\n    setObserver(observer);\n    observer.observe(element as Element, options);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, options?.box, enabled]);\n\n  if (target) return { entry, observer };\n  return {\n    ref: internalRef,\n    entry,\n    observer\n  };\n}) as UseResizeObserver;\n"],"names":["useResizeObserver","params","target","isTarget","options","callback","enabled","entry","setEntry","useState","observer","setObserver","internalRef","useRefState","internalCallbackRef","useRef","useEffect","element"],"mappings":"mMA4FaA,GAAqB,IAAIC,IAAkB,CACtD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAE5CG,EACJF,EACI,OAAOD,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,SAAUA,EAAO,CAAC,CAAA,EACtB,OAAOA,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,SAAUA,EAAO,CAAC,CAAA,EAGtBI,EAAWD,GAAS,SACpBE,EAAUF,GAAS,SAAW,GAE9B,CAACG,EAAOC,CAAQ,EAAIC,WAAA,EACpB,CAACC,EAAUC,CAAW,EAAIF,WAAA,EAE1BG,EAAcC,EAAAA,YAAA,EACdC,EAAsBC,EAAAA,OAAOV,CAAQ,EAsB3C,OArBAS,EAAoB,QAAUT,EAE9BW,EAAAA,UAAU,IAAM,CACd,GAAI,CAACV,GAAY,CAACJ,GAAU,CAACU,EAAY,MAAQ,OAEjD,MAAMK,EAAUf,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIU,EAAY,QACnE,GAAI,CAACK,EAAS,OAEd,MAAMP,EAAW,IAAI,eAAe,CAAC,CAACH,CAAK,EAAGG,IAAa,CACzDF,EAASD,CAAK,EACdO,EAAoB,UAAUP,EAAOG,CAAQ,CAAA,CAC9C,EAED,OAAAC,EAAYD,CAAQ,EACpBA,EAAS,QAAQO,EAAoBb,CAAO,EAErC,IAAM,CACXM,EAAS,WAAA,CAAW,CACtB,EACC,CAACR,GAAUC,WAAS,cAAcD,CAAM,EAAGU,EAAY,MAAOR,GAAS,IAAKE,CAAO,CAAC,EAEnFJ,EAAe,CAAE,MAAAK,EAAO,SAAAG,CAAA,EACrB,CACL,IAAKE,EACL,MAAAL,EACA,SAAAG,CAAA,CAEJ"}
+{"version":3,"file":"useResizeObserver.cjs","names":[],"sources":["../../../../src/hooks/useResizeObserver/useResizeObserver.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The resize observer callback type */\nexport type UseResizeObserverCallback = (\n  entry: ResizeObserverEntry,\n  observer: ResizeObserver\n) => void;\n\n/** The resize observer options type */\nexport interface UseResizeObserverOptions extends ResizeObserverOptions {\n  /** The enabled state of the resize observer */\n  enabled?: boolean;\n  /** The callback to execute when resize is detected */\n  onChange?: UseResizeObserverCallback;\n}\n\n/** The resize observer return type */\nexport interface UseResizeObserverReturn {\n  /** The resize observer entries */\n  entry: ResizeObserverEntry;\n  /** The resize observer instance */\n  observer?: ResizeObserver;\n}\n\nexport interface UseResizeObserver {\n  <Target extends Element>(\n    options?: UseResizeObserverOptions,\n    target?: never\n  ): UseResizeObserverReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, options?: UseResizeObserverOptions): UseResizeObserverReturn;\n\n  <Target extends Element>(\n    callback: UseResizeObserverCallback,\n    target?: never\n  ): UseResizeObserverReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, callback: UseResizeObserverCallback): UseResizeObserverReturn;\n}\n\n/**\n * @name useResizeObserver\n * @description - Hook that gives you resize observer state\n * @category Sensors\n * @usage low\n *\n * @browserapi ResizeObserver https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @param {boolean} [options.enabled=true] The enabled state of the resize observer\n * @param {ResizeObserverBoxOptions} [options.box] The box model to observe\n * @param {UseResizeObserverCallback} [options.onChange] The callback to execute when resize is detected\n * @returns {UseResizeObserverReturn} An object containing the resize observer state\n *\n * @example\n * const { entries, observer } = useResizeObserver(ref);\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The enabled state of the resize observer\n * @param {ResizeObserverBoxOptions} [options.box] The box model to observe\n * @param {UseResizeObserverCallback} [options.onChange] The callback to execute when resize is detected\n * @returns {UseResizeObserverReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entry, observer } = useResizeObserver();\n *\n * @overload\n * @template Target The target element\n * @param {UseResizeObserverCallback} callback The callback to execute when resize is detected\n * @returns {UseResizeObserverReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entry, observer } = useResizeObserver((entry) => console.log(entry));\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @param {UseResizeObserverCallback} callback The callback to execute when resize is detected\n * @returns {UseResizeObserverReturn} An object containing the resize observer state\n *\n * @example\n * const { entry, observer } = useResizeObserver(ref, (entry) => console.log(entry));\n */\nexport const useResizeObserver = ((...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        : { onChange: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onChange: params[0] }\n  ) as UseResizeObserverOptions | undefined;\n\n  const callback = options?.onChange;\n  const enabled = options?.enabled ?? true;\n\n  const [entry, setEntry] = useState<ResizeObserverEntry>();\n  const [observer, setObserver] = useState<ResizeObserver>();\n\n  const internalRef = useRefState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled || (!target && !internalRef.state)) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const observer = new ResizeObserver(([entry], observer) => {\n      setEntry(entry);\n      internalCallbackRef.current?.(entry, observer);\n    });\n\n    setObserver(observer);\n    observer.observe(element as Element, options);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, options?.box, enabled]);\n\n  if (target) return { entry, observer };\n  return {\n    ref: internalRef,\n    entry,\n    observer\n  };\n}) as UseResizeObserver;\n"],"mappings":"uKA4FA,IAAa,IAAsB,GAAG,IAAkB,CACtD,IAAM,EAAU,EAAA,SAAS,EAAO,GAAG,CAAG,EAAO,GAAK,IAAA,GAE5C,EACJ,EACI,OAAO,EAAO,IAAO,SACnB,EAAO,GACP,CAAE,SAAU,EAAO,GAAI,CACzB,OAAO,EAAO,IAAO,SACnB,EAAO,GACP,CAAE,SAAU,EAAO,GAAI,CAGzB,EAAW,GAAS,SACpB,EAAU,GAAS,SAAW,GAE9B,CAAC,EAAO,IAAA,EAAA,EAAA,WAA2C,CACnD,CAAC,EAAU,IAAA,EAAA,EAAA,WAAyC,CAEpD,EAAc,EAAA,aAAsB,CACpC,GAAA,EAAA,EAAA,QAA6B,EAAS,CAuB5C,MAtBA,GAAoB,QAAU,GAE9B,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAY,CAAC,GAAU,CAAC,EAAY,MAAQ,OAEjD,IAAM,EAAU,EAAS,EAAA,SAAS,WAAW,EAAO,CAAG,EAAY,QACnE,GAAI,CAAC,EAAS,OAEd,IAAM,EAAW,IAAI,gBAAgB,CAAC,GAAQ,IAAa,CACzD,EAAS,EAAM,CACf,EAAoB,UAAU,EAAO,EAAS,EAC9C,CAKF,OAHA,EAAY,EAAS,CACrB,EAAS,QAAQ,EAAoB,EAAQ,KAEhC,CACX,EAAS,YAAY,GAEtB,CAAC,GAAU,EAAA,SAAS,cAAc,EAAO,CAAE,EAAY,MAAO,GAAS,IAAK,EAAQ,CAAC,CAEpF,EAAe,CAAE,QAAO,WAAU,CAC/B,CACL,IAAK,EACL,QACA,WACD"}

package/dist/cjs/hooks/useRightClick/useRightClick.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),h=require("../useRefState/useRefState.cjs"),l=require("../../utils/helpers/isTarget.cjs"),R=((...r)=>{const e=l.isTarget(r[0])?r[0]:void 0,a=e?r[1]:r[0],f=e?r[2]:r[1],o=h.useRefState(),s=i.useRef(a);s.current=a;const u=i.useRef(f);if(u.current=f,i.useEffect(()=>{if(!e&&!o.state)return;const n=e?l.isTarget.getElement(e):o.current;if(!n)return;const d=t=>{t.preventDefault(),u.current?.onStart?.(t);const c=t;s.current({x:c.clientX,y:c.clientY},t)},E=t=>{t.preventDefault(),u.current?.onStart?.(t);const c=t;s.current({x:c.touches[0].clientX,y:c.touches[0].clientY},t)},g=t=>{t.preventDefault(),u.current?.onEnd?.(t)};return n.addEventListener("contextmenu",d),n.addEventListener("touchstart",E),n.addEventListener("touchend",g),()=>{n.removeEventListener("contextmenu",d),n.removeEventListener("touchstart",E),n.removeEventListener("touchend",g)}},[e&&l.isTarget.getRawElement(e),o.state]),!e)return o});exports.useRightClick=R;
-//# sourceMappingURL=useRightClick.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../utils/helpers/isTarget.cjs`),t=require(`../useRefState/useRefState.cjs`);let n=require(`react`);var r=((...r)=>{let i=e.isTarget(r[0])?r[0]:void 0,a=i?r[1]:r[0],o=i?r[2]:r[1],s=t.useRefState(),c=(0,n.useRef)(a);c.current=a;let l=(0,n.useRef)(o);if(l.current=o,(0,n.useEffect)(()=>{if(!i&&!s.state)return;let t=i?e.isTarget.getElement(i):s.current;if(!t)return;let n=e=>{e.preventDefault(),l.current?.onStart?.(e);let t=e;c.current({x:t.clientX,y:t.clientY},e)},r=e=>{e.preventDefault(),l.current?.onStart?.(e);let t=e;c.current({x:t.touches[0].clientX,y:t.touches[0].clientY},e)},a=e=>{e.preventDefault(),l.current?.onEnd?.(e)};return t.addEventListener(`contextmenu`,n),t.addEventListener(`touchstart`,r),t.addEventListener(`touchend`,a),()=>{t.removeEventListener(`contextmenu`,n),t.removeEventListener(`touchstart`,r),t.removeEventListener(`touchend`,a)}},[i&&e.isTarget.getRawElement(i),s.state]),!i)return s});exports.useRightClick=r;
+//# sourceMappingURL=useRightClick.cjs.map

package/dist/cjs/hooks/useRightClick/useRightClick.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRightClick.cjs","sources":["../../../../src/hooks/useRightClick/useRightClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type RightClickEvent = MouseEvent | TouchEvent;\nexport interface RightClickPositions {\n  x: number;\n  y: number;\n}\n\nexport interface UseRightClickOptions {\n  // * The callback function to be invoked on right click end\n  onEnd?: (event: RightClickEvent) => void;\n  // * The callback function to be invoked on right click start\n  onStart?: (event: RightClickEvent) => void;\n}\n\nexport interface UseRightClick {\n  (target: HookTarget, callback: (event: Event) => void, options?: UseRightClickOptions): void;\n\n  <Target extends Element>(\n    callback: (positions: RightClickPositions, event: Event) => void,\n    options?: UseRightClickOptions,\n    target?: never\n  ): StateRef<Target>;\n}\n\n/**\n * @name useRightClick\n * @description - Hook that handles right-click events and long press on mobile devices\n * @category Elements\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target element for right-click handling\n * @param {(event: RightClickEvents) => void} callback The callback function to be invoked on right click\n * @returns {void}\n *\n * @example\n * useRightClick(ref, () => console.log('clicked'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: RightClickEvents) => void} callback The callback function to be invoked on right click\n * @returns {StateRef<Target>} Ref to attach to the element\n *\n * @example\n * const ref = useRightClick(() => console.log('clicked'));\n */\nexport const useRightClick = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (\n    positions: RightClickPositions,\n    event: RightClickEvent\n  ) => void;\n  const options = (target ? params[2] : params[1]) as UseRightClickOptions;\n\n  const internalRef = useRefState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const onContextMenu = (event: RightClickEvent) => {\n      event.preventDefault();\n      internalOptionsRef.current?.onStart?.(event);\n      const mouseEvent = event as MouseEvent;\n      internalCallbackRef.current({ x: mouseEvent.clientX, y: mouseEvent.clientY }, event);\n    };\n\n    const onTouchStart = (event: RightClickEvent) => {\n      event.preventDefault();\n      internalOptionsRef.current?.onStart?.(event);\n      const touchEvent = event as TouchEvent;\n      internalCallbackRef.current(\n        { x: touchEvent.touches[0].clientX, y: touchEvent.touches[0].clientY },\n        event\n      );\n    };\n\n    const onTouchEnd = (event: RightClickEvent) => {\n      event.preventDefault();\n      internalOptionsRef.current?.onEnd?.(event);\n    };\n\n    element.addEventListener('contextmenu', onContextMenu as EventListener);\n\n    element.addEventListener('touchstart', onTouchStart as EventListener);\n    element.addEventListener('touchend', onTouchEnd as EventListener);\n\n    return () => {\n      element.removeEventListener('contextmenu', onContextMenu as EventListener);\n\n      element.removeEventListener('touchstart', onTouchStart as EventListener);\n      element.removeEventListener('touchend', onTouchEnd as EventListener);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return;\n  return internalRef;\n}) as UseRightClick;\n"],"names":["useRightClick","params","target","isTarget","callback","options","internalRef","useRefState","internalCallbackRef","useRef","internalOptionsRef","useEffect","element","onContextMenu","event","mouseEvent","onTouchStart","touchEvent","onTouchEnd"],"mappings":"mMAuDaA,GAAiB,IAAIC,IAAuB,CACvD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAYF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EAIzCI,EAAWH,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EAExCK,EAAcC,EAAAA,YAAA,EACdC,EAAsBC,EAAAA,OAAOL,CAAQ,EAC3CI,EAAoB,QAAUJ,EAC9B,MAAMM,EAAqBD,EAAAA,OAAOJ,CAAO,EA4CzC,GA3CAK,EAAmB,QAAUL,EAE7BM,EAAAA,UAAU,IAAM,CACd,GAAI,CAACT,GAAU,CAACI,EAAY,MAAO,OAEnC,MAAMM,EAAUV,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAII,EAAY,QACnE,GAAI,CAACM,EAAS,OAEd,MAAMC,EAAiBC,GAA2B,CAChDA,EAAM,eAAA,EACNJ,EAAmB,SAAS,UAAUI,CAAK,EAC3C,MAAMC,EAAaD,EACnBN,EAAoB,QAAQ,CAAE,EAAGO,EAAW,QAAS,EAAGA,EAAW,OAAA,EAAWD,CAAK,CAAA,EAG/EE,EAAgBF,GAA2B,CAC/CA,EAAM,eAAA,EACNJ,EAAmB,SAAS,UAAUI,CAAK,EAC3C,MAAMG,EAAaH,EACnBN,EAAoB,QAClB,CAAE,EAAGS,EAAW,QAAQ,CAAC,EAAE,QAAS,EAAGA,EAAW,QAAQ,CAAC,EAAE,OAAA,EAC7DH,CAAA,CACF,EAGII,EAAcJ,GAA2B,CAC7CA,EAAM,eAAA,EACNJ,EAAmB,SAAS,QAAQI,CAAK,CAAA,EAG3C,OAAAF,EAAQ,iBAAiB,cAAeC,CAA8B,EAEtED,EAAQ,iBAAiB,aAAcI,CAA6B,EACpEJ,EAAQ,iBAAiB,WAAYM,CAA2B,EAEzD,IAAM,CACXN,EAAQ,oBAAoB,cAAeC,CAA8B,EAEzED,EAAQ,oBAAoB,aAAcI,CAA6B,EACvEJ,EAAQ,oBAAoB,WAAYM,CAA2B,CAAA,CACrE,EACC,CAAChB,GAAUC,WAAS,cAAcD,CAAM,EAAGI,EAAY,KAAK,CAAC,EAE5D,CAAAJ,EACJ,OAAOI,CACT"}
+{"version":3,"file":"useRightClick.cjs","names":[],"sources":["../../../../src/hooks/useRightClick/useRightClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type RightClickEvent = MouseEvent | TouchEvent;\nexport interface RightClickPositions {\n  x: number;\n  y: number;\n}\n\nexport interface UseRightClickOptions {\n  // * The callback function to be invoked on right click end\n  onEnd?: (event: RightClickEvent) => void;\n  // * The callback function to be invoked on right click start\n  onStart?: (event: RightClickEvent) => void;\n}\n\nexport interface UseRightClick {\n  (target: HookTarget, callback: (event: Event) => void, options?: UseRightClickOptions): void;\n\n  <Target extends Element>(\n    callback: (positions: RightClickPositions, event: Event) => void,\n    options?: UseRightClickOptions,\n    target?: never\n  ): StateRef<Target>;\n}\n\n/**\n * @name useRightClick\n * @description - Hook that handles right-click events and long press on mobile devices\n * @category Elements\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target element for right-click handling\n * @param {(event: RightClickEvents) => void} callback The callback function to be invoked on right click\n * @returns {void}\n *\n * @example\n * useRightClick(ref, () => console.log('clicked'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: RightClickEvents) => void} callback The callback function to be invoked on right click\n * @returns {StateRef<Target>} Ref to attach to the element\n *\n * @example\n * const ref = useRightClick(() => console.log('clicked'));\n */\nexport const useRightClick = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (\n    positions: RightClickPositions,\n    event: RightClickEvent\n  ) => void;\n  const options = (target ? params[2] : params[1]) as UseRightClickOptions;\n\n  const internalRef = useRefState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const onContextMenu = (event: RightClickEvent) => {\n      event.preventDefault();\n      internalOptionsRef.current?.onStart?.(event);\n      const mouseEvent = event as MouseEvent;\n      internalCallbackRef.current({ x: mouseEvent.clientX, y: mouseEvent.clientY }, event);\n    };\n\n    const onTouchStart = (event: RightClickEvent) => {\n      event.preventDefault();\n      internalOptionsRef.current?.onStart?.(event);\n      const touchEvent = event as TouchEvent;\n      internalCallbackRef.current(\n        { x: touchEvent.touches[0].clientX, y: touchEvent.touches[0].clientY },\n        event\n      );\n    };\n\n    const onTouchEnd = (event: RightClickEvent) => {\n      event.preventDefault();\n      internalOptionsRef.current?.onEnd?.(event);\n    };\n\n    element.addEventListener('contextmenu', onContextMenu as EventListener);\n\n    element.addEventListener('touchstart', onTouchStart as EventListener);\n    element.addEventListener('touchend', onTouchEnd as EventListener);\n\n    return () => {\n      element.removeEventListener('contextmenu', onContextMenu as EventListener);\n\n      element.removeEventListener('touchstart', onTouchStart as EventListener);\n      element.removeEventListener('touchend', onTouchEnd as EventListener);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return;\n  return internalRef;\n}) as UseRightClick;\n"],"mappings":"uKAuDA,IAAa,IAAkB,GAAG,IAAuB,CACvD,IAAM,EAAU,EAAA,SAAS,EAAO,GAAG,CAAG,EAAO,GAAK,IAAA,GAC5C,EAAY,EAAS,EAAO,GAAK,EAAO,GAIxC,EAAW,EAAS,EAAO,GAAK,EAAO,GAEvC,EAAc,EAAA,aAAsB,CACpC,GAAA,EAAA,EAAA,QAA6B,EAAS,CAC5C,EAAoB,QAAU,EAC9B,IAAM,GAAA,EAAA,EAAA,QAA4B,EAAQ,CAC1C,KAAmB,QAAU,GAE7B,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAU,CAAC,EAAY,MAAO,OAEnC,IAAM,EAAU,EAAS,EAAA,SAAS,WAAW,EAAO,CAAG,EAAY,QACnE,GAAI,CAAC,EAAS,OAEd,IAAM,EAAiB,GAA2B,CAChD,EAAM,gBAAgB,CACtB,EAAmB,SAAS,UAAU,EAAM,CAC5C,IAAM,EAAa,EACnB,EAAoB,QAAQ,CAAE,EAAG,EAAW,QAAS,EAAG,EAAW,QAAS,CAAE,EAAM,EAGhF,EAAgB,GAA2B,CAC/C,EAAM,gBAAgB,CACtB,EAAmB,SAAS,UAAU,EAAM,CAC5C,IAAM,EAAa,EACnB,EAAoB,QAClB,CAAE,EAAG,EAAW,QAAQ,GAAG,QAAS,EAAG,EAAW,QAAQ,GAAG,QAAS,CACtE,EACD,EAGG,EAAc,GAA2B,CAC7C,EAAM,gBAAgB,CACtB,EAAmB,SAAS,QAAQ,EAAM,EAQ5C,OALA,EAAQ,iBAAiB,cAAe,EAA+B,CAEvE,EAAQ,iBAAiB,aAAc,EAA8B,CACrE,EAAQ,iBAAiB,WAAY,EAA4B,KAEpD,CACX,EAAQ,oBAAoB,cAAe,EAA+B,CAE1E,EAAQ,oBAAoB,aAAc,EAA8B,CACxE,EAAQ,oBAAoB,WAAY,EAA4B,GAErE,CAAC,GAAU,EAAA,SAAS,cAAc,EAAO,CAAE,EAAY,MAAM,CAAC,CAE7D,GACJ,OAAO"}

package/dist/cjs/hooks/useScript/useScript.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),e="script-status",A=(s,u={})=>{const[S,o]=d.useState(()=>{const r=document.querySelector(`script[src="${s}"]`),n=r?.getAttribute(e);return n||(r?"unknown":"loading")}),{removeOnUnmount:c=!0,async:p=!0}=u;return d.useEffect(()=>{const r=document.querySelector(`script[src="${s}"]`),n=r?.getAttribute(e);if(n)return o(n);if(r)return o("unknown");const t=document.createElement("script");t.src=s,t.async=p;for(const[T,l]of Object.entries(u))t.setAttribute(T,String(l));t.setAttribute(e,"loading"),document.body.appendChild(t);const i=()=>{t.setAttribute(e,"ready"),o("ready")},a=()=>{t.setAttribute(e,"error"),o("error")};return t.addEventListener("load",i),t.addEventListener("error",a),()=>{c&&t.remove(),t.removeEventListener("load",i),t.removeEventListener("error",a)}},[s,c]),S};exports.SCRIPT_STATUS_ATTRIBUTE_NAME=e;exports.useScript=A;
-//# sourceMappingURL=useScript.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=`script-status`,n=(n,r={})=>{let[i,a]=(0,e.useState)(()=>{let e=document.querySelector(`script[src="${n}"]`);return e?.getAttribute(t)||(e?`unknown`:`loading`)}),{removeOnUnmount:o=!0,async:s=!0}=r;return(0,e.useEffect)(()=>{let e=document.querySelector(`script[src="${n}"]`),i=e?.getAttribute(t);if(i)return a(i);if(e)return a(`unknown`);let c=document.createElement(`script`);c.src=n,c.async=s;for(let[e,t]of Object.entries(r))c.setAttribute(e,String(t));c.setAttribute(t,`loading`),document.body.appendChild(c);let l=()=>{c.setAttribute(t,`ready`),a(`ready`)},u=()=>{c.setAttribute(t,`error`),a(`error`)};return c.addEventListener(`load`,l),c.addEventListener(`error`,u),()=>{o&&c.remove(),c.removeEventListener(`load`,l),c.removeEventListener(`error`,u)}},[n,o]),i};exports.SCRIPT_STATUS_ATTRIBUTE_NAME=t,exports.useScript=n;
+//# sourceMappingURL=useScript.cjs.map

package/dist/cjs/hooks/useScript/useScript.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScript.cjs","sources":["../../../../src/hooks/useScript/useScript.ts"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { useEffect, useState } from 'react';\n\n/** The use script status */\nexport type UseScriptStatus = 'error' | 'loading' | 'ready' | 'unknown';\nexport const SCRIPT_STATUS_ATTRIBUTE_NAME = 'script-status';\n\n/** The use script options extends from attributes script tag */\nexport interface UseScriptOptions extends ComponentProps<'script'> {\n  /** Whether to remove the script on unmount */\n  removeOnUnmount?: boolean;\n}\n\n/**\n * @name useScript\n * @description - Hook that manages a script with onLoad, onError, and removeOnUnmount functionalities\n * @category Elements\n * @usage low\n *\n * @param {string} src The source of the script\n * @param {UseScriptOptions} [options] The options of the script extends from attributes script tag\n * @param {boolean} [options.removeOnUnmount=true] Whether to remove the script on unmount\n * @param {boolean} [options.async=true] Whether to load the script asynchronously\n * @returns {UseScriptStatus} The status of the script\n *\n * @example\n * const status = useScript('https://example.com/script.js');\n */\nexport const useScript = (src: string, options: UseScriptOptions = {}) => {\n  const [status, setStatus] = useState<UseScriptStatus>(() => {\n    const script = document.querySelector(`script[src=\"${src}\"]`) as HTMLScriptElement;\n    const scriptStatus = script?.getAttribute(SCRIPT_STATUS_ATTRIBUTE_NAME) as UseScriptStatus;\n    if (scriptStatus) return scriptStatus;\n    if (script) return 'unknown';\n\n    return 'loading';\n  });\n  const { removeOnUnmount = true, async = true } = options;\n\n  useEffect(() => {\n    const existedScript = document.querySelector(`script[src=\"${src}\"]`) as HTMLScriptElement;\n    const scriptStatus = existedScript?.getAttribute(\n      SCRIPT_STATUS_ATTRIBUTE_NAME\n    ) as UseScriptStatus;\n    if (scriptStatus) return setStatus(scriptStatus);\n    if (existedScript) return setStatus('unknown');\n\n    const script = document.createElement('script');\n    script.src = src;\n    script.async = async;\n\n    for (const [key, value] of Object.entries(options)) {\n      script.setAttribute(key, String(value));\n    }\n\n    script.setAttribute(SCRIPT_STATUS_ATTRIBUTE_NAME, 'loading');\n    document.body.appendChild(script);\n\n    const onLoad = () => {\n      script.setAttribute(SCRIPT_STATUS_ATTRIBUTE_NAME, 'ready');\n      setStatus('ready');\n    };\n\n    const onError = () => {\n      script.setAttribute(SCRIPT_STATUS_ATTRIBUTE_NAME, 'error');\n      setStatus('error');\n    };\n\n    script.addEventListener('load', onLoad);\n    script.addEventListener('error', onError);\n\n    return () => {\n      if (removeOnUnmount) script.remove();\n      script.removeEventListener('load', onLoad);\n      script.removeEventListener('error', onError);\n    };\n  }, [src, removeOnUnmount]);\n\n  return status;\n};\n"],"names":["SCRIPT_STATUS_ATTRIBUTE_NAME","useScript","src","options","status","setStatus","useState","script","scriptStatus","removeOnUnmount","async","useEffect","existedScript","key","value","onLoad","onError"],"mappings":"yGAMaA,EAA+B,gBAuB/BC,EAAY,CAACC,EAAaC,EAA4B,KAAO,CACxE,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAA0B,IAAM,CAC1D,MAAMC,EAAS,SAAS,cAAc,eAAeL,CAAG,IAAI,EACtDM,EAAeD,GAAQ,aAAaP,CAA4B,EACtE,OAAIQ,IACAD,EAAe,UAEZ,UAAA,CACR,EACK,CAAE,gBAAAE,EAAkB,GAAM,MAAAC,EAAQ,IAASP,EAEjDQ,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAgB,SAAS,cAAc,eAAeV,CAAG,IAAI,EAC7DM,EAAeI,GAAe,aAClCZ,CAAA,EAEF,GAAIQ,EAAc,OAAOH,EAAUG,CAAY,EAC/C,GAAII,EAAe,OAAOP,EAAU,SAAS,EAE7C,MAAME,EAAS,SAAS,cAAc,QAAQ,EAC9CA,EAAO,IAAML,EACbK,EAAO,MAAQG,EAEf,SAAW,CAACG,EAAKC,CAAK,IAAK,OAAO,QAAQX,CAAO,EAC/CI,EAAO,aAAaM,EAAK,OAAOC,CAAK,CAAC,EAGxCP,EAAO,aAAaP,EAA8B,SAAS,EAC3D,SAAS,KAAK,YAAYO,CAAM,EAEhC,MAAMQ,EAAS,IAAM,CACnBR,EAAO,aAAaP,EAA8B,OAAO,EACzDK,EAAU,OAAO,CAAA,EAGbW,EAAU,IAAM,CACpBT,EAAO,aAAaP,EAA8B,OAAO,EACzDK,EAAU,OAAO,CAAA,EAGnB,OAAAE,EAAO,iBAAiB,OAAQQ,CAAM,EACtCR,EAAO,iBAAiB,QAASS,CAAO,EAEjC,IAAM,CACPP,KAAwB,OAAA,EAC5BF,EAAO,oBAAoB,OAAQQ,CAAM,EACzCR,EAAO,oBAAoB,QAASS,CAAO,CAAA,CAC7C,EACC,CAACd,EAAKO,CAAe,CAAC,EAElBL,CACT"}
+{"version":3,"file":"useScript.cjs","names":[],"sources":["../../../../src/hooks/useScript/useScript.ts"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { useEffect, useState } from 'react';\n\n/** The use script status */\nexport type UseScriptStatus = 'error' | 'loading' | 'ready' | 'unknown';\nexport const SCRIPT_STATUS_ATTRIBUTE_NAME = 'script-status';\n\n/** The use script options extends from attributes script tag */\nexport interface UseScriptOptions extends ComponentProps<'script'> {\n  /** Whether to remove the script on unmount */\n  removeOnUnmount?: boolean;\n}\n\n/**\n * @name useScript\n * @description - Hook that manages a script with onLoad, onError, and removeOnUnmount functionalities\n * @category Elements\n * @usage low\n *\n * @param {string} src The source of the script\n * @param {UseScriptOptions} [options] The options of the script extends from attributes script tag\n * @param {boolean} [options.removeOnUnmount=true] Whether to remove the script on unmount\n * @param {boolean} [options.async=true] Whether to load the script asynchronously\n * @returns {UseScriptStatus} The status of the script\n *\n * @example\n * const status = useScript('https://example.com/script.js');\n */\nexport const useScript = (src: string, options: UseScriptOptions = {}) => {\n  const [status, setStatus] = useState<UseScriptStatus>(() => {\n    const script = document.querySelector(`script[src=\"${src}\"]`) as HTMLScriptElement;\n    const scriptStatus = script?.getAttribute(SCRIPT_STATUS_ATTRIBUTE_NAME) as UseScriptStatus;\n    if (scriptStatus) return scriptStatus;\n    if (script) return 'unknown';\n\n    return 'loading';\n  });\n  const { removeOnUnmount = true, async = true } = options;\n\n  useEffect(() => {\n    const existedScript = document.querySelector(`script[src=\"${src}\"]`) as HTMLScriptElement;\n    const scriptStatus = existedScript?.getAttribute(\n      SCRIPT_STATUS_ATTRIBUTE_NAME\n    ) as UseScriptStatus;\n    if (scriptStatus) return setStatus(scriptStatus);\n    if (existedScript) return setStatus('unknown');\n\n    const script = document.createElement('script');\n    script.src = src;\n    script.async = async;\n\n    for (const [key, value] of Object.entries(options)) {\n      script.setAttribute(key, String(value));\n    }\n\n    script.setAttribute(SCRIPT_STATUS_ATTRIBUTE_NAME, 'loading');\n    document.body.appendChild(script);\n\n    const onLoad = () => {\n      script.setAttribute(SCRIPT_STATUS_ATTRIBUTE_NAME, 'ready');\n      setStatus('ready');\n    };\n\n    const onError = () => {\n      script.setAttribute(SCRIPT_STATUS_ATTRIBUTE_NAME, 'error');\n      setStatus('error');\n    };\n\n    script.addEventListener('load', onLoad);\n    script.addEventListener('error', onError);\n\n    return () => {\n      if (removeOnUnmount) script.remove();\n      script.removeEventListener('load', onLoad);\n      script.removeEventListener('error', onError);\n    };\n  }, [src, removeOnUnmount]);\n\n  return status;\n};\n"],"mappings":"uEAMA,IAAa,EAA+B,gBAuB/B,GAAa,EAAa,EAA4B,EAAE,GAAK,CACxE,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,cAA6C,CAC1D,IAAM,EAAS,SAAS,cAAc,eAAe,EAAI,IAAI,CAK7D,OAJqB,GAAQ,aAAa,EAA6B,GAEnE,EAAe,UAEZ,YACP,CACI,CAAE,kBAAkB,GAAM,QAAQ,IAAS,EAyCjD,OAvCA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAgB,SAAS,cAAc,eAAe,EAAI,IAAI,CAC9D,EAAe,GAAe,aAClC,EACD,CACD,GAAI,EAAc,OAAO,EAAU,EAAa,CAChD,GAAI,EAAe,OAAO,EAAU,UAAU,CAE9C,IAAM,EAAS,SAAS,cAAc,SAAS,CAC/C,EAAO,IAAM,EACb,EAAO,MAAQ,EAEf,IAAK,GAAM,CAAC,EAAK,KAAU,OAAO,QAAQ,EAAQ,CAChD,EAAO,aAAa,EAAK,OAAO,EAAM,CAAC,CAGzC,EAAO,aAAa,EAA8B,UAAU,CAC5D,SAAS,KAAK,YAAY,EAAO,CAEjC,IAAM,MAAe,CACnB,EAAO,aAAa,EAA8B,QAAQ,CAC1D,EAAU,QAAQ,EAGd,MAAgB,CACpB,EAAO,aAAa,EAA8B,QAAQ,CAC1D,EAAU,QAAQ,EAMpB,OAHA,EAAO,iBAAiB,OAAQ,EAAO,CACvC,EAAO,iBAAiB,QAAS,EAAQ,KAE5B,CACP,GAAiB,EAAO,QAAQ,CACpC,EAAO,oBAAoB,OAAQ,EAAO,CAC1C,EAAO,oBAAoB,QAAS,EAAQ,GAE7C,CAAC,EAAK,EAAgB,CAAC,CAEnB"}

package/dist/cjs/hooks/useScroll/useScroll.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),A=require("../useRefState/useRefState.cjs"),M=require("../useRerender/useRerender.cjs"),h=require("../../utils/helpers/isTarget.cjs"),I=1,P=((...e)=>{const c=h.isTarget(e[0])?e[0]:void 0,S=c?typeof e[1]=="function"?{...e[2],onScroll:e[1]}:e[1]:typeof e[0]=="object"?e[0]:typeof e[0]=="function"?{...e[1],onScroll:e[0]}:void 0,a=A.useRefState(),g=d.useRef(S),u=d.useRef(null),o=d.useRef({x:0,y:0,directions:{left:!1,right:!1,top:!1,bottom:!1},arrived:{left:!0,right:!1,top:!0,bottom:!1}}),p=d.useRef(!1),O=M.useRerender();g.current=S;const v=()=>(p.current=!0,o.current),_=t=>{o.current=t,p.current&&O()};d.useEffect(()=>{if(!c&&!a.state)return;const t=(c?h.isTarget.getElement(c):a.current)??window;u.current=t;const l=r=>{g.current?.onStop?.(r)},i=r=>{const n=r.target===document?r.target.documentElement:r.target,{display:E,flexDirection:T,direction:j}=n.style,w=j==="rtl"?-1:1,f=n.scrollLeft;let s=n.scrollTop;n instanceof Document&&!s&&(s=window.document.body.scrollTop);const R=g.current?.offset,m=f*w<=(R?.left??0),x=f*w+n.clientWidth>=n.scrollWidth-(R?.right??0)-I,L=s<=(R?.top??0),q=s+n.clientHeight>=n.scrollHeight-(R?.bottom??0)-I,V=E==="flex"&&T==="column-reverse",D=E==="flex"&&T==="row-reverse",H={x:f,y:s,directions:{left:f<o.current.x,right:f>o.current.x,top:s<o.current.y,bottom:s>o.current.y},arrived:{left:D?x:m,right:D?m:x,top:V?q:L,bottom:V?L:q}};_(H),g.current?.onScroll?.(H,r)};return t.addEventListener("scroll",i),t.addEventListener("scrollend",l),()=>{t.removeEventListener("scroll",i),t.removeEventListener("scrollend",l)}},[c&&h.isTarget.getRawElement(c),a.state]);const b=t=>{if(!u.current)return;const{behavior:l,block:i,inline:r}=t??{};u.current.scrollIntoView({behavior:l,block:i,inline:r})},y=t=>{if(!u.current)return;const{x:l,y:i,behavior:r}=t??{};u.current.scrollTo({left:l,top:i,behavior:r})};return c?{scrollIntoView:b,scrollTo:y,snapshot:o.current,watch:v}:{ref:a,snapshot:o.current,watch:v,scrollIntoView:b,scrollTo:y}});exports.useScroll=P;
-//# sourceMappingURL=useScroll.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../utils/helpers/isTarget.cjs`),t=require(`../useRefState/useRefState.cjs`),n=require(`../useRerender/useRerender.cjs`);let r=require(`react`);var i=1,a=((...a)=>{let o=e.isTarget(a[0])?a[0]:void 0,s=o?typeof a[1]==`function`?{...a[2],onScroll:a[1]}:a[1]:typeof a[0]==`object`?a[0]:typeof a[0]==`function`?{...a[1],onScroll:a[0]}:void 0,c=t.useRefState(),l=(0,r.useRef)(s),u=(0,r.useRef)(null),d=(0,r.useRef)({x:0,y:0,directions:{left:!1,right:!1,top:!1,bottom:!1},arrived:{left:!0,right:!1,top:!0,bottom:!1}}),f=(0,r.useRef)(!1),p=n.useRerender();l.current=s;let m=()=>(f.current=!0,d.current),h=e=>{d.current=e,f.current&&p()};(0,r.useEffect)(()=>{let t=(o?e.isTarget.getElement(o):c.current)??window;u.current=t;let n=e=>{l.current?.onStop?.(e)},r=e=>{let t=e.target===document?e.target.documentElement:e.target,{display:n,flexDirection:r,direction:a}=t.style,o=a===`rtl`?-1:1,s=t.scrollLeft,c=t.scrollTop;t instanceof Document&&!c&&(c=window.document.body.scrollTop);let u=l.current?.offset,f=s*o<=(u?.left??0),p=s*o+t.clientWidth>=t.scrollWidth-(u?.right??0)-i,m=c<=(u?.top??0),g=c+t.clientHeight>=t.scrollHeight-(u?.bottom??0)-i,_=n===`flex`&&r===`column-reverse`,v=n===`flex`&&r===`row-reverse`,y={x:s,y:c,directions:{left:s<d.current.x,right:s>d.current.x,top:c<d.current.y,bottom:c>d.current.y},arrived:{left:v?p:f,right:v?f:p,top:_?g:m,bottom:_?m:g}};h(y),l.current?.onScroll?.(y,e)};return t.addEventListener(`scroll`,r),t.addEventListener(`scrollend`,n),()=>{t.removeEventListener(`scroll`,r),t.removeEventListener(`scrollend`,n)}},[o&&e.isTarget.getRawElement(o),c.state]);let g=e=>{if(!u.current)return;let{behavior:t,block:n,inline:r}=e??{};u.current.scrollIntoView({behavior:t,block:n,inline:r})},_=e=>{if(!u.current)return;let{x:t,y:n,behavior:r}=e??{};u.current.scrollTo({left:t,top:n,behavior:r})};return o?{scrollIntoView:g,scrollTo:_,snapshot:d.current,watch:m}:{ref:c,snapshot:d.current,watch:m,scrollIntoView:g,scrollTo:_}});exports.useScroll=a;
+//# sourceMappingURL=useScroll.cjs.map

package/dist/cjs/hooks/useScroll/useScroll.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScroll.cjs","sources":["../../../../src/hooks/useScroll/useScroll.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\nimport { useRerender } from '../useRerender/useRerender';\n\nconst ARRIVED_STATE_THRESHOLD_PIXELS = 1;\n\nexport interface UseScrollOptions {\n  /** Offset arrived states by x pixels. */\n  offset?: {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n  };\n\n  /** The on scroll callback */\n  onScroll?: (params: UseScrollCallbackParams, event: Event) => void;\n\n  /** The on end scroll callback */\n  onStop?: (event: Event) => void;\n}\n\nexport interface UseScrollCallbackParams {\n  /** State of scroll arrived */\n  arrived: {\n    left: boolean;\n    right: boolean;\n    top: boolean;\n    bottom: boolean;\n  };\n  /** State of scroll direction */\n  directions: {\n    left: boolean;\n    right: boolean;\n    top: boolean;\n    bottom: boolean;\n  };\n  /** The element x position */\n  x: number;\n  /** The element y position */\n  y: number;\n}\n\n/** The scroll into view params type */\nexport interface ScrollIntoViewParams {\n  behavior?: ScrollBehavior;\n  block?: ScrollLogicalPosition;\n  inline?: ScrollLogicalPosition;\n}\n/** The scroll to params type */\nexport interface ScrollToParams {\n  behavior?: ScrollBehavior;\n  x: number;\n  y: number;\n}\n\n/** The use scroll return type */\nexport interface UseScrollReturn {\n  /** The latest scroll value snapshot */\n  snapshot: UseScrollCallbackParams;\n  /** Function to scroll element into view */\n  scrollIntoView: (params?: ScrollIntoViewParams) => void;\n  /** Function to scroll element to a specific position */\n  scrollTo: (params?: ScrollToParams) => void;\n  /** Function to enable subscriptions and rerender on next updates */\n  watch: () => UseScrollCallbackParams;\n}\n\nexport interface UseScroll {\n  (\n    target?: HookTarget,\n    callback?: (params: UseScrollCallbackParams, event: Event) => void\n  ): UseScrollReturn;\n\n  (target: HookTarget, options?: UseScrollOptions): UseScrollReturn;\n\n  <Target extends Element>(\n    callback?: (params: UseScrollCallbackParams, event: Event) => void,\n    target?: never\n  ): UseScrollReturn & { ref: StateRef<Target> };\n\n  <Target extends Element>(\n    options?: UseScrollOptions,\n    target?: never\n  ): UseScrollReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useScroll\n * @description - Hook that allows you to control scroll a element\n * @category Sensors\n * @usage low\n *\n * @overload\n * @template Target The target element\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0]  The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {UseScrollReturn} The state of scrolling\n *\n * @example\n * const { scrolling, scrollIntoView, scrollTo} = useScroll(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {UseScrollReturn} The state of scrolling\n *\n * @example\n * const { scrolling, scrollIntoView, scrollTo} = useScroll(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {Target} [target=window] The target element to scroll\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0]  The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {UseScrollReturn & { ref: StateRef<Target> }} The state of scrolling\n *\n * @example\n * const { ref, scrolling, scrollIntoView, scrollTo} = useScroll(options);\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to scroll\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {UseScrollReturn & { ref: StateRef<Target> }} The state of scrolling\n *\n * @example\n * const { ref, scrolling, scrollIntoView, scrollTo} = useScroll(() => console.log('callback'));\n */\nexport const useScroll = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (\n    target\n      ? typeof params[1] === 'function'\n        ? { ...params[2], onScroll: params[1] }\n        : params[1]\n      : typeof params[0] === 'object'\n        ? params[0]\n        : typeof params[0] === 'function'\n          ? { ...params[1], onScroll: params[0] }\n          : undefined\n  ) as UseScrollOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n  const internalOptionsRef = useRef(options);\n  const elementRef = useRef<Element>(null);\n  const snapshotRef = useRef<UseScrollCallbackParams>({\n    x: 0,\n    y: 0,\n    directions: {\n      left: false,\n      right: false,\n      top: false,\n      bottom: false\n    },\n    arrived: {\n      left: true,\n      right: false,\n      top: true,\n      bottom: false\n    }\n  });\n  const watchingRef = useRef(false);\n  const rerender = useRerender();\n  internalOptionsRef.current = options;\n\n  const watch = () => {\n    watchingRef.current = true;\n    return snapshotRef.current;\n  };\n  const updateValue = (value: UseScrollCallbackParams) => {\n    snapshotRef.current = value;\n    if (watchingRef.current) rerender();\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    elementRef.current = element;\n\n    const onScrollEnd = (event: Event) => {\n      internalOptionsRef.current?.onStop?.(event);\n    };\n\n    const onScroll = (event: Event) => {\n      const target = (\n        event.target === document ? (event.target as Document).documentElement : event.target\n      ) as HTMLElement;\n\n      const { display, flexDirection, direction } = target.style;\n      const directionMultiplier = direction === 'rtl' ? -1 : 1;\n\n      const scrollLeft = target.scrollLeft;\n      let scrollTop = target.scrollTop;\n      if (target instanceof Document && !scrollTop) scrollTop = window.document.body.scrollTop;\n\n      const offset = internalOptionsRef.current?.offset;\n      const left = scrollLeft * directionMultiplier <= (offset?.left ?? 0);\n      const right =\n        scrollLeft * directionMultiplier + target.clientWidth >=\n        target.scrollWidth - (offset?.right ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n      const top = scrollTop <= (offset?.top ?? 0);\n      const bottom =\n        scrollTop + target.clientHeight >=\n        target.scrollHeight - (offset?.bottom ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n\n      const isColumnReverse = display === 'flex' && flexDirection === 'column-reverse';\n      const isRowReverse = display === 'flex' && flexDirection === 'row-reverse';\n\n      const updatedValue: UseScrollCallbackParams = {\n        x: scrollLeft,\n        y: scrollTop,\n        directions: {\n          left: scrollLeft < snapshotRef.current.x,\n          right: scrollLeft > snapshotRef.current.x,\n          top: scrollTop < snapshotRef.current.y,\n          bottom: scrollTop > snapshotRef.current.y\n        },\n        arrived: {\n          left: isRowReverse ? right : left,\n          right: isRowReverse ? left : right,\n          top: isColumnReverse ? bottom : top,\n          bottom: isColumnReverse ? top : bottom\n        }\n      };\n\n      updateValue(updatedValue);\n      internalOptionsRef.current?.onScroll?.(updatedValue, event);\n    };\n\n    element.addEventListener('scroll', onScroll);\n    element.addEventListener('scrollend', onScrollEnd);\n\n    return () => {\n      element.removeEventListener('scroll', onScroll);\n      element.removeEventListener('scrollend', onScrollEnd);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const scrollIntoView = (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => {\n    if (!elementRef.current) return;\n\n    const { behavior, block, inline } = params ?? {};\n\n    elementRef.current.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  };\n\n  const scrollTo = (params?: { x: number; y: number; behavior?: ScrollBehavior }) => {\n    if (!elementRef.current) return;\n    const { x, y, behavior } = params ?? {};\n\n    elementRef.current.scrollTo({ left: x, top: y, behavior });\n  };\n\n  if (target) return { scrollIntoView, scrollTo, snapshot: snapshotRef.current, watch };\n  return {\n    ref: internalRef,\n    snapshot: snapshotRef.current,\n    watch,\n    scrollIntoView,\n    scrollTo\n  };\n}) as UseScroll;\n"],"names":["ARRIVED_STATE_THRESHOLD_PIXELS","useScroll","params","target","isTarget","options","internalRef","useRefState","internalOptionsRef","useRef","elementRef","snapshotRef","watchingRef","rerender","useRerender","watch","updateValue","value","useEffect","element","onScrollEnd","event","onScroll","display","flexDirection","direction","directionMultiplier","scrollLeft","scrollTop","offset","left","right","top","bottom","isColumnReverse","isRowReverse","updatedValue","scrollIntoView","behavior","block","inline","scrollTo","x","y"],"mappings":"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"}
+{"version":3,"file":"useScroll.cjs","names":[],"sources":["../../../../src/hooks/useScroll/useScroll.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\nimport { useRerender } from '../useRerender/useRerender';\n\nconst ARRIVED_STATE_THRESHOLD_PIXELS = 1;\n\nexport interface UseScrollOptions {\n  /** Offset arrived states by x pixels. */\n  offset?: {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n  };\n\n  /** The on scroll callback */\n  onScroll?: (params: UseScrollCallbackParams, event: Event) => void;\n\n  /** The on end scroll callback */\n  onStop?: (event: Event) => void;\n}\n\nexport interface UseScrollCallbackParams {\n  /** State of scroll arrived */\n  arrived: {\n    left: boolean;\n    right: boolean;\n    top: boolean;\n    bottom: boolean;\n  };\n  /** State of scroll direction */\n  directions: {\n    left: boolean;\n    right: boolean;\n    top: boolean;\n    bottom: boolean;\n  };\n  /** The element x position */\n  x: number;\n  /** The element y position */\n  y: number;\n}\n\n/** The scroll into view params type */\nexport interface ScrollIntoViewParams {\n  behavior?: ScrollBehavior;\n  block?: ScrollLogicalPosition;\n  inline?: ScrollLogicalPosition;\n}\n/** The scroll to params type */\nexport interface ScrollToParams {\n  behavior?: ScrollBehavior;\n  x: number;\n  y: number;\n}\n\n/** The use scroll return type */\nexport interface UseScrollReturn {\n  /** The latest scroll value snapshot */\n  snapshot: UseScrollCallbackParams;\n  /** Function to scroll element into view */\n  scrollIntoView: (params?: ScrollIntoViewParams) => void;\n  /** Function to scroll element to a specific position */\n  scrollTo: (params?: ScrollToParams) => void;\n  /** Function to enable subscriptions and rerender on next updates */\n  watch: () => UseScrollCallbackParams;\n}\n\nexport interface UseScroll {\n  (\n    target?: HookTarget,\n    callback?: (params: UseScrollCallbackParams, event: Event) => void\n  ): UseScrollReturn;\n\n  (target: HookTarget, options?: UseScrollOptions): UseScrollReturn;\n\n  <Target extends Element>(\n    callback?: (params: UseScrollCallbackParams, event: Event) => void,\n    target?: never\n  ): UseScrollReturn & { ref: StateRef<Target> };\n\n  <Target extends Element>(\n    options?: UseScrollOptions,\n    target?: never\n  ): UseScrollReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useScroll\n * @description - Hook that allows you to control scroll a element\n * @category Sensors\n * @usage low\n *\n * @overload\n * @template Target The target element\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0]  The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {UseScrollReturn} The state of scrolling\n *\n * @example\n * const { scrolling, scrollIntoView, scrollTo} = useScroll(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {UseScrollReturn} The state of scrolling\n *\n * @example\n * const { scrolling, scrollIntoView, scrollTo} = useScroll(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {Target} [target=window] The target element to scroll\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0]  The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {UseScrollReturn & { ref: StateRef<Target> }} The state of scrolling\n *\n * @example\n * const { ref, scrolling, scrollIntoView, scrollTo} = useScroll(options);\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to scroll\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {UseScrollReturn & { ref: StateRef<Target> }} The state of scrolling\n *\n * @example\n * const { ref, scrolling, scrollIntoView, scrollTo} = useScroll(() => console.log('callback'));\n */\nexport const useScroll = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (\n    target\n      ? typeof params[1] === 'function'\n        ? { ...params[2], onScroll: params[1] }\n        : params[1]\n      : typeof params[0] === 'object'\n        ? params[0]\n        : typeof params[0] === 'function'\n          ? { ...params[1], onScroll: params[0] }\n          : undefined\n  ) as UseScrollOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n  const internalOptionsRef = useRef(options);\n  const elementRef = useRef<Element>(null);\n  const snapshotRef = useRef<UseScrollCallbackParams>({\n    x: 0,\n    y: 0,\n    directions: {\n      left: false,\n      right: false,\n      top: false,\n      bottom: false\n    },\n    arrived: {\n      left: true,\n      right: false,\n      top: true,\n      bottom: false\n    }\n  });\n  const watchingRef = useRef(false);\n  const rerender = useRerender();\n  internalOptionsRef.current = options;\n\n  const watch = () => {\n    watchingRef.current = true;\n    return snapshotRef.current;\n  };\n  const updateValue = (value: UseScrollCallbackParams) => {\n    snapshotRef.current = value;\n    if (watchingRef.current) rerender();\n  };\n\n  useEffect(() => {\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    elementRef.current = element;\n\n    const onScrollEnd = (event: Event) => {\n      internalOptionsRef.current?.onStop?.(event);\n    };\n\n    const onScroll = (event: Event) => {\n      const target = (\n        event.target === document ? (event.target as Document).documentElement : event.target\n      ) as HTMLElement;\n\n      const { display, flexDirection, direction } = target.style;\n      const directionMultiplier = direction === 'rtl' ? -1 : 1;\n\n      const scrollLeft = target.scrollLeft;\n      let scrollTop = target.scrollTop;\n      if (target instanceof Document && !scrollTop) scrollTop = window.document.body.scrollTop;\n\n      const offset = internalOptionsRef.current?.offset;\n      const left = scrollLeft * directionMultiplier <= (offset?.left ?? 0);\n      const right =\n        scrollLeft * directionMultiplier + target.clientWidth >=\n        target.scrollWidth - (offset?.right ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n      const top = scrollTop <= (offset?.top ?? 0);\n      const bottom =\n        scrollTop + target.clientHeight >=\n        target.scrollHeight - (offset?.bottom ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n\n      const isColumnReverse = display === 'flex' && flexDirection === 'column-reverse';\n      const isRowReverse = display === 'flex' && flexDirection === 'row-reverse';\n\n      const updatedValue: UseScrollCallbackParams = {\n        x: scrollLeft,\n        y: scrollTop,\n        directions: {\n          left: scrollLeft < snapshotRef.current.x,\n          right: scrollLeft > snapshotRef.current.x,\n          top: scrollTop < snapshotRef.current.y,\n          bottom: scrollTop > snapshotRef.current.y\n        },\n        arrived: {\n          left: isRowReverse ? right : left,\n          right: isRowReverse ? left : right,\n          top: isColumnReverse ? bottom : top,\n          bottom: isColumnReverse ? top : bottom\n        }\n      };\n\n      updateValue(updatedValue);\n      internalOptionsRef.current?.onScroll?.(updatedValue, event);\n    };\n\n    element.addEventListener('scroll', onScroll);\n    element.addEventListener('scrollend', onScrollEnd);\n\n    return () => {\n      element.removeEventListener('scroll', onScroll);\n      element.removeEventListener('scrollend', onScrollEnd);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const scrollIntoView = (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => {\n    if (!elementRef.current) return;\n\n    const { behavior, block, inline } = params ?? {};\n\n    elementRef.current.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  };\n\n  const scrollTo = (params?: { x: number; y: number; behavior?: ScrollBehavior }) => {\n    if (!elementRef.current) return;\n    const { x, y, behavior } = params ?? {};\n\n    elementRef.current.scrollTo({ left: x, top: y, behavior });\n  };\n\n  if (target) return { scrollIntoView, scrollTo, snapshot: snapshotRef.current, watch };\n  return {\n    ref: internalRef,\n    snapshot: snapshotRef.current,\n    watch,\n    scrollIntoView,\n    scrollTo\n  };\n}) as UseScroll;\n"],"mappings":"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"}

package/dist/cjs/hooks/useScrollIntoView/useScrollIntoView.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),w=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),v=require("../useRefState/useRefState.cjs"),i=require("../../utils/helpers/isTarget.cjs"),I=((...t)=>{const e=i.isTarget(t[0])?t[0]:void 0,c=e?t[1]:t[0],r=v.useRefState(),{behavior:u="smooth",block:l="start",inline:a="nearest",immediately:f=!0}=c??{},o=m.useRef(null);w.useIsomorphicLayoutEffect(()=>{if(!f||!e&&!r.state)return;const n=(e?i.isTarget.getElement(e):r.current)??window;o.current=n,n.scrollIntoView({behavior:u,block:l,inline:a})},[e&&i.isTarget.getRawElement(e),r.state]);const s=n=>{if(!o.current)return;const{behavior:g,block:b,inline:h}=n??{};o.current.scrollIntoView({behavior:g,block:b,inline:h})};return e?{trigger:s}:{ref:r,trigger:s}});exports.useScrollIntoView=I;
-//# sourceMappingURL=useScrollIntoView.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs`),t=require(`../../utils/helpers/isTarget.cjs`),n=require(`../useRefState/useRefState.cjs`);let r=require(`react`);var i=((...i)=>{let a=t.isTarget(i[0])?i[0]:void 0,o=a?i[1]:i[0],s=n.useRefState(),{behavior:c=`smooth`,block:l=`start`,inline:u=`nearest`,immediately:d=!0}=o??{},f=(0,r.useRef)(null);e.useIsomorphicLayoutEffect(()=>{if(!d||!a&&!s.state)return;let e=a?t.isTarget.getElement(a):s.current;f.current=e,e.scrollIntoView({behavior:c,block:l,inline:u})},[a&&t.isTarget.getRawElement(a),s.state]);let p=e=>{if(!f.current)return;let{behavior:t,block:n,inline:r}=e??{};f.current.scrollIntoView({behavior:t,block:n,inline:r})};return a?{trigger:p}:{ref:s,trigger:p}});exports.useScrollIntoView=i;
+//# sourceMappingURL=useScrollIntoView.cjs.map

package/dist/cjs/hooks/useScrollIntoView/useScrollIntoView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollIntoView.cjs","sources":["../../../../src/hooks/useScrollIntoView/useScrollIntoView.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The scroll into view options type */\nexport interface UseScrollIntoViewOptions extends ScrollIntoViewOptions {\n  /** Whether to immediately the scroll into view */\n  immediately?: boolean;\n}\n\n/** The scroll into view return type */\nexport interface UseScrollIntoViewReturn {\n  /** Function to scroll element into view */\n  trigger: (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => void;\n}\n\nexport interface UseScrollIntoView {\n  <Target extends Element>(\n    options?: UseScrollIntoViewOptions,\n    target?: never\n  ): UseScrollIntoViewReturn & { ref: StateRef<Target> };\n\n  (target?: HookTarget, options?: UseScrollIntoViewOptions): UseScrollIntoViewReturn;\n}\n\n/**\n * @name useScrollIntoView\n * @description - Hook that provides functionality to scroll an element into view\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} [target=window] The target element to scroll into view\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn} Object containing scroll function\n *\n * @example\n * const { trigger } = useScrollIntoView(ref);\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn & { ref: StateRef<Target> }} Object containing scroll function and ref\n *\n * @example\n * const { ref, trigger } = useScrollIntoView<HTMLDivElement>();\n */\nexport const useScrollIntoView = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseScrollIntoViewOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n  const {\n    behavior = 'smooth',\n    block = 'start',\n    inline = 'nearest',\n    immediately = true\n  } = options ?? {};\n  const elementRef = useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!immediately) return;\n    if (!target && !internalRef.state) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    elementRef.current = element;\n\n    element.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const trigger = (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => {\n    if (!elementRef.current) return;\n\n    const { behavior, block, inline } = params ?? {};\n\n    elementRef.current.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  };\n\n  if (target) return { trigger };\n  return { ref: internalRef, trigger };\n}) as UseScrollIntoView;\n"],"names":["useScrollIntoView","params","target","isTarget","options","internalRef","useRefState","behavior","block","inline","immediately","elementRef","useRef","useIsomorphicLayoutEffect","element","trigger"],"mappings":"2QAgEaA,GAAqB,IAAIC,IAAkB,CACtD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAWF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EAExCI,EAAcC,EAAAA,YAAA,EACd,CACJ,SAAAC,EAAW,SACX,MAAAC,EAAQ,QACR,OAAAC,EAAS,UACT,YAAAC,EAAc,EAAA,EACZN,GAAW,CAAA,EACTO,EAAaC,EAAAA,OAAgB,IAAI,EAEvCC,EAAAA,0BAA0B,IAAM,CAE9B,GADI,CAACH,GACD,CAACR,GAAU,CAACG,EAAY,MAAO,OAEnC,MAAMS,GACFZ,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIG,EAAY,UAAwB,OAE/EM,EAAW,QAAUG,EAErBA,EAAQ,eAAe,CACrB,SAAAP,EACA,MAAAC,EACA,OAAAC,CAAA,CACD,CAAA,EACA,CAACP,GAAUC,WAAS,cAAcD,CAAM,EAAGG,EAAY,KAAK,CAAC,EAEhE,MAAMU,EAAWd,GAIX,CACJ,GAAI,CAACU,EAAW,QAAS,OAEzB,KAAM,CAAE,SAAAJ,EAAU,MAAAC,EAAO,OAAAC,GAAWR,GAAU,CAAA,EAE9CU,EAAW,QAAQ,eAAe,CAChC,SAAAJ,EACA,MAAAC,EACA,OAAAC,CAAA,CACD,CAAA,EAGH,OAAIP,EAAe,CAAE,QAAAa,CAAA,EACd,CAAE,IAAKV,EAAa,QAAAU,CAAA,CAC7B"}
+{"version":3,"file":"useScrollIntoView.cjs","names":[],"sources":["../../../../src/hooks/useScrollIntoView/useScrollIntoView.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The scroll into view options type */\nexport interface UseScrollIntoViewOptions extends ScrollIntoViewOptions {\n  /** Whether to immediately the scroll into view */\n  immediately?: boolean;\n}\n\n/** The scroll into view return type */\nexport interface UseScrollIntoViewReturn {\n  /** Function to scroll element into view */\n  trigger: (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => void;\n}\n\nexport interface UseScrollIntoView {\n  <Target extends Element>(\n    options?: UseScrollIntoViewOptions,\n    target?: never\n  ): UseScrollIntoViewReturn & { ref: StateRef<Target> };\n\n  (target?: HookTarget, options?: UseScrollIntoViewOptions): UseScrollIntoViewReturn;\n}\n\n/**\n * @name useScrollIntoView\n * @description - Hook that provides functionality to scroll an element into view\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target element to scroll into view\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn} Object containing scroll function\n *\n * @example\n * const { trigger } = useScrollIntoView(ref);\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn & { ref: StateRef<Target> }} Object containing scroll function and ref\n *\n * @example\n * const { ref, trigger } = useScrollIntoView<HTMLDivElement>();\n */\nexport const useScrollIntoView = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseScrollIntoViewOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n  const {\n    behavior = 'smooth',\n    block = 'start',\n    inline = 'nearest',\n    immediately = true\n  } = options ?? {};\n  const elementRef = useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!immediately) return;\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    elementRef.current = element;\n\n    element.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const trigger = (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => {\n    if (!elementRef.current) return;\n\n    const { behavior, block, inline } = params ?? {};\n\n    elementRef.current.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  };\n\n  if (target) return { trigger };\n  return { ref: internalRef, trigger };\n}) as UseScrollIntoView;\n"],"mappings":"+OAgEA,IAAa,IAAsB,GAAG,IAAkB,CACtD,IAAM,EAAU,EAAA,SAAS,EAAO,GAAG,CAAG,EAAO,GAAK,IAAA,GAC5C,EAAW,EAAS,EAAO,GAAK,EAAO,GAEvC,EAAc,EAAA,aAAsB,CACpC,CACJ,WAAW,SACX,QAAQ,QACR,SAAS,UACT,cAAc,IACZ,GAAW,EAAE,CACX,GAAA,EAAA,EAAA,QAA6B,KAAK,CAExC,EAAA,8BAAgC,CAE9B,GADI,CAAC,GACD,CAAC,GAAU,CAAC,EAAY,MAAO,OAEnC,IAAM,EAAW,EAAS,EAAA,SAAS,WAAW,EAAO,CAAG,EAAY,QAEpE,EAAW,QAAU,EAErB,EAAQ,eAAe,CACrB,WACA,QACA,SACD,CAAC,EACD,CAAC,GAAU,EAAA,SAAS,cAAc,EAAO,CAAE,EAAY,MAAM,CAAC,CAEjE,IAAM,EAAW,GAIX,CACJ,GAAI,CAAC,EAAW,QAAS,OAEzB,GAAM,CAAE,WAAU,QAAO,UAAW,GAAU,EAAE,CAEhD,EAAW,QAAQ,eAAe,CAChC,WACA,QACA,SACD,CAAC,EAIJ,OADI,EAAe,CAAE,UAAS,CACvB,CAAE,IAAK,EAAa,UAAS"}

package/dist/cjs/hooks/useScrollTo/useScrollTo.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),h=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),m=require("../useRefState/useRefState.cjs"),s=require("../../utils/helpers/isTarget.cjs"),v=((...t)=>{const e=s.isTarget(t[0])?t[0]:void 0,u=e?t[1]:t[0],{x:c,y:l,behavior:f="auto",immediately:a=!0}=u??{},r=m.useRefState(),n=b.useRef(null);h.useIsomorphicLayoutEffect(()=>{if(!a||!e&&!r.state)return;const o=(e?s.isTarget.getElement(e):r.current)??window;n.current=o,o.scrollTo({top:l,left:c,behavior:f})},[e&&s.isTarget.getRawElement(e),r.state]);const i=o=>{if(!n.current)return;const{x:g,y:T,behavior:y}=o??{};n.current.scrollTo({left:g,top:T,behavior:y})};return e?{trigger:i}:{ref:r,trigger:i}});exports.useScrollTo=v;
-//# sourceMappingURL=useScrollTo.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs`),t=require(`../../utils/helpers/isTarget.cjs`),n=require(`../useRefState/useRefState.cjs`);let r=require(`react`);var i=((...i)=>{let a=t.isTarget(i[0])?i[0]:void 0,{x:o,y:s,behavior:c=`auto`,immediately:l=!0}=(a?i[1]:i[0])??{},u=n.useRefState(),d=(0,r.useRef)(null);e.useIsomorphicLayoutEffect(()=>{if(!l)return;let e=(a?t.isTarget.getElement(a):u.current)??window;d.current=e,e.scrollTo({top:s,left:o,behavior:c})},[a&&t.isTarget.getRawElement(a),u.state]);let f=e=>{if(!d.current)return;let{x:t,y:n,behavior:r}=e??{};d.current.scrollTo({left:t,top:n,behavior:r})};return a?{trigger:f}:{ref:u,trigger:f}});exports.useScrollTo=i;
+//# sourceMappingURL=useScrollTo.cjs.map

package/dist/cjs/hooks/useScrollTo/useScrollTo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollTo.cjs","sources":["../../../../src/hooks/useScrollTo/useScrollTo.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use scroll to options type */\nexport interface UseScrollToOptions {\n  /** The scrolling behavior */\n  behavior?: ScrollBehavior;\n  /** Whether to immediately the scroll to */\n  immediately?: boolean;\n  /** The horizontal position to scroll to */\n  x: number;\n  /** The vertical position to scroll to */\n  y: number;\n}\n\n/** The use scroll to return type */\nexport interface UseScrollToReturn {\n  /** The state of scrolling */\n  trigger: (params?: { x: number; y: number; behavior?: ScrollBehavior }) => void;\n}\n\nexport interface UseScrollTo {\n  <Target extends Element>(\n    options?: UseScrollToOptions,\n    target?: never\n  ): UseScrollToReturn & { ref: StateRef<Target> };\n\n  (target?: HookTarget, options?: UseScrollToOptions): UseScrollToReturn;\n}\n\n/**\n * @name useScrollTo\n * @description - Hook for scrolling to a specific element\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} [target=window] The target element for scrolling to\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {number} [options.x] The horizontal position to scroll to\n * @param {number} [options.y] The vertical position to scroll to\n * @param {ScrollBehavior} [options.behavior=auto] The scrolling behavior\n * @returns {UseScrollToReturn} The scroll trigger function\n *\n * @example\n * const trigger = useScrollTo(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {number} [options.x] The horizontal position to scroll to\n * @param {number} [options.y] The vertical position to scroll to\n * @param {ScrollBehavior} [options.behavior=auto] The scrolling behavior\n * @returns {UseScrollToReturn & { ref: StateRef<Target> }} The scroll trigger function and ref\n *\n * @example\n * const { ref, trigger } = useScrollTo(options);\n */\nexport const useScrollTo = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseScrollToOptions | undefined;\n  const { x, y, behavior = 'auto', immediately = true } = options ?? {};\n  const internalRef = useRefState<Element>();\n  const elementRef = useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!immediately) return;\n    if (!target && !internalRef.state) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    elementRef.current = element;\n\n    element.scrollTo({ top: y, left: x, behavior });\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const trigger = (params?: { x: number; y: number; behavior?: ScrollBehavior }) => {\n    if (!elementRef.current) return;\n\n    const { x, y, behavior } = params ?? {};\n\n    elementRef.current.scrollTo({ left: x, top: y, behavior });\n  };\n\n  if (target) return { trigger };\n  return { ref: internalRef, trigger };\n}) as UseScrollTo;\n"],"names":["useScrollTo","params","target","isTarget","options","x","y","behavior","immediately","internalRef","useRefState","elementRef","useRef","useIsomorphicLayoutEffect","element","trigger"],"mappings":"2QAkEaA,GAAe,IAAIC,IAAkB,CAChD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAWF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACxC,CAAE,EAAAI,EAAG,EAAAC,EAAG,SAAAC,EAAW,OAAQ,YAAAC,EAAc,IAASJ,GAAW,CAAA,EAC7DK,EAAcC,EAAAA,YAAA,EACdC,EAAaC,EAAAA,OAAgB,IAAI,EAEvCC,EAAAA,0BAA0B,IAAM,CAE9B,GADI,CAACL,GACD,CAACN,GAAU,CAACO,EAAY,MAAO,OAEnC,MAAMK,GACFZ,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIO,EAAY,UAAwB,OAE/EE,EAAW,QAAUG,EAErBA,EAAQ,SAAS,CAAE,IAAKR,EAAG,KAAMD,EAAG,SAAAE,EAAU,CAAA,EAC7C,CAACL,GAAUC,WAAS,cAAcD,CAAM,EAAGO,EAAY,KAAK,CAAC,EAEhE,MAAMM,EAAWd,GAAiE,CAChF,GAAI,CAACU,EAAW,QAAS,OAEzB,KAAM,CAAE,EAAAN,EAAG,EAAAC,EAAG,SAAAC,GAAaN,GAAU,CAAA,EAErCU,EAAW,QAAQ,SAAS,CAAE,KAAMN,EAAG,IAAKC,EAAG,SAAAC,EAAU,CAAA,EAG3D,OAAIL,EAAe,CAAE,QAAAa,CAAA,EACd,CAAE,IAAKN,EAAa,QAAAM,CAAA,CAC7B"}
+{"version":3,"file":"useScrollTo.cjs","names":[],"sources":["../../../../src/hooks/useScrollTo/useScrollTo.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use scroll to options type */\nexport interface UseScrollToOptions {\n  /** The scrolling behavior */\n  behavior?: ScrollBehavior;\n  /** Whether to immediately the scroll to */\n  immediately?: boolean;\n  /** The horizontal position to scroll to */\n  x: number;\n  /** The vertical position to scroll to */\n  y: number;\n}\n\n/** The use scroll to return type */\nexport interface UseScrollToReturn {\n  /** The state of scrolling */\n  trigger: (params?: { x: number; y: number; behavior?: ScrollBehavior }) => void;\n}\n\nexport interface UseScrollTo {\n  <Target extends Element>(\n    options?: UseScrollToOptions,\n    target?: never\n  ): UseScrollToReturn & { ref: StateRef<Target> };\n\n  (target?: HookTarget, options?: UseScrollToOptions): UseScrollToReturn;\n}\n\n/**\n * @name useScrollTo\n * @description - Hook for scrolling to a specific element\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} [target=window] The target element for scrolling to\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {number} [options.x] The horizontal position to scroll to\n * @param {number} [options.y] The vertical position to scroll to\n * @param {ScrollBehavior} [options.behavior=auto] The scrolling behavior\n * @returns {UseScrollToReturn} The scroll trigger function\n *\n * @example\n * const trigger = useScrollTo(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.immediately=true] Whether to scroll immediately\n * @param {number} [options.x] The horizontal position to scroll to\n * @param {number} [options.y] The vertical position to scroll to\n * @param {ScrollBehavior} [options.behavior=auto] The scrolling behavior\n * @returns {UseScrollToReturn & { ref: StateRef<Target> }} The scroll trigger function and ref\n *\n * @example\n * const { ref, trigger } = useScrollTo(options);\n */\nexport const useScrollTo = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseScrollToOptions | undefined;\n  const { x, y, behavior = 'auto', immediately = true } = options ?? {};\n  const internalRef = useRefState<Element>();\n  const elementRef = useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!immediately) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    elementRef.current = element;\n\n    element.scrollTo({ top: y, left: x, behavior });\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const trigger = (params?: { x: number; y: number; behavior?: ScrollBehavior }) => {\n    if (!elementRef.current) return;\n\n    const { x, y, behavior } = params ?? {};\n\n    elementRef.current.scrollTo({ left: x, top: y, behavior });\n  };\n\n  if (target) return { trigger };\n  return { ref: internalRef, trigger };\n}) as UseScrollTo;\n"],"mappings":"+OAkEA,IAAa,IAAgB,GAAG,IAAkB,CAChD,IAAM,EAAU,EAAA,SAAS,EAAO,GAAG,CAAG,EAAO,GAAK,IAAA,GAE5C,CAAE,IAAG,IAAG,WAAW,OAAQ,cAAc,KAD9B,EAAS,EAAO,GAAK,EAAO,KACsB,EAAE,CAC/D,EAAc,EAAA,aAAsB,CACpC,GAAA,EAAA,EAAA,QAA6B,KAAK,CAExC,EAAA,8BAAgC,CAC9B,GAAI,CAAC,EAAa,OAElB,IAAM,GACF,EAAS,EAAA,SAAS,WAAW,EAAO,CAAG,EAAY,UAAwB,OAE/E,EAAW,QAAU,EAErB,EAAQ,SAAS,CAAE,IAAK,EAAG,KAAM,EAAG,WAAU,CAAC,EAC9C,CAAC,GAAU,EAAA,SAAS,cAAc,EAAO,CAAE,EAAY,MAAM,CAAC,CAEjE,IAAM,EAAW,GAAiE,CAChF,GAAI,CAAC,EAAW,QAAS,OAEzB,GAAM,CAAE,IAAG,IAAG,YAAa,GAAU,EAAE,CAEvC,EAAW,QAAQ,SAAS,CAAE,KAAM,EAAG,IAAK,EAAG,WAAU,CAAC,EAI5D,OADI,EAAe,CAAE,UAAS,CACvB,CAAE,IAAK,EAAa,UAAS"}

package/dist/cjs/hooks/useSessionStorage/useSessionStorage.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../useStorage/useStorage.cjs"),r=(e,o,s)=>t.useStorage(e,{...s,initialValue:o,storage:typeof window<"u"?window.sessionStorage:void 0});exports.useSessionStorage=r;
-//# sourceMappingURL=useSessionStorage.cjs.map
+const e=require(`../useStorage/useStorage.cjs`);var t=(t,n,r)=>e.useStorage(t,{...r,initialValue:n,storage:typeof window<`u`?window.sessionStorage:void 0});exports.useSessionStorage=t;
+//# sourceMappingURL=useSessionStorage.cjs.map