@semcore/dropdown-menu 16.2.2 → 17.0.0-prerelease.17

package/lib/esm/components/Context.mjs

@@ -1,11 +1,10 @@
-import { hideScrollBarsFromScreenReadersContext } from "@semcore/scroll-area";
+import { hideScrollBarsFromScreenReadersContext } from "@semcore/base-components";
 import React from "react";
-var ListBoxContextProvider = function ListBoxContextProvider2(_ref) {
-  var children = _ref.children;
-  return /* @__PURE__ */ React.createElement(hideScrollBarsFromScreenReadersContext.Provider, {
-    value: true
-  }, children);
-};
+const ListBoxContextProvider = ({
+  children
+}) => /* @__PURE__ */ React.createElement(hideScrollBarsFromScreenReadersContext.Provider, {
+  value: true
+}, children);
 export {
   ListBoxContextProvider
 };

package/lib/esm/components/VirtualList.mjs

@@ -1,135 +1,133 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
-import { Box } from "@semcore/base-components";
-import ScrollAreaComponent from "@semcore/scroll-area";
+import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { ScrollArea, Box } from "@semcore/base-components";
 import React from "react";
 import { ListBoxContextProvider } from "./Context.mjs";
 /*!__reshadow-styles__:"../style/dropdown-menu.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDropdownMenuList_1ulzv_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_1ulzv_gg_ .___SBar_1ulzv_gg_{z-index:3}.___SDropdownMenuList_1ulzv_gg_ .___SShadowHorizontal_1ulzv_gg_:after,.___SDropdownMenuList_1ulzv_gg_ .___SShadowHorizontal_1ulzv_gg_:before,.___SDropdownMenuList_1ulzv_gg_ .___SShadowVertical_1ulzv_gg_:after,.___SDropdownMenuList_1ulzv_gg_ .___SShadowVertical_1ulzv_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_1ulzv_gg_ .___SItemContent_1ulzv_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_1ulzv_gg_.__nesting-trigger_1ulzv_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1ulzv_gg_,.___SItemContentText_1ulzv_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1ulzv_gg_:first-child,.___SItemContentText_1ulzv_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1ulzv_gg_:last-child,.___SItemContentText_1ulzv_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1ulzv_gg_,.___SDropdownMenuNesting_1ulzv_gg_._size_l_1ulzv_gg_,.___SDropdownMenuNesting_1ulzv_gg_._size_m_1ulzv_gg_{padding:0}.___SDropdownMenuNesting_1ulzv_gg_.__highlighted_1ulzv_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_1ulzv_gg_._size_l_1ulzv_gg_,.___SDropdownNestingItem_1ulzv_gg_._size_m_1ulzv_gg_{padding-right:0}.___SDropdownNestingItem_1ulzv_gg_ .___SDropdownMenuItemContainer_1ulzv_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_1ulzv_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}",
+    ".___SDropdownMenuList_1r615_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_1r615_gg_ .___SBar_1r615_gg_{z-index:3}.___SDropdownMenuList_1r615_gg_ .___SShadowHorizontal_1r615_gg_:after,.___SDropdownMenuList_1r615_gg_ .___SShadowHorizontal_1r615_gg_:before,.___SDropdownMenuList_1r615_gg_ .___SShadowVertical_1r615_gg_:after,.___SDropdownMenuList_1r615_gg_ .___SShadowVertical_1r615_gg_:before{border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuItemContainer_1r615_gg_ .___SItemContent_1r615_gg_:focus-visible{outline:0}.___SDropdownMenuItemContainer_1r615_gg_.__nesting-trigger_1r615_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1r615_gg_,.___SItemContentText_1r615_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1r615_gg_:first-child,.___SItemContentText_1r615_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1r615_gg_:last-child,.___SItemContentText_1r615_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1r615_gg_,.___SDropdownMenuNesting_1r615_gg_._size_l_1r615_gg_,.___SDropdownMenuNesting_1r615_gg_._size_m_1r615_gg_{padding:0}.___SDropdownMenuNesting_1r615_gg_.__highlighted_1r615_gg_{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:-2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SDropdownNestingItem_1r615_gg_._size_l_1r615_gg_,.___SDropdownNestingItem_1r615_gg_._size_m_1r615_gg_{padding-right:0}.___SDropdownNestingItem_1r615_gg_ .___SDropdownMenuItemContainer_1r615_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemHint_1r615_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}",
     /*__inner_css_end__*/
