@lidofinance/lido-ui 1.10.13 → 2.0.0-next.2

package/dist/esm/accordion/src/AccordionStyles.js

@@ -0,0 +1,105 @@
+import styled from "styled-components";
+import { ArrowBottom } from "../../icons/src/index";
+export const AccordionStyle = styled.div`
+  margin: 0 0 ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px 0;
+  background: var(--lido-color-foreground);
+  border-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.xl;
+}}px;
+`;
+export const AccordionSummaryStyle = styled.div`
+  padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px
+    ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  outline: none;
+  min-height: 40px;
+  box-sizing: content-box;
+
+  ${(param)=>{
+    let { theme  } = param;
+    return theme.mediaQueries.md;
+}} {
+    padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+  }
+`;
+export const AccordionTitleStyle = styled.div`
+  color: var(--lido-color-text);
+  flex-grow: 1;
+  font-weight: 800;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xs;
+}}px;
+  line-height: 1.6em;
+`;
+export const AccordionArrowStyle = styled(ArrowBottom)`
+  flex-shrink: 0;
+  transform: rotate(${(props)=>props.$expanded ? 180 : 0}deg);
+  transition: transform ${(param)=>{
+    let { theme  } = param;
+    return theme.duration.norm;
+}} ease;
+  margin: -2px;
+  margin-left: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.md;
+}}px;
+  fill: var(--lido-color-textSecondary);
+`;
+export const AccordionContentStyle = styled.div`
+  color: var(--lido-color-textSecondary);
+  padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px;
+  padding-top: 0;
+  font-weight: 400;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+
+  ${(param)=>{
+    let { theme  } = param;
+    return theme.mediaQueries.md;
+}} {
+    padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+    padding-top: 0;
+  }
+
+  p,
+  ul,
+  ol {
+    margin: 0 0 1.6em 0;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  ul,
+  ol {
+    padding: 0 0 0 1.5em;
+  }
+`;
+
+//# sourceMappingURL=AccordionStyles.js.map

package/dist/esm/accordion/src/AccordionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/accordion/src/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":["styled","ArrowBottom","AccordionStyle","div","theme","spaceMap","sm","borderRadiusesMap","xl","AccordionSummaryStyle","lg","xxl","mediaQueries","md","AccordionTitleStyle","fontSizesMap","xs","AccordionArrowStyle","props","$expanded","duration","norm","AccordionContentStyle","xxs"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AACtC,SAASC,WAAW,QAAQ,uBAAoB,CAAA;AAEhD,OAAO,MAAMC,cAAc,GAAGF,MAAM,CAACG,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,CAAA;AAED,OAAO,MAAMC,qBAAqB,GAAGT,MAAM,CAACG,GAAG,CAAC;WACrC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,EAAE;AAAD,CAAC,CAAC;IAC1C,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACM,GAAG;AAAD,CAAC,CAAC;;;;;;;;EAQtC,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACQ,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,EAAE;AAAD,CAAC,CAAC;;AAEhD,CAAC,CAAA;AAED,OAAO,MAAMI,mBAAmB,GAAGd,MAAM,CAACG,GAAG,CAAC;;;;aAIjC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACW,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;AAEpD,CAAC,CAAA;AAED,OAAO,MAAMC,mBAAmB,GAAGjB,MAAM,CAACC,WAAW,CAAC,AAAwB,CAAC;;oBAE3D,EAAE,CAACiB,KAAK,GAAMA,KAAK,CAACC,SAAS,GAAG,GAAG,GAAG,CAAC,AAAC,CAAC;wBACrC,EAAE,SAAef;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACgB,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;;eAE9C,EAAE,SAAejB;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACQ,EAAE;AAAD,CAAC,CAAC;;AAElD,CAAC,CAAA;AAED,OAAO,MAAMS,qBAAqB,GAAGtB,MAAM,CAACG,GAAG,CAAC;;WAErC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACM,GAAG;AAAD,CAAC,CAAC;;;aAGlC,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACW,YAAY,CAACQ,GAAG;AAAD,CAAC,CAAC;;;EAGnD,EAAE,SAAenB;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACQ,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,EAAE;AAAD,CAAC,CAAC;;;;;;;;;;;;;;;;;;AAkBhD,CAAC,CAAA"}

