@rescui/menu 0.10.8 → 0.10.10

package/lib/index.css

@@ -1,10 +1,10 @@
-._themeLight_1j8t23g_8{
+._themeLight_fxllk5_8{
   --rs-theme-dark:0;
 }
-._themeDark_1j8t23g_11{
+._themeDark_fxllk5_11{
   --rs-theme-dark:1;
 }
-._sizeS_1j8t23g_15{
+._sizeS_fxllk5_15{
   --_rs-menu-mi-icon-offset:8px;
   --_rs-menu-mi-vertical-padding:6px;
   --_rs-menu-mi-horizontal-padding:8px;
@@ -41,7 +41,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:1px;
 }
-._sizeM_1j8t23g_18{
+._sizeM_fxllk5_18{
   --_rs-menu-mi-icon-offset:8px;
   --_rs-menu-mi-vertical-padding:8px;
   --_rs-menu-mi-horizontal-padding:16px;
@@ -79,11 +79,11 @@
   --_rs-typography-link-border-bottom-width-from-text:1px;
 }
 @media screen and (max-width: 640px){
-._sizeM_1j8t23g_18{
+._sizeM_fxllk5_18{
     --_rs-typography-list-li-margin-top-from-text:12px;
 }
   }
-._sizeL_1j8t23g_21{
+._sizeL_fxllk5_21{
   --_rs-menu-mi-icon-offset:16px;
   --_rs-menu-mi-vertical-padding:12px;
   --_rs-menu-mi-horizontal-padding:16px;
@@ -121,11 +121,11 @@
   --_rs-typography-link-border-bottom-width-from-text:1px;
 }
 @media screen and (max-width: 640px){
-._sizeL_1j8t23g_21{
+._sizeL_fxllk5_21{
     --_rs-typography-list-li-margin-top-from-text:16px;
 }
   }
-._modeClassic_1j8t23g_25{
+._modeClassic_fxllk5_25{
   --_rs-menu-mi-horizontal-padding-with-mode:var(
     --_rs-menu-mi-horizontal-padding
   );
@@ -139,7 +139,7 @@
     calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(51 + var(--_rs-theme-dark-coefficient, 0)*181)
   );
 }
-._modeRock_1j8t23g_28{
+._modeRock_fxllk5_28{
   --_rs-menu-mi-horizontal-padding-with-mode:var(
     --_rs-menu-mi-horizontal-padding
   );
@@ -153,7 +153,7 @@
     calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(51 + var(--_rs-theme-dark-coefficient, 0)*181)
   );
 }
-._modeClear_1j8t23g_31{
+._modeClear_fxllk5_31{
   --_rs-menu-mi-horizontal-padding-with-mode:0;
   --_rs-menu-mi-active-background:none;
   --_rs-menu-mi-selected-color:var(--_rs-color-primary);
@@ -166,15 +166,15 @@
     0.1
   );
 }
-._iconPlacementLeft_1j8t23g_35{
+._iconPlacementLeft_fxllk5_35{
   --_rs-menu-mi-flex-direction:row;
   --_rs-menu-mi-justify-content:initial;
 }
-._iconPlacementRight_1j8t23g_39{
+._iconPlacementRight_fxllk5_39{
   --_rs-menu-mi-flex-direction:row-reverse;
   --_rs-menu-mi-justify-content:space-between;
 }
-._wrapper_1j8t23g_43{
+._wrapper_fxllk5_43{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -184,7 +184,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._wrapper_1j8t23g_43{
+._wrapper_fxllk5_43{
       --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
       --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
       --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -193,7 +193,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._wrapper_1j8t23g_43{
+._wrapper_fxllk5_43{
     --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
     --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
     --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -201,15 +201,11 @@
     --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
 }
   }
-._wrapper_1j8t23g_43 {
-
-  display:-webkit-box;
-
-  display:-ms-flexbox;
+._wrapper_fxllk5_43 {
 
   display:flex;
 }
-._menuItem_1j8t23g_50{
+._menuItem_fxllk5_50{
   letter-spacing:var(
     --rs-text-base-letter-spacing,
     var(--_rs-typography-letter-spacing)
@@ -220,26 +216,14 @@
   font-weight:var(--_rs-typography-font-weight);
   line-height:var(--_rs-typography-line-height);
   font-variant-numeric:var(--_rs-typography-font-variant-numeric);
-  -webkit-font-feature-settings:'kern', 'liga', 'calt';
   font-feature-settings:'kern', 'liga', 'calt';
 
-  display:-webkit-box;
-
-  display:-ms-flexbox;
-
   display:flex;
   overflow:auto;
-  -webkit-box-orient:vertical;
-  -webkit-box-direction:normal;
-      -ms-flex-direction:var(--_rs-menu-mi-flex-direction);
-          flex-direction:var(--_rs-menu-mi-flex-direction);
-  -webkit-box-flex:1;
-      -ms-flex-positive:1;
-          flex-grow:1;
+  flex-direction:var(--_rs-menu-mi-flex-direction);
+  flex-grow:1;
   gap:var(--_rs-menu-mi-icon-offset);
-  -webkit-box-pack:var(--_rs-menu-mi-justify-content);
-      -ms-flex-pack:var(--_rs-menu-mi-justify-content);
-          justify-content:var(--_rs-menu-mi-justify-content);
+  justify-content:var(--_rs-menu-mi-justify-content);
 
   width:auto;
 
@@ -262,56 +246,49 @@
   -webkit-font-smoothing:inherit;
   -moz-osx-font-smoothing:inherit;
 }
-._menuItem_1j8t23g_50:focus{
+._menuItem_fxllk5_50:focus{
     outline:none;
   }
-._keyboardNavigationDisabled_1j8t23g_85 ._menuItem_1j8t23g_50:focus[data-focus-method='key']{
-    -webkit-box-shadow:0 0 0 2px var(--_rs-color-primary-dim), inset 0 0 0 2px var(--_rs-color-primary-dim);
-            box-shadow:0 0 0 2px var(--_rs-color-primary-dim), inset 0 0 0 2px var(--_rs-color-primary-dim);
+._keyboardNavigationDisabled_fxllk5_85 ._menuItem_fxllk5_50:focus[data-focus-method='key']{
+    box-shadow:0 0 0 2px var(--_rs-color-primary-dim), inset 0 0 0 2px var(--_rs-color-primary-dim);
   }
-._menuItem_1j8t23g_50:active{
+._menuItem_fxllk5_50:active{
     color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
     background:var(--_rs-menu-mi-active-background);
   }
-._menuItem_1j8t23g_50._selected_1j8t23g_99{
+._menuItem_fxllk5_50._selected_fxllk5_99{
     color:var(--_rs-menu-mi-selected-color);
     background:var(--_rs-menu-mi-selected-background);
   }
-._menuItem_1j8t23g_50._highlighted_1j8t23g_106,
-  ._menuItem_1j8t23g_50:not(._disableCursor_1j8t23g_107):hover{
+._menuItem_fxllk5_50._highlighted_fxllk5_106,
+  ._menuItem_fxllk5_50:not(._disableCursor_fxllk5_107):hover{
     color:var(--_rs-menu-mi-hover-color);
     background:var(--_rs-menu-mi-hover-background);
   }
-._menuItem_1j8t23g_50._highlighted_1j8t23g_106._selected_1j8t23g_99,
-  ._menuItem_1j8t23g_50._selected_1j8t23g_99:not(._disableCursor_1j8t23g_107):hover{
+._menuItem_fxllk5_50._highlighted_fxllk5_106._selected_fxllk5_99,
+  ._menuItem_fxllk5_50._selected_fxllk5_99:not(._disableCursor_fxllk5_107):hover{
     color:var(--_rs-menu-mi-selected-hover-color);
     background-color:var(--_rs-menu-mi-selected-hover-background);
   }
-._menuItem_1j8t23g_50._disabled_1j8t23g_120{
+._menuItem_fxllk5_50._disabled_fxllk5_120{
     pointer-events:none;
 
     color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
   }
-._disableCursor_1j8t23g_107{
+._disableCursor_fxllk5_107{
   pointer-events:none;
 }
-._content_1j8t23g_131{
-  -webkit-box-flex:1;
-      -ms-flex-positive:1;
-          flex-grow:1;
+._content_fxllk5_131{
+  flex-grow:1;
 
   font-size:inherit;
 }
-._icon_1j8t23g_35{
-  -webkit-box-flex:0;
-      -ms-flex:0 0;
-          flex:0 0;
-  -ms-flex-preferred-size:auto;
-      flex-basis:auto;
+._icon_fxllk5_35{
+  flex:0 0;
+  flex-basis:auto;
 }
-._divider_1j8t23g_144{
-  -ms-flex-negative:0;
-      flex-shrink:0;
+._divider_fxllk5_144{
+  flex-shrink:0;
 
   width:100%;
   height:1px;
@@ -321,13 +298,13 @@
 
   background-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
 }
-._groupHeaderThemeLight_1j8t23g_158{
+._groupHeaderThemeLight_fxllk5_158{
   --rs-theme-dark:0;
 }
-._groupHeaderThemeDark_1j8t23g_161{
+._groupHeaderThemeDark_fxllk5_161{
   --rs-theme-dark:1;
 }
-._groupHeaderSizeL_1j8t23g_165{
+._groupHeaderSizeL_fxllk5_165{
   --_rs-menu-gh-vertical-padding:12px;
   --_rs-menu-gh-horizontal-padding:16px;
   --_rs-typography-letter-spacing:normal;
@@ -360,7 +337,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:2px;
 }
-._groupHeaderSizeM_1j8t23g_168{
+._groupHeaderSizeM_fxllk5_168{
   --_rs-menu-gh-vertical-padding:8px;
   --_rs-menu-gh-horizontal-padding:16px;
   --_rs-typography-letter-spacing:normal;
@@ -393,7 +370,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:2px;
 }
-._groupHeaderSizeS_1j8t23g_171{
+._groupHeaderSizeS_fxllk5_171{
   --_rs-menu-gh-vertical-padding:6px;
   --_rs-menu-gh-horizontal-padding:8px;
   --_rs-typography-letter-spacing:normal;
@@ -426,7 +403,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:2px;
 }
-._groupHeader_1j8t23g_158{
+._groupHeader_fxllk5_158{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -436,7 +413,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._groupHeader_1j8t23g_158{
+._groupHeader_fxllk5_158{
       --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
       --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
       --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -445,7 +422,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._groupHeader_1j8t23g_158{
+._groupHeader_fxllk5_158{
     --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
     --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
     --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -453,7 +430,7 @@
     --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
 }
   }
-._groupHeader_1j8t23g_158 {
+._groupHeader_fxllk5_158 {
   letter-spacing:var(
     --rs-text-base-letter-spacing,
     var(--_rs-typography-letter-spacing)
@@ -464,7 +441,6 @@
   font-weight:var(--_rs-typography-font-weight);
   line-height:var(--_rs-typography-line-height);
   font-variant-numeric:var(--_rs-typography-font-variant-numeric);
-  -webkit-font-feature-settings:'kern', 'liga', 'calt';
   font-feature-settings:'kern', 'liga', 'calt';
 
   padding:var(--_rs-menu-gh-vertical-padding) var(--_rs-menu-gh-horizontal-padding);

package/lib/index.p.module.css.js

@@ -1,29 +1,29 @@
 var styles = {
-  "themeLight": "_themeLight_1j8t23g_8",
-  "themeDark": "_themeDark_1j8t23g_11",
-  "sizeS": "_sizeS_1j8t23g_15",
-  "sizeM": "_sizeM_1j8t23g_18",
-  "sizeL": "_sizeL_1j8t23g_21",
-  "modeClassic": "_modeClassic_1j8t23g_25",
-  "modeRock": "_modeRock_1j8t23g_28",
-  "modeClear": "_modeClear_1j8t23g_31",
-  "iconPlacementLeft": "_iconPlacementLeft_1j8t23g_35",
-  "iconPlacementRight": "_iconPlacementRight_1j8t23g_39",
-  "wrapper": "_wrapper_1j8t23g_43",
-  "menuItem": "_menuItem_1j8t23g_50",
-  "keyboardNavigationDisabled": "_keyboardNavigationDisabled_1j8t23g_85",
-  "selected": "_selected_1j8t23g_99",
-  "highlighted": "_highlighted_1j8t23g_106",
-  "disableCursor": "_disableCursor_1j8t23g_107",
-  "disabled": "_disabled_1j8t23g_120",
-  "content": "_content_1j8t23g_131",
-  "icon": "_icon_1j8t23g_35",
-  "divider": "_divider_1j8t23g_144",
-  "groupHeaderThemeLight": "_groupHeaderThemeLight_1j8t23g_158",
-  "groupHeaderThemeDark": "_groupHeaderThemeDark_1j8t23g_161",
-  "groupHeaderSizeL": "_groupHeaderSizeL_1j8t23g_165",
-  "groupHeaderSizeM": "_groupHeaderSizeM_1j8t23g_168",
-  "groupHeaderSizeS": "_groupHeaderSizeS_1j8t23g_171",
-  "groupHeader": "_groupHeader_1j8t23g_158"
+  "themeLight": "_themeLight_fxllk5_8",
+  "themeDark": "_themeDark_fxllk5_11",
+  "sizeS": "_sizeS_fxllk5_15",
+  "sizeM": "_sizeM_fxllk5_18",
+  "sizeL": "_sizeL_fxllk5_21",
+  "modeClassic": "_modeClassic_fxllk5_25",
+  "modeRock": "_modeRock_fxllk5_28",
+  "modeClear": "_modeClear_fxllk5_31",
+  "iconPlacementLeft": "_iconPlacementLeft_fxllk5_35",
+  "iconPlacementRight": "_iconPlacementRight_fxllk5_39",
+  "wrapper": "_wrapper_fxllk5_43",
+  "menuItem": "_menuItem_fxllk5_50",
+  "keyboardNavigationDisabled": "_keyboardNavigationDisabled_fxllk5_85",
+  "selected": "_selected_fxllk5_99",
+  "highlighted": "_highlighted_fxllk5_106",
+  "disableCursor": "_disableCursor_fxllk5_107",
+  "disabled": "_disabled_fxllk5_120",
+  "content": "_content_fxllk5_131",
+  "icon": "_icon_fxllk5_35",
+  "divider": "_divider_fxllk5_144",
+  "groupHeaderThemeLight": "_groupHeaderThemeLight_fxllk5_158",
+  "groupHeaderThemeDark": "_groupHeaderThemeDark_fxllk5_161",
+  "groupHeaderSizeL": "_groupHeaderSizeL_fxllk5_165",
+  "groupHeaderSizeM": "_groupHeaderSizeM_fxllk5_168",
+  "groupHeaderSizeS": "_groupHeaderSizeS_fxllk5_171",
+  "groupHeader": "_groupHeader_fxllk5_158"
 };
 export { styles as default };

package/lib/menu.js

@@ -1,18 +1,3 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["tag", "itemTag", "iconPlacement", "disabled", "size", "mode", "disableCursor", "theme", "enableKeyboardNavigation", "activateFirstItem", "className", "wrapItemsWithLi", "returnFocusOnUnmount"];
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
@@ -20,40 +5,34 @@ import { MenuProvider } from './parts/menu-context.js';
 import styles from './index.p.module.css.js';
 import { useMenuKeyboardNavigation } from './parts/use-menu-keyboard-navigation.js';
 
-var Menu = function Menu(_ref) {
-  var _ref$tag = _ref.tag,
-      tag = _ref$tag === void 0 ? 'ul' : _ref$tag,
-      itemTag = _ref.itemTag,
-      iconPlacement = _ref.iconPlacement,
-      disabled = _ref.disabled,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'm' : _ref$size,
-      mode = _ref.mode,
-      _ref$disableCursor = _ref.disableCursor,
-      disableCursor = _ref$disableCursor === void 0 ? false : _ref$disableCursor,
-      theme = _ref.theme,
-      _ref$enableKeyboardNa = _ref.enableKeyboardNavigation,
-      enableKeyboardNavigation = _ref$enableKeyboardNa === void 0 ? false : _ref$enableKeyboardNa,
-      _ref$activateFirstIte = _ref.activateFirstItem,
-      activateFirstItem = _ref$activateFirstIte === void 0 ? false : _ref$activateFirstIte,
-      className = _ref.className,
-      wrapItemsWithLi = _ref.wrapItemsWithLi,
-      _ref$returnFocusOnUnm = _ref.returnFocusOnUnmount,
-      returnFocusOnUnmount = _ref$returnFocusOnUnm === void 0 ? false : _ref$returnFocusOnUnm,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  var Tag = tag;
-
-  var _useMenuKeyboardNavig = useMenuKeyboardNavigation({
-    enableKeyboardNavigation: enableKeyboardNavigation,
-    activateFirstItem: activateFirstItem,
-    returnFocusOnUnmount: returnFocusOnUnmount
-  }),
-      activeItemRef = _useMenuKeyboardNavig.activeItemRef,
-      registerItem = _useMenuKeyboardNavig.registerItem,
-      unregisterItem = _useMenuKeyboardNavig.unregisterItem,
-      isKeyboardNavigating = _useMenuKeyboardNavig.isKeyboardNavigating;
-
+const Menu = _ref => {
+  let {
+    tag = 'ul',
+    itemTag,
+    iconPlacement,
+    disabled,
+    size = 'm',
+    mode,
+    disableCursor = false,
+    theme,
+    enableKeyboardNavigation = false,
+    activateFirstItem = false,
+    className,
+    wrapItemsWithLi,
+    returnFocusOnUnmount = false,
+    ...restProps
+  } = _ref;
+  const Tag = tag;
+  const {
+    activeItemRef,
+    registerItem,
+    unregisterItem,
+    isKeyboardNavigating
+  } = useMenuKeyboardNavigation({
+    enableKeyboardNavigation,
+    activateFirstItem,
+    returnFocusOnUnmount
+  });
   return /*#__PURE__*/React.createElement(MenuProvider, {
     itemTag: itemTag,
     iconPlacement: iconPlacement,
@@ -66,10 +45,11 @@ var Menu = function Menu(_ref) {
     unregisterItem: unregisterItem,
     activeItemRef: activeItemRef.current,
     isKeyboardNavigating: isKeyboardNavigating,
-    wrapWithLi: wrapItemsWithLi !== null && wrapItemsWithLi !== void 0 ? wrapItemsWithLi : tag === 'ul'
-  }, /*#__PURE__*/React.createElement(Tag, _objectSpread({
-    className: cn(!enableKeyboardNavigation && styles.keyboardNavigationDisabled, className)
-  }, restProps)));
+    wrapWithLi: wrapItemsWithLi ?? tag === 'ul'
+  }, /*#__PURE__*/React.createElement(Tag, {
+    className: cn(!enableKeyboardNavigation && styles.keyboardNavigationDisabled, className),
+    ...restProps
+  }));
 };
 
 Menu.propTypes = {

package/lib/parts/divider.js

@@ -1,41 +1,26 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "theme"];
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import styles from '../index.p.module.css.js';
 import { useMenuContext } from './menu-context.js';
-var THEME_CLASS = {
+const THEME_CLASS = {
   light: styles.themeLight,
   dark: styles.themeDark
 };
 
-var Divider = function Divider(_ref) {
-  var _menuContext$theme;
-
-  var className = _ref.className,
-      theme = _ref.theme,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  var menuContext = useMenuContext();
-  var actualTheme = useThemeWithUndefined((_menuContext$theme = menuContext.theme) !== null && _menuContext$theme !== void 0 ? _menuContext$theme : theme);
-  return /*#__PURE__*/React.createElement("hr", _objectSpread({
-    className: cn(styles.divider, THEME_CLASS[actualTheme], className)
-  }, restProps));
+const Divider = _ref => {
+  let {
+    className,
+    theme,
+    ...restProps
+  } = _ref;
+  const menuContext = useMenuContext();
+  const actualTheme = useThemeWithUndefined(menuContext.theme ?? theme);
+  return /*#__PURE__*/React.createElement("hr", {
+    className: cn(styles.divider, THEME_CLASS[actualTheme], className),
+    ...restProps
+  });
 };
 
 Divider.propTypes = {

package/lib/parts/group-header.js

@@ -4,30 +4,28 @@ import PropTypes from 'prop-types';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import styles from '../index.p.module.css.js';
 import { useMenuContext } from './menu-context.js';
-var SIZE_CLASS = {
+const SIZE_CLASS = {
   s: styles.groupHeaderSizeS,
   m: styles.groupHeaderSizeM,
   l: styles.groupHeaderSizeL
 };
-var THEME_CLASS = {
+const THEME_CLASS = {
   light: styles.groupHeaderThemeLight,
   dark: styles.groupHeaderThemeDark
 };
 
 function GroupHeader(_ref) {
-  var _menuContext$theme, _menuContext$size;
-
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? null : _ref$className,
-      text = _ref.text,
-      _ref$size = _ref.size,
-      propsSize = _ref$size === void 0 ? 'm' : _ref$size,
-      propsTheme = _ref.theme;
-  var menuContext = useMenuContext();
-  var Tag = menuContext.wrapWithLi ? 'li' : 'span';
-  var actualTheme = useThemeWithUndefined((_menuContext$theme = menuContext.theme) !== null && _menuContext$theme !== void 0 ? _menuContext$theme : propsTheme);
+  let {
+    className = null,
+    text,
+    size: propsSize = 'm',
+    theme: propsTheme
+  } = _ref;
+  const menuContext = useMenuContext();
+  const Tag = menuContext.wrapWithLi ? 'li' : 'span';
+  const actualTheme = useThemeWithUndefined(menuContext.theme ?? propsTheme);
   return /*#__PURE__*/React.createElement(Tag, {
-    className: cn(styles.groupHeader, SIZE_CLASS[(_menuContext$size = menuContext.size) !== null && _menuContext$size !== void 0 ? _menuContext$size : propsSize], THEME_CLASS[actualTheme], className),
+    className: cn(styles.groupHeader, SIZE_CLASS[menuContext.size ?? propsSize], THEME_CLASS[actualTheme], className),
     "data-rs-internal": 'menu__group-header'
   }, text);
 }

package/lib/parts/menu-context.js

@@ -1,26 +1,23 @@
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["children"];
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-var DEFAULT_MENU_CONTEXT = {
+const DEFAULT_MENU_CONTEXT = {
   disabled: false,
   isKeyboardNavigating: false,
   wrapWithLi: false,
   // eslint-disable-next-line @typescript-eslint/no-empty-function
-  registerItem: function registerItem() {},
+  registerItem: () => {},
   // eslint-disable-next-line @typescript-eslint/no-empty-function
-  unregisterItem: function unregisterItem() {}
+  unregisterItem: () => {}
 };
-var MenuContext = /*#__PURE__*/React.createContext(DEFAULT_MENU_CONTEXT);
+const MenuContext = /*#__PURE__*/React.createContext(DEFAULT_MENU_CONTEXT);
 
-var useMenuContext = function useMenuContext() {
-  return useContext(MenuContext);
-};
-
-var MenuProvider = function MenuProvider(_ref) {
-  var children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, _excluded);
+const useMenuContext = () => useContext(MenuContext);
 
+const MenuProvider = _ref => {
+  let {
+    children,
+    ...restProps
+  } = _ref;
   return /*#__PURE__*/React.createElement(MenuContext.Provider, {
     value: restProps
   }, children);

package/lib/parts/menu-item.js

@@ -1,87 +1,60 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _typeof from "@babel/runtime-corejs3/helpers/esm/typeof";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "tag", "children", "icon", "size", "mode", "theme", "disabled", "disableCursor", "selected", "highlighted", "iconPlacement"],
-    _excluded2 = ["unregisterItem", "registerItem", "activeItemRef", "isKeyboardNavigating", "wrapWithLi"];
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useState, useEffect, cloneElement } from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import styles from '../index.p.module.css.js';
 import { useMenuContext } from './menu-context.js';
-var ICON_PLACEMENT_STYLES = {
+const ICON_PLACEMENT_STYLES = {
   left: styles.iconPlacementLeft,
   right: styles.iconPlacementRight
 };
-var MODE_STYLES = {
+const MODE_STYLES = {
   classic: styles.modeClassic,
   clear: styles.modeClear,
   rock: styles.modeRock
 };
-var SIZE_STYLES = {
+const SIZE_STYLES = {
   s: styles.sizeS,
   m: styles.sizeM,
   l: styles.sizeL
 };
-var THEME_STYLES = {
+const THEME_STYLES = {
   light: styles.themeLight,
   dark: styles.themeDark
 }; // eslint-disable-next-line complexity
 
-var MenuItemInner = function MenuItemInner(_ref, ref) {
-  var _menuContext$theme, _ref2, _menuContext$itemTag, _ref3, _menuContext$iconPlac, _menuContext$mode, _menuContext$size, _menuContext$disableC;
-
-  var className = _ref.className,
-      tag = _ref.tag,
-      children = _ref.children,
-      icon = _ref.icon,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'm' : _ref$size,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
-      theme = _ref.theme,
-      disabled = _ref.disabled,
-      disableCursor = _ref.disableCursor,
-      selected = _ref.selected,
-      highlighted = _ref.highlighted,
-      _ref$iconPlacement = _ref.iconPlacement,
-      iconPlacement = _ref$iconPlacement === void 0 ? 'left' : _ref$iconPlacement,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  var _useMenuContext = useMenuContext(),
-      unregisterItem = _useMenuContext.unregisterItem,
-      registerItem = _useMenuContext.registerItem,
-      activeItemRef = _useMenuContext.activeItemRef,
-      isKeyboardNavigating = _useMenuContext.isKeyboardNavigating,
-      wrapWithLi = _useMenuContext.wrapWithLi,
-      menuContext = _objectWithoutProperties(_useMenuContext, _excluded2);
-
-  var actualTheme = useThemeWithUndefined((_menuContext$theme = menuContext.theme) !== null && _menuContext$theme !== void 0 ? _menuContext$theme : theme);
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      thisRef = _useState2[0],
-      setThisRef = _useState2[1];
-
-  useEffect(function () {
-    return function () {
-      return unregisterItem(thisRef);
-    };
+const MenuItemInner = (_ref, ref) => {
+  let {
+    className,
+    tag,
+    children,
+    icon,
+    size = 'm',
+    mode = 'classic',
+    theme,
+    disabled,
+    disableCursor,
+    selected,
+
+    /* @private */
+    highlighted,
+    iconPlacement = 'left',
+    ...restProps
+  } = _ref;
+  const {
+    unregisterItem,
+    registerItem,
+    activeItemRef,
+    isKeyboardNavigating,
+    wrapWithLi,
+    ...menuContext
+  } = useMenuContext();
+  const actualTheme = useThemeWithUndefined(menuContext.theme ?? theme);
+  const [thisRef, setThisRef] = useState(null);
+  useEffect(() => {
+    return () => unregisterItem(thisRef);
   }, [unregisterItem, thisRef]);
-  var autoTag = 'span';
+  let autoTag = 'span';
 
   if (restProps.href) {
     autoTag = 'a';
@@ -89,28 +62,28 @@ var MenuItemInner = function MenuItemInner(_ref, ref) {
     autoTag = 'button';
   }
 
-  var Tag = (_ref2 = (_menuContext$itemTag = menuContext.itemTag) !== null && _menuContext$itemTag !== void 0 ? _menuContext$itemTag : tag) !== null && _ref2 !== void 0 ? _ref2 : autoTag;
-  var actualIconPlacement = (_ref3 = (_menuContext$iconPlac = menuContext.iconPlacement) !== null && _menuContext$iconPlac !== void 0 ? _menuContext$iconPlac : iconPlacement) !== null && _ref3 !== void 0 ? _ref3 : 'left';
-  var actualMode = (_menuContext$mode = menuContext.mode) !== null && _menuContext$mode !== void 0 ? _menuContext$mode : mode;
-  var actualSize = (_menuContext$size = menuContext.size) !== null && _menuContext$size !== void 0 ? _menuContext$size : size;
-  var actualDisableCursor = (_menuContext$disableC = menuContext.disableCursor) !== null && _menuContext$disableC !== void 0 ? _menuContext$disableC : disableCursor;
-  var iconElement = icon ? /*#__PURE__*/cloneElement(icon, {
+  const Tag = menuContext.itemTag ?? tag ?? autoTag;
+  const actualIconPlacement = menuContext.iconPlacement ?? iconPlacement ?? 'left';
+  const actualMode = menuContext.mode ?? mode;
+  const actualSize = menuContext.size ?? size;
+  const actualDisableCursor = menuContext.disableCursor ?? disableCursor;
+  const iconElement = icon ? /*#__PURE__*/cloneElement(icon, {
     className: cn(icon.props.className, styles.icon)
   }) : null;
-  var actualHighlighted = highlighted || activeItemRef === thisRef && isKeyboardNavigating;
+  const actualHighlighted = highlighted || activeItemRef === thisRef && isKeyboardNavigating;
 
-  var handleRef = function handleRef(r) {
+  const handleRef = r => {
     registerItem(r);
     setThisRef(r);
 
     if (typeof ref === 'function') {
       ref(r);
-    } else if (ref != null && _typeof(ref) === 'object') {
+    } else if (ref != null && typeof ref === 'object') {
       ref.current = r;
     }
   };
 
-  var handleKeyDown = function handleKeyDown(e) {
+  const handleKeyDown = e => {
     if (isKeyboardNavigating && (e.key === ' ' || e.key === 'Enter')) {
       e.preventDefault();
 
@@ -120,24 +93,25 @@ var MenuItemInner = function MenuItemInner(_ref, ref) {
     }
   };
 
-  var Wrapper = wrapWithLi ? 'li' : 'div';
+  const Wrapper = wrapWithLi ? 'li' : 'div';
   return /*#__PURE__*/React.createElement(Wrapper, {
     className: cn(styles.wrapper, className, ICON_PLACEMENT_STYLES[actualIconPlacement], MODE_STYLES[actualMode], SIZE_STYLES[actualSize], THEME_STYLES[actualTheme]),
     "data-test": 'menu-item__wrapper',
     "data-rs-internal": 'menu__menu-item'
-  }, /*#__PURE__*/React.createElement(Tag, _objectSpread({
+  }, /*#__PURE__*/React.createElement(Tag, {
     onKeyDown: handleKeyDown,
     ref: handleRef,
     className: cn(styles.menuItem, (menuContext.disabled || disabled) && styles.disabled, selected && styles.selected, actualHighlighted && styles.highlighted, actualDisableCursor && styles.disableCursor),
     "data-test": 'menu-item',
     "data-rs-internal": 'menu__menu-item__inner',
-    tabIndex: 0
-  }, restProps), iconElement, /*#__PURE__*/React.createElement("span", {
+    tabIndex: 0,
+    ...restProps
+  }, iconElement, /*#__PURE__*/React.createElement("span", {
     className: styles.content
   }, children)));
 };
 
-var MenuItem = /*#__PURE__*/React.forwardRef(MenuItemInner);
+const MenuItem = /*#__PURE__*/React.forwardRef(MenuItemInner);
 MenuItem.propTypes = {
   size: PropTypes.oneOf(['l', 'm', 's']),
   mode: PropTypes.oneOf(['clear', 'classic', 'rock']),

package/lib/parts/navigation-utils.js

@@ -1,5 +1,3 @@
-import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
-
 function getFirstItem(sortedItems) {
   return sortedItems[0];
 }
@@ -9,11 +7,8 @@ function getLastItem(sortedItems) {
 }
 
 function getNextItem(sortedItems, activeItem) {
-  var focusedIndex = _findIndexInstanceProperty(sortedItems).call(sortedItems, function (el) {
-    return el === activeItem;
-  });
-
-  var indexToFocus = focusedIndex + 1;
+  const focusedIndex = sortedItems.findIndex(el => el === activeItem);
+  const indexToFocus = focusedIndex + 1;
 
   if (indexToFocus < sortedItems.length) {
     return sortedItems[indexToFocus];
@@ -23,11 +18,8 @@ function getNextItem(sortedItems, activeItem) {
 }
 
 function getPrevItem(sortedItems, activeItem) {
-  var focusedIndex = _findIndexInstanceProperty(sortedItems).call(sortedItems, function (el) {
-    return el === activeItem;
-  });
-
-  var indexToFocus = focusedIndex - 1;
+  const focusedIndex = sortedItems.findIndex(el => el === activeItem);
+  const indexToFocus = focusedIndex - 1;
 
   if (indexToFocus >= 0) {
     return sortedItems[indexToFocus];

package/lib/parts/use-menu-keyboard-navigation.js

@@ -1,62 +1,49 @@
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/sort";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/values";
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { getLastItem, getFirstItem, getPrevItem, getNextItem, htmlElementsComparator } from './navigation-utils.js';
 
 function debounce(callback, timeout) {
-  var id;
+  let id;
   return function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
     clearTimeout(id);
-    id = setTimeout(function () {
-      return callback.apply(void 0, args);
-    }, timeout);
+    id = setTimeout(() => callback(...args), timeout);
     return id;
   };
 }
 
 function getSortedItems(itemsSet) {
-  var _context;
-
-  return _sortInstanceProperty(_context = _Array$from(_valuesInstanceProperty(itemsSet).call(itemsSet))).call(_context, htmlElementsComparator);
+  return Array.from(itemsSet.values()).sort(htmlElementsComparator);
 }
 
 function useMenuKeyboardNavigation(_ref) {
-  var enableKeyboardNavigation = _ref.enableKeyboardNavigation,
-      activateFirstItem = _ref.activateFirstItem,
-      returnFocusOnUnmount = _ref.returnFocusOnUnmount;
-  var activeItemRef = useRef(null);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      setDummyState = _useState2[1];
-
-  var setActiveItemRef = useCallback(function (ref) {
+  let {
+    enableKeyboardNavigation,
+    activateFirstItem,
+    returnFocusOnUnmount
+  } = _ref;
+  const activeItemRef = useRef(null);
+  const [, setDummyState] = useState(false);
+  const setActiveItemRef = useCallback(ref => {
     activeItemRef.current = ref;
 
     if (ref) {
       ref.focus();
     }
 
-    setDummyState(function (t) {
-      return !t;
-    });
+    setDummyState(t => !t);
   }, [setDummyState]);
-  var menuItemsSet = useRef(new _Set());
-  useEffect(function () {
+  const menuItemsSet = useRef(new Set());
+  useEffect(() => {
     if (!enableKeyboardNavigation || !activateFirstItem || !returnFocusOnUnmount) {
       return;
     }
 
-    var lastFocusedEl = document.activeElement; // eslint-disable-next-line consistent-return
+    const lastFocusedEl = document.activeElement; // eslint-disable-next-line consistent-return
 
-    return function () {
+    return () => {
       if (lastFocusedEl) {
         lastFocusedEl.focus({
           preventScroll: true
@@ -64,11 +51,11 @@ function useMenuKeyboardNavigation(_ref) {
       }
     };
   }, []);
-  var debouncedActivateFirstItem = debounce(function () {
-    var items = getSortedItems(menuItemsSet.current);
+  const debouncedActivateFirstItem = debounce(() => {
+    const items = getSortedItems(menuItemsSet.current);
     setActiveItemRef(getFirstItem(items));
   }, 50);
-  var registerItem = useCallback(function (ref) {
+  const registerItem = useCallback(ref => {
     if (ref && !menuItemsSet.current.has(ref)) {
       menuItemsSet.current.add(ref);
 
@@ -77,16 +64,11 @@ function useMenuKeyboardNavigation(_ref) {
       }
     }
   }, []);
-  var unregisterItem = useCallback(function (ref) {
+  const unregisterItem = useCallback(ref => {
     menuItemsSet.current.delete(ref);
   }, []);
-
-  var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isKeyboardNavigating = _useState4[0],
-      setIsKeyboardNavigating = _useState4[1];
-
-  var handleMouseMove = useCallback(function () {
+  const [isKeyboardNavigating, setIsKeyboardNavigating] = useState(true);
+  const handleMouseMove = useCallback(() => {
     if (menuItemsSet.current.has(document.activeElement) && document.activeElement.blur) {
       document.activeElement.blur();
     }
@@ -95,22 +77,20 @@ function useMenuKeyboardNavigation(_ref) {
     setIsKeyboardNavigating(false);
   }, []); // eslint-disable-next-line consistent-return
 
-  useEffect(function () {
+  useEffect(() => {
     if (isKeyboardNavigating) {
       document.addEventListener('mousemove', handleMouseMove);
-      return function () {
-        return document.removeEventListener('mousemove', handleMouseMove);
-      };
+      return () => document.removeEventListener('mousemove', handleMouseMove);
     }
   }, [handleMouseMove, isKeyboardNavigating]);
-  useEffect(function () {
+  useEffect(() => {
     if (!enableKeyboardNavigation) {
       return;
     }
 
-    var handler = function handler(e) {
+    const handler = e => {
       setIsKeyboardNavigating(true);
-      var items = getSortedItems(menuItemsSet.current);
+      const items = getSortedItems(menuItemsSet.current);
 
       switch (e.key) {
         case 'ArrowDown':
@@ -137,15 +117,15 @@ function useMenuKeyboardNavigation(_ref) {
 
     document.addEventListener('keydown', handler, true); // eslint-disable-next-line consistent-return
 
-    return function () {
+    return () => {
       document.removeEventListener('keydown', handler, true);
     };
   }, [enableKeyboardNavigation]);
   return {
-    activeItemRef: activeItemRef,
-    registerItem: registerItem,
-    unregisterItem: unregisterItem,
-    isKeyboardNavigating: isKeyboardNavigating
+    activeItemRef,
+    registerItem,
+    unregisterItem,
+    isKeyboardNavigating
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/menu",
-  "version": "0.10.8",
+  "version": "0.10.10",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -14,9 +14,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.11.0",
+    "@babel/runtime-corejs3": "^7.26.0",
     "classnames": "^2.2.6",
-    "core-js": "^3",
     "nanoid": "^3.3.3"
   },
   "peerDependencies": {
@@ -25,10 +24,10 @@
     "react": ">=16.8.0 <19"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.2.5",
+    "@rescui/colors": "^0.2.6",
     "@rescui/postcss-preset-library": "^0.2.2",
-    "@rescui/scripts": "^0.3.4",
-    "@rescui/typography": "^0.18.2",
+    "@rescui/scripts": "^0.3.5",
+    "@rescui/typography": "^0.19.1",
     "@rescui/visual-regression": "^0.1.2",
     "postcss": "^8.3.0"
   },
@@ -37,5 +36,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "dd4daa4d090de538f8e90608cc39027ea8018603"
+  "gitHead": "67627f69be3de4b4c6a21244fd7de36e841f01f0"
 }