@rescui/menu 0.13.4 → 0.13.6

package/lib/index.css

@@ -1,10 +1,10 @@
-._themeLight_r8q7mh_8{
+._themeLight_1pzyeke_8{
   --rs-theme-dark:0;
 }
-._themeDark_r8q7mh_11{
+._themeDark_1pzyeke_11{
   --rs-theme-dark:1;
 }
-._sizeS_r8q7mh_15{
+._sizeS_1pzyeke_15{
   --_rs-menu-mi-icon-offset:8px;
   --_rs-menu-mi-icon-size:20px;
   --_rs-menu-mi-vertical-padding:6px;
@@ -43,7 +43,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:1px;
 }
-._sizeM_r8q7mh_18{
+._sizeM_1pzyeke_18{
   --_rs-menu-mi-icon-offset:8px;
   --_rs-menu-mi-icon-size:24px;
   --_rs-menu-mi-vertical-padding:8px;
@@ -86,11 +86,11 @@
   --_rs-typography-link-border-bottom-width-from-text:1px;
 }
 @media screen and (max-width: 640px){
-._sizeM_r8q7mh_18{
+._sizeM_1pzyeke_18{
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
 }
   }
-._sizeL_r8q7mh_21{
+._sizeL_1pzyeke_21{
   --_rs-menu-mi-icon-offset:16px;
   --_rs-menu-mi-icon-size:28px;
   --_rs-menu-mi-vertical-padding:12px;
@@ -133,11 +133,11 @@
   --_rs-typography-link-border-bottom-width-from-text:1px;
 }
 @media screen and (max-width: 640px){
-._sizeL_r8q7mh_21{
+._sizeL_1pzyeke_21{
     --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
 }
   }
-._modeClassic_r8q7mh_25{
+._modeClassic_1pzyeke_25{
   --_rs-menu-mi-horizontal-padding-with-mode:var(
     --_rs-menu-mi-horizontal-padding
   );
@@ -151,7 +151,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_r8q7mh_28{
+._modeRock_1pzyeke_28{
   --_rs-menu-mi-horizontal-padding-with-mode:var(
     --_rs-menu-mi-horizontal-padding
   );
@@ -165,7 +165,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_r8q7mh_31{
+._modeClear_1pzyeke_31{
   --_rs-menu-mi-horizontal-padding-with-mode:0;
   --_rs-menu-mi-active-background:none;
   --_rs-menu-mi-selected-color:var(--_rs-color-primary);
@@ -178,15 +178,15 @@
     0.1
   );
 }
-._iconPlacementLeft_r8q7mh_35{
+._iconPlacementLeft_1pzyeke_35{
   --_rs-menu-mi-flex-direction:row;
   --_rs-menu-mi-justify-content:initial;
 }
-._iconPlacementRight_r8q7mh_39{
+._iconPlacementRight_1pzyeke_39{
   --_rs-menu-mi-flex-direction:row-reverse;
   --_rs-menu-mi-justify-content:space-between;
 }
-._wrapper_r8q7mh_43{
+._wrapper_1pzyeke_43{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -196,7 +196,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._wrapper_r8q7mh_43{
+._wrapper_1pzyeke_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)));
@@ -205,7 +205,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._wrapper_r8q7mh_43{
+._wrapper_1pzyeke_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));
@@ -213,11 +213,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_r8q7mh_43 {
+._wrapper_1pzyeke_43 {
 
   display:flex;
 }
-._menuItem_r8q7mh_50{
+._menuItem_1pzyeke_50{
   letter-spacing:var(
     --rs-text-base-letter-spacing,
     var(--_rs-typography-letter-spacing)
@@ -258,52 +258,52 @@
   -webkit-font-smoothing:inherit;
   -moz-osx-font-smoothing:inherit;
 }
-._menuItem_r8q7mh_50:focus{
+._menuItem_1pzyeke_50:focus{
     outline:none;
   }
-._keyboardNavigationDisabled_r8q7mh_85 ._menuItem_r8q7mh_50:focus[data-focus-method='key']{
+._keyboardNavigationDisabled_1pzyeke_85 ._menuItem_1pzyeke_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_r8q7mh_50:active{
+._menuItem_1pzyeke_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_r8q7mh_50._selected_r8q7mh_99{
+._menuItem_1pzyeke_50._selected_1pzyeke_99{
     color:var(--_rs-menu-mi-selected-color);
     background:var(--_rs-menu-mi-selected-background);
   }
-._menuItem_r8q7mh_50._highlighted_r8q7mh_106,
-  ._menuItem_r8q7mh_50:not(._disableCursor_r8q7mh_107):hover{
+._menuItem_1pzyeke_50._highlighted_1pzyeke_106,
+  ._menuItem_1pzyeke_50:not(._disableCursor_1pzyeke_107):hover{
     color:var(--_rs-menu-mi-hover-color);
     background:var(--_rs-menu-mi-hover-background);
   }
-._menuItem_r8q7mh_50._highlighted_r8q7mh_106._selected_r8q7mh_99,
-  ._menuItem_r8q7mh_50._selected_r8q7mh_99:not(._disableCursor_r8q7mh_107):hover{
+._menuItem_1pzyeke_50._highlighted_1pzyeke_106._selected_1pzyeke_99,
+  ._menuItem_1pzyeke_50._selected_1pzyeke_99:not(._disableCursor_1pzyeke_107):hover{
     color:var(--_rs-menu-mi-selected-hover-color);
     background-color:var(--_rs-menu-mi-selected-hover-background);
   }
-._menuItem_r8q7mh_50._disabled_r8q7mh_120{
+._menuItem_1pzyeke_50._disabled_1pzyeke_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_r8q7mh_107{
+._disableCursor_1pzyeke_107{
   pointer-events:none;
 }
-._content_r8q7mh_131{
+._content_1pzyeke_131{
   flex-grow:1;
 
   font-size:inherit;
 }
-._icon_r8q7mh_35{
+._icon_1pzyeke_35{
   flex:0 0;
   flex-basis:auto;
 }
-._icon_r8q7mh_35._resizedIcon_r8q7mh_141{
+._icon_1pzyeke_35._resizedIcon_1pzyeke_141{
     width:auto;
     height:var(--_rs-menu-mi-icon-size);
   }
-._divider_r8q7mh_149{
+._divider_1pzyeke_149{
   flex-shrink:0;
 
   width:100%;
@@ -314,13 +314,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_r8q7mh_163{
+._groupHeaderThemeLight_1pzyeke_163{
   --rs-theme-dark:0;
 }
-._groupHeaderThemeDark_r8q7mh_166{
+._groupHeaderThemeDark_1pzyeke_166{
   --rs-theme-dark:1;
 }
-._groupHeaderSizeL_r8q7mh_170{
+._groupHeaderSizeL_1pzyeke_170{
   --_rs-menu-gh-vertical-padding:12px;
   --_rs-menu-gh-horizontal-padding:16px;
   --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
@@ -354,7 +354,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:2px;
 }
-._groupHeaderSizeM_r8q7mh_173{
+._groupHeaderSizeM_1pzyeke_173{
   --_rs-menu-gh-vertical-padding:8px;
   --_rs-menu-gh-horizontal-padding:16px;
   --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
@@ -388,7 +388,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:2px;
 }
-._groupHeaderSizeS_r8q7mh_176{
+._groupHeaderSizeS_1pzyeke_176{
   --_rs-menu-gh-vertical-padding:6px;
   --_rs-menu-gh-horizontal-padding:8px;
   --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
@@ -422,7 +422,7 @@
   --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
   --_rs-typography-link-border-bottom-width-from-text:2px;
 }
-._groupHeader_r8q7mh_163{
+._groupHeader_1pzyeke_163{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -432,7 +432,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._groupHeader_r8q7mh_163{
+._groupHeader_1pzyeke_163{
     --_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 +441,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._groupHeader_r8q7mh_163{
+._groupHeader_1pzyeke_163{
     --_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 +449,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_r8q7mh_163 {
+._groupHeader_1pzyeke_163 {
   letter-spacing:var(
     --rs-text-base-letter-spacing,
     var(--_rs-typography-letter-spacing)

package/lib/index.d.ts

@@ -1,10 +1,10 @@
-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 { 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';

package/lib/menu.d.ts

@@ -1,12 +1,12 @@
-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>;
-export default Menu;
+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>;
+export default Menu;

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

@@ -1,30 +1,30 @@
 var styles = {
-  "themeLight": "_themeLight_r8q7mh_8",
-  "themeDark": "_themeDark_r8q7mh_11",
-  "sizeS": "_sizeS_r8q7mh_15",
-  "sizeM": "_sizeM_r8q7mh_18",
-  "sizeL": "_sizeL_r8q7mh_21",
-  "modeClassic": "_modeClassic_r8q7mh_25",
-  "modeRock": "_modeRock_r8q7mh_28",
-  "modeClear": "_modeClear_r8q7mh_31",
-  "iconPlacementLeft": "_iconPlacementLeft_r8q7mh_35",
-  "iconPlacementRight": "_iconPlacementRight_r8q7mh_39",
-  "wrapper": "_wrapper_r8q7mh_43",
-  "menuItem": "_menuItem_r8q7mh_50",
-  "keyboardNavigationDisabled": "_keyboardNavigationDisabled_r8q7mh_85",
-  "selected": "_selected_r8q7mh_99",
-  "highlighted": "_highlighted_r8q7mh_106",
-  "disableCursor": "_disableCursor_r8q7mh_107",
-  "disabled": "_disabled_r8q7mh_120",
-  "content": "_content_r8q7mh_131",
-  "icon": "_icon_r8q7mh_35",
-  "resizedIcon": "_resizedIcon_r8q7mh_141",
-  "divider": "_divider_r8q7mh_149",
-  "groupHeaderThemeLight": "_groupHeaderThemeLight_r8q7mh_163",
-  "groupHeaderThemeDark": "_groupHeaderThemeDark_r8q7mh_166",
-  "groupHeaderSizeL": "_groupHeaderSizeL_r8q7mh_170",
-  "groupHeaderSizeM": "_groupHeaderSizeM_r8q7mh_173",
-  "groupHeaderSizeS": "_groupHeaderSizeS_r8q7mh_176",
-  "groupHeader": "_groupHeader_r8q7mh_163"
+  "themeLight": "_themeLight_1pzyeke_8",
+  "themeDark": "_themeDark_1pzyeke_11",
+  "sizeS": "_sizeS_1pzyeke_15",
+  "sizeM": "_sizeM_1pzyeke_18",
+  "sizeL": "_sizeL_1pzyeke_21",
+  "modeClassic": "_modeClassic_1pzyeke_25",
+  "modeRock": "_modeRock_1pzyeke_28",
+  "modeClear": "_modeClear_1pzyeke_31",
+  "iconPlacementLeft": "_iconPlacementLeft_1pzyeke_35",
+  "iconPlacementRight": "_iconPlacementRight_1pzyeke_39",
+  "wrapper": "_wrapper_1pzyeke_43",
+  "menuItem": "_menuItem_1pzyeke_50",
+  "keyboardNavigationDisabled": "_keyboardNavigationDisabled_1pzyeke_85",
+  "selected": "_selected_1pzyeke_99",
+  "highlighted": "_highlighted_1pzyeke_106",
+  "disableCursor": "_disableCursor_1pzyeke_107",
+  "disabled": "_disabled_1pzyeke_120",
+  "content": "_content_1pzyeke_131",
+  "icon": "_icon_1pzyeke_35",
+  "resizedIcon": "_resizedIcon_1pzyeke_141",
+  "divider": "_divider_1pzyeke_149",
+  "groupHeaderThemeLight": "_groupHeaderThemeLight_1pzyeke_163",
+  "groupHeaderThemeDark": "_groupHeaderThemeDark_1pzyeke_166",
+  "groupHeaderSizeL": "_groupHeaderSizeL_1pzyeke_170",
+  "groupHeaderSizeM": "_groupHeaderSizeM_1pzyeke_173",
+  "groupHeaderSizeS": "_groupHeaderSizeS_1pzyeke_176",
+  "groupHeader": "_groupHeader_1pzyeke_163"
 };
 export { styles as default };

package/lib/parts/divider.d.ts

@@ -1,15 +1,15 @@
-import { HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { Theme } from '@rescui/ui-contexts';
-export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
-    theme?: Theme;
-    className?: string;
-}
-declare const Divider: {
-    ({ className, theme, ...restProps }: DividerProps): JSX.Element;
-    propTypes: {
-        className: PropTypes.Requireable<string>;
-        theme: PropTypes.Requireable<string>;
-    };
-};
-export default Divider;
+import React, { HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { Theme } from '@rescui/ui-contexts';
+export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
+    theme?: Theme;
+    className?: string;
+}
+declare const Divider: {
+    ({ className, theme, ...restProps }: DividerProps): React.JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        theme: PropTypes.Requireable<string>;
+    };
+};
+export default Divider;

package/lib/parts/group-header.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Theme } from '@rescui/ui-contexts';
-import { MenuItemSize } from './menu-context';
-export interface GroupHeaderProps {
-    theme?: Theme;
-    size?: MenuItemSize;
-    text?: React.ReactNode;
-    className?: string;
-}
-declare function GroupHeader({ className, text, size: propsSize, theme: propsTheme }: GroupHeaderProps): JSX.Element;
-declare namespace GroupHeader {
-    var propTypes: {
-        size: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        theme: PropTypes.Requireable<string>;
-        text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-}
-export default GroupHeader;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Theme } from '@rescui/ui-contexts';
+import { MenuItemSize } from './menu-context';
+export interface GroupHeaderProps {
+    theme?: Theme;
+    size?: MenuItemSize;
+    text?: React.ReactNode;
+    className?: string;
+}
+declare function GroupHeader({ className, text, size: propsSize, theme: propsTheme }: GroupHeaderProps): React.JSX.Element;
+declare namespace GroupHeader {
+    var propTypes: {
+        size: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        theme: PropTypes.Requireable<string>;
+        text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+}
+export default GroupHeader;

package/lib/parts/menu-context.d.ts

@@ -1,24 +1,24 @@
-import React, { PropsWithChildren } from 'react';
-import { Theme } from '@rescui/ui-contexts';
-export declare type MenuItemSize = 's' | 'm' | 'l';
-export declare type MenuItemIconPlacement = 'left' | 'right';
-export declare type MenuItemMode = 'clear' | 'classic' | 'rock';
-export interface MenuContextValue {
-    iconPlacement?: MenuItemIconPlacement;
-    disabled?: boolean;
-    disableCursor?: boolean;
-    size?: MenuItemSize;
-    mode?: MenuItemMode;
-    theme?: Theme;
-    itemTag?: React.ElementType;
-    wrapWithLi: boolean;
-    registerItem?: (ref: HTMLElement) => void;
-    unregisterItem?: (ref: HTMLElement) => void;
-    activeItemRef?: HTMLElement;
-    isKeyboardNavigating: boolean;
-    resizeIcons?: boolean;
-}
-export declare const DEFAULT_MENU_CONTEXT: MenuContextValue;
-export declare const MenuContext: React.Context<MenuContextValue>;
-export declare const useMenuContext: () => MenuContextValue;
-export declare const MenuProvider: React.FC<PropsWithChildren<MenuContextValue>>;
+import React, { PropsWithChildren } from 'react';
+import { Theme } from '@rescui/ui-contexts';
+export type MenuItemSize = 's' | 'm' | 'l';
+export type MenuItemIconPlacement = 'left' | 'right';
+export type MenuItemMode = 'clear' | 'classic' | 'rock';
+export interface MenuContextValue {
+    iconPlacement?: MenuItemIconPlacement;
+    disabled?: boolean;
+    disableCursor?: boolean;
+    size?: MenuItemSize;
+    mode?: MenuItemMode;
+    theme?: Theme;
+    itemTag?: React.ElementType;
+    wrapWithLi: boolean;
+    registerItem?: (ref: HTMLElement) => void;
+    unregisterItem?: (ref: HTMLElement) => void;
+    activeItemRef?: HTMLElement;
+    isKeyboardNavigating: boolean;
+    resizeIcons?: boolean;
+}
+export declare const DEFAULT_MENU_CONTEXT: MenuContextValue;
+export declare const MenuContext: React.Context<MenuContextValue>;
+export declare const useMenuContext: () => MenuContextValue;
+export declare const MenuProvider: React.FC<PropsWithChildren<MenuContextValue>>;

package/lib/parts/menu-item.d.ts

@@ -1,20 +1,21 @@
-import React, { AllHTMLAttributes, ReactNode } from 'react';
-import { Theme } from '@rescui/ui-contexts';
-import { MenuItemSize, MenuItemMode, MenuItemIconPlacement } from './menu-context';
-export interface MenuItemProps extends Omit<AllHTMLAttributes<Element>, 'size'> {
-    className?: string;
-    tag?: React.ElementType;
-    icon?: JSX.Element;
-    size?: MenuItemSize;
-    mode?: MenuItemMode;
-    theme?: Theme;
-    disabled?: boolean;
-    disableCursor?: boolean;
-    selected?: boolean;
-    highlighted?: boolean;
-    iconPlacement?: MenuItemIconPlacement;
-    children?: ReactNode;
-    key?: string;
-}
-export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLElement>>;
-export default MenuItem;
+import React from 'react';
+import type { JSX, AllHTMLAttributes, ReactNode } from 'react';
+import { Theme } from '@rescui/ui-contexts';
+import { MenuItemSize, MenuItemMode, MenuItemIconPlacement } from './menu-context';
+export interface MenuItemProps extends Omit<AllHTMLAttributes<Element>, 'size'> {
+    className?: string;
+    tag?: React.ElementType;
+    icon?: JSX.Element;
+    size?: MenuItemSize;
+    mode?: MenuItemMode;
+    theme?: Theme;
+    disabled?: boolean;
+    disableCursor?: boolean;
+    selected?: boolean;
+    highlighted?: boolean;
+    iconPlacement?: MenuItemIconPlacement;
+    children?: ReactNode;
+    key?: string;
+}
+export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLElement>>;
+export default MenuItem;

package/lib/parts/navigation-utils.d.ts

@@ -1,5 +1,5 @@
-export declare function getFirstItem(sortedItems: HTMLElement[]): HTMLElement;
-export declare function getLastItem(sortedItems: HTMLElement[]): HTMLElement;
-export declare function getNextItem(sortedItems: HTMLElement[], activeItem: HTMLElement): HTMLElement;
-export declare function getPrevItem(sortedItems: HTMLElement[], activeItem: HTMLElement): HTMLElement;
-export declare function htmlElementsComparator(a: HTMLElement, b: HTMLElement): 0 | 1 | -1;
+export declare function getFirstItem(sortedItems: HTMLElement[]): HTMLElement;
+export declare function getLastItem(sortedItems: HTMLElement[]): HTMLElement;
+export declare function getNextItem(sortedItems: HTMLElement[], activeItem: HTMLElement): HTMLElement;
+export declare function getPrevItem(sortedItems: HTMLElement[], activeItem: HTMLElement): HTMLElement;
+export declare function htmlElementsComparator(a: HTMLElement, b: HTMLElement): 0 | 1 | -1;

package/lib/parts/use-menu-keyboard-navigation.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-interface UseMenuKeyboardNavigationParams {
-    enableKeyboardNavigation: boolean;
-    activateFirstItem: boolean;
-    returnFocusOnUnmount: boolean;
-}
-export declare function useMenuKeyboardNavigation({ enableKeyboardNavigation, activateFirstItem, returnFocusOnUnmount }: UseMenuKeyboardNavigationParams): {
-    activeItemRef: import("react").MutableRefObject<any>;
-    registerItem: (ref: HTMLElement) => void;
-    unregisterItem: (ref: HTMLElement) => void;
-    isKeyboardNavigating: boolean;
-};
-export {};
+interface UseMenuKeyboardNavigationParams {
+    enableKeyboardNavigation: boolean;
+    activateFirstItem: boolean;
+    returnFocusOnUnmount: boolean;
+}
+export declare function useMenuKeyboardNavigation({ enableKeyboardNavigation, activateFirstItem, returnFocusOnUnmount }: UseMenuKeyboardNavigationParams): {
+    activeItemRef: import("react").RefObject<any>;
+    registerItem: (ref: HTMLElement) => void;
+    unregisterItem: (ref: HTMLElement) => void;
+    isKeyboardNavigating: boolean;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/menu",
-  "version": "0.13.4",
+  "version": "0.13.6",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -25,10 +25,10 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.3.0",
+    "@rescui/colors": "^0.3.1",
     "@rescui/postcss-preset-library": "^0.2.2",
-    "@rescui/scripts": "^0.5.1",
-    "@rescui/typography": "^0.26.0",
+    "@rescui/scripts": "^0.5.2",
+    "@rescui/typography": "^0.27.1",
     "@rescui/visual-regression": "^0.1.4",
     "postcss": "^8.3.0"
   },
@@ -37,5 +37,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "faa7a838502974c16bdf773ab001002d1b8dcca8"
+  "gitHead": "a04f6790abce8e72834eedce3512ee83513c5e78"
 }