nzk-react-components 1.1.10 → 2.0.0-0

package/dist/esm/components/Modal/ModalState.js

@@ -1,55 +1 @@
-import { __makeTemplateObject, __assign } from 'tslib';
-import React__default, { useState, useMemo } from 'react';
-import shortid from 'shortid';
-import styled from 'styled-components';
-import { createContainer } from 'unstated-next';
-
-var Overlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"])), function (props) { return props.active ? 'rgba(0,0,0,0.7)' : 'rgba(0,0,0,0)'; });
-var ModalState = function () {
-    var _a = useState({}), modals = _a[0], setModals = _a[1];
-    var modalsStack = useMemo(function () {
-        return Object.keys(modals).map(function (key) { return modals[key]; });
-    }, [modals]);
-    var lastModalKey = useMemo(function () {
-        return Object.keys(modals)[Object.keys(modals).length - 1];
-    }, [modals]);
-    var close = function (key) {
-        var keyToRemove = key || lastModalKey;
-        setModals(function (modals) {
-            var newModals = __assign({}, modals);
-            delete newModals[keyToRemove];
-            return newModals;
-        });
-    };
-    var open = function (modal, key) {
-        var id = "" + (key || shortid.generate());
-        setModals(function (modals) {
-            var newModals = __assign({}, modals);
-            newModals[id] = React__default.cloneElement(modal, { id: id, dismiss: function () { return close(id); } });
-            return newModals;
-        });
-        return id;
-    };
-    return { open: open, close: close, modals: modalsStack };
-};
-var ModalContainer = createContainer(ModalState);
-var useModalState = ModalContainer.useContainer;
-var Modals = function () {
-    var _a = useModalState(), modals = _a.modals, close = _a.close;
-    if (modals.length === 0)
-        return null;
-    return React__default.createElement(React__default.Fragment, null, modals.map(function (m, i) { return React__default.createElement(Overlay, { onClick: function () { return close(); }, active: i === modals.length - 1 },
-        React__default.createElement("div", { onClick: function (e) {
-                e.stopPropagation();
-                e.preventDefault();
-            }, role: "alert" }, m)); }));
-};
-var ModalProvider = function (props) {
-    return React__default.createElement(ModalContainer.Provider, null,
-        React__default.createElement(Modals, null),
-        React__default.cloneElement(props.children, props));
-};
-var templateObject_1;
-
-export { ModalProvider, useModalState };
-//# sourceMappingURL=ModalState.js.map
+import{__makeTemplateObject as n,__assign as t}from"../../_virtual/_tslib.js";import e,{useState as r,useMemo as o}from"react";import{nanoid as i}from"nanoid";import l from"styled-components";import{createContainer as c}from"unstated-next";var a,u=l.div.withConfig({displayName:"ModalState__Overlay",componentId:"sc-at61ls-0"})(a||(a=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"])),(function(n){return n.active?"rgba(0,0,0,0.7)":"rgba(0,0,0,0)"})),f=c((function(){var n=r({}),l=n[0],c=n[1],a=o((function(){return Object.keys(l).map((function(n){return l[n]}))}),[l]),u=o((function(){return Object.keys(l)[Object.keys(l).length-1]}),[l]),f=function(n){var e=n||u;c((function(n){var r=t({},n);return delete r[e],r}))};return{open:function(n,r){var o=""+(r||i());return c((function(r){var i=t({},r);return i[o]=e.cloneElement(n,{id:o,dismiss:function(){return f(o)}}),i})),o},close:f,modals:a}})),m=f.useContainer,s=function(){var n=m(),t=n.modals,r=n.close;return 0===t.length?null:e.createElement(e.Fragment,null,t.map((function(n,o){return e.createElement(u,{onClick:function(){return r()},active:o===t.length-1},e.createElement("div",{onClick:function(n){n.stopPropagation(),n.preventDefault()},role:"alert"},n))})))},d=function(n){return e.createElement(f.Provider,null,e.createElement(s,null),e.cloneElement(n.children,n))};export{d as ModalProvider,m as useModalState};

package/dist/esm/components/Modal/index.js

@@ -1,3 +1 @@
-import Modal from './Modal.js';
-export { default } from './Modal.js';
-//# sourceMappingURL=index.js.map
+import o from"./Modal.js";export{o as default};

package/dist/esm/components/SyncedText/SyncedText.js

@@ -0,0 +1 @@
+import e,{useRef as r,useEffect as n}from"react";import{Howl as t}from"howler";var u=function(u){var a=u.value,c=r(null),l=r(),i=r(null),o=r(!1),s=r([]),d=r([]);n((function(){return a.audio&&(c.current=new t({src:a.audio,autoplay:u.autoPlay}),u.setRef&&u.setRef({play:function(){var e,r;(null===(e=c.current)||void 0===e?void 0:e.playing())||null===(r=c.current)||void 0===r||r.play()},isPlaying:function(){var e;return null===(e=c.current)||void 0===e?void 0:e.playing()},pause:function(){var e;return null===(e=c.current)||void 0===e?void 0:e.pause()},stop:function(){var e;return null===(e=c.current)||void 0===e?void 0:e.stop()}})),function(){var e;null===(e=c.current)||void 0===e||e.stop()}}),[]);var v=function(e){c.current&&i.current&&s.current[0]&&e>parseFloat(s.current[0].getAttribute("data-start")||"0")&&(d.current.forEach((function(e){e.classList.contains("highlighted")&&(e.classList.remove("highlighted"),e.classList.add("has-highlighted"))})),s.current[0].classList.add("highlighted"),s.current=s.current.slice(1,s.current.length))},p=function(){o.current=!0,s.current=d.current;var e=function(){var r;if(null===(r=c.current)||void 0===r?void 0:r.playing()){var n=c.current.seek();v(n),l.current=requestAnimationFrame(e)}else l&&cancelAnimationFrame(l.current)};l.current=requestAnimationFrame(e)},f=function(){cancelAnimationFrame(l.current),o.current&&(d.current.forEach((function(e){e.classList.remove("highlighted"),e.classList.remove("has-highlighted")})),u.onComplete&&u.onComplete())};return n((function(){var e,r,n,t;if(null===(e=c.current)||void 0===e||e.on("play",p),null===(r=c.current)||void 0===r||r.on("end",f),null===(n=c.current)||void 0===n||n.on("stop",f),d.current){var u=null===(t=i.current)||void 0===t?void 0:t.querySelectorAll("span.synced-test--part");u&&(d.current=Array.from(u),s.current=d.current)}return function(){var e,r,n;f(),null===(e=c.current)||void 0===e||e.off("play",p),null===(r=c.current)||void 0===r||r.off("end",f),null===(n=c.current)||void 0===n||n.off("stop",f)}}),[u.value]),a?e.createElement("div",{ref:i,className:"synced-text"},a.sequences.map((function(r,n){return e.createElement("span",{className:"synced-test--part",style:{display:"inline-block"},"data-start":r.time[0],"data-end":r.time[1],key:r.time[0]},e.createElement("span",{className:"synced-text--word",dangerouslySetInnerHTML:{__html:""+r.text}}),n<a.sequences.length&&e.createElement("span",{className:"synced-text--space",style:{whiteSpace:"pre-wrap"}}," "))}))):null};export{u as SyncedText};

package/dist/esm/hooks/useAsync.js

@@ -1,53 +1 @@
-import { __assign } from 'tslib';
-import { useState, useRef, useCallback, useEffect } from 'react';
-
-var initialProps = {
-    asyncFunc: function () { },
-    immediate: false,
-    funcParams: {},
-    initialData: null
-};
-var useAsync = function (props) {
-    if (props === void 0) { props = initialProps; }
-    var _a = __assign({}, props), asyncFunc = _a.asyncFunc, immediate = _a.immediate, funcParams = _a.funcParams, initialData = _a.initialData;
-    var _b = useState(immediate), loading = _b[0], setLoading = _b[1];
-    var _c = useState(initialData), data = _c[0], setData = _c[1];
-    var _d = useState(null), error = _d[0], setError = _d[1];
-    var mountedRef = useRef(true);
-    var execute = useCallback(function (params) {
-        setLoading(true);
-        return asyncFunc(__assign(__assign({}, funcParams), params))
-            .then(function (res) {
-            if (!mountedRef.current)
-                return null;
-            setData(res);
-            setError(null);
-            setLoading(false);
-            return res;
-        })
-            .catch(function (err) {
-            if (!mountedRef.current)
-                return null;
-            setError(err);
-            setLoading(false);
-            throw err;
-        });
-    }, [asyncFunc, funcParams]);
-    useEffect(function () {
-        if (immediate) {
-            execute(funcParams);
-        }
-        return function () {
-            mountedRef.current = false;
-        };
-    }, []);
-    return {
-        execute: execute,
-        loading: loading,
-        data: data,
-        error: error
-    };
-};
-
-export { useAsync as default };
-//# sourceMappingURL=useAsync.js.map
+import{__assign as n}from"../_virtual/_tslib.js";import{useState as t,useRef as r,useCallback as u,useEffect as a}from"react";var i={asyncFunc:function(){},immediate:!1,funcParams:{},initialData:null},c=function(c){void 0===c&&(c=i);var e=n({},c),l=e.asyncFunc,o=e.immediate,f=e.funcParams,m=e.initialData,s=t(o),d=s[0],v=s[1],h=t(m),p=h[0],x=h[1],y=t(null),D=y[0],F=y[1],P=r(!0),_=u((function(t){return v(!0),l(n(n({},f),t)).then((function(n){return P.current?(x(n),F(null),v(!1),n):null})).catch((function(n){if(!P.current)return null;throw F(n),v(!1),n}))}),[l,f]);return a((function(){return o&&_(f),function(){P.current=!1}}),[]),{execute:_,loading:d,data:p,error:D}};export{c as default};

package/dist/esm/hooks/useCloudinary/index.js

@@ -1,86 +1 @@
-var DefaultProps = {
-    cloudName: 'nzk',
-    unsignedUploadPreset: 'juz5g1j1'
-};
-var useCloudinary = function (props) {
-    var cloudName = (props && props.cloudName) || DefaultProps.cloudName;
-    var unsignedUploadPreset = (props && props.unsignedUploadPreset) || DefaultProps.unsignedUploadPreset;
-    var uploadTag = props && props.uploadTag;
-    var uploadImage = function (file, onComplete) {
-        var url = "https://api.cloudinary.com/v1_1/" + cloudName + "/upload";
-        var xhr = new XMLHttpRequest();
-        var fd = new FormData();
-        xhr.open('POST', url, true);
-        xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
-        xhr.onreadystatechange = function () {
-            if (xhr.readyState === 4 && xhr.status === 200) {
-                var response = JSON.parse(xhr.responseText);
-                if (onComplete) {
-                    onComplete(response.secure_url);
-                }
-            }
-        };
-        fd.append('upload_preset', unsignedUploadPreset);
-        if (uploadTag)
-            fd.append('tags', uploadTag);
-        if (file instanceof Blob) {
-            fd.append('file', file);
-            xhr.send(fd);
-        }
-        else {
-            fetch(file).then(function (response) {
-                response.blob().then(function (blobFile) {
-                    fd.append('file', blobFile);
-                    xhr.send(fd);
-                });
-            });
-        }
-    };
-    var promiseUploadImage = function (file) {
-        return new Promise(function (resolve, reject) {
-            var url = "https://api.cloudinary.com/v1_1/" + cloudName + "/upload";
-            var xhr = new XMLHttpRequest();
-            var fd = new FormData();
-            xhr.addEventListener('error', function () {
-                return reject(new Error("Couldn't reach cloudinary to upload image"));
-            });
-            xhr.open('POST', url, true);
-            xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
-            xhr.onreadystatechange = function () {
-                if (xhr.readyState === 4 && xhr.status >= 200 && xhr.status < 300) {
-                    var response = JSON.parse(xhr.responseText);
-                    if (!response.secure_url) {
-                        return reject(new Error("No secure_url returned by cloudinary"));
-                    }
-                    return resolve(response.secure_url);
-                }
-                if (xhr.readyState === 4 && xhr.status >= 300) {
-                    return reject(new Error("Cloudinary returned error code: " + xhr.status));
-                }
-                return null;
-            };
-            fd.append('upload_preset', unsignedUploadPreset);
-            if (uploadTag)
-                fd.append('tags', uploadTag);
-            if (file instanceof Blob) {
-                fd.append('file', file);
-                xhr.send(fd);
-            }
-            else {
-                fetch(file).then(function (response) {
-                    response.blob().then(function (blobFile) {
-                        fd.append('file', blobFile);
-                        xhr.send(fd);
-                    });
-                });
-            }
-        });
-    };
-    return {
-        uploadImage: uploadImage,
-        promiseUploadImage: promiseUploadImage
-    };
-};
-
-export { useCloudinary as default };
-//# sourceMappingURL=index.js.map
+var e="nzk",t="juz5g1j1",n=function(n){var r=n&&n.cloudName||e,a=n&&n.unsignedUploadPreset||t,u=n&&n.uploadTag;return{uploadImage:function(e,t){var n="https://api.cloudinary.com/v1_1/"+r+"/upload",o=new XMLHttpRequest,s=new FormData;o.open("POST",n,!0),o.setRequestHeader("X-Requested-With","XMLHttpRequest"),o.onreadystatechange=function(){if(4===o.readyState&&200===o.status){var e=JSON.parse(o.responseText);t&&t(e.secure_url)}},s.append("upload_preset",a),u&&s.append("tags",u),e instanceof Blob?(s.append("file",e),o.send(s)):fetch(e).then((function(e){e.blob().then((function(e){s.append("file",e),o.send(s)}))}))},promiseUploadImage:function(e){return new Promise((function(t,n){var o="https://api.cloudinary.com/v1_1/"+r+"/upload",s=new XMLHttpRequest,d=new FormData;s.addEventListener("error",(function(){return n(new Error("Couldn't reach cloudinary to upload image"))})),s.open("POST",o,!0),s.setRequestHeader("X-Requested-With","XMLHttpRequest"),s.onreadystatechange=function(){if(4===s.readyState&&s.status>=200&&s.status<300){var e=JSON.parse(s.responseText);return e.secure_url?t(e.secure_url):n(new Error("No secure_url returned by cloudinary"))}return 4===s.readyState&&s.status>=300?n(new Error("Cloudinary returned error code: "+s.status)):null},d.append("upload_preset",a),u&&d.append("tags",u),e instanceof Blob?(d.append("file",e),s.send(d)):fetch(e).then((function(e){e.blob().then((function(e){d.append("file",e),s.send(d)}))}))}))}}};export{n as default};

package/dist/esm/hooks/useConfettis/animations.js

@@ -1,67 +1 @@
-import { __assign, __awaiter, __generator } from 'tslib';
-import confetti from 'canvas-confetti';
-
-function randomInRange(min, max) {
-    return Math.random() * (max - min) + min;
-}
-var ANIMATIONS = {
-    basicCanon: function (_a) {
-        var _b = _a.confettiOptions, _c = _b.particleCount, particleCount = _c === void 0 ? 100 : _c, _d = _b.spread, spread = _d === void 0 ? 70 : _d, _e = _b.origin, origin = _e === void 0 ? { y: 0.6 } : _e;
-        confetti({
-            particleCount: particleCount,
-            spread: spread,
-            origin: origin,
-        });
-    },
-    fireworks: function (_a) {
-        var _b = _a.durationInMs, durationInMs = _b === void 0 ? 2000 : _b, confettiOptions = _a.confettiOptions;
-        var defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 0 };
-        var animationEnd = Date.now() + durationInMs;
-        var interval = setInterval(function () {
-            var timeLeft = animationEnd - Date.now();
-            if (timeLeft <= 0) {
-                return clearInterval(interval);
-            }
-            var particleCount = 50 * (timeLeft / durationInMs);
-            confetti(__assign(__assign(__assign({}, defaults), confettiOptions), { particleCount: particleCount, origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 } }));
-            confetti(__assign(__assign(__assign({}, defaults), confettiOptions), { particleCount: particleCount, origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 } }));
-            return null;
-        }, 250);
-    },
-    sideCanons: function (_a) {
-        var _b = _a.durationInMs, durationInMs = _b === void 0 ? 2000 : _b, _c = _a.colors, colors = _c === void 0 ? ["#bb0000", "#ffffff"] : _c, _d = _a.confettiOptions, confettiOptions = _d === void 0 ? {
-            angle: 60,
-            spread: 55,
-            particleCount: 2,
-            origin: { x: 0, y: 0.5 },
-        } : _d;
-        return __awaiter(void 0, void 0, void 0, function () {
-            function frame() {
-                confetti(__assign({}, options));
-                confetti(__assign(__assign({}, options), { angle: 2 * options.angle, origin: __assign(__assign({}, options.origin), { x: 1 - options.origin.x }) }));
-                if (Date.now() < end) {
-                    requestAnimationFrame(frame);
-                }
-            }
-            var end, options;
-            var _e, _f;
-            return __generator(this, function (_g) {
-                end = Date.now() + durationInMs;
-                options = {
-                    angle: confettiOptions.angle || 60,
-                    spread: confettiOptions.spread || 55,
-                    particleCount: confettiOptions.particleCount || 2,
-                    colors: colors || ["#bb0000", "#ffffff"],
-                    origin: {
-                        x: ((_e = confettiOptions.origin) === null || _e === void 0 ? void 0 : _e.x) || 0,
-                        y: ((_f = confettiOptions.origin) === null || _f === void 0 ? void 0 : _f.y) || 0.5,
-                    },
-                };
-                return [2, frame()];
-            });
-        });
-    },
-};
-
-export { ANIMATIONS };
-//# sourceMappingURL=animations.js.map
+import{__assign as n,__awaiter as i,__generator as o}from"../../_virtual/_tslib.js";import r from"canvas-confetti";function t(n,i){return Math.random()*(i-n)+n}var a={basicCanon:function(n){var i=n.confettiOptions,o=i.particleCount,t=void 0===o?100:o,a=i.spread,e=void 0===a?70:a,f=i.origin;r({particleCount:t,spread:e,origin:void 0===f?{y:.6}:f})},fireworks:function(i){var o=i.durationInMs,a=void 0===o?2e3:o,e=i.confettiOptions,f={startVelocity:30,spread:360,ticks:60,zIndex:0},u=Date.now()+a,d=setInterval((function(){var i=u-Date.now();if(i<=0)return clearInterval(d);var o=i/a*50;return r(n(n(n({},f),e),{particleCount:o,origin:{x:t(.1,.3),y:Math.random()-.2}})),r(n(n(n({},f),e),{particleCount:o,origin:{x:t(.7,.9),y:Math.random()-.2}})),null}),250)},sideCanons:function(t){var a=t.durationInMs,e=void 0===a?2e3:a,f=t.colors,u=void 0===f?["#bb0000","#ffffff"]:f,d=t.confettiOptions,c=void 0===d?{angle:60,spread:55,particleCount:2,origin:{x:0,y:.5}}:d;return i(void 0,void 0,void 0,(function(){function i(){r(n({},a)),r(n(n({},a),{angle:2*a.angle,origin:n(n({},a.origin),{x:1-a.origin.x})})),Date.now()<t&&requestAnimationFrame(i)}var t,a,f,d;return o(this,(function(n){return t=Date.now()+e,a={angle:c.angle||60,spread:c.spread||55,particleCount:c.particleCount||2,colors:u||["#bb0000","#ffffff"],origin:{x:(null===(f=c.origin)||void 0===f?void 0:f.x)||0,y:(null===(d=c.origin)||void 0===d?void 0:d.y)||.5}},[2,i()]}))}))}};export{a as ANIMATIONS};

