intergalactic 15.127.0-prerelease.2 → 15.128.0-prerelease.0

package/select/lib/esm/Select.mjs

@@ -5,96 +5,96 @@ import h from "@babel/runtime/helpers/esm/objectSpread2";
 import Q from "@babel/runtime/helpers/esm/classCallCheck";
 import V from "@babel/runtime/helpers/esm/createClass";
 import A from "@babel/runtime/helpers/esm/assertThisInitialized";
-import k from "@babel/runtime/helpers/esm/get";
-import y from "@babel/runtime/helpers/esm/getPrototypeOf";
+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 b from "@babel/runtime/helpers/esm/defineProperty";
+import x from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as F } from 'intergalactic/utils/lib/core/index';
-import q, { assignProps as P, sstyled as R } from 'intergalactic/core';
+import q, { assignProps as S, sstyled as R } from 'intergalactic/core';
 import g from "react";
 import Y from "classnames";
-import f from 'intergalactic/dropdown-menu';
+import v from 'intergalactic/dropdown-menu';
 import w, { enhance as ee, selectedIndexContext as te, AbstractDropdown as re } from 'intergalactic/dropdown';
-import { ButtonTrigger as C } from 'intergalactic/base-trigger';
-import ie from 'intergalactic/divider';
-import oe, { isAdvanceMode as S } from 'intergalactic/utils/lib/findComponent';
+import { ButtonTrigger as I } from 'intergalactic/base-trigger';
+import oe from 'intergalactic/divider';
+import ie, { isAdvanceMode as k } from 'intergalactic/utils/lib/findComponent';
 import ne 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";
-import { useBox as ce } from 'intergalactic/flex-box';
-import { selectContext as se } from "./context.mjs";
-import { localizedMessages as de } from "./translations/__intergalactic-dynamic-locales.mjs";
+import { useBox as se } from 'intergalactic/flex-box';
+import { selectContext as de } from "./context.mjs";
+import { localizedMessages as ce } from "./translations/__intergalactic-dynamic-locales.mjs";
 import { isInputTriggerTag as _e } from 'intergalactic/popper';
 import { callAllEventHandlers as N } from 'intergalactic/utils/lib/assignProps';
 var ge = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"], ue = (
   /*__reshadow_css_start__*/
   (F.insert(
     /*__inner_css_start__*/
-    '.___SOptionCheckbox_xxc2k_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_xxc2k_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_xxc2k_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_xxc2k_gg_.__selected_xxc2k_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_xxc2k_gg_._size_l_xxc2k_gg_{width:20px;height:20px}.___SOptionCheckbox_xxc2k_gg_._size_l_xxc2k_gg_.__selected_xxc2k_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_:before,.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_:before{border-color:var(--theme_xxc2k)}.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_.__indeterminate_xxc2k_gg_:before,.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_.__selected_xxc2k_gg_:before{background-color:var(--theme_xxc2k);border-color:var(--theme_xxc2k)}.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_._size_l_xxc2k_gg_:after{width:12px;height:2px}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_._size_m_xxc2k_gg_:after{width:8px;height:2px}',
-    "xxc2k_gg_"
+    '.___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: "___SOptionCheckbox_xxc2k_gg_",
-    _selected: "__selected_xxc2k_gg_",
-    _size_l: "_size_l_xxc2k_gg_",
-    _indeterminate: "__indeterminate_xxc2k_gg_",
-    _theme: "__theme_xxc2k_gg_",
-    "--theme": "--theme_xxc2k",
-    _size_m: "_size_m_xxc2k_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_"
   })
 );
