intergalactic 15.126.0-prerelease.9 → 15.126.1-prerelease.0

package/dropdown/lib/esm/Dropdown.mjs

@@ -0,0 +1,179 @@
+import h from "@babel/runtime/helpers/esm/objectSpread2";
+import z from "@babel/runtime/helpers/esm/extends";
+import M from "@babel/runtime/helpers/esm/typeof";
+import P from "@babel/runtime/helpers/esm/toConsumableArray";
+import G from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import E from "@babel/runtime/helpers/esm/slicedToArray";
+import R from "@babel/runtime/helpers/esm/classCallCheck";
+import A from "@babel/runtime/helpers/esm/createClass";
+import D from "@babel/runtime/helpers/esm/assertThisInitialized";
+import H from "@babel/runtime/helpers/esm/inherits";
+import N from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as $ } from 'intergalactic/utils/lib/core/index';
+import L, { Component as j, sstyled as S, assignProps as I } from 'intergalactic/core';
+import d from "react";
+import b, { isInputTriggerTag as Z } from 'intergalactic/popper';
+import y from 'intergalactic/utils/lib/capitalizeFirstLetter';
+import F, { useUID as k } from 'intergalactic/utils/lib/uniqueID';
+import U from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { localizedMessages as C } from "./translations/__intergalactic-dynamic-locales.mjs";
+import { hasFocusableIn as W } from 'intergalactic/utils/lib/use/useFocusLock';
+import { DropdownItem as J } from "./DropdownItem.mjs";
+import { Box as K, Flex as T } from 'intergalactic/flex-box';
+var X = ["Children", "forwardRef", "modifiers", "stretch"], B = (
+  /*__reshadow_css_start__*/
+  ($.insert(
+    /*__inner_css_start__*/
+    '.___SDropdownPopper_dho4t_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_{position:relative;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_:focus{outline:0}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_.__selected_dho4t_gg_::after,.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::before{content:"";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::before{display:inline-block;background:var(--intergalactic-bg-primary-neutral, #ffffff);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out;border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_.__selected_dho4t_gg_::after{background-repeat:no-repeat;background-position:center center;background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__selected_dho4t_gg_:not(.___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_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){.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__selected_dho4t_gg_:not(.___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__highlighted_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_:not(button),.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__highlighted_dho4t_gg_:not(.___SDropdownItem_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_):not(button){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__disabled_dho4t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_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}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::after,.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_l_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_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}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::after,.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._size_m_dho4t_gg_.__isMenuItemCheckbox_dho4t_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__notInteractive_dho4t_gg_{cursor:default}@media (hover:hover){.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__notInteractive_dho4t_gg_:hover{background:0 0}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_hint_dho4t_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_hint_dho4t_gg_:hover{background:0 0}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_title_dho4t_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_._variant_title_dho4t_gg_:hover{background:0 0}}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__visible_dho4t_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownPopper_dho4t_gg_ .___SDropdownItem_dho4t_gg_.__nesting-trigger_dho4t_gg_{justify-content:space-between}.___SDropdownPopper_dho4t_gg_ .___SGroupTitle_dho4t_gg_{font-weight:var(--intergalactic-bold, 700)}.___SDropdownPopper_dho4t_gg_ .___SGroupHint_dho4t_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}',
+    "dho4t_gg_"
+  ), {
+    __SDropdownPopper: "___SDropdownPopper_dho4t_gg_",
+    __SDropdownItem: "___SDropdownItem_dho4t_gg_",
+    _isMenuItemCheckbox: "__isMenuItemCheckbox_dho4t_gg_",
+    _selected: "__selected_dho4t_gg_",
+    _highlighted: "__highlighted_dho4t_gg_",
+    _disabled: "__disabled_dho4t_gg_",
+    _size_l: "_size_l_dho4t_gg_",
+    _size_m: "_size_m_dho4t_gg_",
+    _notInteractive: "__notInteractive_dho4t_gg_",
+    _variant_hint: "_variant_hint_dho4t_gg_",
+    _variant_title: "_variant_title_dho4t_gg_",
+    _visible: "__visible_dho4t_gg_",
+    "_nesting-trigger": "__nesting-trigger_dho4t_gg_",
+    __SGroupTitle: "___SGroupTitle_dho4t_gg_",
+    __SGroupHint: "___SGroupHint_dho4t_gg_"
+  })
+), O = ["INPUT", "TEXTAREA"], m = /* @__PURE__ */ function(g) {
+  H(o, g);
+  var c = N(o);
+  function o() {
+    var _;
+    R(this, o);
+    for (var e = arguments.length, n = new Array(e), t = 0; t < e; t++)
+      n[t] = arguments[t];
+    return _ = c.call.apply(c, [this].concat(n)), l(D(_), "popperRef", /* @__PURE__ */ d.createRef()), l(D(_), "defaultModifiers", [{
+      name: "flip",
+      enabled: !1
+    }, {
+      name: "stretch",
+      phase: "beforeRead",
+      enabled: !0,
+      fn: function(a) {
+        var i = a.state, p = a.options, s = i.placement.split("-"), u = E(s, 1), f = u[0], w = ["left", "right"].indexOf(f) !== -1, x = w ? "height" : "width", v = i.elements.reference["offset".concat(y(x))];
+        p.stretch === "min" && (i.rects.popper.width = Math.max(i.rects.popper.width, v), i.elements.popper.style["min".concat(y(x))] = "".concat(v, "px")), p.stretch === "fixed" && (i.rects.popper.width = v, i.elements.popper.style[x] = "".concat(v, "px"));
+      }
+    }]), l(D(_), "handlerTriggerKeyDown", function(r) {
+      var a = _.asProps, i = a.visible, p = a.interaction, s = _.popperRef.current;
+      if (p === "click" && i && r.key === "Tab" && s && !W(s)) {
+        r.preventDefault();
+        return;
+      }
+      r.key === " " && O.includes(r.target.tagName) || r.key === "Enter" && r.target.tagName === "TEXTAREA" || ["Enter", " "].includes(r.key) && p !== "none" && (r.preventDefault(), _.handlers.visible(!0));
+    }), _;
+  }
+  return A(o, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        visible: null
+      };
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function() {
+      var e = this.asProps, n = e.uid, t = e.visible, r = e.disablePortal, a = e.getI18nText;
+      return {
+        id: "igc-".concat(n, "-trigger"),
+        "aria-controls": t ? "igc-".concat(n, "-popper") : void 0,
+        focusHint: t && !r ? a("triggerHint") : void 0,
+        "aria-expanded": t ? "true" : "false",
+        onKeyDown: this.handlerTriggerKeyDown,
+        "aria-haspopup": "dialog"
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function() {
+      var e = this.asProps, n = e.uid, t = e.disablePortal, r = e.ignorePortalsStacking, a = e.interaction;
+      return {
+        id: "igc-".concat(n, "-popper"),
+        tabIndex: 0,
+        role: "dialog",
+        disablePortal: t,
+        ignorePortalsStacking: r,
+        ref: this.popperRef,
+        focusMaster: a === "click",
+        autoFocus: "enforced"
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, n = e.Children, t = e.forwardRef, r = e.modifiers, a = r === void 0 ? [] : r, i = e.stretch, p = G(e, X);
+      return /* @__PURE__ */ d.createElement(b, z({
+        ref: t,
+        modifiers: [].concat(P(this.defaultModifiers), [{
+          name: "stretch",
+          options: M(i) === "object" ? i : {
+            stretch: i
+          }
+        }], P(a))
+      }, p), /* @__PURE__ */ d.createElement(n, null));
+    }
+  }]), o;
+}(j);
+l(m, "displayName", "Dropdown");
+l(m, "style", B);
+l(m, "defaultProps", {
+  // timeout: [100, 50],
+  placement: "bottom-start",
+  offset: [0, 4],
+  stretch: "min",
+  defaultVisible: !1,
+  i18n: C,
+  locale: "en",
+  interaction: "click"
+});
+l(m, "enhance", [F(), U(C)]);
+function Q(g) {
+  var c = arguments[0], o, _ = g.styles, e = g.tag, n = Z(e), t = b.Trigger;
+  return o = S(_), /* @__PURE__ */ d.createElement(t, o.cn("SDropdownTrigger", h({}, I({
+    role: n ? "combobox" : "button"
+  }, c))));
+}
+function V(g) {
+  var c = arguments[0], o, _ = g.styles, e = b.Popper;
+  return o = S(_), /* @__PURE__ */ d.createElement(e, o.cn("SDropdownPopper", h({}, I({}, c))));
+}
+function q(g) {
+  var c = arguments[0], o, _ = g.styles, e = g.title, n = g.Children, t = g.subTitle, r = g.size, a = K, i = Y.Item, p = T, s = T, u = k("title_mi_group"), f = k("sub_title_mi_group"), w = {
+    "aria-labelledby": u,
+    "aria-describedby": t ? f : void 0
+  };
+  return o = S(_), /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(i, o.cn("SDropdownItemContainer", {
+    notInteractive: !0,
+    "aria-hidden": "true",
+    tabindex: -1,
+    size: r
+  }), /* @__PURE__ */ d.createElement(p, o.cn("SGroupTitle", {
+    id: u
+  }), e), t && /* @__PURE__ */ d.createElement(s, o.cn("SGroupHint", {
+    id: f
+  }), t)), /* @__PURE__ */ d.createElement(a, o.cn("SGroup", h({}, I(h(h({
+    role: "group"
+  }, w), {}, {
+    __excludeProps: ["title"]
+  }), c))), /* @__PURE__ */ d.createElement(n, o.cn("Children", {}))));
+}
+var Y = L(m, {
+  Trigger: Q,
+  Popper: V,
+  Item: J,
+  Group: q
+}, {
+  parent: b
+});
+export {
+  Y as default
+};

