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

package/lib/cjs/LinkTrigger.js.map

@@ -1 +1 @@
-{"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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"}
+{"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":[]}

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

@@ -1 +1 @@
-{"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":""}
+{"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":[]}

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 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"}
+{"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":[]}

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

@@ -14,7 +14,6 @@ SBaseTrigger {
   text-decoration: none;
   -webkit-tap-highlight-color: transparent;
   overflow: visible;
-  outline: 0;
   text-align: center;
   vertical-align: middle;
   font-family: inherit;
@@ -32,16 +31,12 @@ SBaseTrigger {
   }
 
   &:active,
-  &:hover,
-  &:focus {
-    outline: 0;
+  &:hover {
     text-decoration: none;
   }
 
-  &[keyboardFocused] {
-    border: 1px solid var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
-    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
-    z-index: 1;
+  &:focus-visible {
+    border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
   }
 
   &:hover {
@@ -50,7 +45,7 @@ SBaseTrigger {
 
   &:active,
   &[active] {
-    border-color: var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
+    border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
     background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
   }
 }
@@ -157,6 +152,11 @@ 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,9 +170,8 @@ SBaseTrigger[state='valid'] {
 SBaseTrigger[state='invalid'] {
   border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
 
-  &[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));
+  &:focus-visible {
+    outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
   }
 }
 

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

@@ -1,15 +1,15 @@
 SFilterTrigger[selected] {
-  border-color: var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
-  background-color: var(--intergalactic-control-secondary-info, oklch(0.41 0.258 264.2 / 0.031));
+  border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
+  background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
   color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 
   &:hover {
-    background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.407 0.258 264.2 / 0.062));
+    background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
   }
 
   &:active,
   &[active] {
-    background-color: var(--intergalactic-control-secondary-info-active, oklch(0.405 0.257 264.2 / 0.093));
+    background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
   }
 }
 
@@ -20,11 +20,3 @@ SWrapper {
     outline: none;
   }
 }
-
-SWrapper[keyboardFocused]:focus {
-  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
-}
-
-SCounter {
-  background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.135 278.4));
-}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 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 _pl = _interopRequireDefault(require("./pl.json"));
-var _sv = _interopRequireDefault(require("./sv.json"));
-var localizedMessages = {
+var localizedMessages = exports.localizedMessages = {
   de: _de["default"],
   en: _en["default"],
   es: _es["default"],
@@ -35,5 +35,4 @@ var 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","_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"}
+{"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":[]}

package/lib/cjs/translations/de.json

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

package/lib/cjs/translations/es.json

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

package/lib/cjs/translations/fr.json

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

package/lib/cjs/translations/it.json

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

package/lib/cjs/translations/ja.json

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

package/lib/cjs/translations/ko.json

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

package/lib/cjs/translations/nl.json

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

package/lib/cjs/translations/pl.json

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

package/lib/cjs/translations/pt.json

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

package/lib/cjs/translations/sv.json

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

package/lib/cjs/translations/tr.json

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

package/lib/cjs/translations/vi.json

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

package/lib/cjs/translations/zh.json

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

package/lib/es6/BaseTrigger.js

@@ -1,52 +1,54 @@
 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/utils/lib/core/index";
+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 { 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_x7fai_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_x7fai_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_x7fai_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_x7fai_gg_:active,.___SBaseTrigger_x7fai_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_x7fai_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_x7fai_gg_.__keyboardFocused_x7fai_gg_{border:1px solid var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386));box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_x7fai_gg_.__keyboardFocused_x7fai_gg_{border:1px solid var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_.__keyboardFocused_x7fai_gg_{border:1px solid var(--intergalactic-border-info-active, color(display-p3 0.01805 0.08333 0.73488 / 0.386))}}}@media (hover:hover){.___SBaseTrigger_x7fai_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_x7fai_gg_.__active_x7fai_gg_,.___SBaseTrigger_x7fai_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_x7fai_gg_.__active_x7fai_gg_,.___SBaseTrigger_x7fai_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_.__active_x7fai_gg_,.___SBaseTrigger_x7fai_gg_:active{border-color:var(--intergalactic-border-info-active, color(display-p3 0.01805 0.08333 0.73488 / 0.386))}}}.___SBaseTrigger_x7fai_gg_.__disabled_x7fai_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_x7fai_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_x7fai_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_x7fai_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_x7fai_gg_{width:12px;height:12px}.___SBaseTrigger_x7fai_gg_._size_m_x7fai_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_x7fai_gg_._size_m_x7fai_gg_ .___SAddon_x7fai_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x7fai_gg_._size_m_x7fai_gg_ .___SAddon_x7fai_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x7fai_gg_._size_l_x7fai_gg_ .___SAddon_x7fai_gg_:only-child,.___SBaseTrigger_x7fai_gg_._size_m_x7fai_gg_ .___SAddon_x7fai_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_x7fai_gg_._size_l_x7fai_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_x7fai_gg_._size_l_x7fai_gg_ .___SAddon_x7fai_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x7fai_gg_._size_l_x7fai_gg_ .___SAddon_x7fai_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x7fai_gg_._neighborLocation_right_x7fai_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_x7fai_gg_._neighborLocation_both_x7fai_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_x7fai_gg_._neighborLocation_left_x7fai_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_x7fai_gg_.__display-placeholder_x7fai_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_x7fai_gg_._state_valid_x7fai_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_x7fai_gg_._state_valid_x7fai_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_._state_valid_x7fai_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_.__keyboardFocused_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_.__keyboardFocused_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_x7fai_gg_._state_invalid_x7fai_gg_.__keyboardFocused_x7fai_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SInvalidPattern_x7fai_gg_._size_m_x7fai_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_x7fai_gg_._size_l_x7fai_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"x7fai_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_10iri_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_10iri_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_10iri_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_10iri_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_10iri_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_10iri_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419))}@media (hover:hover){.___SBaseTrigger_10iri_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_10iri_gg_.__active_10iri_gg_,.___SBaseTrigger_10iri_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_10iri_gg_.__disabled_10iri_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_10iri_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_10iri_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_10iri_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_10iri_gg_{width:12px;height:12px}.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:only-child,.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._neighborLocation_right_10iri_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_10iri_gg_._neighborLocation_both_10iri_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_10iri_gg_._neighborLocation_left_10iri_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_10iri_gg_._neighborLocation_left_10iri_gg_.__disabled_10iri_gg_{border-left:none;margin-left:0}.___SText_10iri_gg_.__display-placeholder_10iri_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 2, 7, 0.652))}.___SInvalidPattern_10iri_gg_._size_m_10iri_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_10iri_gg_._size_l_10iri_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"10iri_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBaseTrigger": "___SBaseTrigger_x7fai_gg_",
-  "_disabled": "__disabled_x7fai_gg_",
-  "__SInner": "___SInner_x7fai_gg_",
-  "__SText": "___SText_x7fai_gg_",
-  "__SAddon": "___SAddon_x7fai_gg_",
-  "__SBaseAddon": "___SBaseAddon_x7fai_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_x7fai_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_x7fai_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_x7fai_gg_",
-  "_display-placeholder": "__display-placeholder_x7fai_gg_",
-  "_state_valid": "_state_valid_x7fai_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_x7fai_gg_",
-  "_size_m": "_size_m_x7fai_gg_",
-  "_size_l": "_size_l_x7fai_gg_",
-  "_keyboardFocused": "__keyboardFocused_x7fai_gg_",
-  "_active": "__active_x7fai_gg_",
-  "_state_invalid": "_state_invalid_x7fai_gg_"
+  "__SBaseTrigger": "___SBaseTrigger_10iri_gg_",
+  "_disabled": "__disabled_10iri_gg_",
+  "__SInner": "___SInner_10iri_gg_",
+  "__SText": "___SText_10iri_gg_",
+  "__SAddon": "___SAddon_10iri_gg_",
+  "__SBaseAddon": "___SBaseAddon_10iri_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_10iri_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_10iri_gg_",
+  "_display-placeholder": "__display-placeholder_10iri_gg_",
+  "_state_valid": "_state_valid_10iri_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_10iri_gg_",
+  "_size_m": "_size_m_10iri_gg_",
+  "_size_l": "_size_l_10iri_gg_",
+  "_active": "__active_10iri_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_10iri_gg_",
+  "_state_invalid": "_state_invalid_10iri_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
-  _inherits(RootBaseTrigger, _Component);
-  var _super = _createSuper(RootBaseTrigger);
   function RootBaseTrigger() {
+    var _this;
     _classCallCheck(this, RootBaseTrigger);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, RootBaseTrigger, [].concat(args));
