@siberiacancode/reactuse 0.3.15 → 0.3.17

package/dist/cjs/hooks/useTextDirection/useTextDirection.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),m=require("../useRefState/useRefState.cjs"),u=require("../../utils/helpers/isTarget.cjs"),T=((...i)=>{const e=u.isTarget(i[0])?i[0]:void 0,l=(e?i[1]:i[0])??"ltr",r=m.useRefState(),n=o.useRef(null),s=()=>typeof window>"u"?l:(e?u.isTarget.getElement(e):r.current)?.getAttribute("dir")??l,[f,c]=o.useState(s()),a=()=>{n.current&&n.current?.removeAttribute("dir")},d=t=>{n.current&&(c(t),n.current.setAttribute("dir",t))};return o.useEffect(()=>{if(!e&&!r.state)return;const t=(e?u.isTarget.getElement(e):r.current)??document.querySelector("html");if(!t)return;n.current=t;const g=s();t.setAttribute("dir",g),c(g);const b=new MutationObserver(()=>c(s()));return b.observe(t,{attributes:!0}),()=>{b.disconnect()}},[r.state,e&&u.isTarget.getRawElement(e)]),e?{value:f,set:d,remove:a}:{ref:r,value:f,set:d,remove:a}});exports.useTextDirection=T;
-//# sourceMappingURL=useTextDirection.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])??`ltr`,o=t.useRefState(),s=(0,n.useRef)(null),c=()=>typeof window>`u`?a:(i?e.isTarget.getElement(i):o.current)?.getAttribute(`dir`)??a,[l,u]=(0,n.useState)(c()),d=()=>{s.current&&s.current?.removeAttribute(`dir`)},f=e=>{s.current&&(u(e),s.current.setAttribute(`dir`,e))};return(0,n.useEffect)(()=>{if(!i&&!o.state)return;let t=(i?e.isTarget.getElement(i):o.current)??document.querySelector(`html`);if(!t)return;s.current=t;let n=c();t.setAttribute(`dir`,n),u(n);let r=new MutationObserver(()=>u(c()));return r.observe(t,{attributes:!0}),()=>{r.disconnect()}},[o.state,i&&e.isTarget.getRawElement(i)]),i?{value:l,set:f,remove:d}:{ref:o,value:l,set:f,remove:d}});exports.useTextDirection=r;
+//# sourceMappingURL=useTextDirection.cjs.map

package/dist/cjs/hooks/useTextDirection/useTextDirection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTextDirection.cjs","sources":["../../../../src/hooks/useTextDirection/useTextDirection.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The use text direction value type */\r\nexport type UseTextDirectionValue = 'auto' | 'ltr' | 'rtl';\r\n\r\n/** The use text direction return type */\r\nexport interface UseTextDirectionReturn {\r\n  /** The current direction */\r\n  value: UseTextDirectionValue;\r\n  /*** The function to remove the direction */\r\n  remove: () => void;\r\n  /*** The function to set the direction */\r\n  set: (value: UseTextDirectionValue | null) => void;\r\n}\r\n\r\nexport interface UseTextDirection {\r\n  (target: HookTarget, initialValue?: UseTextDirectionValue): UseTextDirectionReturn;\r\n\r\n  <Target extends Element>(\r\n    initialValue?: UseTextDirectionValue,\r\n    target?: never\r\n  ): UseTextDirectionReturn & { ref: StateRef<Target> };\r\n}\r\n\r\n/**\r\n * @name useTextDirection\r\n * @description - Hook that can get and set the direction of the element\r\n * @category Elements\r\n * @usage medium\r\n *\r\n * @overload\r\n * @param {HookTarget} [target=document.querySelector('html')] The target element to observe\r\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\r\n * @returns {UseTextDirectionReturn} An object containing the current text direction of the element\r\n *\r\n * @example\r\n * const { value, set, remove } = useTextDirection(ref);\r\n *\r\n * @overload\r\n * @template Target The target element type\r\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\r\n * @returns { { ref: StateRef<Target> } & UseTextDirectionReturn } An object containing the current text direction of the element\r\n *\r\n * @example\r\n * const { ref, value, set, remove } = useTextDirection();\r\n */\r\nexport const useTextDirection = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n  const initialValue = ((target ? params[1] : params[0]) as UseTextDirectionValue) ?? 'ltr';\r\n\r\n  const internalRef = useRefState();\r\n  const elementRef = useRef<Element>(null);\r\n\r\n  const getDirection = () => {\r\n    if (typeof window === 'undefined') return initialValue;\r\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\r\n    return (element?.getAttribute('dir') as UseTextDirectionValue) ?? initialValue;\r\n  };\r\n\r\n  const [value, setValue] = useState<UseTextDirectionValue>(getDirection());\r\n\r\n  const remove = () => {\r\n    if (!elementRef.current) return;\r\n\r\n    elementRef.current?.removeAttribute('dir');\r\n  };\r\n\r\n  const set = (value: UseTextDirectionValue) => {\r\n    if (!elementRef.current) return;\r\n\r\n    setValue(value);\r\n    elementRef.current.setAttribute('dir', value);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!target && !internalRef.state) return;\r\n\r\n    const element =\r\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ??\r\n      document.querySelector('html');\r\n    if (!element) return;\r\n\r\n    elementRef.current = element;\r\n\r\n    const direction = getDirection();\r\n    element.setAttribute('dir', direction);\r\n    setValue(direction);\r\n\r\n    const observer = new MutationObserver(() => setValue(getDirection()));\r\n\r\n    observer.observe(element, { attributes: true });\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\r\n\r\n  if (target) return { value, set, remove };\r\n  return {\r\n    ref: internalRef,\r\n    value,\r\n    set,\r\n    remove\r\n  };\r\n}) as UseTextDirection;\r\n"],"names":["useTextDirection","params","target","isTarget","initialValue","internalRef","useRefState","elementRef","useRef","getDirection","value","setValue","useState","remove","set","useEffect","element","direction","observer"],"mappings":"mMAsDaA,GAAoB,IAAIC,IAAkB,CACrD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,GAAiBF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,IAAgC,MAE9EI,EAAcC,EAAAA,YAAA,EACdC,EAAaC,EAAAA,OAAgB,IAAI,EAEjCC,EAAe,IACf,OAAO,OAAW,IAAoBL,GACzBF,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIG,EAAY,UACnD,aAAa,KAAK,GAA+BD,EAG9D,CAACM,EAAOC,CAAQ,EAAIC,EAAAA,SAAgCH,GAAc,EAElEI,EAAS,IAAM,CACdN,EAAW,SAEhBA,EAAW,SAAS,gBAAgB,KAAK,CAAA,EAGrCO,EAAOJ,GAAiC,CACvCH,EAAW,UAEhBI,EAASD,CAAK,EACdH,EAAW,QAAQ,aAAa,MAAOG,CAAK,EAAA,EA0B9C,OAvBAK,EAAAA,UAAU,IAAM,CACd,GAAI,CAACb,GAAU,CAACG,EAAY,MAAO,OAEnC,MAAMW,GACFd,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIG,EAAY,UACrD,SAAS,cAAc,MAAM,EAC/B,GAAI,CAACW,EAAS,OAEdT,EAAW,QAAUS,EAErB,MAAMC,EAAYR,EAAA,EAClBO,EAAQ,aAAa,MAAOC,CAAS,EACrCN,EAASM,CAAS,EAElB,MAAMC,EAAW,IAAI,iBAAiB,IAAMP,EAASF,EAAA,CAAc,CAAC,EAEpE,OAAAS,EAAS,QAAQF,EAAS,CAAE,WAAY,GAAM,EAEvC,IAAM,CACXE,EAAS,WAAA,CAAW,CACtB,EACC,CAACb,EAAY,MAAOH,GAAUC,EAAAA,SAAS,cAAcD,CAAM,CAAC,CAAC,EAE5DA,EAAe,CAAE,MAAAQ,EAAO,IAAAI,EAAK,OAAAD,CAAA,EAC1B,CACL,IAAKR,EACL,MAAAK,EACA,IAAAI,EACA,OAAAD,CAAA,CAEJ"}
+{"version":3,"file":"useTextDirection.cjs","names":[],"sources":["../../../../src/hooks/useTextDirection/useTextDirection.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The use text direction value type */\r\nexport type UseTextDirectionValue = 'auto' | 'ltr' | 'rtl';\r\n\r\n/** The use text direction return type */\r\nexport interface UseTextDirectionReturn {\r\n  /** The current direction */\r\n  value: UseTextDirectionValue;\r\n  /*** The function to remove the direction */\r\n  remove: () => void;\r\n  /*** The function to set the direction */\r\n  set: (value: UseTextDirectionValue | null) => void;\r\n}\r\n\r\nexport interface UseTextDirection {\r\n  (target: HookTarget, initialValue?: UseTextDirectionValue): UseTextDirectionReturn;\r\n\r\n  <Target extends Element>(\r\n    initialValue?: UseTextDirectionValue,\r\n    target?: never\r\n  ): UseTextDirectionReturn & { ref: StateRef<Target> };\r\n}\r\n\r\n/**\r\n * @name useTextDirection\r\n * @description - Hook that can get and set the direction of the element\r\n * @category Elements\r\n * @usage medium\r\n *\r\n * @overload\r\n * @param {HookTarget} [target=document.querySelector('html')] The target element to observe\r\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\r\n * @returns {UseTextDirectionReturn} An object containing the current text direction of the element\r\n *\r\n * @example\r\n * const { value, set, remove } = useTextDirection(ref);\r\n *\r\n * @overload\r\n * @template Target The target element type\r\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\r\n * @returns { { ref: StateRef<Target> } & UseTextDirectionReturn } An object containing the current text direction of the element\r\n *\r\n * @example\r\n * const { ref, value, set, remove } = useTextDirection();\r\n */\r\nexport const useTextDirection = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n  const initialValue = ((target ? params[1] : params[0]) as UseTextDirectionValue) ?? 'ltr';\r\n\r\n  const internalRef = useRefState();\r\n  const elementRef = useRef<Element>(null);\r\n\r\n  const getDirection = () => {\r\n    if (typeof window === 'undefined') return initialValue;\r\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\r\n    return (element?.getAttribute('dir') as UseTextDirectionValue) ?? initialValue;\r\n  };\r\n\r\n  const [value, setValue] = useState<UseTextDirectionValue>(getDirection());\r\n\r\n  const remove = () => {\r\n    if (!elementRef.current) return;\r\n\r\n    elementRef.current?.removeAttribute('dir');\r\n  };\r\n\r\n  const set = (value: UseTextDirectionValue) => {\r\n    if (!elementRef.current) return;\r\n\r\n    setValue(value);\r\n    elementRef.current.setAttribute('dir', value);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!target && !internalRef.state) return;\r\n\r\n    const element =\r\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ??\r\n      document.querySelector('html');\r\n    if (!element) return;\r\n\r\n    elementRef.current = element;\r\n\r\n    const direction = getDirection();\r\n    element.setAttribute('dir', direction);\r\n    setValue(direction);\r\n\r\n    const observer = new MutationObserver(() => setValue(getDirection()));\r\n\r\n    observer.observe(element, { attributes: true });\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\r\n\r\n  if (target) return { value, set, remove };\r\n  return {\r\n    ref: internalRef,\r\n    value,\r\n    set,\r\n    remove\r\n  };\r\n}) as UseTextDirection;\r\n"],"mappings":"uKAsDA,IAAa,IAAqB,GAAG,IAAkB,CACrD,IAAM,EAAU,EAAA,SAAS,EAAO,GAAG,CAAG,EAAO,GAAK,IAAA,GAC5C,GAAiB,EAAS,EAAO,GAAK,EAAO,KAAiC,MAE9E,EAAc,EAAA,aAAa,CAC3B,GAAA,EAAA,EAAA,QAA6B,KAAK,CAElC,MACA,OAAO,OAAW,IAAoB,GACzB,EAAS,EAAA,SAAS,WAAW,EAAO,CAAG,EAAY,UACnD,aAAa,MAAM,EAA8B,EAG9D,CAAC,EAAO,IAAA,EAAA,EAAA,UAA4C,GAAc,CAAC,CAEnE,MAAe,CACd,EAAW,SAEhB,EAAW,SAAS,gBAAgB,MAAM,EAGtC,EAAO,GAAiC,CACvC,EAAW,UAEhB,EAAS,EAAM,CACf,EAAW,QAAQ,aAAa,MAAO,EAAM,GA2B/C,OAxBA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAU,CAAC,EAAY,MAAO,OAEnC,IAAM,GACF,EAAS,EAAA,SAAS,WAAW,EAAO,CAAG,EAAY,UACrD,SAAS,cAAc,OAAO,CAChC,GAAI,CAAC,EAAS,OAEd,EAAW,QAAU,EAErB,IAAM,EAAY,GAAc,CAChC,EAAQ,aAAa,MAAO,EAAU,CACtC,EAAS,EAAU,CAEnB,IAAM,EAAW,IAAI,qBAAuB,EAAS,GAAc,CAAC,CAAC,CAIrE,OAFA,EAAS,QAAQ,EAAS,CAAE,WAAY,GAAM,CAAC,KAElC,CACX,EAAS,YAAY,GAEtB,CAAC,EAAY,MAAO,GAAU,EAAA,SAAS,cAAc,EAAO,CAAC,CAAC,CAE7D,EAAe,CAAE,QAAO,MAAK,SAAQ,CAClC,CACL,IAAK,EACL,QACA,MACA,SACD"}

package/dist/cjs/hooks/useTextSelection/useTextSelection.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),g=require("../useRerender/useRerender.cjs"),u=t=>{const e=t.rangeCount??0;return Array.from({length:e},(c,o)=>t.getRangeAt(o))},l=()=>{const t=g.useRerender(),[e,c]=s.useState(typeof document<"u"?document.getSelection():null);s.useEffect(()=>{const n=()=>{c(document.getSelection()),t()};return document.addEventListener("selectionchange",n),()=>document.removeEventListener("selectionchange",n)},[]);const o=e?.toString()??"",r=e?u(e):[],i=r.map(n=>n.getBoundingClientRect());return{text:o,ranges:r,rects:i,selection:e}};exports.getRangesSelection=u;exports.useTextSelection=l;
-//# sourceMappingURL=useTextSelection.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../useRerender/useRerender.cjs`);let t=require(`react`);var n=e=>{let t=e.rangeCount??0;return Array.from({length:t},(t,n)=>e.getRangeAt(n))},r=()=>{let r=e.useRerender(),[i,a]=(0,t.useState)(typeof document<`u`?document.getSelection():null);(0,t.useEffect)(()=>{let e=()=>{a(document.getSelection()),r()};return document.addEventListener(`selectionchange`,e),()=>document.removeEventListener(`selectionchange`,e)},[]);let o=i?.toString()??``,s=i?n(i):[];return{text:o,ranges:s,rects:s.map(e=>e.getBoundingClientRect()),selection:i}};exports.getRangesSelection=n,exports.useTextSelection=r;
+//# sourceMappingURL=useTextSelection.cjs.map

