@sberbusiness/triplex-next 0.44.0 → 0.46.0

package/components/FormField/components/FormFieldPrefix.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
-const formFieldPrefix = "formFieldPrefix__8a99f252";
+const formFieldPrefix = "formFieldPrefix__54e6c0b5";
 const styles = {
   formFieldPrefix
 };

package/components/FormField/components/FormFieldTarget.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useMemo, useLayoutEffect, useCallback } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldTarget = "formFieldTarget__a00383a4";
-const sm = "sm__c553ed7c";
-const md = "md__1c05eca2";
-const lg = "lg__bdefe5a2";
-const placeholder = "placeholder__7812fc49";
-const disabled = "disabled__c56788bd";
-const placeholderWrapper = "placeholderWrapper__1f3ed8f6";
-const active = "active__f257f812";
+const formFieldTarget = "formFieldTarget__3a137464";
+const sm = "sm__0bbeca46";
+const md = "md__84139e0f";
+const lg = "lg__11837f6a";
+const placeholder = "placeholder__6f8b4e62";
+const disabled = "disabled__7c68b061";
+const placeholderWrapper = "placeholderWrapper__f46996ad";
+const active = "active__bd3641fc";
 const styles = {
   formFieldTarget,
   sm,

package/components/FormField/components/FormFieldTextarea.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useMemo, useCallback, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { isFilled } from "./utils.js";
-const formFieldTextarea = "formFieldTextarea__ff5caf20";
-const sm = "sm__c553ed7c";
-const md = "md__1c05eca2";
-const lg = "lg__bdefe5a2";
+const formFieldTextarea = "formFieldTextarea__4e741f72";
+const sm = "sm__0bbeca46";
+const md = "md__84139e0f";
+const lg = "lg__11837f6a";
 const styles = {
   formFieldTextarea,
   sm,

package/components/FormGroup/FormGroup.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-const FormGroup = React.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx("div", { ref, ...rest, children }));
+const FormGroup = React.forwardRef(({ children, ...restProps }, ref) => /* @__PURE__ */ jsx("div", { ...restProps, ref, children }));
 FormGroup.displayName = "FormGroup";
 export {
   FormGroup

package/components/FormGroup/FormGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.js","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"sourcesContent":["import React from 'react';\n\n/** Свойства компонента FormGroup. */\ninterface IFormGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Элемент, объединяющий FormField, HelpBox, Alert, Description.\n * Дочерние элементы, передаются декларативно, это позволяет их кастомизировать и передавать data-атрибуты.\n */\nexport const FormGroup = React.forwardRef<HTMLDivElement, IFormGroupProps>(({children, ...rest}, ref) => (\n    <div ref={ref} {...rest}>\n        {children}\n    </div>\n));\n\nFormGroup.displayName = 'FormGroup';\n"],"names":[],"mappings":";;AASO,MAAM,YAAY,MAAM,WAA4C,CAAC,EAAC,UAAU,GAAG,KAAA,GAAO,4BAC5F,OAAA,EAAI,KAAW,GAAG,MACd,UACL,CACH;AAED,UAAU,cAAc;"}
+{"version":3,"file":"FormGroup.js","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"sourcesContent":["import React from \"react\";\n\n/** Свойства компонента FormGroup. */\nexport interface IFormGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Части группы: поле ввода и относящиеся к нему подсказки и сообщения. */\n    children?: React.ReactNode;\n}\n\n/**\n * Контейнер формы, объединяющий поле ввода с относящимися к нему элементами — `FormField`,\n * `FormFieldDescription`, `HelpBox`, `AlertContext`. Части передаются декларативно через `children`,\n * поэтому каждой можно задать свои props и data-атрибуты. Собственной разметки и стилей не\n * добавляет: рендерит один `div` с переданными атрибутами.\n */\nexport const FormGroup = React.forwardRef<HTMLDivElement, IFormGroupProps>(({ children, ...restProps }, ref) => (\n    <div {...restProps} ref={ref}>\n        {children}\n    </div>\n));\n\nFormGroup.displayName = \"FormGroup\";\n"],"names":[],"mappings":";;AAcO,MAAM,YAAY,MAAM,WAA4C,CAAC,EAAE,UAAU,GAAG,UAAA,GAAa,4BACnG,OAAA,EAAK,GAAG,WAAW,KACf,UACL,CACH;AAED,UAAU,cAAc;"}