-function E(i, l) {
-  return Array.isArray(i) ? i.includes(l) : l === i;
+function E(o, l) {
+  return Array.isArray(o) ? o.includes(l) : l === o;
 }
-function he(i) {
-  return Array.isArray(i) ? i.length === 0 : i === null;
+function he(o) {
+  return Array.isArray(o) ? o.length === 0 : o === null;
 }
-function $(i) {
-  return i ? [] : null;
+function $(o) {
+  return o ? [] : null;
 }
-var O = /* @__PURE__ */ function(i) {
-  U(o, i);
-  var l = X(o);
-  function o() {
+var O = /* @__PURE__ */ function(o) {
+  U(i, o);
+  var l = X(i);
+  function i() {
     var n;
-    Q(this, 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)), b(A(n), "role", "listbox"), b(A(n), "bindHandlerOptionClick", function(a, c) {
-      return function(s) {
-        var _ = a, u = n.asProps, d = u.value, x = u.multiselect;
-        Array.isArray(d) && (d.includes(a) ? _ = d.filter(function(m) {
+    return n = l.call.apply(l, [this].concat(t)), x(A(n), "role", "listbox"), x(A(n), "bindHandlerOptionClick", function(a, s) {
+      return function(d) {
+        var _ = a, u = n.asProps, c = u.value, f = u.multiselect;
+        Array.isArray(c) && (c.includes(a) ? _ = c.filter(function(m) {
           return m !== a;
-        }) : _ = d.concat(a)), n.handlers.value(_, s), x || (n.handlers.visible(!1), s.preventDefault());
+        }) : _ = c.concat(a)), n.handlers.value(_, d), f || (n.handlers.visible(!1), d.preventDefault());
       };
-    }), b(A(n), "handlerClear", function(a) {
-      var c = n.asProps.value, s = $(Array.isArray(c));
-      n.handlers.value(s, a), n.handlers.visible(!1);
+    }), 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;
   }
-  return V(o, [{
+  return V(i, [{
     key: "itemRef",
     value: function(e, t, r) {
-      k(y(o.prototype), "itemRef", this).call(this, e, t, r);
-      var a = this.asProps.highlightedIndex, c = t === a;
-      c && this.scrollToNode(r);
+      y(C(i.prototype), "itemRef", this).call(this, e, t, r);
+      var a = this.asProps.highlightedIndex, s = t === a;
+      s && this.scrollToNode(r);
     }
   }, {
     key: "uncontrolledProps",
     value: function() {
       var e = this;
-      return h(h({}, k(y(o.prototype), "uncontrolledProps", this).call(this)), {}, {
+      return h(h({}, y(C(i.prototype), "uncontrolledProps", this).call(this)), {}, {
         visible: [null, function(t) {
           if (t === !0) {
-            var r = S(e.asProps.Children, [p.InputSearch.displayName], !0), a = r ? null : e.props.defaultHighlightedIndex;
+            var r = k(e.asProps.Children, [p.InputSearch.displayName], !0), a = r ? null : e.props.defaultHighlightedIndex;
             e.handlers.highlightedIndex(a), setTimeout(function() {
-              var c, s, _ = (c = e.menuRef.current) === null || c === void 0 ? void 0 : c.querySelectorAll('[role="option"]'), u = (s = e.menuRef.current) === null || s === void 0 ? void 0 : s.querySelector('[aria-selected="true"]');
+              var s, d, _ = (s = e.menuRef.current) === null || s === void 0 ? void 0 : s.querySelectorAll('[role="option"]'), u = (d = e.menuRef.current) === null || d === void 0 ? void 0 : d.querySelector('[aria-selected="true"]');
               if (u && _) {
                 e.scrollToNode(u);
-                for (var d = 0; d < _.length; d++)
-                  if (_[d] === u) {
-                    e.handlers.highlightedIndex(d);
+                for (var c = 0; c < _.length; c++)
+                  if (_[c] === u) {
+                    e.handlers.highlightedIndex(c);
                     break;
                   }
               }
@@ -107,25 +107,25 @@ var O = /* @__PURE__ */ function(i) {
   }, {
     key: "getTriggerProps",
     value: function() {
-      var e = this, t = this.asProps, r = t.disabled, a = t.visible, c = t.state, s = t.placeholder, _ = t.value, u = t.options, d = t.forwardRef, x = t.name, m = t.multiselect, v = t.getI18nText, T = t.highlightedIndex, I = t.uid, G = t.Children, Z = t.children, z = S(G, [p.Menu.displayName], !0) || !Z, j = z ? "igc-".concat(I, "-list") : "igc-".concat(I, "-popper");
-      return h(h({}, k(y(o.prototype), "getTriggerProps", this).call(this)), {}, {
+      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");
+      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,
         "aria-haspopup": z ? "listbox" : "dialog",
         "aria-disabled": r ? "true" : "false",
-        "aria-activedescendant": a && T !== null && this.itemRefs[T] ? "igc-".concat(I, "-option-").concat(T) : void 0,
+        "aria-activedescendant": a && T !== null && this.itemRefs[T] ? "igc-".concat(P, "-option-").concat(T) : void 0,
         empty: he(_),
         value: _,
-        name: x,
-        $hiddenRef: d,
+        name: f,
+        $hiddenRef: c,
         multiselect: m,
-        state: c,
-        placeholder: s,
+        state: s,
+        placeholder: d,
         disabled: r,
         active: a,
         onClear: this.handlerClear,
         children: this.renderChildrenTrigger(_, u),
-        getI18nText: v,
+        getI18nText: b,
         onBlur: function() {
           e.asProps.visible && (e.prevHighlightedIndex = e.asProps.highlightedIndex, e.handlers.highlightedIndex(null));
         },
@@ -141,32 +141,32 @@ var O = /* @__PURE__ */ function(i) {
     key: "getListProps",
     value: function() {
       var e = this.asProps.multiselect;
-      return h(h({}, k(y(o.prototype), "getListProps", this).call(this)), {}, {
+      return h(h({}, y(C(i.prototype), "getListProps", this).call(this)), {}, {
         "aria-multiselectable": e ? "true" : void 0
       });
     }
   }, {
     key: "getPopperProps",
     value: function() {
-      return h(h({}, k(y(o.prototype), "getPopperProps", this).call(this)), {}, {
+      return h(h({}, y(C(i.prototype), "getPopperProps", this).call(this)), {}, {
         onKeyDown: N(this.handlePreventCommonKeyDown.bind(this), this.handlePreventPopperKeyDown.bind(this), this.handleArrowKeyDown.bind(this))
       });
     }
   }, {
     key: "getOptionProps",
     value: function(e, t) {
-      var r, a = this, c = this.asProps, s = c.value, _ = c.highlightedIndex, u = c.focusSourceRef, d = c.size, x = d === void 0 ? "m" : d, m = t === _ && u.current === "keyboard" && !e.disabled, v = (r = e.selected) !== null && r !== void 0 ? r : E(s, e.value);
-      return h(h({}, k(y(o.prototype), "getItemProps", this).call(this, 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);
+      return h(h({}, y(C(i.prototype), "getItemProps", this).call(this, e, t)), {}, {
         highlighted: m,
-        selected: v,
-        "aria-selected": v ? "true" : "false",
+        selected: b,
+        "aria-selected": b ? "true" : "false",
         "aria-disabled": e.disabled ? "true" : "false",
         role: "option",
         onClick: this.bindHandlerOptionClick(e.value, t),
-        ref: function(I) {
-          return a.itemRef(e, t, I);
+        ref: function(P) {
+          return a.itemRef(e, t, P);
         },
-        size: x
+        size: f
       });
     }
   }, {
@@ -190,10 +190,10 @@ var O = /* @__PURE__ */ function(i) {
     key: "renderChildrenTrigger",
     value: function(e, t) {
       return t ? [].concat(e).reduce(function(r, a) {
-        var c = t.find(function(s) {
-          return E(a, s.value);
+        var s = t.find(function(d) {
+          return E(a, d.value);
         });
-        return c && (r.length && r.push(", "), r.push(c.label || c.value)), r;
+        return s && (r.length && r.push(", "), r.push(s.label || s.value)), r;
       }, []) : Array.isArray(e) ? e.reduce(function(r, a) {
         return r.length && r.push(", "), r.push(a), r;
       }, []) : e;
@@ -201,50 +201,50 @@ var O = /* @__PURE__ */ function(i) {
   }, {
     key: "render",
     value: function() {
-      var e = this.asProps, t = this.asProps, r = t.Children, a = t.options, c = t.multiselect;
+      var e = this.asProps, t = this.asProps, r = t.Children, a = t.options, s = t.multiselect;
       t.value;
-      var s = t.uid, _ = t.forcedAdvancedMode, u = J(t, ge), d = _ || oe(r, [p.Trigger.displayName, p.Popper.displayName]);
-      if (ne.warn(a && d, "Don't use at the same time 'options' property and '<Select.Trigger/>/<Select.Popper/>'", u["data-ui-name"] || p.displayName), this.itemProps = [], a) {
-        var x = this.asProps;
-        return /* @__PURE__ */ g.createElement(f, P({}, x), /* @__PURE__ */ g.createElement(p.Trigger, u), /* @__PURE__ */ g.createElement(p.Menu, null, a.map(function(m, v) {
+      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) {
+        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(p.Option, M({
             key: m.value,
-            id: "igc-".concat(s, "-option-").concat(v)
-          }, m), c && /* @__PURE__ */ g.createElement(p.Option.Checkbox, null), m.children);
+            id: "igc-".concat(d, "-option-").concat(b)
+          }, m), s && /* @__PURE__ */ g.createElement(p.Option.Checkbox, null), m.children);
         })));
       }
-      return /* @__PURE__ */ g.createElement(f, P({}, e), /* @__PURE__ */ g.createElement(r, null));
+      return /* @__PURE__ */ g.createElement(v, S({}, e), /* @__PURE__ */ g.createElement(r, null));
     }
-  }]), o;
+  }]), i;
 }(re);
-b(O, "displayName", "Select");
-b(O, "style", ue);
-b(O, "enhance", Object.values(ee).concat([ae()]));
-b(O, "defaultProps", function(i) {
-  var l, o, n, e, t = i.children && S(i.children, [p.InputSearch.displayName], !0), r = t ? null : 0;
+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;
   return {
-    placeholder: i.multiselect ? "Select options" : "Select option",
+    placeholder: o.multiselect ? "Select options" : "Select option",
     size: "m",
-    defaultValue: $(i.multiselect),
+    defaultValue: $(o.multiselect),
     defaultVisible: !1,
-    defaultHighlightedIndex: (l = i.highlightedIndex) !== null && l !== void 0 ? l : r,
-    defaultSelectedIndex: (o = i.selectedIndex) !== null && o !== void 0 ? o : r,
+    defaultHighlightedIndex: (l = o.highlightedIndex) !== null && l !== void 0 ? l : r,
+    defaultSelectedIndex: (i = o.selectedIndex) !== null && i !== void 0 ? i : r,
     scrollToSelected: !0,
-    i18n: de,
+    i18n: ce,
     locale: "en",
-    interaction: (n = i.interaction) !== null && n !== void 0 ? n : "click",
+    interaction: (n = o.interaction) !== null && n !== void 0 ? n : "click",
     inlineActions: !1,
-    timeout: (e = i.timeout) !== null && e !== void 0 ? e : 0
+    timeout: (e = o.timeout) !== null && e !== void 0 ? e : 0
   };
 });
-function pe(i) {
-  var l = arguments[0], o, n = i.Children, e = i.name, t = i.value, r = i.styles, a = i.$hiddenRef, c = i.tag, s = c === void 0 ? C : c, _ = i.getI18nText, u = _e(s), d = w.Trigger;
-  return o = R(r), /* @__PURE__ */ g.createElement(d, o.cn("SSelectTrigger", h({}, P({
-    tag: s,
+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;
+  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, s.Text || C.Text, s.Value || C.Text, s.Addon || C.Addon, !0), e && /* @__PURE__ */ g.createElement("input", o.cn("input", {
+  }, l))), le(n, 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,57 +252,57 @@ function pe(i) {
   })));
 }
 var L = /* @__PURE__ */ g.createContext({});
-function me(i) {
-  var l = arguments[0], o, n = w.Item, e = i.styles, t = i.Children, r = S(t, [p.Option.Checkbox.displayName]), a = S(t, [p.Option.Content.displayName]);
-  return o = R(e), /* @__PURE__ */ g.createElement(n, o.cn("SSelectOption", h({}, P({}, l))), /* @__PURE__ */ g.createElement(L.Provider, {
-    value: i
-  }, r && !a ? /* @__PURE__ */ g.createElement(p.Option.Content, null, /* @__PURE__ */ g.createElement(t, o.cn("Children", {}))) : /* @__PURE__ */ g.createElement(t, o.cn("Children", {}))));
+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
+  }, r && !a ? /* @__PURE__ */ g.createElement(p.Option.Content, null, /* @__PURE__ */ g.createElement(t, i.cn("Children", {}))) : /* @__PURE__ */ g.createElement(t, i.cn("Children", {}))));
 }
-function xe(i) {
-  var l = g.useContext(L), o = g.useMemo(function() {
+function fe(o) {
+  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
-    }, i || {});
-  }, [i, l]), n = ce(o, o.forwardRef), e = K(n, 2), t = e[0], r = e[1], a = o.size, c = o.theme, s = o.selected, _ = o.resolveColor, u = o.indeterminate, d = R(o.styles), x = d.cn("SOptionCheckbox", {
+    }, 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", {
     size: a,
-    "use:theme": _(c),
+    "use:theme": _(s),
     indeterminate: u,
-    selected: s
-  }), m = x.className, v = x.style;
+    selected: d
+  }), m = f.className, b = f.style;
   return /* @__PURE__ */ g.createElement(t, M({}, r, {
     className: Y(m, r.className) || void 0,
-    style: h(h({}, v), r.style),
+    style: h(h({}, b), r.style),
     tabIndex: -1
   }));
 }
 var H = function() {
   var l = arguments[0];
-  return /* @__PURE__ */ g.createElement(D, P({}, l));
+  return /* @__PURE__ */ g.createElement(D, S({}, l));
 }, p = q(O, {
   Trigger: [pe, {
-    Addon: C.Addon,
-    Text: C.Text
+    Addon: I.Addon,
+    Text: I.Text
   }],
   Popper: w.Popper,
-  List: f.List,
-  Menu: f.Menu,
+  List: v.List,
+  Menu: v.Menu,
   Option: [me, {
-    Addon: f.Item.Addon,
-    Content: f.Item.Content,
-    Hint: f.Item.Hint,
-    Checkbox: xe
+    Addon: v.Item.Addon,
+    Content: v.Item.Content,
+    Hint: v.Item.Hint,
+    Checkbox: fe
   }],
   Group: w.Group,
-  OptionTitle: f.ItemTitle,
-  OptionHint: f.ItemHint,
-  Divider: ie,
+  OptionTitle: v.ItemTitle,
+  OptionHint: v.ItemHint,
+  Divider: oe,
   InputSearch: [H, D._______childrenComponents],
   Input: [H, D._______childrenComponents]
 }, {
-  parent: f,
-  context: se
+  parent: v,
+  context: de
 }), Ve = function(l) {
   return l;
 };

package/select/package.json

@@ -1 +1 @@
-{"name":"intergalactic/select","description":"Semrush Select Component","version":"4.51.0-prerelease.2","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.1","@semcore/button":"5.43.0-prerelease.2","@semcore/checkbox":"7.44.1","@semcore/divider":"4.40.1","@semcore/dropdown-menu":"4.47.0-prerelease.2","@semcore/dropdown":"4.43.1","@semcore/popper":"5.46.1","@semcore/flex-box":"5.41.1","@semcore/icon":"4.60.1","@semcore/input":"4.42.1","@semcore/utils":"4.48.1","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/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.51.1-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.52.1","@semcore/button":"5.43.0","@semcore/checkbox":"7.44.1","@semcore/divider":"4.40.1","@semcore/dropdown-menu":"4.47.0","@semcore/dropdown":"4.43.1","@semcore/popper":"5.47.0-prerelease.0","@semcore/flex-box":"5.41.1","@semcore/icon":"4.60.1","@semcore/input":"4.42.1","@semcore/utils":"4.48.1","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/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_6e6pz_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_6e6pz_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_6e6pz_gg_._placement_right_6e6pz_gg_,.___SPanel_6e6pz_gg_._placement_top_6e6pz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_6e6pz_gg_._placement_top_6e6pz_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_6e6pz_gg_._placement_right_6e6pz_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_6e6pz_gg_._placement_bottom_6e6pz_gg_,.___SPanel_6e6pz_gg_._placement_left_6e6pz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_6e6pz_gg_._placement_bottom_6e6pz_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_6e6pz_gg_._placement_left_6e6pz_gg_{height:100vh;margin-right:auto;top:0}.___SClose_6e6pz_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_6e6pz_gg_ .___SAddon_6e6pz_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_6e6pz_gg_{max-width:100%}.___SBack_6e6pz_gg_ .___SInner_6e6pz_gg_{display:flex}.___SBack_6e6pz_gg_ .___SBackText_6e6pz_gg_,.___STitle_6e6pz_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_6e6pz_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_6e6pz_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_6e6pz_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_6e6pz_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__*/, "6e6pz_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_6e6pz_gg_",
-  "__SPanel": "___SPanel_6e6pz_gg_",
-  "_placement_top": "_placement_top_6e6pz_gg_",
-  "_placement_right": "_placement_right_6e6pz_gg_",
-  "_placement_bottom": "_placement_bottom_6e6pz_gg_",
-  "_placement_left": "_placement_left_6e6pz_gg_",
-  "__STitle": "___STitle_6e6pz_gg_",
-  "__SHeader": "___SHeader_6e6pz_gg_",
-  "__SFooter": "___SFooter_6e6pz_gg_",
-  "__SBody": "___SBody_6e6pz_gg_",
-  "__SClose": "___SClose_6e6pz_gg_",
-  "__SAddon": "___SAddon_6e6pz_gg_",
-  "__SBack": "___SBack_6e6pz_gg_",
-  "__SInner": "___SInner_6e6pz_gg_",
-  "__SBackText": "___SBackText_6e6pz_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_6e6pz_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_6e6pz_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_6e6pz_gg_._placement_right_6e6pz_gg_,.___SPanel_6e6pz_gg_._placement_top_6e6pz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_6e6pz_gg_._placement_top_6e6pz_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_6e6pz_gg_._placement_right_6e6pz_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_6e6pz_gg_._placement_bottom_6e6pz_gg_,.___SPanel_6e6pz_gg_._placement_left_6e6pz_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_6e6pz_gg_._placement_bottom_6e6pz_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_6e6pz_gg_._placement_left_6e6pz_gg_{height:100vh;margin-right:auto;top:0}.___SClose_6e6pz_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_6e6pz_gg_ .___SAddon_6e6pz_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_6e6pz_gg_{max-width:100%}.___SBack_6e6pz_gg_ .___SInner_6e6pz_gg_{display:flex}.___SBack_6e6pz_gg_ .___SBackText_6e6pz_gg_,.___STitle_6e6pz_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_6e6pz_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_6e6pz_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_6e6pz_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_6e6pz_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__*/, "6e6pz_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_6e6pz_gg_",
-  "__SPanel": "___SPanel_6e6pz_gg_",
-  "_placement_top": "_placement_top_6e6pz_gg_",
-  "_placement_right": "_placement_right_6e6pz_gg_",
-  "_placement_bottom": "_placement_bottom_6e6pz_gg_",
-  "_placement_left": "_placement_left_6e6pz_gg_",
-  "__STitle": "___STitle_6e6pz_gg_",
-  "__SHeader": "___SHeader_6e6pz_gg_",
-  "__SFooter": "___SFooter_6e6pz_gg_",
-  "__SBody": "___SBody_6e6pz_gg_",
-  "__SClose": "___SClose_6e6pz_gg_",
-  "__SAddon": "___SAddon_6e6pz_gg_",
-  "__SBack": "___SBack_6e6pz_gg_",
-  "__SInner": "___SInner_6e6pz_gg_",
-  "__SBackText": "___SBackText_6e6pz_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);