intergalactic 15.129.0 → 15.130.0

package/select/lib/esm/Select.mjs

@@ -1,102 +1,133 @@
-import K from "@babel/runtime/helpers/esm/slicedToArray";
-import M from "@babel/runtime/helpers/esm/extends";
-import J from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import h from "@babel/runtime/helpers/esm/objectSpread2";
-import Q from "@babel/runtime/helpers/esm/classCallCheck";
-import V from "@babel/runtime/helpers/esm/createClass";
-import A from "@babel/runtime/helpers/esm/assertThisInitialized";
-import y from "@babel/runtime/helpers/esm/get";
-import C from "@babel/runtime/helpers/esm/getPrototypeOf";
-import U from "@babel/runtime/helpers/esm/inherits";
-import X from "@babel/runtime/helpers/esm/createSuper";
-import b from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as F } from 'intergalactic/utils/lib/core/index';
-import q, { assignProps as S, sstyled as R } from 'intergalactic/core';
-import g from "react";
-import Y from "classnames";
-import v from 'intergalactic/dropdown-menu';
-import w, { enhance as ee, selectedIndexContext as te, AbstractDropdown as re } from 'intergalactic/dropdown';
-import { ButtonTrigger as I } from 'intergalactic/base-trigger';
-import ne from 'intergalactic/divider';
-import ie, { isAdvanceMode as k } from 'intergalactic/utils/lib/findComponent';
-import oe from 'intergalactic/utils/lib/logger';
-import ae from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
-import le from 'intergalactic/utils/lib/addonTextChildren';
-import D from "./InputSearch.mjs";
-import { useBox as se } from 'intergalactic/flex-box';
-import { selectContext as de } from "./context.mjs";
-import { localizedMessages as ce } from "./translations/__intergalactic-dynamic-locales.mjs";
-import { isInputTriggerTag as _e } from 'intergalactic/popper';
-import { callAllEventHandlers as N } from 'intergalactic/utils/lib/assignProps';
-var ge = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"], ue = (
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+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 _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 } from 'intergalactic/utils/lib/core/index';
+import createComponent, { assignProps, sstyled as sstyled$1 } from 'intergalactic/core';
+import React from "react";
+import cn from "classnames";
+import DropdownMenu from 'intergalactic/dropdown-menu';
+import Dropdown, { enhance, selectedIndexContext, AbstractDropdown } from 'intergalactic/dropdown';
+import { ButtonTrigger } from 'intergalactic/base-trigger';
+import Divider from 'intergalactic/divider';
+import findComponent, { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
+import logger from 'intergalactic/utils/lib/logger';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
+import InputSearch from "./InputSearch.mjs";
+import { useBox } from 'intergalactic/flex-box';
+import { selectContext } from "./context.mjs";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import { isInputTriggerTag } from 'intergalactic/popper';
+import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
+var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
+/*!__reshadow-styles__:"./style/select.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (F.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SOptionCheckbox_r4x1n_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_r4x1n_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_r4x1n_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_r4x1n_gg_.__selected_r4x1n_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_r4x1n_gg_._size_l_r4x1n_gg_{width:20px;height:20px}.___SOptionCheckbox_r4x1n_gg_._size_l_r4x1n_gg_.__selected_r4x1n_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_r4x1n_gg_.__indeterminate_r4x1n_gg_:before,.___SOptionCheckbox_r4x1n_gg_.__selected_r4x1n_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_r4x1n_gg_.__theme_r4x1n_gg_:before{border-color:var(--theme_r4x1n)}.___SOptionCheckbox_r4x1n_gg_.__theme_r4x1n_gg_.__indeterminate_r4x1n_gg_:before,.___SOptionCheckbox_r4x1n_gg_.__theme_r4x1n_gg_.__selected_r4x1n_gg_:before{background-color:var(--theme_r4x1n);border-color:var(--theme_r4x1n)}.___SOptionCheckbox_r4x1n_gg_.__selected_r4x1n_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_r4x1n_gg_.__selected_r4x1n_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_r4x1n_gg_.__indeterminate_r4x1n_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_r4x1n_gg_.__indeterminate_r4x1n_gg_._size_l_r4x1n_gg_:after{width:12px;height:2px}.___SOptionCheckbox_r4x1n_gg_.__indeterminate_r4x1n_gg_._size_m_r4x1n_gg_:after{width:8px;height:2px}',
-    "r4x1n_gg_"
-  ), {
-    __SOptionCheckbox: "___SOptionCheckbox_r4x1n_gg_",
-    _selected: "__selected_r4x1n_gg_",
-    _size_l: "_size_l_r4x1n_gg_",
-    _indeterminate: "__indeterminate_r4x1n_gg_",
-    _theme: "__theme_r4x1n_gg_",
-    "--theme": "--theme_r4x1n",
-    _size_m: "_size_m_r4x1n_gg_"
+    '.___SOptionCheckbox_1k85u_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_1k85u_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_1k85u_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_1k85u_gg_.__selected_1k85u_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1k85u_gg_._size_l_1k85u_gg_{width:20px;height:20px}.___SOptionCheckbox_1k85u_gg_._size_l_1k85u_gg_.__selected_1k85u_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1k85u_gg_.__indeterminate_1k85u_gg_:before,.___SOptionCheckbox_1k85u_gg_.__selected_1k85u_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_1k85u_gg_.__theme_1k85u_gg_:before{border-color:var(--theme_1k85u)}.___SOptionCheckbox_1k85u_gg_.__theme_1k85u_gg_.__indeterminate_1k85u_gg_:before,.___SOptionCheckbox_1k85u_gg_.__theme_1k85u_gg_.__selected_1k85u_gg_:before{background-color:var(--theme_1k85u);border-color:var(--theme_1k85u)}.___SOptionCheckbox_1k85u_gg_.__selected_1k85u_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_1k85u_gg_.__selected_1k85u_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_1k85u_gg_.__indeterminate_1k85u_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_1k85u_gg_.__indeterminate_1k85u_gg_._size_l_1k85u_gg_:after{width:12px;height:2px}.___SOptionCheckbox_1k85u_gg_.__indeterminate_1k85u_gg_._size_m_1k85u_gg_:after{width:8px;height:2px}',
+    /*__inner_css_end__*/
+    "1k85u_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SOptionCheckbox": "___SOptionCheckbox_1k85u_gg_",
+    "_selected": "__selected_1k85u_gg_",
+    "_size_l": "_size_l_1k85u_gg_",
+    "_indeterminate": "__indeterminate_1k85u_gg_",
+    "_theme": "__theme_1k85u_gg_",
+    "--theme": "--theme_1k85u",
+    "_size_m": "_size_m_1k85u_gg_"
   })
 );
