intergalactic 15.127.0 → 15.128.0-prerelease.0

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

@@ -1,14 +1,14 @@
-import p from "@babel/runtime/helpers/esm/objectSpread2";
-import w from "@babel/runtime/helpers/esm/classCallCheck";
-import B from "@babel/runtime/helpers/esm/createClass";
-import f from "@babel/runtime/helpers/esm/assertThisInitialized";
-import O from "@babel/runtime/helpers/esm/inherits";
-import T from "@babel/runtime/helpers/esm/createSuper";
-import d from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as I } from 'intergalactic/utils/lib/core/index';
-import A, { assignProps as s, Component as F, sstyled as m } from 'intergalactic/core';
+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 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 g, Component as F, sstyled as v } from 'intergalactic/core';
 import i from "react";
-import { Flex as R, Box as P } from 'intergalactic/flex-box';
+import { Flex as R, Box as C } from 'intergalactic/flex-box';
 import { FadeInOut as M, Slide as N } from 'intergalactic/animation';
 import L, { PortalProvider as D } from 'intergalactic/portal';
 import H from 'intergalactic/outside-click';
@@ -19,7 +19,7 @@ import K from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import U from 'intergalactic/utils/lib/use/usePreventScroll';
 import { Text as Z } from 'intergalactic/typography';
 import j from 'intergalactic/icon/ArrowLeft/m';
-import q, { ButtonLink as z } from 'intergalactic/button';
+import q, { ButtonLink as P } from 'intergalactic/button';
 import { cssVariableEnhance as V } from 'intergalactic/utils/lib/useCssVariable';
 import { useFocusLock as G } from 'intergalactic/utils/lib/use/useFocusLock';
 import { useContextTheme as J } from 'intergalactic/utils/lib/ThemeProvider';
@@ -29,73 +29,73 @@ import { localizedMessages as X } from "./translations/__intergalactic-dynamic-l
 import { useZIndexStacking as Y, ZIndexStackingContextProvider as ee } from 'intergalactic/utils/lib/zIndexStacking';
 var ae = (
   /*__reshadow_css_start__*/
-  (I.insert(
+  (z.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)}",
-    "6e6pz_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_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_"
+    __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_"
   })
