@diplodoc/components 3.0.0-alpha-1

package/build/esm/components/ContributorAvatars/ContributorAvatars.js

@@ -0,0 +1,53 @@
+// src/components/ContributorAvatars/ContributorAvatars.tsx
+import React, { Fragment } from "react";
+import block from "bem-cn-lite";
+import Link from "../Link";
+import Avatar from "./Avatars/Avatar";
+import AvatarWithDescription from "./Avatars/AvatarWithDescription";
+import HiddenAvatars from "./Avatars/HiddenAvatars";
+import { AvatarSizes } from "./models";
+import { getName } from "./utils";
+import "./ContributorAvatars.css";
+var b = block("contributor-avatars");
+var MAX_DISPLAYED_CONTRIBUTORS = 3;
+var ContributorAvatars = (props) => {
+  const { contributors, isAuthor = false, onlyAuthor = false } = props;
+  if (!contributors || contributors.length === 0) {
+    return null;
+  }
+  if (contributors.length === 1) {
+    const oneAvatar = getOneAvatar(contributors[0], isAuthor, onlyAuthor);
+    return oneAvatar;
+  }
+  const displayedContributors = [...contributors];
+  const hiddenContributors = displayedContributors.splice(MAX_DISPLAYED_CONTRIBUTORS);
+  const displayedAvatars = displayedContributors.map((contributor) => {
+    const { url, login, email } = contributor;
+    return /* @__PURE__ */ React.createElement(Link, { key: `displayed-contributors-${login || email}`, url }, /* @__PURE__ */ React.createElement(AvatarWithDescription, { contributor, avatarSize: AvatarSizes.SMALL }));
+  });
+  const hiddenAvatars = /* @__PURE__ */ React.createElement(HiddenAvatars, { contributors: hiddenContributors, avatarsSize: AvatarSizes.SMALL });
+  const avatars = /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement("div", { className: b("displayed_avatars") }, displayedAvatars), /* @__PURE__ */ React.createElement("div", { className: b("hidden_avatars") }, hiddenAvatars));
+  return avatars;
+};
+function getOneAvatar(contributor, isAuthor, onlyAuthor) {
+  const avatarData = {
+    contributor,
+    size: AvatarSizes.SMALL
+  };
+  const wrapperModifiers = isAuthor ? { onlyAuthor } : {};
+  return /* @__PURE__ */ React.createElement("div", { className: b("one_contributor", wrapperModifiers) }, /* @__PURE__ */ React.createElement("div", { className: "desktop" }, getRedirectingAvatar(avatarData, contributor.url), " "), /* @__PURE__ */ React.createElement("div", { className: "mobile" }, isAuthor && onlyAuthor ? getRedirectingAvatar(avatarData, contributor.url, true) : /* @__PURE__ */ React.createElement(
+    AvatarWithDescription,
+    {
+      contributor,
+      avatarSize: AvatarSizes.SMALL
+    }
+  )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Link, { url: contributor.url }, getName(contributor, isAuthor))));
+}
+function getRedirectingAvatar(avatarData, url, isRedirect = false) {
+  return /* @__PURE__ */ React.createElement(Link, { url }, /* @__PURE__ */ React.createElement(Avatar, { avatarData, isRedirect }));
+}
+var ContributorAvatars_default = ContributorAvatars;
+export {
+  ContributorAvatars_default as default
+};
+//# sourceMappingURL=ContributorAvatars.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ContributorAvatars/ContributorAvatars.tsx"],
+  "sourcesContent": ["import React, {Fragment, ReactElement} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../models';\nimport Link from '../Link';\n\nimport Avatar from './Avatars/Avatar';\nimport AvatarWithDescription from './Avatars/AvatarWithDescription';\nimport HiddenAvatars from './Avatars/HiddenAvatars';\nimport {AvatarData, AvatarSizes} from './models';\nimport {getName} from './utils';\n\nimport './ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\nconst MAX_DISPLAYED_CONTRIBUTORS = 3;\n\nexport interface ContributorAvatarsProps {\n    contributors: Contributor[];\n    isAuthor?: boolean;\n    onlyAuthor?: boolean;\n}\n\nconst ContributorAvatars: React.FC<ContributorAvatarsProps> = (props) => {\n    const {contributors, isAuthor = false, onlyAuthor = false} = props;\n\n    if (!contributors || contributors.length === 0) {\n        return null;\n    }\n\n    if (contributors.length === 1) {\n        const oneAvatar = getOneAvatar(contributors[0], isAuthor, onlyAuthor);\n        return oneAvatar;\n    }\n\n    const displayedContributors = [...contributors];\n    const hiddenContributors = displayedContributors.splice(MAX_DISPLAYED_CONTRIBUTORS);\n\n    const displayedAvatars = displayedContributors.map((contributor: Contributor) => {\n        const {url, login, email} = contributor;\n        return (\n            <Link key={`displayed-contributors-${login || email}`} url={url}>\n                <AvatarWithDescription contributor={contributor} avatarSize={AvatarSizes.SMALL} />\n            </Link>\n        );\n    });\n\n    const hiddenAvatars = (\n        <HiddenAvatars contributors={hiddenContributors} avatarsSize={AvatarSizes.SMALL} />\n    );\n\n    const avatars = (\n        <Fragment>\n            <div className={b('displayed_avatars')}>{displayedAvatars}</div>\n            <div className={b('hidden_avatars')}>{hiddenAvatars}</div>\n        </Fragment>\n    );\n\n    return avatars;\n};\n\nfunction getOneAvatar(\n    contributor: Contributor,\n    isAuthor: boolean,\n    onlyAuthor: boolean,\n): ReactElement {\n    const avatarData: AvatarData = {\n        contributor,\n        size: AvatarSizes.SMALL,\n    };\n\n    const wrapperModifiers = isAuthor ? {onlyAuthor} : {};\n\n    return (\n        <div className={b('one_contributor', wrapperModifiers)}>\n            <div className={'desktop'}>{getRedirectingAvatar(avatarData, contributor.url)} </div>\n            <div className={'mobile'}>\n                {isAuthor && onlyAuthor ? (\n                    getRedirectingAvatar(avatarData, contributor.url, true)\n                ) : (\n                    <AvatarWithDescription\n                        contributor={contributor}\n                        avatarSize={AvatarSizes.SMALL}\n                    />\n                )}\n            </div>\n            <div>\n                <Link url={contributor.url}>{getName(contributor, isAuthor)}</Link>\n            </div>\n        </div>\n    );\n}\n\nfunction getRedirectingAvatar(avatarData: AvatarData, url: string, isRedirect = false) {\n    return (\n        <Link url={url}>\n            <Avatar avatarData={avatarData} isRedirect={isRedirect} />\n        </Link>\n    );\n}\n\nexport default ContributorAvatars;\n"],
+  "mappings": ";AAAA,OAAO,SAAQ,gBAA6B;AAE5C,OAAO,WAAW;AAGlB,OAAO,UAAU;AAEjB,OAAO,YAAY;AACnB,OAAO,2BAA2B;AAClC,OAAO,mBAAmB;AAC1B,SAAoB,mBAAkB;AACtC,SAAQ,eAAc;AAEtB,OAAO;AAEP,IAAM,IAAI,MAAM,qBAAqB;AAErC,IAAM,6BAA6B;AAQnC,IAAM,qBAAwD,CAAC,UAAU;AACrE,QAAM,EAAC,cAAc,WAAW,OAAO,aAAa,MAAK,IAAI;AAE7D,MAAI,CAAC,gBAAgB,aAAa,WAAW,GAAG;AAC5C,WAAO;AAAA,EACX;AAEA,MAAI,aAAa,WAAW,GAAG;AAC3B,UAAM,YAAY,aAAa,aAAa,CAAC,GAAG,UAAU,UAAU;AACpE,WAAO;AAAA,EACX;AAEA,QAAM,wBAAwB,CAAC,GAAG,YAAY;AAC9C,QAAM,qBAAqB,sBAAsB,OAAO,0BAA0B;AAElF,QAAM,mBAAmB,sBAAsB,IAAI,CAAC,gBAA6B;AAC7E,UAAM,EAAC,KAAK,OAAO,MAAK,IAAI;AAC5B,WACI,oCAAC,QAAK,KAAK,0BAA0B,SAAS,KAAK,IAAI,OACnD,oCAAC,yBAAsB,aAA0B,YAAY,YAAY,OAAO,CACpF;AAAA,EAER,CAAC;AAED,QAAM,gBACF,oCAAC,iBAAc,cAAc,oBAAoB,aAAa,YAAY,OAAO;AAGrF,QAAM,UACF,oCAAC,gBACG,oCAAC,SAAI,WAAW,EAAE,mBAAmB,KAAI,gBAAiB,GAC1D,oCAAC,SAAI,WAAW,EAAE,gBAAgB,KAAI,aAAc,CACxD;AAGJ,SAAO;AACX;AAEA,SAAS,aACL,aACA,UACA,YACY;AACZ,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,YAAY;AAAA,EACtB;AAEA,QAAM,mBAAmB,WAAW,EAAC,WAAU,IAAI,CAAC;AAEpD,SACI,oCAAC,SAAI,WAAW,EAAE,mBAAmB,gBAAgB,KACjD,oCAAC,SAAI,WAAW,aAAY,qBAAqB,YAAY,YAAY,GAAG,GAAE,GAAC,GAC/E,oCAAC,SAAI,WAAW,YACX,YAAY,aACT,qBAAqB,YAAY,YAAY,KAAK,IAAI,IAEtD;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,YAAY,YAAY;AAAA;AAAA,EAC5B,CAER,GACA,oCAAC,aACG,oCAAC,QAAK,KAAK,YAAY,OAAM,QAAQ,aAAa,QAAQ,CAAE,CAChE,CACJ;AAER;AAEA,SAAS,qBAAqB,YAAwB,KAAa,aAAa,OAAO;AACnF,SACI,oCAAC,QAAK,OACF,oCAAC,UAAO,YAAwB,YAAwB,CAC5D;AAER;AAEA,IAAO,6BAAQ;",
+  "names": []
+}