-    "1ulzv_gg_"
+    "1r615_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1ulzv_gg_",
-    "_nesting-trigger": "__nesting-trigger_1ulzv_gg_",
-    "__SDropdownMenuNesting": "___SDropdownMenuNesting_1ulzv_gg_",
-    "_size_l": "_size_l_1ulzv_gg_",
-    "_size_m": "_size_m_1ulzv_gg_",
-    "_highlighted": "__highlighted_1ulzv_gg_",
-    "__SDropdownNestingItem": "___SDropdownNestingItem_1ulzv_gg_",
-    "__SItemHint": "___SItemHint_1ulzv_gg_",
-    "__SDropdownMenuList": "___SDropdownMenuList_1ulzv_gg_",
-    "__SBar": "___SBar_1ulzv_gg_",
-    "__SShadowHorizontal": "___SShadowHorizontal_1ulzv_gg_",
-    "__SShadowVertical": "___SShadowVertical_1ulzv_gg_",
-    "__SItemContent": "___SItemContent_1ulzv_gg_",
-    "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1ulzv_gg_",
-    "__SItemContentText": "___SItemContentText_1ulzv_gg_"
+    "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1r615_gg_",
+    "_nesting-trigger": "__nesting-trigger_1r615_gg_",
+    "__SDropdownMenuNesting": "___SDropdownMenuNesting_1r615_gg_",
+    "_size_l": "_size_l_1r615_gg_",
+    "_size_m": "_size_m_1r615_gg_",
+    "_highlighted": "__highlighted_1r615_gg_",
+    "__SDropdownNestingItem": "___SDropdownNestingItem_1r615_gg_",
+    "__SItemHint": "___SItemHint_1r615_gg_",
+    "__SDropdownMenuList": "___SDropdownMenuList_1r615_gg_",
+    "__SBar": "___SBar_1r615_gg_",
+    "__SShadowHorizontal": "___SShadowHorizontal_1r615_gg_",
+    "__SShadowVertical": "___SShadowVertical_1r615_gg_",
+    "__SItemContent": "___SItemContent_1r615_gg_",
+    "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1r615_gg_",
+    "__SItemContentText": "___SItemContentText_1r615_gg_"
   })
 );
