@diplodoc/components 5.7.3 → 5.9.0

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 kIvsap%3E"],
+  "sources": ["../../../../src/components/TocNavPanel/TocNavPanel.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/TocNavPanel/%3Cinput css R-f60i%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/ToggleArrow/ToggleArrow.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ToggleArrow/ToggleArrow.scss", "../../../../src/components/ToggleArrow/%3Cinput css 6nChog%3E"],
+  "sources": ["../../../../src/components/ToggleArrow/ToggleArrow.scss", "../../../../src/components/ToggleArrow/%3Cinput css v0C3V9%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/UpdatedAtDate/UpdatedAtDate.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/UpdatedAtDate/UpdatedAtDate.scss", "../../../../src/components/UpdatedAtDate/%3Cinput css XNsI6d%3E"],
+  "sources": ["../../../../src/components/UpdatedAtDate/UpdatedAtDate.scss", "../../../../src/components/UpdatedAtDate/%3Cinput css --lZGM%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/Widgets/Widgets.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Widgets/Widgets.scss", "../../../../src/components/Widgets/%3Cinput css U0tjZx%3E"],
+  "sources": ["../../../../src/components/Widgets/Widgets.scss", "../../../../src/components/Widgets/%3Cinput css khQDMt%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/CustomNavigation/CustomNavigation.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/components/navigation/CustomNavigation/CustomNavigation.scss", "../../../../../src/components/navigation/CustomNavigation/%3Cinput css Ss2fTn%3E"],
+  "sources": ["../../../../../src/components/navigation/CustomNavigation/CustomNavigation.scss", "../../../../../src/components/navigation/CustomNavigation/%3Cinput css QWuqgz%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": []

package/build/esm/components/navigation/DropdownContent/Column/Column.css

@@ -0,0 +1,8 @@
+/* src/components/navigation/DropdownContent/Column/Column.scss */
+.dropdown-content__column {
+  display: flex;
+  flex-direction: column;
+  gap: var(--g-spacing-3);
+  flex: 1 0 auto;
+}
+/*# sourceMappingURL=Column.css.map */

package/build/esm/components/navigation/DropdownContent/Column/Column.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/navigation/DropdownContent/Column/Column.scss", "../../../../../../src/components/navigation/DropdownContent/Column/%3Cinput css vLiCpb%3E"],
+  "sourcesContent": [".dropdown-content__column {\n    display: flex;\n    flex-direction: column;\n    gap: var(--g-spacing-3);\n    flex: 1 0 auto;\n}\n", ".dropdown-content__column {\n  display: flex;\n  flex-direction: column;\n  gap: var(--g-spacing-3);\n  flex: 1 0 auto;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vRHJvcGRvd25Db250ZW50L0NvbHVtbiIsInNvdXJjZXMiOlsiQ29sdW1uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5kcm9wZG93bi1jb250ZW50X19jb2x1bW4ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IHZhcigtLWctc3BhY2luZy0zKTtcbiAgICBmbGV4OiAxIDAgYXV0bztcbn1cbiJdfQ== */"],
+  "mappings": ";AAAA,CAAA;AACI,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACA,QAAA,EAAA,EAAA;ACCJ;",
+  "names": []
+}

package/build/esm/components/navigation/DropdownContent/Column/Column.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { NavigationColumnItem } from '../../types';
+import './Column.scss';
+export interface ColumnProps {
+    data: NavigationColumnItem;
+}
+export declare const Column: FC<ColumnProps>;

package/build/esm/components/navigation/DropdownContent/Column/Column.js

@@ -0,0 +1,15 @@
+// src/components/navigation/DropdownContent/Column/Column.tsx
+import React from "react";
+import { Section } from "../Section";
+import { useSections } from "../../hooks";
+import { cnDropdownContent } from "../utils";
+import "./Column.css";
+var Column = (props) => {
+  const { data } = props;
+  const { items } = useSections(data);
+  return /* @__PURE__ */ React.createElement("div", { className: cnDropdownContent("column") }, items.map((item, index) => /* @__PURE__ */ React.createElement(Section, { key: index, data: item })));
+};
+export {
+  Column
+};
+//# sourceMappingURL=Column.js.map

package/build/esm/components/navigation/DropdownContent/Column/Column.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/navigation/DropdownContent/Column/Column.tsx"],
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationColumnItem} from '../../types';\n\nimport React from 'react';\n\nimport {Section} from '../Section';\nimport {useSections} from '../../hooks';\nimport {cnDropdownContent} from '../utils';\n\nimport './Column.scss';\n\nexport interface ColumnProps {\n    data: NavigationColumnItem;\n}\n\nexport const Column: FC<ColumnProps> = (props) => {\n    const {data} = props;\n    const {items} = useSections(data);\n\n    return (\n        <div className={cnDropdownContent('column')}>\n            {items.map((item, index) => (\n                <Section key={index} data={item} />\n            ))}\n        </div>\n    );\n};\n"],
+  "mappings": ";AAGA,OAAO,WAAW;AAElB,SAAQ,eAAc;AACtB,SAAQ,mBAAkB;AAC1B,SAAQ,yBAAwB;AAEhC,OAAO;AAMA,IAAM,SAA0B,CAAC,UAAU;AAC9C,QAAM,EAAC,KAAI,IAAI;AACf,QAAM,EAAC,MAAK,IAAI,YAAY,IAAI;AAEhC,SACI,oCAAC,SAAI,WAAW,kBAAkB,QAAQ,KACrC,MAAM,IAAI,CAAC,MAAM,UACd,oCAAC,WAAQ,KAAK,OAAO,MAAM,MAAM,CACpC,CACL;AAER;",
+  "names": []
+}

