@lidofinance/lido-ui 1.10.13 → 2.0.0-next.2

package/dist/esm/container/src/Container.js

@@ -0,0 +1,13 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { ContainerStyle } from "./ContainerStyles";
+function Container(props, ref) {
+    const { size ='full' , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(ContainerStyle, _extends({
+        $size: size,
+        ref: ref
+    }, rest));
+}
+export default /*#__PURE__*/ forwardRef(Container);
+
+//# sourceMappingURL=Container.js.map

package/dist/esm/container/src/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/container/src/Container.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { ContainerStyle } from './ContainerStyles'\nimport { ContainerProps } from './types'\n\nfunction Container(props: ContainerProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { size = 'full', ...rest } = props\n\n  return <ContainerStyle $size={size} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Container)\n"],"names":["React","forwardRef","ContainerStyle","Container","props","ref","size","rest","$size"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,cAAc,QAAQ,mBAAmB,CAAA;AAGlD,SAASC,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,MAAM,EAAEC,IAAI,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAExC,qBAAO,oBAACF,cAAc;QAACM,KAAK,EAAEF,IAAI;QAAED,GAAG,EAAEA,GAAG;OAAME,IAAI,EAAI,CAAA;AAC5D,CAAC;AAED,6BAAeN,UAAU,CAACE,SAAS,CAAC,CAAA"}

package/dist/esm/container/src/ContainerStyles.js

@@ -0,0 +1,39 @@
+import styled, { css } from "styled-components";
+const sizes = {
+    full: css`
+    max-width: 1424px;
+  `,
+    content: css`
+    max-width: 960px;
+  `,
+    tight: css`
+    max-width: 560px;
+  `
+};
+export const ContainerStyle = styled.div`
+  box-sizing: border-box;
+  margin: 0 auto;
+  min-width: 320px;
+  width: 100%;
+  padding: 0 ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px;
+
+  ${(param)=>{
+    let { theme  } = param;
+    return theme.mediaQueries.lg;
+}} {
+    padding: 0 ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+  }
+
+  ${(param)=>{
+    let { $size  } = param;
+    return sizes[$size];
+}}
+`;
+
+//# sourceMappingURL=ContainerStyles.js.map

package/dist/esm/container/src/ContainerStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/container/src/ContainerStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ContainerSizes } from './types'\n\nconst sizes = {\n  full: css`\n    max-width: 1424px;\n  `,\n  content: css`\n    max-width: 960px;\n  `,\n  tight: css`\n    max-width: 560px;\n  `,\n}\n\nexport const ContainerStyle = styled.div<{ $size: ContainerSizes }>`\n  box-sizing: border-box;\n  margin: 0 auto;\n  min-width: 320px;\n  width: 100%;\n  padding: 0 ${({ theme }) => theme.spaceMap.xxl}px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    padding: 0 ${({ theme }) => theme.spaceMap.lg}px;\n  }\n\n  ${({ $size }) => sizes[$size]}\n`\n"],"names":["styled","css","sizes","full","content","tight","ContainerStyle","div","theme","spaceMap","xxl","mediaQueries","lg","$size"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAG/C,MAAMC,KAAK,GAAG;IACZC,IAAI,EAAEF,GAAG,CAAC;;EAEV,CAAC;IACDG,OAAO,EAAEH,GAAG,CAAC;;EAEb,CAAC;IACDI,KAAK,EAAEJ,GAAG,CAAC;;EAEX,CAAC;CACF;AAED,OAAO,MAAMK,cAAc,GAAGN,MAAM,CAACO,GAAG,AAA2B,CAAC;;;;;aAKvD,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,GAAG;AAAD,CAAC,CAAC;;EAE/C,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;eAC1B,EAAE,SAAeJ;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACG,EAAE;AAAD,CAAC,CAAC;;;EAGhD,EAAE,SAAeV;QAAd,EAAEW,KAAK,CAAA,EAAE;WAAKX,KAAK,CAACW,KAAK,CAAC;AAAD,CAAC,CAAC;AAChC,CAAC,CAAA"}

package/dist/esm/container/src/index.js

@@ -0,0 +1,4 @@
+export { default as Container } from "./Container";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/container/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/container/src/index.ts"],"sourcesContent":["export { default as Container } from './Container'\nexport * from './types'\n"],"names":["default","Container"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAAS,QAAQ,aAAa,CAAA;AAClD,cAAc,SAAS,CAAA"}

package/dist/esm/container/src/types.js

