@rescui/menu 0.13.8-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15 → 0.14.1

package/lib/_virtual/check-outline.js

@@ -0,0 +1,106 @@
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import styles from './index.css.js';
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const CheckOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.793l6.646-6.647a.5.5 0 0 1 .708 0"
+})));
+CheckOutlineIcon16.displayName = 'CheckOutlineIcon16';
+const CheckOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16.53 5.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06L8 12.94l7.47-7.47a.75.75 0 0 1 1.06 0"
+})));
+CheckOutlineIcon20.displayName = 'CheckOutlineIcon20';
+const CheckOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19.707 6.293a1 1 0 0 1 0 1.414l-10 10a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L9 15.586l9.293-9.293a1 1 0 0 1 1.414 0"
+})));
+CheckOutlineIcon24.displayName = 'CheckOutlineIcon24';
+const CheckOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M22.676 7.263a1 1 0 0 1 .061 1.413l-11 12a1 1 0 0 1-1.444.031l-6-6a1 1 0 1 1 1.414-1.414l5.262 5.261 10.294-11.23a1 1 0 0 1 1.413-.061"
+})));
+CheckOutlineIcon28.displayName = 'CheckOutlineIcon28';
+const CheckOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(CheckOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(CheckOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(CheckOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(CheckOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(CheckOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(CheckOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(CheckOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(CheckOutlineIcon28, mainProps);
+});
+CheckOutlineIcon.displayName = 'CheckOutlineIcon';
+CheckOutlineIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export { Size, CheckOutlineIcon as default };

package/lib/_virtual/index.css.js

@@ -0,0 +1,15 @@
+var styles = {
+  "icon": "_icon_1npbgia_4",
+  "sizeXS": "_sizeXS_1npbgia_14",
+  "sizeS": "_sizeS_1npbgia_18",
+  "sizeM": "_sizeM_1npbgia_22",
+  "sizeL": "_sizeL_1npbgia_26",
+  "light": "_light_1npbgia_30",
+  "dark": "_dark_1npbgia_34",
+  "allVariants": "_allVariants_1npbgia_48",
+  "variant16": "_variant16_1npbgia_53",
+  "variant20": "_variant20_1npbgia_54",
+  "variant24": "_variant24_1npbgia_55",
+  "variant28": "_variant28_1npbgia_58"
+};
+export { styles as default };

package/lib/index.css

@@ -1,10 +1,121 @@
-._themeLight_3wqhbb_8{
+@property --_rs-theme-dark-coefficient{
+  syntax:'<number>';
+  inherits:true;
+  initial-value:0;
+}
+._icon_1npbgia_4{
+  --_rs-theme-dark:var(
+    --_rs-internal-force-theme-dark-consult-rescui-before-using,
+    var(--rs-theme-dark, 0)
+  );
+  --_rs-theme-flip:var(--rs-theme-flip, 0);
+  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
+  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
+}
+@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
+._icon_1npbgia_4{
+    --_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)));
+    --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
+    --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
+}
+  }
+@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
+._icon_1npbgia_4{
+    --_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));
+    --_rs-color-primary-t-dim: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, 0.8);
+    --_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));
+}
+  }
+._icon_1npbgia_4{
+
+  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
+
+  width:var(--rs-icons-width, auto);
+  height:var(--rs-icons-height, var(--_rs-icons-height));
+}
+._sizeXS_1npbgia_14{
+  --_rs-icons-height:16px;
+}
+._sizeS_1npbgia_18{
+  --_rs-icons-height:20px;
+}
+._sizeM_1npbgia_22{
+  --_rs-icons-height:24px;
+}
+._sizeL_1npbgia_26{
+  --_rs-icons-height:28px;
+}
+._light_1npbgia_30{
   --rs-theme-dark:0;
+  --_rs-icons-themed-fill-or-initial: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));
 }
