@lidofinance/lido-ui 3.8.1 → 3.9.0

package/dist/cjs/identicon/IdenticonBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/identicon/IdenticonBadge.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { Address } from '@lidofinance/address'\nimport { IdenticonBadgeProps } from './types'\nimport { IdenticonBadgeStyle, AddressWrapperStyle } from './IdenticonStyles'\nimport Identicon from './Identicon'\n\nfunction IdenticonBadge(\n  props: IdenticonBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const {\n    symbols = 3,\n    color = 'background',\n    diameter,\n    address,\n    paperStyles,\n    svgStyles,\n    ...rest\n  } = props\n  const identiconProps = { address, diameter, paperStyles, svgStyles }\n\n  return (\n    <IdenticonBadgeStyle $color={color} {...rest} ref={ref}>\n      {symbols > 0 ? (\n        <AddressWrapperStyle>\n          <Address address={address} symbols={symbols} />\n        </AddressWrapperStyle>\n      ) : (\n        ''\n      )}\n      <Identicon {...identiconProps} />\n    </IdenticonBadgeStyle>\n  )\n}\n\nexport default forwardRef(IdenticonBadge)\n"],"names":["IdenticonBadge","props","ref","symbols","color","diameter","address","paperStyles","svgStyles","rest","identiconProps","IdenticonBadgeStyle","$color","AddressWrapperStyle","Address","Identicon","forwardRef"],"mappings":"AAAA;;;;+BAmCA,SAAyC;;aAAzC,QAAyC;;;;;6DAnCO,OAAO;yBAC/B,kBAAsB;iCAEW,mBAAmB;gEACtD,aAAa;AAEnC,SAASA,cAAc,CACrBC,KAA0B,EAC1BC,GAAkC,EAClC;IACA,MAAM,EACJC,OAAO,EAAG,CAAC,CAAA,EACXC,KAAK,EAAG,YAAY,CAAA,EACpBC,QAAQ,CAAA,EACRC,OAAO,CAAA,EACPC,WAAW,CAAA,EACXC,SAAS,CAAA,EACT,GAAGC,IAAI,EACR,GAAGR,KAAK;IACT,MAAMS,cAAc,GAAG;QAAEJ,OAAO;QAAED,QAAQ;QAAEE,WAAW;QAAEC,SAAS;KAAE;IAEpE,qBACE,6BAACG,gBAAmB,oBAAA;QAACC,MAAM,EAAER,KAAK;OAAMK,IAAI;QAAEP,GAAG,EAAEA,GAAG;QACnDC,OAAO,GAAG,CAAC,iBACV,6BAACU,gBAAmB,oBAAA,sBAClB,6BAACC,QAAO,QAAA;QAACR,OAAO,EAAEA,OAAO;QAAEH,OAAO,EAAEA,OAAO;MAAI,CAC3B,GAEtB,EAAE,AACH,gBACD,6BAACY,UAAS,QAAA,eAAKL,cAAc,EAAI,CACb,CACvB;AACH,CAAC;MAED,QAAyC,iBAA1BM,IAAAA,MAAU,WAAA,EAAChB,cAAc,CAAC"}
+{"version":3,"sources":["../../../packages/identicon/IdenticonBadge.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { Address } from '@lidofinance/address'\nimport { IdenticonBadgeProps } from './types'\nimport { IdenticonBadgeStyle, AddressWrapperStyle } from './IdenticonStyles'\nimport Identicon from './Identicon'\n\nfunction IdenticonBadge(\n  props: IdenticonBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    symbols = 3,\n    color = 'background',\n    diameter,\n    address,\n    paperStyles,\n    svgStyles,\n    ...rest\n  } = props\n  const identiconProps = { address, diameter, paperStyles, svgStyles }\n\n  return (\n    <IdenticonBadgeStyle $color={color} {...rest} ref={ref}>\n      {symbols > 0 ? (\n        <AddressWrapperStyle>\n          <Address address={address} symbols={symbols} />\n        </AddressWrapperStyle>\n      ) : (\n        ''\n      )}\n      <Identicon {...identiconProps} />\n    </IdenticonBadgeStyle>\n  )\n}\n\nexport default forwardRef(IdenticonBadge)\n"],"names":["IdenticonBadge","props","ref","symbols","color","diameter","address","paperStyles","svgStyles","rest","identiconProps","IdenticonBadgeStyle","$color","AddressWrapperStyle","Address","Identicon","forwardRef"],"mappings":"AAAA;;;;+BAmCA,SAAyC;;aAAzC,QAAyC;;;;;6DAnCO,OAAO;yBAC/B,kBAAsB;iCAEW,mBAAmB;gEACtD,aAAa;AAEnC,SAASA,cAAc,CACrBC,KAA0B,EAC1BC,GAAkC,EAClC;IACA,MAAM,EACJC,OAAO,EAAG,CAAC,CAAA,EACXC,KAAK,EAAG,YAAY,CAAA,EACpBC,QAAQ,CAAA,EACRC,OAAO,CAAA,EACPC,WAAW,CAAA,EACXC,SAAS,CAAA,EACT,GAAGC,IAAI,EACR,GAAGR,KAAK;IACT,MAAMS,cAAc,GAAG;QAAEJ,OAAO;QAAED,QAAQ;QAAEE,WAAW;QAAEC,SAAS;KAAE;IAEpE,qBACE,6BAACG,gBAAmB,oBAAA;QAACC,MAAM,EAAER,KAAK;OAAMK,IAAI;QAAEP,GAAG,EAAEA,GAAG;QACnDC,OAAO,GAAG,CAAC,iBACV,6BAACU,gBAAmB,oBAAA,sBAClB,6BAACC,QAAO,QAAA;QAACR,OAAO,EAAEA,OAAO;QAAEH,OAAO,EAAEA,OAAO;MAAI,CAC3B,GAEtB,EAAE,AACH,gBACD,6BAACY,UAAS,QAAA,eAAKL,cAAc,EAAI,CACb,CACvB;AACH,CAAC;MAED,QAAyC,iBAA1BM,IAAAA,MAAU,WAAA,EAAChB,cAAc,CAAC"}

package/dist/cjs/input/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/InputGroup.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { InputMessageStyle } from './InputStyles'\nimport { InputGroupStyle, InputGroupContentStyle } from './InputGroupStyles'\nimport { InputGroupProps } from './types'\n\nfunction InputGroup(\n  props: InputGroupProps,\n  ref?: ForwardedRef<HTMLSpanElement>\n) {\n  const { fullwidth = false, error, success, children, ...rest } = props\n\n  const hasError = !!error\n  const hasSuccess = !!success && !error\n\n  return (\n    <InputGroupStyle $fullwidth={fullwidth} {...rest} ref={ref}>\n      <InputGroupContentStyle>{children}</InputGroupContentStyle>\n      {hasError && (\n        <InputMessageStyle $variant='error'>{error}</InputMessageStyle>\n      )}\n      {hasSuccess && (\n        <InputMessageStyle $variant='success'>{success}</InputMessageStyle>\n      )}\n    </InputGroupStyle>\n  )\n}\n\nexport default forwardRef(InputGroup)\n"],"names":["InputGroup","props","ref","fullwidth","error","success","children","rest","hasError","hasSuccess","InputGroupStyle","$fullwidth","InputGroupContentStyle","InputMessageStyle","$variant","forwardRef"],"mappings":"AAAA;;;;+BA2BA,SAAqC;;aAArC,QAAqC;;;;6DA3BW,OAAO;6BACrB,eAAe;kCACO,oBAAoB;AAG5E,SAASA,UAAU,CACjBC,KAAsB,EACtBC,GAAmC,EACnC;IACA,MAAM,EAAEC,SAAS,EAAG,KAAK,CAAA,EAAEC,KAAK,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGN,KAAK;IAEtE,MAAMO,QAAQ,GAAG,CAAC,CAACJ,KAAK;IACxB,MAAMK,UAAU,GAAG,CAAC,CAACJ,OAAO,IAAI,CAACD,KAAK;IAEtC,qBACE,6BAACM,iBAAe,gBAAA;QAACC,UAAU,EAAER,SAAS;OAAMI,IAAI;QAAEL,GAAG,EAAEA,GAAG;sBACxD,6BAACU,iBAAsB,uBAAA,QAAEN,QAAQ,CAA0B,EAC1DE,QAAQ,kBACP,6BAACK,YAAiB,kBAAA;QAACC,QAAQ,EAAC,OAAO;OAAEV,KAAK,CAAqB,AAChE,EACAK,UAAU,kBACT,6BAACI,YAAiB,kBAAA;QAACC,QAAQ,EAAC,SAAS;OAAET,OAAO,CAAqB,AACpE,CACe,CACnB;AACH,CAAC;MAED,QAAqC,iBAAtBU,IAAAA,MAAU,WAAA,EAACf,UAAU,CAAC"}
+{"version":3,"sources":["../../../packages/input/InputGroup.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { InputMessageStyle } from './InputStyles'\nimport { InputGroupStyle, InputGroupContentStyle } from './InputGroupStyles'\nimport { InputGroupProps } from './types'\n\nfunction InputGroup(\n  props: InputGroupProps,\n  ref?: ForwardedRef<HTMLSpanElement>,\n) {\n  const { fullwidth = false, error, success, children, ...rest } = props\n\n  const hasError = !!error\n  const hasSuccess = !!success && !error\n\n  return (\n    <InputGroupStyle $fullwidth={fullwidth} {...rest} ref={ref}>\n      <InputGroupContentStyle>{children}</InputGroupContentStyle>\n      {hasError && (\n        <InputMessageStyle $variant='error'>{error}</InputMessageStyle>\n      )}\n      {hasSuccess && (\n        <InputMessageStyle $variant='success'>{success}</InputMessageStyle>\n      )}\n    </InputGroupStyle>\n  )\n}\n\nexport default forwardRef(InputGroup)\n"],"names":["InputGroup","props","ref","fullwidth","error","success","children","rest","hasError","hasSuccess","InputGroupStyle","$fullwidth","InputGroupContentStyle","InputMessageStyle","$variant","forwardRef"],"mappings":"AAAA;;;;+BA2BA,SAAqC;;aAArC,QAAqC;;;;6DA3BW,OAAO;6BACrB,eAAe;kCACO,oBAAoB;AAG5E,SAASA,UAAU,CACjBC,KAAsB,EACtBC,GAAmC,EACnC;IACA,MAAM,EAAEC,SAAS,EAAG,KAAK,CAAA,EAAEC,KAAK,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGN,KAAK;IAEtE,MAAMO,QAAQ,GAAG,CAAC,CAACJ,KAAK;IACxB,MAAMK,UAAU,GAAG,CAAC,CAACJ,OAAO,IAAI,CAACD,KAAK;IAEtC,qBACE,6BAACM,iBAAe,gBAAA;QAACC,UAAU,EAAER,SAAS;OAAMI,IAAI;QAAEL,GAAG,EAAEA,GAAG;sBACxD,6BAACU,iBAAsB,uBAAA,QAAEN,QAAQ,CAA0B,EAC1DE,QAAQ,kBACP,6BAACK,YAAiB,kBAAA;QAACC,QAAQ,EAAC,OAAO;OAAEV,KAAK,CAAqB,AAChE,EACAK,UAAU,kBACT,6BAACI,YAAiB,kBAAA;QAACC,QAAQ,EAAC,SAAS;OAAET,OAAO,CAAqB,AACpE,CACe,CACnB;AACH,CAAC;MAED,QAAqC,iBAAtBU,IAAAA,MAAU,WAAA,EAACf,UAAU,CAAC"}

package/dist/cjs/input/SliderInputStyles.js

