intergalactic 15.128.0-prerelease.0 → 15.128.0-prerelease.1

package/dropdown-menu/lib/esm/DropdownMenu.mjs

@@ -2,77 +2,77 @@ import X from "@babel/runtime/helpers/esm/toConsumableArray";
 import Y from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import N from "@babel/runtime/helpers/esm/slicedToArray";
 import W from "@babel/runtime/helpers/esm/extends";
-import g from "@babel/runtime/helpers/esm/objectSpread2";
+import u from "@babel/runtime/helpers/esm/objectSpread2";
 import Z from "@babel/runtime/helpers/esm/classCallCheck";
 import ee from "@babel/runtime/helpers/esm/createClass";
 import j from "@babel/runtime/helpers/esm/assertThisInitialized";
-import I from "@babel/runtime/helpers/esm/get";
-import y from "@babel/runtime/helpers/esm/getPrototypeOf";
+import k from "@babel/runtime/helpers/esm/get";
+import I from "@babel/runtime/helpers/esm/getPrototypeOf";
 import te from "@babel/runtime/helpers/esm/inherits";
 import re from "@babel/runtime/helpers/esm/createSuper";
-import M from "@babel/runtime/helpers/esm/defineProperty";
+import C from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as ne } from 'intergalactic/utils/lib/core/index';
-import oe, { assignProps as m, sstyled as x } from 'intergalactic/core';
+import oe, { assignProps as h, sstyled as y } from 'intergalactic/core';
 import i from "react";
 import ie from "classnames";
-import D, { enhance as ae, selectedIndexContext as q, AbstractDropdown as _e } from 'intergalactic/dropdown';
+import x, { enhance as ae, selectedIndexContext as q, AbstractDropdown as _e } from 'intergalactic/dropdown';
 import { useBox as se, Flex as z } from 'intergalactic/flex-box';
-import E, { hideScrollBarsFromScreenReadersContext as ue } from 'intergalactic/scroll-area';
+import E, { hideScrollBarsFromScreenReadersContext as ge } from 'intergalactic/scroll-area';
 import { useUID as de } from 'intergalactic/utils/lib/uniqueID';
 import { localizedMessages as le } from "./translations/__intergalactic-dynamic-locales.mjs";
-import { useFocusSource as ge } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import { useFocusSource as ue } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import { isAdvanceMode as L } from 'intergalactic/utils/lib/findComponent';
 import { forkRef as G } from 'intergalactic/utils/lib/ref';
 import { callAllEventHandlers as A } from 'intergalactic/utils/lib/assignProps';
 import ce from 'intergalactic/button';
-import { Text as he } from 'intergalactic/typography';
-var me = ["className"], pe = (
+import { Text as me } from 'intergalactic/typography';
+var he = ["className"], pe = (
   /*__reshadow_css_start__*/
   (ne.insert(
     /*__inner_css_start__*/
-    `.___SDropdownMenuList_5h0u9_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_5h0u9_gg_ .___SShadowHorizontal_5h0u9_gg_:after,.___SDropdownMenuList_5h0u9_gg_ .___SShadowHorizontal_5h0u9_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_5h0u9_gg_ .___SShadowHorizontal_5h0u9_gg_._position_median_5h0u9_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,
+    `.___SDropdownMenuList_1gwk1_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1gwk1_gg_ .___SShadowHorizontal_1gwk1_gg_:after,.___SDropdownMenuList_1gwk1_gg_ .___SShadowHorizontal_1gwk1_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1gwk1_gg_ .___SShadowHorizontal_1gwk1_gg_._position_median_1gwk1_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,
         linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
-      )}.___SDropdownMenuList_5h0u9_gg_ .___SShadowHorizontal_5h0u9_gg_._position_median_5h0u9_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,
+      )}.___SDropdownMenuList_1gwk1_gg_ .___SShadowHorizontal_1gwk1_gg_._position_median_1gwk1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,
         linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
-      )}.___SDropdownMenuList_5h0u9_gg_ .___SShadowHorizontal_5h0u9_gg_._position_start_5h0u9_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,
+      )}.___SDropdownMenuList_1gwk1_gg_ .___SShadowHorizontal_1gwk1_gg_._position_start_1gwk1_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,
         linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
-      )}.___SDropdownMenuList_5h0u9_gg_ .___SShadowHorizontal_5h0u9_gg_._position_end_5h0u9_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,
+      )}.___SDropdownMenuList_1gwk1_gg_ .___SShadowHorizontal_1gwk1_gg_._position_end_1gwk1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,
         linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
-      )}.___SDropdownMenuList_5h0u9_gg_ .___SShadowVertical_5h0u9_gg_:after,.___SDropdownMenuList_5h0u9_gg_ .___SShadowVertical_5h0u9_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_5h0u9_gg_ .___SShadowVertical_5h0u9_gg_._position_median_5h0u9_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,
+      )}.___SDropdownMenuList_1gwk1_gg_ .___SShadowVertical_1gwk1_gg_:after,.___SDropdownMenuList_1gwk1_gg_ .___SShadowVertical_1gwk1_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1gwk1_gg_ .___SShadowVertical_1gwk1_gg_._position_median_1gwk1_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,
         linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