@@ -0,0 +1,8 @@
+export var ContainerSize;
+(function(ContainerSize) {
+    ContainerSize[ContainerSize["full"] = 0] = "full";
+    ContainerSize[ContainerSize["content"] = 1] = "content";
+    ContainerSize[ContainerSize["tight"] = 2] = "tight";
+})(ContainerSize || (ContainerSize = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/container/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/container/src/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum ContainerSize {\n  full,\n  content,\n  tight,\n}\nexport type ContainerSizes = keyof typeof ContainerSize\n\nexport type ContainerProps = LidoComponentProps<\n  'div',\n  {\n    size?: ContainerSizes\n  }\n>\n"],"names":["ContainerSize","full","content","tight"],"mappings":"AAAA,WAGO,aAIN;UAJWA,aAAa;IAAbA,aAAa,CAAbA,aAAa,CACvBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,aAAa,CAAbA,aAAa,CAEvBE,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAFGF,aAAa,CAAbA,aAAa,CAGvBG,OAAK,IAALA,CAAK,IAALA,OAAK;GAHKH,aAAa,KAAbA,aAAa"}

package/dist/esm/cookie-theme-toggler/src/constants.js

@@ -0,0 +1,4 @@
+export const COOKIES_THEME_EXPIRES_DAYS = 365;
+export const COOKIE_THEME_MANUAL_KEY = 'lido-theme-manual';
+
+//# sourceMappingURL=constants.js.map

package/dist/esm/cookie-theme-toggler/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/constants.ts"],"sourcesContent":["export const COOKIES_THEME_EXPIRES_DAYS = 365\n\nexport const COOKIE_THEME_MANUAL_KEY = 'lido-theme-manual'\n"],"names":["COOKIES_THEME_EXPIRES_DAYS","COOKIE_THEME_MANUAL_KEY"],"mappings":"AAAA,OAAO,MAAMA,0BAA0B,GAAG,GAAG,CAAA;AAE7C,OAAO,MAAMC,uBAAuB,GAAG,mBAAmB,CAAA"}

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

@@ -0,0 +1,53 @@
+import { createContext, useEffect, useMemo, useState } from "react";
+import { DARK, DEFAULT_THEME_NAME, LIGHT, THEME, themeDark, themeLight, ThemeProvider } from "../../theme/src/index";
+import { getThemeNameFromCookies } from "./utils";
+import { initColors } from "../../theme/src/index";
+import { updateGlobalTheme } from "../../theme/src/document-head-contents/element-theme-script";
+const themeMap = {
+    light: themeLight,
+    dark: themeDark
+};
+export const ThemeToggleContext = /*#__PURE__*/ createContext({});
+export const CookieThemeProvider = (param)=>{
+    let { children , initialTheme , // overrideTheme is mainly used for storybook
+    overrideTheme ,  } = param;
+    const [themeName, setThemeName] = useState(initialTheme || DEFAULT_THEME_NAME);
+    // Noticing browser preferences on hydration
+    // Reacting to changing preferences
+    useEffect(()=>{
+        if (typeof window === 'undefined') {
+            return;
+        }
+        initColors();
+        const mql = window.matchMedia('(prefers-color-scheme: dark)');
+        const setTheme = ()=>{
+            const systemThemeName = mql.matches ? DARK : LIGHT;
+            const themeNameCookie = getThemeNameFromCookies();
+            setThemeName(overrideTheme || themeNameCookie || initialTheme || systemThemeName || DEFAULT_THEME_NAME);
+        };
+        mql.addEventListener('change', setTheme);
+        setTheme();
+    }, [
+        initialTheme,
+        overrideTheme
+    ]);
+    const value = useMemo(()=>({
+            themeName,
+            toggleTheme () {
+                setThemeName((themeName)=>{
+                    const newThemeName = themeName === THEME.light ? THEME.dark : THEME.light;
+                    updateGlobalTheme(newThemeName);
+                    return newThemeName;
+                });
+            }
+        }), [
+        themeName
+    ]);
+    return /*#__PURE__*/ React.createElement(ThemeToggleContext.Provider, {
+        value: value
+    }, /*#__PURE__*/ React.createElement(ThemeProvider, {
+        theme: themeMap[themeName]
+    }, children));
+};
+
+//# sourceMappingURL=cookie-theme-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/cookie-theme-provider.tsx"],"sourcesContent":["import {\n  createContext,\n  FC,\n  PropsWithChildren,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport {\n  DARK,\n  DEFAULT_THEME_NAME,\n  LIGHT,\n  Theme,\n  THEME,\n  themeDark,\n  themeLight,\n  ThemeProvider,\n} from '@lidofinance/theme'\nimport { getThemeNameFromCookies } from './utils'\nimport { initColors } from '@lidofinance/theme'\nimport { updateGlobalTheme } from '../../theme/src/document-head-contents/element-theme-script'\n\nconst themeMap: Record<THEME, Theme> = {\n  light: themeLight,\n  dark: themeDark,\n}\n\nexport type ThemeContext = {\n  toggleTheme: () => void\n  themeName: THEME\n}\n\nexport const ThemeToggleContext = createContext({} as ThemeContext)\n\nexport type ThemeProviderProps = {\n  // Use themeNameParent if you need get cookie in SSR\n  initialTheme?: THEME\n  overrideTheme?: THEME\n}\n\nexport const CookieThemeProvider: FC<PropsWithChildren<ThemeProviderProps>> = ({\n  children,\n  initialTheme,\n  // overrideTheme is mainly used for storybook\n  overrideTheme,\n}) => {\n  const [themeName, setThemeName] = useState<THEME>(\n    initialTheme || DEFAULT_THEME_NAME\n  )\n\n  // Noticing browser preferences on hydration\n  // Reacting to changing preferences\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return\n    }\n    initColors()\n    const mql = window.matchMedia('(prefers-color-scheme: dark)')\n    const setTheme = () => {\n      const systemThemeName = mql.matches ? (DARK as THEME) : (LIGHT as THEME)\n      const themeNameCookie = getThemeNameFromCookies()\n      setThemeName(\n        overrideTheme ||\n          themeNameCookie ||\n          initialTheme ||\n          systemThemeName ||\n          DEFAULT_THEME_NAME\n      )\n    }\n    mql.addEventListener('change', setTheme)\n    setTheme()\n  }, [initialTheme, overrideTheme])\n\n  const value = useMemo(\n    () => ({\n      themeName,\n      toggleTheme() {\n        setThemeName((themeName) => {\n          const newThemeName =\n            themeName === THEME.light ? THEME.dark : THEME.light\n          updateGlobalTheme(newThemeName)\n          return newThemeName\n        })\n      },\n    }),\n    [themeName]\n  )\n\n  return (\n    <ThemeToggleContext.Provider value={value}>\n      <ThemeProvider theme={themeMap[themeName]}>{children}</ThemeProvider>\n    </ThemeToggleContext.Provider>\n  )\n}\n"],"names":["createContext","useEffect","useMemo","useState","DARK","DEFAULT_THEME_NAME","LIGHT","THEME","themeDark","themeLight","ThemeProvider","getThemeNameFromCookies","initColors","updateGlobalTheme","themeMap","light","dark","ThemeToggleContext","CookieThemeProvider","children","initialTheme","overrideTheme","themeName","setThemeName","window","mql","matchMedia","setTheme","systemThemeName","matches","themeNameCookie","addEventListener","value","toggleTheme","newThemeName","Provider","theme"],"mappings":"AAAA,SACEA,aAAa,EAGbC,SAAS,EACTC,OAAO,EACPC,QAAQ,QACH,OAAO,CAAA;AACd,SACEC,IAAI,EACJC,kBAAkB,EAClBC,KAAK,EAELC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,aAAa,QACR,uBAAoB,CAAA;AAC3B,SAASC,uBAAuB,QAAQ,SAAS,CAAA;AACjD,SAASC,UAAU,QAAQ,uBAAoB,CAAA;AAC/C,SAASC,iBAAiB,QAAQ,6DAA6D,CAAA;AAE/F,MAAMC,QAAQ,GAAyB;IACrCC,KAAK,EAAEN,UAAU;IACjBO,IAAI,EAAER,SAAS;CAChB;AAOD,OAAO,MAAMS,kBAAkB,iBAAGjB,aAAa,CAAC,EAAE,CAAiB,CAAA;AAQnE,OAAO,MAAMkB,mBAAmB,GAA8C,SAKxE;QALyE,EAC7EC,QAAQ,CAAA,EACRC,YAAY,CAAA,EACZ,6CAA6C;IAC7CC,aAAa,CAAA,IACd;IACC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGpB,QAAQ,CACxCiB,YAAY,IAAIf,kBAAkB,CACnC;IAED,4CAA4C;IAC5C,mCAAmC;IACnCJ,SAAS,CAAC,IAAM;QACd,IAAI,OAAOuB,MAAM,KAAK,WAAW,EAAE;YACjC,OAAM;QACR,CAAC;QACDZ,UAAU,EAAE;QACZ,MAAMa,GAAG,GAAGD,MAAM,CAACE,UAAU,CAAC,8BAA8B,CAAC;QAC7D,MAAMC,QAAQ,GAAG,IAAM;YACrB,MAAMC,eAAe,GAAGH,GAAG,CAACI,OAAO,GAAIzB,IAAI,GAAcE,KAAK,AAAU;YACxE,MAAMwB,eAAe,GAAGnB,uBAAuB,EAAE;YACjDY,YAAY,CACVF,aAAa,IACXS,eAAe,IACfV,YAAY,IACZQ,eAAe,IACfvB,kBAAkB,CACrB;QACH,CAAC;QACDoB,GAAG,CAACM,gBAAgB,CAAC,QAAQ,EAAEJ,QAAQ,CAAC;QACxCA,QAAQ,EAAE;IACZ,CAAC,EAAE;QAACP,YAAY;QAAEC,aAAa;KAAC,CAAC;IAEjC,MAAMW,KAAK,GAAG9B,OAAO,CACnB,IAAM,CAAC;YACLoB,SAAS;YACTW,WAAW,IAAG;gBACZV,YAAY,CAAC,CAACD,SAAS,GAAK;oBAC1B,MAAMY,YAAY,GAChBZ,SAAS,KAAKf,KAAK,CAACQ,KAAK,GAAGR,KAAK,CAACS,IAAI,GAAGT,KAAK,CAACQ,KAAK;oBACtDF,iBAAiB,CAACqB,YAAY,CAAC;oBAC/B,OAAOA,YAAY,CAAA;gBACrB,CAAC,CAAC;YACJ,CAAC;SACF,CAAC,EACF;QAACZ,SAAS;KAAC,CACZ;IAED,qBACE,oBAACL,kBAAkB,CAACkB,QAAQ;QAACH,KAAK,EAAEA,KAAK;qBACvC,oBAACtB,aAAa;QAAC0B,KAAK,EAAEtB,QAAQ,CAACQ,SAAS,CAAC;OAAGH,QAAQ,CAAiB,CACzC,CAC/B;AACH,CAAC,CAAA"}

package/dist/esm/cookie-theme-toggler/src/cookie-theme-toggler.js

@@ -0,0 +1,12 @@
+import { Dark, Light } from "../../icons/src/index";
+import { CookieThemeTogglerStyle } from "./styles";
+import { useThemeToggle } from "./hooks";
+export const ThemeToggler = ()=>{
+    const { toggleTheme , themeName  } = useThemeToggle();
+    return /*#__PURE__*/ React.createElement(CookieThemeTogglerStyle, {
+        color: "secondary",
+        onClick: toggleTheme
+    }, themeName === 'dark' ? /*#__PURE__*/ React.createElement(Light, null) : /*#__PURE__*/ React.createElement(Dark, null));
+};
+
+//# sourceMappingURL=cookie-theme-toggler.js.map

package/dist/esm/cookie-theme-toggler/src/cookie-theme-toggler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/cookie-theme-toggler.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Dark, Light } from '@lidofinance/icons'\nimport { CookieThemeTogglerStyle } from './styles'\nimport { useThemeToggle } from './hooks'\n\nexport const ThemeToggler: FC = () => {\n  const { toggleTheme, themeName } = useThemeToggle()\n\n  return (\n    <CookieThemeTogglerStyle color='secondary' onClick={toggleTheme}>\n      {themeName === 'dark' ? <Light /> : <Dark />}\n    </CookieThemeTogglerStyle>\n  )\n}\n"],"names":["Dark","Light","CookieThemeTogglerStyle","useThemeToggle","ThemeToggler","toggleTheme","themeName","color","onClick"],"mappings":"AACA,SAASA,IAAI,EAAEC,KAAK,QAAQ,uBAAoB,CAAA;AAChD,SAASC,uBAAuB,QAAQ,UAAU,CAAA;AAClD,SAASC,cAAc,QAAQ,SAAS,CAAA;AAExC,OAAO,MAAMC,YAAY,GAAO,IAAM;IACpC,MAAM,EAAEC,WAAW,CAAA,EAAEC,SAAS,CAAA,EAAE,GAAGH,cAAc,EAAE;IAEnD,qBACE,oBAACD,uBAAuB;QAACK,KAAK,EAAC,WAAW;QAACC,OAAO,EAAEH,WAAW;OAC5DC,SAAS,KAAK,MAAM,iBAAG,oBAACL,KAAK,OAAG,iBAAG,oBAACD,IAAI,OAAG,CACpB,CAC3B;AACH,CAAC,CAAA"}

package/dist/esm/cookie-theme-toggler/src/hooks.js

@@ -0,0 +1,7 @@
+import { useContext } from "react";
+import { ThemeToggleContext } from "./cookie-theme-provider";
+export const useThemeToggle = ()=>{
+    return useContext(ThemeToggleContext);
+};
+
+//# sourceMappingURL=hooks.js.map

package/dist/esm/cookie-theme-toggler/src/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/hooks.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { ThemeToggleContext, ThemeContext } from './cookie-theme-provider'\n\nexport const useThemeToggle = (): ThemeContext => {\n  return useContext(ThemeToggleContext)\n}\n"],"names":["useContext","ThemeToggleContext","useThemeToggle"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO,CAAA;AAClC,SAASC,kBAAkB,QAAsB,yBAAyB,CAAA;AAE1E,OAAO,MAAMC,cAAc,GAAG,IAAoB;IAChD,OAAOF,UAAU,CAACC,kBAAkB,CAAC,CAAA;AACvC,CAAC,CAAA"}

