@semcore/base-trigger 4.54.0-prerelease.1 → 4.54.0-prerelease.5

package/lib/cjs/BaseTrigger.js

@@ -1,7 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,49 +8,50 @@ exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
+var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
+var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
+var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
+var _typography = require("@semcore/typography");
 var _react = _interopRequireDefault(require("react"));
-var _flexBox = require("@semcore/flex-box");
-var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
-var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
-var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
-var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
-var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
-var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
 /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_x7fai_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, 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_x7fai_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_x7fai_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_x7fai_gg_:active,.___SBaseTrigger_x7fai_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_x7fai_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_x7fai_gg_.__keyboardFocused_x7fai_gg_{border:1px solid var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386));box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_x7fai_gg_.__keyboardFocused_x7fai_gg_{border:1px solid var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_.__keyboardFocused_x7fai_gg_{border:1px solid var(--intergalactic-border-info-active, color(display-p3 0.01805 0.08333 0.73488 / 0.386))}}}@media (hover:hover){.___SBaseTrigger_x7fai_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_x7fai_gg_.__active_x7fai_gg_,.___SBaseTrigger_x7fai_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_x7fai_gg_.__active_x7fai_gg_,.___SBaseTrigger_x7fai_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_.__active_x7fai_gg_,.___SBaseTrigger_x7fai_gg_:active{border-color:var(--intergalactic-border-info-active, color(display-p3 0.01805 0.08333 0.73488 / 0.386))}}}.___SBaseTrigger_x7fai_gg_.__disabled_x7fai_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_x7fai_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_x7fai_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_x7fai_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_x7fai_gg_{width:12px;height:12px}.___SBaseTrigger_x7fai_gg_._size_m_x7fai_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_x7fai_gg_._size_m_x7fai_gg_ .___SAddon_x7fai_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x7fai_gg_._size_m_x7fai_gg_ .___SAddon_x7fai_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x7fai_gg_._size_l_x7fai_gg_ .___SAddon_x7fai_gg_:only-child,.___SBaseTrigger_x7fai_gg_._size_m_x7fai_gg_ .___SAddon_x7fai_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_x7fai_gg_._size_l_x7fai_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_x7fai_gg_._size_l_x7fai_gg_ .___SAddon_x7fai_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x7fai_gg_._size_l_x7fai_gg_ .___SAddon_x7fai_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x7fai_gg_._neighborLocation_right_x7fai_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_x7fai_gg_._neighborLocation_both_x7fai_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_x7fai_gg_._neighborLocation_left_x7fai_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_x7fai_gg_.__display-placeholder_x7fai_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_x7fai_gg_._state_valid_x7fai_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_x7fai_gg_._state_valid_x7fai_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_._state_valid_x7fai_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_.__keyboardFocused_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_.__keyboardFocused_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_.__keyboardFocused_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SInvalidPattern_x7fai_gg_._size_m_x7fai_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_x7fai_gg_._size_l_x7fai_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"x7fai_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_10iri_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, 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_10iri_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_10iri_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_10iri_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_10iri_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_10iri_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419))}@media (hover:hover){.___SBaseTrigger_10iri_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_10iri_gg_.__active_10iri_gg_,.___SBaseTrigger_10iri_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_10iri_gg_.__disabled_10iri_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_10iri_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_10iri_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_10iri_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_10iri_gg_{width:12px;height:12px}.___SBaseTrigger_10iri_gg_._size_m_10iri_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_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:only-child,.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_10iri_gg_._size_l_10iri_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_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._neighborLocation_right_10iri_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_10iri_gg_._neighborLocation_both_10iri_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_10iri_gg_._neighborLocation_left_10iri_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_10iri_gg_._neighborLocation_left_10iri_gg_.__disabled_10iri_gg_{border-left:none;margin-left:0}.___SText_10iri_gg_.__display-placeholder_10iri_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 2, 7, 0.652))}.___SInvalidPattern_10iri_gg_._size_m_10iri_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_10iri_gg_._size_l_10iri_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"10iri_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBaseTrigger": "___SBaseTrigger_x7fai_gg_",
