@semcore/base-trigger 16.5.0 → 16.5.1

package/lib/esm/BaseTrigger.mjs

@@ -4,51 +4,46 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
-import { Box, InvalidStateBox, NeighborLocation } from "@semcore/base-components";
+import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
+import logger from "@semcore/core/lib/utils/logger";
 import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
-import { Text as Text$1 } from "@semcore/typography";
+import { Box, InvalidStateBox } from "@semcore/flex-box";
+import NeighborLocation from "@semcore/neighbor-location";
 import React from "react";
 /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBaseTrigger_y9ta2_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;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_y9ta2_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_y9ta2_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_y9ta2_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_y9ta2_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_y9ta2_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_y9ta2_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, rgb(135, 150, 239))}@media (hover:hover){.___SBaseTrigger_y9ta2_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_y9ta2_gg_.__active_y9ta2_gg_,.___SBaseTrigger_y9ta2_gg_:active{border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_y9ta2_gg_.__disabled_y9ta2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_y9ta2_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_y9ta2_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_y9ta2_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_y9ta2_gg_{width:12px;height:12px}.___SBaseTrigger_y9ta2_gg_._size_m_y9ta2_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_y9ta2_gg_._size_m_y9ta2_gg_ .___SAddon_y9ta2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_y9ta2_gg_._size_m_y9ta2_gg_ .___SAddon_y9ta2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_y9ta2_gg_._size_l_y9ta2_gg_ .___SAddon_y9ta2_gg_:only-child,.___SBaseTrigger_y9ta2_gg_._size_m_y9ta2_gg_ .___SAddon_y9ta2_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_y9ta2_gg_._size_l_y9ta2_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_y9ta2_gg_._size_l_y9ta2_gg_ .___SAddon_y9ta2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_y9ta2_gg_._size_l_y9ta2_gg_ .___SAddon_y9ta2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_y9ta2_gg_._neighborLocation_right_y9ta2_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_y9ta2_gg_._neighborLocation_both_y9ta2_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_y9ta2_gg_._neighborLocation_left_y9ta2_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_y9ta2_gg_._neighborLocation_left_y9ta2_gg_.__disabled_y9ta2_gg_{border-left:none;margin-left:0}.___SText_y9ta2_gg_.__display-placeholder_y9ta2_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_y9ta2_gg_._state_valid_y9ta2_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 185, 145))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_y9ta2_gg_._state_valid_y9ta2_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 185, 145))}@media (color-gamut:p3){.___SBaseTrigger_y9ta2_gg_._state_valid_y9ta2_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.21847 0.73243 0.56937))}}}.___SBaseTrigger_y9ta2_gg_._state_invalid_y9ta2_gg_{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_y9ta2_gg_._state_invalid_y9ta2_gg_{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@media (color-gamut:p3){.___SBaseTrigger_y9ta2_gg_._state_invalid_y9ta2_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923))}}}.___SBaseTrigger_y9ta2_gg_._state_invalid_y9ta2_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 2, 7, 0.652))}.___SInvalidPattern_y9ta2_gg_._size_m_y9ta2_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_y9ta2_gg_._size_l_y9ta2_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
+    ".___SBaseTrigger_ffk25_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;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_ffk25_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_ffk25_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_ffk25_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_ffk25_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_ffk25_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_ffk25_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419))}@media (hover:hover){.___SBaseTrigger_ffk25_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_ffk25_gg_.__active_ffk25_gg_,.___SBaseTrigger_ffk25_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_ffk25_gg_.__disabled_ffk25_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_ffk25_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_ffk25_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_ffk25_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_ffk25_gg_{width:12px;height:12px}.___SBaseTrigger_ffk25_gg_._size_m_ffk25_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_ffk25_gg_._size_m_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._size_m_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._size_l_ffk25_gg_ .___SAddon_ffk25_gg_:only-child,.___SBaseTrigger_ffk25_gg_._size_m_ffk25_gg_ .___SAddon_ffk25_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_ffk25_gg_._size_l_ffk25_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_ffk25_gg_._size_l_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._size_l_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._neighborLocation_right_ffk25_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_ffk25_gg_._neighborLocation_both_ffk25_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_ffk25_gg_._neighborLocation_left_ffk25_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_ffk25_gg_._neighborLocation_left_ffk25_gg_.__disabled_ffk25_gg_{border-left:none;margin-left:0}.___SText_ffk25_gg_.__display-placeholder_ffk25_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_ffk25_gg_._state_valid_ffk25_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_ffk25_gg_._state_valid_ffk25_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_ffk25_gg_._state_valid_ffk25_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 2, 7, 0.652))}.___SInvalidPattern_ffk25_gg_._size_m_ffk25_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_ffk25_gg_._size_l_ffk25_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
     /*__inner_css_end__*/
