@sberbusiness/triplex-next 1.7.0 → 1.8.0

package/components/Table/NoColumns.js

@@ -1,12 +1,12 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { c as e } from "../../chunks/vendor-D3hUOusX.js";
 import { Gap as l } from "../Gap/Gap.js";
-import { ServicesetupSysIcon96 as r } from "@sberbusiness/icons-next";
-const i = "noColumns__b1a5c623", a = "content__c9820873", s = {
-  noColumns: i,
-  content: a
-}, p = ({ children: n, className: t, ...c }) => /* @__PURE__ */ m("div", { className: e(s.noColumns, t), ...c, children: [
-  /* @__PURE__ */ o(r, {}),
+import { ServicesetupSysIcon96 as a } from "@sberbusiness/icons-next";
+const r = "noColumns__12b6ea45", i = "content__ba4da19f", s = {
+  noColumns: r,
+  content: i
+}, p = ({ children: n, className: t, ...m }) => /* @__PURE__ */ c("div", { className: e(s.noColumns, t), ...m, children: [
+  /* @__PURE__ */ o(a, {}),
   /* @__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-D3hUOusX.js";
-const e = "paginationPanel__fe25a9d6", s = {
-  paginationPanel: e
+const s = "paginationPanel__59d89c15", e = {
+  paginationPanel: s
 }, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
   "div",
   {
-    className: o(s.paginationPanel, n),
+    className: o(e.paginationPanel, n),
     ...i,
-    "data-tx": "1.7.0",
+    "data-tx": "1.8.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-D3hUOusX.js";
 import { MasterTableContext as L } from "../MasterTableContext.js";
-import { s as a } from "../../../chunks/utils-CR8DYAi0.js";
+import { s as a } from "../../../chunks/utils-DRFlp8Cg.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-D3hUOusX.js";
-import { s as r } from "../../../../chunks/utils-CR8DYAi0.js";
+import { s as r } from "../../../../chunks/utils-DRFlp8Cg.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-D3hUOusX.js";
-import { s as n, m as z } from "../../../../chunks/utils-CR8DYAi0.js";
+import { s as n, m as z } from "../../../../chunks/utils-DRFlp8Cg.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-D3hUOusX.js";
-import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-CR8DYAi0.js";
+import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-DRFlp8Cg.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__4d665895", L = "tableSettingsDropdown__78637d7a", d = {
+const k = "tableSettingsLink__18ebd74a", L = "tableSettingsDropdown__3eea5984", 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(
+}, t = ({ children: m, className: p, linkTitle: c, ...b }) => {
+  const r = i(null), s = i(null), f = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
     x,
     {
       href: "#",
@@ -24,7 +24,7 @@ const k = "tableSettingsLink__4d665895", L = "tableSettingsDropdown__78637d7a",
       ref: r,
       children: c
     }
-  ), b = ({ className: e, ...o }) => /* @__PURE__ */ n(
+  ), g = ({ className: e, ...o }) => /* @__PURE__ */ n(
     a.Dropdown,
     {
       className: l(d.tableSettingsDropdown, e),
@@ -38,10 +38,10 @@ const k = "tableSettingsLink__4d665895", L = "tableSettingsDropdown__78637d7a",
     a,
     {
       className: l(d.tableSettingsLink, p),
-      renderButton: g,
-      renderDropdown: b,
+      renderButton: f,
+      renderDropdown: g,
       dropdownRef: s,
-      ...f
+      ...b
     }
   );
 };

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

@@ -3,9 +3,9 @@ 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-D3hUOusX.js";
-const c = "columnSettingsSortableListItemTarget__c6fe5b80", S = "dragging__b27afdc2", r = {
-  columnSettingsSortableListItemTarget: c,
-  dragging: S
+const S = "columnSettingsSortableListItemTarget__e268f0b9", c = "dragging__2280672b", r = {
+  columnSettingsSortableListItemTarget: S,
+  dragging: c
 }, b = i.forwardRef(
   ({ children: o, className: s, style: f, dragging: t, ...a }, m) => /* @__PURE__ */ e(
     g,

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-D3hUOusX.js";
-import { ListItem as c } from "../../../List/components/ListItem.js";
-const n = "columnSettingsStaticListItem__b5d7a388", a = {
-  columnSettingsStaticListItem: n
+import { ListItem as a } from "../../../List/components/ListItem.js";
+const c = "columnSettingsStaticListItem__7baaa522", n = {
+  columnSettingsStaticListItem: c
 }, r = e.forwardRef(
-  ({ className: t, ...i }, s) => /* @__PURE__ */ m(c, { className: o(a.columnSettingsStaticListItem, t), ...i, ref: s })
+  ({ className: t, ...i }, s) => /* @__PURE__ */ m(a, { className: o(n.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-D3hUOusX.js";
-const B = "tableBasicSettingsBody__3d186816", d = {
+const B = "tableBasicSettingsBody__3c274d75", 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-D3hUOusX.js";
-const c = "tableBasicSettingsFooter__1ee357da", l = {
+const c = "tableBasicSettingsFooter__e1fd5828", 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

@@ -2,7 +2,7 @@ import { jsx as s } from "react/jsx-runtime";
 import { c as i } from "../../../../chunks/vendor-D3hUOusX.js";
 import { Text as r } from "../../../Typography/Text.js";
 import { EFontWeightText as o, ETextSize as c } from "../../../Typography/enums.js";
-const l = "tableBasicSettingsHeader__2e3429a6", m = {
+const l = "tableBasicSettingsHeader__711162e1", m = {
   tableBasicSettingsHeader: l
 }, n = ({
   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-D3hUOusX.js";
-import { s as r } from "../../../chunks/TableFooter.module-DKNnDtzT.js";
+import { s as r } from "../../../chunks/TableFooter.module-DgtjRZYk.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-DKNnDtzT.js";
+import { s as n } from "../../../../chunks/TableFooter.module-DgtjRZYk.js";
 const u = 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-DKNnDtzT.js";
+import { s as m } from "../../../../chunks/TableFooter.module-DgtjRZYk.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-DKNnDtzT.js";
+import { s as a } from "../../../../chunks/TableFooter.module-DgtjRZYk.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-DKNnDtzT.js";
+import { s as t } from "../../../../chunks/TableFooter.module-DgtjRZYk.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-D3hUOusX.js";
 import { TabsLinePanelLinks as l } from "./TabsLinePanelLinks.js";
-const o = "tabsLinePanel__a4753721", L = {
+const o = "tabsLinePanel__09c61888", L = {
   tabsLinePanel: o
-}, a = ({ children: s, className: n, ...e }) => /* @__PURE__ */ i("div", { className: t(L.tabsLinePanel, n), ...e, children: s });
-a.Links = l;
-a.displayName = "TabsLinePanel";
+}, s = ({ children: a, className: n, ...e }) => /* @__PURE__ */ i("div", { className: t(L.tabsLinePanel, n), ...e, children: a });
+s.Links = l;
+s.displayName = "TabsLinePanel";
 export {
-  a as TabsLinePanel
+  s 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-D3hUOusX.js";
 import { Text as a } from "../Typography/Text.js";
 import { EFontWeightText as o, ETextSize as L } from "../Typography/enums.js";
-const l = "tabsLinePanelLinks__3146b5ac", m = {
+const l = "tabsLinePanelLinks__18ac0fff", 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-CR8DYAi0.js";
+import { b as s, m as o, a as e } from "../../chunks/utils-DRFlp8Cg.js";
 export {
   s as mapCellTypeToClassName,
   o as mapHorizontalAlignToClassName,

package/components/Tabs/Tabs.js

@@ -1,6 +1,6 @@
-import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import { useState as a, useRef as D } from "react";
-import { TabsExtended as c } from "../TabsExtended/TabsExtended.js";
+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/components/TabsExtendedContent.js";
 import { c as W } from "../../chunks/vendor-D3hUOusX.js";
 import "../TabsExtended/TabsExtendedContext.js";
@@ -15,61 +15,62 @@ 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__bae6f990", G = "sm__1e749050", H = "md__050008bc", L = "lg__e4ff66df", p = {
+const k = "tabButtonDropdown__9451fd55", G = "sm__b0cebe40", H = "md__09819526", L = "lg__1ae90ebc", p = {
   tabButtonDropdown: k,
   sm: G,
   md: H,
   lg: L
-}, so = ({
-  buttonDropdownAttributes: v,
-  selectedId: l,
-  onSelectTab: R,
-  size: i = K.MD,
+}, co = ({
+  buttonDropdownAttributes: h,
+  selectedId: a,
+  onSelectTab: v,
+  size: s = K.MD,
   tabs: t,
-  ...A
+  ...w
 }) => {
-  const [h, m] = a(l || t[0].id), [w, C] = a(""), [F, S] = a(""), d = D(null), u = D(null), B = ({ dropdownItemsIds: e, onSelectTab: o }) => t.filter((n) => e.includes(n.id)).map((n) => ({ ...n, onSelect: () => o(n.id) })), I = (e, o) => /* @__PURE__ */ s(c.Content.Tab, { ...e, children: ({ selected: n, isFirstInlineTab: g, isLastInlineTab: E }) => {
-    const O = h === e.id ? 0 : -1, y = () => {
+  const [R, m] = l(a || t[0].id), [A, C] = 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(i.Content.Tab, { ...n, children: ({ selected: e, isFirstInlineTab: N, isLastInlineTab: g }) => {
+    const E = R === n.id ? 0 : -1, O = () => {
       let r;
-      return w === e.id ? r = d : F === e.id && (r = u), r;
+      return A === n.id ? r = d : F === n.id && (r = u), r;
     };
-    return /* @__PURE__ */ s(
-      c.Content.TabButton,
+    return /* @__PURE__ */ c(
+      i.Content.TabButton,
       {
-        selected: n,
-        tabIndex: O,
-        ref: y(),
-        size: i,
+        selected: e,
+        tabIndex: E,
+        ref: O(),
+        size: s,
+        showNotificationIcon: n.showNotificationIcon,
         onFocus: () => {
-          C(t[o - 1] ? t[o - 1].id : ""), S(t[o + 1] ? t[o + 1].id : "");
+          C(t[o - 1] ? t[o - 1].id : ""), I(t[o + 1] ? t[o + 1].id : "");
         },
         onKeyDown: (r) => {
           var T, b;
           const { key: f } = r;
-          _(f, "ARROW_LEFT") ? (g || (m(t[o - 1].id), (T = d.current) == null || T.focus()), r.preventDefault()) : _(f, "ARROW_RIGHT") && (E || (m(t[o + 1].id), (b = u.current) == null || b.focus()), r.preventDefault());
+          _(f, "ARROW_LEFT") ? (N || (m(t[o - 1].id), (T = d.current) == null || T.focus()), r.preventDefault()) : _(f, "ARROW_RIGHT") && (g || (m(t[o + 1].id), (b = u.current) == null || b.focus()), r.preventDefault());
         },
-        children: e.label
+        children: n.label
       }
     );
   } }, o);
-  return /* @__PURE__ */ s(c, { ...A, selectedId: l, onSelectTab: R, children: /* @__PURE__ */ N(c.Content, { className: p.tabsContent, size: i, children: [
-    /* @__PURE__ */ s(c.Content.TabsWrapper, { children: t.map(I) }),
-    /* @__PURE__ */ s(c.Content.DropdownWrapper, { children: ({ dropdownItemsIds: e, onSelectTab: o }) => /* @__PURE__ */ s(
+  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(
       x,
       {
         theme: j.DOTS_SECONDARY,
-        size: i,
-        options: B({ dropdownItemsIds: e, onSelectTab: o }),
-        selected: t.filter((n) => n.id === l)[0],
+        size: s,
+        options: S({ dropdownItemsIds: n, onSelectTab: o }),
+        selected: t.filter((e) => e.id === a)[0],
         buttonAttributes: {
-          ...v,
-          className: W(p.tabButtonDropdown, p[i])
+          ...h,
+          className: W(p.tabButtonDropdown, p[s])
         }
       }
     ) })
   ] }) });
 };
 export {
-  so as Tabs
+  co 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-D3hUOusX.js";
 import { TabsExtendedContext as E } from "./TabsExtendedContext.js";
 import { TabsExtendedContent as I } from "./components/TabsExtendedContent.js";
-import { s as u } from "../../chunks/TabsExtended.module-BQKnCc6i.js";
+import { s as u } from "../../chunks/TabsExtended.module-B0_ktbZ6.js";
 import { ETabsExtendedType as C } from "./enums.js";
-import { t as v } from "../../chunks/utils-BY1yN3Hq.js";
+import { t as v } from "../../chunks/utils-D2zZhfuB.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-BQKnCc6i.js";
+import { s as r } from "../../../chunks/TabsExtended.module-B0_ktbZ6.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-BQKnCc6i.js";
+import { s as p } from "../../../chunks/TabsExtended.module-B0_ktbZ6.js";
 import { c as a } from "../../../chunks/vendor-D3hUOusX.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-BQKnCc6i.js";
+import { s as o } from "../../../chunks/TabsExtended.module-B0_ktbZ6.js";
 import { c as I } from "../../../chunks/vendor-D3hUOusX.js";
 import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as E } from "./TabsExtendedTabContext.js";

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,24 +1,28 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import x, { useContext as b } from "react";
-import { s as t, t as i, a as T } from "../../../chunks/utils-BY1yN3Hq.js";
-import { c } from "../../../chunks/vendor-D3hUOusX.js";
+import { c as f } from "../../../chunks/vendor-D3hUOusX.js";
 import { EComponentSize as l } from "../../../enums/EComponentSize.js";
-import { TabsExtendedContext as f } from "../TabsExtendedContext.js";
-import { Text as u } from "../../Typography/Text.js";
-const E = x.forwardRef(
-  ({ children: s, className: r, selected: e, size: a = l.MD, ...n }, m) => {
-    const { type: d } = b(f), p = c(
+import { s as t, t as T, a as u } from "../../../chunks/utils-D2zZhfuB.js";
+import { TabsExtendedContext as E } from "../TabsExtendedContext.js";
+import { Text as N } from "../../Typography/Text.js";
+import { NotificationIcon as y } from "../../NotificationIcon/NotificationIcon.js";
+const B = x.forwardRef(
+  ({ children: s, className: n, selected: e, size: o = l.MD, showNotificationIcon: r, ...m }, i) => {
+    const { type: d } = b(E), c = f(
       t.tabsExtendedTabButton,
-      t[a],
-      i[d],
+      t[o],
+      T[d],
       { [t.selected]: !!e },
-      r
+      n
     );
-    return /* @__PURE__ */ o("button", { type: "button", className: p, role: "tab", "aria-selected": e, ref: m, ...n, children: /* @__PURE__ */ o(u, { size: T[a], className: t.tabButtonText, children: s }) });
+    return /* @__PURE__ */ p("button", { type: "button", className: c, role: "tab", "aria-selected": e, ref: i, ...m, children: [
+      /* @__PURE__ */ a(N, { size: u[o], className: t.tabButtonText, children: s }),
+      r && /* @__PURE__ */ a(y, { className: t.notificationIcon })
+    ] });
   }
 );
-E.displayName = "TabsExtendedTabButton";
+B.displayName = "TabsExtendedTabButton";
 export {
-  E as TabsExtendedTabButton
+  B as TabsExtendedTabButton
 };
 //# sourceMappingURL=TabsExtendedTabButton.js.map

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 { u as F, c as N, p as z } from "../../../chunks/vendor-D3hUOusX.js";
 import { TabsExtendedContext as _ } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as j } from "./TabsExtendedTabContext.js";
-import { s as l } from "../../../chunks/TabsExtended.module-BQKnCc6i.js";
+import { s as l } from "../../../chunks/TabsExtended.module-B0_ktbZ6.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-BY1yN3Hq.js";
+import { a as s, t as i } from "../../chunks/utils-D2zZhfuB.js";
 import "../Typography/enums.js";
 export {
   s as tabsExtendedSizeToTextSizeMap,

package/components/TabsLine/TabsLine.js

@@ -1,43 +1,44 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as f } from "../../chunks/vendor-D3hUOusX.js";
-import { MobileView as n } from "../MobileView/MobileView.js";
-import { TabsLineDesktop as b } from "./components/TabsLineDesktop.js";
-import { TabsLineMobile as c } from "./components/TabsLineMobile.js";
-import { s as d } from "../../chunks/TabsLine.module-Cr-x0ll4.js";
+import { c as b } from "../../chunks/vendor-D3hUOusX.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-DGic2tTZ.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const v = ({
   className: s,
-  dropdownTargetHtmlAttributes: t,
+  dropdownTargetHtmlAttributes: a,
   maxVisible: e,
   onChangeTab: i,
   paddingX: p,
   selectedId: o,
-  tabs: m,
-  size: a,
-  ...l
+  tabs: t,
+  size: l,
+  withSeparator: f,
+  ...n
 }) => /* @__PURE__ */ r(
   "div",
   {
     role: "tablist",
-    className: f(s, d.tabsLineWrapper),
-    ...l,
+    className: b(s, m.tabsLineWrapper, { [m.withSeparator]: f }),
+    ...n,
     "data-paddingx-size": p,
     children: /* @__PURE__ */ r(
-      n,
+      c,
       {
         fallback: /* @__PURE__ */ r(
-          b,
+          d,
           {
-            tabs: m,
+            tabs: t,
             onChangeTab: i,
             selectedId: o,
-            dropdownTargetHtmlAttributes: t,
+            dropdownTargetHtmlAttributes: a,
             maxVisible: e,
-            size: a
+            size: l
           }
         ),
-        children: /* @__PURE__ */ r(c, { tabs: m, onChangeTab: i, selectedId: o })
+        children: /* @__PURE__ */ r(x, { tabs: t, onChangeTab: i, selectedId: o })
       }
     )
   }

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-D3hUOusX.js";
-import { s as J } from "../../../chunks/TabsLine.module-Cr-x0ll4.js";
+import { s as J } from "../../../chunks/TabsLine.module-DGic2tTZ.js";
 const $ = ({
   tabs: l,
   dropdownTargetHtmlAttributes: g,