package/build/esm/components/ContributorAvatars/index.js

@@ -0,0 +1,7 @@
+// src/components/ContributorAvatars/index.ts
+export * from "./ContributorAvatars";
+import { default as default2 } from "./ContributorAvatars";
+export {
+  default2 as ContributorAvatars
+};
+//# sourceMappingURL=index.js.map

package/build/esm/components/ContributorAvatars/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ContributorAvatars/index.ts"],
+  "sourcesContent": ["export * from './ContributorAvatars';\nexport {default as ContributorAvatars} from './ContributorAvatars';\n"],
+  "mappings": ";AAAA,cAAc;AACd,SAAmB,WAAXA,gBAAoC;",
+  "names": ["default"]
+}

package/build/esm/components/ContributorAvatars/models.js

@@ -0,0 +1,10 @@
+// src/components/ContributorAvatars/models.ts
+var AvatarSizes = /* @__PURE__ */ ((AvatarSizes2) => {
+  AvatarSizes2["BIG"] = "big";
+  AvatarSizes2["SMALL"] = "small";
+  return AvatarSizes2;
+})(AvatarSizes || {});
+export {
+  AvatarSizes
+};
+//# sourceMappingURL=models.js.map

package/build/esm/components/ContributorAvatars/models.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ContributorAvatars/models.ts"],
+  "sourcesContent": ["import {Contributor} from '../../models';\n\nexport type PopupData = {\n    ref: React.MutableRefObject<HTMLImageElement | null>;\n    isVisiblePopup: boolean;\n    changeVisiblilityPopup: (visible?: boolean) => void;\n};\n\nexport type AvatarData = {\n    contributor: Contributor;\n    size?: string;\n    inDetails?: boolean;\n};\n\nexport enum AvatarSizes {\n    BIG = 'big',\n    SMALL = 'small',\n}\n"],
+  "mappings": ";AAcO,IAAK,cAAL,kBAAKA,iBAAL;AACH,EAAAA,aAAA,SAAM;AACN,EAAAA,aAAA,WAAQ;AAFA,SAAAA;AAAA,GAAA;",
+  "names": ["AvatarSizes"]
+}

