@semcore/select 16.1.1 → 16.1.2-prerelease.1

package/lib/esm/InputSearch.mjs

@@ -1,60 +1,63 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
-import React from "react";
-import SearchM from "@semcore/icon/Search/m";
+import { ButtonLink } from "@semcore/button";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import CloseM from "@semcore/icon/Close/m";
+import SearchM from "@semcore/icon/Search/m";
 import Input from "@semcore/input";
-import { ButtonLink } from "@semcore/button";
+import React from "react";
 import { selectContext } from "./context.mjs";
-import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 /*!__reshadow-styles__:"./style/input-search.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SInputSearch_1qsq1_gg_._size_m_1qsq1_gg_{height:32px}.___SSearchClear_1qsq1_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1qsq1_gg_.__hide_1qsq1_gg_{visibility:hidden}.___SOutline_1qsq1_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}",
+    ".___SInputSearch_1jla1_gg_._size_m_1jla1_gg_{height:32px}.___SSearchClear_1jla1_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1jla1_gg_.__hide_1jla1_gg_{visibility:hidden}.___SOutline_1jla1_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}",
     /*__inner_css_end__*/
-    "1qsq1_gg_"
+    "1jla1_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SInputSearch": "___SInputSearch_1qsq1_gg_",
-    "_size_m": "_size_m_1qsq1_gg_",
-    "__SSearchClear": "___SSearchClear_1qsq1_gg_",
-    "_hide": "__hide_1qsq1_gg_",
-    "__SOutline": "___SOutline_1qsq1_gg_"
+    "__SInputSearch": "___SInputSearch_1jla1_gg_",
+    "_size_m": "_size_m_1jla1_gg_",
+    "__SSearchClear": "___SSearchClear_1jla1_gg_",
+    "_hide": "__hide_1jla1_gg_",
+    "__SOutline": "___SOutline_1jla1_gg_"
   })
 );
 var InputSearchRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(InputSearchRoot2, _Component);
-  var _super = _createSuper(InputSearchRoot2);
   function InputSearchRoot2() {
     var _this;
     _classCallCheck(this, InputSearchRoot2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "inputRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "closeIconRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "handleClear", function(e) {
+    _this = _callSuper(this, InputSearchRoot2, [].concat(args));
+    _defineProperty(_this, "inputRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "closeIconRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "handleClear", function(e) {
       _this.handlers.value("", e);
       setTimeout(function() {
         if (document.activeElement === document.body || document.activeElement === _this.closeIconRef.current) {
           var _this$inputRef$curren;
-          (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.focus();
+          (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 || _this$inputRef$curren.focus();
         }
       }, 0);
     });
     return _this;
   }
-  _createClass(InputSearchRoot2, [{
+  _inherits(InputSearchRoot2, _Component);
+  return _createClass(InputSearchRoot2, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -67,10 +70,10 @@ var InputSearchRoot = /* @__PURE__ */ function(_Component) {
       var _this$asProps = this.asProps, value = _this$asProps.value, onChange = _this$asProps.onChange, getI18nText = _this$asProps.getI18nText, hasChildren = _this$asProps.children;
       return {
         value,
-        onChange: hasChildren ? onChange : void 0,
-        autoFocus: true,
-        ref: this.inputRef,
-        placeholder: getI18nText("Select.InputSearch.Value:placeholder"),
+        "onChange": hasChildren ? onChange : void 0,
+        "autoFocus": true,
+        "ref": this.inputRef,
+        "placeholder": getI18nText("Select.InputSearch.Value:placeholder"),
         "aria-label": getI18nText("Select.InputSearch.Value:aria-label")
       };
     }
@@ -79,12 +82,12 @@ var InputSearchRoot = /* @__PURE__ */ function(_Component) {
     value: function getClearProps() {
       var _this$asProps2 = this.asProps, value = _this$asProps2.value, getI18nText = _this$asProps2.getI18nText;
       return {
-        ref: this.closeIconRef,
+        "ref": this.closeIconRef,
         /* hide through css because the width of the input changes */
-        hide: !value,
+        "hide": !value,
         "aria-hidden": !value,
         "aria-label": getI18nText("clearSearch"),
-        onClick: this.handleClear
+        "onClick": this.handleClear
       };
     }
   }, {
@@ -100,7 +103,6 @@ var InputSearchRoot = /* @__PURE__ */ function(_Component) {
       }), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputSearch.SearchIcon, null), /* @__PURE__ */ React.createElement(Value, _ref5.cn("Value", _objectSpread({}, assignProps({}, _ref)))), /* @__PURE__ */ React.createElement(InputSearch.Clear, null)));
     }
   }]);
-  return InputSearchRoot2;
 }(Component);
 _defineProperty(InputSearchRoot, "displayName", "InputSearch");
 _defineProperty(InputSearchRoot, "style", style);