@@ -49,7 +49,9 @@ const RangeInputSlider = _styledComponents.default.input.attrs({
     width: 18px;
     height: 18px;
     background: #ffffff;
-    box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 13px rgba(0, 0, 0, 0.12);
+    box-shadow:
+      0 0.5px 4px rgba(0, 0, 0, 0.12),
+      0 6px 13px rgba(0, 0, 0, 0.12);
     border: 0;
     border-radius: 50px;
     cursor: pointer;

package/dist/cjs/input/SliderInputStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/SliderInputStyles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const RangeInputSlider = styled.input.attrs({ type: 'range' })`\n  width: 100%;\n  background-color: transparent;\n  -webkit-appearance: none;\n  position: absolute;\n  margin: 0;\n  top: 56px;\n  left: 0;\n  right: 0;\n\n  &:focus {\n    outline: none;\n  }\n\n  &::-webkit-slider-runnable-track {\n    background: transparent;\n    border: 0;\n    border-radius: 10px;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n\n  &::-webkit-slider-thumb {\n    margin-top: -8px;\n    width: 18px;\n    height: 18px;\n    background: #ffffff;\n    box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 13px rgba(0, 0, 0, 0.12);\n    border: 0;\n    border-radius: 50px;\n    cursor: pointer;\n    -webkit-appearance: none;\n  }\n\n  &::-moz-range-track {\n    background: #00a3ff;\n    border: 0;\n    border-radius: 10px;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n\n  &::-moz-range-thumb {\n    width: 18px;\n    height: 18px;\n    background: #ffffff;\n    border: 0;\n    border-radius: 50px;\n    cursor: pointer;\n  }\n\n  &::-ms-track {\n    background: transparent;\n    color: transparent;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n`\n\nexport const Track = styled.div<{\n  fillPercentage: number\n  borderNone?: boolean\n}>`\n  height: 1px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: var(--lido-color-border);\n\n  ${(props) =>\n    props.borderNone &&\n    `\n    background: none;\n    `};\n\n  &:before {\n    content: '';\n    position: absolute;\n    display: block;\n    height: 2px;\n    bottom: 0;\n    left: 0;\n    background: var(--lido-color-primary);\n    width: ${(props) => props.fillPercentage || 0}%;\n  }\n`\n\nexport const Slider = styled.div<{\n  borderNone?: boolean\n}>`\n  position: relative;\n  height: 56px;\n  padding: 16px 20px;\n  box-sizing: border-box;\n\n  background: var(--lido-color-accentControlBg);\n  border-right: 1px solid var(--lido-color-border);\n  border-left: 1px solid var(--lido-color-border);\n  border-top: 1px solid var(--lido-color-border);\n\n  ${(props) =>\n    props.borderNone &&\n    `\n    border-right: none;\n    border-left: none;\n    border-top: none;\n    `};\n\n  border-radius: 10px;\n  overflow: hidden;\n`\n\nexport const SliderWrapper = styled.div`\n  position: relative;\n`\n\nexport const LabelContainer = styled.div`\n  display: flex;\n  justify-content: space-between;\n  margin-top: 8px;\n`\n\nexport const Label = styled.span`\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--lido-color-text);\n  opacity: 0.5;\n`\n\nexport const LabelButton = styled.button`\n  border: none;\n  background-color: transparent;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--lido-color-text);\n  opacity: 0.5;\n  cursor: pointer;\n`\n"],"names":["RangeInputSlider","Track","Slider","SliderWrapper","LabelContainer","Label","LabelButton","styled","input","attrs","type","div","props","borderNone","fillPercentage","span","button"],"mappings":"AAAA;;;;;;;;;;;IAEaA,gBAAgB,MAAhBA,gBAAgB;IA8DhBC,KAAK,MAALA,KAAK;IA6BLC,MAAM,MAANA,MAAM;IAyBNC,aAAa,MAAbA,aAAa;IAIbC,cAAc,MAAdA,cAAc;IAMdC,KAAK,MAALA,KAAK;IASLC,WAAW,MAAXA,WAAW;;;uEAzIL,mBAAmB;AAE/B,MAAMN,gBAAgB,GAAGO,iBAAM,QAAA,CAACC,KAAK,CAACC,KAAK,CAAC;IAAEC,IAAI,EAAE,OAAO;CAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DtE,CAAC;AAEM,MAAMT,KAAK,GAAGM,iBAAM,QAAA,CAACI,GAAG,AAG7B,CAAC;;;;;;;;EAQD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;IAED,CAAC,CAAC;;;;;;;;;;WAUK,EAAE,CAACD,KAAK,GAAKA,KAAK,CAACE,cAAc,IAAI,CAAC,CAAC;;AAElD,CAAC;AAEM,MAAMZ,MAAM,GAAGK,iBAAM,QAAA,CAACI,GAAG,AAE9B,CAAC;;;;;;;;;;;EAWD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;;;IAID,CAAC,CAAC;;;;AAIN,CAAC;AAEM,MAAMV,aAAa,GAAGI,iBAAM,QAAA,CAACI,GAAG,CAAC;;AAExC,CAAC;AAEM,MAAMP,cAAc,GAAGG,iBAAM,QAAA,CAACI,GAAG,CAAC;;;;AAIzC,CAAC;AAEM,MAAMN,KAAK,GAAGE,iBAAM,QAAA,CAACQ,IAAI,CAAC;;;;;;;AAOjC,CAAC;AAEM,MAAMT,WAAW,GAAGC,iBAAM,QAAA,CAACS,MAAM,CAAC;;;;;;;;;;AAUzC,CAAC"}
+{"version":3,"sources":["../../../packages/input/SliderInputStyles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const RangeInputSlider = styled.input.attrs({ type: 'range' })`\n  width: 100%;\n  background-color: transparent;\n  -webkit-appearance: none;\n  position: absolute;\n  margin: 0;\n  top: 56px;\n  left: 0;\n  right: 0;\n\n  &:focus {\n    outline: none;\n  }\n\n  &::-webkit-slider-runnable-track {\n    background: transparent;\n    border: 0;\n    border-radius: 10px;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n\n  &::-webkit-slider-thumb {\n    margin-top: -8px;\n    width: 18px;\n    height: 18px;\n    background: #ffffff;\n    box-shadow:\n      0 0.5px 4px rgba(0, 0, 0, 0.12),\n      0 6px 13px rgba(0, 0, 0, 0.12);\n    border: 0;\n    border-radius: 50px;\n    cursor: pointer;\n    -webkit-appearance: none;\n  }\n\n  &::-moz-range-track {\n    background: #00a3ff;\n    border: 0;\n    border-radius: 10px;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n\n  &::-moz-range-thumb {\n    width: 18px;\n    height: 18px;\n    background: #ffffff;\n    border: 0;\n    border-radius: 50px;\n    cursor: pointer;\n  }\n\n  &::-ms-track {\n    background: transparent;\n    color: transparent;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n`\n\nexport const Track = styled.div<{\n  fillPercentage: number\n  borderNone?: boolean\n}>`\n  height: 1px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: var(--lido-color-border);\n\n  ${(props) =>\n    props.borderNone &&\n    `\n    background: none;\n    `};\n\n  &:before {\n    content: '';\n    position: absolute;\n    display: block;\n    height: 2px;\n    bottom: 0;\n    left: 0;\n    background: var(--lido-color-primary);\n    width: ${(props) => props.fillPercentage || 0}%;\n  }\n`\n\nexport const Slider = styled.div<{\n  borderNone?: boolean\n}>`\n  position: relative;\n  height: 56px;\n  padding: 16px 20px;\n  box-sizing: border-box;\n\n  background: var(--lido-color-accentControlBg);\n  border-right: 1px solid var(--lido-color-border);\n  border-left: 1px solid var(--lido-color-border);\n  border-top: 1px solid var(--lido-color-border);\n\n  ${(props) =>\n    props.borderNone &&\n    `\n    border-right: none;\n    border-left: none;\n    border-top: none;\n    `};\n\n  border-radius: 10px;\n  overflow: hidden;\n`\n\nexport const SliderWrapper = styled.div`\n  position: relative;\n`\n\nexport const LabelContainer = styled.div`\n  display: flex;\n  justify-content: space-between;\n  margin-top: 8px;\n`\n\nexport const Label = styled.span`\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--lido-color-text);\n  opacity: 0.5;\n`\n\nexport const LabelButton = styled.button`\n  border: none;\n  background-color: transparent;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--lido-color-text);\n  opacity: 0.5;\n  cursor: pointer;\n`\n"],"names":["RangeInputSlider","Track","Slider","SliderWrapper","LabelContainer","Label","LabelButton","styled","input","attrs","type","div","props","borderNone","fillPercentage","span","button"],"mappings":"AAAA;;;;;;;;;;;IAEaA,gBAAgB,MAAhBA,gBAAgB;IAgEhBC,KAAK,MAALA,KAAK;IA6BLC,MAAM,MAANA,MAAM;IAyBNC,aAAa,MAAbA,aAAa;IAIbC,cAAc,MAAdA,cAAc;IAMdC,KAAK,MAALA,KAAK;IASLC,WAAW,MAAXA,WAAW;;;uEA3IL,mBAAmB;AAE/B,MAAMN,gBAAgB,GAAGO,iBAAM,QAAA,CAACC,KAAK,CAACC,KAAK,CAAC;IAAEC,IAAI,EAAE,OAAO;CAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DtE,CAAC;AAEM,MAAMT,KAAK,GAAGM,iBAAM,QAAA,CAACI,GAAG,AAG7B,CAAC;;;;;;;;EAQD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;IAED,CAAC,CAAC;;;;;;;;;;WAUK,EAAE,CAACD,KAAK,GAAKA,KAAK,CAACE,cAAc,IAAI,CAAC,CAAC;;AAElD,CAAC;AAEM,MAAMZ,MAAM,GAAGK,iBAAM,QAAA,CAACI,GAAG,AAE9B,CAAC;;;;;;;;;;;EAWD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;;;IAID,CAAC,CAAC;;;;AAIN,CAAC;AAEM,MAAMV,aAAa,GAAGI,iBAAM,QAAA,CAACI,GAAG,CAAC;;AAExC,CAAC;AAEM,MAAMP,cAAc,GAAGG,iBAAM,QAAA,CAACI,GAAG,CAAC;;;;AAIzC,CAAC;AAEM,MAAMN,KAAK,GAAGE,iBAAM,QAAA,CAACQ,IAAI,CAAC;;;;;;;AAOjC,CAAC;AAEM,MAAMT,WAAW,GAAGC,iBAAM,QAAA,CAACS,MAAM,CAAC;;;;;;;;;;AAUzC,CAAC"}

package/dist/cjs/loaders/InlineLoader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/loaders/InlineLoader.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoaderProps } from './types'\nimport { InlineLoaderStyle } from './InlineLoaderStyles'\n\nfunction InlineLoader(\n  props: InlineLoaderProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const { color, ...rest } = props\n  const heightAdjuster = <>&nbsp;</>\n\n  return (\n    <InlineLoaderStyle $color={color} {...rest} ref={ref}>\n      {heightAdjuster}\n    </InlineLoaderStyle>\n  )\n}\n\nexport default forwardRef(InlineLoader)\n"],"names":["InlineLoader","props","ref","color","rest","heightAdjuster","InlineLoaderStyle","$color","forwardRef"],"mappings":"AAAA;;;;+BAkBA,SAAuC;;aAAvC,QAAuC;;;;6DAlBS,OAAO;oCAErB,sBAAsB;AAExD,SAASA,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,KAAK,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAChC,MAAMI,cAAc,iBAAG,4DAAE,MAAM,CAAG;IAElC,qBACE,6BAACC,mBAAiB,kBAAA;QAACC,MAAM,EAAEJ,KAAK;OAAMC,IAAI;QAAEF,GAAG,EAAEA,GAAG;QACjDG,cAAc,CACG,CACrB;AACH,CAAC;MAED,QAAuC,iBAAxBG,IAAAA,MAAU,WAAA,EAACR,YAAY,CAAC"}
+{"version":3,"sources":["../../../packages/loaders/InlineLoader.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoaderProps } from './types'\nimport { InlineLoaderStyle } from './InlineLoaderStyles'\n\nfunction InlineLoader(\n  props: InlineLoaderProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const { color, ...rest } = props\n  const heightAdjuster = <>&nbsp;</>\n\n  return (\n    <InlineLoaderStyle $color={color} {...rest} ref={ref}>\n      {heightAdjuster}\n    </InlineLoaderStyle>\n  )\n}\n\nexport default forwardRef(InlineLoader)\n"],"names":["InlineLoader","props","ref","color","rest","heightAdjuster","InlineLoaderStyle","$color","forwardRef"],"mappings":"AAAA;;;;+BAkBA,SAAuC;;aAAvC,QAAuC;;;;6DAlBS,OAAO;oCAErB,sBAAsB;AAExD,SAASA,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,KAAK,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAChC,MAAMI,cAAc,iBAAG,4DAAE,MAAM,CAAG;IAElC,qBACE,6BAACC,mBAAiB,kBAAA;QAACC,MAAM,EAAEJ,KAAK;OAAMC,IAAI;QAAEF,GAAG,EAAEA,GAAG;QACjDG,cAAc,CACG,CACrB;AACH,CAAC;MAED,QAAuC,iBAAxBG,IAAAA,MAAU,WAAA,EAACR,YAAY,CAAC"}

package/dist/cjs/loaders/InlineLoaderStyles.js

@@ -46,13 +46,10 @@ const InlineLoaderStyle = _styledComponents.default.span`
     var(--loader-color) 100%
   );
 
-  &:after {
+  &::after {
     content: '';
     position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+    inset: 0;
     background: var(--loader-color);
     opacity: 0.2;
   }

package/dist/cjs/loaders/InlineLoaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/loaders/InlineLoaderStyles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { InlineLoaderColors } from './types'\n\nexport const translation = keyframes`\n  100% {\n    background-position: 0 0;\n  }\n`\n\nexport const InlineLoaderStyle = styled.span<{ $color?: InlineLoaderColors }>`\n  --loader-color: ${({ $color }) =>\n    $color ? `var(--lido-color-${$color})` : 'currentColor'};\n\n  width: 100%;\n  display: inline-block;\n  vertical-align: top;\n  border-radius: 1000px;\n  position: relative;\n  overflow: hidden;\n  user-select: none;\n  opacity: 0.05;\n  animation: ${translation} 2s infinite;\n  background-size: 300% 100%;\n  background-position: 100% 0;\n  background-image: linear-gradient(\n    90deg,\n    var(--loader-color) 0,\n    var(--loader-color) 33.33%,\n    transparent 44.44%,\n    transparent 55.55%,\n    var(--loader-color) 66.66%,\n    var(--loader-color) 100%\n  );\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: var(--loader-color);\n    opacity: 0.2;\n  }\n`\n"],"names":["translation","InlineLoaderStyle","keyframes","styled","span","$color"],"mappings":"AAAA;;;;;;;;;;;IAGaA,WAAW,MAAXA,WAAW;IAMXC,iBAAiB,MAAjBA,iBAAiB;;;wEATI,mBAAmB;AAG9C,MAAMD,WAAW,GAAGE,IAAAA,iBAAS,UAAA,CAAA,CAAC;;;;AAIrC,CAAC;AAEM,MAAMD,iBAAiB,GAAGE,iBAAM,QAAA,CAACC,IAAI,AAAiC,CAAC;kBAC5D,EAAE,SAChBC;QADiB,EAAEA,MAAM,CAAA,EAAE;WAC3BA,MAAM,GAAG,CAAC,iBAAiB,EAAEA,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc;AAAD,CAAC,CAAC;;;;;;;;;;aAU/C,EAAEL,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;AAuB3B,CAAC"}
+{"version":3,"sources":["../../../packages/loaders/InlineLoaderStyles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { InlineLoaderColors } from './types'\n\nexport const translation = keyframes`\n  100% {\n    background-position: 0 0;\n  }\n`\n\nexport const InlineLoaderStyle = styled.span<{ $color?: InlineLoaderColors }>`\n  --loader-color: ${({ $color }) =>\n    $color ? `var(--lido-color-${$color})` : 'currentColor'};\n\n  width: 100%;\n  display: inline-block;\n  vertical-align: top;\n  border-radius: 1000px;\n  position: relative;\n  overflow: hidden;\n  user-select: none;\n  opacity: 0.05;\n  animation: ${translation} 2s infinite;\n  background-size: 300% 100%;\n  background-position: 100% 0;\n  background-image: linear-gradient(\n    90deg,\n    var(--loader-color) 0,\n    var(--loader-color) 33.33%,\n    transparent 44.44%,\n    transparent 55.55%,\n    var(--loader-color) 66.66%,\n    var(--loader-color) 100%\n  );\n\n  &::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--loader-color);\n    opacity: 0.2;\n  }\n`\n"],"names":["translation","InlineLoaderStyle","keyframes","styled","span","$color"],"mappings":"AAAA;;;;;;;;;;;IAGaA,WAAW,MAAXA,WAAW;IAMXC,iBAAiB,MAAjBA,iBAAiB;;;wEATI,mBAAmB;AAG9C,MAAMD,WAAW,GAAGE,IAAAA,iBAAS,UAAA,CAAA,CAAC;;;;AAIrC,CAAC;AAEM,MAAMD,iBAAiB,GAAGE,iBAAM,QAAA,CAACC,IAAI,AAAiC,CAAC;kBAC5D,EAAE,SAChBC;QADiB,EAAEA,MAAM,CAAA,EAAE;WAC3BA,MAAM,GAAG,CAAC,iBAAiB,EAAEA,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc;AAAD,CAAC,CAAC;;;;;;;;;;aAU/C,EAAEL,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;AAoB3B,CAAC"}

package/dist/cjs/loaders/LoaderStyles.js

@@ -37,13 +37,13 @@ const LoaderStyle = _styledComponents.default.div`
 `;
 const LoaderCircleBgStyle = _styledComponents.default.circle`
   fill: none;
-  stroke: currentColor;
+  stroke: currentcolor;
   stroke-width: ${(props)=>props.$thickness};
   opacity: 0.2;
 `;
 const LoaderCircleFgStyle = _styledComponents.default.circle`
   fill: none;
