@semcore/base-trigger 4.52.0-prerelease.4 → 4.52.0

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.52.0] - 2025-02-27
+## [4.52.0] - 2025-03-14
 
-### Changed
+### Added
 
-- Version minor update due to children dependencies update (`@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/icon` [4.57.1 ~> 4.58.0], `@semcore/neighbor-location` [4.38.1 ~> 4.39.0], `@semcore/spin` [5.40.1 ~> 5.41.0], `@semcore/utils` [4.45.1 ~> 4.47.1], `@semcore/core` [2.38.1 ~> 2.39.0]).
+- Build for ESM.
 
 ## [4.51.1] - 2025-02-05
 

package/lib/esm/BaseTrigger.mjs

@@ -0,0 +1,109 @@
+import p from "@babel/runtime/helpers/esm/objectSpread2";
+import w from "@babel/runtime/helpers/esm/classCallCheck";
+import k from "@babel/runtime/helpers/esm/createClass";
+import P from "@babel/runtime/helpers/esm/inherits";
+import A from "@babel/runtime/helpers/esm/createSuper";
+import s from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as I } from "@semcore/utils/lib/core/index";
+import L, { sstyled as h, assignProps as z, Component as C } from "@semcore/core";
+import i from "react";
+import { Box as m, InvalidStateBox as E } from "@semcore/flex-box";
+import F from "@semcore/neighbor-location";
+import j from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+import N from "@semcore/utils/lib/addonTextChildren";
+import R from "@semcore/utils/lib/logger";
+import $ from "@semcore/utils/lib/enhances/animatedSizeEnhance";
+import { cssVariableEnhance as D } from "@semcore/utils/lib/useCssVariable";
+var O = (
+  /*__reshadow_css_start__*/
+  (I.insert(
+    /*__inner_css_start__*/
+    ".___SBaseTrigger_btatz_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;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;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_btatz_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_btatz_gg_:active,.___SBaseTrigger_btatz_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_btatz_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_btatz_gg_.__keyboardFocused_btatz_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_btatz_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_btatz_gg_.__active_btatz_gg_,.___SBaseTrigger_btatz_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_btatz_gg_.__disabled_btatz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_btatz_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_btatz_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_btatz_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_btatz_gg_{width:12px;height:12px}.___SBaseTrigger_btatz_gg_._size_m_btatz_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_btatz_gg_._size_m_btatz_gg_ .___SAddon_btatz_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_btatz_gg_._size_m_btatz_gg_ .___SAddon_btatz_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_btatz_gg_._size_l_btatz_gg_ .___SAddon_btatz_gg_:only-child,.___SBaseTrigger_btatz_gg_._size_m_btatz_gg_ .___SAddon_btatz_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_btatz_gg_._size_l_btatz_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_btatz_gg_._size_l_btatz_gg_ .___SAddon_btatz_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_btatz_gg_._size_l_btatz_gg_ .___SAddon_btatz_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_btatz_gg_._neighborLocation_right_btatz_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_btatz_gg_._neighborLocation_both_btatz_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_btatz_gg_._neighborLocation_left_btatz_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_btatz_gg_.__display-placeholder_btatz_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_btatz_gg_._state_valid_btatz_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_btatz_gg_._state_invalid_btatz_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_btatz_gg_._state_invalid_btatz_gg_.__keyboardFocused_btatz_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_btatz_gg_._size_m_btatz_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_btatz_gg_._size_l_btatz_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
+    "btatz_gg_"
+  ), {
+    __SBaseTrigger: "___SBaseTrigger_btatz_gg_",
+    _disabled: "__disabled_btatz_gg_",
+    __SInner: "___SInner_btatz_gg_",
+    __SText: "___SText_btatz_gg_",
+    __SAddon: "___SAddon_btatz_gg_",
+    __SBaseAddon: "___SBaseAddon_btatz_gg_",
+    _neighborLocation_right: "_neighborLocation_right_btatz_gg_",
+    _neighborLocation_both: "_neighborLocation_both_btatz_gg_",
+    _neighborLocation_left: "_neighborLocation_left_btatz_gg_",
+    "_display-placeholder": "__display-placeholder_btatz_gg_",
+    _state_valid: "_state_valid_btatz_gg_",
+    __SInvalidPattern: "___SInvalidPattern_btatz_gg_",
+    _size_m: "_size_m_btatz_gg_",
+    _size_l: "_size_l_btatz_gg_",
+    _keyboardFocused: "__keyboardFocused_btatz_gg_",
+    _active: "__active_btatz_gg_",
+    _state_invalid: "_state_invalid_btatz_gg_"
+  })
+), c = /* @__PURE__ */ function(e) {
+  P(t, e);
+  var g = A(t);
+  function t() {
+    return w(this, t), g.apply(this, arguments);
+  }
+  return k(t, [{
+    key: "getTextProps",
+    value: function() {
+      var _ = this.asProps, o = _.placeholder, a = _.empty;
+      return {
+        placeholder: o,
+        empty: a
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var _ = this.asProps, o = m, a = "span", d = E, r = this.asProps, f = r.Children, x = r.styles, v = r.theme, u = r.neighborLocation, S = r.empty, y = r.state, T = r.size;
+      return R.warn(v !== void 0, "The 'theme' property is deprecated, use 'state'", this.asProps["data-ui-name"] || b.displayName), /* @__PURE__ */ i.createElement(F.Detect, {
+        neighborLocation: u
+      }, function(B) {
+        var l;
+        return l = h(x), /* @__PURE__ */ i.createElement(o, l.cn("SBaseTrigger", p({}, z({
+          tag: "button",
+          type: "button",
+          neighborLocation: B,
+          state: v
+        }, _))), y === "invalid" && /* @__PURE__ */ i.createElement(d, l.cn("SInvalidPattern", {
+          size: T
+        })), /* @__PURE__ */ i.createElement(a, l.cn("SInner", {}), N(f, b.Text, b.Addon, S)));
+      });
+    }
+  }]), t;
+}(C);
+s(c, "displayName", "BaseTrigger");
+s(c, "enhance", [j(), D({
+  variable: "--intergalactic-duration-control",
+  fallback: "200",
+  map: Number.parseInt,
+  prop: "duration"
+}), $({
+  animateProps: ["width"],
+  onChangeOf: ["value"]
+})]);
+s(c, "style", O);
+s(c, "defaultProps", {
+  size: "m",
+  empty: !1
+});
+function V(e) {
+  var g = arguments[0], t, n = m, _ = e.children, o = e.styles, a = e.empty, d = e.placeholder;
+  return t = h(o), /* @__PURE__ */ i.createElement(n, t.cn("SText", p({}, z({
+    "display-placeholder": a,
+    "aria-hidden": a
+  }, g))), a ? d : _);
+}
+function q(e) {
+  var g = arguments[0], t, n = m, _ = e.styles;
+  return t = h(_), /* @__PURE__ */ i.createElement(n, t.cn("SAddon", p({}, z({}, g))));
+}
+var b = L(c, {
+  Text: V,
+  Addon: q
+});
+export {
+  b as default
+};

package/lib/esm/ButtonTrigger.mjs

@@ -0,0 +1,78 @@
+import S from "@babel/runtime/helpers/esm/classCallCheck";
+import y from "@babel/runtime/helpers/esm/createClass";
+import T from "@babel/runtime/helpers/esm/inherits";
+import B from "@babel/runtime/helpers/esm/createSuper";
+import i from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as A } from "@semcore/utils/lib/core/index";
+import C, { sstyled as P, assignProps as x, Component as E } from "@semcore/core";
+import o from "react";
+import k from "@semcore/utils/lib/addonTextChildren";
+import b from "@semcore/icon/ChevronDown/m";
+import a from "./BaseTrigger.mjs";
+import w from "@semcore/spin";
+import R from "@semcore/utils/lib/enhances/animatedSizeEnhance";
+import { cssVariableEnhance as z } from "@semcore/utils/lib/useCssVariable";
+var D = (
+  /*__reshadow_css_start__*/
+  (A.insert(
+    /*__inner_css_start__*/
+    ".___SButtonAddon_1tmg3_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1tmg3_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}",
+    "1tmg3_gg_"
+  ), {
+    __SButtonAddon: "___SButtonAddon_1tmg3_gg_",
+    __SButtonTriggerSpin: "___SButtonTriggerSpin_1tmg3_gg_"
+  })
+), e = /* @__PURE__ */ function(m) {
+  T(t, m);
+  var d = B(t);
+  function t() {
+    return S(this, t), d.apply(this, arguments);
+  }
+  return y(t, [{
+    key: "getTextProps",
+    value: function() {
+      return {
+        tag: "span"
+      };
+    }
+  }, {
+    key: "getAddonProps",
+    value: function() {
+      return {
+        tag: "span"
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var l = this.asProps, n, _ = s.Addon, u = w, r = this.asProps, c = r.Children, f = r.styles, g = r.loading, h = r.chevron, v = r.empty;
+      return n = P(f), /* @__PURE__ */ o.createElement(a, x({}, l), k(c, s.Text, s.Addon, v), (h || g) && /* @__PURE__ */ o.createElement(_, n.cn("SButtonAddon", {}), g ? /* @__PURE__ */ o.createElement(u, n.cn("SButtonTriggerSpin", {
+        size: "xs",
+        theme: !1
+      })) : /* @__PURE__ */ o.createElement(b, n.cn("ChevronDown", {}))));
+    }
+  }]), t;
+}(E);
+i(e, "displayName", "ButtonTrigger");
+i(e, "style", D);
+i(e, "enhance", [z({
+  variable: "--intergalactic-duration-control",
+  fallback: "200",
+  map: Number.parseInt,
+  prop: "duration"
+}), R({
+  animateProps: ["width"],
+  onChangeOf: ["value"]
+})]);
+i(e, "defaultProps", {
+  chevron: !0
+});
+var s = C(e, {
+  Text: a.Text,
+  Addon: a.Addon
+}, {
+  parent: a
+});
+export {
+  s as default
+};

package/lib/esm/FilterTrigger.mjs

@@ -0,0 +1,205 @@
+import f from "@babel/runtime/helpers/esm/objectSpread2";
+import W from "@babel/runtime/helpers/esm/slicedToArray";
+import w from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import C from "@babel/runtime/helpers/esm/classCallCheck";
+import S from "@babel/runtime/helpers/esm/createClass";
+import A from "@babel/runtime/helpers/esm/assertThisInitialized";
+import x from "@babel/runtime/helpers/esm/inherits";
+import E from "@babel/runtime/helpers/esm/createSuper";
+import p from "@babel/runtime/helpers/esm/defineProperty";
+import $ from "@babel/runtime/helpers/esm/toConsumableArray";
+import { sstyled as D } from "@semcore/utils/lib/core/index";
+import M, { sstyled as y, assignProps as b, Component as F } from "@semcore/core";
+import o from "react";
+import h from "./BaseTrigger.mjs";
+import { Box as H } from "@semcore/flex-box";
+import O from "@semcore/neighbor-location";
+import j from "@semcore/dot";
+import q from "@semcore/icon/Close/m";
+import L from "@semcore/icon/ChevronDown/m";
+import { callAllEventHandlers as K } from "@semcore/utils/lib/assignProps";
+import V from "@semcore/utils/lib/addonTextChildren";
+import { localizedMessages as R } from "./translations/__intergalactic-dynamic-locales.mjs";
+import G from "@semcore/utils/lib/enhances/i18nEnhance";
+import J from "@semcore/utils/lib/enhances/animatedSizeEnhance";
+import { cssVariableEnhance as Q } from "@semcore/utils/lib/useCssVariable";
+import U, { inputProps as X } from "@semcore/utils/lib/inputProps";
+import Y from "@semcore/utils/lib/uniqueID";
+import { setFocus as Z } from "@semcore/utils/lib/use/useFocusLock";
+import { isAdvanceMode as ee } from "@semcore/utils/lib/findComponent";
+import { Hint as T } from "@semcore/tooltip";
+import { ScreenReaderOnly as re } from "@semcore/utils/lib/ScreenReaderOnly";
+var te = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"], I = (
+  /*__reshadow_css_start__*/
+  (D.insert(
+    /*__inner_css_start__*/
+    ".___SFilterTrigger_1230h_gg_.__selected_1230h_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_1230h_gg_.__selected_1230h_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1230h_gg_.__selected_1230h_gg_.__active_1230h_gg_,.___SFilterTrigger_1230h_gg_.__selected_1230h_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1230h_gg_{display:inline-flex}.___SWrapper_1230h_gg_:focus{outline:0}.___SWrapper_1230h_gg_.__keyboardFocused_1230h_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1230h_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}",
+    "1230h_gg_"
+  ), {
+    __SWrapper: "___SWrapper_1230h_gg_",
+    _keyboardFocused: "__keyboardFocused_1230h_gg_",
+    __SCounter: "___SCounter_1230h_gg_",
+    __SFilterTrigger: "___SFilterTrigger_1230h_gg_",
+    _selected: "__selected_1230h_gg_",
+    _active: "__active_1230h_gg_"
+  })
+), ae = [].concat($(X), ["aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"]), v = /* @__PURE__ */ function(s) {
+  x(a, s);
+  var _ = E(a);
+  function a() {
+    var i;
+    C(this, a);
+    for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+      t[n] = arguments[n];
+    return i = _.call.apply(_, [this].concat(t)), p(A(i), "handleStopPropagation", function(r) {
+      return r.stopPropagation();
+    }), p(A(i), "handleClear", function() {
+      requestAnimationFrame(function() {
+        Z(i.asProps.triggerRef.current);
+      });
+    }), i;
+  }
+  return S(a, [{
+    key: "getTriggerButtonProps",
+    value: function() {
+      var e = this.asProps, t = e.empty, n = e.size, r = e.placeholder, l = e.active, g = e.disabled, c = e.includeInputProps, u = e.triggerRef;
+      e["data-ui-name"];
+      var m = w(e, te), P = U(m, c), z = W(P, 1), N = z[0];
+      return f({
+        size: n,
+        placeholder: r,
+        empty: t,
+        selected: !t,
+        active: l,
+        disabled: g,
+        triggerRef: u
+      }, N);
+    }
+  }, {
+    key: "getClearButtonProps",
+    value: function() {
+      var e = this.asProps, t = e.empty, n = e.onClear, r = e.size, l = e.disabled, g = e.getI18nText;
+      return {
+        size: r,
+        empty: t,
+        onClick: K(n, this.handleClear, this.handleStopPropagation),
+        onKeyDown: this.handleStopPropagation,
+        disabled: l,
+        getI18nText: g
+      };
+    }
+  }, {
+    key: "getCounterProps",
+    value: function() {
+      var e = this.asProps.getI18nText;
+      return {
+        getI18nText: e
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, t, n = H, r = this.asProps, l = r.Children, g = r.styles, c = r.getI18nText, u = r.empty, m = r.forcedAdvancedMode, P = m || ee(l, [d.TriggerButton.displayName, d.ClearButton.displayName], !0);
+      return t = y(g), /* @__PURE__ */ o.createElement(n, t.cn("SWrapper", f({}, b({
+        "aria-label": c("filter"),
+        __excludeProps: ["id"],
+        "use:role": void 0,
+        "use:aria-controls": void 0,
+        "use:aria-owns": void 0,
+        "use:aria-haspopup": void 0,
+        "use:aria-expanded": void 0,
+        "use:aria-disabled": void 0,
+        "use:aria-activedescendant": void 0,
+        "use:aria-label": void 0,
+        "use:aria-labelledby": void 0
+      }, e))), /* @__PURE__ */ o.createElement(O, t.cn("NeighborLocation", {}), P ? /* @__PURE__ */ o.createElement(l, t.cn("Children", {})) : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(d.TriggerButton, null, /* @__PURE__ */ o.createElement(l, t.cn("Children", {}))), !u && /* @__PURE__ */ o.createElement(d.ClearButton, null))));
+    }
+  }]), a;
+}(F);
+p(v, "displayName", "FilterTrigger");
+p(v, "style", I);
+p(v, "enhance", [G(R), Q({
+  variable: "--intergalactic-duration-control",
+  fallback: "200",
+  map: Number.parseInt,
+  prop: "duration"
+}), J({
+  animateProps: ["width"],
+  onChangeOf: ["value"]
+}), Y()]);
+p(v, "defaultProps", function() {
+  return {
+    includeInputProps: ae,
+    i18n: R,
+    locale: "en",
+    triggerRef: /* @__PURE__ */ o.createRef(),
+    role: "group"
+  };
+});
+var B = /* @__PURE__ */ function(s) {
+  x(a, s);
+  var _ = E(a);
+  function a() {
+    return C(this, a), _.apply(this, arguments);
+  }
+  return S(a, [{
+    key: "render",
+    value: function() {
+      var e = this.asProps, t, n = h, r = this.asProps, l = r.Children, g = r.styles, c = r.empty, u = r.triggerRef;
+      return t = y(g), /* @__PURE__ */ o.createElement(n, t.cn("SFilterTrigger", f({}, b({
+        "use:role": "combobox",
+        w: "100%",
+        empty: c,
+        selected: !c,
+        ref: u,
+        animationsDisabled: !0
+      }, e))), V(l, d.Text, [d.Addon, d.Counter], c), c && /* @__PURE__ */ o.createElement(d.Addon, {
+        tag: L
+      }));
+    }
+  }]), a;
+}(F);
+p(B, "displayName", "TriggerButton");
+p(B, "style", I);
+var k = /* @__PURE__ */ function(s) {
+  x(a, s);
+  var _ = E(a);
+  function a() {
+    return C(this, a), _.apply(this, arguments);
+  }
+  return S(a, [{
+    key: "render",
+    value: function() {
+      var e = this.asProps, t, n = h, r = this.asProps, l = r.styles, g = r.empty, c = r.size, u = r.disabled, m = r.getI18nText;
+      return g ? null : (t = y(l), /* @__PURE__ */ o.createElement(T, t.cn("Hint", {}), /* @__PURE__ */ o.createElement(T.Trigger, null, /* @__PURE__ */ o.createElement(n, t.cn("SFilterTrigger", f({}, b({
+        size: c,
+        empty: g,
+        selected: !0,
+        disabled: u,
+        "aria-label": m("clear")
+      }, e))), /* @__PURE__ */ o.createElement(d.Addon, {
+        tag: q
+      }))), /* @__PURE__ */ o.createElement(T.Popper, null, m("clear"))));
+    }
+  }]), a;
+}(F);
+p(k, "displayName", "ClearButton");
+p(k, "style", I);
+function oe(s) {
+  var _ = arguments[0], a, i = s.styles, e = s.Children, t = s.count, n = s.getI18nText, r = h.Addon;
+  return a = y(i), /* @__PURE__ */ o.createElement(r, a.cn("SCounter", f({}, b({
+    tag: j
+  }, _))), t !== void 0 ? /* @__PURE__ */ o.createElement(o.Fragment, null, t, /* @__PURE__ */ o.createElement(re, a.cn("ScreenReaderOnly", {}), n("BaseTrigger.FilterTrigger.Counter.selected:aria-label"))) : /* @__PURE__ */ o.createElement(e, a.cn("Children", {})));
+}
+var d = M(v, {
+  Text: h.Text,
+  Addon: h.Addon,
+  Counter: oe,
+  TriggerButton: B,
+  ClearButton: k
+}, {
+  parent: h
+});
+export {
+  d as default
+};

