@diplodoc/components 5.16.2 → 5.17.2

package/build/esm/components/TocItem/TocItem.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/TocItem/TocItem.scss", "../../../../src/components/TocItem/%3Cinput css Y0_bQ3%3E", "../../../../src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/TocItem/TocItem.scss", "../../../../src/components/TocItem/%3Cinput css 1juTlv%3E", "../../../../src/styles/mixins.scss"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../styles/variables';\n@use '../../styles/mixins';\n\n$visibleStartPadding: 12px;\n\n.dc-toc-item {\n    cursor: pointer;\n    user-select: none;\n\n    &__link {\n        --g-focus-border-radius: 4px;\n\n        display: block;\n        text-decoration: none;\n        border-radius: var(--g-focus-border-radius);\n\n        @include mixins.focusable(-2px); // -2px, as outline on focues goes out of toc's borders\n    }\n\n    &__wrapper {\n        display: flex;\n        align-items: center;\n\n        padding: 7px 0px 5px;\n    }\n\n    &__text-block {\n        display: block;\n\n        position: relative;\n        padding: 7px 12px 7px 20px;\n        width: 100%;\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n            padding: 10px 12px 10px (28px + $visibleStartPadding);\n\n            [dir='rtl'] & {\n                padding: 10px (28px + $visibleStartPadding) 10px 12px;\n            }\n        }\n\n        [dir='rtl'] & {\n            padding: 7px 20px 7px 12px;\n        }\n    }\n\n    &__text {\n        --g-focus-border-radius: 4px;\n\n        font-family: inherit;\n        font-size: inherit;\n        font-weight: inherit;\n\n        box-sizing: border-box;\n        word-break: break-word;\n        background-color: transparent;\n        border: 0;\n        text-align: initial;\n        border-radius: var(--g-focus-border-radius);\n\n        color: var(--g-color-text-primary);\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n            @include mixins.text-size(body-2);\n        }\n\n        &_active {\n            border-radius: 3px;\n            background: var(--g-color-base-selection);\n        }\n\n        &_labeled {\n            font-weight: 500;\n            text-transform: uppercase;\n\n            @include mixins.text-size(body-1);\n        }\n\n        &_deprecated {\n            span {\n                width: 90%;\n                display: block;\n            }\n\n            svg {\n                position: absolute;\n                top: 50%;\n                right: 6px;\n                transform: translateY(-50%);\n                opacity: 0.6;\n            }\n        }\n\n        &_clicable {\n            cursor: pointer;\n\n            &:hover {\n                border-radius: 3px;\n                background: var(--g-color-base-simple-hover);\n            }\n        }\n\n        @include mixins.focusable(-2px); // -2px, as outline on focues goes out of toc's borders\n    }\n\n    &__icon {\n        position: absolute;\n        left: 0;\n\n        [dir='rtl'] & {\n            right: 0;\n        }\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n            left: $visibleStartPadding;\n\n            [dir='rtl'] & {\n                right: $visibleStartPadding;\n            }\n        }\n    }\n\n    &__arrow {\n        align-self: stretch;\n        height: auto;\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n            margin-right: 20px;\n            left: $visibleStartPadding;\n\n            [dir='rtl'] & {\n                left: 0;\n                margin-left: 20px;\n            }\n\n            .g-button__icon {\n                left: -$visibleStartPadding;\n\n                [dir='rtl'] & {\n                    left: 0;\n                    right: 0;\n                }\n            }\n        }\n\n        &:hover:before {\n            background: none;\n        }\n    }\n}\n", ".dc-toc-item {\n  cursor: pointer;\n  user-select: none;\n}\n.dc-toc-item__link {\n  --g-focus-border-radius: 4px;\n  display: block;\n  text-decoration: none;\n  border-radius: var(--g-focus-border-radius);\n}\n.dc-toc-item__link:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: -2px;\n}\n.dc-toc-item__link:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-toc-item__wrapper {\n  display: flex;\n  align-items: center;\n  padding: 7px 0px 5px;\n}\n.dc-toc-item__text-block {\n  display: block;\n  position: relative;\n  padding: 7px 12px 7px 20px;\n  width: 100%;\n}\n@media (max-width: 768px) {\n  .dc-toc-item__text-block {\n    padding: 10px 12px 10px 40px;\n  }\n  [dir=rtl] .dc-toc-item__text-block {\n    padding: 10px 40px 10px 12px;\n  }\n}\n[dir=rtl] .dc-toc-item__text-block {\n  padding: 7px 20px 7px 12px;\n}\n.dc-toc-item__text {\n  --g-focus-border-radius: 4px;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  box-sizing: border-box;\n  word-break: break-word;\n  background-color: transparent;\n  border: 0;\n  text-align: initial;\n  border-radius: var(--g-focus-border-radius);\n  color: var(--g-color-text-primary);\n}\n@media (max-width: 768px) {\n  .dc-toc-item__text {\n    font-size: var(--g-text-body-2-font-size);\n    line-height: var(--g-text-body-2-line-height);\n  }\n}\n.dc-toc-item__text_active {\n  border-radius: 3px;\n  background: var(--g-color-base-selection);\n}\n.dc-toc-item__text_labeled {\n  font-weight: 500;\n  text-transform: uppercase;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-toc-item__text_deprecated span {\n  width: 90%;\n  display: block;\n}\n.dc-toc-item__text_deprecated svg {\n  position: absolute;\n  top: 50%;\n  right: 6px;\n  transform: translateY(-50%);\n  opacity: 0.6;\n}\n.dc-toc-item__text_clicable {\n  cursor: pointer;\n}\n.dc-toc-item__text_clicable:hover {\n  border-radius: 3px;\n  background: var(--g-color-base-simple-hover);\n}\n.dc-toc-item__text:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: -2px;\n}\n.dc-toc-item__text:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-toc-item__icon {\n  position: absolute;\n  left: 0;\n}\n[dir=rtl] .dc-toc-item__icon {\n  right: 0;\n}\n@media (max-width: 768px) {\n  .dc-toc-item__icon {\n    left: 12px;\n  }\n  [dir=rtl] .dc-toc-item__icon {\n    right: 12px;\n  }\n}\n.dc-toc-item__arrow {\n  align-self: stretch;\n  height: auto;\n}\n@media (max-width: 768px) {\n  .dc-toc-item__arrow {\n    margin-right: 20px;\n    left: 12px;\n  }\n  [dir=rtl] .dc-toc-item__arrow {\n    left: 0;\n    margin-left: 20px;\n  }\n  .dc-toc-item__arrow .g-button__icon {\n    left: -12px;\n  }\n  [dir=rtl] .dc-toc-item__arrow .g-button__icon {\n    left: 0;\n    right: 0;\n  }\n}\n.dc-toc-item__arrow:hover:before {\n  background: none;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1RvY0l0ZW0iLCJzb3VyY2VzIjpbIlRvY0l0ZW0uc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQTtFQUNJO0VBQ0E7O0FBRUE7RUFDSTtFQUVBO0VBQ0E7RUFDQTs7QUNtQkE7RUFDSTtFQUNBLGdCRG5Cc0I7O0FDcUIxQjtFQUNJOztBRG5CUjtFQUNJO0VBQ0E7RUFFQTs7QUFHSjtFQUNJO0VBRUE7RUFDQTtFQUNBOztBQUVBO0VBUEo7SUFRUTs7RUFFQTtJQUNJOzs7QUFJUjtFQUNJOztBQUlSO0VBQ0k7RUFFQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7QUFFQTtFQWhCSjtJQzNDQTtJQUNBOzs7QUQ4REk7RUFDSTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQ3RFUjtFQUNBOztBRDJFUTtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUlSO0VBQ0k7O0FBRUE7RUFDSTtFQUNBOztBQ2pFUjtFQUNJO0VBQ0EsZ0JEbUVzQjs7QUNqRTFCO0VBQ0k7O0FEbUVSO0VBQ0k7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBUko7SUFTUSxNQS9HVTs7RUFpSFY7SUFDSSxPQWxITTs7O0FBdUhsQjtFQUNJO0VBQ0E7O0FBRUE7RUFKSjtJQUtRO0lBQ0EsTUE3SFU7O0VBK0hWO0lBQ0k7SUFDQTs7RUFHSjtJQUNJOztFQUVBO0lBQ0k7SUFDQTs7O0FBS1o7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbiR2aXNpYmxlU3RhcnRQYWRkaW5nOiAxMnB4O1xuXG4uZGMtdG9jLWl0ZW0ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgICZfX2xpbmsge1xuICAgICAgICAtLWctZm9jdXMtYm9yZGVyLXJhZGl1czogNHB4O1xuXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAgICAgQGluY2x1ZGUgbWl4aW5zLmZvY3VzYWJsZSgtMnB4KTsgLy8gLTJweCwgYXMgb3V0bGluZSBvbiBmb2N1ZXMgZ29lcyBvdXQgb2YgdG9jJ3MgYm9yZGVyc1xuICAgIH1cblxuICAgICZfX3dyYXBwZXIge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgIHBhZGRpbmc6IDdweCAwcHggNXB4O1xuICAgIH1cblxuICAgICZfX3RleHQtYmxvY2sge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcblxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHBhZGRpbmc6IDdweCAxMnB4IDdweCAyMHB4O1xuICAgICAgICB3aWR0aDogMTAwJTtcblxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDEwcHggMTJweCAxMHB4ICgyOHB4ICsgJHZpc2libGVTdGFydFBhZGRpbmcpO1xuXG4gICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAxMHB4ICgyOHB4ICsgJHZpc2libGVTdGFydFBhZGRpbmcpIDEwcHggMTJweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIFtkaXI9J3J0bCddICYge1xuICAgICAgICAgICAgcGFkZGluZzogN3B4IDIwcHggN3B4IDEycHg7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX190ZXh0IHtcbiAgICAgICAgLS1nLWZvY3VzLWJvcmRlci1yYWRpdXM6IDRweDtcblxuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xuICAgICAgICBmb250LXdlaWdodDogaW5oZXJpdDtcblxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyOiAwO1xuICAgICAgICB0ZXh0LWFsaWduOiBpbml0aWFsO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgICAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMik7XG4gICAgICAgIH1cblxuICAgICAgICAmX2FjdGl2ZSB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2Utc2VsZWN0aW9uKTtcbiAgICAgICAgfVxuXG4gICAgICAgICZfbGFiZWxlZCB7XG4gICAgICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICAgICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcblxuICAgICAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTEpO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9kZXByZWNhdGVkIHtcbiAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIHdpZHRoOiA5MCU7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHN2ZyB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICAgIHJpZ2h0OiA2cHg7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6IDAuNjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfY2xpY2FibGUge1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLXNpbXBsZS1ob3Zlcik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBAaW5jbHVkZSBtaXhpbnMuZm9jdXNhYmxlKC0ycHgpOyAvLyAtMnB4LCBhcyBvdXRsaW5lIG9uIGZvY3VlcyBnb2VzIG91dCBvZiB0b2MncyBib3JkZXJzXG4gICAgfVxuXG4gICAgJl9faWNvbiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgbGVmdDogMDtcblxuICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgICAgICBsZWZ0OiAkdmlzaWJsZVN0YXJ0UGFkZGluZztcblxuICAgICAgICAgICAgW2Rpcj0ncnRsJ10gJiB7XG4gICAgICAgICAgICAgICAgcmlnaHQ6ICR2aXNpYmxlU3RhcnRQYWRkaW5nO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fYXJyb3cge1xuICAgICAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICAgICAgICBoZWlnaHQ6IGF1dG87XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgICAgICAgICBsZWZ0OiAkdmlzaWJsZVN0YXJ0UGFkZGluZztcblxuICAgICAgICAgICAgW2Rpcj0ncnRsJ10gJiB7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMjBweDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLmctYnV0dG9uX19pY29uIHtcbiAgICAgICAgICAgICAgICBsZWZ0OiAtJHZpc2libGVTdGFydFBhZGRpbmc7XG5cbiAgICAgICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpob3ZlcjpiZWZvcmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBncmF2aXR5LXVpLXRleHQtc2l6ZXMoJGRlbHRhKSB7XG4gICAgLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZTogI3sxM3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQ6ICN7MThweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0yLWZvbnQtc2l6ZTogI3sxNXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQ6ICN7MjBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0zLWZvbnQtc2l6ZTogI3sxN3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTMtbGluZS1oZWlnaHQ6ICN7MjRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS1zaG9ydC1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY2FwdGlvbi0xLWZvbnQtc2l6ZTogI3s5cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNhcHRpb24tMi1mb250LXNpemU6ICN7MTFweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtaGVhZGVyLTEtZm9udC1zaXplOiAjezIwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWhlYWRlci0yLWZvbnQtc2l6ZTogI3syNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMS1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTItZm9udC1zaXplOiAjezE1cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0zLWZvbnQtc2l6ZTogI3sxN3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTEtZm9udC1zaXplOiAjezI4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMi1mb250LXNpemU6ICN7MzJweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0zLWZvbnQtc2l6ZTogI3s0MHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTQtZm9udC1zaXplOiAjezQ4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMS1mb250LXNpemU6ICN7MTJweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0yLWZvbnQtc2l6ZTogI3sxNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTMtZm9udC1zaXplOiAjezE2cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTEtZm9udC1zaXplOiAjezEycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTItZm9udC1zaXplOiAjezE0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTMtZm9udC1zaXplOiAjezE2cHggKyAkZGVsdGF9O1xuXG4gICAgLS15Zm0tZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1saW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMi1saW5lLWhlaWdodCk7XG4gICAgLS15Zm0tZm9udC1zaXplLWgyOiB2YXIoLS1nLXRleHQtaGVhZGVyLTItZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDM6IHZhcigtLWctdGV4dC1oZWFkZXItMS1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNDogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0zLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg1OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTItZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDY6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMS1mb250LXNpemUpO1xufVxuIl19 */", "@use 'sass:map';\n@use 'variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n    @if $mode == 'outline' {\n        &:focus {\n            outline: 2px solid var(--g-color-line-focus);\n            outline-offset: $offset;\n        }\n        &:focus:not(:focus-visible) {\n            outline: 0;\n        }\n    }\n\n    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n"],
   "mappings": ";AAMA,CAAA;AACI,UAAA;AACA,uBAAA;AAAA,oBAAA;AAAA,eAAA;ACLJ;ADOI,CAAA;AACI,2BAAA;AAEA,WAAA;AACA,2BAAA;AAAA,mBAAA;AACA,iBAAA;AAAA,iBAAA,IAAA;ACNR;ACyBQ,CFxBJ,iBEwBI;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ADvBZ;ACyBQ,CF5BJ,iBE4BI,MAAA,KAAA;AACI,WAAA;ADvBZ;ADII,CAAA;AACI,WAAA;AACA,eAAA;AAEA,WAAA,IAAA,IAAA;ACHR;ADMI,CAAA;AACI,WAAA;AAEA,YAAA;AACA,WAAA,IAAA,KAAA,IAAA;AACA,SAAA;ACLR;ADOQ,QAAA,WAAA;AAPJ,GAAA;AAQQ,aAAA,KAAA,KAAA,KAAA;ACJV;ADMU,GAAA,SAAA,CAVR;AAWY,aAAA,KAAA,KAAA,KAAA;ACJd;AACF;ADOQ,CAAA,SAAA,CAfJ;AAgBQ,WAAA,IAAA,KAAA,IAAA;ACLZ;ADSI,CAAA;AACI,2BAAA;AAEA,eAAA;AACA,aAAA;AACA,eAAA;AAEA,cAAA;AACA,cAAA;AACA,oBAAA;AACA,UAAA;AACA,cAAA;AAAA,cAAA;AACA,iBAAA;AAAA,iBAAA,IAAA;AAEA,SAAA,IAAA;ACVR;ADYQ,QAAA,WAAA;AAhBJ,GAAA;AE3CA,eAAA,IAAA;AACA,iBAAA,IAAA;ADmDF;AACF;ADUQ,CAAA;AACI,iBAAA;AACA,cAAA,IAAA;ACRZ;ADWQ,CAAA;AACI,eAAA;AACA,kBAAA;AEtER,aAAA,IAAA;AACA,eAAA,IAAA;AD8DJ;ADaY,CAAA,6BAAA;AACI,SAAA;AACA,WAAA;ACXhB;ADcY,CALA,6BAKA;AACI,YAAA;AACA,OAAA;AACA,SAAA;AACA,aAAA,WAAA;AACA,WAAA;ACZhB;ADgBQ,CAAA;AACI,UAAA;ACdZ;ADgBY,CAHJ,0BAGI;AACI,iBAAA;AACA,cAAA,IAAA;ACdhB;ACnDQ,CFaJ,iBEbI;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ADqDZ;ACnDQ,CFSJ,iBETI,MAAA,KAAA;AACI,WAAA;ADqDZ;ADcI,CAAA;AACI,YAAA;AACA,QAAA;ACZR;ADcQ,CAAA,SAAA,CAJJ;AAKQ,SAAA;ACZZ;ADeQ,QAAA,WAAA;AARJ,GAAA;AASQ,UAAA;ACZV;ADcU,GAAA,SAAA,CAXR;AAYY,WAAA;ACZd;AACF;ADgBI,CAAA;AACI,cAAA;AACA,UAAA;ACdR;ADgBQ,QAAA,WAAA;AAJJ,GAAA;AAKQ,kBAAA;AACA,UAAA;ACbV;ADeU,GAAA,SAAA,CARR;AASY,UAAA;AACA,iBAAA;ACbd;ADgBU,GAbR,mBAaQ,CAAA;AACI,UAAA;ACdd;ADgBc,GAAA,SAAA,CAhBZ,mBAgBY,CAHJ;AAIQ,UAAA;AACA,WAAA;ACdlB;AACF;ADkBQ,CAvBJ,kBAuBI,MAAA;AACI,cAAA;AChBZ;",
   "names": []

