intergalactic 15.128.0 → 15.129.0-prerelease.0

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

@@ -1,78 +1,78 @@
 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 T from "@babel/runtime/helpers/esm/slicedToArray";
 import W from "@babel/runtime/helpers/esm/extends";
 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 k from "@babel/runtime/helpers/esm/get";
-import I from "@babel/runtime/helpers/esm/getPrototypeOf";
+import V from "@babel/runtime/helpers/esm/assertThisInitialized";
+import I from "@babel/runtime/helpers/esm/get";
+import y from "@babel/runtime/helpers/esm/getPrototypeOf";
 import te from "@babel/runtime/helpers/esm/inherits";
 import re from "@babel/runtime/helpers/esm/createSuper";
 import C from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as ne } from 'intergalactic/utils/lib/core/index';
-import oe, { assignProps as h, sstyled as y } from 'intergalactic/core';
+import oe, { assignProps as h, sstyled as x } from 'intergalactic/core';
 import i from "react";
 import ie from "classnames";
-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 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 D, { enhance as ae, selectedIndexContext as q, AbstractDropdown as _e } from 'intergalactic/dropdown';
+import { useBox as se, Flex as N } from 'intergalactic/flex-box';
+import k, { hideScrollBarsFromScreenReadersContext as de } from 'intergalactic/scroll-area';
+import { useUID as le } from 'intergalactic/utils/lib/uniqueID';
+import { localizedMessages as ge } from "./translations/__intergalactic-dynamic-locales.mjs";
 import { useFocusSource as ue } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
-import { isAdvanceMode as L } from 'intergalactic/utils/lib/findComponent';
+import { isAdvanceMode as A } from 'intergalactic/utils/lib/findComponent';
 import { forkRef as G } from 'intergalactic/utils/lib/ref';
