@superrb/react-addons 3.0.0-9 → 3.0.0

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';
@@ -11,22 +11,10 @@ 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 = () => {
-        // Use a regex to remove data url part
-        const base64String = reader.result
-            ?.toString()
-            .replace('data:', '')
-            .replace(/^.+,/, '');
-        resolve(base64String);
-    };
-    reader.readAsDataURL(file);
-    reader.onerror = reject;
-});
-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 FormInner = forwardRef(function FormInner({ schema, name, action, disabled = false, className = '', initialData = {}, onSubmit, onChange = () => { }, method, onStatusChange = () => { }, renderSuccessMessage = (data) => (_jsx(SuccessMessage, { data: data })), renderErrorMessage = (error, fieldSchema) => (_jsx(ErrorMessage, { error: error, fieldSchema: fieldSchema })), renderSubmit = (props) => _jsx(SubmitButton, { ...props }), 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,10 +22,14 @@ const FormInner = forwardRef(function FormInner({ schema, name, action, classNam
             field.oneOf(field?.spec?.meta?.options);
         }
     }
-    const { register, handleSubmit, formState: { errors }, } = useForm({
-        resolver: yupResolver(schema),
-        defaultValues: initialData,
-    });
+    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);
@@ -49,24 +41,17 @@ const FormInner = forwardRef(function FormInner({ schema, name, action, classNam
         }
         // Intercept submissions for Next server actions
         if (typeof action === 'function') {
-            const { recaptchaToken, ...formData } = data;
-            return action(formData, recaptchaToken);
-        }
-        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 (!formRef.current) {
+                throw new Error('Something went wrong while submitting the form');
+            }
+            const formData = new FormData(formRef.current);
+            formData.set('recaptchaToken', data.recaptchaToken);
+            const response = await action(formData);
+            if (response.statusCode === 200) {
+                setResponse(response.body);
+                return response.body;
             }
+            throw new Error(response.body?.message);
         }
         const response = await fetch(action, {
             method: 'post',
@@ -82,12 +67,36 @@ const FormInner = forwardRef(function FormInner({ schema, name, action, classNam
             }
             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, [
         onSubmitHandler,
     ]);
+    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,
+    }));
     useEffect(() => {
         if (onStatusChange) {
             onStatusChange(status);
@@ -99,28 +108,36 @@ const FormInner = forwardRef(function FormInner({ schema, name, action, classNam
             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, disabled: disabled, 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", "data-label": `${field?.spec?.meta?.buttonLabel ? field?.spec?.meta?.buttonLabel : field?.spec?.label}`, 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, disabled: disabled, ref: (ref) => {
+                                                    fieldRefs.current.set(fieldName, ref);
                                                 } }), 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."] }))] })) }));
+                                                renderErrorMessage(errors[fieldName], field), field.spec?.meta?.help && (_jsx("p", { className: "form__help", children: field.spec.meta.help }))] }))] }) })) }, key));
+                }), renderSubmit({ disabled }), 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 });
-    }
+function Form(props, ref) {
     const key = process.env.NEXT_PUBLIC_RECAPTCHA_KEY;
-    if (!key) {
-        throw new Error('Env var NEXT_PUBLIC_RECAPTCHA_KEY is not set');
+    let { useRecaptcha } = props;
+    if (useRecaptcha === true && !key) {
+        console.error('Env var NEXT_PUBLIC_RECAPTCHA_KEY is not set. Recaptcha is disabled.');
+        useRecaptcha = false;
+    }
+    if (useRecaptcha === false) {
+        return _jsx(FormInner, { ...props, ref: ref, useRecaptcha: false });
     }
-    return (_jsx(GoogleReCaptchaProvider, { reCaptchaKey: process.env.NEXT_PUBLIC_RECAPTCHA_KEY, children: _jsx(FormInner, { ...props, ref: ref }) }));
-};
+    return (_jsx(GoogleReCaptchaProvider, { reCaptchaKey: process.env.NEXT_PUBLIC_RECAPTCHA_KEY, children: _jsx(FormInner, { ...props, ref: ref, useRecaptcha: true }) }));
+}
 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

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

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

@@ -1 +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"}
+{"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

@@ -1,6 +1,5 @@
 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, }) => {
+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') })] }));
-};
-export default SlideshowButtons;
+}

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';
@@ -9,5 +10,6 @@ import MenuToggle from './components/menu-toggle';
 import Modal from './components/modal';
 import SkipTo from './components/skip-to';
 import SlideshowButtons from './components/slideshow-buttons';
-export { BackToTop, Button, CookieBanner, Form, MenuToggle, Modal, SkipTo, SlideshowButtons, };
+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;AACzC,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAE7D,OAAO,EACL,SAAS,EACT,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,EACN,gBAAgB,GACjB,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';
@@ -9,4 +10,5 @@ import MenuToggle from './components/menu-toggle';
 import Modal from './components/modal';
 import SkipTo from './components/skip-to';
 import SlideshowButtons from './components/slideshow-buttons';
-export { BackToTop, Button, CookieBanner, Form, MenuToggle, Modal, SkipTo, SlideshowButtons, };
+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.map