package/components/Gap/Gap.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import React from "react";
-const size4 = "size4__1120059c";
-const size8 = "size8__71136dad";
-const size12 = "size12__e8873c52";
-const size16 = "size16__7c1a321d";
-const size24 = "size24__f33710d4";
-const size32 = "size32__0a7110d4";
-const size64 = "size64__e9b3eb6d";
-const size128 = "size128__d5eb68e3";
+const size4 = "size4__7fa6d0d4";
+const size8 = "size8__a535900d";
+const size12 = "size12__942722cf";
+const size16 = "size16__86bf711c";
+const size24 = "size24__4309bcda";
+const size32 = "size32__3f889ed2";
+const size64 = "size64__17cace9c";
+const size128 = "size128__1f8d88e7";
 const styles = {
   size4,
   size8,

package/components/Header/Header.js

@@ -12,7 +12,7 @@ import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
 const Header = Object.assign(
   React.forwardRef(function Header2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.44.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.46.0", ref, children });
   }),
   {
     LayoutSidebar: HeaderLayoutSidebar,

package/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTabs } from \"./components/HeaderTabs/HeaderTabs\";\nimport { HeaderTitle } from \"./components/HeaderTitle/HeaderTitle\";\nimport { HeaderSubheader } from \"./components/HeaderSubheader/HeaderSubheader\";\nimport { HeaderLayoutSidebar } from \"./components/HeaderLayoutSidebar/HeaderLayoutSidebar\";\n\n/** Свойства компонента Header. */\nexport interface IHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Заголовок. */\nexport const Header = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderProps>(function Header({ children, ...rest }, ref) {\n        return (\n            <div {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        LayoutSidebar: HeaderLayoutSidebar,\n        Subhead: HeaderSubheader,\n        Tabs: HeaderTabs,\n        Title: HeaderTitle,\n    },\n);\n\nHeader.displayName = \"Header\";\n"],"names":["Header"],"mappings":";;;;;;;;;;;;AAUO,MAAM,SAAS,OAAO;AAAA,EACzB,MAAM,WAAyC,SAASA,QAAO,EAAE,UAAU,GAAG,KAAA,GAAQ,KAAK;AACvF,WACI,oBAAC,SAAK,GAAG,MAAM,WAAS,UAAiC,KACpD,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,eAAe;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEf;AAEA,OAAO,cAAc;"}
+{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTabs } from \"./components/HeaderTabs/HeaderTabs\";\nimport { HeaderTitle } from \"./components/HeaderTitle/HeaderTitle\";\nimport { HeaderSubheader } from \"./components/HeaderSubheader/HeaderSubheader\";\nimport { HeaderLayoutSidebar } from \"./components/HeaderLayoutSidebar/HeaderLayoutSidebar\";\n\n/** Свойства компонента Header. */\nexport interface IHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое заголовка. Обычно составные Header.Title, Header.Tabs и Header.Subhead. */\n    children?: React.ReactNode;\n}\n\n/**\n * Заголовок. Контейнер верхнего блока, собирающий уровни заголовка:\n * `Header.Title` (заголовок и кнопки действий), `Header.Tabs` (табы и кнопки действий)\n * и `Header.Subhead` (произвольный контент). Собственной визуальной оболочки не имеет —\n * фон, рамку и отступы задаёт контейнер-родитель.\n */\nexport const Header = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderProps>(function Header({ children, ...rest }, ref) {\n        return (\n            <div {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        LayoutSidebar: HeaderLayoutSidebar,\n        Subhead: HeaderSubheader,\n        Tabs: HeaderTabs,\n        Title: HeaderTitle,\n    },\n);\n\nHeader.displayName = \"Header\";\n"],"names":["Header"],"mappings":";;;;;;;;;;;;AAkBO,MAAM,SAAS,OAAO;AAAA,EACzB,MAAM,WAAyC,SAASA,QAAO,EAAE,UAAU,GAAG,KAAA,GAAQ,KAAK;AACvF,WACI,oBAAC,SAAK,GAAG,MAAM,WAAS,UAAiC,KACpD,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,eAAe;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEf;AAEA,OAAO,cAAc;"}

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../../chunks/vendor-BxhAzfnS.js";
 import { HeaderLayoutSidebarContent } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar } from "./HeaderLayoutSidebarSidebar.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-C-1T0kiG.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-BjSp91kN.js";
 const HeaderLayoutSidebar = Object.assign(
   React.forwardRef(function HeaderLayoutSidebar2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebar, className), ...rest, ref, children });

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayoutSidebar.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { HeaderLayoutSidebarContent } from \"./HeaderLayoutSidebarContent\";\nimport { HeaderLayoutSidebarSidebar } from \"./HeaderLayoutSidebarSidebar\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebar. */\nexport interface IHeaderLayoutSidebarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Layout для Header с sidebar. */\nexport const HeaderLayoutSidebar = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarProps>(function HeaderLayoutSidebar(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.headerLayoutSidebar, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderLayoutSidebarContent,\n        Sidebar: HeaderLayoutSidebarSidebar,\n    },\n);\n\nHeaderLayoutSidebar.displayName = \"HeaderLayoutSidebar\";\n"],"names":["HeaderLayoutSidebar"],"mappings":";;;;;;AAUO,MAAM,sBAAsB,OAAO;AAAA,EACtC,MAAM,WAAsD,SAASA,qBACjE,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,KAClE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEjB;AAEA,oBAAoB,cAAc;"}
+{"version":3,"file":"HeaderLayoutSidebar.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { HeaderLayoutSidebarContent } from \"./HeaderLayoutSidebarContent\";\nimport { HeaderLayoutSidebarSidebar } from \"./HeaderLayoutSidebarSidebar\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebar. */\nexport interface IHeaderLayoutSidebarProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое раскладки. Обычно составные HeaderLayoutSidebar.Content и HeaderLayoutSidebar.Sidebar. */\n    children?: React.ReactNode;\n}\n\n/**\n * Layout для Header с sidebar. Раскладывает `HeaderLayoutSidebar.Content`\n * и `HeaderLayoutSidebar.Sidebar` в строку; на ширине экрана до 767px sidebar скрывается.\n */\nexport const HeaderLayoutSidebar = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarProps>(function HeaderLayoutSidebar(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.headerLayoutSidebar, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderLayoutSidebarContent,\n        Sidebar: HeaderLayoutSidebarSidebar,\n    },\n);\n\nHeaderLayoutSidebar.displayName = \"HeaderLayoutSidebar\";\n"],"names":["HeaderLayoutSidebar"],"mappings":";;;;;;AAgBO,MAAM,sBAAsB,OAAO;AAAA,EACtC,MAAM,WAAsD,SAASA,qBACjE,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,KAClE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEjB;AAEA,oBAAoB,cAAc;"}

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-C-1T0kiG.js";
+import { c as clsx } from "../../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-BjSp91kN.js";
 const HeaderLayoutSidebarContent = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarContent, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayoutSidebarContent.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebarContent. */\nexport interface IHeaderLayoutSidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок контента для Header с sidebar. */\nexport const HeaderLayoutSidebarContent = React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerLayoutSidebarContent, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderLayoutSidebarContent.displayName = \"HeaderLayoutSidebarContent\";\n"],"names":[],"mappings":";;;;AAQO,MAAM,6BAA6B,MAAM;AAAA,EAC5C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,4BAA4B,SAAS,GAAI,GAAG,MAAM,KACzE,SAAA,CACL;AAER;AAEA,2BAA2B,cAAc;"}
+{"version":3,"file":"HeaderLayoutSidebarContent.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebarContent. */\nexport interface IHeaderLayoutSidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Основной контент заголовка. */\n    children?: React.ReactNode;\n}\n\n/** Блок контента для Header с sidebar. Занимает свободное место в строке. */\nexport const HeaderLayoutSidebarContent = React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerLayoutSidebarContent, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderLayoutSidebarContent.displayName = \"HeaderLayoutSidebarContent\";\n"],"names":[],"mappings":";;;;AAWO,MAAM,6BAA6B,MAAM;AAAA,EAC5C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,4BAA4B,SAAS,GAAI,GAAG,MAAM,KACzE,SAAA,CACL;AAER;AAEA,2BAA2B,cAAc;"}

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-C-1T0kiG.js";
+import { c as clsx } from "../../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-BjSp91kN.js";
 const HeaderLayoutSidebarSidebar = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarSidebar, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayoutSidebarSidebar.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebarSidebar. */\nexport interface IHeaderLayoutSidebarSidebarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Header sidebar. */\nexport const HeaderLayoutSidebarSidebar = React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarSidebarProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerLayoutSidebarSidebar, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderLayoutSidebarSidebar.displayName = \"HeaderLayoutSidebarSidebar\";\n"],"names":[],"mappings":";;;;AAQO,MAAM,6BAA6B,MAAM;AAAA,EAC5C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,4BAA4B,SAAS,GAAI,GAAG,MAAM,KACzE,SAAA,CACL;AAER;AAEA,2BAA2B,cAAc;"}
+{"version":3,"file":"HeaderLayoutSidebarSidebar.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebarSidebar. */\nexport interface IHeaderLayoutSidebarSidebarProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое сайдбара. */\n    children?: React.ReactNode;\n}\n\n/** Header sidebar. Скрывается на ширине экрана до 767px. */\nexport const HeaderLayoutSidebarSidebar = React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarSidebarProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerLayoutSidebarSidebar, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderLayoutSidebarSidebar.displayName = \"HeaderLayoutSidebarSidebar\";\n"],"names":[],"mappings":";;;;AAWO,MAAM,6BAA6B,MAAM;AAAA,EAC5C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,4BAA4B,SAAS,GAAI,GAAG,MAAM,KACzE,SAAA,CACL;AAER;AAEA,2BAA2B,cAAc;"}

