@semcore/base-trigger 4.53.0-prerelease.0 → 4.53.1-prerelease.0

package/lib/esm/FilterTrigger.mjs

@@ -1,108 +1,122 @@
-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 A from "@babel/runtime/helpers/esm/assertThisInitialized";
-import x from "@babel/runtime/helpers/esm/inherits";
-import E from "@babel/runtime/helpers/esm/createSuper";
-import c 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 f 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 = (
+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 } from "@semcore/utils/lib/core/index";
+import createComponent, { sstyled as sstyled$1, 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/utils/lib/assignProps";
+import addonTextChildren from "@semcore/utils/lib/addonTextChildren";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
+import animatedSizeEnhance from "@semcore/utils/lib/enhances/animatedSizeEnhance";
+import { cssVariableEnhance } from "@semcore/utils/lib/useCssVariable";
+import getInputProps, { inputProps } from "@semcore/utils/lib/inputProps";
+import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
+import { setFocus } from "@semcore/utils/lib/use/useFocusLock";
+import { isAdvanceMode } from "@semcore/utils/lib/findComponent";
+import { Hint } from "@semcore/tooltip";
+import { ScreenReaderOnly } from "@semcore/utils/lib/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__*/
-  (D.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SFilterTrigger_d0t3d_gg_.__selected_d0t3d_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_d0t3d_gg_.__selected_d0t3d_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_d0t3d_gg_.__selected_d0t3d_gg_.__active_d0t3d_gg_,.___SFilterTrigger_d0t3d_gg_.__selected_d0t3d_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_d0t3d_gg_{display:inline-flex}.___SWrapper_d0t3d_gg_:focus{outline:0}.___SWrapper_d0t3d_gg_.__keyboardFocused_d0t3d_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_d0t3d_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}",
-    "d0t3d_gg_"
-  ), {
-    __SWrapper: "___SWrapper_d0t3d_gg_",
-    _keyboardFocused: "__keyboardFocused_d0t3d_gg_",
-    __SCounter: "___SCounter_d0t3d_gg_",
-    __SFilterTrigger: "___SFilterTrigger_d0t3d_gg_",
-    _selected: "__selected_d0t3d_gg_",
-    _active: "__active_d0t3d_gg_"
+    ".___SFilterTrigger_kjaag_gg_.__selected_kjaag_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_kjaag_gg_.__selected_kjaag_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_kjaag_gg_.__selected_kjaag_gg_.__active_kjaag_gg_,.___SFilterTrigger_kjaag_gg_.__selected_kjaag_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_kjaag_gg_{display:inline-flex}.___SWrapper_kjaag_gg_:focus{outline:0}.___SWrapper_kjaag_gg_.__keyboardFocused_kjaag_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_kjaag_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}",
+    /*__inner_css_end__*/
+    "kjaag_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SWrapper": "___SWrapper_kjaag_gg_",
+    "_keyboardFocused": "__keyboardFocused_kjaag_gg_",
+    "__SCounter": "___SCounter_kjaag_gg_",
+    "__SFilterTrigger": "___SFilterTrigger_kjaag_gg_",
+    "_selected": "__selected_kjaag_gg_",
+    "_active": "__active_kjaag_gg_"
   })
