@semcore/base-trigger 17.0.0-prerelease.29 → 17.0.0-prerelease.31

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [17.0.0] - 2026-02-27
+## [17.0.0] - 2026-03-27
 
 ### BREAK
 

package/lib/cjs/BaseTrigger.js

@@ -113,8 +113,7 @@ function Text(props) {
     empty,
     placeholder,
     triggerRef,
-    ellipsis = false,
-    hintProps
+    ellipsis = false
   } = props;
   const 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", {
@@ -123,10 +122,7 @@ function Text(props) {
       "aria-hidden": empty,
       "ref": textRef,
       "ellipsis": ellipsis,
-      "hintProps": {
-        ...hintProps,
-        triggerRef
-      }
+      "hint:triggerRef": triggerRef
     }, _ref2)
   }), content));
 }

package/lib/cjs/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_typography","_react","style","sstyled","insert","RootBaseTrigger","Component","constructor","args","_defineProperty2","default","React","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","Children","styles","theme","neighborLocation","state","size","createElement","NeighborLocation","Detect","_ref4","cn","assignProps","addonTextChildren","BaseTrigger","Text","Addon","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","TextKit","textRef","useRef","children","ellipsis","hintProps","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, hintProps } = 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        hintProps={{\n          ...hintProps,\n          triggerRef,\n        }}\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":[]}
+{"version":3,"file":"BaseTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_typography","_react","style","sstyled","insert","RootBaseTrigger","Component","constructor","args","_defineProperty2","default","React","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","Children","styles","theme","neighborLocation","state","size","createElement","NeighborLocation","Detect","_ref4","cn","assignProps","addonTextChildren","BaseTrigger","Text","Addon","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","TextKit","textRef","useRef","children","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

@@ -41,11 +41,12 @@ class RootButtonTrigger extends _core.Component {
       Children,
       styles,
       loading,
+      disabled,
       chevron,
       empty
     } = this.asProps;
     return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_BaseTrigger.default, (0, _core.assignProps)({
-      "tabIndex": loading ? -1 : 0
+      "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

package/lib/cjs/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","Component","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","Children","styles","loading","chevron","empty","default","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","_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, chevron, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} tabIndex={loading ? -1 : 0}>\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":[]}
+{"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","Component","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","Children","styles","loading","disabled","chevron","empty","default","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","_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":[]}

package/lib/cjs/LinkTrigger.js

@@ -7,116 +7,47 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
-var _baseComponents = require("@semcore/base-components");
+var _button = require("@semcore/button");
 var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
-var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
 var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
 var _spin = _interopRequireDefault(require("@semcore/spin"));
-var _typography = require("@semcore/typography");
 var _react = _interopRequireDefault(require("react"));
-/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_543t3_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_543t3_gg_.__active_543t3_gg_,.___SLinkTrigger_543t3_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_543t3_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_543t3_gg_.__active_543t3_gg_ .___SText_543t3_gg_,.___SLinkTrigger_543t3_gg_:active .___SText_543t3_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_543t3_gg_:hover .___SText_543t3_gg_{border-color:currentColor}}.___SLinkTrigger_543t3_gg_ .___SText_543t3_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_543t3_gg_.__color_543t3_gg_{color:var(--color_543t3)}@media (hover:hover){.___SLinkTrigger_543t3_gg_.__color_543t3_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_543t3_gg_.__disabled_543t3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_543t3_gg_,.___SLinkAddon_543t3_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_543t3_gg_:not(:only-child):first-child,.___SLinkAddon_543t3_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_543t3_gg_:not(:only-child):last-child,.___SLinkAddon_543t3_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_543t3_gg_{width:16px;height:16px}.___SLinkTrigger_543t3_gg_._size_m_543t3_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_543t3_gg_._size_l_543t3_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_543t3_gg_,.___SLinkTrigger_543t3_gg_ .___SText_543t3_gg_{transition:none}}", /*__inner_css_end__*/"543t3_gg_"),
-/*__reshadow_css_end__*/
-{
-  "__SLinkTrigger": "___SLinkTrigger_543t3_gg_",
-  "_disabled": "__disabled_543t3_gg_",
-  "__SLinkAddon": "___SLinkAddon_543t3_gg_",
-  "_size_m": "_size_m_543t3_gg_",
-  "_size_l": "_size_l_543t3_gg_",
-  "_active": "__active_543t3_gg_",
-  "__SText": "___SText_543t3_gg_",
-  "_color": "__color_543t3_gg_",
-  "--color": "--color_543t3",
-  "__SAddon": "___SAddon_543t3_gg_"
-});
 class RootLinkTrigger extends _core.Component {
-  constructor(...args) {
-    super(...args);
-    (0, _defineProperty2.default)(this, "triggerRef", /*#__PURE__*/_react.default.createRef());
-  }
-  getTextProps() {
+  getTextProps(props) {
     const {
       placeholder,
       empty
     } = this.asProps;
+    const content = empty ? placeholder : props.children;
     return {
-      placeholder,
-      empty,
-      triggerRef: this.triggerRef
+      'use:children': content,
+      empty
     };
   }
   render() {
-    var _ref = this.asProps,
-      _ref4;
-    const SLinkTrigger = _baseComponents.Box;
+    var _ref = this.asProps;
+    const SLinkTrigger = _button.ButtonLink;
     const SLinkAddon = LinkTrigger.Addon;
     const {
       Children,
       loading,
-      styles,
       empty,
-      color: providedColor,
-      resolveColor
+      disabled
     } = this.asProps;
-    const color = resolveColor(providedColor);
-    return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", {
-      ...(0, _core.assignProps)({
-        "tag": 'button',
-        "type": 'button',
-        "tabIndex": loading ? -1 : 0,
-        "ref": this.triggerRef,
-        "use:color": color
-      }, _ref)
-    }), (0, _addonTextChildren.default)(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/_react.default.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/_react.default.createElement(_spin.default, _ref4.cn("Spin", {
-      "size": 'xs',
-      "theme": 'currentColor'
-    })) : /*#__PURE__*/_react.default.createElement(_m.default, _ref4.cn("ChevronDown", {}))));
+    return /*#__PURE__*/_react.default.createElement(SLinkTrigger, (0, _core.assignProps)({
+      "use:disabled": disabled || loading
+    }, _ref), (0, _addonTextChildren.default)(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/_react.default.createElement(SLinkAddon, null, loading ? /*#__PURE__*/_react.default.createElement(_spin.default, {
+      size: "xs",
+      theme: "currentColor"
+    }) : /*#__PURE__*/_react.default.createElement(_m.default, null)));
   }
 }
 (0, _defineProperty2.default)(RootLinkTrigger, "displayName", 'LinkTrigger');
