@rescui/select 0.13.0 → 0.14.0

package/lib/parts/common-select.p.module.css.js

@@ -1,15 +1,15 @@
 var styles = {
-  "sizeS": "_sizeS_1bcjdbr_3",
-  "sizeM": "_sizeM_1bcjdbr_6",
-  "sizeL": "_sizeL_1bcjdbr_9",
-  "menu": "_menu_1bcjdbr_13",
-  "menuSizeS": "_menuSizeS_1bcjdbr_26",
-  "menuSizeM": "_menuSizeM_1bcjdbr_30",
-  "menuSizeL": "_menuSizeL_1bcjdbr_34",
-  "withGroupsLabel": "_withGroupsLabel_1bcjdbr_40",
-  "lastOption": "_lastOption_1bcjdbr_39",
-  "divider": "_divider_1bcjdbr_45",
-  "checkIcon": "_checkIcon_1bcjdbr_51",
-  "observable": "_observable_1bcjdbr_56"
+  "sizeS": "_sizeS_1r2w8hs_3",
+  "sizeM": "_sizeM_1r2w8hs_6",
+  "sizeL": "_sizeL_1r2w8hs_9",
+  "menu": "_menu_1r2w8hs_13",
+  "menuSizeS": "_menuSizeS_1r2w8hs_26",
+  "menuSizeM": "_menuSizeM_1r2w8hs_30",
+  "menuSizeL": "_menuSizeL_1r2w8hs_34",
+  "withGroupsLabel": "_withGroupsLabel_1r2w8hs_40",
+  "lastOption": "_lastOption_1r2w8hs_39",
+  "divider": "_divider_1r2w8hs_45",
+  "checkIcon": "_checkIcon_1r2w8hs_51",
+  "observable": "_observable_1r2w8hs_56"
 };
 export { styles as default };

package/lib/parts/form-trigger.p.module.css.js

@@ -1,13 +1,13 @@
 var styles = {
-  "themeLight": "_themeLight_1ewks2a_7",
-  "themeDark": "_themeDark_1ewks2a_10",
-  "sizeS": "_sizeS_1ewks2a_14",
-  "sizeM": "_sizeM_1ewks2a_17",
-  "sizeL": "_sizeL_1ewks2a_20",
-  "main": "_main_1ewks2a_24",
-  "label": "_label_1ewks2a_28",
-  "errorMessage": "_errorMessage_1ewks2a_34",
-  "errorIcon": "_errorIcon_1ewks2a_45",
-  "note": "_note_1ewks2a_50"
+  "themeLight": "_themeLight_yw1fz9_7",
+  "themeDark": "_themeDark_yw1fz9_10",
+  "sizeS": "_sizeS_yw1fz9_14",
+  "sizeM": "_sizeM_yw1fz9_17",
+  "sizeL": "_sizeL_yw1fz9_20",
+  "main": "_main_yw1fz9_24",
+  "label": "_label_yw1fz9_28",
+  "errorMessage": "_errorMessage_yw1fz9_34",
+  "errorIcon": "_errorIcon_yw1fz9_45",
+  "note": "_note_yw1fz9_50"
 };
 export { styles as default };

package/lib/parts/multiselect.js

@@ -7,7 +7,7 @@ import scrollIntoView from 'scroll-into-view-if-needed';
 import { Dropdown } from '@rescui/dropdown';
 import { Menu, MenuItem, Divider, GroupHeader } from '@rescui/menu';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
-import CheckIcon from '../_virtual/check.js';
+import CheckOutlineIcon from '../_virtual/check-outline.js';
 import { useStrongMemo, getDefaultCursorIndex, isGroupsEmpty, getOptionValue, getMovedCursorIndex, shouldOpenSelect, isIndexMatchCursor, withoutGroupsLabel, getPlainOptionsFromGroups, getEmptyMessage, OptionGroupTypes, convertToOptionGroupsIfNeeded, calculateMaxHeight } from '../utils.js';
 import { optionType, optionsGroupType, noOptionsMessageType } from '../common-prop-types.js';
 import { ARROW_DOWN, ARROW_UP, ENTER, SPACE, TAB, ESCAPE, BACKSPACE } from '../key-codes.js';
