@superrb/react-addons 1.0.0

package/components/back-to-top.d.ts

@@ -0,0 +1,3 @@
+declare const BackToTop: () => import("react/jsx-runtime").JSX.Element;
+export default BackToTop;
+//# sourceMappingURL=back-to-top.d.ts.map

package/components/back-to-top.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"back-to-top.d.ts","sourceRoot":"","sources":["../src/components/back-to-top.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS,+CAMd,CAAA;AAED,eAAe,SAAS,CAAA"}

package/components/back-to-top.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const BackToTop = () => {
+    return (_jsx("div", { className: "back-to-top", id: "back-to-top", children: _jsx("a", { href: "#top", children: "Back to Top" }) }));
+};
+export default BackToTop;

package/components/button.d.ts

@@ -0,0 +1,14 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, MouseEventHandler, PropsWithChildren } from "react";
+import { PrismicNextLinkProps } from "@prismicio/next";
+type Props = (PropsWithChildren<HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>> | ButtonHTMLAttributes<HTMLButtonElement> | AnchorHTMLAttributes<HTMLAnchorElement>) & {
+    label?: string;
+    label_a11y?: string;
+    onClick?: MouseEventHandler;
+    className?: string;
+    href?: string;
+    field?: PrismicNextLinkProps["field"];
+};
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
+export default _default;
+export type { Props as ButtonProps };
+//# sourceMappingURL=button.d.ts.map

package/components/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EAEpB,cAAc,EACd,iBAAiB,EAEjB,iBAAiB,EAGlB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAmB,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAEvE,KAAK,KAAK,GAAG,CACT,iBAAiB,CAAC,cAAc,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC,GACxE,oBAAoB,CAAC,iBAAiB,CAAC,GACvC,oBAAoB,CAAC,iBAAiB,CAAC,CAC1C,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAA;CACtC,CAAA;;AAkFD,wBAA2B;AAC3B,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,CAAA"}

package/components/button.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, memo, } from "react";
+import Link from "next/link";
+import { extendClass } from "../utils";
+import { PrismicNextLink } from "@prismicio/next";
+const Button = forwardRef(({ children, label, label_a11y, onClick, className = "", href, field, ...props }, ref) => {
+    className = `button ${className}`;
+    const renderedChildren = (_jsxs(_Fragment, { children: [label_a11y && _jsx("span", { className: "screenreader-text", children: label_a11y }), label && (_jsx("span", { className: `${extendClass("button", "label")} ${extendClass(className, "label")}`, "aria-hidden": label_a11y !== undefined, "data-text": label, children: label })), children] }));
+    const linkProps = {
+        ...props,
+        onClick,
+        className,
+        "aria-label": label_a11y || label,
+        ref,
+    };
+    if (href) {
+        return (_jsx(Link, { ...linkProps, href, children: renderedChildren }));
+    }
+    if (field) {
+        return (_jsx(PrismicNextLink, { ...linkProps, field, children: renderedChildren }));
+    }
+    const buttonProps = {
+        ...props,
+        onClick,
+        className,
+        "aria-label": label_a11y || label,
+        ref,
+    };
+    return _jsx("button", { ...buttonProps, children: renderedChildren });
+});
+export default memo(Button);

package/components/context-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+declare const ContextWrapper: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
+export default ContextWrapper;
+//# sourceMappingURL=context-wrapper.d.ts.map

package/components/context-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-wrapper.d.ts","sourceRoot":"","sources":["../src/components/context-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGzC,QAAA,MAAM,cAAc,iBAAkB,kBAAkB,EAAE,CAAC,4CAI1D,CAAA;AAED,eAAe,cAAc,CAAA"}

package/components/context-wrapper.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ModalContextProvider, NavContextProvider } from "../context";
+const ContextWrapper = ({ children }) => (_jsx(ModalContextProvider, { children: _jsx(NavContextProvider, { children: children }) }));
+export default ContextWrapper;

package/components/image.d.ts