package/build/esm/components/navigation/DropdownContent/Column/index.d.ts

@@ -0,0 +1 @@
+export { Column, type ColumnProps } from './Column';

package/build/esm/components/navigation/DropdownContent/Column/index.js

@@ -0,0 +1,6 @@
+// src/components/navigation/DropdownContent/Column/index.ts
+import { Column } from "./Column";
+export {
+  Column
+};
+//# sourceMappingURL=index.js.map

package/build/esm/components/navigation/DropdownContent/Column/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/navigation/DropdownContent/Column/index.ts"],
+  "sourcesContent": ["export {Column, type ColumnProps} from './Column';\n"],
+  "mappings": ";AAAA,SAAQ,cAA+B;",
+  "names": []
+}

package/build/esm/components/navigation/DropdownContent/DropdownContent.css

@@ -0,0 +1,12 @@
+/* src/components/navigation/DropdownContent/DropdownContent.scss */
+.dropdown-content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--g-spacing-3);
+}
+@media (min-width: 769px) {
+  .dropdown-content {
+    flex-direction: row;
+  }
+}
+/*# sourceMappingURL=DropdownContent.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/navigation/DropdownContent/DropdownContent.scss", "../../../../../src/components/navigation/DropdownContent/%3Cinput css dwjvL8%3E"],
+  "sourcesContent": ["@use 'sass:map';\n@use '../../../styles/variables';\n\n.dropdown-content {\n    display: flex;\n    flex-direction: column;\n    gap: var(--g-spacing-3);\n\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        flex-direction: row;\n    }\n}\n", ".dropdown-content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--g-spacing-3);\n}\n@media (min-width: 769px) {\n  .dropdown-content {\n    flex-direction: row;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vRHJvcGRvd25Db250ZW50Iiwic291cmNlcyI6WyJEcm9wZG93bkNvbnRlbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNJO0VBQ0E7RUFDQTs7QUFFQTtFQUxKO0lBTVEiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICcuLi8uLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuLmRyb3Bkb3duLWNvbnRlbnQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IHZhcigtLWctc3BhY2luZy0zKTtcblxuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgfVxufVxuIl19 */"],
+  "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;ACFJ;ADII,QAAA,WAAA;AALJ,GAAA;AAMQ,oBAAA;ACDN;AACF;",
+  "names": []
+}

package/build/esm/components/navigation/DropdownContent/DropdownContent.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { NavigationColumnItem, NavigationLinkItem, NavigationSectionItem } from '../types';
+import './DropdownContent.scss';
+export interface DropdownContentProps {
+    items: Array<NavigationSectionItem | NavigationLinkItem | NavigationColumnItem>;
+}
+export declare const DropdownContent: FC<DropdownContentProps>;

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

@@ -0,0 +1,16 @@
+// src/components/navigation/DropdownContent/DropdownContent.tsx
+import React from "react";
+import { useColumns } from "../hooks";
+import { cnDropdownContent } from "./utils";
+import { Column } from "./Column";
+import "./DropdownContent.css";
+var DropdownContent = (props) => {
+  const { items } = useColumns(props);
+  return /* @__PURE__ */ React.createElement("div", { className: cnDropdownContent() }, items.map((item, index) => {
+    return /* @__PURE__ */ React.createElement(Column, { key: index, data: item });
+  }));
+};
+export {
+  DropdownContent
+};
+//# sourceMappingURL=DropdownContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/navigation/DropdownContent/DropdownContent.tsx"],
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationColumnItem, NavigationLinkItem, NavigationSectionItem} from '../types';\n\nimport React from 'react';\n\nimport {useColumns} from '../hooks';\n\nimport {cnDropdownContent} from './utils';\nimport {Column} from './Column';\nimport './DropdownContent.scss';\n\nexport interface DropdownContentProps {\n    items: Array<NavigationSectionItem | NavigationLinkItem | NavigationColumnItem>;\n}\n\nexport const DropdownContent: FC<DropdownContentProps> = (props) => {\n    const {items} = useColumns(props);\n\n    return (\n        <div className={cnDropdownContent()}>\n            {items.map((item, index) => {\n                return <Column key={index} data={item} />;\n            })}\n        </div>\n    );\n};\n"],
+  "mappings": ";AAGA,OAAO,WAAW;AAElB,SAAQ,kBAAiB;AAEzB,SAAQ,yBAAwB;AAChC,SAAQ,cAAa;AACrB,OAAO;AAMA,IAAM,kBAA4C,CAAC,UAAU;AAChE,QAAM,EAAC,MAAK,IAAI,WAAW,KAAK;AAEhC,SACI,oCAAC,SAAI,WAAW,kBAAkB,KAC7B,MAAM,IAAI,CAAC,MAAM,UAAU;AACxB,WAAO,oCAAC,UAAO,KAAK,OAAO,MAAM,MAAM;AAAA,EAC3C,CAAC,CACL;AAER;",
+  "names": []
+}

