intergalactic 15.128.0 → 15.129.0-prerelease.0

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","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","@semcore/button":"5.43.1","@semcore/checkbox":"7.44.2","@semcore/divider":"4.40.2","@semcore/dropdown-menu":"4.47.1","@semcore/dropdown":"4.43.2","@semcore/popper":"5.46.2","@semcore/flex-box":"5.41.2","@semcore/icon":"4.60.2","@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":"*"}}
+{"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);

package/side-panel/lib/esm/SidePanel.mjs

@@ -1,12 +1,12 @@
 import d from "@babel/runtime/helpers/esm/objectSpread2";
 import B from "@babel/runtime/helpers/esm/classCallCheck";
 import O from "@babel/runtime/helpers/esm/createClass";
-import x from "@babel/runtime/helpers/esm/assertThisInitialized";
+import p from "@babel/runtime/helpers/esm/assertThisInitialized";
 import T from "@babel/runtime/helpers/esm/inherits";
 import I from "@babel/runtime/helpers/esm/createSuper";
 import m from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as z } from 'intergalactic/utils/lib/core/index';
-import A, { assignProps as s, Component as F, sstyled as p } from 'intergalactic/core';
+import A, { assignProps as g, Component as F, sstyled as v } from 'intergalactic/core';
 import i from "react";
 import { Flex as R, Box as C } from 'intergalactic/flex-box';
 import { FadeInOut as M, Slide as N } from 'intergalactic/animation';
@@ -31,24 +31,24 @@ var ae = (
   /*__reshadow_css_start__*/
   (z.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)}",