package/dist/esm/cookie-theme-toggler/src/index.js

@@ -0,0 +1,5 @@
+export * from './cookie-theme-provider';
+export * from './cookie-theme-toggler';
+export * from './hooks';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/cookie-theme-toggler/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/index.ts"],"sourcesContent":["export * from './cookie-theme-provider'\nexport * from './cookie-theme-toggler'\nexport * from './hooks'\n"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,SAAS,CAAA"}

package/dist/esm/cookie-theme-toggler/src/styles.js

@@ -0,0 +1,18 @@
+import styled from "styled-components";
+import { Button } from "../../button/src/index";
+export const CookieThemeTogglerStyle = styled(Button).attrs({
+    variant: 'text',
+    size: 'xs'
+})`
+  min-width: 0;
+  margin-left: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px;
+  padding-left: 10px;
+  padding-right: 10px;
+  line-height: 0;
+  font-size: 0;
+`;
+
+//# sourceMappingURL=styles.js.map

package/dist/esm/cookie-theme-toggler/src/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/styles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '@lidofinance/button'\n\nexport const CookieThemeTogglerStyle = styled(Button).attrs({\n  variant: 'text',\n  size: 'xs',\n})`\n  min-width: 0;\n  margin-left: ${({ theme }) => theme.spaceMap.sm}px;\n  padding-left: 10px;\n  padding-right: 10px;\n  line-height: 0;\n  font-size: 0;\n`\n"],"names":["styled","Button","CookieThemeTogglerStyle","attrs","variant","size","theme","spaceMap","sm"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AACtC,SAASC,MAAM,QAAQ,wBAAqB,CAAA;AAE5C,OAAO,MAAMC,uBAAuB,GAAGF,MAAM,CAACC,MAAM,CAAC,CAACE,KAAK,CAAC;IAC1DC,OAAO,EAAE,MAAM;IACfC,IAAI,EAAE,IAAI;CACX,CAAC,CAAC;;eAEY,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;AAKlD,CAAC,CAAA"}

