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

package/dist/cjs/popup-menu/src/PopupMenuStyles.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PopupMenuStyle", {
+    enumerable: true,
+    get: ()=>PopupMenuStyle
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const _popover = require("../../popover/src/index");
+const _popupMenuItemStyles = require("./PopupMenuItemStyles");
+const PopupMenuStyle = (0, _styledComponents.default)(_popover.Popover)`
+  outline: none;
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  border-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.lg;
+}}px;
+  overflow: auto;
+  overflow-x: hidden;
+  box-shadow: ${(param)=>{
+    let { theme  } = param;
+    return theme.boxShadows.xs;
+}}
+    var(--lido-color-shadowLight);
+  padding: 0;
+
+  ${_popupMenuItemStyles.PopupMenuItemStyle}:first-child {
+    border-top-left-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.lg - 1;
+}}px;
+    border-top-right-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.lg - 1;
+}}px;
+  }
+
+  ${_popupMenuItemStyles.PopupMenuItemStyle}:last-child {
+    border-bottom-left-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.lg - 1;
+}}px;
+    border-bottom-right-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.lg - 1;
+}}px;
+  }
+`;
+
+//# sourceMappingURL=PopupMenuStyles.js.map

package/dist/cjs/popup-menu/src/PopupMenuStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/PopupMenuStyles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Popover } from '@lidofinance/popover'\nimport { PopupMenuItemStyle } from './PopupMenuItemStyles'\n\nexport const PopupMenuStyle = styled(Popover)`\n  outline: none;\n  box-sizing: border-box;\n  border: 1px solid transparent;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n  overflow: auto;\n  overflow-x: hidden;\n  box-shadow: ${({ theme }) => theme.boxShadows.xs}\n    var(--lido-color-shadowLight);\n  padding: 0;\n\n  ${PopupMenuItemStyle}:first-child {\n    border-top-left-radius: ${({ theme }) => theme.borderRadiusesMap.lg - 1}px;\n    border-top-right-radius: ${({ theme }) => theme.borderRadiusesMap.lg - 1}px;\n  }\n\n  ${PopupMenuItemStyle}:last-child {\n    border-bottom-left-radius: ${({ theme }) =>\n      theme.borderRadiusesMap.lg - 1}px;\n    border-bottom-right-radius: ${({ theme }) =>\n      theme.borderRadiusesMap.lg - 1}px;\n  }\n`\n"],"names":["PopupMenuStyle","styled","Popover","theme","borderRadiusesMap","lg","boxShadows","xs","PopupMenuItemStyle"],"mappings":"AAAA;;;;+BAIaA,gBAAc;;aAAdA,cAAc;;;uEAJR,mBAAmB;yBACd,yBAAsB;qCACX,uBAAuB;AAEnD,MAAMA,cAAc,GAAGC,IAAAA,iBAAM,QAAA,EAACC,QAAO,QAAA,CAAC,CAAC;;;;iBAI7B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;;cAG/C,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,UAAU,CAACC,EAAE;AAAD,CAAC,CAAC;;;;EAIjD,EAAEC,oBAAkB,mBAAA,CAAC;4BACK,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC;AAAD,CAAC,CAAC;6BAC/C,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC;AAAD,CAAC,CAAC;;;EAG3E,EAAEG,oBAAkB,mBAAA,CAAC;+BACQ,EAAE,SAC3BL;QAD4B,EAAEA,KAAK,CAAA,EAAE;WACrCA,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC;AAAD,CAAC,CAAC;gCACL,EAAE,SAC5BF;QAD6B,EAAEA,KAAK,CAAA,EAAE;WACtCA,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC;AAAD,CAAC,CAAC;;AAErC,CAAC"}

