@diplodoc/components 5.16.2 → 5.17.2

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

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,7 @@ var __spreadValues = (a, b2) => {
     }
   return a;
 };
+var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -47,7 +50,7 @@ __export(ContributorAvatars_exports, {
   default: () => ContributorAvatars_default
 });
 module.exports = __toCommonJS(ContributorAvatars_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_uikit = require("@gravity-ui/uikit");
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
 var import_Avatar = __toESM(require("./Avatars/Avatar"));
@@ -56,6 +59,7 @@ var import_HiddenAvatars = __toESM(require("./Avatars/HiddenAvatars"));
 var import_models = require("./models");
 var import_utils = require("./utils");
 var import_ContributorAvatars = require("./ContributorAvatars.css");
+var import_jsx_runtime = require("react/jsx-runtime");
 var b = (0, import_bem_cn_lite.default)("dc-contributor-avatars");
 var MAX_DISPLAYED_CONTRIBUTORS = 3;
 var ContributorAvatars = (props) => {
@@ -70,18 +74,22 @@ var ContributorAvatars = (props) => {
   const hiddenContributors = displayedContributors.splice(MAX_DISPLAYED_CONTRIBUTORS);
   const displayedAvatars = displayedContributors.map((contributor) => {
     const { url, login, email } = contributor;
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_uikit.Link,
-      __spreadValues({
-        key: `displayed-contributors-${login || email}`,
+      __spreadProps(__spreadValues({
         href: url,
         extraProps: { tabIndex: contributor.avatar ? void 0 : -1 }
-      }, contributor.enableDataStaffLogin && login ? { "data-staff": login } : {}),
-      /* @__PURE__ */ import_react.default.createElement(import_AvatarWithDescription.default, { contributor, avatarSize: import_models.AvatarSizes.SMALL })
+      }, contributor.enableDataStaffLogin && login ? { "data-staff": login } : {}), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AvatarWithDescription.default, { contributor, avatarSize: import_models.AvatarSizes.SMALL })
+      }),
+      `displayed-contributors-${login || email}`
     );
   });
