@semcore/dropdown-menu 16.1.7 → 16.1.8-prerelease.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [16.1.8] - 2025-08-29
+
+### Changed
+
+- Type description for `DropdownMenuContext`/`DropdownMenuProps`.
+
 ## [16.1.7] - 2025-08-07
 
 ### Changed

package/lib/cjs/DropdownMenu.js

@@ -37,24 +37,24 @@ var _excluded = ["className"];
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 /*!__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_165az_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_165az_gg_ .___SBar_165az_gg_{z-index:3}.___SDropdownMenuList_165az_gg_ .___SShadowHorizontal_165az_gg_:after,.___SDropdownMenuList_165az_gg_ .___SShadowHorizontal_165az_gg_:before,.___SDropdownMenuList_165az_gg_ .___SShadowVertical_165az_gg_:after,.___SDropdownMenuList_165az_gg_ .___SShadowVertical_165az_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_165az_gg_.__nesting-trigger_165az_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_165az_gg_,.___SItemContentText_165az_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_165az_gg_:first-child,.___SItemContentText_165az_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_165az_gg_:last-child,.___SItemContentText_165az_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_165az_gg_,.___SDropdownMenuNesting_165az_gg_._size_l_165az_gg_,.___SDropdownMenuNesting_165az_gg_._size_m_165az_gg_{padding:0}.___SDropdownMenuNesting_165az_gg_.__highlighted_165az_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_165az_gg_._size_l_165az_gg_,.___SDropdownNestingItem_165az_gg_._size_m_165az_gg_{padding-right:0}.___SDropdownNestingItem_165az_gg_ .___SDropdownMenuItemContainer_165az_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_165az_gg_:focus{outline:0}.___SItemHint_165az_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"165az_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_11u9k_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_11u9k_gg_ .___SBar_11u9k_gg_{z-index:3}.___SDropdownMenuList_11u9k_gg_ .___SShadowHorizontal_11u9k_gg_:after,.___SDropdownMenuList_11u9k_gg_ .___SShadowHorizontal_11u9k_gg_:before,.___SDropdownMenuList_11u9k_gg_ .___SShadowVertical_11u9k_gg_:after,.___SDropdownMenuList_11u9k_gg_ .___SShadowVertical_11u9k_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_11u9k_gg_.__nesting-trigger_11u9k_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_11u9k_gg_,.___SItemContentText_11u9k_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_11u9k_gg_:first-child,.___SItemContentText_11u9k_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_11u9k_gg_:last-child,.___SItemContentText_11u9k_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_11u9k_gg_,.___SDropdownMenuNesting_11u9k_gg_._size_l_11u9k_gg_,.___SDropdownMenuNesting_11u9k_gg_._size_m_11u9k_gg_{padding:0}.___SDropdownMenuNesting_11u9k_gg_.__highlighted_11u9k_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_11u9k_gg_._size_l_11u9k_gg_,.___SDropdownNestingItem_11u9k_gg_._size_m_11u9k_gg_{padding-right:0}.___SDropdownNestingItem_11u9k_gg_ .___SDropdownMenuItemContainer_11u9k_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_11u9k_gg_:focus{outline:0}.___SItemHint_11u9k_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"11u9k_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_165az_gg_",
-  "_nesting-trigger": "__nesting-trigger_165az_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_165az_gg_",
-  "_size_l": "_size_l_165az_gg_",
-  "_size_m": "_size_m_165az_gg_",
-  "_highlighted": "__highlighted_165az_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_165az_gg_",
-  "__SItemContent": "___SItemContent_165az_gg_",
-  "__SItemHint": "___SItemHint_165az_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_165az_gg_",
-  "__SBar": "___SBar_165az_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_165az_gg_",
-  "__SShadowVertical": "___SShadowVertical_165az_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_165az_gg_",
-  "__SItemContentText": "___SItemContentText_165az_gg_"
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_11u9k_gg_",
+  "_nesting-trigger": "__nesting-trigger_11u9k_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_11u9k_gg_",
+  "_size_l": "_size_l_11u9k_gg_",
+  "_size_m": "_size_m_11u9k_gg_",
+  "_highlighted": "__highlighted_11u9k_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_11u9k_gg_",
+  "__SItemContent": "___SItemContent_11u9k_gg_",
+  "__SItemHint": "___SItemHint_11u9k_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_11u9k_gg_",
+  "__SBar": "___SBar_11u9k_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_11u9k_gg_",
+  "__SShadowVertical": "___SShadowVertical_11u9k_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_11u9k_gg_",
+  "__SItemContentText": "___SItemContentText_11u9k_gg_"
 });
 var ListBoxContextProvider = function ListBoxContextProvider(_ref20) {
   var children = _ref20.children;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type {\n  DropdownContext,\n  DropdownProps,\n  DropdownHandlers,\n  DropdownTriggerProps,\n  DropdownPopperAriaProps,\n} from '@semcore/dropdown';\nimport type Dropdown from '@semcore/dropdown';\nimport type { Box, BoxProps, FlexProps, Flex } from '@semcore/flex-box';\nimport type { eventInteraction } from '@semcore/popper';\nimport type { ScrollAreaProps } from '@semcore/scroll-area';\nimport type { Text } from '@semcore/typography';\n\nexport type DropdownMenuSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IDropdownMenuProps extends DropdownMenuProps, UnknownProperties {}\nexport type DropdownMenuProps = DropdownProps & {\n  /**\n   * Set role `menuitemradio` (or `menuitemcheckbox` if `multiselect`) for Dropdown.Item\n   */\n  selectable?: boolean;\n  /**\n   * Multiple select\n   */\n  multiselect?: boolean;\n  /**\n   * Size of the menu\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of the element selected by default\n   */\n  defaultHighlightedIndex?: number | null;\n  /**\n   * Index of the selected item\n   */\n  highlightedIndex?: number | null;\n  /**\n   * Callback for highlightedIndex change\n   * highlightedIndex -  Index of the selected item\n   */\n  onHighlightedIndexChange?: (highlightedIndex: number | null) => void;\n  locale?: string;\n  /**\n   * Flag for menu that using as actions on DropdownMenu.Item\n   */\n  inlineActions?: boolean;\n\n  /**\n   * Count of menu items (for virtual lists only)\n   */\n  itemsCount?: number;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuListProps extends DropdownMenuListProps, UnknownProperties {}\nexport type DropdownMenuListProps = BoxProps &\n  ScrollAreaProps & {\n    /**\n     * Size of the menu\n     * @default m\n     */\n    size?: DropdownMenuSize;\n  };\n\n/** @deprecated */\nexport interface IDropdownMenuMenuProps extends DropdownMenuMenuProps, UnknownProperties {}\nexport type DropdownMenuMenuProps = DropdownMenuListProps & {};\n\n/** @deprecated */\nexport interface IDropdownMenuItemProps extends DropdownMenuItemProps, UnknownProperties {}\nexport type DropdownMenuItemProps = FlexProps & {\n  /**\n   * Enables selected state. For selectable dropdowns only.\n   */\n  selected?: boolean;\n  /**\n   * Disables item\n   */\n  disabled?: boolean;\n  /**\n   * Adds focus styles around\n   * @deprecated set focus manually by `.focus()` method to the same behaviour\n   */\n  highlighted?: boolean;\n  /**\n   * Disables hover state\n   * @deprecated use `disabled` instead\n   */\n  notInteractive?: boolean;\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of item (used in virtualized lists)\n   */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemHintProps extends DropdownMenuItemHintProps, UnknownProperties {}\nexport type DropdownMenuItemHintProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemTitleProps\n  extends DropdownMenuItemTitleProps,\n  UnknownProperties {}\nexport type DropdownMenuItemTitleProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuContext extends DropdownMenuContext, UnknownProperties {}\nexport type DropdownMenuContext = DropdownContext & {\n  highlightedIndex?: number;\n  getListProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n  getItemHintProps: PropGetterFn;\n  getItemTitleProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuHandlers extends DropdownMenuHandlers, UnknownProperties {}\nexport type DropdownMenuHandlers = DropdownHandlers & {\n  highlightedIndex: (index: number) => void;\n};\n\nexport type DropdownMenuTriggerProps = DropdownTriggerProps;\n\ndeclare const DropdownMenu: Intergalactic.Component<\n  'div',\n  DropdownMenuProps,\n  DropdownMenuContext,\n  [handlers: DropdownMenuHandlers]\n> & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: Intergalactic.Component<'div', DropdownMenuProps & DropdownPopperAriaProps>;\n  List: Intergalactic.Component<\n    'div',\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Actions: Intergalactic.Component<\n    typeof Flex,\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Menu: Intergalactic.Component<\n    'div',\n    DropdownMenuMenuProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Item: Intergalactic.Component<\n    typeof Dropdown.Item,\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Addon: typeof Box;\n    Content: typeof Flex;\n    Text: typeof Text;\n    Hint: typeof Flex;\n  };\n  /**\n   * @deprecated Use Group with title prop\n   */\n  ItemTitle: Intergalactic.Component<'div', DropdownMenuItemTitleProps>;\n  /**\n   * @deprecated Use prop subTitle on Group or Item component\n   */\n  ItemHint: Intergalactic.Component<'div', DropdownMenuItemHintProps>;\n  Group: typeof Dropdown.Group;\n  /**\n   * @deprecated Use Item instead of Nesting\n   */\n  Nesting: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Trigger: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Item: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Addon: typeof Box;\n  };\n\n  selectedIndexContext: React.Context<number>;\n  nestedMenuInteraction: eventInteraction;\n};\n\nexport default DropdownMenu;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type {\n  DropdownContext,\n  DropdownProps,\n  DropdownHandlers,\n  DropdownTriggerProps,\n  DropdownPopperAriaProps,\n} from '@semcore/dropdown';\nimport type Dropdown from '@semcore/dropdown';\nimport type { Box, BoxProps, FlexProps, Flex } from '@semcore/flex-box';\nimport type { eventInteraction } from '@semcore/popper';\nimport type { ScrollAreaProps } from '@semcore/scroll-area';\nimport type { Text } from '@semcore/typography';\n\nexport type DropdownMenuSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IDropdownMenuProps extends DropdownMenuProps, UnknownProperties {}\nexport type DropdownMenuProps = DropdownProps & {\n  /**\n   * Set role `menuitemradio` (or `menuitemcheckbox` if `multiselect`) for Dropdown.Item\n   */\n  selectable?: boolean;\n  /**\n   * Multiple select\n   */\n  multiselect?: boolean;\n  /**\n   * Size of the menu\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of the element selected by default\n   */\n  defaultHighlightedIndex?: number | null;\n  /**\n   * Index of the selected item\n   */\n  highlightedIndex?: number | null;\n  /**\n   * Callback for highlightedIndex change\n   * highlightedIndex -  Index of the selected item\n   */\n  onHighlightedIndexChange?: (highlightedIndex: number | null) => void;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /**\n   * Flag for menu that using as actions on DropdownMenu.Item\n   */\n  inlineActions?: boolean;\n\n  /**\n   * Count of menu items (for virtual lists only)\n   */\n  itemsCount?: number;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuListProps extends DropdownMenuListProps, UnknownProperties {}\nexport type DropdownMenuListProps = BoxProps &\n  ScrollAreaProps & {\n    /**\n     * Size of the menu\n     * @default m\n     */\n    size?: DropdownMenuSize;\n  };\n\n/** @deprecated */\nexport interface IDropdownMenuMenuProps extends DropdownMenuMenuProps, UnknownProperties {}\nexport type DropdownMenuMenuProps = DropdownMenuListProps & {};\n\n/** @deprecated */\nexport interface IDropdownMenuItemProps extends DropdownMenuItemProps, UnknownProperties {}\nexport type DropdownMenuItemProps = FlexProps & {\n  /**\n   * Enables selected state. For selectable dropdowns only.\n   */\n  selected?: boolean;\n  /**\n   * Disables item\n   */\n  disabled?: boolean;\n  /**\n   * Adds focus styles around\n   * @deprecated set focus manually by `.focus()` method to the same behaviour\n   */\n  highlighted?: boolean;\n  /**\n   * Disables hover state\n   * @deprecated use `disabled` instead\n   */\n  notInteractive?: boolean;\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of item (used in virtualized lists)\n   */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemHintProps extends DropdownMenuItemHintProps, UnknownProperties {}\nexport type DropdownMenuItemHintProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemTitleProps\n  extends DropdownMenuItemTitleProps,\n  UnknownProperties {}\nexport type DropdownMenuItemTitleProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuContext extends DropdownMenuContext, UnknownProperties {}\nexport type DropdownMenuContext = DropdownContext & {\n  /**\n    * Tracks which menu item is currently highlighted/focused for keyboard navigation\n  **/\n  highlightedIndex?: number;\n  /**\n    * Returns props for the menu list container\n  **/\n  getListProps: PropGetterFn;\n  /**\n    * Returns props for individual menu items\n  **/\n  getItemProps: PropGetterFn;\n  /**\n    * Returns props for item hint/description elements\n  **/\n  getItemHintProps: PropGetterFn;\n  /**\n    *  Returns props for item title elements\n  **/\n  getItemTitleProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuHandlers extends DropdownMenuHandlers, UnknownProperties {}\nexport type DropdownMenuHandlers = DropdownHandlers & {\n  highlightedIndex: (index: number) => void;\n};\n\nexport type DropdownMenuTriggerProps = DropdownTriggerProps;\n\ndeclare const DropdownMenu: Intergalactic.Component<\n  'div',\n  DropdownMenuProps,\n  DropdownMenuContext,\n  [handlers: DropdownMenuHandlers]\n> & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: Intergalactic.Component<'div', DropdownMenuProps & DropdownPopperAriaProps>;\n  List: Intergalactic.Component<\n    'div',\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Actions: Intergalactic.Component<\n    typeof Flex,\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Menu: Intergalactic.Component<\n    'div',\n    DropdownMenuMenuProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Item: Intergalactic.Component<\n    typeof Dropdown.Item,\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Addon: typeof Box;\n    Content: typeof Flex;\n    Text: typeof Text;\n    Hint: typeof Flex;\n  };\n  /**\n   * @deprecated Use Group with title prop\n   */\n  ItemTitle: Intergalactic.Component<'div', DropdownMenuItemTitleProps>;\n  /**\n   * @deprecated Use prop subTitle on Group or Item component\n   */\n  ItemHint: Intergalactic.Component<'div', DropdownMenuItemHintProps>;\n  Group: typeof Dropdown.Group;\n  /**\n   * @deprecated Use Item instead of Nesting\n   */\n  Nesting: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Trigger: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Item: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Addon: typeof Box;\n  };\n\n  selectedIndexContext: React.Context<number>;\n  nestedMenuInteraction: eventInteraction;\n};\n\nexport default DropdownMenu;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/DropdownMenu.js