package/build/esm/components/TocItem/TocItem.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b2) => {
     }
   return a;
 };
+var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
 
 // src/components/TocItem/TocItem.tsx
 import React from "react";
@@ -26,6 +29,7 @@ import { isExternalHref } from "../../utils";
 import { DefaultAnalyticsEventNames } from "../../shared/libs/analytics";
 import { ToggleArrow } from "../ToggleArrow";
 import "./TocItem.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-toc-item");
 var TocItem = React.forwardRef(
   ({
@@ -55,9 +59,13 @@ var TocItem = React.forwardRef(
       toggleItem(id, expanded);
     };
     const { t } = useTranslation("toc-nav-panel");
-    const deprecatedIcon = deprecated ? /* @__PURE__ */ React.createElement(Ban, null) : null;
-    const text = /* @__PURE__ */ React.createElement("span", null, name, " ", deprecatedIcon);
-    const icon = expandable ? /* @__PURE__ */ React.createElement(ToggleArrow, { className: b("icon"), open: expanded, thin: true }) : null;
+    const deprecatedIcon = deprecated ? /* @__PURE__ */ jsx(Ban, {}) : null;
+    const text = /* @__PURE__ */ jsxs("span", { children: [
+      name,
+      " ",
+      deprecatedIcon
+    ] });
+    const icon = expandable ? /* @__PURE__ */ jsx(ToggleArrow, { className: b("icon"), open: expanded, thin: true }) : null;
     const allyButtonProps = {
       "aria-expanded": expandable && !href ? expanded : void 0,
       "aria-label": expandable ? t("drop-down-list") + " " + name : void 0
@@ -103,20 +111,23 @@ var TocItem = React.forwardRef(
       "data-router-shallow": true
     };
     if (expandable && href) {
-      return /* @__PURE__ */ React.createElement("a", __spreadValues({}, linkAttributes), /* @__PURE__ */ React.createElement("div", { className: b("wrapper", b("text", textProps)) }, /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          size: "xs",
-          className: b("arrow"),
-          view: "flat",
-          onClick: handleArrowClick,
-          extraProps: allyButtonProps,
-          ref
-        },
-        /* @__PURE__ */ React.createElement(Button.Icon, null, icon)
-      ), /* @__PURE__ */ React.createElement("span", { className: b("text") }, text)));
+      return /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkAttributes), { children: /* @__PURE__ */ jsxs("div", { className: b("wrapper", b("text", textProps)), children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "xs",
+            className: b("arrow"),
+            view: "flat",
+            onClick: handleArrowClick,
+            extraProps: allyButtonProps,
+            ref,
+            children: /* @__PURE__ */ jsx(Button.Icon, { children: icon })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: b("text"), children: text })
+      ] }) }));
     }
-    return /* @__PURE__ */ React.createElement("a", __spreadValues({}, linkAttributes), content);
+    return /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkAttributes), { children: content }));
   }
 );
 TocItem.displayName = "TocItem";