package/build/esm/components/ContributorAvatars/utils.js

@@ -0,0 +1,18 @@
+// src/components/ContributorAvatars/utils.ts
+function getName(contributor, useFullName = false) {
+  return useFullName ? getUserIdentificator(contributor) : getShortContributorName(getUserIdentificator(contributor));
+}
+function getUserIdentificator(contributor) {
+  const { name, email, login } = contributor;
+  return name || email || login || "";
+}
+function getShortContributorName(fullContributorName) {
+  return fullContributorName.split(" ").reduce((result, current, index) => {
+    return index > 0 ? `${result} ${current.charAt(0)}.` : current;
+  }, "");
+}
+export {
+  getName,
+  getUserIdentificator
+};
+//# sourceMappingURL=utils.js.map

package/build/esm/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": ";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/esm/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/esm/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%20AwfKGD%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/esm/components/Contributors/Contributors.js

@@ -0,0 +1,17 @@
+// src/components/Contributors/Contributors.tsx
+import React from "react";
+import block from "bem-cn-lite";
+import { useTranslation } from "../../hooks";
+import { ContributorAvatars } from "../ContributorAvatars";
+import "./Contributors.css";
+var b = block("contributors");
+var Contributors = (props) => {
+  const { users, onlyAuthor = false, isAuthor = false, translationName = "contributors" } = props;
+  const { t } = useTranslation(translationName);
+  return /* @__PURE__ */ React.createElement("div", { className: b() }, /* @__PURE__ */ React.createElement("div", { className: b("title") }, t("title")), /* @__PURE__ */ React.createElement(ContributorAvatars, { contributors: users, isAuthor, onlyAuthor }));
+};
+var Contributors_default = Contributors;
+export {
+  Contributors_default as default
+};
+//# sourceMappingURL=Contributors.js.map

