cakeinpanic-ui 1.0.0

package/dist/esm/cookies-tooltip/cookies-tooltip.mjs

@@ -0,0 +1,67 @@
+import { useState, useCallback, useEffect } from 'react';
+import '../utils/modalRoot.mjs';
+import { getCrossDomainCookieClientSide } from '../utils/cookies-client-side.mjs';
+import { Wrap, Box, Text, ExternalLink, ButtonsWrap, AllowButton, DeclineButton } from './styles.mjs';
+import { allowCookies, declineCookies } from './utils.mjs';
+import { COOKIE_ALLOWED_KEY } from './constants.mjs';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+const CookiesTooltip = _ref => {
+  let {
+    privacyText,
+    privacyLink,
+    privacyLinkEnabled = true,
+    ...rest
+  } = _ref;
+  const [isVisible, setVisibility] = useState(false);
+  const checkCookieAllowedEarlier = useCallback(() => {
+    // Check if user allowed/declined in other tab or third level domain
+    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {
+      setVisibility(false);
+      window.removeEventListener('focus', checkCookieAllowedEarlier);
+    }
+  }, []);
+  useEffect(() => {
+    // Check cookie after page loaded
+    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {
+      return;
+    }
+    setVisibility(true);
+
+    // This code runs after returned to this browser tab (window) from other
+    window.addEventListener('focus', checkCookieAllowedEarlier);
+  }, [checkCookieAllowedEarlier]);
+  if (!isVisible) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx(Wrap, {
+    ...rest,
+    children: /*#__PURE__*/jsxs(Box, {
+      children: [/*#__PURE__*/jsxs(Text, {
+        children: [privacyText ?? /*#__PURE__*/jsxs(Fragment, {
+          children: ["Cookies are used to collect anonymous site visitation data to\xA0improve website performance.", privacyLinkEnabled && /*#__PURE__*/jsx(Fragment, {
+            children: "\xA0For\xA0more info, read\xA0"
+          })]
+        }), privacyLinkEnabled && /*#__PURE__*/jsx(ExternalLink, {
+          href: privacyLink ?? 'https://lido.fi/privacy-notice',
+          children: "Privacy Notice"
+        })]
+      }), /*#__PURE__*/jsxs(ButtonsWrap, {
+        children: [/*#__PURE__*/jsx(AllowButton, {
+          onClick: () => {
+            allowCookies();
+            setVisibility(false);
+          },
+          children: "Allow"
+        }), /*#__PURE__*/jsx(DeclineButton, {
+          onClick: () => {
+            declineCookies();
+            setVisibility(false);
+          },
+          children: "Decline"
+        })]
+      })]
+    })
+  });
+};
+
+export { CookiesTooltip };
+//# sourceMappingURL=cookies-tooltip.mjs.map

package/dist/esm/cookies-tooltip/cookies-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookies-tooltip.mjs","sources":["../../../src/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,QAAQ,CAAC,KAAK,CAAC,CAAA;AAElD,EAAA,MAAMC,yBAAyB,GAAGC,WAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,8BAA8B,CAACC,kBAAkB,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,SAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,8BAA8B,CAACC,kBAAkB,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,GAAA,CAAAC,QAAA,IAAI,CAAC,CAAA;EAE5B,oBACED,GAAA,CAACE,IAAI,EAAA;AAAA,IAAA,GAAKd,IAAI;IAAAe,QAAA,eACZC,IAAA,CAACC,GAAG,EAAA;MAAAF,QAAA,EAAA,cACFC,IAAA,CAACE,IAAI,EAAA;AAAAH,QAAAA,QAAA,EACFlB,CAAAA,WAAW,iBACVmB,IAAA,CAAAH,QAAA,EAAA;AAAAE,UAAAA,QAAA,GAAE,+FAGA,EAAChB,kBAAkB,iBAAIa,GAAA,CAAAC,QAAA,EAAA;AAAAE,YAAAA,QAAA,EAAE,gCAAA;AAAoC,WAAE,CAAC,CAAA;AAAA,SAChE,CACH,EACAhB,kBAAkB,iBACjBa,GAAA,CAACO,YAAY,EAAA;UACXC,IAAI,EAAEtB,WAAW,IAAI,gCAAiC;AAAAiB,UAAAA,QAAA,EACvD,gBAAA;AAED,SAAc,CACf,CAAA;AAAA,OACG,CAAC,eACPC,IAAA,CAACK,WAAW,EAAA;QAAAN,QAAA,EAAA,cACVH,GAAA,CAACU,WAAW,EAAA;UACVC,OAAO,EAAEA,MAAM;AACbC,YAAAA,YAAY,EAAE,CAAA;YACdtB,aAAa,CAAC,KAAK,CAAC,CAAA;WACpB;AAAAa,UAAAA,QAAA,EACH,OAAA;AAED,SAAa,CAAC,eACdH,GAAA,CAACa,aAAa,EAAA;UACZF,OAAO,EAAEA,MAAM;AACbG,YAAAA,cAAc,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/esm/cookies-tooltip/styles.mjs