package/dist/cjs/hooks/useTextSelection/useTextSelection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTextSelection.cjs","sources":["../../../../src/hooks/useTextSelection/useTextSelection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\nexport const getRangesSelection = (selection: Selection) => {\n  const rangeCount = selection.rangeCount ?? 0;\n  return Array.from({ length: rangeCount }, (_, i) => selection.getRangeAt(i));\n};\n\n/** The use text selection return type */\nexport interface UseTextSelectionReturn {\n  /** The current selection ranges */\n  ranges: Range[];\n  /** The current selection rects */\n  rects: DOMRect[];\n  /** The current selection */\n  selection: Selection | null;\n  /** The current selection text */\n  text: string;\n}\n\n/**\n * @name useTextSelection\n * @description - Hook that manages the text selection\n * @category Sensors\n * @usage low\n *\n * @browserapi document.getSelection https://developer.mozilla.org/en-US/docs/Web/API/Document/getSelection\n *\n * @returns {UseTextSelectionReturn} An object containing the current text selection\n *\n * @example\n * const selection = useTextSelection();\n */\nexport const useTextSelection = (): UseTextSelectionReturn => {\n  const rerender = useRerender();\n  const [selection, setSelection] = useState<Selection | null>(\n    typeof document !== 'undefined' ? document.getSelection() : null\n  );\n\n  useEffect(() => {\n    const onSelectionChange = () => {\n      setSelection(document.getSelection());\n      rerender();\n    };\n\n    document.addEventListener('selectionchange', onSelectionChange);\n    return () => document.removeEventListener('selectionchange', onSelectionChange);\n  }, []);\n\n  const text = selection?.toString() ?? '';\n  const ranges = selection ? getRangesSelection(selection) : [];\n  const rects = ranges.map((range) => range.getBoundingClientRect());\n\n  return {\n    text,\n    ranges,\n    rects,\n    selection\n  };\n};\n"],"names":["getRangesSelection","selection","rangeCount","_","i","useTextSelection","rerender","useRerender","setSelection","useState","useEffect","onSelectionChange","text","ranges","rects","range"],"mappings":"qJAIaA,EAAsBC,GAAyB,CAC1D,MAAMC,EAAaD,EAAU,YAAc,EAC3C,OAAO,MAAM,KAAK,CAAE,OAAQC,CAAA,EAAc,CAACC,EAAGC,IAAMH,EAAU,WAAWG,CAAC,CAAC,CAC7E,EA2BaC,EAAmB,IAA8B,CAC5D,MAAMC,EAAWC,EAAAA,YAAA,EACX,CAACN,EAAWO,CAAY,EAAIC,EAAAA,SAChC,OAAO,SAAa,IAAc,SAAS,eAAiB,IAAA,EAG9DC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAoB,IAAM,CAC9BH,EAAa,SAAS,cAAc,EACpCF,EAAA,CAAS,EAGX,gBAAS,iBAAiB,kBAAmBK,CAAiB,EACvD,IAAM,SAAS,oBAAoB,kBAAmBA,CAAiB,CAAA,EAC7E,EAAE,EAEL,MAAMC,EAAOX,GAAW,SAAA,GAAc,GAChCY,EAASZ,EAAYD,EAAmBC,CAAS,EAAI,CAAA,EACrDa,EAAQD,EAAO,IAAKE,GAAUA,EAAM,uBAAuB,EAEjE,MAAO,CACL,KAAAH,EACA,OAAAC,EACA,MAAAC,EACA,UAAAb,CAAA,CAEJ"}
+{"version":3,"file":"useTextSelection.cjs","names":[],"sources":["../../../../src/hooks/useTextSelection/useTextSelection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\nexport const getRangesSelection = (selection: Selection) => {\n  const rangeCount = selection.rangeCount ?? 0;\n  return Array.from({ length: rangeCount }, (_, i) => selection.getRangeAt(i));\n};\n\n/** The use text selection return type */\nexport interface UseTextSelectionReturn {\n  /** The current selection ranges */\n  ranges: Range[];\n  /** The current selection rects */\n  rects: DOMRect[];\n  /** The current selection */\n  selection: Selection | null;\n  /** The current selection text */\n  text: string;\n}\n\n/**\n * @name useTextSelection\n * @description - Hook that manages the text selection\n * @category Sensors\n * @usage low\n *\n * @browserapi document.getSelection https://developer.mozilla.org/en-US/docs/Web/API/Document/getSelection\n *\n * @returns {UseTextSelectionReturn} An object containing the current text selection\n *\n * @example\n * const selection = useTextSelection();\n */\nexport const useTextSelection = (): UseTextSelectionReturn => {\n  const rerender = useRerender();\n  const [selection, setSelection] = useState<Selection | null>(\n    typeof document !== 'undefined' ? document.getSelection() : null\n  );\n\n  useEffect(() => {\n    const onSelectionChange = () => {\n      setSelection(document.getSelection());\n      rerender();\n    };\n\n    document.addEventListener('selectionchange', onSelectionChange);\n    return () => document.removeEventListener('selectionchange', onSelectionChange);\n  }, []);\n\n  const text = selection?.toString() ?? '';\n  const ranges = selection ? getRangesSelection(selection) : [];\n  const rects = ranges.map((range) => range.getBoundingClientRect());\n\n  return {\n    text,\n    ranges,\n    rects,\n    selection\n  };\n};\n"],"mappings":"yHAIA,IAAa,EAAsB,GAAyB,CAC1D,IAAM,EAAa,EAAU,YAAc,EAC3C,OAAO,MAAM,KAAK,CAAE,OAAQ,EAAY,EAAG,EAAG,IAAM,EAAU,WAAW,EAAE,CAAC,EA4BjE,MAAiD,CAC5D,IAAM,EAAW,EAAA,aAAa,CACxB,CAAC,EAAW,IAAA,EAAA,EAAA,UAChB,OAAO,SAAa,IAAc,SAAS,cAAc,CAAG,KAC7D,EAED,EAAA,EAAA,eAAgB,CACd,IAAM,MAA0B,CAC9B,EAAa,SAAS,cAAc,CAAC,CACrC,GAAU,EAIZ,OADA,SAAS,iBAAiB,kBAAmB,EAAkB,KAClD,SAAS,oBAAoB,kBAAmB,EAAkB,EAC9E,EAAE,CAAC,CAEN,IAAM,EAAO,GAAW,UAAU,EAAI,GAChC,EAAS,EAAY,EAAmB,EAAU,CAAG,EAAE,CAG7D,MAAO,CACL,OACA,SACA,MALY,EAAO,IAAK,GAAU,EAAM,uBAAuB,CAAC,CAMhE,YACD"}

package/dist/cjs/hooks/useTextareaAutosize/useTextareaAutosize.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),H=require("../useRefState/useRefState.cjs"),f=require("../../utils/helpers/isTarget.cjs"),R=((...t)=>{const n=f.isTarget(t[0])?t[0]:void 0,s=n?typeof t[1]=="object"?t[1]:{initialValue:t[1]}:typeof t[0]=="object"?t[0]:{initialValue:t[0]},[h,v]=l.useState(s?.initialValue??""),o=H.useRefState(),c=l.useRef(null),x=l.useRef(0),a=()=>{const e=c.current;if(!e)return;const i=e.style.minHeight,u=e.style.maxHeight;e.style.height="auto",e.style.minHeight="auto",e.style.maxHeight="none";const r=e.scrollHeight;e.style.height=`${r}px`,e.style.minHeight=i,e.style.maxHeight=u,r!==x.current&&s?.onResize?.(),x.current=r},g=e=>{v(e);const i=c.current;i&&(i.value=e,requestAnimationFrame(()=>{a()}))};l.useEffect(()=>{if(!n&&!o.state)return;const e=n?f.isTarget.getElement(n):o.current;if(!e)return;c.current=e,s?.initialValue&&(e.value=s.initialValue),a();const i=r=>{const m=r.target.value;g(m),requestAnimationFrame(()=>{a()})},u=()=>{requestAnimationFrame(()=>{a()})};return e.addEventListener("input",i),e.addEventListener("resize",u),()=>{e.removeEventListener("input",i),e.removeEventListener("resize",u)}},[n&&f.isTarget.getRawElement(n),o.state]);const y=()=>v("");return n?{value:h,set:g,clear:y}:{ref:o,value:h,set:g,clear:y}});exports.useTextareaAutosize=R;
-//# sourceMappingURL=useTextareaAutosize.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]:{initialValue:r[1]}:typeof r[0]==`object`?r[0]:{initialValue:r[0]},[o,s]=(0,n.useState)(a?.initialValue??``),c=t.useRefState(),l=(0,n.useRef)(null),u=(0,n.useRef)(0),d=()=>{let e=l.current;if(!e)return;let t=e.style.minHeight,n=e.style.maxHeight;e.style.height=`auto`,e.style.minHeight=`auto`,e.style.maxHeight=`none`;let r=e.scrollHeight;e.style.height=`${r}px`,e.style.minHeight=t,e.style.maxHeight=n,r!==u.current&&a?.onResize?.(),u.current=r},f=e=>{s(e);let t=l.current;t&&(t.value=e,requestAnimationFrame(()=>{d()}))};(0,n.useEffect)(()=>{if(!i&&!c.state)return;let t=i?e.isTarget.getElement(i):c.current;if(!t)return;l.current=t,a?.initialValue&&(t.value=a.initialValue),d();let n=e=>{let t=e.target.value;f(t),requestAnimationFrame(()=>{d()})},r=()=>{requestAnimationFrame(()=>{d()})};return t.addEventListener(`input`,n),t.addEventListener(`resize`,r),()=>{t.removeEventListener(`input`,n),t.removeEventListener(`resize`,r)}},[i&&e.isTarget.getRawElement(i),c.state]);let p=()=>s(``);return i?{value:o,set:f,clear:p}:{ref:c,value:o,set:f,clear:p}});exports.useTextareaAutosize=r;
+//# sourceMappingURL=useTextareaAutosize.cjs.map