package/lib/esm/LinkTrigger.mjs

@@ -0,0 +1,88 @@
+import d from "@babel/runtime/helpers/esm/objectSpread2";
+import y from "@babel/runtime/helpers/esm/classCallCheck";
+import b from "@babel/runtime/helpers/esm/createClass";
+import L from "@babel/runtime/helpers/esm/inherits";
+import A from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as C } from "@semcore/utils/lib/core/index";
+import w, { sstyled as p, assignProps as m, Component as P } from "@semcore/core";
+import n from "react";
+import E from "@semcore/utils/lib/addonTextChildren";
+import F from "@semcore/icon/ChevronDown/m";
+import R from "@semcore/spin";
+import { Box as z } from "@semcore/flex-box";
+import $ from "@semcore/utils/lib/enhances/resolveColorEnhance";
+import j from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+var D = (
+  /*__reshadow_css_start__*/
+  (C.insert(
+    /*__inner_css_start__*/
+    ".___SLinkTrigger_1vzv8_gg_{display:inline-flex;align-items:center;line-height:normal;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;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1vzv8_gg_:focus{outline:0}.___SLinkTrigger_1vzv8_gg_.__active_1vzv8_gg_,.___SLinkTrigger_1vzv8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1vzv8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1vzv8_gg_.__active_1vzv8_gg_ .___SText_1vzv8_gg_,.___SLinkTrigger_1vzv8_gg_:active .___SText_1vzv8_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1vzv8_gg_:hover .___SText_1vzv8_gg_{border-color:currentColor}}.___SLinkTrigger_1vzv8_gg_ .___SText_1vzv8_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1vzv8_gg_.__color_1vzv8_gg_{color:var(--color_1vzv8)}@media (hover:hover){.___SLinkTrigger_1vzv8_gg_.__color_1vzv8_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1vzv8_gg_.__disabled_1vzv8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1vzv8_gg_.__keyboardFocused_1vzv8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1vzv8_gg_,.___SLinkAddon_1vzv8_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1vzv8_gg_:not(:only-child):first-child,.___SLinkAddon_1vzv8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1vzv8_gg_:not(:only-child):last-child,.___SLinkAddon_1vzv8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1vzv8_gg_{width:16px;height:16px}.___SLinkTrigger_1vzv8_gg_._size_m_1vzv8_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1vzv8_gg_._size_l_1vzv8_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1vzv8_gg_,.___SLinkTrigger_1vzv8_gg_ .___SText_1vzv8_gg_{transition:none}}",
+    "1vzv8_gg_"
+  ), {
+    __SLinkTrigger: "___SLinkTrigger_1vzv8_gg_",
+    _disabled: "__disabled_1vzv8_gg_",
+    _keyboardFocused: "__keyboardFocused_1vzv8_gg_",
+    __SLinkAddon: "___SLinkAddon_1vzv8_gg_",
+    _size_m: "_size_m_1vzv8_gg_",
+    _size_l: "_size_l_1vzv8_gg_",
+    _active: "__active_1vzv8_gg_",
+    __SText: "___SText_1vzv8_gg_",
+    _color: "__color_1vzv8_gg_",
+    "--color": "--color_1vzv8",
+    __SAddon: "___SAddon_1vzv8_gg_"
+  })
+), a = /* @__PURE__ */ function(r) {
+  L(e, r);
+  var g = A(e);
+  function e() {
+    return y(this, e), g.apply(this, arguments);
+  }
+  return b(e, [{
+    key: "getTextProps",
+    value: function() {
+      var o = this.asProps, _ = o.placeholder, i = o.empty;
+      return {
+        placeholder: _,
+        empty: i
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var o = this.asProps, _, i = z, c = s.Addon, t = this.asProps, h = t.Children, f = t.loading, k = t.styles, S = t.empty, u = t.color, x = t.resolveColor, T = x(u);
+      return _ = p(k), /* @__PURE__ */ n.createElement(i, _.cn("SLinkTrigger", d({}, m({
+        tag: "button",
+        type: "button",
+        "use:color": T
+      }, o))), E(h, s.Text, s.Addon, S), /* @__PURE__ */ n.createElement(c, _.cn("SLinkAddon", {}), f ? /* @__PURE__ */ n.createElement(R, _.cn("Spin", {
+        size: "xs",
+        theme: "currentColor"
+      })) : /* @__PURE__ */ n.createElement(F, _.cn("ChevronDown", {}))));
+    }
+  }]), e;
+}(P);
+l(a, "displayName", "LinkTrigger");
+l(a, "style", D);
+l(a, "defaultProps", {
+  size: "m"
+});
+l(a, "enhance", [j(), $()]);
+function B(r) {
+  var g = arguments[0], e, v = z, o = r.children, _ = r.styles, i = r.empty, c = r.placeholder;
+  return e = p(_), /* "use:" prefix was used for backward compatibility (by lsroman) */
+  /* @__PURE__ */ n.createElement(v, e.cn("SText", d({}, m({
+    "display-placeholder": i
+  }, g))), i ? c : o);
+}
+function N(r) {
+  var g = arguments[0], e, v = z;
+  return e = p(r.styles), /* @__PURE__ */ n.createElement(v, e.cn("SAddon", d({}, m({}, g))));
+}
+var s = w(a, {
+  Text: B,
+  Addon: N
+});
+export {
+  s as default
+};

package/lib/esm/index.mjs

@@ -0,0 +1,10 @@
+import { default as t } from "./BaseTrigger.mjs";
+import { default as f } from "./ButtonTrigger.mjs";
+import { default as g } from "./FilterTrigger.mjs";
+import { default as l } from "./LinkTrigger.mjs";
+export {
+  f as ButtonTrigger,
+  g as FilterTrigger,
+  l as LinkTrigger,
+  t as default
+};

package/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/lib/esm/translations/de.json.mjs

@@ -0,0 +1,9 @@
+const e = "Löschen", t = "Filter", c = {
+  clear: e,
+  filter: t
+};
+export {
+  e as clear,
+  c as default,
+  t as filter
+};

package/lib/esm/translations/en.json.mjs

@@ -0,0 +1,10 @@
+const e = "Clear", r = "Filter", l = {
+  clear: e,
+  filter: r,
+  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "selected"
+};
+export {
+  e as clear,
+  l as default,
+  r as filter
+};

package/lib/esm/translations/es.json.mjs

@@ -0,0 +1,9 @@
+const r = "Borrar", t = "Filtro", e = {
+  clear: r,
+  filter: t
+};
+export {
+  r as clear,
+  e as default,
+  t as filter
+};

package/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,9 @@
+const e = "Effacer", r = "Filtre", t = {
+  clear: e,
+  filter: r
+};
+export {
+  e as clear,
+  t as default,
+  r as filter
+};

package/lib/esm/translations/it.json.mjs

@@ -0,0 +1,9 @@
+const t = "Pulisci", l = "Filtro", c = {
+  clear: t,
+  filter: l
+};
+export {
+  t as clear,
+  c as default,
+  l as filter
+};

package/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,9 @@
+const t = "クリア", e = "フィルタ", a = {
+  clear: t,
+  filter: e
+};
+export {
+  t as clear,
+  a as default,
+  e as filter
+};

package/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,9 @@
+const t = "지우기", e = "필터", c = {
+  clear: t,
+  filter: e
+};
+export {
+  t as clear,
+  c as default,
+  e as filter
+};

package/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,9 @@
+const e = "Wissen", t = "Filter", l = {
+  clear: e,
+  filter: t
+};
+export {
+  e as clear,
+  l as default,
+  t as filter
+};

package/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,9 @@
+const t = "Wyczyść", l = "Filtr", c = {
+  clear: t,
+  filter: l
+};
+export {
+  t as clear,
+  c as default,
+  l as filter
+};

package/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,9 @@
+const t = "Limpar", r = "Filtro", e = {
+  clear: t,
+  filter: r
+};
+export {
+  t as clear,
+  e as default,
+  r as filter
+};

package/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,9 @@
+const e = "Rensa", t = "Filter", l = {
+  clear: e,
+  filter: t
+};
+export {
+  e as clear,
+  l as default,
+  t as filter
+};

package/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,9 @@
+const e = "Temizle", t = "Filtre", l = {
+  clear: e,
+  filter: t
+};
+export {
+  e as clear,
+  l as default,
+  t as filter
+};

package/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,9 @@
+const t = "Xóa", c = "Lọc", e = {
+  clear: t,
+  filter: c
+};
+export {
+  t as clear,
+  e as default,
+  c as filter
+};

package/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,9 @@
+const t = "清除", e = "筛选器", c = {
+  clear: t,
+  filter: e
+};
+export {
+  t as clear,
+  c as default,
+  e as filter
+};

package/package.json

@@ -1,23 +1,29 @@
 {
   "name": "@semcore/base-trigger",
   "description": "Semrush BaseTrigger Component",
-  "version": "4.52.0-prerelease.4",
+  "version": "4.52.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",
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/esm/index.mjs",
+    "types": "./lib/types/index.d.ts"
+  },
   "dependencies": {
-    "@semcore/dot": "5.40.0-prerelease.4",
-    "@semcore/flex-box": "5.41.0-prerelease.4",
-    "@semcore/icon": "4.58.0-prerelease.4",
-    "@semcore/neighbor-location": "4.39.0-prerelease.4",
-    "@semcore/spin": "5.41.0-prerelease.4",
-    "@semcore/utils": "4.47.1-prerelease.4"
+    "@semcore/dot": "5.40.0",
+    "@semcore/flex-box": "5.41.0",
+    "@semcore/icon": "4.60.0",
+    "@semcore/neighbor-location": "4.40.0",
+    "@semcore/spin": "5.41.0",
+    "@semcore/utils": "4.48.0",
+    "@semcore/tooltip": "6.49.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.4",
+    "@semcore/core": "^2.17.5",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -32,6 +38,6 @@
     "@semcore/tooltip": "6.22.0"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js"
+    "build": "pnpm semcore-builder --source=js && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.js',
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
+      },
+    },
+  }),
+);