@lidofinance/lido-ui 3.39.0 → 3.40.0

package/dist/cjs/accordion-transparent/AccordionTransparent.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const AccordionTransparentStyles = require('./AccordionTransparentStyles.js');
+const useExpanded = require('./useExpanded.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const AccordionTransparent = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    defaultExpanded,
+    summary,
+    children,
+    onExpand,
+    onCollapse,
+    withoutBorder,
+    ...rest
+  } = _ref;
+  const {
+    toggleProps,
+    collapseProps,
+    isExpanded
+  } = useExpanded.useExpanded({
+    defaultExpanded,
+    onExpand,
+    onCollapse
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(AccordionTransparentStyles.AccordionTransparentStyle, {
+    ...rest,
+    ref: ref,
+    $withoutBorder: withoutBorder,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(AccordionTransparentStyles.AccordionTransparentSummaryStyle, {
+      ...toggleProps,
+      children: [/*#__PURE__*/jsxRuntime.jsx(AccordionTransparentStyles.AccordionTransparentTitleStyle, {
+        children: summary
+      }), /*#__PURE__*/jsxRuntime.jsx(AccordionTransparentStyles.AccordionTransparentArrowStyle, {
+        $expanded: isExpanded
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      ...collapseProps,
+      children: /*#__PURE__*/jsxRuntime.jsx(AccordionTransparentStyles.AccordionTransparentContentStyle, {
+        $expanded: isExpanded,
+        children: children
+      })
+    })]
+  });
+});
+AccordionTransparent.displayName = 'AccordionTransparent';
+
+exports.AccordionTransparent = AccordionTransparent;
+//# sourceMappingURL=AccordionTransparent.js.map

package/dist/cjs/accordion-transparent/AccordionTransparent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTransparent.js","sources":["../../../packages/accordion-transparent/AccordionTransparent.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionTransparentProps } from './types.js'\nimport {\n  AccordionTransparentStyle,\n  AccordionTransparentSummaryStyle,\n  AccordionTransparentTitleStyle,\n  AccordionTransparentArrowStyle,\n  AccordionTransparentContentStyle,\n} from './AccordionTransparentStyles.js'\nimport { useExpanded } from './useExpanded.js'\n\nexport const AccordionTransparent = forwardRef(\n  (\n    {\n      defaultExpanded,\n      summary,\n      children,\n      onExpand,\n      onCollapse,\n      withoutBorder,\n      ...rest\n    }: AccordionTransparentProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const { toggleProps, collapseProps, isExpanded } = useExpanded({\n      defaultExpanded,\n      onExpand,\n      onCollapse,\n    })\n\n    return (\n      <AccordionTransparentStyle\n        {...rest}\n        ref={ref}\n        $withoutBorder={withoutBorder}\n      >\n        <AccordionTransparentSummaryStyle {...toggleProps}>\n          <AccordionTransparentTitleStyle>\n            {summary}\n          </AccordionTransparentTitleStyle>\n          <AccordionTransparentArrowStyle $expanded={isExpanded} />\n        </AccordionTransparentSummaryStyle>\n        <div {...collapseProps}>\n          <AccordionTransparentContentStyle $expanded={isExpanded}>\n            {children}\n          </AccordionTransparentContentStyle>\n        </div>\n      </AccordionTransparentStyle>\n    )\n  },\n)\nAccordionTransparent.displayName = 'AccordionTransparent'\n"],"names":["AccordionTransparent","forwardRef","_ref","ref","defaultExpanded","summary","children","onExpand","onCollapse","withoutBorder","rest","toggleProps","collapseProps","isExpanded","useExpanded","_jsxs","AccordionTransparentStyle","$withoutBorder","AccordionTransparentSummaryStyle","_jsx","AccordionTransparentTitleStyle","AccordionTransparentArrowStyle","$expanded","AccordionTransparentContentStyle","displayName"],"mappings":";;;;;;;;;AAWO,MAAMA,oBAAoB,gBAAGC,gBAAU,CAC5C,CAAAC,IAAA,EAUEC,GAAkC,KAC/B;EAAA,IAVH;IACEC,eAAe;IACfC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACb,GAAGC,IAAAA;AACsB,GAAC,GAAAR,IAAA,CAAA;EAG5B,MAAM;IAAES,WAAW;IAAEC,aAAa;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,uBAAW,CAAC;IAC7DV,eAAe;IACfG,QAAQ;AACRC,IAAAA,UAAAA;AACF,GAAC,CAAC,CAAA;EAEF,oBACEO,eAAA,CAACC,oDAAyB,EAAA;AAAA,IAAA,GACpBN,IAAI;AACRP,IAAAA,GAAG,EAAEA,GAAI;AACTc,IAAAA,cAAc,EAAER,aAAc;IAAAH,QAAA,EAAA,cAE9BS,eAAA,CAACG,2DAAgC,EAAA;AAAA,MAAA,GAAKP,WAAW;MAAAL,QAAA,EAAA,cAC/Ca,cAAA,CAACC,yDAA8B,EAAA;AAAAd,QAAAA,QAAA,EAC5BD,OAAAA;AAAO,OACsB,CAAC,eACjCc,cAAA,CAACE,yDAA8B,EAAA;AAACC,QAAAA,SAAS,EAAET,UAAAA;AAAW,OAAE,CAAC,CAAA;KACzB,CAAC,eACnCM,cAAA,CAAA,KAAA,EAAA;AAAA,MAAA,GAASP,aAAa;MAAAN,QAAA,eACpBa,cAAA,CAACI,2DAAgC,EAAA;AAACD,QAAAA,SAAS,EAAET,UAAW;AAAAP,QAAAA,QAAA,EACrDA,QAAAA;OAC+B,CAAA;AAAC,KAChC,CAAC,CAAA;AAAA,GACmB,CAAC,CAAA;AAEhC,CACF,EAAC;AACDN,oBAAoB,CAACwB,WAAW,GAAG,sBAAsB;;;;"}

package/dist/cjs/accordion-transparent/AccordionTransparentStyles.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const index = require('../icons/index.js');
+
+const AccordionTransparentStyle = styledComponentsWrapper.default.div`
+  padding: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spaceMap.md;
+}}px 0;
+  background: transparent;
+  border-bottom: ${_ref2 => {
+  let {
+    $withoutBorder
+  } = _ref2;
+  return $withoutBorder ? 'none' : '1px solid var(--lido-color-borderSubtle)';
+}};
+  overflow: hidden;
+  transition: border-color ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.duration.norm;
+}} ease;
+
+  &:hover {
+    border-bottom-color: var(--lido-color-text);
+  }
+`;
+const AccordionTransparentSummaryStyle = styledComponentsWrapper.default.div`
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  outline: none;
+  box-sizing: content-box;
+  background: transparent;
+`;
+const AccordionTransparentTitleStyle = styledComponentsWrapper.default.div`
+  color: var(--lido-color-text);
+  flex-grow: 1;
+  font-weight: 700;
+  font-size: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.fontSizesMap.xs;
+}}px;
+  line-height: 1.7em;
+`;
+const AccordionTransparentArrowStyle = styledComponentsWrapper.default(index.ArrowBottom)`
+  flex-shrink: 0;
+  transform: rotate(${props => props.$expanded ? 180 : 0}deg);
+  transition: transform ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.duration.norm;
+}} ease;
+  width: 24px;
+  height: 24px;
+  margin-left: ${_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.spaceMap.md;
+}}px;
+  fill: var(--lido-color-text);
+`;
+const AccordionTransparentContentStyle = styledComponentsWrapper.default.div`
+  color: var(--lido-color-text);
+  padding-top: ${_ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.spaceMap.md;
+}}px;
+  font-weight: 400;
+  font-size: ${_ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+`;
+
+exports.AccordionTransparentArrowStyle = AccordionTransparentArrowStyle;
+exports.AccordionTransparentContentStyle = AccordionTransparentContentStyle;
+exports.AccordionTransparentStyle = AccordionTransparentStyle;
+exports.AccordionTransparentSummaryStyle = AccordionTransparentSummaryStyle;
+exports.AccordionTransparentTitleStyle = AccordionTransparentTitleStyle;
+//# sourceMappingURL=AccordionTransparentStyles.js.map

package/dist/cjs/accordion-transparent/AccordionTransparentStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTransparentStyles.js","sources":["../../../packages/accordion-transparent/AccordionTransparentStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { ArrowBottom } from '../icons'\n\ntype InjectedProps = {\n  $withoutBorder?: boolean\n}\n\nexport const AccordionTransparentStyle = styled.div<InjectedProps>`\n  padding: ${({ theme }) => theme.spaceMap.md}px 0;\n  background: transparent;\n  border-bottom: ${({ $withoutBorder }) =>\n    $withoutBorder ? 'none' : '1px solid var(--lido-color-borderSubtle)'};\n  overflow: hidden;\n  transition: border-color ${({ theme }) => theme.duration.norm} ease;\n\n  &:hover {\n    border-bottom-color: var(--lido-color-text);\n  }\n`\nexport const AccordionTransparentSummaryStyle = styled.div`\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  outline: none;\n  box-sizing: content-box;\n  background: transparent;\n`\n\nexport const AccordionTransparentTitleStyle = styled.div`\n  color: var(--lido-color-text);\n  flex-grow: 1;\n  font-weight: 700;\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  line-height: 1.7em;\n`\n\nexport const AccordionTransparentArrowStyle = styled(ArrowBottom)<{\n  $expanded: boolean\n}>`\n  flex-shrink: 0;\n  transform: rotate(${(props) => (props.$expanded ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  width: 24px;\n  height: 24px;\n  margin-left: ${({ theme }) => theme.spaceMap.md}px;\n  fill: var(--lido-color-text);\n`\n\nexport const AccordionTransparentContentStyle = styled.div<{\n  $expanded?: boolean\n}>`\n  color: var(--lido-color-text);\n  padding-top: ${({ theme }) => theme.spaceMap.md}px;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n`\n"],"names":["AccordionTransparentStyle","styled","div","_ref","theme","spaceMap","md","_ref2","$withoutBorder","_ref3","duration","norm","AccordionTransparentSummaryStyle","AccordionTransparentTitleStyle","_ref4","fontSizesMap","xs","AccordionTransparentArrowStyle","ArrowBottom","props","$expanded","_ref5","_ref6","AccordionTransparentContentStyle","_ref7","_ref8","xxs"],"mappings":";;;;;;;AAOaA,MAAAA,yBAAyB,GAAGC,+BAAM,CAACC,GAAkB,CAAA;AAClE,WAAA,EAAaC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC7C;AACA,iBAAA,EAAmBC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,cAAAA;AAAe,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAClCC,cAAc,GAAG,MAAM,GAAG,0CAA0C,CAAA;AAAA,CAAA,CAAA;AACxE;AACA,2BAAA,EAA6BC,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;AAAM,GAAC,GAAAK,KAAA,CAAA;AAAA,EAAA,OAAKL,KAAK,CAACM,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC/D;AACA;AACA;AACA;AACA,EAAC;AACYC,MAAAA,gCAAgC,GAAGX,+BAAM,CAACC,GAAG,CAAA;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYW,MAAAA,8BAA8B,GAAGZ,+BAAM,CAACC,GAAG,CAAA;AACxD;AACA;AACA;AACA,aAAA,EAAeY,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACW,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACnD;AACA,EAAC;MAEYC,8BAA8B,GAAGhB,+BAAM,CAACiB,iBAAW,CAE9D,CAAA;AACF;AACA,oBAAuBC,EAAAA,KAAK,IAAMA,KAAK,CAACC,SAAS,GAAG,GAAG,GAAG,CAAE,CAAA;AAC5D,wBAAA,EAA0BC,KAAA,IAAA;EAAA,IAAC;AAAEjB,IAAAA,KAAAA;AAAM,GAAC,GAAAiB,KAAA,CAAA;AAAA,EAAA,OAAKjB,KAAK,CAACM,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA;AACA,eAAA,EAAiBW,KAAA,IAAA;EAAA,IAAC;AAAElB,IAAAA,KAAAA;AAAM,GAAC,GAAAkB,KAAA,CAAA;AAAA,EAAA,OAAKlB,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA,EAAC;AAEYiB,MAAAA,gCAAgC,GAAGtB,+BAAM,CAACC,GAErD,CAAA;AACF;AACA,eAAA,EAAiBsB,KAAA,IAAA;EAAA,IAAC;AAAEpB,IAAAA,KAAAA;AAAM,GAAC,GAAAoB,KAAA,CAAA;AAAA,EAAA,OAAKpB,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA,aAAA,EAAemB,KAAA,IAAA;EAAA,IAAC;AAAErB,IAAAA,KAAAA;AAAM,GAAC,GAAAqB,KAAA,CAAA;AAAA,EAAA,OAAKrB,KAAK,CAACW,YAAY,CAACW,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;AACA;;;;;;;;"}

package/dist/cjs/accordion-transparent/useExpanded.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const _useCollapse = require('react-collapsed');
+
+//@ts-expect-error Property default doesn't exist on type
+const useCollapse = _useCollapse.default || _useCollapse;
+const useExpanded = _ref => {
+  let {
+    defaultExpanded = false,
+    onExpand,
+    onCollapse
+  } = _ref;
+  const [isExpanded, setExpanded] = React.useState(defaultExpanded);
+  React.useEffect(() => {
+    setExpanded(defaultExpanded);
+  }, [defaultExpanded]);
+  const handleToggle = React.useCallback(() => setExpanded(previous => !previous), []);
+  const {
+    getToggleProps,
+    getCollapseProps
+  } = useCollapse({
+    isExpanded,
+    onExpandEnd: onExpand,
+    onCollapseEnd: onCollapse
+  });
+  return {
+    toggleProps: getToggleProps({
+      onClick: handleToggle
+    }),
+    collapseProps: getCollapseProps(),
+    isExpanded
+  };
+};
+
+exports.useExpanded = useExpanded;
+//# sourceMappingURL=useExpanded.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExpanded.js","sources":["../../../packages/accordion-transparent/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionTransparentProps } from './types.js'\nimport _useCollapse from 'react-collapsed'\nimport {\n  GetCollapsePropsOutput,\n  GetTogglePropsOutput,\n} from 'react-collapsed/dist/types.js'\n\n//@ts-expect-error Property default doesn't exist on type\nconst useCollapse: typeof _useCollapse = _useCollapse.default || _useCollapse\n\ntype UseExpanded = (\n  props: Pick<\n    AccordionTransparentProps,\n    'defaultExpanded' | 'onExpand' | 'onCollapse'\n  >,\n) => {\n  toggleProps: GetTogglePropsOutput\n  collapseProps: GetCollapsePropsOutput\n  isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({\n  defaultExpanded = false,\n  onExpand,\n  onCollapse,\n}) => {\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({\n    isExpanded,\n    onExpandEnd: onExpand,\n    onCollapseEnd: onCollapse,\n  })\n\n  return {\n    toggleProps: getToggleProps({ onClick: handleToggle }),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useCollapse","_useCollapse","default","useExpanded","_ref","defaultExpanded","onExpand","onCollapse","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","onExpandEnd","onCollapseEnd","toggleProps","onClick","collapseProps"],"mappings":";;;;;;;AAQA;AACA,MAAMA,WAAgC,GAAGC,YAAY,CAACC,OAAO,IAAID,YAAY,CAAA;AAahEE,MAAAA,WAAwB,GAAGC,IAAA,IAIlC;EAAA,IAJmC;AACvCC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;AACRC,IAAAA,UAAAA;AACF,GAAC,GAAAH,IAAA,CAAA;EACC,MAAM,CAACI,UAAU,EAAEC,WAAW,CAAC,GAAGC,cAAQ,CAACL,eAAe,CAAC,CAAA;AAE3DM,EAAAA,eAAS,CAAC,MAAM;IACdF,WAAW,CAACJ,eAAe,CAAC,CAAA;AAC9B,GAAC,EAAE,CAACA,eAAe,CAAC,CAAC,CAAA;AAErB,EAAA,MAAMO,YAAY,GAAGC,iBAAW,CAC9B,MAAMJ,WAAW,CAAEK,QAAQ,IAAK,CAACA,QAAQ,CAAC,EAC1C,EACF,CAAC,CAAA;EAED,MAAM;IAAEC,cAAc;AAAEC,IAAAA,gBAAAA;GAAkB,GAAGhB,WAAW,CAAC;IACvDQ,UAAU;AACVS,IAAAA,WAAW,EAAEX,QAAQ;AACrBY,IAAAA,aAAa,EAAEX,UAAAA;AACjB,GAAC,CAAC,CAAA;EAEF,OAAO;IACLY,WAAW,EAAEJ,cAAc,CAAC;AAAEK,MAAAA,OAAO,EAAER,YAAAA;AAAa,KAAC,CAAC;IACtDS,aAAa,EAAEL,gBAAgB,EAAE;AACjCR,IAAAA,UAAAA;GACD,CAAA;AACH;;;;"}

package/dist/cjs/badge/Badge.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const BadgeStyles = require('./BadgeStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Badge = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    onClick,
+    variant = 'gray',
+    icon,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(BadgeStyles.BadgeWrapperStyle, {
+    $interactive: !!onClick,
+    $variant: variant,
+    $hasIcon: !!icon,
+    onClick: onClick,
+    ...rest,
+    ref: ref,
+    children: [icon, children]
+  });
+});
+Badge.displayName = 'Badge';
+
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.js.map

