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

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getThemeNameFromCookies", {
+    enumerable: true,
+    get: ()=>getThemeNameFromCookies
+});
+const _constants = require("./constants");
+const cookieThemeMatcher = new RegExp(`(^| )${_constants.COOKIE_THEME_MANUAL_KEY}=([^;]+)`);
+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/cjs/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":["getThemeNameFromCookies","cookieThemeMatcher","RegExp","COOKIE_THEME_MANUAL_KEY","document","window","cookie","match"],"mappings":"AAAA;;;;+BAKaA,yBAAuB;;aAAvBA,uBAAuB;;2BAJI,aAAa;AAErD,MAAMC,kBAAkB,GAAG,IAAIC,MAAM,CAAC,CAAC,KAAK,EAAEC,UAAuB,wBAAA,CAAC,QAAQ,CAAC,CAAC;AAEzE,MAAMH,uBAAuB,GAAG,IAAoB;QAKjDI,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"}

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    default: ()=>_default,
+    DataTableRow: ()=>DataTableRow
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _loaders = require("../../loaders/src/index");
+const _tooltip = require("../../tooltip/src/index");
+const _dataTableStyles = require("./DataTableStyles");
+function DataTable(props, ref) {
+    return /*#__PURE__*/ _react.default.createElement(_dataTableStyles.DataTableStyle, _extends({
+        ref: ref
+    }, props));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(DataTable);
+const DataTableRow = /*#__PURE__*/ (0, _react.forwardRef)(function DataTableRow(props, ref) {
+    const { title , loading =false , highlight =false , help , children , ...rest } = props;
+    const hasHelper = !!help;
+    return /*#__PURE__*/ _react.default.createElement(_dataTableStyles.DataTableRowStyle, _extends({
+        ref: ref
+    }, rest), /*#__PURE__*/ _react.default.createElement(_dataTableStyles.DataTableTitleStyle, null, title, hasHelper && /*#__PURE__*/ _react.default.createElement(_tooltip.Tooltip, {
+        placement: "bottomLeft",
+        title: help
+    }, /*#__PURE__*/ _react.default.createElement(_dataTableStyles.DataTableQuestionStyle, null))), /*#__PURE__*/ _react.default.createElement(_dataTableStyles.DataTableValueStyle, {
+        $highlight: highlight
+    }, loading ? /*#__PURE__*/ _react.default.createElement(_loaders.InlineLoader, {
+        color: "text"
+    }) : children));
+});
+
+//# sourceMappingURL=DataTable.js.map

package/dist/cjs/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":["DataTableRow","DataTable","props","ref","DataTableStyle","forwardRef","title","loading","highlight","help","children","rest","hasHelper","DataTableRowStyle","DataTableTitleStyle","Tooltip","placement","DataTableQuestionStyle","DataTableValueStyle","$highlight","InlineLoader","color"],"mappings":"AAAA;;;;;;;;;;;IAgBA,OAAoC,MAApC,QAAoC;IAEvBA,YAAY,MAAZA,YAAY;;;;6DAlBuB,OAAO;yBAC1B,yBAAsB;yBAC3B,yBAAsB;iCAOvC,mBAAmB;AAG1B,SAASC,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,qBAAO,6BAACC,gBAAc,eAAA;QAACD,GAAG,EAAEA,GAAG;OAAMD,KAAK,EAAI,CAAA;AAChD,CAAC;MAED,QAAoC,iBAArBG,IAAAA,MAAU,WAAA,EAACJ,SAAS,CAAC;AAE7B,MAAMD,YAAY,iBAAGK,IAAAA,MAAU,WAAA,EAAC,SAASL,YAAY,CAC1DE,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EACJG,KAAK,CAAA,EACLC,OAAO,EAAG,KAAK,CAAA,EACfC,SAAS,EAAG,KAAK,CAAA,EACjBC,IAAI,CAAA,EACJC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGT,KAAK;IACT,MAAMU,SAAS,GAAG,CAAC,CAACH,IAAI;IAExB,qBACE,6BAACI,gBAAiB,kBAAA;QAACV,GAAG,EAAEA,GAAG;OAAMQ,IAAI,iBACnC,6BAACG,gBAAmB,oBAAA,QACjBR,KAAK,EACLM,SAAS,kBACR,6BAACG,QAAO,QAAA;QAACC,SAAS,EAAC,YAAY;QAACV,KAAK,EAAEG,IAAI;qBACzC,6BAACQ,gBAAsB,uBAAA,OAAG,CAClB,AACX,CACmB,gBACtB,6BAACC,gBAAmB,oBAAA;QAACC,UAAU,EAAEX,SAAS;OACvCD,OAAO,iBAAG,6BAACa,QAAY,aAAA;QAACC,KAAK,EAAC,MAAM;MAAG,GAAGX,QAAQ,CAC/B,CACJ,CACrB;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DataTableStyle: ()=>DataTableStyle,
+    DataTableRowStyle: ()=>DataTableRowStyle,
+    DataTableTitleStyle: ()=>DataTableTitleStyle,
+    DataTableValueStyle: ()=>DataTableValueStyle,
+    DataTableQuestionStyle: ()=>DataTableQuestionStyle
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _icons = require("../../icons/src/index");
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const DataTableStyle = _styledComponents.default.div``;
+const DataTableRowStyle = _styledComponents.default.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;
+  }
+`;
+const DataTableTitleStyle = _styledComponents.default.div`
+  color: var(--lido-color-textSecondary);
+  flex-grow: 1;
+`;
+const DataTableValueStyle = _styledComponents.default.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;
+`;
+const DataTableQuestionStyle = (0, _styledComponents.default)(_icons.Question)`
+  margin: -6px 0 -5px 0;
+  vertical-align: middle;
+`;
+
+//# sourceMappingURL=DataTableStyles.js.map