@@ -0,0 +1,11 @@
+import { ImageFieldImage } from "@prismicio/client";
+import { CSSProperties } from "react";
+declare const Image: ({ image, sizes, className, style, imgStyle, }: {
+    image: ImageFieldImage;
+    sizes?: string | undefined;
+    className?: string | undefined;
+    style?: Partial<CSSProperties> | undefined;
+    imgStyle?: Partial<CSSProperties> | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Image;
+//# sourceMappingURL=image.d.ts.map

package/components/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../src/components/image.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,QAAA,MAAM,KAAK;WAOF,eAAe;;;;;6CAmBvB,CAAA;AAED,eAAe,KAAK,CAAA"}

package/components/image.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PrismicNextImage } from "@prismicio/next";
+import { extendClass } from "../utils";
+const Image = ({ image, sizes = "100vw", className = "", style = {}, imgStyle = {}, }) => {
+    return (_jsx("figure", { className: `image ${className}`, style: style, children: _jsx(PrismicNextImage, { className: `${extendClass(className, "image")} ${extendClass("image", "image")}`, field: image, sizes: sizes, style: imgStyle }) }));
+};
+export default Image;

package/components/link.d.ts

@@ -0,0 +1,49 @@
+import { HTMLAttributes } from "react";
+import { PrismicNextLinkProps } from "@prismicio/next";
+interface Props {
+    to: PrismicNextLinkProps["field"] | PrismicNextLinkProps["href"] | PrismicNextLinkProps["document"];
+}
+declare const Link: import("react").ForwardRefExoticComponent<((Props & HTMLAttributes<HTMLAnchorElement> & {
+    children?: import("react").ReactNode;
+}) | Omit<Props & Omit<any, "field" | "document" | "href" | "rel"> & {
+    linkResolver?: import("@prismicio/client").LinkResolverFunction | undefined;
+    rel?: string | ((args: {
+        href: string | undefined;
+        isExternal: boolean;
+        target?: string | undefined;
+    }) => string | void | undefined) | undefined;
+} & {
+    field: import("@prismicio/client").LinkField | null | undefined;
+    document?: undefined;
+    href?: undefined;
+} & {
+    children?: import("react").ReactNode;
+}, "ref"> | Omit<Props & Omit<any, "field" | "document" | "href" | "rel"> & {
+    linkResolver?: import("@prismicio/client").LinkResolverFunction | undefined;
+    rel?: string | ((args: {
+        href: string | undefined;
+        isExternal: boolean;
+        target?: string | undefined;
+    }) => string | void | undefined) | undefined;
+} & {
+    field?: undefined;
+    document: import("@prismicio/client").PrismicDocument<Record<string, any>, string, string> | null | undefined;
+    href?: undefined;
+} & {
+    children?: import("react").ReactNode;
+}, "ref"> | Omit<Props & Omit<any, "field" | "document" | "href" | "rel"> & {
+    linkResolver?: import("@prismicio/client").LinkResolverFunction | undefined;
+    rel?: string | ((args: {
+        href: string | undefined;
+        isExternal: boolean;
+        target?: string | undefined;
+    }) => string | void | undefined) | undefined;
+} & {
+    field?: undefined;
+    document?: undefined;
+    href: any;
+} & {
+    children?: import("react").ReactNode;
+}, "ref">) & import("react").RefAttributes<HTMLAnchorElement>>;
+export default Link;
+//# sourceMappingURL=link.d.ts.map

package/components/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../src/components/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,EAAmB,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAGvE,UAAU,KAAK;IACb,EAAE,EACE,oBAAoB,CAAC,OAAO,CAAC,GAC7B,oBAAoB,CAAC,MAAM,CAAC,GAC5B,oBAAoB,CAAC,UAAU,CAAC,CAAA;CACrC;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8DAiCT,CAAA;AAED,eAAe,IAAI,CAAA"}

package/components/link.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, } from "react";
+import { PrismicNextLink } from "@prismicio/next";
+import isExternalLink from "../utils/is-external-link";
+const Link = forwardRef(({ to, children, ...props }, ref) => {
+    if (typeof to === "string" && isExternalLink(to)) {
+        return (_jsx("a", { href: to, ...props, ref: ref, children: children }));
+    }
+    return (_jsx(PrismicNextLink, { ...("url" in to ? { field: to } : { document: to }), ...props, ref: ref, children: children }));
+});
+export default Link;

