intergalactic 15.109.0 → 15.110.0-prerelease.0

package/dropdown-menu/lib/cjs/DropdownMenuOld.js

@@ -1,682 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("intergalactic/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("intergalactic/core"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dropdown = _interopRequireDefault(require("intergalactic/dropdown"));
-var _flexBox = require("intergalactic/flex-box");
-var _scrollArea = _interopRequireWildcard(require("intergalactic/scroll-area"));
-var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
-var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
-var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
-var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
-var _hasParent = require("intergalactic/utils/lib/hasParent");
-var _setFocus = require("intergalactic/utils/lib/focus-lock/setFocus");
-var _isFocusInside = require("intergalactic/utils/lib/focus-lock/isFocusInside");
-var _getFocusableIn = require("intergalactic/utils/lib/focus-lock/getFocusableIn");
-var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
-var _excluded = ["className"];
-/*__reshadow-styles__:"./style/dropdown-menu-old.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_l0ig1_gg_,.___SDropdownMenuList_l0ig1_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_l0ig1_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuList_l0ig1_gg_ .___SShadowHorizontal_l0ig1_gg_:after,.___SDropdownMenuList_l0ig1_gg_ .___SShadowHorizontal_l0ig1_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_l0ig1_gg_ .___SShadowHorizontal_l0ig1_gg_._position_median_l0ig1_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_l0ig1_gg_ .___SShadowHorizontal_l0ig1_gg_._position_median_l0ig1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_l0ig1_gg_ .___SShadowHorizontal_l0ig1_gg_._position_start_l0ig1_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_l0ig1_gg_ .___SShadowHorizontal_l0ig1_gg_._position_end_l0ig1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_l0ig1_gg_ .___SShadowVertical_l0ig1_gg_:after,.___SDropdownMenuList_l0ig1_gg_ .___SShadowVertical_l0ig1_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_l0ig1_gg_ .___SShadowVertical_l0ig1_gg_._position_median_l0ig1_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_l0ig1_gg_ .___SShadowVertical_l0ig1_gg_._position_median_l0ig1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_l0ig1_gg_ .___SShadowVertical_l0ig1_gg_._position_start_l0ig1_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_l0ig1_gg_ .___SShadowVertical_l0ig1_gg_._position_end_l0ig1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuItem_l0ig1_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_l0ig1_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_l0ig1_gg_:focus{outline:0}.___SDropdownMenuItem_l0ig1_gg_.__selected_l0ig1_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_l0ig1_gg_.__selected_l0ig1_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_l0ig1_gg_.__highlighted_l0ig1_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_l0ig1_gg_.__disabled_l0ig1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_l0ig1_gg_._size_l_l0ig1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_l0ig1_gg_._size_m_l0ig1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_l0ig1_gg_.__notInteractive_l0ig1_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_l0ig1_gg_.__notInteractive_l0ig1_gg_:hover{background:0 0}}.___SDropdownMenuItem_l0ig1_gg_._variant_hint_l0ig1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_l0ig1_gg_._variant_hint_l0ig1_gg_:hover{background:0 0}}.___SDropdownMenuItem_l0ig1_gg_._variant_title_l0ig1_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_l0ig1_gg_._variant_title_l0ig1_gg_:hover{background:0 0}}.___SDropdownMenuItem_l0ig1_gg_.__visible_l0ig1_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_l0ig1_gg_.__nesting-trigger_l0ig1_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_l0ig1_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_l0ig1_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_l0ig1_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_l0ig1_gg_,.___SDropdownMenuNesting_l0ig1_gg_._size_l_l0ig1_gg_,.___SDropdownMenuNesting_l0ig1_gg_._size_m_l0ig1_gg_{padding:0}.___SDropdownMenuNesting_l0ig1_gg_.__highlighted_l0ig1_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_l0ig1_gg_._size_l_l0ig1_gg_,.___SDropdownNestingItem_l0ig1_gg_._size_m_l0ig1_gg_{padding-right:0}.___SDropdownNestingItem_l0ig1_gg_ .___SDropdownMenuItem_l0ig1_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "l0ig1_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuItem": "___SDropdownMenuItem_l0ig1_gg_",
-  "_highlighted": "__highlighted_l0ig1_gg_",
-  "_disabled": "__disabled_l0ig1_gg_",
-  "_size_l": "_size_l_l0ig1_gg_",
-  "_size_m": "_size_m_l0ig1_gg_",
-  "_visible": "__visible_l0ig1_gg_",
-  "_nesting-trigger": "__nesting-trigger_l0ig1_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_l0ig1_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_l0ig1_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_l0ig1_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_l0ig1_gg_",
-  "_position_median": "_position_median_l0ig1_gg_",
-  "_position_start": "_position_start_l0ig1_gg_",
-  "_position_end": "_position_end_l0ig1_gg_",
-  "__SShadowVertical": "___SShadowVertical_l0ig1_gg_",
-  "_selected": "__selected_l0ig1_gg_",
-  "_notInteractive": "__notInteractive_l0ig1_gg_",
-  "_variant_hint": "_variant_hint_l0ig1_gg_",
-  "_variant_title": "_variant_title_l0ig1_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_l0ig1_gg_"
-});
-var ListBoxContextProvider = function ListBoxContextProvider(_ref18) {
-  var children = _ref18.children;
-  return /*#__PURE__*/_react["default"].createElement(_scrollArea.hideScrollBarsFromScreenReadersContext.Provider, {
-    value: true
-  }, children);
-};
-var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(DropdownMenuRoot, _Component);
-  var _super = (0, _createSuper2["default"])(DropdownMenuRoot);
-  function DropdownMenuRoot() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, DropdownMenuRoot);
-    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));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      focusLockItemIndex: null,
-      keyboardFocused: false
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "popperRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "triggerRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "itemProps", []);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "itemRefs", []);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "highlightedItemRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "ignoreTriggerKeyboardFocusUntil", 0);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "prevHighlightedIndex", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focusTrigger", function () {
-      var trigger = _this.triggerRef.current;
-      if (!trigger) return;
-      if ((0, _isFocusInside.isFocusInside)(trigger)) return;
-      (0, _setFocus.setFocus)(trigger);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerKeyDown", function (place) {
-      return function (e) {
-        var amount = e.shiftKey ? 5 : 1;
-        var targetTagName = e.target.tagName;
-        var _this$asProps = _this.asProps,
-          visible = _this$asProps.visible,
-          highlightedIndex = _this$asProps.highlightedIndex,
-          placement = _this$asProps.placement;
-        if (e.key === ' ' && ['INPUT', 'TEXTAREA'].includes(targetTagName)) return;
-        if (e.key === 'Enter' && targetTagName === 'TEXTAREA') return;
-        if (place === 'popper' && (e.key === ' ' || e.key === 'Enter') && (targetTagName === 'BUTTON' || targetTagName === 'A')) return;
-        if (visible && e.key === 'Tab') {
-          var item = highlightedIndex !== null && _this.itemRefs[highlightedIndex];
-          if (item && (0, _getFocusableIn.getFocusableIn)(item).length !== 0) {
-            _this.setState({
-              focusLockItemIndex: highlightedIndex
-            });
-          } else {
-            _this.handlers.highlightedIndex(null);
-          }
-          return;
-        }
-        if (e.key === 'Escape' && _this.state.focusLockItemIndex !== null) {
-          _this.setState({
-            focusLockItemIndex: null
-          });
-          return false;
-        }
-        var verticalPlacement = !placement || placement.startsWith('top') || placement.startsWith('bottom');
-        if (['ArrowDown', 'ArrowUp'].includes(e.key) && verticalPlacement) {
-          e.preventDefault();
-          _this.handlers.visible(true);
-        }
-        if (['ArrowLeft', 'ArrowRight'].includes(e.key) && !verticalPlacement) {
-          var show = e.key === 'ArrowRight' && placement.startsWith('right') || e.key === 'ArrowLeft' && placement.startsWith('left');
-          var hide = e.key === 'ArrowLeft' && placement.startsWith('right') || e.key === 'ArrowRight' && placement.startsWith('left');
-          var visibleChanged = visible && hide || !visible && show;
-          if (show) {
-            _this.handlers.visible(true);
-          } else if (hide) {
-            _this.handlers.visible(false);
-          }
-          if (visibleChanged) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-          }
-        }
-        if (e.key.startsWith('Arrow') && !_this.state.keyboardFocused) {
-          _this.setState({
-            keyboardFocused: true
-          });
-        }
-        if (['ArrowLeft', 'ArrowRight'].includes(e.key)) {
-          var _item = highlightedIndex !== null && _this.itemRefs[highlightedIndex];
-          var focusable = (0, _getFocusableIn.getFocusableIn)(_item);
-          if (focusable.length > 0 && _item) {
-            var focusedIndex = focusable.indexOf(document.activeElement);
-            if (e.key === 'ArrowRight') {
-              if (focusedIndex === -1) {
-                _this.setState({
-                  focusLockItemIndex: highlightedIndex
-                });
-              }
-              var nextFocused = focusable[focusedIndex + 1];
-              if (nextFocused) {
-                e.preventDefault();
-                e.stopPropagation();
-                nextFocused.focus();
-              }
-            } else if (e.key === 'ArrowLeft') {
-              if (focusedIndex === 0) {
-                _this.setState({
-                  focusLockItemIndex: null
-                });
-              }
-              var prevFocused = focusable[focusedIndex - 1];
-              if (prevFocused) {
-                e.preventDefault();
-                e.stopPropagation();
-                prevFocused.focus();
-              }
-            }
-          }
-        }
-        switch (e.key) {
-          case 'ArrowDown':
-            {
-              if (visible) {
-                _this.moveHighlightedIndex(amount, e);
-                if ((0, _isFocusInside.isFocusInside)(_this.popperRef.current)) {
-                  _this.focusTrigger();
-                }
-                e.preventDefault();
-                e.stopPropagation();
-              }
-              break;
-            }
-          case 'ArrowUp':
-            {
-              if (visible) {
-                _this.moveHighlightedIndex(-amount, e);
-                if ((0, _isFocusInside.isFocusInside)(_this.popperRef.current)) {
-                  _this.focusTrigger();
-                }
-                e.preventDefault();
-                e.stopPropagation();
-              }
-              break;
-            }
-          case ' ':
-          case 'Enter':
-            if (_this.highlightedItemRef.current && highlightedIndex !== null) {
-              e.stopPropagation();
-              e.preventDefault();
-              _this.highlightedItemRef.current.click();
-            } else {
-              if (place === 'trigger') {
-                _this.handlers.visible(false);
-                e.preventDefault();
-              }
-            }
-            break;
-        }
-      };
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleTriggerKeyboardFocus", function () {
-      if (_this.ignoreTriggerKeyboardFocusUntil > Date.now()) return false;
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleTriggerKeyboardFocusedStateChange", function (keyboardFocused) {
-      _this.setState({
-        keyboardFocused: keyboardFocused
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleItemFocusOut", function (event) {
-      if (event.relatedTarget === _this.popperRef.current) return;
-      var focused = event.relatedTarget;
-      if ((0, _hasParent.hasParent)(focused, _this.popperRef.current)) {
-        _this.handlers.highlightedIndex(null);
-        _this.setState({
-          focusLockItemIndex: null
-        });
-        focused.focus();
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleNestingClick", function (event) {
-      var _focusable$;
-      var itemIndex = _this.itemRefs.indexOf(event.currentTarget);
-      if (itemIndex === -1) return;
-      var focusable = (0, _getFocusableIn.getFocusableIn)(event.currentTarget);
-      (_focusable$ = focusable[0]) === null || _focusable$ === void 0 ? void 0 : _focusable$.focus();
-      if (focusable[0] && _this.state.focusLockItemIndex === null) {
-        _this.setState({
-          focusLockItemIndex: null
-        });
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleNestingKeyDown", function (event) {
-      if (event.key === ' ') {
-        _this.handleNestingClick(event);
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getNestingProps", function () {
-      var size = _this.asProps.size;
-      return {
-        size: size,
-        onClick: _this.handleNestingClick,
-        onKeyDown: _this.handleNestingKeyDown
-      };
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleNestedVisibleChange", function (lastUserInteraction) {
-      if (_this.asProps.visible && _this.asProps.highlightedIndex === null && lastUserInteraction === 'keyboard') {
-        _this.handlers.highlightedIndex(0);
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getNestingTriggerProps", function () {
-      var _this$asProps2 = _this.asProps,
-        size = _this$asProps2.size,
-        visible = _this$asProps2.visible;
-      return {
-        size: size,
-        visible: visible,
-        onNestedVisibleChange: _this.handleNestedVisibleChange
-      };
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getNestingItemProps", function () {
-      return _this.getNestingTriggerProps();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollToNode", function (node) {
-      if (node) {
-        _this.highlightedItemRef.current = node;
-      }
-      setTimeout(function () {
-        if (node !== null && node !== void 0 && node.scrollIntoView) {
-          if (_this.asProps.highlightedIndex !== _this.prevHighlightedIndex) {
-            _this.prevHighlightedIndex = _this.asProps.highlightedIndex;
-            node.scrollIntoView({
-              block: 'nearest',
-              inline: 'nearest'
-            });
-          }
-        }
-      }, 0);
-    });
-    return _this;
-  }
-  (0, _createClass2["default"])(DropdownMenuRoot, [{
-    key: "uncontrolledProps",
-    value: function uncontrolledProps() {
-      return {
-        highlightedIndex: null,
-        visible: null
-      };
-    }
-  }, {
-    key: "getTriggerProps",
-    value: function getTriggerProps() {
-      var _this$asProps3 = this.asProps,
-        size = _this$asProps3.size,
-        uid = _this$asProps3.uid,
-        disablePortal = _this$asProps3.disablePortal,
-        visible = _this$asProps3.visible,
-        getI18nText = _this$asProps3.getI18nText,
-        highlightedIndex = _this$asProps3.highlightedIndex;
-      return {
-        size: size,
-        id: "igc-".concat(uid, "-trigger"),
-        'aria-controls': "igc-".concat(uid, "-popper"),
-        focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
-        'aria-expanded': visible ? 'true' : 'false',
-        'aria-activedescendant': visible && highlightedIndex !== null ? "igc-".concat(uid, "-option-").concat(highlightedIndex) : undefined,
-        onKeyDown: this.bindHandlerKeyDown('trigger'),
-        ref: this.triggerRef,
-        onKeyboardFocus: this.handleTriggerKeyboardFocus,
-        onKeyboardFocusedStateChange: this.handleTriggerKeyboardFocusedStateChange
-      };
-    }
-  }, {
-    key: "getListProps",
-    value: function getListProps() {
-      var _this$asProps4 = this.asProps,
-        size = _this$asProps4.size,
-        uid = _this$asProps4.uid;
-      return {
-        size: size,
-        uid: uid,
-        index: this.asProps.highlightedIndex
-      };
-    }
-  }, {
-    key: "getPopperProps",
-    value: function getPopperProps() {
-      var _this$asProps5 = this.asProps,
-        uid = _this$asProps5.uid,
-        disablePortal = _this$asProps5.disablePortal,
-        ignorePortalsStacking = _this$asProps5.ignorePortalsStacking,
-        interaction = _this$asProps5.interaction,
-        highlightedIndex = _this$asProps5.highlightedIndex;
-      return {
-        ref: this.popperRef,
-        tabIndex: 0,
-        onKeyDown: this.bindHandlerKeyDown('popper'),
-        id: "igc-".concat(uid, "-popper"),
-        disablePortal: disablePortal,
-        ignorePortalsStacking: ignorePortalsStacking,
-        focusMaster: interaction === 'click',
-        hideFocus: highlightedIndex !== null,
-        'use:role': null,
-        'use:autoFocus': false
-      };
-    }
-  }, {
-    key: "getItemProps",
-    value: function getItemProps(props, index) {
-      var _this2 = this;
-      var _this$asProps6 = this.asProps,
-        size = _this$asProps6.size,
-        highlightedIndex = _this$asProps6.highlightedIndex,
-        uid = _this$asProps6.uid;
-      var highlighted = index === highlightedIndex;
-      var ref = function ref(node) {
-        _this2.itemRefs[index] = node;
-      };
-      this.itemProps[index] = props;
-      if (highlighted) {
-        ref = function ref(node) {
-          _this2.itemRefs[index] = node;
-          _this2.scrollToNode(node);
-        };
-      }
-      return {
-        id: "igc-".concat(uid, "-option-").concat(index),
-        size: size,
-        highlighted: highlighted,
-        focusLock: this.state.focusLockItemIndex === index,
-        triggerRef: this.triggerRef,
-        ref: ref,
-        index: index,
-        handleFocusOut: this.handleItemFocusOut,
-        triggerKeyboardFocused: this.state.keyboardFocused
-      };
-    }
-  }, {
-    key: "getItemHintProps",
-    value: function getItemHintProps() {
-      var size = this.asProps.size;
-      return {
-        size: size
-      };
-    }
-  }, {
-    key: "getItemTitleProps",
-    value: function getItemTitleProps() {
-      var size = this.asProps.size;
-      return {
-        size: size
-      };
-    }
-  }, {
-    key: "moveHighlightedIndex",
-    value: function moveHighlightedIndex(amount, e) {
-      var _this$itemProps$newIn;
-      var highlightedIndex = this.asProps.highlightedIndex;
-      var itemsLastIndex = this.itemProps.length - 1;
-      var selectedIndex = this.itemProps.findIndex(function (item) {
-        return item.selected;
-      });
-      if (itemsLastIndex < 0) return;
-      if (highlightedIndex == null) {
-        if (selectedIndex !== -1) {
-          highlightedIndex = selectedIndex;
-        } else if (this.highlightedItemRef.current) {
-          highlightedIndex = this.prevHighlightedIndex;
-        } else {
-          highlightedIndex = amount < 0 ? 0 : itemsLastIndex;
-        }
-      }
-      var newIndex = highlightedIndex + amount;
-      if (newIndex < 0) {
-        newIndex = amount + itemsLastIndex + 1;
-      } else if (newIndex > itemsLastIndex) {
-        newIndex = newIndex - itemsLastIndex - 1;
-      }
-      if ((_this$itemProps$newIn = this.itemProps[newIndex]) !== null && _this$itemProps$newIn !== void 0 && _this$itemProps$newIn.disabled) {
-        this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);
-      } else if (!this.itemProps[newIndex]) {
-        this.handlers.highlightedIndex(0, e);
-      } else {
-        this.handlers.highlightedIndex(newIndex, e);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this3 = this;
-      var visibilityChanged = this.asProps.visible !== prevProps.visible;
-      if (visibilityChanged && prevProps.visible !== undefined) {
-        if (!this.asProps.visible) {
-          this.handlers.highlightedIndex(null);
-          this.highlightedItemRef.current = null;
-          this.ignoreTriggerKeyboardFocusUntil = Date.now() + 100;
-          if (document.activeElement === document.body || (0, _isFocusInside.isFocusInside)(this.popperRef.current)) {
-            (0, _setFocus.setFocus)(this.triggerRef.current);
-          }
-        }
-      }
-      if (visibilityChanged && this.asProps.visible) {
-        setTimeout(function () {
-          var selectedItemIndex = _this3.itemProps.findIndex(function (item) {
-            return item.selected;
-          });
-          if (selectedItemIndex === -1 || _this3.asProps.highlightedIndex !== null) return;
-          _this3.handlers.highlightedIndex(selectedItemIndex);
-        }, 0);
-      }
-      if ((this.state.focusLockItemIndex !== this.asProps.highlightedIndex || !this.asProps.visible) && this.state.focusLockItemIndex !== null) {
-        setTimeout(function () {
-          _this3.setState({
-            focusLockItemIndex: null
-          });
-        }, 0);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps;
-      var Children = this.asProps.Children;
-      this.itemProps = [];
-      return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({}, _ref), /*#__PURE__*/_react["default"].createElement(Children, null));
-    }
-  }]);
-  return DropdownMenuRoot;
-}(_core.Component);
-(0, _defineProperty2["default"])(DropdownMenuRoot, "displayName", 'DropdownMenu');
-(0, _defineProperty2["default"])(DropdownMenuRoot, "style", style);
-(0, _defineProperty2["default"])(DropdownMenuRoot, "enhance", [(0, _uniqueID["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-(0, _defineProperty2["default"])(DropdownMenuRoot, "defaultProps", {
-  size: 'm',
-  defaultVisible: false,
-  defaultHighlightedIndex: null,
-  i18n: _intergalacticDynamicLocales.localizedMessages,
-  locale: 'en',
-  interaction: 'click'
-});
-function List(props) {
-  var _ref2 = arguments[0],
-    _ref11;
-  var SDropdownMenuList = _scrollArea["default"];
-  var uid = props.uid;
-  return _ref11 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(ListBoxContextProvider, _ref11.cn("ListBoxContextProvider", {}), /*#__PURE__*/_react["default"].createElement(SDropdownMenuList, _ref11.cn("SDropdownMenuList", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tabIndex": null,
-    "role": 'menu',
-    "aria-labelledby": "igc-".concat(uid, "-trigger"),
-    "shadow": true
-  }, _ref2)))));
-}
-function Menu(props) {
-  var _ref3 = arguments[0];
-  var visible = props.visible,
-    disablePortal = props.disablePortal,
-    ignorePortalsStacking = props.ignorePortalsStacking,
-    disableEnforceFocus = props.disableEnforceFocus,
-    interaction = props.interaction,
-    autoFocus = props.autoFocus,
-    animationsDisabled = props.animationsDisabled;
-  var popperProps = {
-    visible: visible,
-    disablePortal: disablePortal,
-    ignorePortalsStacking: ignorePortalsStacking,
-    disableEnforceFocus: disableEnforceFocus,
-    interaction: interaction,
-    autoFocus: autoFocus,
-    animationsDisabled: animationsDisabled
-  };
-  return /*#__PURE__*/_react["default"].createElement(ListBoxContextProvider, null, /*#__PURE__*/_react["default"].createElement(DropdownMenu.Popper, popperProps, /*#__PURE__*/_react["default"].createElement(DropdownMenu.List, (0, _core.assignProps)({}, _ref3))));
-}
-function Item(_ref19) {
-  var _ref4 = arguments[0],
-    _ref12;
-  var styles = _ref19.styles,
-    label = _ref19.label,
-    triggerRef = _ref19.triggerRef,
-    focusLock = _ref19.focusLock,
-    disabled = _ref19.disabled,
-    highlighted = _ref19.highlighted,
-    handleFocusOut = _ref19.handleFocusOut,
-    triggerKeyboardFocused = _ref19.triggerKeyboardFocused;
-  var SDropdownMenuItem = _flexBox.Flex;
-  var ref = _react["default"].useRef();
-  (0, _useFocusLock.useFocusLock)(ref, false, triggerRef, !focusLock || disabled, true, handleFocusOut);
-  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuItem, _ref12.cn("SDropdownMenuItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "ref": ref,
-    "role": 'menuitem',
-    "tabIndex": -1,
-    "id": label,
-    "use:highlighted": !disabled && highlighted && triggerKeyboardFocused
-  }, _ref4))));
-}
-var NestingContext = /*#__PURE__*/_react["default"].createContext(null);
-function Nesting(_ref20) {
-  var _ref5 = arguments[0],
-    _ref13;
-  var styles = _ref20.styles,
-    disabled = _ref20.disabled;
-  var SDropdownMenuNesting = DropdownMenu.Item;
-  var contextValue = _react["default"].useMemo(function () {
-    return {
-      disabled: disabled
-    };
-  }, [disabled]);
-  return /*#__PURE__*/_react["default"].createElement(NestingContext.Provider, {
-    value: contextValue
-  }, (_ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuNesting, _ref13.cn("SDropdownMenuNesting", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "aria-haspopup": 'true'
-  }, _ref5))))));
-}
-function NestingTrigger(props) {
-  var _ref6 = arguments[0],
-    _ref14;
-  var styles = props.styles,
-    visible = props.visible,
-    onNestedVisibleChange = props.onNestedVisibleChange;
-  var SDropdownMenuItem = _flexBox.Flex;
-  var nestingContext = _react["default"].useContext(NestingContext);
-  var disabled = props.disabled || (nestingContext === null || nestingContext === void 0 ? void 0 : nestingContext.disabled);
-  var lastUserInteractionRef = _react["default"].useRef(undefined);
-  _react["default"].useEffect(function () {
-    onNestedVisibleChange(lastUserInteractionRef.current);
-  }, [visible]);
-  var handleMouseEvent = _react["default"].useCallback(function () {
-    lastUserInteractionRef.current = 'mouse';
-  }, []);
-  var handleKeyboardEvent = _react["default"].useCallback(function () {
-    lastUserInteractionRef.current = 'keyboard';
-  }, []);
-  _react["default"].useEffect(function () {
-    document.addEventListener('mouseover', handleMouseEvent, {
-      capture: true
-    });
-    document.addEventListener('keydown', handleKeyboardEvent, {
-      capture: true
-    });
-    return function () {
-      document.removeEventListener('mouseover', handleMouseEvent, {
-        capture: true
-      });
-      document.removeEventListener('keydown', handleKeyboardEvent, {
-        capture: true
-      });
-    };
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement(NestingContext.Provider, {
-    value: null
-  }, (_ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuItem, _ref14.cn("SDropdownMenuItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "nesting-trigger": true,
-    "use:tabIndex": !disabled ? 0 : undefined
-  }, _ref6))))));
-}
-function NestingItem(props) {
-  var _ref7 = arguments[0],
-    _ref15;
-  var styles = props.styles;
-  var SDropdownNestingItem = NestingTrigger;
-  return _ref15 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDropdownNestingItem, _ref15.cn("SDropdownNestingItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "use:tabIndex": -1
-  }, _ref7))));
-}
-function Addon(props) {
-  var _useBox = (0, _flexBox.useBox)(props, props.forwardRef),
-    _useBox2 = (0, _slicedToArray2["default"])(_useBox, 2),
-    SDropdownMenuItemAddon = _useBox2[0],
-    _useBox2$ = _useBox2[1],
-    className = _useBox2$.className,
-    other = (0, _objectWithoutProperties2["default"])(_useBox2$, _excluded);
-  var styles = (0, _core.sstyled)(props.styles);
-  return /*#__PURE__*/_react["default"].createElement(SDropdownMenuItemAddon, (0, _extends2["default"])({
-    className: (0, _classnames["default"])(styles.cn('SDropdownMenuItemAddon', props).className, className) || undefined
-  }, other));
-}
-function Hint(props) {
-  var _ref8 = arguments[0],
-    _ref16;
-  var SDropdownMenuItem = _flexBox.Flex;
-  return _ref16 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuItem, _ref16.cn("SDropdownMenuItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "variant": 'hint'
-  }, _ref8))));
-}
-function Title(props) {
-  var _ref9 = arguments[0],
-    _ref17;
-  var SDropdownMenuItem = _flexBox.Flex;
-  return _ref17 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuItem, _ref17.cn("SDropdownMenuItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "variant": 'title'
-  }, _ref9))));
-}
-function Trigger(_ref21) {
-  var _ref10 = arguments[0];
-  var keyboardFocused = _ref21.keyboardFocused,
-    onKeyboardFocusedStateChange = _ref21.onKeyboardFocusedStateChange;
-  _react["default"].useEffect(function () {
-    onKeyboardFocusedStateChange(keyboardFocused);
-  }, [keyboardFocused, onKeyboardFocusedStateChange]);
-  return /*#__PURE__*/_react["default"].createElement(_dropdown["default"].Trigger, (0, _core.assignProps)({
-    "aria-haspopup": 'true'
-  }, _ref10));
-}
-Trigger.enhance = [(0, _keyboardFocusEnhance["default"])(false)];
-var DropdownMenu = (0, _core["default"])(DropdownMenuRoot, {
-  Trigger: Trigger,
-  Popper: _dropdown["default"].Popper,
-  List: List,
-  Menu: Menu,
-  Item: [Item, {
-    Addon: Addon
-  }],
-  Nesting: [Nesting, {
-    Trigger: NestingTrigger,
-    Addon: Addon,
-    Item: NestingItem
-  }],
-  ItemTitle: Title,
-  ItemHint: Hint
-}, {
-  parent: [_dropdown["default"]]
-});
-var _default = DropdownMenu;
-exports["default"] = _default;
-//# sourceMappingURL=DropdownMenuOld.js.map