@sberbusiness/triplex-next 0.11.0 → 0.13.0

package/components/Tabs/Tabs.js

@@ -1,8 +1,8 @@
 import { jsx as c, jsxs as y } from "react/jsx-runtime";
 import { useState as l, useRef as D } from "react";
-import { TabsExtended as i } from "../TabsExtended/TabsExtended.js";
+import { TabsExtended as s } from "../TabsExtended/TabsExtended.js";
 import "../TabsExtended/components/TabsExtendedContent.js";
-import { c as W } from "../../chunks/vendor-BlJo2ILB.js";
+import { c as W } from "../../chunks/vendor-BARd5eYq.js";
 import "../TabsExtended/TabsExtendedContext.js";
 import "../TabsExtended/components/TabsExtendedTab.js";
 import "../TabsExtended/components/TabsExtendedTabButton.js";
@@ -15,62 +15,63 @@ import "../Button/ButtonDropdownExtended.js";
 import { EButtonDotsTheme as j } from "../Button/enums.js";
 import { EComponentSize as K } from "../../enums/EComponentSize.js";
 import { isKey as _ } from "../../utils/keyboard.js";
-const k = "tabButtonDropdown__0d3563d8", G = "sm__4fc76ca6", H = "md__4b8fe696", L = "lg__dbe28e6e", p = {
-  tabButtonDropdown: k,
-  sm: G,
-  md: H,
-  lg: L
-}, co = ({
-  buttonDropdownAttributes: h,
-  selectedId: a,
-  onSelectTab: v,
-  size: s = K.MD,
+const k = "tabsContent__6cc73be4", G = "tabButtonDropdown__54d6b98a", H = "sm__8d3d8197", L = "md__76a0123a", M = "lg__5dc4f102", p = {
+  tabsContent: k,
+  tabButtonDropdown: G,
+  sm: H,
+  md: L,
+  lg: M
+}, so = ({
+  buttonDropdownAttributes: C,
+  selectedId: i,
+  onSelectTab: h,
+  size: a = K.MD,
   tabs: t,
-  ...w
+  ...v
 }) => {
-  const [R, d] = l(a || t[0].id), [A, C] = l(""), [F, I] = l(""), m = D(null), u = D(null), S = ({ dropdownItemsIds: n, onSelectTab: o }) => t.filter((e) => n.includes(e.id)).map((e) => ({ ...e, onSelect: () => o(e.id) })), B = (n, o) => /* @__PURE__ */ c(i.Content.Tab, { ...n, children: ({ selected: e, isFirstInlineTab: N, isLastInlineTab: g }) => {
-    const E = R === n.id ? 0 : -1, O = () => {
+  const [w, d] = l(i || t[0].id), [R, A] = l(""), [F, I] = l(""), m = D(null), u = D(null), S = ({ dropdownItemsIds: n, onSelectTab: o }) => t.filter((e) => n.includes(e.id)).map((e) => ({ ...e, onSelect: () => o(e.id) })), B = (n, o) => /* @__PURE__ */ c(s.Content.Tab, { ...n, children: ({ selected: e, isFirstInlineTab: N, isLastInlineTab: g }) => {
+    const E = w === n.id ? 0 : -1, O = () => {
       let r;
-      return A === n.id ? r = m : F === n.id && (r = u), r;
+      return R === n.id ? r = m : F === n.id && (r = u), r;
     };
     return /* @__PURE__ */ c(
-      i.Content.TabButton,
+      s.Content.TabButton,
       {
         selected: e,
         tabIndex: E,
         ref: O(),
-        size: s,
+        size: a,
         showNotificationIcon: n.showNotificationIcon,
         onFocus: () => {
-          C(t[o - 1] ? t[o - 1].id : ""), I(t[o + 1] ? t[o + 1].id : "");
+          A(t[o - 1] ? t[o - 1].id : ""), I(t[o + 1] ? t[o + 1].id : "");
         },
         onKeyDown: (r) => {
-          var T, b;
+          var b, T;
           const { key: f } = r;
-          _(f, "ARROW_LEFT") ? (N || (d(t[o - 1].id), (T = m.current) == null || T.focus()), r.preventDefault()) : _(f, "ARROW_RIGHT") && (g || (d(t[o + 1].id), (b = u.current) == null || b.focus()), r.preventDefault());
+          _(f, "ARROW_LEFT") ? (N || (d(t[o - 1].id), (b = m.current) == null || b.focus()), r.preventDefault()) : _(f, "ARROW_RIGHT") && (g || (d(t[o + 1].id), (T = u.current) == null || T.focus()), r.preventDefault());
         },
         children: n.label
       }
     );
   } }, o);
-  return /* @__PURE__ */ c(i, { ...w, selectedId: a, onSelectTab: v, children: /* @__PURE__ */ y(i.Content, { className: p.tabsContent, size: s, children: [
-    /* @__PURE__ */ c(i.Content.TabsWrapper, { children: t.map(B) }),
-    /* @__PURE__ */ c(i.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(s, { ...v, selectedId: i, onSelectTab: h, children: /* @__PURE__ */ y(s.Content, { className: p.tabsContent, size: a, children: [
+    /* @__PURE__ */ c(s.Content.TabsWrapper, { children: t.map(B) }),
+    /* @__PURE__ */ c(s.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ c(
       x,
       {
         theme: j.DOTS_SECONDARY,
-        size: s,
+        size: a,
         options: S({ dropdownItemsIds: n, onSelectTab: o }),
-        selected: t.filter((e) => e.id === a)[0],
+        selected: t.filter((e) => e.id === i)[0],
         buttonAttributes: {
-          ...h,
-          className: W(p.tabButtonDropdown, p[s])
+          ...C,
+          className: W(p.tabButtonDropdown, p[a])
         }
       }
     ) })
   ] }) });
 };
 export {
-  co as Tabs
+  so as Tabs
 };
 //# sourceMappingURL=Tabs.js.map

package/components/TabsExtended/TabsExtended.js

@@ -1,11 +1,11 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useState as r, useRef as T } from "react";
-import { c as b } from "../../chunks/vendor-BlJo2ILB.js";
+import { c as b } from "../../chunks/vendor-BARd5eYq.js";
 import { TabsExtendedContext as E } from "./TabsExtendedContext.js";
 import { TabsExtendedContent as I } from "./components/TabsExtendedContent.js";
-import { s as u } from "../../chunks/TabsExtended.module-Bz6DCd7L.js";
+import { s as u } from "../../chunks/TabsExtended.module-D0-Tp3Ed.js";
 import { ETabsExtendedType as C } from "./enums.js";
-import { t as v } from "../../chunks/utils-DK364Pn0.js";
+import { t as v } from "../../chunks/utils-SerS_ys8.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -1,11 +1,11 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as m } from "../../../chunks/vendor-BlJo2ILB.js";
+import { c as m } from "../../../chunks/vendor-BARd5eYq.js";
 import { TabsExtendedTabsWrapper as n } from "./TabsExtendedTabsWrapper.js";
 import { TabsExtendedTab as d } from "./TabsExtendedTab.js";
 import { TabsExtendedTabButton as i } from "./TabsExtendedTabButton.js";
 import { EComponentSize as T } from "../../../enums/EComponentSize.js";
 import { TabsExtendedDropdownWrapper as b } from "./TabsExtendedDropdownWrapper.js";
-import { s as r } from "../../../chunks/TabsExtended.module-Bz6DCd7L.js";
+import { s as r } from "../../../chunks/TabsExtended.module-D0-Tp3Ed.js";
 import { createSizeToClassNameMap as f } from "../../../utils/classNameMaps.js";
 import "./TabsExtendedTabContext.js";
 const x = f(r), o = ({

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { s as p } from "../../../chunks/TabsExtended.module-Bz6DCd7L.js";
-import { c as a } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as p } from "../../../chunks/TabsExtended.module-D0-Tp3Ed.js";
+import { c as a } from "../../../chunks/vendor-BARd5eYq.js";
 import { TabsExtendedContext as i } from "../TabsExtendedContext.js";
 const w = ({
   children: e,

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -1,7 +1,7 @@
 import { jsx as x } from "react/jsx-runtime";
 import f, { useContext as o } from "react";
-import { s as r } from "../../../chunks/TabsExtended.module-Bz6DCd7L.js";
-import { c as I } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as r } from "../../../chunks/TabsExtended.module-D0-Tp3Ed.js";
+import { c as I } from "../../../chunks/vendor-BARd5eYq.js";
 import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as E } from "./TabsExtendedTabContext.js";
 const h = f.forwardRef(

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,8 +1,8 @@
 import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import x, { useContext as b } from "react";
-import { c as f } from "../../../chunks/vendor-BlJo2ILB.js";
+import { c as f } from "../../../chunks/vendor-BARd5eYq.js";
 import { EComponentSize as T } from "../../../enums/EComponentSize.js";
-import { s as t, t as l, a as u } from "../../../chunks/utils-DK364Pn0.js";
+import { s as t, t as l, a as u } from "../../../chunks/utils-SerS_ys8.js";
 import { TabsExtendedContext as E } from "../TabsExtendedContext.js";
 import { Text as N } from "../../Typography/Text.js";
 import { NotificationIcon as y } from "../../NotificationIcon/NotificationIcon.js";

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -1,9 +1,9 @@
 import { jsxs as k, Fragment as y, jsx as f } from "react/jsx-runtime";
 import a, { useContext as A, useState as D, useRef as g, useLayoutEffect as R, isValidElement as B } from "react";
-import { u as F, c as N, p as z } from "../../../chunks/vendor-BlJo2ILB.js";
+import { u as F, c as N, p as z } from "../../../chunks/vendor-BARd5eYq.js";
 import { TabsExtendedContext as j } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as P } from "./TabsExtendedTabContext.js";
-import { s as l } from "../../../chunks/TabsExtended.module-Bz6DCd7L.js";
+import { s as l } from "../../../chunks/TabsExtended.module-D0-Tp3Ed.js";
 const G = ({
   children: s,
   className: C,

package/components/TabsExtended/utils.js

@@ -1,6 +1,6 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
-import { a as s, t as i } from "../../chunks/utils-DK364Pn0.js";
+import { a as s, t as i } from "../../chunks/utils-SerS_ys8.js";
 import "../Typography/enums.js";
 export {
   s as tabsExtendedSizeToTextSizeMap,

package/components/TabsLine/TabsLine.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as b } from "../../chunks/vendor-BlJo2ILB.js";
+import { c as b } from "../../chunks/vendor-BARd5eYq.js";
 import { MobileView as c } from "../MobileView/MobileView.js";
 import { TabsLineDesktop as d } from "./components/TabsLineDesktop.js";
 import { TabsLineMobile as x } from "./components/TabsLineMobile.js";
-import { s as m } from "../../chunks/TabsLine.module-CGVMZUpJ.js";
+import { s as m } from "../../chunks/TabsLine.module-D0stwkA6.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const v = ({

package/components/TabsLine/components/TabsLineDesktop.js

@@ -3,8 +3,8 @@ import { useState as D, useRef as T, useEffect as N } from "react";
 import { TabsLineDropdown as S } from "./TabsLineDropdown.js";
 import { TabsLineItem as k } from "./TabsLineItem.js";
 import { isKey as u } from "../../../utils/keyboard.js";
-import { l as L } from "../../../chunks/vendor-BlJo2ILB.js";
-import { s as J } from "../../../chunks/TabsLine.module-CGVMZUpJ.js";
+import { l as L } from "../../../chunks/vendor-BARd5eYq.js";
+import { s as J } from "../../../chunks/TabsLine.module-D0stwkA6.js";
 const $ = ({
   tabs: l,
   dropdownTargetHtmlAttributes: g,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -3,12 +3,12 @@ var k = (p, r, e) => r in p ? A(p, r, { enumerable: !0, configurable: !0, writab
 var t = (p, r, e) => k(p, typeof r != "symbol" ? r + "" : r, e);
 import { jsxs as g, jsx as d } from "react/jsx-runtime";
 import v, { createElement as O } from "react";
-import { a as x, c as C } from "../../../chunks/vendor-BlJo2ILB.js";
+import { a as x, c as C } from "../../../chunks/vendor-BARd5eYq.js";
 import { Dropdown as E } from "../../Dropdown/Dropdown.js";
 import { DropdownListContext as M } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as N } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CiE3zUVn.js";
+import "../../../chunks/DropdownListItem-9VgfsLJP.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -23,7 +23,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as y } from "../../../enums/EComponentSize.js";
 import { CaretdownStrokeSrvIcon16 as L } from "@sberbusiness/icons-next";
 import { isKey as l } from "../../../utils/keyboard.js";
-import { s as o } from "../../../chunks/TabsLine.module-CGVMZUpJ.js";
+import { s as o } from "../../../chunks/TabsLine.module-D0stwkA6.js";
 import { createSizeToClassNameMap as z } from "../../../utils/classNameMaps.js";
 import { Text as P } from "../../Typography/Text.js";
 import { tabsLineSizeToTextSizeMap as K } from "../utils.js";

package/components/TabsLine/components/TabsLineItem.js

@@ -1,10 +1,10 @@
 import { jsx as n } from "react/jsx-runtime";
 import N, { useState as c, createElement as h } from "react";
-import { c as y } from "../../../chunks/vendor-BlJo2ILB.js";
+import { c as y } from "../../../chunks/vendor-BARd5eYq.js";
 import { EComponentSize as E } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as S } from "../../../utils/classNameMaps.js";
 import { NotificationIcon as v } from "../../NotificationIcon/NotificationIcon.js";
-import { s as e } from "../../../chunks/TabsLine.module-CGVMZUpJ.js";
+import { s as e } from "../../../chunks/TabsLine.module-D0stwkA6.js";
 import { Text as x } from "../../Typography/Text.js";
 import { tabsLineSizeToTextSizeMap as z } from "../utils.js";
 import { EFontType as f } from "../../Typography/enums.js";

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,19 +1,19 @@
 import { jsx as n } from "react/jsx-runtime";
 import { TabsLineItem as t } from "./TabsLineItem.js";
-const p = "tabsLineMobileWrapper__baafc2c6", d = "tabsLineMobile__74b8bf33", l = {
+const p = "tabsLineMobileWrapper__94890858", d = "tabsLineMobile__35412cfe", l = {
   tabsLineMobileWrapper: p,
   tabsLineMobile: d
-}, h = ({ onChangeTab: r, selectedId: a, tabs: i }) => {
+}, h = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
   if (!i.length)
     return null;
-  const b = ({ selected: L, ...e }) => {
-    const o = (c) => {
+  const a = ({ selected: L, ...e }) => {
+    const b = (c) => {
       var s;
       r(e.id), (s = e.onClick) == null || s.call(e, c);
     };
-    return /* @__PURE__ */ n(t, { selected: a === e.id, ...e, onClick: o }, 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(b) }) });
+  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(a) }) });
 };
 export {
   h as TabsLineMobile

package/components/Tag/Tag.js

@@ -1,37 +1,37 @@
 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-BlJo2ILB.js";
-import { EditStrokeSrvIcon24 as N, EditStrokeSrvIcon20 as v, EditStrokeSrvIcon16 as y, CrossStrokeSrvIcon24 as z, CrossStrokeSrvIcon20 as G, CrossStrokeSrvIcon16 as d } from "@sberbusiness/icons-next";
+import d, { useCallback as S } from "react";
+import { c as E } from "../../chunks/vendor-BARd5eYq.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 { Text as h } from "../Typography/Text.js";
-import { ETextSize as f, EFontType as T } from "../Typography/enums.js";
+import { ETextSize as I, EFontType as T } from "../Typography/enums.js";
 import { ButtonIcon as _ } from "../Button/ButtonIcon.js";
 import { createSizeToClassNameMap as j } from "../../utils/classNameMaps.js";
 import { EComponentSize as r } from "../../enums/EComponentSize.js";
-const A = "tag__49af03b1", R = "sm__7f1e9a4f", w = "md__c1ef0208", F = "lg__ff213f02", P = "content__5563396d", I = {
+const A = "tag__839505a2", R = "sm__24177033", w = "md__d130a7d8", F = "lg__28883b2b", P = "content__e6b0ed12", l = {
   tag: A,
   sm: R,
   md: w,
   lg: F,
   content: P
-}, Y = j(I), q = {
-  [r.SM]: f.B4,
-  [r.MD]: f.B3,
-  [r.LG]: f.B2
+}, Y = j(l), q = {
+  [r.SM]: I.B4,
+  [r.MD]: I.B3,
+  [r.LG]: I.B2
 }, H = {
-  [r.SM]: /* @__PURE__ */ o(y, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
-  [r.LG]: /* @__PURE__ */ o(N, { paletteIndex: 5 })
+  [r.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ o(N, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ o(L, { paletteIndex: 5 })
 }, J = {
-  [r.SM]: /* @__PURE__ */ o(d, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
-  [r.LG]: /* @__PURE__ */ o(z, { paletteIndex: 5 })
-}, b = E.forwardRef(
-  ({ children: l, id: s, className: g, size: e, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...u }, C) => {
+  [r.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
+}, b = d.forwardRef(
+  ({ children: x, id: s, className: g, size: e, disabled: n, onRemove: a, onEdit: c, removeButtonProps: M, editButtonProps: f, ...u }, C) => {
     const k = S(() => {
       const t = n ? T.DISABLED : T.PRIMARY;
-      return /* @__PURE__ */ o(h, { className: I.content, type: t, size: q[e], children: l });
-    }, [l, e, n]), B = S(() => {
-      const { onClick: t, ...m } = M || {};
+      return /* @__PURE__ */ o(h, { className: l.content, type: t, size: q[e], children: x });
+    }, [x, e, n]), B = S(() => {
+      const { onClick: t, ...m } = f || {};
       return /* @__PURE__ */ o(
         _,
         {
@@ -43,8 +43,8 @@ const A = "tag__49af03b1", R = "sm__7f1e9a4f", w = "md__c1ef0208", F = "lg__ff21
           children: H[e]
         }
       );
-    }, [s, e, n, M, c]), i = S(() => {
-      const { onClick: t, ...m } = x || {};
+    }, [s, e, n, f, c]), i = S(() => {
+      const { onClick: t, ...m } = M || {};
       return /* @__PURE__ */ o(
         _,
         {
@@ -56,8 +56,8 @@ const A = "tag__49af03b1", R = "sm__7f1e9a4f", w = "md__c1ef0208", F = "lg__ff21
           children: J[e]
         }
       );
-    }, [s, e, n, x, a]);
-    return /* @__PURE__ */ D("span", { className: L(I.tag, Y[e], g), ...u, ref: C, children: [
+    }, [s, e, n, M, a]);
+    return /* @__PURE__ */ D("span", { className: E(l.tag, Y[e], g), ...u, ref: C, children: [
       k(),
       c && B(),
       i()

package/components/TagColor/TagColor.js

@@ -1,32 +1,32 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import f from "react";
-import { c as m } from "../../chunks/vendor-BlJo2ILB.js";
+import { c as m } from "../../chunks/vendor-BARd5eYq.js";
 import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
 import { ETagColorStatus as s } from "./enums.js";
-const _ = "tagColor__118a65cd", i = "sm__ff1e110e", d = "md__25d1e9ed", g = "lg__0d761c9f", p = "success__5af24f2b", C = "info__90890add", u = "warning__97a73f33", N = "error__dbe01cec", T = "content__46e4efbb", o = {
+const _ = "tagColor__836c2c0c", i = "sm__64dce75b", g = "md__d667949c", d = "lg__8c99874f", p = "success__adae0d38", C = "info__bffab0ef", u = "warning__aaf95a80", N = "error__58964568", T = "content__abf391c6", o = {
   tagColor: _,
   sm: i,
-  md: d,
-  lg: g,
-  default: "default__98789301",
+  md: g,
+  lg: d,
+  default: "default__a57817fb",
   success: p,
   info: C,
   warning: u,
   error: N,
   content: T
-}, R = l(o), w = {
+}, R = l(o), b = {
   [s.DEFAULT]: o.default,
   [s.SUCCESS]: o.success,
   [s.INFO]: o.info,
   [s.WARNING]: o.warning,
   [s.ERROR]: o.error
 }, F = f.forwardRef(
-  ({ children: a, className: e, size: r, status: c = s.DEFAULT, ...n }) => /* @__PURE__ */ t(
+  ({ children: t, className: c, size: r, status: n = s.DEFAULT, ...e }) => /* @__PURE__ */ a(
     "span",
     {
-      className: m(o.tagColor, R[r], w[c], e),
-      ...n,
-      children: /* @__PURE__ */ t("span", { className: o.content, children: a })
+      className: m(o.tagColor, R[r], b[n], c),
+      ...e,
+      children: /* @__PURE__ */ a("span", { className: o.content, children: t })
     }
   )
 );

package/components/TagGroup/TagGroup.js

@@ -1,20 +1,20 @@
-import { jsx as c } from "react/jsx-runtime";
-import p from "react";
-import { c as e } from "../../chunks/vendor-BlJo2ILB.js";
-import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
-const l = "tagGroup__12c48494", _ = "sm__4d845b8b", d = "md__983daf30", f = "lg__5aba67a0", o = {
-  tagGroup: l,
-  sm: _,
-  md: d,
-  lg: f
-}, i = g(o), x = p.forwardRef(
-  ({ children: s, className: a, size: r, ...t }, m) => /* @__PURE__ */ c(
+import { jsx as m } from "react/jsx-runtime";
+import e from "react";
+import { c as p } from "../../chunks/vendor-BARd5eYq.js";
+import { createSizeToClassNameMap as d } from "../../utils/classNameMaps.js";
+const f = "tagGroup__5cddcf7d", g = "sm__08cfef53", l = "md__c98c33db", _ = "lg__b6142b99", o = {
+  tagGroup: f,
+  sm: g,
+  md: l,
+  lg: _
+}, i = d(o), x = e.forwardRef(
+  ({ children: s, className: r, size: t, ...a }, c) => /* @__PURE__ */ m(
     "div",
     {
-      className: e(o.tagGroup, i[r], a),
+      className: p(o.tagGroup, i[t], r),
       role: "group",
-      ...t,
-      ref: m,
+      ...a,
+      ref: c,
       children: s
     }
   )

package/components/TextField/TextField.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { F as r } from "../../chunks/FormFieldInput-DO7mZKjJ.js";
+import { F as r } from "../../chunks/FormFieldInput-DurMmok0.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,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import { TextFieldBase as i } from "../TextField/TextFieldBase.js";
-import "../FormField/FormFieldContext.js";
+import "../FormField/FormField.js";
 import "../FormField/components/FormFieldDescription.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-DO7mZKjJ.js";
+import "../../chunks/FormFieldInput-DurMmok0.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 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-BlJo2ILB.js";
+import { s as c, w as d, x as f } from "../../chunks/vendor-BARd5eYq.js";
 import { DesignTokenUtils as S } from "../DesignTokens/DesignTokenUtils.js";
 import { ThemeProviderView as h } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -6,7 +6,7 @@ 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-BlJo2ILB.js";
+import { k as g } from "../../../chunks/vendor-BARd5eYq.js";
 const I = ({
   children: s,
   scopeClassName: r,

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

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
-import { c as s } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { c as s } from "../../../../chunks/vendor-BARd5eYq.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-Czj3LOl5.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-DUucrF7X.js";
 const d = e.forwardRef(({ className: r, ...i }, t) => {
   const m = s(f.tooltipBody, r);
   return /* @__PURE__ */ o(a, { fallback: /* @__PURE__ */ o("div", { className: m, ...i, ref: t }), children: /* @__PURE__ */ o(l, { className: m, size: c.B3, line: p.NORMAL, tag: "div", ...i, ref: t }) });

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

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import n from "react";
-import { c as l } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { c as l } from "../../../../chunks/vendor-BARd5eYq.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__c4f705a5", r = "desktop__d813e6c3", m = "mobile__d0790db5", o = {
+const k = "tooltipLink__ed344051", r = "desktop__7eee3cb3", m = "mobile__4a69dab4", o = {
   tooltipLink: k,
   desktop: r,
   mobile: m
@@ -12,7 +12,7 @@ const k = "tooltipLink__c4f705a5", r = "desktop__d813e6c3", m = "mobile__d0790db
     {
       className: l(o.tooltipLink, o.desktop, e),
       ...p,
-      "data-tx": "0.11.0",
+      "data-tx": "0.13.0",
       ref: s,
       children: i
     }
@@ -21,7 +21,7 @@ const k = "tooltipLink__c4f705a5", r = "desktop__d813e6c3", m = "mobile__d0790db
     {
       className: l(o.tooltipLink, o.mobile, e),
       ...p,
-      "data-tx": "0.11.0",
+      "data-tx": "0.13.0",
       ref: s,
       children: i
     }

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

@@ -1,14 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useContext as p } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as m } from "react";
 import { CrossStrokeSrvIcon16 as n } from "@sberbusiness/icons-next";
 import { TooltipContext as i } from "../../TootlipContext.js";
-import { ButtonIcon as l } from "../../../Button/ButtonIcon.js";
-import { s as f } from "../../../../chunks/TooltipDesktop.module-Czj3LOl5.js";
-const I = ({ onClick: t, ...r }) => {
-  const { setTooltipOpen: e } = p(i), s = (m) => {
-    e(!1), t == null || t(m);
+import { ButtonIcon as a } from "../../../Button/ButtonIcon.js";
+import { s as l } from "../../../../chunks/TooltipDesktop.module-DUucrF7X.js";
+const I = ({ onClick: o, ...s }) => {
+  const { setTooltipOpen: p } = m(i), e = (t) => {
+    t.stopPropagation(), p(!1), o == null || o(t);
   };
-  return /* @__PURE__ */ o(l, { className: f.tooltipXButton, onClick: s, ...r, children: /* @__PURE__ */ o(n, { paletteIndex: 6 }) });
+  return /* @__PURE__ */ r(a, { className: l.tooltipXButton, onClick: e, ...s, children: /* @__PURE__ */ r(n, { paletteIndex: 6 }) });
 };
 export {
   I as TooltipXButton

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

@@ -3,13 +3,13 @@ var _ = (p, a, i) => a in p ? H(p, a, { enumerable: !0, configurable: !0, writab
 var t = (p, a, i) => _(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-BlJo2ILB.js";
+import { i as M, c as $ } from "../../../../../chunks/vendor-BARd5eYq.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-Czj3LOl5.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-DUucrF7X.js";
 const Q = {
   column: "translateX",
   row: "translateY"

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

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