-(0, _defineProperty2.default)(RootLinkTrigger, "style", style);
-(0, _defineProperty2.default)(RootLinkTrigger, "defaultProps", {
-  size: 'm'
-});
-(0, _defineProperty2.default)(RootLinkTrigger, "enhance", [(0, _resolveColorEnhance.default)()]);
-function Text(props) {
-  var _ref2 = arguments[0],
-    _ref5;
-  const SText = _typography.Text;
-  const textRef = _react.default.useRef();
-  const {
-    children,
-    styles,
-    empty,
-    placeholder,
-    triggerRef,
-    ellipsis = false,
-    hintProps
-  } = props;
-  const 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, _core.assignProps)({
-      "display-placeholder": empty,
-      "ref": textRef,
-      "ellipsis": ellipsis,
-      "hintProps": {
-        ...hintProps,
-        triggerRef
-      }
-    }, _ref2)
-  }), content));
-}
-function Addon(props) {
-  var _ref3 = arguments[0],
-    _ref6;
-  const SAddon = _baseComponents.Box;
-  return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SAddon, _ref6.cn("SAddon", {
-    ...(0, _core.assignProps)({}, _ref3)
-  }));
-}
 const LinkTrigger = (0, _core.createComponent)(RootLinkTrigger, {
-  Text,
-  Addon
+  Text: _button.ButtonLink.Text,
+  Addon: _button.ButtonLink.Addon
+}, {
+  parent: _button.ButtonLink
 });
 var _default = exports.default = LinkTrigger;
 //# sourceMappingURL=LinkTrigger.js.map

package/lib/cjs/LinkTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_resolveColorEnhance","_m","_spin","_typography","_react","style","sstyled","insert","RootLinkTrigger","Component","constructor","args","_defineProperty2","default","React","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","_ref4","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","color","providedColor","resolveColor","createElement","cn","assignProps","addonTextChildren","Text","size","resolveColorEnhance","props","_ref2","arguments[0]","_ref5","SText","TextKit","textRef","useRef","children","ellipsis","hintProps","content","Fragment","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Text as TextKit } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n  static displayName = 'LinkTrigger';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n\n  static enhance = [resolveColorEnhance()];\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 SLinkTrigger = Root;\n    const SLinkAddon = LinkTrigger.Addon;\n    const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n    const color = resolveColor(providedColor);\n\n    return sstyled(styles)(\n      <SLinkTrigger\n        render={Box}\n        tag='button'\n        type='button'\n        tabIndex={loading ? -1 : 0}\n        ref={this.triggerRef}\n        use:color={color}\n      >\n        {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n        <SLinkAddon>\n          {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n        </SLinkAddon>\n      </SLinkTrigger>,\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, hintProps } = props;\n  const content = empty ? placeholder : children;\n\n  return sstyled(styles)(\n    <>\n      <SText\n        render={TextKit}\n        display-placeholder={empty}\n        ref={textRef}\n        ellipsis={ellipsis}\n        hintProps={{\n          ...hintProps,\n          triggerRef,\n        }}\n      >\n        {content}\n      </SText>\n    </>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n  Text,\n  Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LinkTrigger.js","names":["_core","require","_button","_addonTextChildren","_interopRequireDefault","_m","_spin","_react","RootLinkTrigger","Component","getTextProps","props","placeholder","empty","asProps","content","children","render","_ref","SLinkTrigger","ButtonLink","SLinkAddon","LinkTrigger","Addon","Children","loading","disabled","default","createElement","assignProps","addonTextChildren","Text","size","theme","_defineProperty2","createComponent","parent","_default","exports"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nclass RootLinkTrigger extends Component {\n  static displayName = 'LinkTrigger';\n\n  getTextProps(props) {\n    const { placeholder, empty } = this.asProps;\n    const content = empty ? placeholder : props.children;\n\n    return {\n      'use:children': content,\n      empty,\n    };\n  }\n\n  render() {\n    const SLinkTrigger = Root;\n    const SLinkAddon = LinkTrigger.Addon;\n    const { Children, loading, empty, disabled } = this.asProps;\n\n    return (\n      <SLinkTrigger\n        render={ButtonLink}\n        use:disabled={disabled || loading}\n      >\n        {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n        <SLinkAddon>\n          {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n        </SLinkAddon>\n      </SLinkTrigger>\n    );\n  }\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n  Text: ButtonLink.Text,\n  Addon: ButtonLink.Addon,\n}, {\n  parent: ButtonLink,\n});\n\nexport default LinkTrigger;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,EAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,KAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,MAAA,GAAAH,sBAAA,CAAAH,OAAA;AAEA,MAAMO,eAAe,SAASC,eAAS,CAAC;EAGtCC,YAAYA,CAACC,KAAK,EAAE;IAClB,MAAM;MAAEC,WAAW;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,OAAO;IAC3C,MAAMC,OAAO,GAAGF,KAAK,GAAGD,WAAW,GAAGD,KAAK,CAACK,QAAQ;IAEpD,OAAO;MACL,cAAc,EAAED,OAAO;MACvBF;IACF,CAAC;EACH;EAEAI,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAJ,OAAA;IACP,MAAMK,YAAY,GAMNC,kBAAU;IALtB,MAAMC,UAAU,GAAGC,WAAW,CAACC,KAAK;IACpC,MAAM;MAAEC,QAAQ;MAAEC,OAAO;MAAEZ,KAAK;MAAEa;IAAS,CAAC,GAAG,IAAI,CAACZ,OAAO;IAE3D,oBACEP,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACT,YAAY,MAAAnB,KAAA,CAAA6B,WAAA;MAAA,gBAEGH,QAAQ,IAAID;IAAO,GAAAP,IAAA,GAEhC,IAAAY,0BAAiB,EAACN,QAAQ,EAAEF,WAAW,CAACS,IAAI,EAAET,WAAW,CAACC,KAAK,EAAEV,KAAK,CAAC,eACxEN,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACP,UAAU,QACRI,OAAO,gBAAGlB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACtB,KAAA,CAAAqB,OAAI;MAACK,IAAI,EAAC,IAAI;MAACC,KAAK,EAAC;IAAc,CAAE,CAAC,gBAAG1B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,EAAA,CAAAsB,OAAW,MAAE,CACzD,CACA,CAAC;EAEnB;AACF;AAAC,IAAAO,gBAAA,CAAAP,OAAA,EA9BKnB,eAAe,iBACE,aAAa;AA+BpC,MAAMc,WAAW,GAAG,IAAAa,qBAAe,EAAC3B,eAAe,EAAE;EACnDuB,IAAI,EAAEX,kBAAU,CAACW,IAAI;EACrBR,KAAK,EAAEH,kBAAU,CAACG;AACpB,CAAC,EAAE;EACDa,MAAM,EAAEhB;AACV,CAAC,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEYL,WAAW","ignoreList":[]}

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { CounterProps } from '@semcore/counter';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  WithAnimatedSizeEnhanceProps & {\n    /**\n     * Trigger size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Sets active state to trigger\n     */\n    active?: boolean;\n    /**\n     * Responsible for placeholder displaying\n     */\n    empty?: boolean;\n    /**\n     * Placeholder text\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Sets disabled state to trigger\n     */\n    disabled?: boolean;\n  };\n\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /**\n   * Display the dropdowns chevron icon\n   * @default true\n   */\n  chevron?: boolean;\n};\n\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\nexport type FilterTriggerProps = BaseTriggerProps & {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /** List of props that will be added to the select inside of filter */\n  includeInputProps?: string[];\n  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n  /** Count for render */\n  count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Text;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', CounterProps & FilterTriggerCounterProps>;\n  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';\nimport type { ButtonLinkProps, ButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { CounterProps } from '@semcore/counter';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  WithAnimatedSizeEnhanceProps & {\n    /**\n     * Trigger size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Sets active state to trigger\n     */\n    active?: boolean;\n    /**\n     * Responsible for placeholder displaying\n     */\n    empty?: boolean;\n    /**\n     * Placeholder text\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Sets disabled state to trigger\n     */\n    disabled?: boolean;\n  };\n\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /**\n   * Display the dropdowns chevron icon\n   * @default true\n   */\n  chevron?: boolean;\n};\n\nexport type LinkTriggerProps = ButtonLinkProps & {\n  /** Trigger state */\n  state?: 'normal' | 'valid' | 'invalid';\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Placeholder text */\n  placeholder?: React.ReactNode;\n  /** Responsible for placeholder displaying */\n  empty?: boolean;\n};\n\nexport type FilterTriggerProps = BaseTriggerProps & {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /** List of props that will be added to the select inside of filter */\n  includeInputProps?: string[];\n  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n  /** Count for render */\n  count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Text;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof ButtonLink.Text;\n  Addon: typeof ButtonLink.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', CounterProps & FilterTriggerCounterProps>;\n  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/BaseTrigger.js

@@ -110,8 +110,7 @@ function Text(props) {
     empty,
     placeholder,
     triggerRef,
-    ellipsis = false,
-    hintProps
+    ellipsis = false
   } = props;
   const content = empty ? placeholder : children;
   return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", {
@@ -120,10 +119,7 @@ function Text(props) {
       "aria-hidden": empty,
       "ref": textRef,
       "ellipsis": ellipsis,
-      "hintProps": {
-        ...hintProps,
-        triggerRef
-      }
+      "hint:triggerRef": triggerRef
     }, _ref2)
   }), content));
 }