package/components/menu-toggle.d.ts

@@ -0,0 +1,11 @@
+import { ButtonHTMLAttributes, PropsWithChildren, ReactElement } from "react";
+interface Props extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {
+    "aria-controls": string;
+    className?: string;
+    label?: string;
+    closeLabel?: string;
+    renderIcon?: (navOpen: boolean) => ReactElement;
+}
+declare const MenuToggle: ({ "aria-controls": ariaControls, className, label, closeLabel, renderIcon, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default MenuToggle;
+//# sourceMappingURL=menu-toggle.d.ts.map

package/components/menu-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-toggle.d.ts","sourceRoot":"","sources":["../src/components/menu-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EAKb,MAAM,OAAO,CAAA;AAKd,UAAU,KACR,SAAQ,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAClE,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,YAAY,CAAA;CAChD;AAED,QAAA,MAAM,UAAU,0FAOb,KAAK,4CAwCP,CAAA;AAED,eAAe,UAAU,CAAA"}

package/components/menu-toggle.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useContext, useEffect, useState, } from "react";
+import { NavContext } from "../context";
+import { Button } from "../components";
+import { extendClass } from "../utils";
+const MenuToggle = ({ "aria-controls": ariaControls, className = "", label = "Open Nav", closeLabel = "Close Nav", renderIcon = undefined, ...props }) => {
+    const { navOpen, toggleNav } = useContext(NavContext);
+    const [icon, setIcon] = useState(navOpen ? "×" : "꠵");
+    useEffect(() => {
+        if (renderIcon) {
+            setIcon(renderIcon(navOpen));
+            return;
+        }
+        setIcon(navOpen ? "×" : "꠵");
+    }, [navOpen]);
+    const handleClick = useCallback(() => {
+        if (document &&
+            document?.activeElement instanceof Element &&
+            "blur" in document?.activeElement) {
+            ;
+            document.activeElement?.blur();
+        }
+        toggleNav();
+    }, [toggleNav]);
+    return (_jsx(Button, { className: `menu-toggle ${className}`, onClick: handleClick, "aria-expanded": navOpen, "aria-controls": ariaControls, label_a11y: navOpen ? closeLabel : label, ...props, children: _jsx("span", { className: `menu-toggle__icon ${extendClass(className, "icon")}`, children: icon }) }));
+};
+export default MenuToggle;

package/components/modal.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from "react";
+interface Props {
+    name: string;
+    className?: string;
+    openAfter?: number;
+    dismissable?: boolean;
+}
+declare const Modal: ({ name, className, openAfter, dismissable, children, }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default Modal;
+//# sourceMappingURL=modal.d.ts.map

package/components/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/components/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAId,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,KAAK,2DAMR,kBAAkB,KAAK,CAAC,4CAyC1B,CAAA;AAED,eAAe,KAAK,CAAA"}

package/components/modal.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback, } from "react";
+import { local } from "../storage";
+import { useLockBodyScroll, useModal } from "../hooks";
+const Modal = ({ name, className, openAfter, dismissable = false, children, }) => {
+    const [dismissed, setDismissed] = useState(false);
+    const openTimer = useRef();
+    const { isOpen, openModal, closeModal } = useModal(name);
+    useLockBodyScroll(isOpen);
+    useEffect(() => {
+        if (dismissable) {
+            setDismissed(local.getItem(`${name}-popup-dismissed`) === "true");
+        }
+    }, []);
+    useEffect(() => {
+        clearTimeout(openTimer.current);
+        if (!dismissed && openAfter) {
+            openTimer.current = setTimeout(() => {
+                openModal();
+            }, openAfter);
+        }
+    }, [dismissed, openAfter, openModal]);
+    const close = useCallback(() => {
+        closeModal();
+        if (dismissable) {
+            local.setItem(`${name}-popup-dismissed`, "true");
+            setDismissed(true);
+        }
+    }, [name, closeModal]);
+    return (_jsxs("aside", { id: name, className: `modal ${className}`, "aria-hidden": !isOpen, children: [_jsxs("button", { className: `modal__close`, onClick: close, children: [_jsx("span", { className: "screenreader-text", children: "Close Modal" }), "\u00D7"] }), _jsx("div", { className: `modal__inner`, children: children })] }));
+};
+export default Modal;

package/components/skip-to.d.ts

@@ -0,0 +1,3 @@
+declare const SkipTo: () => import("react/jsx-runtime").JSX.Element;
+export default SkipTo;
+//# sourceMappingURL=skip-to.d.ts.map

package/components/skip-to.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-to.d.ts","sourceRoot":"","sources":["../src/components/skip-to.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM,+CAOX,CAAA;AAED,eAAe,MAAM,CAAA"}

package/components/skip-to.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SkipTo = () => {
+    return (_jsxs("div", { className: "skip-to", id: "skip-to", children: [_jsx("a", { href: "#content", children: "Skip to Content" }), _jsx("a", { href: "#nav", children: "Skip to Navigation" })] }));
+};
+export default SkipTo;

package/components.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Components
+ */
+import BackToTop from "./components/back-to-top";
+import Button from "./components/button";
+import ContextWrapper from "./components/context-wrapper";
+import MenuToggle from "./components/menu-toggle";
+import Modal from "./components/modal";
+import SkipTo from "./components/skip-to";
+export { BackToTop, Button, ContextWrapper, MenuToggle, Modal, SkipTo };
+//# sourceMappingURL=components.d.ts.map

package/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["src/components.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,cAAc,MAAM,8BAA8B,CAAA;AACzD,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA"}

package/components.js

@@ -0,0 +1,10 @@
+/**
+ * Components
+ */
+import BackToTop from "./components/back-to-top";
+import Button from "./components/button";
+import ContextWrapper from "./components/context-wrapper";
+import MenuToggle from "./components/menu-toggle";
+import Modal from "./components/modal";
+import SkipTo from "./components/skip-to";
+export { BackToTop, Button, ContextWrapper, MenuToggle, Modal, SkipTo };

package/context/modal-context-provider.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from "react";
+export declare const ModalContext: import("react").Context<{
+    openState: OpenState;
+    isOpen: (name: string) => boolean;
+    openModal: (name: string) => void;
+    closeModal: (name: string) => void;
+}>;
+interface OpenState {
+    [key: string]: boolean;
+}
+export declare const ModalContextProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export default ModalContextProvider;
+//# sourceMappingURL=modal-context-provider.d.ts.map

package/context/modal-context-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-context-provider.d.ts","sourceRoot":"","sources":["../src/context/modal-context-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAElE,eAAO,MAAM,YAAY;;mBAER,MAAM;sBACH,MAAM;uBACL,MAAM;EACzB,CAAA;AAEF,UAAU,SAAS;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,oBAAoB,iBAAkB,iBAAiB,4CA8BnE,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/context/modal-context-provider.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useState } from "react";
+export const ModalContext = createContext({
+    openState: {},
+    isOpen: (name) => false,
+    openModal: (name) => { },
+    closeModal: (name) => { },
+});
+export const ModalContextProvider = ({ children }) => {
+    const [openState, setOpenState] = useState({});
+    const isOpen = (name) => {
+        return openState[name] || false;
+    };
+    const openModal = (name) => {
+        setOpenState(state => {
+            const newState = { ...state };
+            newState[name] = true;
+            return newState;
+        });
+    };
+    const closeModal = (name) => {
+        setOpenState(state => {
+            const newState = { ...state };
+            newState[name] = false;
+            return newState;
+        });
+    };
+    return (_jsx(ModalContext.Provider, { value: { openState, isOpen, openModal, closeModal }, children: children }));
+};
+export default ModalContextProvider;