package/build/esm/components/navigation/DropdownContent/List/List.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { NavigationLinkItem } from '../../types';
+export interface ListProps {
+    items: NavigationLinkItem[];
+}
+export declare const List: FC<ListProps>;

package/build/esm/components/navigation/DropdownContent/List/List.js

@@ -0,0 +1,20 @@
+// src/components/navigation/DropdownContent/List/List.tsx
+import React from "react";
+import { NavigationItem, NavigationLayout, block } from "@gravity-ui/page-constructor";
+var b = block("navigation-popup");
+var List = (props) => {
+  const { items } = props;
+  return /* @__PURE__ */ React.createElement("ul", { className: b("list") }, items.map((item, index) => /* @__PURE__ */ React.createElement(
+    NavigationItem,
+    {
+      key: index,
+      className: b("link"),
+      data: item,
+      menuLayout: NavigationLayout.Dropdown
+    }
+  )));
+};
+export {
+  List
+};
+//# sourceMappingURL=List.js.map

package/build/esm/components/navigation/DropdownContent/List/List.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/navigation/DropdownContent/List/List.tsx"],
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationLinkItem} from '../../types';\n\nimport React from 'react';\nimport {NavigationItem, NavigationLayout, block} from '@gravity-ui/page-constructor';\n\nconst b = block('navigation-popup');\n\nexport interface ListProps {\n    items: NavigationLinkItem[];\n}\n\nexport const List: FC<ListProps> = (props) => {\n    const {items} = props;\n\n    return (\n        <ul className={b('list')}>\n            {items.map((item, index) => (\n                <NavigationItem\n                    key={index}\n                    className={b('link')}\n                    data={item}\n                    menuLayout={NavigationLayout.Dropdown}\n                />\n            ))}\n        </ul>\n    );\n};\n"],
+  "mappings": ";AAGA,OAAO,WAAW;AAClB,SAAQ,gBAAgB,kBAAkB,aAAY;AAEtD,IAAM,IAAI,MAAM,kBAAkB;AAM3B,IAAM,OAAsB,CAAC,UAAU;AAC1C,QAAM,EAAC,MAAK,IAAI;AAEhB,SACI,oCAAC,QAAG,WAAW,EAAE,MAAM,KAClB,MAAM,IAAI,CAAC,MAAM,UACd;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,WAAW,EAAE,MAAM;AAAA,MACnB,MAAM;AAAA,MACN,YAAY,iBAAiB;AAAA;AAAA,EACjC,CACH,CACL;AAER;",
+  "names": []
+}

package/build/esm/components/navigation/DropdownContent/List/index.d.ts

@@ -0,0 +1 @@
+export { List, type ListProps } from './List';

package/build/esm/components/navigation/DropdownContent/List/index.js

@@ -0,0 +1,6 @@
+// src/components/navigation/DropdownContent/List/index.ts
+import { List } from "./List";
+export {
+  List
+};
+//# sourceMappingURL=index.js.map

package/build/esm/components/navigation/DropdownContent/List/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/navigation/DropdownContent/List/index.ts"],
+  "sourcesContent": ["export {List, type ListProps} from './List';\n"],
+  "mappings": ";AAAA,SAAQ,YAA2B;",
+  "names": []
+}

package/build/esm/components/navigation/DropdownContent/Section/Section.css

@@ -0,0 +1,12 @@
+/* src/components/navigation/DropdownContent/Section/Section.scss */
+.dropdown-content__section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--g-spacing-half);
+}
+.dropdown-content__section-title {
+  text-transform: uppercase;
+  white-space: pre-wrap;
+  padding: var(--g-spacing-2) var(--g-spacing-3);
+}
+/*# sourceMappingURL=Section.css.map */