-  stroke: currentColor;
+  stroke: currentcolor;
   stroke-linecap: round;
   stroke-width: ${(props)=>props.$thickness};
   stroke-dasharray: ${(props)=>{

package/dist/cjs/loaders/LoaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/loaders/LoaderStyles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderColors } from './types'\n\nexport const rotation = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const LoaderStyle = styled.div<{\n  $size: number\n  $color: LoaderColors\n}>`\n  margin: 0;\n  padding: 0;\n  line-height: 0;\n  width: ${(props) => props.$size}px;\n  height: ${(props) => props.$size}px;\n  color: ${({ $color }) => `var(--lido-color-${$color})`};\n`\n\nexport const LoaderCircleBgStyle = styled.circle<{ $thickness: number }>`\n  fill: none;\n  stroke: currentColor;\n  stroke-width: ${(props) => props.$thickness};\n  opacity: 0.2;\n`\n\nexport const LoaderCircleFgStyle = styled.circle<{\n  $thickness: number\n  r: number\n}>`\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-width: ${(props) => props.$thickness};\n  stroke-dasharray: ${(props) => {\n    const circumference = 2 * props.r * Math.PI\n    const filledPart = 0.25\n\n    return `${circumference * filledPart} ${circumference * (1 - filledPart)}`\n  }};\n  transform: rotate(0deg);\n  transform-origin: 50% 50%;\n  animation: ${rotation} 1.4s linear infinite;\n`\n"],"names":["rotation","LoaderStyle","LoaderCircleBgStyle","LoaderCircleFgStyle","keyframes","styled","div","props","$size","$color","circle","$thickness","circumference","r","Math","PI","filledPart"],"mappings":"AAAA;;;;;;;;;;;IAGaA,QAAQ,MAARA,QAAQ;IASRC,WAAW,MAAXA,WAAW;IAYXC,mBAAmB,MAAnBA,mBAAmB;IAOnBC,mBAAmB,MAAnBA,mBAAmB;;;wEA/BE,mBAAmB;AAG9C,MAAMH,QAAQ,GAAGI,IAAAA,iBAAS,UAAA,CAAA,CAAC;;;;;;;AAOlC,CAAC;AAEM,MAAMH,WAAW,GAAGI,iBAAM,QAAA,CAACC,GAAG,AAGnC,CAAC;;;;SAIM,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,KAAK,CAAC;UACxB,EAAE,CAACD,KAAK,GAAKA,KAAK,CAACC,KAAK,CAAC;SAC1B,EAAE,SAAgB;QAAf,EAAEC,MAAM,CAAA,EAAE;WAAK,CAAC,iBAAiB,EAAEA,MAAM,CAAC,CAAC,CAAC;AAAD,CAAC,CAAC;AACzD,CAAC;AAEM,MAAMP,mBAAmB,GAAGG,iBAAM,QAAA,CAACK,MAAM,AAAwB,CAAC;;;gBAGzD,EAAE,CAACH,KAAK,GAAKA,KAAK,CAACI,UAAU,CAAC;;AAE9C,CAAC;AAEM,MAAMR,mBAAmB,GAAGE,iBAAM,QAAA,CAACK,MAAM,AAG9C,CAAC;;;;gBAIa,EAAE,CAACH,KAAK,GAAKA,KAAK,CAACI,UAAU,CAAC;oBAC1B,EAAE,CAACJ,KAAK,GAAK;IAC7B,MAAMK,aAAa,GAAG,CAAC,GAAGL,KAAK,CAACM,CAAC,GAAGC,IAAI,CAACC,EAAE;IAC3C,MAAMC,UAAU,GAAG,IAAI;IAEvB,OAAO,CAAC,EAAEJ,aAAa,GAAGI,UAAU,CAAC,CAAC,EAAEJ,aAAa,GAAG,CAAC,CAAC,GAAGI,UAAU,CAAC,CAAC,CAAC,CAAA;AAC5E,CAAC,CAAC;;;aAGS,EAAEhB,QAAQ,CAAC;AACxB,CAAC"}
+{"version":3,"sources":["../../../packages/loaders/LoaderStyles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderColors } from './types'\n\nexport const rotation = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const LoaderStyle = styled.div<{\n  $size: number\n  $color: LoaderColors\n}>`\n  margin: 0;\n  padding: 0;\n  line-height: 0;\n  width: ${(props) => props.$size}px;\n  height: ${(props) => props.$size}px;\n  color: ${({ $color }) => `var(--lido-color-${$color})`};\n`\n\nexport const LoaderCircleBgStyle = styled.circle<{ $thickness: number }>`\n  fill: none;\n  stroke: currentcolor;\n  stroke-width: ${(props) => props.$thickness};\n  opacity: 0.2;\n`\n\nexport const LoaderCircleFgStyle = styled.circle<{\n  $thickness: number\n  r: number\n}>`\n  fill: none;\n  stroke: currentcolor;\n  stroke-linecap: round;\n  stroke-width: ${(props) => props.$thickness};\n  stroke-dasharray: ${(props) => {\n    const circumference = 2 * props.r * Math.PI\n    const filledPart = 0.25\n\n    return `${circumference * filledPart} ${circumference * (1 - filledPart)}`\n  }};\n  transform: rotate(0deg);\n  transform-origin: 50% 50%;\n  animation: ${rotation} 1.4s linear infinite;\n`\n"],"names":["rotation","LoaderStyle","LoaderCircleBgStyle","LoaderCircleFgStyle","keyframes","styled","div","props","$size","$color","circle","$thickness","circumference","r","Math","PI","filledPart"],"mappings":"AAAA;;;;;;;;;;;IAGaA,QAAQ,MAARA,QAAQ;IASRC,WAAW,MAAXA,WAAW;IAYXC,mBAAmB,MAAnBA,mBAAmB;IAOnBC,mBAAmB,MAAnBA,mBAAmB;;;wEA/BE,mBAAmB;AAG9C,MAAMH,QAAQ,GAAGI,IAAAA,iBAAS,UAAA,CAAA,CAAC;;;;;;;AAOlC,CAAC;AAEM,MAAMH,WAAW,GAAGI,iBAAM,QAAA,CAACC,GAAG,AAGnC,CAAC;;;;SAIM,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,KAAK,CAAC;UACxB,EAAE,CAACD,KAAK,GAAKA,KAAK,CAACC,KAAK,CAAC;SAC1B,EAAE,SAAgB;QAAf,EAAEC,MAAM,CAAA,EAAE;WAAK,CAAC,iBAAiB,EAAEA,MAAM,CAAC,CAAC,CAAC;AAAD,CAAC,CAAC;AACzD,CAAC;AAEM,MAAMP,mBAAmB,GAAGG,iBAAM,QAAA,CAACK,MAAM,AAAwB,CAAC;;;gBAGzD,EAAE,CAACH,KAAK,GAAKA,KAAK,CAACI,UAAU,CAAC;;AAE9C,CAAC;AAEM,MAAMR,mBAAmB,GAAGE,iBAAM,QAAA,CAACK,MAAM,AAG9C,CAAC;;;;gBAIa,EAAE,CAACH,KAAK,GAAKA,KAAK,CAACI,UAAU,CAAC;oBAC1B,EAAE,CAACJ,KAAK,GAAK;IAC7B,MAAMK,aAAa,GAAG,CAAC,GAAGL,KAAK,CAACM,CAAC,GAAGC,IAAI,CAACC,EAAE;IAC3C,MAAMC,UAAU,GAAG,IAAI;IAEvB,OAAO,CAAC,EAAEJ,aAAa,GAAGI,UAAU,CAAC,CAAC,EAAEJ,aAAa,GAAG,CAAC,CAAC,GAAGI,UAAU,CAAC,CAAC,CAAC,CAAA;AAC5E,CAAC,CAAC;;;aAGS,EAAEhB,QAAQ,CAAC;AACxB,CAAC"}

package/dist/cjs/main-menu/MainMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/main-menu/MainMenuItem.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuItemProps } from './types'\nimport { NavLink } from './MainMenuItemStyles'\n\nfunction MainMenuItem(\n  props: MainMenuItemProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const { icon, children, active, ...restProps } = props\n  return (\n    <NavLink ref={ref} active={Boolean(active)} {...restProps}>\n      {icon}\n      <span>{children}</span>\n    </NavLink>\n  )\n}\n\nexport default forwardRef(MainMenuItem)\n"],"names":["MainMenuItem","props","ref","icon","children","active","restProps","NavLink","Boolean","span","forwardRef"],"mappings":"AAAA;;;;+BAiBA,SAAuC;;aAAvC,QAAuC;;;;6DAjBS,OAAO;oCAE/B,sBAAsB;AAE9C,SAASA,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,IAAI,CAAA,EAAEC,QAAQ,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGC,SAAS,EAAE,GAAGL,KAAK;IACtD,qBACE,6BAACM,mBAAO,QAAA;QAACL,GAAG,EAAEA,GAAG;QAAEG,MAAM,EAAEG,OAAO,CAACH,MAAM,CAAC;OAAMC,SAAS,GACtDH,IAAI,gBACL,6BAACM,MAAI,QAAEL,QAAQ,CAAQ,CACf,CACX;AACH,CAAC;MAED,QAAuC,iBAAxBM,IAAAA,MAAU,WAAA,EAACV,YAAY,CAAC"}
+{"version":3,"sources":["../../../packages/main-menu/MainMenuItem.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuItemProps } from './types'\nimport { NavLink } from './MainMenuItemStyles'\n\nfunction MainMenuItem(\n  props: MainMenuItemProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const { icon, children, active, ...restProps } = props\n  return (\n    <NavLink ref={ref} active={Boolean(active)} {...restProps}>\n      {icon}\n      <span>{children}</span>\n    </NavLink>\n  )\n}\n\nexport default forwardRef(MainMenuItem)\n"],"names":["MainMenuItem","props","ref","icon","children","active","restProps","NavLink","Boolean","span","forwardRef"],"mappings":"AAAA;;;;+BAiBA,SAAuC;;aAAvC,QAAuC;;;;6DAjBS,OAAO;oCAE/B,sBAAsB;AAE9C,SAASA,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,IAAI,CAAA,EAAEC,QAAQ,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGC,SAAS,EAAE,GAAGL,KAAK;IACtD,qBACE,6BAACM,mBAAO,QAAA;QAACL,GAAG,EAAEA,GAAG;QAAEG,MAAM,EAAEG,OAAO,CAACH,MAAM,CAAC;OAAMC,SAAS,GACtDH,IAAI,gBACL,6BAACM,MAAI,QAAEL,QAAQ,CAAQ,CACf,CACX;AACH,CAAC;MAED,QAAuC,iBAAxBM,IAAAA,MAAU,WAAA,EAACV,YAAY,CAAC"}

package/dist/cjs/main-menu/MainMenuStyles.js

@@ -48,6 +48,7 @@ const Nav = _styledComponents.default.div`
 }} {
     ${mobileCss}
   }
+
   z-index: 5;
 `;
 

