@gravity-ui/navigation 1.6.2 → 1.7.0

package/build/esm/TopPanel-36ffc4c7.js

@@ -0,0 +1,76 @@
+import React__default from 'react';
+import { Alert } from '@gravity-ui/uikit';
+import { b } from './utils-6d5146c7.js';
+import { d as debounce_1 } from './debounce-64cd2b4c.js';
+import './cn-589cd9e2.js';
+import '@bem-react/classname';
+
+const G_ROOT_CLASS_NAME = 'g-root';
+const useRefHeight = (ref) => {
+    const [topHeight, setTopHeight] = React__default.useState(0);
+    React__default.useEffect(() => {
+        if (ref.current) {
+            const { current } = ref;
+            setTopHeight(current.clientHeight);
+        }
+    }, [ref]);
+    return topHeight;
+};
+const useAsideHeaderTopPanel = ({ topAlert, }) => {
+    const topRef = React__default.useRef(null);
+    const topHeight = useRefHeight(topRef);
+    const setAsideTopPanelHeight = React__default.useCallback((clientHeight) => {
+        const gRootElement = document
+            .getElementsByClassName(G_ROOT_CLASS_NAME)
+            .item(0);
+        gRootElement === null || gRootElement === void 0 ? void 0 : gRootElement.style.setProperty('--gn-aside-top-panel-height', clientHeight + 'px');
+    }, []);
+    const updateTopSize = React__default.useCallback(() => {
+        var _a;
+        if (topRef.current) {
+            setAsideTopPanelHeight(((_a = topRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0);
+        }
+    }, [topRef, setAsideTopPanelHeight]);
+    React__default.useLayoutEffect(() => {
+        const updateTopSizeDebounce = debounce_1(updateTopSize, 200, { leading: true });
+        if (topAlert) {
+            window.addEventListener('resize', updateTopSizeDebounce);
+            updateTopSizeDebounce();
+        }
+        return () => {
+            window.removeEventListener('resize', updateTopSizeDebounce);
+            setAsideTopPanelHeight(0);
+        };
+    }, [topAlert, topHeight, topRef, updateTopSize, setAsideTopPanelHeight]);
+    return {
+        topRef,
+        updateTopSize,
+    };
+};
+
+const TopPanel = ({ topAlert }) => {
+    const { topRef, updateTopSize } = useAsideHeaderTopPanel({ topAlert });
+    const [opened, setOpened] = React__default.useState(true);
+    const handleClose = React__default.useCallback(() => {
+        var _a;
+        setOpened(false);
+        (_a = topAlert === null || topAlert === void 0 ? void 0 : topAlert.onCloseTopAlert) === null || _a === void 0 ? void 0 : _a.call(topAlert);
+    }, [topAlert]);
+    React__default.useEffect(() => {
+        if (!opened) {
+            updateTopSize();
+        }
+    }, [opened, updateTopSize]);
+    if (!topAlert || !topAlert.message) {
+        return null;
+    }
+    return (React__default.createElement("div", { ref: topRef, className: b('pane-top', { opened }) }, opened && (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Alert, { className: b('pane-top-alert', {
+                centered: topAlert.centered,
+                dense: topAlert.dense,
+            }), corners: "square", layout: "horizontal", theme: topAlert.theme || 'warning', icon: topAlert.icon, title: topAlert.title, message: topAlert.message, actions: topAlert.actions, onClose: topAlert.closable ? handleClose : undefined }),
+        React__default.createElement("div", { className: b('pane-top-divider') })))));
+};
+
+export { TopPanel };
+//# sourceMappingURL=TopPanel-36ffc4c7.js.map

