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

package/build/cjs/components/Paginator/Paginator.css

@@ -0,0 +1,48 @@
+/* src/components/Paginator/Paginator.scss */
+.Paginator {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  align-items: center;
+}
+.Paginator__item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 28px;
+  min-height: 28px;
+  margin: 4px;
+  color: var(--g-color-text-primary);
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.Paginator__item_type_prev {
+  margin: 4px 6px 4px 0;
+}
+[dir=rtl] .Paginator__item_type_prev {
+  transform: rotate(180deg);
+}
+.Paginator__item_type_dots {
+  min-width: 0;
+  color: var(--g-color-text-secondary);
+}
+.Paginator__item_type_page {
+  cursor: pointer;
+  border-radius: 14px;
+}
+.Paginator__item_type_page:hover {
+  background: var(--g-color-base-simple-hover);
+}
+.Paginator__item_type_page.Paginator__item_active {
+  color: var(--g-color-text-light-primary);
+  background: var(--g-color-base-brand);
+  cursor: default;
+}
+.Paginator__item_type_next {
+  margin: 4px 0 4px 6px;
+}
+[dir=rtl] .Paginator__item_type_next {
+  transform: rotate(180deg);
+}
+/*# sourceMappingURL=Paginator.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Paginator/Paginator.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/Paginator/%3Cinput css YUQtWx%3E"],
+  "sourcesContent": ["@use '../../styles/variables';\n@use '../../styles/mixins';\n\n.Paginator {\n    $block: &;\n\n    @include mixins.reset-list-style();\n\n    display: flex;\n    align-items: center;\n\n    &__item {\n        $item: &;\n\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n\n        min-width: 28px;\n        min-height: 28px;\n        margin: 4px;\n\n        color: var(--g-color-text-primary);\n        @include mixins.text-size(body-1);\n\n        &_type {\n            &_prev {\n                margin: 4px 6px 4px 0;\n\n                [dir='rtl'] & {\n                    transform: rotate(180deg);\n                }\n            }\n\n            &_dots {\n                min-width: 0;\n                color: var(--g-color-text-secondary);\n            }\n\n            &_page {\n                cursor: pointer;\n                border-radius: 14px;\n\n                &:hover {\n                    background: var(--g-color-base-simple-hover);\n                }\n\n                &#{$item}_active {\n                    color: var(--g-color-text-light-primary);\n                    background: var(--g-color-base-brand);\n                    cursor: default;\n                }\n            }\n\n            &_next {\n                margin: 4px 0 4px 6px;\n\n                [dir='rtl'] & {\n                    transform: rotate(180deg);\n                }\n            }\n        }\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", ".Paginator {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  align-items: center;\n}\n.Paginator__item {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  min-height: 28px;\n  margin: 4px;\n  color: var(--g-color-text-primary);\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.Paginator__item_type_prev {\n  margin: 4px 6px 4px 0;\n}\n[dir=rtl] .Paginator__item_type_prev {\n  transform: rotate(180deg);\n}\n.Paginator__item_type_dots {\n  min-width: 0;\n  color: var(--g-color-text-secondary);\n}\n.Paginator__item_type_page {\n  cursor: pointer;\n  border-radius: 14px;\n}\n.Paginator__item_type_page:hover {\n  background: var(--g-color-base-simple-hover);\n}\n.Paginator__item_type_page.Paginator__item_active {\n  color: var(--g-color-text-light-primary);\n  background: var(--g-color-base-brand);\n  cursor: default;\n}\n.Paginator__item_type_next {\n  margin: 4px 0 4px 6px;\n}\n[dir=rtl] .Paginator__item_type_next {\n  transform: rotate(180deg);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1BhZ2luYXRvciIsInNvdXJjZXMiOlsiUGFnaW5hdG9yLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUNNSTtFQUNBO0VBQ0E7RURIQTtFQUNBOztBQUVBO0VBR0k7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBRUE7RUNsQko7RUFDQTs7QURxQlE7RUFDSTs7QUFFQTtFQUNJOztBQUlSO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBRUE7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFJUjtFQUNJOztBQUVBO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkB1c2UgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uUGFnaW5hdG9yIHtcbiAgICAkYmxvY2s6ICY7XG5cbiAgICBAaW5jbHVkZSBtaXhpbnMucmVzZXQtbGlzdC1zdHlsZSgpO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgJl9faXRlbSB7XG4gICAgICAgICRpdGVtOiAmO1xuXG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICAgICBtaW4td2lkdGg6IDI4cHg7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDI4cHg7XG4gICAgICAgIG1hcmdpbjogNHB4O1xuXG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIEBpbmNsdWRlIG1peGlucy50ZXh0LXNpemUoYm9keS0xKTtcblxuICAgICAgICAmX3R5cGUge1xuICAgICAgICAgICAgJl9wcmV2IHtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDRweCA2cHggNHB4IDA7XG5cbiAgICAgICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfZG90cyB7XG4gICAgICAgICAgICAgICAgbWluLXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJl9wYWdlIHtcbiAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMTRweDtcblxuICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2Utc2ltcGxlLWhvdmVyKTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAmI3skaXRlbX1fYWN0aXZlIHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saWdodC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLWJyYW5kKTtcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJl9uZXh0IHtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDRweCAwIDRweCA2cHg7XG5cbiAgICAgICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICd2YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBmb250LXdlaWdodDogNDAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */"],
+  "mappings": ";AAGA,CAAA;ACMI,UAAA;AACA,WAAA;AACA,cAAA;ADHA,WAAA;AACA,eAAA;AEHJ;AFKI,CAAA;AAGI,WAAA;AACA,eAAA;AACA,mBAAA;AAEA,aAAA;AACA,cAAA;AACA,UAAA;AAEA,SAAA,IAAA;AClBJ,aAAA,IAAA;AACA,eAAA,IAAA;ACYJ;AFSY,CAAA;AACI,UAAA,IAAA,IAAA,IAAA;AEPhB;AFSgB,CAAA,SAAA,CAHJ;AAIQ,aAAA,OAAA;AEPpB;AFWY,CAAA;AACI,aAAA;AACA,SAAA,IAAA;AEThB;AFYY,CAAA;AACI,UAAA;AACA,iBAAA;AEVhB;AFYgB,CAJJ,yBAII;AACI,cAAA,IAAA;AEVpB;AFagB,CARJ,yBAQI,CAAA;AACI,SAAA,IAAA;AACA,cAAA,IAAA;AACA,UAAA;AEXpB;AFeY,CAAA;AACI,UAAA,IAAA,EAAA,IAAA;AEbhB;AFegB,CAAA,SAAA,CAHJ;AAIQ,aAAA,OAAA;AEbpB;",
+  "names": []
+}