package/dist/cjs/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../packages/badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { BadgeProps } from './types.js'\nimport { BadgeWrapperStyle } from './BadgeStyles.js'\n\nexport const Badge = forwardRef<HTMLDivElement, BadgeProps>(\n  ({ children, onClick, variant = 'gray', icon, ...rest }, ref) => {\n    return (\n      <BadgeWrapperStyle\n        $interactive={!!onClick}\n        $variant={variant}\n        $hasIcon={!!icon}\n        onClick={onClick}\n        {...rest}\n        ref={ref}\n      >\n        {icon}\n        {children}\n      </BadgeWrapperStyle>\n    )\n  },\n)\nBadge.displayName = 'Badge'\n"],"names":["Badge","forwardRef","_ref","ref","children","onClick","variant","icon","rest","_jsxs","BadgeWrapperStyle","$interactive","$variant","$hasIcon","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,KAAK,gBAAGC,gBAAU,CAC7B,CAAAC,IAAA,EAAyDC,GAAG,KAAK;EAAA,IAAhE;IAAEC,QAAQ;IAAEC,OAAO;AAAEC,IAAAA,OAAO,GAAG,MAAM;IAAEC,IAAI;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAN,IAAA,CAAA;EACrD,oBACEO,eAAA,CAACC,6BAAiB,EAAA;IAChBC,YAAY,EAAE,CAAC,CAACN,OAAQ;AACxBO,IAAAA,QAAQ,EAAEN,OAAQ;IAClBO,QAAQ,EAAE,CAAC,CAACN,IAAK;AACjBF,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbG,IAAI;AACRL,IAAAA,GAAG,EAAEA,GAAI;IAAAC,QAAA,EAAA,CAERG,IAAI,EACJH,QAAQ,CAAA;AAAA,GACQ,CAAC,CAAA;AAExB,CACF,EAAC;AACDJ,KAAK,CAACc,WAAW,GAAG,OAAO;;;;"}