-), ae = [].concat($(X), ["aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"]), h = /* @__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)), c(A(i), "handleStopPropagation", function(r) {
-      return r.stopPropagation();
-    }), c(A(i), "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() {
-        Z(i.asProps.triggerRef.current);
+        setFocus(_this.asProps.triggerRef.current);
       });
-    }), i;
+    });
+    return _this;
   }
-  return S(a, [{
+  _createClass(RootFilterTrigger2, [{
     key: "getTriggerButtonProps",
-    value: function() {
-      var e = this.asProps, t = e.empty, n = e.size, r = e.placeholder, l = e.active, d = e.disabled, g = e.includeInputProps, u = e.triggerRef;
-      e["data-ui-name"];
-      var m = w(e, te), P = U(m, g), z = W(P, 1), N = z[0];
-      return v({
-        size: n,
-        placeholder: r,
-        empty: t,
-        selected: !t,
-        active: l,
-        disabled: d,
-        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, n = e.onClear, r = e.size, l = e.disabled, d = 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: K(n, this.handleClear, this.handleStopPropagation),
+        size,
+        empty,
+        onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),
         onKeyDown: this.handleStopPropagation,
-        disabled: l,
-        getI18nText: d
+        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, n = H, r = this.asProps, l = r.Children, d = r.styles, g = r.getI18nText, u = r.empty, m = r.forcedAdvancedMode, P = m || ee(l, [p.TriggerButton.displayName, p.ClearButton.displayName], !0);
-      return t = y(d), /* @__PURE__ */ o.createElement(n, 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$1(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,
@@ -112,94 +126,106 @@ var te = ["empty", "size", "placeholder", "active", "disabled", "includeInputPro
         "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(p.TriggerButton, null, /* @__PURE__ */ o.createElement(l, t.cn("Children", {}))), !u && /* @__PURE__ */ o.createElement(p.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;
-}(F);
-c(h, "displayName", "FilterTrigger");
-c(h, "style", I);
-c(h, "enhance", [G(R), Q({
+  }]);
+  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"
-}), J({
+}), animatedSizeEnhance({
   animateProps: ["width"],
   onChangeOf: ["value"]
-}), Y()]);
-c(h, "defaultProps", function() {
+}), uniqueIDEnhancement()]);
+_defineProperty(RootFilterTrigger, "defaultProps", function() {
   return {
-    includeInputProps: ae,
-    i18n: R,
+    includeInputProps: filterTriggerInputProps,
+    i18n: localizedMessages,
     locale: "en",
-    triggerRef: /* @__PURE__ */ o.createRef(),
+    triggerRef: /* @__PURE__ */ React.createRef(),
     role: "group"
   };
 });
