intergalactic 15.126.0-prerelease.4 → 15.126.0

package/input-tags/lib/esm/InputTags.mjs

@@ -0,0 +1,296 @@
+import F from "@babel/runtime/helpers/esm/slicedToArray";
+import y from "@babel/runtime/helpers/esm/objectSpread2";
+import W from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import R from "@babel/runtime/helpers/esm/classCallCheck";
+import E from "@babel/runtime/helpers/esm/createClass";
+import s from "@babel/runtime/helpers/esm/assertThisInitialized";
+import k from "@babel/runtime/helpers/esm/inherits";
+import D from "@babel/runtime/helpers/esm/createSuper";
+import u from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as O } from 'intergalactic/utils/lib/core/index';
+import $, { sstyled as S, assignProps as C, Component as V } from 'intergalactic/core';
+import l from "react";
+import z from 'intergalactic/input';
+import P from 'intergalactic/scroll-area';
+import B, { TagContainer as b } from 'intergalactic/tag';
+import A from 'intergalactic/utils/lib/fire';
+import { ScreenReaderOnly as K } from 'intergalactic/flex-box';
+import N from 'intergalactic/utils/lib/uniqueID';
+import j from 'intergalactic/portal';
+import { localizedMessages as L } from "./translations/__intergalactic-dynamic-locales.mjs";
+import H from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { isAdvanceMode as U, extractFrom as q } from 'intergalactic/utils/lib/findComponent';
+import { getAccessibleName as G } from 'intergalactic/utils/lib/getAccessibleName';
+var J = (
+  /*__reshadow_css_start__*/
+  (O.insert(
+    /*__inner_css_start__*/
+    '.___SInputTags_euca2_gg_{box-sizing:border-box;cursor:text;align-items:flex-start;overflow:visible;overflow:initial}.___SInputTags_euca2_gg_ .___SContainer_euca2_gg_:focus .___SOutline_euca2_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInputTags_euca2_gg_ .___SContainer_euca2_gg_:focus:has(.___SOutline_euca2_gg_)::after{box-shadow:none}.___SContainer_euca2_gg_{padding:1px 0;box-sizing:border-box;border-bottom:1px solid transparent;border-top:1px solid transparent}.___SInputTags_euca2_gg_>div>div{display:flex;align-items:center;flex-flow:row wrap}.___SInputTags_euca2_gg_>div[data-ui-name="ScrollArea.Bar"]._orientation_vertical_euca2_gg_{right:1px!important}.___SInputTags_euca2_gg_._size_m_euca2_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:auto;padding:0 calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SInputTags_euca2_gg_._size_l_euca2_gg_{min-height:var(--intergalactic-form-control-l, 40px);height:auto;padding:0 calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px))}.___STagContainer_euca2_gg_{margin:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_euca2_gg_.__editable_euca2_gg_{cursor:pointer}.___SInputTags_euca2_gg_._size_m_euca2_gg_ .___SValue_euca2_gg_{height:calc(var(--intergalactic-form-control-m, 28px) - var(--intergalactic-spacing-1x, 4px))}.___SInputTags_euca2_gg_._size_l_euca2_gg_ .___SValue_euca2_gg_{height:calc(var(--intergalactic-form-control-l, 40px) - var(--intergalactic-spacing-1x, 4px))}.___SValue_euca2_gg_{padding:0!important;margin-left:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-05x, 2px)}.___SSpacer_euca2_gg_{position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;text-transform:inherit}.___SListAriaWrapper_euca2_gg_{display:contents}',
+    "euca2_gg_"
+  ), {
+    __SInputTags: "___SInputTags_euca2_gg_",
+    __SContainer: "___SContainer_euca2_gg_",
+    __SOutline: "___SOutline_euca2_gg_",
+    _orientation_vertical: "_orientation_vertical_euca2_gg_",
+    _size_m: "_size_m_euca2_gg_",
+    _size_l: "_size_l_euca2_gg_",
+    __STagContainer: "___STagContainer_euca2_gg_",
+    _editable: "__editable_euca2_gg_",
+    __SValue: "___SValue_euca2_gg_",
+    __SSpacer: "___SSpacer_euca2_gg_",
+    __SListAriaWrapper: "___SListAriaWrapper_euca2_gg_"
+  })
+), I = /* @__PURE__ */ function(n) {
+  k(c, n);
+  var _ = D(c);
+  function c() {
+    var e;
+    R(this, c);
+    for (var i = arguments.length, a = new Array(i), r = 0; r < i; r++)
+      a[r] = arguments[r];
+    return e = _.call.apply(_, [this].concat(a)), u(s(e), "inputRef", /* @__PURE__ */ l.createRef()), u(s(e), "scrollContainerRef", /* @__PURE__ */ l.createRef()), u(s(e), "tagsRefs", []), u(s(e), "state", {
+      tagsContainerAriaLabel: ""
+    }), u(s(e), "moveFocusToInput", function(t) {
+      var o = e.inputRef.current;
+      if (o && t.target !== o) {
+        var g = o.value.length;
+        t.preventDefault(), o.focus(), o.setSelectionRange(g, g);
+      }
+    }), u(s(e), "handleKeyDown", function(t) {
+      var o = t.key, g = t.currentTarget, p = e.asProps.delimiters, T = g.value, d = T.slice(-1), f = T.trim();
+      if ((p != null && p.includes(o) || d === " " && o === " ") && f) {
+        var h;
+        t.preventDefault(), A(s(e), "onAdd", f, t), A(s(e), "onAppend", [f], t), typeof ((h = e.inputRef.current) === null || h === void 0 ? void 0 : h.scrollIntoView) == "function" && setTimeout(function() {
+          var m;
+          typeof ((m = e.inputRef.current) === null || m === void 0 ? void 0 : m.scrollIntoView) == "function" && e.inputRef.current.scrollIntoView({
+            block: "nearest",
+            inline: "nearest",
+            behavior: "smooth"
+          });
+        }, 0);
+      }
+      o === "Backspace" && !T && (t.preventDefault(), A(s(e), "onRemove", t));
+    }), u(s(e), "handlePaste", function(t) {
+      var o, g = t.clipboardData.getData("text/plain"), p = e.asProps, T = p.delimiters, d = p.onAdd, f = p.onAppend, h = new RegExp(T.filter(function(v) {
+        return !/\w+/.test(String(v));
+      }).map(function(v) {
+        return v.replace(/[\\^$*+?.()|[\]{}]/g, "\\$&");
+      }).join("|")), m = g.split(h).filter(Boolean);
+      if (m.length > 0) {
+        t.preventDefault();
+        var x = W(m), w;
+        try {
+          for (x.s(); !(w = x.n()).done; ) {
+            var M = w.value;
+            d == null || d(M, t);
+          }
+        } catch (v) {
+          x.e(v);
+        } finally {
+          x.f();
+        }
+        f == null || f(m, t);
+      }
+      typeof ((o = e.inputRef.current) === null || o === void 0 ? void 0 : o.scrollIntoView) == "function" && setTimeout(function() {
+        var v;
+        typeof ((v = e.inputRef.current) === null || v === void 0 ? void 0 : v.scrollIntoView) == "function" && e.inputRef.current.scrollIntoView({
+          block: "nearest",
+          inline: "nearest",
+          behavior: "smooth"
+        });
+      }, 0);
+    }), u(s(e), "onTagClick", function(t) {
+      A(s(e), "onRemove", t);
+    }), e;
+  }
+  return E(c, [{
+    key: "componentDidMount",
+    value: function() {
+      var i = this.inputRef.current, a = G(i);
+      this.setState({
+        tagsContainerAriaLabel: a
+      });
+    }
+  }, {
+    key: "getValueProps",
+    value: function() {
+      return {
+        ref: this.inputRef,
+        onKeyDown: this.handleKeyDown,
+        onPaste: this.handlePaste
+      };
+    }
+  }, {
+    key: "getTagProps",
+    value: function(i, a) {
+      var r = this, t = i.editable;
+      return {
+        size: this.asProps.size,
+        onClick: t ? this.onTagClick : void 0,
+        interactive: t,
+        ref: function(g) {
+          r.tagsRefs[a] = g;
+        }
+      };
+    }
+  }, {
+    key: "getTagTextProps",
+    value: function(i, a) {
+      return {
+        uid: "".concat(this.asProps.uid, "-").concat(a),
+        getI18nText: this.asProps.getI18nText
+      };
+    }
+  }, {
+    key: "getInputTagsContainerProps",
+    value: function() {
+      return {
+        tagsContainerAriaLabel: this.state.tagsContainerAriaLabel
+      };
+    }
+  }, {
+    key: "getTagContainerTextContentProps",
+    value: function() {
+      return {
+        tabIndex: null
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var i = this.asProps, a, r = z, t = this.asProps, o = t.Children, g = t.styles, p = "ul", T = U(o, ["InputTags.TagsContainer"]);
+      if (T) {
+        var d;
+        return d = S(g), /* @__PURE__ */ l.createElement(r, d.cn("SInputTags", y({}, C({
+          tag: P,
+          onMouseDown: this.moveFocusToInput,
+          container: this.scrollContainerRef,
+          tabIndex: null
+        }, i))), /* @__PURE__ */ l.createElement(o, d.cn("Children", {})));
+      }
+      var f = q(o, ["InputTags.Value"]), h = F(f, 2), m = h[0], x = h[1];
+      return a = S(g), /* @__PURE__ */ l.createElement(r, a.cn("SInputTags", y({}, C({
+        tag: P,
+        onMouseDown: this.moveFocusToInput,
+        container: this.scrollContainerRef,
+        tabIndex: null
+      }, i))), /* @__PURE__ */ l.createElement(p, a.cn("SListAriaWrapper", {
+        "aria-label": this.state.tagsContainerAriaLabel
+      }), x), m);
+    }
+  }]), c;
+}(V);
+u(I, "displayName", "InputTags");
+u(I, "style", J);
+u(I, "enhance", [N(), H(L)]);
+u(I, "defaultProps", {
+  size: "m",
+  delimiters: [",", ";", "|", "Enter", "Tab"],
+  defaultValue: "",
+  i18n: L,
+  locale: "en"
+});
+var Q = /* @__PURE__ */ function(n) {
+  k(c, n);
+  var _ = D(c);
+  function c() {
+    var e;
+    R(this, c);
+    for (var i = arguments.length, a = new Array(i), r = 0; r < i; r++)
+      a[r] = arguments[r];
+    return e = _.call.apply(_, [this].concat(a)), u(s(e), "_spacer", /* @__PURE__ */ l.createRef()), u(s(e), "state", {
+      width: "10px"
+    }), u(s(e), "handleChange", function(t) {
+      e.updateInputStyles(t);
+    }), u(s(e), "updateInputStyles", function(t) {
+      var o = e._spacer.current;
+      if (o) {
+        var g = e.props.placeholder, p = 2;
+        g && (t === void 0 || t === "") ? (o.innerText = g, p += 8) : o.innerText = t, e.setState({
+          width: "".concat(Math.max(o.offsetWidth, o.scrollWidth) + p, "px")
+        });
+      }
+    }), e;
+  }
+  return E(c, [{
+    key: "componentDidMount",
+    value: function() {
+      this.updateInputStyles(this.asProps.value);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(i) {
+      var a = this.asProps, r = a.value, t = a.placeholder;
+      (r !== i.value || t !== i.placeholder) && this.updateInputStyles(r);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var i = this.asProps, a, r = z.Value, t = "div";
+      return a = S(this.asProps.styles), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(r, a.cn("SValue", y({}, C({
+        style: {
+          width: this.state.width
+        }
+      }, i)))), /* @__PURE__ */ l.createElement(t, a.cn("SSpacer", {
+        ref: this._spacer,
+        "aria-hidden": !0
+      })));
+    }
+  }]), c;
+}(V);
+function X(n) {
+  var _, c = n.Children, e = n.tagsContainerAriaLabel, i = n.styles, a = "ul";
+  return _ = S(i), /* @__PURE__ */ l.createElement(a, _.cn("SListAriaWrapper", {
+    "aria-label": e
+  }), /* @__PURE__ */ l.createElement(c, _.cn("Children", {})));
+}
+function Y(n) {
+  var _ = arguments[0], c, e = b, i = l.useCallback(function(r) {
+    if (n.onClick && (r.key === "Enter" || r.key === " "))
+      return r.preventDefault(), n.onClick(r), !1;
+  }, [n.onClick]), a = n.editable || n.onClick;
+  return c = S(n.styles), /* @__PURE__ */ l.createElement(e, c.cn("STag", y({}, C({
+    "data-value": n.value,
+    tag: "li",
+    onKeyDown: i,
+    interactive: a
+  }, _))));
+}
+function Z(n) {
+  var _ = arguments[0], c, e = b.Tag, i = n.getI18nText;
+  n.editable;
+  var a = l.useRef();
+  return l.useEffect(function() {
+    var r;
+    if (a.current instanceof HTMLButtonElement || ((r = a.current) === null || r === void 0 ? void 0 : r.getAttribute("role")) === "button")
+      a.current.setAttribute("aria-describedby", "".concat(n.uid, "-description"));
+    else {
+      var t;
+      (t = a.current) === null || t === void 0 || t.removeAttribute("aria-describedby");
+    }
+  }, [a.current, n.uid]), c = S(n.styles), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(j, c.cn("Portal", {}), /* @__PURE__ */ l.createElement(K, c.cn("ScreenReaderOnly", {
+    id: "".concat(n.uid, "-description"),
+    "aria-hidden": "true"
+  }), i("pressEnterToEdit"))), /* @__PURE__ */ l.createElement(e, c.cn("STag", y({}, C({
+    ref: a
+  }, _)))));
+}
+function ee(n) {
+  var _ = arguments[0];
+  return S(n.styles), /* @__PURE__ */ l.createElement(B.Text, C({}, _));
+}
+const ye = $(I, {
+  Value: Q,
+  TagsContainer: X,
+  Tag: [Y, {
+    Text: [Z, {
+      Content: ee
+    }],
+    Close: b.Close,
+    Addon: b.Tag.Addon,
+    Circle: b.Circle
+  }]
+});
+export {
+  ye as default
+};

