@diplodoc/components 3.0.0-alpha-1

package/build/cjs/components/ContributorAvatars/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ContributorAvatars/utils.ts"],
+  "sourcesContent": ["import {Contributor} from '../../models';\n\nexport function getName(contributor: Contributor, useFullName = false): string {\n    return useFullName\n        ? getUserIdentificator(contributor)\n        : getShortContributorName(getUserIdentificator(contributor));\n}\n\nexport function getUserIdentificator(contributor: Contributor): string {\n    const {name, email, login} = contributor;\n\n    return name || email || login || '';\n}\n\nfunction getShortContributorName(fullContributorName: string): string {\n    return fullContributorName.split(' ').reduce((result, current, index) => {\n        return index > 0 ? `${result} ${current.charAt(0)}.` : current;\n    }, '');\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,QAAQ,aAA0B,cAAc,OAAe;AAC3E,SAAO,cACD,qBAAqB,WAAW,IAChC,wBAAwB,qBAAqB,WAAW,CAAC;AACnE;AAEO,SAAS,qBAAqB,aAAkC;AACnE,QAAM,EAAC,MAAM,OAAO,MAAK,IAAI;AAE7B,SAAO,QAAQ,SAAS,SAAS;AACrC;AAEA,SAAS,wBAAwB,qBAAqC;AAClE,SAAO,oBAAoB,MAAM,GAAG,EAAE,OAAO,CAAC,QAAQ,SAAS,UAAU;AACrE,WAAO,QAAQ,IAAI,GAAG,MAAM,IAAI,QAAQ,OAAO,CAAC,CAAC,MAAM;AAAA,EAC3D,GAAG,EAAE;AACT;",
+  "names": []
+}

package/build/cjs/components/Contributors/Contributors.css

@@ -0,0 +1,12 @@
+/* src/components/Contributors/Contributors.scss */
+.contributors {
+  display: flex;
+  margin: 0 0 32px;
+}
+.contributors__title {
+  font-size: 13px;
+  font-weight: 400;
+  margin-right: 5px;
+  align-self: center;
+}
+/*# sourceMappingURL=Contributors.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Contributors/Users/3y3k0/doctools/docs-components/src/components/Contributors/Contributors.scss", "../../../../src/components/Contributors/%3Cinput%20css%20pTeSUL%3E", "../../../../src/components/Contributors/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../styles/mixins';\n\n.contributors {\n    display: flex;\n    margin: 0 0 32px;\n\n    &__title {\n        @include contributors-text();\n    }\n}\n", ".contributors {\n  display: flex;\n  margin: 0 0 32px;\n}\n.contributors__title {\n  font-size: 13px;\n  font-weight: 400;\n  margin-right: 5px;\n  align-self: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cmlidXRvcnMiLCJzb3VyY2VzIjpbIkNvbnRyaWJ1dG9ycy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0k7RUFDQTs7QUFFQTtFQ3lFQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uY29udHJpYnV0b3JzIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbjogMCAwIDMycHg7XG5cbiAgICAmX190aXRsZSB7XG4gICAgICAgIEBpbmNsdWRlIGNvbnRyaWJ1dG9ycy10ZXh0KCk7XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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 link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "mappings": ";AAEA,CAAA;AACI,WAAA;AACA,UAAA,EAAA,EAAA;ACDJ;ADGI,CAAA;AEyEA,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;ADzEJ;",
+  "names": []
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Contributor } from '../../models';
+import './Contributors.scss';
+export interface ContributorsProps {
+    users: Contributor[];
+    onlyAuthor?: boolean;
+    isAuthor?: boolean;
+    translationName?: string;
+}
+declare const Contributors: React.FC<ContributorsProps>;
+export default Contributors;

package/build/cjs/components/Contributors/Contributors.js

@@ -0,0 +1,48 @@
+"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/Contributors/Contributors.tsx
+var Contributors_exports = {};
+__export(Contributors_exports, {
+  default: () => Contributors_default
+});
+module.exports = __toCommonJS(Contributors_exports);
+var import_react = __toESM(require("react"));
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_hooks = require("../../hooks");
+var import_ContributorAvatars = require("../ContributorAvatars");
+var import_Contributors = require("./Contributors.css");
+var b = (0, import_bem_cn_lite.default)("contributors");
+var Contributors = (props) => {
+  const { users, onlyAuthor = false, isAuthor = false, translationName = "contributors" } = props;
+  const { t } = (0, import_hooks.useTranslation)(translationName);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: b() }, /* @__PURE__ */ import_react.default.createElement("div", { className: b("title") }, t("title")), /* @__PURE__ */ import_react.default.createElement(import_ContributorAvatars.ContributorAvatars, { contributors: users, isAuthor, onlyAuthor }));
+};
+var Contributors_default = Contributors;
+//# sourceMappingURL=Contributors.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Contributors/Contributors.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../hooks';\nimport {Contributor} from '../../models';\nimport {ContributorAvatars} from '../ContributorAvatars';\n\nimport './Contributors.scss';\n\nconst b = block('contributors');\n\nexport interface ContributorsProps {\n    users: Contributor[];\n    onlyAuthor?: boolean;\n    isAuthor?: boolean;\n    translationName?: string;\n}\n\nconst Contributors: React.FC<ContributorsProps> = (props) => {\n    const {users, onlyAuthor = false, isAuthor = false, translationName = 'contributors'} = props;\n    const {t} = useTranslation(translationName);\n\n    return (\n        <div className={b()}>\n            <div className={b('title')}>{t<string>('title')}</div>\n            <ContributorAvatars contributors={users} isAuthor={isAuthor} onlyAuthor={onlyAuthor} />\n        </div>\n    );\n};\n\nexport default Contributors;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAAkB;AAElB,mBAA6B;AAE7B,gCAAiC;AAEjC,0BAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,cAAc;AAS9B,IAAM,eAA4C,CAAC,UAAU;AACzD,QAAM,EAAC,OAAO,aAAa,OAAO,WAAW,OAAO,kBAAkB,eAAc,IAAI;AACxF,QAAM,EAAC,EAAC,QAAI,6BAAe,eAAe;AAE1C,SACI,6BAAAC,QAAA,cAAC,SAAI,WAAW,EAAE,KACd,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,OAAO,KAAI,EAAU,OAAO,CAAE,GAChD,6BAAAA,QAAA,cAAC,gDAAmB,cAAc,OAAO,UAAoB,YAAwB,CACzF;AAER;AAEA,IAAO,uBAAQ;",
+  "names": ["block", "React"]
+}

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

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

