@semcore/base-trigger 16.4.5 → 16.4.6-prerelease.14

package/lib/es6/LinkTrigger.js

@@ -1,79 +1,75 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 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 addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
 import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
-import { Box } from '@semcore/flex-box';
 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"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_o7hq8_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_o7hq8_gg_.__active_o7hq8_gg_,.___SLinkTrigger_o7hq8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_o7hq8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_o7hq8_gg_.__active_o7hq8_gg_ .___SText_o7hq8_gg_,.___SLinkTrigger_o7hq8_gg_:active .___SText_o7hq8_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_o7hq8_gg_:hover .___SText_o7hq8_gg_{border-color:currentColor}}.___SLinkTrigger_o7hq8_gg_ .___SText_o7hq8_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_o7hq8_gg_.__color_o7hq8_gg_{color:var(--color_o7hq8)}@media (hover:hover){.___SLinkTrigger_o7hq8_gg_.__color_o7hq8_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_o7hq8_gg_.__disabled_o7hq8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_o7hq8_gg_,.___SLinkAddon_o7hq8_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_o7hq8_gg_:not(:only-child):first-child,.___SLinkAddon_o7hq8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_o7hq8_gg_:not(:only-child):last-child,.___SLinkAddon_o7hq8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_o7hq8_gg_{width:16px;height:16px}.___SLinkTrigger_o7hq8_gg_._size_m_o7hq8_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_o7hq8_gg_._size_l_o7hq8_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_o7hq8_gg_,.___SLinkTrigger_o7hq8_gg_ .___SText_o7hq8_gg_{transition:none}}", /*__inner_css_end__*/"o7hq8_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_1mko8_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_1mko8_gg_.__active_1mko8_gg_,.___SLinkTrigger_1mko8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1mko8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1mko8_gg_.__active_1mko8_gg_ .___SText_1mko8_gg_,.___SLinkTrigger_1mko8_gg_:active .___SText_1mko8_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1mko8_gg_:hover .___SText_1mko8_gg_{border-color:currentColor}}.___SLinkTrigger_1mko8_gg_ .___SText_1mko8_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_1mko8_gg_.__color_1mko8_gg_{color:var(--color_1mko8)}@media (hover:hover){.___SLinkTrigger_1mko8_gg_.__color_1mko8_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1mko8_gg_.__disabled_1mko8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1mko8_gg_,.___SLinkAddon_1mko8_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1mko8_gg_:not(:only-child):first-child,.___SLinkAddon_1mko8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1mko8_gg_:not(:only-child):last-child,.___SLinkAddon_1mko8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1mko8_gg_{width:16px;height:16px}.___SLinkTrigger_1mko8_gg_._size_m_1mko8_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1mko8_gg_._size_l_1mko8_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1mko8_gg_,.___SLinkTrigger_1mko8_gg_ .___SText_1mko8_gg_{transition:none}}", /*__inner_css_end__*/"1mko8_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLinkTrigger": "___SLinkTrigger_o7hq8_gg_",
-  "_disabled": "__disabled_o7hq8_gg_",
-  "__SLinkAddon": "___SLinkAddon_o7hq8_gg_",
-  "_size_m": "_size_m_o7hq8_gg_",
-  "_size_l": "_size_l_o7hq8_gg_",
-  "_active": "__active_o7hq8_gg_",
-  "__SText": "___SText_o7hq8_gg_",
-  "_color": "__color_o7hq8_gg_",
-  "--color": "--color_o7hq8",
-  "__SAddon": "___SAddon_o7hq8_gg_"
+  "__SLinkTrigger": "___SLinkTrigger_1mko8_gg_",
+  "_disabled": "__disabled_1mko8_gg_",
+  "__SLinkAddon": "___SLinkAddon_1mko8_gg_",
+  "_size_m": "_size_m_1mko8_gg_",
+  "_size_l": "_size_l_1mko8_gg_",
+  "_active": "__active_1mko8_gg_",
+  "__SText": "___SText_1mko8_gg_",
+  "_color": "__color_1mko8_gg_",
+  "--color": "--color_1mko8",
+  "__SAddon": "___SAddon_1mko8_gg_"
 });
-var RootLinkTrigger = /*#__PURE__*/function (_Component) {
-  function RootLinkTrigger() {
-    _classCallCheck(this, RootLinkTrigger);
-    return _callSuper(this, RootLinkTrigger, arguments);
+class RootLinkTrigger extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "triggerRef", /*#__PURE__*/React.createRef());
   }