-  const hiddenAvatars = /* @__PURE__ */ import_react.default.createElement(import_HiddenAvatars.default, { contributors: hiddenContributors, avatarsSize: import_models.AvatarSizes.SMALL });
-  const avatars = /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: b("displayed_avatars") }, displayedAvatars), /* @__PURE__ */ import_react.default.createElement("div", { className: b("hidden_avatars") }, hiddenAvatars));
+  const hiddenAvatars = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HiddenAvatars.default, { contributors: hiddenContributors, avatarsSize: import_models.AvatarSizes.SMALL });
+  const avatars = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("displayed_avatars"), children: displayedAvatars }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("hidden_avatars"), children: hiddenAvatars })
+  ] });
   return avatars;
 };
 function getOneAvatar(contributor, isAuthor, onlyAuthor) {
@@ -91,17 +99,21 @@ function getOneAvatar(contributor, isAuthor, onlyAuthor) {
   };
   const wrapperModifiers = isAuthor ? { onlyAuthor } : {};
   const enableStaffLogin = contributor.enableDataStaffLogin ? { ["data-staff"]: contributor.login } : {};
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: b("one_contributor", wrapperModifiers) }, getRedirectingAvatar(avatarData, contributor.url), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_uikit.Link, __spreadValues({ href: contributor.url }, enableStaffLogin), contributor.enableDataStaffLogin ? contributor.login : (0, import_utils.getName)(contributor, isAuthor))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: b("one_contributor", wrapperModifiers), children: [
+    getRedirectingAvatar(avatarData, contributor.url),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_uikit.Link, __spreadProps(__spreadValues({ href: contributor.url }, enableStaffLogin), { children: contributor.enableDataStaffLogin ? contributor.login : (0, import_utils.getName)(contributor, isAuthor) })) })
+  ] });
 }
 function getRedirectingAvatar(avatarData, url, isRedirect = false) {
   const enableStaffLogin = avatarData.contributor.enableDataStaffLogin ? { ["data-staff"]: avatarData.contributor.login } : {};
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_uikit.Link,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       href: url,
       extraProps: { tabIndex: avatarData.contributor.avatar ? void 0 : -1 }
-    }, enableStaffLogin),
-    /* @__PURE__ */ import_react.default.createElement(import_Avatar.default, { avatarData, isRedirect })
+    }, enableStaffLogin), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Avatar.default, { avatarData, isRedirect })
+    })
   );
 }
 var ContributorAvatars_default = ContributorAvatars;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/ContributorAvatars/ContributorAvatars.tsx"],
   "sourcesContent": ["import type {ReactElement} from 'react';\nimport type {Contributor} from '../../models';\nimport type {AvatarData} from './models';\n\nimport React, {Fragment} from 'react';\nimport {Link} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport Avatar from './Avatars/Avatar';\nimport AvatarWithDescription from './Avatars/AvatarWithDescription';\nimport HiddenAvatars from './Avatars/HiddenAvatars';\nimport {AvatarSizes} from './models';\nimport {getName} from './utils';\nimport './ContributorAvatars.scss';\n\nconst b = block('dc-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        return getOneAvatar(contributors[0], isAuthor, onlyAuthor);\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\n                key={`displayed-contributors-${login || email}`}\n                href={url}\n                extraProps={{tabIndex: contributor.avatar ? undefined : -1}} // as Avatar component may be button\n                {...(contributor.enableDataStaffLogin && login ? {'data-staff': login} : {})}\n            >\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    const enableStaffLogin = contributor.enableDataStaffLogin\n        ? {['data-staff']: contributor.login}\n        : {};\n    return (\n        <div className={b('one_contributor', wrapperModifiers)}>\n            {getRedirectingAvatar(avatarData, contributor.url)}\n            <div>\n                <Link href={contributor.url} {...enableStaffLogin}>\n                    {contributor.enableDataStaffLogin\n                        ? contributor.login\n                        : getName(contributor, isAuthor)}\n                </Link>\n            </div>\n        </div>\n    );\n}\n\nfunction getRedirectingAvatar(avatarData: AvatarData, url: string, isRedirect = false) {\n    // as Avatar component may be a button, one need to set tabIndex\n    const enableStaffLogin = avatarData.contributor.enableDataStaffLogin\n        ? {['data-staff']: avatarData.contributor.login}\n        : {};\n    return (\n        <Link\n            href={url}\n            extraProps={{tabIndex: avatarData.contributor.avatar ? undefined : -1}}\n            {...enableStaffLogin}\n        >\n            <Avatar avatarData={avatarData} isRedirect={isRedirect} />\n        </Link>\n    );\n}\n\nexport default ContributorAvatars;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA8B;AAC9B,mBAAmB;AACnB,yBAAkB;AAElB,oBAAmB;AACnB,mCAAkC;AAClC,2BAA0B;AAC1B,oBAA0B;AAC1B,mBAAsB;AACtB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,wBAAwB;AAExC,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,WAAO,aAAa,aAAa,CAAC,GAAG,UAAU,UAAU;AAAA,EAC7D;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,6BAAAC,QAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK,0BAA0B,SAAS,KAAK;AAAA,QAC7C,MAAM;AAAA,QACN,YAAY,EAAC,UAAU,YAAY,SAAS,SAAY,GAAE;AAAA,SACrD,YAAY,wBAAwB,QAAQ,EAAC,cAAc,MAAK,IAAI,CAAC;AAAA,MAE1E,6BAAAA,QAAA,cAAC,6BAAAC,SAAA,EAAsB,aAA0B,YAAY,0BAAY,OAAO;AAAA,IACpF;AAAA,EAER,CAAC;AAED,QAAM,gBACF,6BAAAD,QAAA,cAAC,qBAAAE,SAAA,EAAc,cAAc,oBAAoB,aAAa,0BAAY,OAAO;AAGrF,QAAM,UACF,6BAAAF,QAAA,cAAC,6BACG,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,mBAAmB,KAAI,gBAAiB,GAC1D,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,gBAAgB,KAAI,aAAc,CACxD;AAGJ,SAAO;AACX;AAEA,SAAS,aACL,aACA,UACA,YACY;AACZ,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,0BAAY;AAAA,EACtB;AAEA,QAAM,mBAAmB,WAAW,EAAC,WAAU,IAAI,CAAC;AACpD,QAAM,mBAAmB,YAAY,uBAC/B,EAAC,CAAC,YAAY,GAAG,YAAY,MAAK,IAClC,CAAC;AACP,SACI,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,mBAAmB,gBAAgB,KAChD,qBAAqB,YAAY,YAAY,GAAG,GACjD,6BAAAA,QAAA,cAAC,aACG,6BAAAA,QAAA,cAAC,oCAAK,MAAM,YAAY,OAAS,mBAC5B,YAAY,uBACP,YAAY,YACZ,sBAAQ,aAAa,QAAQ,CACvC,CACJ,CACJ;AAER;AAEA,SAAS,qBAAqB,YAAwB,KAAa,aAAa,OAAO;AAEnF,QAAM,mBAAmB,WAAW,YAAY,uBAC1C,EAAC,CAAC,YAAY,GAAG,WAAW,YAAY,MAAK,IAC7C,CAAC;AACP,SACI,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,YAAY,EAAC,UAAU,WAAW,YAAY,SAAS,SAAY,GAAE;AAAA,OACjE;AAAA,IAEJ,6BAAAA,QAAA,cAAC,cAAAG,SAAA,EAAO,YAAwB,YAAwB;AAAA,EAC5D;AAER;AAEA,IAAO,6BAAQ;",
-  "names": ["block", "React", "AvatarWithDescription", "HiddenAvatars", "Avatar"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA8B;AAC9B,mBAAmB;AACnB,yBAAkB;AAElB,oBAAmB;AACnB,mCAAkC;AAClC,2BAA0B;AAC1B,oBAA0B;AAC1B,mBAAsB;AACtB,gCAAO;AAmCS;AAjChB,IAAM,QAAI,mBAAAA,SAAM,wBAAwB;AAExC,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,WAAO,aAAa,aAAa,CAAC,GAAG,UAAU,UAAU;AAAA,EAC7D;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;AAAA,MAAC;AAAA;AAAA,QAEG,MAAM;AAAA,QACN,YAAY,EAAC,UAAU,YAAY,SAAS,SAAY,GAAE;AAAA,SACrD,YAAY,wBAAwB,QAAQ,EAAC,cAAc,MAAK,IAAI,CAAC,IAJ7E;AAAA,QAMG,sDAAC,6BAAAC,SAAA,EAAsB,aAA0B,YAAY,0BAAY,OAAO;AAAA;AAAA,MAL3E,0BAA0B,SAAS,KAAK;AAAA,IAMjD;AAAA,EAER,CAAC;AAED,QAAM,gBACF,4CAAC,qBAAAC,SAAA,EAAc,cAAc,oBAAoB,aAAa,0BAAY,OAAO;AAGrF,QAAM,UACF,6CAAC,yBACG;AAAA,gDAAC,SAAI,WAAW,EAAE,mBAAmB,GAAI,4BAAiB;AAAA,IAC1D,4CAAC,SAAI,WAAW,EAAE,gBAAgB,GAAI,yBAAc;AAAA,KACxD;AAGJ,SAAO;AACX;AAEA,SAAS,aACL,aACA,UACA,YACY;AACZ,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,0BAAY;AAAA,EACtB;AAEA,QAAM,mBAAmB,WAAW,EAAC,WAAU,IAAI,CAAC;AACpD,QAAM,mBAAmB,YAAY,uBAC/B,EAAC,CAAC,YAAY,GAAG,YAAY,MAAK,IAClC,CAAC;AACP,SACI,6CAAC,SAAI,WAAW,EAAE,mBAAmB,gBAAgB,GAChD;AAAA,yBAAqB,YAAY,YAAY,GAAG;AAAA,IACjD,4CAAC,SACG,sDAAC,kDAAK,MAAM,YAAY,OAAS,mBAAhC,EACI,sBAAY,uBACP,YAAY,YACZ,sBAAQ,aAAa,QAAQ,IACvC,GACJ;AAAA,KACJ;AAER;AAEA,SAAS,qBAAqB,YAAwB,KAAa,aAAa,OAAO;AAEnF,QAAM,mBAAmB,WAAW,YAAY,uBAC1C,EAAC,CAAC,YAAY,GAAG,WAAW,YAAY,MAAK,IAC7C,CAAC;AACP,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,YAAY,EAAC,UAAU,WAAW,YAAY,SAAS,SAAY,GAAE;AAAA,OACjE,mBAHP;AAAA,MAKG,sDAAC,cAAAC,SAAA,EAAO,YAAwB,YAAwB;AAAA;AAAA,EAC5D;AAER;AAEA,IAAO,6BAAQ;",
+  "names": ["block", "AvatarWithDescription", "HiddenAvatars", "Avatar"]
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Contributors/Contributors.scss", "../../../../src/components/Contributors/%3Cinput css LmuEe9%3E", "../../../../src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/Contributors/Contributors.scss", "../../../../src/components/Contributors/%3Cinput css NH4VN8%3E", "../../../../src/styles/mixins.scss"],
   "sourcesContent": ["@use '../../styles/mixins';\n\n.dc-contributors {\n    display: flex;\n\n    &__title {\n        @include mixins.contributors-text();\n    }\n}\n", ".dc-contributors {\n  display: flex;\n}\n.dc-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyaWJ1dG9ycyIsInNvdXJjZXMiOlsiQ29udHJpYnV0b3JzLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDSTs7QUFFQTtFQzBHQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtY29udHJpYnV0b3JzIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICBAaW5jbHVkZSBtaXhpbnMuY29udHJpYnV0b3JzLXRleHQoKTtcbiAgICB9XG59XG4iLCJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICd2YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBmb250LXdlaWdodDogNDAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZ3Jhdml0eS11aS10ZXh0LXNpemVzKCRkZWx0YSkge1xuICAgIC0tZy10ZXh0LWJvZHktMS1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0OiAjezE4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMi1mb250LXNpemU6ICN7MTVweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0yLWxpbmUtaGVpZ2h0OiAjezIwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0zLWxpbmUtaGVpZ2h0OiAjezI0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktc2hvcnQtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNhcHRpb24tMS1mb250LXNpemU6ICN7OXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jYXB0aW9uLTItZm9udC1zaXplOiAjezExcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWhlYWRlci0xLWZvbnQtc2l6ZTogI3syMHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1oZWFkZXItMi1mb250LXNpemU6ICN7MjRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZTogI3sxNXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0xLWZvbnQtc2l6ZTogI3syOHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTItZm9udC1zaXplOiAjezMycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMy1mb250LXNpemU6ICN7NDBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS00LWZvbnQtc2l6ZTogI3s0OHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTEtZm9udC1zaXplOiAjezEycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMi1mb250LXNpemU6ICN7MTRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0xLWZvbnQtc2l6ZTogI3sxMnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0yLWZvbnQtc2l6ZTogI3sxNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcblxuICAgIC0teWZtLWZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMi1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oMjogdmFyKC0tZy10ZXh0LWhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWgzOiB2YXIoLS1nLXRleHQtaGVhZGVyLTEtZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDQ6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNTogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg2OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplKTtcbn1cbiJdfQ== */", "@use 'sass:map';\n@use 'variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n    @if $mode == 'outline' {\n        &:focus {\n            outline: 2px solid var(--g-color-line-focus);\n            outline-offset: $offset;\n        }\n        &:focus:not(:focus-visible) {\n            outline: 0;\n        }\n    }\n\n    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n"],
   "mappings": ";AAEA,CAAA;AACI,WAAA;ACDJ;ADGI,CAAA;AE0GA,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;AD1GJ;",
   "names": []

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

@@ -33,11 +33,11 @@ __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 import_jsx_runtime = require("react/jsx-runtime");
 var b = (0, import_bem_cn_lite.default)("dc-contributors");
 var Contributors = (props) => {
   const {
@@ -49,7 +49,10 @@ var Contributors = (props) => {
   } = props;
   const { t } = (0, import_hooks.useTranslation)(translationName);
   const titleKey = !isAuthor && !hasAuthor ? "no-author-title" : "title";
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: b() }, /* @__PURE__ */ import_react.default.createElement("div", { className: b("title") }, t(titleKey)), /* @__PURE__ */ import_react.default.createElement(import_ContributorAvatars.ContributorAvatars, { contributors: users, isAuthor, onlyAuthor }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: b(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("title"), children: t(titleKey) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ContributorAvatars.ContributorAvatars, { contributors: users, isAuthor, onlyAuthor })
+  ] });
 };
 var Contributors_default = Contributors;
 //# sourceMappingURL=Contributors.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Contributors/Contributors.tsx"],
   "sourcesContent": ["import type {Contributor} from '../../models';\n\nimport React from 'react';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../hooks';\nimport {ContributorAvatars} from '../ContributorAvatars';\n\nimport './Contributors.scss';\n\nconst b = block('dc-contributors');\n\nexport interface ContributorsProps {\n    users: Contributor[];\n    onlyAuthor?: boolean;\n    isAuthor?: boolean;\n    hasAuthor?: boolean;\n    translationName?: string;\n}\n\nconst Contributors: React.FC<ContributorsProps> = (props) => {\n    const {\n        users,\n        onlyAuthor = false,\n        isAuthor = false,\n        hasAuthor = true,\n        translationName = 'contributors',\n    } = props;\n    const {t} = useTranslation(translationName);\n\n    const titleKey = !isAuthor && !hasAuthor ? 'no-author-title' : 'title';\n\n    return (\n        <div className={b()}>\n            <div className={b('title')}>{t(titleKey)}</div>\n            <ContributorAvatars contributors={users} isAuthor={isAuthor} onlyAuthor={onlyAuthor} />\n        </div>\n    );\n};\n\nexport default Contributors;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAClB,yBAAkB;AAElB,mBAA6B;AAC7B,gCAAiC;AAEjC,0BAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,iBAAiB;AAUjC,IAAM,eAA4C,CAAC,UAAU;AACzD,QAAM;AAAA,IACF;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,kBAAkB;AAAA,EACtB,IAAI;AACJ,QAAM,EAAC,EAAC,QAAI,6BAAe,eAAe;AAE1C,QAAM,WAAW,CAAC,YAAY,CAAC,YAAY,oBAAoB;AAE/D,SACI,6BAAAC,QAAA,cAAC,SAAI,WAAW,EAAE,KACd,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,OAAO,KAAI,EAAE,QAAQ,CAAE,GACzC,6BAAAA,QAAA,cAAC,gDAAmB,cAAc,OAAO,UAAoB,YAAwB,CACzF;AAER;AAEA,IAAO,uBAAQ;",
-  "names": ["block", "React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,yBAAkB;AAElB,mBAA6B;AAC7B,gCAAiC;AAEjC,0BAAO;AAyBC;AAvBR,IAAM,QAAI,mBAAAA,SAAM,iBAAiB;AAUjC,IAAM,eAA4C,CAAC,UAAU;AACzD,QAAM;AAAA,IACF;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,kBAAkB;AAAA,EACtB,IAAI;AACJ,QAAM,EAAC,EAAC,QAAI,6BAAe,eAAe;AAE1C,QAAM,WAAW,CAAC,YAAY,CAAC,YAAY,oBAAoB;AAE/D,SACI,6CAAC,SAAI,WAAW,EAAE,GACd;AAAA,gDAAC,SAAI,WAAW,EAAE,OAAO,GAAI,YAAE,QAAQ,GAAE;AAAA,IACzC,4CAAC,gDAAmB,cAAc,OAAO,UAAoB,YAAwB;AAAA,KACzF;AAER;AAEA,IAAO,uBAAQ;",
+  "names": ["block"]
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Control/Control.scss", "../../../../src/components/Control/%3Cinput css geZZlV%3E", "../../../../src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/Control/Control.scss", "../../../../src/components/Control/%3Cinput css Rsi7rN%3E", "../../../../src/styles/mixins.scss"],
   "sourcesContent": ["@use '../../styles/mixins';\n\n.dc-control {\n    &::before {\n        outline-offset: -2px; // as outline on focues goes out of toc's borders\n    }\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        display: block;\n        white-space: nowrap;\n\n        @include mixins.text-size(body-1);\n    }\n}\n", ".dc-control::before {\n  outline-offset: -2px;\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  display: block;\n  white-space: nowrap;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2wiLCJzb3VyY2VzIjpbIkNvbnRyb2wuc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHSTtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUNaSjtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy1jb250cm9sIHtcbiAgICAmOjpiZWZvcmUge1xuICAgICAgICBvdXRsaW5lLW9mZnNldDogLTJweDsgLy8gYXMgb3V0bGluZSBvbiBmb2N1ZXMgZ29lcyBvdXQgb2YgdG9jJ3MgYm9yZGVyc1xuICAgIH1cbiAgICAmX190b29sdGlwIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZzogNHB4IDhweDtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgfVxuXG4gICAgJl9fdG9vbHRpcC10ZXh0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTEpO1xuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBncmF2aXR5LXVpLXRleHQtc2l6ZXMoJGRlbHRhKSB7XG4gICAgLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZTogI3sxM3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQ6ICN7MThweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0yLWZvbnQtc2l6ZTogI3sxNXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQ6ICN7MjBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0zLWZvbnQtc2l6ZTogI3sxN3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTMtbGluZS1oZWlnaHQ6ICN7MjRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS1zaG9ydC1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY2FwdGlvbi0xLWZvbnQtc2l6ZTogI3s5cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNhcHRpb24tMi1mb250LXNpemU6ICN7MTFweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtaGVhZGVyLTEtZm9udC1zaXplOiAjezIwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWhlYWRlci0yLWZvbnQtc2l6ZTogI3syNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMS1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTItZm9udC1zaXplOiAjezE1cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0zLWZvbnQtc2l6ZTogI3sxN3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTEtZm9udC1zaXplOiAjezI4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMi1mb250LXNpemU6ICN7MzJweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0zLWZvbnQtc2l6ZTogI3s0MHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTQtZm9udC1zaXplOiAjezQ4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMS1mb250LXNpemU6ICN7MTJweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0yLWZvbnQtc2l6ZTogI3sxNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTMtZm9udC1zaXplOiAjezE2cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTEtZm9udC1zaXplOiAjezEycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTItZm9udC1zaXplOiAjezE0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTMtZm9udC1zaXplOiAjezE2cHggKyAkZGVsdGF9O1xuXG4gICAgLS15Zm0tZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1saW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMi1saW5lLWhlaWdodCk7XG4gICAgLS15Zm0tZm9udC1zaXplLWgyOiB2YXIoLS1nLXRleHQtaGVhZGVyLTItZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDM6IHZhcigtLWctdGV4dC1oZWFkZXItMS1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNDogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0zLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg1OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTItZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDY6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMS1mb250LXNpemUpO1xufVxuIl19 */", "@use 'sass:map';\n@use 'variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n    @if $mode == 'outline' {\n        &:focus {\n            outline: 2px solid var(--g-color-line-focus);\n            outline-offset: $offset;\n        }\n        &:focus:not(:focus-visible) {\n            outline: 0;\n        }\n    }\n\n    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n"],
   "mappings": ";AAGI,CAAA,UAAA;AACI,kBAAA;ACFR;ADII,CAAA;AACI,WAAA;AACA,eAAA;AACA,WAAA,IAAA;AACA,UAAA;AACA,UAAA;ACFR;ADKI,CAAA;AACI,WAAA;AACA,eAAA;AEZJ,aAAA,IAAA;AACA,eAAA,IAAA;ADUJ;",
   "names": []

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

@@ -1,5 +1,5 @@
 import type { ButtonProps } from '@gravity-ui/uikit';
-import type { PopperPosition } from '../../hooks';
+import type { PopperPosition } from '../../constants';
 import React from 'react';
 import { ControlSizes } from '../../models';
 import './Control.scss';

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

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,7 @@ var __spreadValues = (a, b2) => {
     }
   return a;
 };
+var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -54,6 +57,7 @@ var import_hooks = require("../../hooks");
 var import_models = require("../../models");
 var import_utils = require("../../utils");
 var import_Control = require("./Control.css");
+var import_jsx_runtime = require("react/jsx-runtime");
 var b = (0, import_bem_cn_lite.default)("dc-control");
 var ICONS_SIZES = {
   [import_models.ControlSizes.M]: 16,
@@ -89,36 +93,42 @@ var Control = (0, import_react.forwardRef)((props, ref) => {
   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,
-    __spreadValues(__spreadValues({
-      ref: controlRef,
-      view: "flat-secondary",
-      className: b(null, className),
-      onClick,
-      onMouseEnter: popupState.open,
-      onMouseLeave: popupState.close,
-      "aria-label": tooltipText,
-      size
-    }, href ? { href, target, rel } : {}), extraProps),
-    /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(Icon, { width: iconSize, height: iconSize })),
-    isWideView ? tooltipText : null
-  ), controlRef.current && /* @__PURE__ */ import_react.default.createElement(
-    import_uikit.Popup,
-    {
-      anchorElement: controlRef.current,
-      open: isTooltipHidden ? false : popupState.visible,
-      onOpenChange: (open) => {
-        if (!open) {
-          popupState.close();
-        }
-      },
-      className: b("tooltip"),
-      placement: position,
-      returnFocus: false
-    },
-    /* @__PURE__ */ import_react.default.createElement("span", { className: b("tooltip-text") }, tooltipText)
-  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_uikit.Button,
+      __spreadProps(__spreadValues(__spreadValues({
+        ref: controlRef,
+        view: "flat-secondary",
+        className: b(null, className),
+        onClick,
+        onMouseEnter: popupState.open,
+        onMouseLeave: popupState.close,
+        "aria-label": tooltipText,
+        size
+      }, href ? { href, target, rel } : {}), extraProps), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_uikit.Button.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { width: iconSize, height: iconSize }) }),
+          isWideView ? tooltipText : null
+        ]
+      })
+    ),
+    controlRef.current && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_uikit.Popup,
+      {
+        anchorElement: controlRef.current,
+        open: isTooltipHidden ? false : popupState.visible,
+        onOpenChange: (open) => {
+          if (!open) {
+            popupState.close();
+          }
+        },
+        className: b("tooltip"),
+        placement: position,
+        returnFocus: false,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: b("tooltip-text"), children: tooltipText })
+      }
+    )
+  ] });
 });
 Control.displayName = "DCControl";
 var Control_default = Control;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Control/Control.tsx"],