-  "_disabled": "__disabled_x7fai_gg_",
-  "__SInner": "___SInner_x7fai_gg_",
-  "__SText": "___SText_x7fai_gg_",
-  "__SAddon": "___SAddon_x7fai_gg_",
-  "__SBaseAddon": "___SBaseAddon_x7fai_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_x7fai_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_x7fai_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_x7fai_gg_",
-  "_display-placeholder": "__display-placeholder_x7fai_gg_",
-  "_state_valid": "_state_valid_x7fai_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_x7fai_gg_",
-  "_size_m": "_size_m_x7fai_gg_",
-  "_size_l": "_size_l_x7fai_gg_",
-  "_keyboardFocused": "__keyboardFocused_x7fai_gg_",
-  "_active": "__active_x7fai_gg_",
-  "_state_invalid": "_state_invalid_x7fai_gg_"
+  "__SBaseTrigger": "___SBaseTrigger_10iri_gg_",
+  "_disabled": "__disabled_10iri_gg_",
+  "__SInner": "___SInner_10iri_gg_",
+  "__SText": "___SText_10iri_gg_",
+  "__SAddon": "___SAddon_10iri_gg_",
+  "__SBaseAddon": "___SBaseAddon_10iri_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_10iri_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_10iri_gg_",
+  "_display-placeholder": "__display-placeholder_10iri_gg_",
+  "_state_valid": "_state_valid_10iri_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_10iri_gg_",
+  "_size_m": "_size_m_10iri_gg_",
+  "_size_l": "_size_l_10iri_gg_",
+  "_active": "__active_10iri_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_10iri_gg_",
+  "_state_invalid": "_state_invalid_10iri_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(RootBaseTrigger, _Component);
-  var _super = (0, _createSuper2["default"])(RootBaseTrigger);
   function RootBaseTrigger() {
+    var _this;
     (0, _classCallCheck2["default"])(this, RootBaseTrigger);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2["default"])(this, RootBaseTrigger, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "triggerRef", /*#__PURE__*/_react["default"].createRef());
+    return _this;
   }
-  (0, _createClass2["default"])(RootBaseTrigger, [{
+  (0, _inherits2["default"])(RootBaseTrigger, _Component);
+  return (0, _createClass2["default"])(RootBaseTrigger, [{
     key: "getTextProps",
     value: function getTextProps() {
       var _this$asProps = this.asProps,
@@ -59,16 +59,18 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
         empty = _this$asProps.empty;
       return {
         placeholder: placeholder,
-        empty: empty
+        empty: empty,
+        triggerRef: this.triggerRef
       };
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps;
-      var SBaseTrigger = _flexBox.Box;
+      var _ref = this.asProps,
+        _this2 = this;
+      var SBaseTrigger = _baseComponents.Box;
       var SInner = 'span';
-      var SInvalidPattern = _flexBox.InvalidStateBox;
+      var SInvalidPattern = _baseComponents.InvalidStateBox;
       var _this$asProps2 = this.asProps,
         Children = _this$asProps2.Children,
         styles = _this$asProps2.styles,
@@ -77,28 +79,30 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
         empty = _this$asProps2.empty,
         state = _this$asProps2.state,
         size = _this$asProps2.size;
-      _logger["default"].warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName);
 
       // TODO: add aria
-      return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
+      return /*#__PURE__*/_react["default"].createElement(_baseComponents.NeighborLocation.Detect, {
         neighborLocation: neighborLocation
       }, function (neighborLocation) {
         var _ref4;
         return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
           "tag": 'button',
           "type": 'button',
+          "tabIndex": 0,
           "neighborLocation": neighborLocation,
-          "state": theme
+          "state": theme,
+          "ref": _this2.triggerRef
         }, _ref))), state === 'invalid' && /*#__PURE__*/_react["default"].createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
           "size": size
-        })), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
+        })), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {
+          "data-ui-name": "".concat(_this2.asProps['data-ui-name'], ".InnerTriggerWrapper")
+        }), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
       });
     }
   }]);
-  return RootBaseTrigger;
 }(_core.Component);
 (0, _defineProperty2["default"])(RootBaseTrigger, "displayName", 'BaseTrigger');
-(0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _useCssVariable.cssVariableEnhance)({
+(0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
   variable: '--intergalactic-duration-control',
   fallback: '200',
   map: Number.parseInt,
@@ -115,27 +119,34 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
 function Text(props) {
   var _ref2 = arguments[0],
     _ref5;
-  var SText = _flexBox.Box;
+  var SText = _typography.Text;
+  var textRef = _react["default"].useRef();
   var children = props.children,
     styles = props.styles,
     empty = props.empty,
-    placeholder = props.placeholder;
-  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    placeholder = props.placeholder,
+    triggerRef = props.triggerRef,
+    _props$ellipsis = props.ellipsis,
+    ellipsis = _props$ellipsis === void 0 ? false : _props$ellipsis;
+  var content = empty ? placeholder : children;
+  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "display-placeholder": empty,
-    "aria-hidden": empty
-  }, _ref2))), empty ? placeholder : children);
+    "aria-hidden": empty,
+    "ref": textRef,
+    "ellipsis": ellipsis,
+    "hint:triggerRef": triggerRef
+  }, _ref2))), content));
 }
 function Addon(props) {
   var _ref3 = arguments[0],
     _ref6;
-  var SAddon = _flexBox.Box;
+  var SAddon = _baseComponents.Box;
   var styles = props.styles;
   return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
 }
