@superrb/react-addons 4.0.0-9 → 4.0.0

package/hooks/use-draggable-scroll.js

@@ -23,22 +23,31 @@ export default function useDraggableScroll(ref, { className, ...opts }) {
         ref.current?.classList[fn](`${className}--draggable`);
     }, [ref, className]);
     const onDragStart = () => {
+        if (!isInViewport) {
+            return;
+        }
         setDragging(true);
         ref.current?.classList.add(`${className}--dragging`);
     };
     const onDragMove = () => {
+        if (!isInViewport) {
+            return;
+        }
         if (timer.current && dragging) {
             clearTimeout(timer.current);
         }
     };
     const onDragEnd = () => {
+        if (!isInViewport) {
+            return;
+        }
         setDragging(false);
         timer.current = setTimeout(() => {
             ref.current?.classList.remove(`${className}--dragging`);
         }, 100);
     };
-    useEventListener('mousemove', onDragMove, undefined, undefined, isInViewport && shouldScroll);
-    useEventListener('mouseup', onDragEnd, undefined, undefined, isInViewport && shouldScroll);
+    useEventListener('mousemove', onDragMove);
+    useEventListener('mouseup', onDragEnd);
     useEffect(() => {
         if (!shouldScroll) {
             setModifiedEvents({

package/hooks/use-escape.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-escape.d.ts","sourceRoot":"","sources":["../src/hooks/use-escape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,QAAA,MAAM,SAAS,GACb,KAAK,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,UAAU,MAAM,IAAI,EACpB;;CAEC,SAiBF,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"use-escape.d.ts","sourceRoot":"","sources":["../src/hooks/use-escape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAA;AAGzC,QAAA,MAAM,SAAS,GACb,KAAK,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,UAAU,MAAM,IAAI,EACpB;;CAEC,SAqBF,CAAA;AAED,eAAe,SAAS,CAAA"}

package/hooks/use-escape.js

@@ -1,13 +1,16 @@
-import { useEventListener } from '../hooks';
+import { useRef } from 'react';
+import useEventListener from './use-event-listener';
 const useEscape = (ref, callback, opts = {
-    requireFocus: true
+    requireFocus: true,
 }) => {
+    const documentRef = useRef(typeof document !== 'undefined' ? document : null);
     useEventListener('keydown', (event) => {
-        if ((opts.requireFocus == false || ref.current?.contains(document.activeElement)) &&
+        if ((opts.requireFocus == false ||
+            ref.current?.contains(document.activeElement)) &&
             event.key === 'Escape') {
             event.preventDefault();
             callback();
         }
-    }, {}, typeof document !== 'undefined' ? document : undefined, ref.current !== undefined && typeof document !== 'undefined');
+    }, undefined, documentRef);
 };
 export default useEscape;

package/hooks/use-event-listener.d.ts

@@ -1,7 +1,6 @@
-type Target = Document | Window | Element;
-type EventMap<T extends Target> = T extends Window ? WindowEventHandlersEventMap & GlobalEventHandlersEventMap : T extends Document ? DocumentEventMap : GlobalEventHandlersEventMap;
-type EventName<T extends Target> = keyof EventMap<T>;
-type EventListener<T extends Target, E extends EventName<T>> = (event: EventMap<T>[E]) => void | boolean;
-export default function useEventListener<T extends Target, E extends EventName<T>>(eventName: E, handler: EventListener<T, E>, options?: boolean | AddEventListenerOptions, element?: T | null, flag?: boolean): void;
-export {};
+import type { RefObject } from 'react';
+export default function useEventListener<K extends keyof MediaQueryListEventMap>(eventName: K, handler: (event: MediaQueryListEventMap[K]) => void, options?: boolean | AddEventListenerOptions, element?: RefObject<MediaQueryList>, flag?: boolean): void;
+export default function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, options?: boolean | AddEventListenerOptions, element?: undefined, flag?: boolean): void;
+export default function useEventListener<K extends keyof HTMLElementEventMap & keyof SVGElementEventMap, T extends Element = K extends keyof HTMLElementEventMap ? HTMLDivElement : SVGElement>(eventName: K, handler: ((event: HTMLElementEventMap[K]) => void) | ((event: SVGElementEventMap[K]) => void), options?: boolean | AddEventListenerOptions, element?: RefObject<T>, flag?: boolean): void;
+export default function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, options?: boolean | AddEventListenerOptions, element?: RefObject<Document>, flag?: boolean): void;
 //# sourceMappingURL=use-event-listener.d.ts.map

package/hooks/use-event-listener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-event-listener.d.ts","sourceRoot":"","sources":["../src/hooks/use-event-listener.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEzC,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GAC9C,2BAA2B,GAAG,2BAA2B,GACzD,CAAC,SAAS,QAAQ,GAChB,gBAAgB,GAChB,2BAA2B,CAAA;AAEjC,KAAK,SAAS,CAAC,CAAC,SAAS,MAAM,IAAI,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAA;AAEpD,KAAK,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,IAAI,CAC7D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAClB,IAAI,GAAG,OAAO,CAAA;AAGnB,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,EAEtB,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAC5B,OAAO,GAAE,OAAO,GAAG,uBAA4B,EAC/C,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAClB,IAAI,GAAE,OAAc,QAmDrB"}
+{"version":3,"file":"use-event-listener.d.ts","sourceRoot":"","sources":["../src/hooks/use-event-listener.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,CAAC,SAAS,MAAM,sBAAsB,EAEtC,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,EACnD,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,EAC3C,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EACnC,IAAI,CAAC,EAAE,OAAO,GACb,IAAI,CAAA;AAGP,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,cAAc,EACrE,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,EAC3C,OAAO,CAAC,EAAE,SAAS,EACnB,IAAI,CAAC,EAAE,OAAO,GACb,IAAI,CAAA;AAGP,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,CAAC,SAAS,MAAM,mBAAmB,GAAG,MAAM,kBAAkB,EAC9D,CAAC,SAAS,OAAO,GAAG,CAAC,SAAS,MAAM,mBAAmB,GACnD,cAAc,GACd,UAAU,EAEd,SAAS,EAAE,CAAC,EACZ,OAAO,EACH,CAAC,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GACzC,CAAC,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,EAC3C,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EACtB,IAAI,CAAC,EAAE,OAAO,GACb,IAAI,CAAA;AAGP,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EACvE,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC7C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,EAC3C,OAAO,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,EAC7B,IAAI,CAAC,EAAE,OAAO,GACb,IAAI,CAAA"}

package/hooks/use-event-listener.js

@@ -1,37 +1,28 @@
 import { useEffect, useRef } from 'react';
-// Hook
-export default function useEventListener(eventName, handler, options = {}, element, flag = true) {
+import { useIsomorphicLayoutEffect } from 'usehooks-ts';
+export default function useEventListener(eventName, handler, options, element, flag = true) {
     // Create a ref that stores handler
-    const savedHandler = useRef(null);
-    const elementRef = useRef(null);
-    useEffect(() => {
-        elementRef.current = element || window;
-    }, [element]);
-    // Update ref.current value if handler changes.
-    // This allows our effect below to always get latest handler ...
-    // ... without us needing to pass it in effect deps array ...
-    // ... and potentially cause effect to re-run every render.
-    useEffect(() => {
+    const savedHandler = useRef(handler);
+    useIsomorphicLayoutEffect(() => {
         savedHandler.current = handler;
     }, [handler]);
     useEffect(() => {
-        // Make sure element supports addEventListener
-        // On
-        const isSupported = elementRef.current && elementRef.current.addEventListener;
-        if (!isSupported)
+        const targetElement = element?.current ?? window;
+        if (!(targetElement && targetElement.addEventListener))
             return;
         // Create event listener that calls handler function stored in ref
-        const eventListener = (event) => savedHandler.current?.(event);
+        const listener = (event) => {
+            savedHandler.current(event);
+        };
         if (flag) {
-            // Add event listener
-            elementRef.current?.addEventListener(eventName, eventListener, options);
+            targetElement.addEventListener(eventName, listener, options);
         }
         else {
-            elementRef.current?.removeEventListener(eventName, eventListener);
+            targetElement.removeEventListener(eventName, listener, options);
         }
         // Remove event listener on cleanup
         return () => {
-            elementRef.current?.removeEventListener(eventName, eventListener);
+            targetElement.removeEventListener(eventName, listener, options);
         };
-    }, [eventName, handler, options, element, flag]);
+    }, [eventName, element, options, flag]);
 }

package/hooks/use-hide-on-scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-hide-on-scroll.d.ts","sourceRoot":"","sources":["../src/hooks/use-hide-on-scroll.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,YAAY,GAAE,OAAe,GAC5B,OAAO,CA+DT"}
+{"version":3,"file":"use-hide-on-scroll.d.ts","sourceRoot":"","sources":["../src/hooks/use-hide-on-scroll.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,YAAY,GAAE,OAAe,GAC5B,OAAO,CA2CT"}

package/hooks/use-hide-on-scroll.js

@@ -1,5 +1,5 @@
-import { useEventListener } from '../hooks';
 import { useCallback, useEffect, useState } from 'react';
+import useEventListener from './use-event-listener';
 export default function useHideOnScroll(hiddenOnLoad = false) {
     const [hidden, setHidden] = useState(hiddenOnLoad);
     const handleScroll = useCallback(() => {
@@ -26,9 +26,9 @@ export default function useHideOnScroll(hiddenOnLoad = false) {
     useEffect(() => {
         handleScroll();
     }, []);
-    useEventListener('scroll', handleScroll, { passive: true }, typeof window !== 'undefined' ? window : undefined);
-    useEventListener('resize', handleLoad, { passive: true }, typeof window !== 'undefined' ? window : undefined);
-    useEventListener('popstate', handleLoad, { passive: true }, typeof window !== 'undefined' ? window : undefined);
-    useEventListener('pageshow', handleLoad, { passive: true }, typeof window !== 'undefined' ? window : undefined);
+    useEventListener('scroll', handleScroll, { passive: true });
+    useEventListener('resize', handleLoad, { passive: true });
+    useEventListener('popstate', handleLoad, { passive: true });
+    useEventListener('pageshow', handleLoad, { passive: true });
     return hidden;
 }

package/hooks/use-parallax.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-parallax.d.ts","sourceRoot":"","sources":["../src/hooks/use-parallax.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,KAAK,EAAE,WAAW,EAAE,EACpB,IAAI,GAAE,OAAc,QA4BrB"}
+{"version":3,"file":"use-parallax.d.ts","sourceRoot":"","sources":["../src/hooks/use-parallax.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,KAAK,EAAE,WAAW,EAAE,EACpB,IAAI,GAAE,OAAc,QA0BrB"}

package/hooks/use-parallax.js

@@ -3,6 +3,9 @@ import { useCallback } from 'react';
 export default function useParallax(items, flag = true) {
     const isMotionAllowed = useMotionAllowed();
     const onScroll = useCallback((event) => {
+        if (!flag || !isMotionAllowed) {
+            return;
+        }
         items.forEach((item, index) => {
             if (!item) {
                 return;
@@ -12,6 +15,6 @@ export default function useParallax(items, flag = true) {
                 item.style.transform = `translate3d(0, ${(box.top / window.innerHeight) * 100 * (1 + index / 500)}%, 0)`;
             });
         });
-    }, [items]);
-    useEventListener('scroll', onScroll, { passive: true }, undefined, flag && isMotionAllowed);
+    }, [items, flag, isMotionAllowed]);
+    useEventListener('scroll', onScroll, { passive: true });
 }

package/hooks/use-slideshow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-slideshow.d.ts","sourceRoot":"","sources":["../src/hooks/use-slideshow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAuB,MAAM,OAAO,CAAA;AAG7D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,YAAY,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;IAChD,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAE/D;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAK7D;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,gBAAgB,UAMzD;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,MAAM,GACnB,MAAM,CAkER;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAC5C,SAAS,CAqGX"}
+{"version":3,"file":"use-slideshow.d.ts","sourceRoot":"","sources":["../src/hooks/use-slideshow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAuB,MAAM,OAAO,CAAA;AAG7D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,YAAY,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;IAChD,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAE/D;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAK7D;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,gBAAgB,UAMzD;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,MAAM,GACnB,MAAM,CAkER;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAC5C,SAAS,CA8FX"}

package/hooks/use-slideshow.js

@@ -65,7 +65,6 @@ export function getCurrentSlideIndex(element, currentIndex) {
 export default function useSlideshow(slideshow) {
     const [currentSlide, setCurrentSlide] = useState(0);
     const [progress, setProgress] = useState(-1);
-    const [ready, setReady] = useState(false);
     const update = () => {
         if (!slideshow.current) {
             return;
@@ -73,10 +72,9 @@ export default function useSlideshow(slideshow) {
         setCurrentSlide((current) => getCurrentSlideIndex(slideshow.current, current));
         setProgress(getScrollProgress(slideshow.current));
     };
-    useEventListener('scroll', update, { passive: true }, slideshow.current, !!slideshow.current && ready);
-    useEventListener('resize', update, { passive: true }, slideshow.current, !!slideshow.current && ready);
+    useEventListener('scroll', update, { passive: true }, slideshow);
+    useEventListener('resize', update, { passive: true }, slideshow);
     useEffect(() => {
-        setReady(true);
         if (slideshow.current) {
             update();
             slideshow.current.setAttribute('role', 'region');
@@ -87,7 +85,7 @@ export default function useSlideshow(slideshow) {
     useEffect(() => {
         ;
         [...slideshow.current?.children].forEach((child) => child.setAttribute('aria-hidden', 'true'));
-        slideshow.current?.children[currentSlide].setAttribute('aria-hidden', 'false');
+        slideshow.current?.children?.[currentSlide]?.setAttribute('aria-hidden', 'false');
     }, [currentSlide, slideshow]);
     return {
         slideshowRef: slideshow,
@@ -95,37 +93,47 @@ export default function useSlideshow(slideshow) {
         slideCount: slideshow.current?.children.length || 0,
         goTo(index) {
             index = Math.min(slideshow.current?.children.length - 1, Math.max(0, index));
-            const newElement = slideshow.current?.children[index];
-            newElement.scrollIntoView({
-                behavior: 'smooth',
-                block: isHorizontal(slideshow.current)
-                    ? 'nearest'
-                    : isCentered(slideshow.current)
-                        ? 'center'
-                        : 'start',
-                inline: isHorizontal(slideshow.current)
-                    ? isCentered(slideshow.current)
-                        ? 'center'
-                        : 'start'
-                    : 'nearest',
-            });
-            // const scrollOpts: ScrollToOptions = {
+            const newElement = slideshow.current?.children?.[index];
+            // newElement.scrollIntoView({
             //   behavior: 'smooth',
-            // }
-            // if (isHorizontal(slideshow.current)) {
-            //   if (isCentered(slideshow.current)) {
-            //     scrollOpts.left = newElement?.offsetLeft + newElement?.clientWidth / 2
-            //   } else {
-            //     scrollOpts.left = newElement?.offsetLeft
-            //   }
-            // } else {
-            //   if (isCentered(slideshow.current)) {
-            //     scrollOpts.top = newElement?.offsetTop + newElement?.clientHeight / 2
-            //   } else {
-            //     scrollOpts.top = newElement?.offsetTop
-            //   }
-            // }
-            // slideshow.current?.scrollTo(scrollOpts)
+            //   block: isHorizontal(slideshow.current)
+            //     ? 'nearest'
+            //     : isCentered(slideshow.current)
+            //       ? 'center'
+            //       : 'start',
+            //   inline: isHorizontal(slideshow.current)
+            //     ? isCentered(slideshow.current)
+            //       ? 'center'
+            //       : 'start'
+            //     : 'nearest',
+            // })
+            const scrollOpts = {
+                behavior: 'smooth',
+            };
+            const horizontal = isHorizontal(slideshow.current);
+            const styles = window.getComputedStyle(slideshow.current);
+            const padding = horizontal
+                ? parseInt(styles.paddingLeft)
+                : parseInt(styles.paddingTop);
+            if (isHorizontal(slideshow.current)) {
+                if (isCentered(slideshow.current)) {
+                    scrollOpts.left =
+                        newElement?.offsetLeft + newElement?.clientWidth / 2 - padding;
+                }
+                else {
+                    scrollOpts.left = newElement?.offsetLeft - padding;
+                }
+            }
+            else {
+                if (isCentered(slideshow.current)) {
+                    scrollOpts.top =
+                        newElement?.offsetTop + newElement?.clientHeight / 2 - padding;
+                }
+                else {
+                    scrollOpts.top = newElement?.offsetTop - padding;
+                }
+            }
+            slideshow.current?.scrollTo(scrollOpts);
         },
         atStart: progress <= 0 || progress === -1,
         atEnd: progress >= 1 || progress === -1,

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@superrb/react-addons",
   "type": "module",
-  "version": "4.0.0-9",
+  "version": "4.0.0",
   "main": "index.js",
   "module": "index.js",
   "repository": "https://github.com/superrbstudio/react-addons",
   "author": "@molovo",
   "license": "MIT",
   "dependencies": {
-    "@hookform/resolvers": "^3.3.1",
-    "change-case": "^5.0.0",
+    "@hookform/resolvers": "^3.10.0",
+    "change-case": "^5.4.4",
     "install-peers-cli": "^2.2.0",
     "js-cookie": "^3.0.5",
-    "react-google-recaptcha-v3": "^1.10.1",
-    "react-hook-form": "^7.46.1",
-    "react-use-draggable-scroll": "^0.4.7",
-    "simple-zustand-devtools": "^1.1.0"
+    "react-google-recaptcha-v3": "^1.11.0",
+    "react-hook-form": "^7.71.2",
+    "react-use-draggable-scroll": "^0.4.7"
   },
   "peerDependencies": {
     "csp-header": "^6.1.0",
     "react": "^19.1.0",
     "typescript": "^5.2.2",
+    "usehooks-ts": "^3.1.1",
     "yup": "^1.4.0",
-    "zustand": "^4.4.7"
+    "zustand": "^5.0.5"
   },
   "scripts": {
     "build": "tsc",
@@ -31,24 +31,26 @@
     "dev": "watch 'yarn build' ./src"
   },
   "devDependencies": {
-    "@types/js-cookie": "^3.0.3",
-    "@types/node": "^20.5.7",
-    "@types/react": "^19.1.0",
-    "csp-header": "^6.1.0",
-    "eslint": "^8.50.0",
-    "eslint-config-next": "^13.5.3",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^3.2.2",
-    "react": "^19.1.0",
-    "typescript": "^5.2.2",
-    "typescript-eslint": "^0.0.1-alpha.0",
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "^24.11.0",
+    "@types/react": "^19.2.14",
+    "csp-header": "^6.3.0",
+    "eslint": "10.0.2",
+    "eslint-config-next": "^16.1.6",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "prettier": "^3.8.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.56.1",
+    "usehooks-ts": "^3.1.1",
     "watch": "^1.0.2",
-    "yup": "^1.4.0",
-    "zustand": "^4.4.7"
+    "yup": "^1.7.1",
+    "zustand": "^5.0.11"
   },
-  "packageManager": "yarn@4.9.1",
+  "packageManager": "yarn@4.12.0",
   "stableVersion": "3.0.0"
 }

package/store/cookies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cookies.d.ts","sourceRoot":"","sources":["../src/store/cookies.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,eAAe,EAAE,OAAO,CAAA;IACxB,uBAAuB,EAAE,OAAO,CAAA;IAChC,kBAAkB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,0BAA0B,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACvD,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,cAAc,0EAyBlB,CAAA;AAMF,eAAe,cAAc,CAAA"}
+{"version":3,"file":"cookies.d.ts","sourceRoot":"","sources":["../src/store/cookies.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,eAAe,EAAE,OAAO,CAAA;IACxB,uBAAuB,EAAE,OAAO,CAAA;IAChC,kBAAkB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,0BAA0B,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACvD,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,cAAc,0EAyBlB,CAAA;AAEF,eAAe,cAAc,CAAA"}

package/store/cookies.js

@@ -1,5 +1,4 @@
 import { create } from 'zustand';
-import { mountStoreDevtool } from 'simple-zustand-devtools';
 import Cookies from 'js-cookie';
 const useCookieStore = create()((set) => {
     const cookiesAccepted = !!Cookies.get('accepted-cookies') || false;
@@ -26,7 +25,4 @@ const useCookieStore = create()((set) => {
         closePopup: () => set({ popupOpen: false }),
     };
 });
-if (process.env.NODE_ENV === 'development') {
-    mountStoreDevtool('CookieStore', useCookieStore);
-}
 export default useCookieStore;

package/store/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/store/modal.ts"],"names":[],"mappings":"AAGA,UAAU,UAAU;IAClB,SAAS,EAAE;QACT,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAA;IACjC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,aAAa,yEASjB,CAAA;AAMF,eAAe,aAAa,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/store/modal.ts"],"names":[],"mappings":"AAGA,UAAU,UAAU;IAClB,SAAS,EAAE;QACT,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAA;IACjC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,aAAa,yEASjB,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/store/modal.js

@@ -1,5 +1,4 @@
 import { create } from 'zustand';
-import { mountStoreDevtool } from 'simple-zustand-devtools';
 const useModalStore = create()((set, get) => {
     return {
         openState: {},
@@ -8,7 +7,4 @@ const useModalStore = create()((set, get) => {
         closeModal: (name) => set((state) => ({ openState: { ...state.openState, [name]: false } })),
     };
 });
-if (process.env.NODE_ENV === 'development') {
-    mountStoreDevtool('ModalStore', useModalStore);
-}
 export default useModalStore;

package/store/nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../src/store/nav.ts"],"names":[],"mappings":"AAGA,UAAU,QAAQ;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,WAAW,uEAKd,CAAA;AAMH,eAAe,WAAW,CAAA"}
+{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../src/store/nav.ts"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,WAAW,uEAKd,CAAA;AAEH,eAAe,WAAW,CAAA"}

package/store/nav.js

@@ -1,12 +1,8 @@
 import { create } from 'zustand';
-import { mountStoreDevtool } from 'simple-zustand-devtools';
 const useNavStore = create()((set) => ({
     navOpen: false,
     toggleNav: () => set((state) => ({ navOpen: !state.navOpen })),
     openNav: () => set({ navOpen: true }),
     closeNav: () => set({ navOpen: false }),
 }));
-if (process.env.NODE_ENV === 'development') {
-    mountStoreDevtool('NavStore', useNavStore);
-}
 export default useNavStore;