@lidofinance/lido-ui 3.9.0 → 3.10.1

package/dist/cjs/tooltip/Tooltip.js

@@ -6,15 +6,14 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _tooltipStyles = require("./TooltipStyles");
 const _hooks = require("../hooks/index");
 const _reactIs = require("react-is");
 const BODY_PERSISTENT_TIMEOUT = 150;
-function Tooltip(props, ref) {
-    const { title , children , ...rest } = props;
+function Tooltip(param, ref) {
+    let { title , children , ...rest } = param;
     const [state, setState] = (0, _react.useState)(false);
     const keepTimeoutRef = (0, _react.useRef)(null);
     const child = _react.Children.only(children);
@@ -37,26 +36,33 @@ function Tooltip(props, ref) {
             keepTimeoutRef.current = null;
         }, BODY_PERSISTENT_TIMEOUT);
     };
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ (0, _react.cloneElement)(child, {
-        ref: mergedRef,
-        onMouseEnter (event) {
-            var _props, ref;
-            handleMouseEnter();
-            (ref = (_props = child.props).onMouseEnter) === null || ref === void 0 ? void 0 : ref.call(_props, event);
-        },
-        onMouseLeave (event) {
-            var _props, ref;
-            handleMouseLeave();
-            (ref = (_props = child.props).onMouseLeave) === null || ref === void 0 ? void 0 : ref.call(_props, event);
-        }
-    }), /*#__PURE__*/ _react.default.createElement(_tooltipStyles.TooltipPopoverStyle, _extends({}, rest, {
-        open: state,
-        backdrop: false,
-        anchorRef: anchorRef,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        ref: ref
-    }), title));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _react.cloneElement)(child, {
+                ref: mergedRef,
+                onMouseEnter (event) {
+                    var _props, ref;
+                    handleMouseEnter();
+                    (ref = (_props = child.props).onMouseEnter) === null || ref === void 0 ? void 0 : ref.call(_props, event);
+                },
+                onMouseLeave (event) {
+                    var _props, ref;
+                    handleMouseLeave();
+                    (ref = (_props = child.props).onMouseLeave) === null || ref === void 0 ? void 0 : ref.call(_props, event);
+                }
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_tooltipStyles.TooltipPopoverStyle, {
+                ...rest,
+                open: state,
+                backdrop: false,
+                anchorRef: anchorRef,
+                onMouseEnter: handleMouseEnter,
+                onMouseLeave: handleMouseLeave,
+                ref: ref,
+                children: title
+            })
+        ]
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Tooltip);
 