@@ -0,0 +1,136 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+
+const ExternalLink = styled.a.attrs({
+  target: '_blank',
+  rel: 'nofollow noopener'
+})`
+  cursor: pointer;
+  color: var(--lido-color-primary);
+  text-decoration: none;
+
+  &:hover {
+    color: var(--lido-color-primaryHover);
+  }
+`;
+const Wrap = styled.div`
+  z-index: 999;
+  position: fixed;
+  bottom: 20px;
+  left: 20px;
+  right: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.mediaQueries.lg;
+}} {
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+`;
+const Box = styled.div`
+  display: flex;
+  align-items: center;
+  padding: 16px 24px;
+  border-radius: 20px;
+  background-color: var(--lido-color-foreground);
+  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08);
+
+  ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.mediaQueries.lg;
+}} {
+    flex-direction: column;
+    border-radius: 0;
+    width: 100%;
+  }
+`;
+const Text = styled.div`
+  margin-right: 8px;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--lido-color-textSecondary);
+  max-width: 500px;
+
+  ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.mediaQueries.lg;
+}} {
+    margin-right: 0;
+    margin-bottom: 8px;
+    width: 100%;
+    text-align: center;
+  }
+`;
+const ButtonsWrap = styled.div`
+  display: flex;
+`;
+const ButtonBasic = styled.button.attrs({
+  type: 'button'
+})`
+  font-weight: 800;
+  font-size: 12px;
+  line-height: 20px;
+  border-radius: 6px;
+  width: 72px;
+  height: 32px;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  transition:
+    background-color ease 0.25s,
+    border-color ease 0.25s,
+    color ease 0.25s;
+
+  &:not(:last-child) {
+    margin-right: 8px;
+  }
+
+  &:hover {
+    background-color: #0e1621;
+  }
+
+  &:active {
+    transform: translateY(1px);
+  }
+
+  ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.mediaQueries.lg;
+}} {
+    width: 112px;
+  }
+`;
+const AllowButton = styled(ButtonBasic)`
+  background-color: var(--lido-color-secondary);
+  color: var(--lido-color-secondaryContrast);
+
+  &:hover {
+    background-color: var(--lido-color-secondaryHover);
+  }
+`;
+const DeclineButton = styled(ButtonBasic)`
+  background-color: var(--lido-color-foreground);
+  color: var(--lido-color-text);
+  border: 1px solid var(--lido-color-text);
+
+  &:hover {
+    background-color: var(--lido-color-secondary);
+    color: var(--lido-color-secondaryContrast);
+  }
+`;
+
+export { AllowButton, Box, ButtonsWrap, DeclineButton, ExternalLink, Text, Wrap };
+//# sourceMappingURL=styles.mjs.map

package/dist/esm/cookies-tooltip/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","sources":["../../../src/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,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,CAACM,GAAG,CAAA;AACrC;AACA,EAAC;AAED,MAAMU,WAAW,GAAGhB,MAAM,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,MAAM,CAACgB,WAAW,CAAC,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYK,aAAa,GAAGrB,MAAM,CAACgB,WAAW,CAAC,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/cookies-tooltip/utils.mjs

