intergalactic 15.128.0-prerelease.5 → 15.129.0-prerelease.0

package/select/lib/esm/InputSearch.mjs

@@ -1,12 +1,12 @@
 import _ from "@babel/runtime/helpers/esm/objectSpread2";
-import x from "@babel/runtime/helpers/esm/classCallCheck";
-import P from "@babel/runtime/helpers/esm/createClass";
-import d from "@babel/runtime/helpers/esm/assertThisInitialized";
-import V from "@babel/runtime/helpers/esm/inherits";
-import j from "@babel/runtime/helpers/esm/createSuper";
+import z from "@babel/runtime/helpers/esm/classCallCheck";
+import x from "@babel/runtime/helpers/esm/createClass";
+import m from "@babel/runtime/helpers/esm/assertThisInitialized";
+import P from "@babel/runtime/helpers/esm/inherits";
+import V from "@babel/runtime/helpers/esm/createSuper";
 import i from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as E } from 'intergalactic/utils/lib/core/index';
-import z, { sstyled as h, assignProps as p, Component as b } from 'intergalactic/core';
+import { sstyled as j } from 'intergalactic/utils/lib/core/index';
+import E, { sstyled as h, assignProps as p, Component as b } from 'intergalactic/core';
 import a from "react";
 import R from 'intergalactic/icon/Search/m';
 import T from 'intergalactic/icon/Close/m';
