@lidofinance/lido-ui 3.32.0 → 3.34.0

package/dist/cjs/cookies-tooltip/cookies-tooltip.js

@@ -30,13 +30,14 @@ const CookiesTooltip = _ref => {
     if (cookiesClientSide.getCrossDomainCookieClientSide(constants.COOKIE_ALLOWED_KEY)) {
       return;
     }
+    setVisibility(true);
 
-    setVisibility(true); // This code runs after returned to this browser tab (window) from other
-
+    // This code runs after returned to this browser tab (window) from other
     window.addEventListener('focus', checkCookieAllowedEarlier);
   }, [checkCookieAllowedEarlier]);
   if (!isVisible) return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
-  return /*#__PURE__*/jsxRuntime.jsx(styles.Wrap, { ...rest,
+  return /*#__PURE__*/jsxRuntime.jsx(styles.Wrap, {
+    ...rest,
     children: /*#__PURE__*/jsxRuntime.jsxs(styles.Box, {
       children: [/*#__PURE__*/jsxRuntime.jsxs(styles.Text, {
         children: [privacyText ?? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {

package/dist/cjs/cookies-tooltip/cookies-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookies-tooltip.js","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import {\n  FC,\n  useEffect,\n  useState,\n  useCallback,\n  ComponentPropsWithoutRef,\n  ReactNode,\n} from 'react'\nimport { getCrossDomainCookieClientSide } from '../utils/index.js'\nimport {\n  Wrap,\n  Box,\n  Text,\n  ButtonsWrap,\n  AllowButton,\n  DeclineButton,\n  ExternalLink,\n} from './styles.js'\nimport { allowCookies, declineCookies } from './utils.js'\nimport { COOKIE_ALLOWED_KEY } from './constants.js'\n\nexport type CookiesTooltipProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'children'\n> & {\n  privacyText?: ReactNode\n  privacyLink?: string\n  privacyLinkEnabled?: boolean\n}\n\nexport const CookiesTooltip: FC<CookiesTooltipProps> = ({\n  privacyText,\n  privacyLink,\n  privacyLinkEnabled = true,\n  ...rest\n}) => {\n  const [isVisible, setVisibility] = useState(false)\n\n  const checkCookieAllowedEarlier = useCallback(() => {\n    // Check if user allowed/declined in other tab or third level domain\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      setVisibility(false)\n\n      window.removeEventListener('focus', checkCookieAllowedEarlier)\n    }\n  }, [])\n\n  useEffect(() => {\n    // Check cookie after page loaded\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      return\n    }\n\n    setVisibility(true)\n\n    // This code runs after returned to this browser tab (window) from other\n    window.addEventListener('focus', checkCookieAllowedEarlier)\n  }, [checkCookieAllowedEarlier])\n\n  if (!isVisible) return <></>\n\n  return (\n    <Wrap {...rest}>\n      <Box>\n        <Text>\n          {privacyText ?? (\n            <>\n              Cookies are used to collect anonymous site visitation data\n              to&nbsp;improve website performance.\n              {privacyLinkEnabled && <>&nbsp;For&nbsp;more info, read&nbsp;</>}\n            </>\n          )}\n          {privacyLinkEnabled && (\n            <ExternalLink\n              href={privacyLink ?? 'https://lido.fi/privacy-notice'}\n            >\n              Privacy Notice\n            </ExternalLink>\n          )}\n        </Text>\n        <ButtonsWrap>\n          <AllowButton\n            onClick={() => {\n              allowCookies()\n              setVisibility(false)\n            }}\n          >\n            Allow\n          </AllowButton>\n          <DeclineButton\n            onClick={() => {\n              declineCookies()\n              setVisibility(false)\n            }}\n          >\n            Decline\n          </DeclineButton>\n        </ButtonsWrap>\n      </Box>\n    </Wrap>\n  )\n}\n"],"names":["CookiesTooltip","privacyText","privacyLink","privacyLinkEnabled","rest","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","Wrap","_jsxs","Box","Text","ExternalLink","ButtonsWrap","AllowButton","allowCookies","DeclineButton","declineCookies"],"mappings":";;;;;;;;;;;;AA8BO,MAAMA,cAAuC,GAAG,IAKjD,IAAA;EAAA,IALkD;IACtDC,WADsD;IAEtDC,WAFsD;AAGtDC,IAAAA,kBAAkB,GAAG,IAHiC;IAItD,GAAGC,IAAAA;GACC,GAAA,IAAA,CAAA;EACJ,MAAM,CAACC,SAAD,EAAYC,aAAZ,IAA6BC,cAAQ,CAAC,KAAD,CAA3C,CAAA;AAEA,EAAA,MAAMC,yBAAyB,GAAGC,iBAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;MACtDL,aAAa,CAAC,KAAD,CAAb,CAAA;AAEAM,MAAAA,MAAM,CAACC,mBAAP,CAA2B,OAA3B,EAAoCL,yBAApC,CAAA,CAAA;AACD,KAAA;GAN0C,EAO1C,EAP0C,CAA7C,CAAA;AASAM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;AACtD,MAAA,OAAA;AACD,KAAA;;AAEDL,IAAAA,aAAa,CAAC,IAAD,CAAb,CANc;;AASdM,IAAAA,MAAM,CAACG,gBAAP,CAAwB,OAAxB,EAAiCP,yBAAjC,CAAA,CAAA;AACD,GAVQ,EAUN,CAACA,yBAAD,CAVM,CAAT,CAAA;AAYA,EAAA,IAAI,CAACH,SAAL,EAAgB,oBAAOW,cAAP,CAAAC,mBAAA,EAAA,EAAA,CAAA,CAAA;EAEhB,oBACED,cAAA,CAACE,WAAD,EAAA,EAAA,GAAUd,IAAV;AAAA,IAAA,QAAA,eACEe,gBAACC,UAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACED,gBAACE,WAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGpB,WAAW,iBACVkB,eAAA,CAAAF,mBAAA,EAAA;AAAA,UAAA,QAAA,EAAA,CAAA,+FAAA,EAGGd,kBAAkB,iBAAIa,cAAA,CAAAC,mBAAA,EAAA;AAAA,YAAA,QAAA,EAAA,gCAAA;WAHzB,CAAA,CAAA;AAAA,SAAA,CAFJ,EAQGd,kBAAkB,iBACjBa,cAAA,CAACM,mBAAD,EAAA;UACE,IAAI,EAAEpB,WAAW,IAAI,gCADvB;AAAA,UAAA,QAAA,EAAA,gBAAA;SATJ,CAAA,CAAA;OADF,CAAA,eAiBEiB,gBAACI,kBAAD,EAAA;AAAA,QAAA,QAAA,EAAA,cACEP,eAACQ,kBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,kBAAY,EAAA,CAAA;YACZnB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,OAAA;SADF,CAAA,eASEU,eAACU,oBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,oBAAc,EAAA,CAAA;YACdrB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,SAAA;SATF,CAAA,CAAA;OAjBF,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAwCD;;;;"}
+{"version":3,"file":"cookies-tooltip.js","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import {\n  FC,\n  useEffect,\n  useState,\n  useCallback,\n  ComponentPropsWithoutRef,\n  ReactNode,\n} from 'react'\nimport { getCrossDomainCookieClientSide } from '../utils/index.js'\nimport {\n  Wrap,\n  Box,\n  Text,\n  ButtonsWrap,\n  AllowButton,\n  DeclineButton,\n  ExternalLink,\n} from './styles.js'\nimport { allowCookies, declineCookies } from './utils.js'\nimport { COOKIE_ALLOWED_KEY } from './constants.js'\n\nexport type CookiesTooltipProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'children'\n> & {\n  privacyText?: ReactNode\n  privacyLink?: string\n  privacyLinkEnabled?: boolean\n}\n\nexport const CookiesTooltip: FC<CookiesTooltipProps> = ({\n  privacyText,\n  privacyLink,\n  privacyLinkEnabled = true,\n  ...rest\n}) => {\n  const [isVisible, setVisibility] = useState(false)\n\n  const checkCookieAllowedEarlier = useCallback(() => {\n    // Check if user allowed/declined in other tab or third level domain\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      setVisibility(false)\n\n      window.removeEventListener('focus', checkCookieAllowedEarlier)\n    }\n  }, [])\n\n  useEffect(() => {\n    // Check cookie after page loaded\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      return\n    }\n\n    setVisibility(true)\n\n    // This code runs after returned to this browser tab (window) from other\n    window.addEventListener('focus', checkCookieAllowedEarlier)\n  }, [checkCookieAllowedEarlier])\n\n  if (!isVisible) return <></>\n\n  return (\n    <Wrap {...rest}>\n      <Box>\n        <Text>\n          {privacyText ?? (\n            <>\n              Cookies are used to collect anonymous site visitation data\n              to&nbsp;improve website performance.\n              {privacyLinkEnabled && <>&nbsp;For&nbsp;more info, read&nbsp;</>}\n            </>\n          )}\n          {privacyLinkEnabled && (\n            <ExternalLink\n              href={privacyLink ?? 'https://lido.fi/privacy-notice'}\n            >\n              Privacy Notice\n            </ExternalLink>\n          )}\n        </Text>\n        <ButtonsWrap>\n          <AllowButton\n            onClick={() => {\n              allowCookies()\n              setVisibility(false)\n            }}\n          >\n            Allow\n          </AllowButton>\n          <DeclineButton\n            onClick={() => {\n              declineCookies()\n              setVisibility(false)\n            }}\n          >\n            Decline\n          </DeclineButton>\n        </ButtonsWrap>\n      </Box>\n    </Wrap>\n  )\n}\n"],"names":["CookiesTooltip","_ref","privacyText","privacyLink","privacyLinkEnabled","rest","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","Wrap","children","_jsxs","Box","Text","ExternalLink","href","ButtonsWrap","AllowButton","onClick","allowCookies","DeclineButton","declineCookies"],"mappings":";;;;;;;;;;;;AA8BaA,MAAAA,cAAuC,GAAGC,IAAA,IAKjD;EAAA,IALkD;IACtDC,WAAW;IACXC,WAAW;AACXC,IAAAA,kBAAkB,GAAG,IAAI;IACzB,GAAGC,IAAAA;AACL,GAAC,GAAAJ,IAAA,CAAA;EACC,MAAM,CAACK,SAAS,EAAEC,aAAa,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAElD,EAAA,MAAMC,yBAAyB,GAAGC,iBAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,gDAA8B,CAACC,4BAAkB,CAAC,EAAE;MACtDL,aAAa,CAAC,KAAK,CAAC,CAAA;AAEpBM,MAAAA,MAAM,CAACC,mBAAmB,CAAC,OAAO,EAAEL,yBAAyB,CAAC,CAAA;AAChE,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;AAENM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,gDAA8B,CAACC,4BAAkB,CAAC,EAAE;AACtD,MAAA,OAAA;AACF,KAAA;IAEAL,aAAa,CAAC,IAAI,CAAC,CAAA;;AAEnB;AACAM,IAAAA,MAAM,CAACG,gBAAgB,CAAC,OAAO,EAAEP,yBAAyB,CAAC,CAAA;AAC7D,GAAC,EAAE,CAACA,yBAAyB,CAAC,CAAC,CAAA;EAE/B,IAAI,CAACH,SAAS,EAAE,oBAAOW,cAAA,CAAAC,mBAAA,IAAI,CAAC,CAAA;EAE5B,oBACED,cAAA,CAACE,WAAI,EAAA;AAAA,IAAA,GAAKd,IAAI;IAAAe,QAAA,eACZC,eAAA,CAACC,UAAG,EAAA;MAAAF,QAAA,EAAA,cACFC,eAAA,CAACE,WAAI,EAAA;AAAAH,QAAAA,QAAA,EACFlB,CAAAA,WAAW,iBACVmB,eAAA,CAAAH,mBAAA,EAAA;AAAAE,UAAAA,QAAA,GAAE,+FAGA,EAAChB,kBAAkB,iBAAIa,cAAA,CAAAC,mBAAA,EAAA;AAAAE,YAAAA,QAAA,EAAE,gCAAA;AAAoC,WAAE,CAAC,CAAA;AAAA,SAChE,CACH,EACAhB,kBAAkB,iBACjBa,cAAA,CAACO,mBAAY,EAAA;UACXC,IAAI,EAAEtB,WAAW,IAAI,gCAAiC;AAAAiB,UAAAA,QAAA,EACvD,gBAAA;AAED,SAAc,CACf,CAAA;AAAA,OACG,CAAC,eACPC,eAAA,CAACK,kBAAW,EAAA;QAAAN,QAAA,EAAA,cACVH,cAAA,CAACU,kBAAW,EAAA;UACVC,OAAO,EAAEA,MAAM;AACbC,YAAAA,kBAAY,EAAE,CAAA;YACdtB,aAAa,CAAC,KAAK,CAAC,CAAA;WACpB;AAAAa,UAAAA,QAAA,EACH,OAAA;AAED,SAAa,CAAC,eACdH,cAAA,CAACa,oBAAa,EAAA;UACZF,OAAO,EAAEA,MAAM;AACbG,YAAAA,oBAAc,EAAE,CAAA;YAChBxB,aAAa,CAAC,KAAK,CAAC,CAAA;WACpB;AAAAa,UAAAA,QAAA,EACH,SAAA;AAED,SAAe,CAAC,CAAA;AAAA,OACL,CAAC,CAAA;KACX,CAAA;AAAC,GACF,CAAC,CAAA;AAEX;;;;"}

package/dist/cjs/cookies-tooltip/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ExternalLink = styled.a.attrs({\n  target: '_blank',\n  rel: 'nofollow noopener',\n})`\n  cursor: pointer;\n  color: var(--lido-color-primary);\n  text-decoration: none;\n\n  &:hover {\n    color: var(--lido-color-primaryHover);\n  }\n`\n\nexport const Wrap = styled.div`\n  z-index: 999;\n  position: fixed;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n`\n\nexport const Box = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-radius: 20px;\n  background-color: var(--lido-color-foreground);\n  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08);\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    flex-direction: column;\n    border-radius: 0;\n    width: 100%;\n  }\n`\n\nexport const Text = styled.div`\n  margin-right: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--lido-color-textSecondary);\n  max-width: 500px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    margin-right: 0;\n    margin-bottom: 8px;\n    width: 100%;\n    text-align: center;\n  }\n`\n\nexport const ButtonsWrap = styled.div`\n  display: flex;\n`\n\nconst ButtonBasic = styled.button.attrs({ type: 'button' })`\n  font-weight: 800;\n  font-size: 12px;\n  line-height: 20px;\n  border-radius: 6px;\n  width: 72px;\n  height: 32px;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition:\n    background-color ease 0.25s,\n    border-color ease 0.25s,\n    color ease 0.25s;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: #0e1621;\n  }\n\n  &:active {\n    transform: translateY(1px);\n  }\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    width: 112px;\n  }\n`\n\nexport const AllowButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-secondary);\n  color: var(--lido-color-secondaryContrast);\n\n  &:hover {\n    background-color: var(--lido-color-secondaryHover);\n  }\n`\n\nexport const DeclineButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  border: 1px solid var(--lido-color-text);\n\n  &:hover {\n    background-color: var(--lido-color-secondary);\n    color: var(--lido-color-secondaryContrast);\n  }\n`\n"],"names":["ExternalLink","styled","a","attrs","target","rel","Wrap","div","theme","mediaQueries","lg","Box","Text","ButtonsWrap","ButtonBasic","button","type","AllowButton","DeclineButton"],"mappings":";;;;;;AAEO,MAAMA,YAAY,GAAGC,+BAAM,CAACC,CAAP,CAASC,KAAT,CAAe;AACzCC,EAAAA,MAAM,EAAE,QADiC;AAEzCC,EAAAA,GAAG,EAAE,mBAAA;AAFoC,CAAf,CAGzB,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAXO;AAaMC,MAAAA,IAAI,GAAGL,+BAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAfO;AAiBMC,MAAAA,GAAG,GAAGV,+BAAM,CAACM,GAAI,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAbO;AAeME,MAAAA,IAAI,GAAGX,+BAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA,EAdO;AAgBMG,MAAAA,WAAW,GAAGZ,+BAAM,CAACM,GAAI,CAAA;AACtC;AACA,EAFO;AAIP,MAAMO,WAAW,GAAGb,+BAAM,CAACc,MAAP,CAAcZ,KAAd,CAAoB;AAAEa,EAAAA,IAAI,EAAE,QAAA;AAAR,CAApB,CAAwC,CAAA;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAER,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA,CA9BA,CAAA;MAgCaO,WAAW,GAAGhB,+BAAM,CAACa,WAAD,CAAc,CAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,EAPO;MASMI,aAAa,GAAGjB,+BAAM,CAACa,WAAD,CAAc,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ExternalLink = styled.a.attrs({\n  target: '_blank',\n  rel: 'nofollow noopener',\n})`\n  cursor: pointer;\n  color: var(--lido-color-primary);\n  text-decoration: none;\n\n  &:hover {\n    color: var(--lido-color-primaryHover);\n  }\n`\n\nexport const Wrap = styled.div`\n  z-index: 999;\n  position: fixed;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n`\n\nexport const Box = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-radius: 20px;\n  background-color: var(--lido-color-foreground);\n  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08);\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    flex-direction: column;\n    border-radius: 0;\n    width: 100%;\n  }\n`\n\nexport const Text = styled.div`\n  margin-right: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--lido-color-textSecondary);\n  max-width: 500px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    margin-right: 0;\n    margin-bottom: 8px;\n    width: 100%;\n    text-align: center;\n  }\n`\n\nexport const ButtonsWrap = styled.div`\n  display: flex;\n`\n\nconst ButtonBasic = styled.button.attrs({ type: 'button' })`\n  font-weight: 800;\n  font-size: 12px;\n  line-height: 20px;\n  border-radius: 6px;\n  width: 72px;\n  height: 32px;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition:\n    background-color ease 0.25s,\n    border-color ease 0.25s,\n    color ease 0.25s;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: #0e1621;\n  }\n\n  &:active {\n    transform: translateY(1px);\n  }\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    width: 112px;\n  }\n`\n\nexport const AllowButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-secondary);\n  color: var(--lido-color-secondaryContrast);\n\n  &:hover {\n    background-color: var(--lido-color-secondaryHover);\n  }\n`\n\nexport const DeclineButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  border: 1px solid var(--lido-color-text);\n\n  &:hover {\n    background-color: var(--lido-color-secondary);\n    color: var(--lido-color-secondaryContrast);\n  }\n`\n"],"names":["ExternalLink","styled","a","attrs","target","rel","Wrap","div","_ref","theme","mediaQueries","lg","Box","_ref2","Text","_ref3","ButtonsWrap","ButtonBasic","button","type","_ref4","AllowButton","DeclineButton"],"mappings":";;;;;;AAEO,MAAMA,YAAY,GAAGC,+BAAM,CAACC,CAAC,CAACC,KAAK,CAAC;AACzCC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,mBAAA;AACP,CAAC,CAAC,CAAA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,IAAI,GAAGL,+BAAM,CAACM,GAAG,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,GAAG,GAAGX,+BAAM,CAACM,GAAG,CAAA;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIM,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;AAAM,GAAC,GAAAI,KAAA,CAAA;AAAA,EAAA,OAAKJ,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA;AACA;AACA,EAAC;AAEYG,MAAAA,IAAI,GAAGb,+BAAM,CAACM,GAAG,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIQ,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;AAAM,GAAC,GAAAM,KAAA,CAAA;AAAA,EAAA,OAAKN,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYK,MAAAA,WAAW,GAAGf,+BAAM,CAACM,GAAG,CAAA;AACrC;AACA,EAAC;AAED,MAAMU,WAAW,GAAGhB,+BAAM,CAACiB,MAAM,CAACf,KAAK,CAAC;AAAEgB,EAAAA,IAAI,EAAE,QAAA;AAAS,CAAC,CAAC,CAAA;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEX,IAAAA,KAAAA;AAAM,GAAC,GAAAW,KAAA,CAAA;AAAA,EAAA,OAAKX,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA,CAAC,CAAA;MAEYU,WAAW,GAAGpB,+BAAM,CAACgB,WAAW,CAAC,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYK,aAAa,GAAGrB,+BAAM,CAACgB,WAAW,CAAC,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;"}

package/dist/cjs/cookies-tooltip/utils.js

@@ -9,7 +9,6 @@ const constants = require('./constants.js');
 const allowCookies = () => {
   // For top level domain - *.some-domain.fi
   cookiesClientSide.setCrossDomainCookieClientSide(constants.COOKIE_ALLOWED_KEY, constants.COOKIE_VALUE_YES);
-
   if (!document.cookie.includes(`${constants.COOKIE_ALLOWED_KEY}=${constants.COOKIE_VALUE_YES}`)) {
     // For specific.domain.fi, if cookie can't be set to top level domain
     cookiesClientSide.setDomainCookieClientSide(constants.COOKIE_ALLOWED_KEY, constants.COOKIE_VALUE_YES);
@@ -18,7 +17,6 @@ const allowCookies = () => {
 const declineCookies = () => {
   // For top level domain - *.some-domain.fi
   cookiesClientSide.setCrossDomainCookieClientSide(constants.COOKIE_ALLOWED_KEY, constants.COOKIE_VALUE_NO);
-
   if (!document.cookie.includes(`${constants.COOKIE_ALLOWED_KEY}=${constants.COOKIE_VALUE_NO}`)) {
     // For specific.domain.fi, if cookie can't be set to top level domain
     cookiesClientSide.setDomainCookieClientSide(constants.COOKIE_ALLOWED_KEY, constants.COOKIE_VALUE_NO);
@@ -26,19 +24,16 @@ const declineCookies = () => {
 };
 const migrationAllowCookieToCrossDomainCookieClientSide = keyOldCookie => {
   const old_cookie_value = cookiesClientSide.getDomainCookieClientSide(keyOldCookie);
-
   if (!old_cookie_value) {
     return;
   }
-
   cookiesClientSide.removeCookiesClientSide(keyOldCookie);
-
   if (old_cookie_value === constants.COOKIE_VALUE_YES) {
     allowCookies();
   } else if (old_cookie_value === constants.COOKIE_VALUE_NO) {
     declineCookies();
-  } // else noop
-
+  }
+  // else noop
 };
 
 exports.allowCookies = allowCookies;

package/dist/cjs/cookies-tooltip/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../packages/cookies-tooltip/utils.ts"],"sourcesContent":["import {\n  setCrossDomainCookieClientSide,\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n  setDomainCookieClientSide,\n} from '../utils/index.js'\nimport {\n  COOKIE_ALLOWED_KEY,\n  COOKIE_VALUE_NO,\n  COOKIE_VALUE_YES,\n} from './constants.js'\n\nexport const allowCookies = (): void => {\n  // For top level domain - *.some-domain.fi\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n\n  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_YES}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n  }\n}\n\nexport const declineCookies = (): void => {\n  // For top level domain - *.some-domain.fi\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n\n  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_NO}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n  }\n}\n\nexport const migrationAllowCookieToCrossDomainCookieClientSide = (\n  keyOldCookie: string,\n) => {\n  const old_cookie_value = getDomainCookieClientSide(keyOldCookie)\n\n  if (!old_cookie_value) {\n    return\n  }\n\n  removeCookiesClientSide(keyOldCookie)\n\n  if (old_cookie_value === COOKIE_VALUE_YES) {\n    allowCookies()\n  } else if (old_cookie_value === COOKIE_VALUE_NO) {\n    declineCookies()\n  }\n  // else noop\n}\n"],"names":["allowCookies","setCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","document","cookie","includes","setDomainCookieClientSide","declineCookies","COOKIE_VALUE_NO","migrationAllowCookieToCrossDomainCookieClientSide","keyOldCookie","old_cookie_value","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":";;;;;;;;AAYO,MAAMA,YAAY,GAAG,MAAY;AACtC;AACAC,EAAAA,gDAA8B,CAACC,4BAAD,EAAqBC,0BAArB,CAA9B,CAAA;;AAEA,EAAA,IAAI,CAACC,QAAQ,CAACC,MAAT,CAAgBC,QAAhB,CAA0B,CAAA,EAAEJ,4BAAmB,CAAA,CAAA,EAAGC,0BAAiB,CAAA,CAAnE,CAAL,EAA4E;AAC1E;AACAI,IAAAA,2CAAyB,CAACL,4BAAD,EAAqBC,0BAArB,CAAzB,CAAA;AACD,GAAA;AACF,EARM;AAUA,MAAMK,cAAc,GAAG,MAAY;AACxC;AACAP,EAAAA,gDAA8B,CAACC,4BAAD,EAAqBO,yBAArB,CAA9B,CAAA;;AAEA,EAAA,IAAI,CAACL,QAAQ,CAACC,MAAT,CAAgBC,QAAhB,CAA0B,CAAA,EAAEJ,4BAAmB,CAAA,CAAA,EAAGO,yBAAgB,CAAA,CAAlE,CAAL,EAA2E;AACzE;AACAF,IAAAA,2CAAyB,CAACL,4BAAD,EAAqBO,yBAArB,CAAzB,CAAA;AACD,GAAA;AACF,EARM;AAUMC,MAAAA,iDAAiD,GAC5DC,YAD+D,IAE5D;AACH,EAAA,MAAMC,gBAAgB,GAAGC,2CAAyB,CAACF,YAAD,CAAlD,CAAA;;EAEA,IAAI,CAACC,gBAAL,EAAuB;AACrB,IAAA,OAAA;AACD,GAAA;;EAEDE,yCAAuB,CAACH,YAAD,CAAvB,CAAA;;EAEA,IAAIC,gBAAgB,KAAKT,0BAAzB,EAA2C;IACzCH,YAAY,EAAA,CAAA;AACb,GAFD,MAEO,IAAIY,gBAAgB,KAAKH,yBAAzB,EAA0C;IAC/CD,cAAc,EAAA,CAAA;AACf,GAbE;;AAeJ;;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../packages/cookies-tooltip/utils.ts"],"sourcesContent":["import {\n  setCrossDomainCookieClientSide,\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n  setDomainCookieClientSide,\n} from '../utils/index.js'\nimport {\n  COOKIE_ALLOWED_KEY,\n  COOKIE_VALUE_NO,\n  COOKIE_VALUE_YES,\n} from './constants.js'\n\nexport const allowCookies = (): void => {\n  // For top level domain - *.some-domain.fi\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n\n  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_YES}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n  }\n}\n\nexport const declineCookies = (): void => {\n  // For top level domain - *.some-domain.fi\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n\n  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_NO}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n  }\n}\n\nexport const migrationAllowCookieToCrossDomainCookieClientSide = (\n  keyOldCookie: string,\n) => {\n  const old_cookie_value = getDomainCookieClientSide(keyOldCookie)\n\n  if (!old_cookie_value) {\n    return\n  }\n\n  removeCookiesClientSide(keyOldCookie)\n\n  if (old_cookie_value === COOKIE_VALUE_YES) {\n    allowCookies()\n  } else if (old_cookie_value === COOKIE_VALUE_NO) {\n    declineCookies()\n  }\n  // else noop\n}\n"],"names":["allowCookies","setCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","document","cookie","includes","setDomainCookieClientSide","declineCookies","COOKIE_VALUE_NO","migrationAllowCookieToCrossDomainCookieClientSide","keyOldCookie","old_cookie_value","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":";;;;;;;;AAYaA,MAAAA,YAAY,GAAGA,MAAY;AACtC;AACAC,EAAAA,gDAA8B,CAACC,4BAAkB,EAAEC,0BAAgB,CAAC,CAAA;AAEpE,EAAA,IAAI,CAACC,QAAQ,CAACC,MAAM,CAACC,QAAQ,CAAC,CAAA,EAAGJ,4BAAkB,CAAA,CAAA,EAAIC,0BAAgB,CAAA,CAAE,CAAC,EAAE;AAC1E;AACAI,IAAAA,2CAAyB,CAACL,4BAAkB,EAAEC,0BAAgB,CAAC,CAAA;AACjE,GAAA;AACF,EAAC;AAEYK,MAAAA,cAAc,GAAGA,MAAY;AACxC;AACAP,EAAAA,gDAA8B,CAACC,4BAAkB,EAAEO,yBAAe,CAAC,CAAA;AAEnE,EAAA,IAAI,CAACL,QAAQ,CAACC,MAAM,CAACC,QAAQ,CAAC,CAAA,EAAGJ,4BAAkB,CAAA,CAAA,EAAIO,yBAAe,CAAA,CAAE,CAAC,EAAE;AACzE;AACAF,IAAAA,2CAAyB,CAACL,4BAAkB,EAAEO,yBAAe,CAAC,CAAA;AAChE,GAAA;AACF,EAAC;AAEYC,MAAAA,iDAAiD,GAC5DC,YAAoB,IACjB;AACH,EAAA,MAAMC,gBAAgB,GAAGC,2CAAyB,CAACF,YAAY,CAAC,CAAA;EAEhE,IAAI,CAACC,gBAAgB,EAAE;AACrB,IAAA,OAAA;AACF,GAAA;EAEAE,yCAAuB,CAACH,YAAY,CAAC,CAAA;EAErC,IAAIC,gBAAgB,KAAKT,0BAAgB,EAAE;AACzCH,IAAAA,YAAY,EAAE,CAAA;AAChB,GAAC,MAAM,IAAIY,gBAAgB,KAAKH,yBAAe,EAAE;AAC/CD,IAAAA,cAAc,EAAE,CAAA;AAClB,GAAA;AACA;AACF;;;;;;"}

package/dist/cjs/data-table/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../packages/data-table/DataTable.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '../loaders/index.js'\nimport { Tooltip } from '../tooltip/index.js'\nimport {\n  DataTableStyle,\n  DataTableRowStyle,\n  DataTableTitleStyle,\n  DataTableValueStyle,\n  DataTableQuestionStyle,\n} from './DataTableStyles.js'\nimport { DataTableProps, DataTableRowProps } from './types.js'\n\nexport const DataTableRow = forwardRef(\n  (\n    {\n      title,\n      loading = false,\n      highlight = false,\n      help,\n      children,\n      ...rest\n    }: DataTableRowProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const hasHelper = !!help\n\n    return (\n      <DataTableRowStyle ref={ref} {...rest}>\n        <DataTableTitleStyle>\n          {title}\n          {hasHelper && (\n            <Tooltip placement='bottomLeft' title={help}>\n              <DataTableQuestionStyle />\n            </Tooltip>\n          )}\n        </DataTableTitleStyle>\n        <DataTableValueStyle $highlight={highlight}>\n          {loading ? <InlineLoader color='text' /> : children}\n        </DataTableValueStyle>\n      </DataTableRowStyle>\n    )\n  },\n)\nDataTableRow.displayName = 'DataTableRow'\n\nexport const DataTable = forwardRef(\n  (props: DataTableProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    return <DataTableStyle ref={ref} {...props} />\n  },\n)\nDataTable.displayName = 'DataTable'\n"],"names":["DataTableRow","forwardRef","ref","title","loading","highlight","help","children","rest","hasHelper","_jsxs","DataTableRowStyle","DataTableTitleStyle","_jsx","Tooltip","DataTableQuestionStyle","DataTableValueStyle","InlineLoader","displayName","DataTable","props","DataTableStyle"],"mappings":";;;;;;;;;;;MAYaA,YAAY,gBAAGC,gBAAU,CACpC,CAAA,IAAA,EASEC,GATF,KAUK;EAAA,IATH;IACEC,KADF;AAEEC,IAAAA,OAAO,GAAG,KAFZ;AAGEC,IAAAA,SAAS,GAAG,KAHd;IAIEC,IAJF;IAKEC,QALF;IAME,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,SAAS,GAAG,CAAC,CAACH,IAApB,CAAA;AAEA,EAAA,oBACEI,gBAACC,iCAAD,EAAA;AAAmB,IAAA,GAAG,EAAET,GAAxB;AAAA,IAAA,GAAiCM,IAAjC;AAAA,IAAA,QAAA,EAAA,cACEE,gBAACE,mCAAD,EAAA;AAAA,MAAA,QAAA,EAAA,CACGT,KADH,EAEGM,SAAS,iBACRI,eAACC,eAAD,EAAA;AAAS,QAAA,SAAS,EAAC,YAAnB;AAAgC,QAAA,KAAK,EAAER,IAAvC;AAAA,QAAA,QAAA,eACEO,eAACE,sCAAD,EAAA,EAAA,CAAA;OAJN,CAAA,CAAA;KADF,CAAA,eASEF,eAACG,mCAAD,EAAA;AAAqB,MAAA,UAAU,EAAEX,SAAjC;MAAA,QACGD,EAAAA,OAAO,gBAAGS,cAAA,CAACI,yBAAD,EAAA;AAAc,QAAA,KAAK,EAAC,MAAA;AAApB,OAAA,CAAH,GAAmCV,QAAAA;KAV/C,CAAA,CAAA;GADF,CAAA,CAAA;AAeD,CA7BmC,EAA/B;AA+BPP,YAAY,CAACkB,WAAb,GAA2B,cAA3B,CAAA;AAEO,MAAMC,SAAS,gBAAGlB,gBAAU,CACjC,CAACmB,KAAD,EAAwBlB,GAAxB,KAA+D;AAC7D,EAAA,oBAAOW,eAACQ,8BAAD,EAAA;AAAgB,IAAA,GAAG,EAAEnB,GAArB;IAAA,GAA8BkB,KAAAA;GAArC,CAAA,CAAA;AACD,CAHgC,EAA5B;AAKPD,SAAS,CAACD,WAAV,GAAwB,WAAxB;;;;;"}
+{"version":3,"file":"DataTable.js","sources":["../../../packages/data-table/DataTable.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '../loaders/index.js'\nimport { Tooltip } from '../tooltip/index.js'\nimport {\n  DataTableStyle,\n  DataTableRowStyle,\n  DataTableTitleStyle,\n  DataTableValueStyle,\n  DataTableQuestionStyle,\n} from './DataTableStyles.js'\nimport { DataTableProps, DataTableRowProps } from './types.js'\n\nexport const DataTableRow = forwardRef(\n  (\n    {\n      title,\n      loading = false,\n      highlight = false,\n      help,\n      children,\n      ...rest\n    }: DataTableRowProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const hasHelper = !!help\n\n    return (\n      <DataTableRowStyle ref={ref} {...rest}>\n        <DataTableTitleStyle>\n          {title}\n          {hasHelper && (\n            <Tooltip placement='bottomLeft' title={help}>\n              <DataTableQuestionStyle />\n            </Tooltip>\n          )}\n        </DataTableTitleStyle>\n        <DataTableValueStyle $highlight={highlight}>\n          {loading ? <InlineLoader color='text' /> : children}\n        </DataTableValueStyle>\n      </DataTableRowStyle>\n    )\n  },\n)\nDataTableRow.displayName = 'DataTableRow'\n\nexport const DataTable = forwardRef(\n  (props: DataTableProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    return <DataTableStyle ref={ref} {...props} />\n  },\n)\nDataTable.displayName = 'DataTable'\n"],"names":["DataTableRow","forwardRef","_ref","ref","title","loading","highlight","help","children","rest","hasHelper","_jsxs","DataTableRowStyle","DataTableTitleStyle","_jsx","Tooltip","placement","DataTableQuestionStyle","DataTableValueStyle","$highlight","InlineLoader","color","displayName","DataTable","props","DataTableStyle"],"mappings":";;;;;;;;;;;AAYO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,CAAAC,IAAA,EASEC,GAAkC,KAC/B;EAAA,IATH;IACEC,KAAK;AACLC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,SAAS,GAAG,KAAK;IACjBC,IAAI;IACJC,QAAQ;IACR,GAAGC,IAAAA;AACc,GAAC,GAAAP,IAAA,CAAA;AAGpB,EAAA,MAAMQ,SAAS,GAAG,CAAC,CAACH,IAAI,CAAA;EAExB,oBACEI,eAAA,CAACC,iCAAiB,EAAA;AAACT,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKM,IAAI;IAAAD,QAAA,EAAA,cACnCG,eAAA,CAACE,mCAAmB,EAAA;AAAAL,MAAAA,QAAA,GACjBJ,KAAK,EACLM,SAAS,iBACRI,cAAA,CAACC,eAAO,EAAA;AAACC,QAAAA,SAAS,EAAC,YAAY;AAACZ,QAAAA,KAAK,EAAEG,IAAK;AAAAC,QAAAA,QAAA,eAC1CM,cAAA,CAACG,sCAAsB,EAAE,EAAA,CAAA;AAAC,OACnB,CACV,CAAA;AAAA,KACkB,CAAC,eACtBH,cAAA,CAACI,mCAAmB,EAAA;AAACC,MAAAA,UAAU,EAAEb,SAAU;AAAAE,MAAAA,QAAA,EACxCH,OAAO,gBAAGS,cAAA,CAACM,yBAAY,EAAA;AAACC,QAAAA,KAAK,EAAC,MAAA;AAAM,OAAE,CAAC,GAAGb,QAAAA;AAAQ,KAChC,CAAC,CAAA;AAAA,GACL,CAAC,CAAA;AAExB,CACF,EAAC;AACDR,YAAY,CAACsB,WAAW,GAAG,cAAc,CAAA;AAElC,MAAMC,SAAS,gBAAGtB,gBAAU,CACjC,CAACuB,KAAqB,EAAErB,GAAkC,KAAK;EAC7D,oBAAOW,cAAA,CAACW,8BAAc,EAAA;AAACtB,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKqB,KAAAA;AAAK,GAAG,CAAC,CAAA;AAChD,CACF,EAAC;AACDD,SAAS,CAACD,WAAW,GAAG,WAAW;;;;;"}

package/dist/cjs/data-table/DataTableStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableStyles.js","sources":["../../../packages/data-table/DataTableStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Question } from '../icons/index.js'\n\nexport const DataTableStyle = styled.div``\n\nexport const DataTableRowStyle = styled.div`\n  display: flex;\n  margin: ${({ theme }) => theme.spaceMap.md}px 0;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n`\n\nexport const DataTableTitleStyle = styled.div`\n  color: var(--lido-color-textSecondary);\n  flex-grow: 1;\n`\n\nexport const DataTableValueStyle = styled.div<{ $highlight: boolean }>`\n  color: var(\n    --lido-color-${({ $highlight }) => ($highlight ? `success` : `text`)}\n  );\n  text-align: right;\n  margin-left: ${({ theme }) => theme.spaceMap.xxl}px;\n  flex-grow: 1;\n`\n\nexport const DataTableQuestionStyle = styled(Question)`\n  margin: -6px 0 -5px;\n  vertical-align: middle;\n`\n"],"names":["DataTableStyle","styled","div","DataTableRowStyle","theme","spaceMap","md","fontSizesMap","xxs","DataTableTitleStyle","DataTableValueStyle","$highlight","xxl","DataTableQuestionStyle","Question"],"mappings":";;;;;;;MAGaA,cAAc,GAAGC,+BAAM,CAACC,GAAI,CAAlC,EAAA;AAEMC,MAAAA,iBAAiB,GAAGF,+BAAM,CAACC,GAAI,CAAA;AAC5C;AACA,UAAY,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEE,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeC,EAA9B,CAAA;AAAA,CAAiC,CAAA;AAC7C;AACA,aAAe,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEF,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACG,YAAN,CAAmBC,GAAlC,CAAA;AAAA,CAAsC,CAAA;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAdO;AAgBMC,MAAAA,mBAAmB,GAAGR,+BAAM,CAACC,GAAI,CAAA;AAC9C;AACA;AACA,EAHO;AAKMQ,MAAAA,mBAAmB,GAAGT,+BAAM,CAACC,GAA6B,CAAA;AACvE;AACA,iBAAmB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAES,IAAAA,UAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAqBA,UAAU,GAAI,CAAJ,OAAA,CAAA,GAAgB,CAA/C,IAAA,CAAA,CAAA;AAAA,CAAsD,CAAA;AACzE;AACA;AACA,eAAiB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeO,GAA9B,CAAA;AAAA,CAAkC,CAAA;AACnD;AACA,EAPO;MASMC,sBAAsB,GAAGZ,+BAAM,CAACa,cAAD,CAAW,CAAA;AACvD;AACA;AACA;;;;;;;;"}
+{"version":3,"file":"DataTableStyles.js","sources":["../../../packages/data-table/DataTableStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Question } from '../icons/index.js'\n\nexport const DataTableStyle = styled.div``\n\nexport const DataTableRowStyle = styled.div`\n  display: flex;\n  margin: ${({ theme }) => theme.spaceMap.md}px 0;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n`\n\nexport const DataTableTitleStyle = styled.div`\n  color: var(--lido-color-textSecondary);\n  flex-grow: 1;\n`\n\nexport const DataTableValueStyle = styled.div<{ $highlight: boolean }>`\n  color: var(\n    --lido-color-${({ $highlight }) => ($highlight ? `success` : `text`)}\n  );\n  text-align: right;\n  margin-left: ${({ theme }) => theme.spaceMap.xxl}px;\n  flex-grow: 1;\n`\n\nexport const DataTableQuestionStyle = styled(Question)`\n  margin: -6px 0 -5px;\n  vertical-align: middle;\n`\n"],"names":["DataTableStyle","styled","div","DataTableRowStyle","_ref","theme","spaceMap","md","_ref2","fontSizesMap","xxs","DataTableTitleStyle","DataTableValueStyle","_ref3","$highlight","_ref4","xxl","DataTableQuestionStyle","Question"],"mappings":";;;;;;;MAGaA,cAAc,GAAGC,+BAAM,CAACC,GAAG,CAAE,EAAA;AAE7BC,MAAAA,iBAAiB,GAAGF,+BAAM,CAACC,GAAG,CAAA;AAC3C;AACA,UAAA,EAAYE,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5C;AACA,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACI,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,mBAAmB,GAAGV,+BAAM,CAACC,GAAG,CAAA;AAC7C;AACA;AACA,EAAC;AAEYU,MAAAA,mBAAmB,GAAGX,+BAAM,CAACC,GAA4B,CAAA;AACtE;AACA,iBAAA,EAAmBW,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,UAAU,GAAG,CAAS,OAAA,CAAA,GAAG,CAAM,IAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AACxE;AACA;AACA,eAAA,EAAiBC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACC,QAAQ,CAACU,GAAG,CAAA;AAAA,CAAA,CAAA;AAClD;AACA,EAAC;MAEYC,sBAAsB,GAAGhB,+BAAM,CAACiB,cAAQ,CAAC,CAAA;AACtD;AACA;AACA;;;;;;;;"}

package/dist/cjs/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../packages/divider/Divider.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { DividerStyle } from './DividerStyles.js'\nimport { DividerProps } from './types.js'\n\nexport const Divider = forwardRef(\n  (\n    { type = 'horizontal', indents, children, ...rest }: DividerProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return <DividerStyle $type={type} $indents={indents} ref={ref} {...rest} />\n  },\n)\nDivider.displayName = 'Divider'\n"],"names":["Divider","forwardRef","ref","type","indents","children","rest","_jsx","DividerStyle","displayName"],"mappings":";;;;;;;;MAIaA,OAAO,gBAAGC,gBAAU,CAC/B,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,YAAT;IAAuBC,OAAvB;IAAgCC,QAAhC;IAA0C,GAAGC,IAAAA;GAE1C,GAAA,IAAA,CAAA;AACH,EAAA,oBAAOC,eAACC,0BAAD,EAAA;AAAc,IAAA,KAAK,EAAEL,IAArB;AAA2B,IAAA,QAAQ,EAAEC,OAArC;AAA8C,IAAA,GAAG,EAAEF,GAAnD;IAAA,GAA4DI,IAAAA;GAAnE,CAAA,CAAA;AACD,CAN8B,EAA1B;AAQPN,OAAO,CAACS,WAAR,GAAsB,SAAtB;;;;"}
+{"version":3,"file":"Divider.js","sources":["../../../packages/divider/Divider.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { DividerStyle } from './DividerStyles.js'\nimport { DividerProps } from './types.js'\n\nexport const Divider = forwardRef(\n  (\n    { type = 'horizontal', indents, children, ...rest }: DividerProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return <DividerStyle $type={type} $indents={indents} ref={ref} {...rest} />\n  },\n)\nDivider.displayName = 'Divider'\n"],"names":["Divider","forwardRef","_ref","ref","type","indents","children","rest","_jsx","DividerStyle","$type","$indents","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,OAAO,gBAAGC,gBAAU,CAC/B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,YAAY;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAL,IAAA,CAAA;EAGjE,oBAAOM,cAAA,CAACC,0BAAY,EAAA;AAACC,IAAAA,KAAK,EAAEN,IAAK;AAACO,IAAAA,QAAQ,EAAEN,OAAQ;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKI,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC7E,CACF,EAAC;AACDP,OAAO,CAACY,WAAW,GAAG,SAAS;;;;"}

package/dist/cjs/divider/DividerStyles.js

@@ -12,7 +12,6 @@ const getIndents = _ref => {
   } = _ref;
   return $indents ? `${theme.spaceMap[$indents]}px` : '0';
 };
-
 const types = {
   horizontal: _styled.css`
     border-top: 1px solid currentcolor;

package/dist/cjs/divider/DividerStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerStyles.js","sources":["../../../packages/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { DividerIndents, DividerTypes } from './types.js'\n\ntype InjectedProps = {\n  $type: DividerTypes\n  $indents?: DividerIndents\n  theme: Theme\n}\n\nconst getIndents = ({ $indents, theme }: InjectedProps) => {\n  return $indents ? `${theme.spaceMap[$indents]}px` : '0'\n}\n\nconst types = {\n  horizontal: css<InjectedProps>`\n    border-top: 1px solid currentcolor;\n    width: 100%;\n    height: 0;\n    margin: ${getIndents} 0;\n  `,\n  vertical: css<InjectedProps>`\n    border-left: 1px solid currentcolor;\n    align-self: stretch;\n    width: 0;\n    margin: 0 ${getIndents};\n  `,\n}\n\nexport const DividerStyle = styled.div<InjectedProps>`\n  box-sizing: border-box;\n  list-style: none;\n  opacity: 0.1;\n  margin: 0;\n  padding: 0;\n  flex-shrink: 0;\n  flex-grow: 0;\n\n  ${(props) => types[props.$type]}\n`\n"],"names":["getIndents","$indents","theme","spaceMap","types","horizontal","css","vertical","DividerStyle","styled","div","props","$type"],"mappings":";;;;;;;AAUA,MAAMA,UAAU,GAAG,IAAwC,IAAA;EAAA,IAAvC;IAAEC,QAAF;AAAYC,IAAAA,KAAAA;GAA2B,GAAA,IAAA,CAAA;EACzD,OAAOD,QAAQ,GAAI,CAAA,EAAEC,KAAK,CAACC,QAAN,CAAeF,QAAf,CAAyB,CAA/B,EAAA,CAAA,GAAqC,GAApD,CAAA;AACD,CAFD,CAAA;;AAIA,MAAMG,KAAK,GAAG;AACZC,EAAAA,UAAU,EAAEC,WAAmB,CAAA;AACjC;AACA;AACA;AACA,YAAA,EAAcN,UAAW,CAAA;AACzB,EANc,CAAA;AAOZO,EAAAA,QAAQ,EAAED,WAAmB,CAAA;AAC/B;AACA;AACA;AACA,cAAA,EAAgBN,UAAW,CAAA;AAC3B,EAAA,CAAA;AAZc,CAAd,CAAA;AAeaQ,MAAAA,YAAY,GAAGC,+BAAM,CAACC,GAAmB,CAAA;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAD,IAAWP,KAAK,CAACO,KAAK,CAACC,KAAP,CAAc,CAAA;AAClC;;;;"}
+{"version":3,"file":"DividerStyles.js","sources":["../../../packages/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { DividerIndents, DividerTypes } from './types.js'\n\ntype InjectedProps = {\n  $type: DividerTypes\n  $indents?: DividerIndents\n  theme: Theme\n}\n\nconst getIndents = ({ $indents, theme }: InjectedProps) => {\n  return $indents ? `${theme.spaceMap[$indents]}px` : '0'\n}\n\nconst types = {\n  horizontal: css<InjectedProps>`\n    border-top: 1px solid currentcolor;\n    width: 100%;\n    height: 0;\n    margin: ${getIndents} 0;\n  `,\n  vertical: css<InjectedProps>`\n    border-left: 1px solid currentcolor;\n    align-self: stretch;\n    width: 0;\n    margin: 0 ${getIndents};\n  `,\n}\n\nexport const DividerStyle = styled.div<InjectedProps>`\n  box-sizing: border-box;\n  list-style: none;\n  opacity: 0.1;\n  margin: 0;\n  padding: 0;\n  flex-shrink: 0;\n  flex-grow: 0;\n\n  ${(props) => types[props.$type]}\n`\n"],"names":["getIndents","_ref","$indents","theme","spaceMap","types","horizontal","css","vertical","DividerStyle","styled","div","props","$type"],"mappings":";;;;;;;AAUA,MAAMA,UAAU,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC,QAAQ;AAAEC,IAAAA,KAAAA;AAAqB,GAAC,GAAAF,IAAA,CAAA;EACpD,OAAOC,QAAQ,GAAG,CAAA,EAAGC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAI,EAAA,CAAA,GAAG,GAAG,CAAA;AACzD,CAAC,CAAA;AAED,MAAMG,KAAK,GAAG;AACZC,EAAAA,UAAU,EAAEC,WAAkB,CAAA;AAChC;AACA;AACA;AACA,YAAA,EAAcP,UAAU,CAAA;AACxB,EAAG,CAAA;AACDQ,EAAAA,QAAQ,EAAED,WAAkB,CAAA;AAC9B;AACA;AACA;AACA,cAAA,EAAgBP,UAAU,CAAA;AAC1B,EAAA,CAAA;AACA,CAAC,CAAA;AAEYS,MAAAA,YAAY,GAAGC,+BAAM,CAACC,GAAkB,CAAA;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAK,IAAKP,KAAK,CAACO,KAAK,CAACC,KAAK,CAAC,CAAA;AACjC;;;;"}

package/dist/cjs/divider/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../packages/divider/types.tsx"],"sourcesContent":["export type { Theme } from '../theme/index.js'\nimport { LidoComponentProps } from '../utils/index.js'\n\nexport enum DividerType {\n  vertical,\n  horizontal,\n}\nexport type DividerTypes = keyof typeof DividerType\n\nexport enum DividerIndent {\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n}\nexport type DividerIndents = keyof typeof DividerIndent\n\nexport type DividerProps = LidoComponentProps<\n  'div',\n  {\n    type?: DividerTypes\n    indents?: DividerIndents\n    children?: never\n  }\n>\n"],"names":["DividerType","DividerIndent"],"mappings":";;;;AAGYA,IAAAA,WAAZ,0BAAYA,WAAZ,EAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAYA,WAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMYC,IAAAA,aAAZ,0BAAYA,aAAZ,EAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,aAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"types.js","sources":["../../../packages/divider/types.tsx"],"sourcesContent":["export type { Theme } from '../theme/index.js'\nimport { LidoComponentProps } from '../utils/index.js'\n\nexport enum DividerType {\n  vertical,\n  horizontal,\n}\nexport type DividerTypes = keyof typeof DividerType\n\nexport enum DividerIndent {\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n}\nexport type DividerIndents = keyof typeof DividerIndent\n\nexport type DividerProps = LidoComponentProps<\n  'div',\n  {\n    type?: DividerTypes\n    indents?: DividerIndents\n    children?: never\n  }\n>\n"],"names":["DividerType","DividerIndent"],"mappings":";;;;AAGYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMXC,IAAAA,aAAa,0BAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}

package/dist/cjs/heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../packages/heading/Heading.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { HeadingStyle, H1Style, H2Style, H3Style } from './HeadingStyles.js'\nimport { HeadingProps, HProps } from './types.js'\n\nexport const Heading = forwardRef(\n  (\n    { size = 'md', color = 'text', ...rest }: HeadingProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return <HeadingStyle $size={size} $color={color} ref={ref} {...rest} />\n  },\n)\nHeading.displayName = 'Heading'\n\nexport const H1 = forwardRef(\n  (\n    { color = 'text', ...rest }: HProps<'h1'>,\n    ref?: ForwardedRef<HTMLHeadingElement>,\n  ) => {\n    return <H1Style $color={color} ref={ref} {...rest} />\n  },\n)\nH1.displayName = 'H1'\n\nexport const H2 = forwardRef(\n  (\n    { color = 'text', ...rest }: HProps<'h2'>,\n    ref?: ForwardedRef<HTMLHeadingElement>,\n  ) => {\n    return <H2Style $color={color} ref={ref} {...rest} />\n  },\n)\nH2.displayName = 'H2'\n\nexport const H3 = forwardRef(\n  (\n    { color = 'text', ...rest }: HProps<'h3'>,\n    ref?: ForwardedRef<HTMLHeadingElement>,\n  ) => {\n    return <H3Style $color={color} ref={ref} {...rest} />\n  },\n)\nH3.displayName = 'H3'\n"],"names":["Heading","forwardRef","ref","size","color","rest","_jsx","HeadingStyle","displayName","H1","H1Style","H2","H2Style","H3","H3Style"],"mappings":";;;;;;;;MAIaA,OAAO,gBAAGC,gBAAU,CAC/B,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,IAAT;AAAeC,IAAAA,KAAK,GAAG,MAAvB;IAA+B,GAAGC,IAAAA;GAE/B,GAAA,IAAA,CAAA;AACH,EAAA,oBAAOC,eAACC,0BAAD,EAAA;AAAc,IAAA,KAAK,EAAEJ,IAArB;AAA2B,IAAA,MAAM,EAAEC,KAAnC;AAA0C,IAAA,GAAG,EAAEF,GAA/C;IAAA,GAAwDG,IAAAA;GAA/D,CAAA,CAAA;AACD,CAN8B,EAA1B;AAQPL,OAAO,CAACQ,WAAR,GAAsB,SAAtB,CAAA;MAEaC,EAAE,gBAAGR,gBAAU,CAC1B,CAAA,KAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAV;IAAkB,GAAGC,IAAAA;GAElB,GAAA,KAAA,CAAA;AACH,EAAA,oBAAOC,eAACI,qBAAD,EAAA;AAAS,IAAA,MAAM,EAAEN,KAAjB;AAAwB,IAAA,GAAG,EAAEF,GAA7B;IAAA,GAAsCG,IAAAA;GAA7C,CAAA,CAAA;AACD,CANyB,EAArB;AAQPI,EAAE,CAACD,WAAH,GAAiB,IAAjB,CAAA;MAEaG,EAAE,gBAAGV,gBAAU,CAC1B,CAAA,KAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAV;IAAkB,GAAGC,IAAAA;GAElB,GAAA,KAAA,CAAA;AACH,EAAA,oBAAOC,eAACM,qBAAD,EAAA;AAAS,IAAA,MAAM,EAAER,KAAjB;AAAwB,IAAA,GAAG,EAAEF,GAA7B;IAAA,GAAsCG,IAAAA;GAA7C,CAAA,CAAA;AACD,CANyB,EAArB;AAQPM,EAAE,CAACH,WAAH,GAAiB,IAAjB,CAAA;MAEaK,EAAE,gBAAGZ,gBAAU,CAC1B,CAAA,KAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAV;IAAkB,GAAGC,IAAAA;GAElB,GAAA,KAAA,CAAA;AACH,EAAA,oBAAOC,eAACQ,qBAAD,EAAA;AAAS,IAAA,MAAM,EAAEV,KAAjB;AAAwB,IAAA,GAAG,EAAEF,GAA7B;IAAA,GAAsCG,IAAAA;GAA7C,CAAA,CAAA;AACD,CANyB,EAArB;AAQPQ,EAAE,CAACL,WAAH,GAAiB,IAAjB;;;;;;;"}
+{"version":3,"file":"Heading.js","sources":["../../../packages/heading/Heading.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { HeadingStyle, H1Style, H2Style, H3Style } from './HeadingStyles.js'\nimport { HeadingProps, HProps } from './types.js'\n\nexport const Heading = forwardRef(\n  (\n    { size = 'md', color = 'text', ...rest }: HeadingProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return <HeadingStyle $size={size} $color={color} ref={ref} {...rest} />\n  },\n)\nHeading.displayName = 'Heading'\n\nexport const H1 = forwardRef(\n  (\n    { color = 'text', ...rest }: HProps<'h1'>,\n    ref?: ForwardedRef<HTMLHeadingElement>,\n  ) => {\n    return <H1Style $color={color} ref={ref} {...rest} />\n  },\n)\nH1.displayName = 'H1'\n\nexport const H2 = forwardRef(\n  (\n    { color = 'text', ...rest }: HProps<'h2'>,\n    ref?: ForwardedRef<HTMLHeadingElement>,\n  ) => {\n    return <H2Style $color={color} ref={ref} {...rest} />\n  },\n)\nH2.displayName = 'H2'\n\nexport const H3 = forwardRef(\n  (\n    { color = 'text', ...rest }: HProps<'h3'>,\n    ref?: ForwardedRef<HTMLHeadingElement>,\n  ) => {\n    return <H3Style $color={color} ref={ref} {...rest} />\n  },\n)\nH3.displayName = 'H3'\n"],"names":["Heading","forwardRef","_ref","ref","size","color","rest","_jsx","HeadingStyle","$size","$color","displayName","H1","_ref2","H1Style","H2","_ref3","H2Style","H3","_ref4","H3Style"],"mappings":";;;;;;;;AAIO,MAAMA,OAAO,gBAAGC,gBAAU,CAC/B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,IAAI;AAAEC,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAJ,IAAA,CAAA;EAGtD,oBAAOK,cAAA,CAACC,0BAAY,EAAA;AAACC,IAAAA,KAAK,EAAEL,IAAK;AAACM,IAAAA,MAAM,EAAEL,KAAM;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKG,IAAAA;AAAI,GAAG,CAAC,CAAA;AACzE,CACF,EAAC;AACDN,OAAO,CAACW,WAAW,GAAG,SAAS,CAAA;AAExB,MAAMC,EAAE,gBAAGX,gBAAU,CAC1B,CAAAY,KAAA,EAEEV,GAAsC,KACnC;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAO,KAAA,CAAA;EAGzC,oBAAON,cAAA,CAACO,qBAAO,EAAA;AAACJ,IAAAA,MAAM,EAAEL,KAAM;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKG,IAAAA;AAAI,GAAG,CAAC,CAAA;AACvD,CACF,EAAC;AACDM,EAAE,CAACD,WAAW,GAAG,IAAI,CAAA;AAEd,MAAMI,EAAE,gBAAGd,gBAAU,CAC1B,CAAAe,KAAA,EAEEb,GAAsC,KACnC;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAU,KAAA,CAAA;EAGzC,oBAAOT,cAAA,CAACU,qBAAO,EAAA;AAACP,IAAAA,MAAM,EAAEL,KAAM;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKG,IAAAA;AAAI,GAAG,CAAC,CAAA;AACvD,CACF,EAAC;AACDS,EAAE,CAACJ,WAAW,GAAG,IAAI,CAAA;AAEd,MAAMO,EAAE,gBAAGjB,gBAAU,CAC1B,CAAAkB,KAAA,EAEEhB,GAAsC,KACnC;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAa,KAAA,CAAA;EAGzC,oBAAOZ,cAAA,CAACa,qBAAO,EAAA;AAACV,IAAAA,MAAM,EAAEL,KAAM;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKG,IAAAA;AAAI,GAAG,CAAC,CAAA;AACvD,CACF,EAAC;AACDY,EAAE,CAACP,WAAW,GAAG,IAAI;;;;;;;"}

package/dist/cjs/heading/HeadingStyles.js

@@ -34,7 +34,6 @@ const sizes = {
     line-height: 1.3em;
   `
 };
-
 const getHeadingColor = props => {
   const colorsMap = {
     text: `var(--lido-color-text)`,
@@ -42,7 +41,6 @@ const getHeadingColor = props => {
   };
   return colorsMap[props.$color];
 };
-
 const commonCSS = _styled.css`
   margin: 0;
   padding: 0;

package/dist/cjs/heading/HeadingStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingStyles.js","sources":["../../../packages/heading/HeadingStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { HeadingColors, HeadingSizes } from './types.js'\n\nexport const sizes = {\n  sm: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xl}px;\n    line-height: 1.3em;\n  `,\n  md: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xxl}px;\n    line-height: 1.3em;\n  `,\n  lg: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xxxl}px;\n    line-height: 1.3em;\n  `,\n}\n\ntype InjectedProps = {\n  $color: HeadingColors\n  theme: Theme\n}\n\nconst getHeadingColor = (props: InjectedProps) => {\n  const colorsMap = {\n    text: `var(--lido-color-text)`,\n    secondary: `var(--lido-color-textSecondary)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst commonCSS = css`\n  margin: 0;\n  padding: 0;\n  font-weight: 800;\n  color: ${getHeadingColor};\n`\n\nexport const HeadingStyle = styled.div<InjectedProps & { $size: HeadingSizes }>`\n  ${commonCSS}\n  ${(props) => sizes[props.$size]}\n`\n\nexport const H1Style = styled.h1<InjectedProps>`\n  ${commonCSS}\n  ${sizes.lg}\n`\n\nexport const H2Style = styled.h2<InjectedProps>`\n  ${commonCSS}\n  ${sizes.md}\n`\n\nexport const H3Style = styled.h3<InjectedProps>`\n  ${commonCSS}\n  ${sizes.sm}\n`\n"],"names":["sizes","sm","css","theme","fontSizesMap","xl","md","xxl","lg","xxxl","getHeadingColor","props","colorsMap","text","secondary","$color","commonCSS","HeadingStyle","styled","div","$size","H1Style","h1","H2Style","h2","H3Style","h3"],"mappings":";;;;;;;AAIO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,EAAE,EAAEC,WAAI,CAAA;AACV,eAAiB,EAAA,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;KAAH,GAAA,IAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;GAAqC,CAAA;AACtD;AACA,EAJqB,CAAA;AAKnBC,EAAAA,EAAE,EAAEJ,WAAI,CAAA;AACV,eAAiB,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBG,GAAlC,CAAA;GAAsC,CAAA;AACvD;AACA,EARqB,CAAA;AASnBC,EAAAA,EAAE,EAAEN,WAAI,CAAA;AACV,eAAiB,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBK,IAAlC,CAAA;GAAuC,CAAA;AACxD;AACA,EAAA,CAAA;AAZqB,EAAd;;AAoBP,MAAMC,eAAe,GAAIC,KAAD,IAA0B;AAChD,EAAA,MAAMC,SAAS,GAAG;AAChBC,IAAAA,IAAI,EAAG,CADS,sBAAA,CAAA;AAEhBC,IAAAA,SAAS,EAAG,CAAA,+BAAA,CAAA;GAFd,CAAA;AAIA,EAAA,OAAOF,SAAS,CAACD,KAAK,CAACI,MAAP,CAAhB,CAAA;AACD,CAND,CAAA;;AAQA,MAAMC,SAAS,GAAGd,WAAI,CAAA;AACtB;AACA;AACA;AACA,SAAA,EAAWQ,eAAgB,CAAA;AAC3B,CALA,CAAA;AAOaO,MAAAA,YAAY,GAAGC,+BAAM,CAACC,GAA6C,CAAA;AAChF,EAAA,EAAIH,SAAU,CAAA;AACd,EAAA,EAAKL,KAAD,IAAWX,KAAK,CAACW,KAAK,CAACS,KAAP,CAAc,CAAA;AAClC,EAHO;AAKMC,MAAAA,OAAO,GAAGH,+BAAM,CAACI,EAAkB,CAAA;AAChD,EAAA,EAAIN,SAAU,CAAA;AACd,EAAIhB,EAAAA,KAAK,CAACQ,EAAG,CAAA;AACb,EAHO;AAKMe,MAAAA,OAAO,GAAGL,+BAAM,CAACM,EAAkB,CAAA;AAChD,EAAA,EAAIR,SAAU,CAAA;AACd,EAAIhB,EAAAA,KAAK,CAACM,EAAG,CAAA;AACb,EAHO;AAKMmB,MAAAA,OAAO,GAAGP,+BAAM,CAACQ,EAAkB,CAAA;AAChD,EAAA,EAAIV,SAAU,CAAA;AACd,EAAIhB,EAAAA,KAAK,CAACC,EAAG,CAAA;AACb;;;;;;;;"}
+{"version":3,"file":"HeadingStyles.js","sources":["../../../packages/heading/HeadingStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { HeadingColors, HeadingSizes } from './types.js'\n\nexport const sizes = {\n  sm: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xl}px;\n    line-height: 1.3em;\n  `,\n  md: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xxl}px;\n    line-height: 1.3em;\n  `,\n  lg: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xxxl}px;\n    line-height: 1.3em;\n  `,\n}\n\ntype InjectedProps = {\n  $color: HeadingColors\n  theme: Theme\n}\n\nconst getHeadingColor = (props: InjectedProps) => {\n  const colorsMap = {\n    text: `var(--lido-color-text)`,\n    secondary: `var(--lido-color-textSecondary)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst commonCSS = css`\n  margin: 0;\n  padding: 0;\n  font-weight: 800;\n  color: ${getHeadingColor};\n`\n\nexport const HeadingStyle = styled.div<InjectedProps & { $size: HeadingSizes }>`\n  ${commonCSS}\n  ${(props) => sizes[props.$size]}\n`\n\nexport const H1Style = styled.h1<InjectedProps>`\n  ${commonCSS}\n  ${sizes.lg}\n`\n\nexport const H2Style = styled.h2<InjectedProps>`\n  ${commonCSS}\n  ${sizes.md}\n`\n\nexport const H3Style = styled.h3<InjectedProps>`\n  ${commonCSS}\n  ${sizes.sm}\n`\n"],"names":["sizes","sm","css","_ref","theme","fontSizesMap","xl","md","_ref2","xxl","lg","_ref3","xxxl","getHeadingColor","props","colorsMap","text","secondary","$color","commonCSS","HeadingStyle","styled","div","$size","H1Style","h1","H2Style","h2","H3Style","h3"],"mappings":";;;;;;;AAIO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,EAAE,EAAEC,WAAG,CAAA;AACT,eAAA,EAAiBC,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;AAAM,KAAC,GAAAD,IAAA,CAAA;AAAA,IAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,GAAA,CAAA;AACrD;AACA,EAAG,CAAA;AACDC,EAAAA,EAAE,EAAEL,WAAG,CAAA;AACT,eAAA,EAAiBM,KAAA,IAAA;IAAA,IAAC;AAAEJ,MAAAA,KAAAA;AAAM,KAAC,GAAAI,KAAA,CAAA;AAAA,IAAA,OAAKJ,KAAK,CAACC,YAAY,CAACI,GAAG,CAAA;AAAA,GAAA,CAAA;AACtD;AACA,EAAG,CAAA;AACDC,EAAAA,EAAE,EAAER,WAAG,CAAA;AACT,eAAA,EAAiBS,KAAA,IAAA;IAAA,IAAC;AAAEP,MAAAA,KAAAA;AAAM,KAAC,GAAAO,KAAA,CAAA;AAAA,IAAA,OAAKP,KAAK,CAACC,YAAY,CAACO,IAAI,CAAA;AAAA,GAAA,CAAA;AACvD;AACA,EAAA,CAAA;AACA,EAAC;AAOD,MAAMC,eAAe,GAAIC,KAAoB,IAAK;AAChD,EAAA,MAAMC,SAAS,GAAG;AAChBC,IAAAA,IAAI,EAAE,CAAwB,sBAAA,CAAA;AAC9BC,IAAAA,SAAS,EAAE,CAAA,+BAAA,CAAA;GACZ,CAAA;AACD,EAAA,OAAOF,SAAS,CAACD,KAAK,CAACI,MAAM,CAAC,CAAA;AAChC,CAAC,CAAA;AAED,MAAMC,SAAS,GAAGjB,WAAG,CAAA;AACrB;AACA;AACA;AACA,SAAA,EAAWW,eAAe,CAAA;AAC1B,CAAC,CAAA;AAEYO,MAAAA,YAAY,GAAGC,+BAAM,CAACC,GAA4C,CAAA;AAC/E,EAAA,EAAIH,SAAS,CAAA;AACb,EAAA,EAAKL,KAAK,IAAKd,KAAK,CAACc,KAAK,CAACS,KAAK,CAAC,CAAA;AACjC,EAAC;AAEYC,MAAAA,OAAO,GAAGH,+BAAM,CAACI,EAAiB,CAAA;AAC/C,EAAA,EAAIN,SAAS,CAAA;AACb,EAAInB,EAAAA,KAAK,CAACU,EAAE,CAAA;AACZ,EAAC;AAEYgB,MAAAA,OAAO,GAAGL,+BAAM,CAACM,EAAiB,CAAA;AAC/C,EAAA,EAAIR,SAAS,CAAA;AACb,EAAInB,EAAAA,KAAK,CAACO,EAAE,CAAA;AACZ,EAAC;AAEYqB,MAAAA,OAAO,GAAGP,+BAAM,CAACQ,EAAiB,CAAA;AAC/C,EAAA,EAAIV,SAAS,CAAA;AACb,EAAInB,EAAAA,KAAK,CAACC,EAAE,CAAA;AACZ;;;;;;;;"}

package/dist/cjs/heading/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../packages/heading/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\n\nexport enum HeadingColor {\n  text,\n  secondary,\n}\nexport type HeadingColors = keyof typeof HeadingColor\n\nexport enum HeadingSize {\n  sm,\n  md,\n  lg,\n}\nexport type HeadingSizes = keyof typeof HeadingSize\n\nexport type HeadingProps = LidoComponentProps<\n  'div',\n  {\n    color?: HeadingColors\n    size?: HeadingSizes\n  }\n>\n\nexport type HProps<T extends 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> =\n  LidoComponentProps<\n    T,\n    {\n      color?: HeadingColors\n    }\n  >\n"],"names":["HeadingColor","HeadingSize"],"mappings":";;;;AAEYA,IAAAA,YAAZ,0BAAYA,YAAZ,EAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAYA,YAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMYC,IAAAA,WAAZ,0BAAYA,WAAZ,EAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,WAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"types.js","sources":["../../../packages/heading/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\n\nexport enum HeadingColor {\n  text,\n  secondary,\n}\nexport type HeadingColors = keyof typeof HeadingColor\n\nexport enum HeadingSize {\n  sm,\n  md,\n  lg,\n}\nexport type HeadingSizes = keyof typeof HeadingSize\n\nexport type HeadingProps = LidoComponentProps<\n  'div',\n  {\n    color?: HeadingColors\n    size?: HeadingSizes\n  }\n>\n\nexport type HProps<T extends 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> =\n  LidoComponentProps<\n    T,\n    {\n      color?: HeadingColors\n    }\n  >\n"],"names":["HeadingColor","HeadingSize"],"mappings":";;;;AAEYA,IAAAA,YAAY,0BAAZA,YAAY,EAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMZC,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}

package/dist/cjs/hooks/useBreakpoint.js

@@ -19,14 +19,12 @@ const useBreakpoint = breakpoint => {
   React.useEffect(() => {
     try {
       const mql = window.matchMedia(`(max-width: ${maxWidth})`);
-
       const setMobileFromQuery = _ref => {
         let {
           matches
         } = _ref;
         seIsBreakpoint(matches);
       };
-
       mql.addEventListener('change', setMobileFromQuery);
       setMobileFromQuery(mql);
       return () => {

package/dist/cjs/hooks/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","sources":["../../../packages/hooks/useBreakpoint.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { useTheme } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\n\nexport const useBreakpoint = (\n  breakpoint: keyof Theme['breakpointsMap'],\n): boolean => {\n  const theme = useTheme()\n  const maxWidth = theme.breakpointsMap[breakpoint].width\n\n  const [isBreakpoint, seIsBreakpoint] = useState(() => {\n    try {\n      return window.matchMedia(`(max-width: ${maxWidth})`).matches\n    } catch (error) {\n      return false\n    }\n  })\n\n  useEffect(() => {\n    try {\n      const mql = window.matchMedia(`(max-width: ${maxWidth})`)\n\n      const setMobileFromQuery = ({ matches }: { matches: boolean }) => {\n        seIsBreakpoint(matches)\n      }\n\n      mql.addEventListener('change', setMobileFromQuery)\n      setMobileFromQuery(mql)\n\n      return () => {\n        mql.removeEventListener('change', setMobileFromQuery)\n      }\n    } catch (error) {\n      return\n    }\n  }, [maxWidth])\n\n  return isBreakpoint\n}\n"],"names":["useBreakpoint","breakpoint","theme","useTheme","maxWidth","breakpointsMap","width","isBreakpoint","seIsBreakpoint","useState","window","matchMedia","matches","error","useEffect","mql","setMobileFromQuery","addEventListener","removeEventListener"],"mappings":";;;;;;;;AAIaA,MAAAA,aAAa,GACxBC,UAD2B,IAEf;EACZ,MAAMC,KAAK,GAAGC,gBAAQ,EAAtB,CAAA;EACA,MAAMC,QAAQ,GAAGF,KAAK,CAACG,cAAN,CAAqBJ,UAArB,EAAiCK,KAAlD,CAAA;AAEA,EAAA,MAAM,CAACC,YAAD,EAAeC,cAAf,CAAiCC,GAAAA,cAAQ,CAAC,MAAM;IACpD,IAAI;MACF,OAAOC,MAAM,CAACC,UAAP,CAAmB,eAAcP,QAAS,CAAA,CAAA,CAA1C,EAA8CQ,OAArD,CAAA;KADF,CAEE,OAAOC,KAAP,EAAc;AACd,MAAA,OAAO,KAAP,CAAA;AACD,KAAA;AACF,GAN8C,CAA/C,CAAA;AAQAC,EAAAA,eAAS,CAAC,MAAM;IACd,IAAI;MACF,MAAMC,GAAG,GAAGL,MAAM,CAACC,UAAP,CAAmB,CAAA,YAAA,EAAcP,QAAS,CAAA,CAAA,CAA1C,CAAZ,CAAA;;MAEA,MAAMY,kBAAkB,GAAG,IAAuC,IAAA;QAAA,IAAtC;AAAEJ,UAAAA,OAAAA;SAAoC,GAAA,IAAA,CAAA;QAChEJ,cAAc,CAACI,OAAD,CAAd,CAAA;OADF,CAAA;;AAIAG,MAAAA,GAAG,CAACE,gBAAJ,CAAqB,QAArB,EAA+BD,kBAA/B,CAAA,CAAA;MACAA,kBAAkB,CAACD,GAAD,CAAlB,CAAA;AAEA,MAAA,OAAO,MAAM;AACXA,QAAAA,GAAG,CAACG,mBAAJ,CAAwB,QAAxB,EAAkCF,kBAAlC,CAAA,CAAA;OADF,CAAA;KAVF,CAaE,OAAOH,KAAP,EAAc;AACd,MAAA,OAAA;AACD,KAAA;AACF,GAjBQ,EAiBN,CAACT,QAAD,CAjBM,CAAT,CAAA;AAmBA,EAAA,OAAOG,YAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"useBreakpoint.js","sources":["../../../packages/hooks/useBreakpoint.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { useTheme } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\n\nexport const useBreakpoint = (\n  breakpoint: keyof Theme['breakpointsMap'],\n): boolean => {\n  const theme = useTheme()\n  const maxWidth = theme.breakpointsMap[breakpoint].width\n\n  const [isBreakpoint, seIsBreakpoint] = useState(() => {\n    try {\n      return window.matchMedia(`(max-width: ${maxWidth})`).matches\n    } catch (error) {\n      return false\n    }\n  })\n\n  useEffect(() => {\n    try {\n      const mql = window.matchMedia(`(max-width: ${maxWidth})`)\n\n      const setMobileFromQuery = ({ matches }: { matches: boolean }) => {\n        seIsBreakpoint(matches)\n      }\n\n      mql.addEventListener('change', setMobileFromQuery)\n      setMobileFromQuery(mql)\n\n      return () => {\n        mql.removeEventListener('change', setMobileFromQuery)\n      }\n    } catch (error) {\n      return\n    }\n  }, [maxWidth])\n\n  return isBreakpoint\n}\n"],"names":["useBreakpoint","breakpoint","theme","useTheme","maxWidth","breakpointsMap","width","isBreakpoint","seIsBreakpoint","useState","window","matchMedia","matches","error","useEffect","mql","setMobileFromQuery","_ref","addEventListener","removeEventListener"],"mappings":";;;;;;;;AAIaA,MAAAA,aAAa,GACxBC,UAAyC,IAC7B;AACZ,EAAA,MAAMC,KAAK,GAAGC,gBAAQ,EAAE,CAAA;EACxB,MAAMC,QAAQ,GAAGF,KAAK,CAACG,cAAc,CAACJ,UAAU,CAAC,CAACK,KAAK,CAAA;EAEvD,MAAM,CAACC,YAAY,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAAC,MAAM;IACpD,IAAI;MACF,OAAOC,MAAM,CAACC,UAAU,CAAC,eAAeP,QAAQ,CAAA,CAAA,CAAG,CAAC,CAACQ,OAAO,CAAA;KAC7D,CAAC,OAAOC,KAAK,EAAE;AACd,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AACF,GAAC,CAAC,CAAA;AAEFC,EAAAA,eAAS,CAAC,MAAM;IACd,IAAI;MACF,MAAMC,GAAG,GAAGL,MAAM,CAACC,UAAU,CAAC,CAAA,YAAA,EAAeP,QAAQ,CAAA,CAAA,CAAG,CAAC,CAAA;MAEzD,MAAMY,kBAAkB,GAAGC,IAAA,IAAuC;QAAA,IAAtC;AAAEL,UAAAA,OAAAA;AAA8B,SAAC,GAAAK,IAAA,CAAA;QAC3DT,cAAc,CAACI,OAAO,CAAC,CAAA;OACxB,CAAA;AAEDG,MAAAA,GAAG,CAACG,gBAAgB,CAAC,QAAQ,EAAEF,kBAAkB,CAAC,CAAA;MAClDA,kBAAkB,CAACD,GAAG,CAAC,CAAA;AAEvB,MAAA,OAAO,MAAM;AACXA,QAAAA,GAAG,CAACI,mBAAmB,CAAC,QAAQ,EAAEH,kBAAkB,CAAC,CAAA;OACtD,CAAA;KACF,CAAC,OAAOH,KAAK,EAAE;AACd,MAAA,OAAA;AACF,KAAA;AACF,GAAC,EAAE,CAACT,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OAAOG,YAAY,CAAA;AACrB;;;;"}

package/dist/cjs/hooks/useEscape.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEscape.js","sources":["../../../packages/hooks/useEscape.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\n\nexport const useEscape = (callback?: () => void): void => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        callback?.()\n      }\n    },\n    [callback],\n  )\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [handleKeyDown])\n}\n"],"names":["useEscape","callback","handleKeyDown","useCallback","event","key","useEffect","window","addEventListener","removeEventListener"],"mappings":";;;;;;AAEaA,MAAAA,SAAS,GAAIC,QAAD,IAAiC;AACxD,EAAA,MAAMC,aAAa,GAAGC,iBAAW,CAC9BC,KAAD,IAA0B;AACxB,IAAA,IAAIA,KAAK,CAACC,GAAN,KAAc,QAAlB,EAA4B;MAC1BJ,QAAQ,IAAA,CAAA;AACT,KAAA;AACF,GAL8B,EAM/B,CAACA,QAAD,CAN+B,CAAjC,CAAA;AASAK,EAAAA,eAAS,CAAC,MAAM;AACdC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCN,aAAnC,CAAA,CAAA;IAEA,OAAO,MAAMK,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCP,aAAtC,CAAb,CAAA;AACD,GAJQ,EAIN,CAACA,aAAD,CAJM,CAAT,CAAA;AAKD;;;;"}
+{"version":3,"file":"useEscape.js","sources":["../../../packages/hooks/useEscape.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\n\nexport const useEscape = (callback?: () => void): void => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        callback?.()\n      }\n    },\n    [callback],\n  )\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [handleKeyDown])\n}\n"],"names":["useEscape","callback","handleKeyDown","useCallback","event","key","useEffect","window","addEventListener","removeEventListener"],"mappings":";;;;;;AAEaA,MAAAA,SAAS,GAAIC,QAAqB,IAAW;AACxD,EAAA,MAAMC,aAAa,GAAGC,iBAAW,CAC9BC,KAAoB,IAAK;AACxB,IAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;AAC1BJ,MAAAA,QAAQ,IAAI,CAAA;AACd,KAAA;AACF,GAAC,EACD,CAACA,QAAQ,CACX,CAAC,CAAA;AAEDK,EAAAA,eAAS,CAAC,MAAM;AACdC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEN,aAAa,CAAC,CAAA;IAEjD,OAAO,MAAMK,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEP,aAAa,CAAC,CAAA;AACnE,GAAC,EAAE,CAACA,aAAa,CAAC,CAAC,CAAA;AACrB;;;;"}

package/dist/cjs/hooks/useInterceptFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterceptFocus.js","sources":["../../../packages/hooks/useInterceptFocus.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useInterceptFocus = (): [\n  (node: HTMLElement) => void,\n  () => void,\n] => {\n  const savedElement = useRef<Element | null>(null)\n\n  const restoreFocus = useCallback(() => {\n    if (!(savedElement.current instanceof HTMLElement)) return\n    savedElement.current.focus()\n  }, [])\n\n  const interceptFocus = useCallback((node: HTMLElement) => {\n    savedElement.current = document.activeElement\n\n    const isFocusInside = node.contains(document.activeElement)\n    if (isFocusInside) return\n\n    node.focus()\n  }, [])\n\n  return [interceptFocus, restoreFocus]\n}\n"],"names":["useInterceptFocus","savedElement","useRef","restoreFocus","useCallback","current","HTMLElement","focus","interceptFocus","node","document","activeElement","isFocusInside","contains"],"mappings":";;;;;;AAEO,MAAMA,iBAAiB,GAAG,MAG5B;AACH,EAAA,MAAMC,YAAY,GAAGC,YAAM,CAAiB,IAAjB,CAA3B,CAAA;AAEA,EAAA,MAAMC,YAAY,GAAGC,iBAAW,CAAC,MAAM;AACrC,IAAA,IAAI,EAAEH,YAAY,CAACI,OAAb,YAAgCC,WAAlC,CAAJ,EAAoD,OAAA;IACpDL,YAAY,CAACI,OAAb,CAAqBE,KAArB,EAAA,CAAA;GAF8B,EAG7B,EAH6B,CAAhC,CAAA;AAKA,EAAA,MAAMC,cAAc,GAAGJ,iBAAW,CAAEK,IAAD,IAAuB;AACxDR,IAAAA,YAAY,CAACI,OAAb,GAAuBK,QAAQ,CAACC,aAAhC,CAAA;IAEA,MAAMC,aAAa,GAAGH,IAAI,CAACI,QAAL,CAAcH,QAAQ,CAACC,aAAvB,CAAtB,CAAA;AACA,IAAA,IAAIC,aAAJ,EAAmB,OAAA;AAEnBH,IAAAA,IAAI,CAACF,KAAL,EAAA,CAAA;GANgC,EAO/B,EAP+B,CAAlC,CAAA;AASA,EAAA,OAAO,CAACC,cAAD,EAAiBL,YAAjB,CAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"useInterceptFocus.js","sources":["../../../packages/hooks/useInterceptFocus.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useInterceptFocus = (): [\n  (node: HTMLElement) => void,\n  () => void,\n] => {\n  const savedElement = useRef<Element | null>(null)\n\n  const restoreFocus = useCallback(() => {\n    if (!(savedElement.current instanceof HTMLElement)) return\n    savedElement.current.focus()\n  }, [])\n\n  const interceptFocus = useCallback((node: HTMLElement) => {\n    savedElement.current = document.activeElement\n\n    const isFocusInside = node.contains(document.activeElement)\n    if (isFocusInside) return\n\n    node.focus()\n  }, [])\n\n  return [interceptFocus, restoreFocus]\n}\n"],"names":["useInterceptFocus","savedElement","useRef","restoreFocus","useCallback","current","HTMLElement","focus","interceptFocus","node","document","activeElement","isFocusInside","contains"],"mappings":";;;;;;AAEaA,MAAAA,iBAAiB,GAAGA,MAG5B;AACH,EAAA,MAAMC,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAEjD,EAAA,MAAMC,YAAY,GAAGC,iBAAW,CAAC,MAAM;AACrC,IAAA,IAAI,EAAEH,YAAY,CAACI,OAAO,YAAYC,WAAW,CAAC,EAAE,OAAA;AACpDL,IAAAA,YAAY,CAACI,OAAO,CAACE,KAAK,EAAE,CAAA;GAC7B,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMC,cAAc,GAAGJ,iBAAW,CAAEK,IAAiB,IAAK;AACxDR,IAAAA,YAAY,CAACI,OAAO,GAAGK,QAAQ,CAACC,aAAa,CAAA;IAE7C,MAAMC,aAAa,GAAGH,IAAI,CAACI,QAAQ,CAACH,QAAQ,CAACC,aAAa,CAAC,CAAA;AAC3D,IAAA,IAAIC,aAAa,EAAE,OAAA;IAEnBH,IAAI,CAACF,KAAK,EAAE,CAAA;GACb,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,OAAO,CAACC,cAAc,EAAEL,YAAY,CAAC,CAAA;AACvC;;;;"}

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const React = require('react');
 
+// use this instead of useLayoutEffect for SSR
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../../packages/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n// use this instead of useLayoutEffect for SSR\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect"],"mappings":";;;;;;AAGO,MAAMA,yBAAyB,GACpC,OAAOC,MAAP,KAAkB,WAAlB,GAAgCC,qBAAhC,GAAkDC;;;;"}
+{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../../packages/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n// use this instead of useLayoutEffect for SSR\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect"],"mappings":";;;;;;AAEA;AACO,MAAMA,yBAAyB,GACpC,OAAOC,MAAM,KAAK,WAAW,GAAGC,qBAAe,GAAGC;;;;"}

package/dist/cjs/hooks/useLockScroll.js

@@ -18,16 +18,13 @@ const getScrollbarSize = () => {
   document.body.removeChild(tempDiv);
   return scrollbarSize;
 };
-
 const isVerticalScroll = element => {
   const isBody = document.body === element;
   return isBody ? document.documentElement.scrollHeight > window.innerHeight : element.scrollHeight > element.clientHeight;
 };
-
 const getPaddingRight = element => {
   return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0;
 };
-
 const setStyleProperty = (element, property, value) => {
   if (value) {
     element.style.setProperty(property, value);
@@ -35,7 +32,6 @@ const setStyleProperty = (element, property, value) => {
     element.style.removeProperty(property);
   }
 };
-
 const useLockScroll = function () {
   let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
   const lockScroll = React.useCallback(() => {
@@ -47,7 +43,6 @@ const useLockScroll = function () {
     const paddingRight = getPaddingRight(element) + getScrollbarSize();
     setStyleProperty(element, 'padding-right', `${paddingRight}px`);
     setStyleProperty(element, 'overflow', 'hidden');
-
     const unlockScroll = () => {
       const {
         paddingRight,
@@ -56,7 +51,6 @@ const useLockScroll = function () {
       setStyleProperty(element, 'padding-right', paddingRight);
       setStyleProperty(element, 'overflow', overflow);
     };
-
     return unlockScroll;
   }, [element]);
   React.useLayoutEffect(() => {

package/dist/cjs/hooks/useLockScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLockScroll.js","sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n  const tempDiv = document.createElement('div')\n\n  Object.assign(tempDiv.style, {\n    position: 'absolute',\n    left: '-9000px',\n    width: '100px',\n    height: '100px',\n    overflow: 'scroll',\n  })\n\n  document.body.appendChild(tempDiv)\n  const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n  document.body.removeChild(tempDiv)\n\n  return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n  const isBody = document.body === element\n\n  return isBody\n    ? document.documentElement.scrollHeight > window.innerHeight\n    : element.scrollHeight > element.clientHeight\n}\n\nconst getPaddingRight = (element: HTMLElement): number => {\n  return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0\n}\n\nconst setStyleProperty = (\n  element: HTMLElement,\n  property: string,\n  value?: string,\n): void => {\n  if (value) {\n    element.style.setProperty(property, value)\n  } else {\n    element.style.removeProperty(property)\n  }\n}\n\nexport const useLockScroll = (element: HTMLElement = document.body): void => {\n  const lockScroll = useCallback(() => {\n    if (!isVerticalScroll(element)) return\n\n    const previousValues = {\n      paddingRight: element.style.paddingRight,\n      overflow: element.style.overflow,\n    }\n\n    const paddingRight = getPaddingRight(element) + getScrollbarSize()\n    setStyleProperty(element, 'padding-right', `${paddingRight}px`)\n    setStyleProperty(element, 'overflow', 'hidden')\n\n    const unlockScroll = () => {\n      const { paddingRight, overflow } = previousValues\n\n      setStyleProperty(element, 'padding-right', paddingRight)\n      setStyleProperty(element, 'overflow', overflow)\n    }\n\n    return unlockScroll\n  }, [element])\n\n  useLayoutEffect(() => {\n    const unlockScroll = lockScroll()\n    return unlockScroll\n  }, [lockScroll])\n}\n"],"names":["getScrollbarSize","tempDiv","document","createElement","Object","assign","style","position","left","width","height","overflow","body","appendChild","scrollbarSize","offsetWidth","clientWidth","removeChild","isVerticalScroll","element","isBody","documentElement","scrollHeight","window","innerHeight","clientHeight","getPaddingRight","parseInt","getComputedStyle","paddingRight","setStyleProperty","property","value","setProperty","removeProperty","useLockScroll","lockScroll","useCallback","previousValues","unlockScroll","useLayoutEffect"],"mappings":"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"}
+{"version":3,"file":"useLockScroll.js","sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n  const tempDiv = document.createElement('div')\n\n  Object.assign(tempDiv.style, {\n    position: 'absolute',\n    left: '-9000px',\n    width: '100px',\n    height: '100px',\n    overflow: 'scroll',\n  })\n\n  document.body.appendChild(tempDiv)\n  const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n  document.body.removeChild(tempDiv)\n\n  return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n  const isBody = document.body === element\n\n  return isBody\n    ? document.documentElement.scrollHeight > window.innerHeight\n    : element.scrollHeight > element.clientHeight\n}\n\nconst getPaddingRight = (element: HTMLElement): number => {\n  return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0\n}\n\nconst setStyleProperty = (\n  element: HTMLElement,\n  property: string,\n  value?: string,\n): void => {\n  if (value) {\n    element.style.setProperty(property, value)\n  } else {\n    element.style.removeProperty(property)\n  }\n}\n\nexport const useLockScroll = (element: HTMLElement = document.body): void => {\n  const lockScroll = useCallback(() => {\n    if (!isVerticalScroll(element)) return\n\n    const previousValues = {\n      paddingRight: element.style.paddingRight,\n      overflow: element.style.overflow,\n    }\n\n    const paddingRight = getPaddingRight(element) + getScrollbarSize()\n    setStyleProperty(element, 'padding-right', `${paddingRight}px`)\n    setStyleProperty(element, 'overflow', 'hidden')\n\n    const unlockScroll = () => {\n      const { paddingRight, overflow } = previousValues\n\n      setStyleProperty(element, 'padding-right', paddingRight)\n      setStyleProperty(element, 'overflow', overflow)\n    }\n\n    return unlockScroll\n  }, [element])\n\n  useLayoutEffect(() => {\n    const unlockScroll = lockScroll()\n    return unlockScroll\n  }, [lockScroll])\n}\n"],"names":["getScrollbarSize","tempDiv","document","createElement","Object","assign","style","position","left","width","height","overflow","body","appendChild","scrollbarSize","offsetWidth","clientWidth","removeChild","isVerticalScroll","element","isBody","documentElement","scrollHeight","window","innerHeight","clientHeight","getPaddingRight","parseInt","getComputedStyle","paddingRight","setStyleProperty","property","value","setProperty","removeProperty","useLockScroll","arguments","length","undefined","lockScroll","useCallback","previousValues","unlockScroll","useLayoutEffect"],"mappings":"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"}

package/dist/cjs/hooks/useMergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergeRefs.js","sources":["../../../packages/hooks/useMergeRefs.ts"],"sourcesContent":["import { ForwardedRef, MutableRefObject } from 'react'\nimport { useMergeRefs as useCallbackMergeRefs } from 'use-callback-ref'\n\nexport const useMergeRefs = <T extends HTMLElement>(\n  refs: (ForwardedRef<T | null> | undefined)[],\n): MutableRefObject<T | null> => {\n  return useCallbackMergeRefs(\n    refs.filter((ref): ref is ForwardedRef<T> => !!ref),\n  )\n}\n"],"names":["useMergeRefs","refs","useCallbackMergeRefs","filter","ref"],"mappings":";;;;;;AAGaA,MAAAA,YAAY,GACvBC,IAD0B,IAEK;AAC/B,EAAA,OAAOC,2BAAoB,CACzBD,IAAI,CAACE,MAAL,CAAaC,GAAD,IAAiC,CAAC,CAACA,GAA/C,CADyB,CAA3B,CAAA;AAGD;;;;"}
+{"version":3,"file":"useMergeRefs.js","sources":["../../../packages/hooks/useMergeRefs.ts"],"sourcesContent":["import { ForwardedRef, MutableRefObject } from 'react'\nimport { useMergeRefs as useCallbackMergeRefs } from 'use-callback-ref'\n\nexport const useMergeRefs = <T extends HTMLElement>(\n  refs: (ForwardedRef<T | null> | undefined)[],\n): MutableRefObject<T | null> => {\n  return useCallbackMergeRefs(\n    refs.filter((ref): ref is ForwardedRef<T> => !!ref),\n  )\n}\n"],"names":["useMergeRefs","refs","useCallbackMergeRefs","filter","ref"],"mappings":";;;;;;AAGaA,MAAAA,YAAY,GACvBC,IAA4C,IACb;AAC/B,EAAA,OAAOC,2BAAoB,CACzBD,IAAI,CAACE,MAAM,CAAEC,GAAG,IAA6B,CAAC,CAACA,GAAG,CACpD,CAAC,CAAA;AACH;;;;"}

package/dist/cjs/hooks/useOutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.js","sources":["../../../packages/hooks/useOutsideClick.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react'\n\nexport const useOutsideClick = <T extends HTMLDivElement>(\n  callback?: () => void,\n): {\n  ref: RefObject<T>\n} => {\n  const ref = useRef<T>(null)\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const popover = ref.current\n      const { target } = event\n\n      if (!(target instanceof Element)) return\n\n      const isOutside = popover?.contains(target) === false\n      if (isOutside) callback?.()\n    },\n    [callback],\n  )\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleOutsideClick)\n\n    return () => document.removeEventListener('mousedown', handleOutsideClick)\n  }, [handleOutsideClick])\n\n  return { ref }\n}\n"],"names":["useOutsideClick","callback","ref","useRef","handleOutsideClick","useCallback","event","popover","current","target","Element","isOutside","contains","useEffect","document","addEventListener","removeEventListener"],"mappings":";;;;;;AAEaA,MAAAA,eAAe,GAC1BC,QAD6B,IAI1B;AACH,EAAA,MAAMC,GAAG,GAAGC,YAAM,CAAI,IAAJ,CAAlB,CAAA;AAEA,EAAA,MAAMC,kBAAkB,GAAGC,iBAAW,CACnCC,KAAD,IAAuB;AACrB,IAAA,MAAMC,OAAO,GAAGL,GAAG,CAACM,OAApB,CAAA;IACA,MAAM;AAAEC,MAAAA,MAAAA;AAAF,KAAA,GAAaH,KAAnB,CAAA;AAEA,IAAA,IAAI,EAAEG,MAAM,YAAYC,OAApB,CAAJ,EAAkC,OAAA;IAElC,MAAMC,SAAS,GAAGJ,OAAO,EAAEK,QAAT,CAAkBH,MAAlB,MAA8B,KAAhD,CAAA;IACA,IAAIE,SAAJ,EAAeV,QAAQ,IAAA,CAAA;AACxB,GATmC,EAUpC,CAACA,QAAD,CAVoC,CAAtC,CAAA;AAaAY,EAAAA,eAAS,CAAC,MAAM;AACdC,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCX,kBAAvC,CAAA,CAAA;IAEA,OAAO,MAAMU,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CZ,kBAA1C,CAAb,CAAA;AACD,GAJQ,EAIN,CAACA,kBAAD,CAJM,CAAT,CAAA;EAMA,OAAO;AAAEF,IAAAA,GAAAA;GAAT,CAAA;AACD;;;;"}
+{"version":3,"file":"useOutsideClick.js","sources":["../../../packages/hooks/useOutsideClick.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react'\n\nexport const useOutsideClick = <T extends HTMLDivElement>(\n  callback?: () => void,\n): {\n  ref: RefObject<T>\n} => {\n  const ref = useRef<T>(null)\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const popover = ref.current\n      const { target } = event\n\n      if (!(target instanceof Element)) return\n\n      const isOutside = popover?.contains(target) === false\n      if (isOutside) callback?.()\n    },\n    [callback],\n  )\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleOutsideClick)\n\n    return () => document.removeEventListener('mousedown', handleOutsideClick)\n  }, [handleOutsideClick])\n\n  return { ref }\n}\n"],"names":["useOutsideClick","callback","ref","useRef","handleOutsideClick","useCallback","event","popover","current","target","Element","isOutside","contains","useEffect","document","addEventListener","removeEventListener"],"mappings":";;;;;;AAEaA,MAAAA,eAAe,GAC1BC,QAAqB,IAGlB;AACH,EAAA,MAAMC,GAAG,GAAGC,YAAM,CAAI,IAAI,CAAC,CAAA;AAE3B,EAAA,MAAMC,kBAAkB,GAAGC,iBAAW,CACnCC,KAAiB,IAAK;AACrB,IAAA,MAAMC,OAAO,GAAGL,GAAG,CAACM,OAAO,CAAA;IAC3B,MAAM;AAAEC,MAAAA,MAAAA;AAAO,KAAC,GAAGH,KAAK,CAAA;AAExB,IAAA,IAAI,EAAEG,MAAM,YAAYC,OAAO,CAAC,EAAE,OAAA;IAElC,MAAMC,SAAS,GAAGJ,OAAO,EAAEK,QAAQ,CAACH,MAAM,CAAC,KAAK,KAAK,CAAA;AACrD,IAAA,IAAIE,SAAS,EAAEV,QAAQ,IAAI,CAAA;AAC7B,GAAC,EACD,CAACA,QAAQ,CACX,CAAC,CAAA;AAEDY,EAAAA,eAAS,CAAC,MAAM;AACdC,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEX,kBAAkB,CAAC,CAAA;IAE1D,OAAO,MAAMU,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEZ,kBAAkB,CAAC,CAAA;AAC5E,GAAC,EAAE,CAACA,kBAAkB,CAAC,CAAC,CAAA;EAExB,OAAO;AAAEF,IAAAA,GAAAA;GAAK,CAAA;AAChB;;;;"}

package/dist/cjs/hooks/useSystemTheme.js

@@ -17,14 +17,12 @@ const useSystemTheme = () => {
   const [systemTheme, setSystemTheme] = React.useState();
   React.useEffect(() => {
     const mql = window.matchMedia('(prefers-color-scheme: dark)');
-
     const setThemeFromQuery = _ref => {
       let {
         matches
       } = _ref;
       setSystemTheme(matches ? constants.ThemeName.dark : constants.ThemeName.light);
     };
-
     mql.addEventListener('change', setThemeFromQuery);
     setThemeFromQuery(mql);
     return () => {

package/dist/cjs/hooks/useSystemTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSystemTheme.js","sources":["../../../packages/hooks/useSystemTheme.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { ThemeName } from '../theme/index.js'\n\nexport const useSystemTheme = (): ThemeName | undefined => {\n  const [systemTheme, setSystemTheme] = useState<ThemeName>()\n\n  useEffect(() => {\n    const mql = window.matchMedia('(prefers-color-scheme: dark)')\n\n    const setThemeFromQuery = ({ matches }: { matches: boolean }) => {\n      setSystemTheme(matches ? ThemeName.dark : ThemeName.light)\n    }\n\n    mql.addEventListener('change', setThemeFromQuery)\n    setThemeFromQuery(mql)\n\n    return () => {\n      mql.removeEventListener('change', setThemeFromQuery)\n    }\n  }, [])\n\n  return systemTheme\n}\n"],"names":["useSystemTheme","systemTheme","setSystemTheme","useState","useEffect","mql","window","matchMedia","setThemeFromQuery","matches","ThemeName","dark","light","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;;;;;;AAGO,MAAMA,cAAc,GAAG,MAA6B;AACzD,EAAA,MAAM,CAACC,WAAD,EAAcC,cAAd,CAAA,GAAgCC,cAAQ,EAA9C,CAAA;AAEAC,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,MAAMC,GAAG,GAAGC,MAAM,CAACC,UAAP,CAAkB,8BAAlB,CAAZ,CAAA;;IAEA,MAAMC,iBAAiB,GAAG,IAAuC,IAAA;MAAA,IAAtC;AAAEC,QAAAA,OAAAA;OAAoC,GAAA,IAAA,CAAA;MAC/DP,cAAc,CAACO,OAAO,GAAGC,mBAAS,CAACC,IAAb,GAAoBD,mBAAS,CAACE,KAAtC,CAAd,CAAA;KADF,CAAA;;AAIAP,IAAAA,GAAG,CAACQ,gBAAJ,CAAqB,QAArB,EAA+BL,iBAA/B,CAAA,CAAA;IACAA,iBAAiB,CAACH,GAAD,CAAjB,CAAA;AAEA,IAAA,OAAO,MAAM;AACXA,MAAAA,GAAG,CAACS,mBAAJ,CAAwB,QAAxB,EAAkCN,iBAAlC,CAAA,CAAA;KADF,CAAA;GAVO,EAaN,EAbM,CAAT,CAAA;AAeA,EAAA,OAAOP,WAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"useSystemTheme.js","sources":["../../../packages/hooks/useSystemTheme.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { ThemeName } from '../theme/index.js'\n\nexport const useSystemTheme = (): ThemeName | undefined => {\n  const [systemTheme, setSystemTheme] = useState<ThemeName>()\n\n  useEffect(() => {\n    const mql = window.matchMedia('(prefers-color-scheme: dark)')\n\n    const setThemeFromQuery = ({ matches }: { matches: boolean }) => {\n      setSystemTheme(matches ? ThemeName.dark : ThemeName.light)\n    }\n\n    mql.addEventListener('change', setThemeFromQuery)\n    setThemeFromQuery(mql)\n\n    return () => {\n      mql.removeEventListener('change', setThemeFromQuery)\n    }\n  }, [])\n\n  return systemTheme\n}\n"],"names":["useSystemTheme","systemTheme","setSystemTheme","useState","useEffect","mql","window","matchMedia","setThemeFromQuery","_ref","matches","ThemeName","dark","light","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;;;;;;AAGaA,MAAAA,cAAc,GAAGA,MAA6B;EACzD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,EAAa,CAAA;AAE3DC,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,MAAMC,GAAG,GAAGC,MAAM,CAACC,UAAU,CAAC,8BAA8B,CAAC,CAAA;IAE7D,MAAMC,iBAAiB,GAAGC,IAAA,IAAuC;MAAA,IAAtC;AAAEC,QAAAA,OAAAA;AAA8B,OAAC,GAAAD,IAAA,CAAA;MAC1DP,cAAc,CAACQ,OAAO,GAAGC,mBAAS,CAACC,IAAI,GAAGD,mBAAS,CAACE,KAAK,CAAC,CAAA;KAC3D,CAAA;AAEDR,IAAAA,GAAG,CAACS,gBAAgB,CAAC,QAAQ,EAAEN,iBAAiB,CAAC,CAAA;IACjDA,iBAAiB,CAACH,GAAG,CAAC,CAAA;AAEtB,IAAA,OAAO,MAAM;AACXA,MAAAA,GAAG,CAACU,mBAAmB,CAAC,QAAQ,EAAEP,iBAAiB,CAAC,CAAA;KACrD,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,OAAOP,WAAW,CAAA;AACpB;;;;"}

package/dist/cjs/hooks/useWindowSize.js

@@ -9,7 +9,6 @@ const getWindowSize = () => {
   const height = window.innerHeight;
   return [width, height];
 };
-
 const useWindowSize = () => {
   const [size, setSize] = React.useState(getWindowSize);
   const handleResize = React.useCallback(() => {

package/dist/cjs/hooks/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","sources":["../../../packages/hooks/useWindowSize.ts"],"sourcesContent":["import { useCallback, useState, useEffect } from 'react'\n\ntype WindowSize = [width: number, height: number]\n\nconst getWindowSize = (): WindowSize => {\n  const width = window.innerWidth\n  const height = window.innerHeight\n\n  return [width, height]\n}\n\nexport const useWindowSize = (): WindowSize => {\n  const [size, setSize] = useState(getWindowSize)\n\n  const handleResize = useCallback(() => {\n    setSize(getWindowSize())\n  }, [])\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize)\n\n    return () => window.removeEventListener('resize', handleResize)\n  }, [handleResize])\n\n  return size\n}\n"],"names":["getWindowSize","width","window","innerWidth","height","innerHeight","useWindowSize","size","setSize","useState","handleResize","useCallback","useEffect","addEventListener","removeEventListener"],"mappings":";;;;;;AAIA,MAAMA,aAAa,GAAG,MAAkB;AACtC,EAAA,MAAMC,KAAK,GAAGC,MAAM,CAACC,UAArB,CAAA;AACA,EAAA,MAAMC,MAAM,GAAGF,MAAM,CAACG,WAAtB,CAAA;AAEA,EAAA,OAAO,CAACJ,KAAD,EAAQG,MAAR,CAAP,CAAA;AACD,CALD,CAAA;;AAOO,MAAME,aAAa,GAAG,MAAkB;EAC7C,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkBC,cAAQ,CAACT,aAAD,CAAhC,CAAA;AAEA,EAAA,MAAMU,YAAY,GAAGC,iBAAW,CAAC,MAAM;IACrCH,OAAO,CAACR,aAAa,EAAd,CAAP,CAAA;GAD8B,EAE7B,EAF6B,CAAhC,CAAA;AAIAY,EAAAA,eAAS,CAAC,MAAM;AACdV,IAAAA,MAAM,CAACW,gBAAP,CAAwB,QAAxB,EAAkCH,YAAlC,CAAA,CAAA;IAEA,OAAO,MAAMR,MAAM,CAACY,mBAAP,CAA2B,QAA3B,EAAqCJ,YAArC,CAAb,CAAA;AACD,GAJQ,EAIN,CAACA,YAAD,CAJM,CAAT,CAAA;AAMA,EAAA,OAAOH,IAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"useWindowSize.js","sources":["../../../packages/hooks/useWindowSize.ts"],"sourcesContent":["import { useCallback, useState, useEffect } from 'react'\n\ntype WindowSize = [width: number, height: number]\n\nconst getWindowSize = (): WindowSize => {\n  const width = window.innerWidth\n  const height = window.innerHeight\n\n  return [width, height]\n}\n\nexport const useWindowSize = (): WindowSize => {\n  const [size, setSize] = useState(getWindowSize)\n\n  const handleResize = useCallback(() => {\n    setSize(getWindowSize())\n  }, [])\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize)\n\n    return () => window.removeEventListener('resize', handleResize)\n  }, [handleResize])\n\n  return size\n}\n"],"names":["getWindowSize","width","window","innerWidth","height","innerHeight","useWindowSize","size","setSize","useState","handleResize","useCallback","useEffect","addEventListener","removeEventListener"],"mappings":";;;;;;AAIA,MAAMA,aAAa,GAAGA,MAAkB;AACtC,EAAA,MAAMC,KAAK,GAAGC,MAAM,CAACC,UAAU,CAAA;AAC/B,EAAA,MAAMC,MAAM,GAAGF,MAAM,CAACG,WAAW,CAAA;AAEjC,EAAA,OAAO,CAACJ,KAAK,EAAEG,MAAM,CAAC,CAAA;AACxB,CAAC,CAAA;AAEYE,MAAAA,aAAa,GAAGA,MAAkB;EAC7C,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAACT,aAAa,CAAC,CAAA;AAE/C,EAAA,MAAMU,YAAY,GAAGC,iBAAW,CAAC,MAAM;AACrCH,IAAAA,OAAO,CAACR,aAAa,EAAE,CAAC,CAAA;GACzB,EAAE,EAAE,CAAC,CAAA;AAENY,EAAAA,eAAS,CAAC,MAAM;AACdV,IAAAA,MAAM,CAACW,gBAAgB,CAAC,QAAQ,EAAEH,YAAY,CAAC,CAAA;IAE/C,OAAO,MAAMR,MAAM,CAACY,mBAAmB,CAAC,QAAQ,EAAEJ,YAAY,CAAC,CAAA;AACjE,GAAC,EAAE,CAACA,YAAY,CAAC,CAAC,CAAA;AAElB,EAAA,OAAOH,IAAI,CAAA;AACb;;;;"}

package/dist/cjs/icons/index.js

@@ -6,6 +6,7 @@ const React = require('react');
 const jsxRuntime = require('react/jsx-runtime');
 
 // THIS FILE IS AUTO GENERATED
+
 const Ambire = /*#__PURE__*/React.forwardRef(function Ambire(props, svgRef) {
   return /*#__PURE__*/jsxRuntime.jsxs("svg", {
     width: 48,