package/build/cjs/components/Control/Control.css

@@ -0,0 +1,15 @@
+/* src/components/Control/Control.scss */
+.dc-control__tooltip {
+  display: flex;
+  align-items: center;
+  padding: 4px 8px;
+  border: none;
+  height: 26px;
+}
+.dc-control__tooltip-text {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+  display: block;
+  white-space: nowrap;
+}
+/*# sourceMappingURL=Control.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Control/Users/3y3k0/doctools/docs-components/src/components/Control/Control.scss", "../../../../src/components/Control/%3Cinput%20css%20_OkgkX%3E", "../../../../src/components/Control/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../styles/mixins';\n\n.dc-control {\n    &__tooltip {\n        display: flex;\n        align-items: center;\n        padding: 4px 8px;\n        border: none;\n        height: 26px;\n    }\n\n    &__tooltip-text {\n        @include text-size(body-1);\n        display: block;\n        white-space: nowrap;\n    }\n}\n", ".dc-control__tooltip {\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  border: none;\n  height: 26px;\n}\n.dc-control__tooltip-text {\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n  display: block;\n  white-space: nowrap;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cm9sIiwic291cmNlcyI6WyJDb250cm9sLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0k7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VDUkE7RUFDQTtFRFNJO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLWNvbnRyb2wge1xuICAgICZfX3Rvb2x0aXAge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBwYWRkaW5nOiA0cHggOHB4O1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGhlaWdodDogMjZweDtcbiAgICB9XG5cbiAgICAmX190b29sdGlwLXRleHQge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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 link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "mappings": ";AAGI,CAAA;AACI,WAAA;AACA,eAAA;AACA,WAAA,IAAA;AACA,UAAA;AACA,UAAA;ACFR;ADKI,CAAA;AERA,aAAA,IAAA;AACA,eAAA,IAAA;AFSI,WAAA;AACA,eAAA;ACFR;",
+  "names": []
+}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PopperPosition } from '../../hooks';
+import { ControlSizes } from '../../models';
+import './Control.scss';
+export interface IconProps {
+    width: number;
+    height: number;
+}
+export interface ControlProps {
+    onClick?: () => void;
+    setRef?: (ref: HTMLButtonElement) => void;
+    isVerticalView?: boolean;
+    tooltipText: string;
+    className?: string;
+    size?: ControlSizes;
+    icon: React.FC<IconProps>;
+    popupPosition?: PopperPosition;
+}
+declare const Control: React.ForwardRefExoticComponent<ControlProps & React.RefAttributes<unknown>>;
+export default Control;

package/build/cjs/components/Control/Control.js

@@ -0,0 +1,95 @@
+"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/Control/Control.tsx
+var Control_exports = {};
+__export(Control_exports, {
+  default: () => Control_default
+});
+module.exports = __toCommonJS(Control_exports);
+var import_react = __toESM(require("react"));
+var import_uikit = require("@gravity-ui/uikit");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_hooks = require("../../hooks");
+var import_models = require("../../models");
+var import_Control = require("./Control.css");
+var b = (0, import_bem_cn_lite.default)("dc-control");
+var ICONS_SIZES = {
+  [import_models.ControlSizes.M]: 16,
+  [import_models.ControlSizes.L]: 20
+};
+var Control = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    onClick,
+    className,
+    tooltipText,
+    isVerticalView,
+    size = import_models.ControlSizes.M,
+    icon,
+    popupPosition
+  } = props;
+  const controlRef = (0, import_react.useRef)(null);
+  const popupState = (0, import_hooks.usePopupState)({ autoclose: 3e3 });
+  const getTooltipAlign = (0, import_react.useCallback)(() => {
+    if (popupPosition) {
+      return popupPosition;
+    }
+    return isVerticalView ? import_hooks.PopperPosition.LEFT_START : import_hooks.PopperPosition.BOTTOM_END;
+  }, [isVerticalView, popupPosition]);
+  (0, import_react.useImperativeHandle)(ref, () => controlRef.current, [controlRef]);
+  const position = getTooltipAlign();
+  const Icon = icon;
+  const iconSize = ICONS_SIZES[size];
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_uikit.Button,
+    {
+      view: "flat-secondary",
+      onClick,
+      ref: controlRef,
+      onMouseEnter: popupState.open,
+      onMouseLeave: popupState.close,
+      className: b(null, className),
+      size
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(Icon, { width: iconSize, height: iconSize }))
+  ), controlRef.current && /* @__PURE__ */ import_react.default.createElement(
+    import_uikit.Popup,
+    {
+      anchorRef: controlRef,
+      open: popupState.visible,
+      onOutsideClick: popupState.close,
+      contentClassName: b("tooltip"),
+      placement: position
+    },
+    /* @__PURE__ */ import_react.default.createElement("span", { className: b("tooltip-text") }, tooltipText)
+  ));
+});
+Control.displayName = "DCControl";
+var Control_default = Control;
+//# sourceMappingURL=Control.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Control/Control.tsx"],
+  "sourcesContent": ["import React, {forwardRef, useCallback, useImperativeHandle, useRef} from 'react';\n\nimport {Button, Popup} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition, usePopupState} from '../../hooks';\nimport {ControlSizes} from '../../models';\n\nimport './Control.scss';\n\nconst b = block('dc-control');\n\nexport interface IconProps {\n    width: number;\n    height: number;\n}\n\nexport interface ControlProps {\n    onClick?: () => void;\n    setRef?: (ref: HTMLButtonElement) => void;\n    isVerticalView?: boolean;\n    tooltipText: string;\n    className?: string;\n    size?: ControlSizes;\n    icon: React.FC<IconProps>;\n    popupPosition?: PopperPosition;\n}\n\nconst ICONS_SIZES = {\n    [ControlSizes.M]: 16,\n    [ControlSizes.L]: 20,\n};\n\nconst Control = forwardRef((props: ControlProps, ref) => {\n    const {\n        onClick,\n        className,\n        tooltipText,\n        isVerticalView,\n        size = ControlSizes.M,\n        icon,\n        popupPosition,\n    } = props;\n\n    const controlRef = useRef<HTMLButtonElement | null>(null);\n\n    const popupState = usePopupState({autoclose: 3000});\n\n    const getTooltipAlign = useCallback(() => {\n        if (popupPosition) {\n            return popupPosition;\n        }\n\n        return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;\n    }, [isVerticalView, popupPosition]);\n\n    useImperativeHandle(ref, () => controlRef.current, [controlRef]);\n\n    const position = getTooltipAlign();\n    const Icon = icon;\n    const iconSize = ICONS_SIZES[size];\n\n    return (\n        <React.Fragment>\n            <Button\n                view=\"flat-secondary\"\n                onClick={onClick}\n                ref={controlRef}\n                onMouseEnter={popupState.open}\n                onMouseLeave={popupState.close}\n                className={b(null, className)}\n                size={size}\n            >\n                <Button.Icon>\n                    <Icon width={iconSize} height={iconSize} />\n                </Button.Icon>\n            </Button>\n            {controlRef.current && (\n                <Popup\n                    anchorRef={controlRef}\n                    open={popupState.visible}\n                    onOutsideClick={popupState.close}\n                    contentClassName={b('tooltip')}\n                    placement={position}\n                >\n                    <span className={b('tooltip-text')}>{tooltipText}</span>\n                </Popup>\n            )}\n        </React.Fragment>\n    );\n});\n\nControl.displayName = 'DCControl';\n\nexport default Control;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0E;AAE1E,mBAA4B;AAC5B,yBAAkB;AAElB,mBAA4C;AAC5C,oBAA2B;AAE3B,qBAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,YAAY;AAkB5B,IAAM,cAAc;AAAA,EAChB,CAAC,2BAAa,CAAC,GAAG;AAAA,EAClB,CAAC,2BAAa,CAAC,GAAG;AACtB;AAEA,IAAM,cAAU,yBAAW,CAAC,OAAqB,QAAQ;AACrD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,2BAAa;AAAA,IACpB;AAAA,IACA;AAAA,EACJ,IAAI;AAEJ,QAAM,iBAAa,qBAAiC,IAAI;AAExD,QAAM,iBAAa,4BAAc,EAAC,WAAW,IAAI,CAAC;AAElD,QAAM,sBAAkB,0BAAY,MAAM;AACtC,QAAI,eAAe;AACf,aAAO;AAAA,IACX;AAEA,WAAO,iBAAiB,4BAAe,aAAa,4BAAe;AAAA,EACvE,GAAG,CAAC,gBAAgB,aAAa,CAAC;AAElC,wCAAoB,KAAK,MAAM,WAAW,SAAS,CAAC,UAAU,CAAC;AAE/D,QAAM,WAAW,gBAAgB;AACjC,QAAM,OAAO;AACb,QAAM,WAAW,YAAY,IAAI;AAEjC,SACI,6BAAAC,QAAA,cAAC,aAAAA,QAAM,UAAN,MACG,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,MAAK;AAAA,MACL;AAAA,MACA,KAAK;AAAA,MACL,cAAc,WAAW;AAAA,MACzB,cAAc,WAAW;AAAA,MACzB,WAAW,EAAE,MAAM,SAAS;AAAA,MAC5B;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,oBAAO,MAAP,MACG,6BAAAA,QAAA,cAAC,QAAK,OAAO,UAAU,QAAQ,UAAU,CAC7C;AAAA,EACJ,GACC,WAAW,WACR,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM,WAAW;AAAA,MACjB,gBAAgB,WAAW;AAAA,MAC3B,kBAAkB,EAAE,SAAS;AAAA,MAC7B,WAAW;AAAA;AAAA,IAEX,6BAAAA,QAAA,cAAC,UAAK,WAAW,EAAE,cAAc,KAAI,WAAY;AAAA,EACrD,CAER;AAER,CAAC;AAED,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
+  "names": ["block", "React"]
+}

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

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

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

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

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