package/build/esm/TopPanel-36ffc4c7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopPanel-36ffc4c7.js","sources":["../../../src/components/AsideHeader/useAsideHeaderTopPanel.tsx","../../../src/components/AsideHeader/components/TopPanel.tsx"],"sourcesContent":["import React from 'react';\n\nimport debounceFn from 'lodash/debounce';\nimport {AsideHeaderTopAlertProps} from '../types';\n\ntype AsideHeaderTopPanel = {\n    topRef: React.RefObject<HTMLDivElement>;\n    updateTopSize: () => void;\n};\n\nconst G_ROOT_CLASS_NAME = 'g-root';\n\nconst useRefHeight = (ref: React.RefObject<HTMLDivElement>) => {\n    const [topHeight, setTopHeight] = React.useState(0);\n    React.useEffect(() => {\n        if (ref.current) {\n            const {current} = ref;\n            setTopHeight(current.clientHeight);\n        }\n    }, [ref]);\n    return topHeight;\n};\n\nexport const useAsideHeaderTopPanel = ({\n    topAlert,\n}: {\n    topAlert?: AsideHeaderTopAlertProps;\n}): AsideHeaderTopPanel => {\n    const topRef = React.useRef<HTMLDivElement>(null);\n    const topHeight = useRefHeight(topRef);\n\n    const setAsideTopPanelHeight = React.useCallback((clientHeight: number) => {\n        const gRootElement = document\n            .getElementsByClassName(G_ROOT_CLASS_NAME)\n            .item(0) as HTMLElement | null;\n        gRootElement?.style.setProperty('--gn-aside-top-panel-height', clientHeight + 'px');\n    }, []);\n\n    const updateTopSize = React.useCallback(() => {\n        if (topRef.current) {\n            setAsideTopPanelHeight(topRef.current?.clientHeight || 0);\n        }\n    }, [topRef, setAsideTopPanelHeight]);\n\n    React.useLayoutEffect(() => {\n        const updateTopSizeDebounce = debounceFn(updateTopSize, 200, {leading: true});\n\n        if (topAlert) {\n            window.addEventListener('resize', updateTopSizeDebounce);\n            updateTopSizeDebounce();\n        }\n        return () => {\n            window.removeEventListener('resize', updateTopSizeDebounce);\n            setAsideTopPanelHeight(0);\n        };\n    }, [topAlert, topHeight, topRef, updateTopSize, setAsideTopPanelHeight]);\n\n    return {\n        topRef,\n        updateTopSize,\n    };\n};\n","import React from 'react';\nimport {Alert} from '@gravity-ui/uikit';\n\nimport {b} from '../utils';\nimport {AsideHeaderTopAlertProps} from '../../types';\nimport {useAsideHeaderTopPanel} from '../useAsideHeaderTopPanel';\n\ntype Props = {\n    topAlert?: AsideHeaderTopAlertProps;\n};\n\nexport const TopPanel = ({topAlert}: Props) => {\n    const {topRef, updateTopSize} = useAsideHeaderTopPanel({topAlert});\n\n    const [opened, setOpened] = React.useState(true);\n\n    const handleClose = React.useCallback(() => {\n        setOpened(false);\n        topAlert?.onCloseTopAlert?.();\n    }, [topAlert]);\n\n    React.useEffect(() => {\n        if (!opened) {\n            updateTopSize();\n        }\n    }, [opened, updateTopSize]);\n\n    if (!topAlert || !topAlert.message) {\n        return null;\n    }\n\n    return (\n        <div ref={topRef} className={b('pane-top', {opened})}>\n            {opened && (\n                <React.Fragment>\n                    <Alert\n                        className={b('pane-top-alert', {\n                            centered: topAlert.centered,\n                            dense: topAlert.dense,\n                        })}\n                        corners=\"square\"\n                        layout=\"horizontal\"\n                        theme={topAlert.theme || 'warning'}\n                        icon={topAlert.icon}\n                        title={topAlert.title}\n                        message={topAlert.message}\n                        actions={topAlert.actions}\n                        onClose={topAlert.closable ? handleClose : undefined}\n                    />\n                    <div className={b('pane-top-divider')}></div>\n                </React.Fragment>\n            )}\n        </div>\n    );\n};\n"],"names":["React","debounceFn"],"mappings":"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"}

package/build/esm/cn-589cd9e2.js

@@ -0,0 +1,8 @@
+import { withNaming } from '@bem-react/classname';
+
+const NAMESPACE = 'gn-';
+withNaming({ e: '__', m: '_' });
+const block = withNaming({ n: NAMESPACE, e: '__', m: '_' });
+
+export { block as b };
+//# sourceMappingURL=cn-589cd9e2.js.map

package/build/esm/cn-589cd9e2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn-589cd9e2.js","sources":["../../../src/components/utils/cn.ts"],"sourcesContent":["import {withNaming} from '@bem-react/classname';\n\nexport type CnMods = Record<string, string | boolean | undefined>;\n\nexport const NAMESPACE = 'gn-';\n\nexport const cn = withNaming({e: '__', m: '_'});\nexport const block = withNaming({n: NAMESPACE, e: '__', m: '_'});\n\nexport type CnBlock = ReturnType<typeof cn>;\n"],"names":[],"mappings":";;AAIO,MAAM,SAAS,GAAG,KAAK,CAAC;AAEb,UAAU,CAAC,EAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,EAAE;MACnC,KAAK,GAAG,UAAU,CAAC,EAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC;;;;"}

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

@@ -1,18 +1,3 @@
 import React from 'react';
 import { AsideHeaderProps } from './types';
-/**
- * Simply usage of AsideHeader:
- * @example
- * <AsideHeader renderContent={renderContent} {...props} />
- *
- * Advanced usage of AsideHeader:
- * @example
- * <PageLayout reverse >
- *  <PageLayout.Content>
- *      <Content />
- *  </PageLayout.Content>
- *
- *  <PageLayoutAside {...props} />
- * </PageLayout>
- */
 export declare const AsideHeader: React.ForwardRefExoticComponent<AsideHeaderProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -6,3 +6,7 @@ export declare const MultipleTooltip: import("@storybook/types").AnnotatedStoryF
 export declare const AdvancedUsage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export declare const HeaderAlert: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export declare const HeaderAlertCentered: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export declare const Fallback: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+    headerDecoration: boolean;
+    subheaderItemsCount: number;
+}>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface Props {
+    headerDecoration?: boolean;
+    subheaderItemsCount?: number;
+}
+export declare const AsideFallback: React.FC<Props>;

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

@@ -3,9 +3,8 @@ import { ContentProps } from '../../../Content';
 import { LayoutProps } from '../../types';
 import '../../AsideHeader.scss';
 export interface PageLayoutProps extends PropsWithChildren<LayoutProps> {
-    reverse?: boolean;
 }
-declare const PageLayout: (({ compact, reverse, className, children, topAlert }: PageLayoutProps) => React.JSX.Element) & {
+declare const PageLayout: (({ compact, className, children, topAlert }: PageLayoutProps) => React.JSX.Element) & {
     Content: React.FC<React.PropsWithChildren<Pick<ContentProps, "renderContent">>>;
 };
 export { PageLayout };

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

@@ -11,7 +11,6 @@ export interface LayoutProps {
 export interface AsideHeaderGeneralProps {
     logo: LogoProps;
     multipleTooltip?: boolean;
-    reverse?: boolean;
     className?: string;
     collapseTitle?: string;
     expandTitle?: string;

package/build/esm/components/CompositeBar/constants.d.ts

@@ -1,5 +1,4 @@
 import { PopupPlacement } from '@gravity-ui/uikit';
-export declare const ITEM_HEIGHT = 40;
 export declare const ITEM_TYPE_REGULAR = "regular";
 export declare const COLLAPSE_ITEM_ID = "collapse-item-id";
 export declare const POPUP_PLACEMENT: PopupPlacement;

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

@@ -1,3 +1,5 @@
 export declare const ASIDE_HEADER_ICON_SIZE = 18;
 export declare const ASIDE_HEADER_COMPACT_WIDTH = 56;
 export declare const ASIDE_HEADER_EXPANDED_WIDTH = 236;
+export declare const ITEM_HEIGHT = 40;
+export declare const HEADER_DIVIDER_HEIGHT = 29;

package/build/esm/components/index.d.ts

@@ -5,6 +5,7 @@ export { Drawer, DrawerProps, DrawerItemProps, DrawerItem } from './Drawer/Drawe
 export { FooterItem, FooterItemProps } from './FooterItem/FooterItem';
 export { PageLayout, type PageLayoutProps } from './AsideHeader/components/PageLayout/PageLayout';
 export { PageLayoutAside } from './AsideHeader/components/PageLayout/PageLayoutAside';
+export { AsideFallback } from './AsideHeader/components/PageLayout/AsideFallback';
 export * from './ActionBar';
 export * from './Title';
 export * from './HotkeysPanel';

package/build/esm/constants-b1604ff5.js

@@ -0,0 +1,8 @@
+const ASIDE_HEADER_ICON_SIZE = 18;
+const ASIDE_HEADER_COMPACT_WIDTH = 56;
+const ASIDE_HEADER_EXPANDED_WIDTH = 236;
+const ITEM_HEIGHT = 40;
+const HEADER_DIVIDER_HEIGHT = 29;
+
+export { ASIDE_HEADER_ICON_SIZE as A, HEADER_DIVIDER_HEIGHT as H, ITEM_HEIGHT as I, ASIDE_HEADER_COMPACT_WIDTH as a, ASIDE_HEADER_EXPANDED_WIDTH as b };
+//# sourceMappingURL=constants-b1604ff5.js.map

package/build/esm/constants-b1604ff5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-b1604ff5.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 HEADER_DIVIDER_HEIGHT = 29;\n"],"names":[],"mappings":"AAAO,MAAM,sBAAsB,GAAG,GAAG;AAClC,MAAM,0BAA0B,GAAG,GAAG;AACtC,MAAM,2BAA2B,GAAG,IAAI;AACxC,MAAM,WAAW,GAAG,GAAG;AACvB,MAAM,qBAAqB,GAAG;;;;"}

package/build/esm/divider-collapsed-6468fa36.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgDividerCollapsed = function SvgDividerCollapsed(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 56,
+    height: 29,
+    viewBox: "0 0 56 29",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M56 0v29c-.8-1-7-6.1-17.7-8.4L13 15.7A16 16 0 0 1 0 0Z"
+  })));
+};
+var headerDividerCollapsedIcon = SvgDividerCollapsed;
+
+export { headerDividerCollapsedIcon as h };
+//# sourceMappingURL=divider-collapsed-6468fa36.js.map

