@lidofinance/lido-ui 3.9.0 → 3.10.1

package/dist/esm/theme/cookie-theme-provider.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useEffect, useMemo, useState } from "react";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, memo, useContext, useEffect, useMemo, useState } from "react";
 import { ThemeProvider as StyledThemeProvider } from "styled-components";
 import { DEFAULT_THEME_NAME, prefersDarkThemeMediaQuery, ThemeName } from "./constants";
 import { themeMap } from "./themes";
@@ -16,7 +17,7 @@ initColors();
  * 1. it can be nested, BUT it should re-use value provided by itself for optimisation purposes
  * 2. if it is top-level, it is not altering itself, but instead altering theme behavior on HTMLElement level
  * 3. it does not support custom themes, preferring pre-defined themes instead
- * */ export const CookieThemeProvider = /*#__PURE__*/ React.memo((param)=>{
+ * */ export const CookieThemeProvider = /*#__PURE__*/ memo((param)=>{
     let { children , initialThemeName , // overrideThemeName is mainly used for storybook
     overrideThemeName ,  } = param;
     const parentTheme = useContext(ThemeToggleContext);
@@ -93,22 +94,28 @@ initColors();
     if (isTopLevelProvider) {
         // if this provider is top-level we rely on element-theme-script.tsx logic
         // which defines data-lido-theme injection
-        return /*#__PURE__*/ React.createElement(ThemeToggleContext.Provider, {
-            value: value
-        }, /*#__PURE__*/ React.createElement(StyledThemeProvider, {
-            theme: theme
-        }, children));
+        return /*#__PURE__*/ _jsx(ThemeToggleContext.Provider, {
+            value: value,
+            children: /*#__PURE__*/ _jsx(StyledThemeProvider, {
+                theme: theme,
+                children: children
+            })
+        });
     } else if (overrideThemeName) {
-        return /*#__PURE__*/ React.createElement("div", {
+        return /*#__PURE__*/ _jsx("div", {
             style: {
                 display: 'contents'
             },
-            "data-lido-theme": themeName
-        }, /*#__PURE__*/ React.createElement(StyledThemeProvider, {
-            theme: theme
-        }, children));
+            "data-lido-theme": themeName,
+            children: /*#__PURE__*/ _jsx(StyledThemeProvider, {
+                theme: theme,
+                children: children
+            })
+        });
     } else {
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
+        return /*#__PURE__*/ _jsx(_Fragment, {
+            children: children
+        });
     }
 });
 CookieThemeProvider.displayName = 'CookieThemeProvider';

package/dist/esm/theme/cookie-theme-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/theme/cookie-theme-provider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  FC,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport { ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport {\n  DEFAULT_THEME_NAME,\n  prefersDarkThemeMediaQuery,\n  ThemeName,\n} from './constants'\nimport { themeMap } from './themes'\nimport { getThemeNameFromCookies } from './utils/cookies'\nimport { initColors } from './document-head-contents'\nimport { updateGlobalTheme } from './document-head-contents/element-theme-script'\nimport { ThemeContext } from './types'\n\nconst defaultThemeContext = {} as ThemeContext\nexport const ThemeToggleContext =\n  createContext<ThemeContext>(defaultThemeContext)\n\n// we need to initialize this before react component code if we're using this provider or ThemeProvider\ninitColors()\n\n/**\n * This is really complicated logic here. Comments will be added on specific lines\n *\n * Cookie theme provider acts differently from common theme provider.\n * 1. it can be nested, BUT it should re-use value provided by itself for optimisation purposes\n * 2. if it is top-level, it is not altering itself, but instead altering theme behavior on HTMLElement level\n * 3. it does not support custom themes, preferring pre-defined themes instead\n * */\n\nexport const CookieThemeProvider: FC<\n  PropsWithChildren<{\n    // Use themeNameParent if you need get cookie in SSR\n    initialThemeName?: ThemeName\n    overrideThemeName?: ThemeName\n  }>\n> = React.memo(\n  ({\n    children,\n    initialThemeName,\n    // overrideThemeName is mainly used for storybook\n    overrideThemeName,\n  }) => {\n    const parentTheme = useContext(ThemeToggleContext)\n    // we do not want to do nested injections, and we're checking\n    // if context we inject in this component is already provided\n    const isTopLevelProvider = Object.keys(parentTheme).length === 0\n    // we always start with default theme, or, if server wants to provide\n    // specific default theme, with server-provided theme to avoid hydration errors\n    const [internalThemeName, setThemeName] = useState<ThemeName>(\n      initialThemeName || DEFAULT_THEME_NAME,\n    )\n    // since we're using this component to provide cookie-theme,\n    // we eventually want to respect theme provided in cookie, not general theme,\n    // so we're picking `parentTheme.themeName` if we have one.\n    // If user needs custom theme, not \"cookie theme\", he should use ThemeProvider instead.\n    const themeName = parentTheme.themeName || internalThemeName\n\n    const theme = themeMap[themeName]\n\n    // This logic is really hydrating everything, since we started with server-rendered default prop.\n    // It also follows cookie value change.\n    useEffect(() => {\n      // This logic is useless if we're nested - it is already done in top-level provider\n      if (!isTopLevelProvider) {\n        return\n      }\n\n      const setTheme = () => {\n        const systemThemeName = prefersDarkThemeMediaQuery?.matches\n          ? ThemeName.dark\n          : ThemeName.light\n        const themeNameCookie = getThemeNameFromCookies()\n        const newThemeName =\n          // first, if we have some override (e.g. in Storybook), we respect it\n          overrideThemeName ||\n          // then, if we have cookie theme, we use theme from cookie\n          themeNameCookie ||\n          // else, we follow theme we were provided in initialization from server,\n          // which means server explicitly wants specific theme by default, not \"follow-system\"\n          initialThemeName ||\n          // then, we use media query theme, if available (not all browsers may still support it)\n          systemThemeName ||\n          // and, finally, falling back to default\n          DEFAULT_THEME_NAME\n        setThemeName(newThemeName)\n        // and when theme is switched, we're setting global-level CSS variable data-attribute\n        // to modify CSS vars provided on a top-level\n        document.documentElement.dataset.lidoTheme = newThemeName\n      }\n\n      // Users may have auto-theme (switching on sunset or schedule or whatever) so we need to listen for this event\n      prefersDarkThemeMediaQuery?.addEventListener('change', setTheme)\n      setTheme()\n\n      // This code check that the theme cookie was changed on other tab or site (the same second-level domain)\n      const checkCookieThemeWasChanged = () => {\n        const themeNameCookie = getThemeNameFromCookies()\n\n        if (\n          themeNameCookie &&\n          (themeNameCookie === ThemeName.dark ||\n            themeNameCookie === ThemeName.light)\n        ) {\n          setThemeName(themeNameCookie)\n        }\n      }\n      window.addEventListener('focus', checkCookieThemeWasChanged)\n\n      return () => {\n        window.removeEventListener('focus', checkCookieThemeWasChanged)\n      }\n    }, [\n      initialThemeName,\n      isTopLevelProvider,\n      overrideThemeName,\n      parentTheme,\n      theme,\n    ])\n\n    const value = useMemo(\n      () => ({\n        themeName,\n        toggleTheme() {\n          setThemeName((themeName) => {\n            const newThemeName =\n              themeName === ThemeName.light ? ThemeName.dark : ThemeName.light\n            // note that we're writing cookie theme only on explicit calls,\n            // not on \"internal theme state\" change\n            updateGlobalTheme(newThemeName)\n            // we do not need to run setTheme here, as effect is triggered\n            return newThemeName\n          })\n        },\n      }),\n      [themeName],\n    )\n\n    if (isTopLevelProvider) {\n      // if this provider is top-level we rely on element-theme-script.tsx logic\n      // which defines data-lido-theme injection\n      return (\n        <ThemeToggleContext.Provider value={value}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </ThemeToggleContext.Provider>\n      )\n    } else if (overrideThemeName) {\n      return (\n        <div style={{ display: 'contents' }} data-lido-theme={themeName}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </div>\n      )\n    } else {\n      return <>{children}</>\n    }\n  },\n)\n\nCookieThemeProvider.displayName = 'CookieThemeProvider'\n"],"names":["React","createContext","useContext","useEffect","useMemo","useState","ThemeProvider","StyledThemeProvider","DEFAULT_THEME_NAME","prefersDarkThemeMediaQuery","ThemeName","themeMap","getThemeNameFromCookies","initColors","updateGlobalTheme","defaultThemeContext","ThemeToggleContext","CookieThemeProvider","memo","children","initialThemeName","overrideThemeName","parentTheme","isTopLevelProvider","Object","keys","length","internalThemeName","setThemeName","themeName","theme","setTheme","systemThemeName","matches","dark","light","themeNameCookie","newThemeName","document","documentElement","dataset","lidoTheme","addEventListener","checkCookieThemeWasChanged","window","removeEventListener","value","toggleTheme","Provider","div","style","display","data-lido-theme","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/theme/cookie-theme-provider.tsx"],"sourcesContent":["import {\n  createContext,\n  FC,\n  memo,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport { ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport {\n  DEFAULT_THEME_NAME,\n  prefersDarkThemeMediaQuery,\n  ThemeName,\n} from './constants'\nimport { themeMap } from './themes'\nimport { getThemeNameFromCookies } from './utils/cookies'\nimport { initColors } from './document-head-contents'\nimport { updateGlobalTheme } from './document-head-contents/element-theme-script'\nimport { ThemeContext } from './types'\n\nconst defaultThemeContext = {} as ThemeContext\nexport const ThemeToggleContext =\n  createContext<ThemeContext>(defaultThemeContext)\n\n// we need to initialize this before react component code if we're using this provider or ThemeProvider\ninitColors()\n\n/**\n * This is really complicated logic here. Comments will be added on specific lines\n *\n * Cookie theme provider acts differently from common theme provider.\n * 1. it can be nested, BUT it should re-use value provided by itself for optimisation purposes\n * 2. if it is top-level, it is not altering itself, but instead altering theme behavior on HTMLElement level\n * 3. it does not support custom themes, preferring pre-defined themes instead\n * */\n\nexport const CookieThemeProvider: FC<\n  PropsWithChildren<{\n    // Use themeNameParent if you need get cookie in SSR\n    initialThemeName?: ThemeName\n    overrideThemeName?: ThemeName\n  }>\n> = memo(\n  ({\n    children,\n    initialThemeName,\n    // overrideThemeName is mainly used for storybook\n    overrideThemeName,\n  }) => {\n    const parentTheme = useContext(ThemeToggleContext)\n    // we do not want to do nested injections, and we're checking\n    // if context we inject in this component is already provided\n    const isTopLevelProvider = Object.keys(parentTheme).length === 0\n    // we always start with default theme, or, if server wants to provide\n    // specific default theme, with server-provided theme to avoid hydration errors\n    const [internalThemeName, setThemeName] = useState<ThemeName>(\n      initialThemeName || DEFAULT_THEME_NAME,\n    )\n    // since we're using this component to provide cookie-theme,\n    // we eventually want to respect theme provided in cookie, not general theme,\n    // so we're picking `parentTheme.themeName` if we have one.\n    // If user needs custom theme, not \"cookie theme\", he should use ThemeProvider instead.\n    const themeName = parentTheme.themeName || internalThemeName\n\n    const theme = themeMap[themeName]\n\n    // This logic is really hydrating everything, since we started with server-rendered default prop.\n    // It also follows cookie value change.\n    useEffect(() => {\n      // This logic is useless if we're nested - it is already done in top-level provider\n      if (!isTopLevelProvider) {\n        return\n      }\n\n      const setTheme = () => {\n        const systemThemeName = prefersDarkThemeMediaQuery?.matches\n          ? ThemeName.dark\n          : ThemeName.light\n        const themeNameCookie = getThemeNameFromCookies()\n        const newThemeName =\n          // first, if we have some override (e.g. in Storybook), we respect it\n          overrideThemeName ||\n          // then, if we have cookie theme, we use theme from cookie\n          themeNameCookie ||\n          // else, we follow theme we were provided in initialization from server,\n          // which means server explicitly wants specific theme by default, not \"follow-system\"\n          initialThemeName ||\n          // then, we use media query theme, if available (not all browsers may still support it)\n          systemThemeName ||\n          // and, finally, falling back to default\n          DEFAULT_THEME_NAME\n        setThemeName(newThemeName)\n        // and when theme is switched, we're setting global-level CSS variable data-attribute\n        // to modify CSS vars provided on a top-level\n        document.documentElement.dataset.lidoTheme = newThemeName\n      }\n\n      // Users may have auto-theme (switching on sunset or schedule or whatever) so we need to listen for this event\n      prefersDarkThemeMediaQuery?.addEventListener('change', setTheme)\n      setTheme()\n\n      // This code check that the theme cookie was changed on other tab or site (the same second-level domain)\n      const checkCookieThemeWasChanged = () => {\n        const themeNameCookie = getThemeNameFromCookies()\n\n        if (\n          themeNameCookie &&\n          (themeNameCookie === ThemeName.dark ||\n            themeNameCookie === ThemeName.light)\n        ) {\n          setThemeName(themeNameCookie)\n        }\n      }\n      window.addEventListener('focus', checkCookieThemeWasChanged)\n\n      return () => {\n        window.removeEventListener('focus', checkCookieThemeWasChanged)\n      }\n    }, [\n      initialThemeName,\n      isTopLevelProvider,\n      overrideThemeName,\n      parentTheme,\n      theme,\n    ])\n\n    const value = useMemo(\n      () => ({\n        themeName,\n        toggleTheme() {\n          setThemeName((themeName) => {\n            const newThemeName =\n              themeName === ThemeName.light ? ThemeName.dark : ThemeName.light\n            // note that we're writing cookie theme only on explicit calls,\n            // not on \"internal theme state\" change\n            updateGlobalTheme(newThemeName)\n            // we do not need to run setTheme here, as effect is triggered\n            return newThemeName\n          })\n        },\n      }),\n      [themeName],\n    )\n\n    if (isTopLevelProvider) {\n      // if this provider is top-level we rely on element-theme-script.tsx logic\n      // which defines data-lido-theme injection\n      return (\n        <ThemeToggleContext.Provider value={value}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </ThemeToggleContext.Provider>\n      )\n    } else if (overrideThemeName) {\n      return (\n        <div style={{ display: 'contents' }} data-lido-theme={themeName}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </div>\n      )\n    } else {\n      return <>{children}</>\n    }\n  },\n)\n\nCookieThemeProvider.displayName = 'CookieThemeProvider'\n"],"names":["createContext","memo","useContext","useEffect","useMemo","useState","ThemeProvider","StyledThemeProvider","DEFAULT_THEME_NAME","prefersDarkThemeMediaQuery","ThemeName","themeMap","getThemeNameFromCookies","initColors","updateGlobalTheme","defaultThemeContext","ThemeToggleContext","CookieThemeProvider","children","initialThemeName","overrideThemeName","parentTheme","isTopLevelProvider","Object","keys","length","internalThemeName","setThemeName","themeName","theme","setTheme","systemThemeName","matches","dark","light","themeNameCookie","newThemeName","document","documentElement","dataset","lidoTheme","addEventListener","checkCookieThemeWasChanged","window","removeEventListener","value","toggleTheme","Provider","div","style","display","data-lido-theme","displayName"],"mappings":"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"}

package/dist/esm/theme/document-head-contents/element-fonts.js

@@ -1,9 +1,11 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 const CSS_FONTS = `@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800);
 body {
 font-family: Manrope, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
   Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 }`;
-export const Fonts = ()=>/*#__PURE__*/ React.createElement("style", null, CSS_FONTS);
+export const Fonts = ()=>/*#__PURE__*/ _jsx("style", {
+        children: CSS_FONTS
+    });
 
 //# sourceMappingURL=element-fonts.js.map

package/dist/esm/theme/document-head-contents/element-fonts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../packages/theme/document-head-contents/element-fonts.tsx"],"sourcesContent":["import React from 'react'\n\nconst CSS_FONTS = `@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800);\nbody {\nfont-family: Manrope, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,\n  Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n}`\n\nexport const Fonts = (): JSX.Element => <style>{CSS_FONTS}</style>\n"],"names":["React","CSS_FONTS","Fonts","style"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAMC,SAAS,GAAG,CAAC;;;;CAIlB,CAAC;AAEF,OAAO,MAAMC,KAAK,GAAG,kBAAmB,oBAACC,OAAK,QAAEF,SAAS,CAAS,CAAA"}
+{"version":3,"sources":["../../../../packages/theme/document-head-contents/element-fonts.tsx"],"sourcesContent":["const CSS_FONTS = `@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800);\nbody {\nfont-family: Manrope, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,\n  Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n}`\n\nexport const Fonts = (): JSX.Element => <style>{CSS_FONTS}</style>\n"],"names":["CSS_FONTS","Fonts","style"],"mappings":"AAAA;AAAA,MAAMA,SAAS,GAAG,CAAC;;;;CAIlB,CAAC;AAEF,OAAO,MAAMC,KAAK,GAAG,kBAAmB,KAACC,OAAK;kBAAEF,SAAS;MAAS,CAAA"}

package/dist/esm/theme/document-head-contents/element-theme-colors.js

@@ -1,5 +1,4 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { themeDark, themeLight } from "../themes";
 import { generateCssColorVariables } from "../utils/generate-css-color-variables";
 import { globalStyleDataAttribute, ThemeName } from "../constants";
@@ -42,12 +41,11 @@ if (typeof window !== 'undefined') {
         };
     }
 }