package/context/nav-context-provider.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from "react";
+export declare const NavContext: import("react").Context<{
+    navOpen: boolean;
+    toggleNav: () => void;
+    openNav: () => void;
+    closeNav: () => void;
+}>;
+export declare const NavContextProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export default NavContextProvider;
+//# sourceMappingURL=nav-context-provider.d.ts.map

package/context/nav-context-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-context-provider.d.ts","sourceRoot":"","sources":["../src/context/nav-context-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,iBAAiB,EAAyB,MAAM,OAAO,CAAA;AAE/E,eAAO,MAAM,UAAU;;;;;EAKrB,CAAA;AAEF,eAAO,MAAM,kBAAkB,iBAAkB,iBAAiB,4CAsBjE,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/context/nav-context-provider.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLockBodyScroll } from "../hooks";
+import { createContext, useCallback, useState } from "react";
+export const NavContext = createContext({
+    navOpen: false,
+    toggleNav: () => { },
+    openNav: () => { },
+    closeNav: () => { },
+});
+export const NavContextProvider = ({ children }) => {
+    const [navOpen, setNavOpen] = useState(false);
+    useLockBodyScroll(navOpen);
+    const toggleNav = useCallback(() => {
+        setNavOpen(navOpen => !navOpen);
+    }, [setNavOpen]);
+    const openNav = useCallback(() => {
+        setNavOpen(true);
+    }, [setNavOpen]);
+    const closeNav = useCallback(() => {
+        setNavOpen(false);
+        document.activeElement?.blur();
+    }, [setNavOpen]);
+    return (_jsx(NavContext.Provider, { value: { navOpen, toggleNav, openNav, closeNav }, children: children }));
+};
+export default NavContextProvider;

