@gravity-ui/navigation 3.7.4 → 3.8.0

package/build/cjs/components/AllPagesPanel/index.d.ts

@@ -1,3 +1,3 @@
 export { AllPagesPanel } from './AllPagesPanel';
-export { getAllPagesMenuItem, ALL_PAGES_ID } from './constants';
+export { getAllPagesMenuItem } from './constants';
 export { useVisibleMenuItems } from './useVisibleMenuItems';

package/build/cjs/components/AsideHeader/AsideHeaderContext.d.ts

@@ -7,13 +7,11 @@ export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
     allPagesIsAvailable: boolean;
     onItemClick: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
-export declare const AsideHeaderInnerContext: React.Context<AsideHeaderInnerContextType | undefined>;
 export declare const AsideHeaderInnerContextProvider: React.Provider<AsideHeaderInnerContextType | undefined>;
 export declare const useAsideHeaderInnerContext: () => AsideHeaderInnerContextType;
 export interface AsideHeaderContextType {
     compact: boolean;
     size: number;
 }
-export declare const AsideHeaderContext: React.Context<AsideHeaderContextType | undefined>;
 export declare const AsideHeaderContextProvider: React.Provider<AsideHeaderContextType | undefined>;
 export declare const useAsideHeaderContext: () => AsideHeaderContextType;

package/build/cjs/components/AsideHeader/__stories__/AsideHeader.stories.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { Meta } from '@storybook/react';
+import { AsideHeaderShowcaseProps } from './AsideHeaderShowcase';
 declare const _default: Meta;
 export default _default;
 export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
@@ -8,8 +9,9 @@ export declare const MultipleTooltip: import("@storybook/csf").AnnotatedStoryFn<
 export declare const CustomTheme: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
 export declare const CustomBackground: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
 export declare const AdvancedUsage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const HeaderAlert: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const HeaderAlertCentered: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const HeaderAlert: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
+export declare const HeaderAlertCentered: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
+export declare const HeaderAlertCustom: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
 export declare const Fallback: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
     headerDecoration: boolean;
     subheaderItemsCount: number;

package/build/cjs/components/AsideHeader/__stories__/AsideHeaderShowcase.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { TopAlertProps } from '../..';
+import { TopAlertProps } from '../../types';
 import './AsideHeaderShowcase.scss';