@@ -42,24 +42,24 @@ import { Text } from '@semcore/typography';
 import cn from 'classnames';
 import React from 'react';
 /*!__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_165az_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_165az_gg_ .___SBar_165az_gg_{z-index:3}.___SDropdownMenuList_165az_gg_ .___SShadowHorizontal_165az_gg_:after,.___SDropdownMenuList_165az_gg_ .___SShadowHorizontal_165az_gg_:before,.___SDropdownMenuList_165az_gg_ .___SShadowVertical_165az_gg_:after,.___SDropdownMenuList_165az_gg_ .___SShadowVertical_165az_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_165az_gg_.__nesting-trigger_165az_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_165az_gg_,.___SItemContentText_165az_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_165az_gg_:first-child,.___SItemContentText_165az_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_165az_gg_:last-child,.___SItemContentText_165az_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_165az_gg_,.___SDropdownMenuNesting_165az_gg_._size_l_165az_gg_,.___SDropdownMenuNesting_165az_gg_._size_m_165az_gg_{padding:0}.___SDropdownMenuNesting_165az_gg_.__highlighted_165az_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_165az_gg_._size_l_165az_gg_,.___SDropdownNestingItem_165az_gg_._size_m_165az_gg_{padding-right:0}.___SDropdownNestingItem_165az_gg_ .___SDropdownMenuItemContainer_165az_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_165az_gg_:focus{outline:0}.___SItemHint_165az_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"165az_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDropdownMenuList_11u9k_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_11u9k_gg_ .___SBar_11u9k_gg_{z-index:3}.___SDropdownMenuList_11u9k_gg_ .___SShadowHorizontal_11u9k_gg_:after,.___SDropdownMenuList_11u9k_gg_ .___SShadowHorizontal_11u9k_gg_:before,.___SDropdownMenuList_11u9k_gg_ .___SShadowVertical_11u9k_gg_:after,.___SDropdownMenuList_11u9k_gg_ .___SShadowVertical_11u9k_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_11u9k_gg_.__nesting-trigger_11u9k_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_11u9k_gg_,.___SItemContentText_11u9k_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_11u9k_gg_:first-child,.___SItemContentText_11u9k_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_11u9k_gg_:last-child,.___SItemContentText_11u9k_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_11u9k_gg_,.___SDropdownMenuNesting_11u9k_gg_._size_l_11u9k_gg_,.___SDropdownMenuNesting_11u9k_gg_._size_m_11u9k_gg_{padding:0}.___SDropdownMenuNesting_11u9k_gg_.__highlighted_11u9k_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_11u9k_gg_._size_l_11u9k_gg_,.___SDropdownNestingItem_11u9k_gg_._size_m_11u9k_gg_{padding-right:0}.___SDropdownNestingItem_11u9k_gg_ .___SDropdownMenuItemContainer_11u9k_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_11u9k_gg_:focus{outline:0}.___SItemHint_11u9k_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"11u9k_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_165az_gg_",
-  "_nesting-trigger": "__nesting-trigger_165az_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_165az_gg_",
-  "_size_l": "_size_l_165az_gg_",
-  "_size_m": "_size_m_165az_gg_",
-  "_highlighted": "__highlighted_165az_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_165az_gg_",
-  "__SItemContent": "___SItemContent_165az_gg_",
-  "__SItemHint": "___SItemHint_165az_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_165az_gg_",
-  "__SBar": "___SBar_165az_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_165az_gg_",
-  "__SShadowVertical": "___SShadowVertical_165az_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_165az_gg_",
-  "__SItemContentText": "___SItemContentText_165az_gg_"
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_11u9k_gg_",
+  "_nesting-trigger": "__nesting-trigger_11u9k_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_11u9k_gg_",
+  "_size_l": "_size_l_11u9k_gg_",
+  "_size_m": "_size_m_11u9k_gg_",
+  "_highlighted": "__highlighted_11u9k_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_11u9k_gg_",
+  "__SItemContent": "___SItemContent_11u9k_gg_",
+  "__SItemHint": "___SItemHint_11u9k_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_11u9k_gg_",
+  "__SBar": "___SBar_11u9k_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_11u9k_gg_",
+  "__SShadowVertical": "___SShadowVertical_11u9k_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_11u9k_gg_",
+  "__SItemContentText": "___SItemContentText_11u9k_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 var ListBoxContextProvider = function ListBoxContextProvider(_ref20) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type {\n  DropdownContext,\n  DropdownProps,\n  DropdownHandlers,\n  DropdownTriggerProps,\n  DropdownPopperAriaProps,\n} from '@semcore/dropdown';\nimport type Dropdown from '@semcore/dropdown';\nimport type { Box, BoxProps, FlexProps, Flex } from '@semcore/flex-box';\nimport type { eventInteraction } from '@semcore/popper';\nimport type { ScrollAreaProps } from '@semcore/scroll-area';\nimport type { Text } from '@semcore/typography';\n\nexport type DropdownMenuSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IDropdownMenuProps extends DropdownMenuProps, UnknownProperties {}\nexport type DropdownMenuProps = DropdownProps & {\n  /**\n   * Set role `menuitemradio` (or `menuitemcheckbox` if `multiselect`) for Dropdown.Item\n   */\n  selectable?: boolean;\n  /**\n   * Multiple select\n   */\n  multiselect?: boolean;\n  /**\n   * Size of the menu\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of the element selected by default\n   */\n  defaultHighlightedIndex?: number | null;\n  /**\n   * Index of the selected item\n   */\n  highlightedIndex?: number | null;\n  /**\n   * Callback for highlightedIndex change\n   * highlightedIndex -  Index of the selected item\n   */\n  onHighlightedIndexChange?: (highlightedIndex: number | null) => void;\n  locale?: string;\n  /**\n   * Flag for menu that using as actions on DropdownMenu.Item\n   */\n  inlineActions?: boolean;\n\n  /**\n   * Count of menu items (for virtual lists only)\n   */\n  itemsCount?: number;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuListProps extends DropdownMenuListProps, UnknownProperties {}\nexport type DropdownMenuListProps = BoxProps &\n  ScrollAreaProps & {\n    /**\n     * Size of the menu\n     * @default m\n     */\n    size?: DropdownMenuSize;\n  };\n\n/** @deprecated */\nexport interface IDropdownMenuMenuProps extends DropdownMenuMenuProps, UnknownProperties {}\nexport type DropdownMenuMenuProps = DropdownMenuListProps & {};\n\n/** @deprecated */\nexport interface IDropdownMenuItemProps extends DropdownMenuItemProps, UnknownProperties {}\nexport type DropdownMenuItemProps = FlexProps & {\n  /**\n   * Enables selected state. For selectable dropdowns only.\n   */\n  selected?: boolean;\n  /**\n   * Disables item\n   */\n  disabled?: boolean;\n  /**\n   * Adds focus styles around\n   * @deprecated set focus manually by `.focus()` method to the same behaviour\n   */\n  highlighted?: boolean;\n  /**\n   * Disables hover state\n   * @deprecated use `disabled` instead\n   */\n  notInteractive?: boolean;\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of item (used in virtualized lists)\n   */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemHintProps extends DropdownMenuItemHintProps, UnknownProperties {}\nexport type DropdownMenuItemHintProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemTitleProps\n  extends DropdownMenuItemTitleProps,\n  UnknownProperties {}\nexport type DropdownMenuItemTitleProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuContext extends DropdownMenuContext, UnknownProperties {}\nexport type DropdownMenuContext = DropdownContext & {\n  highlightedIndex?: number;\n  getListProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n  getItemHintProps: PropGetterFn;\n  getItemTitleProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuHandlers extends DropdownMenuHandlers, UnknownProperties {}\nexport type DropdownMenuHandlers = DropdownHandlers & {\n  highlightedIndex: (index: number) => void;\n};\n\nexport type DropdownMenuTriggerProps = DropdownTriggerProps;\n\ndeclare const DropdownMenu: Intergalactic.Component<\n  'div',\n  DropdownMenuProps,\n  DropdownMenuContext,\n  [handlers: DropdownMenuHandlers]\n> & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: Intergalactic.Component<'div', DropdownMenuProps & DropdownPopperAriaProps>;\n  List: Intergalactic.Component<\n    'div',\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Actions: Intergalactic.Component<\n    typeof Flex,\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Menu: Intergalactic.Component<\n    'div',\n    DropdownMenuMenuProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Item: Intergalactic.Component<\n    typeof Dropdown.Item,\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Addon: typeof Box;\n    Content: typeof Flex;\n    Text: typeof Text;\n    Hint: typeof Flex;\n  };\n  /**\n   * @deprecated Use Group with title prop\n   */\n  ItemTitle: Intergalactic.Component<'div', DropdownMenuItemTitleProps>;\n  /**\n   * @deprecated Use prop subTitle on Group or Item component\n   */\n  ItemHint: Intergalactic.Component<'div', DropdownMenuItemHintProps>;\n  Group: typeof Dropdown.Group;\n  /**\n   * @deprecated Use Item instead of Nesting\n   */\n  Nesting: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Trigger: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Item: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Addon: typeof Box;\n  };\n\n  selectedIndexContext: React.Context<number>;\n  nestedMenuInteraction: eventInteraction;\n};\n\nexport default DropdownMenu;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type {\n  DropdownContext,\n  DropdownProps,\n  DropdownHandlers,\n  DropdownTriggerProps,\n  DropdownPopperAriaProps,\n} from '@semcore/dropdown';\nimport type Dropdown from '@semcore/dropdown';\nimport type { Box, BoxProps, FlexProps, Flex } from '@semcore/flex-box';\nimport type { eventInteraction } from '@semcore/popper';\nimport type { ScrollAreaProps } from '@semcore/scroll-area';\nimport type { Text } from '@semcore/typography';\n\nexport type DropdownMenuSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IDropdownMenuProps extends DropdownMenuProps, UnknownProperties {}\nexport type DropdownMenuProps = DropdownProps & {\n  /**\n   * Set role `menuitemradio` (or `menuitemcheckbox` if `multiselect`) for Dropdown.Item\n   */\n  selectable?: boolean;\n  /**\n   * Multiple select\n   */\n  multiselect?: boolean;\n  /**\n   * Size of the menu\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of the element selected by default\n   */\n  defaultHighlightedIndex?: number | null;\n  /**\n   * Index of the selected item\n   */\n  highlightedIndex?: number | null;\n  /**\n   * Callback for highlightedIndex change\n   * highlightedIndex -  Index of the selected item\n   */\n  onHighlightedIndexChange?: (highlightedIndex: number | null) => void;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /**\n   * Flag for menu that using as actions on DropdownMenu.Item\n   */\n  inlineActions?: boolean;\n\n  /**\n   * Count of menu items (for virtual lists only)\n   */\n  itemsCount?: number;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuListProps extends DropdownMenuListProps, UnknownProperties {}\nexport type DropdownMenuListProps = BoxProps &\n  ScrollAreaProps & {\n    /**\n     * Size of the menu\n     * @default m\n     */\n    size?: DropdownMenuSize;\n  };\n\n/** @deprecated */\nexport interface IDropdownMenuMenuProps extends DropdownMenuMenuProps, UnknownProperties {}\nexport type DropdownMenuMenuProps = DropdownMenuListProps & {};\n\n/** @deprecated */\nexport interface IDropdownMenuItemProps extends DropdownMenuItemProps, UnknownProperties {}\nexport type DropdownMenuItemProps = FlexProps & {\n  /**\n   * Enables selected state. For selectable dropdowns only.\n   */\n  selected?: boolean;\n  /**\n   * Disables item\n   */\n  disabled?: boolean;\n  /**\n   * Adds focus styles around\n   * @deprecated set focus manually by `.focus()` method to the same behaviour\n   */\n  highlighted?: boolean;\n  /**\n   * Disables hover state\n   * @deprecated use `disabled` instead\n   */\n  notInteractive?: boolean;\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of item (used in virtualized lists)\n   */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemHintProps extends DropdownMenuItemHintProps, UnknownProperties {}\nexport type DropdownMenuItemHintProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemTitleProps\n  extends DropdownMenuItemTitleProps,\n  UnknownProperties {}\nexport type DropdownMenuItemTitleProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuContext extends DropdownMenuContext, UnknownProperties {}\nexport type DropdownMenuContext = DropdownContext & {\n  /**\n    * Tracks which menu item is currently highlighted/focused for keyboard navigation\n  **/\n  highlightedIndex?: number;\n  /**\n    * Returns props for the menu list container\n  **/\n  getListProps: PropGetterFn;\n  /**\n    * Returns props for individual menu items\n  **/\n  getItemProps: PropGetterFn;\n  /**\n    * Returns props for item hint/description elements\n  **/\n  getItemHintProps: PropGetterFn;\n  /**\n    *  Returns props for item title elements\n  **/\n  getItemTitleProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuHandlers extends DropdownMenuHandlers, UnknownProperties {}\nexport type DropdownMenuHandlers = DropdownHandlers & {\n  highlightedIndex: (index: number) => void;\n};\n\nexport type DropdownMenuTriggerProps = DropdownTriggerProps;\n\ndeclare const DropdownMenu: Intergalactic.Component<\n  'div',\n  DropdownMenuProps,\n  DropdownMenuContext,\n  [handlers: DropdownMenuHandlers]\n> & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: Intergalactic.Component<'div', DropdownMenuProps & DropdownPopperAriaProps>;\n  List: Intergalactic.Component<\n    'div',\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Actions: Intergalactic.Component<\n    typeof Flex,\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Menu: Intergalactic.Component<\n    'div',\n    DropdownMenuMenuProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Item: Intergalactic.Component<\n    typeof Dropdown.Item,\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Addon: typeof Box;\n    Content: typeof Flex;\n    Text: typeof Text;\n    Hint: typeof Flex;\n  };\n  /**\n   * @deprecated Use Group with title prop\n   */\n  ItemTitle: Intergalactic.Component<'div', DropdownMenuItemTitleProps>;\n  /**\n   * @deprecated Use prop subTitle on Group or Item component\n   */\n  ItemHint: Intergalactic.Component<'div', DropdownMenuItemHintProps>;\n  Group: typeof Dropdown.Group;\n  /**\n   * @deprecated Use Item instead of Nesting\n   */\n  Nesting: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Trigger: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Item: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    /**\n     * @deprecated Use Item instead of Nesting\n     */\n    Addon: typeof Box;\n  };\n\n  selectedIndexContext: React.Context<number>;\n  nestedMenuInteraction: eventInteraction;\n};\n\nexport default DropdownMenu;\n"],"mappings":"","ignoreList":[]}