package/build/esm/components/TocItem/TocItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/TocItem/TocItem.tsx"],
   "sourcesContent": ["import type {TocItem as ITocItem} from '../../models';\n\nimport React from 'react';\nimport block from 'bem-cn-lite';\nimport {useAnalytics} from '@gravity-ui/page-constructor';\nimport {Button} from '@gravity-ui/uikit';\nimport {Ban} from '@gravity-ui/icons';\n\nimport {useTranslation} from '../../hooks';\nimport {isExternalHref} from '../../utils';\nimport {DefaultAnalyticsEventNames} from '../../shared/libs/analytics';\nimport {ToggleArrow} from '../ToggleArrow';\n\nimport './TocItem.scss';\n\nconst b = block('dc-toc-item');\n\nexport interface TocItemProps extends ITocItem {\n    id: string;\n    name: string;\n    href?: string;\n    items?: ITocItem[];\n    active: boolean;\n    expandable: boolean;\n    expanded: boolean;\n    deprecated?: boolean;\n    toggleItem: (id: string, opened: boolean) => void;\n}\n\nexport const TocItem: React.FC<TocItemProps> = React.forwardRef(\n    (\n        {\n            id,\n            name,\n            href,\n            active,\n            expandable,\n            expanded,\n            toggleItem,\n            labeled,\n            deprecated,\n            analyticsEvents,\n            target,\n        },\n        ref: React.ForwardedRef<HTMLButtonElement>,\n    ) => {\n        const handleAnalytics = useAnalytics(DefaultAnalyticsEventNames.DOCS_TOC_ITEM_CLICK, href);\n\n        const sendAnalytics = () => {\n            handleAnalytics(analyticsEvents);\n        };\n\n        const handleClick = () => {\n            sendAnalytics();\n            toggleItem(id, expanded);\n        };\n\n        const handleArrowClick = (event: React.MouseEvent) => {\n            event.stopPropagation();\n            event.preventDefault();\n            toggleItem(id, expanded);\n        };\n\n        const {t} = useTranslation('toc-nav-panel');\n\n        const deprecatedIcon = deprecated ? <Ban /> : null;\n        const text = (\n            <span>\n                {name} {deprecatedIcon}\n            </span>\n        );\n        const icon = expandable ? (\n            <ToggleArrow className={b('icon')} open={expanded} thin={true} />\n        ) : null;\n\n        const allyButtonProps = {\n            'aria-expanded': expandable && !href ? expanded : undefined,\n            'aria-label': expandable ? t('drop-down-list') + ' ' + name : undefined,\n        };\n        const textProps = {\n            clicable: Boolean(expandable || href),\n            active,\n            labeled,\n            deprecated,\n        };\n\n        const getContentClickHandler = () => {\n            if (href) {\n                return undefined;\n            }\n            if (expandable) {\n                return handleClick;\n            }\n            return sendAnalytics;\n        };\n\n        const content = React.createElement(\n            href ? 'div' : 'button',\n            {\n                ref,\n                className: b('text', textProps, b('text-block')),\n                onClick: getContentClickHandler(),\n                ...allyButtonProps,\n            },\n            icon,\n            text,\n        );\n\n        if (!href) {\n            return content;\n        }\n\n        const isExternal = isExternalHref(href);\n        const linkTarget = target || (isExternal ? '_blank' : '_self');\n        const linkAttributes = {\n            href,\n            target: linkTarget,\n            rel: linkTarget === '_blank' ? 'noopener noreferrer' : undefined,\n            className: b('link'),\n            onClick: expandable && href ? handleClick : sendAnalytics,\n            'aria-expanded': expandable ? expanded : undefined,\n            'aria-current': active ? ('true' as const) : undefined,\n            'data-router-shallow': true,\n        };\n\n        if (expandable && href) {\n            return (\n                <a {...linkAttributes}>\n                    <div className={b('wrapper', b('text', textProps))}>\n                        <Button\n                            size={'xs'}\n                            className={b('arrow')}\n                            view={'flat'}\n                            onClick={handleArrowClick}\n                            extraProps={allyButtonProps}\n                            ref={ref}\n                        >\n                            <Button.Icon>{icon}</Button.Icon>\n                        </Button>\n                        <span className={b('text')}>{text}</span>\n                    </div>\n                </a>\n            );\n        }\n\n        return <a {...linkAttributes}>{content}</a>;\n    },\n);\n\nTocItem.displayName = 'TocItem';\n\nexport default TocItem;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/build/esm/components/TocLable/TocLabel.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/TocLable/TocLabel.scss", "../../../../src/components/TocLable/%3Cinput css 3FGxbo%3E"],
+  "sources": ["../../../../src/components/TocLable/TocLabel.scss", "../../../../src/components/TocLable/%3Cinput css kwQeTr%3E"],
   "sourcesContent": ["@use '../../styles/variables';\n@use '../../styles/mixins';\n\n.dc-toc-label {\n    &_offset {\n        margin-left: 10px;\n\n        [dir='rtl'] & {\n            margin-right: 10px;\n        }\n    }\n\n    &__label-tooltip {\n        padding: 16px;\n    }\n\n    &__label-wrapper {\n        cursor: pointer;\n    }\n}\n", ".dc-toc-label_offset {\n  margin-left: 10px;\n}\n[dir=rtl] .dc-toc-label_offset {\n  margin-right: 10px;\n}\n.dc-toc-label__label-tooltip {\n  padding: 16px;\n}\n.dc-toc-label__label-wrapper {\n  cursor: pointer;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1RvY0xhYmxlIiwic291cmNlcyI6WyJUb2NMYWJlbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlJO0VBQ0k7O0FBRUE7RUFDSTs7QUFJUjtFQUNJOztBQUdKO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkB1c2UgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtdG9jLWxhYmVsIHtcbiAgICAmX29mZnNldCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuXG4gICAgICAgIFtkaXI9J3J0bCddICYge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fbGFiZWwtdG9vbHRpcCB7XG4gICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgfVxuXG4gICAgJl9fbGFiZWwtd3JhcHBlciB7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG59XG4iXX0= */"],
   "mappings": ";AAII,CAAA;AACI,eAAA;ACHR;ADKQ,CAAA,SAAA,CAHJ;AAIQ,gBAAA;ACHZ;ADOI,CAAA;AACI,WAAA;ACLR;ADQI,CAAA;AACI,UAAA;ACNR;",
   "names": []

package/build/esm/components/TocLable/TocLabel.js

@@ -1,19 +1,19 @@
 // src/components/TocLable/TocLabel.tsx
-import React from "react";
 import { Label, Popover, useDirection } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
 import "./TocLabel.css";