package/dist/cjs/badge/BadgeStyles.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const _styled = require('styled-components');
+
+const BadgeVariantsStyle = {
+  positive: _styled.css`
+    background: var(--lido-color-success);
+    color: var(--lido-color-foreground);
+  `,
+  negative: _styled.css`
+    background: var(--lido-color-error);
+    color: var(--lido-color-foreground);
+  `,
+  gray: _styled.css`
+    background: var(--lido-color-backgroundBadge);
+    color: var(--lido-color-textSecondary);
+  `,
+  warning: _styled.css`
+    background: var(--lido-color-warning);
+    color: var(--lido-color-foreground);
+  `,
+  gradient: _styled.css`
+    background: var(--lido-color-backgroundGradient);
+    color: var(--lido-color-textDark);
+  `
+};
+const BadgeWrapperStyle = styledComponentsWrapper.default.div`
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 700;
+  display: inline-flex;
+  gap: 2px;
+  max-width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  white-space: nowrap;
+  outline: none;
+  border-radius: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.borderRadiusesMap.sm;
+}}px;
+  padding: 0.5em 1em 0.5em ${_ref2 => {
+  let {
+    $hasIcon
+  } = _ref2;
+  return $hasIcon ? '8px' : '1em';
+}};
+  cursor: ${_ref3 => {
+  let {
+    $interactive
+  } = _ref3;
+  return $interactive ? 'pointer' : 'auto';
+}};
+  ${_ref4 => {
+  let {
+    $variant
+  } = _ref4;
+  return BadgeVariantsStyle[$variant];
+}}
+`;
+
+exports.BadgeWrapperStyle = BadgeWrapperStyle;
+//# sourceMappingURL=BadgeStyles.js.map