package/build/esm/components/navigation/DropdownContent/Section/Section.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/navigation/DropdownContent/Section/Section.scss", "../../../../../../src/components/navigation/DropdownContent/Section/%3Cinput css EdiF5Y%3E"],
+  "sourcesContent": [".dropdown-content__section {\n    display: flex;\n    flex-direction: column;\n    gap: var(--g-spacing-half);\n}\n\n.dropdown-content__section-title {\n    text-transform: uppercase;\n    white-space: pre-wrap;\n    padding: var(--g-spacing-2) var(--g-spacing-3);\n}\n", ".dropdown-content__section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--g-spacing-half);\n}\n\n.dropdown-content__section-title {\n  text-transform: uppercase;\n  white-space: pre-wrap;\n  padding: var(--g-spacing-2) var(--g-spacing-3);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vRHJvcGRvd25Db250ZW50L1NlY3Rpb24iLCJzb3VyY2VzIjpbIlNlY3Rpb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7RUFDQTs7O0FBR0o7RUFDSTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuZHJvcGRvd24tY29udGVudF9fc2VjdGlvbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGdhcDogdmFyKC0tZy1zcGFjaW5nLWhhbGYpO1xufVxuXG4uZHJvcGRvd24tY29udGVudF9fc2VjdGlvbi10aXRsZSB7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gICAgcGFkZGluZzogdmFyKC0tZy1zcGFjaW5nLTIpIHZhcigtLWctc3BhY2luZy0zKTtcbn1cbiJdfQ== */"],
+  "mappings": ";AAAA,CAAA;AACI,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;ACCJ;ADEA,CAAA;AACI,kBAAA;AACA,eAAA;AACA,WAAA,IAAA,eAAA,IAAA;ACCJ;",
+  "names": []
+}

package/build/esm/components/navigation/DropdownContent/Section/Section.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { NavigationSectionItem } from '../../types';
+import './Section.scss';
+export interface SectionProps {
+    data: NavigationSectionItem;
+}
+export declare const Section: FC<SectionProps>;

package/build/esm/components/navigation/DropdownContent/Section/Section.js

@@ -0,0 +1,23 @@
+// src/components/navigation/DropdownContent/Section/Section.tsx
+import React from "react";
+import { Text } from "@gravity-ui/uikit";
+import { List } from "../List";
+import { cnDropdownContent } from "../utils";
+import "./Section.css";
+var Section = (props) => {
+  const { data } = props;
+  const { title, items } = data;
+  return /* @__PURE__ */ React.createElement("div", { className: cnDropdownContent("section") }, title && /* @__PURE__ */ React.createElement(
+    Text,
+    {
+      className: cnDropdownContent("section-title"),
+      variant: "body-2",
+      color: "secondary"
+    },
+    title
+  ), /* @__PURE__ */ React.createElement(List, { items }));
+};
+export {
+  Section
+};
+//# sourceMappingURL=Section.js.map

package/build/esm/components/navigation/DropdownContent/Section/Section.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/navigation/DropdownContent/Section/Section.tsx"],
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationSectionItem} from '../../types';\n\nimport React from 'react';\nimport {Text} from '@gravity-ui/uikit';\n\nimport {List} from '../List';\nimport {cnDropdownContent} from '../utils';\n\nimport './Section.scss';\n\nexport interface SectionProps {\n    data: NavigationSectionItem;\n}\n\nexport const Section: FC<SectionProps> = (props) => {\n    const {data} = props;\n    const {title, items} = data;\n\n    return (\n        <div className={cnDropdownContent('section')}>\n            {title && (\n                <Text\n                    className={cnDropdownContent('section-title')}\n                    variant=\"body-2\"\n                    color=\"secondary\"\n                >\n                    {title}\n                </Text>\n            )}\n\n            <List items={items} />\n        </div>\n    );\n};\n"],
+  "mappings": ";AAGA,OAAO,WAAW;AAClB,SAAQ,YAAW;AAEnB,SAAQ,YAAW;AACnB,SAAQ,yBAAwB;AAEhC,OAAO;AAMA,IAAM,UAA4B,CAAC,UAAU;AAChD,QAAM,EAAC,KAAI,IAAI;AACf,QAAM,EAAC,OAAO,MAAK,IAAI;AAEvB,SACI,oCAAC,SAAI,WAAW,kBAAkB,SAAS,KACtC,SACG;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,kBAAkB,eAAe;AAAA,MAC5C,SAAQ;AAAA,MACR,OAAM;AAAA;AAAA,IAEL;AAAA,EACL,GAGJ,oCAAC,QAAK,OAAc,CACxB;AAER;",
+  "names": []
+}

package/build/esm/components/navigation/DropdownContent/Section/index.d.ts

@@ -0,0 +1 @@
+export { Section, type SectionProps } from './Section';

package/build/esm/components/navigation/DropdownContent/Section/index.js

@@ -0,0 +1,6 @@
+// src/components/navigation/DropdownContent/Section/index.ts
+import { Section } from "./Section";
+export {
+  Section
+};
+//# sourceMappingURL=index.js.map

package/build/esm/components/navigation/DropdownContent/Section/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/navigation/DropdownContent/Section/index.ts"],
+  "sourcesContent": ["export {Section, type SectionProps} from './Section';\n"],
+  "mappings": ";AAAA,SAAQ,eAAiC;",
+  "names": []
+}

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

@@ -0,0 +1 @@
+export { DropdownContent, type DropdownContentProps } from './DropdownContent';

package/build/esm/components/navigation/DropdownContent/index.js

@@ -0,0 +1,6 @@
+// src/components/navigation/DropdownContent/index.ts
+import { DropdownContent } from "./DropdownContent";
+export {
+  DropdownContent
+};
+//# sourceMappingURL=index.js.map

package/build/esm/components/navigation/DropdownContent/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/navigation/DropdownContent/index.ts"],
+  "sourcesContent": ["export {DropdownContent, type DropdownContentProps} from './DropdownContent';\n"],
+  "mappings": ";AAAA,SAAQ,uBAAiD;",
+  "names": []
+}