package/lib/esm/DropdownMenu.mjs

@@ -40,26 +40,26 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDropdownMenuList_165az_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_165az_gg_ .___SBar_165az_gg_{z-index:3}.___SDropdownMenuList_165az_gg_ .___SShadowHorizontal_165az_gg_:after,.___SDropdownMenuList_165az_gg_ .___SShadowHorizontal_165az_gg_:before,.___SDropdownMenuList_165az_gg_ .___SShadowVertical_165az_gg_:after,.___SDropdownMenuList_165az_gg_ .___SShadowVertical_165az_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_165az_gg_.__nesting-trigger_165az_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_165az_gg_,.___SItemContentText_165az_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_165az_gg_:first-child,.___SItemContentText_165az_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_165az_gg_:last-child,.___SItemContentText_165az_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_165az_gg_,.___SDropdownMenuNesting_165az_gg_._size_l_165az_gg_,.___SDropdownMenuNesting_165az_gg_._size_m_165az_gg_{padding:0}.___SDropdownMenuNesting_165az_gg_.__highlighted_165az_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_165az_gg_._size_l_165az_gg_,.___SDropdownNestingItem_165az_gg_._size_m_165az_gg_{padding-right:0}.___SDropdownNestingItem_165az_gg_ .___SDropdownMenuItemContainer_165az_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_165az_gg_:focus{outline:0}.___SItemHint_165az_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}",
+    ".___SDropdownMenuList_11u9k_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_11u9k_gg_ .___SBar_11u9k_gg_{z-index:3}.___SDropdownMenuList_11u9k_gg_ .___SShadowHorizontal_11u9k_gg_:after,.___SDropdownMenuList_11u9k_gg_ .___SShadowHorizontal_11u9k_gg_:before,.___SDropdownMenuList_11u9k_gg_ .___SShadowVertical_11u9k_gg_:after,.___SDropdownMenuList_11u9k_gg_ .___SShadowVertical_11u9k_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_11u9k_gg_.__nesting-trigger_11u9k_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_11u9k_gg_,.___SItemContentText_11u9k_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_11u9k_gg_:first-child,.___SItemContentText_11u9k_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_11u9k_gg_:last-child,.___SItemContentText_11u9k_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_11u9k_gg_,.___SDropdownMenuNesting_11u9k_gg_._size_l_11u9k_gg_,.___SDropdownMenuNesting_11u9k_gg_._size_m_11u9k_gg_{padding:0}.___SDropdownMenuNesting_11u9k_gg_.__highlighted_11u9k_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_11u9k_gg_._size_l_11u9k_gg_,.___SDropdownNestingItem_11u9k_gg_._size_m_11u9k_gg_{padding-right:0}.___SDropdownNestingItem_11u9k_gg_ .___SDropdownMenuItemContainer_11u9k_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_11u9k_gg_:focus{outline:0}.___SItemHint_11u9k_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}",
     /*__inner_css_end__*/
