@semcore/base-trigger 4.52.1 → 16.0.0-prerelease.10

package/lib/esm/FilterTrigger.mjs

@@ -1,108 +1,117 @@
-import y 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 u 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 h, assignProps as b, Component as F } from "@semcore/core";
-import i 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, 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"];
+var style = (
   /*__reshadow_css_start__*/
-  (D.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SFilterTrigger_1ui6y_gg_.__selected_1ui6y_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_1ui6y_gg_.__selected_1ui6y_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1ui6y_gg_.__selected_1ui6y_gg_.__active_1ui6y_gg_,.___SFilterTrigger_1ui6y_gg_.__selected_1ui6y_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1ui6y_gg_{display:inline-flex}.___SWrapper_1ui6y_gg_:focus{outline:0}.___SWrapper_1ui6y_gg_.__keyboardFocused_1ui6y_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1ui6y_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}",
-    "1ui6y_gg_"
+    ".___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)}",
+    "1m3i1_gg_"
   ), {
-    __SWrapper: "___SWrapper_1ui6y_gg_",
-    _keyboardFocused: "__keyboardFocused_1ui6y_gg_",
-    __SCounter: "___SCounter_1ui6y_gg_",
-    __SFilterTrigger: "___SFilterTrigger_1ui6y_gg_",
-    _selected: "__selected_1ui6y_gg_",
-    _active: "__active_1ui6y_gg_"
+    "__SCounter": "___SCounter_1m3i1_gg_",
+    "__SFilterTrigger": "___SFilterTrigger_1m3i1_gg_",
+    "_selected": "__selected_1m3i1_gg_",
+    "_active": "__active_1m3i1_gg_",
+    "__SWrapper": "___SWrapper_1m3i1_gg_"
   })
