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

package/lib/cjs/LinkTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkTrigger.js","names":["_core","require","_button","_addonTextChildren","_interopRequireDefault","_findComponent","_l","_m","_spin","_react","RootLinkTrigger","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextProps","props","_this$asProps","asProps","placeholder","empty","Children","size","content","children","addons","findAllComponents","LinkTrigger","Addon","displayName","addonWidth","concat","length","render","_ref","SLinkTrigger","ButtonLink","SLinkAddon","_this$asProps2","loading","disabled","createElement","assignProps","addonTextChildren","Text","theme","Component","_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 { findAllComponents } from '@semcore/core/lib/utils/findComponent';\nimport ChevronDownL from '@semcore/icon/ChevronDown/l';\nimport ChevronDownM 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, Children, size } = this.asProps;\n    const content = empty ? placeholder : props.children;\n    const addons = findAllComponents(Children, [LinkTrigger.Addon.displayName]);\n    const addonWidth = size >= 600 ? 28 : 20;\n\n    return {\n      'use:children': content,\n      empty,\n      'w': `calc(100% - ${addonWidth * (addons.length + 1)}px)`,\n    };\n  }\n\n  render() {\n    const SLinkTrigger = Root;\n    const SLinkAddon = LinkTrigger.Addon;\n    const { Children, loading, empty, disabled, size } = 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\n            ? <Spin size={size >= 600 ? 's' : 'xs'} theme='currentColor' />\n            : size >= 600 ? <ChevronDownL /> : <ChevronDownM />}\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":"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","ignoreList":[]}
+{"version":3,"file":"LinkTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_spin","_flexBox","_resolveColorEnhance","_keyboardFocusEnhance","style","_index","sstyled","insert","RootLinkTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread2","assignProps","addonTextChildren","Text","Component","_defineProperty2","size","keyboardFocusEnhance","resolveColorEnhance","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\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  static enhance = [keyboardFocusEnhance(), 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 render={Box} tag='button' type='button' use:color={color}>\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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"}

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 { 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  /** 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":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic, Root } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  KeyboardFocusProps &\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     * Display the dropdowns chevron icon\n     * @default true\n     */\n    chevron?: boolean;\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\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  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":""}

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_BaseTrigger","_interopRequireDefault","require","_ButtonTrigger","_FilterTrigger","_LinkTrigger"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_BaseTrigger","_interopRequireDefault","require","_ButtonTrigger","_FilterTrigger","_LinkTrigger"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA"}

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

@@ -14,6 +14,7 @@ SBaseTrigger {
   text-decoration: none;
   -webkit-tap-highlight-color: transparent;
   overflow: visible;
+  outline: 0;
   text-align: center;
   vertical-align: middle;
   font-family: inherit;
@@ -31,12 +32,16 @@ SBaseTrigger {
   }
 
   &:active,
-  &:hover {
+  &:hover,
+  &:focus {
+    outline: 0;
     text-decoration: none;
   }
 
-  &:focus-visible {
+  &[keyboardFocused] {
     border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
+    z-index: 1;
   }
 
   &:hover {
@@ -152,11 +157,6 @@ SBaseTrigger[neighborLocation='left'] {
   border-bottom-left-radius: 0;
   /* disable-tokens-validator */
   margin-left: -1px;
-
-  &[disabled] {
-    border-left: none;
-    margin-left: 0;
-  }
 }
 
 SText[display-placeholder] {
@@ -170,8 +170,9 @@ SBaseTrigger[state='valid'] {
 SBaseTrigger[state='invalid'] {
   border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
 
-  &:focus-visible {
-    outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
+  &[keyboardFocused] {
+    border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
+    box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px oklch(0.628 0.257 28.9 / 0.652));
   }
 }
 

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

@@ -20,3 +20,11 @@ SWrapper {
     outline: none;
   }
 }
+
+SWrapper[keyboardFocused]:focus {
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
+}
+
+SCounter {
+  background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
+}

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

@@ -0,0 +1,104 @@
+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;
+  cursor: pointer;
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+  background: none;
+  transition: color 0.15s ease-in-out;
+  border: 0;
+
+  &:focus {
+    outline: none;
+  }
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
+
+    & 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.4);
+  cursor: default;
+  pointer-events: none;
+}
+
+SLinkTrigger[keyboardFocused] {
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
+  z-index: 1;
+}
+
+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/cjs/translations/__intergalactic-dynamic-locales.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,13 +13,13 @@ var _it = _interopRequireDefault(require("./it.json"));
 var _ja = _interopRequireDefault(require("./ja.json"));
 var _ko = _interopRequireDefault(require("./ko.json"));
 var _nl = _interopRequireDefault(require("./nl.json"));
-var _pl = _interopRequireDefault(require("./pl.json"));
 var _pt = _interopRequireDefault(require("./pt.json"));
-var _sv = _interopRequireDefault(require("./sv.json"));
 var _tr = _interopRequireDefault(require("./tr.json"));
 var _vi = _interopRequireDefault(require("./vi.json"));
 var _zh = _interopRequireDefault(require("./zh.json"));
-var localizedMessages = exports.localizedMessages = {
+var _pl = _interopRequireDefault(require("./pl.json"));
+var _sv = _interopRequireDefault(require("./sv.json"));
+var localizedMessages = {
   de: _de["default"],
   en: _en["default"],
   es: _es["default"],
@@ -35,4 +35,5 @@ var localizedMessages = exports.localizedMessages = {
   pl: _pl["default"],
   sv: _sv["default"]
 };
+exports.localizedMessages = localizedMessages;
 //# sourceMappingURL=__intergalactic-dynamic-locales.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"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,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","_pl","_sv","localizedMessages","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","exports"],"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 pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.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,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA"}

package/lib/cjs/translations/de.json

@@ -1,5 +1,4 @@
 {
   "clear": "Löschen",
-  "filter": "Filter",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "ausgewählte"
+  "filter": "Filter"
 }

package/lib/cjs/translations/es.json

@@ -1,5 +1,4 @@
 {
   "clear": "Borrar",
-  "filter": "Filtro",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "seleccionadas"
+  "filter": "Filtro"
 }

package/lib/cjs/translations/fr.json

@@ -1,5 +1,4 @@
 {
   "clear": "Effacer",
-  "filter": "Filtre",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "sélectionnés"
+  "filter": "Filtre"
 }

package/lib/cjs/translations/it.json

@@ -1,5 +1,4 @@
 {
   "clear": "Pulisci",
-  "filter": "Filtro",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "selezionati"
+  "filter": "Filtro"
 }

package/lib/cjs/translations/ja.json

@@ -1,5 +1,4 @@
 {
   "clear": "クリア",
-  "filter": "フィルタ",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "選択済み"
+  "filter": "フィルタ"
 }

package/lib/cjs/translations/ko.json

@@ -1,5 +1,4 @@
 {
   "clear": "지우기",
-  "filter": "필터",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "선택됨"
+  "filter": "필터"
 }

package/lib/cjs/translations/nl.json

@@ -1,5 +1,4 @@
 {
   "clear": "Wissen",
-  "filter": "Filter",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "geselecteerd"
+  "filter": "Filter"
 }

package/lib/cjs/translations/pl.json

@@ -1,5 +1,4 @@
 {
   "clear": "Wyczyść",
-  "filter": "Filtr",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "wybrano"
+  "filter": "Filtr"
 }

package/lib/cjs/translations/pt.json

@@ -1,5 +1,4 @@
 {
   "clear": "Limpar",
-  "filter": "Filtro",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "selecionados"
+  "filter": "Filtro"
 }

package/lib/cjs/translations/sv.json

@@ -1,5 +1,4 @@
 {
   "clear": "Rensa",
-  "filter": "Filter",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "valda"
+  "filter": "Filter"
 }

package/lib/cjs/translations/tr.json

@@ -1,5 +1,4 @@
 {
   "clear": "Temizle",
-  "filter": "Filtre",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "seçildi"
+  "filter": "Filtre"
 }

package/lib/cjs/translations/vi.json

@@ -1,5 +1,4 @@
 {
   "clear": "Xóa",
-  "filter": "Lọc",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "đã chọn"
+  "filter": "Lọc"
 }

package/lib/cjs/translations/zh.json

@@ -1,5 +1,4 @@
 {
   "clear": "清除",
-  "filter": "筛选器",
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "已选定"
+  "filter": "筛选器"
 }

package/lib/es6/BaseTrigger.js

@@ -1,54 +1,52 @@
 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 _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import { NeighborLocation, Box, InvalidStateBox } from '@semcore/base-components';
-import { createComponent, Component, Root, sstyled } from '@semcore/core';
-import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
-import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
-import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
-import { Text as TextKit } from '@semcore/typography';
 import React from 'react';
+import createComponent, { Component, Root, sstyled } from '@semcore/core';
+import { Box, InvalidStateBox } from '@semcore/flex-box';
+import NeighborLocation from '@semcore/neighbor-location';
+import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
+import logger from '@semcore/utils/lib/logger';
+import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
+import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
 /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_10iri_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_10iri_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_10iri_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_10iri_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_10iri_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_10iri_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419))}@media (hover:hover){.___SBaseTrigger_10iri_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_10iri_gg_.__active_10iri_gg_,.___SBaseTrigger_10iri_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_10iri_gg_.__disabled_10iri_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_10iri_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_10iri_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_10iri_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_10iri_gg_{width:12px;height:12px}.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:only-child,.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._neighborLocation_right_10iri_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_10iri_gg_._neighborLocation_both_10iri_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_10iri_gg_._neighborLocation_left_10iri_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_10iri_gg_._neighborLocation_left_10iri_gg_.__disabled_10iri_gg_{border-left:none;margin-left:0}.___SText_10iri_gg_.__display-placeholder_10iri_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 2, 7, 0.652))}.___SInvalidPattern_10iri_gg_._size_m_10iri_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_10iri_gg_._size_l_10iri_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"10iri_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_xji3i_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_xji3i_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_xji3i_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_xji3i_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_xji3i_gg_:active,.___SBaseTrigger_xji3i_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_xji3i_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_xji3i_gg_.__keyboardFocused_xji3i_gg_{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_xji3i_gg_.__keyboardFocused_xji3i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SBaseTrigger_xji3i_gg_.__keyboardFocused_xji3i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@media (hover:hover){.___SBaseTrigger_xji3i_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_xji3i_gg_.__active_xji3i_gg_,.___SBaseTrigger_xji3i_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_xji3i_gg_.__disabled_xji3i_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_xji3i_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_xji3i_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_xji3i_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_xji3i_gg_{width:12px;height:12px}.___SBaseTrigger_xji3i_gg_._size_m_xji3i_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_xji3i_gg_._size_m_xji3i_gg_ .___SAddon_xji3i_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xji3i_gg_._size_m_xji3i_gg_ .___SAddon_xji3i_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xji3i_gg_._size_l_xji3i_gg_ .___SAddon_xji3i_gg_:only-child,.___SBaseTrigger_xji3i_gg_._size_m_xji3i_gg_ .___SAddon_xji3i_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_xji3i_gg_._size_l_xji3i_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_xji3i_gg_._size_l_xji3i_gg_ .___SAddon_xji3i_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xji3i_gg_._size_l_xji3i_gg_ .___SAddon_xji3i_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xji3i_gg_._neighborLocation_right_xji3i_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_xji3i_gg_._neighborLocation_both_xji3i_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_xji3i_gg_._neighborLocation_left_xji3i_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_xji3i_gg_.__display-placeholder_xji3i_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_xji3i_gg_._state_valid_xji3i_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_xji3i_gg_._state_valid_xji3i_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_xji3i_gg_._state_valid_xji3i_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_xji3i_gg_._state_invalid_xji3i_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_xji3i_gg_._state_invalid_xji3i_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_xji3i_gg_._state_invalid_xji3i_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_xji3i_gg_._state_invalid_xji3i_gg_.__keyboardFocused_xji3i_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_xji3i_gg_._state_invalid_xji3i_gg_.__keyboardFocused_xji3i_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_xji3i_gg_._state_invalid_xji3i_gg_.__keyboardFocused_xji3i_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SInvalidPattern_xji3i_gg_._size_m_xji3i_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_xji3i_gg_._size_l_xji3i_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"xji3i_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBaseTrigger": "___SBaseTrigger_10iri_gg_",
-  "_disabled": "__disabled_10iri_gg_",
-  "__SInner": "___SInner_10iri_gg_",
-  "__SText": "___SText_10iri_gg_",
-  "__SAddon": "___SAddon_10iri_gg_",
-  "__SBaseAddon": "___SBaseAddon_10iri_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_10iri_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_10iri_gg_",
-  "_display-placeholder": "__display-placeholder_10iri_gg_",
-  "_state_valid": "_state_valid_10iri_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_10iri_gg_",
-  "_size_m": "_size_m_10iri_gg_",
-  "_size_l": "_size_l_10iri_gg_",
-  "_active": "__active_10iri_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_10iri_gg_",
-  "_state_invalid": "_state_invalid_10iri_gg_"
+  "__SBaseTrigger": "___SBaseTrigger_xji3i_gg_",
+  "_disabled": "__disabled_xji3i_gg_",
+  "__SInner": "___SInner_xji3i_gg_",
+  "__SText": "___SText_xji3i_gg_",
+  "__SAddon": "___SAddon_xji3i_gg_",
+  "__SBaseAddon": "___SBaseAddon_xji3i_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_xji3i_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_xji3i_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_xji3i_gg_",
+  "_display-placeholder": "__display-placeholder_xji3i_gg_",
+  "_state_valid": "_state_valid_xji3i_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_xji3i_gg_",
+  "_size_m": "_size_m_xji3i_gg_",
+  "_size_l": "_size_l_xji3i_gg_",
+  "_keyboardFocused": "__keyboardFocused_xji3i_gg_",
+  "_active": "__active_xji3i_gg_",
+  "_state_invalid": "_state_invalid_xji3i_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
+  _inherits(RootBaseTrigger, _Component);
+  var _super = _createSuper(RootBaseTrigger);
   function RootBaseTrigger() {
-    var _this;
     _classCallCheck(this, RootBaseTrigger);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RootBaseTrigger, [].concat(args));
-    _defineProperty(_this, "triggerRef", /*#__PURE__*/React.createRef());
-    return _this;
+    return _super.apply(this, arguments);
   }