@@ -0,0 +1,36 @@
+import '../utils/modalRoot.mjs';
+import { getDomainCookieClientSide, removeCookiesClientSide, setCrossDomainCookieClientSide, setDomainCookieClientSide } from '../utils/cookies-client-side.mjs';
+import { COOKIE_VALUE_YES, COOKIE_VALUE_NO, COOKIE_ALLOWED_KEY } from './constants.mjs';
+
+const allowCookies = () => {
+  // For top level domain - *.some-domain.fi
+  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES);
+  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_YES}`)) {
+    // For specific.domain.fi, if cookie can't be set to top level domain
+    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES);
+  }
+};
+const declineCookies = () => {
+  // For top level domain - *.some-domain.fi
+  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO);
+  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_NO}`)) {
+    // For specific.domain.fi, if cookie can't be set to top level domain
+    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO);
+  }
+};
+const migrationAllowCookieToCrossDomainCookieClientSide = keyOldCookie => {
+  const old_cookie_value = getDomainCookieClientSide(keyOldCookie);
+  if (!old_cookie_value) {
+    return;
+  }
+  removeCookiesClientSide(keyOldCookie);
+  if (old_cookie_value === COOKIE_VALUE_YES) {
+    allowCookies();
+  } else if (old_cookie_value === COOKIE_VALUE_NO) {
+    declineCookies();
+  }
+  // else noop
+};
+
+export { allowCookies, declineCookies, migrationAllowCookieToCrossDomainCookieClientSide };
+//# sourceMappingURL=utils.mjs.map

package/dist/esm/cookies-tooltip/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../src/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,8BAA8B,CAACC,kBAAkB,EAAEC,gBAAgB,CAAC,CAAA;AAEpE,EAAA,IAAI,CAACC,QAAQ,CAACC,MAAM,CAACC,QAAQ,CAAC,CAAA,EAAGJ,kBAAkB,CAAA,CAAA,EAAIC,gBAAgB,CAAA,CAAE,CAAC,EAAE;AAC1E;AACAI,IAAAA,yBAAyB,CAACL,kBAAkB,EAAEC,gBAAgB,CAAC,CAAA;AACjE,GAAA;AACF,EAAC;AAEYK,MAAAA,cAAc,GAAGA,MAAY;AACxC;AACAP,EAAAA,8BAA8B,CAACC,kBAAkB,EAAEO,eAAe,CAAC,CAAA;AAEnE,EAAA,IAAI,CAACL,QAAQ,CAACC,MAAM,CAACC,QAAQ,CAAC,CAAA,EAAGJ,kBAAkB,CAAA,CAAA,EAAIO,eAAe,CAAA,CAAE,CAAC,EAAE;AACzE;AACAF,IAAAA,yBAAyB,CAACL,kBAAkB,EAAEO,eAAe,CAAC,CAAA;AAChE,GAAA;AACF,EAAC;AAEYC,MAAAA,iDAAiD,GAC5DC,YAAoB,IACjB;AACH,EAAA,MAAMC,gBAAgB,GAAGC,yBAAyB,CAACF,YAAY,CAAC,CAAA;EAEhE,IAAI,CAACC,gBAAgB,EAAE;AACrB,IAAA,OAAA;AACF,GAAA;EAEAE,uBAAuB,CAACH,YAAY,CAAC,CAAA;EAErC,IAAIC,gBAAgB,KAAKT,gBAAgB,EAAE;AACzCH,IAAAA,YAAY,EAAE,CAAA;AAChB,GAAC,MAAM,IAAIY,gBAAgB,KAAKH,eAAe,EAAE;AAC/CD,IAAAA,cAAc,EAAE,CAAA;AAClB,GAAA;AACA;AACF;;;;"}

package/dist/esm/data-table/DataTable.mjs

@@ -0,0 +1,45 @@
+import { forwardRef } from 'react';
+import '../loaders/Loader.mjs';
+import { InlineLoader } from '../loaders/InlineLoader.mjs';
+import { Tooltip } from '../tooltip/Tooltip.mjs';
+import { DataTableRowStyle, DataTableTitleStyle, DataTableQuestionStyle, DataTableValueStyle, DataTableStyle } from './DataTableStyles.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const DataTableRow = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    title,
+    loading = false,
+    highlight = false,
+    help,
+    children,
+    ...rest
+  } = _ref;
+  const hasHelper = !!help;
+  return /*#__PURE__*/jsxs(DataTableRowStyle, {
+    ref: ref,
+    ...rest,
+    children: [/*#__PURE__*/jsxs(DataTableTitleStyle, {
+      children: [title, hasHelper && /*#__PURE__*/jsx(Tooltip, {
+        placement: "bottomLeft",
+        title: help,
+        children: /*#__PURE__*/jsx(DataTableQuestionStyle, {})
+      })]
+    }), /*#__PURE__*/jsx(DataTableValueStyle, {
+      $highlight: highlight,
+      children: loading ? /*#__PURE__*/jsx(InlineLoader, {
+        color: "text"
+      }) : children
+    })]
+  });
+});
+DataTableRow.displayName = 'DataTableRow';
+const DataTable = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/jsx(DataTableStyle, {
+    ref: ref,
+    ...props
+  });
+});
+DataTable.displayName = 'DataTable';
+
+export { DataTable, DataTableRow };
+//# sourceMappingURL=DataTable.mjs.map

