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

package/actions.d.ts

@@ -0,0 +1,6 @@
+export declare class RecaptchaError extends Error {
+    message: string;
+}
+export type RecaptchaifiedAction<T> = (data: T, token: string) => void;
+export declare const recaptchaify: <T>(callback: (data: T) => void) => RecaptchaifiedAction<T>;
+//# sourceMappingURL=actions.d.ts.map

package/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["src/actions.ts"],"names":[],"mappings":"AAEA,qBAAa,cAAe,SAAQ,KAAK;IACvC,OAAO,SAAkC;CAC1C;AAED,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEtE,eAAO,MAAM,YAAY,gBAA0B,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,4BAcnE,CAAA"}

package/actions.js

@@ -0,0 +1,18 @@
+import { GoogleReCaptcha } from '@superrb/netlify-function-helpers';
+export class RecaptchaError extends Error {
+    constructor() {
+        super(...arguments);
+        this.message = 'Recaptcha verification failed';
+    }
+}
+export const recaptchaify = function (callback) {
+    return (async (data, token) => {
+        try {
+            await GoogleReCaptcha.verify(token, process.env.RECAPTCHA_SECRET_KEY, process.env.RECAPTCHA_MINSCORE);
+        }
+        catch (error) {
+            throw new RecaptchaError();
+        }
+        callback(data);
+    });
+};

package/components/accordion.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+export declare const AccordionItem: ({ title, expanded, children, }: PropsWithChildren<{
+    title: string;
+    expanded?: boolean;
+}>) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ multiple, children, }: PropsWithChildren<{
+    multiple?: boolean;
+}>) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;
+//# sourceMappingURL=accordion.d.ts.map

package/components/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,iBAAiB,EAMlB,MAAM,OAAO,CAAA;AAcd,eAAO,MAAM,aAAa,mCAIvB,kBAAkB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,4CA4D1D,CAAA;AAED,eAAO,MAAM,SAAS,4BAGnB,kBAAkB;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,4CAwB3C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/components/accordion.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, useContext, useState, useEffect, useId, } from 'react';
+const AccordionContext = createContext({
+    multiple: false,
+    expandedItems: [],
+    setExpandedItems: () => { },
+});
+export const AccordionItem = ({ title, expanded = false, children, }) => {
+    const { multiple, expandedItems, setExpandedItems } = useContext(AccordionContext);
+    const id = useId();
+    useEffect(() => {
+        if (expanded === true) {
+            setExpandedItems((expandedItems) => {
+                expandedItems.push(id);
+                return expandedItems;
+            });
+        }
+    }, []);
+    const toggle = () => {
+        setExpandedItems((expandedItems) => {
+            const isExpanded = expandedItems.includes(id);
+            if (isExpanded) {
+                console.log('Close', id);
+                return expandedItems.filter((item) => item !== id);
+            }
+            if (!multiple) {
+                console.log('Open only', id);
+                return [id];
+            }
+            return [...expandedItems, id];
+        });
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { "aria-selected": expandedItems.includes(id), "aria-controls": `${id}-panel`, className: "accordion__trigger", onClick: toggle, role: "tab", "aria-label": title, id: `${id}-trigger`, children: [_jsx("span", { className: "screenreader-text", children: expandedItems ? 'Close' : 'Expand' }), title] }), _jsx("div", { className: "accordion__content", role: "tabpanel", "aria-labelledby": `${id}-trigger`, id: `${id}-panel`, children: children })] }));
+};
+export const Accordion = ({ multiple = false, children, }) => {
+    const [expandedItemsStorage, setExpandedItemsStorage] = useState([]);
+    const setExpandedItems = (newState) => {
+        setExpandedItemsStorage((items) => [...new Set(newState(items))]);
+    };
+    useEffect(() => {
+        console.log(expandedItemsStorage);
+    }, [expandedItemsStorage]);
+    return (_jsx(AccordionContext.Provider, { value: {
+            multiple,
+            expandedItems: expandedItemsStorage,
+            setExpandedItems,
+        }, children: _jsx("div", { className: "accordion", role: "tablist", "aria-multiselectable": multiple, children: children }) }));
+};
+export default Accordion;

package/components/button.d.ts