-var VirtualListRoot = /* @__PURE__ */ (function(_Component) {
-  function VirtualListRoot2() {
-    var _this;
-    _classCallCheck(this, VirtualListRoot2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, VirtualListRoot2, [].concat(args));
-    _defineProperty(_this, "containerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "listRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "state", {
+class VirtualListRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "containerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(this, "listRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(this, "state", {
       scrollTop: 0,
       scrollDirection: "down"
     });
-    _defineProperty(_this, "handleScroll", function(e) {
+    _defineProperty(this, "handleScroll", (e) => {
       if (e.target instanceof HTMLElement) {
-        var scrollDirection = e.target.scrollTop > _this.state.scrollTop ? "down" : "up";
-        _this.setState({
+        const scrollDirection = e.target.scrollTop > this.state.scrollTop ? "down" : "up";
+        this.setState({
           scrollDirection,
           scrollTop: e.target.scrollTop
         });
       }
     });
-    return _this;
   }
-  _inherits(VirtualListRoot2, _Component);
-  return _createClass(VirtualListRoot2, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      var _this$asProps = this.asProps, index = _this$asProps.index, rowHeight = _this$asProps.rowHeight, rowsBuffer = _this$asProps.rowsBuffer;
-      setTimeout(function() {
-        var _this2$listRef$curren, _this2$listRef$curren2, _this2$containerRef$c;
-        var listHeight = ((_this2$listRef$curren = (_this2$listRef$curren2 = _this2.listRef.current) === null || _this2$listRef$curren2 === void 0 ? void 0 : _this2$listRef$curren2.getBoundingClientRect().height) !== null && _this2$listRef$curren !== void 0 ? _this2$listRef$curren : 0) / 2;
-        (_this2$containerRef$c = _this2.containerRef.current) === null || _this2$containerRef$c === void 0 || _this2$containerRef$c.scrollTo({
-          top: index * rowHeight - listHeight + rowHeight / 2
-        });
-        if (index <= rowsBuffer) {
-          _this2.forceUpdate();
-        }
-      }, 10);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps, _ref2, _this$listRef$current, _this$listRef$current2;
-      var SDropdownMenuList = ScrollAreaComponent;
-      var SBar = ScrollAreaComponent.Bar;
-      var _this$state = this.state, scrollDirection = _this$state.scrollDirection, scrollTop = _this$state.scrollTop;
-      var _this$asProps2 = this.asProps, rows = _this$asProps2.rows, rowHeight = _this$asProps2.rowHeight, rowsBuffer = _this$asProps2.rowsBuffer, styles = _this$asProps2.styles, RenderRow = _this$asProps2.renderRow, customData = _this$asProps2.customData;
-      var offsetHeight = (_this$listRef$current = (_this$listRef$current2 = this.listRef.current) === null || _this$listRef$current2 === void 0 ? void 0 : _this$listRef$current2.offsetHeight) !== null && _this$listRef$current !== void 0 ? _this$listRef$current : 0;
-      var prevPrepared = scrollDirection === "down" ? rowsBuffer / 2 : rowsBuffer;
-      var nextPrepared = scrollDirection === "up" ? rowsBuffer / 2 : rowsBuffer;
-      var startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);
-      var lastIndex = Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
-      var rowsToRender = rows.slice(startIndex, lastIndex);
-      var rowMarginTop = rowHeight * startIndex;
-      var rowMarginBottom = rowHeight * (rows.length - lastIndex);
-      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(ListBoxContextProvider, _ref2.cn("ListBoxContextProvider", {}), /* @__PURE__ */ React.createElement(SDropdownMenuList, _ref2.cn("SDropdownMenuList", _objectSpread({}, assignProps({
+  componentDidMount() {
+    const {
+      index,
+      rowHeight,
+      rowsBuffer
+    } = this.asProps;
+    setTimeout(() => {
+      var _a, _b;
+      const listHeight = (((_a = this.listRef.current) == null ? void 0 : _a.getBoundingClientRect().height) ?? 0) / 2;
+      (_b = this.containerRef.current) == null ? void 0 : _b.scrollTo({
+        top: index * rowHeight - listHeight + rowHeight / 2
+      });
+      if (index <= rowsBuffer) {
+        this.forceUpdate();
+      }
+    }, 10);
+  }
+  render() {
+    var _a;
+    var _ref = this.asProps, _ref2;
+    const SDropdownMenuList = ScrollArea;
+    const SBar = ScrollArea.Bar;
+    const {
+      scrollDirection,
+      scrollTop
+    } = this.state;
+    const {
+      rows,
+      rowHeight,
+      rowsBuffer,
+      styles,
+      renderRow: RenderRow,
+      customData
+    } = this.asProps;
+    const offsetHeight = ((_a = this.listRef.current) == null ? void 0 : _a.offsetHeight) ?? 0;
+    const prevPrepared = scrollDirection === "down" ? rowsBuffer / 2 : rowsBuffer;
+    const nextPrepared = scrollDirection === "up" ? rowsBuffer / 2 : rowsBuffer;
+    const startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);
+    const lastIndex = Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
+    const rowsToRender = rows.slice(startIndex, lastIndex);
+    const rowMarginTop = rowHeight * startIndex;
+    const rowMarginBottom = rowHeight * (rows.length - lastIndex);
+    return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(ListBoxContextProvider, _ref2.cn("ListBoxContextProvider", {}), /* @__PURE__ */ React.createElement(SDropdownMenuList, _ref2.cn("SDropdownMenuList", {
+      ...assignProps({
         "shadow": true,
         "shadowSize": 16,
         "shadowTheme": "light",
         "onScroll": this.handleScroll,
         "data-is-virtual": "true",
         "ref": this.listRef
-      }, _ref))), /* @__PURE__ */ React.createElement(ScrollAreaComponent.Container, {
-        ref: this.containerRef,
-        tabIndex: void 0,
-        h: rows.length * rowHeight
-      }, /* @__PURE__ */ React.createElement(Box, _ref2.cn("Box", {
-        "h": rowMarginTop
-      })), rowsToRender.map(function(item, index) {
-        return /* @__PURE__ */ React.createElement(RenderRow, {
-          key: startIndex + index,
-          row: item,
-          index: startIndex + index,
-          data: customData
-        });
-      }), /* @__PURE__ */ React.createElement(Box, _ref2.cn("Box", {
-        "h": rowMarginBottom
-      }))), /* @__PURE__ */ React.createElement(SBar, _ref2.cn("SBar", {
-        "orientation": "horizontal"
-      })), /* @__PURE__ */ React.createElement(SBar, _ref2.cn("SBar", {
-        "orientation": "vertical"
-      }))));
-    }
-  }]);
-})(Component);
+      }, _ref)
+    }), /* @__PURE__ */ React.createElement(ScrollArea.Container, {
+      ref: this.containerRef,
+      tabIndex: void 0,
+      h: rows.length * rowHeight
+    }, /* @__PURE__ */ React.createElement(Box, _ref2.cn("Box", {
+      "h": rowMarginTop
+    })), rowsToRender.map((item, index) => {
+      return /* @__PURE__ */ React.createElement(RenderRow, {
+        key: startIndex + index,
+        row: item,
+        index: startIndex + index,
+        data: customData
+      });
+    }), /* @__PURE__ */ React.createElement(Box, _ref2.cn("Box", {
+      "h": rowMarginBottom
+    }))), /* @__PURE__ */ React.createElement(SBar, _ref2.cn("SBar", {
+      "orientation": "horizontal"
+    })), /* @__PURE__ */ React.createElement(SBar, _ref2.cn("SBar", {
+      "orientation": "vertical"
+    }))));
+  }
+}
 _defineProperty(VirtualListRoot, "displayName", "VirtualList");
 _defineProperty(VirtualListRoot, "style", style);
 _defineProperty(VirtualListRoot, "defaultProps", {
   rowsBuffer: 6
 });
