@lidofinance/lido-ui 3.8.1 → 3.10.0

package/dist/cjs/accordion/Accordion.js

@@ -7,18 +7,19 @@ Object.defineProperty(exports, "default", {
     get: ()=>_default
 });
 const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = require("react");
 const _accordionStyles = require("./AccordionStyles");
 const _useExpanded = require("./useExpanded");
-function Accordion(props, ref) {
-    const { defaultExpanded , summary , children , ...rest } = props;
-    const { toggleProps , collapseProps , isExpanded  } = (0, _useExpanded.useExpanded)(props);
-    return /*#__PURE__*/ _react.default.createElement(_accordionStyles.AccordionStyle, _extends({}, rest, {
+function Accordion(param, ref) {
+    let { defaultExpanded , summary , children , ...rest } = param;
+    const { toggleProps , collapseProps , isExpanded  } = (0, _useExpanded.useExpanded)({
+        defaultExpanded
+    });
+    return /*#__PURE__*/ React.createElement(_accordionStyles.AccordionStyle, _extends({}, rest, {
         ref: ref
-    }), /*#__PURE__*/ _react.default.createElement(_accordionStyles.AccordionSummaryStyle, _extends({}, toggleProps), /*#__PURE__*/ _react.default.createElement(_accordionStyles.AccordionTitleStyle, null, summary), /*#__PURE__*/ _react.default.createElement(_accordionStyles.AccordionArrowStyle, {
+    }), /*#__PURE__*/ React.createElement(_accordionStyles.AccordionSummaryStyle, _extends({}, toggleProps), /*#__PURE__*/ React.createElement(_accordionStyles.AccordionTitleStyle, null, summary), /*#__PURE__*/ React.createElement(_accordionStyles.AccordionArrowStyle, {
         $expanded: isExpanded
-    })), /*#__PURE__*/ _react.default.createElement("div", _extends({}, collapseProps), /*#__PURE__*/ _react.default.createElement(_accordionStyles.AccordionContentStyle, null, children)));
+    })), /*#__PURE__*/ React.createElement("div", _extends({}, collapseProps), /*#__PURE__*/ React.createElement(_accordionStyles.AccordionContentStyle, null, children)));
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Accordion);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import React, { 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(props: AccordionProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { defaultExpanded, summary, children, ...rest } = props\n  const { toggleProps, collapseProps, isExpanded } = useExpanded(props)\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","props","ref","defaultExpanded","summary","children","rest","toggleProps","collapseProps","isExpanded","useExpanded","AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","$expanded","div","AccordionContentStyle","forwardRef"],"mappings":"AAAA;;;;+BA4BA,SAAoC;;aAApC,QAAoC;;;;6DA5BY,OAAO;iCAQhD,mBAAmB;6BACE,eAAe;AAE3C,SAASA,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,MAAM,EAAEC,eAAe,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAC7D,MAAM,EAAEM,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAEC,UAAU,CAAA,EAAE,GAAGC,IAAAA,YAAW,YAAA,EAACT,KAAK,CAAC;IAErE,qBACE,6BAACU,gBAAc,eAAA,eAAKL,IAAI;QAAEJ,GAAG,EAAEA,GAAG;sBAChC,6BAACU,gBAAqB,sBAAA,eAAKL,WAAW,iBACpC,6BAACM,gBAAmB,oBAAA,QAAET,OAAO,CAAuB,gBACpD,6BAACU,gBAAmB,oBAAA;QAACC,SAAS,EAAEN,UAAU;MAAI,CACxB,gBACxB,6BAACO,KAAG,eAAKR,aAAa,iBACpB,6BAACS,gBAAqB,sBAAA,QAAEZ,QAAQ,CAAyB,CACrD,CACS,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBa,IAAAA,MAAU,WAAA,EAAClB,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\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,oBAACQ,gBAAc,eAAA,eAAKL,IAAI;QAAEJ,GAAG,EAAEA,GAAG;sBAChC,oBAACU,gBAAqB,sBAAA,eAAKL,WAAW,iBACpC,oBAACM,gBAAmB,oBAAA,QAAET,OAAO,CAAuB,gBACpD,oBAACU,gBAAmB,oBAAA;QAACC,SAAS,EAAEN,UAAU;MAAI,CACxB,gBACxB,oBAACO,KAAG,eAAKR,aAAa,iBACpB,oBAACS,gBAAqB,sBAAA,QAAEZ,QAAQ,CAAyB,CACrD,CACS,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBa,IAAAA,MAAU,WAAA,EAACjB,SAAS,CAAC"}

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/types.js

@@ -2,7 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 
 //# sourceMappingURL=types.js.map

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

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

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: Pick<AccordionProps, 'defaultExpanded'>) => {\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/Address.js

@@ -7,15 +7,14 @@ Object.defineProperty(exports, "default", {
     get: ()=>_default
 });
 const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = require("react");
 const _addressStyles = require("./AddressStyles");
 const _trimAddress = require("./trimAddress");
-function Address(props, ref) {
-    const { symbols =3 , address , ...rest } = props;
-    return /*#__PURE__*/ _react.default.createElement(_addressStyles.AddressStyle, _extends({}, rest, {
+function Address(param, ref) {
+    let { symbols =3 , address , ...rest } = param;
+    return /*#__PURE__*/ React.createElement(_addressStyles.AddressStyle, _extends({}, rest, {
         ref: ref
-    }), /*#__PURE__*/ _react.default.createElement(_addressStyles.AddressFullStyle, null, address), /*#__PURE__*/ _react.default.createElement(_addressStyles.AddressTrimmedStyle, null, (0, _trimAddress.trimAddress)(address, symbols)));
+    }), /*#__PURE__*/ React.createElement(_addressStyles.AddressFullStyle, null, address), /*#__PURE__*/ React.createElement(_addressStyles.AddressTrimmedStyle, null, (0, _trimAddress.trimAddress)(address, symbols)));
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Address);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import React, { 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(props: AddressProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { symbols = 3, address, ...rest } = props\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","props","ref","symbols","address","rest","AddressStyle","AddressFullStyle","AddressTrimmedStyle","trimAddress","forwardRef"],"mappings":"AAAA;;;;+BAoBA,SAAkC;;aAAlC,QAAkC;;;;6DApBc,OAAO;+BAMhD,iBAAiB;6BACI,eAAe;AAE3C,SAASA,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,OAAO,EAAG,CAAC,CAAA,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IAE/C,qBACE,6BAACK,cAAY,aAAA,eAAKD,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAC9B,6BAACK,cAAgB,iBAAA,QAAEH,OAAO,CAAoB,gBAC9C,6BAACI,cAAmB,oBAAA,QAAEC,IAAAA,YAAW,YAAA,EAACL,OAAO,EAAED,OAAO,CAAC,CAAuB,CAC7D,CAChB;AACH,CAAC;MAED,QAAkC,iBAAnBO,IAAAA,MAAU,WAAA,EAACV,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\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,oBAACC,cAAY,aAAA,eAAKD,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAC9B,oBAACK,cAAgB,iBAAA,QAAEH,OAAO,CAAoB,gBAC9C,oBAACI,cAAmB,oBAAA,QAAEC,IAAAA,YAAW,YAAA,EAACL,OAAO,EAAED,OAAO,CAAC,CAAuB,CAC7D,CAChB;AACH,CAAC;MAED,QAAkC,iBAAnBO,IAAAA,MAAU,WAAA,EAACT,OAAO,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

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = require("react");
 const _hooks = require("../hooks/index");
 const _addressBadgeStyles = require("./AddressBadgeStyles");
-function AddressBadge(props, ref) {
-    const { address , symbolsMobile =3 , symbolsDesktop =6  } = props;
+function AddressBadge(param, ref) {
+    let { address , symbolsMobile =3 , symbolsDesktop =6  } = param;
     const isMobile = (0, _hooks.useBreakpoint)('md');
-    return /*#__PURE__*/ _react.default.createElement(_addressBadgeStyles.AddressBadgeStyle, {
+    return /*#__PURE__*/ React.createElement(_addressBadgeStyles.AddressBadgeStyle, {
         symbols: isMobile ? symbolsMobile : symbolsDesktop,
         address: address !== null && address !== void 0 ? address : '',
         ref: ref

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 { 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,oBAACC,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"}

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/block/Block.js

@@ -7,12 +7,11 @@ Object.defineProperty(exports, "default", {
     get: ()=>_default
 });
 const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = require("react");
 const _blockStyles = require("./BlockStyles");
-function Block(props, ref) {
-    const { color ='foreground' , variant ='flat' , paddingLess =false , ...rest } = props;
-    return /*#__PURE__*/ _react.default.createElement(_blockStyles.BlockStyle, _extends({
+function Block(param, ref) {
+    let { color ='foreground' , variant ='flat' , paddingLess =false , ...rest } = param;
+    return /*#__PURE__*/ React.createElement(_blockStyles.BlockStyle, _extends({
         $color: color,
         $variant: variant,
         $paddingLess: paddingLess,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles'\nimport { BlockProps } from './types'\n\nfunction Block(props: BlockProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const {\n    color = 'foreground',\n    variant = 'flat',\n    paddingLess = false,\n    ...rest\n  } = props\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","props","ref","color","variant","paddingLess","rest","BlockStyle","$color","$variant","$paddingLess","forwardRef"],"mappings":"AAAA;;;;+BAuBA,SAAgC;;aAAhC,QAAgC;;;;6DAvBgB,OAAO;6BAC5B,eAAe;AAG1C,SAASA,KAAK,CAACC,KAAiB,EAAEC,GAAkC,EAAE;IACpE,MAAM,EACJC,KAAK,EAAG,YAAY,CAAA,EACpBC,OAAO,EAAG,MAAM,CAAA,EAChBC,WAAW,EAAG,KAAK,CAAA,EACnB,GAAGC,IAAI,EACR,GAAGL,KAAK;IAET,qBACE,6BAACM,YAAU,WAAA;QACTC,MAAM,EAAEL,KAAK;QACbM,QAAQ,EAAEL,OAAO;QACjBM,YAAY,EAAEL,WAAW;QACzBH,GAAG,EAAEA,GAAG;OACJI,IAAI,EACR,CACH;AACH,CAAC;MAED,QAAgC,iBAAjBK,IAAAA,MAAU,WAAA,EAACX,KAAK,CAAC"}
+{"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,oBAACC,YAAU,WAAA;QACTC,MAAM,EAAEL,KAAK;QACbM,QAAQ,EAAEL,OAAO;QACjBM,YAAY,EAAEL,WAAW;QACzBH,GAAG,EAAEA,GAAG;OACJI,IAAI,EACR,CACH;AACH,CAAC;MAED,QAAgC,iBAAjBK,IAAAA,MAAU,WAAA,EAACV,KAAK,CAAC"}

package/dist/cjs/button/Button.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "default", {
     get: ()=>_default
 });
 const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = require("react");
 const _buttonStyles = require("./ButtonStyles");
 const _useRipple = require("./useRipple");
 const loaderSizes = {
@@ -18,11 +17,13 @@ const loaderSizes = {
     md: 'medium',
     lg: 'medium'
 };
-function Button(props, ref) {
-    const { size ='md' , variant ='filled' , color ='primary' , square =false , fullwidth =false , loading =false , active =false , onClick , disabled , children , ...rest } = props;
-    const { handleClick , ripple  } = (0, _useRipple.useRipple)(props);
+function Button(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
+    });
     const loaderSize = loaderSizes[size];
-    return /*#__PURE__*/ _react.default.createElement(_buttonStyles.ButtonStyle, _extends({
+    return /*#__PURE__*/ React.createElement(_buttonStyles.ButtonStyle, _extends({
         $size: size,
         $variant: variant,
         $fullwidth: fullwidth,
@@ -34,9 +35,9 @@ function Button(props, ref) {
         disabled: disabled || loading,
         type: "button",
         ref: ref
-    }, rest), /*#__PURE__*/ _react.default.createElement(_buttonStyles.ButtonContentStyle, {
+    }, rest), /*#__PURE__*/ React.createElement(_buttonStyles.ButtonContentStyle, {
         $hidden: loading
-    }, children), loading && /*#__PURE__*/ _react.default.createElement(_buttonStyles.ButtonLoaderStyle, {
+    }, children), loading && /*#__PURE__*/ React.createElement(_buttonStyles.ButtonLoaderStyle, {
         size: loaderSize
     }), !active && ripple);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import React, { 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(props: ButtonProps, ref?: ForwardedRef<HTMLButtonElement>) {\n  const {\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  } = props\n\n  const { handleClick, ripple } = useRipple(props)\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","props","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;;;;+BAyDA,SAAiC;;aAAjC,QAAiC;;;;6DAzDe,OAAO;8BAKhD,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,CAACC,KAAkB,EAAEC,GAAqC,EAAE;IACzE,MAAM,EACJC,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,EACR,GAAGZ,KAAK;IAET,MAAM,EAAEa,WAAW,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGC,IAAAA,UAAS,UAAA,EAACf,KAAK,CAAC;IAChD,MAAMgB,UAAU,GAAGvB,WAAW,CAACS,IAAI,CAAC;IAEpC,qBACE,6BAACe,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;OACJW,IAAI,iBAER,6BAACc,aAAkB,mBAAA;QAACC,OAAO,EAAEpB,OAAO;OAAGI,QAAQ,CAAsB,EACpEJ,OAAO,kBAAI,6BAACqB,aAAiB,kBAAA;QAAC1B,IAAI,EAAEc,UAAU;MAAI,EAClD,CAACR,MAAM,IAAIM,MAAM,CACN,CACf;AACH,CAAC;MAED,QAAiC,iBAAlBe,IAAAA,MAAU,WAAA,EAAC9B,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\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,oBAACe,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;OACJW,IAAI,iBAER,oBAACc,aAAkB,mBAAA;QAACC,OAAO,EAAEpB,OAAO;OAAGI,QAAQ,CAAsB,EACpEJ,OAAO,kBAAI,oBAACqB,aAAiB,kBAAA;QAAC1B,IAAI,EAAEc,UAAU;MAAI,EAClD,CAACR,MAAM,IAAIM,MAAM,CACN,CACf;AACH,CAAC;MAED,QAAiC,iBAAlBe,IAAAA,MAAU,WAAA,EAAC7B,MAAM,CAAC"}

package/dist/cjs/button/ButtonIcon.js

@@ -8,20 +8,19 @@ Object.defineProperty(exports, "default", {
 });
 const _extends = require("@swc/helpers/lib/_extends.js").default;
 const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = require("react");
 const _buttonIconStyles = require("./ButtonIconStyles");
 const _button = /*#__PURE__*/ _interopRequireDefault(require("./Button"));
-function ButtonIcon(props, ref) {
-    const { icon , children , ...rest } = props;
+function ButtonIcon(param, ref) {
+    let { icon , children , ...rest } = param;
     const hasNoChildren = !children;
-    return /*#__PURE__*/ _react.default.createElement(_button.default, _extends({
+    return /*#__PURE__*/ React.createElement(_button.default, _extends({
         square: hasNoChildren
     }, rest, {
         ref: ref
-    }), /*#__PURE__*/ _react.default.createElement(_buttonIconStyles.ButtonWrapperStyle, null, /*#__PURE__*/ _react.default.createElement(_buttonIconStyles.ButtonIconStyle, {
+    }), /*#__PURE__*/ React.createElement(_buttonIconStyles.ButtonWrapperStyle, null, /*#__PURE__*/ React.createElement(_buttonIconStyles.ButtonIconStyle, {
         $square: hasNoChildren
-    }, icon), /*#__PURE__*/ _react.default.createElement(_buttonIconStyles.ButtonContentStyle, null, children)));
+    }, icon), /*#__PURE__*/ React.createElement(_buttonIconStyles.ButtonContentStyle, null, children)));
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(ButtonIcon);
 

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 { 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,oBAACG,OAAM,QAAA;QAACC,MAAM,EAAEF,aAAa;OAAMD,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAC/C,oBAACO,iBAAkB,mBAAA,sBACjB,oBAACC,iBAAe,gBAAA;QAACC,OAAO,EAAEL,aAAa;OAAGH,IAAI,CAAmB,gBACjE,oBAACS,iBAAkB,mBAAA,QAAER,QAAQ,CAAsB,CAChC,CACd,CACV;AACH,CAAC;MAED,QAAqC,iBAAtBS,IAAAA,MAAU,WAAA,EAACZ,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":"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"}

package/dist/cjs/button/useRipple.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "useRipple", {
     enumerable: true,
     get: ()=>useRipple
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = require("react");
 const _buttonStyles = require("./ButtonStyles");
 const useRipple = (param)=>{
     let { onClick  } = param;
@@ -26,7 +25,7 @@ const useRipple = (param)=>{
             left: x - radius,
             top: y - radius
         };
-        setRipple(/*#__PURE__*/ _react.default.createElement(_buttonStyles.ButtonRippleStyle, {
+        setRipple(/*#__PURE__*/ React.createElement(_buttonStyles.ButtonRippleStyle, {
             style: style,
             key: event.timeStamp
         }));

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 { MouseEvent, ReactNode, useCallback, useState } from 'react'\nimport { ButtonProps } from './types'\nimport { ButtonRippleStyle } from './ButtonStyles'\n\ntype UseRipple = (props: Pick<ButtonProps, 'onClick'>) => {\n  ripple: ReactNode\n  handleClick: (event: MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const useRipple: UseRipple = ({ onClick }) => {\n  const [ripple, setRipple] = useState<ReactNode | null>(null)\n\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\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;;uBATuC,OAAO;8BAElC,gBAAgB;AAO3C,MAAMA,SAAS,GAAc,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;IAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAmB,IAAI,CAAC;IAE5D,MAAMC,WAAW,GAAGC,IAAAA,MAAW,YAAA,EAC7B,CAACC,KAAoC,GAAK;QACxC,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,oBAACyB,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"}