-), v = /* @__PURE__ */ function(a) {
-  O(e, a);
-  var o = T(e);
+), f = /* @__PURE__ */ function(a) {
+  T(e, a);
+  var o = I(e);
   function e() {
     var t;
-    w(this, e);
+    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)), d(f(t), "sidebarRef", /* @__PURE__ */ i.createRef()), d(f(t), "handleSidebarKeyDown", function(_) {
-      _.key === "Escape" && (_.stopPropagation(), S(f(t), "onClose", "onEscape", _));
-    }), d(f(t), "handleIconCloseClick", function(_) {
-      S(f(t), "onClose", "onCloseClick", _);
-    }), d(f(t), "handleOutsideClick", function(_) {
-      S(f(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 B(e, [{
+  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, h = r.animationsDisabled, x = 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,
@@ -115,23 +115,23 @@ 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);
-d(v, "displayName", "SidePanel");
-d(v, "style", ae);
-d(v, "enhance", [V({
+m(f, "displayName", "SidePanel");
+m(f, "style", ae);
+m(f, "enhance", [V({
   variable: "--intergalactic-duration-modal",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
 }), W(X)]);
-d(v, "defaultProps", {
+m(f, "defaultProps", {
   placement: "right",
   closable: !0,
   disablePreventScroll: !1
@@ -140,22 +140,22 @@ 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 = m(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SOverlay", p({}, s({
+  return e = v(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SOverlay", d({}, g({
     ref: r,
     zIndex: l
   }, o))));
 }
-function C(a) {
-  var o = arguments[0], e, t = N, r = a.Children, l = a.styles, n = a.visible, _ = a.closable, g = a.placement, h = a.onOutsideClick, x = a.forcedAdvancedMode, b = x || y(r, [c.Header.displayName, c.Body.displayName, c.Footer.displayName]), u = i.useRef(null);
+function k(a) {
+  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 E = !!(a["aria-label"] || a["aria-labelledby"]);
-  return Q.warn(!E, "'aria-label' or 'aria-labelledby' are required for SidePanel component", a["data-ui-name"] || C.displayName), e = m(l), /* @__PURE__ */ i.createElement(i.Fragment, null, n && /* @__PURE__ */ i.createElement(H, e.cn("OutsideClick", {
+  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 = 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", p({}, s({
+  })), /* @__PURE__ */ i.createElement(t, e.cn("SPanel", d({}, g({
     visible: n,
     initialAnimation: !0,
-    slideOrigin: g,
+    slideOrigin: c,
     ref: u,
     role: "dialog",
     "aria-modal": "true"
@@ -163,17 +163,17 @@ function C(a) {
     designToken: "z-index-modal"
   }), /* @__PURE__ */ i.createElement(D, e.cn("PortalProvider", {
     value: u
-  }), _ && /* @__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", {})))))));
+  }), _ && /* @__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 = m(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SFooter", p({}, s({
+  return e = v(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SFooter", d({}, g({
     tag: "footer"
   }, o))));
 }
-function k(a) {
+function E(a) {
   var o = arguments[0], e, t = a.styles, r = a.children, l = a.Children, n = a.getI18nText, _ = q;
-  return e = m(t), /* @__PURE__ */ i.createElement(_, e.cn("SClose", p({}, s({
+  return e = v(t), /* @__PURE__ */ i.createElement(_, e.cn("SClose", d({}, g({
     "aria-label": n("close"),
     use: "tertiary",
     theme: "muted",
@@ -181,37 +181,37 @@ function k(a) {
     addonLeft: r ? void 0 : $
   }, o))), r ? /* @__PURE__ */ i.createElement(l, e.cn("Children", {})) : void 0);
 }
-k.enhance = [K()];
+E.enhance = [K()];
 function ie(a) {
   var o = arguments[0], e, t = Z;
-  return e = m(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("STitle", p({}, 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 = z, r = z.Text, l = a.Children, n = a.styles;
-  return e = m(n), /* @__PURE__ */ i.createElement(t, e.cn("SBack", p({}, s({
+  var o = arguments[0], e, t = P, r = P.Text, l = a.Children, n = a.styles;
+  return e = v(n), /* @__PURE__ */ i.createElement(t, e.cn("SBack", d({}, g({
     color: "text-hint",
     size: 100,
     addonLeft: j
   }, o))), /* @__PURE__ */ i.createElement(r, e.cn("SBackText", {}), /* @__PURE__ */ i.createElement(l, e.cn("Children", {}))));
 }
 function le(a) {
-  var o = arguments[0], e, t = P;
-  return e = m(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SBody", p({}, s({}, o))));
+  var o = arguments[0], e, t = C;
+  return e = v(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SBody", d({}, g({}, o))));
 }
 function oe(a) {
-  var o = arguments[0], e, t = P, r = a.Children, l = a.styles, n = a.title;
-  return e = m(l), /* @__PURE__ */ i.createElement(t, e.cn("SHeader", p({}, s({
+  var o = arguments[0], e, t = C, r = a.Children, l = a.styles, n = a.title;
+  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(v, {
+var s = A(f, {
   Overlay: te,
-  Panel: C,
-  Close: k,
+  Panel: k,
+  Close: E,
   Header: oe,
   Footer: re,
   Body: le,
@@ -219,5 +219,5 @@ var c = A(v, {
   Title: ie
 });
 export {
-  c as default
+  s as default
 };

package/side-panel/package.json

@@ -1 +1 @@
-{"name":"intergalactic/side-panel","description":"Semrush SidePanel Component","version":"3.54.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.0","@semcore/utils":"4.48.1","@semcore/animation":"2.41.1","@semcore/flex-box":"5.41.1","@semcore/portal":"3.41.1","@semcore/typography":"5.52.1","@semcore/outside-click":"3.39.1","@semcore/icon":"4.60.1"},"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/side-panel"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/side-panel","description":"Semrush SidePanel Component","version":"3.55.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.0","@semcore/utils":"4.48.1","@semcore/animation":"2.41.1","@semcore/flex-box":"5.41.1","@semcore/portal":"3.41.1","@semcore/typography":"5.52.1","@semcore/outside-click":"3.40.0-prerelease.0","@semcore/icon":"4.60.1"},"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/side-panel"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/time-picker/lib/cjs/TimePicker.js

@@ -30,18 +30,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STimePicker_us7vk_gg_{position:relative;width:auto;outline:0}.___STimePicker_us7vk_gg_.__keyboardFocused_us7vk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_us7vk_gg_.__disabled_us7vk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_us7vk_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_us7vk_gg_.__placeholder_us7vk_gg_{text-overflow:initial}.___SPickerInput_us7vk_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_,.___SPickerInput_us7vk_gg_._size_m_us7vk_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_{width:21px}.___SPickerFormat_us7vk_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_us7vk_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_us7vk_gg_.__active_us7vk_gg_,.___SPickerFormat_us7vk_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_us7vk_gg_:focus,.___SPickerFormat_us7vk_gg_:focus-visible{outline:0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_us7vk_gg_.__keyboardFocused_us7vk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_us7vk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "us7vk_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_us7vk_gg_",
-  "_keyboardFocused": "__keyboardFocused_us7vk_gg_",
-  "_disabled": "__disabled_us7vk_gg_",
-  "__SPickerInput": "___SPickerInput_us7vk_gg_",
-  "_size_m": "_size_m_us7vk_gg_",
-  "_size_l": "_size_l_us7vk_gg_",
-  "__SPickerFormat": "___SPickerFormat_us7vk_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_us7vk_gg_",
-  "_placeholder": "__placeholder_us7vk_gg_",
-  "_active": "__active_us7vk_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_us7vk_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STimePicker_1lsvb_gg_{position:relative;width:auto;outline:0}.___STimePicker_1lsvb_gg_.__keyboardFocused_1lsvb_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1lsvb_gg_.__disabled_1lsvb_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1lsvb_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1lsvb_gg_.__placeholder_1lsvb_gg_{text-overflow:initial}.___SPickerInput_1lsvb_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1lsvb_gg_._size_l_1lsvb_gg_,.___SPickerInput_1lsvb_gg_._size_m_1lsvb_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1lsvb_gg_._size_l_1lsvb_gg_{width:21px}.___SPickerFormat_1lsvb_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1lsvb_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1lsvb_gg_.__active_1lsvb_gg_,.___SPickerFormat_1lsvb_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1lsvb_gg_:focus,.___SPickerFormat_1lsvb_gg_:focus-visible{outline:0}.___SPickerFormat_1lsvb_gg_._size_m_1lsvb_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1lsvb_gg_._size_m_1lsvb_gg_ .___SPickerFormatText_1lsvb_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1lsvb_gg_._size_l_1lsvb_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1lsvb_gg_._size_l_1lsvb_gg_ .___SPickerFormatText_1lsvb_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1lsvb_gg_.__disabled_1lsvb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1lsvb_gg_.__keyboardFocused_1lsvb_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1lsvb_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1lsvb_gg_.__disabled_1lsvb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1lsvb_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_1lsvb_gg_",
+  "_keyboardFocused": "__keyboardFocused_1lsvb_gg_",
+  "_disabled": "__disabled_1lsvb_gg_",
+  "__SPickerInput": "___SPickerInput_1lsvb_gg_",
+  "_size_m": "_size_m_1lsvb_gg_",
+  "_size_l": "_size_l_1lsvb_gg_",
+  "__SPickerFormat": "___SPickerFormat_1lsvb_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_1lsvb_gg_",
+  "_placeholder": "__placeholder_1lsvb_gg_",
+  "_active": "__active_1lsvb_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_1lsvb_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',

package/time-picker/lib/es6/TimePicker.js

@@ -18,18 +18,18 @@ import Format from './PickerFormat';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_us7vk_gg_{position:relative;width:auto;outline:0}.___STimePicker_us7vk_gg_.__keyboardFocused_us7vk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_us7vk_gg_.__disabled_us7vk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_us7vk_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_us7vk_gg_.__placeholder_us7vk_gg_{text-overflow:initial}.___SPickerInput_us7vk_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_,.___SPickerInput_us7vk_gg_._size_m_us7vk_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_{width:21px}.___SPickerFormat_us7vk_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_us7vk_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_us7vk_gg_.__active_us7vk_gg_,.___SPickerFormat_us7vk_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_us7vk_gg_:focus,.___SPickerFormat_us7vk_gg_:focus-visible{outline:0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_us7vk_gg_.__keyboardFocused_us7vk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_us7vk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "us7vk_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_us7vk_gg_",
-  "_keyboardFocused": "__keyboardFocused_us7vk_gg_",
-  "_disabled": "__disabled_us7vk_gg_",
-  "__SPickerInput": "___SPickerInput_us7vk_gg_",
-  "_size_m": "_size_m_us7vk_gg_",
-  "_size_l": "_size_l_us7vk_gg_",
-  "__SPickerFormat": "___SPickerFormat_us7vk_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_us7vk_gg_",
-  "_placeholder": "__placeholder_us7vk_gg_",
-  "_active": "__active_us7vk_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_us7vk_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_1lsvb_gg_{position:relative;width:auto;outline:0}.___STimePicker_1lsvb_gg_.__keyboardFocused_1lsvb_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1lsvb_gg_.__disabled_1lsvb_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1lsvb_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1lsvb_gg_.__placeholder_1lsvb_gg_{text-overflow:initial}.___SPickerInput_1lsvb_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1lsvb_gg_._size_l_1lsvb_gg_,.___SPickerInput_1lsvb_gg_._size_m_1lsvb_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1lsvb_gg_._size_l_1lsvb_gg_{width:21px}.___SPickerFormat_1lsvb_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1lsvb_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1lsvb_gg_.__active_1lsvb_gg_,.___SPickerFormat_1lsvb_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1lsvb_gg_:focus,.___SPickerFormat_1lsvb_gg_:focus-visible{outline:0}.___SPickerFormat_1lsvb_gg_._size_m_1lsvb_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1lsvb_gg_._size_m_1lsvb_gg_ .___SPickerFormatText_1lsvb_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1lsvb_gg_._size_l_1lsvb_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1lsvb_gg_._size_l_1lsvb_gg_ .___SPickerFormatText_1lsvb_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1lsvb_gg_.__disabled_1lsvb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1lsvb_gg_.__keyboardFocused_1lsvb_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1lsvb_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1lsvb_gg_.__disabled_1lsvb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1lsvb_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_1lsvb_gg_",
+  "_keyboardFocused": "__keyboardFocused_1lsvb_gg_",
+  "_disabled": "__disabled_1lsvb_gg_",
+  "__SPickerInput": "___SPickerInput_1lsvb_gg_",
+  "_size_m": "_size_m_1lsvb_gg_",
+  "_size_l": "_size_l_1lsvb_gg_",
+  "__SPickerFormat": "___SPickerFormat_1lsvb_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_1lsvb_gg_",
+  "_placeholder": "__placeholder_1lsvb_gg_",
+  "_active": "__active_1lsvb_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_1lsvb_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 var MAP_MERIDIEM = {

package/time-picker/lib/esm/TimePicker.mjs

@@ -1,5 +1,5 @@
 import x from "@babel/runtime/helpers/esm/objectSpread2";
-import b from "@babel/runtime/helpers/esm/slicedToArray";
+import k from "@babel/runtime/helpers/esm/slicedToArray";
 import z from "@babel/runtime/helpers/esm/classCallCheck";
 import H from "@babel/runtime/helpers/esm/createClass";
 import v from "@babel/runtime/helpers/esm/assertThisInitialized";
@@ -20,20 +20,20 @@ var K = (
   /*__reshadow_css_start__*/
   (D.insert(
     /*__inner_css_start__*/
-    ".___STimePicker_us7vk_gg_{position:relative;width:auto;outline:0}.___STimePicker_us7vk_gg_.__keyboardFocused_us7vk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_us7vk_gg_.__disabled_us7vk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_us7vk_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_us7vk_gg_.__placeholder_us7vk_gg_{text-overflow:initial}.___SPickerInput_us7vk_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_,.___SPickerInput_us7vk_gg_._size_m_us7vk_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_{width:21px}.___SPickerFormat_us7vk_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_us7vk_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_us7vk_gg_.__active_us7vk_gg_,.___SPickerFormat_us7vk_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_us7vk_gg_:focus,.___SPickerFormat_us7vk_gg_:focus-visible{outline:0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_us7vk_gg_._size_l_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_us7vk_gg_.__keyboardFocused_us7vk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_us7vk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}",
-    "us7vk_gg_"
+    ".___STimePicker_1lsvb_gg_{position:relative;width:auto;outline:0}.___STimePicker_1lsvb_gg_.__keyboardFocused_1lsvb_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1lsvb_gg_.__disabled_1lsvb_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1lsvb_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1lsvb_gg_.__placeholder_1lsvb_gg_{text-overflow:initial}.___SPickerInput_1lsvb_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1lsvb_gg_._size_l_1lsvb_gg_,.___SPickerInput_1lsvb_gg_._size_m_1lsvb_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1lsvb_gg_._size_l_1lsvb_gg_{width:21px}.___SPickerFormat_1lsvb_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1lsvb_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1lsvb_gg_.__active_1lsvb_gg_,.___SPickerFormat_1lsvb_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1lsvb_gg_:focus,.___SPickerFormat_1lsvb_gg_:focus-visible{outline:0}.___SPickerFormat_1lsvb_gg_._size_m_1lsvb_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1lsvb_gg_._size_m_1lsvb_gg_ .___SPickerFormatText_1lsvb_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1lsvb_gg_._size_l_1lsvb_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1lsvb_gg_._size_l_1lsvb_gg_ .___SPickerFormatText_1lsvb_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1lsvb_gg_.__disabled_1lsvb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1lsvb_gg_.__keyboardFocused_1lsvb_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1lsvb_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1lsvb_gg_.__disabled_1lsvb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}",
+    "1lsvb_gg_"
   ), {
-    __STimePicker: "___STimePicker_us7vk_gg_",
-    _keyboardFocused: "__keyboardFocused_us7vk_gg_",
-    _disabled: "__disabled_us7vk_gg_",
-    __SPickerInput: "___SPickerInput_us7vk_gg_",
-    _size_m: "_size_m_us7vk_gg_",
-    _size_l: "_size_l_us7vk_gg_",
-    __SPickerFormat: "___SPickerFormat_us7vk_gg_",
-    __STimePickerSeparator: "___STimePickerSeparator_us7vk_gg_",
-    _placeholder: "__placeholder_us7vk_gg_",
-    _active: "__active_us7vk_gg_",
-    __SPickerFormatText: "___SPickerFormatText_us7vk_gg_"
+    __STimePicker: "___STimePicker_1lsvb_gg_",
+    _keyboardFocused: "__keyboardFocused_1lsvb_gg_",
+    _disabled: "__disabled_1lsvb_gg_",
+    __SPickerInput: "___SPickerInput_1lsvb_gg_",
+    _size_m: "_size_m_1lsvb_gg_",
+    _size_l: "_size_l_1lsvb_gg_",
+    __SPickerFormat: "___SPickerFormat_1lsvb_gg_",
+    __STimePickerSeparator: "___STimePickerSeparator_1lsvb_gg_",
+    _placeholder: "__placeholder_1lsvb_gg_",
+    _active: "__active_1lsvb_gg_",
+    __SPickerFormatText: "___SPickerFormatText_1lsvb_gg_"
   })
 ), Q = {
   AM: "PM",
@@ -43,8 +43,8 @@ var K = (
   minutes: 1
 };
 function S(a) {
-  var u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, _ = Number.parseInt(a);
-  return Number.isNaN(_) ? u : _;
+  var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, _ = Number.parseInt(a);
+  return Number.isNaN(_) ? l : _;
 }
 function F(a) {
   return a = String(a), a.length === 1 ? "0".concat(a) : String(a);
@@ -53,36 +53,36 @@ function W(a) {
   return a >= 12 ? "PM" : "AM";
 }
 function M(a) {
-  var u = S(a, NaN);
-  return Number.isNaN(u) ? a : u === 0 ? 12 : u > 12 ? u - 12 : a;
+  var l = S(a, NaN);
+  return Number.isNaN(l) ? a : l === 0 ? 12 : l > 12 ? l - 12 : a;
 }
-function X(a, u) {
+function X(a, l) {
   var _ = S(a, NaN);
-  return Number.isNaN(_) ? a : u === "AM" && _ === 12 ? 0 : u === "PM" && _ < 12 ? _ + 12 : a;
+  return Number.isNaN(_) ? a : l === "AM" && _ === 12 ? 0 : l === "PM" && _ < 12 ? _ + 12 : a;
 }
 var T = /* @__PURE__ */ function(a) {
   $(_, a);
-  var u = N(_);
+  var l = N(_);
   function _() {
     var e;
     z(this, _);
     for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
       o[n] = arguments[n];
-    return e = u.call.apply(u, [this].concat(o)), g(v(e), "hoursInputRef", /* @__PURE__ */ m.createRef()), g(v(e), "minutesInputRef", /* @__PURE__ */ m.createRef()), g(v(e), "_lastMeridiem", "AM"), g(v(e), "handleValueChange", function(r, s, i) {
-      var l = e.asProps.is12Hour, c = v(e), f = c.meridiem, p;
+    return e = l.call.apply(l, [this].concat(o)), g(v(e), "hoursInputRef", /* @__PURE__ */ m.createRef()), g(v(e), "minutesInputRef", /* @__PURE__ */ m.createRef()), g(v(e), "_lastMeridiem", "AM"), g(v(e), "handleValueChange", function(r, s, i) {
+      var u = e.asProps.is12Hour, c = v(e), f = c.meridiem, p;
       s ? (p = e.value.split(":"), p[U[s]] = r) : p = r.split(":");
-      var P = p, d = b(P, 2), k = d[0], h = k === void 0 ? "" : k, y = d[1], V = y === void 0 ? "" : y;
-      l && (h = String(M(h))), r = e.timeToValue([h, V], f), e.handlers.value(r, i);
+      var P = p, d = k(P, 2), b = d[0], h = b === void 0 ? "" : b, y = d[1], V = y === void 0 ? "" : y;
+      u && (h = String(M(h))), r = e.timeToValue([h, V], f), e.handlers.value(r, i);
     }), g(v(e), "handleMeridiemClick", function(r) {
-      var s = e.asProps.is12Hour, i = v(e), l = i.value, c = i.meridiem, f = l.split(":"), p = b(f, 2), P = p[0], d = P === void 0 ? "" : P, k = p[1], h = k === void 0 ? "" : k;
-      s && (d = String(M(d))), l = e.timeToValue([d, h], Q[c]), e.handlers.value(l, r);
+      var s = e.asProps.is12Hour, i = v(e), u = i.value, c = i.meridiem, f = u.split(":"), p = k(f, 2), P = p[0], d = P === void 0 ? "" : P, b = p[1], h = b === void 0 ? "" : b;
+      s && (d = String(M(d))), u = e.timeToValue([d, h], Q[c]), e.handlers.value(u, r);
     }), g(v(e), "_getHoursAndMinutesProps", function() {
-      var r = e.asProps, s = r.is12Hour, i = r.size, l = r.disabled, c = r.getI18nText, f = e.valueToTime(e.value);
+      var r = e.asProps, s = r.is12Hour, i = r.size, u = r.disabled, c = r.getI18nText, f = e.valueToTime(e.value);
       return {
         time: f,
         size: i,
         is12Hour: s,
-        disabled: l,
+        disabled: u,
         $onValueChange: e.handleValueChange,
         minutesInputRef: e.minutesInputRef,
         hoursInputRef: e.hoursInputRef,
@@ -124,19 +124,19 @@ var T = /* @__PURE__ */ function(a) {
   }, {
     key: "meridiem",
     get: function() {
-      var t = this.asProps.value, o = t.split(":"), n = b(o, 1), r = n[0], s = r === void 0 ? "" : r, i = S(s, NaN);
+      var t = this.asProps.value, o = t.split(":"), n = k(o, 1), r = n[0], s = r === void 0 ? "" : r, i = S(s, NaN);
       return Number.isNaN(i) || (this._lastMeridiem = W(i)), this._lastMeridiem;
     }
   }, {
     key: "valueToTime",
     value: function(t) {
-      var o = this.asProps.is12Hour, n = t.split(":"), r = b(n, 2), s = r[0], i = s === void 0 ? "" : s, l = r[1], c = l === void 0 ? "" : l;
+      var o = this.asProps.is12Hour, n = t.split(":"), r = k(n, 2), s = r[0], i = s === void 0 ? "" : s, u = r[1], c = u === void 0 ? "" : u;
       return o && (i = M(i)), i = F(i), c = F(c), [i, c];
     }
   }, {
     key: "timeToValue",
     value: function(t, o) {
-      var n = this.asProps.is12Hour, r = b(t, 2), s = r[0], i = s === void 0 ? "" : s, l = r[1], c = l === void 0 ? "" : l;
+      var n = this.asProps.is12Hour, r = k(t, 2), s = r[0], i = s === void 0 ? "" : s, u = r[1], c = u === void 0 ? "" : u;
       return i = S(i, i), c = S(c, c), n && (i = X(i, o)), "".concat(i, ":").concat(c);
     }
   }, {
@@ -163,8 +163,8 @@ var T = /* @__PURE__ */ function(a) {
   }, {
     key: "render",
     value: function() {
-      var t = this.asProps, o, n = B, r = this.asProps, s = r.styles, i = r.Children, l = r.value, c = r.is12Hour, f = r.getI18nText, p = r.title, P = this.valueToTime(this.value), d = b(P, 2), k = d[0], h = d[1], y = l ? "".concat(p, " ").concat(f("title", {
-        time: "".concat(k, ":").concat(F(h)),
+      var t = this.asProps, o, n = B, r = this.asProps, s = r.styles, i = r.Children, u = r.value, c = r.is12Hour, f = r.getI18nText, p = r.title, P = this.valueToTime(this.value), d = k(P, 2), b = d[0], h = d[1], y = u ? "".concat(p, " ").concat(f("title", {
+        time: "".concat(b, ":").concat(F(h)),
         meridiem: c ? this.meridiem : ""
       })) : "".concat(p, " ").concat(f("titleEmpty"));
       return o = C(s), /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(n, o.cn("STimePicker", x({}, R({
@@ -179,11 +179,11 @@ g(T, "displayName", "TimePicker");
 g(T, "style", K);
 g(T, "enhance", [G(E), J()]);
 g(T, "defaultProps", function(a) {
-  var u = a.is12Hour;
+  var l = a.is12Hour;
   return {
     defaultValue: "",
     size: "m",
-    children: /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(I.Hours, null), /* @__PURE__ */ m.createElement(I.Separator, null), /* @__PURE__ */ m.createElement(I.Minutes, null), u && /* @__PURE__ */ m.createElement(I.Format, null)),
+    children: /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(I.Hours, null), /* @__PURE__ */ m.createElement(I.Separator, null), /* @__PURE__ */ m.createElement(I.Minutes, null), l && /* @__PURE__ */ m.createElement(I.Format, null)),
     i18n: E,
     locale: "en",
     defaultTitle: ""
@@ -191,13 +191,13 @@ g(T, "defaultProps", function(a) {
 });
 var A = /* @__PURE__ */ function(a) {
   $(_, a);
-  var u = N(_);
+  var l = N(_);
   function _() {
     var e;
     z(this, _);
     for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
       o[n] = arguments[n];
-    return e = u.call.apply(u, [this].concat(o)), g(v(e), "handlerClick", function() {
+    return e = l.call.apply(l, [this].concat(o)), g(v(e), "handlerClick", function() {
       if (e.asProps.hoursInputRef.current) {
         var r;
         (r = e.asProps.hoursInputRef.current) === null || r === void 0 || r.focus();

package/time-picker/package.json

@@ -1 +1 @@
-{"name":"intergalactic/time-picker","description":"Semrush TimePicker Component","version":"4.51.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.0","@semcore/flex-box":"5.41.1","@semcore/input":"4.42.1","@semcore/select":"4.51.0","@semcore/utils":"4.48.1"},"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/time-picker"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
+{"name":"intergalactic/time-picker","description":"Semrush TimePicker Component","version":"4.51.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.0","@semcore/flex-box":"5.41.1","@semcore/input":"4.42.1","@semcore/select":"4.51.1-prerelease.0","@semcore/utils":"4.48.1"},"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/time-picker"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}