-  _inherits(RootBaseTrigger, _Component);
-  return _createClass(RootBaseTrigger, [{
+  _createClass(RootBaseTrigger, [{
     key: "getTextProps",
     value: function getTextProps() {
       var _this$asProps = this.asProps,
@@ -56,15 +54,13 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
         empty = _this$asProps.empty;
       return {
         placeholder: placeholder,
-        empty: empty,
-        triggerRef: this.triggerRef
+        empty: empty
       };
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps,
-        _this2 = this;
+      var _ref = this.asProps;
       var SBaseTrigger = Box;
       var SInner = 'span';
       var SInvalidPattern = InvalidStateBox;
@@ -76,6 +72,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
         empty = _this$asProps2.empty,
         state = _this$asProps2.state,
         size = _this$asProps2.size;
+      logger.warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName);
 
       // TODO: add aria
       return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
@@ -85,21 +82,18 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
         return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, _assignProps({
           "tag": 'button',
           "type": 'button',
-          "tabIndex": 0,
           "neighborLocation": neighborLocation,
-          "state": theme,
-          "ref": _this2.triggerRef
+          "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(_this2.asProps['data-ui-name'], ".InnerTriggerWrapper")
-        }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
+        })), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {}), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
       });
     }
   }]);
+  return RootBaseTrigger;
 }(Component);
 _defineProperty(RootBaseTrigger, "displayName", 'BaseTrigger');