-var VirtualList = createComponent(VirtualListRoot);
+const VirtualList = createComponent(VirtualListRoot);
 export {
   VirtualList
 };

package/lib/esm/style/dropdown-menu.shadow.css

@@ -41,7 +41,7 @@ SDropdownMenuItemContainer[nesting-trigger] {
 
 SDropdownMenuItemAddon,
 SItemContentText {
-  display: inline-flex;
+  display: inline-flex; /* todo: Brauer Ilia - why? should be changed to inline/inline-block for SItemContentText */
   margin-left: var(--intergalactic-spacing-1x, 4px);
   margin-right: var(--intergalactic-spacing-1x, 4px);
 

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -12,7 +12,7 @@ import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-var localizedMessages = {
+const localizedMessages = {
   de,
   en,
   es,

package/lib/types/index.d.ts

@@ -1,4 +1,5 @@
-import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
+import type { Box, BoxProps, FlexProps, Flex, eventInteraction, ScrollAreaProps } from '@semcore/base-components';
+import type { PropGetterFn, Intergalactic } from '@semcore/core';
 import type {
   DropdownContext,
   DropdownProps,
@@ -7,17 +8,12 @@ import type {
   DropdownPopperAriaProps,
 } from '@semcore/dropdown';
 import type Dropdown from '@semcore/dropdown';
-import type { Box, BoxProps, FlexProps, Flex } from '@semcore/flex-box';
-import type { eventInteraction } from '@semcore/popper';
-import type { ScrollAreaProps } from '@semcore/scroll-area';
 import type { Text } from '@semcore/typography';
 
 import type { VirtualList, RenderRowProps } from './components/VirtualList';
 
 export type DropdownMenuSize = 'm' | 'l';
 
-/** @deprecated */
-export interface IDropdownMenuProps extends DropdownMenuProps, UnknownProperties {}
 export type DropdownMenuProps = DropdownProps & {
   /**
    * Set role `menuitemradio` (or `menuitemcheckbox` if `multiselect`) for Dropdown.Item
@@ -58,8 +54,6 @@ export type DropdownMenuProps = DropdownProps & {
   itemsCount?: number;
 };
 
-/** @deprecated */
-export interface IDropdownMenuListProps extends DropdownMenuListProps, UnknownProperties {}
 export type DropdownMenuListProps = BoxProps &
   ScrollAreaProps & {
     /**
@@ -69,12 +63,8 @@ export type DropdownMenuListProps = BoxProps &
     size?: DropdownMenuSize;
   };
 
-/** @deprecated */
-export interface IDropdownMenuMenuProps extends DropdownMenuMenuProps, UnknownProperties {}
 export type DropdownMenuMenuProps = DropdownMenuListProps & {};
 
-/** @deprecated */
-export interface IDropdownMenuItemProps extends DropdownMenuItemProps, UnknownProperties {}
 export type DropdownMenuItemProps = FlexProps & {
   /**
    * Enables selected state. For selectable dropdowns only.
@@ -84,16 +74,6 @@ export type DropdownMenuItemProps = FlexProps & {
    * Disables item
    */
   disabled?: boolean;
-  /**
-   * Adds focus styles around
-   * @deprecated set focus manually by `.focus()` method to the same behaviour
-   */
-  highlighted?: boolean;
-  /**
-   * Disables hover state
-   * @deprecated use `disabled` instead
-   */
-  notInteractive?: boolean;
   /**
    * Size of the component
    * @default m
@@ -105,30 +85,6 @@ export type DropdownMenuItemProps = FlexProps & {
   index?: number;
 };
 
-/** @deprecated */
-export interface IDropdownMenuItemHintProps extends DropdownMenuItemHintProps, UnknownProperties {}
-export type DropdownMenuItemHintProps = FlexProps & {
-  /**
-   * Size of the component
-   * @default m
-   */
-  size?: DropdownMenuSize;
-};
-
-/** @deprecated */
-export interface IDropdownMenuItemTitleProps
-  extends DropdownMenuItemTitleProps,
-  UnknownProperties {}
-export type DropdownMenuItemTitleProps = FlexProps & {
-  /**
-   * Size of the component
-   * @default m
-   */
-  size?: DropdownMenuSize;
-};
-
-/** @deprecated */
-export interface IDropdownMenuContext extends DropdownMenuContext, UnknownProperties {}
 export type DropdownMenuContext = DropdownContext & {
   /**
     * Tracks which menu item is currently highlighted/focused for keyboard navigation
@@ -152,8 +108,6 @@ export type DropdownMenuContext = DropdownContext & {
   getItemTitleProps: PropGetterFn;
 };
 
-/** @deprecated */
-export interface IDropdownMenuHandlers extends DropdownMenuHandlers, UnknownProperties {}
 export type DropdownMenuHandlers = DropdownHandlers & {
   highlightedIndex: (index: number) => void;
 };
@@ -197,41 +151,11 @@ declare const DropdownMenu: Intergalactic.Component<
     Text: typeof Text;
     Hint: typeof Flex;
   };
-  /**
-   * @deprecated Use Group with title prop
-   */
-  ItemTitle: Intergalactic.Component<'div', DropdownMenuItemTitleProps>;
-  /**
-   * @deprecated Use prop subTitle on Group or Item component
-   */
-  ItemHint: Intergalactic.Component<'div', DropdownMenuItemHintProps>;
+
   Group: typeof Dropdown.Group;
 
   VirtualList: typeof VirtualList;
 
-  /**
-   * @deprecated Use Item instead of Nesting
-   */
-  Nesting: Intergalactic.Component<
-    'div',
-    DropdownMenuItemProps,
-    DropdownMenuContext,
-    [handlers: DropdownMenuHandlers]
-  > & {
-    /**
-     * @deprecated Use Item instead of Nesting
-     */
-    Trigger: Intergalactic.Component<'div', DropdownMenuItemProps>;
-    /**
-     * @deprecated Use Item instead of Nesting
-     */
-    Item: Intergalactic.Component<'div', DropdownMenuItemProps>;
-    /**
-     * @deprecated Use Item instead of Nesting
-     */
-    Addon: typeof Box;
-  };
-
   selectedIndexContext: React.Context<number>;
   nestedMenuInteraction: eventInteraction;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/dropdown-menu",
   "description": "Semrush DropdownMenu Component",
-  "version": "16.2.2",
+  "version": "17.0.0-prerelease.17",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,17 +14,14 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/button": "16.0.12",
-    "@semcore/dropdown": "16.1.3",
-    "@semcore/icon": "16.7.3",
-    "@semcore/typography": "16.3.2",
-    "@semcore/popper": "16.0.11",
-    "@semcore/flex-box": "16.0.11",
-    "@semcore/scroll-area": "16.0.11",
+    "@semcore/button": "^16.0.13-prerelease.17",
+    "@semcore/dropdown": "^17.0.0-prerelease.17",
+    "@semcore/typography": "^16.3.3-prerelease.17",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^17.0.0-prerelease.17",
+    "@semcore/icon": "^16.7.2-prerelease.17"
   },
   "repository": {
     "type": "git",
@@ -33,11 +30,12 @@
   },
   "devDependencies": {
     "@types/classnames": "2.2.6",
-    "@semcore/core": "16.5.1",
+    "@semcore/core": "17.0.0-prerelease.17",
+    "@semcore/icon": "16.7.2-prerelease.17",
+    "@semcore/base-components": "17.0.0-prerelease.17",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/button": "16.0.12",
-    "@semcore/base-trigger": "16.4.5",
-    "@semcore/icon": "16.7.3"
+    "@semcore/base-trigger": "16.4.6-prerelease.17",
+    "@semcore/button": "16.0.13-prerelease.17"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js,ts && pnpm vite build"