package/context.d.ts

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

package/context.d.ts.map

@@ -0,0 +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,EAAE,YAAY,EAAE,oBAAoB,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}

package/context.js

@@ -0,0 +1,6 @@
+/**
+ * Context
+ */
+import { ModalContext, ModalContextProvider, } from "./context/modal-context-provider";
+import { NavContext, NavContextProvider } from "./context/nav-context-provider";
+export { ModalContext, ModalContextProvider, NavContext, NavContextProvider };

package/hooks/use-async.d.ts

@@ -0,0 +1,10 @@
+export type Status = "idle" | "pending" | "success" | "error";
+interface ReturnType<T, E = string> {
+    execute: (...args: any) => Promise<void>;
+    status: Status;
+    value: T | null;
+    error: E | null;
+}
+declare const useAsync: <T, E = string>(asyncFunction: (...args: any[]) => Promise<T>, immediate?: boolean, dependencies?: any[]) => ReturnType<T, E>;
+export default useAsync;
+//# sourceMappingURL=use-async.d.ts.map

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

@@ -0,0 +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"}

package/hooks/use-async.js

@@ -0,0 +1,42 @@
+import { useCallback, useEffect, useState } from "react";
+// Hook
+const useAsync = (asyncFunction, // eslint-disable-line @typescript-eslint/no-explicit-any
+immediate = false, dependencies = [] // eslint-disable-line @typescript-eslint/no-explicit-any
+) => {
+    const [status, setStatus] = useState("idle");
+    const [value, setValue] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        setStatus("idle");
+        setValue(null);
+        setError(null);
+    }, dependencies);
+    // The execute function wraps asyncFunction and
+    // handles setting state for pending, value, and error.
+    // useCallback ensures the below useEffect is not called
+    // on every render, but only if asyncFunction changes.
+    const execute = useCallback(async (...args) => {
+        setStatus("pending");
+        setValue(null);
+        setError(null);
+        try {
+            const response = await asyncFunction(...args);
+            setValue(response);
+            setStatus("success");
+        }
+        catch (err) {
+            setError(err.message);
+            setStatus("error");
+        }
+    }, [asyncFunction]);
+    // Call execute if we want to fire it right away.
+    // Otherwise execute can be called later, such as
+    // in an onClick handler.
+    useEffect(() => {
+        if (immediate) {
+            void execute();
+        }
+    }, [execute, immediate]);
+    return { execute, status, value, error };
+};
+export default useAsync;

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

@@ -0,0 +1,11 @@
+import { MouseEventHandler, MutableRefObject } from "react";
+interface Events {
+    onMouseDown: MouseEventHandler<HTMLElement>;
+}
+declare const useDraggableScroll: (ref: MutableRefObject<HTMLElement>, { className, ...opts }: {
+    className: string;
+}) => {
+    events: Events;
+};
+export default useDraggableScroll;
+//# sourceMappingURL=use-draggable-scroll.d.ts.map

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

