@blateral/b.kit 2.3.0-beta.1.3 → 2.3.0

package/cjs/useCookieConsent-0bf94751.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCookieConsent-0bf94751.js","sources":["../src/utils/cookie-consent/cookie.ts","../src/utils/cookie-consent/useCookieConsent.tsx","../src/utils/cookie-consent/mutations.ts"],"sourcesContent":["export interface Cookie<T extends object> {\n    name: string;\n    data: T;\n}\n\nexport const setCookie = <T extends object>({\n    name,\n    data,\n    days = -1,\n    path = '/',\n}: {\n    name: string;\n    data: T;\n    days?: number;\n    path?: string;\n}) => {\n    let cookieString = `${name}=`;\n\n    try {\n        const stringifiedData = JSON.stringify(data);\n        cookieString += encodeURIComponent(stringifiedData);\n    } catch (err) {\n        console.warn('Cannot save data to cookie!');\n    }\n\n    // specify path\n    cookieString += `; path=${path};`;\n\n    // check if cookie should have lifetime\n    if (days >= 0) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        cookieString += ` expires=${date.toUTCString()};`;\n    }\n    document.cookie = cookieString;\n};\n\nexport const getCookie = <T extends object>(\n    name: string\n): Cookie<T> | undefined => {\n    let cookie = undefined;\n\n    try {\n        // get cookie value\n        const b = document.cookie.match(\n            '(^|;)\\\\s*' + name + '\\\\s*=\\\\s*([^;]+)'\n        );\n        let cookieValue = b ? b.pop() : '';\n        cookieValue = cookieValue ? decodeURIComponent(cookieValue) : '';\n\n        if (!cookieValue) return;\n\n        cookie = {\n            name: name,\n            data: JSON.parse(cookieValue) as T,\n        } as Cookie<T>;\n    } catch (err) {\n        console.warn(err);\n    }\n\n    return cookie;\n};\n\nexport const deleteCookie = (name: string) => {\n    setCookie<any>({ name, data: {} });\n};\n","import React, { useEffect, useState, useMemo, useCallback } from 'react';\nimport ReactDOMServer from 'react-dom/server';\n\nimport { Cookie, getCookie, setCookie } from './cookie';\nimport { activateTrackingScripts, updateConsentStatus } from './mutations';\n\nexport interface CookieType {\n    label: string;\n    isAccepted: boolean;\n    isEditable: boolean;\n}\n\nexport interface CookieTypes {\n    [key: string]: CookieType;\n}\n\nexport interface CookieConsentData {\n    types: Record<string, boolean>;\n    updatedAt: number;\n}\n\nexport interface CookieConsentSettings {\n    cookieName?: string;\n    initialCookieTypes?: CookieTypes;\n    lifetime?: number;\n}\n\nexport const selectors = {\n    buttons: {\n        class: 'cookie-consent-button',\n        attribute: 'data-consent-button',\n    },\n    status: {\n        class: 'cookie-consent-status',\n        attribute: 'data-consent-status',\n    },\n    script: (key: string) => `cookie-consent-script-${key}`,\n};\n\nconst useCookieConsent = (\n    props: CookieConsentSettings,\n    onSubmit?: () => void,\n    statusRenderer?: (props: {\n        updatedAt: number;\n        state: CookieTypes;\n    }) => React.ReactElement\n) => {\n    const settings: Required<CookieConsentSettings> = useMemo(() => {\n        return {\n            cookieName: 'cookie-consent-v2',\n            lifetime: 365,\n            initialCookieTypes: {\n                essentials: {\n                    isEditable: false,\n                    isAccepted: true,\n                    label: 'Essential functionalities',\n                },\n            },\n            ...props,\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const [cookieTypes, setCookieTypes] = useState<CookieTypes>(\n        settings.initialCookieTypes\n    );\n\n    const updateStatus = useCallback(() => {\n        const cookie = getCookie(\n            settings.cookieName\n        ) as Cookie<CookieConsentData>;\n\n        let statusMsg = '-';\n\n        if (cookie && cookie.data) {\n            const statusHtml = statusRenderer?.({\n                updatedAt: cookie.data.updatedAt,\n                state: cookieTypes,\n            });\n            if (statusHtml) {\n                statusMsg = ReactDOMServer.renderToStaticMarkup(statusHtml);\n            }\n        }\n\n        updateConsentStatus(statusMsg, [\n            `[${selectors.status.attribute}]`,\n            `.${selectors.status.class}`,\n        ]);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [settings.cookieName]);\n\n    useEffect(() => {\n        const cookie = getCookie(\n            settings.cookieName\n        ) as Cookie<CookieConsentData>;\n\n        if (cookie && cookie.data?.types) {\n            setCookieTypes((prev) => {\n                const cPrev = { ...prev };\n                for (const key in cPrev) {\n                    if (!cookie.data.types[key]) continue;\n                    cPrev[key].isAccepted = cookie.data.types[key];\n                }\n\n                handleScriptActivation(cPrev);\n\n                return cPrev;\n            });\n        }\n        updateStatus();\n    }, [settings, settings.cookieName, updateStatus]);\n\n    const mapToCookieData = (types: CookieTypes): Record<string, boolean> => {\n        const data = {};\n        if (!types) return data;\n\n        for (const key in types) {\n            data[key] = types[key].isAccepted;\n        }\n\n        return data;\n    };\n\n    /** Accept all types of cookies */\n    const acceptAll = useCallback(() => {\n        console.info('Accept all cookie types');\n\n        setCookieTypes((prev) => {\n            const types = { ...prev };\n            for (const key in types) {\n                if (!types[key].isEditable) continue;\n                types[key].isAccepted = true;\n            }\n\n            setCookie<CookieConsentData>({\n                name: settings.cookieName,\n                data: {\n                    types: mapToCookieData(types),\n                    updatedAt: new Date().getTime(),\n                },\n                days: settings.lifetime,\n            });\n\n            updateStatus();\n            handleScriptActivation(types);\n            return types;\n        });\n        onSubmit?.();\n    }, [onSubmit, settings.cookieName, settings.lifetime, updateStatus]);\n\n    /** Decline all types of cookies (except required ones) */\n    const declineAll = useCallback(() => {\n        console.info('Decline all cookie types');\n\n        setCookieTypes((prev) => {\n            const types = { ...prev };\n            for (const key in types) {\n                if (!types[key].isEditable) continue;\n                types[key].isAccepted = false;\n            }\n\n            setCookie<CookieConsentData>({\n                name: settings.cookieName,\n                data: {\n                    types: mapToCookieData(types),\n                    updatedAt: new Date().getTime(),\n                },\n                days: settings.lifetime,\n            });\n\n            updateStatus();\n            handleScriptActivation(types);\n            return types;\n        });\n        onSubmit?.();\n    }, [onSubmit, settings.cookieName, settings.lifetime, updateStatus]);\n\n    /** Accept selected types of cookies */\n    const acceptSelected = useCallback(() => {\n        console.info('Accept selected cookie types');\n\n        setCookie<CookieConsentData>({\n            name: settings.cookieName,\n            data: {\n                types: mapToCookieData(cookieTypes),\n                updatedAt: new Date().getTime(),\n            },\n            days: settings.lifetime,\n        });\n\n        updateStatus();\n        handleScriptActivation(cookieTypes);\n        onSubmit?.();\n    }, [\n        cookieTypes,\n        onSubmit,\n        settings.cookieName,\n        settings.lifetime,\n        updateStatus,\n    ]);\n\n    const handleScriptActivation = (types: CookieTypes) => {\n        if (!types) return;\n\n        // activate scripts from cookie types\n        const acceptedKeys = Object.keys(types).filter(\n            (key) => types[key].isAccepted\n        );\n        activateTrackingScripts(\n            acceptedKeys.map((key) => selectors.script(key))\n        );\n    };\n\n    /** Set or toggle consent status of cookie type */\n    const setConsent = (type: keyof CookieTypes, isAccepted?: boolean) => {\n        setCookieTypes((prev) => {\n            const types = { ...prev };\n            if (!types[type] || !types[type].isEditable) return types;\n\n            if (isAccepted !== undefined) {\n                types[type].isAccepted = isAccepted;\n            } else {\n                types[type].isAccepted = !types[type].isAccepted;\n            }\n\n            return types;\n        });\n    };\n\n    const getCookieValue = (): Cookie<CookieConsentData> | undefined => {\n        return getCookie(settings.cookieName) as Cookie<CookieConsentData>;\n    };\n\n    return {\n        cookieTypes,\n        acceptAll,\n        acceptSelected,\n        declineAll,\n        setConsent,\n        getCookieValue,\n    };\n};\n\nexport default useCookieConsent;\n","export const isUrlInWhitelist = (\n    urlString: string,\n    whitelist: string[] = []\n) => {\n    let isInWhiteList = false;\n    for (let i = 0; i < whitelist.length; i++) {\n        if (urlString.indexOf(whitelist[i]) > -1) {\n            isInWhiteList = true;\n            break;\n        }\n    }\n    return isInWhiteList;\n};\n\nexport const bindConsentButtons = (\n    callback: () => void,\n    selectors: string[] = []\n) => {\n    const allConsentButtons = document.querySelectorAll(selectors.join(', '));\n\n    for (let i = 0, len = allConsentButtons.length; i < len; i++) {\n        allConsentButtons[i].addEventListener('click', callback);\n    }\n};\n\nexport const activateTrackingScripts = (scriptTypeSelectors: string[] = []) => {\n    const selectors = scriptTypeSelectors\n        .filter((selector) => selector)\n        .map((selector) => `script[type='text/${selector}']`)\n        .join(', ');\n\n    const scriptElements = selectors\n        ? document.querySelectorAll(selectors)\n        : [];\n\n    let i = scriptElements.length;\n    const newScriptElements: HTMLScriptElement[] = [];\n    while (i--) {\n        // create new script element to call it\n        const newScriptElement = document.createElement('script');\n        newScriptElement.type = 'text/javascript';\n\n        if (scriptElements[i].hasAttribute('src')) {\n            newScriptElement.src = scriptElements[i].getAttribute('src')!;\n            newScriptElement.async = true;\n        } else {\n            newScriptElement.innerHTML = scriptElements[i].innerHTML;\n        }\n\n        // add new script tags to list\n        newScriptElements.push(newScriptElement);\n\n        // delete old helper element\n        if (scriptElements[i].parentNode) {\n            // eslint-disable-next-line no-unused-expressions\n            scriptElements[i].parentNode?.removeChild(scriptElements[i]);\n        }\n    }\n\n    // append new script tags\n    i = newScriptElements.length;\n    while (i--) {\n        // append / activate script\n        document.body.appendChild(newScriptElements[i]);\n    }\n};\n\nexport const updateConsentStatus = (\n    content: string,\n    selectors: string[] = []\n) => {\n    if (!content) return;\n    const statusElements = document.querySelectorAll(selectors.join(', '));\n\n    for (let i = 0, len = statusElements.length; i < len; i++) {\n        statusElements[i].innerHTML = content;\n    }\n};\n"],"names":["setCookie","_a","name","data","_b","days","_c","path","cookieString","concat","stringifiedData","JSON","stringify","encodeURIComponent","err","console","warn","date","Date","setTime","getTime","toUTCString","document","cookie","getCookie","undefined","b","match","cookieValue","pop","decodeURIComponent","parse","selectors","buttons","class","attribute","status","script","key","callback","allConsentButtons","querySelectorAll","join","i","len","length","addEventListener","urlString","whitelist","isInWhiteList","indexOf","props","onSubmit","statusRenderer","settings","useMemo","__assign","cookieName","lifetime","initialCookieTypes","essentials","isEditable","isAccepted","label","useState","cookieTypes","setCookieTypes","updateStatus","useCallback","statusMsg","statusHtml","updatedAt","state","ReactDOMServer","renderToStaticMarkup","content","statusElements","innerHTML","updateConsentStatus","useEffect","types","prev","cPrev","handleScriptActivation","mapToCookieData","acceptAll","info","declineAll","acceptSelected","scriptTypeSelectors","filter","selector","map","scriptElements","newScriptElements","newScriptElement","createElement","type","hasAttribute","src","getAttribute","async","push","parentNode","removeChild","body","appendChild","activateTrackingScripts","Object","keys","setConsent","getCookieValue"],"mappings":"wLAKaA,EAAY,SAAmBC,GACxC,IAAAC,SACAC,SACAC,EAAAH,EAAAI,KAAAA,OAAI,IAAAD,GAAI,IACRE,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAG,IAAGA,EAONE,EAAe,GAAGC,OAAAP,OAElB,IACA,IAAMQ,EAAkBC,KAAKC,UAAUT,GACvCK,GAAgBK,mBAAmBH,GACrC,MAAOI,GACLC,QAAQC,KAAK,+BAObX,GAHJG,GAAgB,UAAAC,OAAUF,EAAI,KAG1BF,GAAQ,EAAG,CACX,IAAMY,EAAO,IAAIC,KACjBD,EAAKE,QAAQF,EAAKG,UAAmB,GAAPf,EAAY,GAAK,GAAK,KACpDG,GAAgB,YAAYC,OAAAQ,EAAKI,mBAErCC,SAASC,OAASf,GAGTgB,EAAY,SACrBtB,GAEIqB,IAAAA,OAASE,EAET,IAEA,IAAMC,EAAIJ,SAASC,OAAOI,MACtB,YAAczB,EAAO,oBAErB0B,EAAcF,EAAIA,EAAEG,MAAQ,GAG5B,KAFJD,EAAcA,EAAcE,mBAAmBF,GAAe,IAE5C,OAElBL,EAAS,CACLrB,KAAMA,EACNC,KAAMQ,KAAKoB,MAAMH,IAEvB,MAAOd,GACLC,QAAQC,KAAKF,GAGjB,OAAOS,GCjCES,EAAY,CACrBC,QAAS,CACLC,MAAO,wBACPC,UAAW,uBAEfC,OAAQ,CACJF,MAAO,wBACPC,UAAW,uBAEfE,OAAQ,SAACC,GAAgB,MAAA,yBAAyB7B,OAAA6B,gCCtBpB,SAC9BC,EACAP,QAAA,IAAAA,IAAAA,EAAwB,IAIxB,IAFA,IAAMQ,EAAoBlB,SAASmB,iBAAiBT,EAAUU,KAAK,OAE1DC,EAAI,EAAGC,EAAMJ,EAAkBK,OAAQF,EAAIC,EAAKD,IACrDH,EAAkBG,GAAGG,iBAAiB,QAASP,yBF0C3B,SAACrC,GACzBF,EAAe,CAAEE,KAAIA,EAAEC,KAAM,mDEhED,SAC5B4C,EACAC,QAAA,IAAAA,IAAAA,EAAwB,IAGxB,IADIC,IAAAA,GAAgB,EACXN,EAAI,EAAGA,EAAIK,EAAUH,OAAQF,IAC9BI,GAAAA,EAAUG,QAAQF,EAAUL,KAAO,EAAG,CACtCM,GAAgB,EAChB,MAGR,OAAOA,oED4Bc,SACrBE,EACAC,EACAC,GAKA,IAAMC,EAA4CC,EAAAA,SAAQ,WACtD,OACIC,WAAA,CAAAC,WAAY,oBACZC,SAAU,IACVC,mBAAoB,CAChBC,WAAY,CACRC,YAAY,EACZC,YAAY,EACZC,MAAO,+BAGZZ,KAGR,IAEGlD,EAAgC+D,EAAAA,SAClCV,EAASK,oBADNM,EAAWhE,EAAA,GAAEiE,OAIdC,EAAeC,EAAAA,aAAY,WAC7B,IAAM7C,EAASC,EACX8B,EAASG,YAGTY,EAAY,IAEhB,GAAI9C,GAAUA,EAAOpB,KAAM,CACvB,IAAMmE,EAAajB,MAAAA,OAAc,EAAdA,EAAiB,CAChCkB,UAAWhD,EAAOpB,KAAKoE,UACvBC,MAAOP,IAEPK,IACAD,EAAYI,EAAc,QAACC,qBAAqBJ,KCb7B,SAC/BK,EACA3C,GAEI,QAFJ,IAAAA,IAAAA,EAAwB,IAEnB2C,EAGL,IAFA,IAAMC,EAAiBtD,SAASmB,iBAAiBT,EAAUU,KAAK,OAEvDC,EAAI,EAAGC,EAAMgC,EAAe/B,OAAQF,EAAIC,EAAKD,IAClDiC,EAAejC,GAAGkC,UAAYF,EDS9BG,CAAoBT,EAAW,CAC3B,IAAA5D,OAAIuB,EAAUI,OAAOD,UAAY,KACjC,IAAA1B,OAAIuB,EAAUI,OAAOF,WAG1B,CAACoB,EAASG,aAEbsB,EAAAA,WAAU,iBACAxD,EAASC,EACX8B,EAASG,YAGTlC,IAAqB,QAAXtB,EAAAsB,EAAOpB,YAAI,IAAAF,OAAA,EAAAA,EAAE+E,QACvBd,GAAe,SAACe,GACZ,IAAMC,EAAK1B,EAAAA,SAAA,GAAQyB,GACnB,IAAK,IAAM3C,KAAO4C,EACT3D,EAAOpB,KAAK6E,MAAM1C,KACvB4C,EAAM5C,GAAKwB,WAAavC,EAAOpB,KAAK6E,MAAM1C,IAK9C,OAFA6C,EAAuBD,GAEhBA,KAGff,MACD,CAACb,EAAUA,EAASG,WAAYU,IAEnC,IAAMiB,EAAkB,SAACJ,GACf7E,IAAAA,EAAO,GACb,IAAK6E,EAAO,OAAO7E,EAEnB,IAAK,IAAMmC,KAAO0C,EACd7E,EAAKmC,GAAO0C,EAAM1C,GAAKwB,WAG3B,OAAO3D,GAILkF,EAAYjB,EAAAA,aAAY,WAC1BrD,QAAQuE,KAAK,2BAEbpB,GAAe,SAACe,GACZ,IAAMD,EAAKxB,EAAAA,SAAA,GAAQyB,GACnB,IAAK,IAAM3C,KAAO0C,EACTA,EAAM1C,GAAKuB,aAChBmB,EAAM1C,GAAKwB,YAAa,GAc5B,OAXA9D,EAA6B,CACzBE,KAAMoD,EAASG,WACftD,KAAM,CACF6E,MAAOI,EAAgBJ,GACvBT,WAAW,IAAIrD,MAAOE,WAE1Bf,KAAMiD,EAASI,WAGnBS,IACAgB,EAAuBH,GAChBA,KAEX5B,MAAAA,GAAAA,MACD,CAACA,EAAUE,EAASG,WAAYH,EAASI,SAAUS,IAGhDoB,EAAanB,EAAAA,aAAY,WAC3BrD,QAAQuE,KAAK,4BAEbpB,GAAe,SAACe,GACZ,IAAMD,EAAKxB,EAAAA,SAAA,GAAQyB,GACnB,IAAK,IAAM3C,KAAO0C,EACTA,EAAM1C,GAAKuB,aAChBmB,EAAM1C,GAAKwB,YAAa,GAc5B,OAXA9D,EAA6B,CACzBE,KAAMoD,EAASG,WACftD,KAAM,CACF6E,MAAOI,EAAgBJ,GACvBT,WAAW,IAAIrD,MAAOE,WAE1Bf,KAAMiD,EAASI,WAGnBS,IACAgB,EAAuBH,GAChBA,KAEX5B,MAAAA,GAAAA,MACD,CAACA,EAAUE,EAASG,WAAYH,EAASI,SAAUS,IAGhDqB,EAAiBpB,EAAAA,aAAY,WAC/BrD,QAAQuE,KAAK,gCAEbtF,EAA6B,CACzBE,KAAMoD,EAASG,WACftD,KAAM,CACF6E,MAAOI,EAAgBnB,GACvBM,WAAW,IAAIrD,MAAOE,WAE1Bf,KAAMiD,EAASI,WAGnBS,IACAgB,EAAuBlB,GACvBb,MAAAA,GAAAA,MACD,CACCa,EACAb,EACAE,EAASG,WACTH,EAASI,SACTS,IAGEgB,EAAyB,SAACH,GACvBA,GCjL0B,SAACS,cAAA,IAAAA,IAAAA,EAAkC,IAY/D9C,IAXDX,IAAAA,EAAYyD,EACbC,QAAO,SAACC,GAAa,OAAAA,KACrBC,KAAI,SAACD,GAAa,MAAA,4BAAqBA,EAAQ,SAC/CjD,KAAK,MAEJmD,EAAiB7D,EACjBV,SAASmB,iBAAiBT,GAC1B,GAEFW,EAAIkD,EAAehD,OACjBiD,EAAyC,GACxCnD,KAAK,CAER,IAAMoD,EAAmBzE,SAAS0E,cAAc,UAChDD,EAAiBE,KAAO,kBAEpBJ,EAAelD,GAAGuD,aAAa,QAC/BH,EAAiBI,IAAMN,EAAelD,GAAGyD,aAAa,OACtDL,EAAiBM,OAAQ,GAEzBN,EAAiBlB,UAAYgB,EAAelD,GAAGkC,UAInDiB,EAAkBQ,KAAKP,GAGnBF,EAAelD,GAAG4D,aAEU,QAA5BtG,EAAA4F,EAAelD,GAAG4D,kBAAU,IAAAtG,GAAAA,EAAEuG,YAAYX,EAAelD,KAM1DA,IADPA,EAAImD,EAAkBjD,OACfF,KAEHrB,SAASmF,KAAKC,YAAYZ,EAAkBnD,IDiJ5CgE,CAHqBC,OAAOC,KAAK7B,GAAOU,QACpC,SAACpD,GAAQ,OAAA0C,EAAM1C,GAAKwB,cAGP8B,KAAI,SAACtD,GAAQ,OAAAN,EAAUK,OAAOC,QAwB5C,MAAA,CACH2B,YAAWA,EACXoB,UAASA,EACTG,eAAcA,EACdD,WAAUA,EACVuB,WAxBe,SAACb,EAAyBnC,GACzCI,GAAe,SAACe,GACZ,IAAMD,EAAKxB,EAAAA,SAAA,GAAQyB,GACnB,OAAKD,EAAMiB,IAAUjB,EAAMiB,GAAMpC,YAG7BmB,EAAMiB,GAAMnC,gBADGrC,IAAfqC,EACyBA,GAECkB,EAAMiB,GAAMnC,WAGnCkB,GAR6CA,MAsBxD+B,eAVmB,WACnB,OAAOvF,EAAU8B,EAASG"}

package/cjs/useGeolocation-4d38150b.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),o=require("./ClockFilled-2483aa4a.js");function n(e){if(e&&e.__esModule)return e;var o=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),o.default=e,Object.freeze(o)}var t=function(o,n){var t=e.useRef(o),r=e.useRef();e.useEffect((function(){t.current=o}),[o]);var a=e.useCallback((function(){r.current=window.setTimeout((function(){var e;return null===(e=t.current)||void 0===e?void 0:e.call(t)}),n)}),[n]),l=e.useCallback((function(){r.current&&window.clearTimeout(r.current)}),[]);e.useEffect((function(){return a(),l}),[n,a,l]);var u=e.useCallback((function(){l(),a()}),[l,a]);return{clear:l,reset:u}},r=function(n,r,a){var l=t(n,r),u=l.clear,i=l.reset;return e.useEffect(i,o.__spreadArray(o.__spreadArray([],a,!0),[i],!1)),e.useEffect(u,[]),{clear:u,reset:i}};exports.useDebounce=r,exports.useGeolocation=function(o,n){void 0===o&&(o=!0),void 0===n&&(n=!0);var t=e.useState(),r=t[0],a=t[1],l=e.useState(),u=l[0],i=l[1],c=e.useState(),s=c[0],f=c[1],d=e.useState(),v=d[0],m=d[1],g=e.useRef();e.useEffect((function(){a("geolocation"in navigator)}),[]);var k=e.useCallback((function(){i(!1),g.current&&navigator.geolocation.clearWatch(g.current)}),[]);e.useEffect((function(){if(n&&"geolocation"in navigator){k(),navigator.geolocation.watchPosition(h,b,{enableHighAccuracy:o}),i(!0);var e=g.current;return function(){e&&(i(!1),navigator.geolocation.clearWatch(e))}}}),[n,k,o]);var p=e.useCallback((function(){return new Promise((function(e,n){k(),i(!1),navigator.geolocation.watchPosition((function(o){h(o),e(o)}),(function(e){b(e),n(e)}),{enableHighAccuracy:o}),i(!0)}))}),[k,o]),h=function(e){f(e)},b=function(e){i(!1),console.log(e),m(e)};return{isSupported:r,isEnabled:u,location:s,error:v,reset:p,cancel:k}},exports.useLazyInput=function(o,n,t){void 0===t&&(t=600);var a=e.useState(n),l=a[0],u=a[1],i=r((function(){return null==o?void 0:o(l)}),t,[l]).clear,c=e.useCallback((function(e,n){void 0===n&&(n=!1),u(e),n&&(i(),null==o||o(e))}),[]),s=e.useCallback((function(){i(),null==o||o(l)}),[o,i,l]);return{update:c,value:l,forceUpdate:s}},exports.useLeafletMap=function(t){var r=e.useState(null),a=r[0],l=r[1],u=e.useState(null),i=u[0],c=u[1],s=e.useState(null),f=s[0],d=s[1],v=e.useState(null),m=v[0],g=v[1],k=e.useRef(null),p=e.useState(!1),h=p[0],b=p[1],C=e.useRef(!1),y=e.useRef(null),z=e.useMemo((function(){return Object.keys(t).forEach((function(e){void 0===t[e]&&delete t[e]})),o.__assign({center:[0,0],zoom:2.5,touchZoom:!0,scrollWheelZoom:!1,showZoomControls:!0,zoomControlPosition:"topleft",onlyScrollOnFocus:!0,url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",attribution:'&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',markers:[],fitBoundsPadding:[20,20]},t)}),[t]);e.useEffect((function(){if(a){o.__awaiter(void 0,void 0,void 0,(function(){var e,t,r;return o.__generator(this,(function(o){switch(o.label){case 0:return i||!a||C.current?[2]:(C.current=!0,[4,Promise.resolve().then((function(){return n(require("leaflet"))}))]);case 1:return(e=o.sent())?(c(e),t=e.map(a,{center:z.center,zoom:z.zoom,touchZoom:z.touchZoom,scrollWheelZoom:z.scrollWheelZoom,zoomControl:!1,minZoom:z.minZoom,maxZoom:z.maxZoom}),z.showZoomControls&&e.control.zoom({position:z.zoomControlPosition}).addTo(t),t.once("focus",(function(){z.onlyScrollOnFocus&&t.scrollWheelZoom.enable()})),t.once("blur",(function(){z.onlyScrollOnFocus&&t.scrollWheelZoom.disable()})),t.on("click",(function(e){var o;null===(o=z.onClick)||void 0===o||o.call(z,e,t.getZoom())})),d(t),e.tileLayer(z.url,{attribution:z.attribution}).addTo(t),(r=new e.FeatureGroup).addTo(t),g(r),[2]):[2]}}))}))}}),[i,a,z,z.attribution,z.center,z.onlyScrollOnFocus,z.scrollWheelZoom,z.touchZoom,z.url,z.zoom]),e.useEffect((function(){var e;if(f&&m){m.clearLayers(),null===(e=z.markers)||void 0===e||e.forEach((function(e){var o,n,t=e.position,r=e.icon,a=e.id,l=e.isInteractive;if((null==r?void 0:r.url)&&(null==r?void 0:r.size)&&t){var u=a===z.activeMarkerId,c=i.icon({iconUrl:r.url,iconSize:u?r.sizeActive:r.size,iconAnchor:u?r.anchorActive:null==r?void 0:r.anchor}),s=i.marker(i.latLng(t[0],t[1]),{icon:c,riseOnHover:!0,interactive:l}).addTo(f);l&&s.on("click",(function(){var e;null===(e=z.onMarkerClick)||void 0===e||e.call(z,a)})),m.addLayer(s),i&&f&&m&&(h?z.activeMarkerId&&z.activeMarkerId!==(null==k?void 0:k.current)&&(k.current=z.activeMarkerId,null===(n=z.onActiveMarkerChanged)||void 0===n||n.call(z,{markerId:z.activeMarkerId})):(null===(o=z.onReady)||void 0===o||o.call(z),b(!0),z.activeMarkerId&&(k.current=z.activeMarkerId)))}}));var o=function(){var e,o,n;if(f&&z.restrictToMarkersArea){var t=null===(e=null==m?void 0:m.getBounds())||void 0===e?void 0:e.pad(.3);if(t&&t.isValid()){var r=t.getNorth(),a=t.getEast(),l=t.getSouth(),u=t.getWest(),i=f.getCenter(),c=null,s=null;(i.lat<l||i.lat>r)&&y.current&&(c=null===(o=y.current)||void 0===o?void 0:o.lat),(i.lng<u||i.lng>a)&&y.current&&(s=null===(n=y.current)||void 0===n?void 0:n.lng),null===s&&null===c||(null!==s&&(i.lng=s),null!==c&&(i.lat=c),f.panTo(i,{animate:!1})),y.current=i}}};if(z.restrictToMarkersArea)(null==m?void 0:m.getBounds()).isValid()&&f.on("drag",o);return function(){y.current=null,null==f||f.off("drag",o)}}}),[i,h,f,z,z.markers,m]);var S=e.useCallback((function(){f&&m&&f.fitBounds(m.getBounds(),{padding:i.point(z.fitBoundsPadding)})}),[i,f,z.fitBoundsPadding,m]),M=e.useCallback((function(e){var o,n=e||z.zoom,t=null===(o=z.markers)||void 0===o?void 0:o.find((function(e){return e.id===z.activeMarkerId}));t&&(null==f||f.flyTo(t.position,n))}),[f,z.activeMarkerId,z.markers,z.zoom]),Z=e.useCallback((function(e,o){var n=o||z.zoom;e?null==f||f.flyTo(e,n):M(n)}),[M,f,z.zoom]),T=e.useCallback((function(e){e&&(null==f||f.panTo(e))}),[f]),w=e.useCallback((function(){null==f||f.invalidateSize()}),[f]),E=e.useCallback((function(){return(null==f?void 0:f.getZoom())||z.zoom}),[f,z.zoom]);return{setContainer:l,flyToActive:M,flyToPosition:Z,panToPosition:T,showAllMarkers:S,recalculateMapSize:w,getCurrentZoom:E,isLoaded:h}},exports.useTimeout=t;
-//# sourceMappingURL=useGeolocation-4d38150b.js.map

package/cjs/useGeolocation-4d38150b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGeolocation-4d38150b.js","sources":["../src/utils/useTimeout.ts","../src/utils/useDebounce.ts","../src/utils/useGeolocation.ts","../src/utils/useLazyInput.ts","../src/utils/useLeafletMap.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nconst useTimeout = (callback: () => void, delay: number) => {\n    const callbackRef = useRef(callback);\n    const timeoutRef = useRef<number>();\n\n    useEffect(() => {\n        callbackRef.current = callback;\n    }, [callback]);\n\n    const set = useCallback(() => {\n        timeoutRef.current = window.setTimeout(\n            () => callbackRef.current?.(),\n            delay\n        );\n    }, [delay]);\n\n    const clear = useCallback(() => {\n        timeoutRef.current && window.clearTimeout(timeoutRef.current);\n    }, []);\n\n    useEffect(() => {\n        set();\n        return clear;\n    }, [delay, set, clear]);\n\n    const reset = useCallback(() => {\n        clear();\n        set();\n    }, [clear, set]);\n\n    return { clear, reset };\n};\n\nexport default useTimeout;\n","import { DependencyList, useEffect } from 'react';\nimport useTimeout from './useTimeout';\n\nconst useDebounce = (\n    callback: () => void,\n    delay: number,\n    deps: DependencyList\n) => {\n    const { clear, reset } = useTimeout(callback, delay);\n\n    useEffect(reset, [...deps, reset]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(clear, []);\n\n    return {\n        clear,\n        reset,\n    };\n};\n\nexport default useDebounce;\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nconst useGeolocation = (enableHighAccuracy = true, autostart = true) => {\n    const [isSupported, setIsSupported] = useState<boolean>();\n    const [isEnabled, setIsEnabled] = useState<boolean>();\n    const [location, setLocation] = useState<GeolocationPosition>();\n    const [error, setError] = useState<GeolocationPositionError>();\n    const watchRef = useRef<number | null>();\n\n    useEffect(() => {\n        setIsSupported('geolocation' in navigator);\n    }, []);\n\n    const cancel = useCallback(() => {\n        setIsEnabled(false);\n        if (watchRef.current) {\n            navigator.geolocation.clearWatch(watchRef.current);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (!autostart || !('geolocation' in navigator)) {\n            return;\n        }\n\n        cancel();\n        navigator.geolocation.watchPosition(handleSuccess, handleError, {\n            enableHighAccuracy,\n        });\n        setIsEnabled(true);\n        const watch = watchRef.current;\n\n        return () => {\n            if (watch) {\n                setIsEnabled(false);\n                navigator.geolocation.clearWatch(watch);\n            }\n        };\n    }, [autostart, cancel, enableHighAccuracy]);\n\n    const reset = useCallback(() => {\n        return new Promise<GeolocationPosition>((resolve, reject) => {\n            cancel();\n            setIsEnabled(false);\n            navigator.geolocation.watchPosition(\n                (position) => {\n                    handleSuccess(position);\n                    resolve(position);\n                },\n                (err) => {\n                    handleError(err);\n                    reject(err);\n                },\n                {\n                    enableHighAccuracy,\n                }\n            );\n            setIsEnabled(true);\n        });\n    }, [cancel, enableHighAccuracy]);\n\n    const handleSuccess = (position: GeolocationPosition) => {\n        setLocation(position);\n    };\n\n    const handleError = (error: GeolocationPositionError) => {\n        setIsEnabled(false);\n        console.log(error);\n\n        setError(error);\n    };\n\n    return { isSupported, isEnabled, location, error, reset, cancel };\n};\n\nexport default useGeolocation;\n","import { useCallback, useState } from 'react';\nimport useDebounce from './useDebounce';\n\nconst useLazyInput = (\n    callback: (value: string) => void,\n    initial: string,\n    delay = 600\n) => {\n    const [value, setValue] = useState<string>(initial);\n    const { clear } = useDebounce(() => callback?.(value), delay, [value]);\n\n    const update = useCallback((value: string, withoutDelay = false) => {\n        setValue(value);\n        if (withoutDelay) {\n            clear();\n            callback?.(value);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const forceUpdate = useCallback(() => {\n        clear();\n        callback?.(value);\n    }, [callback, clear, value]);\n\n    return {\n        update,\n        value,\n        forceUpdate,\n    };\n};\n\nexport default useLazyInput;\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n    FeatureGroup,\n    LatLng,\n    LeafletMouseEvent,\n    Map,\n    Marker,\n    MarkerOptions,\n} from 'leaflet';\n\nexport interface LeafletMapSettings {\n    center: [number, number];\n    zoom: number;\n    minZoom?: number;\n    maxZoom?: number;\n    touchZoom: boolean;\n    scrollWheelZoom: boolean;\n    onlyScrollOnFocus: boolean;\n    url: string;\n    attribution: string;\n    markers: Array<LeafletMapMarker>;\n    activeMarkerId?: string;\n    fitBoundsPadding: [number, number];\n    restrictToMarkersArea?: boolean;\n    showZoomControls?: boolean;\n    zoomControlPosition?: 'bottomleft' | 'bottomright' | 'topleft' | 'topright';\n    onMarkerClick?: (markerId: string) => void;\n    onActiveMarkerChanged?: (props: { markerId: string }) => void;\n    onReady?: () => void;\n    onClick?: (ev: LeafletMouseEvent, currentZoom: number) => void;\n}\n\nexport interface LeafletMapMarker {\n    id: string;\n    position: [number, number];\n    isInteractive?: boolean;\n    icon?: {\n        url: string;\n        size: [number, number];\n        anchor: [number, number];\n\n        sizeActive: [number, number];\n        anchorActive: [number, number];\n    };\n    popup?: {\n        text: string;\n    };\n}\n\nconst useLeafletMap = (settings: Partial<LeafletMapSettings>) => {\n    const [container, setContainer] = useState<HTMLElement | null>(null);\n    const [L, setLeaflet] = useState<any>(null);\n    const [map, setMap] = useState<Map | null>(null);\n    const [markersLayerGroup, setMarkersLayerGroup] =\n        useState<FeatureGroup<any> | null>(null);\n    const prevMarkerId = useRef<string | null>(null);\n    const [isLoaded, setLoaded] = useState<boolean>(false);\n    const isRenderedRef = useRef<boolean>(false);\n\n    const lastValidCenter = useRef<LatLng | null>(null);\n\n    const mapSettings: LeafletMapSettings = useMemo(() => {\n        // removing undefined keys\n        Object.keys(settings).forEach((key) => {\n            if (settings[key] === undefined) {\n                delete settings[key];\n            }\n        });\n\n        return {\n            center: [0, 0],\n            zoom: 2.5,\n            touchZoom: true,\n            scrollWheelZoom: false,\n            showZoomControls: true,\n            zoomControlPosition: 'topleft',\n            onlyScrollOnFocus: true,\n            url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',\n            attribution:\n                '&copy; <a href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors',\n            markers: [],\n            fitBoundsPadding: [20, 20], // 0 = TopLeft, 1 = BottomRight\n            ...settings,\n        };\n    }, [settings]);\n\n    useEffect(() => {\n        if (!container) return;\n\n        const init = async () => {\n            if (L || !container || isRenderedRef.current) return;\n            isRenderedRef.current = true;\n\n            // init leaflet\n            const leaflet = await import('leaflet');\n            if (!leaflet) return;\n\n            // set leaflet state\n            setLeaflet(leaflet);\n\n            // setup map\n            const map = leaflet.map(container, {\n                center: mapSettings.center,\n                zoom: mapSettings.zoom,\n                touchZoom: mapSettings.touchZoom,\n                scrollWheelZoom: mapSettings.scrollWheelZoom,\n                zoomControl: false,\n                minZoom: mapSettings.minZoom,\n                maxZoom: mapSettings.maxZoom,\n            });\n\n            if (mapSettings.showZoomControls) {\n                leaflet.control\n                    .zoom({\n                        position: mapSettings.zoomControlPosition,\n                    })\n                    .addTo(map);\n            }\n\n            // activate map scrolling on focus\n            map.once('focus', () => {\n                if (mapSettings.onlyScrollOnFocus) {\n                    map.scrollWheelZoom.enable();\n                }\n            });\n\n            // deactivate map scrolling on focus is lost\n            map.once('blur', () => {\n                if (mapSettings.onlyScrollOnFocus) {\n                    map.scrollWheelZoom.disable();\n                }\n            });\n\n            map.on('click', (ev) => {\n                mapSettings.onClick?.(ev as LeafletMouseEvent, map.getZoom());\n            });\n\n            // set map state\n            setMap(map);\n\n            // add map layer from map provider\n            leaflet\n                .tileLayer(mapSettings.url, {\n                    attribution: mapSettings.attribution,\n                })\n                .addTo(map);\n\n            // setup layer for markers\n            const group = new leaflet.FeatureGroup();\n            group.addTo(map);\n\n            setMarkersLayerGroup(group);\n        };\n\n        init();\n    }, [\n        L,\n        container,\n        mapSettings,\n        mapSettings.attribution,\n        mapSettings.center,\n        mapSettings.onlyScrollOnFocus,\n        mapSettings.scrollWheelZoom,\n        mapSettings.touchZoom,\n        mapSettings.url,\n        mapSettings.zoom,\n    ]);\n\n    useEffect(() => {\n        if (!map || !markersLayerGroup) return;\n\n        markersLayerGroup.clearLayers();\n        mapSettings.markers?.forEach(\n            ({ position, icon, id, isInteractive }) => {\n                if (!icon?.url || !icon?.size || !position) return;\n                const isActive = id === mapSettings.activeMarkerId;\n\n                const markerIcon = L.icon({\n                    iconUrl: icon.url,\n\n                    iconSize: isActive ? icon.sizeActive : icon.size, // size of the icon\n                    // shadowSize: [50, 64], // size of the shadow\n                    iconAnchor: isActive ? icon.anchorActive : icon?.anchor, // point of the icon which will correspond to marker's location\n                    // shadowAnchor: [4, 62], // the same for the shadow\n                    // popupAnchor: [0, -16], // point from which the popup should open relative to the iconAnchor\n                });\n\n                const marker: Marker = L.marker(\n                    L.latLng(position[0], position[1]),\n                    {\n                        icon: markerIcon,\n                        riseOnHover: true,\n                        interactive: isInteractive,\n                    } as MarkerOptions\n                ).addTo(map);\n\n                if (isInteractive) {\n                    marker.on('click', () => {\n                        mapSettings.onMarkerClick?.(id);\n                    });\n                }\n\n                // add marker to markers layer\n                markersLayerGroup.addLayer(marker);\n\n                if (L && map && markersLayerGroup) {\n                    if (!isLoaded) {\n                        // on first load\n                        mapSettings.onReady?.();\n                        setLoaded(true);\n                        if (mapSettings.activeMarkerId) {\n                            prevMarkerId.current = mapSettings.activeMarkerId;\n                        }\n                    } else {\n                        // check if active marker changed\n                        if (\n                            mapSettings.activeMarkerId &&\n                            mapSettings.activeMarkerId !== prevMarkerId?.current\n                        ) {\n                            prevMarkerId.current = mapSettings.activeMarkerId;\n\n                            mapSettings.onActiveMarkerChanged?.({\n                                markerId: mapSettings.activeMarkerId,\n                            });\n                        }\n                    }\n                }\n            }\n        );\n\n        const handleMapMove = () => {\n            if (!map) return;\n            if (!mapSettings.restrictToMarkersArea) return;\n\n            const markersBounds = markersLayerGroup?.getBounds()?.pad(0.3);\n            if (!markersBounds || !markersBounds.isValid()) return;\n\n            const northEdge = markersBounds.getNorth();\n            const eastEdge = markersBounds.getEast();\n            const southEdge = markersBounds.getSouth();\n            const westEdge = markersBounds.getWest();\n\n            const center = map.getCenter();\n            let newLat: number | null = null;\n            let newLng: number | null = null;\n\n            // on latitude overshoot\n            if (\n                (center.lat < southEdge || center.lat > northEdge) &&\n                lastValidCenter.current\n            ) {\n                newLat = lastValidCenter.current?.lat;\n            }\n\n            // on longitude overshoot\n            if (\n                (center.lng < westEdge || center.lng > eastEdge) &&\n                lastValidCenter.current\n            ) {\n                newLng = lastValidCenter.current?.lng;\n            }\n\n            if (newLng !== null || newLat !== null) {\n                if (newLng !== null) center.lng = newLng;\n                if (newLat !== null) center.lat = newLat;\n\n                map.panTo(center, { animate: false });\n            }\n\n            lastValidCenter.current = center;\n        };\n\n        // if set restrict map movement to markers\n        if (mapSettings.restrictToMarkersArea) {\n            const markersBounds = markersLayerGroup?.getBounds();\n\n            if (markersBounds.isValid()) {\n                map.on('drag', handleMapMove);\n            }\n        }\n\n        return () => {\n            lastValidCenter.current = null;\n            map?.off('drag', handleMapMove);\n        };\n    }, [L, isLoaded, map, mapSettings, mapSettings.markers, markersLayerGroup]);\n\n    /**\n     * Adjust zoom to show all markers\n     */\n    const showAllMarkers = useCallback(() => {\n        if (map && markersLayerGroup) {\n            map.fitBounds(markersLayerGroup.getBounds(), {\n                padding: L.point(mapSettings.fitBoundsPadding),\n            });\n        }\n    }, [L, map, mapSettings.fitBoundsPadding, markersLayerGroup]);\n\n    /**\n     * Pan and zoom to active marker position on map\n     * @param zoom\n     */\n    const flyToActive = useCallback(\n        (zoom?: number) => {\n            const mapZoom = zoom || mapSettings.zoom;\n            const marker = mapSettings.markers?.find(\n                (m) => m.id === mapSettings.activeMarkerId\n            );\n            if (marker) map?.flyTo(marker.position, mapZoom);\n        },\n        [map, mapSettings.activeMarkerId, mapSettings.markers, mapSettings.zoom]\n    );\n\n    /**\n     * Pan and zoom to marker position on map\n     * @param position\n     * @param zoom\n     */\n    const flyToPosition = useCallback(\n        (position?: [number, number], zoom?: number) => {\n            const mapZoom = zoom || mapSettings.zoom;\n\n            if (position) map?.flyTo(position, mapZoom);\n            else flyToActive(mapZoom);\n        },\n        [flyToActive, map, mapSettings.zoom]\n    );\n\n    /**\n     * Pan to marker position on map\n     * @param position\n     */\n    const panToPosition = useCallback(\n        (position?: [number, number]) => {\n            if (position) map?.panTo(position);\n        },\n        [map]\n    );\n\n    /** Recalculate map size */\n    const recalculateMapSize = useCallback(() => {\n        map?.invalidateSize();\n    }, [map]);\n\n    const getCurrentZoom = useCallback(() => {\n        return map?.getZoom() || mapSettings.zoom;\n    }, [map, mapSettings.zoom]);\n\n    return {\n        setContainer,\n        flyToActive,\n        flyToPosition,\n        panToPosition,\n        showAllMarkers,\n        recalculateMapSize,\n        getCurrentZoom,\n        isLoaded,\n    };\n};\n\nexport default useLeafletMap;\n"],"names":["useTimeout","callback","delay","callbackRef","useRef","timeoutRef","useEffect","current","set","useCallback","window","setTimeout","_a","call","clear","clearTimeout","reset","useDebounce","deps","__spreadArray","enableHighAccuracy","autostart","useState","isSupported","setIsSupported","_b","isEnabled","setIsEnabled","_c","location","setLocation","_d","error","setError","watchRef","navigator","cancel","geolocation","clearWatch","watchPosition","handleSuccess","handleError","watch","Promise","resolve","reject","position","err","console","log","initial","value","setValue","update","withoutDelay","forceUpdate","settings","container","setContainer","L","setLeaflet","map","setMap","markersLayerGroup","setMarkersLayerGroup","prevMarkerId","_e","isLoaded","setLoaded","isRenderedRef","lastValidCenter","mapSettings","useMemo","Object","keys","forEach","key","undefined","__assign","center","zoom","touchZoom","scrollWheelZoom","showZoomControls","zoomControlPosition","onlyScrollOnFocus","url","attribution","markers","fitBoundsPadding","__awaiter","then","_interopNamespace","require","leaflet","sent","zoomControl","minZoom","maxZoom","control","addTo","once","enable","disable","on","ev","onClick","getZoom","tileLayer","group","FeatureGroup","clearLayers","icon","id","isInteractive","size","isActive","activeMarkerId","markerIcon","iconUrl","iconSize","sizeActive","iconAnchor","anchorActive","anchor","marker","latLng","riseOnHover","interactive","onMarkerClick","addLayer","onActiveMarkerChanged","markerId","onReady","handleMapMove","restrictToMarkersArea","markersBounds","getBounds","pad","isValid","northEdge","getNorth","eastEdge","getEast","southEdge","getSouth","westEdge","getWest","getCenter","newLat","newLng","lat","lng","panTo","animate","off","showAllMarkers","fitBounds","padding","point","flyToActive","mapZoom","find","m","flyTo","flyToPosition","panToPosition","recalculateMapSize","invalidateSize","getCurrentZoom"],"mappings":"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"}

package/cjs/useIE-aef9decc.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.useIE=function(t){var u=e.useState(t||!1),r=u[0],c=u[1];return e.useEffect((function(){c(void 0!==document.body.style.msTouchAction)}),[]),r};
-//# sourceMappingURL=useIE-aef9decc.js.map

package/cjs/useIE-aef9decc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIE-aef9decc.js","sources":["../src/utils/useIE.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nconst useIE = (initialValue?: boolean) => {\n    const [isIE, setIE] = useState(initialValue || false);\n\n    useEffect(() => {\n        setIE((document.body.style as any).msTouchAction !== undefined);\n    }, []);\n    return isIE;\n};\n\nexport default useIE;\n"],"names":["initialValue","_a","useState","isIE","setIE","useEffect","undefined","document","body","style","msTouchAction"],"mappings":"kDAEc,SAACA,GACL,IAAAC,EAAgBC,EAAAA,SAASF,IAAgB,GAAxCG,EAAIF,EAAA,GAAEG,OAKb,OAHAC,EAAAA,WAAU,WACND,OAAqDE,IAA9CC,SAASC,KAAKC,MAAcC,iBACpC,IACIP"}

package/cjs/useMediaQuery-d4f81f88.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),r=require("./styles-0f1a0aea.js"),n="undefined"!=typeof window&&void 0!==window.document,t=function(e,t){return n&&(t.length<=0||t.indexOf(e)>-1)&&("small"===e||window.matchMedia(r.mq[e]).matches)},a=function(e){return t("xxlarge",e)?"xxlarge":t("xlarge",e)?"xlarge":t("large",e)?"large":t("semilarge",e)?"semilarge":t("medium",e)?"medium":"small"},i=function(){return{small:!0,medium:window.matchMedia(r.mq.medium).matches,semilarge:window.matchMedia(r.mq.semilarge).matches,large:window.matchMedia(r.mq.large).matches,xlarge:window.matchMedia(r.mq.xlarge).matches,xxlarge:window.matchMedia(r.mq.xxlarge).matches}};exports.getMediaQuery=a,exports.isBrowser=n,exports.useMediaQueries=function(){var n=e.useState({small:!0,medium:!1,semilarge:!1,large:!1,xlarge:!1,xxlarge:!1}),t=n[0],a=n[1];return e.useEffect((function(){var e=function(){var e=i();a((function(n){return function(e,n){var t=!1;for(var a in r.mq)if(e[a]!==n[a]){t=!0;break}return!t}(n,e)?n:e}))};return window.addEventListener("resize",e),a(i()),function(){return window.removeEventListener("resize",e)}}),[]),t},exports.useMediaQuery=function(r){var n=e.useMemo((function(){return r||[]}),[r]),t=e.useState(),i=t[0],u=t[1];return e.useEffect((function(){var e=function(){var e=a(n);e!==i&&u(e)};return window.addEventListener("resize",e),u(a(n)),function(){return window.removeEventListener("resize",e)}}),[n,i]),i};
-//# sourceMappingURL=useMediaQuery-d4f81f88.js.map

package/cjs/useMediaQuery-d4f81f88.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMediaQuery-d4f81f88.js","sources":["../src/utils/useMediaQuery.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { MediaQueryType, mq } from './styles';\n\nexport const isBrowser =\n    typeof window !== 'undefined' && typeof window.document !== 'undefined';\n\n// *****************\n// useBreakpoint\n// *****************\nconst checkMq = (cmq: MediaQueryType, checkMqs: MediaQueryType[]) => {\n    return (\n        isBrowser &&\n        (checkMqs.length <= 0 || checkMqs.indexOf(cmq) > -1) &&\n        (cmq !== 'small' ? window.matchMedia(mq[cmq]).matches : true)\n    );\n};\n\nexport const getMediaQuery = (checkMqs: MediaQueryType[]): MediaQueryType => {\n    if (checkMq('xxlarge', checkMqs)) {\n        return 'xxlarge';\n    } else if (checkMq('xlarge', checkMqs)) {\n        return 'xlarge';\n    } else if (checkMq('large', checkMqs)) {\n        return 'large';\n    } else if (checkMq('semilarge', checkMqs)) {\n        return 'semilarge';\n    } else if (checkMq('medium', checkMqs)) {\n        return 'medium';\n    } else {\n        return 'small';\n    }\n};\n\nexport const getMediaQueries = (): { [key in MediaQueryType]: boolean } => {\n    return {\n        small: true,\n        medium: window.matchMedia(mq['medium']).matches,\n        semilarge: window.matchMedia(mq['semilarge']).matches,\n        large: window.matchMedia(mq['large']).matches,\n        xlarge: window.matchMedia(mq['xlarge']).matches,\n        xxlarge: window.matchMedia(mq['xxlarge']).matches,\n    };\n};\n\nconst isEqual = (\n    currentMqs: { [key in MediaQueryType]: boolean },\n    newMqs: { [key in MediaQueryType]: boolean }\n) => {\n    let isDifferent = false;\n\n    for (const key in mq) {\n        if (currentMqs[key] !== newMqs[key]) {\n            isDifferent = true;\n            break;\n        }\n    }\n\n    return !isDifferent;\n};\n\nexport const useMediaQueries = () => {\n    const [mediaQueries, setMediaQueries] = useState<\n        { [key in MediaQueryType]: boolean }\n    >({\n        small: true,\n        medium: false,\n        semilarge: false,\n        large: false,\n        xlarge: false,\n        xxlarge: false,\n    });\n\n    useEffect(() => {\n        const handleResize = () => {\n            const newMediaQueries = getMediaQueries();\n            setMediaQueries((prev) => {\n                if (!isEqual(prev, newMediaQueries)) {\n                    return newMediaQueries;\n                } else return prev;\n            });\n        };\n\n        window.addEventListener('resize', handleResize);\n        setMediaQueries(getMediaQueries());\n\n        return () => window.removeEventListener('resize', handleResize);\n    }, []);\n\n    return mediaQueries;\n};\n\nexport const useMediaQuery = (mqs?: MediaQueryType[]) => {\n    const checkMqs = useMemo(() => mqs || [], [mqs]);\n    const [mediaQuery, setMediaQuery] = useState<MediaQueryType | undefined>();\n\n    useEffect(() => {\n        const handleResize = () => {\n            const newMediaQuery = getMediaQuery(checkMqs);\n\n            if (newMediaQuery !== mediaQuery) {\n                setMediaQuery(newMediaQuery);\n            }\n        };\n\n        window.addEventListener('resize', handleResize);\n        setMediaQuery(getMediaQuery(checkMqs));\n\n        return () => window.removeEventListener('resize', handleResize);\n    }, [checkMqs, mediaQuery]);\n\n    return mediaQuery;\n};\n"],"names":["isBrowser","window","document","checkMq","cmq","checkMqs","length","indexOf","matchMedia","mq","matches","getMediaQuery","getMediaQueries","small","medium","semilarge","large","xlarge","xxlarge","_a","useState","mediaQueries","setMediaQueries","useEffect","handleResize","newMediaQueries","prev","currentMqs","newMqs","isDifferent","key","isEqual","addEventListener","removeEventListener","mqs","useMemo","mediaQuery","setMediaQuery","newMediaQuery"],"mappings":"sEAGaA,EACS,oBAAXC,aAAqD,IAApBA,OAAOC,SAK7CC,EAAU,SAACC,EAAqBC,GAClC,OACIL,IACCK,EAASC,QAAU,GAAKD,EAASE,QAAQH,IAAQ,KACzC,UAARA,GAAkBH,OAAOO,WAAWC,EAAAA,GAAGL,IAAMM,UAIzCC,EAAgB,SAACN,GAC1B,OAAIF,EAAQ,UAAWE,GACZ,UACAF,EAAQ,SAAUE,GAClB,SACAF,EAAQ,QAASE,GACjB,QACAF,EAAQ,YAAaE,GACrB,YACAF,EAAQ,SAAUE,GAClB,SAEA,SAIFO,EAAkB,WACpB,MAAA,CACHC,OAAO,EACPC,OAAQb,OAAOO,WAAWC,EAAEA,GAAA,QAAYC,QACxCK,UAAWd,OAAOO,WAAWC,EAAEA,GAAA,WAAeC,QAC9CM,MAAOf,OAAOO,WAAWC,EAAEA,GAAA,OAAWC,QACtCO,OAAQhB,OAAOO,WAAWC,EAAEA,GAAA,QAAYC,QACxCQ,QAASjB,OAAOO,WAAWC,EAAEA,GAAA,SAAaC,8EAoBnB,WACrBS,IAAAA,EAAkCC,EAAAA,SAEtC,CACEP,OAAO,EACPC,QAAQ,EACRC,WAAW,EACXC,OAAO,EACPC,QAAQ,EACRC,SAAS,IARNG,EAAYF,EAAA,GAAEG,OA2BrB,OAhBAC,EAAAA,WAAU,WACAC,IAAAA,EAAe,WACXC,IAAAA,EAAkBb,IACxBU,GAAgB,SAACI,GACb,OAhCA,SACZC,EACAC,GAEIC,IAAAA,GAAc,EAElB,IAAK,IAAMC,KAAOrB,KACVkB,GAAAA,EAAWG,KAASF,EAAOE,GAAM,CACjCD,GAAc,EACd,MAIR,OAAQA,EAmBSE,CAAQL,EAAMD,GAELC,EADHD,MAQnB,OAHAxB,OAAO+B,iBAAiB,SAAUR,GAClCF,EAAgBV,KAET,WAAM,OAAAX,OAAOgC,oBAAoB,SAAUT,MACnD,IAEIH,yBAGkB,SAACa,GAC1B,IAAM7B,EAAW8B,EAAAA,SAAQ,WAAMD,OAAAA,GAAO,KAAI,CAACA,IACrCf,EAA8BC,EAAAA,WAA7BgB,EAAUjB,EAAA,GAAEkB,EAAalB,EAAA,GAiBhC,OAfAI,EAAAA,WAAU,WACAC,IAAAA,EAAe,WACjB,IAAMc,EAAgB3B,EAAcN,GAEhCiC,IAAkBF,GAClBC,EAAcC,IAOtB,OAHArC,OAAO+B,iBAAiB,SAAUR,GAClCa,EAAc1B,EAAcN,IAErB,WAAM,OAAAJ,OAAOgC,oBAAoB,SAAUT,MACnD,CAACnB,EAAU+B,IAEPA"}

package/cjs/useMounted-0bba9869.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.useMounted=function(){var r=e.useRef(!1);return e.useEffect((function(){r.current=!0}),[]),r.current};
-//# sourceMappingURL=useMounted-0bba9869.js.map

package/cjs/useMounted-0bba9869.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMounted-0bba9869.js","sources":["../src/utils/useMounted.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst useMounted = () => {\n    const isMountedRef = useRef<boolean>(false);\n\n    useEffect(() => {\n        isMountedRef.current = true;\n    }, []);\n\n    return isMountedRef.current;\n};\n\nexport default useMounted;\n"],"names":["isMountedRef","useRef","useEffect","current"],"mappings":"uDAEmB,WACf,IAAMA,EAAeC,UAAgB,GAM9BD,OAJPE,EAAAA,WAAU,WACNF,EAAaG,SAAU,IACxB,IAEIH,EAAaG"}

package/cjs/useObserverSupport-5ab320dd.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.useObserverSupport=function(r){var t=e.useState(r||!1),n=t[0],i=t[1];return e.useEffect((function(){"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype?i(!0):i(!1)}),[]),n};
-//# sourceMappingURL=useObserverSupport-5ab320dd.js.map

package/cjs/useObserverSupport-5ab320dd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useObserverSupport-5ab320dd.js","sources":["../src/utils/useObserverSupport.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useObserverSupport = (inital?: boolean) => {\n    const [observerSupported, setObserverSupport] = useState(inital || false);\n\n    useEffect(() => {\n        if (\n            !('IntersectionObserver' in window) ||\n            !('IntersectionObserverEntry' in window) ||\n            !('intersectionRatio' in window.IntersectionObserverEntry.prototype)\n        ) {\n            setObserverSupport(false);\n        } else {\n            setObserverSupport(true);\n        }\n    }, []);\n\n    return observerSupported;\n};\n"],"names":["inital","_a","useState","observerSupported","setObserverSupport","useEffect","window","IntersectionObserverEntry","prototype"],"mappings":"+DAEkC,SAACA,GACzB,IAAAC,EAA0CC,EAAAA,SAASF,IAAU,GAA5DG,EAAiBF,EAAA,GAAEG,OAc1B,OAZAC,EAAAA,WAAU,WAEA,yBAA0BC,QAC1B,8BAA+BA,QAC/B,sBAAuBA,OAAOC,0BAA0BC,UAI1DJ,GAAmB,GAFnBA,GAAmB,KAIxB,IAEID"}

package/cjs/useUpdateEffect-4d233e2c.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.useUpdateEffect=function(r,t){var u=e.useRef(!0);e.useEffect((function(){u.current?u.current=!1:null==r||r()}),t)};
-//# sourceMappingURL=useUpdateEffect-4d233e2c.js.map

package/cjs/useUpdateEffect-4d233e2c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUpdateEffect-4d233e2c.js","sources":["../src/utils/useUpdateEffect.ts"],"sourcesContent":["import { DependencyList, EffectCallback, useEffect, useRef } from 'react';\n\n/** useEffect function that runs only on update (not on first render) */\nconst useUpdateEffect = (effect: EffectCallback, deps?: DependencyList) => {\n    const firstRenderRef = useRef<boolean>(true);\n\n    useEffect(() => {\n        if (firstRenderRef.current) {\n            firstRenderRef.current = false;\n            return;\n        }\n        effect?.();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, deps);\n};\n\nexport default useUpdateEffect;\n"],"names":["effect","deps","firstRenderRef","useRef","useEffect","current"],"mappings":"4DAGwB,SAACA,EAAwBC,GAC7C,IAAMC,EAAiBC,UAAgB,GAEvCC,EAAAA,WAAU,WACFF,EAAeG,QACfH,EAAeG,SAAU,EAG7BL,MAAAA,GAAAA,MAEDC"}

package/cookies/package.json

@@ -1,7 +0,0 @@
-{
-    "internal": true,
-    "main": "../cjs/cookies.js",
-    "jsnext:main": "../esm/cookies.js",
-    "module": "../esm/cookies.js",
-    "types": "../types/cookies.d.ts"
-}

package/esm/Actions-73e13c48.js

@@ -1,57 +0,0 @@
-import { a as __makeTemplateObject } from './ClockFilled-8784ddac.js';
-import React__default from 'react';
-import styled from 'styled-components';
-import { m as mq, s as spacings } from './styles-5f78e59d.js';
-
-var View = styled.div.withConfig({
-  displayName: "Actions__View",
-  componentId: "sc-1j3kti1-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: block;\n\n    @media ", " {\n        display: ", ";\n    }\n"], ["\n    display: block;\n\n    @media ", " {\n        display: ", ";\n    }\n"])), mq.medium, function (_a) {
-  var isCovered = _a.isCovered;
-  return isCovered ? 'block' : 'inline-block';
-});
-var Content = styled.div.withConfig({
-  displayName: "Actions__Content",
-  componentId: "sc-1j3kti1-1"
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: ", ";\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    &&& > * {\n        /* flex: 1 1 ", "; */\n        margin-top: ", "px;\n        margin-left: ", "px;\n\n        /* min-width: ", "; */\n    }\n\n    @media ", " {\n        display: ", ";\n        flex-direction: ", ";\n        align-items: stretch;\n        width: auto;\n    }\n"], ["\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: ", ";\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    &&& > * {\n        /* flex: 1 1 ", "; */\n        margin-top: ", "px;\n        margin-left: ", "px;\n\n        /* min-width: ", "; */\n    }\n\n    @media ", " {\n        display: ", ";\n        flex-direction: ", ";\n        align-items: stretch;\n        width: auto;\n    }\n"])), function (_a) {
-  var isMirrored = _a.isMirrored;
-  return isMirrored ? 'column-reverse' : 'column';
-}, spacings.nudge * 2, spacings.spacer, function (_a) {
-  var isCovered = _a.isCovered;
-  return isCovered ? '100%' : '0px';
-}, spacings.nudge * 2, spacings.spacer, function (_a) {
-  var isCovered = _a.isCovered;
-  return isCovered && '0px';
-}, mq.medium, function (_a) {
-  var isCovered = _a.isCovered;
-  return isCovered ? 'flex' : 'inline-flex';
-}, function (_a) {
-  var isMirrored = _a.isMirrored;
-  return isMirrored ? 'row-reverse' : 'row';
-});
-var TertiaryWrapper = styled.div.withConfig({
-  displayName: "Actions__TertiaryWrapper",
-  componentId: "sc-1j3kti1-2"
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    align-self: flex-start;\n\n    @media ", " {\n        align-self: center;\n    }\n"], ["\n    align-self: flex-start;\n\n    @media ", " {\n        align-self: center;\n    }\n"])), mq.medium);
-
-var Actions = function (_a) {
-  var _b = _a.mode,
-      mode = _b === void 0 ? 'wrap' : _b,
-      _c = _a.isMirrored,
-      isMirrored = _c === void 0 ? false : _c,
-      primary = _a.primary,
-      secondary = _a.secondary,
-      tertiary = _a.tertiary,
-      className = _a.className;
-  return React__default.createElement(View, {
-    isCovered: mode === 'cover',
-    className: className
-  }, React__default.createElement(Content, {
-    isCovered: mode === 'cover',
-    isMirrored: isMirrored
-  }, primary && primary, secondary && secondary, tertiary && React__default.createElement(TertiaryWrapper, null, tertiary)));
-};
-var templateObject_1, templateObject_2, templateObject_3;
-
-export { Actions as A };
-//# sourceMappingURL=Actions-73e13c48.js.map

package/esm/Actions-73e13c48.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Actions-73e13c48.js","sources":["../src/components/blocks/Actions.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div<{ isCovered?: boolean }>`\n    display: block;\n\n    @media ${mq.medium} {\n        display: ${({ isCovered }) => (isCovered ? 'block' : 'inline-block')};\n    }\n`;\n\nconst Content = styled.div<{\n    isMirrored?: boolean;\n    isCovered?: boolean;\n}>`\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: ${({ isMirrored }) =>\n        isMirrored ? 'column-reverse' : 'column'};\n\n    margin-top: -${spacings.nudge * 2}px;\n    margin-left: -${spacings.spacer}px;\n\n    &&& > * {\n        /* flex: 1 1 ${({ isCovered }) => (isCovered ? '100%' : '0px')}; */\n        margin-top: ${spacings.nudge * 2}px;\n        margin-left: ${spacings.spacer}px;\n\n        /* min-width: ${({ isCovered }) => isCovered && '0px'}; */\n    }\n\n    @media ${mq.medium} {\n        display: ${({ isCovered }) => (isCovered ? 'flex' : 'inline-flex')};\n        flex-direction: ${({ isMirrored }) =>\n            isMirrored ? 'row-reverse' : 'row'};\n        align-items: stretch;\n        width: auto;\n    }\n`;\n\nconst TertiaryWrapper = styled.div`\n    align-self: flex-start;\n\n    @media ${mq.medium} {\n        align-self: center;\n    }\n`;\n\nexport type ActionMode = 'wrap' | 'cover';\n\nconst Actions: FC<{\n    /** Behaviour of content wrapping. If set to cover the action container always tries to fill full width */\n    mode?: ActionMode;\n    /** Switch order of primary and secondary action */\n    isMirrored?: boolean;\n    /** React node of primary action */\n    primary?: React.ReactNode;\n    /** React node of secondary action */\n    secondary?: React.ReactNode;\n    /** React node of tertiary action */\n    tertiary?: React.ReactNode;\n    className?: string;\n}> = ({\n    mode = 'wrap',\n    isMirrored = false,\n    primary,\n    secondary,\n    tertiary,\n    className,\n}) => {\n    return (\n        <View isCovered={mode === 'cover'} className={className}>\n            <Content isCovered={mode === 'cover'} isMirrored={isMirrored}>\n                {primary && primary}\n                {secondary && secondary}\n                {tertiary && <TertiaryWrapper>{tertiary}</TertiaryWrapper>}\n            </Content>\n        </View>\n    );\n};\n\nexport default Actions;\n"],"names":["View","styled","div","mq","medium","_a","isCovered","Content","templateObject_2","__makeTemplateObject","isMirrored","spacings","nudge","spacer","TertiaryWrapper","templateObject_3","Actions","_b","mode","_c","primary","secondary","tertiary","className","React","createElement"],"mappings":"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"}

package/esm/Bdot-30b047cc.js

@@ -1,24 +0,0 @@
-import { a as __makeTemplateObject } from './ClockFilled-8784ddac.js';
-import * as React from 'react';
-import styled from 'styled-components';
-import { L as Link } from './Link-ee8a48ed.js';
-
-var bdotColor = '#1fc2f4';
-var Dot = styled(Link).withConfig({
-  displayName: "Bdot__Dot",
-  componentId: "sc-itin1p-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 14px;\n    height: 14px;\n\n    display: inline-block;\n    vertical-align: middle;\n    border-radius: 50%;\n\n    background: ", ";\n    color: ", ";\n    text-decoration: none;\n\n    span {\n        visibility: hidden;\n        font-size: 0;\n        color: transparent;\n    }\n"], ["\n    width: 14px;\n    height: 14px;\n\n    display: inline-block;\n    vertical-align: middle;\n    border-radius: 50%;\n\n    background: ", ";\n    color: ", ";\n    text-decoration: none;\n\n    span {\n        visibility: hidden;\n        font-size: 0;\n        color: transparent;\n    }\n"])), bdotColor, bdotColor);
-
-var Bdot = function (_a) {
-  var className = _a.className;
-  return React.createElement(Dot, {
-    ariaLabel: "b.lateral - creative agency",
-    className: className,
-    href: "https://blateral.com",
-    isExternal: true
-  }, React.createElement("span", null, "b.lateral - creative agency"));
-};
-var templateObject_1;
-
-export { Bdot as B };
-//# sourceMappingURL=Bdot-30b047cc.js.map

package/esm/Bdot-30b047cc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bdot-30b047cc.js","sources":["../src/components/blocks/Bdot.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport Link from 'components/typography/Link';\n\nconst bdotColor = '#1fc2f4';\n\nconst Dot = styled(Link)`\n    width: 14px;\n    height: 14px;\n\n    display: inline-block;\n    vertical-align: middle;\n    border-radius: 50%;\n\n    background: ${bdotColor};\n    color: ${bdotColor};\n    text-decoration: none;\n\n    span {\n        visibility: hidden;\n        font-size: 0;\n        color: transparent;\n    }\n`;\n\nconst Bdot: React.FC<{ className?: string }> = ({ className }) => {\n    return (\n        <Dot\n            ariaLabel=\"b.lateral - creative agency\"\n            className={className}\n            href=\"https://blateral.com\"\n            isExternal\n        >\n            <span>b.lateral - creative agency</span>\n        </Dot>\n    );\n};\n\nexport default Bdot;\n"],"names":["bdotColor","Dot","styled","Link","templateObject_1","__makeTemplateObject","Bdot","_a","className","React","createElement","ariaLabel","href","isExternal"],"mappings":";;;;;AAIA,IAAMA,SAAS,GAAG,SAAlB,CAAA;AAEA,IAAMC,GAAG,GAAGC,MAAM,CAACC,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,WAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAeC,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,+IAAA,EAAA,gBAAA,EAAA,uIAAA,CAAA,EAAA,CAAA,+IAAA,EAQG,gBARH,EASF,uIATE,CAAA,CAAA,CAAf,EAQSL,SART,EASIA,SATJ,CAAT,CAAA;;AAmBA,IAAMM,IAAI,GAAqC,UAACC,EAAD,EAAc;AAAX,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT,CAAA;AAC9C,EAAA,OACIC,KAAC,CAAAC,aAAD,CAACT,GAAD,EACI;AAAAU,IAAAA,SAAS,EAAC,6BAAV;AACAH,IAAAA,SAAS,EAAEA,SADX;AAEAI,IAAAA,IAAI,EAAC,sBAFL;AAGAC,IAAAA,UAAU,EAAA,IAAA;AAHV,GADJ,EAMIJ,KAAwC,CAAAC,aAAxC,CAAwC,MAAxC,EAAwC,IAAxC,EAAwC,6BAAxC,CANJ,CADJ,CAAA;AAUH,EAXD;;;;;"}

package/esm/Button-678be396.js

@@ -1,115 +0,0 @@
-import { a as __makeTemplateObject, d as __rest, _ as __assign } from './ClockFilled-8784ddac.js';
-import React__default from 'react';
-import styled, { css } from 'styled-components';
-import { h as hexToRgba } from './hexRgbConverter-edb91624.js';
-import { s as spacings, a as getFonts, w as withRange, c as getGlobals, g as getColors, m as mq } from './styles-5f78e59d.js';
-
-var View = styled.a.withConfig({
-  displayName: "Button__View",
-  componentId: "sc-2gssup-0"
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    min-height: 3em;\n    height: ", ";\n    min-width: ", ";\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ", "px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ", ";\n    ", "\n    font-weight: ", ";\n    line-height: 1;\n    letter-spacing: ", ";\n    text-decoration: none;\n\n    outline: none;\n    border: 1px solid transparent;\n    border-radius: ", ";\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ", ";\n\n    background-color: ", ";\n    color: ", ";\n    text-align: left;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ", ";\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n    & > *[data-btn-desktop] + *[data-btn-mobile] {\n        margin-left: 0;\n    }\n    & > *[data-btn-mobile] + *[data-btn-desktop] {\n        margin-left: 0;\n    }\n    & > *[data-btn-desktop] {\n        display: none;\n    }\n    & > *:not([data-btn-desktop]) + * {\n        margin-left: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ", "\n    }\n\n    ", "\n\n    @media ", " {\n        & > *[data-btn-desktop='true'] {\n            display: inherit;\n        }\n        & > *[data-btn-mobile='true'] {\n            display: none;\n        }\n        & > *:not([data-btn-mobile='true']) + * {\n            margin-left: 0;\n        }\n    }\n"], ["\n    min-height: 3em;\n    height: ", ";\n    min-width: ", ";\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ", "px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ", ";\n    ", "\n    font-weight: ", ";\n    line-height: 1;\n    letter-spacing: ", ";\n    text-decoration: none;\n\n    outline: none;\n    border: 1px solid transparent;\n    border-radius: ", ";\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ", ";\n\n    background-color: ", ";\n    color: ", ";\n    text-align: left;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ", ";\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n    & > *[data-btn-desktop] + *[data-btn-mobile] {\n        margin-left: 0;\n    }\n    & > *[data-btn-mobile] + *[data-btn-desktop] {\n        margin-left: 0;\n    }\n    & > *[data-btn-desktop] {\n        display: none;\n    }\n    & > *:not([data-btn-desktop]) + * {\n        margin-left: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ", "\n    }\n\n    ", "\n\n    @media ", " {\n        & > *[data-btn-desktop='true'] {\n            display: inherit;\n        }\n        & > *[data-btn-mobile='true'] {\n            display: none;\n        }\n        & > *:not([data-btn-mobile='true']) + * {\n            margin-left: 0;\n        }\n    }\n"])), function (_a) {
-  var size = _a.size;
-  return size === 'default' ? '3.5em' : '3em';
-}, function (_a) {
-  var size = _a.size;
-  return size === 'default' ? '200px' : '120px';
-}, spacings.spacer, function (_a) {
-  var theme = _a.theme;
-  return getFonts(theme).copy.medium.family;
-}, function (_a) {
-  var theme = _a.theme;
-  return withRange(getFonts(theme).copy.medium.size, 'font-size');
-}, function (_a) {
-  var theme = _a.theme;
-  return getFonts(theme).copy.medium.weight;
-}, function (_a) {
-  var theme = _a.theme;
-  return getFonts(theme).copy.medium.letterSpacing;
-}, function (_a) {
-  var theme = _a.theme;
-  return getGlobals(theme).sections.edgeRadius;
-}, function (_a) {
-  var disable = _a.disable;
-  return disable ? 'none' : 'all';
-}, function (_a) {
-  var theme = _a.theme,
-      inverted = _a.inverted,
-      disable = _a.disable;
-  return disable ? getColors(theme).elementBg.medium : inverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
-}, function (_a) {
-  var theme = _a.theme,
-      inverted = _a.inverted,
-      disable = _a.disable;
-  return disable ? hexToRgba(getColors(theme).text.default, 0.4) : !inverted ? getColors(theme).text.inverted : getColors(theme).text.default;
-}, function (_a) {
-  var theme = _a.theme,
-      inverted = _a.inverted,
-      disable = _a.disable;
-  return disable ? hexToRgba(getColors(theme).text.default, 0.4) : !inverted ? getColors(theme).text.inverted : getColors(theme).text.default;
-}, spacings.nudge, function (_a) {
-  var disable = _a.disable,
-      inverted = _a.inverted;
-  return !disable && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ", ";\n                }\n            "], ["\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ", ";\n                }\n            "])), inverted ? 'rgba(255, 255, 255, 0.25)' : 'rgba(0, 0, 0, 0.25)');
-}, function (_a) {
-  var disable = _a.disable,
-      inverted = _a.inverted;
-  return !disable && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            &:focus {\n                text-decoration: underline;\n                box-shadow: 0px 8px 16px\n                    ", ";\n            }\n\n            &:focus:not(:focus-visible) {\n                text-decoration: none;\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ", ";\n            }\n        "], ["\n            &:focus {\n                text-decoration: underline;\n                box-shadow: 0px 8px 16px\n                    ", ";\n            }\n\n            &:focus:not(:focus-visible) {\n                text-decoration: none;\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ", ";\n            }\n        "])), inverted ? 'rgba(255, 255, 255, 0.25)' : 'rgba(0, 0, 0, 0.25)', inverted ? 'rgba(255, 255, 255, 0.25)' : 'rgba(0, 0, 0, 0.3)');
-}, mq.semilarge);
-var Button = React__default.forwardRef(function (_a, ref) {
-  var as = _a.as,
-      _b = _a.size,
-      size = _b === void 0 ? 'default' : _b,
-      isInverted = _a.isInverted,
-      isDisabled = _a.isDisabled,
-      onClick = _a.onClick,
-      className = _a.className,
-      children = _a.children,
-      rest = __rest(_a, ["as", "size", "isInverted", "isDisabled", "onClick", "className", "children"]);
-
-  if (as === 'button') {
-    return React__default.createElement(View, __assign({
-      ref: ref,
-      as: as,
-      size: size,
-      inverted: isInverted,
-      disable: isDisabled,
-      onClick: onClick,
-      className: className
-    }, rest), children);
-  } else {
-    return React__default.createElement(View, __assign({
-      ref: ref,
-      as: as,
-      "aria-disabled": isDisabled,
-      size: size,
-      href: rest.href,
-      target: rest.isExternal ? '_blank' : undefined,
-      rel: rest.isExternal ? 'noopener noreferrer' : undefined,
-      inverted: isInverted,
-      disable: isDisabled,
-      onClick: onClick,
-      className: className
-    }, rest), children);
-  }
-});
-Button.displayName = 'Button';
-var Icon = styled.div.withConfig({
-  displayName: "Button__Icon",
-  componentId: "sc-2gssup-1"
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ", ";\n\n    transition: transform 0.2s ease-in-out;\n\n    ", ":hover > & {\n        transform: translateX(3px);\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ", ";\n\n    transition: transform 0.2s ease-in-out;\n\n    ", ":hover > & {\n        transform: translateX(3px);\n    }\n"])), function (_a) {
-  var iconColor = _a.iconColor;
-  return iconColor || 'inherit';
-}, View);
-var Label = styled.span.withConfig({
-  displayName: "Button__Label",
-  componentId: "sc-2gssup-2"
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n"], ["\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n"])));
-var Button$1 = {
-  View: Button,
-  Label: Label,
-  Icon: Icon
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
-
-export { Button$1 as B };
-//# sourceMappingURL=Button-678be396.js.map

package/esm/Button-678be396.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-678be396.js","sources":["../src/components/buttons/Button.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    getGlobals as global,\n    mq,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    size?: 'default' | 'small';\n}>`\n    min-height: 3em;\n    height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n    min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ${spacings.spacer}px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n    text-decoration: none;\n\n    outline: none;\n    border: 1px solid transparent;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background-color: ${({ theme, inverted, disable }) =>\n        disable\n            ? color(theme).elementBg.medium\n            : inverted\n            ? color(theme).primary.inverted\n            : color(theme).primary.default};\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? hexToRgba(color(theme).text.default, 0.4)\n            : !inverted\n            ? color(theme).text.inverted\n            : color(theme).text.default};\n    text-align: left;\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? hexToRgba(color(theme).text.default, 0.4)\n                : !inverted\n                ? color(theme).text.inverted\n                : color(theme).text.default};\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n    & > *[data-btn-desktop] + *[data-btn-mobile] {\n        margin-left: 0;\n    }\n    & > *[data-btn-mobile] + *[data-btn-desktop] {\n        margin-left: 0;\n    }\n    & > *[data-btn-desktop] {\n        display: none;\n    }\n    & > *:not([data-btn-desktop]) + * {\n        margin-left: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ${({ disable, inverted }) =>\n            !disable &&\n            css`\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ${inverted\n                            ? 'rgba(255, 255, 255, 0.25)'\n                            : 'rgba(0, 0, 0, 0.25)'};\n                }\n            `}\n    }\n\n    ${({ disable, inverted }) =>\n        !disable &&\n        css`\n            &:focus {\n                text-decoration: underline;\n                box-shadow: 0px 8px 16px\n                    ${inverted\n                        ? 'rgba(255, 255, 255, 0.25)'\n                        : 'rgba(0, 0, 0, 0.25)'};\n            }\n\n            &:focus:not(:focus-visible) {\n                text-decoration: none;\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ${inverted\n                        ? 'rgba(255, 255, 255, 0.25)'\n                        : 'rgba(0, 0, 0, 0.3)'};\n            }\n        `}\n\n    @media ${mq.semilarge} {\n        & > *[data-btn-desktop='true'] {\n            display: inherit;\n        }\n        & > *[data-btn-mobile='true'] {\n            display: none;\n        }\n        & > *:not([data-btn-mobile='true']) + * {\n            margin-left: 0;\n        }\n    }\n`;\n\ninterface Props {\n    size?: 'default' | 'small';\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n    isExternal?: boolean;\n};\n\nconst Button: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            size = 'default',\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    size={size}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    ref={ref}\n                    as={as as any}\n                    aria-disabled={isDisabled}\n                    size={size}\n                    href={(rest as LinkProps).href}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nButton.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ${({ iconColor }) => iconColor || 'inherit'};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport default { View: Button, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","templateObject_3","__makeTemplateObject","_a","size","spacings","spacer","theme","font","copy","medium","family","withRange","weight","letterSpacing","global","sections","edgeRadius","disable","inverted","color","elementBg","primary","default","hexToRgba","text","nudge","css","templateObject_2","mq","semilarge","Button","React","forwardRef","ref","as","_b","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","displayName","Icon","div","templateObject_4","iconColor","Label","span","templateObject_5"],"mappings":"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"}

package/esm/ButtonGhost-6673a07e.js

@@ -1,112 +0,0 @@
-import { a as __makeTemplateObject, d as __rest, _ as __assign } from './ClockFilled-8784ddac.js';
-import * as React from 'react';
-import styled, { css } from 'styled-components';
-import { h as hexToRgba } from './hexRgbConverter-edb91624.js';
-import { s as spacings, a as getFonts, w as withRange, g as getColors, c as getGlobals } from './styles-5f78e59d.js';
-
-var View = styled.a.withConfig({
-  displayName: "ButtonGhost__View",
-  componentId: "sc-y4lhy8-0"
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    min-height: 3em;\n    height: ", ";\n    min-width: ", ";\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ", "px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ", ";\n    ", "\n    font-weight: ", ";\n    line-height: 1;\n    letter-spacing: ", ";\n\n    text-align: center;\n    text-decoration: none;\n\n    outline: none;\n    box-shadow: none;\n    border: solid 1px\n        ", ";\n    border-radius: ", ";\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ", ";\n\n    background-color: transparent;\n    color: ", ";\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ", ";\n    }\n\n    & > :not(:last-child) {\n        padding-right: ", "px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ", "\n    }\n"], ["\n    min-height: 3em;\n    height: ", ";\n    min-width: ", ";\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ", "px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ", ";\n    ", "\n    font-weight: ", ";\n    line-height: 1;\n    letter-spacing: ", ";\n\n    text-align: center;\n    text-decoration: none;\n\n    outline: none;\n    box-shadow: none;\n    border: solid 1px\n        ", ";\n    border-radius: ", ";\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ", ";\n\n    background-color: transparent;\n    color: ", ";\n\n    transition: all ease-in-out 0.2s;\n\n    & > * {\n        color: ", ";\n    }\n\n    & > :not(:last-child) {\n        padding-right: ", "px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        ", "\n    }\n"])), function (_a) {
-  var size = _a.size;
-  return size === 'default' ? '3.5em' : '3em';
-}, function (_a) {
-  var size = _a.size;
-  return size === 'default' ? '200px' : '120px';
-}, spacings.spacer, function (_a) {
-  var theme = _a.theme;
-  return getFonts(theme).copy.medium.family;
-}, function (_a) {
-  var theme = _a.theme;
-  return withRange(getFonts(theme).copy.medium.size, 'font-size');
-}, function (_a) {
-  var theme = _a.theme;
-  return getFonts(theme).copy.medium.weight;
-}, function (_a) {
-  var theme = _a.theme;
-  return getFonts(theme).copy.medium.letterSpacing;
-}, function (_a) {
-  var inverted = _a.inverted,
-      disable = _a.disable,
-      theme = _a.theme;
-  return disable ? getColors(theme).elementBg.medium : inverted ? getColors(theme).elementBg.light : getColors(theme).elementBg.dark;
-}, function (_a) {
-  var theme = _a.theme;
-  return getGlobals(theme).sections.edgeRadius;
-}, function (_a) {
-  var disable = _a.disable;
-  return disable ? 'none' : 'all';
-}, function (_a) {
-  var theme = _a.theme,
-      inverted = _a.inverted,
-      disable = _a.disable;
-  return disable ? inverted ? hexToRgba(getColors(theme).text.inverted, 0.6) : hexToRgba(getColors(theme).text.default, 0.6) : inverted ? getColors(theme).text.inverted : getColors(theme).text.default;
-}, function (_a) {
-  var theme = _a.theme,
-      inverted = _a.inverted,
-      disable = _a.disable;
-  return disable ? inverted ? hexToRgba(getColors(theme).text.inverted, 0.6) : hexToRgba(getColors(theme).text.default, 0.6) : inverted ? getColors(theme).text.inverted : getColors(theme).text.default;
-}, spacings.nudge, function (_a) {
-  var disable = _a.disable,
-      inverted = _a.inverted,
-      theme = _a.theme;
-  return !disable && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ", ";\n                }\n\n                &:focus {\n                    outline: 1px solid\n                        ", ";\n                    outline-offset: 0;\n                    box-shadow: 0px 2px 6px\n                        ", ";\n                }\n\n                &:focus:not(:focus-visible) {\n                    outline: none;\n                    box-shadow: none;\n                }\n\n                &:active {\n                    box-shadow: 0px 2px 6px\n                        ", ";\n                }\n            "], ["\n                &:hover {\n                    box-shadow: 0px 8px 16px\n                        ", ";\n                }\n\n                &:focus {\n                    outline: 1px solid\n                        ", ";\n                    outline-offset: 0;\n                    box-shadow: 0px 2px 6px\n                        ", ";\n                }\n\n                &:focus:not(:focus-visible) {\n                    outline: none;\n                    box-shadow: none;\n                }\n\n                &:active {\n                    box-shadow: 0px 2px 6px\n                        ", ";\n                }\n            "])), inverted ? 'rgba(255, 255, 255, 0.25)' : 'rgba(0, 0, 0, 0.25)', inverted ? getColors(theme).primary.inverted : getColors(theme).primary.default, inverted ? 'rgba(255, 255, 255, 0.25)' : 'rgba(0, 0, 0, 0.3)', inverted ? 'rgba(255, 255, 255, 0.25)' : 'rgba(0, 0, 0, 0.3)');
-});
-var ButtonGhost = React.forwardRef(function (_a, ref) {
-  var as = _a.as,
-      _b = _a.size,
-      size = _b === void 0 ? 'default' : _b,
-      isInverted = _a.isInverted,
-      isDisabled = _a.isDisabled,
-      onClick = _a.onClick,
-      className = _a.className,
-      children = _a.children,
-      rest = __rest(_a, ["as", "size", "isInverted", "isDisabled", "onClick", "className", "children"]);
-
-  if (as === 'button') {
-    return React.createElement(View, __assign({
-      ref: ref,
-      as: as,
-      size: size,
-      inverted: isInverted,
-      disable: isDisabled,
-      onClick: onClick,
-      className: className
-    }, rest), children);
-  } else {
-    return React.createElement(View, __assign({
-      ref: ref,
-      as: as,
-      "aria-disabled": isDisabled,
-      size: size,
-      href: rest.href,
-      target: rest.isExternal ? '_blank' : undefined,
-      rel: rest.isExternal ? 'noopener noreferrer' : undefined,
-      inverted: isInverted,
-      disable: isDisabled,
-      onClick: onClick,
-      className: className
-    }, rest), children);
-  }
-});
-ButtonGhost.displayName = 'Button Ghost';
-var Icon = styled.div.withConfig({
-  displayName: "ButtonGhost__Icon",
-  componentId: "sc-y4lhy8-1"
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ", ";\n\n    transition: transform 0.2s ease-in-out;\n\n    ", ":hover > & {\n        transform: translateX(3px);\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ", ";\n\n    transition: transform 0.2s ease-in-out;\n\n    ", ":hover > & {\n        transform: translateX(3px);\n    }\n"])), function (_a) {
-  var iconColor = _a.iconColor;
-  return iconColor || 'inherit';
-}, View);
-var Label = styled.span.withConfig({
-  displayName: "ButtonGhost__Label",
-  componentId: "sc-y4lhy8-2"
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n"], ["\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n"])));
-var ButtonGhost$1 = {
-  View: ButtonGhost,
-  Label: Label,
-  Icon: Icon
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-
-export { ButtonGhost$1 as B };
-//# sourceMappingURL=ButtonGhost-6673a07e.js.map