-  _inherits(RootLinkTrigger, _Component);
-  return _createClass(RootLinkTrigger, [{
-    key: "getTextProps",
-    value: function getTextProps() {
-      var _this$asProps = this.asProps,
-        placeholder = _this$asProps.placeholder,
-        empty = _this$asProps.empty;
-      return {
-        placeholder: placeholder,
-        empty: empty
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref4;
-      var SLinkTrigger = Box;
-      var SLinkAddon = LinkTrigger.Addon;
-      var _this$asProps2 = this.asProps,
-        Children = _this$asProps2.Children,
-        loading = _this$asProps2.loading,
-        styles = _this$asProps2.styles,
-        empty = _this$asProps2.empty,
-        providedColor = _this$asProps2.color,
-        resolveColor = _this$asProps2.resolveColor;
-      var color = resolveColor(providedColor);
-      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
+  getTextProps() {
+    const {
+      placeholder,
+      empty
+    } = this.asProps;
+    return {
+      placeholder,
+      empty,
+      triggerRef: this.triggerRef
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref4;
+    const SLinkTrigger = Box;
+    const SLinkAddon = LinkTrigger.Addon;
+    const {
+      Children,
+      loading,
+      styles,
+      empty,
+      color: providedColor,
+      resolveColor
+    } = 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", {}))));
-    }
-  }]);
-}(Component);
+      }, _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", {}))));
+  }
+}
 _defineProperty(RootLinkTrigger, "displayName", 'LinkTrigger');
 _defineProperty(RootLinkTrigger, "style", style);
 _defineProperty(RootLinkTrigger, "defaultProps", {
@@ -83,27 +79,41 @@ _defineProperty(RootLinkTrigger, "enhance", [resolveColorEnhance()]);
 function Text(props) {
   var _ref2 = arguments[0],
     _ref5;
-  var SText = Box;
-  var children = props.children,
-    styles = props.styles,
-    empty = props.empty,
-    placeholder = props.placeholder;
-  return _ref5 = sstyled(styles),
-  /*#__PURE__*/
-  /* "use:" prefix was used for backward compatibility (by lsroman) */
-  React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
-    "display-placeholder": empty
-  }, _ref2))), empty ? placeholder : children);
+  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;
-  var SAddon = Box;
-  return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({}, _ref3))));
+  const SAddon = Box;
+  return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", {
+    ..._assignProps3({}, _ref3)
+  }));
 }
