@semcore/base-trigger 16.0.0-prerelease.2 → 16.0.0-prerelease.21

package/lib/esm/FilterTrigger.mjs

@@ -1,106 +1,120 @@
-import v 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 R 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 D from "@babel/runtime/helpers/esm/toConsumableArray";
-import { sstyled as h, createComponent as M, assignProps as b, Component as I } from "@semcore/core";
-import i from "react";
-import f from "./BaseTrigger.mjs";
-import { Box as $ } from "@semcore/flex-box";
-import H from "@semcore/neighbor-location";
-import O from "@semcore/dot";
-import j from "@semcore/icon/Close/m";
-import q from "@semcore/icon/ChevronDown/m";
-import { callAllEventHandlers as L } from "@semcore/core/lib/utils/assignProps";
-import K from "@semcore/core/lib/utils/addonTextChildren";
-import { localizedMessages as z } from "./translations/__intergalactic-dynamic-locales.mjs";
-import V from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import G from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
-import { cssVariableEnhance as J } from "@semcore/core/lib/utils/useCssVariable";
-import Q, { inputProps as U } from "@semcore/core/lib/utils/inputProps";
-import X from "@semcore/core/lib/utils/uniqueID";
-import { setFocus as Y } from "@semcore/core/lib/utils/use/useFocusLock";
-import { isAdvanceMode as Z } from "@semcore/core/lib/utils/findComponent";
-import { Hint as T } from "@semcore/tooltip";
-import { ScreenReaderOnly as ee } from "@semcore/core/lib/utils/ScreenReaderOnly";
-var re = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"], F = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
+import React from "react";
+import BaseTrigger from "./BaseTrigger.mjs";
+import { Box } from "@semcore/flex-box";
+import NeighborLocation from "@semcore/neighbor-location";
+import Dot from "@semcore/dot";
+import Close from "@semcore/icon/Close/m";
+import ChevronDown from "@semcore/icon/ChevronDown/m";
+import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
+import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
+import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
+import getInputProps, { inputProps } from "@semcore/core/lib/utils/inputProps";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import { setFocus } from "@semcore/core/lib/utils/use/useFocusLock";
+import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
+import { Hint } from "@semcore/tooltip";
+import { ScreenReaderOnly } from "@semcore/core/lib/utils/ScreenReaderOnly";
+var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
+/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (h.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     ".___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_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_1m3i1_gg_.__selected_1m3i1_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_.__active_1m3i1_gg_,.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1m3i1_gg_{display:inline-flex}.___SWrapper_1m3i1_gg_:focus{outline:0}.___SCounter_1m3i1_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}",
+    /*__inner_css_end__*/
     "1m3i1_gg_"
-  ), {
-    __SCounter: "___SCounter_1m3i1_gg_",
-    __SFilterTrigger: "___SFilterTrigger_1m3i1_gg_",
-    _selected: "__selected_1m3i1_gg_",
-    _active: "__active_1m3i1_gg_",
-    __SWrapper: "___SWrapper_1m3i1_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SCounter": "___SCounter_1m3i1_gg_",
+    "__SFilterTrigger": "___SFilterTrigger_1m3i1_gg_",
+    "_selected": "__selected_1m3i1_gg_",
+    "_active": "__active_1m3i1_gg_",
+    "__SWrapper": "___SWrapper_1m3i1_gg_"
   })
-), te = [].concat(D(U), ["aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"]), y = /* @__PURE__ */ function(s) {
-  x(a, s);
-  var m = E(a);
-  function a() {
-    var n;
-    C(this, a);
-    for (var e = arguments.length, t = new Array(e), o = 0; o < e; o++)
-      t[o] = arguments[o];
-    return n = m.call.apply(m, [this].concat(t)), p(R(n), "handleStopPropagation", function(r) {
-      return r.stopPropagation();
-    }), p(R(n), "handleClear", function() {
+);
+var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ["aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"]);
+var RootFilterTrigger = /* @__PURE__ */ function(_Component) {
+  _inherits(RootFilterTrigger2, _Component);
+  var _super = _createSuper(RootFilterTrigger2);
+  function RootFilterTrigger2() {
+    var _this;
+    _classCallCheck(this, RootFilterTrigger2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleStopPropagation", function(e) {
+      return e.stopPropagation();
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClear", function() {
       requestAnimationFrame(function() {
-        Y(n.asProps.triggerRef.current);
+        setFocus(_this.asProps.triggerRef.current);
       });
-    }), n;
+    });
+    return _this;
   }