package/dropdown/lib/esm/DropdownItem.mjs

@@ -0,0 +1,11 @@
+import m from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled as n, assignProps as p } from 'intergalactic/core';
+import s from "react";
+import { Box as a } from 'intergalactic/flex-box';
+function l(o) {
+  var e = arguments[0], r, t = a;
+  return r = n(o.styles), /* @__PURE__ */ s.createElement(t, r.cn("SDropdownItem", m({}, p({}, e))));
+}
+export {
+  l as DropdownItem
+};

package/dropdown/lib/esm/index.mjs

@@ -0,0 +1,8 @@
+import { default as o } from "./Dropdown.mjs";
+import { AbstractDropdown as n, enhance as d, selectedIndexContext as x } from "./AbstractDropdown.mjs";
+export {
+  n as AbstractDropdown,
+  o as default,
+  d as enhance,
+  x as selectedIndexContext
+};

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

@@ -0,0 +1,33 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./tr.json.mjs";
+import l from "./vi.json.mjs";
+import v from "./zh.json.mjs";
+import d from "./pl.json.mjs";
+import n from "./sv.json.mjs";
+var B = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  tr: a,
+  vi: l,
+  zh: v,
+  pl: d,
+  sv: n
+};
+export {
+  B as localizedMessages
+};

package/dropdown/lib/esm/translations/de.json.mjs