package/dist/esm/cookie-theme-toggler/src/utils.js

@@ -0,0 +1,12 @@
+import { COOKIE_THEME_MANUAL_KEY } from "./constants";
+const cookieThemeMatcher = new RegExp(`(^| )${COOKIE_THEME_MANUAL_KEY}=([^;]+)`);
+export const getThemeNameFromCookies = ()=>{
+    var ref;
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    var ref1;
+    return (ref1 = (ref = document.cookie.match(cookieThemeMatcher)) === null || ref === void 0 ? void 0 : ref[2]) !== null && ref1 !== void 0 ? ref1 : null;
+};
+
+//# sourceMappingURL=utils.js.map

package/dist/esm/cookie-theme-toggler/src/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/utils.ts"],"sourcesContent":["import { THEME } from '@lidofinance/theme'\nimport { COOKIE_THEME_MANUAL_KEY } from './constants'\n\nconst cookieThemeMatcher = new RegExp(`(^| )${COOKIE_THEME_MANUAL_KEY}=([^;]+)`)\n\nexport const getThemeNameFromCookies = (): THEME | null => {\n  if (typeof window === 'undefined') {\n    return null\n  }\n\n  return (document.cookie.match(cookieThemeMatcher)?.[2] as THEME) ?? null\n}\n"],"names":["COOKIE_THEME_MANUAL_KEY","cookieThemeMatcher","RegExp","getThemeNameFromCookies","document","window","cookie","match"],"mappings":"AACA,SAASA,uBAAuB,QAAQ,aAAa,CAAA;AAErD,MAAMC,kBAAkB,GAAG,IAAIC,MAAM,CAAC,CAAC,KAAK,EAAEF,uBAAuB,CAAC,QAAQ,CAAC,CAAC;AAEhF,OAAO,MAAMG,uBAAuB,GAAG,IAAoB;QAKjDC,GAAyC;IAJjD,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO,IAAI,CAAA;IACb,CAAC;QAEM,IAAyD;IAAhE,OAAO,CAAA,IAAyD,GAAxDD,CAAAA,GAAyC,GAAzCA,QAAQ,CAACE,MAAM,CAACC,KAAK,CAACN,kBAAkB,CAAC,cAAzCG,GAAyC,WAAK,GAA9CA,KAAAA,CAA8C,GAA9CA,GAAyC,AAAE,CAAC,CAAC,CAAC,cAA/C,IAAyD,cAAzD,IAAyD,GAAI,IAAI,CAAA;AAC1E,CAAC,CAAA"}