-  return S(a, [{
+  _createClass(RootFilterTrigger2, [{
     key: "getTriggerButtonProps",
-    value: function() {
-      var e = this.asProps, t = e.empty, o = e.size, r = e.placeholder, l = e.active, c = e.disabled, g = e.includeInputProps, u = e.triggerRef;
-      e["data-ui-name"];
-      var _ = w(e, re), P = Q(_, g), k = W(P, 1), N = k[0];
-      return v({
-        size: o,
-        placeholder: r,
-        empty: t,
-        selected: !t,
-        active: l,
-        disabled: c,
-        triggerRef: u
-      }, N);
+    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;
+      _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,
+        placeholder,
+        empty,
+        selected: !empty,
+        active,
+        disabled,
+        triggerRef
+      }, controlProps);
     }
   }, {
     key: "getClearButtonProps",
-    value: function() {
-      var e = this.asProps, t = e.empty, o = e.onClear, r = e.size, l = e.disabled, c = e.getI18nText;
+    value: function getClearButtonProps() {
+      var _this$asProps2 = this.asProps, empty = _this$asProps2.empty, onClear = _this$asProps2.onClear, size = _this$asProps2.size, disabled = _this$asProps2.disabled, getI18nText = _this$asProps2.getI18nText;
       return {
-        size: r,
-        empty: t,
-        onClick: L(o, this.handleClear, this.handleStopPropagation),
+        size,
+        empty,
+        onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),
         onKeyDown: this.handleStopPropagation,
-        disabled: l,
-        getI18nText: c
+        disabled,
+        getI18nText
       };
     }
   }, {
     key: "getCounterProps",
-    value: function() {
-      var e = this.asProps.getI18nText;
+    value: function getCounterProps() {
+      var getI18nText = this.asProps.getI18nText;
       return {
-        getI18nText: e
+        getI18nText
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, t, o = $, r = this.asProps, l = r.Children, c = r.styles, g = r.getI18nText, u = r.empty, _ = r.forcedAdvancedMode, P = _ || Z(l, [d.TriggerButton.displayName, d.ClearButton.displayName], !0);
-      return t = h(c), /* @__PURE__ */ i.createElement(o, t.cn("SWrapper", v({}, b({
-        "aria-label": g("filter"),
-        __excludeProps: ["id"],
+    value: function render() {
+      var _ref = this.asProps, _ref5;
+      var SWrapper = Box;
+      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"),
+        "__excludeProps": ["id"],
         "use:role": void 0,
         "use:aria-controls": void 0,
         "use:aria-owns": void 0,
@@ -110,94 +124,106 @@ var re = ["empty", "size", "placeholder", "active", "disabled", "includeInputPro
         "use:aria-activedescendant": void 0,
         "use:aria-label": void 0,
         "use:aria-labelledby": void 0
-      }, e))), /* @__PURE__ */ i.createElement(H, t.cn("NeighborLocation", {}), P ? /* @__PURE__ */ i.createElement(l, t.cn("Children", {})) : /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(d.TriggerButton, null, /* @__PURE__ */ i.createElement(l, t.cn("Children", {}))), !u && /* @__PURE__ */ i.createElement(d.ClearButton, null))));
+      }, _ref))), /* @__PURE__ */ React.createElement(NeighborLocation, _ref5.cn("NeighborLocation", {}), advancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FilterTrigger.TriggerButton, null, /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {}))), !empty && /* @__PURE__ */ React.createElement(FilterTrigger.ClearButton, null))));
     }
-  }]), a;
-}(I);
-p(y, "displayName", "FilterTrigger");
-p(y, "style", F);
-p(y, "enhance", [V(z), J({
+  }]);
+  return RootFilterTrigger2;
+}(Component);
+_defineProperty(RootFilterTrigger, "displayName", "FilterTrigger");
+_defineProperty(RootFilterTrigger, "style", style);
+_defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), cssVariableEnhance({
   variable: "--intergalactic-duration-control",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
-}), G({
+}), animatedSizeEnhance({
   animateProps: ["width"],
   onChangeOf: ["value"]
-}), X()]);
-p(y, "defaultProps", function() {
+}), uniqueIDEnhancement()]);
+_defineProperty(RootFilterTrigger, "defaultProps", function() {
   return {
-    includeInputProps: te,
-    i18n: z,
+    includeInputProps: filterTriggerInputProps,
+    i18n: localizedMessages,
     locale: "en",
-    triggerRef: /* @__PURE__ */ i.createRef(),
+    triggerRef: /* @__PURE__ */ React.createRef(),
     role: "group"
   };
 });
