@semcore/base-trigger 16.4.6-prerelease.9 → 16.5.0-prerelease.1

package/lib/esm/BaseTrigger.mjs

@@ -1,90 +1,88 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
-import { NeighborLocation, Box, InvalidStateBox } from "@semcore/base-components";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
+import logger from "@semcore/core/lib/utils/logger";
 import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
-import { Text as Text$1 } from "@semcore/typography";
+import { Box, InvalidStateBox } from "@semcore/flex-box";
+import NeighborLocation from "@semcore/neighbor-location";
 import React from "react";
 /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-const style = (
+var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBaseTrigger_zjohw_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_zjohw_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_zjohw_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_zjohw_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_zjohw_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_zjohw_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_zjohw_gg_.__active_zjohw_gg_,.___SBaseTrigger_zjohw_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_zjohw_gg_.__disabled_zjohw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_zjohw_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_zjohw_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_zjohw_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_zjohw_gg_{width:12px;height:12px}.___SBaseTrigger_zjohw_gg_._size_m_zjohw_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_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:only-child,.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_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_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._neighborLocation_right_zjohw_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_zjohw_gg_._neighborLocation_both_zjohw_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_zjohw_gg_._neighborLocation_left_zjohw_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_zjohw_gg_._neighborLocation_left_zjohw_gg_.__disabled_zjohw_gg_{border-left:none;margin-left:0}.___SText_zjohw_gg_.__display-placeholder_zjohw_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_zjohw_gg_._state_valid_zjohw_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_zjohw_gg_._state_invalid_zjohw_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_zjohw_gg_._state_invalid_zjohw_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_zjohw_gg_._size_m_zjohw_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_zjohw_gg_._size_l_zjohw_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
+    ".___SBaseTrigger_sl7ln_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_sl7ln_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_sl7ln_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_sl7ln_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_sl7ln_gg_:active{text-decoration:none}@media (hover:hover){.___SBaseTrigger_sl7ln_gg_:hover{text-decoration:none}}.___SBaseTrigger_sl7ln_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419))}@media (hover:hover){.___SBaseTrigger_sl7ln_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_sl7ln_gg_.__active_sl7ln_gg_,.___SBaseTrigger_sl7ln_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_sl7ln_gg_.__disabled_sl7ln_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_sl7ln_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_sl7ln_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_sl7ln_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_sl7ln_gg_{width:12px;height:12px}.___SBaseTrigger_sl7ln_gg_._size_m_sl7ln_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_sl7ln_gg_._size_m_sl7ln_gg_ .___SAddon_sl7ln_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_sl7ln_gg_._size_m_sl7ln_gg_ .___SAddon_sl7ln_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_sl7ln_gg_._size_l_sl7ln_gg_ .___SAddon_sl7ln_gg_:only-child,.___SBaseTrigger_sl7ln_gg_._size_m_sl7ln_gg_ .___SAddon_sl7ln_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_sl7ln_gg_._size_l_sl7ln_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_sl7ln_gg_._size_l_sl7ln_gg_ .___SAddon_sl7ln_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_sl7ln_gg_._size_l_sl7ln_gg_ .___SAddon_sl7ln_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_sl7ln_gg_._neighborLocation_right_sl7ln_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_sl7ln_gg_._neighborLocation_both_sl7ln_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_sl7ln_gg_._neighborLocation_left_sl7ln_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_sl7ln_gg_._neighborLocation_left_sl7ln_gg_.__disabled_sl7ln_gg_{border-left:none;margin-left:0}.___SText_sl7ln_gg_.__display-placeholder_sl7ln_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_sl7ln_gg_._state_valid_sl7ln_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_sl7ln_gg_._state_valid_sl7ln_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_sl7ln_gg_._state_valid_sl7ln_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_sl7ln_gg_._state_invalid_sl7ln_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_sl7ln_gg_._state_invalid_sl7ln_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_sl7ln_gg_._state_invalid_sl7ln_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_sl7ln_gg_._state_invalid_sl7ln_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 2, 7, 0.652))}.___SInvalidPattern_sl7ln_gg_._size_m_sl7ln_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_sl7ln_gg_._size_l_sl7ln_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
     /*__inner_css_end__*/
-    "zjohw_gg_"
+    "sl7ln_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBaseTrigger": "___SBaseTrigger_zjohw_gg_",
-    "_disabled": "__disabled_zjohw_gg_",
-    "__SInner": "___SInner_zjohw_gg_",
-    "__SText": "___SText_zjohw_gg_",
-    "__SAddon": "___SAddon_zjohw_gg_",
-    "__SBaseAddon": "___SBaseAddon_zjohw_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_zjohw_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_zjohw_gg_",
-    "_display-placeholder": "__display-placeholder_zjohw_gg_",
-    "_state_valid": "_state_valid_zjohw_gg_",
-    "__SInvalidPattern": "___SInvalidPattern_zjohw_gg_",
-    "_size_m": "_size_m_zjohw_gg_",
-    "_size_l": "_size_l_zjohw_gg_",
-    "_active": "__active_zjohw_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_zjohw_gg_",
-    "_state_invalid": "_state_invalid_zjohw_gg_"
+    "__SBaseTrigger": "___SBaseTrigger_sl7ln_gg_",
+    "_disabled": "__disabled_sl7ln_gg_",
+    "__SInner": "___SInner_sl7ln_gg_",
+    "__SText": "___SText_sl7ln_gg_",
+    "__SAddon": "___SAddon_sl7ln_gg_",
+    "__SBaseAddon": "___SBaseAddon_sl7ln_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_sl7ln_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_sl7ln_gg_",
+    "_display-placeholder": "__display-placeholder_sl7ln_gg_",
+    "_state_valid": "_state_valid_sl7ln_gg_",
+    "__SInvalidPattern": "___SInvalidPattern_sl7ln_gg_",
+    "_size_m": "_size_m_sl7ln_gg_",
+    "_size_l": "_size_l_sl7ln_gg_",
+    "_active": "__active_sl7ln_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_sl7ln_gg_",
+    "_state_invalid": "_state_invalid_sl7ln_gg_"
   })
 );
