@sberbusiness/triplex-next 1.31.0 → 1.32.0

package/components/Table/NoColumns.js

@@ -1,12 +1,12 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { c as e } from "../../chunks/vendor-82AnkPpo.js";
 import { Gap as l } from "../Gap/Gap.js";
-import { ServicesetupSysIcon96 as a } from "@sberbusiness/icons-next";
-const r = "noColumns__eaa0a9f6", i = "content__334cfb98", s = {
-  noColumns: r,
-  content: i
+import { ServicesetupSysIcon96 as r } from "@sberbusiness/icons-next";
+const i = "noColumns__b991a8b0", a = "content__bbf134d2", s = {
+  noColumns: i,
+  content: a
 }, p = ({ children: n, className: t, ...m }) => /* @__PURE__ */ c("div", { className: e(s.noColumns, t), ...m, children: [
-  /* @__PURE__ */ o(a, {}),
+  /* @__PURE__ */ o(r, {}),
   /* @__PURE__ */ o(l, { size: 8 }),
   /* @__PURE__ */ o("div", { className: s.content, children: n })
 ] });

package/components/Table/PaginationPanel.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../chunks/vendor-82AnkPpo.js";
-const s = "paginationPanel__6c5f24fc", e = {
+const s = "paginationPanel__8140fbc6", e = {
   paginationPanel: s
 }, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
   "div",
   {
     className: o(e.paginationPanel, n),
     ...i,
-    "data-tx": "1.31.0",
+    "data-tx": "1.32.0",
     children: a
   }
 );

package/components/Table/TableBasic/TableBasic.js

@@ -2,7 +2,7 @@ import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { useContext as B, useEffect as N } from "react";
 import { i as T } from "../../../chunks/vendor-82AnkPpo.js";
 import { MasterTableContext as L } from "../MasterTableContext.js";
-import { s as a } from "../../../chunks/utils-DEqGmway.js";
+import { s as a } from "../../../chunks/utils-CXwYWTdr.js";
 import { TableBasicHeader as g } from "./components/TableBasicHeader.js";
 import { TableBasicBody as C } from "./components/TableBasicBody.js";
 import { LoaderMiddle as E } from "../../Loader/LoaderMiddle/LoaderMiddle.js";

package/components/Table/TableBasic/components/TableBasicBody.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { TableBasicRow as b } from "./TableBasicRow.js";
 import { c as p } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as r } from "../../../../chunks/utils-DEqGmway.js";
+import { s as r } from "../../../../chunks/utils-CXwYWTdr.js";
 const B = ({ columns: c, data: o, highlightRowOnHover: t, onClickRow: e }) => {
   if (o.length === 0)
     return null;

package/components/Table/TableBasic/components/TableBasicHeader.js

@@ -5,7 +5,7 @@ import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttribute
 import { getDataHTMLAttributes as y } from "../../../../utils/html/DataAttributes.js";
 import { ECellType as T, EHorizontalAlign as s, EOrderDirection as t } from "../enums.js";
 import { c as d } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as n, m as z } from "../../../../chunks/utils-DEqGmway.js";
