@sberbusiness/triplex-next 0.16.0 → 0.17.0

package/components/Table/TabsLinePanel.js

@@ -1,12 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
 import { c as t } from "../../chunks/vendor-DE8Zvm0w.js";
 import { TabsLinePanelLinks as l } from "./TabsLinePanelLinks.js";
-const o = "tabsLinePanel__e4936602", L = {
+const o = "tabsLinePanel__24a22a18", L = {
   tabsLinePanel: o
-}, s = ({ children: a, className: e, ...n }) => /* @__PURE__ */ i("div", { className: t(L.tabsLinePanel, e), ...n, children: a });
-s.Links = l;
-s.displayName = "TabsLinePanel";
+}, a = ({ children: s, className: n, ...e }) => /* @__PURE__ */ i("div", { className: t(L.tabsLinePanel, n), ...e, children: s });
+a.Links = l;
+a.displayName = "TabsLinePanel";
 export {
-  s as TabsLinePanel
+  a as TabsLinePanel
 };
 //# sourceMappingURL=TabsLinePanel.js.map

package/components/Table/TabsLinePanelLinks.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { c as t } from "../../chunks/vendor-DE8Zvm0w.js";
 import { Text as a } from "../Typography/Text.js";
 import { EFontWeightText as o, ETextSize as L } from "../Typography/enums.js";
