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

package/build/cjs/components/AsideHeader/AsideHeader.css

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AsideHeaderContext.js","sources":["../../../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\n\nimport {AsideHeaderInnerProps, AsideHeaderItem} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: AsideHeaderItem[];\n    defaultMenuItems?: AsideHeaderItem[];\n    allPagesIsAvailable: boolean;\n    onItemClick: (\n        item: AsideHeaderItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n}\n\nconst 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\nconst 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\nexport const useSafeAsideHeaderContext = (): AsideHeaderContextType | undefined => {\n    const contextValue = React.useContext(AsideHeaderContext);\n\n    return contextValue;\n};\n"],"names":[],"mappings":";;;;AAeA,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAC/C,SAAS,CACZ;AACD,uBAAuB,CAAC,WAAW,GAAG,yBAAyB;AAElD,MAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAEhE,MAAM,0BAA0B,GAAG,MAAkC;IACxE,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC;AAC9D,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;AACiE,wFAAA,CAAA,CAAC;;AAEtF,IAAA,OAAO,YAAY;AACvB;AAOA,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAqC;AAC/E,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,IAAI,EAAE,CAAC;AACV,CAAA,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;AAExC,MAAA,0BAA0B,GAAG,kBAAkB,CAAC;AAEtD,MAAM,qBAAqB,GAAG,MAA6B;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AACzD,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;;AAEC,wBAAA,CAAA,CAAC;;AAEtB,IAAA,OAAO,YAAY;AACvB;AAEO,MAAM,yBAAyB,GAAG,MAAyC;IAC9E,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AAEzD,IAAA,OAAO,YAAY;AACvB;;;;;;;;"}
+{"version":3,"file":"AsideHeaderContext.js","sources":["../../../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\n\nimport {AsideHeaderMenuDensity} from './density';\nimport {AsideHeaderInnerProps, AsideHeaderItem} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: AsideHeaderItem[];\n    defaultMenuItems?: AsideHeaderItem[];\n    allPagesIsAvailable: boolean;\n    quickAccessIsAvailable: boolean;\n    onItemClick: (\n        item: AsideHeaderItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n    onToggleQuickAccess: (item: AsideHeaderItem) => void;\n}\n\nconst 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    compactTransition?: boolean;\n    size: number;\n    menuDensity?: AsideHeaderMenuDensity;\n}\n\nconst AsideHeaderContext = React.createContext<AsideHeaderContextType | undefined>({\n    compact: false,\n    compactTransition: true,\n    size: 0,\n    menuDensity: 'default',\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\nexport const useSafeAsideHeaderContext = (): AsideHeaderContextType | undefined => {\n    const contextValue = React.useContext(AsideHeaderContext);\n\n    return contextValue;\n};\n"],"names":[],"mappings":";;;;AAkBA,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAC/C,SAAS,CACZ;AACD,uBAAuB,CAAC,WAAW,GAAG,yBAAyB;AAElD,MAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAEhE,MAAM,0BAA0B,GAAG,MAAkC;IACxE,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC;AAC9D,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;AACiE,wFAAA,CAAA,CAAC;;AAEtF,IAAA,OAAO,YAAY;AACvB;AASA,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAqC;AAC/E,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,WAAW,EAAE,SAAS;AACzB,CAAA,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;AAExC,MAAA,0BAA0B,GAAG,kBAAkB,CAAC;AAEtD,MAAM,qBAAqB,GAAG,MAA6B;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AACzD,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;;AAEC,wBAAA,CAAA,CAAC;;AAEtB,IAAA,OAAO,YAAY;AACvB;AAEO,MAAM,yBAAyB,GAAG,MAAyC;IAC9E,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AAEzD,IAAA,OAAO,YAAY;AACvB;;;;;;;;"}

package/build/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js

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