-var BaseTrigger = (0, _core["default"])(RootBaseTrigger, {
+var BaseTrigger = (0, _core.createComponent)(RootBaseTrigger, {
   Text: Text,
   Addon: Addon
 });
-var _default = BaseTrigger;
-exports["default"] = _default;
+var _default = exports["default"] = BaseTrigger;
 //# sourceMappingURL=BaseTrigger.js.map

package/lib/cjs/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'span';\n    const SInvalidPattern = InvalidStateBox;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger\n              render={Box}\n              tag='button'\n              type='button'\n              neighborLocation={neighborLocation}\n              state={theme}\n            >\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"BaseTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_typography","_react","style","sstyled","insert","RootBaseTrigger","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","_inherits2","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","triggerRef","render","_ref","_this2","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","createElement","NeighborLocation","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","BaseTrigger","Text","Addon","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","TextKit","textRef","useRef","children","_props$ellipsis","ellipsis","content","Fragment","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, InvalidStateBox } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Text as TextKit } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  triggerRef = React.createRef();\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n      triggerRef: this.triggerRef,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'span';\n    const SInvalidPattern = InvalidStateBox;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger\n              render={Box}\n              tag='button'\n              type='button'\n              tabIndex={0}\n              neighborLocation={neighborLocation}\n              state={theme}\n              ref={this.triggerRef}\n            >\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner data-ui-name={`${this.asProps['data-ui-name']}.InnerTriggerWrapper`}>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )}\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const textRef = React.useRef();\n  const { children, styles, empty, placeholder, triggerRef, ellipsis = false } = props;\n  const content = empty ? placeholder : children;\n\n  return sstyled(styles)(\n    <>\n      <SText\n        render={TextKit}\n        display-placeholder={empty}\n        aria-hidden={empty}\n        ref={textRef}\n        ellipsis={ellipsis}\n        hint:triggerRef={triggerRef}\n      >\n        {content}\n      </SText>\n    </>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/ButtonTrigger.js

@@ -1,40 +1,37 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
-var _react = _interopRequireDefault(require("react"));
-var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
+var _core = require("@semcore/core");
+var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
+var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
+var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
 var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
-var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
 var _spin = _interopRequireDefault(require("@semcore/spin"));
-var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
-var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
+var _react = _interopRequireDefault(require("react"));
+var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
 /*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1bty7_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1bty7_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}", /*__inner_css_end__*/"1bty7_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_rlrw5_gg_{width:12px;height:12px}.___SButtonTriggerSpin_rlrw5_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}", /*__inner_css_end__*/"rlrw5_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButtonAddon": "___SButtonAddon_1bty7_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1bty7_gg_"
+  "__SButtonAddon": "___SButtonAddon_rlrw5_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_rlrw5_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(RootButtonTrigger, _Component);
-  var _super = (0, _createSuper2["default"])(RootButtonTrigger);
   function RootButtonTrigger() {
     (0, _classCallCheck2["default"])(this, RootButtonTrigger);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2["default"])(this, RootButtonTrigger, arguments);
   }
-  (0, _createClass2["default"])(RootButtonTrigger, [{
+  (0, _inherits2["default"])(RootButtonTrigger, _Component);
+  return (0, _createClass2["default"])(RootButtonTrigger, [{
     key: "getTextProps",
     value: function getTextProps() {
       return {
@@ -59,15 +56,17 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
         Children = _this$asProps.Children,
         styles = _this$asProps.styles,
         loading = _this$asProps.loading,
+        disabled = _this$asProps.disabled,
         chevron = _this$asProps.chevron,
         empty = _this$asProps.empty;
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({
+        "use:disabled": disabled || loading
+      }, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
         "size": 'xs',
         "theme": false
       })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
     }
   }]);
-  return RootButtonTrigger;
 }(_core.Component);
 (0, _defineProperty2["default"])(RootButtonTrigger, "displayName", 'ButtonTrigger');
 (0, _defineProperty2["default"])(RootButtonTrigger, "style", style);
@@ -83,12 +82,11 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(RootButtonTrigger, "defaultProps", {
   chevron: true
 });
-var ButtonTrigger = (0, _core["default"])(RootButtonTrigger, {
+var ButtonTrigger = (0, _core.createComponent)(RootButtonTrigger, {
   Text: _BaseTrigger["default"].Text,
   Addon: _BaseTrigger["default"].Addon
 }, {
   parent: _BaseTrigger["default"]
 });
-var _default = ButtonTrigger;
-exports["default"] = _default;
+var _default = exports["default"] = ButtonTrigger;
 //# sourceMappingURL=ButtonTrigger.js.map

package/lib/cjs/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","chevron","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static defaultProps = {\n    chevron: true,\n  };\n\n  getTextProps() {\n    return {\n      tag: 'span',\n    };\n  }\n  getAddonProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, chevron, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        {(chevron || loading) && (\n          <SButtonAddon>\n            {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n          </SButtonAddon>\n        )}\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","disabled","chevron","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  static defaultProps = {\n    chevron: true,\n  };\n\n  getTextProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  getAddonProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, disabled, chevron, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} use:disabled={disabled || loading}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        {(chevron || loading) && (\n          <SButtonAddon>\n            {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n          </SButtonAddon>\n        )}\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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","ignoreList":[]}