@gravity-ui/navigation 1.8.4 → 2.0.0-beta.0

package/build/cjs/index2.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ActionBar = require('./ActionBar-96a59723.js');
+var ActionBar = require('./ActionBar-38c4e24f.js');
 require('react');
-require('./cn-1964a72a.js');
+require('./cn-9933321a.js');
 require('@bem-react/classname');
 require('./style-inject.es-dcee06b6.js');
 

package/build/cjs/index3.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Title = require('./Title-c539667f.js');
+var Title = require('./Title-54580605.js');
 require('react');
-require('@gravity-ui/uikit');
 require('@gravity-ui/icons');
-require('./cn-1964a72a.js');
+require('@gravity-ui/uikit');
+require('./cn-9933321a.js');
 require('@bem-react/classname');
-require('./registerKeyset-f4ce9ee7.js');
+require('@gravity-ui/uikit/i18n');
 require('./style-inject.es-dcee06b6.js');
 
 

package/build/cjs/index4.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var HotkeysPanel = require('./HotkeysPanel-2e240e4d.js');
+var HotkeysPanel = require('./HotkeysPanel-4ad41893.js');
 require('./tslib.es6-705c6589.js');
 require('react');
 require('@gravity-ui/uikit');
 require('./Drawer.js');
 require('react-dom');
-require('./cn-1964a72a.js');
+require('./cn-9933321a.js');
 require('@bem-react/classname');
 require('./style-inject.es-dcee06b6.js');
 

package/build/cjs/index5.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Settings = require('./Settings-11b021e4.js');
+var Settings = require('./Settings-a0deac97.js');
 require('./tslib.es6-705c6589.js');
 require('react');
-require('./cn-1964a72a.js');
-require('@bem-react/classname');
 require('@gravity-ui/uikit');
-require('./debounce-8772fd80.js');
+require('./cn-9933321a.js');
+require('@bem-react/classname');
 require('./style-inject.es-dcee06b6.js');
-require('./registerKeyset-f4ce9ee7.js');
-require('./Title-c539667f.js');
+require('./debounce-8772fd80.js');
+require('@gravity-ui/uikit/i18n');
+require('./Title-54580605.js');
 require('@gravity-ui/icons');
 
 

package/build/cjs/index6.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FooterItem = require('./FooterItem-eafaeac3.js');
+var FooterItem = require('./FooterItem-0b0d76e4.js');
 require('react');
-require('./cn-1964a72a.js');
-require('@bem-react/classname');
+require('./Content-64d5738a.js');
 require('./Drawer.js');
-require('react-dom');
 require('@gravity-ui/uikit');
+require('react-dom');
+require('./cn-9933321a.js');
+require('@bem-react/classname');
 require('./style-inject.es-dcee06b6.js');
-require('./Content-64d5738a.js');
-require('./registerKeyset-f4ce9ee7.js');
+require('@gravity-ui/uikit/i18n');
 
 
 

package/build/cjs/utils-db3e03c2.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var cn = require('./cn-9933321a.js');
+
+const b = cn.block('aside-header');
+
+exports.b = b;
+//# sourceMappingURL=utils-db3e03c2.js.map

package/build/cjs/{utils-a93dd754.js.map → utils-db3e03c2.js.map}

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

