@sberbusiness/triplex-next 1.20.0 → 1.22.0

package/components/TabsLine/components/TabsLineDropdown.js

@@ -1,10 +1,11 @@
-import { jsxs as S, jsx as a } from "react/jsx-runtime";
-import { useState as d, useRef as h, useEffect as W, createElement as j } from "react";
-import { u as H, c as w } from "../../../chunks/vendor-BIl4KTrD.js";
+import { jsxs as A, jsx as a } from "react/jsx-runtime";
+import { useState as c, useRef as h, useEffect as K, createElement as j } from "react";
+import { u as H, c as w } from "../../../chunks/vendor-BiObpx9E.js";
 import { DropdownListContext as Y } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as b } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-JDPG7EtK.js";
+import { DropdownList as S } from "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-Dl8gN2ar.js";
+import { EDropdownWidth as q } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -16,49 +17,49 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as q } from "../../../enums/EComponentSize.js";
+import { EComponentSize as G } from "../../../enums/EComponentSize.js";
 import { Dropdown as U } from "../../Dropdown/Dropdown.js";
 import { CaretdownStrokeSrvIcon16 as Z } from "@sberbusiness/icons-next";
 import { isKey as m } from "../../../utils/keyboard.js";
-import { s as t } from "../../../chunks/TabsLine.module-ByA3hnWg.js";
-import { createSizeToClassNameMap as G } from "../../../utils/classNameMaps.js";
-import { EFontType as v } from "../../Typography/enums.js";
+import { s as t } from "../../../chunks/TabsLine.module-BLpqn-ZP.js";
+import { createSizeToClassNameMap as J } from "../../../utils/classNameMaps.js";
+import { EFontType as b } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
-import { Text as J } from "../../Typography/Text.js";
+import { Text as Q } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { tabsLineSizeToTextSizeMap as Q } from "../utils.js";
-const V = G(t), xe = ({
-  tabs: A,
+import { tabsLineSizeToTextSizeMap as V } from "../utils.js";
+const X = J(t), Oe = ({
+  tabs: v,
   active: T,
-  label: g,
-  onClickTab: L,
-  selected: M,
-  size: p = q.MD,
-  targetHtmlAttributes: R,
+  label: M,
+  onClickTab: R,
+  selected: g,
+  size: p = G.MD,
+  targetHtmlAttributes: L,
   ...x
 }) => {
-  const [D, y] = d(void 0), [o, c] = d(!1), [O, N] = d(!1), [k, C] = d(!1), l = h(null), E = h(null), I = h(H());
-  W(() => {
+  const [D, y] = c(void 0), [o, d] = c(!1), [O, N] = c(!1), [_, E] = c(!1), l = h(null), C = h(null), I = h(H());
+  K(() => {
     if (!o)
       return;
     const e = (r) => {
       var n, s;
-      !((n = l.current) != null && n.contains(r.target)) && !((s = E.current) != null && s.contains(r.target)) && c(!1);
+      !((n = l.current) != null && n.contains(r.target)) && !((s = C.current) != null && s.contains(r.target)) && d(!1);
     };
     return document.addEventListener("mouseup", e), () => {
       document.removeEventListener("mouseup", e);
     };
   }, [o]);
-  const _ = () => {
-    c(!o);
+  const k = () => {
+    d(!o);
   }, P = (e) => {
-    o || (m(e.code, "ARROW_UP") || m(e.code, "ARROW_DOWN")) && (e.preventDefault(), c(!0)), o && (m(e.code, "TAB") || m(e.code, "ESCAPE")) && c(!1);
+    o || (m(e.code, "ARROW_UP") || m(e.code, "ARROW_DOWN")) && (e.preventDefault(), d(!0)), o && (m(e.code, "TAB") || m(e.code, "ESCAPE")) && d(!1);
   }, F = (e) => {
-    L(e), c(!o);
-  }, z = () => {
-    const { onFocus: e, onBlur: r, onMouseEnter: n, onMouseLeave: s, ...u } = R || {}, f = w(t.tab, V[p], t.dropdownTarget, {
+    R(e), d(!o);
+  }, W = () => {
+    const { onFocus: e, onBlur: r, onMouseEnter: n, onMouseLeave: s, ...u } = L || {}, f = w(t.tab, X[p], t.dropdownTarget, {
       [t.active]: T
-    }), K = w(t.dropdownTargetCaret, { [t.opened]: o });
+    }), B = w(t.dropdownTargetCaret, { [t.opened]: o });
     return /* @__PURE__ */ a(
       "button",
       {
@@ -70,13 +71,13 @@ const V = G(t), xe = ({
           N(!1), r == null || r(i);
         },
         onMouseEnter: (i) => {
-          C(!0), n == null || n(i);
+          E(!0), n == null || n(i);
         },
         onMouseLeave: (i) => {
-          C(!1), s == null || s(i);
+          E(!1), s == null || s(i);
         },
         className: f,
-        onClick: _,
+        onClick: k,
         onKeyDown: P,
         type: "button",
         role: "tab",
@@ -84,32 +85,33 @@ const V = G(t), xe = ({
         "aria-expanded": o,
         "aria-controls": I.current,
         "aria-activedescendant": D,
-        children: /* @__PURE__ */ a("span", { className: t.tabInner, children: /* @__PURE__ */ S("span", { className: t.dropdownTargetInner, children: [
+        children: /* @__PURE__ */ a("span", { className: t.tabInner, children: /* @__PURE__ */ A("span", { className: t.dropdownTargetInner, children: [
           /* @__PURE__ */ a(
-            J,
+            Q,
             {
-              size: Q[p],
-              type: T || O || k ? v.PRIMARY : v.SECONDARY,
-              children: g
+              size: V[p],
+              type: T || O || _ ? b.PRIMARY : b.SECONDARY,
+              children: M
             }
           ),
-          /* @__PURE__ */ a(Z, { className: K, paletteIndex: 5 })
+          /* @__PURE__ */ a(Z, { className: B, paletteIndex: 5 })
         ] }) })
       }
     );
-  }, B = () => /* @__PURE__ */ a(
+  }, z = () => /* @__PURE__ */ a(
     U,
     {
       className: t.dropdown,
       opened: o,
-      setOpened: c,
+      setOpened: d,
       size: p,
+      width: q.MIN_TARGET,
       targetRef: l,
-      ref: E,
-      children: /* @__PURE__ */ a(Y.Provider, { value: { activeDescendant: D, setActiveDescendant: y }, children: /* @__PURE__ */ a(b, { dropdownOpened: o, id: I.current, children: A.map((e) => {
+      ref: C,
+      children: /* @__PURE__ */ a(Y.Provider, { value: { activeDescendant: D, setActiveDescendant: y }, children: /* @__PURE__ */ a(S, { dropdownOpened: o, id: I.current, children: v.map((e) => {
         const { id: r, label: n, showNotificationIcon: s, ...u } = e, f = w(t.dropdownItem);
         return /* @__PURE__ */ j(
-          b.Item,
+          S.Item,
           {
             ...u,
             className: f,
@@ -118,7 +120,7 @@ const V = G(t), xe = ({
             onSelect: () => {
               F(e);
             },
-            selected: e === M,
+            selected: e === g,
             showNotificationIcon: s
           },
           /* @__PURE__ */ a("span", { className: t.dropdownItemInner, children: n })
@@ -126,12 +128,12 @@ const V = G(t), xe = ({
       }) }) })
     }
   );
-  return /* @__PURE__ */ S("div", { className: t.tabsLineDropdown, ref: l, ...x, children: [
-    z(),
-    B()
+  return /* @__PURE__ */ A("div", { className: t.tabsLineDropdown, ref: l, ...x, children: [
+    W(),
+    z()
   ] });
 };
 export {
-  xe as TabsLineDropdown
+  Oe as TabsLineDropdown
 };
 //# sourceMappingURL=TabsLineDropdown.js.map

package/components/TabsLine/components/TabsLineItem.js

@@ -1,13 +1,13 @@
 import { jsx as n } from "react/jsx-runtime";
 import y, { useState as f, createElement as z } from "react";
-import { c as E } from "../../../chunks/vendor-BIl4KTrD.js";
+import { c as E } from "../../../chunks/vendor-BiObpx9E.js";
 import { createSizeToClassNameMap as N } from "../../../utils/classNameMaps.js";
 import { Badge as S } from "../../Badge/Badge.js";
 import { EComponentSize as p } from "../../../enums/EComponentSize.js";
 import { Text as v } from "../../Typography/Text.js";
 import { tabsLineSizeToTextSizeMap as x } from "../utils.js";
 import { EFontType as l } from "../../Typography/enums.js";
-import { s as e } from "../../../chunks/TabsLine.module-ByA3hnWg.js";
+import { s as e } from "../../../chunks/TabsLine.module-BLpqn-ZP.js";
 const L = N(e), R = y.forwardRef(
   ({
     id: c,

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,21 +1,21 @@
 import { jsx as n } from "react/jsx-runtime";
-import { TabsLineItem as c } from "./TabsLineItem.js";
-const d = "tabsLineMobileWrapper__ea48b577", p = "tabsLineMobile__eb41bd2d", l = {
+import { TabsLineItem as t } from "./TabsLineItem.js";
+const d = "tabsLineMobileWrapper__cce25fb7", p = "tabsLineMobile__53d65618", l = {
   tabsLineMobileWrapper: d,
   tabsLineMobile: p
-}, u = ({ onChangeTab: r, selectedId: b, tabs: i }) => {
+}, h = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
   if (!i.length)
     return null;
-  const o = ({ selected: L, ...e }) => {
-    const a = (t) => {
+  const a = ({ selected: L, ...e }) => {
+    const b = (c) => {
       var s;
-      r(e.id), (s = e.onClick) == null || s.call(e, t);
+      r(e.id), (s = e.onClick) == null || s.call(e, c);
     };
-    return /* @__PURE__ */ n(c, { selected: b === e.id, ...e, onClick: a }, e.id);
+    return /* @__PURE__ */ n(t, { selected: o === e.id, ...e, onClick: b }, e.id);
   };
-  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(o) }) });
+  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(a) }) });
 };
 export {
-  u as TabsLineMobile
+  h as TabsLineMobile
 };
 //# sourceMappingURL=TabsLineMobile.js.map

package/components/Tag/Tag.js

@@ -1,13 +1,13 @@
 import { jsx as o, jsxs as D } from "react/jsx-runtime";
 import E, { useCallback as S } from "react";
-import { c as L } from "../../chunks/vendor-BIl4KTrD.js";
+import { c as L } from "../../chunks/vendor-BiObpx9E.js";
 import { EditStrokeSrvIcon24 as N, EditStrokeSrvIcon20 as d, EditStrokeSrvIcon16 as v, CrossStrokeSrvIcon24 as y, CrossStrokeSrvIcon20 as z, CrossStrokeSrvIcon16 as G } from "@sberbusiness/icons-next";
 import { Text as h } from "../Typography/Text.js";
 import { ETextSize as I, EFontType as _ } from "../Typography/enums.js";
 import { ButtonIcon as T } from "../Button/ButtonIcon.js";
 import { createSizeToClassNameMap as j } from "../../utils/classNameMaps.js";
 import { EComponentSize as e } from "../../enums/EComponentSize.js";
-const A = "tag__5e7ac1b6", R = "sm__a95a122f", w = "md__11706a3f", F = "lg__13e24c78", P = "content__2d442204", l = {
+const A = "tag__4680b28d", R = "sm__6036c187", w = "md__1927ef68", F = "lg__9b142be2", P = "content__7241873c", l = {
   tag: A,
   sm: R,
   md: w,

package/components/TagColor/TagColor.js

@@ -1,36 +1,38 @@
 import { jsx as t } from "react/jsx-runtime";
-import _ from "react";
-import { c as l } from "../../chunks/vendor-BIl4KTrD.js";
-import { createSizeToClassNameMap as m } from "../../utils/classNameMaps.js";
+import l from "react";
+import { c as m } from "../../chunks/vendor-BiObpx9E.js";
+import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
 import { ETagColorStatus as s } from "./enums.js";
-const f = "tagColor__e2f2b4c1", i = "sm__409a5943", d = "md__85f7a618", g = "lg__a254f1b8", p = "success__de96d080", C = "info__a554d441", u = "warning__c7104938", N = "error__c00eb74c", T = "content__231ce387", o = {
-  tagColor: f,
-  sm: i,
-  md: d,
-  lg: g,
-  default: "default__068dc6e6",
-  success: p,
-  info: C,
-  warning: u,
-  error: N,
-  content: T
-}, R = m(o), w = {
+const i = "tagColor__527b1b6d", d = "sm__c1e8480f", g = "md__7a0714c7", C = "lg__11164cde", S = "success__3ed054e7", p = "info__075533b2", A = "warning__ed6b4498", T = "error__7547ac59", u = "content__64a29e64", o = {
+  tagColor: i,
+  sm: d,
+  md: g,
+  lg: C,
+  default: "default__a25d417b",
+  success: S,
+  info: p,
+  warning: A,
+  error: T,
+  content: u
+}, N = f(o), E = {
   [s.DEFAULT]: o.default,
   [s.SUCCESS]: o.success,
   [s.INFO]: o.info,
   [s.WARNING]: o.warning,
   [s.ERROR]: o.error
-}, F = _.forwardRef(
-  ({ children: a, className: c, size: r, status: n = s.DEFAULT, ...e }) => /* @__PURE__ */ t(
+}, R = l.forwardRef(
+  ({ children: r, className: c, size: n, status: a = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
     "span",
     {
-      className: l(o.tagColor, R[r], w[n], c),
+      className: m(o.tagColor, N[n], E[a], c),
       ...e,
-      children: /* @__PURE__ */ t("span", { className: o.content, children: a })
+      ref: _,
+      children: /* @__PURE__ */ t("span", { className: o.content, children: r })
     }
   )
 );
+R.displayName = "TagColor";
 export {
-  F as TagColor
+  R as TagColor
 };
 //# sourceMappingURL=TagColor.js.map

package/components/TagGroup/TagGroup.js

@@ -1,25 +1,25 @@
-import { jsx as c } from "react/jsx-runtime";
-import e from "react";
-import { c as p } from "../../chunks/vendor-BIl4KTrD.js";
-import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
-const l = "tagGroup__304320b1", _ = "sm__159df847", d = "md__6f242c51", g = "lg__c84df3d2", o = {
-  tagGroup: l,
-  sm: _,
-  md: d,
-  lg: g
-}, i = f(o), N = e.forwardRef(
-  ({ children: s, className: t, size: r, ...a }, m) => /* @__PURE__ */ c(
+import { jsx as m } from "react/jsx-runtime";
+import c from "react";
+import { c as p } from "../../chunks/vendor-BiObpx9E.js";
+import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
+const _ = "tagGroup__b5b21380", d = "sm__bee020e7", g = "md__c03859dd", f = "lg__75e76d7c", o = {
+  tagGroup: _,
+  sm: d,
+  md: g,
+  lg: f
+}, i = l(o), x = c.forwardRef(
+  ({ children: s, className: t, size: r, ...a }, e) => /* @__PURE__ */ m(
     "div",
     {
       className: p(o.tagGroup, i[r], t),
       role: "group",
       ...a,
-      ref: m,
+      ref: e,
       children: s
     }
   )
 );
 export {
-  N as TagGroup
+  x as TagGroup
 };
 //# sourceMappingURL=TagGroup.js.map

package/components/TextField/TextField.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { F as r } from "../../chunks/FormFieldInput-C4pLJsXx.js";
+import { F as r } from "../../chunks/FormFieldInput--W9kjf4s.js";
 import { TextFieldBase as t } from "./TextFieldBase.js";
 const m = ({ inputProps: i, ...o }) => /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ e(r, { ...i }) });
 m.displayName = "TextField";

package/components/TextareaField/TextareaField.js

@@ -1,16 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import { TextFieldBase as i } from "../TextField/TextFieldBase.js";
-import "../FormField/FormField.js";
-import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../../chunks/FormFieldInput--W9kjf4s.js";
 import "../FormField/components/FormFieldLabel.js";
-import "../FormField/components/FormFieldClear.js";
-import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-C4pLJsXx.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTarget.js";
 import { FormFieldTextarea as m } from "../FormField/components/FormFieldTextarea.js";
+import "../FormField/FormField.js";
 const j = ({ textareaProps: o, ...t }) => /* @__PURE__ */ r(i, { ...t, children: /* @__PURE__ */ r(m, { ...o }) });
 export {
   j as TextareaField

package/components/ThemeProvider/ThemeProvider.js

@@ -1,28 +1,26 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useState as x, useEffect as i } from "react";
-import { s as c, w as d, x as f } from "../../chunks/vendor-BIl4KTrD.js";
-import { DesignTokenUtils as S } from "../DesignTokens/DesignTokenUtils.js";
-import { ThemeProviderView as h } from "./components/ThemeProviderView.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useMemo as p, useLayoutEffect as m } from "react";
+import { w as l, x as c, y as x } from "../../chunks/vendor-BiObpx9E.js";
+import { DesignTokenUtils as d } from "../DesignTokens/DesignTokenUtils.js";
+import { ThemeProviderView as f } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";
-const m = (t) => `${t}${Date.now()}${Math.floor(Math.random() * 1e6)}`, g = ({
-  children: t,
-  scopeClassName: o,
-  scopeRef: n,
-  theme: r = u.LIGHT,
-  tokens: s
+const h = (o) => `${o}${Date.now()}${Math.floor(Math.random() * 1e6)}`, C = ({
+  children: o,
+  scopeClassName: s,
+  scopeRef: i,
+  theme: t = u.LIGHT,
+  tokens: r
 }) => {
-  const [e, a] = x(o || m("triplex-next-theme-"));
-  return i(() => {
-    a(o || m("triplex-next-theme-"));
-  }, [o]), i(() => {
-    if (c()) {
-      const p = `.${e} {${S.getStyle(r, s || {})}}`;
-      d(p, `triplex-next-dynamic-tokens-${e}`);
+  const e = p(() => s || h("triplex-next-theme-"), [s]);
+  return m(() => {
+    if (l()) {
+      const n = `.${e} {${d.getStyle(t, r || {})}}`;
+      c(n, `triplex-next-dynamic-tokens-${e}`);
     } else
       console.log("ThemeProvider", "SSR do not support dynamic theme with css variables.");
-  }, [e, r, s]), i(() => () => f(`triplex-next-dynamic-tokens-${e}`), [e]), /* @__PURE__ */ l(h, { scopeClassName: e, scopeRef: n, theme: r, tokens: s, children: t });
+  }, [e, t, r]), m(() => () => x(`triplex-next-dynamic-tokens-${e}`), [e]), /* @__PURE__ */ a(f, { scopeClassName: e, scopeRef: i, theme: t, tokens: r, children: o });
 };
 export {
-  g as ThemeProvider
+  C as ThemeProvider
 };
 //# sourceMappingURL=ThemeProvider.js.map

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -1,36 +1,38 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useRef as u, useEffect as k } from "react";
-import { ThemeProviderContext as c } from "../ThemeProviderContext.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as u, useEffect as k, useMemo as D } from "react";
+import { ThemeProviderContext as d } from "../ThemeProviderContext.js";
 import { ETriplexNextTheme as m } from "../ETriplexNextTheme.js";
-import { DesignTokensCore as D } from "../../DesignTokens/DesignTokensCore.js";
-import { DesignTokensCoreThemeDark as d } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
-import { DesignTokensComponents as v } from "../../DesignTokens/DesignTokensComponents.js";
-import { DesignTokensComponentsThemeDark as x } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import { k as g } from "../../../chunks/vendor-BIl4KTrD.js";
-const I = ({
-  children: s,
-  scopeClassName: r,
-  scopeRef: t,
+import { DesignTokensCore as p } from "../../DesignTokens/DesignTokensCore.js";
+import { DesignTokensCoreThemeDark as v } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
+import { DesignTokensComponents as x } from "../../DesignTokens/DesignTokensComponents.js";
+import { DesignTokensComponentsThemeDark as c } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
+import { m as g } from "../../../chunks/vendor-BiObpx9E.js";
+const w = ({
+  children: T,
+  scopeClassName: o,
+  scopeRef: n,
   theme: e,
-  tokens: f
+  tokens: i
 }) => {
-  const o = u("");
+  const t = u("");
   k(() => {
-    var n;
-    return r && ((n = t.current) == null || n.classList.add(r)), o.current = r, () => {
-      var i;
-      o.current && ((i = t.current) == null || i.classList.remove(o.current));
+    const r = n.current;
+    return o && (r == null || r.classList.add(o)), t.current = o, () => {
+      t.current && (r == null || r.classList.remove(t.current));
     };
-  }, [r]);
-  const T = g(
-    {},
-    f,
-    e === m.LIGHT ? D : d,
-    e === m.LIGHT ? v : x
-  );
-  return /* @__PURE__ */ p(c.Provider, { value: { scopeClassName: r, theme: e, tokens: T }, children: s });
+  }, [o, n]);
+  const f = D(() => {
+    const r = g(
+      {},
+      i,
+      e === m.LIGHT ? p : v,
+      e === m.LIGHT ? x : c
+    );
+    return { scopeClassName: o, theme: e, tokens: r };
+  }, [o, e, i]);
+  return /* @__PURE__ */ s(d.Provider, { value: f, children: T });
 };
 export {
-  I as ThemeProviderView
+  w as ThemeProviderView
 };
 //# sourceMappingURL=ThemeProviderView.js.map

package/components/Tooltip/components/common/TooltipBody.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import r from "react";
-import { c as s } from "../../../../chunks/vendor-BIl4KTrD.js";
+import { c as s } from "../../../../chunks/vendor-BiObpx9E.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
 import { Text as l } from "../../../Typography/Text.js";
 import { ELineType as p, ETextSize as c } from "../../../Typography/enums.js";
-import { s as f } from "../../../../chunks/TooltipDesktop.module-CWKvU1wk.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-DgogF0cV.js";
 const d = r.forwardRef(({ className: m, ...i }, t) => {
   const e = s(f.tooltipBody, m);
   return /* @__PURE__ */ o(a, { fallback: /* @__PURE__ */ o("div", { className: e, ...i, ref: t }), children: /* @__PURE__ */ o(l, { className: e, size: c.B3, line: p.NORMAL, tag: "div", ...i, ref: t }) });

package/components/Tooltip/components/common/TooltipLink.js

@@ -1,18 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
 import n from "react";
-import { c as s } from "../../../../chunks/vendor-BIl4KTrD.js";
+import { c as s } from "../../../../chunks/vendor-BiObpx9E.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__f11bb509", r = "desktop__6bc3a1c5", c = "mobile__e549f4c6", o = {
+const k = "tooltipLink__189f577a", r = "desktop__9d458376", m = "mobile__d82c165c", o = {
   tooltipLink: k,
   desktop: r,
-  mobile: c
-}, m = n.forwardRef(
+  mobile: m
+}, c = n.forwardRef(
   ({ children: i, className: e, ...l }, p) => /* @__PURE__ */ t(a, { fallback: /* @__PURE__ */ t(
     "a",
     {
       className: s(o.tooltipLink, o.desktop, e),
       ...l,
-      "data-tx": "1.20.0",
+      "data-tx": "1.22.0",
       ref: p,
       children: i
     }
@@ -21,14 +21,14 @@ const k = "tooltipLink__f11bb509", r = "desktop__6bc3a1c5", c = "mobile__e549f4c
     {
       className: s(o.tooltipLink, o.mobile, e),
       ...l,
-      "data-tx": "1.20.0",
+      "data-tx": "1.22.0",
       ref: p,
       children: i
     }
   ) })
 );
-m.displayName = "TooltipLink";
+c.displayName = "TooltipLink";
 export {
-  m as TooltipLink
+  c as TooltipLink
 };
 //# sourceMappingURL=TooltipLink.js.map

package/components/Tooltip/components/common/TooltipXButton.js

@@ -3,7 +3,7 @@ import { useContext as m } from "react";
 import { CrossStrokeSrvIcon16 as n } from "@sberbusiness/icons-next";
 import { TooltipContext as i } from "../../TootlipContext.js";
 import { ButtonIcon as a } from "../../../Button/ButtonIcon.js";
-import { s as l } from "../../../../chunks/TooltipDesktop.module-CWKvU1wk.js";
+import { s as l } from "../../../../chunks/TooltipDesktop.module-DgogF0cV.js";
 const I = ({ onClick: o, ...s }) => {
   const { setTooltipOpen: p } = m(i), e = (t) => {
     t.stopPropagation(), p(!1), o == null || o(t);

package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js

@@ -3,13 +3,13 @@ var H = (p, a, i) => a in p ? _(p, a, { enumerable: !0, configurable: !0, writab
 var t = (p, a, i) => H(p, typeof a != "symbol" ? a + "" : a, i);
 import { jsxs as S, Fragment as P, jsx as x } from "react/jsx-runtime";
 import O from "react";
-import { i as M, c as $ } from "../../../../../chunks/vendor-BIl4KTrD.js";
+import { i as M, c as $ } from "../../../../../chunks/vendor-BiObpx9E.js";
 import { TooltipContext as X } from "../../../TootlipContext.js";
 import { Portal as Y } from "../../../../Portal/Portal.js";
 import { ETooltipPreferPlace as u, ETooltipDirection as B, ETooltipAlign as z, ETooltipFlowTypes as I, ETooltipSizeParameter as r, ETooltipTypeName as C, ETooltipEndCoordinates as N, ETooltipStartCoordinates as R, ETooltipAxesType as G, ETooltipSize as U } from "../../../enums.js";
 import { TooltipDesktopTip as V } from "./TooltipDesktopTip.js";
 import { pickZone as j, axes as q, calcRelPos as K, centerOfBoundsFromBounds as Z, calcBounds as L, equalCoords as J } from "../../../utils/Positioning.js";
-import { s as f } from "../../../../../chunks/TooltipDesktop.module-CWKvU1wk.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-DgogF0cV.js";
 const Q = {
   column: "translateX",
   row: "translateY"

package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import p from "react";
 import { ETooltipDirection as e } from "../../../enums.js";
-import { c } from "../../../../../chunks/vendor-BIl4KTrD.js";
-import { s as t } from "../../../../../chunks/TooltipDesktop.module-CWKvU1wk.js";
+import { c } from "../../../../../chunks/vendor-BiObpx9E.js";
+import { s as t } from "../../../../../chunks/TooltipDesktop.module-DgogF0cV.js";
 const l = p.forwardRef((r, i) => {
   const { direction: s } = r;
   let o;

package/components/Tooltip/components/mobile/TooltipMobile.js

@@ -5,8 +5,8 @@ import { Portal as B } from "../../../Portal/Portal.js";
 import { DropdownMobile as _ } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as x } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton as h } from "./components/TooltipMobileCloseButton.js";
-import { c as y } from "../../../../chunks/vendor-BIl4KTrD.js";
-const N = "tooltipMobile__3fbbb9ea", T = "tooltipMobileContent__45aef218", g = "headerless__0315f023", H = "closeButton__dfd6da3a", e = {
+import { c as y } from "../../../../chunks/vendor-BiObpx9E.js";
+const N = "tooltipMobile__144353fd", T = "tooltipMobileContent__6ca5f52a", g = "headerless__3bc37ab1", H = "closeButton__ff1cf822", e = {
   tooltipMobile: N,
   tooltipMobileContent: T,
   headerless: g,

package/components/Tooltip/index.js

@@ -1,8 +1,16 @@
-import { Tooltip as r } from "./Tooltip.js";
-import { ETooltipPreferPlace as t, ETooltipSize as i } from "./enums.js";
+import { Tooltip as i } from "./Tooltip.js";
+import { ETooltipAlign as p, ETooltipAxesType as l, ETooltipDirection as T, ETooltipEndCoordinates as r, ETooltipFlowTypes as E, ETooltipPreferPlace as a, ETooltipSize as n, ETooltipSizeParameter as m, ETooltipStartCoordinates as s, ETooltipTypeName as d } from "./enums.js";
 export {
-  t as ETooltipPreferPlace,
-  i as ETooltipSize,
-  r as Tooltip
+  p as ETooltipAlign,
+  l as ETooltipAxesType,
+  T as ETooltipDirection,
+  r as ETooltipEndCoordinates,
+  E as ETooltipFlowTypes,
+  a as ETooltipPreferPlace,
+  n as ETooltipSize,
+  m as ETooltipSizeParameter,
+  s as ETooltipStartCoordinates,
+  d as ETooltipTypeName,
+  i as Tooltip
 };
 //# sourceMappingURL=index.js.map