@lidofinance/lido-ui 3.9.0 → 3.10.1

package/dist/cjs/modal/ModalOverlay.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
 const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _reactDom = /*#__PURE__*/ _interopRequireDefault(require("react-dom"));
 const _hooks = require("../hooks/index");
 const _transition = require("../transition/index");
@@ -17,8 +16,8 @@ const _utils = require("../utils/index");
 const _modalOverlayStyles = require("./ModalOverlayStyles");
 const _useModalFocus = require("./useModalFocus");
 const _useModalClose = require("./useModalClose");
-function ModalOverlay(props, externalRef) {
-    const { onClose , onBack , duration , transitionStatus , ...rest } = props;
+function ModalOverlay(param, externalRef) {
+    let { onClose , onBack , duration , transitionStatus , ...rest } = param;
     const closable = !!onClose;
     (0, _hooks.useEscape)(onClose);
     (0, _hooks.useLockScroll)();
@@ -30,19 +29,23 @@ function ModalOverlay(props, externalRef) {
         externalRef
     ]);
     if (!_utils.modalRoot) return null;
-    return /*#__PURE__*/ _reactDom.default.createPortal(/*#__PURE__*/ _react.default.createElement(_modalOverlayStyles.ModalPortalStyle, {
+    return /*#__PURE__*/ _reactDom.default.createPortal(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_modalOverlayStyles.ModalPortalStyle, {
         $closable: closable,
         $duration: duration,
         $transition: transitionStatus,
-        onClick: handleClick
-    }, /*#__PURE__*/ _react.default.createElement(_modalOverlayStyles.ModalOverflowStyle, null, /*#__PURE__*/ _react.default.createElement(_modalOverlayStyles.ModalContentStyle, _extends({
-        tabIndex: -1,
-        role: "dialog",
-        "aria-modal": "true",
-        ref: mergedRef,
-        $transition: transitionStatus,
-        $duration: duration
-    }, rest)))), _utils.modalRoot);
+        onClick: handleClick,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_modalOverlayStyles.ModalOverflowStyle, {
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_modalOverlayStyles.ModalContentStyle, {
+                tabIndex: -1,
+                role: "dialog",
+                "aria-modal": "true",
+                ref: mergedRef,
+                $transition: transitionStatus,
+                $duration: duration,
+                ...rest
+            })
+        })
+    }), _utils.modalRoot);
 }
 const _default = (0, _transition.withTransition)(/*#__PURE__*/ (0, _react.forwardRef)(ModalOverlay));
 

package/dist/cjs/modal/ModalOverlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/modal/ModalOverlay.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { useMergeRefs, useEscape, useLockScroll } from '@lidofinance/hooks'\nimport { withTransition } from '@lidofinance/transition'\nimport { modalRoot } from '@lidofinance/utils'\nimport { ModalOverlayInnerProps } from './types'\nimport {\n  ModalPortalStyle,\n  ModalOverflowStyle,\n  ModalContentStyle,\n} from './ModalOverlayStyles'\nimport { useModalFocus } from './useModalFocus'\nimport { useModalClose } from './useModalClose'\n\nfunction ModalOverlay(\n  props: ModalOverlayInnerProps,\n  externalRef?: ForwardedRef<HTMLDivElement>,\n) {\n  const { onClose, onBack, duration, transitionStatus, ...rest } = props\n  const closable = !!onClose\n\n  useEscape(onClose)\n  useLockScroll()\n\n  const controlRef = useModalFocus()\n  const { ref: closeRef, handleClick } = useModalClose(onClose)\n\n  const mergedRef = useMergeRefs([controlRef, closeRef, externalRef])\n\n  if (!modalRoot) return null\n\n  return ReactDOM.createPortal(\n    <ModalPortalStyle\n      $closable={closable}\n      $duration={duration}\n      $transition={transitionStatus}\n      onClick={handleClick}\n    >\n      <ModalOverflowStyle>\n        <ModalContentStyle\n          tabIndex={-1}\n          role='dialog'\n          aria-modal='true'\n          ref={mergedRef}\n          $transition={transitionStatus}\n          $duration={duration}\n          {...rest}\n        />\n      </ModalOverflowStyle>\n    </ModalPortalStyle>,\n    modalRoot,\n  )\n}\n\nexport default withTransition(forwardRef(ModalOverlay))\n"],"names":["ModalOverlay","props","externalRef","onClose","onBack","duration","transitionStatus","rest","closable","useEscape","useLockScroll","controlRef","useModalFocus","ref","closeRef","handleClick","useModalClose","mergedRef","useMergeRefs","modalRoot","ReactDOM","createPortal","ModalPortalStyle","$closable","$duration","$transition","onClick","ModalOverflowStyle","ModalContentStyle","tabIndex","role","aria-modal","withTransition","forwardRef"],"mappings":"AAAA;;;;+BAsDA,SAAuD;;aAAvD,QAAuD;;;;;6DAtDP,OAAO;+DAClC,WAAW;uBACuB,gBAAoB;4BAC5C,qBAAyB;uBAC9B,gBAAoB;oCAMvC,sBAAsB;+BACC,iBAAiB;+BACjB,iBAAiB;AAE/C,SAASA,YAAY,CACnBC,KAA6B,EAC7BC,WAA0C,EAC1C;IACA,MAAM,EAAEC,OAAO,CAAA,EAAEC,MAAM,CAAA,EAAEC,QAAQ,CAAA,EAAEC,gBAAgB,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGN,KAAK;IACtE,MAAMO,QAAQ,GAAG,CAAC,CAACL,OAAO;IAE1BM,IAAAA,MAAS,UAAA,EAACN,OAAO,CAAC;IAClBO,IAAAA,MAAa,cAAA,GAAE;IAEf,MAAMC,UAAU,GAAGC,IAAAA,cAAa,cAAA,GAAE;IAClC,MAAM,EAAEC,GAAG,EAAEC,QAAQ,CAAA,EAAEC,WAAW,CAAA,EAAE,GAAGC,IAAAA,cAAa,cAAA,EAACb,OAAO,CAAC;IAE7D,MAAMc,SAAS,GAAGC,IAAAA,MAAY,aAAA,EAAC;QAACP,UAAU;QAAEG,QAAQ;QAAEZ,WAAW;KAAC,CAAC;IAEnE,IAAI,CAACiB,MAAS,UAAA,EAAE,OAAO,IAAI,CAAA;IAE3B,qBAAOC,SAAQ,QAAA,CAACC,YAAY,eAC1B,6BAACC,mBAAgB,iBAAA;QACfC,SAAS,EAAEf,QAAQ;QACnBgB,SAAS,EAAEnB,QAAQ;QACnBoB,WAAW,EAAEnB,gBAAgB;QAC7BoB,OAAO,EAAEX,WAAW;qBAEpB,6BAACY,mBAAkB,mBAAA,sBACjB,6BAACC,mBAAiB,kBAAA;QAChBC,QAAQ,EAAE,CAAC,CAAC;QACZC,IAAI,EAAC,QAAQ;QACbC,YAAU,EAAC,MAAM;QACjBlB,GAAG,EAAEI,SAAS;QACdQ,WAAW,EAAEnB,gBAAgB;QAC7BkB,SAAS,EAAEnB,QAAQ;OACfE,IAAI,EACR,CACiB,CACJ,EACnBY,MAAS,UAAA,CACV,CAAA;AACH,CAAC;MAED,QAAuD,GAAxCa,IAAAA,WAAc,eAAA,gBAACC,IAAAA,MAAU,WAAA,EAACjC,YAAY,CAAC,CAAC"}
+{"version":3,"sources":["../../../packages/modal/ModalOverlay.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { useMergeRefs, useEscape, useLockScroll } from '@lidofinance/hooks'\nimport { withTransition } from '@lidofinance/transition'\nimport { modalRoot } from '@lidofinance/utils'\nimport { ModalOverlayInnerProps } from './types'\nimport {\n  ModalPortalStyle,\n  ModalOverflowStyle,\n  ModalContentStyle,\n} from './ModalOverlayStyles'\nimport { useModalFocus } from './useModalFocus'\nimport { useModalClose } from './useModalClose'\n\nfunction ModalOverlay(\n  {\n    onClose,\n    onBack,\n    duration,\n    transitionStatus,\n    ...rest\n  }: ModalOverlayInnerProps,\n  externalRef?: ForwardedRef<HTMLDivElement>,\n) {\n  const closable = !!onClose\n\n  useEscape(onClose)\n  useLockScroll()\n\n  const controlRef = useModalFocus()\n  const { ref: closeRef, handleClick } = useModalClose(onClose)\n\n  const mergedRef = useMergeRefs([controlRef, closeRef, externalRef])\n\n  if (!modalRoot) return null\n\n  return ReactDOM.createPortal(\n    <ModalPortalStyle\n      $closable={closable}\n      $duration={duration}\n      $transition={transitionStatus}\n      onClick={handleClick}\n    >\n      <ModalOverflowStyle>\n        <ModalContentStyle\n          tabIndex={-1}\n          role='dialog'\n          aria-modal='true'\n          ref={mergedRef}\n          $transition={transitionStatus}\n          $duration={duration}\n          {...rest}\n        />\n      </ModalOverflowStyle>\n    </ModalPortalStyle>,\n    modalRoot,\n  )\n}\n\nexport default withTransition(forwardRef(ModalOverlay))\n"],"names":["ModalOverlay","externalRef","onClose","onBack","duration","transitionStatus","rest","closable","useEscape","useLockScroll","controlRef","useModalFocus","ref","closeRef","handleClick","useModalClose","mergedRef","useMergeRefs","modalRoot","ReactDOM","createPortal","ModalPortalStyle","$closable","$duration","$transition","onClick","ModalOverflowStyle","ModalContentStyle","tabIndex","role","aria-modal","withTransition","forwardRef"],"mappings":"AAAA;;;;+BA2DA,SAAuD;;aAAvD,QAAuD;;;;uBA3Dd,OAAO;+DAC3B,WAAW;uBACuB,gBAAoB;4BAC5C,qBAAyB;uBAC9B,gBAAoB;oCAMvC,sBAAsB;+BACC,iBAAiB;+BACjB,iBAAiB;AAE/C,SAASA,YAAY,CACnB,KAMyB,EACzBC,WAA0C,EAC1C;QARA,EACEC,OAAO,CAAA,EACPC,MAAM,CAAA,EACNC,QAAQ,CAAA,EACRC,gBAAgB,CAAA,EAChB,GAAGC,IAAI,EACgB,GANzB,KAMyB;IAGzB,MAAMC,QAAQ,GAAG,CAAC,CAACL,OAAO;IAE1BM,IAAAA,MAAS,UAAA,EAACN,OAAO,CAAC;IAClBO,IAAAA,MAAa,cAAA,GAAE;IAEf,MAAMC,UAAU,GAAGC,IAAAA,cAAa,cAAA,GAAE;IAClC,MAAM,EAAEC,GAAG,EAAEC,QAAQ,CAAA,EAAEC,WAAW,CAAA,EAAE,GAAGC,IAAAA,cAAa,cAAA,EAACb,OAAO,CAAC;IAE7D,MAAMc,SAAS,GAAGC,IAAAA,MAAY,aAAA,EAAC;QAACP,UAAU;QAAEG,QAAQ;QAAEZ,WAAW;KAAC,CAAC;IAEnE,IAAI,CAACiB,MAAS,UAAA,EAAE,OAAO,IAAI,CAAA;IAE3B,qBAAOC,SAAQ,QAAA,CAACC,YAAY,eAC1B,qBAACC,mBAAgB,iBAAA;QACfC,SAAS,EAAEf,QAAQ;QACnBgB,SAAS,EAAEnB,QAAQ;QACnBoB,WAAW,EAAEnB,gBAAgB;QAC7BoB,OAAO,EAAEX,WAAW;kBAEpB,cAAA,qBAACY,mBAAkB,mBAAA;sBACjB,cAAA,qBAACC,mBAAiB,kBAAA;gBAChBC,QAAQ,EAAE,CAAC,CAAC;gBACZC,IAAI,EAAC,QAAQ;gBACbC,YAAU,EAAC,MAAM;gBACjBlB,GAAG,EAAEI,SAAS;gBACdQ,WAAW,EAAEnB,gBAAgB;gBAC7BkB,SAAS,EAAEnB,QAAQ;gBAClB,GAAGE,IAAI;cACR;UACiB;MACJ,EACnBY,MAAS,UAAA,CACV,CAAA;AACH,CAAC;MAED,QAAuD,GAAxCa,IAAAA,WAAc,eAAA,gBAACC,IAAAA,MAAU,WAAA,EAAChC,YAAY,CAAC,CAAC"}