package/dist/cjs/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":["DataTableStyle","DataTableRowStyle","DataTableTitleStyle","DataTableValueStyle","DataTableQuestionStyle","styled","div","theme","spaceMap","md","fontSizesMap","xxs","$highlight","xxl","Question"],"mappings":"AAAA;;;;;;;;;;;IAGaA,cAAc,MAAdA,cAAc;IAEdC,iBAAiB,MAAjBA,iBAAiB;IAgBjBC,mBAAmB,MAAnBA,mBAAmB;IAKnBC,mBAAmB,MAAnBA,mBAAmB;IASnBC,sBAAsB,MAAtBA,sBAAsB;;;uBAnCV,uBAAoB;uEAC1B,mBAAmB;AAE/B,MAAMJ,cAAc,GAAGK,iBAAM,QAAA,CAACC,GAAG,CAAC,CAAC;AAEnC,MAAML,iBAAiB,GAAGI,iBAAM,QAAA,CAACC,GAAG,CAAC;;UAElC,EAAE,SAAeC;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;AAEM,MAAMT,mBAAmB,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;AAG9C,CAAC;AAEM,MAAMH,mBAAmB,GAAGE,iBAAM,QAAA,CAACC,GAAG,AAAyB,CAAC;;iBAEtD,EAAE,SAAoB;QAAnB,EAAEM,UAAU,CAAA,EAAE;WAAMA,UAAU,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AAAA,CAAC,CAAC;;;eAG1D,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;AAEnD,CAAC;AAEM,MAAMT,sBAAsB,GAAGC,IAAAA,iBAAM,QAAA,EAACS,MAAQ,SAAA,CAAC,CAAC;;;AAGvD,CAAC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DataTable", {
+    enumerable: true,
+    get: ()=>_dataTable.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _dataTable = /*#__PURE__*/ _interopRequireDefault(_exportStar(require("./DataTable"), exports));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/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":["DataTable"],"mappings":"AAAA;;;;+BACoBA,WAAS;;aAATA,UAAS,QAAA;;;;4EADf,aAAa;oBAEb,SAAS"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/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":[],"mappings":"AAAA;;;;;4DACkB,OAAO"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _dividerStyles = require("./DividerStyles");
+function Divider(props, ref) {
+    const { type ='horizontal' , indents , children , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_dividerStyles.DividerStyle, _extends({
+        $type: type,
+        $indents: indents,
+        ref: ref
+    }, rest));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Divider);
+
+//# sourceMappingURL=Divider.js.map