+import { jsx } from "react/jsx-runtime";
 var b = block("dc-toc-label");
 var TocLabel = ({ label }) => {
   const direction = useDirection();
   let labelElement = null;
   if (label == null ? void 0 : label.title) {
     const hasDescription = Boolean(label.description);
-    labelElement = /* @__PURE__ */ React.createElement(Label, { size: "xs", theme: label.theme, className: b({ offset: !hasDescription }) }, label.title);
-    const labelTooltip = /* @__PURE__ */ React.createElement("div", { className: b("label-tooltip") }, label.description);
+    labelElement = /* @__PURE__ */ jsx(Label, { size: "xs", theme: label.theme, className: b({ offset: !hasDescription }), children: label.title });
+    const labelTooltip = /* @__PURE__ */ jsx("div", { className: b("label-tooltip"), children: label.description });
     if (hasDescription) {
       const placement = direction === "rtl" ? "left" : "right";
-      labelElement = /* @__PURE__ */ React.createElement(
+      labelElement = /* @__PURE__ */ jsx(
         Popover,
         {
           content: labelTooltip,
@@ -21,9 +21,9 @@ var TocLabel = ({ label }) => {
           hasArrow: true,
           strategy: "fixed",
           openDelay: 100,
-          className: b({ offset: true })
-        },
-        /* @__PURE__ */ React.createElement("div", { className: b("label-wrapper"), onClick: (e) => e.preventDefault() }, labelElement)
+          className: b({ offset: true }),
+          children: /* @__PURE__ */ jsx("div", { className: b("label-wrapper"), onClick: (e) => e.preventDefault(), children: labelElement })
+        }
       );
     }
   }

package/build/esm/components/TocLable/TocLabel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/TocLable/TocLabel.tsx"],
-  "sourcesContent": ["import type {FC} from 'react';\nimport type {TocLabel as TocLabelType} from '../../models';\n\nimport React from 'react';\nimport {Label, Popover, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './TocLabel.scss';\n\nconst b = block('dc-toc-label');\n\ninterface TocLabelProps {\n    label: TocLabelType;\n}\n\nconst TocLabel: FC<TocLabelProps> = ({label}) => {\n    const direction = useDirection();\n\n    let labelElement = null;\n    if (label?.title) {\n        const hasDescription = Boolean(label.description);\n        labelElement = (\n            <Label size={'xs'} theme={label.theme} className={b({offset: !hasDescription})}>\n                {label.title}\n            </Label>\n        );\n\n        const labelTooltip = <div className={b('label-tooltip')}>{label.description}</div>;\n\n        if (hasDescription) {\n            const placement = direction === 'rtl' ? 'left' : 'right';\n            labelElement = (\n                <Popover\n                    content={labelTooltip}\n                    placement={placement}\n                    hasArrow={true}\n                    strategy=\"fixed\"\n                    openDelay={100}\n                    className={b({offset: true})}\n                >\n                    <div className={b('label-wrapper')} onClick={(e) => e.preventDefault()}>\n                        {labelElement}\n                    </div>\n                </Popover>\n            );\n        }\n    }\n\n    return labelElement;\n};\n\nexport default TocLabel;\n"],
-  "mappings": ";AAGA,OAAO,WAAW;AAClB,SAAQ,OAAO,SAAS,oBAAmB;AAC3C,OAAO,WAAW;AAElB,OAAO;AAEP,IAAM,IAAI,MAAM,cAAc;AAM9B,IAAM,WAA8B,CAAC,EAAC,MAAK,MAAM;AAC7C,QAAM,YAAY,aAAa;AAE/B,MAAI,eAAe;AACnB,MAAI,+BAAO,OAAO;AACd,UAAM,iBAAiB,QAAQ,MAAM,WAAW;AAChD,mBACI,oCAAC,SAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAW,EAAE,EAAC,QAAQ,CAAC,eAAc,CAAC,KACxE,MAAM,KACX;AAGJ,UAAM,eAAe,oCAAC,SAAI,WAAW,EAAE,eAAe,KAAI,MAAM,WAAY;AAE5E,QAAI,gBAAgB;AAChB,YAAM,YAAY,cAAc,QAAQ,SAAS;AACjD,qBACI;AAAA,QAAC;AAAA;AAAA,UACG,SAAS;AAAA,UACT;AAAA,UACA,UAAU;AAAA,UACV,UAAS;AAAA,UACT,WAAW;AAAA,UACX,WAAW,EAAE,EAAC,QAAQ,KAAI,CAAC;AAAA;AAAA,QAE3B,oCAAC,SAAI,WAAW,EAAE,eAAe,GAAG,SAAS,CAAC,MAAM,EAAE,eAAe,KAChE,YACL;AAAA,MACJ;AAAA,IAER;AAAA,EACJ;AAEA,SAAO;AACX;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {TocLabel as TocLabelType} from '../../models';\n\nimport {Label, Popover, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './TocLabel.scss';\n\nconst b = block('dc-toc-label');\n\ninterface TocLabelProps {\n    label: TocLabelType;\n}\n\nconst TocLabel: FC<TocLabelProps> = ({label}) => {\n    const direction = useDirection();\n\n    let labelElement = null;\n    if (label?.title) {\n        const hasDescription = Boolean(label.description);\n        labelElement = (\n            <Label size={'xs'} theme={label.theme} className={b({offset: !hasDescription})}>\n                {label.title}\n            </Label>\n        );\n\n        const labelTooltip = <div className={b('label-tooltip')}>{label.description}</div>;\n\n        if (hasDescription) {\n            const placement = direction === 'rtl' ? 'left' : 'right';\n            labelElement = (\n                <Popover\n                    content={labelTooltip}\n                    placement={placement}\n                    hasArrow={true}\n                    strategy=\"fixed\"\n                    openDelay={100}\n                    className={b({offset: true})}\n                >\n                    <div className={b('label-wrapper')} onClick={(e) => e.preventDefault()}>\n                        {labelElement}\n                    </div>\n                </Popover>\n            );\n        }\n    }\n\n    return labelElement;\n};\n\nexport default TocLabel;\n"],
+  "mappings": ";AAGA,SAAQ,OAAO,SAAS,oBAAmB;AAC3C,OAAO,WAAW;AAElB,OAAO;AAeK;AAbZ,IAAM,IAAI,MAAM,cAAc;AAM9B,IAAM,WAA8B,CAAC,EAAC,MAAK,MAAM;AAC7C,QAAM,YAAY,aAAa;AAE/B,MAAI,eAAe;AACnB,MAAI,+BAAO,OAAO;AACd,UAAM,iBAAiB,QAAQ,MAAM,WAAW;AAChD,mBACI,oBAAC,SAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAW,EAAE,EAAC,QAAQ,CAAC,eAAc,CAAC,GACxE,gBAAM,OACX;AAGJ,UAAM,eAAe,oBAAC,SAAI,WAAW,EAAE,eAAe,GAAI,gBAAM,aAAY;AAE5E,QAAI,gBAAgB;AAChB,YAAM,YAAY,cAAc,QAAQ,SAAS;AACjD,qBACI;AAAA,QAAC;AAAA;AAAA,UACG,SAAS;AAAA,UACT;AAAA,UACA,UAAU;AAAA,UACV,UAAS;AAAA,UACT,WAAW;AAAA,UACX,WAAW,EAAE,EAAC,QAAQ,KAAI,CAAC;AAAA,UAE3B,8BAAC,SAAI,WAAW,EAAE,eAAe,GAAG,SAAS,CAAC,MAAM,EAAE,eAAe,GAChE,wBACL;AAAA;AAAA,MACJ;AAAA,IAER;AAAA,EACJ;AAEA,SAAO;AACX;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/build/esm/components/TocNavPanel/TocNavPanel.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/TocNavPanel/TocNavPanel.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/TocNavPanel/%3Cinput css YJP0qx%3E"],
+  "sources": ["../../../../src/components/TocNavPanel/TocNavPanel.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/TocNavPanel/%3Cinput css KkYKfA%3E"],
   "sourcesContent": ["@use '../../styles/mixins';\n\n.dc-nav-toc-panel {\n    $iconSize: 24px;\n    $horizontalGap: 16px;\n    $hintPadding: $iconSize + $horizontalGap;\n\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    background: var(--g-color-base-background);\n\n    @include mixins.text-size(body-2);\n\n    &_fixed {\n        position: fixed;\n        bottom: 0;\n        z-index: 1000;\n        left: 0;\n        border-top: 1px solid var(--g-color-line-generic);\n    }\n\n    &_fixed &__control-hint {\n        display: none;\n    }\n\n    &_fixed &__content {\n        padding: 0 40px;\n    }\n\n    &__content {\n        display: flex;\n        justify-content: space-between;\n        flex: 1;\n        max-width: 1440px;\n    }\n\n    &__control {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n        width: 48%;\n\n        &_left,\n        &_left &-text {\n            align-items: flex-start;\n        }\n\n        &_right,\n        &_right &-text {\n            align-items: flex-end;\n        }\n\n        &_left &-name {\n            text-align: start;\n        }\n        &_right &-name {\n            text-align: end;\n        }\n\n        &_left &-hint {\n            padding-inline-start: $hintPadding;\n        }\n        &_right &-hint {\n            padding-inline-end: $hintPadding;\n        }\n\n        & svg {\n            min-width: $iconSize;\n        }\n\n        &_left svg,\n        &_right svg {\n            [dir='rtl'] & {\n                transform: rotate(180deg);\n            }\n        }\n\n        &-hint {\n            color: var(--g-color-text-hint);\n        }\n\n        &-text {\n            display: flex;\n            align-items: center;\n            flex-direction: column;\n        }\n\n        &-name {\n            word-break: break-word;\n        }\n    }\n\n    &__control &__link {\n        align-items: center;\n    }\n\n    &__link {\n        display: flex;\n        align-items: center;\n        gap: $horizontalGap;\n\n        color: var(--g-color-text-primary);\n        font-weight: 500;\n\n        border-radius: var(--g-focus-border-radius);\n\n        @include mixins.focusable();\n    }\n}\n", "@use 'sass:map';\n@use 'variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n    @if $mode == 'outline' {\n        &:focus {\n            outline: 2px solid var(--g-color-line-focus);\n            outline-offset: $offset;\n        }\n        &:focus:not(:focus-visible) {\n            outline: 0;\n        }\n    }\n\n    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n", ".dc-nav-toc-panel {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  background: var(--g-color-base-background);\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n}\n.dc-nav-toc-panel_fixed {\n  position: fixed;\n  bottom: 0;\n  z-index: 1000;\n  left: 0;\n  border-top: 1px solid var(--g-color-line-generic);\n}\n.dc-nav-toc-panel_fixed .dc-nav-toc-panel__control-hint {\n  display: none;\n}\n.dc-nav-toc-panel_fixed .dc-nav-toc-panel__content {\n  padding: 0 40px;\n}\n.dc-nav-toc-panel__content {\n  display: flex;\n  justify-content: space-between;\n  flex: 1;\n  max-width: 1440px;\n}\n.dc-nav-toc-panel__control {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 48%;\n}\n.dc-nav-toc-panel__control_left, .dc-nav-toc-panel__control_left .dc-nav-toc-panel__control-text {\n  align-items: flex-start;\n}\n.dc-nav-toc-panel__control_right, .dc-nav-toc-panel__control_right .dc-nav-toc-panel__control-text {\n  align-items: flex-end;\n}\n.dc-nav-toc-panel__control_left .dc-nav-toc-panel__control-name {\n  text-align: start;\n}\n.dc-nav-toc-panel__control_right .dc-nav-toc-panel__control-name {\n  text-align: end;\n}\n.dc-nav-toc-panel__control_left .dc-nav-toc-panel__control-hint {\n  padding-inline-start: 40px;\n}\n.dc-nav-toc-panel__control_right .dc-nav-toc-panel__control-hint {\n  padding-inline-end: 40px;\n}\n.dc-nav-toc-panel__control svg {\n  min-width: 24px;\n}\n[dir=rtl] .dc-nav-toc-panel__control_left svg, [dir=rtl] .dc-nav-toc-panel__control_right svg {\n  transform: rotate(180deg);\n}\n.dc-nav-toc-panel__control-hint {\n  color: var(--g-color-text-hint);\n}\n.dc-nav-toc-panel__control-text {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n.dc-nav-toc-panel__control-name {\n  word-break: break-word;\n}\n.dc-nav-toc-panel__control .dc-nav-toc-panel__link {\n  align-items: center;\n}\n.dc-nav-toc-panel__link {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  color: var(--g-color-text-primary);\n  font-weight: 500;\n  border-radius: var(--g-focus-border-radius);\n}\n.dc-nav-toc-panel__link:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: 0;\n}\n.dc-nav-toc-panel__link:focus:not(:focus-visible) {\n  outline: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1RvY05hdlBhbmVsIiwic291cmNlcyI6WyJUb2NOYXZQYW5lbC5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBS0k7RUFDQTtFQUNBO0VBQ0E7RUNOQTtFQUNBOztBRFNBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBRUk7O0FBR0o7RUFFSTs7QUFHSjtFQUNJOztBQUVKO0VBQ0k7O0FBR0o7RUFDSSxzQkF4RE07O0FBMERWO0VBQ0ksb0JBM0RNOztBQThEVjtFQUNJLFdBakVHOztBQXNFSDtFQUNJOztBQUlSO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFJUjtFQUNJOztBQUdKO0VBQ0k7RUFDQTtFQUNBLEtBaEdZO0VBa0daO0VBQ0E7RUFFQTs7QUN2RUE7RUFDSTtFQUNBLGdCQUpjOztBQU1sQjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy1uYXYtdG9jLXBhbmVsIHtcbiAgICAkaWNvblNpemU6IDI0cHg7XG4gICAgJGhvcml6b250YWxHYXA6IDE2cHg7XG4gICAgJGhpbnRQYWRkaW5nOiAkaWNvblNpemUgKyAkaG9yaXpvbnRhbEdhcDtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLWJhY2tncm91bmQpO1xuXG4gICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTIpO1xuXG4gICAgJl9maXhlZCB7XG4gICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICB6LWluZGV4OiAxMDAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMpO1xuICAgIH1cblxuICAgICZfZml4ZWQgJl9fY29udHJvbC1oaW50IHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICAmX2ZpeGVkICZfX2NvbnRlbnQge1xuICAgICAgICBwYWRkaW5nOiAwIDQwcHg7XG4gICAgfVxuXG4gICAgJl9fY29udGVudCB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgZmxleDogMTtcbiAgICAgICAgbWF4LXdpZHRoOiAxNDQwcHg7XG4gICAgfVxuXG4gICAgJl9fY29udHJvbCB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGdhcDogNHB4O1xuICAgICAgICB3aWR0aDogNDglO1xuXG4gICAgICAgICZfbGVmdCxcbiAgICAgICAgJl9sZWZ0ICYtdGV4dCB7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfcmlnaHQsXG4gICAgICAgICZfcmlnaHQgJi10ZXh0IHtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfbGVmdCAmLW5hbWUge1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogc3RhcnQ7XG4gICAgICAgIH1cbiAgICAgICAgJl9yaWdodCAmLW5hbWUge1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogZW5kO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9sZWZ0ICYtaGludCB7XG4gICAgICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogJGhpbnRQYWRkaW5nO1xuICAgICAgICB9XG4gICAgICAgICZfcmlnaHQgJi1oaW50IHtcbiAgICAgICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJGhpbnRQYWRkaW5nO1xuICAgICAgICB9XG5cbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgICAgbWluLXdpZHRoOiAkaWNvblNpemU7XG4gICAgICAgIH1cblxuICAgICAgICAmX2xlZnQgc3ZnLFxuICAgICAgICAmX3JpZ2h0IHN2ZyB7XG4gICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi1oaW50IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtaGludCk7XG4gICAgICAgIH1cblxuICAgICAgICAmLXRleHQge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICB9XG5cbiAgICAgICAgJi1uYW1lIHtcbiAgICAgICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250cm9sICZfX2xpbmsge1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cblxuICAgICZfX2xpbmsge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBnYXA6ICRob3Jpem9udGFsR2FwO1xuXG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgICAgICBAaW5jbHVkZSBtaXhpbnMuZm9jdXNhYmxlKCk7XG4gICAgfVxufVxuIiwiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAndmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGZvY3VzYWJsZSgkb2Zmc2V0OiAwLCAkbW9kZTogJ291dGxpbmUnKSB7XG4gICAgQGlmICRtb2RlID09ICdvdXRsaW5lJyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lLW9mZnNldDogJG9mZnNldDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBpZiAkbW9kZSA9PSAnYm94LXNoYWRvdycge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICBAaW5jbHVkZSBpc2xhbmRzLWZvY3VzKCk7XG5cbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoMCwgJ2JveC1zaGFkb3cnKTtcblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmstaG92ZXIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcxKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMigpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0yKTtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzUoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGdyYXZpdHktdWktdGV4dC1zaXplcygkZGVsdGEpIHtcbiAgICAtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodDogI3sxOHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTItZm9udC1zaXplOiAjezE1cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMi1saW5lLWhlaWdodDogI3syMHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTMtZm9udC1zaXplOiAjezE3cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMy1saW5lLWhlaWdodDogI3syNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LXNob3J0LWZvbnQtc2l6ZTogI3sxM3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jYXB0aW9uLTEtZm9udC1zaXplOiAjezlweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY2FwdGlvbi0yLWZvbnQtc2l6ZTogI3sxMXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1oZWFkZXItMS1mb250LXNpemU6ICN7MjBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtaGVhZGVyLTItZm9udC1zaXplOiAjezI0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0xLWZvbnQtc2l6ZTogI3sxM3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMi1mb250LXNpemU6ICN7MTVweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTMtZm9udC1zaXplOiAjezE3cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMS1mb250LXNpemU6ICN7MjhweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0yLWZvbnQtc2l6ZTogI3szMnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTMtZm9udC1zaXplOiAjezQwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktNC1mb250LXNpemU6ICN7NDhweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0xLWZvbnQtc2l6ZTogI3sxMnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTItZm9udC1zaXplOiAjezE0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMy1mb250LXNpemU6ICN7MTZweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS1pbmxpbmUtMS1mb250LXNpemU6ICN7MTJweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS1pbmxpbmUtMi1mb250LXNpemU6ICN7MTRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS1pbmxpbmUtMy1mb250LXNpemU6ICN7MTZweCArICRkZWx0YX07XG5cbiAgICAtLXlmbS1mb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTItZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LWxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0yLWxpbmUtaGVpZ2h0KTtcbiAgICAtLXlmbS1mb250LXNpemUtaDI6IHZhcigtLWctdGV4dC1oZWFkZXItMi1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oMzogdmFyKC0tZy10ZXh0LWhlYWRlci0xLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg0OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTMtZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDU6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMi1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNjogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0xLWZvbnQtc2l6ZSk7XG59XG4iXX0= */"],
   "mappings": ";AAEA,CAAA;AAKI,WAAA;AACA,mBAAA;AACA,SAAA;AACA,cAAA,IAAA;ACNA,aAAA,IAAA;AACA,eAAA,IAAA;ACEJ;AFOI,CAAA;AACI,YAAA;AACA,UAAA;AACA,WAAA;AACA,QAAA;AACA,cAAA,IAAA,MAAA,IAAA;AELR;AFQI,CARA,uBAQA,CAAA;AACI,WAAA;AENR;AFSI,CAZA,uBAYA,CAAA;AACI,WAAA,EAAA;AEPR;AFUI,CAJA;AAKI,WAAA;AACA,mBAAA;AACA,QAAA;AACA,aAAA;AERR;AFWI,CAAA;AACI,WAAA;AACA,kBAAA;AACA,OAAA;AACA,SAAA;AETR;AFWQ,CAAA;AAAA,CAAA,+BAAA,CAAA;AAEI,eAAA;AEVZ;AFaQ,CAAA;AAAA,CAAA,gCAAA,CALA;AAOI,eAAA;AEZZ;AFeQ,CAVA,+BAUA,CAAA;AACI,cAAA;AEbZ;AFeQ,CARA,gCAQA,CAHA;AAII,cAAA;AEbZ;AFgBQ,CAjBA,+BAiBA,CAtCJ;AAuCQ,gBAAA;AEdZ;AFgBQ,CAfA,gCAeA,CAzCJ;AA0CQ,iBAAA;AEdZ;AFiBQ,CA9BJ,0BA8BI;AACI,aAAA;AEfZ;AFoBY,CAAA,SAAA,CA9BJ,+BA8BI;AAAA,CAAA,SAAA,CAzBJ,gCAyBI;AACI,aAAA,OAAA;AElBhB;AFsBQ,CAxDJ;AAyDQ,SAAA,IAAA;AEpBZ;AFuBQ,CAvCA;AAwCI,WAAA;AACA,eAAA;AACA,kBAAA;AErBZ;AFwBQ,CAnCA;AAoCI,cAAA;AEtBZ;AF0BI,CAxDA,0BAwDA,CAAA;AACI,eAAA;AExBR;AF2BI,CAJA;AAKI,WAAA;AACA,eAAA;AACA,OAAA;AAEA,SAAA,IAAA;AACA,eAAA;AAEA,iBAAA,IAAA;AE3BR;AD5CQ,CD2DJ,sBC3DI;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;AC8CZ;AD5CQ,CDuDJ,sBCvDI,MAAA,KAAA;AACI,WAAA;AC8CZ;",
   "names": []