-const l = "tabsLinePanelLinks__32c07fda", m = {
+const l = "tabsLinePanelLinks__764429f3", m = {
   tabsLinePanelLinks: l
 }, r = ({
   children: s,

package/components/Table/utils.js

@@ -1,5 +1,5 @@
 import "./TableBasic/enums.js";
-import { b as s, m as o, a as e } from "../../chunks/utils-zNOBXKDX.js";
+import { b as s, m as o, a as e } from "../../chunks/utils-DT0zStlo.js";
 export {
   s as mapCellTypeToClassName,
   o as mapHorizontalAlignToClassName,

package/components/Tabs/Tabs.js

@@ -1,6 +1,6 @@
-import { jsx as c, jsxs as y } from "react/jsx-runtime";
+import { jsx as s, jsxs as y } from "react/jsx-runtime";
 import { useState as l, useRef as D } from "react";
-import { TabsExtended as s } from "../TabsExtended/TabsExtended.js";
+import { TabsExtended as a } from "../TabsExtended/TabsExtended.js";
 import "../TabsExtended/components/TabsExtendedContent.js";
 import { c as W } from "../../chunks/vendor-DE8Zvm0w.js";
 import "../TabsExtended/TabsExtendedContext.js";
@@ -15,63 +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 = "tabsContent__4ecf4820", G = "tabButtonDropdown__ac85019a", H = "sm__94fbcb86", L = "md__d9334e69", M = "lg__02bb8eeb", p = {
+const k = "tabsContent__0aea9667", G = "tabButtonDropdown__97a93bf8", H = "sm__8f28d9b5", L = "md__1dc95608", M = "lg__6b455b2a", p = {
   tabsContent: k,
   tabButtonDropdown: G,
   sm: H,
   md: L,
   lg: M
-}, so = ({
+}, ao = ({
   buttonDropdownAttributes: C,
-  selectedId: a,
+  selectedId: i,
   onSelectTab: h,
-  size: i = K.MD,
+  size: c = K.MD,
   tabs: t,
   ...v
 }) => {
-  const [w, m] = l(a || t[0].id), [R, A] = l(""), [F, I] = l(""), d = 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 [w, m] = l(i || t[0].id), [R, A] = l(""), [F, I] = l(""), d = 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__ */ s(a.Content.Tab, { ...n, children: ({ selected: e, isFirstInlineTab: N, isLastInlineTab: g }) => {
     const E = w === n.id ? 0 : -1, O = () => {
       let r;
       return R === n.id ? r = d : F === n.id && (r = u), r;
     };
-    return /* @__PURE__ */ c(
-      s.Content.TabButton,
+    return /* @__PURE__ */ s(
+      a.Content.TabButton,
       {
         selected: e,
         tabIndex: E,
         ref: O(),
-        size: i,
+        size: c,
         showNotificationIcon: n.showNotificationIcon,
         onFocus: () => {
           A(t[o - 1] ? t[o - 1].id : ""), I(t[o + 1] ? t[o + 1].id : "");
         },
         onKeyDown: (r) => {
-          var f, T;
-          const { key: b } = r;
-          _(b, "ARROW_LEFT") ? (N || (m(t[o - 1].id), (f = d.current) == null || f.focus()), r.preventDefault()) : _(b, "ARROW_RIGHT") && (g || (m(t[o + 1].id), (T = u.current) == null || T.focus()), r.preventDefault());
+          var b, T;
+          const { key: f } = r;
+          _(f, "ARROW_LEFT") ? (N || (m(t[o - 1].id), (b = d.current) == null || b.focus()), r.preventDefault()) : _(f, "ARROW_RIGHT") && (g || (m(t[o + 1].id), (T = u.current) == null || T.focus()), r.preventDefault());
         },
         children: n.label
       }
     );
   } }, o);
-  return /* @__PURE__ */ c(s, { ...v, selectedId: a, onSelectTab: h, children: /* @__PURE__ */ y(s.Content, { className: p.tabsContent, size: i, children: [
-    /* @__PURE__ */ c(s.Content.TabsWrapper, { children: t.map(B) }),
-    /* @__PURE__ */ c(s.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ c(
+  return /* @__PURE__ */ s(a, { ...v, selectedId: i, onSelectTab: h, children: /* @__PURE__ */ y(a.Content, { className: p.tabsContent, size: c, children: [
+    /* @__PURE__ */ s(a.Content.TabsWrapper, { children: t.map(B) }),
+    /* @__PURE__ */ s(a.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ s(
       x,
       {
         theme: j.DOTS_SECONDARY,
-        size: i,
+        size: c,
         options: S({ dropdownItemsIds: n, onSelectTab: o }),
-        selected: t.filter((e) => e.id === a)[0],
+        selected: t.filter((e) => e.id === i)[0],
         buttonAttributes: {
           ...C,
-          className: W(p.tabButtonDropdown, p[i])
+          className: W(p.tabButtonDropdown, p[c])
         }
       }
     ) })
   ] }) });
 };
 export {
-  so as Tabs
+  ao as Tabs
 };
 //# sourceMappingURL=Tabs.js.map

package/components/TabsExtended/TabsExtended.js

@@ -3,9 +3,9 @@ import { useState as r, useRef as T } from "react";
 import { c as b } from "../../chunks/vendor-DE8Zvm0w.js";
 import { TabsExtendedContext as E } from "./TabsExtendedContext.js";
 import { TabsExtendedContent as I } from "./components/TabsExtendedContent.js";
-import { s as u } from "../../chunks/TabsExtended.module-hRiksHlb.js";
+import { s as u } from "../../chunks/TabsExtended.module-Ce6tDS2A.js";
 import { ETabsExtendedType as C } from "./enums.js";
-import { t as v } from "../../chunks/utils-Bg2bllE8.js";
+import { t as v } from "../../chunks/utils-C3Drcn94.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -5,7 +5,7 @@ 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-hRiksHlb.js";
+import { s as r } from "../../../chunks/TabsExtended.module-Ce6tDS2A.js";
 import { createSizeToClassNameMap as f } from "../../../utils/classNameMaps.js";
 import "./TabsExtendedTabContext.js";
 const x = f(r), o = ({

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { s as p } from "../../../chunks/TabsExtended.module-hRiksHlb.js";
+import { s as p } from "../../../chunks/TabsExtended.module-Ce6tDS2A.js";
 import { c as a } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { TabsExtendedContext as i } from "../TabsExtendedContext.js";
 const w = ({

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -1,6 +1,6 @@
 import { jsx as x } from "react/jsx-runtime";
 import f, { useContext as o } from "react";
-import { s as r } from "../../../chunks/TabsExtended.module-hRiksHlb.js";
+import { s as r } from "../../../chunks/TabsExtended.module-Ce6tDS2A.js";
 import { c as I } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as E } from "./TabsExtendedTabContext.js";

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -2,7 +2,7 @@ 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-DE8Zvm0w.js";
 import { EComponentSize as T } from "../../../enums/EComponentSize.js";
-import { s as t, t as l, a as u } from "../../../chunks/utils-Bg2bllE8.js";
+import { s as t, t as l, a as u } from "../../../chunks/utils-C3Drcn94.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

@@ -3,7 +3,7 @@ import a, { useContext as A, useState as D, useRef as g, useLayoutEffect as R, i
 import { a as F, c as N, p as z } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { TabsExtendedContext as j } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as P } from "./TabsExtendedTabContext.js";
-import { s as l } from "../../../chunks/TabsExtended.module-hRiksHlb.js";
+import { s as l } from "../../../chunks/TabsExtended.module-Ce6tDS2A.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-Bg2bllE8.js";
+import { a as s, t as i } from "../../chunks/utils-C3Drcn94.js";
 import "../Typography/enums.js";
 export {
   s as tabsExtendedSizeToTextSizeMap,

package/components/TabsLine/TabsLine.js

@@ -3,7 +3,7 @@ import { c as b } from "../../chunks/vendor-DE8Zvm0w.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-3hdH-7s8.js";
+import { s as m } from "../../chunks/TabsLine.module-YxNiuXB5.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const v = ({

package/components/TabsLine/components/TabsLineDesktop.js

@@ -4,7 +4,7 @@ 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-DE8Zvm0w.js";
-import { s as J } from "../../../chunks/TabsLine.module-3hdH-7s8.js";
+import { s as J } from "../../../chunks/TabsLine.module-YxNiuXB5.js";
 const $ = ({
   tabs: l,
   dropdownTargetHtmlAttributes: g,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -7,7 +7,7 @@ import { u as x, c as C } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { DropdownListContext as E } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as N } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BdSacGyt.js";
+import "../../../chunks/DropdownListItem-BuR89hPJ.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -23,7 +23,7 @@ import { EComponentSize as M } from "../../../enums/EComponentSize.js";
 import { Dropdown as y } from "../../Dropdown/Dropdown.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-3hdH-7s8.js";
+import { s as o } from "../../../chunks/TabsLine.module-YxNiuXB5.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

@@ -4,7 +4,7 @@ import { c as y } from "../../../chunks/vendor-DE8Zvm0w.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-3hdH-7s8.js";
+import { s as e } from "../../../chunks/TabsLine.module-YxNiuXB5.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,21 +1,21 @@
 import { jsx as n } from "react/jsx-runtime";
-import { TabsLineItem as c } from "./TabsLineItem.js";
-const d = "tabsLineMobileWrapper__3d98ab69", p = "tabsLineMobile__2df7a09a", a = {
+import { TabsLineItem as t } from "./TabsLineItem.js";
+const d = "tabsLineMobileWrapper__5166114d", p = "tabsLineMobile__e9cec02b", l = {
   tabsLineMobileWrapper: d,
   tabsLineMobile: p
-}, h = ({ onChangeTab: l, selectedId: r, tabs: i }) => {
+}, u = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
   if (!i.length)
     return null;
-  const o = ({ selected: L, ...e }) => {
-    const b = (t) => {
+  const a = ({ selected: L, ...e }) => {
+    const b = (c) => {
       var s;
-      l(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: r === e.id, ...e, onClick: b }, e.id);
+    return /* @__PURE__ */ n(t, { selected: o === e.id, ...e, onClick: b }, e.id);
   };
-  return /* @__PURE__ */ n("div", { className: a.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: a.tabsLineMobile, children: i.map(o) }) });
+  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(a) }) });
 };
 export {
-  h as TabsLineMobile
+  u as TabsLineMobile
 };
 //# sourceMappingURL=TabsLineMobile.js.map

package/components/Tag/Tag.js

@@ -1,35 +1,35 @@
 import { jsx as o, jsxs as D } from "react/jsx-runtime";
-import d, { useCallback as S } from "react";
-import { c as E } from "../../chunks/vendor-DE8Zvm0w.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 E, { useCallback as S } from "react";
+import { c as L } from "../../chunks/vendor-DE8Zvm0w.js";
+import { EditStrokeSrvIcon24 as N, EditStrokeSrvIcon20 as v, EditStrokeSrvIcon16 as y, CrossStrokeSrvIcon24 as z, CrossStrokeSrvIcon20 as G, CrossStrokeSrvIcon16 as h } from "@sberbusiness/icons-next";
+import { Text as j } from "../Typography/Text.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 { createSizeToClassNameMap as A } from "../../utils/classNameMaps.js";
 import { EComponentSize as e } from "../../enums/EComponentSize.js";
-const A = "tag__72f244dc", R = "sm__c778025e", w = "md__5efe3ff4", F = "lg__29fe8621", P = "content__52fcdd25", I = {
-  tag: A,
-  sm: R,
+const R = "tag__159ea68f", d = "sm__a8ae2467", w = "md__fcb159e0", F = "lg__ba178f8c", P = "content__586f5a4f", f = {
+  tag: R,
+  sm: d,
   md: w,
   lg: F,
   content: P
-}, Y = j(I), q = {
-  [e.SM]: f.B4,
-  [e.MD]: f.B3,
-  [e.LG]: f.B2
+}, Y = A(f), q = {
+  [e.SM]: I.B4,
+  [e.MD]: I.B3,
+  [e.LG]: I.B2
 }, H = {
-  [e.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
-  [e.MD]: /* @__PURE__ */ o(N, { paletteIndex: 5 }),
-  [e.LG]: /* @__PURE__ */ o(L, { paletteIndex: 5 })
+  [e.SM]: /* @__PURE__ */ o(y, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(N, { paletteIndex: 5 })
 }, J = {
-  [e.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
-  [e.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
-  [e.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
-}, b = d.forwardRef(
+  [e.SM]: /* @__PURE__ */ o(h, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(z, { paletteIndex: 5 })
+}, b = E.forwardRef(
   ({ children: l, id: s, className: g, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...u }, C) => {
     const k = S(() => {
       const t = n ? T.DISABLED : T.PRIMARY;
-      return /* @__PURE__ */ o(h, { className: I.content, type: t, size: q[r], children: l });
+      return /* @__PURE__ */ o(j, { className: f.content, type: t, size: q[r], children: l });
     }, [l, r, n]), B = S(() => {
       const { onClick: t, ...m } = M || {};
       return /* @__PURE__ */ o(
@@ -57,7 +57,7 @@ const A = "tag__72f244dc", R = "sm__c778025e", w = "md__5efe3ff4", F = "lg__29fe
         }
       );
     }, [s, r, n, x, a]);
-    return /* @__PURE__ */ D("span", { className: E(I.tag, Y[r], g), ...u, ref: C, children: [
+    return /* @__PURE__ */ D("span", { className: L(f.tag, Y[r], g), ...u, ref: C, children: [
       k(),
       c && B(),
       i()

package/components/TagColor/TagColor.js

@@ -3,12 +3,12 @@ import f from "react";
 import { c as m } from "../../chunks/vendor-DE8Zvm0w.js";
 import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
 import { ETagColorStatus as s } from "./enums.js";
-const _ = "tagColor__54a55ff1", i = "sm__aa131ed4", d = "md__e7681b8f", g = "lg__5eac8250", p = "success__cc36defa", C = "info__4f7213be", u = "warning__8f2cede5", N = "error__0e2c4578", T = "content__561df4d6", o = {
+const _ = "tagColor__f60d879a", i = "sm__5cadcb50", d = "md__59029ef0", g = "lg__f05321f6", p = "success__23c4bd17", C = "info__f3192fb0", u = "warning__7e5eac31", N = "error__25cdf54c", T = "content__11e48a87", o = {
   tagColor: _,
   sm: i,
   md: d,
   lg: g,
-  default: "default__8936b977",
+  default: "default__e7725da5",
   success: p,
   info: C,
   warning: u,
@@ -21,11 +21,11 @@ const _ = "tagColor__54a55ff1", i = "sm__aa131ed4", d = "md__e7681b8f", g = "lg_
   [s.WARNING]: o.warning,
   [s.ERROR]: o.error
 }, F = f.forwardRef(
-  ({ children: a, className: c, size: e, status: r = s.DEFAULT, ...n }) => /* @__PURE__ */ t(
+  ({ children: a, className: c, size: r, status: n = s.DEFAULT, ...e }) => /* @__PURE__ */ t(
     "span",
     {
-      className: m(o.tagColor, R[e], w[r], c),
-      ...n,
+      className: m(o.tagColor, R[r], w[n], c),
+      ...e,
       children: /* @__PURE__ */ t("span", { className: o.content, children: a })
     }
   )

package/components/TagGroup/TagGroup.js

@@ -1,19 +1,19 @@
 import { jsx as e } from "react/jsx-runtime";
 import c from "react";
 import { c as p } from "../../chunks/vendor-DE8Zvm0w.js";
-import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
-const l = "tagGroup__c5dc7dc3", d = "sm__f5fee473", f = "md__4bed1886", _ = "lg__e6073273", o = {
-  tagGroup: l,
-  sm: d,
-  md: f,
-  lg: _
-}, i = g(o), N = c.forwardRef(
-  ({ children: s, className: r, size: t, ...a }, m) => /* @__PURE__ */ e(
+import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
+const g = "tagGroup__f31045ea", l = "sm__a035f78c", _ = "md__fa36bd0e", d = "lg__6ffdaec5", o = {
+  tagGroup: g,
+  sm: l,
+  md: _,
+  lg: d
+}, i = f(o), N = c.forwardRef(
+  ({ children: s, className: a, size: r, ...t }, m) => /* @__PURE__ */ e(
     "div",
     {
-      className: p(o.tagGroup, i[t], r),
+      className: p(o.tagGroup, i[r], a),
       role: "group",
-      ...a,
+      ...t,
       ref: m,
       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-DDUEO0k6.js";
+import { F as r } from "../../chunks/FormFieldInput-EYc8oHbI.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

@@ -6,7 +6,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-DDUEO0k6.js";
+import "../../chunks/FormFieldInput-EYc8oHbI.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

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

@@ -4,7 +4,7 @@ import { c as s } from "../../../../chunks/vendor-DE8Zvm0w.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-BQ_-qhMK.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-CyeERXWq.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

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import n from "react";
 import { c as l } from "../../../../chunks/vendor-DE8Zvm0w.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__196a6324", r = "desktop__19579d94", m = "mobile__0c6351a2", o = {
+const k = "tooltipLink__84b2f16d", r = "desktop__d7a3c87b", m = "mobile__aee13862", o = {
   tooltipLink: k,
   desktop: r,
   mobile: m
@@ -12,7 +12,7 @@ const k = "tooltipLink__196a6324", r = "desktop__19579d94", m = "mobile__0c6351a
     {
       className: l(o.tooltipLink, o.desktop, e),
       ...p,
-      "data-tx": "0.16.0",
+      "data-tx": "0.17.0",
       ref: s,
       children: i
     }
@@ -21,7 +21,7 @@ const k = "tooltipLink__196a6324", r = "desktop__19579d94", m = "mobile__0c6351a
     {
       className: l(o.tooltipLink, o.mobile, e),
       ...p,
-      "data-tx": "0.16.0",
+      "data-tx": "0.17.0",
       ref: s,
       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-BQ_-qhMK.js";
+import { s as l } from "../../../../chunks/TooltipDesktop.module-CyeERXWq.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

@@ -9,7 +9,7 @@ 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-BQ_-qhMK.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-CyeERXWq.js";
 const Q = {
   column: "translateX",
   row: "translateY"

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

@@ -2,7 +2,7 @@ import { jsx as p } from "react/jsx-runtime";
 import a from "react";
 import { ETooltipDirection as e } from "../../../enums.js";
 import { c } from "../../../../../chunks/vendor-DE8Zvm0w.js";
-import { s as t } from "../../../../../chunks/TooltipDesktop.module-BQ_-qhMK.js";
+import { s as t } from "../../../../../chunks/TooltipDesktop.module-CyeERXWq.js";
 const m = a.forwardRef((r, i) => {
   const { direction: s } = r;
   let o;

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

@@ -6,7 +6,7 @@ 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-DE8Zvm0w.js";
-const N = "tooltipMobile__51bd954f", T = "tooltipMobileContent__158c27b2", g = "headerless__53fe9f3d", H = "closeButton__a9857674", e = {
+const N = "tooltipMobile__e6b1d2fe", T = "tooltipMobileContent__3a1a75ee", g = "headerless__28f51f20", H = "closeButton__3bee3070", o = {
   tooltipMobile: N,
   tooltipMobileContent: T,
   headerless: g,
@@ -21,16 +21,16 @@ const N = "tooltipMobile__51bd954f", T = "tooltipMobileContent__158c27b2", g = "
   onShow: l,
   ...d
 }) => {
-  const { elements: o, setTooltipOpen: p } = f(C), i = u(null), a = y(e.tooltipMobile, { [e.headerless]: o.mobileHeader === null }, c);
+  const { elements: e, setTooltipOpen: p } = f(C), i = u(null), a = y(o.tooltipMobile, { [o.headerless]: e.mobileHeader === null }, c);
   M(() => {
     t && (l == null || l(i.current));
   }, [t]);
   const m = () => {
     var s;
-    return /* @__PURE__ */ n("div", { className: e.closeButton, children: /* @__PURE__ */ n(h, { ...(s = o.closeButton) == null ? void 0 : s.props }) });
+    return /* @__PURE__ */ n("div", { className: o.closeButton, children: /* @__PURE__ */ n(h, { ...(s = e.closeButton) == null ? void 0 : s.props }) });
   };
   return /* @__PURE__ */ r(b, { children: [
-    o.target,
+    e.target,
     /* @__PURE__ */ n(B, { container: document.body, children: /* @__PURE__ */ r(
       _,
       {
@@ -41,11 +41,11 @@ const N = "tooltipMobile__51bd954f", T = "tooltipMobileContent__158c27b2", g = "
         ...d,
         ref: i,
         children: [
-          o.mobileHeader,
-          /* @__PURE__ */ r(x, { className: e.tooltipMobileContent, children: [
-            o.body,
-            o.link,
-            o.mobileHeader === null && m()
+          e.mobileHeader,
+          /* @__PURE__ */ r(x, { className: o.tooltipMobileContent, children: [
+            e.body,
+            e.link,
+            e.mobileHeader === null && m()
           ] })
         ]
       }

package/components/TopOverlay/TopOverlay.js

@@ -1,9 +1,9 @@
-import { jsx as a, jsxs as b, Fragment as B } from "react/jsx-runtime";
+import { jsx as a, jsxs as I, Fragment as B } from "react/jsx-runtime";
 import { useState as y, useRef as g, useEffect as C } 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-DE8Zvm0w.js";
-const D = "topOverlayMask__ac8d72d8", E = "topOverlayWrapper__53b208a4", A = "closing__f05a664d", V = "opened__f700df2b", $ = "topOverlayPanel__1225c056", q = "topOverlay__85867488", t = {
+const D = "topOverlayMask__fd3d8049", E = "topOverlayWrapper__f31280a3", A = "closing__5ba2b83f", V = "opened__02382b8a", $ = "topOverlayPanel__99ff6373", q = "topOverlay__5c2cf34b", t = {
   topOverlayMask: D,
   topOverlayWrapper: E,
   closing: A,
@@ -18,7 +18,7 @@ const D = "topOverlayMask__ac8d72d8", E = "topOverlayWrapper__53b208a4", A = "cl
   onOpen: n,
   ...h
 }) => {
-  const [W, d] = y(!1), [x, u] = y(!1), [f, c] = y(0), p = g(e), s = g(null), m = () => {
+  const [W, f] = y(!1), [x, u] = y(!1), [d, c] = y(0), p = g(e), s = g(null), m = () => {
     if (s.current) {
       const r = getComputedStyle(s.current).getPropertyValue("--lightBox-screen-top") || "0", i = s.current.getBoundingClientRect();
       i.top < 0 ? c(
@@ -32,29 +32,29 @@ const D = "topOverlayMask__ac8d72d8", E = "topOverlayWrapper__53b208a4", A = "cl
     m(), u(!0), n == null || n();
   };
   C(() => {
-    p.current && !e ? d(!0) : !p.current && e && m(), p.current = e;
+    p.current && !e ? f(!0) : !p.current && e && m(), p.current = e;
   }, [e]);
   const M = () => {
-    d(!1), c(0), l == null || l();
-  }, T = () => u(!1), F = (r) => /* @__PURE__ */ b(B, { children: [
+    f(!1), c(0), l == null || l();
+  }, T = () => u(!1), b = (r) => /* @__PURE__ */ I(B, { children: [
     /* @__PURE__ */ a(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
     /* @__PURE__ */ a(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
-  ] }), N = () => {
-  }, P = S(t.topOverlayWrapper, {
+  ] }), F = () => {
+  }, N = S(t.topOverlayWrapper, {
     [t.closing]: W,
     [t.opened]: e
-  }), I = /* @__PURE__ */ a(
+  }), P = /* @__PURE__ */ a(
     O,
     {
       onClose: M,
       onClosing: T,
       onOpen: k,
       opened: e,
-      setOpened: N,
+      setOpened: F,
       ...h,
       className: t.topOverlay,
       direction: R.TOP,
-      children: F
+      children: b
     }
   );
   return /* @__PURE__ */ a(
@@ -70,10 +70,10 @@ const D = "topOverlayMask__ac8d72d8", E = "topOverlayWrapper__53b208a4", A = "cl
       children: /* @__PURE__ */ a(
         "div",
         {
-          className: P,
+          className: N,
           ref: s,
-          style: f ? { top: `${f}px` } : void 0,
-          children: I
+          style: d ? { top: `${d}px` } : void 0,
+          children: P
         }
       )
     }