@hh.ru/magritte-ui-menu 1.0.17 → 1.0.18

package/Item.js

@@ -15,7 +15,7 @@ import { MenuContext } from './context.js';
 import { useSubmenuSafeZone } from './useSubmenuSafeZone.js';
 import { isSwitchComponent } from '@hh.ru/magritte-ui-switch';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './menu-BBIgZPUo.js';
+import { s as styles } from './menu-lqJoVt2v.js';
 import '@hh.ru/magritte-common-use-disabled';
 import '@hh.ru/magritte-common-func-utils';
 import './safeZone.js';
@@ -126,7 +126,7 @@ const MenuItem = forwardRef(({ children, className, disabled = false, icon, subi
                                 }
                             }
                         }
-                    }, ref: itemRefCallback, role: "menuitem", tabIndex: disabled ? -1 : 0, children: [icon && (jsx("div", { className: styles.itemIcon, children: jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS[style], children: icon }) })), jsxs("div", { className: styles.itemText, children: [jsx(Text, { ellipsis: true, style: TEXT_STYLE[style], typography: isMobile ? 'label-2-regular' : 'label-3-regular', children: children }), subtitle && (jsx(Text, { ellipsis: true, style: SECONDARY_TEXT_STYLE[style], typography: "label-3-regular", children: subtitle }))] }), tag && (jsx("div", { className: styles.itemTag, children: cloneElement(tag, { onSurface: hasHover }) })), selected && (jsx("div", { className: styles.itemRightContent, children: jsx(CheckOutlinedSize24, { initialColor: "secondary" }) })), hasSwitch && (jsx("div", { className: styles.itemRightContent, onClick: (event) => event.stopPropagation(), children: rightContent })), hasSubmenu && (jsxs("div", { className: styles.itemRightContent, children: [jsx(Text, { ellipsis: true, style: SECONDARY_TEXT_STYLE[style], typography: "label-3-regular", children: rightContent }), jsx(ChevronRightOutlinedSize24, { initialColor: "secondary" })] }))] }) }), hasSubmenu && (jsxs(MenuContext.Provider, { value: { ...contextValue, submenuAllowed: false }, children: [jsx(Drop, { ...DROP_PROPS, activatorRef: itemRef, lockPlacement: true, onClose: () => setSubmenuVisible(false), placement: SUBMENU_DROP_PLACEMENT, ref: submenuRef, visible: visible && submenuVisible, children: subitems }), mobileSubmenuContainer &&
+                    }, ref: itemRefCallback, role: "menuitem", tabIndex: disabled ? -1 : 0, children: [icon && (jsx("div", { className: styles.itemIcon, children: jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS[style], children: icon }) })), jsxs("div", { className: styles.itemText, children: [jsx(Text, { ellipsis: true, style: TEXT_STYLE[style], typography: "label-2-regular", children: children }), subtitle && (jsx(Text, { ellipsis: true, style: SECONDARY_TEXT_STYLE[style], typography: "label-3-regular", children: subtitle }))] }), tag && (jsx("div", { className: styles.itemTag, children: cloneElement(tag, { onSurface: hasHover }) })), selected && (jsx("div", { className: styles.itemRightContent, children: jsx(CheckOutlinedSize24, { initialColor: "secondary" }) })), hasSwitch && (jsx("div", { className: styles.itemRightContent, onClick: (event) => event.stopPropagation(), children: rightContent })), hasSubmenu && (jsxs("div", { className: styles.itemRightContent, children: [jsx(Text, { ellipsis: true, style: SECONDARY_TEXT_STYLE[style], typography: "label-3-regular", children: rightContent }), jsx(ChevronRightOutlinedSize24, { initialColor: "secondary" })] }))] }) }), hasSubmenu && (jsxs(MenuContext.Provider, { value: { ...contextValue, submenuAllowed: false }, children: [jsx(Drop, { ...DROP_PROPS, activatorRef: itemRef, lockPlacement: true, onClose: () => setSubmenuVisible(false), placement: SUBMENU_DROP_PLACEMENT, ref: submenuRef, visible: visible && submenuVisible, children: subitems }), mobileSubmenuContainer &&
                         createPortal(submenuVisible ? subitems : null, mobileSubmenuContainer), mobileTitleContainer && createPortal(submenuVisible ? children : null, mobileTitleContainer)] }))] }));
 });
 MenuItem.displayName = 'MenuItem';

