@jbpark/use-hooks 4.0.0 → 4.0.1

package/dist/hooks/use-window-scroll.d.mts

@@ -1,5 +1,4 @@
 import { RefObject } from "react";
-
 //#region src/hooks/use-window-scroll.d.ts
 declare const useWindowScroll: (targetRef?: RefObject<Element | null>) => {
   x: number;
@@ -10,5 +9,5 @@ declare const useWindowScroll: (targetRef?: RefObject<Element | null>) => {
   };
 };
 //#endregion
-export { useWindowScroll };
+export { useWindowScroll as default };
 //# sourceMappingURL=use-window-scroll.d.mts.map

package/dist/hooks/use-window-scroll.mjs

@@ -1,5 +1,4 @@
 import { useEffect, useState } from "react";
-
 //#region src/hooks/use-window-scroll.ts
 const useWindowScroll = (targetRef) => {
 	const [state, setState] = useState({
@@ -78,7 +77,7 @@ const useWindowScroll = (targetRef) => {
 	}, [targetRef]);
 	return state;
 };
-
 //#endregion
 export { useWindowScroll as default };
+
 //# sourceMappingURL=use-window-scroll.mjs.map

package/dist/hooks/use-window-scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-window-scroll.mjs","names":[],"sources":["../../src/hooks/use-window-scroll.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\n// Pass a ref to an element rendered inside the window you actually want to\n// track (e.g. a node portaled into an iframe). Without one, this defaults\n// to the host `window`, which is wrong whenever the caller doesn't live in\n// the top-level document.\nconst useWindowScroll = (targetRef?: RefObject<Element | null>) => {\n  const [state, setState] = useState({\n    x: 0,\n    y: 0,\n    percent: {\n      x: 0,\n      y: 0,\n    },\n  });\n\n  useEffect(() => {\n    let cancelled = false;\n    let rafId: number | undefined;\n    let cleanup: (() => void) | undefined;\n\n    const attach = () => {\n      if (cancelled) {\n        return;\n      }\n\n      // `targetRef.current` can still be null right after mount (e.g. a\n      // conditionally-rendered or portaled node) — retry every frame\n      // until it's populated instead of permanently falling back to the\n      // host `window`.\n      if (targetRef && !targetRef.current) {\n        rafId = requestAnimationFrame(attach);\n        return;\n      }\n\n      const target = targetRef?.current?.ownerDocument.defaultView ?? window;\n      const doc = target.document;\n\n      const calculate = () => {\n        const x = target.scrollX || 0;\n        const y = target.scrollY || 0;\n\n        const isIOS = /iPad|iPhone|iPod/.test(target.navigator.userAgent);\n        const visualViewport = target.visualViewport;\n\n        const viewportWidth =\n          isIOS && visualViewport ? visualViewport.width : target.innerWidth;\n\n        const viewportHeight =\n          isIOS && visualViewport ? visualViewport.height : target.innerHeight;\n\n        const maxScrollX = Math.max(\n          0,\n          doc.documentElement.scrollWidth - viewportWidth,\n        );\n        const maxScrollY = Math.max(\n          0,\n          doc.documentElement.scrollHeight - viewportHeight,\n        );\n\n        const percentX =\n          maxScrollX === 0 ? 0 : Math.min(100, (x / maxScrollX) * 100);\n        const percentY =\n          maxScrollY === 0 ? 0 : Math.min(100, (y / maxScrollY) * 100);\n\n        setState({\n          x,\n          y,\n          percent: {\n            // Rounded (not floored) so reaching the true bottom/right edge\n            // reads as 100 instead of falling just short of it.\n            x: Math.round(Math.max(0, percentX)),\n            y: Math.round(Math.max(0, percentY)),\n          },\n        });\n      };\n\n      calculate();\n\n      const onScroll = () => {\n        calculate();\n      };\n\n      const onResize = () => {\n        setTimeout(calculate, 100);\n      };\n\n      const onVisualViewportChange = () => {\n        setTimeout(calculate, 50);\n      };\n\n      target.addEventListener('scroll', onScroll, { passive: true });\n      target.addEventListener('resize', onResize);\n      target.addEventListener('orientationchange', onResize);\n\n      if (target.visualViewport) {\n        target.visualViewport.addEventListener(\n          'resize',\n          onVisualViewportChange,\n        );\n      }\n\n      // `resize`/`orientationchange` only fire for the viewport itself —\n      // content that grows/shrinks the document height without resizing\n      // the window (images loading, dynamic content) needs its own\n      // observer to keep maxScrollY accurate.\n      let resizeObserver: ResizeObserver | undefined;\n      if (typeof ResizeObserver !== 'undefined') {\n        resizeObserver = new ResizeObserver(() => calculate());\n        resizeObserver.observe(doc.documentElement);\n      }\n\n      cleanup = () => {\n        target.removeEventListener('scroll', onScroll);\n        target.removeEventListener('resize', onResize);\n        target.removeEventListener('orientationchange', onResize);\n\n        if (target.visualViewport) {\n          target.visualViewport.removeEventListener(\n            'resize',\n            onVisualViewportChange,\n          );\n        }\n\n        resizeObserver?.disconnect();\n      };\n    };\n\n    attach();\n\n    return () => {\n      cancelled = true;\n      if (rafId !== undefined) {\n        cancelAnimationFrame(rafId);\n      }\n      cleanup?.();\n    };\n  }, [targetRef]);\n\n  return state;\n};\n\nexport default useWindowScroll;\n"],"mappings":";;;AAMA,MAAM,mBAAmB,cAA0C;CACjE,MAAM,CAAC,OAAO,YAAY,SAAS;EACjC,GAAG;EACH,GAAG;EACH,SAAS;GACP,GAAG;GACH,GAAG;GACJ;EACF,CAAC;AAEF,iBAAgB;EACd,IAAI,YAAY;EAChB,IAAI;EACJ,IAAI;EAEJ,MAAM,eAAe;AACnB,OAAI,UACF;AAOF,OAAI,aAAa,CAAC,UAAU,SAAS;AACnC,YAAQ,sBAAsB,OAAO;AACrC;;GAGF,MAAM,SAAS,WAAW,SAAS,cAAc,eAAe;GAChE,MAAM,MAAM,OAAO;GAEnB,MAAM,kBAAkB;IACtB,MAAM,IAAI,OAAO,WAAW;IAC5B,MAAM,IAAI,OAAO,WAAW;IAE5B,MAAM,QAAQ,mBAAmB,KAAK,OAAO,UAAU,UAAU;IACjE,MAAM,iBAAiB,OAAO;IAE9B,MAAM,gBACJ,SAAS,iBAAiB,eAAe,QAAQ,OAAO;IAE1D,MAAM,iBACJ,SAAS,iBAAiB,eAAe,SAAS,OAAO;IAE3D,MAAM,aAAa,KAAK,IACtB,GACA,IAAI,gBAAgB,cAAc,cACnC;IACD,MAAM,aAAa,KAAK,IACtB,GACA,IAAI,gBAAgB,eAAe,eACpC;IAED,MAAM,WACJ,eAAe,IAAI,IAAI,KAAK,IAAI,KAAM,IAAI,aAAc,IAAI;IAC9D,MAAM,WACJ,eAAe,IAAI,IAAI,KAAK,IAAI,KAAM,IAAI,aAAc,IAAI;AAE9D,aAAS;KACP;KACA;KACA,SAAS;MAGP,GAAG,KAAK,MAAM,KAAK,IAAI,GAAG,SAAS,CAAC;MACpC,GAAG,KAAK,MAAM,KAAK,IAAI,GAAG,SAAS,CAAC;MACrC;KACF,CAAC;;AAGJ,cAAW;GAEX,MAAM,iBAAiB;AACrB,eAAW;;GAGb,MAAM,iBAAiB;AACrB,eAAW,WAAW,IAAI;;GAG5B,MAAM,+BAA+B;AACnC,eAAW,WAAW,GAAG;;AAG3B,UAAO,iBAAiB,UAAU,UAAU,EAAE,SAAS,MAAM,CAAC;AAC9D,UAAO,iBAAiB,UAAU,SAAS;AAC3C,UAAO,iBAAiB,qBAAqB,SAAS;AAEtD,OAAI,OAAO,eACT,QAAO,eAAe,iBACpB,UACA,uBACD;GAOH,IAAI;AACJ,OAAI,OAAO,mBAAmB,aAAa;AACzC,qBAAiB,IAAI,qBAAqB,WAAW,CAAC;AACtD,mBAAe,QAAQ,IAAI,gBAAgB;;AAG7C,mBAAgB;AACd,WAAO,oBAAoB,UAAU,SAAS;AAC9C,WAAO,oBAAoB,UAAU,SAAS;AAC9C,WAAO,oBAAoB,qBAAqB,SAAS;AAEzD,QAAI,OAAO,eACT,QAAO,eAAe,oBACpB,UACA,uBACD;AAGH,oBAAgB,YAAY;;;AAIhC,UAAQ;AAER,eAAa;AACX,eAAY;AACZ,OAAI,UAAU,OACZ,sBAAqB,MAAM;AAE7B,cAAW;;IAEZ,CAAC,UAAU,CAAC;AAEf,QAAO"}
+{"version":3,"file":"use-window-scroll.mjs","names":[],"sources":["../../src/hooks/use-window-scroll.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\n// Pass a ref to an element rendered inside the window you actually want to\n// track (e.g. a node portaled into an iframe). Without one, this defaults\n// to the host `window`, which is wrong whenever the caller doesn't live in\n// the top-level document.\nconst useWindowScroll = (targetRef?: RefObject<Element | null>) => {\n  const [state, setState] = useState({\n    x: 0,\n    y: 0,\n    percent: {\n      x: 0,\n      y: 0,\n    },\n  });\n\n  useEffect(() => {\n    let cancelled = false;\n    let rafId: number | undefined;\n    let cleanup: (() => void) | undefined;\n\n    const attach = () => {\n      if (cancelled) {\n        return;\n      }\n\n      // `targetRef.current` can still be null right after mount (e.g. a\n      // conditionally-rendered or portaled node) — retry every frame\n      // until it's populated instead of permanently falling back to the\n      // host `window`.\n      if (targetRef && !targetRef.current) {\n        rafId = requestAnimationFrame(attach);\n        return;\n      }\n\n      const target = targetRef?.current?.ownerDocument.defaultView ?? window;\n      const doc = target.document;\n\n      const calculate = () => {\n        const x = target.scrollX || 0;\n        const y = target.scrollY || 0;\n\n        const isIOS = /iPad|iPhone|iPod/.test(target.navigator.userAgent);\n        const visualViewport = target.visualViewport;\n\n        const viewportWidth =\n          isIOS && visualViewport ? visualViewport.width : target.innerWidth;\n\n        const viewportHeight =\n          isIOS && visualViewport ? visualViewport.height : target.innerHeight;\n\n        const maxScrollX = Math.max(\n          0,\n          doc.documentElement.scrollWidth - viewportWidth,\n        );\n        const maxScrollY = Math.max(\n          0,\n          doc.documentElement.scrollHeight - viewportHeight,\n        );\n\n        const percentX =\n          maxScrollX === 0 ? 0 : Math.min(100, (x / maxScrollX) * 100);\n        const percentY =\n          maxScrollY === 0 ? 0 : Math.min(100, (y / maxScrollY) * 100);\n\n        setState({\n          x,\n          y,\n          percent: {\n            // Rounded (not floored) so reaching the true bottom/right edge\n            // reads as 100 instead of falling just short of it.\n            x: Math.round(Math.max(0, percentX)),\n            y: Math.round(Math.max(0, percentY)),\n          },\n        });\n      };\n\n      calculate();\n\n      const onScroll = () => {\n        calculate();\n      };\n\n      const onResize = () => {\n        setTimeout(calculate, 100);\n      };\n\n      const onVisualViewportChange = () => {\n        setTimeout(calculate, 50);\n      };\n\n      target.addEventListener('scroll', onScroll, { passive: true });\n      target.addEventListener('resize', onResize);\n      target.addEventListener('orientationchange', onResize);\n\n      if (target.visualViewport) {\n        target.visualViewport.addEventListener(\n          'resize',\n          onVisualViewportChange,\n        );\n      }\n\n      // `resize`/`orientationchange` only fire for the viewport itself —\n      // content that grows/shrinks the document height without resizing\n      // the window (images loading, dynamic content) needs its own\n      // observer to keep maxScrollY accurate.\n      let resizeObserver: ResizeObserver | undefined;\n      if (typeof ResizeObserver !== 'undefined') {\n        resizeObserver = new ResizeObserver(() => calculate());\n        resizeObserver.observe(doc.documentElement);\n      }\n\n      cleanup = () => {\n        target.removeEventListener('scroll', onScroll);\n        target.removeEventListener('resize', onResize);\n        target.removeEventListener('orientationchange', onResize);\n\n        if (target.visualViewport) {\n          target.visualViewport.removeEventListener(\n            'resize',\n            onVisualViewportChange,\n          );\n        }\n\n        resizeObserver?.disconnect();\n      };\n    };\n\n    attach();\n\n    return () => {\n      cancelled = true;\n      if (rafId !== undefined) {\n        cancelAnimationFrame(rafId);\n      }\n      cleanup?.();\n    };\n  }, [targetRef]);\n\n  return state;\n};\n\nexport default useWindowScroll;\n"],"mappings":";;AAMA,MAAM,mBAAmB,cAA0C;CACjE,MAAM,CAAC,OAAO,YAAY,SAAS;EACjC,GAAG;EACH,GAAG;EACH,SAAS;GACP,GAAG;GACH,GAAG;EACL;CACF,CAAC;CAED,gBAAgB;EACd,IAAI,YAAY;EAChB,IAAI;EACJ,IAAI;EAEJ,MAAM,eAAe;GACnB,IAAI,WACF;GAOF,IAAI,aAAa,CAAC,UAAU,SAAS;IACnC,QAAQ,sBAAsB,MAAM;IACpC;GACF;GAEA,MAAM,SAAS,WAAW,SAAS,cAAc,eAAe;GAChE,MAAM,MAAM,OAAO;GAEnB,MAAM,kBAAkB;IACtB,MAAM,IAAI,OAAO,WAAW;IAC5B,MAAM,IAAI,OAAO,WAAW;IAE5B,MAAM,QAAQ,mBAAmB,KAAK,OAAO,UAAU,SAAS;IAChE,MAAM,iBAAiB,OAAO;IAE9B,MAAM,gBACJ,SAAS,iBAAiB,eAAe,QAAQ,OAAO;IAE1D,MAAM,iBACJ,SAAS,iBAAiB,eAAe,SAAS,OAAO;IAE3D,MAAM,aAAa,KAAK,IACtB,GACA,IAAI,gBAAgB,cAAc,aACpC;IACA,MAAM,aAAa,KAAK,IACtB,GACA,IAAI,gBAAgB,eAAe,cACrC;IAEA,MAAM,WACJ,eAAe,IAAI,IAAI,KAAK,IAAI,KAAM,IAAI,aAAc,GAAG;IAC7D,MAAM,WACJ,eAAe,IAAI,IAAI,KAAK,IAAI,KAAM,IAAI,aAAc,GAAG;IAE7D,SAAS;KACP;KACA;KACA,SAAS;MAGP,GAAG,KAAK,MAAM,KAAK,IAAI,GAAG,QAAQ,CAAC;MACnC,GAAG,KAAK,MAAM,KAAK,IAAI,GAAG,QAAQ,CAAC;KACrC;IACF,CAAC;GACH;GAEA,UAAU;GAEV,MAAM,iBAAiB;IACrB,UAAU;GACZ;GAEA,MAAM,iBAAiB;IACrB,WAAW,WAAW,GAAG;GAC3B;GAEA,MAAM,+BAA+B;IACnC,WAAW,WAAW,EAAE;GAC1B;GAEA,OAAO,iBAAiB,UAAU,UAAU,EAAE,SAAS,KAAK,CAAC;GAC7D,OAAO,iBAAiB,UAAU,QAAQ;GAC1C,OAAO,iBAAiB,qBAAqB,QAAQ;GAErD,IAAI,OAAO,gBACT,OAAO,eAAe,iBACpB,UACA,sBACF;GAOF,IAAI;GACJ,IAAI,OAAO,mBAAmB,aAAa;IACzC,iBAAiB,IAAI,qBAAqB,UAAU,CAAC;IACrD,eAAe,QAAQ,IAAI,eAAe;GAC5C;GAEA,gBAAgB;IACd,OAAO,oBAAoB,UAAU,QAAQ;IAC7C,OAAO,oBAAoB,UAAU,QAAQ;IAC7C,OAAO,oBAAoB,qBAAqB,QAAQ;IAExD,IAAI,OAAO,gBACT,OAAO,eAAe,oBACpB,UACA,sBACF;IAGF,gBAAgB,WAAW;GAC7B;EACF;EAEA,OAAO;EAEP,aAAa;GACX,YAAY;GACZ,IAAI,UAAU,KAAA,GACZ,qBAAqB,KAAK;GAE5B,UAAU;EACZ;CACF,GAAG,CAAC,SAAS,CAAC;CAEd,OAAO;AACT"}

package/dist/index.d.mts

@@ -1,32 +1,32 @@
-import { useDebouncedCallback } from "./hooks/use-debounced-callback.mjs";
-import { useDebouncedValue } from "./hooks/use-debounced-value.mjs";
-import { useBodyScrollLock } from "./hooks/use-body-scroll-lock.mjs";
-import { useClickOutside } from "./hooks/use-click-outside.mjs";
-import { useControllableState } from "./hooks/use-controllable-state.mjs";
-import { useElementPosition } from "./hooks/use-element-position.mjs";
-import { useElementScroll } from "./hooks/use-element-scroll.mjs";
-import { useEventListener } from "./hooks/use-event-listener.mjs";
-import { useFileDrop } from "./hooks/use-file-drop.mjs";
-import { useFileToDataUrl } from "./hooks/use-file-to-data-url.mjs";
-import { useHistoryState } from "./hooks/use-history-state.mjs";
-import { useIntersectionObserver } from "./hooks/use-intersection-observer.mjs";
-import { useInterval } from "./hooks/use-interval.mjs";
-import { useResponsiveSize } from "./hooks/use-responsive-size.mjs";
-import { useImage } from "./hooks/use-image.mjs";
-import { useKeyPress } from "./hooks/use-key-press.mjs";
-import { useLocalStorage } from "./hooks/use-local-storage.mjs";
-import { useMergedRef } from "./hooks/use-merged-ref.mjs";
-import { useMultiSelect } from "./hooks/use-multi-select.mjs";
-import { useMutationObserver } from "./hooks/use-mutation-observer.mjs";
-import { usePrevious } from "./hooks/use-previous.mjs";
-import { useRecursiveTimeout } from "./hooks/use-recursive-timeout.mjs";
-import { useResizeObserver } from "./hooks/use-resize-observer.mjs";
-import { useScrollToElements } from "./hooks/use-scroll-to-elements.mjs";
-import { useThrottledValue } from "./hooks/use-throttled-value.mjs";
-import { useThrottledCallback } from "./hooks/use-throttled-callback.mjs";
-import { useTimeout } from "./hooks/use-timeout.mjs";
-import { useToggle } from "./hooks/use-toggle.mjs";
-import { useWindowScroll } from "./hooks/use-window-scroll.mjs";
-import { useViewport } from "./hooks/use-viewport.mjs";
+import useDebouncedCallback from "./hooks/use-debounced-callback.mjs";
+import useDebouncedValue from "./hooks/use-debounced-value.mjs";
+import useBodyScrollLock from "./hooks/use-body-scroll-lock.mjs";
+import useClickOutside from "./hooks/use-click-outside.mjs";
+import useControllableState from "./hooks/use-controllable-state.mjs";
+import useElementPosition from "./hooks/use-element-position.mjs";
+import useElementScroll from "./hooks/use-element-scroll.mjs";
+import useEventListener from "./hooks/use-event-listener.mjs";
+import useFileDrop from "./hooks/use-file-drop.mjs";
+import useFileToDataUrl from "./hooks/use-file-to-data-url.mjs";
+import useHistoryState from "./hooks/use-history-state.mjs";
+import useIntersectionObserver from "./hooks/use-intersection-observer.mjs";
+import useInterval from "./hooks/use-interval.mjs";
+import useResponsiveSize from "./hooks/use-responsive-size.mjs";
+import useImage from "./hooks/use-image.mjs";
+import useKeyPress from "./hooks/use-key-press.mjs";
+import useLocalStorage from "./hooks/use-local-storage.mjs";
+import useMergedRef from "./hooks/use-merged-ref.mjs";
+import useMultiSelect from "./hooks/use-multi-select.mjs";
+import useMutationObserver from "./hooks/use-mutation-observer.mjs";
+import usePrevious from "./hooks/use-previous.mjs";
+import useRecursiveTimeout from "./hooks/use-recursive-timeout.mjs";
+import useResizeObserver from "./hooks/use-resize-observer.mjs";
+import useScrollToElements from "./hooks/use-scroll-to-elements.mjs";
+import useThrottledValue from "./hooks/use-throttled-value.mjs";
+import useThrottledCallback from "./hooks/use-throttled-callback.mjs";
+import useTimeout from "./hooks/use-timeout.mjs";
+import useToggle from "./hooks/use-toggle.mjs";
+import useWindowScroll from "./hooks/use-window-scroll.mjs";
+import useViewport from "./hooks/use-viewport.mjs";
 import "./hooks/index.mjs";
 export { useBodyScrollLock, useClickOutside, useControllableState, useDebouncedCallback as useDebounce, useDebouncedCallback, useDebouncedValue, useElementPosition, useElementScroll, useEventListener, useFileDrop, useFileToDataUrl, useHistoryState, useImage, useIntersectionObserver, useInterval, useKeyPress, useLocalStorage, useMergedRef, useMultiSelect, useMutationObserver, usePrevious, useRecursiveTimeout, useResizeObserver, useResponsiveSize, useScrollToElements, useThrottledValue as useThrottle, useThrottledCallback, useThrottledValue, useTimeout, useToggle, useViewport, useWindowScroll };

package/dist/index.mjs

@@ -29,5 +29,4 @@ import useToggle from "./hooks/use-toggle.mjs";
 import useWindowScroll from "./hooks/use-window-scroll.mjs";
 import useViewport from "./hooks/use-viewport.mjs";
 import "./hooks/index.mjs";
-
-export { useBodyScrollLock, useClickOutside, useControllableState, useDebouncedCallback as useDebounce, useDebouncedCallback, useDebouncedValue, useElementPosition, useElementScroll, useEventListener, useFileDrop, useFileToDataUrl, useHistoryState, useImage, useIntersectionObserver, useInterval, useKeyPress, useLocalStorage, useMergedRef, useMultiSelect, useMutationObserver, usePrevious, useRecursiveTimeout, useResizeObserver, useResponsiveSize, useScrollToElements, useThrottledValue as useThrottle, useThrottledCallback, useThrottledValue, useTimeout, useToggle, useViewport, useWindowScroll };
+export { useBodyScrollLock, useClickOutside, useControllableState, useDebouncedCallback as useDebounce, useDebouncedCallback, useDebouncedValue, useElementPosition, useElementScroll, useEventListener, useFileDrop, useFileToDataUrl, useHistoryState, useImage, useIntersectionObserver, useInterval, useKeyPress, useLocalStorage, useMergedRef, useMultiSelect, useMutationObserver, usePrevious, useRecursiveTimeout, useResizeObserver, useResponsiveSize, useScrollToElements, useThrottledValue as useThrottle, useThrottledCallback, useThrottledValue, useTimeout, useToggle, useViewport, useWindowScroll };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbpark/use-hooks",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "A collection of reusable React 19 hooks for common UI and interaction patterns",
   "keywords": [
     "react",
@@ -52,33 +52,33 @@
     "react-dom": "^19.1.1"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.31.1",
-    "@eslint/js": "^9.33.0",
-    "@jbpark/ui-kit": "^3.0.0",
+    "@changesets/cli": "^3.0.0",
+    "@eslint/js": "^9.39.5",
+    "@jbpark/ui-kit": "^5.2.0",
     "@radix-ui/react-icons": "^1.3.2",
-    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/node": "^24.5.2",
-    "@types/react": "^19.1.10",
-    "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react": "^5.0.0",
-    "eslint": "^9.33.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^16.3.0",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
+    "@types/node": "^26.2.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "@vitejs/plugin-react": "^6.0.5",
+    "eslint": "^9.39.5",
+    "eslint-plugin-react-hooks": "^6.1.1",
+    "eslint-plugin-react-refresh": "^0.5.4",
+    "globals": "^17.11.0",
     "husky": "^9.1.7",
-    "lint-staged": "^16.1.6",
-    "prettier": "^3.8.0",
-    "prettier-plugin-classnames": "^0.8.3",
-    "prettier-plugin-merge": "^0.8.0",
-    "prettier-plugin-tailwindcss": "^0.6.14",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "react-router-dom": "^7.18.1",
-    "tsdown": "^0.20.3",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.39.1",
-    "vite": "^7.1.2",
-    "vite-plugin-dts": "^4.5.4"
+    "lint-staged": "^17.3.0",
+    "prettier": "^3.9.6",
+    "prettier-plugin-classnames": "^0.10.4",
+    "prettier-plugin-merge": "^0.10.1",
+    "prettier-plugin-tailwindcss": "^0.8.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-router-dom": "^7.18.2",
+    "tsdown": "^0.22.14",
+    "typescript": "~6.0.3",
+    "typescript-eslint": "^8.67.0",
+    "vite": "^8.2.1",
+    "vite-plugin-dts": "^5.0.3"
   },
   "lint-staged": {
     "**/*.{js,jsx,ts,tsx,css,scss,md}": "prettier --write",