package/dist/esm/hooks/useConfettis/index.js

@@ -1,20 +1 @@
-import confetti from 'canvas-confetti';
-import { ANIMATIONS } from './animations.js';
-
-var useConfettis = function () {
-    var cannon = function () {
-        confetti({
-            particleCount: 100,
-            spread: 70,
-            origin: { y: 0.6 }
-        });
-    };
-    return {
-        cannon: cannon,
-        confetti: confetti,
-        ANIMATIONS: ANIMATIONS
-    };
-};
-
-export { useConfettis as default };
-//# sourceMappingURL=index.js.map
+import n from"canvas-confetti";import{ANIMATIONS as t}from"./animations.js";var o=function(){return{cannon:function(){n({particleCount:100,spread:70,origin:{y:.6}})},confetti:n,ANIMATIONS:t}};export{o as default};

package/dist/esm/hooks/useDebounce.js

@@ -1,15 +1 @@
-import { useState, useEffect } from 'react';
-
-function useDebounce(value, delay) {
-    var _a = useState(value), debouncedValue = _a[0], setDebouncedValue = _a[1];
-    useEffect(function () {
-        var timer = setTimeout(function () { return setDebouncedValue(value); }, delay || 500);
-        return function () {
-            clearTimeout(timer);
-        };
-    }, [value, delay]);
-    return debouncedValue;
-}
-
-export { useDebounce as default };
-//# sourceMappingURL=useDebounce.js.map
+import{useState as t,useEffect as r}from"react";function n(n,e){var u=t(n),o=u[0],i=u[1];return r((function(){var t=setTimeout((function(){return i(n)}),e||500);return function(){clearTimeout(t)}}),[n,e]),o}export{n as default};