@@ -0,0 +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"}

package/hooks/use-draggable-scroll.js

@@ -0,0 +1,56 @@
+import { useEffect, useRef, useState, } from "react";
+import { useDraggable } from "react-use-draggable-scroll";
+import { useEventListener, useIsInViewport } from "../hooks";
+const useDraggableScroll = (ref, { className, ...opts }) => {
+    const { isInViewport, setRef } = useIsInViewport(false);
+    const { events } = useDraggable(ref, {
+        ...opts,
+        isMounted: ref.current !== undefined,
+    });
+    const [modifiedEvents, setModifiedEvents] = useState(events);
+    const timer = useRef();
+    const [dragging, setDragging] = useState(false);
+    const [shouldScroll, setShouldScroll] = useState(false);
+    setRef(ref.current);
+    useEffect(() => {
+        const shouldScroll = ref.current?.scrollWidth > ref.current?.clientWidth ||
+            ref.current?.scrollHeight > ref.current?.clientHeight;
+        setShouldScroll(shouldScroll);
+        const fn = shouldScroll ? "add" : "remove";
+        ref.current?.classList[fn](`${className}--draggable`);
+    }, [ref.current]);
+    const onDragStart = () => {
+        setDragging(true);
+        ref.current?.classList.add(`${className}--dragging`);
+    };
+    const onDragMove = () => {
+        if (timer.current && dragging) {
+            clearTimeout(timer.current);
+        }
+    };
+    const onDragEnd = () => {
+        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);
+    useEffect(() => {
+        if (!shouldScroll) {
+            setModifiedEvents({
+                onMouseDown: (event) => event,
+            });
+            return;
+        }
+        const originalOnMouseDown = events.onMouseDown;
+        setModifiedEvents({
+            onMouseDown: event => {
+                onDragStart();
+                originalOnMouseDown(event);
+            },
+        });
+    }, [ref, ref.current, setModifiedEvents, shouldScroll]);
+    return { events: modifiedEvents };
+};
+export default useDraggableScroll;

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

@@ -0,0 +1,7 @@
+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;
+export default useEventListener;
+//# sourceMappingURL=use-event-listener.d.ts.map

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

@@ -0,0 +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"}

package/hooks/use-event-listener.js

@@ -0,0 +1,46 @@
+import { useEffect, useRef } from "react";
+// Hook
+const useEventListener = (eventName, handler, options = {}, element, flag = true) => {
+    // Create a ref that stores handler
+    const savedHandler = useRef();
+    const elementRef = useRef();
+    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(() => {
+        savedHandler.current = handler;
+    }, [handler, elementRef.current]);
+    useEffect(() => {
+        // Make sure element supports addEventListener
+        // On
+        const isSupported = elementRef.current && elementRef.current.addEventListener;
+        if (!isSupported)
+            return;
+        // Create event listener that calls handler function stored in ref
+        const eventListener = event => savedHandler.current(event);
+        if (flag) {
+            // Add event listener
+            elementRef.current.addEventListener(eventName, eventListener, options);
+        }
+        else {
+            elementRef.current.removeEventListener(eventName, eventListener);
+        }
+        // Remove event listener on cleanup
+        return () => {
+            elementRef.current.removeEventListener(eventName, eventListener);
+        };
+    }, [
+        eventName,
+        handler,
+        savedHandler.current,
+        element,
+        elementRef.current,
+        flag,
+    ] // Re-run if eventName or element changes
+    );
+};
+export default useEventListener;

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

@@ -0,0 +1,3 @@
+declare const useHideOnScroll: (hiddenOnLoad?: boolean) => boolean;
+export default useHideOnScroll;
+//# sourceMappingURL=use-hide-on-scroll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-hide-on-scroll.d.ts","sourceRoot":"","sources":["../src/hooks/use-hide-on-scroll.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,eAAe,kBAAkB,OAAO,KAAW,OA+DxD,CAAA;AAED,eAAe,eAAe,CAAA"}