@rescui/select 0.13.1-RUI-270-Update-select-options-label-types-b99bd91c.3 → 0.14.0

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

@@ -1,15 +1,15 @@
 var styles = {
-  "sizeS": "_sizeS_3ddtgz_3",
-  "sizeM": "_sizeM_3ddtgz_6",
-  "sizeL": "_sizeL_3ddtgz_9",
-  "menu": "_menu_3ddtgz_13",
-  "menuSizeS": "_menuSizeS_3ddtgz_26",
-  "menuSizeM": "_menuSizeM_3ddtgz_30",
-  "menuSizeL": "_menuSizeL_3ddtgz_34",
-  "withGroupsLabel": "_withGroupsLabel_3ddtgz_40",
-  "lastOption": "_lastOption_3ddtgz_39",
-  "divider": "_divider_3ddtgz_45",
-  "checkIcon": "_checkIcon_3ddtgz_51",
-  "observable": "_observable_3ddtgz_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_1ea9p06_7",
-  "themeDark": "_themeDark_1ea9p06_10",
-  "sizeS": "_sizeS_1ea9p06_14",
-  "sizeM": "_sizeM_1ea9p06_17",
-  "sizeL": "_sizeL_1ea9p06_20",
-  "main": "_main_1ea9p06_24",
-  "label": "_label_1ea9p06_28",
-  "errorMessage": "_errorMessage_1ea9p06_34",
-  "errorIcon": "_errorIcon_1ea9p06_45",
-  "note": "_note_1ea9p06_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_4q9tzo_6",
-  "sizeM": "_sizeM_4q9tzo_9",
-  "sizeL": "_sizeL_4q9tzo_12",
-  "main": "_main_4q9tzo_16",
-  "wrapper": "_wrapper_4q9tzo_20",
-  "select": "_select_4q9tzo_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,9 +4,9 @@ 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';
@@ -113,7 +113,7 @@ const ClearOrLoading = _ref3 => {
   } = _ref3;
 
   if (isLoading) {
-    return /*#__PURE__*/React.createElement(LoadingIcon, {
+    return /*#__PURE__*/React.createElement(LoadingOutlineIcon, {
       style: {
         pointerEvents: 'none'
       },
@@ -130,7 +130,7 @@ const ClearOrLoading = _ref3 => {
         e.stopPropagation();
         onClearClick();
       }
-    }, /*#__PURE__*/React.createElement(CloseIcon, {
+    }, /*#__PURE__*/React.createElement(CloseOutlineIcon, {
       "data-render-all-sizes": true
     }));
   } else {
@@ -223,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_pvn8q3_27",
-  "themeDark": "_themeDark_pvn8q3_30",
-  "sizeS": "_sizeS_pvn8q3_34",
-  "sizeM": "_sizeM_pvn8q3_37",
-  "sizeL": "_sizeL_pvn8q3_40",
-  "classic": "_classic_pvn8q3_44",
-  "rock": "_rock_pvn8q3_47",
-  "main": "_main_pvn8q3_51",
-  "open": "_open_pvn8q3_80",
-  "searchKeyFocused": "_searchKeyFocused_pvn8q3_85",
-  "error": "_error_pvn8q3_89",
-  "disabled": "_disabled_pvn8q3_95",
-  "enabled": "_enabled_pvn8q3_103",
-  "searchFocused": "_searchFocused_pvn8q3_104",
-  "focused": "_focused_pvn8q3_105",
-  "isMulti": "_isMulti_pvn8q3_138",
-  "iconsWrapper": "_iconsWrapper_pvn8q3_142",
-  "labelWrapper": "_labelWrapper_pvn8q3_157",
-  "label": "_label_pvn8q3_157",
-  "labelNotSelected": "_labelNotSelected_pvn8q3_197",
-  "searchInput": "_searchInput_pvn8q3_210",
-  "multi": "_multi_pvn8q3_240",
-  "tagsContainer": "_tagsContainer_pvn8q3_256",
-  "tag": "_tag_pvn8q3_256",
-  "filledTag": "_filledTag_pvn8q3_279",
-  "toggle": "_toggle_pvn8q3_286",
-  "icon": "_icon_pvn8q3_142",
-  "clearIcon": "_clearIcon_pvn8q3_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/utils.js

@@ -30,7 +30,7 @@ const getTextFromNodes = function (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 ? void 0 : _node$type.toLowerCase()) !== 'svg') {
+  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);
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/select",
-  "version": "0.13.1-RUI-270-Update-select-options-label-types-b99bd91c.3+b99bd91c",
+  "version": "0.14.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,10 +16,10 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
-    "@rescui/dropdown": "0.9.1-RUI-270-Update-select-options-label-types-b99bd91c.3+b99bd91c",
-    "@rescui/menu": "0.12.3-RUI-270-Update-select-options-label-types-b99bd91c.3+b99bd91c",
-    "@rescui/tag": "0.12.2-RUI-270-Update-select-options-label-types-b99bd91c.3+b99bd91c",
-    "@rescui/use-resize-observer": "0.3.1-RUI-270-Update-select-options-label-types-b99bd91c.49+b99bd91c",
+    "@rescui/dropdown": "^0.9.0",
+    "@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"
   },
@@ -29,10 +29,10 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "0.2.13-RUI-270-Update-select-options-label-types-b99bd91c.3+b99bd91c",
-    "@rescui/scripts": "0.5.1",
-    "@rescui/typography": "0.24.3-RUI-270-Update-select-options-label-types-b99bd91c.3+b99bd91c",
-    "@rescui/visual-regression": "0.1.4",
+    "@rescui/colors": "^0.2.12",
+    "@rescui/scripts": "^0.5.1",
+    "@rescui/typography": "^0.24.2",
+    "@rescui/visual-regression": "^0.1.4",
     "sniffr": "^1.2.0"
   },
   "scripts": {
@@ -40,5 +40,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "b99bd91c4c5319fed687fdfa123e195ccc8275ba"
+  "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 };