package/lib/es6/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["NeighborLocation","Box","InvalidStateBox","createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","cssVariableEnhance","Text","TextKit","React","style","_sstyled","insert","RootBaseTrigger","constructor","args","_defineProperty","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","SBaseTrigger","SInner","SInvalidPattern","Children","styles","theme","neighborLocation","state","size","createElement","Detect","_ref4","cn","_assignProps","BaseTrigger","Addon","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","textRef","useRef","children","ellipsis","hintProps","content","Fragment","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"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, hintProps } = 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        hintProps={{\n          ...hintProps,\n          triggerRef,\n        }}\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":[]}
+{"version":3,"file":"BaseTrigger.js","names":["NeighborLocation","Box","InvalidStateBox","createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","cssVariableEnhance","Text","TextKit","React","style","_sstyled","insert","RootBaseTrigger","constructor","args","_defineProperty","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","SBaseTrigger","SInner","SInvalidPattern","Children","styles","theme","neighborLocation","state","size","createElement","Detect","_ref4","cn","_assignProps","BaseTrigger","Addon","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","textRef","useRef","children","ellipsis","content","Fragment","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"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/es6/ButtonTrigger.js

@@ -36,11 +36,12 @@ class RootButtonTrigger extends Component {
       Children,
       styles,
       loading,
+      disabled,
       chevron,
       empty
     } = this.asProps;
     return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({
-      "tabIndex": loading ? -1 : 0
+      "use:disabled": disabled || loading
     }, _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

package/lib/es6/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","cssVariableEnhance","ChevronDown","Spin","React","BaseTrigger","style","_sstyled","insert","RootButtonTrigger","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Children","styles","loading","chevron","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"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, chevron, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} tabIndex={loading ? -1 : 0}>\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":";;;AAAA,SAASA,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,WAAW,MAAM,eAAe;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAGxC,MAAMC,iBAAiB,SAASb,SAAS,CAAC;EAoBxCc,YAAYA,CAAA,EAAG;IACb,OAAO;MACLC,GAAG,EAAE;IACP,CAAC;EACH;EAEAC,aAAaA,CAAA,EAAG;IACd,OAAO;MACLD,GAAG,EAAE;IACP,CAAC;EACH;EAEAE,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,YAAY,GAAGC,aAAa,CAACC,KAAK;IACxC,MAAMC,kBAAkB,GAAGjB,IAAI;IAC/B,MAAM;MAAEkB,QAAQ;MAAEC,MAAM;MAAEC,OAAO;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACV,OAAO;IAElE,OAAAC,KAAA,GAAOlB,OAAO,CAACwB,MAAM,CAAC,eACpBlB,KAAA,CAAAsB,aAAA,CAAcrB,WAAW,EAAAsB,YAAA;MAAA,YAAYJ,OAAO,GAAG,CAAC,CAAC,GAAG;IAAC,GAAAT,IAAA,GAClDf,iBAAiB,CAACsB,QAAQ,EAAEH,aAAa,CAACU,IAAI,EAAEV,aAAa,CAACC,KAAK,EAAEM,KAAK,CAAC,EAC3E,CAACD,OAAO,IAAID,OAAO,kBAClBnB,KAAA,CAAAsB,aAAA,CAACT,YAAY,EAAAD,KAAA,CAAAa,EAAA,sBACVN,OAAO,gBAAGnB,KAAA,CAAAsB,aAAA,CAACN,kBAAkB,EAAAJ,KAAA,CAAAa,EAAA;MAAA,QAAM,IAAI;MAAA,SAAQ;IAAK,EAAG,CAAC,gBAAGzB,KAAA,CAAAsB,aAAA,CAACxB,WAAW,EAAAc,KAAA,CAAAa,EAAA,mBAAE,CAC9D,CAEZ,CAAC;EAEX;AACF;AAACC,eAAA,CAhDKrB,iBAAiB,iBACA,eAAe;AAAAqB,eAAA,CADhCrB,iBAAiB,WAENH,KAAK;AAAAwB,eAAA,CAFhBrB,iBAAiB,aAGJ,CACfR,kBAAkB,CAAC;EACjB8B,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFpC,mBAAmB,CAAC;EAClBqC,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAAR,eAAA,CAdGrB,iBAAiB,kBAgBC;EACpBe,OAAO,EAAE;AACX,CAAC;AAgCH,MAAMN,aAAa,GAAGvB,eAAe,CACnCc,iBAAiB,EACjB;EACEmB,IAAI,EAAEvB,WAAW,CAACuB,IAAI;EACtBT,KAAK,EAAEd,WAAW,CAACc;AACrB,CAAC,EACD;EACEoB,MAAM,EAAElC;AACV,CACF,CAAC;AAED,eAAea,aAAa","ignoreList":[]}
+{"version":3,"file":"ButtonTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","cssVariableEnhance","ChevronDown","Spin","React","BaseTrigger","style","_sstyled","insert","RootButtonTrigger","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Children","styles","loading","disabled","chevron","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"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":";;;AAAA,SAASA,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,WAAW,MAAM,eAAe;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAGxC,MAAMC,iBAAiB,SAASb,SAAS,CAAC;EAoBxCc,YAAYA,CAAA,EAAG;IACb,OAAO;MACLC,GAAG,EAAE;IACP,CAAC;EACH;EAEAC,aAAaA,CAAA,EAAG;IACd,OAAO;MACLD,GAAG,EAAE;IACP,CAAC;EACH;EAEAE,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,YAAY,GAAGC,aAAa,CAACC,KAAK;IACxC,MAAMC,kBAAkB,GAAGjB,IAAI;IAC/B,MAAM;MAAEkB,QAAQ;MAAEC,MAAM;MAAEC,OAAO;MAAEC,QAAQ;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACX,OAAO;IAE5E,OAAAC,KAAA,GAAOlB,OAAO,CAACwB,MAAM,CAAC,eACpBlB,KAAA,CAAAuB,aAAA,CAActB,WAAW,EAAAuB,YAAA;MAAA,gBAAgBJ,QAAQ,IAAID;IAAO,GAAAT,IAAA,GACzDf,iBAAiB,CAACsB,QAAQ,EAAEH,aAAa,CAACW,IAAI,EAAEX,aAAa,CAACC,KAAK,EAAEO,KAAK,CAAC,EAC3E,CAACD,OAAO,IAAIF,OAAO,kBAClBnB,KAAA,CAAAuB,aAAA,CAACV,YAAY,EAAAD,KAAA,CAAAc,EAAA,sBACVP,OAAO,gBAAGnB,KAAA,CAAAuB,aAAA,CAACP,kBAAkB,EAAAJ,KAAA,CAAAc,EAAA;MAAA,QAAM,IAAI;MAAA,SAAQ;IAAK,EAAG,CAAC,gBAAG1B,KAAA,CAAAuB,aAAA,CAACzB,WAAW,EAAAc,KAAA,CAAAc,EAAA,mBAAE,CAC9D,CAEZ,CAAC;EAEX;AACF;AAACC,eAAA,CAhDKtB,iBAAiB,iBACA,eAAe;AAAAsB,eAAA,CADhCtB,iBAAiB,WAENH,KAAK;AAAAyB,eAAA,CAFhBtB,iBAAiB,aAGJ,CACfR,kBAAkB,CAAC;EACjB+B,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFrC,mBAAmB,CAAC;EAClBsC,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAAR,eAAA,CAdGtB,iBAAiB,kBAgBC;EACpBgB,OAAO,EAAE;AACX,CAAC;AAgCH,MAAMP,aAAa,GAAGvB,eAAe,CACnCc,iBAAiB,EACjB;EACEoB,IAAI,EAAExB,WAAW,CAACwB,IAAI;EACtBV,KAAK,EAAEd,WAAW,CAACc;AACrB,CAAC,EACD;EACEqB,MAAM,EAAEnC;AACV,CACF,CAAC;AAED,eAAea,aAAa","ignoreList":[]}

package/lib/es6/LinkTrigger.js

@@ -1,119 +1,47 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
-import { assignProps as _assignProps3 } from "@semcore/core";
-import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import { Box } from '@semcore/base-components';
-import { createComponent, Component, Root, sstyled } from '@semcore/core';
+import { ButtonLink } from '@semcore/button';
+import { createComponent, Component, Root } from '@semcore/core';
 import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
-import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import ChevronDown from '@semcore/icon/ChevronDown/m';
 import Spin from '@semcore/spin';
-import { Text as TextKit } from '@semcore/typography';
 import React from 'react';
-/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_543t3_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_543t3_gg_.__active_543t3_gg_,.___SLinkTrigger_543t3_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_543t3_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_543t3_gg_.__active_543t3_gg_ .___SText_543t3_gg_,.___SLinkTrigger_543t3_gg_:active .___SText_543t3_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_543t3_gg_:hover .___SText_543t3_gg_{border-color:currentColor}}.___SLinkTrigger_543t3_gg_ .___SText_543t3_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_543t3_gg_.__color_543t3_gg_{color:var(--color_543t3)}@media (hover:hover){.___SLinkTrigger_543t3_gg_.__color_543t3_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_543t3_gg_.__disabled_543t3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_543t3_gg_,.___SLinkAddon_543t3_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_543t3_gg_:not(:only-child):first-child,.___SLinkAddon_543t3_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_543t3_gg_:not(:only-child):last-child,.___SLinkAddon_543t3_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_543t3_gg_{width:16px;height:16px}.___SLinkTrigger_543t3_gg_._size_m_543t3_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_543t3_gg_._size_l_543t3_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_543t3_gg_,.___SLinkTrigger_543t3_gg_ .___SText_543t3_gg_{transition:none}}", /*__inner_css_end__*/"543t3_gg_"),
-/*__reshadow_css_end__*/
-{
-  "__SLinkTrigger": "___SLinkTrigger_543t3_gg_",
-  "_disabled": "__disabled_543t3_gg_",
-  "__SLinkAddon": "___SLinkAddon_543t3_gg_",
-  "_size_m": "_size_m_543t3_gg_",
-  "_size_l": "_size_l_543t3_gg_",
-  "_active": "__active_543t3_gg_",
-  "__SText": "___SText_543t3_gg_",
-  "_color": "__color_543t3_gg_",
-  "--color": "--color_543t3",
-  "__SAddon": "___SAddon_543t3_gg_"
-});
 class RootLinkTrigger extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "triggerRef", /*#__PURE__*/React.createRef());
