@gravity-ui/navigation 6.6.0 → 7.0.0-beta.1

package/build/docs/components/AsideHeader.md

@@ -16,10 +16,133 @@ import {AsideHeader} from '@gravity-ui/navigation';
 The component has two possible states: collapsed, expanded.
 Уou can manage between states using `compact`, `onChangeCompact` props and also hide button with `hideCollapseButton`.
 
+Collapse and expansion animate the sidebar width, item positions, and selection surfaces together.
+Titles are laid out at the target width and revealed during expansion, without rewrapping on each
+frame or a second layout change at the end. Clicking the control again reverses from the currently
+displayed positions. The `compact` state and callbacks always describe the requested target state.
+Users who prefer reduced motion receive an immediate layout change.
+
+All built-in horizontal separators, including `type: 'divider'` items in header, menu, footer,
+and nested groups, resize with the sidebar while preserving their local spacing.
+
+The current-item transition follows changes to `compact`: when a selected child
+becomes represented by its group or **More**, one background moves between those rows. It also
+supports reversing an unfinished transition. Ordinary page selection remains immediate, and
+quick-access highlight settings and the theme's selection transparency are preserved. A current
+change during this movement restores native highlighting while the layout continues animating.
+Ambiguous selections retain existing native highlighting; reduced motion switches immediately.
+
+### Disabling compact transitions
+
+Set `compactTransition={false}` on `AsideHeader` or `PageLayout` (default: `true`).
+Aside and content widths, custom background width, row and divider geometry, current-item
+highlighting, and the offset of an open Drawer immediately follow the target `compact` state.
+Disabling the flag during a transition finishes it immediately and releases transition resources.
+Re-enabling it without changing `compact` does not animate; simultaneous updates use the new flag.
+Children stay mounted. `PageLayoutAside` and `AsideFallback` inherit the layout setting.
+
+Hover effects, independent Drawer opening/closing, and the opacity effects of the footer divider
+and custom scrollbar are preserved. The existing `prefers-reduced-motion` behavior is unchanged.
+
+```tsx
+<AsideHeader compact={compact} compactTransition={false} onChangeCompact={setCompact} />
+
+<PageLayout compact={compact} compactTransition={false}>
+  <PageLayoutAside menuItems={menuItems} onChangeCompact={setCompact} />
+  <PageLayout.Content>{children}</PageLayout.Content>
+</PageLayout>
+```
+
+### Collapse button (v7)
+
+The collapse button sits at the aside edge beside the last visible `FooterItem`. The row keeps its
+own action and menu; in expanded mode it reserves 24 px for the button. In compact mode, hovering
+anywhere in the aside or over the button, or focusing the button from the keyboard, reveals the
+control. The selected row's built-in tooltip is suppressed in compact mode even when `enableTooltip={true}`. With no
+visible `FooterItem`, a blank bottom row provides the same control. `hideCollapseButton` removes
+the control, reserved space, and blank row.
+
+The button remains keyboard accessible and retains focus when toggled. `expandTitle` and
+`collapseTitle` set its accessible name. `compactTransition={false}` disables its geometry
+transitions while preserving hover appearance; reduced motion disables both.
+
+While the aside animates towards compact the button stays hidden, so its collapsed appearance never
+lands on an aside that is still at its expanded width; hover reveals it once the layout settles. A
+keyboard-focused button stays visible throughout. Expanding is unaffected — the button is visible
+for the whole transition.
+
+At the standard z-index, the compact tab extends 10 px over the edge of open All pages and custom
+`panelItems` Drawers. Clicking it changes `compact` and keeps the panel open. Its transparent layer
+does not intercept clicks outside the button. The layer uses
+`calc(var(--gn-aside-header-z-index, 100) + 1)`. Consumer z-index settings determine custom stacking;
+portaled Popups (including `asideRef` with `right-end`) may cover the tab and retain their normal
+position and behavior. The compact button background follows the collapsed aside background,
+then the general aside background, then the theme background. Matching an arbitrary
+`customBackground` is not guaranteed. In compact the button also draws a 1 px border so the
+vertical divider reads as routing around it instead of stopping at the opaque fill; override it
+with `--gn-aside-header-collapse-button-border-color`. The expanded button keeps no border.
+
+In v7, `collapseButtonWrapper` decorates the edge control. Move any full-width additional content
+previously rendered by this wrapper into `renderFooter`:
+
+```tsx
+<PageLayoutAside
+  collapseButtonWrapper={(button) => <span className="collapse-decoration">{button}</span>}
+  renderFooter={({compact}) => (
+    <>
+      <div>Additional footer content</div>
+      <FooterItem id="account" title="Account" icon={Person} compact={compact} />
+    </>
+  )}
+/>
+```
+
+`PageLayoutAside` must participate directly in the flex layout of `PageLayout`. React components,
+Fragments, Context providers, and Suspense are supported without extra DOM boxes. If a consumer
+needs a DOM wrapper, give it `display: contents`; an ordinary block wrapper is unsupported.
+The library does not change consumer wrapper styles automatically.
+
+```tsx
+<PageLayout compact={compact}>
+  <div style={{display: 'contents'}}>
+    <PageLayoutAside menuItems={menuItems} onChangeCompact={setCompact} />
+  </div>
+  <PageLayout.Content>{children}</PageLayout.Content>
+</PageLayout>
+```
+
+### Menu density
+
+Use `menuDensity="compact"` to reduce the aside width, item height, icon size, spacing, and corner
+radius without changing how the navigation behaves. Density is independent from the collapsed or
+expanded state controlled by `compact`, so both properties can be combined.
+
+```tsx
+<AsideHeader
+  compact={compact}
+  menuDensity="compact"
+  menuItems={menuItems}
+  onChangeCompact={setCompact}
+/>
+```
+
+The default value is `default`, which preserves the previous dimensions. Compact density reduces
+menu, subheader, and footer item icons; it does not resize the standard 24 px logo icon.
+With the advanced layout pattern, pass `menuDensity` to `PageLayout`; `PageLayoutAside` inherits
+the normalized value from context.
+
 ### Top decoration
 
 Navigation highlights top section with Logo and Subheader items using `headerDecoration` props.
 
+### Section dividers
+
+`hideSectionDividers` hides the header/footer separators (including the collapsed header decoration SVG) and their spacing toward the menu. Header background, outer spacing, and separators inside the menu/Quick Access are preserved.
+
+With `hideSectionDividers=true`, indicators appear at the menu scroll edges only while content is hidden beyond that edge: bottom at the start, both in the middle, top at the end, neither without overflow. They do not restore spacing. With `false`, the existing footer separator remains visible whenever the menu overflows, including at the end. The Quick Access separator stays inside the scrolling content and can coexist with these indicators. Setting `--gn-aside-header-divider-horizontal-color: transparent` also hides the scroll indicators.
+
+The property is supported by `AsideHeader` and `PageLayoutAside`. `AsideFallback` supports hiding separators and spacing only: it has no scrollable menu and does not render scroll-edge indicators.
+
 ### Custom background
 
 The component supports specific themization cases, e.g. image on background or splitting sections by color — using `customBackground`, `customBackgroundClassName` props.
