intergalactic 15.126.0-prerelease.11 → 15.126.0-prerelease.12

package/switch/lib/esm/Switch.mjs

@@ -0,0 +1,216 @@
+import N from "@babel/runtime/helpers/esm/slicedToArray";
+import W from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import d from "@babel/runtime/helpers/esm/objectSpread2";
+import L from "@babel/runtime/helpers/esm/classCallCheck";
+import z from "@babel/runtime/helpers/esm/createClass";
+import u from "@babel/runtime/helpers/esm/assertThisInitialized";
+import C from "@babel/runtime/helpers/esm/inherits";
+import A from "@babel/runtime/helpers/esm/createSuper";
+import n from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as q } from 'intergalactic/utils/lib/core/index';
+import B, { sstyled as y, assignProps as I, Component as D } from 'intergalactic/core';
+import a from "react";
+import { Box as h } from 'intergalactic/flex-box';
+import k from 'intergalactic/neighbor-location';
+import H from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import G from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import J, { inputProps as O } from 'intergalactic/utils/lib/inputProps';
+import { inputProps as P_ } from 'intergalactic/utils/lib/inputProps';
+import { callAllEventHandlers as T } from 'intergalactic/utils/lib/assignProps';
+import Q from 'intergalactic/utils/lib/uniqueID';
+import "@semcore/utils/lib/canUseDOM";
+var Y = ["Children", "forwardRef", "styles", "includeInputProps", "keyboardFocused", "neighborLocation", "theme", "uid", "active", "resolveColor"], Z = (
+  /*__reshadow_css_start__*/
+  (q.insert(
+    /*__inner_css_start__*/
+    ".___SSwitch_7ptwu_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_7ptwu_gg_.__size_7ptwu_gg_ .___SToggle_7ptwu_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_7ptwu_gg_._size_m_7ptwu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_7ptwu_gg_._size_m_7ptwu_gg_ .___SToggle_7ptwu_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_7ptwu_gg_._size_m_7ptwu_gg_ .___SSlider_7ptwu_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_7ptwu_gg_._size_l_7ptwu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_7ptwu_gg_._size_l_7ptwu_gg_ .___SToggle_7ptwu_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_7ptwu_gg_._size_l_7ptwu_gg_ .___SSlider_7ptwu_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_7ptwu_gg_._size_xl_7ptwu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_7ptwu_gg_._size_xl_7ptwu_gg_ .___SToggle_7ptwu_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_7ptwu_gg_._size_xl_7ptwu_gg_ .___SSlider_7ptwu_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_7ptwu_gg_.__disabled_7ptwu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_7ptwu_gg_.__disabled_7ptwu_gg_ .___SAddon_7ptwu_gg_,.___SSwitch_7ptwu_gg_.__disabled_7ptwu_gg_ .___SToggle_7ptwu_gg_{cursor:default}.___SSlider_7ptwu_gg_,.___SToggle_7ptwu_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_7ptwu_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_7ptwu_gg_.__checked_7ptwu_gg_._theme_info_7ptwu_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_7ptwu_gg_.__checked_7ptwu_gg_._theme_success_7ptwu_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_7ptwu_gg_.__checked_7ptwu_gg_._theme_custom_7ptwu_gg_{color:var(--color_7ptwu);background-color:var(--color_7ptwu)}.___SToggle_7ptwu_gg_.__keyboardFocused_7ptwu_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_7ptwu_gg_._neighborLocation_left_7ptwu_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_7ptwu_gg_._neighborLocation_both_7ptwu_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_7ptwu_gg_._neighborLocation_right_7ptwu_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_7ptwu_gg_{background:var(--intergalactic-bg-primary-neutral, #ffffff);transform:translateX(-50%) scaleX(1);transition:transform calc(var(--intergalactic-duration-switch, 100)*1ms) ease-in-out;pointer-events:none}.___SSlider_7ptwu_gg_.__checked_7ptwu_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_7ptwu_gg_.__active_7ptwu_gg_ .___SSlider_7ptwu_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_7ptwu_gg_.__active_7ptwu_gg_ .___SSlider_7ptwu_gg_.__checked_7ptwu_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_7ptwu_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_7ptwu_gg_{cursor:pointer}.___SAddon_7ptwu_gg_._neighborLocation_right_7ptwu_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_7ptwu_gg_._neighborLocation_left_7ptwu_gg_,.___SSwitch_7ptwu_gg_.__checked_7ptwu_gg_ .___SAddon_7ptwu_gg_._neighborLocation_right_7ptwu_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_7ptwu_gg_._neighborLocation_left_7ptwu_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_7ptwu_gg_.__checked_7ptwu_gg_ .___SAddon_7ptwu_gg_._neighborLocation_right_7ptwu_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_7ptwu_gg_.__checked_7ptwu_gg_ .___SAddon_7ptwu_gg_._neighborLocation_left_7ptwu_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_7ptwu_gg_{transition:none}}",
+    "7ptwu_gg_"
+  ), {
+    __SSwitch: "___SSwitch_7ptwu_gg_",
+    __SToggle: "___SToggle_7ptwu_gg_",
+    _checked: "__checked_7ptwu_gg_",
+    _theme_info: "_theme_info_7ptwu_gg_",
+    _theme_success: "_theme_success_7ptwu_gg_",
+    _theme_custom: "_theme_custom_7ptwu_gg_",
+    "--color": "--color_7ptwu",
+    _keyboardFocused: "__keyboardFocused_7ptwu_gg_",
+    _neighborLocation_left: "_neighborLocation_left_7ptwu_gg_",
+    _neighborLocation_both: "_neighborLocation_both_7ptwu_gg_",
+    _neighborLocation_right: "_neighborLocation_right_7ptwu_gg_",
+    __SInput: "___SInput_7ptwu_gg_",
+    __SAddon: "___SAddon_7ptwu_gg_",
+    __SSlider: "___SSlider_7ptwu_gg_",
+    _size: "__size_7ptwu_gg_",
+    _size_m: "_size_m_7ptwu_gg_",
+    _size_l: "_size_l_7ptwu_gg_",
+    _size_xl: "_size_xl_7ptwu_gg_",
+    _disabled: "__disabled_7ptwu_gg_",
+    _active: "__active_7ptwu_gg_"
+  })
+);
+function __(c) {
+  return !["info", "success"].includes(c);
+}
+var w = /* @__PURE__ */ function(c) {
+  C(g, c);
+  var p = A(g);
+  function g(e) {
+    var _;
+    return L(this, g), _ = p.call(this, e), n(u(_), "inputRef", /* @__PURE__ */ a.createRef()), n(u(_), "state", {
+      active: !1
+    }), n(u(_), "handleMouseUp", function() {
+      _.setState({
+        active: !1
+      });
+    }), n(u(_), "handleMouseDown", function(t) {
+      (t == null ? void 0 : t.button) === 0 && _.setState({
+        active: !0
+      });
+    }), _.forceUpdate = _.forceUpdate.bind(u(_)), _;
+  }
+  return z(g, [{
+    key: "getValueProps",
+    value: function() {
+      var _ = this.asProps, t = _.theme, r = _.uid, o = this.state.active;
+      return {
+        theme: t,
+        ref: this.inputRef,
+        $rootForceUpdate: this.forceUpdate,
+        uid: r,
+        active: o
+      };
+    }
+  }, {
+    key: "getAddonProps",
+    value: function() {
+      var _ = this.asProps.uid;
+      return {
+        uid: _
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var _ = this.asProps, t, r, o = h, i = this.asProps, f = i.Children, S = i.styles, v = i.controlsLength, b = (r = this.inputRef.current) === null || r === void 0 ? void 0 : r.checked;
+      return t = y(S), /* @__PURE__ */ a.createElement(o, t.cn("SSwitch", d({}, I({
+        tag: "label",
+        checked: b,
+        onMouseDown: this.handleMouseDown,
+        onMouseUp: this.handleMouseUp
+      }, _))), /* @__PURE__ */ a.createElement(k, t.cn("NeighborLocation", {
+        controlsLength: v
+      }), /* @__PURE__ */ a.createElement(f, t.cn("Children", {}))));
+    }
+  }]), g;
+}(D);
+n(w, "displayName", "Switch");
+n(w, "style", Z);
+n(w, "enhance", [Q()]);
+n(w, "defaultProps", {
+  theme: "info",
+  size: "m"
+});
+var m = /* @__PURE__ */ function(c) {
+  C(g, c);
+  var p = A(g);
+  function g() {
+    var e;
+    L(this, g);
+    for (var _ = arguments.length, t = new Array(_), r = 0; r < _; r++)
+      t[r] = arguments[r];
+    return e = p.call.apply(p, [this].concat(t)), n(u(e), "timer", null), n(u(e), "handleKeyDown", function(o) {
+      (o.key === "Enter" || o.key === " ") && (o.preventDefault(), e.handlers.checked(!e.asProps.checked, o));
+    }), n(u(e), "handlerInputClick", function(o) {
+      return o.stopPropagation();
+    }), e;
+  }
+  return z(g, [{
+    key: "uncontrolledProps",
+    value: function() {
+      var _ = this;
+      return {
+        checked: [function(t) {
+          return t.target.checked;
+        }, function() {
+          clearTimeout(_.timer), _.timer = setTimeout(function() {
+            _.asProps.$rootForceUpdate();
+          }, 0);
+        }]
+      };
+    }
+  }, {
+    key: "componentDidMount",
+    value: function() {
+      this.asProps.$rootForceUpdate();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(_) {
+      var t = _.checked;
+      t !== void 0 && t !== this.asProps.checked && this.asProps.$rootForceUpdate();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      clearTimeout(this.timer);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var _ = this, t = h, r = h, o = h, i = this.asProps, f = i.Children, S = i.forwardRef, v = i.styles, b = i.includeInputProps, E = i.keyboardFocused, U = i.neighborLocation, x = i.theme;
+      i.uid;
+      var F = i.active, $ = i.resolveColor, X = W(i, Y), R = J(X, b), P = N(R, 2), s = P[0], M = P[1], K = __(x) ? "custom" : x, V = $(x);
+      return /* @__PURE__ */ a.createElement(k.Detect, {
+        neighborLocation: U
+      }, function(j) {
+        var l;
+        return l = y(v), /* @__PURE__ */ a.createElement(t, l.cn("SToggle", d({
+          keyboardFocused: E,
+          neighborLocation: j,
+          checked: s.checked,
+          active: F,
+          "use:theme": K,
+          "use:color": V
+        }, M)), /* @__PURE__ */ a.createElement(r, l.cn("SInput", d(d({
+          tag: "input",
+          type: "checkbox",
+          ref: S,
+          role: "switch",
+          "aria-readonly": s.disabled
+        }, s), {}, {
+          onClick: T(_.handlerInputClick, s.click),
+          onKeyDown: T(_.handleKeyDown, s.onKeyDown)
+        }))), /* @__PURE__ */ a.createElement(o, l.cn("SSlider", {
+          checked: s.checked
+        }), /* @__PURE__ */ a.createElement(f, l.cn("Children", {}))));
+      });
+    }
+  }]), g;
+}(D);
+n(m, "hoistProps", ["checked", "disabled"]);
+n(m, "enhance", [H(), G()]);
+n(m, "defaultProps", {
+  includeInputProps: O,
+  defaultChecked: !1
+});
+function t_(c) {
+  var p = arguments[0], g = h, e = c.styles, _ = c.neighborLocation, t = c.uid;
+  return /* @__PURE__ */ a.createElement(k.Detect, {
+    neighborLocation: _
+  }, function(r) {
+    var o;
+    return o = y(e), /* @__PURE__ */ a.createElement(g, o.cn("SAddon", d({}, I({
+      tag: "span",
+      neighborLocation: r,
+      id: "igc-".concat(t, "-switch-addon-").concat(r)
+    }, p))));
+  });
+}
+const x_ = B(w, {
+  Value: m,
+  Addon: t_
+});
+export {
+  x_ as default,
+  P_ as inputProps
+};

package/switch/lib/esm/index.mjs

@@ -0,0 +1,6 @@
+import { default as p } from "./Switch.mjs";
+import { inputProps as e } from 'intergalactic/utils/lib/inputProps';
+export {
+  p as default,
+  e as inputProps
+};

package/switch/package.json

@@ -1 +1 @@
-{"name":"intergalactic/switch","description":"Semrush Switch Component","version":"5.40.0-prerelease.11","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"},"dependencies":{"@semcore/flex-box":"5.41.0-prerelease.11","@semcore/neighbor-location":"4.39.0-prerelease.11","@semcore/utils":"4.47.1-prerelease.11"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.11","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/switch"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/switch","description":"Semrush Switch Component","version":"5.40.0-prerelease.12","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/flex-box":"5.41.0-prerelease.12","@semcore/neighbor-location":"4.40.0-prerelease.12","@semcore/utils":"4.48.0-prerelease.12"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.12","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/switch"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/tab-line/lib/esm/TabLine.mjs

@@ -0,0 +1,204 @@
+import m from "@babel/runtime/helpers/esm/objectSpread2";
+import y from "@babel/runtime/helpers/esm/classCallCheck";
+import I from "@babel/runtime/helpers/esm/createClass";
+import d from "@babel/runtime/helpers/esm/assertThisInitialized";
+import k from "@babel/runtime/helpers/esm/inherits";
+import C from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as w } from 'intergalactic/utils/lib/core/index';
+import P, { sstyled as h, assignProps as v, Component as R } from 'intergalactic/core';
+import s from "react";
+import { Box as p } from 'intergalactic/flex-box';
+import z from 'intergalactic/utils/lib/addonTextChildren';
+import A from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import E from 'intergalactic/utils/lib/enhances/a11yEnhance';
+import L from 'intergalactic/neighbor-location';
+var N = (
+  /*__reshadow_css_start__*/
+  (w.insert(
+    /*__inner_css_start__*/
+    '.___STabLine_1ofgb_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_1ofgb_gg_.__underlined_1ofgb_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_1ofgb_gg_{display:inline-flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:0;background:0 0;color:var(--intergalactic-text-primary, #191b23);margin-right:var(--intergalactic-spacing-4x, 16px);font-weight:var(--intergalactic-medium, 500)}.___STabLineItem_1ofgb_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_1ofgb_gg_:active,.___STabLineItem_1ofgb_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_1ofgb_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_1ofgb_gg_::after,.___STabLineItem_1ofgb_gg_::before{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_1ofgb_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_1ofgb_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_1ofgb_gg_.__selected_1ofgb_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_1ofgb_gg_ .___SAddon_1ofgb_gg_:not(:last-child),.___STabLineItem_1ofgb_gg_ .___SText_1ofgb_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_1ofgb_gg_{position:absolute;bottom:-1px;height:3px;background-color:var(--intergalactic-border-info-active, #006dca);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___STabLineItem_1ofgb_gg_.__selected_1ofgb_gg_{flex-shrink:0}.___STabLineItem_1ofgb_gg_.__disabled_1ofgb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_1ofgb_gg_.__keyboardFocused_1ofgb_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_1ofgb_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1ofgb_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_1ofgb_gg_._size_m_1ofgb_gg_{height:28px;min-width:18px}.___STabLineItem_1ofgb_gg_._size_m_1ofgb_gg_ .___SText_1ofgb_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_1ofgb_gg_._size_l_1ofgb_gg_{height:40px;min-width:26px}.___STabLineItem_1ofgb_gg_._size_l_1ofgb_gg_ .___SText_1ofgb_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_1ofgb_gg_._neighborLocation_left_1ofgb_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_1ofgb_gg_.__selected_1ofgb_gg_::after,.___STabLineItem_1ofgb_gg_::after,.___STabLineItem_1ofgb_gg_::before{transition:none}.___SCaret_1ofgb_gg_{display:none}}',
+    "1ofgb_gg_"
+  ), {
+    __STabLine: "___STabLine_1ofgb_gg_",
+    _underlined: "__underlined_1ofgb_gg_",
+    __SCaret: "___SCaret_1ofgb_gg_",
+    __STabLineItem: "___STabLineItem_1ofgb_gg_",
+    _selected: "__selected_1ofgb_gg_",
+    _disabled: "__disabled_1ofgb_gg_",
+    _keyboardFocused: "__keyboardFocused_1ofgb_gg_",
+    __SText: "___SText_1ofgb_gg_",
+    __SAddon: "___SAddon_1ofgb_gg_",
+    _neighborLocation_left: "_neighborLocation_left_1ofgb_gg_",
+    _size_m: "_size_m_1ofgb_gg_",
+    _size_l: "_size_l_1ofgb_gg_"
+  })
+), V = {
+  onNeighborChange: function(o, n) {
+    o && (o.focus(), n.behavior === "auto" && o.click());
+  },
+  childSelector: ["role", "tab"]
+}, b = /* @__PURE__ */ function(_) {
+  k(n, _);
+  var o = C(n);
+  function n() {
+    var e;
+    y(this, n);
+    for (var t = arguments.length, i = new Array(t), r = 0; r < t; r++)
+      i[r] = arguments[r];
+    return e = o.call.apply(o, [this].concat(i)), l(d(e), "state", {
+      animation: null
+    }), l(d(e), "prevValue", void 0), l(d(e), "itemRefs", {}), l(d(e), "containerRef", /* @__PURE__ */ s.createRef()), l(d(e), "animationStartTimeout", -1), l(d(e), "handleAnimationStart", function() {
+      var a;
+      ((a = e.state.animation) === null || a === void 0 ? void 0 : a.started) === !1 && e.setState({
+        animation: m(m({}, e.state.animation), {}, {
+          started: !0
+        })
+      });
+    }), l(d(e), "handleAnimationEnd", function() {
+      e.setState({
+        animation: null
+      });
+    }), l(d(e), "bindHandlerClick", function(a) {
+      return function(g) {
+        e.handlers.value(a, g);
+      };
+    }), e;
+  }
+  return I(n, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        value: null
+      };
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function() {
+      this.prevValue !== null && this.asProps.value !== null && this.prevValue !== this.asProps.value && this.animate(), this.prevValue = this.asProps.value;
+    }
+  }, {
+    key: "componentDidMount",
+    value: function() {
+      this.prevValue = this.asProps.value;
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      clearTimeout(this.animationStartTimeout);
+    }
+  }, {
+    key: "animate",
+    value: function() {
+      var t = this.itemRefs[this.prevValue], i = this.itemRefs[this.asProps.value], r = this.containerRef.current;
+      if (!(!t || !i || !r)) {
+        var a = r.getBoundingClientRect(), g = t.getBoundingClientRect(), c = i.getBoundingClientRect(), f = {
+          fromLeft: g.x - a.x,
+          fromWidth: g.width,
+          toLeft: c.x - a.x,
+          toWidth: c.width,
+          started: !1
+        };
+        this.setState({
+          animation: f
+        }), clearTimeout(this.animationStartTimeout), this.animationStartTimeout = setTimeout(this.handleAnimationStart, 0);
+      }
+    }
+  }, {
+    key: "getItemProps",
+    value: function(t, i) {
+      var r = this, a = this.asProps, g = a.value, c = a.size, f = g === t.value;
+      return {
+        size: c,
+        selected: f,
+        onClick: this.bindHandlerClick(t.value),
+        tabIndex: f ? 0 : -1,
+        "aria-selected": f,
+        ref: function(S) {
+          r.itemRefs[t.value] = S;
+        }
+      };
+    }
+  }, {
+    key: "getCaretProps",
+    value: function() {
+      var t = this.state.animation;
+      return t ? t.started ? {
+        style: {
+          left: t.toLeft,
+          width: t.toWidth
+        },
+        onTransitionEnd: this.handleAnimationEnd
+      } : {
+        style: {
+          left: t.fromLeft,
+          width: t.fromWidth
+        },
+        onTransitionEnd: this.handleAnimationEnd
+      } : {};
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = this.asProps, i, r = p, a = "div", g = this.asProps, c = g.styles, f = g.Children, T = g.controlsLength, S = this.state.animation;
+      return i = h(c), /* @__PURE__ */ s.createElement(r, i.cn("STabLine", m({}, v({
+        role: "tablist",
+        ref: this.containerRef
+      }, t))), /* @__PURE__ */ s.createElement(L, i.cn("NeighborLocation", {
+        controlsLength: T
+      }), /* @__PURE__ */ s.createElement(f, i.cn("Children", {}))), S && /* @__PURE__ */ s.createElement(a, i.cn("SCaret", m({}, this.getCaretProps()))));
+    }
+  }]), n;
+}(R);
+l(b, "displayName", "TabLine");
+l(b, "style", N);
+l(b, "defaultProps", {
+  defaultValue: null,
+  size: "m",
+  underlined: !0,
+  behavior: "auto"
+});
+l(b, "enhance", [E(V)]);
+function x(_) {
+  var o = arguments[0], n = p, e = _.Children, t = _.styles, i = _.addonLeft, r = _.addonRight, a = _.neighborLocation;
+  return /* @__PURE__ */ s.createElement(L.Detect, {
+    neighborLocation: a
+  }, function(g) {
+    var c;
+    return c = h(t), /* @__PURE__ */ s.createElement(n, c.cn("STabLineItem", m({}, v({
+      tag: "button",
+      neighborLocation: g,
+      type: "button",
+      role: "tab"
+    }, o))), i ? /* @__PURE__ */ s.createElement(u.Item.Addon, {
+      tag: i
+    }) : null, z(e, u.Item.Text, u.Item.Addon), r ? /* @__PURE__ */ s.createElement(u.Item.Addon, {
+      tag: r
+    }) : null);
+  });
+}
+x.enhance = [A()];
+function W(_) {
+  var o = arguments[0], n, e = _.styles, t = p;
+  return n = h(e), /* @__PURE__ */ s.createElement(t, n.cn("SText", m({}, v({
+    tag: "span"
+  }, o))));
+}
+function D(_) {
+  var o = arguments[0], n, e = _.styles, t = p;
+  return n = h(e), /* @__PURE__ */ s.createElement(t, n.cn("SAddon", m({}, v({
+    tag: "span"
+  }, o))));
+}
+var u = P(b, {
+  Item: [x, {
+    Text: W,
+    Addon: D
+  }]
+}), Z = function(o) {
+  return o;
+};
+export {
+  u as default,
+  Z as wrapTabLine
+};

