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

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

@@ -3,13 +3,22 @@ import { DrawerProps, PopupProps, QAProps } from '@gravity-ui/uikit';
 import { RenderContentType } from '../Content';
 import { LogoProps, MenuGroup, MenuItem, OpenModalSubscriber, TopAlertProps } from '../types';
 import { AsideHeaderContextType } from './AsideHeaderContext';
+import { AsideHeaderMenuDensity } from './density';
 export interface PanelItemProps extends DrawerProps {
     id: string;
 }
 export interface LayoutProps {
     compact: boolean;
+    /** Animate compact layout changes. @default true */
+    compactTransition?: boolean;
     className?: string;
     topAlert?: TopAlertProps;
+    /**
+     * Menu item density. `compact` reduces item height, icon size, spacing, and aside width
+     * without changing navigation behavior.
+     * @default 'default'
+     */
+    menuDensity?: AsideHeaderMenuDensity;
 }
 interface EditMenuProps {
     onOpenEditMode?: () => void;
@@ -24,12 +33,13 @@ interface EditMenuProps {
     onToggleMenuGroup?: (changedGroup: MenuGroup) => void;
 }
 /**
- * Menu overflow behavior.
- * - `collapse` — extra items collapse under a "More" popup (default).
- * - `scroll` — all items remain visible inside a scrollable container with a native thin scrollbar.
+ * Menu overflow behavior for menu items.
+ * - `collapse` — extra menu items collapse under a "More" popup (default).
+ * - `scroll` — all menu items remain visible inside a scrollable column with a native thin scrollbar.
  *
- * In compact mode the menu always falls back to `collapse` regardless of this value
- * because a scrollbar over icon-only items is awkward.
+ * The distinction applies to menu items only: quick access and the menu always share a single
+ * scroll container that scrolls when the column does not fit the available height. In compact
+ * mode menu items still fall back to `collapse` regardless of this value.
  */
 export type AsideHeaderMenuOverflow = 'collapse' | 'scroll';
 interface AsideHeaderGeneralProps extends QAProps {
@@ -70,6 +80,11 @@ interface AsideHeaderDefaultProps {
     subheaderItems?: AsideHeaderItem[];
     menuItems?: AsideHeaderItem[];
     menuGroups?: MenuGroup[];
+    /**
+     * Shows icons for child items in inline groups and group popups.
+     * @default true
+     */
+    menuGroupNestedIcons?: boolean;
     /**
      * Called only from **All pages** edit mode when the user toggles visibility of a **menu group** (group header pin), updating `menuGroup.hidden`.
      * Use with controlled `menuGroups`; not emitted for programmatic `menuGroups` changes outside All pages.
@@ -77,7 +92,27 @@ interface AsideHeaderDefaultProps {
     onMenuGroupsChanged?: (menuGroups: MenuGroup[]) => void;
     defaultMenuItems?: AsideHeaderItem[];
     onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;
+    /**
+     * Enables the quick access section and pin controls for eligible leaf menu items.
+     * The state remains controlled by `menuItems`; use `onQuickAccessChange` to update it.
+     * @default false
+     */
+    enableQuickAccess?: boolean;
+    /**
+     * Keeps the active item highlighted in the main menu when the same item is also
+     * rendered in quick access.
+     * @default false
+     */
+    quickAccessHighlightInMainMenu?: boolean;
+    /**
+     * Called when a user pins or unpins an eligible leaf item. The library does not
+     * mutate `menuItems`; the consumer should provide the updated controlled value.
+     */
+    onQuickAccessChange?: (item: AsideHeaderItem, quickAccess: boolean) => void;
     headerDecoration?: boolean;
+    /** Hides header/footer separators and their spacing; scroll-edge indicators remain visible
+     * while content is hidden beyond the respective edge. @default false */
+    hideSectionDividers?: boolean;
     /**
      * When provided, the map is the source of truth for which menu groups are collapsed
      * in inline (`menuOverflow: 'scroll'`) layout. Keys are `MenuGroup.id`, values mean collapsed.
@@ -102,6 +137,16 @@ export declare enum InnerPanels {
 /** Menu item id for the All pages row (same value as {@link InnerPanels.AllPages}). */
 export declare const ALL_PAGES_ID = InnerPanels.AllPages;
 export interface AsideHeaderItem extends MenuItem {
+    /**
+     * Shows an eligible leaf item in the quick access section when quick access is enabled.
+     */
+    quickAccess?: boolean;
+    /**
+     * Maximum number of title lines in the expanded sidebar.
+     * Collapsed (icon-only) sidebar and popup rows always use one line.
+     * When omitted, the legacy two-line clamp is preserved.
+     */
+    titleLines?: 1 | 2;
     enableTooltip?: boolean;
     onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     bringForward?: boolean;

package/build/cjs/components/AsideHeader/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../src/components/AsideHeader/types.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {DrawerProps, PopupProps, QAProps} from '@gravity-ui/uikit';\n\nimport {RenderContentType} from '../Content';\nimport {LogoProps, MenuGroup, MenuItem, OpenModalSubscriber, TopAlertProps} from '../types';\n\nimport {AsideHeaderContextType} from './AsideHeaderContext';\n\nexport interface PanelItemProps extends DrawerProps {\n    id: string;\n}\n\nexport interface LayoutProps {\n    compact: boolean;\n    className?: string;\n    topAlert?: TopAlertProps;\n}\n\ninterface EditMenuProps {\n    onOpenEditMode?: () => void;\n    onToggleMenuItem?: (changedItem: AsideHeaderItem) => void;\n    onResetSettingsToDefault?: () => void;\n    enableSorting?: boolean;\n    onChangeItemsOrder?: (changedItem: AsideHeaderItem, oldIndex: number, newIndex: number) => void;\n    /**\n     * Fired when visibility of a menu group is toggled from the All pages panel (pin on group header).\n     * Use with `onMenuGroupsChanged` / controlled `menuGroups`.\n     */\n    onToggleMenuGroup?: (changedGroup: MenuGroup) => void;\n}\n\n/**\n * Menu overflow behavior.\n * - `collapse` — extra items collapse under a \"More\" popup (default).\n * - `scroll` — all items remain visible inside a scrollable container with a native thin scrollbar.\n *\n * In compact mode the menu always falls back to `collapse` regardless of this value\n * because a scrollbar over icon-only items is awkward.\n */\nexport type AsideHeaderMenuOverflow = 'collapse' | 'scroll';\n\ninterface AsideHeaderGeneralProps extends QAProps {\n    logo?: LogoProps;\n    className?: string;\n    collapseTitle?: string;\n    expandTitle?: string;\n    menuMoreTitle?: string;\n    /**\n     * @see AsideHeaderMenuOverflow\n     * @default 'collapse'\n     */\n    menuOverflow?: AsideHeaderMenuOverflow;\n    topAlert?: TopAlertProps;\n    customBackground?: React.ReactNode;\n    customBackgroundClassName?: string;\n    hideCollapseButton?: boolean;\n    renderContent?: RenderContentType;\n    renderFooter?: (data: {\n        size: number;\n        compact: boolean;\n        asideRef: React.RefObject<HTMLDivElement>;\n    }) => React.ReactNode;\n    collapseButtonWrapper?: (\n        defaultButton: React.ReactNode,\n        data: {\n            compact: boolean;\n            onChangeCompact?: (compact: boolean) => void;\n        },\n    ) => React.ReactNode;\n    editMenuProps?: EditMenuProps;\n    onClosePanel?: () => void;\n    onChangeCompact?: (compact: boolean) => void;\n    onMenuMoreClick?: () => void;\n    onAllPagesClick?: () => void;\n    openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;\n    aboveMenuContent?: React.ReactNode;\n}\n\ninterface AsideHeaderDefaultProps {\n    panelItems?: PanelItemProps[];\n    subheaderItems?: AsideHeaderItem[];\n    menuItems?: AsideHeaderItem[];\n    menuGroups?: MenuGroup[];\n    /**\n     * Called only from **All pages** edit mode when the user toggles visibility of a **menu group** (group header pin), updating `menuGroup.hidden`.\n     * Use with controlled `menuGroups`; not emitted for programmatic `menuGroups` changes outside All pages.\n     */\n    onMenuGroupsChanged?: (menuGroups: MenuGroup[]) => void;\n    defaultMenuItems?: AsideHeaderItem[];\n    onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;\n    headerDecoration?: boolean;\n    /**\n     * When provided, the map is the source of truth for which menu groups are collapsed\n     * in inline (`menuOverflow: 'scroll'`) layout. Keys are `MenuGroup.id`, values mean collapsed.\n     */\n    collapsedMenuGroupIds?: Record<string, boolean>;\n    /**\n     * Initial collapsed state for groups when `collapsedMenuGroupIds` is not controlled.\n     */\n    defaultCollapsedMenuGroupIds?: Record<string, boolean>;\n    /**\n     * Called when the user toggles a group in inline layout. The parent should update\n     * `collapsedMenuGroupIds` when using controlled mode.\n     */\n    onToggleMenuGroupCollapsed?: (groupId: string) => void;\n}\n\nexport type AsideHeaderInnerProps = AsideHeaderGeneralProps &\n    AsideHeaderDefaultProps &\n    AsideHeaderContextType;\n\nexport interface AsideHeaderProps\n    extends AsideHeaderGeneralProps,\n        LayoutProps,\n        Partial<AsideHeaderDefaultProps> {}\n\nexport enum InnerPanels {\n    AllPages = 'all-pages',\n}\n\n/** Menu item id for the All pages row (same value as {@link InnerPanels.AllPages}). */\nexport const ALL_PAGES_ID = InnerPanels.AllPages;\n\nexport interface AsideHeaderItem extends MenuItem {\n    /**\n     * @internal CompositeBar: group children rendered from the \"More\" overflow popover.\n     */\n    compositeBarMenuPopupItems?: AsideHeaderItem[];\n    /**\n     * @internal CompositeBar: optional heading in the overflow popover for a group row.\n     */\n    compositeBarMenuPopupTitle?: string;\n    enableTooltip?: boolean;\n    onItemClick?: (\n        item: AsideHeaderItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n    bringForward?: boolean;\n    compact?: boolean;\n\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupVisible?: PopupProps['open'];\n    /**\n     * Floating element anchor ref object\n     *\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupRef?: React.RefObject<HTMLElement>;\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupPlacement?: PopupProps['placement'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupOffset?: PopupProps['offset'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupKeepMounted?: PopupProps['keepMounted'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    renderPopupContent?: () => React.ReactNode;\n    /**\n     * This callback will be called when Escape key pressed on keyboard, or click outside was made\n     * This behaviour could be disabled with `disableEscapeKeyDown`\n     * and `disableOutsideClick` options\n     *\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    onOpenChangePopup?: PopupProps['onOpenChange'];\n}\n"],"names":["InnerPanels"],"mappings":";;AAqHYA;AAAZ,CAAA,UAAY,WAAW,EAAA;AACnB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,WAAsB;AAC1B,CAAC,EAFWA,mBAAW,KAAXA,mBAAW,GAEtB,EAAA,CAAA,CAAA;AAED;AACa,MAAA,YAAY,GAAGA,mBAAW,CAAC;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../src/components/AsideHeader/types.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {DrawerProps, PopupProps, QAProps} from '@gravity-ui/uikit';\n\nimport {RenderContentType} from '../Content';\nimport {LogoProps, MenuGroup, MenuItem, OpenModalSubscriber, TopAlertProps} from '../types';\n\nimport {AsideHeaderContextType} from './AsideHeaderContext';\nimport {AsideHeaderMenuDensity} from './density';\n\nexport interface PanelItemProps extends DrawerProps {\n    id: string;\n}\n\nexport interface LayoutProps {\n    compact: boolean;\n    /** Animate compact layout changes. @default true */\n    compactTransition?: boolean;\n    className?: string;\n    topAlert?: TopAlertProps;\n    /**\n     * Menu item density. `compact` reduces item height, icon size, spacing, and aside width\n     * without changing navigation behavior.\n     * @default 'default'\n     */\n    menuDensity?: AsideHeaderMenuDensity;\n}\n\ninterface EditMenuProps {\n    onOpenEditMode?: () => void;\n    onToggleMenuItem?: (changedItem: AsideHeaderItem) => void;\n    onResetSettingsToDefault?: () => void;\n    enableSorting?: boolean;\n    onChangeItemsOrder?: (changedItem: AsideHeaderItem, oldIndex: number, newIndex: number) => void;\n    /**\n     * Fired when visibility of a menu group is toggled from the All pages panel (pin on group header).\n     * Use with `onMenuGroupsChanged` / controlled `menuGroups`.\n     */\n    onToggleMenuGroup?: (changedGroup: MenuGroup) => void;\n}\n\n/**\n * Menu overflow behavior for menu items.\n * - `collapse` — extra menu items collapse under a \"More\" popup (default).\n * - `scroll` — all menu items remain visible inside a scrollable column with a native thin scrollbar.\n *\n * The distinction applies to menu items only: quick access and the menu always share a single\n * scroll container that scrolls when the column does not fit the available height. In compact\n * mode menu items still fall back to `collapse` regardless of this value.\n */\nexport type AsideHeaderMenuOverflow = 'collapse' | 'scroll';\n\ninterface AsideHeaderGeneralProps extends QAProps {\n    logo?: LogoProps;\n    className?: string;\n    collapseTitle?: string;\n    expandTitle?: string;\n    menuMoreTitle?: string;\n    /**\n     * @see AsideHeaderMenuOverflow\n     * @default 'collapse'\n     */\n    menuOverflow?: AsideHeaderMenuOverflow;\n    topAlert?: TopAlertProps;\n    customBackground?: React.ReactNode;\n    customBackgroundClassName?: string;\n    hideCollapseButton?: boolean;\n    renderContent?: RenderContentType;\n    renderFooter?: (data: {\n        size: number;\n        compact: boolean;\n        asideRef: React.RefObject<HTMLDivElement>;\n    }) => React.ReactNode;\n    collapseButtonWrapper?: (\n        defaultButton: React.ReactNode,\n        data: {\n            compact: boolean;\n            onChangeCompact?: (compact: boolean) => void;\n        },\n    ) => React.ReactNode;\n    editMenuProps?: EditMenuProps;\n    onClosePanel?: () => void;\n    onChangeCompact?: (compact: boolean) => void;\n    onMenuMoreClick?: () => void;\n    onAllPagesClick?: () => void;\n    openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;\n    aboveMenuContent?: React.ReactNode;\n}\n\ninterface AsideHeaderDefaultProps {\n    panelItems?: PanelItemProps[];\n    subheaderItems?: AsideHeaderItem[];\n    menuItems?: AsideHeaderItem[];\n    menuGroups?: MenuGroup[];\n    /**\n     * Shows icons for child items in inline groups and group popups.\n     * @default true\n     */\n    menuGroupNestedIcons?: boolean;\n    /**\n     * Called only from **All pages** edit mode when the user toggles visibility of a **menu group** (group header pin), updating `menuGroup.hidden`.\n     * Use with controlled `menuGroups`; not emitted for programmatic `menuGroups` changes outside All pages.\n     */\n    onMenuGroupsChanged?: (menuGroups: MenuGroup[]) => void;\n    defaultMenuItems?: AsideHeaderItem[];\n    onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;\n    /**\n     * Enables the quick access section and pin controls for eligible leaf menu items.\n     * The state remains controlled by `menuItems`; use `onQuickAccessChange` to update it.\n     * @default false\n     */\n    enableQuickAccess?: boolean;\n    /**\n     * Keeps the active item highlighted in the main menu when the same item is also\n     * rendered in quick access.\n     * @default false\n     */\n    quickAccessHighlightInMainMenu?: boolean;\n    /**\n     * Called when a user pins or unpins an eligible leaf item. The library does not\n     * mutate `menuItems`; the consumer should provide the updated controlled value.\n     */\n    onQuickAccessChange?: (item: AsideHeaderItem, quickAccess: boolean) => void;\n    headerDecoration?: boolean;\n    /** Hides header/footer separators and their spacing; scroll-edge indicators remain visible\n     * while content is hidden beyond the respective edge. @default false */\n    hideSectionDividers?: boolean;\n    /**\n     * When provided, the map is the source of truth for which menu groups are collapsed\n     * in inline (`menuOverflow: 'scroll'`) layout. Keys are `MenuGroup.id`, values mean collapsed.\n     */\n    collapsedMenuGroupIds?: Record<string, boolean>;\n    /**\n     * Initial collapsed state for groups when `collapsedMenuGroupIds` is not controlled.\n     */\n    defaultCollapsedMenuGroupIds?: Record<string, boolean>;\n    /**\n     * Called when the user toggles a group in inline layout. The parent should update\n     * `collapsedMenuGroupIds` when using controlled mode.\n     */\n    onToggleMenuGroupCollapsed?: (groupId: string) => void;\n}\n\nexport type AsideHeaderInnerProps = AsideHeaderGeneralProps &\n    AsideHeaderDefaultProps &\n    AsideHeaderContextType;\n\nexport interface AsideHeaderProps\n    extends AsideHeaderGeneralProps,\n        LayoutProps,\n        Partial<AsideHeaderDefaultProps> {}\n\nexport enum InnerPanels {\n    AllPages = 'all-pages',\n}\n\n/** Menu item id for the All pages row (same value as {@link InnerPanels.AllPages}). */\nexport const ALL_PAGES_ID = InnerPanels.AllPages;\n\nexport interface AsideHeaderItem extends MenuItem {\n    /**\n     * Shows an eligible leaf item in the quick access section when quick access is enabled.\n     */\n    quickAccess?: boolean;\n    /**\n     * Maximum number of title lines in the expanded sidebar.\n     * Collapsed (icon-only) sidebar and popup rows always use one line.\n     * When omitted, the legacy two-line clamp is preserved.\n     */\n    titleLines?: 1 | 2;\n    /**\n     * @internal CompositeBar: group children rendered from the \"More\" overflow popover.\n     */\n    compositeBarMenuPopupItems?: AsideHeaderItem[];\n    /**\n     * @internal CompositeBar: optional heading in the overflow popover for a group row.\n     */\n    compositeBarMenuPopupTitle?: string;\n    enableTooltip?: boolean;\n    onItemClick?: (\n        item: AsideHeaderItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n    bringForward?: boolean;\n    compact?: boolean;\n\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupVisible?: PopupProps['open'];\n    /**\n     * Floating element anchor ref object\n     *\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupRef?: React.RefObject<HTMLElement>;\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupPlacement?: PopupProps['placement'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupOffset?: PopupProps['offset'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupKeepMounted?: PopupProps['keepMounted'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    renderPopupContent?: () => React.ReactNode;\n    /**\n     * This callback will be called when Escape key pressed on keyboard, or click outside was made\n     * This behaviour could be disabled with `disableEscapeKeyDown`\n     * and `disableOutsideClick` options\n     *\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    onOpenChangePopup?: PopupProps['onOpenChange'];\n}\n"],"names":["InnerPanels"],"mappings":";;AAwJYA;AAAZ,CAAA,UAAY,WAAW,EAAA;AACnB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,WAAsB;AAC1B,CAAC,EAFWA,mBAAW,KAAXA,mBAAW,GAEtB,EAAA,CAAA,CAAA;AAED;AACa,MAAA,YAAY,GAAGA,mBAAW,CAAC;;;;"}

package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.js

@@ -4,16 +4,19 @@ var React = require('react');
 var AllPagesPanel = require('./components/AllPagesPanel/AllPagesPanel.js');
 var constants = require('./components/AllPagesPanel/constants.js');
 require('./AsideHeaderContext.js');
+var quickAccess = require('./quickAccess.js');
 var types = require('./types.js');
 
 const EMPTY_MENU_ITEMS = [];
 const useAsideHeaderInnerContextValue = (props) => {
-    const { size, onClosePanel, menuItems, panelItems, onMenuItemsChanged, onAllPagesClick } = props;
+    var _a;
+    const { size, onClosePanel, menuItems, panelItems, onMenuItemsChanged, onAllPagesClick, enableQuickAccess = false, onQuickAccessChange, } = props;
     const [innerVisiblePanel, setInnerVisiblePanel] = React.useState();
     const ALL_PAGES_MENU_ITEM = React.useMemo(() => {
         return constants.getAllPagesMenuItem();
     }, []);
     const allPagesIsAvailable = Boolean(onMenuItemsChanged) && (!menuItems || (menuItems === null || menuItems === undefined ? undefined : menuItems.length) > 0);
+    const quickAccessIsAvailable = enableQuickAccess && Boolean(onQuickAccessChange);
     React.useEffect(() => {
         // If any user panel became open we need to switch off all inner panels
         if (panelItems === null || panelItems === undefined ? undefined : panelItems.some((x) => x.open)) {
@@ -35,6 +38,16 @@ const useAsideHeaderInnerContextValue = (props) => {
         }
         (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, collapsed, event);
     }, [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel]);
+    const onToggleQuickAccess = React.useCallback((item) => {
+        if (!quickAccessIsAvailable || !onQuickAccessChange) {
+            return;
+        }
+        const originalItem = menuItems === null || menuItems === undefined ? undefined : menuItems.find((menuItem) => menuItem.id === item.id);
+        if (!originalItem || !quickAccess.isQuickAccessPinEligible(originalItem)) {
+            return;
+        }
+        onQuickAccessChange(originalItem, !originalItem.quickAccess);
+    }, [menuItems, onQuickAccessChange, quickAccessIsAvailable]);
     const innerMenuItems = React.useMemo(() => allPagesIsAvailable
         ? [
             ...(menuItems || EMPTY_MENU_ITEMS),
@@ -55,8 +68,10 @@ const useAsideHeaderInnerContextValue = (props) => {
             },
         ];
     }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);
-    return Object.assign(Object.assign({}, props), { onClosePanel: innerOnClosePanel, allPagesIsAvailable, menuItems: innerMenuItems, panelItems: innerPanelItems, size,
-        onItemClick });
+    return Object.assign(Object.assign({}, props), { menuDensity: (_a = props.menuDensity) !== null && _a !== undefined ? _a : 'default', onClosePanel: innerOnClosePanel, allPagesIsAvailable,
+        quickAccessIsAvailable, menuItems: innerMenuItems, panelItems: innerPanelItems, size,
+        onItemClick,
+        onToggleQuickAccess });
 };
 
 exports.useAsideHeaderInnerContextValue = useAsideHeaderInnerContextValue;

package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAsideHeaderInnerContextValue.js","sources":["../../../../../src/components/AsideHeader/useAsideHeaderInnerContextValue.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {AsideHeaderInnerContextType} from './AsideHeaderContext';\nimport {AllPagesPanel, getAllPagesMenuItem} from './components/AllPagesPanel';\nimport {AsideHeaderItem, AsideHeaderProps, InnerPanels, PanelItemProps} from './types';\n\nconst EMPTY_MENU_ITEMS: AsideHeaderItem[] = [];\n\nexport const useAsideHeaderInnerContextValue = (\n    props: AsideHeaderProps & {size: number},\n): AsideHeaderInnerContextType => {\n    const {size, onClosePanel, menuItems, panelItems, onMenuItemsChanged, onAllPagesClick} = props;\n    const [innerVisiblePanel, setInnerVisiblePanel] = useState<InnerPanels | undefined>();\n    const ALL_PAGES_MENU_ITEM = React.useMemo(() => {\n        return getAllPagesMenuItem();\n    }, []);\n\n    const allPagesIsAvailable =\n        Boolean(onMenuItemsChanged) && (!menuItems || menuItems?.length > 0);\n\n    useEffect(() => {\n        // If any user panel became open we need to switch off all inner panels\n        if (panelItems?.some((x) => x.open)) {\n            setInnerVisiblePanel(undefined);\n        }\n    }, [panelItems]);\n\n    const innerOnClosePanel = useCallback(() => {\n        setInnerVisiblePanel(undefined);\n        onClosePanel?.();\n    }, [onClosePanel]);\n\n    const onItemClick = useCallback(\n        (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n            if (item.id === ALL_PAGES_MENU_ITEM.id) {\n                onClosePanel?.();\n                setInnerVisiblePanel((prev) =>\n                    prev === InnerPanels.AllPages ? undefined : InnerPanels.AllPages,\n                );\n            } else {\n                innerOnClosePanel();\n            }\n            item.onItemClick?.(item, collapsed, event);\n        },\n        [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel],\n    );\n\n    const innerMenuItems = useMemo(\n        () =>\n            allPagesIsAvailable\n                ? [\n                      ...(menuItems || EMPTY_MENU_ITEMS),\n                      {\n                          ...ALL_PAGES_MENU_ITEM,\n                          current: innerVisiblePanel === InnerPanels.AllPages,\n                          onItemClick: onAllPagesClick,\n                      },\n                  ]\n                : menuItems || EMPTY_MENU_ITEMS,\n        [allPagesIsAvailable, menuItems, innerVisiblePanel, ALL_PAGES_MENU_ITEM, onAllPagesClick],\n    );\n\n    const innerPanelItems = useMemo<PanelItemProps[] | undefined>(() => {\n        if (!allPagesIsAvailable) {\n            return panelItems;\n        }\n\n        return [\n            ...(panelItems || []),\n            {\n                id: InnerPanels.AllPages,\n                children: <AllPagesPanel />,\n                open: innerVisiblePanel === InnerPanels.AllPages,\n                size: 'auto',\n            },\n        ];\n    }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);\n\n    return {\n        ...props,\n        onClosePanel: innerOnClosePanel,\n        allPagesIsAvailable,\n        menuItems: innerMenuItems,\n        panelItems: innerPanelItems,\n        size,\n        onItemClick,\n    };\n};\n"],"names":["useState","getAllPagesMenuItem","useEffect","useCallback","InnerPanels","useMemo","AllPagesPanel"],"mappings":"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"}
+{"version":3,"file":"useAsideHeaderInnerContextValue.js","sources":["../../../../../src/components/AsideHeader/useAsideHeaderInnerContextValue.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {AsideHeaderInnerContextType} from './AsideHeaderContext';\nimport {AllPagesPanel, getAllPagesMenuItem} from './components/AllPagesPanel';\nimport {isQuickAccessPinEligible} from './quickAccess';\nimport {AsideHeaderItem, AsideHeaderProps, InnerPanels, PanelItemProps} from './types';\n\nconst EMPTY_MENU_ITEMS: AsideHeaderItem[] = [];\n\nexport const useAsideHeaderInnerContextValue = (\n    props: AsideHeaderProps & {size: number},\n): AsideHeaderInnerContextType => {\n    const {\n        size,\n        onClosePanel,\n        menuItems,\n        panelItems,\n        onMenuItemsChanged,\n        onAllPagesClick,\n        enableQuickAccess = false,\n        onQuickAccessChange,\n    } = props;\n    const [innerVisiblePanel, setInnerVisiblePanel] = useState<InnerPanels | undefined>();\n    const ALL_PAGES_MENU_ITEM = React.useMemo(() => {\n        return getAllPagesMenuItem();\n    }, []);\n\n    const allPagesIsAvailable =\n        Boolean(onMenuItemsChanged) && (!menuItems || menuItems?.length > 0);\n    const quickAccessIsAvailable = enableQuickAccess && Boolean(onQuickAccessChange);\n\n    useEffect(() => {\n        // If any user panel became open we need to switch off all inner panels\n        if (panelItems?.some((x) => x.open)) {\n            setInnerVisiblePanel(undefined);\n        }\n    }, [panelItems]);\n\n    const innerOnClosePanel = useCallback(() => {\n        setInnerVisiblePanel(undefined);\n        onClosePanel?.();\n    }, [onClosePanel]);\n\n    const onItemClick = useCallback(\n        (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n            if (item.id === ALL_PAGES_MENU_ITEM.id) {\n                onClosePanel?.();\n                setInnerVisiblePanel((prev) =>\n                    prev === InnerPanels.AllPages ? undefined : InnerPanels.AllPages,\n                );\n            } else {\n                innerOnClosePanel();\n            }\n            item.onItemClick?.(item, collapsed, event);\n        },\n        [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel],\n    );\n\n    const onToggleQuickAccess = useCallback(\n        (item: AsideHeaderItem) => {\n            if (!quickAccessIsAvailable || !onQuickAccessChange) {\n                return;\n            }\n\n            const originalItem = menuItems?.find((menuItem) => menuItem.id === item.id);\n\n            if (!originalItem || !isQuickAccessPinEligible(originalItem)) {\n                return;\n            }\n\n            onQuickAccessChange(originalItem, !originalItem.quickAccess);\n        },\n        [menuItems, onQuickAccessChange, quickAccessIsAvailable],\n    );\n\n    const innerMenuItems = useMemo(\n        () =>\n            allPagesIsAvailable\n                ? [\n                      ...(menuItems || EMPTY_MENU_ITEMS),\n                      {\n                          ...ALL_PAGES_MENU_ITEM,\n                          current: innerVisiblePanel === InnerPanels.AllPages,\n                          onItemClick: onAllPagesClick,\n                      },\n                  ]\n                : menuItems || EMPTY_MENU_ITEMS,\n        [allPagesIsAvailable, menuItems, innerVisiblePanel, ALL_PAGES_MENU_ITEM, onAllPagesClick],\n    );\n\n    const innerPanelItems = useMemo<PanelItemProps[] | undefined>(() => {\n        if (!allPagesIsAvailable) {\n            return panelItems;\n        }\n\n        return [\n            ...(panelItems || []),\n            {\n                id: InnerPanels.AllPages,\n                children: <AllPagesPanel />,\n                open: innerVisiblePanel === InnerPanels.AllPages,\n                size: 'auto',\n            },\n        ];\n    }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);\n\n    return {\n        ...props,\n        menuDensity: props.menuDensity ?? 'default',\n        onClosePanel: innerOnClosePanel,\n        allPagesIsAvailable,\n        quickAccessIsAvailable,\n        menuItems: innerMenuItems,\n        panelItems: innerPanelItems,\n        size,\n        onItemClick,\n        onToggleQuickAccess,\n    };\n};\n"],"names":["useState","getAllPagesMenuItem","useEffect","useCallback","InnerPanels","isQuickAccessPinEligible","useMemo","AllPagesPanel"],"mappings":"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"}

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

@@ -4,3 +4,4 @@ export declare const b: {
     (elemName: string, elemMix?: string | string[] | undefined): string;
     (elemName: string, elemMods?: import("@bem-react/classname").NoStrictEntityMods | null, elemMix?: string | string[] | undefined): string;
 };
+export declare const getCompactTransitionClassName: (enabled?: boolean) => string;

package/build/cjs/components/AsideHeader/utils.js

@@ -4,6 +4,8 @@ var cn = require('../utils/cn.js');
 var AsideHeader_module = require('./AsideHeader.module.scss.js');
 
 const b = cn.createBlock('aside-header', AsideHeader_module.default);
+const getCompactTransitionClassName = (enabled = true) => b('compact-transition', { disabled: enabled === false });
 
 exports.b = b;
+exports.getCompactTransitionClassName = getCompactTransitionClassName;
 //# sourceMappingURL=utils.js.map

package/build/cjs/components/AsideHeader/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/AsideHeader/utils.ts"],"sourcesContent":["import {createBlock} from '../utils/cn';\n\nimport styles from './AsideHeader.module.scss';\n\nexport const b = createBlock('aside-header', styles);\n"],"names":["createBlock","styles"],"mappings":";;;;;AAIa,MAAA,CAAC,GAAGA,cAAW,CAAC,cAAc,EAAEC,0BAAM;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/AsideHeader/utils.ts"],"sourcesContent":["import {createBlock} from '../utils/cn';\n\nimport styles from './AsideHeader.module.scss';\n\nexport const b = createBlock('aside-header', styles);\n\nexport const getCompactTransitionClassName = (enabled = true) =>\n    b('compact-transition', {disabled: enabled === false});\n"],"names":["createBlock","styles"],"mappings":";;;;;AAIa,MAAA,CAAC,GAAGA,cAAW,CAAC,cAAc,EAAEC,0BAAM;MAEtC,6BAA6B,GAAG,CAAC,OAAO,GAAG,IAAI,KACxD,CAAC,CAAC,oBAAoB,EAAE,EAAC,QAAQ,EAAE,OAAO,KAAK,KAAK,EAAC;;;;;"}

package/build/cjs/components/Footer/desktop/Footer.css

@@ -1 +1 @@
-.Footer-module__gn-footer_desktop___IlV0M{align-items:center;background:var(--g-color-base-background);display:flex;gap:var(--g-spacing-6);height:40px;justify-content:flex-end;padding:0 var(--g-spacing-6) 0 var(--g-spacing-3)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu___8c4Ir{align-items:center;align-self:stretch;display:flex;flex:1;min-width:28px;visibility:hidden}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu_measured___AHQpx{visibility:visible}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__list___PFCrx[class]{background-color:inherit;display:flex;height:100%;padding:0}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__more-button___mG-VF svg{color:var(--g-color-text-secondary)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__right___-iIxI{align-items:center;display:flex;gap:var(--g-spacing-5)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright___wbuql{color:var(--g-color-text-secondary);font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-1-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-1-line-height);white-space:nowrap}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright_small___wTVXX{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)}.Footer-module__gn-footer_with-divider___YKuYC{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_view_clear___ghhFA{background:transparent;z-index:-1}.Footer-module__gn-footer_mobile___czfsi{background:var(--g-color-base-background);display:flex;flex-direction:column;padding:var(--g-spacing-1) var(--g-spacing-6) var(--g-spacing-3) var(--g-spacing-3)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer_with-divider___8KyBu{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu___h88uk{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--g-spacing-1);visibility:hidden}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu_measured___V8-X-{visibility:visible}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__list___zCgGf[class]{background-color:inherit;display:flex;padding:0}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu-item___WDX0b{box-sizing:border-box;padding:var(--g-spacing-2) var(--g-spacing-3)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__bottom-row___q-gDQ{align-items:center;display:flex;justify-content:space-between}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__copyright___rqom-{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);padding:0 var(--g-spacing-3);white-space:nowrap}.Footer-module__gn-footer__modal___DUbU- .Footer-module__gn-footer__menu-item___WDX0b{color:var(--g-color-text-primary);font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-2-font-size);font-weight:var(--g-text-body-font-weight);height:48px;line-height:var(--g-text-body-2-line-height)}.Footer-module__gn-footer_view_clear___mHj00{background:transparent;z-index:-1}.Footer-module__gn-footer_view_clear___mHj00 .Footer-module__gn-footer__bottom-row___q-gDQ{justify-content:flex-end}
+.Footer-module__gn-footer_desktop___IlV0M{align-items:center;background:var(--g-color-base-background);display:flex;gap:var(--g-spacing-6);height:40px;justify-content:flex-end;padding:0 var(--g-spacing-6) 0 var(--g-spacing-3)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu___8c4Ir{align-items:center;align-self:stretch;display:flex;flex:1;min-width:0;visibility:hidden}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu_measured___AHQpx{visibility:visible}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__list___PFCrx[class]{background-color:inherit;display:flex;height:100%;padding:0}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__more-button___mG-VF svg{color:var(--g-color-text-secondary)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__right___-iIxI{align-items:center;display:flex;gap:var(--g-spacing-5)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright___wbuql{color:var(--g-color-text-secondary);font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-1-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-1-line-height);white-space:nowrap}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright_small___wTVXX{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)}.Footer-module__gn-footer_with-divider___YKuYC{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_view_clear___ghhFA{background:transparent;z-index:-1}.Footer-module__gn-footer_mobile___czfsi{background:var(--g-color-base-background);display:flex;flex-direction:column;padding:var(--g-spacing-1) var(--g-spacing-6) var(--g-spacing-3) var(--g-spacing-3)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer_with-divider___8KyBu{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu___h88uk{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--g-spacing-1);visibility:hidden}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu_measured___V8-X-{visibility:visible}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__list___zCgGf[class]{background-color:inherit;display:flex;padding:0}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu-item___WDX0b{box-sizing:border-box;padding:var(--g-spacing-2) var(--g-spacing-3)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__bottom-row___q-gDQ{align-items:center;display:flex;justify-content:space-between}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__copyright___rqom-{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);padding:0 var(--g-spacing-3);white-space:nowrap}.Footer-module__gn-footer__modal___DUbU- .Footer-module__gn-footer__menu-item___WDX0b{color:var(--g-color-text-primary);font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-2-font-size);font-weight:var(--g-text-body-font-weight);height:48px;line-height:var(--g-text-body-2-line-height)}.Footer-module__gn-footer_view_clear___mHj00{background:transparent;z-index:-1}.Footer-module__gn-footer_view_clear___mHj00 .Footer-module__gn-footer__bottom-row___q-gDQ{justify-content:flex-end}

package/build/cjs/components/Footer/mobile/Footer.css

@@ -1 +1 @@
-.Footer-module__gn-footer_desktop___IlV0M{align-items:center;background:var(--g-color-base-background);display:flex;gap:var(--g-spacing-6);height:40px;justify-content:flex-end;padding:0 var(--g-spacing-6) 0 var(--g-spacing-3)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu___8c4Ir{align-items:center;align-self:stretch;display:flex;flex:1;min-width:28px;visibility:hidden}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu_measured___AHQpx{visibility:visible}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__list___PFCrx[class]{background-color:inherit;display:flex;height:100%;padding:0}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__more-button___mG-VF svg{color:var(--g-color-text-secondary)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__right___-iIxI{align-items:center;display:flex;gap:var(--g-spacing-5)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright___wbuql{color:var(--g-color-text-secondary);font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-1-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-1-line-height);white-space:nowrap}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright_small___wTVXX{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)}.Footer-module__gn-footer_with-divider___YKuYC{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_view_clear___ghhFA{background:transparent;z-index:-1}.Footer-module__gn-footer_mobile___czfsi{background:var(--g-color-base-background);display:flex;flex-direction:column;padding:var(--g-spacing-1) var(--g-spacing-6) var(--g-spacing-3) var(--g-spacing-3)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer_with-divider___8KyBu{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu___h88uk{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--g-spacing-1);visibility:hidden}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu_measured___V8-X-{visibility:visible}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__list___zCgGf[class]{background-color:inherit;display:flex;padding:0}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu-item___WDX0b{box-sizing:border-box;padding:var(--g-spacing-2) var(--g-spacing-3)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__bottom-row___q-gDQ{align-items:center;display:flex;justify-content:space-between}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__copyright___rqom-{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);padding:0 var(--g-spacing-3);white-space:nowrap}.Footer-module__gn-footer__modal___DUbU- .Footer-module__gn-footer__menu-item___WDX0b{color:var(--g-color-text-primary);font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-2-font-size);font-weight:var(--g-text-body-font-weight);height:48px;line-height:var(--g-text-body-2-line-height)}.Footer-module__gn-footer_view_clear___mHj00{background:transparent;z-index:-1}.Footer-module__gn-footer_view_clear___mHj00 .Footer-module__gn-footer__bottom-row___q-gDQ{justify-content:flex-end}
+.Footer-module__gn-footer_desktop___IlV0M{align-items:center;background:var(--g-color-base-background);display:flex;gap:var(--g-spacing-6);height:40px;justify-content:flex-end;padding:0 var(--g-spacing-6) 0 var(--g-spacing-3)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu___8c4Ir{align-items:center;align-self:stretch;display:flex;flex:1;min-width:0;visibility:hidden}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu_measured___AHQpx{visibility:visible}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__list___PFCrx[class]{background-color:inherit;display:flex;height:100%;padding:0}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__more-button___mG-VF svg{color:var(--g-color-text-secondary)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__right___-iIxI{align-items:center;display:flex;gap:var(--g-spacing-5)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright___wbuql{color:var(--g-color-text-secondary);font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-1-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-1-line-height);white-space:nowrap}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright_small___wTVXX{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)}.Footer-module__gn-footer_with-divider___YKuYC{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_view_clear___ghhFA{background:transparent;z-index:-1}.Footer-module__gn-footer_mobile___czfsi{background:var(--g-color-base-background);display:flex;flex-direction:column;padding:var(--g-spacing-1) var(--g-spacing-6) var(--g-spacing-3) var(--g-spacing-3)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer_with-divider___8KyBu{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu___h88uk{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--g-spacing-1);visibility:hidden}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu_measured___V8-X-{visibility:visible}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__list___zCgGf[class]{background-color:inherit;display:flex;padding:0}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu-item___WDX0b{box-sizing:border-box;padding:var(--g-spacing-2) var(--g-spacing-3)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__bottom-row___q-gDQ{align-items:center;display:flex;justify-content:space-between}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__copyright___rqom-{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);padding:0 var(--g-spacing-3);white-space:nowrap}.Footer-module__gn-footer__modal___DUbU- .Footer-module__gn-footer__menu-item___WDX0b{color:var(--g-color-text-primary);font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-2-font-size);font-weight:var(--g-text-body-font-weight);height:48px;line-height:var(--g-text-body-2-line-height)}.Footer-module__gn-footer_view_clear___mHj00{background:transparent;z-index:-1}.Footer-module__gn-footer_view_clear___mHj00 .Footer-module__gn-footer__bottom-row___q-gDQ{justify-content:flex-end}

package/build/cjs/components/HotkeysPanel/HotkeysPanel.css

@@ -1 +1 @@
-.HotkeysPanel-module__gn-hotkeys-panel___Aab92{--hotkeys-panel-width:400px;--hotkeys-panel-vertical-padding:18px;--hotkeys-panel-horizontal-padding:var(--g-spacing-6);inset:0;position:fixed}.HotkeysPanel-module__gn-hotkeys-panel__drawer-item___T-3tZ{box-sizing:border-box;padding-top:var(--hotkeys-panel-vertical-padding);width:var(--hotkeys-panel-width)}.HotkeysPanel-module__gn-hotkeys-panel__drawer-content___P1nwO{display:flex;flex-direction:column;height:100%;min-height:0}.HotkeysPanel-module__gn-hotkeys-panel__title___dPviy{align-items:baseline;display:flex;gap:var(--g-spacing-2);justify-content:space-between;margin:0 var(--hotkeys-panel-horizontal-padding) var(--g-spacing-4) var(--hotkeys-panel-horizontal-padding)}.HotkeysPanel-module__gn-hotkeys-panel__search___olv3P{box-sizing:border-box;margin-bottom:var(--g-spacing-4);padding:0 var(--hotkeys-panel-horizontal-padding)}.HotkeysPanel-module__gn-hotkeys-panel__list___ToMip{flex:1;min-height:0;overflow-y:auto}.HotkeysPanel-module__gn-hotkeys-panel__list___ToMip:after{content:"";display:block;height:var(--hotkeys-panel-vertical-padding)}.HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class]{height:auto;margin:0 var(--hotkeys-panel-horizontal-padding);padding:var(--g-spacing-2) 0}.HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class].g-list__item_active, .HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class]:hover{background:inherit}.HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class]:not(:first-child):has(.HotkeysPanel-module__gn-hotkeys-panel__item-content_type_group___q8vt0){border-top:1px solid var(--g-color-line-generic);margin-top:var(--g-spacing-3);padding-top:var(--g-spacing-4)}.HotkeysPanel-module__gn-hotkeys-panel__item-content___Wqp2t{align-items:baseline;color:var(--g-color-text-primary);display:flex;justify-content:space-between;margin:0;width:100%}.HotkeysPanel-module__gn-hotkeys-panel__item-hint___QbgP4{margin-left:var(--g-spacing-1)}.HotkeysPanel-module__gn-hotkeys-panel__item-hint-tooltip___xdDtY{max-width:217px}.HotkeysPanel-module__gn-hotkeys-panel__hotkey___-LPxF{color:var(--g-color-text-complementary)}
+.HotkeysPanel-module__gn-hotkeys-panel___Aab92{--hotkeys-panel-width:400px;--hotkeys-panel-vertical-padding:18px;--hotkeys-panel-horizontal-padding:var(--g-spacing-6);inset:0;position:fixed}.HotkeysPanel-module__gn-hotkeys-panel__drawer-item___T-3tZ{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--hotkeys-panel-vertical-padding) 0;width:var(--hotkeys-panel-width)}.HotkeysPanel-module__gn-hotkeys-panel__title___dPviy{align-items:baseline;display:flex;gap:var(--g-spacing-2);justify-content:space-between;margin:0 var(--hotkeys-panel-horizontal-padding) var(--g-spacing-4) var(--hotkeys-panel-horizontal-padding)}.HotkeysPanel-module__gn-hotkeys-panel__search___olv3P{box-sizing:border-box;margin-bottom:var(--g-spacing-4);padding:0 var(--hotkeys-panel-horizontal-padding)}.HotkeysPanel-module__gn-hotkeys-panel__list___ToMip{flex:1;overflow-y:auto}.HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class]{height:auto;margin:0 var(--hotkeys-panel-horizontal-padding);padding:var(--g-spacing-2) 0}.HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class].g-list__item_active, .HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class]:hover{background:inherit}.HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class]:not(:first-child):has(.HotkeysPanel-module__gn-hotkeys-panel__item-content_type_group___q8vt0){border-top:1px solid var(--g-color-line-generic);margin-top:var(--g-spacing-3);padding-top:var(--g-spacing-4)}.HotkeysPanel-module__gn-hotkeys-panel__item-content___Wqp2t{align-items:baseline;color:var(--g-color-text-primary);display:flex;justify-content:space-between;margin:0;width:100%}.HotkeysPanel-module__gn-hotkeys-panel__item-hint___QbgP4{margin-left:var(--g-spacing-1)}.HotkeysPanel-module__gn-hotkeys-panel__item-hint-tooltip___xdDtY{max-width:217px}.HotkeysPanel-module__gn-hotkeys-panel__hotkey___-LPxF{color:var(--g-color-text-complementary)}

package/build/cjs/components/HotkeysPanel/HotkeysPanel.js

@@ -25,7 +25,7 @@ function HotkeysPanel(_a) {
             item.title,
             item.hint && (React.createElement(uikit.HelpMark, { "aria-hidden": true, popoverProps: { className: b('item-hint-tooltip') }, className: b('item-hint') }, item.hint))),
         item.value && (React.createElement(uikit.Hotkey, { className: b('hotkey'), value: item.value, platform: platform })))), [itemContentClassName, platform]);
-    const drawerItemContent = (React.createElement("div", { className: b('drawer-content') },
+    const drawerItemContent = (React.createElement(React.Fragment, null,
         React.createElement(uikit.Text, { variant: "subheader-3", as: 'h2', className: b('title', titleClassName) },
             title,
             togglePanelHotkey && React.createElement(uikit.Hotkey, { value: togglePanelHotkey, platform: platform })),

package/build/cjs/components/HotkeysPanel/HotkeysPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotkeysPanel.js","sources":["../../../../../src/components/HotkeysPanel/HotkeysPanel.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Drawer, HelpMark, Hotkey, List, Text, TextInput} from '@gravity-ui/uikit';\nimport type {DrawerProps, HotkeyProps, ListProps} from '@gravity-ui/uikit';\n\nimport {useSafeAsideHeaderContext} from '../AsideHeader/AsideHeaderContext';\nimport {createBlock} from '../utils/cn';\n\nimport type {HotkeysGroup, HotkeysListItem} from './types';\nimport {filterHotkeys} from './utils/filterHotkeys';\nimport {flattenHotkeyGroups} from './utils/flattenHotkeyGroups';\n\nimport styles from './HotkeysPanel.module.scss';\n\nconst b = createBlock('hotkeys-panel', styles);\n\nexport type HotkeysPanelProps<T> = {\n    hotkeys: HotkeysGroup<T>[];\n    title?: ReactNode;\n    togglePanelHotkey?: string;\n    filterable?: boolean;\n    filterPlaceholder?: string;\n    emptyState?: ReactNode;\n    open: boolean;\n    onClose?: () => void;\n    className?: string;\n    drawerItemClassName?: string;\n    filterClassName?: string;\n    titleClassName?: string;\n    itemContentClassName?: string;\n    listClassName?: string;\n    leftOffset?: number | string;\n    topOffset?: number | string;\n    style?: React.CSSProperties;\n    platform?: HotkeyProps['platform'];\n    drawerProps?: Omit<DrawerProps, 'style' | 'contentClassName' | 'open' | 'className'>;\n    disableNavigationOffset?: boolean;\n} & Omit<\n    ListProps<HotkeysListItem>,\n    | 'items'\n    | 'emptyPlaceholder'\n    | 'className'\n    | 'size'\n    | 'renderItem'\n    | 'filterable'\n    | 'autoFocus'\n    | 'filterPlaceholder'\n    | 'filterClassName'\n    | 'filter'\n    | 'filterItem'\n    | 'onFilterEnd'\n    | 'onFilterUpdate'\n>;\n\nexport function HotkeysPanel<T = {}>({\n    open,\n    onClose,\n    leftOffset,\n    topOffset,\n    className,\n    drawerItemClassName,\n    filterClassName,\n    titleClassName,\n    listClassName,\n    itemContentClassName,\n    hotkeys,\n    itemClassName,\n    filterable = true,\n    filterPlaceholder,\n    title,\n    togglePanelHotkey,\n    emptyState,\n    platform,\n    drawerProps,\n    style: styleProp,\n    disableNavigationOffset = false,\n    ...listProps\n}: HotkeysPanelProps<T>) {\n    const [filter, setFilter] = useState('');\n\n    const {size} = useSafeAsideHeaderContext() ?? {size: 0};\n\n    const hotkeysList = useMemo(() => {\n        const filteredHotkeys = filterHotkeys(hotkeys, filter);\n        return flattenHotkeyGroups(filteredHotkeys);\n    }, [hotkeys, filter]);\n\n    const renderItem = useCallback(\n        (item: HotkeysListItem) => (\n            <Text\n                as={item.group ? ('h3' as const) : ('p' as const)}\n                variant={item.group ? 'subheader-2' : 'body-1'}\n                className={b(\n                    'item-content',\n                    {type: item.group ? 'group' : 'item'},\n                    itemContentClassName,\n                )}\n                key={item.title}\n            >\n                <span>\n                    {item.title}\n                    {item.hint && (\n                        <HelpMark\n                            aria-hidden\n                            popoverProps={{className: b('item-hint-tooltip')}}\n                            className={b('item-hint')}\n                        >\n                            {item.hint}\n                        </HelpMark>\n                    )}\n                </span>\n                {item.value && (\n                    <Hotkey className={b('hotkey')} value={item.value} platform={platform} />\n                )}\n            </Text>\n        ),\n        [itemContentClassName, platform],\n    );\n\n    const drawerItemContent = (\n        <div className={b('drawer-content')}>\n            <Text variant=\"subheader-3\" as={'h2' as const} className={b('title', titleClassName)}>\n                {title}\n                {togglePanelHotkey && <Hotkey value={togglePanelHotkey} platform={platform} />}\n            </Text>\n            {filterable && (\n                <TextInput\n                    value={filter}\n                    onUpdate={setFilter}\n                    placeholder={filterPlaceholder}\n                    autoFocus\n                    className={b('search', filterClassName)}\n                    hasClear\n                />\n            )}\n            <List<HotkeysListItem>\n                className={b('list', listClassName)}\n                virtualized={false}\n                filterable={false}\n                items={hotkeysList}\n                renderItem={renderItem}\n                itemClassName={b('item', itemClassName)}\n                emptyPlaceholder={emptyState}\n                {...listProps}\n            />\n        </div>\n    );\n\n    const onOpenChange = useCallback(\n        (newOpen: boolean) => {\n            if (!newOpen) {\n                onClose?.();\n            }\n\n            drawerProps?.onOpenChange?.(newOpen);\n        },\n        [drawerProps, onClose],\n    );\n\n    const style = useMemo<React.CSSProperties>(\n        () => ({\n            position: 'fixed',\n            left: disableNavigationOffset ? undefined : size,\n            ...styleProp,\n            ...(leftOffset !== undefined && {left: leftOffset}),\n            ...(topOffset !== undefined && {top: topOffset}),\n        }),\n        [disableNavigationOffset, styleProp, leftOffset, size, topOffset],\n    );\n\n    return (\n        <Drawer\n            className={b(null, className)}\n            open={open}\n            onOpenChange={onOpenChange}\n            style={style}\n            contentClassName={b('drawer-item', drawerItemClassName)}\n            {...drawerProps}\n        >\n            {drawerItemContent}\n        </Drawer>\n    );\n}\n"],"names":["createBlock","styles","__rest","useState","useSafeAsideHeaderContext","useMemo","filterHotkeys","flattenHotkeyGroups","useCallback","Text","HelpMark","Hotkey","TextInput","List","Drawer"],"mappings":"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"}
+{"version":3,"file":"HotkeysPanel.js","sources":["../../../../../src/components/HotkeysPanel/HotkeysPanel.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Drawer, HelpMark, Hotkey, List, Text, TextInput} from '@gravity-ui/uikit';\nimport type {DrawerProps, HotkeyProps, ListProps} from '@gravity-ui/uikit';\n\nimport {useSafeAsideHeaderContext} from '../AsideHeader/AsideHeaderContext';\nimport {createBlock} from '../utils/cn';\n\nimport type {HotkeysGroup, HotkeysListItem} from './types';\nimport {filterHotkeys} from './utils/filterHotkeys';\nimport {flattenHotkeyGroups} from './utils/flattenHotkeyGroups';\n\nimport styles from './HotkeysPanel.module.scss';\n\nconst b = createBlock('hotkeys-panel', styles);\n\nexport type HotkeysPanelProps<T> = {\n    hotkeys: HotkeysGroup<T>[];\n    title?: ReactNode;\n    togglePanelHotkey?: string;\n    filterable?: boolean;\n    filterPlaceholder?: string;\n    emptyState?: ReactNode;\n    open: boolean;\n    onClose?: () => void;\n    className?: string;\n    drawerItemClassName?: string;\n    filterClassName?: string;\n    titleClassName?: string;\n    itemContentClassName?: string;\n    listClassName?: string;\n    leftOffset?: number | string;\n    topOffset?: number | string;\n    style?: React.CSSProperties;\n    platform?: HotkeyProps['platform'];\n    drawerProps?: Omit<DrawerProps, 'style' | 'contentClassName' | 'open' | 'className'>;\n    disableNavigationOffset?: boolean;\n} & Omit<\n    ListProps<HotkeysListItem>,\n    | 'items'\n    | 'emptyPlaceholder'\n    | 'className'\n    | 'size'\n    | 'renderItem'\n    | 'filterable'\n    | 'autoFocus'\n    | 'filterPlaceholder'\n    | 'filterClassName'\n    | 'filter'\n    | 'filterItem'\n    | 'onFilterEnd'\n    | 'onFilterUpdate'\n>;\n\nexport function HotkeysPanel<T = {}>({\n    open,\n    onClose,\n    leftOffset,\n    topOffset,\n    className,\n    drawerItemClassName,\n    filterClassName,\n    titleClassName,\n    listClassName,\n    itemContentClassName,\n    hotkeys,\n    itemClassName,\n    filterable = true,\n    filterPlaceholder,\n    title,\n    togglePanelHotkey,\n    emptyState,\n    platform,\n    drawerProps,\n    style: styleProp,\n    disableNavigationOffset = false,\n    ...listProps\n}: HotkeysPanelProps<T>) {\n    const [filter, setFilter] = useState('');\n\n    const {size} = useSafeAsideHeaderContext() ?? {size: 0};\n\n    const hotkeysList = useMemo(() => {\n        const filteredHotkeys = filterHotkeys(hotkeys, filter);\n        return flattenHotkeyGroups(filteredHotkeys);\n    }, [hotkeys, filter]);\n\n    const renderItem = useCallback(\n        (item: HotkeysListItem) => (\n            <Text\n                as={item.group ? ('h3' as const) : ('p' as const)}\n                variant={item.group ? 'subheader-2' : 'body-1'}\n                className={b(\n                    'item-content',\n                    {type: item.group ? 'group' : 'item'},\n                    itemContentClassName,\n                )}\n                key={item.title}\n            >\n                <span>\n                    {item.title}\n                    {item.hint && (\n                        <HelpMark\n                            aria-hidden\n                            popoverProps={{className: b('item-hint-tooltip')}}\n                            className={b('item-hint')}\n                        >\n                            {item.hint}\n                        </HelpMark>\n                    )}\n                </span>\n                {item.value && (\n                    <Hotkey className={b('hotkey')} value={item.value} platform={platform} />\n                )}\n            </Text>\n        ),\n        [itemContentClassName, platform],\n    );\n\n    const drawerItemContent = (\n        <React.Fragment>\n            <Text variant=\"subheader-3\" as={'h2' as const} className={b('title', titleClassName)}>\n                {title}\n                {togglePanelHotkey && <Hotkey value={togglePanelHotkey} platform={platform} />}\n            </Text>\n            {filterable && (\n                <TextInput\n                    value={filter}\n                    onUpdate={setFilter}\n                    placeholder={filterPlaceholder}\n                    autoFocus\n                    className={b('search', filterClassName)}\n                    hasClear\n                />\n            )}\n            <List<HotkeysListItem>\n                className={b('list', listClassName)}\n                virtualized={false}\n                filterable={false}\n                items={hotkeysList}\n                renderItem={renderItem}\n                itemClassName={b('item', itemClassName)}\n                emptyPlaceholder={emptyState}\n                {...listProps}\n            />\n        </React.Fragment>\n    );\n\n    const onOpenChange = useCallback(\n        (newOpen: boolean) => {\n            if (!newOpen) {\n                onClose?.();\n            }\n\n            drawerProps?.onOpenChange?.(newOpen);\n        },\n        [drawerProps, onClose],\n    );\n\n    const style = useMemo<React.CSSProperties>(\n        () => ({\n            position: 'fixed',\n            left: disableNavigationOffset ? undefined : size,\n            ...styleProp,\n            ...(leftOffset !== undefined && {left: leftOffset}),\n            ...(topOffset !== undefined && {top: topOffset}),\n        }),\n        [disableNavigationOffset, styleProp, leftOffset, size, topOffset],\n    );\n\n    return (\n        <Drawer\n            className={b(null, className)}\n            open={open}\n            onOpenChange={onOpenChange}\n            style={style}\n            contentClassName={b('drawer-item', drawerItemClassName)}\n            {...drawerProps}\n        >\n            {drawerItemContent}\n        </Drawer>\n    );\n}\n"],"names":["createBlock","styles","__rest","useState","useSafeAsideHeaderContext","useMemo","filterHotkeys","flattenHotkeyGroups","useCallback","Text","HelpMark","Hotkey","TextInput","List","Drawer"],"mappings":"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"}

package/build/cjs/components/HotkeysPanel/HotkeysPanel.module.scss.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"gn-hotkeys-panel":"HotkeysPanel-module__gn-hotkeys-panel___Aab92","gnHotkeysPanel":"HotkeysPanel-module__gn-hotkeys-panel___Aab92","gn-hotkeys-panel__drawer-item":"HotkeysPanel-module__gn-hotkeys-panel__drawer-item___T-3tZ","gnHotkeysPanelDrawerItem":"HotkeysPanel-module__gn-hotkeys-panel__drawer-item___T-3tZ","gn-hotkeys-panel__drawer-content":"HotkeysPanel-module__gn-hotkeys-panel__drawer-content___P1nwO","gnHotkeysPanelDrawerContent":"HotkeysPanel-module__gn-hotkeys-panel__drawer-content___P1nwO","gn-hotkeys-panel__title":"HotkeysPanel-module__gn-hotkeys-panel__title___dPviy","gnHotkeysPanelTitle":"HotkeysPanel-module__gn-hotkeys-panel__title___dPviy","gn-hotkeys-panel__search":"HotkeysPanel-module__gn-hotkeys-panel__search___olv3P","gnHotkeysPanelSearch":"HotkeysPanel-module__gn-hotkeys-panel__search___olv3P","gn-hotkeys-panel__list":"HotkeysPanel-module__gn-hotkeys-panel__list___ToMip","gnHotkeysPanelList":"HotkeysPanel-module__gn-hotkeys-panel__list___ToMip","gn-hotkeys-panel__item":"HotkeysPanel-module__gn-hotkeys-panel__item___BKagb","gnHotkeysPanelItem":"HotkeysPanel-module__gn-hotkeys-panel__item___BKagb","gn-hotkeys-panel__item-content_type_group":"HotkeysPanel-module__gn-hotkeys-panel__item-content_type_group___q8vt0","gnHotkeysPanelItemContentTypeGroup":"HotkeysPanel-module__gn-hotkeys-panel__item-content_type_group___q8vt0","gn-hotkeys-panel__item-content":"HotkeysPanel-module__gn-hotkeys-panel__item-content___Wqp2t","gnHotkeysPanelItemContent":"HotkeysPanel-module__gn-hotkeys-panel__item-content___Wqp2t","gn-hotkeys-panel__item-hint":"HotkeysPanel-module__gn-hotkeys-panel__item-hint___QbgP4","gnHotkeysPanelItemHint":"HotkeysPanel-module__gn-hotkeys-panel__item-hint___QbgP4","gn-hotkeys-panel__item-hint-tooltip":"HotkeysPanel-module__gn-hotkeys-panel__item-hint-tooltip___xdDtY","gnHotkeysPanelItemHintTooltip":"HotkeysPanel-module__gn-hotkeys-panel__item-hint-tooltip___xdDtY","gn-hotkeys-panel__hotkey":"HotkeysPanel-module__gn-hotkeys-panel__hotkey___-LPxF","gnHotkeysPanelHotkey":"HotkeysPanel-module__gn-hotkeys-panel__hotkey___-LPxF"};
+var styles = {"gn-hotkeys-panel":"HotkeysPanel-module__gn-hotkeys-panel___Aab92","gnHotkeysPanel":"HotkeysPanel-module__gn-hotkeys-panel___Aab92","gn-hotkeys-panel__drawer-item":"HotkeysPanel-module__gn-hotkeys-panel__drawer-item___T-3tZ","gnHotkeysPanelDrawerItem":"HotkeysPanel-module__gn-hotkeys-panel__drawer-item___T-3tZ","gn-hotkeys-panel__title":"HotkeysPanel-module__gn-hotkeys-panel__title___dPviy","gnHotkeysPanelTitle":"HotkeysPanel-module__gn-hotkeys-panel__title___dPviy","gn-hotkeys-panel__search":"HotkeysPanel-module__gn-hotkeys-panel__search___olv3P","gnHotkeysPanelSearch":"HotkeysPanel-module__gn-hotkeys-panel__search___olv3P","gn-hotkeys-panel__list":"HotkeysPanel-module__gn-hotkeys-panel__list___ToMip","gnHotkeysPanelList":"HotkeysPanel-module__gn-hotkeys-panel__list___ToMip","gn-hotkeys-panel__item":"HotkeysPanel-module__gn-hotkeys-panel__item___BKagb","gnHotkeysPanelItem":"HotkeysPanel-module__gn-hotkeys-panel__item___BKagb","gn-hotkeys-panel__item-content_type_group":"HotkeysPanel-module__gn-hotkeys-panel__item-content_type_group___q8vt0","gnHotkeysPanelItemContentTypeGroup":"HotkeysPanel-module__gn-hotkeys-panel__item-content_type_group___q8vt0","gn-hotkeys-panel__item-content":"HotkeysPanel-module__gn-hotkeys-panel__item-content___Wqp2t","gnHotkeysPanelItemContent":"HotkeysPanel-module__gn-hotkeys-panel__item-content___Wqp2t","gn-hotkeys-panel__item-hint":"HotkeysPanel-module__gn-hotkeys-panel__item-hint___QbgP4","gnHotkeysPanelItemHint":"HotkeysPanel-module__gn-hotkeys-panel__item-hint___QbgP4","gn-hotkeys-panel__item-hint-tooltip":"HotkeysPanel-module__gn-hotkeys-panel__item-hint-tooltip___xdDtY","gnHotkeysPanelItemHintTooltip":"HotkeysPanel-module__gn-hotkeys-panel__item-hint-tooltip___xdDtY","gn-hotkeys-panel__hotkey":"HotkeysPanel-module__gn-hotkeys-panel__hotkey___-LPxF","gnHotkeysPanelHotkey":"HotkeysPanel-module__gn-hotkeys-panel__hotkey___-LPxF"};
 
 exports.default = styles;
 //# sourceMappingURL=HotkeysPanel.module.scss.js.map

package/build/cjs/components/Logo/Logo.css

@@ -1 +1 @@
-.Logo-module__gn-logo___u7qyb{align-items:center;display:flex;height:40px}.Logo-module__gn-logo__btn-logo___tvsre{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:flex-start;overflow-wrap:break-word;width:100%;word-break:break-word}.Logo-module__gn-logo__btn-logo___tvsre, .Logo-module__gn-logo__btn-logo___tvsre:active, .Logo-module__gn-logo__btn-logo___tvsre:focus, .Logo-module__gn-logo__btn-logo___tvsre:hover, .Logo-module__gn-logo__btn-logo___tvsre:visited{color:inherit;outline:none;text-decoration:none}.Logo-module__gn-logo__btn-logo___tvsre:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.Logo-module__gn-logo__logo-icon-place___HUtrN{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:36px}
+.Logo-module__gn-logo___u7qyb{align-items:center;display:flex;height:var(--_--gn-logo-height,40px)}.Logo-module__gn-logo__btn-logo___tvsre{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:flex-start;overflow-wrap:break-word;width:100%;word-break:break-word}.Logo-module__gn-logo__btn-logo___tvsre, .Logo-module__gn-logo__btn-logo___tvsre:active, .Logo-module__gn-logo__btn-logo___tvsre:focus, .Logo-module__gn-logo__btn-logo___tvsre:hover, .Logo-module__gn-logo__btn-logo___tvsre:visited{color:inherit;outline:none;text-decoration:none}.Logo-module__gn-logo__btn-logo___tvsre:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.Logo-module__gn-logo__logo-icon-place___HUtrN{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:36px}

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

@@ -4,4 +4,5 @@ export declare const Logo: React.FC<LogoProps & {
     compact?: boolean;
     buttonClassName?: string;
     iconPlaceClassName?: string;
+    'data-gn-aside-transition-row'?: 'logo';
 }>;

package/build/cjs/components/Logo/Logo.js

@@ -8,7 +8,7 @@ var cn = require('../utils/cn.js');
 var Logo_module = require('./Logo.module.scss.js');
 
 const b = cn.createBlock('logo', Logo_module.default);
-const Logo = ({ text, icon, iconSrc, iconClassName, iconPlaceClassName, iconSize = 24, textSize = 15, href, target = '_self', wrapper, onClick, compact, className, buttonClassName, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, }) => {
+const Logo = ({ text, icon, iconSrc, iconClassName, iconPlaceClassName, iconSize = 24, textSize = 15, href, target = '_self', wrapper, onClick, compact, className, buttonClassName, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'data-gn-aside-transition-row': transitionRow, }) => {
     const hasWrapper = typeof wrapper === 'function';
     let buttonIcon;
     if (iconSrc) {
@@ -23,7 +23,7 @@ const Logo = ({ text, icon, iconSrc, iconClassName, iconPlaceClassName, iconSize
         logo = text();
     }
     else {
-        logo = (React.createElement("div", { className: b('logo'), style: { fontSize: textSize } }, text));
+        logo = (React.createElement("div", { className: b('logo'), "data-gn-aside-part": "title", style: { fontSize: textSize } }, text));
     }
     const _a = href
         ? {
@@ -36,9 +36,9 @@ const Logo = ({ text, icon, iconSrc, iconClassName, iconPlaceClassName, iconSize
         }
         : { tag: 'span' }, { tag: Button } = _a, buttonProps = tslib.__rest(_a, ["tag"]);
     const button = (React.createElement(Button, Object.assign({}, buttonProps, { className: b('btn-logo', buttonClassName), onClick: onClick }),
-        React.createElement("span", { className: b('logo-icon-place', iconPlaceClassName) }, buttonIcon),
+        React.createElement("span", { className: b('logo-icon-place', iconPlaceClassName), "data-gn-aside-part": "icon" }, buttonIcon),
         !compact && logo));
-    return (React.createElement("div", { className: b(null, className) }, hasWrapper ? wrapper(button, Boolean(compact)) : button));
+    return (React.createElement("div", { className: b(null, className), "data-gn-aside-transition-row": transitionRow }, hasWrapper ? wrapper(button, Boolean(compact)) : button));
 };
 
 exports.Logo = Logo;

package/build/cjs/components/Logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {LogoProps} from '../types';\nimport {createBlock} from '../utils/cn';\n\nimport styles from './Logo.module.scss';\n\nconst b = createBlock('logo', styles);\n\nexport const Logo: React.FC<\n    LogoProps & {compact?: boolean; buttonClassName?: string; iconPlaceClassName?: string}\n> = ({\n    text,\n    icon,\n    iconSrc,\n    iconClassName,\n    iconPlaceClassName,\n    iconSize = 24,\n    textSize = 15,\n    href,\n    target = '_self',\n    wrapper,\n    onClick,\n    compact,\n    className,\n    buttonClassName,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n}) => {\n    const hasWrapper = typeof wrapper === 'function';\n\n    let buttonIcon;\n\n    if (iconSrc) {\n        buttonIcon = (\n            <span className={iconClassName}>\n                <img alt=\"logo icon\" src={iconSrc} width={iconSize} height={iconSize} />\n            </span>\n        );\n    } else if (icon) {\n        buttonIcon = <Icon data={icon} size={iconSize} className={iconClassName} />;\n    }\n\n    let logo: React.ReactNode;\n\n    if (typeof text === 'function') {\n        logo = text();\n    } else {\n        logo = (\n            <div className={b('logo')} style={{fontSize: textSize}}>\n                {text}\n            </div>\n        );\n    }\n\n    const {tag: Button, ...buttonProps} = href\n        ? ({\n              tag: 'a',\n              target,\n              rel: target === '_self' ? undefined : 'noreferrer',\n              href,\n              'aria-label': ariaLabel,\n              'aria-labelledby': ariaLabelledby,\n          } as const)\n        : ({tag: 'span'} as const);\n\n    const button = (\n        <Button {...buttonProps} className={b('btn-logo', buttonClassName)} onClick={onClick}>\n            <span className={b('logo-icon-place', iconPlaceClassName)}>{buttonIcon}</span>\n            {!compact && logo}\n        </Button>\n    );\n\n    return (\n        <div className={b(null, className)}>\n            {hasWrapper ? wrapper(button, Boolean(compact)) : button}\n        </div>\n    );\n};\n"],"names":["createBlock","styles","Icon","__rest"],"mappings":";;;;;;;;AASA,MAAM,CAAC,GAAGA,cAAW,CAAC,MAAM,EAAEC,mBAAM,CAAC;MAExB,IAAI,GAEb,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,IAAI,EACJ,MAAM,GAAG,OAAO,EAChB,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,eAAe,EACf,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GACpC,KAAI;AACD,IAAA,MAAM,UAAU,GAAG,OAAO,OAAO,KAAK,UAAU;AAEhD,IAAA,IAAI,UAAU;IAEd,IAAI,OAAO,EAAE;AACT,QAAA,UAAU,IACN,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,aAAa,EAAA;AAC1B,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAC,WAAW,EAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAI,CAAA,CACrE,CACV;;SACE,IAAI,IAAI,EAAE;AACb,QAAA,UAAU,GAAG,KAAC,CAAA,aAAA,CAAAC,UAAI,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,GAAI;;AAG/E,IAAA,IAAI,IAAqB;AAEzB,IAAA,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;QAC5B,IAAI,GAAG,IAAI,EAAE;;SACV;QACH,IAAI,IACA,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,EACjD,EAAA,IAAI,CACH,CACT;;AAGL,IAAA,MAAM,KAAgC;AAClC,UAAG;AACG,YAAA,GAAG,EAAE,GAAG;YACR,MAAM;YACN,GAAG,EAAE,MAAM,KAAK,OAAO,GAAG,SAAS,GAAG,YAAY;YAClD,IAAI;AACJ,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,iBAAiB,EAAE,cAAc;AAC1B;AACb,UAAG,EAAC,GAAG,EAAE,MAAM,EAAW,EATxB,EAAC,GAAG,EAAE,MAAM,EASY,GAAA,EAAA,EATP,WAAW,GAA5BC,YAAA,CAAA,EAAA,EAAA,CAAA,KAAA,CAA6B,CASL;AAE9B,IAAA,MAAM,MAAM,IACR,oBAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,WAAW,EAAE,EAAA,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAA,CAAA;QAChF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,EAAG,EAAA,UAAU,CAAQ;AAC7E,QAAA,CAAC,OAAO,IAAI,IAAI,CACZ,CACZ;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,EAAA,UAAU,GAAG,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,CACtD;AAEd;;;;"}
+{"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {LogoProps} from '../types';\nimport {createBlock} from '../utils/cn';\n\nimport styles from './Logo.module.scss';\n\nconst b = createBlock('logo', styles);\n\nexport const Logo: React.FC<\n    LogoProps & {\n        compact?: boolean;\n        buttonClassName?: string;\n        iconPlaceClassName?: string;\n        'data-gn-aside-transition-row'?: 'logo';\n    }\n> = ({\n    text,\n    icon,\n    iconSrc,\n    iconClassName,\n    iconPlaceClassName,\n    iconSize = 24,\n    textSize = 15,\n    href,\n    target = '_self',\n    wrapper,\n    onClick,\n    compact,\n    className,\n    buttonClassName,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'data-gn-aside-transition-row': transitionRow,\n}) => {\n    const hasWrapper = typeof wrapper === 'function';\n\n    let buttonIcon;\n\n    if (iconSrc) {\n        buttonIcon = (\n            <span className={iconClassName}>\n                <img alt=\"logo icon\" src={iconSrc} width={iconSize} height={iconSize} />\n            </span>\n        );\n    } else if (icon) {\n        buttonIcon = <Icon data={icon} size={iconSize} className={iconClassName} />;\n    }\n\n    let logo: React.ReactNode;\n\n    if (typeof text === 'function') {\n        logo = text();\n    } else {\n        logo = (\n            <div className={b('logo')} data-gn-aside-part=\"title\" style={{fontSize: textSize}}>\n                {text}\n            </div>\n        );\n    }\n\n    const {tag: Button, ...buttonProps} = href\n        ? ({\n              tag: 'a',\n              target,\n              rel: target === '_self' ? undefined : 'noreferrer',\n              href,\n              'aria-label': ariaLabel,\n              'aria-labelledby': ariaLabelledby,\n          } as const)\n        : ({tag: 'span'} as const);\n\n    const button = (\n        <Button {...buttonProps} className={b('btn-logo', buttonClassName)} onClick={onClick}>\n            <span className={b('logo-icon-place', iconPlaceClassName)} data-gn-aside-part=\"icon\">\n                {buttonIcon}\n            </span>\n            {!compact && logo}\n        </Button>\n    );\n\n    return (\n        <div className={b(null, className)} data-gn-aside-transition-row={transitionRow}>\n            {hasWrapper ? wrapper(button, Boolean(compact)) : button}\n        </div>\n    );\n};\n"],"names":["createBlock","styles","Icon","__rest"],"mappings":";;;;;;;;AASA,MAAM,CAAC,GAAGA,cAAW,CAAC,MAAM,EAAEC,mBAAM,CAAC;AAExB,MAAA,IAAI,GAOb,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,IAAI,EACJ,MAAM,GAAG,OAAO,EAChB,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,eAAe,EACf,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,8BAA8B,EAAE,aAAa,GAChD,KAAI;AACD,IAAA,MAAM,UAAU,GAAG,OAAO,OAAO,KAAK,UAAU;AAEhD,IAAA,IAAI,UAAU;IAEd,IAAI,OAAO,EAAE;AACT,QAAA,UAAU,IACN,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,aAAa,EAAA;AAC1B,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAC,WAAW,EAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAI,CAAA,CACrE,CACV;;SACE,IAAI,IAAI,EAAE;AACb,QAAA,UAAU,GAAG,KAAC,CAAA,aAAA,CAAAC,UAAI,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,GAAI;;AAG/E,IAAA,IAAI,IAAqB;AAEzB,IAAA,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;QAC5B,IAAI,GAAG,IAAI,EAAE;;SACV;QACH,IAAI,IACA,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAqB,oBAAA,EAAA,OAAO,EAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,EAC5E,EAAA,IAAI,CACH,CACT;;AAGL,IAAA,MAAM,KAAgC;AAClC,UAAG;AACG,YAAA,GAAG,EAAE,GAAG;YACR,MAAM;YACN,GAAG,EAAE,MAAM,KAAK,OAAO,GAAG,SAAS,GAAG,YAAY;YAClD,IAAI;AACJ,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,iBAAiB,EAAE,cAAc;AAC1B;AACb,UAAG,EAAC,GAAG,EAAE,MAAM,EAAW,EATxB,EAAC,GAAG,EAAE,MAAM,EASY,GAAA,EAAA,EATP,WAAW,GAA5BC,YAAA,CAAA,EAAA,EAAA,CAAA,KAAA,CAA6B,CASL;AAE9B,IAAA,MAAM,MAAM,IACR,oBAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,WAAW,EAAE,EAAA,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAA,CAAA;AAChF,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,EAAqB,oBAAA,EAAA,MAAM,EAC/E,EAAA,UAAU,CACR;AACN,QAAA,CAAC,OAAO,IAAI,IAAI,CACZ,CACZ;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,8BAAA,EAAgC,aAAa,EAAA,EAC1E,UAAU,GAAG,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,CACtD;AAEd;;;;"}

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

@@ -4,3 +4,8 @@ export declare const ASIDE_HEADER_EXPANDED_WIDTH = 236;
 export declare const ITEM_HEIGHT = 40;
 export declare const POPUP_REGULAR_ITEM_HEIGHT = 32;
 export declare const HEADER_DIVIDER_HEIGHT = 29;
+/**
+ * Duration of the aside collapse/expand width transition.
+ * Keep in sync with `$aside-width-transition-duration` in AsideHeader.module.scss.
+ */
+export declare const ASIDE_HEADER_COLLAPSE_TRANSITION_MS = 200;

package/build/cjs/components/constants.js

@@ -6,7 +6,13 @@ const ASIDE_HEADER_EXPANDED_WIDTH = 236;
 const ITEM_HEIGHT = 40;
 const POPUP_REGULAR_ITEM_HEIGHT = 32;
 const HEADER_DIVIDER_HEIGHT = 29;
+/**
+ * Duration of the aside collapse/expand width transition.
+ * Keep in sync with `$aside-width-transition-duration` in AsideHeader.module.scss.
+ */
+const ASIDE_HEADER_COLLAPSE_TRANSITION_MS = 200;
 
+exports.ASIDE_HEADER_COLLAPSE_TRANSITION_MS = ASIDE_HEADER_COLLAPSE_TRANSITION_MS;
 exports.ASIDE_HEADER_COMPACT_WIDTH = ASIDE_HEADER_COMPACT_WIDTH;
 exports.ASIDE_HEADER_EXPANDED_WIDTH = ASIDE_HEADER_EXPANDED_WIDTH;
 exports.ASIDE_HEADER_ICON_SIZE = ASIDE_HEADER_ICON_SIZE;

package/build/cjs/components/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/constants.ts"],"sourcesContent":["export const ASIDE_HEADER_ICON_SIZE = 18;\nexport const ASIDE_HEADER_COMPACT_WIDTH = 56;\nexport const ASIDE_HEADER_EXPANDED_WIDTH = 236;\nexport const ITEM_HEIGHT = 40;\nexport const POPUP_REGULAR_ITEM_HEIGHT = 32;\nexport const HEADER_DIVIDER_HEIGHT = 29;\n"],"names":[],"mappings":";;AAAO,MAAM,sBAAsB,GAAG;AAC/B,MAAM,0BAA0B,GAAG;AACnC,MAAM,2BAA2B,GAAG;AACpC,MAAM,WAAW,GAAG;AACpB,MAAM,yBAAyB,GAAG;AAClC,MAAM,qBAAqB,GAAG;;;;;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/constants.ts"],"sourcesContent":["export const ASIDE_HEADER_ICON_SIZE = 18;\nexport const ASIDE_HEADER_COMPACT_WIDTH = 56;\nexport const ASIDE_HEADER_EXPANDED_WIDTH = 236;\nexport const ITEM_HEIGHT = 40;\nexport const POPUP_REGULAR_ITEM_HEIGHT = 32;\nexport const HEADER_DIVIDER_HEIGHT = 29;\n/**\n * Duration of the aside collapse/expand width transition.\n * Keep in sync with `$aside-width-transition-duration` in AsideHeader.module.scss.\n */\nexport const ASIDE_HEADER_COLLAPSE_TRANSITION_MS = 200;\n"],"names":[],"mappings":";;AAAO,MAAM,sBAAsB,GAAG;AAC/B,MAAM,0BAA0B,GAAG;AACnC,MAAM,2BAA2B,GAAG;AACpC,MAAM,WAAW,GAAG;AACpB,MAAM,yBAAyB,GAAG;AAClC,MAAM,qBAAqB,GAAG;AACrC;;;AAGG;AACI,MAAM,mCAAmC,GAAG;;;;;;;;;;"}

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

@@ -56,7 +56,7 @@ export interface MenuGroup {
     /** Hide the group from display */
     hidden?: boolean;
     /**
-     * Optional title shown only in the compact popup that lists group children.
+     * Optional title shown in a popup that lists group children.
      * Does not affect the group title displayed anywhere else.
      */
     popupTitle?: string;
@@ -75,10 +75,10 @@ export interface MenuGroup {
      */
     href?: string;
     /**
-     * When `true`, the small chevron is not rendered on the group anchor in the
-     * compact (collapsed) sidebar. The children popup keeps working as usual.
+     * Marks the group header row as the current page, like `MenuItem.current`.
+     * Only the header row is highlighted; nested items keep their own states.
      */
-    hideCompactChevron?: boolean;
+    current?: boolean;
     /**
      * 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