package/build/esm/divider-collapsed-6468fa36.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-collapsed-6468fa36.js","sources":["../../assets/icons/divider-collapsed.svg"],"sourcesContent":["<svg width=\"56\" height=\"29\" viewBox=\"0 0 56 29\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M56 0v29c-.8-1-7-6.1-17.7-8.4L13 15.7A16 16 0 0 1 0 0Z\"/></svg>\n"],"names":[],"mappings":";;AAAA,IAAI,KAAK,CAAC;AACV,SAAS,QAAQ,GAAG,EAAE,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE;AAEnV,IAAI,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,KAAK,EAAE;AAC9D,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,KAAK,EAAE,4BAA4B;AACvC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,CAAC,EAAE,wDAAwD;AAC/D,GAAG,CAAC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AACF,iCAAe,mBAAmB;;;;"}

package/build/esm/index.js

@@ -4,21 +4,25 @@ export { Drawer, DrawerItem } from './Drawer.js';
 export { FooterItem } from './FooterItem.js';
 export { PageLayout } from './PageLayout.js';
 export { PageLayoutAside } from './PageLayoutAside.js';
+export { AsideFallback } from './AsideFallback.js';
 export { L as Lang, c as configure } from './registerKeyset-35f1ea08.js';
-export { P as ActionBar } from './ActionBar-f1c9a2d3.js';
-export { T as Title } from './Title-3d579ca4.js';
-export { H as HotkeysPanel } from './HotkeysPanel-82fe991b.js';
-export { S as Settings, a as useSettingsContext, u as useSettingsSelectionContext } from './Settings-21bc1aba.js';
-export { M as MobileHeader, F as MobileHeaderFooterItem } from './FooterItem-d66ab545.js';
+export { P as ActionBar } from './ActionBar-68f814a3.js';
+export { T as Title } from './Title-b2f2c4e9.js';
+export { H as HotkeysPanel } from './HotkeysPanel-bd0e997d.js';
+export { S as Settings, a as useSettingsContext, u as useSettingsSelectionContext } from './Settings-31634d93.js';
+export { M as MobileHeader, F as MobileHeaderFooterItem } from './FooterItem-39ac7c22.js';
 import './tslib.es6-3cd4e99f.js';
 import 'react';
 import 'react-dom';
 import '@gravity-ui/uikit';
