@lidofinance/lido-ui 3.9.0 → 3.10.1

package/dist/cjs/popover/usePopoverPosition.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "usePopoverPosition", {
     enumerable: true,
     get: ()=>usePopoverPosition
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = require("react");
 const _hooks = require("../hooks/index");
 const _constants = require("./constants");
 const _calculatePosition = require("./calculatePosition");
-const usePopoverPosition = (props)=>{
-    const { placement =_constants.DEFAULT_PLACEMENT , anchorRef  } = props;
+const usePopoverPosition = (param)=>{
+    let { placement =_constants.DEFAULT_PLACEMENT , anchorRef , style: propsStyle  } = param;
     const popoverRef = (0, _react.useRef)(null);
     const wrapperRef = (0, _react.useRef)(null);
     const [popoverStyle, setPopoverStyle] = (0, _react.useState)(_constants.INITIAL_STYLE);
@@ -31,7 +30,7 @@ const usePopoverPosition = (props)=>{
         windowHeight
     ]);
     const style = {
-        ...props.style,
+        ...propsStyle,
         ...popoverStyle
     };
     return {

package/dist/cjs/popover/usePopoverPosition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popover/usePopoverPosition.ts"],"sourcesContent":["import React, { useRef, useLayoutEffect, useState, CSSProperties } from 'react'\nimport { useWindowSize } from '@lidofinance/hooks'\nimport { PopoverRootProps } from './types'\nimport { INITIAL_STYLE, DEFAULT_PLACEMENT } from './constants'\nimport { calculatePosition } from './calculatePosition'\n\nexport const usePopoverPosition = <\n  P extends HTMLDivElement,\n  W extends HTMLDivElement,\n>(\n  props: PopoverRootProps,\n): {\n  popoverRef: React.RefObject<P>\n  wrapperRef: React.RefObject<W>\n  style: CSSProperties\n} => {\n  const { placement = DEFAULT_PLACEMENT, anchorRef } = props\n\n  const popoverRef = useRef<P>(null)\n  const wrapperRef = useRef<W>(null)\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLE)\n  const [windowWidth, windowHeight] = useWindowSize()\n\n  useLayoutEffect(() => {\n    if (!anchorRef.current || !popoverRef.current || !wrapperRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const popoverRect = popoverRef.current.getBoundingClientRect()\n    const wrapperRect = wrapperRef.current.getBoundingClientRect()\n\n    const position = calculatePosition(\n      anchorRect,\n      popoverRect,\n      wrapperRect,\n      placement,\n    )\n    setPopoverStyle(position)\n  }, [anchorRef, placement, windowWidth, windowHeight])\n\n  const style = {\n    ...props.style,\n    ...popoverStyle,\n  }\n\n  return {\n    popoverRef,\n    wrapperRef,\n    style,\n  }\n}\n"],"names":["usePopoverPosition","props","placement","DEFAULT_PLACEMENT","anchorRef","popoverRef","useRef","wrapperRef","popoverStyle","setPopoverStyle","useState","INITIAL_STYLE","windowWidth","windowHeight","useWindowSize","useLayoutEffect","current","anchorRect","getBoundingClientRect","popoverRect","wrapperRect","position","calculatePosition","style"],"mappings":"AAAA;;;;+BAMaA,oBAAkB;;aAAlBA,kBAAkB;;;6DANyC,OAAO;uBACjD,gBAAoB;2BAED,aAAa;mCAC5B,qBAAqB;AAEhD,MAAMA,kBAAkB,GAAG,CAIhCC,KAAuB,GAKpB;IACH,MAAM,EAAEC,SAAS,EAAGC,UAAiB,kBAAA,CAAA,EAAEC,SAAS,CAAA,EAAE,GAAGH,KAAK;IAE1D,MAAMI,UAAU,GAAGC,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAClC,MAAMC,UAAU,GAAGD,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAElC,MAAM,CAACE,YAAY,EAAEC,eAAe,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAgBC,UAAa,cAAA,CAAC;IAC9E,MAAM,CAACC,WAAW,EAAEC,YAAY,CAAC,GAAGC,IAAAA,MAAa,cAAA,GAAE;IAEnDC,IAAAA,MAAe,gBAAA,EAAC,IAAM;QACpB,IAAI,CAACX,SAAS,CAACY,OAAO,IAAI,CAACX,UAAU,CAACW,OAAO,IAAI,CAACT,UAAU,CAACS,OAAO,EAAE,OAAM;QAE5E,MAAMC,UAAU,GAAGb,SAAS,CAACY,OAAO,CAACE,qBAAqB,EAAE;QAC5D,MAAMC,WAAW,GAAGd,UAAU,CAACW,OAAO,CAACE,qBAAqB,EAAE;QAC9D,MAAME,WAAW,GAAGb,UAAU,CAACS,OAAO,CAACE,qBAAqB,EAAE;QAE9D,MAAMG,QAAQ,GAAGC,IAAAA,kBAAiB,kBAAA,EAChCL,UAAU,EACVE,WAAW,EACXC,WAAW,EACXlB,SAAS,CACV;QACDO,eAAe,CAACY,QAAQ,CAAC;IAC3B,CAAC,EAAE;QAACjB,SAAS;QAAEF,SAAS;QAAEU,WAAW;QAAEC,YAAY;KAAC,CAAC;IAErD,MAAMU,KAAK,GAAG;QACZ,GAAGtB,KAAK,CAACsB,KAAK;QACd,GAAGf,YAAY;KAChB;IAED,OAAO;QACLH,UAAU;QACVE,UAAU;QACVgB,KAAK;KACN,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/popover/usePopoverPosition.ts"],"sourcesContent":["import {\n  useRef,\n  useLayoutEffect,\n  useState,\n  CSSProperties,\n  RefObject,\n} from 'react'\nimport { useWindowSize } from '@lidofinance/hooks'\nimport { PopoverRootProps } from './types'\nimport { INITIAL_STYLE, DEFAULT_PLACEMENT } from './constants'\nimport { calculatePosition } from './calculatePosition'\n\nexport const usePopoverPosition = <\n  P extends HTMLDivElement,\n  W extends HTMLDivElement,\n>({\n  placement = DEFAULT_PLACEMENT,\n  anchorRef,\n  style: propsStyle,\n}: Pick<PopoverRootProps, 'placement' | 'anchorRef' | 'style'>): {\n  popoverRef: RefObject<P>\n  wrapperRef: RefObject<W>\n  style: CSSProperties\n} => {\n  const popoverRef = useRef<P>(null)\n  const wrapperRef = useRef<W>(null)\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLE)\n  const [windowWidth, windowHeight] = useWindowSize()\n\n  useLayoutEffect(() => {\n    if (!anchorRef.current || !popoverRef.current || !wrapperRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const popoverRect = popoverRef.current.getBoundingClientRect()\n    const wrapperRect = wrapperRef.current.getBoundingClientRect()\n\n    const position = calculatePosition(\n      anchorRect,\n      popoverRect,\n      wrapperRect,\n      placement,\n    )\n    setPopoverStyle(position)\n  }, [anchorRef, placement, windowWidth, windowHeight])\n\n  const style = {\n    ...propsStyle,\n    ...popoverStyle,\n  }\n\n  return {\n    popoverRef,\n    wrapperRef,\n    style,\n  }\n}\n"],"names":["usePopoverPosition","placement","DEFAULT_PLACEMENT","anchorRef","style","propsStyle","popoverRef","useRef","wrapperRef","popoverStyle","setPopoverStyle","useState","INITIAL_STYLE","windowWidth","windowHeight","useWindowSize","useLayoutEffect","current","anchorRect","getBoundingClientRect","popoverRect","wrapperRect","position","calculatePosition"],"mappings":"AAAA;;;;+BAYaA,oBAAkB;;aAAlBA,kBAAkB;;uBANxB,OAAO;uBACgB,gBAAoB;2BAED,aAAa;mCAC5B,qBAAqB;AAEhD,MAAMA,kBAAkB,GAAG,SAW7B;QARH,EACAC,SAAS,EAAGC,UAAiB,kBAAA,CAAA,EAC7BC,SAAS,CAAA,EACTC,KAAK,EAAEC,UAAU,CAAA,EAC2C;IAK5D,MAAMC,UAAU,GAAGC,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAClC,MAAMC,UAAU,GAAGD,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAElC,MAAM,CAACE,YAAY,EAAEC,eAAe,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAAgBC,UAAa,cAAA,CAAC;IAC9E,MAAM,CAACC,WAAW,EAAEC,YAAY,CAAC,GAAGC,IAAAA,MAAa,cAAA,GAAE;IAEnDC,IAAAA,MAAe,gBAAA,EAAC,IAAM;QACpB,IAAI,CAACb,SAAS,CAACc,OAAO,IAAI,CAACX,UAAU,CAACW,OAAO,IAAI,CAACT,UAAU,CAACS,OAAO,EAAE,OAAM;QAE5E,MAAMC,UAAU,GAAGf,SAAS,CAACc,OAAO,CAACE,qBAAqB,EAAE;QAC5D,MAAMC,WAAW,GAAGd,UAAU,CAACW,OAAO,CAACE,qBAAqB,EAAE;QAC9D,MAAME,WAAW,GAAGb,UAAU,CAACS,OAAO,CAACE,qBAAqB,EAAE;QAE9D,MAAMG,QAAQ,GAAGC,IAAAA,kBAAiB,kBAAA,EAChCL,UAAU,EACVE,WAAW,EACXC,WAAW,EACXpB,SAAS,CACV;QACDS,eAAe,CAACY,QAAQ,CAAC;IAC3B,CAAC,EAAE;QAACnB,SAAS;QAAEF,SAAS;QAAEY,WAAW;QAAEC,YAAY;KAAC,CAAC;IAErD,MAAMV,KAAK,GAAG;QACZ,GAAGC,UAAU;QACb,GAAGI,YAAY;KAChB;IAED,OAAO;QACLH,UAAU;QACVE,UAAU;QACVJ,KAAK;KACN,CAAA;AACH,CAAC"}

package/dist/cjs/popup-menu/PopupMenu.js

@@ -6,32 +6,36 @@ 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 _hooks = require("../hooks/index");
 const _popupMenuProvider = require("./PopupMenuProvider");
 const _popupMenuStyles = require("./PopupMenuStyles");
 const _usePopupFocus = require("./usePopupFocus");
-function PopupMenu(props, externalRef) {
-    const { variant , children , onKeyDown , onMouseMove , ...rest } = props;
-    const { ref: controlRef , handleMouseMove , handleKeyDown , handleEnter , handleExit ,  } = (0, _usePopupFocus.usePopupFocus)(props);
+function PopupMenu(param, externalRef) {
+    let { variant , children , onKeyDown , onMouseMove , ...rest } = param;
+    const { ref: controlRef , handleMouseMove , handleKeyDown , handleEnter , handleExit ,  } = (0, _usePopupFocus.usePopupFocus)({
+        onMouseMove,
+        onKeyDown
+    });
     const popupRef = (0, _hooks.useMergeRefs)([
         controlRef,
         externalRef
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_popupMenuStyles.PopupMenuStyle, _extends({
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_popupMenuStyles.PopupMenuStyle, {
         onMouseMove: handleMouseMove,
         onKeyDown: handleKeyDown,
         onEnter: handleEnter,
         onExit: handleExit,
         tabIndex: -1,
-        role: "listbox"
-    }, rest, {
-        ref: popupRef
-    }), /*#__PURE__*/ _react.default.createElement(_popupMenuProvider.PopupMenuProvider, {
-        variant: variant
-    }, children));
+        role: "listbox",
+        ...rest,
+        ref: popupRef,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_popupMenuProvider.PopupMenuProvider, {
+            variant: variant,
+            children: children
+        })
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(PopupMenu);
 

package/dist/cjs/popup-menu/PopupMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/PopupMenu.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { PopupMenuProvider } from './PopupMenuProvider'\nimport { PopupMenuStyle } from './PopupMenuStyles'\nimport { PopupMenuProps } from './types'\nimport { usePopupFocus } from './usePopupFocus'\n\nfunction PopupMenu(\n  props: PopupMenuProps,\n  externalRef?: ForwardedRef<HTMLDivElement>,\n) {\n  const { variant, children, onKeyDown, onMouseMove, ...rest } = props\n\n  const {\n    ref: controlRef,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  } = usePopupFocus(props)\n  const popupRef = useMergeRefs([controlRef, externalRef])\n\n  return (\n    <PopupMenuStyle\n      onMouseMove={handleMouseMove}\n      onKeyDown={handleKeyDown}\n      onEnter={handleEnter}\n      onExit={handleExit}\n      tabIndex={-1}\n      role='listbox'\n      {...rest}\n      ref={popupRef}\n    >\n      <PopupMenuProvider variant={variant}>{children}</PopupMenuProvider>\n    </PopupMenuStyle>\n  )\n}\n\nexport default forwardRef(PopupMenu)\n"],"names":["PopupMenu","props","externalRef","variant","children","onKeyDown","onMouseMove","rest","ref","controlRef","handleMouseMove","handleKeyDown","handleEnter","handleExit","usePopupFocus","popupRef","useMergeRefs","PopupMenuStyle","onEnter","onExit","tabIndex","role","PopupMenuProvider","forwardRef"],"mappings":"AAAA;;;;+BAsCA,SAAoC;;aAApC,QAAoC;;;;6DAtCY,OAAO;uBAC1B,gBAAoB;mCACf,qBAAqB;iCACxB,mBAAmB;+BAEpB,iBAAiB;AAE/C,SAASA,SAAS,CAChBC,KAAqB,EACrBC,WAA0C,EAC1C;IACA,MAAM,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAEC,SAAS,CAAA,EAAEC,WAAW,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGN,KAAK;IAEpE,MAAM,EACJO,GAAG,EAAEC,UAAU,CAAA,EACfC,eAAe,CAAA,EACfC,aAAa,CAAA,EACbC,WAAW,CAAA,EACXC,UAAU,CAAA,IACX,GAAGC,IAAAA,cAAa,cAAA,EAACb,KAAK,CAAC;IACxB,MAAMc,QAAQ,GAAGC,IAAAA,MAAY,aAAA,EAAC;QAACP,UAAU;QAAEP,WAAW;KAAC,CAAC;IAExD,qBACE,6BAACe,gBAAc,eAAA;QACbX,WAAW,EAAEI,eAAe;QAC5BL,SAAS,EAAEM,aAAa;QACxBO,OAAO,EAAEN,WAAW;QACpBO,MAAM,EAAEN,UAAU;QAClBO,QAAQ,EAAE,CAAC,CAAC;QACZC,IAAI,EAAC,SAAS;OACVd,IAAI;QACRC,GAAG,EAAEO,QAAQ;sBAEb,6BAACO,kBAAiB,kBAAA;QAACnB,OAAO,EAAEA,OAAO;OAAGC,QAAQ,CAAqB,CACpD,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBmB,IAAAA,MAAU,WAAA,EAACvB,SAAS,CAAC"}
+{"version":3,"sources":["../../../packages/popup-menu/PopupMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { PopupMenuProvider } from './PopupMenuProvider'\nimport { PopupMenuStyle } from './PopupMenuStyles'\nimport { PopupMenuProps } from './types'\nimport { usePopupFocus } from './usePopupFocus'\n\nfunction PopupMenu(\n  { variant, children, onKeyDown, onMouseMove, ...rest }: PopupMenuProps,\n  externalRef?: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    ref: controlRef,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  } = usePopupFocus({ onMouseMove, onKeyDown })\n  const popupRef = useMergeRefs([controlRef, externalRef])\n\n  return (\n    <PopupMenuStyle\n      onMouseMove={handleMouseMove}\n      onKeyDown={handleKeyDown}\n      onEnter={handleEnter}\n      onExit={handleExit}\n      tabIndex={-1}\n      role='listbox'\n      {...rest}\n      ref={popupRef}\n    >\n      <PopupMenuProvider variant={variant}>{children}</PopupMenuProvider>\n    </PopupMenuStyle>\n  )\n}\n\nexport default forwardRef(PopupMenu)\n"],"names":["PopupMenu","externalRef","variant","children","onKeyDown","onMouseMove","rest","ref","controlRef","handleMouseMove","handleKeyDown","handleEnter","handleExit","usePopupFocus","popupRef","useMergeRefs","PopupMenuStyle","onEnter","onExit","tabIndex","role","PopupMenuProvider","forwardRef"],"mappings":"AAAA;;;;+BAoCA,SAAoC;;aAApC,QAAoC;;;uBApCK,OAAO;uBACnB,gBAAoB;mCACf,qBAAqB;iCACxB,mBAAmB;+BAEpB,iBAAiB;AAE/C,SAASA,SAAS,CAChB,KAAsE,EACtEC,WAA0C,EAC1C;QAFA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAEC,SAAS,CAAA,EAAEC,WAAW,CAAA,EAAE,GAAGC,IAAI,EAAkB,GAAtE,KAAsE;IAGtE,MAAM,EACJC,GAAG,EAAEC,UAAU,CAAA,EACfC,eAAe,CAAA,EACfC,aAAa,CAAA,EACbC,WAAW,CAAA,EACXC,UAAU,CAAA,IACX,GAAGC,IAAAA,cAAa,cAAA,EAAC;QAAER,WAAW;QAAED,SAAS;KAAE,CAAC;IAC7C,MAAMU,QAAQ,GAAGC,IAAAA,MAAY,aAAA,EAAC;QAACP,UAAU;QAAEP,WAAW;KAAC,CAAC;IAExD,qBACE,qBAACe,gBAAc,eAAA;QACbX,WAAW,EAAEI,eAAe;QAC5BL,SAAS,EAAEM,aAAa;QACxBO,OAAO,EAAEN,WAAW;QACpBO,MAAM,EAAEN,UAAU;QAClBO,QAAQ,EAAE,CAAC,CAAC;QACZC,IAAI,EAAC,SAAS;QACb,GAAGd,IAAI;QACRC,GAAG,EAAEO,QAAQ;kBAEb,cAAA,qBAACO,kBAAiB,kBAAA;YAACnB,OAAO,EAAEA,OAAO;sBAAGC,QAAQ;UAAqB;MACpD,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBmB,IAAAA,MAAU,WAAA,EAACtB,SAAS,CAAC"}

package/dist/cjs/popup-menu/PopupMenuItem.js

@@ -6,25 +6,34 @@ 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 _popupMenuItemStyles = require("./PopupMenuItemStyles");
 const _popupMenuProvider = require("./PopupMenuProvider");
-function PopupMenuItem(props, ref) {
-    const { active =false , leftDecorator , rightDecorator , children , ...rest } = props;
+function PopupMenuItem(param, ref) {
+    let { active =false , leftDecorator , rightDecorator , children , ...rest } = param;
     const { variant ='default'  } = (0, _popupMenuProvider.usePopupMenuContext)();
     const hasLeftDecorator = !!leftDecorator;
     const hasRightDecorator = !!rightDecorator;
-    return /*#__PURE__*/ _react.default.createElement(_popupMenuItemStyles.PopupMenuItemStyle, _extends({
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_popupMenuItemStyles.PopupMenuItemStyle, {
         $active: active,
         role: "option",
-        "aria-selected": active
-    }, rest, {
-        ref: ref
-    }), hasLeftDecorator && /*#__PURE__*/ _react.default.createElement(_popupMenuItemStyles.PopupMenuItemLeftDecoratorStyle, null, leftDecorator), /*#__PURE__*/ _react.default.createElement(_popupMenuItemStyles.PopupMenuItemContentStyle, {
-        $variant: variant
-    }, children), hasRightDecorator && /*#__PURE__*/ _react.default.createElement(_popupMenuItemStyles.PopupMenuItemRightDecoratorStyle, null, rightDecorator));
+        "aria-selected": active,
+        ...rest,
+        ref: ref,
+        children: [
+            hasLeftDecorator && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_popupMenuItemStyles.PopupMenuItemLeftDecoratorStyle, {
+                children: leftDecorator
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_popupMenuItemStyles.PopupMenuItemContentStyle, {
+                $variant: variant,
+                children: children
+            }),
+            hasRightDecorator && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_popupMenuItemStyles.PopupMenuItemRightDecoratorStyle, {
+                children: rightDecorator
+            })
+        ]
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(PopupMenuItem);
 

package/dist/cjs/popup-menu/PopupMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/PopupMenuItem.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  PopupMenuItemStyle,\n  PopupMenuItemContentStyle,\n  PopupMenuItemLeftDecoratorStyle,\n  PopupMenuItemRightDecoratorStyle,\n} from './PopupMenuItemStyles'\nimport { usePopupMenuContext } from './PopupMenuProvider'\nimport { PopupMenuItemProps } from './types'\n\nfunction PopupMenuItem(\n  props: PopupMenuItemProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const {\n    active = false,\n    leftDecorator,\n    rightDecorator,\n    children,\n    ...rest\n  } = props\n  const { variant = 'default' } = usePopupMenuContext()\n\n  const hasLeftDecorator = !!leftDecorator\n  const hasRightDecorator = !!rightDecorator\n\n  return (\n    <PopupMenuItemStyle\n      $active={active}\n      role='option'\n      aria-selected={active}\n      {...rest}\n      ref={ref}\n    >\n      {hasLeftDecorator && (\n        <PopupMenuItemLeftDecoratorStyle>\n          {leftDecorator}\n        </PopupMenuItemLeftDecoratorStyle>\n      )}\n\n      <PopupMenuItemContentStyle $variant={variant}>\n        {children}\n      </PopupMenuItemContentStyle>\n\n      {hasRightDecorator && (\n        <PopupMenuItemRightDecoratorStyle>\n          {rightDecorator}\n        </PopupMenuItemRightDecoratorStyle>\n      )}\n    </PopupMenuItemStyle>\n  )\n}\n\nexport default forwardRef(PopupMenuItem)\n"],"names":["PopupMenuItem","props","ref","active","leftDecorator","rightDecorator","children","rest","variant","usePopupMenuContext","hasLeftDecorator","hasRightDecorator","PopupMenuItemStyle","$active","role","aria-selected","PopupMenuItemLeftDecoratorStyle","PopupMenuItemContentStyle","$variant","PopupMenuItemRightDecoratorStyle","forwardRef"],"mappings":"AAAA;;;;+BAqDA,SAAwC;;aAAxC,QAAwC;;;;6DArDQ,OAAO;qCAMhD,uBAAuB;mCACM,qBAAqB;AAGzD,SAASA,aAAa,CACpBC,KAAyB,EACzBC,GAAqC,EACrC;IACA,MAAM,EACJC,MAAM,EAAG,KAAK,CAAA,EACdC,aAAa,CAAA,EACbC,cAAc,CAAA,EACdC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGN,KAAK;IACT,MAAM,EAAEO,OAAO,EAAG,SAAS,CAAA,EAAE,GAAGC,IAAAA,kBAAmB,oBAAA,GAAE;IAErD,MAAMC,gBAAgB,GAAG,CAAC,CAACN,aAAa;IACxC,MAAMO,iBAAiB,GAAG,CAAC,CAACN,cAAc;IAE1C,qBACE,6BAACO,oBAAkB,mBAAA;QACjBC,OAAO,EAAEV,MAAM;QACfW,IAAI,EAAC,QAAQ;QACbC,eAAa,EAAEZ,MAAM;OACjBI,IAAI;QACRL,GAAG,EAAEA,GAAG;QAEPQ,gBAAgB,kBACf,6BAACM,oBAA+B,gCAAA,QAC7BZ,aAAa,CACkB,AACnC,gBAED,6BAACa,oBAAyB,0BAAA;QAACC,QAAQ,EAAEV,OAAO;OACzCF,QAAQ,CACiB,EAE3BK,iBAAiB,kBAChB,6BAACQ,oBAAgC,iCAAA,QAC9Bd,cAAc,CACkB,AACpC,CACkB,CACtB;AACH,CAAC;MAED,QAAwC,iBAAzBe,IAAAA,MAAU,WAAA,EAACpB,aAAa,CAAC"}
+{"version":3,"sources":["../../../packages/popup-menu/PopupMenuItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  PopupMenuItemStyle,\n  PopupMenuItemContentStyle,\n  PopupMenuItemLeftDecoratorStyle,\n  PopupMenuItemRightDecoratorStyle,\n} from './PopupMenuItemStyles'\nimport { usePopupMenuContext } from './PopupMenuProvider'\nimport { PopupMenuItemProps } from './types'\n\nfunction PopupMenuItem(\n  {\n    active = false,\n    leftDecorator,\n    rightDecorator,\n    children,\n    ...rest\n  }: PopupMenuItemProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const { variant = 'default' } = usePopupMenuContext()\n\n  const hasLeftDecorator = !!leftDecorator\n  const hasRightDecorator = !!rightDecorator\n\n  return (\n    <PopupMenuItemStyle\n      $active={active}\n      role='option'\n      aria-selected={active}\n      {...rest}\n      ref={ref}\n    >\n      {hasLeftDecorator && (\n        <PopupMenuItemLeftDecoratorStyle>\n          {leftDecorator}\n        </PopupMenuItemLeftDecoratorStyle>\n      )}\n\n      <PopupMenuItemContentStyle $variant={variant}>\n        {children}\n      </PopupMenuItemContentStyle>\n\n      {hasRightDecorator && (\n        <PopupMenuItemRightDecoratorStyle>\n          {rightDecorator}\n        </PopupMenuItemRightDecoratorStyle>\n      )}\n    </PopupMenuItemStyle>\n  )\n}\n\nexport default forwardRef(PopupMenuItem)\n"],"names":["PopupMenuItem","ref","active","leftDecorator","rightDecorator","children","rest","variant","usePopupMenuContext","hasLeftDecorator","hasRightDecorator","PopupMenuItemStyle","$active","role","aria-selected","PopupMenuItemLeftDecoratorStyle","PopupMenuItemContentStyle","$variant","PopupMenuItemRightDecoratorStyle","forwardRef"],"mappings":"AAAA;;;;+BAoDA,SAAwC;;aAAxC,QAAwC;;;uBApDC,OAAO;qCAMzC,uBAAuB;mCACM,qBAAqB;AAGzD,SAASA,aAAa,CACpB,KAMqB,EACrBC,GAAqC,EACrC;QARA,EACEC,MAAM,EAAG,KAAK,CAAA,EACdC,aAAa,CAAA,EACbC,cAAc,CAAA,EACdC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACY,GANrB,KAMqB;IAGrB,MAAM,EAAEC,OAAO,EAAG,SAAS,CAAA,EAAE,GAAGC,IAAAA,kBAAmB,oBAAA,GAAE;IAErD,MAAMC,gBAAgB,GAAG,CAAC,CAACN,aAAa;IACxC,MAAMO,iBAAiB,GAAG,CAAC,CAACN,cAAc;IAE1C,qBACE,sBAACO,oBAAkB,mBAAA;QACjBC,OAAO,EAAEV,MAAM;QACfW,IAAI,EAAC,QAAQ;QACbC,eAAa,EAAEZ,MAAM;QACpB,GAAGI,IAAI;QACRL,GAAG,EAAEA,GAAG;;YAEPQ,gBAAgB,kBACf,qBAACM,oBAA+B,gCAAA;0BAC7BZ,aAAa;cACkB,AACnC;0BAED,qBAACa,oBAAyB,0BAAA;gBAACC,QAAQ,EAAEV,OAAO;0BACzCF,QAAQ;cACiB;YAE3BK,iBAAiB,kBAChB,qBAACQ,oBAAgC,iCAAA;0BAC9Bd,cAAc;cACkB,AACpC;;MACkB,CACtB;AACH,CAAC;MAED,QAAwC,iBAAzBe,IAAAA,MAAU,WAAA,EAACnB,aAAa,CAAC"}

package/dist/cjs/popup-menu/PopupMenuProvider.js

@@ -12,20 +12,20 @@ _export(exports, {
     usePopupMenuContext: ()=>usePopupMenuContext,
     PopupMenuProvider: ()=>PopupMenuProvider
 });
-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 Context = /*#__PURE__*/ (0, _react.createContext)({});
 const usePopupMenuContext = ()=>{
     return (0, _react.useContext)(Context);
 };
-const PopupMenuProvider = (props)=>{
-    const { variant , ...rest } = props;
-    return /*#__PURE__*/ _react.default.createElement(Context.Provider, _extends({
+const PopupMenuProvider = (param)=>{
+    let { variant , ...rest } = param;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(Context.Provider, {
         value: {
             variant
-        }
-    }, rest));
+        },
+        ...rest
+    });
 };
 
 //# sourceMappingURL=PopupMenuProvider.js.map

package/dist/cjs/popup-menu/PopupMenuProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/PopupMenuProvider.tsx"],"sourcesContent":["import React, { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { PopupMenuVariants } from './types'\n\nexport interface PopupMenuContext {\n  variant?: PopupMenuVariants\n}\n\nconst Context = createContext({} as PopupMenuContext)\n\nexport const usePopupMenuContext = (): PopupMenuContext => {\n  return useContext(Context)\n}\n\nexport const PopupMenuProvider: FC<PropsWithChildren<PopupMenuContext>> = (\n  props,\n) => {\n  const { variant, ...rest } = props\n\n  return <Context.Provider value={{ variant }} {...rest} />\n}\n"],"names":["usePopupMenuContext","PopupMenuProvider","Context","createContext","useContext","props","variant","rest","Provider","value"],"mappings":"AAAA;;;;;;;;;;;IASaA,mBAAmB,MAAnBA,mBAAmB;IAInBC,iBAAiB,MAAjBA,iBAAiB;;;;6DAb0C,OAAO;AAO/E,MAAMC,OAAO,iBAAGC,IAAAA,MAAa,cAAA,EAAC,EAAE,CAAqB;AAE9C,MAAMH,mBAAmB,GAAG,IAAwB;IACzD,OAAOI,IAAAA,MAAU,WAAA,EAACF,OAAO,CAAC,CAAA;AAC5B,CAAC;AAEM,MAAMD,iBAAiB,GAA4C,CACxEI,KAAK,GACF;IACH,MAAM,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGF,KAAK;IAElC,qBAAO,6BAACH,OAAO,CAACM,QAAQ;QAACC,KAAK,EAAE;YAAEH,OAAO;SAAE;OAAMC,IAAI,EAAI,CAAA;AAC3D,CAAC"}
+{"version":3,"sources":["../../../packages/popup-menu/PopupMenuProvider.tsx"],"sourcesContent":["import { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { PopupMenuVariants } from './types'\n\nexport interface PopupMenuContext {\n  variant?: PopupMenuVariants\n}\n\nconst Context = createContext({} as PopupMenuContext)\n\nexport const usePopupMenuContext = (): PopupMenuContext => {\n  return useContext(Context)\n}\n\nexport const PopupMenuProvider: FC<PropsWithChildren<PopupMenuContext>> = ({\n  variant,\n  ...rest\n}) => {\n  return <Context.Provider value={{ variant }} {...rest} />\n}\n"],"names":["usePopupMenuContext","PopupMenuProvider","Context","createContext","useContext","variant","rest","Provider","value"],"mappings":"AAAA;;;;;;;;;;;IASaA,mBAAmB,MAAnBA,mBAAmB;IAInBC,iBAAiB,MAAjBA,iBAAiB;;;uBAbmC,OAAO;AAOxE,MAAMC,OAAO,iBAAGC,IAAAA,MAAa,cAAA,EAAC,EAAE,CAAqB;AAE9C,MAAMH,mBAAmB,GAAG,IAAwB;IACzD,OAAOI,IAAAA,MAAU,WAAA,EAACF,OAAO,CAAC,CAAA;AAC5B,CAAC;AAEM,MAAMD,iBAAiB,GAA4C,SAGpE;QAHqE,EACzEI,OAAO,CAAA,EACP,GAAGC,IAAI,EACR;IACC,qBAAO,qBAACJ,OAAO,CAACK,QAAQ;QAACC,KAAK,EAAE;YAAEH,OAAO;SAAE;QAAG,GAAGC,IAAI;MAAI,CAAA;AAC3D,CAAC"}

package/dist/cjs/popup-menu/types.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "PopupMenuVariant", {
     enumerable: true,
     get: ()=>PopupMenuVariant
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 var PopupMenuVariant;
 (function(PopupMenuVariant) {
     PopupMenuVariant[PopupMenuVariant["small"] = 0] = "small";

package/dist/cjs/popup-menu/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { PopoverProps } from '@lidofinance/popover'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum PopupMenuVariant {\n  small,\n  default,\n}\nexport type PopupMenuVariants = keyof typeof PopupMenuVariant\n\nexport type PopupMenuProps = {\n  variant?: PopupMenuVariants\n} & PopoverProps\n\nexport type PopupMenuItemProps = LidoComponentProps<\n  'button',\n  {\n    leftDecorator?: React.ReactNode\n    rightDecorator?: React.ReactNode\n    active?: boolean\n  }\n>\n"],"names":["PopupMenuVariant","small","default"],"mappings":"AAAA;;;;;;;;;4DAEkB,OAAO;IAGlB,gBAGN;UAHWA,gBAAgB;IAAhBA,gBAAgB,CAAhBA,gBAAgB,CAC1BC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,gBAAgB,CAAhBA,gBAAgB,CAE1BE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,gBAAgB,KAAhBA,gBAAgB"}
+{"version":3,"sources":["../../../packages/popup-menu/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { PopoverProps } from '@lidofinance/popover'\nimport { ReactNode } from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum PopupMenuVariant {\n  small,\n  default,\n}\nexport type PopupMenuVariants = keyof typeof PopupMenuVariant\n\nexport type PopupMenuProps = {\n  variant?: PopupMenuVariants\n} & PopoverProps\n\nexport type PopupMenuItemProps = LidoComponentProps<\n  'button',\n  {\n    leftDecorator?: ReactNode\n    rightDecorator?: ReactNode\n    active?: boolean\n  }\n>\n"],"names":["PopupMenuVariant","small","default"],"mappings":"AAAA;;;;;;;;IAKO,gBAGN;UAHWA,gBAAgB;IAAhBA,gBAAgB,CAAhBA,gBAAgB,CAC1BC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,gBAAgB,CAAhBA,gBAAgB,CAE1BE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,gBAAgB,KAAhBA,gBAAgB"}

package/dist/cjs/popup-menu/usePopupFocus.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "usePopupFocus", {
     enumerable: true,
     get: ()=>usePopupFocus
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = require("react");
 const _hooks = require("../hooks/index");
 const _constants = require("./constants");
-const usePopupFocus = (props)=>{
-    const { onMouseMove , onKeyDown  } = props;
+const usePopupFocus = (param)=>{
+    let { onMouseMove , onKeyDown  } = param;
     const ref = (0, _react.useRef)(null);
     const getFocusableNodes = (0, _react.useCallback)(()=>{
         var ref1;

package/dist/cjs/popup-menu/usePopupFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/usePopupFocus.ts"],"sourcesContent":["import React, { useCallback, useRef } from 'react'\nimport { useInterceptFocus } from '@lidofinance/hooks'\nimport { FOCUSABLE_ELEMENTS } from './constants'\nimport { PopupMenuProps } from './types'\n\nexport const usePopupFocus = <T extends HTMLDivElement>(\n  props: PopupMenuProps,\n): {\n  ref: React.RefObject<T>\n  handleMouseMove: React.MouseEventHandler<T>\n  handleKeyDown: React.KeyboardEventHandler<T>\n  handleEnter: () => void\n  handleExit: () => void\n} => {\n  const { onMouseMove, onKeyDown } = props\n  const ref = useRef<T>(null)\n\n  const getFocusableNodes = useCallback(() => {\n    const nodes =\n      ref.current?.querySelectorAll(FOCUSABLE_ELEMENTS.join(',')) ?? []\n\n    return Array.from(nodes).filter(\n      (node): node is HTMLElement =>\n        node && node instanceof HTMLElement && node.offsetParent !== null,\n    )\n  }, [])\n\n  const handleFocusTo = useCallback(\n    (event: React.KeyboardEvent<T>, offset = 1) => {\n      const focusableNodes = getFocusableNodes()\n\n      if (focusableNodes.length === 0) return\n\n      const currentElement = document.activeElement\n      const focusedItemIndex =\n        currentElement instanceof HTMLElement\n          ? focusableNodes.indexOf(currentElement)\n          : -1\n\n      const activeItemIndex = focusableNodes.findIndex(\n        (node) => node.getAttribute('aria-selected') === 'true',\n      )\n\n      const currentIndex =\n        focusedItemIndex === -1 ? activeItemIndex : focusedItemIndex\n\n      let nextIndex = currentIndex + offset\n      if (nextIndex < 0) nextIndex = focusableNodes.length - 1\n      if (nextIndex >= focusableNodes.length) nextIndex = 0\n\n      focusableNodes[nextIndex].focus()\n      event.preventDefault()\n    },\n    [getFocusableNodes],\n  )\n\n  const handleMouseMove: React.MouseEventHandler<T> = useCallback(\n    (event) => {\n      onMouseMove?.(event)\n\n      const { target } = event\n      if (!(target instanceof HTMLElement)) return\n\n      const focusableNodes = getFocusableNodes()\n      const overed = target.closest(FOCUSABLE_ELEMENTS.join(','))\n\n      if (!(overed instanceof HTMLElement)) return\n\n      const isNotFocusable = !focusableNodes.includes(overed)\n      const isActive = overed === document.activeElement\n\n      if (isActive || isNotFocusable) return\n\n      overed.focus()\n    },\n    [getFocusableNodes, onMouseMove],\n  )\n\n  const handleKeyDown: React.KeyboardEventHandler<T> = useCallback(\n    (event) => {\n      onKeyDown?.(event)\n      const code = event.code ?? event.key\n\n      if (code === 'Tab') event.preventDefault()\n      if (code === 'ArrowDown') handleFocusTo(event, +1)\n      if (code === 'ArrowUp') handleFocusTo(event, -1)\n    },\n    [handleFocusTo, onKeyDown],\n  )\n\n  const [interceptFocus, restoreFocus] = useInterceptFocus()\n\n  const handleEnter = useCallback(() => {\n    if (ref.current) interceptFocus(ref.current)\n  }, [interceptFocus])\n\n  const handleExit = useCallback(() => {\n    restoreFocus()\n  }, [restoreFocus])\n\n  return {\n    ref,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  }\n}\n"],"names":["usePopupFocus","props","onMouseMove","onKeyDown","ref","useRef","getFocusableNodes","useCallback","nodes","current","querySelectorAll","FOCUSABLE_ELEMENTS","join","Array","from","filter","node","HTMLElement","offsetParent","handleFocusTo","event","offset","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","activeItemIndex","findIndex","getAttribute","currentIndex","nextIndex","focus","preventDefault","handleMouseMove","target","overed","closest","isNotFocusable","includes","isActive","handleKeyDown","code","key","interceptFocus","restoreFocus","useInterceptFocus","handleEnter","handleExit"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/popup-menu/usePopupFocus.ts"],"sourcesContent":["import {\n  KeyboardEvent,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  RefObject,\n  useCallback,\n  useRef,\n} from 'react'\nimport { useInterceptFocus } from '@lidofinance/hooks'\nimport { FOCUSABLE_ELEMENTS } from './constants'\nimport { PopupMenuProps } from './types'\n\nexport const usePopupFocus = <T extends HTMLDivElement>({\n  onMouseMove,\n  onKeyDown,\n}: Pick<PopupMenuProps, 'onMouseMove' | 'onKeyDown'>): {\n  ref: RefObject<T>\n  handleMouseMove: MouseEventHandler<T>\n  handleKeyDown: KeyboardEventHandler<T>\n  handleEnter: () => void\n  handleExit: () => void\n} => {\n  const ref = useRef<T>(null)\n\n  const getFocusableNodes = useCallback(() => {\n    const nodes =\n      ref.current?.querySelectorAll(FOCUSABLE_ELEMENTS.join(',')) ?? []\n\n    return Array.from(nodes).filter(\n      (node): node is HTMLElement =>\n        node && node instanceof HTMLElement && node.offsetParent !== null,\n    )\n  }, [])\n\n  const handleFocusTo = useCallback(\n    (event: KeyboardEvent<T>, offset = 1) => {\n      const focusableNodes = getFocusableNodes()\n\n      if (focusableNodes.length === 0) return\n\n      const currentElement = document.activeElement\n      const focusedItemIndex =\n        currentElement instanceof HTMLElement\n          ? focusableNodes.indexOf(currentElement)\n          : -1\n\n      const activeItemIndex = focusableNodes.findIndex(\n        (node) => node.getAttribute('aria-selected') === 'true',\n      )\n\n      const currentIndex =\n        focusedItemIndex === -1 ? activeItemIndex : focusedItemIndex\n\n      let nextIndex = currentIndex + offset\n      if (nextIndex < 0) nextIndex = focusableNodes.length - 1\n      if (nextIndex >= focusableNodes.length) nextIndex = 0\n\n      focusableNodes[nextIndex].focus()\n      event.preventDefault()\n    },\n    [getFocusableNodes],\n  )\n\n  const handleMouseMove: MouseEventHandler<T> = useCallback(\n    (event) => {\n      onMouseMove?.(event)\n\n      const { target } = event\n      if (!(target instanceof HTMLElement)) return\n\n      const focusableNodes = getFocusableNodes()\n      const overed = target.closest(FOCUSABLE_ELEMENTS.join(','))\n\n      if (!(overed instanceof HTMLElement)) return\n\n      const isNotFocusable = !focusableNodes.includes(overed)\n      const isActive = overed === document.activeElement\n\n      if (isActive || isNotFocusable) return\n\n      overed.focus()\n    },\n    [getFocusableNodes, onMouseMove],\n  )\n\n  const handleKeyDown: KeyboardEventHandler<T> = useCallback(\n    (event) => {\n      onKeyDown?.(event)\n      const code = event.code ?? event.key\n\n      if (code === 'Tab') event.preventDefault()\n      if (code === 'ArrowDown') handleFocusTo(event, +1)\n      if (code === 'ArrowUp') handleFocusTo(event, -1)\n    },\n    [handleFocusTo, onKeyDown],\n  )\n\n  const [interceptFocus, restoreFocus] = useInterceptFocus()\n\n  const handleEnter = useCallback(() => {\n    if (ref.current) interceptFocus(ref.current)\n  }, [interceptFocus])\n\n  const handleExit = useCallback(() => {\n    restoreFocus()\n  }, [restoreFocus])\n\n  return {\n    ref,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  }\n}\n"],"names":["usePopupFocus","onMouseMove","onKeyDown","ref","useRef","getFocusableNodes","useCallback","nodes","current","querySelectorAll","FOCUSABLE_ELEMENTS","join","Array","from","filter","node","HTMLElement","offsetParent","handleFocusTo","event","offset","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","activeItemIndex","findIndex","getAttribute","currentIndex","nextIndex","focus","preventDefault","handleMouseMove","target","overed","closest","isNotFocusable","includes","isActive","handleKeyDown","code","key","interceptFocus","restoreFocus","useInterceptFocus","handleEnter","handleExit"],"mappings":"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"}

package/dist/cjs/section/Section.js

@@ -6,15 +6,28 @@ 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 _sectionStyles = require("./SectionStyles");
-function Section(props, ref) {
-    const { title , headerDecorator , children , ...rest } = props;
-    return /*#__PURE__*/ _react.default.createElement(_sectionStyles.SectionStyle, _extends({}, rest, {
-        ref: ref
-    }), title && /*#__PURE__*/ _react.default.createElement(_sectionStyles.SectionHeaderStyle, null, /*#__PURE__*/ _react.default.createElement(_sectionStyles.SectionTitleStyle, null, title), headerDecorator && /*#__PURE__*/ _react.default.createElement(_sectionStyles.SectionHeaderDecoratorStyle, null, headerDecorator)), children);
+function Section(param, ref) {
+    let { title , headerDecorator , children , ...rest } = param;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_sectionStyles.SectionStyle, {
+        ...rest,
+        ref: ref,
+        children: [
+            title && /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_sectionStyles.SectionHeaderStyle, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_sectionStyles.SectionTitleStyle, {
+                        children: title
+                    }),
+                    headerDecorator && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_sectionStyles.SectionHeaderDecoratorStyle, {
+                        children: headerDecorator
+                    })
+                ]
+            }),
+            children
+        ]
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Section);
 

package/dist/cjs/section/Section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/section/Section.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { SectionProps } from './types'\nimport {\n  SectionStyle,\n  SectionHeaderStyle,\n  SectionTitleStyle,\n  SectionHeaderDecoratorStyle,\n} from './SectionStyles'\n\nfunction Section(props: SectionProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { title, headerDecorator, children, ...rest } = props\n\n  return (\n    <SectionStyle {...rest} ref={ref}>\n      {title && (\n        <SectionHeaderStyle>\n          <SectionTitleStyle>{title}</SectionTitleStyle>\n          {headerDecorator && (\n            <SectionHeaderDecoratorStyle>\n              {headerDecorator}\n            </SectionHeaderDecoratorStyle>\n          )}\n        </SectionHeaderStyle>\n      )}\n      {children}\n    </SectionStyle>\n  )\n}\n\nexport default forwardRef(Section)\n"],"names":["Section","props","ref","title","headerDecorator","children","rest","SectionStyle","SectionHeaderStyle","SectionTitleStyle","SectionHeaderDecoratorStyle","forwardRef"],"mappings":"AAAA;;;;+BA6BA,SAAkC;;aAAlC,QAAkC;;;;6DA7Bc,OAAO;+BAOhD,iBAAiB;AAExB,SAASA,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,KAAK,CAAA,EAAEC,eAAe,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAE3D,qBACE,6BAACM,cAAY,aAAA,eAAKD,IAAI;QAAEJ,GAAG,EAAEA,GAAG;QAC7BC,KAAK,kBACJ,6BAACK,cAAkB,mBAAA,sBACjB,6BAACC,cAAiB,kBAAA,QAAEN,KAAK,CAAqB,EAC7CC,eAAe,kBACd,6BAACM,cAA2B,4BAAA,QACzBN,eAAe,CACY,AAC/B,CACkB,AACtB,EACAC,QAAQ,CACI,CAChB;AACH,CAAC;MAED,QAAkC,iBAAnBM,IAAAA,MAAU,WAAA,EAACX,OAAO,CAAC"}
+{"version":3,"sources":["../../../packages/section/Section.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { SectionProps } from './types'\nimport {\n  SectionStyle,\n  SectionHeaderStyle,\n  SectionTitleStyle,\n  SectionHeaderDecoratorStyle,\n} from './SectionStyles'\n\nfunction Section(\n  { title, headerDecorator, children, ...rest }: SectionProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <SectionStyle {...rest} ref={ref}>\n      {title && (\n        <SectionHeaderStyle>\n          <SectionTitleStyle>{title}</SectionTitleStyle>\n          {headerDecorator && (\n            <SectionHeaderDecoratorStyle>\n              {headerDecorator}\n            </SectionHeaderDecoratorStyle>\n          )}\n        </SectionHeaderStyle>\n      )}\n      {children}\n    </SectionStyle>\n  )\n}\n\nexport default forwardRef(Section)\n"],"names":["Section","ref","title","headerDecorator","children","rest","SectionStyle","SectionHeaderStyle","SectionTitleStyle","SectionHeaderDecoratorStyle","forwardRef"],"mappings":"AAAA;;;;+BA8BA,SAAkC;;aAAlC,QAAkC;;;uBA9BO,OAAO;+BAOzC,iBAAiB;AAExB,SAASA,OAAO,CACd,KAA2D,EAC3DC,GAAkC,EAClC;QAFA,EAAEC,KAAK,CAAA,EAAEC,eAAe,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAgB,GAA3D,KAA2D;IAG3D,qBACE,sBAACC,cAAY,aAAA;QAAE,GAAGD,IAAI;QAAEJ,GAAG,EAAEA,GAAG;;YAC7BC,KAAK,kBACJ,sBAACK,cAAkB,mBAAA;;kCACjB,qBAACC,cAAiB,kBAAA;kCAAEN,KAAK;sBAAqB;oBAC7CC,eAAe,kBACd,qBAACM,cAA2B,4BAAA;kCACzBN,eAAe;sBACY,AAC/B;;cACkB,AACtB;YACAC,QAAQ;;MACI,CAChB;AACH,CAAC;MAED,QAAkC,iBAAnBM,IAAAA,MAAU,WAAA,EAACV,OAAO,CAAC"}

package/dist/cjs/section/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/section/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/section/types.ts"],"sourcesContent":["import React from 'react'\nimport { LidoComponentProps } from '@lidofinance/utils'\n\nexport type SectionProps = LidoComponentProps<\n  'div',\n  {\n    title?: React.ReactNode\n    headerDecorator?: React.ReactNode\n  }\n>\n"],"names":[],"mappings":"AAAA;;;;;4DAAkB,OAAO"}
+{"version":3,"sources":["../../../packages/section/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { ReactNode } from 'react'\n\nexport type SectionProps = LidoComponentProps<\n  'div',\n  {\n    title?: ReactNode\n    headerDecorator?: ReactNode\n  }\n>\n"],"names":[],"mappings":"AAAA"}

package/dist/cjs/select/Option.js

@@ -6,12 +6,11 @@ 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 _popupMenu = require("../popup-menu/index");
-function Option(props, ref) {
-    const { value , onClick , onChange , ...rest } = props;
+function Option(param, ref) {
+    let { value , onClick , onChange , ...rest } = param;
     const handleClick = (0, _react.useCallback)((event)=>{
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
         onClick === null || onClick === void 0 ? void 0 : onClick(event);
@@ -20,10 +19,11 @@ function Option(props, ref) {
         onChange,
         onClick
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_popupMenu.PopupMenuItem, _extends({
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_popupMenu.PopupMenuItem, {
         onClick: handleClick,
-        ref: ref
-    }, rest));
+        ref: ref,
+        ...rest
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Option);
 

package/dist/cjs/select/Option.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/Option.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useCallback } from 'react'\nimport { PopupMenuItem } from '@lidofinance/popup-menu'\nimport { OptionProps } from './types'\n\nfunction Option(props: OptionProps, ref?: ForwardedRef<HTMLButtonElement>) {\n  const { value, onClick, onChange, ...rest } = props\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onChange?.(value)\n      onClick?.(event)\n    },\n    [value, onChange, onClick],\n  )\n\n  return <PopupMenuItem onClick={handleClick} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Option)\n"],"names":["Option","props","ref","value","onClick","onChange","rest","handleClick","useCallback","event","PopupMenuItem","forwardRef"],"mappings":"AAAA;;;;+BAkBA,SAAiC;;aAAjC,QAAiC;;;;6DAlB4B,OAAO;2BACtC,qBAAyB;AAGvD,SAASA,MAAM,CAACC,KAAkB,EAAEC,GAAqC,EAAE;IACzE,MAAM,EAAEC,KAAK,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAEnD,MAAMM,WAAW,GAAGC,IAAAA,MAAW,YAAA,EAC7B,CAACC,KAA0C,GAAK;QAC9CJ,QAAQ,aAARA,QAAQ,WAAS,GAAjBA,KAAAA,CAAiB,GAAjBA,QAAQ,CAAGF,KAAK,CAAC,CAAA;QACjBC,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGK,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACN,KAAK;QAAEE,QAAQ;QAAED,OAAO;KAAC,CAC3B;IAED,qBAAO,6BAACM,UAAa,cAAA;QAACN,OAAO,EAAEG,WAAW;QAAEL,GAAG,EAAEA,GAAG;OAAMI,IAAI,EAAI,CAAA;AACpE,CAAC;MAED,QAAiC,iBAAlBK,IAAAA,MAAU,WAAA,EAACX,MAAM,CAAC"}
+{"version":3,"sources":["../../../packages/select/Option.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, MouseEvent, useCallback } from 'react'\nimport { PopupMenuItem } from '@lidofinance/popup-menu'\nimport { OptionProps } from './types'\n\nfunction Option(\n  { value, onClick, onChange, ...rest }: OptionProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      onChange?.(value)\n      onClick?.(event)\n    },\n    [value, onChange, onClick],\n  )\n\n  return <PopupMenuItem onClick={handleClick} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Option)\n"],"names":["Option","ref","value","onClick","onChange","rest","handleClick","useCallback","event","PopupMenuItem","forwardRef"],"mappings":"AAAA;;;;+BAmBA,SAAiC;;aAAjC,QAAiC;;;uBAnBiC,OAAO;2BAC3C,qBAAyB;AAGvD,SAASA,MAAM,CACb,KAAkD,EAClDC,GAAqC,EACrC;QAFA,EAAEC,KAAK,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAe,GAAlD,KAAkD;IAGlD,MAAMC,WAAW,GAAGC,IAAAA,MAAW,YAAA,EAC7B,CAACC,KAAoC,GAAK;QACxCJ,QAAQ,aAARA,QAAQ,WAAS,GAAjBA,KAAAA,CAAiB,GAAjBA,QAAQ,CAAGF,KAAK,CAAC,CAAA;QACjBC,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGK,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACN,KAAK;QAAEE,QAAQ;QAAED,OAAO;KAAC,CAC3B;IAED,qBAAO,qBAACM,UAAa,cAAA;QAACN,OAAO,EAAEG,WAAW;QAAEL,GAAG,EAAEA,GAAG;QAAG,GAAGI,IAAI;MAAI,CAAA;AACpE,CAAC;MAED,QAAiC,iBAAlBK,IAAAA,MAAU,WAAA,EAACV,MAAM,CAAC"}

package/dist/cjs/select/Select.js

@@ -6,50 +6,62 @@ 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 _selectStyles = require("./SelectStyles");
 const _selectArrow = require("./SelectArrow");
 const _hooks = require("../hooks/index");
 const _popupMenu = require("../popup-menu/index");
 const _useSelect = require("./useSelect");
 const _useSelectWidth = require("./useSelectWidth");
-function Select(props, ref) {
-    const { wrapperRef: externalWrapperRef , anchorRef: externalAnchorRef , arrow ='default' , variant , value , defaultValue , children , onChange , ...rest } = props;
-    const { disabled  } = props;
+function Select(param, ref) {
+    let { wrapperRef: externalWrapperRef , anchorRef: externalAnchorRef , arrow ='default' , variant , value , defaultValue , disabled , children , onClick , onKeyDown , onChange , ...rest } = param;
     const localAnchorRef = (0, _react.useRef)(null);
     const wrapperRef = (0, _hooks.useMergeRefs)([
         localAnchorRef,
         externalWrapperRef
     ]);
     const anchorRef = externalAnchorRef || localAnchorRef;
-    const { opened , options , title , handleClick , handleClose , handleKeyDown  } = (0, _useSelect.useSelect)(props);
+    const { opened , options , title , handleClick , handleClose , handleKeyDown  } = (0, _useSelect.useSelect)({
+        value,
+        defaultValue,
+        disabled,
+        onClick,
+        onChange,
+        onKeyDown,
+        children
+    });
     const width = (0, _useSelectWidth.useSelectWidth)(opened, anchorRef);
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_selectStyles.SelectWrapperStyle, _extends({
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        active: opened,
-        value: title,
-        rightDecorator: /*#__PURE__*/ _react.default.createElement(_selectArrow.SelectArrow, {
-            arrow: arrow,
-            disabled: disabled,
-            opened: opened
-        }),
-        wrapperRef: wrapperRef,
-        variant: variant
-    }, rest, {
-        ref: ref,
-        readOnly: true
-    })), /*#__PURE__*/ _react.default.createElement(_popupMenu.PopupMenu, {
-        open: opened,
-        variant: variant,
-        anchorRef: anchorRef,
-        style: {
-            minWidth: width
-        },
-        onClose: handleClose
-    }, options));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_selectStyles.SelectWrapperStyle, {
+                onClick: handleClick,
+                onKeyDown: handleKeyDown,
+                active: opened,
+                value: title,
+                rightDecorator: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_selectArrow.SelectArrow, {
+                    arrow: arrow,
+                    disabled: disabled,
+                    opened: opened
+                }),
+                wrapperRef: wrapperRef,
+                variant: variant,
+                ...rest,
+                ref: ref,
+                readOnly: true
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_popupMenu.PopupMenu, {
+                open: opened,
+                variant: variant,
+                anchorRef: anchorRef,
+                style: {
+                    minWidth: width
+                },
+                onClose: handleClose,
+                children: options
+            })
+        ]
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Select);
 

package/dist/cjs/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/Select.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useRef } from 'react'\nimport { SelectWrapperStyle } from './SelectStyles'\nimport { SelectArrow } from './SelectArrow'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { PopupMenu } from '@lidofinance/popup-menu'\nimport { SelectProps } from './types'\nimport { useSelect } from './useSelect'\nimport { useSelectWidth } from './useSelectWidth'\n\nfunction Select(props: SelectProps, ref?: ForwardedRef<HTMLInputElement>) {\n  const {\n    wrapperRef: externalWrapperRef,\n    anchorRef: externalAnchorRef,\n    arrow = 'default',\n    variant,\n    value,\n    defaultValue,\n    children,\n    onChange,\n    ...rest\n  } = props\n\n  const { disabled } = props\n\n  const localAnchorRef = useRef<HTMLLabelElement>(null)\n  const wrapperRef = useMergeRefs([localAnchorRef, externalWrapperRef])\n  const anchorRef = externalAnchorRef || localAnchorRef\n\n  const { opened, options, title, handleClick, handleClose, handleKeyDown } =\n    useSelect(props)\n  const width = useSelectWidth(opened, anchorRef)\n\n  return (\n    <>\n      <SelectWrapperStyle\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        active={opened}\n        value={title}\n        rightDecorator={\n          <SelectArrow arrow={arrow} disabled={disabled} opened={opened} />\n        }\n        wrapperRef={wrapperRef}\n        variant={variant}\n        {...rest}\n        ref={ref}\n        readOnly\n      />\n      <PopupMenu\n        open={opened}\n        variant={variant}\n        anchorRef={anchorRef}\n        style={{ minWidth: width }}\n        onClose={handleClose}\n      >\n        {options}\n      </PopupMenu>\n    </>\n  )\n}\n\nexport default forwardRef(Select)\n"],"names":["Select","props","ref","wrapperRef","externalWrapperRef","anchorRef","externalAnchorRef","arrow","variant","value","defaultValue","children","onChange","rest","disabled","localAnchorRef","useRef","useMergeRefs","opened","options","title","handleClick","handleClose","handleKeyDown","useSelect","width","useSelectWidth","SelectWrapperStyle","onClick","onKeyDown","active","rightDecorator","SelectArrow","readOnly","PopupMenu","open","style","minWidth","onClose","forwardRef"],"mappings":"AAAA;;;;+BA6DA,SAAiC;;aAAjC,QAAiC;;;;6DA7DuB,OAAO;8BAC5B,gBAAgB;6BACvB,eAAe;uBACd,gBAAoB;2BACvB,qBAAyB;2BAEzB,aAAa;gCACR,kBAAkB;AAEjD,SAASA,MAAM,CAACC,KAAkB,EAAEC,GAAoC,EAAE;IACxE,MAAM,EACJC,UAAU,EAAEC,kBAAkB,CAAA,EAC9BC,SAAS,EAAEC,iBAAiB,CAAA,EAC5BC,KAAK,EAAG,SAAS,CAAA,EACjBC,OAAO,CAAA,EACPC,KAAK,CAAA,EACLC,YAAY,CAAA,EACZC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGZ,KAAK;IAET,MAAM,EAAEa,QAAQ,CAAA,EAAE,GAAGb,KAAK;IAE1B,MAAMc,cAAc,GAAGC,IAAAA,MAAM,OAAA,EAAmB,IAAI,CAAC;IACrD,MAAMb,UAAU,GAAGc,IAAAA,MAAY,aAAA,EAAC;QAACF,cAAc;QAAEX,kBAAkB;KAAC,CAAC;IACrE,MAAMC,SAAS,GAAGC,iBAAiB,IAAIS,cAAc;IAErD,MAAM,EAAEG,MAAM,CAAA,EAAEC,OAAO,CAAA,EAAEC,KAAK,CAAA,EAAEC,WAAW,CAAA,EAAEC,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAE,GACvEC,IAAAA,UAAS,UAAA,EAACvB,KAAK,CAAC;IAClB,MAAMwB,KAAK,GAAGC,IAAAA,eAAc,eAAA,EAACR,MAAM,EAAEb,SAAS,CAAC;IAE/C,qBACE,0EACE,6BAACsB,aAAkB,mBAAA;QACjBC,OAAO,EAAEP,WAAW;QACpBQ,SAAS,EAAEN,aAAa;QACxBO,MAAM,EAAEZ,MAAM;QACdT,KAAK,EAAEW,KAAK;QACZW,cAAc,gBACZ,6BAACC,YAAW,YAAA;YAACzB,KAAK,EAAEA,KAAK;YAAEO,QAAQ,EAAEA,QAAQ;YAAEI,MAAM,EAAEA,MAAM;UAAI;QAEnEf,UAAU,EAAEA,UAAU;QACtBK,OAAO,EAAEA,OAAO;OACZK,IAAI;QACRX,GAAG,EAAEA,GAAG;QACR+B,QAAQ,EAARA,IAAQ;OACR,gBACF,6BAACC,UAAS,UAAA;QACRC,IAAI,EAAEjB,MAAM;QACZV,OAAO,EAAEA,OAAO;QAChBH,SAAS,EAAEA,SAAS;QACpB+B,KAAK,EAAE;YAAEC,QAAQ,EAAEZ,KAAK;SAAE;QAC1Ba,OAAO,EAAEhB,WAAW;OAEnBH,OAAO,CACE,CACX,CACJ;AACH,CAAC;MAED,QAAiC,iBAAlBoB,IAAAA,MAAU,WAAA,EAACvC,MAAM,CAAC"}
+{"version":3,"sources":["../../../packages/select/Select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react'\nimport { SelectWrapperStyle } from './SelectStyles'\nimport { SelectArrow } from './SelectArrow'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { PopupMenu } from '@lidofinance/popup-menu'\nimport { SelectProps } from './types'\nimport { useSelect } from './useSelect'\nimport { useSelectWidth } from './useSelectWidth'\n\nfunction Select(\n  {\n    wrapperRef: externalWrapperRef,\n    anchorRef: externalAnchorRef,\n    arrow = 'default',\n    variant,\n    value,\n    defaultValue,\n    disabled,\n    children,\n    onClick,\n    onKeyDown,\n    onChange,\n    ...rest\n  }: SelectProps,\n  ref?: ForwardedRef<HTMLInputElement>,\n) {\n  const localAnchorRef = useRef<HTMLLabelElement>(null)\n  const wrapperRef = useMergeRefs([localAnchorRef, externalWrapperRef])\n  const anchorRef = externalAnchorRef || localAnchorRef\n\n  const { opened, options, title, handleClick, handleClose, handleKeyDown } =\n    useSelect({\n      value,\n      defaultValue,\n      disabled,\n      onClick,\n      onChange,\n      onKeyDown,\n      children,\n    })\n  const width = useSelectWidth(opened, anchorRef)\n\n  return (\n    <>\n      <SelectWrapperStyle\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        active={opened}\n        value={title}\n        rightDecorator={\n          <SelectArrow arrow={arrow} disabled={disabled} opened={opened} />\n        }\n        wrapperRef={wrapperRef}\n        variant={variant}\n        {...rest}\n        ref={ref}\n        readOnly\n      />\n      <PopupMenu\n        open={opened}\n        variant={variant}\n        anchorRef={anchorRef}\n        style={{ minWidth: width }}\n        onClose={handleClose}\n      >\n        {options}\n      </PopupMenu>\n    </>\n  )\n}\n\nexport default forwardRef(Select)\n"],"names":["Select","ref","wrapperRef","externalWrapperRef","anchorRef","externalAnchorRef","arrow","variant","value","defaultValue","disabled","children","onClick","onKeyDown","onChange","rest","localAnchorRef","useRef","useMergeRefs","opened","options","title","handleClick","handleClose","handleKeyDown","useSelect","width","useSelectWidth","SelectWrapperStyle","active","rightDecorator","SelectArrow","readOnly","PopupMenu","open","style","minWidth","onClose","forwardRef"],"mappings":"AAAA;;;;+BAuEA,SAAiC;;aAAjC,QAAiC;;;uBAvEgB,OAAO;8BACrB,gBAAgB;6BACvB,eAAe;uBACd,gBAAoB;2BACvB,qBAAyB;2BAEzB,aAAa;gCACR,kBAAkB;AAEjD,SAASA,MAAM,CACb,KAac,EACdC,GAAoC,EACpC;QAfA,EACEC,UAAU,EAAEC,kBAAkB,CAAA,EAC9BC,SAAS,EAAEC,iBAAiB,CAAA,EAC5BC,KAAK,EAAG,SAAS,CAAA,EACjBC,OAAO,CAAA,EACPC,KAAK,CAAA,EACLC,YAAY,CAAA,EACZC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,OAAO,CAAA,EACPC,SAAS,CAAA,EACTC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACK,GAbd,KAac;IAGd,MAAMC,cAAc,GAAGC,IAAAA,MAAM,OAAA,EAAmB,IAAI,CAAC;IACrD,MAAMf,UAAU,GAAGgB,IAAAA,MAAY,aAAA,EAAC;QAACF,cAAc;QAAEb,kBAAkB;KAAC,CAAC;IACrE,MAAMC,SAAS,GAAGC,iBAAiB,IAAIW,cAAc;IAErD,MAAM,EAAEG,MAAM,CAAA,EAAEC,OAAO,CAAA,EAAEC,KAAK,CAAA,EAAEC,WAAW,CAAA,EAAEC,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAE,GACvEC,IAAAA,UAAS,UAAA,EAAC;QACRjB,KAAK;QACLC,YAAY;QACZC,QAAQ;QACRE,OAAO;QACPE,QAAQ;QACRD,SAAS;QACTF,QAAQ;KACT,CAAC;IACJ,MAAMe,KAAK,GAAGC,IAAAA,eAAc,eAAA,EAACR,MAAM,EAAEf,SAAS,CAAC;IAE/C,qBACE;;0BACE,qBAACwB,aAAkB,mBAAA;gBACjBhB,OAAO,EAAEU,WAAW;gBACpBT,SAAS,EAAEW,aAAa;gBACxBK,MAAM,EAAEV,MAAM;gBACdX,KAAK,EAAEa,KAAK;gBACZS,cAAc,gBACZ,qBAACC,YAAW,YAAA;oBAACzB,KAAK,EAAEA,KAAK;oBAAEI,QAAQ,EAAEA,QAAQ;oBAAES,MAAM,EAAEA,MAAM;kBAAI;gBAEnEjB,UAAU,EAAEA,UAAU;gBACtBK,OAAO,EAAEA,OAAO;gBACf,GAAGQ,IAAI;gBACRd,GAAG,EAAEA,GAAG;gBACR+B,QAAQ;cACR;0BACF,qBAACC,UAAS,UAAA;gBACRC,IAAI,EAAEf,MAAM;gBACZZ,OAAO,EAAEA,OAAO;gBAChBH,SAAS,EAAEA,SAAS;gBACpB+B,KAAK,EAAE;oBAAEC,QAAQ,EAAEV,KAAK;iBAAE;gBAC1BW,OAAO,EAAEd,WAAW;0BAEnBH,OAAO;cACE;;MACX,CACJ;AACH,CAAC;MAED,QAAiC,iBAAlBkB,IAAAA,MAAU,WAAA,EAACtC,MAAM,CAAC"}

package/dist/cjs/select/SelectArrow.js

@@ -12,18 +12,20 @@ _export(exports, {
     SelectArrow: ()=>SelectArrow,
     default: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
 const _selectArrowStyles = require("./SelectArrowStyles");
-const SelectArrow = (props)=>{
-    const { arrow , disabled =false , opened  } = props;
+const SelectArrow = (param)=>{
+    let { arrow , disabled =false , opened ,  } = param;
     const commonProps = {
         $opened: opened,
         $disabled: disabled
     };
-    if (arrow === 'default') return /*#__PURE__*/ _react.default.createElement(_selectArrowStyles.SelectArrowBigStyle, _extends({}, commonProps));
-    if (arrow === 'small') return /*#__PURE__*/ _react.default.createElement(_selectArrowStyles.SelectArrowSmallStyle, _extends({}, commonProps));
+    if (arrow === 'default') return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_selectArrowStyles.SelectArrowBigStyle, {
+        ...commonProps
+    });
+    if (arrow === 'small') return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_selectArrowStyles.SelectArrowSmallStyle, {
+        ...commonProps
+    });
     return null;
 };
 const _default = SelectArrow;

package/dist/cjs/select/SelectArrow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/SelectArrow.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { SelectArrowBigStyle, SelectArrowSmallStyle } from './SelectArrowStyles'\nimport { SelectArrows } from './types'\n\ntype SelectArrowProps = {\n  arrow: SelectArrows\n  disabled?: boolean\n  opened: boolean\n  children?: never\n}\n\nexport const SelectArrow: FC<SelectArrowProps> = (props) => {\n  const { arrow, disabled = false, opened } = props\n\n  const commonProps = {\n    $opened: opened,\n    $disabled: disabled,\n  }\n\n  if (arrow === 'default') return <SelectArrowBigStyle {...commonProps} />\n  if (arrow === 'small') return <SelectArrowSmallStyle {...commonProps} />\n\n  return null\n}\n\nexport default SelectArrow\n"],"names":["SelectArrow","props","arrow","disabled","opened","commonProps","$opened","$disabled","SelectArrowBigStyle","SelectArrowSmallStyle"],"mappings":"AAAA;;;;;;;;;;;IAWaA,WAAW,MAAXA,WAAW;IAcxB,OAA0B,MAA1B,QAA0B;;;;4DAzBA,OAAO;mCAC0B,qBAAqB;AAUzE,MAAMA,WAAW,GAAyB,CAACC,KAAK,GAAK;IAC1D,MAAM,EAAEC,KAAK,CAAA,EAAEC,QAAQ,EAAG,KAAK,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGH,KAAK;IAEjD,MAAMI,WAAW,GAAG;QAClBC,OAAO,EAAEF,MAAM;QACfG,SAAS,EAAEJ,QAAQ;KACpB;IAED,IAAID,KAAK,KAAK,SAAS,EAAE,qBAAO,6BAACM,kBAAmB,oBAAA,eAAKH,WAAW,EAAI,CAAA;IACxE,IAAIH,KAAK,KAAK,OAAO,EAAE,qBAAO,6BAACO,kBAAqB,sBAAA,eAAKJ,WAAW,EAAI,CAAA;IAExE,OAAO,IAAI,CAAA;AACb,CAAC;MAED,QAA0B,GAAXL,WAAW"}
+{"version":3,"sources":["../../../packages/select/SelectArrow.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { SelectArrowBigStyle, SelectArrowSmallStyle } from './SelectArrowStyles'\nimport { SelectArrows } from './types'\n\ntype SelectArrowProps = {\n  arrow: SelectArrows\n  disabled?: boolean\n  opened: boolean\n  children?: never\n}\n\nexport const SelectArrow: FC<SelectArrowProps> = ({\n  arrow,\n  disabled = false,\n  opened,\n}) => {\n  const commonProps = {\n    $opened: opened,\n    $disabled: disabled,\n  }\n\n  if (arrow === 'default') return <SelectArrowBigStyle {...commonProps} />\n  if (arrow === 'small') return <SelectArrowSmallStyle {...commonProps} />\n\n  return null\n}\n\nexport default SelectArrow\n"],"names":["SelectArrow","arrow","disabled","opened","commonProps","$opened","$disabled","SelectArrowBigStyle","SelectArrowSmallStyle"],"mappings":"AAAA;;;;;;;;;;;IAWaA,WAAW,MAAXA,WAAW;IAgBxB,OAA0B,MAA1B,QAA0B;;;mCA1BiC,qBAAqB;AAUzE,MAAMA,WAAW,GAAyB,SAI3C;QAJ4C,EAChDC,KAAK,CAAA,EACLC,QAAQ,EAAG,KAAK,CAAA,EAChBC,MAAM,CAAA,IACP;IACC,MAAMC,WAAW,GAAG;QAClBC,OAAO,EAAEF,MAAM;QACfG,SAAS,EAAEJ,QAAQ;KACpB;IAED,IAAID,KAAK,KAAK,SAAS,EAAE,qBAAO,qBAACM,kBAAmB,oBAAA;QAAE,GAAGH,WAAW;MAAI,CAAA;IACxE,IAAIH,KAAK,KAAK,OAAO,EAAE,qBAAO,qBAACO,kBAAqB,sBAAA;QAAE,GAAGJ,WAAW;MAAI,CAAA;IAExE,OAAO,IAAI,CAAA;AACb,CAAC;MAED,QAA0B,GAAXJ,WAAW"}

package/dist/cjs/select/SelectIcon.js

@@ -6,18 +6,20 @@ 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 _selectIconStyles = require("./SelectIconStyles");
-function SelectIcon(props, ref) {
-    const { icon , ...rest } = props;
-    return /*#__PURE__*/ _react.default.createElement(_selectIconStyles.SelectIconStyle, _extends({}, rest, {
+function SelectIcon(param, ref) {
+    let { icon , ...rest } = param;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_selectIconStyles.SelectIconStyle, {
+        ...rest,
         fullwidth: false,
         arrow: "small",
-        leftDecorator: /*#__PURE__*/ _react.default.createElement(_selectIconStyles.SelectIconDecoratorStyle, null, icon),
+        leftDecorator: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_selectIconStyles.SelectIconDecoratorStyle, {
+            children: icon
+        }),
         ref: ref
-    }));
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(SelectIcon);