@sberbusiness/triplex-next 1.21.0 → 1.23.0

package/components/Tag/Tag.js

@@ -1,38 +1,38 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import D, { useCallback as S } from "react";
-import { c as E } from "../../chunks/vendor-CuCj7SgU.js";
-import { EditStrokeSrvIcon24 as L, EditStrokeSrvIcon20 as N, EditStrokeSrvIcon16 as v, CrossStrokeSrvIcon24 as y, CrossStrokeSrvIcon20 as z, CrossStrokeSrvIcon16 as G } from "@sberbusiness/icons-next";
+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-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 o } from "../../enums/EComponentSize.js";
-const A = "tag__7ec3e2c1", R = "sm__1db18bce", w = "md__7a7d12de", F = "lg__df5826db", P = "content__98f418ed", l = {
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
+const A = "tag__394a2c66", R = "sm__b115c069", w = "md__ce5f3e72", F = "lg__1292f224", P = "content__43e2e6d1", l = {
   tag: A,
   sm: R,
   md: w,
   lg: F,
   content: P
 }, Y = j(l), q = {
-  [o.SM]: I.B4,
-  [o.MD]: I.B3,
-  [o.LG]: I.B2
+  [e.SM]: I.B4,
+  [e.MD]: I.B3,
+  [e.LG]: I.B2
 }, H = {
-  [o.SM]: /* @__PURE__ */ e(v, { paletteIndex: 5 }),
-  [o.MD]: /* @__PURE__ */ e(N, { paletteIndex: 5 }),
-  [o.LG]: /* @__PURE__ */ e(L, { paletteIndex: 5 })
+  [e.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(d, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(N, { paletteIndex: 5 })
 }, J = {
-  [o.SM]: /* @__PURE__ */ e(G, { paletteIndex: 5 }),
-  [o.MD]: /* @__PURE__ */ e(z, { paletteIndex: 5 }),
-  [o.LG]: /* @__PURE__ */ e(y, { paletteIndex: 5 })
-}, b = D.forwardRef(
-  ({ children: f, id: s, className: u, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...d }, g) => {
-    const C = S(() => {
+  [e.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
+}, b = E.forwardRef(
+  ({ children: f, id: s, className: u, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...g }, C) => {
+    const k = S(() => {
       const t = n ? _.DISABLED : _.PRIMARY;
-      return /* @__PURE__ */ e(h, { className: l.content, type: t, size: q[r], children: f });
-    }, [f, r, n]), k = S(() => {
+      return /* @__PURE__ */ o(h, { className: l.content, type: t, size: q[r], children: f });
+    }, [f, r, n]), B = S(() => {
       const { onClick: t, ...m } = M || {};
-      return /* @__PURE__ */ e(
+      return /* @__PURE__ */ o(
         T,
         {
           disabled: n,
@@ -43,9 +43,9 @@ const A = "tag__7ec3e2c1", R = "sm__1db18bce", w = "md__7a7d12de", F = "lg__df58
           children: H[r]
         }
       );
-    }, [s, r, n, M, c]), B = S(() => {
+    }, [s, r, n, M, c]), i = S(() => {
       const { onClick: t, ...m } = x || {};
-      return /* @__PURE__ */ e(
+      return /* @__PURE__ */ o(
         T,
         {
           disabled: n,
@@ -57,10 +57,10 @@ const A = "tag__7ec3e2c1", R = "sm__1db18bce", w = "md__7a7d12de", F = "lg__df58
         }
       );
     }, [s, r, n, x, a]);
-    return /* @__PURE__ */ i("span", { className: E(l.tag, Y[r], u), ...d, ref: g, children: [
-      C(),
-      c && k(),
-      B()
+    return /* @__PURE__ */ D("span", { className: L(l.tag, Y[r], u), ...g, ref: C, children: [
+      k(),
+      c && B(),
+      i()
     ] });
   }
 );

package/components/TagColor/TagColor.js

@@ -1,14 +1,14 @@
 import { jsx as t } from "react/jsx-runtime";
 import f from "react";
-import { c as l } from "../../chunks/vendor-CuCj7SgU.js";
+import { c as l } from "../../chunks/vendor-BiObpx9E.js";
 import { createSizeToClassNameMap as m } from "../../utils/classNameMaps.js";
 import { ETagColorStatus as s } from "./enums.js";
-const d = "tagColor__7324fdff", i = "sm__e3a1d3af", g = "md__8cd31c79", C = "lg__dde845bf", S = "success__e0e10891", p = "info__ac204b6f", A = "warning__68205679", T = "error__aadf53fe", u = "content__f8123ef7", o = {
-  tagColor: d,
-  sm: i,
+const i = "tagColor__709f75ce", d = "sm__571c7741", g = "md__50769359", C = "lg__89265295", S = "success__578f775f", p = "info__fdfedb1d", A = "warning__96a04e59", T = "error__95338e5d", u = "content__2a204590", o = {
+  tagColor: i,
+  sm: d,
   md: g,
   lg: C,
-  default: "default__9f095102",
+  default: "default__61f4fe29",
   success: S,
   info: p,
   warning: A,
@@ -21,10 +21,10 @@ const d = "tagColor__7324fdff", i = "sm__e3a1d3af", g = "md__8cd31c79", C = "lg_
   [s.WARNING]: o.warning,
   [s.ERROR]: o.error
 }, R = f.forwardRef(
-  ({ children: r, className: a, size: n, status: c = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
+  ({ children: r, className: n, size: c, status: a = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
     "span",
     {
-      className: l(o.tagColor, N[n], E[c], a),
+      className: l(o.tagColor, N[c], E[a], n),
       ...e,
       ref: _,
       children: /* @__PURE__ */ t("span", { className: o.content, children: r })

package/components/TagGroup/TagGroup.js

@@ -1,25 +1,25 @@
-import { jsx as c } from "react/jsx-runtime";
-import d from "react";
-import { c as e } from "../../chunks/vendor-CuCj7SgU.js";
-import { createSizeToClassNameMap as p } from "../../utils/classNameMaps.js";
-const l = "tagGroup__6bd8bdcd", _ = "sm__68d015d2", g = "md__46112d4b", f = "lg__7616a70d", o = {
-  tagGroup: l,
-  sm: _,
-  md: g,
+import { jsx as m } from "react/jsx-runtime";
+import p from "react";
+import { c } from "../../chunks/vendor-BiObpx9E.js";
+import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
+const _ = "tagGroup__eb9d60a3", g = "sm__b9e191ae", d = "md__88a5424e", f = "lg__34275e7e", o = {
+  tagGroup: _,
+  sm: g,
+  md: d,
   lg: f
-}, i = p(o), x = d.forwardRef(
-  ({ children: s, className: t, size: a, ...r }, m) => /* @__PURE__ */ c(
+}, i = l(o), N = p.forwardRef(
+  ({ children: s, className: a, size: t, ...e }, r) => /* @__PURE__ */ m(
     "div",
     {
-      className: e(o.tagGroup, i[a], t),
+      className: c(o.tagGroup, i[t], a),
       role: "group",
-      ...r,
-      ref: m,
+      ...e,
+      ref: r,
       children: s
     }
   )
 );
 export {
-  x as TagGroup
+  N 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-BXZLkCG-.js";
+import { F as r } from "../../chunks/FormFieldInput-CwX_1h09.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-CwX_1h09.js";
 import "../FormField/components/FormFieldLabel.js";
-import "../FormField/components/FormFieldClear.js";
-import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-BXZLkCG-.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 { x as c, y as d, z as f } from "../../chunks/vendor-CuCj7SgU.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)}`, w = ({
-  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 {
-  w 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 { m as g } from "../../../chunks/vendor-CuCj7SgU.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-CuCj7SgU.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-CU1qQ4fM.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-DAGDT-nl.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-CuCj7SgU.js";
-import { MobileView as a } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__6bd2527f", r = "desktop__014670af", m = "mobile__c1b715c8", o = {
+import a from "react";
+import { c as s } from "../../../../chunks/vendor-BiObpx9E.js";
+import { MobileView as n } from "../../../MobileView/MobileView.js";
+const k = "tooltipLink__319b0a10", r = "desktop__ff4cfbf3", m = "mobile__7551c32a", o = {
   tooltipLink: k,
   desktop: r,
   mobile: m
-}, c = n.forwardRef(
-  ({ children: i, className: e, ...l }, p) => /* @__PURE__ */ t(a, { fallback: /* @__PURE__ */ t(
+}, c = a.forwardRef(
+  ({ children: i, className: e, ...l }, p) => /* @__PURE__ */ t(n, { fallback: /* @__PURE__ */ t(
     "a",
     {
       className: s(o.tooltipLink, o.desktop, e),
       ...l,
-      "data-tx": "1.21.0",
+      "data-tx": "1.23.0",
       ref: p,
       children: i
     }
@@ -21,7 +21,7 @@ const k = "tooltipLink__6bd2527f", r = "desktop__014670af", m = "mobile__c1b715c
     {
       className: s(o.tooltipLink, o.mobile, e),
       ...l,
-      "data-tx": "1.21.0",
+      "data-tx": "1.23.0",
       ref: p,
       children: i
     }

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-CU1qQ4fM.js";
+import { s as l } from "../../../../chunks/TooltipDesktop.module-DAGDT-nl.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-CuCj7SgU.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-CU1qQ4fM.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-DAGDT-nl.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-CuCj7SgU.js";
-import { s as t } from "../../../../../chunks/TooltipDesktop.module-CU1qQ4fM.js";
+import { c } from "../../../../../chunks/vendor-BiObpx9E.js";
+import { s as t } from "../../../../../chunks/TooltipDesktop.module-DAGDT-nl.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-CuCj7SgU.js";
-const N = "tooltipMobile__3e51d8e1", T = "tooltipMobileContent__d9882f1c", g = "headerless__8ce51773", H = "closeButton__27fad423", o = {
+import { c as y } from "../../../../chunks/vendor-BiObpx9E.js";
+const N = "tooltipMobile__6feca668", T = "tooltipMobileContent__dabe285a", g = "headerless__c79d7f9c", H = "closeButton__2db96955", e = {
   tooltipMobile: N,
   tooltipMobileContent: T,
   headerless: g,
@@ -21,31 +21,31 @@ const N = "tooltipMobile__3e51d8e1", T = "tooltipMobileContent__d9882f1c", g = "
   onShow: l,
   ...d
 }) => {
-  const { elements: e, setTooltipOpen: p } = f(C), i = u(null), a = y(o.tooltipMobile, { [o.headerless]: e.mobileHeader === null }, c);
+  const { elements: o, setTooltipOpen: a } = f(C), i = u(null), p = y(e.tooltipMobile, { [e.headerless]: o.mobileHeader === null }, c);
   M(() => {
     t && (l == null || l(i.current));
   }, [t]);
   const m = () => {
     var s;
-    return /* @__PURE__ */ n("div", { className: o.closeButton, children: /* @__PURE__ */ n(h, { ...(s = e.closeButton) == null ? void 0 : s.props }) });
+    return /* @__PURE__ */ n("div", { className: e.closeButton, children: /* @__PURE__ */ n(h, { ...(s = o.closeButton) == null ? void 0 : s.props }) });
   };
   return /* @__PURE__ */ r(b, { children: [
-    e.target,
+    o.target,
     /* @__PURE__ */ n(B, { container: document.body, children: /* @__PURE__ */ r(
       _,
       {
-        className: a,
+        className: p,
         tabIndex: -1,
         opened: t,
-        setOpened: p,
+        setOpened: a,
         ...d,
         ref: i,
         children: [
-          e.mobileHeader,
-          /* @__PURE__ */ r(x, { className: o.tooltipMobileContent, children: [
-            e.body,
-            e.link,
-            e.mobileHeader === null && m()
+          o.mobileHeader,
+          /* @__PURE__ */ r(x, { className: e.tooltipMobileContent, children: [
+            o.body,
+            o.link,
+            o.mobileHeader === null && m()
           ] })
         ]
       }

package/components/TopOverlay/TopOverlay.js

@@ -2,8 +2,8 @@ import { jsx as o, jsxs as C, Fragment as I } from "react/jsx-runtime";
 import { useState as y, useRef as g, useEffect as B } from "react";
 import { EOverlayDirection as R } from "../Overlay/OverlayBase.js";
 import { Overlay as O } from "../Overlay/Overlay.js";
-import { c as S, F as j } from "../../chunks/vendor-CuCj7SgU.js";
-const E = "topOverlayMask__09ba16ed", w = "topOverlayWrapper__6245998e", A = "closing__aa974d68", D = "opened__b7630805", V = "topOverlayPanel__89223c7a", $ = "topOverlay__0fdbd0bf", t = {
+import { c as S, F as j } from "../../chunks/vendor-BiObpx9E.js";
+const E = "topOverlayMask__1e4cb8e2", w = "topOverlayWrapper__30f79d33", A = "closing__e4fdd105", D = "opened__89e63770", V = "topOverlayPanel__6dbd86be", $ = "topOverlay__c8acae90", t = {
   topOverlayMask: E,
   topOverlayWrapper: w,
   closing: A,
@@ -36,25 +36,25 @@ const E = "topOverlayMask__09ba16ed", w = "topOverlayWrapper__6245998e", A = "cl
   }, [e]);
   const M = () => {
     d(!1), c(0), l == null || l();
-  }, T = () => u(!1), b = (r) => /* @__PURE__ */ C(I, { children: [
+  }, T = () => u(!1), F = (r) => /* @__PURE__ */ C(I, { children: [
     /* @__PURE__ */ o(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
     /* @__PURE__ */ o(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
-  ] }), F = () => {
-  }, N = S(t.topOverlayWrapper, {
+  ] }), N = () => {
+  }, P = S(t.topOverlayWrapper, {
     [t.closing]: W,
     [t.opened]: e
-  }), P = /* @__PURE__ */ o(
+  }), b = /* @__PURE__ */ o(
     O,
     {
       onClose: M,
       onClosing: T,
       onOpen: k,
       opened: e,
-      setOpened: F,
+      setOpened: N,
       ...h,
       className: t.topOverlay,
       direction: R.TOP,
-      children: b
+      children: F
     }
   );
   return /* @__PURE__ */ o(
@@ -70,10 +70,10 @@ const E = "topOverlayMask__09ba16ed", w = "topOverlayWrapper__6245998e", A = "cl
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: N,
+          className: P,
           ref: s,
           style: f ? { top: `${f}px` } : void 0,
-          children: P
+          children: b
         }
       )
     }

package/components/TreeView/TreeView.js

@@ -9,8 +9,8 @@ import { TreeViewContext as l } from "./TreeViewContext.js";
 import { TreeViewAbstractNode as C } from "./TreeViewAbstractNode.js";
 import { TreeViewNode as f } from "./components/TreeViewNode.js";
 import { TreeViewGroup as b } from "./components/TreeViewGroup.js";
-import { c as v } from "../../chunks/vendor-CuCj7SgU.js";
-import { s as w } from "../../chunks/TreeView.module-7JefvvHQ.js";
+import { c as v } from "../../chunks/vendor-BiObpx9E.js";
+import { s as w } from "../../chunks/TreeView.module-B8RxFbbh.js";
 const R = "rootNode";
 class n extends m.Component {
   constructor(e) {

package/components/TreeView/components/TreeViewGroup.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s } from "../../../chunks/TreeView.module-7JefvvHQ.js";
+import { s } from "../../../chunks/TreeView.module-B8RxFbbh.js";
 const m = ({ children: r, ...e }) => /* @__PURE__ */ o("ul", { role: "group", className: s.treeViewGroup, ...e, children: r });
 export {
   m as TreeViewGroup

package/components/TreeView/components/TreeViewNode.js

@@ -6,8 +6,8 @@ import l from "react";
 import { TreeViewContext as m, withTreeViewContext as x } from "../TreeViewContext.js";
 import { TreeViewAbstractNode as b } from "../TreeViewAbstractNode.js";
 import { TreeViewAbstractNodeUtils as n } from "../TreeViewAbstractNodeUtils.js";
-import { c as w } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s as C } from "../../../chunks/TreeView.module-7JefvvHQ.js";
+import { c as w } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as C } from "../../../chunks/TreeView.module-B8RxFbbh.js";
 class V extends l.Component {
   constructor(e) {
     super(e);

package/components/Typography/Caption.js

@@ -1,19 +1,19 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as E } from "react/jsx-runtime";
 import { forwardRef as S } from "react";
-import { c as T } from "../../chunks/vendor-CuCj7SgU.js";
-import { ECaptionSize as s, EFontWeightCaption as _, EFontType as g } from "./enums.js";
-import { t, F as C } from "../../chunks/constants-Dag2NxzH.js";
-const b = "caption__21bd8b20", f = "regular__607953a3", y = "semibold__ec18a54f", M = "c1__7ec59ab1", N = "c2__53b2e259", R = "d1__aa5c5ac5", o = {
-  caption: b,
-  regular: f,
-  semibold: y,
-  c1: M,
+import { c as f } from "../../chunks/vendor-BiObpx9E.js";
+import { ECaptionSize as a, EFontWeightCaption as _, EFontType as T } from "./enums.js";
+import { t, F as g } from "../../chunks/constants-DXLVATUh.js";
+const C = "caption__aced2235", y = "regular__dcdb1641", M = "semibold__5b2127ac", b = "c1__1fbdd3d6", N = "c2__49eee03f", R = "d1__401656fa", o = {
+  caption: C,
+  regular: y,
+  semibold: M,
+  c1: b,
   c2: N,
   d1: R
 }, L = {
-  [s.C1]: o.c1,
-  [s.C2]: o.c2,
-  [s.D1]: o.d1
+  [a.C1]: o.c1,
+  [a.C2]: o.c2,
+  [a.D1]: o.d1
 }, O = {
   [_.REGULAR]: o.regular,
   [_.SEMIBOLD]: o.semibold
@@ -23,26 +23,26 @@ const b = "caption__21bd8b20", f = "regular__607953a3", y = "semibold__ec18a54f"
     className: n,
     size: e,
     weight: p = _.REGULAR,
-    type: i = g.PRIMARY,
-    underline: a,
-    strikethrough: c,
-    tag: m = "span",
-    ...l
-  }, A) => {
-    const E = T(
+    type: i = T.PRIMARY,
+    underline: c,
+    strikethrough: s,
+    tag: d = "span",
+    ...m
+  }, l) => {
+    const A = f(
       t.typography,
       o.caption,
       L[e],
       O[p],
-      C[i],
+      g[i],
       {
-        [t.strikethrough]: !!c && !a,
-        [t.underline]: !!a && !c,
-        [t.underlineStrikethrough]: !!c && !!a
+        [t.strikethrough]: !!s && !c,
+        [t.underline]: !!c && !s,
+        [t.underlineStrikethrough]: !!s && !!c
       },
       n
     );
-    return /* @__PURE__ */ d(m, { ref: A, className: E, ...l, children: r });
+    return /* @__PURE__ */ E(d, { ref: l, className: A, ...m, children: r });
   }
 );
 u.displayName = "Caption";