package/dist/esm/hooks/useElementSize.js

@@ -1,26 +1 @@
-import { useState, useCallback, useEffect } from 'react';
-import useEventListener from './useEventListener.js';
-
-function useElementSize(elementRef) {
-    var _a = useState({
-        width: 0,
-        height: 0,
-    }), size = _a[0], setSize = _a[1];
-    var updateSize = useCallback(function () {
-        var node = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current;
-        if (node) {
-            setSize({
-                width: node.offsetWidth || 0,
-                height: node.offsetHeight || 0,
-            });
-        }
-    }, [elementRef]);
-    useEffect(function () {
-        updateSize();
-    }, []);
-    useEventListener('resize', updateSize);
-    return size;
-}
-
-export { useElementSize as default };
-//# sourceMappingURL=useElementSize.js.map
+import{useState as t,useCallback as e,useEffect as i}from"react";import r from"./useEventListener.js";function n(n){var o=t({width:0,height:0}),f=o[0],h=o[1],u=e((function(){var t=null==n?void 0:n.current;t&&h({width:t.offsetWidth||0,height:t.offsetHeight||0})}),[n]);return i((function(){u()}),[]),r("resize",u),f}export{n as default};

package/dist/esm/hooks/useEventListener.js

@@ -1,26 +1 @@
-import { useRef, useEffect } from 'react';
-
-function useEventListener(eventName, handler, element) {
-    var savedHandler = useRef();
-    useEffect(function () {
-        var targetElement = (element === null || element === void 0 ? void 0 : element.current) || window;
-        if (!(targetElement && targetElement.addEventListener)) {
-            return;
-        }
-        if (savedHandler.current !== handler) {
-            savedHandler.current = handler;
-        }
-        var eventListener = function (event) {
-            if (!!(savedHandler === null || savedHandler === void 0 ? void 0 : savedHandler.current)) {
-                savedHandler.current(event);
-            }
-        };
-        targetElement.addEventListener(eventName, eventListener);
-        return function () {
-            targetElement.removeEventListener(eventName, eventListener);
-        };
-    }, [eventName, element, handler]);
-}
-
-export { useEventListener as default };
-//# sourceMappingURL=useEventListener.js.map
+import{useRef as n,useEffect as r}from"react";function e(e,t,u){var i=n();r((function(){var n=(null==u?void 0:u.current)||window;if(n&&n.addEventListener){i.current!==t&&(i.current=t);var r=function(n){(null==i?void 0:i.current)&&i.current(n)};return n.addEventListener(e,r),function(){n.removeEventListener(e,r)}}}),[e,u,t])}export{e as default};