package/dist/cjs/hooks/useTextareaAutosize/useTextareaAutosize.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTextareaAutosize.cjs","sources":["../../../../src/hooks/useTextareaAutosize/useTextareaAutosize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The use textarea autosize options */\r\nexport interface UseTextareaAutosizeOptions {\r\n  /** The initial value for the textarea */\r\n  initialValue?: string;\r\n  /** Callback function called when the textarea size changes */\r\n  onResize?: () => void;\r\n}\r\n\r\n/** The use textarea autosize return type */\r\nexport interface UseTextareaAutosizeReturn {\r\n  /** The current value of the textarea */\r\n  value: string;\r\n  /** Function to clear the textarea value */\r\n  clear: () => void;\r\n  /** Function to set the textarea value */\r\n  set: (value: string) => void;\r\n}\r\n\r\nexport interface UseTextareaAutosize {\r\n  (target: HookTarget, options?: UseTextareaAutosizeOptions): UseTextareaAutosizeReturn;\r\n\r\n  (target: HookTarget, initialValue: string): UseTextareaAutosizeReturn;\r\n\r\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\r\n    initialValue: string,\r\n    target?: never\r\n  ): UseTextareaAutosizeReturn & {\r\n    ref: StateRef<Target>;\r\n  };\r\n\r\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\r\n    options?: UseTextareaAutosizeOptions,\r\n    target?: never\r\n  ): UseTextareaAutosizeReturn & {\r\n    ref: StateRef<Target>;\r\n  };\r\n}\r\n\r\n/**\r\n * @name useTextareaAutosize\r\n * @description - Hook that automatically adjusts textarea height based on content\r\n * @category Elements\r\n * @usage medium\r\n *\r\n * @overload\r\n * @param {HookTarget} target The target textarea element\r\n * @param {string} [options.initialValue] The initial value for the textarea\r\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\r\n * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear\r\n *\r\n * @example\r\n * const { value, setValue, clear } = useTextareaAutosize(ref);\r\n *\r\n * @overload\r\n * @param {HookTarget} target The target textarea element\r\n * @param {string} initialValue The initial value for the textarea\r\n * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear\r\n *\r\n * @example\r\n * const { value, setValue, clear } = useTextareaAutosize(ref, 'initial');\r\n *\r\n * @overload\r\n * @template Target The textarea element type\r\n * @param {string} initialValue The initial value for the textarea\r\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\r\n *\r\n * @example\r\n * const { ref, value, setValue, clear } = useTextareaAutosize('initial');\r\n *\r\n * @overload\r\n * @template Target The textarea element type\r\n * @param {string} [options.initialValue] The initial value for the textarea\r\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\r\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\r\n *\r\n * @example\r\n * const { ref, value, setValue, clear } = useTextareaAutosize();\r\n */\r\nexport const useTextareaAutosize = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n\r\n  const options = (\r\n    target\r\n      ? typeof params[1] === 'object'\r\n        ? params[1]\r\n        : { initialValue: params[1] }\r\n      : typeof params[0] === 'object'\r\n        ? params[0]\r\n        : { initialValue: params[0] }\r\n  ) as UseTextareaAutosizeOptions | undefined;\r\n\r\n  const [value, setValue] = useState(options?.initialValue ?? '');\r\n  const internalRef = useRefState<HTMLTextAreaElement>();\r\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\r\n  const scrollHeightRef = useRef(0);\r\n\r\n  const onTextareaResize = () => {\r\n    const textarea = textareaRef.current;\r\n    if (!textarea) return;\r\n\r\n    const originalMinHeight = textarea.style.minHeight;\r\n    const originalMaxHeight = textarea.style.maxHeight;\r\n\r\n    textarea.style.height = 'auto';\r\n    textarea.style.minHeight = 'auto';\r\n    textarea.style.maxHeight = 'none';\r\n\r\n    const scrollHeight = textarea.scrollHeight;\r\n\r\n    textarea.style.height = `${scrollHeight}px`;\r\n    textarea.style.minHeight = originalMinHeight;\r\n    textarea.style.maxHeight = originalMaxHeight;\r\n\r\n    if (scrollHeight !== scrollHeightRef.current) options?.onResize?.();\r\n    scrollHeightRef.current = scrollHeight;\r\n  };\r\n\r\n  const setTextareaValue = (newValue: string) => {\r\n    setValue(newValue);\r\n    const textarea = textareaRef.current;\r\n    if (!textarea) return;\r\n    textarea.value = newValue;\r\n    requestAnimationFrame(() => {\r\n      onTextareaResize();\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!target && !internalRef.state) return;\r\n\r\n    const element = (\r\n      target ? isTarget.getElement(target) : internalRef.current\r\n    ) as HTMLTextAreaElement;\r\n    if (!element) return;\r\n\r\n    textareaRef.current = element;\r\n    if (options?.initialValue) element.value = options.initialValue;\r\n\r\n    onTextareaResize();\r\n\r\n    const onInput = (event: InputEvent) => {\r\n      const newValue = (event.target as HTMLTextAreaElement).value;\r\n      setTextareaValue(newValue);\r\n\r\n      requestAnimationFrame(() => {\r\n        onTextareaResize();\r\n      });\r\n    };\r\n\r\n    const onResize = () => {\r\n      requestAnimationFrame(() => {\r\n        onTextareaResize();\r\n      });\r\n    };\r\n\r\n    element.addEventListener('input', onInput as EventListener);\r\n    element.addEventListener('resize', onResize as EventListener);\r\n\r\n    return () => {\r\n      element.removeEventListener('input', onInput as EventListener);\r\n      element.removeEventListener('resize', onResize as EventListener);\r\n    };\r\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\r\n\r\n  const clear = () => setValue('');\r\n\r\n  if (target)\r\n    return {\r\n      value,\r\n      set: setTextareaValue,\r\n      clear\r\n    };\r\n  return {\r\n    ref: internalRef,\r\n    value,\r\n    set: setTextareaValue,\r\n    clear\r\n  };\r\n}) as UseTextareaAutosize;\r\n"],"names":["useTextareaAutosize","params","target","isTarget","options","value","setValue","useState","internalRef","useRefState","textareaRef","useRef","scrollHeightRef","onTextareaResize","textarea","originalMinHeight","originalMaxHeight","scrollHeight","setTextareaValue","newValue","useEffect","element","onInput","event","onResize","clear"],"mappings":"mMAwFaA,GAAuB,IAAIC,IAAkB,CACxD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAE5CG,EACJF,EACI,OAAOD,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,aAAcA,EAAO,CAAC,CAAA,EAC1B,OAAOA,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,aAAcA,EAAO,CAAC,CAAA,EAG1B,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAASH,GAAS,cAAgB,EAAE,EACxDI,EAAcC,EAAAA,YAAA,EACdC,EAAcC,EAAAA,OAAmC,IAAI,EACrDC,EAAkBD,EAAAA,OAAO,CAAC,EAE1BE,EAAmB,IAAM,CAC7B,MAAMC,EAAWJ,EAAY,QAC7B,GAAI,CAACI,EAAU,OAEf,MAAMC,EAAoBD,EAAS,MAAM,UACnCE,EAAoBF,EAAS,MAAM,UAEzCA,EAAS,MAAM,OAAS,OACxBA,EAAS,MAAM,UAAY,OAC3BA,EAAS,MAAM,UAAY,OAE3B,MAAMG,EAAeH,EAAS,aAE9BA,EAAS,MAAM,OAAS,GAAGG,CAAY,KACvCH,EAAS,MAAM,UAAYC,EAC3BD,EAAS,MAAM,UAAYE,EAEvBC,IAAiBL,EAAgB,SAASR,GAAS,WAAA,EACvDQ,EAAgB,QAAUK,CAAA,EAGtBC,EAAoBC,GAAqB,CAC7Cb,EAASa,CAAQ,EACjB,MAAML,EAAWJ,EAAY,QACxBI,IACLA,EAAS,MAAQK,EACjB,sBAAsB,IAAM,CAC1BN,EAAA,CAAiB,CAClB,EAAA,EAGHO,EAAAA,UAAU,IAAM,CACd,GAAI,CAAClB,GAAU,CAACM,EAAY,MAAO,OAEnC,MAAMa,EACJnB,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIM,EAAY,QAErD,GAAI,CAACa,EAAS,OAEdX,EAAY,QAAUW,EAClBjB,GAAS,eAAciB,EAAQ,MAAQjB,EAAQ,cAEnDS,EAAA,EAEA,MAAMS,EAAWC,GAAsB,CACrC,MAAMJ,EAAYI,EAAM,OAA+B,MACvDL,EAAiBC,CAAQ,EAEzB,sBAAsB,IAAM,CAC1BN,EAAA,CAAiB,CAClB,CAAA,EAGGW,EAAW,IAAM,CACrB,sBAAsB,IAAM,CAC1BX,EAAA,CAAiB,CAClB,CAAA,EAGH,OAAAQ,EAAQ,iBAAiB,QAASC,CAAwB,EAC1DD,EAAQ,iBAAiB,SAAUG,CAAyB,EAErD,IAAM,CACXH,EAAQ,oBAAoB,QAASC,CAAwB,EAC7DD,EAAQ,oBAAoB,SAAUG,CAAyB,CAAA,CACjE,EACC,CAACtB,GAAUC,WAAS,cAAcD,CAAM,EAAGM,EAAY,KAAK,CAAC,EAEhE,MAAMiB,EAAQ,IAAMnB,EAAS,EAAE,EAE/B,OAAIJ,EACK,CACL,MAAAG,EACA,IAAKa,EACL,MAAAO,CAAA,EAEG,CACL,IAAKjB,EACL,MAAAH,EACA,IAAKa,EACL,MAAAO,CAAA,CAEJ"}
+{"version":3,"file":"useTextareaAutosize.cjs","names":[],"sources":["../../../../src/hooks/useTextareaAutosize/useTextareaAutosize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The use textarea autosize options */\r\nexport interface UseTextareaAutosizeOptions {\r\n  /** The initial value for the textarea */\r\n  initialValue?: string;\r\n  /** Callback function called when the textarea size changes */\r\n  onResize?: () => void;\r\n}\r\n\r\n/** The use textarea autosize return type */\r\nexport interface UseTextareaAutosizeReturn {\r\n  /** The current value of the textarea */\r\n  value: string;\r\n  /** Function to clear the textarea value */\r\n  clear: () => void;\r\n  /** Function to set the textarea value */\r\n  set: (value: string) => void;\r\n}\r\n\r\nexport interface UseTextareaAutosize {\r\n  (target: HookTarget, options?: UseTextareaAutosizeOptions): UseTextareaAutosizeReturn;\r\n\r\n  (target: HookTarget, initialValue: string): UseTextareaAutosizeReturn;\r\n\r\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\r\n    initialValue: string,\r\n    target?: never\r\n  ): UseTextareaAutosizeReturn & {\r\n    ref: StateRef<Target>;\r\n  };\r\n\r\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\r\n    options?: UseTextareaAutosizeOptions,\r\n    target?: never\r\n  ): UseTextareaAutosizeReturn & {\r\n    ref: StateRef<Target>;\r\n  };\r\n}\r\n\r\n/**\r\n * @name useTextareaAutosize\r\n * @description - Hook that automatically adjusts textarea height based on content\r\n * @category Elements\r\n * @usage medium\r\n *\r\n * @overload\r\n * @param {HookTarget} target The target textarea element\r\n * @param {string} [options.initialValue] The initial value for the textarea\r\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\r\n * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear\r\n *\r\n * @example\r\n * const { value, setValue, clear } = useTextareaAutosize(ref);\r\n *\r\n * @overload\r\n * @param {HookTarget} target The target textarea element\r\n * @param {string} initialValue The initial value for the textarea\r\n * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear\r\n *\r\n * @example\r\n * const { value, setValue, clear } = useTextareaAutosize(ref, 'initial');\r\n *\r\n * @overload\r\n * @template Target The textarea element type\r\n * @param {string} initialValue The initial value for the textarea\r\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\r\n *\r\n * @example\r\n * const { ref, value, setValue, clear } = useTextareaAutosize('initial');\r\n *\r\n * @overload\r\n * @template Target The textarea element type\r\n * @param {string} [options.initialValue] The initial value for the textarea\r\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\r\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\r\n *\r\n * @example\r\n * const { ref, value, setValue, clear } = useTextareaAutosize();\r\n */\r\nexport const useTextareaAutosize = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n\r\n  const options = (\r\n    target\r\n      ? typeof params[1] === 'object'\r\n        ? params[1]\r\n        : { initialValue: params[1] }\r\n      : typeof params[0] === 'object'\r\n        ? params[0]\r\n        : { initialValue: params[0] }\r\n  ) as UseTextareaAutosizeOptions | undefined;\r\n\r\n  const [value, setValue] = useState(options?.initialValue ?? '');\r\n  const internalRef = useRefState<HTMLTextAreaElement>();\r\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\r\n  const scrollHeightRef = useRef(0);\r\n\r\n  const onTextareaResize = () => {\r\n    const textarea = textareaRef.current;\r\n    if (!textarea) return;\r\n\r\n    const originalMinHeight = textarea.style.minHeight;\r\n    const originalMaxHeight = textarea.style.maxHeight;\r\n\r\n    textarea.style.height = 'auto';\r\n    textarea.style.minHeight = 'auto';\r\n    textarea.style.maxHeight = 'none';\r\n\r\n    const scrollHeight = textarea.scrollHeight;\r\n\r\n    textarea.style.height = `${scrollHeight}px`;\r\n    textarea.style.minHeight = originalMinHeight;\r\n    textarea.style.maxHeight = originalMaxHeight;\r\n\r\n    if (scrollHeight !== scrollHeightRef.current) options?.onResize?.();\r\n    scrollHeightRef.current = scrollHeight;\r\n  };\r\n\r\n  const setTextareaValue = (newValue: string) => {\r\n    setValue(newValue);\r\n    const textarea = textareaRef.current;\r\n    if (!textarea) return;\r\n    textarea.value = newValue;\r\n    requestAnimationFrame(() => {\r\n      onTextareaResize();\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!target && !internalRef.state) return;\r\n\r\n    const element = (\r\n      target ? isTarget.getElement(target) : internalRef.current\r\n    ) as HTMLTextAreaElement;\r\n    if (!element) return;\r\n\r\n    textareaRef.current = element;\r\n    if (options?.initialValue) element.value = options.initialValue;\r\n\r\n    onTextareaResize();\r\n\r\n    const onInput = (event: InputEvent) => {\r\n      const newValue = (event.target as HTMLTextAreaElement).value;\r\n      setTextareaValue(newValue);\r\n\r\n      requestAnimationFrame(() => {\r\n        onTextareaResize();\r\n      });\r\n    };\r\n\r\n    const onResize = () => {\r\n      requestAnimationFrame(() => {\r\n        onTextareaResize();\r\n      });\r\n    };\r\n\r\n    element.addEventListener('input', onInput as EventListener);\r\n    element.addEventListener('resize', onResize as EventListener);\r\n\r\n    return () => {\r\n      element.removeEventListener('input', onInput as EventListener);\r\n      element.removeEventListener('resize', onResize as EventListener);\r\n    };\r\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\r\n\r\n  const clear = () => setValue('');\r\n\r\n  if (target)\r\n    return {\r\n      value,\r\n      set: setTextareaValue,\r\n      clear\r\n    };\r\n  return {\r\n    ref: internalRef,\r\n    value,\r\n    set: setTextareaValue,\r\n    clear\r\n  };\r\n}) as UseTextareaAutosize;\r\n"],"mappings":"uKAwFA,IAAa,IAAwB,GAAG,IAAkB,CACxD,IAAM,EAAU,EAAA,SAAS,EAAO,GAAG,CAAG,EAAO,GAAK,IAAA,GAE5C,EACJ,EACI,OAAO,EAAO,IAAO,SACnB,EAAO,GACP,CAAE,aAAc,EAAO,GAAI,CAC7B,OAAO,EAAO,IAAO,SACnB,EAAO,GACP,CAAE,aAAc,EAAO,GAAI,CAG7B,CAAC,EAAO,IAAA,EAAA,EAAA,UAAqB,GAAS,cAAgB,GAAG,CACzD,EAAc,EAAA,aAAkC,CAChD,GAAA,EAAA,EAAA,QAAiD,KAAK,CACtD,GAAA,EAAA,EAAA,QAAyB,EAAE,CAE3B,MAAyB,CAC7B,IAAM,EAAW,EAAY,QAC7B,GAAI,CAAC,EAAU,OAEf,IAAM,EAAoB,EAAS,MAAM,UACnC,EAAoB,EAAS,MAAM,UAEzC,EAAS,MAAM,OAAS,OACxB,EAAS,MAAM,UAAY,OAC3B,EAAS,MAAM,UAAY,OAE3B,IAAM,EAAe,EAAS,aAE9B,EAAS,MAAM,OAAS,GAAG,EAAa,IACxC,EAAS,MAAM,UAAY,EAC3B,EAAS,MAAM,UAAY,EAEvB,IAAiB,EAAgB,SAAS,GAAS,YAAY,CACnE,EAAgB,QAAU,GAGtB,EAAoB,GAAqB,CAC7C,EAAS,EAAS,CAClB,IAAM,EAAW,EAAY,QACxB,IACL,EAAS,MAAQ,EACjB,0BAA4B,CAC1B,GAAkB,EAClB,IAGJ,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAU,CAAC,EAAY,MAAO,OAEnC,IAAM,EACJ,EAAS,EAAA,SAAS,WAAW,EAAO,CAAG,EAAY,QAErD,GAAI,CAAC,EAAS,OAEd,EAAY,QAAU,EAClB,GAAS,eAAc,EAAQ,MAAQ,EAAQ,cAEnD,GAAkB,CAElB,IAAM,EAAW,GAAsB,CACrC,IAAM,EAAY,EAAM,OAA+B,MACvD,EAAiB,EAAS,CAE1B,0BAA4B,CAC1B,GAAkB,EAClB,EAGE,MAAiB,CACrB,0BAA4B,CAC1B,GAAkB,EAClB,EAMJ,OAHA,EAAQ,iBAAiB,QAAS,EAAyB,CAC3D,EAAQ,iBAAiB,SAAU,EAA0B,KAEhD,CACX,EAAQ,oBAAoB,QAAS,EAAyB,CAC9D,EAAQ,oBAAoB,SAAU,EAA0B,GAEjE,CAAC,GAAU,EAAA,SAAS,cAAc,EAAO,CAAE,EAAY,MAAM,CAAC,CAEjE,IAAM,MAAc,EAAS,GAAG,CAQhC,OANI,EACK,CACL,QACA,IAAK,EACL,QACD,CACI,CACL,IAAK,EACL,QACA,IAAK,EACL,QACD"}

package/dist/cjs/hooks/useThrottleCallback/useThrottleCallback.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),R=(s,u)=>{const c=e.useRef(s),t=e.useRef(null),r=e.useRef(!1),l=e.useRef(u),n=e.useRef(null);return c.current=s,l.current=u,e.useMemo(()=>{const o=()=>{r.current=!1,n.current&&(c.current.apply(void 0,n.current),n.current=null,setTimeout(o,l.current))},a=()=>{t.current&&(clearTimeout(t.current),t.current=null,r.current=!1)},f=function(...i){n.current=i,!r.current&&(c.current.apply(this,i),r.current=!0,t.current=setTimeout(o,l.current))};return f.cancel=a,a(),f},[u])};exports.useThrottleCallback=R;
-//# sourceMappingURL=useThrottleCallback.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(t,n)=>{let r=(0,e.useRef)(t),i=(0,e.useRef)(null),a=(0,e.useRef)(!1),o=(0,e.useRef)(n),s=(0,e.useRef)(null);return r.current=t,o.current=n,(0,e.useMemo)(()=>{let e=()=>{a.current=!1,s.current&&(r.current.apply(void 0,s.current),s.current=null,setTimeout(e,o.current))},t=()=>{i.current&&(clearTimeout(i.current),i.current=null,a.current=!1)},n=function(...t){s.current=t,!a.current&&(r.current.apply(this,t),a.current=!0,i.current=setTimeout(e,o.current))};return n.cancel=t,t(),n},[n])};exports.useThrottleCallback=t;
+//# sourceMappingURL=useThrottleCallback.cjs.map

package/dist/cjs/hooks/useThrottleCallback/useThrottleCallback.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useThrottleCallback.cjs","sources":["../../../../src/hooks/useThrottleCallback/useThrottleCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type ThrottledCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n  cancel: () => void;\n};\n\n/**\n * @name useThrottleCallback\n * @description - Hook that creates a throttled callback\n * @category Utilities\n * @usage medium\n *\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with throttle\n *\n * @example\n * const throttled = useThrottleCallback(() => console.log('callback'), 500);\n */\nexport const useThrottleCallback = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return,\n  delay: number\n): ThrottledCallback<Params> => {\n  const internalCallbackRef = useRef(callback);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isCalledRef = useRef(false);\n  const delayRef = useRef(delay);\n  const lastArgsRef = useRef<Params | null>(null);\n\n  internalCallbackRef.current = callback;\n  delayRef.current = delay;\n\n  const throttled = useMemo(() => {\n    const timer = () => {\n      isCalledRef.current = false;\n\n      if (!lastArgsRef.current) return;\n      internalCallbackRef.current.apply(this, lastArgsRef.current);\n      lastArgsRef.current = null;\n      setTimeout(timer, delayRef.current);\n    };\n\n    const cancel = () => {\n      if (!timeoutRef.current) return;\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      isCalledRef.current = false;\n    };\n\n    const throttledCallback = function (this: any, ...args: Params) {\n      lastArgsRef.current = args;\n      if (isCalledRef.current) return;\n\n      internalCallbackRef.current.apply(this, args);\n      isCalledRef.current = true;\n      timeoutRef.current = setTimeout(timer, delayRef.current);\n    };\n\n    throttledCallback.cancel = cancel;\n\n    cancel();\n    return throttledCallback;\n  }, [delay]);\n\n  return throttled;\n};\n"],"names":["useThrottleCallback","callback","delay","internalCallbackRef","useRef","timeoutRef","isCalledRef","delayRef","lastArgsRef","useMemo","timer","cancel","throttledCallback","args"],"mappings":"yGAqBaA,EAAsB,CACjCC,EACAC,IAC8B,CAC9B,MAAMC,EAAsBC,EAAAA,OAAOH,CAAQ,EACrCI,EAAaD,EAAAA,OAA6C,IAAI,EAC9DE,EAAcF,EAAAA,OAAO,EAAK,EAC1BG,EAAWH,EAAAA,OAAOF,CAAK,EACvBM,EAAcJ,EAAAA,OAAsB,IAAI,EAE9C,OAAAD,EAAoB,QAAUF,EAC9BM,EAAS,QAAUL,EAEDO,EAAAA,QAAQ,IAAM,CAC9B,MAAMC,EAAQ,IAAM,CAClBJ,EAAY,QAAU,GAEjBE,EAAY,UACjBL,EAAoB,QAAQ,MAAM,OAAMK,EAAY,OAAO,EAC3DA,EAAY,QAAU,KACtB,WAAWE,EAAOH,EAAS,OAAO,EAAA,EAG9BI,EAAS,IAAM,CACdN,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACrBC,EAAY,QAAU,GAAA,EAGlBM,EAAoB,YAAwBC,EAAc,CAC9DL,EAAY,QAAUK,EAClB,CAAAP,EAAY,UAEhBH,EAAoB,QAAQ,MAAM,KAAMU,CAAI,EAC5CP,EAAY,QAAU,GACtBD,EAAW,QAAU,WAAWK,EAAOH,EAAS,OAAO,EAAA,EAGzD,OAAAK,EAAkB,OAASD,EAE3BA,EAAA,EACOC,CAAA,EACN,CAACV,CAAK,CAAC,CAGZ"}
+{"version":3,"file":"useThrottleCallback.cjs","names":[],"sources":["../../../../src/hooks/useThrottleCallback/useThrottleCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type ThrottledCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n  cancel: () => void;\n};\n\n/**\n * @name useThrottleCallback\n * @description - Hook that creates a throttled callback\n * @category Utilities\n * @usage medium\n *\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with throttle\n *\n * @example\n * const throttled = useThrottleCallback(() => console.log('callback'), 500);\n */\nexport const useThrottleCallback = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return,\n  delay: number\n): ThrottledCallback<Params> => {\n  const internalCallbackRef = useRef(callback);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isCalledRef = useRef(false);\n  const delayRef = useRef(delay);\n  const lastArgsRef = useRef<Params | null>(null);\n\n  internalCallbackRef.current = callback;\n  delayRef.current = delay;\n\n  const throttled = useMemo(() => {\n    const timer = () => {\n      isCalledRef.current = false;\n\n      if (!lastArgsRef.current) return;\n      internalCallbackRef.current.apply(this, lastArgsRef.current);\n      lastArgsRef.current = null;\n      setTimeout(timer, delayRef.current);\n    };\n\n    const cancel = () => {\n      if (!timeoutRef.current) return;\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      isCalledRef.current = false;\n    };\n\n    const throttledCallback = function (this: any, ...args: Params) {\n      lastArgsRef.current = args;\n      if (isCalledRef.current) return;\n\n      internalCallbackRef.current.apply(this, args);\n      isCalledRef.current = true;\n      timeoutRef.current = setTimeout(timer, delayRef.current);\n    };\n\n    throttledCallback.cancel = cancel;\n\n    cancel();\n    return throttledCallback;\n  }, [delay]);\n\n  return throttled;\n};\n"],"mappings":"uEAqBA,IAAa,GACX,EACA,IAC8B,CAC9B,IAAM,GAAA,EAAA,EAAA,QAA6B,EAAS,CACtC,GAAA,EAAA,EAAA,QAA0D,KAAK,CAC/D,GAAA,EAAA,EAAA,QAAqB,GAAM,CAC3B,GAAA,EAAA,EAAA,QAAkB,EAAM,CACxB,GAAA,EAAA,EAAA,QAAoC,KAAK,CAqC/C,MAnCA,GAAoB,QAAU,EAC9B,EAAS,QAAU,GAkCnB,EAAA,EAAA,aAhCgC,CAC9B,IAAM,MAAc,CAClB,EAAY,QAAU,GAEjB,EAAY,UACjB,EAAoB,QAAQ,MAAA,IAAA,GAAY,EAAY,QAAQ,CAC5D,EAAY,QAAU,KACtB,WAAW,EAAO,EAAS,QAAQ,GAG/B,MAAe,CACd,EAAW,UAChB,aAAa,EAAW,QAAQ,CAChC,EAAW,QAAU,KACrB,EAAY,QAAU,KAGlB,EAAoB,SAAqB,GAAG,EAAc,CAC9D,EAAY,QAAU,EAClB,GAAY,UAEhB,EAAoB,QAAQ,MAAM,KAAM,EAAK,CAC7C,EAAY,QAAU,GACtB,EAAW,QAAU,WAAW,EAAO,EAAS,QAAQ,GAM1D,MAHA,GAAkB,OAAS,EAE3B,GAAQ,CACD,GACN,CAAC,EAAM,CAAC"}