-    "1e7mx_gg_"
+    ".___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)}",
+    "1smvg_gg_"
   ), {
-    __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_"
+    __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_"
   })
 ), f = /* @__PURE__ */ function(a) {
   T(e, a);
@@ -58,49 +58,49 @@ var ae = (
     B(this, e);
     for (var r = arguments.length, l = new Array(r), n = 0; n < r; n++)
       l[n] = arguments[n];
-    return t = o.call.apply(o, [this].concat(l)), m(x(t), "sidebarRef", /* @__PURE__ */ i.createRef()), m(x(t), "handleSidebarKeyDown", function(_) {
-      _.key === "Escape" && (_.stopPropagation(), S(x(t), "onClose", "onEscape", _));
-    }), m(x(t), "handleIconCloseClick", function(_) {
-      S(x(t), "onClose", "onCloseClick", _);
-    }), m(x(t), "handleOutsideClick", function(_) {
-      S(x(t), "onClose", "onOutsideClick", _);
+    return t = o.call.apply(o, [this].concat(l)), m(p(t), "sidebarRef", /* @__PURE__ */ i.createRef()), m(p(t), "handleSidebarKeyDown", function(_) {
+      _.key === "Escape" && (_.stopPropagation(), S(p(t), "onClose", "onEscape", _));
+    }), m(p(t), "handleIconCloseClick", function(_) {
+      S(p(t), "onClose", "onCloseClick", _);
+    }), m(p(t), "handleOutsideClick", function(_) {
+      S(p(t), "onClose", "onOutsideClick", _);
     }), t;
   }
   return O(e, [{
     key: "isAdvanceMode",
     value: function() {
-      return y(this.asProps.Children, [c.Overlay.displayName, c.Panel.displayName]);
+      return y(this.asProps.Children, [s.Overlay.displayName, s.Panel.displayName]);
     }
   }, {
     key: "isUsedOverlay",
     value: function() {
-      return !this.isAdvanceMode() || y(this.asProps.Children, [c.Overlay.displayName]);
+      return !this.isAdvanceMode() || y(this.asProps.Children, [s.Overlay.displayName]);
     }
   }, {
     key: "getOverlayProps",
     value: function() {
-      var r = this.asProps, l = r.visible, n = r.duration, _ = r.animationsDisabled, g = r.disablePreventScroll;
+      var r = this.asProps, l = r.visible, n = r.duration, _ = r.animationsDisabled, c = r.disablePreventScroll;
       return {
         visible: l,
         duration: n,
         animationsDisabled: _,
-        disablePreventScroll: g
+        disablePreventScroll: c
       };
     }
   }, {
     key: "getPanelProps",
     value: function() {
-      var r = this.asProps, l = r.placement, n = r.visible, _ = r.closable, g = r.duration, u = r.animationsDisabled, h = r["aria-label"], b = r["aria-labelledby"];
+      var r = this.asProps, l = r.placement, n = r.visible, _ = r.closable, c = r.duration, h = r.animationsDisabled, x = r["aria-label"], b = r["aria-labelledby"];
       return {
         visible: n,
         placement: l,
         closable: _,
-        duration: g + g / 2,
+        duration: c + c / 2,
         disableEnforceFocus: !this.isUsedOverlay(),
         onOutsideClick: this.handleOutsideClick,
         onKeyDown: this.handleSidebarKeyDown,
-        animationsDisabled: u,
-        "aria-label": h,
+        animationsDisabled: h,
+        "aria-label": x,
         "aria-labelledby": b
       };
     }
@@ -115,11 +115,11 @@ var ae = (
   }, {
     key: "render",
     value: function() {
-      var r = this.asProps, l = this.asProps, n = l.Children, _ = l.disablePortal, g = l.ignorePortalsStacking;
+      var r = this.asProps, l = this.asProps, n = l.Children, _ = l.disablePortal, c = l.ignorePortalsStacking;
       return /* @__PURE__ */ i.createElement(L, {
         disablePortal: _,
-        ignorePortalsStacking: g
-      }, this.isAdvanceMode() ? /* @__PURE__ */ i.createElement(n, null) : /* @__PURE__ */ i.createElement(c.Overlay, null, /* @__PURE__ */ i.createElement(c.Panel, s({}, r))));
+        ignorePortalsStacking: c
+      }, this.isAdvanceMode() ? /* @__PURE__ */ i.createElement(n, null) : /* @__PURE__ */ i.createElement(s.Overlay, null, /* @__PURE__ */ i.createElement(s.Panel, g({}, r))));
     }
   }]), e;
 }(F);
@@ -140,40 +140,40 @@ function te(a) {
   var o = arguments[0], e, t = M, r = i.useRef(null);
   U(a.visible, a.disablePreventScroll), J(r, a.visible);
   var l = Y("z-index-modal");
-  return e = p(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SOverlay", d({}, s({
+  return e = v(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SOverlay", d({}, g({
     ref: r,
     zIndex: l
   }, o))));
 }
 function k(a) {
-  var o = arguments[0], e, t = N, r = a.Children, l = a.styles, n = a.visible, _ = a.closable, g = a.placement, u = a.onOutsideClick, h = a.forcedAdvancedMode, b = h || y(r, [c.Header.displayName, c.Body.displayName, c.Footer.displayName]), v = i.useRef(null);
-  G(v, !0, "auto", !n, !0);
+  var o = arguments[0], e, t = N, r = a.Children, l = a.styles, n = a.visible, _ = a.closable, c = a.placement, h = a.onOutsideClick, x = a.forcedAdvancedMode, b = x || y(r, [s.Header.displayName, s.Body.displayName, s.Footer.displayName]), u = i.useRef(null);
+  G(u, !0, "auto", !n, !0);
   var w = !!(a["aria-label"] || a["aria-labelledby"]);
-  return Q.warn(!w, "'aria-label' or 'aria-labelledby' are required for SidePanel component", a["data-ui-name"] || k.displayName), e = p(l), /* @__PURE__ */ i.createElement(i.Fragment, null, n && /* @__PURE__ */ i.createElement(H, e.cn("OutsideClick", {
-    onOutsideClick: u,
-    excludeRefs: [v]
-  })), /* @__PURE__ */ i.createElement(t, e.cn("SPanel", d({}, s({
+  return Q.warn(!w, "'aria-label' or 'aria-labelledby' are required for SidePanel component", a["data-ui-name"] || k.displayName), e = v(l), /* @__PURE__ */ i.createElement(i.Fragment, null, n && /* @__PURE__ */ i.createElement(H, e.cn("OutsideClick", {
+    onOutsideClick: h,
+    excludeRefs: [u]
+  })), /* @__PURE__ */ i.createElement(t, e.cn("SPanel", d({}, g({
     visible: n,
     initialAnimation: !0,
-    slideOrigin: g,
-    ref: v,
+    slideOrigin: c,
+    ref: u,
     role: "dialog",
     "aria-modal": "true"
   }, o))), /* @__PURE__ */ i.createElement(ee, e.cn("ZIndexStackingContextProvider", {
     designToken: "z-index-modal"
   }), /* @__PURE__ */ i.createElement(D, e.cn("PortalProvider", {
-    value: v
-  }), _ && /* @__PURE__ */ i.createElement(c.Close, null), b ? /* @__PURE__ */ i.createElement(r, e.cn("Children", {})) : /* @__PURE__ */ i.createElement(c.Body, null, /* @__PURE__ */ i.createElement(r, e.cn("Children", {})))))));
+    value: u
+  }), _ && /* @__PURE__ */ i.createElement(s.Close, null), b ? /* @__PURE__ */ i.createElement(r, e.cn("Children", {})) : /* @__PURE__ */ i.createElement(s.Body, null, /* @__PURE__ */ i.createElement(r, e.cn("Children", {})))))));
 }
 function re(a) {
   var o = arguments[0], e, t = R;
-  return e = p(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SFooter", d({}, s({
+  return e = v(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SFooter", d({}, g({
     tag: "footer"
   }, o))));
 }
 function E(a) {
   var o = arguments[0], e, t = a.styles, r = a.children, l = a.Children, n = a.getI18nText, _ = q;
-  return e = p(t), /* @__PURE__ */ i.createElement(_, e.cn("SClose", d({}, s({
+  return e = v(t), /* @__PURE__ */ i.createElement(_, e.cn("SClose", d({}, g({
     "aria-label": n("close"),
     use: "tertiary",
     theme: "muted",
@@ -184,13 +184,13 @@ function E(a) {
 E.enhance = [K()];
 function ie(a) {
   var o = arguments[0], e, t = Z;
-  return e = p(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("STitle", d({}, s({
+  return e = v(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("STitle", d({}, g({
     tag: "h6"
   }, o))));
 }
 function ne(a) {
   var o = arguments[0], e, t = P, r = P.Text, l = a.Children, n = a.styles;
-  return e = p(n), /* @__PURE__ */ i.createElement(t, e.cn("SBack", d({}, s({
+  return e = v(n), /* @__PURE__ */ i.createElement(t, e.cn("SBack", d({}, g({
     color: "text-hint",
     size: 100,
     addonLeft: j
@@ -198,17 +198,17 @@ function ne(a) {
 }
 function le(a) {
   var o = arguments[0], e, t = C;
-  return e = p(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SBody", d({}, s({}, o))));
+  return e = v(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SBody", d({}, g({}, o))));
 }
 function oe(a) {
   var o = arguments[0], e, t = C, r = a.Children, l = a.styles, n = a.title;
-  return e = p(l), /* @__PURE__ */ i.createElement(t, e.cn("SHeader", d({}, s({
+  return e = v(l), /* @__PURE__ */ i.createElement(t, e.cn("SHeader", d({}, g({
     tag: "header"
-  }, o))), n && /* @__PURE__ */ i.createElement(c.Title, {
+  }, o))), n && /* @__PURE__ */ i.createElement(s.Title, {
     children: n
   }), /* @__PURE__ */ i.createElement(r, e.cn("Children", {})));
 }
-var c = A(f, {
+var s = A(f, {
   Overlay: te,
   Panel: k,
   Close: E,
@@ -219,5 +219,5 @@ var c = A(f, {
   Title: ie
 });
 export {
-  c as default
+  s as default
 };