-import { callAllEventHandlers as A } from 'intergalactic/utils/lib/assignProps';
+import { callAllEventHandlers as E } from 'intergalactic/utils/lib/assignProps';
 import ce from 'intergalactic/button';
 import { Text as me } from 'intergalactic/typography';
 var he = ["className"], pe = (
   /*__reshadow_css_start__*/
   (ne.insert(
     /*__inner_css_start__*/
-    `.___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,
+    `.___SDropdownMenuList_1j30o_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_1j30o_gg_ .___SShadowHorizontal_1j30o_gg_:after,.___SDropdownMenuList_1j30o_gg_ .___SShadowHorizontal_1j30o_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1j30o_gg_ .___SShadowHorizontal_1j30o_gg_._position_median_1j30o_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_1gwk1_gg_ .___SShadowHorizontal_1gwk1_gg_._position_median_1gwk1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,
+      )}.___SDropdownMenuList_1j30o_gg_ .___SShadowHorizontal_1j30o_gg_._position_median_1j30o_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_1gwk1_gg_ .___SShadowHorizontal_1gwk1_gg_._position_start_1gwk1_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,
+      )}.___SDropdownMenuList_1j30o_gg_ .___SShadowHorizontal_1j30o_gg_._position_start_1j30o_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_1gwk1_gg_ .___SShadowHorizontal_1gwk1_gg_._position_end_1gwk1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,
+      )}.___SDropdownMenuList_1j30o_gg_ .___SShadowHorizontal_1j30o_gg_._position_end_1j30o_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_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,
+      )}.___SDropdownMenuList_1j30o_gg_ .___SShadowVertical_1j30o_gg_:after,.___SDropdownMenuList_1j30o_gg_ .___SShadowVertical_1j30o_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1j30o_gg_ .___SShadowVertical_1j30o_gg_._position_median_1j30o_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_1gwk1_gg_ .___SShadowVertical_1gwk1_gg_._position_median_1gwk1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,
+      )}.___SDropdownMenuList_1j30o_gg_ .___SShadowVertical_1j30o_gg_._position_median_1j30o_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_1gwk1_gg_ .___SShadowVertical_1gwk1_gg_._position_start_1gwk1_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,
+      )}.___SDropdownMenuList_1j30o_gg_ .___SShadowVertical_1j30o_gg_._position_start_1j30o_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_1gwk1_gg_ .___SShadowVertical_1gwk1_gg_._position_end_1gwk1_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,
+      )}.___SDropdownMenuList_1j30o_gg_ .___SShadowVertical_1j30o_gg_._position_end_1j30o_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_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_1j30o_gg_.__nesting-trigger_1j30o_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1j30o_gg_,.___SItemContentText_1j30o_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1j30o_gg_:first-child,.___SItemContentText_1j30o_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1j30o_gg_:last-child,.___SItemContentText_1j30o_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1j30o_gg_,.___SDropdownMenuNesting_1j30o_gg_._size_l_1j30o_gg_,.___SDropdownMenuNesting_1j30o_gg_._size_m_1j30o_gg_{padding:0}.___SDropdownMenuNesting_1j30o_gg_.__highlighted_1j30o_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1j30o_gg_._size_l_1j30o_gg_,.___SDropdownNestingItem_1j30o_gg_._size_m_1j30o_gg_{padding-right:0}.___SDropdownNestingItem_1j30o_gg_ .___SDropdownMenuItemContainer_1j30o_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_1j30o_gg_:focus{outline:0}.___SItemHint_1j30o_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}`,
+    "1j30o_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_"
+    __SDropdownMenuItemContainer: "___SDropdownMenuItemContainer_1j30o_gg_",
+    "_nesting-trigger": "__nesting-trigger_1j30o_gg_",
+    __SDropdownMenuNesting: "___SDropdownMenuNesting_1j30o_gg_",
+    _size_l: "_size_l_1j30o_gg_",
+    _size_m: "_size_m_1j30o_gg_",
+    _highlighted: "__highlighted_1j30o_gg_",
+    __SDropdownNestingItem: "___SDropdownNestingItem_1j30o_gg_",
+    __SItemContent: "___SItemContent_1j30o_gg_",
+    __SItemHint: "___SItemHint_1j30o_gg_",
+    __SDropdownMenuList: "___SDropdownMenuList_1j30o_gg_",
+    __SShadowHorizontal: "___SShadowHorizontal_1j30o_gg_",
+    _position_median: "_position_median_1j30o_gg_",
+    _position_start: "_position_start_1j30o_gg_",
+    _position_end: "_position_end_1j30o_gg_",
+    __SShadowVertical: "___SShadowVertical_1j30o_gg_",
+    __SDropdownMenuItemAddon: "___SDropdownMenuItemAddon_1j30o_gg_",
+    __SItemContentText: "___SItemContentText_1j30o_gg_"
   })
 ), U = function(_) {
   var t = _.children;
-  return /* @__PURE__ */ i.createElement(ge.Provider, {
+  return /* @__PURE__ */ i.createElement(de.Provider, {
     value: !0
   }, t);
-}, H = /* @__PURE__ */ i.createContext({}), M = /* @__PURE__ */ function(n) {
+}, z = /* @__PURE__ */ i.createContext({}), M = /* @__PURE__ */ function(n) {
   te(t, n);
   var _ = re(t);
   function t() {
@@ -80,20 +80,20 @@ var he = ["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)), C(j(a), "actionsRef", /* @__PURE__ */ i.createRef()), C(j(a), "role", "menu"), a;
+    return a = _.call.apply(_, [this].concat(o)), C(V(a), "actionsRef", /* @__PURE__ */ i.createRef()), C(V(a), "role", "menu"), a;
   }
   return ee(t, [{
     key: "uncontrolledProps",
     value: function() {
       var r = this;
-      return u(u({}, k(I(t.prototype), "uncontrolledProps", this).call(this)), {}, {
+      return u(u({}, I(y(t.prototype), "uncontrolledProps", this).call(this)), {}, {
         visible: [null, function(o) {
           o === !0 && setTimeout(function() {
-            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 m = 0; m < g.length; m++)
-                if (g[m] === d) {
+            var e, s, d = (e = r.menuRef.current) === null || e === void 0 ? void 0 : e.querySelectorAll('[role="menuitemcheckbox"], [role="menuitemradio"]'), l = (s = r.menuRef.current) === null || s === void 0 ? void 0 : s.querySelector('[aria-checked="true"]');
+            if (l && d && r.asProps.itemsCount === void 0) {
+              r.scrollToNode(l, !0);
+              for (var m = 0; m < d.length; m++)
+                if (d[m] === l) {
                   r.handlers.highlightedIndex(m);
                   break;
                 }
@@ -105,30 +105,30 @@ var he = ["className"], pe = (
   }, {
     key: "itemRef",
     value: function(r, o, e) {
-      k(I(t.prototype), "itemRef", this).call(this, r, o, e), e === document.activeElement && k(I(t.prototype), "scrollToNode", this).call(this, e);
+      I(y(t.prototype), "itemRef", this).call(this, r, o, e), e === document.activeElement && I(y(t.prototype), "scrollToNode", this).call(this, e);
     }
   }, {
     key: "getTriggerProps",
     value: function() {
-      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": g ? "true" : "dialog"
+      var r = this.asProps, o = r.Children, e = r.uid, s = r.visible, d = A(o, [v.Menu.displayName]), l = d ? "igc-".concat(e, "-list") : "igc-".concat(e, "-popper");
+      return u(u({}, I(y(t.prototype), "getTriggerProps", this).call(this)), {}, {
+        onKeyDown: E(this.handlePreventCommonKeyDown.bind(this), this.handleOpenKeyDown.bind(this), this.handleKeyDownForMenu("trigger")),
+        "aria-controls": s ? l : void 0,
+        "aria-haspopup": d ? "true" : "dialog"
       });
     }
   }, {
     key: "getListProps",
     value: function() {
-      return u(u({}, k(I(t.prototype), "getListProps", this).call(this)), {}, {
-        onKeyDown: A(this.handlePreventCommonKeyDown.bind(this), this.handleKeyDownForMenu("list"), this.handleArrowKeyDown.bind(this))
+      return u(u({}, I(y(t.prototype), "getListProps", this).call(this)), {}, {
+        onKeyDown: E(this.handlePreventCommonKeyDown.bind(this), this.handleKeyDownForMenu("list"), this.handleArrowKeyDown.bind(this))
       });
     }
   }, {
     key: "getPopperProps",
     value: function() {
-      return u(u({}, k(I(t.prototype), "getPopperProps", this).call(this)), {}, {
-        onKeyDown: A(this.handlePreventCommonKeyDown.bind(this), this.handlePreventPopperKeyDown.bind(this))
+      return u(u({}, I(y(t.prototype), "getPopperProps", this).call(this)), {}, {
+        onKeyDown: E(this.handlePreventCommonKeyDown.bind(this), this.handlePreventPopperKeyDown.bind(this))
       });
     }
   }, {
@@ -136,24 +136,24 @@ var he = ["className"], pe = (
     value: function() {
       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))
+        onKeyDown: E(this.handlePreventTabOnActions.bind(this), this.handlePreventCommonKeyDown.bind(this), this.handleKeyDownForMenu("list"), this.handleArrowKeyDown.bind(this))
       });
     }
   }, {
     key: "getItemProps",
     value: function(r, o) {
-      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)), {}, {
+      var e, s = this, d = this.asProps, l = d.highlightedIndex, m = d.visible, g = (e = r.index) !== null && e !== void 0 ? e : o, p = g === l, c = u(u({}, I(y(t.prototype), "getItemProps", this).call(this, r, g)), {}, {
         tabIndex: p && m ? 0 : -1,
-        ref: function(S) {
-          return s.itemRef(r, l, S);
+        ref: function(w) {
+          return s.itemRef(r, g, w);
         },
         actionsRef: this.actionsRef
       });
       if (r.tag === ce) {
-        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";
+        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";
       }
-      return r.selected && (c["aria-checked"] = !0), k(I(t.prototype), "childRole", this) === "menuitemradio" && (c.onClick = function() {
+      return r.selected && (c["aria-checked"] = !0), I(y(t.prototype), "childRole", this) === "menuitemradio" && (c.onClick = function() {
         s.handlers.visible(!1);
       }), c;
     }
@@ -162,18 +162,18 @@ var he = ["className"], pe = (
     value: function(r) {
       var o = this;
       return function(e) {
-        var s, g, d = o.asProps, m = d.visible, l = d.placement, p = d.inlineActions;
+        var s, d, l = o.asProps, m = l.visible, g = l.placement, p = l.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", 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)
+        var c = e.key === "ArrowRight" && (g == null ? void 0 : g.startsWith("right")) || e.key === "ArrowLeft" && (g == null ? void 0 : g.startsWith("left")), f = e.key === "ArrowLeft" && (g == null ? void 0 : g.startsWith("right")) || e.key === "ArrowRight" && (g == null ? void 0 : g.startsWith("left")) || e.key === "Escape", b = (d = e.target.getAttribute("role")) === null || d === void 0 ? void 0 : d.startsWith(I(y(t.prototype), "childRole", o));
+        if (r === "trigger" && (!m || p) && c && b)
           return o.handlers.visible(!0), o.handlers.highlightedIndex(0), setTimeout(function() {
-            var D, S = o.asProps.highlightedIndex;
-            (D = o.itemRefs[S]) === null || D === void 0 || D.focus();
+            var j, w = o.asProps.highlightedIndex;
+            (j = o.itemRefs[w]) === null || j === void 0 || j.focus();
           }, 0), 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;
+        if (r === "list" && m && 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;
         }
       };
     }
@@ -186,11 +186,11 @@ var he = ["className"], pe = (
   }, {
     key: "render",
     value: function() {
-      var r = this.asProps, o = this.asProps, e = o.Children, s = o.selectedIndex, g = o.interaction, d = o.timeout;
+      var r = this.asProps, o = this.asProps, e = o.Children, s = o.selectedIndex, d = o.interaction, l = o.timeout;
       return this.itemProps = [], /* @__PURE__ */ i.createElement(q.Provider, {
         value: s
-      }, /* @__PURE__ */ i.createElement(x, h({
-        timeout: d || (g === "hover" ? [0, 100] : void 0)
+      }, /* @__PURE__ */ i.createElement(D, h({
+        timeout: l || (d === "hover" ? [0, 100] : void 0)
       }, r), /* @__PURE__ */ i.createElement(e, null)));
     }
   }]), t;
@@ -203,7 +203,7 @@ C(M, "defaultProps", {
   defaultVisible: !1,
   defaultHighlightedIndex: 0,
   defaultSelectedIndex: 0,
-  i18n: le,
+  i18n: ge,
   locale: "en",
   interaction: "click",
   inlineActions: !1,
@@ -215,97 +215,97 @@ C(M, "nestedMenuInteraction", {
   popper: [["onMouseEnter"], ["onMouseLeave"]]
 });
 function fe(n) {
-  var _ = arguments[0], t, a = n.styles, r = n.Children, o = E;
-  return t = y(a), /* @__PURE__ */ i.createElement(U, t.cn("ListBoxContextProvider", {}), /* @__PURE__ */ i.createElement(o, t.cn("SDropdownMenuList", u({}, h({
+  var _ = arguments[0], t, a = n.styles, r = n.Children, o = k;
+  return t = x(a), /* @__PURE__ */ i.createElement(U, t.cn("ListBoxContextProvider", {}), /* @__PURE__ */ i.createElement(o, t.cn("SDropdownMenuList", u({}, h({
     shadow: !0
-  }, _))), /* @__PURE__ */ i.createElement(E.Container, {
+  }, _))), /* @__PURE__ */ i.createElement(k.Container, {
     tabIndex: void 0
-  }, /* @__PURE__ */ i.createElement(r, t.cn("Children", {}))), /* @__PURE__ */ i.createElement(E.Bar, {
+  }, /* @__PURE__ */ i.createElement(r, t.cn("Children", {}))), /* @__PURE__ */ i.createElement(k.Bar, {
     orientation: "horizontal"
-  }), /* @__PURE__ */ i.createElement(E.Bar, {
+  }), /* @__PURE__ */ i.createElement(k.Bar, {
     orientation: "vertical"
   })));
 }
 function ve(n) {
-  var _ = arguments[0], t, a = n.styles, r = z;
-  return t = y(a), /* @__PURE__ */ i.createElement(r, t.cn("SDropdownMenuActions", u({}, h({}, _))));
+  var _ = arguments[0], t, a = n.styles, r = N;
+  return t = x(a), /* @__PURE__ */ i.createElement(r, t.cn("SDropdownMenuActions", u({}, h({}, _))));
 }
-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 = {
+function be(n) {
+  var _ = arguments[0], t = n.visible, a = n.disablePortal, r = n.ignorePortalsStacking, o = n.disableEnforceFocus, e = n.interaction, s = n.autoFocus, d = n.animationsDisabled, l = {
     visible: t,
     disablePortal: a,
     ignorePortalsStacking: r,
     disableEnforceFocus: o,
     interaction: e,
     autoFocus: s,
-    animationsDisabled: g
+    animationsDisabled: d
   };
-  return /* @__PURE__ */ i.createElement(U, null, /* @__PURE__ */ i.createElement(v.Popper, W({}, d, {
+  return /* @__PURE__ */ i.createElement(U, null, /* @__PURE__ */ i.createElement(v.Popper, W({}, l, {
     role: null
   }), /* @__PURE__ */ i.createElement(v.List, h({}, _))));
 }
-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 = {
+function Se(n) {
+  var _ = arguments[0], t, a = n.id, r = n.styles, o = n.disabled, e = n.Children, s = n.forwardRef, d = n.role, l = n.tabIndex, m = n.actionsRef, g = n["aria-checked"], p = D.Item, c = i.useRef(), f = i.useState(!1), b = T(f, 2), S = b[0], j = b[1], w = {
     contentId: a,
     ref: G(s, c),
-    role: g,
-    tabIndex: d,
-    ariaChecked: l
-  }, 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");
-    S.hintId = B, K.push(B);
+    role: d,
+    tabIndex: l,
+    ariaChecked: g
+  }, H = [], L = A(e, [v.displayName], !0), K = A(e, [v.Item.Hint.displayName], !0), P = A(e, [v.Item.Content.displayName], !0) || L || K;
+  if (K) {
+    var F = "igc-".concat(le(), "-option-hint");
+    w.hintId = F, H.push(F);
   }
-  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));
+  L && (w.hasSubMenu = !0), w.ariaDescribes = H, i.useEffect(function() {
+    var B = function(R) {
+      R.target === c.current && (j(!0), L && R.stopPropagation());
+    }, $ = function(R) {
+      R.target === c.current && (j(!1), m.current && (c.current.tabIndex = -1));
     };
-    return document.addEventListener("focus", $, {
+    return document.addEventListener("focus", B, {
       capture: !0
-    }), document.addEventListener("blur", V, {
+    }), document.addEventListener("blur", $, {
       capture: !0
     }), function() {
-      document.removeEventListener("focus", $, {
+      document.removeEventListener("focus", B, {
         capture: !0
-      }), document.removeEventListener("blur", V, {
+      }), document.removeEventListener("blur", $, {
         capture: !0
       });
     };
   }, [c.current]);
   var J = ue();
-  return t = y(r), /* @__PURE__ */ i.createElement(H.Provider, {
-    value: S
+  return t = x(r), /* @__PURE__ */ i.createElement(z.Provider, {
+    value: w
   }, /* @__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,
+    ref: P ? void 0 : w.ref,
+    "use:highlighted": !o && S && J.current === "keyboard",
+    "use:role": P ? void 0 : d,
     "use:id": P ? void 0 : a,
-    "use:tabIndex": P ? void 0 : d,
-    "use:aria-checked": P ? void 0 : l
+    "use:tabIndex": P ? void 0 : l,
+    "use:aria-checked": P ? void 0 : g
   }, _))), /* @__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, he), s = y(n.styles);
+  var _ = se(n, n.forwardRef), t = T(_, 2), a = t[0], r = t[1], o = r.className, e = Y(r, he), s = x(n.styles);
   return /* @__PURE__ */ i.createElement(a, W({
     className: ie(s.cn("SDropdownMenuItemAddon", n).className, o) || void 0
   }, e));
 }
-function Se() {
+function we() {
   var n = arguments[0];
-  return /* @__PURE__ */ i.createElement(x.Trigger, h({}, n));
+  return /* @__PURE__ */ i.createElement(D.Trigger, h({}, n));
 }
-function ke(n) {
-  var _ = arguments[0], t, a = n.styles, r = z, o = i.useRef(), e = i.useContext(H), s = void 0;
+function Ie(n) {
+  var _ = arguments[0], t, a = n.styles, r = N, o = i.useRef(), e = i.useContext(z), s = void 0;
   e.hasSubMenu && (s = "true");
-  var g = i.useState(new Set(e.ariaDescribes)), d = N(g, 2), m = d[0], l = d[1];
+  var d = i.useState(new Set(e.ariaDescribes)), l = T(d, 2), m = l[0], g = l[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) {
+    c.getAttribute("aria-haspopup") === "true" && c.getAttribute("aria-describedby") && g(function(f) {
       return f.add(c.getAttribute("aria-describedby")), new Set(f);
     });
-  }, [e.ariaDescribes]), t = y(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemContent", u({}, h({
+  }, [e.ariaDescribes]), t = x(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemContent", u({}, h({
     role: e.role,
     id: e.contentId,
     tabIndex: e.tabIndex,
@@ -318,26 +318,26 @@ function ke(n) {
     justifyContent: e.hasSubMenu ? "space-between" : void 0
   }, _))));
 }
-function Ie(n) {
+function ye(n) {
   var _ = arguments[0], t, a = n.styles, r = me;
-  return t = y(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemContentText", u({}, h({}, _))));
+  return t = x(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemContentText", u({}, h({}, _))));
 }
-function ye(n) {
-  var _ = arguments[0], t, a = n.styles, r = z, o = i.useContext(H), e = o.hintId;
-  return t = y(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemHint", u({}, h({
+function xe(n) {
+  var _ = arguments[0], t, a = n.styles, r = N, o = i.useContext(z), e = o.hintId;
+  return t = x(a), /* @__PURE__ */ i.createElement(r, t.cn("SItemHint", u({}, h({
     id: e,
     "aria-hidden": "true"
   }, _))));
 }
-function xe(n) {
-  var _ = arguments[0], t, a = x.Item;
-  return t = y(n.styles), /* @__PURE__ */ i.createElement(a, t.cn("SDropdownMenuItemContainer", u({}, h({
+function De(n) {
+  var _ = arguments[0], t, a = D.Item;
+  return t = x(n.styles), /* @__PURE__ */ i.createElement(a, t.cn("SDropdownMenuItemContainer", u({}, h({
     variant: "hint"
   }, _))));
 }
-function De(n) {
-  var _ = arguments[0], t, a = x.Item;
-  return t = y(n.styles), /* @__PURE__ */ i.createElement(a, t.cn("SDropdownMenuItemContainer", u({}, h({
+function je(n) {
+  var _ = arguments[0], t, a = D.Item;
+  return t = x(n.styles), /* @__PURE__ */ i.createElement(a, t.cn("SDropdownMenuItemContainer", u({}, h({
     variant: "title"
   }, _))));
 }
@@ -356,16 +356,16 @@ function Me(n) {
   }, _));
 }
 var v = oe(M, {
-  Trigger: Se,
-  Popper: x.Popper,
+  Trigger: we,
+  Popper: D.Popper,
   List: fe,
   Actions: ve,
-  Menu: we,
-  Item: [be, {
+  Menu: be,
+  Item: [Se, {
     Addon: O,
-    Content: ke,
-    Text: Ie,
-    Hint: ye
+    Content: Ie,
+    Text: ye,
+    Hint: xe
   }],
   /**
    * @deprecated. Use just Item. See examples on
@@ -374,11 +374,11 @@ var v = oe(M, {
     Trigger: Me,
     Addon: O
   }],
-  ItemTitle: De,
-  ItemHint: xe,
-  Group: x.Group
+  ItemTitle: je,
+  ItemHint: De,
+  Group: D.Group
 }, {
-  parent: [x]
+  parent: [D]
 });
 v.selectedIndexContext = q;
 export {

package/dropdown-menu/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dropdown-menu","description":"Semrush DropdownMenu Component","version":"4.47.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","@semcore/dropdown":"4.43.2","@semcore/flex-box":"5.41.2","@semcore/scroll-area":"5.45.2","@semcore/utils":"4.48.2","@semcore/icon":"4.60.2","@semcore/typography":"5.52.2","@semcore/popper":"5.46.2","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.48.0-prerelease.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.1","@semcore/dropdown":"4.43.2","@semcore/flex-box":"5.41.2","@semcore/scroll-area":"5.45.2","@semcore/utils":"4.48.2","@semcore/icon":"4.61.0-prerelease.0","@semcore/typography":"5.53.0-prerelease.0","@semcore/popper":"5.46.2","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:*"}}

package/feature-popover/lib/cjs/FeaturePopover.js

@@ -28,18 +28,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _button = _interopRequireDefault(require("intergalactic/button"));
 var _excluded = ["styles", "forwardRef", "onVisibleChange", "modifiers"];
 /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1bz3f{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1bz3f{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1bz3f_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_1bz3f_gg_{position:relative}.___SClose_1bz3f_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1bz3f_gg_ .___SAddon_1bz3f_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_1bz3f_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1bz3f;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1bz3f_gg_::after,.___SSpot_1bz3f_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1bz3f_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1bz3f;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_1bz3f_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1bz3f_gg_,.___SSpot_1bz3f_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1bz3f_gg_") /*__reshadow_css_end__*/, {
-  "__SFeaturePopover": "___SFeaturePopover_1bz3f_gg_",
-  "__STrigger": "___STrigger_1bz3f_gg_",
-  "@showTrigger": "showTrigger_1bz3f",
-  "@scaleSizeAndHide": "scaleSizeAndHide_1bz3f",
-  "__SClose": "___SClose_1bz3f_gg_",
-  "__SAddon": "___SAddon_1bz3f_gg_",
-  "__SSpot": "___SSpot_1bz3f_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1856l{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1856l{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1856l_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_1856l_gg_{position:relative}.___SClose_1856l_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1856l_gg_ .___SAddon_1856l_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_1856l_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1856l;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1856l_gg_::after,.___SSpot_1856l_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1856l_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1856l;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_1856l_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1856l_gg_,.___SSpot_1856l_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1856l_gg_") /*__reshadow_css_end__*/, {
+  "__SFeaturePopover": "___SFeaturePopover_1856l_gg_",
+  "__STrigger": "___STrigger_1856l_gg_",
+  "@showTrigger": "showTrigger_1856l",
+  "@scaleSizeAndHide": "scaleSizeAndHide_1856l",
+  "__SClose": "___SClose_1856l_gg_",
+  "__SAddon": "___SAddon_1856l_gg_",
+  "__SSpot": "___SSpot_1856l_gg_"
 });
-var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1bceb{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1bceb{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1bceb_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_1bceb",
-  "@exit": "exit_1bceb"
+var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_3kp1z{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_3kp1z{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "3kp1z_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_3kp1z",
+  "@exit": "exit_3kp1z"
 });
 var FeaturePopover = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeaturePopover, _Component);

package/feature-popover/lib/es6/FeaturePopover.js

@@ -23,18 +23,18 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import Button from 'intergalactic/button';
 /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1bz3f{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1bz3f{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1bz3f_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_1bz3f_gg_{position:relative}.___SClose_1bz3f_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1bz3f_gg_ .___SAddon_1bz3f_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_1bz3f_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1bz3f;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1bz3f_gg_::after,.___SSpot_1bz3f_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1bz3f_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1bz3f;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_1bz3f_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1bz3f_gg_,.___SSpot_1bz3f_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1bz3f_gg_") /*__reshadow_css_end__*/, {
-  "__SFeaturePopover": "___SFeaturePopover_1bz3f_gg_",
-  "__STrigger": "___STrigger_1bz3f_gg_",
-  "@showTrigger": "showTrigger_1bz3f",
-  "@scaleSizeAndHide": "scaleSizeAndHide_1bz3f",
-  "__SClose": "___SClose_1bz3f_gg_",
-  "__SAddon": "___SAddon_1bz3f_gg_",
-  "__SSpot": "___SSpot_1bz3f_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1856l{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1856l{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1856l_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));position:relative}.___STrigger_1856l_gg_{position:relative}.___SClose_1856l_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1856l_gg_ .___SAddon_1856l_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_1856l_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1856l;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1856l_gg_::after,.___SSpot_1856l_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1856l_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1856l;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_1856l_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1856l_gg_,.___SSpot_1856l_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1856l_gg_") /*__reshadow_css_end__*/, {
+  "__SFeaturePopover": "___SFeaturePopover_1856l_gg_",
+  "__STrigger": "___STrigger_1856l_gg_",
+  "@showTrigger": "showTrigger_1856l",
+  "@scaleSizeAndHide": "scaleSizeAndHide_1856l",
+  "__SClose": "___SClose_1856l_gg_",
+  "__SAddon": "___SAddon_1856l_gg_",
+  "__SSpot": "___SSpot_1856l_gg_"
 });
-var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1bceb{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1bceb{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1bceb_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_1bceb",
-  "@exit": "exit_1bceb"
+var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_3kp1z{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_3kp1z{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "3kp1z_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_3kp1z",
+  "@exit": "exit_3kp1z"
 });
 var FeaturePopover = /*#__PURE__*/function (_Component) {
   _inherits(FeaturePopover, _Component);