-    "y9ta2_gg_"
+    "ffk25_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBaseTrigger": "___SBaseTrigger_y9ta2_gg_",
-    "_disabled": "__disabled_y9ta2_gg_",
-    "__SInner": "___SInner_y9ta2_gg_",
-    "__SText": "___SText_y9ta2_gg_",
-    "__SAddon": "___SAddon_y9ta2_gg_",
-    "__SBaseAddon": "___SBaseAddon_y9ta2_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_y9ta2_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_y9ta2_gg_",
-    "_display-placeholder": "__display-placeholder_y9ta2_gg_",
-    "_state_valid": "_state_valid_y9ta2_gg_",
-    "__SInvalidPattern": "___SInvalidPattern_y9ta2_gg_",
-    "_size_m": "_size_m_y9ta2_gg_",
-    "_size_l": "_size_l_y9ta2_gg_",
-    "_active": "__active_y9ta2_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_y9ta2_gg_",
-    "_state_invalid": "_state_invalid_y9ta2_gg_"
+    "__SBaseTrigger": "___SBaseTrigger_ffk25_gg_",
+    "_disabled": "__disabled_ffk25_gg_",
+    "__SInner": "___SInner_ffk25_gg_",
+    "__SText": "___SText_ffk25_gg_",
+    "__SAddon": "___SAddon_ffk25_gg_",
+    "__SBaseAddon": "___SBaseAddon_ffk25_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_ffk25_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_ffk25_gg_",
+    "_display-placeholder": "__display-placeholder_ffk25_gg_",
+    "_state_valid": "_state_valid_ffk25_gg_",
+    "__SInvalidPattern": "___SInvalidPattern_ffk25_gg_",
+    "_size_m": "_size_m_ffk25_gg_",
+    "_size_l": "_size_l_ffk25_gg_",
+    "_active": "__active_ffk25_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_ffk25_gg_",
+    "_state_invalid": "_state_invalid_ffk25_gg_"
   })
 );
 var RootBaseTrigger = /* @__PURE__ */ (function(_Component) {
   function RootBaseTrigger2() {
-    var _this;
     _classCallCheck(this, RootBaseTrigger2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RootBaseTrigger2, [].concat(args));
-    _defineProperty(_this, "triggerRef", /* @__PURE__ */ React.createRef());
-    return _this;
+    return _callSuper(this, RootBaseTrigger2, arguments);
   }
   _inherits(RootBaseTrigger2, _Component);
   return _createClass(RootBaseTrigger2, [{
@@ -57,18 +52,18 @@ var RootBaseTrigger = /* @__PURE__ */ (function(_Component) {
       var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
       return {
         placeholder,
-        empty,
-        triggerRef: this.triggerRef
+        empty
       };
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps, _this2 = this;
+      var _ref = this.asProps, _this = this;
       var SBaseTrigger = Box;
       var SInner = "span";
       var SInvalidPattern = InvalidStateBox;
       var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, styles = _this$asProps2.styles, theme = _this$asProps2.theme, neighborLocation = _this$asProps2.neighborLocation, empty = _this$asProps2.empty, state = _this$asProps2.state, size = _this$asProps2.size;
+      logger.warn(theme !== void 0, "The 'theme' property is deprecated, use 'state'", this.asProps["data-ui-name"] || BaseTrigger.displayName);
       return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
         neighborLocation
       }, function(neighborLocation2) {
@@ -78,12 +73,11 @@ var RootBaseTrigger = /* @__PURE__ */ (function(_Component) {
           "type": "button",
           "tabIndex": 0,
           "neighborLocation": neighborLocation2,
-          "state": theme,
-          "ref": _this2.triggerRef
+          "state": theme
         }, _ref))), state === "invalid" && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
           "size": size
         })), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {
-          "data-ui-name": "".concat(_this2.asProps["data-ui-name"], ".InnerTriggerWrapper")
+          "data-ui-name": "".concat(_this.asProps["data-ui-name"], ".InnerTriggerWrapper")
         }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
       });
     }