-import './style-inject.es-cfd97593.js';
+import './cn-589cd9e2.js';
 import '@bem-react/classname';
-import './Item-f02541c1.js';
+import './style-inject.es-1f59c1d0.js';
+import './Item-ab589218.js';
 import '@gravity-ui/icons';
+import './constants-b1604ff5.js';
 import './debounce-64cd2b4c.js';
 import './Content-f94ba85d.js';
-import './FirstPanel-bafddc24.js';
+import './utils-6d5146c7.js';
+import './divider-collapsed-6468fa36.js';
 //# sourceMappingURL=index.js.map

package/build/esm/index.js.map

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

package/build/esm/index2.js

@@ -1,5 +1,6 @@
-export { P as ActionBar } from './ActionBar-f1c9a2d3.js';
+export { P as ActionBar } from './ActionBar-68f814a3.js';
 import 'react';
-import './style-inject.es-cfd97593.js';
+import './cn-589cd9e2.js';
 import '@bem-react/classname';
+import './style-inject.es-1f59c1d0.js';
 //# sourceMappingURL=index2.js.map

package/build/esm/index2.js.map

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

package/build/esm/index3.js

@@ -1,8 +1,9 @@
-export { T as Title } from './Title-3d579ca4.js';
+export { T as Title } from './Title-b2f2c4e9.js';
 import 'react';
 import '@gravity-ui/uikit';
 import '@gravity-ui/icons';