package/build/cjs/components/Paginator/Paginator.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './Paginator.scss';
+export interface PaginatorDefaultProps {
+    page: number;
+    maxPages?: number;
+    onPageChange: (page: number) => void;
+}
+export interface PaginatorExtraProps {
+    className?: string;
+    isMobile?: boolean;
+}
+export interface TotalCountItems {
+    totalItems: number;
+    itemsPerPage?: number;
+}
+export type PaginatorProps = PaginatorExtraProps & PaginatorDefaultProps & TotalCountItems;
+declare const Paginator: ({ page, itemsPerPage, totalItems, maxPages, className, isMobile, onPageChange, }: PaginatorProps) => React.JSX.Element | null;
+export default Paginator;

package/build/cjs/components/Paginator/Paginator.js

@@ -0,0 +1,151 @@
+"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/Paginator/Paginator.tsx
+var Paginator_exports = {};
+__export(Paginator_exports, {
+  default: () => Paginator_default
+});
+module.exports = __toCommonJS(Paginator_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@gravity-ui/icons");
+var import_uikit = require("@gravity-ui/uikit");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_hooks = require("../../hooks");
+var import_Paginator = require("./Paginator.css");
+var b = (0, import_bem_cn_lite.default)("Paginator");
+var MOBILE_VISIBLE_PAGES = 1;
+var DESKTOP_VISIBLE_PAGES = 3;
+var MAX_VISIBLE_PAGES = 6;
+var Paginator = ({
+  page = 1,
+  itemsPerPage = 10,
+  totalItems,
+  maxPages = Infinity,
+  className,
+  isMobile = false,
+  onPageChange
+}) => {
+  const { t } = (0, import_hooks.useTranslation)("paginator");
+  const getPagesCount = () => {
+    const totalPages = Math.ceil(totalItems / itemsPerPage);
+    return Math.min(totalPages, maxPages);
+  };
+  const pagesCount = getPagesCount();
+  if (pagesCount <= 1) {
+    return null;
+  }
+  const renderPaginatorItem = ({ key, mods, content, onClick }) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "li",
+      {
+        key: `page_${key}`,
+        className: b("item", mods),
+        onClick: onClick && onClick.bind(void 0, key),
+        "aria-current": mods.active ? "page" : void 0
+      },
+      content
+    );
+  };
+  const handlePageChange = (newPage) => {
+    if (onPageChange) {
+      onPageChange(newPage);
+    }
+  };
+  const handleArrowClick = (type) => {
+    let newPage = page;
+    if (type === "prev" && page > 1) {
+      newPage = page - 1;
+    } else if (type === "next" && page < pagesCount) {
+      newPage = page + 1;
+    }
+    if (newPage !== page) {
+      handlePageChange(newPage);
+    }
+  };
+  const handlePageClick = (index) => {
+    if (index !== page) {
+      handlePageChange(index);
+    }
+  };
+  const getPageConfigs = () => {
+    const visiblePages = isMobile ? MOBILE_VISIBLE_PAGES : DESKTOP_VISIBLE_PAGES;
+    const pages2 = [];
+    for (let i = 1; i <= pagesCount; i++) {
+      if (pagesCount <= MAX_VISIBLE_PAGES || i <= visiblePages || i > pagesCount - visiblePages || i >= page - 1 && i <= page + 1) {
+        pages2.push({
+          key: i,
+          mods: { type: "page", active: page === i },
+          onClick: handlePageClick,
+          content: i
+        });
+      } else if (pages2.length > 0 && pages2[pages2.length - 1].key !== "dots") {
+        pages2.push({
+          key: "dots",
+          mods: { type: "dots" },
+          content: "..."
+        });
+      }
+    }
+    return pages2;
+  };
+  const arrowButton = (disable, type) => {
+    const label = t(type);
+    const Icon = type === "prev" ? import_icons.ArrowLeft : import_icons.ArrowRight;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_uikit.Button,
+      {
+        className: b("icon"),
+        size: "s",
+        view: "flat",
+        disabled: disable,
+        extraProps: {
+          "aria-label": label
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(Icon, { width: 16, height: 16 }))
+    );
+  };
+  const pages = getPageConfigs();
+  pages.unshift({
+    key: "prev" /* Prev */,
+    mods: { type: "prev" },
+    onClick: handleArrowClick,
+    content: arrowButton(page === 1, "prev")
+  });
+  pages.push({
+    key: "next" /* Next */,
+    mods: { type: "next" },
+    onClick: handleArrowClick,
+    content: arrowButton(page === pagesCount, "next")
+  });
+  return /* @__PURE__ */ import_react.default.createElement("ul", { className: b(null, className) }, pages.map(renderPaginatorItem));
+};
+var Paginator_default = Paginator;
+//# sourceMappingURL=Paginator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Paginator/Paginator.tsx"],
+  "sourcesContent": ["import type {ReactNode} from 'react';\n\nimport React from 'react';\nimport {ArrowLeft, ArrowRight} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../hooks';\n\nimport './Paginator.scss';\n\nconst b = block('Paginator');\n\nconst MOBILE_VISIBLE_PAGES = 1;\nconst DESKTOP_VISIBLE_PAGES = 3;\nconst MAX_VISIBLE_PAGES = 6;\n\nexport interface PaginatorDefaultProps {\n    page: number;\n    maxPages?: number;\n    onPageChange: (page: number) => void;\n}\n\nexport interface PaginatorExtraProps {\n    className?: string;\n    isMobile?: boolean;\n}\n\nexport interface TotalCountItems {\n    totalItems: number;\n    itemsPerPage?: number;\n}\n\nexport type PaginatorProps = PaginatorExtraProps & PaginatorDefaultProps & TotalCountItems;\n\ninterface Modifications {\n    [name: string]: string | boolean | undefined;\n}\n\ninterface PaginatorItemProps<T> {\n    key: T;\n    mods: Modifications;\n    content: ReactNode;\n    onClick?: (key: T) => void;\n}\n\nenum ArrowType {\n    Prev = 'prev',\n    Next = 'next',\n}\n\nconst Paginator = ({\n    page = 1,\n    itemsPerPage = 10,\n    totalItems,\n    maxPages = Infinity,\n    className,\n    isMobile = false,\n    onPageChange,\n}: PaginatorProps) => {\n    const {t} = useTranslation('paginator');\n\n    const getPagesCount = () => {\n        const totalPages = Math.ceil(totalItems / itemsPerPage);\n\n        return Math.min(totalPages, maxPages);\n    };\n\n    const pagesCount = getPagesCount();\n\n    if (pagesCount <= 1) {\n        return null;\n    }\n\n    const renderPaginatorItem = <T,>({key, mods, content, onClick}: PaginatorItemProps<T>) => {\n        return (\n            <li\n                key={`page_${key}`}\n                className={b('item', mods)}\n                onClick={onClick && onClick.bind(this, key)}\n                aria-current={mods.active ? 'page' : undefined}\n            >\n                {content}\n            </li>\n        );\n    };\n\n    const handlePageChange = (newPage: number) => {\n        if (onPageChange) {\n            onPageChange(newPage);\n        }\n    };\n\n    const handleArrowClick = (type: string) => {\n        let newPage = page;\n        if (type === 'prev' && page > 1) {\n            newPage = page - 1;\n        } else if (type === 'next' && page < pagesCount) {\n            newPage = page + 1;\n        }\n        if (newPage !== page) {\n            handlePageChange(newPage);\n        }\n    };\n\n    const handlePageClick = (index: number) => {\n        if (index !== page) {\n            handlePageChange(index);\n        }\n    };\n\n    const getPageConfigs = () => {\n        const visiblePages = isMobile ? MOBILE_VISIBLE_PAGES : DESKTOP_VISIBLE_PAGES;\n\n        const pages = [];\n\n        for (let i = 1; i <= pagesCount; i++) {\n            if (\n                pagesCount <= MAX_VISIBLE_PAGES ||\n                i <= visiblePages ||\n                i > pagesCount - visiblePages ||\n                (i >= page - 1 && i <= page + 1)\n            ) {\n                pages.push({\n                    key: i,\n                    mods: {type: 'page', active: page === i},\n                    onClick: handlePageClick,\n                    content: i,\n                });\n            } else if (pages.length > 0 && pages[pages.length - 1].key !== 'dots') {\n                pages.push({\n                    key: 'dots',\n                    mods: {type: 'dots'},\n                    content: '...',\n                });\n            }\n        }\n\n        return pages;\n    };\n\n    const arrowButton = (disable: boolean, type: string) => {\n        const label = t(type);\n        const Icon = type === 'prev' ? ArrowLeft : ArrowRight;\n\n        return (\n            <Button\n                className={b('icon')}\n                size=\"s\"\n                view={'flat'}\n                disabled={disable}\n                extraProps={{\n                    'aria-label': label,\n                }}\n            >\n                <Button.Icon>\n                    <Icon width={16} height={16} />\n                </Button.Icon>\n            </Button>\n        );\n    };\n\n    const pages = getPageConfigs() as PaginatorItemProps<string>[];\n\n    pages.unshift({\n        key: ArrowType.Prev,\n        mods: {type: 'prev'},\n        onClick: handleArrowClick,\n        content: arrowButton(page === 1, 'prev'),\n    });\n\n    pages.push({\n        key: ArrowType.Next,\n        mods: {type: 'next'},\n        onClick: handleArrowClick,\n        content: arrowButton(page === pagesCount, 'next'),\n    });\n\n    return <ul className={b(null, className)}>{pages.map(renderPaginatorItem)}</ul>;\n};\n\nexport default Paginator;\n"],
+  "mappings": "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",
+  "names": ["block", "React", "pages"]
+}

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

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

