@lidofinance/lido-ui 3.9.0 → 3.10.1

package/dist/esm/modal/ModalStyles.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
 import { Close, ArrowBack } from "../icons/index";
 import { ButtonIcon } from "../button/index";
@@ -116,7 +116,7 @@ export const ModalContentStyle = styled.div`
 }}
 `;
 export const ModalCloseStyle = styled(ButtonIcon).attrs({
-    icon: /*#__PURE__*/ React.createElement(Close, null),
+    icon: /*#__PURE__*/ _jsx(Close, {}),
     color: 'secondary',
     variant: 'ghost',
     size: 'xs'
@@ -127,7 +127,7 @@ export const ModalCloseStyle = styled(ButtonIcon).attrs({
   border-radius: 50%;
 `;
 export const ModalBackStyle = styled(ButtonIcon).attrs({
-    icon: /*#__PURE__*/ React.createElement(ArrowBack, null),
+    icon: /*#__PURE__*/ _jsx(ArrowBack, {}),
     color: 'secondary',
     variant: 'ghost',
     size: 'xs'

package/dist/esm/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":["React","styled","css","Close","ArrowBack","ButtonIcon","ModalStyle","div","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","xs","xl","xxl","shadowDark","ModalBaseStyle","text","foreground","ModalHeaderStyle","spaceMap","mediaQueries","$short","md","lg","ModalTitleStyle","$withBackButton","$withCloseButton","$withTitleIcon","sm","ModalTitleIconStyle","ModalTitleTextStyle","ModalSubtitleStyle","textSecondary","ModalContentStyle","ModalCloseStyle","attrs","icon","color","variant","size","ModalBackStyle"],"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":["styled","css","Close","ArrowBack","ButtonIcon","ModalStyle","div","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","xs","xl","xxl","shadowDark","ModalBaseStyle","text","foreground","ModalHeaderStyle","spaceMap","mediaQueries","$short","md","lg","ModalTitleStyle","$withBackButton","$withCloseButton","$withTitleIcon","sm","ModalTitleIconStyle","ModalTitleTextStyle","ModalSubtitleStyle","textSecondary","ModalContentStyle","ModalCloseStyle","attrs","icon","color","variant","size","ModalBackStyle"],"mappings":"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"}

package/dist/esm/modal/types.js

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

package/dist/esm/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":["React"],"mappings":"AAMA,OAAOA,KAAK,MAAM,OAAO,CAAA"}
+{"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,WAgCe"}

package/dist/esm/modal/useModalClose.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useRef } from "react";
+import { useCallback, useRef } from "react";
 export const useModalClose = (callback)=>{
     const ref = useRef(null);
     const handleClick = useCallback((event)=>{

package/dist/esm/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":["React","useCallback","useRef","useModalClose","callback","ref","handleClick","event","contentElement","current","target","Node","contains"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,QAAQ,OAAO,CAAA;AAElD,OAAO,MAAMC,aAAa,GAAG,CAC3BC,QAAqB,GAIlB;IACH,MAAMC,GAAG,GAAGH,MAAM,CAAI,IAAI,CAAC;IAE3B,MAAMI,WAAW,GAAGL,WAAW,CAC7B,CAACM,KAAsC,GAAK;QAC1C,MAAMC,cAAc,GAAGH,GAAG,CAACI,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;QAEjDN,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAA;IACd,CAAC,EACD;QAACA,QAAQ;KAAC,CACX;IAED,OAAO;QACLC,GAAG;QACHC,WAAW;KACZ,CAAA;AACH,CAAC,CAAA"}
+{"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":["useCallback","useRef","useModalClose","callback","ref","handleClick","event","contentElement","current","target","Node","contains"],"mappings":"AAAA,SAAgCA,WAAW,EAAEC,MAAM,QAAQ,OAAO,CAAA;AAElE,OAAO,MAAMC,aAAa,GAAG,CAC3BC,QAAqB,GAIlB;IACH,MAAMC,GAAG,GAAGH,MAAM,CAAI,IAAI,CAAC;IAE3B,MAAMI,WAAW,GAAGL,WAAW,CAC7B,CAACM,KAAoB,GAAK;QACxB,MAAMC,cAAc,GAAGH,GAAG,CAACI,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;QAEjDN,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAA;IACd,CAAC,EACD;QAACA,QAAQ;KAAC,CACX;IAED,OAAO;QACLC,GAAG;QACHC,WAAW;KACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/modal/useModalFocus.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef } from "react";
+import { useCallback, useEffect, useRef } from "react";
 import { useInterceptFocus } from "../hooks/index";
 import { FOCUSABLE_ELEMENTS } from "./constants";
 export const useModalFocus = ()=>{

package/dist/esm/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":["React","useCallback","useEffect","useRef","useInterceptFocus","FOCUSABLE_ELEMENTS","useModalFocus","modalRef","getFocusableNodes","nodes","current","querySelectorAll","join","Array","from","filter","node","HTMLElement","offsetParent","handleRetainFocus","event","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","shiftKey","focus","preventDefault","handleKeyDown","code","addEventListener","removeEventListener","interceptFocus","restoreFocus"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO,CAAA;AAC7D,SAASC,iBAAiB,QAAQ,gBAAoB,CAAA;AACtD,SAASC,kBAAkB,QAAQ,aAAa,CAAA;AAEhD,OAAO,MAAMC,aAAa,GAAG,IAAuC;IAClE,MAAMC,QAAQ,GAAGJ,MAAM,CAAiB,IAAI,CAAC;IAE7C,MAAMK,iBAAiB,GAAGP,WAAW,CAAC,IAAM;YAExCM,GAAgB;YAAhBA,IAAgE;QADlE,MAAME,KAAK,GACTF,CAAAA,IAAgE,GAAhEA,CAAAA,GAAgB,GAAhBA,QAAQ,CAACG,OAAO,cAAhBH,GAAgB,WAAkB,GAAlCA,KAAAA,CAAkC,GAAlCA,GAAgB,CAAEI,gBAAgB,CAACN,kBAAkB,CAACO,IAAI,CAAC,GAAG,CAAC,CAAC,cAAhEL,IAAgE,cAAhEA,IAAgE,GAAI,EAAE;QAExE,OAAOM,KAAK,CAACC,IAAI,CAACL,KAAK,CAAC,CAACM,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,GAAGlB,WAAW,CACnC,CAACmB,KAAoB,GAAK;QACxB,MAAMC,cAAc,GAAGb,iBAAiB,EAAE;QAE1C,IAAIa,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;QAACtB,iBAAiB;KAAC,CACpB;IAEDN,SAAS,CAAC,IAAM;QACd,MAAM6B,aAAa,GAAG,CAACX,KAAoB,GAAK;YAC9C,IAAIA,KAAK,CAACY,IAAI,KAAK,KAAK,EAAEb,iBAAiB,CAACC,KAAK,CAAC;QACpD,CAAC;QAEDI,QAAQ,CAACS,gBAAgB,CAAC,SAAS,EAAEF,aAAa,CAAC;QACnD,OAAO,IAAMP,QAAQ,CAACU,mBAAmB,CAAC,SAAS,EAAEH,aAAa,CAAC,CAAA;IACrE,CAAC,EAAE;QAACZ,iBAAiB;KAAC,CAAC;IAEvB,MAAM,CAACgB,cAAc,EAAEC,YAAY,CAAC,GAAGhC,iBAAiB,EAAE;IAE1DF,SAAS,CAAC,IAAM;QACd,IAAI,CAACK,QAAQ,CAACG,OAAO,EAAE,OAAM;QAE7ByB,cAAc,CAAC5B,QAAQ,CAACG,OAAO,CAAC;QAChC,OAAO0B,YAAY,CAAA;IACrB,CAAC,EAAE;QAACD,cAAc;QAAEC,YAAY;KAAC,CAAC;IAElC,OAAO7B,QAAQ,CAAA;AACjB,CAAC,CAAA"}
+{"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":["useCallback","useEffect","useRef","useInterceptFocus","FOCUSABLE_ELEMENTS","useModalFocus","modalRef","getFocusableNodes","nodes","current","querySelectorAll","join","Array","from","filter","node","HTMLElement","offsetParent","handleRetainFocus","event","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","shiftKey","focus","preventDefault","handleKeyDown","code","addEventListener","removeEventListener","interceptFocus","restoreFocus"],"mappings":"AAAA,SAAoBA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO,CAAA;AACjE,SAASC,iBAAiB,QAAQ,gBAAoB,CAAA;AACtD,SAASC,kBAAkB,QAAQ,aAAa,CAAA;AAEhD,OAAO,MAAMC,aAAa,GAAG,IAAiC;IAC5D,MAAMC,QAAQ,GAAGJ,MAAM,CAAiB,IAAI,CAAC;IAE7C,MAAMK,iBAAiB,GAAGP,WAAW,CAAC,IAAM;YAExCM,GAAgB;YAAhBA,IAAgE;QADlE,MAAME,KAAK,GACTF,CAAAA,IAAgE,GAAhEA,CAAAA,GAAgB,GAAhBA,QAAQ,CAACG,OAAO,cAAhBH,GAAgB,WAAkB,GAAlCA,KAAAA,CAAkC,GAAlCA,GAAgB,CAAEI,gBAAgB,CAACN,kBAAkB,CAACO,IAAI,CAAC,GAAG,CAAC,CAAC,cAAhEL,IAAgE,cAAhEA,IAAgE,GAAI,EAAE;QAExE,OAAOM,KAAK,CAACC,IAAI,CAACL,KAAK,CAAC,CAACM,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,GAAGlB,WAAW,CACnC,CAACmB,KAAoB,GAAK;QACxB,MAAMC,cAAc,GAAGb,iBAAiB,EAAE;QAE1C,IAAIa,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;QAACtB,iBAAiB;KAAC,CACpB;IAEDN,SAAS,CAAC,IAAM;QACd,MAAM6B,aAAa,GAAG,CAACX,KAAoB,GAAK;YAC9C,IAAIA,KAAK,CAACY,IAAI,KAAK,KAAK,EAAEb,iBAAiB,CAACC,KAAK,CAAC;QACpD,CAAC;QAEDI,QAAQ,CAACS,gBAAgB,CAAC,SAAS,EAAEF,aAAa,CAAC;QACnD,OAAO,IAAMP,QAAQ,CAACU,mBAAmB,CAAC,SAAS,EAAEH,aAAa,CAAC,CAAA;IACrE,CAAC,EAAE;QAACZ,iBAAiB;KAAC,CAAC;IAEvB,MAAM,CAACgB,cAAc,EAAEC,YAAY,CAAC,GAAGhC,iBAAiB,EAAE;IAE1DF,SAAS,CAAC,IAAM;QACd,IAAI,CAACK,QAAQ,CAACG,OAAO,EAAE,OAAM;QAE7ByB,cAAc,CAAC5B,QAAQ,CAACG,OAAO,CAAC;QAChC,OAAO0B,YAAY,CAAA;IACrB,CAAC,EAAE;QAACD,cAAc;QAAEC,YAAY;KAAC,CAAC;IAElC,OAAO7B,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/dist/esm/pagination/Pagination.js

@@ -1,4 +1,5 @@
-import React, { useMemo, useState, useEffect } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState, useEffect } from "react";
 import styled from "styled-components";
 import { ArrowLeft, ArrowRight } from "../icons/index";
 import { Box } from "../box/index";
@@ -17,8 +18,8 @@ const PaginationBlock = styled(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] = useState(getActiveItem(pagesCount, activePage));
     const showingPages = useMemo(()=>getShowingPages(pagesCount, currentPage, siblingCount), [
         pagesCount,
@@ -51,25 +52,30 @@ const Pagination = (props)=>{
         onItemClick(currentPage + 1);
         setCurrPage(currentPage + 1);
     };
-    return /*#__PURE__*/ React.createElement(PaginationBlock, null, /*#__PURE__*/ React.createElement(PaginationItem, {
-        disabled: currentPage === 1,
-        icon: /*#__PURE__*/ React.createElement(ArrowLeft, null),
-        onClick: onPreviousClick
-    }), showingPages.map((page, index)=>{
-        const isDisabled = page === '...';
-        const variant = page === currentPage ? PaginationItemVariant.active : PaginationItemVariant.default;
-        return /*#__PURE__*/ React.createElement(PaginationItem, {
-            key: page === '...' ? `${page}${index}` : page,
-            icon: page,
-            variant: variant,
-            disabled: isDisabled,
-            onClick: onPageItemClick.bind(null, page)
-        });
-    }), /*#__PURE__*/ React.createElement(PaginationItem, {
-        disabled: currentPage === pagesCount,
-        icon: /*#__PURE__*/ React.createElement(ArrowRight, null),
-        onClick: onNextClick
-    }));
+    return /*#__PURE__*/ _jsxs(PaginationBlock, {
+        children: [
+            /*#__PURE__*/ _jsx(PaginationItem, {
+                disabled: currentPage === 1,
+                icon: /*#__PURE__*/ _jsx(ArrowLeft, {}),
+                onClick: onPreviousClick
+            }),
+            showingPages.map((page, index)=>{
+                const isDisabled = page === '...';
+                const variant = page === currentPage ? PaginationItemVariant.active : PaginationItemVariant.default;
+                return /*#__PURE__*/ _jsx(PaginationItem, {
+                    icon: page,
+                    variant: variant,
+                    disabled: isDisabled,
+                    onClick: onPageItemClick.bind(null, page)
+                }, page === '...' ? `${page}${index}` : page);
+            }),
+            /*#__PURE__*/ _jsx(PaginationItem, {
+                disabled: currentPage === pagesCount,
+                icon: /*#__PURE__*/ _jsx(ArrowRight, {}),
+                onClick: onNextClick
+            })
+        ]
+    });
 };
 export default Pagination;
 

package/dist/esm/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":["React","useMemo","useState","useEffect","styled","ArrowLeft","ArrowRight","Box","PaginationItemVariant","getShowingPages","PaginationItem","getActiveItem","length","activeItem","isActiveNotInRange","PaginationBlock","Pagination","props","onItemClick","pagesCount","activePage","siblingCount","currentPage","setCurrPage","showingPages","page","onPageItemClick","e","onPreviousClick","onNextClick","disabled","icon","onClick","map","index","isDisabled","variant","active","default","key","bind"],"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":["useMemo","useState","useEffect","styled","ArrowLeft","ArrowRight","Box","PaginationItemVariant","getShowingPages","PaginationItem","getActiveItem","length","activeItem","isActiveNotInRange","PaginationBlock","Pagination","onItemClick","pagesCount","activePage","siblingCount","currentPage","setCurrPage","showingPages","page","onPageItemClick","e","onPreviousClick","onNextClick","disabled","icon","onClick","map","index","isDisabled","variant","active","default","bind"],"mappings":"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"}

package/dist/esm/pagination/PaginationItem.js

@@ -1,12 +1,13 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { PaginationItemStyle } from "./PaginationItemStyles";
 import { PaginationItemVariant } from "./types";
-const PaginationItem = (props)=>{
-    const { icon , variant =PaginationItemVariant.default , ...rest } = props;
-    return /*#__PURE__*/ React.createElement(PaginationItemStyle, _extends({
-        $variant: variant
-    }, rest), icon);
+const PaginationItem = (param)=>{
+    let { icon , variant =PaginationItemVariant.default , ...rest } = param;
+    return /*#__PURE__*/ _jsx(PaginationItemStyle, {
+        $variant: variant,
+        ...rest,
+        children: icon
+    });
 };
 export default PaginationItem;
 

package/dist/esm/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":["React","PaginationItemStyle","PaginationItemVariant","PaginationItem","props","icon","variant","default","rest","$variant"],"mappings":"AAAA;AAAA,OAAOA,KAAK,MAAM,OAAO,CAAA;AACzB,SAASC,mBAAmB,QAAQ,wBAAwB,CAAA;AAC5D,SAA8BC,qBAAqB,QAAQ,SAAS,CAAA;AAEpE,MAAMC,cAAc,GAAkC,CAACC,KAAK,GAAK;IAC/D,MAAM,EAAEC,IAAI,CAAA,EAAEC,OAAO,EAAGJ,qBAAqB,CAACK,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACxE,qBACE,oBAACH,mBAAmB;QAACQ,QAAQ,EAAEH,OAAO;OAAME,IAAI,GAC7CH,IAAI,CACe,CACvB;AACH,CAAC;AAED,eAAeF,cAAc,CAAA"}
+{"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":["PaginationItemStyle","PaginationItemVariant","PaginationItem","icon","variant","default","rest","$variant"],"mappings":"AAAA;AACA,SAASA,mBAAmB,QAAQ,wBAAwB,CAAA;AAC5D,SAA8BC,qBAAqB,QAAQ,SAAS,CAAA;AAEpE,MAAMC,cAAc,GAA4B,SAI1C;QAJ2C,EAC/CC,IAAI,CAAA,EACJC,OAAO,EAAGH,qBAAqB,CAACI,OAAO,CAAA,EACvC,GAAGC,IAAI,EACR;IACC,qBACE,KAACN,mBAAmB;QAACO,QAAQ,EAAEH,OAAO;QAAG,GAAGE,IAAI;kBAC7CH,IAAI;MACe,CACvB;AACH,CAAC;AAED,eAAeD,cAAc,CAAA"}

package/dist/esm/pagination/types.js

@@ -1,4 +1,3 @@
-import React from "react";
 export var PaginationItemVariant;
 (function(PaginationItemVariant) {
     PaginationItemVariant["default"] = "default";

package/dist/esm/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":["React","PaginationItemVariant","default","active"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO,CAAA;WAgBlB,qBAGN;UAHWC,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,WAiBO,qBAGN;UAHWA,qBAAqB;IAArBA,qBAAqB,CAC/BC,SAAO,IAAPA,SAAO;IADGD,qBAAqB,CAE/BE,QAAM,IAANA,QAAM;GAFIF,qBAAqB,KAArBA,qBAAqB"}

package/dist/esm/popover/Popover.js

@@ -1,16 +1,16 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { DEFAULT_PLACEMENT } from "./constants";
 import { PopoverStyle } from "./PopoverStyles";
-function Popover(props, ref) {
-    const { placement =DEFAULT_PLACEMENT , open =false , offset ='xs' , ...rest } = props;
-    return /*#__PURE__*/ React.createElement(PopoverStyle, _extends({
+function Popover(param, ref) {
+    let { placement =DEFAULT_PLACEMENT , open =false , offset ='xs' , ...rest } = param;
+    return /*#__PURE__*/ _jsx(PopoverStyle, {
         $offset: offset,
         placement: placement,
-        in: open
-    }, rest, {
+        in: open,
+        ...rest,
         ref: ref
-    }));
+    });
 }
 export default /*#__PURE__*/ forwardRef(Popover);
 

package/dist/esm/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":["React","forwardRef","DEFAULT_PLACEMENT","PopoverStyle","Popover","props","ref","placement","open","offset","rest","$offset","in"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,iBAAiB,QAAQ,aAAa,CAAA;AAE/C,SAASC,YAAY,QAAQ,iBAAiB,CAAA;AAG9C,SAASC,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EACJC,SAAS,EAAGL,iBAAiB,CAAA,EAC7BM,IAAI,EAAG,KAAK,CAAA,EACZC,MAAM,EAAG,IAAI,CAAA,EACb,GAAGC,IAAI,EACR,GAAGL,KAAK;IAET,qBACE,oBAACF,YAAY;QACXQ,OAAO,EAAEF,MAAM;QACfF,SAAS,EAAEA,SAAS;QACpBK,EAAE,EAAEJ,IAAI;OACJE,IAAI;QACRJ,GAAG,EAAEA,GAAG;OACR,CACH;AACH,CAAC;AAED,6BAAeL,UAAU,CAACG,OAAO,CAAC,CAAA"}
+{"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":["forwardRef","DEFAULT_PLACEMENT","PopoverStyle","Popover","ref","placement","open","offset","rest","$offset","in"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SAASC,iBAAiB,QAAQ,aAAa,CAAA;AAC/C,SAASC,YAAY,QAAQ,iBAAiB,CAAA;AAG9C,SAASC,OAAO,CACd,KAKe,EACfC,GAAkC,EAClC;QAPA,EACEC,SAAS,EAAGJ,iBAAiB,CAAA,EAC7BK,IAAI,EAAG,KAAK,CAAA,EACZC,MAAM,EAAG,IAAI,CAAA,EACb,GAAGC,IAAI,EACM,GALf,KAKe;IAGf,qBACE,KAACN,YAAY;QACXO,OAAO,EAAEF,MAAM;QACfF,SAAS,EAAEA,SAAS;QACpBK,EAAE,EAAEJ,IAAI;QACP,GAAGE,IAAI;QACRJ,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;AAED,6BAAeJ,UAAU,CAACG,OAAO,CAAC,CAAA"}

package/dist/esm/popover/PopoverRoot.js

@@ -1,5 +1,5 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import ReactDOM from "react-dom";
 import { modalRoot } from "../utils/index";
 import { useMergeRefs, useOutsideClick, useEscape } from "../hooks/index";
@@ -7,12 +7,15 @@ import { withTransition } from "../transition/index";
 import { usePopoverPosition } from "./usePopoverPosition";
 import { PopoverWrapperStyle, PopoverRootStyle } from "./PopoverRootStyles";
 import { DEFAULT_PLACEMENT } from "./constants";
-function PopoverRoot(props, externalRef) {
-    const { anchorRef , wrapperRef: externalWrapperRef , placement =DEFAULT_PLACEMENT , backdrop =true , transitionStatus , duration , ...rest } = props;
-    const { onClose  } = props;
+function PopoverRoot(param, externalRef) {
+    let { anchorRef , wrapperRef: externalWrapperRef , placement =DEFAULT_PLACEMENT , backdrop =true , transitionStatus , duration , style: propsStyle , onClose , ...rest } = param;
     useEscape(onClose);
     const { ref: outsidePopoverRef  } = useOutsideClick(onClose);
-    const { popoverRef: positionPopoverRef , wrapperRef: positionWrapperRef , style ,  } = usePopoverPosition(props);
+    const { popoverRef: positionPopoverRef , wrapperRef: positionWrapperRef , style ,  } = usePopoverPosition({
+        placement,
+        anchorRef,
+        style: propsStyle
+    });
     const popoverRef = useMergeRefs([
         positionPopoverRef,
         outsidePopoverRef,
@@ -23,16 +26,18 @@ function PopoverRoot(props, externalRef) {
         externalWrapperRef
     ]);
     if (!modalRoot) return null;
-    return /*#__PURE__*/ ReactDOM.createPortal(/*#__PURE__*/ React.createElement(PopoverWrapperStyle, {
+    return /*#__PURE__*/ ReactDOM.createPortal(/*#__PURE__*/ _jsx(PopoverWrapperStyle, {
         $backdrop: backdrop,
-        ref: wrapperRef
-    }, /*#__PURE__*/ React.createElement(PopoverRootStyle, _extends({}, rest, {
-        $transition: transitionStatus,
-        $duration: duration,
-        "data-placement": placement,
-        style: style,
-        ref: popoverRef
-    }))), modalRoot);
+        ref: wrapperRef,
+        children: /*#__PURE__*/ _jsx(PopoverRootStyle, {
+            ...rest,
+            $transition: transitionStatus,
+            $duration: duration,
+            "data-placement": placement,
+            style: style,
+            ref: popoverRef
+        })
+    }), modalRoot);
 }
 export default withTransition(/*#__PURE__*/ forwardRef(PopoverRoot));
 

package/dist/esm/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":["React","forwardRef","ReactDOM","modalRoot","useMergeRefs","useOutsideClick","useEscape","withTransition","usePopoverPosition","PopoverWrapperStyle","PopoverRootStyle","DEFAULT_PLACEMENT","PopoverRoot","props","externalRef","anchorRef","wrapperRef","externalWrapperRef","placement","backdrop","transitionStatus","duration","rest","onClose","ref","outsidePopoverRef","popoverRef","positionPopoverRef","positionWrapperRef","style","createPortal","$backdrop","$transition","$duration","data-placement"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,OAAOC,QAAQ,MAAM,WAAW,CAAA;AAChC,SAASC,SAAS,QAAQ,gBAAoB,CAAA;AAC9C,SAASC,YAAY,EAAEC,eAAe,EAAEC,SAAS,QAAQ,gBAAoB,CAAA;AAC7E,SAASC,cAAc,QAAQ,qBAAyB,CAAA;AACxD,SAASC,kBAAkB,QAAQ,sBAAsB,CAAA;AACzD,SAASC,mBAAmB,EAAEC,gBAAgB,QAAQ,qBAAqB,CAAA;AAE3E,SAASC,iBAAiB,QAAQ,aAAa,CAAA;AAE/C,SAASC,WAAW,CAClBC,KAA4B,EAC5BC,WAA0C,EAC1C;IACA,MAAM,EACJC,SAAS,CAAA,EACTC,UAAU,EAAEC,kBAAkB,CAAA,EAC9BC,SAAS,EAAGP,iBAAiB,CAAA,EAC7BQ,QAAQ,EAAG,IAAI,CAAA,EACfC,gBAAgB,CAAA,EAChBC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGT,KAAK;IAET,MAAM,EAAEU,OAAO,CAAA,EAAE,GAAGV,KAAK;IACzBP,SAAS,CAACiB,OAAO,CAAC;IAClB,MAAM,EAAEC,GAAG,EAAEC,iBAAiB,CAAA,EAAE,GAAGpB,eAAe,CAACkB,OAAO,CAAC;IAE3D,MAAM,EACJG,UAAU,EAAEC,kBAAkB,CAAA,EAC9BX,UAAU,EAAEY,kBAAkB,CAAA,EAC9BC,KAAK,CAAA,IACN,GAAGrB,kBAAkB,CAACK,KAAK,CAAC;IAE7B,MAAMa,UAAU,GAAGtB,YAAY,CAAC;QAC9BuB,kBAAkB;QAClBF,iBAAiB;QACjBX,WAAW;KACZ,CAAC;IAEF,MAAME,UAAU,GAAGZ,YAAY,CAAC;QAACwB,kBAAkB;QAAEX,kBAAkB;KAAC,CAAC;IAEzE,IAAI,CAACd,SAAS,EAAE,OAAO,IAAI,CAAA;IAE3B,qBAAOD,QAAQ,CAAC4B,YAAY,eAC1B,oBAACrB,mBAAmB;QAACsB,SAAS,EAAEZ,QAAQ;QAAEK,GAAG,EAAER,UAAU;qBACvD,oBAACN,gBAAgB,eACXY,IAAI;QACRU,WAAW,EAAEZ,gBAAgB;QAC7Ba,SAAS,EAAEZ,QAAQ;QACnBa,gBAAc,EAAEhB,SAAS;QACzBW,KAAK,EAAEA,KAAK;QACZL,GAAG,EAAEE,UAAU;OACf,CACkB,EACtBvB,SAAS,CACV,CAAA;AACH,CAAC;AAED,eAAeI,cAAc,eAACN,UAAU,CAACW,WAAW,CAAC,CAAC,CAAA"}
+{"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":["forwardRef","ReactDOM","modalRoot","useMergeRefs","useOutsideClick","useEscape","withTransition","usePopoverPosition","PopoverWrapperStyle","PopoverRootStyle","DEFAULT_PLACEMENT","PopoverRoot","externalRef","anchorRef","wrapperRef","externalWrapperRef","placement","backdrop","transitionStatus","duration","style","propsStyle","onClose","rest","ref","outsidePopoverRef","popoverRef","positionPopoverRef","positionWrapperRef","createPortal","$backdrop","$transition","$duration","data-placement"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,OAAOC,QAAQ,MAAM,WAAW,CAAA;AAChC,SAASC,SAAS,QAAQ,gBAAoB,CAAA;AAC9C,SAASC,YAAY,EAAEC,eAAe,EAAEC,SAAS,QAAQ,gBAAoB,CAAA;AAC7E,SAASC,cAAc,QAAQ,qBAAyB,CAAA;AACxD,SAASC,kBAAkB,QAAQ,sBAAsB,CAAA;AACzD,SAASC,mBAAmB,EAAEC,gBAAgB,QAAQ,qBAAqB,CAAA;AAE3E,SAASC,iBAAiB,QAAQ,aAAa,CAAA;AAE/C,SAASC,WAAW,CAClB,KAUwB,EACxBC,WAA0C,EAC1C;QAZA,EACEC,SAAS,CAAA,EACTC,UAAU,EAAEC,kBAAkB,CAAA,EAC9BC,SAAS,EAAGN,iBAAiB,CAAA,EAC7BO,QAAQ,EAAG,IAAI,CAAA,EACfC,gBAAgB,CAAA,EAChBC,QAAQ,CAAA,EACRC,KAAK,EAAEC,UAAU,CAAA,EACjBC,OAAO,CAAA,EACP,GAAGC,IAAI,EACe,GAVxB,KAUwB;IAGxBlB,SAAS,CAACiB,OAAO,CAAC;IAClB,MAAM,EAAEE,GAAG,EAAEC,iBAAiB,CAAA,EAAE,GAAGrB,eAAe,CAACkB,OAAO,CAAC;IAE3D,MAAM,EACJI,UAAU,EAAEC,kBAAkB,CAAA,EAC9Bb,UAAU,EAAEc,kBAAkB,CAAA,EAC9BR,KAAK,CAAA,IACN,GAAGb,kBAAkB,CAAC;QAAES,SAAS;QAAEH,SAAS;QAAEO,KAAK,EAAEC,UAAU;KAAE,CAAC;IAEnE,MAAMK,UAAU,GAAGvB,YAAY,CAAC;QAC9BwB,kBAAkB;QAClBF,iBAAiB;QACjBb,WAAW;KACZ,CAAC;IAEF,MAAME,UAAU,GAAGX,YAAY,CAAC;QAACyB,kBAAkB;QAAEb,kBAAkB;KAAC,CAAC;IAEzE,IAAI,CAACb,SAAS,EAAE,OAAO,IAAI,CAAA;IAE3B,qBAAOD,QAAQ,CAAC4B,YAAY,eAC1B,KAACrB,mBAAmB;QAACsB,SAAS,EAAEb,QAAQ;QAAEO,GAAG,EAAEV,UAAU;kBACvD,cAAA,KAACL,gBAAgB;YACd,GAAGc,IAAI;YACRQ,WAAW,EAAEb,gBAAgB;YAC7Bc,SAAS,EAAEb,QAAQ;YACnBc,gBAAc,EAAEjB,SAAS;YACzBI,KAAK,EAAEA,KAAK;YACZI,GAAG,EAAEE,UAAU;UACf;MACkB,EACtBxB,SAAS,CACV,CAAA;AACH,CAAC;AAED,eAAeI,cAAc,eAACN,UAAU,CAACW,WAAW,CAAC,CAAC,CAAA"}

package/dist/esm/popover/PopoverStyles.js

@@ -1,7 +1,7 @@
 import styled from "styled-components";
 import PopoverRoot from "./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/esm/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":["styled","PopoverRoot","getOffset","props","$offset","placement","theme","offset","spaceMap","startsWith","PopoverStyle","fontSizesMap","xs","borderRadiusesMap","lg","boxShadows"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAOC,WAAW,MAAM,eAAe,CAAA;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;AAED,OAAO,MAAMG,YAAY,GAAGV,MAAM,CAACC,WAAW,CAAC,CAAC;;;aAGnC,EAAE,SAAeK;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACK,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;iBAGnC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;cAC/C,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,UAAU,CAACH,EAAE;AAAD,CAAC,CAAC;;WAExC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACE,QAAQ,CAACM,EAAE;AAAD,CAAC,CAAC;;;EAG5C,EAAEZ,SAAS,CAAC;AACd,CAAC,CAAA"}
+{"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":["styled","PopoverRoot","getOffset","$offset","placement","theme","offset","spaceMap","startsWith","PopoverStyle","fontSizesMap","xs","borderRadiusesMap","lg","boxShadows"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAOC,WAAW,MAAM,eAAe,CAAA;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;AAED,OAAO,MAAMG,YAAY,GAAGT,MAAM,CAACC,WAAW,CAAC,CAAC;;;aAGnC,EAAE,SAAeI;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACK,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;iBAGnC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;cAC/C,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,UAAU,CAACH,EAAE;AAAD,CAAC,CAAC;;WAExC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACE,QAAQ,CAACM,EAAE;AAAD,CAAC,CAAC;;;EAG5C,EAAEX,SAAS,CAAC;AACd,CAAC,CAAA"}

package/dist/esm/popover/types.js

@@ -1,4 +1,3 @@
-import React from "react";
 export var PopoverOffset;
 (function(PopoverOffset) {
     PopoverOffset[PopoverOffset["xs"] = 0] = "xs";

package/dist/esm/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":["React","PopoverOffset","xs","sm","md","lg","xl","PopoverPlacement","topLeft","top","topRight","rightTop","right","rightBottom","bottomLeft","bottom","bottomRight","leftTop","left","leftBottom"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO,CAAA;WAGlB,aAMN;UANWC,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;WASlB,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,WAQO,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;WASlB,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"}

package/dist/esm/popover/usePopoverPosition.js

@@ -1,9 +1,9 @@
-import React, { useRef, useLayoutEffect, useState } from "react";
+import { useRef, useLayoutEffect, useState } from "react";
 import { useWindowSize } from "../hooks/index";
 import { INITIAL_STYLE, DEFAULT_PLACEMENT } from "./constants";
 import { calculatePosition } from "./calculatePosition";
-export const usePopoverPosition = (props)=>{
-    const { placement =DEFAULT_PLACEMENT , anchorRef  } = props;
+export const usePopoverPosition = (param)=>{
+    let { placement =DEFAULT_PLACEMENT , anchorRef , style: propsStyle  } = param;
     const popoverRef = useRef(null);
     const wrapperRef = useRef(null);
     const [popoverStyle, setPopoverStyle] = useState(INITIAL_STYLE);
@@ -22,7 +22,7 @@ export const usePopoverPosition = (props)=>{
         windowHeight
     ]);
     const style = {
-        ...props.style,
+        ...propsStyle,
         ...popoverStyle
     };
     return {

package/dist/esm/popover/usePopoverPosition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popover/usePopoverPosition.ts"],"sourcesContent":["import React, { useRef, useLayoutEffect, useState, CSSProperties } from 'react'\nimport { useWindowSize } from '@lidofinance/hooks'\nimport { PopoverRootProps } from './types'\nimport { INITIAL_STYLE, DEFAULT_PLACEMENT } from './constants'\nimport { calculatePosition } from './calculatePosition'\n\nexport const usePopoverPosition = <\n  P extends HTMLDivElement,\n  W extends HTMLDivElement,\n>(\n  props: PopoverRootProps,\n): {\n  popoverRef: React.RefObject<P>\n  wrapperRef: React.RefObject<W>\n  style: CSSProperties\n} => {\n  const { placement = DEFAULT_PLACEMENT, anchorRef } = props\n\n  const popoverRef = useRef<P>(null)\n  const wrapperRef = useRef<W>(null)\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLE)\n  const [windowWidth, windowHeight] = useWindowSize()\n\n  useLayoutEffect(() => {\n    if (!anchorRef.current || !popoverRef.current || !wrapperRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const popoverRect = popoverRef.current.getBoundingClientRect()\n    const wrapperRect = wrapperRef.current.getBoundingClientRect()\n\n    const position = calculatePosition(\n      anchorRect,\n      popoverRect,\n      wrapperRect,\n      placement,\n    )\n    setPopoverStyle(position)\n  }, [anchorRef, placement, windowWidth, windowHeight])\n\n  const style = {\n    ...props.style,\n    ...popoverStyle,\n  }\n\n  return {\n    popoverRef,\n    wrapperRef,\n    style,\n  }\n}\n"],"names":["React","useRef","useLayoutEffect","useState","useWindowSize","INITIAL_STYLE","DEFAULT_PLACEMENT","calculatePosition","usePopoverPosition","props","placement","anchorRef","popoverRef","wrapperRef","popoverStyle","setPopoverStyle","windowWidth","windowHeight","current","anchorRect","getBoundingClientRect","popoverRect","wrapperRect","position","style"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,eAAe,EAAEC,QAAQ,QAAuB,OAAO,CAAA;AAC/E,SAASC,aAAa,QAAQ,gBAAoB,CAAA;AAElD,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,aAAa,CAAA;AAC9D,SAASC,iBAAiB,QAAQ,qBAAqB,CAAA;AAEvD,OAAO,MAAMC,kBAAkB,GAAG,CAIhCC,KAAuB,GAKpB;IACH,MAAM,EAAEC,SAAS,EAAGJ,iBAAiB,CAAA,EAAEK,SAAS,CAAA,EAAE,GAAGF,KAAK;IAE1D,MAAMG,UAAU,GAAGX,MAAM,CAAI,IAAI,CAAC;IAClC,MAAMY,UAAU,GAAGZ,MAAM,CAAI,IAAI,CAAC;IAElC,MAAM,CAACa,YAAY,EAAEC,eAAe,CAAC,GAAGZ,QAAQ,CAAgBE,aAAa,CAAC;IAC9E,MAAM,CAACW,WAAW,EAAEC,YAAY,CAAC,GAAGb,aAAa,EAAE;IAEnDF,eAAe,CAAC,IAAM;QACpB,IAAI,CAACS,SAAS,CAACO,OAAO,IAAI,CAACN,UAAU,CAACM,OAAO,IAAI,CAACL,UAAU,CAACK,OAAO,EAAE,OAAM;QAE5E,MAAMC,UAAU,GAAGR,SAAS,CAACO,OAAO,CAACE,qBAAqB,EAAE;QAC5D,MAAMC,WAAW,GAAGT,UAAU,CAACM,OAAO,CAACE,qBAAqB,EAAE;QAC9D,MAAME,WAAW,GAAGT,UAAU,CAACK,OAAO,CAACE,qBAAqB,EAAE;QAE9D,MAAMG,QAAQ,GAAGhB,iBAAiB,CAChCY,UAAU,EACVE,WAAW,EACXC,WAAW,EACXZ,SAAS,CACV;QACDK,eAAe,CAACQ,QAAQ,CAAC;IAC3B,CAAC,EAAE;QAACZ,SAAS;QAAED,SAAS;QAAEM,WAAW;QAAEC,YAAY;KAAC,CAAC;IAErD,MAAMO,KAAK,GAAG;QACZ,GAAGf,KAAK,CAACe,KAAK;QACd,GAAGV,YAAY;KAChB;IAED,OAAO;QACLF,UAAU;QACVC,UAAU;QACVW,KAAK;KACN,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/popover/usePopoverPosition.ts"],"sourcesContent":["import {\n  useRef,\n  useLayoutEffect,\n  useState,\n  CSSProperties,\n  RefObject,\n} from 'react'\nimport { useWindowSize } from '@lidofinance/hooks'\nimport { PopoverRootProps } from './types'\nimport { INITIAL_STYLE, DEFAULT_PLACEMENT } from './constants'\nimport { calculatePosition } from './calculatePosition'\n\nexport const usePopoverPosition = <\n  P extends HTMLDivElement,\n  W extends HTMLDivElement,\n>({\n  placement = DEFAULT_PLACEMENT,\n  anchorRef,\n  style: propsStyle,\n}: Pick<PopoverRootProps, 'placement' | 'anchorRef' | 'style'>): {\n  popoverRef: RefObject<P>\n  wrapperRef: RefObject<W>\n  style: CSSProperties\n} => {\n  const popoverRef = useRef<P>(null)\n  const wrapperRef = useRef<W>(null)\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLE)\n  const [windowWidth, windowHeight] = useWindowSize()\n\n  useLayoutEffect(() => {\n    if (!anchorRef.current || !popoverRef.current || !wrapperRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const popoverRect = popoverRef.current.getBoundingClientRect()\n    const wrapperRect = wrapperRef.current.getBoundingClientRect()\n\n    const position = calculatePosition(\n      anchorRect,\n      popoverRect,\n      wrapperRect,\n      placement,\n    )\n    setPopoverStyle(position)\n  }, [anchorRef, placement, windowWidth, windowHeight])\n\n  const style = {\n    ...propsStyle,\n    ...popoverStyle,\n  }\n\n  return {\n    popoverRef,\n    wrapperRef,\n    style,\n  }\n}\n"],"names":["useRef","useLayoutEffect","useState","useWindowSize","INITIAL_STYLE","DEFAULT_PLACEMENT","calculatePosition","usePopoverPosition","placement","anchorRef","style","propsStyle","popoverRef","wrapperRef","popoverStyle","setPopoverStyle","windowWidth","windowHeight","current","anchorRect","getBoundingClientRect","popoverRect","wrapperRect","position"],"mappings":"AAAA,SACEA,MAAM,EACNC,eAAe,EACfC,QAAQ,QAGH,OAAO,CAAA;AACd,SAASC,aAAa,QAAQ,gBAAoB,CAAA;AAElD,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,aAAa,CAAA;AAC9D,SAASC,iBAAiB,QAAQ,qBAAqB,CAAA;AAEvD,OAAO,MAAMC,kBAAkB,GAAG,SAW7B;QARH,EACAC,SAAS,EAAGH,iBAAiB,CAAA,EAC7BI,SAAS,CAAA,EACTC,KAAK,EAAEC,UAAU,CAAA,EAC2C;IAK5D,MAAMC,UAAU,GAAGZ,MAAM,CAAI,IAAI,CAAC;IAClC,MAAMa,UAAU,GAAGb,MAAM,CAAI,IAAI,CAAC;IAElC,MAAM,CAACc,YAAY,EAAEC,eAAe,CAAC,GAAGb,QAAQ,CAAgBE,aAAa,CAAC;IAC9E,MAAM,CAACY,WAAW,EAAEC,YAAY,CAAC,GAAGd,aAAa,EAAE;IAEnDF,eAAe,CAAC,IAAM;QACpB,IAAI,CAACQ,SAAS,CAACS,OAAO,IAAI,CAACN,UAAU,CAACM,OAAO,IAAI,CAACL,UAAU,CAACK,OAAO,EAAE,OAAM;QAE5E,MAAMC,UAAU,GAAGV,SAAS,CAACS,OAAO,CAACE,qBAAqB,EAAE;QAC5D,MAAMC,WAAW,GAAGT,UAAU,CAACM,OAAO,CAACE,qBAAqB,EAAE;QAC9D,MAAME,WAAW,GAAGT,UAAU,CAACK,OAAO,CAACE,qBAAqB,EAAE;QAE9D,MAAMG,QAAQ,GAAGjB,iBAAiB,CAChCa,UAAU,EACVE,WAAW,EACXC,WAAW,EACXd,SAAS,CACV;QACDO,eAAe,CAACQ,QAAQ,CAAC;IAC3B,CAAC,EAAE;QAACd,SAAS;QAAED,SAAS;QAAEQ,WAAW;QAAEC,YAAY;KAAC,CAAC;IAErD,MAAMP,KAAK,GAAG;QACZ,GAAGC,UAAU;QACb,GAAGG,YAAY;KAChB;IAED,OAAO;QACLF,UAAU;QACVC,UAAU;QACVH,KAAK;KACN,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/popup-menu/PopupMenu.js

@@ -1,28 +1,33 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { useMergeRefs } from "../hooks/index";
 import { PopupMenuProvider } from "./PopupMenuProvider";
 import { PopupMenuStyle } from "./PopupMenuStyles";
 import { usePopupFocus } from "./usePopupFocus";
-function PopupMenu(props, externalRef) {
-    const { variant , children , onKeyDown , onMouseMove , ...rest } = props;
-    const { ref: controlRef , handleMouseMove , handleKeyDown , handleEnter , handleExit ,  } = usePopupFocus(props);
+function PopupMenu(param, externalRef) {
+    let { variant , children , onKeyDown , onMouseMove , ...rest } = param;
+    const { ref: controlRef , handleMouseMove , handleKeyDown , handleEnter , handleExit ,  } = usePopupFocus({
+        onMouseMove,
+        onKeyDown
+    });
     const popupRef = useMergeRefs([
         controlRef,
         externalRef
     ]);
-    return /*#__PURE__*/ React.createElement(PopupMenuStyle, _extends({
+    return /*#__PURE__*/ _jsx(PopupMenuStyle, {
         onMouseMove: handleMouseMove,
         onKeyDown: handleKeyDown,
         onEnter: handleEnter,
         onExit: handleExit,
         tabIndex: -1,
-        role: "listbox"
-    }, rest, {
-        ref: popupRef
-    }), /*#__PURE__*/ React.createElement(PopupMenuProvider, {
-        variant: variant
-    }, children));
+        role: "listbox",
+        ...rest,
+        ref: popupRef,
+        children: /*#__PURE__*/ _jsx(PopupMenuProvider, {
+            variant: variant,
+            children: children
+        })
+    });
 }
 export default /*#__PURE__*/ forwardRef(PopupMenu);
 

package/dist/esm/popup-menu/PopupMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/PopupMenu.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { PopupMenuProvider } from './PopupMenuProvider'\nimport { PopupMenuStyle } from './PopupMenuStyles'\nimport { PopupMenuProps } from './types'\nimport { usePopupFocus } from './usePopupFocus'\n\nfunction PopupMenu(\n  props: PopupMenuProps,\n  externalRef?: ForwardedRef<HTMLDivElement>,\n) {\n  const { variant, children, onKeyDown, onMouseMove, ...rest } = props\n\n  const {\n    ref: controlRef,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  } = usePopupFocus(props)\n  const popupRef = useMergeRefs([controlRef, externalRef])\n\n  return (\n    <PopupMenuStyle\n      onMouseMove={handleMouseMove}\n      onKeyDown={handleKeyDown}\n      onEnter={handleEnter}\n      onExit={handleExit}\n      tabIndex={-1}\n      role='listbox'\n      {...rest}\n      ref={popupRef}\n    >\n      <PopupMenuProvider variant={variant}>{children}</PopupMenuProvider>\n    </PopupMenuStyle>\n  )\n}\n\nexport default forwardRef(PopupMenu)\n"],"names":["React","forwardRef","useMergeRefs","PopupMenuProvider","PopupMenuStyle","usePopupFocus","PopupMenu","props","externalRef","variant","children","onKeyDown","onMouseMove","rest","ref","controlRef","handleMouseMove","handleKeyDown","handleEnter","handleExit","popupRef","onEnter","onExit","tabIndex","role"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,QAAQ,gBAAoB,CAAA;AACjD,SAASC,iBAAiB,QAAQ,qBAAqB,CAAA;AACvD,SAASC,cAAc,QAAQ,mBAAmB,CAAA;AAElD,SAASC,aAAa,QAAQ,iBAAiB,CAAA;AAE/C,SAASC,SAAS,CAChBC,KAAqB,EACrBC,WAA0C,EAC1C;IACA,MAAM,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAEC,SAAS,CAAA,EAAEC,WAAW,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGN,KAAK;IAEpE,MAAM,EACJO,GAAG,EAAEC,UAAU,CAAA,EACfC,eAAe,CAAA,EACfC,aAAa,CAAA,EACbC,WAAW,CAAA,EACXC,UAAU,CAAA,IACX,GAAGd,aAAa,CAACE,KAAK,CAAC;IACxB,MAAMa,QAAQ,GAAGlB,YAAY,CAAC;QAACa,UAAU;QAAEP,WAAW;KAAC,CAAC;IAExD,qBACE,oBAACJ,cAAc;QACbQ,WAAW,EAAEI,eAAe;QAC5BL,SAAS,EAAEM,aAAa;QACxBI,OAAO,EAAEH,WAAW;QACpBI,MAAM,EAAEH,UAAU;QAClBI,QAAQ,EAAE,CAAC,CAAC;QACZC,IAAI,EAAC,SAAS;OACVX,IAAI;QACRC,GAAG,EAAEM,QAAQ;sBAEb,oBAACjB,iBAAiB;QAACM,OAAO,EAAEA,OAAO;OAAGC,QAAQ,CAAqB,CACpD,CAClB;AACH,CAAC;AAED,6BAAeT,UAAU,CAACK,SAAS,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/popup-menu/PopupMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { PopupMenuProvider } from './PopupMenuProvider'\nimport { PopupMenuStyle } from './PopupMenuStyles'\nimport { PopupMenuProps } from './types'\nimport { usePopupFocus } from './usePopupFocus'\n\nfunction PopupMenu(\n  { variant, children, onKeyDown, onMouseMove, ...rest }: PopupMenuProps,\n  externalRef?: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    ref: controlRef,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  } = usePopupFocus({ onMouseMove, onKeyDown })\n  const popupRef = useMergeRefs([controlRef, externalRef])\n\n  return (\n    <PopupMenuStyle\n      onMouseMove={handleMouseMove}\n      onKeyDown={handleKeyDown}\n      onEnter={handleEnter}\n      onExit={handleExit}\n      tabIndex={-1}\n      role='listbox'\n      {...rest}\n      ref={popupRef}\n    >\n      <PopupMenuProvider variant={variant}>{children}</PopupMenuProvider>\n    </PopupMenuStyle>\n  )\n}\n\nexport default forwardRef(PopupMenu)\n"],"names":["forwardRef","useMergeRefs","PopupMenuProvider","PopupMenuStyle","usePopupFocus","PopupMenu","externalRef","variant","children","onKeyDown","onMouseMove","rest","ref","controlRef","handleMouseMove","handleKeyDown","handleEnter","handleExit","popupRef","onEnter","onExit","tabIndex","role"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SAASC,YAAY,QAAQ,gBAAoB,CAAA;AACjD,SAASC,iBAAiB,QAAQ,qBAAqB,CAAA;AACvD,SAASC,cAAc,QAAQ,mBAAmB,CAAA;AAElD,SAASC,aAAa,QAAQ,iBAAiB,CAAA;AAE/C,SAASC,SAAS,CAChB,KAAsE,EACtEC,WAA0C,EAC1C;QAFA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAEC,SAAS,CAAA,EAAEC,WAAW,CAAA,EAAE,GAAGC,IAAI,EAAkB,GAAtE,KAAsE;IAGtE,MAAM,EACJC,GAAG,EAAEC,UAAU,CAAA,EACfC,eAAe,CAAA,EACfC,aAAa,CAAA,EACbC,WAAW,CAAA,EACXC,UAAU,CAAA,IACX,GAAGb,aAAa,CAAC;QAAEM,WAAW;QAAED,SAAS;KAAE,CAAC;IAC7C,MAAMS,QAAQ,GAAGjB,YAAY,CAAC;QAACY,UAAU;QAAEP,WAAW;KAAC,CAAC;IAExD,qBACE,KAACH,cAAc;QACbO,WAAW,EAAEI,eAAe;QAC5BL,SAAS,EAAEM,aAAa;QACxBI,OAAO,EAAEH,WAAW;QACpBI,MAAM,EAAEH,UAAU;QAClBI,QAAQ,EAAE,CAAC,CAAC;QACZC,IAAI,EAAC,SAAS;QACb,GAAGX,IAAI;QACRC,GAAG,EAAEM,QAAQ;kBAEb,cAAA,KAAChB,iBAAiB;YAACK,OAAO,EAAEA,OAAO;sBAAGC,QAAQ;UAAqB;MACpD,CAClB;AACH,CAAC;AAED,6BAAeR,UAAU,CAACK,SAAS,CAAC,CAAA"}