package/build/esm/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,OAAO,WAAW;AAElB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAE7B,SAAQ,0BAAyB;AAEjC,OAAO;AAEP,IAAM,IAAI,MAAM,cAAc;AAS9B,IAAM,eAA4C,CAAC,UAAU;AACzD,QAAM,EAAC,OAAO,aAAa,OAAO,WAAW,OAAO,kBAAkB,eAAc,IAAI;AACxF,QAAM,EAAC,EAAC,IAAI,eAAe,eAAe;AAE1C,SACI,oCAAC,SAAI,WAAW,EAAE,KACd,oCAAC,SAAI,WAAW,EAAE,OAAO,KAAI,EAAU,OAAO,CAAE,GAChD,oCAAC,sBAAmB,cAAc,OAAO,UAAoB,YAAwB,CACzF;AAER;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/build/esm/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/esm/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%20gm_LLb%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/esm/components/Control/Control.js

@@ -0,0 +1,64 @@
+// src/components/Control/Control.tsx
+import React, { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { Button, Popup } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { PopperPosition, usePopupState } from "../../hooks";
+import { ControlSizes } from "../../models";
+import "./Control.css";
+var b = block("dc-control");
+var ICONS_SIZES = {
+  [ControlSizes.M]: 16,
+  [ControlSizes.L]: 20
+};
+var Control = forwardRef((props, ref) => {
+  const {
+    onClick,
+    className,
+    tooltipText,
+    isVerticalView,
+    size = ControlSizes.M,
+    icon,
+    popupPosition
+  } = props;
+  const controlRef = useRef(null);
+  const popupState = usePopupState({ autoclose: 3e3 });
+  const getTooltipAlign = useCallback(() => {
+    if (popupPosition) {
+      return popupPosition;
+    }
+    return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;
+  }, [isVerticalView, popupPosition]);
+  useImperativeHandle(ref, () => controlRef.current, [controlRef]);
+  const position = getTooltipAlign();
+  const Icon = icon;
+  const iconSize = ICONS_SIZES[size];
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      view: "flat-secondary",
+      onClick,
+      ref: controlRef,
+      onMouseEnter: popupState.open,
+      onMouseLeave: popupState.close,
+      className: b(null, className),
+      size
+    },
+    /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Icon, { width: iconSize, height: iconSize }))
+  ), controlRef.current && /* @__PURE__ */ React.createElement(
+    Popup,
+    {
+      anchorRef: controlRef,
+      open: popupState.visible,
+      onOutsideClick: popupState.close,
+      contentClassName: b("tooltip"),
+      placement: position
+    },
+    /* @__PURE__ */ React.createElement("span", { className: b("tooltip-text") }, tooltipText)
+  ));
+});
+Control.displayName = "DCControl";
+var Control_default = Control;
+export {
+  Control_default as default
+};
+//# sourceMappingURL=Control.js.map

