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

package/build/esm/components/AsideHeader/__playwright__/AsideTransitionExample.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { AsideHeaderMenuDensity } from '../density';
+export declare function AsideTransitionExample({ initialCompact, menuDensity, withDividers, withGroupedDivider, }: {
+    initialCompact?: boolean;
+    menuDensity?: AsideHeaderMenuDensity;
+    withDividers?: boolean;
+    withGroupedDivider?: boolean;
+}): React.JSX.Element;

package/build/esm/components/AsideHeader/__playwright__/CollapseButtonExample.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { AsideHeaderMenuDensity } from '../density';
+export declare function CollapseButtonExample({ initialCompact, menuDensity, direction, footer, contentsWrapper, topAlert, below, raised, responsiveFooter, movingFooter, }: {
+    initialCompact?: boolean;
+    menuDensity?: AsideHeaderMenuDensity;
+    direction?: 'ltr' | 'rtl';
+    footer?: 'regular' | 'action' | 'two-line' | 'empty' | 'custom';
+    contentsWrapper?: boolean;
+    topAlert?: boolean;
+    below?: boolean;
+    raised?: boolean;
+    responsiveFooter?: boolean;
+    movingFooter?: boolean;
+}): React.JSX.Element;

package/build/esm/components/AsideHeader/__playwright__/CompactTransitionExample.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { AsideHeaderMenuDensity } from '../density';
+export declare function CompactTransitionExample({ initialCompact, initialTransition, menuDensity, layout, grouped, direction, overflowing, }: {
+    initialCompact?: boolean;
+    initialTransition?: boolean;
+    menuDensity?: AsideHeaderMenuDensity;
+    layout?: 'aside' | 'page' | 'fallback';
+    grouped?: boolean;
+    direction?: 'ltr' | 'rtl';
+    overflowing?: boolean;
+}): React.JSX.Element;
+export declare function CompactTransitionIsolationExample(): React.JSX.Element;

package/build/esm/components/AsideHeader/__playwright__/CurrentIndicatorExample.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { AsideHeaderMenuDensity } from '../density';
+interface CurrentIndicatorExampleProps {
+    initialCompact?: boolean;
+    menuDensity?: AsideHeaderMenuDensity;
+    initialCurrentId?: string;
+    mode?: 'group' | 'short-group' | 'plain' | 'more' | 'ambiguous';
+    collapsedAnalytics?: boolean;
+    headerDecoration?: boolean;
+    enableQuickAccess?: boolean;
+    pinCurrent?: boolean;
+    quickAccessHighlightInMainMenu?: boolean;
+    selectionColor?: string;
+    selectionHoverColor?: string;
+    hoverColor?: string;
+    replaceableTarget?: boolean;
+    direction?: 'ltr' | 'rtl';
+}
+export declare function CurrentIndicatorExample(props: CurrentIndicatorExampleProps): React.JSX.Element;
+export {};

package/build/esm/components/AsideHeader/__playwright__/QuickAccessOverflowExample.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { AsideHeaderMenuOverflow } from '../types';
+export declare function QuickAccessOverflowExample({ menuOverflow, compact, }: {
+    menuOverflow?: AsideHeaderMenuOverflow;
+    compact?: boolean;
+}): React.JSX.Element;
+export declare function QuickAccessWrappedItemExample(): React.JSX.Element;
+export declare function NestedMorePopupExample(): React.JSX.Element;

package/build/esm/components/AsideHeader/__playwright__/currentIndicatorPaint.d.ts

@@ -0,0 +1,21 @@
+import type { Page } from '@playwright/test';
+export type PaintBox = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare function comparePaint(page: Page, before: Buffer, after: Buffer, regions: PaintBox[]): Promise<{
+    changedPixels: number;
+    inkPixels: number;
+    retainedInkPixels: number;
+}[]>;
+export declare function selectionPaint(page: Page, area: PaintBox): Promise<{
+    selectionPixels: number;
+    bounds: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+}>;

package/build/esm/components/AsideHeader/__playwright__/transitionTestUtils.d.ts

@@ -0,0 +1,4 @@
+import type { Page } from '@playwright/test';
+export declare function toggleAsideAndPause(page: Page): Promise<void>;
+export declare function seekAnimations(page: Page, progress: number): Promise<void>;
+export declare function finishAnimations(page: Page): Promise<void>;

package/build/esm/components/AsideHeader/__stories__/fullNavigationMoc.d.ts

@@ -0,0 +1,6 @@
+import type { MenuGroup } from '../../types';
+import type { AsideHeaderItem, AsideHeaderProps } from '../types';
+export declare const fullNavigationMenuGroups: MenuGroup[];
+/** Keep one expanded group visible while making the remaining group headers easy to inspect. */
+export declare const fullNavigationCollapsedGroupIds: AsideHeaderProps['defaultCollapsedMenuGroupIds'];
+export declare const fullNavigationMenuItems: AsideHeaderItem[];

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

@@ -1,9 +1,8 @@
 import './AllPagesListItem.css';
 import React__default, { useRef, useCallback } from 'react';
 import { Pin, PinFill } from '@gravity-ui/icons';
-import { Tooltip, Button, Icon } from '@gravity-ui/uikit';
+import { Button, Icon } from '@gravity-ui/uikit';
 import { createBlock } from '../../../../utils/cn.js';
-import i18n from '../i18n/index.js';
 import styles from './AllPagesListItem.module.scss.js';
 
 const b = createBlock('all-pages-list-item', styles);
@@ -26,9 +25,8 @@ const AllPagesListItem = (props) => {
         return (React__default.createElement(Tag, Object.assign({}, tagProps, { className: b(), onClick: onItemClick, ref: ref }),
             params.icon,
             React__default.createElement("span", { className: b('text') }, params.title),
-            editMode && !item.preventUserRemoving && (React__default.createElement(Tooltip, { content: i18n(item.hidden ? 'all-panel.item.pin' : 'all-panel.item.unpin') },
-                React__default.createElement(Button, { "aria-label": i18n(item.hidden ? 'all-panel.item.pin' : 'all-panel.item.unpin'), onClick: onPinButtonClick, view: item.hidden ? 'flat-secondary' : 'flat-action' },
-                    React__default.createElement(Button.Icon, null, item.hidden ? React__default.createElement(Pin, null) : React__default.createElement(PinFill, null)))))));
+            editMode && !item.preventUserRemoving && (React__default.createElement(Button, { onClick: onPinButtonClick, view: item.hidden ? 'flat-secondary' : 'flat-action' },
+                React__default.createElement(Button.Icon, null, item.hidden ? React__default.createElement(Pin, null) : React__default.createElement(PinFill, null))))));
     }, [Tag, tagProps, editMode, item, onPinButtonClick]);
     const iconNode = item.icon ? (React__default.createElement(Icon, { className: b('icon'), data: item.icon, size: item.iconSize })) : null;
     const titleNode = item.title;

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