package/dist/esm/hooks/useInterval.js

@@ -1,18 +1 @@
-import { useRef, useLayoutEffect, useEffect } from 'react';
-
-function useInterval(callback, delay) {
-    var savedCallback = useRef(callback);
-    useLayoutEffect(function () {
-        savedCallback.current = callback;
-    }, [callback]);
-    useEffect(function () {
-        if (!delay) {
-            return;
-        }
-        var id = setInterval(function () { return savedCallback.current(); }, delay);
-        return function () { return clearInterval(id); };
-    }, [delay]);
-}
-
-export { useInterval as default };
-//# sourceMappingURL=useInterval.js.map
+import{useRef as r,useLayoutEffect as n,useEffect as t}from"react";function e(e,u){var c=r(e);n((function(){c.current=e}),[e]),t((function(){if(u){var r=setInterval((function(){return c.current()}),u);return function(){return clearInterval(r)}}}),[u])}export{e as default};

package/dist/esm/hooks/useMountState.js

@@ -1,13 +1 @@
-import { useRef, useEffect } from 'react';
-
-var useMountState = function () {
-    var mountedRef = useRef(true);
-    useEffect(function () {
-        mountedRef.current = true;
-        return function () { mountedRef.current = false; };
-    }, []);
-    return mountedRef.current;
-};
-
-export { useMountState as default };
-//# sourceMappingURL=useMountState.js.map
+import{useRef as r,useEffect as t}from"react";var n=function(){var n=r(!0);return t((function(){return n.current=!0,function(){n.current=!1}}),[]),n.current};export{n as default};