@@ -36,7 +36,7 @@ const Option = _ref => {
     const value = getOptionValue(item);
     const isItemSelected = Boolean(selected && selected.length && selected.some(s => value === getOptionValue(s)));
     const isHighlighted = isIndexMatchCursor(cursorIndex, index);
-    const icon = isSingleLine && isItemSelected ? /*#__PURE__*/React.createElement(CheckIcon, {
+    const icon = isSingleLine && isItemSelected ? /*#__PURE__*/React.createElement(CheckOutlineIcon, {
       className: styles.checkIcon,
       "data-render-all-sizes": true
     }) : null;

package/lib/parts/native-select.p.module.css.js

@@ -1,9 +1,9 @@
 var styles = {
-  "sizeS": "_sizeS_8r62c0_6",
-  "sizeM": "_sizeM_8r62c0_9",
-  "sizeL": "_sizeL_8r62c0_12",
-  "main": "_main_8r62c0_16",
-  "wrapper": "_wrapper_8r62c0_20",
-  "select": "_select_8r62c0_24"
+  "sizeS": "_sizeS_1hz5w4n_6",
+  "sizeM": "_sizeM_1hz5w4n_9",
+  "sizeL": "_sizeL_1hz5w4n_12",
+  "main": "_main_1hz5w4n_16",
+  "wrapper": "_wrapper_1hz5w4n_20",
+  "select": "_select_1hz5w4n_24"
 };
 export { styles as default };

package/lib/parts/trigger.js

@@ -4,10 +4,11 @@ import cn from 'classnames';
 import PropTypes from 'prop-types';
 import { RemovableTag, Tag } from '@rescui/tag';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
-import DownIcon from '../_virtual/down.js';
-import CloseIcon from '../_virtual/close.js';
-import LoadingIcon from '../_virtual/loading.js';
+import DownOutlineIcon from '../_virtual/down-outline.js';
+import CloseOutlineIcon from '../_virtual/close-outline.js';
+import LoadingOutlineIcon from '../_virtual/loading-outline.js';
 import { optionType } from '../common-prop-types.js';
+import { getOptionValue } from '../utils.js';
 import Foldable from './foldable.js';
 import styles from './trigger.p.module.css.js';
 const THEME_STYLES = {
@@ -32,7 +33,7 @@ const MultiselectOptions = _ref => {
     onItemClearClick
   } = _ref;
   const selectedOptions = selected.map(s => {
-    const key = s.value ? s.value : s.label;
+    const key = getOptionValue(s);
     return /*#__PURE__*/React.createElement(RemovableTag, {
       key: key,
       "data-test": `selected-tag-${key}`,
@@ -112,7 +113,7 @@ const ClearOrLoading = _ref3 => {
   } = _ref3;
 
   if (isLoading) {
-    return /*#__PURE__*/React.createElement(LoadingIcon, {
+    return /*#__PURE__*/React.createElement(LoadingOutlineIcon, {
       style: {
         pointerEvents: 'none'
       },
@@ -129,7 +130,7 @@ const ClearOrLoading = _ref3 => {
         e.stopPropagation();
         onClearClick();
       }
-    }, /*#__PURE__*/React.createElement(CloseIcon, {
+    }, /*#__PURE__*/React.createElement(CloseOutlineIcon, {
       "data-render-all-sizes": true
     }));
   } else {
@@ -222,7 +223,7 @@ const SelectTrigger = /*#__PURE__*/React.memo(props => {
     isClearable: isClearable,
     onClearClick: onClearClick,
     selected: selected
-  }), /*#__PURE__*/React.createElement(DownIcon, {
+  }), /*#__PURE__*/React.createElement(DownOutlineIcon, {
     className: styles.toggle,
     "data-test": "down-icon",
     "data-render-all-sizes": true

package/lib/parts/trigger.p.module.css.js

@@ -1,31 +1,31 @@
 var styles = {
-  "themeLight": "_themeLight_xqlygf_27",
-  "themeDark": "_themeDark_xqlygf_30",
-  "sizeS": "_sizeS_xqlygf_34",
-  "sizeM": "_sizeM_xqlygf_37",
-  "sizeL": "_sizeL_xqlygf_40",
-  "classic": "_classic_xqlygf_44",
-  "rock": "_rock_xqlygf_47",
-  "main": "_main_xqlygf_51",
-  "open": "_open_xqlygf_80",
-  "searchKeyFocused": "_searchKeyFocused_xqlygf_85",
-  "error": "_error_xqlygf_89",
-  "disabled": "_disabled_xqlygf_95",
-  "enabled": "_enabled_xqlygf_103",
-  "searchFocused": "_searchFocused_xqlygf_104",
-  "focused": "_focused_xqlygf_105",
-  "isMulti": "_isMulti_xqlygf_138",
-  "iconsWrapper": "_iconsWrapper_xqlygf_142",
-  "labelWrapper": "_labelWrapper_xqlygf_157",
-  "label": "_label_xqlygf_157",
-  "labelNotSelected": "_labelNotSelected_xqlygf_197",
-  "searchInput": "_searchInput_xqlygf_210",
-  "multi": "_multi_xqlygf_240",
-  "tagsContainer": "_tagsContainer_xqlygf_256",
-  "tag": "_tag_xqlygf_256",
-  "filledTag": "_filledTag_xqlygf_279",
-  "toggle": "_toggle_xqlygf_286",
-  "icon": "_icon_xqlygf_142",
-  "clearIcon": "_clearIcon_xqlygf_353"
+  "themeLight": "_themeLight_c93kzc_27",
+  "themeDark": "_themeDark_c93kzc_30",
+  "sizeS": "_sizeS_c93kzc_34",
+  "sizeM": "_sizeM_c93kzc_37",
+  "sizeL": "_sizeL_c93kzc_40",
+  "classic": "_classic_c93kzc_44",
+  "rock": "_rock_c93kzc_47",
+  "main": "_main_c93kzc_51",
+  "open": "_open_c93kzc_80",
+  "searchKeyFocused": "_searchKeyFocused_c93kzc_85",
+  "error": "_error_c93kzc_89",
+  "disabled": "_disabled_c93kzc_95",
+  "enabled": "_enabled_c93kzc_103",
+  "searchFocused": "_searchFocused_c93kzc_104",
+  "focused": "_focused_c93kzc_105",
+  "isMulti": "_isMulti_c93kzc_138",
+  "iconsWrapper": "_iconsWrapper_c93kzc_142",
+  "labelWrapper": "_labelWrapper_c93kzc_157",
+  "label": "_label_c93kzc_157",
+  "labelNotSelected": "_labelNotSelected_c93kzc_197",
+  "searchInput": "_searchInput_c93kzc_210",
+  "multi": "_multi_c93kzc_240",
+  "tagsContainer": "_tagsContainer_c93kzc_256",
+  "tag": "_tag_c93kzc_256",
+  "filledTag": "_filledTag_c93kzc_279",
+  "toggle": "_toggle_c93kzc_286",
+  "icon": "_icon_c93kzc_142",
+  "clearIcon": "_clearIcon_c93kzc_353"
 };
 export { styles as default };

package/lib/select.js

@@ -11,7 +11,7 @@ import SelectTrigger from './parts/trigger.js';
 import FormTriggerWrapper from './parts/form-trigger-wrapper.js';
 import { useObservableForceRerender } from './parts/use-observable-force-rerender.js';
 import { optionType, optionsGroupType, noOptionsMessageConfigType } from './common-prop-types.js';
-import { useStrongMemo, getDefaultCursorIndex, isGroupsEmpty, getMovedCursorIndex, shouldOpenSelect, isIndexMatchCursor, withoutGroupsLabel, getPlainOptionsFromGroups, getEmptyMessage, OptionGroupTypes, getOptionValue, convertToOptionGroupsIfNeeded, escapeRegex, calculateMaxHeight } from './utils.js';
+import { useStrongMemo, getDefaultCursorIndex, isGroupsEmpty, getMovedCursorIndex, shouldOpenSelect, isIndexMatchCursor, withoutGroupsLabel, getPlainOptionsFromGroups, getEmptyMessage, OptionGroupTypes, getOptionValue, convertToOptionGroupsIfNeeded, escapeRegex, getTextFromNodes, calculateMaxHeight } from './utils.js';
 import { ARROW_DOWN, ARROW_UP, ENTER, SPACE, TAB, ESCAPE, BACKSPACE } from './key-codes.js';
 import styles from './parts/common-select.p.module.css.js'; // eslint-disable-next-line complexity
 
@@ -125,7 +125,7 @@ const Select = _ref2 => {
         let {
           label
         } = _ref3;
-        return filter.test(label);
+        return filter.test(getTextFromNodes(label));
       })
     }));
   }, [searchString, groups]);

package/lib/types.d.ts

@@ -1,11 +1,12 @@
+import React from 'react';
 export declare type SelectSize = 'l' | 'm' | 's';
 export declare type SelectMode = 'classic' | 'rock';
 export declare type SelectOption = {
-    label: string;
+    label: React.ReactNode;
     value?: string;
 };
 export declare type SelectOptionsGroup = {
-    label?: string;
+    label?: React.ReactNode;
     options: SelectOption[];
 };
 export declare type SelectOptionOrGroup = SelectOption | SelectOptionsGroup;
@@ -18,7 +19,7 @@ export declare type NativeSelectOption = {
 export declare type NativeSelectOptionsGroup = {
     label?: string;
     disabled?: boolean;
-    options: SelectOption[];
+    options: NativeSelectOption[];
 };
 export declare type NativeSelectOptionOrGroup = NativeSelectOption | NativeSelectOptionsGroup;
 export declare type NativeSelectOptions = NativeSelectOptionOrGroup[];

package/lib/utils.d.ts

@@ -1,5 +1,7 @@
+import React from 'react';
 import type { SelectOptionOrGroup, SelectOptionsGroup, NoOptionsMessage, SelectSize } from './types';
 import { Groups, Index, SelectOption } from './types';
+export declare const getTextFromNodes: (node: React.ReactNode, depth?: number) => string;
 export declare function shouldOpenSelect(key: string, isTriggerTarget?: boolean): boolean;
 export declare function getEmptyMessage(isLoading: boolean, isNothingFound: boolean, noOptionsMessage: NoOptionsMessage): string;
 export declare function escapeRegex(str: string): string;

package/lib/utils.js

@@ -1,4 +1,4 @@
-import { useRef } from 'react';
+import React, { useRef } from 'react';
 import { ARROW_DOWN, ARROW_UP, SPACE, ENTER } from './key-codes.js';
 const DEFAULT_NO_OPTIONS_MESSAGES = {
   noOptions: 'No options',
@@ -12,6 +12,31 @@ const ITEM_HEIGHT_BY_SIZE = {
   l: 52
 };
 
+const getTextFromNodes = function (node) {
+  var _node$type;
+
+  let depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+
+  if (typeof node === 'string' || typeof node === 'number') {
+    return node.toString();
+  }
+
+  if (depth > 15) {
+    console.warn('Max depth reached while getting text from nodes');
+    return '';
+  }
+
+  if (Array.isArray(node)) {
+    return node.map(n => getTextFromNodes(n, depth + 1)).join('');
+  }
+
+  if ( /*#__PURE__*/React.isValidElement(node) && (node === null || node === void 0 || (_node$type = node.type) === null || _node$type === void 0 || (_node$type = _node$type.toString()) === null || _node$type === void 0 ? void 0 : _node$type.toLowerCase()) !== 'svg') {
+    return getTextFromNodes(node.props.children, depth + 1);
+  }
+
+  return '';
+};
+
 const isOptionsGroup = optionOrGroup => typeof optionOrGroup.options !== 'undefined';
 
 function shouldOpenSelect(key) {
@@ -83,7 +108,7 @@ const calculateMaxHeight = size => {
 };
 
 function getOptionValue(option) {
-  return typeof option.value === 'string' ? option.value : option.label;
+  return typeof option.value === 'string' ? option.value : getTextFromNodes(option.label);
 }
 
 const OptionGroupTypes = {
@@ -173,4 +198,4 @@ const isIndexMatchCursor = (cursorIndex, index) => {
 
 const withoutGroupsLabel = groups => groups.every(g => !g.label);
 
-export { OptionGroupTypes, calculateMaxHeight, convertToOptionGroupsIfNeeded, escapeRegex, getDefaultCursorIndex, getEmptyMessage, getMovedCursorIndex, getOptionValue, getPlainOptionsFromGroups, isGroupsEmpty, isIndexMatchCursor, shouldOpenSelect, useStrongMemo, withoutGroupsLabel };
+export { OptionGroupTypes, calculateMaxHeight, convertToOptionGroupsIfNeeded, escapeRegex, getDefaultCursorIndex, getEmptyMessage, getMovedCursorIndex, getOptionValue, getPlainOptionsFromGroups, getTextFromNodes, isGroupsEmpty, isIndexMatchCursor, shouldOpenSelect, useStrongMemo, withoutGroupsLabel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/select",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -17,8 +17,8 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
     "@rescui/dropdown": "^0.9.0",
-    "@rescui/menu": "^0.12.2",
-    "@rescui/tag": "^0.12.1",
+    "@rescui/menu": "^0.13.0",
+    "@rescui/tag": "^0.13.0",
     "@rescui/use-resize-observer": "^0.3.0",
     "classnames": "^2.2.6",
     "scroll-into-view-if-needed": "2.2.20"
@@ -40,5 +40,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "4c9832a9e5fc1fe7a9a0c863f73f7f14088e3fd5"
+  "gitHead": "66c499bb620ffa7b651301dfb24dbb4e5782435d"
 }

package/lib/_virtual/check.js

@@ -1,106 +0,0 @@
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import styles from './index.css.js';
-const sizeStyles = {
-  "xs": styles.sizeXS,
-  "s": styles.sizeS,
-  "m": styles.sizeM,
-  "l": styles.sizeL
-};
-const Size = {
-  "xs": "xs",
-  "s": "s",
-  "m": "m",
-  "l": "l"
-};
-const CheckIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 16 16"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M14.03 3.97a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 0 1 1.06-1.06l2.97 2.97 6.47-6.47a.75.75 0 0 1 1.06 0"
-})));
-CheckIcon16.displayName = 'CheckIcon16';
-const CheckIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 20 20"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0"
-})));
-CheckIcon20.displayName = 'CheckIcon20';
-const CheckIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 24 24"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M20.06 5.94a1.5 1.5 0 0 1 0 2.12l-10 10a1.5 1.5 0 0 1-2.12 0l-5-5a1.5 1.5 0 0 1 2.12-2.12L9 14.878l8.94-8.94a1.5 1.5 0 0 1 2.12 0"
-})));
-CheckIcon24.displayName = 'CheckIcon24';
-const CheckIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 28 28"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M23.014 6.894a1.5 1.5 0 0 0-2.12.092l-9.941 10.846-4.892-4.893a1.5 1.5 0 0 0-2.122 2.122l6 6a1.5 1.5 0 0 0 2.167-.047l11-12a1.5 1.5 0 0 0-.092-2.12"
-})));
-CheckIcon28.displayName = 'CheckIcon28';
-const CheckIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    theme,
-    size: sizeFromProps = "m",
-    className,
-    style,
-    ['data-render-all-sizes']: renderAllSizes = false,
-    ...props
-  } = _ref;
-  const size = sizeFromProps in Size ? sizeFromProps : "m";
-  const mainProps = { ...props,
-    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
-    style: renderAllSizes ? {
-      '--rs-icon-ar-width': 28,
-      '--rs-icon-ar-height': 28,
-      ...style
-    } : style,
-    ref
-  };
-
-  if (renderAllSizes) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 28 28"
-    }, mainProps), /*#__PURE__*/React.createElement(CheckIcon16, {
-      className: styles.variant16
-    }), /*#__PURE__*/React.createElement(CheckIcon20, {
-      className: styles.variant20
-    }), /*#__PURE__*/React.createElement(CheckIcon24, {
-      className: styles.variant24
-    }), /*#__PURE__*/React.createElement(CheckIcon28, {
-      className: styles.variant28
-    }));
-  }
-
-  if (size === Size['xs']) {
-    return /*#__PURE__*/React.createElement(CheckIcon16, mainProps);
-  }
-
-  if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement(CheckIcon20, mainProps);
-  }
-
-  if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement(CheckIcon24, mainProps);
-  }
-
-  return /*#__PURE__*/React.createElement(CheckIcon28, mainProps);
-});
-CheckIcon.displayName = 'CheckIcon';
-CheckIcon.propTypes = {
-  className: PropTypes.string,
-  theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
-  'data-render-all-sizes': PropTypes.bool,
-  style: PropTypes.object
-};
-export { Size, CheckIcon as default };