@@ -0,0 +1,7 @@
+const e = "Drücken Sie Tab, um zum Popover zu gehen", t = {
+  triggerHint: e
+};
+export {
+  t as default,
+  e as triggerHint
+};

package/dropdown/lib/esm/translations/en.json.mjs

@@ -0,0 +1,7 @@
+const t = "Press Tab to go to popover", o = {
+  triggerHint: t
+};
+export {
+  o as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/es.json.mjs

@@ -0,0 +1,7 @@
+const r = "Presiona Tab para ir a Popover", t = {
+  triggerHint: r
+};
+export {
+  t as default,
+  r as triggerHint
+};

package/dropdown/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,7 @@
+const r = "Appuyez sur la touche Tab pour accéder au popover", t = {
+  triggerHint: r
+};
+export {
+  t as default,
+  r as triggerHint
+};

package/dropdown/lib/esm/translations/it.json.mjs

@@ -0,0 +1,7 @@
+const r = "Premi Tab per andare a Popover", t = {
+  triggerHint: r
+};
+export {
+  t as default,
+  r as triggerHint
+};

package/dropdown/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,7 @@
+const t = "Tabキーを押してポップオーバーに移動", r = {
+  triggerHint: t
+};
+export {
+  r as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,7 @@
+const t = "팝업창으로 이동하려면 Tab 키를 누르세요", r = {
+  triggerHint: t
+};
+export {
+  r as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,7 @@
+const t = "Druk op Tab om naar de pop-over te gaan", r = {
+  triggerHint: t
+};
+export {
+  r as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,7 @@
+const t = "Naciśnij Tab, aby przejść do okienka popover", e = {
+  triggerHint: t
+};
+export {
+  e as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,7 @@
+const r = "Pressione Tab para acessar o pop-over", t = {
+  triggerHint: r
+};
+export {
+  t as default,
+  r as triggerHint
+};

package/dropdown/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,7 @@
+const t = "Tryck på Tab för att gå till popover", r = {
+  triggerHint: t
+};
+export {
+  r as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,7 @@
+const t = "Popover'a gitmek için Tab tuşuna basın", i = {
+  triggerHint: t
+};
+export {
+  i as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,7 @@
+const t = "Nhấn Tab để chuyển đến cửa sổ bật lên", n = {
+  triggerHint: t
+};
+export {
+  n as default,
+  t as triggerHint
+};

package/dropdown/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,7 @@
+const t = "按 T​​ab 转到弹出框", r = {
+  triggerHint: t
+};
+export {
+  r as default,
+  t as triggerHint
+};

package/dropdown/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.42.4-prerelease.9","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"},"dependencies":{"@semcore/flex-box":"5.41.0-prerelease.9","@semcore/popper":"5.46.0-prerelease.9","@semcore/utils":"4.47.1-prerelease.9"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.9","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.43.1-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/flex-box":"5.41.1-prerelease.0","@semcore/popper":"5.46.1-prerelease.0","@semcore/utils":"4.48.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.1-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

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

@@ -36,24 +36,24 @@ var _button = _interopRequireDefault(require("intergalactic/button"));
 var _typography = require("intergalactic/typography");
 var _excluded = ["className"];
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_1qypv_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_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_:after,.___SDropdownMenuList_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_._position_median_1qypv_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_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_._position_median_1qypv_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_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_._position_start_1qypv_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_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_._position_end_1qypv_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_1qypv_gg_ .___SShadowVertical_1qypv_gg_:after,.___SDropdownMenuList_1qypv_gg_ .___SShadowVertical_1qypv_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1qypv_gg_ .___SShadowVertical_1qypv_gg_._position_median_1qypv_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_1qypv_gg_ .___SShadowVertical_1qypv_gg_._position_median_1qypv_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_1qypv_gg_ .___SShadowVertical_1qypv_gg_._position_start_1qypv_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_1qypv_gg_ .___SShadowVertical_1qypv_gg_._position_end_1qypv_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      )}.___SDropdownMenuItemContainer_1qypv_gg_.__nesting-trigger_1qypv_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1qypv_gg_,.___SItemContentText_1qypv_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1qypv_gg_:first-child,.___SItemContentText_1qypv_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1qypv_gg_:last-child,.___SItemContentText_1qypv_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1qypv_gg_,.___SDropdownMenuNesting_1qypv_gg_._size_l_1qypv_gg_,.___SDropdownMenuNesting_1qypv_gg_._size_m_1qypv_gg_{padding:0}.___SDropdownMenuNesting_1qypv_gg_.__highlighted_1qypv_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1qypv_gg_._size_l_1qypv_gg_,.___SDropdownNestingItem_1qypv_gg_._size_m_1qypv_gg_{padding-right:0}.___SDropdownNestingItem_1qypv_gg_ .___SDropdownMenuItemContainer_1qypv_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_1qypv_gg_:focus{outline:0}.___SItemHint_1qypv_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1qypv_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1qypv_gg_",
-  "_nesting-trigger": "__nesting-trigger_1qypv_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1qypv_gg_",
-  "_size_l": "_size_l_1qypv_gg_",
-  "_size_m": "_size_m_1qypv_gg_",
-  "_highlighted": "__highlighted_1qypv_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1qypv_gg_",
-  "__SItemContent": "___SItemContent_1qypv_gg_",
-  "__SItemHint": "___SItemHint_1qypv_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_1qypv_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1qypv_gg_",
-  "_position_median": "_position_median_1qypv_gg_",
-  "_position_start": "_position_start_1qypv_gg_",
-  "_position_end": "_position_end_1qypv_gg_",
-  "__SShadowVertical": "___SShadowVertical_1qypv_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1qypv_gg_",
-  "__SItemContentText": "___SItemContentText_1qypv_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_1xqfd_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_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_:after,.___SDropdownMenuList_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_._position_median_1xqfd_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_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_._position_median_1xqfd_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_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_._position_start_1xqfd_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_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_._position_end_1xqfd_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_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_:after,.___SDropdownMenuList_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_._position_median_1xqfd_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_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_._position_median_1xqfd_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_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_._position_start_1xqfd_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_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_._position_end_1xqfd_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      )}.___SDropdownMenuItemContainer_1xqfd_gg_.__nesting-trigger_1xqfd_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1xqfd_gg_,.___SItemContentText_1xqfd_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1xqfd_gg_:first-child,.___SItemContentText_1xqfd_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1xqfd_gg_:last-child,.___SItemContentText_1xqfd_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1xqfd_gg_,.___SDropdownMenuNesting_1xqfd_gg_._size_l_1xqfd_gg_,.___SDropdownMenuNesting_1xqfd_gg_._size_m_1xqfd_gg_{padding:0}.___SDropdownMenuNesting_1xqfd_gg_.__highlighted_1xqfd_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1xqfd_gg_._size_l_1xqfd_gg_,.___SDropdownNestingItem_1xqfd_gg_._size_m_1xqfd_gg_{padding-right:0}.___SDropdownNestingItem_1xqfd_gg_ .___SDropdownMenuItemContainer_1xqfd_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_1xqfd_gg_:focus{outline:0}.___SItemHint_1xqfd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1xqfd_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1xqfd_gg_",
+  "_nesting-trigger": "__nesting-trigger_1xqfd_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1xqfd_gg_",
+  "_size_l": "_size_l_1xqfd_gg_",
+  "_size_m": "_size_m_1xqfd_gg_",
+  "_highlighted": "__highlighted_1xqfd_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_1xqfd_gg_",
+  "__SItemContent": "___SItemContent_1xqfd_gg_",
+  "__SItemHint": "___SItemHint_1xqfd_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_1xqfd_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_1xqfd_gg_",
+  "_position_median": "_position_median_1xqfd_gg_",
+  "_position_start": "_position_start_1xqfd_gg_",
+  "_position_end": "_position_end_1xqfd_gg_",
+  "__SShadowVertical": "___SShadowVertical_1xqfd_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1xqfd_gg_",
+  "__SItemContentText": "___SItemContentText_1xqfd_gg_"
 });
 var ListBoxContextProvider = function ListBoxContextProvider(_ref22) {
   var children = _ref22.children;

package/dropdown-menu/lib/es6/DropdownMenu.js

@@ -35,24 +35,24 @@ import ScrollAreaComponent, { hideScrollBarsFromScreenReadersContext } from 'int
 import { useUID } from 'intergalactic/utils/lib/uniqueID';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_1qypv_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_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_:after,.___SDropdownMenuList_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_._position_median_1qypv_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_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_._position_median_1qypv_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_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_._position_start_1qypv_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_1qypv_gg_ .___SShadowHorizontal_1qypv_gg_._position_end_1qypv_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_1qypv_gg_ .___SShadowVertical_1qypv_gg_:after,.___SDropdownMenuList_1qypv_gg_ .___SShadowVertical_1qypv_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1qypv_gg_ .___SShadowVertical_1qypv_gg_._position_median_1qypv_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_1qypv_gg_ .___SShadowVertical_1qypv_gg_._position_median_1qypv_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_1qypv_gg_ .___SShadowVertical_1qypv_gg_._position_start_1qypv_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_1qypv_gg_ .___SShadowVertical_1qypv_gg_._position_end_1qypv_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      )}.___SDropdownMenuItemContainer_1qypv_gg_.__nesting-trigger_1qypv_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1qypv_gg_,.___SItemContentText_1qypv_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1qypv_gg_:first-child,.___SItemContentText_1qypv_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1qypv_gg_:last-child,.___SItemContentText_1qypv_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1qypv_gg_,.___SDropdownMenuNesting_1qypv_gg_._size_l_1qypv_gg_,.___SDropdownMenuNesting_1qypv_gg_._size_m_1qypv_gg_{padding:0}.___SDropdownMenuNesting_1qypv_gg_.__highlighted_1qypv_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1qypv_gg_._size_l_1qypv_gg_,.___SDropdownNestingItem_1qypv_gg_._size_m_1qypv_gg_{padding-right:0}.___SDropdownNestingItem_1qypv_gg_ .___SDropdownMenuItemContainer_1qypv_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_1qypv_gg_:focus{outline:0}.___SItemHint_1qypv_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1qypv_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1qypv_gg_",
-  "_nesting-trigger": "__nesting-trigger_1qypv_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1qypv_gg_",
-  "_size_l": "_size_l_1qypv_gg_",
-  "_size_m": "_size_m_1qypv_gg_",
-  "_highlighted": "__highlighted_1qypv_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1qypv_gg_",
-  "__SItemContent": "___SItemContent_1qypv_gg_",
-  "__SItemHint": "___SItemHint_1qypv_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_1qypv_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1qypv_gg_",
-  "_position_median": "_position_median_1qypv_gg_",
-  "_position_start": "_position_start_1qypv_gg_",
-  "_position_end": "_position_end_1qypv_gg_",
-  "__SShadowVertical": "___SShadowVertical_1qypv_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1qypv_gg_",
-  "__SItemContentText": "___SItemContentText_1qypv_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_1xqfd_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_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_:after,.___SDropdownMenuList_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_._position_median_1xqfd_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_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_._position_median_1xqfd_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_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_._position_start_1xqfd_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_1xqfd_gg_ .___SShadowHorizontal_1xqfd_gg_._position_end_1xqfd_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_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_:after,.___SDropdownMenuList_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_._position_median_1xqfd_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_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_._position_median_1xqfd_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_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_._position_start_1xqfd_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_1xqfd_gg_ .___SShadowVertical_1xqfd_gg_._position_end_1xqfd_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      )}.___SDropdownMenuItemContainer_1xqfd_gg_.__nesting-trigger_1xqfd_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1xqfd_gg_,.___SItemContentText_1xqfd_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1xqfd_gg_:first-child,.___SItemContentText_1xqfd_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1xqfd_gg_:last-child,.___SItemContentText_1xqfd_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1xqfd_gg_,.___SDropdownMenuNesting_1xqfd_gg_._size_l_1xqfd_gg_,.___SDropdownMenuNesting_1xqfd_gg_._size_m_1xqfd_gg_{padding:0}.___SDropdownMenuNesting_1xqfd_gg_.__highlighted_1xqfd_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1xqfd_gg_._size_l_1xqfd_gg_,.___SDropdownNestingItem_1xqfd_gg_._size_m_1xqfd_gg_{padding-right:0}.___SDropdownNestingItem_1xqfd_gg_ .___SDropdownMenuItemContainer_1xqfd_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_1xqfd_gg_:focus{outline:0}.___SItemHint_1xqfd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1xqfd_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1xqfd_gg_",
+  "_nesting-trigger": "__nesting-trigger_1xqfd_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1xqfd_gg_",
+  "_size_l": "_size_l_1xqfd_gg_",
+  "_size_m": "_size_m_1xqfd_gg_",
+  "_highlighted": "__highlighted_1xqfd_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_1xqfd_gg_",
+  "__SItemContent": "___SItemContent_1xqfd_gg_",
+  "__SItemHint": "___SItemHint_1xqfd_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_1xqfd_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_1xqfd_gg_",
+  "_position_median": "_position_median_1xqfd_gg_",
+  "_position_start": "_position_start_1xqfd_gg_",
+  "_position_end": "_position_end_1xqfd_gg_",
+  "__SShadowVertical": "___SShadowVertical_1xqfd_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1xqfd_gg_",
+  "__SItemContentText": "___SItemContentText_1xqfd_gg_"
 });
 import { useFocusSource } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';