package/components/Header/components/HeaderSubheader/HeaderSubheader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqGxntec.js";
-const headerSubheader = "headerSubheader__83925bf8";
-const withoutPaddings = "withoutPaddings__aca95843";
+import { c as clsx } from "../../../../chunks/vendor-BxhAzfnS.js";
+const headerSubheader = "headerSubheader__f82f5ec6";
+const withoutPaddings = "withoutPaddings__c751df37";
 const styles = {
   headerSubheader,
   withoutPaddings
@@ -11,7 +11,7 @@ const HeaderSubheader = React.forwardRef(
   ({ children, className, withoutPaddings: withoutPaddings2, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx(styles.headerSubheader, { [styles.withoutPaddings]: Boolean(withoutPaddings2) }, className),
+      className: clsx(styles.headerSubheader, { [styles.withoutPaddings]: withoutPaddings2 }, className),
       ...rest,
       ref,
       children

package/components/Header/components/HeaderSubheader/HeaderSubheader.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSubheader.js","sources":["../../../../../src/components/Header/components/HeaderSubheader/HeaderSubheader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderSubheader.module.less\";\n\n/** Свойства компонента HeaderSubheader. */\nexport interface IHeaderSubheaderProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Свойство отключающее padding. */\n    withoutPaddings?: boolean;\n}\n\n/** Третий уровень Header. Содержит в себе произвольный контент. */\nexport const HeaderSubheader = React.forwardRef<HTMLDivElement, IHeaderSubheaderProps>(\n    ({ children, className, withoutPaddings, ...rest }, ref) => (\n        <div\n            className={clsx(styles.headerSubheader, { [styles.withoutPaddings]: Boolean(withoutPaddings) }, className)}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nHeaderSubheader.displayName = \"HeaderSubheader\";\n"],"names":["withoutPaddings"],"mappings":";;;;;;;;;AAWO,MAAM,kBAAkB,MAAM;AAAA,EACjC,CAAC,EAAE,UAAU,WAAW,iBAAAA,kBAAiB,GAAG,KAAA,GAAQ,QAChD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,iBAAiB,EAAE,CAAC,OAAO,eAAe,GAAG,QAAQA,gBAAe,EAAA,GAAK,SAAS;AAAA,MACxG,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"HeaderSubheader.js","sources":["../../../../../src/components/Header/components/HeaderSubheader/HeaderSubheader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderSubheader.module.less\";\n\n/** Свойства компонента HeaderSubheader. */\nexport interface IHeaderSubheaderProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Произвольный контент третьего уровня заголовка. */\n    children?: React.ReactNode;\n    /** Свойство отключающее padding. По умолчанию false. */\n    withoutPaddings?: boolean;\n}\n\n/**\n * Третий уровень Header. Содержит в себе произвольный контент.\n * По умолчанию имеет вертикальные отступы 24px, которые снимаются свойством `withoutPaddings`.\n */\nexport const HeaderSubheader = React.forwardRef<HTMLDivElement, IHeaderSubheaderProps>(\n    ({ children, className, withoutPaddings, ...rest }, ref) => (\n        <div\n            className={clsx(styles.headerSubheader, { [styles.withoutPaddings]: withoutPaddings }, className)}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nHeaderSubheader.displayName = \"HeaderSubheader\";\n"],"names":["withoutPaddings"],"mappings":";;;;;;;;;AAgBO,MAAM,kBAAkB,MAAM;AAAA,EACjC,CAAC,EAAE,UAAU,WAAW,iBAAAA,kBAAiB,GAAG,KAAA,GAAQ,QAChD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,iBAAiB,EAAE,CAAC,OAAO,eAAe,GAAGA,iBAAA,GAAmB,SAAS;AAAA,MAC/F,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,gBAAgB,cAAc;"}

package/components/Header/components/HeaderTabs/HeaderTabs.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { HeaderTabsContent } from "./HeaderTabsContent.js";
 import { HeaderTabsControls } from "./HeaderTabsControls.js";
-import { c as clsx } from "../../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-BALXT9ep.js";
+import { c as clsx } from "../../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-B1BMjhpn.js";
 const HeaderTabs = Object.assign(
   React.forwardRef(function HeaderTabs2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabs, className), ...rest, ref, children });

package/components/Header/components/HeaderTabs/HeaderTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTabs.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabs.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTabsContent } from \"./HeaderTabsContent\";\nimport { HeaderTabsControls } from \"./HeaderTabsControls\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabs. */\nexport interface IHeaderTabsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Второй уровень Header. Содержит в себе табы и кнопки действий. */\nexport const HeaderTabs = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderTabsProps>(function HeaderTabs({ children, className, ...rest }, ref) {\n        return (\n            <div className={clsx(styles.headerTabs, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderTabsContent,\n        Controls: HeaderTabsControls,\n    },\n);\n\nHeaderTabs.displayName = \"HeaderTabs\";\n"],"names":["HeaderTabs"],"mappings":";;;;;;AAUO,MAAM,aAAa,OAAO;AAAA,EAC7B,MAAM,WAA6C,SAASA,YAAW,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC1G,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,YAAY,SAAS,GAAI,GAAG,MAAM,KACzD,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"HeaderTabs.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabs.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTabsContent } from \"./HeaderTabsContent\";\nimport { HeaderTabsControls } from \"./HeaderTabsControls\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabs. */\nexport interface IHeaderTabsProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое уровня. Обычно составные HeaderTabs.Content и HeaderTabs.Controls. */\n    children?: React.ReactNode;\n}\n\n/**\n * Второй уровень Header. Содержит в себе табы и кнопки действий.\n * Раскладывает `HeaderTabs.Content` и `HeaderTabs.Controls` в строку,\n * на ширине экрана до 767px кнопки переносятся под табы.\n */\nexport const HeaderTabs = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderTabsProps>(function HeaderTabs({ children, className, ...rest }, ref) {\n        return (\n            <div className={clsx(styles.headerTabs, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderTabsContent,\n        Controls: HeaderTabsControls,\n    },\n);\n\nHeaderTabs.displayName = \"HeaderTabs\";\n"],"names":["HeaderTabs"],"mappings":";;;;;;AAiBO,MAAM,aAAa,OAAO;AAAA,EAC7B,MAAM,WAA6C,SAASA,YAAW,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC1G,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,YAAY,SAAS,GAAI,GAAG,MAAM,KACzD,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,WAAW,cAAc;"}

package/components/Header/components/HeaderTabs/HeaderTabsContent.js

@@ -1,11 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-BALXT9ep.js";
+import { c as clsx } from "../../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-B1BMjhpn.js";
 const HeaderTabsContent = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsContent, className), ...rest, ref, children });