+    _defineProperty(_this, "triggerRef", /*#__PURE__*/React.createRef());
+    return _this;
   }
-  _createClass(RootBaseTrigger, [{
+  _inherits(RootBaseTrigger, _Component);
+  return _createClass(RootBaseTrigger, [{
     key: "getTextProps",
     value: function getTextProps() {
       var _this$asProps = this.asProps,
@@ -54,13 +56,15 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
         empty = _this$asProps.empty;
       return {
         placeholder: placeholder,
-        empty: empty
+        empty: empty,
+        triggerRef: this.triggerRef
       };
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps;
+      var _ref = this.asProps,
+        _this2 = this;
       var SBaseTrigger = Box;
       var SInner = 'span';
       var SInvalidPattern = InvalidStateBox;
@@ -72,7 +76,6 @@ 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, {
@@ -82,18 +85,21 @@ 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
+          "state": theme,
+          "ref": _this2.triggerRef
         }, _ref))), state === 'invalid' && /*#__PURE__*/React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
           "size": size
-        })), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {}), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
+        })), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {
+          "data-ui-name": "".concat(_this2.asProps['data-ui-name'], ".InnerTriggerWrapper")
+        }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
       });
     }
   }]);
-  return RootBaseTrigger;
 }(Component);
 _defineProperty(RootBaseTrigger, "displayName", 'BaseTrigger');