-var B = /* @__PURE__ */ function(s) {
-  x(a, s);
-  var _ = E(a);
-  function a() {
-    return C(this, a), _.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, n = f, r = this.asProps, l = r.Children, d = r.styles, g = r.empty, u = r.triggerRef;
-      return t = y(d), /* @__PURE__ */ o.createElement(n, 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$1(styles), /* @__PURE__ */ React.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", _objectSpread({}, assignProps({
         "use:role": "combobox",
-        w: "100%",
-        empty: g,
-        selected: !g,
-        ref: u,
-        animationsDisabled: !0
-      }, e))), V(l, p.Text, [p.Addon, p.Counter], g), g && /* @__PURE__ */ o.createElement(p.Addon, {
-        tag: L
+        "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;
-}(F);
-c(B, "displayName", "TriggerButton");
-c(B, "style", I);
-var k = /* @__PURE__ */ function(s) {
-  x(a, s);
-  var _ = E(a);
-  function a() {
-    return C(this, a), _.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, n = f, r = this.asProps, l = r.styles, d = r.empty, g = r.size, u = r.disabled, m = r.getI18nText;
-      return d ? null : (t = y(l), /* @__PURE__ */ o.createElement(T, t.cn("Hint", {}), /* @__PURE__ */ o.createElement(T.Trigger, null, /* @__PURE__ */ o.createElement(n, t.cn("SFilterTrigger", v({}, b({
-        size: g,
-        empty: d,
-        selected: !0,
-        disabled: u,
-        "aria-label": m("clear")
-      }, e))), /* @__PURE__ */ o.createElement(p.Addon, {
-        tag: q
-      }))), /* @__PURE__ */ o.createElement(T.Popper, null, m("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$1(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;
-}(F);
-c(k, "displayName", "ClearButton");
-c(k, "style", I);
-function oe(s) {
-  var _ = arguments[0], a, i = s.styles, e = s.Children, t = s.count, n = s.getI18nText, r = f.Addon;
-  return a = y(i), /* @__PURE__ */ o.createElement(r, a.cn("SCounter", v({}, 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", {})));
+  }]);
+  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$1(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 p = M(h, {
-  Text: f.Text,
-  Addon: f.Addon,
-  Counter: oe,
-  TriggerButton: B,
-  ClearButton: k
+var FilterTrigger = createComponent(RootFilterTrigger, {
+  Text: BaseTrigger.Text,
+  Addon: BaseTrigger.Addon,
+  Counter,
+  TriggerButton,
+  ClearButton
 }, {
-  parent: f
+  parent: BaseTrigger
 });
 export {
-  p as default
+  FilterTrigger as default
 };

package/lib/esm/LinkTrigger.mjs

@@ -1,88 +1,101 @@
-import k from "@babel/runtime/helpers/esm/objectSpread2";
-import b from "@babel/runtime/helpers/esm/classCallCheck";
-import L from "@babel/runtime/helpers/esm/createClass";
-import A from "@babel/runtime/helpers/esm/inherits";
-import C from "@babel/runtime/helpers/esm/createSuper";
-import l from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as w } from "@semcore/utils/lib/core/index";
-import z, { sstyled as p, assignProps as m, Component as P } from "@semcore/core";
-import t from "react";
-import E from "@semcore/utils/lib/addonTextChildren";
-import F from "@semcore/icon/ChevronDown/m";
-import R from "@semcore/spin";
-import { Box as h } from "@semcore/flex-box";
-import $ from "@semcore/utils/lib/enhances/resolveColorEnhance";
-import j from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-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 } from "@semcore/utils/lib/core/index";
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
+import React from "react";
+import addonTextChildren from "@semcore/utils/lib/addonTextChildren";
+import ChevronDown from "@semcore/icon/ChevronDown/m";
+import Spin from "@semcore/spin";
+import { Box } from "@semcore/flex-box";
+import resolveColorEnhance from "@semcore/utils/lib/enhances/resolveColorEnhance";
+import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (w.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLinkTrigger_4iksg_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_4iksg_gg_:focus{outline:0}.___SLinkTrigger_4iksg_gg_.__active_4iksg_gg_,.___SLinkTrigger_4iksg_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_4iksg_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_4iksg_gg_.__active_4iksg_gg_ .___SText_4iksg_gg_,.___SLinkTrigger_4iksg_gg_:active .___SText_4iksg_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_4iksg_gg_:hover .___SText_4iksg_gg_{border-color:currentColor}}.___SLinkTrigger_4iksg_gg_ .___SText_4iksg_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_4iksg_gg_.__color_4iksg_gg_{color:var(--color_4iksg)}@media (hover:hover){.___SLinkTrigger_4iksg_gg_.__color_4iksg_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_4iksg_gg_.__disabled_4iksg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_4iksg_gg_.__keyboardFocused_4iksg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_4iksg_gg_,.___SLinkAddon_4iksg_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_4iksg_gg_:not(:only-child):first-child,.___SLinkAddon_4iksg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_4iksg_gg_:not(:only-child):last-child,.___SLinkAddon_4iksg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_4iksg_gg_{width:16px;height:16px}.___SLinkTrigger_4iksg_gg_._size_m_4iksg_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_4iksg_gg_._size_l_4iksg_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_4iksg_gg_,.___SLinkTrigger_4iksg_gg_ .___SText_4iksg_gg_{transition:none}}",
-    "4iksg_gg_"
-  ), {
-    __SLinkTrigger: "___SLinkTrigger_4iksg_gg_",
-    _disabled: "__disabled_4iksg_gg_",
-    _keyboardFocused: "__keyboardFocused_4iksg_gg_",
-    __SLinkAddon: "___SLinkAddon_4iksg_gg_",
-    _size_m: "_size_m_4iksg_gg_",
-    _size_l: "_size_l_4iksg_gg_",
-    _active: "__active_4iksg_gg_",
-    __SText: "___SText_4iksg_gg_",
-    _color: "__color_4iksg_gg_",
-    "--color": "--color_4iksg",
-    __SAddon: "___SAddon_4iksg_gg_"
+    ".___SLinkTrigger_fxjf9_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_fxjf9_gg_:focus{outline:0}.___SLinkTrigger_fxjf9_gg_.__active_fxjf9_gg_,.___SLinkTrigger_fxjf9_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_fxjf9_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_fxjf9_gg_.__active_fxjf9_gg_ .___SText_fxjf9_gg_,.___SLinkTrigger_fxjf9_gg_:active .___SText_fxjf9_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_fxjf9_gg_:hover .___SText_fxjf9_gg_{border-color:currentColor}}.___SLinkTrigger_fxjf9_gg_ .___SText_fxjf9_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_fxjf9_gg_.__color_fxjf9_gg_{color:var(--color_fxjf9)}@media (hover:hover){.___SLinkTrigger_fxjf9_gg_.__color_fxjf9_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_fxjf9_gg_.__disabled_fxjf9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_fxjf9_gg_.__keyboardFocused_fxjf9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_fxjf9_gg_,.___SLinkAddon_fxjf9_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_fxjf9_gg_:not(:only-child):first-child,.___SLinkAddon_fxjf9_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_fxjf9_gg_:not(:only-child):last-child,.___SLinkAddon_fxjf9_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_fxjf9_gg_{width:16px;height:16px}.___SLinkTrigger_fxjf9_gg_._size_m_fxjf9_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_fxjf9_gg_._size_l_fxjf9_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_fxjf9_gg_,.___SLinkTrigger_fxjf9_gg_ .___SText_fxjf9_gg_{transition:none}}",
+    /*__inner_css_end__*/
+    "fxjf9_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SLinkTrigger": "___SLinkTrigger_fxjf9_gg_",
+    "_disabled": "__disabled_fxjf9_gg_",
+    "_keyboardFocused": "__keyboardFocused_fxjf9_gg_",
+    "__SLinkAddon": "___SLinkAddon_fxjf9_gg_",
+    "_size_m": "_size_m_fxjf9_gg_",
+    "_size_l": "_size_l_fxjf9_gg_",
+    "_active": "__active_fxjf9_gg_",
+    "__SText": "___SText_fxjf9_gg_",
+    "_color": "__color_fxjf9_gg_",
+    "--color": "--color_fxjf9",
+    "__SAddon": "___SAddon_fxjf9_gg_"
   })
-), a = /* @__PURE__ */ function(r) {
-  A(e, r);
-  var n = C(e);
-  function e() {
-    return b(this, e), 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(e, [{
+  _createClass(RootLinkTrigger2, [{
     key: "getTextProps",
-    value: function() {
-      var i = this.asProps, _ = i.placeholder, o = i.empty;
+    value: function getTextProps() {
+      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
       return {
-        placeholder: _,
-        empty: o
+        placeholder,
+        empty
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var i = this.asProps, _, o = h, c = d.Addon, g = this.asProps, v = g.Children, f = g.loading, S = g.styles, u = g.empty, x = g.color, T = g.resolveColor, y = T(x);
-      return _ = p(S), /* @__PURE__ */ t.createElement(o, _.cn("SLinkTrigger", k({}, m({
-        tag: "button",
-        type: "button",
-        "use:color": y
-      }, i))), E(v, d.Text, d.Addon, u), /* @__PURE__ */ t.createElement(c, _.cn("SLinkAddon", {}), f ? /* @__PURE__ */ t.createElement(R, _.cn("Spin", {
-        size: "xs",
-        theme: "currentColor"
-      })) : /* @__PURE__ */ t.createElement(F, _.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$1(styles), /* @__PURE__ */ React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, assignProps({
+        "tag": "button",
+        "type": "button",
+        "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", {}))));
     }
-  }]), e;
-}(P);
-l(a, "displayName", "LinkTrigger");
-l(a, "style", D);
-l(a, "defaultProps", {
+  }]);
+  return RootLinkTrigger2;
+}(Component);
+_defineProperty(RootLinkTrigger, "displayName", "LinkTrigger");
+_defineProperty(RootLinkTrigger, "style", style);
+_defineProperty(RootLinkTrigger, "defaultProps", {
   size: "m"
 });
-l(a, "enhance", [j(), $()]);
-function B(r) {
-  var n = arguments[0], e, s = h, i = r.children, _ = r.styles, o = r.empty, c = r.placeholder;
-  return e = p(_), /* "use:" prefix was used for backward compatibility (by lsroman) */
-  /* @__PURE__ */ t.createElement(s, e.cn("SText", k({}, m({
-    "display-placeholder": o
-  }, n))), o ? c : i);
+_defineProperty(RootLinkTrigger, "enhance", [keyboardFocusEnhance(), 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$1(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 N(r) {
-  var n = arguments[0], e, s = h;
-  return e = p(r.styles), /* @__PURE__ */ t.createElement(s, e.cn("SAddon", k({}, m({}, n))));
+function Addon(props) {
+  var _ref3 = arguments[0], _ref6;
+  var SAddon = Box;
+  return _ref6 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({}, _ref3))));
 }
-var d = z(a, {
-  Text: B,
-  Addon: N
+var LinkTrigger = createComponent(RootLinkTrigger, {
+  Text,
+  Addon
 });
 export {
-  d 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
 };