@diplodoc/components 0.0.0-rc-pdf-icon-custimization-24387828749

package/build/cjs/components/Toc/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toc/index.ts
+var Toc_exports = {};
+__export(Toc_exports, {
+  Toc: () => import_Toc.default
+});
+module.exports = __toCommonJS(Toc_exports);
+var import_Toc = __toESM(require("./Toc"));
+__reExport(Toc_exports, require("./Toc"), module.exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/components/Toc/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Toc/index.ts"],
+  "sourcesContent": ["export {default as Toc} from './Toc';\nexport * from './Toc';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAA6B;AAC7B,wBAAc,kBADd;",
+  "names": []
+}

package/build/cjs/components/TocItem/TocItem.css

@@ -0,0 +1,140 @@
+/* src/components/TocItem/TocItem.scss */
+.dc-toc-item {
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.dc-toc-item__link {
+  --g-focus-border-radius: 4px;
+  display: block;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  border-radius: 4px;
+  border-radius: var(--g-focus-border-radius);
+}
+.dc-toc-item__link:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: -2px;
+}
+.dc-toc-item__link:focus:not(:focus-visible) {
+  outline: 0;
+}
+.dc-toc-item__wrapper {
+  display: flex;
+  align-items: center;
+  padding: 7px 0px 5px;
+}
+.dc-toc-item__text-block {
+  display: block;
+  position: relative;
+  padding: 7px 12px 7px 20px;
+  width: 100%;
+}
+@media (max-width: 768px) {
+  .dc-toc-item__text-block {
+    padding: 10px 12px 10px 40px;
+  }
+  [dir=rtl] .dc-toc-item__text-block {
+    padding: 10px 40px 10px 12px;
+  }
+}
+[dir=rtl] .dc-toc-item__text-block {
+  padding: 7px 20px 7px 12px;
+}
+.dc-toc-item__text {
+  --g-focus-border-radius: 4px;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  box-sizing: border-box;
+  word-break: break-word;
+  background-color: transparent;
+  border: 0;
+  text-align: left;
+  text-align: initial;
+  border-radius: 4px;
+  border-radius: var(--g-focus-border-radius);
+  color: var(--g-color-text-primary);
+}
+@media (max-width: 768px) {
+  .dc-toc-item__text {
+    font-size: var(--g-text-body-2-font-size);
+    line-height: var(--g-text-body-2-line-height);
+  }
+}
+.dc-toc-item__text_active {
+  border-radius: 3px;
+  background: var(--g-color-base-selection);
+}
+.dc-toc-item__text_labeled {
+  font-weight: 500;
+  text-transform: uppercase;
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.dc-toc-item__text_deprecated span {
+  width: 90%;
+  display: block;
+}
+.dc-toc-item__text_deprecated svg {
+  position: absolute;
+  top: 50%;
+  right: 6px;
+  transform: translateY(-50%);
+  opacity: 0.6;
+}
+.dc-toc-item__text_clicable {
+  cursor: pointer;
+}
+.dc-toc-item__text_clicable:hover {
+  border-radius: 3px;
+  background: var(--g-color-base-simple-hover);
+}
+.dc-toc-item__text:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: -2px;
+}
+.dc-toc-item__text:focus:not(:focus-visible) {
+  outline: 0;
+}
+.dc-toc-item__icon {
+  position: absolute;
+  left: 0;
+}
+[dir=rtl] .dc-toc-item__icon {
+  right: 0;
+}
+@media (max-width: 768px) {
+  .dc-toc-item__icon {
+    left: 12px;
+  }
+  [dir=rtl] .dc-toc-item__icon {
+    right: 12px;
+  }
+}
+.dc-toc-item__arrow {
+  align-self: stretch;
+  height: auto;
+}
+@media (max-width: 768px) {
+  .dc-toc-item__arrow {
+    margin-right: 20px;
+    left: 12px;
+  }
+  [dir=rtl] .dc-toc-item__arrow {
+    left: 0;
+    margin-left: 20px;
+  }
+  .dc-toc-item__arrow .g-button__icon {
+    left: -12px;
+  }
+  [dir=rtl] .dc-toc-item__arrow .g-button__icon {
+    left: 0;
+    right: 0;
+  }
+}
+.dc-toc-item__arrow:hover:before {
+  background: none;
+}
+/*# sourceMappingURL=TocItem.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/TocItem/TocItem.scss", "../../../../src/components/TocItem/%3Cinput css lNOt61%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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1RvY0l0ZW0iLCJzb3VyY2VzIjpbIlRvY0l0ZW0uc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQTtFQUNJO0VBQ0E7O0FBRUE7RUFDSTtFQUVBO0VBQ0E7RUFDQTs7QUNtQkE7RUFDSTtFQUNBLGdCRG5Cc0I7O0FDcUIxQjtFQUNJOztBRG5CUjtFQUNJO0VBQ0E7RUFFQTs7QUFHSjtFQUNJO0VBRUE7RUFDQTtFQUNBOztBQUVBO0VBUEo7SUFRUTs7RUFFQTtJQUNJOzs7QUFJUjtFQUNJOztBQUlSO0VBQ0k7RUFFQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7QUFFQTtFQWhCSjtJQzNDQTtJQUNBOzs7QUQ4REk7RUFDSTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQ3RFUjtFQUNBOztBRDJFUTtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUlSO0VBQ0k7O0FBRUE7RUFDSTtFQUNBOztBQ2pFUjtFQUNJO0VBQ0EsZ0JEbUVzQjs7QUNqRTFCO0VBQ0k7O0FEbUVSO0VBQ0k7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBUko7SUFTUSxNQS9HVTs7RUFpSFY7SUFDSSxPQWxITTs7O0FBdUhsQjtFQUNJO0VBQ0E7O0FBRUE7RUFKSjtJQUtRO0lBQ0EsTUE3SFU7O0VBK0hWO0lBQ0k7SUFDQTs7RUFHSjtJQUNJOztFQUVBO0lBQ0k7SUFDQTs7O0FBS1o7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbiR2aXNpYmxlU3RhcnRQYWRkaW5nOiAxMnB4O1xuXG4uZGMtdG9jLWl0ZW0ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgICZfX2xpbmsge1xuICAgICAgICAtLWctZm9jdXMtYm9yZGVyLXJhZGl1czogNHB4O1xuXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAgICAgQGluY2x1ZGUgbWl4aW5zLmZvY3VzYWJsZSgtMnB4KTsgLy8gLTJweCwgYXMgb3V0bGluZSBvbiBmb2N1ZXMgZ29lcyBvdXQgb2YgdG9jJ3MgYm9yZGVyc1xuICAgIH1cblxuICAgICZfX3dyYXBwZXIge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgIHBhZGRpbmc6IDdweCAwcHggNXB4O1xuICAgIH1cblxuICAgICZfX3RleHQtYmxvY2sge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcblxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHBhZGRpbmc6IDdweCAxMnB4IDdweCAyMHB4O1xuICAgICAgICB3aWR0aDogMTAwJTtcblxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDEwcHggMTJweCAxMHB4ICgyOHB4ICsgJHZpc2libGVTdGFydFBhZGRpbmcpO1xuXG4gICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAxMHB4ICgyOHB4ICsgJHZpc2libGVTdGFydFBhZGRpbmcpIDEwcHggMTJweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIFtkaXI9J3J0bCddICYge1xuICAgICAgICAgICAgcGFkZGluZzogN3B4IDIwcHggN3B4IDEycHg7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX190ZXh0IHtcbiAgICAgICAgLS1nLWZvY3VzLWJvcmRlci1yYWRpdXM6IDRweDtcblxuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xuICAgICAgICBmb250LXdlaWdodDogaW5oZXJpdDtcblxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyOiAwO1xuICAgICAgICB0ZXh0LWFsaWduOiBpbml0aWFsO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgICAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMik7XG4gICAgICAgIH1cblxuICAgICAgICAmX2FjdGl2ZSB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2Utc2VsZWN0aW9uKTtcbiAgICAgICAgfVxuXG4gICAgICAgICZfbGFiZWxlZCB7XG4gICAgICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICAgICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcblxuICAgICAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTEpO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9kZXByZWNhdGVkIHtcbiAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIHdpZHRoOiA5MCU7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHN2ZyB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICAgIHJpZ2h0OiA2cHg7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6IDAuNjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfY2xpY2FibGUge1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLXNpbXBsZS1ob3Zlcik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBAaW5jbHVkZSBtaXhpbnMuZm9jdXNhYmxlKC0ycHgpOyAvLyAtMnB4LCBhcyBvdXRsaW5lIG9uIGZvY3VlcyBnb2VzIG91dCBvZiB0b2MncyBib3JkZXJzXG4gICAgfVxuXG4gICAgJl9faWNvbiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgbGVmdDogMDtcblxuICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgICAgICBsZWZ0OiAkdmlzaWJsZVN0YXJ0UGFkZGluZztcblxuICAgICAgICAgICAgW2Rpcj0ncnRsJ10gJiB7XG4gICAgICAgICAgICAgICAgcmlnaHQ6ICR2aXNpYmxlU3RhcnRQYWRkaW5nO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fYXJyb3cge1xuICAgICAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICAgICAgICBoZWlnaHQ6IGF1dG87XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG4gICAgICAgICAgICBsZWZ0OiAkdmlzaWJsZVN0YXJ0UGFkZGluZztcblxuICAgICAgICAgICAgW2Rpcj0ncnRsJ10gJiB7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMjBweDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLmctYnV0dG9uX19pY29uIHtcbiAgICAgICAgICAgICAgICBsZWZ0OiAtJHZpc2libGVTdGFydFBhZGRpbmc7XG5cbiAgICAgICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpob3ZlcjpiZWZvcmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@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"],
+  "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/cjs/components/TocItem/TocItem.d.ts

@@ -0,0 +1,16 @@
+import type { TocItem as ITocItem } from '../../models';
+import React from 'react';
+import './TocItem.scss';
+export interface TocItemProps extends ITocItem {
+    id: string;
+    name: string;
+    href?: string;
+    items?: ITocItem[];
+    active: boolean;
+    expandable: boolean;
+    expanded: boolean;
+    deprecated?: boolean;
+    toggleItem: (id: string, opened: boolean) => void;
+}
+export declare const TocItem: React.FC<TocItemProps>;
+export default TocItem;

package/build/cjs/components/TocItem/TocItem.js

@@ -0,0 +1,127 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a, prop, b2[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a, prop, b2[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TocItem/TocItem.tsx
+var TocItem_exports = {};
+__export(TocItem_exports, {
+  TocItem: () => TocItem,
+  default: () => TocItem_default
+});
+module.exports = __toCommonJS(TocItem_exports);
+var import_react = __toESM(require("react"));
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_uikit = require("@gravity-ui/uikit");
+var import_icons = require("@gravity-ui/icons");
+var import_hooks = require("../../hooks");
+var import_utils = require("../../utils");
+var import_ToggleArrow = require("../ToggleArrow");
+var import_TocItem = require("./TocItem.css");
+var b = (0, import_bem_cn_lite.default)("dc-toc-item");
+var TocItem = import_react.default.forwardRef(
+  ({ id, name, href, active, expandable, expanded, toggleItem, labeled, deprecated }, ref) => {
+    const handleClick = () => {
+      toggleItem(id, expanded);
+    };
+    const handleArrowClick = (event) => {
+      event.stopPropagation();
+      event.preventDefault();
+      toggleItem(id, expanded);
+    };
+    const { t } = (0, import_hooks.useTranslation)("toc-nav-panel");
+    const deprecatedIcon = deprecated ? /* @__PURE__ */ import_react.default.createElement(import_icons.Ban, null) : null;
+    const text = /* @__PURE__ */ import_react.default.createElement("span", null, name, " ", deprecatedIcon);
+    const icon = expandable ? /* @__PURE__ */ import_react.default.createElement(import_ToggleArrow.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
+    };
+    const textProps = {
+      clicable: Boolean(expandable || href),
+      active,
+      labeled,
+      deprecated
+    };
+    const content = import_react.default.createElement(
+      href ? "div" : "button",
+      __spreadValues({
+        ref,
+        className: b("text", textProps, b("text-block")),
+        onClick: expandable ? handleClick : void 0
+      }, allyButtonProps),
+      icon,
+      text
+    );
+    if (!href) {
+      return content;
+    }
+    const isExternal = (0, import_utils.isExternalHref)(href);
+    const linkAttributes = {
+      href,
+      target: isExternal ? "_blank" : "_self",
+      rel: isExternal ? "noopener noreferrer" : void 0,
+      className: b("link"),
+      onClick: expandable && href ? handleClick : void 0,
+      "aria-expanded": expandable ? expanded : void 0,
+      "aria-current": active ? "true" : void 0,
+      "data-router-shallow": true
+    };
+    if (expandable && href) {
+      return /* @__PURE__ */ import_react.default.createElement("a", __spreadValues({}, linkAttributes), /* @__PURE__ */ import_react.default.createElement("div", { className: b("wrapper", b("text", textProps)) }, /* @__PURE__ */ import_react.default.createElement(
+        import_uikit.Button,
+        {
+          size: "xs",
+          className: b("arrow"),
+          view: "flat",
+          onClick: handleArrowClick,
+          extraProps: allyButtonProps,
+          ref
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, icon)
+      ), /* @__PURE__ */ import_react.default.createElement("span", { className: b("text") }, text)));
+    }
+    return /* @__PURE__ */ import_react.default.createElement("a", __spreadValues({}, linkAttributes), content);
+  }
+);
+TocItem.displayName = "TocItem";
+var TocItem_default = TocItem;
+//# sourceMappingURL=TocItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 {Button} from '@gravity-ui/uikit';\nimport {Ban} from '@gravity-ui/icons';\n\nimport {useTranslation} from '../../hooks';\nimport {isExternalHref} from '../../utils';\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        {id, name, href, active, expandable, expanded, toggleItem, labeled, deprecated},\n        ref: React.ForwardedRef<HTMLButtonElement>,\n    ) => {\n        const handleClick = () => {\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 content = React.createElement(\n            href ? 'div' : 'button',\n            {\n                ref,\n                className: b('text', textProps, b('text-block')),\n                onClick: expandable ? handleClick : undefined,\n                ...allyButtonProps,\n            },\n            icon,\n            text,\n        );\n\n        if (!href) {\n            return content;\n        }\n\n        const isExternal = isExternalHref(href);\n        const linkAttributes = {\n            href,\n            target: isExternal ? '_blank' : '_self',\n            rel: isExternal ? 'noopener noreferrer' : undefined,\n            className: b('link'),\n            onClick: expandable && href ? handleClick : undefined,\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAClB,yBAAkB;AAClB,mBAAqB;AACrB,mBAAkB;AAElB,mBAA6B;AAC7B,mBAA6B;AAC7B,yBAA0B;AAE1B,qBAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,aAAa;AActB,IAAM,UAAkC,aAAAC,QAAM;AAAA,EACjD,CACI,EAAC,IAAI,MAAM,MAAM,QAAQ,YAAY,UAAU,YAAY,SAAS,WAAU,GAC9E,QACC;AACD,UAAM,cAAc,MAAM;AACtB,iBAAW,IAAI,QAAQ;AAAA,IAC3B;AAEA,UAAM,mBAAmB,CAAC,UAA4B;AAClD,YAAM,gBAAgB;AACtB,YAAM,eAAe;AACrB,iBAAW,IAAI,QAAQ;AAAA,IAC3B;AAEA,UAAM,EAAC,EAAC,QAAI,6BAAe,eAAe;AAE1C,UAAM,iBAAiB,aAAa,6BAAAA,QAAA,cAAC,sBAAI,IAAK;AAC9C,UAAM,OACF,6BAAAA,QAAA,cAAC,cACI,MAAK,KAAE,cACZ;AAEJ,UAAM,OAAO,aACT,6BAAAA,QAAA,cAAC,kCAAY,WAAW,EAAE,MAAM,GAAG,MAAM,UAAU,MAAM,MAAM,IAC/D;AAEJ,UAAM,kBAAkB;AAAA,MACpB,iBAAiB,cAAc,CAAC,OAAO,WAAW;AAAA,MAClD,cAAc,aAAa,EAAE,gBAAgB,IAAI,MAAM,OAAO;AAAA,IAClE;AACA,UAAM,YAAY;AAAA,MACd,UAAU,QAAQ,cAAc,IAAI;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAEA,UAAM,UAAU,aAAAA,QAAM;AAAA,MAClB,OAAO,QAAQ;AAAA,MACf;AAAA,QACI;AAAA,QACA,WAAW,EAAE,QAAQ,WAAW,EAAE,YAAY,CAAC;AAAA,QAC/C,SAAS,aAAa,cAAc;AAAA,SACjC;AAAA,MAEP;AAAA,MACA;AAAA,IACJ;AAEA,QAAI,CAAC,MAAM;AACP,aAAO;AAAA,IACX;AAEA,UAAM,iBAAa,6BAAe,IAAI;AACtC,UAAM,iBAAiB;AAAA,MACnB;AAAA,MACA,QAAQ,aAAa,WAAW;AAAA,MAChC,KAAK,aAAa,wBAAwB;AAAA,MAC1C,WAAW,EAAE,MAAM;AAAA,MACnB,SAAS,cAAc,OAAO,cAAc;AAAA,MAC5C,iBAAiB,aAAa,WAAW;AAAA,MACzC,gBAAgB,SAAU,SAAmB;AAAA,MAC7C,uBAAuB;AAAA,IAC3B;AAEA,QAAI,cAAc,MAAM;AACpB,aACI,6BAAAA,QAAA,cAAC,wBAAM,iBACH,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,WAAW,EAAE,QAAQ,SAAS,CAAC,KAC7C,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAW,EAAE,OAAO;AAAA,UACpB,MAAM;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,UACZ;AAAA;AAAA,QAEA,6BAAAA,QAAA,cAAC,oBAAO,MAAP,MAAa,IAAK;AAAA,MACvB,GACA,6BAAAA,QAAA,cAAC,UAAK,WAAW,EAAE,MAAM,KAAI,IAAK,CACtC,CACJ;AAAA,IAER;AAEA,WAAO,6BAAAA,QAAA,cAAC,wBAAM,iBAAiB,OAAQ;AAAA,EAC3C;AACJ;AAEA,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
+  "names": ["block", "React"]
+}