package/build/esm/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,OAAO,SAAQ,YAAY,aAAa,qBAAqB,cAAa;AAE1E,SAAQ,QAAQ,aAAY;AAC5B,OAAO,WAAW;AAElB,SAAQ,gBAAgB,qBAAoB;AAC5C,SAAQ,oBAAmB;AAE3B,OAAO;AAEP,IAAM,IAAI,MAAM,YAAY;AAkB5B,IAAM,cAAc;AAAA,EAChB,CAAC,aAAa,CAAC,GAAG;AAAA,EAClB,CAAC,aAAa,CAAC,GAAG;AACtB;AAEA,IAAM,UAAU,WAAW,CAAC,OAAqB,QAAQ;AACrD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,aAAa;AAAA,IACpB;AAAA,IACA;AAAA,EACJ,IAAI;AAEJ,QAAM,aAAa,OAAiC,IAAI;AAExD,QAAM,aAAa,cAAc,EAAC,WAAW,IAAI,CAAC;AAElD,QAAM,kBAAkB,YAAY,MAAM;AACtC,QAAI,eAAe;AACf,aAAO;AAAA,IACX;AAEA,WAAO,iBAAiB,eAAe,aAAa,eAAe;AAAA,EACvE,GAAG,CAAC,gBAAgB,aAAa,CAAC;AAElC,sBAAoB,KAAK,MAAM,WAAW,SAAS,CAAC,UAAU,CAAC;AAE/D,QAAM,WAAW,gBAAgB;AACjC,QAAM,OAAO;AACb,QAAM,WAAW,YAAY,IAAI;AAEjC,SACI,oCAAC,MAAM,UAAN,MACG;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,oCAAC,OAAO,MAAP,MACG,oCAAC,QAAK,OAAO,UAAU,QAAQ,UAAU,CAC7C;AAAA,EACJ,GACC,WAAW,WACR;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,oCAAC,UAAK,WAAW,EAAE,cAAc,KAAI,WAAY;AAAA,EACrD,CAER;AAER,CAAC;AAED,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
+  "names": []
+}

package/build/esm/components/Control/index.js

@@ -0,0 +1,7 @@
+// src/components/Control/index.ts
+export * from "./Control";
+import { default as default2 } from "./Control";
+export {
+  default2 as Control
+};
+//# sourceMappingURL=index.js.map

package/build/esm/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,cAAc;AACd,SAAmB,WAAXA,gBAAyB;",
+  "names": ["default"]
+}