-  }
-  getTextProps() {
+  getTextProps(props) {
     const {
       placeholder,
       empty
     } = this.asProps;
+    const content = empty ? placeholder : props.children;
     return {
-      placeholder,
-      empty,
-      triggerRef: this.triggerRef
+      'use:children': content,
+      empty
     };
   }
   render() {
-    var _ref = this.asProps,
-      _ref4;
-    const SLinkTrigger = Box;
+    var _ref = this.asProps;
+    const SLinkTrigger = ButtonLink;
     const SLinkAddon = LinkTrigger.Addon;
     const {
       Children,
       loading,
-      styles,
       empty,
-      color: providedColor,
-      resolveColor
+      disabled
     } = this.asProps;
-    const color = resolveColor(providedColor);
-    return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", {
-      ..._assignProps({
-        "tag": 'button',
-        "type": 'button',
-        "tabIndex": loading ? -1 : 0,
-        "ref": this.triggerRef,
-        "use:color": color
-      }, _ref)
-    }), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
-      "size": 'xs',
-      "theme": 'currentColor'
-    })) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
+    return /*#__PURE__*/React.createElement(SLinkTrigger, _assignProps({
+      "use:disabled": disabled || loading
+    }, _ref), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, null, loading ? /*#__PURE__*/React.createElement(Spin, {
+      size: "xs",
+      theme: "currentColor"
+    }) : /*#__PURE__*/React.createElement(ChevronDown, null)));
   }
 }
 _defineProperty(RootLinkTrigger, "displayName", 'LinkTrigger');