package/build/cjs/components/TocItem/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TocItem } from './TocItem';
+export * from './TocItem';

package/build/cjs/components/TocItem/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TocItem/index.ts
+var TocItem_exports = {};
+__export(TocItem_exports, {
+  TocItem: () => import_TocItem.default
+});
+module.exports = __toCommonJS(TocItem_exports);
+var import_TocItem = __toESM(require("./TocItem"));
+__reExport(TocItem_exports, require("./TocItem"), module.exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/components/TocItem/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/TocItem/index.ts"],
+  "sourcesContent": ["export {default as TocItem} from './TocItem';\nexport * from './TocItem';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAiC;AACjC,4BAAc,sBADd;",
+  "names": []
+}

package/build/cjs/components/TocLable/TocLabel.css

@@ -0,0 +1,14 @@
+/* src/components/TocLable/TocLabel.scss */
+.dc-toc-label_offset {
+  margin-left: 10px;
+}
+[dir=rtl] .dc-toc-label_offset {
+  margin-right: 10px;
+}
+.dc-toc-label__label-tooltip {
+  padding: 16px;
+}
+.dc-toc-label__label-wrapper {
+  cursor: pointer;
+}
+/*# sourceMappingURL=TocLabel.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/TocLable/TocLabel.scss", "../../../../src/components/TocLable/%3Cinput css GOWJTg%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/cjs/components/TocLable/TocLabel.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+import type { TocLabel as TocLabelType } from '../../models';
+import './TocLabel.scss';
+interface TocLabelProps {
+    label: TocLabelType;
+}
+declare const TocLabel: FC<TocLabelProps>;
+export default TocLabel;

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

@@ -0,0 +1,67 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TocLable/TocLabel.tsx
+var TocLabel_exports = {};
+__export(TocLabel_exports, {
+  default: () => TocLabel_default
+});
+module.exports = __toCommonJS(TocLabel_exports);
+var import_react = __toESM(require("react"));
+var import_uikit = require("@gravity-ui/uikit");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_TocLabel = require("./TocLabel.css");
+var b = (0, import_bem_cn_lite.default)("dc-toc-label");
+var TocLabel = ({ label }) => {
+  const direction = (0, import_uikit.useDirection)();
+  let labelElement = null;
+  if (label == null ? void 0 : label.title) {
+    const hasDescription = Boolean(label.description);
+    labelElement = /* @__PURE__ */ import_react.default.createElement(import_uikit.Label, { size: "xs", theme: label.theme, className: b({ offset: !hasDescription }) }, label.title);
+    const labelTooltip = /* @__PURE__ */ import_react.default.createElement("div", { className: b("label-tooltip") }, label.description);
+    if (hasDescription) {
+      const placement = direction === "rtl" ? "left" : "right";
+      labelElement = /* @__PURE__ */ import_react.default.createElement(
+        import_uikit.Popover,
+        {
+          content: labelTooltip,
+          placement,
+          hasArrow: true,
+          strategy: "fixed",
+          openDelay: 100,
+          className: b({ offset: true })
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: b("label-wrapper"), onClick: (e) => e.preventDefault() }, labelElement)
+      );
+    }
+  }
+  return labelElement;
+};
+var TocLabel_default = TocLabel;
+//# sourceMappingURL=TocLabel.js.map

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