-), ae = [].concat($(X), ["aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"]), v = /* @__PURE__ */ function(s) {
-  x(a, s);
-  var d = 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 = d.call.apply(d, [this].concat(t)), u(A(n), "handleStopPropagation", function(r) {
-      return r.stopPropagation();
-    }), u(A(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() {
-        Z(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, g = e.disabled, c = e.includeInputProps, _ = e.triggerRef;
-      e["data-ui-name"];
-      var m = w(e, te), P = U(m, c), z = W(P, 1), N = z[0];
-      return y({
-        size: o,
-        placeholder: r,
-        empty: t,
-        selected: !t,
-        active: l,
-        disabled: g,
-        triggerRef: _
-      }, 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, g = 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(o, this.handleClear, this.handleStopPropagation),
+        size,
+        empty,
+        onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),
         onKeyDown: this.handleStopPropagation,
-        disabled: l,
-        getI18nText: g
+        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 = H, r = this.asProps, l = r.Children, g = r.styles, c = r.getI18nText, _ = r.empty, m = r.forcedAdvancedMode, P = m || ee(l, [p.TriggerButton.displayName, p.ClearButton.displayName], !0);
-      return t = h(g), /* @__PURE__ */ i.createElement(o, t.cn("SWrapper", y({}, b({
-        "aria-label": c("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,
@@ -112,94 +121,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__ */ i.createElement(O, t.cn("NeighborLocation", {}), P ? /* @__PURE__ */ i.createElement(l, t.cn("Children", {})) : /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(p.TriggerButton, null, /* @__PURE__ */ i.createElement(l, t.cn("Children", {}))), !_ && /* @__PURE__ */ i.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);
-u(v, "displayName", "FilterTrigger");
-u(v, "style", I);
-u(v, "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()]);
-u(v, "defaultProps", function() {
+}), uniqueIDEnhancement()]);
+_defineProperty(RootFilterTrigger, "defaultProps", function() {
   return {
-    includeInputProps: ae,
-    i18n: R,
+    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 d = E(a);
-  function a() {
-    return C(this, a), d.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, g = r.styles, c = r.empty, _ = r.triggerRef;
-      return t = h(g), /* @__PURE__ */ i.createElement(o, t.cn("SFilterTrigger", y({}, 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: c,
-        selected: !c,
-        ref: _,
-        animationsDisabled: !0
-      }, e))), V(l, p.Text, [p.Addon, p.Counter], c), c && /* @__PURE__ */ i.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);
-u(B, "displayName", "TriggerButton");
-u(B, "style", I);
-var k = /* @__PURE__ */ function(s) {
-  x(a, s);
-  var d = E(a);
-  function a() {
-    return C(this, a), d.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, g = r.empty, c = r.size, _ = r.disabled, m = r.getI18nText;
-      return g ? null : (t = h(l), /* @__PURE__ */ i.createElement(T, t.cn("Hint", {}), /* @__PURE__ */ i.createElement(T.Trigger, null, /* @__PURE__ */ i.createElement(o, t.cn("SFilterTrigger", y({}, b({
-        size: c,
-        empty: g,
-        selected: !0,
-        disabled: _,
-        "aria-label": m("clear")
-      }, e))), /* @__PURE__ */ i.createElement(p.Addon, {
-        tag: q
-      }))), /* @__PURE__ */ i.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(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);
-u(k, "displayName", "ClearButton");
-u(k, "style", I);
-function ie(s) {
-  var d = 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", y({}, b({
-    tag: j
-  }, d))), t !== void 0 ? /* @__PURE__ */ i.createElement(i.Fragment, null, t, /* @__PURE__ */ i.createElement(re, 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 p = M(v, {
-  Text: f.Text,
-  Addon: f.Addon,
-  Counter: ie,
-  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,96 @@
-import h 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 y, assignProps as p, 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 m } 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, 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";
+var style = (
   /*__reshadow_css_start__*/
-  (w.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLinkTrigger_nhd0y_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_nhd0y_gg_:focus{outline:0}.___SLinkTrigger_nhd0y_gg_.__active_nhd0y_gg_,.___SLinkTrigger_nhd0y_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_nhd0y_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_nhd0y_gg_.__active_nhd0y_gg_ .___SText_nhd0y_gg_,.___SLinkTrigger_nhd0y_gg_:active .___SText_nhd0y_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_nhd0y_gg_:hover .___SText_nhd0y_gg_{border-color:currentColor}}.___SLinkTrigger_nhd0y_gg_ .___SText_nhd0y_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_nhd0y_gg_.__color_nhd0y_gg_{color:var(--color_nhd0y)}@media (hover:hover){.___SLinkTrigger_nhd0y_gg_.__color_nhd0y_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_nhd0y_gg_.__disabled_nhd0y_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_nhd0y_gg_.__keyboardFocused_nhd0y_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_nhd0y_gg_,.___SLinkAddon_nhd0y_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_nhd0y_gg_:not(:only-child):first-child,.___SLinkAddon_nhd0y_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_nhd0y_gg_:not(:only-child):last-child,.___SLinkAddon_nhd0y_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_nhd0y_gg_{width:16px;height:16px}.___SLinkTrigger_nhd0y_gg_._size_m_nhd0y_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_nhd0y_gg_._size_l_nhd0y_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_nhd0y_gg_,.___SLinkTrigger_nhd0y_gg_ .___SText_nhd0y_gg_{transition:none}}",
-    "nhd0y_gg_"
+    ".___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}}",
+    "lwral_gg_"
   ), {
-    __SLinkTrigger: "___SLinkTrigger_nhd0y_gg_",
-    _disabled: "__disabled_nhd0y_gg_",
-    _keyboardFocused: "__keyboardFocused_nhd0y_gg_",
-    __SLinkAddon: "___SLinkAddon_nhd0y_gg_",
-    _size_m: "_size_m_nhd0y_gg_",
-    _size_l: "_size_l_nhd0y_gg_",
-    _active: "__active_nhd0y_gg_",
-    __SText: "___SText_nhd0y_gg_",
-    _color: "__color_nhd0y_gg_",
-    "--color": "--color_nhd0y",
-    __SAddon: "___SAddon_nhd0y_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_",
+    "--color": "--color_lwral",
+    "__SAddon": "___SAddon_lwral_gg_"
   })
-), a = /* @__PURE__ */ function(r) {
-  A(e, r);
-  var g = C(e);
-  function e() {
-    return b(this, e), g.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 n = this.asProps, _ = n.placeholder, o = n.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 n = this.asProps, _, o = m, c = s.Addon, i = this.asProps, v = i.Children, f = i.loading, k = i.styles, S = i.empty, u = i.color, x = i.resolveColor, T = x(u);
-      return _ = y(k), /* @__PURE__ */ t.createElement(o, _.cn("SLinkTrigger", h({}, p({
-        tag: "button",
-        type: "button",
-        "use:color": T
-      }, n))), E(v, s.Text, s.Addon, S), /* @__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(styles), /* @__PURE__ */ React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, assignProps({
+        "tag": "button",
+        "type": "button",
+        "tabIndex": 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", {}))));
     }
-  }]), 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 g = arguments[0], e, d = m, n = r.children, _ = r.styles, o = r.empty, c = r.placeholder;
-  return e = y(_), /* "use:" prefix was used for backward compatibility (by lsroman) */
-  /* @__PURE__ */ t.createElement(d, e.cn("SText", h({}, p({
-    "display-placeholder": o
-  }, g))), o ? c : n);
+_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 N(r) {
-  var g = arguments[0], e, d = m;
-  return e = y(r.styles), /* @__PURE__ */ t.createElement(d, e.cn("SAddon", h({}, p({}, g))));
+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 s = z(a, {
-  Text: B,
-  Addon: N
+var LinkTrigger = createComponent(RootLinkTrigger, {
+  Text,
+  Addon
 });
 export {
-  s 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
 };