package/dist/esm/data-table/DataTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.mjs","sources":["../../../src/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,UAAU,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,IAAA,CAACC,iBAAiB,EAAA;AAACT,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKM,IAAI;IAAAD,QAAA,EAAA,cACnCG,IAAA,CAACE,mBAAmB,EAAA;AAAAL,MAAAA,QAAA,GACjBJ,KAAK,EACLM,SAAS,iBACRI,GAAA,CAACC,OAAO,EAAA;AAACC,QAAAA,SAAS,EAAC,YAAY;AAACZ,QAAAA,KAAK,EAAEG,IAAK;AAAAC,QAAAA,QAAA,eAC1CM,GAAA,CAACG,sBAAsB,EAAE,EAAA,CAAA;AAAC,OACnB,CACV,CAAA;AAAA,KACkB,CAAC,eACtBH,GAAA,CAACI,mBAAmB,EAAA;AAACC,MAAAA,UAAU,EAAEb,SAAU;AAAAE,MAAAA,QAAA,EACxCH,OAAO,gBAAGS,GAAA,CAACM,YAAY,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,UAAU,CACjC,CAACuB,KAAqB,EAAErB,GAAkC,KAAK;EAC7D,oBAAOW,GAAA,CAACW,cAAc,EAAA;AAACtB,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKqB,KAAAA;AAAK,GAAG,CAAC,CAAA;AAChD,CACF,EAAC;AACDD,SAAS,CAACD,WAAW,GAAG,WAAW;;;;"}

package/dist/esm/data-table/DataTableStyles.mjs

