@skbkontur/side-menu 3.2.1 → 3.2.3

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.2.3](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.2.2...@skbkontur/side-menu@3.2.3) (2025-05-20)
+
+**Note:** Version bump only for package @skbkontur/side-menu
+
+
+
+
+
+## [3.2.2](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.2.1...@skbkontur/side-menu@3.2.2) (2025-05-06)
+
+**Note:** Version bump only for package @skbkontur/side-menu
+
+
+
+
+
 ## [3.2.1](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.2.0...@skbkontur/side-menu@3.2.1) (2025-03-19)
 
 

package/hooks/useAnimateOnMount.d.ts

@@ -1,2 +1,2 @@
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 export declare function useAnimateOnMount(isMounted: boolean, delayTime: number, mountStyles: CSSProperties, unmountStyles: CSSProperties): [boolean, CSSProperties];

package/hooks/useMemoIcon.js

@@ -9,9 +9,7 @@ export var useMemoIcon = function (children, _a) {
             if (isOpened) {
                 return React.createElement(ArrowCDownIcon16Regular, { onClick: onClick });
             }
-            else {
-                return React.createElement(ArrowCRightIcon16Regular, null);
-            }
+            return React.createElement(ArrowCRightIcon16Regular, null);
         }
     }, [isOpened, children]);
 };
@@ -20,8 +18,6 @@ export var useMemoBorderIcon = function (isCollapsed) {
         if (isCollapsed) {
             return React.createElement(ArrowCRightIcon16Regular, null);
         }
-        else {
-            return React.createElement(ArrowCLeftIcon16Regular, null);
-        }
+        return React.createElement(ArrowCLeftIcon16Regular, null);
     }, [isCollapsed]);
 };

package/internal/themes/SideMenuTheme.d.ts