package/dist/cjs/badge/BadgeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStyles.js","sources":["../../../packages/badge/BadgeStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { BadgeVariants } from './types.js'\n\ntype InjectedPropsTr = {\n  $variant: BadgeVariants\n  $interactive: boolean\n  $hasIcon?: boolean\n}\n\nconst BadgeVariantsStyle = {\n  positive: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-foreground);\n  `,\n  negative: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-foreground);\n  `,\n  gray: css`\n    background: var(--lido-color-backgroundBadge);\n    color: var(--lido-color-textSecondary);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-foreground);\n  `,\n  gradient: css`\n    background: var(--lido-color-backgroundGradient);\n    color: var(--lido-color-textDark);\n  `,\n}\n\nexport const BadgeWrapperStyle = styled.div<InjectedPropsTr>`\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 700;\n  display: inline-flex;\n  gap: 2px;\n  max-width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: nowrap;\n  outline: none;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n  padding: 0.5em 1em 0.5em ${({ $hasIcon }) => ($hasIcon ? '8px' : '1em')};\n  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n  ${({ $variant }) => BadgeVariantsStyle[$variant]}\n`\n"],"names":["BadgeVariantsStyle","positive","css","negative","gray","warning","gradient","BadgeWrapperStyle","styled","div","_ref","theme","borderRadiusesMap","sm","_ref2","$hasIcon","_ref3","$interactive","_ref4","$variant"],"mappings":";;;;;;;AASA,MAAMA,kBAAkB,GAAG;AACzBC,EAAAA,QAAQ,EAAEC,WAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,QAAQ,EAAED,WAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDE,EAAAA,IAAI,EAAEF,WAAG,CAAA;AACX;AACA;AACA,EAAG,CAAA;AACDG,EAAAA,OAAO,EAAEH,WAAG,CAAA;AACd;AACA;AACA,EAAG,CAAA;AACDI,EAAAA,QAAQ,EAAEJ,WAAG,CAAA;AACf;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYK,MAAAA,iBAAiB,GAAGC,+BAAM,CAACC,GAAoB,CAAA;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAA,EAAmBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D,2BAAA,EAA6BC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAA;AAAA,CAAC,CAAA;AACzE,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,YAAY,GAAG,SAAS,GAAG,MAAM,CAAA;AAAA,CAAC,CAAA;AACrE,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKlB,kBAAkB,CAACmB,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AAClD;;;;"}

package/dist/cjs/badge/types.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+let BadgeVariant = /*#__PURE__*/function (BadgeVariant) {
+  BadgeVariant[BadgeVariant["positive"] = 0] = "positive";
+  BadgeVariant[BadgeVariant["negative"] = 1] = "negative";
+  BadgeVariant[BadgeVariant["warning"] = 2] = "warning";
+  BadgeVariant[BadgeVariant["gray"] = 3] = "gray";
+  BadgeVariant[BadgeVariant["gradient"] = 4] = "gradient";
+  return BadgeVariant;
+}({});
+
+exports.BadgeVariant = BadgeVariant;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../packages/badge/types.ts"],"sourcesContent":["import { ReactElement, RefObject } from 'react'\nimport { LidoComponentProps } from '../utils'\nexport type { Theme } from '../theme/index.js'\n\nexport enum BadgeVariant {\n  positive,\n  negative,\n  warning,\n  gray,\n  gradient,\n}\n\nexport type BadgeVariants = keyof typeof BadgeVariant\n\nexport type BadgeProps = LidoComponentProps<\n  'div',\n  {\n    wrapperRef?: RefObject<HTMLDivElement>\n    variant?: BadgeVariants\n    icon?: ReactElement\n  }\n>\n"],"names":["BadgeVariant"],"mappings":";;;;AAIYA,IAAAA,YAAY,0BAAZA,YAAY,EAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/cjs/index.js

@@ -111,6 +111,9 @@ const ChartLineLabel = require('./chart-line/ChartLineLabel.js');
 const types$i = require('./chart-line/types.js');
 const ChartProportion = require('./chart-proportion/ChartProportion.js');
 const types$j = require('./chart-proportion/types.js');
+const Badge = require('./badge/Badge.js');
+const types$k = require('./badge/types.js');
+const AccordionTransparent = require('./accordion-transparent/AccordionTransparent.js');
 const modalRoot = require('./utils/modalRoot.js');
 const elementFonts = require('./theme/document-head-contents/element-fonts.js');
 const getTopLevelDomain = require('./utils/get-top-level-domain.js');
@@ -356,6 +359,9 @@ exports.ChartProportion = ChartProportion.ChartProportion;
 exports.ChartProportionBorderSize = types$j.ChartProportionBorderSize;
 exports.ChartProportionBorderType = types$j.ChartProportionBorderType;
 exports.MarginSize = types$j.MarginSize;
+exports.Badge = Badge.Badge;
+exports.BadgeVariant = types$k.BadgeVariant;
+exports.AccordionTransparent = AccordionTransparent.AccordionTransparent;
 exports.modalRoot = modalRoot;
 exports.Fonts = elementFonts.Fonts;
 exports.getTopLevelDomain = getTopLevelDomain.getTopLevelDomain;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/accordion-transparent/AccordionTransparent.mjs

@@ -0,0 +1,48 @@
+import { forwardRef } from 'react';
+import { AccordionTransparentStyle, AccordionTransparentSummaryStyle, AccordionTransparentTitleStyle, AccordionTransparentArrowStyle, AccordionTransparentContentStyle } from './AccordionTransparentStyles.mjs';
+import { useExpanded } from './useExpanded.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const AccordionTransparent = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    defaultExpanded,
+    summary,
+    children,
+    onExpand,
+    onCollapse,
+    withoutBorder,
+    ...rest
+  } = _ref;
+  const {
+    toggleProps,
+    collapseProps,
+    isExpanded
+  } = useExpanded({
+    defaultExpanded,
+    onExpand,
+    onCollapse
+  });
+  return /*#__PURE__*/jsxs(AccordionTransparentStyle, {
+    ...rest,
+    ref: ref,
+    $withoutBorder: withoutBorder,
+    children: [/*#__PURE__*/jsxs(AccordionTransparentSummaryStyle, {
+      ...toggleProps,
+      children: [/*#__PURE__*/jsx(AccordionTransparentTitleStyle, {
+        children: summary
+      }), /*#__PURE__*/jsx(AccordionTransparentArrowStyle, {
+        $expanded: isExpanded
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      ...collapseProps,
+      children: /*#__PURE__*/jsx(AccordionTransparentContentStyle, {
+        $expanded: isExpanded,
+        children: children
+      })
+    })]
+  });
+});
+AccordionTransparent.displayName = 'AccordionTransparent';
+
+export { AccordionTransparent };
+//# sourceMappingURL=AccordionTransparent.mjs.map

package/dist/esm/accordion-transparent/AccordionTransparent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTransparent.mjs","sources":["../../../packages/accordion-transparent/AccordionTransparent.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionTransparentProps } from './types.js'\nimport {\n  AccordionTransparentStyle,\n  AccordionTransparentSummaryStyle,\n  AccordionTransparentTitleStyle,\n  AccordionTransparentArrowStyle,\n  AccordionTransparentContentStyle,\n} from './AccordionTransparentStyles.js'\nimport { useExpanded } from './useExpanded.js'\n\nexport const AccordionTransparent = forwardRef(\n  (\n    {\n      defaultExpanded,\n      summary,\n      children,\n      onExpand,\n      onCollapse,\n      withoutBorder,\n      ...rest\n    }: AccordionTransparentProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const { toggleProps, collapseProps, isExpanded } = useExpanded({\n      defaultExpanded,\n      onExpand,\n      onCollapse,\n    })\n\n    return (\n      <AccordionTransparentStyle\n        {...rest}\n        ref={ref}\n        $withoutBorder={withoutBorder}\n      >\n        <AccordionTransparentSummaryStyle {...toggleProps}>\n          <AccordionTransparentTitleStyle>\n            {summary}\n          </AccordionTransparentTitleStyle>\n          <AccordionTransparentArrowStyle $expanded={isExpanded} />\n        </AccordionTransparentSummaryStyle>\n        <div {...collapseProps}>\n          <AccordionTransparentContentStyle $expanded={isExpanded}>\n            {children}\n          </AccordionTransparentContentStyle>\n        </div>\n      </AccordionTransparentStyle>\n    )\n  },\n)\nAccordionTransparent.displayName = 'AccordionTransparent'\n"],"names":["AccordionTransparent","forwardRef","_ref","ref","defaultExpanded","summary","children","onExpand","onCollapse","withoutBorder","rest","toggleProps","collapseProps","isExpanded","useExpanded","_jsxs","AccordionTransparentStyle","$withoutBorder","AccordionTransparentSummaryStyle","_jsx","AccordionTransparentTitleStyle","AccordionTransparentArrowStyle","$expanded","AccordionTransparentContentStyle","displayName"],"mappings":";;;;;AAWO,MAAMA,oBAAoB,gBAAGC,UAAU,CAC5C,CAAAC,IAAA,EAUEC,GAAkC,KAC/B;EAAA,IAVH;IACEC,eAAe;IACfC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACb,GAAGC,IAAAA;AACsB,GAAC,GAAAR,IAAA,CAAA;EAG5B,MAAM;IAAES,WAAW;IAAEC,aAAa;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,WAAW,CAAC;IAC7DV,eAAe;IACfG,QAAQ;AACRC,IAAAA,UAAAA;AACF,GAAC,CAAC,CAAA;EAEF,oBACEO,IAAA,CAACC,yBAAyB,EAAA;AAAA,IAAA,GACpBN,IAAI;AACRP,IAAAA,GAAG,EAAEA,GAAI;AACTc,IAAAA,cAAc,EAAER,aAAc;IAAAH,QAAA,EAAA,cAE9BS,IAAA,CAACG,gCAAgC,EAAA;AAAA,MAAA,GAAKP,WAAW;MAAAL,QAAA,EAAA,cAC/Ca,GAAA,CAACC,8BAA8B,EAAA;AAAAd,QAAAA,QAAA,EAC5BD,OAAAA;AAAO,OACsB,CAAC,eACjCc,GAAA,CAACE,8BAA8B,EAAA;AAACC,QAAAA,SAAS,EAAET,UAAAA;AAAW,OAAE,CAAC,CAAA;KACzB,CAAC,eACnCM,GAAA,CAAA,KAAA,EAAA;AAAA,MAAA,GAASP,aAAa;MAAAN,QAAA,eACpBa,GAAA,CAACI,gCAAgC,EAAA;AAACD,QAAAA,SAAS,EAAET,UAAW;AAAAP,QAAAA,QAAA,EACrDA,QAAAA;OAC+B,CAAA;AAAC,KAChC,CAAC,CAAA;AAAA,GACmB,CAAC,CAAA;AAEhC,CACF,EAAC;AACDN,oBAAoB,CAACwB,WAAW,GAAG,sBAAsB;;;;"}