package/dist/cjs/main-menu/MainMenuStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/main-menu/MainMenuStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nexport const desktopCss = css`\n  margin: 0 46px;\n  display: flex;\n\n  svg {\n    margin-right: 10px;\n  }\n`\n\nconst mobileCss = css`\n  margin: 0;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 8px;\n  background-color: var(--lido-color-foreground);\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  border-top: 1px solid var(--lido-color-border);\n\n  svg {\n    margin-right: 0;\n    margin-bottom: 7px;\n  }\n`\n\nexport const Nav = styled.div`\n  ${desktopCss}\n  ${({ theme }) => theme.mediaQueries.md} {\n    ${mobileCss}\n  }\n  z-index: 5;\n`\n"],"names":["desktopCss","Nav","css","mobileCss","styled","div","theme","mediaQueries","md"],"mappings":"AAAA;;;;;;;;;;;IACaA,UAAU,MAAVA,UAAU;IA4BVC,GAAG,MAAHA,GAAG;;;wEA7BY,mBAAmB;AACxC,MAAMD,UAAU,GAAGE,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;;AAO9B,CAAC;AAED,MAAMC,SAAS,GAAGD,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;;;;;;;;;;;;AAiBtB,CAAC;AAEM,MAAMD,GAAG,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;EAC5B,EAAEL,UAAU,CAAC;EACb,EAAE,SAAeM;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;IACrC,EAAEL,SAAS,CAAC;;;AAGhB,CAAC"}
+{"version":3,"sources":["../../../packages/main-menu/MainMenuStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nexport const desktopCss = css`\n  margin: 0 46px;\n  display: flex;\n\n  svg {\n    margin-right: 10px;\n  }\n`\n\nconst mobileCss = css`\n  margin: 0;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 8px;\n  background-color: var(--lido-color-foreground);\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  border-top: 1px solid var(--lido-color-border);\n\n  svg {\n    margin-right: 0;\n    margin-bottom: 7px;\n  }\n`\n\nexport const Nav = styled.div`\n  ${desktopCss}\n  ${({ theme }) => theme.mediaQueries.md} {\n    ${mobileCss}\n  }\n\n  z-index: 5;\n`\n"],"names":["desktopCss","Nav","css","mobileCss","styled","div","theme","mediaQueries","md"],"mappings":"AAAA;;;;;;;;;;;IACaA,UAAU,MAAVA,UAAU;IA4BVC,GAAG,MAAHA,GAAG;;;wEA7BY,mBAAmB;AACxC,MAAMD,UAAU,GAAGE,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;;AAO9B,CAAC;AAED,MAAMC,SAAS,GAAGD,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;;;;;;;;;;;;AAiBtB,CAAC;AAEM,MAAMD,GAAG,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;EAC5B,EAAEL,UAAU,CAAC;EACb,EAAE,SAAeM;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;IACrC,EAAEL,SAAS,CAAC;;;;AAIhB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/modal/ModalButton.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\n\nimport { ModalButtonStyle, ModalButtonContentStyle } from './ModalButtonStyles'\nimport { ModalButtonIconProps } from './types'\n\nconst iconSize = {\n  xxs: {\n    width: '16px',\n    height: '16px',\n  },\n  xs: {\n    width: '24px',\n    height: '24px',\n  },\n  sm: {\n    width: '32px',\n    height: '32px',\n  },\n  md: {\n    width: '48px',\n    height: '48px',\n  },\n  lg: {\n    width: '64px',\n    height: '64px',\n  },\n}\n\nfunction ModalButton(\n  props: ModalButtonIconProps,\n  ref?: ForwardedRef<HTMLButtonElement>\n) {\n  const { size = 'md', loading = false, children, icon } = props\n\n  const AdaptiveIconProps =\n    icon.props.width || icon.props.height ? icon.props : { ...iconSize[size] }\n  const AdaptiveIcon = React.cloneElement(icon, AdaptiveIconProps)\n\n  return (\n    <ModalButtonStyle\n      type='button'\n      size={size}\n      loading={loading}\n      ref={ref}\n      {...props}\n    >\n      <ModalButtonContentStyle>\n        {children} {AdaptiveIcon}\n      </ModalButtonContentStyle>\n    </ModalButtonStyle>\n  )\n}\n\nexport default forwardRef(ModalButton)\n"],"names":["iconSize","xxs","width","height","xs","sm","md","lg","ModalButton","props","ref","size","loading","children","icon","AdaptiveIconProps","AdaptiveIcon","React","cloneElement","ModalButtonStyle","type","ModalButtonContentStyle","forwardRef"],"mappings":"AAAA;;;;+BAqDA,SAAsC;;aAAtC,QAAsC;;;;6DArDU,OAAO;mCAEG,qBAAqB;AAG/E,MAAMA,QAAQ,GAAG;IACfC,GAAG,EAAE;QACHC,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDC,EAAE,EAAE;QACFF,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDE,EAAE,EAAE;QACFH,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDG,EAAE,EAAE;QACFJ,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDI,EAAE,EAAE;QACFL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;CACF;AAED,SAASK,WAAW,CAClBC,KAA2B,EAC3BC,GAAqC,EACrC;IACA,MAAM,EAAEC,IAAI,EAAG,IAAI,CAAA,EAAEC,OAAO,EAAG,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAAEC,IAAI,CAAA,EAAE,GAAGL,KAAK;IAE9D,MAAMM,iBAAiB,GACrBD,IAAI,CAACL,KAAK,CAACP,KAAK,IAAIY,IAAI,CAACL,KAAK,CAACN,MAAM,GAAGW,IAAI,CAACL,KAAK,GAAG;QAAE,GAAGT,QAAQ,CAACW,IAAI,CAAC;KAAE;IAC5E,MAAMK,YAAY,iBAAGC,MAAK,QAAA,CAACC,YAAY,CAACJ,IAAI,EAAEC,iBAAiB,CAAC;IAEhE,qBACE,6BAACI,kBAAgB,iBAAA;QACfC,IAAI,EAAC,QAAQ;QACbT,IAAI,EAAEA,IAAI;QACVC,OAAO,EAAEA,OAAO;QAChBF,GAAG,EAAEA,GAAG;OACJD,KAAK,iBAET,6BAACY,kBAAuB,wBAAA,QACrBR,QAAQ,EAAC,GAAC,EAACG,YAAY,CACA,CACT,CACpB;AACH,CAAC;MAED,QAAsC,iBAAvBM,IAAAA,MAAU,WAAA,EAACd,WAAW,CAAC"}
+{"version":3,"sources":["../../../packages/modal/ModalButton.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\n\nimport { ModalButtonStyle, ModalButtonContentStyle } from './ModalButtonStyles'\nimport { ModalButtonIconProps } from './types'\n\nconst iconSize = {\n  xxs: {\n    width: '16px',\n    height: '16px',\n  },\n  xs: {\n    width: '24px',\n    height: '24px',\n  },\n  sm: {\n    width: '32px',\n    height: '32px',\n  },\n  md: {\n    width: '48px',\n    height: '48px',\n  },\n  lg: {\n    width: '64px',\n    height: '64px',\n  },\n}\n\nfunction ModalButton(\n  props: ModalButtonIconProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const { size = 'md', loading = false, children, icon } = props\n\n  const AdaptiveIconProps =\n    icon.props.width || icon.props.height ? icon.props : { ...iconSize[size] }\n  const AdaptiveIcon = React.cloneElement(icon, AdaptiveIconProps)\n\n  return (\n    <ModalButtonStyle\n      type='button'\n      size={size}\n      loading={loading}\n      ref={ref}\n      {...props}\n    >\n      <ModalButtonContentStyle>\n        {children} {AdaptiveIcon}\n      </ModalButtonContentStyle>\n    </ModalButtonStyle>\n  )\n}\n\nexport default forwardRef(ModalButton)\n"],"names":["iconSize","xxs","width","height","xs","sm","md","lg","ModalButton","props","ref","size","loading","children","icon","AdaptiveIconProps","AdaptiveIcon","React","cloneElement","ModalButtonStyle","type","ModalButtonContentStyle","forwardRef"],"mappings":"AAAA;;;;+BAqDA,SAAsC;;aAAtC,QAAsC;;;;6DArDU,OAAO;mCAEG,qBAAqB;AAG/E,MAAMA,QAAQ,GAAG;IACfC,GAAG,EAAE;QACHC,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDC,EAAE,EAAE;QACFF,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDE,EAAE,EAAE;QACFH,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDG,EAAE,EAAE;QACFJ,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;IACDI,EAAE,EAAE;QACFL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,MAAM;KACf;CACF;AAED,SAASK,WAAW,CAClBC,KAA2B,EAC3BC,GAAqC,EACrC;IACA,MAAM,EAAEC,IAAI,EAAG,IAAI,CAAA,EAAEC,OAAO,EAAG,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAAEC,IAAI,CAAA,EAAE,GAAGL,KAAK;IAE9D,MAAMM,iBAAiB,GACrBD,IAAI,CAACL,KAAK,CAACP,KAAK,IAAIY,IAAI,CAACL,KAAK,CAACN,MAAM,GAAGW,IAAI,CAACL,KAAK,GAAG;QAAE,GAAGT,QAAQ,CAACW,IAAI,CAAC;KAAE;IAC5E,MAAMK,YAAY,iBAAGC,MAAK,QAAA,CAACC,YAAY,CAACJ,IAAI,EAAEC,iBAAiB,CAAC;IAEhE,qBACE,6BAACI,kBAAgB,iBAAA;QACfC,IAAI,EAAC,QAAQ;QACbT,IAAI,EAAEA,IAAI;QACVC,OAAO,EAAEA,OAAO;QAChBF,GAAG,EAAEA,GAAG;OACJD,KAAK,iBAET,6BAACY,kBAAuB,wBAAA,QACrBR,QAAQ,EAAC,GAAC,EAACG,YAAY,CACA,CACT,CACpB;AACH,CAAC;MAED,QAAsC,iBAAvBM,IAAAA,MAAU,WAAA,EAACd,WAAW,CAAC"}

package/dist/cjs/modal/ModalButtonStyles.js

@@ -20,17 +20,15 @@ const ModalButtonStyle = (0, _styledComponents.default)(_button.Button)`
     let { active  } = param;
     return active ? `1px solid var(--lido-color-primary)` : `1px solid var(--lido-color-background)`;
 }};
-
   background-color: ${(param)=>{
     let { active  } = param;
     return active ? 'rgba(0, 163, 255, 0.1);' : `var(--lido-color-background)`;
 }};
-
   color: var(--lido-color-text);
 
   :not(:disabled):hover,
   :focus-visible {
-    background-color: rgba(0, 163, 255, 0.1);
+    background-color: rgb(0 163 255 / 10%);
     color: var(--lido-color-text);
   }
 `;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/modal/ModalButtonStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nimport { Button } from '@lidofinance/button'\n\nexport const ModalButtonStyle = styled(Button)`\n  border: ${({ active }) =>\n    active\n      ? `1px solid var(--lido-color-primary)`\n      : `1px solid var(--lido-color-background)`};\n\n  background-color: ${({ active }) =>\n    active ? 'rgba(0, 163, 255, 0.1);' : `var(--lido-color-background)`};\n\n  color: var(--lido-color-text);\n\n  :not(:disabled):hover,\n  :focus-visible {\n    background-color: rgba(0, 163, 255, 0.1);\n    color: var(--lido-color-text);\n  }\n`\n\nexport const ModalButtonContentStyle = styled.span`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n`\n"],"names":["ModalButtonStyle","ModalButtonContentStyle","styled","Button","active","span"],"mappings":"AAAA;;;;;;;;;;;IAIaA,gBAAgB,MAAhBA,gBAAgB;IAkBhBC,uBAAuB,MAAvBA,uBAAuB;;;uEAtBjB,mBAAmB;wBAEf,iBAAqB;AAErC,MAAMD,gBAAgB,GAAGE,IAAAA,iBAAM,QAAA,EAACC,OAAM,OAAA,CAAC,CAAC;UACrC,EAAE,SACRC;QADS,EAAEA,MAAM,CAAA,EAAE;WACnBA,MAAM,GACF,CAAC,mCAAmC,CAAC,GACrC,CAAC,sCAAsC,CAAC;AAAD,CAAC,CAAC;;oBAE7B,EAAE,SAClBA;QADmB,EAAEA,MAAM,CAAA,EAAE;WAC7BA,MAAM,GAAG,yBAAyB,GAAG,CAAC,4BAA4B,CAAC;AAAD,CAAC,CAAC;;;;;;;;;AASxE,CAAC;AAEM,MAAMH,uBAAuB,GAAGC,iBAAM,QAAA,CAACG,IAAI,CAAC;;;;;AAKnD,CAAC"}
+{"version":3,"sources":["../../../packages/modal/ModalButtonStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nimport { Button } from '@lidofinance/button'\n\nexport const ModalButtonStyle = styled(Button)`\n  border: ${({ active }) =>\n    active\n      ? `1px solid var(--lido-color-primary)`\n      : `1px solid var(--lido-color-background)`};\n  background-color: ${({ active }) =>\n    active ? 'rgba(0, 163, 255, 0.1);' : `var(--lido-color-background)`};\n  color: var(--lido-color-text);\n\n  :not(:disabled):hover,\n  :focus-visible {\n    background-color: rgb(0 163 255 / 10%);\n    color: var(--lido-color-text);\n  }\n`\n\nexport const ModalButtonContentStyle = styled.span`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n`\n"],"names":["ModalButtonStyle","ModalButtonContentStyle","styled","Button","active","span"],"mappings":"AAAA;;;;;;;;;;;IAIaA,gBAAgB,MAAhBA,gBAAgB;IAgBhBC,uBAAuB,MAAvBA,uBAAuB;;;uEApBjB,mBAAmB;wBAEf,iBAAqB;AAErC,MAAMD,gBAAgB,GAAGE,IAAAA,iBAAM,QAAA,EAACC,OAAM,OAAA,CAAC,CAAC;UACrC,EAAE,SACRC;QADS,EAAEA,MAAM,CAAA,EAAE;WACnBA,MAAM,GACF,CAAC,mCAAmC,CAAC,GACrC,CAAC,sCAAsC,CAAC;AAAD,CAAC,CAAC;oBAC7B,EAAE,SAClBA;QADmB,EAAEA,MAAM,CAAA,EAAE;WAC7BA,MAAM,GAAG,yBAAyB,GAAG,CAAC,4BAA4B,CAAC;AAAD,CAAC,CAAC;;;;;;;;AAQxE,CAAC;AAEM,MAAMH,uBAAuB,GAAGC,iBAAM,QAAA,CAACG,IAAI,CAAC;;;;;AAKnD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/modal/ModalExtra.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\n\nimport { ModalExtraStyle } from './ModalExtraStyles'\nimport { ModalExtraProps } from './types'\n\nfunction ModalExtra(\n  props: ModalExtraProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  return <ModalExtraStyle {...props} ref={ref} />\n}\n\nexport default forwardRef(ModalExtra)\n"],"names":["ModalExtra","props","ref","ModalExtraStyle","forwardRef"],"mappings":"AAAA;;;;+BAYA,SAAqC;;aAArC,QAAqC;;;;6DAZW,OAAO;kCAEvB,oBAAoB;AAGpD,SAASA,UAAU,CACjBC,KAAsB,EACtBC,GAAkC,EAClC;IACA,qBAAO,6BAACC,iBAAe,gBAAA,eAAKF,KAAK;QAAEC,GAAG,EAAEA,GAAG;OAAI,CAAA;AACjD,CAAC;MAED,QAAqC,iBAAtBE,IAAAA,MAAU,WAAA,EAACJ,UAAU,CAAC"}
+{"version":3,"sources":["../../../packages/modal/ModalExtra.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\n\nimport { ModalExtraStyle } from './ModalExtraStyles'\nimport { ModalExtraProps } from './types'\n\nfunction ModalExtra(\n  props: ModalExtraProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  return <ModalExtraStyle {...props} ref={ref} />\n}\n\nexport default forwardRef(ModalExtra)\n"],"names":["ModalExtra","props","ref","ModalExtraStyle","forwardRef"],"mappings":"AAAA;;;;+BAYA,SAAqC;;aAArC,QAAqC;;;;6DAZW,OAAO;kCAEvB,oBAAoB;AAGpD,SAASA,UAAU,CACjBC,KAAsB,EACtBC,GAAkC,EAClC;IACA,qBAAO,6BAACC,iBAAe,gBAAA,eAAKF,KAAK;QAAEC,GAAG,EAAEA,GAAG;OAAI,CAAA;AACjD,CAAC;MAED,QAAqC,iBAAtBE,IAAAA,MAAU,WAAA,EAACJ,UAAU,CAAC"}

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 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"}

package/dist/cjs/modal/ModalOverlayStyles.js

@@ -24,10 +24,7 @@ const getOpacity = (param)=>{
 };
 const ModalPortalStyle = _styledComponents.default.div`
   position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   z-index: 300;
   background: var(--lido-color-overlay);
   cursor: ${(param)=>{
@@ -42,10 +39,7 @@ const ModalPortalStyle = _styledComponents.default.div`
 `;
 const ModalOverflowStyle = _styledComponents.default.div`
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   z-index: 2;
   overflow: auto;
   overflow-x: hidden;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/modal/ModalOverlayStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { TransitionInnerProps } from '@lidofinance/transition'\n\ntype TransitionProps = {\n  $duration: number\n  $transition: TransitionInnerProps['transitionStatus']\n}\n\nconst getOpacity = ({ $transition }: TransitionProps) => {\n  return ['exiting', 'exited'].includes($transition) ? 0 : 1\n}\n\nexport const ModalPortalStyle = styled.div<\n  { $closable: boolean } & TransitionProps\n>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 300;\n  background: var(--lido-color-overlay);\n  cursor: ${({ $closable }) => ($closable ? 'pointer' : 'default')};\n  transition: opacity ${({ $duration }) => $duration}ms ease;\n  opacity: ${getOpacity};\n`\n\nexport const ModalOverflowStyle = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 2;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex;\n`\n\nconst getTransform = ({ $transition }: TransitionProps) => {\n  return ['exiting', 'exited'].includes($transition)\n    ? 'translateY(6px)'\n    : 'translateY(0)'\n}\n\nexport const ModalContentStyle = styled.div<TransitionProps>`\n  box-sizing: border-box;\n  max-width: 100%;\n  padding: ${({ theme }) => theme.spaceMap.lg}px;\n  outline: none;\n  margin: auto;\n  cursor: default;\n  transition: transform ${({ $duration }) => $duration}ms ease-out;\n  transform: ${getTransform};\n  pointer-events: none;\n\n  & > * {\n    pointer-events: auto;\n  }\n`\n"],"names":["ModalPortalStyle","ModalOverflowStyle","ModalContentStyle","getOpacity","$transition","includes","styled","div","$closable","$duration","getTransform","theme","spaceMap","lg"],"mappings":"AAAA;;;;;;;;;;;IAYaA,gBAAgB,MAAhBA,gBAAgB;IAehBC,kBAAkB,MAAlBA,kBAAkB;IAkBlBC,iBAAiB,MAAjBA,iBAAiB;;;uEA7CX,mBAAmB;AAQtC,MAAMC,UAAU,GAAG,SAAsC;QAArC,EAAEC,WAAW,CAAA,EAAmB;IAClD,OAAO;QAAC,SAAS;QAAE,QAAQ;KAAC,CAACC,QAAQ,CAACD,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC5D,CAAC;AAEM,MAAMJ,gBAAgB,GAAGM,iBAAM,QAAA,CAACC,GAAG,AAEzC,CAAC;;;;;;;;UAQQ,EAAE,SAAmB;QAAlB,EAAEC,SAAS,CAAA,EAAE;WAAMA,SAAS,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,CAAC;sBAC7C,EAAE,SAAmBC;QAAlB,EAAEA,SAAS,CAAA,EAAE;WAAKA,SAAS;AAAD,CAAC,CAAC;WAC1C,EAAEN,UAAU,CAAC;AACxB,CAAC;AAEM,MAAMF,kBAAkB,GAAGK,iBAAM,QAAA,CAACC,GAAG,CAAC;;;;;;;;;;AAU7C,CAAC;AAED,MAAMG,YAAY,GAAG,SAAsC;QAArC,EAAEN,WAAW,CAAA,EAAmB;IACpD,OAAO;QAAC,SAAS;QAAE,QAAQ;KAAC,CAACC,QAAQ,CAACD,WAAW,CAAC,GAC9C,iBAAiB,GACjB,eAAe,CAAA;AACrB,CAAC;AAEM,MAAMF,iBAAiB,GAAGI,iBAAM,QAAA,CAACC,GAAG,AAAiB,CAAC;;;WAGlD,EAAE,SAAeI;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;;;wBAItB,EAAE,SAAmBJ;QAAlB,EAAEA,SAAS,CAAA,EAAE;WAAKA,SAAS;AAAD,CAAC,CAAC;aAC1C,EAAEC,YAAY,CAAC;;;;;;AAM5B,CAAC"}