package/dist/cjs/hooks/useThrottleEffect/useThrottleEffect.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),i=(f,s,l)=>{const o=e.useRef(!0),r=e.useRef(void 0),t=e.useRef(null),u=e.useRef(!1),n=e.useRef(f),c=e.useRef(s);n.current=f,c.current=s,e.useEffect(()=>{if(o.current){o.current=!1;return}if(!u.current)return r.current=n.current(),u.current=!0,setTimeout(()=>{u.current=!1,t.current=setTimeout(()=>{r.current=n.current()},c.current)},c.current),()=>{t.current&&clearTimeout(t.current),t.current=null,typeof r.current=="function"&&r.current()}},l)};exports.useThrottleEffect=i;
-//# sourceMappingURL=useThrottleEffect.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(t,n,r)=>{let i=(0,e.useRef)(!0),a=(0,e.useRef)(void 0),o=(0,e.useRef)(null),s=(0,e.useRef)(!1),c=(0,e.useRef)(t),l=(0,e.useRef)(n);c.current=t,l.current=n,(0,e.useEffect)(()=>{if(i.current){i.current=!1;return}if(!s.current)return a.current=c.current(),s.current=!0,setTimeout(()=>{s.current=!1,o.current=setTimeout(()=>{a.current=c.current()},l.current)},l.current),()=>{o.current&&clearTimeout(o.current),o.current=null,typeof a.current==`function`&&a.current()}},r)};exports.useThrottleEffect=t;
+//# sourceMappingURL=useThrottleEffect.cjs.map

package/dist/cjs/hooks/useThrottleEffect/useThrottleEffect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useThrottleEffect.cjs","sources":["../../../../src/hooks/useThrottleEffect/useThrottleEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * @name useThrottleEffect\n * @description – Hook that runs an effect at most once per delay period when dependencies change\n * @category Utilities\n * @usage medium\n *\n * @param {EffectCallback} effect The effect callback to run\n * @param {number} delay The delay in milliseconds\n * @param {DependencyList} deps The dependencies list for the effect\n *\n * @example\n * useThrottleEffect(() => console.log('effect'), 500, [value]);\n */\nexport const useThrottleEffect = (effect: EffectCallback, delay: number, deps?: DependencyList) => {\n  const mountedRef = useRef(true);\n  const cleanupRef = useRef<ReturnType<EffectCallback>>(undefined);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isCalledRef = useRef(false);\n\n  const effectRef = useRef(effect);\n  const delayRef = useRef(delay);\n\n  effectRef.current = effect;\n  delayRef.current = delay;\n\n  useEffect(() => {\n    if (mountedRef.current) {\n      mountedRef.current = false;\n      return;\n    }\n\n    if (isCalledRef.current) return;\n\n    cleanupRef.current = effectRef.current();\n    isCalledRef.current = true;\n\n    setTimeout(() => {\n      isCalledRef.current = false;\n\n      timeoutRef.current = setTimeout(() => {\n        cleanupRef.current = effectRef.current();\n      }, delayRef.current);\n    }, delayRef.current);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      if (typeof cleanupRef.current === 'function') cleanupRef.current();\n    };\n  }, deps);\n};\n"],"names":["useThrottleEffect","effect","delay","deps","mountedRef","useRef","cleanupRef","timeoutRef","isCalledRef","effectRef","delayRef","useEffect"],"mappings":"yGAiBaA,EAAoB,CAACC,EAAwBC,EAAeC,IAA0B,CACjG,MAAMC,EAAaC,EAAAA,OAAO,EAAI,EACxBC,EAAaD,EAAAA,OAAmC,MAAS,EACzDE,EAAaF,EAAAA,OAA6C,IAAI,EAC9DG,EAAcH,EAAAA,OAAO,EAAK,EAE1BI,EAAYJ,EAAAA,OAAOJ,CAAM,EACzBS,EAAWL,EAAAA,OAAOH,CAAK,EAE7BO,EAAU,QAAUR,EACpBS,EAAS,QAAUR,EAEnBS,EAAAA,UAAU,IAAM,CACd,GAAIP,EAAW,QAAS,CACtBA,EAAW,QAAU,GACrB,MAAA,CAGF,GAAI,CAAAI,EAAY,QAEhB,OAAAF,EAAW,QAAUG,EAAU,QAAA,EAC/BD,EAAY,QAAU,GAEtB,WAAW,IAAM,CACfA,EAAY,QAAU,GAEtBD,EAAW,QAAU,WAAW,IAAM,CACpCD,EAAW,QAAUG,EAAU,QAAA,CAAQ,EACtCC,EAAS,OAAO,CAAA,EAClBA,EAAS,OAAO,EAEZ,IAAM,CACPH,EAAW,SAAS,aAAaA,EAAW,OAAO,EACvDA,EAAW,QAAU,KACjB,OAAOD,EAAW,SAAY,cAAuB,QAAA,CAAQ,CACnE,EACCH,CAAI,CACT"}
+{"version":3,"file":"useThrottleEffect.cjs","names":[],"sources":["../../../../src/hooks/useThrottleEffect/useThrottleEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * @name useThrottleEffect\n * @description – Hook that runs an effect at most once per delay period when dependencies change\n * @category Utilities\n * @usage medium\n *\n * @param {EffectCallback} effect The effect callback to run\n * @param {number} delay The delay in milliseconds\n * @param {DependencyList} deps The dependencies list for the effect\n *\n * @example\n * useThrottleEffect(() => console.log('effect'), 500, [value]);\n */\nexport const useThrottleEffect = (effect: EffectCallback, delay: number, deps?: DependencyList) => {\n  const mountedRef = useRef(true);\n  const cleanupRef = useRef<ReturnType<EffectCallback>>(undefined);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isCalledRef = useRef(false);\n\n  const effectRef = useRef(effect);\n  const delayRef = useRef(delay);\n\n  effectRef.current = effect;\n  delayRef.current = delay;\n\n  useEffect(() => {\n    if (mountedRef.current) {\n      mountedRef.current = false;\n      return;\n    }\n\n    if (isCalledRef.current) return;\n\n    cleanupRef.current = effectRef.current();\n    isCalledRef.current = true;\n\n    setTimeout(() => {\n      isCalledRef.current = false;\n\n      timeoutRef.current = setTimeout(() => {\n        cleanupRef.current = effectRef.current();\n      }, delayRef.current);\n    }, delayRef.current);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      if (typeof cleanupRef.current === 'function') cleanupRef.current();\n    };\n  }, deps);\n};\n"],"mappings":"uEAiBA,IAAa,GAAqB,EAAwB,EAAe,IAA0B,CACjG,IAAM,GAAA,EAAA,EAAA,QAAoB,GAAK,CACzB,GAAA,EAAA,EAAA,QAAgD,IAAA,GAAU,CAC1D,GAAA,EAAA,EAAA,QAA0D,KAAK,CAC/D,GAAA,EAAA,EAAA,QAAqB,GAAM,CAE3B,GAAA,EAAA,EAAA,QAAmB,EAAO,CAC1B,GAAA,EAAA,EAAA,QAAkB,EAAM,CAE9B,EAAU,QAAU,EACpB,EAAS,QAAU,GAEnB,EAAA,EAAA,eAAgB,CACd,GAAI,EAAW,QAAS,CACtB,EAAW,QAAU,GACrB,OAGE,MAAY,QAahB,MAXA,GAAW,QAAU,EAAU,SAAS,CACxC,EAAY,QAAU,GAEtB,eAAiB,CACf,EAAY,QAAU,GAEtB,EAAW,QAAU,eAAiB,CACpC,EAAW,QAAU,EAAU,SAAS,EACvC,EAAS,QAAQ,EACnB,EAAS,QAAQ,KAEP,CACP,EAAW,SAAS,aAAa,EAAW,QAAQ,CACxD,EAAW,QAAU,KACjB,OAAO,EAAW,SAAY,YAAY,EAAW,SAAS,GAEnE,EAAK"}

package/dist/cjs/hooks/useThrottleState/useThrottleState.cjs

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

package/dist/cjs/hooks/useThrottleState/useThrottleState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useThrottleState.cjs","sources":["../../../../src/hooks/useThrottleState/useThrottleState.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleState\n * @description - Hook that creates a throttled state\n * @category Utilities\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {[Value, (value: Value) => void]} The throttled state\n *\n * @example\n * const [throttledValue, setThrottledValue] = useThrottleState(value, 500);\n */\nexport const useThrottleState = <Value>(initialValue: Value, delay: number) => {\n  const [throttledValue, setThrottledValue] = useState(initialValue);\n  const throttledSetState = useThrottleCallback(setThrottledValue, delay);\n\n  return [throttledValue, throttledSetState] as const;\n};\n"],"names":["useThrottleState","initialValue","delay","throttledValue","setThrottledValue","useState","throttledSetState","useThrottleCallback"],"mappings":"qKAkBaA,EAAmB,CAAQC,EAAqBC,IAAkB,CAC7E,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAASJ,CAAY,EAC3DK,EAAoBC,EAAAA,oBAAoBH,EAAmBF,CAAK,EAEtE,MAAO,CAACC,EAAgBG,CAAiB,CAC3C"}
+{"version":3,"file":"useThrottleState.cjs","names":[],"sources":["../../../../src/hooks/useThrottleState/useThrottleState.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleState\n * @description - Hook that creates a throttled state\n * @category Utilities\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {[Value, (value: Value) => void]} The throttled state\n *\n * @example\n * const [throttledValue, setThrottledValue] = useThrottleState(value, 500);\n */\nexport const useThrottleState = <Value>(initialValue: Value, delay: number) => {\n  const [throttledValue, setThrottledValue] = useState(initialValue);\n  const throttledSetState = useThrottleCallback(setThrottledValue, delay);\n\n  return [throttledValue, throttledSetState] as const;\n};\n"],"mappings":"yIAkBA,IAAa,GAA2B,EAAqB,IAAkB,CAC7E,GAAM,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA8B,EAAa,CAGlE,MAAO,CAAC,EAFkB,EAAA,oBAAoB,EAAmB,EAAM,CAE7B"}

package/dist/cjs/hooks/useThrottleValue/useThrottleValue.cjs

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

package/dist/cjs/hooks/useThrottleValue/useThrottleValue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useThrottleValue.cjs","sources":["../../../../src/hooks/useThrottleValue/useThrottleValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleValue\n * @description - Hook that creates a throttled value\n * @category Utilities\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The throttled value\n *\n * @example\n * const throttledValue = useThrottleValue(value, 500);\n */\nexport const useThrottleValue = <Value>(value: Value, delay: number) => {\n  const previousValueRef = useRef(value);\n  const [throttledValue, setThrottledValue] = useState(value);\n\n  const throttledSetState = useThrottleCallback(setThrottledValue, delay);\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    throttledSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return throttledValue;\n};\n"],"names":["useThrottleValue","value","delay","previousValueRef","useRef","throttledValue","setThrottledValue","useState","throttledSetState","useThrottleCallback","useEffect"],"mappings":"qKAkBaA,EAAmB,CAAQC,EAAcC,IAAkB,CACtE,MAAMC,EAAmBC,EAAAA,OAAOH,CAAK,EAC/B,CAACI,EAAgBC,CAAiB,EAAIC,EAAAA,SAASN,CAAK,EAEpDO,EAAoBC,EAAAA,oBAAoBH,EAAmBJ,CAAK,EAEtEQ,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAiB,UAAYF,IACjCO,EAAkBP,CAAK,EACvBE,EAAiB,QAAUF,EAAA,EAC1B,CAACA,CAAK,CAAC,EAEHI,CACT"}
+{"version":3,"file":"useThrottleValue.cjs","names":[],"sources":["../../../../src/hooks/useThrottleValue/useThrottleValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleValue\n * @description - Hook that creates a throttled value\n * @category Utilities\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The throttled value\n *\n * @example\n * const throttledValue = useThrottleValue(value, 500);\n */\nexport const useThrottleValue = <Value>(value: Value, delay: number) => {\n  const previousValueRef = useRef(value);\n  const [throttledValue, setThrottledValue] = useState(value);\n\n  const throttledSetState = useThrottleCallback(setThrottledValue, delay);\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    throttledSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return throttledValue;\n};\n"],"mappings":"yIAkBA,IAAa,GAA2B,EAAc,IAAkB,CACtE,IAAM,GAAA,EAAA,EAAA,QAA0B,EAAM,CAChC,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA8B,EAAM,CAErD,EAAoB,EAAA,oBAAoB,EAAmB,EAAM,CAQvE,OANA,EAAA,EAAA,eAAgB,CACV,EAAiB,UAAY,IACjC,EAAkB,EAAM,CACxB,EAAiB,QAAU,IAC1B,CAAC,EAAM,CAAC,CAEJ"}

package/dist/cjs/hooks/useTime/useTime.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../utils/helpers/getDate.cjs"),u=()=>{const[r,s]=e.useState(t.getDate());return e.useEffect(()=>{const n=setInterval(()=>s(t.getDate()),1e3);return()=>{clearInterval(n)}},[]),r};exports.useTime=u;
-//# sourceMappingURL=useTime.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../utils/helpers/getDate.cjs`);let t=require(`react`);var n=()=>{let[n,r]=(0,t.useState)(e.getDate());return(0,t.useEffect)(()=>{let t=setInterval(()=>r(e.getDate()),1e3);return()=>{clearInterval(t)}},[]),n};exports.useTime=n;
+//# sourceMappingURL=useTime.cjs.map

