intergalactic 15.126.1-prerelease.8 → 15.127.0-prerelease.0

package/select/lib/esm/Select.mjs

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

package/select/package.json

@@ -1 +1 @@
-{"name":"intergalactic/select","description":"Semrush Select Component","version":"4.50.1-prerelease.8","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-prerelease.8","@semcore/button":"5.42.1-prerelease.8","@semcore/checkbox":"7.44.1-prerelease.8","@semcore/divider":"4.40.1-prerelease.8","@semcore/dropdown-menu":"4.46.1-prerelease.8","@semcore/dropdown":"4.43.1-prerelease.8","@semcore/popper":"5.46.1-prerelease.8","@semcore/flex-box":"5.41.1-prerelease.8","@semcore/icon":"4.60.1-prerelease.8","@semcore/input":"4.42.1-prerelease.8","@semcore/utils":"4.48.1-prerelease.8","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.39.1-prerelease.8","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.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.52.1","@semcore/button":"5.43.0-prerelease.0","@semcore/checkbox":"7.44.1","@semcore/divider":"4.40.1","@semcore/dropdown-menu":"4.47.0-prerelease.0","@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":"*"}}

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_sdf55_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_sdf55_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_sdf55_gg_._placement_right_sdf55_gg_,.___SPanel_sdf55_gg_._placement_top_sdf55_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_sdf55_gg_._placement_top_sdf55_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_sdf55_gg_._placement_right_sdf55_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_sdf55_gg_._placement_bottom_sdf55_gg_,.___SPanel_sdf55_gg_._placement_left_sdf55_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_sdf55_gg_._placement_bottom_sdf55_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_sdf55_gg_._placement_left_sdf55_gg_{height:100vh;margin-right:auto;top:0}.___SClose_sdf55_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_sdf55_gg_ .___SAddon_sdf55_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_sdf55_gg_{max-width:100%}.___SBack_sdf55_gg_ .___SInner_sdf55_gg_{display:flex}.___SBack_sdf55_gg_ .___SBackText_sdf55_gg_,.___STitle_sdf55_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_sdf55_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_sdf55_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_sdf55_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_sdf55_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__*/, "sdf55_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_sdf55_gg_",
-  "__SPanel": "___SPanel_sdf55_gg_",
-  "_placement_top": "_placement_top_sdf55_gg_",
-  "_placement_right": "_placement_right_sdf55_gg_",
-  "_placement_bottom": "_placement_bottom_sdf55_gg_",
-  "_placement_left": "_placement_left_sdf55_gg_",
-  "__STitle": "___STitle_sdf55_gg_",
-  "__SHeader": "___SHeader_sdf55_gg_",
-  "__SFooter": "___SFooter_sdf55_gg_",
-  "__SBody": "___SBody_sdf55_gg_",
-  "__SClose": "___SClose_sdf55_gg_",
-  "__SAddon": "___SAddon_sdf55_gg_",
-  "__SBack": "___SBack_sdf55_gg_",
-  "__SInner": "___SInner_sdf55_gg_",
-  "__SBackText": "___SBackText_sdf55_gg_"
+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 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_sdf55_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_sdf55_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_sdf55_gg_._placement_right_sdf55_gg_,.___SPanel_sdf55_gg_._placement_top_sdf55_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_sdf55_gg_._placement_top_sdf55_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_sdf55_gg_._placement_right_sdf55_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_sdf55_gg_._placement_bottom_sdf55_gg_,.___SPanel_sdf55_gg_._placement_left_sdf55_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_sdf55_gg_._placement_bottom_sdf55_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_sdf55_gg_._placement_left_sdf55_gg_{height:100vh;margin-right:auto;top:0}.___SClose_sdf55_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_sdf55_gg_ .___SAddon_sdf55_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_sdf55_gg_{max-width:100%}.___SBack_sdf55_gg_ .___SInner_sdf55_gg_{display:flex}.___SBack_sdf55_gg_ .___SBackText_sdf55_gg_,.___STitle_sdf55_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_sdf55_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_sdf55_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_sdf55_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_sdf55_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__*/, "sdf55_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_sdf55_gg_",
-  "__SPanel": "___SPanel_sdf55_gg_",
-  "_placement_top": "_placement_top_sdf55_gg_",
-  "_placement_right": "_placement_right_sdf55_gg_",
-  "_placement_bottom": "_placement_bottom_sdf55_gg_",
-  "_placement_left": "_placement_left_sdf55_gg_",
-  "__STitle": "___STitle_sdf55_gg_",
-  "__SHeader": "___SHeader_sdf55_gg_",
-  "__SFooter": "___SFooter_sdf55_gg_",
-  "__SBody": "___SBody_sdf55_gg_",
-  "__SClose": "___SClose_sdf55_gg_",
-  "__SAddon": "___SAddon_sdf55_gg_",
-  "__SBack": "___SBack_sdf55_gg_",
-  "__SInner": "___SInner_sdf55_gg_",
-  "__SBackText": "___SBackText_sdf55_gg_"
+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 RootSidePanel = /*#__PURE__*/function (_Component) {
   _inherits(RootSidePanel, _Component);