+{"version":3,"sources":["../../../packages/modal/ModalOverlayStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { TransitionInnerProps } from '@lidofinance/transition'\n\ntype TransitionProps = {\n  $duration: number\n  $transition: TransitionInnerProps['transitionStatus']\n}\n\nconst getOpacity = ({ $transition }: TransitionProps) => {\n  return ['exiting', 'exited'].includes($transition) ? 0 : 1\n}\n\nexport const ModalPortalStyle = styled.div<\n  { $closable: boolean } & TransitionProps\n>`\n  position: fixed;\n  inset: 0;\n  z-index: 300;\n  background: var(--lido-color-overlay);\n  cursor: ${({ $closable }) => ($closable ? 'pointer' : 'default')};\n  transition: opacity ${({ $duration }) => $duration}ms ease;\n  opacity: ${getOpacity};\n`\n\nexport const ModalOverflowStyle = styled.div`\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex;\n`\n\nconst getTransform = ({ $transition }: TransitionProps) => {\n  return ['exiting', 'exited'].includes($transition)\n    ? 'translateY(6px)'\n    : 'translateY(0)'\n}\n\nexport const ModalContentStyle = styled.div<TransitionProps>`\n  box-sizing: border-box;\n  max-width: 100%;\n  padding: ${({ theme }) => theme.spaceMap.lg}px;\n  outline: none;\n  margin: auto;\n  cursor: default;\n  transition: transform ${({ $duration }) => $duration}ms ease-out;\n  transform: ${getTransform};\n  pointer-events: none;\n\n  & > * {\n    pointer-events: auto;\n  }\n`\n"],"names":["ModalPortalStyle","ModalOverflowStyle","ModalContentStyle","getOpacity","$transition","includes","styled","div","$closable","$duration","getTransform","theme","spaceMap","lg"],"mappings":"AAAA;;;;;;;;;;;IAYaA,gBAAgB,MAAhBA,gBAAgB;IAYhBC,kBAAkB,MAAlBA,kBAAkB;IAelBC,iBAAiB,MAAjBA,iBAAiB;;;uEAvCX,mBAAmB;AAQtC,MAAMC,UAAU,GAAG,SAAsC;QAArC,EAAEC,WAAW,CAAA,EAAmB;IAClD,OAAO;QAAC,SAAS;QAAE,QAAQ;KAAC,CAACC,QAAQ,CAACD,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC5D,CAAC;AAEM,MAAMJ,gBAAgB,GAAGM,iBAAM,QAAA,CAACC,GAAG,AAEzC,CAAC;;;;;UAKQ,EAAE,SAAmB;QAAlB,EAAEC,SAAS,CAAA,EAAE;WAAMA,SAAS,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,CAAC;sBAC7C,EAAE,SAAmBC;QAAlB,EAAEA,SAAS,CAAA,EAAE;WAAKA,SAAS;AAAD,CAAC,CAAC;WAC1C,EAAEN,UAAU,CAAC;AACxB,CAAC;AAEM,MAAMF,kBAAkB,GAAGK,iBAAM,QAAA,CAACC,GAAG,CAAC;;;;;;;AAO7C,CAAC;AAED,MAAMG,YAAY,GAAG,SAAsC;QAArC,EAAEN,WAAW,CAAA,EAAmB;IACpD,OAAO;QAAC,SAAS;QAAE,QAAQ;KAAC,CAACC,QAAQ,CAACD,WAAW,CAAC,GAC9C,iBAAiB,GACjB,eAAe,CAAA;AACrB,CAAC;AAEM,MAAMF,iBAAiB,GAAGI,iBAAM,QAAA,CAACC,GAAG,AAAiB,CAAC;;;WAGlD,EAAE,SAAeI;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;;;wBAItB,EAAE,SAAmBJ;QAAlB,EAAEA,SAAS,CAAA,EAAE;WAAKA,SAAS;AAAD,CAAC,CAAC;aAC1C,EAAEC,YAAY,CAAC;;;;;;AAM5B,CAAC"}

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 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"}

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 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"}

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 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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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/pagination/getShowingPages.ts"],"sourcesContent":["import { SiblingsCount } from './types'\n\nexport const arrayPusher = (): ((\n  arr: unknown[],\n  element: unknown\n) => number) => {\n  const innerArray: unknown[] = []\n\n  return (arr: unknown[], element: unknown) => {\n    if (!innerArray.includes(element) || element === '...') {\n      innerArray.push(element)\n      arr.push(element)\n    }\n\n    return innerArray.length\n  }\n}\n\nexport const numberSort = (a: number, b: number): number => a - b\n\nexport const range = (start: number, end: number): number[] => {\n  const length = end - start + 1\n  return Array.from({ length }, (_, i) => start + i)\n}\n\nconst getShowingPages = (\n  pagesCount: number,\n  currPage = 1,\n  siblingCount: SiblingsCount = 1\n): (string | number)[] => {\n  if (!pagesCount) {\n    return []\n  }\n\n  const showingPagesCount = siblingCount === 1 ? 7 : 5\n  if (pagesCount <= showingPagesCount) {\n    return range(1, pagesCount)\n  }\n\n  const firstPage = 1\n  const lastPage = pagesCount\n\n  const firstPages: number[] = []\n  const firstEllipsis: string[] = []\n  const middlePages: number[] = []\n  const lastEllipsis: string[] = []\n  const lastPages: number[] = []\n\n  const pusher = arrayPusher()\n  pusher(firstPages, firstPage)\n\n  // see getShowingPages.test.ts for full example\n  let siblings\n  switch (true) {\n    case firstPage === currPage:\n      siblings = [0, 1, 1 + siblingCount] //currPage=1 => [1. 2, 3?]\n      break\n\n    case lastPage === currPage:\n      siblings = [-siblingCount - 1, -1, 0] // currPage=10 => [?8, 9, 10]\n      break\n\n    case siblingCount === 1 && currPage - firstPage === 3:\n      siblings = [-2, -1, 0, 1] // currPage=4 => [2, 3, 4, 5]\n      break\n\n    case siblingCount === 1 && lastPage - currPage === 3:\n      siblings = [-1, 0, 1, 2] // currPage=7 => [6, 7, 8, 9]\n      break\n\n    case siblingCount === 1:\n      siblings = [-1, 0, 1] // currPage=5 => [4, 5, 6]\n      break\n\n    case siblingCount === 0 && currPage - firstPage === 2:\n      siblings = [-1, 0] // currPage=3 => [1, 2, 3]\n      break\n\n    case siblingCount === 0 && lastPage - currPage === 2:\n      siblings = [0, 1] // currPage=8 => [8, 9]\n      break\n\n    default:\n      siblings = [0] // no siblings\n      break\n  }\n\n  siblings.forEach((sibling) => {\n    pusher(middlePages, currPage + sibling)\n  })\n\n  if (currPage - firstPage >= 3 + siblingCount) {\n    pusher(firstEllipsis, '...')\n  }\n\n  if (lastPage - currPage >= 3 + siblingCount) {\n    pusher(lastEllipsis, '...')\n  }\n\n  const count = pusher(lastPages, lastPage)\n\n  const rest = showingPagesCount - count\n  for (let i = rest; i > 0; i--) {\n    if (currPage < pagesCount / 2) {\n      pusher(lastPages, lastPage - i)\n    } else {\n      pusher(firstPages, firstPage + i)\n    }\n  }\n\n  return [\n    ...firstPages.sort(numberSort),\n    ...firstEllipsis,\n    ...middlePages,\n    ...lastEllipsis,\n    ...lastPages.sort(numberSort),\n  ]\n}\n\nexport default getShowingPages\n"],"names":["arrayPusher","numberSort","range","innerArray","arr","element","includes","push","length","a","b","start","end","Array","from","_","i","getShowingPages","pagesCount","currPage","siblingCount","showingPagesCount","firstPage","lastPage","firstPages","firstEllipsis","middlePages","lastEllipsis","lastPages","pusher","siblings","forEach","sibling","count","rest","sort"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/pagination/getShowingPages.ts"],"sourcesContent":["import { SiblingsCount } from './types'\n\nexport const arrayPusher = (): ((\n  arr: unknown[],\n  element: unknown,\n) => number) => {\n  const innerArray: unknown[] = []\n\n  return (arr: unknown[], element: unknown) => {\n    if (!innerArray.includes(element) || element === '...') {\n      innerArray.push(element)\n      arr.push(element)\n    }\n\n    return innerArray.length\n  }\n}\n\nexport const numberSort = (a: number, b: number): number => a - b\n\nexport const range = (start: number, end: number): number[] => {\n  const length = end - start + 1\n  return Array.from({ length }, (_, i) => start + i)\n}\n\nconst getShowingPages = (\n  pagesCount: number,\n  currPage = 1,\n  siblingCount: SiblingsCount = 1,\n): (string | number)[] => {\n  if (!pagesCount) {\n    return []\n  }\n\n  const showingPagesCount = siblingCount === 1 ? 7 : 5\n  if (pagesCount <= showingPagesCount) {\n    return range(1, pagesCount)\n  }\n\n  const firstPage = 1\n  const lastPage = pagesCount\n\n  const firstPages: number[] = []\n  const firstEllipsis: string[] = []\n  const middlePages: number[] = []\n  const lastEllipsis: string[] = []\n  const lastPages: number[] = []\n\n  const pusher = arrayPusher()\n  pusher(firstPages, firstPage)\n\n  // see getShowingPages.test.ts for full example\n  let siblings\n  switch (true) {\n    case firstPage === currPage:\n      siblings = [0, 1, 1 + siblingCount] //currPage=1 => [1. 2, 3?]\n      break\n\n    case lastPage === currPage:\n      siblings = [-siblingCount - 1, -1, 0] // currPage=10 => [?8, 9, 10]\n      break\n\n    case siblingCount === 1 && currPage - firstPage === 3:\n      siblings = [-2, -1, 0, 1] // currPage=4 => [2, 3, 4, 5]\n      break\n\n    case siblingCount === 1 && lastPage - currPage === 3:\n      siblings = [-1, 0, 1, 2] // currPage=7 => [6, 7, 8, 9]\n      break\n\n    case siblingCount === 1:\n      siblings = [-1, 0, 1] // currPage=5 => [4, 5, 6]\n      break\n\n    case siblingCount === 0 && currPage - firstPage === 2:\n      siblings = [-1, 0] // currPage=3 => [1, 2, 3]\n      break\n\n    case siblingCount === 0 && lastPage - currPage === 2:\n      siblings = [0, 1] // currPage=8 => [8, 9]\n      break\n\n    default:\n      siblings = [0] // no siblings\n      break\n  }\n\n  siblings.forEach((sibling) => {\n    pusher(middlePages, currPage + sibling)\n  })\n\n  if (currPage - firstPage >= 3 + siblingCount) {\n    pusher(firstEllipsis, '...')\n  }\n\n  if (lastPage - currPage >= 3 + siblingCount) {\n    pusher(lastEllipsis, '...')\n  }\n\n  const count = pusher(lastPages, lastPage)\n\n  const rest = showingPagesCount - count\n  for (let i = rest; i > 0; i--) {\n    if (currPage < pagesCount / 2) {\n      pusher(lastPages, lastPage - i)\n    } else {\n      pusher(firstPages, firstPage + i)\n    }\n  }\n\n  return [\n    ...firstPages.sort(numberSort),\n    ...firstEllipsis,\n    ...middlePages,\n    ...lastEllipsis,\n    ...lastPages.sort(numberSort),\n  ]\n}\n\nexport default getShowingPages\n"],"names":["arrayPusher","numberSort","range","innerArray","arr","element","includes","push","length","a","b","start","end","Array","from","_","i","getShowingPages","pagesCount","currPage","siblingCount","showingPagesCount","firstPage","lastPage","firstPages","firstEllipsis","middlePages","lastEllipsis","lastPages","pusher","siblings","forEach","sibling","count","rest","sort"],"mappings":"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"}

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 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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popover/calculatePosition.ts"],"sourcesContent":["import { CSSProperties } from 'react'\nimport { PopoverPlacements } from './types'\n\nexport const calculatePosition = (\n  anchorRect: DOMRect,\n  popoverRect: DOMRect,\n  wrapperRect: DOMRect,\n  placement: PopoverPlacements\n): CSSProperties => {\n  const position: CSSProperties = {}\n\n  switch (placement) {\n    case 'top':\n    case 'bottom':\n      position.left =\n        (anchorRect.left + anchorRect.right) / 2 - popoverRect.width / 2\n      break\n\n    case 'topLeft':\n    case 'bottomLeft':\n      position.left = anchorRect.left\n      break\n\n    case 'topRight':\n    case 'bottomRight':\n      position.left = anchorRect.right - popoverRect.width\n      break\n\n    case 'rightTop':\n    case 'right':\n    case 'rightBottom':\n      position.left = anchorRect.right\n      break\n\n    case 'leftTop':\n    case 'left':\n    case 'leftBottom':\n      position.left = anchorRect.left - popoverRect.width\n      break\n  }\n\n  switch (placement) {\n    case 'left':\n    case 'right':\n      position.top =\n        (anchorRect.top + anchorRect.bottom) / 2 - popoverRect.height / 2\n      break\n\n    case 'leftTop':\n    case 'rightTop':\n      position.top = anchorRect.top\n      break\n\n    case 'leftBottom':\n    case 'rightBottom':\n      position.top = anchorRect.bottom - popoverRect.height\n      break\n\n    case 'topLeft':\n    case 'top':\n    case 'topRight':\n      position.top = anchorRect.top - popoverRect.height\n      break\n\n    case 'bottomLeft':\n    case 'bottom':\n    case 'bottomRight':\n      position.top = anchorRect.bottom\n      break\n  }\n\n  position.top -= wrapperRect.top\n  position.left -= wrapperRect.left\n\n  return position\n}\n"],"names":["calculatePosition","anchorRect","popoverRect","wrapperRect","placement","position","left","right","width","top","bottom","height"],"mappings":"AAAA;;;;+BAGaA,mBAAiB;;aAAjBA,iBAAiB;;AAAvB,MAAMA,iBAAiB,GAAG,CAC/BC,UAAmB,EACnBC,WAAoB,EACpBC,WAAoB,EACpBC,SAA4B,GACV;IAClB,MAAMC,QAAQ,GAAkB,EAAE;IAElC,OAAQD,SAAS;QACf,KAAK,KAAK,CAAC;QACX,KAAK,QAAQ;YACXC,QAAQ,CAACC,IAAI,GACX,CAACL,UAAU,CAACK,IAAI,GAAGL,UAAU,CAACM,KAAK,CAAC,GAAG,CAAC,GAAGL,WAAW,CAACM,KAAK,GAAG,CAAC;YAClE,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,YAAY;YACfH,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACK,IAAI;YAC/B,MAAK;QAEP,KAAK,UAAU,CAAC;QAChB,KAAK,aAAa;YAChBD,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACM,KAAK,GAAGL,WAAW,CAACM,KAAK;YACpD,MAAK;QAEP,KAAK,UAAU,CAAC;QAChB,KAAK,OAAO,CAAC;QACb,KAAK,aAAa;YAChBH,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACM,KAAK;YAChC,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,MAAM,CAAC;QACZ,KAAK,YAAY;YACfF,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACK,IAAI,GAAGJ,WAAW,CAACM,KAAK;YACnD,MAAK;KACR;IAED,OAAQJ,SAAS;QACf,KAAK,MAAM,CAAC;QACZ,KAAK,OAAO;YACVC,QAAQ,CAACI,GAAG,GACV,CAACR,UAAU,CAACQ,GAAG,GAAGR,UAAU,CAACS,MAAM,CAAC,GAAG,CAAC,GAAGR,WAAW,CAACS,MAAM,GAAG,CAAC;YACnE,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,UAAU;YACbN,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACQ,GAAG;YAC7B,MAAK;QAEP,KAAK,YAAY,CAAC;QAClB,KAAK,aAAa;YAChBJ,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACS,MAAM,GAAGR,WAAW,CAACS,MAAM;YACrD,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,KAAK,CAAC;QACX,KAAK,UAAU;YACbN,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACQ,GAAG,GAAGP,WAAW,CAACS,MAAM;YAClD,MAAK;QAEP,KAAK,YAAY,CAAC;QAClB,KAAK,QAAQ,CAAC;QACd,KAAK,aAAa;YAChBN,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACS,MAAM;YAChC,MAAK;KACR;IAEDL,QAAQ,CAACI,GAAG,IAAIN,WAAW,CAACM,GAAG;IAC/BJ,QAAQ,CAACC,IAAI,IAAIH,WAAW,CAACG,IAAI;IAEjC,OAAOD,QAAQ,CAAA;AACjB,CAAC"}
+{"version":3,"sources":["../../../packages/popover/calculatePosition.ts"],"sourcesContent":["import { CSSProperties } from 'react'\nimport { PopoverPlacements } from './types'\n\nexport const calculatePosition = (\n  anchorRect: DOMRect,\n  popoverRect: DOMRect,\n  wrapperRect: DOMRect,\n  placement: PopoverPlacements,\n): CSSProperties => {\n  const position: CSSProperties = {}\n\n  switch (placement) {\n    case 'top':\n    case 'bottom':\n      position.left =\n        (anchorRect.left + anchorRect.right) / 2 - popoverRect.width / 2\n      break\n\n    case 'topLeft':\n    case 'bottomLeft':\n      position.left = anchorRect.left\n      break\n\n    case 'topRight':\n    case 'bottomRight':\n      position.left = anchorRect.right - popoverRect.width\n      break\n\n    case 'rightTop':\n    case 'right':\n    case 'rightBottom':\n      position.left = anchorRect.right\n      break\n\n    case 'leftTop':\n    case 'left':\n    case 'leftBottom':\n      position.left = anchorRect.left - popoverRect.width\n      break\n  }\n\n  switch (placement) {\n    case 'left':\n    case 'right':\n      position.top =\n        (anchorRect.top + anchorRect.bottom) / 2 - popoverRect.height / 2\n      break\n\n    case 'leftTop':\n    case 'rightTop':\n      position.top = anchorRect.top\n      break\n\n    case 'leftBottom':\n    case 'rightBottom':\n      position.top = anchorRect.bottom - popoverRect.height\n      break\n\n    case 'topLeft':\n    case 'top':\n    case 'topRight':\n      position.top = anchorRect.top - popoverRect.height\n      break\n\n    case 'bottomLeft':\n    case 'bottom':\n    case 'bottomRight':\n      position.top = anchorRect.bottom\n      break\n  }\n\n  position.top -= wrapperRect.top\n  position.left -= wrapperRect.left\n\n  return position\n}\n"],"names":["calculatePosition","anchorRect","popoverRect","wrapperRect","placement","position","left","right","width","top","bottom","height"],"mappings":"AAAA;;;;+BAGaA,mBAAiB;;aAAjBA,iBAAiB;;AAAvB,MAAMA,iBAAiB,GAAG,CAC/BC,UAAmB,EACnBC,WAAoB,EACpBC,WAAoB,EACpBC,SAA4B,GACV;IAClB,MAAMC,QAAQ,GAAkB,EAAE;IAElC,OAAQD,SAAS;QACf,KAAK,KAAK,CAAC;QACX,KAAK,QAAQ;YACXC,QAAQ,CAACC,IAAI,GACX,CAACL,UAAU,CAACK,IAAI,GAAGL,UAAU,CAACM,KAAK,CAAC,GAAG,CAAC,GAAGL,WAAW,CAACM,KAAK,GAAG,CAAC;YAClE,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,YAAY;YACfH,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACK,IAAI;YAC/B,MAAK;QAEP,KAAK,UAAU,CAAC;QAChB,KAAK,aAAa;YAChBD,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACM,KAAK,GAAGL,WAAW,CAACM,KAAK;YACpD,MAAK;QAEP,KAAK,UAAU,CAAC;QAChB,KAAK,OAAO,CAAC;QACb,KAAK,aAAa;YAChBH,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACM,KAAK;YAChC,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,MAAM,CAAC;QACZ,KAAK,YAAY;YACfF,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACK,IAAI,GAAGJ,WAAW,CAACM,KAAK;YACnD,MAAK;KACR;IAED,OAAQJ,SAAS;QACf,KAAK,MAAM,CAAC;QACZ,KAAK,OAAO;YACVC,QAAQ,CAACI,GAAG,GACV,CAACR,UAAU,CAACQ,GAAG,GAAGR,UAAU,CAACS,MAAM,CAAC,GAAG,CAAC,GAAGR,WAAW,CAACS,MAAM,GAAG,CAAC;YACnE,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,UAAU;YACbN,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACQ,GAAG;YAC7B,MAAK;QAEP,KAAK,YAAY,CAAC;QAClB,KAAK,aAAa;YAChBJ,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACS,MAAM,GAAGR,WAAW,CAACS,MAAM;YACrD,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,KAAK,CAAC;QACX,KAAK,UAAU;YACbN,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACQ,GAAG,GAAGP,WAAW,CAACS,MAAM;YAClD,MAAK;QAEP,KAAK,YAAY,CAAC;QAClB,KAAK,QAAQ,CAAC;QACd,KAAK,aAAa;YAChBN,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACS,MAAM;YAChC,MAAK;KACR;IAEDL,QAAQ,CAACI,GAAG,IAAIN,WAAW,CAACM,GAAG;IAC/BJ,QAAQ,CAACC,IAAI,IAAIH,WAAW,CAACG,IAAI;IAEjC,OAAOD,QAAQ,CAAA;AACjB,CAAC"}

package/dist/cjs/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":["usePopoverPosition","props","placement","DEFAULT_PLACEMENT","anchorRef","popoverRef","useRef","wrapperRef","popoverStyle","setPopoverStyle","useState","INITIAL_STYLE","windowWidth","windowHeight","useWindowSize","useLayoutEffect","current","anchorRect","getBoundingClientRect","popoverRect","wrapperRect","position","calculatePosition","style"],"mappings":"AAAA;;;;+BAMaA,oBAAkB;;aAAlBA,kBAAkB;;;6DANyC,OAAO;uBACjD,gBAAoB;2BAED,aAAa;mCAC5B,qBAAqB;AAEhD,MAAMA,kBAAkB,GAAG,CAIhCC,KAAuB,GAKpB;IACH,MAAM,EAAEC,SAAS,EAAGC,UAAiB,kBAAA,CAAA,EAAEC,SAAS,CAAA,EAAE,GAAGH,KAAK;IAE1D,MAAMI,UAAU,GAAGC,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAClC,MAAMC,UAAU,GAAGD,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAElC,MAAM,CAACE,YAAY,EAAEC,eAAe,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAgBC,UAAa,cAAA,CAAC;IAC9E,MAAM,CAACC,WAAW,EAAEC,YAAY,CAAC,GAAGC,IAAAA,MAAa,cAAA,GAAE;IAEnDC,IAAAA,MAAe,gBAAA,EAAC,IAAM;QACpB,IAAI,CAACX,SAAS,CAACY,OAAO,IAAI,CAACX,UAAU,CAACW,OAAO,IAAI,CAACT,UAAU,CAACS,OAAO,EAAE,OAAM;QAE5E,MAAMC,UAAU,GAAGb,SAAS,CAACY,OAAO,CAACE,qBAAqB,EAAE;QAC5D,MAAMC,WAAW,GAAGd,UAAU,CAACW,OAAO,CAACE,qBAAqB,EAAE;QAC9D,MAAME,WAAW,GAAGb,UAAU,CAACS,OAAO,CAACE,qBAAqB,EAAE;QAE9D,MAAMG,QAAQ,GAAGC,IAAAA,kBAAiB,kBAAA,EAChCL,UAAU,EACVE,WAAW,EACXC,WAAW,EACXlB,SAAS,CACV;QACDO,eAAe,CAACY,QAAQ,CAAC;IAC3B,CAAC,EAAE;QAACjB,SAAS;QAAEF,SAAS;QAAEU,WAAW;QAAEC,YAAY;KAAC,CAAC;IAErD,MAAMU,KAAK,GAAG;QACZ,GAAGtB,KAAK,CAACsB,KAAK;QACd,GAAGf,YAAY;KAChB;IAED,OAAO;QACLH,UAAU;QACVE,UAAU;QACVgB,KAAK;KACN,CAAA;AACH,CAAC"}
+{"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":["usePopoverPosition","props","placement","DEFAULT_PLACEMENT","anchorRef","popoverRef","useRef","wrapperRef","popoverStyle","setPopoverStyle","useState","INITIAL_STYLE","windowWidth","windowHeight","useWindowSize","useLayoutEffect","current","anchorRect","getBoundingClientRect","popoverRect","wrapperRect","position","calculatePosition","style"],"mappings":"AAAA;;;;+BAMaA,oBAAkB;;aAAlBA,kBAAkB;;;6DANyC,OAAO;uBACjD,gBAAoB;2BAED,aAAa;mCAC5B,qBAAqB;AAEhD,MAAMA,kBAAkB,GAAG,CAIhCC,KAAuB,GAKpB;IACH,MAAM,EAAEC,SAAS,EAAGC,UAAiB,kBAAA,CAAA,EAAEC,SAAS,CAAA,EAAE,GAAGH,KAAK;IAE1D,MAAMI,UAAU,GAAGC,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAClC,MAAMC,UAAU,GAAGD,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAElC,MAAM,CAACE,YAAY,EAAEC,eAAe,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAgBC,UAAa,cAAA,CAAC;IAC9E,MAAM,CAACC,WAAW,EAAEC,YAAY,CAAC,GAAGC,IAAAA,MAAa,cAAA,GAAE;IAEnDC,IAAAA,MAAe,gBAAA,EAAC,IAAM;QACpB,IAAI,CAACX,SAAS,CAACY,OAAO,IAAI,CAACX,UAAU,CAACW,OAAO,IAAI,CAACT,UAAU,CAACS,OAAO,EAAE,OAAM;QAE5E,MAAMC,UAAU,GAAGb,SAAS,CAACY,OAAO,CAACE,qBAAqB,EAAE;QAC5D,MAAMC,WAAW,GAAGd,UAAU,CAACW,OAAO,CAACE,qBAAqB,EAAE;QAC9D,MAAME,WAAW,GAAGb,UAAU,CAACS,OAAO,CAACE,qBAAqB,EAAE;QAE9D,MAAMG,QAAQ,GAAGC,IAAAA,kBAAiB,kBAAA,EAChCL,UAAU,EACVE,WAAW,EACXC,WAAW,EACXlB,SAAS,CACV;QACDO,eAAe,CAACY,QAAQ,CAAC;IAC3B,CAAC,EAAE;QAACjB,SAAS;QAAEF,SAAS;QAAEU,WAAW;QAAEC,YAAY;KAAC,CAAC;IAErD,MAAMU,KAAK,GAAG;QACZ,GAAGtB,KAAK,CAACsB,KAAK;QACd,GAAGf,YAAY;KAChB;IAED,OAAO;QACLH,UAAU;QACVE,UAAU;QACVgB,KAAK;KACN,CAAA;AACH,CAAC"}

package/dist/cjs/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":["PopupMenu","props","externalRef","variant","children","onKeyDown","onMouseMove","rest","ref","controlRef","handleMouseMove","handleKeyDown","handleEnter","handleExit","usePopupFocus","popupRef","useMergeRefs","PopupMenuStyle","onEnter","onExit","tabIndex","role","PopupMenuProvider","forwardRef"],"mappings":"AAAA;;;;+BAsCA,SAAoC;;aAApC,QAAoC;;;;6DAtCY,OAAO;uBAC1B,gBAAoB;mCACf,qBAAqB;iCACxB,mBAAmB;+BAEpB,iBAAiB;AAE/C,SAASA,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,GAAGC,IAAAA,cAAa,cAAA,EAACb,KAAK,CAAC;IACxB,MAAMc,QAAQ,GAAGC,IAAAA,MAAY,aAAA,EAAC;QAACP,UAAU;QAAEP,WAAW;KAAC,CAAC;IAExD,qBACE,6BAACe,gBAAc,eAAA;QACbX,WAAW,EAAEI,eAAe;QAC5BL,SAAS,EAAEM,aAAa;QACxBO,OAAO,EAAEN,WAAW;QACpBO,MAAM,EAAEN,UAAU;QAClBO,QAAQ,EAAE,CAAC,CAAC;QACZC,IAAI,EAAC,SAAS;OACVd,IAAI;QACRC,GAAG,EAAEO,QAAQ;sBAEb,6BAACO,kBAAiB,kBAAA;QAACnB,OAAO,EAAEA,OAAO;OAAGC,QAAQ,CAAqB,CACpD,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBmB,IAAAA,MAAU,WAAA,EAACvB,SAAS,CAAC"}
+{"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":["PopupMenu","props","externalRef","variant","children","onKeyDown","onMouseMove","rest","ref","controlRef","handleMouseMove","handleKeyDown","handleEnter","handleExit","usePopupFocus","popupRef","useMergeRefs","PopupMenuStyle","onEnter","onExit","tabIndex","role","PopupMenuProvider","forwardRef"],"mappings":"AAAA;;;;+BAsCA,SAAoC;;aAApC,QAAoC;;;;6DAtCY,OAAO;uBAC1B,gBAAoB;mCACf,qBAAqB;iCACxB,mBAAmB;+BAEpB,iBAAiB;AAE/C,SAASA,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,GAAGC,IAAAA,cAAa,cAAA,EAACb,KAAK,CAAC;IACxB,MAAMc,QAAQ,GAAGC,IAAAA,MAAY,aAAA,EAAC;QAACP,UAAU;QAAEP,WAAW;KAAC,CAAC;IAExD,qBACE,6BAACe,gBAAc,eAAA;QACbX,WAAW,EAAEI,eAAe;QAC5BL,SAAS,EAAEM,aAAa;QACxBO,OAAO,EAAEN,WAAW;QACpBO,MAAM,EAAEN,UAAU;QAClBO,QAAQ,EAAE,CAAC,CAAC;QACZC,IAAI,EAAC,SAAS;OACVd,IAAI;QACRC,GAAG,EAAEO,QAAQ;sBAEb,6BAACO,kBAAiB,kBAAA;QAACnB,OAAO,EAAEA,OAAO;OAAGC,QAAQ,CAAqB,CACpD,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBmB,IAAAA,MAAU,WAAA,EAACvB,SAAS,CAAC"}

package/dist/cjs/popup-menu/PopupMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/PopupMenuItem.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  PopupMenuItemStyle,\n  PopupMenuItemContentStyle,\n  PopupMenuItemLeftDecoratorStyle,\n  PopupMenuItemRightDecoratorStyle,\n} from './PopupMenuItemStyles'\nimport { usePopupMenuContext } from './PopupMenuProvider'\nimport { PopupMenuItemProps } from './types'\n\nfunction PopupMenuItem(\n  props: PopupMenuItemProps,\n  ref?: ForwardedRef<HTMLButtonElement>\n) {\n  const {\n    active = false,\n    leftDecorator,\n    rightDecorator,\n    children,\n    ...rest\n  } = props\n  const { variant = 'default' } = usePopupMenuContext()\n\n  const hasLeftDecorator = !!leftDecorator\n  const hasRightDecorator = !!rightDecorator\n\n  return (\n    <PopupMenuItemStyle\n      $active={active}\n      role='option'\n      aria-selected={active}\n      {...rest}\n      ref={ref}\n    >\n      {hasLeftDecorator && (\n        <PopupMenuItemLeftDecoratorStyle>\n          {leftDecorator}\n        </PopupMenuItemLeftDecoratorStyle>\n      )}\n\n      <PopupMenuItemContentStyle $variant={variant}>\n        {children}\n      </PopupMenuItemContentStyle>\n\n      {hasRightDecorator && (\n        <PopupMenuItemRightDecoratorStyle>\n          {rightDecorator}\n        </PopupMenuItemRightDecoratorStyle>\n      )}\n    </PopupMenuItemStyle>\n  )\n}\n\nexport default forwardRef(PopupMenuItem)\n"],"names":["PopupMenuItem","props","ref","active","leftDecorator","rightDecorator","children","rest","variant","usePopupMenuContext","hasLeftDecorator","hasRightDecorator","PopupMenuItemStyle","$active","role","aria-selected","PopupMenuItemLeftDecoratorStyle","PopupMenuItemContentStyle","$variant","PopupMenuItemRightDecoratorStyle","forwardRef"],"mappings":"AAAA;;;;+BAqDA,SAAwC;;aAAxC,QAAwC;;;;6DArDQ,OAAO;qCAMhD,uBAAuB;mCACM,qBAAqB;AAGzD,SAASA,aAAa,CACpBC,KAAyB,EACzBC,GAAqC,EACrC;IACA,MAAM,EACJC,MAAM,EAAG,KAAK,CAAA,EACdC,aAAa,CAAA,EACbC,cAAc,CAAA,EACdC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGN,KAAK;IACT,MAAM,EAAEO,OAAO,EAAG,SAAS,CAAA,EAAE,GAAGC,IAAAA,kBAAmB,oBAAA,GAAE;IAErD,MAAMC,gBAAgB,GAAG,CAAC,CAACN,aAAa;IACxC,MAAMO,iBAAiB,GAAG,CAAC,CAACN,cAAc;IAE1C,qBACE,6BAACO,oBAAkB,mBAAA;QACjBC,OAAO,EAAEV,MAAM;QACfW,IAAI,EAAC,QAAQ;QACbC,eAAa,EAAEZ,MAAM;OACjBI,IAAI;QACRL,GAAG,EAAEA,GAAG;QAEPQ,gBAAgB,kBACf,6BAACM,oBAA+B,gCAAA,QAC7BZ,aAAa,CACkB,AACnC,gBAED,6BAACa,oBAAyB,0BAAA;QAACC,QAAQ,EAAEV,OAAO;OACzCF,QAAQ,CACiB,EAE3BK,iBAAiB,kBAChB,6BAACQ,oBAAgC,iCAAA,QAC9Bd,cAAc,CACkB,AACpC,CACkB,CACtB;AACH,CAAC;MAED,QAAwC,iBAAzBe,IAAAA,MAAU,WAAA,EAACpB,aAAa,CAAC"}
+{"version":3,"sources":["../../../packages/popup-menu/PopupMenuItem.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  PopupMenuItemStyle,\n  PopupMenuItemContentStyle,\n  PopupMenuItemLeftDecoratorStyle,\n  PopupMenuItemRightDecoratorStyle,\n} from './PopupMenuItemStyles'\nimport { usePopupMenuContext } from './PopupMenuProvider'\nimport { PopupMenuItemProps } from './types'\n\nfunction PopupMenuItem(\n  props: PopupMenuItemProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const {\n    active = false,\n    leftDecorator,\n    rightDecorator,\n    children,\n    ...rest\n  } = props\n  const { variant = 'default' } = usePopupMenuContext()\n\n  const hasLeftDecorator = !!leftDecorator\n  const hasRightDecorator = !!rightDecorator\n\n  return (\n    <PopupMenuItemStyle\n      $active={active}\n      role='option'\n      aria-selected={active}\n      {...rest}\n      ref={ref}\n    >\n      {hasLeftDecorator && (\n        <PopupMenuItemLeftDecoratorStyle>\n          {leftDecorator}\n        </PopupMenuItemLeftDecoratorStyle>\n      )}\n\n      <PopupMenuItemContentStyle $variant={variant}>\n        {children}\n      </PopupMenuItemContentStyle>\n\n      {hasRightDecorator && (\n        <PopupMenuItemRightDecoratorStyle>\n          {rightDecorator}\n        </PopupMenuItemRightDecoratorStyle>\n      )}\n    </PopupMenuItemStyle>\n  )\n}\n\nexport default forwardRef(PopupMenuItem)\n"],"names":["PopupMenuItem","props","ref","active","leftDecorator","rightDecorator","children","rest","variant","usePopupMenuContext","hasLeftDecorator","hasRightDecorator","PopupMenuItemStyle","$active","role","aria-selected","PopupMenuItemLeftDecoratorStyle","PopupMenuItemContentStyle","$variant","PopupMenuItemRightDecoratorStyle","forwardRef"],"mappings":"AAAA;;;;+BAqDA,SAAwC;;aAAxC,QAAwC;;;;6DArDQ,OAAO;qCAMhD,uBAAuB;mCACM,qBAAqB;AAGzD,SAASA,aAAa,CACpBC,KAAyB,EACzBC,GAAqC,EACrC;IACA,MAAM,EACJC,MAAM,EAAG,KAAK,CAAA,EACdC,aAAa,CAAA,EACbC,cAAc,CAAA,EACdC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGN,KAAK;IACT,MAAM,EAAEO,OAAO,EAAG,SAAS,CAAA,EAAE,GAAGC,IAAAA,kBAAmB,oBAAA,GAAE;IAErD,MAAMC,gBAAgB,GAAG,CAAC,CAACN,aAAa;IACxC,MAAMO,iBAAiB,GAAG,CAAC,CAACN,cAAc;IAE1C,qBACE,6BAACO,oBAAkB,mBAAA;QACjBC,OAAO,EAAEV,MAAM;QACfW,IAAI,EAAC,QAAQ;QACbC,eAAa,EAAEZ,MAAM;OACjBI,IAAI;QACRL,GAAG,EAAEA,GAAG;QAEPQ,gBAAgB,kBACf,6BAACM,oBAA+B,gCAAA,QAC7BZ,aAAa,CACkB,AACnC,gBAED,6BAACa,oBAAyB,0BAAA;QAACC,QAAQ,EAAEV,OAAO;OACzCF,QAAQ,CACiB,EAE3BK,iBAAiB,kBAChB,6BAACQ,oBAAgC,iCAAA,QAC9Bd,cAAc,CACkB,AACpC,CACkB,CACtB;AACH,CAAC;MAED,QAAwC,iBAAzBe,IAAAA,MAAU,WAAA,EAACpB,aAAa,CAAC"}