-export const StyleThemeColors = ()=>/*#__PURE__*/ React.createElement("style", _extends({}, {
-        [globalStyleDataAttribute]: true
-    }, {
+export const StyleThemeColors = ()=>/*#__PURE__*/ _jsx("style", {
+        [globalStyleDataAttribute]: true,
         dangerouslySetInnerHTML: {
             __html: themeCSSValueString
         }
-    }));
+    });
 
 //# sourceMappingURL=element-theme-colors.js.map

package/dist/esm/theme/document-head-contents/element-theme-colors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../packages/theme/document-head-contents/element-theme-colors.tsx"],"sourcesContent":["import React from 'react'\nimport { themeDark, themeLight } from '../themes'\nimport { generateCssColorVariables } from '../utils/generate-css-color-variables'\nimport { globalStyleDataAttribute, ThemeName } from '../constants'\nimport { VOID_FN } from '@lidofinance/utils'\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing CSS themes that defines custom CSS variables with palette to\n * make HTML document styled even before any code is loaded\n * */\n\nconst darkThemeColors = generateCssColorVariables(themeDark.colors)\nconst lightThemeColors = generateCssColorVariables(themeLight.colors)\n\nexport let initGlobalColors = VOID_FN\nexport const themeCSSValueString = `\nhtml, [data-lido-theme='${ThemeName.light}'] {\ncolor-theme: light;\n${lightThemeColors}\n}\n@media (prefers-color-scheme: dark) {\nhtml:not([data-lido-theme='${ThemeName.light}']) { \ncolor-theme: dark;\n${darkThemeColors} \n}\n}\n[data-lido-theme='${ThemeName.dark}'] {\ncolor-theme: dark;\n${darkThemeColors}\n}`\n\nif (typeof window !== 'undefined') {\n  if (!document.querySelector(`style[${globalStyleDataAttribute}]`)) {\n    initGlobalColors = () => {\n      const style = document.createElement('style')\n      style.setAttribute(globalStyleDataAttribute, '')\n      style.innerHTML = themeCSSValueString\n\n      document.head.appendChild(style)\n      // eslint-disable-next-line @typescript-eslint/no-empty-function\n      initGlobalColors = VOID_FN\n    }\n  }\n}\n\nexport const StyleThemeColors = () => (\n  <style\n    {...{ [globalStyleDataAttribute]: true }}\n    dangerouslySetInnerHTML={{ __html: themeCSSValueString }}\n  />\n)\n"],"names":["React","themeDark","themeLight","generateCssColorVariables","globalStyleDataAttribute","ThemeName","VOID_FN","darkThemeColors","colors","lightThemeColors","initGlobalColors","themeCSSValueString","light","dark","window","document","querySelector","style","createElement","setAttribute","innerHTML","head","appendChild","StyleThemeColors","dangerouslySetInnerHTML","__html"],"mappings":"AAAA;AAAA,OAAOA,KAAK,MAAM,OAAO,CAAA;AACzB,SAASC,SAAS,EAAEC,UAAU,QAAQ,WAAW,CAAA;AACjD,SAASC,yBAAyB,QAAQ,uCAAuC,CAAA;AACjF,SAASC,wBAAwB,EAAEC,SAAS,QAAQ,cAAc,CAAA;AAClE,SAASC,OAAO,QAAQ,mBAAoB,CAAA;AAE5C;;;;;;;;GAQG,GAEH,MAAMC,eAAe,GAAGJ,yBAAyB,CAACF,SAAS,CAACO,MAAM,CAAC;AACnE,MAAMC,gBAAgB,GAAGN,yBAAyB,CAACD,UAAU,CAACM,MAAM,CAAC;AAErE,OAAO,IAAIE,gBAAgB,GAAGJ,OAAO,CAAA;AACrC,OAAO,MAAMK,mBAAmB,GAAG,CAAC;wBACZ,EAAEN,SAAS,CAACO,KAAK,CAAC;;AAE1C,EAAEH,gBAAgB,CAAC;;;2BAGQ,EAAEJ,SAAS,CAACO,KAAK,CAAC;;AAE7C,EAAEL,eAAe,CAAC;;;kBAGA,EAAEF,SAAS,CAACQ,IAAI,CAAC;;AAEnC,EAAEN,eAAe,CAAC;CACjB,CAAC,CAAA;AAEF,IAAI,OAAOO,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI,CAACC,QAAQ,CAACC,aAAa,CAAC,CAAC,MAAM,EAAEZ,wBAAwB,CAAC,CAAC,CAAC,CAAC,EAAE;QACjEM,gBAAgB,GAAG,IAAM;YACvB,MAAMO,KAAK,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;YAC7CD,KAAK,CAACE,YAAY,CAACf,wBAAwB,EAAE,EAAE,CAAC;YAChDa,KAAK,CAACG,SAAS,GAAGT,mBAAmB;YAErCI,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;YAChC,gEAAgE;YAChEP,gBAAgB,GAAGJ,OAAO;QAC5B,CAAC;IACH,CAAC;AACH,CAAC;AAED,OAAO,MAAMiB,gBAAgB,GAAG,kBAC9B,oBAACN,OAAK,eACA;QAAE,CAACb,wBAAwB,CAAC,EAAE,IAAI;KAAE;QACxCoB,uBAAuB,EAAE;YAAEC,MAAM,EAAEd,mBAAmB;SAAE;OACxD,AACH,CAAA"}
+{"version":3,"sources":["../../../../packages/theme/document-head-contents/element-theme-colors.tsx"],"sourcesContent":["import { themeDark, themeLight } from '../themes'\nimport { generateCssColorVariables } from '../utils/generate-css-color-variables'\nimport { globalStyleDataAttribute, ThemeName } from '../constants'\nimport { VOID_FN } from '@lidofinance/utils'\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing CSS themes that defines custom CSS variables with palette to\n * make HTML document styled even before any code is loaded\n * */\n\nconst darkThemeColors = generateCssColorVariables(themeDark.colors)\nconst lightThemeColors = generateCssColorVariables(themeLight.colors)\n\nexport let initGlobalColors = VOID_FN\nexport const themeCSSValueString = `\nhtml, [data-lido-theme='${ThemeName.light}'] {\ncolor-theme: light;\n${lightThemeColors}\n}\n@media (prefers-color-scheme: dark) {\nhtml:not([data-lido-theme='${ThemeName.light}']) { \ncolor-theme: dark;\n${darkThemeColors} \n}\n}\n[data-lido-theme='${ThemeName.dark}'] {\ncolor-theme: dark;\n${darkThemeColors}\n}`\n\nif (typeof window !== 'undefined') {\n  if (!document.querySelector(`style[${globalStyleDataAttribute}]`)) {\n    initGlobalColors = () => {\n      const style = document.createElement('style')\n      style.setAttribute(globalStyleDataAttribute, '')\n      style.innerHTML = themeCSSValueString\n\n      document.head.appendChild(style)\n      // eslint-disable-next-line @typescript-eslint/no-empty-function\n      initGlobalColors = VOID_FN\n    }\n  }\n}\n\nexport const StyleThemeColors = () => (\n  <style\n    {...{ [globalStyleDataAttribute]: true }}\n    dangerouslySetInnerHTML={{ __html: themeCSSValueString }}\n  />\n)\n"],"names":["themeDark","themeLight","generateCssColorVariables","globalStyleDataAttribute","ThemeName","VOID_FN","darkThemeColors","colors","lightThemeColors","initGlobalColors","themeCSSValueString","light","dark","window","document","querySelector","style","createElement","setAttribute","innerHTML","head","appendChild","StyleThemeColors","dangerouslySetInnerHTML","__html"],"mappings":"AAAA;AAAA,SAASA,SAAS,EAAEC,UAAU,QAAQ,WAAW,CAAA;AACjD,SAASC,yBAAyB,QAAQ,uCAAuC,CAAA;AACjF,SAASC,wBAAwB,EAAEC,SAAS,QAAQ,cAAc,CAAA;AAClE,SAASC,OAAO,QAAQ,mBAAoB,CAAA;AAE5C;;;;;;;;GAQG,GAEH,MAAMC,eAAe,GAAGJ,yBAAyB,CAACF,SAAS,CAACO,MAAM,CAAC;AACnE,MAAMC,gBAAgB,GAAGN,yBAAyB,CAACD,UAAU,CAACM,MAAM,CAAC;AAErE,OAAO,IAAIE,gBAAgB,GAAGJ,OAAO,CAAA;AACrC,OAAO,MAAMK,mBAAmB,GAAG,CAAC;wBACZ,EAAEN,SAAS,CAACO,KAAK,CAAC;;AAE1C,EAAEH,gBAAgB,CAAC;;;2BAGQ,EAAEJ,SAAS,CAACO,KAAK,CAAC;;AAE7C,EAAEL,eAAe,CAAC;;;kBAGA,EAAEF,SAAS,CAACQ,IAAI,CAAC;;AAEnC,EAAEN,eAAe,CAAC;CACjB,CAAC,CAAA;AAEF,IAAI,OAAOO,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI,CAACC,QAAQ,CAACC,aAAa,CAAC,CAAC,MAAM,EAAEZ,wBAAwB,CAAC,CAAC,CAAC,CAAC,EAAE;QACjEM,gBAAgB,GAAG,IAAM;YACvB,MAAMO,KAAK,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;YAC7CD,KAAK,CAACE,YAAY,CAACf,wBAAwB,EAAE,EAAE,CAAC;YAChDa,KAAK,CAACG,SAAS,GAAGT,mBAAmB;YAErCI,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;YAChC,gEAAgE;YAChEP,gBAAgB,GAAGJ,OAAO;QAC5B,CAAC;IACH,CAAC;AACH,CAAC;AAED,OAAO,MAAMiB,gBAAgB,GAAG,kBAC9B,KAACN,OAAK;QACE,CAACb,wBAAwB,CAAC,EAAE,IAAI;QACtCoB,uBAAuB,EAAE;YAAEC,MAAM,EAAEd,mBAAmB;SAAE;MACxD,AACH,CAAA"}

package/dist/esm/theme/document-head-contents/element-theme-script.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { VOID_FN } from "../../utils/index";
 import { themeCookieKey } from "../constants";
 import { setThemeCookie } from "../utils/set-theme-cookie";
@@ -44,7 +44,7 @@ export let initGlobalCookieTheme = typeof window === 'undefined' ? VOID_FN : ()=
         setTheme();
     };
 };
-export const ScriptThemeValue = ()=>/*#__PURE__*/ React.createElement("script", {
+export const ScriptThemeValue = ()=>/*#__PURE__*/ _jsx("script", {
         dangerouslySetInnerHTML: {
             __html: `(${themeScriptValueString.toString()})("${themeCookieKey}")`
         }

package/dist/esm/theme/document-head-contents/element-theme-script.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../packages/theme/document-head-contents/element-theme-script.tsx"],"sourcesContent":["import React from 'react'\nimport { VOID_FN } from '@lidofinance/utils'\nimport { themeCookieKey, ThemeName } from '../constants'\nimport { setThemeCookie } from '../utils/set-theme-cookie'\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing JS code that reads/writes cookie value, including <script> element to inject\n * */\n\n/**\n *  this FN should be hermetic and has zero external items - it is inlined via .toString()\n *  __PURE__ annotation may throw an error on some external usage cases\n *  (with chances, but it is better than nothing)\n * */\n/*#__PURE__*/\nconst themeScriptValueString = function (key: string) {\n  if (!window.matchMedia) {\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {}\n  }\n  const match = window.matchMedia('(prefers-color-scheme: dark)')\n  const setTheme = () => {\n    const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`)\n    const themeCookie =\n      (document.cookie.match(cookieMatcher)?.[2] as ThemeName) ?? null\n    if (themeCookie) {\n      document.documentElement.dataset.lidoTheme = themeCookie\n    } else {\n      delete document.documentElement.dataset.lidoTheme\n    }\n  }\n  setTheme()\n  match.addEventListener('change', setTheme)\n  return setTheme\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport let updateGlobalTheme: (theme: string) => void = VOID_FN\n\nexport let initGlobalCookieTheme =\n  typeof window === 'undefined'\n    ? VOID_FN\n    : () => {\n        const setTheme = themeScriptValueString(themeCookieKey)\n        initGlobalCookieTheme = VOID_FN\n        updateGlobalTheme = (theme: ThemeName) => {\n          setThemeCookie(theme)\n          setTheme()\n        }\n      }\n\nexport const ScriptThemeValue = () => (\n  <script\n    dangerouslySetInnerHTML={{\n      __html: `(${themeScriptValueString.toString()})(\"${themeCookieKey}\")`,\n    }}\n  />\n)\n"],"names":["React","VOID_FN","themeCookieKey","setThemeCookie","themeScriptValueString","key","window","matchMedia","match","setTheme","document","cookieMatcher","RegExp","themeCookie","cookie","documentElement","dataset","lidoTheme","addEventListener","updateGlobalTheme","initGlobalCookieTheme","theme","ScriptThemeValue","script","dangerouslySetInnerHTML","__html","toString"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO,CAAA;AACzB,SAASC,OAAO,QAAQ,mBAAoB,CAAA;AAC5C,SAASC,cAAc,QAAmB,cAAc,CAAA;AACxD,SAASC,cAAc,QAAQ,2BAA2B,CAAA;AAE1D;;;;;;;GAOG,GAEH;;;;GAIG,GACH,WAAW,GACX,MAAMC,sBAAsB,GAAG,SAAUC,GAAW,EAAE;IACpD,IAAI,CAACC,MAAM,CAACC,UAAU,EAAE;QACtB,gEAAgE;QAChE,OAAO,IAAM,CAAC,CAAC,CAAA;IACjB,CAAC;IACD,MAAMC,KAAK,GAAGF,MAAM,CAACC,UAAU,CAAC,8BAA8B,CAAC;IAC/D,MAAME,QAAQ,GAAG,IAAM;YAGlBC,GAAoC;QAFvC,MAAMC,aAAa,GAAG,IAAIC,MAAM,CAAC,CAAC,KAAK,EAAEP,GAAG,CAAC,QAAQ,CAAC,CAAC;YAErD,IAAwD;QAD1D,MAAMQ,WAAW,GACf,CAAA,IAAwD,GAAvDH,CAAAA,GAAoC,GAApCA,QAAQ,CAACI,MAAM,CAACN,KAAK,CAACG,aAAa,CAAC,cAApCD,GAAoC,WAAK,GAAzCA,KAAAA,CAAyC,GAAzCA,GAAoC,AAAE,CAAC,CAAC,CAAC,cAA1C,IAAwD,cAAxD,IAAwD,GAAI,IAAI;QAClE,IAAIG,WAAW,EAAE;YACfH,QAAQ,CAACK,eAAe,CAACC,OAAO,CAACC,SAAS,GAAGJ,WAAW;QAC1D,OAAO;YACL,OAAOH,QAAQ,CAACK,eAAe,CAACC,OAAO,CAACC,SAAS;QACnD,CAAC;IACH,CAAC;IACDR,QAAQ,EAAE;IACVD,KAAK,CAACU,gBAAgB,CAAC,QAAQ,EAAET,QAAQ,CAAC;IAC1C,OAAOA,QAAQ,CAAA;AACjB,CAAC;AAED,gEAAgE;AAChE,OAAO,IAAIU,iBAAiB,GAA4BlB,OAAO,CAAA;AAE/D,OAAO,IAAImB,qBAAqB,GAC9B,OAAOd,MAAM,KAAK,WAAW,GACzBL,OAAO,GACP,IAAM;IACJ,MAAMQ,QAAQ,GAAGL,sBAAsB,CAACF,cAAc,CAAC;IACvDkB,qBAAqB,GAAGnB,OAAO;IAC/BkB,iBAAiB,GAAG,CAACE,KAAgB,GAAK;QACxClB,cAAc,CAACkB,KAAK,CAAC;QACrBZ,QAAQ,EAAE;IACZ,CAAC;AACH,CAAC,CAAA;AAEP,OAAO,MAAMa,gBAAgB,GAAG,kBAC9B,oBAACC,QAAM;QACLC,uBAAuB,EAAE;YACvBC,MAAM,EAAE,CAAC,CAAC,EAAErB,sBAAsB,CAACsB,QAAQ,EAAE,CAAC,GAAG,EAAExB,cAAc,CAAC,EAAE,CAAC;SACtE;MACD,AACH,CAAA"}
+{"version":3,"sources":["../../../../packages/theme/document-head-contents/element-theme-script.tsx"],"sourcesContent":["import { VOID_FN } from '@lidofinance/utils'\nimport { themeCookieKey, ThemeName } from '../constants'\nimport { setThemeCookie } from '../utils/set-theme-cookie'\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing JS code that reads/writes cookie value, including <script> element to inject\n * */\n\n/**\n *  this FN should be hermetic and has zero external items - it is inlined via .toString()\n *  __PURE__ annotation may throw an error on some external usage cases\n *  (with chances, but it is better than nothing)\n * */\n/*#__PURE__*/\nconst themeScriptValueString = function (key: string) {\n  if (!window.matchMedia) {\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {}\n  }\n  const match = window.matchMedia('(prefers-color-scheme: dark)')\n  const setTheme = () => {\n    const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`)\n    const themeCookie =\n      (document.cookie.match(cookieMatcher)?.[2] as ThemeName) ?? null\n    if (themeCookie) {\n      document.documentElement.dataset.lidoTheme = themeCookie\n    } else {\n      delete document.documentElement.dataset.lidoTheme\n    }\n  }\n  setTheme()\n  match.addEventListener('change', setTheme)\n  return setTheme\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport let updateGlobalTheme: (theme: string) => void = VOID_FN\n\nexport let initGlobalCookieTheme =\n  typeof window === 'undefined'\n    ? VOID_FN\n    : () => {\n        const setTheme = themeScriptValueString(themeCookieKey)\n        initGlobalCookieTheme = VOID_FN\n        updateGlobalTheme = (theme: ThemeName) => {\n          setThemeCookie(theme)\n          setTheme()\n        }\n      }\n\nexport const ScriptThemeValue = () => (\n  <script\n    dangerouslySetInnerHTML={{\n      __html: `(${themeScriptValueString.toString()})(\"${themeCookieKey}\")`,\n    }}\n  />\n)\n"],"names":["VOID_FN","themeCookieKey","setThemeCookie","themeScriptValueString","key","window","matchMedia","match","setTheme","document","cookieMatcher","RegExp","themeCookie","cookie","documentElement","dataset","lidoTheme","addEventListener","updateGlobalTheme","initGlobalCookieTheme","theme","ScriptThemeValue","script","dangerouslySetInnerHTML","__html","toString"],"mappings":"AAAA;AAAA,SAASA,OAAO,QAAQ,mBAAoB,CAAA;AAC5C,SAASC,cAAc,QAAmB,cAAc,CAAA;AACxD,SAASC,cAAc,QAAQ,2BAA2B,CAAA;AAE1D;;;;;;;GAOG,GAEH;;;;GAIG,GACH,WAAW,GACX,MAAMC,sBAAsB,GAAG,SAAUC,GAAW,EAAE;IACpD,IAAI,CAACC,MAAM,CAACC,UAAU,EAAE;QACtB,gEAAgE;QAChE,OAAO,IAAM,CAAC,CAAC,CAAA;IACjB,CAAC;IACD,MAAMC,KAAK,GAAGF,MAAM,CAACC,UAAU,CAAC,8BAA8B,CAAC;IAC/D,MAAME,QAAQ,GAAG,IAAM;YAGlBC,GAAoC;QAFvC,MAAMC,aAAa,GAAG,IAAIC,MAAM,CAAC,CAAC,KAAK,EAAEP,GAAG,CAAC,QAAQ,CAAC,CAAC;YAErD,IAAwD;QAD1D,MAAMQ,WAAW,GACf,CAAA,IAAwD,GAAvDH,CAAAA,GAAoC,GAApCA,QAAQ,CAACI,MAAM,CAACN,KAAK,CAACG,aAAa,CAAC,cAApCD,GAAoC,WAAK,GAAzCA,KAAAA,CAAyC,GAAzCA,GAAoC,AAAE,CAAC,CAAC,CAAC,cAA1C,IAAwD,cAAxD,IAAwD,GAAI,IAAI;QAClE,IAAIG,WAAW,EAAE;YACfH,QAAQ,CAACK,eAAe,CAACC,OAAO,CAACC,SAAS,GAAGJ,WAAW;QAC1D,OAAO;YACL,OAAOH,QAAQ,CAACK,eAAe,CAACC,OAAO,CAACC,SAAS;QACnD,CAAC;IACH,CAAC;IACDR,QAAQ,EAAE;IACVD,KAAK,CAACU,gBAAgB,CAAC,QAAQ,EAAET,QAAQ,CAAC;IAC1C,OAAOA,QAAQ,CAAA;AACjB,CAAC;AAED,gEAAgE;AAChE,OAAO,IAAIU,iBAAiB,GAA4BlB,OAAO,CAAA;AAE/D,OAAO,IAAImB,qBAAqB,GAC9B,OAAOd,MAAM,KAAK,WAAW,GACzBL,OAAO,GACP,IAAM;IACJ,MAAMQ,QAAQ,GAAGL,sBAAsB,CAACF,cAAc,CAAC;IACvDkB,qBAAqB,GAAGnB,OAAO;IAC/BkB,iBAAiB,GAAG,CAACE,KAAgB,GAAK;QACxClB,cAAc,CAACkB,KAAK,CAAC;QACrBZ,QAAQ,EAAE;IACZ,CAAC;AACH,CAAC,CAAA;AAEP,OAAO,MAAMa,gBAAgB,GAAG,kBAC9B,KAACC,QAAM;QACLC,uBAAuB,EAAE;YACvBC,MAAM,EAAE,CAAC,CAAC,EAAErB,sBAAsB,CAACsB,QAAQ,EAAE,CAAC,GAAG,EAAExB,cAAc,CAAC,EAAE,CAAC;SACtE;MACD,AACH,CAAA"}

package/dist/esm/theme/document-head-contents/index.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Fonts } from "./element-fonts";
 import { initGlobalColors, StyleThemeColors } from "./element-theme-colors";
 import { initGlobalCookieTheme, ScriptThemeValue } from "./element-theme-script";
@@ -9,7 +9,13 @@ export const initColors = ()=>{
 };
 export const LidoUIHead = (param)=>/*#__PURE__*/ {
     let { cssStyleVars =true , cssFont =false , jsStyleScript =true  } = param;
-    return React.createElement(React.Fragment, null, cssStyleVars ? /*#__PURE__*/ React.createElement(StyleThemeColors, null) : null, jsStyleScript ? /*#__PURE__*/ React.createElement(ScriptThemeValue, null) : null, cssFont ? /*#__PURE__*/ React.createElement(Fonts, null) : null);
+    return _jsxs(_Fragment, {
+        children: [
+            cssStyleVars ? /*#__PURE__*/ _jsx(StyleThemeColors, {}) : null,
+            jsStyleScript ? /*#__PURE__*/ _jsx(ScriptThemeValue, {}) : null,
+            cssFont ? /*#__PURE__*/ _jsx(Fonts, {}) : null
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/document-head-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../packages/theme/document-head-contents/index.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { Fonts } from './element-fonts'\nimport { initGlobalColors, StyleThemeColors } from './element-theme-colors'\nimport { initGlobalCookieTheme, ScriptThemeValue } from './element-theme-script'\nexport { Fonts } from './element-fonts'\n\nexport const initColors = () => {\n  initGlobalColors()\n  initGlobalCookieTheme()\n}\n\nexport const LidoUIHead: FC<{\n  cssStyleVars?: boolean\n  jsStyleScript?: boolean\n  cssFont?: boolean\n}> = ({ cssStyleVars = true, cssFont = false, jsStyleScript = true }) => (\n  <>\n    {cssStyleVars ? <StyleThemeColors /> : null}\n    {jsStyleScript ? <ScriptThemeValue /> : null}\n    {cssFont ? <Fonts /> : null}\n  </>\n)\n"],"names":["React","Fonts","initGlobalColors","StyleThemeColors","initGlobalCookieTheme","ScriptThemeValue","initColors","LidoUIHead","cssStyleVars","cssFont","jsStyleScript"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO,CAAA;AACjC,SAASC,KAAK,QAAQ,iBAAiB,CAAA;AACvC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,wBAAwB,CAAA;AAC3E,SAASC,qBAAqB,EAAEC,gBAAgB,QAAQ,wBAAwB,CAAA;AAChF,SAASJ,KAAK,QAAQ,iBAAiB,CAAA;AAEvC,OAAO,MAAMK,UAAU,GAAG,IAAM;IAC9BJ,gBAAgB,EAAE;IAClBE,qBAAqB,EAAE;AACzB,CAAC,CAAA;AAED,OAAO,MAAMG,UAAU,GAIlB,uBACH;QADI,EAAEC,YAAY,EAAG,IAAI,CAAA,EAAEC,OAAO,EAAG,KAAK,CAAA,EAAEC,aAAa,EAAG,IAAI,CAAA,EAAE;WAClE,0CACGF,YAAY,iBAAG,oBAACL,gBAAgB,OAAG,GAAG,IAAI,EAC1CO,aAAa,iBAAG,oBAACL,gBAAgB,OAAG,GAAG,IAAI,EAC3CI,OAAO,iBAAG,oBAACR,KAAK,OAAG,GAAG,IAAI,CAC1B;AAAD,CACH,CAAA"}
+{"version":3,"sources":["../../../../packages/theme/document-head-contents/index.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Fonts } from './element-fonts'\nimport { initGlobalColors, StyleThemeColors } from './element-theme-colors'\nimport { initGlobalCookieTheme, ScriptThemeValue } from './element-theme-script'\nexport { Fonts } from './element-fonts'\n\nexport const initColors = () => {\n  initGlobalColors()\n  initGlobalCookieTheme()\n}\n\nexport const LidoUIHead: FC<{\n  cssStyleVars?: boolean\n  jsStyleScript?: boolean\n  cssFont?: boolean\n}> = ({ cssStyleVars = true, cssFont = false, jsStyleScript = true }) => (\n  <>\n    {cssStyleVars ? <StyleThemeColors /> : null}\n    {jsStyleScript ? <ScriptThemeValue /> : null}\n    {cssFont ? <Fonts /> : null}\n  </>\n)\n"],"names":["Fonts","initGlobalColors","StyleThemeColors","initGlobalCookieTheme","ScriptThemeValue","initColors","LidoUIHead","cssStyleVars","cssFont","jsStyleScript"],"mappings":"AAAA;AACA,SAASA,KAAK,QAAQ,iBAAiB,CAAA;AACvC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,wBAAwB,CAAA;AAC3E,SAASC,qBAAqB,EAAEC,gBAAgB,QAAQ,wBAAwB,CAAA;AAChF,SAASJ,KAAK,QAAQ,iBAAiB,CAAA;AAEvC,OAAO,MAAMK,UAAU,GAAG,IAAM;IAC9BJ,gBAAgB,EAAE;IAClBE,qBAAqB,EAAE;AACzB,CAAC,CAAA;AAED,OAAO,MAAMG,UAAU,GAIlB,uBACH;QADI,EAAEC,YAAY,EAAG,IAAI,CAAA,EAAEC,OAAO,EAAG,KAAK,CAAA,EAAEC,aAAa,EAAG,IAAI,CAAA,EAAE;WAClE;;YACGF,YAAY,iBAAG,KAACL,gBAAgB,KAAG,GAAG,IAAI;YAC1CO,aAAa,iBAAG,KAACL,gBAAgB,KAAG,GAAG,IAAI;YAC3CI,OAAO,iBAAG,KAACR,KAAK,KAAG,GAAG,IAAI;;MAC1B;AAAD,CACH,CAAA"}

package/dist/esm/theme/theme-provider.js

@@ -1,5 +1,4 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled, { ThemeProvider as StyledThemeProvider } from "styled-components";
 import { reverseThemeMap, themeDark, themeDefault, themeLight } from "./themes";
 import { initColors } from "./document-head-contents/index";
@@ -23,15 +22,22 @@ export const ThemeProvider = (param)=>{
         // if theme is auto-detected from cookies, it will interfere with global script logic - so we need to not provide CSS
         colors: theme.colors
     };
-    return /*#__PURE__*/ React.createElement(StyledWrapper, _extends({}, props), /*#__PURE__*/ React.createElement(StyledThemeProvider, _extends({
-        theme: theme
-    }, rest), children));
+    return /*#__PURE__*/ _jsx(StyledWrapper, {
+        ...props,
+        children: /*#__PURE__*/ _jsx(StyledThemeProvider, {
+            theme: theme,
+            ...rest,
+            children: children
+        })
+    });
 };
-export const LightThemeProvider = (props)=>/*#__PURE__*/ React.createElement(ThemeProvider, _extends({}, props, {
+export const LightThemeProvider = (props)=>/*#__PURE__*/ _jsx(ThemeProvider, {
+        ...props,
         theme: themeLight
-    }));
-export const DarkThemeProvider = (props)=>/*#__PURE__*/ React.createElement(ThemeProvider, _extends({}, props, {
+    });
+export const DarkThemeProvider = (props)=>/*#__PURE__*/ _jsx(ThemeProvider, {
+        ...props,
         theme: themeDark
-    }));
+    });
 
 //# sourceMappingURL=theme-provider.js.map

package/dist/esm/theme/theme-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/theme/theme-provider.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren } from 'react'\nimport styled, { ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport { reverseThemeMap, themeDark, themeDefault, themeLight } from './themes'\nimport { initColors } from './document-head-contents'\nimport { generateCssColorVariables } from './utils/generate-css-color-variables'\nimport { Theme } from './types'\n\n// we need to initialize this before react component code if we're using this provider or CookieThemeProvider\ninitColors()\n\nconst StyledWrapper = styled.div<{ colors?: Record<string, string> }>`\n  display: contents;\n  ${({ colors }) => (colors ? generateCssColorVariables(colors) : null)}\n`\nexport const ThemeProvider: FC<PropsWithChildren<{ theme?: Theme }>> = ({\n  theme = themeDefault,\n  children,\n  ...rest\n}) => {\n  const internalThemeName = reverseThemeMap.get(theme)\n  const props = internalThemeName\n    ? {\n        // if theme is detected as internally defined, we can just use data-lido-theme to set CSS vars instead of colors\n        'data-lido-theme': internalThemeName,\n      }\n    : {\n        // if theme is auto-detected from cookies, it will interfere with global script logic - so we need to not provide CSS\n        colors: theme.colors,\n      }\n\n  return (\n    <StyledWrapper {...props}>\n      <StyledThemeProvider theme={theme} {...rest}>\n        {children}\n      </StyledThemeProvider>\n    </StyledWrapper>\n  )\n}\n\nexport const LightThemeProvider: FC<PropsWithChildren> = (props) => (\n  <ThemeProvider {...props} theme={themeLight} />\n)\n\nexport const DarkThemeProvider: FC<PropsWithChildren> = (props) => (\n  <ThemeProvider {...props} theme={themeDark} />\n)\n"],"names":["React","styled","ThemeProvider","StyledThemeProvider","reverseThemeMap","themeDark","themeDefault","themeLight","initColors","generateCssColorVariables","StyledWrapper","div","colors","theme","children","rest","internalThemeName","get","props","LightThemeProvider","DarkThemeProvider"],"mappings":"AAAA;AAAA,OAAOA,KAAK,MAAiC,OAAO,CAAA;AACpD,OAAOC,MAAM,IAAIC,aAAa,IAAIC,mBAAmB,QAAQ,mBAAmB,CAAA;AAChF,SAASC,eAAe,EAAEC,SAAS,EAAEC,YAAY,EAAEC,UAAU,QAAQ,UAAU,CAAA;AAC/E,SAASC,UAAU,QAAQ,gCAA0B,CAAA;AACrD,SAASC,yBAAyB,QAAQ,sCAAsC,CAAA;AAGhF,6GAA6G;AAC7GD,UAAU,EAAE;AAEZ,MAAME,aAAa,GAAGT,MAAM,CAACU,GAAG,AAAqC,CAAC;;EAEpE,EAAE,SAAgB;QAAf,EAAEC,MAAM,CAAA,EAAE;WAAMA,MAAM,GAAGH,yBAAyB,CAACG,MAAM,CAAC,GAAG,IAAI;AAAA,CAAC,CAAC;AACxE,CAAC;AACD,OAAO,MAAMV,aAAa,GAA6C,SAIjE;QAJkE,EACtEW,KAAK,EAAGP,YAAY,CAAA,EACpBQ,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR;IACC,MAAMC,iBAAiB,GAAGZ,eAAe,CAACa,GAAG,CAACJ,KAAK,CAAC;IACpD,MAAMK,KAAK,GAAGF,iBAAiB,GAC3B;QACE,gHAAgH;QAChH,iBAAiB,EAAEA,iBAAiB;KACrC,GACD;QACE,qHAAqH;QACrHJ,MAAM,EAAEC,KAAK,CAACD,MAAM;KACrB;IAEL,qBACE,oBAACF,aAAa,eAAKQ,KAAK,iBACtB,oBAACf,mBAAmB;QAACU,KAAK,EAAEA,KAAK;OAAME,IAAI,GACxCD,QAAQ,CACW,CACR,CACjB;AACH,CAAC,CAAA;AAED,OAAO,MAAMK,kBAAkB,GAA0B,CAACD,KAAK,iBAC7D,oBAAChB,aAAa,eAAKgB,KAAK;QAAEL,KAAK,EAAEN,UAAU;OAAI,AAChD,CAAA;AAED,OAAO,MAAMa,iBAAiB,GAA0B,CAACF,KAAK,iBAC5D,oBAAChB,aAAa,eAAKgB,KAAK;QAAEL,KAAK,EAAER,SAAS;OAAI,AAC/C,CAAA"}
+{"version":3,"sources":["../../../packages/theme/theme-provider.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react'\nimport styled, { ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport { reverseThemeMap, themeDark, themeDefault, themeLight } from './themes'\nimport { initColors } from './document-head-contents'\nimport { generateCssColorVariables } from './utils/generate-css-color-variables'\nimport { Theme } from './types'\n\n// we need to initialize this before react component code if we're using this provider or CookieThemeProvider\ninitColors()\n\nconst StyledWrapper = styled.div<{ colors?: Record<string, string> }>`\n  display: contents;\n  ${({ colors }) => (colors ? generateCssColorVariables(colors) : null)}\n`\nexport const ThemeProvider: FC<PropsWithChildren<{ theme?: Theme }>> = ({\n  theme = themeDefault,\n  children,\n  ...rest\n}) => {\n  const internalThemeName = reverseThemeMap.get(theme)\n  const props = internalThemeName\n    ? {\n        // if theme is detected as internally defined, we can just use data-lido-theme to set CSS vars instead of colors\n        'data-lido-theme': internalThemeName,\n      }\n    : {\n        // if theme is auto-detected from cookies, it will interfere with global script logic - so we need to not provide CSS\n        colors: theme.colors,\n      }\n\n  return (\n    <StyledWrapper {...props}>\n      <StyledThemeProvider theme={theme} {...rest}>\n        {children}\n      </StyledThemeProvider>\n    </StyledWrapper>\n  )\n}\n\nexport const LightThemeProvider: FC<PropsWithChildren> = (props) => (\n  <ThemeProvider {...props} theme={themeLight} />\n)\n\nexport const DarkThemeProvider: FC<PropsWithChildren> = (props) => (\n  <ThemeProvider {...props} theme={themeDark} />\n)\n"],"names":["styled","ThemeProvider","StyledThemeProvider","reverseThemeMap","themeDark","themeDefault","themeLight","initColors","generateCssColorVariables","StyledWrapper","div","colors","theme","children","rest","internalThemeName","get","props","LightThemeProvider","DarkThemeProvider"],"mappings":"AAAA;AACA,OAAOA,MAAM,IAAIC,aAAa,IAAIC,mBAAmB,QAAQ,mBAAmB,CAAA;AAChF,SAASC,eAAe,EAAEC,SAAS,EAAEC,YAAY,EAAEC,UAAU,QAAQ,UAAU,CAAA;AAC/E,SAASC,UAAU,QAAQ,gCAA0B,CAAA;AACrD,SAASC,yBAAyB,QAAQ,sCAAsC,CAAA;AAGhF,6GAA6G;AAC7GD,UAAU,EAAE;AAEZ,MAAME,aAAa,GAAGT,MAAM,CAACU,GAAG,AAAqC,CAAC;;EAEpE,EAAE,SAAgB;QAAf,EAAEC,MAAM,CAAA,EAAE;WAAMA,MAAM,GAAGH,yBAAyB,CAACG,MAAM,CAAC,GAAG,IAAI;AAAA,CAAC,CAAC;AACxE,CAAC;AACD,OAAO,MAAMV,aAAa,GAA6C,SAIjE;QAJkE,EACtEW,KAAK,EAAGP,YAAY,CAAA,EACpBQ,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR;IACC,MAAMC,iBAAiB,GAAGZ,eAAe,CAACa,GAAG,CAACJ,KAAK,CAAC;IACpD,MAAMK,KAAK,GAAGF,iBAAiB,GAC3B;QACE,gHAAgH;QAChH,iBAAiB,EAAEA,iBAAiB;KACrC,GACD;QACE,qHAAqH;QACrHJ,MAAM,EAAEC,KAAK,CAACD,MAAM;KACrB;IAEL,qBACE,KAACF,aAAa;QAAE,GAAGQ,KAAK;kBACtB,cAAA,KAACf,mBAAmB;YAACU,KAAK,EAAEA,KAAK;YAAG,GAAGE,IAAI;sBACxCD,QAAQ;UACW;MACR,CACjB;AACH,CAAC,CAAA;AAED,OAAO,MAAMK,kBAAkB,GAA0B,CAACD,KAAK,iBAC7D,KAAChB,aAAa;QAAE,GAAGgB,KAAK;QAAEL,KAAK,EAAEN,UAAU;MAAI,AAChD,CAAA;AAED,OAAO,MAAMa,iBAAiB,GAA0B,CAACF,KAAK,iBAC5D,KAAChB,aAAa;QAAE,GAAGgB,KAAK;QAAEL,KAAK,EAAER,SAAS;MAAI,AAC/C,CAAA"}

package/dist/esm/toast/ToastPending.js

@@ -1,9 +1,16 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { toast } from "react-toastify";
 import { ToastPendingLoaderStyle, ToastPendingStyle, ToastPendingTextStyle } from "./ToastPendingStyles";
 import { TOASTS_PENDING_OPTIONS } from "./toastsDefaultOptions";
 export function ToastPending(content, options) {
-    return toast(/*#__PURE__*/ React.createElement(ToastPendingStyle, null, /*#__PURE__*/ React.createElement(ToastPendingLoaderStyle, null), /*#__PURE__*/ React.createElement(ToastPendingTextStyle, null, content)), {
+    return toast(/*#__PURE__*/ _jsxs(ToastPendingStyle, {
+        children: [
+            /*#__PURE__*/ _jsx(ToastPendingLoaderStyle, {}),
+            /*#__PURE__*/ _jsx(ToastPendingTextStyle, {
+                children: content
+            })
+        ]
+    }), {
         ...TOASTS_PENDING_OPTIONS,
         ...options || {}
     });

package/dist/esm/toast/ToastPending.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/toast/ToastPending.tsx"],"sourcesContent":["import React, { ReactText } from 'react'\nimport { toast, ToastOptions } from 'react-toastify'\nimport {\n  ToastPendingLoaderStyle,\n  ToastPendingStyle,\n  ToastPendingTextStyle,\n} from './ToastPendingStyles'\nimport { TOASTS_PENDING_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastPending(\n  content: JSX.Element,\n  options?: ToastOptions,\n): ReactText {\n  return toast(\n    <ToastPendingStyle>\n      <ToastPendingLoaderStyle />\n      {/* eslint-disable-next-line */}\n      <ToastPendingTextStyle>{content as any}</ToastPendingTextStyle>\n    </ToastPendingStyle>,\n    { ...TOASTS_PENDING_OPTIONS, ...(options || {}) },\n  )\n}\n"],"names":["React","toast","ToastPendingLoaderStyle","ToastPendingStyle","ToastPendingTextStyle","TOASTS_PENDING_OPTIONS","ToastPending","content","options"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO,CAAA;AACxC,SAASC,KAAK,QAAsB,gBAAgB,CAAA;AACpD,SACEC,uBAAuB,EACvBC,iBAAiB,EACjBC,qBAAqB,QAChB,sBAAsB,CAAA;AAC7B,SAASC,sBAAsB,QAAQ,wBAAwB,CAAA;AAE/D,OAAO,SAASC,YAAY,CAC1BC,OAAoB,EACpBC,OAAsB,EACX;IACX,OAAOP,KAAK,eACV,oBAACE,iBAAiB,sBAChB,oBAACD,uBAAuB,OAAG,gBAE3B,oBAACE,qBAAqB,QAAEG,OAAO,CAAgC,CAC7C,EACpB;QAAE,GAAGF,sBAAsB;QAAE,GAAIG,OAAO,IAAI,EAAE;KAAG,CAClD,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/toast/ToastPending.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions } from 'react-toastify'\nimport {\n  ToastPendingLoaderStyle,\n  ToastPendingStyle,\n  ToastPendingTextStyle,\n} from './ToastPendingStyles'\nimport { TOASTS_PENDING_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastPending(\n  content: JSX.Element,\n  options?: ToastOptions,\n): ReactText {\n  return toast(\n    <ToastPendingStyle>\n      <ToastPendingLoaderStyle />\n      {/* eslint-disable-next-line */}\n      <ToastPendingTextStyle>{content as any}</ToastPendingTextStyle>\n    </ToastPendingStyle>,\n    { ...TOASTS_PENDING_OPTIONS, ...(options || {}) },\n  )\n}\n"],"names":["toast","ToastPendingLoaderStyle","ToastPendingStyle","ToastPendingTextStyle","TOASTS_PENDING_OPTIONS","ToastPending","content","options"],"mappings":"AAAA;AACA,SAASA,KAAK,QAAsB,gBAAgB,CAAA;AACpD,SACEC,uBAAuB,EACvBC,iBAAiB,EACjBC,qBAAqB,QAChB,sBAAsB,CAAA;AAC7B,SAASC,sBAAsB,QAAQ,wBAAwB,CAAA;AAE/D,OAAO,SAASC,YAAY,CAC1BC,OAAoB,EACpBC,OAAsB,EACX;IACX,OAAOP,KAAK,eACV,MAACE,iBAAiB;;0BAChB,KAACD,uBAAuB,KAAG;0BAE3B,KAACE,qBAAqB;0BAAEG,OAAO;cAAgC;;MAC7C,EACpB;QAAE,GAAGF,sBAAsB;QAAE,GAAIG,OAAO,IAAI,EAAE;KAAG,CAClD,CAAA;AACH,CAAC"}

package/dist/esm/tooltip/Tooltip.js

@@ -1,11 +1,11 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef, Children, useRef, cloneElement, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, Children, useRef, cloneElement, useState } from "react";
 import { TooltipPopoverStyle } from "./TooltipStyles";
 import { useMergeRefs } from "../hooks/index";
 import { isElement } from "react-is";
 const BODY_PERSISTENT_TIMEOUT = 150;
-function Tooltip(props, ref) {
-    const { title , children , ...rest } = props;
+function Tooltip(param, ref) {
+    let { title , children , ...rest } = param;
     const [state, setState] = useState(false);
     const keepTimeoutRef = useRef(null);
     const child = Children.only(children);
@@ -28,26 +28,33 @@ function Tooltip(props, ref) {
             keepTimeoutRef.current = null;
         }, BODY_PERSISTENT_TIMEOUT);
     };
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ cloneElement(child, {
-        ref: mergedRef,
-        onMouseEnter (event) {
-            var _props, ref;
-            handleMouseEnter();
-            (ref = (_props = child.props).onMouseEnter) === null || ref === void 0 ? void 0 : ref.call(_props, event);
-        },
-        onMouseLeave (event) {
-            var _props, ref;
-            handleMouseLeave();
-            (ref = (_props = child.props).onMouseLeave) === null || ref === void 0 ? void 0 : ref.call(_props, event);
-        }
-    }), /*#__PURE__*/ React.createElement(TooltipPopoverStyle, _extends({}, rest, {
-        open: state,
-        backdrop: false,
-        anchorRef: anchorRef,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        ref: ref
-    }), title));
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ cloneElement(child, {
+                ref: mergedRef,
+                onMouseEnter (event) {
+                    var _props, ref;
+                    handleMouseEnter();
+                    (ref = (_props = child.props).onMouseEnter) === null || ref === void 0 ? void 0 : ref.call(_props, event);
+                },
+                onMouseLeave (event) {
+                    var _props, ref;
+                    handleMouseLeave();
+                    (ref = (_props = child.props).onMouseLeave) === null || ref === void 0 ? void 0 : ref.call(_props, event);
+                }
+            }),
+            /*#__PURE__*/ _jsx(TooltipPopoverStyle, {
+                ...rest,
+                open: state,
+                backdrop: false,
+                anchorRef: anchorRef,
+                onMouseEnter: handleMouseEnter,
+                onMouseLeave: handleMouseLeave,
+                ref: ref,
+                children: title
+            })
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(Tooltip);
 

package/dist/esm/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ForwardedRef,\n  forwardRef,\n  Children,\n  useRef,\n  cloneElement,\n  useState,\n} from 'react'\nimport { TooltipPopoverStyle } from './TooltipStyles'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { isElement } from 'react-is'\nimport { TooltipProps } from './types'\n\nconst BODY_PERSISTENT_TIMEOUT = 150\n\nfunction Tooltip(props: TooltipProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { title, children, ...rest } = props\n\n  const [state, setState] = useState(false)\n  const keepTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const child = Children.only(children)\n  if (!isElement(child)) throw new Error('Child must be a React element')\n\n  const anchorRef = useRef<HTMLElement>(null)\n  const mergedRef = useMergeRefs([child.ref, anchorRef])\n\n  const handleMouseEnter = () => {\n    if (keepTimeoutRef.current) {\n      clearTimeout(keepTimeoutRef.current)\n      keepTimeoutRef.current = null\n    }\n    setState(true)\n  }\n\n  const handleMouseLeave = () => {\n    keepTimeoutRef.current = setTimeout(() => {\n      setState(false)\n      keepTimeoutRef.current = null\n    }, BODY_PERSISTENT_TIMEOUT)\n  }\n\n  return (\n    <>\n      {cloneElement(child, {\n        ref: mergedRef,\n        onMouseEnter(event: React.MouseEvent<HTMLElement, MouseEvent>) {\n          handleMouseEnter()\n          child.props.onMouseEnter?.(event)\n        },\n        onMouseLeave(event: React.MouseEvent<HTMLElement, MouseEvent>) {\n          handleMouseLeave()\n          child.props.onMouseLeave?.(event)\n        },\n      })}\n      <TooltipPopoverStyle\n        {...rest}\n        open={state}\n        backdrop={false}\n        anchorRef={anchorRef}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={ref}\n      >\n        {title}\n      </TooltipPopoverStyle>\n    </>\n  )\n}\n\nexport default forwardRef(Tooltip)\n"],"names":["React","forwardRef","Children","useRef","cloneElement","useState","TooltipPopoverStyle","useMergeRefs","isElement","BODY_PERSISTENT_TIMEOUT","Tooltip","props","ref","title","children","rest","state","setState","keepTimeoutRef","child","only","Error","anchorRef","mergedRef","handleMouseEnter","current","clearTimeout","handleMouseLeave","setTimeout","onMouseEnter","event","onMouseLeave","open","backdrop"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAEVC,UAAU,EACVC,QAAQ,EACRC,MAAM,EACNC,YAAY,EACZC,QAAQ,QACH,OAAO,CAAA;AACd,SAASC,mBAAmB,QAAQ,iBAAiB,CAAA;AACrD,SAASC,YAAY,QAAQ,gBAAoB,CAAA;AACjD,SAASC,SAAS,QAAQ,UAAU,CAAA;AAGpC,MAAMC,uBAAuB,GAAG,GAAG;AAEnC,SAASC,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IAE1C,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;IACzC,MAAMa,cAAc,GAAGf,MAAM,CAAwB,IAAI,CAAC;IAE1D,MAAMgB,KAAK,GAAGjB,QAAQ,CAACkB,IAAI,CAACN,QAAQ,CAAC;IACrC,IAAI,CAACN,SAAS,CAACW,KAAK,CAAC,EAAE,MAAM,IAAIE,KAAK,CAAC,+BAA+B,CAAC,CAAA;IAEvE,MAAMC,SAAS,GAAGnB,MAAM,CAAc,IAAI,CAAC;IAC3C,MAAMoB,SAAS,GAAGhB,YAAY,CAAC;QAACY,KAAK,CAACP,GAAG;QAAEU,SAAS;KAAC,CAAC;IAEtD,MAAME,gBAAgB,GAAG,IAAM;QAC7B,IAAIN,cAAc,CAACO,OAAO,EAAE;YAC1BC,YAAY,CAACR,cAAc,CAACO,OAAO,CAAC;YACpCP,cAAc,CAACO,OAAO,GAAG,IAAI;QAC/B,CAAC;QACDR,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAC;IAED,MAAMU,gBAAgB,GAAG,IAAM;QAC7BT,cAAc,CAACO,OAAO,GAAGG,UAAU,CAAC,IAAM;YACxCX,QAAQ,CAAC,KAAK,CAAC;YACfC,cAAc,CAACO,OAAO,GAAG,IAAI;QAC/B,CAAC,EAAEhB,uBAAuB,CAAC;IAC7B,CAAC;IAED,qBACE,wDACGL,YAAY,CAACe,KAAK,EAAE;QACnBP,GAAG,EAAEW,SAAS;QACdM,YAAY,EAACC,KAAgD,EAAE;gBAE7DX,MAAW,AAAa,EAAxBA,GAAwB;YADxBK,gBAAgB,EAAE;YAClBL,CAAAA,GAAwB,GAAxBA,CAAAA,MAAW,GAAXA,KAAK,CAACR,KAAK,EAACkB,YAAY,cAAxBV,GAAwB,WAAS,GAAjCA,KAAAA,CAAiC,GAAjCA,GAAwB,CAAxBA,IAAiC,CAAjCA,MAAW,EAAgBW,KAAK,CAAC,CAAA;QACnC,CAAC;QACDC,YAAY,EAACD,KAAgD,EAAE;gBAE7DX,MAAW,AAAa,EAAxBA,GAAwB;YADxBQ,gBAAgB,EAAE;YAClBR,CAAAA,GAAwB,GAAxBA,CAAAA,MAAW,GAAXA,KAAK,CAACR,KAAK,EAACoB,YAAY,cAAxBZ,GAAwB,WAAS,GAAjCA,KAAAA,CAAiC,GAAjCA,GAAwB,CAAxBA,IAAiC,CAAjCA,MAAW,EAAgBW,KAAK,CAAC,CAAA;QACnC,CAAC;KACF,CAAC,gBACF,oBAACxB,mBAAmB,eACdS,IAAI;QACRiB,IAAI,EAAEhB,KAAK;QACXiB,QAAQ,EAAE,KAAK;QACfX,SAAS,EAAEA,SAAS;QACpBO,YAAY,EAAEL,gBAAgB;QAC9BO,YAAY,EAAEJ,gBAAgB;QAC9Bf,GAAG,EAAEA,GAAG;QAEPC,KAAK,CACc,CACrB,CACJ;AACH,CAAC;AAED,6BAAeZ,UAAU,CAACS,OAAO,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  Children,\n  useRef,\n  cloneElement,\n  useState,\n  MouseEvent,\n} from 'react'\nimport { TooltipPopoverStyle } from './TooltipStyles'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { isElement } from 'react-is'\nimport { TooltipProps } from './types'\n\nconst BODY_PERSISTENT_TIMEOUT = 150\n\nfunction Tooltip(\n  { title, children, ...rest }: TooltipProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const [state, setState] = useState(false)\n  const keepTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const child = Children.only(children)\n  if (!isElement(child)) throw new Error('Child must be a React element')\n\n  const anchorRef = useRef<HTMLElement>(null)\n  const mergedRef = useMergeRefs([child.ref, anchorRef])\n\n  const handleMouseEnter = () => {\n    if (keepTimeoutRef.current) {\n      clearTimeout(keepTimeoutRef.current)\n      keepTimeoutRef.current = null\n    }\n    setState(true)\n  }\n\n  const handleMouseLeave = () => {\n    keepTimeoutRef.current = setTimeout(() => {\n      setState(false)\n      keepTimeoutRef.current = null\n    }, BODY_PERSISTENT_TIMEOUT)\n  }\n\n  return (\n    <>\n      {cloneElement(child, {\n        ref: mergedRef,\n        onMouseEnter(event: MouseEvent<HTMLElement>) {\n          handleMouseEnter()\n          child.props.onMouseEnter?.(event)\n        },\n        onMouseLeave(event: MouseEvent<HTMLElement>) {\n          handleMouseLeave()\n          child.props.onMouseLeave?.(event)\n        },\n      })}\n      <TooltipPopoverStyle\n        {...rest}\n        open={state}\n        backdrop={false}\n        anchorRef={anchorRef}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={ref}\n      >\n        {title}\n      </TooltipPopoverStyle>\n    </>\n  )\n}\n\nexport default forwardRef(Tooltip)\n"],"names":["forwardRef","Children","useRef","cloneElement","useState","TooltipPopoverStyle","useMergeRefs","isElement","BODY_PERSISTENT_TIMEOUT","Tooltip","ref","title","children","rest","state","setState","keepTimeoutRef","child","only","Error","anchorRef","mergedRef","handleMouseEnter","current","clearTimeout","handleMouseLeave","setTimeout","onMouseEnter","event","props","onMouseLeave","open","backdrop"],"mappings":"AAAA;AAAA,SAEEA,UAAU,EACVC,QAAQ,EACRC,MAAM,EACNC,YAAY,EACZC,QAAQ,QAEH,OAAO,CAAA;AACd,SAASC,mBAAmB,QAAQ,iBAAiB,CAAA;AACrD,SAASC,YAAY,QAAQ,gBAAoB,CAAA;AACjD,SAASC,SAAS,QAAQ,UAAU,CAAA;AAGpC,MAAMC,uBAAuB,GAAG,GAAG;AAEnC,SAASC,OAAO,CACd,KAA0C,EAC1CC,GAAkC,EAClC;QAFA,EAAEC,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAgB,GAA1C,KAA0C;IAG1C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGX,QAAQ,CAAC,KAAK,CAAC;IACzC,MAAMY,cAAc,GAAGd,MAAM,CAAwB,IAAI,CAAC;IAE1D,MAAMe,KAAK,GAAGhB,QAAQ,CAACiB,IAAI,CAACN,QAAQ,CAAC;IACrC,IAAI,CAACL,SAAS,CAACU,KAAK,CAAC,EAAE,MAAM,IAAIE,KAAK,CAAC,+BAA+B,CAAC,CAAA;IAEvE,MAAMC,SAAS,GAAGlB,MAAM,CAAc,IAAI,CAAC;IAC3C,MAAMmB,SAAS,GAAGf,YAAY,CAAC;QAACW,KAAK,CAACP,GAAG;QAAEU,SAAS;KAAC,CAAC;IAEtD,MAAME,gBAAgB,GAAG,IAAM;QAC7B,IAAIN,cAAc,CAACO,OAAO,EAAE;YAC1BC,YAAY,CAACR,cAAc,CAACO,OAAO,CAAC;YACpCP,cAAc,CAACO,OAAO,GAAG,IAAI;QAC/B,CAAC;QACDR,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAC;IAED,MAAMU,gBAAgB,GAAG,IAAM;QAC7BT,cAAc,CAACO,OAAO,GAAGG,UAAU,CAAC,IAAM;YACxCX,QAAQ,CAAC,KAAK,CAAC;YACfC,cAAc,CAACO,OAAO,GAAG,IAAI;QAC/B,CAAC,EAAEf,uBAAuB,CAAC;IAC7B,CAAC;IAED,qBACE;;0BACGL,YAAY,CAACc,KAAK,EAAE;gBACnBP,GAAG,EAAEW,SAAS;gBACdM,YAAY,EAACC,KAA8B,EAAE;wBAE3CX,MAAW,AAAa,EAAxBA,GAAwB;oBADxBK,gBAAgB,EAAE;oBAClBL,CAAAA,GAAwB,GAAxBA,CAAAA,MAAW,GAAXA,KAAK,CAACY,KAAK,EAACF,YAAY,cAAxBV,GAAwB,WAAS,GAAjCA,KAAAA,CAAiC,GAAjCA,GAAwB,CAAxBA,IAAiC,CAAjCA,MAAW,EAAgBW,KAAK,CAAC,CAAA;gBACnC,CAAC;gBACDE,YAAY,EAACF,KAA8B,EAAE;wBAE3CX,MAAW,AAAa,EAAxBA,GAAwB;oBADxBQ,gBAAgB,EAAE;oBAClBR,CAAAA,GAAwB,GAAxBA,CAAAA,MAAW,GAAXA,KAAK,CAACY,KAAK,EAACC,YAAY,cAAxBb,GAAwB,WAAS,GAAjCA,KAAAA,CAAiC,GAAjCA,GAAwB,CAAxBA,IAAiC,CAAjCA,MAAW,EAAgBW,KAAK,CAAC,CAAA;gBACnC,CAAC;aACF,CAAC;0BACF,KAACvB,mBAAmB;gBACjB,GAAGQ,IAAI;gBACRkB,IAAI,EAAEjB,KAAK;gBACXkB,QAAQ,EAAE,KAAK;gBACfZ,SAAS,EAAEA,SAAS;gBACpBO,YAAY,EAAEL,gBAAgB;gBAC9BQ,YAAY,EAAEL,gBAAgB;gBAC9Bf,GAAG,EAAEA,GAAG;0BAEPC,KAAK;cACc;;MACrB,CACJ;AACH,CAAC;AAED,6BAAeX,UAAU,CAACS,OAAO,CAAC,CAAA"}

package/dist/esm/tooltip/types.js

@@ -1,3 +1,3 @@
-import React from "react";
+export { };
 
 //# sourceMappingURL=types.js.map

package/dist/esm/tooltip/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/tooltip/types.ts"],"sourcesContent":["import { PopoverProps } from '@lidofinance/popover'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type TooltipProps = Omit<\n  PopoverProps,\n  'anchorRef' | 'title' | 'open' | 'backdrop' | 'children'\n> & {\n  title: React.ReactNode\n  children: React.ReactElement & React.RefAttributes<HTMLElement>\n}\n"],"names":["React"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO,CAAA"}
+{"version":3,"sources":["../../../packages/tooltip/types.ts"],"sourcesContent":["import { PopoverProps } from '@lidofinance/popover'\nimport { ReactElement, ReactNode, RefAttributes } from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type TooltipProps = Omit<\n  PopoverProps,\n  'anchorRef' | 'title' | 'open' | 'backdrop' | 'children'\n> & {\n  title: ReactNode\n  children: ReactElement & RefAttributes<HTMLElement>\n}\n"],"names":[],"mappings":"AAAA,WAUC"}

package/dist/esm/transition/withTransition.js

@@ -1,11 +1,11 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { useMergeRefs } from "../hooks/index";
 import { Transition } from "react-transition-group";
 import { DEFAULT_DURATION } from "./constants";
 export default function withTransition(Component) {
-    function Wrapped(props, externalRef) {
-        const { in: state = false , timeout =DEFAULT_DURATION , mountOnEnter =true , unmountOnExit =true , appear =true , enter =true , exit =true , addEndListener , onEnter , onEntering , onEntered , onExit , onExiting , onExited , ...rest } = props;
+    function Wrapped(param, externalRef) {
+        let { in: state = false , timeout =DEFAULT_DURATION , mountOnEnter =true , unmountOnExit =true , appear =true , enter =true , exit =true , addEndListener , onEnter , onEntering , onEntered , onExit , onExiting , onExited , ...rest } = param;
         const transitionProps = {
             in: state,
             timeout,
@@ -25,13 +25,16 @@ export default function withTransition(Component) {
         const ref = useMergeRefs([
             externalRef
         ]);
-        return /*#__PURE__*/ React.createElement(Transition, _extends({}, transitionProps, {
-            nodeRef: ref
-        }), (status)=>/*#__PURE__*/ React.createElement(Component, _extends({}, rest, {
-                duration: timeout,
-                transitionStatus: status,
-                ref: ref
-            })));
+        return /*#__PURE__*/ _jsx(Transition, {
+            ...transitionProps,
+            nodeRef: ref,
+            children: (status)=>/*#__PURE__*/ _jsx(Component, {
+                    ...rest,
+                    duration: timeout,
+                    transitionStatus: status,
+                    ref: ref
+                })
+        });
     }
     return /*#__PURE__*/ forwardRef(Wrapped);
 };

package/dist/esm/transition/withTransition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/transition/withTransition.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { Transition } from 'react-transition-group'\nimport { DEFAULT_DURATION } from './constants'\nimport { TransitionWrapperProps, TransitionInnerProps } from './types'\n\ntype WrappedProps<T> = Omit<T, keyof TransitionInnerProps> &\n  TransitionWrapperProps\n\nexport default function withTransition<\n  P extends TransitionInnerProps,\n  E extends HTMLElement,\n>(\n  Component: React.ComponentType<P>,\n): React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<WrappedProps<P>> & React.RefAttributes<E>\n> {\n  function Wrapped(props: WrappedProps<P>, externalRef: ForwardedRef<E>) {\n    const {\n      in: state = false,\n      timeout = DEFAULT_DURATION,\n      mountOnEnter = true,\n      unmountOnExit = true,\n      appear = true,\n      enter = true,\n      exit = true,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      ...rest\n    } = props\n\n    const transitionProps = {\n      in: state,\n      timeout,\n      mountOnEnter,\n      unmountOnExit,\n      appear,\n      enter,\n      exit,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n    }\n\n    const ref = useMergeRefs([externalRef])\n\n    return (\n      <Transition {...transitionProps} nodeRef={ref}>\n        {(status) => (\n          <Component\n            {...(rest as P)}\n            duration={timeout}\n            transitionStatus={status}\n            ref={ref}\n          />\n        )}\n      </Transition>\n    )\n  }\n\n  return forwardRef(Wrapped)\n}\n"],"names":["React","forwardRef","useMergeRefs","Transition","DEFAULT_DURATION","withTransition","Component","Wrapped","props","externalRef","in","state","timeout","mountOnEnter","unmountOnExit","appear","enter","exit","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","rest","transitionProps","ref","nodeRef","status","duration","transitionStatus"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,QAAQ,gBAAoB,CAAA;AACjD,SAASC,UAAU,QAAQ,wBAAwB,CAAA;AACnD,SAASC,gBAAgB,QAAQ,aAAa,CAAA;AAM9C,eAAe,SAASC,cAAc,CAIpCC,SAAiC,EAGjC;IACA,SAASC,OAAO,CAACC,KAAsB,EAAEC,WAA4B,EAAE;QACrE,MAAM,EACJC,EAAE,EAAEC,KAAK,GAAG,KAAK,CAAA,EACjBC,OAAO,EAAGR,gBAAgB,CAAA,EAC1BS,YAAY,EAAG,IAAI,CAAA,EACnBC,aAAa,EAAG,IAAI,CAAA,EACpBC,MAAM,EAAG,IAAI,CAAA,EACbC,KAAK,EAAG,IAAI,CAAA,EACZC,IAAI,EAAG,IAAI,CAAA,EACXC,cAAc,CAAA,EACdC,OAAO,CAAA,EACPC,UAAU,CAAA,EACVC,SAAS,CAAA,EACTC,MAAM,CAAA,EACNC,SAAS,CAAA,EACTC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGjB,KAAK;QAET,MAAMkB,eAAe,GAAG;YACtBhB,EAAE,EAAEC,KAAK;YACTC,OAAO;YACPC,YAAY;YACZC,aAAa;YACbC,MAAM;YACNC,KAAK;YACLC,IAAI;YACJC,cAAc;YACdC,OAAO;YACPC,UAAU;YACVC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,QAAQ;SACT;QAED,MAAMG,GAAG,GAAGzB,YAAY,CAAC;YAACO,WAAW;SAAC,CAAC;QAEvC,qBACE,oBAACN,UAAU,eAAKuB,eAAe;YAAEE,OAAO,EAAED,GAAG;YAC1C,CAACE,MAAM,iBACN,oBAACvB,SAAS,eACHmB,IAAI;gBACTK,QAAQ,EAAElB,OAAO;gBACjBmB,gBAAgB,EAAEF,MAAM;gBACxBF,GAAG,EAAEA,GAAG;eACR,AACH,CACU,CACd;IACH,CAAC;IAED,qBAAO1B,UAAU,CAACM,OAAO,CAAC,CAAA;AAC5B,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/transition/withTransition.tsx"],"sourcesContent":["import {\n  ComponentType,\n  ForwardedRef,\n  forwardRef,\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { Transition } from 'react-transition-group'\nimport { DEFAULT_DURATION } from './constants'\nimport { TransitionWrapperProps, TransitionInnerProps } from './types'\n\ntype WrappedProps<T> = Omit<T, keyof TransitionInnerProps> &\n  TransitionWrapperProps\n\nexport default function withTransition<\n  P extends TransitionInnerProps,\n  E extends HTMLElement,\n>(\n  Component: ComponentType<P>,\n): ForwardRefExoticComponent<\n  PropsWithoutRef<WrappedProps<P>> & RefAttributes<E>\n> {\n  function Wrapped(\n    {\n      in: state = false,\n      timeout = DEFAULT_DURATION,\n      mountOnEnter = true,\n      unmountOnExit = true,\n      appear = true,\n      enter = true,\n      exit = true,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      ...rest\n    }: WrappedProps<P>,\n    externalRef: ForwardedRef<E>,\n  ) {\n    const transitionProps = {\n      in: state,\n      timeout,\n      mountOnEnter,\n      unmountOnExit,\n      appear,\n      enter,\n      exit,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n    }\n\n    const ref = useMergeRefs([externalRef])\n\n    return (\n      <Transition {...transitionProps} nodeRef={ref}>\n        {(status) => (\n          <Component\n            {...(rest as P)}\n            duration={timeout}\n            transitionStatus={status}\n            ref={ref}\n          />\n        )}\n      </Transition>\n    )\n  }\n\n  return forwardRef(Wrapped)\n}\n"],"names":["forwardRef","useMergeRefs","Transition","DEFAULT_DURATION","withTransition","Component","Wrapped","externalRef","in","state","timeout","mountOnEnter","unmountOnExit","appear","enter","exit","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","rest","transitionProps","ref","nodeRef","status","duration","transitionStatus"],"mappings":"AAAA;AAAA,SAGEA,UAAU,QAIL,OAAO,CAAA;AACd,SAASC,YAAY,QAAQ,gBAAoB,CAAA;AACjD,SAASC,UAAU,QAAQ,wBAAwB,CAAA;AACnD,SAASC,gBAAgB,QAAQ,aAAa,CAAA;AAM9C,eAAe,SAASC,cAAc,CAIpCC,SAA2B,EAG3B;IACA,SAASC,OAAO,CACd,KAgBkB,EAClBC,WAA4B,EAC5B;YAlBA,EACEC,EAAE,EAAEC,KAAK,GAAG,KAAK,CAAA,EACjBC,OAAO,EAAGP,gBAAgB,CAAA,EAC1BQ,YAAY,EAAG,IAAI,CAAA,EACnBC,aAAa,EAAG,IAAI,CAAA,EACpBC,MAAM,EAAG,IAAI,CAAA,EACbC,KAAK,EAAG,IAAI,CAAA,EACZC,IAAI,EAAG,IAAI,CAAA,EACXC,cAAc,CAAA,EACdC,OAAO,CAAA,EACPC,UAAU,CAAA,EACVC,SAAS,CAAA,EACTC,MAAM,CAAA,EACNC,SAAS,CAAA,EACTC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACS,GAhBlB,KAgBkB;QAGlB,MAAMC,eAAe,GAAG;YACtBhB,EAAE,EAAEC,KAAK;YACTC,OAAO;YACPC,YAAY;YACZC,aAAa;YACbC,MAAM;YACNC,KAAK;YACLC,IAAI;YACJC,cAAc;YACdC,OAAO;YACPC,UAAU;YACVC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,QAAQ;SACT;QAED,MAAMG,GAAG,GAAGxB,YAAY,CAAC;YAACM,WAAW;SAAC,CAAC;QAEvC,qBACE,KAACL,UAAU;YAAE,GAAGsB,eAAe;YAAEE,OAAO,EAAED,GAAG;sBAC1C,CAACE,MAAM,iBACN,KAACtB,SAAS;oBACP,GAAIkB,IAAI;oBACTK,QAAQ,EAAElB,OAAO;oBACjBmB,gBAAgB,EAAEF,MAAM;oBACxBF,GAAG,EAAEA,GAAG;kBACR,AACH;UACU,CACd;IACH,CAAC;IAED,qBAAOzB,UAAU,CAACM,OAAO,CAAC,CAAA;AAC5B,CAAC,CAAA"}

package/dist/types/accordion/Accordion.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-declare const _default: React.ForwardRefExoticComponent<{
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<{
     defaultExpanded?: boolean | undefined;
-    summary: React.ReactNode;
-} & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    summary: import("react").ReactNode;
+} & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: keyof JSX.IntrinsicElements | undefined;
     forwardedAs?: keyof JSX.IntrinsicElements | undefined;
-}, "summary" | "ref" | "defaultExpanded"> & React.RefAttributes<HTMLDivElement>>;
+}, "summary" | "ref" | "defaultExpanded"> & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/types/accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../packages/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAA;;;;;;;;AA4BvD,wBAAoC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../packages/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;AAgCA,wBAAoC"}

package/dist/types/accordion/types.d.ts

@@ -1,8 +1,8 @@
 import { LidoComponentProps } from '@lidofinance/utils';
-import React from 'react';
+import { ReactNode } from 'react';
 export type { Theme } from '@lidofinance/theme';
 export declare type AccordionProps = LidoComponentProps<'div', {
     defaultExpanded?: boolean;
-    summary: React.ReactNode;
+    summary: ReactNode;
 }>;
 //# sourceMappingURL=types.d.ts.map

package/dist/types/accordion/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAE/C,oBAAY,cAAc,GAAG,kBAAkB,CAC7C,KAAK,EACL;IACE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CACF,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAE/C,oBAAY,cAAc,GAAG,kBAAkB,CAC7C,KAAK,EACL;IACE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,EAAE,SAAS,CAAA;CACnB,CACF,CAAA"}

package/dist/types/accordion/useExpanded.d.ts

@@ -1,6 +1,6 @@
 import { AccordionProps } from './types';
 import { GetCollapsePropsOutput, GetTogglePropsOutput } from 'react-collapsed/dist/types';
-declare type UseExpanded = (props: AccordionProps) => {
+declare type UseExpanded = (props: Pick<AccordionProps, 'defaultExpanded'>) => {
     toggleProps: GetTogglePropsOutput;
     collapseProps: GetCollapsePropsOutput;
     isExpanded: boolean;

package/dist/types/accordion/useExpanded.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useExpanded.d.ts","sourceRoot":"","sources":["../../../packages/accordion/useExpanded.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,4BAA4B,CAAA;AAEnC,aAAK,WAAW,GAAG,CAAC,KAAK,EAAE,cAAc,KAAK;IAC5C,WAAW,EAAE,oBAAoB,CAAA;IACjC,aAAa,EAAE,sBAAsB,CAAA;IACrC,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,WAmBzB,CAAA"}
+{"version":3,"file":"useExpanded.d.ts","sourceRoot":"","sources":["../../../packages/accordion/useExpanded.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,4BAA4B,CAAA;AAEnC,aAAK,WAAW,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,KAAK;IACrE,WAAW,EAAE,oBAAoB,CAAA;IACjC,aAAa,EAAE,sBAAsB,CAAA;IACrC,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,WAmBzB,CAAA"}

package/dist/types/address/Address.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-declare const _default: React.ForwardRefExoticComponent<{
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<{
     address: string;
     symbols?: number | undefined;
-} & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+} & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: keyof JSX.IntrinsicElements | undefined;
     forwardedAs?: keyof JSX.IntrinsicElements | undefined;
-}, "address" | "ref" | "symbols"> & React.RefAttributes<HTMLDivElement>>;
+}, "address" | "ref" | "symbols"> & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;
 //# sourceMappingURL=Address.d.ts.map

package/dist/types/address/Address.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Address.d.ts","sourceRoot":"","sources":["../../../packages/address/Address.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAA;;;;;;;;AAoBvD,wBAAkC"}
+{"version":3,"file":"Address.d.ts","sourceRoot":"","sources":["../../../packages/address/Address.tsx"],"names":[],"mappings":";;;;;;;;AAqBA,wBAAkC"}