@sberbusiness/triplex-next 1.6.1 → 1.8.0

package/components/Tabs/Tabs.js

@@ -1,6 +1,6 @@
-import { jsx as a, jsxs as N } from "react/jsx-runtime";
+import { jsx as c, 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-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__7d0bd4a5", G = "sm__9a55ba46", H = "md__d1f7402a", L = "lg__6b37cd2b", p = {
+const k = "tabButtonDropdown__9451fd55", G = "sm__b0cebe40", H = "md__09819526", L = "lg__1ae90ebc", p = {
   tabButtonDropdown: k,
   sm: G,
   md: H,
   lg: L
-}, ao = ({
-  buttonDropdownAttributes: v,
-  selectedId: i,
-  onSelectTab: R,
-  size: c = K.MD,
+}, co = ({
+  buttonDropdownAttributes: h,
+  selectedId: a,
+  onSelectTab: v,
+  size: s = K.MD,
   tabs: t,
-  ...A
+  ...w
 }) => {
-  const [h, d] = l(i || t[0].id), [w, C] = l(""), [F, S] = l(""), m = 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__ */ a(s.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 = m : F === e.id && (r = u), r;
+      return A === n.id ? r = d : F === n.id && (r = u), r;
     };
-    return /* @__PURE__ */ a(
-      s.Content.TabButton,
+    return /* @__PURE__ */ c(
+      i.Content.TabButton,
       {
-        selected: n,
-        tabIndex: O,
-        ref: y(),
-        size: c,
+        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 || (d(t[o - 1].id), (T = m.current) == null || T.focus()), r.preventDefault()) : _(f, "ARROW_RIGHT") && (E || (d(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__ */ a(s, { ...A, selectedId: i, onSelectTab: R, children: /* @__PURE__ */ N(s.Content, { className: p.tabsContent, size: c, children: [
-    /* @__PURE__ */ a(s.Content.TabsWrapper, { children: t.map(I) }),
-    /* @__PURE__ */ a(s.Content.DropdownWrapper, { children: ({ dropdownItemsIds: e, onSelectTab: o }) => /* @__PURE__ */ a(
+  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: c,
-        options: B({ dropdownItemsIds: e, onSelectTab: o }),
-        selected: t.filter((n) => n.id === i)[0],
+        size: s,
+        options: S({ dropdownItemsIds: n, onSelectTab: o }),
+        selected: t.filter((e) => e.id === a)[0],
         buttonAttributes: {
-          ...v,
-          className: W(p.tabButtonDropdown, p[c])
+          ...h,
+          className: W(p.tabButtonDropdown, p[s])
         }
       }
     ) })
   ] }) });
 };
 export {
-  ao 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-Dvvx9orv.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-GixgRYNn.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-Dvvx9orv.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-Dvvx9orv.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-Dvvx9orv.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-GixgRYNn.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-Dvvx9orv.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-GixgRYNn.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-BW1667el.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-BW1667el.js";
+import { s as J } from "../../../chunks/TabsLine.module-DGic2tTZ.js";
 const $ = ({
   tabs: l,
   dropdownTargetHtmlAttributes: g,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -1,14 +1,14 @@
-var N = Object.defineProperty;
-var R = (c, i, e) => i in c ? N(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
-var o = (c, i, e) => R(c, typeof i != "symbol" ? i + "" : i, e);
-import { jsxs as w, jsx as a } from "react/jsx-runtime";
-import m, { createElement as I } from "react";
-import { a as T, c as h } from "../../../chunks/vendor-D3hUOusX.js";
+var R = Object.defineProperty;
+var N = (c, r, e) => r in c ? R(c, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[r] = e;
+var t = (c, r, e) => N(c, typeof r != "symbol" ? r + "" : r, e);
+import { jsxs as w, jsx as d } from "react/jsx-runtime";
+import l, { createElement as T } from "react";
+import { a as I, c as h } from "../../../chunks/vendor-D3hUOusX.js";
 import { Dropdown as v } from "../../Dropdown/Dropdown.js";
 import { DropdownListContext as S } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as D } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-PbfrmOZJ.js";
+import "../../../chunks/DropdownListItem-BcXHt5bk.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -20,71 +20,69 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as k } from "../../../enums/EComponentSize.js";
-import { CaretdownStrokeSrvIcon16 as b } from "@sberbusiness/icons-next";
+import { EComponentSize as b } from "../../../enums/EComponentSize.js";
+import { CaretdownStrokeSrvIcon16 as k } from "@sberbusiness/icons-next";
 import { isKey as p } from "../../../utils/keyboard.js";
-import { s as t } from "../../../chunks/TabsLine.module-BW1667el.js";
+import { s as o } from "../../../chunks/TabsLine.module-DGic2tTZ.js";
 import { createSizeToClassNameMap as O } from "../../../utils/classNameMaps.js";
-const A = O(t);
-class te extends m.PureComponent {
+const A = O(o);
+class te extends l.PureComponent {
   constructor(e) {
     super(e);
-    o(this, "state", {
+    t(this, "state", {
       activeDescendant: void 0,
       opened: !1
     });
-    o(this, "targetRef");
-    o(this, "dropdownRef");
-    o(this, "instanceId", T());
+    t(this, "targetRef");
+    t(this, "dropdownRef");
+    t(this, "instanceId", I());
     /** Установка значения activeDescendant. */
-    o(this, "setActiveDescendant", (e) => {
+    t(this, "setActiveDescendant", (e) => {
       this.setState({ activeDescendant: e });
     });
     /** Рендер кнопки, раскрывающей список. */
-    o(this, "renderTarget", () => {
-      const { active: e, label: n, targetHtmlAttributes: r, size: d = k.MD } = this.props, { activeDescendant: s, opened: l } = this.state, f = h(t.tab, A[d], t.dropdownTarget, {
-        [t.active]: e
-      }), u = h(t.dropdownTargetCaret, { [t.opened]: l });
-      return /* @__PURE__ */ a(
+    t(this, "renderTarget", () => {
+      const { active: e, label: n, targetHtmlAttributes: i, size: a = b.MD } = this.props, { activeDescendant: s, opened: m } = this.state, f = h(o.tab, A[a], o.dropdownTarget, {
+        [o.active]: e
+      }), u = h(o.dropdownTargetCaret, { [o.opened]: m });
+      return /* @__PURE__ */ d(
         "button",
         {
-          ...r,
+          ...i,
           className: f,
           onClick: this.handleTargetClick,
           onKeyDown: this.handleTargetKeyDown,
           type: "button",
           role: "tab",
           "aria-haspopup": "menu",
-          "aria-expanded": l,
+          "aria-expanded": m,
           "aria-controls": this.instanceId,
           "aria-activedescendant": s,
-          children: /* @__PURE__ */ a("span", { className: t.tabInner, children: /* @__PURE__ */ w("span", { className: t.dropdownTargetInner, children: [
+          children: /* @__PURE__ */ d("span", { className: o.tabInner, children: /* @__PURE__ */ w("span", { className: o.dropdownTargetInner, children: [
             n,
-            /* @__PURE__ */ a(b, { className: u, paletteIndex: 5 })
+            /* @__PURE__ */ d(k, { className: u, paletteIndex: 5 })
           ] }) })
         }
       );
     });
     /** Рендер дропдаун списка. */
-    o(this, "renderDropdown", () => {
-      const { selected: e, tabs: n } = this.props, { activeDescendant: r, opened: d } = this.state;
-      return /* @__PURE__ */ a(
+    t(this, "renderDropdown", () => {
+      const { selected: e, tabs: n } = this.props, { activeDescendant: i, opened: a } = this.state;
+      return /* @__PURE__ */ d(
         v,
         {
-          className: t.dropdown,
-          opened: d,
+          className: o.dropdown,
+          opened: a,
           setOpened: this.setOpenedDropdown,
           targetRef: this.targetRef,
           ref: this.dropdownRef,
-          children: /* @__PURE__ */ a(
+          children: /* @__PURE__ */ d(
             S.Provider,
             {
-              value: { activeDescendant: r, setActiveDescendant: this.setActiveDescendant },
-              children: /* @__PURE__ */ a(D, { dropdownOpened: d, id: this.instanceId, children: n.map((s) => {
-                const { id: l, label: f, showNotificationIcon: u, ...C } = s, g = h(t.dropdownItem, {
-                  [t.withNotification]: !!s.showNotificationIcon
-                });
-                return /* @__PURE__ */ I(
+              value: { activeDescendant: i, setActiveDescendant: this.setActiveDescendant },
+              children: /* @__PURE__ */ d(D, { dropdownOpened: a, id: this.instanceId, children: n.map((s) => {
+                const { id: m, label: f, showNotificationIcon: u, ...C } = s, g = h(o.dropdownItem);
+                return /* @__PURE__ */ T(
                   D.Item,
                   {
                     ...C,
@@ -94,10 +92,10 @@ class te extends m.PureComponent {
                     onSelect: () => {
                       this.handleClickTab(s);
                     },
-                    selected: s === e
+                    selected: s === e,
+                    showNotificationIcon: s.showNotificationIcon
                   },
-                  /* @__PURE__ */ a("span", { className: t.dropdownItemInner, children: s.label }),
-                  s.showNotificationIcon && /* @__PURE__ */ a("span", { className: t.notificationIcon })
+                  /* @__PURE__ */ d("span", { className: o.dropdownItemInner, children: s.label })
                 );
               }) })
             }
@@ -106,31 +104,31 @@ class te extends m.PureComponent {
       );
     });
     /** Открывает/закрывает Dropdown. */
-    o(this, "setOpenedDropdown", (e) => {
+    t(this, "setOpenedDropdown", (e) => {
       this.setState({ opened: e });
     });
     /** Обработчик кнопки, раскрывающей список. */
-    o(this, "handleTargetClick", () => {
+    t(this, "handleTargetClick", () => {
       const { opened: e } = this.state;
       this.setState({ opened: !e });
     });
     /** Обработчик клика по табу. */
-    o(this, "handleClickTab", (e) => {
-      const { onClickTab: n } = this.props, { opened: r } = this.state;
-      n(e), this.setState({ opened: !r });
+    t(this, "handleClickTab", (e) => {
+      const { onClickTab: n } = this.props, { opened: i } = this.state;
+      n(e), this.setState({ opened: !i });
     });
     /** Обработчик нажатия клавиш по кнопке, раскрывающей список. */
-    o(this, "handleTargetKeyDown", (e) => {
+    t(this, "handleTargetKeyDown", (e) => {
       const { opened: n } = this.state;
       n || (p(e.code, "ARROW_UP") || p(e.code, "ARROW_DOWN")) && (e.preventDefault(), this.setState({ opened: !0 })), n && (p(e.code, "TAB") || p(e.code, "ESCAPE")) && this.setState({ opened: !1 });
     });
     /** Обработчик клика вне дропдауна. */
-    o(this, "handleClickOutside", (e) => {
-      var r, d;
+    t(this, "handleClickOutside", (e) => {
+      var i, a;
       const { opened: n } = this.state;
-      n && !((r = this.targetRef.current) != null && r.contains(e.target)) && !((d = this.dropdownRef.current) != null && d.contains(e.target)) && this.setState({ opened: !1 });
+      n && !((i = this.targetRef.current) != null && i.contains(e.target)) && !((a = this.dropdownRef.current) != null && a.contains(e.target)) && this.setState({ opened: !1 });
     });
-    this.targetRef = m.createRef(), this.dropdownRef = m.createRef();
+    this.targetRef = l.createRef(), this.dropdownRef = l.createRef();
   }
   componentDidMount() {
     document.addEventListener("mouseup", this.handleClickOutside);
@@ -139,7 +137,7 @@ class te extends m.PureComponent {
     document.removeEventListener("mouseup", this.handleClickOutside);
   }
   render() {
-    return /* @__PURE__ */ w("div", { className: t.tabsLineDropdown, ref: this.targetRef, children: [
+    return /* @__PURE__ */ w("div", { className: o.tabsLineDropdown, ref: this.targetRef, children: [
       this.renderTarget(),
       this.renderDropdown()
     ] });

package/components/TabsLine/components/TabsLineItem.js

@@ -1,27 +1,28 @@
 import { jsx as n } from "react/jsx-runtime";
-import p, { createElement as c } from "react";
-import { c as l } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as e } from "../../../chunks/TabsLine.module-BW1667el.js";
-import { EComponentSize as f } from "../../../enums/EComponentSize.js";
+import c, { createElement as p } from "react";
+import { c as f } from "../../../chunks/vendor-D3hUOusX.js";
+import { EComponentSize as l } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as b } from "../../../utils/classNameMaps.js";
-const N = b(e), u = p.forwardRef(
-  ({ id: t, label: o, selected: a, showNotificationIcon: s, size: m = f.MD, ...r }, i) => /* @__PURE__ */ c(
+import { NotificationIcon as N } from "../../NotificationIcon/NotificationIcon.js";
+import { s as o } from "../../../chunks/TabsLine.module-DGic2tTZ.js";
+const u = b(o), y = c.forwardRef(
+  ({ id: e, label: a, selected: t, showNotificationIcon: m, size: r = l.MD, ...i }, s) => /* @__PURE__ */ p(
     "button",
     {
       type: "button",
-      ...r,
-      key: t,
-      className: l(e.tab, N[m], { [e.active]: !!a }),
+      ...i,
+      key: e,
+      className: f(o.tab, u[r], { [o.active]: !!t }),
       role: "tab",
-      "aria-selected": a,
-      ref: i
+      "aria-selected": t,
+      ref: s
     },
-    o,
-    s && /* @__PURE__ */ n("span", { className: e.notificationIcon })
+    a,
+    m && /* @__PURE__ */ n(N, { className: o.notificationIcon })
   )
 );
-u.displayName = "TabsLineItem";
+y.displayName = "TabsLineItem";
 export {
-  u as TabsLineItem
+  y as TabsLineItem
 };
 //# sourceMappingURL=TabsLineItem.js.map

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__37ed0efa", p = "tabsLineMobile__3548ee98", l = {
+import { TabsLineItem as t } from "./TabsLineItem.js";
+const d = "tabsLineMobileWrapper__71dd5b87", p = "tabsLineMobile__01cecb18", l = {
   tabsLineMobileWrapper: d,
   tabsLineMobile: p
-}, h = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
+}, u = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
   if (!i.length)
     return null;
-  const a = ({ selected: L, ...e }) => {
-    const b = (t) => {
+  const b = ({ selected: L, ...e }) => {
+    const a = (c) => {
       var s;
-      r(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: o === e.id, ...e, onClick: b }, e.id);
+    return /* @__PURE__ */ n(t, { selected: o === 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(b) }) });
 };
 export {
-  h as TabsLineMobile
+  u as TabsLineMobile
 };
 //# sourceMappingURL=TabsLineMobile.js.map