@@ -17,27 +17,27 @@ import O from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages as v } from "./translations/__intergalactic-dynamic-locales.mjs";
 var w = (
   /*__reshadow_css_start__*/
-  (E.insert(
+  (j.insert(
     /*__inner_css_start__*/
-    ".___SInputSearch_1tr1j_gg_._size_m_1tr1j_gg_{height:32px}.___SSearchClear_1tr1j_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1tr1j_gg_.__hide_1tr1j_gg_{visibility:hidden}.___SOutline_1tr1j_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}",
-    "1tr1j_gg_"
+    ".___SInputSearch_ozdj6_gg_._size_m_ozdj6_gg_{height:32px}.___SSearchClear_ozdj6_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_ozdj6_gg_.__hide_ozdj6_gg_{visibility:hidden}.___SOutline_ozdj6_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}",
+    "ozdj6_gg_"
   ), {
-    __SInputSearch: "___SInputSearch_1tr1j_gg_",
-    _size_m: "_size_m_1tr1j_gg_",
-    __SSearchClear: "___SSearchClear_1tr1j_gg_",
-    _hide: "__hide_1tr1j_gg_",
-    __SOutline: "___SOutline_1tr1j_gg_"
+    __SInputSearch: "___SInputSearch_ozdj6_gg_",
+    _size_m: "_size_m_ozdj6_gg_",
+    __SSearchClear: "___SSearchClear_ozdj6_gg_",
+    _hide: "__hide_ozdj6_gg_",
+    __SOutline: "___SOutline_ozdj6_gg_"
   })
 ), s = /* @__PURE__ */ function(u) {
-  V(n, u);
-  var l = j(n);
+  P(n, u);
+  var o = V(n);
   function n() {
     var e;
-    x(this, n);
-    for (var r = arguments.length, t = new Array(r), o = 0; o < r; o++)
-      t[o] = arguments[o];
-    return e = l.call.apply(l, [this].concat(t)), i(d(e), "inputRef", /* @__PURE__ */ a.createRef()), i(d(e), "closeIconRef", /* @__PURE__ */ a.createRef()), i(d(e), "handleClear", function(m) {
-      e.handlers.value("", m), setTimeout(function() {
+    z(this, n);
+    for (var r = arguments.length, t = new Array(r), l = 0; l < r; l++)
+      t[l] = arguments[l];
+    return e = o.call.apply(o, [this].concat(t)), i(m(e), "inputRef", /* @__PURE__ */ a.createRef()), i(m(e), "closeIconRef", /* @__PURE__ */ a.createRef()), i(m(e), "handleClear", function(d) {
+      e.handlers.value("", d), setTimeout(function() {
         if (document.activeElement === document.body || document.activeElement === e.closeIconRef.current) {
           var c;
           (c = e.inputRef.current) === null || c === void 0 || c.focus();
@@ -45,7 +45,7 @@ var w = (
       }, 0);
     }), e;
   }
-  return P(n, [{
+  return x(n, [{
     key: "uncontrolledProps",
     value: function() {
       return {
@@ -66,24 +66,24 @@ var w = (
   }, {
     key: "getClearProps",
     value: function() {
-      var r = this.asProps, t = r.value, o = r.getI18nText;
+      var r = this.asProps, t = r.value, l = r.getI18nText;
       return {
         ref: this.closeIconRef,
         /* hide through css because the width of the input changes */
         hide: !t,
         "aria-hidden": !t,
-        "aria-label": o("clearSearch"),
+        "aria-label": l("clearSearch"),
         onClick: this.handleClear
       };
     }
   }, {
     key: "render",
     value: function() {
-      var r = this.asProps, t, o = f.Value, m = S, c = this.asProps, C = c.size, g = c.styles, I = c.children, y = c.Children;
-      return t = h(g), /* @__PURE__ */ a.createElement(m, t.cn("SInputSearch", {
+      var r = this.asProps, t, l = f.Value, d = S, c = this.asProps, C = c.size, g = c.styles, I = c.children, y = c.Children;
+      return t = h(g), /* @__PURE__ */ a.createElement(d, t.cn("SInputSearch", {
         size: C || this.context.size || "m",
         styles: g
-      }), I ? /* @__PURE__ */ a.createElement(y, t.cn("Children", {})) : /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(f.SearchIcon, null), /* @__PURE__ */ a.createElement(o, t.cn("Value", _({}, p({}, r)))), /* @__PURE__ */ a.createElement(f.Clear, null)));
+      }), I ? /* @__PURE__ */ a.createElement(y, t.cn("Children", {})) : /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(f.SearchIcon, null), /* @__PURE__ */ a.createElement(l, t.cn("Value", _({}, p({}, r)))), /* @__PURE__ */ a.createElement(f.Clear, null)));
     }
   }]), n;
 }(b);
@@ -96,19 +96,19 @@ i(s, "defaultProps", {
   locale: "en"
 });
 i(s, "contextType", M);
-var A = function(l) {
-  var n = arguments[0], e, r = S.Addon, t = l.styles;
+var A = function(o) {
+  var n = arguments[0], e, r = S.Addon, t = o.styles;
   return e = h(t), /* @__PURE__ */ a.createElement(r, e.cn("SSearchIcon", _({}, p({}, n))), /* @__PURE__ */ a.createElement(R, e.cn("SearchM", {})));
-}, F = function(l) {
-  var n = arguments[0], e, r = S.Value, t = l.styles;
+}, F = function(o) {
+  var n = arguments[0], e, r = S.Value, t = o.styles;
   return e = h(t), /* @__PURE__ */ a.createElement(r, e.cn("SSearchValue", _({}, p({}, n))));
-}, L = function(l) {
-  var n = arguments[0], e, r = k, t = l.styles;
+}, L = function(o) {
+  var n = arguments[0], e, r = k, t = o.styles;
   return e = h(t), /* @__PURE__ */ a.createElement(r, e.cn("SSearchClear", _({}, p({
     addonLeft: T,
     use: "secondary"
   }, n))));
-}, f = z(s, {
+}, f = E(s, {
   SearchIcon: A,
   Value: F,
   Clear: L

package/select/lib/esm/Select.mjs

@@ -9,7 +9,7 @@ import y from "@babel/runtime/helpers/esm/get";
 import C from "@babel/runtime/helpers/esm/getPrototypeOf";
 import U from "@babel/runtime/helpers/esm/inherits";
 import X from "@babel/runtime/helpers/esm/createSuper";
-import x from "@babel/runtime/helpers/esm/defineProperty";
+import b from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as F } from 'intergalactic/utils/lib/core/index';
 import q, { assignProps as S, sstyled as R } from 'intergalactic/core';
 import g from "react";
@@ -17,9 +17,9 @@ import Y from "classnames";
 import v from 'intergalactic/dropdown-menu';
 import w, { enhance as ee, selectedIndexContext as te, AbstractDropdown as re } from 'intergalactic/dropdown';
 import { ButtonTrigger as I } from 'intergalactic/base-trigger';
-import oe from 'intergalactic/divider';
+import ne from 'intergalactic/divider';
 import ie, { isAdvanceMode as k } from 'intergalactic/utils/lib/findComponent';
-import ne from 'intergalactic/utils/lib/logger';
+import oe from 'intergalactic/utils/lib/logger';
 import ae from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import le from 'intergalactic/utils/lib/addonTextChildren';
 import D from "./InputSearch.mjs";
@@ -32,46 +32,46 @@ var ge = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedM
   /*__reshadow_css_start__*/
   (F.insert(
     /*__inner_css_start__*/
-    '.___SOptionCheckbox_ar3o7_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_ar3o7_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_ar3o7_gg_::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ar3o7_gg_._size_l_ar3o7_gg_{width:20px;height:20px}.___SOptionCheckbox_ar3o7_gg_._size_l_ar3o7_gg_.__selected_ar3o7_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_:before,.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_:before{border-color:var(--theme_ar3o7)}.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_.__indeterminate_ar3o7_gg_:before,.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_.__selected_ar3o7_gg_:before{background-color:var(--theme_ar3o7);border-color:var(--theme_ar3o7)}.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_._size_l_ar3o7_gg_:after{width:12px;height:2px}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_._size_m_ar3o7_gg_:after{width:8px;height:2px}',
-    "ar3o7_gg_"
+    '.___SOptionCheckbox_r4x1n_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_r4x1n_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_r4x1n_gg_::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_r4x1n_gg_.__selected_r4x1n_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_r4x1n_gg_._size_l_r4x1n_gg_{width:20px;height:20px}.___SOptionCheckbox_r4x1n_gg_._size_l_r4x1n_gg_.__selected_r4x1n_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_r4x1n_gg_.__indeterminate_r4x1n_gg_:before,.___SOptionCheckbox_r4x1n_gg_.__selected_r4x1n_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_r4x1n_gg_.__theme_r4x1n_gg_:before{border-color:var(--theme_r4x1n)}.___SOptionCheckbox_r4x1n_gg_.__theme_r4x1n_gg_.__indeterminate_r4x1n_gg_:before,.___SOptionCheckbox_r4x1n_gg_.__theme_r4x1n_gg_.__selected_r4x1n_gg_:before{background-color:var(--theme_r4x1n);border-color:var(--theme_r4x1n)}.___SOptionCheckbox_r4x1n_gg_.__selected_r4x1n_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_r4x1n_gg_.__selected_r4x1n_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_r4x1n_gg_.__indeterminate_r4x1n_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_r4x1n_gg_.__indeterminate_r4x1n_gg_._size_l_r4x1n_gg_:after{width:12px;height:2px}.___SOptionCheckbox_r4x1n_gg_.__indeterminate_r4x1n_gg_._size_m_r4x1n_gg_:after{width:8px;height:2px}',
+    "r4x1n_gg_"
   ), {
-    __SOptionCheckbox: "___SOptionCheckbox_ar3o7_gg_",
-    _selected: "__selected_ar3o7_gg_",
-    _size_l: "_size_l_ar3o7_gg_",
-    _indeterminate: "__indeterminate_ar3o7_gg_",
-    _theme: "__theme_ar3o7_gg_",
-    "--theme": "--theme_ar3o7",
-    _size_m: "_size_m_ar3o7_gg_"
+    __SOptionCheckbox: "___SOptionCheckbox_r4x1n_gg_",
+    _selected: "__selected_r4x1n_gg_",
+    _size_l: "_size_l_r4x1n_gg_",
+    _indeterminate: "__indeterminate_r4x1n_gg_",
+    _theme: "__theme_r4x1n_gg_",
+    "--theme": "--theme_r4x1n",
+    _size_m: "_size_m_r4x1n_gg_"
   })
 );
-function E(o, l) {
-  return Array.isArray(o) ? o.includes(l) : l === o;
+function E(n, l) {
+  return Array.isArray(n) ? n.includes(l) : l === n;
 }
-function he(o) {
-  return Array.isArray(o) ? o.length === 0 : o === null;
+function he(n) {
+  return Array.isArray(n) ? n.length === 0 : n === null;
 }
-function $(o) {
-  return o ? [] : null;
+function $(n) {
+  return n ? [] : null;
 }
-var O = /* @__PURE__ */ function(o) {
-  U(i, o);
+var O = /* @__PURE__ */ function(n) {
+  U(i, n);
   var l = X(i);
   function i() {
-    var n;
+    var o;
     Q(this, i);
     for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
       t[r] = arguments[r];
-    return n = l.call.apply(l, [this].concat(t)), x(A(n), "role", "listbox"), x(A(n), "bindHandlerOptionClick", function(a, s) {
+    return o = l.call.apply(l, [this].concat(t)), b(A(o), "role", "listbox"), b(A(o), "bindHandlerOptionClick", function(a, s) {
       return function(d) {
-        var _ = a, u = n.asProps, c = u.value, f = u.multiselect;
+        var _ = a, u = o.asProps, c = u.value, f = u.multiselect;
         Array.isArray(c) && (c.includes(a) ? _ = c.filter(function(m) {
           return m !== a;
-        }) : _ = c.concat(a)), n.handlers.value(_, d), f || (n.handlers.visible(!1), d.preventDefault());
+        }) : _ = c.concat(a)), o.handlers.value(_, d), f || (o.handlers.visible(!1), d.preventDefault());
       };
-    }), x(A(n), "handlerClear", function(a) {
-      var s = n.asProps.value, d = $(Array.isArray(s));
-      n.handlers.value(d, a), n.handlers.visible(!1);
-    }), n;
+    }), b(A(o), "handlerClear", function(a) {
+      var s = o.asProps.value, d = $(Array.isArray(s));
+      o.handlers.value(d, a), o.handlers.visible(!1);
+    }), o;
   }
   return V(i, [{
     key: "itemRef",
@@ -107,7 +107,7 @@ var O = /* @__PURE__ */ function(o) {
   }, {
     key: "getTriggerProps",
     value: function() {
-      var e = this, t = this.asProps, r = t.disabled, a = t.visible, s = t.state, d = t.placeholder, _ = t.value, u = t.options, c = t.forwardRef, f = t.name, m = t.multiselect, b = t.getI18nText, T = t.highlightedIndex, P = t.uid, G = t.Children, Z = t.children, z = k(G, [p.Menu.displayName], !0) || !Z, j = z ? "igc-".concat(P, "-list") : "igc-".concat(P, "-popper");
+      var e = this, t = this.asProps, r = t.disabled, a = t.visible, s = t.state, d = t.placeholder, _ = t.value, u = t.options, c = t.forwardRef, f = t.name, m = t.multiselect, x = t.getI18nText, T = t.highlightedIndex, P = t.uid, G = t.Children, Z = t.children, z = k(G, [p.Menu.displayName], !0) || !Z, j = z ? "igc-".concat(P, "-list") : "igc-".concat(P, "-popper");
       return h(h({}, y(C(i.prototype), "getTriggerProps", this).call(this)), {}, {
         onKeyDown: N(this.handlePreventCommonKeyDown.bind(this), this.handleOpenKeyDown.bind(this), this.handleArrowKeyDown.bind(this)),
         "aria-controls": a ? j : void 0,
@@ -125,7 +125,7 @@ var O = /* @__PURE__ */ function(o) {
         active: a,
         onClear: this.handlerClear,
         children: this.renderChildrenTrigger(_, u),
-        getI18nText: b,
+        getI18nText: x,
         onBlur: function() {
           e.asProps.visible && (e.prevHighlightedIndex = e.asProps.highlightedIndex, e.handlers.highlightedIndex(null));
         },
@@ -155,11 +155,11 @@ var O = /* @__PURE__ */ function(o) {
   }, {
     key: "getOptionProps",
     value: function(e, t) {
-      var r, a = this, s = this.asProps, d = s.value, _ = s.highlightedIndex, u = s.focusSourceRef, c = s.size, f = c === void 0 ? "m" : c, m = t === _ && u.current === "keyboard" && !e.disabled, b = (r = e.selected) !== null && r !== void 0 ? r : E(d, e.value);
+      var r, a = this, s = this.asProps, d = s.value, _ = s.highlightedIndex, u = s.focusSourceRef, c = s.size, f = c === void 0 ? "m" : c, m = t === _ && u.current === "keyboard" && !e.disabled, x = (r = e.selected) !== null && r !== void 0 ? r : E(d, e.value);
       return h(h({}, y(C(i.prototype), "getItemProps", this).call(this, e, t)), {}, {
         highlighted: m,
-        selected: b,
-        "aria-selected": b ? "true" : "false",
+        selected: x,
+        "aria-selected": x ? "true" : "false",
         "aria-disabled": e.disabled ? "true" : "false",
         role: "option",
         onClick: this.bindHandlerOptionClick(e.value, t),
@@ -204,12 +204,12 @@ var O = /* @__PURE__ */ function(o) {
       var e = this.asProps, t = this.asProps, r = t.Children, a = t.options, s = t.multiselect;
       t.value;
       var d = t.uid, _ = t.forcedAdvancedMode, u = J(t, ge), c = _ || ie(r, [p.Trigger.displayName, p.Popper.displayName]);
-      if (ne.warn(a && c, "Don't use at the same time 'options' property and '<Select.Trigger/>/<Select.Popper/>'", u["data-ui-name"] || p.displayName), this.itemProps = [], a) {
+      if (oe.warn(a && c, "Don't use at the same time 'options' property and '<Select.Trigger/>/<Select.Popper/>'", u["data-ui-name"] || p.displayName), this.itemProps = [], a) {
         var f = this.asProps;
-        return /* @__PURE__ */ g.createElement(v, S({}, f), /* @__PURE__ */ g.createElement(p.Trigger, u), /* @__PURE__ */ g.createElement(p.Menu, null, a.map(function(m, b) {
+        return /* @__PURE__ */ g.createElement(v, S({}, f), /* @__PURE__ */ g.createElement(p.Trigger, u), /* @__PURE__ */ g.createElement(p.Menu, null, a.map(function(m, x) {
           return /* @__PURE__ */ g.createElement(p.Option, M({
             key: m.value,
-            id: "igc-".concat(d, "-option-").concat(b)
+            id: "igc-".concat(d, "-option-").concat(x)
           }, m), s && /* @__PURE__ */ g.createElement(p.Option.Checkbox, null), m.children);
         })));
       }
@@ -217,34 +217,34 @@ var O = /* @__PURE__ */ function(o) {
     }
   }]), i;
 }(re);
-x(O, "displayName", "Select");
-x(O, "style", ue);
-x(O, "enhance", Object.values(ee).concat([ae()]));
-x(O, "defaultProps", function(o) {
-  var l, i, n, e, t = o.children && k(o.children, [p.InputSearch.displayName], !0), r = t ? null : 0;
+b(O, "displayName", "Select");
+b(O, "style", ue);
+b(O, "enhance", Object.values(ee).concat([ae()]));
+b(O, "defaultProps", function(n) {
+  var l, i, o, e, t = n.children && k(n.children, [p.InputSearch.displayName], !0), r = t ? null : 0;
   return {
-    placeholder: o.multiselect ? "Select options" : "Select option",
+    placeholder: n.multiselect ? "Select options" : "Select option",
     size: "m",
-    defaultValue: $(o.multiselect),
+    defaultValue: $(n.multiselect),
     defaultVisible: !1,
-    defaultHighlightedIndex: (l = o.highlightedIndex) !== null && l !== void 0 ? l : r,
-    defaultSelectedIndex: (i = o.selectedIndex) !== null && i !== void 0 ? i : r,
+    defaultHighlightedIndex: (l = n.highlightedIndex) !== null && l !== void 0 ? l : r,
+    defaultSelectedIndex: (i = n.selectedIndex) !== null && i !== void 0 ? i : r,
     scrollToSelected: !0,
     i18n: ce,
     locale: "en",
-    interaction: (n = o.interaction) !== null && n !== void 0 ? n : "click",
+    interaction: (o = n.interaction) !== null && o !== void 0 ? o : "click",
     inlineActions: !1,
-    timeout: (e = o.timeout) !== null && e !== void 0 ? e : 0
+    timeout: (e = n.timeout) !== null && e !== void 0 ? e : 0
   };
 });
-function pe(o) {
-  var l = arguments[0], i, n = o.Children, e = o.name, t = o.value, r = o.styles, a = o.$hiddenRef, s = o.tag, d = s === void 0 ? I : s, _ = o.getI18nText, u = _e(d), c = w.Trigger;
+function pe(n) {
+  var l = arguments[0], i, o = n.Children, e = n.name, t = n.value, r = n.styles, a = n.$hiddenRef, s = n.tag, d = s === void 0 ? I : s, _ = n.getI18nText, u = _e(d), c = w.Trigger;
   return i = R(r), /* @__PURE__ */ g.createElement(c, i.cn("SSelectTrigger", h({}, S({
     tag: d,
     placeholder: _("selectPlaceholder"),
     role: "combobox",
     "aria-autocomplete": u && "list" || void 0
-  }, l))), le(n, d.Text || I.Text, d.Value || I.Text, d.Addon || I.Addon, !0), e && /* @__PURE__ */ g.createElement("input", i.cn("input", {
+  }, l))), le(o, d.Text || I.Text, d.Value || I.Text, d.Addon || I.Addon, !0), e && /* @__PURE__ */ g.createElement("input", i.cn("input", {
     type: "hidden",
     defaultValue: t,
     name: e,
@@ -252,28 +252,28 @@ function pe(o) {
   })));
 }
 var L = /* @__PURE__ */ g.createContext({});
-function me(o) {
-  var l = arguments[0], i, n = w.Item, e = o.styles, t = o.Children, r = k(t, [p.Option.Checkbox.displayName]), a = k(t, [p.Option.Content.displayName]);
-  return i = R(e), /* @__PURE__ */ g.createElement(n, i.cn("SSelectOption", h({}, S({}, l))), /* @__PURE__ */ g.createElement(L.Provider, {
-    value: o
+function me(n) {
+  var l = arguments[0], i, o = w.Item, e = n.styles, t = n.Children, r = k(t, [p.Option.Checkbox.displayName]), a = k(t, [p.Option.Content.displayName]);
+  return i = R(e), /* @__PURE__ */ g.createElement(o, i.cn("SSelectOption", h({}, S({}, l))), /* @__PURE__ */ g.createElement(L.Provider, {
+    value: n
   }, r && !a ? /* @__PURE__ */ g.createElement(p.Option.Content, null, /* @__PURE__ */ g.createElement(t, i.cn("Children", {}))) : /* @__PURE__ */ g.createElement(t, i.cn("Children", {}))));
 }
-function fe(o) {
+function fe(n) {
   var l = g.useContext(L), i = g.useMemo(function() {
     return h({
       selected: l == null ? void 0 : l.selected,
       disabled: l == null ? void 0 : l.disabled,
       size: l == null ? void 0 : l.size
-    }, o || {});
-  }, [o, l]), n = se(i, i.forwardRef), e = K(n, 2), t = e[0], r = e[1], a = i.size, s = i.theme, d = i.selected, _ = i.resolveColor, u = i.indeterminate, c = R(i.styles), f = c.cn("SOptionCheckbox", {
+    }, n || {});
+  }, [n, l]), o = se(i, i.forwardRef), e = K(o, 2), t = e[0], r = e[1], a = i.size, s = i.theme, d = i.selected, _ = i.resolveColor, u = i.indeterminate, c = R(i.styles), f = c.cn("SOptionCheckbox", {
     size: a,
     "use:theme": _(s),
     indeterminate: u,
     selected: d
-  }), m = f.className, b = f.style;
+  }), m = f.className, x = f.style;
   return /* @__PURE__ */ g.createElement(t, M({}, r, {
     className: Y(m, r.className) || void 0,
-    style: h(h({}, b), r.style),
+    style: h(h({}, x), r.style),
     tabIndex: -1
   }));
 }
@@ -297,7 +297,7 @@ var H = function() {
   Group: w.Group,
   OptionTitle: v.ItemTitle,
   OptionHint: v.ItemHint,
-  Divider: oe,
+  Divider: ne,
   InputSearch: [H, D._______childrenComponents],
   Input: [H, D._______childrenComponents]
 }, {

package/select/package.json

@@ -1 +1 @@
-{"name":"intergalactic/select","description":"Semrush Select Component","version":"4.51.1-prerelease.5","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","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/base-trigger":"4.52.2-prerelease.5","@semcore/button":"5.43.1-prerelease.5","@semcore/checkbox":"7.44.2-prerelease.5","@semcore/divider":"4.40.2-prerelease.5","@semcore/dropdown-menu":"4.47.1-prerelease.5","@semcore/dropdown":"4.43.2-prerelease.5","@semcore/popper":"5.46.2-prerelease.5","@semcore/flex-box":"5.41.2-prerelease.5","@semcore/icon":"4.60.2-prerelease.5","@semcore/input":"4.42.2-prerelease.5","@semcore/utils":"4.48.2-prerelease.5","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.39.2-prerelease.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/select"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0","@semcore/typography":"*","@semcore/flex-box":"*"}}
+{"name":"intergalactic/select","description":"Semrush Select Component","version":"4.52.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","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/base-trigger":"4.53.0-prerelease.0","@semcore/button":"5.43.1","@semcore/checkbox":"7.44.2","@semcore/divider":"4.40.2","@semcore/dropdown-menu":"4.48.0-prerelease.0","@semcore/dropdown":"4.43.2","@semcore/popper":"5.46.2","@semcore/flex-box":"5.41.2","@semcore/icon":"4.61.0-prerelease.0","@semcore/input":"4.42.2","@semcore/utils":"4.48.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/select"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0","@semcore/typography":"*","@semcore/flex-box":"*"}}

package/side-panel/lib/cjs/SidePanel.js

@@ -36,22 +36,22 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _zIndexStacking = require("intergalactic/utils/lib/zIndexStacking");
 /*__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOverlay_1e7mx_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_1e7mx_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_1e7mx_gg_._placement_right_1e7mx_gg_,.___SPanel_1e7mx_gg_._placement_top_1e7mx_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1e7mx_gg_._placement_top_1e7mx_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1e7mx_gg_._placement_right_1e7mx_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1e7mx_gg_._placement_bottom_1e7mx_gg_,.___SPanel_1e7mx_gg_._placement_left_1e7mx_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1e7mx_gg_._placement_bottom_1e7mx_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1e7mx_gg_._placement_left_1e7mx_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1e7mx_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1e7mx_gg_ .___SAddon_1e7mx_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1e7mx_gg_{max-width:100%}.___SBack_1e7mx_gg_ .___SInner_1e7mx_gg_{display:flex}.___SBack_1e7mx_gg_ .___SBackText_1e7mx_gg_,.___STitle_1e7mx_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1e7mx_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_1e7mx_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1e7mx_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1e7mx_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "1e7mx_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_1e7mx_gg_",
-  "__SPanel": "___SPanel_1e7mx_gg_",
-  "_placement_top": "_placement_top_1e7mx_gg_",
-  "_placement_right": "_placement_right_1e7mx_gg_",
-  "_placement_bottom": "_placement_bottom_1e7mx_gg_",
-  "_placement_left": "_placement_left_1e7mx_gg_",
-  "__STitle": "___STitle_1e7mx_gg_",
-  "__SHeader": "___SHeader_1e7mx_gg_",
-  "__SFooter": "___SFooter_1e7mx_gg_",
-  "__SBody": "___SBody_1e7mx_gg_",
-  "__SClose": "___SClose_1e7mx_gg_",
-  "__SAddon": "___SAddon_1e7mx_gg_",
-  "__SBack": "___SBack_1e7mx_gg_",
-  "__SInner": "___SInner_1e7mx_gg_",
-  "__SBackText": "___SBackText_1e7mx_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOverlay_1smvg_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_1smvg_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_1smvg_gg_._placement_right_1smvg_gg_,.___SPanel_1smvg_gg_._placement_top_1smvg_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1smvg_gg_._placement_top_1smvg_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1smvg_gg_._placement_right_1smvg_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1smvg_gg_._placement_bottom_1smvg_gg_,.___SPanel_1smvg_gg_._placement_left_1smvg_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1smvg_gg_._placement_bottom_1smvg_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1smvg_gg_._placement_left_1smvg_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1smvg_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1smvg_gg_ .___SAddon_1smvg_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1smvg_gg_{max-width:100%}.___SBack_1smvg_gg_ .___SInner_1smvg_gg_{display:flex}.___SBack_1smvg_gg_ .___SBackText_1smvg_gg_,.___STitle_1smvg_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1smvg_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_1smvg_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1smvg_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1smvg_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "1smvg_gg_") /*__reshadow_css_end__*/, {
+  "__SOverlay": "___SOverlay_1smvg_gg_",
+  "__SPanel": "___SPanel_1smvg_gg_",
+  "_placement_top": "_placement_top_1smvg_gg_",
+  "_placement_right": "_placement_right_1smvg_gg_",
+  "_placement_bottom": "_placement_bottom_1smvg_gg_",
+  "_placement_left": "_placement_left_1smvg_gg_",
+  "__STitle": "___STitle_1smvg_gg_",
+  "__SHeader": "___SHeader_1smvg_gg_",
+  "__SFooter": "___SFooter_1smvg_gg_",
+  "__SBody": "___SBody_1smvg_gg_",
+  "__SClose": "___SClose_1smvg_gg_",
+  "__SAddon": "___SAddon_1smvg_gg_",
+  "__SBack": "___SBack_1smvg_gg_",
+  "__SInner": "___SInner_1smvg_gg_",
+  "__SBackText": "___SBackText_1smvg_gg_"
 });
 var RootSidePanel = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSidePanel, _Component);

package/side-panel/lib/es6/SidePanel.js

@@ -37,22 +37,22 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import { ZIndexStackingContextProvider, useZIndexStacking } from 'intergalactic/utils/lib/zIndexStacking';
 /*__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_1e7mx_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_1e7mx_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_1e7mx_gg_._placement_right_1e7mx_gg_,.___SPanel_1e7mx_gg_._placement_top_1e7mx_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1e7mx_gg_._placement_top_1e7mx_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1e7mx_gg_._placement_right_1e7mx_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1e7mx_gg_._placement_bottom_1e7mx_gg_,.___SPanel_1e7mx_gg_._placement_left_1e7mx_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1e7mx_gg_._placement_bottom_1e7mx_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1e7mx_gg_._placement_left_1e7mx_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1e7mx_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1e7mx_gg_ .___SAddon_1e7mx_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1e7mx_gg_{max-width:100%}.___SBack_1e7mx_gg_ .___SInner_1e7mx_gg_{display:flex}.___SBack_1e7mx_gg_ .___SBackText_1e7mx_gg_,.___STitle_1e7mx_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1e7mx_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_1e7mx_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1e7mx_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1e7mx_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "1e7mx_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_1e7mx_gg_",
-  "__SPanel": "___SPanel_1e7mx_gg_",
-  "_placement_top": "_placement_top_1e7mx_gg_",
-  "_placement_right": "_placement_right_1e7mx_gg_",
-  "_placement_bottom": "_placement_bottom_1e7mx_gg_",
-  "_placement_left": "_placement_left_1e7mx_gg_",
-  "__STitle": "___STitle_1e7mx_gg_",
-  "__SHeader": "___SHeader_1e7mx_gg_",
-  "__SFooter": "___SFooter_1e7mx_gg_",
-  "__SBody": "___SBody_1e7mx_gg_",
-  "__SClose": "___SClose_1e7mx_gg_",
-  "__SAddon": "___SAddon_1e7mx_gg_",
-  "__SBack": "___SBack_1e7mx_gg_",
-  "__SInner": "___SInner_1e7mx_gg_",
-  "__SBackText": "___SBackText_1e7mx_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_1smvg_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_1smvg_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_1smvg_gg_._placement_right_1smvg_gg_,.___SPanel_1smvg_gg_._placement_top_1smvg_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1smvg_gg_._placement_top_1smvg_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1smvg_gg_._placement_right_1smvg_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1smvg_gg_._placement_bottom_1smvg_gg_,.___SPanel_1smvg_gg_._placement_left_1smvg_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1smvg_gg_._placement_bottom_1smvg_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1smvg_gg_._placement_left_1smvg_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1smvg_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1smvg_gg_ .___SAddon_1smvg_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1smvg_gg_{max-width:100%}.___SBack_1smvg_gg_ .___SInner_1smvg_gg_{display:flex}.___SBack_1smvg_gg_ .___SBackText_1smvg_gg_,.___STitle_1smvg_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1smvg_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_1smvg_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1smvg_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1smvg_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "1smvg_gg_") /*__reshadow_css_end__*/, {
+  "__SOverlay": "___SOverlay_1smvg_gg_",
+  "__SPanel": "___SPanel_1smvg_gg_",
+  "_placement_top": "_placement_top_1smvg_gg_",
+  "_placement_right": "_placement_right_1smvg_gg_",
+  "_placement_bottom": "_placement_bottom_1smvg_gg_",
+  "_placement_left": "_placement_left_1smvg_gg_",
+  "__STitle": "___STitle_1smvg_gg_",
+  "__SHeader": "___SHeader_1smvg_gg_",
+  "__SFooter": "___SFooter_1smvg_gg_",
+  "__SBody": "___SBody_1smvg_gg_",
+  "__SClose": "___SClose_1smvg_gg_",
+  "__SAddon": "___SAddon_1smvg_gg_",
+  "__SBack": "___SBack_1smvg_gg_",
+  "__SInner": "___SInner_1smvg_gg_",
+  "__SBackText": "___SBackText_1smvg_gg_"
 });
 var RootSidePanel = /*#__PURE__*/function (_Component) {
   _inherits(RootSidePanel, _Component);