package/dist/cjs/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ForwardedRef,\n  forwardRef,\n  Children,\n  useRef,\n  cloneElement,\n  useState,\n} from 'react'\nimport { TooltipPopoverStyle } from './TooltipStyles'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { isElement } from 'react-is'\nimport { TooltipProps } from './types'\n\nconst BODY_PERSISTENT_TIMEOUT = 150\n\nfunction Tooltip(props: TooltipProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { title, children, ...rest } = props\n\n  const [state, setState] = useState(false)\n  const keepTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const child = Children.only(children)\n  if (!isElement(child)) throw new Error('Child must be a React element')\n\n  const anchorRef = useRef<HTMLElement>(null)\n  const mergedRef = useMergeRefs([child.ref, anchorRef])\n\n  const handleMouseEnter = () => {\n    if (keepTimeoutRef.current) {\n      clearTimeout(keepTimeoutRef.current)\n      keepTimeoutRef.current = null\n    }\n    setState(true)\n  }\n\n  const handleMouseLeave = () => {\n    keepTimeoutRef.current = setTimeout(() => {\n      setState(false)\n      keepTimeoutRef.current = null\n    }, BODY_PERSISTENT_TIMEOUT)\n  }\n\n  return (\n    <>\n      {cloneElement(child, {\n        ref: mergedRef,\n        onMouseEnter(event: React.MouseEvent<HTMLElement, MouseEvent>) {\n          handleMouseEnter()\n          child.props.onMouseEnter?.(event)\n        },\n        onMouseLeave(event: React.MouseEvent<HTMLElement, MouseEvent>) {\n          handleMouseLeave()\n          child.props.onMouseLeave?.(event)\n        },\n      })}\n      <TooltipPopoverStyle\n        {...rest}\n        open={state}\n        backdrop={false}\n        anchorRef={anchorRef}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={ref}\n      >\n        {title}\n      </TooltipPopoverStyle>\n    </>\n  )\n}\n\nexport default forwardRef(Tooltip)\n"],"names":["BODY_PERSISTENT_TIMEOUT","Tooltip","props","ref","title","children","rest","state","setState","useState","keepTimeoutRef","useRef","child","Children","only","isElement","Error","anchorRef","mergedRef","useMergeRefs","handleMouseEnter","current","clearTimeout","handleMouseLeave","setTimeout","cloneElement","onMouseEnter","event","onMouseLeave","TooltipPopoverStyle","open","backdrop","forwardRef"],"mappings":"AAAA;;;;+BAsEA,SAAkC;;aAAlC,QAAkC;;;;6DA/D3B,OAAO;+BACsB,iBAAiB;uBACxB,gBAAoB;yBACvB,UAAU;AAGpC,MAAMA,uBAAuB,GAAG,GAAG;AAEnC,SAASC,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IAE1C,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAC,KAAK,CAAC;IACzC,MAAMC,cAAc,GAAGC,IAAAA,MAAM,OAAA,EAAwB,IAAI,CAAC;IAE1D,MAAMC,KAAK,GAAGC,MAAQ,SAAA,CAACC,IAAI,CAACT,QAAQ,CAAC;IACrC,IAAI,CAACU,IAAAA,QAAS,UAAA,EAACH,KAAK,CAAC,EAAE,MAAM,IAAII,KAAK,CAAC,+BAA+B,CAAC,CAAA;IAEvE,MAAMC,SAAS,GAAGN,IAAAA,MAAM,OAAA,EAAc,IAAI,CAAC;IAC3C,MAAMO,SAAS,GAAGC,IAAAA,MAAY,aAAA,EAAC;QAACP,KAAK,CAACT,GAAG;QAAEc,SAAS;KAAC,CAAC;IAEtD,MAAMG,gBAAgB,GAAG,IAAM;QAC7B,IAAIV,cAAc,CAACW,OAAO,EAAE;YAC1BC,YAAY,CAACZ,cAAc,CAACW,OAAO,CAAC;YACpCX,cAAc,CAACW,OAAO,GAAG,IAAI;QAC/B,CAAC;QACDb,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAC;IAED,MAAMe,gBAAgB,GAAG,IAAM;QAC7Bb,cAAc,CAACW,OAAO,GAAGG,UAAU,CAAC,IAAM;YACxChB,QAAQ,CAAC,KAAK,CAAC;YACfE,cAAc,CAACW,OAAO,GAAG,IAAI;QAC/B,CAAC,EAAErB,uBAAuB,CAAC;IAC7B,CAAC;IAED,qBACE,0EACGyB,IAAAA,MAAY,aAAA,EAACb,KAAK,EAAE;QACnBT,GAAG,EAAEe,SAAS;QACdQ,YAAY,EAACC,KAAgD,EAAE;gBAE7Df,MAAW,AAAa,EAAxBA,GAAwB;YADxBQ,gBAAgB,EAAE;YAClBR,CAAAA,GAAwB,GAAxBA,CAAAA,MAAW,GAAXA,KAAK,CAACV,KAAK,EAACwB,YAAY,cAAxBd,GAAwB,WAAS,GAAjCA,KAAAA,CAAiC,GAAjCA,GAAwB,CAAxBA,IAAiC,CAAjCA,MAAW,EAAgBe,KAAK,CAAC,CAAA;QACnC,CAAC;QACDC,YAAY,EAACD,KAAgD,EAAE;gBAE7Df,MAAW,AAAa,EAAxBA,GAAwB;YADxBW,gBAAgB,EAAE;YAClBX,CAAAA,GAAwB,GAAxBA,CAAAA,MAAW,GAAXA,KAAK,CAACV,KAAK,EAAC0B,YAAY,cAAxBhB,GAAwB,WAAS,GAAjCA,KAAAA,CAAiC,GAAjCA,GAAwB,CAAxBA,IAAiC,CAAjCA,MAAW,EAAgBe,KAAK,CAAC,CAAA;QACnC,CAAC;KACF,CAAC,gBACF,6BAACE,cAAmB,oBAAA,eACdvB,IAAI;QACRwB,IAAI,EAAEvB,KAAK;QACXwB,QAAQ,EAAE,KAAK;QACfd,SAAS,EAAEA,SAAS;QACpBS,YAAY,EAAEN,gBAAgB;QAC9BQ,YAAY,EAAEL,gBAAgB;QAC9BpB,GAAG,EAAEA,GAAG;QAEPC,KAAK,CACc,CACrB,CACJ;AACH,CAAC;MAED,QAAkC,iBAAnB4B,IAAAA,MAAU,WAAA,EAAC/B,OAAO,CAAC"}
+{"version":3,"sources":["../../../packages/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  Children,\n  useRef,\n  cloneElement,\n  useState,\n  MouseEvent,\n} from 'react'\nimport { TooltipPopoverStyle } from './TooltipStyles'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { isElement } from 'react-is'\nimport { TooltipProps } from './types'\n\nconst BODY_PERSISTENT_TIMEOUT = 150\n\nfunction Tooltip(\n  { title, children, ...rest }: TooltipProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const [state, setState] = useState(false)\n  const keepTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const child = Children.only(children)\n  if (!isElement(child)) throw new Error('Child must be a React element')\n\n  const anchorRef = useRef<HTMLElement>(null)\n  const mergedRef = useMergeRefs([child.ref, anchorRef])\n\n  const handleMouseEnter = () => {\n    if (keepTimeoutRef.current) {\n      clearTimeout(keepTimeoutRef.current)\n      keepTimeoutRef.current = null\n    }\n    setState(true)\n  }\n\n  const handleMouseLeave = () => {\n    keepTimeoutRef.current = setTimeout(() => {\n      setState(false)\n      keepTimeoutRef.current = null\n    }, BODY_PERSISTENT_TIMEOUT)\n  }\n\n  return (\n    <>\n      {cloneElement(child, {\n        ref: mergedRef,\n        onMouseEnter(event: MouseEvent<HTMLElement>) {\n          handleMouseEnter()\n          child.props.onMouseEnter?.(event)\n        },\n        onMouseLeave(event: MouseEvent<HTMLElement>) {\n          handleMouseLeave()\n          child.props.onMouseLeave?.(event)\n        },\n      })}\n      <TooltipPopoverStyle\n        {...rest}\n        open={state}\n        backdrop={false}\n        anchorRef={anchorRef}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={ref}\n      >\n        {title}\n      </TooltipPopoverStyle>\n    </>\n  )\n}\n\nexport default forwardRef(Tooltip)\n"],"names":["BODY_PERSISTENT_TIMEOUT","Tooltip","ref","title","children","rest","state","setState","useState","keepTimeoutRef","useRef","child","Children","only","isElement","Error","anchorRef","mergedRef","useMergeRefs","handleMouseEnter","current","clearTimeout","handleMouseLeave","setTimeout","cloneElement","onMouseEnter","event","props","onMouseLeave","TooltipPopoverStyle","open","backdrop","forwardRef"],"mappings":"AAAA;;;;+BAwEA,SAAkC;;aAAlC,QAAkC;;;uBAhE3B,OAAO;+BACsB,iBAAiB;uBACxB,gBAAoB;yBACvB,UAAU;AAGpC,MAAMA,uBAAuB,GAAG,GAAG;AAEnC,SAASC,OAAO,CACd,KAA0C,EAC1CC,GAAkC,EAClC;QAFA,EAAEC,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAgB,GAA1C,KAA0C;IAG1C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAC,KAAK,CAAC;IACzC,MAAMC,cAAc,GAAGC,IAAAA,MAAM,OAAA,EAAwB,IAAI,CAAC;IAE1D,MAAMC,KAAK,GAAGC,MAAQ,SAAA,CAACC,IAAI,CAACT,QAAQ,CAAC;IACrC,IAAI,CAACU,IAAAA,QAAS,UAAA,EAACH,KAAK,CAAC,EAAE,MAAM,IAAII,KAAK,CAAC,+BAA+B,CAAC,CAAA;IAEvE,MAAMC,SAAS,GAAGN,IAAAA,MAAM,OAAA,EAAc,IAAI,CAAC;IAC3C,MAAMO,SAAS,GAAGC,IAAAA,MAAY,aAAA,EAAC;QAACP,KAAK,CAACT,GAAG;QAAEc,SAAS;KAAC,CAAC;IAEtD,MAAMG,gBAAgB,GAAG,IAAM;QAC7B,IAAIV,cAAc,CAACW,OAAO,EAAE;YAC1BC,YAAY,CAACZ,cAAc,CAACW,OAAO,CAAC;YACpCX,cAAc,CAACW,OAAO,GAAG,IAAI;QAC/B,CAAC;QACDb,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAC;IAED,MAAMe,gBAAgB,GAAG,IAAM;QAC7Bb,cAAc,CAACW,OAAO,GAAGG,UAAU,CAAC,IAAM;YACxChB,QAAQ,CAAC,KAAK,CAAC;YACfE,cAAc,CAACW,OAAO,GAAG,IAAI;QAC/B,CAAC,EAAEpB,uBAAuB,CAAC;IAC7B,CAAC;IAED,qBACE;;0BACGwB,IAAAA,MAAY,aAAA,EAACb,KAAK,EAAE;gBACnBT,GAAG,EAAEe,SAAS;gBACdQ,YAAY,EAACC,KAA8B,EAAE;wBAE3Cf,MAAW,AAAa,EAAxBA,GAAwB;oBADxBQ,gBAAgB,EAAE;oBAClBR,CAAAA,GAAwB,GAAxBA,CAAAA,MAAW,GAAXA,KAAK,CAACgB,KAAK,EAACF,YAAY,cAAxBd,GAAwB,WAAS,GAAjCA,KAAAA,CAAiC,GAAjCA,GAAwB,CAAxBA,IAAiC,CAAjCA,MAAW,EAAgBe,KAAK,CAAC,CAAA;gBACnC,CAAC;gBACDE,YAAY,EAACF,KAA8B,EAAE;wBAE3Cf,MAAW,AAAa,EAAxBA,GAAwB;oBADxBW,gBAAgB,EAAE;oBAClBX,CAAAA,GAAwB,GAAxBA,CAAAA,MAAW,GAAXA,KAAK,CAACgB,KAAK,EAACC,YAAY,cAAxBjB,GAAwB,WAAS,GAAjCA,KAAAA,CAAiC,GAAjCA,GAAwB,CAAxBA,IAAiC,CAAjCA,MAAW,EAAgBe,KAAK,CAAC,CAAA;gBACnC,CAAC;aACF,CAAC;0BACF,qBAACG,cAAmB,oBAAA;gBACjB,GAAGxB,IAAI;gBACRyB,IAAI,EAAExB,KAAK;gBACXyB,QAAQ,EAAE,KAAK;gBACff,SAAS,EAAEA,SAAS;gBACpBS,YAAY,EAAEN,gBAAgB;gBAC9BS,YAAY,EAAEN,gBAAgB;gBAC9BpB,GAAG,EAAEA,GAAG;0BAEPC,KAAK;cACc;;MACrB,CACJ;AACH,CAAC;MAED,QAAkC,iBAAnB6B,IAAAA,MAAU,WAAA,EAAC/B,OAAO,CAAC"}