package/tab-line/lib/esm/index.mjs

@@ -0,0 +1,5 @@
+import { default as r, wrapTabLine as f } from "./TabLine.mjs";
+export {
+  r as default,
+  f as wrapTabLine
+};

package/tab-line/package.json

@@ -1 +1 @@
-{"name":"intergalactic/tab-line","description":"Semrush TabLine Component","version":"4.40.0-prerelease.11","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"},"dependencies":{"@semcore/flex-box":"5.41.0-prerelease.11","@semcore/neighbor-location":"4.39.0-prerelease.11","@semcore/utils":"4.47.1-prerelease.11"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.11","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tab-line"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/tab-line","description":"Semrush TabLine Component","version":"4.40.0-prerelease.12","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/flex-box":"5.41.0-prerelease.12","@semcore/neighbor-location":"4.40.0-prerelease.12","@semcore/utils":"4.48.0-prerelease.12"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.12","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tab-line"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/tab-panel/lib/esm/TabPanel.mjs

@@ -0,0 +1,125 @@
+import m from "@babel/runtime/helpers/esm/objectSpread2";
+import v from "@babel/runtime/helpers/esm/classCallCheck";
+import x from "@babel/runtime/helpers/esm/createClass";
+import f from "@babel/runtime/helpers/esm/assertThisInitialized";
+import y from "@babel/runtime/helpers/esm/inherits";
+import S from "@babel/runtime/helpers/esm/createSuper";
+import d from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as T } from 'intergalactic/utils/lib/core/index';
+import P, { sstyled as u, assignProps as b, Component as q } from 'intergalactic/core';
+import l from "react";
+import { Box as p } from 'intergalactic/flex-box';
+import I from 'intergalactic/utils/lib/addonTextChildren';
+import k from 'intergalactic/utils/lib/enhances/a11yEnhance';
+import w from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+var A = (
+  /*__reshadow_css_start__*/
+  (T.insert(
+    /*__inner_css_start__*/
+    '.___STabPanel_1cd9q_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1cd9q_gg_::after{content:"";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1cd9q_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1cd9q_gg_ .___SText_1cd9q_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1cd9q_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1cd9q_gg_:active,.___STabPanelItem_1cd9q_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1cd9q_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1cd9q_gg_::after{content:"";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_ .___SAddon_1cd9q_gg_,.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_ .___SText_1cd9q_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1cd9q_gg_.__keyboardFocused_1cd9q_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_::after{border-bottom:none}.___SText_1cd9q_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1cd9q_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1cd9q_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cd9q_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cd9q_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}',
+    "1cd9q_gg_"
+  ), {
+    __STabPanelItem: "___STabPanelItem_1cd9q_gg_",
+    _keyboardFocused: "__keyboardFocused_1cd9q_gg_",
+    __SText: "___SText_1cd9q_gg_",
+    __SAddon: "___SAddon_1cd9q_gg_",
+    __STabPanel: "___STabPanel_1cd9q_gg_",
+    _disabled: "__disabled_1cd9q_gg_",
+    _selected: "__selected_1cd9q_gg_"
+  })
+), C = {
+  onNeighborChange: function(a, e) {
+    a && (a.focus(), e.behavior === "auto" && a.click());
+  },
+  childSelector: ["role", "tab"]
+}, g = /* @__PURE__ */ function(r) {
+  y(e, r);
+  var a = S(e);
+  function e() {
+    var t;
+    v(this, e);
+    for (var n = arguments.length, i = new Array(n), o = 0; o < n; o++)
+      i[o] = arguments[o];
+    return t = a.call.apply(a, [this].concat(i)), d(f(t), "handleClick", function(_) {
+      return function(c) {
+        t.handlers.value(_, c);
+      };
+    }), d(f(t), "handleKeyDown", function(_) {
+      return function(c) {
+        (c.key === "Enter" || c.key === " ") && (c.preventDefault(), t.handlers.value(_, c));
+      };
+    }), t;
+  }
+  return x(e, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        value: null
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function(n, i) {
+      var o = this.asProps.value, _ = o === n.value;
+      return {
+        selected: _,
+        onClick: this.handleClick(n.value),
+        onKeyDown: this.handleKeyDown(n.value),
+        tabIndex: _ ? 0 : -1,
+        "aria-selected": _
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var n = this.asProps, i, o = p, _ = this.asProps.styles;
+      return i = u(_), /* @__PURE__ */ l.createElement(o, i.cn("STabPanel", m({}, b({
+        role: "tablist"
+      }, n))));
+    }
+  }]), e;
+}(q);
+d(g, "displayName", "TabPanel");
+d(g, "style", A);
+d(g, "defaultProps", {
+  defaultValue: null,
+  behavior: "manual"
+});
+d(g, "enhance", [k(C)]);
+function h(r) {
+  var a = arguments[0], e, t = p, n = r.Children, i = r.styles, o = r.addonLeft, _ = r.addonRight;
+  return e = u(i), /* @__PURE__ */ l.createElement(t, e.cn("STabPanelItem", m({}, b({
+    type: "button",
+    tag: "button",
+    role: "tab"
+  }, a))), o ? /* @__PURE__ */ l.createElement(s.Item.Addon, {
+    tag: o
+  }) : null, I(n, s.Item.Text, s.Item.Addon), _ ? /* @__PURE__ */ l.createElement(s.Item.Addon, {
+    tag: _
+  }) : null);
+}
+h.enhance = [w()];
+function E(r) {
+  var a = arguments[0], e, t = p, n = r.styles;
+  return e = u(n), /* @__PURE__ */ l.createElement(t, e.cn("SText", m({}, b({
+    tag: "span"
+  }, a))));
+}
+function z(r) {
+  var a = arguments[0], e, t = p, n = r.styles;
+  return e = u(n), /* @__PURE__ */ l.createElement(t, e.cn("SAddon", m({}, b({
+    tag: "span"
+  }, a))));
+}
+var s = P(g, {
+  Item: [h, {
+    Text: E,
+    Addon: z
+  }]
+}), O = function(a) {
+  return a;
+};
+export {
+  s as default,
+  O as wrapTabPanel
+};

package/tab-panel/lib/esm/index.mjs

@@ -0,0 +1,5 @@
+import { default as r, wrapTabPanel as f } from "./TabPanel.mjs";
+export {
+  r as default,
+  f as wrapTabPanel
+};

package/tab-panel/package.json

@@ -1 +1 @@
-{"name":"intergalactic/tab-panel","description":"Semrush TabPanel Component","version":"4.42.0-prerelease.11","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"},"dependencies":{"@semcore/utils":"4.47.1-prerelease.11","@semcore/flex-box":"5.41.0-prerelease.11"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.11","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tab-panel"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}
+{"name":"intergalactic/tab-panel","description":"Semrush TabPanel Component","version":"4.42.0-prerelease.12","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/utils":"4.48.0-prerelease.12","@semcore/flex-box":"5.41.0-prerelease.12"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.12","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tab-panel"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}