package/build/esm/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/esm/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%20sxbPx_%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/esm/components/Controls/Controls.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Controls/Controls.tsx"],
+  "sourcesContent": ["import React, {memo, useContext} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {FeedbackSendData, Lang, SubscribeData, TextSizes, Theme} from '../../models';\nimport {Feedback, FeedbackView} from '../Feedback';\nimport {Subscribe, SubscribeView} from '../Subscribe';\n\nimport {ControlsLayoutContext} from './ControlsLayout';\n\nimport {\n    DividerControl,\n    EditControl,\n    FullScreenControl,\n    LangControl,\n    PdfControl,\n    SettingsControl,\n    SinglePageControl,\n} from './';\n\nimport './Controls.scss';\n\nconst b = block('dc-controls');\n\nexport interface ControlsProps {\n    lang?: Lang;\n    langs?: string[];\n    fullScreen?: boolean;\n    singlePage?: boolean;\n    wideFormat?: boolean;\n    showMiniToc?: boolean;\n    theme?: Theme;\n    textSize?: TextSizes;\n    vcsUrl?: string;\n    vcsType?: string;\n    isLiked?: boolean;\n    isDisliked?: boolean;\n    onChangeLang?: (lang: Lang) => void;\n    onChangeFullScreen?: (value: boolean) => void;\n    onChangeSinglePage?: (value: boolean) => void;\n    onChangeWideFormat?: (value: boolean) => void;\n    onChangeShowMiniToc?: (value: boolean) => void;\n    onChangeTheme?: (theme: Theme) => void;\n    onChangeTextSize?: (textSize: TextSizes) => void;\n    onSendFeedback?: (data: FeedbackSendData) => void;\n    onSubscribe?: (data: SubscribeData) => void;\n    pdfLink?: string;\n    className?: string;\n    hideEditControl?: boolean;\n    hideFeedbackControls?: boolean;\n}\n\ntype Defined = {\n    [P in keyof ControlsProps]-?: ControlsProps[P];\n};\n\nconst Controls = memo<ControlsProps>((props) => {\n    const {isVerticalView} = useContext(ControlsLayoutContext);\n    const {\n        className,\n        fullScreen,\n        singlePage,\n        theme,\n        wideFormat,\n        showMiniToc,\n        hideEditControl,\n        hideFeedbackControls,\n        textSize,\n        onChangeFullScreen,\n        onChangeTheme,\n        onChangeShowMiniToc,\n        onChangeTextSize,\n        onChangeWideFormat,\n        onChangeLang,\n        onChangeSinglePage,\n        onSendFeedback,\n        onSubscribe,\n        lang,\n        langs,\n        pdfLink,\n        vcsUrl,\n        vcsType,\n        isLiked,\n        isDisliked,\n    } = props;\n\n    const withFullscreenControl = Boolean(onChangeFullScreen);\n    const withSettingsControl = Boolean(\n        onChangeWideFormat || onChangeTheme || onChangeShowMiniToc || onChangeTextSize,\n    );\n    const withLangControl = Boolean(lang && onChangeLang);\n    const withSinglePageControl = Boolean(onChangeSinglePage);\n    const withPdfControl = Boolean(pdfLink);\n    const withEditControl = Boolean(!singlePage && !hideEditControl && vcsUrl);\n    const withFeedbackControl = Boolean(!singlePage && !hideFeedbackControls && onSendFeedback);\n    const withSubscribeControls = Boolean(!singlePage && onSubscribe);\n\n    const controls = [\n        withFullscreenControl && (\n            <FullScreenControl\n                key=\"fullscreen-control\"\n                value={fullScreen}\n                onChange={onChangeFullScreen}\n            />\n        ),\n        withSettingsControl && (\n            <SettingsControl\n                key=\"settings-control\"\n                theme={theme}\n                wideFormat={wideFormat}\n                showMiniToc={showMiniToc}\n                textSize={textSize}\n                onChangeTheme={onChangeTheme}\n                onChangeShowMiniToc={onChangeShowMiniToc}\n                onChangeTextSize={onChangeTextSize}\n                onChangeWideFormat={onChangeWideFormat}\n            />\n        ),\n        withLangControl && (\n            <LangControl\n                key=\"lang-control\"\n                lang={lang as Lang}\n                langs={langs}\n                onChangeLang={onChangeLang as Defined['onChangeLang']}\n            />\n        ),\n        withSinglePageControl && (\n            <SinglePageControl\n                key=\"single-page-control\"\n                value={singlePage}\n                onChange={onChangeSinglePage as Defined['onChangeSinglePage']}\n            />\n        ),\n        withPdfControl && <PdfControl key=\"pdf-control\" pdfLink={pdfLink as Defined['pdfLink']} />,\n        '---',\n        withEditControl && (\n            <EditControl\n                key=\"edit-control\"\n                vcsUrl={vcsUrl as Defined['vcsUrl']}\n                vcsType={vcsType as Defined['vcsType']}\n            />\n        ),\n        '---',\n        withFeedbackControl && (\n            <Feedback\n                key=\"feedback-control\"\n                isLiked={isLiked}\n                isDisliked={isDisliked}\n                onSendFeedback={onSendFeedback as Defined['onSendFeedback']}\n                view={FeedbackView.Regular}\n            />\n        ),\n        '---',\n        withSubscribeControls && (\n            <Subscribe\n                key=\"subscribe-control\"\n                onSubscribe={onSubscribe as Defined['onSubscribe']}\n                view={SubscribeView.Regular}\n            />\n        ),\n    ]\n        .filter(Boolean)\n        .reduce((result, control, index, array) => {\n            if (control === '---') {\n                if (array[index - 1] && array[index + 1] && array[index + 1] !== '---') {\n                    result.push(\n                        <DividerControl key={'divider-' + index} className={b('divider')} />,\n                    );\n                }\n            } else {\n                result.push(control as React.ReactElement);\n            }\n\n            return result;\n        }, [] as React.ReactElement[]);\n\n    return <div className={b({vertical: isVerticalView}, className)}>{controls}</div>;\n});\n\nControls.displayName = 'DCControls';\n\nexport default Controls;\n"],
+  "mappings": ";AAAA,OAAO,SAAQ,MAAM,kBAAiB;AAEtC,OAAO,WAAW;AAGlB,SAAQ,UAAU,oBAAmB;AACrC,SAAQ,WAAW,qBAAoB;AAEvC,SAAQ,6BAA4B;AAEpC;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AAEP,OAAO;AAEP,IAAM,IAAI,MAAM,aAAa;AAkC7B,IAAM,WAAW,KAAoB,CAAC,UAAU;AAC5C,QAAM,EAAC,eAAc,IAAI,WAAW,qBAAqB;AACzD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI;AAEJ,QAAM,wBAAwB,QAAQ,kBAAkB;AACxD,QAAM,sBAAsB;AAAA,IACxB,sBAAsB,iBAAiB,uBAAuB;AAAA,EAClE;AACA,QAAM,kBAAkB,QAAQ,QAAQ,YAAY;AACpD,QAAM,wBAAwB,QAAQ,kBAAkB;AACxD,QAAM,iBAAiB,QAAQ,OAAO;AACtC,QAAM,kBAAkB,QAAQ,CAAC,cAAc,CAAC,mBAAmB,MAAM;AACzE,QAAM,sBAAsB,QAAQ,CAAC,cAAc,CAAC,wBAAwB,cAAc;AAC1F,QAAM,wBAAwB,QAAQ,CAAC,cAAc,WAAW;AAEhE,QAAM,WAAW;AAAA,IACb,yBACI;AAAA,MAAC;AAAA;AAAA,QACG,KAAI;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA;AAAA,IACd;AAAA,IAEJ,uBACI;AAAA,MAAC;AAAA;AAAA,QACG,KAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,IAEJ,mBACI;AAAA,MAAC;AAAA;AAAA,QACG,KAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,IAEJ,yBACI;AAAA,MAAC;AAAA;AAAA,QACG,KAAI;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA;AAAA,IACd;AAAA,IAEJ,kBAAkB,oCAAC,cAAW,KAAI,eAAc,SAAwC;AAAA,IACxF;AAAA,IACA,mBACI;AAAA,MAAC;AAAA;AAAA,QACG,KAAI;AAAA,QACJ;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,IAEJ;AAAA,IACA,uBACI;AAAA,MAAC;AAAA;AAAA,QACG,KAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,aAAa;AAAA;AAAA,IACvB;AAAA,IAEJ;AAAA,IACA,yBACI;AAAA,MAAC;AAAA;AAAA,QACG,KAAI;AAAA,QACJ;AAAA,QACA,MAAM,cAAc;AAAA;AAAA,IACxB;AAAA,EAER,EACK,OAAO,OAAO,EACd,OAAO,CAAC,QAAQ,SAAS,OAAO,UAAU;AACvC,QAAI,YAAY,OAAO;AACnB,UAAI,MAAM,QAAQ,CAAC,KAAK,MAAM,QAAQ,CAAC,KAAK,MAAM,QAAQ,CAAC,MAAM,OAAO;AACpE,eAAO;AAAA,UACH,oCAAC,kBAAe,KAAK,aAAa,OAAO,WAAW,EAAE,SAAS,GAAG;AAAA,QACtE;AAAA,MACJ;AAAA,IACJ,OAAO;AACH,aAAO,KAAK,OAA6B;AAAA,IAC7C;AAEA,WAAO;AAAA,EACX,GAAG,CAAC,CAAyB;AAEjC,SAAO,oCAAC,SAAI,WAAW,EAAE,EAAC,UAAU,eAAc,GAAG,SAAS,KAAI,QAAS;AAC/E,CAAC;AAED,SAAS,cAAc;AAEvB,IAAO,mBAAQ;",
+  "names": []
+}

package/build/esm/components/Controls/ControlsLayout.js

@@ -0,0 +1,37 @@
+// src/components/Controls/ControlsLayout.tsx
+import React, { createContext } from "react";
+import block from "bem-cn-lite";
+import { PopperPosition } from "../../hooks";
+import { ControlSizes } from "../../models";
+var ControlsLayoutContext = createContext({
+  controlClassName: "",
+  isVerticalView: false,
+  controlSize: ControlSizes.M,
+  popupPosition: PopperPosition.BOTTOM_END
+});
+var b = block("dc-controls");
+var ControlsLayout = ({
+  isVerticalView,
+  controlClassName,
+  controlSize,
+  popupPosition,
+  children
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    ControlsLayoutContext.Provider,
+    {
+      value: {
+        controlClassName: controlClassName || b("control"),
+        isVerticalView,
+        controlSize,
+        popupPosition
+      }
+    },
+    children
+  );
+};
+export {
+  ControlsLayout,
+  ControlsLayoutContext
+};
+//# sourceMappingURL=ControlsLayout.js.map