-  "sourcesContent": ["import type {ButtonProps} from '@gravity-ui/uikit';\nimport type {PopperPosition} from '../../hooks';\n\nimport React, {forwardRef, useCallback, useImperativeHandle, useRef} from 'react';\nimport {Button, Popup, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {usePopupState} from '../../hooks';\nimport {ControlSizes} from '../../models';\nimport {getPopupPosition} from '../../utils';\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    isWideView?: boolean;\n    isVerticalView?: boolean;\n    tooltipText: string;\n    isTooltipHidden?: boolean;\n    className?: string;\n    href?: string;\n    target?: string;\n    rel?: string;\n    size?: ControlSizes;\n    icon: React.FC<IconProps>;\n    popupPosition?: PopperPosition;\n    buttonExtraProps?: ButtonProps['extraProps'];\n}\n\nconst ICONS_SIZES = {\n    [ControlSizes.M]: 16,\n    [ControlSizes.L]: 20,\n    [ControlSizes.XL]: 20,\n};\n\nconst Control = forwardRef<HTMLButtonElement, ControlProps>((props, ref) => {\n    const {\n        onClick,\n        className,\n        tooltipText,\n        isTooltipHidden,\n        isWideView,\n        isVerticalView,\n        size = ControlSizes.M,\n        icon,\n        popupPosition,\n        buttonExtraProps: extraProps,\n        href,\n        target,\n        rel,\n    } = props;\n\n    const controlRef = useRef<HTMLButtonElement | null>(null);\n\n    const popupState = usePopupState({autoclose: 3000});\n    const direction = useDirection();\n\n    const getTooltipAlign = useCallback(() => {\n        if (popupPosition) {\n            return popupPosition;\n        }\n\n        return getPopupPosition(isVerticalView, direction);\n    }, [isVerticalView, popupPosition, direction]);\n\n    useImperativeHandle(ref, () => controlRef.current as HTMLButtonElement, []);\n\n    const position = getTooltipAlign();\n    const Icon = icon;\n    const iconSize = ICONS_SIZES[size];\n\n    return (\n        <React.Fragment>\n            <Button\n                ref={controlRef}\n                view=\"flat-secondary\"\n                className={b(null, className)}\n                onClick={onClick}\n                onMouseEnter={popupState.open}\n                onMouseLeave={popupState.close}\n                aria-label={tooltipText}\n                size={size}\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                {...(href ? ({href, target, rel} as any) : {})} // Button cannot detect type automatically\n                {...extraProps}\n            >\n                <Button.Icon>\n                    <Icon width={iconSize} height={iconSize} />\n                </Button.Icon>\n                {isWideView ? tooltipText : null}\n            </Button>\n            {controlRef.current && (\n                <Popup\n                    anchorElement={controlRef.current}\n                    open={isTooltipHidden ? false : popupState.visible}\n                    onOpenChange={(open) => {\n                        if (!open) {\n                            popupState.close();\n                        }\n                    }}\n                    className={b('tooltip')}\n                    placement={position}\n                    returnFocus={false}\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;AAGA,mBAA0E;AAC1E,mBAA0C;AAC1C,yBAAkB;AAElB,mBAA4B;AAC5B,oBAA2B;AAC3B,mBAA+B;AAE/B,qBAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,YAAY;AAwB5B,IAAM,cAAc;AAAA,EAChB,CAAC,2BAAa,CAAC,GAAG;AAAA,EAClB,CAAC,2BAAa,CAAC,GAAG;AAAA,EAClB,CAAC,2BAAa,EAAE,GAAG;AACvB;AAEA,IAAM,cAAU,yBAA4C,CAAC,OAAO,QAAQ;AACxE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,2BAAa;AAAA,IACpB;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI;AAEJ,QAAM,iBAAa,qBAAiC,IAAI;AAExD,QAAM,iBAAa,4BAAc,EAAC,WAAW,IAAI,CAAC;AAClD,QAAM,gBAAY,2BAAa;AAE/B,QAAM,sBAAkB,0BAAY,MAAM;AACtC,QAAI,eAAe;AACf,aAAO;AAAA,IACX;AAEA,eAAO,+BAAiB,gBAAgB,SAAS;AAAA,EACrD,GAAG,CAAC,gBAAgB,eAAe,SAAS,CAAC;AAE7C,wCAAoB,KAAK,MAAM,WAAW,SAA8B,CAAC,CAAC;AAE1E,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,KAAK;AAAA,MACL,MAAK;AAAA,MACL,WAAW,EAAE,MAAM,SAAS;AAAA,MAC5B;AAAA,MACA,cAAc,WAAW;AAAA,MACzB,cAAc,WAAW;AAAA,MACzB,cAAY;AAAA,MACZ;AAAA,OAEK,OAAQ,EAAC,MAAM,QAAQ,IAAG,IAAY,CAAC,IACxC;AAAA,IAEJ,6BAAAA,QAAA,cAAC,oBAAO,MAAP,MACG,6BAAAA,QAAA,cAAC,QAAK,OAAO,UAAU,QAAQ,UAAU,CAC7C;AAAA,IACC,aAAa,cAAc;AAAA,EAChC,GACC,WAAW,WACR,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,eAAe,WAAW;AAAA,MAC1B,MAAM,kBAAkB,QAAQ,WAAW;AAAA,MAC3C,cAAc,CAAC,SAAS;AACpB,YAAI,CAAC,MAAM;AACP,qBAAW,MAAM;AAAA,QACrB;AAAA,MACJ;AAAA,MACA,WAAW,EAAE,SAAS;AAAA,MACtB,WAAW;AAAA,MACX,aAAa;AAAA;AAAA,IAEb,6BAAAA,QAAA,cAAC,UAAK,WAAW,EAAE,cAAc,KAAI,WAAY;AAAA,EACrD,CAER;AAER,CAAC;AAED,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
+  "sourcesContent": ["import type {ButtonProps} from '@gravity-ui/uikit';\nimport type {PopperPosition} from '../../constants';\n\nimport React, {forwardRef, useCallback, useImperativeHandle, useRef} from 'react';\nimport {Button, Popup, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {usePopupState} from '../../hooks';\nimport {ControlSizes} from '../../models';\nimport {getPopupPosition} from '../../utils';\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    isWideView?: boolean;\n    isVerticalView?: boolean;\n    tooltipText: string;\n    isTooltipHidden?: boolean;\n    className?: string;\n    href?: string;\n    target?: string;\n    rel?: string;\n    size?: ControlSizes;\n    icon: React.FC<IconProps>;\n    popupPosition?: PopperPosition;\n    buttonExtraProps?: ButtonProps['extraProps'];\n}\n\nconst ICONS_SIZES = {\n    [ControlSizes.M]: 16,\n    [ControlSizes.L]: 20,\n    [ControlSizes.XL]: 20,\n};\n\nconst Control = forwardRef<HTMLButtonElement, ControlProps>((props, ref) => {\n    const {\n        onClick,\n        className,\n        tooltipText,\n        isTooltipHidden,\n        isWideView,\n        isVerticalView,\n        size = ControlSizes.M,\n        icon,\n        popupPosition,\n        buttonExtraProps: extraProps,\n        href,\n        target,\n        rel,\n    } = props;\n\n    const controlRef = useRef<HTMLButtonElement | null>(null);\n\n    const popupState = usePopupState({autoclose: 3000});\n    const direction = useDirection();\n\n    const getTooltipAlign = useCallback(() => {\n        if (popupPosition) {\n            return popupPosition;\n        }\n\n        return getPopupPosition(isVerticalView, direction);\n    }, [isVerticalView, popupPosition, direction]);\n\n    useImperativeHandle(ref, () => controlRef.current as HTMLButtonElement, []);\n\n    const position = getTooltipAlign();\n    const Icon = icon;\n    const iconSize = ICONS_SIZES[size];\n\n    return (\n        <React.Fragment>\n            <Button\n                ref={controlRef}\n                view=\"flat-secondary\"\n                className={b(null, className)}\n                onClick={onClick}\n                onMouseEnter={popupState.open}\n                onMouseLeave={popupState.close}\n                aria-label={tooltipText}\n                size={size}\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                {...(href ? ({href, target, rel} as any) : {})} // Button cannot detect type automatically\n                {...extraProps}\n            >\n                <Button.Icon>\n                    <Icon width={iconSize} height={iconSize} />\n                </Button.Icon>\n                {isWideView ? tooltipText : null}\n            </Button>\n            {controlRef.current && (\n                <Popup\n                    anchorElement={controlRef.current}\n                    open={isTooltipHidden ? false : popupState.visible}\n                    onOpenChange={(open) => {\n                        if (!open) {\n                            popupState.close();\n                        }\n                    }}\n                    className={b('tooltip')}\n                    placement={position}\n                    returnFocus={false}\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;AAGA,mBAA0E;AAC1E,mBAA0C;AAC1C,yBAAkB;AAElB,mBAA4B;AAC5B,oBAA2B;AAC3B,mBAA+B;AAE/B,qBAAO;AAsEK;AApEZ,IAAM,QAAI,mBAAAA,SAAM,YAAY;AAwB5B,IAAM,cAAc;AAAA,EAChB,CAAC,2BAAa,CAAC,GAAG;AAAA,EAClB,CAAC,2BAAa,CAAC,GAAG;AAAA,EAClB,CAAC,2BAAa,EAAE,GAAG;AACvB;AAEA,IAAM,cAAU,yBAA4C,CAAC,OAAO,QAAQ;AACxE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,2BAAa;AAAA,IACpB;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI;AAEJ,QAAM,iBAAa,qBAAiC,IAAI;AAExD,QAAM,iBAAa,4BAAc,EAAC,WAAW,IAAI,CAAC;AAClD,QAAM,gBAAY,2BAAa;AAE/B,QAAM,sBAAkB,0BAAY,MAAM;AACtC,QAAI,eAAe;AACf,aAAO;AAAA,IACX;AAEA,eAAO,+BAAiB,gBAAgB,SAAS;AAAA,EACrD,GAAG,CAAC,gBAAgB,eAAe,SAAS,CAAC;AAE7C,wCAAoB,KAAK,MAAM,WAAW,SAA8B,CAAC,CAAC;AAE1E,QAAM,WAAW,gBAAgB;AACjC,QAAM,OAAO;AACb,QAAM,WAAW,YAAY,IAAI;AAEjC,SACI,6CAAC,aAAAC,QAAM,UAAN,EACG;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,MAAK;AAAA,QACL,WAAW,EAAE,MAAM,SAAS;AAAA,QAC5B;AAAA,QACA,cAAc,WAAW;AAAA,QACzB,cAAc,WAAW;AAAA,QACzB,cAAY;AAAA,QACZ;AAAA,SAEK,OAAQ,EAAC,MAAM,QAAQ,IAAG,IAAY,CAAC,IACxC,aAXP;AAAA,QAaG;AAAA,sDAAC,oBAAO,MAAP,EACG,sDAAC,QAAK,OAAO,UAAU,QAAQ,UAAU,GAC7C;AAAA,UACC,aAAa,cAAc;AAAA;AAAA;AAAA,IAChC;AAAA,IACC,WAAW,WACR;AAAA,MAAC;AAAA;AAAA,QACG,eAAe,WAAW;AAAA,QAC1B,MAAM,kBAAkB,QAAQ,WAAW;AAAA,QAC3C,cAAc,CAAC,SAAS;AACpB,cAAI,CAAC,MAAM;AACP,uBAAW,MAAM;AAAA,UACrB;AAAA,QACJ;AAAA,QACA,WAAW,EAAE,SAAS;AAAA,QACtB,WAAW;AAAA,QACX,aAAa;AAAA,QAEb,sDAAC,UAAK,WAAW,EAAE,cAAc,GAAI,uBAAY;AAAA;AAAA,IACrD;AAAA,KAER;AAER,CAAC;AAED,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
   "names": ["block", "React"]
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Controls/Controls.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/Controls/%3Cinput css 9foH_B%3E"],
+  "sources": ["../../../../src/components/Controls/Controls.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/Controls/%3Cinput css Wk3VIU%3E"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../styles/mixins';\n@use '../../styles/variables';\n\n.dc-controls {\n    display: flex;\n    align-items: center;\n\n    @include mixins.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\n    &__list-icon {\n        font-size: 22px;\n    }\n\n    &__icon-rotated {\n        transform: rotate(90deg);\n    }\n\n    &__popup-tooltip {\n        padding: 0;\n    }\n\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\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", "@use 'sass:map';\n@use 'variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n    @if $mode == 'outline' {\n        &:focus {\n            outline: 2px solid var(--g-color-line-focus);\n            outline-offset: $offset;\n        }\n        &:focus:not(:focus-visible) {\n            outline: 0;\n        }\n    }\n\n    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n", ".dc-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-icon {\n  font-size: 22px;\n}\n.dc-controls__icon-rotated {\n  transform: rotate(90deg);\n}\n.dc-controls__popup-tooltip {\n  padding: 0;\n}\n@media (min-width: 769px) {\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzIiwic291cmNlcyI6WyJDb250cm9scy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBO0VBQ0k7RUFDQTtFQ0ZBO0VBQ0E7O0FES0E7RUFFSTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7SUFDSTs7RUFHSjtJQUNJO0lBQ0E7O0VBR0o7SUFFSTtJQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5AdXNlICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuLmRjLWNvbnRyb2xzIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMSk7XG5cbiAgICAmX19jb250cm9sOm5vdCg6bGFzdC1jaGlsZCksXG4gICAgJl9fZGl2aWRlciB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogNHB4O1xuICAgIH1cblxuICAgICZfX2xpc3Qge1xuICAgICAgICBwYWRkaW5nOiA0cHggMDtcbiAgICB9XG5cbiAgICAmX19saXN0LWljb24ge1xuICAgICAgICBmb250LXNpemU6IDIycHg7XG4gICAgfVxuXG4gICAgJl9faWNvbi1yb3RhdGVkIHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgICZfX3BvcHVwLXRvb2x0aXAge1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgIH1cblxuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgICZfdmVydGljYWwge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgICZfdmVydGljYWwgJl9fZGl2aWRlciB7XG4gICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgIHdpZHRoOiAxNnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJl92ZXJ0aWNhbCAmX19jb250cm9sOm5vdCg6bGFzdC1jaGlsZCksXG4gICAgICAgICZfdmVydGljYWwgJl9fZGl2aWRlciB7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICd2YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBmb250LXdlaWdodDogNDAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZ3Jhdml0eS11aS10ZXh0LXNpemVzKCRkZWx0YSkge1xuICAgIC0tZy10ZXh0LWJvZHktMS1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0OiAjezE4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMi1mb250LXNpemU6ICN7MTVweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0yLWxpbmUtaGVpZ2h0OiAjezIwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0zLWxpbmUtaGVpZ2h0OiAjezI0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktc2hvcnQtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNhcHRpb24tMS1mb250LXNpemU6ICN7OXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jYXB0aW9uLTItZm9udC1zaXplOiAjezExcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWhlYWRlci0xLWZvbnQtc2l6ZTogI3syMHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1oZWFkZXItMi1mb250LXNpemU6ICN7MjRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZTogI3sxNXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0xLWZvbnQtc2l6ZTogI3syOHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTItZm9udC1zaXplOiAjezMycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMy1mb250LXNpemU6ICN7NDBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS00LWZvbnQtc2l6ZTogI3s0OHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTEtZm9udC1zaXplOiAjezEycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMi1mb250LXNpemU6ICN7MTRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0xLWZvbnQtc2l6ZTogI3sxMnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0yLWZvbnQtc2l6ZTogI3sxNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcblxuICAgIC0teWZtLWZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMi1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oMjogdmFyKC0tZy10ZXh0LWhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWgzOiB2YXIoLS1nLXRleHQtaGVhZGVyLTEtZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDQ6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNTogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg2OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplKTtcbn1cbiJdfQ== */"],
   "mappings": ";AAIA,CAAA;AACI,WAAA;AACA,eAAA;ACFA,aAAA,IAAA;AACA,eAAA,IAAA;ACAJ;AFKI,CAAA,oBAAA,KAAA;AAAA,CAAA;AAEI,gBAAA;AEJR;AFOI,CAAA;AACI,WAAA,IAAA;AELR;AFQI,CAAA;AACI,aAAA;AENR;AFSI,CAAA;AACI,aAAA,OAAA;AEPR;AFUI,CAAA;AACI,WAAA;AERR;AFWI,QAAA,WAAA;AACI,GAAA;AACI,oBAAA;AETV;AFYM,GAJA,qBAIA,CA1BJ;AA2BQ,YAAA;AACA,WAAA;AEVV;AFaM,GATA,qBASA,CA/BJ,oBA+BI,KAAA;EAAA,CATA,qBASA,CA/BJ;AAiCQ,kBAAA;AACA,mBAAA;AEZV;AACF;",
   "names": []

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

@@ -51,7 +51,7 @@ __export(Controls_exports, {
   default: () => Controls_default
 });
 module.exports = __toCommonJS(Controls_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
 var import_Feedback = require("../Feedback");
 var import_Subscribe = require("../Subscribe");
@@ -59,6 +59,7 @@ var import_hooks = require("../../hooks");
 var import_ControlsLayout = require("./ControlsLayout");
 var import__ = require("./");
 var import_Controls = require("./Controls.css");
+var import_jsx_runtime = require("react/jsx-runtime");
 var b = (0, import_bem_cn_lite.default)("dc-controls");
 function hasLangs(langs) {
   return (langs == null ? void 0 : langs.length) && langs.length > 1;
@@ -111,18 +112,17 @@ var ControlsList = (props) => {
   );
   const withSubscribeControls = Boolean(!singlePage && onSubscribe);
   const controls = [
-    withFullscreenControl && /* @__PURE__ */ import_react.default.createElement(
+    withFullscreenControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import__.FullScreenControl,
       {
-        key: "fullscreen-control",
         value: fullScreen,
         onChange: onChangeFullScreen
-      }
+      },
+      "fullscreen-control"
     ),
-    withSettingsControl && /* @__PURE__ */ import_react.default.createElement(
+    withSettingsControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import__.SettingsControl,
       {
-        key: "settings-control",
         theme,
         wideFormat,
         showMiniToc,
@@ -131,71 +131,72 @@ var ControlsList = (props) => {
         onChangeShowMiniToc,
         onChangeTextSize,
         onChangeWideFormat
-      }
+      },
+      "settings-control"
     ),
-    withLangControl && /* @__PURE__ */ import_react.default.createElement(
+    withLangControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import__.LangControl,
       {
-        key: "lang-control",
         lang,
         langs,
         availableLangs,
         onChangeLang
-      }
+      },
+      "lang-control"
     ),
-    withSinglePageControl && /* @__PURE__ */ import_react.default.createElement(
+    withSinglePageControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import__.SinglePageControl,
       {
-        key: "single-page-control",
         value: singlePage,
         onChange: onChangeSinglePage
-      }
+      },
+      "single-page-control"
     ),
-    withPdfControl && /* @__PURE__ */ import_react.default.createElement(
+    withPdfControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import__.PdfControl,
       {
-        key: "pdf-control",
         pdfLink,
         icon: pdfIconConfig == null ? void 0 : pdfIconConfig.icon,
         size: pdfIconConfig == null ? void 0 : pdfIconConfig.size
-      }
+      },
+      "pdf-control"
     ),
     "---",
-    withEditControl && /* @__PURE__ */ import_react.default.createElement(
+    withEditControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import__.EditControl,
       {
-        key: "edit-control",
         vcsUrl,
         vcsType,
         onClick: onEditClick
-      }
+      },
+      "edit-control"
     ),
     "---",
-    withFeedbackControl && /* @__PURE__ */ import_react.default.createElement(
+    withFeedbackControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Feedback.Feedback,
       {
-        key: "feedback-control",
         isLiked,
         isDisliked,
         onSendFeedback,
         view: import_Feedback.FeedbackView.Regular
-      }
+      },
+      "feedback-control"
     ),
     "---",
-    withSubscribeControls && /* @__PURE__ */ import_react.default.createElement(
+    withSubscribeControls && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Subscribe.Subscribe,
       {
-        key: "subscribe-control",
         onSubscribe,
         consentContent,
         view: import_Subscribe.SubscribeView.Regular
-      }
+      },
+      "subscribe-control"
     )
   ].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") })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DividerControl, { className: b("divider") }, "divider-" + index)
         );
       }
     } else {
@@ -206,12 +207,12 @@ var ControlsList = (props) => {
   if (!controls.length) {
     return null;
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: b({ vertical: isVerticalView }, className) }, controls);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b({ vertical: isVerticalView }, className), children: controls });
 };
 var Controls = (0, import_react.memo)((props) => {
   const isHiddenFeedback = (0, import_hooks.useInterface)("feedback");
   const isHiddenAsideFeedback = (0, import_hooks.useInterface)("feedback-aside");
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ControlsList,
     __spreadProps(__spreadValues({}, props), {
       isHiddenFeedback,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Controls/Controls.tsx"],
   "sourcesContent": ["import type {\n    AvailableLangs,\n    ControlSizes,\n    FeedbackSendData,\n    Lang,\n    LangOptions,\n    SubscribeData,\n    TextSizes,\n    Theme,\n} from '../../models';\n\nimport React, {memo, useContext} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {Feedback, FeedbackView} from '../Feedback';\nimport {Subscribe, SubscribeView} from '../Subscribe';\nimport {useInterface} from '../../hooks';\n\nimport {ControlsLayoutContext} from './ControlsLayout';\n\nimport {\n    DividerControl,\n    EditControl,\n    FullScreenControl,\n    LangControl,\n    PdfControl,\n    SettingsControl,\n    SinglePageControl,\n} from './';\n\n// eslint-disable-next-line import/order\nimport './Controls.scss';\n\nexport interface ControlsProps {\n    lang?: `${Lang}` | Lang;\n    langs?: (`${Lang}` | Lang)[];\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}` | Lang, options?: LangOptions) => 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    consentContent?: React.ReactNode;\n    onEditClick?: () => void;\n    pdfLink?: string;\n    pdfIconConfig?: {position?: string; size?: 'S' | 'M' | 'L'; icon?: string};\n    className?: string;\n    hideEditControl?: boolean;\n    hideFeedbackControls?: boolean;\n    availableLangs?: AvailableLangs;\n}\n\nconst b = block('dc-controls');\n\ntype Defined = {\n    [P in keyof ControlsProps]-?: ControlsProps[P];\n};\n\nfunction hasLangs(langs?: (`${Lang}` | Lang)[]) {\n    return langs?.length && langs.length > 1;\n}\n\nexport const ControlsList: React.FC<\n    ControlsProps & {isHiddenFeedback: boolean; isHiddenAsideFeedback: boolean}\n> = (props) => {\n    const {\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        consentContent,\n        onEditClick,\n        lang,\n        langs,\n        pdfLink,\n        pdfIconConfig,\n        vcsUrl,\n        vcsType,\n        isLiked,\n        isDisliked,\n        isHiddenFeedback,\n        isHiddenAsideFeedback,\n        availableLangs = [],\n        className,\n    } = props;\n\n    const {isVerticalView} = useContext(ControlsLayoutContext);\n\n    const withFullscreenControl = Boolean(onChangeFullScreen);\n    const withSettingsControl = Boolean(\n        onChangeWideFormat || onChangeTheme || onChangeShowMiniToc || onChangeTextSize,\n    );\n    const withLangControl = Boolean(lang && hasLangs(langs) && onChangeLang);\n    const withSinglePageControl = Boolean(onChangeSinglePage);\n    const withPdfControl = Boolean(pdfLink);\n    const withEditControl = Boolean(!singlePage && !hideEditControl && vcsUrl);\n    const withFeedbackControl = Boolean(\n        !singlePage &&\n        !hideFeedbackControls &&\n        !isHiddenFeedback &&\n        !isHiddenAsideFeedback &&\n        onSendFeedback,\n    );\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                availableLangs={availableLangs}\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 && (\n            <PdfControl\n                key=\"pdf-control\"\n                pdfLink={pdfLink as Defined['pdfLink']}\n                icon={pdfIconConfig?.icon}\n                size={pdfIconConfig?.size as ControlSizes | undefined}\n            />\n        ),\n        '---',\n        withEditControl && (\n            <EditControl\n                key=\"edit-control\"\n                vcsUrl={vcsUrl as Defined['vcsUrl']}\n                vcsType={vcsType as Defined['vcsType']}\n                onClick={onEditClick}\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                consentContent={consentContent}\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    if (!controls.length) {\n        return null;\n    }\n\n    return <div className={b({vertical: isVerticalView}, className)}>{controls}</div>;\n};\n\nconst Controls = memo<ControlsProps>((props) => {\n    const isHiddenFeedback = useInterface('feedback');\n    const isHiddenAsideFeedback = useInterface('feedback-aside');\n\n    return (\n        <ControlsList\n            {...props}\n            isHiddenFeedback={isHiddenFeedback}\n            isHiddenAsideFeedback={isHiddenAsideFeedback}\n        />\n    );\n});\n\nControls.displayName = 'DCControls';\n\nexport default Controls;\n"],
-  "mappings": "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",
-  "names": ["block", "React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,mBAAsC;AACtC,yBAAkB;AAElB,sBAAqC;AACrC,uBAAuC;AACvC,mBAA2B;AAE3B,4BAAoC;AAEpC,eAQO;AAGP,sBAAO;AAsGK;AApEZ,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAM7B,SAAS,SAAS,OAA8B;AAC5C,UAAO,+BAAO,WAAU,MAAM,SAAS;AAC3C;AAEO,IAAM,eAET,CAAC,UAAU;AACX,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,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB;AAAA,EACJ,IAAI;AAEJ,QAAM,EAAC,eAAc,QAAI,yBAAW,2CAAqB;AAEzD,QAAM,wBAAwB,QAAQ,kBAAkB;AACxD,QAAM,sBAAsB;AAAA,IACxB,sBAAsB,iBAAiB,uBAAuB;AAAA,EAClE;AACA,QAAM,kBAAkB,QAAQ,QAAQ,SAAS,KAAK,KAAK,YAAY;AACvE,QAAM,wBAAwB,QAAQ,kBAAkB;AACxD,QAAM,iBAAiB,QAAQ,OAAO;AACtC,QAAM,kBAAkB,QAAQ,CAAC,cAAc,CAAC,mBAAmB,MAAM;AACzE,QAAM,sBAAsB;AAAA,IACxB,CAAC,cACD,CAAC,wBACD,CAAC,oBACD,CAAC,yBACD;AAAA,EACJ;AACA,QAAM,wBAAwB,QAAQ,CAAC,cAAc,WAAW;AAEhE,QAAM,WAAW;AAAA,IACb,yBACI;AAAA,MAAC;AAAA;AAAA,QAEG,OAAO;AAAA,QACP,UAAU;AAAA;AAAA,MAFN;AAAA,IAGR;AAAA,IAEJ,uBACI;AAAA,MAAC;AAAA;AAAA,QAEG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MARI;AAAA,IASR;AAAA,IAEJ,mBACI;AAAA,MAAC;AAAA;AAAA,QAEG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MAJI;AAAA,IAKR;AAAA,IAEJ,yBACI;AAAA,MAAC;AAAA;AAAA,QAEG,OAAO;AAAA,QACP,UAAU;AAAA;AAAA,MAFN;AAAA,IAGR;AAAA,IAEJ,kBACI;AAAA,MAAC;AAAA;AAAA,QAEG;AAAA,QACA,MAAM,+CAAe;AAAA,QACrB,MAAM,+CAAe;AAAA;AAAA,MAHjB;AAAA,IAIR;AAAA,IAEJ;AAAA,IACA,mBACI;AAAA,MAAC;AAAA;AAAA,QAEG;AAAA,QACA;AAAA,QACA,SAAS;AAAA;AAAA,MAHL;AAAA,IAIR;AAAA,IAEJ;AAAA,IACA,uBACI;AAAA,MAAC;AAAA;AAAA,QAEG;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,6BAAa;AAAA;AAAA,MAJf;AAAA,IAKR;AAAA,IAEJ;AAAA,IACA,yBACI;AAAA,MAAC;AAAA;AAAA,QAEG;AAAA,QACA;AAAA,QACA,MAAM,+BAAc;AAAA;AAAA,MAHhB;AAAA,IAIR;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,4CAAC,2BAAwC,WAAW,EAAE,SAAS,KAA1C,aAAa,KAAgC;AAAA,QACtE;AAAA,MACJ;AAAA,IACJ,OAAO;AACH,aAAO,KAAK,OAA6B;AAAA,IAC7C;AAEA,WAAO;AAAA,EACX,GAAG,CAAC,CAAyB;AAEjC,MAAI,CAAC,SAAS,QAAQ;AAClB,WAAO;AAAA,EACX;AAEA,SAAO,4CAAC,SAAI,WAAW,EAAE,EAAC,UAAU,eAAc,GAAG,SAAS,GAAI,oBAAS;AAC/E;AAEA,IAAM,eAAW,mBAAoB,CAAC,UAAU;AAC5C,QAAM,uBAAmB,2BAAa,UAAU;AAChD,QAAM,4BAAwB,2BAAa,gBAAgB;AAE3D,SACI;AAAA,IAAC;AAAA,qCACO,QADP;AAAA,MAEG;AAAA,MACA;AAAA;AAAA,EACJ;AAER,CAAC;AAED,SAAS,cAAc;AAEvB,IAAO,mBAAQ;",
+  "names": ["block"]
 }