intergalactic 15.109.0 → 15.110.0

package/dropdown/lib/cjs/AbstractDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractDropdown.js","names":["_react","_interopRequireDefault","require","_core","_uniqueID","_i18nEnhance","_intergalacticDynamicLocales","_useFocusLock","_focusSourceEnhance","_getAccessibleName","enhance","uid","uniqueIDEnhancement","getI18nText","i18nEnhance","localizedMessages","focusSourceRef","focusSourceEnhance","exports","selectedIndexContext","React","createContext","AbstractDropdown","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createRef","e","interaction","asProps","preventDefault","handlers","visible","role","setTimeout","highlightedIndex","element","itemRefs","focus","_createClass2","key","value","uncontrolledProps","_this2","selectedIndex","index","get","getTriggerProps","_this$asProps","size","disablePortal","id","focusHint","undefined","onClick","handleClickTrigger","ref","triggerRef","getListProps","_this$triggerRef$curr","_this$asProps2","triggerId","current","triggerElement","document","getElementById","tabIndex","menuRef","getAccessibleName","getMenuProps","getPopperProps","_this$asProps3","ignorePortalsStacking","popperRef","focusMaster","hideFocus","getGroupProps","getItemProps","_","_this3","_this$asProps4","onMouseEnter","childRole","getItemHintProps","getItemTitleProps","scrollToNode","node","_this4","highlightedItemRef","scrollIntoView","prevHighlightedIndex","block","inline","getHighlightedIndex","amount","_this$itemProps$newIn","itemsLastIndex","itemProps","findIndex","item","selected","innerHighlightedIndex","newIndex","disabled","componentDidUpdate","prevProps","_this$asProps5","visibilityChanged","activeElement","body","isFocusInside","setFocus","itemRef","props","getAttribute","handlePreventCommonKeyDown","target","Element","targetTagName","tagName","includes","handlePreventPopperKeyDown","handleOpenKeyDown","currentTarget","handleArrowKeyDown","amountCount","shiftKey","_this$asProps6","inlineActions","stopPropagation","click","newHighlightedIndex","_this$itemRefs$newHig","focusTrigger","trigger","Component"],"sources":["../../src/AbstractDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { isFocusInside, setFocus } from '@semcore/utils/lib/use/useFocusLock';\nimport focusSourceEnhance from '@semcore/utils/lib/enhances/focusSourceEnhance';\nimport { DropdownProps } from './index';\nimport { getAccessibleName } from '@semcore/utils/lib/getAccessibleName';\n\ntype AbstractDDProps = {\n  visible: boolean;\n  highlightedIndex: number | null;\n  selectedIndex: number | null;\n  placement: DropdownProps['placement'];\n  inlineActions: boolean;\n  disablePortal: boolean;\n  ignorePortalsStacking: boolean;\n  interaction: DropdownProps['interaction'];\n  timeout?: number | [number, number];\n};\n\nexport const enhance = {\n  uid: uniqueIDEnhancement(),\n  getI18nText: i18nEnhance(localizedMessages),\n  focusSourceRef: focusSourceEnhance(),\n};\n\ntype Enhances<T extends { [key: string]: (...args: any) => any }> = {\n  [K in keyof T]: ReturnType<T[K]>[K];\n};\n\nexport const selectedIndexContext = React.createContext(0);\n\nexport abstract class AbstractDropdown extends Component<\n  AbstractDDProps,\n  {},\n  {},\n  Enhances<typeof enhance>\n> {\n  protected abstract role: 'menu' | 'listbox';\n\n  popperRef = React.createRef<HTMLElement>();\n  triggerRef = React.createRef<HTMLElement>();\n  menuRef = React.createRef<HTMLElement>();\n\n  itemProps: any[] = [];\n  itemRefs: HTMLElement[] = [];\n\n  highlightedItemRef = React.createRef<HTMLElement>();\n\n  prevHighlightedIndex: number | null = null;\n\n  uncontrolledProps() {\n    return {\n      selectedIndex: null,\n      highlightedIndex: [\n        null,\n        (index: number | null) => {\n          this.handlers.selectedIndex(index);\n        },\n      ],\n      visible: null,\n    };\n  }\n\n  get childRole() {\n    if (this.role === 'listbox') {\n      return 'option';\n    }\n\n    return 'menuitem';\n  }\n\n  handleClickTrigger = (e: React.SyntheticEvent) => {\n    const { interaction } = this.asProps;\n\n    if (interaction === 'none') return false;\n\n    e.preventDefault();\n    this.handlers.visible(true);\n\n    if (this.role === 'menu') {\n      setTimeout(() => {\n        const { highlightedIndex } = this.asProps;\n        const element = this.itemRefs[highlightedIndex ?? 0];\n        element?.focus();\n      }, 0);\n    }\n  };\n\n  getTriggerProps() {\n    const { size, uid, disablePortal, visible, getI18nText } = this.asProps;\n\n    return {\n      size,\n      id: `igc-${uid}-trigger`,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-haspopup': 'true',\n      'aria-expanded': visible ? 'true' : 'false',\n      onClick: this.handleClickTrigger,\n      ref: this.triggerRef,\n    };\n  }\n\n  getListProps() {\n    const { size, uid } = this.asProps;\n    const triggerId = this.triggerRef.current?.id;\n    const triggerElement = triggerId ? document.getElementById(triggerId) : null;\n\n    return {\n      size,\n      index: this.asProps.highlightedIndex,\n      tabIndex: -1,\n      ref: this.menuRef,\n      id: `igc-${uid}-list`,\n      role: this.role,\n      'aria-label': getAccessibleName(triggerElement),\n    };\n  }\n\n  getMenuProps() {\n    return this.getListProps();\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking, interaction, highlightedIndex } =\n      this.asProps;\n\n    return {\n      ref: this.popperRef,\n      tabIndex: -1,\n      id: `igc-${uid}-popper`,\n      disablePortal,\n      ignorePortalsStacking,\n      focusMaster: interaction === 'click',\n      hideFocus: highlightedIndex !== null,\n      'use:autoFocus': false,\n    };\n  }\n\n  getGroupProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  getItemProps(_: any, index: number) {\n    const { size, uid } = this.asProps;\n\n    return {\n      id: `igc-${uid}-option-${index}`,\n      size,\n      index,\n      onMouseEnter: () => this.handlers.selectedIndex(index),\n      role: this.childRole,\n    };\n  }\n\n  getItemHintProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  getItemTitleProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  scrollToNode(node: Element | null) {\n    if (node) {\n      // @ts-ignore\n      this.highlightedItemRef.current = node;\n    }\n    setTimeout(() => {\n      if (node?.scrollIntoView) {\n        if (this.asProps.highlightedIndex !== this.prevHighlightedIndex) {\n          this.prevHighlightedIndex = this.asProps.highlightedIndex;\n          node.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n          });\n        }\n      }\n    }, 0);\n  }\n\n  getHighlightedIndex(amount: number): number {\n    const { highlightedIndex } = this.asProps;\n    const itemsLastIndex = this.itemProps.length - 1;\n    const selectedIndex = this.itemProps.findIndex((item) => item.selected);\n\n    if (itemsLastIndex < 0) return 0;\n\n    let innerHighlightedIndex: number;\n\n    if (highlightedIndex == null) {\n      if (selectedIndex !== -1) {\n        innerHighlightedIndex = selectedIndex;\n      } else if (this.highlightedItemRef.current && this.prevHighlightedIndex !== null) {\n        innerHighlightedIndex = this.prevHighlightedIndex;\n      } else {\n        innerHighlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n      }\n    } else {\n      innerHighlightedIndex = highlightedIndex;\n    }\n\n    let newIndex = innerHighlightedIndex + amount;\n    if (newIndex < 0) {\n      newIndex = amount + itemsLastIndex + 1;\n    } else if (newIndex > itemsLastIndex) {\n      newIndex = newIndex - itemsLastIndex - 1;\n    }\n\n    if (this.itemProps[newIndex]?.disabled) {\n      return this.getHighlightedIndex(amount < 0 ? amount - 1 : amount + 1);\n    } else if (!this.itemProps[newIndex]) {\n      return 0;\n    } else {\n      return newIndex;\n    }\n  }\n\n  componentDidUpdate(prevProps: AbstractDDProps) {\n    const { visible, focusSourceRef } = this.asProps;\n    const visibilityChanged = visible !== prevProps.visible;\n\n    if (visibilityChanged && prevProps.visible !== undefined) {\n      if (!visible) {\n        this.handlers.highlightedIndex(null);\n        // @ts-ignore\n        this.highlightedItemRef.current = null;\n        if (\n          this.popperRef.current &&\n          this.triggerRef.current &&\n          (document.activeElement === document.body || isFocusInside(this.popperRef.current)) &&\n          focusSourceRef.current === 'keyboard'\n        ) {\n          setFocus(this.triggerRef.current);\n        }\n      }\n    }\n  }\n\n  protected itemRef(props: any, index: number, node: HTMLElement | null) {\n    if (node?.getAttribute('role') === this.childRole) {\n      this.itemRefs[index] = node;\n      this.itemProps[index] = props;\n    }\n  }\n\n  protected handlePreventCommonKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (e.target instanceof Element) {\n      const targetTagName = e.target.tagName;\n\n      if (e.key === ' ' && ['INPUT', 'TEXTAREA'].includes(targetTagName)) return false;\n      if (e.key === 'Enter' && targetTagName === 'TEXTAREA') return false;\n    }\n  }\n  protected handlePreventPopperKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (e.target instanceof Element) {\n      const targetTagName = e.target.tagName;\n\n      if (\n        (e.key === ' ' || e.key === 'Enter') &&\n        (targetTagName === 'BUTTON' || targetTagName === 'A')\n      )\n        return false;\n    }\n  }\n  protected handleOpenKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (\n      this.asProps.visible !== true &&\n      ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(e.key) &&\n      e.currentTarget.getAttribute('role') !== this.childRole\n    ) {\n      this.handleClickTrigger(e);\n    }\n  }\n\n  protected handleArrowKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    const amountCount = e.shiftKey ? 5 : 1;\n    const { highlightedIndex, inlineActions } = this.asProps;\n\n    let amount: number | null = null;\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        if (!inlineActions) {\n          amount = amountCount;\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        if (!inlineActions) {\n          amount = -amountCount;\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        if (inlineActions) {\n          amount = amountCount;\n        }\n        break;\n      }\n      case 'ArrowLeft': {\n        if (inlineActions) {\n          amount = -amountCount;\n        }\n        break;\n      }\n      case ' ':\n      case 'Enter':\n        if (this.highlightedItemRef.current && highlightedIndex !== null) {\n          e.stopPropagation();\n          e.preventDefault();\n          this.highlightedItemRef.current.click();\n        }\n\n        break;\n    }\n\n    if (amount !== null) {\n      const newHighlightedIndex = this.getHighlightedIndex(amount);\n      if (newHighlightedIndex !== undefined && this.role === 'menu') {\n        this.itemRefs[newHighlightedIndex]?.focus();\n      }\n      if (\n        this.role === 'listbox' &&\n        this.triggerRef.current &&\n        !isFocusInside(this.triggerRef.current)\n      ) {\n        this.focusTrigger();\n      }\n      this.handlers.highlightedIndex(newHighlightedIndex, e);\n\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  focusTrigger() {\n    const trigger = this.triggerRef.current;\n    if (!trigger) return;\n    if (isFocusInside(trigger)) return;\n    setFocus(trigger);\n  }\n}\n"],"mappings":"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"}

package/dropdown/lib/cjs/Dropdown.js

@@ -23,22 +23,37 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _popper = _interopRequireWildcard(require("intergalactic/popper"));
 var _capitalizeFirstLetter = _interopRequireDefault(require("intergalactic/utils/lib/capitalizeFirstLetter"));
-var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
+var _uniqueID = _interopRequireWildcard(require("intergalactic/utils/lib/uniqueID"));
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
+var _DropdownItem = require("./DropdownItem");
+var _flexBox = require("intergalactic/flex-box");
 var _excluded = ["Children", "forwardRef", "modifiers", "stretch"];
 /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_bi9sa_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "bi9sa_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_bi9sa_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownItem_5xcyv_gg_,.___SDropdownPopper_5xcyv_gg_{position:relative;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_5xcyv_gg_{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___SDropdownItem_5xcyv_gg_{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownItem_5xcyv_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownItem_5xcyv_gg_:focus{outline:0}.___SDropdownItem_5xcyv_gg_.__selected_5xcyv_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownItem_5xcyv_gg_.__selected_5xcyv_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownItem_5xcyv_gg_.__highlighted_5xcyv_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownItem_5xcyv_gg_.__disabled_5xcyv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownItem_5xcyv_gg_._size_l_5xcyv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownItem_5xcyv_gg_._size_m_5xcyv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownItem_5xcyv_gg_.__notInteractive_5xcyv_gg_{cursor:default}@media (hover:hover){.___SDropdownItem_5xcyv_gg_.__notInteractive_5xcyv_gg_:hover{background:0 0}}.___SDropdownItem_5xcyv_gg_._variant_hint_5xcyv_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownItem_5xcyv_gg_._variant_hint_5xcyv_gg_:hover{background:0 0}}.___SDropdownItem_5xcyv_gg_._variant_title_5xcyv_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownItem_5xcyv_gg_._variant_title_5xcyv_gg_:hover{background:0 0}}.___SDropdownItem_5xcyv_gg_.__visible_5xcyv_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownItem_5xcyv_gg_.__nesting-trigger_5xcyv_gg_{justify-content:space-between}.___SGroupTitle_5xcyv_gg_{font-weight:var(--intergalactic-bold, 700)}.___SGroupHint_5xcyv_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "5xcyv_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_5xcyv_gg_",
+  "__SDropdownItem": "___SDropdownItem_5xcyv_gg_",
+  "_highlighted": "__highlighted_5xcyv_gg_",
+  "_disabled": "__disabled_5xcyv_gg_",
+  "_size_l": "_size_l_5xcyv_gg_",
+  "_size_m": "_size_m_5xcyv_gg_",
+  "_visible": "__visible_5xcyv_gg_",
+  "_nesting-trigger": "__nesting-trigger_5xcyv_gg_",
+  "__SGroupTitle": "___SGroupTitle_5xcyv_gg_",
+  "__SGroupHint": "___SGroupHint_5xcyv_gg_",
+  "_selected": "__selected_5xcyv_gg_",
+  "_notInteractive": "__notInteractive_5xcyv_gg_",
+  "_variant_hint": "_variant_hint_5xcyv_gg_",
+  "_variant_title": "_variant_title_5xcyv_gg_"
 });
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
-var Dropdown = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Dropdown, _Component);
-  var _super = (0, _createSuper2["default"])(Dropdown);
-  function Dropdown() {
+var DropdownRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(DropdownRoot, _Component);
+  var _super = (0, _createSuper2["default"])(DropdownRoot);
+  function DropdownRoot() {
     var _this;
-    (0, _classCallCheck2["default"])(this, Dropdown);
+    (0, _classCallCheck2["default"])(this, DropdownRoot);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -51,9 +66,9 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       name: 'stretch',
       phase: 'beforeRead',
       enabled: true,
-      fn: function fn(_ref5) {
-        var state = _ref5.state,
-          options = _ref5.options;
+      fn: function fn(_ref7) {
+        var state = _ref7.state,
+          options = _ref7.options;
         var _state$placement$spli = state.placement.split('-'),
           _state$placement$spli2 = (0, _slicedToArray2["default"])(_state$placement$spli, 1),
           position = _state$placement$spli2[0];
@@ -88,7 +103,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  (0, _createClass2["default"])(Dropdown, [{
+  (0, _createClass2["default"])(DropdownRoot, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -152,11 +167,11 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       }, other), /*#__PURE__*/_react["default"].createElement(Children, null));
     }
   }]);
-  return Dropdown;
+  return DropdownRoot;
 }(_core.Component);
