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

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,107 @@
-import p from "@babel/runtime/helpers/esm/objectSpread2";
+import h 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 s from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as d, createComponent as I, assignProps as m, Component as L } 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 { Box as f, InvalidStateBox as C } from "@semcore/flex-box";
+import E from "@semcore/neighbor-location";
+import j from "@semcore/core/lib/utils/addonTextChildren";
+import N from "@semcore/core/lib/utils/logger";
+import R from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
+import { cssVariableEnhance as $ } from "@semcore/core/lib/utils/useCssVariable";
+var D = (
   /*__reshadow_css_start__*/
-  (I.insert(
+  (d.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(_) {
+), c = /* @__PURE__ */ function(_) {
   P(e, _);
-  var g = A(e);
+  var o = A(e);
   function e() {
-    return z(this, e), g.apply(this, arguments);
+    return z(this, e), o.apply(this, arguments);
   }
   return w(e, [{
     key: "getTextProps",
     value: function() {
-      var r = this.asProps, o = r.placeholder, a = r.empty;
+      var r = this.asProps, n = r.placeholder, i = r.empty;
       return {
-        placeholder: o,
-        empty: a
+        placeholder: n,
+        empty: i
       };
     }
   }, {
     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
+      var r = this.asProps, n = f, i = "span", v = C, a = this.asProps, b = a.Children, x = a.styles, k = a.theme, u = a.neighborLocation, S = a.empty, y = a.state, T = a.size;
+      return N.warn(k !== void 0, "The 'theme' property is deprecated, use 'state'", this.asProps["data-ui-name"] || p.displayName), /* @__PURE__ */ t.createElement(E.Detect, {
+        neighborLocation: u
       }, function(B) {
-        var s;
-        return s = h(b), /* @__PURE__ */ t.createElement(o, s.cn("SBaseTrigger", p({}, m({
+        var l;
+        return l = d(x), /* @__PURE__ */ t.createElement(n, l.cn("SBaseTrigger", h({}, m({
           tag: "button",
           type: "button",
+          tabIndex: 0,
           neighborLocation: B,
-          state: v
-        }, r))), y === "invalid" && /* @__PURE__ */ t.createElement(d, s.cn("SInvalidPattern", {
+          state: k
+        }, r))), y === "invalid" && /* @__PURE__ */ t.createElement(v, l.cn("SInvalidPattern", {
           size: T
-        })), /* @__PURE__ */ t.createElement(a, s.cn("SInner", {}), N(f, u.Text, u.Addon, S)));
+        })), /* @__PURE__ */ t.createElement(i, l.cn("SInner", {}), j(b, p.Text, p.Addon, S)));
       });
     }
   }]), e;
-}(C);
-c(l, "displayName", "BaseTrigger");
-c(l, "enhance", [j(), D({
+}(L);
+s(c, "displayName", "BaseTrigger");
+s(c, "enhance", [$({
   variable: "--intergalactic-duration-control",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
-}), $({
+}), R({
   animateProps: ["width"],
   onChangeOf: ["value"]
 })]);
-c(l, "style", O);
-c(l, "defaultProps", {
+s(c, "style", D);
+s(c, "defaultProps", {
   size: "m",
   empty: !1
 });
-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 O(_) {
+  var o = arguments[0], e, g = f, r = _.children, n = _.styles, i = _.empty, v = _.placeholder;
+  return e = d(n), /* @__PURE__ */ t.createElement(g, e.cn("SText", h({}, m({
+    "display-placeholder": i,
+    "aria-hidden": i
+  }, o))), i ? v : r);
 }
-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 V(_) {
+  var o = arguments[0], e, g = f, r = _.styles;
+  return e = d(r), /* @__PURE__ */ t.createElement(g, e.cn("SAddon", h({}, m({}, o))));
 }
-var u = L(l, {
-  Text: V,
-  Addon: q
+var p = I(c, {
+  Text: O,
+  Addon: V
 });
 export {
-  u as default
+  p as default
 };

package/lib/esm/ButtonTrigger.mjs

@@ -1,34 +1,33 @@
-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 T from "@babel/runtime/helpers/esm/classCallCheck";
+import B from "@babel/runtime/helpers/esm/createClass";
+import y from "@babel/runtime/helpers/esm/inherits";
+import A from "@babel/runtime/helpers/esm/createSuper";
+import a from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as g, createComponent as C, assignProps as P, Component as x } 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 E from "@semcore/core/lib/utils/addonTextChildren";
+import k from "@semcore/icon/ChevronDown/m";
+import i from "./BaseTrigger.mjs";
+import b from "@semcore/spin";
+import w from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
+import { cssVariableEnhance as R } from "@semcore/core/lib/utils/useCssVariable";
+var z = (
   /*__reshadow_css_start__*/
-  (A.insert(
+  (g.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);
+), t = /* @__PURE__ */ function(u) {
+  y(r, u);
+  var m = A(r);
   function r() {
-    return S(this, r), m.apply(this, arguments);
+    return T(this, r), m.apply(this, arguments);
   }
-  return y(r, [{
+  return B(r, [{
     key: "getTextProps",
     value: function() {
       return {
@@ -45,34 +44,34 @@ var D = (
   }, {
     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", {
+      var _ = this.asProps, n, l = p.Addon, c = b, e = this.asProps, f = e.Children, h = e.styles, d = e.loading, v = e.chevron, S = e.empty;
+      return n = g(h), /* @__PURE__ */ o.createElement(i, P({}, _), E(f, p.Text, p.Addon, S), (v || d) && /* @__PURE__ */ o.createElement(l, n.cn("SButtonAddon", {}), d ? /* @__PURE__ */ o.createElement(c, n.cn("SButtonTriggerSpin", {
         size: "xs",
         theme: !1
-      })) : /* @__PURE__ */ o.createElement(b, n.cn("ChevronDown", {}))));
+      })) : /* @__PURE__ */ o.createElement(k, n.cn("ChevronDown", {}))));
     }
   }]), r;
-}(E);
-i(e, "displayName", "ButtonTrigger");
-i(e, "style", D);
-i(e, "enhance", [z({
+}(x);
+a(t, "displayName", "ButtonTrigger");
+a(t, "style", z);
+a(t, "enhance", [R({
   variable: "--intergalactic-duration-control",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
-}), R({
+}), w({
   animateProps: ["width"],
   onChangeOf: ["value"]
 })]);
-i(e, "defaultProps", {
+a(t, "defaultProps", {
   chevron: !0
 });
-var s = C(e, {
-  Text: a.Text,
-  Addon: a.Addon
+var p = C(t, {
+  Text: i.Text,
+  Addon: i.Addon
 }, {
-  parent: a
+  parent: i
 });
 export {
-  s as default
+  p as default
 };