-class RootBaseTrigger extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "triggerRef", /* @__PURE__ */ React.createRef());
+var RootBaseTrigger = /* @__PURE__ */ (function(_Component) {
+  function RootBaseTrigger2() {
+    _classCallCheck(this, RootBaseTrigger2);
+    return _callSuper(this, RootBaseTrigger2, arguments);
   }
-  getTextProps() {
-    const {
-      placeholder,
-      empty
-    } = this.asProps;
-    return {
-      placeholder,
-      empty,
-      triggerRef: this.triggerRef
-    };
-  }
-  render() {
-    var _ref = this.asProps;
-    const SBaseTrigger = Box;
-    const SInner = "span";
-    const SInvalidPattern = InvalidStateBox;
-    const {
-      Children,
-      styles,
-      theme,
-      neighborLocation,
-      empty,
-      state,
-      size
-    } = this.asProps;
-    return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
-      neighborLocation
-    }, (neighborLocation2) => {
-      var _ref4;
-      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", {
-        ...assignProps({
+  _inherits(RootBaseTrigger2, _Component);
+  return _createClass(RootBaseTrigger2, [{
+    key: "getTextProps",
+    value: function getTextProps() {
+      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
+      return {
+        placeholder,
+        empty
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps, _this = this;
+      var SBaseTrigger = Box;
+      var SInner = "span";
+      var SInvalidPattern = InvalidStateBox;
+      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, styles = _this$asProps2.styles, theme = _this$asProps2.theme, neighborLocation = _this$asProps2.neighborLocation, empty = _this$asProps2.empty, state = _this$asProps2.state, size = _this$asProps2.size;
+      logger.warn(theme !== void 0, "The 'theme' property is deprecated, use 'state'", this.asProps["data-ui-name"] || BaseTrigger.displayName);
+      return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
+        neighborLocation
+      }, function(neighborLocation2) {
+        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": this.triggerRef
-        }, _ref)
-      }), state === "invalid" && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
-        "size": size
-      })), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {
-        "data-ui-name": `${this.asProps["data-ui-name"]}.InnerTriggerWrapper`
-      }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
-    });
-  }
-}
+          "state": theme
+        }, _ref))), state === "invalid" && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
+          "size": size
+        })), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {
+          "data-ui-name": "".concat(_this.asProps["data-ui-name"], ".InnerTriggerWrapper")
+        }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
+      });
+    }
+  }]);
+})(Component);
 _defineProperty(RootBaseTrigger, "displayName", "BaseTrigger");
 _defineProperty(RootBaseTrigger, "enhance", [cssVariableEnhance({
   variable: "--intergalactic-duration-control",
@@ -102,42 +100,20 @@ _defineProperty(RootBaseTrigger, "defaultProps", {
 });
 function Text(props) {
   var _ref2 = arguments[0], _ref5;
-  const SText = Text$1;
-  const textRef = React.useRef();
-  const {
-    children,
-    styles,
-    empty,
-    placeholder,
-    triggerRef,
-    ellipsis = false,
-    hintProps
-  } = props;
-  const content = empty ? placeholder : children;
-  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", {
-    ...assignProps({
-      "display-placeholder": empty,
-      "aria-hidden": empty,
-      "ref": textRef,
-      "ellipsis": ellipsis,
-      "hintProps": {
-        ...hintProps,
-        triggerRef
-      }
-    }, _ref2)
-  }), content));
+  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 Addon(props) {
   var _ref3 = arguments[0], _ref6;
-  const SAddon = Box;
-  const {
-    styles
-  } = props;
-  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", {
-    ...assignProps({}, _ref3)
-  }));
+  var SAddon = Box;
+  var styles = props.styles;
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({}, _ref3))));
 }