-._themeDark_3wqhbb_11{
+._dark_1npbgia_34{
   --rs-theme-dark:1;
+  --_rs-icons-themed-fill-or-initial: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));
+}
+@keyframes rs-icon-rotate{
+  from{
+    transform:rotate(0deg);
+  }
+  to{
+    transform:rotate(360deg);
+  }
+}
+._allVariants_1npbgia_48{
+  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
+  container:rs-icon / size;
+}
+._variant16_1npbgia_53,
+._variant20_1npbgia_54,
+._variant24_1npbgia_55{
+  display:none;
 }
-._sizeS_3wqhbb_15{
+._variant28_1npbgia_58{
+  display:block;
+}
+@container rs-icon (max-height: 24px){
+  ._variant24_1npbgia_55{
+    display:block;
+  }
+  ._variant28_1npbgia_58{
+    display:none;
+  }
+}
+@container rs-icon (max-height: 20px){
+  ._variant20_1npbgia_54{
+    display:block;
+  }
+  ._variant24_1npbgia_55{
+    display:none;
+  }
+}
+@container rs-icon (max-height: 16px){
+  ._variant16_1npbgia_53{
+    display:block;
+  }
+  ._variant20_1npbgia_54{
+    display:none;
+  }
+}
+@property --_rs-theme-dark-coefficient{
+  syntax:'<number>';
+  inherits:true;
+  initial-value:0;
+}
+._themeLight_9jqyem_8{
+  --rs-theme-dark:0;
+}
+._themeDark_9jqyem_11{
+  --rs-theme-dark:1;
+}
+._menu_9jqyem_15:focus{
+    outline:none;
+  }
+._sizeS_9jqyem_21{
   --_rs-menu-mi-icon-offset:8px;
   --_rs-menu-mi-icon-size:20px;
   --_rs-menu-mi-vertical-padding:6px;
@@ -43,7 +154,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:1px;
 }
-._sizeM_3wqhbb_18{
+._sizeM_9jqyem_24{
   --_rs-menu-mi-icon-offset:8px;
   --_rs-menu-mi-icon-size:24px;
   --_rs-menu-mi-vertical-padding:8px;
@@ -86,11 +197,11 @@
   --_rs-typography-link-border-bottom-width-from-text:1px;
 }
 @media screen and (max-width: 640px){
-._sizeM_3wqhbb_18{
+._sizeM_9jqyem_24{
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
 }
   }
-._sizeL_3wqhbb_21{
+._sizeL_9jqyem_27{
   --_rs-menu-mi-icon-offset:16px;
   --_rs-menu-mi-icon-size:28px;
   --_rs-menu-mi-vertical-padding:12px;
@@ -133,60 +244,69 @@
   --_rs-typography-link-border-bottom-width-from-text:1px;
 }
 @media screen and (max-width: 640px){
-._sizeL_3wqhbb_21{
+._sizeL_9jqyem_27{
     --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
 }
   }
-._modeClassic_3wqhbb_25{
+._modeClassic_9jqyem_31{
   --_rs-menu-mi-horizontal-padding-with-mode:var(
     --_rs-menu-mi-horizontal-padding
   );
-  --_rs-menu-mi-active-background:var(--_rs-color-primary-t-fog);
-  --_rs-menu-mi-selected-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
-  --_rs-menu-mi-selected-background: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));
-  --_rs-menu-mi-hover-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));
-  --_rs-menu-mi-hover-background: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.1);
-  --_rs-menu-mi-selected-hover-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
-  --_rs-menu-mi-selected-hover-background:rgb(
-    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_3wqhbb_28{
+._modeClassic_9jqyem_31 [data-rs-internal="menu__menu-item__inner"]{
+    --_rs-menu-mi-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.7);
+    --_rs-menu-mi-active-background:var(--_rs-color-primary-t-fog);
+    --_rs-menu-mi-selected-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));
+    --_rs-menu-mi-selected-background: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.1);
+    --_rs-menu-mi-hover-color:rgb(
+  calc(255 - var(--rs-menu-contrast-primary, 0)*230),
+  calc(255 - var(--rs-menu-contrast-primary, 0)*230),
+  calc(255 - var(--rs-menu-contrast-primary, 0)*227)
+);
+    --_rs-menu-mi-hover-background:var(--_rs-color-primary);
+  }
+._modeRock_9jqyem_34{
   --_rs-menu-mi-horizontal-padding-with-mode:var(
     --_rs-menu-mi-horizontal-padding
   );
-  --_rs-menu-mi-active-background:none;
-  --_rs-menu-mi-selected-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
-  --_rs-menu-mi-selected-background: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));
-  --_rs-menu-mi-hover-color:#FFFFFF;
-  --_rs-menu-mi-hover-background:var(--_rs-color-primary);
-  --_rs-menu-mi-selected-hover-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
-  --_rs-menu-mi-selected-hover-background:rgb(
-    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_3wqhbb_31{
+._modeRock_9jqyem_34 [data-rs-internal="menu__menu-item__inner"]{
+    --_rs-menu-mi-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.7);
+    --_rs-menu-mi-active-background:transparent;
+    --_rs-menu-mi-selected-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));
+    --_rs-menu-mi-selected-background:rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181));
+    --_rs-menu-mi-hover-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
+    --_rs-menu-mi-hover-background: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));
+  }
+._modeClear_9jqyem_37{
   --_rs-menu-mi-horizontal-padding-with-mode:0;
-  --_rs-menu-mi-active-background:none;
-  --_rs-menu-mi-selected-color:var(--_rs-color-primary);
-  --_rs-menu-mi-selected-background:none;
-  --_rs-menu-mi-hover-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));
-  --_rs-menu-mi-hover-background:none;
-  --_rs-menu-mi-selected-hover-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));
-  --_rs-menu-mi-selected-hover-background: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.1
-  );
 }