@@ -1,5 +1,5 @@
-import { BasicLightThemeInternal } from '@skbkontur/react-ui/internal/themes/BasicLightTheme';
-import { Theme as ReactUITheme } from '@skbkontur/react-ui/lib/theming/Theme';
+import type { BasicLightThemeInternal } from '@skbkontur/react-ui/internal/themes/BasicLightTheme';
+import type { Theme as ReactUITheme } from '@skbkontur/react-ui/lib/theming/Theme';
 declare const SideMenuTheme_base: typeof BasicLightThemeInternal;
 export declare class SideMenuTheme extends SideMenuTheme_base {
     static sideMenuWidth: string;

package/lib/theming/ThemeHelpers.d.ts

@@ -1,5 +1,5 @@
-import { Theme as ReactUITheme } from '@skbkontur/react-ui/lib/theming/Theme';
-import { SideMenuTheme } from './ThemeTypes';
+import type { Theme as ReactUITheme } from '@skbkontur/react-ui/lib/theming/Theme';
+import type { SideMenuTheme } from './ThemeTypes';
 /**
  * Creates SideMenuTheme out of ReactUI's Theme.
  *

package/lib/theming/ThemeHelpers.js

@@ -14,8 +14,9 @@ import { SideMenuThemeInternal, isSideMenuTheme, markAsSideMenuTheme } from '../
  */
 export var createSideMenuTheme = function (theme) {
     var e_1, _a;
-    if (isSideMenuTheme(theme))
+    if (isSideMenuTheme(theme)) {
         return theme;
+    }
     var sideMenuTheme = Object.create(theme, Object.assign(Object.getOwnPropertyDescriptors(SideMenuThemeInternal), {}));
     var _loop_1 = function (key) {
         var descriptor = Object.getOwnPropertyDescriptor(sideMenuTheme, key);
@@ -48,8 +49,9 @@ export var createSideMenuTheme = function (theme) {
 export var getSideMenuTheme = memo(function (theme) {
     return createSideMenuTheme(theme);
 });
+// eslint-disable-next-line @typescript-eslint/ban-types
 function isZeroArgs(fn) {
-    return fn.length == 0;
+    return fn.length === 0;
 }
 var memoize = function (fn) {
     if (isZeroArgs(fn)) {
@@ -65,8 +67,9 @@ var memoize = function (fn) {
     }
     var cache = new WeakMap();
     return function (arg) {
-        if (!cache.has(arg))
+        if (!cache.has(arg)) {
             cache.set(arg, fn(arg));
+        }
         return cache.get(arg);
     };
 };

package/lib/theming/ThemeTypes.d.ts

@@ -1,3 +1,3 @@
-import { SideMenuThemeInternal } from '../../internal/themes/SideMenuTheme';
+import type { SideMenuThemeInternal } from '../../internal/themes/SideMenuTheme';
 export type SideMenuTheme = Readonly<typeof SideMenuThemeInternal>;
 export type SideMenuThemeIn = Partial<SideMenuTheme>;

package/lib/utils/scripts.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export declare const isBrowser: boolean;
 export declare const isTouchDevice: () => boolean;
 export declare const isKonturIcon: (icon: React.ReactElement) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/side-menu",
-  "version": "3.2.1",
+  "version": "3.2.3",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -22,8 +22,8 @@
     "@skbkontur/react-ui": "^5.0.0"
   },
   "dependencies": {
-    "@skbkontur/icons": "^1.17.0",
-    "@skbkontur/react-ui-addons": "^5.2.0",
+    "@skbkontur/icons": "^1.18.0",
+    "@skbkontur/react-ui-addons": "^5.2.1",
     "tslib": "^2.8.0"
   }
 }

package/src/Navigation.d.ts

@@ -1,5 +1,6 @@
-import { RefObject } from 'react';
-import { Tree, TreeNode } from './Tree';
+import type { RefObject } from 'react';
+import type { TreeNode } from './Tree';
+import { Tree } from './Tree';
 export declare const navigationAttribute = "data-navigation-id";
 export declare const navigationAttributeForSeparatedMenu = "data-parent-navigation-id";
 export declare const navigationAttributeBackButton = "data-navigation-back-button";

package/src/Navigation.js

@@ -111,8 +111,9 @@ var MenuNavigation = /** @class */ (function () {
         (_d = firstLevelParent === null || firstLevelParent === void 0 ? void 0 : firstLevelParent.value) === null || _d === void 0 ? void 0 : _d.setIsFirstLevelParentOfActiveMenuItem(true);
     };
     MenuNavigation.prototype.getFirstLevelParent = function (treeNode) {
-        if (!treeNode)
+        if (!treeNode) {
             return;
+        }
         var parentTreeNode = treeNode.parent;
         while (parentTreeNode) {
             var foundNode = parentTreeNode.parent;

package/src/SideMenu/SideMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
+import type { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
 import { SideMenuOrganisations } from '../SideMenuOrganisations/SideMenuOrganisations';
 import { SideMenuBody } from '../SideMenuBody/SideMenuBody';
 import { SideMenuFooter } from '../SideMenuFooter/SideMenuFooter';

package/src/SideMenu/SideMenu.js

@@ -3,7 +3,10 @@ import React, { forwardRef, useContext, useEffect, useRef, useState } from 'reac
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
 import { isIE11 } from '@skbkontur/react-ui/lib/client';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { jsStylesForSideMenu, customStyles } from './SideMenu.styles';
+import { LIGHT_THEME, ScrollContainer, useResponsiveLayout } from '@skbkontur/react-ui';
+import { RenderLayer } from '@skbkontur/react-ui/internal/RenderLayer';
+import { ZIndex } from '@skbkontur/react-ui/internal/ZIndex';
+import { mergeRefs } from '@skbkontur/react-ui/lib/utils';
 import { SideMenuOrganisations } from '../SideMenuOrganisations/SideMenuOrganisations';
 import { SideMenuContext } from '../SideMenuContext';
 import { SideMenuBody } from '../SideMenuBody/SideMenuBody';
@@ -18,16 +21,13 @@ import { RightBorder } from '../internal/RightBorder';
 import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown';
 import { SideMenuLink } from '../SideMenuLink/SideMenuLink';
 import { SideMenuSubLink } from '../SideMenuSubLink/SideMenuSubLink';
-import { LIGHT_THEME, ScrollContainer, useResponsiveLayout } from '@skbkontur/react-ui';
 import { Backdrop } from '../internal/Backdrop';
-import { RenderLayer } from '@skbkontur/react-ui/internal/RenderLayer';
 import { isTouchDevice } from '../../lib/utils/scripts';
 import { SideMenuDataTids } from '../../SideMenuDataTids';
-import { ZIndex } from '@skbkontur/react-ui/internal/ZIndex';
 import { useAnimateOnMount } from '../../hooks/useAnimateOnMount';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
-import { mergeRefs } from '@skbkontur/react-ui/lib/utils';
 import { MenuNavigation } from '../Navigation';
+import { jsStylesForSideMenu, customStyles } from './SideMenu.styles';
 export var transitionDuration = 300; //ms
 export var burgerTransitionDuration = (transitionDuration * 2) / 3;
 var SideMenuInner = forwardRef(function (_a, ref) {
@@ -96,14 +96,16 @@ var SideMenuInner = forwardRef(function (_a, ref) {
         };
     }, []);
     useEffect(function () {
-        if (isMobile && isSeparatedMenuShown)
+        if (isMobile && isSeparatedMenuShown) {
             return;
+        }
         setTimeout(function () {
             var _a;
             var contentWrapper = contentWrapperRef.current;
             var scrollContainer = (_a = scrollContainerRef.current) === null || _a === void 0 ? void 0 : _a.inner;
-            if (!contentWrapper || !scrollContainer)
+            if (!contentWrapper || !scrollContainer) {
                 return;
+            }
             setHasScrollBar(scrollContainer.clientHeight < contentWrapper.scrollHeight);
         }, 50);
     }, [activeMenuItem, isOpened, isBeingTransitioned]);
@@ -111,8 +113,9 @@ var SideMenuInner = forwardRef(function (_a, ref) {
         isDesktopQuery && setIsOpened(!isPinned);
     }, [isPinned, isDesktopQuery]);
     var handleIsOpened = function (newIsOpened, shouldSetState) {
-        if (newIsOpened === isOpened || !shouldSetState)
+        if (newIsOpened === isOpened || !shouldSetState) {
             return;
+        }
         setIsOpened(newIsOpened);
         if (newIsOpened) {
             onOpen === null || onOpen === void 0 ? void 0 : onOpen();
@@ -188,8 +191,9 @@ var SideMenuInner = forwardRef(function (_a, ref) {
         }
     };
     var showMinimizedRootForNarrowDesktop = function (e) {
-        if (!isSeparatedMenuShown || !isCollapsable || isTouchScreen)
+        if (!isSeparatedMenuShown || !isCollapsable || isTouchScreen) {
             return;
+        }
         var relativeXCoordinate = e.clientX - leftPosition;
         var sideMenuMinimizedWidth = parseInt(theme.sideMenuMinimizedWidth);
         if (relativeXCoordinate <= sideMenuMinimizedWidth && mousePositionX >= sideMenuMinimizedWidth) {
@@ -201,8 +205,9 @@ var SideMenuInner = forwardRef(function (_a, ref) {
         setMousePositionX(relativeXCoordinate);
     };
     var showMenu = function (newIsShown) {
-        if (!isTabletOrMobile)
+        if (!isTabletOrMobile) {
             return;
+        }
         if (!isBeingTransitioned && newIsShown !== isOpened) {
             setIsBeingTransitioned(true);
             handleIsOpened(newIsShown, !manual);

package/src/SideMenu/SideMenu.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const customStyles: {
     rootForTabletsOrMobiles(headerHeight?: number): string;
 };

package/src/SideMenuAvatar/SideMenuAvatar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { UserAvatarProps } from '@skbkontur/react-ui-addons/';
-import { SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown';
+import type { UserAvatarProps } from '@skbkontur/react-ui-addons/';
+import type { SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown';
 export interface SideMenuAvatarProps extends Omit<UserAvatarProps, 'style'>, Omit<SideMenuDropdownProps, 'icon'>, Partial<Pick<SideMenuDropdownProps, 'icon' | 'onOpen' | 'onClose'>> {
 }
 /**

package/src/SideMenuAvatar/SideMenuAvatar.js

@@ -1,9 +1,9 @@
 import { __assign, __rest } from "tslib";
 import React, { forwardRef, useContext } from 'react';
 import { UserAvatar } from '@skbkontur/react-ui-addons/';
+import { ThemeContext } from '@skbkontur/react-ui';
 import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
-import { ThemeContext } from '@skbkontur/react-ui';
 var SideMenuAvatarInner = forwardRef(function (_a, ref) {
     var userName = _a.userName, avatarUrl = _a.avatarUrl, children = _a.children, icon = _a.icon, caption = _a.caption, rest = __rest(_a, ["userName", "avatarUrl", "children", "icon", "caption"]);
     var theme = getSideMenuTheme(useContext(ThemeContext));

package/src/SideMenuBody/SideMenuBody.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
+import type { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
 export interface SideMenuBodyProps extends CommonProps {
     children?: React.ReactNode;
 }

package/src/SideMenuBody/SideMenuBody.js

@@ -2,10 +2,10 @@ import { __assign, __rest } from "tslib";
 import React, { forwardRef, useContext } from 'react';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { jsStyles } from './SideMenuBody.styles';
 import { SideMenuContext } from '../SideMenuContext';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
 import { jsStylesForSideMenu } from '../SideMenu/SideMenu.styles';
+import { jsStyles } from './SideMenuBody.styles';
 var SideMenuBodyInner = forwardRef(function (_a, ref) {
     var _b, _c;
     var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);

package/src/SideMenuBody/SideMenuBody.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     root(t: SideMenuTheme): string;
     wrapper(t: SideMenuTheme): string;

package/src/SideMenuContext.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from 'react';
-import { ScrollContainerScrollStateY } from '@skbkontur/react-ui';
-import { showScrollBarType } from './SideMenu/SideMenu';
-import { MenuNavigation } from './Navigation';
+import type { RefObject } from 'react';
+import type { ScrollContainerScrollStateY } from '@skbkontur/react-ui';
+import type { showScrollBarType } from './SideMenu/SideMenu';
+import type { MenuNavigation } from './Navigation';
 export interface SideMenuContextType {
     isBeingTransitioned?: boolean;
     isSeparatedMenu?: boolean;

package/src/SideMenuDivider/SideMenuDivider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
+import type { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
 /**
  * Разделитель в главном меню
  *

package/src/SideMenuDivider/SideMenuDivider.js

@@ -1,9 +1,9 @@
 import { __assign, __rest } from "tslib";
 import React, { forwardRef, useContext } from 'react';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { jsStyles } from './SideMenuDivider.styles';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
 import { ThemeContext } from '@skbkontur/react-ui';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { jsStyles } from './SideMenuDivider.styles';
 var SideMenuDividerInner = forwardRef(function (_a, ref) {
     var _b;
     var className = _a.className, rest = __rest(_a, ["className"]);

package/src/SideMenuDivider/SideMenuDivider.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     root(t: SideMenuTheme): string;
 };

package/src/SideMenuDropdown/SideMenuDropdown.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { DropdownMenuProps } from '@skbkontur/react-ui';
-import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
-import { SideMenuItemProps } from '../SideMenuItem/SideMenuItem';
+import type { DropdownMenuProps } from '@skbkontur/react-ui';
+import type { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
+import type { SideMenuItemProps } from '../SideMenuItem/SideMenuItem';
 export interface SideMenuDropdownProps extends CommonProps, Omit<DropdownMenuProps, 'caption' | 'disableAnimations'>, Pick<SideMenuItemProps, 'icon' | 'caption' | 'marker' | 'id' | 'subCaption' | '_isAvatar'> {
     children?: React.ReactNode;
     disableAnimations?: boolean;

package/src/SideMenuDropdown/SideMenuDropdown.js

@@ -2,13 +2,13 @@ import { __assign, __rest } from "tslib";
 import React, { forwardRef, useContext } from 'react';
 import { ThemeContext, DropdownMenu } from '@skbkontur/react-ui';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { jsStyles } from './SideMenuDropdown.styles';
 import { SideMenuItem } from '../SideMenuItem/SideMenuItem';
 import { SideMenuContext } from '../SideMenuContext';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { jsStyles } from './SideMenuDropdown.styles';
 var SideMenuDropdownInner = forwardRef(function (_a, ref) {
     var _b, _c;
-    var icon = _a.icon, id = _a.id, children = _a.children, caption = _a.caption, marker = _a.marker, subCaption = _a.subCaption, className = _a.className, _d = _a.disableAnimations, disableAnimations = _d === void 0 ? false : _d, menuWidth = _a.menuWidth, _isAvatar = _a._isAvatar, rest = __rest(_a, ["icon", "id", "children", "caption", "marker", "subCaption", "className", "disableAnimations", "menuWidth", "_isAvatar"]);
+    var icon = _a.icon, id = _a.id, children = _a.children, caption = _a.caption, marker = _a.marker, subCaption = _a.subCaption, className = _a.className, menuWidth = _a.menuWidth, _isAvatar = _a._isAvatar, rest = __rest(_a, ["icon", "id", "children", "caption", "marker", "subCaption", "className", "menuWidth", "_isAvatar"]);
     var context = useContext(SideMenuContext);
     var theme = getSideMenuTheme(useContext(ThemeContext));
     return (React.createElement("li", { className: cx((_b = {}, _b[jsStyles.wrapper()] = true, _b), className), ref: ref },

package/src/SideMenuDropdown/SideMenuDropdown.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     label(t: SideMenuTheme): string;
     labelForTouchScreens(t: SideMenuTheme): string;

package/src/SideMenuFooter/SideMenuFooter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
+import type { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
 export interface SideMenuFooterProps extends CommonProps {
     children?: React.ReactNode;
 }

package/src/SideMenuFooter/SideMenuFooter.js

@@ -2,10 +2,10 @@ import { __assign, __read, __rest } from "tslib";
 import React, { forwardRef, useContext, useEffect, useState } from 'react';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { jsStyles } from './SideMenuFooter.styles';
 import { SideMenuContext } from '../SideMenuContext';
 import { jsStylesForSideMenu } from '../SideMenu/SideMenu.styles';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { jsStyles } from './SideMenuFooter.styles';
 var SideMenuFooterInner = forwardRef(function (_a, ref) {
     var _b;
     var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);

package/src/SideMenuFooter/SideMenuFooter.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     root(t: SideMenuTheme): string;
     rootFixed(t: SideMenuTheme): string;

package/src/SideMenuHeader/SideMenuHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LogotypeProps } from '@skbkontur/react-ui-addons/components/Logotype';
+import type { LogotypeProps } from '@skbkontur/react-ui-addons/components/Logotype';
 export interface SideMenuHeaderProps extends Partial<LogotypeProps> {
     iconUrl?: string;
 }

package/src/SideMenuHeader/SideMenuHeader.js

@@ -3,11 +3,11 @@ import React, { forwardRef, useContext, useEffect, useRef } from 'react';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
 import { mergeRefs } from '@skbkontur/react-ui/lib/utils';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { jsStyles } from './SideMenuHeader.styles';
+import { getDOMRect } from '@skbkontur/react-ui/lib/dom/getDOMRect';
 import { SideMenuContext } from '../SideMenuContext';
 import { SideMenuLogotype } from '../internal/SideMenuLogotype';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
-import { getDOMRect } from '@skbkontur/react-ui/lib/dom/getDOMRect';
+import { jsStyles } from './SideMenuHeader.styles';
 var SideMenuHeaderInner = forwardRef(function (_a, ref) {
     var _b;
     var _c;

package/src/SideMenuHeader/SideMenuHeader.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     root(t: SideMenuTheme): string;
     rootForTabletsOrMobiles(t: SideMenuTheme): string;

package/src/SideMenuItem/SideMenuItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonClickableElementProps } from '../internal/ClickableElement';
+import type { CommonClickableElementProps } from '../internal/ClickableElement';
 export interface SideMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonClickableElementProps {
     component?: React.ComponentType<any>;
 }

package/src/SideMenuLink/SideMenuLink.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonClickableElementProps } from '../internal/ClickableElement';
+import type { CommonClickableElementProps } from '../internal/ClickableElement';
 export interface SideMenuLinkProps<T = string> extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>, CommonClickableElementProps {
     component?: React.ComponentType<any>;
     href: T;

package/src/SideMenuLink/SideMenuLink.js

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
 import React, { forwardRef } from 'react';
+import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
 import { ClickableElement } from '../internal/ClickableElement';
 import { jsStyles } from './SideMenuLink.styles';
-import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
 var SideMenuLinkInner = forwardRef(function (_a, ref) {
     var _b;
     var className = _a.className, component = _a.component, rest = __rest(_a, ["className", "component"]);

package/src/SideMenuOrganisations/SideMenuOrganisations.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown';
+import type { SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown';
 /**
  * Список организаций
  *

package/src/SideMenuSubItem/SideMenuSubItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SideMenuItemProps } from '../SideMenuItem/SideMenuItem';
+import type { SideMenuItemProps } from '../SideMenuItem/SideMenuItem';
 export interface SideMenuSubItemProps extends Omit<SideMenuItemProps, 'icon'>, Partial<Pick<SideMenuItemProps, 'icon'>> {
 }
 /**

package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
+import type { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
 export interface SideMenuSubItemHeaderProps extends CommonProps {
     children?: React.ReactNode;
 }

package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.js

@@ -2,9 +2,9 @@ import { __assign, __rest } from "tslib";
 import React, { forwardRef, useContext } from 'react';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { jsStyles } from './SideMenuSubItemHeader.styles';
 import { SideMenuContext } from '../SideMenuContext';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { jsStyles } from './SideMenuSubItemHeader.styles';
 var SideMenuSubItemHeaderInner = forwardRef(function (_a, ref) {
     var _b;
     var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);

package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     root(t: SideMenuTheme): string;
     rootInSeparatedSubMenu(): string;

package/src/SideMenuSubLink/SideMenuSubLink.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SideMenuLinkProps } from '../SideMenuLink/SideMenuLink';
+import type { SideMenuLinkProps } from '../SideMenuLink/SideMenuLink';
 export interface SideMenuSubLinkProps<T = string> extends Omit<SideMenuLinkProps<T>, 'icon'>, Partial<Pick<SideMenuLinkProps, 'icon'>> {
 }
 /**

package/src/Tree.d.ts

@@ -1,4 +1,4 @@
-import { NavigableElement } from './Navigation';
+import type { NavigableElement } from './Navigation';
 export declare class TreeNode {
     id: string;
     value: NavigableElement | null;

package/src/Tree.js

@@ -66,8 +66,9 @@ var Tree = /** @class */ (function () {
     Tree.prototype.insert = function (parentId, id, value) {
         var e_2, _a;
         if (value === void 0) { value = null; }
-        if (!id)
+        if (!id) {
             return false;
+        }
         try {
             for (var _b = __values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var node = _c.value;
@@ -115,8 +116,9 @@ var Tree = /** @class */ (function () {
         try {
             for (var _b = __values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var node = _c.value;
-                if (node.id === id)
+                if (node.id === id) {
                     return node;
+                }
             }
         }
         catch (e_4_1) { e_4 = { error: e_4_1 }; }

package/src/internal/BackButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonClickableElementProps } from './ClickableElement';
+import type { CommonClickableElementProps } from './ClickableElement';
 export interface BackButtonProps extends Pick<CommonClickableElementProps, 'caption' | 'id'> {
     href?: string;
 }

package/src/internal/BackButton.js

@@ -1,7 +1,7 @@
 import { __assign } from "tslib";
 import React, { forwardRef, useContext } from 'react';
-import { SideMenuDataTids } from '../../SideMenuDataTids';
 import { ArrowALeftIcon20Regular } from '@skbkontur/icons/icons/ArrowALeftIcon/ArrowALeftIcon20Regular';
+import { SideMenuDataTids } from '../../SideMenuDataTids';
 import { SideMenuItem } from '../SideMenuItem/SideMenuItem';
 import { SideMenuContext } from '../SideMenuContext';
 import { navigationAttributeBackButton } from '../Navigation';
@@ -12,7 +12,7 @@ import { navigationAttributeBackButton } from '../Navigation';
  */
 var BackButton = forwardRef(function (_a, ref) {
     var _b;
-    var caption = _a.caption, id = _a.id, href = _a.href;
+    var caption = _a.caption, id = _a.id;
     var context = useContext(SideMenuContext);
     var handleClick = function () {
         var _a;

package/src/internal/Backdrop.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 export declare const Backdrop: (props: {
     style: CSSProperties;
 }) => JSX.Element;

package/src/internal/Backdrop.js

@@ -1,9 +1,9 @@
 import { __assign } from "tslib";
 import React from 'react';
 import { HideBodyVerticalScroll } from '@skbkontur/react-ui/internal/HideBodyVerticalScroll';
-import { jsStyles } from './Backdrop.styles';
 import { LIGHT_THEME } from '@skbkontur/react-ui';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { jsStyles } from './Backdrop.styles';
 export var Backdrop = function (props) {
     var _a;
     return (React.createElement("div", { className: cx((_a = {},

package/src/internal/Burger.js

@@ -1,10 +1,10 @@
 import React, { useContext } from 'react';
-import { jsStyles } from './Burger.styles';
-import { SideMenuContext } from '../SideMenuContext';
 import { UiMenuBars3HIcon24Regular } from '@skbkontur/icons/icons/UiMenuBars3HIcon/UiMenuBars3HIcon24Regular';
+import { ThemeContext } from '@skbkontur/react-ui';
+import { SideMenuContext } from '../SideMenuContext';
 import { SideMenuDataTids } from '../../SideMenuDataTids';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
-import { ThemeContext } from '@skbkontur/react-ui';
+import { jsStyles } from './Burger.styles';
 export var Burger = function () {
     var context = useContext(SideMenuContext);
     var theme = getSideMenuTheme(useContext(ThemeContext));

package/src/internal/Burger.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     rootForTabletsOrMobiles(t: SideMenuTheme): string;
 };

package/src/internal/ClickableElement.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactNode } from 'react';
-import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
 export interface CommonClickableElementProps extends CommonProps {
     children?: React.ReactNode;
     icon: React.ReactElement;

package/src/internal/ClickableElement.js

@@ -1,17 +1,17 @@
 import { __assign, __read, __rest } from "tslib";
 import React, { forwardRef, useContext, useEffect, useState } from 'react';
 import { keyListener } from '@skbkontur/react-ui/lib/events/keyListener';
-import { SideMenuContext } from '../SideMenuContext';
-import { ItemContent } from './ItemContent/ItemContent';
-import { SubMenu } from './SubMenu';
-import { jsStyles } from './ClickableElement.styles';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
 import { ThemeContext } from '@skbkontur/react-ui';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { SideMenuContext } from '../SideMenuContext';
 import { useMemoIcon } from '../../hooks/useMemoIcon';
 import { SideMenuDataTids } from '../../SideMenuDataTids';
 import { navigationAttribute } from '../Navigation';
 import { generateId } from '../../lib/utils/scripts';
+import { jsStyles } from './ClickableElement.styles';
+import { SubMenu } from './SubMenu';
+import { ItemContent } from './ItemContent/ItemContent';
 /**
  * Элемент списка (пункт меню либо ссылка)
  *
@@ -56,8 +56,9 @@ var ClickableElement = forwardRef(function (_a, ref) {
     };
     var setIsMinimized = function (lastElementInTheHierarchy) {
         var _a, _b;
-        if (context.isMobile || context.isTablet || (context.isDesktop && !context.isCollapsable))
+        if (context.isMobile || context.isTablet || (context.isDesktop && !context.isCollapsable)) {
             return;
+        }
         var topLevelItemInSeparatedSideMenu = context.isSeparatedMenu && !_isSubMenu && children;
         if (context.isCollapsable && (lastElementInTheHierarchy || topLevelItemInSeparatedSideMenu)) {
             (_a = context.setIsMinimized) === null || _a === void 0 ? void 0 : _a.call(context, true);

package/src/internal/ClickableElement.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     root(t: SideMenuTheme): string;
     rootButton(t: SideMenuTheme): string;

package/src/internal/InnerSubMenu.js

@@ -1,6 +1,6 @@
 import React, { forwardRef, useContext } from 'react';
-import { jsStylesForSideMenu } from '../SideMenu/SideMenu.styles';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { jsStylesForSideMenu } from '../SideMenu/SideMenu.styles';
 import { SideMenuContext } from '../SideMenuContext';
 /**
  * Подменю, раскрывающееся внутри основного меню

package/src/internal/ItemContent/Caption.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SideMenuItemProps } from '../../SideMenuItem/SideMenuItem';
+import type { SideMenuItemProps } from '../../SideMenuItem/SideMenuItem';
 interface CaptionProps extends Pick<SideMenuItemProps, '_isSubMenu' | 'caption' | '_isBackButton' | '_isDropdown' | '_isAvatar' | 'subCaption'> {
     hasIcon: boolean;
     isMultiline: boolean;

package/src/internal/ItemContent/Caption.js

@@ -1,10 +1,10 @@
 import { __read } from "tslib";
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { jsStyles } from './Caption.styles';
 import React, { forwardRef, useContext, useEffect, useRef, useState } from 'react';
 import { SideMenuContext } from '../../SideMenuContext';
 import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers';
+import { jsStyles } from './Caption.styles';
 var getTruncatedUserName = function (caption, visibleWidth, fullWidth) {
     var _a = __read(caption.split(' '), 2), firstName = _a[0], lastName = _a[1];
     if (visibleWidth < fullWidth && lastName) {
@@ -45,6 +45,7 @@ export var Caption = forwardRef(function (_a, ref) {
     }, [isBeingTransitioned, caption]);
     var isAvatarCaptionSingleWord = function (userName, _isAvatar) {
         if (userName === void 0) { userName = ''; }
+        if (_isAvatar === void 0) { _isAvatar = false; }
         return _isAvatar && userName.split(' ').length === 1;
     };
     var Component = isCaptionPlainText ? 'p' : 'div';

package/src/internal/ItemContent/Caption.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../../lib/theming/ThemeTypes';
 export declare const sideMenuMultilineCaptionPaddingTop = "4px";
 export declare const sideMenuCaptionMarginRight = "8px";
 export declare const jsStyles: {

package/src/internal/ItemContent/Icon.d.ts

@@ -1,6 +1,6 @@
-import { SideMenuItemProps } from '../../SideMenuItem/SideMenuItem';
+import type { SideMenuItemProps } from '../../SideMenuItem/SideMenuItem';
 interface IconProps extends Pick<SideMenuItemProps, '_isSubMenu' | 'icon' | '_isBackButton' | '_isAvatar' | 'disabled'> {
     isMultiline: boolean;
 }
-export declare const Icon: ({ icon, _isSubMenu, isMultiline, _isBackButton, _isAvatar, disabled }: IconProps) => JSX.Element;
+export declare const Icon: ({ icon, _isSubMenu, isMultiline, _isBackButton, disabled }: IconProps) => JSX.Element;
 export {};

package/src/internal/ItemContent/Icon.js

@@ -1,10 +1,10 @@
 import React, { useContext } from 'react';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { jsStyles } from './Icon.styles';
 import { SideMenuContext } from '../../SideMenuContext';
 import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers';
 import { isKonturIcon } from '../../../lib/utils/scripts';
+import { jsStyles } from './Icon.styles';
 var getIconSize = function (theme, _isSubMenu, _isBackButton) {
     if (!_isSubMenu) {
         return parseInt(theme.sideMenuIconSize);
@@ -15,7 +15,7 @@ var getIconSize = function (theme, _isSubMenu, _isBackButton) {
 };
 export var Icon = function (_a) {
     var _b;
-    var icon = _a.icon, _isSubMenu = _a._isSubMenu, isMultiline = _a.isMultiline, _c = _a._isBackButton, _isBackButton = _c === void 0 ? false : _c, _isAvatar = _a._isAvatar, disabled = _a.disabled;
+    var icon = _a.icon, _isSubMenu = _a._isSubMenu, isMultiline = _a.isMultiline, _c = _a._isBackButton, _isBackButton = _c === void 0 ? false : _c, disabled = _a.disabled;
     var context = useContext(SideMenuContext);
     var isSeparatedMenu = context.isSeparatedMenu, size = context.size;
     var theme = getSideMenuTheme(useContext(ThemeContext));

package/src/internal/ItemContent/Icon.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     root(t: SideMenuTheme): string;
     rootMultiline(): string;

package/src/internal/ItemContent/ItemContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SideMenuItemProps } from '../../SideMenuItem/SideMenuItem';
+import type { SideMenuItemProps } from '../../SideMenuItem/SideMenuItem';
 declare const ItemContentWithStaticFields: React.ForwardRefExoticComponent<SideMenuItemProps & {
     isNestedSubMenu?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {

package/src/internal/ItemContent/ItemContent.js

@@ -1,13 +1,13 @@
 import { __read } from "tslib";
 import React, { forwardRef, useContext, useEffect, useRef, useState } from 'react';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { jsStyles } from './ItemContent.styles';
+import { ThemeContext } from '@skbkontur/react-ui';
 import { SideMenuContext } from '../../SideMenuContext';
+import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers';
+import { jsStyles } from './ItemContent.styles';
 import { Icon } from './Icon';
 import { Caption } from './Caption';
 import { Marker } from './Marker';
-import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers';
-import { ThemeContext } from '@skbkontur/react-ui';
 var getCaptionLineHeight = function (theme, isTouchScreen, _isSubMenu, size) {
     if (isTouchScreen) {
         if (_isSubMenu) {
@@ -37,12 +37,14 @@ var ItemContent = forwardRef(function (_a, ref) {
             setIsMultiline(true);
             return;
         }
-        if (!textRef.current || _isBackButton || _isDropdown)
+        if (!textRef.current || _isBackButton || _isDropdown) {
             return;
+        }
         var captionLineHeight = getCaptionLineHeight(theme, context.isTouchScreen, _isSubMenu, size);
         var isMultiline = parseInt(captionLineHeight) < textRef.current.offsetHeight;
-        if (isMultiline)
+        if (isMultiline) {
             setIsMultiline(true);
+        }
     }, [caption, context.isBeingTransitioned, (_d = context.navigation) === null || _d === void 0 ? void 0 : _d.activeMenuItem]);
     return (React.createElement("div", { className: cx((_b = {},
             _b[jsStyles.root(theme)] = true,

package/src/internal/ItemContent/ItemContent.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     root(t: SideMenuTheme): string;
     largeRoot(t: SideMenuTheme): string;

package/src/internal/ItemContent/Marker.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuItemProps } from '../../SideMenuItem/SideMenuItem';
+import type { SideMenuItemProps } from '../../SideMenuItem/SideMenuItem';
 interface MarkerProps extends Pick<SideMenuItemProps, 'marker' | '_isSubMenu' | 'disabled'> {
     isMultiline: boolean;
     isMinimized?: boolean;

package/src/internal/ItemContent/Marker.js

@@ -1,8 +1,8 @@
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { jsStyles } from './Marker.styles';
 import React, { useContext } from 'react';
-import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers';
 import { ThemeContext } from '@skbkontur/react-ui';
+import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers';
+import { jsStyles } from './Marker.styles';
 export var Marker = function (_a) {
     var _b;
     var isMultiline = _a.isMultiline, marker = _a.marker, _isSubMenu = _a._isSubMenu, disabled = _a.disabled, isMinimized = _a.isMinimized;

package/src/internal/ItemContent/Marker.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     root(t: SideMenuTheme): string;
     rootEmpty(t: SideMenuTheme): string;

package/src/internal/NestedMenu.js

@@ -1,10 +1,10 @@
 import React, { forwardRef, useContext } from 'react';
-import { jsStyles } from './NestedMenu.styles';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
 import { ThemeContext } from '@skbkontur/react-ui';
-import { jsStylesForSideMenu } from '../SideMenu/SideMenu.styles';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { jsStylesForSideMenu } from '../SideMenu/SideMenu.styles';
 import { SideMenuContext } from '../SideMenuContext';
+import { jsStyles } from './NestedMenu.styles';
 /**
  * Вложенное подменю
  *

package/src/internal/NestedMenu.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     root(t: SideMenuTheme): string;
 };

package/src/internal/RightBorder.js

@@ -1,11 +1,11 @@
 import React, { forwardRef, useContext } from 'react';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { jsStyles } from './RightBorder.styles';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
 import { Hint, ThemeContext } from '@skbkontur/react-ui';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
 import { useMemoBorderIcon } from '../../hooks/useMemoIcon';
 import { SideMenuContext } from '../SideMenuContext';
 import { SideMenuDataTids } from '../../SideMenuDataTids';
+import { jsStyles } from './RightBorder.styles';
 /**
  * Элемент интерактивной правой границы
  *

package/src/internal/RightBorder.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const jsStyles: {
     root(t: SideMenuTheme): string;
     rootWithButton(): string;

package/src/internal/SeparatedSubMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonClickableElementProps } from './ClickableElement';
+import type { CommonClickableElementProps } from './ClickableElement';
 interface SeparatedSubMenuProps extends Pick<CommonClickableElementProps, 'caption'> {
     children?: React.ReactNode;
     htmlId: string;

package/src/internal/SeparatedSubMenu.js

@@ -3,15 +3,15 @@ import React, { forwardRef, useContext, useEffect, useRef } from 'react';
 import ReactDOM from 'react-dom';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import { ScrollContainer } from '@skbkontur/react-ui';
+import { isIE11 } from '@skbkontur/react-ui/lib/client';
 import { jsStylesForSideMenu } from '../SideMenu/SideMenu.styles';
-import { customStyles, jsStyles } from './SeparatedSubMenu.styles';
 import { SideMenuContext } from '../SideMenuContext';
-import { BackButton } from './BackButton';
 import { SideMenuDataTids } from '../../SideMenuDataTids';
-import { ScrollContainer } from '@skbkontur/react-ui';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
-import { isIE11 } from '@skbkontur/react-ui/lib/client';
 import { navigationAttributeForSeparatedMenu } from '../Navigation';
+import { BackButton } from './BackButton';
+import { customStyles, jsStyles } from './SeparatedSubMenu.styles';
 /**
  * Отдельностоящее подменю
  *

package/src/internal/SeparatedSubMenu.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const customStyles: {
     rootForMobiles(headerHeight?: number): string;
 };

package/src/internal/SideMenuLogotype.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SideMenuHeaderProps } from '../SideMenuHeader/SideMenuHeader';
+import type { SideMenuHeaderProps } from '../SideMenuHeader/SideMenuHeader';
 declare const SideMenuLogotypeWithStaticFields: React.ForwardRefExoticComponent<SideMenuHeaderProps & React.RefAttributes<HTMLDivElement>> & {
     __KONTUR_REACT_UI__: string;
 };

package/src/internal/SideMenuLogotype.js

@@ -1,12 +1,12 @@
 import { __assign, __read, __rest } from "tslib";
 import React, { forwardRef, useContext, useEffect, useRef, useState } from 'react';
 import { Logotype } from '@skbkontur/react-ui-addons/components/Logotype';
-import { jsStyles, sideMenuLogotypeIconSize } from './SideMenuLogotype.styles';
-import { SideMenuContext } from '../SideMenuContext';
-import { Burger } from './Burger';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
 import { ThemeContext } from '@skbkontur/react-ui';
+import { SideMenuContext } from '../SideMenuContext';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { jsStyles, sideMenuLogotypeIconSize } from './SideMenuLogotype.styles';
+import { Burger } from './Burger';
 var changeCamelCaseToKebabCase = function (str) {
     return str
         .split('')

package/src/internal/SideMenuLogotype.styles.d.ts

@@ -1,4 +1,4 @@
-import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes';
 export declare const sideMenuLogotypeIconSize = "32px";
 export declare const sideMenuLogotypeGapBetweenIconAndLogo = "50px";
 export declare const jsStyles: {

package/src/internal/SubMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonClickableElementProps } from './ClickableElement';
+import type { CommonClickableElementProps } from './ClickableElement';
 interface SubMenuProps extends Pick<CommonClickableElementProps, 'caption'> {
     children?: React.ReactNode;
     isOpened?: boolean;

package/src/internal/SubMenu.js

@@ -1,8 +1,8 @@
 import React, { forwardRef, useContext } from 'react';
+import { SideMenuContext } from '../SideMenuContext';
 import { SeparatedSubMenu } from './SeparatedSubMenu';
 import { InnerSubMenu } from './InnerSubMenu';
 import { NestedMenu } from './NestedMenu';
-import { SideMenuContext } from '../SideMenuContext';
 /**
  * Подменю
  *