+import { s as n, m as z } from "../../../../chunks/utils-CXwYWTdr.js";
 import { Text as B } from "../../../Typography/Text.js";
 import { ETextSize as v } from "../../../Typography/enums.js";
 const w = ({ columns: u, onOrderBy: l }) => {

package/components/Table/TableBasic/components/TableBasicRow.js

@@ -1,45 +1,45 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttributes.js";
 import { getDataHTMLAttributes as D } from "../../../../utils/html/DataAttributes.js";
 import { DataTestId as L } from "../../../../consts/DataTestId.js";
 import { c as p } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-DEqGmway.js";
+import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-CXwYWTdr.js";
 import { ECellType as a, EVerticalAlign as f } from "../enums.js";
 import { ETextSize as A } from "../../../Typography/enums.js";
 import { Text as N } from "../../../Typography/Text.js";
-const j = ({ columns: y, data: C, onClickRow: n }) => {
-  const { rowKey: b, rowData: d, rowLayout: l, ariaAttributes: c, dataAttributes: r, selected: T = !1 } = C, h = p({ [M.selected]: T, selected: T }), B = n ? () => n(b) : void 0, E = r ? r["test-id"] : void 0, g = (e, t, O, m) => {
+const j = ({ columns: y, data: C, onClickRow: d }) => {
+  const { rowKey: b, rowData: n, rowLayout: l, ariaAttributes: c, dataAttributes: r, selected: T = !1 } = C, g = p({ [M.selected]: T, selected: T }), h = d ? () => d(b) : void 0, B = r ? r["test-id"] : void 0, E = (e, t, x, m) => {
     if (e.hidden)
       return null;
-    const o = e.renderCell ? e.renderCell(t) : t, s = e.cellType ?? a.TEXT, w = e.verticalAlign ?? (s === a.TEXT ? f.BASELINE : f.TOP), z = p(
-      $(s),
+    const o = e.renderCell ? e.renderCell(t) : t, i = e.cellType ?? a.TEXT, O = e.verticalAlign ?? (i === a.TEXT ? f.BASELINE : f.TOP), w = p(
+      $(i),
       X(e.horizontalAlign),
-      S(w)
-    ), K = e.width ? { width: e.width } : void 0, v = () => o ? s === a.CHECKBOX || s === a.COMPONENTS ? o : /* @__PURE__ */ i(N, { size: A.B3, children: o }) : /* @__PURE__ */ i(N, { size: A.B3, children: "---" });
-    return /* @__PURE__ */ i(
+      S(O)
+    ), z = e.width ? { width: e.width } : void 0, K = () => o ? i === a.CHECKBOX || i === a.COMPONENTS ? o : /* @__PURE__ */ s(N, { size: A.B3, tag: "div", children: o }) : /* @__PURE__ */ s(N, { size: A.B3, tag: "div", children: "---" });
+    return /* @__PURE__ */ s(
       "td",
       {
-        className: z,
-        ...O,
+        className: w,
+        ...x,
         "data-test-id": m && `${m}__${e.fieldKey}${L.Table.TableBasic.td}`,
-        style: K,
-        children: v()
+        style: z,
+        children: K()
       },
       e.fieldKey
     );
-  }, x = y.map((e) => {
+  }, v = y.map((e) => {
     const { fieldKey: t } = e;
-    if (Object.keys(d).indexOf(t) !== -1)
-      return g(e, d[t], l == null ? void 0 : l[t], E);
+    if (Object.keys(n).indexOf(t) !== -1)
+      return E(e, n[t], l == null ? void 0 : l[t], B);
   });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     "tr",
     {
-      className: h,
-      onClick: B,
+      className: g,
+      onClick: h,
       ...!!c && H(c),
       ...!!r && D(r),
-      children: x
+      children: v
     }
   );
 };

package/components/Table/TableBasicSettings/TableBasicSettings.js

@@ -7,11 +7,11 @@ import { ColumnSettings as w } from "./components/ColumnSettings.js";
 import { TableBasicSettingsFooter as B } from "./components/TableBasicSettingsFooter.js";
 import { TableBasicSettingsHeader as D } from "./components/TableBasicSettingsHeader.js";
 import { Link as x } from "../../Link/Link.js";
-const k = "tableSettingsLink__3382e785", L = "tableSettingsDropdown__de3b0491", d = {
+const k = "tableSettingsLink__71c7567d", L = "tableSettingsDropdown__cf008980", d = {
   tableSettingsLink: k,
   tableSettingsDropdown: L
-}, t = ({ children: m, className: p, linkTitle: c, ...b }) => {
-  const r = i(null), s = i(null), f = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
+}, t = ({ children: m, className: p, linkTitle: c, ...f }) => {
+  const r = i(null), s = i(null), g = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
     x,
     {
       href: "#",
@@ -24,7 +24,7 @@ const k = "tableSettingsLink__3382e785", L = "tableSettingsDropdown__de3b0491",
       ref: r,
       children: c
     }
-  ), g = ({ className: e, ...o }) => /* @__PURE__ */ n(
+  ), b = ({ className: e, ...o }) => /* @__PURE__ */ n(
     a.Dropdown,
     {
       className: l(d.tableSettingsDropdown, e),
@@ -38,10 +38,10 @@ const k = "tableSettingsLink__3382e785", L = "tableSettingsDropdown__de3b0491",
     a,
     {
       className: l(d.tableSettingsLink, p),
-      renderButton: f,
-      renderDropdown: g,
+      renderButton: g,
+      renderDropdown: b,
       dropdownRef: s,
-      ...b
+      ...f
     }
   );
 };

package/components/Table/TableBasicSettings/components/ColumnSettingsSortableListItemTarget.js

@@ -3,11 +3,11 @@ import i from "react";
 import { ListSortableItemTarget as g } from "../../../List/components/ListSortableItemTarget.js";
 import { ListSortableItemControls as l } from "../../../List/components/ListSortableItemControls.js";
 import { c as n } from "../../../../chunks/vendor-82AnkPpo.js";
-const S = "columnSettingsSortableListItemTarget__a9ed4788", c = "dragging__aa125e99", r = {
-  columnSettingsSortableListItemTarget: S,
-  dragging: c
-}, b = i.forwardRef(
-  ({ children: o, className: a, style: d, dragging: t, ...s }, m) => /* @__PURE__ */ e(
+const c = "columnSettingsSortableListItemTarget__cda27a8d", S = "dragging__65224fe0", r = {
+  columnSettingsSortableListItemTarget: c,
+  dragging: S
+}, d = i.forwardRef(
+  ({ children: o, className: a, style: f, dragging: t, ...s }, m) => /* @__PURE__ */ e(
     g,
     {
       className: n(
@@ -22,8 +22,8 @@ const S = "columnSettingsSortableListItemTarget__a9ed4788", c = "dragging__aa125
     }
   )
 );
-b.displayName = "ColumnSettingsSortableListItemTarget";
+d.displayName = "ColumnSettingsSortableListItemTarget";
 export {
-  b as ColumnSettingsSortableListItemTarget
+  d as ColumnSettingsSortableListItemTarget
 };
 //# sourceMappingURL=ColumnSettingsSortableListItemTarget.js.map

package/components/Table/TableBasicSettings/components/ColumnSettingsStaticListItem.js

@@ -1,11 +1,11 @@
 import { jsx as m } from "react/jsx-runtime";
 import e from "react";
-import { c } from "../../../../chunks/vendor-82AnkPpo.js";
-import { ListItem as o } from "../../../List/components/ListItem.js";
-const n = "columnSettingsStaticListItem__cdc0d357", a = {
+import { c as o } from "../../../../chunks/vendor-82AnkPpo.js";
+import { ListItem as c } from "../../../List/components/ListItem.js";
+const n = "columnSettingsStaticListItem__299f9254", a = {
   columnSettingsStaticListItem: n
 }, r = e.forwardRef(
-  ({ className: t, ...i }, s) => /* @__PURE__ */ m(o, { className: c(a.columnSettingsStaticListItem, t), ...i, ref: s })
+  ({ className: t, ...i }, s) => /* @__PURE__ */ m(c, { className: o(a.columnSettingsStaticListItem, t), ...i, ref: s })
 );
 r.displayName = "ColumnSettingsStaticListItem";
 export {

package/components/Table/TableBasicSettings/components/TableBasicSettingsBody.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import o from "react";
 import { c } from "../../../../chunks/vendor-82AnkPpo.js";
-const B = "tableBasicSettingsBody__0d156721", d = {
+const B = "tableBasicSettingsBody__a89f51dc", d = {
   tableBasicSettingsBody: B
 }, l = o.forwardRef(
   ({ children: t, className: s, ...a }, e) => /* @__PURE__ */ i("div", { className: c(d.tableBasicSettingsBody, s), ref: e, ...a, children: t })

package/components/Table/TableBasicSettings/components/TableBasicSettingsFooter.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import i from "react";
 import { c as r } from "../../../../chunks/vendor-82AnkPpo.js";
-const c = "tableBasicSettingsFooter__218c3656", l = {
+const c = "tableBasicSettingsFooter__34acf090", l = {
   tableBasicSettingsFooter: c
 }, n = i.forwardRef(
   ({ children: t, className: e, ...o }, s) => /* @__PURE__ */ a("div", { className: r(l.tableBasicSettingsFooter, e), ref: s, ...o, children: t })

package/components/Table/TableBasicSettings/components/TableBasicSettingsHeader.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as i } from "../../../../chunks/vendor-82AnkPpo.js";
 import { Text as r } from "../../../Typography/Text.js";
-import { EFontWeightText as c, ETextSize as o } from "../../../Typography/enums.js";
-const l = "tableBasicSettingsHeader__1b92c123", m = {
+import { EFontWeightText as o, ETextSize as c } from "../../../Typography/enums.js";
+const l = "tableBasicSettingsHeader__bf96d4e3", m = {
   tableBasicSettingsHeader: l
 }, n = ({
   children: e,
@@ -12,8 +12,8 @@ const l = "tableBasicSettingsHeader__1b92c123", m = {
   r,
   {
     className: i(m.tableBasicSettingsHeader, t),
-    size: o.B3,
-    weight: c.SEMIBOLD,
+    size: c.B3,
+    weight: o.SEMIBOLD,
     tag: "div",
     ...a,
     children: e

package/components/Table/TableFooter/TableFooter.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor-82AnkPpo.js";
-import { s as r } from "../../../chunks/TableFooter.module-D-gNDmws.js";
+import { s as r } from "../../../chunks/TableFooter.module-Bq-wqvaF.js";
 import { FooterDescription as l } from "../../Footer/components/FooterDescription.js";
 import { FooterDescriptionControls as p } from "../../Footer/components/FooterDescriptionControls.js";
 import { TableFooterSummary as c } from "./components/TableFooterSummary.js";

package/components/Table/TableFooter/components/TableFooterSummary.js

@@ -3,7 +3,7 @@ import { FooterDescription as r } from "../../../Footer/components/FooterDescrip
 import { TableFooterSummaryAmount as m } from "./TableFooterSummaryAmount.js";
 import { TableFooterSummarySelectedCount as a } from "./TableFooterSummarySelectedCount.js";
 import { TableFooterSummarySelectAllButton as l } from "./TableFooterSummarySelectAllButton.js";
-import { s as n } from "../../../../chunks/TableFooter.module-D-gNDmws.js";
+import { s as n } from "../../../../chunks/TableFooter.module-Bq-wqvaF.js";
 const y = Object.assign(
   ({ children: t, ...e }) => /* @__PURE__ */ o(r.Content, { ...e, children: /* @__PURE__ */ o("div", { className: n.tableFooterSummary, children: t }) }),
   {

package/components/Table/TableFooter/components/TableFooterSummaryAmount.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { s as m } from "../../../../chunks/TableFooter.module-D-gNDmws.js";
+import { s as m } from "../../../../chunks/TableFooter.module-Bq-wqvaF.js";
 import { Amount as s } from "../../../Amount/Amount.js";
 import { Text as l } from "../../../Typography/Text.js";
 import { ETextSize as i } from "../../../Typography/enums.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectAllButton.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { s as a } from "../../../../chunks/TableFooter.module-D-gNDmws.js";
+import { s as a } from "../../../../chunks/TableFooter.module-Bq-wqvaF.js";
 import { ETextSize as s } from "../../../Typography/enums.js";
 import { Link as i } from "../../../Link/Link.js";
 import { Text as p } from "../../../Typography/Text.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectedCount.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../../../chunks/TableFooter.module-D-gNDmws.js";
+import { s as t } from "../../../../chunks/TableFooter.module-Bq-wqvaF.js";
 const a = ({ children: e }) => /* @__PURE__ */ o("span", { className: t.tableFooterSummarySelectedCount, children: e });
 a.displayName = "TableFooterSummarySelectedCount";
 export {

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-DEqGmway.js";
+import { b as s, m as o, a as e } from "../../chunks/utils-CXwYWTdr.js";
 export {
   s as mapCellTypeToClassName,
   o as mapHorizontalAlignToClassName,

package/components/Tabs/Tabs.js

@@ -1,77 +1,82 @@
-import { jsx as a, 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 { jsx as s, jsxs as y } from "react/jsx-runtime";
+import { useState as l, useRef as E } from "react";
+import { TabsExtended as c } from "../TabsExtended/TabsExtended.js";
 import "../TabsExtended/components/TabsExtendedContent.js";
 import { c as W } from "../../chunks/vendor-82AnkPpo.js";
 import "../TabsExtended/TabsExtendedContext.js";
 import "../TabsExtended/components/TabsExtendedTab.js";
 import "../TabsExtended/components/TabsExtendedTabButton.js";
 import "../TabsExtended/components/TabsExtendedTabContext.js";
+import { ETabsExtendedType as p } from "../TabsExtended/enums.js";
 import "../Button/Button.js";
 import "../Button/ButtonBase.js";
 import "../Button/ButtonIcon.js";
-import { ButtonDropdown as x } from "../Button/ButtonDropdown.js";
+import { ButtonDropdown as H } from "../Button/ButtonDropdown.js";
 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__33244998", G = "tabButtonDropdown__f511a80a", H = "sm__a8323a33", L = "md__823e816e", M = "lg__9b26afa9", p = {
-  tabsContent: k,
+import { EButtonDotsTheme as C } from "../Button/enums.js";
+import { EComponentSize as M } from "../../enums/EComponentSize.js";
+import { isKey as A } from "../../utils/keyboard.js";
+const j = "tabsContent__ec584d52", G = "tabButtonDropdown__9b2d0fe1", K = "sm__c1cb5183", L = "md__bb1222d4", k = "lg__2f5a64d5", T = {
+  tabsContent: j,
   tabButtonDropdown: G,
-  sm: H,
+  sm: K,
   md: L,
-  lg: M
-}, so = ({
-  buttonDropdownAttributes: C,
-  selectedId: c,
-  onSelectTab: h,
-  size: i = K.MD,
+  lg: k
+}, U = {
+  [p.TYPE_1]: C.DOTS_SECONDARY,
+  [p.TYPE_2]: C.DOTS_SECONDARY_LIGHT
+}, To = ({
+  buttonDropdownAttributes: R,
+  selectedId: a,
+  onSelectTab: S,
+  size: i = M.MD,
   tabs: t,
-  ...v
+  type: d = p.TYPE_1,
+  ...h
 }) => {
-  const [w, m] = l(c || t[0].id), [R, A] = l(""), [F, I] = l(""), u = D(null), d = 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__ */ a(s.Content.Tab, { ...n, children: ({ selected: e, isFirstInlineTab: N, isLastInlineTab: g }) => {
-    const E = w === n.id ? 0 : -1, O = () => {
+  const [v, m] = l(a || t[0].id), [w, O] = l(""), [I, B] = l(""), f = E(null), u = E(null), F = ({ dropdownItemsIds: n, onSelectTab: o }) => t.filter((e) => n.includes(e.id)).map((e) => ({ ...e, onSelect: () => o(e.id) })), N = (n, o) => /* @__PURE__ */ s(c.Content.Tab, { ...n, children: ({ selected: e, isFirstInlineTab: P, isLastInlineTab: Y }) => {
+    const g = v === n.id ? 0 : -1, x = () => {
       let r;
-      return R === n.id ? r = u : F === n.id && (r = d), r;
+      return w === n.id ? r = f : I === n.id && (r = u), r;
     };
-    return /* @__PURE__ */ a(
-      s.Content.TabButton,
+    return /* @__PURE__ */ s(
+      c.Content.TabButton,
       {
         selected: e,
-        tabIndex: E,
-        ref: O(),
+        tabIndex: g,
+        ref: x(),
         size: i,
         showNotificationIcon: n.showNotificationIcon,
         onFocus: () => {
-          A(t[o - 1] ? t[o - 1].id : ""), I(t[o + 1] ? t[o + 1].id : "");
+          O(t[o - 1] ? t[o - 1].id : ""), B(t[o + 1] ? t[o + 1].id : "");
         },
         onKeyDown: (r) => {
-          var T, b;
-          const { key: f } = r;
-          _(f, "ARROW_LEFT") ? (N || (m(t[o - 1].id), (T = u.current) == null || T.focus()), r.preventDefault()) : _(f, "ARROW_RIGHT") && (g || (m(t[o + 1].id), (b = d.current) == null || b.focus()), r.preventDefault());
+          var _, D;
+          const { key: b } = r;
+          A(b, "ARROW_LEFT") ? (P || (m(t[o - 1].id), (_ = f.current) == null || _.focus()), r.preventDefault()) : A(b, "ARROW_RIGHT") && (Y || (m(t[o + 1].id), (D = u.current) == null || D.focus()), r.preventDefault());
         },
         children: n.label
       }
     );
   } }, o);
-  return /* @__PURE__ */ a(s, { ...v, selectedId: c, onSelectTab: h, children: /* @__PURE__ */ y(s.Content, { className: p.tabsContent, size: i, children: [
-    /* @__PURE__ */ a(s.Content.TabsWrapper, { children: t.map(B) }),
-    /* @__PURE__ */ a(s.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ a(
-      x,
+  return /* @__PURE__ */ s(c, { ...h, selectedId: a, onSelectTab: S, type: d, children: /* @__PURE__ */ y(c.Content, { className: T.tabsContent, size: i, children: [
+    /* @__PURE__ */ s(c.Content.TabsWrapper, { children: t.map(N) }),
+    /* @__PURE__ */ s(c.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ s(
+      H,
       {
-        theme: j.DOTS_SECONDARY,
+        theme: U[d],
         size: i,
-        options: S({ dropdownItemsIds: n, onSelectTab: o }),
-        selected: t.filter((e) => e.id === c)[0],
+        options: F({ dropdownItemsIds: n, onSelectTab: o }),
+        selected: t.filter((e) => e.id === a)[0],
         buttonAttributes: {
-          ...C,
-          className: W(p.tabButtonDropdown, p[i])
+          ...R,
+          className: W(T.tabButtonDropdown, T[i])
         }
       }
     ) })
   ] }) });
 };
 export {
-  so as Tabs
+  To as Tabs
 };
 //# sourceMappingURL=Tabs.js.map

package/components/TabsExtended/TabsExtended.js

@@ -3,9 +3,9 @@ import { useState as r, useRef as c } from "react";
 import { c as x } from "../../chunks/vendor-82AnkPpo.js";
 import { TabsExtendedContext as b } from "./TabsExtendedContext.js";
 import { TabsExtendedContent as I } from "./components/TabsExtendedContent.js";
-import { s as _ } from "../../chunks/TabsExtended.module-IBQrFWHl.js";
+import { s as _ } from "../../chunks/TabsExtended.module-CsY7VuxQ.js";
 import { ETabsExtendedType as S } from "./enums.js";
-import { T as u } from "../../chunks/utils-B2FzgoVa.js";
+import { T as u } from "../../chunks/utils-CXTWVT_w.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-IBQrFWHl.js";
+import { s as r } from "../../../chunks/TabsExtended.module-CsY7VuxQ.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-IBQrFWHl.js";
+import { s as p } from "../../../chunks/TabsExtended.module-CsY7VuxQ.js";
 import { c as a } from "../../../chunks/vendor-82AnkPpo.js";
 import { TabsExtendedContext as i } from "../TabsExtendedContext.js";
 const w = ({

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import x, { useContext as d } from "react";
-import { s as o } from "../../../chunks/TabsExtended.module-IBQrFWHl.js";
+import { s as o } from "../../../chunks/TabsExtended.module-CsY7VuxQ.js";
 import { c as I } from "../../../chunks/vendor-82AnkPpo.js";
 import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as E } from "./TabsExtendedTabContext.js";

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,7 +1,7 @@
 import { jsxs as x, jsx as e } from "react/jsx-runtime";
 import b, { useContext as c } from "react";
 import { c as f } from "../../../chunks/vendor-82AnkPpo.js";
-import { s as t, T as _, a as r } from "../../../chunks/utils-B2FzgoVa.js";
+import { s as t, T as _, a as r } from "../../../chunks/utils-CXTWVT_w.js";
 import { TabsExtendedContext as l } from "../TabsExtendedContext.js";
 import { EFontType as u } from "../../Typography/enums.js";
 import "../../Typography/Caption.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 { h as F, c as N, j } from "../../../chunks/vendor-82AnkPpo.js";
 import { TabsExtendedContext as z } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as _ } from "./TabsExtendedTabContext.js";
-import { s as l } from "../../../chunks/TabsExtended.module-IBQrFWHl.js";
+import { s as l } from "../../../chunks/TabsExtended.module-CsY7VuxQ.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 o, T as r } from "../../chunks/utils-B2FzgoVa.js";
+import { a as o, T as r } from "../../chunks/utils-CXTWVT_w.js";
 import "../Typography/enums.js";
 export {
   o as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP,

package/components/TabsLine/TabsLine.js

@@ -3,7 +3,7 @@ import { c as b } from "../../chunks/vendor-82AnkPpo.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-CM-pL6UU.js";
+import { s as m } from "../../chunks/TabsLine.module-BWx30e5X.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-82AnkPpo.js";
-import { s as J } from "../../../chunks/TabsLine.module-CM-pL6UU.js";
+import { s as J } from "../../../chunks/TabsLine.module-BWx30e5X.js";
 const $ = ({
   tabs: l,
   dropdownTargetHtmlAttributes: g,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -4,7 +4,7 @@ import { u as H, c as w } from "../../../chunks/vendor-82AnkPpo.js";
 import { DropdownListContext as Y } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as S } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-Dy7ejFWN.js";
+import "../../../chunks/DropdownListItem-CBAmYB__.js";
 import { EDropdownWidth as q } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,7 +21,7 @@ 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 p } from "../../../utils/keyboard.js";
-import { s as t } from "../../../chunks/TabsLine.module-CM-pL6UU.js";
+import { s as t } from "../../../chunks/TabsLine.module-BWx30e5X.js";
 import { createSizeToClassNameMap as J } from "../../../utils/classNameMaps.js";
 import { EFontType as b } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsLine/components/TabsLineItem.js

@@ -7,7 +7,7 @@ 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-CM-pL6UU.js";
+import { s as e } from "../../../chunks/TabsLine.module-BWx30e5X.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 t } from "./TabsLineItem.js";
-const d = "tabsLineMobileWrapper__769cbde0", p = "tabsLineMobile__fff95939", l = {
+const d = "tabsLineMobileWrapper__449b191c", p = "tabsLineMobile__dcc8bba8", l = {
   tabsLineMobileWrapper: d,
   tabsLineMobile: p
-}, h = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
+}, u = ({ onChangeTab: r, selectedId: b, tabs: i }) => {
   if (!i.length)
     return null;
-  const a = ({ selected: L, ...e }) => {
-    const b = (c) => {
+  const o = ({ selected: L, ...e }) => {
+    const a = (c) => {
       var s;
       r(e.id), (s = e.onClick) == null || s.call(e, c);
     };
-    return /* @__PURE__ */ n(t, { selected: o === e.id, ...e, onClick: b }, e.id);
+    return /* @__PURE__ */ n(t, { selected: b === e.id, ...e, onClick: a }, e.id);
   };
-  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(a) }) });
+  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(o) }) });
 };
 export {
-  h as TabsLineMobile
+  u as TabsLineMobile
 };
 //# sourceMappingURL=TabsLineMobile.js.map