package/dist/cjs/hooks/useTime/useTime.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTime.cjs","sources":["../../../../src/hooks/useTime/useTime.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDate } from '@/utils/helpers';\n\nexport interface UseTimeReturn {\n  /** The current day of the month (1-31) */\n  day: number;\n  /** The current hour in 24-hour format (0-23) */\n  hours: number;\n  /** The current hour in 12-hour format with meridiem type (AM/PM) */\n  meridiemHours: { value: number; type: string };\n  /** The current minute (0-59) */\n  minutes: number;\n  /** The current month (1-12) */\n  month: number;\n  /** The current second (0-59) */\n  seconds: number;\n  /** The current Unix timestamp in milliseconds */\n  timestamp: number;\n  /** The current year */\n  year: number;\n}\n\n/**\n * @name useTime\n * @description - Hook that gives you current time in different values\n * @category Time\n * @usage medium\n *\n * @returns {UseTimeReturn} An object containing the current time\n *\n * @example\n * const { seconds, minutes, hours, meridiemHours, day, month, year, timestamp } = useTime();\n */\nexport const useTime = (): UseTimeReturn => {\n  const [time, setTime] = useState(getDate());\n\n  useEffect(() => {\n    const timerId = setInterval(() => setTime(getDate()), 1000);\n\n    return () => {\n      clearInterval(timerId);\n    };\n  }, []);\n\n  return time;\n};\n"],"names":["useTime","time","setTime","useState","getDate","useEffect","timerId"],"mappings":"sJAkCaA,EAAU,IAAqB,CAC1C,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAASC,EAAAA,SAAS,EAE1CC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAU,YAAY,IAAMJ,EAAQE,EAAAA,QAAA,CAAS,EAAG,GAAI,EAE1D,MAAO,IAAM,CACX,cAAcE,CAAO,CAAA,CACvB,EACC,EAAE,EAEEL,CACT"}
+{"version":3,"file":"useTime.cjs","names":[],"sources":["../../../../src/hooks/useTime/useTime.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDate } from '@/utils/helpers';\n\nexport interface UseTimeReturn {\n  /** The current day of the month (1-31) */\n  day: number;\n  /** The current hour in 24-hour format (0-23) */\n  hours: number;\n  /** The current hour in 12-hour format with meridiem type (AM/PM) */\n  meridiemHours: { value: number; type: string };\n  /** The current minute (0-59) */\n  minutes: number;\n  /** The current month (1-12) */\n  month: number;\n  /** The current second (0-59) */\n  seconds: number;\n  /** The current Unix timestamp in milliseconds */\n  timestamp: number;\n  /** The current year */\n  year: number;\n}\n\n/**\n * @name useTime\n * @description - Hook that gives you current time in different values\n * @category Time\n * @usage medium\n *\n * @returns {UseTimeReturn} An object containing the current time\n *\n * @example\n * const { seconds, minutes, hours, meridiemHours, day, month, year, timestamp } = useTime();\n */\nexport const useTime = (): UseTimeReturn => {\n  const [time, setTime] = useState(getDate());\n\n  useEffect(() => {\n    const timerId = setInterval(() => setTime(getDate()), 1000);\n\n    return () => {\n      clearInterval(timerId);\n    };\n  }, []);\n\n  return time;\n};\n"],"mappings":"0HAkCA,IAAa,MAA+B,CAC1C,GAAM,CAAC,EAAM,IAAA,EAAA,EAAA,UAAoB,EAAA,SAAS,CAAC,CAU3C,OARA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAU,gBAAkB,EAAQ,EAAA,SAAS,CAAC,CAAE,IAAK,CAE3D,UAAa,CACX,cAAc,EAAQ,GAEvB,EAAE,CAAC,CAEC"}

package/dist/cjs/hooks/useTimeout/useTimeout.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),s=require("../useEvent/useEvent.cjs");function i(c,r){const[n,u]=t.useState(!1),e=t.useRef(void 0),o=s.useEvent(c);return t.useEffect(()=>(e.current=setTimeout(()=>{o(),u(!0)},r),()=>{clearTimeout(e.current)}),[r]),{ready:n,clear:()=>{clearTimeout(e.current),u(!0)}}}exports.useTimeout=i;
-//# sourceMappingURL=useTimeout.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../useEvent/useEvent.cjs`);let t=require(`react`);function n(n,r){let[i,a]=(0,t.useState)(!1),o=(0,t.useRef)(void 0),s=e.useEvent(n);return(0,t.useEffect)(()=>(o.current=setTimeout(()=>{s(),a(!0)},r),()=>{clearTimeout(o.current)}),[r]),{ready:i,clear:()=>{clearTimeout(o.current),a(!0)}}}exports.useTimeout=n;
+//# sourceMappingURL=useTimeout.cjs.map

package/dist/cjs/hooks/useTimeout/useTimeout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTimeout.cjs","sources":["../../../../src/hooks/useTimeout/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use timeout return type */\ninterface UseTimeoutReturn {\n  /**  Timeout is ready state value */\n  ready: boolean;\n  /** Function to clear timeout */\n  clear: () => void;\n}\n\n/**\n * @name useTimeout\n * @description - Hook that executes a callback function after a specified delay\n * @category Time\n * @usage medium\n *\n * @param {() => void} callback The function to be executed after the timeout\n * @param {number} delay The delay in milliseconds before the timeout executes the callback function\n * @returns {UseTimeoutReturn} An object with a `ready` boolean state value and a `clear` function to clear timeout\n *\n * @example\n * const { clear, ready } = useTimeout(() => {}, 5000);\n */\nexport function useTimeout(callback: () => void, delay: number): UseTimeoutReturn {\n  const [ready, setReady] = useState(false);\n\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const internalCallback = useEvent(callback);\n\n  useEffect(() => {\n    timeoutIdRef.current = setTimeout(() => {\n      internalCallback();\n      setReady(true);\n    }, delay);\n\n    return () => {\n      clearTimeout(timeoutIdRef.current);\n    };\n  }, [delay]);\n\n  const clear = () => {\n    clearTimeout(timeoutIdRef.current);\n    setReady(true);\n  };\n\n  return { ready, clear };\n}\n"],"names":["useTimeout","callback","delay","ready","setReady","useState","timeoutIdRef","useRef","internalCallback","useEvent","useEffect"],"mappings":"+IAyBO,SAASA,EAAWC,EAAsBC,EAAiC,CAChF,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAElCC,EAAeC,EAAAA,OAAsC,MAAS,EAC9DC,EAAmBC,EAAAA,SAASR,CAAQ,EAE1CS,OAAAA,EAAAA,UAAU,KACRJ,EAAa,QAAU,WAAW,IAAM,CACtCE,EAAA,EACAJ,EAAS,EAAI,CAAA,EACZF,CAAK,EAED,IAAM,CACX,aAAaI,EAAa,OAAO,CAAA,GAElC,CAACJ,CAAK,CAAC,EAOH,CAAE,MAAAC,EAAO,MALF,IAAM,CAClB,aAAaG,EAAa,OAAO,EACjCF,EAAS,EAAI,CAAA,CAGC,CAClB"}
+{"version":3,"file":"useTimeout.cjs","names":[],"sources":["../../../../src/hooks/useTimeout/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use timeout return type */\ninterface UseTimeoutReturn {\n  /**  Timeout is ready state value */\n  ready: boolean;\n  /** Function to clear timeout */\n  clear: () => void;\n}\n\n/**\n * @name useTimeout\n * @description - Hook that executes a callback function after a specified delay\n * @category Time\n * @usage medium\n *\n * @param {() => void} callback The function to be executed after the timeout\n * @param {number} delay The delay in milliseconds before the timeout executes the callback function\n * @returns {UseTimeoutReturn} An object with a `ready` boolean state value and a `clear` function to clear timeout\n *\n * @example\n * const { clear, ready } = useTimeout(() => {}, 5000);\n */\nexport function useTimeout(callback: () => void, delay: number): UseTimeoutReturn {\n  const [ready, setReady] = useState(false);\n\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const internalCallback = useEvent(callback);\n\n  useEffect(() => {\n    timeoutIdRef.current = setTimeout(() => {\n      internalCallback();\n      setReady(true);\n    }, delay);\n\n    return () => {\n      clearTimeout(timeoutIdRef.current);\n    };\n  }, [delay]);\n\n  const clear = () => {\n    clearTimeout(timeoutIdRef.current);\n    setReady(true);\n  };\n\n  return { ready, clear };\n}\n"],"mappings":"mHAyBA,SAAgB,EAAW,EAAsB,EAAiC,CAChF,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,UAAqB,GAAM,CAEnC,GAAA,EAAA,EAAA,QAAqD,IAAA,GAAU,CAC/D,EAAmB,EAAA,SAAS,EAAS,CAkB3C,OAhBA,EAAA,EAAA,gBACE,EAAa,QAAU,eAAiB,CACtC,GAAkB,CAClB,EAAS,GAAK,EACb,EAAM,KAEI,CACX,aAAa,EAAa,QAAQ,GAEnC,CAAC,EAAM,CAAC,CAOJ,CAAE,QAAO,UALI,CAClB,aAAa,EAAa,QAAQ,CAClC,EAAS,GAAK,EAGO"}

package/dist/cjs/hooks/useTimer/useTimer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),I=require("../useDidUpdate/useDidUpdate.cjs"),m=o=>{const e=Math.ceil(o),u=Math.floor(e/(3600*24)),c=Math.floor(e%(3600*24)/3600),t=Math.floor(e%3600/60);return{seconds:Math.floor(e%60),minutes:t,hours:c,days:u}},R=((...o)=>{const e=Math.max(o[0]??0,0),u=typeof o[1]=="object"?o[1]:{onExpire:o[1]},[c,t]=d.useState(e>0&&(u?.immediately??!0)),[i,r]=d.useState(e),l=d.useRef(void 0),f=d.useRef(u);f.current=u??{},I.useDidUpdate(()=>{if(e<=0){t(!1),r(0);return}t(!0),r(e)},[e]),d.useEffect(()=>{if(!c)return;f.current?.onStart?.();const s=()=>{r(n=>{f.current?.onTick?.(n);const a=n-1;return a===0&&(t(!1),f.current?.onExpire?.()),a})};return l.current=setInterval(s,1e3),()=>{clearInterval(l.current)}},[c]);const S=()=>t(!1),p=()=>{i<=0||t(!0)},h=()=>{i<=0||t(!c)},v=(s,n=!0)=>{r(s),n&&t(!0)},M=()=>{e<=0||(t(!0),r(e))},T=()=>{t(!1),r(0)},g=s=>r(n=>n+s),y=s=>{r(n=>{const a=n-s;return a<=0?(t(!1),0):a})};return{...m(i),count:i,pause:S,active:c,resume:p,toggle:h,start:M,restart:v,clear:T,increase:g,decrease:y}});exports.getTimeFromSeconds=m;exports.useTimer=R;
-//# sourceMappingURL=useTimer.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../useDidUpdate/useDidUpdate.cjs`);let t=require(`react`);var n=e=>{let t=Math.ceil(e),n=Math.floor(t/(3600*24)),r=Math.floor(t%(3600*24)/3600),i=Math.floor(t%3600/60);return{seconds:Math.floor(t%60),minutes:i,hours:r,days:n}},r=((...r)=>{let i=Math.max(r[0]??0,0),a=typeof r[1]==`object`?r[1]:{onExpire:r[1]},[o,s]=(0,t.useState)(i>0&&(a?.immediately??!0)),[c,l]=(0,t.useState)(i),u=(0,t.useRef)(void 0),d=(0,t.useRef)(a);d.current=a??{},e.useDidUpdate(()=>{if(i<=0){s(!1),l(0);return}s(!0),l(i)},[i]),(0,t.useEffect)(()=>o?(d.current?.onStart?.(),u.current=setInterval(()=>{l(e=>{d.current?.onTick?.(e);let t=e-1;return t===0&&(s(!1),d.current?.onExpire?.()),t})},1e3),()=>{clearInterval(u.current)}):void 0,[o]);let f=()=>s(!1),p=()=>{c<=0||s(!0)},m=()=>{c<=0||s(!o)},h=(e,t=!0)=>{l(e),t&&s(!0)},g=()=>{i<=0||(s(!0),l(i))},_=()=>{s(!1),l(0)},v=e=>l(t=>t+e),y=e=>{l(t=>{let n=t-e;return n<=0?(s(!1),0):n})};return{...n(c),count:c,pause:f,active:o,resume:p,toggle:m,start:g,restart:h,clear:_,increase:v,decrease:y}});exports.getTimeFromSeconds=n,exports.useTimer=r;
+//# sourceMappingURL=useTimer.cjs.map