package/dist/cjs/modal/ModalStyles.js

@@ -20,9 +20,8 @@ _export(exports, {
     ModalCloseStyle: ()=>ModalCloseStyle,
     ModalBackStyle: ()=>ModalBackStyle
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
 const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
 const _icons = require("../icons/index");
 const _button = require("../button/index");
@@ -140,7 +139,7 @@ const ModalContentStyle = _styledComponents.default.div`
 }}
 `;
 const ModalCloseStyle = (0, _styledComponents.default)(_button.ButtonIcon).attrs({
-    icon: /*#__PURE__*/ _react.default.createElement(_icons.Close, null),
+    icon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_icons.Close, {}),
     color: 'secondary',
     variant: 'ghost',
     size: 'xs'
@@ -151,7 +150,7 @@ const ModalCloseStyle = (0, _styledComponents.default)(_button.ButtonIcon).attrs
   border-radius: 50%;
 `;
 const ModalBackStyle = (0, _styledComponents.default)(_button.ButtonIcon).attrs({
-    icon: /*#__PURE__*/ _react.default.createElement(_icons.ArrowBack, null),
+    icon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_icons.ArrowBack, {}),
     color: 'secondary',
     variant: 'ghost',
     size: 'xs'

package/dist/cjs/modal/ModalStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/modal/ModalStyles.tsx"],"sourcesContent":["import React from 'react'\nimport styled, { css } from 'styled-components'\nimport { Close, ArrowBack } from '@lidofinance/icons'\nimport { ButtonIcon } from '@lidofinance/button'\n\nexport const ModalStyle = styled.div<{ $center: boolean }>`\n  ${({\n    theme: { fontSizesMap, borderRadiusesMap, colors, boxShadows },\n    $center,\n  }) => css`\n    width: 432px;\n    max-width: 100%;\n    font-weight: 400;\n    font-size: ${fontSizesMap.xs}px;\n    line-height: 1.5em;\n    text-align: ${$center ? 'center' : 'left'};\n    border-radius: ${borderRadiusesMap.xl}px;\n    box-shadow: ${boxShadows.xxl} ${colors.shadowDark};\n  `}\n`\n\nexport const ModalBaseStyle = styled.div`\n  ${({ theme: { colors } }) => css`\n    color: ${colors.text};\n    background: ${colors.foreground};\n    border-radius: inherit;\n    position: relative;\n    z-index: 1;\n  `}\n`\n\nexport const ModalHeaderStyle = styled.div<{\n  $short: boolean\n}>`\n  ${({ theme: { spaceMap, fontSizesMap, mediaQueries }, $short }) => css`\n    display: flex;\n    align-items: flex-start;\n    min-height: 32px;\n    margin-bottom: ${$short ? -spaceMap.md : 0}px;\n    padding: ${spaceMap.xl}px ${spaceMap.xxl}px;\n    font-size: ${fontSizesMap.md}px;\n    line-height: 1.5em;\n\n    ${mediaQueries.md} {\n      padding: ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalTitleStyle = styled.div<{\n  $center: boolean\n  $withTitleIcon: boolean\n  $withCloseButton: boolean\n  $withBackButton: boolean\n}>`\n  ${({\n    theme: { fontSizesMap, spaceMap, mediaQueries },\n    $center,\n    $withBackButton,\n    $withCloseButton,\n    $withTitleIcon,\n  }) => css`\n    font-size: ${fontSizesMap.sm}px;\n    line-height: 1.5em;\n    font-weight: 700;\n    margin-left: ${$center && !$withBackButton ? spaceMap.xxl : '0'}px;\n    margin-right: ${$center && !$withCloseButton ? spaceMap.xxl : '0'}px;\n    padding-top: ${$withTitleIcon ? spaceMap.sm : '0'}px;\n    padding-left: 0;\n    padding-right: ${spaceMap.sm}px;\n    flex-grow: 1;\n    align-self: center;\n\n    ${mediaQueries.md} {\n      padding-right: ${spaceMap.xs}px;\n    }\n  `}\n`\n\nexport const ModalTitleIconStyle = styled.div<{\n  $center: boolean\n}>`\n  ${({ theme: { spaceMap }, $center }) => css`\n    display: ${$center ? 'flex' : 'block'};\n    justify-content: ${$center ? 'center' : 'flex-start'};\n    line-height: 0.7;\n    margin-bottom: ${spaceMap.md}px;\n  `}\n`\n\nexport const ModalTitleTextStyle = styled.div`\n  margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n`\n\nexport const ModalSubtitleStyle = styled.div`\n  ${({ theme: { colors, fontSizesMap, spaceMap, mediaQueries } }) => css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSizesMap.xs}px;\n    font-weight: 400;\n    line-height: 24px;\n    margin-top: -${spaceMap.xl}px;\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.sm}px;\n\n    ${mediaQueries.md} {\n      padding-left: ${spaceMap.xl}px;\n      padding-right: ${spaceMap.xl}px;\n    }\n  `}\n`\n\nexport const ModalContentStyle = styled.div`\n  ${({ theme: { spaceMap, mediaQueries } }) => css`\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.xxl}px;\n\n    ${mediaQueries.md} {\n      padding: 0 ${spaceMap.lg}px ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalCloseStyle = styled(ButtonIcon).attrs({\n  icon: <Close />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  margin: 0 -10px 0 0;\n  color: var(--lido-color-textSecondary);\n  flex-shrink: 0;\n  border-radius: 50%;\n`\n\nexport const ModalBackStyle = styled(ButtonIcon).attrs({\n  icon: <ArrowBack />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  ${({ theme: { colors, spaceMap } }) => css`\n    color: ${colors.textSecondary};\n    flex-shrink: 0;\n    margin: 0 ${spaceMap.sm}px 0 -6px;\n    border-radius: 50%;\n    background: transparent !important;\n  `}\n`\n"],"names":["ModalStyle","ModalBaseStyle","ModalHeaderStyle","ModalTitleStyle","ModalTitleIconStyle","ModalTitleTextStyle","ModalSubtitleStyle","ModalContentStyle","ModalCloseStyle","ModalBackStyle","styled","div","css","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","xs","xl","xxl","shadowDark","text","foreground","spaceMap","mediaQueries","$short","md","lg","$withBackButton","$withCloseButton","$withTitleIcon","sm","textSecondary","ButtonIcon","attrs","icon","Close","color","variant","size","ArrowBack"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/modal/ModalStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Close, ArrowBack } from '@lidofinance/icons'\nimport { ButtonIcon } from '@lidofinance/button'\n\nexport const ModalStyle = styled.div<{ $center: boolean }>`\n  ${({\n    theme: { fontSizesMap, borderRadiusesMap, colors, boxShadows },\n    $center,\n  }) => css`\n    width: 432px;\n    max-width: 100%;\n    font-weight: 400;\n    font-size: ${fontSizesMap.xs}px;\n    line-height: 1.5em;\n    text-align: ${$center ? 'center' : 'left'};\n    border-radius: ${borderRadiusesMap.xl}px;\n    box-shadow: ${boxShadows.xxl} ${colors.shadowDark};\n  `}\n`\n\nexport const ModalBaseStyle = styled.div`\n  ${({ theme: { colors } }) => css`\n    color: ${colors.text};\n    background: ${colors.foreground};\n    border-radius: inherit;\n    position: relative;\n    z-index: 1;\n  `}\n`\n\nexport const ModalHeaderStyle = styled.div<{\n  $short: boolean\n}>`\n  ${({ theme: { spaceMap, fontSizesMap, mediaQueries }, $short }) => css`\n    display: flex;\n    align-items: flex-start;\n    min-height: 32px;\n    margin-bottom: ${$short ? -spaceMap.md : 0}px;\n    padding: ${spaceMap.xl}px ${spaceMap.xxl}px;\n    font-size: ${fontSizesMap.md}px;\n    line-height: 1.5em;\n\n    ${mediaQueries.md} {\n      padding: ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalTitleStyle = styled.div<{\n  $center: boolean\n  $withTitleIcon: boolean\n  $withCloseButton: boolean\n  $withBackButton: boolean\n}>`\n  ${({\n    theme: { fontSizesMap, spaceMap, mediaQueries },\n    $center,\n    $withBackButton,\n    $withCloseButton,\n    $withTitleIcon,\n  }) => css`\n    font-size: ${fontSizesMap.sm}px;\n    line-height: 1.5em;\n    font-weight: 700;\n    margin-left: ${$center && !$withBackButton ? spaceMap.xxl : '0'}px;\n    margin-right: ${$center && !$withCloseButton ? spaceMap.xxl : '0'}px;\n    padding-top: ${$withTitleIcon ? spaceMap.sm : '0'}px;\n    padding-left: 0;\n    padding-right: ${spaceMap.sm}px;\n    flex-grow: 1;\n    align-self: center;\n\n    ${mediaQueries.md} {\n      padding-right: ${spaceMap.xs}px;\n    }\n  `}\n`\n\nexport const ModalTitleIconStyle = styled.div<{\n  $center: boolean\n}>`\n  ${({ theme: { spaceMap }, $center }) => css`\n    display: ${$center ? 'flex' : 'block'};\n    justify-content: ${$center ? 'center' : 'flex-start'};\n    line-height: 0.7;\n    margin-bottom: ${spaceMap.md}px;\n  `}\n`\n\nexport const ModalTitleTextStyle = styled.div`\n  margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n`\n\nexport const ModalSubtitleStyle = styled.div`\n  ${({ theme: { colors, fontSizesMap, spaceMap, mediaQueries } }) => css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSizesMap.xs}px;\n    font-weight: 400;\n    line-height: 24px;\n    margin-top: -${spaceMap.xl}px;\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.sm}px;\n\n    ${mediaQueries.md} {\n      padding-left: ${spaceMap.xl}px;\n      padding-right: ${spaceMap.xl}px;\n    }\n  `}\n`\n\nexport const ModalContentStyle = styled.div`\n  ${({ theme: { spaceMap, mediaQueries } }) => css`\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.xxl}px;\n\n    ${mediaQueries.md} {\n      padding: 0 ${spaceMap.lg}px ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalCloseStyle = styled(ButtonIcon).attrs({\n  icon: <Close />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  margin: 0 -10px 0 0;\n  color: var(--lido-color-textSecondary);\n  flex-shrink: 0;\n  border-radius: 50%;\n`\n\nexport const ModalBackStyle = styled(ButtonIcon).attrs({\n  icon: <ArrowBack />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  ${({ theme: { colors, spaceMap } }) => css`\n    color: ${colors.textSecondary};\n    flex-shrink: 0;\n    margin: 0 ${spaceMap.sm}px 0 -6px;\n    border-radius: 50%;\n    background: transparent !important;\n  `}\n`\n"],"names":["ModalStyle","ModalBaseStyle","ModalHeaderStyle","ModalTitleStyle","ModalTitleIconStyle","ModalTitleTextStyle","ModalSubtitleStyle","ModalContentStyle","ModalCloseStyle","ModalBackStyle","styled","div","css","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","xs","xl","xxl","shadowDark","text","foreground","spaceMap","mediaQueries","$short","md","lg","$withBackButton","$withCloseButton","$withTitleIcon","sm","textSecondary","ButtonIcon","attrs","icon","Close","color","variant","size","ArrowBack"],"mappings":"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"}

package/dist/cjs/modal/types.js

@@ -2,7 +2,5 @@
 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/modal/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/modal/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '@lidofinance/transition'\nimport { ButtonProps } from '@lidofinance/button'\nimport React from 'react'\n\nexport type ModalOverlayOwnProps = LidoComponentProps<\n  'div',\n  {\n    onClose?: () => void\n    onBack?: () => void\n  }\n>\n\nexport type ModalOverlayProps = ModalOverlayOwnProps & TransitionWrapperProps\nexport type ModalOverlayInnerProps = ModalOverlayOwnProps & TransitionInnerProps\n\nexport type ModalProps = {\n  title?: React.ReactNode\n  titleIcon?: React.ReactNode\n  subtitle?: React.ReactNode\n  extra?: React.ReactNode\n  center?: boolean\n  open?: boolean\n} & Omit<ModalOverlayProps, 'title' | 'in'>\n\nexport type ModalExtraProps = LidoComponentProps<'div'>\n\nexport type ModalButtonIconProps = {\n  icon: React.ReactElement\n} & ButtonProps\n"],"names":[],"mappings":"AAAA;;;;;4DAMkB,OAAO"}
+{"version":3,"sources":["../../../packages/modal/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '@lidofinance/transition'\nimport { ButtonProps } from '@lidofinance/button'\nimport { ReactElement, ReactNode } from 'react'\n\nexport type ModalOverlayOwnProps = LidoComponentProps<\n  'div',\n  {\n    onClose?: () => void\n    onBack?: () => void\n  }\n>\n\nexport type ModalOverlayProps = ModalOverlayOwnProps & TransitionWrapperProps\nexport type ModalOverlayInnerProps = ModalOverlayOwnProps & TransitionInnerProps\n\nexport type ModalProps = {\n  title?: ReactNode\n  titleIcon?: ReactNode\n  subtitle?: ReactNode\n  extra?: ReactNode\n  center?: boolean\n  open?: boolean\n} & Omit<ModalOverlayProps, 'title' | 'in'>\n\nexport type ModalExtraProps = LidoComponentProps<'div'>\n\nexport type ModalButtonIconProps = {\n  icon: ReactElement\n} & ButtonProps\n"],"names":[],"mappings":"AAAA"}

package/dist/cjs/modal/useModalClose.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "useModalClose", {
     enumerable: true,
     get: ()=>useModalClose
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = require("react");
 const useModalClose = (callback)=>{
     const ref = (0, _react.useRef)(null);
     const handleClick = (0, _react.useCallback)((event)=>{

package/dist/cjs/modal/useModalClose.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/modal/useModalClose.ts"],"sourcesContent":["import React, { useCallback, useRef } from 'react'\n\nexport const useModalClose = <T extends HTMLDivElement>(\n  callback?: () => void,\n): {\n  ref: React.RefObject<T>\n  handleClick: (event: React.MouseEvent<T, MouseEvent>) => void\n} => {\n  const ref = useRef<T>(null)\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<T, MouseEvent>) => {\n      const contentElement = ref.current\n\n      if (!contentElement) return\n      if (!(event.target instanceof Node)) return\n\n      if (contentElement.contains(event.target)) return\n\n      callback?.()\n    },\n    [callback],\n  )\n\n  return {\n    ref,\n    handleClick,\n  }\n}\n"],"names":["useModalClose","callback","ref","useRef","handleClick","useCallback","event","contentElement","current","target","Node","contains"],"mappings":"AAAA;;;;+BAEaA,eAAa;;aAAbA,aAAa;;;6DAFiB,OAAO;AAE3C,MAAMA,aAAa,GAAG,CAC3BC,QAAqB,GAIlB;IACH,MAAMC,GAAG,GAAGC,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAE3B,MAAMC,WAAW,GAAGC,IAAAA,MAAW,YAAA,EAC7B,CAACC,KAAsC,GAAK;QAC1C,MAAMC,cAAc,GAAGL,GAAG,CAACM,OAAO;QAElC,IAAI,CAACD,cAAc,EAAE,OAAM;QAC3B,IAAI,CAAC,CAACD,KAAK,CAACG,MAAM,YAAYC,IAAI,CAAC,EAAE,OAAM;QAE3C,IAAIH,cAAc,CAACI,QAAQ,CAACL,KAAK,CAACG,MAAM,CAAC,EAAE,OAAM;QAEjDR,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAA;IACd,CAAC,EACD;QAACA,QAAQ;KAAC,CACX;IAED,OAAO;QACLC,GAAG;QACHE,WAAW;KACZ,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/modal/useModalClose.ts"],"sourcesContent":["import { MouseEvent, RefObject, useCallback, useRef } from 'react'\n\nexport const useModalClose = <T extends HTMLDivElement>(\n  callback?: () => void,\n): {\n  ref: RefObject<T>\n  handleClick: (event: MouseEvent<T>) => void\n} => {\n  const ref = useRef<T>(null)\n\n  const handleClick = useCallback(\n    (event: MouseEvent<T>) => {\n      const contentElement = ref.current\n\n      if (!contentElement) return\n      if (!(event.target instanceof Node)) return\n\n      if (contentElement.contains(event.target)) return\n\n      callback?.()\n    },\n    [callback],\n  )\n\n  return {\n    ref,\n    handleClick,\n  }\n}\n"],"names":["useModalClose","callback","ref","useRef","handleClick","useCallback","event","contentElement","current","target","Node","contains"],"mappings":"AAAA;;;;+BAEaA,eAAa;;aAAbA,aAAa;;uBAFiC,OAAO;AAE3D,MAAMA,aAAa,GAAG,CAC3BC,QAAqB,GAIlB;IACH,MAAMC,GAAG,GAAGC,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAE3B,MAAMC,WAAW,GAAGC,IAAAA,MAAW,YAAA,EAC7B,CAACC,KAAoB,GAAK;QACxB,MAAMC,cAAc,GAAGL,GAAG,CAACM,OAAO;QAElC,IAAI,CAACD,cAAc,EAAE,OAAM;QAC3B,IAAI,CAAC,CAACD,KAAK,CAACG,MAAM,YAAYC,IAAI,CAAC,EAAE,OAAM;QAE3C,IAAIH,cAAc,CAACI,QAAQ,CAACL,KAAK,CAACG,MAAM,CAAC,EAAE,OAAM;QAEjDR,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAA;IACd,CAAC,EACD;QAACA,QAAQ;KAAC,CACX;IAED,OAAO;QACLC,GAAG;QACHE,WAAW;KACZ,CAAA;AACH,CAAC"}

package/dist/cjs/modal/useModalFocus.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "useModalFocus", {
     enumerable: true,
     get: ()=>useModalFocus
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = require("react");
 const _hooks = require("../hooks/index");
 const _constants = require("./constants");
 const useModalFocus = ()=>{

package/dist/cjs/modal/useModalFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/modal/useModalFocus.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react'\nimport { useInterceptFocus } from '@lidofinance/hooks'\nimport { FOCUSABLE_ELEMENTS } from './constants'\n\nexport const useModalFocus = (): React.RefObject<HTMLDivElement> => {\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  const getFocusableNodes = useCallback(() => {\n    const nodes =\n      modalRef.current?.querySelectorAll(FOCUSABLE_ELEMENTS.join(',')) ?? []\n\n    return Array.from(nodes).filter(\n      (node): node is HTMLElement =>\n        node && node instanceof HTMLElement && node.offsetParent !== null,\n    )\n  }, [])\n\n  const handleRetainFocus = useCallback(\n    (event: KeyboardEvent) => {\n      const focusableNodes = getFocusableNodes()\n\n      if (focusableNodes.length === 0) return\n\n      const currentElement = document.activeElement\n      const focusedItemIndex =\n        currentElement instanceof HTMLElement &&\n        focusableNodes.indexOf(currentElement)\n\n      if (event.shiftKey && focusedItemIndex === 0) {\n        focusableNodes[focusableNodes.length - 1].focus()\n        event.preventDefault()\n      }\n\n      if (\n        !event.shiftKey &&\n        focusableNodes.length > 0 &&\n        focusedItemIndex === focusableNodes.length - 1\n      ) {\n        focusableNodes[0].focus()\n        event.preventDefault()\n      }\n    },\n    [getFocusableNodes],\n  )\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.code === 'Tab') handleRetainFocus(event)\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [handleRetainFocus])\n\n  const [interceptFocus, restoreFocus] = useInterceptFocus()\n\n  useEffect(() => {\n    if (!modalRef.current) return\n\n    interceptFocus(modalRef.current)\n    return restoreFocus\n  }, [interceptFocus, restoreFocus])\n\n  return modalRef\n}\n"],"names":["useModalFocus","modalRef","useRef","getFocusableNodes","useCallback","nodes","current","querySelectorAll","FOCUSABLE_ELEMENTS","join","Array","from","filter","node","HTMLElement","offsetParent","handleRetainFocus","event","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","shiftKey","focus","preventDefault","useEffect","handleKeyDown","code","addEventListener","removeEventListener","interceptFocus","restoreFocus","useInterceptFocus"],"mappings":"AAAA;;;;+BAIaA,eAAa;;aAAbA,aAAa;;;6DAJ4B,OAAO;uBAC3B,gBAAoB;2BACnB,aAAa;AAEzC,MAAMA,aAAa,GAAG,IAAuC;IAClE,MAAMC,QAAQ,GAAGC,IAAAA,MAAM,OAAA,EAAiB,IAAI,CAAC;IAE7C,MAAMC,iBAAiB,GAAGC,IAAAA,MAAW,YAAA,EAAC,IAAM;YAExCH,GAAgB;YAAhBA,IAAgE;QADlE,MAAMI,KAAK,GACTJ,CAAAA,IAAgE,GAAhEA,CAAAA,GAAgB,GAAhBA,QAAQ,CAACK,OAAO,cAAhBL,GAAgB,WAAkB,GAAlCA,KAAAA,CAAkC,GAAlCA,GAAgB,CAAEM,gBAAgB,CAACC,UAAkB,mBAAA,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC,cAAhER,IAAgE,cAAhEA,IAAgE,GAAI,EAAE;QAExE,OAAOS,KAAK,CAACC,IAAI,CAACN,KAAK,CAAC,CAACO,MAAM,CAC7B,CAACC,IAAI,GACHA,IAAI,IAAIA,IAAI,YAAYC,WAAW,IAAID,IAAI,CAACE,YAAY,KAAK,IAAI,CACpE,CAAA;IACH,CAAC,EAAE,EAAE,CAAC;IAEN,MAAMC,iBAAiB,GAAGZ,IAAAA,MAAW,YAAA,EACnC,CAACa,KAAoB,GAAK;QACxB,MAAMC,cAAc,GAAGf,iBAAiB,EAAE;QAE1C,IAAIe,cAAc,CAACC,MAAM,KAAK,CAAC,EAAE,OAAM;QAEvC,MAAMC,cAAc,GAAGC,QAAQ,CAACC,aAAa;QAC7C,MAAMC,gBAAgB,GACpBH,cAAc,YAAYN,WAAW,IACrCI,cAAc,CAACM,OAAO,CAACJ,cAAc,CAAC;QAExC,IAAIH,KAAK,CAACQ,QAAQ,IAAIF,gBAAgB,KAAK,CAAC,EAAE;YAC5CL,cAAc,CAACA,cAAc,CAACC,MAAM,GAAG,CAAC,CAAC,CAACO,KAAK,EAAE;YACjDT,KAAK,CAACU,cAAc,EAAE;QACxB,CAAC;QAED,IACE,CAACV,KAAK,CAACQ,QAAQ,IACfP,cAAc,CAACC,MAAM,GAAG,CAAC,IACzBI,gBAAgB,KAAKL,cAAc,CAACC,MAAM,GAAG,CAAC,EAC9C;YACAD,cAAc,CAAC,CAAC,CAAC,CAACQ,KAAK,EAAE;YACzBT,KAAK,CAACU,cAAc,EAAE;QACxB,CAAC;IACH,CAAC,EACD;QAACxB,iBAAiB;KAAC,CACpB;IAEDyB,IAAAA,MAAS,UAAA,EAAC,IAAM;QACd,MAAMC,aAAa,GAAG,CAACZ,KAAoB,GAAK;YAC9C,IAAIA,KAAK,CAACa,IAAI,KAAK,KAAK,EAAEd,iBAAiB,CAACC,KAAK,CAAC;QACpD,CAAC;QAEDI,QAAQ,CAACU,gBAAgB,CAAC,SAAS,EAAEF,aAAa,CAAC;QACnD,OAAO,IAAMR,QAAQ,CAACW,mBAAmB,CAAC,SAAS,EAAEH,aAAa,CAAC,CAAA;IACrE,CAAC,EAAE;QAACb,iBAAiB;KAAC,CAAC;IAEvB,MAAM,CAACiB,cAAc,EAAEC,YAAY,CAAC,GAAGC,IAAAA,MAAiB,kBAAA,GAAE;IAE1DP,IAAAA,MAAS,UAAA,EAAC,IAAM;QACd,IAAI,CAAC3B,QAAQ,CAACK,OAAO,EAAE,OAAM;QAE7B2B,cAAc,CAAChC,QAAQ,CAACK,OAAO,CAAC;QAChC,OAAO4B,YAAY,CAAA;IACrB,CAAC,EAAE;QAACD,cAAc;QAAEC,YAAY;KAAC,CAAC;IAElC,OAAOjC,QAAQ,CAAA;AACjB,CAAC"}
+{"version":3,"sources":["../../../packages/modal/useModalFocus.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react'\nimport { useInterceptFocus } from '@lidofinance/hooks'\nimport { FOCUSABLE_ELEMENTS } from './constants'\n\nexport const useModalFocus = (): RefObject<HTMLDivElement> => {\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  const getFocusableNodes = useCallback(() => {\n    const nodes =\n      modalRef.current?.querySelectorAll(FOCUSABLE_ELEMENTS.join(',')) ?? []\n\n    return Array.from(nodes).filter(\n      (node): node is HTMLElement =>\n        node && node instanceof HTMLElement && node.offsetParent !== null,\n    )\n  }, [])\n\n  const handleRetainFocus = useCallback(\n    (event: KeyboardEvent) => {\n      const focusableNodes = getFocusableNodes()\n\n      if (focusableNodes.length === 0) return\n\n      const currentElement = document.activeElement\n      const focusedItemIndex =\n        currentElement instanceof HTMLElement &&\n        focusableNodes.indexOf(currentElement)\n\n      if (event.shiftKey && focusedItemIndex === 0) {\n        focusableNodes[focusableNodes.length - 1].focus()\n        event.preventDefault()\n      }\n\n      if (\n        !event.shiftKey &&\n        focusableNodes.length > 0 &&\n        focusedItemIndex === focusableNodes.length - 1\n      ) {\n        focusableNodes[0].focus()\n        event.preventDefault()\n      }\n    },\n    [getFocusableNodes],\n  )\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.code === 'Tab') handleRetainFocus(event)\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [handleRetainFocus])\n\n  const [interceptFocus, restoreFocus] = useInterceptFocus()\n\n  useEffect(() => {\n    if (!modalRef.current) return\n\n    interceptFocus(modalRef.current)\n    return restoreFocus\n  }, [interceptFocus, restoreFocus])\n\n  return modalRef\n}\n"],"names":["useModalFocus","modalRef","useRef","getFocusableNodes","useCallback","nodes","current","querySelectorAll","FOCUSABLE_ELEMENTS","join","Array","from","filter","node","HTMLElement","offsetParent","handleRetainFocus","event","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","shiftKey","focus","preventDefault","useEffect","handleKeyDown","code","addEventListener","removeEventListener","interceptFocus","restoreFocus","useInterceptFocus"],"mappings":"AAAA;;;;+BAIaA,eAAa;;aAAbA,aAAa;;uBAJgC,OAAO;uBAC/B,gBAAoB;2BACnB,aAAa;AAEzC,MAAMA,aAAa,GAAG,IAAiC;IAC5D,MAAMC,QAAQ,GAAGC,IAAAA,MAAM,OAAA,EAAiB,IAAI,CAAC;IAE7C,MAAMC,iBAAiB,GAAGC,IAAAA,MAAW,YAAA,EAAC,IAAM;YAExCH,GAAgB;YAAhBA,IAAgE;QADlE,MAAMI,KAAK,GACTJ,CAAAA,IAAgE,GAAhEA,CAAAA,GAAgB,GAAhBA,QAAQ,CAACK,OAAO,cAAhBL,GAAgB,WAAkB,GAAlCA,KAAAA,CAAkC,GAAlCA,GAAgB,CAAEM,gBAAgB,CAACC,UAAkB,mBAAA,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC,cAAhER,IAAgE,cAAhEA,IAAgE,GAAI,EAAE;QAExE,OAAOS,KAAK,CAACC,IAAI,CAACN,KAAK,CAAC,CAACO,MAAM,CAC7B,CAACC,IAAI,GACHA,IAAI,IAAIA,IAAI,YAAYC,WAAW,IAAID,IAAI,CAACE,YAAY,KAAK,IAAI,CACpE,CAAA;IACH,CAAC,EAAE,EAAE,CAAC;IAEN,MAAMC,iBAAiB,GAAGZ,IAAAA,MAAW,YAAA,EACnC,CAACa,KAAoB,GAAK;QACxB,MAAMC,cAAc,GAAGf,iBAAiB,EAAE;QAE1C,IAAIe,cAAc,CAACC,MAAM,KAAK,CAAC,EAAE,OAAM;QAEvC,MAAMC,cAAc,GAAGC,QAAQ,CAACC,aAAa;QAC7C,MAAMC,gBAAgB,GACpBH,cAAc,YAAYN,WAAW,IACrCI,cAAc,CAACM,OAAO,CAACJ,cAAc,CAAC;QAExC,IAAIH,KAAK,CAACQ,QAAQ,IAAIF,gBAAgB,KAAK,CAAC,EAAE;YAC5CL,cAAc,CAACA,cAAc,CAACC,MAAM,GAAG,CAAC,CAAC,CAACO,KAAK,EAAE;YACjDT,KAAK,CAACU,cAAc,EAAE;QACxB,CAAC;QAED,IACE,CAACV,KAAK,CAACQ,QAAQ,IACfP,cAAc,CAACC,MAAM,GAAG,CAAC,IACzBI,gBAAgB,KAAKL,cAAc,CAACC,MAAM,GAAG,CAAC,EAC9C;YACAD,cAAc,CAAC,CAAC,CAAC,CAACQ,KAAK,EAAE;YACzBT,KAAK,CAACU,cAAc,EAAE;QACxB,CAAC;IACH,CAAC,EACD;QAACxB,iBAAiB;KAAC,CACpB;IAEDyB,IAAAA,MAAS,UAAA,EAAC,IAAM;QACd,MAAMC,aAAa,GAAG,CAACZ,KAAoB,GAAK;YAC9C,IAAIA,KAAK,CAACa,IAAI,KAAK,KAAK,EAAEd,iBAAiB,CAACC,KAAK,CAAC;QACpD,CAAC;QAEDI,QAAQ,CAACU,gBAAgB,CAAC,SAAS,EAAEF,aAAa,CAAC;QACnD,OAAO,IAAMR,QAAQ,CAACW,mBAAmB,CAAC,SAAS,EAAEH,aAAa,CAAC,CAAA;IACrE,CAAC,EAAE;QAACb,iBAAiB;KAAC,CAAC;IAEvB,MAAM,CAACiB,cAAc,EAAEC,YAAY,CAAC,GAAGC,IAAAA,MAAiB,kBAAA,GAAE;IAE1DP,IAAAA,MAAS,UAAA,EAAC,IAAM;QACd,IAAI,CAAC3B,QAAQ,CAACK,OAAO,EAAE,OAAM;QAE7B2B,cAAc,CAAChC,QAAQ,CAACK,OAAO,CAAC;QAChC,OAAO4B,YAAY,CAAA;IACrB,CAAC,EAAE;QAACD,cAAc;QAAEC,YAAY;KAAC,CAAC;IAElC,OAAOjC,QAAQ,CAAA;AACjB,CAAC"}

package/dist/cjs/pagination/Pagination.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "default", {
     get: ()=>_default
 });
 const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
 const _icons = require("../icons/index");
 const _box = require("../box/index");
@@ -27,8 +27,8 @@ const PaginationBlock = (0, _styledComponents.default)(_box.Box)`
   display: flex;
   gap: 8px;
 `;
-const Pagination = (props)=>{
-    const { onItemClick , pagesCount , activePage =1 , siblingCount  } = props;
+const Pagination = (param)=>{
+    let { onItemClick , pagesCount , activePage =1 , siblingCount ,  } = param;
     const [currentPage, setCurrPage] = (0, _react.useState)(getActiveItem(pagesCount, activePage));
     const showingPages = (0, _react.useMemo)(()=>(0, _getShowingPages.default)(pagesCount, currentPage, siblingCount), [
         pagesCount,
@@ -61,25 +61,30 @@ const Pagination = (props)=>{
         onItemClick(currentPage + 1);
         setCurrPage(currentPage + 1);
     };
-    return /*#__PURE__*/ _react.default.createElement(PaginationBlock, null, /*#__PURE__*/ _react.default.createElement(_paginationItem.default, {
-        disabled: currentPage === 1,
-        icon: /*#__PURE__*/ _react.default.createElement(_icons.ArrowLeft, null),
-        onClick: onPreviousClick
-    }), showingPages.map((page, index)=>{
-        const isDisabled = page === '...';
-        const variant = page === currentPage ? _types.PaginationItemVariant.active : _types.PaginationItemVariant.default;
-        return /*#__PURE__*/ _react.default.createElement(_paginationItem.default, {
-            key: page === '...' ? `${page}${index}` : page,
-            icon: page,
-            variant: variant,
-            disabled: isDisabled,
-            onClick: onPageItemClick.bind(null, page)
-        });
-    }), /*#__PURE__*/ _react.default.createElement(_paginationItem.default, {
-        disabled: currentPage === pagesCount,
-        icon: /*#__PURE__*/ _react.default.createElement(_icons.ArrowRight, null),
-        onClick: onNextClick
-    }));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(PaginationBlock, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_paginationItem.default, {
+                disabled: currentPage === 1,
+                icon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_icons.ArrowLeft, {}),
+                onClick: onPreviousClick
+            }),
+            showingPages.map((page, index)=>{
+                const isDisabled = page === '...';
+                const variant = page === currentPage ? _types.PaginationItemVariant.active : _types.PaginationItemVariant.default;
+                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_paginationItem.default, {
+                    icon: page,
+                    variant: variant,
+                    disabled: isDisabled,
+                    onClick: onPageItemClick.bind(null, page)
+                }, page === '...' ? `${page}${index}` : page);
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_paginationItem.default, {
+                disabled: currentPage === pagesCount,
+                icon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_icons.ArrowRight, {}),
+                onClick: onNextClick
+            })
+        ]
+    });
 };
 const _default = Pagination;
 

package/dist/cjs/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/pagination/Pagination.tsx"],"sourcesContent":["import React, { useMemo, useState, useEffect } from 'react'\nimport styled from 'styled-components'\n\nimport { ArrowLeft, ArrowRight } from '@lidofinance/icons'\nimport { Box } from '@lidofinance/box'\n\nimport {\n  PaginationProps,\n  PaginationItemProps,\n  PaginationItemVariant,\n} from './types'\nimport getShowingPages from './getShowingPages'\nimport PaginationItem from './PaginationItem'\n\nconst getActiveItem = (length: number, activeItem: number): number => {\n  const isActiveNotInRange: boolean = activeItem >= length || activeItem < 0\n\n  if (!activeItem || isActiveNotInRange) {\n    return 1 // default active item will be the first one\n  }\n\n  return activeItem\n}\n\nconst PaginationBlock = styled(Box)`\n  display: flex;\n  gap: 8px;\n`\n\nconst Pagination: React.FC<PaginationProps> = (props) => {\n  const { onItemClick, pagesCount, activePage = 1, siblingCount } = props\n\n  const [currentPage, setCurrPage] = useState(\n    getActiveItem(pagesCount, activePage),\n  )\n\n  const showingPages = useMemo<(string | number)[]>(\n    () => getShowingPages(pagesCount, currentPage, siblingCount),\n    [pagesCount, currentPage, siblingCount],\n  )\n\n  useEffect(() => {\n    setCurrPage((page) => (page !== activePage ? activePage : page))\n  }, [activePage])\n\n  if (pagesCount <= 0) {\n    return null\n  }\n\n  const onPageItemClick = (page: number, e: React.MouseEvent) => {\n    onItemClick(page, e)\n    setCurrPage(page)\n  }\n\n  const onPreviousClick = () => {\n    if (currentPage === 1) {\n      return // disabled\n    }\n\n    onItemClick(currentPage - 1)\n    setCurrPage(currentPage - 1)\n  }\n\n  const onNextClick = () => {\n    if (currentPage === pagesCount) {\n      return // disabled\n    }\n\n    onItemClick(currentPage + 1)\n    setCurrPage(currentPage + 1)\n  }\n\n  return (\n    <PaginationBlock>\n      <PaginationItem\n        disabled={currentPage === 1}\n        icon={<ArrowLeft />}\n        onClick={onPreviousClick}\n      />\n\n      {showingPages.map((page, index) => {\n        const isDisabled = page === '...'\n        const variant: PaginationItemProps['variant'] =\n          page === currentPage\n            ? PaginationItemVariant.active\n            : PaginationItemVariant.default\n\n        return (\n          <PaginationItem\n            key={page === '...' ? `${page}${index}` : page}\n            icon={page}\n            variant={variant}\n            disabled={isDisabled}\n            onClick={onPageItemClick.bind(null, page)}\n          />\n        )\n      })}\n\n      <PaginationItem\n        disabled={currentPage === pagesCount}\n        icon={<ArrowRight />}\n        onClick={onNextClick}\n      />\n    </PaginationBlock>\n  )\n}\n\nexport default Pagination\n"],"names":["getActiveItem","length","activeItem","isActiveNotInRange","PaginationBlock","styled","Box","Pagination","props","onItemClick","pagesCount","activePage","siblingCount","currentPage","setCurrPage","useState","showingPages","useMemo","getShowingPages","useEffect","page","onPageItemClick","e","onPreviousClick","onNextClick","PaginationItem","disabled","icon","ArrowLeft","onClick","map","index","isDisabled","variant","PaginationItemVariant","active","default","key","bind","ArrowRight"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/pagination/Pagination.tsx"],"sourcesContent":["import { useMemo, useState, useEffect, FC, MouseEvent } from 'react'\nimport styled from 'styled-components'\nimport { ArrowLeft, ArrowRight } from '@lidofinance/icons'\nimport { Box } from '@lidofinance/box'\nimport {\n  PaginationProps,\n  PaginationItemProps,\n  PaginationItemVariant,\n} from './types'\nimport getShowingPages from './getShowingPages'\nimport PaginationItem from './PaginationItem'\n\nconst getActiveItem = (length: number, activeItem: number): number => {\n  const isActiveNotInRange: boolean = activeItem >= length || activeItem < 0\n\n  if (!activeItem || isActiveNotInRange) {\n    return 1 // default active item will be the first one\n  }\n\n  return activeItem\n}\n\nconst PaginationBlock = styled(Box)`\n  display: flex;\n  gap: 8px;\n`\n\nconst Pagination: FC<PaginationProps> = ({\n  onItemClick,\n  pagesCount,\n  activePage = 1,\n  siblingCount,\n}) => {\n  const [currentPage, setCurrPage] = useState(\n    getActiveItem(pagesCount, activePage),\n  )\n\n  const showingPages = useMemo<(string | number)[]>(\n    () => getShowingPages(pagesCount, currentPage, siblingCount),\n    [pagesCount, currentPage, siblingCount],\n  )\n\n  useEffect(() => {\n    setCurrPage((page) => (page !== activePage ? activePage : page))\n  }, [activePage])\n\n  if (pagesCount <= 0) {\n    return null\n  }\n\n  const onPageItemClick = (page: number, e: MouseEvent) => {\n    onItemClick(page, e)\n    setCurrPage(page)\n  }\n\n  const onPreviousClick = () => {\n    if (currentPage === 1) {\n      return // disabled\n    }\n\n    onItemClick(currentPage - 1)\n    setCurrPage(currentPage - 1)\n  }\n\n  const onNextClick = () => {\n    if (currentPage === pagesCount) {\n      return // disabled\n    }\n\n    onItemClick(currentPage + 1)\n    setCurrPage(currentPage + 1)\n  }\n\n  return (\n    <PaginationBlock>\n      <PaginationItem\n        disabled={currentPage === 1}\n        icon={<ArrowLeft />}\n        onClick={onPreviousClick}\n      />\n\n      {showingPages.map((page, index) => {\n        const isDisabled = page === '...'\n        const variant: PaginationItemProps['variant'] =\n          page === currentPage\n            ? PaginationItemVariant.active\n            : PaginationItemVariant.default\n\n        return (\n          <PaginationItem\n            key={page === '...' ? `${page}${index}` : page}\n            icon={page}\n            variant={variant}\n            disabled={isDisabled}\n            onClick={onPageItemClick.bind(null, page)}\n          />\n        )\n      })}\n\n      <PaginationItem\n        disabled={currentPage === pagesCount}\n        icon={<ArrowRight />}\n        onClick={onNextClick}\n      />\n    </PaginationBlock>\n  )\n}\n\nexport default Pagination\n"],"names":["getActiveItem","length","activeItem","isActiveNotInRange","PaginationBlock","styled","Box","Pagination","onItemClick","pagesCount","activePage","siblingCount","currentPage","setCurrPage","useState","showingPages","useMemo","getShowingPages","useEffect","page","onPageItemClick","e","onPreviousClick","onNextClick","PaginationItem","disabled","icon","ArrowLeft","onClick","map","index","isDisabled","variant","PaginationItemVariant","active","default","bind","ArrowRight"],"mappings":"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"}

package/dist/cjs/pagination/PaginationItem.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
 const _paginationItemStyles = require("./PaginationItemStyles");
 const _types = require("./types");
-const PaginationItem = (props)=>{
-    const { icon , variant =_types.PaginationItemVariant.default , ...rest } = props;
-    return /*#__PURE__*/ _react.default.createElement(_paginationItemStyles.PaginationItemStyle, _extends({
-        $variant: variant
-    }, rest), icon);
+const PaginationItem = (param)=>{
+    let { icon , variant =_types.PaginationItemVariant.default , ...rest } = param;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_paginationItemStyles.PaginationItemStyle, {
+        $variant: variant,
+        ...rest,
+        children: icon
+    });
 };
 const _default = PaginationItem;
 

package/dist/cjs/pagination/PaginationItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/pagination/PaginationItem.tsx"],"sourcesContent":["import React from 'react'\nimport { PaginationItemStyle } from './PaginationItemStyles'\nimport { PaginationItemProps, PaginationItemVariant } from './types'\n\nconst PaginationItem: React.FC<PaginationItemProps> = (props) => {\n  const { icon, variant = PaginationItemVariant.default, ...rest } = props\n  return (\n    <PaginationItemStyle $variant={variant} {...rest}>\n      {icon}\n    </PaginationItemStyle>\n  )\n}\n\nexport default PaginationItem\n"],"names":["PaginationItem","props","icon","variant","PaginationItemVariant","default","rest","PaginationItemStyle","$variant"],"mappings":"AAAA;;;;+BAaA,SAA6B;;aAA7B,QAA6B;;;;4DAbX,OAAO;sCACW,wBAAwB;uBACD,SAAS;AAEpE,MAAMA,cAAc,GAAkC,CAACC,KAAK,GAAK;IAC/D,MAAM,EAAEC,IAAI,CAAA,EAAEC,OAAO,EAAGC,MAAqB,sBAAA,CAACC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IACxE,qBACE,6BAACM,qBAAmB,oBAAA;QAACC,QAAQ,EAAEL,OAAO;OAAMG,IAAI,GAC7CJ,IAAI,CACe,CACvB;AACH,CAAC;MAED,QAA6B,GAAdF,cAAc"}
+{"version":3,"sources":["../../../packages/pagination/PaginationItem.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { PaginationItemStyle } from './PaginationItemStyles'\nimport { PaginationItemProps, PaginationItemVariant } from './types'\n\nconst PaginationItem: FC<PaginationItemProps> = ({\n  icon,\n  variant = PaginationItemVariant.default,\n  ...rest\n}) => {\n  return (\n    <PaginationItemStyle $variant={variant} {...rest}>\n      {icon}\n    </PaginationItemStyle>\n  )\n}\n\nexport default PaginationItem\n"],"names":["PaginationItem","icon","variant","PaginationItemVariant","default","rest","PaginationItemStyle","$variant"],"mappings":"AAAA;;;;+BAgBA,SAA6B;;aAA7B,QAA6B;;;sCAfO,wBAAwB;uBACD,SAAS;AAEpE,MAAMA,cAAc,GAA4B,SAI1C;QAJ2C,EAC/CC,IAAI,CAAA,EACJC,OAAO,EAAGC,MAAqB,sBAAA,CAACC,OAAO,CAAA,EACvC,GAAGC,IAAI,EACR;IACC,qBACE,qBAACC,qBAAmB,oBAAA;QAACC,QAAQ,EAAEL,OAAO;QAAG,GAAGG,IAAI;kBAC7CJ,IAAI;MACe,CACvB;AACH,CAAC;MAED,QAA6B,GAAdD,cAAc"}

package/dist/cjs/pagination/types.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "PaginationItemVariant", {
     enumerable: true,
     get: ()=>PaginationItemVariant
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 var PaginationItemVariant;
 (function(PaginationItemVariant) {
     PaginationItemVariant["default"] = "default";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/pagination/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport React from 'react'\n\nexport type SiblingsCount = 0 | 1\n\nexport type onItemClick = (index: number, e?: React.MouseEvent) => void\n\nexport type PaginationProps = LidoComponentProps<\n  'div',\n  {\n    pagesCount: number\n    activePage?: number\n    onItemClick: onItemClick\n    siblingCount?: SiblingsCount\n  }\n>\n\nexport enum PaginationItemVariant {\n  default = 'default',\n  active = 'active',\n}\n\nexport type PaginationItemProps = LidoComponentProps<\n  'button',\n  {\n    variant?: PaginationItemVariant\n    icon: React.ReactNode\n  }\n>\n"],"names":["PaginationItemVariant","default","active"],"mappings":"AAAA;;;;;;;;;4DACkB,OAAO;IAgBlB,qBAGN;UAHWA,qBAAqB;IAArBA,qBAAqB,CAC/BC,SAAO,IAAPA,SAAO;IADGD,qBAAqB,CAE/BE,QAAM,IAANA,QAAM;GAFIF,qBAAqB,KAArBA,qBAAqB"}
+{"version":3,"sources":["../../../packages/pagination/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { MouseEvent, ReactNode } from 'react'\n\nexport type SiblingsCount = 0 | 1\n\nexport type onItemClick = (index: number, e?: MouseEvent) => void\n\nexport type PaginationProps = LidoComponentProps<\n  'div',\n  {\n    pagesCount: number\n    activePage?: number\n    onItemClick: onItemClick\n    siblingCount?: SiblingsCount\n  }\n>\n\nexport enum PaginationItemVariant {\n  default = 'default',\n  active = 'active',\n}\n\nexport type PaginationItemProps = LidoComponentProps<\n  'button',\n  {\n    variant?: PaginationItemVariant\n    icon: ReactNode\n  }\n>\n"],"names":["PaginationItemVariant","default","active"],"mappings":"AAAA;;;;;;;;IAiBO,qBAGN;UAHWA,qBAAqB;IAArBA,qBAAqB,CAC/BC,SAAO,IAAPA,SAAO;IADGD,qBAAqB,CAE/BE,QAAM,IAANA,QAAM;GAFIF,qBAAqB,KAArBA,qBAAqB"}

package/dist/cjs/popover/Popover.js

@@ -6,20 +6,19 @@ 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 _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _constants = require("./constants");
 const _popoverStyles = require("./PopoverStyles");
-function Popover(props, ref) {
-    const { placement =_constants.DEFAULT_PLACEMENT , open =false , offset ='xs' , ...rest } = props;
-    return /*#__PURE__*/ _react.default.createElement(_popoverStyles.PopoverStyle, _extends({
+function Popover(param, ref) {
+    let { placement =_constants.DEFAULT_PLACEMENT , open =false , offset ='xs' , ...rest } = param;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_popoverStyles.PopoverStyle, {
         $offset: offset,
         placement: placement,
-        in: open
-    }, rest, {
+        in: open,
+        ...rest,
         ref: ref
-    }));
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Popover);
 

package/dist/cjs/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popover/Popover.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { DEFAULT_PLACEMENT } from './constants'\n\nimport { PopoverStyle } from './PopoverStyles'\nimport { PopoverProps } from './types'\n\nfunction Popover(props: PopoverProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const {\n    placement = DEFAULT_PLACEMENT,\n    open = false,\n    offset = 'xs',\n    ...rest\n  } = props\n\n  return (\n    <PopoverStyle\n      $offset={offset}\n      placement={placement}\n      in={open}\n      {...rest}\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(Popover)\n"],"names":["Popover","props","ref","placement","DEFAULT_PLACEMENT","open","offset","rest","PopoverStyle","$offset","in","forwardRef"],"mappings":"AAAA;;;;+BAyBA,SAAkC;;aAAlC,QAAkC;;;;6DAzBc,OAAO;2BACrB,aAAa;+BAElB,iBAAiB;AAG9C,SAASA,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EACJC,SAAS,EAAGC,UAAiB,kBAAA,CAAA,EAC7BC,IAAI,EAAG,KAAK,CAAA,EACZC,MAAM,EAAG,IAAI,CAAA,EACb,GAAGC,IAAI,EACR,GAAGN,KAAK;IAET,qBACE,6BAACO,cAAY,aAAA;QACXC,OAAO,EAAEH,MAAM;QACfH,SAAS,EAAEA,SAAS;QACpBO,EAAE,EAAEL,IAAI;OACJE,IAAI;QACRL,GAAG,EAAEA,GAAG;OACR,CACH;AACH,CAAC;MAED,QAAkC,iBAAnBS,IAAAA,MAAU,WAAA,EAACX,OAAO,CAAC"}
+{"version":3,"sources":["../../../packages/popover/Popover.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { DEFAULT_PLACEMENT } from './constants'\nimport { PopoverStyle } from './PopoverStyles'\nimport { PopoverProps } from './types'\n\nfunction Popover(\n  {\n    placement = DEFAULT_PLACEMENT,\n    open = false,\n    offset = 'xs',\n    ...rest\n  }: PopoverProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <PopoverStyle\n      $offset={offset}\n      placement={placement}\n      in={open}\n      {...rest}\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(Popover)\n"],"names":["Popover","ref","placement","DEFAULT_PLACEMENT","open","offset","rest","PopoverStyle","$offset","in","forwardRef"],"mappings":"AAAA;;;;+BAyBA,SAAkC;;aAAlC,QAAkC;;;uBAzBO,OAAO;2BACd,aAAa;+BAClB,iBAAiB;AAG9C,SAASA,OAAO,CACd,KAKe,EACfC,GAAkC,EAClC;QAPA,EACEC,SAAS,EAAGC,UAAiB,kBAAA,CAAA,EAC7BC,IAAI,EAAG,KAAK,CAAA,EACZC,MAAM,EAAG,IAAI,CAAA,EACb,GAAGC,IAAI,EACM,GALf,KAKe;IAGf,qBACE,qBAACC,cAAY,aAAA;QACXC,OAAO,EAAEH,MAAM;QACfH,SAAS,EAAEA,SAAS;QACpBO,EAAE,EAAEL,IAAI;QACP,GAAGE,IAAI;QACRL,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;MAED,QAAkC,iBAAnBS,IAAAA,MAAU,WAAA,EAACV,OAAO,CAAC"}

package/dist/cjs/popover/PopoverRoot.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
 const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _reactDom = /*#__PURE__*/ _interopRequireDefault(require("react-dom"));
 const _utils = require("../utils/index");
 const _hooks = require("../hooks/index");
@@ -17,12 +16,15 @@ const _transition = require("../transition/index");
 const _usePopoverPosition = require("./usePopoverPosition");
 const _popoverRootStyles = require("./PopoverRootStyles");
 const _constants = require("./constants");
-function PopoverRoot(props, externalRef) {
-    const { anchorRef , wrapperRef: externalWrapperRef , placement =_constants.DEFAULT_PLACEMENT , backdrop =true , transitionStatus , duration , ...rest } = props;
-    const { onClose  } = props;
+function PopoverRoot(param, externalRef) {
+    let { anchorRef , wrapperRef: externalWrapperRef , placement =_constants.DEFAULT_PLACEMENT , backdrop =true , transitionStatus , duration , style: propsStyle , onClose , ...rest } = param;
     (0, _hooks.useEscape)(onClose);
     const { ref: outsidePopoverRef  } = (0, _hooks.useOutsideClick)(onClose);
-    const { popoverRef: positionPopoverRef , wrapperRef: positionWrapperRef , style ,  } = (0, _usePopoverPosition.usePopoverPosition)(props);
+    const { popoverRef: positionPopoverRef , wrapperRef: positionWrapperRef , style ,  } = (0, _usePopoverPosition.usePopoverPosition)({
+        placement,
+        anchorRef,
+        style: propsStyle
+    });
     const popoverRef = (0, _hooks.useMergeRefs)([
         positionPopoverRef,
         outsidePopoverRef,
@@ -33,16 +35,18 @@ function PopoverRoot(props, externalRef) {
         externalWrapperRef
     ]);
     if (!_utils.modalRoot) return null;
-    return /*#__PURE__*/ _reactDom.default.createPortal(/*#__PURE__*/ _react.default.createElement(_popoverRootStyles.PopoverWrapperStyle, {
+    return /*#__PURE__*/ _reactDom.default.createPortal(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_popoverRootStyles.PopoverWrapperStyle, {
         $backdrop: backdrop,
-        ref: wrapperRef
-    }, /*#__PURE__*/ _react.default.createElement(_popoverRootStyles.PopoverRootStyle, _extends({}, rest, {
-        $transition: transitionStatus,
-        $duration: duration,
-        "data-placement": placement,
-        style: style,
-        ref: popoverRef
-    }))), _utils.modalRoot);
+        ref: wrapperRef,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_popoverRootStyles.PopoverRootStyle, {
+            ...rest,
+            $transition: transitionStatus,
+            $duration: duration,
+            "data-placement": placement,
+            style: style,
+            ref: popoverRef
+        })
+    }), _utils.modalRoot);
 }
 const _default = (0, _transition.withTransition)(/*#__PURE__*/ (0, _react.forwardRef)(PopoverRoot));
 

package/dist/cjs/popover/PopoverRoot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popover/PopoverRoot.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { modalRoot } from '@lidofinance/utils'\nimport { useMergeRefs, useOutsideClick, useEscape } from '@lidofinance/hooks'\nimport { withTransition } from '@lidofinance/transition'\nimport { usePopoverPosition } from './usePopoverPosition'\nimport { PopoverWrapperStyle, PopoverRootStyle } from './PopoverRootStyles'\nimport { PopoverRootInnerProps } from './types'\nimport { DEFAULT_PLACEMENT } from './constants'\n\nfunction PopoverRoot(\n  props: PopoverRootInnerProps,\n  externalRef?: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    anchorRef,\n    wrapperRef: externalWrapperRef,\n    placement = DEFAULT_PLACEMENT,\n    backdrop = true,\n    transitionStatus,\n    duration,\n    ...rest\n  } = props\n\n  const { onClose } = props\n  useEscape(onClose)\n  const { ref: outsidePopoverRef } = useOutsideClick(onClose)\n\n  const {\n    popoverRef: positionPopoverRef,\n    wrapperRef: positionWrapperRef,\n    style,\n  } = usePopoverPosition(props)\n\n  const popoverRef = useMergeRefs([\n    positionPopoverRef,\n    outsidePopoverRef,\n    externalRef,\n  ])\n\n  const wrapperRef = useMergeRefs([positionWrapperRef, externalWrapperRef])\n\n  if (!modalRoot) return null\n\n  return ReactDOM.createPortal(\n    <PopoverWrapperStyle $backdrop={backdrop} ref={wrapperRef}>\n      <PopoverRootStyle\n        {...rest}\n        $transition={transitionStatus}\n        $duration={duration}\n        data-placement={placement}\n        style={style}\n        ref={popoverRef}\n      />\n    </PopoverWrapperStyle>,\n    modalRoot,\n  )\n}\n\nexport default withTransition(forwardRef(PopoverRoot))\n"],"names":["PopoverRoot","props","externalRef","anchorRef","wrapperRef","externalWrapperRef","placement","DEFAULT_PLACEMENT","backdrop","transitionStatus","duration","rest","onClose","useEscape","ref","outsidePopoverRef","useOutsideClick","popoverRef","positionPopoverRef","positionWrapperRef","style","usePopoverPosition","useMergeRefs","modalRoot","ReactDOM","createPortal","PopoverWrapperStyle","$backdrop","PopoverRootStyle","$transition","$duration","data-placement","withTransition","forwardRef"],"mappings":"AAAA;;;;+BA2DA,SAAsD;;aAAtD,QAAsD;;;;;6DA3DN,OAAO;+DAClC,WAAW;uBACN,gBAAoB;uBACW,gBAAoB;4BAC9C,qBAAyB;oCACrB,sBAAsB;mCACH,qBAAqB;2BAEzC,aAAa;AAE/C,SAASA,WAAW,CAClBC,KAA4B,EAC5BC,WAA0C,EAC1C;IACA,MAAM,EACJC,SAAS,CAAA,EACTC,UAAU,EAAEC,kBAAkB,CAAA,EAC9BC,SAAS,EAAGC,UAAiB,kBAAA,CAAA,EAC7BC,QAAQ,EAAG,IAAI,CAAA,EACfC,gBAAgB,CAAA,EAChBC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGV,KAAK;IAET,MAAM,EAAEW,OAAO,CAAA,EAAE,GAAGX,KAAK;IACzBY,IAAAA,MAAS,UAAA,EAACD,OAAO,CAAC;IAClB,MAAM,EAAEE,GAAG,EAAEC,iBAAiB,CAAA,EAAE,GAAGC,IAAAA,MAAe,gBAAA,EAACJ,OAAO,CAAC;IAE3D,MAAM,EACJK,UAAU,EAAEC,kBAAkB,CAAA,EAC9Bd,UAAU,EAAEe,kBAAkB,CAAA,EAC9BC,KAAK,CAAA,IACN,GAAGC,IAAAA,mBAAkB,mBAAA,EAACpB,KAAK,CAAC;IAE7B,MAAMgB,UAAU,GAAGK,IAAAA,MAAY,aAAA,EAAC;QAC9BJ,kBAAkB;QAClBH,iBAAiB;QACjBb,WAAW;KACZ,CAAC;IAEF,MAAME,UAAU,GAAGkB,IAAAA,MAAY,aAAA,EAAC;QAACH,kBAAkB;QAAEd,kBAAkB;KAAC,CAAC;IAEzE,IAAI,CAACkB,MAAS,UAAA,EAAE,OAAO,IAAI,CAAA;IAE3B,qBAAOC,SAAQ,QAAA,CAACC,YAAY,eAC1B,6BAACC,kBAAmB,oBAAA;QAACC,SAAS,EAAEnB,QAAQ;QAAEM,GAAG,EAAEV,UAAU;qBACvD,6BAACwB,kBAAgB,iBAAA,eACXjB,IAAI;QACRkB,WAAW,EAAEpB,gBAAgB;QAC7BqB,SAAS,EAAEpB,QAAQ;QACnBqB,gBAAc,EAAEzB,SAAS;QACzBc,KAAK,EAAEA,KAAK;QACZN,GAAG,EAAEG,UAAU;OACf,CACkB,EACtBM,MAAS,UAAA,CACV,CAAA;AACH,CAAC;MAED,QAAsD,GAAvCS,IAAAA,WAAc,eAAA,gBAACC,IAAAA,MAAU,WAAA,EAACjC,WAAW,CAAC,CAAC"}
+{"version":3,"sources":["../../../packages/popover/PopoverRoot.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { modalRoot } from '@lidofinance/utils'\nimport { useMergeRefs, useOutsideClick, useEscape } from '@lidofinance/hooks'\nimport { withTransition } from '@lidofinance/transition'\nimport { usePopoverPosition } from './usePopoverPosition'\nimport { PopoverWrapperStyle, PopoverRootStyle } from './PopoverRootStyles'\nimport { PopoverRootInnerProps } from './types'\nimport { DEFAULT_PLACEMENT } from './constants'\n\nfunction PopoverRoot(\n  {\n    anchorRef,\n    wrapperRef: externalWrapperRef,\n    placement = DEFAULT_PLACEMENT,\n    backdrop = true,\n    transitionStatus,\n    duration,\n    style: propsStyle,\n    onClose,\n    ...rest\n  }: PopoverRootInnerProps,\n  externalRef?: ForwardedRef<HTMLDivElement>,\n) {\n  useEscape(onClose)\n  const { ref: outsidePopoverRef } = useOutsideClick(onClose)\n\n  const {\n    popoverRef: positionPopoverRef,\n    wrapperRef: positionWrapperRef,\n    style,\n  } = usePopoverPosition({ placement, anchorRef, style: propsStyle })\n\n  const popoverRef = useMergeRefs([\n    positionPopoverRef,\n    outsidePopoverRef,\n    externalRef,\n  ])\n\n  const wrapperRef = useMergeRefs([positionWrapperRef, externalWrapperRef])\n\n  if (!modalRoot) return null\n\n  return ReactDOM.createPortal(\n    <PopoverWrapperStyle $backdrop={backdrop} ref={wrapperRef}>\n      <PopoverRootStyle\n        {...rest}\n        $transition={transitionStatus}\n        $duration={duration}\n        data-placement={placement}\n        style={style}\n        ref={popoverRef}\n      />\n    </PopoverWrapperStyle>,\n    modalRoot,\n  )\n}\n\nexport default withTransition(forwardRef(PopoverRoot))\n"],"names":["PopoverRoot","externalRef","anchorRef","wrapperRef","externalWrapperRef","placement","DEFAULT_PLACEMENT","backdrop","transitionStatus","duration","style","propsStyle","onClose","rest","useEscape","ref","outsidePopoverRef","useOutsideClick","popoverRef","positionPopoverRef","positionWrapperRef","usePopoverPosition","useMergeRefs","modalRoot","ReactDOM","createPortal","PopoverWrapperStyle","$backdrop","PopoverRootStyle","$transition","$duration","data-placement","withTransition","forwardRef"],"mappings":"AAAA;;;;+BA0DA,SAAsD;;aAAtD,QAAsD;;;;uBA1Db,OAAO;+DAC3B,WAAW;uBACN,gBAAoB;uBACW,gBAAoB;4BAC9C,qBAAyB;oCACrB,sBAAsB;mCACH,qBAAqB;2BAEzC,aAAa;AAE/C,SAASA,WAAW,CAClB,KAUwB,EACxBC,WAA0C,EAC1C;QAZA,EACEC,SAAS,CAAA,EACTC,UAAU,EAAEC,kBAAkB,CAAA,EAC9BC,SAAS,EAAGC,UAAiB,kBAAA,CAAA,EAC7BC,QAAQ,EAAG,IAAI,CAAA,EACfC,gBAAgB,CAAA,EAChBC,QAAQ,CAAA,EACRC,KAAK,EAAEC,UAAU,CAAA,EACjBC,OAAO,CAAA,EACP,GAAGC,IAAI,EACe,GAVxB,KAUwB;IAGxBC,IAAAA,MAAS,UAAA,EAACF,OAAO,CAAC;IAClB,MAAM,EAAEG,GAAG,EAAEC,iBAAiB,CAAA,EAAE,GAAGC,IAAAA,MAAe,gBAAA,EAACL,OAAO,CAAC;IAE3D,MAAM,EACJM,UAAU,EAAEC,kBAAkB,CAAA,EAC9BhB,UAAU,EAAEiB,kBAAkB,CAAA,EAC9BV,KAAK,CAAA,IACN,GAAGW,IAAAA,mBAAkB,mBAAA,EAAC;QAAEhB,SAAS;QAAEH,SAAS;QAAEQ,KAAK,EAAEC,UAAU;KAAE,CAAC;IAEnE,MAAMO,UAAU,GAAGI,IAAAA,MAAY,aAAA,EAAC;QAC9BH,kBAAkB;QAClBH,iBAAiB;QACjBf,WAAW;KACZ,CAAC;IAEF,MAAME,UAAU,GAAGmB,IAAAA,MAAY,aAAA,EAAC;QAACF,kBAAkB;QAAEhB,kBAAkB;KAAC,CAAC;IAEzE,IAAI,CAACmB,MAAS,UAAA,EAAE,OAAO,IAAI,CAAA;IAE3B,qBAAOC,SAAQ,QAAA,CAACC,YAAY,eAC1B,qBAACC,kBAAmB,oBAAA;QAACC,SAAS,EAAEpB,QAAQ;QAAEQ,GAAG,EAAEZ,UAAU;kBACvD,cAAA,qBAACyB,kBAAgB,iBAAA;YACd,GAAGf,IAAI;YACRgB,WAAW,EAAErB,gBAAgB;YAC7BsB,SAAS,EAAErB,QAAQ;YACnBsB,gBAAc,EAAE1B,SAAS;YACzBK,KAAK,EAAEA,KAAK;YACZK,GAAG,EAAEG,UAAU;UACf;MACkB,EACtBK,MAAS,UAAA,CACV,CAAA;AACH,CAAC;MAED,QAAsD,GAAvCS,IAAAA,WAAc,eAAA,gBAACC,IAAAA,MAAU,WAAA,EAACjC,WAAW,CAAC,CAAC"}

package/dist/cjs/popover/PopoverStyles.js

@@ -9,8 +9,8 @@ Object.defineProperty(exports, "PopoverStyle", {
 const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
 const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
 const _popoverRoot = /*#__PURE__*/ _interopRequireDefault(require("./PopoverRoot"));
-const getOffset = (props)=>{
-    const { $offset , placement , theme  } = props;
+const getOffset = (param)=>{
+    let { $offset , placement , theme  } = param;
     const offset = theme.spaceMap[$offset];
     if (placement.startsWith('top')) return `margin-top: ${-offset}px`;
     if (placement.startsWith('right')) return `margin-left: ${offset}px`;

package/dist/cjs/popover/PopoverStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popover/PopoverStyles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport PopoverRoot from './PopoverRoot'\nimport { PopoverOffsets, PopoverPlacements } from './types'\nimport { Theme } from '@lidofinance/theme'\n\ntype InjectedProps = {\n  $offset: PopoverOffsets\n  placement: PopoverPlacements\n  theme: Theme\n}\n\nconst getOffset = (props: InjectedProps): string => {\n  const { $offset, placement, theme } = props\n  const offset = theme.spaceMap[$offset]\n\n  if (placement.startsWith('top')) return `margin-top: ${-offset}px`\n  if (placement.startsWith('right')) return `margin-left: ${offset}px`\n  if (placement.startsWith('bottom')) return `margin-top: ${offset}px`\n  if (placement.startsWith('left')) return `margin-left: ${-offset}px`\n  return ''\n}\n\nexport const PopoverStyle = styled(PopoverRoot)`\n  background: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  line-height: 1.5em;\n  font-weight: 400;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n  box-shadow: ${({ theme }) => theme.boxShadows.xs}\n    var(--lido-color-shadowLight);\n  padding: ${({ theme }) => theme.spaceMap.lg}px;\n  overflow: auto;\n\n  ${getOffset}\n`\n"],"names":["PopoverStyle","getOffset","props","$offset","placement","theme","offset","spaceMap","startsWith","styled","PopoverRoot","fontSizesMap","xs","borderRadiusesMap","lg","boxShadows"],"mappings":"AAAA;;;;+BAsBaA,cAAY;;aAAZA,YAAY;;;uEAtBN,mBAAmB;kEACd,eAAe;AAUvC,MAAMC,SAAS,GAAG,CAACC,KAAoB,GAAa;IAClD,MAAM,EAAEC,OAAO,CAAA,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAE,GAAGH,KAAK;IAC3C,MAAMI,MAAM,GAAGD,KAAK,CAACE,QAAQ,CAACJ,OAAO,CAAC;IAEtC,IAAIC,SAAS,CAACI,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,CAACF,MAAM,CAAC,EAAE,CAAC,CAAA;IAClE,IAAIF,SAAS,CAACI,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,EAAEF,MAAM,CAAC,EAAE,CAAC,CAAA;IACpE,IAAIF,SAAS,CAACI,UAAU,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,YAAY,EAAEF,MAAM,CAAC,EAAE,CAAC,CAAA;IACpE,IAAIF,SAAS,CAACI,UAAU,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,CAACF,MAAM,CAAC,EAAE,CAAC,CAAA;IACpE,OAAO,EAAE,CAAA;AACX,CAAC;AAEM,MAAMN,YAAY,GAAGS,IAAAA,iBAAM,QAAA,EAACC,YAAW,QAAA,CAAC,CAAC;;;aAGnC,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACM,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;iBAGnC,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACQ,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;cAC/C,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACU,UAAU,CAACH,EAAE;AAAD,CAAC,CAAC;;WAExC,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACE,QAAQ,CAACO,EAAE;AAAD,CAAC,CAAC;;;EAG5C,EAAEb,SAAS,CAAC;AACd,CAAC"}
+{"version":3,"sources":["../../../packages/popover/PopoverStyles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport PopoverRoot from './PopoverRoot'\nimport { PopoverOffsets, PopoverPlacements } from './types'\nimport { Theme } from '@lidofinance/theme'\n\ntype InjectedProps = {\n  $offset: PopoverOffsets\n  placement: PopoverPlacements\n  theme: Theme\n}\n\nconst getOffset = ({ $offset, placement, theme }: InjectedProps): string => {\n  const offset = theme.spaceMap[$offset]\n\n  if (placement.startsWith('top')) return `margin-top: ${-offset}px`\n  if (placement.startsWith('right')) return `margin-left: ${offset}px`\n  if (placement.startsWith('bottom')) return `margin-top: ${offset}px`\n  if (placement.startsWith('left')) return `margin-left: ${-offset}px`\n  return ''\n}\n\nexport const PopoverStyle = styled(PopoverRoot)`\n  background: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  line-height: 1.5em;\n  font-weight: 400;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n  box-shadow: ${({ theme }) => theme.boxShadows.xs}\n    var(--lido-color-shadowLight);\n  padding: ${({ theme }) => theme.spaceMap.lg}px;\n  overflow: auto;\n\n  ${getOffset}\n`\n"],"names":["PopoverStyle","getOffset","$offset","placement","theme","offset","spaceMap","startsWith","styled","PopoverRoot","fontSizesMap","xs","borderRadiusesMap","lg","boxShadows"],"mappings":"AAAA;;;;+BAqBaA,cAAY;;aAAZA,YAAY;;;uEArBN,mBAAmB;kEACd,eAAe;AAUvC,MAAMC,SAAS,GAAG,SAA0D;QAAzD,EAAEC,OAAO,CAAA,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAiB;IAC7D,MAAMC,MAAM,GAAGD,KAAK,CAACE,QAAQ,CAACJ,OAAO,CAAC;IAEtC,IAAIC,SAAS,CAACI,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,CAACF,MAAM,CAAC,EAAE,CAAC,CAAA;IAClE,IAAIF,SAAS,CAACI,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,EAAEF,MAAM,CAAC,EAAE,CAAC,CAAA;IACpE,IAAIF,SAAS,CAACI,UAAU,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,YAAY,EAAEF,MAAM,CAAC,EAAE,CAAC,CAAA;IACpE,IAAIF,SAAS,CAACI,UAAU,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,CAACF,MAAM,CAAC,EAAE,CAAC,CAAA;IACpE,OAAO,EAAE,CAAA;AACX,CAAC;AAEM,MAAML,YAAY,GAAGQ,IAAAA,iBAAM,QAAA,EAACC,YAAW,QAAA,CAAC,CAAC;;;aAGnC,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACM,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;iBAGnC,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACQ,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;cAC/C,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACU,UAAU,CAACH,EAAE;AAAD,CAAC,CAAC;;WAExC,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACE,QAAQ,CAACO,EAAE;AAAD,CAAC,CAAC;;;EAG5C,EAAEZ,SAAS,CAAC;AACd,CAAC"}

package/dist/cjs/popover/types.js

@@ -12,8 +12,6 @@ _export(exports, {
     PopoverOffset: ()=>PopoverOffset,
     PopoverPlacement: ()=>PopoverPlacement
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 var PopoverOffset;
 (function(PopoverOffset) {
     PopoverOffset[PopoverOffset["xs"] = 0] = "xs";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popover/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '@lidofinance/transition'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum PopoverOffset {\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n}\nexport type PopoverOffsets = keyof typeof PopoverOffset\n\nexport enum PopoverPlacement {\n  topLeft,\n  top,\n  topRight,\n\n  rightTop,\n  right,\n  rightBottom,\n\n  bottomLeft,\n  bottom,\n  bottomRight,\n\n  leftTop,\n  left,\n  leftBottom,\n}\nexport type PopoverPlacements = keyof typeof PopoverPlacement\n\nexport type PopoverRootOwnProps = LidoComponentProps<\n  'div',\n  {\n    wrapperRef?: React.RefObject<HTMLDivElement>\n    anchorRef: React.RefObject<HTMLElement | null>\n    placement?: PopoverPlacements\n    backdrop?: boolean\n    onClose?: () => void\n  }\n>\n\nexport type PopoverRootProps = PopoverRootOwnProps & TransitionWrapperProps\nexport type PopoverRootInnerProps = PopoverRootOwnProps & TransitionInnerProps\n\nexport type PopoverProps = {\n  as?: never\n  offset?: PopoverOffsets\n  open?: boolean\n} & Omit<PopoverRootProps, 'in'>\n"],"names":["PopoverOffset","xs","sm","md","lg","xl","PopoverPlacement","topLeft","top","topRight","rightTop","right","rightBottom","bottomLeft","bottom","bottomRight","leftTop","left","leftBottom"],"mappings":"AAAA;;;;;;;;;;;;;;;4DAKkB,OAAO;IAGlB,aAMN;UANWA,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;IASlB,gBAgBN;UAhBWM,gBAAgB;IAAhBA,gBAAgB,CAAhBA,gBAAgB,CAC1BC,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGD,gBAAgB,CAAhBA,gBAAgB,CAE1BE,KAAG,IAAHA,CAAG,IAAHA,KAAG;IAFOF,gBAAgB,CAAhBA,gBAAgB,CAG1BG,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IAHEH,gBAAgB,CAAhBA,gBAAgB,CAK1BI,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IALEJ,gBAAgB,CAAhBA,gBAAgB,CAM1BK,OAAK,IAALA,CAAK,IAALA,OAAK;IANKL,gBAAgB,CAAhBA,gBAAgB,CAO1BM,aAAW,IAAXA,CAAW,IAAXA,aAAW;IAPDN,gBAAgB,CAAhBA,gBAAgB,CAS1BO,YAAU,IAAVA,CAAU,IAAVA,YAAU;IATAP,gBAAgB,CAAhBA,gBAAgB,CAU1BQ,QAAM,IAANA,CAAM,IAANA,QAAM;IAVIR,gBAAgB,CAAhBA,gBAAgB,CAW1BS,aAAW,IAAXA,CAAW,IAAXA,aAAW;IAXDT,gBAAgB,CAAhBA,gBAAgB,CAa1BU,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAbGV,gBAAgB,CAAhBA,gBAAgB,CAc1BW,MAAI,IAAJA,EAAI,IAAJA,MAAI;IAdMX,gBAAgB,CAAhBA,gBAAgB,CAe1BY,YAAU,IAAVA,EAAU,IAAVA,YAAU;GAfAZ,gBAAgB,KAAhBA,gBAAgB"}
+{"version":3,"sources":["../../../packages/popover/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '@lidofinance/transition'\nimport { RefObject } from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum PopoverOffset {\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n}\nexport type PopoverOffsets = keyof typeof PopoverOffset\n\nexport enum PopoverPlacement {\n  topLeft,\n  top,\n  topRight,\n\n  rightTop,\n  right,\n  rightBottom,\n\n  bottomLeft,\n  bottom,\n  bottomRight,\n\n  leftTop,\n  left,\n  leftBottom,\n}\nexport type PopoverPlacements = keyof typeof PopoverPlacement\n\nexport type PopoverRootOwnProps = LidoComponentProps<\n  'div',\n  {\n    wrapperRef?: RefObject<HTMLDivElement>\n    anchorRef: RefObject<HTMLElement | null>\n    placement?: PopoverPlacements\n    backdrop?: boolean\n    onClose?: () => void\n  }\n>\n\nexport type PopoverRootProps = PopoverRootOwnProps & TransitionWrapperProps\nexport type PopoverRootInnerProps = PopoverRootOwnProps & TransitionInnerProps\n\nexport type PopoverProps = {\n  as?: never\n  offset?: PopoverOffsets\n  open?: boolean\n} & Omit<PopoverRootProps, 'in'>\n"],"names":["PopoverOffset","xs","sm","md","lg","xl","PopoverPlacement","topLeft","top","topRight","rightTop","right","rightBottom","bottomLeft","bottom","bottomRight","leftTop","left","leftBottom"],"mappings":"AAAA;;;;;;;;;;;;;;IAQO,aAMN;UANWA,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;IASlB,gBAgBN;UAhBWM,gBAAgB;IAAhBA,gBAAgB,CAAhBA,gBAAgB,CAC1BC,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGD,gBAAgB,CAAhBA,gBAAgB,CAE1BE,KAAG,IAAHA,CAAG,IAAHA,KAAG;IAFOF,gBAAgB,CAAhBA,gBAAgB,CAG1BG,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IAHEH,gBAAgB,CAAhBA,gBAAgB,CAK1BI,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IALEJ,gBAAgB,CAAhBA,gBAAgB,CAM1BK,OAAK,IAALA,CAAK,IAALA,OAAK;IANKL,gBAAgB,CAAhBA,gBAAgB,CAO1BM,aAAW,IAAXA,CAAW,IAAXA,aAAW;IAPDN,gBAAgB,CAAhBA,gBAAgB,CAS1BO,YAAU,IAAVA,CAAU,IAAVA,YAAU;IATAP,gBAAgB,CAAhBA,gBAAgB,CAU1BQ,QAAM,IAANA,CAAM,IAANA,QAAM;IAVIR,gBAAgB,CAAhBA,gBAAgB,CAW1BS,aAAW,IAAXA,CAAW,IAAXA,aAAW;IAXDT,gBAAgB,CAAhBA,gBAAgB,CAa1BU,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAbGV,gBAAgB,CAAhBA,gBAAgB,CAc1BW,MAAI,IAAJA,EAAI,IAAJA,MAAI;IAdMX,gBAAgB,CAAhBA,gBAAgB,CAe1BY,YAAU,IAAVA,EAAU,IAAVA,YAAU;GAfAZ,gBAAgB,KAAhBA,gBAAgB"}