package/dist/esm/icons/AboutUs.js

@@ -1,20 +1 @@
-import { __assign } from 'tslib';
-import * as React from 'react';
-
-var SvgAboutUs = function (props) { return (React.createElement("svg", __assign({ "data-name": "Icon - About Us", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 120 120" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h120v120H0z" }),
-    React.createElement("g", { "data-name": "Group 559", transform: "translate(46.979 22.819)" },
-        React.createElement("g", { "data-name": "Group 558" },
-            React.createElement("path", { "data-name": "Path 1348", d: "M26.17 89.181H.001V33H26.17Z", fill: "rgba(0,0,0,0.3)" })),
-        React.createElement("ellipse", { "data-name": "Ellipse 129", cx: 13.085, cy: 11.119, rx: 13.085, ry: 11.119, fill: "rgba(0,0,0,0.3)" })),
-    React.createElement("g", { "data-name": "Group 560", transform: "translate(46.979 16.878)" },
-        React.createElement("g", { "data-name": "Group 558" },
-            React.createElement("path", { "data-name": "Path 1348", d: "M26.17 89.181H.001V33H26.17Z", fill: "#afafaf" })),
-        React.createElement("ellipse", { "data-name": "Ellipse 129", cx: 13.085, cy: 11.119, rx: 13.085, ry: 11.119, fill: "#afafaf" })),
-    React.createElement("g", { "data-name": "Group 561", transform: "translate(46.979 10.938)" },
-        React.createElement("g", { "data-name": "Group 558" },
-            React.createElement("path", { "data-name": "Path 1348", d: "M26.17 89.181H.001V33H26.17Z", fill: "#fff" })),
-        React.createElement("ellipse", { "data-name": "Ellipse 129", cx: 13.085, cy: 11.119, rx: 13.085, ry: 11.119, fill: "#fff" })))); };
-
-export { SvgAboutUs as default };
-//# sourceMappingURL=AboutUs.js.map
+import{__assign as e}from"../_virtual/_tslib.js";import*as a from"react";var t=function(t){return a.createElement("svg",e({"data-name":"Icon - About Us",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 120 120"},t),a.createElement("path",{fill:"none",d:"M0 0h120v120H0z"}),a.createElement("g",{"data-name":"Group 559",transform:"translate(46.979 22.819)"},a.createElement("g",{"data-name":"Group 558"},a.createElement("path",{"data-name":"Path 1348",d:"M26.17 89.181H.001V33H26.17Z",fill:"rgba(0,0,0,0.3)"})),a.createElement("ellipse",{"data-name":"Ellipse 129",cx:13.085,cy:11.119,rx:13.085,ry:11.119,fill:"rgba(0,0,0,0.3)"})),a.createElement("g",{"data-name":"Group 560",transform:"translate(46.979 16.878)"},a.createElement("g",{"data-name":"Group 558"},a.createElement("path",{"data-name":"Path 1348",d:"M26.17 89.181H.001V33H26.17Z",fill:"#afafaf"})),a.createElement("ellipse",{"data-name":"Ellipse 129",cx:13.085,cy:11.119,rx:13.085,ry:11.119,fill:"#afafaf"})),a.createElement("g",{"data-name":"Group 561",transform:"translate(46.979 10.938)"},a.createElement("g",{"data-name":"Group 558"},a.createElement("path",{"data-name":"Path 1348",d:"M26.17 89.181H.001V33H26.17Z",fill:"#fff"})),a.createElement("ellipse",{"data-name":"Ellipse 129",cx:13.085,cy:11.119,rx:13.085,ry:11.119,fill:"#fff"})))};export{t as default};