package/build/esm/components/navigation/DropdownContent/utils.d.ts

@@ -0,0 +1,2 @@
+import block from 'bem-cn-lite';
+export declare const cnDropdownContent: ReturnType<typeof block>;

package/build/esm/components/navigation/DropdownContent/utils.js

@@ -0,0 +1,7 @@
+// src/components/navigation/DropdownContent/utils.ts
+import block from "bem-cn-lite";
+var cnDropdownContent = block("dropdown-content");
+export {
+  cnDropdownContent
+};
+//# sourceMappingURL=utils.js.map

package/build/esm/components/navigation/DropdownContent/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/navigation/DropdownContent/utils.ts"],
+  "sourcesContent": ["import block from 'bem-cn-lite';\n\nexport const cnDropdownContent = block('dropdown-content') as ReturnType<typeof block>;\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAEX,IAAM,oBAAoB,MAAM,kBAAkB;",
+  "names": []
+}

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/components/navigation/Label/Label.scss", "../../../../../src/components/navigation/Label/%3Cinput css Z5fxiP%3E"],
+  "sources": ["../../../../../src/components/navigation/Label/Label.scss", "../../../../../src/components/navigation/Label/%3Cinput css I4Pc-p%3E"],
   "sourcesContent": [".pc-navigation-item__content_type_label {\n    cursor: default;\n}\n", ".pc-navigation-item__content_type_label {\n  cursor: default;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vTGFiZWwiLCJzb3VyY2VzIjpbIkxhYmVsLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5wYy1uYXZpZ2F0aW9uLWl0ZW1fX2NvbnRlbnRfdHlwZV9sYWJlbCB7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xufVxuIl19 */"],
   "mappings": ";AAAA,CAAA;AACI,UAAA;ACCJ;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/components/navigation/MobileDropdown/MobileDropdown.scss", "../../../../../src/components/navigation/MobileDropdown/%3Cinput css ghd9Hs%3E"],