package/build/cjs/components/Paginator/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/Paginator/index.ts
+var Paginator_exports = {};
+__export(Paginator_exports, {
+  Paginator: () => import_Paginator.default
+});
+module.exports = __toCommonJS(Paginator_exports);
+var import_Paginator = __toESM(require("./Paginator"));
+__reExport(Paginator_exports, require("./Paginator"), module.exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Paginator/index.ts"],
+  "sourcesContent": ["export {default as Paginator} from './Paginator';\nexport * from './Paginator';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAmC;AACnC,8BAAc,wBADd;",
+  "names": []
+}

package/build/cjs/components/SearchBar/SearchBar.css

@@ -0,0 +1,59 @@
+/* src/components/SearchBar/SearchBar.scss */
+.dc-search-bar {
+  width: 100%;
+  height: 100%;
+  border-radius: 5px;
+  box-sizing: border-box;
+  box-shadow: 0px 3px 10px var(--g-color-base-generic-accent);
+  padding: 11px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: var(--g-text-body-short-font-size);
+  line-height: var(--g-text-body-short-line-height);
+}
+.dc-search-bar__search-query-label {
+  color: var(--g-color-text-secondary);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+@media (max-width: 770px) {
+  .dc-search-bar__search-query-label {
+    display: none;
+  }
+}
+.dc-search-bar__search-query {
+  max-width: 400px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+@media (max-width: 770px) {
+  .dc-search-bar__search-query {
+    display: none;
+  }
+}
+.dc-search-bar__left {
+  width: 90%;
+  display: flex;
+  align-items: center;
+}
+.dc-search-bar__navigation {
+  display: flex;
+  align-items: center;
+  margin-right: 11px;
+}
+.dc-search-bar__next-arrow {
+  transform: rotate(-180deg);
+}
+.dc-search-bar__counter {
+  margin: 0 4px;
+}
+.dc-search-highlighted {
+  background: var(--dc-text-highlight);
+}
+.dc-search-highlighted_selected {
+  background: var(--dc-text-highlight-selected);
+}
+/*# sourceMappingURL=SearchBar.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/SearchBar/SearchBar.scss", "../../../../src/components/SearchBar/%3Cinput css KZGWzo%3E"],
+  "sourcesContent": ["@use 'sass:map';\n@use '../../styles/variables';\n@use '../../styles/mixins';\n\n.dc-search-bar {\n    width: 100%;\n    height: 100%;\n    border-radius: 5px;\n    box-sizing: border-box;\n    box-shadow: 0px 3px 10px var(--g-color-base-generic-accent);\n    padding: 11px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    font-size: var(--g-text-body-short-font-size);\n    line-height: var(--g-text-body-short-line-height);\n\n    &__search-query-label {\n        color: var(--g-color-text-secondary);\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') + 1) {\n            display: none;\n        }\n    }\n\n    &__search-query {\n        max-width: 400px;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') + 1) {\n            display: none;\n        }\n    }\n\n    &__left {\n        width: 90%;\n        display: flex;\n        align-items: center;\n    }\n\n    &__navigation {\n        display: flex;\n        align-items: center;\n        margin-right: 11px;\n    }\n\n    &__next-arrow {\n        transform: rotate(-180deg);\n    }\n\n    &__counter {\n        margin: 0 4px;\n    }\n}\n\n$hl-class: '.dc-search-highlighted';\n\n#{$hl-class} {\n    background: var(--dc-text-highlight);\n\n    &_selected {\n        background: var(--dc-text-highlight-selected);\n    }\n}\n", ".dc-search-bar {\n  width: 100%;\n  height: 100%;\n  border-radius: 5px;\n  box-sizing: border-box;\n  box-shadow: 0px 3px 10px var(--g-color-base-generic-accent);\n  padding: 11px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: var(--g-text-body-short-font-size);\n  line-height: var(--g-text-body-short-line-height);\n}\n.dc-search-bar__search-query-label {\n  color: var(--g-color-text-secondary);\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n@media (max-width: 770px) {\n  .dc-search-bar__search-query-label {\n    display: none;\n  }\n}\n.dc-search-bar__search-query {\n  max-width: 400px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n@media (max-width: 770px) {\n  .dc-search-bar__search-query {\n    display: none;\n  }\n}\n.dc-search-bar__left {\n  width: 90%;\n  display: flex;\n  align-items: center;\n}\n.dc-search-bar__navigation {\n  display: flex;\n  align-items: center;\n  margin-right: 11px;\n}\n.dc-search-bar__next-arrow {\n  transform: rotate(-180deg);\n}\n.dc-search-bar__counter {\n  margin: 0 4px;\n}\n\n.dc-search-highlighted {\n  background: var(--dc-text-highlight);\n}\n.dc-search-highlighted_selected {\n  background: var(--dc-text-highlight-selected);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlYXJjaEJhciIsInNvdXJjZXMiOlsiU2VhcmNoQmFyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFOSjtJQU9ROzs7QUFJUjtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBTko7SUFPUTs7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOzs7QUFNUjtFQUNJOztBQUVBO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkB1c2UgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtc2VhcmNoLWJhciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJveC1zaGFkb3c6IDBweCAzcHggMTBweCB2YXIoLS1nLWNvbG9yLWJhc2UtZ2VuZXJpYy1hY2NlbnQpO1xuICAgIHBhZGRpbmc6IDExcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktc2hvcnQtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktc2hvcnQtbGluZS1oZWlnaHQpO1xuXG4gICAgJl9fc2VhcmNoLXF1ZXJ5LWxhYmVsIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSArIDEpIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19zZWFyY2gtcXVlcnkge1xuICAgICAgICBtYXgtd2lkdGg6IDQwMHB4O1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSArIDEpIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19sZWZ0IHtcbiAgICAgICAgd2lkdGg6IDkwJTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB9XG5cbiAgICAmX19uYXZpZ2F0aW9uIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMXB4O1xuICAgIH1cblxuICAgICZfX25leHQtYXJyb3cge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtMTgwZGVnKTtcbiAgICB9XG5cbiAgICAmX19jb3VudGVyIHtcbiAgICAgICAgbWFyZ2luOiAwIDRweDtcbiAgICB9XG59XG5cbiRobC1jbGFzczogJy5kYy1zZWFyY2gtaGlnaGxpZ2h0ZWQnO1xuXG4jeyRobC1jbGFzc30ge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWRjLXRleHQtaGlnaGxpZ2h0KTtcblxuICAgICZfc2VsZWN0ZWQge1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1kYy10ZXh0LWhpZ2hsaWdodC1zZWxlY3RlZCk7XG4gICAgfVxufVxuIl19 */"],
+  "mappings": ";AAIA,CAAA;AACI,SAAA;AACA,UAAA;AACA,iBAAA;AACA,cAAA;AACA,cAAA,IAAA,IAAA,KAAA,IAAA;AACA,WAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;AAEA,aAAA,IAAA;AACA,eAAA,IAAA;ACJJ;ADMI,CAAA;AACI,SAAA,IAAA;AACA,eAAA;AACA,iBAAA;AACA,YAAA;ACJR;ADMQ,QAAA,WAAA;AANJ,GAAA;AAOQ,aAAA;ACHV;AACF;ADMI,CAAA;AACI,aAAA;AACA,eAAA;AACA,iBAAA;AACA,YAAA;ACJR;ADMQ,QAAA,WAAA;AANJ,GAAA;AAOQ,aAAA;ACHV;AACF;ADMI,CAAA;AACI,SAAA;AACA,WAAA;AACA,eAAA;ACJR;ADOI,CAAA;AACI,WAAA;AACA,eAAA;AACA,gBAAA;ACLR;ADQI,CAAA;AACI,aAAA,OAAA;ACNR;ADSI,CAAA;AACI,UAAA,EAAA;ACPR;ADaA,CAAA;AACI,cAAA,IAAA;ACVJ;ADYI,CAAA;AACI,cAAA,IAAA;ACVR;",
+  "names": []
+}

package/build/cjs/components/SearchBar/SearchBar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './SearchBar.scss';
+export interface SearchBarProps {
+    searchQuery?: string;
+    onClickPrevSearch?: () => void;
+    onClickNextSearch?: () => void;
+    onCloseSearchBar?: () => void;
+    searchCurrentIndex?: number;
+    searchCountResults?: number;
+}
+declare const SearchBar: React.NamedExoticComponent<SearchBarProps>;
+export default SearchBar;

package/build/cjs/components/SearchBar/SearchBar.js

@@ -0,0 +1,102 @@
+"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/SearchBar/SearchBar.tsx
+var SearchBar_exports = {};
+__export(SearchBar_exports, {
+  default: () => SearchBar_default
+});
+module.exports = __toCommonJS(SearchBar_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@gravity-ui/icons");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_react_hotkeys_hook = require("react-hotkeys-hook");
+var import_hooks = require("../../hooks");
+var import_models = require("../../models");
+var import_Control = require("../Control");
+var import_SearchBar = require("./SearchBar.css");
+var b = (0, import_bem_cn_lite.default)("dc-search-bar");
+var noop = () => {
+};
+var SearchBar = (0, import_react.memo)((props) => {
+  const { t } = (0, import_hooks.useTranslation)("search-bar");
+  const {
+    searchQuery,
+    searchCurrentIndex,
+    searchCountResults,
+    onClickPrevSearch = noop,
+    onClickNextSearch = noop,
+    onCloseSearchBar = noop
+  } = props;
+  const hotkeysOptions = { enabled: true, preventDefault: true };
+  const hotkeysPrev = "\u21E7+enter";
+  const hotkeysNext = "enter";
+  (0, import_react_hotkeys_hook.useHotkeys)(hotkeysPrev, onClickPrevSearch, hotkeysOptions, [onClickPrevSearch]);
+  (0, import_react_hotkeys_hook.useHotkeys)(hotkeysNext, onClickNextSearch, hotkeysOptions, [onClickNextSearch]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: b() }, /* @__PURE__ */ import_react.default.createElement("div", { className: b("left") }, /* @__PURE__ */ import_react.default.createElement("div", { className: b("navigation") }, /* @__PURE__ */ import_react.default.createElement(
+    import_Control.Control,
+    {
+      onClick: onClickPrevSearch,
+      tooltipText: `${t("prev")} (${hotkeysPrev})`,
+      icon: import_icons.ChevronLeft
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("span", { className: b("counter") }, searchCurrentIndex, "/", searchCountResults), /* @__PURE__ */ import_react.default.createElement(
+    import_Control.Control,
+    {
+      onClick: onClickNextSearch,
+      tooltipText: `${t("next")} (${hotkeysNext})`,
+      icon: (args) => /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronLeft, __spreadValues({ className: b("next-arrow") }, args))
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("span", { className: b("search-query-label") }, t("search-query-label"), ":\xA0"), /* @__PURE__ */ import_react.default.createElement("span", { className: b("search-query") }, searchQuery)), /* @__PURE__ */ import_react.default.createElement("div", { className: b("right") }, /* @__PURE__ */ import_react.default.createElement(
+    import_Control.Control,
+    {
+      size: import_models.ControlSizes.M,
+      onClick: onCloseSearchBar,
+      tooltipText: t("close"),
+      icon: import_icons.Xmark
+    }
+  )));
+});
+SearchBar.displayName = "DCSearchBar";
+var SearchBar_default = SearchBar;
+//# sourceMappingURL=SearchBar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/SearchBar/SearchBar.tsx"],
+  "sourcesContent": ["import React, {memo} from 'react';\nimport {ChevronLeft, Xmark} from '@gravity-ui/icons';\nimport block from 'bem-cn-lite';\nimport {useHotkeys} from 'react-hotkeys-hook';\n\nimport {useTranslation} from '../../hooks';\nimport {ControlSizes} from '../../models';\nimport {Control} from '../Control';\n\nimport './SearchBar.scss';\n\nconst b = block('dc-search-bar');\n\nexport interface SearchBarProps {\n    searchQuery?: string;\n    onClickPrevSearch?: () => void;\n    onClickNextSearch?: () => void;\n    onCloseSearchBar?: () => void;\n    searchCurrentIndex?: number;\n    searchCountResults?: number;\n}\n\nconst noop = () => {};\n\nconst SearchBar = memo<SearchBarProps>((props) => {\n    const {t} = useTranslation('search-bar');\n    const {\n        searchQuery,\n        searchCurrentIndex,\n        searchCountResults,\n        onClickPrevSearch = noop,\n        onClickNextSearch = noop,\n        onCloseSearchBar = noop,\n    } = props;\n\n    const hotkeysOptions = {enabled: true, preventDefault: true};\n    const hotkeysPrev = '\u21E7+enter';\n    const hotkeysNext = 'enter';\n    useHotkeys(hotkeysPrev, onClickPrevSearch, hotkeysOptions, [onClickPrevSearch]);\n    useHotkeys(hotkeysNext, onClickNextSearch, hotkeysOptions, [onClickNextSearch]);\n\n    return (\n        <div className={b()}>\n            <div className={b('left')}>\n                <div className={b('navigation')}>\n                    <Control\n                        onClick={onClickPrevSearch}\n                        tooltipText={`${t('prev')} (${hotkeysPrev})`}\n                        icon={ChevronLeft}\n                    />\n                    <span className={b('counter')}>\n                        {searchCurrentIndex}/{searchCountResults}\n                    </span>\n                    <Control\n                        onClick={onClickNextSearch}\n                        tooltipText={`${t('next')} (${hotkeysNext})`}\n                        icon={(args) => <ChevronLeft className={b('next-arrow')} {...args} />}\n                    />\n                </div>\n                <span className={b('search-query-label')}>{t('search-query-label')}:&nbsp;</span>\n                <span className={b('search-query')}>{searchQuery}</span>\n            </div>\n            <div className={b('right')}>\n                <Control\n                    size={ControlSizes.M}\n                    onClick={onCloseSearchBar}\n                    tooltipText={t('close')}\n                    icon={Xmark}\n                />\n            </div>\n        </div>\n    );\n});\n\nSearchBar.displayName = 'DCSearchBar';\n\nexport default SearchBar;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAC1B,mBAAiC;AACjC,yBAAkB;AAClB,gCAAyB;AAEzB,mBAA6B;AAC7B,oBAA2B;AAC3B,qBAAsB;AAEtB,uBAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,eAAe;AAW/B,IAAM,OAAO,MAAM;AAAC;AAEpB,IAAM,gBAAY,mBAAqB,CAAC,UAAU;AAC9C,QAAM,EAAC,EAAC,QAAI,6BAAe,YAAY;AACvC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,mBAAmB;AAAA,EACvB,IAAI;AAEJ,QAAM,iBAAiB,EAAC,SAAS,MAAM,gBAAgB,KAAI;AAC3D,QAAM,cAAc;AACpB,QAAM,cAAc;AACpB,4CAAW,aAAa,mBAAmB,gBAAgB,CAAC,iBAAiB,CAAC;AAC9E,4CAAW,aAAa,mBAAmB,gBAAgB,CAAC,iBAAiB,CAAC;AAE9E,SACI,6BAAAC,QAAA,cAAC,SAAI,WAAW,EAAE,KACd,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,MAAM,KACpB,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,YAAY,KAC1B,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT,aAAa,GAAG,EAAE,MAAM,CAAC,KAAK,WAAW;AAAA,MACzC,MAAM;AAAA;AAAA,EACV,GACA,6BAAAA,QAAA,cAAC,UAAK,WAAW,EAAE,SAAS,KACvB,oBAAmB,KAAE,kBAC1B,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT,aAAa,GAAG,EAAE,MAAM,CAAC,KAAK,WAAW;AAAA,MACzC,MAAM,CAAC,SAAS,6BAAAA,QAAA,cAAC,2CAAY,WAAW,EAAE,YAAY,KAAO,KAAM;AAAA;AAAA,EACvE,CACJ,GACA,6BAAAA,QAAA,cAAC,UAAK,WAAW,EAAE,oBAAoB,KAAI,EAAE,oBAAoB,GAAE,OAAO,GAC1E,6BAAAA,QAAA,cAAC,UAAK,WAAW,EAAE,cAAc,KAAI,WAAY,CACrD,GACA,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,OAAO,KACrB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,MAAM,2BAAa;AAAA,MACnB,SAAS;AAAA,MACT,aAAa,EAAE,OAAO;AAAA,MACtB,MAAM;AAAA;AAAA,EACV,CACJ,CACJ;AAER,CAAC;AAED,UAAU,cAAc;AAExB,IAAO,oBAAQ;",
+  "names": ["block", "React"]
+}

package/build/cjs/components/SearchBar/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const CLASSNAME = "dc-search-highlighted";
+export declare const CLASSNAME_SELECTED = "dc-search-highlighted_selected";
+export declare const HIGHLIGHT_OPTIONS: {
+    element: string;
+    className: string;
+    exclude: string[];
+};

package/build/cjs/components/SearchBar/constants.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/SearchBar/constants.ts
+var constants_exports = {};
+__export(constants_exports, {
+  CLASSNAME: () => CLASSNAME,
+  CLASSNAME_SELECTED: () => CLASSNAME_SELECTED,
+  HIGHLIGHT_OPTIONS: () => HIGHLIGHT_OPTIONS
+});
+module.exports = __toCommonJS(constants_exports);
+var CLASSNAME = "dc-search-highlighted";
+var CLASSNAME_SELECTED = "dc-search-highlighted_selected";
+var HIGHLIGHT_OPTIONS = {
+  element: "span",
+  className: CLASSNAME,
+  exclude: [
+    `.${CLASSNAME}`,
+    // Exclude the elements to highlight to avoid duplicating the highlight
+    "svg *"
+  ]
+};
+//# sourceMappingURL=constants.js.map

package/build/cjs/components/SearchBar/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/SearchBar/constants.ts"],
+  "sourcesContent": ["export const CLASSNAME = 'dc-search-highlighted';\n\nexport const CLASSNAME_SELECTED = 'dc-search-highlighted_selected';\n\nexport const HIGHLIGHT_OPTIONS = {\n    element: 'span',\n    className: CLASSNAME,\n    exclude: [\n        `.${CLASSNAME}`, // Exclude the elements to highlight to avoid duplicating the highlight\n        'svg *',\n    ],\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,YAAY;AAElB,IAAM,qBAAqB;AAE3B,IAAM,oBAAoB;AAAA,EAC7B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,IACL,IAAI,SAAS;AAAA;AAAA,IACb;AAAA,EACJ;AACJ;",
+  "names": []
+}