@@ -0,0 +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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAkB;AAClB,mBAA2C;AAC3C,yBAAkB;AAElB,sBAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,cAAc;AAM9B,IAAM,WAA8B,CAAC,EAAC,MAAK,MAAM;AAC7C,QAAM,gBAAY,2BAAa;AAE/B,MAAI,eAAe;AACnB,MAAI,+BAAO,OAAO;AACd,UAAM,iBAAiB,QAAQ,MAAM,WAAW;AAChD,mBACI,6BAAAC,QAAA,cAAC,sBAAM,MAAM,MAAM,OAAO,MAAM,OAAO,WAAW,EAAE,EAAC,QAAQ,CAAC,eAAc,CAAC,KACxE,MAAM,KACX;AAGJ,UAAM,eAAe,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,eAAe,KAAI,MAAM,WAAY;AAE5E,QAAI,gBAAgB;AAChB,YAAM,YAAY,cAAc,QAAQ,SAAS;AACjD,qBACI,6BAAAA,QAAA;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,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,eAAe,GAAG,SAAS,CAAC,MAAM,EAAE,eAAe,KAChE,YACL;AAAA,MACJ;AAAA,IAER;AAAA,EACJ;AAEA,SAAO;AACX;AAEA,IAAO,mBAAQ;",
+  "names": ["block", "React"]
+}

package/build/cjs/components/TocLable/__tests__/TocLabel.spec.d.ts

@@ -0,0 +1 @@
+export {};