package/build/cjs/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":["createBlock","styles","useRef","useCallback","Tooltip","i18n","Button","Pin","PinFill","Icon"],"mappings":";;;;;;;;;AAaA,MAAM,CAAC,GAAGA,cAAW,CAAC,qBAAqB,EAAEC,+BAAM,CAAC;AAWvC,MAAA,gBAAgB,GAAoC,CAAC,KAAK,KAAI;IACvE,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK;AACxC,IAAA,MAAM,GAAG,GAAGC,YAAM,CAAwC,IAAI,CAAC;AAE/D,IAAA,MAAM,gBAAgB,GAAGC,iBAAW,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,GAAGA,iBAAW,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,QACI,KAAC,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;YACZ,KAAM,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,KAClC,KAAA,CAAA,aAAA,CAACC,aAAO,EAAA,EACJ,OAAO,EAAEC,aAAI,CACT,IAAI,CAAC,MAAM,GAAG,oBAAoB,GAAG,sBAAsB,CAC9D,EAAA;AAED,gBAAA,KAAA,CAAA,aAAA,CAACC,YAAM,EAAA,EAAA,YAAA,EACSD,aAAI,CACZ,IAAI,CAAC,MAAM,GAAG,oBAAoB,GAAG,sBAAsB,CAC9D,EACD,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,gBAAgB,GAAG,aAAa,EAAA;oBAEpD,KAAC,CAAA,aAAA,CAAAC,YAAM,CAAC,IAAI,EAAE,IAAA,EAAA,IAAI,CAAC,MAAM,GAAG,KAAC,CAAA,aAAA,CAAAC,SAAG,OAAG,GAAG,KAAA,CAAA,aAAA,CAACC,aAAO,EAAA,IAAA,CAAG,CAAe,CAC3D,CACH,CACb,CACC;AAEd,KAAC,EACD,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,gBAAgB,CAAC,CACpD;AAED,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IACtB,KAAA,CAAA,aAAA,CAACC,UAAI,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;;;;"}
+{"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":["createBlock","styles","useRef","useCallback","Button","Pin","PinFill","Icon"],"mappings":";;;;;;;;AAYA,MAAM,CAAC,GAAGA,cAAW,CAAC,qBAAqB,EAAEC,+BAAM,CAAC;AAWvC,MAAA,gBAAgB,GAAoC,CAAC,KAAK,KAAI;IACvE,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK;AACxC,IAAA,MAAM,GAAG,GAAGC,YAAM,CAAwC,IAAI,CAAC;AAE/D,IAAA,MAAM,gBAAgB,GAAGC,iBAAW,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,GAAGA,iBAAW,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,QACI,KAAC,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;YACZ,KAAM,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,KAClC,KAAC,CAAA,aAAA,CAAAC,YAAM,EACH,EAAA,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,gBAAgB,GAAG,aAAa,EAAA;gBAEpD,KAAC,CAAA,aAAA,CAAAA,YAAM,CAAC,IAAI,EAAE,IAAA,EAAA,IAAI,CAAC,MAAM,GAAG,KAAC,CAAA,aAAA,CAAAC,SAAG,OAAG,GAAG,KAAA,CAAA,aAAA,CAACC,aAAO,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,IACtB,KAAA,CAAA,aAAA,CAACC,UAAI,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/cjs/components/AsideHeader/components/AllPagesPanel/i18n/en.json.js

@@ -7,9 +7,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"
 };
 
 exports.default = en;

package/build/cjs/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/cjs/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/cjs/components/AsideHeader/components/AllPagesPanel/i18n/ru.json.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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": "Все страницы"
 };
 
 exports.default = ru;

package/build/cjs/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/cjs/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/cjs/components/AsideHeader/components/AsideDivider.js

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

package/build/cjs/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":["__rest"],"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/CA,YAAA,CAAA,EAAA,EAAA,CAAA,cAAA,EAAA,IAAA,CAAgD,CAAD;IACxE,OAAO,KAAA,CAAA,aAAA,CAAC,SAAS,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,6BAAyB,YAAY,EAAA,aAAA,EAAc,MAAM,EAAA,CAAA,CAAG;AAC3F;;;;"}

package/build/cjs/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/cjs/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/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.js

@@ -2,28 +2,32 @@ import './CollapseButton.css';
 'use strict';
 
 var React = require('react');