package/dist/cjs/popup-menu/src/constants.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FOCUSABLE_ELEMENTS", {
+    enumerable: true,
+    get: ()=>FOCUSABLE_ELEMENTS
+});
+const FOCUSABLE_ELEMENTS = [
+    'a[href]',
+    'button:not([disabled]):not([aria-hidden])',
+    '[tabindex]:not([tabindex^="-"])', 
+];
+
+//# sourceMappingURL=constants.js.map

package/dist/cjs/popup-menu/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/constants.ts"],"sourcesContent":["export const FOCUSABLE_ELEMENTS = [\n  'a[href]',\n  'button:not([disabled]):not([aria-hidden])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n]\n"],"names":["FOCUSABLE_ELEMENTS"],"mappings":"AAAA;;;;+BAAaA,oBAAkB;;aAAlBA,kBAAkB;;AAAxB,MAAMA,kBAAkB,GAAG;IAChC,SAAS;IACT,2CAA2C;IAC3C,iCAAiC;CAClC"}

package/dist/cjs/popup-menu/src/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PopupMenu: ()=>_popupMenu.default,
+    PopupMenuItem: ()=>_popupMenuItem.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _popupMenu = /*#__PURE__*/ _interopRequireDefault(require("./PopupMenu"));
+const _popupMenuItem = /*#__PURE__*/ _interopRequireDefault(require("./PopupMenuItem"));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/popup-menu/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/index.ts"],"sourcesContent":["export { default as PopupMenu } from './PopupMenu'\nexport { default as PopupMenuItem } from './PopupMenuItem'\nexport * from './types'\n"],"names":["PopupMenu","PopupMenuItem"],"mappings":"AAAA;;;;;;;;;;;IAAoBA,SAAS,MAATA,UAAS,QAAA;IACTC,aAAa,MAAbA,cAAa,QAAA;;;;gEADI,aAAa;oEACT,iBAAiB;oBAC5C,SAAS"}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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";
+    PopupMenuVariant[PopupMenuVariant["default"] = 1] = "default";
+})(PopupMenuVariant || (PopupMenuVariant = {}));
+
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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 _hooks = require("../../hooks/src/index");
+const _constants = require("./constants");
+const usePopupFocus = (props)=>{
+    const { onMouseMove , onKeyDown  } = props;
+    const ref = (0, _react.useRef)(null);
+    const getFocusableNodes = (0, _react.useCallback)(()=>{
+        var ref1;
+        var ref2;
+        const nodes = (ref2 = (ref1 = ref.current) === null || ref1 === void 0 ? void 0 : ref1.querySelectorAll(_constants.FOCUSABLE_ELEMENTS.join(','))) !== null && ref2 !== void 0 ? ref2 : [];
+        return Array.from(nodes).filter((node)=>node && node instanceof HTMLElement && node.offsetParent !== null);
+    }, []);
+    const handleFocusTo = (0, _react.useCallback)(function(event) {
+        let offset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+        const focusableNodes = getFocusableNodes();
+        if (focusableNodes.length === 0) return;
+        const currentElement = document.activeElement;
+        const focusedItemIndex = currentElement instanceof HTMLElement ? focusableNodes.indexOf(currentElement) : -1;
+        const activeItemIndex = focusableNodes.findIndex((node)=>node.getAttribute('aria-selected') === 'true');
+        const currentIndex = focusedItemIndex === -1 ? activeItemIndex : focusedItemIndex;
+        let nextIndex = currentIndex + offset;
+        if (nextIndex < 0) nextIndex = focusableNodes.length - 1;
+        if (nextIndex >= focusableNodes.length) nextIndex = 0;
+        focusableNodes[nextIndex].focus();
+        event.preventDefault();
+    }, [
+        getFocusableNodes
+    ]);
+    const handleMouseMove = (0, _react.useCallback)((event)=>{
+        onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(event);
+        const { target  } = event;
+        if (!(target instanceof HTMLElement)) return;
+        const focusableNodes = getFocusableNodes();
+        const overed = target.closest(_constants.FOCUSABLE_ELEMENTS.join(','));
+        if (!(overed instanceof HTMLElement)) return;
+        const isNotFocusable = !focusableNodes.includes(overed);
+        const isActive = overed === document.activeElement;
+        if (isActive || isNotFocusable) return;
+        overed.focus();
+    }, [
+        getFocusableNodes,
+        onMouseMove
+    ]);
+    const handleKeyDown = (0, _react.useCallback)((event)=>{
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+        var _code;
+        const code = (_code = event.code) !== null && _code !== void 0 ? _code : event.key;
+        if (code === 'Tab') event.preventDefault();
+        if (code === 'ArrowDown') handleFocusTo(event, +1);
+        if (code === 'ArrowUp') handleFocusTo(event, -1);
+    }, [
+        handleFocusTo,
+        onKeyDown
+    ]);
+    const [interceptFocus, restoreFocus] = (0, _hooks.useInterceptFocus)();
+    const handleEnter = (0, _react.useCallback)(()=>{
+        if (ref.current) interceptFocus(ref.current);
+    }, [
+        interceptFocus
+    ]);
+    const handleExit = (0, _react.useCallback)(()=>{
+        restoreFocus();
+    }, [
+        restoreFocus
+    ]);
+    return {
+        ref,
+        handleMouseMove,
+        handleKeyDown,
+        handleEnter,
+        handleExit
+    };
+};
+
+//# sourceMappingURL=usePopupFocus.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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 _popupMenu = require("../../popup-menu/src/index");
+function Option(props, ref) {
+    const { value , onClick , onChange , ...rest } = props;
+    const handleClick = (0, _react.useCallback)((event)=>{
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    }, [
+        value,
+        onChange,
+        onClick
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_popupMenu.PopupMenuItem, _extends({
+        onClick: handleClick,
+        ref: ref
+    }, rest));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Option);
+
+//# sourceMappingURL=Option.js.map

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

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

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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 _selectStyles = require("./SelectStyles");
+const _selectArrow = require("./SelectArrow");
+const _hooks = require("../../hooks/src/index");
+const _popupMenu = require("../../popup-menu/src/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;
+    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 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));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Select);
+
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/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,uBAAoB;2BACvB,4BAAyB;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"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_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 _selectArrowStyles = require("./SelectArrowStyles");
+const SelectArrow = (props)=>{
+    const { arrow , disabled =false , opened  } = props;
+    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));
+    return null;
+};
+const _default = SelectArrow;
+
+//# sourceMappingURL=SelectArrow.js.map

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

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