package/dist/esm/accordion-transparent/AccordionTransparentStyles.mjs

@@ -0,0 +1,88 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { ArrowBottom } from '../icons/index.mjs';
+
+const AccordionTransparentStyle = styled.div`
+  padding: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spaceMap.md;
+}}px 0;
+  background: transparent;
+  border-bottom: ${_ref2 => {
+  let {
+    $withoutBorder
+  } = _ref2;
+  return $withoutBorder ? 'none' : '1px solid var(--lido-color-borderSubtle)';
+}};
+  overflow: hidden;
+  transition: border-color ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.duration.norm;
+}} ease;
+
+  &:hover {
+    border-bottom-color: var(--lido-color-text);
+  }
+`;
+const AccordionTransparentSummaryStyle = styled.div`
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  outline: none;
+  box-sizing: content-box;
+  background: transparent;
+`;
+const AccordionTransparentTitleStyle = styled.div`
+  color: var(--lido-color-text);
+  flex-grow: 1;
+  font-weight: 700;
+  font-size: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.fontSizesMap.xs;
+}}px;
+  line-height: 1.7em;
+`;
+const AccordionTransparentArrowStyle = styled(ArrowBottom)`
+  flex-shrink: 0;
+  transform: rotate(${props => props.$expanded ? 180 : 0}deg);
+  transition: transform ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.duration.norm;
+}} ease;
+  width: 24px;
+  height: 24px;
+  margin-left: ${_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.spaceMap.md;
+}}px;
+  fill: var(--lido-color-text);
+`;
+const AccordionTransparentContentStyle = styled.div`
+  color: var(--lido-color-text);
+  padding-top: ${_ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.spaceMap.md;
+}}px;
+  font-weight: 400;
+  font-size: ${_ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+`;
+
+export { AccordionTransparentArrowStyle, AccordionTransparentContentStyle, AccordionTransparentStyle, AccordionTransparentSummaryStyle, AccordionTransparentTitleStyle };
+//# sourceMappingURL=AccordionTransparentStyles.mjs.map

package/dist/esm/accordion-transparent/AccordionTransparentStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTransparentStyles.mjs","sources":["../../../packages/accordion-transparent/AccordionTransparentStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { ArrowBottom } from '../icons'\n\ntype InjectedProps = {\n  $withoutBorder?: boolean\n}\n\nexport const AccordionTransparentStyle = styled.div<InjectedProps>`\n  padding: ${({ theme }) => theme.spaceMap.md}px 0;\n  background: transparent;\n  border-bottom: ${({ $withoutBorder }) =>\n    $withoutBorder ? 'none' : '1px solid var(--lido-color-borderSubtle)'};\n  overflow: hidden;\n  transition: border-color ${({ theme }) => theme.duration.norm} ease;\n\n  &:hover {\n    border-bottom-color: var(--lido-color-text);\n  }\n`\nexport const AccordionTransparentSummaryStyle = styled.div`\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  outline: none;\n  box-sizing: content-box;\n  background: transparent;\n`\n\nexport const AccordionTransparentTitleStyle = styled.div`\n  color: var(--lido-color-text);\n  flex-grow: 1;\n  font-weight: 700;\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  line-height: 1.7em;\n`\n\nexport const AccordionTransparentArrowStyle = styled(ArrowBottom)<{\n  $expanded: boolean\n}>`\n  flex-shrink: 0;\n  transform: rotate(${(props) => (props.$expanded ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  width: 24px;\n  height: 24px;\n  margin-left: ${({ theme }) => theme.spaceMap.md}px;\n  fill: var(--lido-color-text);\n`\n\nexport const AccordionTransparentContentStyle = styled.div<{\n  $expanded?: boolean\n}>`\n  color: var(--lido-color-text);\n  padding-top: ${({ theme }) => theme.spaceMap.md}px;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n`\n"],"names":["AccordionTransparentStyle","styled","div","_ref","theme","spaceMap","md","_ref2","$withoutBorder","_ref3","duration","norm","AccordionTransparentSummaryStyle","AccordionTransparentTitleStyle","_ref4","fontSizesMap","xs","AccordionTransparentArrowStyle","ArrowBottom","props","$expanded","_ref5","_ref6","AccordionTransparentContentStyle","_ref7","_ref8","xxs"],"mappings":";;;AAOaA,MAAAA,yBAAyB,GAAGC,MAAM,CAACC,GAAkB,CAAA;AAClE,WAAA,EAAaC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC7C;AACA,iBAAA,EAAmBC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,cAAAA;AAAe,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAClCC,cAAc,GAAG,MAAM,GAAG,0CAA0C,CAAA;AAAA,CAAA,CAAA;AACxE;AACA,2BAAA,EAA6BC,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;AAAM,GAAC,GAAAK,KAAA,CAAA;AAAA,EAAA,OAAKL,KAAK,CAACM,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC/D;AACA;AACA;AACA;AACA,EAAC;AACYC,MAAAA,gCAAgC,GAAGX,MAAM,CAACC,GAAG,CAAA;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYW,MAAAA,8BAA8B,GAAGZ,MAAM,CAACC,GAAG,CAAA;AACxD;AACA;AACA;AACA,aAAA,EAAeY,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACW,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACnD;AACA,EAAC;MAEYC,8BAA8B,GAAGhB,MAAM,CAACiB,WAAW,CAE9D,CAAA;AACF;AACA,oBAAuBC,EAAAA,KAAK,IAAMA,KAAK,CAACC,SAAS,GAAG,GAAG,GAAG,CAAE,CAAA;AAC5D,wBAAA,EAA0BC,KAAA,IAAA;EAAA,IAAC;AAAEjB,IAAAA,KAAAA;AAAM,GAAC,GAAAiB,KAAA,CAAA;AAAA,EAAA,OAAKjB,KAAK,CAACM,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA;AACA,eAAA,EAAiBW,KAAA,IAAA;EAAA,IAAC;AAAElB,IAAAA,KAAAA;AAAM,GAAC,GAAAkB,KAAA,CAAA;AAAA,EAAA,OAAKlB,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA,EAAC;AAEYiB,MAAAA,gCAAgC,GAAGtB,MAAM,CAACC,GAErD,CAAA;AACF;AACA,eAAA,EAAiBsB,KAAA,IAAA;EAAA,IAAC;AAAEpB,IAAAA,KAAAA;AAAM,GAAC,GAAAoB,KAAA,CAAA;AAAA,EAAA,OAAKpB,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA,aAAA,EAAemB,KAAA,IAAA;EAAA,IAAC;AAAErB,IAAAA,KAAAA;AAAM,GAAC,GAAAqB,KAAA,CAAA;AAAA,EAAA,OAAKrB,KAAK,CAACW,YAAY,CAACW,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;AACA;;;;"}