-var B = /* @__PURE__ */ function(s) {
-  x(a, s);
-  var m = E(a);
-  function a() {
-    return C(this, a), m.apply(this, arguments);
+var TriggerButton = /* @__PURE__ */ function(_Component2) {
+  _inherits(TriggerButton2, _Component2);
+  var _super2 = _createSuper(TriggerButton2);
+  function TriggerButton2() {
+    _classCallCheck(this, TriggerButton2);
+    return _super2.apply(this, arguments);
   }
-  return S(a, [{
+  _createClass(TriggerButton2, [{
     key: "render",
-    value: function() {
-      var e = this.asProps, t, o = f, r = this.asProps, l = r.Children, c = r.styles, g = r.empty, u = r.triggerRef;
-      return t = h(c), /* @__PURE__ */ i.createElement(o, t.cn("SFilterTrigger", v({}, b({
+    value: function render() {
+      var _ref2 = this.asProps, _ref6;
+      var SFilterTrigger = BaseTrigger;
+      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%",
-        empty: g,
-        selected: !g,
-        ref: u,
-        animationsDisabled: !0
-      }, e))), K(l, d.Text, [d.Addon, d.Counter], g), g && /* @__PURE__ */ i.createElement(d.Addon, {
-        tag: q
+        "w": "100%",
+        "empty": empty,
+        "selected": !empty,
+        "ref": triggerRef,
+        "animationsDisabled": true
+      }, _ref2))), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /* @__PURE__ */ React.createElement(FilterTrigger.Addon, {
+        tag: ChevronDown
       }));
     }
-  }]), a;
-}(I);
-p(B, "displayName", "TriggerButton");
-p(B, "style", F);
-var A = /* @__PURE__ */ function(s) {
-  x(a, s);
-  var m = E(a);
-  function a() {
-    return C(this, a), m.apply(this, arguments);
+  }]);
+  return TriggerButton2;
+}(Component);
+_defineProperty(TriggerButton, "displayName", "TriggerButton");
+_defineProperty(TriggerButton, "style", style);
+var ClearButton = /* @__PURE__ */ function(_Component3) {
+  _inherits(ClearButton2, _Component3);
+  var _super3 = _createSuper(ClearButton2);
+  function ClearButton2() {
+    _classCallCheck(this, ClearButton2);
+    return _super3.apply(this, arguments);
   }
-  return S(a, [{
+  _createClass(ClearButton2, [{
     key: "render",
-    value: function() {
-      var e = this.asProps, t, o = f, r = this.asProps, l = r.styles, c = r.empty, g = r.size, u = r.disabled, _ = r.getI18nText;
-      return c ? null : (t = h(l), /* @__PURE__ */ i.createElement(T, t.cn("Hint", {}), /* @__PURE__ */ i.createElement(T.Trigger, null, /* @__PURE__ */ i.createElement(o, t.cn("SFilterTrigger", v({}, b({
-        size: g,
-        empty: c,
-        selected: !0,
-        disabled: u,
-        "aria-label": _("clear")
-      }, e))), /* @__PURE__ */ i.createElement(d.Addon, {
-        tag: j
-      }))), /* @__PURE__ */ i.createElement(T.Popper, null, _("clear"))));
+    value: function render() {
+      var _ref3 = this.asProps, _ref7;
+      var SFilterTrigger = BaseTrigger;
+      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;
+      if (empty) return null;
+      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,
+        "disabled": disabled,
+        "aria-label": getI18nText("clear")
+      }, _ref3))), /* @__PURE__ */ React.createElement(FilterTrigger.Addon, {
+        tag: Close
+      }))), /* @__PURE__ */ React.createElement(Hint.Popper, null, getI18nText("clear")));
     }
-  }]), a;
-}(I);
-p(A, "displayName", "ClearButton");
-p(A, "style", F);
-function ae(s) {
-  var m = arguments[0], a, n = s.styles, e = s.Children, t = s.count, o = s.getI18nText, r = f.Addon;
-  return a = h(n), /* @__PURE__ */ i.createElement(r, a.cn("SCounter", v({}, b({
-    tag: O
-  }, m))), t !== void 0 ? /* @__PURE__ */ i.createElement(i.Fragment, null, t, /* @__PURE__ */ i.createElement(ee, a.cn("ScreenReaderOnly", {}), o("BaseTrigger.FilterTrigger.Counter.selected:aria-label"))) : /* @__PURE__ */ i.createElement(e, a.cn("Children", {})));
+  }]);
+  return ClearButton2;
+}(Component);
+_defineProperty(ClearButton, "displayName", "ClearButton");
+_defineProperty(ClearButton, "style", style);
+function Counter(_ref9) {
+  var _ref4 = arguments[0], _ref8;
+  var styles = _ref9.styles, Children = _ref9.Children, count = _ref9.count, getI18nText = _ref9.getI18nText;
+  var SCounter = BaseTrigger.Addon;
+  return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SCounter, _ref8.cn("SCounter", _objectSpread({}, assignProps({
+    "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 d = M(y, {
-  Text: f.Text,
-  Addon: f.Addon,
-  Counter: ae,
-  TriggerButton: B,
-  ClearButton: A
+var FilterTrigger = createComponent(RootFilterTrigger, {
+  Text: BaseTrigger.Text,
+  Addon: BaseTrigger.Addon,
+  Counter,
+  TriggerButton,
+  ClearButton
 }, {
-  parent: f
+  parent: BaseTrigger
 });
 export {
-  d as default
+  FilterTrigger as default
 };

package/lib/esm/LinkTrigger.mjs

@@ -1,86 +1,99 @@
-import m from "@babel/runtime/helpers/esm/objectSpread2";
-import y from "@babel/runtime/helpers/esm/classCallCheck";
-import L from "@babel/runtime/helpers/esm/createClass";
-import b from "@babel/runtime/helpers/esm/inherits";
-import A from "@babel/runtime/helpers/esm/createSuper";
-import c from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as s, createComponent as C, assignProps as v, Component as z } from "@semcore/core";
-import t from "react";
-import P from "@semcore/core/lib/utils/addonTextChildren";
-import E from "@semcore/icon/ChevronDown/m";
-import R from "@semcore/spin";
-import { Box as h } from "@semcore/flex-box";
-import j from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
-var D = (
+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 _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
+import React from "react";
+import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
+import ChevronDown from "@semcore/icon/ChevronDown/m";
+import Spin from "@semcore/spin";
+import { Box } from "@semcore/flex-box";
+import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
+/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (s.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     ".___SLinkTrigger_lwral_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_lwral_gg_.__active_lwral_gg_,.___SLinkTrigger_lwral_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_lwral_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_lwral_gg_.__active_lwral_gg_ .___SText_lwral_gg_,.___SLinkTrigger_lwral_gg_:active .___SText_lwral_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_lwral_gg_:hover .___SText_lwral_gg_{border-color:currentColor}}.___SLinkTrigger_lwral_gg_ .___SText_lwral_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_lwral_gg_.__color_lwral_gg_{color:var(--color_lwral)}@media (hover:hover){.___SLinkTrigger_lwral_gg_.__color_lwral_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_lwral_gg_.__disabled_lwral_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_lwral_gg_,.___SLinkAddon_lwral_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_lwral_gg_:not(:only-child):first-child,.___SLinkAddon_lwral_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_lwral_gg_:not(:only-child):last-child,.___SLinkAddon_lwral_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_lwral_gg_{width:16px;height:16px}.___SLinkTrigger_lwral_gg_._size_m_lwral_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_lwral_gg_._size_l_lwral_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_lwral_gg_,.___SLinkTrigger_lwral_gg_ .___SText_lwral_gg_{transition:none}}",
+    /*__inner_css_end__*/
     "lwral_gg_"
-  ), {
-    __SLinkTrigger: "___SLinkTrigger_lwral_gg_",
-    _disabled: "__disabled_lwral_gg_",
-    __SLinkAddon: "___SLinkAddon_lwral_gg_",
-    _size_m: "_size_m_lwral_gg_",
-    _size_l: "_size_l_lwral_gg_",
-    _active: "__active_lwral_gg_",
-    __SText: "___SText_lwral_gg_",
-    _color: "__color_lwral_gg_",
+  ), /*__reshadow_css_end__*/
+  {
+    "__SLinkTrigger": "___SLinkTrigger_lwral_gg_",
+    "_disabled": "__disabled_lwral_gg_",
+    "__SLinkAddon": "___SLinkAddon_lwral_gg_",
+    "_size_m": "_size_m_lwral_gg_",
+    "_size_l": "_size_l_lwral_gg_",
+    "_active": "__active_lwral_gg_",
+    "__SText": "___SText_lwral_gg_",
+    "_color": "__color_lwral_gg_",
     "--color": "--color_lwral",
-    __SAddon: "___SAddon_lwral_gg_"
+    "__SAddon": "___SAddon_lwral_gg_"
   })
-), g = /* @__PURE__ */ function(_) {
-  b(r, _);
-  var n = A(r);
-  function r() {
-    return y(this, r), n.apply(this, arguments);
+);
+var RootLinkTrigger = /* @__PURE__ */ function(_Component) {
+  _inherits(RootLinkTrigger2, _Component);
+  var _super = _createSuper(RootLinkTrigger2);
+  function RootLinkTrigger2() {
+    _classCallCheck(this, RootLinkTrigger2);
+    return _super.apply(this, arguments);
   }
-  return L(r, [{
+  _createClass(RootLinkTrigger2, [{
     key: "getTextProps",
-    value: function() {
-      var l = this.asProps, e = l.placeholder, i = l.empty;
+    value: function getTextProps() {
+      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
       return {
-        placeholder: e,
-        empty: i
+        placeholder,
+        empty
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var l = this.asProps, e, i = h, d = p.Addon, o = this.asProps, w = o.Children, S = o.loading, f = o.styles, k = o.empty, u = o.color, x = o.resolveColor, T = x(u);
-      return e = s(f), /* @__PURE__ */ t.createElement(i, e.cn("SLinkTrigger", m({}, v({
-        tag: "button",
-        type: "button",
-        tabIndex: 0,
-        "use:color": T
-      }, l))), P(w, p.Text, p.Addon, k), /* @__PURE__ */ t.createElement(d, e.cn("SLinkAddon", {}), S ? /* @__PURE__ */ t.createElement(R, e.cn("Spin", {
-        size: "xs",
-        theme: "currentColor"
-      })) : /* @__PURE__ */ t.createElement(E, e.cn("ChevronDown", {}))));
+    value: function render() {
+      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, 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", {}))));
     }
-  }]), r;
-}(z);
-c(g, "displayName", "LinkTrigger");
-c(g, "style", D);
-c(g, "defaultProps", {
+  }]);
+  return RootLinkTrigger2;
+}(Component);
+_defineProperty(RootLinkTrigger, "displayName", "LinkTrigger");
+_defineProperty(RootLinkTrigger, "style", style);
+_defineProperty(RootLinkTrigger, "defaultProps", {
   size: "m"
 });
-c(g, "enhance", [j()]);
-function $(_) {
-  var n = arguments[0], r, a = h, l = _.children, e = _.styles, i = _.empty, d = _.placeholder;
-  return r = s(e), /* "use:" prefix was used for backward compatibility (by lsroman) */
-  /* @__PURE__ */ t.createElement(a, r.cn("SText", m({}, v({
-    "display-placeholder": i
-  }, n))), i ? d : l);
+_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 B(_) {
-  var n = arguments[0], r, a = h;
-  return r = s(_.styles), /* @__PURE__ */ t.createElement(a, r.cn("SAddon", m({}, v({}, n))));
+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 p = C(g, {
-  Text: $,
-  Addon: B
+var LinkTrigger = createComponent(RootLinkTrigger, {
+  Text,
+  Addon
 });
 export {
-  p as default
+  LinkTrigger as default
 };

package/lib/esm/index.mjs

@@ -1,10 +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";
+import { default as default2 } from "./BaseTrigger.mjs";
+import { default as default3 } from "./ButtonTrigger.mjs";
+import { default as default4 } from "./FilterTrigger.mjs";
+import { default as default5 } from "./LinkTrigger.mjs";
 export {
-  f as ButtonTrigger,
-  g as FilterTrigger,
-  l as LinkTrigger,
-  t as default
+  default3 as ButtonTrigger,
+  default4 as FilterTrigger,
+  default5 as LinkTrigger,
+  default2 as default
 };