package/dist/cjs/popup-menu/PopupMenuProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/PopupMenuProvider.tsx"],"sourcesContent":["import React, { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { PopupMenuVariants } from './types'\n\nexport interface PopupMenuContext {\n  variant?: PopupMenuVariants\n}\n\nconst Context = createContext({} as PopupMenuContext)\n\nexport const usePopupMenuContext = (): PopupMenuContext => {\n  return useContext(Context)\n}\n\nexport const PopupMenuProvider: FC<PropsWithChildren<PopupMenuContext>> = (\n  props\n) => {\n  const { variant, ...rest } = props\n\n  return <Context.Provider value={{ variant }} {...rest} />\n}\n"],"names":["usePopupMenuContext","PopupMenuProvider","Context","createContext","useContext","props","variant","rest","Provider","value"],"mappings":"AAAA;;;;;;;;;;;IASaA,mBAAmB,MAAnBA,mBAAmB;IAInBC,iBAAiB,MAAjBA,iBAAiB;;;;6DAb0C,OAAO;AAO/E,MAAMC,OAAO,iBAAGC,IAAAA,MAAa,cAAA,EAAC,EAAE,CAAqB;AAE9C,MAAMH,mBAAmB,GAAG,IAAwB;IACzD,OAAOI,IAAAA,MAAU,WAAA,EAACF,OAAO,CAAC,CAAA;AAC5B,CAAC;AAEM,MAAMD,iBAAiB,GAA4C,CACxEI,KAAK,GACF;IACH,MAAM,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGF,KAAK;IAElC,qBAAO,6BAACH,OAAO,CAACM,QAAQ;QAACC,KAAK,EAAE;YAAEH,OAAO;SAAE;OAAMC,IAAI,EAAI,CAAA;AAC3D,CAAC"}
+{"version":3,"sources":["../../../packages/popup-menu/PopupMenuProvider.tsx"],"sourcesContent":["import React, { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { PopupMenuVariants } from './types'\n\nexport interface PopupMenuContext {\n  variant?: PopupMenuVariants\n}\n\nconst Context = createContext({} as PopupMenuContext)\n\nexport const usePopupMenuContext = (): PopupMenuContext => {\n  return useContext(Context)\n}\n\nexport const PopupMenuProvider: FC<PropsWithChildren<PopupMenuContext>> = (\n  props,\n) => {\n  const { variant, ...rest } = props\n\n  return <Context.Provider value={{ variant }} {...rest} />\n}\n"],"names":["usePopupMenuContext","PopupMenuProvider","Context","createContext","useContext","props","variant","rest","Provider","value"],"mappings":"AAAA;;;;;;;;;;;IASaA,mBAAmB,MAAnBA,mBAAmB;IAInBC,iBAAiB,MAAjBA,iBAAiB;;;;6DAb0C,OAAO;AAO/E,MAAMC,OAAO,iBAAGC,IAAAA,MAAa,cAAA,EAAC,EAAE,CAAqB;AAE9C,MAAMH,mBAAmB,GAAG,IAAwB;IACzD,OAAOI,IAAAA,MAAU,WAAA,EAACF,OAAO,CAAC,CAAA;AAC5B,CAAC;AAEM,MAAMD,iBAAiB,GAA4C,CACxEI,KAAK,GACF;IACH,MAAM,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGF,KAAK;IAElC,qBAAO,6BAACH,OAAO,CAACM,QAAQ;QAACC,KAAK,EAAE;YAAEH,OAAO;SAAE;OAAMC,IAAI,EAAI,CAAA;AAC3D,CAAC"}

package/dist/cjs/popup-menu/usePopupFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/usePopupFocus.ts"],"sourcesContent":["import React, { useCallback, useRef } from 'react'\nimport { useInterceptFocus } from '@lidofinance/hooks'\nimport { FOCUSABLE_ELEMENTS } from './constants'\nimport { PopupMenuProps } from './types'\n\nexport const usePopupFocus = <T extends HTMLDivElement>(\n  props: PopupMenuProps\n): {\n  ref: React.RefObject<T>\n  handleMouseMove: React.MouseEventHandler<T>\n  handleKeyDown: React.KeyboardEventHandler<T>\n  handleEnter: () => void\n  handleExit: () => void\n} => {\n  const { onMouseMove, onKeyDown } = props\n  const ref = useRef<T>(null)\n\n  const getFocusableNodes = useCallback(() => {\n    const nodes =\n      ref.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 handleFocusTo = useCallback(\n    (event: React.KeyboardEvent<T>, offset = 1) => {\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          : -1\n\n      const activeItemIndex = focusableNodes.findIndex(\n        (node) => node.getAttribute('aria-selected') === 'true'\n      )\n\n      const currentIndex =\n        focusedItemIndex === -1 ? activeItemIndex : focusedItemIndex\n\n      let nextIndex = currentIndex + offset\n      if (nextIndex < 0) nextIndex = focusableNodes.length - 1\n      if (nextIndex >= focusableNodes.length) nextIndex = 0\n\n      focusableNodes[nextIndex].focus()\n      event.preventDefault()\n    },\n    [getFocusableNodes]\n  )\n\n  const handleMouseMove: React.MouseEventHandler<T> = useCallback(\n    (event) => {\n      onMouseMove?.(event)\n\n      const { target } = event\n      if (!(target instanceof HTMLElement)) return\n\n      const focusableNodes = getFocusableNodes()\n      const overed = target.closest(FOCUSABLE_ELEMENTS.join(','))\n\n      if (!(overed instanceof HTMLElement)) return\n\n      const isNotFocusable = !focusableNodes.includes(overed)\n      const isActive = overed === document.activeElement\n\n      if (isActive || isNotFocusable) return\n\n      overed.focus()\n    },\n    [getFocusableNodes, onMouseMove]\n  )\n\n  const handleKeyDown: React.KeyboardEventHandler<T> = useCallback(\n    (event) => {\n      onKeyDown?.(event)\n      const code = event.code ?? event.key\n\n      if (code === 'Tab') event.preventDefault()\n      if (code === 'ArrowDown') handleFocusTo(event, +1)\n      if (code === 'ArrowUp') handleFocusTo(event, -1)\n    },\n    [handleFocusTo, onKeyDown]\n  )\n\n  const [interceptFocus, restoreFocus] = useInterceptFocus()\n\n  const handleEnter = useCallback(() => {\n    if (ref.current) interceptFocus(ref.current)\n  }, [interceptFocus])\n\n  const handleExit = useCallback(() => {\n    restoreFocus()\n  }, [restoreFocus])\n\n  return {\n    ref,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  }\n}\n"],"names":["usePopupFocus","props","onMouseMove","onKeyDown","ref","useRef","getFocusableNodes","useCallback","nodes","current","querySelectorAll","FOCUSABLE_ELEMENTS","join","Array","from","filter","node","HTMLElement","offsetParent","handleFocusTo","event","offset","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","activeItemIndex","findIndex","getAttribute","currentIndex","nextIndex","focus","preventDefault","handleMouseMove","target","overed","closest","isNotFocusable","includes","isActive","handleKeyDown","code","key","interceptFocus","restoreFocus","useInterceptFocus","handleEnter","handleExit"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/popup-menu/usePopupFocus.ts"],"sourcesContent":["import React, { useCallback, useRef } from 'react'\nimport { useInterceptFocus } from '@lidofinance/hooks'\nimport { FOCUSABLE_ELEMENTS } from './constants'\nimport { PopupMenuProps } from './types'\n\nexport const usePopupFocus = <T extends HTMLDivElement>(\n  props: PopupMenuProps,\n): {\n  ref: React.RefObject<T>\n  handleMouseMove: React.MouseEventHandler<T>\n  handleKeyDown: React.KeyboardEventHandler<T>\n  handleEnter: () => void\n  handleExit: () => void\n} => {\n  const { onMouseMove, onKeyDown } = props\n  const ref = useRef<T>(null)\n\n  const getFocusableNodes = useCallback(() => {\n    const nodes =\n      ref.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 handleFocusTo = useCallback(\n    (event: React.KeyboardEvent<T>, offset = 1) => {\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          : -1\n\n      const activeItemIndex = focusableNodes.findIndex(\n        (node) => node.getAttribute('aria-selected') === 'true',\n      )\n\n      const currentIndex =\n        focusedItemIndex === -1 ? activeItemIndex : focusedItemIndex\n\n      let nextIndex = currentIndex + offset\n      if (nextIndex < 0) nextIndex = focusableNodes.length - 1\n      if (nextIndex >= focusableNodes.length) nextIndex = 0\n\n      focusableNodes[nextIndex].focus()\n      event.preventDefault()\n    },\n    [getFocusableNodes],\n  )\n\n  const handleMouseMove: React.MouseEventHandler<T> = useCallback(\n    (event) => {\n      onMouseMove?.(event)\n\n      const { target } = event\n      if (!(target instanceof HTMLElement)) return\n\n      const focusableNodes = getFocusableNodes()\n      const overed = target.closest(FOCUSABLE_ELEMENTS.join(','))\n\n      if (!(overed instanceof HTMLElement)) return\n\n      const isNotFocusable = !focusableNodes.includes(overed)\n      const isActive = overed === document.activeElement\n\n      if (isActive || isNotFocusable) return\n\n      overed.focus()\n    },\n    [getFocusableNodes, onMouseMove],\n  )\n\n  const handleKeyDown: React.KeyboardEventHandler<T> = useCallback(\n    (event) => {\n      onKeyDown?.(event)\n      const code = event.code ?? event.key\n\n      if (code === 'Tab') event.preventDefault()\n      if (code === 'ArrowDown') handleFocusTo(event, +1)\n      if (code === 'ArrowUp') handleFocusTo(event, -1)\n    },\n    [handleFocusTo, onKeyDown],\n  )\n\n  const [interceptFocus, restoreFocus] = useInterceptFocus()\n\n  const handleEnter = useCallback(() => {\n    if (ref.current) interceptFocus(ref.current)\n  }, [interceptFocus])\n\n  const handleExit = useCallback(() => {\n    restoreFocus()\n  }, [restoreFocus])\n\n  return {\n    ref,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  }\n}\n"],"names":["usePopupFocus","props","onMouseMove","onKeyDown","ref","useRef","getFocusableNodes","useCallback","nodes","current","querySelectorAll","FOCUSABLE_ELEMENTS","join","Array","from","filter","node","HTMLElement","offsetParent","handleFocusTo","event","offset","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","activeItemIndex","findIndex","getAttribute","currentIndex","nextIndex","focus","preventDefault","handleMouseMove","target","overed","closest","isNotFocusable","includes","isActive","handleKeyDown","code","key","interceptFocus","restoreFocus","useInterceptFocus","handleEnter","handleExit"],"mappings":"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"}

package/dist/cjs/select/Option.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/Option.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useCallback } from 'react'\nimport { PopupMenuItem } from '@lidofinance/popup-menu'\nimport { OptionProps } from './types'\n\nfunction Option(props: OptionProps, ref?: ForwardedRef<HTMLButtonElement>) {\n  const { value, onClick, onChange, ...rest } = props\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onChange?.(value)\n      onClick?.(event)\n    },\n    [value, onChange, onClick]\n  )\n\n  return <PopupMenuItem onClick={handleClick} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Option)\n"],"names":["Option","props","ref","value","onClick","onChange","rest","handleClick","useCallback","event","PopupMenuItem","forwardRef"],"mappings":"AAAA;;;;+BAkBA,SAAiC;;aAAjC,QAAiC;;;;6DAlB4B,OAAO;2BACtC,qBAAyB;AAGvD,SAASA,MAAM,CAACC,KAAkB,EAAEC,GAAqC,EAAE;IACzE,MAAM,EAAEC,KAAK,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAEnD,MAAMM,WAAW,GAAGC,IAAAA,MAAW,YAAA,EAC7B,CAACC,KAA0C,GAAK;QAC9CJ,QAAQ,aAARA,QAAQ,WAAS,GAAjBA,KAAAA,CAAiB,GAAjBA,QAAQ,CAAGF,KAAK,CAAC,CAAA;QACjBC,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGK,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACN,KAAK;QAAEE,QAAQ;QAAED,OAAO;KAAC,CAC3B;IAED,qBAAO,6BAACM,UAAa,cAAA;QAACN,OAAO,EAAEG,WAAW;QAAEL,GAAG,EAAEA,GAAG;OAAMI,IAAI,EAAI,CAAA;AACpE,CAAC;MAED,QAAiC,iBAAlBK,IAAAA,MAAU,WAAA,EAACX,MAAM,CAAC"}
+{"version":3,"sources":["../../../packages/select/Option.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useCallback } from 'react'\nimport { PopupMenuItem } from '@lidofinance/popup-menu'\nimport { OptionProps } from './types'\n\nfunction Option(props: OptionProps, ref?: ForwardedRef<HTMLButtonElement>) {\n  const { value, onClick, onChange, ...rest } = props\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onChange?.(value)\n      onClick?.(event)\n    },\n    [value, onChange, onClick],\n  )\n\n  return <PopupMenuItem onClick={handleClick} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Option)\n"],"names":["Option","props","ref","value","onClick","onChange","rest","handleClick","useCallback","event","PopupMenuItem","forwardRef"],"mappings":"AAAA;;;;+BAkBA,SAAiC;;aAAjC,QAAiC;;;;6DAlB4B,OAAO;2BACtC,qBAAyB;AAGvD,SAASA,MAAM,CAACC,KAAkB,EAAEC,GAAqC,EAAE;IACzE,MAAM,EAAEC,KAAK,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAEnD,MAAMM,WAAW,GAAGC,IAAAA,MAAW,YAAA,EAC7B,CAACC,KAA0C,GAAK;QAC9CJ,QAAQ,aAARA,QAAQ,WAAS,GAAjBA,KAAAA,CAAiB,GAAjBA,QAAQ,CAAGF,KAAK,CAAC,CAAA;QACjBC,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGK,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACN,KAAK;QAAEE,QAAQ;QAAED,OAAO;KAAC,CAC3B;IAED,qBAAO,6BAACM,UAAa,cAAA;QAACN,OAAO,EAAEG,WAAW;QAAEL,GAAG,EAAEA,GAAG;OAAMI,IAAI,EAAI,CAAA;AACpE,CAAC;MAED,QAAiC,iBAAlBK,IAAAA,MAAU,WAAA,EAACX,MAAM,CAAC"}