package/dist/esm/accordion-transparent/useExpanded.mjs

@@ -0,0 +1,35 @@
+import { useState, useEffect, useCallback } from 'react';
+import _useCollapse from 'react-collapsed';
+
+//@ts-expect-error Property default doesn't exist on type
+const useCollapse = _useCollapse.default || _useCollapse;
+const useExpanded = _ref => {
+  let {
+    defaultExpanded = false,
+    onExpand,
+    onCollapse
+  } = _ref;
+  const [isExpanded, setExpanded] = useState(defaultExpanded);
+  useEffect(() => {
+    setExpanded(defaultExpanded);
+  }, [defaultExpanded]);
+  const handleToggle = useCallback(() => setExpanded(previous => !previous), []);
+  const {
+    getToggleProps,
+    getCollapseProps
+  } = useCollapse({
+    isExpanded,
+    onExpandEnd: onExpand,
+    onCollapseEnd: onCollapse
+  });
+  return {
+    toggleProps: getToggleProps({
+      onClick: handleToggle
+    }),
+    collapseProps: getCollapseProps(),
+    isExpanded
+  };
+};
+
+export { useExpanded };
+//# sourceMappingURL=useExpanded.mjs.map

package/dist/esm/accordion-transparent/useExpanded.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpanded.mjs","sources":["../../../packages/accordion-transparent/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionTransparentProps } from './types.js'\nimport _useCollapse from 'react-collapsed'\nimport {\n  GetCollapsePropsOutput,\n  GetTogglePropsOutput,\n} from 'react-collapsed/dist/types.js'\n\n//@ts-expect-error Property default doesn't exist on type\nconst useCollapse: typeof _useCollapse = _useCollapse.default || _useCollapse\n\ntype UseExpanded = (\n  props: Pick<\n    AccordionTransparentProps,\n    'defaultExpanded' | 'onExpand' | 'onCollapse'\n  >,\n) => {\n  toggleProps: GetTogglePropsOutput\n  collapseProps: GetCollapsePropsOutput\n  isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({\n  defaultExpanded = false,\n  onExpand,\n  onCollapse,\n}) => {\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({\n    isExpanded,\n    onExpandEnd: onExpand,\n    onCollapseEnd: onCollapse,\n  })\n\n  return {\n    toggleProps: getToggleProps({ onClick: handleToggle }),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useCollapse","_useCollapse","default","useExpanded","_ref","defaultExpanded","onExpand","onCollapse","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","onExpandEnd","onCollapseEnd","toggleProps","onClick","collapseProps"],"mappings":";;;AAQA;AACA,MAAMA,WAAgC,GAAGC,YAAY,CAACC,OAAO,IAAID,YAAY,CAAA;AAahEE,MAAAA,WAAwB,GAAGC,IAAA,IAIlC;EAAA,IAJmC;AACvCC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;AACRC,IAAAA,UAAAA;AACF,GAAC,GAAAH,IAAA,CAAA;EACC,MAAM,CAACI,UAAU,EAAEC,WAAW,CAAC,GAAGC,QAAQ,CAACL,eAAe,CAAC,CAAA;AAE3DM,EAAAA,SAAS,CAAC,MAAM;IACdF,WAAW,CAACJ,eAAe,CAAC,CAAA;AAC9B,GAAC,EAAE,CAACA,eAAe,CAAC,CAAC,CAAA;AAErB,EAAA,MAAMO,YAAY,GAAGC,WAAW,CAC9B,MAAMJ,WAAW,CAAEK,QAAQ,IAAK,CAACA,QAAQ,CAAC,EAC1C,EACF,CAAC,CAAA;EAED,MAAM;IAAEC,cAAc;AAAEC,IAAAA,gBAAAA;GAAkB,GAAGhB,WAAW,CAAC;IACvDQ,UAAU;AACVS,IAAAA,WAAW,EAAEX,QAAQ;AACrBY,IAAAA,aAAa,EAAEX,UAAAA;AACjB,GAAC,CAAC,CAAA;EAEF,OAAO;IACLY,WAAW,EAAEJ,cAAc,CAAC;AAAEK,MAAAA,OAAO,EAAER,YAAAA;AAAa,KAAC,CAAC;IACtDS,aAAa,EAAEL,gBAAgB,EAAE;AACjCR,IAAAA,UAAAA;GACD,CAAA;AACH;;;;"}

package/dist/esm/badge/Badge.mjs

@@ -0,0 +1,26 @@
+import { forwardRef } from 'react';
+import { BadgeWrapperStyle } from './BadgeStyles.mjs';
+import { jsxs } from 'react/jsx-runtime';
+
+const Badge = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    onClick,
+    variant = 'gray',
+    icon,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxs(BadgeWrapperStyle, {
+    $interactive: !!onClick,
+    $variant: variant,
+    $hasIcon: !!icon,
+    onClick: onClick,
+    ...rest,
+    ref: ref,
+    children: [icon, children]
+  });
+});
+Badge.displayName = 'Badge';
+
+export { Badge };
+//# sourceMappingURL=Badge.mjs.map