-_defineProperty(RootLinkTrigger, "style", style);
-_defineProperty(RootLinkTrigger, "defaultProps", {
-  size: 'm'
-});
-_defineProperty(RootLinkTrigger, "enhance", [resolveColorEnhance()]);
-function Text(props) {
-  var _ref2 = arguments[0],
-    _ref5;
-  const SText = TextKit;
-  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", {
-    ..._assignProps2({
-      "display-placeholder": empty,
-      "ref": textRef,
-      "ellipsis": ellipsis,
-      "hintProps": {
-        ...hintProps,
-        triggerRef
-      }
-    }, _ref2)
-  }), content));
-}
-function Addon(props) {
-  var _ref3 = arguments[0],
-    _ref6;
-  const SAddon = Box;
-  return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", {
-    ..._assignProps3({}, _ref3)
-  }));
-}
 const LinkTrigger = createComponent(RootLinkTrigger, {
-  Text,
-  Addon
+  Text: ButtonLink.Text,
+  Addon: ButtonLink.Addon
+}, {
+  parent: ButtonLink
 });
 export default LinkTrigger;
 //# sourceMappingURL=LinkTrigger.js.map

package/lib/es6/LinkTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkTrigger.js","names":["Box","createComponent","Component","Root","sstyled","addonTextChildren","resolveColorEnhance","ChevronDown","Spin","Text","TextKit","React","style","_sstyled","insert","RootLinkTrigger","constructor","args","_defineProperty","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","color","providedColor","resolveColor","createElement","cn","_assignProps","size","props","_ref2","arguments[0]","_ref5","SText","textRef","useRef","children","ellipsis","hintProps","content","Fragment","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Text as TextKit } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n  static displayName = 'LinkTrigger';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n\n  static enhance = [resolveColorEnhance()];\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 SLinkTrigger = Root;\n    const SLinkAddon = LinkTrigger.Addon;\n    const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n    const color = resolveColor(providedColor);\n\n    return sstyled(styles)(\n      <SLinkTrigger\n        render={Box}\n        tag='button'\n        type='button'\n        tabIndex={loading ? -1 : 0}\n        ref={this.triggerRef}\n        use:color={color}\n      >\n        {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n        <SLinkAddon>\n          {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n        </SLinkAddon>\n      </SLinkTrigger>,\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, hintProps } = props;\n  const content = empty ? placeholder : children;\n\n  return sstyled(styles)(\n    <>\n      <SText\n        render={TextKit}\n        display-placeholder={empty}\n        ref={textRef}\n        ellipsis={ellipsis}\n        hintProps={{\n          ...hintProps,\n          triggerRef,\n        }}\n      >\n        {content}\n      </SText>\n    </>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n  Text,\n  Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LinkTrigger.js","names":["ButtonLink","createComponent","Component","Root","addonTextChildren","ChevronDown","Spin","React","RootLinkTrigger","getTextProps","props","placeholder","empty","asProps","content","children","render","_ref","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","Children","loading","disabled","createElement","_assignProps","Text","size","theme","_defineProperty","parent"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nclass RootLinkTrigger extends Component {\n  static displayName = 'LinkTrigger';\n\n  getTextProps(props) {\n    const { placeholder, empty } = this.asProps;\n    const content = empty ? placeholder : props.children;\n\n    return {\n      'use:children': content,\n      empty,\n    };\n  }\n\n  render() {\n    const SLinkTrigger = Root;\n    const SLinkAddon = LinkTrigger.Addon;\n    const { Children, loading, empty, disabled } = this.asProps;\n\n    return (\n      <SLinkTrigger\n        render={ButtonLink}\n        use:disabled={disabled || loading}\n      >\n        {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n        <SLinkAddon>\n          {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n        </SLinkAddon>\n      </SLinkTrigger>\n    );\n  }\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n  Text: ButtonLink.Text,\n  Addon: ButtonLink.Addon,\n}, {\n  parent: ButtonLink,\n});\n\nexport default LinkTrigger;\n"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,eAAe,EAAEC,SAAS,EAAEC,IAAI,QAAQ,eAAe;AAChE,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,eAAe,SAASN,SAAS,CAAC;EAGtCO,YAAYA,CAACC,KAAK,EAAE;IAClB,MAAM;MAAEC,WAAW;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,OAAO;IAC3C,MAAMC,OAAO,GAAGF,KAAK,GAAGD,WAAW,GAAGD,KAAK,CAACK,QAAQ;IAEpD,OAAO;MACL,cAAc,EAAED,OAAO;MACvBF;IACF,CAAC;EACH;EAEAI,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAJ,OAAA;IACP,MAAMK,YAAY,GAMNlB,UAAU;IALtB,MAAMmB,UAAU,GAAGC,WAAW,CAACC,KAAK;IACpC,MAAM;MAAEC,QAAQ;MAAEC,OAAO;MAAEX,KAAK;MAAEY;IAAS,CAAC,GAAG,IAAI,CAACX,OAAO;IAE3D,oBACEN,KAAA,CAAAkB,aAAA,CAACP,YAAY,EAAAQ,YAAA;MAAA,gBAEGF,QAAQ,IAAID;IAAO,GAAAN,IAAA,GAEhCb,iBAAiB,CAACkB,QAAQ,EAAEF,WAAW,CAACO,IAAI,EAAEP,WAAW,CAACC,KAAK,EAAET,KAAK,CAAC,eACxEL,KAAA,CAAAkB,aAAA,CAACN,UAAU,QACRI,OAAO,gBAAGhB,KAAA,CAAAkB,aAAA,CAACnB,IAAI;MAACsB,IAAI,EAAC,IAAI;MAACC,KAAK,EAAC;IAAc,CAAE,CAAC,gBAAGtB,KAAA,CAAAkB,aAAA,CAACpB,WAAW,MAAE,CACzD,CACA,CAAC;EAEnB;AACF;AAACyB,eAAA,CA9BKtB,eAAe,iBACE,aAAa;AA+BpC,MAAMY,WAAW,GAAGnB,eAAe,CAACO,eAAe,EAAE;EACnDmB,IAAI,EAAE3B,UAAU,CAAC2B,IAAI;EACrBN,KAAK,EAAErB,UAAU,CAACqB;AACpB,CAAC,EAAE;EACDU,MAAM,EAAE/B;AACV,CAAC,CAAC;AAEF,eAAeoB,WAAW","ignoreList":[]}

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { CounterProps } from '@semcore/counter';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  WithAnimatedSizeEnhanceProps & {\n    /**\n     * Trigger size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Sets active state to trigger\n     */\n    active?: boolean;\n    /**\n     * Responsible for placeholder displaying\n     */\n    empty?: boolean;\n    /**\n     * Placeholder text\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Sets disabled state to trigger\n     */\n    disabled?: boolean;\n  };\n\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /**\n   * Display the dropdowns chevron icon\n   * @default true\n   */\n  chevron?: boolean;\n};\n\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\nexport type FilterTriggerProps = BaseTriggerProps & {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /** List of props that will be added to the select inside of filter */\n  includeInputProps?: string[];\n  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n  /** Count for render */\n  count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Text;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', CounterProps & FilterTriggerCounterProps>;\n  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';\nimport type { ButtonLinkProps, ButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { CounterProps } from '@semcore/counter';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  WithAnimatedSizeEnhanceProps & {\n    /**\n     * Trigger size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Sets active state to trigger\n     */\n    active?: boolean;\n    /**\n     * Responsible for placeholder displaying\n     */\n    empty?: boolean;\n    /**\n     * Placeholder text\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Sets disabled state to trigger\n     */\n    disabled?: boolean;\n  };\n\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /**\n   * Display the dropdowns chevron icon\n   * @default true\n   */\n  chevron?: boolean;\n};\n\nexport type LinkTriggerProps = ButtonLinkProps & {\n  /** Trigger state */\n  state?: 'normal' | 'valid' | 'invalid';\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Placeholder text */\n  placeholder?: React.ReactNode;\n  /** Responsible for placeholder displaying */\n  empty?: boolean;\n};\n\nexport type FilterTriggerProps = BaseTriggerProps & {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /** List of props that will be added to the select inside of filter */\n  includeInputProps?: string[];\n  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n  /** Count for render */\n  count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Text;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof ButtonLink.Text;\n  Addon: typeof ButtonLink.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', CounterProps & FilterTriggerCounterProps>;\n  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}

package/lib/esm/BaseTrigger.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
+import { sstyled, createComponent, Component, assignProps } from "@semcore/core";
 import { NeighborLocation, Box, InvalidStateBox } from "@semcore/base-components";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
@@ -110,8 +110,7 @@ function Text(props) {
     empty,
     placeholder,
     triggerRef,
-    ellipsis = false,
-    hintProps
+    ellipsis = false
   } = props;
   const content = empty ? placeholder : children;
   return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", {
@@ -120,10 +119,7 @@ function Text(props) {
       "aria-hidden": empty,
       "ref": textRef,
       "ellipsis": ellipsis,
-      "hintProps": {
-        ...hintProps,
-        triggerRef
-      }
+      "hint:triggerRef": triggerRef
     }, _ref2)
   }), content));
 }