-_defineProperty(RootBaseTrigger, "enhance", [cssVariableEnhance({
+_defineProperty(RootBaseTrigger, "enhance", [keyboardFocusEnhance(), cssVariableEnhance({
   variable: '--intergalactic-duration-control',
   fallback: '200',
   map: Number.parseInt,
@@ -116,23 +110,15 @@ _defineProperty(RootBaseTrigger, "defaultProps", {
 function Text(props) {
   var _ref2 = arguments[0],
     _ref5;
-  var SText = TextKit;
-  var textRef = React.useRef();
+  var SText = Box;
   var children = props.children,
     styles = props.styles,
     empty = props.empty,
-    placeholder = props.placeholder,
-    triggerRef = props.triggerRef,
-    _props$ellipsis = props.ellipsis,
-    ellipsis = _props$ellipsis === void 0 ? false : _props$ellipsis;
-  var content = empty ? placeholder : children;
-  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
+    placeholder = props.placeholder;
+  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
     "display-placeholder": empty,
-    "aria-hidden": empty,
-    "ref": textRef,
-    "ellipsis": ellipsis,
-    "hint:triggerRef": triggerRef
-  }, _ref2))), content));
+    "aria-hidden": empty
+  }, _ref2))), empty ? placeholder : children);
 }
 function Addon(props) {
   var _ref3 = arguments[0],