@sberbusiness/triplex-next 0.22.0 → 0.24.0

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -1,10 +1,11 @@
 import "react/jsx-runtime";
 import "../../Typography/enums.js";
 import "../../Typography/Caption.js";
+import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-BZd9-Rmk.js";
+import { S as g } from "../../../chunks/SuggestFieldMobileDropdownHint-_Gn-OMhG.js";
 export {
-  d as SuggestFieldMobileDropdownHint
+  g as SuggestFieldMobileDropdownHint
 };
 //# sourceMappingURL=SuggestFieldMobileDropdownHint.js.map

package/components/SuggestField/mobile/index.js

@@ -1,6 +1,6 @@
 import { SuggestFieldMobile as r } from "./SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as t } from "./SuggestFieldMobileDropdown.js";
-import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-BZd9-Rmk.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-_Gn-OMhG.js";
 export {
   r as SuggestFieldMobile,
   t as SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,7 +1,7 @@
-import { jsxs as j, jsx as w } from "react/jsx-runtime";
-import z, { useState as A, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
+import { jsxs as j, jsx as A } from "react/jsx-runtime";
+import z, { useState as b, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
 import { c as g } from "../../chunks/vendor---Om3uMV.js";
-const H = "swipeableArea__bb440ab9", V = "content__0ed46b4d", $ = "disableScroll__ac084ab8", k = "disablePointerEvents__d80717a8", q = "swipeAnimationFinish__02773ca3", G = "leftContent__119e7564", J = "rightContent__56b2d993", s = {
+const H = "swipeableArea__efa66e47", V = "content__88008cb4", $ = "disableScroll__822ab2f1", k = "disablePointerEvents__d128baee", q = "swipeAnimationFinish__2f8fae84", G = "leftContent__183d721b", J = "rightContent__c13974a3", s = {
   swipeableArea: H,
   content: V,
   disableScroll: $,
@@ -11,7 +11,7 @@ const H = "swipeableArea__bb440ab9", V = "content__0ed46b4d", $ = "disableScroll
   rightContent: J
 }, p = 24, _ = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
   ({ children: L, className: I, leftSwipeableArea: m, rightSwipeableArea: C, ...y }, B) => {
-    const [S, a] = A(!1), [l, d] = A(), [o, e] = A(0), i = u(null), r = u(null), n = u(0), h = u(N), b = u(null), X = () => {
+    const [S, a] = b(!1), [l, d] = b(), [o, e] = b(0), i = u(null), r = u(null), n = u(0), h = u(N), w = u(null), X = () => {
       a(!0);
       const t = n.current - o;
       n.current === 0 ? t > 0 ? e(
@@ -56,7 +56,7 @@ const H = "swipeableArea__bb440ab9", V = "content__0ed46b4d", $ = "disableScroll
     }, D = () => a(!1), P = () => r.current ? Math.abs(o) / r.current.getBoundingClientRect().width : 1, Y = () => i.current ? Math.abs(o) / i.current.getBoundingClientRect().width : 1;
     M(() => {
       const t = (c) => {
-        c.touches.length == 1 && b.current && !b.current.contains(c.target) && (a(!0), e(0), d(void 0));
+        c.touches.length == 1 && w.current && !w.current.contains(c.target) && (a(!0), e(0), d(void 0));
       };
       return document.addEventListener("touchstart", t), () => document.removeEventListener("touchstart", t);
     }, []);
@@ -86,10 +86,10 @@ const H = "swipeableArea__bb440ab9", V = "content__0ed46b4d", $ = "disableScroll
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "0.22.0",
-        ref: b,
+        "data-tx": "0.24.0",
+        ref: w,
         children: [
-          typeof m < "u" ? /* @__PURE__ */ w(
+          typeof m < "u" ? /* @__PURE__ */ A(
             "div",
             {
               className: g(s.leftContent, {
@@ -100,7 +100,7 @@ const H = "swipeableArea__bb440ab9", V = "content__0ed46b4d", $ = "disableScroll
               children: m
             }
           ) : null,
-          typeof C < "u" ? /* @__PURE__ */ w(
+          typeof C < "u" ? /* @__PURE__ */ A(
             "div",
             {
               className: g(s.rightContent, {
@@ -111,7 +111,7 @@ const H = "swipeableArea__bb440ab9", V = "content__0ed46b4d", $ = "disableScroll
               children: C
             }
           ) : null,
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ A(
             "div",
             {
               className: g(s.content, {

package/components/Table/FilterPanel.js

@@ -1,13 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as r } from "../../chunks/vendor---Om3uMV.js";
-const s = "filterPanel__1a7c31d6", i = {
+const s = "filterPanel__179d4173", i = {
   filterPanel: s
 }, n = ({ children: e, className: l, ...t }) => /* @__PURE__ */ a(
   "div",
   {
     className: r(i.filterPanel, l),
     ...t,
-    "data-tx": "0.22.0",
+    "data-tx": "0.24.0",
     children: e
   }
 );

package/components/Table/MasterTable.js

@@ -4,14 +4,14 @@ import { MasterTableContext as n } from "./MasterTableContext.js";
 import { c as b } from "../../chunks/vendor---Om3uMV.js";
 import { NoColumns as p } from "./NoColumns.js";
 import { FilterPanel as T } from "./FilterPanel.js";
-import { TabsLinePanel as c } from "./TabsLinePanel.js";
-import { TableBasic as f } from "./TableBasic/TableBasic.js";
+import { TabsLinePanel as f } from "./TabsLinePanel.js";
+import { TableBasic as c } from "./TableBasic/TableBasic.js";
 import { TableBasicSettings as P } from "./TableBasicSettings/TableBasicSettings.js";
 import { TableFooter as u } from "./TableFooter/TableFooter.js";
 import { PaginationPanel as d } from "./PaginationPanel.js";
 import "./TableBasicSettings/components/ColumnSettings.js";
 import "./TableBasic/enums.js";
-const x = "masterTable__1f5bb56e", g = {
+const x = "masterTable__fdbef478", g = {
   masterTable: x
 }, e = ({ children: t, className: o, loading: r = !1, ...m }) => {
   const [s, l] = i([]);
@@ -28,7 +28,7 @@ const x = "masterTable__1f5bb56e", g = {
         {
           className: b(g.masterTable, o),
           ...m,
-          "data-tx": "0.22.0",
+          "data-tx": "0.24.0",
           children: t
         }
       )
@@ -38,8 +38,8 @@ const x = "masterTable__1f5bb56e", g = {
 e.displayName = "MasterTable";
 e.NoColumns = p;
 e.FilterPanel = T;
-e.TabsLinePanel = c;
-e.TableBasic = f;
+e.TabsLinePanel = f;
+e.TableBasic = c;
 e.TableBasicSettings = P;
 e.TableFooter = u;
 e.PaginationPanel = d;

package/components/Table/NoColumns.js

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { c as e } from "../../chunks/vendor---Om3uMV.js";
 import { Gap as l } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 as r } from "@sberbusiness/icons-next";
-const i = "noColumns__4861d6c6", a = "content__d52800e2", s = {
+const i = "noColumns__2ff0a09b", a = "content__debcd04d", s = {
   noColumns: i,
   content: a
 }, p = ({ children: n, className: t, ...m }) => /* @__PURE__ */ c("div", { className: e(s.noColumns, t), ...m, children: [

package/components/Table/PaginationPanel.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../chunks/vendor---Om3uMV.js";
-const s = "paginationPanel__1258c029", e = {
-  paginationPanel: s
+const e = "paginationPanel__df94d1fe", s = {
+  paginationPanel: e
 }, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
   "div",
   {
-    className: o(e.paginationPanel, n),
+    className: o(s.paginationPanel, n),
     ...i,
-    "data-tx": "0.22.0",
+    "data-tx": "0.24.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---Om3uMV.js";
 import { MasterTableContext as L } from "../MasterTableContext.js";
-import { s as a } from "../../../chunks/utils-BgxjtTHV.js";
+import { s as a } from "../../../chunks/utils-C9aEOF3O.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---Om3uMV.js";
-import { s as r } from "../../../../chunks/utils-BgxjtTHV.js";
+import { s as r } from "../../../../chunks/utils-C9aEOF3O.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---Om3uMV.js";
-import { s as n, m as z } from "../../../../chunks/utils-BgxjtTHV.js";
+import { s as n, m as z } from "../../../../chunks/utils-C9aEOF3O.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

@@ -3,7 +3,7 @@ import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttribute
 import { getDataHTMLAttributes as D } from "../../../../utils/html/DataAttributes.js";
 import { DataTestId as L } from "../../../../consts/DataTestId.js";
 import { c as p } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-BgxjtTHV.js";
+import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-C9aEOF3O.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";

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__0e337a2d", L = "tableSettingsDropdown__0f8a0816", d = {
+const k = "tableSettingsLink__8f274039", L = "tableSettingsDropdown__5e537b11", d = {
   tableSettingsLink: k,
   tableSettingsDropdown: L
 }, t = ({ children: m, className: p, linkTitle: c, ...f }) => {
-  const r = i(null), s = i(null), g = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
+  const r = i(null), s = i(null), b = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
     x,
     {
       href: "#",
@@ -24,7 +24,7 @@ const k = "tableSettingsLink__0e337a2d", L = "tableSettingsDropdown__0f8a0816",
       ref: r,
       children: c
     }
-  ), b = ({ className: e, ...o }) => /* @__PURE__ */ n(
+  ), g = ({ className: e, ...o }) => /* @__PURE__ */ n(
     a.Dropdown,
     {
       className: l(d.tableSettingsDropdown, e),
@@ -38,8 +38,8 @@ const k = "tableSettingsLink__0e337a2d", L = "tableSettingsDropdown__0f8a0816",
     a,
     {
       className: l(d.tableSettingsLink, p),
-      renderButton: g,
-      renderDropdown: b,
+      renderButton: b,
+      renderDropdown: g,
       dropdownRef: s,
       ...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 n } from "../../../List/components/ListSortableItemControls.js";
 import { c as l } from "../../../../chunks/vendor---Om3uMV.js";
-const c = "columnSettingsSortableListItemTarget__0297c1d0", S = "dragging__624f498c", r = {
+const c = "columnSettingsSortableListItemTarget__0a3c2e5d", S = "dragging__f29022b9", r = {
   columnSettingsSortableListItemTarget: c,
   dragging: S
 }, b = i.forwardRef(
-  ({ children: o, className: s, style: f, dragging: t, ...m }, a) => /* @__PURE__ */ e(
+  ({ children: o, className: s, style: f, dragging: t, ...a }, m) => /* @__PURE__ */ e(
     g,
     {
       className: l(
@@ -16,8 +16,8 @@ const c = "columnSettingsSortableListItemTarget__0297c1d0", S = "dragging__624f4
         s
       ),
       dragging: t,
-      ...m,
-      ref: a,
+      ...a,
+      ref: m,
       children: /* @__PURE__ */ e(n, { children: o })
     }
   )

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 as o } from "../../../../chunks/vendor---Om3uMV.js";
-import { ListItem as c } from "../../../List/components/ListItem.js";
-const n = "columnSettingsStaticListItem__5da715db", a = {
+import c from "react";
+import { c as e } from "../../../../chunks/vendor---Om3uMV.js";
+import { ListItem as o } from "../../../List/components/ListItem.js";
+const n = "columnSettingsStaticListItem__dccacb80", a = {
   columnSettingsStaticListItem: n
-}, r = e.forwardRef(
-  ({ className: t, ...i }, s) => /* @__PURE__ */ m(c, { className: o(a.columnSettingsStaticListItem, t), ...i, ref: s })
+}, r = c.forwardRef(
+  ({ className: t, ...i }, s) => /* @__PURE__ */ m(o, { className: e(a.columnSettingsStaticListItem, t), ...i, ref: s })
 );
 r.displayName = "ColumnSettingsStaticListItem";
 export {

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

@@ -1,13 +1,13 @@
 import { jsx as i } from "react/jsx-runtime";
 import o from "react";
 import { c } from "../../../../chunks/vendor---Om3uMV.js";
-const B = "tableBasicSettingsBody__19e408cf", l = {
+const B = "tableBasicSettingsBody__b9bfdc47", d = {
   tableBasicSettingsBody: B
-}, d = o.forwardRef(
-  ({ children: t, className: s, ...a }, e) => /* @__PURE__ */ i("div", { className: c(l.tableBasicSettingsBody, s), ref: e, ...a, children: t })
+}, l = o.forwardRef(
+  ({ children: t, className: s, ...a }, e) => /* @__PURE__ */ i("div", { className: c(d.tableBasicSettingsBody, s), ref: e, ...a, children: t })
 );
-d.displayName = "TableBasicSettingsBody";
+l.displayName = "TableBasicSettingsBody";
 export {
-  d as TableBasicSettingsBody
+  l as TableBasicSettingsBody
 };
 //# sourceMappingURL=TableBasicSettingsBody.js.map

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---Om3uMV.js";
-const c = "tableBasicSettingsFooter__952be8d6", l = {
+const c = "tableBasicSettingsFooter__9f3fb7e3", 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---Om3uMV.js";
 import { Text as r } from "../../../Typography/Text.js";
-import { EFontWeightText as c, ETextSize as o } from "../../../Typography/enums.js";
-const l = "tableBasicSettingsHeader__977c4c49", m = {
+import { EFontWeightText as o, ETextSize as c } from "../../../Typography/enums.js";
+const l = "tableBasicSettingsHeader__08ef3fd7", m = {
   tableBasicSettingsHeader: l
 }, n = ({
   children: e,
@@ -12,8 +12,8 @@ const l = "tableBasicSettingsHeader__977c4c49", 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---Om3uMV.js";
-import { s as r } from "../../../chunks/TableFooter.module-CwKjzhF7.js";
+import { s as r } from "../../../chunks/TableFooter.module-DaFHVJUx.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-CwKjzhF7.js";
+import { s as n } from "../../../../chunks/TableFooter.module-DaFHVJUx.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-CwKjzhF7.js";
+import { s as m } from "../../../../chunks/TableFooter.module-DaFHVJUx.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-CwKjzhF7.js";
+import { s as a } from "../../../../chunks/TableFooter.module-DaFHVJUx.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-CwKjzhF7.js";
+import { s as t } from "../../../../chunks/TableFooter.module-DaFHVJUx.js";
 const a = ({ children: e }) => /* @__PURE__ */ o("span", { className: t.tableFooterSummarySelectedCount, children: e });
 a.displayName = "TableFooterSummarySelectedCount";
 export {

package/components/Table/TabsLinePanel.js

@@ -1,12 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
 import { c as t } from "../../chunks/vendor---Om3uMV.js";
 import { TabsLinePanelLinks as l } from "./TabsLinePanelLinks.js";
-const o = "tabsLinePanel__9326670f", L = {
+const o = "tabsLinePanel__6f2c1ab3", L = {
   tabsLinePanel: o
-}, s = ({ children: a, className: n, ...e }) => /* @__PURE__ */ i("div", { className: t(L.tabsLinePanel, n), ...e, 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,11 +2,11 @@ import { jsx as n } from "react/jsx-runtime";
 import { c as t } from "../../chunks/vendor---Om3uMV.js";
 import { Text as a } from "../Typography/Text.js";
 import { EFontWeightText as o, ETextSize as L } from "../Typography/enums.js";
-const l = "tabsLinePanelLinks__24ca8222", m = {
+const l = "tabsLinePanelLinks__13283e6f", m = {
   tabsLinePanelLinks: l
 }, r = ({
-  children: s,
-  className: e,
+  children: e,
+  className: s,
   ...i
 }) => /* @__PURE__ */ n(
   a,
@@ -14,9 +14,9 @@ const l = "tabsLinePanelLinks__24ca8222", m = {
     tag: "div",
     size: L.B3,
     weight: o.SEMIBOLD,
-    className: t(e, m.tabsLinePanelLinks),
+    className: t(s, m.tabsLinePanelLinks),
     ...i,
-    children: s
+    children: e
   }
 );
 r.displayName = "TabsLinePanelLinks";

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-BgxjtTHV.js";
+import { b as s, m as o, a as e } from "../../chunks/utils-C9aEOF3O.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 i } from "../TabsExtended/TabsExtended.js";
 import "../TabsExtended/components/TabsExtendedContent.js";
 import { c as W } from "../../chunks/vendor---Om3uMV.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__9401317b", G = "tabButtonDropdown__fa043cdf", H = "sm__cb7fae51", L = "md__35fd62cb", M = "lg__7dec0c8c", p = {
+const k = "tabsContent__65e81fd6", G = "tabButtonDropdown__f2658d26", H = "sm__98770965", L = "md__a137f992", M = "lg__fa045f38", p = {
   tabsContent: k,
   tabButtonDropdown: G,
   sm: H,
   md: L,
   lg: M
-}, so = ({
+}, io = ({
   buttonDropdownAttributes: C,
-  selectedId: a,
+  selectedId: c,
   onSelectTab: h,
-  size: i = K.MD,
+  size: a = K.MD,
   tabs: t,
   ...v
 }) => {
-  const [w, d] = l(a || t[0].id), [R, A] = l(""), [F, I] = l(""), m = D(null), f = 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, f] = l(c || t[0].id), [R, A] = l(""), [F, I] = l(""), m = 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__ */ s(i.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 = m : F === n.id && (r = f), r;
+      return R === n.id ? r = m : F === n.id && (r = d), r;
     };
-    return /* @__PURE__ */ c(
-      s.Content.TabButton,
+    return /* @__PURE__ */ s(
+      i.Content.TabButton,
       {
         selected: e,
         tabIndex: E,
         ref: O(),
-        size: i,
+        size: a,
         showNotificationIcon: n.showNotificationIcon,
         onFocus: () => {
           A(t[o - 1] ? t[o - 1].id : ""), I(t[o + 1] ? t[o + 1].id : "");
         },
         onKeyDown: (r) => {
-          var b, T;
+          var T, b;
           const { key: u } = r;
-          _(u, "ARROW_LEFT") ? (N || (d(t[o - 1].id), (b = m.current) == null || b.focus()), r.preventDefault()) : _(u, "ARROW_RIGHT") && (g || (d(t[o + 1].id), (T = f.current) == null || T.focus()), r.preventDefault());
+          _(u, "ARROW_LEFT") ? (N || (f(t[o - 1].id), (T = m.current) == null || T.focus()), r.preventDefault()) : _(u, "ARROW_RIGHT") && (g || (f(t[o + 1].id), (b = d.current) == null || b.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(i, { ...v, selectedId: c, onSelectTab: h, children: /* @__PURE__ */ y(i.Content, { className: p.tabsContent, size: a, children: [
+    /* @__PURE__ */ s(i.Content.TabsWrapper, { children: t.map(B) }),
+    /* @__PURE__ */ s(i.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ s(
       x,
       {
         theme: j.DOTS_SECONDARY,
-        size: i,
+        size: a,
         options: S({ dropdownItemsIds: n, onSelectTab: o }),
-        selected: t.filter((e) => e.id === a)[0],
+        selected: t.filter((e) => e.id === c)[0],
         buttonAttributes: {
           ...C,
-          className: W(p.tabButtonDropdown, p[i])
+          className: W(p.tabButtonDropdown, p[a])
         }
       }
     ) })
   ] }) });
 };
 export {
-  so as Tabs
+  io 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---Om3uMV.js";
 import { TabsExtendedContext as b } from "./TabsExtendedContext.js";
 import { TabsExtendedContent as I } from "./components/TabsExtendedContent.js";
-import { s as _ } from "../../chunks/TabsExtended.module-NTLSSjNf.js";
+import { s as _ } from "../../chunks/TabsExtended.module-vg1pJlhg.js";
 import { ETabsExtendedType as S } from "./enums.js";
-import { T as u } from "../../chunks/utils-BnE2k27o.js";
+import { T as u } from "../../chunks/utils-WHBUmZgw.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-NTLSSjNf.js";
+import { s as r } from "../../../chunks/TabsExtended.module-vg1pJlhg.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-NTLSSjNf.js";
+import { s as p } from "../../../chunks/TabsExtended.module-vg1pJlhg.js";
 import { c as a } from "../../../chunks/vendor---Om3uMV.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-NTLSSjNf.js";
+import { s as r } from "../../../chunks/TabsExtended.module-vg1pJlhg.js";
 import { c as I } from "../../../chunks/vendor---Om3uMV.js";
 import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as E } from "./TabsExtendedTabContext.js";

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,24 +1,25 @@
 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---Om3uMV.js";
-import { s as t, T as _, a as r } from "../../../chunks/utils-BnE2k27o.js";
+import { s as t, T as _, a as r } from "../../../chunks/utils-WHBUmZgw.js";
 import { TabsExtendedContext as l } from "../TabsExtendedContext.js";
 import { EFontType as u } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
+import "../../Typography/CodeText.js";
 import { Text as m } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { Badge as N } from "../../Badge/Badge.js";
 import { EComponentSize as B } from "../../../enums/EComponentSize.js";
 const D = b.forwardRef(
   ({ children: a, className: n, selected: s, size: o = B.MD, showNotificationIcon: T, ...E }, p) => {
-    const { type: d } = c(l), i = f(
+    const { type: i } = c(l), d = f(
       t.tabsExtendedTabButton,
       t[o],
-      _[d],
+      _[i],
       { [t.selected]: !!s },
       n
     );
-    return /* @__PURE__ */ x("button", { type: "button", className: i, role: "tab", "aria-selected": s, ref: p, ...E, children: [
+    return /* @__PURE__ */ x("button", { type: "button", className: d, role: "tab", "aria-selected": s, ref: p, ...E, children: [
       /* @__PURE__ */ e(
         m,
         {

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 { g as F, c as N, h as z } from "../../../chunks/vendor---Om3uMV.js";
 import { TabsExtendedContext as j } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as P } from "./TabsExtendedTabContext.js";
-import { s as l } from "../../../chunks/TabsExtended.module-NTLSSjNf.js";
+import { s as l } from "../../../chunks/TabsExtended.module-vg1pJlhg.js";
 const G = ({
   children: s,
   className: C,