package/dist/esm/data-table/src/DataTable.js

@@ -0,0 +1,27 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { InlineLoader } from "../../loaders/src/index";
+import { Tooltip } from "../../tooltip/src/index";
+import { DataTableStyle, DataTableRowStyle, DataTableTitleStyle, DataTableValueStyle, DataTableQuestionStyle } from "./DataTableStyles";
+function DataTable(props, ref) {
+    return /*#__PURE__*/ React.createElement(DataTableStyle, _extends({
+        ref: ref
+    }, props));
+}
+export default /*#__PURE__*/ forwardRef(DataTable);
+export const DataTableRow = /*#__PURE__*/ forwardRef(function DataTableRow(props, ref) {
+    const { title , loading =false , highlight =false , help , children , ...rest } = props;
+    const hasHelper = !!help;
+    return /*#__PURE__*/ React.createElement(DataTableRowStyle, _extends({
+        ref: ref
+    }, rest), /*#__PURE__*/ React.createElement(DataTableTitleStyle, null, title, hasHelper && /*#__PURE__*/ React.createElement(Tooltip, {
+        placement: "bottomLeft",
+        title: help
+    }, /*#__PURE__*/ React.createElement(DataTableQuestionStyle, null))), /*#__PURE__*/ React.createElement(DataTableValueStyle, {
+        $highlight: highlight
+    }, loading ? /*#__PURE__*/ React.createElement(InlineLoader, {
+        color: "text"
+    }) : children));
+});
+
+//# sourceMappingURL=DataTable.js.map