package/dist/esm/accordion/src/index.js

@@ -0,0 +1,4 @@
+export { default as Accordion } from "./Accordion";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/accordion/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/accordion/src/index.ts"],"sourcesContent":["export { default as Accordion } from './Accordion'\nexport * from './types'\n"],"names":["default","Accordion"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAAS,QAAQ,aAAa,CAAA;AAClD,cAAc,SAAS,CAAA"}

package/dist/esm/accordion/src/types.js

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

package/dist/esm/accordion/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/accordion/src/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":["React"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO,CAAA"}

package/dist/esm/accordion/src/useExpanded.js

@@ -0,0 +1,24 @@
+import { useCallback, useEffect, useState } from "react";
+import useCollapse from "react-collapsed";
+export const useExpanded = (param)=>{
+    let { defaultExpanded =false  } = param;
+    const [isExpanded, setExpanded] = useState(defaultExpanded);
+    useEffect(()=>{
+        setExpanded(defaultExpanded);
+    }, [
+        defaultExpanded
+    ]);
+    const handleToggle = useCallback(()=>setExpanded((previous)=>!previous), []);
+    const { getToggleProps , getCollapseProps  } = useCollapse({
+        isExpanded
+    });
+    return {
+        toggleProps: getToggleProps({
+            onClick: handleToggle
+        }),
+        collapseProps: getCollapseProps(),
+        isExpanded
+    };
+};
+
+//# sourceMappingURL=useExpanded.js.map

package/dist/esm/accordion/src/useExpanded.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/accordion/src/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":["useCallback","useEffect","useState","useCollapse","useExpanded","defaultExpanded","isExpanded","setExpanded","handleToggle","previous","getToggleProps","getCollapseProps","toggleProps","onClick","collapseProps"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO,CAAA;AAExD,OAAOC,WAAW,MAAM,iBAAiB,CAAA;AAYzC,OAAO,MAAMC,WAAW,GAAgB,SAAiC;QAAhC,EAAEC,eAAe,EAAG,KAAK,CAAA,EAAE;IAClE,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGL,QAAQ,CAACG,eAAe,CAAC;IAE3DJ,SAAS,CAAC,IAAM;QACdM,WAAW,CAACF,eAAe,CAAC;IAC9B,CAAC,EAAE;QAACA,eAAe;KAAC,CAAC;IAErB,MAAMG,YAAY,GAAGR,WAAW,CAC9B,IAAMO,WAAW,CAAC,CAACE,QAAQ,GAAK,CAACA,QAAQ,CAAC,EAC1C,EAAE,CACH;IAED,MAAM,EAAEC,cAAc,CAAA,EAAEC,gBAAgB,CAAA,EAAE,GAAGR,WAAW,CAAC;QAAEG,UAAU;KAAE,CAAC;IAExE,OAAO;QACLM,WAAW,EAAEF,cAAc,CAAC;YAAEG,OAAO,EAAEL,YAAY;SAAE,CAAC;QACtDM,aAAa,EAAEH,gBAAgB,EAAE;QACjCL,UAAU;KACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/address/src/Address.js

@@ -0,0 +1,13 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { AddressStyle, AddressFullStyle, AddressTrimmedStyle } from "./AddressStyles";
+import { trimAddress } from "./trimAddress";
+function Address(props, ref) {
+    const { symbols =3 , address , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(AddressStyle, _extends({}, rest, {
+        ref: ref
+    }), /*#__PURE__*/ React.createElement(AddressFullStyle, null, address), /*#__PURE__*/ React.createElement(AddressTrimmedStyle, null, trimAddress(address, symbols)));
+}
+export default /*#__PURE__*/ forwardRef(Address);
+
+//# sourceMappingURL=Address.js.map

package/dist/esm/address/src/Address.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/address/src/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":["React","forwardRef","AddressStyle","AddressFullStyle","AddressTrimmedStyle","trimAddress","Address","props","ref","symbols","address","rest"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SACEC,YAAY,EACZC,gBAAgB,EAChBC,mBAAmB,QACd,iBAAiB,CAAA;AACxB,SAASC,WAAW,QAAQ,eAAe,CAAA;AAE3C,SAASC,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,oBAACL,YAAY,eAAKS,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAC9B,oBAACL,gBAAgB,QAAEO,OAAO,CAAoB,gBAC9C,oBAACN,mBAAmB,QAAEC,WAAW,CAACK,OAAO,EAAED,OAAO,CAAC,CAAuB,CAC7D,CAChB;AACH,CAAC;AAED,6BAAeR,UAAU,CAACK,OAAO,CAAC,CAAA"}

