@sberbusiness/triplex-next 1.1.1 → 1.3.0

package/components/FormField/components/FormFieldCounter.js

@@ -1,16 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useContext as i, useEffect as m } from "react";
 import { FormFieldDescriptionContext as n } from "../FormFieldDescriptionContext.js";
-const s = "formFieldCounter__5af135db", u = {
+const s = "formFieldCounter__7ce56eb6", u = {
   formFieldCounter: s
-}, d = ({ children: o, ...e }) => {
+}, l = ({ children: e, ...o }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
-  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
+  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...o, children: e });
 };
-d.displayName = "FormFieldCounter";
+l.displayName = "FormFieldCounter";
 export {
-  d as FormFieldCounter
+  l as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -1,16 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { c } from "../../../chunks/vendor-D-uL_icH.js";
+import { c } from "../../../chunks/vendor-CehxOAkM.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__60eb24ea", d = "withCounter__4d5e77dc", t = {
+const l = "formFieldDescription__ecd88c15", p = "withCounter__b4552fba", i = {
   formFieldDescription: l,
-  withCounter: d
-}, p = ({ children: i, ...r }) => {
-  const [e, s] = n(!1);
-  return /* @__PURE__ */ o(m.Provider, { value: { withCounter: e, setWithCounter: s }, children: /* @__PURE__ */ o("div", { className: c(t.formFieldDescription, { [t.withCounter]: e }), ...r, children: i }) });
+  withCounter: p
+}, d = ({ children: e, ...r }) => {
+  const [o, s] = n(!1);
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
 };
-p.displayName = "FormFieldDescription";
+d.displayName = "FormFieldDescription";
 export {
-  p as FormFieldDescription
+  d as FormFieldDescription
 };
 //# sourceMappingURL=FormFieldDescription.js.map

package/components/FormField/components/FormFieldInput.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../FormFieldContext.js";
-import "../../../chunks/vendor-D-uL_icH.js";
-import { F as e } from "../../../chunks/FormFieldInput-rV5ZVe9k.js";
+import "../../../chunks/vendor-CehxOAkM.js";
+import { F as e } from "../../../chunks/FormFieldInput-qaJqBTBV.js";
 import "../enums.js";
 export {
   e as FormFieldInput

package/components/FormField/components/FormFieldLabel.js

@@ -1,19 +1,19 @@
 import { jsx as d } from "react/jsx-runtime";
 import p, { useContext as T, useState as g, useEffect as E } from "react";
 import { FormFieldContext as h } from "../FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as f } from "../consts.js";
-import { k as D, c as N } from "../../../chunks/vendor-D-uL_icH.js";
+import { TARGET_PADDING_X_DEFAULT as m } from "../consts.js";
+import { k as D, c as N } from "../../../chunks/vendor-CehxOAkM.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__c51d74b4", R = "floating__e5ce83ad", S = "formFieldLabelText__9c2879e5", C = "disabled__ca621c01", s = {
+const A = "formFieldLabel__36b5d883", R = "floating__151d1c42", S = "formFieldLabelText__dc9c6c94", C = "disabled__6740a811", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__7fca3bb8",
-  "size-md": "size-md__fdf39150",
-  "size-lg": "size-lg__fed542e3",
+  "size-sm": "size-sm__9630bcf7",
+  "size-md": "size-md__8548c27f",
+  "size-lg": "size-lg__1b21a350",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ children: m, className: r, style: c, floating: e, ...n }, b) => {
+  ({ children: f, className: r, style: c, floating: e, ...n }, b) => {
     const { status: F, focused: t, id: _, prefixWidth: L, postfixWidth: x, size: i, valueExist: a } = T(h), [l, o] = g(!1);
     E(() => {
       !D(e) && e !== l ? o(e) : e !== l && o(t || a);
@@ -28,12 +28,12 @@ const A = "formFieldLabel__c51d74b4", R = "floating__e5ce83ad", S = "formFieldLa
       r
     ), z = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: L || f,
+      left: L || m,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: x || f,
+      right: x || m,
       ...c
     };
-    return /* @__PURE__ */ d("label", { className: u, ref: b, htmlFor: _, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: m }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: b, htmlFor: _, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
   }
 );
 G.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,15 +1,15 @@
 import { jsxs as N, jsx as m } from "react/jsx-runtime";
 import { useState as O, useRef as A, useContext as B, useEffect as D, useCallback as U } from "react";
-import { c as F, l as q, m as p } from "../../../chunks/vendor-D-uL_icH.js";
+import { c as F, m as q, n as p } from "../../../chunks/vendor-CehxOAkM.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-rV5ZVe9k.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-qaJqBTBV.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
-const L = "formFieldMaskedInputWrapper__ca6ee10c", Q = "formFieldMaskedInputPlaceholder__205ee3db", X = "formFieldMaskedInput__ced19259", l = {
+const L = "formFieldMaskedInputWrapper__48d2ab9a", Q = "formFieldMaskedInputPlaceholder__b4bb4c5e", X = "formFieldMaskedInput__a59ccd01", l = {
   formFieldMaskedInputWrapper: L,
   formFieldMaskedInputPlaceholder: Q,
-  "size-sm": "size-sm__7fca3bb8",
-  "size-md": "size-md__fdf39150",
-  "size-lg": "size-lg__fed542e3",
+  "size-sm": "size-sm__9630bcf7",
+  "size-md": "size-md__8548c27f",
+  "size-lg": "size-lg__1b21a350",
   formFieldMaskedInput: X
 }, c = ({
   className: I,
@@ -23,7 +23,7 @@ const L = "formFieldMaskedInputWrapper__ca6ee10c", Q = "formFieldMaskedInputPlac
   value: s,
   ..._
 }) => {
-  const [V, x] = O(""), a = A(!1), { valueExist: y, focused: z, size: k } = B(K);
+  const [V, x] = O(""), a = A(!1), { valueExist: y, focused: z, size: b } = B(K);
   D(() => {
     x((() => {
       let t = [];
@@ -40,13 +40,13 @@ const L = "formFieldMaskedInputWrapper__ca6ee10c", Q = "formFieldMaskedInputPlac
       return t.join("");
     })());
   }, [s, o, i, u]);
-  const T = U(
+  const k = U(
     (e) => {
       const { value: t } = e.target;
       a.current = !1, s !== t && (d == null || d(e));
     },
     [s, d]
-  ), b = () => {
+  ), T = () => {
     a.current = !0;
   }, E = (e, t) => o === c.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === c.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
     let t = [];
@@ -61,7 +61,7 @@ const L = "formFieldMaskedInputWrapper__ca6ee10c", Q = "formFieldMaskedInputPlac
   }, W = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: i }).conformedValue, j = (e) => (t) => {
     t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
   }, S = () => !y && !z || !s && M ? "" : V;
-  return /* @__PURE__ */ N("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
+  return /* @__PURE__ */ N("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${b}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
@@ -87,8 +87,8 @@ const L = "formFieldMaskedInputWrapper__ca6ee10c", Q = "formFieldMaskedInputPlac
         guide: !1,
         render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: M || "", ref: j(e) }),
         mask: o,
-        onChange: T,
-        onPaste: b,
+        onChange: k,
+        onPaste: T,
         placeholderChar: i,
         value: W(),
         pipe: E,

package/components/FormField/components/FormFieldPostfix.js

@@ -1,12 +1,12 @@
 import { jsx as d } from "react/jsx-runtime";
 import l, { useContext as x, useRef as u, useEffect as a } from "react";
 import { FormFieldContext as F } from "../FormFieldContext.js";
-import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
-const P = "formFieldPostfix__ba8f395d", R = {
+import { c as p } from "../../../chunks/vendor-CehxOAkM.js";
+const P = "formFieldPostfix__e971da17", R = {
   formFieldPostfix: P
 }, _ = l.forwardRef(
-  ({ children: s, className: f, ...i }, o) => {
-    const r = p(R.formFieldPostfix, f), { postfixWidth: n, setPostfixWidth: c } = x(F), e = u(), m = (t) => {
+  ({ children: s, className: i, ...r }, o) => {
+    const f = p(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(F), e = u(), m = (t) => {
       e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
     };
     return a(() => {
@@ -14,7 +14,7 @@ const P = "formFieldPostfix__ba8f395d", R = {
         return;
       const { width: t } = e.current.getBoundingClientRect();
       t !== n && c(t);
-    }), /* @__PURE__ */ d("span", { className: r, ref: m, ...i, children: s });
+    }), /* @__PURE__ */ d("span", { className: f, ref: m, ...r, children: s });
   }
 );
 _.displayName = "FormFieldPostfix";

package/components/FormField/components/FormFieldPrefix.js

@@ -1,8 +1,8 @@
 import { jsx as l } from "react/jsx-runtime";
 import d, { useContext as x, useRef as u, useEffect as a } from "react";
 import { FormFieldContext as F } from "../FormFieldContext.js";
-import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
-const P = "formFieldPrefix__0b8a04a7", R = {
+import { c as p } from "../../../chunks/vendor-CehxOAkM.js";
+const P = "formFieldPrefix__2954ab80", R = {
   formFieldPrefix: P
 }, _ = d.forwardRef(
   ({ children: o, className: i, ...f }, r) => {

package/components/FormField/components/FormFieldTarget.js

@@ -1,24 +1,24 @@
 import { jsx as I } from "react/jsx-runtime";
 import x, { useContext as E, useRef as T, useEffect as m } from "react";
 import { FormFieldContext as B } from "../FormFieldContext.js";
-import { c as S, f as A } from "../../../chunks/vendor-D-uL_icH.js";
-import { EFormFieldStatus as a } from "../enums.js";
-const L = "formFieldTarget__626119bb", N = "placeholder__645948c6", R = "disabled__ca621c01", o = {
+import { c as S, a as A } from "../../../chunks/vendor-CehxOAkM.js";
+import { EFormFieldStatus as o } from "../enums.js";
+const L = "formFieldTarget__9c0f7f73", N = "placeholder__9c805a4f", R = "disabled__6740a811", d = {
   formFieldTarget: L,
   placeholder: N,
   disabled: R,
-  "size-sm": "size-sm__7fca3bb8",
-  "size-md": "size-md__fdf39150",
-  "size-lg": "size-lg__fed542e3"
+  "size-sm": "size-sm__9630bcf7",
+  "size-md": "size-md__8548c27f",
+  "size-lg": "size-lg__1b21a350"
 }, y = x.forwardRef((F, _) => {
-  const { className: p, id: e, onBlur: l, onFocus: i, placeholder: n, children: s, ...b } = F, { status: r, setFocused: f, setId: t, setValueExist: u, size: g } = E(B), h = S(o.formFieldTarget, p, o[`size-${g}`], {
-    [o.disabled]: r === a.DISABLED,
-    [o.placeholder]: !!n && !s && r !== a.DISABLED
-  }), d = T(e || A("formFieldTarget_"));
+  const { className: p, id: e, onBlur: l, onFocus: i, placeholder: n, children: s, ...g } = F, { status: r, setFocused: f, setId: t, setValueExist: u, size: h } = E(B), b = S(d.formFieldTarget, p, d[`size-${h}`], {
+    [d.disabled]: r === o.DISABLED,
+    [d.placeholder]: !!n && !s && r !== o.DISABLED
+  }), a = T(e || A("formFieldTarget_"));
   m(() => {
-    t(d.current);
+    t(a.current);
   }, [t]), m(() => {
-    e && (d.current = e, t(d.current));
+    e && (a.current = e, t(a.current));
   }, [e, t]), m(() => {
     u(!!s);
   }, [u, s]);
@@ -30,13 +30,13 @@ const L = "formFieldTarget__626119bb", N = "placeholder__645948c6", R = "disable
   return /* @__PURE__ */ I(
     "div",
     {
-      ...b,
-      className: h,
-      "aria-disabled": r === a.DISABLED,
-      id: d.current,
+      ...g,
+      className: b,
+      "aria-disabled": r === o.DISABLED,
+      id: a.current,
       onFocus: D,
       onBlur: z,
-      tabIndex: r === a.DISABLED ? -1 : 0,
+      tabIndex: r === o.DISABLED ? -1 : 0,
       ref: _,
       children: s || n
     }

package/components/FormField/components/FormFieldTextarea.js

@@ -1,13 +1,13 @@
 import { jsx as I } from "react/jsx-runtime";
 import _, { useContext as h, useRef as N, useEffect as c } from "react";
 import { FormFieldContext as R } from "../FormFieldContext.js";
-import { f as b, c as y } from "../../../chunks/vendor-D-uL_icH.js";
-import { EFormFieldStatus as C } from "../enums.js";
-const D = "formFieldTextarea__5f79b298", S = {
-  formFieldTextarea: D
+import { a as y, c as C } from "../../../chunks/vendor-CehxOAkM.js";
+import { EFormFieldStatus as D } from "../enums.js";
+const S = "formFieldTextarea__4f39e5a8", b = {
+  formFieldTextarea: S
 }, j = _.forwardRef(
   ({ className: i, id: e, onBlur: a, onFocus: s, placeholder: l, value: o, ...n }, x) => {
-    const { status: u, focused: F, setFocused: d, setId: t, setValueExist: f } = h(R), r = N(e || b()), p = y(S.formFieldTextarea, i);
+    const { status: u, focused: F, setFocused: d, setId: t, setValueExist: f } = h(R), r = N(e || y()), p = C(b.formFieldTextarea, i);
     c(() => {
       t(r.current);
     }, [t]), c(() => {
@@ -26,7 +26,7 @@ const D = "formFieldTextarea__5f79b298", S = {
         ...n,
         id: r.current,
         className: p,
-        disabled: u === C.DISABLED,
+        disabled: u === D.DISABLED,
         onFocus: E,
         onBlur: T,
         placeholder: F ? l : void 0,

package/components/FormField/index.js

@@ -4,7 +4,7 @@ import { FormFieldCounter as i } from "./components/FormFieldCounter.js";
 import { FormFieldLabel as p } from "./components/FormFieldLabel.js";
 import { FormFieldClear as d } from "./components/FormFieldClear.js";
 import { FormFieldTarget as a } from "./components/FormFieldTarget.js";
-import { F as n } from "../../chunks/FormFieldInput-rV5ZVe9k.js";
+import { F as n } from "../../chunks/FormFieldInput-qaJqBTBV.js";
 import { FormFieldMaskedInput as C } from "./components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as I } from "./components/FormFieldPostfix.js";
 import { FormFieldPrefix as S } from "./components/FormFieldPrefix.js";

package/components/Header/Header.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import d from "react";
-import { c as m } from "../../chunks/vendor-D-uL_icH.js";
+import { c as m } from "../../chunks/vendor-CehxOAkM.js";
 import { HeaderTabs as s } from "./components/HeaderTabs/HeaderTabs.js";
-import { HeaderTitle as c } from "./components/HeaderTitle/HeaderTitle.js";
-import { HeaderSubheader as p } from "./components/HeaderSubheader/HeaderSubheader.js";
+import { HeaderTitle as p } from "./components/HeaderTitle/HeaderTitle.js";
+import { HeaderSubheader as c } from "./components/HeaderSubheader/HeaderSubheader.js";
 import { HeaderLayoutSidebar as f } from "./components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
 import "./components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js";
 import "./components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js";
@@ -11,30 +11,30 @@ import "./components/HeaderTabs/HeaderTabsContent.js";
 import "./components/HeaderTabs/HeaderTabsControls.js";
 import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
-const n = "header__293f2a64", l = "sticky__c3dad5c5", e = {
-  header: n,
-  sticky: l
-}, y = Object.assign(
+const b = "header__37be86b5", n = "sticky__df5d66de", e = {
+  header: b,
+  sticky: n
+}, l = Object.assign(
   d.forwardRef(function({ className: r, sticky: t, ...a }, o) {
     return /* @__PURE__ */ i(
       "div",
       {
         className: m(e.header, { [e.sticky]: !!t }, r),
         ...a,
-        "data-tx": "1.1.1",
+        "data-tx": "1.3.0",
         ref: o
       }
     );
   }),
   {
     LayoutSidebar: f,
-    Subhead: p,
+    Subhead: c,
     Tabs: s,
-    Title: c
+    Title: p
   }
 );
-y.displayName = "Header";
+l.displayName = "Header";
 export {
-  y as Header
+  l as Header
 };
 //# sourceMappingURL=Header.js.map

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

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import d from "react";
-import { c as i } from "../../../../chunks/vendor-D-uL_icH.js";
+import { c as i } from "../../../../chunks/vendor-CehxOAkM.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-CEqBuRNu.js";
+import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-BP0DyJae.js";
 const b = Object.assign(
   d.forwardRef(function({ children: e, className: r, ...a }, o) {
     return /* @__PURE__ */ t("div", { className: i(f.headerLayoutSidebar, r), ...a, ref: o, children: e });

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import s from "react";
-import { c as d } from "../../../../chunks/vendor-D-uL_icH.js";
-import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-CEqBuRNu.js";
+import { c as d } from "../../../../chunks/vendor-CehxOAkM.js";
+import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-BP0DyJae.js";
 const i = s.forwardRef(
   ({ children: e, className: a, ...t }, o) => /* @__PURE__ */ r("div", { className: d(m.headerLayoutSidebarContent, a), ...t, ref: o, children: e })
 );

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

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import i from "react";
-import { c as t } from "../../../../chunks/vendor-D-uL_icH.js";
-import { s } from "../../../../chunks/HeaderLayoutSidebar.module-CEqBuRNu.js";
+import { c as t } from "../../../../chunks/vendor-CehxOAkM.js";
+import { s } from "../../../../chunks/HeaderLayoutSidebar.module-BP0DyJae.js";
 const m = i.forwardRef(
   ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: t(s.headerLayoutSidebarSidebar, r), ...e, ref: o, children: a })
 );

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

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import h from "react";
-import { c as i } from "../../../../chunks/vendor-D-uL_icH.js";
-const u = "headerSubheader__a90e6eb1", n = "withoutPaddings__7140d3b9", e = {
+import { c as i } from "../../../../chunks/vendor-CehxOAkM.js";
+const u = "headerSubheader__a1efa4de", n = "withoutPaddings__879b0d85", e = {
   headerSubheader: u,
   withoutPaddings: n
-}, b = h.forwardRef(
+}, c = h.forwardRef(
   ({ children: a, className: d, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
     "div",
     {
@@ -15,8 +15,8 @@ const u = "headerSubheader__a90e6eb1", n = "withoutPaddings__7140d3b9", e = {
     }
   )
 );
-b.displayName = "HeaderSubheader";
+c.displayName = "HeaderSubheader";
 export {
-  b as HeaderSubheader
+  c as HeaderSubheader
 };
 //# sourceMappingURL=HeaderSubheader.js.map

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

@@ -2,8 +2,8 @@ import { jsx as s } from "react/jsx-runtime";
 import t from "react";
 import { HeaderTabsContent as m } from "./HeaderTabsContent.js";
 import { HeaderTabsControls as n } from "./HeaderTabsControls.js";
-import { c as d } from "../../../../chunks/vendor-D-uL_icH.js";
-import { s as f } from "../../../../chunks/HeaderTabs.module-BEaVu2Hx.js";
+import { c as d } from "../../../../chunks/vendor-CehxOAkM.js";
+import { s as f } from "../../../../chunks/HeaderTabs.module-CXcyvbb5.js";
 const i = Object.assign(
   t.forwardRef(function({ children: r, className: e, ...a }, o) {
     return /* @__PURE__ */ s("div", { className: d(f.headerTabs, e), ...a, ref: o, children: r });

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
-import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-BEaVu2Hx.js";
+import { c as m } from "../../../../chunks/vendor-CehxOAkM.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-CXcyvbb5.js";
 const d = s.forwardRef(
   ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ o("div", { className: m(n.headerTabsContent, r), ...t, ref: a, children: e })
 );

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
-import { s as l } from "../../../../chunks/HeaderTabs.module-BEaVu2Hx.js";
+import { c as m } from "../../../../chunks/vendor-CehxOAkM.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-CXcyvbb5.js";
 const d = t.forwardRef(
   ({ children: o, className: r, ...s }, a) => /* @__PURE__ */ e("div", { className: m(l.headerTabsControls, r), ...s, ref: a, children: o })
 );

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

@@ -2,8 +2,8 @@ import { jsx as a } from "react/jsx-runtime";
 import i from "react";
 import { HeaderTitleContent as s } from "./HeaderTitleContent.js";
 import { HeaderTitleControls as m } from "./HeaderTitleControls.js";
-import { c as l } from "../../../../chunks/vendor-D-uL_icH.js";
-import { s as n } from "../../../../chunks/HeaderTitle.module-Db-1fcNm.js";
+import { c as l } from "../../../../chunks/vendor-CehxOAkM.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-B-6xJFnf.js";
 const d = Object.assign(
   i.forwardRef(function({ children: e, className: t, ...r }, o) {
     return /* @__PURE__ */ a("div", { className: l(n.headerTitle, t), ...r, ref: o, children: e });

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

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import s from "react";
-import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
-import { s as i } from "../../../../chunks/HeaderTitle.module-Db-1fcNm.js";
+import { c as m } from "../../../../chunks/vendor-CehxOAkM.js";
+import { s as i } from "../../../../chunks/HeaderTitle.module-B-6xJFnf.js";
 const l = s.forwardRef(
   ({ children: e, className: t, ...r }, o) => /* @__PURE__ */ a("div", { className: m(t, i.headerTitleContent), ...r, ref: o, children: e })
 );

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

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import a from "react";
-import { c as l } from "../../../../chunks/vendor-D-uL_icH.js";
-import { s as m } from "../../../../chunks/HeaderTitle.module-Db-1fcNm.js";
+import { c as l } from "../../../../chunks/vendor-CehxOAkM.js";
+import { s as m } from "../../../../chunks/HeaderTitle.module-B-6xJFnf.js";
 const i = a.forwardRef(
   ({ children: o, className: r, ...e }, t) => /* @__PURE__ */ s("div", { className: l(m.headerTitleControls, r), ...e, ref: t, children: o })
 );

package/components/HelpBox/HelpBox.js

@@ -0,0 +1,94 @@
+import { jsxs as x, Fragment as E, jsx as t } from "react/jsx-runtime";
+import { useRef as M, useState as h, useId as R } from "react";
+import { c as S, x as _ } from "../../chunks/vendor-CehxOAkM.js";
+import { HintFilledSrvIcon16 as L } from "@sberbusiness/icons-next";
+import { ButtonIcon as j } from "../Button/ButtonIcon.js";
+import { EButtonIconShape as k } from "../Button/enums.js";
+import { Tooltip as l } from "../Tooltip/Tooltip.js";
+import { TooltipMobileHeader as z } from "../Tooltip/components/mobile/components/TooltipMobileHeader.js";
+import { MobileView as C } from "../MobileView/MobileView.js";
+import { getDataHTMLAttributes as D } from "../../utils/html/DataAttributes.js";
+import { getAriaHTMLAttributes as V } from "../../utils/html/AriaAttributes.js";
+const X = "helpBoxButton__a3accdca", $ = "helpBoxTooltipBody__0184e907", f = {
+  helpBoxButton: X,
+  helpBoxTooltipBody: $
+}, q = ({
+  children: T,
+  className: y,
+  focusTrapProps: e,
+  mobileHeaderContent: c,
+  isOpen: i,
+  onShow: n,
+  tooltipSize: I,
+  preferPlace: v,
+  toggle: a,
+  tooltipAriaAttributes: s,
+  tooltipDataAttributes: p,
+  ...F
+}) => {
+  const d = M(null), [O, b] = h(!!i), [m, B] = h(null), u = R(), r = i ?? O, H = (o) => {
+    i === void 0 && b(o), o || B(null), a == null || a(o);
+  }, N = (o) => {
+    B(o), n == null || n(o);
+  }, g = (o) => /* @__PURE__ */ t(
+    C,
+    {
+      fallback: /* @__PURE__ */ t(
+        _.FocusTrap,
+        {
+          active: r,
+          ...e,
+          focusTrapOptions: {
+            clickOutsideDeactivates: !0,
+            initialFocus: `[id='${u}']`,
+            preventScroll: !0,
+            ...e == null ? void 0 : e.focusTrapOptions
+          },
+          containerElements: [o]
+        }
+      ),
+      children: null
+    }
+  );
+  return /* @__PURE__ */ x(E, { children: [
+    /* @__PURE__ */ x(
+      l,
+      {
+        id: u,
+        tabIndex: -1,
+        role: "dialog",
+        toggleType: "hover",
+        size: I,
+        preferPlace: v,
+        isOpen: r,
+        toggle: H,
+        onShow: N,
+        targetRef: d,
+        ...!!s && V(s),
+        ...!!p && D(p),
+        children: [
+          /* @__PURE__ */ t(l.Target, { children: /* @__PURE__ */ t(
+            j,
+            {
+              className: S(f.helpBoxButton, y),
+              "aria-label": "Подсказка",
+              shape: k.CIRCLE,
+              ref: d,
+              ...F,
+              children: /* @__PURE__ */ t(L, { paletteIndex: 5 })
+            }
+          ) }),
+          c && /* @__PURE__ */ t(z, { children: c }),
+          /* @__PURE__ */ t(l.Body, { className: f.helpBoxTooltipBody, children: T }),
+          /* @__PURE__ */ t(l.XButton, { "aria-label": "Закрыть" })
+        ]
+      }
+    ),
+    r && m && g(m)
+  ] });
+};
+q.displayName = "HelpBox";
+export {
+  q as HelpBox
+};
+//# sourceMappingURL=HelpBox.js.map