+  "sources": ["../../../../../src/components/navigation/MobileDropdown/MobileDropdown.scss", "../../../../../src/components/navigation/MobileDropdown/%3Cinput css NcQYTG%3E"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../../styles/mixins';\n@use '../../../styles/variables';\n\n.dc-mobile-dropdown {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    padding: 10px 12px 10px 4px;\n\n    width: 100%;\n\n    &__foldable &__list {\n        display: flex;\n        padding: 4px 12px;\n        flex-direction: column;\n\n        border-radius: 11px;\n        background: var(--g-color-base-generic);\n    }\n\n    &__list-item {\n        display: flex;\n        padding: 10px 12px 10px 28px;\n        gap: 4px;\n\n        width: 100%;\n        margin: 0;\n\n        font-weight: 400;\n    }\n\n    &__icon {\n        transition: transform 150ms;\n\n        &_up {\n            transform: rotate(180deg);\n        }\n    }\n\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n\n        .pc-navigation-item:has(&) {\n            display: none;\n        }\n    }\n}\n", ".dc-mobile-dropdown {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 12px 10px 4px;\n  width: 100%;\n}\n.dc-mobile-dropdown__foldable .dc-mobile-dropdown__list {\n  display: flex;\n  padding: 4px 12px;\n  flex-direction: column;\n  border-radius: 11px;\n  background: var(--g-color-base-generic);\n}\n.dc-mobile-dropdown__list-item {\n  display: flex;\n  padding: 10px 12px 10px 28px;\n  gap: 4px;\n  width: 100%;\n  margin: 0;\n  font-weight: 400;\n}\n.dc-mobile-dropdown__icon {\n  transition: transform 150ms;\n}\n.dc-mobile-dropdown__icon_up {\n  transform: rotate(180deg);\n}\n@media (min-width: 769px) {\n  .dc-mobile-dropdown {\n    display: none;\n  }\n  .pc-navigation-item:has(.dc-mobile-dropdown) {\n    display: none;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vTW9iaWxlRHJvcGRvd24iLCJzb3VyY2VzIjpbIk1vYmlsZURyb3Bkb3duLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUE7RUFDSTtFQUNBO0VBQ0E7RUFFQTtFQUVBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBRUE7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFFQTs7QUFHSjtFQUNJOztBQUVBO0VBQ0k7O0FBSVI7RUFyQ0o7SUFzQ1E7O0VBRUE7SUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uLy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuQHVzZSAnLi4vLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5cbi5kYy1tb2JpbGUtZHJvcGRvd24ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBwYWRkaW5nOiAxMHB4IDEycHggMTBweCA0cHg7XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgICZfX2ZvbGRhYmxlICZfX2xpc3Qge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBwYWRkaW5nOiA0cHggMTJweDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAgICAgICBib3JkZXItcmFkaXVzOiAxMXB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2UtZ2VuZXJpYyk7XG4gICAgfVxuXG4gICAgJl9fbGlzdC1pdGVtIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgcGFkZGluZzogMTBweCAxMnB4IDEwcHggMjhweDtcbiAgICAgICAgZ2FwOiA0cHg7XG5cbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIG1hcmdpbjogMDtcblxuICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgIH1cblxuICAgICZfX2ljb24ge1xuICAgICAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMTUwbXM7XG5cbiAgICAgICAgJl91cCB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcblxuICAgICAgICAucGMtbmF2aWdhdGlvbi1pdGVtOmhhcygmKSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19 */"],
   "mappings": ";AAIA,CAAA;AACI,WAAA;AACA,mBAAA;AACA,eAAA;AAEA,WAAA,KAAA,KAAA,KAAA;AAEA,SAAA;ACLJ;ADOI,CAAA,6BAAA,CAAA;AACI,WAAA;AACA,WAAA,IAAA;AACA,kBAAA;AAEA,iBAAA;AACA,cAAA,IAAA;ACNR;ADSI,CAAA;AACI,WAAA;AACA,WAAA,KAAA,KAAA,KAAA;AACA,OAAA;AAEA,SAAA;AACA,UAAA;AAEA,eAAA;ACTR;ADYI,CAAA;AACI,cAAA,UAAA;ACVR;ADYQ,CAAA;AACI,aAAA,OAAA;ACVZ;ADcI,QAAA,WAAA;AArCJ,GAAA;AAsCQ,aAAA;ACXN;ADaM,GAAA,kBAAA,KAAA,CAxCR;AAyCY,aAAA;ACXV;AACF;",
   "names": []

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

@@ -1,22 +1,16 @@
 // src/components/navigation/MobileDropdown/MobileDropdown.tsx
 import React, { memo, useCallback, useState } from "react";
 import { ChevronDown } from "@gravity-ui/icons";
-import {
-  Foldable,
-  ItemColumnName,
-  NavigationLayout,
-  NavigationList,
-  useActiveNavItem
-} from "@gravity-ui/page-constructor";
+import { Foldable } from "@gravity-ui/page-constructor";
 import block from "bem-cn-lite";
 import { OutsideClick } from "../../OutsideClick";
+import { DropdownContent } from "../DropdownContent";
 import "./MobileDropdown.css";
 var ICON_SIZE = 20;
 var b = block("dc-mobile-dropdown");
 var MobileDropdown = memo((item) => {
-  const { text, isActive, items } = item;
+  const { text, isActive } = item;
   const [isOpened, setIsOpen] = useState(isActive);
-  const { onActiveItemChange } = useActiveNavItem(ICON_SIZE, items);
   const toggleOpennes = useCallback(
     (event) => {
       event.stopPropagation();
@@ -31,17 +25,7 @@ var MobileDropdown = memo((item) => {
       width: ICON_SIZE,
       height: ICON_SIZE
     }
-  )), /* @__PURE__ */ React.createElement(Foldable, { className: b("foldable"), isOpened }, /* @__PURE__ */ React.createElement(
-    NavigationList,
-    {
-      items,
-      className: b("list"),
-      itemClassName: b("list-item"),
-      column: ItemColumnName.Top,
-      menuLayout: NavigationLayout.Mobile,
-      onActiveItemChange
-    }
-  )));
+  )), /* @__PURE__ */ React.createElement(Foldable, { className: b("foldable"), isOpened }, /* @__PURE__ */ React.createElement(DropdownContent, { items: item.items })));
 });
 MobileDropdown.displayName = "MobileDropdown";
 var MobileDropdown_default = MobileDropdown;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/navigation/MobileDropdown/MobileDropdown.tsx"],