package/dist/esm/address/src/AddressStyles.js

@@ -0,0 +1,21 @@
+import styled from "styled-components";
+export const AddressStyle = styled.div`
+  position: relative;
+  display: inline-block;
+  font-weight: 400;
+`;
+export const AddressFullStyle = styled.span`
+  position: absolute;
+  overflow: hidden;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  color: transparent;
+`;
+export const AddressTrimmedStyle = styled.span`
+  user-select: none;
+  pointer-events: none;
+`;
+
+//# sourceMappingURL=AddressStyles.js.map

package/dist/esm/address/src/AddressStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/address/src/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":["styled","AddressStyle","div","AddressFullStyle","span","AddressTrimmedStyle"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,YAAY,GAAGD,MAAM,CAACE,GAAG,CAAC;;;;AAIvC,CAAC,CAAA;AAED,OAAO,MAAMC,gBAAgB,GAAGH,MAAM,CAACI,IAAI,CAAC;;;;;;;;AAQ5C,CAAC,CAAA;AAED,OAAO,MAAMC,mBAAmB,GAAGL,MAAM,CAACI,IAAI,CAAC;;;AAG/C,CAAC,CAAA"}

package/dist/esm/address/src/index.js

@@ -0,0 +1,5 @@
+export { default as Address } from "./Address";
+export * from './trimAddress';
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/address/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/address/src/index.ts"],"sourcesContent":["export { default as Address } from './Address'\nexport * from './trimAddress'\nexport * from './types'\n"],"names":["default","Address"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW,CAAA;AAC9C,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA"}

package/dist/esm/address/src/trimAddress.js

@@ -0,0 +1,9 @@
+export const trimAddress = (address, symbols)=>{
+    if (symbols <= 0) return '';
+    if (symbols * 2 >= address.length) return address;
+    const left = address.slice(0, symbols);
+    const right = address.slice(-symbols);
+    return `${left}...${right}`;
+};
+
+//# sourceMappingURL=trimAddress.js.map

package/dist/esm/address/src/trimAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/address/src/trimAddress.ts"],"sourcesContent":["export const trimAddress = (address: string, symbols: number): string => {\n  if (symbols <= 0) return ''\n  if (symbols * 2 >= address.length) return address\n\n  const left = address.slice(0, symbols)\n  const right = address.slice(-symbols)\n\n  return `${left}...${right}`\n}\n"],"names":["trimAddress","address","symbols","length","left","slice","right"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG,CAACC,OAAe,EAAEC,OAAe,GAAa;IACvE,IAAIA,OAAO,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAC3B,IAAIA,OAAO,GAAG,CAAC,IAAID,OAAO,CAACE,MAAM,EAAE,OAAOF,OAAO,CAAA;IAEjD,MAAMG,IAAI,GAAGH,OAAO,CAACI,KAAK,CAAC,CAAC,EAAEH,OAAO,CAAC;IACtC,MAAMI,KAAK,GAAGL,OAAO,CAACI,KAAK,CAAC,CAACH,OAAO,CAAC;IAErC,OAAO,CAAC,EAAEE,IAAI,CAAC,GAAG,EAAEE,KAAK,CAAC,CAAC,CAAA;AAC7B,CAAC,CAAA"}

package/dist/esm/address/src/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/esm/address/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/address/src/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,WAQC"}

package/dist/esm/block/src/Block.js

