@hh.ru/magritte-ui-menu 1.0.47 → 1.0.49

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-xdoMFXxx.js';
+import { s as styles } from './menu-C7hu9LbQ.js';
 import '@hh.ru/magritte-ui-bottom-sheet';
 import '@hh.ru/magritte-ui-divider';
 import '@hh.ru/magritte-ui-drop';
@@ -30,51 +30,78 @@ import './safeZone.js';
 import '@hh.ru/magritte-ui-switch';
 import '@hh.ru/magritte-ui-section-header';
 
-const Menu = ({ activatorRef, children, onClose, placement, visible, render, }) => {
-    const { isMobile } = useBreakpoint();
-    const mobileMenuContainerRef = useRef(null);
-    const [mobileSubmenuContainer, setMobileSubmenuContainer] = useState(null);
-    const [mobileTitleContainer, setMobileTitleContainer] = useState(null);
-    const [itemWithVisibleSubmenu, setItemWithVisibleSubmenu] = useState(null);
-    const [dropContainer, setDropContainer] = useState(null);
-    const contextValue = {
-        activatorRef,
-        dropContainer,
-        itemWithVisibleSubmenu,
-        mobileSubmenuContainer,
-        mobileTitleContainer,
-        onAfterExit: () => {
-            setItemWithVisibleSubmenu(null);
-        },
-        onClose,
-        placement,
-        setDropContainer,
-        setItemWithVisibleSubmenu,
-        submenuAllowed: true,
-        visible,
-    };
-    useLayoutEffect(() => {
-        const mobileMenuContainer = mobileMenuContainerRef.current;
-        if (!mobileMenuContainer) {
-            return;
-        }
-        mobileMenuContainer.style.height =
-            itemWithVisibleSubmenu !== null && mobileSubmenuContainer !== null
-                ? `${mobileSubmenuContainer.offsetHeight}px`
-                : ``;
-    }, [itemWithVisibleSubmenu, mobileSubmenuContainer]);
-    if (isMobile) {
-        const mobileChildren = (jsxs("div", { className: classnames(styles.mobileMenuContainer, {
-                [styles.mobileMenuContainerSlide]: itemWithVisibleSubmenu !== null,
-            }), ref: mobileMenuContainerRef, children: [jsx("div", { className: styles.mobileMainMenuContainer, children: children }), jsx("div", { className: styles.mobileSubmenuContainer, ref: setMobileSubmenuContainer })] }));
-        const closeMobileSubmenu = () => setItemWithVisibleSubmenu(null);
-        return (jsx(MenuContext.Provider, { value: contextValue, children: render ? (render({
-                children: mobileChildren,
-                closeMobileSubmenu,
-                mobileSubmenuVisible: itemWithVisibleSubmenu !== null,
-            })) : (jsx(Menu.BottomSheet, { header: itemWithVisibleSubmenu !== null && (jsx(NavBar, { children: jsx(NavBar.Actions, { centered: true, left: jsx(ChevronLeftOutlinedSize24, { onClick: closeMobileSubmenu }), children: jsx(NavBar.TitleContainer, { centered: true, title: jsx("div", { ref: setMobileTitleContainer }) }) }) })), children: mobileChildren })) }));
+const Menu = ({
+  activatorRef,
+  children,
+  onClose,
+  placement,
+  visible,
+  render
+}) => {
+  const { isMobile } = useBreakpoint();
+  const mobileMenuContainerRef = useRef(null);
+  const [mobileSubmenuContainer, setMobileSubmenuContainer] = useState(null);
+  const [mobileTitleContainer, setMobileTitleContainer] = useState(null);
+  const [itemWithVisibleSubmenu, setItemWithVisibleSubmenu] = useState(null);
+  const [dropContainer, setDropContainer] = useState(null);
+  const contextValue = {
+    activatorRef,
+    dropContainer,
+    itemWithVisibleSubmenu,
+    mobileSubmenuContainer,
+    mobileTitleContainer,
+    onAfterExit: () => {
+      setItemWithVisibleSubmenu(null);
+    },
+    onClose,
+    placement,
+    setDropContainer,
+    setItemWithVisibleSubmenu,
+    submenuAllowed: true,
+    visible
+  };
+  useLayoutEffect(() => {
+    const mobileMenuContainer = mobileMenuContainerRef.current;
+    if (!mobileMenuContainer) {
+      return;
     }
-    return (jsx(MenuContext.Provider, { value: contextValue, children: render ? render({ children }) : jsx(Menu.Drop, { children: children }) }));
+    mobileMenuContainer.style.height = itemWithVisibleSubmenu !== null && mobileSubmenuContainer !== null ? `${mobileSubmenuContainer.offsetHeight}px` : ``;
+  }, [itemWithVisibleSubmenu, mobileSubmenuContainer]);
+  if (isMobile) {
+    const mobileChildren = /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: classnames(styles.mobileMenuContainer, {
+          [styles.mobileMenuContainerSlide]: itemWithVisibleSubmenu !== null
+        }),
+        ref: mobileMenuContainerRef,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: styles.mobileMainMenuContainer, children }),
+          /* @__PURE__ */ jsx("div", { className: styles.mobileSubmenuContainer, ref: setMobileSubmenuContainer })
+        ]
+      }
+    );
+    const closeMobileSubmenu = () => setItemWithVisibleSubmenu(null);
+    return /* @__PURE__ */ jsx(MenuContext.Provider, { value: contextValue, children: render ? render({
+      children: mobileChildren,
+      closeMobileSubmenu,
+      mobileSubmenuVisible: itemWithVisibleSubmenu !== null
+    }) : /* @__PURE__ */ jsx(
+      Menu.BottomSheet,
+      {
+        header: itemWithVisibleSubmenu !== null && /* @__PURE__ */ jsx(NavBar, { children: /* @__PURE__ */ jsx(
+          NavBar.Actions,
+          {
+            centered: true,
+            left: /* @__PURE__ */ jsx(ChevronLeftOutlinedSize24, { onClick: closeMobileSubmenu }),
+            children: /* @__PURE__ */ jsx(NavBar.TitleContainer, { centered: true, title: /* @__PURE__ */ jsx("div", { ref: setMobileTitleContainer }) })
+          }
+        ) }),
+        children: mobileChildren
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(MenuContext.Provider, { value: contextValue, children: render ? render({ children }) : /* @__PURE__ */ jsx(Menu.Drop, { children }) });
 };
 Menu.BottomSheet = MenuBottomSheet;
 Menu.Divider = MenuDivider;

package/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["src/Menu.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { ChevronLeftOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { MenuBottomSheet } from '@hh.ru/magritte-ui-menu/BottomSheet';\nimport { MenuDivider } from '@hh.ru/magritte-ui-menu/Divider';\nimport { MenuDrop } from '@hh.ru/magritte-ui-menu/Drop';\nimport { MenuItem } from '@hh.ru/magritte-ui-menu/Item';\nimport { MenuQuickAction } from '@hh.ru/magritte-ui-menu/QuickAction';\nimport { MenuQuickActions } from '@hh.ru/magritte-ui-menu/QuickActions';\nimport { MenuSectionHeader } from '@hh.ru/magritte-ui-menu/SectionHeader';\nimport { type MenuContextProps, MenuContext } from '@hh.ru/magritte-ui-menu/context';\nimport { type MenuProps } from '@hh.ru/magritte-ui-menu/types';\nimport { NavBar } from '@hh.ru/magritte-ui-nav-bar';\n\nimport styles from './menu.less';\n\ninterface MenuComponents {\n    BottomSheet: typeof MenuBottomSheet;\n    Divider: typeof MenuDivider;\n    Drop: typeof MenuDrop;\n    Item: typeof MenuItem;\n    QuickAction: typeof MenuQuickAction;\n    QuickActions: typeof MenuQuickActions;\n    SectionHeader: typeof MenuSectionHeader;\n}\n\nexport const Menu: React.FC<MenuProps> & MenuComponents = ({\n    activatorRef,\n    children,\n    onClose,\n    placement,\n    visible,\n    render,\n}) => {\n    const { isMobile } = useBreakpoint();\n    const mobileMenuContainerRef = useRef<HTMLDivElement>(null);\n    const [mobileSubmenuContainer, setMobileSubmenuContainer] = useState<HTMLDivElement | null>(null);\n    const [mobileTitleContainer, setMobileTitleContainer] = useState<HTMLDivElement | null>(null);\n    const [itemWithVisibleSubmenu, setItemWithVisibleSubmenu] = useState<HTMLDivElement | null>(null);\n    const [dropContainer, setDropContainer] = useState<HTMLDivElement | null>(null);\n\n    const contextValue: MenuContextProps = {\n        activatorRef,\n        dropContainer,\n        itemWithVisibleSubmenu,\n        mobileSubmenuContainer,\n        mobileTitleContainer,\n        onAfterExit: () => {\n            setItemWithVisibleSubmenu(null);\n        },\n        onClose,\n        placement,\n        setDropContainer,\n        setItemWithVisibleSubmenu,\n        submenuAllowed: true,\n        visible,\n    };\n\n    useLayoutEffect(() => {\n        const mobileMenuContainer = mobileMenuContainerRef.current;\n        if (!mobileMenuContainer) {\n            return;\n        }\n\n        mobileMenuContainer.style.height =\n            itemWithVisibleSubmenu !== null && mobileSubmenuContainer !== null\n                ? `${mobileSubmenuContainer.offsetHeight}px`\n                : ``;\n    }, [itemWithVisibleSubmenu, mobileSubmenuContainer]);\n\n    if (isMobile) {\n        const mobileChildren = (\n            <div\n                className={classnames(styles.mobileMenuContainer, {\n                    [styles.mobileMenuContainerSlide]: itemWithVisibleSubmenu !== null,\n                })}\n                ref={mobileMenuContainerRef}\n            >\n                <div className={styles.mobileMainMenuContainer}>{children}</div>\n                <div className={styles.mobileSubmenuContainer} ref={setMobileSubmenuContainer} />\n            </div>\n        );\n\n        const closeMobileSubmenu = () => setItemWithVisibleSubmenu(null);\n\n        return (\n            <MenuContext.Provider value={contextValue}>\n                {render ? (\n                    render({\n                        children: mobileChildren,\n                        closeMobileSubmenu,\n                        mobileSubmenuVisible: itemWithVisibleSubmenu !== null,\n                    })\n                ) : (\n                    <Menu.BottomSheet\n                        header={\n                            itemWithVisibleSubmenu !== null && (\n                                <NavBar>\n                                    <NavBar.Actions\n                                        centered\n                                        left={<ChevronLeftOutlinedSize24 onClick={closeMobileSubmenu} />}\n                                    >\n                                        <NavBar.TitleContainer centered title={<div ref={setMobileTitleContainer} />} />\n                                    </NavBar.Actions>\n                                </NavBar>\n                            )\n                        }\n                    >\n                        {mobileChildren}\n                    </Menu.BottomSheet>\n                )}\n            </MenuContext.Provider>\n        );\n    }\n\n    return (\n        <MenuContext.Provider value={contextValue}>\n            {render ? render({ children }) : <Menu.Drop>{children}</Menu.Drop>}\n        </MenuContext.Provider>\n    );\n};\n\nMenu.BottomSheet = MenuBottomSheet;\nMenu.Divider = MenuDivider;\nMenu.Drop = MenuDrop;\nMenu.Item = MenuItem;\nMenu.QuickAction = MenuQuickAction;\nMenu.QuickActions = MenuQuickActions;\nMenu.SectionHeader = MenuSectionHeader;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["src/Menu.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { ChevronLeftOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { MenuBottomSheet } from '@hh.ru/magritte-ui-menu/BottomSheet';\nimport { MenuDivider } from '@hh.ru/magritte-ui-menu/Divider';\nimport { MenuDrop } from '@hh.ru/magritte-ui-menu/Drop';\nimport { MenuItem } from '@hh.ru/magritte-ui-menu/Item';\nimport { MenuQuickAction } from '@hh.ru/magritte-ui-menu/QuickAction';\nimport { MenuQuickActions } from '@hh.ru/magritte-ui-menu/QuickActions';\nimport { MenuSectionHeader } from '@hh.ru/magritte-ui-menu/SectionHeader';\nimport { type MenuContextProps, MenuContext } from '@hh.ru/magritte-ui-menu/context';\nimport { type MenuProps } from '@hh.ru/magritte-ui-menu/types';\nimport { NavBar } from '@hh.ru/magritte-ui-nav-bar';\n\nimport styles from './menu.less';\n\ninterface MenuComponents {\n    BottomSheet: typeof MenuBottomSheet;\n    Divider: typeof MenuDivider;\n    Drop: typeof MenuDrop;\n    Item: typeof MenuItem;\n    QuickAction: typeof MenuQuickAction;\n    QuickActions: typeof MenuQuickActions;\n    SectionHeader: typeof MenuSectionHeader;\n}\n\nexport const Menu: React.FC<MenuProps> & MenuComponents = ({\n    activatorRef,\n    children,\n    onClose,\n    placement,\n    visible,\n    render,\n}) => {\n    const { isMobile } = useBreakpoint();\n    const mobileMenuContainerRef = useRef<HTMLDivElement>(null);\n    const [mobileSubmenuContainer, setMobileSubmenuContainer] = useState<HTMLDivElement | null>(null);\n    const [mobileTitleContainer, setMobileTitleContainer] = useState<HTMLDivElement | null>(null);\n    const [itemWithVisibleSubmenu, setItemWithVisibleSubmenu] = useState<HTMLDivElement | null>(null);\n    const [dropContainer, setDropContainer] = useState<HTMLDivElement | null>(null);\n\n    const contextValue: MenuContextProps = {\n        activatorRef,\n        dropContainer,\n        itemWithVisibleSubmenu,\n        mobileSubmenuContainer,\n        mobileTitleContainer,\n        onAfterExit: () => {\n            setItemWithVisibleSubmenu(null);\n        },\n        onClose,\n        placement,\n        setDropContainer,\n        setItemWithVisibleSubmenu,\n        submenuAllowed: true,\n        visible,\n    };\n\n    useLayoutEffect(() => {\n        const mobileMenuContainer = mobileMenuContainerRef.current;\n        if (!mobileMenuContainer) {\n            return;\n        }\n\n        mobileMenuContainer.style.height =\n            itemWithVisibleSubmenu !== null && mobileSubmenuContainer !== null\n                ? `${mobileSubmenuContainer.offsetHeight}px`\n                : ``;\n    }, [itemWithVisibleSubmenu, mobileSubmenuContainer]);\n\n    if (isMobile) {\n        const mobileChildren = (\n            <div\n                className={classnames(styles.mobileMenuContainer, {\n                    [styles.mobileMenuContainerSlide]: itemWithVisibleSubmenu !== null,\n                })}\n                ref={mobileMenuContainerRef}\n            >\n                <div className={styles.mobileMainMenuContainer}>{children}</div>\n                <div className={styles.mobileSubmenuContainer} ref={setMobileSubmenuContainer} />\n            </div>\n        );\n\n        const closeMobileSubmenu = () => setItemWithVisibleSubmenu(null);\n\n        return (\n            <MenuContext.Provider value={contextValue}>\n                {render ? (\n                    render({\n                        children: mobileChildren,\n                        closeMobileSubmenu,\n                        mobileSubmenuVisible: itemWithVisibleSubmenu !== null,\n                    })\n                ) : (\n                    <Menu.BottomSheet\n                        header={\n                            itemWithVisibleSubmenu !== null && (\n                                <NavBar>\n                                    <NavBar.Actions\n                                        centered\n                                        left={<ChevronLeftOutlinedSize24 onClick={closeMobileSubmenu} />}\n                                    >\n                                        <NavBar.TitleContainer centered title={<div ref={setMobileTitleContainer} />} />\n                                    </NavBar.Actions>\n                                </NavBar>\n                            )\n                        }\n                    >\n                        {mobileChildren}\n                    </Menu.BottomSheet>\n                )}\n            </MenuContext.Provider>\n        );\n    }\n\n    return (\n        <MenuContext.Provider value={contextValue}>\n            {render ? render({ children }) : <Menu.Drop>{children}</Menu.Drop>}\n        </MenuContext.Provider>\n    );\n};\n\nMenu.BottomSheet = MenuBottomSheet;\nMenu.Divider = MenuDivider;\nMenu.Drop = MenuDrop;\nMenu.Item = MenuItem;\nMenu.QuickAction = MenuQuickAction;\nMenu.QuickActions = MenuQuickActions;\nMenu.SectionHeader = MenuSectionHeader;\n"],"names":[],"mappings":"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"}

package/QuickAction.d.ts

@@ -1,2 +1,2 @@
-import { type MenuQuickActionProps } from '@hh.ru/magritte-ui-menu/types';
+import { type MenuQuickActionProps } from './types';
 export declare const MenuQuickAction: import("react").ForwardRefExoticComponent<MenuQuickActionProps & import("react").RefAttributes<HTMLButtonElement>>;

package/QuickAction.js

@@ -4,14 +4,32 @@ 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-xdoMFXxx.js';
+import { s as styles } from './menu-C7hu9LbQ.js';
 import '@hh.ru/magritte-common-use-disabled';
 import '@hh.ru/magritte-ui-icon';
 
-const MenuQuickAction = forwardRef(({ children, className, disabled = false, icon, ...props }, ref) => {
-    return (jsx(DisabledWrapper, { disabled: disabled, children: jsxs("button", { ...props, "aria-disabled": disabled, className: classnames(className, { [styles.disabled]: disabled }, styles.quickAction), disabled: disabled, ref: ref, role: "menuitem", tabIndex: disabled ? -1 : 0, type: "button", children: [icon, jsx("span", { className: styles.quickActionText, children: jsx(Text, { ellipsis: true, typography: "label-4-regular", children: children }) })] }) }));
-});
-MenuQuickAction.displayName = 'MenuQuickAction';
+const MenuQuickAction = forwardRef(
+  ({ children, className, disabled = false, icon, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(DisabledWrapper, { disabled, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ...props,
+        "aria-disabled": disabled,
+        className: classnames(className, { [styles.disabled]: disabled }, styles.quickAction),
+        disabled,
+        ref,
+        role: "menuitem",
+        tabIndex: disabled ? -1 : 0,
+        type: "button",
+        children: [
+          icon,
+          /* @__PURE__ */ jsx("span", { className: styles.quickActionText, children: /* @__PURE__ */ jsx(Text, { ellipsis: true, typography: "label-4-regular", children }) })
+        ]
+      }
+    ) });
+  }
+);
+MenuQuickAction.displayName = "MenuQuickAction";
 
 export { MenuQuickAction };
 //# sourceMappingURL=QuickAction.js.map

package/QuickAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickAction.js","sources":["src/QuickAction.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledWrapper } from '@hh.ru/magritte-ui-menu/DisabledWrapper';\nimport { type MenuQuickActionProps } from '@hh.ru/magritte-ui-menu/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './menu.less';\n\nexport const MenuQuickAction = forwardRef<HTMLButtonElement, MenuQuickActionProps>(\n    ({ children, className, disabled = false, icon, ...props }, ref) => {\n        return (\n            <DisabledWrapper disabled={disabled}>\n                <button\n                    {...props}\n                    aria-disabled={disabled}\n                    className={classnames(className, { [styles.disabled]: disabled }, styles.quickAction)}\n                    disabled={disabled}\n                    ref={ref}\n                    role=\"menuitem\"\n                    tabIndex={disabled ? -1 : 0}\n                    type=\"button\"\n                >\n                    {icon}\n                    <span className={styles.quickActionText}>\n                        <Text ellipsis typography=\"label-4-regular\">\n                            {children}\n                        </Text>\n                    </span>\n                </button>\n            </DisabledWrapper>\n        );\n    }\n);\n\nMenuQuickAction.displayName = 'MenuQuickAction';\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AASa,MAAA,eAAe,GAAG,UAAU,CACrC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC/D,IAAA,QACIA,GAAC,CAAA,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAC/B,QAAA,EAAAC,IAAA,CAAA,QAAA,EAAA,EAAA,GACQ,KAAK,EAAA,eAAA,EACM,QAAQ,EACvB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC,EACrF,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,EAC3B,IAAI,EAAC,QAAQ,EAAA,QAAA,EAAA,CAEZ,IAAI,EACLD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,eAAe,YACnCA,GAAC,CAAA,IAAI,IAAC,QAAQ,EAAA,IAAA,EAAC,UAAU,EAAC,iBAAiB,YACtC,QAAQ,EAAA,CACN,GACJ,CACF,EAAA,CAAA,EAAA,CACK,EACpB;AACN,CAAC,EACH;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"QuickAction.js","sources":["src/QuickAction.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledWrapper } from '@hh.ru/magritte-ui-menu/DisabledWrapper';\nimport { type MenuQuickActionProps } from '@hh.ru/magritte-ui-menu/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './menu.less';\n\nexport const MenuQuickAction = forwardRef<HTMLButtonElement, MenuQuickActionProps>(\n    ({ children, className, disabled = false, icon, ...props }, ref) => {\n        return (\n            <DisabledWrapper disabled={disabled}>\n                <button\n                    {...props}\n                    aria-disabled={disabled}\n                    className={classnames(className, { [styles.disabled]: disabled }, styles.quickAction)}\n                    disabled={disabled}\n                    ref={ref}\n                    role=\"menuitem\"\n                    tabIndex={disabled ? -1 : 0}\n                    type=\"button\"\n                >\n                    {icon}\n                    <span className={styles.quickActionText}>\n                        <Text ellipsis typography=\"label-4-regular\">\n                            {children}\n                        </Text>\n                    </span>\n                </button>\n            </DisabledWrapper>\n        );\n    }\n);\n\nMenuQuickAction.displayName = 'MenuQuickAction';\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC3B,CAAC,EAAE,QAAA,EAAU,SAAW,EAAA,QAAA,GAAW,OAAO,IAAM,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAChE,IACI,uBAAA,GAAA,CAAC,mBAAgB,QACb,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACI,GAAG,KAAA;AAAA,QACJ,eAAe,EAAA,QAAA;AAAA,QACf,SAAA,EAAW,UAAW,CAAA,SAAA,EAAW,EAAE,CAAC,MAAO,CAAA,QAAQ,GAAG,QAAA,EAAY,EAAA,MAAA,CAAO,WAAW,CAAA;AAAA,QACpF,QAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAK,EAAA,UAAA;AAAA,QACL,QAAA,EAAU,WAAW,CAAK,CAAA,GAAA,CAAA;AAAA,QAC1B,IAAK,EAAA,QAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,0BACA,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,eACpB,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,UAAA,EAAW,iBACrB,EAAA,QAAA,EACL,CACJ,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAER,EAAA,CAAA,CAAA;AAAA,GAER;AACJ,EAAA;AAEA,eAAA,CAAgB,WAAc,GAAA,iBAAA;;;;"}

package/QuickActions.js

@@ -2,12 +2,12 @@ import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import classnames from 'classnames';
-import { s as styles } from './menu-xdoMFXxx.js';
+import { s as styles } from './menu-C7hu9LbQ.js';
 
 const MenuQuickActions = forwardRef(({ children, className, ...props }, ref) => {
-    return (jsx("div", { ...props, className: classnames(className, styles.quickActions), ref: ref, children: children }));
+  return /* @__PURE__ */ jsx("div", { ...props, className: classnames(className, styles.quickActions), ref, children });
 });
-MenuQuickActions.displayName = 'MenuQuickActions';
+MenuQuickActions.displayName = "MenuQuickActions";
 
 export { MenuQuickActions };
 //# sourceMappingURL=QuickActions.js.map

package/QuickActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickActions.js","sources":["src/QuickActions.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport styles from './menu.less';\n\nexport const MenuQuickActions = forwardRef<\n    HTMLDivElement,\n    React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>\n>(({ children, className, ...props }, ref) => {\n    return (\n        <div {...props} className={classnames(className, styles.quickActions)} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nMenuQuickActions.displayName = 'MenuQuickActions';\n"],"names":["_jsx"],"mappings":";;;;;AAKa,MAAA,gBAAgB,GAAG,UAAU,CAGxC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACzC,QACIA,gBAAS,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,GAAG,EAC1E,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,CAAC,EAAE;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"QuickActions.js","sources":["src/QuickActions.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport styles from './menu.less';\n\nexport const MenuQuickActions = forwardRef<\n    HTMLDivElement,\n    React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>\n>(({ children, className, ...props }, ref) => {\n    return (\n        <div {...props} className={classnames(className, styles.quickActions)} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nMenuQuickActions.displayName = 'MenuQuickActions';\n"],"names":[],"mappings":";;;;;AAKa,MAAA,gBAAA,GAAmB,WAG9B,CAAC,EAAE,UAAU,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAC1C,EACI,uBAAA,GAAA,CAAC,KAAK,EAAA,EAAA,GAAG,KAAO,EAAA,SAAA,EAAW,UAAW,CAAA,SAAA,EAAW,MAAO,CAAA,YAAY,CAAG,EAAA,GAAA,EAClE,QACL,EAAA,CAAA,CAAA;AAER,CAAC,EAAA;AAED,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}

package/SectionHeader.js

@@ -3,13 +3,13 @@ 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-xdoMFXxx.js';
+import { s as styles } from './menu-C7hu9LbQ.js';
 
 const MenuSectionHeader = forwardRef((props, ref) => {
-    const { isMobile } = useBreakpoint();
-    return (jsx("div", { className: styles.dropContentMargin, children: jsx(SectionHeader, { padding: isMobile ? 16 : 12, ref: ref, ...props }) }));
+  const { isMobile } = useBreakpoint();
+  return /* @__PURE__ */ jsx("div", { className: styles.dropContentMargin, children: /* @__PURE__ */ jsx(SectionHeader, { padding: isMobile ? 16 : 12, ref, ...props }) });
 });
-MenuSectionHeader.displayName = 'MenuSectionHeader';
+MenuSectionHeader.displayName = "MenuSectionHeader";
 
 export { MenuSectionHeader };
 //# sourceMappingURL=SectionHeader.js.map

package/SectionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.js","sources":["src/SectionHeader.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { type SectionHeaderProps, SectionHeader } from '@hh.ru/magritte-ui-section-header';\n\nimport styles from './menu.less';\n\nexport const MenuSectionHeader = forwardRef<HTMLDivElement, Omit<SectionHeaderProps, 'padding'>>((props, ref) => {\n    const { isMobile } = useBreakpoint();\n\n    return (\n        <div className={styles.dropContentMargin}>\n            <SectionHeader padding={isMobile ? 16 : 12} ref={ref} {...props} />\n        </div>\n    );\n});\n\nMenuSectionHeader.displayName = 'MenuSectionHeader';\n"],"names":["_jsx"],"mappings":";;;;;;AAOa,MAAA,iBAAiB,GAAG,UAAU,CAAsD,CAAC,KAAK,EAAE,GAAG,KAAI;AAC5G,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AAErC,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,QAAA,EACpCA,GAAC,CAAA,aAAa,EAAC,EAAA,OAAO,EAAE,QAAQ,GAAG,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAM,GAAA,KAAK,EAAI,CAAA,EAAA,CACjE,EACR;AACN,CAAC,EAAE;AAEH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"SectionHeader.js","sources":["src/SectionHeader.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { type SectionHeaderProps, SectionHeader } from '@hh.ru/magritte-ui-section-header';\n\nimport styles from './menu.less';\n\nexport const MenuSectionHeader = forwardRef<HTMLDivElement, Omit<SectionHeaderProps, 'padding'>>((props, ref) => {\n    const { isMobile } = useBreakpoint();\n\n    return (\n        <div className={styles.dropContentMargin}>\n            <SectionHeader padding={isMobile ? 16 : 12} ref={ref} {...props} />\n        </div>\n    );\n});\n\nMenuSectionHeader.displayName = 'MenuSectionHeader';\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,iBAAoB,GAAA,UAAA,CAAgE,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC7G,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AAEnC,EAAA,uBACK,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,mBACnB,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAc,OAAS,EAAA,QAAA,GAAW,EAAK,GAAA,EAAA,EAAI,GAAW,EAAA,GAAG,OAAO,CACrE,EAAA,CAAA,CAAA;AAER,CAAC,EAAA;AAED,iBAAA,CAAkB,WAAc,GAAA,mBAAA;;;;"}

package/context.js

@@ -2,11 +2,11 @@ import './index.css';
 import { createContext } from 'react';
 
 const MenuContext = createContext({
-    activatorRef: { current: null },
-    onAfterExit: () => void 0,
-    onClose: () => void 0,
-    placement: [],
-    visible: false,
+  activatorRef: { current: null },
+  onAfterExit: () => void 0,
+  onClose: () => void 0,
+  placement: [],
+  visible: false
 });
 
 export { MenuContext };

package/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["src/context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { type DropProps } from '@hh.ru/magritte-ui-drop';\n\nexport interface MenuContextProps {\n    activatorRef: DropProps['activatorRef'];\n    dropContainer?: HTMLDivElement | null;\n    itemWithVisibleSubmenu?: HTMLDivElement | null;\n    mobileSubmenuContainer?: HTMLDivElement | null;\n    mobileTitleContainer?: HTMLDivElement | null;\n    onAfterExit: VoidFunction;\n    onClose: VoidFunction;\n    placement: DropProps['placement'];\n    setDropContainer?: React.RefCallback<HTMLDivElement | null>;\n    setItemWithVisibleSubmenu?: React.RefCallback<HTMLDivElement | null>;\n    submenuAllowed?: boolean;\n    visible: boolean;\n}\n\nexport const MenuContext = createContext<MenuContextProps>({\n    activatorRef: { current: null },\n    onAfterExit: () => void 0,\n    onClose: () => void 0,\n    placement: [],\n    visible: false,\n});\n"],"names":[],"mappings":";;AAmBO,MAAM,WAAW,GAAG,aAAa,CAAmB;AACvD,IAAA,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,IAAA,WAAW,EAAE,MAAM,KAAK,CAAC;AACzB,IAAA,OAAO,EAAE,MAAM,KAAK,CAAC;AACrB,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,OAAO,EAAE,KAAK;AACjB,CAAA;;;;"}
+{"version":3,"file":"context.js","sources":["src/context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { type DropProps } from '@hh.ru/magritte-ui-drop';\n\nexport interface MenuContextProps {\n    activatorRef: DropProps['activatorRef'];\n    dropContainer?: HTMLDivElement | null;\n    itemWithVisibleSubmenu?: HTMLDivElement | null;\n    mobileSubmenuContainer?: HTMLDivElement | null;\n    mobileTitleContainer?: HTMLDivElement | null;\n    onAfterExit: VoidFunction;\n    onClose: VoidFunction;\n    placement: DropProps['placement'];\n    setDropContainer?: React.RefCallback<HTMLDivElement | null>;\n    setItemWithVisibleSubmenu?: React.RefCallback<HTMLDivElement | null>;\n    submenuAllowed?: boolean;\n    visible: boolean;\n}\n\nexport const MenuContext = createContext<MenuContextProps>({\n    activatorRef: { current: null },\n    onAfterExit: () => void 0,\n    onClose: () => void 0,\n    placement: [],\n    visible: false,\n});\n"],"names":[],"mappings":";;AAmBO,MAAM,cAAc,aAAgC,CAAA;AAAA,EACvD,YAAA,EAAc,EAAE,OAAA,EAAS,IAAK,EAAA;AAAA,EAC9B,aAAa,MAAM,KAAA,CAAA;AAAA,EACnB,SAAS,MAAM,KAAA,CAAA;AAAA,EACf,WAAW,EAAC;AAAA,EACZ,OAAS,EAAA,KAAA;AACb,CAAC;;;;"}

package/index.css

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

package/index.d.ts

@@ -1,2 +1,2 @@
-export * from '@hh.ru/magritte-ui-menu/Menu';
-export * from '@hh.ru/magritte-ui-menu/types';
+export * from './Menu';
+export * from './types';