package/lib/esm/Select.mjs

@@ -4,47 +4,56 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _get from "@babel/runtime/helpers/esm/get";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, createComponent, lastInteraction, assignProps } from "@semcore/core";
-import React from "react";
-import cn from "classnames";
-import DropdownMenu from "@semcore/dropdown-menu";
-import Dropdown, { enhance, selectedIndexContext, AbstractDropdown } from "@semcore/dropdown";
 import { ButtonTrigger } from "@semcore/base-trigger";
-import Divider from "@semcore/divider";
+import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
+import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
+import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 import findComponent, { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
 import logger from "@semcore/core/lib/utils/logger";
-import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
-import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
-import InputSearch from "./InputSearch.mjs";
+import Divider from "@semcore/divider";
+import Dropdown, { enhance, selectedIndexContext, AbstractDropdown } from "@semcore/dropdown";
+import DropdownMenu from "@semcore/dropdown-menu";
 import { useBox } from "@semcore/flex-box";
+import { isInputTriggerTag } from "@semcore/popper";
+import cn from "classnames";
+import React from "react";
 import { selectContext } from "./context.mjs";
+import InputSearch from "./InputSearch.mjs";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
-import { isInputTriggerTag } from "@semcore/popper";
-import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
+function _superPropGet(t, o, e, r) {
+  var p = _get(_getPrototypeOf(t.prototype), o, e);
+  return "function" == typeof p ? function(t2) {
+    return p.apply(e, t2);
+  } : p;
+}
 /*!__reshadow-styles__:"./style/select.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SOptionCheckbox_bsto4_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_bsto4_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_bsto4_gg_::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_bsto4_gg_.__selected_bsto4_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_bsto4_gg_._size_l_bsto4_gg_{width:20px;height:20px}.___SOptionCheckbox_bsto4_gg_._size_l_bsto4_gg_.__selected_bsto4_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_bsto4_gg_.__indeterminate_bsto4_gg_:before,.___SOptionCheckbox_bsto4_gg_.__selected_bsto4_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_bsto4_gg_.__theme_bsto4_gg_:before{border-color:var(--theme_bsto4)}.___SOptionCheckbox_bsto4_gg_.__theme_bsto4_gg_.__indeterminate_bsto4_gg_:before,.___SOptionCheckbox_bsto4_gg_.__theme_bsto4_gg_.__selected_bsto4_gg_:before{background-color:var(--theme_bsto4);border-color:var(--theme_bsto4)}.___SOptionCheckbox_bsto4_gg_.__selected_bsto4_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_bsto4_gg_.__selected_bsto4_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_bsto4_gg_.__indeterminate_bsto4_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_bsto4_gg_.__indeterminate_bsto4_gg_._size_l_bsto4_gg_:after{width:12px;height:2px}.___SOptionCheckbox_bsto4_gg_.__indeterminate_bsto4_gg_._size_m_bsto4_gg_:after{width:8px;height:2px}',
+    '.___SOptionCheckbox_119jy_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_119jy_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_119jy_gg_::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_119jy_gg_.__selected_119jy_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_119jy_gg_._size_l_119jy_gg_{width:20px;height:20px}.___SOptionCheckbox_119jy_gg_._size_l_119jy_gg_.__selected_119jy_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_119jy_gg_.__indeterminate_119jy_gg_:before,.___SOptionCheckbox_119jy_gg_.__selected_119jy_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_119jy_gg_.__theme_119jy_gg_:before{border-color:var(--theme_119jy)}.___SOptionCheckbox_119jy_gg_.__theme_119jy_gg_.__indeterminate_119jy_gg_:before,.___SOptionCheckbox_119jy_gg_.__theme_119jy_gg_.__selected_119jy_gg_:before{background-color:var(--theme_119jy);border-color:var(--theme_119jy)}.___SOptionCheckbox_119jy_gg_.__selected_119jy_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_119jy_gg_.__selected_119jy_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_119jy_gg_.__indeterminate_119jy_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_119jy_gg_.__indeterminate_119jy_gg_._size_l_119jy_gg_:after{width:12px;height:2px}.___SOptionCheckbox_119jy_gg_.__indeterminate_119jy_gg_._size_m_119jy_gg_:after{width:8px;height:2px}',
     /*__inner_css_end__*/
-    "bsto4_gg_"
+    "119jy_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SOptionCheckbox": "___SOptionCheckbox_bsto4_gg_",
-    "_selected": "__selected_bsto4_gg_",
-    "_size_l": "_size_l_bsto4_gg_",
-    "_indeterminate": "__indeterminate_bsto4_gg_",
-    "_theme": "__theme_bsto4_gg_",
-    "--theme": "--theme_bsto4",
-    "_size_m": "_size_m_bsto4_gg_"
+    "__SOptionCheckbox": "___SOptionCheckbox_119jy_gg_",
+    "_selected": "__selected_119jy_gg_",
+    "_size_l": "_size_l_119jy_gg_",
+    "_indeterminate": "__indeterminate_119jy_gg_",
+    "_theme": "__theme_119jy_gg_",
+    "--theme": "--theme_119jy",
+    "_size_m": "_size_m_119jy_gg_"
   })
 );
 function isSelectedOption(value, valueOption) {
@@ -57,17 +66,15 @@ function getEmptyValue(multiselect) {
   return multiselect ? [] : null;
 }
 var RootSelect = /* @__PURE__ */ function(_AbstractDropdown) {
-  _inherits(RootSelect2, _AbstractDropdown);
-  var _super = _createSuper(RootSelect2);
   function RootSelect2() {
     var _this;
     _classCallCheck(this, RootSelect2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "role", "listbox");
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerOptionClick", function(optionValue, index) {
+    _this = _callSuper(this, RootSelect2, [].concat(args));
+    _defineProperty(_this, "role", "listbox");
+    _defineProperty(_this, "bindHandlerOptionClick", function(optionValue, _index) {
       return function(e) {
         var newValue = optionValue;
         var _this$asProps = _this.asProps, value = _this$asProps.value, multiselect = _this$asProps.multiselect;
@@ -87,7 +94,7 @@ var RootSelect = /* @__PURE__ */ function(_AbstractDropdown) {
         }
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "handlerClear", function(e) {
+    _defineProperty(_this, "handlerClear", function(e) {
       var value = _this.asProps.value;
       var emptyValue = getEmptyValue(Array.isArray(value));
       _this.handlers.value(emptyValue, e);
@@ -95,10 +102,11 @@ var RootSelect = /* @__PURE__ */ function(_AbstractDropdown) {
     });
     return _this;
   }
-  _createClass(RootSelect2, [{
+  _inherits(RootSelect2, _AbstractDropdown);
+  return _createClass(RootSelect2, [{
     key: "itemRef",
     value: function itemRef(props, index, node) {
-      _get(_getPrototypeOf(RootSelect2.prototype), "itemRef", this).call(this, props, index, node);
+      _superPropGet(RootSelect2, "itemRef", this)([props, index, node]);
       var highlightedIndex = this.asProps.highlightedIndex;
       var isHighlighted = index === highlightedIndex;
       if (isHighlighted) {
@@ -109,7 +117,7 @@ var RootSelect = /* @__PURE__ */ function(_AbstractDropdown) {
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       var _this2 = this;
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(RootSelect2.prototype), "uncontrolledProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(RootSelect2, "uncontrolledProps", this)([])), {}, {
         visible: [null, function(visible) {
           if (visible === true) {
             var hasInputSearch = isAdvanceMode(_this2.asProps.Children, [Select.InputSearch.displayName], true);
@@ -141,31 +149,31 @@ var RootSelect = /* @__PURE__ */ function(_AbstractDropdown) {
       var _this$asProps2 = this.asProps, disabled = _this$asProps2.disabled, visible = _this$asProps2.visible, state = _this$asProps2.state, placeholder = _this$asProps2.placeholder, value = _this$asProps2.value, options = _this$asProps2.options, forwardRef = _this$asProps2.forwardRef, name = _this$asProps2.name, multiselect = _this$asProps2.multiselect, getI18nText = _this$asProps2.getI18nText, highlightedIndex = _this$asProps2.highlightedIndex, uid = _this$asProps2.uid, Children = _this$asProps2.Children, hasChildren = _this$asProps2.children;
       var isMenu = isAdvanceMode(Children, [Select.Menu.displayName], true) || !hasChildren;
       var ariaControls = isMenu ? "igc-".concat(uid, "-list") : "igc-".concat(uid, "-popper");
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(RootSelect2.prototype), "getTriggerProps", this).call(this)), {}, {
-        onKeyDown: callAllEventHandlers(this.handlePreventCommonKeyDown.bind(this), this.handleOpenKeyDown.bind(this), this.handleArrowKeyDown.bind(this)),
+      return _objectSpread(_objectSpread({}, _superPropGet(RootSelect2, "getTriggerProps", this)([])), {}, {
+        "onKeyDown": callAllEventHandlers(this.handlePreventCommonKeyDown.bind(this), this.handleOpenKeyDown.bind(this), this.handleArrowKeyDown.bind(this)),
         "aria-controls": visible ? ariaControls : void 0,
         "aria-haspopup": isMenu ? "listbox" : "dialog",
         "aria-disabled": disabled ? "true" : "false",
         "aria-activedescendant": visible && highlightedIndex !== null && this.itemRefs[highlightedIndex] ? "igc-".concat(uid, "-option-").concat(highlightedIndex) : void 0,
-        empty: isEmptyValue(value),
+        "empty": isEmptyValue(value),
         value,
         name,
-        $hiddenRef: forwardRef,
+        "$hiddenRef": forwardRef,
         multiselect,
         state,
         placeholder,
         disabled,
-        active: visible,
-        onClear: this.handlerClear,
-        children: this.renderChildrenTrigger(value, options),
+        "active": visible,
+        "onClear": this.handlerClear,
+        "children": this.renderChildrenTrigger(value, options),
         getI18nText,
-        onBlur: function onBlur() {
+        "onBlur": function onBlur() {
           if (_this3.asProps.visible) {
             _this3.prevHighlightedIndex = _this3.asProps.highlightedIndex;
             _this3.handlers.highlightedIndex(null);
           }
         },
-        onFocus: function onFocus() {
+        "onFocus": function onFocus() {
           if (_this3.asProps.visible) {
             var index = _this3.prevHighlightedIndex;
             _this3.handlers.highlightedIndex(index);
@@ -177,14 +185,14 @@ var RootSelect = /* @__PURE__ */ function(_AbstractDropdown) {
     key: "getListProps",
     value: function getListProps() {
       var multiselect = this.asProps.multiselect;
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(RootSelect2.prototype), "getListProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(RootSelect2, "getListProps", this)([])), {}, {
         "aria-multiselectable": multiselect ? "true" : void 0
       });
     }
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(RootSelect2.prototype), "getPopperProps", this).call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(RootSelect2, "getPopperProps", this)([])), {}, {
         onKeyDown: callAllEventHandlers(this.handlePreventCommonKeyDown.bind(this), this.handlePreventPopperKeyDown.bind(this), this.handleArrowKeyDown.bind(this))
       });
     }
@@ -195,14 +203,14 @@ var RootSelect = /* @__PURE__ */ function(_AbstractDropdown) {
       var _this$asProps3 = this.asProps, value = _this$asProps3.value, highlightedIndex = _this$asProps3.highlightedIndex, _this$asProps3$size = _this$asProps3.size, size = _this$asProps3$size === void 0 ? "m" : _this$asProps3$size;
       var highlighted = index === highlightedIndex && lastInteraction.isKeyboard() && !props.disabled;
       var selected = (_props$selected = props.selected) !== null && _props$selected !== void 0 ? _props$selected : isSelectedOption(value, props.value);
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(RootSelect2.prototype), "getItemProps", this).call(this, props, index)), {}, {
+      return _objectSpread(_objectSpread({}, _superPropGet(RootSelect2, "getItemProps", this)([props, index])), {}, {
         highlighted,
         selected,
         "aria-selected": selected ? "true" : "false",
         "aria-disabled": props.disabled ? "true" : "false",
-        role: "option",
-        onClick: this.bindHandlerOptionClick(props.value, index),
-        ref: function ref(node) {
+        "role": "option",
+        "onClick": this.bindHandlerOptionClick(props.value, index),
+        "ref": function ref(node) {
           return _this4.itemRef(props, index, node);
         },
         size
@@ -221,7 +229,7 @@ var RootSelect = /* @__PURE__ */ function(_AbstractDropdown) {
     key: "getDividerProps",
     value: function getDividerProps() {
       return {
-        my: 1,
+        "my": 1,
         "aria-disabled": "true"
       };
     }
@@ -267,7 +275,6 @@ var RootSelect = /* @__PURE__ */ function(_AbstractDropdown) {
       return /* @__PURE__ */ React.createElement(DropdownMenu, assignProps({}, _ref2), /* @__PURE__ */ React.createElement(Children, null));
     }
   }]);
-  return RootSelect2;
 }(AbstractDropdown);
 _defineProperty(RootSelect, "displayName", "Select");
 _defineProperty(RootSelect, "style", style);
@@ -301,7 +308,7 @@ function Trigger(_ref8) {
     "placeholder": getI18nText("selectPlaceholder"),
     "role": "combobox",
     "aria-autocomplete": hasInputTrigger && "list" || void 0
-  }, _ref3))), addonTextChildren(Children, Tag.Text || ButtonTrigger.Text, Tag.Value || ButtonTrigger.Text, Tag.Addon || ButtonTrigger.Addon, true), name && /* @__PURE__ */ React.createElement("input", _ref6.cn("input", {
+  }, _ref3))), addonTextChildren(Children, Tag.Text || Tag.Value || ButtonTrigger.Text, Tag.Addon || ButtonTrigger.Addon, true), name && /* @__PURE__ */ React.createElement("input", _ref6.cn("input", {
     "type": "hidden",
     "defaultValue": value,
     "name": name,

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
+import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
+import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-import pl from "./pl.json.mjs";
-import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

package/lib/types/index.d.ts

@@ -1,17 +1,19 @@
-import React from 'react';
-import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import DropdownMenu, {
+import type { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';
+import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
+import type Divider from '@semcore/divider';
+import type Dropdown from '@semcore/dropdown';
+import type {
   DropdownMenuContext,
   DropdownMenuItemProps,
   DropdownMenuProps,
   DropdownMenuHandlers,
   DropdownMenuTriggerProps,
 } from '@semcore/dropdown-menu';
-import Dropdown from '@semcore/dropdown';
-import { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';
-import Divider from '@semcore/divider';
-import Input, { InputValueProps } from '@semcore/input';
-import { BoxProps, Flex } from '@semcore/flex-box';
+import type DropdownMenu from '@semcore/dropdown-menu';
+import type { BoxProps, Flex } from '@semcore/flex-box';
+import type { InputValueProps } from '@semcore/input';
+import type Input from '@semcore/input';
+import type React from 'react';
 
 /** @deprecated */
 export interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}
@@ -131,9 +133,9 @@ type IntergalacticSelectComponent<PropsExtending = {}> = (<
     SelectContext,
     [handlers: SelectHandlers]
   > &
-    PropsExtending,
+  PropsExtending,
 ) => Intergalactic.InternalTypings.ComponentRenderingResults) &
-  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', SelectProps>;
+Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', SelectProps>;
 
 declare const Select: IntergalacticSelectComponent & {
   Trigger: Intergalactic.Component<
@@ -178,7 +180,7 @@ declare const wrapSelect: <PropsExtending extends {}>(
     props: Intergalactic.InternalTypings.UntypeRefAndTag<
       Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticSelectComponent>
     > &
-      PropsExtending,
+    PropsExtending,
   ) => React.ReactNode,
 ) => IntergalacticSelectComponent<PropsExtending>;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/select",
   "description": "Semrush Select Component",
-  "version": "16.1.1",
+  "version": "16.1.2-prerelease.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -13,20 +13,20 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/base-trigger": "16.2.0",
-    "@semcore/button": "16.0.1",
-    "@semcore/checkbox": "16.0.1",
-    "@semcore/divider": "16.0.1",
-    "@semcore/dropdown-menu": "16.1.1",
-    "@semcore/dropdown": "16.0.1",
-    "@semcore/icon": "16.2.0",
-    "@semcore/input": "16.0.1",
-    "@semcore/popper": "16.0.1",
-    "@semcore/flex-box": "16.0.1",
+    "@semcore/base-trigger": "16.2.1-prerelease.1",
+    "@semcore/button": "16.0.2-prerelease.1",
+    "@semcore/checkbox": "16.0.2-prerelease.1",
+    "@semcore/divider": "16.0.2-prerelease.1",
+    "@semcore/dropdown": "16.0.2-prerelease.1",
+    "@semcore/dropdown-menu": "16.1.2-prerelease.1",
+    "@semcore/flex-box": "16.0.2-prerelease.1",
+    "@semcore/icon": "16.2.1-prerelease.1",
+    "@semcore/input": "16.0.2-prerelease.1",
+    "@semcore/popper": "16.0.2-prerelease.1",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.0.2-prerelease.1"
   },
   "repository": {
     "type": "git",
@@ -34,11 +34,11 @@
     "directory": "semcore/select"
   },
   "devDependencies": {
-    "@types/react": "18.0.21",
     "@types/classnames": "2.2.6",
-    "@semcore/testing-utils": "1.0.0",
-    "@semcore/typography": "*",
-    "@semcore/flex-box": "*"
+    "@semcore/core": "16.0.0",
+    "@semcore/flex-box": "16.0.2-prerelease.1",
+    "@semcore/typography": "16.1.2-prerelease.1",
+    "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"