-(0, _defineProperty2["default"])(Dropdown, "displayName", 'Dropdown');
-(0, _defineProperty2["default"])(Dropdown, "style", style);
-(0, _defineProperty2["default"])(Dropdown, "defaultProps", {
+(0, _defineProperty2["default"])(DropdownRoot, "displayName", 'Dropdown');
+(0, _defineProperty2["default"])(DropdownRoot, "style", style);
+(0, _defineProperty2["default"])(DropdownRoot, "defaultProps", {
   // timeout: [100, 50],
   placement: 'bottom-start',
   offset: [0, 4],
@@ -166,30 +181,66 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   locale: 'en',
   interaction: 'click'
 });
-(0, _defineProperty2["default"])(Dropdown, "enhance", [(0, _uniqueID["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-function DropdownTrigger(_ref6) {
+(0, _defineProperty2["default"])(DropdownRoot, "enhance", [(0, _uniqueID["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
+function DropdownTrigger(_ref8) {
   var _ref = arguments[0],
-    _ref3;
-  var styles = _ref6.styles,
-    Tag = _ref6.tag;
+    _ref4;
+  var styles = _ref8.styles,
+    Tag = _ref8.tag;
   var hasInputTrigger = (0, _popper.isInputTriggerTag)(Tag);
   var SDropdownTrigger = _popper["default"].Trigger;
-  return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDropdownTrigger, _ref3.cn("SDropdownTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDropdownTrigger, _ref4.cn("SDropdownTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "role": hasInputTrigger ? 'combobox' : 'button'
   }, _ref))));
 }
-function DropdownPopper(_ref7) {
+function DropdownPopper(_ref9) {
   var _ref2 = arguments[0],
-    _ref4;
-  var styles = _ref7.styles;
+    _ref5;
+  var styles = _ref9.styles;
   var SDropdownPopper = _popper["default"].Popper;
-  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDropdownPopper, _ref4.cn("SDropdownPopper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))));
+  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDropdownPopper, _ref5.cn("SDropdownPopper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))));
+}
+function DropdownGroup(props) {
+  var _ref3 = arguments[0],
+    _ref6;
+  var styles = props.styles,
+    title = props.title,
+    Children = props.Children,
+    subTitle = props.subTitle,
+    size = props.size;
+  var SGroup = _flexBox.Box;
+  var SDropdownItemContainer = Dropdown.Item;
+  var SGroupTitle = _flexBox.Flex;
+  var SGroupHint = _flexBox.Flex;
+  var uidTitle = (0, _uniqueID.useUID)('title_mi_group');
+  var uidSubTitle = (0, _uniqueID.useUID)('sub_title_mi_group');
+  var groupAriaProps = {
+    'aria-labelledby': uidTitle,
+    'aria-describedby': subTitle ? uidSubTitle : undefined
+  };
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SDropdownItemContainer, _ref6.cn("SDropdownItemContainer", {
+    "notInteractive": true,
+    "aria-hidden": 'true',
+    "tabindex": -1,
+    "size": size
+  }), /*#__PURE__*/_react["default"].createElement(SGroupTitle, _ref6.cn("SGroupTitle", {
+    "id": uidTitle
+  }), title), subTitle && /*#__PURE__*/_react["default"].createElement(SGroupHint, _ref6.cn("SGroupHint", {
+    "id": uidSubTitle
+  }), subTitle)), /*#__PURE__*/_react["default"].createElement(SGroup, _ref6.cn("SGroup", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+    "role": 'group'
+  }, groupAriaProps), {}, {
+    "__excludeProps": ['title']
+  }), _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {}))));
 }
-var _default = (0, _core["default"])(Dropdown, {
+var Dropdown = (0, _core["default"])(DropdownRoot, {
   Trigger: DropdownTrigger,
-  Popper: DropdownPopper
+  Popper: DropdownPopper,
+  Item: _DropdownItem.DropdownItem,
+  Group: DropdownGroup
 }, {
   parent: _popper["default"]
 });
+var _default = Dropdown;
 exports["default"] = _default;
 //# sourceMappingURL=Dropdown.js.map

package/dropdown/lib/cjs/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_popper","_capitalizeFirstLetter","_uniqueID","_i18nEnhance","_intergalacticDynamicLocales","_useFocusLock","_excluded","style","_index","sstyled","insert","INTERACTION_TAGS","Dropdown","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","name","enabled","phase","fn","_ref5","state","options","_state$placement$spli","placement","split","_state$placement$spli2","_slicedToArray2","position","isVertical","indexOf","len","referenceLen","elements","reference","capitalizeFirstLetter","stretch","rects","popper","width","Math","max","e","_this$asProps","asProps","visible","interaction","element","popperRef","current","key","hasFocusableIn","preventDefault","includes","target","tagName","handlers","_createClass2","value","uncontrolledProps","getTriggerProps","_this$asProps2","uid","disablePortal","getI18nText","id","undefined","focusHint","onKeyDown","handlerTriggerKeyDown","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","role","ref","focusMaster","autoFocus","render","_this$asProps4","Children","forwardRef","_this$asProps4$modifi","modifiers","other","_objectWithoutProperties2","createElement","_extends2","_toConsumableArray2","defaultModifiers","_typeof2","Component","offset","defaultVisible","i18n","localizedMessages","locale","uniqueIDEnhancement","i18nEnhance","DropdownTrigger","_ref6","_ref","arguments[0]","_ref3","styles","Tag","tag","hasInputTrigger","isInputTriggerTag","SDropdownTrigger","Popper","Trigger","cn","_objectSpread2","assignProps","DropdownPopper","_ref7","_ref2","_ref4","SDropdownPopper","_default","createComponent","parent","exports"],"sources":["../../src/Dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport Popper, { isInputTriggerTag } from '@semcore/popper';\nimport capitalizeFirstLetter from '@semcore/utils/lib/capitalizeFirstLetter';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/dropdown.shadow.css';\nimport { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';\n\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass Dropdown extends Component {\n  static displayName = 'Dropdown';\n  static style = style;\n  static defaultProps = {\n    // timeout: [100, 50],\n    placement: 'bottom-start',\n    offset: [0, 4],\n    stretch: 'min',\n    defaultVisible: false,\n    i18n: localizedMessages,\n    locale: 'en',\n    interaction: 'click',\n  };\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  popperRef = React.createRef();\n\n  uncontrolledProps() {\n    return {\n      visible: null,\n    };\n  }\n\n  defaultModifiers = [\n    {\n      name: 'flip',\n      enabled: false,\n    },\n    {\n      name: 'stretch',\n      phase: 'beforeRead',\n      enabled: true,\n      fn: function ({ state, options }) {\n        const [position] = state.placement.split('-');\n\n        const isVertical = ['left', 'right'].indexOf(position) !== -1;\n        const len = isVertical ? 'height' : 'width';\n        const referenceLen = state.elements.reference[`offset${capitalizeFirstLetter(len)}`];\n\n        if (options.stretch === 'min') {\n          state.rects.popper.width = Math.max(state.rects.popper.width, referenceLen);\n          state.elements.popper.style[`min${capitalizeFirstLetter(len)}`] = `${referenceLen}px`;\n        }\n\n        if (options.stretch === 'fixed') {\n          state.rects.popper.width = referenceLen;\n          state.elements.popper.style[len] = `${referenceLen}px`;\n        }\n      },\n    },\n  ];\n\n  handlerTriggerKeyDown = (e) => {\n    const { visible, interaction } = this.asProps;\n    const element = this.popperRef.current;\n\n    if (\n      interaction === 'click' &&\n      visible &&\n      e.key === 'Tab' &&\n      element &&\n      !hasFocusableIn(element)\n    ) {\n      e.preventDefault();\n\n      return;\n    }\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n    if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;\n\n    if (['Enter', ' '].includes(e.key) && interaction !== 'none') {\n      e.preventDefault();\n      this.handlers.visible(true);\n    }\n  };\n\n  getTriggerProps() {\n    const { uid, visible, disablePortal, getI18nText } = this.asProps;\n\n    return {\n      id: `igc-${uid}-trigger`,\n      'aria-controls': visible ? `igc-${uid}-popper` : undefined,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      onKeyDown: this.handlerTriggerKeyDown,\n      'aria-haspopup': 'dialog',\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking, interaction } = this.asProps;\n\n    return {\n      id: `igc-${uid}-popper`,\n      tabIndex: 0,\n      role: 'dialog',\n      disablePortal,\n      ignorePortalsStacking,\n      ref: this.popperRef,\n      focusMaster: interaction === 'click',\n      autoFocus: 'enforced',\n    };\n  }\n\n  render() {\n    const { Children, forwardRef, modifiers = [], stretch, ...other } = this.asProps;\n\n    return (\n      <Popper\n        ref={forwardRef}\n        modifiers={[\n          ...this.defaultModifiers,\n          {\n            name: 'stretch',\n            options: typeof stretch === 'object' ? stretch : { stretch },\n          },\n          ...modifiers,\n        ]}\n        {...other}\n      >\n        <Children />\n      </Popper>\n    );\n  }\n}\n\nfunction DropdownTrigger({ styles, tag: Tag }) {\n  const hasInputTrigger = isInputTriggerTag(Tag);\n  const SDropdownTrigger = Root;\n\n  return sstyled(styles)(\n    <SDropdownTrigger render={Popper.Trigger} role={hasInputTrigger ? 'combobox' : 'button'} />,\n  );\n}\n\nfunction DropdownPopper({ styles }) {\n  const SDropdownPopper = Root;\n  return sstyled(styles)(<SDropdownPopper render={Popper.Popper} />);\n}\n\nexport default createComponent(\n  Dropdown,\n  {\n    Trigger: DropdownTrigger,\n    Popper: DropdownPopper,\n  },\n  {\n    parent: Popper,\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_popper","_capitalizeFirstLetter","_uniqueID","_i18nEnhance","_intergalacticDynamicLocales","_useFocusLock","_DropdownItem","_flexBox","_excluded","style","_index","sstyled","insert","INTERACTION_TAGS","DropdownRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","name","enabled","phase","fn","_ref7","state","options","_state$placement$spli","placement","split","_state$placement$spli2","_slicedToArray2","position","isVertical","indexOf","len","referenceLen","elements","reference","capitalizeFirstLetter","stretch","rects","popper","width","Math","max","e","_this$asProps","asProps","visible","interaction","element","popperRef","current","key","hasFocusableIn","preventDefault","includes","target","tagName","handlers","_createClass2","value","uncontrolledProps","getTriggerProps","_this$asProps2","uid","disablePortal","getI18nText","id","undefined","focusHint","onKeyDown","handlerTriggerKeyDown","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","role","ref","focusMaster","autoFocus","render","_this$asProps4","Children","forwardRef","_this$asProps4$modifi","modifiers","other","_objectWithoutProperties2","createElement","_extends2","_toConsumableArray2","defaultModifiers","_typeof2","Component","offset","defaultVisible","i18n","localizedMessages","locale","uniqueIDEnhancement","i18nEnhance","DropdownTrigger","_ref8","_ref","arguments[0]","_ref4","styles","Tag","tag","hasInputTrigger","isInputTriggerTag","SDropdownTrigger","Popper","Trigger","cn","_objectSpread2","assignProps","DropdownPopper","_ref9","_ref2","_ref5","SDropdownPopper","DropdownGroup","props","_ref3","_ref6","title","subTitle","size","SGroup","Box","SDropdownItemContainer","Dropdown","Item","SGroupTitle","Flex","SGroupHint","uidTitle","useUID","uidSubTitle","groupAriaProps","Fragment","createComponent","DropdownItem","Group","parent","_default","exports"],"sources":["../../src/Dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport Popper, { isInputTriggerTag } from '@semcore/popper';\nimport capitalizeFirstLetter from '@semcore/utils/lib/capitalizeFirstLetter';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/dropdown.shadow.css';\nimport { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';\nimport { DropdownItem } from './DropdownItem';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { useUID } from '@semcore/utils/lib/uniqueID';\n\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass DropdownRoot extends Component {\n  static displayName = 'Dropdown';\n  static style = style;\n  static defaultProps = {\n    // timeout: [100, 50],\n    placement: 'bottom-start',\n    offset: [0, 4],\n    stretch: 'min',\n    defaultVisible: false,\n    i18n: localizedMessages,\n    locale: 'en',\n    interaction: 'click',\n  };\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  popperRef = React.createRef();\n\n  uncontrolledProps() {\n    return {\n      visible: null,\n    };\n  }\n\n  defaultModifiers = [\n    {\n      name: 'flip',\n      enabled: false,\n    },\n    {\n      name: 'stretch',\n      phase: 'beforeRead',\n      enabled: true,\n      fn: function ({ state, options }) {\n        const [position] = state.placement.split('-');\n\n        const isVertical = ['left', 'right'].indexOf(position) !== -1;\n        const len = isVertical ? 'height' : 'width';\n        const referenceLen = state.elements.reference[`offset${capitalizeFirstLetter(len)}`];\n\n        if (options.stretch === 'min') {\n          state.rects.popper.width = Math.max(state.rects.popper.width, referenceLen);\n          state.elements.popper.style[`min${capitalizeFirstLetter(len)}`] = `${referenceLen}px`;\n        }\n\n        if (options.stretch === 'fixed') {\n          state.rects.popper.width = referenceLen;\n          state.elements.popper.style[len] = `${referenceLen}px`;\n        }\n      },\n    },\n  ];\n\n  handlerTriggerKeyDown = (e) => {\n    const { visible, interaction } = this.asProps;\n    const element = this.popperRef.current;\n\n    if (\n      interaction === 'click' &&\n      visible &&\n      e.key === 'Tab' &&\n      element &&\n      !hasFocusableIn(element)\n    ) {\n      e.preventDefault();\n\n      return;\n    }\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n    if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;\n\n    if (['Enter', ' '].includes(e.key) && interaction !== 'none') {\n      e.preventDefault();\n      this.handlers.visible(true);\n    }\n  };\n\n  getTriggerProps() {\n    const { uid, visible, disablePortal, getI18nText } = this.asProps;\n\n    return {\n      id: `igc-${uid}-trigger`,\n      'aria-controls': visible ? `igc-${uid}-popper` : undefined,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      onKeyDown: this.handlerTriggerKeyDown,\n      'aria-haspopup': 'dialog',\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking, interaction } = this.asProps;\n\n    return {\n      id: `igc-${uid}-popper`,\n      tabIndex: 0,\n      role: 'dialog',\n      disablePortal,\n      ignorePortalsStacking,\n      ref: this.popperRef,\n      focusMaster: interaction === 'click',\n      autoFocus: 'enforced',\n    };\n  }\n\n  render() {\n    const { Children, forwardRef, modifiers = [], stretch, ...other } = this.asProps;\n\n    return (\n      <Popper\n        ref={forwardRef}\n        modifiers={[\n          ...this.defaultModifiers,\n          {\n            name: 'stretch',\n            options: typeof stretch === 'object' ? stretch : { stretch },\n          },\n          ...modifiers,\n        ]}\n        {...other}\n      >\n        <Children />\n      </Popper>\n    );\n  }\n}\n\nfunction DropdownTrigger({ styles, tag: Tag }) {\n  const hasInputTrigger = isInputTriggerTag(Tag);\n  const SDropdownTrigger = Root;\n\n  return sstyled(styles)(\n    <SDropdownTrigger render={Popper.Trigger} role={hasInputTrigger ? 'combobox' : 'button'} />,\n  );\n}\n\nfunction DropdownPopper({ styles }) {\n  const SDropdownPopper = Root;\n  return sstyled(styles)(<SDropdownPopper render={Popper.Popper} />);\n}\n\nfunction DropdownGroup(props) {\n  const { styles, title, Children, subTitle, size } = props;\n  const SGroup = Root;\n  const SDropdownItemContainer = Dropdown.Item;\n  const SGroupTitle = Flex;\n  const SGroupHint = Flex;\n  const uidTitle = useUID('title_mi_group');\n  const uidSubTitle = useUID('sub_title_mi_group');\n  const groupAriaProps = {\n    'aria-labelledby': uidTitle,\n    'aria-describedby': subTitle ? uidSubTitle : undefined,\n  };\n  return sstyled(styles)(\n    <>\n      <SDropdownItemContainer notInteractive aria-hidden={'true'} tabindex={-1} size={size}>\n        <SGroupTitle id={uidTitle}>{title}</SGroupTitle>\n        {subTitle && <SGroupHint id={uidSubTitle}>{subTitle}</SGroupHint>}\n      </SDropdownItemContainer>\n      <SGroup render={Box} role={'group'} {...groupAriaProps} __excludeProps={['title']}>\n        <Children />\n      </SGroup>\n    </>,\n  );\n}\n\nconst Dropdown = createComponent(\n  DropdownRoot,\n  {\n    Trigger: DropdownTrigger,\n    Popper: DropdownPopper,\n    Item: DropdownItem,\n    Group: DropdownGroup,\n  },\n  {\n    parent: Popper,\n  },\n);\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAJ,uBAAA,CAAAC,OAAA;AACA,IAAAI,sBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAN,uBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,4BAAA,GAAAP,OAAA;AAGA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AAA8C,IAAAW,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAG9C,IAAMC,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC;AAAC,IAEzCC,YAAY,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,YAAA;IAAA,SAAAO,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,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,6BAeJa,iBAAK,CAACC,SAAS,EAAE;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,uBAQV,CACjB;MACEe,IAAI,EAAE,MAAM;MACZC,OAAO,EAAE;IACX,CAAC,EACD;MACED,IAAI,EAAE,SAAS;MACfE,KAAK,EAAE,YAAY;MACnBD,OAAO,EAAE,IAAI;MACbE,EAAE,EAAE,SAAAA,GAAAC,KAAA,EAA8B;QAAA,IAAlBC,KAAK,GAAAD,KAAA,CAALC,KAAK;UAAEC,OAAO,GAAAF,KAAA,CAAPE,OAAO;QAC5B,IAAAC,qBAAA,GAAmBF,KAAK,CAACG,SAAS,CAACC,KAAK,CAAC,GAAG,CAAC;UAAAC,sBAAA,OAAAC,eAAA,aAAAJ,qBAAA;UAAtCK,QAAQ,GAAAF,sBAAA;QAEf,IAAMG,UAAU,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAACC,OAAO,CAACF,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC7D,IAAMG,GAAG,GAAGF,UAAU,GAAG,QAAQ,GAAG,OAAO;QAC3C,IAAMG,YAAY,GAAGX,KAAK,CAACY,QAAQ,CAACC,SAAS,UAAAvB,MAAA,CAAU,IAAAwB,iCAAqB,EAACJ,GAAG,CAAC,EAAG;QAEpF,IAAIT,OAAO,CAACc,OAAO,KAAK,KAAK,EAAE;UAC7Bf,KAAK,CAACgB,KAAK,CAACC,MAAM,CAACC,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACpB,KAAK,CAACgB,KAAK,CAACC,MAAM,CAACC,KAAK,EAAEP,YAAY,CAAC;UAC3EX,KAAK,CAACY,QAAQ,CAACK,MAAM,CAAC/C,KAAK,OAAAoB,MAAA,CAAO,IAAAwB,iCAAqB,EAACJ,GAAG,CAAC,EAAG,MAAApB,MAAA,CAAMqB,YAAY,OAAI;QACvF;QAEA,IAAIV,OAAO,CAACc,OAAO,KAAK,OAAO,EAAE;UAC/Bf,KAAK,CAACgB,KAAK,CAACC,MAAM,CAACC,KAAK,GAAGP,YAAY;UACvCX,KAAK,CAACY,QAAQ,CAACK,MAAM,CAAC/C,KAAK,CAACwC,GAAG,CAAC,MAAApB,MAAA,CAAMqB,YAAY,OAAI;QACxD;MACF;IACF,CAAC,CACF;IAAA,IAAApB,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,4BAEuB,UAACyC,CAAC,EAAK;MAC7B,IAAAC,aAAA,GAAiC1C,KAAA,CAAK2C,OAAO;QAArCC,OAAO,GAAAF,aAAA,CAAPE,OAAO;QAAEC,WAAW,GAAAH,aAAA,CAAXG,WAAW;MAC5B,IAAMC,OAAO,GAAG9C,KAAA,CAAK+C,SAAS,CAACC,OAAO;MAEtC,IACEH,WAAW,KAAK,OAAO,IACvBD,OAAO,IACPH,CAAC,CAACQ,GAAG,KAAK,KAAK,IACfH,OAAO,IACP,CAAC,IAAAI,4BAAc,EAACJ,OAAO,CAAC,EACxB;QACAL,CAAC,CAACU,cAAc,EAAE;QAElB;MACF;MAEA,IAAIV,CAAC,CAACQ,GAAG,KAAK,GAAG,IAAIvD,gBAAgB,CAAC0D,QAAQ,CAACX,CAAC,CAACY,MAAM,CAACC,OAAO,CAAC,EAAE;MAClE,IAAIb,CAAC,CAACQ,GAAG,KAAK,OAAO,IAAIR,CAAC,CAACY,MAAM,CAACC,OAAO,KAAK,UAAU,EAAE;MAE1D,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAACF,QAAQ,CAACX,CAAC,CAACQ,GAAG,CAAC,IAAIJ,WAAW,KAAK,MAAM,EAAE;QAC5DJ,CAAC,CAACU,cAAc,EAAE;QAClBnD,KAAA,CAAKuD,QAAQ,CAACX,OAAO,CAAC,IAAI,CAAC;MAC7B;IACF,CAAC;IAAA,OAAA5C,KAAA;EAAA;EAAA,IAAAwD,aAAA,aAAA7D,YAAA;IAAAsD,GAAA;IAAAQ,KAAA,EA1DD,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLd,OAAO,EAAE;MACX,CAAC;IACH;EAAC;IAAAK,GAAA;IAAAQ,KAAA,EAwDD,SAAAE,gBAAA,EAAkB;MAChB,IAAAC,cAAA,GAAqD,IAAI,CAACjB,OAAO;QAAzDkB,GAAG,GAAAD,cAAA,CAAHC,GAAG;QAAEjB,OAAO,GAAAgB,cAAA,CAAPhB,OAAO;QAAEkB,aAAa,GAAAF,cAAA,CAAbE,aAAa;QAAEC,WAAW,GAAAH,cAAA,CAAXG,WAAW;MAEhD,OAAO;QACLC,EAAE,SAAAtD,MAAA,CAASmD,GAAG,aAAU;QACxB,eAAe,EAAEjB,OAAO,UAAAlC,MAAA,CAAUmD,GAAG,eAAYI,SAAS;QAC1DC,SAAS,EAAEtB,OAAO,IAAI,CAACkB,aAAa,GAAGC,WAAW,CAAC,aAAa,CAAC,GAAGE,SAAS;QAC7E,eAAe,EAAErB,OAAO,GAAG,MAAM,GAAG,OAAO;QAC3CuB,SAAS,EAAE,IAAI,CAACC,qBAAqB;QACrC,eAAe,EAAE;MACnB,CAAC;IACH;EAAC;IAAAnB,GAAA;IAAAQ,KAAA,EAED,SAAAY,eAAA,EAAiB;MACf,IAAAC,cAAA,GAAmE,IAAI,CAAC3B,OAAO;QAAvEkB,GAAG,GAAAS,cAAA,CAAHT,GAAG;QAAEC,aAAa,GAAAQ,cAAA,CAAbR,aAAa;QAAES,qBAAqB,GAAAD,cAAA,CAArBC,qBAAqB;QAAE1B,WAAW,GAAAyB,cAAA,CAAXzB,WAAW;MAE9D,OAAO;QACLmB,EAAE,SAAAtD,MAAA,CAASmD,GAAG,YAAS;QACvBW,QAAQ,EAAE,CAAC;QACXC,IAAI,EAAE,QAAQ;QACdX,aAAa,EAAbA,aAAa;QACbS,qBAAqB,EAArBA,qBAAqB;QACrBG,GAAG,EAAE,IAAI,CAAC3B,SAAS;QACnB4B,WAAW,EAAE9B,WAAW,KAAK,OAAO;QACpC+B,SAAS,EAAE;MACb,CAAC;IACH;EAAC;IAAA3B,GAAA;IAAAQ,KAAA,EAED,SAAAoB,OAAA,EAAS;MACP,IAAAC,cAAA,GAAoE,IAAI,CAACnC,OAAO;QAAxEoC,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,UAAU,GAAAF,cAAA,CAAVE,UAAU;QAAAC,qBAAA,GAAAH,cAAA,CAAEI,SAAS;QAATA,SAAS,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;QAAE9C,OAAO,GAAA2C,cAAA,CAAP3C,OAAO;QAAKgD,KAAK,OAAAC,yBAAA,aAAAN,cAAA,EAAAzF,SAAA;MAE/D,oBACEV,MAAA,YAAA0G,aAAA,CAACxG,OAAA,WAAM,MAAAyG,SAAA;QACLZ,GAAG,EAAEM,UAAW;QAChBE,SAAS,KAAAxE,MAAA,KAAA6E,mBAAA,aACJ,IAAI,CAACC,gBAAgB,IACxB;UACEzE,IAAI,EAAE,SAAS;UACfM,OAAO,EAAE,IAAAoE,QAAA,aAAOtD,OAAO,MAAK,QAAQ,GAAGA,OAAO,GAAG;YAAEA,OAAO,EAAPA;UAAQ;QAC7D,CAAC,OAAAoD,mBAAA,aACEL,SAAS;MACZ,GACEC,KAAK,gBAETxG,MAAA,YAAA0G,aAAA,CAACN,QAAQ,OAAG,CACL;IAEb;EAAC;EAAA,OAAApF,YAAA;AAAA,EA5HwB+F,eAAS;AAAA,IAAA/E,gBAAA,aAA9BhB,YAAY,iBACK,UAAU;AAAA,IAAAgB,gBAAA,aAD3BhB,YAAY,WAEDL,KAAK;AAAA,IAAAqB,gBAAA,aAFhBhB,YAAY,kBAGM;EACpB;EACA4B,SAAS,EAAE,cAAc;EACzBoE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdxD,OAAO,EAAE,KAAK;EACdyD,cAAc,EAAE,KAAK;EACrBC,IAAI,EAAEC,8CAAiB;EACvBC,MAAM,EAAE,IAAI;EACZlD,WAAW,EAAE;AACf,CAAC;AAAA,IAAAlC,gBAAA,aAZGhB,YAAY,aAaC,CAAC,IAAAqG,oBAAmB,GAAE,EAAE,IAAAC,uBAAW,EAACH,8CAAiB,CAAC,CAAC;AAkH1E,SAASI,eAAeA,CAAAC,KAAA,EAAuB;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAAA,IAApBC,MAAM,GAAAJ,KAAA,CAANI,MAAM;IAAOC,GAAG,GAAAL,KAAA,CAARM,GAAG;EACpC,IAAMC,eAAe,GAAG,IAAAC,yBAAiB,EAACH,GAAG,CAAC;EAC9C,IAAMI,gBAAgB,GAGMC,kBAAM,CAACC,OAAO;EAD1C,OAAAR,KAAA,GAAO,IAAA9G,aAAO,EAAC+G,MAAM,CAAC,eACpB5H,MAAA,YAAA0G,aAAA,CAACuB,gBAAgB,EAAAN,KAAA,CAAAS,EAAA,yBAAAC,cAAA,qBAAAxI,KAAA,CAAAyI,WAAA;IAAA,QAA+BP,eAAe,GAAG,UAAU,GAAG;EAAQ,GAAAN,IAAA,IAAI;AAE/F;AAEA,SAASc,cAAcA,CAAAC,KAAA,EAAa;EAAA,IAAAC,KAAA,GAAAf,YAAA;IAAAgB,KAAA;EAAA,IAAVd,MAAM,GAAAY,KAAA,CAANZ,MAAM;EAC9B,IAAMe,eAAe,GAC2BT,kBAAM,CAACA,MAAM;EAA7D,OAAAQ,KAAA,GAAO,IAAA7H,aAAO,EAAC+G,MAAM,CAAC,eAAC5H,MAAA,YAAA0G,aAAA,CAACiC,eAAe,EAAAD,KAAA,CAAAN,EAAA,wBAAAC,cAAA,qBAAAxI,KAAA,CAAAyI,WAAA,MAAAG,KAAA,IAA0B;AACnE;AAEA,SAASG,aAAaA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAApB,YAAA;IAAAqB,KAAA;EAC5B,IAAQnB,MAAM,GAAsCiB,KAAK,CAAjDjB,MAAM;IAAEoB,KAAK,GAA+BH,KAAK,CAAzCG,KAAK;IAAE5C,QAAQ,GAAqByC,KAAK,CAAlCzC,QAAQ;IAAE6C,QAAQ,GAAWJ,KAAK,CAAxBI,QAAQ;IAAEC,IAAI,GAAKL,KAAK,CAAdK,IAAI;EAC/C,IAAMC,MAAM,GAgBQC,YAAG;EAfvB,IAAMC,sBAAsB,GAAGC,QAAQ,CAACC,IAAI;EAC5C,IAAMC,WAAW,GAAGC,aAAI;EACxB,IAAMC,UAAU,GAAGD,aAAI;EACvB,IAAME,QAAQ,GAAG,IAAAC,gBAAM,EAAC,gBAAgB,CAAC;EACzC,IAAMC,WAAW,GAAG,IAAAD,gBAAM,EAAC,oBAAoB,CAAC;EAChD,IAAME,cAAc,GAAG;IACrB,iBAAiB,EAAEH,QAAQ;IAC3B,kBAAkB,EAAEV,QAAQ,GAAGY,WAAW,GAAGvE;EAC/C,CAAC;EACD,OAAAyD,KAAA,GAAO,IAAAlI,aAAO,EAAC+G,MAAM,CAAC,eACpB5H,MAAA,YAAA0G,aAAA,CAAA1G,MAAA,YAAA+J,QAAA,qBACE/J,MAAA,YAAA0G,aAAA,CAAC2C,sBAAsB,EAAAN,KAAA,CAAAX,EAAA;IAAA;IAAA,eAA6B,MAAM;IAAA,YAAY,CAAC,CAAC;IAAA,QAAQc;EAAI,iBAClFlJ,MAAA,YAAA0G,aAAA,CAAC8C,WAAW,EAAAT,KAAA,CAAAX,EAAA;IAAA,MAAKuB;EAAQ,IAAGX,KAAK,CAAe,EAC/CC,QAAQ,iBAAIjJ,MAAA,YAAA0G,aAAA,CAACgD,UAAU,EAAAX,KAAA,CAAAX,EAAA;IAAA,MAAKyB;EAAW,IAAGZ,QAAQ,CAAc,CAC1C,eACzBjJ,MAAA,YAAA0G,aAAA,CAACyC,MAAM,EAAAJ,KAAA,CAAAX,EAAA,eAAAC,cAAA,qBAAAxI,KAAA,CAAAyI,WAAA,MAAAD,cAAA,iBAAAA,cAAA;IAAA,QAAoB;EAAO,GAAMyB,cAAc;IAAA,kBAAkB,CAAC,OAAO;EAAC,IAAAhB,KAAA,kBAC/E9I,MAAA,YAAA0G,aAAA,CAACN,QAAQ,EAAA2C,KAAA,CAAAX,EAAA,iBAAG,CACL,CACR;AAEP;AAEA,IAAMkB,QAAQ,GAAG,IAAAU,gBAAe,EAC9BhJ,YAAY,EACZ;EACEmH,OAAO,EAAEZ,eAAe;EACxBW,MAAM,EAAEK,cAAc;EACtBgB,IAAI,EAAEU,0BAAY;EAClBC,KAAK,EAAEtB;AACT,CAAC,EACD;EACEuB,MAAM,EAAEjC;AACV,CAAC,CACF;AAAC,IAAAkC,QAAA,GAEad,QAAQ;AAAAe,OAAA,cAAAD,QAAA"}

package/dropdown/lib/cjs/DropdownItem.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownItem = DropdownItem;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _core = require("intergalactic/core");
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("intergalactic/flex-box");
+function DropdownItem(props) {
+  var _ref = arguments[0],
+    _ref2;
+  var SDropdownItem = _flexBox.Box;
+  return _ref2 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownItem, _ref2.cn("SDropdownItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))));
+}
+//# sourceMappingURL=DropdownItem.js.map

package/dropdown/lib/cjs/DropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","DropdownItem","props","_ref","arguments[0]","_ref2","SDropdownItem","Box","sstyled","styles","createElement","cn","_objectSpread2","assignProps"],"sources":["../../src/DropdownItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\ntype DropdownItemProps = {\n  styles: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\nexport function DropdownItem(props: DropdownItemProps) {\n  const SDropdownItem = Root;\n  return sstyled(props.styles)(<SDropdownItem render={Box} />);\n}\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAMO,SAASI,YAAYA,CAACC,KAAwB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACrD,IAAMC,aAAa,GACiCC,YAAG;EAAvD,OAAAF,KAAA,GAAO,IAAAG,aAAO,EAACN,KAAK,CAACO,MAAM,CAAC,eAACX,MAAA,YAAAY,aAAA,CAACJ,aAAa,EAAAD,KAAA,CAAAM,EAAA,sBAAAC,cAAA,qBAAAhB,KAAA,CAAAiB,WAAA,MAAAV,IAAA,IAAgB;AAC7D"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { Intergalactic, UnknownProperties } from '@semcore/core';\nimport Popper, {\n  PopperContext,\n  PopperProps,\n  PopperHandlers,\n  PopperTriggerProps,\n  PopperPopperProps,\n} from '@semcore/popper';\n\n/** @deprecated */\nexport interface IDropdownProps extends DropdownProps, UnknownProperties {}\nexport type DropdownProps = PopperProps & {\n  /**\n   * Modifier responsible for the size of the pop-up window:\n   * `fixed` - a pop-up window of the same size as trigger;\n   * `min` - pop-up window not less than the size of the trigger;\n   * `false` - the pop-up window depends on the content within it.\n   * @default 'min'\n   * */\n  stretch?: 'min' | 'fixed' | false;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IDropdownContext extends DropdownContext, UnknownProperties {}\nexport type DropdownContext = PopperContext & {};\n\n/** @deprecated */\nexport interface IDropdownHandlers extends DropdownHandlers, UnknownProperties {}\nexport type DropdownHandlers = PopperHandlers & {};\n\nexport type DropdownTriggerProps = PopperTriggerProps;\n\n/**\n * DropdownPopper must have an accessible name (aria-dialog-name).\n * It should describe popper content.\n */\ntype DropdownPopperAriaProps = Intergalactic.RequireAtLeastOne<{\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  title?: string;\n}>;\n\nexport type DropdownPopperProps = PopperPopperProps &\n  DropdownPopperAriaProps & {\n    /**\n     * Popper in Dropdown should have role `dialog`.\n     * @default 'dialog'\n     */\n    role?: 'dialog';\n  };\n\ndeclare const Dropdown: Intergalactic.Component<\n  'div',\n  DropdownProps,\n  DropdownContext,\n  [handlers: DropdownHandlers]\n> & {\n  Trigger: typeof Popper.Trigger;\n  Popper: Intergalactic.Component<\n    'div',\n    DropdownPopperProps,\n    PopperContext,\n    [handlers: PopperHandlers]\n  >;\n};\n\nexport default Dropdown;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties, PropGetterFn } from '@semcore/core';\nimport Popper, {\n  PopperContext,\n  PopperProps,\n  PopperHandlers,\n  PopperTriggerProps,\n  PopperPopperProps,\n} from '@semcore/popper';\nimport { Box, BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IDropdownProps extends DropdownProps, UnknownProperties {}\nexport type DropdownProps = PopperProps & {\n  /**\n   * Modifier responsible for the size of the pop-up window:\n   * `fixed` - a pop-up window of the same size as trigger;\n   * `min` - pop-up window not less than the size of the trigger;\n   * `false` - the pop-up window depends on the content within it.\n   * @default 'min'\n   * */\n  stretch?: 'min' | 'fixed' | false;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IDropdownContext extends DropdownContext, UnknownProperties {}\nexport type DropdownContext = PopperContext & {\n  getGroupProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IDropdownHandlers extends DropdownHandlers, UnknownProperties {}\nexport type DropdownHandlers = PopperHandlers & {};\n\nexport type DropdownTriggerProps = PopperTriggerProps;\n\n/**\n * DropdownPopper must have an accessible name (aria-dialog-name).\n * It should describe popper content.\n */\ntype DropdownPopperAriaProps = Intergalactic.RequireAtLeastOne<{\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  title?: string;\n}>;\n\nexport type DropdownPopperProps = PopperPopperProps &\n  DropdownPopperAriaProps & {\n    /**\n     * Popper in Dropdown should have role `dialog`.\n     * @default 'dialog'\n     */\n    role?: 'dialog';\n  };\n\nexport type DropdownGroupProps = BoxProps & {\n  /** Title for group of dropdown menu items */\n  title: React.ReactNode;\n  /** Subtitle for group of dropdown menu items */\n  subTitle?: string;\n};\n\ndeclare const Dropdown: Intergalactic.Component<\n  'div',\n  DropdownProps,\n  DropdownContext,\n  [handlers: DropdownHandlers]\n> & {\n  Trigger: typeof Popper.Trigger;\n  Popper: Intergalactic.Component<\n    'div',\n    DropdownPopperProps,\n    PopperContext,\n    [handlers: PopperHandlers]\n  >;\n  Item: Intergalactic.Component<typeof Box>;\n  Group: Intergalactic.Component<'div', DropdownGroupProps>;\n};\n\nexport default Dropdown;\n"],"mappings":""}

package/dropdown/lib/cjs/index.js

@@ -4,11 +4,30 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AbstractDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _AbstractDropdown.AbstractDropdown;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _Dropdown["default"];
   }
 });
+Object.defineProperty(exports, "enhance", {
+  enumerable: true,
+  get: function get() {
+    return _AbstractDropdown.enhance;
+  }
+});
+Object.defineProperty(exports, "selectedIndexContext", {
+  enumerable: true,
+  get: function get() {
+    return _AbstractDropdown.selectedIndexContext;
+  }
+});
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
+var _AbstractDropdown = require("./AbstractDropdown");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Dropdown","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Dropdown';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA"}
+{"version":3,"file":"index.js","names":["_Dropdown","_interopRequireDefault","require","_AbstractDropdown"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Dropdown';\n\nexport { AbstractDropdown, selectedIndexContext, enhance } from './AbstractDropdown';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA"}

package/dropdown/lib/cjs/style/dropdown.shadow.css

@@ -8,3 +8,98 @@ SDropdownPopper {
   box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
   color: var(--intergalactic-text-primary, #191b23);
 }
+
+SDropdownItem {
+  position: relative;
+  text-decoration: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  width: 100%;
+  text-align: left;
+  line-height: normal;
+  color: var(--intergalactic-text-primary, #191b23);
+
+  &:hover {
+    background-color: var(--intergalactic-dropdown-menu-item-hover, #f4f5f9);
+  }
+
+  &:focus {
+    outline: none;
+  }
+}
+
+SDropdownItem[selected] {
+  background-color: var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));
+  box-shadow: 2px 0px 0px 0px var(--intergalactic-control-primary-info, #008ff8) inset;
+
+  &:hover {
+    background-color: var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe);
+  }
+}
+
+SDropdownItem[highlighted] {
+  z-index: 1;
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset;
+}
+
+SDropdownItem[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  cursor: default;
+  pointer-events: none;
+}
+
+SDropdownItem[size='l'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+  padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
+  min-height: 40px;
+}
+
+SDropdownItem[size='m'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+  padding: calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);
+  min-height: 32px;
+}
+
+SDropdownItem[notInteractive] {
+  cursor: default;
+
+  &:hover {
+    background: none;
+  }
+}
+
+SDropdownItem[variant='hint'] {
+  color: var(--intergalactic-text-secondary, #6c6e79);
+  cursor: default;
+
+  &:hover {
+    background: none;
+  }
+}
+
+SDropdownItem[variant='title'] {
+  font-weight: var(--intergalactic-bold, 700);
+  cursor: default;
+
+  &:hover {
+    background: none;
+  }
+}
+
+SDropdownItem[visible] {
+  background-color: var(--intergalactic-dropdown-menu-item-hover, #f4f5f9);
+}
+
+SDropdownItem[nesting-trigger] {
+  justify-content: space-between;
+}
+
+SGroupTitle {
+  font-weight: var(--intergalactic-bold, 700);
+}
+
+SGroupHint {
+  color: var(--intergalactic-text-secondary, #6c6e79);
+}