-  }
+  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsContent, className), ...rest, ref, children })
 );
 HeaderTabsContent.displayName = "HeaderTabsContent";
 export {

package/components/Header/components/HeaderTabs/HeaderTabsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTabsContent.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabsContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabsContent. */\nexport interface IHeaderTabsContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Контейнер табов. */\nexport const HeaderTabsContent = React.forwardRef<HTMLDivElement, IHeaderTabsContentProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <div className={clsx(styles.headerTabsContent, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    },\n);\n\nHeaderTabsContent.displayName = \"HeaderTabsContent\";\n"],"names":[],"mappings":";;;;AAQO,MAAM,oBAAoB,MAAM;AAAA,EACnC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,mBAAmB,SAAS,GAAI,GAAG,MAAM,KAChE,SAAA,CACL;AAAA,EAER;AACJ;AAEA,kBAAkB,cAAc;"}
+{"version":3,"file":"HeaderTabsContent.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabsContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabsContent. */\nexport interface IHeaderTabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Табы. Обычно компонент Tabs. */\n    children?: React.ReactNode;\n}\n\n/** Контейнер табов. Занимает свободное место в строке HeaderTabs. */\nexport const HeaderTabsContent = React.forwardRef<HTMLDivElement, IHeaderTabsContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerTabsContent, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderTabsContent.displayName = \"HeaderTabsContent\";\n"],"names":[],"mappings":";;;;AAWO,MAAM,oBAAoB,MAAM;AAAA,EACnC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,mBAAmB,SAAS,GAAI,GAAG,MAAM,KAChE,SAAA,CACL;AAER;AAEA,kBAAkB,cAAc;"}

package/components/Header/components/HeaderTabs/HeaderTabsControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-BALXT9ep.js";
+import { c as clsx } from "../../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-B1BMjhpn.js";
 const HeaderTabsControls = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsControls, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderTabs/HeaderTabsControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTabsControls.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabsControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabsControls. */\nexport interface IHeaderTabsControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок с кнопками действий HeaderTabs. */\nexport const HeaderTabsControls = React.forwardRef<HTMLDivElement, IHeaderTabsControlsProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerTabsControls, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderTabsControls.displayName = \"HeaderTabsControls\";\n"],"names":[],"mappings":";;;;AAQO,MAAM,qBAAqB,MAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MAAM,KACjE,SAAA,CACL;AAER;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"HeaderTabsControls.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabsControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabsControls. */\nexport interface IHeaderTabsControlsProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Кнопки действий. */\n    children?: React.ReactNode;\n}\n\n/** Блок с кнопками действий HeaderTabs. Прижат вправо, не сжимается. */\nexport const HeaderTabsControls = React.forwardRef<HTMLDivElement, IHeaderTabsControlsProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerTabsControls, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderTabsControls.displayName = \"HeaderTabsControls\";\n"],"names":[],"mappings":";;;;AAWO,MAAM,qBAAqB,MAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MAAM,KACjE,SAAA,CACL;AAER;AAEA,mBAAmB,cAAc;"}

package/components/Header/components/HeaderTitle/HeaderTitle.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { HeaderTitleContent } from "./HeaderTitleContent.js";
 import { HeaderTitleControls } from "./HeaderTitleControls.js";
-import { c as clsx } from "../../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-C7VoW53g.js";
+import { c as clsx } from "../../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-CCZxAp55.js";
 const HeaderTitle = Object.assign(
   React.forwardRef(function HeaderTitle2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTitle, className), ...rest, ref, children });

package/components/Header/components/HeaderTitle/HeaderTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTitle.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTitleContent } from \"./HeaderTitleContent\";\nimport { HeaderTitleControls } from \"./HeaderTitleControls\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitle. */\nexport interface IHeaderTitleProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Первый уровень Header. Содержит заголовок, подзаголовок и кнопки действий. */\nexport const HeaderTitle = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderTitleProps>(function HeaderTitle({ children, className, ...rest }, ref) {\n        return (\n            <div className={clsx(styles.headerTitle, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderTitleContent,\n        Controls: HeaderTitleControls,\n    },\n);\n\nHeaderTitle.displayName = \"HeaderTitle\";\n"],"names":["HeaderTitle"],"mappings":";;;;;;AAUO,MAAM,cAAc,OAAO;AAAA,EAC9B,MAAM,WAA8C,SAASA,aAAY,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC5G,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,aAAa,SAAS,GAAI,GAAG,MAAM,KAC1D,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"HeaderTitle.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTitleContent } from \"./HeaderTitleContent\";\nimport { HeaderTitleControls } from \"./HeaderTitleControls\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitle. */\nexport interface IHeaderTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое уровня. Обычно составные HeaderTitle.Content и HeaderTitle.Controls. */\n    children?: React.ReactNode;\n}\n\n/**\n * Первый уровень Header. Содержит заголовок, подзаголовок и кнопки действий.\n * Раскладывает `HeaderTitle.Content` и `HeaderTitle.Controls` в строку,\n * на ширине экрана до 767px кнопки переносятся под контент.\n */\nexport const HeaderTitle = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderTitleProps>(function HeaderTitle({ children, className, ...rest }, ref) {\n        return (\n            <div className={clsx(styles.headerTitle, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderTitleContent,\n        Controls: HeaderTitleControls,\n    },\n);\n\nHeaderTitle.displayName = \"HeaderTitle\";\n"],"names":["HeaderTitle"],"mappings":";;;;;;AAiBO,MAAM,cAAc,OAAO;AAAA,EAC9B,MAAM,WAA8C,SAASA,aAAY,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC5G,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,aAAa,SAAS,GAAI,GAAG,MAAM,KAC1D,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,YAAY,cAAc;"}

package/components/Header/components/HeaderTitle/HeaderTitleContent.js

@@ -1,19 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-C7VoW53g.js";
+import { c as clsx } from "../../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-CCZxAp55.js";
 const HeaderTitleContent = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(className, styles.headerTitleContent, styles["global-HeaderTitleContent"]),