@@ -1 +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"}
+{"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/modal-context-provider.d.ts

@@ -8,6 +8,6 @@ export declare const ModalContext: import("react").Context<{
 interface OpenState {
     [key: string]: boolean;
 }
-export declare const ModalContextProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +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"}
+{"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

@@ -7,7 +7,7 @@ export const ModalContext = createContext({
     openModal: (name) => { },
     closeModal: (name) => { },
 });
-export const ModalContextProvider = ({ children }) => {
+export function ModalContextProvider({ children }) {
     const [openState, setOpenState] = useState({});
     const isOpen = (name) => {
         return openState[name] || false;
@@ -27,5 +27,5 @@ export const ModalContextProvider = ({ children }) => {
         });
     };
     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

@@ -8,7 +8,7 @@ export const NavContext = createContext({
     openNav: () => { },
     closeNav: () => { },
 });
-export const NavContextProvider = ({ children }) => {
+export function NavContextProvider({ children }) {
     const [navOpen, setNavOpen] = useState(false);
     useLockBodyScroll(navOpen);
     const toggleNav = useCallback(() => {
@@ -22,5 +22,5 @@ export const NavContextProvider = ({ children }) => {
         document.activeElement?.blur();
     }, [setNavOpen]);
     return (_jsx(NavContext.Provider, { value: { navOpen, toggleNav, openNav, closeNav }, children: children }));
-};
+}
 export default 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,iCACG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,QAAQ,CAAC,CAAC,sCAE/B,GAAG,EAAE,KAClB,WAAW,CAAC,EAAE,CAAC,CA2CjB,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"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;
+}

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

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

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

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

package/hooks/use-draggable-scroll.js

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState, } from 'react';
 import { useDraggable } from 'react-use-draggable-scroll';
 import { useEventListener, useIsInViewport } from '../hooks';
-const useDraggableScroll = (ref, { className, ...opts }) => {
+export default function useDraggableScroll(ref, { className, ...opts }) {
     const { isInViewport, setRef } = useIsInViewport(false);
     const { events } = useDraggable(ref, {
         ...opts,
@@ -52,5 +52,4 @@ const useDraggableScroll = (ref, { className, ...opts }) => {
         });
     }, [ref, ref.current, setModifiedEvents, shouldScroll]);
     return { events: modifiedEvents };
-};
-export default useDraggableScroll;
+}

package/hooks/use-escape.d.ts

@@ -0,0 +1,3 @@
+declare const useEscape: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;
+export default useEscape;
+//# sourceMappingURL=use-escape.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-escape.d.ts","sourceRoot":"","sources":["../src/hooks/use-escape.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,GAAI,KAAK,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,UAAU,MAAM,IAAI,SAgBzE,CAAA;AAED,eAAe,SAAS,CAAA"}

package/hooks/use-escape.js

@@ -0,0 +1,11 @@
+import { useEventListener } from '../hooks';
+const useEscape = (ref, callback) => {
+    useEventListener('keydown', (event) => {
+        if (ref.current?.contains(document.activeElement) &&
+            event.key === 'Escape') {
+            event.preventDefault();
+            callback();
+        }
+    }, {}, typeof document !== 'undefined' ? document : undefined, ref.current !== undefined && document !== undefined);
+};
+export default useEscape;

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

@@ -2,6 +2,6 @@ type Target = Document | Window | Element;
 type EventMap<T extends Target> = T extends Window ? WindowEventHandlersEventMap & GlobalEventHandlersEventMap : T extends Document ? DocumentEventMap : GlobalEventHandlersEventMap;
 type EventName<T extends Target> = keyof EventMap<T>;
 type EventListener<T extends Target, E extends EventName<T>> = (event: EventMap<T>[E]) => void | boolean;
-declare const useEventListener: <T extends Target, E extends keyof EventMap<T>>(eventName: E, handler: EventListener<T, E>, options?: boolean | AddEventListenerOptions, element?: T, flag?: boolean) => void;
-export default useEventListener;
+export default function useEventListener<T extends Target, E extends EventName<T>>(eventName: E, handler: EventListener<T, E>, options?: boolean | AddEventListenerOptions, element?: T, flag?: boolean): void;
+export {};
 //# sourceMappingURL=use-event-listener.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-event-listener.d.ts","sourceRoot":"","sources":["../src/hooks/use-event-listener.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEzC,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GAC9C,2BAA2B,GAAG,2BAA2B,GACzD,CAAC,SAAS,QAAQ,GAClB,gBAAgB,GAChB,2BAA2B,CAAA;AAE/B,KAAK,SAAS,CAAC,CAAC,SAAS,MAAM,IAAI,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAA;AAEpD,KAAK,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,IAAI,CAC7D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAClB,IAAI,GAAG,OAAO,CAAA;AAGnB,QAAA,MAAM,gBAAgB,6DACT,CAAC,WACH,cAAc,CAAC,EAAE,CAAC,CAAC,YACnB,OAAO,GAAG,uBAAuB,YAChC,CAAC,SACL,OAAO,SA+Dd,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"use-event-listener.d.ts","sourceRoot":"","sources":["../src/hooks/use-event-listener.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEzC,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GAC9C,2BAA2B,GAAG,2BAA2B,GACzD,CAAC,SAAS,QAAQ,GAChB,gBAAgB,GAChB,2BAA2B,CAAA;AAEjC,KAAK,SAAS,CAAC,CAAC,SAAS,MAAM,IAAI,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAA;AAEpD,KAAK,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,IAAI,CAC7D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAClB,IAAI,GAAG,OAAO,CAAA;AAGnB,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,EAEtB,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAC5B,OAAO,GAAE,OAAO,GAAG,uBAA4B,EAC/C,OAAO,CAAC,EAAE,CAAC,EACX,IAAI,GAAE,OAAc,QAqDrB"}