package/dist/cjs/hooks/useTimer/useTimer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTimer.cjs","sources":["../../../../src/hooks/useTimer/useTimer.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\nexport type PositiveInteger<Value extends number> = `${Value}` extends `-${any}` | `${any}.${any}`\n  ? never\n  : Value;\n\nexport const getTimeFromSeconds = (timestamp: number) => {\n  const roundedTimestamp = Math.ceil(timestamp);\n  const days = Math.floor(roundedTimestamp / (60 * 60 * 24));\n  const hours = Math.floor((roundedTimestamp % (60 * 60 * 24)) / (60 * 60));\n  const minutes = Math.floor((roundedTimestamp % (60 * 60)) / 60);\n  const seconds = Math.floor(roundedTimestamp % 60);\n\n  return {\n    seconds,\n    minutes,\n    hours,\n    days\n  };\n};\n\n/** The use timer options type */\nexport interface UseTimerOptions {\n  /** Whether the timer should start automatically */\n  immediately?: boolean;\n  /** The function to be executed when the timer is expired */\n  onExpire?: () => void;\n  /** The function to be executed when the timer is started */\n  onStart?: () => void;\n  /** Callback function to be executed on each tick of the timer */\n  onTick?: (seconds: number) => void;\n}\n\n/** The use timer return type */\nexport interface UseTimerReturn {\n  /** flag to indicate if timer is active or not */\n  active: boolean;\n  /** The total count of the timer */\n  count: number;\n  /** The day count of the timer */\n  days: number;\n  /** The hour count of the timer */\n  hours: number;\n  /** The minute count of the timer */\n  minutes: number;\n  /** The second count of the timer */\n  seconds: number;\n  /** The function to clear the timer */\n  clear: () => void;\n  /** The function to decrease the timer */\n  decrease: (seconds: PositiveInteger<number>) => void;\n  /** The function to increase the timer */\n  increase: (seconds: PositiveInteger<number>) => void;\n  /** The function to pause the timer */\n  pause: () => void;\n  /** The function to restart the timer */\n  restart: (time: PositiveInteger<number>, immediately?: boolean) => void;\n  /** The function to resume the timer */\n  resume: () => void;\n  /** The function to start the timer */\n  start: () => void;\n  /** The function to toggle the timer */\n  toggle: () => void;\n}\n\nexport interface UseTimer {\n  (): UseTimerReturn;\n\n  (seconds: PositiveInteger<number>, callback: () => void): UseTimerReturn;\n\n  (seconds: PositiveInteger<number>, options?: UseTimerOptions): UseTimerReturn;\n}\n\n/**\n * @name useTimer\n * @description - Hook that creates a timer functionality\n * @category Time\n * @usage medium\n *\n * @overload\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer();\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {() => void} callback The function to be executed once countdown timer is expired\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000, () => console.log('ready'));\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {boolean} [options.immediately=true] The flag to decide if timer should start automatically\n * @param {() => void} [options.onExpire] The function to be executed when the timer is expired\n * @param {(timestamp: number) => void} [options.onTick] The function to be executed on each tick of the timer\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000);\n */\nexport const useTimer = ((...params: any[]) => {\n  const initialSeconds = Math.max((params[0] ?? 0) as PositiveInteger<number>, 0);\n  const options = (typeof params[1] === 'object' ? params[1] : { onExpire: params[1] }) as\n    | UseTimerOptions\n    | undefined;\n\n  const [active, setActive] = useState(initialSeconds > 0 && (options?.immediately ?? true));\n  const [seconds, setSeconds] = useState(initialSeconds);\n\n  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n  const optionsRef = useRef<UseTimerOptions>(options);\n  optionsRef.current = options ?? {};\n\n  useDidUpdate(() => {\n    if (initialSeconds <= 0) {\n      setActive(false);\n      setSeconds(0);\n      return;\n    }\n\n    setActive(true);\n    setSeconds(initialSeconds);\n  }, [initialSeconds]);\n\n  useEffect(() => {\n    if (!active) return;\n\n    optionsRef.current?.onStart?.();\n    const onInterval = () => {\n      setSeconds((prevSeconds) => {\n        optionsRef.current?.onTick?.(prevSeconds);\n        const updatedSeconds = prevSeconds - 1;\n        if (updatedSeconds === 0) {\n          setActive(false);\n          optionsRef.current?.onExpire?.();\n        }\n        return updatedSeconds;\n      });\n    };\n\n    intervalIdRef.current = setInterval(onInterval, 1000);\n    return () => {\n      clearInterval(intervalIdRef.current);\n    };\n  }, [active]);\n\n  const pause = () => setActive(false);\n  const resume = () => {\n    if (seconds <= 0) return;\n    setActive(true);\n  };\n\n  const toggle = () => {\n    if (seconds <= 0) return;\n    setActive(!active);\n  };\n\n  const restart = (seconds: PositiveInteger<number>, immediately = true) => {\n    setSeconds(seconds);\n    if (immediately) setActive(true);\n  };\n\n  const start = () => {\n    if (initialSeconds <= 0) return;\n\n    setActive(true);\n    setSeconds(initialSeconds);\n  };\n\n  const clear = () => {\n    setActive(false);\n    setSeconds(0);\n  };\n\n  const increase = (seconds: PositiveInteger<number>) =>\n    setSeconds((prevSeconds) => prevSeconds + seconds);\n  const decrease = (seconds: PositiveInteger<number>) => {\n    setSeconds((prevSeconds) => {\n      const updatedSeconds = prevSeconds - seconds;\n      if (updatedSeconds <= 0) {\n        setActive(false);\n        return 0;\n      } else {\n        return updatedSeconds;\n      }\n    });\n  };\n\n  return {\n    ...getTimeFromSeconds(seconds),\n    count: seconds,\n    pause,\n    active,\n    resume,\n    toggle,\n    start,\n    restart,\n    clear,\n    increase,\n    decrease\n  };\n}) as UseTimer;\n"],"names":["getTimeFromSeconds","timestamp","roundedTimestamp","days","hours","minutes","useTimer","params","initialSeconds","options","active","setActive","useState","seconds","setSeconds","intervalIdRef","useRef","optionsRef","useDidUpdate","useEffect","onInterval","prevSeconds","updatedSeconds","pause","resume","toggle","restart","immediately","start","clear","increase","decrease"],"mappings":"uJAQaA,EAAsBC,GAAsB,CACvD,MAAMC,EAAmB,KAAK,KAAKD,CAAS,EACtCE,EAAO,KAAK,MAAMD,GAAoB,KAAU,GAAG,EACnDE,EAAQ,KAAK,MAAOF,GAAoB,KAAU,IAAQ,IAAQ,EAClEG,EAAU,KAAK,MAAOH,EAAoB,KAAY,EAAE,EAG9D,MAAO,CACL,QAHc,KAAK,MAAMA,EAAmB,EAAE,EAI9C,QAAAG,EACA,MAAAD,EACA,KAAAD,CAAA,CAEJ,EAoFaG,GAAY,IAAIC,IAAkB,CAC7C,MAAMC,EAAiB,KAAK,IAAKD,EAAO,CAAC,GAAK,EAA+B,CAAC,EACxEE,EAAW,OAAOF,EAAO,CAAC,GAAM,SAAWA,EAAO,CAAC,EAAI,CAAE,SAAUA,EAAO,CAAC,CAAA,EAI3E,CAACG,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,EAAiB,IAAMC,GAAS,aAAe,GAAK,EACnF,CAACI,EAASC,CAAU,EAAIF,EAAAA,SAASJ,CAAc,EAE/CO,EAAgBC,EAAAA,OAAuC,MAAS,EAChEC,EAAaD,EAAAA,OAAwBP,CAAO,EAClDQ,EAAW,QAAUR,GAAW,CAAA,EAEhCS,EAAAA,aAAa,IAAM,CACjB,GAAIV,GAAkB,EAAG,CACvBG,EAAU,EAAK,EACfG,EAAW,CAAC,EACZ,MAAA,CAGFH,EAAU,EAAI,EACdG,EAAWN,CAAc,CAAA,EACxB,CAACA,CAAc,CAAC,EAEnBW,EAAAA,UAAU,IAAM,CACd,GAAI,CAACT,EAAQ,OAEbO,EAAW,SAAS,UAAA,EACpB,MAAMG,EAAa,IAAM,CACvBN,EAAYO,GAAgB,CAC1BJ,EAAW,SAAS,SAASI,CAAW,EACxC,MAAMC,EAAiBD,EAAc,EACrC,OAAIC,IAAmB,IACrBX,EAAU,EAAK,EACfM,EAAW,SAAS,WAAA,GAEfK,CAAA,CACR,CAAA,EAGH,OAAAP,EAAc,QAAU,YAAYK,EAAY,GAAI,EAC7C,IAAM,CACX,cAAcL,EAAc,OAAO,CAAA,CACrC,EACC,CAACL,CAAM,CAAC,EAEX,MAAMa,EAAQ,IAAMZ,EAAU,EAAK,EAC7Ba,EAAS,IAAM,CACfX,GAAW,GACfF,EAAU,EAAI,CAAA,EAGVc,EAAS,IAAM,CACfZ,GAAW,GACfF,EAAU,CAACD,CAAM,CAAA,EAGbgB,EAAU,CAACb,EAAkCc,EAAc,KAAS,CACxEb,EAAWD,CAAO,EACdc,KAAuB,EAAI,CAAA,EAG3BC,EAAQ,IAAM,CACdpB,GAAkB,IAEtBG,EAAU,EAAI,EACdG,EAAWN,CAAc,EAAA,EAGrBqB,EAAQ,IAAM,CAClBlB,EAAU,EAAK,EACfG,EAAW,CAAC,CAAA,EAGRgB,EAAYjB,GAChBC,EAAYO,GAAgBA,EAAcR,CAAO,EAC7CkB,EAAYlB,GAAqC,CACrDC,EAAYO,GAAgB,CAC1B,MAAMC,EAAiBD,EAAcR,EACrC,OAAIS,GAAkB,GACpBX,EAAU,EAAK,EACR,GAEAW,CACT,CACD,CAAA,EAGH,MAAO,CACL,GAAGtB,EAAmBa,CAAO,EAC7B,MAAOA,EACP,MAAAU,EACA,OAAAb,EACA,OAAAc,EACA,OAAAC,EACA,MAAAG,EACA,QAAAF,EACA,MAAAG,EACA,SAAAC,EACA,SAAAC,CAAA,CAEJ"}
+{"version":3,"file":"useTimer.cjs","names":[],"sources":["../../../../src/hooks/useTimer/useTimer.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\nexport type PositiveInteger<Value extends number> = `${Value}` extends `-${any}` | `${any}.${any}`\n  ? never\n  : Value;\n\nexport const getTimeFromSeconds = (timestamp: number) => {\n  const roundedTimestamp = Math.ceil(timestamp);\n  const days = Math.floor(roundedTimestamp / (60 * 60 * 24));\n  const hours = Math.floor((roundedTimestamp % (60 * 60 * 24)) / (60 * 60));\n  const minutes = Math.floor((roundedTimestamp % (60 * 60)) / 60);\n  const seconds = Math.floor(roundedTimestamp % 60);\n\n  return {\n    seconds,\n    minutes,\n    hours,\n    days\n  };\n};\n\n/** The use timer options type */\nexport interface UseTimerOptions {\n  /** Whether the timer should start automatically */\n  immediately?: boolean;\n  /** The function to be executed when the timer is expired */\n  onExpire?: () => void;\n  /** The function to be executed when the timer is started */\n  onStart?: () => void;\n  /** Callback function to be executed on each tick of the timer */\n  onTick?: (seconds: number) => void;\n}\n\n/** The use timer return type */\nexport interface UseTimerReturn {\n  /** flag to indicate if timer is active or not */\n  active: boolean;\n  /** The total count of the timer */\n  count: number;\n  /** The day count of the timer */\n  days: number;\n  /** The hour count of the timer */\n  hours: number;\n  /** The minute count of the timer */\n  minutes: number;\n  /** The second count of the timer */\n  seconds: number;\n  /** The function to clear the timer */\n  clear: () => void;\n  /** The function to decrease the timer */\n  decrease: (seconds: PositiveInteger<number>) => void;\n  /** The function to increase the timer */\n  increase: (seconds: PositiveInteger<number>) => void;\n  /** The function to pause the timer */\n  pause: () => void;\n  /** The function to restart the timer */\n  restart: (time: PositiveInteger<number>, immediately?: boolean) => void;\n  /** The function to resume the timer */\n  resume: () => void;\n  /** The function to start the timer */\n  start: () => void;\n  /** The function to toggle the timer */\n  toggle: () => void;\n}\n\nexport interface UseTimer {\n  (): UseTimerReturn;\n\n  (seconds: PositiveInteger<number>, callback: () => void): UseTimerReturn;\n\n  (seconds: PositiveInteger<number>, options?: UseTimerOptions): UseTimerReturn;\n}\n\n/**\n * @name useTimer\n * @description - Hook that creates a timer functionality\n * @category Time\n * @usage medium\n *\n * @overload\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer();\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {() => void} callback The function to be executed once countdown timer is expired\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000, () => console.log('ready'));\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {boolean} [options.immediately=true] The flag to decide if timer should start automatically\n * @param {() => void} [options.onExpire] The function to be executed when the timer is expired\n * @param {(timestamp: number) => void} [options.onTick] The function to be executed on each tick of the timer\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000);\n */\nexport const useTimer = ((...params: any[]) => {\n  const initialSeconds = Math.max((params[0] ?? 0) as PositiveInteger<number>, 0);\n  const options = (typeof params[1] === 'object' ? params[1] : { onExpire: params[1] }) as\n    | UseTimerOptions\n    | undefined;\n\n  const [active, setActive] = useState(initialSeconds > 0 && (options?.immediately ?? true));\n  const [seconds, setSeconds] = useState(initialSeconds);\n\n  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n  const optionsRef = useRef<UseTimerOptions>(options);\n  optionsRef.current = options ?? {};\n\n  useDidUpdate(() => {\n    if (initialSeconds <= 0) {\n      setActive(false);\n      setSeconds(0);\n      return;\n    }\n\n    setActive(true);\n    setSeconds(initialSeconds);\n  }, [initialSeconds]);\n\n  useEffect(() => {\n    if (!active) return;\n\n    optionsRef.current?.onStart?.();\n    const onInterval = () => {\n      setSeconds((prevSeconds) => {\n        optionsRef.current?.onTick?.(prevSeconds);\n        const updatedSeconds = prevSeconds - 1;\n        if (updatedSeconds === 0) {\n          setActive(false);\n          optionsRef.current?.onExpire?.();\n        }\n        return updatedSeconds;\n      });\n    };\n\n    intervalIdRef.current = setInterval(onInterval, 1000);\n    return () => {\n      clearInterval(intervalIdRef.current);\n    };\n  }, [active]);\n\n  const pause = () => setActive(false);\n  const resume = () => {\n    if (seconds <= 0) return;\n    setActive(true);\n  };\n\n  const toggle = () => {\n    if (seconds <= 0) return;\n    setActive(!active);\n  };\n\n  const restart = (seconds: PositiveInteger<number>, immediately = true) => {\n    setSeconds(seconds);\n    if (immediately) setActive(true);\n  };\n\n  const start = () => {\n    if (initialSeconds <= 0) return;\n\n    setActive(true);\n    setSeconds(initialSeconds);\n  };\n\n  const clear = () => {\n    setActive(false);\n    setSeconds(0);\n  };\n\n  const increase = (seconds: PositiveInteger<number>) =>\n    setSeconds((prevSeconds) => prevSeconds + seconds);\n  const decrease = (seconds: PositiveInteger<number>) => {\n    setSeconds((prevSeconds) => {\n      const updatedSeconds = prevSeconds - seconds;\n      if (updatedSeconds <= 0) {\n        setActive(false);\n        return 0;\n      } else {\n        return updatedSeconds;\n      }\n    });\n  };\n\n  return {\n    ...getTimeFromSeconds(seconds),\n    count: seconds,\n    pause,\n    active,\n    resume,\n    toggle,\n    start,\n    restart,\n    clear,\n    increase,\n    decrease\n  };\n}) as UseTimer;\n"],"mappings":"2HAQA,IAAa,EAAsB,GAAsB,CACvD,IAAM,EAAmB,KAAK,KAAK,EAAU,CACvC,EAAO,KAAK,MAAM,GAAoB,KAAU,IAAI,CACpD,EAAQ,KAAK,MAAO,GAAoB,KAAU,IAAQ,KAAS,CACnE,EAAU,KAAK,MAAO,EAAoB,KAAY,GAAG,CAG/D,MAAO,CACL,QAHc,KAAK,MAAM,EAAmB,GAAG,CAI/C,UACA,QACA,OACD,EAqFU,IAAa,GAAG,IAAkB,CAC7C,IAAM,EAAiB,KAAK,IAAK,EAAO,IAAM,EAA+B,EAAE,CACzE,EAAW,OAAO,EAAO,IAAO,SAAW,EAAO,GAAK,CAAE,SAAU,EAAO,GAAI,CAI9E,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,EAAiB,IAAM,GAAS,aAAe,IAAM,CACpF,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,EAAe,CAEhD,GAAA,EAAA,EAAA,QAAuD,IAAA,GAAU,CACjE,GAAA,EAAA,EAAA,QAAqC,EAAQ,CACnD,EAAW,QAAU,GAAW,EAAE,CAElC,EAAA,iBAAmB,CACjB,GAAI,GAAkB,EAAG,CACvB,EAAU,GAAM,CAChB,EAAW,EAAE,CACb,OAGF,EAAU,GAAK,CACf,EAAW,EAAe,EACzB,CAAC,EAAe,CAAC,EAEpB,EAAA,EAAA,eACO,GAEL,EAAW,SAAS,WAAW,CAa/B,EAAc,QAAU,gBAZC,CACvB,EAAY,GAAgB,CAC1B,EAAW,SAAS,SAAS,EAAY,CACzC,IAAM,EAAiB,EAAc,EAKrC,OAJI,IAAmB,IACrB,EAAU,GAAM,CAChB,EAAW,SAAS,YAAY,EAE3B,GACP,EAG4C,IAAK,KACxC,CACX,cAAc,EAAc,QAAQ,GAjBzB,OAmBZ,CAAC,EAAO,CAAC,CAEZ,IAAM,MAAc,EAAU,GAAM,CAC9B,MAAe,CACf,GAAW,GACf,EAAU,GAAK,EAGX,MAAe,CACf,GAAW,GACf,EAAU,CAAC,EAAO,EAGd,GAAW,EAAkC,EAAc,KAAS,CACxE,EAAW,EAAQ,CACf,GAAa,EAAU,GAAK,EAG5B,MAAc,CACd,GAAkB,IAEtB,EAAU,GAAK,CACf,EAAW,EAAe,GAGtB,MAAc,CAClB,EAAU,GAAM,CAChB,EAAW,EAAE,EAGT,EAAY,GAChB,EAAY,GAAgB,EAAc,EAAQ,CAC9C,EAAY,GAAqC,CACrD,EAAY,GAAgB,CAC1B,IAAM,EAAiB,EAAc,EAKnC,OAJE,GAAkB,GACpB,EAAU,GAAM,CACT,GAEA,GAET,EAGJ,MAAO,CACL,GAAG,EAAmB,EAAQ,CAC9B,MAAO,EACP,QACA,SACA,SACA,SACA,QACA,UACA,QACA,WACA,WACD"}

package/dist/cjs/hooks/useToggle/useToggle.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=(r=[!1,!0])=>{const[[t],u]=s.useReducer((e,o)=>{const c=typeof o=="function"?o(e[0]):o,n=Math.abs(e.indexOf(c));return e.slice(n).concat(e.slice(0,n))},r);return[t,u]};exports.useToggle=l;
-//# sourceMappingURL=useToggle.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(t=[!1,!0])=>{let[[n],r]=(0,e.useReducer)((e,t)=>{let n=typeof t==`function`?t(e[0]):t,r=Math.abs(e.indexOf(n));return e.slice(r).concat(e.slice(0,r))},t);return[n,r]};exports.useToggle=t;
+//# sourceMappingURL=useToggle.cjs.map