-  "sourcesContent": ["import type {MouseEvent} from 'react';\nimport type {NavigationDropdownItem} from '@gravity-ui/page-constructor';\n\nimport React, {memo, useCallback, useState} from 'react';\nimport {ChevronDown} from '@gravity-ui/icons';\nimport {\n    Foldable,\n    ItemColumnName,\n    NavigationLayout,\n    NavigationList,\n    useActiveNavItem,\n} from '@gravity-ui/page-constructor';\nimport block from 'bem-cn-lite';\n\nimport {OutsideClick} from '../../OutsideClick';\n\nimport './MobileDropdown.scss';\n\nconst ICON_SIZE = 20;\n\nconst b = block('dc-mobile-dropdown');\n\nconst MobileDropdown: React.FC<NavigationDropdownItem> = memo((item) => {\n    const {text, isActive, items} = item;\n\n    const [isOpened, setIsOpen] = useState(isActive);\n    const {onActiveItemChange} = useActiveNavItem(ICON_SIZE, items);\n\n    const toggleOpennes = useCallback(\n        (event: MouseEvent) => {\n            event.stopPropagation();\n\n            setIsOpen(!isOpened);\n        },\n        [isOpened],\n    );\n\n    return (\n        <OutsideClick onOutsideClick={() => setIsOpen(false)}>\n            <span className={b()} onClick={toggleOpennes}>\n                <span className={'pc-content-wrapper__text'}>{text}</span>\n                <ChevronDown\n                    className={b('icon', {up: isOpened})}\n                    width={ICON_SIZE}\n                    height={ICON_SIZE}\n                />\n            </span>\n            <Foldable className={b('foldable')} isOpened={isOpened}>\n                <NavigationList\n                    items={items}\n                    className={b('list')}\n                    itemClassName={b('list-item')}\n                    column={ItemColumnName.Top}\n                    menuLayout={NavigationLayout.Mobile}\n                    onActiveItemChange={onActiveItemChange}\n                />\n            </Foldable>\n        </OutsideClick>\n    );\n});\n\nMobileDropdown.displayName = 'MobileDropdown';\n\nexport default MobileDropdown;\n"],
-  "mappings": ";AAGA,OAAO,SAAQ,MAAM,aAAa,gBAAe;AACjD,SAAQ,mBAAkB;AAC1B;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO,WAAW;AAElB,SAAQ,oBAAmB;AAE3B,OAAO;AAEP,IAAM,YAAY;AAElB,IAAM,IAAI,MAAM,oBAAoB;AAEpC,IAAM,iBAAmD,KAAK,CAAC,SAAS;AACpE,QAAM,EAAC,MAAM,UAAU,MAAK,IAAI;AAEhC,QAAM,CAAC,UAAU,SAAS,IAAI,SAAS,QAAQ;AAC/C,QAAM,EAAC,mBAAkB,IAAI,iBAAiB,WAAW,KAAK;AAE9D,QAAM,gBAAgB;AAAA,IAClB,CAAC,UAAsB;AACnB,YAAM,gBAAgB;AAEtB,gBAAU,CAAC,QAAQ;AAAA,IACvB;AAAA,IACA,CAAC,QAAQ;AAAA,EACb;AAEA,SACI,oCAAC,gBAAa,gBAAgB,MAAM,UAAU,KAAK,KAC/C,oCAAC,UAAK,WAAW,EAAE,GAAG,SAAS,iBAC3B,oCAAC,UAAK,WAAW,8BAA6B,IAAK,GACnD;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,QAAQ,EAAC,IAAI,SAAQ,CAAC;AAAA,MACnC,OAAO;AAAA,MACP,QAAQ;AAAA;AAAA,EACZ,CACJ,GACA,oCAAC,YAAS,WAAW,EAAE,UAAU,GAAG,YAChC;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,WAAW,EAAE,MAAM;AAAA,MACnB,eAAe,EAAE,WAAW;AAAA,MAC5B,QAAQ,eAAe;AAAA,MACvB,YAAY,iBAAiB;AAAA,MAC7B;AAAA;AAAA,EACJ,CACJ,CACJ;AAER,CAAC;AAED,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
+  "sourcesContent": ["import type {MouseEvent} from 'react';\nimport type {NavigationDropdownItem} from '@gravity-ui/page-constructor';\n\nimport React, {memo, useCallback, useState} from 'react';\nimport {ChevronDown} from '@gravity-ui/icons';\nimport {Foldable} from '@gravity-ui/page-constructor';\nimport block from 'bem-cn-lite';\n\nimport {OutsideClick} from '../../OutsideClick';\nimport {DropdownContent} from '../DropdownContent';\n\nimport './MobileDropdown.scss';\n\nconst ICON_SIZE = 20;\n\nconst b = block('dc-mobile-dropdown');\n\nconst MobileDropdown: React.FC<NavigationDropdownItem> = memo((item) => {\n    const {text, isActive} = item;\n\n    const [isOpened, setIsOpen] = useState(isActive);\n\n    const toggleOpennes = useCallback(\n        (event: MouseEvent) => {\n            event.stopPropagation();\n\n            setIsOpen(!isOpened);\n        },\n        [isOpened],\n    );\n\n    return (\n        <OutsideClick onOutsideClick={() => setIsOpen(false)}>\n            <span className={b()} onClick={toggleOpennes}>\n                <span className={'pc-content-wrapper__text'}>{text}</span>\n                <ChevronDown\n                    className={b('icon', {up: isOpened})}\n                    width={ICON_SIZE}\n                    height={ICON_SIZE}\n                />\n            </span>\n            <Foldable className={b('foldable')} isOpened={isOpened}>\n                <DropdownContent items={item.items} />\n            </Foldable>\n        </OutsideClick>\n    );\n});\n\nMobileDropdown.displayName = 'MobileDropdown';\n\nexport default MobileDropdown;\n"],
+  "mappings": ";AAGA,OAAO,SAAQ,MAAM,aAAa,gBAAe;AACjD,SAAQ,mBAAkB;AAC1B,SAAQ,gBAAe;AACvB,OAAO,WAAW;AAElB,SAAQ,oBAAmB;AAC3B,SAAQ,uBAAsB;AAE9B,OAAO;AAEP,IAAM,YAAY;AAElB,IAAM,IAAI,MAAM,oBAAoB;AAEpC,IAAM,iBAAmD,KAAK,CAAC,SAAS;AACpE,QAAM,EAAC,MAAM,SAAQ,IAAI;AAEzB,QAAM,CAAC,UAAU,SAAS,IAAI,SAAS,QAAQ;AAE/C,QAAM,gBAAgB;AAAA,IAClB,CAAC,UAAsB;AACnB,YAAM,gBAAgB;AAEtB,gBAAU,CAAC,QAAQ;AAAA,IACvB;AAAA,IACA,CAAC,QAAQ;AAAA,EACb;AAEA,SACI,oCAAC,gBAAa,gBAAgB,MAAM,UAAU,KAAK,KAC/C,oCAAC,UAAK,WAAW,EAAE,GAAG,SAAS,iBAC3B,oCAAC,UAAK,WAAW,8BAA6B,IAAK,GACnD;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,QAAQ,EAAC,IAAI,SAAQ,CAAC;AAAA,MACnC,OAAO;AAAA,MACP,QAAQ;AAAA;AAAA,EACZ,CACJ,GACA,oCAAC,YAAS,WAAW,EAAE,UAAU,GAAG,YAChC,oCAAC,mBAAgB,OAAO,KAAK,OAAO,CACxC,CACJ;AAER,CAAC;AAED,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
   "names": []
 }