-interface AsideHeaderShowcaseProps {
+export interface AsideHeaderShowcaseProps {
     multipleTooltip?: boolean;
     initialCompact?: boolean;
     topAlert?: TopAlertProps;
@@ -11,4 +11,3 @@ interface AsideHeaderShowcaseProps {
     hideCollapseButton?: boolean;
 }
 export declare const AsideHeaderShowcase: React.FC<AsideHeaderShowcaseProps>;
-export {};

package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import './CollapseButton.scss';
-export interface CollapseButtonProps {
+interface CollapseButtonProps {
     className?: string;
 }
 export declare const CollapseButton: ({ className }: CollapseButtonProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+export {};

package/build/cjs/components/AsideHeader/components/PageLayout/AsideFallback.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { QAProps } from '@gravity-ui/uikit';
-export interface Props extends QAProps {
+interface Props extends QAProps {
     headerDecoration?: boolean;
     subheaderItemsCount?: number;
 }
 export declare const AsideFallback: React.FC<Props>;
+export {};

package/build/cjs/components/AsideHeader/types.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { QAProps } from '@gravity-ui/uikit';
 import { RenderContentType } from '../Content';
 import { DrawerItemProps } from '../Drawer/Drawer';
@@ -8,14 +9,14 @@ export interface LayoutProps {
     className?: string;
     topAlert?: TopAlertProps;
 }
-export interface EditMenuProps {
+interface EditMenuProps {
     onOpenEditMode?: () => void;
     onToggleMenuItem?: (changedItem: MenuItem) => void;
     onResetSettingsToDefault?: () => void;
     enableSorting?: boolean;
     onChangeItemsOrder?: (changedItem: MenuItem, oldIndex: number, newIndex: number) => void;
 }
-export interface AsideHeaderGeneralProps extends QAProps {
+interface AsideHeaderGeneralProps extends QAProps {
     logo?: LogoProps;
     multipleTooltip?: boolean;
     className?: string;
@@ -43,7 +44,7 @@ export interface AsideHeaderGeneralProps extends QAProps {
     onAllPagesClick?: () => void;
     openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;
 }
-export interface AsideHeaderDefaultProps {
+interface AsideHeaderDefaultProps {
     panelItems?: DrawerItemProps[];
     subheaderItems?: SubheaderMenuItem[];
     menuItems?: MenuItem[];
@@ -57,3 +58,4 @@ export interface AsideHeaderProps extends AsideHeaderGeneralProps, LayoutProps,
 export declare enum InnerPanels {
     AllPages = "all-pages"
 }
+export {};

package/build/cjs/components/CompositeBar/CompositeBar.d.ts

@@ -9,7 +9,7 @@ type CompositeBarItems = {
     type: 'subheader';
     items: SubheaderMenuItem[];
 };
-export type CompositeBarProps = CompositeBarItems & {
+type CompositeBarProps = CompositeBarItems & {
     onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     multipleTooltip?: boolean;
     menuMoreTitle?: string;

package/build/cjs/components/CompositeBar/Item/Item.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PopupPlacement, PopupProps } from '@gravity-ui/uikit';
+import { PopupProps } from '@gravity-ui/uikit';
 import { MenuItem } from '../../types';
 import './Item.scss';
 interface ItemPopup {
@@ -39,7 +39,5 @@ interface ItemInnerProps extends ItemProps {
     onMouseEnter?: () => void;
     onMouseLeave?: () => void;
 }
-export declare const defaultPopupPlacement: PopupPlacement;
-export declare const defaultPopupOffset: NonNullable<PopupProps['offset']>;
 export declare const Item: React.FC<ItemInnerProps>;
 export {};

package/build/cjs/components/CompositeBar/MultipleTooltip/MultipleTooltip.d.ts

@@ -2,7 +2,8 @@ import React from 'react';
 import { PopupProps } from '@gravity-ui/uikit';
 import { MenuItem } from '../../types';
 import './MultipleTooltip.scss';
-export type MultipleTooltipProps = Pick<PopupProps, 'open' | 'anchorRef' | 'placement'> & {
+type MultipleTooltipProps = Pick<PopupProps, 'open' | 'anchorRef' | 'placement'> & {
     items: MenuItem[];
 };
 export declare const MultipleTooltip: React.FC<MultipleTooltipProps>;
+export {};

package/build/cjs/components/CompositeBar/MultipleTooltip/index.d.ts

@@ -1,3 +1,2 @@
-export type { MultipleTooltipProps } from './MultipleTooltip';
 export { MultipleTooltip } from './MultipleTooltip';
 export { MultipleTooltipContext, MultipleTooltipProvider } from './MultipleTooltipContext';

package/build/cjs/components/CompositeBar/utils.d.ts

@@ -3,7 +3,6 @@ import { MenuItem } from './../types';
 export declare function getItemHeight(item: CompositeBarItem): 40 | 50 | 15;
 export declare function getItemsHeight<T extends CompositeBarItem>(items: T[]): number;
 export declare function getSelectedItemIndex(items: MenuItem[]): number | undefined;
-export declare function getPinnedItems(items: MenuItem[]): MenuItem[];
 export declare function getItemsMinHeight(items: MenuItem[]): number;
 export declare function getMoreButtonItem(menuMoreTitle?: string): MenuItem;
 export declare function getAutosizeListItems(items: MenuItem[], height: number, collapseItem: MenuItem): {

package/build/cjs/components/Drawer/utils.d.ts

@@ -1,22 +1,9 @@
 import * as React from 'react';
-export declare const DRAWER_ITEM_MIN_RESIZE_WIDTH = 200;
-export declare const DRAWER_ITEM_MAX_RESIZE_WIDTH = 800;
-export declare const DRAWER_ITEM_INITIAL_RESIZE_WIDTH = 400;
 export type DrawerDirection = 'right' | 'left' | 'top' | 'bottom';
 export type OnResizeHandler = (width: number, event: MouseEvent | TouchEvent) => void;
 export type OnResizeContinueHandler = (width: number) => void;
 export declare function useScrollLock(enabled: boolean): void;
-export interface UseResizeHandlersParams {
-    onStart: () => void;
-    onMove: (delta: number) => void;
-    onEnd: (delta: number, event: MouseEvent | TouchEvent) => void;
-    direction?: 'horizontal' | 'vertical';
-}
-export declare function useResizeHandlers({ onStart, onMove, onEnd, direction, }: UseResizeHandlersParams): {
-    onMouseDown: (e: React.MouseEvent | React.TouchEvent) => void;
-    onTouchStart: (e: React.MouseEvent | React.TouchEvent) => void;
-};
-export interface UseResizableDrawerItemParams {
+interface UseResizableDrawerItemParams {
     direction?: DrawerDirection;
     width?: number;
     minResizeWidth?: number;
@@ -33,3 +20,4 @@ export declare function useResizableDrawerItem(params: UseResizableDrawerItemPar
     };
     isResizing: boolean;
 };
+export {};

package/build/cjs/components/Footer/MenuItem/MenuItem.d.ts

@@ -1,5 +1,6 @@
 import type { FC } from 'react';
 import { FooterMenuItem } from '../types';
 import './MenuItem.scss';
-export type MenuItemProps = FooterMenuItem;
+type MenuItemProps = FooterMenuItem;
 export declare const MenuItem: FC<MenuItemProps>;
+export {};

package/build/cjs/components/MobileHeader/types.d.ts

@@ -9,7 +9,7 @@ export interface ModalItem {
     renderContent?: () => React.ReactNode;
     onClose?: () => void;
 }
-export type MobileMenuItemType = 'regular' | 'divider';
+type MobileMenuItemType = 'regular' | 'divider';
 export interface MobileMenuItem extends Omit<MenuItem, 'tooltipText' | 'pinned' | 'rightAdornment' | 'afterMoreButton' | 'itemWrapper' | 'onItemClick'> {
     type?: MobileMenuItemType;
     closeMenuOnClick?: boolean;
@@ -25,3 +25,4 @@ export type ItemEventsConfig = {
 export type MobileHeaderEventOptions = {
     panelName?: string;
 };
+export {};

package/build/cjs/components/Settings/collect-settings.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IconProps } from '@gravity-ui/uikit';
 import { SettingsSelection } from './Selection/types';
 export type SettingsMenu = (SettingsMenuGroup | SettingsMenuItem)[];
-export interface SettingsMenuGroup {
+interface SettingsMenuGroup {
     groupTitle: string;
     items: SettingsMenuItem[];
 }
@@ -47,3 +47,4 @@ export interface SettingsDescription {
 }
 export declare function getSettingsFromChildren(children: React.ReactNode, searchText?: string): SettingsDescription;
 export declare function getSelectedSettingsPart(pages: Record<string, SettingsPage>, selection: SettingsSelection): SelectedSettingsPart;
+export {};

package/build/cjs/components/Settings/types.d.ts

@@ -2,7 +2,7 @@ import type React from 'react';
 import type { IconProps } from '@gravity-ui/uikit';
 import type { SettingsSelection } from './Selection';
 import type { SettingsPageSection } from './collect-settings';
-export interface GroupItem {
+interface GroupItem {
     groupTitle: string;
     items: Item[];
 }

package/build/cjs/components/types.d.ts

@@ -60,7 +60,7 @@ export interface LogoProps {
     'aria-label'?: string;
     'aria-labelledby'?: string;
 }
-export interface TopAlertProps {
+interface TopAlertBaseProps {
     align?: AlertProps['align'];
     message: AlertProps['message'];
     title?: AlertProps['title'];
@@ -72,4 +72,11 @@ export interface TopAlertProps {
     centered?: boolean;
     dense?: boolean;
     onCloseTopAlert?: () => void;
+    render?: never;
 }
+export type TopAlertProps = TopAlertBaseProps | {
+    render: (params: {
+        handleClose: () => void;
+    }) => React.ReactElement;
+};
+export {};

package/build/cjs/components/utils/cn.d.ts

@@ -1,5 +1,3 @@
-export type CnMods = Record<string, string | boolean | undefined>;
 export declare const NAMESPACE = "gn-";
 export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
 export declare const block: import("@bem-react/classname").ClassNameInitilizer;
-export type CnBlock = ReturnType<typeof cn>;

package/build/cjs/hooks/useOverflowingHorizontalListItems/index.d.ts

@@ -1 +1 @@
-export * from './useOverflowingHorizontalListItems';
+export { useOverflowingHorizontalListItems } from './useOverflowingHorizontalListItems';

package/build/cjs/hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.d.ts

@@ -1,5 +1,5 @@
 import type { RefObject } from 'react';
-export type UseOverflowingContainerListItemsProps<ItemType extends unknown> = {
+type UseOverflowingContainerListItemsProps<ItemType extends unknown> = {
     containerRef: RefObject<HTMLElement>;
     items?: ItemType[];
     itemSelector: string;
@@ -10,3 +10,4 @@ export declare function useOverflowingHorizontalListItems<ItemType>({ containerR
     hiddenItems: ItemType[];
     measured: boolean;
 };
+export {};

package/build/cjs/{index-Dbssunyq.js → index-CjEBN9tf.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
-var index = require('./index-6IkDuB63.js');
+var index = require('./index-D_0zG-wW.js');
 require('@bem-react/classname');
 require('@gravity-ui/icons');
 require('@gravity-ui/uikit/i18n');
@@ -50,16 +50,22 @@ const TopAlert = ({ alert, className, mobileView = false }) => {
     const handleClose = React.useCallback(() => {
         var _a;
         setOpened(false);
-        (_a = alert === null || alert === undefined ? undefined : alert.onCloseTopAlert) === null || _a === undefined ? undefined : _a.call(alert);
+        if (alert && 'onCloseTopAlert' in alert) {
+            (_a = alert.onCloseTopAlert) === null || _a === undefined ? undefined : _a.call(alert);
+        }
     }, [alert]);
     React.useEffect(() => {
         if (!opened) {
             updateTopSize();
         }
     }, [opened, updateTopSize]);
-    if (!alert || !alert.message) {
+    if (!alert) {
         return null;
     }
+    const { render } = alert;
+    if (typeof render === 'function') {
+        return (React.createElement("div", { ref: alertRef, className: b('wrapper', { 'with-bottom-border': !mobileView && opened }, className) }, opened && render({ handleClose })));
+    }
     return (React.createElement("div", { ref: alertRef, className: b('wrapper', { 'with-bottom-border': !mobileView && opened }, className) }, opened && (React.createElement(uikit.Alert, { className: b('', {
             centered: alert.centered,
             dense: alert.dense,
@@ -67,4 +73,4 @@ const TopAlert = ({ alert, className, mobileView = false }) => {
 };
 
 exports.TopAlert = TopAlert;
-//# sourceMappingURL=index-Dbssunyq.js.map
+//# sourceMappingURL=index-CjEBN9tf.js.map

package/build/cjs/index-CjEBN9tf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CjEBN9tf.js","sources":["../../../src/components/TopAlert/useTopAlertHeight.ts","../../../src/components/TopAlert/TopAlert.tsx"],"sourcesContent":["import React from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\nimport {TopAlertProps} from '../types';\n\ntype TopAlertHeightControls = {\n    alertRef: React.RefObject<HTMLDivElement>;\n    updateTopSize: () => void;\n};\n\nconst G_ROOT_CLASS_NAME = 'g-root';\n\nexport const useTopAlertHeight = ({alert}: {alert?: TopAlertProps}): TopAlertHeightControls => {\n    const alertRef = React.useRef<HTMLDivElement>(null);\n\n    const setAsideTopPanelHeight = React.useCallback((clientHeight: number) => {\n        const gRootElement = document\n            .getElementsByClassName(G_ROOT_CLASS_NAME)\n            .item(0) as HTMLElement | null;\n        gRootElement?.style.setProperty('--gn-top-alert-height', clientHeight + 'px');\n    }, []);\n\n    const updateTopSize = React.useCallback(() => {\n        setAsideTopPanelHeight(alertRef.current?.clientHeight || 0);\n    }, [setAsideTopPanelHeight]);\n\n    React.useLayoutEffect(() => {\n        const updateTopSizeDebounce = debounceFn(updateTopSize, 200, {leading: true});\n\n        if (alert) {\n            window.addEventListener('resize', updateTopSizeDebounce);\n            updateTopSizeDebounce();\n        }\n        return () => {\n            window.removeEventListener('resize', updateTopSizeDebounce);\n            setAsideTopPanelHeight(0);\n        };\n    }, [alert, alertRef, updateTopSize, setAsideTopPanelHeight]);\n\n    return {\n        alertRef,\n        updateTopSize,\n    };\n};\n","import React from 'react';\n\nimport {Alert, Text} from '@gravity-ui/uikit';\n\nimport {TopAlertProps} from '../types';\nimport {block} from '../utils/cn';\n\nimport {useTopAlertHeight} from './useTopAlertHeight';\n\nimport './TopAlert.scss';\n\nconst b = block('top-alert');\n\ntype Props = {\n    alert?: TopAlertProps;\n    className?: string;\n    mobileView?: boolean;\n};\n\nexport const TopAlert = ({alert, className, mobileView = false}: Props) => {\n    const {alertRef, updateTopSize} = useTopAlertHeight({alert});\n\n    const [opened, setOpened] = React.useState(true);\n\n    const handleClose = React.useCallback(() => {\n        setOpened(false);\n\n        if (alert && 'onCloseTopAlert' in alert) {\n            alert.onCloseTopAlert?.();\n        }\n    }, [alert]);\n\n    React.useEffect(() => {\n        if (!opened) {\n            updateTopSize();\n        }\n    }, [opened, updateTopSize]);\n\n    if (!alert) {\n        return null;\n    }\n\n    const {render} = alert;\n\n    if (typeof render === 'function') {\n        return (\n            <div\n                ref={alertRef}\n                className={b('wrapper', {'with-bottom-border': !mobileView && opened}, className)}\n            >\n                {opened && render({handleClose})}\n            </div>\n        );\n    }\n\n    return (\n        <div\n            ref={alertRef}\n            className={b('wrapper', {'with-bottom-border': !mobileView && opened}, className)}\n        >\n            {opened && (\n                <Alert\n                    className={b('', {\n                        centered: alert.centered,\n                        dense: alert.dense,\n                    })}\n                    corners=\"square\"\n                    layout=\"horizontal\"\n                    align={alert.align}\n                    theme={alert.theme || 'warning'}\n                    view={alert.view}\n                    icon={alert.icon}\n                    title={alert.title}\n                    message={\n                        mobileView ? (\n                            <Text ellipsisLines={5} variant=\"body-2\">\n                                {alert.message}\n                            </Text>\n                        ) : (\n                            alert.message\n                        )\n                    }\n                    actions={alert.actions}\n                    onClose={alert.closable ? handleClose : undefined}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["debounceFn","block","Alert","Text"],"mappings":"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"}

package/build/cjs/{index-6IkDuB63.js → index-D_0zG-wW.js}

@@ -141,7 +141,7 @@ function styleInject(css, ref) {
 var css_248z$u = ".g-root{--gn-aside-top-panel-height:0px}.gn-aside-header{--gn-aside-header-min-width:56px;--_--item-icon-background-size:38px;--_--background-color:var(--g-color-base-background);--_--decoration-collapsed-background-color:var(--g-color-base-warning-light);--_--decoration-expanded-background-color:var(--g-color-base-warning-light);--_--vertical-divider-line-color:var(--g-color-line-generic);--_--horizontal-divider-line-color:var(--g-color-line-generic);background-color:var(--g-color-base-background);height:100%;position:relative;width:100%}.gn-aside-header__aside{background-color:var(--gn-aside-header-expanded-background-color,var(--gn-aside-header-background-color,var(--_--background-color)));box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;margin-top:var(--gn-top-alert-height,0);max-height:calc(100vh - var(--gn-top-alert-height, 0));position:sticky;top:var(--gn-top-alert-height,0);width:inherit;z-index:var(--gn-aside-header-z-index,100)}.gn-aside-header__aside:after{background-color:var(--gn-aside-header-divider-vertical-color,var(--_--vertical-divider-line-color));content:\"\";height:100%;position:absolute;right:0;top:0;width:1px;z-index:2}.gn-aside-header__aside-popup-anchor{inset:0;position:absolute;z-index:1}.gn-aside-header__aside-content{--gradient-height:334px;display:flex;flex-direction:column;height:inherit;overflow-x:hidden;padding-top:var(--gn-aside-header-padding-top);position:relative;user-select:none;width:inherit;z-index:2}.gn-aside-header__aside-content>.gn-aside-header-logo{margin:8px 0}.gn-aside-header__aside-content_with-decoration{background:linear-gradient(180deg,var(--gn-aside-header-decoration-expanded-background-color,var(--_--decoration-expanded-background-color)) calc(var(--gradient-height)*.33),transparent calc(var(--gradient-height)*.88))}.gn-aside-header__aside-custom-background{bottom:0;display:flex;position:absolute;top:0;width:var(--gn-aside-header-size);z-index:-1}.gn-aside-header_compact .gn-aside-header__aside{background-color:var(--gn-aside-header-collapsed-background-color,var(--gn-aside-header-background-color,var(--_--background-color)))}.gn-aside-header_compact .gn-aside-header__aside-content{background:transparent}.gn-aside-header__header{--gn-aside-header-header-divider-height:29px;box-sizing:border-box;flex:none;padding-bottom:22px;padding-top:8px;position:relative;width:100%;z-index:1}.gn-aside-header__header .gn-aside-header__header-divider{bottom:0;color:var(--gn-aside-header-decoration-collapsed-background-color,var(--_--decoration-collapsed-background-color));display:none;left:0;position:absolute;z-index:-2}.gn-aside-header__header_with-decoration:before{background-color:var(--gn-aside-header-decoration-collapsed-background-color,var(--_--decoration-collapsed-background-color));content:\"\";display:none;height:calc(100% - var(--gn-aside-header-header-divider-height));left:0;position:absolute;top:0;width:100%;z-index:-2}.gn-aside-header__header:after{background-color:var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));bottom:12px;content:\"\";height:1px;left:0;position:absolute;width:100%;z-index:-2}.gn-aside-header_compact .gn-aside-header__header:before,.gn-aside-header_compact .gn-aside-header__header_with-decoration .gn-aside-header__header-divider{display:block}.gn-aside-header_compact .gn-aside-header__header_with-decoration:after{display:none}.gn-aside-header__logo-button .gn-aside-header__logo-icon-place{height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));width:var(--gn-aside-header-min-width)}.gn-aside-header__menu-items{flex-grow:1}.gn-aside-header__footer{display:flex;flex-direction:column;flex-shrink:0;margin:8px 0;width:100%}.gn-aside-header__panels{--gn-drawer-z-index:var(--gn-aside-header-panel-z-index,98);display:flex;flex-direction:column;inset:var(--gn-top-alert-height,0) 0 0;max-height:calc(100vh - var(--gn-top-alert-height, 0));overflow:auto;position:fixed}.gn-aside-header__panel{flex-grow:1;height:auto}.gn-aside-header__pane-container{display:flex;flex-direction:row;outline:none;overflow:visible;user-select:text}.gn-aside-header__top-alert{background:var(--g-color-base-background);position:fixed;top:0;width:100%;z-index:var(--gn-aside-header-pane-top-z-index,98)}.gn-aside-header__content{margin-top:var(--gn-top-alert-height,0);width:calc(100% - var(--gn-aside-header-size));z-index:var(--gn-aside-header-content-z-index,95)}";
 styleInject(css_248z$u);
 
-const TopAlert$1 = React.lazy(() => Promise.resolve().then(function () { return require('./index-Dbssunyq.js'); }).then((module) => ({ default: module.TopAlert })));
+const TopAlert$1 = React.lazy(() => Promise.resolve().then(function () { return require('./index-CjEBN9tf.js'); }).then((module) => ({ default: module.TopAlert })));
 const Layout = ({ compact, className, children, topAlert }) => {
     const size = compact ? ASIDE_HEADER_COMPACT_WIDTH : ASIDE_HEADER_EXPANDED_WIDTH;
     const asideHeaderContextValue = React.useMemo(() => ({ size, compact }), [compact, size]);
@@ -5700,10 +5700,10 @@ const OverlapPanel = ({ title, renderContent, className, onClose, action, closeT
             React.createElement("div", { className: b$5('content') }, renderContent()))));
 };
 
-var css_248z$4 = ".gn-mobile-header{--mobile-header-min-heigth:50px;--mobile-header-icon-size:20px;background-color:var(--g-color-base-background)}.gn-mobile-header__header-container{background-color:var(--g-color-base-background);position:sticky;top:0;z-index:var(--gn-mobile-header-z-index,100)}.gn-mobile-header__header{align-items:center;border-bottom:1px solid var(--g-color-line-generic);box-sizing:border-box;display:flex;justify-content:space-between;padding:0 10px}.gn-mobile-header__burger{padding:12px}.gn-mobile-header__panel-item{--gn-drawer-item-position:var(--gn-mobile-header-panel-position,absolute)}.gn-mobile-header__burger-menu,.gn-mobile-header__panel-item{background-color:var(--g-color-base-background);max-height:100%;max-width:90vw;width:320px}.gn-mobile-header__user-menu{overflow-y:auto}.gn-mobile-header__overlap-panel,.gn-mobile-header__panels{z-index:var(--gn-mobile-header-panel-z-index,98)}.gn-mobile-header__panels{inset:var(--mobile-header-min-heigth) 0 0;overflow:hidden;position:fixed}.gn-mobile-header__panel-item{top:unset}.gn-mobile-header__content{overflow:auto}";
+var css_248z$4 = ".gn-mobile-header{--mobile-header-min-heigth:50px;--mobile-header-icon-size:20px;background-color:var(--g-color-base-background)}.gn-mobile-header__header-container{background-color:var(--g-color-base-background);position:sticky;top:0;z-index:var(--gn-mobile-header-z-index,100)}.gn-mobile-header__header{align-items:center;border-bottom:1px solid var(--g-color-line-generic);box-sizing:border-box;display:flex;justify-content:space-between;padding:0 10px}.gn-mobile-header__burger{padding:12px}.gn-mobile-header__panel-item{--gn-drawer-item-position:var(--gn-mobile-header-panel-position,absolute)}.gn-mobile-header__burger-menu,.gn-mobile-header__panel-item{background-color:var(--g-color-base-background);max-height:100%;max-width:90vw;width:320px}.gn-mobile-header__user-menu{overflow-y:auto}.gn-mobile-header__overlap-panel,.gn-mobile-header__panels{z-index:var(--gn-mobile-header-panel-z-index,98)}.gn-mobile-header__panels{inset:var(--mobile-header-min-heigth) 0 0;overflow:hidden;position:fixed}.gn-mobile-header__panel-item{height:100%;top:unset}.gn-mobile-header__content{overflow:auto}";
 styleInject(css_248z$4);
 
-const TopAlert = React.lazy(() => Promise.resolve().then(function () { return require('./index-Dbssunyq.js'); }).then((module) => ({ default: module.TopAlert })));
+const TopAlert = React.lazy(() => Promise.resolve().then(function () { return require('./index-CjEBN9tf.js'); }).then((module) => ({ default: module.TopAlert })));
 const b$4 = block('mobile-header');
 const MobileHeader = React.forwardRef(({ logo, burgerMenu, burgerCloseTitle = i18n('burger_button_close'), burgerOpenTitle = i18n('burger_button_open'), panelItems = [], renderContent, sideItemRenderContent, onClosePanel, onEvent, className, contentClassName, overlapPanel, topAlert, }, ref) => {
     const targetRef = useForwardRef(ref);
@@ -5787,7 +5787,14 @@ const MobileHeader = React.forwardRef(({ logo, burgerMenu, burgerCloseTitle = i1
     const burgerPanelItem = React.useMemo(() => ({
         id: BURGER_PANEL_ITEM_ID,
         content: (React.createElement(BurgerMenu, { items: burgerMenu.items, modalItem: burgerMenu.modalItem, renderFooter: renderBurgerMenuFooter, onItemClick: onBurgerMenuItemClick, className: b$4('burger-menu') })),
-    }), [burgerMenu.items, burgerMenu.modalItem, onBurgerMenuItemClick, renderBurgerMenuFooter]);
+        className: burgerMenu.className,
+    }), [
+        burgerMenu.items,
+        burgerMenu.modalItem,
+        burgerMenu.className,
+        onBurgerMenuItemClick,
+        renderBurgerMenuFooter,
+    ]);
     React.useEffect(() => {
         const node = targetRef === null || targetRef === undefined ? undefined : targetRef.current;
         if (node) {
@@ -6022,4 +6029,4 @@ exports.styleInject = styleInject;
 exports.useAsideHeaderContext = useAsideHeaderContext;
 exports.useSettingsContext = useSettingsContext;
 exports.useSettingsSelectionContext = useSettingsSelectionContext;
-//# sourceMappingURL=index-6IkDuB63.js.map
+//# sourceMappingURL=index-D_0zG-wW.js.map