-    "165az_gg_"
+    "11u9k_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_165az_gg_",
-    "_nesting-trigger": "__nesting-trigger_165az_gg_",
-    "__SDropdownMenuNesting": "___SDropdownMenuNesting_165az_gg_",
-    "_size_l": "_size_l_165az_gg_",
-    "_size_m": "_size_m_165az_gg_",
-    "_highlighted": "__highlighted_165az_gg_",
-    "__SDropdownNestingItem": "___SDropdownNestingItem_165az_gg_",
-    "__SItemContent": "___SItemContent_165az_gg_",
-    "__SItemHint": "___SItemHint_165az_gg_",
-    "__SDropdownMenuList": "___SDropdownMenuList_165az_gg_",
-    "__SBar": "___SBar_165az_gg_",
-    "__SShadowHorizontal": "___SShadowHorizontal_165az_gg_",
-    "__SShadowVertical": "___SShadowVertical_165az_gg_",
-    "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_165az_gg_",
-    "__SItemContentText": "___SItemContentText_165az_gg_"
+    "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_11u9k_gg_",
+    "_nesting-trigger": "__nesting-trigger_11u9k_gg_",
+    "__SDropdownMenuNesting": "___SDropdownMenuNesting_11u9k_gg_",
+    "_size_l": "_size_l_11u9k_gg_",
+    "_size_m": "_size_m_11u9k_gg_",
+    "_highlighted": "__highlighted_11u9k_gg_",
+    "__SDropdownNestingItem": "___SDropdownNestingItem_11u9k_gg_",
+    "__SItemContent": "___SItemContent_11u9k_gg_",
+    "__SItemHint": "___SItemHint_11u9k_gg_",
+    "__SDropdownMenuList": "___SDropdownMenuList_11u9k_gg_",
+    "__SBar": "___SBar_11u9k_gg_",
+    "__SShadowHorizontal": "___SShadowHorizontal_11u9k_gg_",
+    "__SShadowVertical": "___SShadowVertical_11u9k_gg_",
+    "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_11u9k_gg_",
+    "__SItemContentText": "___SItemContentText_11u9k_gg_"
   })
 );
 var ListBoxContextProvider = function ListBoxContextProvider2(_ref20) {

package/lib/types/index.d.ts

@@ -43,6 +43,7 @@ export type DropdownMenuProps = DropdownProps & {
    * highlightedIndex -  Index of the selected item
    */
   onHighlightedIndexChange?: (highlightedIndex: number | null) => void;
+  /** Specifies the locale for i18n support */
   locale?: string;
   /**
    * Flag for menu that using as actions on DropdownMenu.Item
@@ -127,10 +128,25 @@ export type DropdownMenuItemTitleProps = FlexProps & {
 /** @deprecated */
 export interface IDropdownMenuContext extends DropdownMenuContext, UnknownProperties {}
 export type DropdownMenuContext = DropdownContext & {
+  /**
+    * Tracks which menu item is currently highlighted/focused for keyboard navigation
+  **/
   highlightedIndex?: number;
+  /**
+    * Returns props for the menu list container
+  **/
   getListProps: PropGetterFn;
+  /**
+    * Returns props for individual menu items
+  **/
   getItemProps: PropGetterFn;
+  /**
+    * Returns props for item hint/description elements
+  **/
   getItemHintProps: PropGetterFn;
+  /**
+    *  Returns props for item title elements
+  **/
   getItemTitleProps: PropGetterFn;
 };
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/dropdown-menu",
   "description": "Semrush DropdownMenu Component",
-  "version": "16.1.7",
+  "version": "16.1.8-prerelease.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,17 +14,17 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/button": "16.0.6",
-    "@semcore/dropdown": "16.0.6",
-    "@semcore/icon": "16.5.0",
-    "@semcore/typography": "16.2.0",
-    "@semcore/popper": "16.0.6",
-    "@semcore/flex-box": "16.0.6",
-    "@semcore/scroll-area": "16.0.6",
+    "@semcore/button": "16.0.7-prerelease.1",
+    "@semcore/dropdown": "16.0.7-prerelease.1",
+    "@semcore/icon": "16.5.1-prerelease.1",
+    "@semcore/typography": "16.2.1-prerelease.1",
+    "@semcore/popper": "16.0.7-prerelease.1",
+    "@semcore/flex-box": "16.0.7-prerelease.1",
+    "@semcore/scroll-area": "16.0.7-prerelease.1",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.2.1-prerelease.1"
   },
   "repository": {
     "type": "git",
@@ -34,10 +34,10 @@
   "devDependencies": {
     "@types/classnames": "2.2.6",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/core": "16.0.4",
-    "@semcore/base-trigger": "16.3.0",
-    "@semcore/button": "16.0.6",
-    "@semcore/icon": "16.5.0"
+    "@semcore/core": "16.1.0-prerelease.1",
+    "@semcore/base-trigger": "16.3.1-prerelease.1",
+    "@semcore/button": "16.0.7-prerelease.1",
+    "@semcore/icon": "16.5.1-prerelease.1"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"