-import './style-inject.es-cfd97593.js';
+import './cn-589cd9e2.js';
 import '@bem-react/classname';
 import './registerKeyset-35f1ea08.js';
+import './style-inject.es-1f59c1d0.js';
 //# sourceMappingURL=index3.js.map

package/build/esm/index3.js.map

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

package/build/esm/index4.js

@@ -1,9 +1,10 @@
-export { H as HotkeysPanel } from './HotkeysPanel-82fe991b.js';
+export { H as HotkeysPanel } from './HotkeysPanel-bd0e997d.js';
 import './tslib.es6-3cd4e99f.js';
 import 'react';
 import '@gravity-ui/uikit';
 import './Drawer.js';
 import 'react-dom';
-import './style-inject.es-cfd97593.js';
+import './cn-589cd9e2.js';
 import '@bem-react/classname';
+import './style-inject.es-1f59c1d0.js';
 //# sourceMappingURL=index4.js.map

package/build/esm/index4.js.map

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

package/build/esm/index5.js

@@ -1,11 +1,12 @@
-export { S as Settings, a as useSettingsContext, u as useSettingsSelectionContext } from './Settings-21bc1aba.js';
+export { S as Settings, a as useSettingsContext, u as useSettingsSelectionContext } from './Settings-31634d93.js';
 import './tslib.es6-3cd4e99f.js';
 import 'react';
-import './style-inject.es-cfd97593.js';
+import './cn-589cd9e2.js';
 import '@bem-react/classname';
 import '@gravity-ui/uikit';
 import './debounce-64cd2b4c.js';
+import './style-inject.es-1f59c1d0.js';
 import './registerKeyset-35f1ea08.js';
-import './Title-3d579ca4.js';
+import './Title-b2f2c4e9.js';
 import '@gravity-ui/icons';
 //# sourceMappingURL=index5.js.map

package/build/esm/index5.js.map

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

package/build/esm/index6.js

@@ -1,10 +1,11 @@
-export { M as MobileHeader, F as MobileHeaderFooterItem } from './FooterItem-d66ab545.js';
+export { M as MobileHeader, F as MobileHeaderFooterItem } from './FooterItem-39ac7c22.js';
 import 'react';
-import './style-inject.es-cfd97593.js';
+import './cn-589cd9e2.js';
 import '@bem-react/classname';
 import './Drawer.js';
 import 'react-dom';
 import '@gravity-ui/uikit';
+import './style-inject.es-1f59c1d0.js';
 import './Content-f94ba85d.js';
 import './registerKeyset-35f1ea08.js';
 //# sourceMappingURL=index6.js.map

package/build/esm/index6.js.map

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

package/build/esm/{style-inject.es-cfd97593.js → style-inject.es-1f59c1d0.js}

@@ -1,9 +1,3 @@
-import { withNaming } from '@bem-react/classname';
-
-const NAMESPACE = 'gn-';
-withNaming({ e: '__', m: '_' });
-const block = withNaming({ n: NAMESPACE, e: '__', m: '_' });
-
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -31,5 +25,5 @@ function styleInject(css, ref) {
   }
 }
 
-export { block as b, styleInject as s };
-//# sourceMappingURL=style-inject.es-cfd97593.js.map
+export { styleInject as s };
+//# sourceMappingURL=style-inject.es-1f59c1d0.js.map

package/build/esm/style-inject.es-1f59c1d0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es-1f59c1d0.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;"}

package/build/esm/utils-6d5146c7.js

@@ -0,0 +1,6 @@
+import { b as block } from './cn-589cd9e2.js';
+
+const b = block('aside-header');
+
+export { b };
+//# sourceMappingURL=utils-6d5146c7.js.map

package/build/esm/utils-6d5146c7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-6d5146c7.js","sources":["../../../src/components/AsideHeader/utils.ts"],"sourcesContent":["import {block} from '../utils/cn';\n\nexport const b = block('aside-header');\n"],"names":[],"mappings":";;MAEa,CAAC,GAAG,KAAK,CAAC,cAAc;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/navigation",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "description": "Gravity UI Navigation components",
   "license": "MIT",
   "repository": {