@@ -0,0 +1,15 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { BlockStyle } from "./BlockStyles";
+function Block(props, ref) {
+    const { color ='foreground' , variant ='flat' , paddingLess =false , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(BlockStyle, _extends({
+        $color: color,
+        $variant: variant,
+        $paddingLess: paddingLess,
+        ref: ref
+    }, rest));
+}
+export default /*#__PURE__*/ forwardRef(Block);
+
+//# sourceMappingURL=Block.js.map

package/dist/esm/block/src/Block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/block/src/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":["React","forwardRef","BlockStyle","Block","props","ref","color","variant","paddingLess","rest","$color","$variant","$paddingLess"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,UAAU,QAAQ,eAAe,CAAA;AAG1C,SAASC,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,oBAACF,UAAU;QACTQ,MAAM,EAAEJ,KAAK;QACbK,QAAQ,EAAEJ,OAAO;QACjBK,YAAY,EAAEJ,WAAW;QACzBH,GAAG,EAAEA,GAAG;OACJI,IAAI,EACR,CACH;AACH,CAAC;AAED,6BAAeR,UAAU,CAACE,KAAK,CAAC,CAAA"}

package/dist/esm/block/src/BlockStyles.js

@@ -0,0 +1,72 @@
+import styled, { css } from "styled-components";
+const colors = {
+    foreground: css`
+    background: var(--lido-color-foreground);
+    color: var(--lido-color-textSecondary);
+  `,
+    background: css`
+    background: var(--lido-color-background);
+    color: var(--lido-color-textSecondary);
+  `,
+    accent: css`
+    background: var(--lido-color-accent);
+    color: var(--lido-color-accentContrast);
+  `
+};
+const variants = {
+    flat: css`
+    box-shadow: none;
+  `,
+    shadow: css`
+    box-shadow: ${(param)=>{
+        let { theme  } = param;
+        return theme.boxShadows.lg;
+    }}
+      var(--lido-colors-shadowLight);
+  `
+};
+const paddings = css`
+  padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px;
+
+  ${(param)=>{
+    let { theme  } = param;
+    return theme.mediaQueries.md;
+}} {
+    padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+  }
+`;
+export const BlockStyle = styled.div`
+  font-weight: 400;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+  border-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.xl;
+}}px;
+  margin: 0;
+
+  ${(param)=>{
+    let { $paddingLess  } = param;
+    return !$paddingLess && paddings;
+}}
+
+  ${(param)=>{
+    let { $variant  } = param;
+    return variants[$variant];
+}}
+  ${(param)=>{
+    let { $color  } = param;
+    return colors[$color];
+}}
+`;
+
+//# sourceMappingURL=BlockStyles.js.map

package/dist/esm/block/src/BlockStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/block/src/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":["styled","css","colors","foreground","background","accent","variants","flat","shadow","theme","boxShadows","lg","paddings","spaceMap","xxl","mediaQueries","md","BlockStyle","div","fontSizesMap","xxs","borderRadiusesMap","xl","$paddingLess","$variant","$color"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAW/C,MAAMC,MAAM,GAAG;IACbC,UAAU,EAAEF,GAAG,CAAC;;;EAGhB,CAAC;IACDG,UAAU,EAAEH,GAAG,CAAC;;;EAGhB,CAAC;IACDI,MAAM,EAAEJ,GAAG,CAAC;;;EAGZ,CAAC;CACF;AAED,MAAMK,QAAQ,GAAG;IACfC,IAAI,EAAEN,GAAG,CAAC;;EAEV,CAAC;IACDO,MAAM,EAAEP,GAAG,CAAC;gBACE,EAAE,SAAeQ;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;CACF;AAED,MAAMC,QAAQ,GAAGX,GAAG,CAAC;WACV,EAAE,SAAeQ;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;AAED,OAAO,MAAMM,UAAU,GAAGjB,MAAM,CAACkB,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,SAAgBtB;QAAf,EAAEuB,MAAM,CAAA,EAAE;WAAKvB,MAAM,CAACuB,MAAM,CAAC;AAAD,CAAC,CAAC;AACnC,CAAC,CAAA"}

package/dist/esm/block/src/index.js

@@ -0,0 +1,4 @@
+export { default as Block } from "./Block";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/block/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/block/src/index.ts"],"sourcesContent":["export { default as Block } from './Block'\nexport * from './types'\n"],"names":["default","Block"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAAK,QAAQ,SAAS,CAAA;AAC1C,cAAc,SAAS,CAAA"}

package/dist/esm/block/src/types.js

