@lidofinance/lido-ui 3.8.1 → 3.9.0

package/dist/cjs/accordion/AccordionStyles.js

@@ -107,14 +107,16 @@ const AccordionContentStyle = _styledComponents.default.div`
   p,
   ul,
   ol {
-    margin: 0 0 1.6em 0;
+    margin: 0 0 1.6em;
 
     &:last-child {
       margin-bottom: 0;
     }
   }
 
+  /* stylelint-disable-next-line no-descending-specificity */
   ul,
+  /* stylelint-disable-next-line no-descending-specificity */
   ol {
     padding: 0 0 0 1.5em;
   }

package/dist/cjs/accordion/AccordionStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/accordion/AccordionStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { ArrowBottom } from '@lidofinance/icons'\n\nexport const AccordionStyle = styled.div`\n  margin: 0 0 ${({ theme }) => theme.spaceMap.sm}px 0;\n  background: var(--lido-color-foreground);\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n`\n\nexport const AccordionSummaryStyle = styled.div`\n  padding: ${({ theme }) => theme.spaceMap.lg}px\n    ${({ theme }) => theme.spaceMap.xxl}px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  outline: none;\n  min-height: 40px;\n  box-sizing: content-box;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n  }\n`\n\nexport const AccordionTitleStyle = styled.div`\n  color: var(--lido-color-text);\n  flex-grow: 1;\n  font-weight: 800;\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  line-height: 1.6em;\n`\n\nexport const AccordionArrowStyle = styled(ArrowBottom)<{ $expanded: boolean }>`\n  flex-shrink: 0;\n  transform: rotate(${(props) => (props.$expanded ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  margin: -2px;\n  margin-left: ${({ theme }) => theme.spaceMap.md}px;\n  fill: var(--lido-color-textSecondary);\n`\n\nexport const AccordionContentStyle = styled.div`\n  color: var(--lido-color-textSecondary);\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n  padding-top: 0;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n    padding-top: 0;\n  }\n\n  p,\n  ul,\n  ol {\n    margin: 0 0 1.6em 0;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  ul,\n  ol {\n    padding: 0 0 0 1.5em;\n  }\n`\n"],"names":["AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","AccordionContentStyle","styled","div","theme","spaceMap","sm","borderRadiusesMap","xl","lg","xxl","mediaQueries","md","fontSizesMap","xs","ArrowBottom","props","$expanded","duration","norm","xxs"],"mappings":"AAAA;;;;;;;;;;;IAGaA,cAAc,MAAdA,cAAc;IAMdC,qBAAqB,MAArBA,qBAAqB;IAerBC,mBAAmB,MAAnBA,mBAAmB;IAQnBC,mBAAmB,MAAnBA,mBAAmB;IASnBC,qBAAqB,MAArBA,qBAAqB;;;uEAzCf,mBAAmB;uBACV,gBAAoB;AAEzC,MAAMJ,cAAc,GAAGK,iBAAM,QAAA,CAACC,GAAG,CAAC;cAC3B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;iBAEhC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;AAC7D,CAAC;AAEM,MAAMV,qBAAqB,GAAGI,iBAAM,QAAA,CAACC,GAAG,CAAC;WACrC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;IAC1C,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;;;;;;;EAQtC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;;AAEhD,CAAC;AAEM,MAAMV,mBAAmB,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;;aAIjC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;AAEpD,CAAC;AAEM,MAAMd,mBAAmB,GAAGE,IAAAA,iBAAM,QAAA,EAACa,MAAW,YAAA,CAAC,AAAwB,CAAC;;oBAE3D,EAAE,CAACC,KAAK,GAAMA,KAAK,CAACC,SAAS,GAAG,GAAG,GAAG,CAAC,AAAC,CAAC;wBACrC,EAAE,SAAeb;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACc,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;;eAE9C,EAAE,SAAef;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACO,EAAE;AAAD,CAAC,CAAC;;AAElD,CAAC;AAEM,MAAMX,qBAAqB,GAAGC,iBAAM,QAAA,CAACC,GAAG,CAAC;;WAErC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;;aAGlC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,YAAY,CAACO,GAAG;AAAD,CAAC,CAAC;;;EAGnD,EAAE,SAAehB;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;;;;;;;;;;;;;;;;;;AAkBhD,CAAC"}
+{"version":3,"sources":["../../../packages/accordion/AccordionStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { ArrowBottom } from '@lidofinance/icons'\n\nexport const AccordionStyle = styled.div`\n  margin: 0 0 ${({ theme }) => theme.spaceMap.sm}px 0;\n  background: var(--lido-color-foreground);\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n`\n\nexport const AccordionSummaryStyle = styled.div`\n  padding: ${({ theme }) => theme.spaceMap.lg}px\n    ${({ theme }) => theme.spaceMap.xxl}px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  outline: none;\n  min-height: 40px;\n  box-sizing: content-box;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n  }\n`\n\nexport const AccordionTitleStyle = styled.div`\n  color: var(--lido-color-text);\n  flex-grow: 1;\n  font-weight: 800;\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  line-height: 1.6em;\n`\n\nexport const AccordionArrowStyle = styled(ArrowBottom)<{ $expanded: boolean }>`\n  flex-shrink: 0;\n  transform: rotate(${(props) => (props.$expanded ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  margin: -2px;\n  margin-left: ${({ theme }) => theme.spaceMap.md}px;\n  fill: var(--lido-color-textSecondary);\n`\n\nexport const AccordionContentStyle = styled.div`\n  color: var(--lido-color-textSecondary);\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n  padding-top: 0;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n    padding-top: 0;\n  }\n\n  p,\n  ul,\n  ol {\n    margin: 0 0 1.6em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  ul,\n  /* stylelint-disable-next-line no-descending-specificity */\n  ol {\n    padding: 0 0 0 1.5em;\n  }\n`\n"],"names":["AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","AccordionContentStyle","styled","div","theme","spaceMap","sm","borderRadiusesMap","xl","lg","xxl","mediaQueries","md","fontSizesMap","xs","ArrowBottom","props","$expanded","duration","norm","xxs"],"mappings":"AAAA;;;;;;;;;;;IAGaA,cAAc,MAAdA,cAAc;IAMdC,qBAAqB,MAArBA,qBAAqB;IAerBC,mBAAmB,MAAnBA,mBAAmB;IAQnBC,mBAAmB,MAAnBA,mBAAmB;IASnBC,qBAAqB,MAArBA,qBAAqB;;;uEAzCf,mBAAmB;uBACV,gBAAoB;AAEzC,MAAMJ,cAAc,GAAGK,iBAAM,QAAA,CAACC,GAAG,CAAC;cAC3B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;iBAEhC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;AAC7D,CAAC;AAEM,MAAMV,qBAAqB,GAAGI,iBAAM,QAAA,CAACC,GAAG,CAAC;WACrC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;IAC1C,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;;;;;;;EAQtC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;;AAEhD,CAAC;AAEM,MAAMV,mBAAmB,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;;aAIjC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;AAEpD,CAAC;AAEM,MAAMd,mBAAmB,GAAGE,IAAAA,iBAAM,QAAA,EAACa,MAAW,YAAA,CAAC,AAAwB,CAAC;;oBAE3D,EAAE,CAACC,KAAK,GAAMA,KAAK,CAACC,SAAS,GAAG,GAAG,GAAG,CAAC,AAAC,CAAC;wBACrC,EAAE,SAAeb;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACc,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;;eAE9C,EAAE,SAAef;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACO,EAAE;AAAD,CAAC,CAAC;;AAElD,CAAC;AAEM,MAAMX,qBAAqB,GAAGC,iBAAM,QAAA,CAACC,GAAG,CAAC;;WAErC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;;aAGlC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,YAAY,CAACO,GAAG;AAAD,CAAC,CAAC;;;EAGnD,EAAE,SAAehB;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;AAoBhD,CAAC"}

package/dist/cjs/accordion/useExpanded.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types'\nimport useCollapse from 'react-collapsed'\nimport {\n  GetCollapsePropsOutput,\n  GetTogglePropsOutput,\n} from 'react-collapsed/dist/types'\n\ntype UseExpanded = (props: AccordionProps) => {\n  toggleProps: GetTogglePropsOutput\n  collapseProps: GetCollapsePropsOutput\n  isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({ defaultExpanded = false }) => {\n  const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n  useEffect(() => {\n    setExpanded(defaultExpanded)\n  }, [defaultExpanded])\n\n  const handleToggle = useCallback(\n    () => setExpanded((previous) => !previous),\n    []\n  )\n\n  const { getToggleProps, getCollapseProps } = useCollapse({ isExpanded })\n\n  return {\n    toggleProps: getToggleProps({ onClick: handleToggle }),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useExpanded","defaultExpanded","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","useCollapse","toggleProps","onClick","collapseProps"],"mappings":"AAAA;;;;+BAcaA,aAAW;;aAAXA,WAAW;;;uBAdyB,OAAO;qEAEhC,iBAAiB;AAYlC,MAAMA,WAAW,GAAgB,SAAiC;QAAhC,EAAEC,eAAe,EAAG,KAAK,CAAA,EAAE;IAClE,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAACH,eAAe,CAAC;IAE3DI,IAAAA,MAAS,UAAA,EAAC,IAAM;QACdF,WAAW,CAACF,eAAe,CAAC;IAC9B,CAAC,EAAE;QAACA,eAAe;KAAC,CAAC;IAErB,MAAMK,YAAY,GAAGC,IAAAA,MAAW,YAAA,EAC9B,IAAMJ,WAAW,CAAC,CAACK,QAAQ,GAAK,CAACA,QAAQ,CAAC,EAC1C,EAAE,CACH;IAED,MAAM,EAAEC,cAAc,CAAA,EAAEC,gBAAgB,CAAA,EAAE,GAAGC,IAAAA,eAAW,QAAA,EAAC;QAAET,UAAU;KAAE,CAAC;IAExE,OAAO;QACLU,WAAW,EAAEH,cAAc,CAAC;YAAEI,OAAO,EAAEP,YAAY;SAAE,CAAC;QACtDQ,aAAa,EAAEJ,gBAAgB,EAAE;QACjCR,UAAU;KACX,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types'\nimport useCollapse from 'react-collapsed'\nimport {\n  GetCollapsePropsOutput,\n  GetTogglePropsOutput,\n} from 'react-collapsed/dist/types'\n\ntype UseExpanded = (props: AccordionProps) => {\n  toggleProps: GetTogglePropsOutput\n  collapseProps: GetCollapsePropsOutput\n  isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({ defaultExpanded = false }) => {\n  const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n  useEffect(() => {\n    setExpanded(defaultExpanded)\n  }, [defaultExpanded])\n\n  const handleToggle = useCallback(\n    () => setExpanded((previous) => !previous),\n    [],\n  )\n\n  const { getToggleProps, getCollapseProps } = useCollapse({ isExpanded })\n\n  return {\n    toggleProps: getToggleProps({ onClick: handleToggle }),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useExpanded","defaultExpanded","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","useCollapse","toggleProps","onClick","collapseProps"],"mappings":"AAAA;;;;+BAcaA,aAAW;;aAAXA,WAAW;;;uBAdyB,OAAO;qEAEhC,iBAAiB;AAYlC,MAAMA,WAAW,GAAgB,SAAiC;QAAhC,EAAEC,eAAe,EAAG,KAAK,CAAA,EAAE;IAClE,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAACH,eAAe,CAAC;IAE3DI,IAAAA,MAAS,UAAA,EAAC,IAAM;QACdF,WAAW,CAACF,eAAe,CAAC;IAC9B,CAAC,EAAE;QAACA,eAAe;KAAC,CAAC;IAErB,MAAMK,YAAY,GAAGC,IAAAA,MAAW,YAAA,EAC9B,IAAMJ,WAAW,CAAC,CAACK,QAAQ,GAAK,CAACA,QAAQ,CAAC,EAC1C,EAAE,CACH;IAED,MAAM,EAAEC,cAAc,CAAA,EAAEC,gBAAgB,CAAA,EAAE,GAAGC,IAAAA,eAAW,QAAA,EAAC;QAAET,UAAU;KAAE,CAAC;IAExE,OAAO;QACLU,WAAW,EAAEH,cAAc,CAAC;YAAEI,OAAO,EAAEP,YAAY;SAAE,CAAC;QACtDQ,aAAa,EAAEJ,gBAAgB,EAAE;QACjCR,UAAU;KACX,CAAA;AACH,CAAC"}

package/dist/cjs/address/AddressStyles.js

@@ -23,10 +23,7 @@ const AddressStyle = _styledComponents.default.div`
 const AddressFullStyle = _styledComponents.default.span`
   position: absolute;
   overflow: hidden;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   color: transparent;
 `;
 const AddressTrimmedStyle = _styledComponents.default.span`

package/dist/cjs/address/AddressStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/address/AddressStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AddressStyle = styled.div`\n  position: relative;\n  display: inline-block;\n  font-weight: 400;\n`\n\nexport const AddressFullStyle = styled.span`\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  color: transparent;\n`\n\nexport const AddressTrimmedStyle = styled.span`\n  user-select: none;\n  pointer-events: none;\n`\n"],"names":["AddressStyle","AddressFullStyle","AddressTrimmedStyle","styled","div","span"],"mappings":"AAAA;;;;;;;;;;;IAEaA,YAAY,MAAZA,YAAY;IAMZC,gBAAgB,MAAhBA,gBAAgB;IAUhBC,mBAAmB,MAAnBA,mBAAmB;;;uEAlBb,mBAAmB;AAE/B,MAAMF,YAAY,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;;AAIvC,CAAC;AAEM,MAAMH,gBAAgB,GAAGE,iBAAM,QAAA,CAACE,IAAI,CAAC;;;;;;;;AAQ5C,CAAC;AAEM,MAAMH,mBAAmB,GAAGC,iBAAM,QAAA,CAACE,IAAI,CAAC;;;AAG/C,CAAC"}
+{"version":3,"sources":["../../../packages/address/AddressStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AddressStyle = styled.div`\n  position: relative;\n  display: inline-block;\n  font-weight: 400;\n`\n\nexport const AddressFullStyle = styled.span`\n  position: absolute;\n  overflow: hidden;\n  inset: 0;\n  color: transparent;\n`\n\nexport const AddressTrimmedStyle = styled.span`\n  user-select: none;\n  pointer-events: none;\n`\n"],"names":["AddressStyle","AddressFullStyle","AddressTrimmedStyle","styled","div","span"],"mappings":"AAAA;;;;;;;;;;;IAEaA,YAAY,MAAZA,YAAY;IAMZC,gBAAgB,MAAhBA,gBAAgB;IAOhBC,mBAAmB,MAAnBA,mBAAmB;;;uEAfb,mBAAmB;AAE/B,MAAMF,YAAY,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;;AAIvC,CAAC;AAEM,MAAMH,gBAAgB,GAAGE,iBAAM,QAAA,CAACE,IAAI,CAAC;;;;;AAK5C,CAAC;AAEM,MAAMH,mBAAmB,GAAGC,iBAAM,QAAA,CAACE,IAAI,CAAC;;;AAG/C,CAAC"}

package/dist/cjs/addressBadge/AddressBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '@lidofinance/hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nfunction AddressBadge(\n  props: AddressBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const { address, symbolsMobile = 3, symbolsDesktop = 6 } = props\n  const isMobile = useBreakpoint('md')\n\n  return (\n    <AddressBadgeStyle\n      symbols={isMobile ? symbolsMobile : symbolsDesktop}\n      address={address ?? ''}\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(AddressBadge)\n"],"names":["AddressBadge","props","ref","address","symbolsMobile","symbolsDesktop","isMobile","useBreakpoint","AddressBadgeStyle","symbols","forwardRef"],"mappings":"AAAA;;;;+BAqBA,SAAuC;;aAAvC,QAAuC;;;6DArBS,OAAO;uBACzB,gBAAoB;oCAChB,sBAAsB;AAGxD,SAASA,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAE,GAAGJ,KAAK;IAChE,MAAMK,QAAQ,GAAGC,IAAAA,MAAa,cAAA,EAAC,IAAI,CAAC;IAEpC,qBACE,6BAACC,mBAAiB,kBAAA;QAChBC,OAAO,EAAEH,QAAQ,GAAGF,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACtBD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;MAED,QAAuC,iBAAxBQ,IAAAA,MAAU,WAAA,EAACV,YAAY,CAAC"}
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '@lidofinance/hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nfunction AddressBadge(\n  props: AddressBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const { address, symbolsMobile = 3, symbolsDesktop = 6 } = props\n  const isMobile = useBreakpoint('md')\n\n  return (\n    <AddressBadgeStyle\n      symbols={isMobile ? symbolsMobile : symbolsDesktop}\n      address={address ?? ''}\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(AddressBadge)\n"],"names":["AddressBadge","props","ref","address","symbolsMobile","symbolsDesktop","isMobile","useBreakpoint","AddressBadgeStyle","symbols","forwardRef"],"mappings":"AAAA;;;;+BAqBA,SAAuC;;aAAvC,QAAuC;;;6DArBS,OAAO;uBACzB,gBAAoB;oCAChB,sBAAsB;AAGxD,SAASA,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAE,GAAGJ,KAAK;IAChE,MAAMK,QAAQ,GAAGC,IAAAA,MAAa,cAAA,EAAC,IAAI,CAAC;IAEpC,qBACE,6BAACC,mBAAiB,kBAAA;QAChBC,OAAO,EAAEH,QAAQ,GAAGF,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACtBD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;MAED,QAAuC,iBAAxBQ,IAAAA,MAAU,WAAA,EAACV,YAAY,CAAC"}

package/dist/cjs/addressBadge/AddressBadgeStyles.js

@@ -13,9 +13,11 @@ const AddressBadgeStyle = (0, _styledComponents.default)(_identicon.IdenticonBad
   max-width: 100%;
   box-sizing: border-box;
   overflow: hidden;
+
   & > * {
     flex-shrink: 0;
   }
+
   & > :first-child {
     flex-shrink: 1;
     overflow: hidden;

package/dist/cjs/addressBadge/AddressBadgeStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import { IdenticonBadge } from '@lidofinance/identicon'\nimport styled from 'styled-components'\n\nexport const AddressBadgeStyle = styled(IdenticonBadge)`\n  max-width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  & > * {\n    flex-shrink: 0;\n  }\n  & > :first-child {\n    flex-shrink: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n`\n"],"names":["AddressBadgeStyle","styled","IdenticonBadge"],"mappings":"AAAA;;;;+BAGaA,mBAAiB;;aAAjBA,iBAAiB;;;2BAHC,oBAAwB;uEACpC,mBAAmB;AAE/B,MAAMA,iBAAiB,GAAGC,IAAAA,iBAAM,QAAA,EAACC,UAAc,eAAA,CAAC,CAAC;;;;;;;;;;;;AAYxD,CAAC"}
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import { IdenticonBadge } from '@lidofinance/identicon'\nimport styled from 'styled-components'\n\nexport const AddressBadgeStyle = styled(IdenticonBadge)`\n  max-width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  & > * {\n    flex-shrink: 0;\n  }\n\n  & > :first-child {\n    flex-shrink: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n`\n"],"names":["AddressBadgeStyle","styled","IdenticonBadge"],"mappings":"AAAA;;;;+BAGaA,mBAAiB;;aAAjBA,iBAAiB;;;2BAHC,oBAAwB;uEACpC,mBAAmB;AAE/B,MAAMA,iBAAiB,GAAGC,IAAAA,iBAAM,QAAA,EAACC,UAAc,eAAA,CAAC,CAAC;;;;;;;;;;;;;;AAcxD,CAAC"}

package/dist/cjs/button/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonWrapperStyle,\n  ButtonIconStyle,\n  ButtonContentStyle,\n} from './ButtonIconStyles'\nimport { ButtonIconProps } from './types'\nimport Button from './Button'\n\nfunction ButtonIcon(\n  props: ButtonIconProps,\n  ref?: ForwardedRef<HTMLButtonElement>\n) {\n  const { icon, children, ...rest } = props\n  const hasNoChildren = !children\n\n  return (\n    <Button square={hasNoChildren} {...rest} ref={ref}>\n      <ButtonWrapperStyle>\n        <ButtonIconStyle $square={hasNoChildren}>{icon}</ButtonIconStyle>\n        <ButtonContentStyle>{children}</ButtonContentStyle>\n      </ButtonWrapperStyle>\n    </Button>\n  )\n}\n\nexport default forwardRef(ButtonIcon)\n"],"names":["ButtonIcon","props","ref","icon","children","rest","hasNoChildren","Button","square","ButtonWrapperStyle","ButtonIconStyle","$square","ButtonContentStyle","forwardRef"],"mappings":"AAAA;;;;+BA0BA,SAAqC;;aAArC,QAAqC;;;;;6DA1BW,OAAO;kCAKhD,oBAAoB;6DAER,UAAU;AAE7B,SAASA,UAAU,CACjBC,KAAsB,EACtBC,GAAqC,EACrC;IACA,MAAM,EAAEC,IAAI,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,MAAMK,aAAa,GAAG,CAACF,QAAQ;IAE/B,qBACE,6BAACG,OAAM,QAAA;QAACC,MAAM,EAAEF,aAAa;OAAMD,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAC/C,6BAACO,iBAAkB,mBAAA,sBACjB,6BAACC,iBAAe,gBAAA;QAACC,OAAO,EAAEL,aAAa;OAAGH,IAAI,CAAmB,gBACjE,6BAACS,iBAAkB,mBAAA,QAAER,QAAQ,CAAsB,CAChC,CACd,CACV;AACH,CAAC;MAED,QAAqC,iBAAtBS,IAAAA,MAAU,WAAA,EAACb,UAAU,CAAC"}
+{"version":3,"sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonWrapperStyle,\n  ButtonIconStyle,\n  ButtonContentStyle,\n} from './ButtonIconStyles'\nimport { ButtonIconProps } from './types'\nimport Button from './Button'\n\nfunction ButtonIcon(\n  props: ButtonIconProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const { icon, children, ...rest } = props\n  const hasNoChildren = !children\n\n  return (\n    <Button square={hasNoChildren} {...rest} ref={ref}>\n      <ButtonWrapperStyle>\n        <ButtonIconStyle $square={hasNoChildren}>{icon}</ButtonIconStyle>\n        <ButtonContentStyle>{children}</ButtonContentStyle>\n      </ButtonWrapperStyle>\n    </Button>\n  )\n}\n\nexport default forwardRef(ButtonIcon)\n"],"names":["ButtonIcon","props","ref","icon","children","rest","hasNoChildren","Button","square","ButtonWrapperStyle","ButtonIconStyle","$square","ButtonContentStyle","forwardRef"],"mappings":"AAAA;;;;+BA0BA,SAAqC;;aAArC,QAAqC;;;;;6DA1BW,OAAO;kCAKhD,oBAAoB;6DAER,UAAU;AAE7B,SAASA,UAAU,CACjBC,KAAsB,EACtBC,GAAqC,EACrC;IACA,MAAM,EAAEC,IAAI,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,MAAMK,aAAa,GAAG,CAACF,QAAQ;IAE/B,qBACE,6BAACG,OAAM,QAAA;QAACC,MAAM,EAAEF,aAAa;OAAMD,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAC/C,6BAACO,iBAAkB,mBAAA,sBACjB,6BAACC,iBAAe,gBAAA;QAACC,OAAO,EAAEL,aAAa;OAAGH,IAAI,CAAmB,gBACjE,6BAACS,iBAAkB,mBAAA,QAAER,QAAQ,CAAsB,CAChC,CACd,CACV;AACH,CAAC;MAED,QAAqC,iBAAtBS,IAAAA,MAAU,WAAA,EAACb,UAAU,CAAC"}

package/dist/cjs/button/ButtonIconStyles.js

@@ -31,7 +31,7 @@ const ButtonIconStyle = _styledComponents.default.span`
   flex-shrink: 0;
 
   svg {
-    fill: currentColor;
+    fill: currentcolor;
   }
 `;
 const ButtonContentStyle = _styledComponents.default.span`

package/dist/cjs/button/ButtonIconStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/ButtonIconStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const ButtonWrapperStyle = styled.span`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 1em;\n  min-width: 1em;\n`\n\nexport const ButtonIconStyle = styled.span<{ $square: boolean }>`\n  margin: ${({ $square }) => ($square ? '-12px' : '-12px -6px')};\n  line-height: 0;\n  flex-shrink: 0;\n\n  svg {\n    fill: currentColor;\n  }\n`\n\nexport const ButtonContentStyle = styled.span`\n  margin-left: 10px;\n\n  :empty {\n    display: none;\n  }\n`\n"],"names":["ButtonWrapperStyle","ButtonIconStyle","ButtonContentStyle","styled","span","$square"],"mappings":"AAAA;;;;;;;;;;;IAEaA,kBAAkB,MAAlBA,kBAAkB;IAQlBC,eAAe,MAAfA,eAAe;IAUfC,kBAAkB,MAAlBA,kBAAkB;;;uEApBZ,mBAAmB;AAE/B,MAAMF,kBAAkB,GAAGG,iBAAM,QAAA,CAACC,IAAI,CAAC;;;;;;AAM9C,CAAC;AAEM,MAAMH,eAAe,GAAGE,iBAAM,QAAA,CAACC,IAAI,AAAsB,CAAC;UACvD,EAAE,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;WAAMA,OAAO,GAAG,OAAO,GAAG,YAAY;AAAA,CAAC,CAAC;;;;;;;AAOhE,CAAC;AAEM,MAAMH,kBAAkB,GAAGC,iBAAM,QAAA,CAACC,IAAI,CAAC;;;;;;AAM9C,CAAC"}
+{"version":3,"sources":["../../../packages/button/ButtonIconStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const ButtonWrapperStyle = styled.span`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 1em;\n  min-width: 1em;\n`\n\nexport const ButtonIconStyle = styled.span<{ $square: boolean }>`\n  margin: ${({ $square }) => ($square ? '-12px' : '-12px -6px')};\n  line-height: 0;\n  flex-shrink: 0;\n\n  svg {\n    fill: currentcolor;\n  }\n`\n\nexport const ButtonContentStyle = styled.span`\n  margin-left: 10px;\n\n  :empty {\n    display: none;\n  }\n`\n"],"names":["ButtonWrapperStyle","ButtonIconStyle","ButtonContentStyle","styled","span","$square"],"mappings":"AAAA;;;;;;;;;;;IAEaA,kBAAkB,MAAlBA,kBAAkB;IAQlBC,eAAe,MAAfA,eAAe;IAUfC,kBAAkB,MAAlBA,kBAAkB;;;uEApBZ,mBAAmB;AAE/B,MAAMF,kBAAkB,GAAGG,iBAAM,QAAA,CAACC,IAAI,CAAC;;;;;;AAM9C,CAAC;AAEM,MAAMH,eAAe,GAAGE,iBAAM,QAAA,CAACC,IAAI,AAAsB,CAAC;UACvD,EAAE,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;WAAMA,OAAO,GAAG,OAAO,GAAG,YAAY;AAAA,CAAC,CAAC;;;;;;;AAOhE,CAAC;AAEM,MAAMH,kBAAkB,GAAGC,iBAAM,QAAA,CAACC,IAAI,CAAC;;;;;;AAM9C,CAAC"}

package/dist/cjs/button/ButtonStyles.js

@@ -166,7 +166,8 @@ const variants = {
   `,
     outlined: (0, _styledComponents.css)`
     color: ${getMainColor};
-    transition: background-color ${(param)=>{
+    transition:
+      background-color ${(param)=>{
         let { theme  } = param;
         return theme.duration.fast;
     }} ease,
@@ -175,7 +176,7 @@ const variants = {
         return theme.duration.fast;
     }} ease;
 
-    :before {
+    ::before {
       display: block;
       border: 1px solid ${getMainColor};
     }
@@ -190,7 +191,7 @@ const variants = {
     color: ${getMainColor};
     background-color: var(--lido-color-foreground);
 
-    :before {
+    ::before {
       display: block;
       background-color: ${getMainColor};
       transition: opacity ${(param)=>{
@@ -202,7 +203,8 @@ const variants = {
 
     :not(:disabled):hover,
     :focus-visible {
-      :before {
+      /* stylelint-disable-next-line no-descending-specificity */
+      ::before {
         opacity: 0.1;
       }
     }
@@ -210,7 +212,7 @@ const variants = {
     ghost: (0, _styledComponents.css)`
     color: ${getMainColor};
 
-    :before {
+    ::before {
       display: block;
       background-color: ${getMainColor};
       transition: opacity ${(param)=>{
@@ -222,7 +224,8 @@ const variants = {
 
     :not(:disabled):hover,
     :focus-visible {
-      :before {
+      /* stylelint-disable-next-line no-descending-specificity */
+      ::before {
         opacity: 0.1;
       }
     }
@@ -230,7 +233,7 @@ const variants = {
     translucent: (0, _styledComponents.css)`
     color: ${getMainColor};
 
-    :before {
+    ::before {
       display: block;
       background-color: ${getMainColor};
       transition: opacity ${(param)=>{
@@ -242,7 +245,8 @@ const variants = {
 
     :not(:disabled):hover,
     :focus-visible {
-      :before {
+      /* stylelint-disable-next-line no-descending-specificity */
+      ::before {
         opacity: 0.2;
       }
     }
@@ -264,13 +268,10 @@ const ButtonStyle = _styledComponents.default.button`
     return $fullwidth ? ' 100%' : 'auto';
 }};
 
-  :before {
+  ::before {
     content: '';
     position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+    inset: 0;
     pointer-events: none;
     border-radius: inherit;
     display: none;
@@ -302,7 +303,7 @@ const ButtonRippleStyle = _styledComponents.default.span`
   transform: scale(0);
   pointer-events: none;
   animation: ${ripple} 0.8s linear;
-  background-color: currentColor;
+  background-color: currentcolor;
   opacity: 0.4;
 `;
 const ButtonContentStyle = _styledComponents.default.span`
@@ -318,7 +319,7 @@ const ButtonLoaderStyle = (0, _styledComponents.default)(_loaders.Loader)`
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  color: currentColor;
+  color: currentcolor;
   pointer-events: none;
 `;
 

package/dist/cjs/button/ButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { Loader } from '@lidofinance/loaders'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types'\n\ntype InjectedProps = {\n  $color: ButtonColors\n  $size: ButtonSizes\n  $variant: ButtonVariants\n  $fullwidth: boolean\n  $square: boolean\n  $loading: boolean\n  $active: boolean\n  theme: Theme\n}\n\nconst sizes = {\n  xxs: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n    min-width: ${({ $square }) => ($square ? '0' : '50px')};\n  `,\n  xs: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n    min-width: ${({ $square }) => ($square ? '0' : '60px')};\n  `,\n  sm: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n    min-width: ${({ $square }) => ($square ? '0' : '100px')};\n  `,\n  md: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n    padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n    min-width: ${({ $square }) => ($square ? '0' : '120px')};\n  `,\n  lg: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n    box-shadow: ${({ theme }) => theme.boxShadows.md}\n      var(--lido-color-shadowDark);\n    padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n    min-width: ${({ $square }) => ($square ? '0' : '160px')};\n  `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primary)`,\n    secondary: `var(--lido-color-secondary)`,\n    warning: `var(--lido-color-warning)`,\n    error: `var(--lido-color-error)`,\n    success: `var(--lido-color-success)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primaryContrast)`,\n    secondary: `var(--lido-color-secondaryContrast)`,\n    warning: `var(--lido-color-warningContrast)`,\n    error: `var(--lido-color-errorContrast)`,\n    success: `var(--lido-color-successContrast)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primaryHover)`,\n    secondary: `var(--lido-color-secondaryHover)`,\n    warning: `var(--lido-color-warningHover)`,\n    error: `var(--lido-color-errorHover)`,\n    success: `var(--lido-color-successHover)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst variants = {\n  filled: css`\n    color: ${getContrastColor};\n    background-color: ${getMainColor};\n    transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n    :not(:disabled):hover,\n    :focus-visible {\n      background-color: ${getHoverColor};\n    }\n  `,\n  outlined: css`\n    color: ${getMainColor};\n    transition: background-color ${({ theme }) => theme.duration.fast} ease,\n      color ${({ theme }) => theme.duration.fast} ease;\n\n    :before {\n      display: block;\n      border: 1px solid ${getMainColor};\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      background-color: ${getHoverColor};\n      color: ${getContrastColor};\n    }\n  `,\n  text: css`\n    color: ${getMainColor};\n    background-color: var(--lido-color-foreground);\n\n    :before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      :before {\n        opacity: 0.1;\n      }\n    }\n  `,\n  ghost: css`\n    color: ${getMainColor};\n\n    :before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      :before {\n        opacity: 0.1;\n      }\n    }\n  `,\n  translucent: css`\n    color: ${getMainColor};\n\n    :before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0.1;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      :before {\n        opacity: 0.2;\n      }\n    }\n  `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n  box-sizing: border-box;\n  margin: 0;\n  border: none;\n  outline: none;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 700;\n  width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n\n  :before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    pointer-events: none;\n    border-radius: inherit;\n    display: none;\n  }\n\n  :not(:disabled) {\n    cursor: pointer;\n  }\n\n  :disabled {\n    opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n  }\n\n  ${(props) => sizes[props.$size]}\n  ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n  to {\n    transform: scale(4);\n    opacity: 0;\n  }\n`\n\nexport const ButtonRippleStyle = styled.span`\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  pointer-events: none;\n  animation: ${ripple} 0.8s linear;\n  background-color: currentColor;\n  opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n  position: relative;\n  pointer-events: none;\n  visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: currentColor;\n  pointer-events: none;\n`\n"],"names":["ButtonStyle","ripple","ButtonRippleStyle","ButtonContentStyle","ButtonLoaderStyle","sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","styled","button","$fullwidth","$loading","$size","$variant","keyframes","span","$hidden","Loader"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { Loader } from '@lidofinance/loaders'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types'\n\ntype InjectedProps = {\n  $color: ButtonColors\n  $size: ButtonSizes\n  $variant: ButtonVariants\n  $fullwidth: boolean\n  $square: boolean\n  $loading: boolean\n  $active: boolean\n  theme: Theme\n}\n\nconst sizes = {\n  xxs: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n    min-width: ${({ $square }) => ($square ? '0' : '50px')};\n  `,\n  xs: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n    min-width: ${({ $square }) => ($square ? '0' : '60px')};\n  `,\n  sm: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n    min-width: ${({ $square }) => ($square ? '0' : '100px')};\n  `,\n  md: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n    padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n    min-width: ${({ $square }) => ($square ? '0' : '120px')};\n  `,\n  lg: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n    box-shadow: ${({ theme }) => theme.boxShadows.md}\n      var(--lido-color-shadowDark);\n    padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n    min-width: ${({ $square }) => ($square ? '0' : '160px')};\n  `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primary)`,\n    secondary: `var(--lido-color-secondary)`,\n    warning: `var(--lido-color-warning)`,\n    error: `var(--lido-color-error)`,\n    success: `var(--lido-color-success)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primaryContrast)`,\n    secondary: `var(--lido-color-secondaryContrast)`,\n    warning: `var(--lido-color-warningContrast)`,\n    error: `var(--lido-color-errorContrast)`,\n    success: `var(--lido-color-successContrast)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primaryHover)`,\n    secondary: `var(--lido-color-secondaryHover)`,\n    warning: `var(--lido-color-warningHover)`,\n    error: `var(--lido-color-errorHover)`,\n    success: `var(--lido-color-successHover)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst variants = {\n  filled: css`\n    color: ${getContrastColor};\n    background-color: ${getMainColor};\n    transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n    :not(:disabled):hover,\n    :focus-visible {\n      background-color: ${getHoverColor};\n    }\n  `,\n  outlined: css`\n    color: ${getMainColor};\n    transition:\n      background-color ${({ theme }) => theme.duration.fast} ease,\n      color ${({ theme }) => theme.duration.fast} ease;\n\n    ::before {\n      display: block;\n      border: 1px solid ${getMainColor};\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      background-color: ${getHoverColor};\n      color: ${getContrastColor};\n    }\n  `,\n  text: css`\n    color: ${getMainColor};\n    background-color: var(--lido-color-foreground);\n\n    ::before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      /* stylelint-disable-next-line no-descending-specificity */\n      ::before {\n        opacity: 0.1;\n      }\n    }\n  `,\n  ghost: css`\n    color: ${getMainColor};\n\n    ::before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      /* stylelint-disable-next-line no-descending-specificity */\n      ::before {\n        opacity: 0.1;\n      }\n    }\n  `,\n  translucent: css`\n    color: ${getMainColor};\n\n    ::before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0.1;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      /* stylelint-disable-next-line no-descending-specificity */\n      ::before {\n        opacity: 0.2;\n      }\n    }\n  `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n  box-sizing: border-box;\n  margin: 0;\n  border: none;\n  outline: none;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 700;\n  width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n\n  ::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    border-radius: inherit;\n    display: none;\n  }\n\n  :not(:disabled) {\n    cursor: pointer;\n  }\n\n  :disabled {\n    opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n  }\n\n  ${(props) => sizes[props.$size]}\n  ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n  to {\n    transform: scale(4);\n    opacity: 0;\n  }\n`\n\nexport const ButtonRippleStyle = styled.span`\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  pointer-events: none;\n  animation: ${ripple} 0.8s linear;\n  background-color: currentcolor;\n  opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n  position: relative;\n  pointer-events: none;\n  visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: currentcolor;\n  pointer-events: none;\n`\n"],"names":["ButtonStyle","ripple","ButtonRippleStyle","ButtonContentStyle","ButtonLoaderStyle","sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","styled","button","$fullwidth","$loading","$size","$variant","keyframes","span","$hidden","Loader"],"mappings":"AAAA;;;;;;;;;;;IA8KaA,WAAW,MAAXA,WAAW;IAkCXC,MAAM,MAANA,MAAM;IAONC,iBAAiB,MAAjBA,iBAAiB;IAUjBC,kBAAkB,MAAlBA,kBAAkB;IAMlBC,iBAAiB,MAAjBA,iBAAiB;;;wEAvOS,mBAAmB;yBAEnC,kBAAsB;AAc7C,MAAMC,KAAK,GAAG;IACZC,GAAG,EAAEC,IAAAA,iBAAG,IAAA,CAAe,CAAC;;eAEX,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACC,IAAI;IAAD,CAAC,CAAC;mBACrC,EAAE,SAAeF;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACG,iBAAiB,CAACC,EAAE;IAAD,CAAC,CAAC;aAClD,EAAE,SAAiB;YAAhB,EAAEC,OAAO,CAAA,EAAE;eAAMA,OAAO,GAAG,MAAM,GAAG,WAAW;IAAA,CAAC,CAAC;eAClD,EAAE,SAAiB;YAAhB,EAAEA,OAAO,CAAA,EAAE;eAAMA,OAAO,GAAG,GAAG,GAAG,MAAM;IAAA,CAAC,CAAC;EACzD,CAAC;IACDC,EAAE,EAAEP,IAAAA,iBAAG,IAAA,CAAe,CAAC;;eAEV,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACH,GAAG;IAAD,CAAC,CAAC;mBACpC,EAAE,SAAeE;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACG,iBAAiB,CAACC,EAAE;IAAD,CAAC,CAAC;aAClD,EAAE,SAAiB;YAAhB,EAAEC,OAAO,CAAA,EAAE;eAAMA,OAAO,GAAG,MAAM,GAAG,WAAW;IAAA,CAAC,CAAC;eAClD,EAAE,SAAiB;YAAhB,EAAEA,OAAO,CAAA,EAAE;eAAMA,OAAO,GAAG,GAAG,GAAG,MAAM;IAAA,CAAC,CAAC;EACzD,CAAC;IACDD,EAAE,EAAEL,IAAAA,iBAAG,IAAA,CAAe,CAAC;;eAEV,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACK,EAAE;IAAD,CAAC,CAAC;mBACnC,EAAE,SAAeN;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACG,iBAAiB,CAACC,EAAE;IAAD,CAAC,CAAC;aAClD,EAAE,SAAiB;YAAhB,EAAEC,OAAO,CAAA,EAAE;eAAMA,OAAO,GAAG,MAAM,GAAG,WAAW;IAAA,CAAC,CAAC;eAClD,EAAE,SAAiB;YAAhB,EAAEA,OAAO,CAAA,EAAE;eAAMA,OAAO,GAAG,GAAG,GAAG,OAAO;IAAA,CAAC,CAAC;EAC1D,CAAC;IACDE,EAAE,EAAER,IAAAA,iBAAG,IAAA,CAAe,CAAC;;eAEV,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACK,EAAE;IAAD,CAAC,CAAC;mBACnC,EAAE,SAAeN;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACG,iBAAiB,CAACK,EAAE;IAAD,CAAC,CAAC;aAClD,EAAE,SAAiB;YAAhB,EAAEH,OAAO,CAAA,EAAE;eAAMA,OAAO,GAAG,MAAM,GAAG,WAAW;IAAA,CAAC,CAAC;eAClD,EAAE,SAAiB;YAAhB,EAAEA,OAAO,CAAA,EAAE;eAAMA,OAAO,GAAG,GAAG,GAAG,OAAO;IAAA,CAAC,CAAC;EAC1D,CAAC;IACDG,EAAE,EAAET,IAAAA,iBAAG,IAAA,CAAe,CAAC;;eAEV,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACG,EAAE;IAAD,CAAC,CAAC;mBACnC,EAAE,SAAeJ;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACG,iBAAiB,CAACK,EAAE;IAAD,CAAC,CAAC;gBAC/C,EAAE,SAAeR;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACS,UAAU,CAACF,EAAE;IAAD,CAAC,CAAC;;aAExC,EAAE,SAAiB;YAAhB,EAAEF,OAAO,CAAA,EAAE;eAAMA,OAAO,GAAG,MAAM,GAAG,WAAW;IAAA,CAAC,CAAC;eAClD,EAAE,SAAiB;YAAhB,EAAEA,OAAO,CAAA,EAAE;eAAMA,OAAO,GAAG,GAAG,GAAG,OAAO;IAAA,CAAC,CAAC;EAC1D,CAAC;CACF;AAED,MAAMK,YAAY,GAAG,CAACC,KAAoB,GAAK;IAC7C,MAAMC,SAAS,GAAG;QAChBC,OAAO,EAAE,CAAC,yBAAyB,CAAC;QACpCC,SAAS,EAAE,CAAC,2BAA2B,CAAC;QACxCC,OAAO,EAAE,CAAC,yBAAyB,CAAC;QACpCC,KAAK,EAAE,CAAC,uBAAuB,CAAC;QAChCC,OAAO,EAAE,CAAC,yBAAyB,CAAC;KACrC;IACD,OAAOL,SAAS,CAACD,KAAK,CAACO,MAAM,CAAC,CAAA;AAChC,CAAC;AAED,MAAMC,gBAAgB,GAAG,CAACR,KAAoB,GAAK;IACjD,MAAMC,SAAS,GAAG;QAChBC,OAAO,EAAE,CAAC,iCAAiC,CAAC;QAC5CC,SAAS,EAAE,CAAC,mCAAmC,CAAC;QAChDC,OAAO,EAAE,CAAC,iCAAiC,CAAC;QAC5CC,KAAK,EAAE,CAAC,+BAA+B,CAAC;QACxCC,OAAO,EAAE,CAAC,iCAAiC,CAAC;KAC7C;IACD,OAAOL,SAAS,CAACD,KAAK,CAACO,MAAM,CAAC,CAAA;AAChC,CAAC;AAED,MAAME,aAAa,GAAG,CAACT,KAAoB,GAAK;IAC9C,MAAMC,SAAS,GAAG;QAChBC,OAAO,EAAE,CAAC,8BAA8B,CAAC;QACzCC,SAAS,EAAE,CAAC,gCAAgC,CAAC;QAC7CC,OAAO,EAAE,CAAC,8BAA8B,CAAC;QACzCC,KAAK,EAAE,CAAC,4BAA4B,CAAC;QACrCC,OAAO,EAAE,CAAC,8BAA8B,CAAC;KAC1C;IACD,OAAOL,SAAS,CAACD,KAAK,CAACO,MAAM,CAAC,CAAA;AAChC,CAAC;AAED,MAAMG,QAAQ,GAAG;IACfC,MAAM,EAAEvB,IAAAA,iBAAG,IAAA,CAAA,CAAC;WACH,EAAEoB,gBAAgB,CAAC;sBACR,EAAET,YAAY,CAAC;iCACJ,EAAE,SAAeV;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACuB,QAAQ,CAACC,IAAI;IAAD,CAAC,CAAC;;;;wBAI9C,EAAEJ,aAAa,CAAC;;EAEtC,CAAC;IACDK,QAAQ,EAAE1B,IAAAA,iBAAG,IAAA,CAAA,CAAC;WACL,EAAEW,YAAY,CAAC;;uBAEH,EAAE,SAAeV;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACuB,QAAQ,CAACC,IAAI;IAAD,CAAC,CAAC;YAChD,EAAE,SAAexB;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACuB,QAAQ,CAACC,IAAI;IAAD,CAAC,CAAC;;;;wBAIzB,EAAEd,YAAY,CAAC;;;;;wBAKf,EAAEU,aAAa,CAAC;aAC3B,EAAED,gBAAgB,CAAC;;EAE9B,CAAC;IACDO,IAAI,EAAE3B,IAAAA,iBAAG,IAAA,CAAA,CAAC;WACD,EAAEW,YAAY,CAAC;;;;;wBAKF,EAAEA,YAAY,CAAC;0BACb,EAAE,SAAeV;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACuB,QAAQ,CAACC,IAAI;IAAD,CAAC,CAAC;;;;;;;;;;;EAW7D,CAAC;IACDG,KAAK,EAAE5B,IAAAA,iBAAG,IAAA,CAAA,CAAC;WACF,EAAEW,YAAY,CAAC;;;;wBAIF,EAAEA,YAAY,CAAC;0BACb,EAAE,SAAeV;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACuB,QAAQ,CAACC,IAAI;IAAD,CAAC,CAAC;;;;;;;;;;;EAW7D,CAAC;IACDI,WAAW,EAAE7B,IAAAA,iBAAG,IAAA,CAAA,CAAC;WACR,EAAEW,YAAY,CAAC;;;;wBAIF,EAAEA,YAAY,CAAC;0BACb,EAAE,SAAeV;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACuB,QAAQ,CAACC,IAAI;IAAD,CAAC,CAAC;;;;;;;;;;;EAW7D,CAAC;CACF;AAEM,MAAMhC,WAAW,GAAGqC,iBAAM,QAAA,CAACC,MAAM,AAAe,CAAC;;;;;;;;;;;SAW/C,EAAE,SAAoB;QAAnB,EAAEC,UAAU,CAAA,EAAE;WAAMA,UAAU,GAAG,OAAO,GAAG,MAAM;AAAA,CAAC,CAAC;;;;;;;;;;;;;;;;aAgBlD,EAAE,SAAkB;QAAjB,EAAEC,QAAQ,CAAA,EAAE;WAAMA,QAAQ,GAAG,CAAC,GAAG,GAAG;AAAA,CAAC,CAAC;;;EAGpD,EAAE,CAACrB,KAAK,GAAKd,KAAK,CAACc,KAAK,CAACsB,KAAK,CAAC,CAAC;EAChC,EAAE,CAACtB,KAAK,GAAKU,QAAQ,CAACV,KAAK,CAACuB,QAAQ,CAAC,CAAC;AACxC,CAAC;AAEM,MAAMzC,MAAM,GAAG0C,IAAAA,iBAAS,UAAA,CAAA,CAAC;;;;;AAKhC,CAAC;AAEM,MAAMzC,iBAAiB,GAAGmC,iBAAM,QAAA,CAACO,IAAI,CAAC;;;;;aAKhC,EAAE3C,MAAM,CAAC;;;AAGtB,CAAC;AAEM,MAAME,kBAAkB,GAAGkC,iBAAM,QAAA,CAACO,IAAI,AAAsB,CAAC;;;cAGtD,EAAE,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;WAAMA,OAAO,GAAG,QAAQ,GAAG,SAAS;AAAA,CAAC,CAAC;AAClE,CAAC;AAEM,MAAMzC,iBAAiB,GAAGiC,IAAAA,iBAAM,QAAA,EAACS,QAAM,OAAA,CAAC,CAAC;;;;;;;AAOhD,CAAC"}

package/dist/cjs/button/useRipple.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/useRipple.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react'\nimport { ButtonProps } from './types'\nimport { ButtonRippleStyle } from './ButtonStyles'\n\ntype UseRipple = (props: ButtonProps) => {\n  ripple: React.ReactNode\n  handleClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n}\n\nexport const useRipple: UseRipple = ({ onClick }) => {\n  const [ripple, setRipple] = useState<React.ReactNode | null>(null)\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      const button = event.currentTarget\n      const rect = button.getBoundingClientRect()\n      const diameter = Math.max(button.clientWidth, button.clientHeight)\n      const radius = diameter / 2\n      const isMouseClick = event.clientX > 0 && event.clientY > 0\n\n      const x = isMouseClick\n        ? event.clientX - rect.left\n        : button.clientWidth / 2\n\n      const y = isMouseClick\n        ? event.clientY - rect.top\n        : button.clientHeight / 2\n\n      const style = {\n        width: diameter,\n        height: diameter,\n        left: x - radius,\n        top: y - radius,\n      }\n\n      setRipple(<ButtonRippleStyle style={style} key={event.timeStamp} />)\n      onClick?.(event)\n    },\n    [onClick]\n  )\n\n  return {\n    ripple,\n    handleClick,\n  }\n}\n"],"names":["useRipple","onClick","ripple","setRipple","useState","handleClick","useCallback","event","button","currentTarget","rect","getBoundingClientRect","diameter","Math","max","clientWidth","clientHeight","radius","isMouseClick","clientX","clientY","x","left","y","top","style","width","height","ButtonRippleStyle","key","timeStamp"],"mappings":"AAAA;;;;+BASaA,WAAS;;aAATA,SAAS;;;6DATuB,OAAO;8BAElB,gBAAgB;AAO3C,MAAMA,SAAS,GAAc,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;IAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAyB,IAAI,CAAC;IAElE,MAAMC,WAAW,GAAGC,IAAAA,MAAW,YAAA,EAC7B,CAACC,KAAsD,GAAK;QAC1D,MAAMC,MAAM,GAAGD,KAAK,CAACE,aAAa;QAClC,MAAMC,IAAI,GAAGF,MAAM,CAACG,qBAAqB,EAAE;QAC3C,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACN,MAAM,CAACO,WAAW,EAAEP,MAAM,CAACQ,YAAY,CAAC;QAClE,MAAMC,MAAM,GAAGL,QAAQ,GAAG,CAAC;QAC3B,MAAMM,YAAY,GAAGX,KAAK,CAACY,OAAO,GAAG,CAAC,IAAIZ,KAAK,CAACa,OAAO,GAAG,CAAC;QAE3D,MAAMC,CAAC,GAAGH,YAAY,GAClBX,KAAK,CAACY,OAAO,GAAGT,IAAI,CAACY,IAAI,GACzBd,MAAM,CAACO,WAAW,GAAG,CAAC;QAE1B,MAAMQ,CAAC,GAAGL,YAAY,GAClBX,KAAK,CAACa,OAAO,GAAGV,IAAI,CAACc,GAAG,GACxBhB,MAAM,CAACQ,YAAY,GAAG,CAAC;QAE3B,MAAMS,KAAK,GAAG;YACZC,KAAK,EAAEd,QAAQ;YACfe,MAAM,EAAEf,QAAQ;YAChBU,IAAI,EAAED,CAAC,GAAGJ,MAAM;YAChBO,GAAG,EAAED,CAAC,GAAGN,MAAM;SAChB;QAEDd,SAAS,eAAC,6BAACyB,aAAiB,kBAAA;YAACH,KAAK,EAAEA,KAAK;YAAEI,GAAG,EAAEtB,KAAK,CAACuB,SAAS;UAAI,CAAC;QACpE7B,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGM,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACN,OAAO;KAAC,CACV;IAED,OAAO;QACLC,MAAM;QACNG,WAAW;KACZ,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/button/useRipple.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react'\nimport { ButtonProps } from './types'\nimport { ButtonRippleStyle } from './ButtonStyles'\n\ntype UseRipple = (props: ButtonProps) => {\n  ripple: React.ReactNode\n  handleClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n}\n\nexport const useRipple: UseRipple = ({ onClick }) => {\n  const [ripple, setRipple] = useState<React.ReactNode | null>(null)\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      const button = event.currentTarget\n      const rect = button.getBoundingClientRect()\n      const diameter = Math.max(button.clientWidth, button.clientHeight)\n      const radius = diameter / 2\n      const isMouseClick = event.clientX > 0 && event.clientY > 0\n\n      const x = isMouseClick\n        ? event.clientX - rect.left\n        : button.clientWidth / 2\n\n      const y = isMouseClick\n        ? event.clientY - rect.top\n        : button.clientHeight / 2\n\n      const style = {\n        width: diameter,\n        height: diameter,\n        left: x - radius,\n        top: y - radius,\n      }\n\n      setRipple(<ButtonRippleStyle style={style} key={event.timeStamp} />)\n      onClick?.(event)\n    },\n    [onClick],\n  )\n\n  return {\n    ripple,\n    handleClick,\n  }\n}\n"],"names":["useRipple","onClick","ripple","setRipple","useState","handleClick","useCallback","event","button","currentTarget","rect","getBoundingClientRect","diameter","Math","max","clientWidth","clientHeight","radius","isMouseClick","clientX","clientY","x","left","y","top","style","width","height","ButtonRippleStyle","key","timeStamp"],"mappings":"AAAA;;;;+BASaA,WAAS;;aAATA,SAAS;;;6DATuB,OAAO;8BAElB,gBAAgB;AAO3C,MAAMA,SAAS,GAAc,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;IAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAyB,IAAI,CAAC;IAElE,MAAMC,WAAW,GAAGC,IAAAA,MAAW,YAAA,EAC7B,CAACC,KAAsD,GAAK;QAC1D,MAAMC,MAAM,GAAGD,KAAK,CAACE,aAAa;QAClC,MAAMC,IAAI,GAAGF,MAAM,CAACG,qBAAqB,EAAE;QAC3C,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACN,MAAM,CAACO,WAAW,EAAEP,MAAM,CAACQ,YAAY,CAAC;QAClE,MAAMC,MAAM,GAAGL,QAAQ,GAAG,CAAC;QAC3B,MAAMM,YAAY,GAAGX,KAAK,CAACY,OAAO,GAAG,CAAC,IAAIZ,KAAK,CAACa,OAAO,GAAG,CAAC;QAE3D,MAAMC,CAAC,GAAGH,YAAY,GAClBX,KAAK,CAACY,OAAO,GAAGT,IAAI,CAACY,IAAI,GACzBd,MAAM,CAACO,WAAW,GAAG,CAAC;QAE1B,MAAMQ,CAAC,GAAGL,YAAY,GAClBX,KAAK,CAACa,OAAO,GAAGV,IAAI,CAACc,GAAG,GACxBhB,MAAM,CAACQ,YAAY,GAAG,CAAC;QAE3B,MAAMS,KAAK,GAAG;YACZC,KAAK,EAAEd,QAAQ;YACfe,MAAM,EAAEf,QAAQ;YAChBU,IAAI,EAAED,CAAC,GAAGJ,MAAM;YAChBO,GAAG,EAAED,CAAC,GAAGN,MAAM;SAChB;QAEDd,SAAS,eAAC,6BAACyB,aAAiB,kBAAA;YAACH,KAAK,EAAEA,KAAK;YAAEI,GAAG,EAAEtB,KAAK,CAACuB,SAAS;UAAI,CAAC;QACpE7B,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGM,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACN,OAAO;KAAC,CACV;IAED,OAAO;QACLC,MAAM;QACNG,WAAW;KACZ,CAAA;AACH,CAAC"}

package/dist/cjs/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types'\nimport {\n  CheckboxWrapperStyle,\n  CheckboxInputStyle,\n  CheckboxIconStyle,\n} from './CheckboxStyles'\nimport { Text } from '@lidofinance/text'\nimport { Box } from '@lidofinance/box'\n\nfunction Checkbox(\n  props: CheckboxProps,\n  inputRef?: ForwardedRef<HTMLInputElement>\n) {\n  const { className, style, wrapperRef, children, label, ...inputProps } = props\n  const { disabled } = inputProps\n  const wrapperProps = { className, style }\n\n  return (\n    <CheckboxWrapperStyle {...wrapperProps} ref={wrapperRef}>\n      <CheckboxInputStyle type='checkbox' {...inputProps} ref={inputRef} />\n      <CheckboxIconStyle />\n      {label && (\n        <Box ml={8}>\n          <Text size='xxs' color={disabled ? 'secondary' : 'default'}>\n            {label}\n          </Text>\n        </Box>\n      )}\n    </CheckboxWrapperStyle>\n  )\n}\n\nexport default forwardRef(Checkbox)\n"],"names":["Checkbox","props","inputRef","className","style","wrapperRef","children","label","inputProps","disabled","wrapperProps","CheckboxWrapperStyle","ref","CheckboxInputStyle","type","CheckboxIconStyle","Box","ml","Text","size","color","forwardRef"],"mappings":"AAAA;;;;+BAiCA,SAAmC;;aAAnC,QAAmC;;;;6DAjCa,OAAO;gCAMhD,kBAAkB;sBACJ,eAAmB;qBACpB,cAAkB;AAEtC,SAASA,QAAQ,CACfC,KAAoB,EACpBC,QAAyC,EACzC;IACA,MAAM,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAEC,UAAU,CAAA,EAAEC,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAE,GAAGC,UAAU,EAAE,GAAGP,KAAK;IAC9E,MAAM,EAAEQ,QAAQ,CAAA,EAAE,GAAGD,UAAU;IAC/B,MAAME,YAAY,GAAG;QAAEP,SAAS;QAAEC,KAAK;KAAE;IAEzC,qBACE,6BAACO,eAAoB,qBAAA,eAAKD,YAAY;QAAEE,GAAG,EAAEP,UAAU;sBACrD,6BAACQ,eAAkB,mBAAA;QAACC,IAAI,EAAC,UAAU;OAAKN,UAAU;QAAEI,GAAG,EAAEV,QAAQ;OAAI,gBACrE,6BAACa,eAAiB,kBAAA,OAAG,EACpBR,KAAK,kBACJ,6BAACS,IAAG,IAAA;QAACC,EAAE,EAAE,CAAC;qBACR,6BAACC,KAAI,KAAA;QAACC,IAAI,EAAC,KAAK;QAACC,KAAK,EAAEX,QAAQ,GAAG,WAAW,GAAG,SAAS;OACvDF,KAAK,CACD,CACH,AACP,CACoB,CACxB;AACH,CAAC;MAED,QAAmC,iBAApBc,IAAAA,MAAU,WAAA,EAACrB,QAAQ,CAAC"}
+{"version":3,"sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types'\nimport {\n  CheckboxWrapperStyle,\n  CheckboxInputStyle,\n  CheckboxIconStyle,\n} from './CheckboxStyles'\nimport { Text } from '@lidofinance/text'\nimport { Box } from '@lidofinance/box'\n\nfunction Checkbox(\n  props: CheckboxProps,\n  inputRef?: ForwardedRef<HTMLInputElement>,\n) {\n  const { className, style, wrapperRef, children, label, ...inputProps } = props\n  const { disabled } = inputProps\n  const wrapperProps = { className, style }\n\n  return (\n    <CheckboxWrapperStyle {...wrapperProps} ref={wrapperRef}>\n      <CheckboxInputStyle type='checkbox' {...inputProps} ref={inputRef} />\n      <CheckboxIconStyle />\n      {label && (\n        <Box ml={8}>\n          <Text size='xxs' color={disabled ? 'secondary' : 'default'}>\n            {label}\n          </Text>\n        </Box>\n      )}\n    </CheckboxWrapperStyle>\n  )\n}\n\nexport default forwardRef(Checkbox)\n"],"names":["Checkbox","props","inputRef","className","style","wrapperRef","children","label","inputProps","disabled","wrapperProps","CheckboxWrapperStyle","ref","CheckboxInputStyle","type","CheckboxIconStyle","Box","ml","Text","size","color","forwardRef"],"mappings":"AAAA;;;;+BAiCA,SAAmC;;aAAnC,QAAmC;;;;6DAjCa,OAAO;gCAMhD,kBAAkB;sBACJ,eAAmB;qBACpB,cAAkB;AAEtC,SAASA,QAAQ,CACfC,KAAoB,EACpBC,QAAyC,EACzC;IACA,MAAM,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAEC,UAAU,CAAA,EAAEC,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAE,GAAGC,UAAU,EAAE,GAAGP,KAAK;IAC9E,MAAM,EAAEQ,QAAQ,CAAA,EAAE,GAAGD,UAAU;IAC/B,MAAME,YAAY,GAAG;QAAEP,SAAS;QAAEC,KAAK;KAAE;IAEzC,qBACE,6BAACO,eAAoB,qBAAA,eAAKD,YAAY;QAAEE,GAAG,EAAEP,UAAU;sBACrD,6BAACQ,eAAkB,mBAAA;QAACC,IAAI,EAAC,UAAU;OAAKN,UAAU;QAAEI,GAAG,EAAEV,QAAQ;OAAI,gBACrE,6BAACa,eAAiB,kBAAA,OAAG,EACpBR,KAAK,kBACJ,6BAACS,IAAG,IAAA;QAACC,EAAE,EAAE,CAAC;qBACR,6BAACC,KAAI,KAAA;QAACC,IAAI,EAAC,KAAK;QAACC,KAAK,EAAEX,QAAQ,GAAG,WAAW,GAAG,SAAS;OACvDF,KAAK,CACD,CACH,AACP,CACoB,CACxB;AACH,CAAC;MAED,QAAmC,iBAApBc,IAAAA,MAAU,WAAA,EAACrB,QAAQ,CAAC"}

package/dist/cjs/checkbox/CheckboxStyles.js

@@ -28,7 +28,9 @@ const CheckboxIconStyle = (0, _styledComponents.default)(_icons.Check)`
   height: 24px;
   width: 24px;
   border-radius: 4px;
-  transition: box-shadow 0.1s ease, background-color 0.1s ease;
+  transition:
+    box-shadow 0.1s ease,
+    background-color 0.1s ease;
   fill: var(--lido-color-primaryContrast);
 `;
 const CheckboxInputStyle = _styledComponents.default.input`

package/dist/cjs/checkbox/CheckboxStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Check } from '@lidofinance/icons'\n\nexport const CheckboxWrapperStyle = styled.label`\n  flex-shrink: 0;\n  display: inline-flex;\n  position: relative;\n  overflow: hidden;\n  line-height: 0;\n  align-items: center;\n`\n\nexport const CheckboxIconStyle = styled(Check)`\n  height: 24px;\n  width: 24px;\n  border-radius: 4px;\n  transition: box-shadow 0.1s ease, background-color 0.1s ease;\n  fill: var(--lido-color-primaryContrast);\n`\n\nexport const CheckboxInputStyle = styled.input`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n\n  &:not(:disabled) ~ * {\n    cursor: pointer;\n  }\n\n  label:hover &:not(:disabled):not(:checked) + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n\n  & + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-controlBg);\n    box-shadow: inset 0 0 0 1px var(--lido-color-border);\n\n    path {\n      opacity: 0;\n    }\n  }\n\n  &:checked + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-primary);\n    box-shadow: none;\n\n    path {\n      opacity: 1;\n    }\n  }\n\n  &:disabled + ${CheckboxIconStyle} {\n    opacity: 0.5;\n    cursor: default;\n  }\n\n  &:focus-visible + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-primary);\n  }\n\n  &:focus-visible:checked + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n`\n"],"names":["CheckboxWrapperStyle","CheckboxIconStyle","CheckboxInputStyle","styled","label","Check","input"],"mappings":"AAAA;;;;;;;;;;;IAGaA,oBAAoB,MAApBA,oBAAoB;IASpBC,iBAAiB,MAAjBA,iBAAiB;IAQjBC,kBAAkB,MAAlBA,kBAAkB;;;uEApBZ,mBAAmB;uBAChB,gBAAoB;AAEnC,MAAMF,oBAAoB,GAAGG,iBAAM,QAAA,CAACC,KAAK,CAAC;;;;;;;AAOjD,CAAC;AAEM,MAAMH,iBAAiB,GAAGE,IAAAA,iBAAM,QAAA,EAACE,MAAK,MAAA,CAAC,CAAC;;;;;;AAM/C,CAAC;AAEM,MAAMH,kBAAkB,GAAGC,iBAAM,QAAA,CAACG,KAAK,CAAC;;;;;;;;;;;+CAWA,EAAEL,iBAAiB,CAAC;;;;MAI7D,EAAEA,iBAAiB,CAAC;;;;;;;;;cASZ,EAAEA,iBAAiB,CAAC;;;;;;;;;eASnB,EAAEA,iBAAiB,CAAC;;;;;oBAKf,EAAEA,iBAAiB,CAAC;;;;4BAIZ,EAAEA,iBAAiB,CAAC;;;AAGhD,CAAC"}
+{"version":3,"sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Check } from '@lidofinance/icons'\n\nexport const CheckboxWrapperStyle = styled.label`\n  flex-shrink: 0;\n  display: inline-flex;\n  position: relative;\n  overflow: hidden;\n  line-height: 0;\n  align-items: center;\n`\n\nexport const CheckboxIconStyle = styled(Check)`\n  height: 24px;\n  width: 24px;\n  border-radius: 4px;\n  transition:\n    box-shadow 0.1s ease,\n    background-color 0.1s ease;\n  fill: var(--lido-color-primaryContrast);\n`\n\nexport const CheckboxInputStyle = styled.input`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n\n  &:not(:disabled) ~ * {\n    cursor: pointer;\n  }\n\n  label:hover &:not(:disabled):not(:checked) + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n\n  & + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-controlBg);\n    box-shadow: inset 0 0 0 1px var(--lido-color-border);\n\n    path {\n      opacity: 0;\n    }\n  }\n\n  &:checked + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-primary);\n    box-shadow: none;\n\n    path {\n      opacity: 1;\n    }\n  }\n\n  &:disabled + ${CheckboxIconStyle} {\n    opacity: 0.5;\n    cursor: default;\n  }\n\n  &:focus-visible + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-primary);\n  }\n\n  &:focus-visible:checked + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n`\n"],"names":["CheckboxWrapperStyle","CheckboxIconStyle","CheckboxInputStyle","styled","label","Check","input"],"mappings":"AAAA;;;;;;;;;;;IAGaA,oBAAoB,MAApBA,oBAAoB;IASpBC,iBAAiB,MAAjBA,iBAAiB;IAUjBC,kBAAkB,MAAlBA,kBAAkB;;;uEAtBZ,mBAAmB;uBAChB,gBAAoB;AAEnC,MAAMF,oBAAoB,GAAGG,iBAAM,QAAA,CAACC,KAAK,CAAC;;;;;;;AAOjD,CAAC;AAEM,MAAMH,iBAAiB,GAAGE,IAAAA,iBAAM,QAAA,EAACE,MAAK,MAAA,CAAC,CAAC;;;;;;;;AAQ/C,CAAC;AAEM,MAAMH,kBAAkB,GAAGC,iBAAM,QAAA,CAACG,KAAK,CAAC;;;;;;;;;;;+CAWA,EAAEL,iBAAiB,CAAC;;;;MAI7D,EAAEA,iBAAiB,CAAC;;;;;;;;;cASZ,EAAEA,iBAAiB,CAAC;;;;;;;;;eASnB,EAAEA,iBAAiB,CAAC;;;;;oBAKf,EAAEA,iBAAiB,CAAC;;;;4BAIZ,EAAEA,iBAAiB,CAAC;;;AAGhD,CAAC"}

package/dist/cjs/chip/ChipStyles.js

@@ -40,7 +40,6 @@ const ChipWrapperStyle = _styledComponents.default.div`
     return theme.borderRadiusesMap.xs;
 }}px;
   padding: 0.2em 0.4em;
-
   cursor: ${(param)=>{
     let { $interactive  } = param;
     return $interactive ? 'pointer' : 'auto';

package/dist/cjs/chip/ChipStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/chip/ChipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ChipVariants } from './types'\n\ntype InjectedPropsTr = {\n  $variant: ChipVariants\n  $interactive: boolean\n}\n\nconst ChipVariantsStyle = {\n  positive: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-foreground);\n  `,\n  negative: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-foreground);\n  `,\n  gray: css`\n    background: var(--lido-color-shadowLight);\n    color: var(--lido-color-textSecondary);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-foreground);\n  `,\n}\n\nexport const ChipWrapperStyle = styled.div<InjectedPropsTr>`\n  font-size: 14px;\n  line-height: 20px;\n  display: inline-flex;\n  max-width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: nowrap;\n  outline: none;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xs}px;\n  padding: 0.2em 0.4em;\n\n  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n  ${({ $variant }) => ChipVariantsStyle[$variant]}\n`\n"],"names":["ChipWrapperStyle","ChipVariantsStyle","positive","css","negative","gray","warning","styled","div","theme","borderRadiusesMap","xs","$interactive","$variant"],"mappings":"AAAA;;;;+BA2BaA,kBAAgB;;aAAhBA,gBAAgB;;;wEA3BD,mBAAmB;AAQ/C,MAAMC,iBAAiB,GAAG;IACxBC,QAAQ,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGd,CAAC;IACDC,QAAQ,EAAED,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGd,CAAC;IACDE,IAAI,EAAEF,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGV,CAAC;IACDG,OAAO,EAAEH,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGb,CAAC;CACF;AAEM,MAAMH,gBAAgB,GAAGO,iBAAM,QAAA,CAACC,GAAG,AAAiB,CAAC;;;;;;;;;iBAS3C,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;;UAGnD,EAAE,SAAsB;QAArB,EAAEC,YAAY,CAAA,EAAE;WAAMA,YAAY,GAAG,SAAS,GAAG,MAAM;AAAA,CAAC,CAAC;EACpE,EAAE,SAAkBX;QAAjB,EAAEY,QAAQ,CAAA,EAAE;WAAKZ,iBAAiB,CAACY,QAAQ,CAAC;AAAD,CAAC,CAAC;AAClD,CAAC"}
+{"version":3,"sources":["../../../packages/chip/ChipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ChipVariants } from './types'\n\ntype InjectedPropsTr = {\n  $variant: ChipVariants\n  $interactive: boolean\n}\n\nconst ChipVariantsStyle = {\n  positive: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-foreground);\n  `,\n  negative: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-foreground);\n  `,\n  gray: css`\n    background: var(--lido-color-shadowLight);\n    color: var(--lido-color-textSecondary);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-foreground);\n  `,\n}\n\nexport const ChipWrapperStyle = styled.div<InjectedPropsTr>`\n  font-size: 14px;\n  line-height: 20px;\n  display: inline-flex;\n  max-width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: nowrap;\n  outline: none;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xs}px;\n  padding: 0.2em 0.4em;\n  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n  ${({ $variant }) => ChipVariantsStyle[$variant]}\n`\n"],"names":["ChipWrapperStyle","ChipVariantsStyle","positive","css","negative","gray","warning","styled","div","theme","borderRadiusesMap","xs","$interactive","$variant"],"mappings":"AAAA;;;;+BA2BaA,kBAAgB;;aAAhBA,gBAAgB;;;wEA3BD,mBAAmB;AAQ/C,MAAMC,iBAAiB,GAAG;IACxBC,QAAQ,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGd,CAAC;IACDC,QAAQ,EAAED,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGd,CAAC;IACDE,IAAI,EAAEF,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGV,CAAC;IACDG,OAAO,EAAEH,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGb,CAAC;CACF;AAEM,MAAMH,gBAAgB,GAAGO,iBAAM,QAAA,CAACC,GAAG,AAAiB,CAAC;;;;;;;;;iBAS3C,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;UAEnD,EAAE,SAAsB;QAArB,EAAEC,YAAY,CAAA,EAAE;WAAMA,YAAY,GAAG,SAAS,GAAG,MAAM;AAAA,CAAC,CAAC;EACpE,EAAE,SAAkBX;QAAjB,EAAEY,QAAQ,CAAA,EAAE;WAAKZ,iBAAiB,CAACY,QAAQ,CAAC;AAAD,CAAC,CAAC;AAClD,CAAC"}

package/dist/cjs/content-theme/content-theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles'\n\nimport { ContentThemeProps } from './types'\n\nexport const ContentTheme: FC<ContentThemeProps> = (\n  props: ContentThemeProps\n) => {\n  return (\n    <>\n      <ContentThemeOnlyDark>{props.darkContent}</ContentThemeOnlyDark>\n      <ContentThemeOnlyLight>{props.lightContent}</ContentThemeOnlyLight>\n    </>\n  )\n}\n"],"names":["ContentTheme","props","ContentThemeOnlyDark","darkContent","ContentThemeOnlyLight","lightContent"],"mappings":"AAAA;;;;+BAMaA,cAAY;;aAAZA,YAAY;;;4DANC,OAAO;wBAE2B,UAAU;AAI/D,MAAMA,YAAY,GAA0B,CACjDC,KAAwB,GACrB;IACH,qBACE,0EACE,6BAACC,OAAoB,qBAAA,QAAED,KAAK,CAACE,WAAW,CAAwB,gBAChE,6BAACC,OAAqB,sBAAA,QAAEH,KAAK,CAACI,YAAY,CAAyB,CAClE,CACJ;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles'\n\nimport { ContentThemeProps } from './types'\n\nexport const ContentTheme: FC<ContentThemeProps> = (\n  props: ContentThemeProps,\n) => {\n  return (\n    <>\n      <ContentThemeOnlyDark>{props.darkContent}</ContentThemeOnlyDark>\n      <ContentThemeOnlyLight>{props.lightContent}</ContentThemeOnlyLight>\n    </>\n  )\n}\n"],"names":["ContentTheme","props","ContentThemeOnlyDark","darkContent","ContentThemeOnlyLight","lightContent"],"mappings":"AAAA;;;;+BAMaA,cAAY;;aAAZA,YAAY;;;4DANC,OAAO;wBAE2B,UAAU;AAI/D,MAAMA,YAAY,GAA0B,CACjDC,KAAwB,GACrB;IACH,qBACE,0EACE,6BAACC,OAAoB,qBAAA,QAAED,KAAK,CAACE,WAAW,CAAwB,gBAChE,6BAACC,OAAqB,sBAAA,QAAEH,KAAK,CAACI,YAAY,CAAyB,CAClE,CACJ;AACH,CAAC"}

package/dist/cjs/cookies-tooltip/styles.js

@@ -111,7 +111,9 @@ const ButtonBasic = _styledComponents.default.button.attrs({
   border: none;
   outline: none;
   cursor: pointer;
-  transition: background-color ease 0.25s, border-color ease 0.25s,
+  transition:
+    background-color ease 0.25s,
+    border-color ease 0.25s,
     color ease 0.25s;
 
   &:not(:last-child) {

package/dist/cjs/cookies-tooltip/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nconst ExternalLink = styled.a.attrs({\n  target: '_blank',\n  rel: 'nofollow noopener',\n})`\n  cursor: pointer;\n`\n\nexport const Wrap = styled.div`\n  z-index: 999;\n  position: fixed;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n`\n\nexport const Box = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-radius: 20px;\n  background-color: var(--lido-color-foreground);\n  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08);\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    flex-direction: column;\n    border-radius: 0;\n    width: 100%;\n  }\n`\n\nexport const CookieIconWrap = styled.div`\n  margin-right: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    display: none;\n  }\n`\n\nexport const Text = styled.div`\n  margin-right: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--lido-color-textSecondary);\n  width: 340px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    margin-right: 0;\n    margin-bottom: 8px;\n    width: 100%;\n    text-align: center;\n  }\n`\n\nexport const ButtonsWrap = styled.div`\n  display: flex;\n`\n\nconst ButtonBasic = styled.button.attrs({ type: 'button' })`\n  font-weight: 800;\n  font-size: 12px;\n  line-height: 20px;\n  border-radius: 6px;\n  width: 72px;\n  height: 32px;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition: background-color ease 0.25s, border-color ease 0.25s,\n    color ease 0.25s;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: #0e1621;\n  }\n\n  &:active {\n    transform: translateY(1px);\n  }\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    width: 112px;\n  }\n`\n\nexport const AllowButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-text);\n  color: var(--lido-color-foreground);\n\n  &:hover {\n    background-color: var(--lido-color-textSecondary);\n  }\n`\n\nexport const DeclineButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  border: 1px solid var(--lido-color-text);\n\n  &:hover {\n    background-color: var(--lido-color-background);\n  }\n`\n\nexport const Link = styled(ExternalLink)`\n  color: inherit;\n  text-decoration: underline !important;\n`\n"],"names":["Wrap","Box","CookieIconWrap","Text","ButtonsWrap","AllowButton","DeclineButton","Link","ExternalLink","styled","a","attrs","target","rel","div","theme","mediaQueries","lg","ButtonBasic","button","type"],"mappings":"AAAA;;;;;;;;;;;IASaA,IAAI,MAAJA,IAAI;IAiBJC,GAAG,MAAHA,GAAG;IAeHC,cAAc,MAAdA,cAAc;IAcdC,IAAI,MAAJA,IAAI;IAgBJC,WAAW,MAAXA,WAAW;IAkCXC,WAAW,MAAXA,WAAW;IASXC,aAAa,MAAbA,aAAa;IAUbC,IAAI,MAAJA,IAAI;;;uEA5HE,mBAAmB;AAEtC,MAAMC,YAAY,GAAGC,iBAAM,QAAA,CAACC,CAAC,CAACC,KAAK,CAAC;IAClCC,MAAM,EAAE,QAAQ;IAChBC,GAAG,EAAE,mBAAmB;CACzB,CAAC,CAAC;;AAEH,CAAC;AAEM,MAAMb,IAAI,GAAGS,iBAAM,QAAA,CAACK,GAAG,CAAC;;;;;;;;;;EAU7B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;AAKzC,CAAC;AAEM,MAAMhB,GAAG,GAAGQ,iBAAM,QAAA,CAACK,GAAG,CAAC;;;;;;;;EAQ5B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;AAKzC,CAAC;AAEM,MAAMf,cAAc,GAAGO,iBAAM,QAAA,CAACK,GAAG,CAAC;;;;;;;;;EASvC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;AAGzC,CAAC;AAEM,MAAMd,IAAI,GAAGM,iBAAM,QAAA,CAACK,GAAG,CAAC;;;;;;;;EAQ7B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;;AAMzC,CAAC;AAEM,MAAMb,WAAW,GAAGK,iBAAM,QAAA,CAACK,GAAG,CAAC;;AAEtC,CAAC;AAED,MAAMI,WAAW,GAAGT,iBAAM,QAAA,CAACU,MAAM,CAACR,KAAK,CAAC;IAAES,IAAI,EAAE,QAAQ;CAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;EAyB1D,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;AAGzC,CAAC;AAEM,MAAMZ,WAAW,GAAGI,IAAAA,iBAAM,QAAA,EAACS,WAAW,CAAC,CAAC;;;;;;;AAO/C,CAAC;AAEM,MAAMZ,aAAa,GAAGG,IAAAA,iBAAM,QAAA,EAACS,WAAW,CAAC,CAAC;;;;;;;;AAQjD,CAAC;AAEM,MAAMX,IAAI,GAAGE,IAAAA,iBAAM,QAAA,EAACD,YAAY,CAAC,CAAC;;;AAGzC,CAAC"}
+{"version":3,"sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nconst ExternalLink = styled.a.attrs({\n  target: '_blank',\n  rel: 'nofollow noopener',\n})`\n  cursor: pointer;\n`\n\nexport const Wrap = styled.div`\n  z-index: 999;\n  position: fixed;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n`\n\nexport const Box = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-radius: 20px;\n  background-color: var(--lido-color-foreground);\n  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08);\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    flex-direction: column;\n    border-radius: 0;\n    width: 100%;\n  }\n`\n\nexport const CookieIconWrap = styled.div`\n  margin-right: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    display: none;\n  }\n`\n\nexport const Text = styled.div`\n  margin-right: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--lido-color-textSecondary);\n  width: 340px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    margin-right: 0;\n    margin-bottom: 8px;\n    width: 100%;\n    text-align: center;\n  }\n`\n\nexport const ButtonsWrap = styled.div`\n  display: flex;\n`\n\nconst ButtonBasic = styled.button.attrs({ type: 'button' })`\n  font-weight: 800;\n  font-size: 12px;\n  line-height: 20px;\n  border-radius: 6px;\n  width: 72px;\n  height: 32px;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition:\n    background-color ease 0.25s,\n    border-color ease 0.25s,\n    color ease 0.25s;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: #0e1621;\n  }\n\n  &:active {\n    transform: translateY(1px);\n  }\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    width: 112px;\n  }\n`\n\nexport const AllowButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-text);\n  color: var(--lido-color-foreground);\n\n  &:hover {\n    background-color: var(--lido-color-textSecondary);\n  }\n`\n\nexport const DeclineButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  border: 1px solid var(--lido-color-text);\n\n  &:hover {\n    background-color: var(--lido-color-background);\n  }\n`\n\nexport const Link = styled(ExternalLink)`\n  color: inherit;\n  text-decoration: underline !important;\n`\n"],"names":["Wrap","Box","CookieIconWrap","Text","ButtonsWrap","AllowButton","DeclineButton","Link","ExternalLink","styled","a","attrs","target","rel","div","theme","mediaQueries","lg","ButtonBasic","button","type"],"mappings":"AAAA;;;;;;;;;;;IASaA,IAAI,MAAJA,IAAI;IAiBJC,GAAG,MAAHA,GAAG;IAeHC,cAAc,MAAdA,cAAc;IAcdC,IAAI,MAAJA,IAAI;IAgBJC,WAAW,MAAXA,WAAW;IAoCXC,WAAW,MAAXA,WAAW;IASXC,aAAa,MAAbA,aAAa;IAUbC,IAAI,MAAJA,IAAI;;;uEA9HE,mBAAmB;AAEtC,MAAMC,YAAY,GAAGC,iBAAM,QAAA,CAACC,CAAC,CAACC,KAAK,CAAC;IAClCC,MAAM,EAAE,QAAQ;IAChBC,GAAG,EAAE,mBAAmB;CACzB,CAAC,CAAC;;AAEH,CAAC;AAEM,MAAMb,IAAI,GAAGS,iBAAM,QAAA,CAACK,GAAG,CAAC;;;;;;;;;;EAU7B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;AAKzC,CAAC;AAEM,MAAMhB,GAAG,GAAGQ,iBAAM,QAAA,CAACK,GAAG,CAAC;;;;;;;;EAQ5B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;AAKzC,CAAC;AAEM,MAAMf,cAAc,GAAGO,iBAAM,QAAA,CAACK,GAAG,CAAC;;;;;;;;;EASvC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;AAGzC,CAAC;AAEM,MAAMd,IAAI,GAAGM,iBAAM,QAAA,CAACK,GAAG,CAAC;;;;;;;;EAQ7B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;;AAMzC,CAAC;AAEM,MAAMb,WAAW,GAAGK,iBAAM,QAAA,CAACK,GAAG,CAAC;;AAEtC,CAAC;AAED,MAAMI,WAAW,GAAGT,iBAAM,QAAA,CAACU,MAAM,CAACR,KAAK,CAAC;IAAES,IAAI,EAAE,QAAQ;CAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2B1D,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;AAGzC,CAAC;AAEM,MAAMZ,WAAW,GAAGI,IAAAA,iBAAM,QAAA,EAACS,WAAW,CAAC,CAAC;;;;;;;AAO/C,CAAC;AAEM,MAAMZ,aAAa,GAAGG,IAAAA,iBAAM,QAAA,EAACS,WAAW,CAAC,CAAC;;;;;;;;AAQjD,CAAC;AAEM,MAAMX,IAAI,GAAGE,IAAAA,iBAAM,QAAA,EAACD,YAAY,CAAC,CAAC;;;AAGzC,CAAC"}

package/dist/cjs/cookies-tooltip/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/cookies-tooltip/utils.ts"],"sourcesContent":["import {\n  setCrossDomainCookieClientSide,\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n} from '@lidofinance/utils'\nimport {\n  COOKIE_ALLOWED_KEY,\n  COOKIE_VALUE_NO,\n  COOKIE_VALUE_YES,\n} from './constants'\n\nexport const allowCookies = (): void => {\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n}\n\nexport const declineCookies = (): void => {\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n}\n\nexport const migrationAllowCookieToCrossDomainCookieClientSide = (\n  keyOldCookie: string\n) => {\n  const old_cookie_value = getDomainCookieClientSide(keyOldCookie)\n\n  if (!old_cookie_value) {\n    return\n  }\n\n  removeCookiesClientSide(keyOldCookie)\n\n  if (old_cookie_value === COOKIE_VALUE_YES) {\n    allowCookies()\n  } else if (old_cookie_value === COOKIE_VALUE_NO) {\n    declineCookies()\n  }\n  // else noop\n}\n"],"names":["allowCookies","declineCookies","migrationAllowCookieToCrossDomainCookieClientSide","setCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","COOKIE_VALUE_NO","keyOldCookie","old_cookie_value","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":"AAAA;;;;;;;;;;;IAWaA,YAAY,MAAZA,YAAY;IAIZC,cAAc,MAAdA,cAAc;IAIdC,iDAAiD,MAAjDA,iDAAiD;;uBAfvD,gBAAoB;2BAKpB,aAAa;AAEb,MAAMF,YAAY,GAAG,IAAY;IACtCG,IAAAA,MAA8B,+BAAA,EAACC,UAAkB,mBAAA,EAAEC,UAAgB,iBAAA,CAAC;AACtE,CAAC;AAEM,MAAMJ,cAAc,GAAG,IAAY;IACxCE,IAAAA,MAA8B,+BAAA,EAACC,UAAkB,mBAAA,EAAEE,UAAe,gBAAA,CAAC;AACrE,CAAC;AAEM,MAAMJ,iDAAiD,GAAG,CAC/DK,YAAoB,GACjB;IACH,MAAMC,gBAAgB,GAAGC,IAAAA,MAAyB,0BAAA,EAACF,YAAY,CAAC;IAEhE,IAAI,CAACC,gBAAgB,EAAE;QACrB,OAAM;IACR,CAAC;IAEDE,IAAAA,MAAuB,wBAAA,EAACH,YAAY,CAAC;IAErC,IAAIC,gBAAgB,KAAKH,UAAgB,iBAAA,EAAE;QACzCL,YAAY,EAAE;IAChB,OAAO,IAAIQ,gBAAgB,KAAKF,UAAe,gBAAA,EAAE;QAC/CL,cAAc,EAAE;IAClB,CAAC;AACD,YAAY;AACd,CAAC"}
+{"version":3,"sources":["../../../packages/cookies-tooltip/utils.ts"],"sourcesContent":["import {\n  setCrossDomainCookieClientSide,\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n} from '@lidofinance/utils'\nimport {\n  COOKIE_ALLOWED_KEY,\n  COOKIE_VALUE_NO,\n  COOKIE_VALUE_YES,\n} from './constants'\n\nexport const allowCookies = (): void => {\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n}\n\nexport const declineCookies = (): void => {\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n}\n\nexport const migrationAllowCookieToCrossDomainCookieClientSide = (\n  keyOldCookie: string,\n) => {\n  const old_cookie_value = getDomainCookieClientSide(keyOldCookie)\n\n  if (!old_cookie_value) {\n    return\n  }\n\n  removeCookiesClientSide(keyOldCookie)\n\n  if (old_cookie_value === COOKIE_VALUE_YES) {\n    allowCookies()\n  } else if (old_cookie_value === COOKIE_VALUE_NO) {\n    declineCookies()\n  }\n  // else noop\n}\n"],"names":["allowCookies","declineCookies","migrationAllowCookieToCrossDomainCookieClientSide","setCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","COOKIE_VALUE_NO","keyOldCookie","old_cookie_value","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":"AAAA;;;;;;;;;;;IAWaA,YAAY,MAAZA,YAAY;IAIZC,cAAc,MAAdA,cAAc;IAIdC,iDAAiD,MAAjDA,iDAAiD;;uBAfvD,gBAAoB;2BAKpB,aAAa;AAEb,MAAMF,YAAY,GAAG,IAAY;IACtCG,IAAAA,MAA8B,+BAAA,EAACC,UAAkB,mBAAA,EAAEC,UAAgB,iBAAA,CAAC;AACtE,CAAC;AAEM,MAAMJ,cAAc,GAAG,IAAY;IACxCE,IAAAA,MAA8B,+BAAA,EAACC,UAAkB,mBAAA,EAAEE,UAAe,gBAAA,CAAC;AACrE,CAAC;AAEM,MAAMJ,iDAAiD,GAAG,CAC/DK,YAAoB,GACjB;IACH,MAAMC,gBAAgB,GAAGC,IAAAA,MAAyB,0BAAA,EAACF,YAAY,CAAC;IAEhE,IAAI,CAACC,gBAAgB,EAAE;QACrB,OAAM;IACR,CAAC;IAEDE,IAAAA,MAAuB,wBAAA,EAACH,YAAY,CAAC;IAErC,IAAIC,gBAAgB,KAAKH,UAAgB,iBAAA,EAAE;QACzCL,YAAY,EAAE;IAChB,OAAO,IAAIQ,gBAAgB,KAAKF,UAAe,gBAAA,EAAE;QAC/CL,cAAc,EAAE;IAClB,CAAC;AACD,YAAY;AACd,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/data-table/DataTable.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '@lidofinance/loaders'\nimport { Tooltip } from '@lidofinance/tooltip'\nimport {\n  DataTableStyle,\n  DataTableRowStyle,\n  DataTableTitleStyle,\n  DataTableValueStyle,\n  DataTableQuestionStyle,\n} from './DataTableStyles'\nimport { DataTableProps, DataTableRowProps } from './types'\n\nfunction DataTable(props: DataTableProps, ref?: ForwardedRef<HTMLDivElement>) {\n  return <DataTableStyle ref={ref} {...props} />\n}\n\nexport default forwardRef(DataTable)\n\nexport const DataTableRow = forwardRef(function DataTableRow(\n  props: DataTableRowProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const {\n    title,\n    loading = false,\n    highlight = false,\n    help,\n    children,\n    ...rest\n  } = props\n  const hasHelper = !!help\n\n  return (\n    <DataTableRowStyle ref={ref} {...rest}>\n      <DataTableTitleStyle>\n        {title}\n        {hasHelper && (\n          <Tooltip placement='bottomLeft' title={help}>\n            <DataTableQuestionStyle />\n          </Tooltip>\n        )}\n      </DataTableTitleStyle>\n      <DataTableValueStyle $highlight={highlight}>\n        {loading ? <InlineLoader color='text' /> : children}\n      </DataTableValueStyle>\n    </DataTableRowStyle>\n  )\n})\n"],"names":["DataTableRow","DataTable","props","ref","DataTableStyle","forwardRef","title","loading","highlight","help","children","rest","hasHelper","DataTableRowStyle","DataTableTitleStyle","Tooltip","placement","DataTableQuestionStyle","DataTableValueStyle","$highlight","InlineLoader","color"],"mappings":"AAAA;;;;;;;;;;;IAgBA,OAAoC,MAApC,QAAoC;IAEvBA,YAAY,MAAZA,YAAY;;;;6DAlBuB,OAAO;yBAC1B,kBAAsB;yBAC3B,kBAAsB;iCAOvC,mBAAmB;AAG1B,SAASC,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,qBAAO,6BAACC,gBAAc,eAAA;QAACD,GAAG,EAAEA,GAAG;OAAMD,KAAK,EAAI,CAAA;AAChD,CAAC;MAED,QAAoC,iBAArBG,IAAAA,MAAU,WAAA,EAACJ,SAAS,CAAC;AAE7B,MAAMD,YAAY,iBAAGK,IAAAA,MAAU,WAAA,EAAC,SAASL,YAAY,CAC1DE,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EACJG,KAAK,CAAA,EACLC,OAAO,EAAG,KAAK,CAAA,EACfC,SAAS,EAAG,KAAK,CAAA,EACjBC,IAAI,CAAA,EACJC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGT,KAAK;IACT,MAAMU,SAAS,GAAG,CAAC,CAACH,IAAI;IAExB,qBACE,6BAACI,gBAAiB,kBAAA;QAACV,GAAG,EAAEA,GAAG;OAAMQ,IAAI,iBACnC,6BAACG,gBAAmB,oBAAA,QACjBR,KAAK,EACLM,SAAS,kBACR,6BAACG,QAAO,QAAA;QAACC,SAAS,EAAC,YAAY;QAACV,KAAK,EAAEG,IAAI;qBACzC,6BAACQ,gBAAsB,uBAAA,OAAG,CAClB,AACX,CACmB,gBACtB,6BAACC,gBAAmB,oBAAA;QAACC,UAAU,EAAEX,SAAS;OACvCD,OAAO,iBAAG,6BAACa,QAAY,aAAA;QAACC,KAAK,EAAC,MAAM;MAAG,GAAGX,QAAQ,CAC/B,CACJ,CACrB;AACH,CAAC,CAAC"}
+{"version":3,"sources":["../../../packages/data-table/DataTable.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '@lidofinance/loaders'\nimport { Tooltip } from '@lidofinance/tooltip'\nimport {\n  DataTableStyle,\n  DataTableRowStyle,\n  DataTableTitleStyle,\n  DataTableValueStyle,\n  DataTableQuestionStyle,\n} from './DataTableStyles'\nimport { DataTableProps, DataTableRowProps } from './types'\n\nfunction DataTable(props: DataTableProps, ref?: ForwardedRef<HTMLDivElement>) {\n  return <DataTableStyle ref={ref} {...props} />\n}\n\nexport default forwardRef(DataTable)\n\nexport const DataTableRow = forwardRef(function DataTableRow(\n  props: DataTableRowProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    title,\n    loading = false,\n    highlight = false,\n    help,\n    children,\n    ...rest\n  } = props\n  const hasHelper = !!help\n\n  return (\n    <DataTableRowStyle ref={ref} {...rest}>\n      <DataTableTitleStyle>\n        {title}\n        {hasHelper && (\n          <Tooltip placement='bottomLeft' title={help}>\n            <DataTableQuestionStyle />\n          </Tooltip>\n        )}\n      </DataTableTitleStyle>\n      <DataTableValueStyle $highlight={highlight}>\n        {loading ? <InlineLoader color='text' /> : children}\n      </DataTableValueStyle>\n    </DataTableRowStyle>\n  )\n})\n"],"names":["DataTableRow","DataTable","props","ref","DataTableStyle","forwardRef","title","loading","highlight","help","children","rest","hasHelper","DataTableRowStyle","DataTableTitleStyle","Tooltip","placement","DataTableQuestionStyle","DataTableValueStyle","$highlight","InlineLoader","color"],"mappings":"AAAA;;;;;;;;;;;IAgBA,OAAoC,MAApC,QAAoC;IAEvBA,YAAY,MAAZA,YAAY;;;;6DAlBuB,OAAO;yBAC1B,kBAAsB;yBAC3B,kBAAsB;iCAOvC,mBAAmB;AAG1B,SAASC,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,qBAAO,6BAACC,gBAAc,eAAA;QAACD,GAAG,EAAEA,GAAG;OAAMD,KAAK,EAAI,CAAA;AAChD,CAAC;MAED,QAAoC,iBAArBG,IAAAA,MAAU,WAAA,EAACJ,SAAS,CAAC;AAE7B,MAAMD,YAAY,iBAAGK,IAAAA,MAAU,WAAA,EAAC,SAASL,YAAY,CAC1DE,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EACJG,KAAK,CAAA,EACLC,OAAO,EAAG,KAAK,CAAA,EACfC,SAAS,EAAG,KAAK,CAAA,EACjBC,IAAI,CAAA,EACJC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGT,KAAK;IACT,MAAMU,SAAS,GAAG,CAAC,CAACH,IAAI;IAExB,qBACE,6BAACI,gBAAiB,kBAAA;QAACV,GAAG,EAAEA,GAAG;OAAMQ,IAAI,iBACnC,6BAACG,gBAAmB,oBAAA,QACjBR,KAAK,EACLM,SAAS,kBACR,6BAACG,QAAO,QAAA;QAACC,SAAS,EAAC,YAAY;QAACV,KAAK,EAAEG,IAAI;qBACzC,6BAACQ,gBAAsB,uBAAA,OAAG,CAClB,AACX,CACmB,gBACtB,6BAACC,gBAAmB,oBAAA;QAACC,UAAU,EAAEX,SAAS;OACvCD,OAAO,iBAAG,6BAACa,QAAY,aAAA;QAACC,KAAK,EAAC,MAAM;MAAG,GAAGX,QAAQ,CAC/B,CACJ,CACrB;AACH,CAAC,CAAC"}

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

@@ -59,7 +59,7 @@ const DataTableValueStyle = _styledComponents.default.div`
   flex-grow: 1;
 `;
 const DataTableQuestionStyle = (0, _styledComponents.default)(_icons.Question)`
-  margin: -6px 0 -5px 0;
+  margin: -6px 0 -5px;
   vertical-align: middle;
 `;
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/data-table/DataTableStyles.tsx"],"sourcesContent":["import { Question } from '@lidofinance/icons'\nimport styled from 'styled-components'\n\nexport const DataTableStyle = styled.div``\n\nexport const DataTableRowStyle = styled.div`\n  display: flex;\n  margin: ${({ theme }) => theme.spaceMap.md}px 0;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n`\n\nexport const DataTableTitleStyle = styled.div`\n  color: var(--lido-color-textSecondary);\n  flex-grow: 1;\n`\n\nexport const DataTableValueStyle = styled.div<{ $highlight: boolean }>`\n  color: var(\n    --lido-color-${({ $highlight }) => ($highlight ? `success` : `text`)}\n  );\n  text-align: right;\n  margin-left: ${({ theme }) => theme.spaceMap.xxl}px;\n  flex-grow: 1;\n`\n\nexport const DataTableQuestionStyle = styled(Question)`\n  margin: -6px 0 -5px 0;\n  vertical-align: middle;\n`\n"],"names":["DataTableStyle","DataTableRowStyle","DataTableTitleStyle","DataTableValueStyle","DataTableQuestionStyle","styled","div","theme","spaceMap","md","fontSizesMap","xxs","$highlight","xxl","Question"],"mappings":"AAAA;;;;;;;;;;;IAGaA,cAAc,MAAdA,cAAc;IAEdC,iBAAiB,MAAjBA,iBAAiB;IAgBjBC,mBAAmB,MAAnBA,mBAAmB;IAKnBC,mBAAmB,MAAnBA,mBAAmB;IASnBC,sBAAsB,MAAtBA,sBAAsB;;;uBAnCV,gBAAoB;uEAC1B,mBAAmB;AAE/B,MAAMJ,cAAc,GAAGK,iBAAM,QAAA,CAACC,GAAG,CAAC,CAAC;AAEnC,MAAML,iBAAiB,GAAGI,iBAAM,QAAA,CAACC,GAAG,CAAC;;UAElC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;aAEhC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;;;;;;;;;AAUrD,CAAC;AAEM,MAAMT,mBAAmB,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;AAG9C,CAAC;AAEM,MAAMH,mBAAmB,GAAGE,iBAAM,QAAA,CAACC,GAAG,AAAyB,CAAC;;iBAEtD,EAAE,SAAoB;QAAnB,EAAEM,UAAU,CAAA,EAAE;WAAMA,UAAU,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AAAA,CAAC,CAAC;;;eAG1D,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;AAEnD,CAAC;AAEM,MAAMT,sBAAsB,GAAGC,IAAAA,iBAAM,QAAA,EAACS,MAAQ,SAAA,CAAC,CAAC;;;AAGvD,CAAC"}
+{"version":3,"sources":["../../../packages/data-table/DataTableStyles.tsx"],"sourcesContent":["import { Question } from '@lidofinance/icons'\nimport styled from 'styled-components'\n\nexport const DataTableStyle = styled.div``\n\nexport const DataTableRowStyle = styled.div`\n  display: flex;\n  margin: ${({ theme }) => theme.spaceMap.md}px 0;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n`\n\nexport const DataTableTitleStyle = styled.div`\n  color: var(--lido-color-textSecondary);\n  flex-grow: 1;\n`\n\nexport const DataTableValueStyle = styled.div<{ $highlight: boolean }>`\n  color: var(\n    --lido-color-${({ $highlight }) => ($highlight ? `success` : `text`)}\n  );\n  text-align: right;\n  margin-left: ${({ theme }) => theme.spaceMap.xxl}px;\n  flex-grow: 1;\n`\n\nexport const DataTableQuestionStyle = styled(Question)`\n  margin: -6px 0 -5px;\n  vertical-align: middle;\n`\n"],"names":["DataTableStyle","DataTableRowStyle","DataTableTitleStyle","DataTableValueStyle","DataTableQuestionStyle","styled","div","theme","spaceMap","md","fontSizesMap","xxs","$highlight","xxl","Question"],"mappings":"AAAA;;;;;;;;;;;IAGaA,cAAc,MAAdA,cAAc;IAEdC,iBAAiB,MAAjBA,iBAAiB;IAgBjBC,mBAAmB,MAAnBA,mBAAmB;IAKnBC,mBAAmB,MAAnBA,mBAAmB;IASnBC,sBAAsB,MAAtBA,sBAAsB;;;uBAnCV,gBAAoB;uEAC1B,mBAAmB;AAE/B,MAAMJ,cAAc,GAAGK,iBAAM,QAAA,CAACC,GAAG,CAAC,CAAC;AAEnC,MAAML,iBAAiB,GAAGI,iBAAM,QAAA,CAACC,GAAG,CAAC;;UAElC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;aAEhC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;;;;;;;;;AAUrD,CAAC;AAEM,MAAMT,mBAAmB,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;AAG9C,CAAC;AAEM,MAAMH,mBAAmB,GAAGE,iBAAM,QAAA,CAACC,GAAG,AAAyB,CAAC;;iBAEtD,EAAE,SAAoB;QAAnB,EAAEM,UAAU,CAAA,EAAE;WAAMA,UAAU,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AAAA,CAAC,CAAC;;;eAG1D,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;AAEnD,CAAC;AAEM,MAAMT,sBAAsB,GAAGC,IAAAA,iBAAM,QAAA,EAACS,MAAQ,SAAA,CAAC,CAAC;;;AAGvD,CAAC"}

package/dist/cjs/divider/DividerStyles.js

@@ -14,13 +14,13 @@ const getIndents = (param)=>{
 };
 const types = {
     horizontal: (0, _styledComponents.css)`
-    border-top: 1px solid currentColor;
+    border-top: 1px solid currentcolor;
     width: 100%;
     height: 0;
     margin: ${getIndents} 0;
   `,
     vertical: (0, _styledComponents.css)`
-    border-left: 1px solid currentColor;
+    border-left: 1px solid currentcolor;
     align-self: stretch;
     width: 0;
     margin: 0 ${getIndents};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { DividerIndents, DividerTypes } from './types'\n\ntype InjectedProps = {\n  $type: DividerTypes\n  $indents?: DividerIndents\n  theme: Theme\n}\n\nconst getIndents = ({ $indents, theme }: InjectedProps) => {\n  return $indents ? `${theme.spaceMap[$indents]}px` : '0'\n}\n\nconst types = {\n  horizontal: css<InjectedProps>`\n    border-top: 1px solid currentColor;\n    width: 100%;\n    height: 0;\n    margin: ${getIndents} 0;\n  `,\n  vertical: css<InjectedProps>`\n    border-left: 1px solid currentColor;\n    align-self: stretch;\n    width: 0;\n    margin: 0 ${getIndents};\n  `,\n}\n\nexport const DividerStyle = styled.div<InjectedProps>`\n  box-sizing: border-box;\n  list-style: none;\n  opacity: 0.1;\n  margin: 0;\n  padding: 0;\n  flex-shrink: 0;\n  flex-grow: 0;\n\n  ${(props) => types[props.$type]}\n`\n"],"names":["DividerStyle","getIndents","$indents","theme","spaceMap","types","horizontal","css","vertical","styled","div","props","$type"],"mappings":"AAAA;;;;+BA6BaA,cAAY;;aAAZA,YAAY;;;wEA7BG,mBAAmB;AAU/C,MAAMC,UAAU,GAAG,SAAwC;QAAvC,EAAEC,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAiB;IACpD,OAAOD,QAAQ,GAAG,CAAC,EAAEC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAA;AACzD,CAAC;AAED,MAAMG,KAAK,GAAG;IACZC,UAAU,EAAEC,IAAAA,iBAAG,IAAA,CAAe,CAAC;;;;YAIrB,EAAEN,UAAU,CAAC;EACvB,CAAC;IACDO,QAAQ,EAAED,IAAAA,iBAAG,IAAA,CAAe,CAAC;;;;cAIjB,EAAEN,UAAU,CAAC;EACzB,CAAC;CACF;AAEM,MAAMD,YAAY,GAAGS,iBAAM,QAAA,CAACC,GAAG,AAAe,CAAC;;;;;;;;;EASpD,EAAE,CAACC,KAAK,GAAKN,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,CAAC;AAClC,CAAC"}
+{"version":3,"sources":["../../../packages/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { DividerIndents, DividerTypes } from './types'\n\ntype InjectedProps = {\n  $type: DividerTypes\n  $indents?: DividerIndents\n  theme: Theme\n}\n\nconst getIndents = ({ $indents, theme }: InjectedProps) => {\n  return $indents ? `${theme.spaceMap[$indents]}px` : '0'\n}\n\nconst types = {\n  horizontal: css<InjectedProps>`\n    border-top: 1px solid currentcolor;\n    width: 100%;\n    height: 0;\n    margin: ${getIndents} 0;\n  `,\n  vertical: css<InjectedProps>`\n    border-left: 1px solid currentcolor;\n    align-self: stretch;\n    width: 0;\n    margin: 0 ${getIndents};\n  `,\n}\n\nexport const DividerStyle = styled.div<InjectedProps>`\n  box-sizing: border-box;\n  list-style: none;\n  opacity: 0.1;\n  margin: 0;\n  padding: 0;\n  flex-shrink: 0;\n  flex-grow: 0;\n\n  ${(props) => types[props.$type]}\n`\n"],"names":["DividerStyle","getIndents","$indents","theme","spaceMap","types","horizontal","css","vertical","styled","div","props","$type"],"mappings":"AAAA;;;;+BA6BaA,cAAY;;aAAZA,YAAY;;;wEA7BG,mBAAmB;AAU/C,MAAMC,UAAU,GAAG,SAAwC;QAAvC,EAAEC,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAiB;IACpD,OAAOD,QAAQ,GAAG,CAAC,EAAEC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAA;AACzD,CAAC;AAED,MAAMG,KAAK,GAAG;IACZC,UAAU,EAAEC,IAAAA,iBAAG,IAAA,CAAe,CAAC;;;;YAIrB,EAAEN,UAAU,CAAC;EACvB,CAAC;IACDO,QAAQ,EAAED,IAAAA,iBAAG,IAAA,CAAe,CAAC;;;;cAIjB,EAAEN,UAAU,CAAC;EACzB,CAAC;CACF;AAEM,MAAMD,YAAY,GAAGS,iBAAM,QAAA,CAACC,GAAG,AAAe,CAAC;;;;;;;;;EASpD,EAAE,CAACC,KAAK,GAAKN,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,CAAC;AAClC,CAAC"}

package/dist/cjs/heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/heading/Heading.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { HeadingStyle, H1Style, H2Style, H3Style } from './HeadingStyles'\nimport { HeadingProps, HProps } from './types'\n\nfunction Heading(props: HeadingProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { size = 'md', color = 'text', ...rest } = props\n  return <HeadingStyle $size={size} $color={color} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Heading)\n\nexport const H1 = forwardRef(function H1(\n  props: HProps<'h1'>,\n  ref?: ForwardedRef<HTMLHeadingElement>\n) {\n  const { color = 'text', ...rest } = props\n  return <H1Style $color={color} ref={ref} {...rest} />\n})\n\nexport const H2 = forwardRef(function H2(\n  props: HProps<'h2'>,\n  ref?: ForwardedRef<HTMLHeadingElement>\n) {\n  const { color = 'text', ...rest } = props\n  return <H2Style $color={color} ref={ref} {...rest} />\n})\n\nexport const H3 = forwardRef(function H3(\n  props: HProps<'h3'>,\n  ref?: ForwardedRef<HTMLHeadingElement>\n) {\n  const { color = 'text', ...rest } = props\n  return <H3Style $color={color} ref={ref} {...rest} />\n})\n"],"names":["H1","H2","H3","Heading","props","ref","size","color","rest","HeadingStyle","$size","$color","forwardRef","H1Style","H2Style","H3Style"],"mappings":"AAAA;;;;;;;;;;;IASA,OAAkC,MAAlC,QAAkC;IAErBA,EAAE,MAAFA,EAAE;IAQFC,EAAE,MAAFA,EAAE;IAQFC,EAAE,MAAFA,EAAE;;;;6DA3BiC,OAAO;+BACC,iBAAiB;AAGzE,SAASC,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,IAAI,EAAG,IAAI,CAAA,EAAEC,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACtD,qBAAO,6BAACK,cAAY,aAAA;QAACC,KAAK,EAAEJ,IAAI;QAAEK,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACzE,CAAC;MAED,QAAkC,iBAAnBI,IAAAA,MAAU,WAAA,EAACT,OAAO,CAAC;AAE3B,MAAMH,EAAE,iBAAGY,IAAAA,MAAU,WAAA,EAAC,SAASZ,EAAE,CACtCI,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,6BAACS,cAAO,QAAA;QAACF,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC;AAEK,MAAMP,EAAE,iBAAGW,IAAAA,MAAU,WAAA,EAAC,SAASX,EAAE,CACtCG,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,6BAACU,cAAO,QAAA;QAACH,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC;AAEK,MAAMN,EAAE,iBAAGU,IAAAA,MAAU,WAAA,EAAC,SAASV,EAAE,CACtCE,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,6BAACW,cAAO,QAAA;QAACJ,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC"}
+{"version":3,"sources":["../../../packages/heading/Heading.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { HeadingStyle, H1Style, H2Style, H3Style } from './HeadingStyles'\nimport { HeadingProps, HProps } from './types'\n\nfunction Heading(props: HeadingProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { size = 'md', color = 'text', ...rest } = props\n  return <HeadingStyle $size={size} $color={color} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Heading)\n\nexport const H1 = forwardRef(function H1(\n  props: HProps<'h1'>,\n  ref?: ForwardedRef<HTMLHeadingElement>,\n) {\n  const { color = 'text', ...rest } = props\n  return <H1Style $color={color} ref={ref} {...rest} />\n})\n\nexport const H2 = forwardRef(function H2(\n  props: HProps<'h2'>,\n  ref?: ForwardedRef<HTMLHeadingElement>,\n) {\n  const { color = 'text', ...rest } = props\n  return <H2Style $color={color} ref={ref} {...rest} />\n})\n\nexport const H3 = forwardRef(function H3(\n  props: HProps<'h3'>,\n  ref?: ForwardedRef<HTMLHeadingElement>,\n) {\n  const { color = 'text', ...rest } = props\n  return <H3Style $color={color} ref={ref} {...rest} />\n})\n"],"names":["H1","H2","H3","Heading","props","ref","size","color","rest","HeadingStyle","$size","$color","forwardRef","H1Style","H2Style","H3Style"],"mappings":"AAAA;;;;;;;;;;;IASA,OAAkC,MAAlC,QAAkC;IAErBA,EAAE,MAAFA,EAAE;IAQFC,EAAE,MAAFA,EAAE;IAQFC,EAAE,MAAFA,EAAE;;;;6DA3BiC,OAAO;+BACC,iBAAiB;AAGzE,SAASC,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,IAAI,EAAG,IAAI,CAAA,EAAEC,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACtD,qBAAO,6BAACK,cAAY,aAAA;QAACC,KAAK,EAAEJ,IAAI;QAAEK,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACzE,CAAC;MAED,QAAkC,iBAAnBI,IAAAA,MAAU,WAAA,EAACT,OAAO,CAAC;AAE3B,MAAMH,EAAE,iBAAGY,IAAAA,MAAU,WAAA,EAAC,SAASZ,EAAE,CACtCI,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,6BAACS,cAAO,QAAA;QAACF,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC;AAEK,MAAMP,EAAE,iBAAGW,IAAAA,MAAU,WAAA,EAAC,SAASX,EAAE,CACtCG,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,6BAACU,cAAO,QAAA;QAACH,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC;AAEK,MAAMN,EAAE,iBAAGU,IAAAA,MAAU,WAAA,EAAC,SAASV,EAAE,CACtCE,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,6BAACW,cAAO,QAAA;QAACJ,MAAM,EAAEJ,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC"}

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

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

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

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

package/dist/cjs/hooks/useInterceptFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/hooks/useInterceptFocus.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useInterceptFocus = (): [\n  (node: HTMLElement) => void,\n  () => void\n] => {\n  const savedElement = useRef<Element | null>(null)\n\n  const restoreFocus = useCallback(() => {\n    if (!(savedElement.current instanceof HTMLElement)) return\n    savedElement.current.focus()\n  }, [])\n\n  const interceptFocus = useCallback((node: HTMLElement) => {\n    savedElement.current = document.activeElement\n\n    const isFocusInside = node.contains(document.activeElement)\n    if (isFocusInside) return\n\n    node.focus()\n  }, [])\n\n  return [interceptFocus, restoreFocus]\n}\n"],"names":["useInterceptFocus","savedElement","useRef","restoreFocus","useCallback","current","HTMLElement","focus","interceptFocus","node","document","activeElement","isFocusInside","contains"],"mappings":"AAAA;;;;+BAEaA,mBAAiB;;aAAjBA,iBAAiB;;uBAFM,OAAO;AAEpC,MAAMA,iBAAiB,GAAG,IAG5B;IACH,MAAMC,YAAY,GAAGC,IAAAA,MAAM,OAAA,EAAiB,IAAI,CAAC;IAEjD,MAAMC,YAAY,GAAGC,IAAAA,MAAW,YAAA,EAAC,IAAM;QACrC,IAAI,CAAC,CAACH,YAAY,CAACI,OAAO,YAAYC,WAAW,CAAC,EAAE,OAAM;QAC1DL,YAAY,CAACI,OAAO,CAACE,KAAK,EAAE;IAC9B,CAAC,EAAE,EAAE,CAAC;IAEN,MAAMC,cAAc,GAAGJ,IAAAA,MAAW,YAAA,EAAC,CAACK,IAAiB,GAAK;QACxDR,YAAY,CAACI,OAAO,GAAGK,QAAQ,CAACC,aAAa;QAE7C,MAAMC,aAAa,GAAGH,IAAI,CAACI,QAAQ,CAACH,QAAQ,CAACC,aAAa,CAAC;QAC3D,IAAIC,aAAa,EAAE,OAAM;QAEzBH,IAAI,CAACF,KAAK,EAAE;IACd,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO;QAACC,cAAc;QAAEL,YAAY;KAAC,CAAA;AACvC,CAAC"}
+{"version":3,"sources":["../../../packages/hooks/useInterceptFocus.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useInterceptFocus = (): [\n  (node: HTMLElement) => void,\n  () => void,\n] => {\n  const savedElement = useRef<Element | null>(null)\n\n  const restoreFocus = useCallback(() => {\n    if (!(savedElement.current instanceof HTMLElement)) return\n    savedElement.current.focus()\n  }, [])\n\n  const interceptFocus = useCallback((node: HTMLElement) => {\n    savedElement.current = document.activeElement\n\n    const isFocusInside = node.contains(document.activeElement)\n    if (isFocusInside) return\n\n    node.focus()\n  }, [])\n\n  return [interceptFocus, restoreFocus]\n}\n"],"names":["useInterceptFocus","savedElement","useRef","restoreFocus","useCallback","current","HTMLElement","focus","interceptFocus","node","document","activeElement","isFocusInside","contains"],"mappings":"AAAA;;;;+BAEaA,mBAAiB;;aAAjBA,iBAAiB;;uBAFM,OAAO;AAEpC,MAAMA,iBAAiB,GAAG,IAG5B;IACH,MAAMC,YAAY,GAAGC,IAAAA,MAAM,OAAA,EAAiB,IAAI,CAAC;IAEjD,MAAMC,YAAY,GAAGC,IAAAA,MAAW,YAAA,EAAC,IAAM;QACrC,IAAI,CAAC,CAACH,YAAY,CAACI,OAAO,YAAYC,WAAW,CAAC,EAAE,OAAM;QAC1DL,YAAY,CAACI,OAAO,CAACE,KAAK,EAAE;IAC9B,CAAC,EAAE,EAAE,CAAC;IAEN,MAAMC,cAAc,GAAGJ,IAAAA,MAAW,YAAA,EAAC,CAACK,IAAiB,GAAK;QACxDR,YAAY,CAACI,OAAO,GAAGK,QAAQ,CAACC,aAAa;QAE7C,MAAMC,aAAa,GAAGH,IAAI,CAACI,QAAQ,CAACH,QAAQ,CAACC,aAAa,CAAC;QAC3D,IAAIC,aAAa,EAAE,OAAM;QAEzBH,IAAI,CAACF,KAAK,EAAE;IACd,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO;QAACC,cAAc;QAAEL,YAAY;KAAC,CAAA;AACvC,CAAC"}