@skbkontur/side-menu 4.0.1 → 4.0.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.2](/compare/@skbkontur/side-menu@4.0.1...@skbkontur/side-menu@4.0.2) (2026-04-20)
+
+**Note:** Version bump only for package @skbkontur/side-menu
+
+
+
+
+
 ## [4.0.1](/compare/@skbkontur/side-menu@4.0.0...@skbkontur/side-menu@4.0.1) (2026-04-10)
 
 **Note:** Version bump only for package @skbkontur/side-menu

package/hooks/useMemoIcon.js

@@ -1,7 +1,7 @@
-import React, { useMemo } from 'react';
 import { IconArrowCDownRegular16 } from '@skbkontur/icons/IconArrowCDownRegular16';
-import { IconArrowCRightRegular16 } from '@skbkontur/icons/IconArrowCRightRegular16';
 import { IconArrowCLeftRegular16 } from '@skbkontur/icons/IconArrowCLeftRegular16';
+import { IconArrowCRightRegular16 } from '@skbkontur/icons/IconArrowCRightRegular16';
+import React, { useMemo } from 'react';
 export var useMemoIcon = function (children, _a) {
     var isOpened = _a.isOpened, onClick = _a.onClick;
     return useMemo(function () {

package/internal/themes/SideMenuDarkTheme.js

@@ -1,6 +1,6 @@
 import { __extends } from "tslib";
-import { exposeGetters } from '@skbkontur/react-ui/lib/theming/ThemeHelpers';
 import * as colors from '@skbkontur/colors/tokens-default/dark';
+import { exposeGetters } from '@skbkontur/react-ui/lib/theming/ThemeHelpers';
 import { SideMenuTheme } from './SideMenuTheme.js';
 var SideMenuDarkTheme = /** @class */ (function (_super) {
     __extends(SideMenuDarkTheme, _super);

package/internal/themes/SideMenuTheme.js

@@ -1,7 +1,7 @@
 import { __extends } from "tslib";
+import * as colors from '@skbkontur/colors/tokens-default/light';
 import { BasicThemeClassForExtension } from '@skbkontur/react-ui/internal/themes/BasicTheme';
 import { exposeGetters } from '@skbkontur/react-ui/lib/theming/ThemeHelpers';
-import * as colors from '@skbkontur/colors/tokens-default/light';
 var SideMenuTheme = /** @class */ (function (_super) {
     __extends(SideMenuTheme, _super);
     function SideMenuTheme() {

package/lib/theming/ThemeHelpers.d.ts

@@ -1,5 +1,5 @@
-import type { Theme as ReactUITheme } from '@skbkontur/react-ui/lib/theming/Theme';
 import type { Emotion } from '@emotion/css/create-instance';
+import type { Theme as ReactUITheme } from '@skbkontur/react-ui/lib/theming/Theme';
 import type { SideMenuTheme } from './ThemeTypes.js';
 type ReactUIOrSideMenuTheme = (ReactUITheme | SideMenuTheme) & {
     [key: string]: unknown;

package/lib/theming/ThemeHelpers.js

@@ -1,9 +1,9 @@
 import { __values } from "tslib";
-import { isFunction } from '@skbkontur/react-ui/lib/utils';
 import { isDarkTheme } from '@skbkontur/react-ui/lib/theming/ThemeHelpers';
-import { memo } from '../utils/memo.js';
-import { SideMenuThemeInternal, isSideMenuTheme, markAsSideMenuTheme } from '../../internal/themes/SideMenuTheme.js';
+import { isFunction } from '@skbkontur/react-ui/lib/utils';
 import { SideMenuDarkThemeInternal } from '../../internal/themes/SideMenuDarkTheme.js';
+import { SideMenuThemeInternal, isSideMenuTheme, markAsSideMenuTheme } from '../../internal/themes/SideMenuTheme.js';
+import { memo } from '../utils/memo.js';
 /**
  * Creates SideMenuTheme out of ReactUI's Theme.
  *

package/package.json

@@ -1,13 +1,19 @@
 {
   "name": "@skbkontur/side-menu",
-  "version": "4.0.1",
+  "version": "4.0.2",
+  "private": false,
+  "license": "UNLICENSED",
+  "author": "Kontur",
+  "type": "module",
+  "exports": {
+    ".": "./index.js",
+    "./lib/*": "./lib/*.js",
+    "./package.json": "./package.json"
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "private": false,
-  "license": "UNLICENSED",
-  "type": "module",
   "scripts": {
     "clean": "rimraf dist",
     "prebuild": "yarn clean",
@@ -16,30 +22,23 @@
     "build:copyfiles": "copyfiles package.json README.md CHANGELOG.md dist",
     "build:exports": "node ../../scripts/generate-exports.mts ./dist/package.json",
     "build:lint:publint": "publint --pack npm ./dist",
-    "build:lint:attw": "attw --config-path ../../.attw.json ./dist",
-    "lint": "tsc --noEmit -p tsconfig.json"
-  },
-  "exports": {
-    ".": "./index.js",
-    "./lib/*": "./lib/*.js",
-    "./package.json": "./package.json"
-  },
-  "author": "Kontur",
-  "peerDependencies": {
-    "@skbkontur/react-ui": ">=5 <=6",
-    "react": ">=16.9 <=19",
-    "react-dom": ">=16.9 <=19"
-  },
-  "devDependencies": {
-    "@skbkontur/ui-cdn-components": "^1.9.0"
+    "build:lint:attw": "attw --config-path ../../.attw.json ./dist"
   },
   "dependencies": {
     "@skbkontur/bell-widget-npm-loader": "^0.3.0",
-    "@skbkontur/colors": "^2.1.6",
-    "@skbkontur/empty-state": "^2.0.0",
+    "@skbkontur/colors": "^2.1.7",
+    "@skbkontur/empty-state": "^2.0.1",
     "@skbkontur/icons": ">=2 <3",
-    "@skbkontur/react-ui-addons": "^6.0.1",
+    "@skbkontur/react-ui-addons": "^6.0.2",
     "@skbkontur/widget-consumer-react-utils": "^1.6.12",
     "tslib": "^2.8.0"
+  },
+  "devDependencies": {
+    "@skbkontur/ui-cdn-components": "^1.9.0"
+  },
+  "peerDependencies": {
+    "@skbkontur/react-ui": ">=5 <=6",
+    "react": ">=16.9 <=19",
+    "react-dom": ">=16.9 <=19"
   }
 }

package/src/SideMenu/SideMenu.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
 import type { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
-import { SideMenuOrganisations } from '../SideMenuOrganisations/SideMenuOrganisations.js';
-import { SideMenuNotifications } from '../SideMenuNotifications/SideMenuNotifications.js';
+import React from 'react';
+import { SideMenuAvatar } from '../SideMenuAvatar/SideMenuAvatar.js';
 import { SideMenuBody } from '../SideMenuBody/SideMenuBody.js';
+import { SideMenuDivider } from '../SideMenuDivider/SideMenuDivider.js';
+import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown.js';
 import { SideMenuFooter } from '../SideMenuFooter/SideMenuFooter.js';
 import { SideMenuHeader } from '../SideMenuHeader/SideMenuHeader.js';
 import { SideMenuItem } from '../SideMenuItem/SideMenuItem.js';
-import { SideMenuAvatar } from '../SideMenuAvatar/SideMenuAvatar.js';
+import { SideMenuLink } from '../SideMenuLink/SideMenuLink.js';
+import { SideMenuNotifications } from '../SideMenuNotifications/SideMenuNotifications.js';
+import { SideMenuOrganisations } from '../SideMenuOrganisations/SideMenuOrganisations.js';
 import { SideMenuSubItem } from '../SideMenuSubItem/SideMenuSubItem.js';
-import { SideMenuDivider } from '../SideMenuDivider/SideMenuDivider.js';
 import { SideMenuSubItemHeader } from '../SideMenuSubItemHeader/SideMenuSubItemHeader.js';
-import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown.js';
-import { SideMenuLink } from '../SideMenuLink/SideMenuLink.js';
 import { SideMenuSubLink } from '../SideMenuSubLink/SideMenuSubLink.js';
 export type showScrollBarType = 'always' | 'scroll' | 'hover' | 'never';
 export interface SideMenuProps extends CommonProps {

package/src/SideMenu/SideMenu.js

@@ -1,34 +1,34 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useCallback, forwardRef, useContext, useEffect, useRef, useState } from 'react';
-import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
-import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { ScrollContainer } from '@skbkontur/react-ui/components/ScrollContainer';
-import { LIGHT_THEME } from '@skbkontur/react-ui/lib/theming/themes/LightTheme';
 import { useResponsiveLayout } from '@skbkontur/react-ui/components/ResponsiveLayout/useResponsiveLayout';
+import { ScrollContainer } from '@skbkontur/react-ui/components/ScrollContainer';
 import { RenderLayer } from '@skbkontur/react-ui/internal/RenderLayer';
 import { ZIndex } from '@skbkontur/react-ui/internal/ZIndex';
 import { mergeRefs } from '@skbkontur/react-ui/lib/mergeRefs';
-import { SideMenuOrganisations } from '../SideMenuOrganisations/SideMenuOrganisations.js';
-import { SideMenuNotifications } from '../SideMenuNotifications/SideMenuNotifications.js';
-import { SideMenuContext } from '../SideMenuContext.js';
+import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import { LIGHT_THEME } from '@skbkontur/react-ui/lib/theming/themes/LightTheme';
+import React, { useCallback, forwardRef, useContext, useEffect, useRef, useState } from 'react';
+import { useAnimateOnMount } from '../../hooks/useAnimateOnMount.js';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
+import { isTouchDevice } from '../../lib/utils/scripts.js';
+import { SideMenuDataTids } from '../../SideMenuDataTids.js';
+import { Backdrop } from '../internal/Backdrop.js';
+import { RightBorder } from '../internal/RightBorder.js';
+import { MenuNavigation } from '../Navigation.js';
+import { SideMenuAvatar } from '../SideMenuAvatar/SideMenuAvatar.js';
 import { SideMenuBody } from '../SideMenuBody/SideMenuBody.js';
+import { SideMenuContext } from '../SideMenuContext.js';
+import { SideMenuDivider } from '../SideMenuDivider/SideMenuDivider.js';
+import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown.js';
 import { SideMenuFooter } from '../SideMenuFooter/SideMenuFooter.js';
 import { SideMenuHeader } from '../SideMenuHeader/SideMenuHeader.js';
 import { SideMenuItem } from '../SideMenuItem/SideMenuItem.js';
-import { SideMenuAvatar } from '../SideMenuAvatar/SideMenuAvatar.js';
+import { SideMenuLink } from '../SideMenuLink/SideMenuLink.js';
+import { SideMenuNotifications } from '../SideMenuNotifications/SideMenuNotifications.js';
+import { SideMenuOrganisations } from '../SideMenuOrganisations/SideMenuOrganisations.js';
 import { SideMenuSubItem } from '../SideMenuSubItem/SideMenuSubItem.js';
-import { SideMenuDivider } from '../SideMenuDivider/SideMenuDivider.js';
 import { SideMenuSubItemHeader } from '../SideMenuSubItemHeader/SideMenuSubItemHeader.js';
-import { RightBorder } from '../internal/RightBorder.js';
-import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown.js';
-import { SideMenuLink } from '../SideMenuLink/SideMenuLink.js';
 import { SideMenuSubLink } from '../SideMenuSubLink/SideMenuSubLink.js';
-import { Backdrop } from '../internal/Backdrop.js';
-import { isTouchDevice } from '../../lib/utils/scripts.js';
-import { SideMenuDataTids } from '../../SideMenuDataTids.js';
-import { useAnimateOnMount } from '../../hooks/useAnimateOnMount.js';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
-import { MenuNavigation } from '../Navigation.js';
 import { getStyles, getCustomStyles } from './SideMenu.styles.js';
 export var transitionDuration = 300; //ms
 export var burgerTransitionDuration = (transitionDuration * 2) / 3;

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

@@ -1,5 +1,5 @@
-import type { SideMenuTheme } from '../../lib/theming/ThemeTypes.js';
 import { type Emotion } from '../../lib/theming/ThemeHelpers.js';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes.js';
 export declare const getStyles: import("../../lib/theming/ThemeHelpers.js").StylesGetter<{
     root(): string;
     rootCollapsed(t: SideMenuTheme): string;

package/src/SideMenuAvatar/SideMenuAvatar.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { type UserAvatarProps } from '@skbkontur/react-ui-addons/components/UserAvatar/UserAvatar';
 import type { DropdownMenu } from '@skbkontur/react-ui/components/DropdownMenu';
+import React from 'react';
 import type { SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown.js';
 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/components/UserAvatar/UserAvatar';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown.js';
+import React, { forwardRef, useContext } from 'react';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
+import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown.js';
 var SideMenuAvatarInner = forwardRef(function (_a, ref) {
     var userName = _a.userName, avatarUrl = _a.avatarUrl, children = _a.children, icon = _a.icon, caption = _a.caption, _b = _a.menuWidth, menuWidth = _b === void 0 ? 200 : _b, rest = __rest(_a, ["userName", "avatarUrl", "children", "icon", "caption", "menuWidth"]);
     var theme = getSideMenuTheme(useContext(ThemeContext));

package/src/SideMenuBody/SideMenuBody.d.ts

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

package/src/SideMenuBody/SideMenuBody.js

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, useContext } from 'react';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { SideMenuContext } from '../SideMenuContext.js';
+import React, { forwardRef, useContext } from 'react';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
 import { getStyles as getSideMenuStyles } from '../SideMenu/SideMenu.styles.js';
+import { SideMenuContext } from '../SideMenuContext.js';
 import { getStyles } from './SideMenuBody.styles.js';
 var SideMenuBodyInner = forwardRef(function (_a, ref) {
     var _b;

package/src/SideMenuContext.d.ts

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

package/src/SideMenuDivider/SideMenuDivider.d.ts

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

package/src/SideMenuDivider/SideMenuDivider.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, useContext } from 'react';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import React, { forwardRef, useContext } from 'react';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
 import { getStyles } from './SideMenuDivider.styles.js';
 var SideMenuDividerInner = forwardRef(function (_a, ref) {

package/src/SideMenuDropdown/SideMenuDropdown.d.ts

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

package/src/SideMenuDropdown/SideMenuDropdown.js

@@ -1,11 +1,11 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, useContext } from 'react';
 import { DropdownMenu } from '@skbkontur/react-ui/components/DropdownMenu';
-import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
 import { useStyles, useEmotion } from '@skbkontur/react-ui/lib/renderEnvironment';
-import { SideMenuItem } from '../SideMenuItem/SideMenuItem.js';
-import { SideMenuContext } from '../SideMenuContext.js';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import React, { forwardRef, useContext } from 'react';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
+import { SideMenuContext } from '../SideMenuContext.js';
+import { SideMenuItem } from '../SideMenuItem/SideMenuItem.js';
 import { getStyles } from './SideMenuDropdown.styles.js';
 var SideMenuDropdownInner = forwardRef(function (_a, ref) {
     var _b;

package/src/SideMenuDropdown/SideMenuDropdown.styles.js

@@ -1,6 +1,6 @@
 import { __makeTemplateObject } from "tslib";
-import { transitionDuration } from '../SideMenu/SideMenu.js';
 import { memoizeGetStyles } from '../../lib/theming/ThemeHelpers.js';
+import { transitionDuration } from '../SideMenu/SideMenu.js';
 export var getStyles = memoizeGetStyles(function (_a) {
     var css = _a.css;
     return ({

package/src/SideMenuFooter/SideMenuFooter.d.ts

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

package/src/SideMenuFooter/SideMenuFooter.js

@@ -1,11 +1,11 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { forwardRef, useContext, useEffect, useState } from 'react';
-import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
-import { SideMenuContext } from '../SideMenuContext.js';
-import { getStyles as getSideMenuStyles } from '../SideMenu/SideMenu.styles.js';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import React, { forwardRef, useContext, useEffect, useState } from 'react';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
 import { SideMenuDataTids } from '../../SideMenuDataTids.js';
+import { getStyles as getSideMenuStyles } from '../SideMenu/SideMenu.styles.js';
+import { SideMenuContext } from '../SideMenuContext.js';
 import { getStyles } from './SideMenuFooter.styles.js';
 var SideMenuFooterInner = forwardRef(function (_a, ref) {
     var _b;

package/src/SideMenuHeader/SideMenuHeader.d.ts

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

package/src/SideMenuHeader/SideMenuHeader.js

@@ -1,12 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, useContext, useEffect, useRef } from 'react';
-import { useStyles, useEmotion } from '@skbkontur/react-ui/lib/renderEnvironment';
+import { getDOMRect } from '@skbkontur/react-ui/lib/dom/getDOMRect';
 import { mergeRefs } from '@skbkontur/react-ui/lib/mergeRefs';
+import { useStyles, useEmotion } from '@skbkontur/react-ui/lib/renderEnvironment';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { getDOMRect } from '@skbkontur/react-ui/lib/dom/getDOMRect';
-import { SideMenuContext } from '../SideMenuContext.js';
-import { SideMenuLogotype } from '../internal/SideMenuLogotype.js';
+import React, { forwardRef, useContext, useEffect, useRef } from 'react';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
+import { SideMenuLogotype } from '../internal/SideMenuLogotype.js';
+import { SideMenuContext } from '../SideMenuContext.js';
 import { getStyles } from './SideMenuHeader.styles.js';
 var SideMenuHeaderInner = forwardRef(function (_a, ref) {
     var _b;

package/src/SideMenuLink/SideMenuLink.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef } from 'react';
 import { useStyles, useEmotion } from '@skbkontur/react-ui/lib/renderEnvironment';
+import React, { forwardRef } from 'react';
 import { ClickableElement } from '../internal/ClickableElement.js';
 import { getStyles } from './SideMenuLink.styles.js';
 var SideMenuLinkInner = forwardRef(function (_a, ref) {

package/src/SideMenuNotifications/BellWidget.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { OperationResult } from '@skbkontur/operation-result';
 import type { ImportFaults, WidgetApi, RenderFault, RenderDisposeFault, Redirect } from '@skbkontur/bell-widget-npm-loader' assert { 'resolution-mode': 'import' };
+import type { OperationResult } from '@skbkontur/operation-result';
+import React from 'react';
 export interface BellWidgetProps {
     widgetApi: Promise<OperationResult<ImportFaults, WidgetApi>>;
     onClose(): void;

package/src/SideMenuNotifications/BellWidget.js

@@ -1,19 +1,19 @@
 import { __awaiter, __generator } from "tslib";
-import React, { useContext } from 'react';
 import { IconXRegular20 } from '@skbkontur/icons/IconXRegular20';
+import { createFailure, createSuccess, isFailure } from '@skbkontur/operation-result';
+import { Button } from '@skbkontur/react-ui/components/Button/Button';
 import { Center } from '@skbkontur/react-ui/components/Center/Center';
 import { Spinner } from '@skbkontur/react-ui/components/Spinner/Spinner';
-import { Button } from '@skbkontur/react-ui/components/Button/Button';
-import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
 import { useStyles, useEmotion } from '@skbkontur/react-ui/lib/renderEnvironment';
-import { createFailure, createSuccess, isFailure } from '@skbkontur/operation-result';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
 import { usePersistentCallback, WidgetRenderer } from '@skbkontur/widget-consumer-react-utils';
-import { SideMenuDataTids } from '../../SideMenuDataTids.js';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
+import React, { useContext } from 'react';
 import { SideMenuTheme } from '../../internal/themes/SideMenuTheme.js';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
+import { SideMenuDataTids } from '../../SideMenuDataTids.js';
+import { BellWidgetError } from './BellWidgetError.js';
 import { getCustomStyles, getStyles } from './BellWidgetView.styles.js';
 import { BELL_SIDE_MENU_DATA_ITEM } from './SideMenuNotifications.js';
-import { BellWidgetError } from './BellWidgetError.js';
 var getBtnTopPosition = function () {
     var _a;
     var bellDropDownItem = document.querySelector("[data-item=\"".concat(BELL_SIDE_MENU_DATA_ITEM, "\"]"));

package/src/SideMenuNotifications/BellWidgetError.d.ts

@@ -1,5 +1,7 @@
+import type { ImportFaults, RenderFault } from '@skbkontur/bell-widget-npm-loader' assert {
+    'resolution-mode': 'import'
+};
 import React from 'react';
-import type { ImportFaults, RenderFault } from '@skbkontur/bell-widget-npm-loader' assert { 'resolution-mode': 'import' };
 export interface BellWidgetErrorProps {
     error: ImportFaults | RenderFault;
     renderErrorButton?: (error: ImportFaults | RenderFault, retryRender: () => void) => React.ReactNode;

package/src/SideMenuNotifications/BellWidgetError.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { Center } from '@skbkontur/react-ui/components/Center/Center';
 import { EmptyState } from '@skbkontur/empty-state';
-import { IconWarningTriangleSolid64 } from '@skbkontur/icons/IconWarningTriangleSolid64';
 import { IconArrowUiAuthLoginRegular64 } from '@skbkontur/icons/IconArrowUiAuthLoginRegular64';
+import { IconWarningTriangleSolid64 } from '@skbkontur/icons/IconWarningTriangleSolid64';
+import { Center } from '@skbkontur/react-ui/components/Center/Center';
+import React from 'react';
 import { getErrorMessages } from './utils/getNotificationsErrorMessages.js';
 export var BellWidgetError = function (_a) {
     var renderErrorButton = _a.renderErrorButton, error = _a.error, renderErrorMessage = _a.renderErrorMessage, retryRender = _a.retryRender;

package/src/SideMenuNotifications/SideMenuNotifications.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import type { OperationResult } from '@skbkontur/operation-result';
 import type { ImportFaults, WidgetApi, RenderFault, RenderDisposeFault, Redirect } from '@skbkontur/bell-widget-npm-loader' assert { 'resolution-mode': 'import' };
+import type { OperationResult } from '@skbkontur/operation-result';
 import type { DropdownMenu } from '@skbkontur/react-ui/components/DropdownMenu';
+import React from 'react';
 import { type SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown.js';
 export interface NotificationApiProps extends Omit<SideMenuDropdownProps, 'icon' | 'marker' | 'subCaption'> {
     /**

package/src/SideMenuNotifications/SideMenuNotifications.js

@@ -1,13 +1,13 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, useContext } from 'react';
-import { IconNotificationBellRegular24 } from '@skbkontur/icons/IconNotificationBellRegular24';
 import { IconNotificationBellAlarmRegular24 } from '@skbkontur/icons/IconNotificationBellAlarmRegular24';
+import { IconNotificationBellRegular24 } from '@skbkontur/icons/IconNotificationBellRegular24';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
 import { ThemeFactory } from '@skbkontur/react-ui/lib/theming/ThemeFactory';
-import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown.js';
-import { SideMenu } from '../SideMenu/SideMenu.js';
-import { SideMenuDataTids } from '../../SideMenuDataTids.js';
+import React, { forwardRef, useContext } from 'react';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
+import { SideMenuDataTids } from '../../SideMenuDataTids.js';
+import { SideMenu } from '../SideMenu/SideMenu.js';
+import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown.js';
 import { BellWidget } from './BellWidget.js';
 import { getMarker } from './utils/getMarker.js';
 export var BELL_SIDE_MENU_DATA_ITEM = 'bell_side-menu-button';

package/src/SideMenuOrganisations/SideMenuOrganisations.d.ts

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

package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.d.ts

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

package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.js

@@ -1,9 +1,9 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, useContext } from 'react';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { SideMenuContext } from '../SideMenuContext.js';
+import React, { forwardRef, useContext } from 'react';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
+import { SideMenuContext } from '../SideMenuContext.js';
 import { getStyles } from './SideMenuSubItemHeader.styles.js';
 var SideMenuSubItemHeaderInner = forwardRef(function (_a, ref) {
     var _b;

package/src/internal/BackButton.js

@@ -1,9 +1,9 @@
-import React, { forwardRef, useContext } from 'react';
 import { IconArrowALeftRegular20 } from '@skbkontur/icons/IconArrowALeftRegular20';
+import React, { forwardRef, useContext } from 'react';
 import { SideMenuDataTids } from '../../SideMenuDataTids.js';
-import { SideMenuItem } from '../SideMenuItem/SideMenuItem.js';
-import { SideMenuContext } from '../SideMenuContext.js';
 import { navigationAttributeBackButton } from '../Navigation.js';
+import { SideMenuContext } from '../SideMenuContext.js';
+import { SideMenuItem } from '../SideMenuItem/SideMenuItem.js';
 /**
  * Кнопка возврата в меню первого уровня
  *

package/src/internal/Backdrop.js

@@ -1,8 +1,8 @@
 import { __assign } from "tslib";
-import React from 'react';
 import { HideBodyVerticalScroll } from '@skbkontur/react-ui/internal/HideBodyVerticalScroll';
-import { LIGHT_THEME } from '@skbkontur/react-ui/lib/theming/themes/LightTheme';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
+import { LIGHT_THEME } from '@skbkontur/react-ui/lib/theming/themes/LightTheme';
+import React from 'react';
 import { getStyles } from './Backdrop.styles.js';
 export var Backdrop = function (props) {
     var styles = useStyles(getStyles);

package/src/internal/Backdrop.styles.js

@@ -1,6 +1,6 @@
 import { __makeTemplateObject } from "tslib";
-import { burgerTransitionDuration } from '../SideMenu/SideMenu.js';
 import { memoizeGetStyles } from '../../lib/theming/ThemeHelpers.js';
+import { burgerTransitionDuration } from '../SideMenu/SideMenu.js';
 export var getStyles = memoizeGetStyles(function (_a) {
     var css = _a.css;
     return ({

package/src/internal/Burger.js

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

package/src/internal/ClickableElement.d.ts

@@ -1,6 +1,6 @@
+import type { 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?: 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 { useKeyListener } from '@skbkontur/react-ui/lib/events/keyListener';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
-import { SideMenuContext } from '../SideMenuContext.js';
+import React, { forwardRef, useContext, useEffect, useState } from 'react';
 import { useMemoIcon } from '../../hooks/useMemoIcon.js';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
+import { generateId } from '../../lib/utils/scripts.js';
 import { SideMenuDataTids } from '../../SideMenuDataTids.js';
 import { navigationAttribute } from '../Navigation.js';
-import { generateId } from '../../lib/utils/scripts.js';
+import { SideMenuContext } from '../SideMenuContext.js';
 import { getStyles } from './ClickableElement.styles.js';
-import { SubMenu } from './SubMenu.js';
 import { ItemContent } from './ItemContent/ItemContent.js';
+import { SubMenu } from './SubMenu.js';
 /**
  * Элемент списка (пункт меню либо ссылка)
  *

package/src/internal/InnerSubMenu.js

@@ -1,5 +1,5 @@
-import React, { forwardRef, useContext } from 'react';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
+import React, { forwardRef, useContext } from 'react';
 import { getStyles as getSideMenuStyles } from '../SideMenu/SideMenu.styles.js';
 import { SideMenuContext } from '../SideMenuContext.js';
 /**

package/src/internal/ItemContent/Caption.js

@@ -2,8 +2,8 @@ import { __read } from "tslib";
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
 import React, { forwardRef, useContext, useEffect, useRef, useState } from 'react';
-import { SideMenuContext } from '../../SideMenuContext.js';
 import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers.js';
+import { SideMenuContext } from '../../SideMenuContext.js';
 import { getStyles } from './Caption.styles.js';
 var getTruncatedUserName = function (caption, captionWidth, maxCaptionWidth) {
     var _a = __read(caption.split(' '), 2), firstName = _a[0], lastName = _a[1];

package/src/internal/ItemContent/Icon.js

@@ -1,9 +1,9 @@
-import React, { useContext } from 'react';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { SideMenuContext } from '../../SideMenuContext.js';
+import React, { useContext } from 'react';
 import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers.js';
 import { isKonturIcon } from '../../../lib/utils/scripts.js';
+import { SideMenuContext } from '../../SideMenuContext.js';
 import { getStyles } from './Icon.styles.js';
 var getIconSize = function (theme, _isSubMenu, _isBackButton) {
     if (!_isSubMenu) {

package/src/internal/ItemContent/ItemContent.js

@@ -1,12 +1,12 @@
 import { __read } from "tslib";
-import React, { forwardRef, useContext, useEffect, useRef, useState } from 'react';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { SideMenuContext } from '../../SideMenuContext.js';
+import React, { forwardRef, useContext, useEffect, useRef, useState } from 'react';
 import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers.js';
-import { getStyles } from './ItemContent.styles.js';
-import { Icon } from './Icon.js';
+import { SideMenuContext } from '../../SideMenuContext.js';
 import { Caption } from './Caption.js';
+import { Icon } from './Icon.js';
+import { getStyles } from './ItemContent.styles.js';
 import { Marker } from './Marker.js';
 var getCaptionLineHeight = function (theme, isTouchScreen, _isSubMenu, size) {
     if (isTouchScreen) {

package/src/internal/ItemContent/Marker.js

@@ -1,6 +1,6 @@
-import React, { useContext } from 'react';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import React, { useContext } from 'react';
 import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers.js';
 import { getStyles } from './Marker.styles.js';
 export var Marker = function (_a) {

package/src/internal/NestedMenu.js

@@ -1,5 +1,5 @@
-import React, { forwardRef, useContext } from 'react';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
+import React, { forwardRef, useContext } from 'react';
 import { getStyles as getSideMenuStyles } from '../SideMenu/SideMenu.styles.js';
 import { SideMenuContext } from '../SideMenuContext.js';
 /**

package/src/internal/RightBorder.js

@@ -1,12 +1,12 @@
-import React, { forwardRef, useContext } from 'react';
-import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
-import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
 import { Hint } from '@skbkontur/react-ui/components/Hint/Hint';
 import { ZIndex } from '@skbkontur/react-ui/internal/ZIndex';
-import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
+import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
+import React, { forwardRef, useContext } from 'react';
 import { useMemoBorderIcon } from '../../hooks/useMemoIcon.js';
-import { SideMenuContext } from '../SideMenuContext.js';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
 import { SideMenuDataTids } from '../../SideMenuDataTids.js';
+import { SideMenuContext } from '../SideMenuContext.js';
 import { getStyles } from './RightBorder.styles.js';
 /**
  * Элемент интерактивной правой границы

package/src/internal/RightBorder.styles.js

@@ -4,7 +4,7 @@ export var getStyles = memoizeGetStyles(function (_a) {
     var css = _a.css;
     return ({
         root: function (t) {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      opacity: 0;\n      position: absolute;\n      width: ", ";\n      height: 100%;\n      right: 0;\n      background: transparent;\n      display: flex;\n      align-items: center;\n      color: ", ";\n      transition: opacity, color 150ms cubic-bezier(0.5, 1, 0.89, 1);\n      &:hover {\n        color: ", ";\n      }\n    "], ["\n      opacity: 0;\n      position: absolute;\n      width: ", ";\n      height: 100%;\n      right: 0;\n      background: transparent;\n      display: flex;\n      align-items: center;\n      color: ", ";\n      transition: opacity, color 150ms cubic-bezier(0.5, 1, 0.89, 1);\n      &:hover {\n        color: ", ";\n      }\n    "])), t.sideMenuRightBorderWidth, t.sideMenuRightBorderIconColor, t.sideMenuRightBorderIconColorHover);
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      opacity: 0;\n      position: absolute;\n      width: ", ";\n      height: 100%;\n      right: 0;\n      background: transparent;\n      display: flex;\n      align-items: center;\n      color: ", ";\n      transition:\n        opacity,\n        color 150ms cubic-bezier(0.5, 1, 0.89, 1);\n      &:hover {\n        color: ", ";\n      }\n    "], ["\n      opacity: 0;\n      position: absolute;\n      width: ", ";\n      height: 100%;\n      right: 0;\n      background: transparent;\n      display: flex;\n      align-items: center;\n      color: ", ";\n      transition:\n        opacity,\n        color 150ms cubic-bezier(0.5, 1, 0.89, 1);\n      &:hover {\n        color: ", ";\n      }\n    "])), t.sideMenuRightBorderWidth, t.sideMenuRightBorderIconColor, t.sideMenuRightBorderIconColorHover);
         },
         rootWithButton: function () {
             return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      opacity: 1;\n    "], ["\n      opacity: 1;\n    "])));

package/src/internal/SeparatedSubMenu.js

@@ -1,13 +1,13 @@
-import React, { forwardRef, useContext, useEffect, useRef } from 'react';
-import ReactDOM from 'react-dom';
+import { ScrollContainer } from '@skbkontur/react-ui/components/ScrollContainer';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { ScrollContainer } from '@skbkontur/react-ui/components/ScrollContainer';
-import { getStyles as getSideMenuStyles } from '../SideMenu/SideMenu.styles.js';
-import { SideMenuContext } from '../SideMenuContext.js';
-import { SideMenuDataTids } from '../../SideMenuDataTids.js';
+import React, { forwardRef, useContext, useEffect, useRef } from 'react';
+import ReactDOM from 'react-dom';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
+import { SideMenuDataTids } from '../../SideMenuDataTids.js';
 import { navigationAttributeForSeparatedMenu } from '../Navigation.js';
+import { getStyles as getSideMenuStyles } from '../SideMenu/SideMenu.styles.js';
+import { SideMenuContext } from '../SideMenuContext.js';
 import { BackButton } from './BackButton.js';
 import { getCustomStyles, getStyles } from './SeparatedSubMenu.styles.js';
 /**

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

@@ -1,5 +1,5 @@
-import type { SideMenuTheme } from '../../lib/theming/ThemeTypes.js';
 import { type Emotion } from '../../lib/theming/ThemeHelpers.js';
+import type { SideMenuTheme } from '../../lib/theming/ThemeTypes.js';
 export declare const getStyles: import("../../lib/theming/ThemeHelpers.js").StylesGetter<{
     root(t: SideMenuTheme): string;
     rootTouchScreen(t: SideMenuTheme): 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/Logotype';
 import { useEmotion, useStyles } from '@skbkontur/react-ui/lib/renderEnvironment';
 import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-import { SideMenuContext } from '../SideMenuContext.js';
+import React, { forwardRef, useContext, useEffect, useRef, useState } from 'react';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers.js';
-import { getStyles, sideMenuLogotypeIconSize } from './SideMenuLogotype.styles.js';
+import { SideMenuContext } from '../SideMenuContext.js';
 import { Burger } from './Burger.js';
+import { getStyles, sideMenuLogotypeIconSize } from './SideMenuLogotype.styles.js';
 var changeCamelCaseToKebabCase = function (str) {
     return str
         .split('')

package/src/internal/SideMenuLogotype.styles.js

@@ -1,6 +1,6 @@
 import { __makeTemplateObject } from "tslib";
-import { transitionDuration } from '../SideMenu/SideMenu.js';
 import { memoizeGetStyles } from '../../lib/theming/ThemeHelpers.js';
+import { transitionDuration } from '../SideMenu/SideMenu.js';
 export var sideMenuLogotypeIconSize = '32px';
 export var sideMenuLogotypeGapBetweenIconAndLogo = '50px';
 export var getStyles = memoizeGetStyles(function (_a) {

package/src/internal/SubMenu.js

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