@lidofinance/lido-ui 3.42.0 → 3.42.1

package/dist/cjs/accordion/useExpanded.js

@@ -2,34 +2,27 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const React = require('react');
-const _useCollapse = require('react-collapsed');
+const reactCollapsed = 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
+    getCollapseProps,
+    isExpanded
+  } = reactCollapsed.useCollapse({
+    defaultExpanded,
+    onTransitionStateChange: state => {
+      if (state === 'expandEnd') onExpand?.();
+      if (state === 'collapseEnd') onCollapse?.();
+    }
   });
   return {
-    toggleProps: getToggleProps({
-      onClick: handleToggle
-    }),
+    toggleProps: getToggleProps(),
     collapseProps: getCollapseProps(),
     isExpanded
   };

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

@@ -1 +1 @@
-{"version":3,"file":"useExpanded.js","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } 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<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>,\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;AAUhEE,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;;;;"}
+{"version":3,"file":"useExpanded.js","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCollapse } from 'react-collapsed'\nimport { AccordionProps } from './types.js'\n\nexport const useExpanded = ({\n  defaultExpanded = false,\n  onExpand,\n  onCollapse,\n}: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>) => {\n  const { getToggleProps, getCollapseProps, isExpanded } = useCollapse({\n    defaultExpanded,\n    onTransitionStateChange: (state) => {\n      if (state === 'expandEnd') onExpand?.()\n      if (state === 'collapseEnd') onCollapse?.()\n    },\n  })\n\n  return {\n    toggleProps: getToggleProps(),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useExpanded","_ref","defaultExpanded","onExpand","onCollapse","getToggleProps","getCollapseProps","isExpanded","useCollapse","onTransitionStateChange","state","toggleProps","collapseProps"],"mappings":";;;;;;AAGaA,MAAAA,WAAW,GAAGC,IAAA,IAIgD;EAAA,IAJ/C;AAC1BC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;AACRC,IAAAA,UAAAA;AACmE,GAAC,GAAAH,IAAA,CAAA;EACpE,MAAM;IAAEI,cAAc;IAAEC,gBAAgB;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,0BAAW,CAAC;IACnEN,eAAe;IACfO,uBAAuB,EAAGC,KAAK,IAAK;AAClC,MAAA,IAAIA,KAAK,KAAK,WAAW,EAAEP,QAAQ,IAAI,CAAA;AACvC,MAAA,IAAIO,KAAK,KAAK,aAAa,EAAEN,UAAU,IAAI,CAAA;AAC7C,KAAA;AACF,GAAC,CAAC,CAAA;EAEF,OAAO;IACLO,WAAW,EAAEN,cAAc,EAAE;IAC7BO,aAAa,EAAEN,gBAAgB,EAAE;AACjCC,IAAAA,UAAAA;GACD,CAAA;AACH;;;;"}

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

@@ -2,34 +2,27 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const React = require('react');
-const _useCollapse = require('react-collapsed');
+const reactCollapsed = 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
+    getCollapseProps,
+    isExpanded
+  } = reactCollapsed.useCollapse({
+    defaultExpanded,
+    onTransitionStateChange: state => {
+      if (state === 'expandEnd') onExpand?.();
+      if (state === 'collapseEnd') onCollapse?.();
+    }
   });
   return {
-    toggleProps: getToggleProps({
-      onClick: handleToggle
-    }),
+    toggleProps: getToggleProps(),
     collapseProps: getCollapseProps(),
     isExpanded
   };

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

@@ -1 +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;;;;"}
+{"version":3,"file":"useExpanded.js","sources":["../../../packages/accordion-transparent/useExpanded.ts"],"sourcesContent":["import { useCollapse } from 'react-collapsed'\nimport { AccordionTransparentProps } from './types.js'\n\nexport const useExpanded = ({\n  defaultExpanded = false,\n  onExpand,\n  onCollapse,\n}: Pick<\n  AccordionTransparentProps,\n  'defaultExpanded' | 'onExpand' | 'onCollapse'\n>) => {\n  const { getToggleProps, getCollapseProps, isExpanded } = useCollapse({\n    defaultExpanded,\n    onTransitionStateChange: (state) => {\n      if (state === 'expandEnd') onExpand?.()\n      if (state === 'collapseEnd') onCollapse?.()\n    },\n  })\n\n  return {\n    toggleProps: getToggleProps(),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useExpanded","_ref","defaultExpanded","onExpand","onCollapse","getToggleProps","getCollapseProps","isExpanded","useCollapse","onTransitionStateChange","state","toggleProps","collapseProps"],"mappings":";;;;;;AAGaA,MAAAA,WAAW,GAAGC,IAAA,IAOrB;EAAA,IAPsB;AAC1BC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;AACRC,IAAAA,UAAAA;AAIF,GAAC,GAAAH,IAAA,CAAA;EACC,MAAM;IAAEI,cAAc;IAAEC,gBAAgB;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,0BAAW,CAAC;IACnEN,eAAe;IACfO,uBAAuB,EAAGC,KAAK,IAAK;AAClC,MAAA,IAAIA,KAAK,KAAK,WAAW,EAAEP,QAAQ,IAAI,CAAA;AACvC,MAAA,IAAIO,KAAK,KAAK,aAAa,EAAEN,UAAU,IAAI,CAAA;AAC7C,KAAA;AACF,GAAC,CAAC,CAAA;EAEF,OAAO;IACLO,WAAW,EAAEN,cAAc,EAAE;IAC7BO,aAAa,EAAEN,gBAAgB,EAAE;AACjCC,IAAAA,UAAAA;GACD,CAAA;AACH;;;;"}