@@ -0,0 +1,13 @@
+export var BlockVariant;
+(function(BlockVariant) {
+    BlockVariant[BlockVariant["flat"] = 0] = "flat";
+    BlockVariant[BlockVariant["shadow"] = 1] = "shadow";
+})(BlockVariant || (BlockVariant = {}));
+export var BlockColor;
+(function(BlockColor) {
+    BlockColor[BlockColor["foreground"] = 0] = "foreground";
+    BlockColor[BlockColor["background"] = 1] = "background";
+    BlockColor[BlockColor["accent"] = 2] = "accent";
+})(BlockColor || (BlockColor = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/block/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/block/src/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,WAGO,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;WAMjB,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/esm/box/src/Box.js

@@ -0,0 +1,6 @@
+import styled from "styled-components";
+import { withStyledSystem } from "../../styled-system/src/index";
+const Box = styled.div``;
+export default withStyledSystem(Box);
+
+//# sourceMappingURL=Box.js.map

package/dist/esm/box/src/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/box/src/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":["styled","withStyledSystem","Box","div"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AACtC,SAASC,gBAAgB,QAAQ,+BAA4B,CAAA;AAE7D,MAAMC,GAAG,GAAGF,MAAM,CAACG,GAAG,CAAC,CAAC;AAExB,eAAeF,gBAAgB,CAACC,GAAG,CAAC,CAAA"}

package/dist/esm/box/src/index.js

@@ -0,0 +1,3 @@
+export { default as Box } from "./Box";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/box/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/box/src/index.ts"],"sourcesContent":["export { default as Box } from './Box'\n"],"names":["default","Box"],"mappings":"AAAA,SAASA,OAAO,IAAIC,GAAG,QAAQ,OAAO,CAAA"}

package/dist/esm/button/src/Button.js

@@ -0,0 +1,36 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { ButtonStyle, ButtonContentStyle, ButtonLoaderStyle } from "./ButtonStyles";
+import { useRipple } from "./useRipple";
+const loaderSizes = {
+    xxs: 'small',
+    xs: 'small',
+    sm: 'small',
+    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  } = useRipple(props);
+    const loaderSize = loaderSizes[size];
+    return /*#__PURE__*/ React.createElement(ButtonStyle, _extends({
+        $size: size,
+        $variant: variant,
+        $fullwidth: fullwidth,
+        $color: color,
+        $square: square,
+        $loading: loading,
+        $active: active,
+        onClick: handleClick,
+        disabled: disabled || loading,
+        type: "button",
+        ref: ref
+    }, rest), /*#__PURE__*/ React.createElement(ButtonContentStyle, {
+        $hidden: loading
+    }, children), loading && /*#__PURE__*/ React.createElement(ButtonLoaderStyle, {
+        size: loaderSize
+    }), !active && ripple);
+}
+export default /*#__PURE__*/ forwardRef(Button);
+
+//# sourceMappingURL=Button.js.map

package/dist/esm/button/src/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/button/src/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":["React","forwardRef","ButtonStyle","ButtonContentStyle","ButtonLoaderStyle","useRipple","loaderSizes","xxs","xs","sm","md","lg","Button","props","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","loaderSize","$size","$variant","$fullwidth","$color","$square","$loading","$active","type","$hidden"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SACEC,WAAW,EACXC,kBAAkB,EAClBC,iBAAiB,QACZ,gBAAgB,CAAA;AAEvB,SAASC,SAAS,QAAQ,aAAa,CAAA;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;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,GAAGtB,SAAS,CAACQ,KAAK,CAAC;IAChD,MAAMe,UAAU,GAAGtB,WAAW,CAACS,IAAI,CAAC;IAEpC,qBACE,oBAACb,WAAW;QACV2B,KAAK,EAAEd,IAAI;QACXe,QAAQ,EAAEd,OAAO;QACjBe,UAAU,EAAEZ,SAAS;QACrBa,MAAM,EAAEf,KAAK;QACbgB,OAAO,EAAEf,MAAM;QACfgB,QAAQ,EAAEd,OAAO;QACjBe,OAAO,EAAEd,MAAM;QACfC,OAAO,EAAEI,WAAW;QACpBH,QAAQ,EAAEA,QAAQ,IAAIH,OAAO;QAC7BgB,IAAI,EAAC,QAAQ;QACbtB,GAAG,EAAEA,GAAG;OACJW,IAAI,iBAER,oBAACtB,kBAAkB;QAACkC,OAAO,EAAEjB,OAAO;OAAGI,QAAQ,CAAsB,EACpEJ,OAAO,kBAAI,oBAAChB,iBAAiB;QAACW,IAAI,EAAEa,UAAU;MAAI,EAClD,CAACP,MAAM,IAAIM,MAAM,CACN,CACf;AACH,CAAC;AAED,6BAAe1B,UAAU,CAACW,MAAM,CAAC,CAAA"}