package/dist/cjs/hooks/useToggle/useToggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useToggle.cjs","sources":["../../../../src/hooks/useToggle/useToggle.ts"],"sourcesContent":["import type { SetStateAction } from 'react';\n\nimport { useReducer } from 'react';\n\n/** The use toggle return type */\nexport type UseToggleReturn<Value> = readonly [Value, (value?: Value) => void];\n\n/**\n * @name useToggle\n * @description - Hook that create toggle\n * @category State\n * @usage high\n *\n * @template Value The type of the value\n * @param {Value[]} [values=[false, true]] The values to toggle\n *\n * @example\n * const [on, toggle] = useToggle();\n *\n * @example\n * const [value, toggle] = useToggle(['light', 'dark'] as const);\n */\nexport const useToggle = <Value = boolean>(values: readonly Value[] = [false, true] as any) => {\n  const [[option], toggle] = useReducer((state: Value[], action: SetStateAction<Value>) => {\n    const value =\n      typeof action === 'function' ? (action as (prevState: Value) => Value)(state[0]) : action;\n    const index = Math.abs(state.indexOf(value));\n    return state.slice(index).concat(state.slice(0, index));\n  }, values as Value[]);\n\n  return [option, toggle as (value?: SetStateAction<Value>) => void] as const;\n};\n"],"names":["useToggle","values","option","toggle","useReducer","state","action","value","index"],"mappings":"yGAsBaA,EAAY,CAAkBC,EAA2B,CAAC,GAAO,EAAI,IAAa,CAC7F,KAAM,CAAC,CAACC,CAAM,EAAGC,CAAM,EAAIC,aAAW,CAACC,EAAgBC,IAAkC,CACvF,MAAMC,EACJ,OAAOD,GAAW,WAAcA,EAAuCD,EAAM,CAAC,CAAC,EAAIC,EAC/EE,EAAQ,KAAK,IAAIH,EAAM,QAAQE,CAAK,CAAC,EAC3C,OAAOF,EAAM,MAAMG,CAAK,EAAE,OAAOH,EAAM,MAAM,EAAGG,CAAK,CAAC,CAAA,EACrDP,CAAiB,EAEpB,MAAO,CAACC,EAAQC,CAAiD,CACnE"}
+{"version":3,"file":"useToggle.cjs","names":[],"sources":["../../../../src/hooks/useToggle/useToggle.ts"],"sourcesContent":["import type { SetStateAction } from 'react';\n\nimport { useReducer } from 'react';\n\n/** The use toggle return type */\nexport type UseToggleReturn<Value> = readonly [Value, (value?: Value) => void];\n\n/**\n * @name useToggle\n * @description - Hook that create toggle\n * @category State\n * @usage high\n *\n * @template Value The type of the value\n * @param {Value[]} [values=[false, true]] The values to toggle\n *\n * @example\n * const [on, toggle] = useToggle();\n *\n * @example\n * const [value, toggle] = useToggle(['light', 'dark'] as const);\n */\nexport const useToggle = <Value = boolean>(values: readonly Value[] = [false, true] as any) => {\n  const [[option], toggle] = useReducer((state: Value[], action: SetStateAction<Value>) => {\n    const value =\n      typeof action === 'function' ? (action as (prevState: Value) => Value)(state[0]) : action;\n    const index = Math.abs(state.indexOf(value));\n    return state.slice(index).concat(state.slice(0, index));\n  }, values as Value[]);\n\n  return [option, toggle as (value?: SetStateAction<Value>) => void] as const;\n};\n"],"mappings":"uEAsBA,IAAa,GAA8B,EAA2B,CAAC,GAAO,GAAK,GAAY,CAC7F,GAAM,CAAC,CAAC,GAAS,IAAA,EAAA,EAAA,aAAsB,EAAgB,IAAkC,CACvF,IAAM,EACJ,OAAO,GAAW,WAAc,EAAuC,EAAM,GAAG,CAAG,EAC/E,EAAQ,KAAK,IAAI,EAAM,QAAQ,EAAM,CAAC,CAC5C,OAAO,EAAM,MAAM,EAAM,CAAC,OAAO,EAAM,MAAM,EAAG,EAAM,CAAC,EACtD,EAAkB,CAErB,MAAO,CAAC,EAAQ,EAAkD"}

package/dist/cjs/hooks/useUnmount/useUnmount.cjs

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