package/build/cjs/components/Controls/Controls.css

@@ -0,0 +1,50 @@
+/* src/components/Controls/Controls.scss */
+.dc-controls {
+  display: flex;
+  align-items: center;
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.dc-controls__control:not(:last-child),
+.dc-controls__divider {
+  margin-right: 4px;
+}
+.dc-controls__list {
+  padding: 4px 0;
+}
+.dc-controls__list_langs {
+  width: 120px;
+}
+.dc-controls__list-icon {
+  margin-right: 8px;
+  font-size: 22px;
+}
+.dc-controls__lang-item {
+  display: flex;
+  padding: 6px 12px;
+  width: 100%;
+}
+.dc-controls__edit-text {
+  margin-left: 8px;
+}
+.dc-controls__icon-rotated {
+  transform: rotate(90deg);
+}
+@media (min-width: 769px) {
+  .dc-controls {
+    right: 0;
+  }
+  .dc-controls_vertical {
+    flex-direction: column;
+  }
+  .dc-controls_vertical .dc-controls__divider {
+    height: 1px;
+    width: 16px;
+  }
+  .dc-controls_vertical .dc-controls__control:not(:last-child),
+  .dc-controls_vertical .dc-controls__divider {
+    margin-right: 0;
+    margin-bottom: 4px;
+  }
+}
+/*# sourceMappingURL=Controls.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Controls/Users/3y3k0/doctools/docs-components/src/components/Controls/Controls.scss", "../../../../src/components/Controls/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/Controls/%3Cinput%20css%20iXjv1Q%3E"],
+  "sourcesContent": ["@import '../../styles/mixins';\n@import '../../styles/variables';\n\n.dc-controls {\n    display: flex;\n    align-items: center;\n    @include text-size(body-1);\n\n    &__control:not(:last-child),\n    &__divider {\n        margin-right: 4px;\n    }\n\n    &__list {\n        padding: 4px 0;\n\n        &_langs {\n            width: 120px;\n        }\n    }\n\n    &__list-icon {\n        margin-right: 8px;\n        font-size: 22px;\n    }\n\n    &__lang-item {\n        display: flex;\n        padding: 6px 12px;\n        width: 100%;\n    }\n\n    &__edit-text {\n        margin-left: 8px;\n    }\n\n    &__icon-rotated {\n        transform: rotate(90deg);\n    }\n\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        right: 0;\n\n        &_vertical {\n            flex-direction: column;\n        }\n\n        &_vertical &__divider {\n            height: 1px;\n            width: 16px;\n        }\n\n        &_vertical &__control:not(:last-child),\n        &_vertical &__divider {\n            margin-right: 0;\n            margin-bottom: 4px;\n        }\n    }\n}\n", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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 link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n", ".dc-controls {\n  display: flex;\n  align-items: center;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-controls__control:not(:last-child), .dc-controls__divider {\n  margin-right: 4px;\n}\n.dc-controls__list {\n  padding: 4px 0;\n}\n.dc-controls__list_langs {\n  width: 120px;\n}\n.dc-controls__list-icon {\n  margin-right: 8px;\n  font-size: 22px;\n}\n.dc-controls__lang-item {\n  display: flex;\n  padding: 6px 12px;\n  width: 100%;\n}\n.dc-controls__edit-text {\n  margin-left: 8px;\n}\n.dc-controls__icon-rotated {\n  transform: rotate(90deg);\n}\n@media (min-width: 769px) {\n  .dc-controls {\n    right: 0;\n  }\n  .dc-controls_vertical {\n    flex-direction: column;\n  }\n  .dc-controls_vertical .dc-controls__divider {\n    height: 1px;\n    width: 16px;\n  }\n  .dc-controls_vertical .dc-controls__control:not(:last-child), .dc-controls_vertical .dc-controls__divider {\n    margin-right: 0;\n    margin-bottom: 4px;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cm9scyIsInNvdXJjZXMiOlsiQ29udHJvbHMuc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNJO0VBQ0E7RUNGQTtFQUNBOztBRElBO0VBRUk7O0FBR0o7RUFDSTs7QUFFQTtFQUNJOztBQUlSO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBR0o7RUFyQ0o7SUFzQ1E7O0VBRUE7SUFDSTs7RUFHSjtJQUNJO0lBQ0E7O0VBR0o7SUFFSTtJQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuLmRjLWNvbnRyb2xzIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMSk7XG5cbiAgICAmX19jb250cm9sOm5vdCg6bGFzdC1jaGlsZCksXG4gICAgJl9fZGl2aWRlciB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogNHB4O1xuICAgIH1cblxuICAgICZfX2xpc3Qge1xuICAgICAgICBwYWRkaW5nOiA0cHggMDtcblxuICAgICAgICAmX2xhbmdzIHtcbiAgICAgICAgICAgIHdpZHRoOiAxMjBweDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2xpc3QtaWNvbiB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICAgICAgICBmb250LXNpemU6IDIycHg7XG4gICAgfVxuXG4gICAgJl9fbGFuZy1pdGVtIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgcGFkZGluZzogNnB4IDEycHg7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgICZfX2VkaXQtdGV4dCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgfVxuXG4gICAgJl9faWNvbi1yb3RhdGVkIHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgcmlnaHQ6IDA7XG5cbiAgICAgICAgJl92ZXJ0aWNhbCB7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICB9XG5cbiAgICAgICAgJl92ZXJ0aWNhbCAmX19kaXZpZGVyIHtcbiAgICAgICAgICAgIGhlaWdodDogMXB4O1xuICAgICAgICAgICAgd2lkdGg6IDE2cHg7XG4gICAgICAgIH1cblxuICAgICAgICAmX3ZlcnRpY2FsICZfX2NvbnRyb2w6bm90KDpsYXN0LWNoaWxkKSxcbiAgICAgICAgJl92ZXJ0aWNhbCAmX19kaXZpZGVyIHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmstaG92ZXIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcxKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0yKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzUoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */"],
+  "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,eAAA;ACFA,aAAA,IAAA;AACA,eAAA,IAAA;ACCJ;AFGI,CAAA,oBAAA,KAAA;AAAA,CAAA;AAEI,gBAAA;AEFR;AFKI,CAAA;AACI,WAAA,IAAA;AEHR;AFKQ,CAAA;AACI,SAAA;AEHZ;AFOI,CAAA;AACI,gBAAA;AACA,aAAA;AELR;AFQI,CAAA;AACI,WAAA;AACA,WAAA,IAAA;AACA,SAAA;AENR;AFSI,CAAA;AACI,eAAA;AEPR;AFUI,CAAA;AACI,aAAA,OAAA;AERR;AFWI,OAAA,CAAA,SAAA,EAAA;AArCJ,GAAA;AAsCQ,WAAA;AERN;AFUM,GAAA;AACI,oBAAA;AERV;AFWM,GAJA,qBAIA,CAvCJ;AAwCQ,YAAA;AACA,WAAA;AETV;AFYM,GATA,qBASA,CA5CJ,oBA4CI,KAAA;EAAA,CATA,qBASA,CA5CJ;AA8CQ,kBAAA;AACA,mBAAA;AEXV;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import { FeedbackSendData, Lang, SubscribeData, TextSizes, Theme } from '../../models';
+import './Controls.scss';
+export interface ControlsProps {
+    lang?: Lang;
+    langs?: string[];
+    fullScreen?: boolean;
+    singlePage?: boolean;
+    wideFormat?: boolean;
+    showMiniToc?: boolean;
+    theme?: Theme;
+    textSize?: TextSizes;
+    vcsUrl?: string;
+    vcsType?: string;
+    isLiked?: boolean;
+    isDisliked?: boolean;
+    onChangeLang?: (lang: Lang) => void;
+    onChangeFullScreen?: (value: boolean) => void;
+    onChangeSinglePage?: (value: boolean) => void;
+    onChangeWideFormat?: (value: boolean) => void;
+    onChangeShowMiniToc?: (value: boolean) => void;
+    onChangeTheme?: (theme: Theme) => void;
+    onChangeTextSize?: (textSize: TextSizes) => void;
+    onSendFeedback?: (data: FeedbackSendData) => void;
+    onSubscribe?: (data: SubscribeData) => void;
+    pdfLink?: string;
+    className?: string;
+    hideEditControl?: boolean;
+    hideFeedbackControls?: boolean;
+}
+declare const Controls: React.NamedExoticComponent<ControlsProps>;
+export default Controls;

package/build/cjs/components/Controls/Controls.js

@@ -0,0 +1,169 @@
+"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/Controls/Controls.tsx
+var Controls_exports = {};
+__export(Controls_exports, {
+  default: () => Controls_default
+});
+module.exports = __toCommonJS(Controls_exports);
+var import_react = __toESM(require("react"));
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_Feedback = require("../Feedback");
+var import_Subscribe = require("../Subscribe");
+var import_ControlsLayout = require("./ControlsLayout");
+var import__ = require("./");
+var import_Controls = require("./Controls.css");
+var b = (0, import_bem_cn_lite.default)("dc-controls");
+var Controls = (0, import_react.memo)((props) => {
+  const { isVerticalView } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+  const {
+    className,
+    fullScreen,
+    singlePage,
+    theme,
+    wideFormat,
+    showMiniToc,
+    hideEditControl,
+    hideFeedbackControls,
+    textSize,
+    onChangeFullScreen,
+    onChangeTheme,
+    onChangeShowMiniToc,
+    onChangeTextSize,
+    onChangeWideFormat,
+    onChangeLang,
+    onChangeSinglePage,
+    onSendFeedback,
+    onSubscribe,
+    lang,
+    langs,
+    pdfLink,
+    vcsUrl,
+    vcsType,
+    isLiked,
+    isDisliked
+  } = props;
+  const withFullscreenControl = Boolean(onChangeFullScreen);
+  const withSettingsControl = Boolean(
+    onChangeWideFormat || onChangeTheme || onChangeShowMiniToc || onChangeTextSize
+  );
+  const withLangControl = Boolean(lang && onChangeLang);
+  const withSinglePageControl = Boolean(onChangeSinglePage);
+  const withPdfControl = Boolean(pdfLink);
+  const withEditControl = Boolean(!singlePage && !hideEditControl && vcsUrl);
+  const withFeedbackControl = Boolean(!singlePage && !hideFeedbackControls && onSendFeedback);
+  const withSubscribeControls = Boolean(!singlePage && onSubscribe);
+  const controls = [
+    withFullscreenControl && /* @__PURE__ */ import_react.default.createElement(
+      import__.FullScreenControl,
+      {
+        key: "fullscreen-control",
+        value: fullScreen,
+        onChange: onChangeFullScreen
+      }
+    ),
+    withSettingsControl && /* @__PURE__ */ import_react.default.createElement(
+      import__.SettingsControl,
+      {
+        key: "settings-control",
+        theme,
+        wideFormat,
+        showMiniToc,
+        textSize,
+        onChangeTheme,
+        onChangeShowMiniToc,
+        onChangeTextSize,
+        onChangeWideFormat
+      }
+    ),
+    withLangControl && /* @__PURE__ */ import_react.default.createElement(
+      import__.LangControl,
+      {
+        key: "lang-control",
+        lang,
+        langs,
+        onChangeLang
+      }
+    ),
+    withSinglePageControl && /* @__PURE__ */ import_react.default.createElement(
+      import__.SinglePageControl,
+      {
+        key: "single-page-control",
+        value: singlePage,
+        onChange: onChangeSinglePage
+      }
+    ),
+    withPdfControl && /* @__PURE__ */ import_react.default.createElement(import__.PdfControl, { key: "pdf-control", pdfLink }),
+    "---",
+    withEditControl && /* @__PURE__ */ import_react.default.createElement(
+      import__.EditControl,
+      {
+        key: "edit-control",
+        vcsUrl,
+        vcsType
+      }
+    ),
+    "---",
+    withFeedbackControl && /* @__PURE__ */ import_react.default.createElement(
+      import_Feedback.Feedback,
+      {
+        key: "feedback-control",
+        isLiked,
+        isDisliked,
+        onSendFeedback,
+        view: import_Feedback.FeedbackView.Regular
+      }
+    ),
+    "---",
+    withSubscribeControls && /* @__PURE__ */ import_react.default.createElement(
+      import_Subscribe.Subscribe,
+      {
+        key: "subscribe-control",
+        onSubscribe,
+        view: import_Subscribe.SubscribeView.Regular
+      }
+    )
+  ].filter(Boolean).reduce((result, control, index, array) => {
+    if (control === "---") {
+      if (array[index - 1] && array[index + 1] && array[index + 1] !== "---") {
+        result.push(
+          /* @__PURE__ */ import_react.default.createElement(import__.DividerControl, { key: "divider-" + index, className: b("divider") })
+        );
+      }
+    } else {
+      result.push(control);
+    }
+    return result;
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: b({ vertical: isVerticalView }, className) }, controls);
+});
+Controls.displayName = "DCControls";
+var Controls_default = Controls;
+//# sourceMappingURL=Controls.js.map