package/dist/cjs/select/SelectIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/SelectIcon.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { SelectIconProps } from './types'\nimport { SelectIconDecoratorStyle, SelectIconStyle } from './SelectIconStyles'\n\nfunction SelectIcon(\n  props: SelectIconProps,\n  ref?: ForwardedRef<HTMLInputElement>\n) {\n  const { icon, ...rest } = props\n\n  return (\n    <SelectIconStyle\n      {...rest}\n      fullwidth={false}\n      arrow='small'\n      leftDecorator={\n        <SelectIconDecoratorStyle>{icon}</SelectIconDecoratorStyle>\n      }\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(SelectIcon)\n"],"names":["SelectIcon","props","ref","icon","rest","SelectIconStyle","fullwidth","arrow","leftDecorator","SelectIconDecoratorStyle","forwardRef"],"mappings":"AAAA;;;;+BAuBA,SAAqC;;aAArC,QAAqC;;;;6DAvBW,OAAO;kCAEG,oBAAoB;AAE9E,SAASA,UAAU,CACjBC,KAAsB,EACtBC,GAAoC,EACpC;IACA,MAAM,EAAEC,IAAI,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAE/B,qBACE,6BAACI,iBAAe,gBAAA,eACVD,IAAI;QACRE,SAAS,EAAE,KAAK;QAChBC,KAAK,EAAC,OAAO;QACbC,aAAa,gBACX,6BAACC,iBAAwB,yBAAA,QAAEN,IAAI,CAA4B;QAE7DD,GAAG,EAAEA,GAAG;OACR,CACH;AACH,CAAC;MAED,QAAqC,iBAAtBQ,IAAAA,MAAU,WAAA,EAACV,UAAU,CAAC"}
+{"version":3,"sources":["../../../packages/select/SelectIcon.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { SelectIconProps } from './types'\nimport { SelectIconDecoratorStyle, SelectIconStyle } from './SelectIconStyles'\n\nfunction SelectIcon(\n  props: SelectIconProps,\n  ref?: ForwardedRef<HTMLInputElement>,\n) {\n  const { icon, ...rest } = props\n\n  return (\n    <SelectIconStyle\n      {...rest}\n      fullwidth={false}\n      arrow='small'\n      leftDecorator={\n        <SelectIconDecoratorStyle>{icon}</SelectIconDecoratorStyle>\n      }\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(SelectIcon)\n"],"names":["SelectIcon","props","ref","icon","rest","SelectIconStyle","fullwidth","arrow","leftDecorator","SelectIconDecoratorStyle","forwardRef"],"mappings":"AAAA;;;;+BAuBA,SAAqC;;aAArC,QAAqC;;;;6DAvBW,OAAO;kCAEG,oBAAoB;AAE9E,SAASA,UAAU,CACjBC,KAAsB,EACtBC,GAAoC,EACpC;IACA,MAAM,EAAEC,IAAI,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAE/B,qBACE,6BAACI,iBAAe,gBAAA,eACVD,IAAI;QACRE,SAAS,EAAE,KAAK;QAChBC,KAAK,EAAC,OAAO;QACbC,aAAa,gBACX,6BAACC,iBAAwB,yBAAA,QAAEN,IAAI,CAA4B;QAE7DD,GAAG,EAAEA,GAAG;OACR,CACH;AACH,CAAC;MAED,QAAqC,iBAAtBQ,IAAAA,MAAU,WAAA,EAACV,UAAU,CAAC"}

package/dist/cjs/select/SelectIconStyles.js

@@ -25,7 +25,6 @@ const SelectIconDecoratorStyle = _styledComponents.default.span`
   display: flex;
   align-items: center;
   justify-content: center;
-
   align-self: stretch;
   justify-self: stretch;
 `;

package/dist/cjs/select/SelectIconStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/SelectIconStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport Select from './Select'\n\nexport const SelectIconStyle = styled(Select)`\n  input {\n    width: 0;\n  }\n`\n\nexport const SelectIconDecoratorStyle = styled.span`\n  margin-right: -24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  align-self: stretch;\n  justify-self: stretch;\n`\n"],"names":["SelectIconStyle","SelectIconDecoratorStyle","styled","Select","span"],"mappings":"AAAA;;;;;;;;;;;IAGaA,eAAe,MAAfA,eAAe;IAMfC,wBAAwB,MAAxBA,wBAAwB;;;uEATlB,mBAAmB;6DACnB,UAAU;AAEtB,MAAMD,eAAe,GAAGE,IAAAA,iBAAM,QAAA,EAACC,OAAM,QAAA,CAAC,CAAC;;;;AAI9C,CAAC;AAEM,MAAMF,wBAAwB,GAAGC,iBAAM,QAAA,CAACE,IAAI,CAAC;;;;;;;;AAQpD,CAAC"}
+{"version":3,"sources":["../../../packages/select/SelectIconStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport Select from './Select'\n\nexport const SelectIconStyle = styled(Select)`\n  input {\n    width: 0;\n  }\n`\n\nexport const SelectIconDecoratorStyle = styled.span`\n  margin-right: -24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: stretch;\n  justify-self: stretch;\n`\n"],"names":["SelectIconStyle","SelectIconDecoratorStyle","styled","Select","span"],"mappings":"AAAA;;;;;;;;;;;IAGaA,eAAe,MAAfA,eAAe;IAMfC,wBAAwB,MAAxBA,wBAAwB;;;uEATlB,mBAAmB;6DACnB,UAAU;AAEtB,MAAMD,eAAe,GAAGE,IAAAA,iBAAM,QAAA,EAACC,OAAM,QAAA,CAAC,CAAC;;;;AAI9C,CAAC;AAEM,MAAMF,wBAAwB,GAAGC,iBAAM,QAAA,CAACE,IAAI,CAAC;;;;;;;AAOpD,CAAC"}