package/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["src/Item.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useContext, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport classnames from 'classnames';\n\nimport { keyboardKeys, keyboardMatches } from '@hh.ru/magritte-common-keyboard';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { type DropProps, Drop } from '@hh.ru/magritte-ui-drop';\nimport { type IconProps, IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport { CheckOutlinedSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { DisabledWrapper } from '@hh.ru/magritte-ui-menu/DisabledWrapper';\nimport { DROP_PROPS } from '@hh.ru/magritte-ui-menu/Drop';\nimport { MenuContext } from '@hh.ru/magritte-ui-menu/context';\nimport { type MenuItemProps } from '@hh.ru/magritte-ui-menu/types';\nimport { useSubmenuSafeZone } from '@hh.ru/magritte-ui-menu/useSubmenuSafeZone';\nimport { isSwitchComponent } from '@hh.ru/magritte-ui-switch';\nimport { type TagProps } from '@hh.ru/magritte-ui-tag';\nimport { type TextStyle, Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './menu.less';\n\nconst DEFAULT_ICON_PROPS: Record<NonNullable<MenuItemProps['style']>, Partial<IconProps>> = {\n    neutral: {},\n    negative: { initialColor: 'negative' },\n};\n\nconst TEXT_STYLE: Record<NonNullable<MenuItemProps['style']>, TextStyle> = {\n    neutral: 'primary',\n    negative: 'negative',\n};\n\nconst SECONDARY_TEXT_STYLE: Record<NonNullable<MenuItemProps['style']>, TextStyle> = {\n    neutral: 'secondary',\n    negative: 'negative-secondary',\n};\n\nconst SUBMENU_DROP_PLACEMENT: DropProps['placement'] = [\n    'right-top',\n    'right-bottom',\n    'right-center',\n    'left-top',\n    'left-bottom',\n    'left-center',\n];\n\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n    (\n        {\n            children,\n            className,\n            disabled = false,\n            icon,\n            subitems,\n            selected,\n            style = 'neutral',\n            rightContent,\n            subtitle,\n            tag,\n            ...props\n        },\n        ref\n    ) => {\n        const { isMobile } = useBreakpoint();\n        const contextValue = useContext(MenuContext);\n        const {\n            dropContainer,\n            itemWithVisibleSubmenu,\n            mobileSubmenuContainer,\n            mobileTitleContainer,\n            setItemWithVisibleSubmenu,\n            submenuAllowed,\n            visible,\n        } = contextValue;\n        const itemRef = useRef<HTMLDivElement>(null);\n        const itemRefCallback = useMultipleRefs(itemRef, ref);\n        const submenuRef = useRef<HTMLDivElement>(null);\n        const [hasHover, setHover] = useState(false);\n        const [submenuVisible, setSubmenuVisible] = useState(false);\n\n        const hasSwitch = !selected && isSwitchComponent(rightContent);\n        const hasSubmenu = !selected && !isSwitchComponent(rightContent) && submenuAllowed && subitems;\n\n        const { trackPointer, cancelPendingClose } = useSubmenuSafeZone({\n            active: submenuVisible,\n            dropContainer: dropContainer ?? null,\n            itemRef,\n            submenuRef,\n            onClose: () => setSubmenuVisible(false),\n        });\n\n        const showSubmenu = () => {\n            cancelPendingClose();\n            setSubmenuVisible(true);\n            setItemWithVisibleSubmenu?.(itemRef.current);\n        };\n\n        useEffect(() => {\n            if (itemWithVisibleSubmenu !== itemRef.current) {\n                cancelPendingClose();\n                setSubmenuVisible(false);\n            }\n        }, [itemWithVisibleSubmenu, cancelPendingClose]);\n\n        return (\n            <>\n                <DisabledWrapper disabled={disabled}>\n                    <div\n                        {...props}\n                        aria-disabled={disabled}\n                        className={classnames(\n                            className,\n                            { [styles.disabled]: disabled },\n                            styles.dropContentMargin,\n                            styles.item,\n                            styles[style]\n                        )}\n                        onClick={(event) => {\n                            if (disabled) {\n                                return;\n                            }\n                            props.onClick?.(event);\n                            if (hasSwitch) {\n                                rightContent.props.onClick?.();\n                            }\n                            if (hasSubmenu) {\n                                showSubmenu();\n                            }\n                        }}\n                        onKeyDown={(event) => {\n                            if (disabled) {\n                                return;\n                            }\n                            props.onKeyDown?.(event);\n                            if (keyboardMatches(event, [keyboardKeys.Enter, keyboardKeys.Space])) {\n                                event.preventDefault();\n                                if (hasSwitch) {\n                                    rightContent.props.onClick?.();\n                                } else if (hasSubmenu) {\n                                    showSubmenu();\n                                } else {\n                                    (event.target as HTMLElement).click();\n                                }\n                            }\n                        }}\n                        onMouseEnter={(event) => {\n                            if (!disabled) {\n                                props.onMouseEnter?.(event);\n                                if (!isMobile) {\n                                    setHover(true);\n                                    trackPointer({ x: event.clientX, y: event.clientY });\n\n                                    if (hasSubmenu && !submenuVisible) {\n                                        showSubmenu();\n                                    }\n                                }\n                            }\n                        }}\n                        onMouseLeave={(event) => {\n                            if (!disabled) {\n                                props.onMouseLeave?.(event);\n                            }\n                            if (!isMobile) {\n                                setHover(false);\n                            }\n                        }}\n                        onMouseMove={(event) => {\n                            if (!disabled) {\n                                props.onMouseMove?.(event);\n                                if (!isMobile) {\n                                    setHover(true);\n                                    trackPointer({ x: event.clientX, y: event.clientY });\n\n                                    if (hasSubmenu && !submenuVisible) {\n                                        showSubmenu();\n                                    }\n                                }\n                            }\n                        }}\n                        ref={itemRefCallback}\n                        role=\"menuitem\"\n                        tabIndex={disabled ? -1 : 0}\n                    >\n                        {icon && (\n                            <div className={styles.itemIcon}>\n                                <IconDefaultPropsContext props={DEFAULT_ICON_PROPS[style]}>\n                                    {icon}\n                                </IconDefaultPropsContext>\n                            </div>\n                        )}\n                        <div className={styles.itemText}>\n                            <Text\n                                ellipsis\n                                style={TEXT_STYLE[style]}\n                                typography={isMobile ? 'label-2-regular' : 'label-3-regular'}\n                            >\n                                {children}\n                            </Text>\n                            {subtitle && (\n                                <Text ellipsis style={SECONDARY_TEXT_STYLE[style]} typography=\"label-3-regular\">\n                                    {subtitle}\n                                </Text>\n                            )}\n                        </div>\n                        {tag && (\n                            <div className={styles.itemTag}>\n                                {cloneElement(tag as React.ReactElement<TagProps>, { onSurface: hasHover })}\n                            </div>\n                        )}\n                        {selected && (\n                            <div className={styles.itemRightContent}>\n                                <CheckOutlinedSize24 initialColor=\"secondary\" />\n                            </div>\n                        )}\n                        {hasSwitch && (\n                            <div className={styles.itemRightContent} onClick={(event) => event.stopPropagation()}>\n                                {rightContent}\n                            </div>\n                        )}\n                        {hasSubmenu && (\n                            <div className={styles.itemRightContent}>\n                                <Text ellipsis style={SECONDARY_TEXT_STYLE[style]} typography=\"label-3-regular\">\n                                    {rightContent}\n                                </Text>\n                                <ChevronRightOutlinedSize24 initialColor=\"secondary\" />\n                            </div>\n                        )}\n                    </div>\n                </DisabledWrapper>\n                {hasSubmenu && (\n                    <MenuContext.Provider value={{ ...contextValue, submenuAllowed: false }}>\n                        <Drop\n                            {...DROP_PROPS}\n                            activatorRef={itemRef}\n                            lockPlacement\n                            onClose={() => setSubmenuVisible(false)}\n                            placement={SUBMENU_DROP_PLACEMENT}\n                            ref={submenuRef}\n                            visible={visible && submenuVisible}\n                        >\n                            {subitems}\n                        </Drop>\n                        {mobileSubmenuContainer &&\n                            createPortal(submenuVisible ? subitems : null, mobileSubmenuContainer)}\n                        {mobileTitleContainer && createPortal(submenuVisible ? children : null, mobileTitleContainer)}\n                    </MenuContext.Provider>\n                )}\n            </>\n        );\n    }\n);\n\nMenuItem.displayName = 'MenuItem';\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["src/Item.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useContext, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport classnames from 'classnames';\n\nimport { keyboardKeys, keyboardMatches } from '@hh.ru/magritte-common-keyboard';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { type DropProps, Drop } from '@hh.ru/magritte-ui-drop';\nimport { type IconProps, IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport { CheckOutlinedSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { DisabledWrapper } from '@hh.ru/magritte-ui-menu/DisabledWrapper';\nimport { DROP_PROPS } from '@hh.ru/magritte-ui-menu/Drop';\nimport { MenuContext } from '@hh.ru/magritte-ui-menu/context';\nimport { type MenuItemProps } from '@hh.ru/magritte-ui-menu/types';\nimport { useSubmenuSafeZone } from '@hh.ru/magritte-ui-menu/useSubmenuSafeZone';\nimport { isSwitchComponent } from '@hh.ru/magritte-ui-switch';\nimport { type TagProps } from '@hh.ru/magritte-ui-tag';\nimport { type TextStyle, Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './menu.less';\n\nconst DEFAULT_ICON_PROPS: Record<NonNullable<MenuItemProps['style']>, Partial<IconProps>> = {\n    neutral: {},\n    negative: { initialColor: 'negative' },\n};\n\nconst TEXT_STYLE: Record<NonNullable<MenuItemProps['style']>, TextStyle> = {\n    neutral: 'primary',\n    negative: 'negative',\n};\n\nconst SECONDARY_TEXT_STYLE: Record<NonNullable<MenuItemProps['style']>, TextStyle> = {\n    neutral: 'secondary',\n    negative: 'negative-secondary',\n};\n\nconst SUBMENU_DROP_PLACEMENT: DropProps['placement'] = [\n    'right-top',\n    'right-bottom',\n    'right-center',\n    'left-top',\n    'left-bottom',\n    'left-center',\n];\n\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n    (\n        {\n            children,\n            className,\n            disabled = false,\n            icon,\n            subitems,\n            selected,\n            style = 'neutral',\n            rightContent,\n            subtitle,\n            tag,\n            ...props\n        },\n        ref\n    ) => {\n        const { isMobile } = useBreakpoint();\n        const contextValue = useContext(MenuContext);\n        const {\n            dropContainer,\n            itemWithVisibleSubmenu,\n            mobileSubmenuContainer,\n            mobileTitleContainer,\n            setItemWithVisibleSubmenu,\n            submenuAllowed,\n            visible,\n        } = contextValue;\n        const itemRef = useRef<HTMLDivElement>(null);\n        const itemRefCallback = useMultipleRefs(itemRef, ref);\n        const submenuRef = useRef<HTMLDivElement>(null);\n        const [hasHover, setHover] = useState(false);\n        const [submenuVisible, setSubmenuVisible] = useState(false);\n\n        const hasSwitch = !selected && isSwitchComponent(rightContent);\n        const hasSubmenu = !selected && !isSwitchComponent(rightContent) && submenuAllowed && subitems;\n\n        const { trackPointer, cancelPendingClose } = useSubmenuSafeZone({\n            active: submenuVisible,\n            dropContainer: dropContainer ?? null,\n            itemRef,\n            submenuRef,\n            onClose: () => setSubmenuVisible(false),\n        });\n\n        const showSubmenu = () => {\n            cancelPendingClose();\n            setSubmenuVisible(true);\n            setItemWithVisibleSubmenu?.(itemRef.current);\n        };\n\n        useEffect(() => {\n            if (itemWithVisibleSubmenu !== itemRef.current) {\n                cancelPendingClose();\n                setSubmenuVisible(false);\n            }\n        }, [itemWithVisibleSubmenu, cancelPendingClose]);\n\n        return (\n            <>\n                <DisabledWrapper disabled={disabled}>\n                    <div\n                        {...props}\n                        aria-disabled={disabled}\n                        className={classnames(\n                            className,\n                            { [styles.disabled]: disabled },\n                            styles.dropContentMargin,\n                            styles.item,\n                            styles[style]\n                        )}\n                        onClick={(event) => {\n                            if (disabled) {\n                                return;\n                            }\n                            props.onClick?.(event);\n                            if (hasSwitch) {\n                                rightContent.props.onClick?.();\n                            }\n                            if (hasSubmenu) {\n                                showSubmenu();\n                            }\n                        }}\n                        onKeyDown={(event) => {\n                            if (disabled) {\n                                return;\n                            }\n                            props.onKeyDown?.(event);\n                            if (keyboardMatches(event, [keyboardKeys.Enter, keyboardKeys.Space])) {\n                                event.preventDefault();\n                                if (hasSwitch) {\n                                    rightContent.props.onClick?.();\n                                } else if (hasSubmenu) {\n                                    showSubmenu();\n                                } else {\n                                    (event.target as HTMLElement).click();\n                                }\n                            }\n                        }}\n                        onMouseEnter={(event) => {\n                            if (!disabled) {\n                                props.onMouseEnter?.(event);\n                                if (!isMobile) {\n                                    setHover(true);\n                                    trackPointer({ x: event.clientX, y: event.clientY });\n\n                                    if (hasSubmenu && !submenuVisible) {\n                                        showSubmenu();\n                                    }\n                                }\n                            }\n                        }}\n                        onMouseLeave={(event) => {\n                            if (!disabled) {\n                                props.onMouseLeave?.(event);\n                            }\n                            if (!isMobile) {\n                                setHover(false);\n                            }\n                        }}\n                        onMouseMove={(event) => {\n                            if (!disabled) {\n                                props.onMouseMove?.(event);\n                                if (!isMobile) {\n                                    setHover(true);\n                                    trackPointer({ x: event.clientX, y: event.clientY });\n\n                                    if (hasSubmenu && !submenuVisible) {\n                                        showSubmenu();\n                                    }\n                                }\n                            }\n                        }}\n                        ref={itemRefCallback}\n                        role=\"menuitem\"\n                        tabIndex={disabled ? -1 : 0}\n                    >\n                        {icon && (\n                            <div className={styles.itemIcon}>\n                                <IconDefaultPropsContext props={DEFAULT_ICON_PROPS[style]}>\n                                    {icon}\n                                </IconDefaultPropsContext>\n                            </div>\n                        )}\n                        <div className={styles.itemText}>\n                            <Text ellipsis style={TEXT_STYLE[style]} typography=\"label-2-regular\">\n                                {children}\n                            </Text>\n                            {subtitle && (\n                                <Text ellipsis style={SECONDARY_TEXT_STYLE[style]} typography=\"label-3-regular\">\n                                    {subtitle}\n                                </Text>\n                            )}\n                        </div>\n                        {tag && (\n                            <div className={styles.itemTag}>\n                                {cloneElement(tag as React.ReactElement<TagProps>, { onSurface: hasHover })}\n                            </div>\n                        )}\n                        {selected && (\n                            <div className={styles.itemRightContent}>\n                                <CheckOutlinedSize24 initialColor=\"secondary\" />\n                            </div>\n                        )}\n                        {hasSwitch && (\n                            <div className={styles.itemRightContent} onClick={(event) => event.stopPropagation()}>\n                                {rightContent}\n                            </div>\n                        )}\n                        {hasSubmenu && (\n                            <div className={styles.itemRightContent}>\n                                <Text ellipsis style={SECONDARY_TEXT_STYLE[style]} typography=\"label-3-regular\">\n                                    {rightContent}\n                                </Text>\n                                <ChevronRightOutlinedSize24 initialColor=\"secondary\" />\n                            </div>\n                        )}\n                    </div>\n                </DisabledWrapper>\n                {hasSubmenu && (\n                    <MenuContext.Provider value={{ ...contextValue, submenuAllowed: false }}>\n                        <Drop\n                            {...DROP_PROPS}\n                            activatorRef={itemRef}\n                            lockPlacement\n                            onClose={() => setSubmenuVisible(false)}\n                            placement={SUBMENU_DROP_PLACEMENT}\n                            ref={submenuRef}\n                            visible={visible && submenuVisible}\n                        >\n                            {subitems}\n                        </Drop>\n                        {mobileSubmenuContainer &&\n                            createPortal(submenuVisible ? subitems : null, mobileSubmenuContainer)}\n                        {mobileTitleContainer && createPortal(submenuVisible ? children : null, mobileTitleContainer)}\n                    </MenuContext.Provider>\n                )}\n            </>\n        );\n    }\n);\n\nMenuItem.displayName = 'MenuItem';\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/Menu.js

@@ -13,7 +13,7 @@ import { MenuQuickActions } from './QuickActions.js';
 import { MenuSectionHeader } from './SectionHeader.js';
 import { MenuContext } from './context.js';
 import { NavBar } from '@hh.ru/magritte-ui-nav-bar';
-import { s as styles } from './menu-BBIgZPUo.js';
+import { s as styles } from './menu-lqJoVt2v.js';
 import '@hh.ru/magritte-ui-bottom-sheet';
 import '@hh.ru/magritte-ui-divider';
 import '@hh.ru/magritte-ui-drop';

package/QuickAction.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import classnames from 'classnames';
 import { DisabledWrapper } from './DisabledWrapper.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './menu-BBIgZPUo.js';
+import { s as styles } from './menu-lqJoVt2v.js';
 import '@hh.ru/magritte-common-use-disabled';
 import '@hh.ru/magritte-ui-icon';
 

package/QuickActions.js

@@ -2,7 +2,7 @@ import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import classnames from 'classnames';
-import { s as styles } from './menu-BBIgZPUo.js';
+import { s as styles } from './menu-lqJoVt2v.js';
 
 const MenuQuickActions = forwardRef(({ children, className, ...props }, ref) => {
     return (jsx("div", { ...props, className: classnames(className, styles.quickActions), ref: ref, children: children }));

package/SectionHeader.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { SectionHeader } from '@hh.ru/magritte-ui-section-header';
-import { s as styles } from './menu-BBIgZPUo.js';
+import { s as styles } from './menu-lqJoVt2v.js';
 
 const MenuSectionHeader = forwardRef((props, ref) => {
     const { isMobile } = useBreakpoint();

package/index.css

@@ -19,158 +19,158 @@
   --magritte-color-background-state-negative-secondary-hovered-v25-0-0:#3D2622;
   --magritte-color-background-state-negative-secondary-pressed-v25-0-0:#3D2622;
 }
-.magritte-disabled___ZuG-J_1-0-17{
+.magritte-disabled___ZuG-J_1-0-18{
   pointer-events:none;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-drop-content-margin___q01ll_1-0-17{
+  body.magritte-old-layout .magritte-drop-content-margin___q01ll_1-0-18{
     margin:0 12px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-drop-content-margin___q01ll_1-0-17{
+  body:not(.magritte-old-layout) .magritte-drop-content-margin___q01ll_1-0-18{
     margin:0 12px;
   }
 }
-.magritte-item___HyDAw_1-0-17{
+.magritte-item___HyDAw_1-0-18{
   display:flex;
   gap:12px;
   align-items:center;
   padding:12px 16px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-item___HyDAw_1-0-17{
+  body.magritte-old-layout .magritte-item___HyDAw_1-0-18{
     cursor:pointer;
     border-radius:12px;
     padding:10px 12px;
   }
-  body.magritte-old-layout .magritte-item___HyDAw_1-0-17.focus-visible{
+  body.magritte-old-layout .magritte-item___HyDAw_1-0-18.focus-visible{
     outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-0-0);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-item___HyDAw_1-0-17{
+  body:not(.magritte-old-layout) .magritte-item___HyDAw_1-0-18{
     cursor:pointer;
     border-radius:12px;
     padding:10px 12px;
   }
-  body:not(.magritte-old-layout) .magritte-item___HyDAw_1-0-17.focus-visible{
+  body:not(.magritte-old-layout) .magritte-item___HyDAw_1-0-18.focus-visible{
     outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-0-0);
   }
 }
-.magritte-neutral___WyGeQ_1-0-17:active{
+.magritte-neutral___WyGeQ_1-0-18:active{
   background-color:var(--magritte-color-background-state-secondary-pressed-v25-0-0);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-neutral___WyGeQ_1-0-17:hover:not(:active){
+  body.magritte-old-layout .magritte-neutral___WyGeQ_1-0-18:hover:not(:active){
     background-color:var(--magritte-color-background-state-secondary-hovered-v25-0-0);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-neutral___WyGeQ_1-0-17:hover:not(:active){
+  body:not(.magritte-old-layout) .magritte-neutral___WyGeQ_1-0-18:hover:not(:active){
     background-color:var(--magritte-color-background-state-secondary-hovered-v25-0-0);
   }
 }
-.magritte-negative___F7a0c_1-0-17:active{
+.magritte-negative___F7a0c_1-0-18:active{
   background-color:var(--magritte-color-background-state-negative-secondary-pressed-v25-0-0);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-negative___F7a0c_1-0-17:hover:not(:active){
+  body.magritte-old-layout .magritte-negative___F7a0c_1-0-18:hover:not(:active){
     background-color:var(--magritte-color-background-state-negative-secondary-hovered-v25-0-0);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-negative___F7a0c_1-0-17:hover:not(:active){
+  body:not(.magritte-old-layout) .magritte-negative___F7a0c_1-0-18:hover:not(:active){
     background-color:var(--magritte-color-background-state-negative-secondary-hovered-v25-0-0);
   }
 }
-.magritte-item-icon___yCv9l_1-0-17{
+.magritte-item-icon___yCv9l_1-0-18{
   flex:0 0 auto;
   padding:4px 0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-item-icon___yCv9l_1-0-17{
+  body.magritte-old-layout .magritte-item-icon___yCv9l_1-0-18{
     padding:0;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-item-icon___yCv9l_1-0-17{
+  body:not(.magritte-old-layout) .magritte-item-icon___yCv9l_1-0-18{
     padding:0;
   }
 }
-.magritte-item-text___GL3A5_1-0-17{
+.magritte-item-text___GL3A5_1-0-18{
   flex:1 1 auto;
   min-width:0;
   padding:4px 0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-item-text___GL3A5_1-0-17{
+  body.magritte-old-layout .magritte-item-text___GL3A5_1-0-18{
     padding:0;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-item-text___GL3A5_1-0-17{
+  body:not(.magritte-old-layout) .magritte-item-text___GL3A5_1-0-18{
     padding:0;
   }
 }
-.magritte-item-tag___KX5wL_1-0-17{
+.magritte-item-tag___KX5wL_1-0-18{
   flex:0 0 auto;
   padding:4px 0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-item-tag___KX5wL_1-0-17{
+  body.magritte-old-layout .magritte-item-tag___KX5wL_1-0-18{
     padding:0;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-item-tag___KX5wL_1-0-17{
+  body:not(.magritte-old-layout) .magritte-item-tag___KX5wL_1-0-18{
     padding:0;
   }
 }
-.magritte-item-right-content___U2hc1_1-0-17{
+.magritte-item-right-content___U2hc1_1-0-18{
   flex:0 1 auto;
   min-width:0;
   display:flex;
   align-items:center;
   gap:8px;
 }
-.magritte-mobile-menu-container___zlY08_1-0-17{
+.magritte-mobile-menu-container___zlY08_1-0-18{
   position:relative;
   overflow:hidden;
 }
-.magritte-mobile-main-menu-container___fOW3d_1-0-17{
+.magritte-mobile-main-menu-container___fOW3d_1-0-18{
   position:relative;
 }
-.magritte-mobile-submenu-container___od1Ev_1-0-17{
+.magritte-mobile-submenu-container___od1Ev_1-0-18{
   position:absolute;
   inset:0 -100% auto 100%;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-mobile-main-menu-container___fOW3d_1-0-17,
-  .magritte-mobile-submenu-container___od1Ev_1-0-17{
+  .magritte-mobile-main-menu-container___fOW3d_1-0-18,
+  .magritte-mobile-submenu-container___od1Ev_1-0-18{
     transition:transform var(--magritte-semantic-animation-time-m-duration-v25-0-0) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
   }
 }
-.magritte-mobile-menu-container-slide___HXiEx_1-0-17 .magritte-mobile-main-menu-container___fOW3d_1-0-17,
-.magritte-mobile-menu-container-slide___HXiEx_1-0-17 .magritte-mobile-submenu-container___od1Ev_1-0-17{
+.magritte-mobile-menu-container-slide___HXiEx_1-0-18 .magritte-mobile-main-menu-container___fOW3d_1-0-18,
+.magritte-mobile-menu-container-slide___HXiEx_1-0-18 .magritte-mobile-submenu-container___od1Ev_1-0-18{
   transform:translateX(-100%);
 }
-.magritte-quick-actions___HvUJ3_1-0-17{
+.magritte-quick-actions___HvUJ3_1-0-18{
   display:flex;
   gap:4px;
   margin:0 16px 4px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-quick-actions___HvUJ3_1-0-17{
+  body.magritte-old-layout .magritte-quick-actions___HvUJ3_1-0-18{
     margin:0 12px 4px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-quick-actions___HvUJ3_1-0-17{
+  body:not(.magritte-old-layout) .magritte-quick-actions___HvUJ3_1-0-18{
     margin:0 12px 4px;
   }
 }
-.magritte-quick-action___1K5Ip_1-0-17{
+.magritte-quick-action___1K5Ip_1-0-18{
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -181,31 +181,31 @@
   min-width:0;
   padding:14px 12px;
 }
-.magritte-quick-action___1K5Ip_1-0-17:active{
+.magritte-quick-action___1K5Ip_1-0-18:active{
   background-color:var(--magritte-color-background-state-secondary-pressed-v25-0-0);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-17{
+  body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-18{
     cursor:pointer;
   }
-  body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-17:hover:not(:active){
+  body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-18:hover:not(:active){
     background-color:var(--magritte-color-background-state-secondary-hovered-v25-0-0);
   }
-  body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-17.focus-visible{
+  body.magritte-old-layout .magritte-quick-action___1K5Ip_1-0-18.focus-visible{
     outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-0-0);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-17{
+  body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-18{
     cursor:pointer;
   }
-  body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-17:hover:not(:active){
+  body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-18:hover:not(:active){
     background-color:var(--magritte-color-background-state-secondary-hovered-v25-0-0);
   }
-  body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-17.focus-visible{
+  body:not(.magritte-old-layout) .magritte-quick-action___1K5Ip_1-0-18.focus-visible{
     outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-0-0);
   }
 }
-.magritte-quick-action-text___diFW5_1-0-17{
+.magritte-quick-action-text___diFW5_1-0-18{
   max-width:100%;
 }

package/index.js

@@ -24,7 +24,7 @@ import './useSubmenuSafeZone.js';
 import '@hh.ru/magritte-common-func-utils';
 import './safeZone.js';
 import '@hh.ru/magritte-ui-switch';
-import './menu-BBIgZPUo.js';
+import './menu-lqJoVt2v.js';
 import './QuickAction.js';
 import './QuickActions.js';
 import './SectionHeader.js';

package/menu-lqJoVt2v.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"disabled":"magritte-disabled___ZuG-J_1-0-18","drop-content-margin":"magritte-drop-content-margin___q01ll_1-0-18","dropContentMargin":"magritte-drop-content-margin___q01ll_1-0-18","item":"magritte-item___HyDAw_1-0-18","neutral":"magritte-neutral___WyGeQ_1-0-18","negative":"magritte-negative___F7a0c_1-0-18","item-icon":"magritte-item-icon___yCv9l_1-0-18","itemIcon":"magritte-item-icon___yCv9l_1-0-18","item-text":"magritte-item-text___GL3A5_1-0-18","itemText":"magritte-item-text___GL3A5_1-0-18","item-tag":"magritte-item-tag___KX5wL_1-0-18","itemTag":"magritte-item-tag___KX5wL_1-0-18","item-right-content":"magritte-item-right-content___U2hc1_1-0-18","itemRightContent":"magritte-item-right-content___U2hc1_1-0-18","mobile-menu-container":"magritte-mobile-menu-container___zlY08_1-0-18","mobileMenuContainer":"magritte-mobile-menu-container___zlY08_1-0-18","mobile-main-menu-container":"magritte-mobile-main-menu-container___fOW3d_1-0-18","mobileMainMenuContainer":"magritte-mobile-main-menu-container___fOW3d_1-0-18","mobile-submenu-container":"magritte-mobile-submenu-container___od1Ev_1-0-18","mobileSubmenuContainer":"magritte-mobile-submenu-container___od1Ev_1-0-18","mobile-menu-container-slide":"magritte-mobile-menu-container-slide___HXiEx_1-0-18","mobileMenuContainerSlide":"magritte-mobile-menu-container-slide___HXiEx_1-0-18","quick-actions":"magritte-quick-actions___HvUJ3_1-0-18","quickActions":"magritte-quick-actions___HvUJ3_1-0-18","quick-action":"magritte-quick-action___1K5Ip_1-0-18","quickAction":"magritte-quick-action___1K5Ip_1-0-18","quick-action-text":"magritte-quick-action-text___diFW5_1-0-18","quickActionText":"magritte-quick-action-text___diFW5_1-0-18"};
+
+export { styles as s };
+//# sourceMappingURL=menu-lqJoVt2v.js.map

package/menu-lqJoVt2v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-lqJoVt2v.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-menu",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -24,7 +24,7 @@
     "@hh.ru/magritte-common-use-disabled": "1.0.15",
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
     "@hh.ru/magritte-design-tokens": "25.0.0",
-    "@hh.ru/magritte-ui-bottom-sheet": "9.4.20",
+    "@hh.ru/magritte-ui-bottom-sheet": "9.4.21",
     "@hh.ru/magritte-ui-breakpoint": "6.1.1",
     "@hh.ru/magritte-ui-divider": "3.2.6",
     "@hh.ru/magritte-ui-drop": "12.3.43",
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d2f817b284c3d3865462ffa386ed532ef6010269"
+  "gitHead": "66ff92f76337f5eee98fe0890a41eedbff6dc148"
 }

package/menu-BBIgZPUo.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"disabled":"magritte-disabled___ZuG-J_1-0-17","drop-content-margin":"magritte-drop-content-margin___q01ll_1-0-17","dropContentMargin":"magritte-drop-content-margin___q01ll_1-0-17","item":"magritte-item___HyDAw_1-0-17","neutral":"magritte-neutral___WyGeQ_1-0-17","negative":"magritte-negative___F7a0c_1-0-17","item-icon":"magritte-item-icon___yCv9l_1-0-17","itemIcon":"magritte-item-icon___yCv9l_1-0-17","item-text":"magritte-item-text___GL3A5_1-0-17","itemText":"magritte-item-text___GL3A5_1-0-17","item-tag":"magritte-item-tag___KX5wL_1-0-17","itemTag":"magritte-item-tag___KX5wL_1-0-17","item-right-content":"magritte-item-right-content___U2hc1_1-0-17","itemRightContent":"magritte-item-right-content___U2hc1_1-0-17","mobile-menu-container":"magritte-mobile-menu-container___zlY08_1-0-17","mobileMenuContainer":"magritte-mobile-menu-container___zlY08_1-0-17","mobile-main-menu-container":"magritte-mobile-main-menu-container___fOW3d_1-0-17","mobileMainMenuContainer":"magritte-mobile-main-menu-container___fOW3d_1-0-17","mobile-submenu-container":"magritte-mobile-submenu-container___od1Ev_1-0-17","mobileSubmenuContainer":"magritte-mobile-submenu-container___od1Ev_1-0-17","mobile-menu-container-slide":"magritte-mobile-menu-container-slide___HXiEx_1-0-17","mobileMenuContainerSlide":"magritte-mobile-menu-container-slide___HXiEx_1-0-17","quick-actions":"magritte-quick-actions___HvUJ3_1-0-17","quickActions":"magritte-quick-actions___HvUJ3_1-0-17","quick-action":"magritte-quick-action___1K5Ip_1-0-17","quickAction":"magritte-quick-action___1K5Ip_1-0-17","quick-action-text":"magritte-quick-action-text___diFW5_1-0-17","quickActionText":"magritte-quick-action-text___diFW5_1-0-17"};
-
-export { styles as s };
-//# sourceMappingURL=menu-BBIgZPUo.js.map

package/menu-BBIgZPUo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-BBIgZPUo.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}