package/dist/esm/accordion/useExpanded.mjs

@@ -1,31 +1,24 @@
-import { useState, useEffect, useCallback } from 'react';
-import _useCollapse from 'react-collapsed';
+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
+    getCollapseProps,
+    isExpanded
   } = useCollapse({
-    isExpanded,
-    onExpandEnd: onExpand,
-    onCollapseEnd: onCollapse
+    defaultExpanded,
+    onTransitionStateChange: state => {
+      if (state === 'expandEnd') onExpand?.();
+      if (state === 'collapseEnd') onCollapse?.();
+    }
   });
   return {
-    toggleProps: getToggleProps({
-      onClick: handleToggle
-    }),
+    toggleProps: getToggleProps(),
     collapseProps: getCollapseProps(),
     isExpanded
   };

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

@@ -1 +1 @@
-{"version":3,"file":"useExpanded.mjs","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } 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<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>,\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;AAUhEE,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;;;;"}
+{"version":3,"file":"useExpanded.mjs","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCollapse } from 'react-collapsed'\nimport { AccordionProps } from './types.js'\n\nexport const useExpanded = ({\n  defaultExpanded = false,\n  onExpand,\n  onCollapse,\n}: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>) => {\n  const { getToggleProps, getCollapseProps, isExpanded } = useCollapse({\n    defaultExpanded,\n    onTransitionStateChange: (state) => {\n      if (state === 'expandEnd') onExpand?.()\n      if (state === 'collapseEnd') onCollapse?.()\n    },\n  })\n\n  return {\n    toggleProps: getToggleProps(),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useExpanded","_ref","defaultExpanded","onExpand","onCollapse","getToggleProps","getCollapseProps","isExpanded","useCollapse","onTransitionStateChange","state","toggleProps","collapseProps"],"mappings":";;AAGaA,MAAAA,WAAW,GAAGC,IAAA,IAIgD;EAAA,IAJ/C;AAC1BC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;AACRC,IAAAA,UAAAA;AACmE,GAAC,GAAAH,IAAA,CAAA;EACpE,MAAM;IAAEI,cAAc;IAAEC,gBAAgB;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,WAAW,CAAC;IACnEN,eAAe;IACfO,uBAAuB,EAAGC,KAAK,IAAK;AAClC,MAAA,IAAIA,KAAK,KAAK,WAAW,EAAEP,QAAQ,IAAI,CAAA;AACvC,MAAA,IAAIO,KAAK,KAAK,aAAa,EAAEN,UAAU,IAAI,CAAA;AAC7C,KAAA;AACF,GAAC,CAAC,CAAA;EAEF,OAAO;IACLO,WAAW,EAAEN,cAAc,EAAE;IAC7BO,aAAa,EAAEN,gBAAgB,EAAE;AACjCC,IAAAA,UAAAA;GACD,CAAA;AACH;;;;"}

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

@@ -1,31 +1,24 @@
-import { useState, useEffect, useCallback } from 'react';
-import _useCollapse from 'react-collapsed';
+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
+    getCollapseProps,
+    isExpanded
   } = useCollapse({
-    isExpanded,
-    onExpandEnd: onExpand,
-    onCollapseEnd: onCollapse
+    defaultExpanded,
+    onTransitionStateChange: state => {
+      if (state === 'expandEnd') onExpand?.();
+      if (state === 'collapseEnd') onCollapse?.();
+    }
   });
   return {
-    toggleProps: getToggleProps({
-      onClick: handleToggle
-    }),
+    toggleProps: getToggleProps(),
     collapseProps: getCollapseProps(),
     isExpanded
   };

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

