@superrb/react-addons 3.0.0-1 → 3.0.0-11

package/context.d.ts

@@ -1,7 +1,8 @@
 /**
  * Context
  */
+import { CookiesContext, CookiesContextProvider } from './context/cookies-context-provider';
 import { ModalContext, ModalContextProvider } from './context/modal-context-provider';
 import { NavContext, NavContextProvider } from './context/nav-context-provider';
-export { ModalContext, ModalContextProvider, NavContext, NavContextProvider, };
+export { CookiesContext, CookiesContextProvider, ModalContext, ModalContextProvider, NavContext, NavContextProvider, };
 //# sourceMappingURL=context.d.ts.map

package/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["src/context.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EACL,YAAY,EACZ,oBAAoB,EACrB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAE/E,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,UAAU,EACV,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["src/context.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EACL,cAAc,EACd,sBAAsB,EACvB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EACL,YAAY,EACZ,oBAAoB,EACrB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAE/E,OAAO,EACL,cAAc,EACd,sBAAsB,EACtB,YAAY,EACZ,oBAAoB,EACpB,UAAU,EACV,kBAAkB,GACnB,CAAA"}

package/context.js

@@ -1,6 +1,7 @@
 /**
  * Context
  */
+import { CookiesContext, CookiesContextProvider, } from './context/cookies-context-provider';
 import { ModalContext, ModalContextProvider, } from './context/modal-context-provider';
 import { NavContext, NavContextProvider } from './context/nav-context-provider';
-export { ModalContext, ModalContextProvider, NavContext, NavContextProvider, };
+export { CookiesContext, CookiesContextProvider, ModalContext, ModalContextProvider, NavContext, NavContextProvider, };

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

@@ -1 +1 @@
-{"version":3,"file":"use-async.d.ts","sourceRoot":"","sources":["../src/hooks/use-async.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAE7D,UAAU,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM;IAChC,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;IACf,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;CAChB;AAGD,QAAA,MAAM,QAAQ,2CACa,GAAG,EAAE,qDAEhB,GAAG,EAAE,qBA4CpB,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"use-async.d.ts","sourceRoot":"","sources":["../src/hooks/use-async.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAE7D,UAAU,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM;IAChC,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;IACf,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;CAChB;AAGD,QAAA,MAAM,QAAQ,iCACG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,QAAQ,CAAC,CAAC,sCAE/B,GAAG,EAAE,KAClB,WAAW,CAAC,EAAE,CAAC,CA2CjB,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/hooks/use-draggable-scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-draggable-scroll.d.ts","sourceRoot":"","sources":["../src/hooks/use-draggable-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,gBAAgB,EAIjB,MAAM,OAAO,CAAA;AAId,UAAU,MAAM;IACd,WAAW,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;CAC5C;AAED,QAAA,MAAM,kBAAkB,QACjB,iBAAiB,WAAW,CAAC;eACG,MAAM;;;CA8E5C,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"use-draggable-scroll.d.ts","sourceRoot":"","sources":["../src/hooks/use-draggable-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,gBAAgB,EAIjB,MAAM,OAAO,CAAA;AAId,UAAU,MAAM;IACd,WAAW,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;CAC5C;AAED,QAAA,MAAM,kBAAkB,QACjB,iBAAiB,WAAW,CAAC,0BACV;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE;;CA8E9C,CAAA;AAED,eAAe,kBAAkB,CAAA"}

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

@@ -2,6 +2,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;
-declare const useEventListener: <T extends Target, E extends keyof EventMap<T>>(eventName: E, handler: EventListener<T, E>, options?: boolean | AddEventListenerOptions, element?: T | undefined, flag?: boolean) => void;
+declare const useEventListener: <T extends Target, E extends keyof EventMap<T>>(eventName: E, handler: EventListener<T, E>, options?: boolean | AddEventListenerOptions, element?: T, flag?: boolean) => void;
 export default useEventListener;
 //# 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,GAClB,gBAAgB,GAChB,2BAA2B,CAAA;AAE/B,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,QAAA,MAAM,gBAAgB,wGAGX,OAAO,GAAG,uBAAuB,kCAEpC,OAAO,SA+Dd,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"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,GAClB,gBAAgB,GAChB,2BAA2B,CAAA;AAE/B,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,QAAA,MAAM,gBAAgB,6DACT,CAAC,WACH,cAAc,CAAC,EAAE,CAAC,CAAC,YACnB,OAAO,GAAG,uBAAuB,YAChC,CAAC,SACL,OAAO,SA+Dd,CAAA;AAED,eAAe,gBAAgB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-modal.d.ts","sourceRoot":"","sources":["../src/hooks/use-modal.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,QAAQ,SAAU,MAAM;;;;CAa7B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"use-modal.d.ts","sourceRoot":"","sources":["../src/hooks/use-modal.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,QAAQ,SAAU,MAAM;;;;CAU7B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/hooks/use-modal.js

@@ -1,13 +1,10 @@
-import { useContext, useEffect, useState } from 'react';
-import { ModalContext } from '../context';
+import useModalStore from '../store/modal';
 const useModal = (name) => {
-    const [open, setOpen] = useState(false);
-    const { openState, openModal, closeModal } = useContext(ModalContext);
-    useEffect(() => {
-        setOpen(openState[name]);
-    }, [openState[name]]);
+    const isOpen = useModalStore((state) => state.openState[name]);
+    const openModal = useModalStore((state) => state.openModal);
+    const closeModal = useModalStore((state) => state.closeModal);
     return {
-        isOpen: open,
+        isOpen,
         openModal: () => openModal(name),
         closeModal: () => closeModal(name),
     };

package/hooks/use-slideshow.d.ts

@@ -0,0 +1,19 @@
+import { MutableRefObject } from 'react';
+export type SlideshowElement = HTMLElement & {
+    previousScroll?: number;
+};
+export type Slideshow = {
+    slideshowRef: MutableRefObject<SlideshowElement>;
+    currentSlide: number;
+    slideCount: number;
+    goTo: (index: number) => void;
+    atStart: boolean;
+    atEnd: boolean;
+};
+export declare const isHorizontal: (element: SlideshowElement) => boolean;
+export declare const isCentered: (element: SlideshowElement) => boolean;
+export declare const getScrollProgress: (target: SlideshowElement) => number;
+export declare const getCurrentSlideIndex: (element: SlideshowElement, currentIndex: number) => number;
+declare const useSlideshow: (slideshow: MutableRefObject<SlideshowElement>) => Slideshow;
+export default useSlideshow;
+//# sourceMappingURL=use-slideshow.d.ts.map

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

@@ -0,0 +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;AAE7D,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,eAAO,MAAM,YAAY,YAAa,gBAAgB,KAAG,OAExD,CAAA;AAED,eAAO,MAAM,UAAU,YAAa,gBAAgB,KAAG,OAKtD,CAAA;AAED,eAAO,MAAM,iBAAiB,WAAY,gBAAgB,WAMzD,CAAA;AAED,eAAO,MAAM,oBAAoB,YACtB,gBAAgB,gBACX,MAAM,KACnB,MAqDF,CAAA;AAED,QAAA,MAAM,YAAY,cACL,iBAAiB,gBAAgB,CAAC,KAC5C,SA4DF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/hooks/use-slideshow.js

@@ -0,0 +1,103 @@
+import { useEffect, useState } from 'react';
+export const isHorizontal = (element) => {
+    return window.getComputedStyle(element).scrollSnapType.startsWith('x');
+};
+export const isCentered = (element) => {
+    return (window.getComputedStyle(element.firstElementChild)
+        ?.scrollSnapAlign === 'center');
+};
+export const getScrollProgress = (target) => {
+    if (!target || target.scrollWidth === target.clientWidth) {
+        return -1;
+    }
+    return target.scrollLeft / (target.scrollWidth - target.clientWidth);
+};
+export const getCurrentSlideIndex = (element, currentIndex) => {
+    if (!element) {
+        return currentIndex;
+    }
+    if (!element.previousScroll) {
+        element.previousScroll = element.scrollLeft;
+        return currentIndex;
+    }
+    const centered = isCentered(element);
+    const horizontal = isHorizontal(element);
+    const direction = element.scrollLeft > element.previousScroll ? 'right' : 'left';
+    let gap = parseFloat(window.getComputedStyle(element).gap) || 0;
+    if (isNaN(gap)) {
+        gap = 0;
+    }
+    const containerEdge = element.getBoundingClientRect()[horizontal ? 'left' : 'top'];
+    let newIndex = currentIndex;
+    let i = 0;
+    for (const child of element.children) {
+        const edge = child.getBoundingClientRect()[horizontal ? 'left' : 'top'] - containerEdge;
+        if (centered) {
+            const threshold = horizontal
+                ? element.clientWidth / 2
+                : element.clientHeight / 2;
+            if (edge >= 0 && edge < threshold) {
+                return i;
+            }
+        }
+        else {
+            const threshold = direction === 'right'
+                ? (horizontal ? child.clientWidth : child.clientHeight) - gap
+                : 0 + gap;
+            if (edge >= 0 - threshold) {
+                return i;
+            }
+        }
+        i++;
+    }
+    element.previousScroll = element.scrollLeft;
+    return newIndex;
+};
+const useSlideshow = (slideshow) => {
+    const [currentSlide, setCurrentSlide] = useState(0);
+    useEffect(() => {
+        if (slideshow.current) {
+            setCurrentSlide((current) => getCurrentSlideIndex(slideshow.current, current));
+            slideshow.current.addEventListener('scroll', () => {
+                setCurrentSlide((current) => getCurrentSlideIndex(slideshow.current, current));
+            });
+            slideshow.current.addEventListener('resize', () => setCurrentSlide((current) => getCurrentSlideIndex(slideshow.current, current)));
+        }
+    }, [slideshow]);
+    if (!slideshow.current) {
+        return {
+            slideshowRef: slideshow,
+            currentSlide: 0,
+            slideCount: 0,
+            goTo: () => { },
+            atStart: true,
+            atEnd: true,
+        };
+    }
+    return {
+        slideshowRef: slideshow,
+        currentSlide,
+        slideCount: slideshow.current?.children.length || 0,
+        goTo: (index) => {
+            const scrollOpts = {
+                behavior: 'smooth',
+                block: 'start',
+                inline: 'start',
+            };
+            if (isCentered(slideshow.current)) {
+                scrollOpts.block = 'center';
+                scrollOpts.inline = 'center';
+            }
+            if (isHorizontal(slideshow.current)) {
+                scrollOpts.block = 'nearest';
+            }
+            else {
+                scrollOpts.inline = 'nearest';
+            }
+            slideshow.current?.children[index]?.scrollIntoView(scrollOpts);
+        },
+        atStart: getScrollProgress(slideshow.current) <= 0,
+        atEnd: getScrollProgress(slideshow.current) >= 1,
+    };
+};
+export default useSlideshow;

package/hooks.d.ts

@@ -13,5 +13,6 @@ import useLockBodyScroll from './hooks/use-lock-body-scroll';
 import useModal from './hooks/use-modal';
 import useMotionAllowed from './hooks/use-motion-allowed';
 import useParallax from './hooks/use-parallax';
-export { useAsync, useDraggableScroll, useEventListener, useHideOnScroll, useId, useIsOverflowing, useIsInViewport, useIsMobile, useLockBodyScroll, useModal, useMotionAllowed, useParallax, };
+import useSlideshow from './hooks/use-slideshow';
+export { useAsync, useDraggableScroll, useEventListener, useHideOnScroll, useId, useIsOverflowing, useIsInViewport, useIsMobile, useLockBodyScroll, useModal, useMotionAllowed, useParallax, useSlideshow, };
 //# sourceMappingURL=hooks.d.ts.map

package/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["src/hooks.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,kBAAkB,MAAM,8BAA8B,CAAA;AAC7D,OAAO,gBAAgB,MAAM,4BAA4B,CAAA;AACzD,OAAO,eAAe,MAAM,4BAA4B,CAAA;AACxD,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,eAAe,MAAM,4BAA4B,CAAA;AACxD,OAAO,gBAAgB,MAAM,4BAA4B,CAAA;AACzD,OAAO,WAAW,MAAM,uBAAuB,CAAA;AAC/C,OAAO,iBAAiB,MAAM,8BAA8B,CAAA;AAC5D,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,gBAAgB,MAAM,4BAA4B,CAAA;AACzD,OAAO,WAAW,MAAM,sBAAsB,CAAA;AAE9C,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,WAAW,GACZ,CAAA"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["src/hooks.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,kBAAkB,MAAM,8BAA8B,CAAA;AAC7D,OAAO,gBAAgB,MAAM,4BAA4B,CAAA;AACzD,OAAO,eAAe,MAAM,4BAA4B,CAAA;AACxD,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,eAAe,MAAM,4BAA4B,CAAA;AACxD,OAAO,gBAAgB,MAAM,4BAA4B,CAAA;AACzD,OAAO,WAAW,MAAM,uBAAuB,CAAA;AAC/C,OAAO,iBAAiB,MAAM,8BAA8B,CAAA;AAC5D,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,gBAAgB,MAAM,4BAA4B,CAAA;AACzD,OAAO,WAAW,MAAM,sBAAsB,CAAA;AAC9C,OAAO,YAAY,MAAM,uBAAuB,CAAA;AAEhD,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,YAAY,GACb,CAAA"}

package/hooks.js

@@ -13,4 +13,5 @@ import useLockBodyScroll from './hooks/use-lock-body-scroll';
 import useModal from './hooks/use-modal';
 import useMotionAllowed from './hooks/use-motion-allowed';
 import useParallax from './hooks/use-parallax';
-export { useAsync, useDraggableScroll, useEventListener, useHideOnScroll, useId, useIsOverflowing, useIsInViewport, useIsMobile, useLockBodyScroll, useModal, useMotionAllowed, useParallax, };
+import useSlideshow from './hooks/use-slideshow';
+export { useAsync, useDraggableScroll, useEventListener, useHideOnScroll, useId, useIsOverflowing, useIsInViewport, useIsMobile, useLockBodyScroll, useModal, useMotionAllowed, useParallax, useSlideshow, };

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as Components from './components';
-import * as Context from './context';
 import * as Hooks from './hooks';
+import * as Store from './store';
 import * as Storage from './storage';
 import * as Utils from './utils';
-export { Components, Context, Hooks, Storage, Utils };
+export { Components, Hooks, Store, Storage, Utils };
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AACpC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AAEpC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAEhC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AAEpC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAEhC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/index.js

@@ -1,7 +1,7 @@
 import * as Components from './components';
-import * as Context from './context';
 import * as Hooks from './hooks';
+import * as Store from './store';
 import * as Storage from './storage';
 // import * as Types from './types'
 import * as Utils from './utils';
-export { Components, Context, Hooks, Storage, Utils };
+export { Components, Hooks, Store, Storage, Utils };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@superrb/react-addons",
   "type": "module",
-  "version": "3.0.0-1",
+  "version": "3.0.0-11",
   "main": "index.js",
   "repository": "https://github.com/superrbstudio/react-addons",
   "author": "@molovo",
@@ -14,13 +14,12 @@
     "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",
-    "yup": "^1.2.0"
+    "react-use-draggable-scroll": "^0.4.7"
   },
   "peerDependencies": {
-    "@superrb/react-addons": "^1.0.0",
     "react": "^18.2.0",
     "typescript": "^5.2.2",
+    "yup": "^1.2.0",
     "zustand": "^4.4.7"
   },
   "scripts": {

package/store/cookies.d.ts

@@ -3,6 +3,9 @@ export interface CookieState {
     trackingCookiesAccepted: boolean;
     setCookiesAccepted: (accepted: boolean) => void;
     setTrackingCookiesAccepted: (accepted: boolean) => void;
+    popupOpen: boolean;
+    openPopup: () => void;
+    closePopup: () => void;
 }
 declare const useCookieStore: import("zustand").UseBoundStore<import("zustand").StoreApi<CookieState>>;
 export default useCookieStore;

package/store/cookies.d.ts.map

@@ -1 +1 @@
-{"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;CACxD;AAMD,QAAA,MAAM,cAAc,0EAmBjB,CAAA;AAEH,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,25 +1,28 @@
 import { create } from 'zustand';
 import Cookies from 'js-cookie';
-const cookiesAccepted = Cookies.get('accepted-cookies') === 'true' || false;
-const trackingCookiesAccepted = Cookies.get('accepted-tracking-cookies') === 'true' || false;
-const useCookieStore = create()((set) => ({
-    cookiesAccepted,
-    trackingCookiesAccepted,
-    setCookiesAccepted: (accepted) => {
-        Cookies.set('accepted-cookies', accepted.toString(), {
-            expires: 30,
-        });
-        return set((state) => ({
-            cookiesAccepted: accepted,
-        }));
-    },
-    setTrackingCookiesAccepted: (accepted) => {
-        Cookies.set('accepted-tracking-cookies', accepted.toString(), {
-            expires: 30,
-        });
-        return set((state) => ({
-            trackingCookiesAccepted: accepted,
-        }));
-    },
-}));
+const useCookieStore = create()((set) => {
+    const cookiesAccepted = !!Cookies.get('accepted-cookies') || false;
+    const trackingCookiesAccepted = !!Cookies.get('accepted-tracking-cookies') || false;
+    return {
+        cookiesAccepted,
+        trackingCookiesAccepted,
+        setCookiesAccepted: (accepted) => {
+            Cookies.set('accepted-cookies', accepted.toString(), {
+                expires: 30,
+            });
+            return set((state) => ({ cookiesAccepted: accepted }));
+        },
+        setTrackingCookiesAccepted: (accepted) => {
+            Cookies.set('accepted-tracking-cookies', accepted.toString(), {
+                expires: 30,
+            });
+            return set((state) => ({
+                trackingCookiesAccepted: accepted,
+            }));
+        },
+        popupOpen: false,
+        openPopup: () => set({ popupOpen: true }),
+        closePopup: () => set({ popupOpen: false }),
+    };
+});
 export default useCookieStore;

package/store.d.ts

@@ -1,3 +1,5 @@
 import useCookieStore from './store/cookies';
-export { useCookieStore };
+import useModalStore from './store/modal';
+import useNavStore from './store/nav';
+export { useCookieStore, useModalStore, useNavStore };
 //# sourceMappingURL=store.d.ts.map

package/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["src/store.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EACL,cAAc,EACf,CAAA"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["src/store.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iBAAiB,CAAA;AAC5C,OAAO,aAAa,MAAM,eAAe,CAAA;AACzC,OAAO,WAAW,MAAM,aAAa,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA"}

package/store.js

@@ -1,2 +1,4 @@
 import useCookieStore from './store/cookies';
-export { useCookieStore };
+import useModalStore from './store/modal';
+import useNavStore from './store/nav';
+export { useCookieStore, useModalStore, useNavStore };