@@ -106,17 +100,12 @@ _defineProperty(RootBaseTrigger, "defaultProps", {
 });
 function Text(props) {
   var _ref2 = arguments[0], _ref5;
-  var SText = Text$1;
-  var textRef = React.useRef();
-  var children = props.children, styles = props.styles, empty = props.empty, placeholder = props.placeholder, triggerRef = props.triggerRef, _props$ellipsis = props.ellipsis, ellipsis = _props$ellipsis === void 0 ? false : _props$ellipsis;
-  var content = empty ? placeholder : children;
-  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({
+  var SText = Box;
+  var children = props.children, styles = props.styles, empty = props.empty, placeholder = props.placeholder;
+  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({
     "display-placeholder": empty,
-    "aria-hidden": empty,
-    "ref": textRef,
-    "ellipsis": ellipsis,
-    "hint:triggerRef": triggerRef
-  }, _ref2))), content));
+    "aria-hidden": empty
+  }, _ref2))), empty ? placeholder : children);
 }
 function Addon(props) {
   var _ref3 = arguments[0], _ref6;

package/lib/esm/ButtonTrigger.mjs

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
 import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
@@ -16,13 +16,13 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SButtonAddon_rlrw5_gg_{width:12px;height:12px}.___SButtonTriggerSpin_rlrw5_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}",
+    ".___SButtonAddon_1d85s_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1d85s_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}",
     /*__inner_css_end__*/