package/lib/esm/ButtonTrigger.mjs

@@ -40,11 +40,12 @@ class RootButtonTrigger extends Component {
       Children,
       styles,
       loading,
+      disabled,
       chevron,
       empty
     } = this.asProps;
     return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(BaseTrigger, assignProps({
-      "tabIndex": loading ? -1 : 0
+      "use:disabled": disabled || loading
     }, _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

package/lib/esm/LinkTrigger.mjs

@@ -1,119 +1,46 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
-import { Box } from "@semcore/base-components";
+import { createComponent, Component, assignProps } from "@semcore/core";
+import { ButtonLink } from "@semcore/button";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
-import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 import ChevronDown from "@semcore/icon/ChevronDown/m";
 import Spin from "@semcore/spin";
-import { Text as Text$1 } from "@semcore/typography";
 import React from "react";
-/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-const style = (
-  /*__reshadow_css_start__*/
-  (sstyled.insert(
-    /*__inner_css_start__*/
-    ".___SLinkTrigger_543t3_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_543t3_gg_.__active_543t3_gg_,.___SLinkTrigger_543t3_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_543t3_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_543t3_gg_.__active_543t3_gg_ .___SText_543t3_gg_,.___SLinkTrigger_543t3_gg_:active .___SText_543t3_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_543t3_gg_:hover .___SText_543t3_gg_{border-color:currentColor}}.___SLinkTrigger_543t3_gg_ .___SText_543t3_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_543t3_gg_.__color_543t3_gg_{color:var(--color_543t3)}@media (hover:hover){.___SLinkTrigger_543t3_gg_.__color_543t3_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_543t3_gg_.__disabled_543t3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_543t3_gg_,.___SLinkAddon_543t3_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_543t3_gg_:not(:only-child):first-child,.___SLinkAddon_543t3_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_543t3_gg_:not(:only-child):last-child,.___SLinkAddon_543t3_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_543t3_gg_{width:16px;height:16px}.___SLinkTrigger_543t3_gg_._size_m_543t3_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_543t3_gg_._size_l_543t3_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_543t3_gg_,.___SLinkTrigger_543t3_gg_ .___SText_543t3_gg_{transition:none}}",
-    /*__inner_css_end__*/
-    "543t3_gg_"
-  ), /*__reshadow_css_end__*/
-  {
-    "__SLinkTrigger": "___SLinkTrigger_543t3_gg_",
-    "_disabled": "__disabled_543t3_gg_",
-    "__SLinkAddon": "___SLinkAddon_543t3_gg_",
-    "_size_m": "_size_m_543t3_gg_",
-    "_size_l": "_size_l_543t3_gg_",
-    "_active": "__active_543t3_gg_",
-    "__SText": "___SText_543t3_gg_",
-    "_color": "__color_543t3_gg_",
-    "--color": "--color_543t3",
-    "__SAddon": "___SAddon_543t3_gg_"
-  })
-);
 class RootLinkTrigger extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "triggerRef", /* @__PURE__ */ React.createRef());
-  }
-  getTextProps() {
+  getTextProps(props) {
     const {
       placeholder,
       empty
     } = this.asProps;
+    const content = empty ? placeholder : props.children;
     return {
-      placeholder,
-      empty,
-      triggerRef: this.triggerRef
+      "use:children": content,
+      empty
     };
   }
   render() {
-    var _ref = this.asProps, _ref4;
-    const SLinkTrigger = Box;
+    var _ref = this.asProps;
+    const SLinkTrigger = ButtonLink;
     const SLinkAddon = LinkTrigger.Addon;
     const {
       Children,
       loading,
-      styles,
       empty,
-      color: providedColor,
-      resolveColor
+      disabled
     } = this.asProps;
-    const color = resolveColor(providedColor);
-    return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", {
-      ...assignProps({
-        "tag": "button",
-        "type": "button",
-        "tabIndex": loading ? -1 : 0,
-        "ref": this.triggerRef,
-        "use:color": color
-      }, _ref)
-    }), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /* @__PURE__ */ React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /* @__PURE__ */ React.createElement(Spin, _ref4.cn("Spin", {
-      "size": "xs",
-      "theme": "currentColor"
-    })) : /* @__PURE__ */ React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
+    return /* @__PURE__ */ React.createElement(SLinkTrigger, assignProps({
+      "use:disabled": disabled || loading
+    }, _ref), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /* @__PURE__ */ React.createElement(SLinkAddon, null, loading ? /* @__PURE__ */ React.createElement(Spin, {
+      size: "xs",
+      theme: "currentColor"
+    }) : /* @__PURE__ */ React.createElement(ChevronDown, null)));
   }
 }
 _defineProperty(RootLinkTrigger, "displayName", "LinkTrigger");