package/build/esm/components/navigation/NavigationDropdown/ContentWrapper.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+import type { ImageProps } from '@gravity-ui/page-constructor';
+export interface ContentWrapperProps {
+    text: string;
+    icon?: ImageProps;
+    iconSize?: number;
+}
+export declare const ContentWrapper: FC<ContentWrapperProps>;

package/build/esm/components/navigation/NavigationDropdown/ContentWrapper.js

@@ -0,0 +1,35 @@
+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;
+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 __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
+
+// src/components/navigation/NavigationDropdown/ContentWrapper.tsx
+import React, { useMemo } from "react";
+import { Image, block } from "@gravity-ui/page-constructor";
+var b = block("content-wrapper");
+var ContentWrapper = (props) => {
+  const { text, icon, iconSize } = props;
+  const iconSizeStyle = useMemo(() => {
+    return iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {};
+  }, [iconSize]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, icon && typeof icon !== "string" && /* @__PURE__ */ React.createElement(Image, __spreadProps(__spreadValues({ className: b("icon") }, icon), { style: iconSizeStyle })), /* @__PURE__ */ React.createElement("span", { className: b("text") }, text));
+};
+export {
+  ContentWrapper
+};
+//# sourceMappingURL=ContentWrapper.js.map

package/build/esm/components/navigation/NavigationDropdown/ContentWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/navigation/NavigationDropdown/ContentWrapper.tsx"],
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {ImageProps} from '@gravity-ui/page-constructor';\n\nimport React, {useMemo} from 'react';\nimport {Image, block} from '@gravity-ui/page-constructor';\n\nconst b = block('content-wrapper');\n\nexport interface ContentWrapperProps {\n    text: string;\n    icon?: ImageProps;\n    iconSize?: number;\n}\n\nexport const ContentWrapper: FC<ContentWrapperProps> = (props) => {\n    const {text, icon, iconSize} = props;\n\n    const iconSizeStyle = useMemo(() => {\n        return iconSize ? {height: `${iconSize}px`, width: `${iconSize}px`} : {};\n    }, [iconSize]);\n\n    return (\n        <>\n            {icon && typeof icon !== 'string' && (\n                <Image className={b('icon')} {...icon} style={iconSizeStyle} />\n            )}\n            <span className={b('text')}>{text}</span>\n        </>\n    );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAGA,OAAO,SAAQ,eAAc;AAC7B,SAAQ,OAAO,aAAY;AAE3B,IAAM,IAAI,MAAM,iBAAiB;AAQ1B,IAAM,iBAA0C,CAAC,UAAU;AAC9D,QAAM,EAAC,MAAM,MAAM,SAAQ,IAAI;AAE/B,QAAM,gBAAgB,QAAQ,MAAM;AAChC,WAAO,WAAW,EAAC,QAAQ,GAAG,QAAQ,MAAM,OAAO,GAAG,QAAQ,KAAI,IAAI,CAAC;AAAA,EAC3E,GAAG,CAAC,QAAQ,CAAC;AAEb,SACI,0DACK,QAAQ,OAAO,SAAS,YACrB,oCAAC,sCAAM,WAAW,EAAE,MAAM,KAAO,OAAhC,EAAsC,OAAO,gBAAe,GAEjE,oCAAC,UAAK,WAAW,EAAE,MAAM,KAAI,IAAK,CACtC;AAER;",
+  "names": []
+}