-    "rlrw5_gg_"
+    "1d85s_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButtonAddon": "___SButtonAddon_rlrw5_gg_",
-    "__SButtonTriggerSpin": "___SButtonTriggerSpin_rlrw5_gg_"
+    "__SButtonAddon": "___SButtonAddon_1d85s_gg_",
+    "__SButtonTriggerSpin": "___SButtonTriggerSpin_1d85s_gg_"
   })
 );
 var RootButtonTrigger = /* @__PURE__ */ (function(_Component) {
@@ -51,9 +51,9 @@ var RootButtonTrigger = /* @__PURE__ */ (function(_Component) {
       var _ref = this.asProps, _ref2;
       var SButtonAddon = ButtonTrigger.Addon;
       var SButtonTriggerSpin = Spin;
-      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, loading = _this$asProps.loading, disabled = _this$asProps.disabled, chevron = _this$asProps.chevron, empty = _this$asProps.empty;
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, loading = _this$asProps.loading, chevron = _this$asProps.chevron, empty = _this$asProps.empty;
       return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(BaseTrigger, assignProps({
-        "use:disabled": disabled || loading
+        "tabIndex": loading ? -1 : 0
       }, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /* @__PURE__ */ React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /* @__PURE__ */ React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
         "size": "xs",
         "theme": false

package/lib/esm/FilterTrigger.mjs

@@ -7,20 +7,23 @@ import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
-import { Box, NeighborLocation, Hint, ScreenReaderOnly } from "@semcore/base-components";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
 import getInputProps, { inputProps } from "@semcore/core/lib/utils/inputProps";
+import { ScreenReaderOnly } from "@semcore/core/lib/utils/ScreenReaderOnly";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { setFocus } from "@semcore/core/lib/utils/use/useFocusLock";
 import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
-import SemcoreCounter from "@semcore/counter";
+import Dot from "@semcore/dot";
+import { Box } from "@semcore/flex-box";
 import ChevronDown from "@semcore/icon/ChevronDown/m";
 import Close from "@semcore/icon/Close/m";
+import NeighborLocation from "@semcore/neighbor-location";
+import { Hint } from "@semcore/tooltip";
 import React from "react";
 import BaseTrigger from "./BaseTrigger.mjs";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
@@ -30,15 +33,16 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SFilterTrigger_deskx_gg_.__selected_deskx_gg_{border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_.__active_deskx_gg_,.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_.__active_deskx_gg_,.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_.__active_deskx_gg_,.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_deskx_gg_{display:inline-flex}.___SWrapper_deskx_gg_:focus{outline:0}",
+    ".___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_.__active_paxe8_gg_,.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_.__active_paxe8_gg_,.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_.__active_paxe8_gg_,.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_paxe8_gg_{display:inline-flex}.___SWrapper_paxe8_gg_:focus{outline:0}.___SCounter_paxe8_gg_{background-color:var(--intergalactic-bg-primary-info, rgb(118, 128, 231))}",
     /*__inner_css_end__*/
-    "deskx_gg_"
+    "paxe8_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SFilterTrigger": "___SFilterTrigger_deskx_gg_",
-    "_selected": "__selected_deskx_gg_",
-    "_active": "__active_deskx_gg_",
-    "__SWrapper": "___SWrapper_deskx_gg_"
+    "__SCounter": "___SCounter_paxe8_gg_",
+    "__SFilterTrigger": "___SFilterTrigger_paxe8_gg_",
+    "_selected": "__selected_paxe8_gg_",
+    "_active": "__active_paxe8_gg_",
+    "__SWrapper": "___SWrapper_paxe8_gg_"
   })
 );
 var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ["aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"]);
@@ -65,7 +69,9 @@ var RootFilterTrigger = /* @__PURE__ */ (function(_Component) {
   return _createClass(RootFilterTrigger2, [{
     key: "getTriggerButtonProps",
     value: function getTriggerButtonProps() {
-      var _this$asProps = this.asProps, empty = _this$asProps.empty, size = _this$asProps.size, placeholder = _this$asProps.placeholder, active = _this$asProps.active, disabled = _this$asProps.disabled, includeInputProps = _this$asProps.includeInputProps, triggerRef = _this$asProps.triggerRef, _dataUiName = _this$asProps["data-ui-name"], other = _objectWithoutProperties(_this$asProps, _excluded);
+      var _this$asProps = this.asProps, empty = _this$asProps.empty, size = _this$asProps.size, placeholder = _this$asProps.placeholder, active = _this$asProps.active, disabled = _this$asProps.disabled, includeInputProps = _this$asProps.includeInputProps, triggerRef = _this$asProps.triggerRef;
+      _this$asProps["data-ui-name"];
+      var other = _objectWithoutProperties(_this$asProps, _excluded);
       var _getInputProps = getInputProps(other, includeInputProps), _getInputProps2 = _slicedToArray(_getInputProps, 1), controlProps = _getInputProps2[0];
       return _objectSpread({
         size,
@@ -93,10 +99,9 @@ var RootFilterTrigger = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "getCounterProps",
     value: function getCounterProps() {
-      var _this$asProps3 = this.asProps, getI18nText = _this$asProps3.getI18nText, size = _this$asProps3.size;
+      var getI18nText = this.asProps.getI18nText;
       return {
-        getI18nText,
-        size
+        getI18nText
       };
     }
   }, {
@@ -104,7 +109,7 @@ var RootFilterTrigger = /* @__PURE__ */ (function(_Component) {
     value: function render() {
       var _ref = this.asProps, _ref5;
       var SWrapper = Box;
-      var _this$asProps4 = this.asProps, Children = _this$asProps4.Children, styles = _this$asProps4.styles, getI18nText = _this$asProps4.getI18nText, empty = _this$asProps4.empty, forcedAdvancedMode = _this$asProps4.forcedAdvancedMode;
+      var _this$asProps3 = this.asProps, Children = _this$asProps3.Children, styles = _this$asProps3.styles, getI18nText = _this$asProps3.getI18nText, empty = _this$asProps3.empty, forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
       var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
       return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SWrapper, _ref5.cn("SWrapper", _objectSpread({}, assignProps({
         "aria-label": getI18nText("filter"),
@@ -153,7 +158,7 @@ var TriggerButton = /* @__PURE__ */ (function(_Component2) {
     value: function render() {
       var _ref2 = this.asProps, _ref6;
       var SFilterTrigger = BaseTrigger;
-      var _this$asProps5 = this.asProps, Children = _this$asProps5.Children, styles = _this$asProps5.styles, empty = _this$asProps5.empty, triggerRef = _this$asProps5.triggerRef;
+      var _this$asProps4 = this.asProps, Children = _this$asProps4.Children, styles = _this$asProps4.styles, empty = _this$asProps4.empty, triggerRef = _this$asProps4.triggerRef;
       return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", _objectSpread({}, assignProps({
         "use:role": "combobox",
         "w": "100%",
@@ -171,14 +176,8 @@ _defineProperty(TriggerButton, "displayName", "TriggerButton");
 _defineProperty(TriggerButton, "style", style);
 var ClearButton = /* @__PURE__ */ (function(_Component3) {
   function ClearButton2() {
-    var _this2;
     _classCallCheck(this, ClearButton2);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this2 = _callSuper(this, ClearButton2, [].concat(args));
-    _defineProperty(_this2, "triggerRef", /* @__PURE__ */ React.createRef());
-    return _this2;
+    return _callSuper(this, ClearButton2, arguments);
   }
   _inherits(ClearButton2, _Component3);
   return _createClass(ClearButton2, [{
@@ -186,10 +185,9 @@ var ClearButton = /* @__PURE__ */ (function(_Component3) {
     value: function render() {
       var _ref3 = this.asProps, _ref7, _ref9, _ref0;
       var SFilterTrigger = BaseTrigger;
-      var _this$asProps6 = this.asProps, styles = _this$asProps6.styles, empty = _this$asProps6.empty, size = _this$asProps6.size, disabled = _this$asProps6.disabled, getI18nText = _this$asProps6.getI18nText, ariaLabel = _this$asProps6["aria-label"], title = _this$asProps6.title;
+      var _this$asProps5 = this.asProps, styles = _this$asProps5.styles, empty = _this$asProps5.empty, size = _this$asProps5.size, disabled = _this$asProps5.disabled, getI18nText = _this$asProps5.getI18nText, ariaLabel = _this$asProps5["aria-label"], title = _this$asProps5.title;
       if (empty) return null;
-      return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", _objectSpread({}, assignProps({
-        "ref": this.triggerRef,
+      return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(Hint, _ref7.cn("Hint", {}), /* @__PURE__ */ React.createElement(Hint.Trigger, null, /* @__PURE__ */ React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", _objectSpread({}, assignProps({
         "size": size,
         "empty": empty,
         "selected": true,
@@ -198,9 +196,7 @@ var ClearButton = /* @__PURE__ */ (function(_Component3) {
         "__excludeProps": ["title"]
       }, _ref3))), /* @__PURE__ */ React.createElement(FilterTrigger.Addon, {
         tag: Close
-      })), /* @__PURE__ */ React.createElement(Hint, _ref7.cn("Hint", {
-        "triggerRef": this.triggerRef
-      }), (_ref0 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref0 !== void 0 ? _ref0 : getI18nText("clear")));
+      }))), /* @__PURE__ */ React.createElement(Hint.Popper, null, (_ref0 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref0 !== void 0 ? _ref0 : getI18nText("clear")));
     }
   }]);
 })(Component);
@@ -211,8 +207,7 @@ function Counter(_ref1) {
   var styles = _ref1.styles, Children = _ref1.Children, count = _ref1.count, getI18nText = _ref1.getI18nText;
   var SCounter = BaseTrigger.Addon;
   return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SCounter, _ref8.cn("SCounter", _objectSpread({}, assignProps({
-    "tag": SemcoreCounter,
-    "theme": "info"
+    "tag": Dot
   }, _ref4))), count !== void 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, count, /* @__PURE__ */ React.createElement(ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText("BaseTrigger.FilterTrigger.Counter.selected:aria-label"))) : /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {})));
 }
 var FilterTrigger = createComponent(RootFilterTrigger, {

package/lib/esm/LinkTrigger.mjs

@@ -1,16 +1,38 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { assignProps, Component, createComponent } from "@semcore/core";
-import { ButtonLink } from "@semcore/button";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
-import { findAllComponents } from "@semcore/core/lib/utils/findComponent";
-import ChevronDownL from "@semcore/icon/ChevronDown/l";
+import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
+import { Box } from "@semcore/flex-box";
 import ChevronDown from "@semcore/icon/ChevronDown/m";
 import Spin from "@semcore/spin";
 import React from "react";
+/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    ".___SLinkTrigger_1xx8h_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;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1xx8h_gg_.__active_1xx8h_gg_,.___SLinkTrigger_1xx8h_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1xx8h_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1xx8h_gg_.__active_1xx8h_gg_ .___SText_1xx8h_gg_,.___SLinkTrigger_1xx8h_gg_:active .___SText_1xx8h_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1xx8h_gg_:hover .___SText_1xx8h_gg_{border-color:currentColor}}.___SLinkTrigger_1xx8h_gg_ .___SText_1xx8h_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_1xx8h_gg_.__color_1xx8h_gg_{color:var(--color_1xx8h)}@media (hover:hover){.___SLinkTrigger_1xx8h_gg_.__color_1xx8h_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1xx8h_gg_.__disabled_1xx8h_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SAddon_1xx8h_gg_,.___SLinkAddon_1xx8h_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1xx8h_gg_:not(:only-child):first-child,.___SLinkAddon_1xx8h_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1xx8h_gg_:not(:only-child):last-child,.___SLinkAddon_1xx8h_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1xx8h_gg_{width:16px;height:16px}.___SLinkTrigger_1xx8h_gg_._size_m_1xx8h_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1xx8h_gg_._size_l_1xx8h_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1xx8h_gg_,.___SLinkTrigger_1xx8h_gg_ .___SText_1xx8h_gg_{transition:none}}",
+    /*__inner_css_end__*/
+    "1xx8h_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SLinkTrigger": "___SLinkTrigger_1xx8h_gg_",
+    "_disabled": "__disabled_1xx8h_gg_",
+    "__SLinkAddon": "___SLinkAddon_1xx8h_gg_",
+    "_size_m": "_size_m_1xx8h_gg_",
+    "_size_l": "_size_l_1xx8h_gg_",
+    "_active": "__active_1xx8h_gg_",
+    "__SText": "___SText_1xx8h_gg_",
+    "_color": "__color_1xx8h_gg_",
+    "--color": "--color_1xx8h",
+    "__SAddon": "___SAddon_1xx8h_gg_"
+  })
+);
 var RootLinkTrigger = /* @__PURE__ */ (function(_Component) {
   function RootLinkTrigger2() {
     _classCallCheck(this, RootLinkTrigger2);
@@ -19,39 +41,56 @@ var RootLinkTrigger = /* @__PURE__ */ (function(_Component) {
   _inherits(RootLinkTrigger2, _Component);
   return _createClass(RootLinkTrigger2, [{
     key: "getTextProps",
-    value: function getTextProps(props) {
-      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty, Children = _this$asProps.Children, size = _this$asProps.size;
-      var content = empty ? placeholder : props.children;
-      var addons = findAllComponents(Children, [LinkTrigger.Addon.displayName]);
-      var addonWidth = size >= 600 ? 28 : 20;
+    value: function getTextProps() {
+      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
       return {
-        "use:children": content,
-        empty,
-        "w": "calc(100% - ".concat(addonWidth * (addons.length + 1), "px)")
+        placeholder,
+        empty
       };
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps;
-      var SLinkTrigger = ButtonLink;
+      var _ref = this.asProps, _ref4;
+      var SLinkTrigger = Box;
       var SLinkAddon = LinkTrigger.Addon;
-      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, loading = _this$asProps2.loading, empty = _this$asProps2.empty, disabled = _this$asProps2.disabled, size = _this$asProps2.size;
-      return /* @__PURE__ */ React.createElement(SLinkTrigger, assignProps({
-        "use:disabled": disabled || loading
-      }, _ref), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /* @__PURE__ */ React.createElement(SLinkAddon, null, loading ? /* @__PURE__ */ React.createElement(Spin, {
-        size: size >= 600 ? "s" : "xs",
-        theme: "currentColor"
-      }) : size >= 600 ? /* @__PURE__ */ React.createElement(ChevronDownL, null) : /* @__PURE__ */ React.createElement(ChevronDown, null)));
+      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, loading = _this$asProps2.loading, styles = _this$asProps2.styles, empty = _this$asProps2.empty, providedColor = _this$asProps2.color, resolveColor = _this$asProps2.resolveColor;
+      var color = resolveColor(providedColor);
+      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, assignProps({
+        "tag": "button",
+        "type": "button",
+        "tabIndex": loading ? -1 : 0,
+        "use:color": color
+      }, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /* @__PURE__ */ React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /* @__PURE__ */ React.createElement(Spin, _ref4.cn("Spin", {
+        "size": "xs",
+        "theme": "currentColor"
+      })) : /* @__PURE__ */ React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
     }
   }]);
 })(Component);
 _defineProperty(RootLinkTrigger, "displayName", "LinkTrigger");
+_defineProperty(RootLinkTrigger, "style", style);
+_defineProperty(RootLinkTrigger, "defaultProps", {
+  size: "m"
+});
+_defineProperty(RootLinkTrigger, "enhance", [resolveColorEnhance()]);
+function Text(props) {
+  var _ref2 = arguments[0], _ref5;
+  var SText = Box;
+  var children = props.children, styles = props.styles, empty = props.empty, placeholder = props.placeholder;
+  return _ref5 = sstyled(styles), /* "use:" prefix was used for backward compatibility (by lsroman) */
+  /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({
+    "display-placeholder": empty
+  }, _ref2))), empty ? placeholder : children);
+}
+function Addon(props) {
+  var _ref3 = arguments[0], _ref6;
+  var SAddon = Box;
+  return _ref6 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({}, _ref3))));
+}
 var LinkTrigger = createComponent(RootLinkTrigger, {
-  Text: ButtonLink.Text,
-  Addon: ButtonLink.Addon
-}, {
-  parent: ButtonLink
+  Text,
+  Addon
 });
 export {
   LinkTrigger as default

package/lib/esm/style/base-trigger.shadow.css

@@ -36,7 +36,7 @@ SBaseTrigger {
   }
 
   &:focus-visible {
-    border: 1px solid var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
+    border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
   }
 
   &:hover {
@@ -45,7 +45,7 @@ SBaseTrigger {
 
   &:active,
   &[active] {
-    border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
+    border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
     background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
   }
 }
@@ -164,11 +164,11 @@ SText[display-placeholder] {
 }
 
 SBaseTrigger[state='valid'] {
-  border-color: var(--intergalactic-border-success-active, oklch(0.7 0.166 170));
+  border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
 }
 
 SBaseTrigger[state='invalid'] {
-  border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
+  border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
 
   &:focus-visible {
     outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));

package/lib/esm/style/filter-trigger.shadow.css

@@ -1,5 +1,5 @@
 SFilterTrigger[selected] {
-  border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
+  border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
   background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
   color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 
@@ -20,3 +20,7 @@ SWrapper {
     outline: none;
   }
 }
+
+SCounter {
+  background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
+}

package/lib/esm/style/link-trigger.shadow.css

@@ -0,0 +1,96 @@
+SLinkTrigger {
+  display: inline-flex;
+  align-items: center;
+  line-height: normal;
+  position: relative;
+  touch-action: manipulation;
+  white-space: nowrap;
+  user-select: none;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  text-decoration: none;
+  -webkit-tap-highlight-color: transparent;
+  overflow: visible;
+  outline: 0;
+  vertical-align: middle;
+  font-family: inherit;
+  cursor: pointer;
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+  background: none;
+  transition: color 0.15s ease-in-out;
+  border: 0;
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
+
+    & SText {
+      border-color: currentColor;
+    }
+  }
+
+  & SText {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-color: transparent;
+    transition: border-bottom-color 0.15s ease-in-out;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+}
+
+SLinkTrigger[color] {
+  color: var(--color);
+
+  &:hover {
+    filter: brightness(0.8);
+  }
+}
+
+SLinkTrigger[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
+  cursor: default;
+  pointer-events: none;
+}
+
+SAddon,
+SLinkAddon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  margin-bottom: var(--intergalactic-spacing-05x, 2px);
+
+  &:not(:only-child):first-child {
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+  }
+
+  &:not(:only-child):last-child {
+    margin-left: var(--intergalactic-spacing-1x, 4px);
+  }
+}
+
+SLinkAddon {
+  width: 16px;
+  height: 16px;
+}
+
+SLinkTrigger[size='m'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+}
+
+SLinkTrigger[size='l'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+}
+
+@media (prefers-reduced-motion) {
+  SLinkTrigger {
+    transition: none;
+
+    & SText {
+      transition: none;
+    }
+  }
+}