-const BaseTrigger = createComponent(RootBaseTrigger, {
+var BaseTrigger = createComponent(RootBaseTrigger, {
   Text,
   Addon
 });

package/lib/esm/ButtonTrigger.mjs

@@ -1,5 +1,9 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
 import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
@@ -8,49 +12,55 @@ import Spin from "@semcore/spin";
 import React from "react";
 import BaseTrigger from "./BaseTrigger.mjs";
 /*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-const style = (
+var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SButtonAddon_1w7ap_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1w7ap_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}",
+    ".___SButtonAddon_1gtt8_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1gtt8_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}",
     /*__inner_css_end__*/
-    "1w7ap_gg_"
+    "1gtt8_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButtonAddon": "___SButtonAddon_1w7ap_gg_",
-    "__SButtonTriggerSpin": "___SButtonTriggerSpin_1w7ap_gg_"
+    "__SButtonAddon": "___SButtonAddon_1gtt8_gg_",
+    "__SButtonTriggerSpin": "___SButtonTriggerSpin_1gtt8_gg_"
   })
 );
-class RootButtonTrigger extends Component {
-  getTextProps() {
-    return {
-      tag: "span"
-    };
+var RootButtonTrigger = /* @__PURE__ */ (function(_Component) {
+  function RootButtonTrigger2() {
+    _classCallCheck(this, RootButtonTrigger2);
+    return _callSuper(this, RootButtonTrigger2, arguments);
   }
-  getAddonProps() {
-    return {
-      tag: "span"
-    };
-  }
-  render() {
-    var _ref = this.asProps, _ref2;
-    const SButtonAddon = ButtonTrigger.Addon;
-    const SButtonTriggerSpin = Spin;
-    const {
-      Children,
-      styles,
-      loading,
-      chevron,
-      empty
-    } = this.asProps;
-    return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(BaseTrigger, assignProps({
-      "tabIndex": loading ? -1 : 0
-    }, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /* @__PURE__ */ React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /* @__PURE__ */ React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
-      "size": "xs",
-      "theme": false
-    })) : /* @__PURE__ */ React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
-  }
-}
+  _inherits(RootButtonTrigger2, _Component);
+  return _createClass(RootButtonTrigger2, [{
+    key: "getTextProps",
+    value: function getTextProps() {
+      return {
+        tag: "span"
+      };
+    }
+  }, {
+    key: "getAddonProps",
+    value: function getAddonProps() {
+      return {
+        tag: "span"
+      };
+    }
+  }, {
+    key: "render",
+    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({
+        "tabIndex": loading ? -1 : 0
+      }, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /* @__PURE__ */ React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /* @__PURE__ */ React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
+        "size": "xs",
+        "theme": false
+      })) : /* @__PURE__ */ React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
+    }
+  }]);
+})(Component);
 _defineProperty(RootButtonTrigger, "displayName", "ButtonTrigger");
 _defineProperty(RootButtonTrigger, "style", style);
 _defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
@@ -65,7 +75,7 @@ _defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
 _defineProperty(RootButtonTrigger, "defaultProps", {
   chevron: true
 });
-const ButtonTrigger = createComponent(RootButtonTrigger, {
+var ButtonTrigger = createComponent(RootButtonTrigger, {
   Text: BaseTrigger.Text,
   Addon: BaseTrigger.Addon
 }, {