@superrb/react-addons 3.0.0-4 → 3.0.0-40

package/components/form.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, Fragment, forwardRef, useRef, useCallback, } from 'react';
+import { useState, useEffect, Fragment, forwardRef, useRef, useCallback, useImperativeHandle, } from 'react';
 import { paramCase, sentenceCase } from 'change-case';
 import { useForm } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
@@ -10,23 +10,11 @@ import ErrorMessage from './form/error-message';
 import FormField from './form/field';
 import SubmitButton from './form/submit-button';
 import messages from './form/messages.json';
-import { useGoogleReCaptcha } from 'react-google-recaptcha-v3';
-const toBase64 = (file) => new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onloadend = () => {
-        // Use a regex to remove data url part
-        const base64String = reader.result
-            ?.toString()
-            .replace('data:', '')
-            .replace(/^.+,/, '');
-        resolve(base64String);
-    };
-    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 [data, setData] = useState({});
-    const fieldRefs = useRef({});
+import { GoogleReCaptchaProvider, useGoogleReCaptcha, } from 'react-google-recaptcha-v3';
+const FormInner = forwardRef(function FormInner({ schema, name, action, className = '', initialData = {}, onSubmit, onChange = () => { }, method, onStatusChange = () => { }, renderSuccessMessage = (data) => (_jsx(SuccessMessage, { data: data })), renderErrorMessage = (error, fieldSchema) => (_jsx(ErrorMessage, { error: error, fieldSchema: fieldSchema })), renderSubmit = () => _jsx(SubmitButton, {}), renderers = {}, useRecaptcha = true, ...props }, ref) {
+    const [response, setResponse] = useState();
+    const formRef = useRef();
+    const fieldRefs = useRef(new Map());
     const { executeRecaptcha } = useGoogleReCaptcha();
     for (const name of Object.keys(schema.fields)) {
         const field = schema.fields[name];
@@ -34,42 +22,56 @@ function Form({ schema, name, action, className, initialData, onSubmit, method =
             field.oneOf(field?.spec?.meta?.options);
         }
     }
-    const { register, handleSubmit, formState: { errors }, } = useForm({
+    const { register, handleSubmit, formState: { errors }, getValues, setValue, reset, } = useForm({
         resolver: yupResolver(schema),
         defaultValues: initialData,
+        mode: 'onTouched',
     });
+    useImperativeHandle(ref, () => ({
+        form: formRef.current,
+        submit() {
+            handleSubmit(execute)();
+        },
+        reset() {
+            setResponse({});
+            reset();
+        },
+        get values() {
+            return getValues();
+        },
+        fields: [...fieldRefs.current.entries()].reduce((refs, [key, value]) => ({
+            ...refs,
+            [key]: value,
+        }), {}),
+        errors,
+        response,
+    }));
+    const typedRef = ref;
+    const handleInput = (event) => {
+        const element = event.target;
+        onChange({
+            ...typedRef.current?.values,
+            [element.name]: element.value,
+        });
+    };
     const onSubmitHandler = useCallback(async (data) => {
         if (onSubmit) {
             return onSubmit(data);
         }
-        if (typeof action === 'function') {
-            const formData = new FormData();
-            for (const [key, value] of Object.entries(data)) {
-                formData.append(key, value);
-            }
-            return action(formData);
-        }
-        for (const [key, value] of Object.entries(data)) {
-            if (value instanceof FileList) {
-                data[`file_${key}`] = [];
-                for (const [fileKey, fileValue] of Object.entries(value)) {
-                    if (fileValue instanceof File && fileValue.size > 0) {
-                        const insertFile = {
-                            base64: await toBase64(fileValue),
-                            name: fileValue.name,
-                            type: fileValue.type,
-                            size: fileValue.size,
-                        };
-                        data[`file_${key}`][fileKey] = insertFile;
-                    }
-                }
-            }
-        }
         // 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') {
+            if (!formRef.current) {
+                throw new Error('Something went wrong while submitting the form');
+            }
+            const formData = new FormData(formRef.current);
+            formData.set('recaptchaToken', data.recaptchaToken);
+            return action(formData);
+        }
         const response = await fetch(action, {
             method: 'post',
             headers: {
@@ -84,7 +86,7 @@ function Form({ schema, name, action, className, initialData, onSubmit, method =
             }
             throw new Error(messages.form.error.endpoint_failure);
         }
-        setData(responseData);
+        setResponse(responseData);
         return responseData;
     }, [action, onSubmit, useRecaptcha, executeRecaptcha]);
     const { execute, status, error } = useAsync(onSubmitHandler, false, [
@@ -101,18 +103,34 @@ function Form({ schema, name, action, className, initialData, onSubmit, method =
             field.spec.label = sentenceCase(fieldName);
         }
     });
-    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) => {
+    return (_jsx(_Fragment, { children: status === 'success' && renderSuccessMessage !== false ? (_jsx(_Fragment, { children: renderSuccessMessage(typedRef.current?.values) })) : (_jsxs("form", { className: `form ${className}`, action: action, ...(method ? { method } : {}), onSubmit: handleSubmit(execute), noValidate: true, ref: formRef, ...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: {
+                    const onInput = (event) => {
+                        const field = fieldRefs.current.get(fieldName);
+                        const group = field?.closest('.form__group');
+                        const fn = (field?.value?.length || 0) > 0 ? 'add' : 'remove';
+                        group?.classList[fn]('form__group--filled');
+                        setValue(fieldName, field?.value);
+                        handleInput(event);
+                    };
+                    return (_jsx(Fragment, { children: field?.spec?.meta?.hidden === true ? (_jsx(FormField, { register: register(fieldName), schema: field, onInput: onInput, ref: (ref) => fieldRefs.current.set(fieldName, ref) })) : (_jsx("div", { className: `form__group form__group--${paramCase(fieldName)} ${fieldName in errors ? 'form__group--error' : ''} ${field?.type === 'boolean' ? 'form__group--checkbox' : ''} ${field?.type === 'date' ? 'form__group--date' : ''}`, 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
                                                 ? '<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 renderers ? (renderers[fieldName](register(fieldName), errors[fieldName], field)) : (_jsxs(_Fragment, { children: [_jsx(FormField, { register: register(fieldName), id: `${name}__${paramCase(fieldName)}`, schema: field, onInput: onInput, onChange: onInput, ref: (ref) => {
+                                                    fieldRefs.current.set(fieldName, ref);
                                                 } }), fieldName in errors &&
-                                                renderErrorMessage(errors[fieldName], field)] }))] }) })) }, key));
+                                                renderErrorMessage(errors[fieldName], field), field.spec?.meta?.help && (_jsx("p", { className: "form__help", children: field.spec.meta.help }))] }))] }) })) }, 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."] }))] })) }));
+});
+function 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

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

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,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"}
+{"version":3,"file":"menu-toggle.d.ts","sourceRoot":"","sources":["../src/components/menu-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EAEV,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,SAAS,CAAA;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,eAAe,EAAE,YAAY,EAC7B,SAAc,EACd,KAAkB,EAClB,UAAwB,EACxB,UAA+C,EAC/C,GAAG,KAAK,EACT,EAAE,KAAK,2CA6BP"}

package/components/menu-toggle.js

@@ -1,19 +1,11 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useState, } from 'react';
+import { useCallback, } 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 }) => {
+export default function MenuToggle({ 'aria-controls': ariaControls, className = '', label = 'Open Nav', closeLabel = 'Close Nav', renderIcon = (navOpen) => (navOpen ? '×' : '☰'), ...props }) {
     const { navOpen, toggleNav } = useNavStore();
-    const [icon, setIcon] = useState(navOpen ? '×' : '꠵');
-    useEffect(() => {
-        if (renderIcon) {
-            setIcon(renderIcon(navOpen));
-            return;
-        }
-        setIcon(navOpen ? '×' : '꠵');
-    }, [navOpen, renderIcon]);
     const handleClick = useCallback(() => {
         if (document &&
             document?.activeElement instanceof Element &&
@@ -23,6 +15,5 @@ const MenuToggle = ({ 'aria-controls': ariaControls, className = '', label = 'Op
         }
         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;
+    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: renderIcon(navOpen) }) }));
+}

