@gravity-ui/navigation 3.3.5 → 3.3.7

package/README.md

@@ -34,7 +34,8 @@ https://codesandbox.io/p/devbox/recursing-dawn-6kc9vh
 ## Components
 
 - [AsideHeader](https://github.com/gravity-ui/navigation/tree/main/src/components/AsideHeader/README.md)
-- PageLayout
+  - [AllPagesPanel](https://github.com/gravity-ui/navigation/tree/main/src/components/AllPagesPanel/README.md)
+  - PageLayout
 - [PageLayoutAside](https://github.com/gravity-ui/navigation/tree/main/src/components/AsideHeader/README.md)
 - AsideFallback
 - FooterItem

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

@@ -1,23 +1,23 @@
 import React, { PropsWithChildren } from 'react';
+import { DOMProps, QAProps } from '@gravity-ui/uikit';
 import './ActionBar.scss';
-export type Props = PropsWithChildren<{
+export type Props = DOMProps & QAProps & PropsWithChildren<{
     'aria-label'?: string;
-    className?: string;
 }>;
 declare const PublicActionBar: {
-    ({ children, className, "aria-label": ariaLabel }: Props): React.JSX.Element;
+    ({ children, className, style, qa, "aria-label": ariaLabel }: Props): React.JSX.Element;
     displayName: string;
 } & {
     Section: {
-        ({ children, type }: import(".").ActionBarSectionProps): React.JSX.Element;
+        ({ children, className, style, qa, type }: import(".").ActionBarSectionProps): React.JSX.Element;
         displayName: string;
     };
     Group: {
-        ({ children, className, pull, stretchContainer }: import(".").ActionBarGroupProps): React.JSX.Element;
+        ({ children, className, style, qa, pull, stretchContainer }: import(".").ActionBarGroupProps): React.JSX.Element;
         displayName: string;
     };
     Item: {
-        ({ children, className, pull, spacing }: import(".").ActionBarItemProps): React.JSX.Element;
+        ({ children, className, style, qa, pull, spacing }: import(".").ActionBarItemProps): React.JSX.Element;
         displayName: string;
     };
     Separator: {

package/build/cjs/components/ActionBar/Group/ActionBarGroup.d.ts

@@ -1,11 +1,11 @@
 import React, { PropsWithChildren } from 'react';
+import { DOMProps, QAProps } from '@gravity-ui/uikit';
 import { PropsWithPull } from '../types';
 import './ActionBarGroup.scss';
-export type Props = PropsWithChildren<PropsWithPull<{
-    className?: string;
+export type Props = DOMProps & QAProps & PropsWithChildren<PropsWithPull<{
     stretchContainer?: boolean;
 }>>;
 export declare const ActionBarGroup: {
-    ({ children, className, pull, stretchContainer }: Props): React.JSX.Element;
+    ({ children, className, style, qa, pull, stretchContainer }: Props): React.JSX.Element;
     displayName: string;
 };

package/build/cjs/components/ActionBar/Item/ActionBarItem.d.ts

@@ -1,11 +1,11 @@
 import React, { PropsWithChildren } from 'react';
+import { DOMProps, QAProps } from '@gravity-ui/uikit';
 import { PropsWithPull } from '../types';
 import './ActionBarItem.scss';
-export type Props = PropsWithChildren<PropsWithPull<{
+export type Props = DOMProps & QAProps & PropsWithChildren<PropsWithPull<{
     spacing?: boolean;
-    className?: string;
 }>>;
 export declare const ActionBarItem: {
-    ({ children, className, pull, spacing }: Props): React.JSX.Element;
+    ({ children, className, style, qa, pull, spacing }: Props): React.JSX.Element;
     displayName: string;
 };

package/build/cjs/components/ActionBar/Section/ActionBarSection.d.ts

@@ -1,9 +1,10 @@
 import React, { PropsWithChildren } from 'react';
+import { DOMProps, QAProps } from '@gravity-ui/uikit';
 import './ActionBarSection.scss';
-export type Props = PropsWithChildren<{
+export type Props = DOMProps & QAProps & PropsWithChildren<{
     type?: 'primary' | 'secondary';
 }>;
 export declare const ActionBarSection: {
-    ({ children, type }: Props): React.JSX.Element;
+    ({ children, className, style, qa, type }: Props): React.JSX.Element;
     displayName: string;
 };

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

@@ -3,21 +3,18 @@ import type { Meta } from '@storybook/react';
 import { ActionBar } from '../ActionBar';
 declare const _default: Meta<typeof ActionBar>;
 export default _default;
-export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
     'aria-label'?: string;
-    className?: string;
 } & {
     children?: React.ReactNode | undefined;
 }>;
-export declare const SingleSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+export declare const SingleSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
     'aria-label'?: string;
-    className?: string;
 } & {
     children?: React.ReactNode | undefined;
 }>;
-export declare const StretchGroup: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+export declare const StretchGroup: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
     'aria-label'?: string;
-    className?: string;
 } & {
     children?: React.ReactNode | undefined;
 }>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type DrawerDirection } from './utils';
+import { type DrawerDirection, type OnResizeContinueHandler, type OnResizeHandler } from './utils';
 import './Drawer.scss';
 export interface DrawerItemProps {
     /** Unique identifier for the drawer item. */
@@ -31,14 +31,15 @@ export interface DrawerItemProps {
     /**
      * Called at the end of resizing. Can be used to save the new width.
      * @param width The new width of the drawer item
+     * @param event The original event
      */
-    onResize?: (width: number) => void;
+    onResize?: OnResizeHandler;
     /**
      * Callback function called each time when the drawer item is resizing.
      * Do not use it to store the new width for DrawerItem `width` prop. Use `onResize` instead.
      * @param width The new width of the drawer item
      */
-    onResizeContinue?: (width: number) => void;
+    onResizeContinue?: OnResizeContinueHandler;
     /** The minimum width of the resizable drawer item */
     minResizeWidth?: number;
     /** The maximum width of the resizable drawer item */

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

@@ -3,11 +3,12 @@ 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) => void;
+export type OnResizeHandler = (width: number, event: MouseEvent | TouchEvent) => void;
+export type OnResizeContinueHandler = (width: number) => void;
 export interface UseResizeHandlersParams {
     onStart: () => void;
     onMove: (delta: number) => void;
-    onEnd: (delta: number) => void;
+    onEnd: (delta: number, event: MouseEvent | TouchEvent) => void;
     direction?: 'horizontal' | 'vertical';
 }
 export declare function useResizeHandlers({ onStart, onMove, onEnd, direction, }: UseResizeHandlersParams): {
@@ -21,7 +22,7 @@ export interface UseResizableDrawerItemParams {
     maxResizeWidth?: number;
     onResizeStart?: VoidFunction;
     onResize?: OnResizeHandler;
-    onResizeContinue?: OnResizeHandler;
+    onResizeContinue?: OnResizeContinueHandler;
 }
 export declare function useResizableDrawerItem(params: UseResizableDrawerItemParams): {
     resizedWidth: number;

package/build/cjs/{index-wgp3YKP4.js → index-ZYbXPDC-.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{inset:var(--gn-top-alert-height,0) 0 0;max-height:calc(100vh - var(--gn-top-alert-height, 0));overflow:auto;position:fixed;z-index:var(--gn-aside-header-panel-z-index,98)}.gn-aside-header__panel{height:100%}.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-BVoxnvaf.js'); }).then((module) => ({ default: module.TopAlert })));
+const TopAlert$1 = React.lazy(() => Promise.resolve().then(function () { return require('./index-iyVw1u9f.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]);
@@ -1530,7 +1530,7 @@ function isMenuItem(item) {
     return (item === null || item === undefined ? undefined : item.id) !== undefined;
 }
 
-var css_248z$q = ".gn-composite-bar-item{--gn-composite-bar-item-action-size:36px;--_--horizontal-divider-line-color:var(--g-color-line-generic);--_--item-background-color-hover:var(--g-color-base-simple-hover);--_--item-general-icon-color:var(--g-color-text-primary);--_--item-icon-color:var(--g-color-text-complementary);--_--item-text-color:var(--g-color-text-primary);--_--item-collapsed-radius:7px;--_--item-selected-text-color:var(--g-color-text-primary);--_--item-selected-background-color:var(--g-color-base-selection);align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;height:100%;min-width:0;outline:inherit;padding:0;text-decoration:inherit;width:100%}.gn-composite-bar-item:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.gn-composite-bar-item__icon{color:var(--gn-aside-header-item-icon-color,var(--_--item-icon-color))}.gn-composite-bar-item_current .gn-composite-bar-item__icon{color:var(--gn-aside-header-item-current-icon-color,var(--gn-aside-header-item-icon-color,var(--_--item-icon-color)))}.gn-composite-bar-highlighted-item .gn-composite-bar-item__icon,.gn-composite-bar_subheader .gn-composite-bar-item__icon,.gn-footer-item .gn-composite-bar-item__icon{color:var(--gn-aside-header-general-item-icon-color,var(--_--item-general-icon-color))}.gn-composite-bar-highlighted-item.gn-composite-bar-item_current .gn-composite-bar-item__icon,.gn-composite-bar_subheader .gn-composite-bar-item_current .gn-composite-bar-item__icon,.gn-footer-item.gn-composite-bar-item_current .gn-composite-bar-item__icon{color:var(--gn-aside-header-item-current-icon-color,var(--gn-aside-header-general-item-icon-color,var(--_--item-general-icon-color)))}.gn-composite-bar-item__icon-tooltip .g-action-tooltip__description{color:var(--g-color-text-light-primary);margin-block-start:0}.gn-composite-bar-item__icon-place{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;width:var(--gn-aside-header-min-width)}.gn-composite-bar-item__title{align-items:center;display:flex;margin-right:16px;overflow:hidden}.gn-composite-bar-item__title-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--gn-aside-header-item-text-color,var(--_--item-text-color));display:-webkit-box;overflow:hidden;text-align:start}.gn-composite-bar-item_current .gn-composite-bar-item__title-text{color:var(--gn-aside-header-item-current-text-color,var(--_--item-selected-text-color))}.gn-composite-bar-item__title-adornment{margin:0 10px}.gn-composite-bar-item__collapse-item{--_--item-icon-color:var(--g-color-text-misc);align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;height:100%;outline:inherit;padding:0 16px;text-decoration:inherit;width:100%}.gn-composite-bar-item__collapse-item:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.gn-composite-bar-item__collapse-item-icon{color:var(--gn-aside-header-item-icon-color,var(--_--item-icon-color));margin-right:10px}.gn-composite-bar-item__collapse-item .gn-composite-bar-item__title-adornment{margin-right:0}.gn-composite-bar-item__menu-divider{border-top:1px solid var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));cursor:default;margin:0 8px;width:100%}.gn-composite-bar-item__collapse-items-popup-content{padding:4px 0}.gn-composite-bar-item__link{align-items:center;display:flex;height:100%;width:100%}.gn-composite-bar-item__link,.gn-composite-bar-item__link:active,.gn-composite-bar-item__link:focus,.gn-composite-bar-item__link:hover,.gn-composite-bar-item__link:visited{color:inherit;outline:none;text-decoration:none}.gn-composite-bar-item__btn-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.gn-composite-bar-item_type_action{background:var(--g-color-base-float);border-radius:var(--gn-composite-bar-item-action-size);box-shadow:0 0 0 1px rgba(0,0,0,.03),0 5px 6px rgba(0,0,0,.12);height:var(--gn-composite-bar-item-action-size);justify-content:center;margin:0 10px 8px;transition:transform .1s ease-out,background-color .15s linear}.gn-composite-bar-item_type_action:focus-visible{box-shadow:0 0 0 2px var(--g-color-line-misc)}.gn-composite-bar-item_type_action:hover{background-color:var(--g-color-base-float-hover)}.gn-composite-bar-item_type_action:active{box-shadow:0 1px 2px var(--g-color-sfx-shadow);transform:scale(.96);transition:none}.gn-composite-bar-item_type_action .gn-composite-bar-item__icon-place{width:var(--gn-composite-bar-item-action-size)}.gn-composite-bar-item__icon-tooltip_item-type_action{margin-left:10px}.gn-composite-bar-item:not(.gn-composite-bar-item_compact).gn-composite-bar-item_current.gn-composite-bar-item_type_regular{background-color:var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color));border-radius:var(--gn-aside-header-item-expanded-radius)}.gn-composite-bar-item:not(.gn-composite-bar-item_compact):hover.gn-composite-bar-item_type_regular{background-color:var(--gn-aside-header-item-current-background-color-hover,var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color)));border-radius:var(--gn-aside-header-item-expanded-radius)}.gn-composite-bar-item:not(.gn-composite-bar-item_compact):not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular{background-color:var(--gn-aside-header-item-background-color-hover,var(--_--item-background-color-hover));border-radius:var(--gn-aside-header-item-expanded-radius)}.gn-composite-bar-item_compact.gn-composite-bar-item_type_action{width:var(--gn-composite-bar-item-action-size)}.gn-composite-bar-item_compact.gn-composite-bar-item_type_action .gn-composite-bar-item__title{margin:0}.gn-composite-bar-item_compact.gn-composite-bar-item_current.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon{background-color:transparent;position:relative}.gn-composite-bar-item_compact.gn-composite-bar-item_current.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon:before{background-color:var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color));border-radius:var(--gn-aside-header-item-collapsed-radius,var(--_--item-collapsed-radius));content:\"\";height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));left:50%;margin-left:-19px;margin-top:-19px;position:absolute;top:50%;width:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));z-index:-1}.gn-composite-bar-item_compact:hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon{background-color:transparent;position:relative}.gn-composite-bar-item_compact:hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon:before{background-color:var(--gn-aside-header-item-current-background-color-hover,var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color)));border-radius:var(--gn-aside-header-item-collapsed-radius,var(--_--item-collapsed-radius));content:\"\";height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));left:50%;margin-left:-19px;margin-top:-19px;position:absolute;top:50%;width:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));z-index:-1}.gn-composite-bar-item_compact:not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon{background-color:transparent;position:relative}.gn-composite-bar-item_compact:not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon:before{background-color:var(--gn-aside-header-item-background-color-hover,var(--_--item-background-color-hover));border-radius:var(--gn-aside-header-item-collapsed-radius,var(--_--item-collapsed-radius));content:\"\";height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));left:50%;margin-left:-19px;margin-top:-19px;position:absolute;top:50%;width:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));z-index:-1}";
+var css_248z$q = ".gn-composite-bar-item{--gn-composite-bar-item-action-size:36px;--_--horizontal-divider-line-color:var(--g-color-line-generic);--_--item-background-color-hover:var(--g-color-base-simple-hover);--_--item-general-icon-color:var(--g-color-text-primary);--_--item-icon-color:var(--g-color-text-complementary);--_--item-text-color:var(--g-color-text-primary);--_--item-collapsed-radius:7px;--_--item-selected-text-color:var(--g-color-text-primary);--_--item-selected-background-color:var(--g-color-base-selection);align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;height:100%;min-width:0;outline:inherit;padding:0;text-decoration:inherit;width:100%}.gn-composite-bar-item:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.gn-composite-bar-item__icon{color:var(--gn-aside-header-item-icon-color,var(--_--item-icon-color))}.gn-composite-bar-item_current .gn-composite-bar-item__icon{color:var(--gn-aside-header-item-current-icon-color,var(--gn-aside-header-item-icon-color,var(--_--item-icon-color)))}.gn-composite-bar-highlighted-item .gn-composite-bar-item__icon,.gn-composite-bar_subheader .gn-composite-bar-item__icon,.gn-footer-item .gn-composite-bar-item__icon{color:var(--gn-aside-header-general-item-icon-color,var(--_--item-general-icon-color))}.gn-composite-bar-highlighted-item.gn-composite-bar-item_current .gn-composite-bar-item__icon,.gn-composite-bar_subheader .gn-composite-bar-item_current .gn-composite-bar-item__icon,.gn-footer-item.gn-composite-bar-item_current .gn-composite-bar-item__icon{color:var(--gn-aside-header-item-current-icon-color,var(--gn-aside-header-general-item-icon-color,var(--_--item-general-icon-color)))}.gn-composite-bar-item__icon-tooltip .g-action-tooltip__description{color:var(--g-color-text-light-primary);margin-block-start:0}.gn-composite-bar-item__icon-place{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;width:var(--gn-aside-header-min-width)}.gn-composite-bar-item__title{align-items:center;display:flex;margin-right:16px;overflow:hidden}.gn-composite-bar-item__title-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--gn-aside-header-item-text-color,var(--_--item-text-color));display:-webkit-box;overflow:hidden;text-align:start}.gn-composite-bar-item_current .gn-composite-bar-item__title-text{color:var(--gn-aside-header-item-current-text-color,var(--_--item-selected-text-color))}.gn-composite-bar-item__title-adornment{margin:0 10px}.gn-composite-bar-item__collapse-item{--_--item-icon-color:var(--g-color-text-misc);align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;height:100%;outline:inherit;padding:0 16px;text-decoration:inherit;width:100%}.gn-composite-bar-item__collapse-item:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.gn-composite-bar-item__collapse-item-icon{color:var(--gn-aside-header-item-icon-color,var(--_--item-icon-color));margin-right:10px}.gn-composite-bar-item__collapse-item .gn-composite-bar-item__title-adornment{margin-right:0}.gn-composite-bar-item__menu-divider{border-top:1px solid var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));cursor:default;margin:0 8px;width:100%}.gn-composite-bar-item__collapse-items-popup-content{padding:4px 0}.gn-composite-bar-item__link{align-items:center;display:flex;height:100%;width:100%}.gn-composite-bar-item__link,.gn-composite-bar-item__link:active,.gn-composite-bar-item__link:focus,.gn-composite-bar-item__link:hover,.gn-composite-bar-item__link:visited{color:inherit;outline:none;text-decoration:none}.gn-composite-bar-item__btn-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.gn-composite-bar-item_type_action{background:var(--g-color-base-float);border-radius:var(--gn-composite-bar-item-action-size);box-shadow:0 0 0 1px rgba(0,0,0,.03),0 5px 6px rgba(0,0,0,.12);height:var(--gn-composite-bar-item-action-size);justify-content:center;margin:0 10px 8px;transition:transform .1s ease-out,background-color .15s linear}.gn-composite-bar-item_type_action:focus-visible{box-shadow:0 0 0 2px var(--g-color-line-misc)}.gn-composite-bar-item_type_action:hover{background-color:var(--g-color-base-float-hover)}.gn-composite-bar-item_type_action:active{box-shadow:0 1px 2px var(--g-color-sfx-shadow);transform:scale(.96);transition:none}.gn-composite-bar-item_type_action .gn-composite-bar-item__icon-place{width:var(--gn-composite-bar-item-action-size)}.gn-composite-bar-item_type_action.gn-footer-item{width:calc(100% - 20px)}.gn-composite-bar-item__icon-tooltip_item-type_action{margin-left:10px}.gn-composite-bar-item:not(.gn-composite-bar-item_compact).gn-composite-bar-item_current.gn-composite-bar-item_type_regular{background-color:var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color));border-radius:var(--gn-aside-header-item-expanded-radius)}.gn-composite-bar-item:not(.gn-composite-bar-item_compact):hover.gn-composite-bar-item_type_regular{background-color:var(--gn-aside-header-item-current-background-color-hover,var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color)));border-radius:var(--gn-aside-header-item-expanded-radius)}.gn-composite-bar-item:not(.gn-composite-bar-item_compact):not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular{background-color:var(--gn-aside-header-item-background-color-hover,var(--_--item-background-color-hover));border-radius:var(--gn-aside-header-item-expanded-radius)}.gn-composite-bar-item_compact.gn-composite-bar-item_type_action{width:var(--gn-composite-bar-item-action-size)}.gn-composite-bar-item_compact.gn-composite-bar-item_type_action .gn-composite-bar-item__title{margin:0}.gn-composite-bar-item_compact.gn-composite-bar-item_current.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon{background-color:transparent;position:relative}.gn-composite-bar-item_compact.gn-composite-bar-item_current.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon:before{background-color:var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color));border-radius:var(--gn-aside-header-item-collapsed-radius,var(--_--item-collapsed-radius));content:\"\";height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));left:50%;margin-left:-19px;margin-top:-19px;position:absolute;top:50%;width:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));z-index:-1}.gn-composite-bar-item_compact:hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon{background-color:transparent;position:relative}.gn-composite-bar-item_compact:hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon:before{background-color:var(--gn-aside-header-item-current-background-color-hover,var(--gn-aside-header-item-current-background-color,var(--_--item-selected-background-color)));border-radius:var(--gn-aside-header-item-collapsed-radius,var(--_--item-collapsed-radius));content:\"\";height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));left:50%;margin-left:-19px;margin-top:-19px;position:absolute;top:50%;width:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));z-index:-1}.gn-composite-bar-item_compact:not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon{background-color:transparent;position:relative}.gn-composite-bar-item_compact:not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon:before{background-color:var(--gn-aside-header-item-background-color-hover,var(--_--item-background-color-hover));border-radius:var(--gn-aside-header-item-collapsed-radius,var(--_--item-collapsed-radius));content:\"\";height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));left:50%;margin-left:-19px;margin-top:-19px;position:absolute;top:50%;width:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));z-index:-1}";
 styleInject(css_248z$q);
 
 const b$r = block('composite-bar-item');
@@ -4415,7 +4415,7 @@ function useResizeHandlers({ onStart, onMove, onEnd, direction = 'horizontal', }
         document.body.style.removeProperty('cursor');
         const current = getEventClientPosition(e, direction);
         const delta = initialPosition.current - current;
-        onEnd(delta);
+        onEnd(delta, e);
     }, [handleMove, disableSelect, direction, onEnd]);
     const handleStart = React__namespace.useCallback((e) => {
         const current = getEventClientPosition(e, direction);
@@ -4456,11 +4456,11 @@ function useResizableDrawerItem(params) {
         setResizeDelta(delta);
         onResizeContinue === null || onResizeContinue === undefined ? undefined : onResizeContinue(getResizedWidth(delta));
     }, [getResizedWidth, onResizeContinue]);
-    const onEnd = React__namespace.useCallback((delta) => {
+    const onEnd = React__namespace.useCallback((delta, event) => {
         const newWidth = getResizedWidth(delta);
         setIsResizing(false);
         setInternalWidth(newWidth);
-        onResize === null || onResize === undefined ? undefined : onResize(newWidth);
+        onResize === null || onResize === undefined ? undefined : onResize(newWidth, event);
     }, [getResizedWidth, onResize]);
     const displayWidth = isResizing
         ? getResizedWidth(resizeDelta)
@@ -4688,8 +4688,8 @@ var css_248z$j = ".gn-action-bar-group{align-items:center;display:flex;flex-flow
 styleInject(css_248z$j);
 
 const b$k = block('action-bar-group');
-const ActionBarGroup = ({ children, className, pull, stretchContainer }) => {
-    return (React.createElement("ul", { className: b$k({ pull, 'stretch-container': stretchContainer }, className), role: "group" }, children));
+const ActionBarGroup = ({ children, className, style, qa, pull, stretchContainer }) => {
+    return (React.createElement("ul", { className: b$k({ pull, 'stretch-container': stretchContainer }, className), role: "group", style: style, "data-qa": qa }, children));
 };
 ActionBarGroup.displayName = 'ActionBar.Group';
 
@@ -4697,8 +4697,8 @@ var css_248z$i = ".gn-action-bar-item{list-style:none;margin:0;padding:0}.gn-act
 styleInject(css_248z$i);
 
 const b$j = block('action-bar-item');
-const ActionBarItem = ({ children, className, pull, spacing = true }) => {
-    return (React.createElement("li", { className: b$j({ pull, spacing }, className), role: "menuitem" }, children));
+const ActionBarItem = ({ children, className, style, qa, pull, spacing = true }) => {
+    return (React.createElement("li", { className: b$j({ pull, spacing }, className), style: style, role: "menuitem", "data-qa": qa }, children));
 };
 ActionBarItem.displayName = 'ActionBar.Item';
 
@@ -4706,8 +4706,8 @@ var css_248z$h = ".gn-action-bar-section{align-items:stretch;display:flex;flex-f
 styleInject(css_248z$h);
 
 const b$i = block('action-bar-section');
-const ActionBarSection = ({ children, type = 'primary' }) => {
-    return (React.createElement("div", { className: b$i({ type }), role: "menu" }, children));
+const ActionBarSection = ({ children, className, style, qa, type = 'primary' }) => {
+    return (React.createElement("div", { className: b$i({ type }, className), style: style, role: "menu", "data-qa": qa }, children));
 };
 ActionBarSection.displayName = 'ActionBar.Section';
 
@@ -4724,8 +4724,8 @@ var css_248z$f = ".gn-action-bar{align-items:stretch;border-bottom:1px solid var
 styleInject(css_248z$f);
 
 const b$g = block('action-bar');
-const ActionBar = ({ children, className, 'aria-label': ariaLabel }) => {
-    return (React.createElement("section", { className: b$g(null, className), "aria-label": ariaLabel }, children));
+const ActionBar = ({ children, className, style, qa, 'aria-label': ariaLabel }) => {
+    return (React.createElement("section", { className: b$g(null, className), style: style, "aria-label": ariaLabel, "data-qa": qa }, children));
 };
 ActionBar.displayName = 'ActionBar';
 const PublicActionBar = Object.assign(ActionBar, {
@@ -5646,7 +5646,7 @@ const OverlapPanel = ({ title, renderContent, className, onClose, action, closeT
 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}";
 styleInject(css_248z$4);
 
-const TopAlert = React.lazy(() => Promise.resolve().then(function () { return require('./index-BVoxnvaf.js'); }).then((module) => ({ default: module.TopAlert })));
+const TopAlert = React.lazy(() => Promise.resolve().then(function () { return require('./index-iyVw1u9f.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);
@@ -5962,4 +5962,4 @@ exports.styleInject = styleInject;
 exports.useAsideHeaderContext = useAsideHeaderContext;
 exports.useSettingsContext = useSettingsContext;
 exports.useSettingsSelectionContext = useSettingsSelectionContext;
-//# sourceMappingURL=index-wgp3YKP4.js.map
+//# sourceMappingURL=index-ZYbXPDC-.js.map