@lidofinance/lido-ui 3.10.1 → 3.12.0

package/README.md

@@ -19,7 +19,7 @@ yarn add @lidofinance/lido-ui
 Then, import Lido theme provider and wrap your components in `_app.js`:
 
 ```js
-import { ThemeProvider } from '@lidofinance/lido-ui'
+import { ThemeProvider } from '../lido-ui'
 
 function App({ Component }) {
   return (
@@ -35,7 +35,7 @@ function App({ Component }) {
 Simply import any components and use in your project:
 
 ```js
-import { Button } from '@lidofinance/lido-ui'
+import { Button } from '../lido-ui'
 ```
 
 ## Developing

package/dist/cjs/accordion/Accordion.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "Accordion", {
     enumerable: true,
-    get: ()=>_default
+    get: ()=>Accordion
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _react = require("react");
 const _accordionStyles = require("./AccordionStyles");
 const _useExpanded = require("./useExpanded");
-function Accordion(param, ref) {
+const Accordion = /*#__PURE__*/ (0, _react.forwardRef)((param, ref)=>{
     let { defaultExpanded , summary , children , ...rest } = param;
     const { toggleProps , collapseProps , isExpanded  } = (0, _useExpanded.useExpanded)({
         defaultExpanded
@@ -38,7 +38,7 @@ function Accordion(param, ref) {
             })
         ]
     });
-}
-const _default = /*#__PURE__*/ (0, _react.forwardRef)(Accordion);
+});
+Accordion.displayName = 'Accordion';
 
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types'\nimport {\n  AccordionStyle,\n  AccordionSummaryStyle,\n  AccordionTitleStyle,\n  AccordionArrowStyle,\n  AccordionContentStyle,\n} from './AccordionStyles'\nimport { useExpanded } from './useExpanded'\n\nfunction Accordion(\n  { defaultExpanded, summary, children, ...rest }: AccordionProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const { toggleProps, collapseProps, isExpanded } = useExpanded({\n    defaultExpanded,\n  })\n\n  return (\n    <AccordionStyle {...rest} ref={ref}>\n      <AccordionSummaryStyle {...toggleProps}>\n        <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n        <AccordionArrowStyle $expanded={isExpanded} />\n      </AccordionSummaryStyle>\n      <div {...collapseProps}>\n        <AccordionContentStyle>{children}</AccordionContentStyle>\n      </div>\n    </AccordionStyle>\n  )\n}\n\nexport default forwardRef(Accordion)\n"],"names":["Accordion","ref","defaultExpanded","summary","children","rest","toggleProps","collapseProps","isExpanded","useExpanded","AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","$expanded","div","AccordionContentStyle","forwardRef"],"mappings":"AAAA;;;;+BAgCA,SAAoC;;aAApC,QAAoC;;;uBAhCK,OAAO;iCAQzC,mBAAmB;6BACE,eAAe;AAE3C,SAASA,SAAS,CAChB,KAA+D,EAC/DC,GAAkC,EAClC;QAFA,EAAEC,eAAe,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAkB,GAA/D,KAA+D;IAG/D,MAAM,EAAEC,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAEC,UAAU,CAAA,EAAE,GAAGC,IAAAA,YAAW,YAAA,EAAC;QAC7DP,eAAe;KAChB,CAAC;IAEF,qBACE,sBAACQ,gBAAc,eAAA;QAAE,GAAGL,IAAI;QAAEJ,GAAG,EAAEA,GAAG;;0BAChC,sBAACU,gBAAqB,sBAAA;gBAAE,GAAGL,WAAW;;kCACpC,qBAACM,gBAAmB,oBAAA;kCAAET,OAAO;sBAAuB;kCACpD,qBAACU,gBAAmB,oBAAA;wBAACC,SAAS,EAAEN,UAAU;sBAAI;;cACxB;0BACxB,qBAACO,KAAG;gBAAE,GAAGR,aAAa;0BACpB,cAAA,qBAACS,gBAAqB,sBAAA;8BAAEZ,QAAQ;kBAAyB;cACrD;;MACS,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBa,IAAAA,MAAU,WAAA,EAACjB,SAAS,CAAC"}
+{"version":3,"sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types'\nimport {\n  AccordionStyle,\n  AccordionSummaryStyle,\n  AccordionTitleStyle,\n  AccordionArrowStyle,\n  AccordionContentStyle,\n} from './AccordionStyles'\nimport { useExpanded } from './useExpanded'\n\nexport const Accordion = forwardRef(\n  (\n    { defaultExpanded, summary, children, ...rest }: AccordionProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const { toggleProps, collapseProps, isExpanded } = useExpanded({\n      defaultExpanded,\n    })\n\n    return (\n      <AccordionStyle {...rest} ref={ref}>\n        <AccordionSummaryStyle {...toggleProps}>\n          <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n          <AccordionArrowStyle $expanded={isExpanded} />\n        </AccordionSummaryStyle>\n        <div {...collapseProps}>\n          <AccordionContentStyle>{children}</AccordionContentStyle>\n        </div>\n      </AccordionStyle>\n    )\n  },\n)\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","ref","defaultExpanded","summary","children","rest","toggleProps","collapseProps","isExpanded","useExpanded","AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","$expanded","div","AccordionContentStyle","displayName"],"mappings":"AAAA;;;;+BAWaA,WAAS;;aAATA,SAAS;;;uBAXmB,OAAO;iCAQzC,mBAAmB;6BACE,eAAe;AAEpC,MAAMA,SAAS,iBAAGC,IAAAA,MAAU,WAAA,EACjC,QAEEC,GAAkC,GAC/B;QAFH,EAAEC,eAAe,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAkB;IAG/D,MAAM,EAAEC,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAEC,UAAU,CAAA,EAAE,GAAGC,IAAAA,YAAW,YAAA,EAAC;QAC7DP,eAAe;KAChB,CAAC;IAEF,qBACE,sBAACQ,gBAAc,eAAA;QAAE,GAAGL,IAAI;QAAEJ,GAAG,EAAEA,GAAG;;0BAChC,sBAACU,gBAAqB,sBAAA;gBAAE,GAAGL,WAAW;;kCACpC,qBAACM,gBAAmB,oBAAA;kCAAET,OAAO;sBAAuB;kCACpD,qBAACU,gBAAmB,oBAAA;wBAACC,SAAS,EAAEN,UAAU;sBAAI;;cACxB;0BACxB,qBAACO,KAAG;gBAAE,GAAGR,aAAa;0BACpB,cAAA,qBAACS,gBAAqB,sBAAA;8BAAEZ,QAAQ;kBAAyB;cACrD;;MACS,CAClB;AACH,CAAC,CACF;AACDL,SAAS,CAACkB,WAAW,GAAG,WAAW"}

package/dist/cjs/accordion/AccordionStyles.js

@@ -17,7 +17,7 @@ _export(exports, {
 });
 const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
 const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
-const _icons = require("../icons/index");
+const _icons = require("../icons");
 const AccordionStyle = _styledComponents.default.div`
   margin: 0 0 ${(param)=>{
     let { theme  } = param;

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;\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"}
+{"version":3,"sources":["../../../packages/accordion/AccordionStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { ArrowBottom } from '../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,UAAU;AAE/B,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/index.js

@@ -2,13 +2,8 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Accordion", {
-    enumerable: true,
-    get: ()=>_accordion.default
-});
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _accordion = /*#__PURE__*/ _interopRequireDefault(require("./Accordion"));
+_exportStar(require("./Accordion"), exports);
 _exportStar(require("./types"), exports);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/accordion/index.ts"],"sourcesContent":["export { default as Accordion } from './Accordion'\nexport * from './types'\n"],"names":["Accordion"],"mappings":"AAAA;;;;+BAAoBA,WAAS;;aAATA,UAAS,QAAA;;;;gEAAQ,aAAa;oBACpC,SAAS"}
+{"version":3,"sources":["../../../packages/accordion/index.ts"],"sourcesContent":["export * from './Accordion'\nexport * from './types'\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,aAAa;oBACb,SAAS"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/accordion/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { ReactNode } from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type AccordionProps = LidoComponentProps<\n  'div',\n  {\n    defaultExpanded?: boolean\n    summary: ReactNode\n  }\n>\n"],"names":[],"mappings":"AAAA"}
+{"version":3,"sources":["../../../packages/accordion/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nimport { ReactNode } from 'react'\nexport type { Theme } from '../theme'\n\nexport type AccordionProps = LidoComponentProps<\n  'div',\n  {\n    defaultExpanded?: boolean\n    summary: ReactNode\n  }\n>\n"],"names":[],"mappings":"AAAA"}

package/dist/cjs/address/Address.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "Address", {
     enumerable: true,
-    get: ()=>_default
+    get: ()=>Address
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _react = require("react");
 const _addressStyles = require("./AddressStyles");
 const _trimAddress = require("./trimAddress");
-function Address(param, ref) {
+const Address = /*#__PURE__*/ (0, _react.forwardRef)((param, ref)=>{
     let { symbols =3 , address , ...rest } = param;
     return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_addressStyles.AddressStyle, {
         ...rest,
@@ -24,7 +24,7 @@ function Address(param, ref) {
             })
         ]
     });
-}
-const _default = /*#__PURE__*/ (0, _react.forwardRef)(Address);
+});
+Address.displayName = 'Address';
 
 //# sourceMappingURL=Address.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AddressProps } from './types'\nimport {\n  AddressStyle,\n  AddressFullStyle,\n  AddressTrimmedStyle,\n} from './AddressStyles'\nimport { trimAddress } from './trimAddress'\n\nfunction Address(\n  { symbols = 3, address, ...rest }: AddressProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <AddressStyle {...rest} ref={ref}>\n      <AddressFullStyle>{address}</AddressFullStyle>\n      <AddressTrimmedStyle>{trimAddress(address, symbols)}</AddressTrimmedStyle>\n    </AddressStyle>\n  )\n}\n\nexport default forwardRef(Address)\n"],"names":["Address","ref","symbols","address","rest","AddressStyle","AddressFullStyle","AddressTrimmedStyle","trimAddress","forwardRef"],"mappings":"AAAA;;;;+BAqBA,SAAkC;;aAAlC,QAAkC;;;uBArBO,OAAO;+BAMzC,iBAAiB;6BACI,eAAe;AAE3C,SAASA,OAAO,CACd,KAA+C,EAC/CC,GAAkC,EAClC;QAFA,EAAEC,OAAO,EAAG,CAAC,CAAA,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAgB,GAA/C,KAA+C;IAG/C,qBACE,sBAACC,cAAY,aAAA;QAAE,GAAGD,IAAI;QAAEH,GAAG,EAAEA,GAAG;;0BAC9B,qBAACK,cAAgB,iBAAA;0BAAEH,OAAO;cAAoB;0BAC9C,qBAACI,cAAmB,oBAAA;0BAAEC,IAAAA,YAAW,YAAA,EAACL,OAAO,EAAED,OAAO,CAAC;cAAuB;;MAC7D,CAChB;AACH,CAAC;MAED,QAAkC,iBAAnBO,IAAAA,MAAU,WAAA,EAACT,OAAO,CAAC"}
+{"version":3,"sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AddressProps } from './types'\nimport {\n  AddressStyle,\n  AddressFullStyle,\n  AddressTrimmedStyle,\n} from './AddressStyles'\nimport { trimAddress } from './trimAddress'\n\nexport const Address = forwardRef(\n  (\n    { symbols = 3, address, ...rest }: AddressProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <AddressStyle {...rest} ref={ref}>\n        <AddressFullStyle>{address}</AddressFullStyle>\n        <AddressTrimmedStyle>\n          {trimAddress(address, symbols)}\n        </AddressTrimmedStyle>\n      </AddressStyle>\n    )\n  },\n)\nAddress.displayName = 'Address'\n"],"names":["Address","forwardRef","ref","symbols","address","rest","AddressStyle","AddressFullStyle","AddressTrimmedStyle","trimAddress","displayName"],"mappings":"AAAA;;;;+BASaA,SAAO;;aAAPA,OAAO;;;uBATqB,OAAO;+BAMzC,iBAAiB;6BACI,eAAe;AAEpC,MAAMA,OAAO,iBAAGC,IAAAA,MAAU,WAAA,EAC/B,QAEEC,GAAkC,GAC/B;QAFH,EAAEC,OAAO,EAAG,CAAC,CAAA,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAgB;IAG/C,qBACE,sBAACC,cAAY,aAAA;QAAE,GAAGD,IAAI;QAAEH,GAAG,EAAEA,GAAG;;0BAC9B,qBAACK,cAAgB,iBAAA;0BAAEH,OAAO;cAAoB;0BAC9C,qBAACI,cAAmB,oBAAA;0BACjBC,IAAAA,YAAW,YAAA,EAACL,OAAO,EAAED,OAAO,CAAC;cACV;;MACT,CAChB;AACH,CAAC,CACF;AACDH,OAAO,CAACU,WAAW,GAAG,SAAS"}

package/dist/cjs/address/index.js

@@ -2,13 +2,8 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Address", {
-    enumerable: true,
-    get: ()=>_address.default
-});
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _address = /*#__PURE__*/ _interopRequireDefault(require("./Address"));
+_exportStar(require("./Address"), exports);
 _exportStar(require("./trimAddress"), exports);
 _exportStar(require("./types"), exports);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/address/index.ts"],"sourcesContent":["export { default as Address } from './Address'\nexport * from './trimAddress'\nexport * from './types'\n"],"names":["Address"],"mappings":"AAAA;;;;+BAAoBA,SAAO;;aAAPA,QAAO,QAAA;;;;8DAAQ,WAAW;oBAChC,eAAe;oBACf,SAAS"}