package/components/modal.d.ts

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

package/components/modal.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/components/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AASd,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;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,SAAS,EACT,WAAmB,EACnB,aAAoB,EACpB,QAAQ,GACT,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAkE1B"}

package/components/modal.js

@@ -2,12 +2,14 @@
 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, }) => {
+import { useEscape, useEventListener, useLockBodyScroll, useModal, } from '../hooks';
+export default function Modal({ name, className, openAfter, dismissable = false, preventScroll = true, children, }) {
     const [dismissed, setDismissed] = useState(false);
     const openTimer = useRef();
+    const ref = useRef();
+    const innerRef = useRef();
     const { isOpen, openModal, closeModal } = useModal(name);
-    useLockBodyScroll(isOpen);
+    useLockBodyScroll(isOpen && preventScroll);
     useEffect(() => {
         if (dismissable) {
             setDismissed(local.getItem(`${name}-popup-dismissed`) === 'true');
@@ -21,6 +23,9 @@ const Modal = ({ name, className, openAfter, dismissable = false, children, }) =
             }, openAfter);
         }
     }, [dismissed, openAfter, openModal]);
+    useEscape(ref, closeModal);
+    useEventListener('click', closeModal, undefined, typeof document !== 'undefined' ? document : undefined);
+    useEventListener('click', (event) => event.stopPropagation(), undefined, innerRef.current);
     const close = useCallback(() => {
         closeModal();
         if (dismissable) {
@@ -28,6 +33,5 @@ const Modal = ({ name, className, openAfter, dismissable = false, children, }) =
             setDismissed(true);
         }
     }, [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;
+    return (_jsxs("aside", { id: name, className: `modal ${className}`, "aria-hidden": !isOpen, ref: ref, children: [_jsxs("button", { className: 'modal__close', onClick: close, children: [_jsx("span", { className: "screenreader-text", children: "Close Modal" }), "\u00D7"] }), _jsx("div", { className: 'modal__inner', ref: innerRef, children: children })] }));
+}

package/components/skip-to.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"skip-to.d.ts","sourceRoot":"","sources":["../src/components/skip-to.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAO7B"}

package/components/skip-to.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SkipTo = () => {
+export default function 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/slideshow-buttons.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ButtonProps } from './button';
+import { Slideshow } from '@/hooks/use-slideshow';
+export default function SlideshowButtons({ slideshow: { currentSlide, goTo, slideshowRef, atStart, atEnd }, ButtonComponent, }: {
+    slideshow: Slideshow;
+    ButtonComponent?: FC<ButtonProps>;
+}): JSX.Element;
+//# 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,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,EAC/D,eAAwB,GACzB,EAAE;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,eAAe,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAA;CAClC,GAAG,GAAG,CAAC,OAAO,CAqBd"}

package/components/slideshow-buttons.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from './button';
+export default function 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') })] }));
+}