package/dist/cjs/hooks/useUnmount/useUnmount.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUnmount.cjs","sources":["../../../../src/hooks/useUnmount/useUnmount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name useUnmount\n * @description - Hook that defines the logic when unmounting a component\n * @category Lifecycle\n * @usage necessary\n *\n * @param {() => void} callback The callback function to be invoked on component unmount\n * @returns {void}\n *\n * @example\n * useUnmount(() => console.log('This effect runs on component unmount'));\n */\n\nexport const useUnmount = (callback: () => void) => {\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(\n    () => () => {\n      internalCallbackRef.current();\n    },\n    []\n  );\n};\n"],"names":["useUnmount","callback","internalCallbackRef","useRef","useEffect"],"mappings":"yGAeaA,EAAcC,GAAyB,CAClD,MAAMC,EAAsBC,EAAAA,OAAOF,CAAQ,EAC3CC,EAAoB,QAAUD,EAE9BG,EAAAA,UACE,IAAM,IAAM,CACVF,EAAoB,QAAA,CAAQ,EAE9B,CAAA,CAAC,CAEL"}
+{"version":3,"file":"useUnmount.cjs","names":[],"sources":["../../../../src/hooks/useUnmount/useUnmount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name useUnmount\n * @description - Hook that defines the logic when unmounting a component\n * @category Lifecycle\n * @usage necessary\n *\n * @param {() => void} callback The callback function to be invoked on component unmount\n * @returns {void}\n *\n * @example\n * useUnmount(() => console.log('This effect runs on component unmount'));\n */\n\nexport const useUnmount = (callback: () => void) => {\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(\n    () => () => {\n      internalCallbackRef.current();\n    },\n    []\n  );\n};\n"],"mappings":"uEAeA,IAAa,EAAc,GAAyB,CAClD,IAAM,GAAA,EAAA,EAAA,QAA6B,EAAS,CAC5C,EAAoB,QAAU,GAE9B,EAAA,EAAA,mBACc,CACV,EAAoB,SAAS,EAE/B,EAAE,CACH"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useUrlSearchParam.cjs","sources":["../../../../src/hooks/useUrlSearchParam/useUrlSearchParam.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\n/** The url search params mode type */\r\nexport type UrlSearchParamMode = 'hash-params' | 'hash' | 'history';\r\n\r\n/** The use url search param options type */\r\nexport interface UseUrlSearchParamOptions<Value> {\r\n  /** The initial value of the search param */\r\n  initialValue?: Value;\r\n  /** The mode to use for writing to the URL */\r\n  mode?: UrlSearchParamMode;\r\n  /** The mode to use for writing to the URL */\r\n  write?: 'push' | 'replace';\r\n  /** The deserializer function to be invoked */\r\n  deserializer?: (value: string) => Value;\r\n  /** The serializer function to be invoked */\r\n  serializer?: (value: Value) => string;\r\n}\r\n\r\n/** The use url search params set options type */\r\nexport interface UseUrlSearchParamsActionOptions {\r\n  /** The mode to use for writing to the URL */\r\n  write?: 'push' | 'replace';\r\n}\r\n\r\n/** The use url search param return type */\r\nexport interface UseUrlSearchParamReturn<Value> {\r\n  /** Current search param value */\r\n  value: Value | undefined;\r\n  /** Function to remove the search param */\r\n  remove: (options?: UseUrlSearchParamsActionOptions) => void;\r\n  /** Function to update search param */\r\n  set: (value: Value, options?: UseUrlSearchParamsActionOptions) => void;\r\n}\r\n\r\nexport const URL_SEARCH_PARAMS_EVENT = 'reactuse-url-search-params-event';\r\n\r\nexport const getUrlSearchParams = (mode: UrlSearchParamMode = 'history') => {\r\n  const { search, hash } = window.location;\r\n\r\n  let path = '';\r\n\r\n  if (mode === 'history') path = search;\r\n  if (mode === 'hash-params') path = hash.replace(/^#/, '');\r\n  if (mode === 'hash') {\r\n    const index = hash.indexOf('?');\r\n    path = ~index ? hash.slice(index) : '';\r\n  }\r\n\r\n  return new URLSearchParams(path);\r\n};\r\n\r\nexport const createQueryString = (searchParams: URLSearchParams, mode: UrlSearchParamMode) => {\r\n  const searchParamsString = searchParams.toString();\r\n  const { search, hash } = window.location;\r\n\r\n  if (mode === 'history') return `${searchParamsString ? `?${searchParamsString}` : ''}${hash}`;\r\n  if (mode === 'hash-params')\r\n    return `${search}${searchParamsString ? `#${searchParamsString}` : ''}`;\r\n  if (mode === 'hash') {\r\n    const index = hash.indexOf('?');\r\n    const base = index > -1 ? hash.slice(0, index) : hash;\r\n    return `${search}${base}${searchParamsString ? `?${searchParamsString}` : ''}`;\r\n  }\r\n\r\n  throw new Error('Invalid mode');\r\n};\r\n\r\nexport const dispatchUrlSearchParamsEvent = () =>\r\n  window.dispatchEvent(new Event(URL_SEARCH_PARAMS_EVENT));\r\n\r\nexport interface UseUrlSearchParam {\r\n  <Value>(\r\n    key: string,\r\n    options: UseUrlSearchParamOptions<Value> & { initialValue: Value }\r\n  ): UseUrlSearchParamReturn<Value>;\r\n\r\n  <Value>(\r\n    key: string,\r\n    options?: UseUrlSearchParamOptions<Value>\r\n  ): UseUrlSearchParamReturn<Value | undefined>;\r\n\r\n  <Value>(key: string, initialValue: Value): UseUrlSearchParamReturn<Value>;\r\n\r\n  <Value>(key: string): UseUrlSearchParamReturn<Value | undefined>;\r\n}\r\n\r\n/**\r\n * @name useUrlSearchParam\r\n * @description - Hook that provides reactive URLSearchParams for a single key\r\n * @category State\r\n * @usage high\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {string} key The key of the url param\r\n * @param {UseUrlSearchParamOptions<Value> & { initialValue: Value }} options The options object with required initialValue\r\n * @param {Value} options.initialValue The initial value for the url param\r\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\r\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\r\n * @param {(value: Value) => string} [options.serializer] Custom serializer function to convert value to string\r\n * @param {(value: string) => Value} [options.deserializer] Custom deserializer function to convert string to value\r\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParam('page', { initialValue: 1 });\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {string} key The key of the url param\r\n * @param {Value} [initialValue] The initial value for the url param\r\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParam('page', 1);\r\n */\r\nexport const useUrlSearchParam = (<Value>(key: string, params?: any) => {\r\n  const options = (\r\n    typeof params === 'object' &&\r\n    params &&\r\n    ('serializer' in params ||\r\n      'deserializer' in params ||\r\n      'initialValue' in params ||\r\n      'mode' in params ||\r\n      'write' in params)\r\n      ? params\r\n      : undefined\r\n  ) as UseUrlSearchParamOptions<Value>;\r\n\r\n  const initialValue = (options ? options?.initialValue : params) as Value;\r\n  const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\r\n\r\n  if (typeof window === 'undefined') {\r\n    return {\r\n      value: initialValue,\r\n      remove: () => {},\r\n      set: () => {}\r\n    } as UseUrlSearchParamReturn<Value>;\r\n  }\r\n\r\n  const serializer = (value: Value) => {\r\n    if (options?.serializer) return options.serializer(value);\r\n    if (typeof value === 'string') return value;\r\n\r\n    return JSON.stringify(value);\r\n  };\r\n\r\n  const deserializer = (value: string) => {\r\n    if (options?.deserializer) return options.deserializer(value);\r\n    if (value === 'undefined' || value === 'null') return undefined as unknown as Value;\r\n\r\n    try {\r\n      return JSON.parse(value) as Value;\r\n    } catch {\r\n      return value as Value;\r\n    }\r\n  };\r\n\r\n  const setUrlSearchParam = (\r\n    key: string,\r\n    value: Value | undefined,\r\n    mode: UrlSearchParamMode,\r\n    write: 'push' | 'replace' = 'replace'\r\n  ) => {\r\n    const urlSearchParams = getUrlSearchParams(mode);\r\n\r\n    if (value === undefined) {\r\n      urlSearchParams.delete(key);\r\n    } else {\r\n      const serializedValue = serializer ? serializer(value) : String(value);\r\n      urlSearchParams.set(key, serializedValue);\r\n    }\r\n\r\n    const query = createQueryString(urlSearchParams, mode);\r\n    if (write === 'replace') window.history.replaceState({}, '', query);\r\n    if (write === 'push') window.history.pushState({}, '', query);\r\n\r\n    dispatchUrlSearchParamsEvent();\r\n  };\r\n\r\n  const [value, setValue] = useState<Value | undefined>(() => {\r\n    const urlSearchParams = getUrlSearchParams(mode);\r\n    const currentValue = urlSearchParams.get(key);\r\n\r\n    if (currentValue === null && initialValue !== undefined) {\r\n      setUrlSearchParam(key, initialValue, mode, writeMode);\r\n      return initialValue;\r\n    }\r\n\r\n    return currentValue ? deserializer(currentValue) : undefined;\r\n  });\r\n\r\n  const set = (value: Value, options?: UseUrlSearchParamsActionOptions) => {\r\n    setUrlSearchParam(key, value, mode, options?.write ?? writeMode);\r\n    setValue(value);\r\n  };\r\n\r\n  const remove = (options?: UseUrlSearchParamsActionOptions) => {\r\n    setUrlSearchParam(key, undefined, mode, options?.write ?? writeMode);\r\n    setValue(undefined);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const onParamsChange = () => {\r\n      const urlSearchParams = getUrlSearchParams(mode);\r\n      const newValue = urlSearchParams.get(key);\r\n      setValue(newValue ? deserializer(newValue) : undefined);\r\n    };\r\n\r\n    window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n    window.addEventListener('popstate', onParamsChange);\r\n    if (mode !== 'history') {\r\n      window.addEventListener('hashchange', onParamsChange);\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n      window.removeEventListener('popstate', onParamsChange);\r\n      if (mode !== 'history') {\r\n        window.removeEventListener('hashchange', onParamsChange);\r\n      }\r\n    };\r\n  }, [key, mode]);\r\n\r\n  return {\r\n    value,\r\n    remove,\r\n    set\r\n  };\r\n}) as UseUrlSearchParam;\r\n"],"names":["URL_SEARCH_PARAMS_EVENT","getUrlSearchParams","mode","search","hash","path","index","createQueryString","searchParams","searchParamsString","base","dispatchUrlSearchParamsEvent","useUrlSearchParam","key","params","options","initialValue","writeMode","serializer","value","deserializer","setUrlSearchParam","write","urlSearchParams","serializedValue","query","setValue","useState","currentValue","set","remove","useEffect","onParamsChange","newValue"],"mappings":"yGAmCaA,EAA0B,mCAE1BC,EAAqB,CAACC,EAA2B,YAAc,CAC1E,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAA,EAAS,OAAO,SAEhC,IAAIC,EAAO,GAIX,GAFIH,IAAS,YAAWG,EAAOF,GAC3BD,IAAS,gBAAeG,EAAOD,EAAK,QAAQ,KAAM,EAAE,GACpDF,IAAS,OAAQ,CACnB,MAAMI,EAAQF,EAAK,QAAQ,GAAG,EAC9BC,EAAO,CAACC,EAAQF,EAAK,MAAME,CAAK,EAAI,EAAA,CAGtC,OAAO,IAAI,gBAAgBD,CAAI,CACjC,EAEaE,EAAoB,CAACC,EAA+BN,IAA6B,CAC5F,MAAMO,EAAqBD,EAAa,SAAA,EAClC,CAAE,OAAAL,EAAQ,KAAAC,CAAA,EAAS,OAAO,SAEhC,GAAIF,IAAS,UAAW,MAAO,GAAGO,EAAqB,IAAIA,CAAkB,GAAK,EAAE,GAAGL,CAAI,GAC3F,GAAIF,IAAS,cACX,MAAO,GAAGC,CAAM,GAAGM,EAAqB,IAAIA,CAAkB,GAAK,EAAE,GACvE,GAAIP,IAAS,OAAQ,CACnB,MAAMI,EAAQF,EAAK,QAAQ,GAAG,EACxBM,EAAOJ,EAAQ,GAAKF,EAAK,MAAM,EAAGE,CAAK,EAAIF,EACjD,MAAO,GAAGD,CAAM,GAAGO,CAAI,GAAGD,EAAqB,IAAIA,CAAkB,GAAK,EAAE,EAAA,CAG9E,MAAM,IAAI,MAAM,cAAc,CAChC,EAEaE,EAA+B,IAC1C,OAAO,cAAc,IAAI,MAAMX,CAAuB,CAAC,EA+C5CY,GAAqB,CAAQC,EAAaC,IAAiB,CACtE,MAAMC,EACJ,OAAOD,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,SAAUA,GACV,UAAWA,GACTA,EACA,OAGAE,EAAgBD,EAAUA,GAAS,aAAeD,EAClD,CAAE,KAAAZ,EAAO,UAAW,MAAOe,EAAY,SAAA,EAAcF,GAAW,CAAA,EAEtE,GAAI,OAAO,OAAW,IACpB,MAAO,CACL,MAAOC,EACP,OAAQ,IAAM,CAAA,EACd,IAAK,IAAM,CAAA,CAAC,EAIhB,MAAME,EAAcC,GACdJ,GAAS,WAAmBA,EAAQ,WAAWI,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAE/B,KAAK,UAAUA,CAAK,EAGvBC,EAAgBD,GAAkB,CACtC,GAAIJ,GAAS,aAAc,OAAOA,EAAQ,aAAaI,CAAK,EAC5D,GAAIA,EAAAA,IAAU,aAAeA,IAAU,QAEvC,GAAI,CACF,OAAO,KAAK,MAAMA,CAAK,CAAA,MACjB,CACN,OAAOA,CAAA,CACT,EAGIE,EAAoB,CACxBR,EACAM,EACAjB,EACAoB,EAA4B,YACzB,CACH,MAAMC,EAAkBtB,EAAmBC,CAAI,EAE/C,GAAIiB,IAAU,OACZI,EAAgB,OAAOV,CAAG,MACrB,CACL,MAAMW,EAAkBN,EAAaA,EAAWC,CAAK,EAAI,OAAOA,CAAK,EACrEI,EAAgB,IAAIV,EAAKW,CAAe,CAAA,CAG1C,MAAMC,EAAQlB,EAAkBgB,EAAiBrB,CAAI,EACjDoB,IAAU,WAAW,OAAO,QAAQ,aAAa,CAAA,EAAI,GAAIG,CAAK,EAC9DH,IAAU,QAAQ,OAAO,QAAQ,UAAU,CAAA,EAAI,GAAIG,CAAK,EAE5Dd,EAAA,CAA6B,EAGzB,CAACQ,EAAOO,CAAQ,EAAIC,EAAAA,SAA4B,IAAM,CAE1D,MAAMC,EADkB3B,EAAmBC,CAAI,EACV,IAAIW,CAAG,EAE5C,OAAIe,IAAiB,MAAQZ,IAAiB,QAC5CK,EAAkBR,EAAKG,EAAcd,EAAMe,CAAS,EAC7CD,GAGFY,EAAeR,EAAaQ,CAAY,EAAI,MAAA,CACpD,EAEKC,EAAM,CAACV,EAAcJ,IAA8C,CACvEM,EAAkBR,EAAKM,EAAOjB,EAAMa,GAAS,OAASE,CAAS,EAC/DS,EAASP,CAAK,CAAA,EAGVW,EAAUf,GAA8C,CAC5DM,EAAkBR,EAAK,OAAWX,EAAMa,GAAS,OAASE,CAAS,EACnES,EAAS,MAAS,CAAA,EAGpBK,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAiB,IAAM,CAE3B,MAAMC,EADkBhC,EAAmBC,CAAI,EACd,IAAIW,CAAG,EACxCa,EAASO,EAAWb,EAAaa,CAAQ,EAAI,MAAS,CAAA,EAGxD,cAAO,iBAAiBjC,EAAyBgC,CAAc,EAC/D,OAAO,iBAAiB,WAAYA,CAAc,EAC9C9B,IAAS,WACX,OAAO,iBAAiB,aAAc8B,CAAc,EAG/C,IAAM,CACX,OAAO,oBAAoBhC,EAAyBgC,CAAc,EAClE,OAAO,oBAAoB,WAAYA,CAAc,EACjD9B,IAAS,WACX,OAAO,oBAAoB,aAAc8B,CAAc,CACzD,CACF,EACC,CAACnB,EAAKX,CAAI,CAAC,EAEP,CACL,MAAAiB,EACA,OAAAW,EACA,IAAAD,CAAA,CAEJ"}
+{"version":3,"file":"useUrlSearchParam.cjs","names":[],"sources":["../../../../src/hooks/useUrlSearchParam/useUrlSearchParam.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\n/** The url search params mode type */\r\nexport type UrlSearchParamMode = 'hash-params' | 'hash' | 'history';\r\n\r\n/** The use url search param options type */\r\nexport interface UseUrlSearchParamOptions<Value> {\r\n  /** The initial value of the search param */\r\n  initialValue?: Value;\r\n  /** The mode to use for writing to the URL */\r\n  mode?: UrlSearchParamMode;\r\n  /** The mode to use for writing to the URL */\r\n  write?: 'push' | 'replace';\r\n  /** The deserializer function to be invoked */\r\n  deserializer?: (value: string) => Value;\r\n  /** The serializer function to be invoked */\r\n  serializer?: (value: Value) => string;\r\n}\r\n\r\n/** The use url search params set options type */\r\nexport interface UseUrlSearchParamsActionOptions {\r\n  /** The mode to use for writing to the URL */\r\n  write?: 'push' | 'replace';\r\n}\r\n\r\n/** The use url search param return type */\r\nexport interface UseUrlSearchParamReturn<Value> {\r\n  /** Current search param value */\r\n  value: Value | undefined;\r\n  /** Function to remove the search param */\r\n  remove: (options?: UseUrlSearchParamsActionOptions) => void;\r\n  /** Function to update search param */\r\n  set: (value: Value, options?: UseUrlSearchParamsActionOptions) => void;\r\n}\r\n\r\nexport const URL_SEARCH_PARAMS_EVENT = 'reactuse-url-search-params-event';\r\n\r\nexport const getUrlSearchParams = (mode: UrlSearchParamMode = 'history') => {\r\n  const { search, hash } = window.location;\r\n\r\n  let path = '';\r\n\r\n  if (mode === 'history') path = search;\r\n  if (mode === 'hash-params') path = hash.replace(/^#/, '');\r\n  if (mode === 'hash') {\r\n    const index = hash.indexOf('?');\r\n    path = ~index ? hash.slice(index) : '';\r\n  }\r\n\r\n  return new URLSearchParams(path);\r\n};\r\n\r\nexport const createQueryString = (searchParams: URLSearchParams, mode: UrlSearchParamMode) => {\r\n  const searchParamsString = searchParams.toString();\r\n  const { search, hash } = window.location;\r\n\r\n  if (mode === 'history') return `${searchParamsString ? `?${searchParamsString}` : ''}${hash}`;\r\n  if (mode === 'hash-params')\r\n    return `${search}${searchParamsString ? `#${searchParamsString}` : ''}`;\r\n  if (mode === 'hash') {\r\n    const index = hash.indexOf('?');\r\n    const base = index > -1 ? hash.slice(0, index) : hash;\r\n    return `${search}${base}${searchParamsString ? `?${searchParamsString}` : ''}`;\r\n  }\r\n\r\n  throw new Error('Invalid mode');\r\n};\r\n\r\nexport const dispatchUrlSearchParamsEvent = () =>\r\n  window.dispatchEvent(new Event(URL_SEARCH_PARAMS_EVENT));\r\n\r\nexport interface UseUrlSearchParam {\r\n  <Value>(\r\n    key: string,\r\n    options: UseUrlSearchParamOptions<Value> & { initialValue: Value }\r\n  ): UseUrlSearchParamReturn<Value>;\r\n\r\n  <Value>(\r\n    key: string,\r\n    options?: UseUrlSearchParamOptions<Value>\r\n  ): UseUrlSearchParamReturn<Value | undefined>;\r\n\r\n  <Value>(key: string, initialValue: Value): UseUrlSearchParamReturn<Value>;\r\n\r\n  <Value>(key: string): UseUrlSearchParamReturn<Value | undefined>;\r\n}\r\n\r\n/**\r\n * @name useUrlSearchParam\r\n * @description - Hook that provides reactive URLSearchParams for a single key\r\n * @category State\r\n * @usage high\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {string} key The key of the url param\r\n * @param {UseUrlSearchParamOptions<Value> & { initialValue: Value }} options The options object with required initialValue\r\n * @param {Value} options.initialValue The initial value for the url param\r\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\r\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\r\n * @param {(value: Value) => string} [options.serializer] Custom serializer function to convert value to string\r\n * @param {(value: string) => Value} [options.deserializer] Custom deserializer function to convert string to value\r\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParam('page', { initialValue: 1 });\r\n *\r\n * @overload\r\n * @template Value The type of the url param values\r\n * @param {string} key The key of the url param\r\n * @param {Value} [initialValue] The initial value for the url param\r\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\r\n *\r\n * @example\r\n * const { value, set } = useUrlSearchParam('page', 1);\r\n */\r\nexport const useUrlSearchParam = (<Value>(key: string, params?: any) => {\r\n  const options = (\r\n    typeof params === 'object' &&\r\n    params &&\r\n    ('serializer' in params ||\r\n      'deserializer' in params ||\r\n      'initialValue' in params ||\r\n      'mode' in params ||\r\n      'write' in params)\r\n      ? params\r\n      : undefined\r\n  ) as UseUrlSearchParamOptions<Value>;\r\n\r\n  const initialValue = (options ? options?.initialValue : params) as Value;\r\n  const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\r\n\r\n  if (typeof window === 'undefined') {\r\n    return {\r\n      value: initialValue,\r\n      remove: () => {},\r\n      set: () => {}\r\n    } as UseUrlSearchParamReturn<Value>;\r\n  }\r\n\r\n  const serializer = (value: Value) => {\r\n    if (options?.serializer) return options.serializer(value);\r\n    if (typeof value === 'string') return value;\r\n\r\n    return JSON.stringify(value);\r\n  };\r\n\r\n  const deserializer = (value: string) => {\r\n    if (options?.deserializer) return options.deserializer(value);\r\n    if (value === 'undefined' || value === 'null') return undefined as unknown as Value;\r\n\r\n    try {\r\n      return JSON.parse(value) as Value;\r\n    } catch {\r\n      return value as Value;\r\n    }\r\n  };\r\n\r\n  const setUrlSearchParam = (\r\n    key: string,\r\n    value: Value | undefined,\r\n    mode: UrlSearchParamMode,\r\n    write: 'push' | 'replace' = 'replace'\r\n  ) => {\r\n    const urlSearchParams = getUrlSearchParams(mode);\r\n\r\n    if (value === undefined) {\r\n      urlSearchParams.delete(key);\r\n    } else {\r\n      const serializedValue = serializer ? serializer(value) : String(value);\r\n      urlSearchParams.set(key, serializedValue);\r\n    }\r\n\r\n    const query = createQueryString(urlSearchParams, mode);\r\n    if (write === 'replace') window.history.replaceState({}, '', query);\r\n    if (write === 'push') window.history.pushState({}, '', query);\r\n\r\n    dispatchUrlSearchParamsEvent();\r\n  };\r\n\r\n  const [value, setValue] = useState<Value | undefined>(() => {\r\n    const urlSearchParams = getUrlSearchParams(mode);\r\n    const currentValue = urlSearchParams.get(key);\r\n\r\n    if (currentValue === null && initialValue !== undefined) {\r\n      setUrlSearchParam(key, initialValue, mode, writeMode);\r\n      return initialValue;\r\n    }\r\n\r\n    return currentValue ? deserializer(currentValue) : undefined;\r\n  });\r\n\r\n  const set = (value: Value, options?: UseUrlSearchParamsActionOptions) => {\r\n    setUrlSearchParam(key, value, mode, options?.write ?? writeMode);\r\n    setValue(value);\r\n  };\r\n\r\n  const remove = (options?: UseUrlSearchParamsActionOptions) => {\r\n    setUrlSearchParam(key, undefined, mode, options?.write ?? writeMode);\r\n    setValue(undefined);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const onParamsChange = () => {\r\n      const urlSearchParams = getUrlSearchParams(mode);\r\n      const newValue = urlSearchParams.get(key);\r\n      setValue(newValue ? deserializer(newValue) : undefined);\r\n    };\r\n\r\n    window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n    window.addEventListener('popstate', onParamsChange);\r\n    if (mode !== 'history') {\r\n      window.addEventListener('hashchange', onParamsChange);\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\r\n      window.removeEventListener('popstate', onParamsChange);\r\n      if (mode !== 'history') {\r\n        window.removeEventListener('hashchange', onParamsChange);\r\n      }\r\n    };\r\n  }, [key, mode]);\r\n\r\n  return {\r\n    value,\r\n    remove,\r\n    set\r\n  };\r\n}) as UseUrlSearchParam;\r\n"],"mappings":"uEAmCA,IAAa,EAA0B,mCAE1B,GAAsB,EAA2B,YAAc,CAC1E,GAAM,CAAE,SAAQ,QAAS,OAAO,SAE5B,EAAO,GAIX,GAFI,IAAS,YAAW,EAAO,GAC3B,IAAS,gBAAe,EAAO,EAAK,QAAQ,KAAM,GAAG,EACrD,IAAS,OAAQ,CACnB,IAAM,EAAQ,EAAK,QAAQ,IAAI,CAC/B,EAAO,CAAC,EAAQ,EAAK,MAAM,EAAM,CAAG,GAGtC,OAAO,IAAI,gBAAgB,EAAK,EAGrB,GAAqB,EAA+B,IAA6B,CAC5F,IAAM,EAAqB,EAAa,UAAU,CAC5C,CAAE,SAAQ,QAAS,OAAO,SAEhC,GAAI,IAAS,UAAW,MAAO,GAAG,EAAqB,IAAI,IAAuB,KAAK,IACvF,GAAI,IAAS,cACX,MAAO,GAAG,IAAS,EAAqB,IAAI,IAAuB,KACrE,GAAI,IAAS,OAAQ,CACnB,IAAM,EAAQ,EAAK,QAAQ,IAAI,CAE/B,MAAO,GAAG,IADG,EAAQ,GAAK,EAAK,MAAM,EAAG,EAAM,CAAG,IACvB,EAAqB,IAAI,IAAuB,KAG5E,MAAU,MAAM,eAAe,EAGpB,MACX,OAAO,cAAc,IAAI,MAAM,EAAwB,CAAC,CA+C7C,IAA6B,EAAa,IAAiB,CACtE,IAAM,EACJ,OAAO,GAAW,UAClB,IACC,eAAgB,GACf,iBAAkB,GAClB,iBAAkB,GAClB,SAAU,GACV,UAAW,GACT,EACA,IAAA,GAGA,EAAgB,EAAU,GAAS,aAAe,EAClD,CAAE,OAAO,UAAW,MAAO,EAAY,WAAc,GAAW,EAAE,CAExE,GAAI,OAAO,OAAW,IACpB,MAAO,CACL,MAAO,EACP,WAAc,GACd,QAAW,GACZ,CAGH,IAAM,EAAc,GACd,GAAS,WAAmB,EAAQ,WAAW,EAAM,CACrD,OAAO,GAAU,SAAiB,EAE/B,KAAK,UAAU,EAAM,CAGxB,EAAgB,GAAkB,CACtC,GAAI,GAAS,aAAc,OAAO,EAAQ,aAAa,EAAM,CACzD,SAAU,aAAe,IAAU,QAEvC,GAAI,CACF,OAAO,KAAK,MAAM,EAAM,MAClB,CACN,OAAO,IAIL,GACJ,EACA,EACA,EACA,EAA4B,YACzB,CACH,IAAM,EAAkB,EAAmB,EAAK,CAEhD,GAAI,IAAU,IAAA,GACZ,EAAgB,OAAO,EAAI,KACtB,CACL,IAAM,EAAkB,EAAa,EAAW,EAAM,CAAG,OAAO,EAAM,CACtE,EAAgB,IAAI,EAAK,EAAgB,CAG3C,IAAM,EAAQ,EAAkB,EAAiB,EAAK,CAClD,IAAU,WAAW,OAAO,QAAQ,aAAa,EAAE,CAAE,GAAI,EAAM,CAC/D,IAAU,QAAQ,OAAO,QAAQ,UAAU,EAAE,CAAE,GAAI,EAAM,CAE7D,GAA8B,EAG1B,CAAC,EAAO,IAAA,EAAA,EAAA,cAA8C,CAE1D,IAAM,EADkB,EAAmB,EAAK,CACX,IAAI,EAAI,CAO7C,OALI,IAAiB,MAAQ,IAAiB,IAAA,IAC5C,EAAkB,EAAK,EAAc,EAAM,EAAU,CAC9C,GAGF,EAAe,EAAa,EAAa,CAAG,IAAA,IACnD,CAkCF,OAtBA,EAAA,EAAA,eAAgB,CACd,IAAM,MAAuB,CAE3B,IAAM,EADkB,EAAmB,EAAK,CACf,IAAI,EAAI,CACzC,EAAS,EAAW,EAAa,EAAS,CAAG,IAAA,GAAU,EASzD,OANA,OAAO,iBAAiB,EAAyB,EAAe,CAChE,OAAO,iBAAiB,WAAY,EAAe,CAC/C,IAAS,WACX,OAAO,iBAAiB,aAAc,EAAe,KAG1C,CACX,OAAO,oBAAoB,EAAyB,EAAe,CACnE,OAAO,oBAAoB,WAAY,EAAe,CAClD,IAAS,WACX,OAAO,oBAAoB,aAAc,EAAe,GAG3D,CAAC,EAAK,EAAK,CAAC,CAER,CACL,QACA,OA7Bc,GAA8C,CAC5D,EAAkB,EAAK,IAAA,GAAW,EAAM,GAAS,OAAS,EAAU,CACpE,EAAS,IAAA,GAAU,EA4BnB,KAnCW,EAAc,IAA8C,CACvE,EAAkB,EAAK,EAAO,EAAM,GAAS,OAAS,EAAU,CAChE,EAAS,EAAM,EAkChB"}

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

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