-        ...rest,
-        ref,
-        children
-      }
-    );
-  }
+  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(styles.headerTitleContent, styles["global-HeaderTitleContent"], className),
+      ...rest,
+      ref,
+      children
+    }
+  )
 );
 HeaderTitleContent.displayName = "HeaderTitleContent";
 export {

package/components/Header/components/HeaderTitle/HeaderTitleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTitleContent.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitleContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitleContent. */\nexport interface IHeaderTitleContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Часть HeaderTitle с заголовком и подзаголовком. */\nexport const HeaderTitleContent = React.forwardRef<HTMLDivElement, IHeaderTitleContentProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <div\n                className={clsx(className, styles.headerTitleContent, styles[\"global-HeaderTitleContent\"])}\n                {...rest}\n                ref={ref}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nHeaderTitleContent.displayName = \"HeaderTitleContent\";\n"],"names":[],"mappings":";;;;AAQO,MAAM,qBAAqB,MAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,WAAW,OAAO,oBAAoB,OAAO,2BAA2B,CAAC;AAAA,QACxF,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"HeaderTitleContent.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitleContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitleContent. */\nexport interface IHeaderTitleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Заголовок и подзаголовок. */\n    children?: React.ReactNode;\n}\n\n/** Часть HeaderTitle с заголовком и подзаголовком. Занимает свободное место в строке. */\nexport const HeaderTitleContent = React.forwardRef<HTMLDivElement, IHeaderTitleContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div\n            className={clsx(styles.headerTitleContent, styles[\"global-HeaderTitleContent\"], className)}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nHeaderTitleContent.displayName = \"HeaderTitleContent\";\n"],"names":[],"mappings":";;;;AAWO,MAAM,qBAAqB,MAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,oBAAoB,OAAO,2BAA2B,GAAG,SAAS;AAAA,MACxF,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,mBAAmB,cAAc;"}

package/components/Header/components/HeaderTitle/HeaderTitleControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-C7VoW53g.js";
+import { c as clsx } from "../../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-CCZxAp55.js";
 const HeaderTitleControls = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Header/components/HeaderTitle/HeaderTitleControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTitleControls.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitleControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitleControls. */\nexport interface IHeaderTitleControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок с кнопками действий HeaderTitle. */\nexport const HeaderTitleControls = React.forwardRef<HTMLDivElement, IHeaderTitleControlsProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div\n            className={clsx(styles.headerTitleControls, styles[\"global-HeaderTitleControls\"], className)}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nHeaderTitleControls.displayName = \"HeaderTitleControls\";\n"],"names":[],"mappings":";;;;AAQO,MAAM,sBAAsB,MAAM;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,qBAAqB,OAAO,4BAA4B,GAAG,SAAS;AAAA,MAC1F,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,oBAAoB,cAAc;"}
+{"version":3,"file":"HeaderTitleControls.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitleControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitleControls. */\nexport interface IHeaderTitleControlsProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Кнопки действий. */\n    children?: React.ReactNode;\n}\n\n/** Блок с кнопками действий HeaderTitle. Прижат вправо, не сжимается. */\nexport const HeaderTitleControls = React.forwardRef<HTMLDivElement, IHeaderTitleControlsProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div\n            className={clsx(styles.headerTitleControls, styles[\"global-HeaderTitleControls\"], className)}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nHeaderTitleControls.displayName = \"HeaderTitleControls\";\n"],"names":[],"mappings":";;;;AAWO,MAAM,sBAAsB,MAAM;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,qBAAqB,OAAO,4BAA4B,GAAG,SAAS;AAAA,MAC1F,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,oBAAoB,cAAc;"}

package/components/HelpBox/HelpBox.js

@@ -1,18 +1,22 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import React, { useRef, useState } from "react";
-import { u as uniqueId, c as clsx, F as FocusTrap } from "../../chunks/vendor-DqGxntec.js";
+import React, { useRef, useState, useCallback, useEffect } from "react";
+import { u as uniqueId, c as clsx, F as FocusTrap } from "../../chunks/vendor-BxhAzfnS.js";
 import { QuestioncircleFilledSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { EButtonIconShape } from "../Button/enums.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
-import { TooltipMobileHeader } from "../Tooltip/components/mobile/components/TooltipMobileHeader.js";
 import { MobileView } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes } from "../../utils/html/AriaAttributes.js";
-const helpBoxButton = "helpBoxButton__734f4122";
+const helpBoxButton = "helpBoxButton__d13beff4";
 const styles = {
   helpBoxButton
 };
+const DEFAULT_ICON_PALETTE_INDEX = 5;
+const TOOLTIP_ID_PREFIX = "HelpBox-";
+const needFocusTrap = (button) => {
+  return button === null || button === document.activeElement || !button.matches(":hover");
+};
 const HelpBox = React.forwardRef(
   ({
     children,
@@ -33,49 +37,34 @@ const HelpBox = React.forwardRef(
     const buttonRef = useRef(null);
     const [openState, setOpenState] = useState(Boolean(openProp));
     const [focusTrapNode, setFocusTrapNode] = useState(null);
-    const [tooltipId] = useState(uniqueId());
+    const [tooltipId] = useState(() => uniqueId(TOOLTIP_ID_PREFIX));
     const open = openProp ?? openState;
-    const setRef = (instance) => {
-      buttonRef.current = instance;
-      if (typeof ref === "function") {
-        ref(instance);
-      } else if (ref) {
-        ref.current = instance;
+    const setButtonRef = useCallback(
+      (instance) => {
+        buttonRef.current = instance;
+        if (typeof ref === "function") {
+          ref(instance);
+        } else if (ref) {
+          ref.current = instance;
+        }
+      },
+      [ref]
+    );
+    useEffect(() => {
+      if (!open) {
+        setFocusTrapNode(null);
       }
-    };
-    const handleTooltipToggle = (open2) => {
+    }, [open]);
+    const handleTooltipToggle = (nextOpen) => {
       if (openProp === void 0) {
-        setOpenState(open2);
+        setOpenState(nextOpen);
       }
-      if (!open2) {
-        setFocusTrapNode(null);
-      }
-      toggle == null ? void 0 : toggle(open2);
+      toggle == null ? void 0 : toggle(nextOpen);
     };
     const handleTooltipShow = (node) => {
-      setFocusTrapNode(node);
+      setFocusTrapNode(needFocusTrap(buttonRef.current) ? node : null);
       onShow == null ? void 0 : onShow(node);
     };
-    const renderFocusTrap = (node) => /* @__PURE__ */ jsx(
-      MobileView,
-      {
-        fallback: /* @__PURE__ */ jsx(
-          FocusTrap,
-          {
-            active: open,
-            ...focusTrapProps,
-            focusTrapOptions: {
-              clickOutsideDeactivates: true,
-              initialFocus: `[id='${tooltipId}']`,
-              preventScroll: true,
-              ...focusTrapProps == null ? void 0 : focusTrapProps.focusTrapOptions
-            },
-            containerElements: [node]
-          }
-        ),
-        children: null
-      }
-    );
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(
         Tooltip,
@@ -90,26 +79,45 @@ const HelpBox = React.forwardRef(
           toggle: handleTooltipToggle,
           onShow: handleTooltipShow,
           targetRef: buttonRef,
-          ...Boolean(tooltipAriaAttributes) && getAriaHTMLAttributes(tooltipAriaAttributes),
-          ...Boolean(tooltipDataAttributes) && getDataHTMLAttributes(tooltipDataAttributes),
+          ...tooltipAriaAttributes && getAriaHTMLAttributes(tooltipAriaAttributes),
+          ...tooltipDataAttributes && getDataHTMLAttributes(tooltipDataAttributes),
           children: [
             /* @__PURE__ */ jsx(Tooltip.Target, { children: /* @__PURE__ */ jsx(
               ButtonIcon,
               {
                 className: clsx(styles.helpBoxButton, className),
                 shape: EButtonIconShape.CIRCLE,
-                ref: setRef,
+                ref: setButtonRef,
                 ...targetHtmlAttrs,
-                children: /* @__PURE__ */ jsx(QuestioncircleFilledSrvIcon16, { paletteIndex: 5, ...iconProps })
+                children: /* @__PURE__ */ jsx(QuestioncircleFilledSrvIcon16, { paletteIndex: DEFAULT_ICON_PALETTE_INDEX, ...iconProps })
               }
             ) }),
-            mobileHeaderContent && /* @__PURE__ */ jsx(TooltipMobileHeader, { children: mobileHeaderContent }),
+            mobileHeaderContent && /* @__PURE__ */ jsx(Tooltip.MobileHeader, { children: mobileHeaderContent }),
             /* @__PURE__ */ jsx(Tooltip.Body, { children }),
             /* @__PURE__ */ jsx(Tooltip.XButton, { ...tooltipXButtonProps })
           ]
         }
       ),
-      open && focusTrapNode && renderFocusTrap(focusTrapNode)
+      open && focusTrapNode && /* @__PURE__ */ jsx(
+        MobileView,
+        {
+          fallback: /* @__PURE__ */ jsx(
+            FocusTrap,
+            {
+              active: open,
+              ...focusTrapProps,
+              focusTrapOptions: {
+                clickOutsideDeactivates: true,
+                initialFocus: `[id='${tooltipId}']`,
+                preventScroll: true,
+                ...focusTrapProps == null ? void 0 : focusTrapProps.focusTrapOptions
+              },
+              containerElements: [focusTrapNode]
+            }
+          ),
+          children: null
+        }
+      )
     ] });
   }
 );

package/components/HelpBox/HelpBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpBox.js","sources":["../../../src/components/HelpBox/HelpBox.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport FocusTrap from \"focus-trap-react\";\nimport { ISingleColorIconProps, QuestioncircleFilledSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { EButtonIconShape } from \"../Button/enums\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ITooltipProps, ITooltipXButtonProps } from \"../Tooltip/types\";\nimport { ETooltipSize } from \"../Tooltip/enums\";\nimport { TooltipMobileHeader } from \"../Tooltip/components/mobile/components/TooltipMobileHeader\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { getDataHTMLAttributes, TDataHTMLAttributes } from \"../../utils/html/DataAttributes\";\nimport { getAriaHTMLAttributes, TAriaHTMLAttributes } from \"../../utils/html/AriaAttributes\";\nimport styles from \"./styles/HelpBox.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента HelpBox. */\nexport interface IHelpBoxProps\n    extends\n        React.HTMLAttributes<HTMLButtonElement>,\n        Pick<ITooltipProps, \"isOpen\" | \"preferPlace\" | \"onShow\" | \"toggle\"> {\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrap.Props;\n    /** Aria-атрибуты Tooltip. */\n    tooltipAriaAttributes?: TAriaHTMLAttributes;\n    /** Data-атрибуты Tooltip. */\n    tooltipDataAttributes?: TDataHTMLAttributes;\n    /** Размер Tooltip. */\n    tooltipSize: ETooltipSize;\n    /** Контент заголовка TooltipMobile. */\n    mobileHeaderContent?: React.ReactNode;\n    /** Свойства иконки. */\n    iconProps?: ISingleColorIconProps;\n    /** Свойства кнопки закрытия Tooltip. */\n    tooltipXButtonProps?: ITooltipXButtonProps;\n}\n\n/** Иконка \"?\" со всплывающей подсказкой выбранного размера. */\nexport const HelpBox = React.forwardRef<HTMLButtonElement, IHelpBoxProps>(\n    (\n        {\n            children,\n            className,\n            focusTrapProps,\n            mobileHeaderContent,\n            isOpen: openProp,\n            onShow,\n            tooltipSize,\n            preferPlace,\n            toggle,\n            tooltipAriaAttributes,\n            tooltipDataAttributes,\n            iconProps,\n            tooltipXButtonProps,\n            ...targetHtmlAttrs\n        },\n        ref,\n    ) => {\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        const [openState, setOpenState] = useState(Boolean(openProp));\n        const [focusTrapNode, setFocusTrapNode] = useState<HTMLDivElement | null>(null);\n        const [tooltipId] = useState<string>(uniqueId());\n        const open = openProp ?? openState;\n\n        /** Функция для хранения ссылки. */\n        const setRef = (instance: HTMLButtonElement | null) => {\n            buttonRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                (ref as React.MutableRefObject<HTMLButtonElement | null>).current = instance;\n            }\n        };\n\n        /** Обработчик закрытия/открытия Tooltip. */\n        const handleTooltipToggle = (open: boolean) => {\n            if (openProp === undefined) {\n                setOpenState(open);\n            }\n\n            if (!open) {\n                setFocusTrapNode(null);\n            }\n\n            toggle?.(open);\n        };\n\n        /** Обработчик появления Tooltip. */\n        const handleTooltipShow = (node: HTMLDivElement) => {\n            setFocusTrapNode(node);\n            onShow?.(node);\n        };\n\n        /** Рендер ловушки фокуса. */\n        const renderFocusTrap = (node: HTMLDivElement) => (\n            <MobileView\n                fallback={\n                    <FocusTrap\n                        active={open}\n                        {...focusTrapProps}\n                        focusTrapOptions={{\n                            clickOutsideDeactivates: true,\n                            initialFocus: `[id='${tooltipId}']`,\n                            preventScroll: true,\n                            ...focusTrapProps?.focusTrapOptions,\n                        }}\n                        containerElements={[node]}\n                    />\n                }\n            >\n                {null}\n            </MobileView>\n        );\n\n        return (\n            <>\n                <Tooltip\n                    id={tooltipId}\n                    tabIndex={-1}\n                    role=\"dialog\"\n                    toggleType=\"hover\"\n                    size={tooltipSize}\n                    preferPlace={preferPlace}\n                    isOpen={open}\n                    toggle={handleTooltipToggle}\n                    onShow={handleTooltipShow}\n                    targetRef={buttonRef}\n                    {...(Boolean(tooltipAriaAttributes) && getAriaHTMLAttributes(tooltipAriaAttributes!))}\n                    {...(Boolean(tooltipDataAttributes) && getDataHTMLAttributes(tooltipDataAttributes!))}\n                >\n                    <Tooltip.Target>\n                        <ButtonIcon\n                            className={clsx(styles.helpBoxButton, className)}\n                            shape={EButtonIconShape.CIRCLE}\n                            ref={setRef}\n                            {...targetHtmlAttrs}\n                        >\n                            <QuestioncircleFilledSrvIcon16 paletteIndex={5} {...iconProps} />\n                        </ButtonIcon>\n                    </Tooltip.Target>\n                    {mobileHeaderContent && <TooltipMobileHeader>{mobileHeaderContent}</TooltipMobileHeader>}\n                    <Tooltip.Body>{children}</Tooltip.Body>\n                    <Tooltip.XButton {...tooltipXButtonProps} />\n                </Tooltip>\n                {open && focusTrapNode && renderFocusTrap(focusTrapNode)}\n            </>\n        );\n    },\n);\n\nHelpBox.displayName = \"HelpBox\";\n"],"names":["open"],"mappings":";;;;;;;;;;;;;;;AAsCO,MAAM,UAAU,MAAM;AAAA,EACzB,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,YAAY,OAAiC,IAAI;AACvD,UAAM,CAAC,WAAW,YAAY,IAAI,SAAS,QAAQ,QAAQ,CAAC;AAC5D,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgC,IAAI;AAC9E,UAAM,CAAC,SAAS,IAAI,SAAiB,UAAU;AAC/C,UAAM,OAAO,YAAY;AAGzB,UAAM,SAAS,CAAC,aAAuC;AACnD,gBAAU,UAAU;AACpB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACX,YAAyD,UAAU;AAAA,MACxE;AAAA,IACJ;AAGA,UAAM,sBAAsB,CAACA,UAAkB;AAC3C,UAAI,aAAa,QAAW;AACxB,qBAAaA,KAAI;AAAA,MACrB;AAEA,UAAI,CAACA,OAAM;AACP,yBAAiB,IAAI;AAAA,MACzB;AAEA,uCAASA;AAAAA,IACb;AAGA,UAAM,oBAAoB,CAAC,SAAyB;AAChD,uBAAiB,IAAI;AACrB,uCAAS;AAAA,IACb;AAGA,UAAM,kBAAkB,CAAC,SACrB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,QAAQ;AAAA,YACP,GAAG;AAAA,YACJ,kBAAkB;AAAA,cACd,yBAAyB;AAAA,cACzB,cAAc,QAAQ,SAAS;AAAA,cAC/B,eAAe;AAAA,cACf,GAAG,iDAAgB;AAAA,YAAA;AAAA,YAEvB,mBAAmB,CAAC,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAI/B,UAAA;AAAA,MAAA;AAAA,IAAA;AAIT,WACI,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,MAAK;AAAA,UACL,YAAW;AAAA,UACX,MAAM;AAAA,UACN;AAAA,UACA,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,WAAW;AAAA,UACV,GAAI,QAAQ,qBAAqB,KAAK,sBAAsB,qBAAsB;AAAA,UAClF,GAAI,QAAQ,qBAAqB,KAAK,sBAAsB,qBAAsB;AAAA,UAEnF,UAAA;AAAA,YAAA,oBAAC,QAAQ,QAAR,EACG,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,gBAC/C,OAAO,iBAAiB;AAAA,gBACxB,KAAK;AAAA,gBACJ,GAAG;AAAA,gBAEJ,UAAA,oBAAC,+BAAA,EAA8B,cAAc,GAAI,GAAG,UAAA,CAAW;AAAA,cAAA;AAAA,YAAA,GAEvE;AAAA,YACC,uBAAuB,oBAAC,qBAAA,EAAqB,UAAA,oBAAA,CAAoB;AAAA,YAClE,oBAAC,QAAQ,MAAR,EAAc,SAAA,CAAS;AAAA,YACxB,oBAAC,QAAQ,SAAR,EAAiB,GAAG,oBAAA,CAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAE7C,QAAQ,iBAAiB,gBAAgB,aAAa;AAAA,IAAA,GAC3D;AAAA,EAER;AACJ;AAEA,QAAQ,cAAc;"}
+{"version":3,"file":"HelpBox.js","sources":["../../../src/components/HelpBox/HelpBox.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport FocusTrap from \"focus-trap-react\";\nimport { ISingleColorIconProps, QuestioncircleFilledSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { EButtonIconShape } from \"../Button/enums\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ITooltipProps, ITooltipXButtonProps } from \"../Tooltip/types\";\nimport { ETooltipSize } from \"../Tooltip/enums\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { getDataHTMLAttributes, TDataHTMLAttributes } from \"../../utils/html/DataAttributes\";\nimport { getAriaHTMLAttributes, TAriaHTMLAttributes } from \"../../utils/html/AriaAttributes\";\nimport styles from \"./styles/HelpBox.module.less\";\n\n/** Индекс палитры иконки \"?\" по умолчанию. Переопределяется через iconProps. */\nconst DEFAULT_ICON_PALETTE_INDEX = 5;\n/** Префикс идентификатора Tooltip. */\nconst TOOLTIP_ID_PREFIX = \"HelpBox-\";\n\n/**\n * Открытая мышью подсказка фокус не забирает, поэтому ловушка нужна, только если кнопка-триггер\n * держит фокус (клавиатура) либо курсора над ней нет (программное открытие через isOpen).\n */\nconst needFocusTrap = (button: HTMLButtonElement | null): boolean => {\n    return button === null || button === document.activeElement || !button.matches(\":hover\");\n};\n\n/** Свойства компонента HelpBox. */\nexport interface IHelpBoxProps\n    extends\n        React.HTMLAttributes<HTMLButtonElement>,\n        Pick<ITooltipProps, \"isOpen\" | \"preferPlace\" | \"onShow\" | \"toggle\"> {\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrap.Props;\n    /** Aria-атрибуты Tooltip. */\n    tooltipAriaAttributes?: TAriaHTMLAttributes;\n    /** Data-атрибуты Tooltip. */\n    tooltipDataAttributes?: TDataHTMLAttributes;\n    /** Размер Tooltip. */\n    tooltipSize: ETooltipSize;\n    /** Контент заголовка TooltipMobile. Отображается только в мобильной версии. */\n    mobileHeaderContent?: React.ReactNode;\n    /** Свойства иконки. По умолчанию paletteIndex равен 5. */\n    iconProps?: ISingleColorIconProps;\n    /** Свойства кнопки закрытия Tooltip. */\n    tooltipXButtonProps?: ITooltipXButtonProps;\n}\n\n/** Иконка \"?\" со всплывающей подсказкой выбранного размера. */\nexport const HelpBox = React.forwardRef<HTMLButtonElement, IHelpBoxProps>(\n    (\n        {\n            children,\n            className,\n            focusTrapProps,\n            mobileHeaderContent,\n            isOpen: openProp,\n            onShow,\n            tooltipSize,\n            preferPlace,\n            toggle,\n            tooltipAriaAttributes,\n            tooltipDataAttributes,\n            iconProps,\n            tooltipXButtonProps,\n            ...targetHtmlAttrs\n        },\n        ref,\n    ) => {\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        // Внутреннее состояние открытия используется, только когда isOpen не передан (uncontrolled-режим).\n        const [openState, setOpenState] = useState(Boolean(openProp));\n        // Нода открытого Tooltip, в которую монтируется ловушка фокуса. Приходит из onShow.\n        const [focusTrapNode, setFocusTrapNode] = useState<HTMLDivElement | null>(null);\n        const [tooltipId] = useState(() => uniqueId(TOOLTIP_ID_PREFIX));\n        const open = openProp ?? openState;\n\n        /** Установка ссылки на кнопку-триггер: во внутренний ref (для позиционирования) и во внешний forwarded ref. */\n        const setButtonRef = useCallback(\n            (instance: HTMLButtonElement | null) => {\n                buttonRef.current = instance;\n\n                if (typeof ref === \"function\") {\n                    ref(instance);\n                } else if (ref) {\n                    ref.current = instance;\n                }\n            },\n            [ref],\n        );\n\n        useEffect(() => {\n            if (!open) {\n                setFocusTrapNode(null);\n            }\n        }, [open]);\n\n        /** Обработчик закрытия/открытия Tooltip. */\n        const handleTooltipToggle = (nextOpen: boolean) => {\n            if (openProp === undefined) {\n                setOpenState(nextOpen);\n            }\n\n            toggle?.(nextOpen);\n        };\n\n        /** Обработчик появления Tooltip. Сохраняет его ноду, если подсказке нужна ловушка фокуса. */\n        const handleTooltipShow = (node: HTMLDivElement) => {\n            setFocusTrapNode(needFocusTrap(buttonRef.current) ? node : null);\n            onShow?.(node);\n        };\n\n        return (\n            <>\n                <Tooltip\n                    id={tooltipId}\n                    tabIndex={-1}\n                    role=\"dialog\"\n                    toggleType=\"hover\"\n                    size={tooltipSize}\n                    preferPlace={preferPlace}\n                    isOpen={open}\n                    toggle={handleTooltipToggle}\n                    onShow={handleTooltipShow}\n                    targetRef={buttonRef}\n                    {...(tooltipAriaAttributes && getAriaHTMLAttributes(tooltipAriaAttributes))}\n                    {...(tooltipDataAttributes && getDataHTMLAttributes(tooltipDataAttributes))}\n                >\n                    <Tooltip.Target>\n                        <ButtonIcon\n                            className={clsx(styles.helpBoxButton, className)}\n                            shape={EButtonIconShape.CIRCLE}\n                            ref={setButtonRef}\n                            {...targetHtmlAttrs}\n                        >\n                            <QuestioncircleFilledSrvIcon16 paletteIndex={DEFAULT_ICON_PALETTE_INDEX} {...iconProps} />\n                        </ButtonIcon>\n                    </Tooltip.Target>\n                    {mobileHeaderContent && <Tooltip.MobileHeader>{mobileHeaderContent}</Tooltip.MobileHeader>}\n                    <Tooltip.Body>{children}</Tooltip.Body>\n                    <Tooltip.XButton {...tooltipXButtonProps} />\n                </Tooltip>\n                {/* Ловушка фокуса нужна только на desktop, только когда Tooltip уже появился в DOM и только если подсказку открыли не наведением мыши. */}\n                {open && focusTrapNode && (\n                    <MobileView\n                        fallback={\n                            <FocusTrap\n                                active={open}\n                                {...focusTrapProps}\n                                focusTrapOptions={{\n                                    clickOutsideDeactivates: true,\n                                    initialFocus: `[id='${tooltipId}']`,\n                                    preventScroll: true,\n                                    ...focusTrapProps?.focusTrapOptions,\n                                }}\n                                containerElements={[focusTrapNode]}\n                            />\n                        }\n                    >\n                        {null}\n                    </MobileView>\n                )}\n            </>\n        );\n    },\n);\n\nHelpBox.displayName = \"HelpBox\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,6BAA6B;AAEnC,MAAM,oBAAoB;AAM1B,MAAM,gBAAgB,CAAC,WAA8C;AACjE,SAAO,WAAW,QAAQ,WAAW,SAAS,iBAAiB,CAAC,OAAO,QAAQ,QAAQ;AAC3F;AAwBO,MAAM,UAAU,MAAM;AAAA,EACzB,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,YAAY,OAAiC,IAAI;AAEvD,UAAM,CAAC,WAAW,YAAY,IAAI,SAAS,QAAQ,QAAQ,CAAC;AAE5D,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgC,IAAI;AAC9E,UAAM,CAAC,SAAS,IAAI,SAAS,MAAM,SAAS,iBAAiB,CAAC;AAC9D,UAAM,OAAO,YAAY;AAGzB,UAAM,eAAe;AAAA,MACjB,CAAC,aAAuC;AACpC,kBAAU,UAAU;AAEpB,YAAI,OAAO,QAAQ,YAAY;AAC3B,cAAI,QAAQ;AAAA,QAChB,WAAW,KAAK;AACZ,cAAI,UAAU;AAAA,QAClB;AAAA,MACJ;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAGR,cAAU,MAAM;AACZ,UAAI,CAAC,MAAM;AACP,yBAAiB,IAAI;AAAA,MACzB;AAAA,IACJ,GAAG,CAAC,IAAI,CAAC;AAGT,UAAM,sBAAsB,CAAC,aAAsB;AAC/C,UAAI,aAAa,QAAW;AACxB,qBAAa,QAAQ;AAAA,MACzB;AAEA,uCAAS;AAAA,IACb;AAGA,UAAM,oBAAoB,CAAC,SAAyB;AAChD,uBAAiB,cAAc,UAAU,OAAO,IAAI,OAAO,IAAI;AAC/D,uCAAS;AAAA,IACb;AAEA,WACI,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,MAAK;AAAA,UACL,YAAW;AAAA,UACX,MAAM;AAAA,UACN;AAAA,UACA,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,WAAW;AAAA,UACV,GAAI,yBAAyB,sBAAsB,qBAAqB;AAAA,UACxE,GAAI,yBAAyB,sBAAsB,qBAAqB;AAAA,UAEzE,UAAA;AAAA,YAAA,oBAAC,QAAQ,QAAR,EACG,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,gBAC/C,OAAO,iBAAiB;AAAA,gBACxB,KAAK;AAAA,gBACJ,GAAG;AAAA,gBAEJ,UAAA,oBAAC,+BAAA,EAA8B,cAAc,4BAA6B,GAAG,UAAA,CAAW;AAAA,cAAA;AAAA,YAAA,GAEhG;AAAA,YACC,uBAAuB,oBAAC,QAAQ,cAAR,EAAsB,UAAA,qBAAoB;AAAA,YACnE,oBAAC,QAAQ,MAAR,EAAc,SAAA,CAAS;AAAA,YACxB,oBAAC,QAAQ,SAAR,EAAiB,GAAG,oBAAA,CAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7C,QAAQ,iBACL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,QAAQ;AAAA,cACP,GAAG;AAAA,cACJ,kBAAkB;AAAA,gBACd,yBAAyB;AAAA,gBACzB,cAAc,QAAQ,SAAS;AAAA,gBAC/B,eAAe;AAAA,gBACf,GAAG,iDAAgB;AAAA,cAAA;AAAA,cAEvB,mBAAmB,CAAC,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,UAIxC,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,GAER;AAAA,EAER;AACJ;AAEA,QAAQ,cAAc;"}