+var icons = require('@gravity-ui/icons');
 var uikit = require('@gravity-ui/uikit');
 var cn = require('../../../utils/cn.js');
 var AsideHeaderContext = require('../../AsideHeaderContext.js');
 var index = require('../../i18n/index.js');
-var controlMenuButton = require('../../../../assets/icons/control-menu-button.svg.js');
 var CollapseButton_module = require('./CollapseButton.module.scss.js');
 
 const b = cn.createBlock('collapse-button', CollapseButton_module.default);
-const CollapseButton = ({ className }) => {
+const CollapseButton = ({ className, panelId, slotRef }) => {
     const { onChangeCompact, compact, expandTitle, collapseTitle, collapseButtonWrapper } = AsideHeaderContext.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 = React.useCallback(() => {
         onChangeCompact === null || onChangeCompact === undefined ? undefined : onChangeCompact(!compact);
     }, [compact, onChangeCompact]);
     const buttonTitle = compact
         ? expandTitle || index.default('button_expand')
         : collapseTitle || index.default('button_collapse');
-    const defaultButton = (React.createElement("button", { className: b({ compact }, className), onClick: onCollapseButtonClick, title: buttonTitle },
-        React.createElement(uikit.Icon, { data: controlMenuButton.default, className: b('icon'), width: "16", height: "10" })));
-    if (collapseButtonWrapper) {
-        return collapseButtonWrapper(defaultButton, { compact, onChangeCompact });
-    }
-    return defaultButton;
+    const defaultButton = (React.createElement("button", { className: b({ compact }, className), onClick: onCollapseButtonClick, title: buttonTitle, type: "button", "aria-controls": panelId, "aria-expanded": !compact },
+        React.createElement(uikit.Icon, { data: icons.ChevronRight, className: b('icon'), size: 16 })));
+    const button = collapseButtonWrapper
+        ? collapseButtonWrapper(defaultButton, { compact, onChangeCompact })
+        : defaultButton;
+    return (React.createElement("div", { "data-gn-aside-collapse-layer": true, className: b('layer', { compact }) },
+        React.createElement("div", { "data-gn-aside-collapse-slot": true, className: b('slot', { compact }), ref: slotRef }, button)));
 };
 
 exports.CollapseButton = CollapseButton;

package/build/cjs/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":["createBlock","styles","useAsideHeaderInnerContext","useCallback","i18n","Icon","controlMenuButtonIcon"],"mappings":";;;;;;;;;;AAYA,MAAM,CAAC,GAAGA,cAAW,CAAC,iBAAiB,EAAEC,6BAAM,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/EC,6CAA0B,EAAE;AAEhC,IAAA,MAAM,qBAAqB,GAAGC,iBAAW,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,IAAIC,aAAI,CAAC,eAAe;AACrC,UAAE,aAAa,IAAIA,aAAI,CAAC,iBAAiB,CAAC;IAE9C,MAAM,aAAa,IACf,KAAA,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;QAElB,KAAC,CAAA,aAAA,CAAAC,UAAI,IAAC,IAAI,EAAEC,yBAAqB,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":["createBlock","styles","useAsideHeaderInnerContext","useCallback","i18n","Icon","ChevronRight"],"mappings":";;;;;;;;;;AAWA,MAAM,CAAC,GAAGA,cAAW,CAAC,iBAAiB,EAAEC,6BAAM,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/EC,6CAA0B,EAAE;;;;AAKhC,IAAA,MAAM,qBAAqB,GAAGC,iBAAW,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,IAAIC,aAAI,CAAC,eAAe;AACrC,UAAE,aAAa,IAAIA,aAAI,CAAC,iBAAiB,CAAC;AAE9C,IAAA,MAAM,aAAa,IACf,KAAA,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,QAAA,KAAA,CAAA,aAAA,CAACC,UAAI,EAAC,EAAA,IAAI,EAAEC,kBAAY,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,QACI,KAAkC,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,8BAAA,EAAA,IAAA,EAAA,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAC,CAAC,EAAA;AAC9D,QAAA,KAAA,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/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.module.scss.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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"};
 
 exports.default = styles;
 //# sourceMappingURL=CollapseButton.module.scss.js.map

package/build/cjs/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 {};