@@ -48,11 +171,51 @@ The `onMenuItemsChanged` callback is required for adding extra component `All Pa
 
 The elements of this block can have multiple tooltips.
 
+#### Quick access
+
+Set `enableQuickAccess` to render menu items marked with `quickAccess: true` in a separate section
+and to expose pin controls for eligible leaf items. Quick access is controlled: the component never
+mutates `menuItems`; update the item in `onQuickAccessChange` and pass the resulting array back.
+Without `onQuickAccessChange`, marked items remain visible as a read-only section and pin controls
+are hidden.
+
+```tsx
+const [menuItems, setMenuItems] = React.useState<AsideHeaderItem[]>(initialMenuItems);
+
+<AsideHeader
+  {...props}
+  menuItems={menuItems}
+  enableQuickAccess
+  onQuickAccessChange={(changedItem, quickAccess) => {
+    setMenuItems((items) =>
+      items.map((item) => (item.id === changedItem.id ? {...item, quickAccess} : item)),
+    );
+  }}
+/>;
+```
+
+Only visible regular leaf items can be pinned. Actions, dividers, group headers, **More**, and
+**All pages** are excluded. Group children are eligible and can be pinned from either an expanded
+group or its popup. In a compact sidebar, pin controls are available in group and **More** popups;
+the solo item popup remains an informational label without actions.
+
+By default, an active quick-access item is highlighted only in the quick-access section. Set
+`quickAccessHighlightInMainMenu` to preserve its highlight in both places. Disable
+`enableQuickAccess` to hide the section and pin controls without clearing item flags.
+
+Quick access and the menu rows scroll together in a single container in all modes: when the column
+does not fit the available height, both sections scroll as one while the header, footer, and
+`aboveMenuContent` stay fixed. In a compact sidebar, items that do not fit still collapse under
+**More**.
+
+`quickAccess` and `pinned` serve different purposes: `quickAccess` duplicates an item in the quick
+access section, while the existing `pinned` flag prevents an item from being hidden in **All pages**.
+
 #### Content above the menu (`aboveMenuContent`)
 
 Pass **`aboveMenuContent`** to render arbitrary content between the header (logo and `subheaderItems`) and the main **`menuItems`** list.
 
-With **`menuOverflow="scroll"`**, that block stays fixed above the scrollable menu column; only the menu rows scroll.
+That block stays fixed above the scrollable column: quick access and the menu rows scroll together beneath it when the column does not fit the height.
 
 **Example:**
 
@@ -181,42 +344,56 @@ export const Aside: FC = () => {
 
 ## Properties
 
-| Name                         | Description                                                                                                                                                                                                                        |                                                             Type                                                              |          Default          |
-| :--------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------: | :-----------------------: |
-| className                    | HTML `class` attribute of the Logo                                                                                                                                                                                                 |                                                           `string`                                                            |                           |
-| collapseButtonWrapper        | Wrapper for `CollapseButton` allowing customization of the default button appearance                                                                                                                                               | `(defaultButton: React.ReactNode, data: {compact: boolean; onChangeCompact?: (compact: boolean) => void}) => React.ReactNode` |                           |
-| collapseTitle                | `CollapseButton` title for collapsing navigation                                                                                                                                                                                   |                                                           `string`                                                            | `"Свернуть"` `"Collapse"` |
-| compact                      | Navigation visual state                                                                                                                                                                                                            |                                                           `boolean`                                                           |          `false`          |
-| customBackground             | `AsideHeader` background                                                                                                                                                                                                           |                                                       `React.ReactNode`                                                       |                           |
-| customBackgroundClassName    | Override default background container's styles                                                                                                                                                                                     |                                                           `string`                                                            |                           |
-| expandTitle                  | `CollapseButton` title for expanding navigation                                                                                                                                                                                    |                                                           `string`                                                            | `"Развернуть"` `"Expand"` |
-| headerDecoration             | Color background of the top section with logo and subheader items                                                                                                                                                                  |                                                           `boolean`                                                           |          `false`          |
-| hideCollapseButton           | Hiding `CollapseButton`. Use `compact` prop for setting default navigation state                                                                                                                                                   |                                                           `boolean`                                                           |          `false`          |
-| logo                         | Logo container includes icon, title, handling clicks                                                                                                                                                                               |                [`Logo`](https://github.com/gravity-ui/navigation/blob/main/src/components/Logo/Readme.md#logo)                |                           |
-| menuItems                    | Items in the navigation middle section                                                                                                                                                                                             |                                                   `Array<AsideHeaderItem>`                                                    |           `[]`            |
-| menuGroups                   | Declares groups for the middle section; see [`MenuGroup`](#menugroup). Items attach via `AsideHeaderItem.groupId`.                                                                                                                 |                                                         `MenuGroup[]`                                                         |                           |
-| defaultMenuItems             | Default list for resetting **All pages** edits                                                                                                                                                                                     |                                                   `Array<AsideHeaderItem>`                                                    |                           |
-| menuOverflow                 | Overflow behavior for the composite menu; see [`menuOverflow`](#composite-menu-overflow-menuoverflow). **`collapse`** (default): extras under «More». **`scroll`**: scrollable column. Compact sidebar always uses **`collapse`**. |                                                   `'collapse' \| 'scroll'`                                                    |       `'collapse'`        |
-| collapsedMenuGroupIds        | Controlled map (`MenuGroup.id` → collapsed) when `menuOverflow` is **`scroll`**                                                                                                                                                    |                                                   `Record<string, boolean>`                                                   |                           |
-| defaultCollapsedMenuGroupIds | Initial group collapsed state when `collapsedMenuGroupIds` is uncontrolled                                                                                                                                                         |                                                   `Record<string, boolean>`                                                   |                           |
-| editMenuProps                | Optional hooks for the **All pages** panel; see [`editMenuProps`](#editmenuprops).                                                                                                                                                 |                                                               —                                                               |                           |
-| menuMoreTitle                | Additional element title of menuItems if elements don't fit                                                                                                                                                                        |                                                           `string`                                                            |     `"Ещё"` `"More"`      |
-| onChangeCompact              | Callback will be called when changing navigation visual state                                                                                                                                                                      |                                                 `(compact: boolean) => void;`                                                 |                           |
-| onClosePanel                 | Callback will be called when closing panel. You can add panels via `PanelItems` prop                                                                                                                                               |                                                         `() => void;`                                                         |                           |
-| onMenuItemsChanged           | Callback will be called when updating list of the menuItems in `AllPagesPanel`                                                                                                                                                     |                                           `(items: Array<AsideHeaderItem>) => void`                                           |                           |
-| onMenuGroupsChanged          | Callback **only from All pages**: user toggled **menu group** visibility (`MenuGroup.hidden`) via group header pin. Use controlled `menuGroups`; not emitted for programmatic updates unrelated to All pages.                      |                                           `(menuGroups: Array<MenuGroup>) => void`                                            |                           |
-| onMenuMoreClick              | Callback will be called when some items don't fit and "more" button is clicked                                                                                                                                                     |                                                         `() => void;`                                                         |                           |
-| onToggleMenuGroupCollapsed   | User toggled group expand/collapse in **`menuOverflow='scroll'`** layout; combine with **`collapsedMenuGroupIds`** when controlled                                                                                                 |                                                  `(groupId: string) => void`                                                  |                           |
-| onAllPagesClick              | Callback will be called when "All pages" button is clicked                                                                                                                                                                         |                                                         `() => void;`                                                         |                           |
-| openModalSubscriber          | Function notifies `AsideHeader` about Modals visibility changes                                                                                                                                                                    |                                             `( (open: boolean) => void) => void`                                              |                           |
-| aboveMenuContent             | Optional content between the header and **`menuItems`**; stays fixed above the scrollable list when **`menuOverflow="scroll"`**.                                                                                                   |                                                       `React.ReactNode`                                                       |                           |
-| panelItems                   | Items for `Drawer` component. Used for show additional information over main content                                                                                                                                               |       [`Array<DrawerItem>`](https://github.com/gravity-ui/navigation/tree/main/src/components/Drawer#draweritem-props)        |           `[]`            |
-| renderContent                | Function rendering the main content at the right of the `AsideHeader`                                                                                                                                                              |                                          `(data: {size: number}) => React.ReactNode`                                          |                           |
-| renderFooter                 | Function rendering the navigation bottom section                                                                                                                                                                                   |                                          `(data: {size: number}) => React.ReactNode`                                          |                           |
-| ref                          | `ref` to target popup anchor                                                                                                                                                                                                       |                                    `React.ForwardedRef<HTMLDivElement, AsideHeaderProps>`                                     |                           |
-| subheaderItems               | Items in the navigation top section under Logo                                                                                                                                                                                     |                                                   `Array<AsideHeaderItem>`                                                    |           `[]`            |
-| topAlert                     | The container above the navigation based on the uikit `Alert` component                                                                                                                                                            |                                                          `TopAlert`                                                           |                           |
-| qa                           | The value to be passed to `data-qa` attribute of the `AsideHeader` container                                                                                                                                                       |                                                           `string`                                                            |                           |
+The combined menu-group presentation adds one display option:
+
+- `menuGroupNestedIcons?: boolean` (default `true`) shows child icons both in inline groups and
+  group popups.
+
+With the advanced layout, pass `menuGroupNestedIcons` to `PageLayoutAside`.
+
+| Name                           | Description                                                                                                                                                                                                                        |                                                             Type                                                              |          Default          |
+| :----------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------: | :-----------------------: |
+| className                      | HTML `class` attribute of the Logo                                                                                                                                                                                                 |                                                           `string`                                                            |                           |
+| collapseButtonWrapper          | Wrapper for `CollapseButton` allowing customization of the default button appearance                                                                                                                                               | `(defaultButton: React.ReactNode, data: {compact: boolean; onChangeCompact?: (compact: boolean) => void}) => React.ReactNode` |                           |
+| collapseTitle                  | `CollapseButton` title for collapsing navigation                                                                                                                                                                                   |                                                           `string`                                                            | `"Свернуть"` `"Collapse"` |
+| compact                        | Navigation visual state                                                                                                                                                                                                            |                                                           `boolean`                                                           |          `false`          |
+| compactTransition              | Animate compact layout geometry and highlighting. Also available on `PageLayout`.                                                                                                                                                  |                                                           `boolean`                                                           |          `true`           |
+| customBackground               | `AsideHeader` background                                                                                                                                                                                                           |                                                       `React.ReactNode`                                                       |                           |
+| customBackgroundClassName      | Override default background container's styles                                                                                                                                                                                     |                                                           `string`                                                            |                           |
+| expandTitle                    | `CollapseButton` title for expanding navigation                                                                                                                                                                                    |                                                           `string`                                                            | `"Развернуть"` `"Expand"` |
+| headerDecoration               | Color background of the top section with logo and subheader items                                                                                                                                                                  |                                                           `boolean`                                                           |          `false`          |
+| hideSectionDividers            | Hides header/footer separators and spacing, showing scroll-edge indicators instead. See [Section dividers](#section-dividers).                                                                                                     |                                                           `boolean`                                                           |          `false`          |
+| hideCollapseButton             | Hiding `CollapseButton`. Use `compact` prop for setting default navigation state                                                                                                                                                   |                                                           `boolean`                                                           |          `false`          |
+| logo                           | Logo container includes icon, title, handling clicks                                                                                                                                                                               |                [`Logo`](https://github.com/gravity-ui/navigation/blob/main/src/components/Logo/Readme.md#logo)                |                           |
+| menuItems                      | Items in the navigation middle section                                                                                                                                                                                             |                                                   `Array<AsideHeaderItem>`                                                    |           `[]`            |
+| menuGroups                     | Declares groups for the middle section; see [`MenuGroup`](#menugroup). Items attach via `AsideHeaderItem.groupId`.                                                                                                                 |                                                         `MenuGroup[]`                                                         |                           |
+| menuGroupNestedIcons           | Shows child item icons in inline groups and group popups.                                                                                                                                                                          |                                                           `boolean`                                                           |          `true`           |
+| menuDensity                    | Visual density of the aside and menu items. `compact` reduces dimensions without changing interaction behavior.                                                                                                                    |                                                   `'default' \| 'compact'`                                                    |        `'default'`        |
+| enableQuickAccess              | Renders items marked with `quickAccess` in a separate section and enables pin controls when `onQuickAccessChange` is provided.                                                                                                     |                                                           `boolean`                                                           |          `false`          |
+| quickAccessHighlightInMainMenu | Keeps a pinned current item highlighted in the main menu as well as in quick access.                                                                                                                                               |                                                           `boolean`                                                           |          `false`          |
+| defaultMenuItems               | Default list for resetting **All pages** edits                                                                                                                                                                                     |                                                   `Array<AsideHeaderItem>`                                                    |                           |
+| menuOverflow                   | Overflow behavior for the composite menu; see [`menuOverflow`](#composite-menu-overflow-menuoverflow). **`collapse`** (default): extras under «More». **`scroll`**: scrollable column. Compact sidebar always uses **`collapse`**. |                                                   `'collapse' \| 'scroll'`                                                    |       `'collapse'`        |
+| collapsedMenuGroupIds          | Controlled map (`MenuGroup.id` → collapsed) when `menuOverflow` is **`scroll`**                                                                                                                                                    |                                                   `Record<string, boolean>`                                                   |                           |
+| defaultCollapsedMenuGroupIds   | Initial group collapsed state when `collapsedMenuGroupIds` is uncontrolled                                                                                                                                                         |                                                   `Record<string, boolean>`                                                   |                           |
+| editMenuProps                  | Optional hooks for the **All pages** panel; see [`editMenuProps`](#editmenuprops).                                                                                                                                                 |                                                               —                                                               |                           |
+| menuMoreTitle                  | Additional element title of menuItems if elements don't fit                                                                                                                                                                        |                                                           `string`                                                            |     `"Ещё"` `"More"`      |
+| onChangeCompact                | Callback will be called when changing navigation visual state                                                                                                                                                                      |                                                 `(compact: boolean) => void;`                                                 |                           |
+| onClosePanel                   | Callback will be called when closing panel. You can add panels via `PanelItems` prop                                                                                                                                               |                                                         `() => void;`                                                         |                           |
+| onMenuItemsChanged             | Callback will be called when updating list of the menuItems in `AllPagesPanel`                                                                                                                                                     |                                           `(items: Array<AsideHeaderItem>) => void`                                           |                           |
+| onQuickAccessChange            | Called with the original menu item and its requested next quick-access state. Use it to update controlled `menuItems`.                                                                                                             |                                    `(item: AsideHeaderItem, quickAccess: boolean) => void`                                    |                           |
+| onMenuGroupsChanged            | Callback **only from All pages**: user toggled **menu group** visibility (`MenuGroup.hidden`) via group header pin. Use controlled `menuGroups`; not emitted for programmatic updates unrelated to All pages.                      |                                           `(menuGroups: Array<MenuGroup>) => void`                                            |                           |
+| onMenuMoreClick                | Callback will be called when some items don't fit and "more" button is clicked                                                                                                                                                     |                                                         `() => void;`                                                         |                           |
+| onToggleMenuGroupCollapsed     | User toggled group expand/collapse in **`menuOverflow='scroll'`** layout; combine with **`collapsedMenuGroupIds`** when controlled                                                                                                 |                                                  `(groupId: string) => void`                                                  |                           |
+| onAllPagesClick                | Callback will be called when "All pages" button is clicked                                                                                                                                                                         |                                                         `() => void;`                                                         |                           |
+| openModalSubscriber            | Function notifies `AsideHeader` about Modals visibility changes                                                                                                                                                                    |                                             `( (open: boolean) => void) => void`                                              |                           |
+| aboveMenuContent               | Optional content between the header and **`menuItems`**; stays fixed above the scrollable column (quick access and menu).                                                                                                          |                                                       `React.ReactNode`                                                       |                           |
+| panelItems                     | Items for `Drawer` component. Used for show additional information over main content                                                                                                                                               |       [`Array<DrawerItem>`](https://github.com/gravity-ui/navigation/tree/main/src/components/Drawer#draweritem-props)        |           `[]`            |
+| renderContent                  | Function rendering the main content at the right of the `AsideHeader`                                                                                                                                                              |                                          `(data: {size: number}) => React.ReactNode`                                          |                           |
+| renderFooter                   | Function rendering the navigation bottom section                                                                                                                                                                                   |                                          `(data: {size: number}) => React.ReactNode`                                          |                           |
+| ref                            | `ref` to target popup anchor                                                                                                                                                                                                       |                                    `React.ForwardedRef<HTMLDivElement, AsideHeaderProps>`                                     |                           |
+| subheaderItems                 | Items in the navigation top section under Logo                                                                                                                                                                                     |                                                   `Array<AsideHeaderItem>`                                                    |           `[]`            |
+| topAlert                       | The container above the navigation based on the uikit `Alert` component                                                                                                                                                            |                                                          `TopAlert`                                                           |                           |
+| qa                             | The value to be passed to `data-qa` attribute of the `AsideHeader` container                                                                                                                                                       |                                                           `string`                                                            |                           |
 
 ### Composite menu overflow (`menuOverflow`)
 
@@ -227,13 +404,27 @@ The middle section uses a composite bar. **`menuOverflow`** chooses how overflow
 | **`collapse`** | Default. Items that do not fit are collected under a **«More»** entry (popup).             |
 | **`scroll`**   | The menu list becomes a scrollable column so every row stays reachable without **«More»**. |
 
-When the sidebar is **`compact`** (collapsed to icons), overflow **always** behaves like **`collapse`**, regardless of `menuOverflow`, because scrolling a strip of icon-only rows is awkward.
+When the sidebar is **`compact`** (collapsed to icons), items that do not fit **always** collapse under **«More»**, regardless of `menuOverflow`; the column itself (quick access and menu) scrolls in a single container when height runs out.
 
-With **`menuOverflow="scroll"`** and **`menuGroups`**, group headers can expand/collapse inline. Use **`collapsedMenuGroupIds`** / **`defaultCollapsedMenuGroupIds`** and **`onToggleMenuGroupCollapsed`** to control or observe that state (keys are `MenuGroup.id`).
+With **`menuOverflow="scroll"`** and **`menuGroups`**, group headers can expand/collapse inline. Use **`collapsedMenuGroupIds`** / **`defaultCollapsedMenuGroupIds`** and **`onToggleMenuGroupCollapsed`** to control or observe that state (keys are `MenuGroup.id`). An expanded group shows its children as an inline hierarchy; a collapsed group exposes the same children in a popup on hover/focus. `menuGroupNestedIcons` controls child icons in both representations.
+
+```tsx
+const [collapsedGroups, setCollapsedGroups] = React.useState<Record<string, boolean>>({});
+
+<AsideHeader
+  {...props}
+  menuOverflow="scroll"
+  menuGroups={menuGroups}
+  collapsedMenuGroupIds={collapsedGroups}
+  onToggleMenuGroupCollapsed={(groupId) => {
+    setCollapsedGroups((current) => ({...current, [groupId]: !current[groupId]}));
+  }}
+/>;
+```
 
 **`defaultMenuItems`** is the baseline list used when resetting **All pages** edits. Configure sorting, pins, group visibility toggles, and reset via **[`editMenuProps`](#editmenuprops)** below.
 
-In compact mode, groups collapse to a single icon anchor (`MenuGroup.icon`); the group's children are revealed in a popup whose heading is taken from `MenuGroup.popupTitle`.
+In compact mode, groups collapse to a single icon anchor (`MenuGroup.icon`); the group's children are revealed in a popup whose heading is taken from `MenuGroup.popupTitle`. A standalone compact item uses a lightweight dark popup surface for its single-line label and preserves high-contrast mode as `dark-hc`. Group and overflow popups keep the current UIKit theme.
 Inline expand/collapse (**`collapsedMenuGroupIds`** / **`onToggleMenuGroupCollapsed`**) does not apply here — it is only used when **`menuOverflow="scroll"`**.
 
 ### `MenuGroup`
@@ -247,10 +438,10 @@ Shape for entries in `menuGroups`. When `menuGroups` is set, middle-section item
 | `icon`                | Optional [`Icon`](https://github.com/gravity-ui/uikit/tree/main/src/components/Icon) data for the group header.                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
 | `iconSize`            | Group header icon size; set it to the same value as on menu items so the group row matches them (e.g. in the **All pages** panel).                                                                                                                                                                                                                                                                                                                                                                                                                               |
 | `hidden`              | When `true`, hides the group from the main navigation; items in that group are omitted there. The **All pages** panel can still surface the group row for visibility edits when callbacks like `onMenuGroupsChanged` are used.                                                                                                                                                                                                                                                                                                                                   |
-| `popupTitle`          | Optional heading used **only** in the compact sidebar popup that lists a group’s children. Does not replace `title` for the inline group header or other surfaces.                                                                                                                                                                                                                                                                                                                                                                                               |
+| `popupTitle`          | Optional heading used in a popup that lists a group’s children. Does not replace `title` for the inline group header or other surfaces.                                                                                                                                                                                                                                                                                                                                                                                                                          |
 | `onItemClick`         | Optional main action for the group header (same signature as `AsideHeaderItem.onItemClick`; receives the synthetic group-header item). When the group has its own action (`onItemClick` and/or `href`), in the inline layout (`menuOverflow="scroll"`, expanded sidebar) clicking the header row triggers the action like a regular menu item, and **only the chevron** toggles expand/collapse. Without an own action the whole header row toggles the group, as before. Such groups are also listed as a clickable row in the **All pages** panel (view mode). |
 | `href`                | Optional link for the group header; renders the header row as an anchor. Same click-behavior split as `onItemClick`.                                                                                                                                                                                                                                                                                                                                                                                                                                             |
-| `hideCompactChevron`  | When `true`, the small chevron is not rendered on the group anchor in the compact (collapsed) sidebar. The children popup keeps working as usual.                                                                                                                                                                                                                                                                                                                                                                                                                |
+| `current`             | Marks the group header row as the current page, like `AsideHeaderItem.current`. Only the header row is highlighted; nested items keep their own states.                                                                                                                                                                                                                                                                                                                                                                                                          |
 | `hideItemsInAllPages` | When `true` and the group has its own action (`onItemClick` and/or `href`), the group items are not listed in the **All pages** panel (view mode) — the group is represented only by its clickable header row. Has no effect for groups without an action.                                                                                                                                                                                                                                                                                                       |
 
 ### `editMenuProps`
@@ -268,6 +459,11 @@ Optional configuration for the **All pages** panel (drag-and-drop, pins, reset).
 
 ### `AsideHeaderItem`
 
+`titleLines?: 1 | 2` controls the maximum title lines in the expanded sidebar. When omitted, the
+legacy two-line clamp is preserved.
+Compact sidebar and popup rows always use one line. A two-line row is included in menu overflow
+measurements, so it does not overlap the footer or incorrectly move neighboring items under More.
+
 | Name                   | Description                                                                                                                                                                                      |                                                                         Type                                                                         |             Default             |
 | :--------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------: |
 | afterMoreButton        | The menu item will be placed in the end, even item don't fit                                                                                                                                     |                                                                      `boolean`                                                                       |                                 |
@@ -285,8 +481,10 @@ Optional configuration for the **All pages** panel (drag-and-drop, pins, reset).
 | onItemClickCapture     | Callback will be called when clicking on the item                                                                                                                                                |                                                       ` (event: React.SyntheticEvent) => void`                                                       |                                 |
 | order                  | Determine the display order in the navigation                                                                                                                                                    |                                                                       `number`                                                                       |                                 |
 | pinned                 | The parameter restricts hiding menu item                                                                                                                                                         |                                                                      `boolean`                                                                       |             `false`             |
+| quickAccess            | Renders an eligible leaf item in the quick-access section when `enableQuickAccess` is enabled. This is independent from the All pages `pinned` flag.                                             |                                                                      `boolean`                                                                       |             `false`             |
 | rightAdornment         | Customize right side of the menu item                                                                                                                                                            |                                                                  `React.ReactNode`                                                                   |                                 |
 | title                  | The menu item title                                                                                                                                                                              |                                                                  `React.ReactNode`                                                                   |                                 |
+| titleLines             | Maximum title lines in the expanded sidebar. Collapsed (icon-only) sidebar and popup rows always use one line.                                                                                   |                                                                       `1 \| 2`                                                                       |               `2`               |
 | tooltipText            | Tooltip content                                                                                                                                                                                  |                                                                  `React.ReactNode`                                                                   |                                 |
 | type                   | The menu item type changes appearance: `"regular"`, `"action"`, `"divider"`                                                                                                                      |                                                                       `string`                                                                       |           `"regular"`           |
 | qa                     | The value to be passed to `data-qa` attribute                                                                                                                                                    |                                                                       `string`                                                                       |                                 |
@@ -333,8 +531,11 @@ You can customize the inner content, make alert closeable if necessary. For read
 | `--gn-aside-header-expanded-background-color`             | Expanded navigation background color                                      |
 | `--gn-aside-header-divider-horizontal-color`              | All horizontal divider line color                                         |
 | `--gn-aside-header-divider-vertical-color`                | Vertical divider line color between `AsideHeader` and content             |
+| `--gn-aside-header-collapse-button-border-color`          | Collapse button hairline border color in the collapsed state              |
 | `--gn-aside-header-menu-group-tree-line-color`            | Tree connector lines for nested menu groups (inactive segments)           |
 | `--gn-aside-header-menu-group-tree-line-active-color`     | Tree connector lines for the active branch in nested menu groups          |
+| `--gn-aside-header-menu-group-tree-line-width`            | Width of straight and curved tree connector lines; defaults to `1px`      |
+| `--gn-aside-header-floating-surface-box-shadow`           | Box shadow for navigation popups                                          |
 | `--gn-top-alert-height`                                   | **Read only**.`AsideHeader` top alert height                              |
 | `--gn-aside-header-padding-top`                           | Navigation top padding. May be helpful when logo and subheader items hide |
 | Item                                                      |                                                                           |

package/build/esm/components/AsideHeader/AsideHeader.css

@@ -1 +1,11 @@
-.AsideHeader-module__gn-aside-header___Z0Sa7{--gn-aside-header-min-width:56px;--_--item-margin-inline:8px;--gn-aside-header-item-expanded-radius:8px;--_--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%}.AsideHeader-module__gn-aside-header__aside___AyP0y{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)}.AsideHeader-module__gn-aside-header__aside___AyP0y: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}.AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM{inset:0;position:absolute;z-index:1}.AsideHeader-module__gn-aside-header__aside-content___w5GOS{--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}.AsideHeader-module__gn-aside-header__aside-content___w5GOS>.AsideHeader-module__gn-aside-header-logo___6MdXx{margin:8px 0}.AsideHeader-module__gn-aside-header__aside_menu-overflow-scroll___l-td6 .AsideHeader-module__gn-aside-header__aside-content___w5GOS{min-height:0;overflow:hidden}.AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye{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))}.AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE{bottom:0;display:flex;position:absolute;top:0;width:var(--gn-aside-header-size);z-index:-1}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__aside___AyP0y{background-color:var(--gn-aside-header-collapsed-background-color,var(--gn-aside-header-background-color,var(--_--background-color)))}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__aside-content___w5GOS{background:transparent}.AsideHeader-module__gn-aside-header__header___m5aIU{--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}.AsideHeader-module__gn-aside-header__header___m5aIU .AsideHeader-module__gn-aside-header__header-divider___lIG-e{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}.AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO: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}.AsideHeader-module__gn-aside-header__header___m5aIU: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}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header___m5aIU:before, .AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO .AsideHeader-module__gn-aside-header__header-divider___lIG-e{display:block}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO:after{display:none}.AsideHeader-module__gn-aside-header__logo-button___5u2iH .AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i{height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));width:var(--gn-aside-header-min-width)}.AsideHeader-module__gn-aside-header__menu-items___SOI2-{flex-grow:1}.AsideHeader-module__gn-aside-header__menu-item___q2y31:not(:has([data-type=action])){margin-inline:var(--_--item-margin-inline)}.AsideHeader-module__gn-aside-header__menu-item___q2y31:has([data-type=regular]), .AsideHeader-module__gn-aside-header__menu-item_type_regular___XYYbc, .AsideHeader-module__gn-aside-header__root-menu-item___eNfkk[class]:hover{border-radius:var(--gn-aside-header-item-expanded-radius,8px)}.AsideHeader-module__gn-aside-header__footer___vmoTl{display:flex;flex-direction:column;flex-shrink:0;margin:var(--g-spacing-2) var(--_--item-margin-inline)}.AsideHeader-module__gn-aside-header__panels___-fdu4{z-index:var(--gn-aside-header-panel-z-index,98)}.AsideHeader-module__gn-aside-header__panel___HywH6, .AsideHeader-module__gn-aside-header__panel___HywH6.g-drawer__item{bottom:0;height:auto;top:0}.AsideHeader-module__gn-aside-header__pane-container___y-v2e{display:flex;flex-direction:row;outline:none;overflow:visible;user-select:text}.AsideHeader-module__gn-aside-header__top-alert___hY12r{background:var(--g-color-base-background);position:fixed;top:0;width:100%;z-index:var(--gn-aside-header-pane-top-z-index,98)}.AsideHeader-module__gn-aside-header__content___4-mBl{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)}.AsideHeader-module__gn-aside-header__all-pages-panel___O94IU{width:fit-content!important}
+.AsideHeader-module__gn-aside-header___Z0Sa7{--gn-aside-header-min-width:var(--_--gn-aside-header-density-compact-width,56px);--_--item-margin-inline:var(
+      --_--gn-aside-header-density-item-margin-inline,8px
+  );--_--item-expanded-radius:var(
+      --_--gn-aside-header-density-item-expanded-radius,8px
+  );--_--item-icon-background-size:var(
+      --gn-aside-header-item-icon-background-size,var(--_--gn-aside-header-density-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);--_--section-divider-gap:var(--g-spacing-1);background-color:var(--g-color-base-background);height:100%;position:relative;width:100%}.AsideHeader-module__gn-aside-header__compact-transition___bBGfN{--_--gn-aside-width-transition:width 0.2s ease-in-out;--_--gn-aside-collapse-geometry-transition:inset-inline-end 0.2s ease-in-out,width 0.2s ease-in-out,border-radius 0.2s ease-in-out;--_--gn-aside-drawer-transition:left 0.2s ease-in-out,background-color var(--_--animation-duration,300ms)}.AsideHeader-module__gn-aside-header__compact-transition_disabled___ztpdX{--_--gn-aside-width-transition:none;--_--gn-aside-collapse-geometry-transition:none;--_--gn-aside-drawer-transition:background-color var(--_--animation-duration,300ms)}.AsideHeader-module__gn-aside-header__aside___AyP0y{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));overflow:hidden;position:sticky;top:var(--gn-top-alert-height,0);transition:var(--_--gn-aside-width-transition);width:inherit;z-index:var(--gn-aside-header-z-index,100)}.AsideHeader-module__gn-aside-header__aside___AyP0y:after{background-color:var(--gn-aside-header-divider-vertical-color,var(--_--vertical-divider-line-color));content:"";height:100%;inset-inline-end:0;position:absolute;top:0;width:1px;z-index:2}.AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM{inset:0;position:absolute;z-index:1}.AsideHeader-module__gn-aside-header__aside-content___w5GOS{--gradient-height:334px;display:flex;flex-direction:column;height:inherit;min-height:0;overflow:hidden;padding-top:var(--gn-aside-header-padding-top);position:relative;user-select:none;width:var(--gn-aside-header-size);z-index:2}.AsideHeader-module__gn-aside-header__aside-content___w5GOS>.AsideHeader-module__gn-aside-header-logo___6MdXx{margin:8px 0}.AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye{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))}.AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE{bottom:0;display:flex;position:absolute;top:0;transition:var(--_--gn-aside-width-transition);width:var(--gn-aside-header-size);z-index:-1}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__aside___AyP0y{background-color:var(--gn-aside-header-collapsed-background-color,var(--gn-aside-header-background-color,var(--_--background-color)))}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__aside-content___w5GOS{background:transparent}.AsideHeader-module__gn-aside-header__aside___AyP0y[data-gn-aside-animating] [data-gn-aside-divider]{flex-shrink:0}.AsideHeader-module__gn-aside-header__aside___AyP0y[data-gn-aside-animating] .AsideHeader-module__gn-aside-header__aside-content___w5GOS{overflow:visible}.AsideHeader-module__gn-aside-header__aside___AyP0y[data-gn-aside-animating] .g-list__item, .AsideHeader-module__gn-aside-header__aside___AyP0y[data-gn-aside-animating] .g-list__item-content{min-width:0;overflow:visible}.AsideHeader-module__gn-aside-header__aside___AyP0y[data-gn-aside-animating] [data-gn-aside-scrollport]{width:var(--_--gn-aside-header-expanded-width)}.AsideHeader-module__gn-aside-header__aside___AyP0y[data-gn-aside-animating] .AsideHeader-module__gn-aside-header__unified-menu-content___cpugB{width:var(--gn-aside-header-size)}.AsideHeader-module__gn-aside-header__header___m5aIU{--gn-aside-header-header-divider-height:var(
+      --_--gn-aside-header-density-header-divider-height,29px
+  );box-sizing:border-box;flex:none;padding-bottom:var(--_--header-padding-bottom,22px);padding-top:8px;position:relative;width:100%;z-index:1}.AsideHeader-module__gn-aside-header__header___m5aIU .AsideHeader-module__gn-aside-header__header-divider___lIG-e{color:var(--gn-aside-header-decoration-collapsed-background-color,var(--_--decoration-collapsed-background-color));display:none;left:0;position:absolute;top:calc(100% - var(--gn-aside-header-header-divider-height));z-index:-2}.AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO: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}.AsideHeader-module__gn-aside-header__header___m5aIU .AsideHeader-module__gn-aside-header__header-bottom-divider___x9Bzo{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}.AsideHeader-module__gn-aside-header__aside-content_with-quick-access___Yucty:not(.AsideHeader-module__gn-aside-header__aside-content_hide-section-dividers___9BZdB) .AsideHeader-module__gn-aside-header__header___m5aIU{padding-bottom:var(--_--header-padding-bottom,var(--_--section-divider-gap))}.AsideHeader-module__gn-aside-header__aside-content_with-quick-access___Yucty:not(.AsideHeader-module__gn-aside-header__aside-content_hide-section-dividers___9BZdB) .AsideHeader-module__gn-aside-header__header___m5aIU .AsideHeader-module__gn-aside-header__header-bottom-divider___x9Bzo{bottom:0}.AsideHeader-module__gn-aside-header__aside-content_with-quick-access___Yucty:not(.AsideHeader-module__gn-aside-header__aside-content_with-quick-access-items___oU0Yz):not(.AsideHeader-module__gn-aside-header__aside-content_hide-section-dividers___9BZdB) .AsideHeader-module__gn-aside-header__header___m5aIU{margin-bottom:var(--_--section-divider-gap)}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header___m5aIU:before{display:block}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO{--_--header-padding-bottom:calc(var(--gn-aside-header-header-divider-height)*22/29)}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO .AsideHeader-module__gn-aside-header__header-divider___lIG-e{display:block}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO .AsideHeader-module__gn-aside-header__header-bottom-divider___x9Bzo{display:none}.AsideHeader-module__gn-aside-header__logo-button___5u2iH .AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i{height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));width:var(--gn-aside-header-min-width)}.AsideHeader-module__gn-aside-header__logo___QvKKT{--_--gn-logo-height:var(
+      --_--gn-aside-header-density-item-height,40px
+  )}.AsideHeader-module__gn-aside-header__quick-access___ykXmy{box-sizing:border-box;flex:none;margin-bottom:var(--_--section-divider-gap);padding-block:var(--_--section-divider-gap);position:relative;width:100%}.AsideHeader-module__gn-aside-header__quick-access-divider___AzkVl{background-color:var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));bottom:0;content:"";height:1px;left:var(--_--item-margin-inline);position:absolute;right:var(--_--item-margin-inline);width:auto;z-index:1}.AsideHeader-module__gn-aside-header__quick-access-title___im4TL{color:var(--g-color-text-secondary);font-family:var(--g-text-caption-font-family);font-size:var(--g-text-caption-2-font-size);font-weight:var(--g-text-caption-font-weight);line-height:var(--g-text-caption-2-line-height);margin-inline:var(--_--item-margin-inline);padding-inline:calc(var(--_--gn-aside-header-density-item-height, 40px) + var(--_--gn-aside-header-density-item-title-gap, var(--g-spacing-2))) var(--_--gn-aside-header-density-item-title-gap-end,var(--g-spacing-4));padding-bottom:var(--g-spacing-1);user-select:none}.AsideHeader-module__gn-aside-header__unified-menu-scroll___EHnK-{flex:1 1 auto;min-height:0}.AsideHeader-module__gn-aside-header__unified-menu-content___cpugB{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:0}.AsideHeader-module__gn-aside-header___Z0Sa7 [data-gn-aside-current-container]>:not([data-gn-aside-current-indicator-layer]):not([data-gn-aside-divider]){position:relative;z-index:1}.AsideHeader-module__gn-aside-header__menu-items___SOI2-{flex-grow:1}.AsideHeader-module__gn-aside-header__menu-item___q2y31:not(:has([data-type=action])){margin-inline:var(--_--item-margin-inline)}.AsideHeader-module__gn-aside-header__menu-item___q2y31:has([data-type=regular]), .AsideHeader-module__gn-aside-header__menu-item_type_regular___XYYbc, .AsideHeader-module__gn-aside-header__root-menu-item___eNfkk[class]:hover{border-radius:var(--gn-aside-header-item-expanded-radius,var(--_--item-expanded-radius))}.AsideHeader-module__gn-aside-header__collapse-fallback___R6O7X{flex-shrink:0;height:var(--_--gn-aside-header-density-footer-item-height,32px)}.AsideHeader-module__gn-aside-header__footer___vmoTl{display:flex;flex-direction:column;flex-shrink:0;margin:var(--g-spacing-2) var(--_--item-margin-inline);position:relative}.AsideHeader-module__gn-aside-header__footer___vmoTl .AsideHeader-module__gn-aside-header__footer-divider___9Jewp{background-color:var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));content:"";height:1px;left:calc(var(--_--item-margin-inline)*-1);opacity:0;pointer-events:none;position:absolute;right:calc(var(--_--item-margin-inline)*-1);top:calc(var(--g-spacing-2)*-1);transition:opacity .3s ease-in-out}.AsideHeader-module__gn-aside-header__footer_with-divider___66E1w .AsideHeader-module__gn-aside-header__footer-divider___9Jewp{opacity:1}.AsideHeader-module__gn-aside-header__aside-content_hide-section-dividers___9BZdB .AsideHeader-module__gn-aside-header__header___m5aIU{margin-bottom:0;padding-bottom:0}.AsideHeader-module__gn-aside-header__aside-content_hide-section-dividers___9BZdB .AsideHeader-module__gn-aside-header__header___m5aIU:before{height:100%}.AsideHeader-module__gn-aside-header__aside-content_hide-section-dividers___9BZdB .AsideHeader-module__gn-aside-header__footer-divider___9Jewp, .AsideHeader-module__gn-aside-header__aside-content_hide-section-dividers___9BZdB .AsideHeader-module__gn-aside-header__header___m5aIU .AsideHeader-module__gn-aside-header__header-bottom-divider___x9Bzo, .AsideHeader-module__gn-aside-header__aside-content_hide-section-dividers___9BZdB .AsideHeader-module__gn-aside-header__header___m5aIU .AsideHeader-module__gn-aside-header__header-divider___lIG-e{display:none}.AsideHeader-module__gn-aside-header__aside-content_hide-section-dividers___9BZdB .AsideHeader-module__gn-aside-header__footer___vmoTl{margin-top:0}.AsideHeader-module__gn-aside-header__panels___-fdu4{z-index:var(--gn-aside-header-panel-z-index,98)}.AsideHeader-module__gn-aside-header__panels___-fdu4.g-drawer[data-floating-ui-status]{transition:var(--_--gn-aside-drawer-transition)}.AsideHeader-module__gn-aside-header__panel___HywH6, .AsideHeader-module__gn-aside-header__panel___HywH6.g-drawer__item{bottom:0;height:auto;top:0}.AsideHeader-module__gn-aside-header__pane-container___y-v2e{display:flex;flex-direction:row;outline:none;overflow:visible;user-select:text}.AsideHeader-module__gn-aside-header__top-alert___hY12r{background:var(--g-color-base-background);position:fixed;top:0;width:100%;z-index:var(--gn-aside-header-pane-top-z-index,98)}.AsideHeader-module__gn-aside-header__content___4-mBl{margin-top:var(--gn-top-alert-height,0);transition:var(--_--gn-aside-width-transition);width:calc(100% - var(--gn-aside-header-size));z-index:var(--gn-aside-header-content-z-index,95)}@media (prefers-reduced-motion:reduce){.AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE, .AsideHeader-module__gn-aside-header__aside___AyP0y, .AsideHeader-module__gn-aside-header__content___4-mBl, .AsideHeader-module__gn-aside-header__panels___-fdu4.g-drawer[data-floating-ui-status]{transition:none}}.AsideHeader-module__gn-aside-header__all-pages-panel___O94IU{width:fit-content!important}

package/build/esm/components/AsideHeader/AsideHeader.js

@@ -5,8 +5,8 @@ import { PageLayout } from './components/PageLayout/PageLayout.js';
 import { PageLayoutAside } from './components/PageLayout/PageLayoutAside.js';
 
 const AsideHeader = React__default.forwardRef((_a, ref) => {
-    var { compact, className, topAlert } = _a, props = __rest(_a, ["compact", "className", "topAlert"]);
-    return (React__default.createElement(PageLayout, { compact: compact, className: className, topAlert: topAlert },
+    var { compact, compactTransition, className, topAlert, menuDensity } = _a, props = __rest(_a, ["compact", "compactTransition", "className", "topAlert", "menuDensity"]);
+    return (React__default.createElement(PageLayout, { compact: compact, compactTransition: compactTransition, className: className, topAlert: topAlert, menuDensity: menuDensity },
         React__default.createElement(PageLayoutAside, Object.assign({ ref: ref }, props)),
         React__default.createElement(PageLayout.Content, { renderContent: props.renderContent })));
 });

package/build/esm/components/AsideHeader/AsideHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsideHeader.js","sources":["../../../../../src/components/AsideHeader/AsideHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport {PageLayout} from './components/PageLayout/PageLayout';\nimport {PageLayoutAside} from './components/PageLayout/PageLayoutAside';\nimport {AsideHeaderProps} from './types';\n\nexport const AsideHeader = React.forwardRef<HTMLDivElement, AsideHeaderProps>(\n    ({compact, className, topAlert, ...props}, ref) => {\n        return (\n            <PageLayout compact={compact} className={className} topAlert={topAlert}>\n                <PageLayoutAside ref={ref} {...props} />\n                <PageLayout.Content renderContent={props.renderContent} />\n            </PageLayout>\n        );\n    },\n);\n\nAsideHeader.displayName = 'AsideHeader';\n"],"names":["React"],"mappings":";;;;;AAMO,MAAM,WAAW,GAAGA,cAAK,CAAC,UAAU,CACvC,CAAC,EAAwC,EAAE,GAAG,KAAI;QAAjD,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,KAAK,GAAvC,MAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAwC,CAAD;AACpC,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAClE,QAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAI,CAAA;AACxC,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,CAAC,OAAO,EAAA,EAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAA,CAAI,CACjD;AAErB,CAAC;AAGL,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"AsideHeader.js","sources":["../../../../../src/components/AsideHeader/AsideHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport {PageLayout} from './components/PageLayout/PageLayout';\nimport {PageLayoutAside} from './components/PageLayout/PageLayoutAside';\nimport {AsideHeaderProps} from './types';\n\nexport const AsideHeader = React.forwardRef<HTMLDivElement, AsideHeaderProps>(\n    ({compact, compactTransition, className, topAlert, menuDensity, ...props}, ref) => {\n        return (\n            <PageLayout\n                compact={compact}\n                compactTransition={compactTransition}\n                className={className}\n                topAlert={topAlert}\n                menuDensity={menuDensity}\n            >\n                <PageLayoutAside ref={ref} {...props} />\n                <PageLayout.Content renderContent={props.renderContent} />\n            </PageLayout>\n        );\n    },\n);\n\nAsideHeader.displayName = 'AsideHeader';\n"],"names":["React"],"mappings":";;;;;AAMO,MAAM,WAAW,GAAGA,cAAK,CAAC,UAAU,CACvC,CAAC,EAAwE,EAAE,GAAG,KAAI;AAAjF,IAAA,IAAA,EAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAW,GAAA,EAAA,EAAN,KAAK,GAAA,MAAA,CAAA,EAAA,EAAvE,wEAAwE,CAAD;IACpE,QACIA,6BAAC,UAAU,EAAA,EACP,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EAAA;AAExB,QAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAI,CAAA;AACxC,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,CAAC,OAAO,EAAA,EAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAA,CAAI,CACjD;AAErB,CAAC;AAGL,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/build/esm/components/AsideHeader/AsideHeader.module.scss.js

@@ -1,4 +1,4 @@
-var styles = {"g-root":"AsideHeader-module__g-root___EuNRw","gRoot":"AsideHeader-module__g-root___EuNRw","gn-aside-header":"AsideHeader-module__gn-aside-header___Z0Sa7","gnAsideHeader":"AsideHeader-module__gn-aside-header___Z0Sa7","gn-aside-header__aside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gnAsideHeaderAside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gn-aside-header__aside-popup-anchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gnAsideHeaderAsidePopupAnchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gn-aside-header__aside-content":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gnAsideHeaderAsideContent":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gn-aside-header-logo":"AsideHeader-module__gn-aside-header-logo___6MdXx","gnAsideHeaderLogo":"AsideHeader-module__gn-aside-header-logo___6MdXx","gn-aside-header__aside_menu-overflow-scroll":"AsideHeader-module__gn-aside-header__aside_menu-overflow-scroll___l-td6","gnAsideHeaderAsideMenuOverflowScroll":"AsideHeader-module__gn-aside-header__aside_menu-overflow-scroll___l-td6","gn-aside-header__aside-content_with-decoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gnAsideHeaderAsideContentWithDecoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gn-aside-header__aside-custom-background":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gnAsideHeaderAsideCustomBackground":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gn-aside-header_compact":"AsideHeader-module__gn-aside-header_compact___z-nL-","gnAsideHeaderCompact":"AsideHeader-module__gn-aside-header_compact___z-nL-","gn-aside-header__header":"AsideHeader-module__gn-aside-header__header___m5aIU","gnAsideHeaderHeader":"AsideHeader-module__gn-aside-header__header___m5aIU","gn-aside-header__header-divider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gnAsideHeaderHeaderDivider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gn-aside-header__header_with-decoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gnAsideHeaderHeaderWithDecoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gn-aside-header__logo-button":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gnAsideHeaderLogoButton":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gn-aside-header__logo-icon-place":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gnAsideHeaderLogoIconPlace":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gn-aside-header__menu-items":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gnAsideHeaderMenuItems":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gn-aside-header__menu-item":"AsideHeader-module__gn-aside-header__menu-item___q2y31","gnAsideHeaderMenuItem":"AsideHeader-module__gn-aside-header__menu-item___q2y31","gn-aside-header__menu-item_type_regular":"AsideHeader-module__gn-aside-header__menu-item_type_regular___XYYbc","gnAsideHeaderMenuItemTypeRegular":"AsideHeader-module__gn-aside-header__menu-item_type_regular___XYYbc","gn-aside-header__root-menu-item":"AsideHeader-module__gn-aside-header__root-menu-item___eNfkk","gnAsideHeaderRootMenuItem":"AsideHeader-module__gn-aside-header__root-menu-item___eNfkk","gn-aside-header__footer":"AsideHeader-module__gn-aside-header__footer___vmoTl","gnAsideHeaderFooter":"AsideHeader-module__gn-aside-header__footer___vmoTl","gn-aside-header__panels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gnAsideHeaderPanels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gn-aside-header__panel":"AsideHeader-module__gn-aside-header__panel___HywH6","gnAsideHeaderPanel":"AsideHeader-module__gn-aside-header__panel___HywH6","gn-aside-header__pane-container":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gnAsideHeaderPaneContainer":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gn-aside-header__top-alert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gnAsideHeaderTopAlert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gn-aside-header__content":"AsideHeader-module__gn-aside-header__content___4-mBl","gnAsideHeaderContent":"AsideHeader-module__gn-aside-header__content___4-mBl","gn-aside-header__all-pages-panel":"AsideHeader-module__gn-aside-header__all-pages-panel___O94IU","gnAsideHeaderAllPagesPanel":"AsideHeader-module__gn-aside-header__all-pages-panel___O94IU"};
+var styles = {"g-root":"AsideHeader-module__g-root___EuNRw","gRoot":"AsideHeader-module__g-root___EuNRw","gn-aside-header":"AsideHeader-module__gn-aside-header___Z0Sa7","gnAsideHeader":"AsideHeader-module__gn-aside-header___Z0Sa7","gn-aside-header__compact-transition":"AsideHeader-module__gn-aside-header__compact-transition___bBGfN","gnAsideHeaderCompactTransition":"AsideHeader-module__gn-aside-header__compact-transition___bBGfN","gn-aside-header__compact-transition_disabled":"AsideHeader-module__gn-aside-header__compact-transition_disabled___ztpdX","gnAsideHeaderCompactTransitionDisabled":"AsideHeader-module__gn-aside-header__compact-transition_disabled___ztpdX","gn-aside-header__aside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gnAsideHeaderAside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gn-aside-header__aside-popup-anchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gnAsideHeaderAsidePopupAnchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gn-aside-header__aside-content":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gnAsideHeaderAsideContent":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gn-aside-header-logo":"AsideHeader-module__gn-aside-header-logo___6MdXx","gnAsideHeaderLogo":"AsideHeader-module__gn-aside-header__logo___QvKKT","gn-aside-header__aside-content_with-decoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gnAsideHeaderAsideContentWithDecoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gn-aside-header__aside-custom-background":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gnAsideHeaderAsideCustomBackground":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gn-aside-header_compact":"AsideHeader-module__gn-aside-header_compact___z-nL-","gnAsideHeaderCompact":"AsideHeader-module__gn-aside-header_compact___z-nL-","gn-aside-header__unified-menu-content":"AsideHeader-module__gn-aside-header__unified-menu-content___cpugB","gnAsideHeaderUnifiedMenuContent":"AsideHeader-module__gn-aside-header__unified-menu-content___cpugB","gn-aside-header__header":"AsideHeader-module__gn-aside-header__header___m5aIU","gnAsideHeaderHeader":"AsideHeader-module__gn-aside-header__header___m5aIU","gn-aside-header__header-divider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gnAsideHeaderHeaderDivider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gn-aside-header__header_with-decoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gnAsideHeaderHeaderWithDecoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gn-aside-header__header-bottom-divider":"AsideHeader-module__gn-aside-header__header-bottom-divider___x9Bzo","gnAsideHeaderHeaderBottomDivider":"AsideHeader-module__gn-aside-header__header-bottom-divider___x9Bzo","gn-aside-header__aside-content_with-quick-access":"AsideHeader-module__gn-aside-header__aside-content_with-quick-access___Yucty","gnAsideHeaderAsideContentWithQuickAccess":"AsideHeader-module__gn-aside-header__aside-content_with-quick-access___Yucty","gn-aside-header__aside-content_hide-section-dividers":"AsideHeader-module__gn-aside-header__aside-content_hide-section-dividers___9BZdB","gnAsideHeaderAsideContentHideSectionDividers":"AsideHeader-module__gn-aside-header__aside-content_hide-section-dividers___9BZdB","gn-aside-header__aside-content_with-quick-access-items":"AsideHeader-module__gn-aside-header__aside-content_with-quick-access-items___oU0Yz","gnAsideHeaderAsideContentWithQuickAccessItems":"AsideHeader-module__gn-aside-header__aside-content_with-quick-access-items___oU0Yz","gn-aside-header__logo-button":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gnAsideHeaderLogoButton":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gn-aside-header__logo-icon-place":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gnAsideHeaderLogoIconPlace":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gn-aside-header__logo":"AsideHeader-module__gn-aside-header__logo___QvKKT","gn-aside-header__quick-access":"AsideHeader-module__gn-aside-header__quick-access___ykXmy","gnAsideHeaderQuickAccess":"AsideHeader-module__gn-aside-header__quick-access___ykXmy","gn-aside-header__quick-access-divider":"AsideHeader-module__gn-aside-header__quick-access-divider___AzkVl","gnAsideHeaderQuickAccessDivider":"AsideHeader-module__gn-aside-header__quick-access-divider___AzkVl","gn-aside-header__quick-access-title":"AsideHeader-module__gn-aside-header__quick-access-title___im4TL","gnAsideHeaderQuickAccessTitle":"AsideHeader-module__gn-aside-header__quick-access-title___im4TL","gn-aside-header__unified-menu-scroll":"AsideHeader-module__gn-aside-header__unified-menu-scroll___EHnK-","gnAsideHeaderUnifiedMenuScroll":"AsideHeader-module__gn-aside-header__unified-menu-scroll___EHnK-","gn-aside-header__menu-items":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gnAsideHeaderMenuItems":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gn-aside-header__menu-item":"AsideHeader-module__gn-aside-header__menu-item___q2y31","gnAsideHeaderMenuItem":"AsideHeader-module__gn-aside-header__menu-item___q2y31","gn-aside-header__menu-item_type_regular":"AsideHeader-module__gn-aside-header__menu-item_type_regular___XYYbc","gnAsideHeaderMenuItemTypeRegular":"AsideHeader-module__gn-aside-header__menu-item_type_regular___XYYbc","gn-aside-header__root-menu-item":"AsideHeader-module__gn-aside-header__root-menu-item___eNfkk","gnAsideHeaderRootMenuItem":"AsideHeader-module__gn-aside-header__root-menu-item___eNfkk","gn-aside-header__collapse-fallback":"AsideHeader-module__gn-aside-header__collapse-fallback___R6O7X","gnAsideHeaderCollapseFallback":"AsideHeader-module__gn-aside-header__collapse-fallback___R6O7X","gn-aside-header__footer":"AsideHeader-module__gn-aside-header__footer___vmoTl","gnAsideHeaderFooter":"AsideHeader-module__gn-aside-header__footer___vmoTl","gn-aside-header__footer-divider":"AsideHeader-module__gn-aside-header__footer-divider___9Jewp","gnAsideHeaderFooterDivider":"AsideHeader-module__gn-aside-header__footer-divider___9Jewp","gn-aside-header__footer_with-divider":"AsideHeader-module__gn-aside-header__footer_with-divider___66E1w","gnAsideHeaderFooterWithDivider":"AsideHeader-module__gn-aside-header__footer_with-divider___66E1w","gn-aside-header__panels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gnAsideHeaderPanels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gn-aside-header__panel":"AsideHeader-module__gn-aside-header__panel___HywH6","gnAsideHeaderPanel":"AsideHeader-module__gn-aside-header__panel___HywH6","gn-aside-header__pane-container":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gnAsideHeaderPaneContainer":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gn-aside-header__top-alert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gnAsideHeaderTopAlert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gn-aside-header__content":"AsideHeader-module__gn-aside-header__content___4-mBl","gnAsideHeaderContent":"AsideHeader-module__gn-aside-header__content___4-mBl","gn-aside-header__all-pages-panel":"AsideHeader-module__gn-aside-header__all-pages-panel___O94IU","gnAsideHeaderAllPagesPanel":"AsideHeader-module__gn-aside-header__all-pages-panel___O94IU"};
 
 export { styles as default };
 //# sourceMappingURL=AsideHeader.module.scss.js.map

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

@@ -1,16 +1,21 @@
 import React from 'react';
+import { AsideHeaderMenuDensity } from './density';
 import { AsideHeaderInnerProps, AsideHeaderItem } from './types';
 export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
     menuItems: AsideHeaderItem[];
     defaultMenuItems?: AsideHeaderItem[];
     allPagesIsAvailable: boolean;
+    quickAccessIsAvailable: boolean;
     onItemClick: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onToggleQuickAccess: (item: AsideHeaderItem) => void;
 }
 export declare const AsideHeaderInnerContextProvider: React.Provider<AsideHeaderInnerContextType | undefined>;
 export declare const useAsideHeaderInnerContext: () => AsideHeaderInnerContextType;
 export interface AsideHeaderContextType {
     compact: boolean;
+    compactTransition?: boolean;
     size: number;
+    menuDensity?: AsideHeaderMenuDensity;
 }
 export declare const AsideHeaderContextProvider: React.Provider<AsideHeaderContextType | undefined>;
 export declare const useAsideHeaderContext: () => AsideHeaderContextType;

package/build/esm/components/AsideHeader/AsideHeaderContext.js

@@ -13,7 +13,9 @@ const useAsideHeaderInnerContext = () => {
 };
 const AsideHeaderContext = React__default.createContext({
     compact: false,
+    compactTransition: true,
     size: 0,
+    menuDensity: 'default',
 });
 AsideHeaderContext.displayName = 'AsideHeaderContext';
 const AsideHeaderContextProvider = AsideHeaderContext.Provider;