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

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

@@ -14,7 +14,6 @@ SBaseTrigger {
   text-decoration: none;
   -webkit-tap-highlight-color: transparent;
   overflow: visible;
-  outline: 0;
   text-align: center;
   vertical-align: middle;
   font-family: inherit;
@@ -32,16 +31,12 @@ SBaseTrigger {
   }
 
   &:active,
-  &:hover,
-  &:focus {
-    outline: 0;
+  &:hover {
     text-decoration: none;
   }
 
-  &[keyboardFocused] {
+  &:focus-visible {
     border: 1px solid var(--intergalactic-border-info-active, #006dca);
-    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-    z-index: 1;
   }
 
   &:hover {
@@ -170,7 +165,7 @@ SBaseTrigger[state='valid'] {
 SBaseTrigger[state='invalid'] {
   border-color: var(--intergalactic-border-critical-active, #d1002f);
 
-  &[keyboardFocused] {
+  &:focus-visible {
     border-color: var(--intergalactic-border-critical-active, #d1002f);
     box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
   }

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

@@ -21,10 +21,6 @@ SWrapper {
   }
 }
 
-SWrapper[keyboardFocused]:focus {
-  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-}
-
 SCounter {
   background-color: var(--intergalactic-bg-primary-info, #008ff8);
-}
+}

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

@@ -20,10 +20,6 @@ SLinkTrigger {
   transition: color 0.15s ease-in-out;
   border: 0;
 
-  &:focus {
-    outline: none;
-  }
-
   &[active],
   &:hover,
   &:active {
@@ -58,11 +54,6 @@ SLinkTrigger[disabled] {
   pointer-events: none;
 }
 
-SLinkTrigger[keyboardFocused] {
-  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-  z-index: 1;
-}
-
 SAddon,
 SLinkAddon {
   display: inline-flex;

package/lib/esm/BaseTrigger.mjs

@@ -1,109 +1,119 @@
-import p from "@babel/runtime/helpers/esm/objectSpread2";
-import z from "@babel/runtime/helpers/esm/classCallCheck";
-import w from "@babel/runtime/helpers/esm/createClass";
-import P 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 I } from "@semcore/utils/lib/core/index";
-import L, { sstyled as h, assignProps as m, Component as C } from "@semcore/core";
-import t from "react";
-import { Box as k, InvalidStateBox as E } from "@semcore/flex-box";
-import F from "@semcore/neighbor-location";
-import j from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import N from "@semcore/utils/lib/addonTextChildren";
-import R from "@semcore/utils/lib/logger";
-import $ from "@semcore/utils/lib/enhances/animatedSizeEnhance";
-import { cssVariableEnhance as D } from "@semcore/utils/lib/useCssVariable";
-var O = (
+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 { Box, InvalidStateBox } from "@semcore/flex-box";
+import NeighborLocation from "@semcore/neighbor-location";
+import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
+import logger from "@semcore/core/lib/utils/logger";
+import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
+import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
+var style = (
   /*__reshadow_css_start__*/
-  (I.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBaseTrigger_1luks_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1luks_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1luks_gg_:active,.___SBaseTrigger_1luks_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1luks_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1luks_gg_.__keyboardFocused_1luks_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1luks_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1luks_gg_.__active_1luks_gg_,.___SBaseTrigger_1luks_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1luks_gg_.__disabled_1luks_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1luks_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1luks_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1luks_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1luks_gg_{width:12px;height:12px}.___SBaseTrigger_1luks_gg_._size_m_1luks_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1luks_gg_._size_m_1luks_gg_ .___SAddon_1luks_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1luks_gg_._size_m_1luks_gg_ .___SAddon_1luks_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1luks_gg_._size_l_1luks_gg_ .___SAddon_1luks_gg_:only-child,.___SBaseTrigger_1luks_gg_._size_m_1luks_gg_ .___SAddon_1luks_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1luks_gg_._size_l_1luks_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1luks_gg_._size_l_1luks_gg_ .___SAddon_1luks_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1luks_gg_._size_l_1luks_gg_ .___SAddon_1luks_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1luks_gg_._neighborLocation_right_1luks_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1luks_gg_._neighborLocation_both_1luks_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1luks_gg_._neighborLocation_left_1luks_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1luks_gg_.__display-placeholder_1luks_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1luks_gg_._state_valid_1luks_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1luks_gg_._state_invalid_1luks_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1luks_gg_._state_invalid_1luks_gg_.__keyboardFocused_1luks_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_1luks_gg_._size_m_1luks_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1luks_gg_._size_l_1luks_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
-    "1luks_gg_"
+    ".___SBaseTrigger_1ko0v_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1ko0v_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1ko0v_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1ko0v_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1ko0v_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1ko0v_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1ko0v_gg_.__active_1ko0v_gg_,.___SBaseTrigger_1ko0v_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1ko0v_gg_.__disabled_1ko0v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1ko0v_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1ko0v_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1ko0v_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1ko0v_gg_{width:12px;height:12px}.___SBaseTrigger_1ko0v_gg_._size_m_1ko0v_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1ko0v_gg_._size_m_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._size_m_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._size_l_1ko0v_gg_ .___SAddon_1ko0v_gg_:only-child,.___SBaseTrigger_1ko0v_gg_._size_m_1ko0v_gg_ .___SAddon_1ko0v_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1ko0v_gg_._size_l_1ko0v_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1ko0v_gg_._size_l_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._size_l_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._neighborLocation_right_1ko0v_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1ko0v_gg_._neighborLocation_both_1ko0v_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1ko0v_gg_._neighborLocation_left_1ko0v_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1ko0v_gg_.__display-placeholder_1ko0v_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1ko0v_gg_._state_valid_1ko0v_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1ko0v_gg_._state_invalid_1ko0v_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1ko0v_gg_._state_invalid_1ko0v_gg_:focus-visible{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_1ko0v_gg_._size_m_1ko0v_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1ko0v_gg_._size_l_1ko0v_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
+    "1ko0v_gg_"
   ), {
-    __SBaseTrigger: "___SBaseTrigger_1luks_gg_",
-    _disabled: "__disabled_1luks_gg_",
-    __SInner: "___SInner_1luks_gg_",
-    __SText: "___SText_1luks_gg_",
-    __SAddon: "___SAddon_1luks_gg_",
-    __SBaseAddon: "___SBaseAddon_1luks_gg_",
-    _neighborLocation_right: "_neighborLocation_right_1luks_gg_",
-    _neighborLocation_both: "_neighborLocation_both_1luks_gg_",
-    _neighborLocation_left: "_neighborLocation_left_1luks_gg_",
-    "_display-placeholder": "__display-placeholder_1luks_gg_",
-    _state_valid: "_state_valid_1luks_gg_",
-    __SInvalidPattern: "___SInvalidPattern_1luks_gg_",
-    _size_m: "_size_m_1luks_gg_",
-    _size_l: "_size_l_1luks_gg_",
-    _keyboardFocused: "__keyboardFocused_1luks_gg_",
-    _active: "__active_1luks_gg_",
-    _state_invalid: "_state_invalid_1luks_gg_"
+    "__SBaseTrigger": "___SBaseTrigger_1ko0v_gg_",
+    "_disabled": "__disabled_1ko0v_gg_",
+    "__SInner": "___SInner_1ko0v_gg_",
+    "__SText": "___SText_1ko0v_gg_",
+    "__SAddon": "___SAddon_1ko0v_gg_",
+    "__SBaseAddon": "___SBaseAddon_1ko0v_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_1ko0v_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_1ko0v_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_1ko0v_gg_",
+    "_display-placeholder": "__display-placeholder_1ko0v_gg_",
+    "_state_valid": "_state_valid_1ko0v_gg_",
+    "__SInvalidPattern": "___SInvalidPattern_1ko0v_gg_",
+    "_size_m": "_size_m_1ko0v_gg_",
+    "_size_l": "_size_l_1ko0v_gg_",
+    "_active": "__active_1ko0v_gg_",
+    "_state_invalid": "_state_invalid_1ko0v_gg_"
   })
-), l = /* @__PURE__ */ function(_) {
-  P(e, _);
-  var g = A(e);
-  function e() {
-    return z(this, e), g.apply(this, arguments);
+);
+var RootBaseTrigger = /* @__PURE__ */ function(_Component) {
+  _inherits(RootBaseTrigger2, _Component);
+  var _super = _createSuper(RootBaseTrigger2);
+  function RootBaseTrigger2() {
+    _classCallCheck(this, RootBaseTrigger2);
+    return _super.apply(this, arguments);
   }
-  return w(e, [{
+  _createClass(RootBaseTrigger2, [{
     key: "getTextProps",
-    value: function() {
-      var r = this.asProps, o = r.placeholder, a = r.empty;
+    value: function getTextProps() {
+      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
       return {
-        placeholder: o,
-        empty: a
+        placeholder,
+        empty
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var r = this.asProps, o = k, a = "span", d = E, i = this.asProps, f = i.Children, b = i.styles, v = i.theme, x = i.neighborLocation, S = i.empty, y = i.state, T = i.size;
-      return R.warn(v !== void 0, "The 'theme' property is deprecated, use 'state'", this.asProps["data-ui-name"] || u.displayName), /* @__PURE__ */ t.createElement(F.Detect, {
-        neighborLocation: x
-      }, function(B) {
-        var s;
-        return s = h(b), /* @__PURE__ */ t.createElement(o, s.cn("SBaseTrigger", p({}, m({
-          tag: "button",
-          type: "button",
-          neighborLocation: B,
-          state: v
-        }, r))), y === "invalid" && /* @__PURE__ */ t.createElement(d, s.cn("SInvalidPattern", {
-          size: T
-        })), /* @__PURE__ */ t.createElement(a, s.cn("SInner", {}), N(f, u.Text, u.Addon, S)));
+    value: function render() {
+      var _ref = this.asProps;
+      var SBaseTrigger = Box;
+      var SInner = "span";
+      var SInvalidPattern = InvalidStateBox;
+      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, styles = _this$asProps2.styles, theme = _this$asProps2.theme, neighborLocation = _this$asProps2.neighborLocation, empty = _this$asProps2.empty, state = _this$asProps2.state, size = _this$asProps2.size;
+      logger.warn(theme !== void 0, "The 'theme' property is deprecated, use 'state'", this.asProps["data-ui-name"] || BaseTrigger.displayName);
+      return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
+        neighborLocation
+      }, function(neighborLocation2) {
+        var _ref4;
+        return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, assignProps({
+          "tag": "button",
+          "type": "button",
+          "tabIndex": 0,
+          "neighborLocation": neighborLocation2,
+          "state": theme
+        }, _ref))), state === "invalid" && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
+          "size": size
+        })), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {}), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
       });
     }
-  }]), e;
-}(C);
-c(l, "displayName", "BaseTrigger");
-c(l, "enhance", [j(), D({
+  }]);
+  return RootBaseTrigger2;
+}(Component);
+_defineProperty(RootBaseTrigger, "displayName", "BaseTrigger");
+_defineProperty(RootBaseTrigger, "enhance", [cssVariableEnhance({
   variable: "--intergalactic-duration-control",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
-}), $({
+}), animatedSizeEnhance({
   animateProps: ["width"],
   onChangeOf: ["value"]
 })]);
-c(l, "style", O);
-c(l, "defaultProps", {
+_defineProperty(RootBaseTrigger, "style", style);
+_defineProperty(RootBaseTrigger, "defaultProps", {
   size: "m",
-  empty: !1
+  empty: false
 });
-function V(_) {
-  var g = arguments[0], e, n = k, r = _.children, o = _.styles, a = _.empty, d = _.placeholder;
-  return e = h(o), /* @__PURE__ */ t.createElement(n, e.cn("SText", p({}, m({
-    "display-placeholder": a,
-    "aria-hidden": a
-  }, g))), a ? d : r);
+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), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({
+    "display-placeholder": empty,
+    "aria-hidden": empty
+  }, _ref2))), empty ? placeholder : children);
 }
-function q(_) {
-  var g = arguments[0], e, n = k, r = _.styles;
-  return e = h(r), /* @__PURE__ */ t.createElement(n, e.cn("SAddon", p({}, m({}, g))));
+function Addon(props) {
+  var _ref3 = arguments[0], _ref6;
+  var SAddon = Box;
+  var styles = props.styles;
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({}, _ref3))));
 }
-var u = L(l, {
-  Text: V,
-  Addon: q
+var BaseTrigger = createComponent(RootBaseTrigger, {
+  Text,
+  Addon
 });
 export {
-  u as default
+  BaseTrigger as default
 };

package/lib/esm/ButtonTrigger.mjs

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