package/dist/cjs/select/src/SelectArrowStyles.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SelectArrowBigStyle: ()=>SelectArrowBigStyle,
+    SelectArrowSmallStyle: ()=>SelectArrowSmallStyle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const _icons = require("../../icons/src/index");
+const commonCSS = (0, _styledComponents.css)`
+  transform: rotate(${(param)=>{
+    let { $opened  } = param;
+    return $opened ? 180 : 0;
+}}deg);
+  transition: transform ${(param)=>{
+    let { theme  } = param;
+    return theme.duration.norm;
+}} ease;
+  opacity: ${(param)=>{
+    let { $disabled  } = param;
+    return $disabled ? 0.5 : 1;
+}};
+`;
+const SelectArrowBigStyle = (0, _styledComponents.default)(_icons.ArrowBottom)`
+  ${commonCSS};
+  fill: var(--lido-color-textSecondary);
+`;
+const SelectArrowSmallStyle = _styledComponents.default.div`
+  ${commonCSS};
+  color: var(--lido-color-text);
+
+  border: 3px solid currentColor;
+  border-bottom-width: 0px;
+  border-left-color: transparent;
+  border-right-color: transparent;
+`;
+
+//# sourceMappingURL=SelectArrowStyles.js.map

package/dist/cjs/select/src/SelectArrowStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/SelectArrowStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ArrowBottom } from '@lidofinance/icons'\n\ntype InjectedProps = {\n  $opened: boolean\n  $disabled: boolean\n}\n\nconst commonCSS = css<InjectedProps>`\n  transform: rotate(${({ $opened }) => ($opened ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  opacity: ${({ $disabled }) => ($disabled ? 0.5 : 1)};\n`\n\nexport const SelectArrowBigStyle = styled(ArrowBottom)<InjectedProps>`\n  ${commonCSS};\n  fill: var(--lido-color-textSecondary);\n`\n\nexport const SelectArrowSmallStyle = styled.div<InjectedProps>`\n  ${commonCSS};\n  color: var(--lido-color-text);\n\n  border: 3px solid currentColor;\n  border-bottom-width: 0px;\n  border-left-color: transparent;\n  border-right-color: transparent;\n`\n"],"names":["SelectArrowBigStyle","SelectArrowSmallStyle","commonCSS","css","$opened","theme","duration","norm","$disabled","styled","ArrowBottom","div"],"mappings":"AAAA;;;;;;;;;;;IAcaA,mBAAmB,MAAnBA,mBAAmB;IAKnBC,qBAAqB,MAArBA,qBAAqB;;;wEAnBN,mBAAmB;uBACnB,uBAAoB;AAOhD,MAAMC,SAAS,GAAGC,IAAAA,iBAAG,IAAA,CAAe,CAAC;oBACjB,EAAE,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;WAAMA,OAAO,GAAG,GAAG,GAAG,CAAC;AAAA,CAAC,CAAC;wBACnC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;WAClD,EAAE,SAAmB;QAAlB,EAAEC,SAAS,CAAA,EAAE;WAAMA,SAAS,GAAG,GAAG,GAAG,CAAC;AAAA,CAAC,CAAC;AACtD,CAAC;AAEM,MAAMR,mBAAmB,GAAGS,IAAAA,iBAAM,QAAA,EAACC,MAAW,YAAA,CAAC,AAAe,CAAC;EACpE,EAAER,SAAS,CAAC;;AAEd,CAAC;AAEM,MAAMD,qBAAqB,GAAGQ,iBAAM,QAAA,CAACE,GAAG,AAAe,CAAC;EAC7D,EAAET,SAAS,CAAC;;;;;;;AAOd,CAAC"}