package/dist/esm/badge/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","sources":["../../../packages/badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { BadgeProps } from './types.js'\nimport { BadgeWrapperStyle } from './BadgeStyles.js'\n\nexport const Badge = forwardRef<HTMLDivElement, BadgeProps>(\n  ({ children, onClick, variant = 'gray', icon, ...rest }, ref) => {\n    return (\n      <BadgeWrapperStyle\n        $interactive={!!onClick}\n        $variant={variant}\n        $hasIcon={!!icon}\n        onClick={onClick}\n        {...rest}\n        ref={ref}\n      >\n        {icon}\n        {children}\n      </BadgeWrapperStyle>\n    )\n  },\n)\nBadge.displayName = 'Badge'\n"],"names":["Badge","forwardRef","_ref","ref","children","onClick","variant","icon","rest","_jsxs","BadgeWrapperStyle","$interactive","$variant","$hasIcon","displayName"],"mappings":";;;;AAIO,MAAMA,KAAK,gBAAGC,UAAU,CAC7B,CAAAC,IAAA,EAAyDC,GAAG,KAAK;EAAA,IAAhE;IAAEC,QAAQ;IAAEC,OAAO;AAAEC,IAAAA,OAAO,GAAG,MAAM;IAAEC,IAAI;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAN,IAAA,CAAA;EACrD,oBACEO,IAAA,CAACC,iBAAiB,EAAA;IAChBC,YAAY,EAAE,CAAC,CAACN,OAAQ;AACxBO,IAAAA,QAAQ,EAAEN,OAAQ;IAClBO,QAAQ,EAAE,CAAC,CAACN,IAAK;AACjBF,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbG,IAAI;AACRL,IAAAA,GAAG,EAAEA,GAAI;IAAAC,QAAA,EAAA,CAERG,IAAI,EACJH,QAAQ,CAAA;AAAA,GACQ,CAAC,CAAA;AAExB,CACF,EAAC;AACDJ,KAAK,CAACc,WAAW,GAAG,OAAO;;;;"}

package/dist/esm/badge/BadgeStyles.mjs

@@ -0,0 +1,64 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+const BadgeVariantsStyle = {
+  positive: css`
+    background: var(--lido-color-success);
+    color: var(--lido-color-foreground);
+  `,
+  negative: css`
+    background: var(--lido-color-error);
+    color: var(--lido-color-foreground);
+  `,
+  gray: css`
+    background: var(--lido-color-backgroundBadge);
+    color: var(--lido-color-textSecondary);
+  `,
+  warning: css`
+    background: var(--lido-color-warning);
+    color: var(--lido-color-foreground);
+  `,
+  gradient: css`
+    background: var(--lido-color-backgroundGradient);
+    color: var(--lido-color-textDark);
+  `
+};
+const BadgeWrapperStyle = styled.div`
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 700;
+  display: inline-flex;
+  gap: 2px;
+  max-width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  white-space: nowrap;
+  outline: none;
+  border-radius: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.borderRadiusesMap.sm;
+}}px;
+  padding: 0.5em 1em 0.5em ${_ref2 => {
+  let {
+    $hasIcon
+  } = _ref2;
+  return $hasIcon ? '8px' : '1em';
+}};
+  cursor: ${_ref3 => {
+  let {
+    $interactive
+  } = _ref3;
+  return $interactive ? 'pointer' : 'auto';
+}};
+  ${_ref4 => {
+  let {
+    $variant
+  } = _ref4;
+  return BadgeVariantsStyle[$variant];
+}}
+`;
+
+export { BadgeWrapperStyle };
+//# sourceMappingURL=BadgeStyles.mjs.map

package/dist/esm/badge/BadgeStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStyles.mjs","sources":["../../../packages/badge/BadgeStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { BadgeVariants } from './types.js'\n\ntype InjectedPropsTr = {\n  $variant: BadgeVariants\n  $interactive: boolean\n  $hasIcon?: boolean\n}\n\nconst BadgeVariantsStyle = {\n  positive: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-foreground);\n  `,\n  negative: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-foreground);\n  `,\n  gray: css`\n    background: var(--lido-color-backgroundBadge);\n    color: var(--lido-color-textSecondary);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-foreground);\n  `,\n  gradient: css`\n    background: var(--lido-color-backgroundGradient);\n    color: var(--lido-color-textDark);\n  `,\n}\n\nexport const BadgeWrapperStyle = styled.div<InjectedPropsTr>`\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 700;\n  display: inline-flex;\n  gap: 2px;\n  max-width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: nowrap;\n  outline: none;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n  padding: 0.5em 1em 0.5em ${({ $hasIcon }) => ($hasIcon ? '8px' : '1em')};\n  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n  ${({ $variant }) => BadgeVariantsStyle[$variant]}\n`\n"],"names":["BadgeVariantsStyle","positive","css","negative","gray","warning","gradient","BadgeWrapperStyle","styled","div","_ref","theme","borderRadiusesMap","sm","_ref2","$hasIcon","_ref3","$interactive","_ref4","$variant"],"mappings":";;;AASA,MAAMA,kBAAkB,GAAG;AACzBC,EAAAA,QAAQ,EAAEC,GAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,QAAQ,EAAED,GAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDE,EAAAA,IAAI,EAAEF,GAAG,CAAA;AACX;AACA;AACA,EAAG,CAAA;AACDG,EAAAA,OAAO,EAAEH,GAAG,CAAA;AACd;AACA;AACA,EAAG,CAAA;AACDI,EAAAA,QAAQ,EAAEJ,GAAG,CAAA;AACf;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYK,MAAAA,iBAAiB,GAAGC,MAAM,CAACC,GAAoB,CAAA;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAA,EAAmBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D,2BAAA,EAA6BC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAA;AAAA,CAAC,CAAA;AACzE,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,YAAY,GAAG,SAAS,GAAG,MAAM,CAAA;AAAA,CAAC,CAAA;AACrE,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKlB,kBAAkB,CAACmB,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AAClD;;;;"}

package/dist/esm/badge/types.mjs

@@ -0,0 +1,11 @@
+let BadgeVariant = /*#__PURE__*/function (BadgeVariant) {
+  BadgeVariant[BadgeVariant["positive"] = 0] = "positive";
+  BadgeVariant[BadgeVariant["negative"] = 1] = "negative";
+  BadgeVariant[BadgeVariant["warning"] = 2] = "warning";
+  BadgeVariant[BadgeVariant["gray"] = 3] = "gray";
+  BadgeVariant[BadgeVariant["gradient"] = 4] = "gradient";
+  return BadgeVariant;
+}({});
+
+export { BadgeVariant };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/badge/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../packages/badge/types.ts"],"sourcesContent":["import { ReactElement, RefObject } from 'react'\nimport { LidoComponentProps } from '../utils'\nexport type { Theme } from '../theme/index.js'\n\nexport enum BadgeVariant {\n  positive,\n  negative,\n  warning,\n  gray,\n  gradient,\n}\n\nexport type BadgeVariants = keyof typeof BadgeVariant\n\nexport type BadgeProps = LidoComponentProps<\n  'div',\n  {\n    wrapperRef?: RefObject<HTMLDivElement>\n    variant?: BadgeVariants\n    icon?: ReactElement\n  }\n>\n"],"names":["BadgeVariant"],"mappings":"AAIYA,IAAAA,YAAY,0BAAZA,YAAY,EAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/index.mjs

@@ -107,6 +107,9 @@ export { ChartLineLabel } from './chart-line/ChartLineLabel.mjs';
 export { ChartLineBorderType, ChartLineThresholdType } from './chart-line/types.mjs';
 export { ChartProportion } from './chart-proportion/ChartProportion.mjs';
 export { ChartProportionBorderSize, ChartProportionBorderType, MarginSize } from './chart-proportion/types.mjs';