-var LinkTrigger = createComponent(RootLinkTrigger, {
-  Text: Text,
-  Addon: Addon
+const LinkTrigger = createComponent(RootLinkTrigger, {
+  Text,
+  Addon
 });
 export default LinkTrigger;
 //# sourceMappingURL=LinkTrigger.js.map

package/lib/es6/LinkTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","resolveColorEnhance","Box","ChevronDown","Spin","React","style","_sstyled","insert","RootLinkTrigger","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread","_assignProps","Text","_defineProperty","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { 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 { Box } from '@semcore/flex-box';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\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  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\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        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 { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n    <SText render={Box} display-placeholder={empty}>\n      {empty ? placeholder : children}\n    </SText>,\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":["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":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { DotProps } from '@semcore/dot';\nimport type { Box, BoxProps } from '@semcore/flex-box';\nimport type { NeighborItemProps } from '@semcore/neighbor-location';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\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    /** Trigger theme\n     * @deprecated\n     * @use IBaseTriggerProps.state\n     * */\n    theme?: 'normal' | 'valid' | 'invalid' | false;\n  };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\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\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\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 Box;\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', BoxProps & DotProps & 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 { 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":[]}

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

@@ -20,7 +20,3 @@ SWrapper {
     outline: none;
   }
 }
-
-SCounter {
-  background-color: var(--intergalactic-bg-primary-info, #008ff8);
-}

package/lib/es6/translations/__intergalactic-dynamic-locales.js

@@ -12,20 +12,20 @@ import sv from './sv.json';
 import tr from './tr.json';
 import vi from './vi.json';
 import zh from './zh.json';
-export var localizedMessages = {
-  de: de,
-  en: en,
-  es: es,
-  fr: fr,
-  it: it,
-  ja: ja,
-  ko: ko,
-  nl: nl,
-  pt: pt,
-  tr: tr,
-  vi: vi,
-  zh: zh,
-  pl: pl,
-  sv: sv
+export const localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 //# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,MAAMC,iBAAiB,GAAG;EAC/Bd,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFE,EAAE;EACFE,EAAE;EACFC,EAAE;EACFC,EAAE;EACFL,EAAE;EACFE;AACF,CAAC","ignoreList":[]}

package/lib/esm/BaseTrigger.mjs

@@ -1,88 +1,90 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { createComponent, sstyled, 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";
-import logger from "@semcore/core/lib/utils/logger";
 import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
-import { Box, InvalidStateBox } from "@semcore/flex-box";
-import NeighborLocation from "@semcore/neighbor-location";
+import { Text as Text$1 } from "@semcore/typography";
 import React from "react";
 /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBaseTrigger_1t5fd_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1t5fd_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1t5fd_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1t5fd_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1t5fd_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1t5fd_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1t5fd_gg_.__active_1t5fd_gg_,.___SBaseTrigger_1t5fd_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1t5fd_gg_.__disabled_1t5fd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1t5fd_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1t5fd_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1t5fd_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1t5fd_gg_{width:12px;height:12px}.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_ .___SAddon_1t5fd_gg_:only-child,.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_ .___SAddon_1t5fd_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._neighborLocation_right_1t5fd_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1t5fd_gg_._neighborLocation_both_1t5fd_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1t5fd_gg_._neighborLocation_left_1t5fd_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_1t5fd_gg_._neighborLocation_left_1t5fd_gg_.__disabled_1t5fd_gg_{border-left:none;margin-left:0}.___SText_1t5fd_gg_.__display-placeholder_1t5fd_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1t5fd_gg_._state_valid_1t5fd_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1t5fd_gg_._state_invalid_1t5fd_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1t5fd_gg_._state_invalid_1t5fd_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_1t5fd_gg_._size_m_1t5fd_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1t5fd_gg_._size_l_1t5fd_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
+    ".___SBaseTrigger_zjohw_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_zjohw_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_zjohw_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_zjohw_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_zjohw_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_zjohw_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_zjohw_gg_.__active_zjohw_gg_,.___SBaseTrigger_zjohw_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_zjohw_gg_.__disabled_zjohw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_zjohw_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_zjohw_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_zjohw_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_zjohw_gg_{width:12px;height:12px}.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:only-child,.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._neighborLocation_right_zjohw_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_zjohw_gg_._neighborLocation_both_zjohw_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_zjohw_gg_._neighborLocation_left_zjohw_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_zjohw_gg_._neighborLocation_left_zjohw_gg_.__disabled_zjohw_gg_{border-left:none;margin-left:0}.___SText_zjohw_gg_.__display-placeholder_zjohw_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_zjohw_gg_._state_valid_zjohw_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_zjohw_gg_._state_invalid_zjohw_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_zjohw_gg_._state_invalid_zjohw_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_zjohw_gg_._size_m_zjohw_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_zjohw_gg_._size_l_zjohw_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
     /*__inner_css_end__*/
-    "1t5fd_gg_"
+    "zjohw_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBaseTrigger": "___SBaseTrigger_1t5fd_gg_",
-    "_disabled": "__disabled_1t5fd_gg_",
-    "__SInner": "___SInner_1t5fd_gg_",
-    "__SText": "___SText_1t5fd_gg_",
-    "__SAddon": "___SAddon_1t5fd_gg_",
-    "__SBaseAddon": "___SBaseAddon_1t5fd_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_1t5fd_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_1t5fd_gg_",
-    "_display-placeholder": "__display-placeholder_1t5fd_gg_",
-    "_state_valid": "_state_valid_1t5fd_gg_",
-    "__SInvalidPattern": "___SInvalidPattern_1t5fd_gg_",
-    "_size_m": "_size_m_1t5fd_gg_",
-    "_size_l": "_size_l_1t5fd_gg_",
-    "_active": "__active_1t5fd_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_1t5fd_gg_",
-    "_state_invalid": "_state_invalid_1t5fd_gg_"
+    "__SBaseTrigger": "___SBaseTrigger_zjohw_gg_",
+    "_disabled": "__disabled_zjohw_gg_",
+    "__SInner": "___SInner_zjohw_gg_",
+    "__SText": "___SText_zjohw_gg_",
+    "__SAddon": "___SAddon_zjohw_gg_",
+    "__SBaseAddon": "___SBaseAddon_zjohw_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_zjohw_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_zjohw_gg_",
+    "_display-placeholder": "__display-placeholder_zjohw_gg_",
+    "_state_valid": "_state_valid_zjohw_gg_",
+    "__SInvalidPattern": "___SInvalidPattern_zjohw_gg_",
+    "_size_m": "_size_m_zjohw_gg_",
+    "_size_l": "_size_l_zjohw_gg_",
+    "_active": "__active_zjohw_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_zjohw_gg_",
+    "_state_invalid": "_state_invalid_zjohw_gg_"
   })
 );
-var RootBaseTrigger = /* @__PURE__ */ (function(_Component) {
-  function RootBaseTrigger2() {
-    _classCallCheck(this, RootBaseTrigger2);
-    return _callSuper(this, RootBaseTrigger2, arguments);
+class RootBaseTrigger extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "triggerRef", /* @__PURE__ */ React.createRef());
   }
-  _inherits(RootBaseTrigger2, _Component);
-  return _createClass(RootBaseTrigger2, [{
-    key: "getTextProps",
-    value: function getTextProps() {
-      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
-      return {
-        placeholder,
-        empty
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps, _this = this;
-      var SBaseTrigger = Box;
-      var SInner = "span";
-      var SInvalidPattern = InvalidStateBox;
-      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, styles = _this$asProps2.styles, theme = _this$asProps2.theme, neighborLocation = _this$asProps2.neighborLocation, empty = _this$asProps2.empty, state = _this$asProps2.state, size = _this$asProps2.size;
-      logger.warn(theme !== void 0, "The 'theme' property is deprecated, use 'state'", this.asProps["data-ui-name"] || BaseTrigger.displayName);
-      return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
-        neighborLocation
-      }, function(neighborLocation2) {
-        var _ref4;
-        return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, assignProps({
+  getTextProps() {
+    const {
+      placeholder,
+      empty
+    } = this.asProps;
+    return {
+      placeholder,
+      empty,
+      triggerRef: this.triggerRef
+    };
+  }
+  render() {
+    var _ref = this.asProps;
+    const SBaseTrigger = Box;
+    const SInner = "span";
+    const SInvalidPattern = InvalidStateBox;
+    const {
+      Children,
+      styles,
+      theme,
+      neighborLocation,
+      empty,
+      state,
+      size
+    } = this.asProps;
+    return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
+      neighborLocation
+    }, (neighborLocation2) => {
+      var _ref4;
+      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", {
+        ...assignProps({
           "tag": "button",
           "type": "button",
           "tabIndex": 0,
           "neighborLocation": neighborLocation2,
-          "state": theme
-        }, _ref))), state === "invalid" && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
-          "size": size
-        })), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {
-          "data-ui-name": "".concat(_this.asProps["data-ui-name"], ".InnerTriggerWrapper")
-        }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
-      });
-    }
-  }]);
-})(Component);
+          "state": theme,
+          "ref": this.triggerRef
+        }, _ref)
+      }), state === "invalid" && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
+        "size": size
+      })), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {
+        "data-ui-name": `${this.asProps["data-ui-name"]}.InnerTriggerWrapper`
+      }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
+    });
+  }
+}
 _defineProperty(RootBaseTrigger, "displayName", "BaseTrigger");
 _defineProperty(RootBaseTrigger, "enhance", [cssVariableEnhance({
   variable: "--intergalactic-duration-control",
@@ -100,20 +102,42 @@ _defineProperty(RootBaseTrigger, "defaultProps", {
 });
 function Text(props) {
   var _ref2 = arguments[0], _ref5;
-  var SText = Box;
-  var children = props.children, styles = props.styles, empty = props.empty, placeholder = props.placeholder;
-  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({
-    "display-placeholder": empty,
-    "aria-hidden": empty
-  }, _ref2))), empty ? placeholder : children);
+  const SText = Text$1;
+  const textRef = React.useRef();
+  const {
+    children,
+    styles,
+    empty,
+    placeholder,
+    triggerRef,
+    ellipsis = false,
+    hintProps
+  } = props;
+  const content = empty ? placeholder : children;
+  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", {
+    ...assignProps({
+      "display-placeholder": empty,
+      "aria-hidden": empty,
+      "ref": textRef,
+      "ellipsis": ellipsis,
+      "hintProps": {
+        ...hintProps,
+        triggerRef
+      }
+    }, _ref2)
+  }), content));
 }
 function Addon(props) {
   var _ref3 = arguments[0], _ref6;
-  var SAddon = Box;
-  var styles = props.styles;
-  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({}, _ref3))));
+  const SAddon = Box;
+  const {
+    styles
+  } = props;
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", {
+    ...assignProps({}, _ref3)
+  }));
 }
-var BaseTrigger = createComponent(RootBaseTrigger, {
+const BaseTrigger = createComponent(RootBaseTrigger, {
   Text,
   Addon
 });