-_defineProperty(RootLinkTrigger, "style", style);
-_defineProperty(RootLinkTrigger, "defaultProps", {
-  size: "m"
-});
-_defineProperty(RootLinkTrigger, "enhance", [resolveColorEnhance()]);
-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,
-      "ref": textRef,
-      "ellipsis": ellipsis,
-      "hintProps": {
-        ...hintProps,
-        triggerRef
-      }
-    }, _ref2)
-  }), content));
-}
-function Addon(props) {
-  var _ref3 = arguments[0], _ref6;
-  const SAddon = Box;
-  return _ref6 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", {
-    ...assignProps({}, _ref3)
-  }));
-}
 const LinkTrigger = createComponent(RootLinkTrigger, {
-  Text,
-  Addon
+  Text: ButtonLink.Text,
+  Addon: ButtonLink.Addon
+}, {
+  parent: ButtonLink
 });
 export {
   LinkTrigger as default

package/lib/types/index.d.ts

@@ -1,4 +1,5 @@
 import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';
+import type { ButtonLinkProps, ButtonLink } from '@semcore/button';
 import type { Intergalactic } from '@semcore/core';
 import type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
 import type { CounterProps } from '@semcore/counter';
@@ -45,11 +46,15 @@ export type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
   chevron?: boolean;
 };
 
-export type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
+export type LinkTriggerProps = ButtonLinkProps & {
+  /** Trigger state */
+  state?: 'normal' | 'valid' | 'invalid';
   /** Sets the loading state */
   loading?: boolean;
-  /** Text color */
-  color?: string;
+  /** Placeholder text */
+  placeholder?: React.ReactNode;
+  /** Responsible for placeholder displaying */
+  empty?: boolean;
 };
 
 export type FilterTriggerProps = BaseTriggerProps & {
@@ -79,8 +84,8 @@ declare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps>
 };
 
 declare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {
-  Text: typeof BaseTrigger.Text;
-  Addon: typeof BaseTrigger.Addon;
+  Text: typeof ButtonLink.Text;
+  Addon: typeof ButtonLink.Addon;
 };
 
 declare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "Semrush BaseTrigger Component",