package/dist/cjs/select/src/SelectIcon.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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 _selectIconStyles = require("./SelectIconStyles");
+function SelectIcon(props, ref) {
+    const { icon , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_selectIconStyles.SelectIconStyle, _extends({}, rest, {
+        fullwidth: false,
+        arrow: "small",
+        leftDecorator: /*#__PURE__*/ _react.default.createElement(_selectIconStyles.SelectIconDecoratorStyle, null, icon),
+        ref: ref
+    }));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(SelectIcon);
+
+//# sourceMappingURL=SelectIcon.js.map

package/dist/cjs/select/src/SelectIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/SelectIcon.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { SelectIconProps } from './types'\nimport { SelectIconDecoratorStyle, SelectIconStyle } from './SelectIconStyles'\n\nfunction SelectIcon(\n  props: SelectIconProps,\n  ref?: ForwardedRef<HTMLInputElement>\n) {\n  const { icon, ...rest } = props\n\n  return (\n    <SelectIconStyle\n      {...rest}\n      fullwidth={false}\n      arrow='small'\n      leftDecorator={\n        <SelectIconDecoratorStyle>{icon}</SelectIconDecoratorStyle>\n      }\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(SelectIcon)\n"],"names":["SelectIcon","props","ref","icon","rest","SelectIconStyle","fullwidth","arrow","leftDecorator","SelectIconDecoratorStyle","forwardRef"],"mappings":"AAAA;;;;+BAuBA,SAAqC;;aAArC,QAAqC;;;;6DAvBW,OAAO;kCAEG,oBAAoB;AAE9E,SAASA,UAAU,CACjBC,KAAsB,EACtBC,GAAoC,EACpC;IACA,MAAM,EAAEC,IAAI,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAE/B,qBACE,6BAACI,iBAAe,gBAAA,eACVD,IAAI;QACRE,SAAS,EAAE,KAAK;QAChBC,KAAK,EAAC,OAAO;QACbC,aAAa,gBACX,6BAACC,iBAAwB,yBAAA,QAAEN,IAAI,CAA4B;QAE7DD,GAAG,EAAEA,GAAG;OACR,CACH;AACH,CAAC;MAED,QAAqC,iBAAtBQ,IAAAA,MAAU,WAAA,EAACV,UAAU,CAAC"}

package/dist/cjs/select/src/SelectIconStyles.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SelectIconStyle: ()=>SelectIconStyle,
+    SelectIconDecoratorStyle: ()=>SelectIconDecoratorStyle
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const _select = /*#__PURE__*/ _interopRequireDefault(require("./Select"));
+const SelectIconStyle = (0, _styledComponents.default)(_select.default)`
+  input {
+    width: 0;
+  }
+`;
+const SelectIconDecoratorStyle = _styledComponents.default.span`
+  margin-right: -24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  align-self: stretch;
+  justify-self: stretch;
+`;
+
+//# sourceMappingURL=SelectIconStyles.js.map

package/dist/cjs/select/src/SelectIconStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/SelectIconStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport Select from './Select'\n\nexport const SelectIconStyle = styled(Select)`\n  input {\n    width: 0;\n  }\n`\n\nexport const SelectIconDecoratorStyle = styled.span`\n  margin-right: -24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  align-self: stretch;\n  justify-self: stretch;\n`\n"],"names":["SelectIconStyle","SelectIconDecoratorStyle","styled","Select","span"],"mappings":"AAAA;;;;;;;;;;;IAGaA,eAAe,MAAfA,eAAe;IAMfC,wBAAwB,MAAxBA,wBAAwB;;;uEATlB,mBAAmB;6DACnB,UAAU;AAEtB,MAAMD,eAAe,GAAGE,IAAAA,iBAAM,QAAA,EAACC,OAAM,QAAA,CAAC,CAAC;;;;AAI9C,CAAC;AAEM,MAAMF,wBAAwB,GAAGC,iBAAM,QAAA,CAACE,IAAI,CAAC;;;;;;;;AAQpD,CAAC"}

package/dist/cjs/select/src/SelectStyles.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SelectWrapperStyle", {
+    enumerable: true,
+    get: ()=>SelectWrapperStyle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const _input = require("../../input/src/index");
+const smallCSS = (0, _styledComponents.css)`
+  input {
+    font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+    line-height: 1.7em;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    font-weight: 800;
+  }
+`;
+const SelectWrapperStyle = (0, _styledComponents.default)(_input.Input)`
+  &,
+  input {
+    user-select: none;
+    cursor: ${(param)=>{
+    let { disabled  } = param;
+    return disabled ? 'default' : 'pointer';
+}};
+
+    &::selection {
+      background: transparent;
+    }
+  }
+
+  input {
+    appearance: none;
+    overflow: hidden;
+  }
+
+  ${(param)=>{
+    let { variant  } = param;
+    return variant === 'small' ? smallCSS : '';
+}}
+`;
+
+//# sourceMappingURL=SelectStyles.js.map

package/dist/cjs/select/src/SelectStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/SelectStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Input } from '@lidofinance/input'\nimport { SelectProps } from './types'\n\nconst smallCSS = css`\n  input {\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.7em;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    font-weight: 800;\n  }\n`\n\nexport const SelectWrapperStyle = styled(Input)<SelectProps>`\n  &,\n  input {\n    user-select: none;\n    cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};\n\n    &::selection {\n      background: transparent;\n    }\n  }\n\n  input {\n    appearance: none;\n    overflow: hidden;\n  }\n\n  ${({ variant }) => (variant === 'small' ? smallCSS : '')}\n`\n"],"names":["SelectWrapperStyle","smallCSS","css","theme","fontSizesMap","xxs","styled","Input","disabled","variant"],"mappings":"AAAA;;;;+BAcaA,oBAAkB;;aAAlBA,kBAAkB;;;wEAdH,mBAAmB;uBACzB,uBAAoB;AAG1C,MAAMC,QAAQ,GAAGC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;eAEN,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;;;;;AAMvD,CAAC;AAEM,MAAML,kBAAkB,GAAGM,IAAAA,iBAAM,QAAA,EAACC,MAAK,MAAA,CAAC,AAAa,CAAC;;;;YAIjD,EAAE,SAAkB;QAAjB,EAAEC,QAAQ,CAAA,EAAE;WAAMA,QAAQ,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,CAAC;;;;;;;;;;;;EAYjE,EAAE,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;WAAMA,OAAO,KAAK,OAAO,GAAGR,QAAQ,GAAG,EAAE;AAAA,CAAC,CAAC;AAC3D,CAAC"}

package/dist/cjs/select/src/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Select: ()=>_select.default,
+    SelectIcon: ()=>_selectIcon.default,
+    Option: ()=>_option.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _select = /*#__PURE__*/ _interopRequireDefault(require("./Select"));
+const _selectIcon = /*#__PURE__*/ _interopRequireDefault(require("./SelectIcon"));
+const _option = /*#__PURE__*/ _interopRequireDefault(require("./Option"));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/select/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/index.ts"],"sourcesContent":["export { default as Select } from './Select'\nexport { default as SelectIcon } from './SelectIcon'\nexport { default as Option } from './Option'\nexport * from './types'\n"],"names":["Select","SelectIcon","Option"],"mappings":"AAAA;;;;;;;;;;;IAAoBA,MAAM,MAANA,OAAM,QAAA;IACNC,UAAU,MAAVA,WAAU,QAAA;IACVC,MAAM,MAANA,OAAM,QAAA;;;;6DAFQ,UAAU;iEACN,cAAc;6DAClB,UAAU;oBAC9B,SAAS"}

package/dist/cjs/select/src/types.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SelectArrow", {
+    enumerable: true,
+    get: ()=>SelectArrow
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var SelectArrow;
+(function(SelectArrow) {
+    SelectArrow[SelectArrow["small"] = 0] = "small";
+    SelectArrow[SelectArrow["default"] = 1] = "default";
+})(SelectArrow || (SelectArrow = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/select/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/types.ts"],"sourcesContent":["import { InputProps } from '@lidofinance/input'\nimport { PopupMenuItemProps } from '@lidofinance/popup-menu'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type OptionValue = string | number\nexport type SelectHandleChange = (value: OptionValue) => void\n\nexport enum SelectArrow {\n  small,\n  default,\n}\nexport type SelectArrows = keyof typeof SelectArrow\n\nexport type SelectProps = Omit<\n  InputProps,\n  'type' | 'readonly' | 'onChange' | 'value' | 'defaultValue'\n> & {\n  anchorRef?: React.RefObject<HTMLElement | null>\n  arrow?: SelectArrows\n  value?: OptionValue\n  defaultValue?: OptionValue\n  onChange: SelectHandleChange\n}\n\nexport type SelectIconProps = Omit<\n  SelectProps,\n  'leftDecorator' | 'fullwidth' | 'arrow'\n> & {\n  icon: React.ReactNode\n}\n\nexport type OptionProps = Omit<PopupMenuItemProps, 'value' | 'children'> & {\n  value: OptionValue\n  children: string\n  onChange?: SelectHandleChange\n}\n"],"names":["SelectArrow","small","default"],"mappings":"AAAA;;;;;;;;;4DAEkB,OAAO;IAMlB,WAGN;UAHWA,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,WAAW,CAAXA,WAAW,CAErBE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,WAAW,KAAXA,WAAW"}