package/dist/cjs/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":["Divider","props","ref","type","indents","children","rest","DividerStyle","$type","$indents","forwardRef"],"mappings":"AAAA;;;;+BAUA,SAAkC;;aAAlC,QAAkC;;;;6DAVc,OAAO;+BAC1B,iBAAiB;AAG9C,SAASA,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,6BAACM,cAAY,aAAA;QAACC,KAAK,EAAEL,IAAI;QAAEM,QAAQ,EAAEL,OAAO;QAAEF,GAAG,EAAEA,GAAG;OAAMI,IAAI,EAAI,CAAA;AAC7E,CAAC;MAED,QAAkC,iBAAnBI,IAAAA,MAAU,WAAA,EAACV,OAAO,CAAC"}

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DividerStyle", {
+    enumerable: true,
+    get: ()=>DividerStyle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const getIndents = (param)=>{
+    let { $indents , theme  } = param;
+    return $indents ? `${theme.spaceMap[$indents]}px` : '0';
+};
+const types = {
+    horizontal: (0, _styledComponents.css)`
+    border-top: 1px solid currentColor;
+    width: 100%;
+    height: 0;
+    margin: ${getIndents} 0;
+  `,
+    vertical: (0, _styledComponents.css)`
+    border-left: 1px solid currentColor;
+    align-self: stretch;
+    width: 0;
+    margin: 0 ${getIndents};
+  `
+};
+const DividerStyle = _styledComponents.default.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/cjs/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":["DividerStyle","getIndents","$indents","theme","spaceMap","types","horizontal","css","vertical","styled","div","props","$type"],"mappings":"AAAA;;;;+BA6BaA,cAAY;;aAAZA,YAAY;;;wEA7BG,mBAAmB;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,EAAEC,IAAAA,iBAAG,IAAA,CAAe,CAAC;;;;YAIrB,EAAEN,UAAU,CAAC;EACvB,CAAC;IACDO,QAAQ,EAAED,IAAAA,iBAAG,IAAA,CAAe,CAAC;;;;cAIjB,EAAEN,UAAU,CAAC;EACzB,CAAC;CACF;AAEM,MAAMD,YAAY,GAAGS,iBAAM,QAAA,CAACC,GAAG,AAAe,CAAC;;;;;;;;;EASpD,EAAE,CAACC,KAAK,GAAKN,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,CAAC;AAClC,CAAC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Divider", {
+    enumerable: true,
+    get: ()=>_divider.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _divider = /*#__PURE__*/ _interopRequireDefault(require("./Divider"));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/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":["Divider"],"mappings":"AAAA;;;;+BAAoBA,SAAO;;aAAPA,QAAO,QAAA;;;;8DAAQ,WAAW;oBAChC,SAAS"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DividerType: ()=>DividerType,
+    DividerIndent: ()=>DividerIndent
+});
+var DividerType;
+(function(DividerType) {
+    DividerType[DividerType["vertical"] = 0] = "vertical";
+    DividerType[DividerType["horizontal"] = 1] = "horizontal";
+})(DividerType || (DividerType = {}));
+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/cjs/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;;;;;;;;;;;;;;IAGO,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;IAMhB,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/cjs/heading/src/Heading.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    default: ()=>_default,
+    H1: ()=>H1,
+    H2: ()=>H2,
+    H3: ()=>H3
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _headingStyles = require("./HeadingStyles");
+function Heading(props, ref) {
+    const { size ='md' , color ='text' , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_headingStyles.HeadingStyle, _extends({
+        $size: size,
+        $color: color,
+        ref: ref
+    }, rest));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Heading);
+const H1 = /*#__PURE__*/ (0, _react.forwardRef)(function H1(props, ref) {
+    const { color ='text' , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_headingStyles.H1Style, _extends({
+        $color: color,
+        ref: ref
+    }, rest));
+});
+const H2 = /*#__PURE__*/ (0, _react.forwardRef)(function H2(props, ref) {
+    const { color ='text' , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_headingStyles.H2Style, _extends({
+        $color: color,
+        ref: ref
+    }, rest));
+});
+const H3 = /*#__PURE__*/ (0, _react.forwardRef)(function H3(props, ref) {
+    const { color ='text' , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_headingStyles.H3Style, _extends({
+        $color: color,
+        ref: ref
+    }, rest));
+});
+
+//# sourceMappingURL=Heading.js.map