-._iconPlacementLeft_3wqhbb_35{
+._modeClear_9jqyem_37 [data-rs-internal="menu__menu-item__inner"]{
+    --_rs-menu-mi-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));
+    --_rs-menu-mi-active-background:transparent;
+    --_rs-menu-mi-selected-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));
+    --_rs-menu-mi-selected-background: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.1);
+    --_rs-menu-mi-hover-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));
+    --_rs-menu-mi-hover-background:transparent;
+  }
+._iconPlacementLeft_9jqyem_41{
   --_rs-menu-mi-flex-direction:row;
   --_rs-menu-mi-justify-content:initial;
 }
-._iconPlacementRight_3wqhbb_39{
+._iconPlacementRight_9jqyem_45{
   --_rs-menu-mi-flex-direction:row-reverse;
   --_rs-menu-mi-justify-content:space-between;
 }
-._wrapper_3wqhbb_43{
+._wrapper_9jqyem_49{
+  display:flex;
+}
+._hoverIcon_9jqyem_53{
+  visibility:hidden;
+}
+._hoverIcon_9jqyem_53._hoverIconNoReserve_9jqyem_56{
+    display:none;
+  }
+._menuItem_9jqyem_61{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -196,7 +316,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._wrapper_3wqhbb_43{
+._menuItem_9jqyem_61{
     --_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)));
@@ -205,7 +325,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._wrapper_3wqhbb_43{
+._menuItem_9jqyem_61{
     --_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));
@@ -213,11 +333,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));
 }
   }
-._wrapper_3wqhbb_43 {
-
-  display:flex;
-}
-._menuItem_3wqhbb_50{
+._menuItem_9jqyem_61 {
   letter-spacing:var(
     --rs-text-base-letter-spacing,
     var(--_rs-typography-letter-spacing)
@@ -250,7 +366,7 @@
   text-align:start;
   text-decoration:none;
 
-  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));
+  color:var(--_rs-menu-mi-color);
   background:none;
   -webkit-appearance:none;
   -moz-appearance:none;
@@ -258,52 +374,61 @@
   -webkit-font-smoothing:inherit;
   -moz-osx-font-smoothing:inherit;
 }