-  "version": "17.0.0-prerelease.29",
+  "version": "17.0.0-prerelease.31",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,10 +14,11 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/counter": "^17.0.0-prerelease.29",
-    "@semcore/spin": "^17.0.0-prerelease.29",
-    "@semcore/tooltip": "^17.0.0-prerelease.29",
-    "@semcore/typography": "^17.0.0-prerelease.29"
+    "@semcore/counter": "^17.0.0-prerelease.31",
+    "@semcore/spin": "^17.0.0-prerelease.31",
+    "@semcore/tooltip": "^17.0.0-prerelease.31",
+    "@semcore/typography": "^17.0.0-prerelease.31",
+    "@semcore/button": "^17.0.0-prerelease.31"
   },
   "peerDependencies": {
     "@semcore/base-components": "^17.0.0 || ^17.0.0-0",
@@ -29,11 +30,11 @@
     "directory": "semcore/base-trigger"
   },
   "devDependencies": {
-    "@semcore/core": "17.0.0-prerelease.29",
+    "@semcore/core": "17.0.0-prerelease.31",
+    "@semcore/base-components": "17.0.0-prerelease.31",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-components": "17.0.0-prerelease.29",
-    "@semcore/tooltip": "17.0.0-prerelease.29",
-    "@semcore/icon": "16.7.2-prerelease.29"
+    "@semcore/tooltip": "17.0.0-prerelease.31",
+    "@semcore/icon": "16.7.2-prerelease.31"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"

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

@@ -1,96 +0,0 @@
-SLinkTrigger {
-  display: inline-flex;
-  align-items: center;
-  line-height: normal;
-  position: relative;
-  touch-action: manipulation;
-  white-space: nowrap;
-  user-select: none;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  text-decoration: none;
-  -webkit-tap-highlight-color: transparent;
-  overflow: visible;
-  outline: 0;
-  vertical-align: middle;
-  font-family: inherit;
-  cursor: pointer;
-  color: var(--intergalactic-text-link, #006dca);
-  background: none;
-  transition: color 0.15s ease-in-out;
-  border: 0;
-
-  &[active],
-  &:hover,
-  &:active {
-    color: var(--intergalactic-text-link-hover-active, #044792);
-
-    & SText {
-      border-color: currentColor;
-    }
-  }
-
-  & SText {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
-    border-color: transparent;
-    transition: border-bottom-color 0.15s ease-in-out;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-}
-
-SLinkTrigger[color] {
-  color: var(--color);
-
-  &:hover {
-    filter: brightness(0.8);
-  }
-}
-
-SLinkTrigger[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
-  cursor: default;
-  pointer-events: none;
-}
-
-SAddon,
-SLinkAddon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  margin-bottom: var(--intergalactic-spacing-05x, 2px);
-
-  &:not(:only-child):first-child {
-    margin-right: var(--intergalactic-spacing-1x, 4px);
-  }
-
-  &:not(:only-child):last-child {
-    margin-left: var(--intergalactic-spacing-1x, 4px);
-  }
-}
-
-SLinkAddon {
-  width: 16px;
-  height: 16px;
-}
-
-SLinkTrigger[size='m'] {
-  font-size: var(--intergalactic-fs-200, 14px);
-}
-
-SLinkTrigger[size='l'] {
-  font-size: var(--intergalactic-fs-300, 16px);
-}
-
-@media (prefers-reduced-motion) {
-  SLinkTrigger {
-    transition: none;
-
-    & SText {
-      transition: none;
-    }
-  }
-}

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

@@ -1,96 +0,0 @@
-SLinkTrigger {
-  display: inline-flex;
-  align-items: center;
-  line-height: normal;
-  position: relative;
-  touch-action: manipulation;
-  white-space: nowrap;
-  user-select: none;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  text-decoration: none;
-  -webkit-tap-highlight-color: transparent;
-  overflow: visible;
-  outline: 0;
-  vertical-align: middle;
-  font-family: inherit;
-  cursor: pointer;
-  color: var(--intergalactic-text-link, #006dca);
-  background: none;
-  transition: color 0.15s ease-in-out;
-  border: 0;
-
-  &[active],
-  &:hover,
-  &:active {
-    color: var(--intergalactic-text-link-hover-active, #044792);
-
-    & SText {
-      border-color: currentColor;
-    }
-  }
-
-  & SText {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
-    border-color: transparent;
-    transition: border-bottom-color 0.15s ease-in-out;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-}
-
-SLinkTrigger[color] {
-  color: var(--color);
-
-  &:hover {
-    filter: brightness(0.8);
-  }
-}
-
-SLinkTrigger[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
-  cursor: default;
-  pointer-events: none;
-}
-
-SAddon,
-SLinkAddon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  margin-bottom: var(--intergalactic-spacing-05x, 2px);
-
-  &:not(:only-child):first-child {
-    margin-right: var(--intergalactic-spacing-1x, 4px);
-  }
-
-  &:not(:only-child):last-child {
-    margin-left: var(--intergalactic-spacing-1x, 4px);
-  }
-}
-
-SLinkAddon {
-  width: 16px;
-  height: 16px;
-}
-
-SLinkTrigger[size='m'] {
-  font-size: var(--intergalactic-fs-200, 14px);
-}
-
-SLinkTrigger[size='l'] {
-  font-size: var(--intergalactic-fs-300, 16px);
-}
-
-@media (prefers-reduced-motion) {
-  SLinkTrigger {
-    transition: none;
-
-    & SText {
-      transition: none;
-    }
-  }
-}

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

@@ -1,96 +0,0 @@
-SLinkTrigger {
-  display: inline-flex;
-  align-items: center;
-  line-height: normal;
-  position: relative;
-  touch-action: manipulation;
-  white-space: nowrap;
-  user-select: none;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  text-decoration: none;
-  -webkit-tap-highlight-color: transparent;
-  overflow: visible;
-  outline: 0;
-  vertical-align: middle;
-  font-family: inherit;
-  cursor: pointer;
-  color: var(--intergalactic-text-link, #006dca);
-  background: none;
-  transition: color 0.15s ease-in-out;
-  border: 0;
-
-  &[active],
-  &:hover,
-  &:active {
-    color: var(--intergalactic-text-link-hover-active, #044792);
-
-    & SText {
-      border-color: currentColor;
-    }
-  }
-
-  & SText {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
-    border-color: transparent;
-    transition: border-bottom-color 0.15s ease-in-out;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-}
-
-SLinkTrigger[color] {
-  color: var(--color);
-
-  &:hover {
-    filter: brightness(0.8);
-  }
-}
-
-SLinkTrigger[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
-  cursor: default;
-  pointer-events: none;
-}
-
-SAddon,
-SLinkAddon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  margin-bottom: var(--intergalactic-spacing-05x, 2px);
-
-  &:not(:only-child):first-child {
-    margin-right: var(--intergalactic-spacing-1x, 4px);
-  }
-
-  &:not(:only-child):last-child {
-    margin-left: var(--intergalactic-spacing-1x, 4px);
-  }
-}
-
-SLinkAddon {
-  width: 16px;
-  height: 16px;
-}
-
-SLinkTrigger[size='m'] {
-  font-size: var(--intergalactic-fs-200, 14px);
-}
-
-SLinkTrigger[size='l'] {
-  font-size: var(--intergalactic-fs-300, 16px);
-}
-
-@media (prefers-reduced-motion) {
-  SLinkTrigger {
-    transition: none;
-
-    & SText {
-      transition: none;
-    }
-  }
-}