-_defineProperty(RootBaseTrigger, "enhance", [keyboardFocusEnhance(), cssVariableEnhance({
+_defineProperty(RootBaseTrigger, "enhance", [cssVariableEnhance({
   variable: '--intergalactic-duration-control',
   fallback: '200',
   map: Number.parseInt,
@@ -110,15 +116,23 @@ _defineProperty(RootBaseTrigger, "defaultProps", {
 function Text(props) {
   var _ref2 = arguments[0],
     _ref5;
-  var SText = Box;
+  var SText = TextKit;
+  var textRef = React.useRef();
   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({}, _assignProps2({
+    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({
     "display-placeholder": empty,
-    "aria-hidden": empty
-  }, _ref2))), empty ? placeholder : children);
+    "aria-hidden": empty,
+    "ref": textRef,
+    "ellipsis": ellipsis,
+    "hint:triggerRef": triggerRef
+  }, _ref2))), content));
 }
 function Addon(props) {
   var _ref3 = arguments[0],

package/lib/es6/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","InvalidStateBox","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'span';\n    const SInvalidPattern = InvalidStateBox;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger\n              render={Box}\n              tag='button'\n              type='button'\n              neighborLocation={neighborLocation}\n              state={theme}\n            >\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,EAAEC,eAAe,QAAQ,mBAAmB;AACxD,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,kBAAkB,QAAQ,mCAAmC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,eAAe,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,eAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAAK,eAAA,OAAAL,eAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,eAAA;IAAAS,GAAA;IAAAC,KAAA,EAqBnB,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAA+B,IAAI,CAACC,OAAO;QAAnCC,WAAW,GAAAF,aAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;MAC1B,OAAO;QACLD,WAAW,EAAXA,WAAW;QACXC,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAJ,OAAA;MACP,IAAMK,YAAY,GAiBA7B,GAAG;MAhBrB,IAAM8B,MAAM,GAAG,MAAM;MACrB,IAAMC,eAAe,GAAG9B,eAAe;MACvC,IAAA+B,cAAA,GAA0E,IAAI,CAACR,OAAO;QAA9ES,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,cAAA,CAALG,KAAK;QAAEC,gBAAgB,GAAAJ,cAAA,CAAhBI,gBAAgB;QAAEV,KAAK,GAAAM,cAAA,CAALN,KAAK;QAAEW,KAAK,GAAAL,cAAA,CAALK,KAAK;QAAEC,IAAI,GAAAN,cAAA,CAAJM,IAAI;MAErEjC,MAAM,CAACkC,IAAI,CACTJ,KAAK,KAAKK,SAAS,EACnB,iDAAiD,EACjD,IAAI,CAAChB,OAAO,CAAC,cAAc,CAAC,IAAIiB,WAAW,CAACC,WAAW,CACxD;;MAED;MACA,oBACE/C,KAAA,CAAAgD,aAAA,CAACzC,gBAAgB,CAAC0C,MAAM;QAACR,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB;QAAA,IAAAS,KAAA;QAAA,OAAAA,KAAA,GAChB9C,OAAO,CAACmC,MAAM,CAAC,eACbvC,KAAA,CAAAgD,aAAA,CAACd,YAAY,EAAAgB,KAAA,CAAAC,EAAA,iBAAAC,aAAA,KAAAC,YAAA;UAAA,OAEP,QAAQ;UAAA,QACP,QAAQ;UAAA,oBACKZ,gBAAgB;UAAA,SAC3BD;QAAK,GAAAP,IAAA,KAEXS,KAAK,KAAK,SAAS,iBAAI1C,KAAA,CAAAgD,aAAA,CAACZ,eAAe,EAAAc,KAAA,CAAAC,EAAA;UAAA,QAAOR;QAAI,GAAI,eACvD3C,KAAA,CAAAgD,aAAA,CAACb,MAAM,EAAAe,KAAA,CAAAC,EAAA,gBACJ1C,iBAAiB,CAAC6B,QAAQ,EAAEQ,WAAW,CAACQ,IAAI,EAAER,WAAW,CAACS,KAAK,EAAExB,KAAK,CAAC,CACjE,CACI;MAAA,CAChB,CAEqB;IAE9B;EAAC;EAAA,OAAAf,eAAA;AAAA,EA9D2Bd,SAAS;AAAAsD,eAAA,CAAjCxC,eAAe,iBACE,aAAa;AAAAwC,eAAA,CAD9BxC,eAAe,aAEF,CACfR,oBAAoB,EAAE,EACtBI,kBAAkB,CAAC;EACjB6C,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFnD,mBAAmB,CAAC;EAClBoD,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAAR,eAAA,CAdGxC,eAAe,WAeJH,KAAK;AAAA2C,eAAA,CAfhBxC,eAAe,kBAgBG;EACpB2B,IAAI,EAAE,GAAG;EACTZ,KAAK,EAAE;AACT,CAAC;AA8CH,SAASuB,IAAIA,CAACW,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAIMhE,GAAG;EAHpB,IAAQiE,QAAQ,GAAiCL,KAAK,CAA9CK,QAAQ;IAAE/B,MAAM,GAAyB0B,KAAK,CAApC1B,MAAM;IAAER,KAAK,GAAkBkC,KAAK,CAA5BlC,KAAK;IAAED,WAAW,GAAKmC,KAAK,CAArBnC,WAAW;EAE5C,OAAAsC,KAAA,GAAOhE,OAAO,CAACmC,MAAM,CAAC,eACpBvC,KAAA,CAAAgD,aAAA,CAACqB,KAAK,EAAAD,KAAA,CAAAjB,EAAA,UAAAC,aAAA,KAAAmB,aAAA;IAAA,uBAAmCxC,KAAK;IAAA,eAAeA;EAAK,GAAAmC,KAAA,KAC/DnC,KAAK,GAAGD,WAAW,GAAGwC,QAAQ,CACzB;AAEZ;AAEA,SAASf,KAAKA,CAACU,KAAK,EAAE;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EACpB,IAAMC,MAAM,GAE2BrE,GAAG;EAD1C,IAAQkC,MAAM,GAAK0B,KAAK,CAAhB1B,MAAM;EACd,OAAAkC,KAAA,GAAOrE,OAAO,CAACmC,MAAM,CAAC,eAACvC,KAAA,CAAAgD,aAAA,CAAC0B,MAAM,EAAAD,KAAA,CAAAtB,EAAA,WAAAC,aAAA,KAAAuB,aAAA,KAAAH,KAAA,IAAgB;AAChD;AAEA,IAAM1B,WAAW,GAAG7C,eAAe,CAACe,eAAe,EAAE;EACnDsC,IAAI,EAAJA,IAAI;EACJC,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,eAAeT,WAAW"}
+{"version":3,"file":"BaseTrigger.js","names":["NeighborLocation","Box","InvalidStateBox","createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","cssVariableEnhance","Text","TextKit","React","style","_sstyled","insert","RootBaseTrigger","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","_inherits","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","triggerRef","render","_ref","_this2","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","BaseTrigger","Addon","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","textRef","useRef","children","_props$ellipsis","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":";;;;;;;;;;AAAA,SAASA,gBAAgB,EAAEC,GAAG,EAAEC,eAAe,QAAQ,0BAA0B;AACjF,SAASC,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,SAASC,IAAI,IAAIC,OAAO,QAAQ,qBAAqB;AACrD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpBC,eAAe,0BAAAC,UAAA;EAAA,SAAAD,gBAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,eAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAQ,UAAA,OAAAV,eAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAV,KAAA,6BAqBNN,KAAK,CAACiB,SAAS,CAAC,CAAC;IAAA,OAAAX,KAAA;EAAA;EAAAY,SAAA,CAAAd,eAAA,EAAAC,UAAA;EAAA,OAAAc,YAAA,CAAAf,eAAA;IAAAgB,GAAA;IAAAC,KAAA,EAE9B,SAAAC,YAAYA,CAAA,EAAG;MACb,IAAAC,aAAA,GAA+B,IAAI,CAACC,OAAO;QAAnCC,WAAW,GAAAF,aAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;MAC1B,OAAO;QACLD,WAAW,EAAXA,WAAW;QACXC,KAAK,EAALA,KAAK;QACLC,UAAU,EAAE,IAAI,CAACA;MACnB,CAAC;IACH;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAO,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAL,OAAA;QAAAM,MAAA;MACP,IAAMC,YAAY,GAWA1C,GAAG;MAVrB,IAAM2C,MAAM,GAAG,MAAM;MACrB,IAAMC,eAAe,GAAG3C,eAAe;MACvC,IAAA4C,cAAA,GAA0E,IAAI,CAACV,OAAO;QAA9EW,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,cAAA,CAALG,KAAK;QAAEC,gBAAgB,GAAAJ,cAAA,CAAhBI,gBAAgB;QAAEZ,KAAK,GAAAQ,cAAA,CAALR,KAAK;QAAEa,KAAK,GAAAL,cAAA,CAALK,KAAK;QAAEC,IAAI,GAAAN,cAAA,CAAJM,IAAI;;MAErE;MACA,oBACExC,KAAA,CAAAyC,aAAA,CAACrD,gBAAgB,CAACsD,MAAM;QAACJ,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB;QAAA,IAAAK,KAAA;QAAA,OAAAA,KAAA,GAChBjD,OAAO,CAAC0C,MAAM,CAAC,eACbpC,KAAA,CAAAyC,aAAA,CAACV,YAAY,EAAAY,KAAA,CAAAC,EAAA,iBAAAC,aAAA,KAAAC,YAAA;UAAA,OAEP,QAAQ;UAAA,QACP,QAAQ;UAAA,YACH,CAAC;UAAA,oBACOR,gBAAgB;UAAA,SAC3BD,KAAK;UAAA,OACPP,MAAI,CAACH;QAAU,GAAAE,IAAA,KAEnBU,KAAK,KAAK,SAAS,iBAAIvC,KAAA,CAAAyC,aAAA,CAACR,eAAe,EAAAU,KAAA,CAAAC,EAAA;UAAA,QAAOJ;QAAI,EAAG,CAAC,eACvDxC,KAAA,CAAAyC,aAAA,CAACT,MAAM,EAAAW,KAAA,CAAAC,EAAA;UAAA,mBAAA7B,MAAA,CAAkBe,MAAI,CAACN,OAAO,CAAC,cAAc,CAAC;QAAA,IAClD7B,iBAAiB,CAACwC,QAAQ,EAAEY,WAAW,CAACjD,IAAI,EAAEiD,WAAW,CAACC,KAAK,EAAEtB,KAAK,CACjE,CACI,CAAC;MAAA,CAEI,CAAC;IAE9B;EAAC;AAAA,EA5D2BlC,SAAS;AAAAwB,eAAA,CAAjCZ,eAAe,iBACE,aAAa;AAAAY,eAAA,CAD9BZ,eAAe,aAEF,CACfP,kBAAkB,CAAC;EACjBoD,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACF1D,mBAAmB,CAAC;EAClB2D,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAAxC,eAAA,CAbGZ,eAAe,WAeJH,KAAK;AAAAe,eAAA,CAfhBZ,eAAe,kBAgBG;EACpBoC,IAAI,EAAE,GAAG;EACTd,KAAK,EAAE;AACT,CAAC;AA4CH,SAAS5B,IAAIA,CAAC2D,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAQG9D,OAAO;EAPrB,IAAM+D,OAAO,GAAG9D,KAAK,CAAC+D,MAAM,CAAC,CAAC;EAC9B,IAAQC,QAAQ,GAA+DP,KAAK,CAA5EO,QAAQ;IAAE5B,MAAM,GAAuDqB,KAAK,CAAlErB,MAAM;IAAEV,KAAK,GAAgD+B,KAAK,CAA1D/B,KAAK;IAAED,WAAW,GAAmCgC,KAAK,CAAnDhC,WAAW;IAAEE,UAAU,GAAuB8B,KAAK,CAAtC9B,UAAU;IAAAsC,eAAA,GAAuBR,KAAK,CAA1BS,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;EAC1E,IAAME,OAAO,GAAGzC,KAAK,GAAGD,WAAW,GAAGuC,QAAQ;EAE9C,OAAAJ,KAAA,GAAOlE,OAAO,CAAC0C,MAAM,CAAC,eACpBpC,KAAA,CAAAyC,aAAA,CAAAzC,KAAA,CAAAoE,QAAA,qBACEpE,KAAA,CAAAyC,aAAA,CAACoB,KAAK,EAAAD,KAAA,CAAAhB,EAAA,UAAAC,aAAA,KAAAwB,aAAA;IAAA,uBAEiB3C,KAAK;IAAA,eACbA,KAAK;IAAA,OACboC,OAAO;IAAA,YACFI,QAAQ;IAAA,mBACDvC;EAAU,GAAA+B,KAAA,KAE1BS,OACI,CACP,CAAC;AAEP;AAEA,SAASnB,KAAKA,CAACS,KAAK,EAAE;EAAA,IAAAa,KAAA,GAAAX,YAAA;IAAAY,KAAA;EACpB,IAAMC,MAAM,GAE2BnF,GAAG;EAD1C,IAAQ+C,MAAM,GAAKqB,KAAK,CAAhBrB,MAAM;EACd,OAAAmC,KAAA,GAAO7E,OAAO,CAAC0C,MAAM,CAAC,eAACpC,KAAA,CAAAyC,aAAA,CAAC+B,MAAM,EAAAD,KAAA,CAAA3B,EAAA,WAAAC,aAAA,KAAA4B,aAAA,KAAAH,KAAA,GAAe,CAAC;AAChD;AAEA,IAAMvB,WAAW,GAAGxD,eAAe,CAACa,eAAe,EAAE;EACnDN,IAAI,EAAJA,IAAI;EACJkD,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,eAAeD,WAAW","ignoreList":[]}