package/build/esm/components/TocNavPanel/TocNavPanel.js

@@ -26,6 +26,7 @@ import { useTranslation } from "../../hooks";
 import { isActiveItem, isExternalHref } from "../../utils";
 import { CommonAnalyticsEvent, useAnalytics } from "../../shared/libs/analytics";
 import "./TocNavPanel.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-nav-toc-panel");
 var ARROW_SIZE = 24;
 function getFlatToc(items) {
@@ -60,7 +61,14 @@ var TocNavControl = memo(({ item, isNext, onClick }) => {
     target: isExternal ? "_blank" : "_self",
     rel: isExternal ? "noopener noreferrer" : void 0
   };
-  return /* @__PURE__ */ React.createElement("div", { className: b("control", { left: !isNext, right: isNext }) }, item && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: b("control-hint") }, t(keyHint)), /* @__PURE__ */ React.createElement("div", { className: b("control-text"), onClick }, /* @__PURE__ */ React.createElement("a", __spreadProps(__spreadValues({}, linkAttributes), { className: b("link"), "data-router-shallow": true }), !isNext && /* @__PURE__ */ React.createElement(ArrowLeft, { width: ARROW_SIZE, height: ARROW_SIZE }), /* @__PURE__ */ React.createElement("div", { className: b("control-name") }, item.name), isNext && /* @__PURE__ */ React.createElement(ArrowRight, { width: ARROW_SIZE, height: ARROW_SIZE })))));
+  return /* @__PURE__ */ jsx("div", { className: b("control", { left: !isNext, right: isNext }), children: item && /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: b("control-hint"), children: t(keyHint) }),
+    /* @__PURE__ */ jsx("div", { className: b("control-text"), onClick, children: /* @__PURE__ */ jsxs("a", __spreadProps(__spreadValues({}, linkAttributes), { className: b("link"), "data-router-shallow": true, children: [
+      !isNext && /* @__PURE__ */ jsx(ArrowLeft, { width: ARROW_SIZE, height: ARROW_SIZE }),
+      /* @__PURE__ */ jsx("div", { className: b("control-name"), children: item.name }),
+      isNext && /* @__PURE__ */ jsx(ArrowRight, { width: ARROW_SIZE, height: ARROW_SIZE })
+    ] })) })
+  ] }) });
 });
 TocNavControl.displayName = "TocNavControl";
 var TocNavPanel = memo(({ items, router, fixed, className, onClick }) => {
@@ -83,7 +91,10 @@ var TocNavPanel = memo(({ items, router, fixed, className, onClick }) => {
   if (!flatToc.length) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement("div", { className: b({ fixed }, className) }, /* @__PURE__ */ React.createElement("div", { className: b("content") }, /* @__PURE__ */ React.createElement(TocNavControl, { item: prevItem, onClick: handlePrev }), /* @__PURE__ */ React.createElement(TocNavControl, { item: nextItem, isNext: true, onClick: handleNext })));
+  return /* @__PURE__ */ jsx("div", { className: b({ fixed }, className), children: /* @__PURE__ */ jsxs("div", { className: b("content"), children: [
+    /* @__PURE__ */ jsx(TocNavControl, { item: prevItem, onClick: handlePrev }),
+    /* @__PURE__ */ jsx(TocNavControl, { item: nextItem, isNext: true, onClick: handleNext })
+  ] }) });
 });
 TocNavPanel.displayName = "TocNavPanel";
 var TocNavPanel_default = TocNavPanel;

package/build/esm/components/TocNavPanel/TocNavPanel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/TocNavPanel/TocNavPanel.tsx"],
   "sourcesContent": ["import type {Router, TocData, TocItem} from '../../models';\n\nimport React, {memo, useCallback, useMemo} from 'react';\nimport {ArrowLeft, ArrowRight} from '@gravity-ui/icons';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../hooks';\nimport {isActiveItem, isExternalHref} from '../../utils';\nimport {CommonAnalyticsEvent, useAnalytics} from '../../shared/libs/analytics';\n\nimport './TocNavPanel.scss';\n\nconst b = block('dc-nav-toc-panel');\n\nconst ARROW_SIZE = 24;\n\nexport interface TocNavPanelProps extends TocData {\n    router: Router;\n    fixed?: boolean;\n    className?: string;\n    onClick?(at: 'prev' | 'next'): void;\n}\n\ninterface FlatTocItem {\n    name: string;\n    href: string;\n}\n\nfunction getFlatToc(items: TocItem[]): FlatTocItem[] {\n    return items.reduce((result, {href, name, items: subItems}) => {\n        if (href) {\n            result.push({name, href});\n        }\n\n        return result.concat(getFlatToc(subItems || []));\n    }, [] as FlatTocItem[]);\n}\n\nfunction getBoundingItems(flatToc: FlatTocItem[], router: Router) {\n    for (let i = 0; i < flatToc.length; i++) {\n        const {href} = flatToc[i];\n\n        if (isActiveItem(router, href)) {\n            return {\n                prevItem: flatToc[i - 1] || null,\n                nextItem: flatToc[i + 1] || null,\n            };\n        }\n    }\n\n    return {\n        prevItem: null,\n        nextItem: null,\n    };\n}\n\ntype TocNavControlProps = {\n    isNext?: boolean;\n    item: FlatTocItem | null;\n    onClick?(): void;\n};\n\nconst TocNavControl = memo<TocNavControlProps>(({item, isNext, onClick}) => {\n    const {t} = useTranslation('toc-nav-panel');\n    const keyHint = isNext ? 'hint_next' : 'hint_previous';\n    const isExternal = item && isExternalHref(item.href);\n    const linkAttributes = {\n        href: item?.href,\n        target: isExternal ? '_blank' : '_self',\n        rel: isExternal ? 'noopener noreferrer' : undefined,\n    };\n\n    return (\n        <div className={b('control', {left: !isNext, right: isNext})}>\n            {item && (\n                <React.Fragment>\n                    <div className={b('control-hint')}>{t(keyHint)}</div>\n                    <div className={b('control-text')} onClick={onClick}>\n                        <a {...linkAttributes} className={b('link')} data-router-shallow>\n                            {!isNext && <ArrowLeft width={ARROW_SIZE} height={ARROW_SIZE} />}\n                            <div className={b('control-name')}>{item.name}</div>\n                            {isNext && <ArrowRight width={ARROW_SIZE} height={ARROW_SIZE} />}\n                        </a>\n                    </div>\n                </React.Fragment>\n            )}\n        </div>\n    );\n});\n\nTocNavControl.displayName = 'TocNavControl';\n\nconst TocNavPanel = memo<TocNavPanelProps>(({items, router, fixed, className, onClick}) => {\n    const analytics = useAnalytics();\n    const flatToc = useMemo(() => getFlatToc(items || []), [items]);\n    const {prevItem, nextItem} = useMemo(\n        () => getBoundingItems(flatToc, router),\n        [flatToc, router],\n    );\n\n    const handleClick = useCallback(\n        (at: 'prev' | 'next') => {\n            const event =\n                at === 'prev'\n                    ? CommonAnalyticsEvent.DOCS_FOOTER_PREV_CLICK\n                    : CommonAnalyticsEvent.DOCS_FOOTER_NEXT_CLICK;\n\n            analytics.track(event);\n            onClick?.(at);\n        },\n        [onClick, analytics],\n    );\n    const handlePrev = useCallback(() => handleClick('prev'), [handleClick]);\n    const handleNext = useCallback(() => handleClick('next'), [handleClick]);\n\n    if (!flatToc.length) {\n        return null;\n    }\n\n    return (\n        <div className={b({fixed}, className)}>\n            <div className={b('content')}>\n                <TocNavControl item={prevItem} onClick={handlePrev} />\n                <TocNavControl item={nextItem} isNext={true} onClick={handleNext} />\n            </div>\n        </div>\n    );\n});\n\nTocNavPanel.displayName = 'TocNavPanel';\n\nexport default TocNavPanel;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/build/esm/components/ToggleArrow/ToggleArrow.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ToggleArrow/ToggleArrow.scss", "../../../../src/components/ToggleArrow/%3Cinput css uBDouf%3E"],
+  "sources": ["../../../../src/components/ToggleArrow/ToggleArrow.scss", "../../../../src/components/ToggleArrow/%3Cinput css XPBVa2%3E"],
   "sourcesContent": [".dc-toggle-arrow {\n    transition: transform 0.15s;\n    stroke-width: 2px;\n    $root: &;\n\n    &_type {\n        &_horizontal {\n            transform: rotate(0deg);\n\n            [dir='rtl'] & {\n                transform: rotate(180deg);\n            }\n        }\n\n        &_vertical {\n            transform: rotate(90deg);\n        }\n    }\n\n    &_open {\n        &#{$root}_type_horizontal {\n            transform: rotate(90deg);\n\n            [dir='rtl'] & {\n                transform: rotate(90deg);\n            }\n        }\n\n        &#{$root}_type_vertical {\n            transform: rotate(-90deg);\n\n            [dir='rtl'] & {\n                transform: rotate(90deg);\n            }\n        }\n    }\n\n    &_thin {\n        stroke-width: 1px;\n    }\n\n    &_slow {\n        transition-duration: 0.3s;\n    }\n}\n", ".dc-toggle-arrow {\n  transition: transform 0.15s;\n  stroke-width: 2px;\n}\n.dc-toggle-arrow_type_horizontal {\n  transform: rotate(0deg);\n}\n[dir=rtl] .dc-toggle-arrow_type_horizontal {\n  transform: rotate(180deg);\n}\n.dc-toggle-arrow_type_vertical {\n  transform: rotate(90deg);\n}\n.dc-toggle-arrow_open.dc-toggle-arrow_type_horizontal {\n  transform: rotate(90deg);\n}\n[dir=rtl] .dc-toggle-arrow_open.dc-toggle-arrow_type_horizontal {\n  transform: rotate(90deg);\n}\n.dc-toggle-arrow_open.dc-toggle-arrow_type_vertical {\n  transform: rotate(-90deg);\n}\n[dir=rtl] .dc-toggle-arrow_open.dc-toggle-arrow_type_vertical {\n  transform: rotate(90deg);\n}\n.dc-toggle-arrow_thin {\n  stroke-width: 1px;\n}\n.dc-toggle-arrow_slow {\n  transition-duration: 0.3s;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1RvZ2dsZUFycm93Iiwic291cmNlcyI6WyJUb2dnbGVBcnJvdy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0k7RUFDQTs7QUFJSTtFQUNJOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTs7QUFLSjtFQUNJOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTs7QUFFQTtFQUNJOztBQUtaO0VBQ0k7O0FBR0o7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy10b2dnbGUtYXJyb3cge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjE1cztcbiAgICBzdHJva2Utd2lkdGg6IDJweDtcbiAgICAkcm9vdDogJjtcblxuICAgICZfdHlwZSB7XG4gICAgICAgICZfaG9yaXpvbnRhbCB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblxuICAgICAgICAgICAgW2Rpcj0ncnRsJ10gJiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfdmVydGljYWwge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9vcGVuIHtcbiAgICAgICAgJiN7JHJvb3R9X3R5cGVfaG9yaXpvbnRhbCB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG5cbiAgICAgICAgICAgIFtkaXI9J3J0bCddICYge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYjeyRyb290fV90eXBlX3ZlcnRpY2FsIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC05MGRlZyk7XG5cbiAgICAgICAgICAgIFtkaXI9J3J0bCddICYge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfdGhpbiB7XG4gICAgICAgIHN0cm9rZS13aWR0aDogMXB4O1xuICAgIH1cblxuICAgICZfc2xvdyB7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgfVxufVxuIl19 */"],
   "mappings": ";AAAA,CAAA;AACI,cAAA,UAAA;AACA,gBAAA;ACCJ;ADGQ,CAAA;AACI,aAAA,OAAA;ACDZ;ADGY,CAAA,SAAA,CAHJ;AAIQ,aAAA,OAAA;ACDhB;ADKQ,CAAA;AACI,aAAA,OAAA;ACHZ;ADQQ,CAAA,oBAAA,CAdA;AAeI,aAAA,OAAA;ACNZ;ADQY,CAAA,SAAA,CAHJ,oBAGI,CAjBJ;AAkBQ,aAAA,OAAA;ACNhB;ADUQ,CARA,oBAQA,CAdA;AAeI,aAAA,OAAA;ACRZ;ADUY,CAAA,SAAA,CAXJ,oBAWI,CAjBJ;AAkBQ,aAAA,OAAA;ACRhB;ADaI,CAAA;AACI,gBAAA;ACXR;ADcI,CAAA;AACI,uBAAA;ACZR;",
   "names": []

package/build/esm/components/ToggleArrow/ToggleArrow.js

@@ -1,8 +1,8 @@
 // src/components/ToggleArrow/ToggleArrow.tsx
-import React from "react";
 import { ChevronRight } from "@gravity-ui/icons";
 import block from "bem-cn-lite";
 import "./ToggleArrow.css";
+import { jsx } from "react/jsx-runtime";
 var b = block("dc-toggle-arrow");
 var ToggleArrow = ({
   type = "horizontal",
@@ -11,7 +11,7 @@ var ToggleArrow = ({
   thin = false,
   slow = false,
   className
-}) => /* @__PURE__ */ React.createElement(ChevronRight, { className: b({ type, open, thin, slow }, className), width: size, height: size });
+}) => /* @__PURE__ */ jsx(ChevronRight, { className: b({ type, open, thin, slow }, className), width: size, height: size });
 export {
   ToggleArrow
 };

package/build/esm/components/ToggleArrow/ToggleArrow.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/ToggleArrow/ToggleArrow.tsx"],
   "sourcesContent": ["import React from 'react';\nimport {ChevronRight} from '@gravity-ui/icons';\nimport block from 'bem-cn-lite';\n\nimport './ToggleArrow.scss';\n\nconst b = block('dc-toggle-arrow');\n\nexport interface ToggleArrowProps {\n    type?: 'horizontal' | 'vertical';\n    open?: boolean;\n    size?: number;\n    thin?: boolean;\n    slow?: boolean;\n    className?: string;\n}\n\nexport const ToggleArrow: React.FC<ToggleArrowProps> = ({\n    type = 'horizontal',\n    open = false,\n    size = 16,\n    thin = false,\n    slow = false,\n    className,\n}) => (\n    <ChevronRight className={b({type, open, thin, slow}, className)} width={size} height={size} />\n);\n"],
-  "mappings": ";AAAA,OAAO,WAAW;AAClB,SAAQ,oBAAmB;AAC3B,OAAO,WAAW;AAElB,OAAO;AAEP,IAAM,IAAI,MAAM,iBAAiB;AAW1B,IAAM,cAA0C,CAAC;AAAA,EACpD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AACJ,MACI,oCAAC,gBAAa,WAAW,EAAE,EAAC,MAAM,MAAM,MAAM,KAAI,GAAG,SAAS,GAAG,OAAO,MAAM,QAAQ,MAAM;",
+  "mappings": ";AACA,SAAQ,oBAAmB;AAC3B,OAAO,WAAW;AAElB,OAAO;AAqBH;AAnBJ,IAAM,IAAI,MAAM,iBAAiB;AAW1B,IAAM,cAA0C,CAAC;AAAA,EACpD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AACJ,MACI,oBAAC,gBAAa,WAAW,EAAE,EAAC,MAAM,MAAM,MAAM,KAAI,GAAG,SAAS,GAAG,OAAO,MAAM,QAAQ,MAAM;",
   "names": []
 }

package/build/esm/components/UpdatedAtDate/UpdatedAtDate.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/UpdatedAtDate/UpdatedAtDate.scss", "../../../../src/components/UpdatedAtDate/%3Cinput css BGM-id%3E"],
+  "sources": ["../../../../src/components/UpdatedAtDate/UpdatedAtDate.scss", "../../../../src/components/UpdatedAtDate/%3Cinput css pgItUS%3E"],
   "sourcesContent": ["@use '../../styles/mixins';\n\n.dc-updated-at-date {\n    display: flex;\n    font-size: 13px;\n    font-weight: 400;\n\n    &__wrapper {\n        align-self: center;\n    }\n}\n", ".dc-updated-at-date {\n  display: flex;\n  font-size: 13px;\n  font-weight: 400;\n}\n.dc-updated-at-date__wrapper {\n  align-self: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1VwZGF0ZWRBdERhdGUiLCJzb3VyY2VzIjpbIlVwZGF0ZWRBdERhdGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNJO0VBQ0E7RUFDQTs7QUFFQTtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy11cGRhdGVkLWF0LWRhdGUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICAmX193cmFwcGVyIHtcbiAgICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIH1cbn1cbiJdfQ== */"],
   "mappings": ";AAEA,CAAA;AACI,WAAA;AACA,aAAA;AACA,eAAA;ACDJ;ADGI,CAAA;AACI,cAAA;ACDR;",
   "names": []

package/build/esm/components/UpdatedAtDate/UpdatedAtDate.js

@@ -1,10 +1,11 @@
 // src/components/UpdatedAtDate/UpdatedAtDate.tsx
-import React, { memo, useMemo } from "react";
+import { memo, useMemo } from "react";
 import block from "bem-cn-lite";
 import { getConfig } from "../../config";
 import { useTranslation } from "../../hooks";
 import { format } from "../../utils/date";
 import "./UpdatedAtDate.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-updated-at-date");
 var UpdatedAtDate = ({ updatedAt, hasAuthor }) => {
   const { t } = useTranslation("updated-at-date");
@@ -13,7 +14,11 @@ var UpdatedAtDate = ({ updatedAt, hasAuthor }) => {
     return format(updatedAt, "longDate", localeCode);
   }, [updatedAt]);
   const titleKey = hasAuthor ? "title" : "no-author-title";