+export { Badge } from './badge/Badge.mjs';
+export { BadgeVariant } from './badge/types.mjs';
+export { AccordionTransparent } from './accordion-transparent/AccordionTransparent.mjs';
 export { default as modalRoot } from './utils/modalRoot.mjs';
 export { Fonts } from './theme/document-head-contents/element-fonts.mjs';
 export { getTopLevelDomain } from './utils/get-top-level-domain.mjs';

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types/accordion-transparent/AccordionTransparent.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const AccordionTransparent: import("react").ForwardRefExoticComponent<{
+    defaultExpanded?: boolean | undefined;
+    summary: import("react").ReactNode;
+    onExpand?: (() => void) | undefined;
+    onCollapse?: (() => void) | undefined;
+    withoutBorder?: boolean | undefined;
+} & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+    forwardedAs?: keyof JSX.IntrinsicElements | undefined;
+}, "summary" | "ref" | "defaultExpanded" | "onExpand" | "onCollapse" | "withoutBorder"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AccordionTransparent.d.ts.map

package/dist/types/accordion-transparent/AccordionTransparent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTransparent.d.ts","sourceRoot":"","sources":["../../../packages/accordion-transparent/AccordionTransparent.tsx"],"names":[],"mappings":";AAWA,eAAO,MAAM,oBAAoB;;;;;;;;;wIAuChC,CAAA"}

package/dist/types/accordion-transparent/AccordionTransparentStyles.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare type InjectedProps = {
+    $withoutBorder?: boolean;
+};
+export declare const AccordionTransparentStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InjectedProps, never>;
+export declare const AccordionTransparentSummaryStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AccordionTransparentTitleStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AccordionTransparentArrowStyle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, {
+    $expanded: boolean;
+}, never>;
+export declare const AccordionTransparentContentStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $expanded?: boolean | undefined;
+}, never>;
+export {};
+//# sourceMappingURL=AccordionTransparentStyles.d.ts.map

package/dist/types/accordion-transparent/AccordionTransparentStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTransparentStyles.d.ts","sourceRoot":"","sources":["../../../packages/accordion-transparent/AccordionTransparentStyles.tsx"],"names":[],"mappings":";AAGA,aAAK,aAAa,GAAG;IACnB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,yBAAyB,oHAWrC,CAAA;AACD,eAAO,MAAM,gCAAgC,yGAO5C,CAAA;AAED,eAAO,MAAM,8BAA8B,yGAM1C,CAAA;AAED,eAAO,MAAM,8BAA8B;eAC9B,OAAO;SASnB,CAAA;AAED,eAAO,MAAM,gCAAgC;;SAQ5C,CAAA"}

package/dist/types/accordion-transparent/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AccordionTransparent.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/accordion-transparent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/accordion-transparent/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA;AACzC,cAAc,YAAY,CAAA"}

package/dist/types/accordion-transparent/types.d.ts

@@ -0,0 +1,11 @@
+import { LidoComponentProps } from '../utils';
+import { ReactNode } from 'react';
+export type { Theme } from '../theme/index.js';
+export declare type AccordionTransparentProps = LidoComponentProps<'div', {
+    defaultExpanded?: boolean;
+    summary: ReactNode;
+    onExpand?: () => void;
+    onCollapse?: () => void;
+    withoutBorder?: boolean;
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/accordion-transparent/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/accordion-transparent/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE9C,oBAAY,yBAAyB,GAAG,kBAAkB,CACxD,KAAK,EACL;IACE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CACF,CAAA"}

package/dist/types/accordion-transparent/useExpanded.d.ts

@@ -0,0 +1,10 @@
+import { AccordionTransparentProps } from './types.js';
+import { GetCollapsePropsOutput, GetTogglePropsOutput } from 'react-collapsed/dist/types.js';
+declare type UseExpanded = (props: Pick<AccordionTransparentProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>) => {
+    toggleProps: GetTogglePropsOutput;
+    collapseProps: GetCollapsePropsOutput;
+    isExpanded: boolean;
+};
+export declare const useExpanded: UseExpanded;
+export {};
+//# sourceMappingURL=useExpanded.d.ts.map

package/dist/types/accordion-transparent/useExpanded.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpanded.d.ts","sourceRoot":"","sources":["../../../packages/accordion-transparent/useExpanded.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAA;AAEtD,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,+BAA+B,CAAA;AAKtC,aAAK,WAAW,GAAG,CACjB,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,iBAAiB,GAAG,UAAU,GAAG,YAAY,CAC9C,KACE;IACH,WAAW,EAAE,oBAAoB,CAAA;IACjC,aAAa,EAAE,sBAAsB,CAAA;IACrC,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,WA2BzB,CAAA"}

package/dist/types/badge/Badge.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const Badge: import("react").ForwardRefExoticComponent<{
+    wrapperRef?: import("react").RefObject<HTMLDivElement> | undefined;
+    variant?: "warning" | "gray" | "positive" | "negative" | "gradient" | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+} & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+    forwardedAs?: keyof JSX.IntrinsicElements | undefined;
+}, "ref" | "variant" | "icon" | "wrapperRef"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/types/badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../packages/badge/Badge.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,KAAK;;;;;;;8FAgBjB,CAAA"}

package/dist/types/badge/BadgeStyles.d.ts

@@ -0,0 +1,9 @@
+import { BadgeVariants } from './types.js';
+declare type InjectedPropsTr = {
+    $variant: BadgeVariants;
+    $interactive: boolean;
+    $hasIcon?: boolean;
+};
+export declare const BadgeWrapperStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InjectedPropsTr, never>;
+export {};
+//# sourceMappingURL=BadgeStyles.d.ts.map

package/dist/types/badge/BadgeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStyles.d.ts","sourceRoot":"","sources":["../../../packages/badge/BadgeStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,aAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,aAAa,CAAA;IACvB,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAyBD,eAAO,MAAM,iBAAiB,sHAe7B,CAAA"}

package/dist/types/badge/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Badge.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA"}

package/dist/types/badge/types.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement, RefObject } from 'react';
+import { LidoComponentProps } from '../utils';
+export type { Theme } from '../theme/index.js';
+export declare enum BadgeVariant {
+    positive = 0,
+    negative = 1,
+    warning = 2,
+    gray = 3,
+    gradient = 4
+}
+export declare type BadgeVariants = keyof typeof BadgeVariant;
+export declare type BadgeProps = LidoComponentProps<'div', {
+    wrapperRef?: RefObject<HTMLDivElement>;
+    variant?: BadgeVariants;
+    icon?: ReactElement;
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/badge/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAC7C,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE9C,oBAAY,YAAY;IACtB,QAAQ,IAAA;IACR,QAAQ,IAAA;IACR,OAAO,IAAA;IACP,IAAI,IAAA;IACJ,QAAQ,IAAA;CACT;AAED,oBAAY,aAAa,GAAG,MAAM,OAAO,YAAY,CAAA;AAErD,oBAAY,UAAU,GAAG,kBAAkB,CACzC,KAAK,EACL;IACE,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CACF,CAAA"}

package/dist/types/index.d.ts

@@ -39,4 +39,6 @@ export * from './content-theme/index.js';
 export * from './cookies-tooltip/index.js';
 export * from './chart-line/index.js';
 export * from './chart-proportion/index.js';
+export * from './badge/index.js';
+export * from './accordion-transparent/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kBAAkB,CAAA;AAChC,cAAc,kCAAkC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lidofinance/lido-ui",
-  "version": "3.39.0",
+  "version": "3.40.0",
   "homepage": "https://github.com/lidofinance/ui",
   "repository": {
     "type": "git",