-._menuItem_3wqhbb_50:focus{
+._menuItem_9jqyem_61:focus{
     outline:none;
   }
-._keyboardNavigationDisabled_3wqhbb_85 ._menuItem_3wqhbb_50:focus[data-focus-method='key']{
+._keyboardNavigationDisabled_9jqyem_98 ._menuItem_9jqyem_61: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_3wqhbb_50:active{
+._menuItem_9jqyem_61: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_3wqhbb_50._selected_3wqhbb_99{
+._menuItem_9jqyem_61._selected_9jqyem_112{
     color:var(--_rs-menu-mi-selected-color);
     background:var(--_rs-menu-mi-selected-background);
   }
-._menuItem_3wqhbb_50._highlighted_3wqhbb_106,
-  ._menuItem_3wqhbb_50:not(._disableCursor_3wqhbb_107):hover{
+._keyboardNavigationEnabled_9jqyem_119 ._menuItem_9jqyem_61:focus,
+  ._keyboardNavigationDisabled_9jqyem_98 ._menuItem_9jqyem_61:hover{
     color:var(--_rs-menu-mi-hover-color);
     background:var(--_rs-menu-mi-hover-background);
   }
-._menuItem_3wqhbb_50._highlighted_3wqhbb_106._selected_3wqhbb_99,
-  ._menuItem_3wqhbb_50._selected_3wqhbb_99:not(._disableCursor_3wqhbb_107):hover{
-    color:var(--_rs-menu-mi-selected-hover-color);
-    background-color:var(--_rs-menu-mi-selected-hover-background);
-  }
-._menuItem_3wqhbb_50._disabled_3wqhbb_120{
+._keyboardNavigationEnabled_9jqyem_119 ._menuItem_9jqyem_61:focus ._hoverIcon_9jqyem_53, ._keyboardNavigationDisabled_9jqyem_98 ._menuItem_9jqyem_61:hover ._hoverIcon_9jqyem_53{
+      display:block;
+      visibility:visible;
+    }
+._keyboardNavigationEnabled_9jqyem_119 ._menuItem_9jqyem_61._hideCustomIconOnHover_9jqyem_130:focus ._customIcon_9jqyem_132, ._keyboardNavigationDisabled_9jqyem_98 ._menuItem_9jqyem_61._hideCustomIconOnHover_9jqyem_130:hover ._customIcon_9jqyem_132{
+      display:none;
+    }
+._keyboardNavigationEnabled_9jqyem_119 ._menuItem_9jqyem_61._hideSelectedIconOnHover_9jqyem_137:focus ._selectedIcon_9jqyem_139, ._keyboardNavigationDisabled_9jqyem_98 ._menuItem_9jqyem_61._hideSelectedIconOnHover_9jqyem_137:hover ._selectedIcon_9jqyem_139{
+      display:none;
+    }
+._menuItem_9jqyem_61._disabled_9jqyem_144{
     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_3wqhbb_107{
-  pointer-events:none;
+._contentWrapper_9jqyem_151{
+  display:flex;
+  flex-grow:1;
+
+  justify-content:space-between;
+  gap:var(--_rs-menu-mi-icon-offset);
 }
-._content_3wqhbb_131{
+._content_9jqyem_151{
   flex-grow:1;
 
   font-size:inherit;
 }
-._icon_3wqhbb_35{
+._icon_9jqyem_41{
   flex:0 0;
   flex-basis:auto;
 }
-._icon_3wqhbb_35._resizedIcon_3wqhbb_141{
+._icon_9jqyem_41._resizedIcon_9jqyem_169{
     width:auto;
     height:var(--_rs-menu-mi-icon-size);
   }
-._divider_3wqhbb_149{
+._divider_9jqyem_177{
   flex-shrink:0;
 
   width:100%;
@@ -314,13 +439,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_3wqhbb_163{
+._groupHeaderThemeLight_9jqyem_191{
   --rs-theme-dark:0;
 }
-._groupHeaderThemeDark_3wqhbb_166{
+._groupHeaderThemeDark_9jqyem_194{
   --rs-theme-dark:1;
 }
-._groupHeaderSizeL_3wqhbb_170{
+._groupHeaderSizeL_9jqyem_198{
   --_rs-menu-gh-vertical-padding:12px;
   --_rs-menu-gh-horizontal-padding:16px;
   --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
@@ -354,7 +479,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:2px;
 }
-._groupHeaderSizeM_3wqhbb_173{
+._groupHeaderSizeM_9jqyem_201{
   --_rs-menu-gh-vertical-padding:8px;
   --_rs-menu-gh-horizontal-padding:16px;
   --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
@@ -388,7 +513,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:2px;
 }
-._groupHeaderSizeS_3wqhbb_176{
+._groupHeaderSizeS_9jqyem_204{
   --_rs-menu-gh-vertical-padding:6px;
   --_rs-menu-gh-horizontal-padding:8px;
   --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
@@ -422,7 +547,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:2px;
 }
-._groupHeader_3wqhbb_163{
+._groupHeader_9jqyem_191{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -432,7 +557,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._groupHeader_3wqhbb_163{
+._groupHeader_9jqyem_191{
     --_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)));
@@ -441,7 +566,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._groupHeader_3wqhbb_163{
+._groupHeader_9jqyem_191{
     --_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));
@@ -449,7 +574,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_3wqhbb_163 {
+._groupHeader_9jqyem_191 {
   letter-spacing:var(
     --rs-text-base-letter-spacing,
     var(--_rs-typography-letter-spacing)

package/lib/index.d.ts

@@ -1,10 +1,6 @@
 export { default as Menu } from './menu';
-export type { MenuProps } from './menu';
 export { MenuContext } from './parts/menu-context';
-export type { MenuContextValue, MenuItemIconPlacement } from './parts/menu-context';
 export { default as MenuItem } from './parts/menu-item';
-export type { MenuItemProps } from './parts/menu-item';
 export { default as Divider } from './parts/divider';
-export type { DividerProps } from './parts/divider';
 export { default as GroupHeader } from './parts/group-header';
-export type { GroupHeaderProps } from './parts/group-header';
+export type { GroupHeaderProps, DividerProps, MenuItemProps, MenuProps, MenuContextValue, MenuItemIconPlacement } from './types';

package/lib/menu.d.ts

@@ -1,12 +1,18 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { MenuContextValue } from './parts/menu-context';
-export interface MenuProps extends HTMLAttributes<HTMLElement>, Omit<MenuContextValue, 'isKeyboardNavigating' | 'activeItemRef' | 'wrapWithLi'> {
-    children?: ReactNode;
-    tag?: React.ElementType;
-    enableKeyboardNavigation?: boolean;
-    activateFirstItem?: boolean;
-    returnFocusOnUnmount?: boolean;
-    wrapItemsWithLi?: boolean;
-}
-export declare const Menu: React.FC<MenuProps>;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { MenuProps } from './types';
+export type { MenuProps } from './types';
+export declare const Menu: {
+    ({ enableKeyboardNavigation, activateFirstItem, tag, ...props }: MenuProps): React.JSX.Element;
+    propTypes: {
+        size: PropTypes.Requireable<string>;
+        mode: PropTypes.Requireable<string>;
+        theme: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        resizeIcons: PropTypes.Requireable<boolean>;
+        iconPlacement: PropTypes.Requireable<string>;
+        itemTag: PropTypes.Validator<React.ElementType>;
+        tag: PropTypes.Validator<React.ElementType>;
+    };
+};
 export default Menu;