package/dist/esm/data-table/src/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/data-table/src/DataTable.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '@lidofinance/loaders'\nimport { Tooltip } from '@lidofinance/tooltip'\nimport {\n  DataTableStyle,\n  DataTableRowStyle,\n  DataTableTitleStyle,\n  DataTableValueStyle,\n  DataTableQuestionStyle,\n} from './DataTableStyles'\nimport { DataTableProps, DataTableRowProps } from './types'\n\nfunction DataTable(props: DataTableProps, ref?: ForwardedRef<HTMLDivElement>) {\n  return <DataTableStyle ref={ref} {...props} />\n}\n\nexport default forwardRef(DataTable)\n\nexport const DataTableRow = forwardRef(function DataTableRow(\n  props: DataTableRowProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const {\n    title,\n    loading = false,\n    highlight = false,\n    help,\n    children,\n    ...rest\n  } = props\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"],"names":["React","forwardRef","InlineLoader","Tooltip","DataTableStyle","DataTableRowStyle","DataTableTitleStyle","DataTableValueStyle","DataTableQuestionStyle","DataTable","props","ref","DataTableRow","title","loading","highlight","help","children","rest","hasHelper","placement","$highlight","color"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,QAAQ,yBAAsB,CAAA;AACnD,SAASC,OAAO,QAAQ,yBAAsB,CAAA;AAC9C,SACEC,cAAc,EACdC,iBAAiB,EACjBC,mBAAmB,EACnBC,mBAAmB,EACnBC,sBAAsB,QACjB,mBAAmB,CAAA;AAG1B,SAASC,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,qBAAO,oBAACP,cAAc;QAACO,GAAG,EAAEA,GAAG;OAAMD,KAAK,EAAI,CAAA;AAChD,CAAC;AAED,6BAAeT,UAAU,CAACQ,SAAS,CAAC,CAAA;AAEpC,OAAO,MAAMG,YAAY,iBAAGX,UAAU,CAAC,SAASW,YAAY,CAC1DF,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EACJE,KAAK,CAAA,EACLC,OAAO,EAAG,KAAK,CAAA,EACfC,SAAS,EAAG,KAAK,CAAA,EACjBC,IAAI,CAAA,EACJC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGR,KAAK;IACT,MAAMS,SAAS,GAAG,CAAC,CAACH,IAAI;IAExB,qBACE,oBAACX,iBAAiB;QAACM,GAAG,EAAEA,GAAG;OAAMO,IAAI,iBACnC,oBAACZ,mBAAmB,QACjBO,KAAK,EACLM,SAAS,kBACR,oBAAChB,OAAO;QAACiB,SAAS,EAAC,YAAY;QAACP,KAAK,EAAEG,IAAI;qBACzC,oBAACR,sBAAsB,OAAG,CAClB,AACX,CACmB,gBACtB,oBAACD,mBAAmB;QAACc,UAAU,EAAEN,SAAS;OACvCD,OAAO,iBAAG,oBAACZ,YAAY;QAACoB,KAAK,EAAC,MAAM;MAAG,GAAGL,QAAQ,CAC/B,CACJ,CACrB;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/data-table/src/DataTableStyles.js

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

package/dist/esm/data-table/src/DataTableStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/data-table/src/DataTableStyles.tsx"],"sourcesContent":["import { Question } from '@lidofinance/icons'\nimport styled from 'styled-components'\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 0;\n  vertical-align: middle;\n`\n"],"names":["Question","styled","DataTableStyle","div","DataTableRowStyle","theme","spaceMap","md","fontSizesMap","xxs","DataTableTitleStyle","DataTableValueStyle","$highlight","xxl","DataTableQuestionStyle"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,uBAAoB,CAAA;AAC7C,OAAOC,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAG,CAAC,CAAC,CAAA;AAE1C,OAAO,MAAMC,iBAAiB,GAAGH,MAAM,CAACE,GAAG,CAAC;;UAElC,EAAE,SAAeE;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;aAEhC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;;;;;;;;;AAUrD,CAAC,CAAA;AAED,OAAO,MAAMC,mBAAmB,GAAGT,MAAM,CAACE,GAAG,CAAC;;;AAG9C,CAAC,CAAA;AAED,OAAO,MAAMQ,mBAAmB,GAAGV,MAAM,CAACE,GAAG,AAAyB,CAAC;;iBAEtD,EAAE,SAAoB;QAAnB,EAAES,UAAU,CAAA,EAAE;WAAMA,UAAU,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AAAA,CAAC,CAAC;;;eAG1D,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACO,GAAG;AAAD,CAAC,CAAC;;AAEnD,CAAC,CAAA;AAED,OAAO,MAAMC,sBAAsB,GAAGb,MAAM,CAACD,QAAQ,CAAC,CAAC;;;AAGvD,CAAC,CAAA"}

package/dist/esm/data-table/src/index.js

@@ -0,0 +1,5 @@
+export * from './DataTable';
+export { default as DataTable } from "./DataTable";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/data-table/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/data-table/src/index.ts"],"sourcesContent":["export * from './DataTable'\nexport { default as DataTable } from './DataTable'\nexport * from './types'\n"],"names":["default","DataTable"],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,SAASA,OAAO,IAAIC,SAAS,QAAQ,aAAa,CAAA;AAClD,cAAc,SAAS,CAAA"}

package/dist/esm/data-table/src/types.js

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

package/dist/esm/data-table/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/data-table/src/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type DataTableProps = LidoComponentProps<'div'>\n\nexport type DataTableRowProps = LidoComponentProps<\n  'div',\n  {\n    title: React.ReactNode\n    help?: React.ReactNode\n    loading?: boolean\n    highlight?: boolean\n  }\n>\n"],"names":["React"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO,CAAA"}

package/dist/esm/divider/src/Divider.js

@@ -0,0 +1,14 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { DividerStyle } from "./DividerStyles";
+function Divider(props, ref) {
+    const { type ='horizontal' , indents , children , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(DividerStyle, _extends({
+        $type: type,
+        $indents: indents,
+        ref: ref
+    }, rest));
+}
+export default /*#__PURE__*/ forwardRef(Divider);
+
+//# sourceMappingURL=Divider.js.map

package/dist/esm/divider/src/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/divider/src/Divider.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { DividerStyle } from './DividerStyles'\nimport { DividerProps } from './types'\n\nfunction Divider(props: DividerProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { type = 'horizontal', indents, children, ...rest } = props\n\n  return <DividerStyle $type={type} $indents={indents} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Divider)\n"],"names":["React","forwardRef","DividerStyle","Divider","props","ref","type","indents","children","rest","$type","$indents"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,QAAQ,iBAAiB,CAAA;AAG9C,SAASC,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,IAAI,EAAG,YAAY,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAEjE,qBAAO,oBAACF,YAAY;QAACQ,KAAK,EAAEJ,IAAI;QAAEK,QAAQ,EAAEJ,OAAO;QAAEF,GAAG,EAAEA,GAAG;OAAMI,IAAI,EAAI,CAAA;AAC7E,CAAC;AAED,6BAAeR,UAAU,CAACE,OAAO,CAAC,CAAA"}

package/dist/esm/divider/src/DividerStyles.js

@@ -0,0 +1,32 @@
+import styled, { css } from "styled-components";
+const getIndents = (param)=>{
+    let { $indents , theme  } = param;
+    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};
+  `
+};
+export 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]}
+`;
+
+//# sourceMappingURL=DividerStyles.js.map

package/dist/esm/divider/src/DividerStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/divider/src/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { DividerIndents, DividerTypes } from './types'\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":["styled","css","getIndents","$indents","theme","spaceMap","types","horizontal","vertical","DividerStyle","div","props","$type"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAU/C,MAAMC,UAAU,GAAG,SAAwC;QAAvC,EAAEC,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAiB;IACpD,OAAOD,QAAQ,GAAG,CAAC,EAAEC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAA;AACzD,CAAC;AAED,MAAMG,KAAK,GAAG;IACZC,UAAU,EAAEN,GAAG,AAAe,CAAC;;;;YAIrB,EAAEC,UAAU,CAAC;EACvB,CAAC;IACDM,QAAQ,EAAEP,GAAG,AAAe,CAAC;;;;cAIjB,EAAEC,UAAU,CAAC;EACzB,CAAC;CACF;AAED,OAAO,MAAMO,YAAY,GAAGT,MAAM,CAACU,GAAG,AAAe,CAAC;;;;;;;;;EASpD,EAAE,CAACC,KAAK,GAAKL,KAAK,CAACK,KAAK,CAACC,KAAK,CAAC,CAAC;AAClC,CAAC,CAAA"}

package/dist/esm/divider/src/index.js

@@ -0,0 +1,4 @@
+export { default as Divider } from "./Divider";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/divider/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/divider/src/index.ts"],"sourcesContent":["export { default as Divider } from './Divider'\nexport * from './types'\n"],"names":["default","Divider"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW,CAAA;AAC9C,cAAc,SAAS,CAAA"}

package/dist/esm/divider/src/types.js

@@ -0,0 +1,15 @@
+export var DividerType;
+(function(DividerType) {
+    DividerType[DividerType["vertical"] = 0] = "vertical";
+    DividerType[DividerType["horizontal"] = 1] = "horizontal";
+})(DividerType || (DividerType = {}));
+export var DividerIndent;
+(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";
+})(DividerIndent || (DividerIndent = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/divider/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/divider/src/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nexport type { Theme } from '@lidofinance/theme'\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","vertical","horizontal","DividerIndent","xs","sm","md","lg","xl"],"mappings":"AAAA,WAGO,WAGN;UAHWA,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IADED,WAAW,CAAXA,WAAW,CAErBE,YAAU,IAAVA,CAAU,IAAVA,YAAU;GAFAF,WAAW,KAAXA,WAAW;WAMhB,aAMN;UANWG,aAAa;IAAbA,aAAa,CAAbA,aAAa,CACvBC,IAAE,IAAFA,CAAE,IAAFA,IAAE;IADQD,aAAa,CAAbA,aAAa,CAEvBE,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAFQF,aAAa,CAAbA,aAAa,CAGvBG,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAHQH,aAAa,CAAbA,aAAa,CAIvBI,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAJQJ,aAAa,CAAbA,aAAa,CAKvBK,IAAE,IAAFA,CAAE,IAAFA,IAAE;GALQL,aAAa,KAAbA,aAAa"}

package/dist/esm/heading/src/Heading.js

@@ -0,0 +1,35 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { HeadingStyle, H1Style, H2Style, H3Style } from "./HeadingStyles";
+function Heading(props, ref) {
+    const { size ='md' , color ='text' , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(HeadingStyle, _extends({
+        $size: size,
+        $color: color,
+        ref: ref
+    }, rest));
+}
+export default /*#__PURE__*/ forwardRef(Heading);
+export const H1 = /*#__PURE__*/ forwardRef(function H1(props, ref) {
+    const { color ='text' , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(H1Style, _extends({
+        $color: color,
+        ref: ref
+    }, rest));
+});
+export const H2 = /*#__PURE__*/ forwardRef(function H2(props, ref) {
+    const { color ='text' , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(H2Style, _extends({
+        $color: color,
+        ref: ref
+    }, rest));
+});
+export const H3 = /*#__PURE__*/ forwardRef(function H3(props, ref) {
+    const { color ='text' , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(H3Style, _extends({
+        $color: color,
+        ref: ref
+    }, rest));
+});
+
+//# sourceMappingURL=Heading.js.map

package/dist/esm/heading/src/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/heading/src/Heading.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { HeadingStyle, H1Style, H2Style, H3Style } from './HeadingStyles'\nimport { HeadingProps, HProps } from './types'\n\nfunction Heading(props: HeadingProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { size = 'md', color = 'text', ...rest } = props\n  return <HeadingStyle $size={size} $color={color} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Heading)\n\nexport const H1 = forwardRef(function H1(\n  props: HProps<'h1'>,\n  ref?: ForwardedRef<HTMLHeadingElement>\n) {\n  const { color = 'text', ...rest } = props\n  return <H1Style $color={color} ref={ref} {...rest} />\n})\n\nexport const H2 = forwardRef(function H2(\n  props: HProps<'h2'>,\n  ref?: ForwardedRef<HTMLHeadingElement>\n) {\n  const { color = 'text', ...rest } = props\n  return <H2Style $color={color} ref={ref} {...rest} />\n})\n\nexport const H3 = forwardRef(function H3(\n  props: HProps<'h3'>,\n  ref?: ForwardedRef<HTMLHeadingElement>\n) {\n  const { color = 'text', ...rest } = props\n  return <H3Style $color={color} ref={ref} {...rest} />\n})\n"],"names":["React","forwardRef","HeadingStyle","H1Style","H2Style","H3Style","Heading","props","ref","size","color","rest","$size","$color","H1","H2","H3"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,EAAEC,OAAO,EAAEC,OAAO,EAAEC,OAAO,QAAQ,iBAAiB,CAAA;AAGzE,SAASC,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,IAAI,EAAG,IAAI,CAAA,EAAEC,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACtD,qBAAO,oBAACL,YAAY;QAACU,KAAK,EAAEH,IAAI;QAAEI,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACzE,CAAC;AAED,6BAAeV,UAAU,CAACK,OAAO,CAAC,CAAA;AAElC,OAAO,MAAMQ,EAAE,iBAAGb,UAAU,CAAC,SAASa,EAAE,CACtCP,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,oBAACJ,OAAO;QAACU,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC,CAAA;AAEF,OAAO,MAAMI,EAAE,iBAAGd,UAAU,CAAC,SAASc,EAAE,CACtCR,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,oBAACH,OAAO;QAACS,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC,CAAA;AAEF,OAAO,MAAMK,EAAE,iBAAGf,UAAU,CAAC,SAASe,EAAE,CACtCT,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,oBAACF,OAAO;QAACQ,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC,CAAA"}

package/dist/esm/heading/src/HeadingStyles.js

@@ -0,0 +1,55 @@
+import styled, { css } from "styled-components";
+export const sizes = {
+    sm: css`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xl;
+    }}px;
+    line-height: 1.3em;
+  `,
+    md: css`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xxl;
+    }}px;
+    line-height: 1.3em;
+  `,
+    lg: css`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        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};
+`;
+export const HeadingStyle = styled.div`
+  ${commonCSS}
+  ${(props)=>sizes[props.$size]}
+`;
+export const H1Style = styled.h1`
+  ${commonCSS}
+  ${sizes.lg}
+`;
+export const H2Style = styled.h2`
+  ${commonCSS}
+  ${sizes.md}
+`;
+export const H3Style = styled.h3`
+  ${commonCSS}
+  ${sizes.sm}
+`;
+
+//# sourceMappingURL=HeadingStyles.js.map

package/dist/esm/heading/src/HeadingStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/heading/src/HeadingStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { HeadingColors, HeadingSizes } from './types'\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":["styled","css","sizes","sm","theme","fontSizesMap","xl","md","xxl","lg","xxxl","getHeadingColor","props","colorsMap","text","secondary","$color","commonCSS","HeadingStyle","div","$size","H1Style","h1","H2Style","h2","H3Style","h3"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAI/C,OAAO,MAAMC,KAAK,GAAG;IACnBC,EAAE,EAAEF,GAAG,CAAC;eACK,EAAE,SAAeG;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEN,GAAG,CAAC;eACK,EAAE,SAAeG;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACG,GAAG;IAAD,CAAC,CAAC;;EAErD,CAAC;IACDC,EAAE,EAAER,GAAG,CAAC;eACK,EAAE,SAAeG;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACK,IAAI;IAAD,CAAC,CAAC;;EAEtD,CAAC;CACF,CAAA;AAOD,MAAMC,eAAe,GAAG,CAACC,KAAoB,GAAK;IAChD,MAAMC,SAAS,GAAG;QAChBC,IAAI,EAAE,CAAC,sBAAsB,CAAC;QAC9BC,SAAS,EAAE,CAAC,+BAA+B,CAAC;KAC7C;IACD,OAAOF,SAAS,CAACD,KAAK,CAACI,MAAM,CAAC,CAAA;AAChC,CAAC;AAED,MAAMC,SAAS,GAAGhB,GAAG,CAAC;;;;SAIb,EAAEU,eAAe,CAAC;AAC3B,CAAC;AAED,OAAO,MAAMO,YAAY,GAAGlB,MAAM,CAACmB,GAAG,AAAyC,CAAC;EAC9E,EAAEF,SAAS,CAAC;EACZ,EAAE,CAACL,KAAK,GAAKV,KAAK,CAACU,KAAK,CAACQ,KAAK,CAAC,CAAC;AAClC,CAAC,CAAA;AAED,OAAO,MAAMC,OAAO,GAAGrB,MAAM,CAACsB,EAAE,AAAe,CAAC;EAC9C,EAAEL,SAAS,CAAC;EACZ,EAAEf,KAAK,CAACO,EAAE,CAAC;AACb,CAAC,CAAA;AAED,OAAO,MAAMc,OAAO,GAAGvB,MAAM,CAACwB,EAAE,AAAe,CAAC;EAC9C,EAAEP,SAAS,CAAC;EACZ,EAAEf,KAAK,CAACK,EAAE,CAAC;AACb,CAAC,CAAA;AAED,OAAO,MAAMkB,OAAO,GAAGzB,MAAM,CAAC0B,EAAE,AAAe,CAAC;EAC9C,EAAET,SAAS,CAAC;EACZ,EAAEf,KAAK,CAACC,EAAE,CAAC;AACb,CAAC,CAAA"}

package/dist/esm/heading/src/index.js

@@ -0,0 +1,5 @@
+export * from './Heading';
+export { default as Heading } from "./Heading";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/heading/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/heading/src/index.tsx"],"sourcesContent":["export * from './Heading'\nexport { default as Heading } from './Heading'\nexport * from './types'\n"],"names":["default","Heading"],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW,CAAA;AAC9C,cAAc,SAAS,CAAA"}

package/dist/esm/heading/src/types.js

@@ -0,0 +1,13 @@
+export var HeadingColor;
+(function(HeadingColor) {
+    HeadingColor[HeadingColor["text"] = 0] = "text";
+    HeadingColor[HeadingColor["secondary"] = 1] = "secondary";
+})(HeadingColor || (HeadingColor = {}));
+export var HeadingSize;
+(function(HeadingSize) {
+    HeadingSize[HeadingSize["sm"] = 0] = "sm";
+    HeadingSize[HeadingSize["md"] = 1] = "md";
+    HeadingSize[HeadingSize["lg"] = 2] = "lg";
+})(HeadingSize || (HeadingSize = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/heading/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/heading/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\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","text","secondary","HeadingSize","sm","md","lg"],"mappings":"AAAA,WAEO,YAGN;UAHWA,YAAY;IAAZA,YAAY,CAAZA,YAAY,CACtBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,YAAY,CAAZA,YAAY,CAEtBE,WAAS,IAATA,CAAS,IAATA,WAAS;GAFCF,YAAY,KAAZA,YAAY;WAMjB,WAIN;UAJWG,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,IAAE,IAAFA,CAAE,IAAFA,IAAE;IADQD,WAAW,CAAXA,WAAW,CAErBE,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAFQF,WAAW,CAAXA,WAAW,CAGrBG,IAAE,IAAFA,CAAE,IAAFA,IAAE;GAHQH,WAAW,KAAXA,WAAW"}

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

@@ -0,0 +1,11 @@
+export * from './useBreakpoint';
+export * from './useEscape';
+export * from './useInterceptFocus';
+export * from './useLockScroll';
+export * from './useMergeRefs';
+export * from './useOutsideClick';
+export * from './useWindowSize';
+export * from './useIsomorphicLayoutEffect';
+export * from './useSystemTheme';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/hooks/src/index.ts"],"sourcesContent":["export * from './useBreakpoint'\nexport * from './useEscape'\nexport * from './useInterceptFocus'\nexport * from './useLockScroll'\nexport * from './useMergeRefs'\nexport * from './useOutsideClick'\nexport * from './useWindowSize'\nexport * from './useIsomorphicLayoutEffect'\nexport * from './useSystemTheme'\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kBAAkB,CAAA"}