package/dist/esm/button/src/ButtonIcon.js

@@ -0,0 +1,18 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { ButtonWrapperStyle, ButtonIconStyle, ButtonContentStyle } from "./ButtonIconStyles";
+import Button from "./Button";
+function ButtonIcon(props, ref) {
+    const { icon , children , ...rest } = props;
+    const hasNoChildren = !children;
+    return /*#__PURE__*/ React.createElement(Button, _extends({
+        square: hasNoChildren
+    }, rest, {
+        ref: ref
+    }), /*#__PURE__*/ React.createElement(ButtonWrapperStyle, null, /*#__PURE__*/ React.createElement(ButtonIconStyle, {
+        $square: hasNoChildren
+    }, icon), /*#__PURE__*/ React.createElement(ButtonContentStyle, null, children)));
+}
+export default /*#__PURE__*/ forwardRef(ButtonIcon);
+
+//# sourceMappingURL=ButtonIcon.js.map

package/dist/esm/button/src/ButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/button/src/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":["React","forwardRef","ButtonWrapperStyle","ButtonIconStyle","ButtonContentStyle","Button","ButtonIcon","props","ref","icon","children","rest","hasNoChildren","square","$square"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SACEC,kBAAkB,EAClBC,eAAe,EACfC,kBAAkB,QACb,oBAAoB,CAAA;AAE3B,OAAOC,MAAM,MAAM,UAAU,CAAA;AAE7B,SAASC,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,oBAACL,MAAM;QAACQ,MAAM,EAAED,aAAa;OAAMD,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAC/C,oBAACN,kBAAkB,sBACjB,oBAACC,eAAe;QAACW,OAAO,EAAEF,aAAa;OAAGH,IAAI,CAAmB,gBACjE,oBAACL,kBAAkB,QAAEM,QAAQ,CAAsB,CAChC,CACd,CACV;AACH,CAAC;AAED,6BAAeT,UAAU,CAACK,UAAU,CAAC,CAAA"}

package/dist/esm/button/src/ButtonIconStyles.js

@@ -0,0 +1,29 @@
+import styled from "styled-components";
+export const ButtonWrapperStyle = styled.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 1em;
+  min-width: 1em;
+`;
+export const ButtonIconStyle = styled.span`
+  margin: ${(param)=>{
+    let { $square  } = param;
+    return $square ? '-12px' : '-12px -6px';
+}};
+  line-height: 0;
+  flex-shrink: 0;
+
+  svg {
+    fill: currentColor;
+  }
+`;
+export const ButtonContentStyle = styled.span`
+  margin-left: 10px;
+
+  :empty {
+    display: none;
+  }
+`;
+
+//# sourceMappingURL=ButtonIconStyles.js.map

package/dist/esm/button/src/ButtonIconStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/button/src/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":["styled","ButtonWrapperStyle","span","ButtonIconStyle","$square","ButtonContentStyle"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,IAAI,CAAC;;;;;;AAM9C,CAAC,CAAA;AAED,OAAO,MAAMC,eAAe,GAAGH,MAAM,CAACE,IAAI,AAAsB,CAAC;UACvD,EAAE,SAAiB;QAAhB,EAAEE,OAAO,CAAA,EAAE;WAAMA,OAAO,GAAG,OAAO,GAAG,YAAY;AAAA,CAAC,CAAC;;;;;;;AAOhE,CAAC,CAAA;AAED,OAAO,MAAMC,kBAAkB,GAAGL,MAAM,CAACE,IAAI,CAAC;;;;;;AAM9C,CAAC,CAAA"}