+{"version":3,"sources":["../../../packages/address/index.ts"],"sourcesContent":["export * from './Address'\nexport * from './trimAddress'\nexport * from './types'\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,WAAW;oBACX,eAAe;oBACf,SAAS"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/address/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport type AddressProps = LidoComponentProps<\n  'div',\n  {\n    address: string\n    symbols?: number\n  }\n>\n"],"names":[],"mappings":"AAAA"}
+{"version":3,"sources":["../../../packages/address/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\n\nexport type AddressProps = LidoComponentProps<\n  'div',\n  {\n    address: string\n    symbols?: number\n  }\n>\n"],"names":[],"mappings":"AAAA"}

package/dist/cjs/addressBadge/AddressBadge.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "AddressBadge", {
     enumerable: true,
-    get: ()=>_default
+    get: ()=>AddressBadge
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _react = require("react");
-const _hooks = require("../hooks/index");
+const _hooks = require("../hooks");
 const _addressBadgeStyles = require("./AddressBadgeStyles");
-function AddressBadge(param, ref) {
+const AddressBadge = /*#__PURE__*/ (0, _react.forwardRef)((param, ref)=>{
     let { address , symbolsMobile =3 , symbolsDesktop =6  } = param;
     const isMobile = (0, _hooks.useBreakpoint)('md');
     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_addressBadgeStyles.AddressBadgeStyle, {
@@ -18,7 +18,7 @@ function AddressBadge(param, ref) {
         address: address !== null && address !== void 0 ? address : '',
         ref: ref
     });
-}
-const _default = /*#__PURE__*/ (0, _react.forwardRef)(AddressBadge);
+});
+AddressBadge.displayName = 'AddressBadge';
 
 //# sourceMappingURL=AddressBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '@lidofinance/hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nfunction AddressBadge(\n  { address, symbolsMobile = 3, symbolsDesktop = 6 }: AddressBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\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","ref","address","symbolsMobile","symbolsDesktop","isMobile","useBreakpoint","AddressBadgeStyle","symbols","forwardRef"],"mappings":"AAAA;;;;+BAoBA,SAAuC;;aAAvC,QAAuC;;;uBApBE,OAAO;uBAClB,gBAAoB;oCAChB,sBAAsB;AAGxD,SAASA,YAAY,CACnB,KAAqE,EACrEC,GAAkC,EAClC;QAFA,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAqB,GAArE,KAAqE;IAGrE,MAAMC,QAAQ,GAAGC,IAAAA,MAAa,cAAA,EAAC,IAAI,CAAC;IAEpC,qBACE,qBAACC,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,EAACT,YAAY,CAAC"}
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '../hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nexport const AddressBadge = forwardRef(\n  (\n    { address, symbolsMobile = 3, symbolsDesktop = 6 }: AddressBadgeProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\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)\nAddressBadge.displayName = 'AddressBadge'\n"],"names":["AddressBadge","forwardRef","ref","address","symbolsMobile","symbolsDesktop","isMobile","useBreakpoint","AddressBadgeStyle","symbols","displayName"],"mappings":"AAAA;;;;+BAKaA,cAAY;;aAAZA,YAAY;;;uBALgB,OAAO;uBAClB,UAAU;oCACN,sBAAsB;AAGjD,MAAMA,YAAY,iBAAGC,IAAAA,MAAU,WAAA,EACpC,QAEEC,GAAkC,GAC/B;QAFH,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAqB;IAGrE,MAAMC,QAAQ,GAAGC,IAAAA,MAAa,cAAA,EAAC,IAAI,CAAC;IAEpC,qBACE,qBAACC,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,CACF;AACDF,YAAY,CAACU,WAAW,GAAG,cAAc"}

package/dist/cjs/addressBadge/AddressBadgeStyles.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "AddressBadgeStyle", {
     get: ()=>AddressBadgeStyle
 });
 const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _identicon = require("../identicon/index");
+const _identicon = require("../identicon");
 const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
 const AddressBadgeStyle = (0, _styledComponents.default)(_identicon.IdenticonBadge)`
   max-width: 100%;

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  & > * {\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"}
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import { IdenticonBadge } from '../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,cAAc;uEAC1B,mBAAmB;AAE/B,MAAMA,iBAAiB,GAAGC,IAAAA,iBAAM,QAAA,EAACC,UAAc,eAAA,CAAC,CAAC;;;;;;;;;;;;;;AAcxD,CAAC"}

package/dist/cjs/addressBadge/index.js

@@ -2,13 +2,8 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "AddressBadge", {
-    enumerable: true,
-    get: ()=>_addressBadge.default
-});
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _addressBadge = /*#__PURE__*/ _interopRequireDefault(require("./AddressBadge"));
+_exportStar(require("./AddressBadge"), exports);
 _exportStar(require("./types"), exports);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/addressBadge/index.ts"],"sourcesContent":["export { default as AddressBadge } from './AddressBadge'\nexport * from './types'\n"],"names":["AddressBadge"],"mappings":"AAAA;;;;+BAAoBA,cAAY;;aAAZA,aAAY,QAAA;;;;mEAAQ,gBAAgB;oBAC1C,SAAS"}
+{"version":3,"sources":["../../../packages/addressBadge/index.ts"],"sourcesContent":["export * from './AddressBadge'\nexport * from './types'\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,gBAAgB;oBAChB,SAAS"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport type AddressBadgeProps = LidoComponentProps<\n  'div',\n  {\n    address?: string\n    symbolsMobile?: number\n    symbolsDesktop?: number\n  }\n>\n"],"names":[],"mappings":"AAAA"}
+{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\n\nexport type AddressBadgeProps = LidoComponentProps<\n  'div',\n  {\n    address?: string\n    symbolsMobile?: number\n    symbolsDesktop?: number\n  }\n>\n"],"names":[],"mappings":"AAAA"}

package/dist/cjs/block/Block.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "Block", {
     enumerable: true,
-    get: ()=>_default
+    get: ()=>Block
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _react = require("react");
 const _blockStyles = require("./BlockStyles");
-function Block(param, ref) {
+const Block = /*#__PURE__*/ (0, _react.forwardRef)((param, ref)=>{
     let { color ='foreground' , variant ='flat' , paddingLess =false , ...rest } = param;
     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_blockStyles.BlockStyle, {
         $color: color,
@@ -18,7 +18,7 @@ function Block(param, ref) {
         ref: ref,
         ...rest
     });
-}
-const _default = /*#__PURE__*/ (0, _react.forwardRef)(Block);
+});
+Block.displayName = 'Block';
 
 //# sourceMappingURL=Block.js.map

package/dist/cjs/block/Block.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles'\nimport { BlockProps } from './types'\n\nfunction Block(\n  {\n    color = 'foreground',\n    variant = 'flat',\n    paddingLess = false,\n    ...rest\n  }: BlockProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <BlockStyle\n      $color={color}\n      $variant={variant}\n      $paddingLess={paddingLess}\n      ref={ref}\n      {...rest}\n    />\n  )\n}\n\nexport default forwardRef(Block)\n"],"names":["Block","ref","color","variant","paddingLess","rest","BlockStyle","$color","$variant","$paddingLess","forwardRef"],"mappings":"AAAA;;;;+BAwBA,SAAgC;;aAAhC,QAAgC;;;uBAxBS,OAAO;6BACrB,eAAe;AAG1C,SAASA,KAAK,CACZ,KAKa,EACbC,GAAkC,EAClC;QAPA,EACEC,KAAK,EAAG,YAAY,CAAA,EACpBC,OAAO,EAAG,MAAM,CAAA,EAChBC,WAAW,EAAG,KAAK,CAAA,EACnB,GAAGC,IAAI,EACI,GALb,KAKa;IAGb,qBACE,qBAACC,YAAU,WAAA;QACTC,MAAM,EAAEL,KAAK;QACbM,QAAQ,EAAEL,OAAO;QACjBM,YAAY,EAAEL,WAAW;QACzBH,GAAG,EAAEA,GAAG;QACP,GAAGI,IAAI;MACR,CACH;AACH,CAAC;MAED,QAAgC,iBAAjBK,IAAAA,MAAU,WAAA,EAACV,KAAK,CAAC"}
+{"version":3,"sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles'\nimport { BlockProps } from './types'\n\nexport const Block = forwardRef(\n  (\n    {\n      color = 'foreground',\n      variant = 'flat',\n      paddingLess = false,\n      ...rest\n    }: BlockProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <BlockStyle\n        $color={color}\n        $variant={variant}\n        $paddingLess={paddingLess}\n        ref={ref}\n        {...rest}\n      />\n    )\n  },\n)\nBlock.displayName = 'Block'\n"],"names":["Block","forwardRef","ref","color","variant","paddingLess","rest","BlockStyle","$color","$variant","$paddingLess","displayName"],"mappings":"AAAA;;;;+BAIaA,OAAK;;aAALA,KAAK;;;uBAJuB,OAAO;6BACrB,eAAe;AAGnC,MAAMA,KAAK,iBAAGC,IAAAA,MAAU,WAAA,EAC7B,QAOEC,GAAkC,GAC/B;QAPH,EACEC,KAAK,EAAG,YAAY,CAAA,EACpBC,OAAO,EAAG,MAAM,CAAA,EAChBC,WAAW,EAAG,KAAK,CAAA,EACnB,GAAGC,IAAI,EACI;IAGb,qBACE,qBAACC,YAAU,WAAA;QACTC,MAAM,EAAEL,KAAK;QACbM,QAAQ,EAAEL,OAAO;QACjBM,YAAY,EAAEL,WAAW;QACzBH,GAAG,EAAEA,GAAG;QACP,GAAGI,IAAI;MACR,CACH;AACH,CAAC,CACF;AACDN,KAAK,CAACW,WAAW,GAAG,OAAO"}

package/dist/cjs/block/BlockStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/block/BlockStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { BlockVariants, BlockColors } from './types'\n\ntype InjectedProps = {\n  $variant: BlockVariants\n  $color: BlockColors\n  $paddingLess: boolean\n  theme: Theme\n}\n\nconst colors = {\n  foreground: css`\n    background: var(--lido-color-foreground);\n    color: var(--lido-color-textSecondary);\n  `,\n  background: css`\n    background: var(--lido-color-background);\n    color: var(--lido-color-textSecondary);\n  `,\n  accent: css`\n    background: var(--lido-color-accent);\n    color: var(--lido-color-accentContrast);\n  `,\n}\n\nconst variants = {\n  flat: css`\n    box-shadow: none;\n  `,\n  shadow: css`\n    box-shadow: ${({ theme }) => theme.boxShadows.lg}\n      var(--lido-colors-shadowLight);\n  `,\n}\n\nconst paddings = css`\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n  }\n`\n\nexport const BlockStyle = styled.div<InjectedProps>`\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n  margin: 0;\n\n  ${({ $paddingLess }) => !$paddingLess && paddings}\n\n  ${({ $variant }) => variants[$variant]}\n  ${({ $color }) => colors[$color]}\n`\n"],"names":["BlockStyle","colors","foreground","css","background","accent","variants","flat","shadow","theme","boxShadows","lg","paddings","spaceMap","xxl","mediaQueries","md","styled","div","fontSizesMap","xxs","borderRadiusesMap","xl","$paddingLess","$variant","$color"],"mappings":"AAAA;;;;+BA4CaA,YAAU;;aAAVA,UAAU;;;wEA5CK,mBAAmB;AAW/C,MAAMC,MAAM,GAAG;IACbC,UAAU,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGhB,CAAC;IACDC,UAAU,EAAED,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGhB,CAAC;IACDE,MAAM,EAAEF,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGZ,CAAC;CACF;AAED,MAAMG,QAAQ,GAAG;IACfC,IAAI,EAAEJ,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEV,CAAC;IACDK,MAAM,EAAEL,IAAAA,iBAAG,IAAA,CAAA,CAAC;gBACE,EAAE,SAAeM;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;CACF;AAED,MAAMC,QAAQ,GAAGT,IAAAA,iBAAG,IAAA,CAAA,CAAC;WACV,EAAE,SAAeM;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,QAAQ,CAACC,GAAG;AAAD,CAAC,CAAC;;EAE7C,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACM,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,QAAQ,CAACF,EAAE;AAAD,CAAC,CAAC;;AAEhD,CAAC;AAEM,MAAMX,UAAU,GAAGiB,iBAAM,QAAA,CAACC,GAAG,AAAe,CAAC;;aAEvC,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACU,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;iBAEpC,EAAE,SAAeX;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACY,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;;EAG3D,EAAE,SAAsB;QAArB,EAAEC,YAAY,CAAA,EAAE;WAAK,CAACA,YAAY,IAAIX,QAAQ;AAAD,CAAC,CAAC;;EAElD,EAAE,SAAkBN;QAAjB,EAAEkB,QAAQ,CAAA,EAAE;WAAKlB,QAAQ,CAACkB,QAAQ,CAAC;AAAD,CAAC,CAAC;EACvC,EAAE,SAAgBvB;QAAf,EAAEwB,MAAM,CAAA,EAAE;WAAKxB,MAAM,CAACwB,MAAM,CAAC;AAAD,CAAC,CAAC;AACnC,CAAC"}
+{"version":3,"sources":["../../../packages/block/BlockStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '../theme'\nimport { BlockVariants, BlockColors } from './types'\n\ntype InjectedProps = {\n  $variant: BlockVariants\n  $color: BlockColors\n  $paddingLess: boolean\n  theme: Theme\n}\n\nconst colors = {\n  foreground: css`\n    background: var(--lido-color-foreground);\n    color: var(--lido-color-textSecondary);\n  `,\n  background: css`\n    background: var(--lido-color-background);\n    color: var(--lido-color-textSecondary);\n  `,\n  accent: css`\n    background: var(--lido-color-accent);\n    color: var(--lido-color-accentContrast);\n  `,\n}\n\nconst variants = {\n  flat: css`\n    box-shadow: none;\n  `,\n  shadow: css`\n    box-shadow: ${({ theme }) => theme.boxShadows.lg}\n      var(--lido-colors-shadowLight);\n  `,\n}\n\nconst paddings = css`\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n  }\n`\n\nexport const BlockStyle = styled.div<InjectedProps>`\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n  margin: 0;\n\n  ${({ $paddingLess }) => !$paddingLess && paddings}\n\n  ${({ $variant }) => variants[$variant]}\n  ${({ $color }) => colors[$color]}\n`\n"],"names":["BlockStyle","colors","foreground","css","background","accent","variants","flat","shadow","theme","boxShadows","lg","paddings","spaceMap","xxl","mediaQueries","md","styled","div","fontSizesMap","xxs","borderRadiusesMap","xl","$paddingLess","$variant","$color"],"mappings":"AAAA;;;;+BA4CaA,YAAU;;aAAVA,UAAU;;;wEA5CK,mBAAmB;AAW/C,MAAMC,MAAM,GAAG;IACbC,UAAU,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGhB,CAAC;IACDC,UAAU,EAAED,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGhB,CAAC;IACDE,MAAM,EAAEF,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGZ,CAAC;CACF;AAED,MAAMG,QAAQ,GAAG;IACfC,IAAI,EAAEJ,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEV,CAAC;IACDK,MAAM,EAAEL,IAAAA,iBAAG,IAAA,CAAA,CAAC;gBACE,EAAE,SAAeM;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;CACF;AAED,MAAMC,QAAQ,GAAGT,IAAAA,iBAAG,IAAA,CAAA,CAAC;WACV,EAAE,SAAeM;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,QAAQ,CAACC,GAAG;AAAD,CAAC,CAAC;;EAE7C,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACM,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,QAAQ,CAACF,EAAE;AAAD,CAAC,CAAC;;AAEhD,CAAC;AAEM,MAAMX,UAAU,GAAGiB,iBAAM,QAAA,CAACC,GAAG,AAAe,CAAC;;aAEvC,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACU,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;iBAEpC,EAAE,SAAeX;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACY,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;;EAG3D,EAAE,SAAsB;QAArB,EAAEC,YAAY,CAAA,EAAE;WAAK,CAACA,YAAY,IAAIX,QAAQ;AAAD,CAAC,CAAC;;EAElD,EAAE,SAAkBN;QAAjB,EAAEkB,QAAQ,CAAA,EAAE;WAAKlB,QAAQ,CAACkB,QAAQ,CAAC;AAAD,CAAC,CAAC;EACvC,EAAE,SAAgBvB;QAAf,EAAEwB,MAAM,CAAA,EAAE;WAAKxB,MAAM,CAACwB,MAAM,CAAC;AAAD,CAAC,CAAC;AACnC,CAAC"}

package/dist/cjs/block/index.js

@@ -2,13 +2,8 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Block", {
-    enumerable: true,
-    get: ()=>_block.default
-});
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _block = /*#__PURE__*/ _interopRequireDefault(require("./Block"));
+_exportStar(require("./Block"), exports);
 _exportStar(require("./types"), exports);
 
 //# sourceMappingURL=index.js.map

package/dist/cjs/block/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/block/index.ts"],"sourcesContent":["export { default as Block } from './Block'\nexport * from './types'\n"],"names":["Block"],"mappings":"AAAA;;;;+BAAoBA,OAAK;;aAALA,MAAK,QAAA;;;;4DAAQ,SAAS;oBAC5B,SAAS"}
+{"version":3,"sources":["../../../packages/block/index.ts"],"sourcesContent":["export * from './Block'\nexport * from './types'\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,SAAS;oBACT,SAAS"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/block/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum BlockVariant {\n  flat,\n  shadow,\n}\nexport type BlockVariants = keyof typeof BlockVariant\n\nexport enum BlockColor {\n  foreground,\n  background,\n  accent,\n}\nexport type BlockColors = keyof typeof BlockColor\n\nexport type BlockProps = LidoComponentProps<\n  'div',\n  {\n    color?: BlockColors\n    variant?: BlockVariants\n    paddingLess?: boolean\n  }\n>\n"],"names":["BlockVariant","flat","shadow","BlockColor","foreground","background","accent"],"mappings":"AAAA;;;;;;;;;;;;;;IAGO,YAGN;UAHWA,YAAY;IAAZA,YAAY,CAAZA,YAAY,CACtBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,YAAY,CAAZA,YAAY,CAEtBE,QAAM,IAANA,CAAM,IAANA,QAAM;GAFIF,YAAY,KAAZA,YAAY;IAMjB,UAIN;UAJWG,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpBC,YAAU,IAAVA,CAAU,IAAVA,YAAU;IADAD,UAAU,CAAVA,UAAU,CAEpBE,YAAU,IAAVA,CAAU,IAAVA,YAAU;IAFAF,UAAU,CAAVA,UAAU,CAGpBG,QAAM,IAANA,CAAM,IAANA,QAAM;GAHIH,UAAU,KAAVA,UAAU"}
+{"version":3,"sources":["../../../packages/block/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nexport type { Theme } from '../theme'\n\nexport enum BlockVariant {\n  flat,\n  shadow,\n}\nexport type BlockVariants = keyof typeof BlockVariant\n\nexport enum BlockColor {\n  foreground,\n  background,\n  accent,\n}\nexport type BlockColors = keyof typeof BlockColor\n\nexport type BlockProps = LidoComponentProps<\n  'div',\n  {\n    color?: BlockColors\n    variant?: BlockVariants\n    paddingLess?: boolean\n  }\n>\n"],"names":["BlockVariant","flat","shadow","BlockColor","foreground","background","accent"],"mappings":"AAAA;;;;;;;;;;;;;;IAGO,YAGN;UAHWA,YAAY;IAAZA,YAAY,CAAZA,YAAY,CACtBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,YAAY,CAAZA,YAAY,CAEtBE,QAAM,IAANA,CAAM,IAANA,QAAM;GAFIF,YAAY,KAAZA,YAAY;IAMjB,UAIN;UAJWG,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpBC,YAAU,IAAVA,CAAU,IAAVA,YAAU;IADAD,UAAU,CAAVA,UAAU,CAEpBE,YAAU,IAAVA,CAAU,IAAVA,YAAU;IAFAF,UAAU,CAAVA,UAAU,CAGpBG,QAAM,IAANA,CAAM,IAANA,QAAM;GAHIH,UAAU,KAAVA,UAAU"}

package/dist/cjs/box/Box.js

@@ -2,14 +2,13 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "Box", {
     enumerable: true,
-    get: ()=>_default
+    get: ()=>Box
 });
 const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
 const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
-const _styledSystem = require("../styled-system/index");
-const Box = _styledComponents.default.div``;
-const _default = (0, _styledSystem.withStyledSystem)(Box);
+const _styledSystem = require("../styled-system");
+const Box = (0, _styledSystem.withStyledSystem)(_styledComponents.default.div``);
 
 //# sourceMappingURL=Box.js.map

package/dist/cjs/box/Box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/box/Box.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { withStyledSystem } from '@lidofinance/styled-system'\n\nconst Box = styled.div``\n\nexport default withStyledSystem(Box)\n"],"names":["Box","styled","div","withStyledSystem"],"mappings":"AAAA;;;;+BAKA,SAAoC;;aAApC,QAAoC;;;uEALjB,mBAAmB;8BACL,wBAA4B;AAE7D,MAAMA,GAAG,GAAGC,iBAAM,QAAA,CAACC,GAAG,CAAC,CAAC;MAExB,QAAoC,GAArBC,IAAAA,aAAgB,iBAAA,EAACH,GAAG,CAAC"}
+{"version":3,"sources":["../../../packages/box/Box.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { withStyledSystem } from '../styled-system'\n\nexport const Box = withStyledSystem(styled.div``)\n"],"names":["Box","withStyledSystem","styled","div"],"mappings":"AAAA;;;;+BAGaA,KAAG;;aAAHA,GAAG;;;uEAHG,mBAAmB;8BACL,kBAAkB;AAE5C,MAAMA,GAAG,GAAGC,IAAAA,aAAgB,iBAAA,EAACC,iBAAM,QAAA,CAACC,GAAG,CAAC,CAAC,CAAC"}

package/dist/cjs/box/index.js

@@ -2,11 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Box", {
-    enumerable: true,
-    get: ()=>_box.default
-});
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _box = /*#__PURE__*/ _interopRequireDefault(require("./Box"));
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Box"), exports);
 
 //# sourceMappingURL=index.js.map

package/dist/cjs/box/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/box/index.ts"],"sourcesContent":["export { default as Box } from './Box'\n"],"names":["Box"],"mappings":"AAAA;;;;+BAAoBA,KAAG;;aAAHA,IAAG,QAAA;;;0DAAQ,OAAO"}
+{"version":3,"sources":["../../../packages/box/index.ts"],"sourcesContent":["export * from './Box'\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,OAAO"}

package/dist/cjs/button/Button.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "Button", {
     enumerable: true,
-    get: ()=>_default
+    get: ()=>Button
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _react = require("react");
@@ -17,7 +17,7 @@ const loaderSizes = {
     md: 'medium',
     lg: 'medium'
 };
-function Button(param, ref) {
+const Button = /*#__PURE__*/ (0, _react.forwardRef)((param, ref)=>{
     let { size ='md' , variant ='filled' , color ='primary' , square =false , fullwidth =false , loading =false , active =false , onClick , disabled , children , ...rest } = param;
     const { handleClick , ripple  } = (0, _useRipple.useRipple)({
         onClick
@@ -47,7 +47,7 @@ function Button(param, ref) {
             !active && ripple
         ]
     });
-}
-const _default = /*#__PURE__*/ (0, _react.forwardRef)(Button);
+});
+Button.displayName = 'Butotn';
 
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonStyle,\n  ButtonContentStyle,\n  ButtonLoaderStyle,\n} from './ButtonStyles'\nimport { ButtonProps } from './types'\nimport { useRipple } from './useRipple'\n\nconst loaderSizes = {\n  xxs: 'small',\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n} as const\n\nfunction Button(\n  {\n    size = 'md',\n    variant = 'filled',\n    color = 'primary',\n    square = false,\n    fullwidth = false,\n    loading = false,\n    active = false,\n    onClick,\n    disabled,\n    children,\n    ...rest\n  }: ButtonProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const { handleClick, ripple } = useRipple({ onClick })\n  const loaderSize = loaderSizes[size]\n\n  return (\n    <ButtonStyle\n      $size={size}\n      $variant={variant}\n      $fullwidth={fullwidth}\n      $color={color}\n      $square={square}\n      $loading={loading}\n      $active={active}\n      onClick={handleClick}\n      disabled={disabled || loading}\n      type='button'\n      ref={ref}\n      {...rest}\n    >\n      <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n      {loading && <ButtonLoaderStyle size={loaderSize} />}\n      {!active && ripple}\n    </ButtonStyle>\n  )\n}\n\nexport default forwardRef(Button)\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","ButtonStyle","$size","$variant","$fullwidth","$color","$square","$loading","$active","type","ButtonContentStyle","$hidden","ButtonLoaderStyle","forwardRef"],"mappings":"AAAA;;;;+BA0DA,SAAiC;;aAAjC,QAAiC;;;uBA1DQ,OAAO;8BAKzC,gBAAgB;2BAEG,aAAa;AAEvC,MAAMA,WAAW,GAAG;IAClBC,GAAG,EAAE,OAAO;IACZC,EAAE,EAAE,OAAO;IACXC,EAAE,EAAE,OAAO;IACXC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;CACb,AAAS;AAEV,SAASC,MAAM,CACb,KAYc,EACdC,GAAqC,EACrC;QAdA,EACEC,IAAI,EAAG,IAAI,CAAA,EACXC,OAAO,EAAG,QAAQ,CAAA,EAClBC,KAAK,EAAG,SAAS,CAAA,EACjBC,MAAM,EAAG,KAAK,CAAA,EACdC,SAAS,EAAG,KAAK,CAAA,EACjBC,OAAO,EAAG,KAAK,CAAA,EACfC,MAAM,EAAG,KAAK,CAAA,EACdC,OAAO,CAAA,EACPC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACK,GAZd,KAYc;IAGd,MAAM,EAAEC,WAAW,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGC,IAAAA,UAAS,UAAA,EAAC;QAAEN,OAAO;KAAE,CAAC;IACtD,MAAMO,UAAU,GAAGtB,WAAW,CAACQ,IAAI,CAAC;IAEpC,qBACE,sBAACe,aAAW,YAAA;QACVC,KAAK,EAAEhB,IAAI;QACXiB,QAAQ,EAAEhB,OAAO;QACjBiB,UAAU,EAAEd,SAAS;QACrBe,MAAM,EAAEjB,KAAK;QACbkB,OAAO,EAAEjB,MAAM;QACfkB,QAAQ,EAAEhB,OAAO;QACjBiB,OAAO,EAAEhB,MAAM;QACfC,OAAO,EAAEI,WAAW;QACpBH,QAAQ,EAAEA,QAAQ,IAAIH,OAAO;QAC7BkB,IAAI,EAAC,QAAQ;QACbxB,GAAG,EAAEA,GAAG;QACP,GAAGW,IAAI;;0BAER,qBAACc,aAAkB,mBAAA;gBAACC,OAAO,EAAEpB,OAAO;0BAAGI,QAAQ;cAAsB;YACpEJ,OAAO,kBAAI,qBAACqB,aAAiB,kBAAA;gBAAC1B,IAAI,EAAEc,UAAU;cAAI;YAClD,CAACR,MAAM,IAAIM,MAAM;;MACN,CACf;AACH,CAAC;MAED,QAAiC,iBAAlBe,IAAAA,MAAU,WAAA,EAAC7B,MAAM,CAAC"}
+{"version":3,"sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonStyle,\n  ButtonContentStyle,\n  ButtonLoaderStyle,\n} from './ButtonStyles'\nimport { ButtonProps } from './types'\nimport { useRipple } from './useRipple'\n\nconst loaderSizes = {\n  xxs: 'small',\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n  (\n    {\n      size = 'md',\n      variant = 'filled',\n      color = 'primary',\n      square = false,\n      fullwidth = false,\n      loading = false,\n      active = false,\n      onClick,\n      disabled,\n      children,\n      ...rest\n    }: ButtonProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const { handleClick, ripple } = useRipple({ onClick })\n    const loaderSize = loaderSizes[size]\n\n    return (\n      <ButtonStyle\n        $size={size}\n        $variant={variant}\n        $fullwidth={fullwidth}\n        $color={color}\n        $square={square}\n        $loading={loading}\n        $active={active}\n        onClick={handleClick}\n        disabled={disabled || loading}\n        type='button'\n        ref={ref}\n        {...rest}\n      >\n        <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n        {loading && <ButtonLoaderStyle size={loaderSize} />}\n        {!active && ripple}\n      </ButtonStyle>\n    )\n  },\n)\nButton.displayName = 'Butotn'\n"],"names":["Button","loaderSizes","xxs","xs","sm","md","lg","forwardRef","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","ButtonStyle","$size","$variant","$fullwidth","$color","$square","$loading","$active","type","ButtonContentStyle","$hidden","ButtonLoaderStyle","displayName"],"mappings":"AAAA;;;;+BAiBaA,QAAM;;aAANA,MAAM;;;uBAjBsB,OAAO;8BAKzC,gBAAgB;2BAEG,aAAa;AAEvC,MAAMC,WAAW,GAAG;IAClBC,GAAG,EAAE,OAAO;IACZC,EAAE,EAAE,OAAO;IACXC,EAAE,EAAE,OAAO;IACXC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;CACb,AAAS;AAEH,MAAMN,MAAM,iBAAGO,IAAAA,MAAU,WAAA,EAC9B,QAcEC,GAAqC,GAClC;QAdH,EACEC,IAAI,EAAG,IAAI,CAAA,EACXC,OAAO,EAAG,QAAQ,CAAA,EAClBC,KAAK,EAAG,SAAS,CAAA,EACjBC,MAAM,EAAG,KAAK,CAAA,EACdC,SAAS,EAAG,KAAK,CAAA,EACjBC,OAAO,EAAG,KAAK,CAAA,EACfC,MAAM,EAAG,KAAK,CAAA,EACdC,OAAO,CAAA,EACPC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACK;IAGd,MAAM,EAAEC,WAAW,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGC,IAAAA,UAAS,UAAA,EAAC;QAAEN,OAAO;KAAE,CAAC;IACtD,MAAMO,UAAU,GAAGtB,WAAW,CAACQ,IAAI,CAAC;IAEpC,qBACE,sBAACe,aAAW,YAAA;QACVC,KAAK,EAAEhB,IAAI;QACXiB,QAAQ,EAAEhB,OAAO;QACjBiB,UAAU,EAAEd,SAAS;QACrBe,MAAM,EAAEjB,KAAK;QACbkB,OAAO,EAAEjB,MAAM;QACfkB,QAAQ,EAAEhB,OAAO;QACjBiB,OAAO,EAAEhB,MAAM;QACfC,OAAO,EAAEI,WAAW;QACpBH,QAAQ,EAAEA,QAAQ,IAAIH,OAAO;QAC7BkB,IAAI,EAAC,QAAQ;QACbxB,GAAG,EAAEA,GAAG;QACP,GAAGW,IAAI;;0BAER,qBAACc,aAAkB,mBAAA;gBAACC,OAAO,EAAEpB,OAAO;0BAAGI,QAAQ;cAAsB;YACpEJ,OAAO,kBAAI,qBAACqB,aAAiB,kBAAA;gBAAC1B,IAAI,EAAEc,UAAU;cAAI;YAClD,CAACR,MAAM,IAAIM,MAAM;;MACN,CACf;AACH,CAAC,CACF;AACDrB,MAAM,CAACoC,WAAW,GAAG,QAAQ"}

package/dist/cjs/button/ButtonIcon.js

@@ -2,19 +2,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "ButtonIcon", {
     enumerable: true,
-    get: ()=>_default
+    get: ()=>ButtonIcon
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
 const _jsxRuntime = require("react/jsx-runtime");
 const _react = require("react");
 const _buttonIconStyles = require("./ButtonIconStyles");
-const _button = /*#__PURE__*/ _interopRequireDefault(require("./Button"));
-function ButtonIcon(param, ref) {
+const _button = require("./Button");
+const ButtonIcon = /*#__PURE__*/ (0, _react.forwardRef)((param, ref)=>{
     let { icon , children , ...rest } = param;
     const hasNoChildren = !children;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_button.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_button.Button, {
         square: hasNoChildren,
         ...rest,
         ref: ref,
@@ -30,7 +29,7 @@ function ButtonIcon(param, ref) {
             ]
         })
     });
-}
-const _default = /*#__PURE__*/ (0, _react.forwardRef)(ButtonIcon);
+});
+ButtonIcon.displayName = 'ButtonIcon';
 
 //# sourceMappingURL=ButtonIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import { 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  { icon, children, ...rest }: ButtonIconProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\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","ref","icon","children","rest","hasNoChildren","Button","square","ButtonWrapperStyle","ButtonIconStyle","$square","ButtonContentStyle","forwardRef"],"mappings":"AAAA;;;;+BAyBA,SAAqC;;aAArC,QAAqC;;;;uBAzBI,OAAO;kCAKzC,oBAAoB;6DAER,UAAU;AAE7B,SAASA,UAAU,CACjB,KAA4C,EAC5CC,GAAqC,EACrC;QAFA,EAAEC,IAAI,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAmB,GAA5C,KAA4C;IAG5C,MAAMC,aAAa,GAAG,CAACF,QAAQ;IAE/B,qBACE,qBAACG,OAAM,QAAA;QAACC,MAAM,EAAEF,aAAa;QAAG,GAAGD,IAAI;QAAEH,GAAG,EAAEA,GAAG;kBAC/C,cAAA,sBAACO,iBAAkB,mBAAA;;8BACjB,qBAACC,iBAAe,gBAAA;oBAACC,OAAO,EAAEL,aAAa;8BAAGH,IAAI;kBAAmB;8BACjE,qBAACS,iBAAkB,mBAAA;8BAAER,QAAQ;kBAAsB;;UAChC;MACd,CACV;AACH,CAAC;MAED,QAAqC,iBAAtBS,IAAAA,MAAU,WAAA,EAACZ,UAAU,CAAC"}
+{"version":3,"sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonWrapperStyle,\n  ButtonIconStyle,\n  ButtonContentStyle,\n} from './ButtonIconStyles'\nimport { ButtonIconProps } from './types'\nimport { Button } from './Button'\n\nexport const ButtonIcon = forwardRef(\n  (\n    { icon, children, ...rest }: ButtonIconProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\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)\nButtonIcon.displayName = 'ButtonIcon'\n"],"names":["ButtonIcon","forwardRef","ref","icon","children","rest","hasNoChildren","Button","square","ButtonWrapperStyle","ButtonIconStyle","$square","ButtonContentStyle","displayName"],"mappings":"AAAA;;;;+BASaA,YAAU;;aAAVA,UAAU;;;uBATkB,OAAO;kCAKzC,oBAAoB;wBAEJ,UAAU;AAE1B,MAAMA,UAAU,iBAAGC,IAAAA,MAAU,WAAA,EAClC,QAEEC,GAAqC,GAClC;QAFH,EAAEC,IAAI,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAmB;IAG5C,MAAMC,aAAa,GAAG,CAACF,QAAQ;IAE/B,qBACE,qBAACG,OAAM,OAAA;QAACC,MAAM,EAAEF,aAAa;QAAG,GAAGD,IAAI;QAAEH,GAAG,EAAEA,GAAG;kBAC/C,cAAA,sBAACO,iBAAkB,mBAAA;;8BACjB,qBAACC,iBAAe,gBAAA;oBAACC,OAAO,EAAEL,aAAa;8BAAGH,IAAI;kBAAmB;8BACjE,qBAACS,iBAAkB,mBAAA;8BAAER,QAAQ;kBAAsB;;UAChC;MACd,CACV;AACH,CAAC,CACF;AACDJ,UAAU,CAACa,WAAW,GAAG,YAAY"}

package/dist/cjs/button/ButtonStyles.js

@@ -17,7 +17,7 @@ _export(exports, {
 });
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
-const _loaders = require("../loaders/index");
+const _loaders = require("../loaders");
 const sizes = {
     xxs: (0, _styledComponents.css)`
     line-height: 1em;

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:\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":"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"}
+{"version":3,"sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Theme } from '../theme'\nimport { Loader } from '../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":"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"}