-function E(n, l) {
-  return Array.isArray(n) ? n.includes(l) : l === n;
+function isSelectedOption(value, valueOption) {
+  return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
 }
-function he(n) {
-  return Array.isArray(n) ? n.length === 0 : n === null;
+function isEmptyValue(value) {
+  return Array.isArray(value) ? value.length === 0 : value === null;
 }
-function $(n) {
-  return n ? [] : null;
+function getEmptyValue(multiselect) {
+  return multiselect ? [] : null;
 }
-var O = /* @__PURE__ */ function(n) {
-  U(i, n);
-  var l = X(i);
-  function i() {
-    var o;
-    Q(this, i);
-    for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
-      t[r] = arguments[r];
-    return o = l.call.apply(l, [this].concat(t)), b(A(o), "role", "listbox"), b(A(o), "bindHandlerOptionClick", function(a, s) {
-      return function(d) {
-        var _ = a, u = o.asProps, c = u.value, f = u.multiselect;
-        Array.isArray(c) && (c.includes(a) ? _ = c.filter(function(m) {
-          return m !== a;
-        }) : _ = c.concat(a)), o.handlers.value(_, d), f || (o.handlers.visible(!1), d.preventDefault());
+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) {
+      return function(e) {
+        var newValue = optionValue;
+        var _this$asProps = _this.asProps, value = _this$asProps.value, multiselect = _this$asProps.multiselect;
+        if (Array.isArray(value)) {
+          if (value.includes(optionValue)) {
+            newValue = value.filter(function(v) {
+              return v !== optionValue;
+            });
+          } else {
+            newValue = value.concat(optionValue);
+          }
+        }
+        _this.handlers.value(newValue, e);
+        if (!multiselect) {
+          _this.handlers.visible(false);
+          e.preventDefault();
+        }
       };
-    }), b(A(o), "handlerClear", function(a) {
-      var s = o.asProps.value, d = $(Array.isArray(s));
-      o.handlers.value(d, a), o.handlers.visible(!1);
-    }), o;
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlerClear", function(e) {
+      var value = _this.asProps.value;
+      var emptyValue = getEmptyValue(Array.isArray(value));
+      _this.handlers.value(emptyValue, e);
+      _this.handlers.visible(false);
+    });
+    return _this;
   }
-  return V(i, [{
+  _createClass(RootSelect2, [{
     key: "itemRef",
-    value: function(e, t, r) {
-      y(C(i.prototype), "itemRef", this).call(this, e, t, r);
-      var a = this.asProps.highlightedIndex, s = t === a;
-      s && this.scrollToNode(r);
+    value: function itemRef(props, index, node) {
+      _get(_getPrototypeOf(RootSelect2.prototype), "itemRef", this).call(this, props, index, node);
+      var highlightedIndex = this.asProps.highlightedIndex;
+      var isHighlighted = index === highlightedIndex;
+      if (isHighlighted) {
+        this.scrollToNode(node);
+      }
     }
   }, {
     key: "uncontrolledProps",
-    value: function() {
-      var e = this;
-      return h(h({}, y(C(i.prototype), "uncontrolledProps", this).call(this)), {}, {
-        visible: [null, function(t) {
-          if (t === !0) {
-            var r = k(e.asProps.Children, [p.InputSearch.displayName], !0), a = r ? null : e.props.defaultHighlightedIndex;
-            e.handlers.highlightedIndex(a), setTimeout(function() {
-              var s, d, _ = (s = e.menuRef.current) === null || s === void 0 ? void 0 : s.querySelectorAll('[role="option"]'), u = (d = e.menuRef.current) === null || d === void 0 ? void 0 : d.querySelector('[aria-selected="true"]');
-              if (u && _) {
-                e.scrollToNode(u);
-                for (var c = 0; c < _.length; c++)
-                  if (_[c] === u) {
-                    e.handlers.highlightedIndex(c);
+    value: function uncontrolledProps() {
+      var _this2 = this;
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(RootSelect2.prototype), "uncontrolledProps", this).call(this)), {}, {
+        visible: [null, function(visible) {
+          if (visible === true) {
+            var hasInputSearch = isAdvanceMode(_this2.asProps.Children, [Select.InputSearch.displayName], true);
+            var defaultIndex = hasInputSearch ? null : _this2.props.defaultHighlightedIndex;
+            _this2.handlers.highlightedIndex(defaultIndex);
+            setTimeout(function() {
+              var _this2$menuRef$curren, _this2$menuRef$curren2;
+              var options = (_this2$menuRef$curren = _this2.menuRef.current) === null || _this2$menuRef$curren === void 0 ? void 0 : _this2$menuRef$curren.querySelectorAll('[role="option"]');
+              var selected = (_this2$menuRef$curren2 = _this2.menuRef.current) === null || _this2$menuRef$curren2 === void 0 ? void 0 : _this2$menuRef$curren2.querySelector('[aria-selected="true"]');
+              if (selected && options) {
+                _this2.scrollToNode(selected);
+                for (var i = 0; i < options.length; i++) {
+                  if (options[i] === selected) {
+                    _this2.handlers.highlightedIndex(i);
                     break;
                   }
+                }
               }
             }, 30);
           }
@@ -106,81 +137,90 @@ var O = /* @__PURE__ */ function(n) {
     }
   }, {
     key: "getTriggerProps",
-    value: function() {
-      var e = this, t = this.asProps, r = t.disabled, a = t.visible, s = t.state, d = t.placeholder, _ = t.value, u = t.options, c = t.forwardRef, f = t.name, m = t.multiselect, x = t.getI18nText, T = t.highlightedIndex, P = t.uid, G = t.Children, Z = t.children, z = k(G, [p.Menu.displayName], !0) || !Z, j = z ? "igc-".concat(P, "-list") : "igc-".concat(P, "-popper");
-      return h(h({}, y(C(i.prototype), "getTriggerProps", this).call(this)), {}, {
-        onKeyDown: N(this.handlePreventCommonKeyDown.bind(this), this.handleOpenKeyDown.bind(this), this.handleArrowKeyDown.bind(this)),
-        "aria-controls": a ? j : void 0,
-        "aria-haspopup": z ? "listbox" : "dialog",
-        "aria-disabled": r ? "true" : "false",
-        "aria-activedescendant": a && T !== null && this.itemRefs[T] ? "igc-".concat(P, "-option-").concat(T) : void 0,
-        empty: he(_),
-        value: _,
-        name: f,
-        $hiddenRef: c,
-        multiselect: m,
-        state: s,
-        placeholder: d,
-        disabled: r,
-        active: a,
+    value: function getTriggerProps() {
+      var _this3 = this;
+      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)),
+        "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),
+        value,
+        name,
+        $hiddenRef: forwardRef,
+        multiselect,
+        state,
+        placeholder,
+        disabled,
+        active: visible,
         onClear: this.handlerClear,
-        children: this.renderChildrenTrigger(_, u),
-        getI18nText: x,
-        onBlur: function() {
-          e.asProps.visible && (e.prevHighlightedIndex = e.asProps.highlightedIndex, e.handlers.highlightedIndex(null));
+        children: this.renderChildrenTrigger(value, options),
+        getI18nText,
+        onBlur: function onBlur() {
+          if (_this3.asProps.visible) {
+            _this3.prevHighlightedIndex = _this3.asProps.highlightedIndex;
+            _this3.handlers.highlightedIndex(null);
+          }
         },
-        onFocus: function() {
-          if (e.asProps.visible) {
-            var B = e.prevHighlightedIndex;
-            e.handlers.highlightedIndex(B);
+        onFocus: function onFocus() {
+          if (_this3.asProps.visible) {
+            var index = _this3.prevHighlightedIndex;
+            _this3.handlers.highlightedIndex(index);
           }
         }
       });
     }
   }, {
     key: "getListProps",
-    value: function() {
-      var e = this.asProps.multiselect;
-      return h(h({}, y(C(i.prototype), "getListProps", this).call(this)), {}, {
-        "aria-multiselectable": e ? "true" : void 0
+    value: function getListProps() {
+      var multiselect = this.asProps.multiselect;
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(RootSelect2.prototype), "getListProps", this).call(this)), {}, {
+        "aria-multiselectable": multiselect ? "true" : void 0
       });
     }
   }, {
     key: "getPopperProps",
-    value: function() {
-      return h(h({}, y(C(i.prototype), "getPopperProps", this).call(this)), {}, {
-        onKeyDown: N(this.handlePreventCommonKeyDown.bind(this), this.handlePreventPopperKeyDown.bind(this), this.handleArrowKeyDown.bind(this))
+    value: function getPopperProps() {
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(RootSelect2.prototype), "getPopperProps", this).call(this)), {}, {
+        onKeyDown: callAllEventHandlers(this.handlePreventCommonKeyDown.bind(this), this.handlePreventPopperKeyDown.bind(this), this.handleArrowKeyDown.bind(this))
       });
     }
   }, {
     key: "getOptionProps",
-    value: function(e, t) {
-      var r, a = this, s = this.asProps, d = s.value, _ = s.highlightedIndex, u = s.focusSourceRef, c = s.size, f = c === void 0 ? "m" : c, m = t === _ && u.current === "keyboard" && !e.disabled, x = (r = e.selected) !== null && r !== void 0 ? r : E(d, e.value);
-      return h(h({}, y(C(i.prototype), "getItemProps", this).call(this, e, t)), {}, {
-        highlighted: m,
-        selected: x,
-        "aria-selected": x ? "true" : "false",
-        "aria-disabled": e.disabled ? "true" : "false",
+    value: function getOptionProps(props, index) {
+      var _props$selected, _this4 = this;
+      var _this$asProps3 = this.asProps, value = _this$asProps3.value, highlightedIndex = _this$asProps3.highlightedIndex, focusSourceRef = _this$asProps3.focusSourceRef, _this$asProps3$size = _this$asProps3.size, size = _this$asProps3$size === void 0 ? "m" : _this$asProps3$size;
+      var highlighted = index === highlightedIndex && focusSourceRef.current === "keyboard" && !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)), {}, {
+        highlighted,
+        selected,
+        "aria-selected": selected ? "true" : "false",
+        "aria-disabled": props.disabled ? "true" : "false",
         role: "option",
-        onClick: this.bindHandlerOptionClick(e.value, t),
-        ref: function(P) {
-          return a.itemRef(e, t, P);
+        onClick: this.bindHandlerOptionClick(props.value, index),
+        ref: function ref(node) {
+          return _this4.itemRef(props, index, node);
         },
-        size: f
+        size
       });
     }
   }, {
     key: "getOptionCheckboxProps",
-    value: function() {
-      var e = this.asProps, t = e.size, r = e.resolveColor;
+    value: function getOptionCheckboxProps() {
+      var _this$asProps4 = this.asProps, size = _this$asProps4.size, resolveColor = _this$asProps4.resolveColor;
       return {
-        size: t,
-        resolveColor: r
+        size,
+        resolveColor
       };
     }
   }, {
     key: "getDividerProps",
-    value: function() {
+    value: function getDividerProps() {
       return {
         my: 1,
         "aria-disabled": "true"
@@ -188,126 +228,155 @@ var O = /* @__PURE__ */ function(n) {
     }
   }, {
     key: "renderChildrenTrigger",
-    value: function(e, t) {
-      return t ? [].concat(e).reduce(function(r, a) {
-        var s = t.find(function(d) {
-          return E(a, d.value);
-        });
-        return s && (r.length && r.push(", "), r.push(s.label || s.value)), r;
-      }, []) : Array.isArray(e) ? e.reduce(function(r, a) {
-        return r.length && r.push(", "), r.push(a), r;
-      }, []) : e;
+    value: function renderChildrenTrigger(value, options) {
+      if (options) {
+        return [].concat(value).reduce(function(acc, value2) {
+          var selectedOption = options.find(function(o) {
+            return isSelectedOption(value2, o.value);
+          });
+          if (!selectedOption) return acc;
+          if (acc.length) acc.push(", ");
+          acc.push(selectedOption.label || selectedOption.value);
+          return acc;
+        }, []);
+      }
+      return Array.isArray(value) ? value.reduce(function(acc, value2) {
+        if (acc.length) acc.push(", ");
+        acc.push(value2);
+        return acc;
+      }, []) : value;
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, t = this.asProps, r = t.Children, a = t.options, s = t.multiselect;
-      t.value;
-      var d = t.uid, _ = t.forcedAdvancedMode, u = J(t, ge), c = _ || ie(r, [p.Trigger.displayName, p.Popper.displayName]);
-      if (oe.warn(a && c, "Don't use at the same time 'options' property and '<Select.Trigger/>/<Select.Popper/>'", u["data-ui-name"] || p.displayName), this.itemProps = [], a) {
-        var f = this.asProps;
-        return /* @__PURE__ */ g.createElement(v, S({}, f), /* @__PURE__ */ g.createElement(p.Trigger, u), /* @__PURE__ */ g.createElement(p.Menu, null, a.map(function(m, x) {
-          return /* @__PURE__ */ g.createElement(p.Option, M({
-            key: m.value,
-            id: "igc-".concat(d, "-option-").concat(x)
-          }, m), s && /* @__PURE__ */ g.createElement(p.Option.Checkbox, null), m.children);
+    value: function render() {
+      var _ref2 = this.asProps;
+      var _this$asProps5 = this.asProps, Children = _this$asProps5.Children, options = _this$asProps5.options, multiselect = _this$asProps5.multiselect;
+      _this$asProps5.value;
+      var uid = _this$asProps5.uid, forcedAdvancedMode = _this$asProps5.forcedAdvancedMode, other = _objectWithoutProperties(_this$asProps5, _excluded);
+      var advancedMode = forcedAdvancedMode || findComponent(Children, [Select.Trigger.displayName, Select.Popper.displayName]);
+      logger.warn(options && advancedMode, "Don't use at the same time 'options' property and '<Select.Trigger/>/<Select.Popper/>'", other["data-ui-name"] || Select.displayName);
+      this.itemProps = [];
+      if (options) {
+        var _ref = this.asProps;
+        return /* @__PURE__ */ React.createElement(DropdownMenu, assignProps({}, _ref), /* @__PURE__ */ React.createElement(Select.Trigger, other), /* @__PURE__ */ React.createElement(Select.Menu, null, options.map(function(option, index) {
+          return /* @__PURE__ */ React.createElement(Select.Option, _extends({
+            key: option.value,
+            id: "igc-".concat(uid, "-option-").concat(index)
+          }, option), multiselect && /* @__PURE__ */ React.createElement(Select.Option.Checkbox, null), option.children);
         })));
       }
-      return /* @__PURE__ */ g.createElement(v, S({}, e), /* @__PURE__ */ g.createElement(r, null));
+      return /* @__PURE__ */ React.createElement(DropdownMenu, assignProps({}, _ref2), /* @__PURE__ */ React.createElement(Children, null));
     }
-  }]), i;
-}(re);
-b(O, "displayName", "Select");
-b(O, "style", ue);
-b(O, "enhance", Object.values(ee).concat([ae()]));
-b(O, "defaultProps", function(n) {
-  var l, i, o, e, t = n.children && k(n.children, [p.InputSearch.displayName], !0), r = t ? null : 0;
+  }]);
+  return RootSelect2;
+}(AbstractDropdown);
+_defineProperty(RootSelect, "displayName", "Select");
+_defineProperty(RootSelect, "style", style);
+_defineProperty(RootSelect, "enhance", Object.values(enhance).concat([resolveColorEnhance()]));
+_defineProperty(RootSelect, "defaultProps", function(props) {
+  var _props$highlightedInd, _props$selectedIndex, _props$interaction, _props$timeout;
+  var hasInputSearch = props.children && isAdvanceMode(props.children, [Select.InputSearch.displayName], true);
+  var defaultIndex = hasInputSearch ? null : 0;
   return {
-    placeholder: n.multiselect ? "Select options" : "Select option",
+    placeholder: props.multiselect ? "Select options" : "Select option",
     size: "m",
-    defaultValue: $(n.multiselect),
-    defaultVisible: !1,
-    defaultHighlightedIndex: (l = n.highlightedIndex) !== null && l !== void 0 ? l : r,
-    defaultSelectedIndex: (i = n.selectedIndex) !== null && i !== void 0 ? i : r,
-    scrollToSelected: !0,
-    i18n: ce,
+    defaultValue: getEmptyValue(props.multiselect),
+    defaultVisible: false,
+    defaultHighlightedIndex: (_props$highlightedInd = props.highlightedIndex) !== null && _props$highlightedInd !== void 0 ? _props$highlightedInd : defaultIndex,
+    defaultSelectedIndex: (_props$selectedIndex = props.selectedIndex) !== null && _props$selectedIndex !== void 0 ? _props$selectedIndex : defaultIndex,
+    scrollToSelected: true,
+    i18n: localizedMessages,
     locale: "en",
-    interaction: (o = n.interaction) !== null && o !== void 0 ? o : "click",
-    inlineActions: !1,
-    timeout: (e = n.timeout) !== null && e !== void 0 ? e : 0
+    interaction: (_props$interaction = props.interaction) !== null && _props$interaction !== void 0 ? _props$interaction : "click",
+    inlineActions: false,
+    timeout: (_props$timeout = props.timeout) !== null && _props$timeout !== void 0 ? _props$timeout : 0
   };
 });
-function pe(n) {
-  var l = arguments[0], i, o = n.Children, e = n.name, t = n.value, r = n.styles, a = n.$hiddenRef, s = n.tag, d = s === void 0 ? I : s, _ = n.getI18nText, u = _e(d), c = w.Trigger;
-  return i = R(r), /* @__PURE__ */ g.createElement(c, i.cn("SSelectTrigger", h({}, S({
-    tag: d,
-    placeholder: _("selectPlaceholder"),
-    role: "combobox",
-    "aria-autocomplete": u && "list" || void 0
-  }, l))), le(o, d.Text || I.Text, d.Value || I.Text, d.Addon || I.Addon, !0), e && /* @__PURE__ */ g.createElement("input", i.cn("input", {
-    type: "hidden",
-    defaultValue: t,
-    name: e,
-    ref: a
+function Trigger(_ref8) {
+  var _ref3 = arguments[0], _ref6;
+  var Children = _ref8.Children, name = _ref8.name, value = _ref8.value, styles = _ref8.styles, $hiddenRef = _ref8.$hiddenRef, _ref8$tag = _ref8.tag, Tag = _ref8$tag === void 0 ? ButtonTrigger : _ref8$tag, getI18nText = _ref8.getI18nText;
+  var hasInputTrigger = isInputTriggerTag(Tag);
+  var SSelectTrigger = Dropdown.Trigger;
+  return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSelectTrigger, _ref6.cn("SSelectTrigger", _objectSpread({}, assignProps({
+    "tag": Tag,
+    "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", {
+    "type": "hidden",
+    "defaultValue": value,
+    "name": name,
+    "ref": $hiddenRef
   })));
 }
-var L = /* @__PURE__ */ g.createContext({});
-function me(n) {
-  var l = arguments[0], i, o = w.Item, e = n.styles, t = n.Children, r = k(t, [p.Option.Checkbox.displayName]), a = k(t, [p.Option.Content.displayName]);
-  return i = R(e), /* @__PURE__ */ g.createElement(o, i.cn("SSelectOption", h({}, S({}, l))), /* @__PURE__ */ g.createElement(L.Provider, {
-    value: n
-  }, r && !a ? /* @__PURE__ */ g.createElement(p.Option.Content, null, /* @__PURE__ */ g.createElement(t, i.cn("Children", {}))) : /* @__PURE__ */ g.createElement(t, i.cn("Children", {}))));
+var optionPropsContext = /* @__PURE__ */ React.createContext({});
+function Option(props) {
+  var _ref4 = arguments[0], _ref7;
+  var SSelectOption = Dropdown.Item;
+  var styles = props.styles, Children = props.Children;
+  var hasCheckbox = isAdvanceMode(Children, [Select.Option.Checkbox.displayName]);
+  var hasContent = isAdvanceMode(Children, [Select.Option.Content.displayName]);
+  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSelectOption, _ref7.cn("SSelectOption", _objectSpread({}, assignProps({}, _ref4))), /* @__PURE__ */ React.createElement(optionPropsContext.Provider, {
+    value: props
+  }, hasCheckbox && !hasContent ? /* @__PURE__ */ React.createElement(Select.Option.Content, null, /* @__PURE__ */ React.createElement(Children, _ref7.cn("Children", {}))) : /* @__PURE__ */ React.createElement(Children, _ref7.cn("Children", {}))));
 }
-function fe(n) {
-  var l = g.useContext(L), i = g.useMemo(function() {
-    return h({
-      selected: l == null ? void 0 : l.selected,
-      disabled: l == null ? void 0 : l.disabled,
-      size: l == null ? void 0 : l.size
-    }, n || {});
-  }, [n, l]), o = se(i, i.forwardRef), e = K(o, 2), t = e[0], r = e[1], a = i.size, s = i.theme, d = i.selected, _ = i.resolveColor, u = i.indeterminate, c = R(i.styles), f = c.cn("SOptionCheckbox", {
-    size: a,
-    "use:theme": _(s),
-    indeterminate: u,
-    selected: d
-  }), m = f.className, x = f.style;
-  return /* @__PURE__ */ g.createElement(t, M({}, r, {
-    className: Y(m, r.className) || void 0,
-    style: h(h({}, x), r.style),
+function Checkbox(providedProps) {
+  var optionProps = React.useContext(optionPropsContext);
+  var props = React.useMemo(function() {
+    return _objectSpread({
+      selected: optionProps === null || optionProps === void 0 ? void 0 : optionProps.selected,
+      disabled: optionProps === null || optionProps === void 0 ? void 0 : optionProps.disabled,
+      size: optionProps === null || optionProps === void 0 ? void 0 : optionProps.size
+    }, providedProps || {});
+  }, [providedProps, optionProps]);
+  var _useBox = useBox(props, props.forwardRef), _useBox2 = _slicedToArray(_useBox, 2), SOptionCheckbox = _useBox2[0], componentProps = _useBox2[1];
+  var size = props.size, theme = props.theme, selected = props.selected, resolveColor = props.resolveColor, indeterminate = props.indeterminate;
+  var styles = sstyled$1(props.styles);
+  var _styles$cn = styles.cn("SOptionCheckbox", {
+    size,
+    "use:theme": resolveColor(theme),
+    indeterminate,
+    selected
+  }), className = _styles$cn.className, style2 = _styles$cn.style;
+  return /* @__PURE__ */ React.createElement(SOptionCheckbox, _extends({}, componentProps, {
+    className: cn(className, componentProps.className) || void 0,
+    style: _objectSpread(_objectSpread({}, style2), componentProps.style),
     tabIndex: -1
   }));
 }
-var H = function() {
-  var l = arguments[0];
-  return /* @__PURE__ */ g.createElement(D, S({}, l));
-}, p = q(O, {
-  Trigger: [pe, {
-    Addon: I.Addon,
-    Text: I.Text
+var InputSearchWrapper = function InputSearchWrapper2() {
+  var _ref5 = arguments[0];
+  return /* @__PURE__ */ React.createElement(InputSearch, assignProps({}, _ref5));
+};
+var Select = createComponent(RootSelect, {
+  Trigger: [Trigger, {
+    Addon: ButtonTrigger.Addon,
+    Text: ButtonTrigger.Text
   }],
-  Popper: w.Popper,
-  List: v.List,
-  Menu: v.Menu,
-  Option: [me, {
-    Addon: v.Item.Addon,
-    Content: v.Item.Content,
-    Hint: v.Item.Hint,
-    Checkbox: fe
+  Popper: Dropdown.Popper,
+  List: DropdownMenu.List,
+  Menu: DropdownMenu.Menu,
+  Option: [Option, {
+    Addon: DropdownMenu.Item.Addon,
+    Content: DropdownMenu.Item.Content,
+    Hint: DropdownMenu.Item.Hint,
+    Checkbox
   }],
-  Group: w.Group,
-  OptionTitle: v.ItemTitle,
-  OptionHint: v.ItemHint,
-  Divider: ne,
-  InputSearch: [H, D._______childrenComponents],
-  Input: [H, D._______childrenComponents]
+  Group: Dropdown.Group,
+  OptionTitle: DropdownMenu.ItemTitle,
+  OptionHint: DropdownMenu.ItemHint,
+  Divider,
+  InputSearch: [InputSearchWrapper, InputSearch._______childrenComponents],
+  Input: [InputSearchWrapper, InputSearch._______childrenComponents]
 }, {
-  parent: v,
-  context: de
-}), Ve = function(l) {
-  return l;
+  parent: DropdownMenu,
+  context: selectContext
+});
+var wrapSelect = function wrapSelect2(wrapper) {
+  return wrapper;
 };
-p.selectedIndexContext = te;
+Select.selectedIndexContext = selectedIndexContext;
 export {
-  p as default,
-  Ve as wrapSelect
+  Select as default,
+  wrapSelect
 };