package/lib/_virtual/close.js

@@ -1,106 +0,0 @@
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import styles from './index.css.js';
-const sizeStyles = {
-  "xs": styles.sizeXS,
-  "s": styles.sizeS,
-  "m": styles.sizeM,
-  "l": styles.sizeL
-};
-const Size = {
-  "xs": "xs",
-  "s": "s",
-  "m": "m",
-  "l": "l"
-};
-const CloseIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 16 16"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M2.47 2.47a.75.75 0 0 1 1.06 0L8 6.94l4.47-4.47a.75.75 0 1 1 1.06 1.06L9.06 8l4.47 4.47a.75.75 0 1 1-1.06 1.06L8 9.06l-4.47 4.47a.75.75 0 0 1-1.06-1.06L6.94 8 2.47 3.53a.75.75 0 0 1 0-1.06"
-})));
-CloseIcon16.displayName = 'CloseIcon16';
-const CloseIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 20 20"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M3.293 3.293a1 1 0 0 1 1.414 0L10 8.586l5.293-5.293a1 1 0 1 1 1.414 1.414L11.414 10l5.293 5.293a1 1 0 0 1-1.414 1.414L10 11.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L8.586 10 3.293 4.707a1 1 0 0 1 0-1.414"
-})));
-CloseIcon20.displayName = 'CloseIcon20';
-const CloseIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 24 24"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M3.44 3.44a1.5 1.5 0 0 1 2.12 0L12 9.878l6.44-6.44a1.5 1.5 0 0 1 2.12 2.122L14.122 12l6.44 6.44a1.5 1.5 0 0 1-2.122 2.12L12 14.122l-6.44 6.44a1.5 1.5 0 0 1-2.12-2.122L9.878 12l-6.44-6.44a1.5 1.5 0 0 1 0-2.12"
-})));
-CloseIcon24.displayName = 'CloseIcon24';
-const CloseIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 28 28"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M4.44 4.44a1.5 1.5 0 0 1 2.12 0L14 11.878l7.44-7.44a1.5 1.5 0 0 1 2.12 2.122L16.122 14l7.44 7.44a1.5 1.5 0 0 1-2.122 2.12L14 16.122l-7.44 7.44a1.5 1.5 0 0 1-2.12-2.122L11.878 14l-7.44-7.44a1.5 1.5 0 0 1 0-2.12"
-})));
-CloseIcon28.displayName = 'CloseIcon28';
-const CloseIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    theme,
-    size: sizeFromProps = "m",
-    className,
-    style,
-    ['data-render-all-sizes']: renderAllSizes = false,
-    ...props
-  } = _ref;
-  const size = sizeFromProps in Size ? sizeFromProps : "m";
-  const mainProps = { ...props,
-    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
-    style: renderAllSizes ? {
-      '--rs-icon-ar-width': 28,
-      '--rs-icon-ar-height': 28,
-      ...style
-    } : style,
-    ref
-  };
-
-  if (renderAllSizes) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 28 28"
-    }, mainProps), /*#__PURE__*/React.createElement(CloseIcon16, {
-      className: styles.variant16
-    }), /*#__PURE__*/React.createElement(CloseIcon20, {
-      className: styles.variant20
-    }), /*#__PURE__*/React.createElement(CloseIcon24, {
-      className: styles.variant24
-    }), /*#__PURE__*/React.createElement(CloseIcon28, {
-      className: styles.variant28
-    }));
-  }
-
-  if (size === Size['xs']) {
-    return /*#__PURE__*/React.createElement(CloseIcon16, mainProps);
-  }
-
-  if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement(CloseIcon20, mainProps);
-  }
-
-  if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement(CloseIcon24, mainProps);
-  }
-
-  return /*#__PURE__*/React.createElement(CloseIcon28, mainProps);
-});
-CloseIcon.displayName = 'CloseIcon';
-CloseIcon.propTypes = {
-  className: PropTypes.string,
-  theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
-  'data-render-all-sizes': PropTypes.bool,
-  style: PropTypes.object
-};
-export { Size, CloseIcon as default };