@@ -1 +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;;;;"}
+{"version":3,"file":"useExpanded.mjs","sources":["../../../packages/accordion-transparent/useExpanded.ts"],"sourcesContent":["import { useCollapse } from 'react-collapsed'\nimport { AccordionTransparentProps } from './types.js'\n\nexport const useExpanded = ({\n  defaultExpanded = false,\n  onExpand,\n  onCollapse,\n}: Pick<\n  AccordionTransparentProps,\n  'defaultExpanded' | 'onExpand' | 'onCollapse'\n>) => {\n  const { getToggleProps, getCollapseProps, isExpanded } = useCollapse({\n    defaultExpanded,\n    onTransitionStateChange: (state) => {\n      if (state === 'expandEnd') onExpand?.()\n      if (state === 'collapseEnd') onCollapse?.()\n    },\n  })\n\n  return {\n    toggleProps: getToggleProps(),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useExpanded","_ref","defaultExpanded","onExpand","onCollapse","getToggleProps","getCollapseProps","isExpanded","useCollapse","onTransitionStateChange","state","toggleProps","collapseProps"],"mappings":";;AAGaA,MAAAA,WAAW,GAAGC,IAAA,IAOrB;EAAA,IAPsB;AAC1BC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;AACRC,IAAAA,UAAAA;AAIF,GAAC,GAAAH,IAAA,CAAA;EACC,MAAM;IAAEI,cAAc;IAAEC,gBAAgB;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,WAAW,CAAC;IACnEN,eAAe;IACfO,uBAAuB,EAAGC,KAAK,IAAK;AAClC,MAAA,IAAIA,KAAK,KAAK,WAAW,EAAEP,QAAQ,IAAI,CAAA;AACvC,MAAA,IAAIO,KAAK,KAAK,aAAa,EAAEN,UAAU,IAAI,CAAA;AAC7C,KAAA;AACF,GAAC,CAAC,CAAA;EAEF,OAAO;IACLO,WAAW,EAAEN,cAAc,EAAE;IAC7BO,aAAa,EAAEN,gBAAgB,EAAE;AACjCC,IAAAA,UAAAA;GACD,CAAA;AACH;;;;"}

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

@@ -1,10 +1,27 @@
+/// <reference types="react" />
 import { AccordionProps } from './types.js';
-import { GetCollapsePropsOutput, GetTogglePropsOutput } from 'react-collapsed/dist/types.js';
-declare type UseExpanded = (props: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>) => {
-    toggleProps: GetTogglePropsOutput;
-    collapseProps: GetCollapsePropsOutput;
+export declare const useExpanded: ({ defaultExpanded, onExpand, onCollapse, }: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>) => {
+    toggleProps: {
+        ref: ((instance: any) => void) | import("react").MutableRefObject<any>;
+    } & {
+        onClick: import("react").MouseEventHandler<Element>;
+        id: string;
+        'aria-controls': string;
+        'aria-expanded'?: boolean | undefined;
+        type?: "button" | undefined;
+        disabled?: boolean | undefined;
+        'aria-disabled'?: boolean | undefined;
+        role?: "button" | undefined;
+        tabIndex?: number | undefined;
+    };
+    collapseProps: {
+        ref: ((instance: any) => void) | import("react").MutableRefObject<any>;
+    } & {
+        id: string;
+        'aria-hidden': boolean;
+        role: string;
+        style: import("react").CSSProperties;
+    };
     isExpanded: boolean;
 };
-export declare const useExpanded: UseExpanded;
-export {};
 //# sourceMappingURL=useExpanded.d.ts.map

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

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

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

@@ -1,10 +1,27 @@
+/// <reference types="react" />
 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;
+export declare const useExpanded: ({ defaultExpanded, onExpand, onCollapse, }: Pick<AccordionTransparentProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>) => {
+    toggleProps: {
+        ref: ((instance: any) => void) | import("react").MutableRefObject<any>;
+    } & {
+        onClick: import("react").MouseEventHandler<Element>;
+        id: string;
+        'aria-controls': string;
+        'aria-expanded'?: boolean | undefined;
+        type?: "button" | undefined;
+        disabled?: boolean | undefined;
+        'aria-disabled'?: boolean | undefined;
+        role?: "button" | undefined;
+        tabIndex?: number | undefined;
+    };
+    collapseProps: {
+        ref: ((instance: any) => void) | import("react").MutableRefObject<any>;
+    } & {
+        id: string;
+        'aria-hidden': boolean;
+        role: string;
+        style: import("react").CSSProperties;
+    };
     isExpanded: boolean;
 };
-export declare const useExpanded: UseExpanded;
-export {};
 //# sourceMappingURL=useExpanded.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"useExpanded.d.ts","sourceRoot":"","sources":["../../../packages/accordion-transparent/useExpanded.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAA;AAEtD,eAAO,MAAM,WAAW,+CAIrB,KACD,yBAAyB,EACzB,iBAAiB,GAAG,UAAU,GAAG,YAAY,CAC9C;;;;;;;;;;;;;;;;;;;;;;;CAcA,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lidofinance/lido-ui",
-  "version": "3.42.0",
+  "version": "3.42.1",
   "homepage": "https://github.com/lidofinance/ui",
   "repository": {
     "type": "git",
@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "@styled-system/should-forward-prop": "5.1.5",
-    "react-collapsed": "3.0.2",
+    "react-collapsed": "4.2.0",
     "react-jazzicon": "^1.0.4",
     "react-toastify": "7.0.4",
     "react-transition-group": "4",