-  return /* @__PURE__ */ React.createElement("div", { className: b() }, /* @__PURE__ */ React.createElement("div", { className: b("wrapper") }, t(titleKey), " ", updatedAtFormatted));
+  return /* @__PURE__ */ jsx("div", { className: b(), children: /* @__PURE__ */ jsxs("div", { className: b("wrapper"), children: [
+    t(titleKey),
+    " ",
+    updatedAtFormatted
+  ] }) });
 };
 var UpdatedAtDate_default = memo(UpdatedAtDate);
 export {

package/build/esm/components/UpdatedAtDate/UpdatedAtDate.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/UpdatedAtDate/UpdatedAtDate.tsx"],
   "sourcesContent": ["import React, {memo, useMemo} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {getConfig} from '../../config';\nimport {useTranslation} from '../../hooks';\nimport {format} from '../../utils/date';\n\nimport './UpdatedAtDate.scss';\n\nconst b = block('dc-updated-at-date');\n\nexport interface UpdatedAtDateProps {\n    updatedAt: string;\n    hasAuthor: boolean;\n}\n\nconst UpdatedAtDate: React.FC<UpdatedAtDateProps> = ({updatedAt, hasAuthor}) => {\n    const {t} = useTranslation('updated-at-date');\n\n    const updatedAtFormatted = useMemo(() => {\n        const {localeCode} = getConfig();\n        return format(updatedAt, 'longDate', localeCode);\n    }, [updatedAt]);\n\n    const titleKey = hasAuthor ? 'title' : 'no-author-title';\n\n    return (\n        <div className={b()}>\n            <div className={b('wrapper')}>\n                {t(titleKey)} {updatedAtFormatted}\n            </div>\n        </div>\n    );\n};\n\nexport default memo(UpdatedAtDate);\n"],
-  "mappings": ";AAAA,OAAO,SAAQ,MAAM,eAAc;AACnC,OAAO,WAAW;AAElB,SAAQ,iBAAgB;AACxB,SAAQ,sBAAqB;AAC7B,SAAQ,cAAa;AAErB,OAAO;AAEP,IAAM,IAAI,MAAM,oBAAoB;AAOpC,IAAM,gBAA8C,CAAC,EAAC,WAAW,UAAS,MAAM;AAC5E,QAAM,EAAC,EAAC,IAAI,eAAe,iBAAiB;AAE5C,QAAM,qBAAqB,QAAQ,MAAM;AACrC,UAAM,EAAC,WAAU,IAAI,UAAU;AAC/B,WAAO,OAAO,WAAW,YAAY,UAAU;AAAA,EACnD,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,WAAW,YAAY,UAAU;AAEvC,SACI,oCAAC,SAAI,WAAW,EAAE,KACd,oCAAC,SAAI,WAAW,EAAE,SAAS,KACtB,EAAE,QAAQ,GAAE,KAAE,kBACnB,CACJ;AAER;AAEA,IAAO,wBAAQ,KAAK,aAAa;",
+  "mappings": ";AAAA,SAAe,MAAM,eAAc;AACnC,OAAO,WAAW;AAElB,SAAQ,iBAAgB;AACxB,SAAQ,sBAAqB;AAC7B,SAAQ,cAAa;AAErB,OAAO;AAoBC,cACI,YADJ;AAlBR,IAAM,IAAI,MAAM,oBAAoB;AAOpC,IAAM,gBAA8C,CAAC,EAAC,WAAW,UAAS,MAAM;AAC5E,QAAM,EAAC,EAAC,IAAI,eAAe,iBAAiB;AAE5C,QAAM,qBAAqB,QAAQ,MAAM;AACrC,UAAM,EAAC,WAAU,IAAI,UAAU;AAC/B,WAAO,OAAO,WAAW,YAAY,UAAU;AAAA,EACnD,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,WAAW,YAAY,UAAU;AAEvC,SACI,oBAAC,SAAI,WAAW,EAAE,GACd,+BAAC,SAAI,WAAW,EAAE,SAAS,GACtB;AAAA,MAAE,QAAQ;AAAA,IAAE;AAAA,IAAE;AAAA,KACnB,GACJ;AAER;AAEA,IAAO,wBAAQ,KAAK,aAAa;",
   "names": []
 }