package/lib/_virtual/down.js

@@ -1,106 +0,0 @@
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import styles from './index.css.js';
-const sizeStyles = {
-  "xs": styles.sizeXS,
-  "s": styles.sizeS,
-  "m": styles.sizeM,
-  "l": styles.sizeL
-};
-const Size = {
-  "xs": "xs",
-  "s": "s",
-  "m": "m",
-  "l": "l"
-};
-const DownIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 16 16"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M11.53 5.97a.75.75 0 0 0-1.06 0L8 8.44 5.53 5.97a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 0 0 0-1.06"
-})));
-DownIcon16.displayName = 'DownIcon16';
-const DownIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 20 20"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M14.707 7.293a1 1 0 0 0-1.414 0L10 10.586 6.707 7.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
-})));
-DownIcon20.displayName = 'DownIcon20';
-const DownIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 24 24"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M19.06 7.94a1.5 1.5 0 0 0-2.12 0L12 12.878l-4.94-4.94a1.5 1.5 0 1 0-2.12 2.122l6 6a1.5 1.5 0 0 0 2.12 0l6-6a1.5 1.5 0 0 0 0-2.122"
-})));
-DownIcon24.displayName = 'DownIcon24';
-const DownIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 28 28"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M22.06 9.44a1.5 1.5 0 0 0-2.12 0L14 15.378l-5.94-5.94a1.5 1.5 0 1 0-2.12 2.122l7 7a1.5 1.5 0 0 0 2.12 0l7-7a1.5 1.5 0 0 0 0-2.122"
-})));
-DownIcon28.displayName = 'DownIcon28';
-const DownIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    theme,
-    size: sizeFromProps = "m",
-    className,
-    style,
-    ['data-render-all-sizes']: renderAllSizes = false,
-    ...props
-  } = _ref;
-  const size = sizeFromProps in Size ? sizeFromProps : "m";
-  const mainProps = { ...props,
-    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
-    style: renderAllSizes ? {
-      '--rs-icon-ar-width': 28,
-      '--rs-icon-ar-height': 28,
-      ...style
-    } : style,
-    ref
-  };
-
-  if (renderAllSizes) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 28 28"
-    }, mainProps), /*#__PURE__*/React.createElement(DownIcon16, {
-      className: styles.variant16
-    }), /*#__PURE__*/React.createElement(DownIcon20, {
-      className: styles.variant20
-    }), /*#__PURE__*/React.createElement(DownIcon24, {
-      className: styles.variant24
-    }), /*#__PURE__*/React.createElement(DownIcon28, {
-      className: styles.variant28
-    }));
-  }
-
-  if (size === Size['xs']) {
-    return /*#__PURE__*/React.createElement(DownIcon16, mainProps);
-  }
-
-  if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement(DownIcon20, mainProps);
-  }
-
-  if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement(DownIcon24, mainProps);
-  }
-
-  return /*#__PURE__*/React.createElement(DownIcon28, mainProps);
-});
-DownIcon.displayName = 'DownIcon';
-DownIcon.propTypes = {
-  className: PropTypes.string,
-  theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
-  'data-render-all-sizes': PropTypes.bool,
-  style: PropTypes.object
-};
-export { Size, DownIcon as default };