-      )}.___SDropdownMenuList_5h0u9_gg_ .___SShadowVertical_5h0u9_gg_._position_median_5h0u9_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,
+      )}.___SDropdownMenuList_1gwk1_gg_ .___SShadowVertical_1gwk1_gg_._position_median_1gwk1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,
         linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
-      )}.___SDropdownMenuList_5h0u9_gg_ .___SShadowVertical_5h0u9_gg_._position_start_5h0u9_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,
+      )}.___SDropdownMenuList_1gwk1_gg_ .___SShadowVertical_1gwk1_gg_._position_start_1gwk1_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,
         linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
-      )}.___SDropdownMenuList_5h0u9_gg_ .___SShadowVertical_5h0u9_gg_._position_end_5h0u9_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,
+      )}.___SDropdownMenuList_1gwk1_gg_ .___SShadowVertical_1gwk1_gg_._position_end_1gwk1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,
         linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
-      )}.___SDropdownMenuItemContainer_5h0u9_gg_.__nesting-trigger_5h0u9_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_5h0u9_gg_,.___SItemContentText_5h0u9_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_5h0u9_gg_:first-child,.___SItemContentText_5h0u9_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_5h0u9_gg_:last-child,.___SItemContentText_5h0u9_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_5h0u9_gg_,.___SDropdownMenuNesting_5h0u9_gg_._size_l_5h0u9_gg_,.___SDropdownMenuNesting_5h0u9_gg_._size_m_5h0u9_gg_{padding:0}.___SDropdownMenuNesting_5h0u9_gg_.__highlighted_5h0u9_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_5h0u9_gg_._size_l_5h0u9_gg_,.___SDropdownNestingItem_5h0u9_gg_._size_m_5h0u9_gg_{padding-right:0}.___SDropdownNestingItem_5h0u9_gg_ .___SDropdownMenuItemContainer_5h0u9_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_5h0u9_gg_:focus{outline:0}.___SItemHint_5h0u9_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}`,
-    "5h0u9_gg_"
+      )}.___SDropdownMenuItemContainer_1gwk1_gg_.__nesting-trigger_1gwk1_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1gwk1_gg_,.___SItemContentText_1gwk1_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1gwk1_gg_:first-child,.___SItemContentText_1gwk1_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1gwk1_gg_:last-child,.___SItemContentText_1gwk1_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1gwk1_gg_,.___SDropdownMenuNesting_1gwk1_gg_._size_l_1gwk1_gg_,.___SDropdownMenuNesting_1gwk1_gg_._size_m_1gwk1_gg_{padding:0}.___SDropdownMenuNesting_1gwk1_gg_.__highlighted_1gwk1_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1gwk1_gg_._size_l_1gwk1_gg_,.___SDropdownNestingItem_1gwk1_gg_._size_m_1gwk1_gg_{padding-right:0}.___SDropdownNestingItem_1gwk1_gg_ .___SDropdownMenuItemContainer_1gwk1_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_1gwk1_gg_:focus{outline:0}.___SItemHint_1gwk1_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}`,
+    "1gwk1_gg_"
   ), {
-    __SDropdownMenuItemContainer: "___SDropdownMenuItemContainer_5h0u9_gg_",
-    "_nesting-trigger": "__nesting-trigger_5h0u9_gg_",
-    __SDropdownMenuNesting: "___SDropdownMenuNesting_5h0u9_gg_",
-    _size_l: "_size_l_5h0u9_gg_",
-    _size_m: "_size_m_5h0u9_gg_",
-    _highlighted: "__highlighted_5h0u9_gg_",
-    __SDropdownNestingItem: "___SDropdownNestingItem_5h0u9_gg_",
-    __SItemContent: "___SItemContent_5h0u9_gg_",
-    __SItemHint: "___SItemHint_5h0u9_gg_",
-    __SDropdownMenuList: "___SDropdownMenuList_5h0u9_gg_",
-    __SShadowHorizontal: "___SShadowHorizontal_5h0u9_gg_",
-    _position_median: "_position_median_5h0u9_gg_",
-    _position_start: "_position_start_5h0u9_gg_",
-    _position_end: "_position_end_5h0u9_gg_",
-    __SShadowVertical: "___SShadowVertical_5h0u9_gg_",
-    __SDropdownMenuItemAddon: "___SDropdownMenuItemAddon_5h0u9_gg_",
-    __SItemContentText: "___SItemContentText_5h0u9_gg_"
+    __SDropdownMenuItemContainer: "___SDropdownMenuItemContainer_1gwk1_gg_",
+    "_nesting-trigger": "__nesting-trigger_1gwk1_gg_",
+    __SDropdownMenuNesting: "___SDropdownMenuNesting_1gwk1_gg_",
+    _size_l: "_size_l_1gwk1_gg_",
+    _size_m: "_size_m_1gwk1_gg_",
+    _highlighted: "__highlighted_1gwk1_gg_",
+    __SDropdownNestingItem: "___SDropdownNestingItem_1gwk1_gg_",
+    __SItemContent: "___SItemContent_1gwk1_gg_",
+    __SItemHint: "___SItemHint_1gwk1_gg_",
+    __SDropdownMenuList: "___SDropdownMenuList_1gwk1_gg_",
+    __SShadowHorizontal: "___SShadowHorizontal_1gwk1_gg_",
+    _position_median: "_position_median_1gwk1_gg_",
+    _position_start: "_position_start_1gwk1_gg_",
+    _position_end: "_position_end_1gwk1_gg_",
+    __SShadowVertical: "___SShadowVertical_1gwk1_gg_",
+    __SDropdownMenuItemAddon: "___SDropdownMenuItemAddon_1gwk1_gg_",
+    __SItemContentText: "___SItemContentText_1gwk1_gg_"
   })
 ), U = function(_) {
   var t = _.children;
-  return /* @__PURE__ */ i.createElement(ue.Provider, {
+  return /* @__PURE__ */ i.createElement(ge.Provider, {
     value: !0
   }, t);
-}, H = /* @__PURE__ */ i.createContext({}), P = /* @__PURE__ */ function(n) {
+}, H = /* @__PURE__ */ i.createContext({}), M = /* @__PURE__ */ function(n) {
   te(t, n);
   var _ = re(t);
   function t() {
@@ -80,21 +80,21 @@ var me = ["className"], pe = (
     Z(this, t);
     for (var r = arguments.length, o = new Array(r), e = 0; e < r; e++)
       o[e] = arguments[e];
-    return a = _.call.apply(_, [this].concat(o)), M(j(a), "actionsRef", /* @__PURE__ */ i.createRef()), M(j(a), "role", "menu"), a;
+    return a = _.call.apply(_, [this].concat(o)), C(j(a), "actionsRef", /* @__PURE__ */ i.createRef()), C(j(a), "role", "menu"), a;
   }
   return ee(t, [{
     key: "uncontrolledProps",
     value: function() {
       var r = this;
-      return g(g({}, I(y(t.prototype), "uncontrolledProps", this).call(this)), {}, {
+      return u(u({}, k(I(t.prototype), "uncontrolledProps", this).call(this)), {}, {
         visible: [null, function(o) {
           o === !0 && setTimeout(function() {
-            var e, s, u = (e = r.menuRef.current) === null || e === void 0 ? void 0 : e.querySelectorAll('[role="menuitemcheckbox"], [role="menuitemradio"]'), d = (s = r.menuRef.current) === null || s === void 0 ? void 0 : s.querySelector('[aria-checked="true"]');
-            if (d && u && r.asProps.itemsCount === void 0) {
+            var e, s, g = (e = r.menuRef.current) === null || e === void 0 ? void 0 : e.querySelectorAll('[role="menuitemcheckbox"], [role="menuitemradio"]'), d = (s = r.menuRef.current) === null || s === void 0 ? void 0 : s.querySelector('[aria-checked="true"]');
+            if (d && g && r.asProps.itemsCount === void 0) {
               r.scrollToNode(d, !0);
-              for (var h = 0; h < u.length; h++)
-                if (u[h] === d) {
-                  r.handlers.highlightedIndex(h);
+              for (var m = 0; m < g.length; m++)
+                if (g[m] === d) {
+                  r.handlers.highlightedIndex(m);
                   break;
                 }
             }
@@ -105,36 +105,36 @@ var me = ["className"], pe = (
   }, {
     key: "itemRef",
     value: function(r, o, e) {
-      I(y(t.prototype), "itemRef", this).call(this, r, o, e), e === document.activeElement && I(y(t.prototype), "scrollToNode", this).call(this, e);
+      k(I(t.prototype), "itemRef", this).call(this, r, o, e), e === document.activeElement && k(I(t.prototype), "scrollToNode", this).call(this, e);
     }
   }, {
     key: "getTriggerProps",
     value: function() {
-      var r = this.asProps, o = r.Children, e = r.uid, s = r.visible, u = L(o, [v.Menu.displayName]), d = u ? "igc-".concat(e, "-list") : "igc-".concat(e, "-popper");
-      return g(g({}, I(y(t.prototype), "getTriggerProps", this).call(this)), {}, {
+      var r = this.asProps, o = r.Children, e = r.uid, s = r.visible, g = L(o, [v.Menu.displayName]), d = g ? "igc-".concat(e, "-list") : "igc-".concat(e, "-popper");
+      return u(u({}, k(I(t.prototype), "getTriggerProps", this).call(this)), {}, {
         onKeyDown: A(this.handlePreventCommonKeyDown.bind(this), this.handleOpenKeyDown.bind(this), this.handleKeyDownForMenu("trigger")),
         "aria-controls": s ? d : void 0,
-        "aria-haspopup": u ? "true" : "dialog"
+        "aria-haspopup": g ? "true" : "dialog"
       });
     }
   }, {
     key: "getListProps",
     value: function() {
-      return g(g({}, I(y(t.prototype), "getListProps", this).call(this)), {}, {
+      return u(u({}, k(I(t.prototype), "getListProps", this).call(this)), {}, {
         onKeyDown: A(this.handlePreventCommonKeyDown.bind(this), this.handleKeyDownForMenu("list"), this.handleArrowKeyDown.bind(this))
       });
     }
   }, {
     key: "getPopperProps",
     value: function() {
-      return g(g({}, I(y(t.prototype), "getPopperProps", this).call(this)), {}, {
+      return u(u({}, k(I(t.prototype), "getPopperProps", this).call(this)), {}, {
         onKeyDown: A(this.handlePreventCommonKeyDown.bind(this), this.handlePreventPopperKeyDown.bind(this))
       });
     }
   }, {
     key: "getActionsProps",
     value: function() {
-      return g(g({}, this.getListProps()), {}, {
+      return u(u({}, this.getListProps()), {}, {
         ref: this.actionsRef,
         onKeyDown: A(this.handlePreventTabOnActions.bind(this), this.handlePreventCommonKeyDown.bind(this), this.handleKeyDownForMenu("list"), this.handleArrowKeyDown.bind(this))
       });
@@ -142,18 +142,18 @@ var me = ["className"], pe = (
   }, {
     key: "getItemProps",
     value: function(r, o) {
-      var e, s = this, u = this.asProps, d = u.highlightedIndex, h = u.visible, l = (e = r.index) !== null && e !== void 0 ? e : o, p = l === d, c = g(g({}, I(y(t.prototype), "getItemProps", this).call(this, r, l)), {}, {
-        tabIndex: p && h ? 0 : -1,
-        ref: function(w) {
-          return s.itemRef(r, l, w);
+      var e, s = this, g = this.asProps, d = g.highlightedIndex, m = g.visible, l = (e = r.index) !== null && e !== void 0 ? e : o, p = l === d, c = u(u({}, k(I(t.prototype), "getItemProps", this).call(this, r, l)), {}, {
+        tabIndex: p && m ? 0 : -1,
+        ref: function(S) {
+          return s.itemRef(r, l, S);
         },
         actionsRef: this.actionsRef
       });
       if (r.tag === ce) {
-        var f, b, S;
-        c.use = (f = r.use) !== null && f !== void 0 ? f : "tertiary", c.theme = (b = r.theme) !== null && b !== void 0 ? b : "muted", c.size = (S = r.size) !== null && S !== void 0 ? S : "s";
+        var f, w, b;
+        c.use = (f = r.use) !== null && f !== void 0 ? f : "tertiary", c.theme = (w = r.theme) !== null && w !== void 0 ? w : "muted", c.size = (b = r.size) !== null && b !== void 0 ? b : "s";
       }
-      return r.selected && (c["aria-checked"] = !0), I(y(t.prototype), "childRole", this) === "menuitemradio" && (c.onClick = function() {
+      return r.selected && (c["aria-checked"] = !0), k(I(t.prototype), "childRole", this) === "menuitemradio" && (c.onClick = function() {
         s.handlers.visible(!1);
       }), c;
     }
@@ -162,18 +162,18 @@ var me = ["className"], pe = (
     value: function(r) {
       var o = this;
       return function(e) {
-        var s, u, d = o.asProps, h = d.visible, l = d.placement, p = d.inlineActions;
+        var s, g, d = o.asProps, m = d.visible, l = d.placement, p = d.inlineActions;
         if (r === "list" && !((s = o.menuRef.current) !== null && s !== void 0 && s.contains(e.target)) && !p)
           return e.stopPropagation(), !1;
-        var c = e.key === "ArrowRight" && (l == null ? void 0 : l.startsWith("right")) || e.key === "ArrowLeft" && (l == null ? void 0 : l.startsWith("left")), f = e.key === "ArrowLeft" && (l == null ? void 0 : l.startsWith("right")) || e.key === "ArrowRight" && (l == null ? void 0 : l.startsWith("left")) || e.key === "Escape", b = (u = e.target.getAttribute("role")) === null || u === void 0 ? void 0 : u.startsWith(I(y(t.prototype), "childRole", o));
-        if (r === "trigger" && (!h || p) && c && b)
+        var c = e.key === "ArrowRight" && (l == null ? void 0 : l.startsWith("right")) || e.key === "ArrowLeft" && (l == null ? void 0 : l.startsWith("left")), f = e.key === "ArrowLeft" && (l == null ? void 0 : l.startsWith("right")) || e.key === "ArrowRight" && (l == null ? void 0 : l.startsWith("left")) || e.key === "Escape", w = (g = e.target.getAttribute("role")) === null || g === void 0 ? void 0 : g.startsWith(k(I(t.prototype), "childRole", o));
+        if (r === "trigger" && (!m || p) && c && w)
           return o.handlers.visible(!0), o.handlers.highlightedIndex(0), setTimeout(function() {
-            var C, w = o.asProps.highlightedIndex;
-            (C = o.itemRefs[w]) === null || C === void 0 || C.focus();
+            var D, S = o.asProps.highlightedIndex;
+            (D = o.itemRefs[S]) === null || D === void 0 || D.focus();
           }, 0), e.preventDefault(), e.stopPropagation(), !1;
-        if (r === "list" && h && f && b && (!p || p && (e.key === "Escape" || o.asProps.highlightedIndex === 0))) {
-          var S;
-          return o.handlers.visible(!1), (S = o.triggerRef.current) === null || S === void 0 || S.focus(), e.preventDefault(), e.stopPropagation(), !1;
+        if (r === "list" && m && f && w && (!p || p && (e.key === "Escape" || o.asProps.highlightedIndex === 0))) {
+          var b;
+          return o.handlers.visible(!1), (b = o.triggerRef.current) === null || b === void 0 || b.focus(), e.preventDefault(), e.stopPropagation(), !1;
         }
       };
     }
@@ -186,19 +186,19 @@ var me = ["className"], pe = (
   }, {
     key: "render",
     value: function() {
-      var r = this.asProps, o = this.asProps, e = o.Children, s = o.selectedIndex, u = o.interaction, d = o.timeout;
+      var r = this.asProps, o = this.asProps, e = o.Children, s = o.selectedIndex, g = o.interaction, d = o.timeout;
       return this.itemProps = [], /* @__PURE__ */ i.createElement(q.Provider, {
         value: s
-      }, /* @__PURE__ */ i.createElement(D, m({
-        timeout: d || (u === "hover" ? [0, 100] : void 0)
+      }, /* @__PURE__ */ i.createElement(x, h({
+        timeout: d || (g === "hover" ? [0, 100] : void 0)
       }, r), /* @__PURE__ */ i.createElement(e, null)));
     }
   }]), t;
 }(_e);
-M(P, "displayName", "DropdownMenu");
-M(P, "style", pe);
-M(P, "enhance", Object.values(ae));
-M(P, "defaultProps", {
+C(M, "displayName", "DropdownMenu");
+C(M, "style", pe);
+C(M, "enhance", Object.values(ae));
+C(M, "defaultProps", {
   size: "m",
   defaultVisible: !1,
   defaultHighlightedIndex: 0,
@@ -210,13 +210,13 @@ M(P, "defaultProps", {
   placement: "bottom-start",
   timeout: 0
 });
-M(P, "nestedMenuInteraction", {
+C(M, "nestedMenuInteraction", {
   trigger: [["onClick", "onMouseEnter"], ["onClick", "onMouseLeave"]],
   popper: [["onMouseEnter"], ["onMouseLeave"]]
 });
 function fe(n) {
   var _ = arguments[0], t, a = n.styles, r = n.Children, o = E;
-  return t = x(a), /* @__PURE__ */ i.createElement(U, t.cn("ListBoxContextProvider", {}), /* @__PURE__ */ i.createElement(o, t.cn("SDropdownMenuList", g({}, m({
+  return t = y(a), /* @__PURE__ */ i.createElement(U, t.cn("ListBoxContextProvider", {}), /* @__PURE__ */ i.createElement(o, t.cn("SDropdownMenuList", u({}, h({
     shadow: !0
   }, _))), /* @__PURE__ */ i.createElement(E.Container, {
     tabIndex: void 0
@@ -228,39 +228,39 @@ function fe(n) {
 }
 function ve(n) {
   var _ = arguments[0], t, a = n.styles, r = z;
-  return t = x(a), /* @__PURE__ */ i.createElement(r, t.cn("SDropdownMenuActions", g({}, m({}, _))));
+  return t = y(a), /* @__PURE__ */ i.createElement(r, t.cn("SDropdownMenuActions", u({}, h({}, _))));
 }
-function be(n) {
-  var _ = arguments[0], t = n.visible, a = n.disablePortal, r = n.ignorePortalsStacking, o = n.disableEnforceFocus, e = n.interaction, s = n.autoFocus, u = n.animationsDisabled, d = {
+function we(n) {
+  var _ = arguments[0], t = n.visible, a = n.disablePortal, r = n.ignorePortalsStacking, o = n.disableEnforceFocus, e = n.interaction, s = n.autoFocus, g = n.animationsDisabled, d = {
     visible: t,
     disablePortal: a,
     ignorePortalsStacking: r,
     disableEnforceFocus: o,
     interaction: e,
     autoFocus: s,
-    animationsDisabled: u
+    animationsDisabled: g
   };
   return /* @__PURE__ */ i.createElement(U, null, /* @__PURE__ */ i.createElement(v.Popper, W({}, d, {
     role: null
-  }), /* @__PURE__ */ i.createElement(v.List, m({}, _))));
+  }), /* @__PURE__ */ i.createElement(v.List, h({}, _))));
 }
-function Se(n) {
-  var _ = arguments[0], t, a = n.id, r = n.styles, o = n.disabled, e = n.Children, s = n.forwardRef, u = n.role, d = n.tabIndex, h = n.actionsRef, l = n["aria-checked"], p = D.Item, c = i.useRef(), f = i.useState(!1), b = N(f, 2), S = b[0], C = b[1], w = {
+function be(n) {
+  var _ = arguments[0], t, a = n.id, r = n.styles, o = n.disabled, e = n.Children, s = n.forwardRef, g = n.role, d = n.tabIndex, m = n.actionsRef, l = n["aria-checked"], p = x.Item, c = i.useRef(), f = i.useState(!1), w = N(f, 2), b = w[0], D = w[1], S = {
     contentId: a,
     ref: G(s, c),
-    role: u,
+    role: g,
     tabIndex: d,
     ariaChecked: l
-  }, K = [], T = L(e, [v.displayName], !0), F = L(e, [v.Item.Hint.displayName], !0), R = L(e, [v.Item.Content.displayName], !0) || T || F;
+  }, K = [], T = L(e, [v.displayName], !0), F = L(e, [v.Item.Hint.displayName], !0), P = L(e, [v.Item.Content.displayName], !0) || T || F;
   if (F) {
     var B = "igc-".concat(de(), "-option-hint");
-    w.hintId = B, K.push(B);
+    S.hintId = B, K.push(B);
   }
-  T && (w.hasSubMenu = !0), w.ariaDescribes = K, i.useEffect(function() {
-    var $ = function(k) {
-      k.target === c.current && (C(!0), T && k.stopPropagation());
-    }, V = function(k) {
-      k.target === c.current && (C(!1), h.current && (c.current.tabIndex = -1));
+  T && (S.hasSubMenu = !0), S.ariaDescribes = K, i.useEffect(function() {
+    var $ = function(R) {
+      R.target === c.current && (D(!0), T && R.stopPropagation());
+    }, V = function(R) {
+      R.target === c.current && (D(!1), m.current && (c.current.tabIndex = -1));
     };
     return document.addEventListener("focus", $, {
       capture: !0
@@ -274,43 +274,43 @@ function Se(n) {
       });
     };
   }, [c.current]);
-  var J = ge();
-  return t = x(r), /* @__PURE__ */ i.createElement(H.Provider, {
-    value: w
-  }, /* @__PURE__ */ i.createElement(p, t.cn("SDropdownMenuItemContainer", g({}, m({
-    ref: R ? void 0 : w.ref,
-    "use:highlighted": !o && S && J.current === "keyboard",
-    "use:role": R ? void 0 : u,
-    "use:id": R ? void 0 : a,
-    "use:tabIndex": R ? void 0 : d,
-    "use:aria-checked": R ? void 0 : l
+  var J = ue();
+  return t = y(r), /* @__PURE__ */ i.createElement(H.Provider, {
+    value: S
+  }, /* @__PURE__ */ i.createElement(p, t.cn("SDropdownMenuItemContainer", u({}, h({
+    ref: P ? void 0 : S.ref,
+    "use:highlighted": !o && b && J.current === "keyboard",
+    "use:role": P ? void 0 : g,
+    "use:id": P ? void 0 : a,
+    "use:tabIndex": P ? void 0 : d,
+    "use:aria-checked": P ? void 0 : l
   }, _))), /* @__PURE__ */ i.createElement(e, t.cn("Children", {}))));
 }
 function O(n) {
-  var _ = se(n, n.forwardRef), t = N(_, 2), a = t[0], r = t[1], o = r.className, e = Y(r, me), s = x(n.styles);
+  var _ = se(n, n.forwardRef), t = N(_, 2), a = t[0], r = t[1], o = r.className, e = Y(r, he), s = y(n.styles);
   return /* @__PURE__ */ i.createElement(a, W({
     className: ie(s.cn("SDropdownMenuItemAddon", n).className, o) || void 0
   }, e));
 }
-function we() {
+function Se() {
   var n = arguments[0];
-  return /* @__PURE__ */ i.createElement(D.Trigger, m({}, n));
+  return /* @__PURE__ */ i.createElement(x.Trigger, h({}, n));
 }
-function Ie(n) {
+function ke(n) {
   var _ = arguments[0], t, a = n.styles, r = z, o = i.useRef(), e = i.useContext(H), s = void 0;
   e.hasSubMenu && (s = "true");
-  var u = i.useState(new Set(e.ariaDescribes)), d = N(u, 2), h = d[0], l = d[1];
+  var g = i.useState(new Set(e.ariaDescribes)), d = N(g, 2), m = d[0], l = d[1];
   return i.useEffect(function() {
     var p = o.current, c = p == null ? void 0 : p.parentElement;
     c.getAttribute("aria-haspopup") === "true" && c.getAttribute("aria-describedby") && l(function(f) {
       return f.add(c.getAttribute("aria-describedby")), new Set(f);
     });
-  }, [e.ariaDescribes]), t = x(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemContent", g({}, m({
+  }, [e.ariaDescribes]), t = y(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemContent", u({}, h({
     role: e.role,
     id: e.contentId,
     tabIndex: e.tabIndex,
     ref: G(e.ref, o),
-    "use:aria-describedby": X(h).join(" "),
+    "use:aria-describedby": X(m).join(" "),
     "aria-haspopup": e.hasSubMenu ? "true" : void 0,
     "aria-expanded": s,
     "aria-checked": e.ariaChecked,
@@ -318,67 +318,67 @@ function Ie(n) {
     justifyContent: e.hasSubMenu ? "space-between" : void 0
   }, _))));
 }
-function ye(n) {
-  var _ = arguments[0], t, a = n.styles, r = he;
-  return t = x(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemContentText", g({}, m({}, _))));
+function Ie(n) {
+  var _ = arguments[0], t, a = n.styles, r = me;
+  return t = y(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemContentText", u({}, h({}, _))));
 }
-function xe(n) {
+function ye(n) {
   var _ = arguments[0], t, a = n.styles, r = z, o = i.useContext(H), e = o.hintId;
-  return t = x(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemHint", g({}, m({
+  return t = y(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemHint", u({}, h({
     id: e,
     "aria-hidden": "true"
   }, _))));
 }
-function De(n) {
-  var _ = arguments[0], t, a = D.Item;
-  return t = x(n.styles), /* @__PURE__ */ i.createElement(a, t.cn("SDropdownMenuItemContainer", g({}, m({
+function xe(n) {
+  var _ = arguments[0], t, a = x.Item;
+  return t = y(n.styles), /* @__PURE__ */ i.createElement(a, t.cn("SDropdownMenuItemContainer", u({}, h({
     variant: "hint"
   }, _))));
 }
-function Ce(n) {
-  var _ = arguments[0], t, a = D.Item;
-  return t = x(n.styles), /* @__PURE__ */ i.createElement(a, t.cn("SDropdownMenuItemContainer", g({}, m({
+function De(n) {
+  var _ = arguments[0], t, a = x.Item;
+  return t = y(n.styles), /* @__PURE__ */ i.createElement(a, t.cn("SDropdownMenuItemContainer", u({}, h({
     variant: "title"
   }, _))));
 }
-function Me(n) {
+function Ce(n) {
   var _ = arguments[0], t = n.forwardRef;
-  return /* @__PURE__ */ i.createElement(v.Item, m({
+  return /* @__PURE__ */ i.createElement(v.Item, h({
     ref: t
   }, _));
 }
-function Pe(n) {
+function Me(n) {
   var _ = arguments[0], t = n.forwardRef;
-  return /* @__PURE__ */ i.createElement(v.Item.Content, m({
+  return /* @__PURE__ */ i.createElement(v.Item.Content, h({
     tag: v.Trigger,
     ref: t,
     "use:role": "menuitem"
   }, _));
 }
-var v = oe(P, {
-  Trigger: we,
-  Popper: D.Popper,
+var v = oe(M, {
+  Trigger: Se,
+  Popper: x.Popper,
   List: fe,
   Actions: ve,
-  Menu: be,
-  Item: [Se, {
+  Menu: we,
+  Item: [be, {
     Addon: O,
-    Content: Ie,
-    Text: ye,
-    Hint: xe
+    Content: ke,
+    Text: Ie,
+    Hint: ye
   }],
   /**
    * @deprecated. Use just Item. See examples on
    */
-  Nesting: [Me, {
-    Trigger: Pe,
+  Nesting: [Ce, {
+    Trigger: Me,
     Addon: O
   }],
-  ItemTitle: Ce,
-  ItemHint: De,
-  Group: D.Group
+  ItemTitle: De,
+  ItemHint: xe,
+  Group: x.Group
 }, {
-  parent: [D]
+  parent: [x]
 });
 v.selectedIndexContext = q;
 export {

package/dropdown-menu/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dropdown-menu","description":"Semrush DropdownMenu Component","version":"4.47.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.0","@semcore/dropdown":"4.43.1","@semcore/flex-box":"5.41.1","@semcore/scroll-area":"5.45.1","@semcore/utils":"4.48.1","@semcore/icon":"4.60.1","@semcore/typography":"5.52.1","@semcore/popper":"5.46.1","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown-menu"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0","@semcore/base-trigger":"4.26.1","@semcore/icon":"workspace:*","@semcore/button":"workspace:*"}}
+{"name":"intergalactic/dropdown-menu","description":"Semrush DropdownMenu Component","version":"4.47.1-prerelease.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.1-prerelease.1","@semcore/dropdown":"4.43.2-prerelease.1","@semcore/flex-box":"5.41.2-prerelease.1","@semcore/scroll-area":"5.45.2-prerelease.1","@semcore/utils":"4.48.2-prerelease.1","@semcore/icon":"4.60.2-prerelease.1","@semcore/typography":"5.52.2-prerelease.1","@semcore/popper":"5.46.2-prerelease.1","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.39.2-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown-menu"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0","@semcore/base-trigger":"4.26.1","@semcore/icon":"workspace:*","@semcore/button":"workspace:*"}}

package/ellipsis/lib/cjs/Ellipsis.js

@@ -31,16 +31,16 @@ var _assignProps3 = require("intergalactic/utils/lib/assignProps");
 var _excluded = ["styles", "Children", "maxLine", "tooltip", "trim", "containerRect", "containerRef", "includeTooltipProps", "children"],
   _excluded2 = ["styles", "text", "tooltip", "containerRect", "containerRef", "textRef", "tooltipProps", "children", "advanceMode"];
 /*__reshadow-styles__:"./style/ellipsis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_137b6_gg_,.___SContainer_137b6_gg_,.___SEllipsis_137b6_gg_.__middle-mod_137b6_gg_,.___SNoTooltipContainer_137b6_gg_{display:flex;overflow:hidden}.___SBeginning_137b6_gg_,.___SEllipsis_137b6_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_137b6_gg_.__maxLine_137b6_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_137b6);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_137b6_gg_>:has(.___SBeginning_137b6_gg_),.___SContainerMiddle_137b6_gg_>:has(.___STail_137b6_gg_){display:flex;width:100%}.___STail_137b6_gg_{white-space:pre}" /*__inner_css_end__*/, "137b6_gg_") /*__reshadow_css_end__*/, {
-  "__SContainer": "___SContainer_137b6_gg_",
-  "__SNoTooltipContainer": "___SNoTooltipContainer_137b6_gg_",
-  "__SContainerMiddle": "___SContainerMiddle_137b6_gg_",
-  "__SBeginning": "___SBeginning_137b6_gg_",
-  "__SEllipsis": "___SEllipsis_137b6_gg_",
-  "_middle-mod": "__middle-mod_137b6_gg_",
-  "_maxLine": "__maxLine_137b6_gg_",
-  "--maxLine": "--maxLine_137b6",
-  "__STail": "___STail_137b6_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_gtb2q_gg_,.___SContainer_gtb2q_gg_,.___SEllipsis_gtb2q_gg_.__middle-mod_gtb2q_gg_,.___SNoTooltipContainer_gtb2q_gg_{display:flex;overflow:hidden}.___SBeginning_gtb2q_gg_,.___SEllipsis_gtb2q_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_gtb2q_gg_.__maxLine_gtb2q_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_gtb2q);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_gtb2q_gg_>:has(.___SBeginning_gtb2q_gg_),.___SContainerMiddle_gtb2q_gg_>:has(.___STail_gtb2q_gg_){display:flex;width:100%}.___STail_gtb2q_gg_{white-space:pre}" /*__inner_css_end__*/, "gtb2q_gg_") /*__reshadow_css_end__*/, {
+  "__SContainer": "___SContainer_gtb2q_gg_",
+  "__SNoTooltipContainer": "___SNoTooltipContainer_gtb2q_gg_",
+  "__SContainerMiddle": "___SContainerMiddle_gtb2q_gg_",
+  "__SBeginning": "___SBeginning_gtb2q_gg_",
+  "__SEllipsis": "___SEllipsis_gtb2q_gg_",
+  "_middle-mod": "__middle-mod_gtb2q_gg_",
+  "_maxLine": "__maxLine_gtb2q_gg_",
+  "--maxLine": "--maxLine_gtb2q",
+  "__STail": "___STail_gtb2q_gg_"
 });
 var defaultTooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate', 'cursorAnchoring'];
 var createMeasurerElement = function createMeasurerElement(element, text) {

package/ellipsis/lib/es6/Ellipsis.js

@@ -20,16 +20,16 @@ import { useResizeObserver } from './useResizeObserver';
 import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';
 import findComponent, { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 /*__reshadow-styles__:"./style/ellipsis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_137b6_gg_,.___SContainer_137b6_gg_,.___SEllipsis_137b6_gg_.__middle-mod_137b6_gg_,.___SNoTooltipContainer_137b6_gg_{display:flex;overflow:hidden}.___SBeginning_137b6_gg_,.___SEllipsis_137b6_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_137b6_gg_.__maxLine_137b6_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_137b6);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_137b6_gg_>:has(.___SBeginning_137b6_gg_),.___SContainerMiddle_137b6_gg_>:has(.___STail_137b6_gg_){display:flex;width:100%}.___STail_137b6_gg_{white-space:pre}" /*__inner_css_end__*/, "137b6_gg_") /*__reshadow_css_end__*/, {
-  "__SContainer": "___SContainer_137b6_gg_",
-  "__SNoTooltipContainer": "___SNoTooltipContainer_137b6_gg_",
-  "__SContainerMiddle": "___SContainerMiddle_137b6_gg_",
-  "__SBeginning": "___SBeginning_137b6_gg_",
-  "__SEllipsis": "___SEllipsis_137b6_gg_",
-  "_middle-mod": "__middle-mod_137b6_gg_",
-  "_maxLine": "__maxLine_137b6_gg_",
-  "--maxLine": "--maxLine_137b6",
-  "__STail": "___STail_137b6_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_gtb2q_gg_,.___SContainer_gtb2q_gg_,.___SEllipsis_gtb2q_gg_.__middle-mod_gtb2q_gg_,.___SNoTooltipContainer_gtb2q_gg_{display:flex;overflow:hidden}.___SBeginning_gtb2q_gg_,.___SEllipsis_gtb2q_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_gtb2q_gg_.__maxLine_gtb2q_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_gtb2q);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_gtb2q_gg_>:has(.___SBeginning_gtb2q_gg_),.___SContainerMiddle_gtb2q_gg_>:has(.___STail_gtb2q_gg_){display:flex;width:100%}.___STail_gtb2q_gg_{white-space:pre}" /*__inner_css_end__*/, "gtb2q_gg_") /*__reshadow_css_end__*/, {
+  "__SContainer": "___SContainer_gtb2q_gg_",
+  "__SNoTooltipContainer": "___SNoTooltipContainer_gtb2q_gg_",
+  "__SContainerMiddle": "___SContainerMiddle_gtb2q_gg_",
+  "__SBeginning": "___SBeginning_gtb2q_gg_",
+  "__SEllipsis": "___SEllipsis_gtb2q_gg_",
+  "_middle-mod": "__middle-mod_gtb2q_gg_",
+  "_maxLine": "__maxLine_gtb2q_gg_",
+  "--maxLine": "--maxLine_gtb2q",
+  "__STail": "___STail_gtb2q_gg_"
 });
 import reactToText from 'intergalactic/utils/lib/reactToText';
 import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';