package/dist/cjs/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":["H1","H2","H3","Heading","props","ref","size","color","rest","HeadingStyle","$size","$color","forwardRef","H1Style","H2Style","H3Style"],"mappings":"AAAA;;;;;;;;;;;IASA,OAAkC,MAAlC,QAAkC;IAErBA,EAAE,MAAFA,EAAE;IAQFC,EAAE,MAAFA,EAAE;IAQFC,EAAE,MAAFA,EAAE;;;;6DA3BiC,OAAO;+BACC,iBAAiB;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,6BAACK,cAAY,aAAA;QAACC,KAAK,EAAEJ,IAAI;QAAEK,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACzE,CAAC;MAED,QAAkC,iBAAnBI,IAAAA,MAAU,WAAA,EAACT,OAAO,CAAC;AAE3B,MAAMH,EAAE,iBAAGY,IAAAA,MAAU,WAAA,EAAC,SAASZ,EAAE,CACtCI,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,6BAACS,cAAO,QAAA;QAACF,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC;AAEK,MAAMP,EAAE,iBAAGW,IAAAA,MAAU,WAAA,EAAC,SAASX,EAAE,CACtCG,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,6BAACU,cAAO,QAAA;QAACH,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC;AAEK,MAAMN,EAAE,iBAAGU,IAAAA,MAAU,WAAA,EAAC,SAASV,EAAE,CACtCE,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,6BAACW,cAAO,QAAA;QAACJ,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC"}

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

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    sizes: ()=>sizes,
+    HeadingStyle: ()=>HeadingStyle,
+    H1Style: ()=>H1Style,
+    H2Style: ()=>H2Style,
+    H3Style: ()=>H3Style
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const sizes = {
+    sm: (0, _styledComponents.css)`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xl;
+    }}px;
+    line-height: 1.3em;
+  `,
+    md: (0, _styledComponents.css)`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xxl;
+    }}px;
+    line-height: 1.3em;
+  `,
+    lg: (0, _styledComponents.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 = (0, _styledComponents.css)`
+  margin: 0;
+  padding: 0;
+  font-weight: 800;
+  color: ${getHeadingColor};
+`;
+const HeadingStyle = _styledComponents.default.div`
+  ${commonCSS}
+  ${(props)=>sizes[props.$size]}
+`;
+const H1Style = _styledComponents.default.h1`
+  ${commonCSS}
+  ${sizes.lg}
+`;
+const H2Style = _styledComponents.default.h2`
+  ${commonCSS}
+  ${sizes.md}
+`;
+const H3Style = _styledComponents.default.h3`
+  ${commonCSS}
+  ${sizes.sm}
+`;
+
+//# sourceMappingURL=HeadingStyles.js.map

package/dist/cjs/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":["sizes","HeadingStyle","H1Style","H2Style","H3Style","sm","css","theme","fontSizesMap","xl","md","xxl","lg","xxxl","getHeadingColor","props","colorsMap","text","secondary","$color","commonCSS","styled","div","$size","h1","h2","h3"],"mappings":"AAAA;;;;;;;;;;;IAIaA,KAAK,MAALA,KAAK;IAmCLC,YAAY,MAAZA,YAAY;IAKZC,OAAO,MAAPA,OAAO;IAKPC,OAAO,MAAPA,OAAO;IAKPC,OAAO,MAAPA,OAAO;;;wEAtDQ,mBAAmB;AAIxC,MAAMJ,KAAK,GAAG;IACnBK,EAAE,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEJ,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACG,GAAG;IAAD,CAAC,CAAC;;EAErD,CAAC;IACDC,EAAE,EAAEN,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACK,IAAI;IAAD,CAAC,CAAC;;EAEtD,CAAC;CACF;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,GAAGd,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;SAIb,EAAEQ,eAAe,CAAC;AAC3B,CAAC;AAEM,MAAMb,YAAY,GAAGoB,iBAAM,QAAA,CAACC,GAAG,AAAyC,CAAC;EAC9E,EAAEF,SAAS,CAAC;EACZ,EAAE,CAACL,KAAK,GAAKf,KAAK,CAACe,KAAK,CAACQ,KAAK,CAAC,CAAC;AAClC,CAAC;AAEM,MAAMrB,OAAO,GAAGmB,iBAAM,QAAA,CAACG,EAAE,AAAe,CAAC;EAC9C,EAAEJ,SAAS,CAAC;EACZ,EAAEpB,KAAK,CAACY,EAAE,CAAC;AACb,CAAC;AAEM,MAAMT,OAAO,GAAGkB,iBAAM,QAAA,CAACI,EAAE,AAAe,CAAC;EAC9C,EAAEL,SAAS,CAAC;EACZ,EAAEpB,KAAK,CAACU,EAAE,CAAC;AACb,CAAC;AAEM,MAAMN,OAAO,GAAGiB,iBAAM,QAAA,CAACK,EAAE,AAAe,CAAC;EAC9C,EAAEN,SAAS,CAAC;EACZ,EAAEpB,KAAK,CAACK,EAAE,CAAC;AACb,CAAC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Heading", {
+    enumerable: true,
+    get: ()=>_heading.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _heading = /*#__PURE__*/ _interopRequireDefault(_exportStar(require("./Heading"), exports));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/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":["Heading"],"mappings":"AAAA;;;;+BACoBA,SAAO;;aAAPA,QAAO,QAAA;;;;0EADb,WAAW;oBAEX,SAAS"}

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    HeadingColor: ()=>HeadingColor,
+    HeadingSize: ()=>HeadingSize
+});
+var HeadingColor;
+(function(HeadingColor) {
+    HeadingColor[HeadingColor["text"] = 0] = "text";
+    HeadingColor[HeadingColor["secondary"] = 1] = "secondary";
+})(HeadingColor || (HeadingColor = {}));
+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/cjs/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;;;;;;;;;;;;;;IAEO,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;IAMjB,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/cjs/hooks/src/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./useBreakpoint"), exports);
+_exportStar(require("./useEscape"), exports);
+_exportStar(require("./useInterceptFocus"), exports);
+_exportStar(require("./useLockScroll"), exports);
+_exportStar(require("./useMergeRefs"), exports);
+_exportStar(require("./useOutsideClick"), exports);
+_exportStar(require("./useWindowSize"), exports);
+_exportStar(require("./useIsomorphicLayoutEffect"), exports);
+_exportStar(require("./useSystemTheme"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/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;;;;;oBAAc,iBAAiB;oBACjB,aAAa;oBACb,qBAAqB;oBACrB,iBAAiB;oBACjB,gBAAgB;oBAChB,mBAAmB;oBACnB,iBAAiB;oBACjB,6BAA6B;oBAC7B,kBAAkB"}

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useBreakpoint", {
+    enumerable: true,
+    get: ()=>useBreakpoint
+});
+const _react = require("react");
+const _styledComponents = require("styled-components");
+const useBreakpoint = (breakpoint)=>{
+    const theme = (0, _styledComponents.useTheme)();
+    const maxWidth = theme.breakpointsMap[breakpoint].width;
+    const [isBreakpoint, seIsBreakpoint] = (0, _react.useState)(()=>{
+        try {
+            return window.matchMedia(`(max-width: ${maxWidth})`).matches;
+        } catch (error) {
+            return false;
+        }
+    });
+    (0, _react.useEffect)(()=>{
+        try {
+            const mql = window.matchMedia(`(max-width: ${maxWidth})`);
+            const setMobileFromQuery = (param)=>{
+                let { matches  } = param;
+                seIsBreakpoint(matches);
+            };
+            mql.addEventListener('change', setMobileFromQuery);
+            setMobileFromQuery(mql);
+            return ()=>{
+                mql.removeEventListener('change', setMobileFromQuery);
+            };
+        } catch (error) {
+            return;
+        }
+    }, [
+        maxWidth
+    ]);
+    return isBreakpoint;
+};
+
+//# sourceMappingURL=useBreakpoint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/hooks/src/useBreakpoint.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { Theme } from '@lidofinance/theme'\nimport { useTheme } from 'styled-components'\n\nexport const useBreakpoint = (\n  breakpoint: keyof Theme['breakpointsMap']\n): boolean => {\n  const theme = useTheme()\n  const maxWidth = theme.breakpointsMap[breakpoint].width\n\n  const [isBreakpoint, seIsBreakpoint] = useState(() => {\n    try {\n      return window.matchMedia(`(max-width: ${maxWidth})`).matches\n    } catch (error) {\n      return false\n    }\n  })\n\n  useEffect(() => {\n    try {\n      const mql = window.matchMedia(`(max-width: ${maxWidth})`)\n\n      const setMobileFromQuery = ({ matches }: { matches: boolean }) => {\n        seIsBreakpoint(matches)\n      }\n\n      mql.addEventListener('change', setMobileFromQuery)\n      setMobileFromQuery(mql)\n\n      return () => {\n        mql.removeEventListener('change', setMobileFromQuery)\n      }\n    } catch (error) {\n      return\n    }\n  }, [maxWidth])\n\n  return isBreakpoint\n}\n"],"names":["useBreakpoint","breakpoint","theme","useTheme","maxWidth","breakpointsMap","width","isBreakpoint","seIsBreakpoint","useState","window","matchMedia","matches","error","useEffect","mql","setMobileFromQuery","addEventListener","removeEventListener"],"mappings":"AAAA;;;;+BAIaA,eAAa;;aAAbA,aAAa;;uBAJU,OAAO;kCAElB,mBAAmB;AAErC,MAAMA,aAAa,GAAG,CAC3BC,UAAyC,GAC7B;IACZ,MAAMC,KAAK,GAAGC,IAAAA,iBAAQ,SAAA,GAAE;IACxB,MAAMC,QAAQ,GAAGF,KAAK,CAACG,cAAc,CAACJ,UAAU,CAAC,CAACK,KAAK;IAEvD,MAAM,CAACC,YAAY,EAAEC,cAAc,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAC,IAAM;QACpD,IAAI;YACF,OAAOC,MAAM,CAACC,UAAU,CAAC,CAAC,YAAY,EAAEP,QAAQ,CAAC,CAAC,CAAC,CAAC,CAACQ,OAAO,CAAA;QAC9D,EAAE,OAAOC,KAAK,EAAE;YACd,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC,CAAC;IAEFC,IAAAA,MAAS,UAAA,EAAC,IAAM;QACd,IAAI;YACF,MAAMC,GAAG,GAAGL,MAAM,CAACC,UAAU,CAAC,CAAC,YAAY,EAAEP,QAAQ,CAAC,CAAC,CAAC,CAAC;YAEzD,MAAMY,kBAAkB,GAAG,SAAuC;oBAAtC,EAAEJ,OAAO,CAAA,EAAwB;gBAC3DJ,cAAc,CAACI,OAAO,CAAC;YACzB,CAAC;YAEDG,GAAG,CAACE,gBAAgB,CAAC,QAAQ,EAAED,kBAAkB,CAAC;YAClDA,kBAAkB,CAACD,GAAG,CAAC;YAEvB,OAAO,IAAM;gBACXA,GAAG,CAACG,mBAAmB,CAAC,QAAQ,EAAEF,kBAAkB,CAAC;YACvD,CAAC,CAAA;QACH,EAAE,OAAOH,KAAK,EAAE;YACd,OAAM;QACR,CAAC;IACH,CAAC,EAAE;QAACT,QAAQ;KAAC,CAAC;IAEd,OAAOG,YAAY,CAAA;AACrB,CAAC"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useEscape", {
+    enumerable: true,
+    get: ()=>useEscape
+});
+const _react = require("react");
+const useEscape = (callback)=>{
+    const handleKeyDown = (0, _react.useCallback)((event)=>{
+        if (event.key === 'Escape') {
+            callback === null || callback === void 0 ? void 0 : callback();
+        }
+    }, [
+        callback
+    ]);
+    (0, _react.useEffect)(()=>{
+        window.addEventListener('keydown', handleKeyDown);
+        return ()=>window.removeEventListener('keydown', handleKeyDown);
+    }, [
+        handleKeyDown
+    ]);
+};
+
+//# sourceMappingURL=useEscape.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/hooks/src/useEscape.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\n\nexport const useEscape = (callback?: () => void): void => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        callback?.()\n      }\n    },\n    [callback]\n  )\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [handleKeyDown])\n}\n"],"names":["useEscape","callback","handleKeyDown","useCallback","event","key","useEffect","window","addEventListener","removeEventListener"],"mappings":"AAAA;;;;+BAEaA,WAAS;;aAATA,SAAS;;uBAFiB,OAAO;AAEvC,MAAMA,SAAS,GAAG,CAACC,QAAqB,GAAW;IACxD,MAAMC,aAAa,GAAGC,IAAAA,MAAW,YAAA,EAC/B,CAACC,KAAoB,GAAK;QACxB,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;YAC1BJ,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAA;QACd,CAAC;IACH,CAAC,EACD;QAACA,QAAQ;KAAC,CACX;IAEDK,IAAAA,MAAS,UAAA,EAAC,IAAM;QACdC,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEN,aAAa,CAAC;QAEjD,OAAO,IAAMK,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEP,aAAa,CAAC,CAAA;IACnE,CAAC,EAAE;QAACA,aAAa;KAAC,CAAC;AACrB,CAAC"}