@@ -1 +1 @@
-{"version":3,"file":"AllPagesListItem.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.tsx"],"sourcesContent":["import React, {MouseEvent, useCallback, useRef} from 'react';\n\nimport {Pin, PinFill} from '@gravity-ui/icons';\nimport {Button, Icon, Tooltip} from '@gravity-ui/uikit';\n\nimport {AsideHeaderItem} from 'src/components/AsideHeader/types';\nimport {MakeItemParams} from 'src/components/types';\n\nimport {createBlock} from '../../../../utils/cn';\nimport i18n from '../i18n';\n\nimport styles from './AllPagesListItem.module.scss';\n\nconst b = createBlock('all-pages-list-item', styles);\n\ninterface AllPagesListItemProps {\n    item: AsideHeaderItem;\n    editMode?: boolean;\n    enableSorting?: boolean;\n    onToggle: () => void;\n    onDragStart?: () => void;\n    onDragEnd?: () => void;\n}\n\nexport const AllPagesListItem: React.FC<AllPagesListItemProps> = (props) => {\n    const {item, editMode, onToggle} = props;\n    const ref = useRef<HTMLAnchorElement & HTMLButtonElement>(null);\n\n    const onPinButtonClick = useCallback(\n        (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            e.stopPropagation();\n            e.preventDefault();\n            onToggle();\n        },\n        [onToggle],\n    );\n\n    const [Tag, tagProps] = item.href ? ['a' as const, {href: item.href}] : ['button' as const, {}];\n\n    const makeNode = useCallback(\n        (params: MakeItemParams) => {\n            const onItemClick = (e: MouseEvent<HTMLElement>) => {\n                if (editMode) {\n                    e.stopPropagation();\n                    e.preventDefault();\n                }\n            };\n\n            return (\n                <Tag {...tagProps} className={b()} onClick={onItemClick} ref={ref}>\n                    {params.icon}\n                    <span className={b('text')}>{params.title}</span>\n                    {editMode && !item.preventUserRemoving && (\n                        <Tooltip\n                            content={i18n(\n                                item.hidden ? 'all-panel.item.pin' : 'all-panel.item.unpin',\n                            )}\n                        >\n                            <Button\n                                aria-label={i18n(\n                                    item.hidden ? 'all-panel.item.pin' : 'all-panel.item.unpin',\n                                )}\n                                onClick={onPinButtonClick}\n                                view={item.hidden ? 'flat-secondary' : 'flat-action'}\n                            >\n                                <Button.Icon>{item.hidden ? <Pin /> : <PinFill />}</Button.Icon>\n                            </Button>\n                        </Tooltip>\n                    )}\n                </Tag>\n            );\n        },\n        [Tag, tagProps, editMode, item, onPinButtonClick],\n    );\n\n    const iconNode = item.icon ? (\n        <Icon className={b('icon')} data={item.icon} size={item.iconSize} />\n    ) : null;\n    const titleNode = item.title;\n    const params: MakeItemParams = {icon: iconNode, title: titleNode};\n    const opts = {collapsed: false, compact: false, item, ref};\n\n    if (typeof item.itemWrapper === 'function') {\n        return item.itemWrapper(params, makeNode, opts) as React.ReactElement;\n    }\n\n    return makeNode(params);\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"AllPagesListItem.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.tsx"],"sourcesContent":["import React, {MouseEvent, useCallback, useRef} from 'react';\n\nimport {Pin, PinFill} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {AsideHeaderItem} from 'src/components/AsideHeader/types';\nimport {MakeItemParams} from 'src/components/types';\n\nimport {createBlock} from '../../../../utils/cn';\n\nimport styles from './AllPagesListItem.module.scss';\n\nconst b = createBlock('all-pages-list-item', styles);\n\ninterface AllPagesListItemProps {\n    item: AsideHeaderItem;\n    editMode?: boolean;\n    enableSorting?: boolean;\n    onToggle: () => void;\n    onDragStart?: () => void;\n    onDragEnd?: () => void;\n}\n\nexport const AllPagesListItem: React.FC<AllPagesListItemProps> = (props) => {\n    const {item, editMode, onToggle} = props;\n    const ref = useRef<HTMLAnchorElement & HTMLButtonElement>(null);\n\n    const onPinButtonClick = useCallback(\n        (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            e.stopPropagation();\n            e.preventDefault();\n            onToggle();\n        },\n        [onToggle],\n    );\n\n    const [Tag, tagProps] = item.href ? ['a' as const, {href: item.href}] : ['button' as const, {}];\n\n    const makeNode = useCallback(\n        (params: MakeItemParams) => {\n            const onItemClick = (e: MouseEvent<HTMLElement>) => {\n                if (editMode) {\n                    e.stopPropagation();\n                    e.preventDefault();\n                }\n            };\n\n            return (\n                <Tag {...tagProps} className={b()} onClick={onItemClick} ref={ref}>\n                    {params.icon}\n                    <span className={b('text')}>{params.title}</span>\n                    {editMode && !item.preventUserRemoving && (\n                        <Button\n                            onClick={onPinButtonClick}\n                            view={item.hidden ? 'flat-secondary' : 'flat-action'}\n                        >\n                            <Button.Icon>{item.hidden ? <Pin /> : <PinFill />}</Button.Icon>\n                        </Button>\n                    )}\n                </Tag>\n            );\n        },\n        [Tag, tagProps, editMode, item, onPinButtonClick],\n    );\n\n    const iconNode = item.icon ? (\n        <Icon className={b('icon')} data={item.icon} size={item.iconSize} />\n    ) : null;\n    const titleNode = item.title;\n    const params: MakeItemParams = {icon: iconNode, title: titleNode};\n    const opts = {collapsed: false, compact: false, item, ref};\n\n    if (typeof item.itemWrapper === 'function') {\n        return item.itemWrapper(params, makeNode, opts) as React.ReactElement;\n    }\n\n    return makeNode(params);\n};\n"],"names":["React"],"mappings":";;;;;;AAYA,MAAM,CAAC,GAAG,WAAW,CAAC,qBAAqB,EAAE,MAAM,CAAC;AAWvC,MAAA,gBAAgB,GAAoC,CAAC,KAAK,KAAI;IACvE,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK;AACxC,IAAA,MAAM,GAAG,GAAG,MAAM,CAAwC,IAAI,CAAC;AAE/D,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAChC,CAAC,CAAoD,KAAI;QACrD,CAAC,CAAC,eAAe,EAAE;QACnB,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,QAAQ,EAAE;AACd,KAAC,EACD,CAAC,QAAQ,CAAC,CACb;AAED,IAAA,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,GAAY,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC;AAE/F,IAAA,MAAM,QAAQ,GAAG,WAAW,CACxB,CAAC,MAAsB,KAAI;AACvB,QAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;YAC/C,IAAI,QAAQ,EAAE;gBACV,CAAC,CAAC,eAAe,EAAE;gBACnB,CAAC,CAAC,cAAc,EAAE;;AAE1B,SAAC;AAED,QAAA,QACIA,cAAC,CAAA,aAAA,CAAA,GAAG,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,QAAQ,IAAE,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA;AAC5D,YAAA,MAAM,CAAC,IAAI;YACZA,cAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAG,EAAA,MAAM,CAAC,KAAK,CAAQ;YAChD,QAAQ,IAAI,CAAC,IAAI,CAAC,mBAAmB,KAClCA,cAAC,CAAA,aAAA,CAAA,MAAM,EACH,EAAA,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,gBAAgB,GAAG,aAAa,EAAA;gBAEpDA,cAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EAAE,IAAA,EAAA,IAAI,CAAC,MAAM,GAAGA,cAAC,CAAA,aAAA,CAAA,GAAG,OAAG,GAAGA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA,CAAG,CAAe,CAC3D,CACZ,CACC;AAEd,KAAC,EACD,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,gBAAgB,CAAC,CACpD;AAED,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IACtBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAI,IACpE,IAAI;AACR,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;IAC5B,MAAM,MAAM,GAAmB,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAC;AACjE,IAAA,MAAM,IAAI,GAAG,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAC;AAE1D,IAAA,IAAI,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE;QACxC,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAuB;;AAGzE,IAAA,OAAO,QAAQ,CAAC,MAAM,CAAC;AAC3B;;;;"}

package/build/esm/components/AsideHeader/components/AllPagesPanel/i18n/en.json.js

@@ -3,9 +3,7 @@ var en = {
 	"all-panel.menu.category.allOther": "All other",
 	"all-panel.resetToDefault": "Reset to default",
 	"all-panel.title.editing": "Configuring the menu bar",
-	"all-panel.title.main": "All pages",
-	"all-panel.item.pin": "Pin",
-	"all-panel.item.unpin": "Unpin"
+	"all-panel.title.main": "All pages"
 };
 
 export { en as default };

package/build/esm/components/AsideHeader/components/AllPagesPanel/i18n/en.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/build/esm/components/AsideHeader/components/AllPagesPanel/i18n/index.d.ts

@@ -1,14 +1,14 @@
-declare const _default: ((key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main" | "all-panel.item.pin" | "all-panel.item.unpin", params?: import("@gravity-ui/i18n").Params) => string) & {
+declare const _default: ((key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params) => string) & {
     Translation: import("react").ComponentType<{
         children: (props: {
-            t: (key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main" | "all-panel.item.pin" | "all-panel.item.unpin", params?: import("@gravity-ui/i18n").Params) => string;
+            t: (key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params) => string;
         }) => React.ReactNode;
     }>;
     useTranslation: () => {
-        t: (key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main" | "all-panel.item.pin" | "all-panel.item.unpin", params?: import("@gravity-ui/i18n").Params) => string;
+        t: (key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params) => string;
     };
     keysetData: {
-        "gn-AllPagesPanel": Record<"menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main" | "all-panel.item.pin" | "all-panel.item.unpin", import("@gravity-ui/i18n").KeyData>;
+        "gn-AllPagesPanel": Record<"menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", import("@gravity-ui/i18n").KeyData>;
     };
 };
 export default _default;

package/build/esm/components/AsideHeader/components/AllPagesPanel/i18n/ru.json.js

@@ -1,11 +1,9 @@
 var ru = {
 	"menu-item.all-pages.title": "Все страницы",
 	"all-panel.menu.category.allOther": "Остальное",
-	"all-panel.resetToDefault": "По умолчанию",
+	"all-panel.resetToDefault": "Сбросить по умолчанию",
 	"all-panel.title.editing": "Настройка панели меню",
-	"all-panel.title.main": "Все страницы",
-	"all-panel.item.pin": "Закрепить",
-	"all-panel.item.unpin": "Открепить"
+	"all-panel.title.main": "Все страницы"
 };
 
 export { ru as default };

package/build/esm/components/AsideHeader/components/AllPagesPanel/i18n/ru.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface AsideDividerProps extends React.HTMLAttributes<HTMLElement> {
+    transitionId: string;
+    as?: 'div' | 'span';
+}
+export declare function AsideDivider({ transitionId, as: Component, ...props }: AsideDividerProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import { __rest } from 'tslib';
+import React__default from 'react';
+
+// Common registration for every built-in horizontal aside separator.
+function AsideDivider(_a) {
+    var { transitionId, as: Component = 'span' } = _a, props = __rest(_a, ["transitionId", "as"]);
+    return React__default.createElement(Component, Object.assign({}, props, { "data-gn-aside-divider": transitionId, "aria-hidden": "true" }));
+}
+
+export { AsideDivider };
+//# sourceMappingURL=AsideDivider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AsideDivider.js","sources":["../../../../../../src/components/AsideHeader/components/AsideDivider.tsx"],"sourcesContent":["import React from 'react';\n\ninterface AsideDividerProps extends React.HTMLAttributes<HTMLElement> {\n    transitionId: string;\n    as?: 'div' | 'span';\n}\n\n// Common registration for every built-in horizontal aside separator.\nexport function AsideDivider({transitionId, as: Component = 'span', ...props}: AsideDividerProps) {\n    return <Component {...props} data-gn-aside-divider={transitionId} aria-hidden=\"true\" />;\n}\n"],"names":["React"],"mappings":";;;AAOA;AACM,SAAU,YAAY,CAAC,EAAmE,EAAA;AAAnE,IAAA,IAAA,EAAC,YAAY,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,EAAA,GAAA,EAA8B,EAAzB,KAAK,GAA/C,MAAA,CAAA,EAAA,EAAA,CAAA,cAAA,EAAA,IAAA,CAAgD,CAAD;IACxE,OAAOA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,6BAAyB,YAAY,EAAA,aAAA,EAAc,MAAM,EAAA,CAAA,CAAG;AAC3F;;;;"}

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

@@ -1 +1 @@
-.CollapseButton-module__gn-collapse-button___93DwB{--_--focus-outline-color:var(--g-color-line-focus);--_--focus-outline-offset:0;align-items:center;background:none;border:none;border-top:1px solid var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));box-sizing:content-box;color:inherit;cursor:pointer;display:flex;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);justify-content:center;min-height:20px;outline:none;padding:0;position:relative;width:100%}.CollapseButton-module__gn-collapse-button___93DwB:before{content:"";inset:0 2px 2px;position:absolute;z-index:-1}.CollapseButton-module__gn-collapse-button___93DwB:focus-visible:before{outline:var(--_--focus-outline-color) solid 2px;outline-offset:var(--_--focus-outline-offset)}.CollapseButton-module__gn-collapse-button___93DwB:not(.CollapseButton-module__gn-collapse-button_compact___IaLr3) .CollapseButton-module__gn-collapse-button__icon___iMooT{transform:rotate(180deg)}.CollapseButton-module__gn-collapse-button___93DwB:hover .CollapseButton-module__gn-collapse-button__icon___iMooT{color:var(--g-color-text-primary)}.CollapseButton-module__gn-collapse-button__icon___iMooT{color:var(--g-color-text-secondary)}
+.CollapseButton-module__gn-collapse-button___93DwB{align-items:center;background:none;border:none;border-radius:inherit;color:inherit;color:var(--g-color-text-secondary);cursor:pointer;display:flex;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);height:100%;justify-content:center;opacity:1;outline:none;padding:0;pointer-events:auto;transform:translateX(0);transition:opacity .15s ease-in-out,transform .15s ease-in-out;width:100%}[dir=rtl] .CollapseButton-module__gn-collapse-button___93DwB{--_--collapse-appearance-shift:2px;--_--collapse-icon-direction:-1}.CollapseButton-module__gn-collapse-button_compact___IaLr3{background:var(--gn-aside-header-collapsed-background-color,var(--gn-aside-header-background-color,var(--g-color-base-background)));opacity:0;transform:translateX(var(--_--collapse-appearance-shift,-2px))}.CollapseButton-module__gn-collapse-button__icon___iMooT{transform:scaleX(var(--_--collapse-icon-direction,1))}.CollapseButton-module__gn-collapse-button___93DwB:not(.CollapseButton-module__gn-collapse-button_compact___IaLr3) .CollapseButton-module__gn-collapse-button__icon___iMooT{transform:rotate(180deg) scaleX(var(--_--collapse-icon-direction,1))}.CollapseButton-module__gn-collapse-button___93DwB:hover{background-image:linear-gradient(var(--g-color-base-simple-hover),var(--g-color-base-simple-hover));color:var(--g-color-text-primary)}.CollapseButton-module__gn-collapse-button___93DwB:focus-visible{outline:2px solid var(--g-color-line-focus);outline-offset:-2px}.CollapseButton-module__gn-collapse-button__layer___LGd74{flex:0 0 0;height:100vh;margin-top:var(--gn-top-alert-height,0);max-height:calc(100vh - var(--gn-top-alert-height, 0));min-width:0;overflow:visible;pointer-events:none;position:sticky;top:var(--gn-top-alert-height,0);width:0;z-index:calc(var(--gn-aside-header-z-index, 100) + 1)}.CollapseButton-module__gn-collapse-button__slot___3aLNr{border-radius:8px;bottom:var(--g-spacing-2);height:var(--_--gn-aside-header-density-footer-item-height,32px);inset-inline-end:var(--_--item-margin-inline);position:absolute;transition:var(--_--gn-aside-collapse-geometry-transition);width:24px}.CollapseButton-module__gn-collapse-button__slot_compact___RFdrh{border-radius:12px;inset-inline-end:-10px;width:20px}[data-gn-aside-panel]:hover+[data-gn-aside-collapse-layer] .CollapseButton-module__gn-collapse-button___93DwB, [data-gn-aside-panel][data-gn-aside-animating]+[data-gn-aside-collapse-layer] .CollapseButton-module__gn-collapse-button___93DwB{opacity:1;transform:none}.CollapseButton-module__gn-collapse-button___93DwB:focus-visible, .CollapseButton-module__gn-collapse-button___93DwB:hover{opacity:1;transform:none}@media (hover:none){.CollapseButton-module__gn-collapse-button___93DwB{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.CollapseButton-module__gn-collapse-button___93DwB, .CollapseButton-module__gn-collapse-button__slot___3aLNr{transition:none}}

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

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

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

@@ -1,27 +1,31 @@
 import './CollapseButton.css';
 import React__default, { useCallback } from 'react';
+import { ChevronRight } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';
 import { createBlock } from '../../../utils/cn.js';
 import { useAsideHeaderInnerContext } from '../../AsideHeaderContext.js';
 import i18n from '../../i18n/index.js';
-import SvgControlMenuButton from '../../../../assets/icons/control-menu-button.svg.js';
 import styles from './CollapseButton.module.scss.js';
 
 const b = createBlock('collapse-button', styles);
-const CollapseButton = ({ className }) => {
+const CollapseButton = ({ className, panelId, slotRef }) => {
     const { onChangeCompact, compact, expandTitle, collapseTitle, collapseButtonWrapper } = useAsideHeaderInnerContext();
+    // The button reverses the target state: pressing it while the collapse or
+    // expand transition runs must switch the direction instead of re-applying
+    // the command the transition is already moving towards.
     const onCollapseButtonClick = useCallback(() => {
         onChangeCompact === null || onChangeCompact === undefined ? undefined : onChangeCompact(!compact);
     }, [compact, onChangeCompact]);
     const buttonTitle = compact
         ? expandTitle || i18n('button_expand')
         : collapseTitle || i18n('button_collapse');
-    const defaultButton = (React__default.createElement("button", { className: b({ compact }, className), onClick: onCollapseButtonClick, title: buttonTitle },
-        React__default.createElement(Icon, { data: SvgControlMenuButton, className: b('icon'), width: "16", height: "10" })));
-    if (collapseButtonWrapper) {
-        return collapseButtonWrapper(defaultButton, { compact, onChangeCompact });
-    }
-    return defaultButton;
+    const defaultButton = (React__default.createElement("button", { className: b({ compact }, className), onClick: onCollapseButtonClick, title: buttonTitle, type: "button", "aria-controls": panelId, "aria-expanded": !compact },
+        React__default.createElement(Icon, { data: ChevronRight, className: b('icon'), size: 16 })));
+    const button = collapseButtonWrapper
+        ? collapseButtonWrapper(defaultButton, { compact, onChangeCompact })
+        : defaultButton;
+    return (React__default.createElement("div", { "data-gn-aside-collapse-layer": true, className: b('layer', { compact }) },
+        React__default.createElement("div", { "data-gn-aside-collapse-slot": true, className: b('slot', { compact }), ref: slotRef }, button)));
 };
 
 export { CollapseButton };

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

@@ -1 +1 @@
-{"version":3,"file":"CollapseButton.js","sources":["../../../../../../../src/components/AsideHeader/components/CollapseButton/CollapseButton.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../../utils/cn';\nimport {useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport i18n from '../../i18n';\n\nimport controlMenuButtonIcon from '../../../../../assets/icons/control-menu-button.svg';\n\nimport styles from './CollapseButton.module.scss';\n\nconst b = createBlock('collapse-button', styles);\n\ninterface CollapseButtonProps {\n    className?: string;\n}\n\nexport const CollapseButton = ({className}: CollapseButtonProps) => {\n    const {onChangeCompact, compact, expandTitle, collapseTitle, collapseButtonWrapper} =\n        useAsideHeaderInnerContext();\n\n    const onCollapseButtonClick = useCallback(() => {\n        onChangeCompact?.(!compact);\n    }, [compact, onChangeCompact]);\n\n    const buttonTitle = compact\n        ? expandTitle || i18n('button_expand')\n        : collapseTitle || i18n('button_collapse');\n\n    const defaultButton = (\n        <button\n            className={b({compact}, className)}\n            onClick={onCollapseButtonClick}\n            title={buttonTitle}\n        >\n            <Icon data={controlMenuButtonIcon} className={b('icon')} width=\"16\" height=\"10\" />\n        </button>\n    );\n\n    if (collapseButtonWrapper) {\n        return collapseButtonWrapper(defaultButton, {compact, onChangeCompact});\n    }\n\n    return defaultButton;\n};\n"],"names":["React","controlMenuButtonIcon"],"mappings":";;;;;;;;AAYA,MAAM,CAAC,GAAG,WAAW,CAAC,iBAAiB,EAAE,MAAM,CAAC;MAMnC,cAAc,GAAG,CAAC,EAAC,SAAS,EAAsB,KAAI;AAC/D,IAAA,MAAM,EAAC,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,qBAAqB,EAAC,GAC/E,0BAA0B,EAAE;AAEhC,IAAA,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAK;QAC3C,eAAe,KAAA,IAAA,IAAf,eAAe,KAAf,SAAA,GAAA,SAAA,GAAA,eAAe,CAAG,CAAC,OAAO,CAAC;AAC/B,KAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAE9B,MAAM,WAAW,GAAG;AAChB,UAAE,WAAW,IAAI,IAAI,CAAC,eAAe;AACrC,UAAE,aAAa,IAAI,IAAI,CAAC,iBAAiB,CAAC;IAE9C,MAAM,aAAa,IACfA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,EAAE,SAAS,CAAC,EAClC,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAE,WAAW,EAAA;QAElBA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAEC,oBAAqB,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAA,CAAG,CAC7E,CACZ;IAED,IAAI,qBAAqB,EAAE;QACvB,OAAO,qBAAqB,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC;;AAG3E,IAAA,OAAO,aAAa;AACxB;;;;"}
+{"version":3,"file":"CollapseButton.js","sources":["../../../../../../../src/components/AsideHeader/components/CollapseButton/CollapseButton.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\n\nimport {ChevronRight} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../../utils/cn';\nimport {useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport i18n from '../../i18n';\n\nimport styles from './CollapseButton.module.scss';\n\nconst b = createBlock('collapse-button', styles);\n\ninterface CollapseButtonProps {\n    panelId: string;\n    slotRef: React.RefObject<HTMLDivElement>;\n    className?: string;\n}\n\nexport const CollapseButton = ({className, panelId, slotRef}: CollapseButtonProps) => {\n    const {onChangeCompact, compact, expandTitle, collapseTitle, collapseButtonWrapper} =\n        useAsideHeaderInnerContext();\n\n    // The button reverses the target state: pressing it while the collapse or\n    // expand transition runs must switch the direction instead of re-applying\n    // the command the transition is already moving towards.\n    const onCollapseButtonClick = useCallback(() => {\n        onChangeCompact?.(!compact);\n    }, [compact, onChangeCompact]);\n\n    const buttonTitle = compact\n        ? expandTitle || i18n('button_expand')\n        : collapseTitle || i18n('button_collapse');\n\n    const defaultButton = (\n        <button\n            className={b({compact}, className)}\n            onClick={onCollapseButtonClick}\n            title={buttonTitle}\n            type=\"button\"\n            aria-controls={panelId}\n            aria-expanded={!compact}\n        >\n            <Icon data={ChevronRight} className={b('icon')} size={16} />\n        </button>\n    );\n\n    const button = collapseButtonWrapper\n        ? collapseButtonWrapper(defaultButton, {compact, onChangeCompact})\n        : defaultButton;\n\n    return (\n        <div data-gn-aside-collapse-layer className={b('layer', {compact})}>\n            <div data-gn-aside-collapse-slot className={b('slot', {compact})} ref={slotRef}>\n                {button}\n            </div>\n        </div>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAWA,MAAM,CAAC,GAAG,WAAW,CAAC,iBAAiB,EAAE,MAAM,CAAC;AAQzC,MAAM,cAAc,GAAG,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAsB,KAAI;AACjF,IAAA,MAAM,EAAC,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,qBAAqB,EAAC,GAC/E,0BAA0B,EAAE;;;;AAKhC,IAAA,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAK;QAC3C,eAAe,KAAA,IAAA,IAAf,eAAe,KAAf,SAAA,GAAA,SAAA,GAAA,eAAe,CAAG,CAAC,OAAO,CAAC;AAC/B,KAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAE9B,MAAM,WAAW,GAAG;AAChB,UAAE,WAAW,IAAI,IAAI,CAAC,eAAe;AACrC,UAAE,aAAa,IAAI,IAAI,CAAC,iBAAiB,CAAC;AAE9C,IAAA,MAAM,aAAa,IACfA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,EAAE,SAAS,CAAC,EAClC,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,QAAQ,EAAA,eAAA,EACE,OAAO,EAAA,eAAA,EACP,CAAC,OAAO,EAAA;AAEvB,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAI,CAAA,CACvD,CACZ;IAED,MAAM,MAAM,GAAG;UACT,qBAAqB,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,eAAe,EAAC;UAC/D,aAAa;IAEnB,QACIA,cAAkC,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,8BAAA,EAAA,IAAA,EAAA,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAC,CAAC,EAAA;AAC9D,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,6BAAA,EAAA,IAAA,EAAiC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,OAAO,EAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAA,EACzE,MAAM,CACL,CACJ;AAEd;;;;"}

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

@@ -1,4 +1,4 @@
-var styles = {"gn-collapse-button":"CollapseButton-module__gn-collapse-button___93DwB","gnCollapseButton":"CollapseButton-module__gn-collapse-button___93DwB","gn-collapse-button_compact":"CollapseButton-module__gn-collapse-button_compact___IaLr3","gnCollapseButtonCompact":"CollapseButton-module__gn-collapse-button_compact___IaLr3","gn-collapse-button__icon":"CollapseButton-module__gn-collapse-button__icon___iMooT","gnCollapseButtonIcon":"CollapseButton-module__gn-collapse-button__icon___iMooT"};
+var styles = {"gn-collapse-button":"CollapseButton-module__gn-collapse-button___93DwB","gnCollapseButton":"CollapseButton-module__gn-collapse-button___93DwB","gn-collapse-button_compact":"CollapseButton-module__gn-collapse-button_compact___IaLr3","gnCollapseButtonCompact":"CollapseButton-module__gn-collapse-button_compact___IaLr3","gn-collapse-button__icon":"CollapseButton-module__gn-collapse-button__icon___iMooT","gnCollapseButtonIcon":"CollapseButton-module__gn-collapse-button__icon___iMooT","gn-collapse-button__layer":"CollapseButton-module__gn-collapse-button__layer___LGd74","gnCollapseButtonLayer":"CollapseButton-module__gn-collapse-button__layer___LGd74","gn-collapse-button__slot":"CollapseButton-module__gn-collapse-button__slot___3aLNr","gnCollapseButtonSlot":"CollapseButton-module__gn-collapse-button__slot___3aLNr","gn-collapse-button__slot_compact":"CollapseButton-module__gn-collapse-button__slot_compact___RFdrh","gnCollapseButtonSlotCompact":"CollapseButton-module__gn-collapse-button__slot_compact___RFdrh"};
 
 export { styles as default };
 //# sourceMappingURL=CollapseButton.module.scss.js.map

package/build/esm/components/AsideHeader/components/CollapseButton/useCollapseAnchor.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface Registration {
+    register: (element: HTMLElement, id: symbol) => () => void;
+    selectedId: symbol | undefined;
+    compact: boolean;
+}
+export declare const CollapseAnchorContext: React.Context<Registration | undefined>;
+export declare function useCollapseAnchor(enabled: boolean, compact: boolean): {
+    panelRef: React.RefObject<HTMLDivElement>;
+    footerRef: React.RefObject<HTMLDivElement>;
+    slotRef: React.RefObject<HTMLDivElement>;
+    fallbackRef: React.RefObject<HTMLDivElement>;
+    selected: HTMLElement | null;
+    context: {
+        register: (element: HTMLElement, id: symbol) => () => void;
+        selectedId: symbol | undefined;
+        compact: boolean;
+    } | undefined;
+};
+export {};

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

@@ -0,0 +1,167 @@
+import React__default from 'react';
+
+const CollapseAnchorContext = React__default.createContext(undefined);
+// offset geometry deliberately excludes the coordinator's in-flight transforms.
+function layoutTop(element, panel) {
+    let top = 0;
+    let current = element;
+    while (current && current !== panel) {
+        top += current.offsetTop;
+        current = current.offsetParent;
+    }
+    // Fixed-position descendants can leave this offset chain. Never treat their
+    // partial viewport-relative offset as a position inside the aside.
+    return current === panel ? top : null;
+}
+function visible(element, footer) {
+    for (let current = element; current; current = current.parentElement) {
+        const style = getComputedStyle(current);
+        if (current.hidden ||
+            style.display === 'none' ||
+            style.visibility === 'hidden' ||
+            style.visibility === 'collapse')
+            return false;
+        if (current === footer)
+            return true;
+    }
+    return false;
+}
+function useCollapseAnchor(enabled, compact) {
+    var _a;
+    const panelRef = React__default.useRef(null);
+    const footerRef = React__default.useRef(null);
+    const slotRef = React__default.useRef(null);
+    const fallbackRef = React__default.useRef(null);
+    const rows = React__default.useRef(new Map());
+    const reconcileRef = React__default.useRef();
+    const [selection, setSelection] = React__default.useState(null);
+    const selectionRef = React__default.useRef(null);
+    const register = React__default.useCallback((element, id) => {
+        var _a;
+        rows.current.set(element, id);
+        (_a = reconcileRef.current) === null || _a === undefined ? undefined : _a.call(reconcileRef);
+        return () => {
+            var _a;
+            rows.current.delete(element);
+            (_a = reconcileRef.current) === null || _a === undefined ? undefined : _a.call(reconcileRef);
+        };
+    }, []);
+    React__default.useLayoutEffect(() => {
+        if (!enabled || !panelRef.current || !footerRef.current) {
+            setSelection(null);
+            return undefined;
+        }
+        const panel = panelRef.current;
+        const footer = footerRef.current;
+        const heights = new WeakMap();
+        const resize = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(handleResize);
+        const measure = () => {
+            var _a, _b;
+            const row = (_b = (_a = selectionRef.current) === null || _a === undefined ? undefined : _a.element) !== null && _b !== undefined ? _b : fallbackRef.current;
+            const slot = slotRef.current;
+            if (!row || !slot)
+                return;
+            const rowTop = layoutTop(row, panel);
+            if (rowTop === null) {
+                slot.style.removeProperty('top');
+                slot.style.removeProperty('bottom');
+                return;
+            }
+            const top = rowTop + (row.offsetHeight - slot.offsetHeight) / 2;
+            slot.style.top = `${top}px`;
+            slot.style.bottom = 'auto';
+        };
+        function reconcile() {
+            var _a, _b, _c, _d, _e;
+            let last = null;
+            rows.current.forEach((_id, row) => {
+                if (!footer.contains(row) || !visible(row, footer))
+                    return;
+                // DOM order can change without registration order changing.
+                // eslint-disable-next-line no-bitwise
+                if (!last || last.compareDocumentPosition(row) & Node.DOCUMENT_POSITION_FOLLOWING)
+                    last = row;
+            });
+            const id = last ? rows.current.get(last) : undefined;
+            if (last !== ((_b = (_a = selectionRef.current) === null || _a === undefined ? undefined : _a.element) !== null && _b !== undefined ? _b : null) ||
+                id !== ((_c = selectionRef.current) === null || _c === undefined ? undefined : _c.id)) {
+                if (selectionRef.current) {
+                    resize === null || resize === undefined ? undefined : resize.unobserve(selectionRef.current.element);
+                    selectionRef.current.element.removeAttribute('data-gn-collapse-anchor');
+                }
+                // Changing the anchor invalidates only the slot's Y effect.
+                (_e = (_d = slotRef.current) === null || _d === undefined ? undefined : _d.getAnimations) === null || _e === undefined ? undefined : _e.call(_d).forEach((animation) => {
+                    if (!('transitionProperty' in animation))
+                        animation.cancel();
+                });
+                const next = last && id ? { element: last, id } : null;
+                selectionRef.current = next;
+                if (next) {
+                    next.element.setAttribute('data-gn-collapse-anchor', '');
+                    resize === null || resize === undefined ? undefined : resize.observe(next.element);
+                }
+                setSelection(next);
+            }
+            measure();
+        }
+        function handleResize(entries) {
+            let heightChanged = false;
+            entries.forEach(({ target, contentRect }) => {
+                if (heights.get(target) !== contentRect.height)
+                    heightChanged = true;
+                heights.set(target, contentRect.height);
+            });
+            // The flex layout tracks horizontal movement. Only a height change
+            // requires vertical measurement during the compact width transition.
+            if (entries.length && !heightChanged && panel.hasAttribute('data-gn-aside-animating'))
+                return;
+            // Idle resizes may change CSS visibility without a DOM mutation.
+            reconcile();
+        }
+        resize === null || resize === undefined ? undefined : resize.observe(panel);
+        resize === null || resize === undefined ? undefined : resize.observe(footer);
+        reconcileRef.current = reconcile;
+        reconcile();
+        const finishWidthTransition = (event) => {
+            if (event.target === panel && event.propertyName === 'width')
+                reconcile();
+        };
+        // Recheck CSS-only visibility after the width-only notifications skipped
+        // above, even when the last resize precedes the coordinator's cleanup.
+        panel.addEventListener('transitionend', finishWidthTransition);
+        panel.addEventListener('transitioncancel', finishWidthTransition);
+        const mutations = new MutationObserver(reconcile);
+        mutations.observe(footer, {
+            subtree: true,
+            childList: true,
+            attributes: true,
+            attributeFilter: ['hidden', 'style', 'class'],
+        });
+        return () => {
+            var _a;
+            reconcileRef.current = undefined;
+            resize === null || resize === undefined ? undefined : resize.disconnect();
+            mutations.disconnect();
+            panel.removeEventListener('transitionend', finishWidthTransition);
+            panel.removeEventListener('transitioncancel', finishWidthTransition);
+            (_a = selectionRef.current) === null || _a === undefined ? undefined : _a.element.removeAttribute('data-gn-collapse-anchor');
+            selectionRef.current = null;
+        };
+    }, [enabled]);
+    React__default.useLayoutEffect(() => {
+        var _a;
+        (_a = reconcileRef.current) === null || _a === undefined ? undefined : _a.call(reconcileRef);
+    });
+    const context = React__default.useMemo(() => (enabled ? { register, selectedId: selection === null || selection === undefined ? undefined : selection.id, compact } : undefined), [enabled, register, selection, compact]);
+    return {
+        panelRef,
+        footerRef,
+        slotRef,
+        fallbackRef,
+        selected: (_a = selection === null || selection === undefined ? undefined : selection.element) !== null && _a !== undefined ? _a : null,
+        context,
+    };
+}
+
+export { CollapseAnchorContext, useCollapseAnchor };
+//# sourceMappingURL=useCollapseAnchor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapseAnchor.js","sources":["../../../../../../../src/components/AsideHeader/components/CollapseButton/useCollapseAnchor.tsx"],"sourcesContent":["import React from 'react';\n\ninterface Registration {\n    register: (element: HTMLElement, id: symbol) => () => void;\n    selectedId: symbol | undefined;\n    compact: boolean;\n}\n\ninterface Selection {\n    element: HTMLElement;\n    id: symbol;\n}\n\nexport const CollapseAnchorContext = React.createContext<Registration | undefined>(undefined);\n\n// offset geometry deliberately excludes the coordinator's in-flight transforms.\nfunction layoutTop(element: HTMLElement, panel: HTMLElement) {\n    let top = 0;\n    let current: HTMLElement | null = element;\n    while (current && current !== panel) {\n        top += current.offsetTop;\n        current = current.offsetParent as HTMLElement | null;\n    }\n    // Fixed-position descendants can leave this offset chain. Never treat their\n    // partial viewport-relative offset as a position inside the aside.\n    return current === panel ? top : null;\n}\n\nfunction visible(element: HTMLElement, footer: HTMLElement) {\n    for (let current: HTMLElement | null = element; current; current = current.parentElement) {\n        const style = getComputedStyle(current);\n        if (\n            current.hidden ||\n            style.display === 'none' ||\n            style.visibility === 'hidden' ||\n            style.visibility === 'collapse'\n        )\n            return false;\n        if (current === footer) return true;\n    }\n    return false;\n}\n\nexport function useCollapseAnchor(enabled: boolean, compact: boolean) {\n    const panelRef = React.useRef<HTMLDivElement>(null);\n    const footerRef = React.useRef<HTMLDivElement>(null);\n    const slotRef = React.useRef<HTMLDivElement>(null);\n    const fallbackRef = React.useRef<HTMLDivElement>(null);\n    const rows = React.useRef(new Map<HTMLElement, symbol>());\n    const reconcileRef = React.useRef<() => void>();\n    const [selection, setSelection] = React.useState<Selection | null>(null);\n    const selectionRef = React.useRef<Selection | null>(null);\n    const register = React.useCallback((element: HTMLElement, id: symbol) => {\n        rows.current.set(element, id);\n        reconcileRef.current?.();\n        return () => {\n            rows.current.delete(element);\n            reconcileRef.current?.();\n        };\n    }, []);\n\n    React.useLayoutEffect(() => {\n        if (!enabled || !panelRef.current || !footerRef.current) {\n            setSelection(null);\n            return undefined;\n        }\n        const panel = panelRef.current;\n        const footer = footerRef.current;\n        const heights = new WeakMap<Element, number>();\n        const resize =\n            typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(handleResize);\n        const measure = () => {\n            const row = selectionRef.current?.element ?? fallbackRef.current;\n            const slot = slotRef.current;\n            if (!row || !slot) return;\n            const rowTop = layoutTop(row, panel);\n            if (rowTop === null) {\n                slot.style.removeProperty('top');\n                slot.style.removeProperty('bottom');\n                return;\n            }\n            const top = rowTop + (row.offsetHeight - slot.offsetHeight) / 2;\n            slot.style.top = `${top}px`;\n            slot.style.bottom = 'auto';\n        };\n        function reconcile() {\n            let last: HTMLElement | null = null;\n            rows.current.forEach((_id, row) => {\n                if (!footer.contains(row) || !visible(row, footer)) return;\n                // DOM order can change without registration order changing.\n                // eslint-disable-next-line no-bitwise\n                if (!last || last.compareDocumentPosition(row) & Node.DOCUMENT_POSITION_FOLLOWING)\n                    last = row;\n            });\n            const id = last ? rows.current.get(last) : undefined;\n            if (\n                last !== (selectionRef.current?.element ?? null) ||\n                id !== selectionRef.current?.id\n            ) {\n                if (selectionRef.current) {\n                    resize?.unobserve(selectionRef.current.element);\n                    selectionRef.current.element.removeAttribute('data-gn-collapse-anchor');\n                }\n                // Changing the anchor invalidates only the slot's Y effect.\n                slotRef.current?.getAnimations?.().forEach((animation) => {\n                    if (!('transitionProperty' in animation)) animation.cancel();\n                });\n                const next: Selection | null = last && id ? {element: last, id} : null;\n                selectionRef.current = next;\n                if (next) {\n                    next.element.setAttribute('data-gn-collapse-anchor', '');\n                    resize?.observe(next.element);\n                }\n                setSelection(next);\n            }\n            measure();\n        }\n        function handleResize(entries: ResizeObserverEntry[]) {\n            let heightChanged = false;\n            entries.forEach(({target, contentRect}) => {\n                if (heights.get(target) !== contentRect.height) heightChanged = true;\n                heights.set(target, contentRect.height);\n            });\n            // The flex layout tracks horizontal movement. Only a height change\n            // requires vertical measurement during the compact width transition.\n            if (entries.length && !heightChanged && panel.hasAttribute('data-gn-aside-animating'))\n                return;\n            // Idle resizes may change CSS visibility without a DOM mutation.\n            reconcile();\n        }\n        resize?.observe(panel);\n        resize?.observe(footer);\n        reconcileRef.current = reconcile;\n        reconcile();\n        const finishWidthTransition = (event: TransitionEvent) => {\n            if (event.target === panel && event.propertyName === 'width') reconcile();\n        };\n        // Recheck CSS-only visibility after the width-only notifications skipped\n        // above, even when the last resize precedes the coordinator's cleanup.\n        panel.addEventListener('transitionend', finishWidthTransition);\n        panel.addEventListener('transitioncancel', finishWidthTransition);\n        const mutations = new MutationObserver(reconcile);\n        mutations.observe(footer, {\n            subtree: true,\n            childList: true,\n            attributes: true,\n            attributeFilter: ['hidden', 'style', 'class'],\n        });\n        return () => {\n            reconcileRef.current = undefined;\n            resize?.disconnect();\n            mutations.disconnect();\n            panel.removeEventListener('transitionend', finishWidthTransition);\n            panel.removeEventListener('transitioncancel', finishWidthTransition);\n            selectionRef.current?.element.removeAttribute('data-gn-collapse-anchor');\n            selectionRef.current = null;\n        };\n    }, [enabled]);\n    React.useLayoutEffect(() => {\n        reconcileRef.current?.();\n    });\n    const context = React.useMemo(\n        () => (enabled ? {register, selectedId: selection?.id, compact} : undefined),\n        [enabled, register, selection, compact],\n    );\n    return {\n        panelRef,\n        footerRef,\n        slotRef,\n        fallbackRef,\n        selected: selection?.element ?? null,\n        context,\n    };\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -1 +1,3 @@
-.CompositeBar-module__gn-composite-bar___WoCDY{flex:1 0 auto;min-height:40px;width:100%}.CompositeBar-module__gn-composite-bar___WoCDY .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]{background-color:transparent}.CompositeBar-module__gn-composite-bar__menu-group___3hCzS{display:flex;flex-direction:column;width:100%}.CompositeBar-module__gn-composite-bar__menu-group-header___Yvr21[class]{box-sizing:border-box;flex:0 0 auto;min-height:40px;width:100%}.CompositeBar-module__gn-composite-bar__menu-group-nested-item___9gea-[class]{padding-inline-start:var(--g-spacing-3);position:relative}.CompositeBar-module__gn-composite-bar__menu-group-nested-list-item___-IygH[class]{background-color:transparent;overflow:visible;position:relative}.CompositeBar-module__gn-composite-bar__menu-group-nested-connector___uiegb{box-sizing:content-box;display:flex;pointer-events:none;position:relative;width:16px}.CompositeBar-module__gn-composite-bar__menu-group-nested-connector___uiegb:before{background:var(--gn-aside-header-menu-group-tree-line-color,#c1c3c7);bottom:0;content:"";height:100%;inset-inline-start:calc(50% - .5px);pointer-events:none;position:absolute;top:0;width:1px}.CompositeBar-module__gn-composite-bar__menu-group-nested-connector_spine-active___qVoAX:before{background:var(--gn-aside-header-menu-group-tree-line-active-color,var(--g-color-base-brand));z-index:1}.CompositeBar-module__gn-composite-bar__menu-group-nested-list-item___-IygH:last-child .CompositeBar-module__gn-composite-bar__menu-group-nested-connector___uiegb:before{display:none}.CompositeBar-module__gn-composite-bar__menu-group-nested-tree-svg___FJny7{fill:none;stroke:var(--gn-aside-header-menu-group-tree-line-color,#c1c3c7);display:block;flex-shrink:0;height:40px;max-width:16px;min-width:16px;position:relative}.CompositeBar-module__gn-composite-bar__menu-group-nested-tree-svg_active___Gmthf{stroke:var(--gn-aside-header-menu-group-tree-line-active-color,var(--g-color-base-brand))}.CompositeBar-module__gn-composite-bar__menu-group-nested-row-inner___jJLTe{height:100%;min-width:0;width:100%}
+.CompositeBar-module__gn-composite-bar___WoCDY{--_--menu-group-tree-connector-width:16px;--_--menu-item-gap:0px;flex:1 0 auto;min-height:var(--_--gn-aside-header-density-item-height,40px);width:100%}.CompositeBar-module__gn-composite-bar___WoCDY .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]{background-color:transparent}.CompositeBar-module__gn-composite-bar_inline-groups___BsraQ .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class], .CompositeBar-module__gn-composite-bar_quick-access___zNlSe .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class]{background:none;box-sizing:border-box;overflow:visible;padding-block-end:var(--_--menu-item-gap);position:relative}.CompositeBar-module__gn-composite-bar_inline-groups___BsraQ .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class].g-list__item_active, .CompositeBar-module__gn-composite-bar_inline-groups___BsraQ .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class].g-list__item_active.g-list__item_selected, .CompositeBar-module__gn-composite-bar_inline-groups___BsraQ .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class].g-list__item_selected, .CompositeBar-module__gn-composite-bar_quick-access___zNlSe .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class].g-list__item_active, .CompositeBar-module__gn-composite-bar_quick-access___zNlSe .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class].g-list__item_active.g-list__item_selected, .CompositeBar-module__gn-composite-bar_quick-access___zNlSe .CompositeBar-module__gn-composite-bar__root-menu-item___oxCuF[class].g-list__item_selected{background:none}.CompositeBar-module__gn-composite-bar_inline-groups___BsraQ{--_--menu-item-gap:1px}.CompositeBar-module__gn-composite-bar_quick-access___zNlSe{--_--menu-item-gap:1px;--gn-aside-header-item-icon-color:var(
+      --gn-aside-header-general-item-icon-color,var(--g-color-text-primary)
+  );flex:none}.CompositeBar-module__gn-composite-bar__menu-group___3hCzS{display:flex;flex-direction:column;width:100%}.CompositeBar-module__gn-composite-bar__menu-group-header___Yvr21[class]{box-sizing:border-box;flex:0 0 auto;min-height:var(--_--gn-aside-header-density-item-height,40px);width:100%}.CompositeBar-module__gn-composite-bar__menu-group-nested-item___9gea-[class]{position:relative}.CompositeBar-module__gn-composite-bar__menu-group-nested-item___9gea-[class] .CompositeBar-module__gn-composite-bar__menu-group-nested-connector___uiegb{inset-block:0;inset-inline-start:calc(var(--_--gn-aside-header-density-item-height, 40px)/2 - 8px);position:absolute}.CompositeBar-module__gn-composite-bar__menu-group-nested-list-item___-IygH[class]>.g-list__item-content{overflow:visible}.CompositeBar-module__gn-composite-bar__menu-group-nested-list-item___-IygH[class]{background-color:transparent;box-sizing:border-box;overflow:visible;padding-block-end:var(--_--menu-item-gap);position:relative}.CompositeBar-module__gn-composite-bar__menu-group-nested-list-item___-IygH[class].g-list__item_active, .CompositeBar-module__gn-composite-bar__menu-group-nested-list-item___-IygH[class].g-list__item_active.g-list__item_selected, .CompositeBar-module__gn-composite-bar__menu-group-nested-list-item___-IygH[class].g-list__item_selected{background-color:transparent}.CompositeBar-module__gn-composite-bar__menu-group-nested-list-item___-IygH:not(:last-child) .CompositeBar-module__gn-composite-bar__menu-group-nested-connector___uiegb:after{background:var(--gn-aside-header-menu-group-tree-line-color,#c1c3c7);bottom:calc(var(--_--menu-item-gap)*-1);content:"";inset-inline-start:calc(50% - .5px);pointer-events:none;position:absolute;top:0;width:1px;z-index:-1}.CompositeBar-module__gn-composite-bar__menu-group-nested-connector___uiegb{box-sizing:content-box;display:flex;isolation:isolate;overflow:visible;pointer-events:none;position:relative;width:16px}.CompositeBar-module__gn-composite-bar__menu-group-nested-connector_spine-active___qVoAX:before{background:var(--gn-aside-header-menu-group-tree-line-active-color,var(--g-color-base-brand));bottom:calc(var(--_--menu-item-gap)*-1);content:"";inset-inline-start:calc(50% - .5px);pointer-events:none;position:absolute;top:0;width:1px;z-index:1}.CompositeBar-module__gn-composite-bar__menu-group-nested-tree-svg___FJny7{fill:none;stroke:var(--gn-aside-header-menu-group-tree-line-color,#c1c3c7);display:block;flex-shrink:0;height:var(--_--gn-aside-header-density-item-height,40px);inset-block-start:calc(var(--_--menu-group-tree-connector-hook-inset-block, 50%) - var(--_--gn-aside-header-density-item-height, 40px)/2);inset-inline-start:0;max-width:16px;min-width:16px;position:absolute}.CompositeBar-module__gn-composite-bar__menu-group-nested-tree-svg_active___Gmthf{stroke:var(--gn-aside-header-menu-group-tree-line-active-color,var(--g-color-base-brand))}[dir=rtl] .CompositeBar-module__gn-composite-bar__menu-group-nested-tree-svg___FJny7{transform:scaleX(-1)}.CompositeBar-module__gn-composite-bar__menu-group-nested-row-inner___jJLTe{height:100%;min-width:0;width:100%}