package/build/esm/components/VersionsSelect/VersionsSelect.js

@@ -1,7 +1,8 @@
 // src/components/VersionsSelect/VersionsSelect.tsx
-import React, { useCallback, useState } from "react";
+import { useCallback, useState } from "react";
 import { Select } from "@gravity-ui/uikit";
 import { useTranslation } from "../../hooks";
+import { jsx } from "react/jsx-runtime";
 var VersionsSelect = (props) => {
   const { version: defaultVersion, versions, className, onChange } = props;
   const [version, setVersion] = useState(defaultVersion);
@@ -13,7 +14,7 @@ var VersionsSelect = (props) => {
     },
     [onChange, setVersion]
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Select,
     {
       placeholder: t("versions-select-placeholder"),

package/build/esm/components/VersionsSelect/VersionsSelect.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/VersionsSelect/VersionsSelect.tsx"],
   "sourcesContent": ["import React, {useCallback, useState} from 'react';\nimport {Select} from '@gravity-ui/uikit';\n\nimport {useTranslation} from '../../hooks';\n\nexport interface VersionsSelectProps {\n    version: string;\n    versions: string[];\n    onChange: (version: string) => void;\n    className?: string;\n}\n\nexport const VersionsSelect: React.FC<VersionsSelectProps> = (props) => {\n    const {version: defaultVersion, versions, className, onChange} = props;\n    const [version, setVersion] = useState<string>(defaultVersion);\n\n    const {t} = useTranslation('header');\n\n    const onUpdate = useCallback(\n        (selected: string[]) => {\n            onChange(selected[0]);\n            setVersion(selected[0]);\n        },\n        [onChange, setVersion],\n    );\n\n    return (\n        <Select\n            placeholder={t('versions-select-placeholder')}\n            value={[version]}\n            options={versions.map((value) => ({value, content: value}))}\n            onUpdate={onUpdate}\n            className={className}\n        />\n    );\n};\n"],
-  "mappings": ";AAAA,OAAO,SAAQ,aAAa,gBAAe;AAC3C,SAAQ,cAAa;AAErB,SAAQ,sBAAqB;AAStB,IAAM,iBAAgD,CAAC,UAAU;AACpE,QAAM,EAAC,SAAS,gBAAgB,UAAU,WAAW,SAAQ,IAAI;AACjE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAiB,cAAc;AAE7D,QAAM,EAAC,EAAC,IAAI,eAAe,QAAQ;AAEnC,QAAM,WAAW;AAAA,IACb,CAAC,aAAuB;AACpB,eAAS,SAAS,CAAC,CAAC;AACpB,iBAAW,SAAS,CAAC,CAAC;AAAA,IAC1B;AAAA,IACA,CAAC,UAAU,UAAU;AAAA,EACzB;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAa,EAAE,6BAA6B;AAAA,MAC5C,OAAO,CAAC,OAAO;AAAA,MACf,SAAS,SAAS,IAAI,CAAC,WAAW,EAAC,OAAO,SAAS,MAAK,EAAE;AAAA,MAC1D;AAAA,MACA;AAAA;AAAA,EACJ;AAER;",
+  "mappings": ";AAAA,SAAe,aAAa,gBAAe;AAC3C,SAAQ,cAAa;AAErB,SAAQ,sBAAqB;AAwBrB;AAfD,IAAM,iBAAgD,CAAC,UAAU;AACpE,QAAM,EAAC,SAAS,gBAAgB,UAAU,WAAW,SAAQ,IAAI;AACjE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAiB,cAAc;AAE7D,QAAM,EAAC,EAAC,IAAI,eAAe,QAAQ;AAEnC,QAAM,WAAW;AAAA,IACb,CAAC,aAAuB;AACpB,eAAS,SAAS,CAAC,CAAC;AACpB,iBAAW,SAAS,CAAC,CAAC;AAAA,IAC1B;AAAA,IACA,CAAC,UAAU,UAAU;AAAA,EACzB;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAa,EAAE,6BAA6B;AAAA,MAC5C,OAAO,CAAC,OAAO;AAAA,MACf,SAAS,SAAS,IAAI,CAAC,WAAW,EAAC,OAAO,SAAS,MAAK,EAAE;AAAA,MAC1D;AAAA,MACA;AAAA;AAAA,EACJ;AAER;",
   "names": []
 }

package/build/esm/components/Widgets/Widgets.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Widgets/Widgets.scss", "../../../../src/components/Widgets/%3Cinput css KphhjV%3E"],
+  "sources": ["../../../../src/components/Widgets/Widgets.scss", "../../../../src/components/Widgets/%3Cinput css M1PRxX%3E"],
   "sourcesContent": [".dc-widgets {\n    position: fixed;\n    right: 0;\n    bottom: 0;\n    width: fit-content;\n    z-index: 150; // This z-index is chosen so that the header does not overlap the widget\n    pointer-events: none;\n    overflow: hidden;\n}\n\n.dc-widgets > div {\n    $offset: 60px;\n\n    @for $i from 1 through 5 {\n        &:nth-child(#{$i}) {\n            bottom: #{($i - 1) * $offset};\n        }\n    }\n\n    &:nth-child(5) + * {\n        display: none;\n    }\n}\n", ".dc-widgets {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  width: fit-content;\n  z-index: 150;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n.dc-widgets > div:nth-child(1) {\n  bottom: 0px;\n}\n.dc-widgets > div:nth-child(2) {\n  bottom: 60px;\n}\n.dc-widgets > div:nth-child(3) {\n  bottom: 120px;\n}\n.dc-widgets > div:nth-child(4) {\n  bottom: 180px;\n}\n.dc-widgets > div:nth-child(5) {\n  bottom: 240px;\n}\n.dc-widgets > div:nth-child(5) + * {\n  display: none;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1dpZGdldHMiLCJzb3VyY2VzIjpbIldpZGdldHMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFPSTtFQUNJOztBQURKO0VBQ0k7O0FBREo7RUFDSTs7QUFESjtFQUNJOztBQURKO0VBQ0k7O0FBSVI7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy13aWRnZXRzIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICB6LWluZGV4OiAxNTA7IC8vIFRoaXMgei1pbmRleCBpcyBjaG9zZW4gc28gdGhhdCB0aGUgaGVhZGVyIGRvZXMgbm90IG92ZXJsYXAgdGhlIHdpZGdldFxuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5kYy13aWRnZXRzID4gZGl2IHtcbiAgICAkb2Zmc2V0OiA2MHB4O1xuXG4gICAgQGZvciAkaSBmcm9tIDEgdGhyb3VnaCA1IHtcbiAgICAgICAgJjpudGgtY2hpbGQoI3skaX0pIHtcbiAgICAgICAgICAgIGJvdHRvbTogI3soJGkgLSAxKSAqICRvZmZzZXR9O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJjpudGgtY2hpbGQoNSkgKyAqIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */"],
   "mappings": ";AAAA,CAAA;AACI,YAAA;AACA,SAAA;AACA,UAAA;AACA,SAAA;AAAA,SAAA;AACA,WAAA;AACA,kBAAA;AACA,YAAA;ACCJ;ADMQ,CAdR,WAcQ,EAAA,GAAA;AACI,UAAA;ACHZ;ADEQ,CAdR,WAcQ,EAAA,GAAA;AACI,UAAA;ACAZ;ADDQ,CAdR,WAcQ,EAAA,GAAA;AACI,UAAA;ACGZ;ADJQ,CAdR,WAcQ,EAAA,GAAA;AACI,UAAA;ACMZ;ADPQ,CAdR,WAcQ,EAAA,GAAA;AACI,UAAA;ACSZ;ADLI,CAnBJ,WAmBI,EAAA,GAAA,cAAA,EAAA;AACI,WAAA;ACOR;",
   "names": []

package/build/esm/components/navigation/CustomFooter/CustomFooter.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/components/navigation/CustomFooter/CustomFooter.scss", "../../../../../src/components/navigation/CustomFooter/%3Cinput css 6NZsBp%3E"],
+  "sources": ["../../../../../src/components/navigation/CustomFooter/CustomFooter.scss", "../../../../../src/components/navigation/CustomFooter/%3Cinput css VDonKz%3E"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../../styles/variables';\n\n.dc-footer {\n    &__desktop {\n        display: block;\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n            display: none;\n        }\n    }\n\n    &__mobile {\n        display: none;\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n            display: block;\n        }\n    }\n}\n", ".dc-footer__desktop {\n  display: block;\n}\n@media (max-width: 768px) {\n  .dc-footer__desktop {\n    display: none;\n  }\n}\n.dc-footer__mobile {\n  display: none;\n}\n@media (max-width: 768px) {\n  .dc-footer__mobile {\n    display: block;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vQ3VzdG9tRm9vdGVyIiwic291cmNlcyI6WyJDdXN0b21Gb290ZXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJSTtFQUNJOztBQUVBO0VBSEo7SUFJUTs7O0FBSVI7RUFDSTs7QUFFQTtFQUhKO0lBSVEiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICcuLi8uLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuLmRjLWZvb3RlciB7XG4gICAgJl9fZGVza3RvcCB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX21vYmlsZSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ== */"],
   "mappings": ";AAII,CAAA;AACI,WAAA;ACHR;ADKQ,QAAA,WAAA;AAHJ,GAAA;AAIQ,aAAA;ACFV;AACF;ADKI,CAAA;AACI,WAAA;ACHR;ADKQ,QAAA,WAAA;AAHJ,GAAA;AAIQ,aAAA;ACFV;AACF;",
   "names": []

package/build/esm/components/navigation/CustomFooter/CustomFooter.js

@@ -31,11 +31,12 @@ var __objRest = (source, exclude) => {
 };
 
 // src/components/navigation/CustomFooter/CustomFooter.tsx
-import React, { memo, useMemo } from "react";
+import { memo, useMemo } from "react";
 import { Footer, MobileFooter } from "@gravity-ui/navigation";
 import block from "bem-cn-lite";
 import { mapLogo, mapMenuItems } from "./utils";
 import "./CustomFooter.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-footer");
 var CustomFooter = memo((props) => {
   const _a = props, { copyright = "", logo: logoProp, menuItems: menuItemsProp } = _a, otherProps = __objRest(_a, ["copyright", "logo", "menuItems"]);
@@ -46,7 +47,10 @@ var CustomFooter = memo((props) => {
     logo,
     menuItems
   });
-  return /* @__PURE__ */ React.createElement("div", { className: b() }, /* @__PURE__ */ React.createElement("div", { className: b("desktop") }, /* @__PURE__ */ React.createElement(Footer, __spreadValues({}, footerProps))), /* @__PURE__ */ React.createElement("div", { className: b("mobile") }, /* @__PURE__ */ React.createElement(MobileFooter, __spreadValues({}, footerProps))));
+  return /* @__PURE__ */ jsxs("div", { className: b(), children: [
+    /* @__PURE__ */ jsx("div", { className: b("desktop"), children: /* @__PURE__ */ jsx(Footer, __spreadValues({}, footerProps)) }),
+    /* @__PURE__ */ jsx("div", { className: b("mobile"), children: /* @__PURE__ */ jsx(MobileFooter, __spreadValues({}, footerProps)) })
+  ] });
 });
 CustomFooter.displayName = "CustomFooter";
 export {

package/build/esm/components/navigation/CustomFooter/CustomFooter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/navigation/CustomFooter/CustomFooter.tsx"],
   "sourcesContent": ["import type {FooterLogoConfig, FooterMenuItemConfig} from './types';\nimport type {FooterProps} from '@gravity-ui/navigation';\n\nimport React, {memo, useMemo} from 'react';\nimport {Footer, MobileFooter} from '@gravity-ui/navigation';\nimport block from 'bem-cn-lite';\n\nimport {mapLogo, mapMenuItems} from './utils';\nimport './CustomFooter.scss';\n\nconst b = block('dc-footer');\n\nexport interface CustomFooterProps extends Omit<FooterProps, 'logo' | 'menuItems' | 'copyright'> {\n    copyright?: string;\n    logo?: string | FooterLogoConfig;\n    menuItems?: FooterMenuItemConfig[];\n}\n\nexport const CustomFooter: React.FC<CustomFooterProps> = memo((props) => {\n    const {copyright = '', logo: logoProp, menuItems: menuItemsProp, ...otherProps} = props;\n\n    const logo = useMemo(() => mapLogo(logoProp), [logoProp]);\n    const menuItems = useMemo(() => mapMenuItems(menuItemsProp), [menuItemsProp]);\n\n    const footerProps: FooterProps = {\n        ...otherProps,\n        copyright,\n        logo,\n        menuItems,\n    };\n\n    return (\n        <div className={b()}>\n            <div className={b('desktop')}>\n                <Footer {...footerProps} />\n            </div>\n            <div className={b('mobile')}>\n                <MobileFooter {...footerProps} />\n            </div>\n        </div>\n    );\n});\n\nCustomFooter.displayName = 'CustomFooter';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,OAAO,SAAQ,MAAM,eAAc;AACnC,SAAQ,QAAQ,oBAAmB;AACnC,OAAO,WAAW;AAElB,SAAQ,SAAS,oBAAmB;AACpC,OAAO;AAEP,IAAM,IAAI,MAAM,WAAW;AAQpB,IAAM,eAA4C,KAAK,CAAC,UAAU;AACrE,QAAkF,YAA3E,cAAY,IAAI,MAAM,UAAU,WAAW,cAnBtD,IAmBsF,IAAd,uBAAc,IAAd,CAA7D,aAAgB,QAAgB;AAEvC,QAAM,OAAO,QAAQ,MAAM,QAAQ,QAAQ,GAAG,CAAC,QAAQ,CAAC;AACxD,QAAM,YAAY,QAAQ,MAAM,aAAa,aAAa,GAAG,CAAC,aAAa,CAAC;AAE5E,QAAM,cAA2B,iCAC1B,aAD0B;AAAA,IAE7B;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,SACI,oCAAC,SAAI,WAAW,EAAE,KACd,oCAAC,SAAI,WAAW,EAAE,SAAS,KACvB,oCAAC,2BAAW,YAAa,CAC7B,GACA,oCAAC,SAAI,WAAW,EAAE,QAAQ,KACtB,oCAAC,iCAAiB,YAAa,CACnC,CACJ;AAER,CAAC;AAED,aAAa,cAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAe,MAAM,eAAc;AACnC,SAAQ,QAAQ,oBAAmB;AACnC,OAAO,WAAW;AAElB,SAAQ,SAAS,oBAAmB;AACpC,OAAO;AAwBC,SAEQ,KAFR;AAtBR,IAAM,IAAI,MAAM,WAAW;AAQpB,IAAM,eAA4C,KAAK,CAAC,UAAU;AACrE,QAAkF,YAA3E,cAAY,IAAI,MAAM,UAAU,WAAW,cAnBtD,IAmBsF,IAAd,uBAAc,IAAd,CAA7D,aAAgB,QAAgB;AAEvC,QAAM,OAAO,QAAQ,MAAM,QAAQ,QAAQ,GAAG,CAAC,QAAQ,CAAC;AACxD,QAAM,YAAY,QAAQ,MAAM,aAAa,aAAa,GAAG,CAAC,aAAa,CAAC;AAE5E,QAAM,cAA2B,iCAC1B,aAD0B;AAAA,IAE7B;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,SACI,qBAAC,SAAI,WAAW,EAAE,GACd;AAAA,wBAAC,SAAI,WAAW,EAAE,SAAS,GACvB,8BAAC,2BAAW,YAAa,GAC7B;AAAA,IACA,oBAAC,SAAI,WAAW,EAAE,QAAQ,GACtB,8BAAC,iCAAiB,YAAa,GACnC;AAAA,KACJ;AAER,CAAC;AAED,aAAa,cAAc;",
   "names": []
 }

package/build/esm/components/navigation/CustomNavigation/CustomNavigation.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/components/navigation/CustomNavigation/CustomNavigation.scss", "../../../../../src/components/navigation/CustomNavigation/%3Cinput css Jld5bL%3E"],
+  "sources": ["../../../../../src/components/navigation/CustomNavigation/CustomNavigation.scss", "../../../../../src/components/navigation/CustomNavigation/%3Cinput css rpD9Pn%3E"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../../styles/mixins';\n@use '../../../styles/variables';\n\n.pc-navigation {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    height: var(--header-height);\n\n    background-color: var(--g-color-base-background);\n\n    &_with-border {\n        box-shadow: inset 0 -1px 0 var(--g-color-line-generic);\n    }\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        // disable page-constructor OverflowScroller in pc-navigation on mobile\n        // as unnecessary feat of pc\n        .pc-overflow-scroller {\n            &__arrow_type_left,\n            &__arrow_type_right {\n                display: none;\n            }\n\n            &__container_padding-right {\n                padding-right: 0;\n            }\n        }\n    }\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        .pc-desktop-navigation__wrapper .pc-desktop-navigation__logo .pc-logo__icon {\n            max-width: 100%;\n        }\n    }\n}\n", ".pc-navigation {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: var(--header-height);\n  background-color: var(--g-color-base-background);\n}\n.pc-navigation_with-border {\n  box-shadow: inset 0 -1px 0 var(--g-color-line-generic);\n}\n@media (max-width: 768px) {\n  .pc-navigation .pc-overflow-scroller__arrow_type_left, .pc-navigation .pc-overflow-scroller__arrow_type_right {\n    display: none;\n  }\n  .pc-navigation .pc-overflow-scroller__container_padding-right {\n    padding-right: 0;\n  }\n}\n@media (max-width: 576px) {\n  .pc-navigation .pc-desktop-navigation__wrapper .pc-desktop-navigation__logo .pc-logo__icon {\n    max-width: 100%;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vQ3VzdG9tTmF2aWdhdGlvbiIsInNvdXJjZXMiOlsiQ3VzdG9tTmF2aWdhdGlvbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBO0VBQ0k7RUFDQTtFQUNBO0VBRUE7RUFFQTs7QUFFQTtFQUNJOztBQUdKO0VBSVE7SUFFSTs7RUFHSjtJQUNJOzs7QUFLWjtFQUNJO0lBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICcuLi8uLi8uLi9zdHlsZXMvbWl4aW5zJztcbkB1c2UgJy4uLy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuXG4ucGMtbmF2aWdhdGlvbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgaGVpZ2h0OiB2YXIoLS1oZWFkZXItaGVpZ2h0KTtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWctY29sb3ItYmFzZS1iYWNrZ3JvdW5kKTtcblxuICAgICZfd2l0aC1ib3JkZXIge1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHggMCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIC8vIGRpc2FibGUgcGFnZS1jb25zdHJ1Y3RvciBPdmVyZmxvd1Njcm9sbGVyIGluIHBjLW5hdmlnYXRpb24gb24gbW9iaWxlXG4gICAgICAgIC8vIGFzIHVubmVjZXNzYXJ5IGZlYXQgb2YgcGNcbiAgICAgICAgLnBjLW92ZXJmbG93LXNjcm9sbGVyIHtcbiAgICAgICAgICAgICZfX2Fycm93X3R5cGVfbGVmdCxcbiAgICAgICAgICAgICZfX2Fycm93X3R5cGVfcmlnaHQge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfX2NvbnRhaW5lcl9wYWRkaW5nLXJpZ2h0IHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIC5wYy1kZXNrdG9wLW5hdmlnYXRpb25fX3dyYXBwZXIgLnBjLWRlc2t0b3AtbmF2aWdhdGlvbl9fbG9nbyAucGMtbG9nb19faWNvbiB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0= */"],
   "mappings": ";AAIA,CAAA;AACI,WAAA;AACA,mBAAA;AACA,eAAA;AAEA,UAAA,IAAA;AAEA,oBAAA,IAAA;ACLJ;ADOI,CAAA;AACI,cAAA,MAAA,EAAA,KAAA,EAAA,IAAA;ACLR;ADQI,QAAA,WAAA;AAIQ,GAjBZ,cAiBY,CAAA;EAAA,CAjBZ,cAiBY,CAAA;AAEI,aAAA;ACVd;ADaU,GAtBZ,cAsBY,CAAA;AACI,mBAAA;ACXd;AACF;ADeI,QAAA,WAAA;AACI,GA7BR,cA6BQ,CAAA,+BAAA,CAAA,4BAAA,CAAA;AACI,eAAA;ACbV;AACF;",
   "names": []