package/build/esm/{ActionBar-68f814a3.js → ActionBar-affc1f80.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { b as block } from './cn-589cd9e2.js';
+import { b as block } from './cn-ffe5e9f5.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var css_248z$4 = ".gn-action-bar-group{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0;padding:0}.gn-action-bar-group_pull_left{margin-left:0;margin-right:auto}.gn-action-bar-group_pull_right{margin-left:auto;margin-right:0}.gn-action-bar-group_pull_center{margin-left:auto;margin-right:auto}";
@@ -54,4 +54,4 @@ const PublicActionBar = Object.assign(ActionBar, {
 });
 
 export { PublicActionBar as P };
-//# sourceMappingURL=ActionBar-68f814a3.js.map
+//# sourceMappingURL=ActionBar-affc1f80.js.map

package/build/esm/ActionBar-affc1f80.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar-affc1f80.js","sources":["../../../src/components/ActionBar/Group/ActionBarGroup.tsx","../../../src/components/ActionBar/Item/ActionBarItem.tsx","../../../src/components/ActionBar/Section/ActionBarSection.tsx","../../../src/components/ActionBar/Separator/ActionBarSeparator.tsx","../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\nimport {PropsWithPull} from '../types';\n\nimport './ActionBarGroup.scss';\n\nexport type Props = PropsWithChildren<\n    PropsWithPull<{\n        className?: string;\n    }>\n>;\n\nconst b = block('action-bar-group');\n\nexport const ActionBarGroup = ({children, className, pull}: Props) => {\n    return (\n        <ul className={b({pull}, className)} role=\"group\">\n            {children}\n        </ul>\n    );\n};\n\nActionBarGroup.displayName = 'ActionBar.Group';\n","import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\nimport {PropsWithPull} from '../types';\n\nimport './ActionBarItem.scss';\n\nexport type Props = PropsWithChildren<\n    PropsWithPull<{\n        spacing?: boolean;\n        className?: string;\n    }>\n>;\n\nconst b = block('action-bar-item');\n\nexport const ActionBarItem = ({children, className, pull, spacing = true}: Props) => {\n    return <li className={b({pull, spacing}, className)}>{children}</li>;\n};\n\nActionBarItem.displayName = 'ActionBar.Item';\n","import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\n\nimport './ActionBarSection.scss';\n\nexport type Props = PropsWithChildren<{type?: 'primary' | 'secondary'}>;\n\nconst b = block('action-bar-section');\n\nexport const ActionBarSection = ({children, type = 'primary'}: Props) => {\n    return <div className={b({type})}>{children}</div>;\n};\n\nActionBarSection.displayName = 'ActionBar.Section';\n","import React from 'react';\n\nimport {block} from '../../utils/cn';\n\nimport './ActionBarSeparator.scss';\n\nconst b = block('action-bar-separator');\n\nexport const ActionBarSeparator = () => {\n    return <li role=\"separator\" className={b()} />;\n};\n\nActionBarSeparator.displayName = 'ActionBar.Separator';\n","import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../utils/cn';\n\nimport {ActionBarGroup} from './Group/ActionBarGroup';\nimport {ActionBarItem} from './Item/ActionBarItem';\nimport {ActionBarSection} from './Section/ActionBarSection';\nimport {ActionBarSeparator} from './Separator/ActionBarSeparator';\n\nimport './ActionBar.scss';\n\nexport type Props = PropsWithChildren<{\n    'aria-label'?: string;\n    className?: string;\n}>;\n\nconst b = block('action-bar');\n\nconst ActionBar = ({children, className, 'aria-label': ariaLabel}: Props) => {\n    return (\n        <section className={b(null, className)} aria-label={ariaLabel}>\n            {children}\n        </section>\n    );\n};\n\nActionBar.displayName = 'ActionBar';\n\nconst PublicActionBar = Object.assign(ActionBar, {\n    Section: ActionBarSection,\n    Group: ActionBarGroup,\n    Item: ActionBarItem,\n    Separator: ActionBarSeparator,\n});\n\nexport {PublicActionBar as ActionBar};\n"],"names":["b","React"],"mappings":";;;;;;;AAaA,MAAMA,GAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAE7B,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAQ,KAAI;IACjE,QACIC,qCAAI,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,IAC5C,QAAQ,CACR,EACP;AACN,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,iBAAiB;;;;;ACT9C,MAAMA,GAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAQ,KAAI;AAChF,IAAA,OAAOC,qCAAI,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,SAAS,CAAC,EAAG,EAAA,QAAQ,CAAM,CAAC;AACzE,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;;ACZ5C,MAAMA,GAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAE/B,MAAM,gBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAQ,KAAI;AACpE,IAAA,OAAOC,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAA,EAAG,QAAQ,CAAO,CAAC;AACvD,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB;;;;;ACRlD,MAAMA,GAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAEjC,MAAM,kBAAkB,GAAG,MAAK;IACnC,OAAOC,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,IAAI,EAAC,WAAW,EAAC,SAAS,EAAED,GAAC,EAAE,EAAA,CAAI,CAAC;AACnD,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,qBAAqB;;;;;ACItD,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAQ,KAAI;AACxE,IAAA,QACIC,cAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,gBAAc,SAAS,EAAA,EACxD,QAAQ,CACH,EACZ;AACN,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;AAC7C,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,KAAK,EAAE,cAAc;AACrB,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,SAAS,EAAE,kBAAkB;AAChC,CAAA;;;;"}

package/build/esm/AsideFallback.js

@@ -1,10 +1,10 @@
 import React__default from 'react';
-import { useAsideHeaderContext } from './AsideHeaderContext.js';
-import { h as headerDividerCollapsedIcon } from './divider-collapsed-6468fa36.js';
-import { b } from './utils-6d5146c7.js';
 import { Icon } from '@gravity-ui/uikit';
 import { a as ASIDE_HEADER_COMPACT_WIDTH, H as HEADER_DIVIDER_HEIGHT, I as ITEM_HEIGHT } from './constants-b1604ff5.js';
-import './cn-589cd9e2.js';
+import { useAsideHeaderContext } from './AsideHeaderContext.js';
+import { b } from './utils-117463a5.js';
+import { h as headerDividerCollapsedIcon } from './divider-collapsed-6468fa36.js';
+import './cn-ffe5e9f5.js';
 import '@bem-react/classname';
 
 const AsideFallback = ({ headerDecoration, subheaderItemsCount = 0 }) => {

package/build/esm/AsideFallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsideFallback.js","sources":["../../../src/components/AsideHeader/components/PageLayout/AsideFallback.tsx"],"sourcesContent":["import React from 'react';\nimport {useAsideHeaderContext} from '../../AsideHeaderContext';\nimport headerDividerCollapsedIcon from '../../../../../assets/icons/divider-collapsed.svg';\nimport {b} from '../../utils';\nimport {Icon} from '@gravity-ui/uikit';\nimport {ASIDE_HEADER_COMPACT_WIDTH, HEADER_DIVIDER_HEIGHT, ITEM_HEIGHT} from '../../../constants';\n\nexport interface Props {\n    headerDecoration?: boolean;\n    subheaderItemsCount?: number;\n}\n\nexport const AsideFallback: React.FC<Props> = ({headerDecoration, subheaderItemsCount = 0}) => {\n    const {compact} = useAsideHeaderContext();\n\n    const widthVar = compact ? '--gn-aside-header-min-width' : '--gn-aside-header-size';\n\n    const subheaderHeight = (1 + subheaderItemsCount) * ITEM_HEIGHT;\n\n    return (\n        <div className={b('aside')} style={{width: `var(${widthVar})`}}>\n            <div className={b('aside-content', {'with-decoration': headerDecoration})}>\n                <div className={b('header', {'with-decoration': headerDecoration})}>\n                    <div style={{height: subheaderHeight}} />\n                    {compact ? (\n                        <Icon\n                            data={headerDividerCollapsedIcon}\n                            className={b('header-divider')}\n                            width={ASIDE_HEADER_COMPACT_WIDTH}\n                            height={HEADER_DIVIDER_HEIGHT}\n                        />\n                    ) : null}\n                </div>\n                <div style={{flex: 1}} />\n            </div>\n        </div>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAYO,MAAM,aAAa,GAAoB,CAAC,EAAC,gBAAgB,EAAE,mBAAmB,GAAG,CAAC,EAAC,KAAI;AAC1F,IAAA,MAAM,EAAC,OAAO,EAAC,GAAG,qBAAqB,EAAE,CAAC;IAE1C,MAAM,QAAQ,GAAG,OAAO,GAAG,6BAA6B,GAAG,wBAAwB,CAAC;IAEpF,MAAM,eAAe,GAAG,CAAC,CAAC,GAAG,mBAAmB,IAAI,WAAW,CAAC;AAEhE,IAAA,QACIA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,CAAO,IAAA,EAAA,QAAQ,GAAG,EAAC,EAAA;QAC1DA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,CAAC,EAAA;YACrEA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,CAAC,EAAA;AAC9D,gBAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAC,MAAM,EAAE,eAAe,EAAC,EAAI,CAAA;AACxC,gBAAA,OAAO,IACJA,cAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,IAAI,EAAE,0BAA0B,EAChC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,KAAK,EAAE,0BAA0B,EACjC,MAAM,EAAE,qBAAqB,EAAA,CAC/B,IACF,IAAI,CACN;YACNA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,EAAC,EAAI,CAAA,CACvB,CACJ,EACR;AACN;;;;"}
+{"version":3,"file":"AsideFallback.js","sources":["../../../src/components/AsideHeader/components/PageLayout/AsideFallback.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {ASIDE_HEADER_COMPACT_WIDTH, HEADER_DIVIDER_HEIGHT, ITEM_HEIGHT} from '../../../constants';\nimport {useAsideHeaderContext} from '../../AsideHeaderContext';\nimport {b} from '../../utils';\n\nimport headerDividerCollapsedIcon from '../../../../../assets/icons/divider-collapsed.svg';\n\nexport interface Props {\n    headerDecoration?: boolean;\n    subheaderItemsCount?: number;\n}\n\nexport const AsideFallback: React.FC<Props> = ({headerDecoration, subheaderItemsCount = 0}) => {\n    const {compact} = useAsideHeaderContext();\n\n    const widthVar = compact ? '--gn-aside-header-min-width' : '--gn-aside-header-size';\n\n    const subheaderHeight = (1 + subheaderItemsCount) * ITEM_HEIGHT;\n\n    return (\n        <div className={b('aside')} style={{width: `var(${widthVar})`}}>\n            <div className={b('aside-content', {'with-decoration': headerDecoration})}>\n                <div className={b('header', {'with-decoration': headerDecoration})}>\n                    <div style={{height: subheaderHeight}} />\n                    {compact ? (\n                        <Icon\n                            data={headerDividerCollapsedIcon}\n                            className={b('header-divider')}\n                            width={ASIDE_HEADER_COMPACT_WIDTH}\n                            height={HEADER_DIVIDER_HEIGHT}\n                        />\n                    ) : null}\n                </div>\n                <div style={{flex: 1}} />\n            </div>\n        </div>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAeO,MAAM,aAAa,GAAoB,CAAC,EAAC,gBAAgB,EAAE,mBAAmB,GAAG,CAAC,EAAC,KAAI;AAC1F,IAAA,MAAM,EAAC,OAAO,EAAC,GAAG,qBAAqB,EAAE,CAAC;IAE1C,MAAM,QAAQ,GAAG,OAAO,GAAG,6BAA6B,GAAG,wBAAwB,CAAC;IAEpF,MAAM,eAAe,GAAG,CAAC,CAAC,GAAG,mBAAmB,IAAI,WAAW,CAAC;AAEhE,IAAA,QACIA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,CAAO,IAAA,EAAA,QAAQ,GAAG,EAAC,EAAA;QAC1DA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,CAAC,EAAA;YACrEA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,CAAC,EAAA;AAC9D,gBAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAC,MAAM,EAAE,eAAe,EAAC,EAAI,CAAA;AACxC,gBAAA,OAAO,IACJA,cAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,IAAI,EAAE,0BAA0B,EAChC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,KAAK,EAAE,0BAA0B,EACjC,MAAM,EAAE,qBAAqB,EAAA,CAC/B,IACF,IAAI,CACN;YACNA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,EAAC,EAAI,CAAA,CACvB,CACJ,EACR;AACN;;;;"}

package/build/esm/AsideHeader.js

@@ -2,18 +2,18 @@ import { _ as __rest } from './tslib.es6-3cd4e99f.js';
 import React__default from 'react';
 import { PageLayout } from './PageLayout.js';
 import { PageLayoutAside } from './PageLayoutAside.js';
-import './AsideHeaderContext.js';
 import './Content-f94ba85d.js';
 import './constants-b1604ff5.js';
-import './utils-6d5146c7.js';
-import './cn-589cd9e2.js';
+import './AsideHeaderContext.js';
+import './utils-117463a5.js';
+import './cn-ffe5e9f5.js';
 import '@bem-react/classname';
 import './style-inject.es-1f59c1d0.js';
 import '@gravity-ui/uikit';
-import './Item-29a1bfdb.js';
 import '@gravity-ui/icons';
+import '@gravity-ui/uikit/i18n';
+import './Item-9eb6b3be.js';
 import './debounce-64cd2b4c.js';
-import './registerKeyset-35f1ea08.js';
 import './divider-collapsed-6468fa36.js';
 import './Drawer.js';
 import 'react-dom';
@@ -24,6 +24,7 @@ const AsideHeader = React__default.forwardRef((_a, ref) => {
         React__default.createElement(PageLayoutAside, Object.assign({ ref: ref }, props)),
         React__default.createElement(PageLayout.Content, { renderContent: props.renderContent })));
 });
+AsideHeader.displayName = 'AsideHeader';
 
 export { AsideHeader };
 //# sourceMappingURL=AsideHeader.js.map

package/build/esm/AsideHeader.js.map

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

package/build/esm/AsideHeaderContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsideHeaderContext.js","sources":["../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\nimport {MenuItem} from '../types';\nimport {AsideHeaderInnerProps} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: MenuItem[];\n    allPagesIsAvailable: boolean;\n    onItemClick: (\n        item: MenuItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n    ) => void;\n}\n\nexport const AsideHeaderInnerContext = React.createContext<AsideHeaderInnerContextType | undefined>(\n    undefined,\n);\nAsideHeaderInnerContext.displayName = 'AsideHeaderInnerContext';\n\nexport const AsideHeaderInnerContextProvider = AsideHeaderInnerContext.Provider;\n\nexport const useAsideHeaderInnerContext = (): AsideHeaderInnerContextType => {\n    const contextValue = React.useContext(AsideHeaderInnerContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderInnerContext is not initialized.\n        Please check if you wrapped your component with AsideHeaderInnerContext.Provider`);\n    }\n    return contextValue;\n};\n\nexport interface AsideHeaderContextType {\n    compact: boolean;\n    size: number;\n}\n\nexport const AsideHeaderContext = React.createContext<AsideHeaderContextType | undefined>({\n    compact: false,\n    size: 0,\n});\n\nAsideHeaderContext.displayName = 'AsideHeaderContext';\n\nexport const AsideHeaderContextProvider = AsideHeaderContext.Provider;\n\nexport const useAsideHeaderContext = (): AsideHeaderContextType => {\n    const contextValue = React.useContext(AsideHeaderContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderContext is not initialized.\n        Please check if you wrapped your component with AsideHeader\n        Context.Provider`);\n    }\n    return contextValue;\n};\n"],"names":["React"],"mappings":";;AAca,MAAA,uBAAuB,GAAGA,cAAK,CAAC,aAAa,CACtD,SAAS,EACX;AACF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAEnD,MAAA,+BAA+B,GAAG,uBAAuB,CAAC,SAAS;AAEzE,MAAM,0BAA0B,GAAG,MAAkC;IACxE,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/D,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;AACiE,wFAAA,CAAA,CAAC,CAAC;AACtF,KAAA;AACD,IAAA,OAAO,YAAY,CAAC;AACxB,EAAE;AAOW,MAAA,kBAAkB,GAAGA,cAAK,CAAC,aAAa,CAAqC;AACtF,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,IAAI,EAAE,CAAC;AACV,CAAA,EAAE;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEzC,MAAA,0BAA0B,GAAG,kBAAkB,CAAC,SAAS;AAE/D,MAAM,qBAAqB,GAAG,MAA6B;IAC9D,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC1D,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;;AAEC,wBAAA,CAAA,CAAC,CAAC;AACtB,KAAA;AACD,IAAA,OAAO,YAAY,CAAC;AACxB;;;;"}
+{"version":3,"file":"AsideHeaderContext.js","sources":["../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {AsideHeaderInnerProps} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: MenuItem[];\n    allPagesIsAvailable: boolean;\n    onItemClick: (\n        item: MenuItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n    ) => void;\n}\n\nexport const AsideHeaderInnerContext = React.createContext<AsideHeaderInnerContextType | undefined>(\n    undefined,\n);\nAsideHeaderInnerContext.displayName = 'AsideHeaderInnerContext';\n\nexport const AsideHeaderInnerContextProvider = AsideHeaderInnerContext.Provider;\n\nexport const useAsideHeaderInnerContext = (): AsideHeaderInnerContextType => {\n    const contextValue = React.useContext(AsideHeaderInnerContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderInnerContext is not initialized.\n        Please check if you wrapped your component with AsideHeaderInnerContext.Provider`);\n    }\n    return contextValue;\n};\n\nexport interface AsideHeaderContextType {\n    compact: boolean;\n    size: number;\n}\n\nexport const AsideHeaderContext = React.createContext<AsideHeaderContextType | undefined>({\n    compact: false,\n    size: 0,\n});\n\nAsideHeaderContext.displayName = 'AsideHeaderContext';\n\nexport const AsideHeaderContextProvider = AsideHeaderContext.Provider;\n\nexport const useAsideHeaderContext = (): AsideHeaderContextType => {\n    const contextValue = React.useContext(AsideHeaderContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderContext is not initialized.\n        Please check if you wrapped your component with AsideHeader\n        Context.Provider`);\n    }\n    return contextValue;\n};\n"],"names":["React"],"mappings":";;AAgBa,MAAA,uBAAuB,GAAGA,cAAK,CAAC,aAAa,CACtD,SAAS,EACX;AACF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAEnD,MAAA,+BAA+B,GAAG,uBAAuB,CAAC,SAAS;AAEzE,MAAM,0BAA0B,GAAG,MAAkC;IACxE,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/D,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;AACiE,wFAAA,CAAA,CAAC,CAAC;AACtF,KAAA;AACD,IAAA,OAAO,YAAY,CAAC;AACxB,EAAE;AAOW,MAAA,kBAAkB,GAAGA,cAAK,CAAC,aAAa,CAAqC;AACtF,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,IAAI,EAAE,CAAC;AACV,CAAA,EAAE;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEzC,MAAA,0BAA0B,GAAG,kBAAkB,CAAC,SAAS;AAE/D,MAAM,qBAAqB,GAAG,MAA6B;IAC9D,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC1D,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;;AAEC,wBAAA,CAAA,CAAC,CAAC;AACtB,KAAA;AACD,IAAA,OAAO,YAAY,CAAC;AACxB;;;;"}

package/build/esm/Drawer.js

@@ -1,7 +1,7 @@
 import React__default, { Children, isValidElement, cloneElement } from 'react';
-import ReactDOM from 'react-dom';
 import { useBodyScrollLock } from '@gravity-ui/uikit';
-import { b as block } from './cn-589cd9e2.js';
+import ReactDOM from 'react-dom';
+import { b as block } from './cn-ffe5e9f5.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@bem-react/classname';
 
@@ -3024,7 +3024,7 @@ SwitchTransition.defaultProps = {
   mode: modes.out
 };
 
-var css_248z = ".gn-drawer__item{background-color:var(--g-color-base-background);bottom:0;height:100%;left:0;position:absolute;top:0;will-change:transform}.gn-drawer__item_direction_right{left:auto;right:0}.gn-drawer__item-transition-enter{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-enter{transform:translate(100%)}.gn-drawer__item-transition-enter-active,.gn-drawer__item-transition_direction_right-enter-active{transform:translate(0);transition:transform .3s}.gn-drawer__item-transition-enter-done,.gn-drawer__item-transition_direction_right-enter-done{filter:blur(0);transform:translateZ(0)}.gn-drawer__item-transition-exit,.gn-drawer__item-transition_direction_right-exit{transform:translate(0)}.gn-drawer__item-transition-exit-active,.gn-drawer__item-transition_direction_right-exit-active{transition:transform .3s}.gn-drawer__item-transition-exit-active{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-exit-active{transform:translate(100%)}.gn-drawer__item-transition-exit-done,.gn-drawer__item-transition_direction_right-exit-done{visibility:hidden}.gn-drawer__veil{background-color:var(--g-color-sfx-veil);bottom:0;left:0;position:absolute;right:0;top:0}.gn-drawer__veil-transition-enter{opacity:0}.gn-drawer__veil-transition-enter-active{opacity:1;transition:opacity .3s}.gn-drawer__veil-transition-exit{opacity:1}.gn-drawer__veil-transition-exit-active{opacity:0;transition:opacity .3s}.gn-drawer__veil-transition-exit-done{visibility:hidden}";
+var css_248z = ".gn-drawer__item{background-color:var(--g-color-base-background);bottom:0;height:100%;left:0;position:absolute;top:0;will-change:transform}.gn-drawer__item_direction_right{left:auto;right:0}.gn-drawer__item-transition-enter{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-enter{transform:translate(100%)}.gn-drawer__item-transition-enter-active,.gn-drawer__item-transition_direction_right-enter-active{transform:translate(0);transition:transform .3s}.gn-drawer__item-transition-enter-done,.gn-drawer__item-transition_direction_right-enter-done{filter:blur(0);transform:translateZ(0)}.gn-drawer__item-transition-exit,.gn-drawer__item-transition_direction_right-exit{transform:translate(0)}.gn-drawer__item-transition-exit-active,.gn-drawer__item-transition_direction_right-exit-active{transition:transform .3s}.gn-drawer__item-transition-exit-active{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-exit-active{transform:translate(100%)}.gn-drawer__item-transition-exit-done,.gn-drawer__item-transition_direction_right-exit-done{visibility:hidden}.gn-drawer__veil{background-color:var(--g-color-sfx-veil);inset:0;position:absolute}.gn-drawer__veil-transition-enter{opacity:0}.gn-drawer__veil-transition-enter-active{opacity:1;transition:opacity .3s}.gn-drawer__veil-transition-exit{opacity:1}.gn-drawer__veil-transition-exit-active{opacity:0;transition:opacity .3s}.gn-drawer__veil-transition-exit-done{visibility:hidden}";
 styleInject(css_248z);
 
 const b = block('drawer');