@@ -6,7 +6,7 @@ type Props = (PropsWithChildren<HTMLAttributes<HTMLButtonElement | HTMLAnchorEle
     className?: string;
     href?: string;
 };
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>>;
+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/context-wrapper.d.ts.map

@@ -1 +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;AAIzC,QAAA,MAAM,cAAc,iBAAkB,kBAAkB,EAAE,CAAC,4CAQ1D,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"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,4CAM1D,CAAA;AAED,eAAe,cAAc,CAAA"}

package/components/context-wrapper.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ModalContextProvider, NavContextProvider } from '../context';
 import { GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
-const ContextWrapper = ({ children }) => (_jsx(GoogleReCaptchaProvider, { reCaptchaKey: process.env.NEXT_PUBLIC_RECAPTCHA_KEY, children: _jsx(ModalContextProvider, { children: _jsx(NavContextProvider, { children: children }) }) }));
+const ContextWrapper = ({ children }) => (_jsx(GoogleReCaptchaProvider, { reCaptchaKey: process.env.NEXT_PUBLIC_RECAPTCHA_KEY, children: children }));
 export default ContextWrapper;

package/components/cookie-banner.d.ts

@@ -1,20 +1,20 @@
 import { ReactNode } from 'react';
 declare const CookieBanner: ({ allowCustomisation, allowReject, title, text, formText, policyLink, policyLabel, acceptLabel, acceptAllLabel, rejectLabel, customiseLabel, renderAcceptButton, renderCustomiseButton, renderRejectButton, renderSubmitButton, }: {
-    allowCustomisation?: boolean | undefined;
-    allowReject?: boolean | undefined;
-    title?: string | undefined;
-    text?: string | undefined;
-    formText?: string | undefined;
-    policyLink?: string | undefined;
-    policyLabel?: string | undefined;
-    acceptLabel?: string | undefined;
-    acceptAllLabel?: string | undefined;
-    rejectLabel?: string | undefined;
-    customiseLabel?: string | undefined;
-    renderAcceptButton?: ((props: {}) => ReactNode) | undefined;
-    renderCustomiseButton?: ((props: {}) => ReactNode) | undefined;
-    renderRejectButton?: ((props: {}) => ReactNode) | undefined;
-    renderSubmitButton?: (() => ReactNode) | undefined;
+    allowCustomisation?: boolean;
+    allowReject?: boolean;
+    title?: string;
+    text?: string;
+    formText?: string;
+    policyLink?: string;
+    policyLabel?: string;
+    acceptLabel?: string;
+    acceptAllLabel?: string;
+    rejectLabel?: string;
+    customiseLabel?: string;
+    renderAcceptButton?: (props: {}) => ReactNode;
+    renderCustomiseButton?: (props: {}) => ReactNode;
+    renderRejectButton?: (props: {}) => ReactNode;
+    renderSubmitButton?: () => ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export default CookieBanner;
 //# sourceMappingURL=cookie-banner.d.ts.map

package/components/cookie-banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-banner.d.ts","sourceRoot":"","sources":["../src/components/cookie-banner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AA6BtD,QAAA,MAAM,YAAY;;;;;;;;;;;;kCA4Ba,EAAE,KAAK,SAAS;qCACb,EAAE,KAAK,SAAS;kCACnB,EAAE,KAAK,SAAS;gCAClB,SAAS;6CA0JrC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"cookie-banner.d.ts","sourceRoot":"","sources":["../src/components/cookie-banner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AA6BtD,QAAA,MAAM,YAAY,sOAgBf;IACD,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,SAAS,CAAA;IAC7C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,SAAS,CAAA;IAChD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,SAAS,CAAA;IAC7C,kBAAkB,CAAC,EAAE,MAAM,SAAS,CAAA;CACrC,4CA4JA,CAAA;AAED,eAAe,YAAY,CAAA"}

package/components/cookie-banner.js

@@ -26,10 +26,7 @@ const content = {
     },
 };
 const CookieBanner = ({ allowCustomisation = true, allowReject = false, title = content.title, text = content.text, formText = content.form_text, policyLink = content.policyLink, policyLabel = content.policyLabel, acceptLabel = content.acceptLabel, acceptAllLabel = content.acceptAllLabel, rejectLabel = content.rejectLabel, customiseLabel = content.customiseLabel, renderAcceptButton, renderCustomiseButton, renderRejectButton, renderSubmitButton, }) => {
-    const cookiesAccepted = useCookieStore((state) => state.cookiesAccepted);
-    const setCookiesAccepted = useCookieStore((state) => state.setCookiesAccepted);
-    const trackingCookiesAccepted = useCookieStore((state) => state.trackingCookiesAccepted);
-    const setTrackingCookiesAccepted = useCookieStore((state) => state.setTrackingCookiesAccepted);
+    const { cookiesAccepted, setCookiesAccepted, trackingCookiesAccepted, setTrackingCookiesAccepted, popupOpen, closePopup, } = useCookieStore();
     const [animate, setAnimate] = useState(false);
     const [formOpen, setFormOpen] = useState(false);
     const [rejected, setRejected] = useState(!!session.getItem('cookies-rejected'));
@@ -42,6 +39,7 @@ const CookieBanner = ({ allowCustomisation = true, allowReject = false, title =
         session.setItem('cookies-rejected', 'true');
     };
     const accept = (necessary, tracking) => {
+        closePopup();
         setAnimate(true);
         setTimeout(() => {
             setCookiesAccepted(necessary);
@@ -49,9 +47,11 @@ const CookieBanner = ({ allowCustomisation = true, allowReject = false, title =
         }, 800);
     };
     const acceptAll = () => {
+        closePopup();
         accept(true, true);
     };
     const submit = (data) => {
+        closePopup();
         accept(true, !!data.tracking);
     };
     const trueAcceptLabel = !allowCustomisation || formOpen ? acceptLabel : acceptAllLabel;
@@ -72,6 +72,6 @@ const CookieBanner = ({ allowCustomisation = true, allowReject = false, title =
     useEffect(() => {
         setReady(true);
     }, []);
-    return (_jsx(_Fragment, { children: ready && !rejected && !cookiesAccepted ? (_jsx("div", { className: `cookie-banner ${animate ? ' cookie-banner--hide' : ''} `, children: _jsx("div", { className: "cookie-banner__container container", children: _jsxs("div", { className: "cookie-banner__inner", children: [allowCustomisation && (_jsxs("div", { className: "cookie-banner__form", "aria-hidden": !formOpen, children: [formText && (_jsx("p", { className: "cookie-banner__form-text", children: formText })), _jsx(Form, { useRecaptcha: false, className: "cookie-banner__form", schema: schema, onSubmit: submit, renderSubmit: () => renderSubmitButton ? (renderSubmitButton()) : (_jsx(SubmitButton, { label: acceptLabel })), renderSuccessMessage: false })] })), _jsxs("div", { className: "cookie-banner__main", children: [_jsxs("div", { className: "cookie-banner__message", "aria-hidden": formOpen, children: [title && _jsx("h2", { className: "cookie-banner__title", children: title }), text && (_jsxs("p", { className: "cookie-banner__text", children: [text, " ", _jsx("a", { href: policyLink, children: policyLabel })] }))] }), _jsxs("div", { className: "cookie-banner__buttons", children: [allowCustomisation && !formOpen && (_jsx(_Fragment, { children: renderCustomiseButton ? (renderCustomiseButton({ onClick: openForm })) : (_jsx(Button, { onClick: openForm, className: "cookie-banner__customise", label: customiseLabel })) })), allowReject && !formOpen && (_jsx(_Fragment, { children: renderRejectButton ? (renderRejectButton({ onClick: reject })) : (_jsx(Button, { onClick: reject, className: "cookie-banner__reject", label: rejectLabel })) })), !formOpen && (_jsx(_Fragment, { children: renderAcceptButton ? (renderAcceptButton({ onClick: acceptAll })) : (_jsx(Button, { onClick: acceptAll, className: "cookie-banner__accept", label: trueAcceptLabel })) }))] })] })] }) }) })) : ('') }));
+    return (_jsx(_Fragment, { children: ready && ((!rejected && !cookiesAccepted) || popupOpen) ? (_jsx("div", { className: `cookie-banner ${animate ? ' cookie-banner--hide' : ''} `, children: _jsx("div", { className: "cookie-banner__container container", children: _jsxs("div", { className: "cookie-banner__inner", children: [allowCustomisation && (_jsxs("div", { className: "cookie-banner__form", "aria-hidden": !formOpen, children: [formText && (_jsx("p", { className: "cookie-banner__form-text", children: formText })), _jsx(Form, { useRecaptcha: false, className: "cookie-banner__form", schema: schema, onSubmit: submit, renderSubmit: () => renderSubmitButton ? (renderSubmitButton()) : (_jsx(SubmitButton, { label: acceptLabel })), renderSuccessMessage: false })] })), _jsxs("div", { className: "cookie-banner__main", children: [_jsxs("div", { className: "cookie-banner__message", "aria-hidden": formOpen, children: [title && _jsx("h2", { className: "cookie-banner__title", children: title }), text && (_jsxs("p", { className: "cookie-banner__text", children: [text, " ", _jsx("a", { href: policyLink, children: policyLabel })] }))] }), _jsxs("div", { className: "cookie-banner__buttons", children: [allowCustomisation && !formOpen && (_jsx(_Fragment, { children: renderCustomiseButton ? (renderCustomiseButton({ onClick: openForm })) : (_jsx(Button, { onClick: openForm, className: "cookie-banner__customise", label: customiseLabel })) })), allowReject && !formOpen && (_jsx(_Fragment, { children: renderRejectButton ? (renderRejectButton({ onClick: reject })) : (_jsx(Button, { onClick: reject, className: "cookie-banner__reject", label: rejectLabel })) })), !formOpen && (_jsx(_Fragment, { children: renderAcceptButton ? (renderAcceptButton({ onClick: acceptAll })) : (_jsx(Button, { onClick: acceptAll, className: "cookie-banner__accept", label: trueAcceptLabel })) }))] })] })] }) }) })) : ('') }));
 };
 export default CookieBanner;

package/components/form/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/components/form/field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,gBAAgB,EAAuB,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAEvD,UAAU,KAAK;IACb,QAAQ,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IACvC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;CACxC;AAED,QAAA,MAAM,SAAS,sCAAuC,KAAK,4CAuE1D,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/components/form/field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,gBAAgB,EAAuB,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAEvD,UAAU,KAAK;IACb,QAAQ,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IACvC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;CACxC;AAED,QAAA,MAAM,SAAS,sCAAuC,KAAK,4CA0E1D,CAAA;AAED,eAAe,SAAS,CAAA"}

package/components/form/field.js

@@ -14,6 +14,9 @@ const FormField = ({ register, schema, id, onInput }) => {
         ...(schema?.spec?.meta?.placeholder
             ? { placeholder: schema?.spec?.meta?.placeholder }
             : {}),
+        ...(schema?.spec?.meta?.autocomplete
+            ? { autocomplete: schema?.spec?.meta?.autocomplete }
+            : {}),
         onInput: (event) => {
             setTouched(true);
             if (onInput) {

package/components/form/submit-button.d.ts

@@ -1,5 +1,5 @@
 declare const SubmitButton: ({ label }: {
-    label?: string | undefined;
+    label?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SubmitButton;
 //# sourceMappingURL=submit-button.d.ts.map

package/components/form/submit-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"submit-button.d.ts","sourceRoot":"","sources":["../../src/components/form/submit-button.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;6CAIjB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"submit-button.d.ts","sourceRoot":"","sources":["../../src/components/form/submit-button.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY,cAAe;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,4CAIlD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/components/form.d.ts

@@ -6,7 +6,7 @@ import { FieldRenderer } from './form/types';
 export interface FormProps<T extends ObjectSchema<any>> {
     schema: T;
     name?: string;
-    action?: string | ((formData: FormData) => any);
+    action?: string | ((data: InferType<T>, token: string) => any);
     className?: string;
     method?: string;
     initialData?: {

package/components/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/components/form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,SAAS,EAQV,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAExD,OAAO,EAAE,UAAU,EAAW,MAAM,iBAAiB,CAAA;AAErD,OAAiB,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAS5C,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,YAAY,CAAC,GAAG,CAAC;IACpD,MAAM,EAAE,CAAC,CAAA;IACT,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE;SAAG,CAAC,IAAI,CAAC,IAAI,MAAM,GAAG,GAAG;KAAE,CAAA;IACzC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,oBAAoB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,GAAG,KAAK,CAAA;IAClE,kBAAkB,CAAC,EAAE,CACnB,KAAK,CAAC,EAAE,UAAU,EAClB,WAAW,CAAC,EAAE,SAAS,KACpB,SAAS,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,SAAS,CAAA;IAC9B,SAAS,CAAC,EAAE;SAAG,CAAC,IAAI,CAAC,IAAI,MAAM,GAAG,aAAa;KAAE,CAAA;IACjD,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;;AA6PD,wBAA+B"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/components/form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,SAAS,EAQV,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAExD,OAAO,EAAE,UAAU,EAAW,MAAM,iBAAiB,CAAA;AAErD,OAAiB,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAa5C,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,YAAY,CAAC,GAAG,CAAC;IACpD,MAAM,EAAE,CAAC,CAAA;IACT,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE;SAAG,CAAC,IAAI,CAAC,IAAI,MAAM,GAAG,GAAG;KAAE,CAAA;IACzC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,oBAAoB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,GAAG,KAAK,CAAA;IAClE,kBAAkB,CAAC,EAAE,CACnB,KAAK,CAAC,EAAE,UAAU,EAClB,WAAW,CAAC,EAAE,SAAS,KACpB,SAAS,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,SAAS,CAAA;IAC9B,SAAS,CAAC,EAAE;SAAG,CAAC,IAAI,CAAC,IAAI,MAAM,GAAG,aAAa;KAAE,CAAA;IACjD,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;;AA8QD,wBAA+B"}

package/components/form.js

@@ -10,6 +10,7 @@ import ErrorMessage from './form/error-message';
 import FormField from './form/field';
 import SubmitButton from './form/submit-button';
 import messages from './form/messages.json';
+import { GoogleReCaptchaProvider, useGoogleReCaptcha, } from 'react-google-recaptcha-v3';
 const toBase64 = (file) => new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.onloadend = () => {
@@ -23,11 +24,10 @@ const toBase64 = (file) => new Promise((resolve, reject) => {
     reader.readAsDataURL(file);
     reader.onerror = reject;
 });
-function Form({ schema, name, action, className, initialData, onSubmit, method = 'post', onStatusChange = () => { }, renderSuccessMessage = (data) => _jsx(SuccessMessage, {}), renderErrorMessage = (error, fieldSchema) => (_jsx(ErrorMessage, { error: error, fieldSchema: fieldSchema })), renderSubmit = () => _jsx(SubmitButton, {}), renderers = {}, useRecaptcha = true, ...props }, ref) {
+const FormInner = forwardRef(function FormInner({ schema, name, action, className, initialData, onSubmit, method = 'POST', onStatusChange = () => { }, renderSuccessMessage = (data) => _jsx(SuccessMessage, {}), renderErrorMessage = (error, fieldSchema) => (_jsx(ErrorMessage, { error: error, fieldSchema: fieldSchema })), renderSubmit = () => _jsx(SubmitButton, {}), renderers = {}, useRecaptcha = true, ...props }, ref) {
     const [data, setData] = useState({});
     const fieldRefs = useRef({});
-    // const { executeRecaptcha } = useGoogleReCaptcha()
-    let executeRecaptcha;
+    const { executeRecaptcha } = useGoogleReCaptcha();
     for (const name of Object.keys(schema.fields)) {
         const field = schema.fields[name];
         if (field.spec?.meta?.options?.length > 1) {
@@ -42,12 +42,15 @@ function Form({ schema, name, action, className, initialData, onSubmit, method =
         if (onSubmit) {
             return onSubmit(data);
         }
+        // if recaptcha is enabled generate a token and add to the data
+        if (useRecaptcha && executeRecaptcha) {
+            const token = await executeRecaptcha();
+            data['recaptchaToken'] = token;
+        }
+        // Intercept submissions for Next server actions
         if (typeof action === 'function') {
-            const formData = new FormData();
-            for (const [key, value] of Object.entries(data)) {
-                formData.append(key, value);
-            }
-            return action(formData);
+            const { recaptchaToken, ...formData } = data;
+            return action(formData, recaptchaToken);
         }
         for (const [key, value] of Object.entries(data)) {
             if (value instanceof FileList) {
@@ -65,11 +68,6 @@ function Form({ schema, name, action, className, initialData, onSubmit, method =
                 }
             }
         }
-        // if recaptcha is enabled generate a token and add to the data
-        if (useRecaptcha && executeRecaptcha) {
-            const token = await executeRecaptcha();
-            data['recaptchaToken'] = token;
-        }
         const response = await fetch(action, {
             method: 'post',
             headers: {
@@ -86,7 +84,7 @@ function Form({ schema, name, action, className, initialData, onSubmit, method =
         }
         setData(responseData);
         return responseData;
-    }, [action, onSubmit, useRecaptcha]);
+    }, [action, onSubmit, useRecaptcha, executeRecaptcha]);
     const { execute, status, error } = useAsync(onSubmitHandler, false, [
         onSubmitHandler,
     ]);
@@ -94,24 +92,35 @@ function Form({ schema, name, action, className, initialData, onSubmit, method =
         if (onStatusChange) {
             onStatusChange(status);
         }
-    }, [status]);
+    }, [status, onStatusChange]);
     Object.keys(schema.fields).map((fieldName) => {
         const field = schema.fields[fieldName];
         if (!field?.spec?.label) {
             field.spec.label = sentenceCase(fieldName);
         }
     });
-    console.log(status);
     return (_jsx(_Fragment, { children: status === 'success' && renderSuccessMessage !== false ? (_jsx(_Fragment, { children: renderSuccessMessage(data) })) : (_jsxs("form", { className: `form ${className}`, action: action, method: method, onSubmit: handleSubmit(execute), noValidate: true, ref: ref, ...props, children: [error && renderErrorMessage({ message: error }), Object.keys(schema.fields).map((fieldName, key) => {
                     const field = schema.fields[fieldName];
                     return (_jsx(Fragment, { children: field?.spec?.meta?.hidden === true ? (_jsx(FormField, { register: register(fieldName), schema: field })) : (_jsx("div", { className: `form__group form__group--${paramCase(fieldName)} ${fieldName in errors ? 'form__group--error' : ''} ${field?.type === 'boolean' ? 'form__group--checkbox' : ''}`, ref: (ref) => {
                                 fieldRefs.current[fieldName] = ref;
                             }, children: _jsxs("label", { className: "form__label", htmlFor: `${name}__${paramCase(fieldName)}`, children: [_jsx("span", { className: "form__label-text", dangerouslySetInnerHTML: {
-                                            __html: `${field?.spec?.label} ${!field?.spec?.optional ? '*' : ''}`,
+                                            __html: `${field?.spec?.label} ${!field?.spec?.optional
+                                                ? '<span class="form__required-indicator">*</span>'
+                                                : ''}`,
                                         } }), fieldName in renderers ? (renderers[fieldName](register(fieldName), errors[fieldName], field)) : (_jsxs(_Fragment, { children: [_jsx(FormField, { register: register(fieldName), id: `${name}__${paramCase(fieldName)}`, schema: field, onInput: (event) => {
                                                     fieldRefs.current[fieldName]?.classList.add('form__group--filled');
                                                 } }), fieldName in errors &&
                                                 renderErrorMessage(errors[fieldName], field)] }))] }) })) }, key));
                 }), renderSubmit(), useRecaptcha && (_jsxs("p", { className: "form__recaptcha-message", children: ["This site is protected by reCAPTCHA and the Google", ' ', _jsx("a", { href: "https://policies.google.com/privacy", target: "_blank", rel: "noopener", children: "Privacy Policy" }), ' ', "and", ' ', _jsx("a", { href: "https://policies.google.com/terms", target: "_blank", rel: "noopener", children: "Terms of Service" }), ' ', "apply."] }))] })) }));
-}
+});
+const Form = (props, ref) => {
+    if (props.useRecaptcha === false) {
+        return _jsx(FormInner, { ...props, ref: ref });
+    }
+    const key = process.env.NEXT_PUBLIC_RECAPTCHA_KEY;
+    if (!key) {
+        throw new Error('Env var NEXT_PUBLIC_RECAPTCHA_KEY is not set');
+    }
+    return (_jsx(GoogleReCaptchaProvider, { reCaptchaKey: process.env.NEXT_PUBLIC_RECAPTCHA_KEY, children: _jsx(FormInner, { ...props, ref: ref }) }));
+};
 export default forwardRef(Form);

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

@@ -1 +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"}
+{"version":3,"file":"menu-toggle.d.ts","sourceRoot":"","sources":["../src/components/menu-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EAIb,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

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useContext, useEffect, useState, } from 'react';
-import { NavContext } from '../context';
+import { useCallback, useEffect, useState, } from 'react';
 import { Button } from '../components';
 import { extendClass } from '../utils';
+import useNavStore from '../store/nav';
 const MenuToggle = ({ 'aria-controls': ariaControls, className = '', label = 'Open Nav', closeLabel = 'Close Nav', renderIcon = undefined, ...props }) => {
-    const { navOpen, toggleNav } = useContext(NavContext);
+    const { navOpen, toggleNav } = useNavStore();
     const [icon, setIcon] = useState(navOpen ? '×' : '꠵');
     useEffect(() => {
         if (renderIcon) {

package/components/modal.js

@@ -12,7 +12,7 @@ const Modal = ({ name, className, openAfter, dismissable = false, children, }) =
         if (dismissable) {
             setDismissed(local.getItem(`${name}-popup-dismissed`) === 'true');
         }
-    }, []);
+    }, [dismissable, name]);
     useEffect(() => {
         clearTimeout(openTimer.current);
         if (!dismissed && openAfter) {
@@ -27,7 +27,7 @@ const Modal = ({ name, className, openAfter, dismissable = false, children, }) =
             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 })] }));
+    }, [dismissable, 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/slideshow-buttons.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ButtonProps } from './button';
+import { Slideshow } from '@/hooks/use-slideshow';
+declare const SlideshowButtons: ({ slideshow: { currentSlide, goTo, slideshowRef, atStart, atEnd }, ButtonComponent, }: {
+    slideshow: Slideshow;
+    ButtonComponent?: FC<ButtonProps>;
+}) => JSX.Element;
+export default SlideshowButtons;
+//# sourceMappingURL=slideshow-buttons.d.ts.map

package/components/slideshow-buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slideshow-buttons.d.ts","sourceRoot":"","sources":["../src/components/slideshow-buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC1B,OAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,gBAAgB,0FAGnB;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,eAAe,CAAC,EAAE,GAAG,WAAW,CAAC,CAAA;CAClC,KAAG,WAqBH,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/components/slideshow-buttons.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from './button';
+const SlideshowButtons = ({ slideshow: { currentSlide, goTo, slideshowRef, atStart, atEnd }, ButtonComponent = Button, }) => {
+    return (_jsxs("nav", { className: "slideshow-buttons", children: [_jsx(ButtonComponent, { label: "Previous slide", onClick: () => goTo(currentSlide - 1), disabled: atStart, "aria-controls": slideshowRef.current?.getAttribute('id') }), _jsx(ButtonComponent, { label: "Next slide", onClick: () => goTo(currentSlide + 1), disabled: atEnd, "aria-controls": slideshowRef.current?.getAttribute('id') })] }));
+};
+export default SlideshowButtons;

package/components.d.ts

@@ -1,6 +1,7 @@
 /**
  * Components
  */
+import { Accordion, AccordionItem } from './components/accordion';
 import BackToTop from './components/back-to-top';
 import Button from './components/button';
 import CookieBanner from './components/cookie-banner';
@@ -8,5 +9,6 @@ import Form from './components/form';
 import MenuToggle from './components/menu-toggle';
 import Modal from './components/modal';
 import SkipTo from './components/skip-to';
-export { BackToTop, Button, CookieBanner, Form, MenuToggle, Modal, SkipTo, };
+import SlideshowButtons from './components/slideshow-buttons';
+export { Accordion, AccordionItem, BackToTop, Button, CookieBanner, Form, MenuToggle, Modal, SkipTo, SlideshowButtons, };
 //# sourceMappingURL=components.d.ts.map

package/components.d.ts.map

@@ -1 +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,YAAY,MAAM,4BAA4B,CAAA;AACrD,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,OAAO,EACL,SAAS,EACT,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,GACP,CAAA"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["src/components.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,YAAY,MAAM,4BAA4B,CAAA;AACrD,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAE7D,OAAO,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,EACN,gBAAgB,GACjB,CAAA"}

package/components.js

@@ -1,6 +1,7 @@
 /**
  * Components
  */
+import { Accordion, AccordionItem } from './components/accordion';
 import BackToTop from './components/back-to-top';
 import Button from './components/button';
 import CookieBanner from './components/cookie-banner';
@@ -8,4 +9,5 @@ import Form from './components/form';
 import MenuToggle from './components/menu-toggle';
 import Modal from './components/modal';
 import SkipTo from './components/skip-to';
-export { BackToTop, Button, CookieBanner, Form, MenuToggle, Modal, SkipTo, };
+import SlideshowButtons from './components/slideshow-buttons';
+export { Accordion, AccordionItem, BackToTop, Button, CookieBanner, Form, MenuToggle, Modal, SkipTo, SlideshowButtons, };

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

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+export declare const CookiesContext: import("react").Context<{
+    cookiesAccepted: boolean;
+    setCookiesAccepted: (accepted: boolean) => void;
+    trackingCookiesAccepted: boolean;
+    setTrackingCookiesAccepted: (accepted: boolean) => void;
+    popupOpen: boolean;
+    openPopup: () => void;
+    closePopup: () => void;
+}>;
+export declare const CookiesContextProvider: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
+export default CookiesContextProvider;
+//# sourceMappingURL=cookies-context-provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cookies-context-provider.d.ts","sourceRoot":"","sources":["../src/context/cookies-context-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAGd,eAAO,MAAM,cAAc;;mCAEM,OAAO;;2CAEC,OAAO;;;;EAI9C,CAAA;AAEF,eAAO,MAAM,sBAAsB,iBAAkB,kBAAkB,EAAE,CAAC,4CA2DzE,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/context/cookies-context-provider.js

@@ -0,0 +1,54 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useEffect, useState, } from 'react';
+import Cookies from 'js-cookie';
+export const CookiesContext = createContext({
+    cookiesAccepted: false,
+    setCookiesAccepted: (accepted) => { },
+    trackingCookiesAccepted: false,
+    setTrackingCookiesAccepted: (accepted) => { },
+    popupOpen: false,
+    openPopup: () => { },
+    closePopup: () => { },
+});
+export const CookiesContextProvider = ({ children }) => {
+    const [cookiesAccepted, setCookiesAcceptedStorage] = useState(false);
+    const [popupOpen, setPopupOpenStorage] = useState(false);
+    const [trackingCookiesAccepted, setTrackingCookiesAcceptedStorage] = useState(false);
+    useEffect(() => {
+        const accepted = Cookies.get('accepted-cookies') || false;
+        setCookiesAcceptedStorage(!!accepted);
+    }, [setCookiesAcceptedStorage]);
+    useEffect(() => {
+        const accepted = Cookies.get('accepted-tracking-cookies') || false;
+        setTrackingCookiesAcceptedStorage(!!accepted);
+    }, [setTrackingCookiesAcceptedStorage]);
+    const setCookiesAccepted = useCallback((accepted) => {
+        Cookies.set('accepted-cookies', accepted.toString(), {
+            expires: 30,
+        });
+        setCookiesAcceptedStorage(accepted);
+    }, [setCookiesAcceptedStorage]);
+    const setTrackingCookiesAccepted = useCallback((accepted) => {
+        Cookies.set('accepted-tracking-cookies', accepted.toString(), {
+            expires: 30,
+        });
+        setTrackingCookiesAcceptedStorage(accepted);
+    }, [setTrackingCookiesAcceptedStorage]);
+    const openPopup = useCallback(() => {
+        setPopupOpenStorage(true);
+    }, [setPopupOpenStorage]);
+    const closePopup = useCallback(() => {
+        setPopupOpenStorage(false);
+    }, [setPopupOpenStorage]);
+    return (_jsx(CookiesContext.Provider, { value: {
+            cookiesAccepted,
+            setCookiesAccepted,
+            trackingCookiesAccepted,
+            setTrackingCookiesAccepted,
+            popupOpen,
+            openPopup,
+            closePopup,
+        }, children: children }));
+};
+export default CookiesContextProvider;

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.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;