package/input-tags/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./InputTags.mjs";
+export {
+  o as default
+};

package/input-tags/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -0,0 +1,33 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./tr.json.mjs";
+import l from "./vi.json.mjs";
+import v from "./zh.json.mjs";
+import d from "./pl.json.mjs";
+import n from "./sv.json.mjs";
+var B = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  tr: a,
+  vi: l,
+  zh: v,
+  pl: d,
+  sv: n
+};
+export {
+  B as localizedMessages
+};

package/input-tags/lib/esm/translations/de.json.mjs

@@ -0,0 +1,7 @@
+const e = "Zum Bearbeiten „Enter“ drücken", t = {
+  pressEnterToEdit: e
+};
+export {
+  t as default,
+  e as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/en.json.mjs

@@ -0,0 +1,7 @@
+const t = "Press Enter to edit", e = {
+  pressEnterToEdit: t
+};
+export {
+  e as default,
+  t as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/es.json.mjs

@@ -0,0 +1,7 @@
+const t = "Pulsa Intro para editar", s = {
+  pressEnterToEdit: t
+};
+export {
+  s as default,
+  t as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,7 @@
+const r = "Appuyer sur Entrée pour modifier", e = {
+  pressEnterToEdit: r
+};
+export {
+  e as default,
+  r as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/it.json.mjs

@@ -0,0 +1,7 @@
+const e = "Premi Invio per modificare", t = {
+  pressEnterToEdit: e
+};
+export {
+  t as default,
+  e as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,7 @@
+const t = "編集するにはEnterキーを押します", e = {
+  pressEnterToEdit: t
+};
+export {
+  e as default,
+  t as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,7 @@
+const t = "Enter 키를 눌러 수정", e = {
+  pressEnterToEdit: t
+};
+export {
+  e as default,
+  t as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,7 @@
+const e = "Druk op Enter om te Bewerken", t = {
+  pressEnterToEdit: e
+};
+export {
+  t as default,
+  e as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,7 @@
+const t = "Naciśnij Enter, aby edytować", e = {
+  pressEnterToEdit: t
+};
+export {
+  e as default,
+  t as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,7 @@
+const t = "Pressione Enter para editar", e = {
+  pressEnterToEdit: t
+};
+export {
+  e as default,
+  t as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,7 @@
+const t = "Tryck på Enter för att redigera", r = {
+  pressEnterToEdit: t
+};
+export {
+  r as default,
+  t as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,7 @@
+const e = "Düzenlemek için Enter'a basın", t = {
+  pressEnterToEdit: e
+};
+export {
+  t as default,
+  e as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,7 @@
+const t = "Nhấn Enter để chỉnh sửa", s = {
+  pressEnterToEdit: t
+};
+export {
+  s as default,
+  t as pressEnterToEdit
+};

package/input-tags/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,7 @@
+const t = "按 Enter 编辑", e = {
+  pressEnterToEdit: t
+};
+export {
+  e as default,
+  t as pressEnterToEdit
+};

package/input-tags/package.json

@@ -1 +1 @@
-{"name":"intergalactic/input-tags","description":"Semrush InputTags Component","version":"4.47.0-prerelease.4","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"},"dependencies":{"@semcore/utils":"4.47.1-prerelease.4","@semcore/input":"4.42.0-prerelease.4","@semcore/scroll-area":"5.45.0-prerelease.4","@semcore/tag":"5.53.0-prerelease.4","@semcore/portal":"3.41.0-prerelease.4"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.4","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/input-tags"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/tooltip":"*","@semcore/select":"*","@semcore/typography":"*","@semcore/flex-box":"*","@semcore/button":"*","@semcore/icon":"*"}}
+{"name":"intergalactic/input-tags","description":"Semrush InputTags Component","version":"4.47.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 && 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","@semcore/utils":"4.48.0","@semcore/input":"4.42.0","@semcore/scroll-area":"5.45.0","@semcore/tag":"5.53.0","@semcore/portal":"3.41.0"},"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/input-tags"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/tooltip":"*","@semcore/select":"*","@semcore/typography":"*","@semcore/flex-box":"*","@semcore/button":"*","@semcore/icon":"*"}}

package/link/lib/esm/Link.mjs

@@ -0,0 +1,136 @@
+import y from "@babel/runtime/helpers/esm/objectSpread2";
+import A from "@babel/runtime/helpers/esm/classCallCheck";
+import C from "@babel/runtime/helpers/esm/createClass";
+import f from "@babel/runtime/helpers/esm/assertThisInitialized";
+import T from "@babel/runtime/helpers/esm/inherits";
+import E from "@babel/runtime/helpers/esm/createSuper";
+import g from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as P } from 'intergalactic/utils/lib/core/index';
+import R, { sstyled as u, assignProps as k, Component as w } from 'intergalactic/core';
+import i from "react";
+import { Text as M } from 'intergalactic/typography';
+import { Box as S } from 'intergalactic/flex-box';
+import { Hint as O } from 'intergalactic/tooltip';
+import W from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import B from 'intergalactic/utils/lib/addonTextChildren';
+import F from 'intergalactic/utils/lib/logger';
+import H from 'intergalactic/utils/lib/hasLabels';
+import $ from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+var V = (
+  /*__reshadow_css_start__*/
+  (P.insert(
+    /*__inner_css_start__*/
+    ".___SLink_1ggr4_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_1ggr4_gg_:active,.___SLink_1ggr4_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_1ggr4_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_1ggr4_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_1ggr4_gg_.__active_1ggr4_gg_,.___SLink_1ggr4_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_1ggr4_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_1ggr4_gg_.__active_1ggr4_gg_ .___SText_1ggr4_gg_,.___SLink_1ggr4_gg_:active .___SText_1ggr4_gg_{border-color:currentColor}@media (hover:hover){.___SLink_1ggr4_gg_:hover .___SText_1ggr4_gg_{border-color:currentColor}}.___SLink_1ggr4_gg_.__enableVisited_1ggr4_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_1ggr4_gg_.__enableVisited_1ggr4_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_1ggr4_gg_.__keyboardFocused_1ggr4_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_1ggr4_gg_.__visually-disabled_1ggr4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_1ggr4_gg_.__noWrapText_1ggr4_gg_{white-space:nowrap}.___SLink_1ggr4_gg_.__inline_1ggr4_gg_{display:inline}.___SAddon_1ggr4_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_1ggr4_gg_ .___SAddon_1ggr4_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_1ggr4_gg_ .___SAddon_1ggr4_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1ggr4_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_1ggr4_gg_.__text-color_1ggr4_gg_{color:var(--text-color_1ggr4)}.___SLink_1ggr4_gg_.__text-color_1ggr4_gg_.__active_1ggr4_gg_,.___SLink_1ggr4_gg_.__text-color_1ggr4_gg_:active{color:var(--text-color_1ggr4);filter:brightness(.8)}@media (hover:hover){.___SLink_1ggr4_gg_.__text-color_1ggr4_gg_:hover{color:var(--text-color_1ggr4);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_1ggr4_gg_,.___SText_1ggr4_gg_{transition:none}}",
+    "1ggr4_gg_"
+  ), {
+    __SLink: "___SLink_1ggr4_gg_",
+    _keyboardFocused: "__keyboardFocused_1ggr4_gg_",
+    "_visually-disabled": "__visually-disabled_1ggr4_gg_",
+    _noWrapText: "__noWrapText_1ggr4_gg_",
+    _inline: "__inline_1ggr4_gg_",
+    __SAddon: "___SAddon_1ggr4_gg_",
+    __SText: "___SText_1ggr4_gg_",
+    _active: "__active_1ggr4_gg_",
+    _enableVisited: "__enableVisited_1ggr4_gg_",
+    "_text-color": "__text-color_1ggr4_gg_",
+    "--text-color": "--text-color_1ggr4"
+  })
+), h = /* @__PURE__ */ function(s) {
+  T(o, s);
+  var a = E(o);
+  function o() {
+    var t;
+    A(this, o);
+    for (var e = arguments.length, n = new Array(e), _ = 0; _ < e; _++)
+      n[_] = arguments[_];
+    return t = a.call.apply(a, [this].concat(n)), g(f(t), "containerRef", /* @__PURE__ */ i.createRef()), g(f(t), "state", {
+      ariaLabelledByContent: "",
+      visibleHint: !1
+    }), g(f(t), "handleMouseEnterOnlyAddon", function() {
+      t.setState({
+        visibleHint: !0
+      });
+    }), g(f(t), "handleMouseLeaveOnlyAddon", function() {
+      t.setState({
+        visibleHint: !1
+      });
+    }), t;
+  }
+  return C(o, [{
+    key: "componentDidMount",
+    value: function() {
+      var e = this;
+      process.env.NODE_ENV !== "production" && F.warn(this.containerRef.current && !H(this.containerRef.current), "'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content", this.asProps["data-ui-name"] || o.displayName), this.asProps["aria-labelledby"] && setTimeout(function() {
+        var n, _;
+        e.setState({
+          ariaLabelledByContent: (n = (_ = document.getElementById(e.asProps["aria-labelledby"])) === null || _ === void 0 ? void 0 : _.textContent) !== null && n !== void 0 ? n : ""
+        });
+      }, 0);
+    }
+  }, {
+    key: "renderChildren",
+    value: function() {
+      var e = this.asProps, n = e.Children, _ = e.styles, r = e.addonLeft, l = e.addonRight;
+      return u(_), /* @__PURE__ */ i.createElement(i.Fragment, null, r ? /* @__PURE__ */ i.createElement(v.Addon, {
+        tag: r
+      }) : null, B(n, v.Text, v.Addon), l ? /* @__PURE__ */ i.createElement(v.Addon, {
+        tag: l
+      }) : null);
+    }
+  }, {
+    key: "renderOnlyAddons",
+    value: function() {
+      var e, n, _, r = this.asProps, l = r.styles, m = r.addonLeft, p = r.addonRight, d = r.title, c = r["aria-label"], b = r.keyboardFocused, x = this.state.visibleHint, L = (n = (_ = d ?? c) !== null && _ !== void 0 ? _ : this.state.ariaLabelledByContent) !== null && n !== void 0 ? n : "";
+      return e = u(l), /* @__PURE__ */ i.createElement(v.Addon, {
+        tag: O,
+        title: L,
+        timeout: [250, 50],
+        visible: b || x
+      }, m && /* @__PURE__ */ i.createElement(m, e.cn("AddonLeft", {})), p && /* @__PURE__ */ i.createElement(p, e.cn("AddonRight", {})));
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, n, _ = M, r = this.asProps, l = r.styles, m = r.noWrap, p = r.color, d = r.resolveColor, c = r.disabled, b = r.href, x = r.children;
+      return n = u(l), /* @__PURE__ */ i.createElement(_, n.cn("SLink", y({}, k({
+        role: "link",
+        tabIndex: c ? -1 : 0,
+        "use:href": c ? void 0 : b,
+        "visually-disabled": c,
+        "text-color": d(p),
+        tag: "a",
+        noWrapText: m,
+        "use:noWrap": !1,
+        ref: this.containerRef,
+        __excludeProps: ["disabled", "aria-disabled"],
+        onMouseEnter: this.handleMouseEnterOnlyAddon,
+        onMouseLeave: this.handleMouseLeaveOnlyAddon
+      }, e))), x !== void 0 ? this.renderChildren() : this.renderOnlyAddons());
+    }
+  }]), o;
+}(w);
+g(h, "displayName", "Link");
+g(h, "defaultProps", {
+  noWrap: !0
+});
+g(h, "style", V);
+g(h, "enhance", [W(), $()]);
+function N(s) {
+  var a = arguments[0], o, t = S, e = s.styles;
+  return o = u(e), /* @__PURE__ */ i.createElement(t, o.cn("SText", y({}, k({
+    tag: "span"
+  }, a))));
+}
+function D(s) {
+  var a = arguments[0], o, t = S, e = s.styles;
+  return o = u(e), /* @__PURE__ */ i.createElement(t, o.cn("SAddon", y({}, k({
+    tag: "span"
+  }, a))));
+}
+var v = R(h, {
+  Text: N,
+  Addon: D
+});
+export {
+  v as default
+};

package/link/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./Link.mjs";
+export {
+  o as default
+};

package/link/package.json

@@ -1 +1 @@
-{"name":"intergalactic/link","description":"Semrush Link Component","version":"5.44.0-prerelease.4","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.4","@semcore/typography":"5.52.0-prerelease.4","@semcore/flex-box":"5.41.0-prerelease.4","@semcore/tooltip":"6.48.0-prerelease.4"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.4","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/link"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}
+{"name":"intergalactic/link","description":"Semrush Link Component","version":"5.44.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/utils":"4.48.0","@semcore/typography":"5.52.0","@semcore/flex-box":"5.41.0","@semcore/tooltip":"6.49.0"},"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/link"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}