package/components/slideshow-pagination.d.ts

@@ -0,0 +1,5 @@
+import { Slideshow } from '@/hooks/use-slideshow';
+export default function SlideshowPagination({ slideshow: { currentSlide, slideCount, goTo }, }: {
+    slideshow: Slideshow;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slideshow-pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slideshow-pagination.d.ts","sourceRoot":"","sources":["../src/components/slideshow-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,SAAS,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,GAC9C,EAAE;IACD,SAAS,EAAE,SAAS,CAAA;CACrB,2CAeA"}

package/components/slideshow-pagination.js

@@ -0,0 +1,4 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export default function SlideshowPagination({ slideshow: { currentSlide, slideCount, goTo }, }) {
+    return (_jsx("nav", { className: "slideshow-pagination", children: Array.from({ length: slideCount }, (_, i) => (_jsx("button", { className: "slideshow-pagination__button", "aria-current": currentSlide === i ? 'true' : 'false', onClick: () => goTo(i), children: _jsxs("span", { children: ["Slide ", i + 1] }) }, i))) }));
+}

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,7 @@ 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';
+import SlideshowPagination from './components/slideshow-pagination';
+export { Accordion, AccordionItem, BackToTop, Button, CookieBanner, Form, MenuToggle, Modal, SkipTo, SlideshowButtons, SlideshowPagination, };
 //# 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;AAC7D,OAAO,mBAAmB,MAAM,mCAAmC,CAAA;AAEnE,OAAO,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,mBAAmB,GACpB,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,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';
+import SlideshowPagination from './components/slideshow-pagination';
+export { Accordion, AccordionItem, BackToTop, Button, CookieBanner, Form, MenuToggle, Modal, SkipTo, SlideshowButtons, SlideshowPagination, };

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,iBAAiB,CAAC,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 function 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;eACN,SAAS;mBACX,MAAM,KAAc,OAAO;sBACxB,MAAM;uBACL,MAAM;EACzB,CAAA;AAEF,UAAU,SAAS;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA8BnE;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 function 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

@@ -5,6 +5,6 @@ export declare const NavContext: import("react").Context<{
     openNav: () => void;
     closeNav: () => void;
 }>;
-export declare const NavContextProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare function 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

@@ -1 +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"}
+{"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,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAsBjE;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 function 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

@@ -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

@@ -5,6 +5,7 @@ interface ReturnType<T, E = string> {
     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;
+export default function useAsync<T, E = string>(asyncFunction: (...args: any[]) => Promise<T>, // eslint-disable-line @typescript-eslint/no-explicit-any
+immediate?: boolean, dependencies?: any[]): ReturnType<T, E>;
+export {};
 //# sourceMappingURL=use-async.d.ts.map

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,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,EAC5C,aAAa,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,yDAAyD;AACxG,SAAS,UAAQ,EACjB,YAAY,GAAE,GAAG,EAAO,GACvB,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CA2ClB"}

package/hooks/use-async.js

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from 'react';
 // Hook
-const useAsync = (asyncFunction, // eslint-disable-line @typescript-eslint/no-explicit-any
-immediate = false, dependencies = []) => {
+export default function useAsync(asyncFunction, // eslint-disable-line @typescript-eslint/no-explicit-any
+immediate = false, dependencies = []) {
     const [status, setStatus] = useState('idle');
     const [value, setValue] = useState(null);
     const [error, setError] = useState(null);
@@ -37,5 +37,4 @@ immediate = false, dependencies = []) => {
         }
     }, [execute, immediate]);
     return { execute, status, value, error };
-};
-export default useAsync;
+}