@@ -0,0 +1,58 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { Question } from '../icons/index.mjs';
+
+const DataTableStyle = styled.div``;
+const DataTableRowStyle = styled.div`
+  display: flex;
+  margin: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spaceMap.md;
+}}px 0;
+  font-weight: 400;
+  font-size: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+
+  &:first-child {
+    margin-top: 0;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+const DataTableTitleStyle = styled.div`
+  color: var(--lido-color-textSecondary);
+  flex-grow: 1;
+`;
+const DataTableValueStyle = styled.div`
+  color: var(
+    --lido-color-${_ref3 => {
+  let {
+    $highlight
+  } = _ref3;
+  return $highlight ? `success` : `text`;
+}}
+  );
+  text-align: right;
+  margin-left: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.spaceMap.xxl;
+}}px;
+  flex-grow: 1;
+`;
+const DataTableQuestionStyle = styled(Question)`
+  margin: -6px 0 -5px;
+  vertical-align: middle;
+`;
+
+export { DataTableQuestionStyle, DataTableRowStyle, DataTableStyle, DataTableTitleStyle, DataTableValueStyle };
+//# sourceMappingURL=DataTableStyles.mjs.map

package/dist/esm/data-table/DataTableStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableStyles.mjs","sources":["../../../src/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,MAAM,CAACC,GAAG,CAAE,EAAA;AAE7BC,MAAAA,iBAAiB,GAAGF,MAAM,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,MAAM,CAACC,GAAG,CAAA;AAC7C;AACA;AACA,EAAC;AAEYU,MAAAA,mBAAmB,GAAGX,MAAM,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,MAAM,CAACiB,QAAQ,CAAC,CAAA;AACtD;AACA;AACA;;;;"}

package/dist/esm/divider/Divider.mjs

@@ -0,0 +1,22 @@
+import { forwardRef } from 'react';
+import { DividerStyle } from './DividerStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const Divider = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    type = 'horizontal',
+    indents,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(DividerStyle, {
+    $type: type,
+    $indents: indents,
+    ref: ref,
+    ...rest
+  });
+});
+Divider.displayName = 'Divider';
+
+export { Divider };
+//# sourceMappingURL=Divider.mjs.map

package/dist/esm/divider/Divider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.mjs","sources":["../../../src/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,UAAU,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,GAAA,CAACC,YAAY,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/esm/divider/DividerStyles.mjs

@@ -0,0 +1,38 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+const getIndents = _ref => {
+  let {
+    $indents,
+    theme
+  } = _ref;
+  return $indents ? `${theme.spaceMap[$indents]}px` : '0';
+};
+const types = {
+  horizontal: css`
+    border-top: 1px solid currentcolor;
+    width: 100%;
+    height: 0;
+    margin: ${getIndents} 0;
+  `,
+  vertical: css`
+    border-left: 1px solid currentcolor;
+    align-self: stretch;
+    width: 0;
+    margin: 0 ${getIndents};
+  `
+};
+const DividerStyle = styled.div`
+  box-sizing: border-box;
+  list-style: none;
+  opacity: 0.1;
+  margin: 0;
+  padding: 0;
+  flex-shrink: 0;
+  flex-grow: 0;
+
+  ${props => types[props.$type]}
+`;
+
+export { DividerStyle };
+//# sourceMappingURL=DividerStyles.mjs.map

package/dist/esm/divider/DividerStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerStyles.mjs","sources":["../../../src/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,GAAkB,CAAA;AAChC;AACA;AACA;AACA,YAAA,EAAcP,UAAU,CAAA;AACxB,EAAG,CAAA;AACDQ,EAAAA,QAAQ,EAAED,GAAkB,CAAA;AAC9B;AACA;AACA;AACA,cAAA,EAAgBP,UAAU,CAAA;AAC1B,EAAA,CAAA;AACA,CAAC,CAAA;AAEYS,MAAAA,YAAY,GAAGC,MAAM,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/esm/divider/types.mjs

@@ -0,0 +1,16 @@
+let DividerType = /*#__PURE__*/function (DividerType) {
+  DividerType[DividerType["vertical"] = 0] = "vertical";
+  DividerType[DividerType["horizontal"] = 1] = "horizontal";
+  return DividerType;
+}({});
+let DividerIndent = /*#__PURE__*/function (DividerIndent) {
+  DividerIndent[DividerIndent["xs"] = 0] = "xs";
+  DividerIndent[DividerIndent["sm"] = 1] = "sm";
+  DividerIndent[DividerIndent["md"] = 2] = "md";
+  DividerIndent[DividerIndent["lg"] = 3] = "lg";
+  DividerIndent[DividerIndent["xl"] = 4] = "xl";
+  return DividerIndent;
+}({});
+
+export { DividerIndent, DividerType };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/divider/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/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/esm/heading/Heading.mjs

@@ -0,0 +1,57 @@
+import { forwardRef } from 'react';
+import { HeadingStyle, H1Style, H2Style, H3Style } from './HeadingStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const Heading = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    size = 'md',
+    color = 'text',
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(HeadingStyle, {
+    $size: size,
+    $color: color,
+    ref: ref,
+    ...rest
+  });
+});
+Heading.displayName = 'Heading';
+const H1 = /*#__PURE__*/forwardRef((_ref2, ref) => {
+  let {
+    color = 'text',
+    ...rest
+  } = _ref2;
+  return /*#__PURE__*/jsx(H1Style, {
+    $color: color,
+    ref: ref,
+    ...rest
+  });
+});
+H1.displayName = 'H1';
+const H2 = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  let {
+    color = 'text',
+    ...rest
+  } = _ref3;
+  return /*#__PURE__*/jsx(H2Style, {
+    $color: color,
+    ref: ref,
+    ...rest
+  });
+});
+H2.displayName = 'H2';
+const H3 = /*#__PURE__*/forwardRef((_ref4, ref) => {
+  let {
+    color = 'text',
+    ...rest
+  } = _ref4;
+  return /*#__PURE__*/jsx(H3Style, {
+    $color: color,
+    ref: ref,
+    ...rest
+  });
+});
+H3.displayName = 'H3';
+
+export { H1, H2, H3, Heading };
+//# sourceMappingURL=Heading.mjs.map

package/dist/esm/heading/Heading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.mjs","sources":["../../../src/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,UAAU,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,GAAA,CAACC,YAAY,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,UAAU,CAC1B,CAAAY,KAAA,EAEEV,GAAsC,KACnC;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAO,KAAA,CAAA;EAGzC,oBAAON,GAAA,CAACO,OAAO,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,UAAU,CAC1B,CAAAe,KAAA,EAEEb,GAAsC,KACnC;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAU,KAAA,CAAA;EAGzC,oBAAOT,GAAA,CAACU,OAAO,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,UAAU,CAC1B,CAAAkB,KAAA,EAEEhB,GAAsC,KACnC;EAAA,IAFH;AAAEE,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAa,KAAA,CAAA;EAGzC,oBAAOZ,GAAA,CAACa,OAAO,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/esm/heading/HeadingStyles.mjs

@@ -0,0 +1,64 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+const sizes = {
+  sm: css`
+    font-size: ${_ref => {
+    let {
+      theme
+    } = _ref;
+    return theme.fontSizesMap.xl;
+  }}px;
+    line-height: 1.3em;
+  `,
+  md: css`
+    font-size: ${_ref2 => {
+    let {
+      theme
+    } = _ref2;
+    return theme.fontSizesMap.xxl;
+  }}px;
+    line-height: 1.3em;
+  `,
+  lg: css`
+    font-size: ${_ref3 => {
+    let {
+      theme
+    } = _ref3;
+    return theme.fontSizesMap.xxxl;
+  }}px;
+    line-height: 1.3em;
+  `
+};
+const getHeadingColor = props => {
+  const colorsMap = {
+    text: `var(--lido-color-text)`,
+    secondary: `var(--lido-color-textSecondary)`
+  };
+  return colorsMap[props.$color];
+};
+const commonCSS = css`
+  margin: 0;
+  padding: 0;
+  font-weight: 800;
+  color: ${getHeadingColor};
+`;
+const HeadingStyle = styled.div`
+  ${commonCSS}
+  ${props => sizes[props.$size]}
+`;
+const H1Style = styled.h1`
+  ${commonCSS}
+  ${sizes.lg}
+`;
+const H2Style = styled.h2`
+  ${commonCSS}
+  ${sizes.md}
+`;
+const H3Style = styled.h3`
+  ${commonCSS}
+  ${sizes.sm}
+`;
+
+export { H1Style, H2Style, H3Style, HeadingStyle, sizes };
+//# sourceMappingURL=HeadingStyles.mjs.map

package/dist/esm/heading/HeadingStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingStyles.mjs","sources":["../../../src/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,GAAG,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,GAAG,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,GAAG,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,GAAG,CAAA;AACrB;AACA;AACA;AACA,SAAA,EAAWW,eAAe,CAAA;AAC1B,CAAC,CAAA;AAEYO,MAAAA,YAAY,GAAGC,MAAM,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,MAAM,CAACI,EAAiB,CAAA;AAC/C,EAAA,EAAIN,SAAS,CAAA;AACb,EAAInB,EAAAA,KAAK,CAACU,EAAE,CAAA;AACZ,EAAC;AAEYgB,MAAAA,OAAO,GAAGL,MAAM,CAACM,EAAiB,CAAA;AAC/C,EAAA,EAAIR,SAAS,CAAA;AACb,EAAInB,EAAAA,KAAK,CAACO,EAAE,CAAA;AACZ,EAAC;AAEYqB,MAAAA,OAAO,GAAGP,MAAM,CAACQ,EAAiB,CAAA;AAC/C,EAAA,EAAIV,SAAS,CAAA;AACb,EAAInB,EAAAA,KAAK,CAACC,EAAE,CAAA;AACZ;;;;"}

package/dist/esm/heading/types.mjs

@@ -0,0 +1,14 @@
+let HeadingColor = /*#__PURE__*/function (HeadingColor) {
+  HeadingColor[HeadingColor["text"] = 0] = "text";
+  HeadingColor[HeadingColor["secondary"] = 1] = "secondary";
+  return HeadingColor;
+}({});
+let HeadingSize = /*#__PURE__*/function (HeadingSize) {
+  HeadingSize[HeadingSize["sm"] = 0] = "sm";
+  HeadingSize[HeadingSize["md"] = 1] = "md";
+  HeadingSize[HeadingSize["lg"] = 2] = "lg";
+  return HeadingSize;
+}({});
+
+export { HeadingColor, HeadingSize };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/heading/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/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;;;;"}