package/dist/cjs/tooltip/types.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/tooltip/types.ts"],"sourcesContent":["import { PopoverProps } from '@lidofinance/popover'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type TooltipProps = Omit<\n  PopoverProps,\n  'anchorRef' | 'title' | 'open' | 'backdrop' | 'children'\n> & {\n  title: React.ReactNode\n  children: React.ReactElement & React.RefAttributes<HTMLElement>\n}\n"],"names":[],"mappings":"AAAA;;;;;4DACkB,OAAO"}
+{"version":3,"sources":["../../../packages/tooltip/types.ts"],"sourcesContent":["import { PopoverProps } from '@lidofinance/popover'\nimport { ReactElement, ReactNode, RefAttributes } from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type TooltipProps = Omit<\n  PopoverProps,\n  'anchorRef' | 'title' | 'open' | 'backdrop' | 'children'\n> & {\n  title: ReactNode\n  children: ReactElement & RefAttributes<HTMLElement>\n}\n"],"names":[],"mappings":"AAAA"}

package/dist/cjs/transition/withTransition.js

@@ -6,15 +6,14 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>withTransition
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _hooks = require("../hooks/index");
 const _reactTransitionGroup = require("react-transition-group");
 const _constants = require("./constants");
 function withTransition(Component) {
-    function Wrapped(props, externalRef) {
-        const { in: state = false , timeout =_constants.DEFAULT_DURATION , mountOnEnter =true , unmountOnExit =true , appear =true , enter =true , exit =true , addEndListener , onEnter , onEntering , onEntered , onExit , onExiting , onExited , ...rest } = props;
+    function Wrapped(param, externalRef) {
+        let { in: state = false , timeout =_constants.DEFAULT_DURATION , mountOnEnter =true , unmountOnExit =true , appear =true , enter =true , exit =true , addEndListener , onEnter , onEntering , onEntered , onExit , onExiting , onExited , ...rest } = param;
         const transitionProps = {
             in: state,
             timeout,
@@ -34,13 +33,16 @@ function withTransition(Component) {
         const ref = (0, _hooks.useMergeRefs)([
             externalRef
         ]);
-        return /*#__PURE__*/ _react.default.createElement(_reactTransitionGroup.Transition, _extends({}, transitionProps, {
-            nodeRef: ref
-        }), (status)=>/*#__PURE__*/ _react.default.createElement(Component, _extends({}, rest, {
-                duration: timeout,
-                transitionStatus: status,
-                ref: ref
-            })));
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactTransitionGroup.Transition, {
+            ...transitionProps,
+            nodeRef: ref,
+            children: (status)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(Component, {
+                    ...rest,
+                    duration: timeout,
+                    transitionStatus: status,
+                    ref: ref
+                })
+        });
     }
     return /*#__PURE__*/ (0, _react.forwardRef)(Wrapped);
 }

package/dist/cjs/transition/withTransition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/transition/withTransition.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { Transition } from 'react-transition-group'\nimport { DEFAULT_DURATION } from './constants'\nimport { TransitionWrapperProps, TransitionInnerProps } from './types'\n\ntype WrappedProps<T> = Omit<T, keyof TransitionInnerProps> &\n  TransitionWrapperProps\n\nexport default function withTransition<\n  P extends TransitionInnerProps,\n  E extends HTMLElement,\n>(\n  Component: React.ComponentType<P>,\n): React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<WrappedProps<P>> & React.RefAttributes<E>\n> {\n  function Wrapped(props: WrappedProps<P>, externalRef: ForwardedRef<E>) {\n    const {\n      in: state = false,\n      timeout = DEFAULT_DURATION,\n      mountOnEnter = true,\n      unmountOnExit = true,\n      appear = true,\n      enter = true,\n      exit = true,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      ...rest\n    } = props\n\n    const transitionProps = {\n      in: state,\n      timeout,\n      mountOnEnter,\n      unmountOnExit,\n      appear,\n      enter,\n      exit,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n    }\n\n    const ref = useMergeRefs([externalRef])\n\n    return (\n      <Transition {...transitionProps} nodeRef={ref}>\n        {(status) => (\n          <Component\n            {...(rest as P)}\n            duration={timeout}\n            transitionStatus={status}\n            ref={ref}\n          />\n        )}\n      </Transition>\n    )\n  }\n\n  return forwardRef(Wrapped)\n}\n"],"names":["withTransition","Component","Wrapped","props","externalRef","in","state","timeout","DEFAULT_DURATION","mountOnEnter","unmountOnExit","appear","enter","exit","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","rest","transitionProps","ref","useMergeRefs","Transition","nodeRef","status","duration","transitionStatus","forwardRef"],"mappings":"AAAA;;;;+BASA,SA6DC;;aA7DuBA,cAAc;;;;6DATU,OAAO;uBAC1B,gBAAoB;sCACtB,wBAAwB;2BAClB,aAAa;AAM/B,SAASA,cAAc,CAIpCC,SAAiC,EAGjC;IACA,SAASC,OAAO,CAACC,KAAsB,EAAEC,WAA4B,EAAE;QACrE,MAAM,EACJC,EAAE,EAAEC,KAAK,GAAG,KAAK,CAAA,EACjBC,OAAO,EAAGC,UAAgB,iBAAA,CAAA,EAC1BC,YAAY,EAAG,IAAI,CAAA,EACnBC,aAAa,EAAG,IAAI,CAAA,EACpBC,MAAM,EAAG,IAAI,CAAA,EACbC,KAAK,EAAG,IAAI,CAAA,EACZC,IAAI,EAAG,IAAI,CAAA,EACXC,cAAc,CAAA,EACdC,OAAO,CAAA,EACPC,UAAU,CAAA,EACVC,SAAS,CAAA,EACTC,MAAM,CAAA,EACNC,SAAS,CAAA,EACTC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGlB,KAAK;QAET,MAAMmB,eAAe,GAAG;YACtBjB,EAAE,EAAEC,KAAK;YACTC,OAAO;YACPE,YAAY;YACZC,aAAa;YACbC,MAAM;YACNC,KAAK;YACLC,IAAI;YACJC,cAAc;YACdC,OAAO;YACPC,UAAU;YACVC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,QAAQ;SACT;QAED,MAAMG,GAAG,GAAGC,IAAAA,MAAY,aAAA,EAAC;YAACpB,WAAW;SAAC,CAAC;QAEvC,qBACE,6BAACqB,qBAAU,WAAA,eAAKH,eAAe;YAAEI,OAAO,EAAEH,GAAG;YAC1C,CAACI,MAAM,iBACN,6BAAC1B,SAAS,eACHoB,IAAI;gBACTO,QAAQ,EAAErB,OAAO;gBACjBsB,gBAAgB,EAAEF,MAAM;gBACxBJ,GAAG,EAAEA,GAAG;eACR,AACH,CACU,CACd;IACH,CAAC;IAED,qBAAOO,IAAAA,MAAU,WAAA,EAAC5B,OAAO,CAAC,CAAA;AAC5B,CAAC"}
+{"version":3,"sources":["../../../packages/transition/withTransition.tsx"],"sourcesContent":["import {\n  ComponentType,\n  ForwardedRef,\n  forwardRef,\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { Transition } from 'react-transition-group'\nimport { DEFAULT_DURATION } from './constants'\nimport { TransitionWrapperProps, TransitionInnerProps } from './types'\n\ntype WrappedProps<T> = Omit<T, keyof TransitionInnerProps> &\n  TransitionWrapperProps\n\nexport default function withTransition<\n  P extends TransitionInnerProps,\n  E extends HTMLElement,\n>(\n  Component: ComponentType<P>,\n): ForwardRefExoticComponent<\n  PropsWithoutRef<WrappedProps<P>> & RefAttributes<E>\n> {\n  function Wrapped(\n    {\n      in: state = false,\n      timeout = DEFAULT_DURATION,\n      mountOnEnter = true,\n      unmountOnExit = true,\n      appear = true,\n      enter = true,\n      exit = true,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      ...rest\n    }: WrappedProps<P>,\n    externalRef: ForwardedRef<E>,\n  ) {\n    const transitionProps = {\n      in: state,\n      timeout,\n      mountOnEnter,\n      unmountOnExit,\n      appear,\n      enter,\n      exit,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n    }\n\n    const ref = useMergeRefs([externalRef])\n\n    return (\n      <Transition {...transitionProps} nodeRef={ref}>\n        {(status) => (\n          <Component\n            {...(rest as P)}\n            duration={timeout}\n            transitionStatus={status}\n            ref={ref}\n          />\n        )}\n      </Transition>\n    )\n  }\n\n  return forwardRef(Wrapped)\n}\n"],"names":["withTransition","Component","Wrapped","externalRef","in","state","timeout","DEFAULT_DURATION","mountOnEnter","unmountOnExit","appear","enter","exit","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","rest","transitionProps","ref","useMergeRefs","Transition","nodeRef","status","duration","transitionStatus","forwardRef"],"mappings":"AAAA;;;;+BAgBA,SA8DC;;aA9DuBA,cAAc;;;uBAT/B,OAAO;uBACe,gBAAoB;sCACtB,wBAAwB;2BAClB,aAAa;AAM/B,SAASA,cAAc,CAIpCC,SAA2B,EAG3B;IACA,SAASC,OAAO,CACd,KAgBkB,EAClBC,WAA4B,EAC5B;YAlBA,EACEC,EAAE,EAAEC,KAAK,GAAG,KAAK,CAAA,EACjBC,OAAO,EAAGC,UAAgB,iBAAA,CAAA,EAC1BC,YAAY,EAAG,IAAI,CAAA,EACnBC,aAAa,EAAG,IAAI,CAAA,EACpBC,MAAM,EAAG,IAAI,CAAA,EACbC,KAAK,EAAG,IAAI,CAAA,EACZC,IAAI,EAAG,IAAI,CAAA,EACXC,cAAc,CAAA,EACdC,OAAO,CAAA,EACPC,UAAU,CAAA,EACVC,SAAS,CAAA,EACTC,MAAM,CAAA,EACNC,SAAS,CAAA,EACTC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACS,GAhBlB,KAgBkB;QAGlB,MAAMC,eAAe,GAAG;YACtBjB,EAAE,EAAEC,KAAK;YACTC,OAAO;YACPE,YAAY;YACZC,aAAa;YACbC,MAAM;YACNC,KAAK;YACLC,IAAI;YACJC,cAAc;YACdC,OAAO;YACPC,UAAU;YACVC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,QAAQ;SACT;QAED,MAAMG,GAAG,GAAGC,IAAAA,MAAY,aAAA,EAAC;YAACpB,WAAW;SAAC,CAAC;QAEvC,qBACE,qBAACqB,qBAAU,WAAA;YAAE,GAAGH,eAAe;YAAEI,OAAO,EAAEH,GAAG;sBAC1C,CAACI,MAAM,iBACN,qBAACzB,SAAS;oBACP,GAAImB,IAAI;oBACTO,QAAQ,EAAErB,OAAO;oBACjBsB,gBAAgB,EAAEF,MAAM;oBACxBJ,GAAG,EAAEA,GAAG;kBACR,AACH;UACU,CACd;IACH,CAAC;IAED,qBAAOO,IAAAA,MAAU,WAAA,EAAC3B,OAAO,CAAC,CAAA;AAC5B,CAAC"}

package/dist/esm/accordion/Accordion.js

@@ -1,15 +1,35 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { AccordionStyle, AccordionSummaryStyle, AccordionTitleStyle, AccordionArrowStyle, AccordionContentStyle } from "./AccordionStyles";
 import { useExpanded } from "./useExpanded";
-function Accordion(props, ref) {
-    const { defaultExpanded , summary , children , ...rest } = props;
-    const { toggleProps , collapseProps , isExpanded  } = useExpanded(props);
-    return /*#__PURE__*/ React.createElement(AccordionStyle, _extends({}, rest, {
-        ref: ref
-    }), /*#__PURE__*/ React.createElement(AccordionSummaryStyle, _extends({}, toggleProps), /*#__PURE__*/ React.createElement(AccordionTitleStyle, null, summary), /*#__PURE__*/ React.createElement(AccordionArrowStyle, {
-        $expanded: isExpanded
-    })), /*#__PURE__*/ React.createElement("div", _extends({}, collapseProps), /*#__PURE__*/ React.createElement(AccordionContentStyle, null, children)));
+function Accordion(param, ref) {
+    let { defaultExpanded , summary , children , ...rest } = param;
+    const { toggleProps , collapseProps , isExpanded  } = useExpanded({
+        defaultExpanded
+    });
+    return /*#__PURE__*/ _jsxs(AccordionStyle, {
+        ...rest,
+        ref: ref,
+        children: [
+            /*#__PURE__*/ _jsxs(AccordionSummaryStyle, {
+                ...toggleProps,
+                children: [
+                    /*#__PURE__*/ _jsx(AccordionTitleStyle, {
+                        children: summary
+                    }),
+                    /*#__PURE__*/ _jsx(AccordionArrowStyle, {
+                        $expanded: isExpanded
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                ...collapseProps,
+                children: /*#__PURE__*/ _jsx(AccordionContentStyle, {
+                    children: children
+                })
+            })
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(Accordion);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types'\nimport {\n  AccordionStyle,\n  AccordionSummaryStyle,\n  AccordionTitleStyle,\n  AccordionArrowStyle,\n  AccordionContentStyle,\n} from './AccordionStyles'\nimport { useExpanded } from './useExpanded'\n\nfunction Accordion(props: AccordionProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { defaultExpanded, summary, children, ...rest } = props\n  const { toggleProps, collapseProps, isExpanded } = useExpanded(props)\n\n  return (\n    <AccordionStyle {...rest} ref={ref}>\n      <AccordionSummaryStyle {...toggleProps}>\n        <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n        <AccordionArrowStyle $expanded={isExpanded} />\n      </AccordionSummaryStyle>\n      <div {...collapseProps}>\n        <AccordionContentStyle>{children}</AccordionContentStyle>\n      </div>\n    </AccordionStyle>\n  )\n}\n\nexport default forwardRef(Accordion)\n"],"names":["React","forwardRef","AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","AccordionContentStyle","useExpanded","Accordion","props","ref","defaultExpanded","summary","children","rest","toggleProps","collapseProps","isExpanded","$expanded","div"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SACEC,cAAc,EACdC,qBAAqB,EACrBC,mBAAmB,EACnBC,mBAAmB,EACnBC,qBAAqB,QAChB,mBAAmB,CAAA;AAC1B,SAASC,WAAW,QAAQ,eAAe,CAAA;AAE3C,SAASC,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,MAAM,EAAEC,eAAe,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAC7D,MAAM,EAAEM,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAEC,UAAU,CAAA,EAAE,GAAGV,WAAW,CAACE,KAAK,CAAC;IAErE,qBACE,oBAACP,cAAc,eAAKY,IAAI;QAAEJ,GAAG,EAAEA,GAAG;sBAChC,oBAACP,qBAAqB,eAAKY,WAAW,iBACpC,oBAACX,mBAAmB,QAAEQ,OAAO,CAAuB,gBACpD,oBAACP,mBAAmB;QAACa,SAAS,EAAED,UAAU;MAAI,CACxB,gBACxB,oBAACE,KAAG,eAAKH,aAAa,iBACpB,oBAACV,qBAAqB,QAAEO,QAAQ,CAAyB,CACrD,CACS,CAClB;AACH,CAAC;AAED,6BAAeZ,UAAU,CAACO,SAAS,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types'\nimport {\n  AccordionStyle,\n  AccordionSummaryStyle,\n  AccordionTitleStyle,\n  AccordionArrowStyle,\n  AccordionContentStyle,\n} from './AccordionStyles'\nimport { useExpanded } from './useExpanded'\n\nfunction Accordion(\n  { defaultExpanded, summary, children, ...rest }: AccordionProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const { toggleProps, collapseProps, isExpanded } = useExpanded({\n    defaultExpanded,\n  })\n\n  return (\n    <AccordionStyle {...rest} ref={ref}>\n      <AccordionSummaryStyle {...toggleProps}>\n        <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n        <AccordionArrowStyle $expanded={isExpanded} />\n      </AccordionSummaryStyle>\n      <div {...collapseProps}>\n        <AccordionContentStyle>{children}</AccordionContentStyle>\n      </div>\n    </AccordionStyle>\n  )\n}\n\nexport default forwardRef(Accordion)\n"],"names":["forwardRef","AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","AccordionContentStyle","useExpanded","Accordion","ref","defaultExpanded","summary","children","rest","toggleProps","collapseProps","isExpanded","$expanded","div"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAEhD,SACEC,cAAc,EACdC,qBAAqB,EACrBC,mBAAmB,EACnBC,mBAAmB,EACnBC,qBAAqB,QAChB,mBAAmB,CAAA;AAC1B,SAASC,WAAW,QAAQ,eAAe,CAAA;AAE3C,SAASC,SAAS,CAChB,KAA+D,EAC/DC,GAAkC,EAClC;QAFA,EAAEC,eAAe,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAkB,GAA/D,KAA+D;IAG/D,MAAM,EAAEC,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAEC,UAAU,CAAA,EAAE,GAAGT,WAAW,CAAC;QAC7DG,eAAe;KAChB,CAAC;IAEF,qBACE,MAACR,cAAc;QAAE,GAAGW,IAAI;QAAEJ,GAAG,EAAEA,GAAG;;0BAChC,MAACN,qBAAqB;gBAAE,GAAGW,WAAW;;kCACpC,KAACV,mBAAmB;kCAAEO,OAAO;sBAAuB;kCACpD,KAACN,mBAAmB;wBAACY,SAAS,EAAED,UAAU;sBAAI;;cACxB;0BACxB,KAACE,KAAG;gBAAE,GAAGH,aAAa;0BACpB,cAAA,KAACT,qBAAqB;8BAAEM,QAAQ;kBAAyB;cACrD;;MACS,CAClB;AACH,CAAC;AAED,6BAAeX,UAAU,CAACO,SAAS,CAAC,CAAA"}

package/dist/esm/accordion/types.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types'\nimport useCollapse from 'react-collapsed'\nimport {\n  GetCollapsePropsOutput,\n  GetTogglePropsOutput,\n} from 'react-collapsed/dist/types'\n\ntype UseExpanded = (props: AccordionProps) => {\n  toggleProps: GetTogglePropsOutput\n  collapseProps: GetCollapsePropsOutput\n  isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({ defaultExpanded = false }) => {\n  const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n  useEffect(() => {\n    setExpanded(defaultExpanded)\n  }, [defaultExpanded])\n\n  const handleToggle = useCallback(\n    () => setExpanded((previous) => !previous),\n    [],\n  )\n\n  const { getToggleProps, getCollapseProps } = useCollapse({ isExpanded })\n\n  return {\n    toggleProps: getToggleProps({ onClick: handleToggle }),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["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"}
+{"version":3,"sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types'\nimport useCollapse from 'react-collapsed'\nimport {\n  GetCollapsePropsOutput,\n  GetTogglePropsOutput,\n} from 'react-collapsed/dist/types'\n\ntype UseExpanded = (props: Pick<AccordionProps, 'defaultExpanded'>) => {\n  toggleProps: GetTogglePropsOutput\n  collapseProps: GetCollapsePropsOutput\n  isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({ defaultExpanded = false }) => {\n  const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n  useEffect(() => {\n    setExpanded(defaultExpanded)\n  }, [defaultExpanded])\n\n  const handleToggle = useCallback(\n    () => setExpanded((previous) => !previous),\n    [],\n  )\n\n  const { getToggleProps, getCollapseProps } = useCollapse({ isExpanded })\n\n  return {\n    toggleProps: getToggleProps({ onClick: handleToggle }),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["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/Address.js

@@ -1,12 +1,21 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { 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)));
+function Address(param, ref) {
+    let { symbols =3 , address , ...rest } = param;
+    return /*#__PURE__*/ _jsxs(AddressStyle, {
+        ...rest,
+        ref: ref,
+        children: [
+            /*#__PURE__*/ _jsx(AddressFullStyle, {
+                children: address
+            }),
+            /*#__PURE__*/ _jsx(AddressTrimmedStyle, {
+                children: trimAddress(address, symbols)
+            })
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(Address);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { AddressProps } from './types'\nimport {\n  AddressStyle,\n  AddressFullStyle,\n  AddressTrimmedStyle,\n} from './AddressStyles'\nimport { trimAddress } from './trimAddress'\n\nfunction Address(props: AddressProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { symbols = 3, address, ...rest } = props\n\n  return (\n    <AddressStyle {...rest} ref={ref}>\n      <AddressFullStyle>{address}</AddressFullStyle>\n      <AddressTrimmedStyle>{trimAddress(address, symbols)}</AddressTrimmedStyle>\n    </AddressStyle>\n  )\n}\n\nexport default forwardRef(Address)\n"],"names":["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"}
+{"version":3,"sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AddressProps } from './types'\nimport {\n  AddressStyle,\n  AddressFullStyle,\n  AddressTrimmedStyle,\n} from './AddressStyles'\nimport { trimAddress } from './trimAddress'\n\nfunction Address(\n  { symbols = 3, address, ...rest }: AddressProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <AddressStyle {...rest} ref={ref}>\n      <AddressFullStyle>{address}</AddressFullStyle>\n      <AddressTrimmedStyle>{trimAddress(address, symbols)}</AddressTrimmedStyle>\n    </AddressStyle>\n  )\n}\n\nexport default forwardRef(Address)\n"],"names":["forwardRef","AddressStyle","AddressFullStyle","AddressTrimmedStyle","trimAddress","Address","ref","symbols","address","rest"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAEhD,SACEC,YAAY,EACZC,gBAAgB,EAChBC,mBAAmB,QACd,iBAAiB,CAAA;AACxB,SAASC,WAAW,QAAQ,eAAe,CAAA;AAE3C,SAASC,OAAO,CACd,KAA+C,EAC/CC,GAAkC,EAClC;QAFA,EAAEC,OAAO,EAAG,CAAC,CAAA,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAgB,GAA/C,KAA+C;IAG/C,qBACE,MAACR,YAAY;QAAE,GAAGQ,IAAI;QAAEH,GAAG,EAAEA,GAAG;;0BAC9B,KAACJ,gBAAgB;0BAAEM,OAAO;cAAoB;0BAC9C,KAACL,mBAAmB;0BAAEC,WAAW,CAACI,OAAO,EAAED,OAAO,CAAC;cAAuB;;MAC7D,CAChB;AACH,CAAC;AAED,6BAAeP,UAAU,CAACK,OAAO,CAAC,CAAA"}

package/dist/esm/addressBadge/AddressBadge.js

@@ -1,10 +1,11 @@
-import React, { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { useBreakpoint } from "../hooks/index";
 import { AddressBadgeStyle } from "./AddressBadgeStyles";
-function AddressBadge(props, ref) {
-    const { address , symbolsMobile =3 , symbolsDesktop =6  } = props;
+function AddressBadge(param, ref) {
+    let { address , symbolsMobile =3 , symbolsDesktop =6  } = param;
     const isMobile = useBreakpoint('md');
-    return /*#__PURE__*/ React.createElement(AddressBadgeStyle, {
+    return /*#__PURE__*/ _jsx(AddressBadgeStyle, {
         symbols: isMobile ? symbolsMobile : symbolsDesktop,
         address: address !== null && address !== void 0 ? address : '',
         ref: ref

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '@lidofinance/hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nfunction AddressBadge(\n  props: AddressBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const { address, symbolsMobile = 3, symbolsDesktop = 6 } = props\n  const isMobile = useBreakpoint('md')\n\n  return (\n    <AddressBadgeStyle\n      symbols={isMobile ? symbolsMobile : symbolsDesktop}\n      address={address ?? ''}\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(AddressBadge)\n"],"names":["React","forwardRef","useBreakpoint","AddressBadgeStyle","AddressBadge","props","ref","address","symbolsMobile","symbolsDesktop","isMobile","symbols"],"mappings":"AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,aAAa,QAAQ,gBAAoB,CAAA;AAClD,SAASC,iBAAiB,QAAQ,sBAAsB,CAAA;AAGxD,SAASC,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAE,GAAGJ,KAAK;IAChE,MAAMK,QAAQ,GAAGR,aAAa,CAAC,IAAI,CAAC;IAEpC,qBACE,oBAACC,iBAAiB;QAChBQ,OAAO,EAAED,QAAQ,GAAGF,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACtBD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;AAED,6BAAeL,UAAU,CAACG,YAAY,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '@lidofinance/hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nfunction AddressBadge(\n  { address, symbolsMobile = 3, symbolsDesktop = 6 }: AddressBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const isMobile = useBreakpoint('md')\n\n  return (\n    <AddressBadgeStyle\n      symbols={isMobile ? symbolsMobile : symbolsDesktop}\n      address={address ?? ''}\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(AddressBadge)\n"],"names":["forwardRef","useBreakpoint","AddressBadgeStyle","AddressBadge","ref","address","symbolsMobile","symbolsDesktop","isMobile","symbols"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SAASC,aAAa,QAAQ,gBAAoB,CAAA;AAClD,SAASC,iBAAiB,QAAQ,sBAAsB,CAAA;AAGxD,SAASC,YAAY,CACnB,KAAqE,EACrEC,GAAkC,EAClC;QAFA,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAqB,GAArE,KAAqE;IAGrE,MAAMC,QAAQ,GAAGP,aAAa,CAAC,IAAI,CAAC;IAEpC,qBACE,KAACC,iBAAiB;QAChBO,OAAO,EAAED,QAAQ,GAAGF,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACtBD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;AAED,6BAAeJ,UAAU,CAACG,YAAY,CAAC,CAAA"}

package/dist/esm/block/Block.js

@@ -1,14 +1,15 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { 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({
+function Block(param, ref) {
+    let { color ='foreground' , variant ='flat' , paddingLess =false , ...rest } = param;
+    return /*#__PURE__*/ _jsx(BlockStyle, {
         $color: color,
         $variant: variant,
         $paddingLess: paddingLess,
-        ref: ref
-    }, rest));
+        ref: ref,
+        ...rest
+    });
 }
 export default /*#__PURE__*/ forwardRef(Block);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles'\nimport { BlockProps } from './types'\n\nfunction Block(props: BlockProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const {\n    color = 'foreground',\n    variant = 'flat',\n    paddingLess = false,\n    ...rest\n  } = props\n\n  return (\n    <BlockStyle\n      $color={color}\n      $variant={variant}\n      $paddingLess={paddingLess}\n      ref={ref}\n      {...rest}\n    />\n  )\n}\n\nexport default forwardRef(Block)\n"],"names":["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"}
+{"version":3,"sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles'\nimport { BlockProps } from './types'\n\nfunction Block(\n  {\n    color = 'foreground',\n    variant = 'flat',\n    paddingLess = false,\n    ...rest\n  }: BlockProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <BlockStyle\n      $color={color}\n      $variant={variant}\n      $paddingLess={paddingLess}\n      ref={ref}\n      {...rest}\n    />\n  )\n}\n\nexport default forwardRef(Block)\n"],"names":["forwardRef","BlockStyle","Block","ref","color","variant","paddingLess","rest","$color","$variant","$paddingLess"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SAASC,UAAU,QAAQ,eAAe,CAAA;AAG1C,SAASC,KAAK,CACZ,KAKa,EACbC,GAAkC,EAClC;QAPA,EACEC,KAAK,EAAG,YAAY,CAAA,EACpBC,OAAO,EAAG,MAAM,CAAA,EAChBC,WAAW,EAAG,KAAK,CAAA,EACnB,GAAGC,IAAI,EACI,GALb,KAKa;IAGb,qBACE,KAACN,UAAU;QACTO,MAAM,EAAEJ,KAAK;QACbK,QAAQ,EAAEJ,OAAO;QACjBK,YAAY,EAAEJ,WAAW;QACzBH,GAAG,EAAEA,GAAG;QACP,GAAGI,IAAI;MACR,CACH;AACH,CAAC;AAED,6BAAeP,UAAU,CAACE,KAAK,CAAC,CAAA"}

package/dist/esm/button/Button.js

@@ -1,5 +1,5 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { ButtonStyle, ButtonContentStyle, ButtonLoaderStyle } from "./ButtonStyles";
 import { useRipple } from "./useRipple";
 const loaderSizes = {
@@ -9,11 +9,13 @@ const loaderSizes = {
     md: 'medium',
     lg: 'medium'
 };
-function Button(props, ref) {
-    const { size ='md' , variant ='filled' , color ='primary' , square =false , fullwidth =false , loading =false , active =false , onClick , disabled , children , ...rest } = props;
-    const { handleClick , ripple  } = useRipple(props);
+function Button(param, ref) {
+    let { size ='md' , variant ='filled' , color ='primary' , square =false , fullwidth =false , loading =false , active =false , onClick , disabled , children , ...rest } = param;
+    const { handleClick , ripple  } = useRipple({
+        onClick
+    });
     const loaderSize = loaderSizes[size];
-    return /*#__PURE__*/ React.createElement(ButtonStyle, _extends({
+    return /*#__PURE__*/ _jsxs(ButtonStyle, {
         $size: size,
         $variant: variant,
         $fullwidth: fullwidth,
@@ -24,12 +26,19 @@ function Button(props, ref) {
         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);
+        ref: ref,
+        ...rest,
+        children: [
+            /*#__PURE__*/ _jsx(ButtonContentStyle, {
+                $hidden: loading,
+                children: children
+            }),
+            loading && /*#__PURE__*/ _jsx(ButtonLoaderStyle, {
+                size: loaderSize
+            }),
+            !active && ripple
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(Button);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonStyle,\n  ButtonContentStyle,\n  ButtonLoaderStyle,\n} from './ButtonStyles'\nimport { ButtonProps } from './types'\nimport { useRipple } from './useRipple'\n\nconst loaderSizes = {\n  xxs: 'small',\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n} as const\n\nfunction Button(props: ButtonProps, ref?: ForwardedRef<HTMLButtonElement>) {\n  const {\n    size = 'md',\n    variant = 'filled',\n    color = 'primary',\n    square = false,\n    fullwidth = false,\n    loading = false,\n    active = false,\n    onClick,\n    disabled,\n    children,\n    ...rest\n  } = props\n\n  const { handleClick, ripple } = useRipple(props)\n  const loaderSize = loaderSizes[size]\n\n  return (\n    <ButtonStyle\n      $size={size}\n      $variant={variant}\n      $fullwidth={fullwidth}\n      $color={color}\n      $square={square}\n      $loading={loading}\n      $active={active}\n      onClick={handleClick}\n      disabled={disabled || loading}\n      type='button'\n      ref={ref}\n      {...rest}\n    >\n      <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n      {loading && <ButtonLoaderStyle size={loaderSize} />}\n      {!active && ripple}\n    </ButtonStyle>\n  )\n}\n\nexport default forwardRef(Button)\n"],"names":["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"}
+{"version":3,"sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonStyle,\n  ButtonContentStyle,\n  ButtonLoaderStyle,\n} from './ButtonStyles'\nimport { ButtonProps } from './types'\nimport { useRipple } from './useRipple'\n\nconst loaderSizes = {\n  xxs: 'small',\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n} as const\n\nfunction Button(\n  {\n    size = 'md',\n    variant = 'filled',\n    color = 'primary',\n    square = false,\n    fullwidth = false,\n    loading = false,\n    active = false,\n    onClick,\n    disabled,\n    children,\n    ...rest\n  }: ButtonProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const { handleClick, ripple } = useRipple({ onClick })\n  const loaderSize = loaderSizes[size]\n\n  return (\n    <ButtonStyle\n      $size={size}\n      $variant={variant}\n      $fullwidth={fullwidth}\n      $color={color}\n      $square={square}\n      $loading={loading}\n      $active={active}\n      onClick={handleClick}\n      disabled={disabled || loading}\n      type='button'\n      ref={ref}\n      {...rest}\n    >\n      <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n      {loading && <ButtonLoaderStyle size={loaderSize} />}\n      {!active && ripple}\n    </ButtonStyle>\n  )\n}\n\nexport default forwardRef(Button)\n"],"names":["forwardRef","ButtonStyle","ButtonContentStyle","ButtonLoaderStyle","useRipple","loaderSizes","xxs","xs","sm","md","lg","Button","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,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,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,CACb,KAYc,EACdC,GAAqC,EACrC;QAdA,EACEC,IAAI,EAAG,IAAI,CAAA,EACXC,OAAO,EAAG,QAAQ,CAAA,EAClBC,KAAK,EAAG,SAAS,CAAA,EACjBC,MAAM,EAAG,KAAK,CAAA,EACdC,SAAS,EAAG,KAAK,CAAA,EACjBC,OAAO,EAAG,KAAK,CAAA,EACfC,MAAM,EAAG,KAAK,CAAA,EACdC,OAAO,CAAA,EACPC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACK,GAZd,KAYc;IAGd,MAAM,EAAEC,WAAW,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGrB,SAAS,CAAC;QAAEgB,OAAO;KAAE,CAAC;IACtD,MAAMM,UAAU,GAAGrB,WAAW,CAACQ,IAAI,CAAC;IAEpC,qBACE,MAACZ,WAAW;QACV0B,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;QACP,GAAGW,IAAI;;0BAER,KAACrB,kBAAkB;gBAACiC,OAAO,EAAEjB,OAAO;0BAAGI,QAAQ;cAAsB;YACpEJ,OAAO,kBAAI,KAACf,iBAAiB;gBAACU,IAAI,EAAEa,UAAU;cAAI;YAClD,CAACP,MAAM,IAAIM,MAAM;;MACN,CACf;AACH,CAAC;AAED,6BAAezB,UAAU,CAACW,MAAM,CAAC,CAAA"}

package/dist/esm/button/ButtonIcon.js

@@ -1,17 +1,26 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { ButtonWrapperStyle, ButtonIconStyle, ButtonContentStyle } from "./ButtonIconStyles";
 import Button from "./Button";
-function ButtonIcon(props, ref) {
-    const { icon , children , ...rest } = props;
+function ButtonIcon(param, ref) {
+    let { icon , children , ...rest } = param;
     const hasNoChildren = !children;
-    return /*#__PURE__*/ React.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)));
+    return /*#__PURE__*/ _jsx(Button, {
+        square: hasNoChildren,
+        ...rest,
+        ref: ref,
+        children: /*#__PURE__*/ _jsxs(ButtonWrapperStyle, {
+            children: [
+                /*#__PURE__*/ _jsx(ButtonIconStyle, {
+                    $square: hasNoChildren,
+                    children: icon
+                }),
+                /*#__PURE__*/ _jsx(ButtonContentStyle, {
+                    children: children
+                })
+            ]
+        })
+    });
 }
 export default /*#__PURE__*/ forwardRef(ButtonIcon);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonWrapperStyle,\n  ButtonIconStyle,\n  ButtonContentStyle,\n} from './ButtonIconStyles'\nimport { ButtonIconProps } from './types'\nimport Button from './Button'\n\nfunction ButtonIcon(\n  props: ButtonIconProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const { icon, children, ...rest } = props\n  const hasNoChildren = !children\n\n  return (\n    <Button square={hasNoChildren} {...rest} ref={ref}>\n      <ButtonWrapperStyle>\n        <ButtonIconStyle $square={hasNoChildren}>{icon}</ButtonIconStyle>\n        <ButtonContentStyle>{children}</ButtonContentStyle>\n      </ButtonWrapperStyle>\n    </Button>\n  )\n}\n\nexport default forwardRef(ButtonIcon)\n"],"names":["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"}
+{"version":3,"sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonWrapperStyle,\n  ButtonIconStyle,\n  ButtonContentStyle,\n} from './ButtonIconStyles'\nimport { ButtonIconProps } from './types'\nimport Button from './Button'\n\nfunction ButtonIcon(\n  { icon, children, ...rest }: ButtonIconProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const hasNoChildren = !children\n\n  return (\n    <Button square={hasNoChildren} {...rest} ref={ref}>\n      <ButtonWrapperStyle>\n        <ButtonIconStyle $square={hasNoChildren}>{icon}</ButtonIconStyle>\n        <ButtonContentStyle>{children}</ButtonContentStyle>\n      </ButtonWrapperStyle>\n    </Button>\n  )\n}\n\nexport default forwardRef(ButtonIcon)\n"],"names":["forwardRef","ButtonWrapperStyle","ButtonIconStyle","ButtonContentStyle","Button","ButtonIcon","ref","icon","children","rest","hasNoChildren","square","$square"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SACEC,kBAAkB,EAClBC,eAAe,EACfC,kBAAkB,QACb,oBAAoB,CAAA;AAE3B,OAAOC,MAAM,MAAM,UAAU,CAAA;AAE7B,SAASC,UAAU,CACjB,KAA4C,EAC5CC,GAAqC,EACrC;QAFA,EAAEC,IAAI,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAmB,GAA5C,KAA4C;IAG5C,MAAMC,aAAa,GAAG,CAACF,QAAQ;IAE/B,qBACE,KAACJ,MAAM;QAACO,MAAM,EAAED,aAAa;QAAG,GAAGD,IAAI;QAAEH,GAAG,EAAEA,GAAG;kBAC/C,cAAA,MAACL,kBAAkB;;8BACjB,KAACC,eAAe;oBAACU,OAAO,EAAEF,aAAa;8BAAGH,IAAI;kBAAmB;8BACjE,KAACJ,kBAAkB;8BAAEK,QAAQ;kBAAsB;;UAChC;MACd,CACV;AACH,CAAC;AAED,6BAAeR,UAAU,CAACK,UAAU,CAAC,CAAA"}

package/dist/esm/button/useRipple.js

@@ -1,4 +1,5 @@
-import React, { useCallback, useState } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
 import { ButtonRippleStyle } from "./ButtonStyles";
 export const useRipple = (param)=>{
     let { onClick  } = param;
@@ -17,10 +18,9 @@ export const useRipple = (param)=>{
             left: x - radius,
             top: y - radius
         };
-        setRipple(/*#__PURE__*/ React.createElement(ButtonRippleStyle, {
-            style: style,
-            key: event.timeStamp
-        }));
+        setRipple(/*#__PURE__*/ _jsx(ButtonRippleStyle, {
+            style: style
+        }, event.timeStamp));
         onClick === null || onClick === void 0 ? void 0 : onClick(event);
     }, [
         onClick

package/dist/esm/button/useRipple.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/useRipple.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react'\nimport { ButtonProps } from './types'\nimport { ButtonRippleStyle } from './ButtonStyles'\n\ntype UseRipple = (props: ButtonProps) => {\n  ripple: React.ReactNode\n  handleClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n}\n\nexport const useRipple: UseRipple = ({ onClick }) => {\n  const [ripple, setRipple] = useState<React.ReactNode | null>(null)\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      const button = event.currentTarget\n      const rect = button.getBoundingClientRect()\n      const diameter = Math.max(button.clientWidth, button.clientHeight)\n      const radius = diameter / 2\n      const isMouseClick = event.clientX > 0 && event.clientY > 0\n\n      const x = isMouseClick\n        ? event.clientX - rect.left\n        : button.clientWidth / 2\n\n      const y = isMouseClick\n        ? event.clientY - rect.top\n        : button.clientHeight / 2\n\n      const style = {\n        width: diameter,\n        height: diameter,\n        left: x - radius,\n        top: y - radius,\n      }\n\n      setRipple(<ButtonRippleStyle style={style} key={event.timeStamp} />)\n      onClick?.(event)\n    },\n    [onClick],\n  )\n\n  return {\n    ripple,\n    handleClick,\n  }\n}\n"],"names":["React","useCallback","useState","ButtonRippleStyle","useRipple","onClick","ripple","setRipple","handleClick","event","button","currentTarget","rect","getBoundingClientRect","diameter","Math","max","clientWidth","clientHeight","radius","isMouseClick","clientX","clientY","x","left","y","top","style","width","height","key","timeStamp"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO,CAAA;AAEpD,SAASC,iBAAiB,QAAQ,gBAAgB,CAAA;AAOlD,OAAO,MAAMC,SAAS,GAAc,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;IAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGL,QAAQ,CAAyB,IAAI,CAAC;IAElE,MAAMM,WAAW,GAAGP,WAAW,CAC7B,CAACQ,KAAsD,GAAK;QAC1D,MAAMC,MAAM,GAAGD,KAAK,CAACE,aAAa;QAClC,MAAMC,IAAI,GAAGF,MAAM,CAACG,qBAAqB,EAAE;QAC3C,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACN,MAAM,CAACO,WAAW,EAAEP,MAAM,CAACQ,YAAY,CAAC;QAClE,MAAMC,MAAM,GAAGL,QAAQ,GAAG,CAAC;QAC3B,MAAMM,YAAY,GAAGX,KAAK,CAACY,OAAO,GAAG,CAAC,IAAIZ,KAAK,CAACa,OAAO,GAAG,CAAC;QAE3D,MAAMC,CAAC,GAAGH,YAAY,GAClBX,KAAK,CAACY,OAAO,GAAGT,IAAI,CAACY,IAAI,GACzBd,MAAM,CAACO,WAAW,GAAG,CAAC;QAE1B,MAAMQ,CAAC,GAAGL,YAAY,GAClBX,KAAK,CAACa,OAAO,GAAGV,IAAI,CAACc,GAAG,GACxBhB,MAAM,CAACQ,YAAY,GAAG,CAAC;QAE3B,MAAMS,KAAK,GAAG;YACZC,KAAK,EAAEd,QAAQ;YACfe,MAAM,EAAEf,QAAQ;YAChBU,IAAI,EAAED,CAAC,GAAGJ,MAAM;YAChBO,GAAG,EAAED,CAAC,GAAGN,MAAM;SAChB;QAEDZ,SAAS,eAAC,oBAACJ,iBAAiB;YAACwB,KAAK,EAAEA,KAAK;YAAEG,GAAG,EAAErB,KAAK,CAACsB,SAAS;UAAI,CAAC;QACpE1B,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGI,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACJ,OAAO;KAAC,CACV;IAED,OAAO;QACLC,MAAM;QACNE,WAAW;KACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/button/useRipple.tsx"],"sourcesContent":["import { MouseEvent, ReactNode, useCallback, useState } from 'react'\nimport { ButtonProps } from './types'\nimport { ButtonRippleStyle } from './ButtonStyles'\n\ntype UseRipple = (props: Pick<ButtonProps, 'onClick'>) => {\n  ripple: ReactNode\n  handleClick: (event: MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const useRipple: UseRipple = ({ onClick }) => {\n  const [ripple, setRipple] = useState<ReactNode | null>(null)\n\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      const button = event.currentTarget\n      const rect = button.getBoundingClientRect()\n      const diameter = Math.max(button.clientWidth, button.clientHeight)\n      const radius = diameter / 2\n      const isMouseClick = event.clientX > 0 && event.clientY > 0\n\n      const x = isMouseClick\n        ? event.clientX - rect.left\n        : button.clientWidth / 2\n\n      const y = isMouseClick\n        ? event.clientY - rect.top\n        : button.clientHeight / 2\n\n      const style = {\n        width: diameter,\n        height: diameter,\n        left: x - radius,\n        top: y - radius,\n      }\n\n      setRipple(<ButtonRippleStyle style={style} key={event.timeStamp} />)\n      onClick?.(event)\n    },\n    [onClick],\n  )\n\n  return {\n    ripple,\n    handleClick,\n  }\n}\n"],"names":["useCallback","useState","ButtonRippleStyle","useRipple","onClick","ripple","setRipple","handleClick","event","button","currentTarget","rect","getBoundingClientRect","diameter","Math","max","clientWidth","clientHeight","radius","isMouseClick","clientX","clientY","x","left","y","top","style","width","height","timeStamp"],"mappings":"AAAA;AAAA,SAAgCA,WAAW,EAAEC,QAAQ,QAAQ,OAAO,CAAA;AAEpE,SAASC,iBAAiB,QAAQ,gBAAgB,CAAA;AAOlD,OAAO,MAAMC,SAAS,GAAc,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;IAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGL,QAAQ,CAAmB,IAAI,CAAC;IAE5D,MAAMM,WAAW,GAAGP,WAAW,CAC7B,CAACQ,KAAoC,GAAK;QACxC,MAAMC,MAAM,GAAGD,KAAK,CAACE,aAAa;QAClC,MAAMC,IAAI,GAAGF,MAAM,CAACG,qBAAqB,EAAE;QAC3C,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACN,MAAM,CAACO,WAAW,EAAEP,MAAM,CAACQ,YAAY,CAAC;QAClE,MAAMC,MAAM,GAAGL,QAAQ,GAAG,CAAC;QAC3B,MAAMM,YAAY,GAAGX,KAAK,CAACY,OAAO,GAAG,CAAC,IAAIZ,KAAK,CAACa,OAAO,GAAG,CAAC;QAE3D,MAAMC,CAAC,GAAGH,YAAY,GAClBX,KAAK,CAACY,OAAO,GAAGT,IAAI,CAACY,IAAI,GACzBd,MAAM,CAACO,WAAW,GAAG,CAAC;QAE1B,MAAMQ,CAAC,GAAGL,YAAY,GAClBX,KAAK,CAACa,OAAO,GAAGV,IAAI,CAACc,GAAG,GACxBhB,MAAM,CAACQ,YAAY,GAAG,CAAC;QAE3B,MAAMS,KAAK,GAAG;YACZC,KAAK,EAAEd,QAAQ;YACfe,MAAM,EAAEf,QAAQ;YAChBU,IAAI,EAAED,CAAC,GAAGJ,MAAM;YAChBO,GAAG,EAAED,CAAC,GAAGN,MAAM;SAChB;QAEDZ,SAAS,eAAC,KAACJ,iBAAiB;YAACwB,KAAK,EAAEA,KAAK;WAAOlB,KAAK,CAACqB,SAAS,CAAI,CAAC;QACpEzB,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGI,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACJ,OAAO;KAAC,CACV;IAED,OAAO;QACLC,MAAM;QACNE,WAAW;KACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/checkbox/Checkbox.js

@@ -1,27 +1,32 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { CheckboxWrapperStyle, CheckboxInputStyle, CheckboxIconStyle } from "./CheckboxStyles";
 import { Text } from "../text/index";
 import { Box } from "../box/index";
-function Checkbox(props, inputRef) {
-    const { className , style , wrapperRef , children , label , ...inputProps } = props;
-    const { disabled  } = inputProps;
-    const wrapperProps = {
-        className,
-        style
-    };
-    return /*#__PURE__*/ React.createElement(CheckboxWrapperStyle, _extends({}, wrapperProps, {
-        ref: wrapperRef
-    }), /*#__PURE__*/ React.createElement(CheckboxInputStyle, _extends({
-        type: "checkbox"
-    }, inputProps, {
-        ref: inputRef
-    })), /*#__PURE__*/ React.createElement(CheckboxIconStyle, null), label && /*#__PURE__*/ React.createElement(Box, {
-        ml: 8
-    }, /*#__PURE__*/ React.createElement(Text, {
-        size: "xxs",
-        color: disabled ? 'secondary' : 'default'
-    }, label)));
+function Checkbox(param, inputRef) {
+    let { className , style , wrapperRef , disabled , children , label , ...rest } = param;
+    return /*#__PURE__*/ _jsxs(CheckboxWrapperStyle, {
+        className: className,
+        style: style,
+        ref: wrapperRef,
+        children: [
+            /*#__PURE__*/ _jsx(CheckboxInputStyle, {
+                type: "checkbox",
+                disabled: disabled,
+                ref: inputRef,
+                ...rest
+            }),
+            /*#__PURE__*/ _jsx(CheckboxIconStyle, {}),
+            label && /*#__PURE__*/ _jsx(Box, {
+                ml: 8,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    size: "xxs",
+                    color: disabled ? 'secondary' : 'default',
+                    children: label
+                })
+            })
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(Checkbox);