@sberbusiness/triplex-next 0.21.0 → 0.23.0

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-DaOifQgP.js";
-const c = "tableBasicSettingsFooter__389e5788", l = {
+import { c as r } from "../../../../chunks/vendor---Om3uMV.js";
+const c = "tableBasicSettingsFooter__16d203d1", 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-DaOifQgP.js";
+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__8d98683c", m = {
+import { EFontWeightText as o, ETextSize as c } from "../../../Typography/enums.js";
+const l = "tableBasicSettingsHeader__440273b0", m = {
   tableBasicSettingsHeader: l
 }, n = ({
   children: e,
@@ -12,8 +12,8 @@ const l = "tableBasicSettingsHeader__8d98683c", 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-DaOifQgP.js";
-import { s as r } from "../../../chunks/TableFooter.module-OEvn0oaX.js";
+import { c as i } from "../../../chunks/vendor---Om3uMV.js";
+import { s as r } from "../../../chunks/TableFooter.module-D0rUmZhB.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,17 +3,17 @@ 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-OEvn0oaX.js";
-const u = Object.assign(
+import { s as n } from "../../../../chunks/TableFooter.module-D0rUmZhB.js";
+const y = Object.assign(
   ({ children: t, ...e }) => /* @__PURE__ */ o(r.Content, { ...e, children: /* @__PURE__ */ o("div", { className: n.tableFooterSummary, children: t }) }),
   {
     Amount: m,
     SelectedCount: a,
-    SelectAllButton: l
+    SelectAllButton: l,
+    displayName: "TableFooterSummary"
   }
 );
-u.displayName = "TableFooterSummary";
 export {
-  u as TableFooterSummary
+  y as TableFooterSummary
 };
 //# sourceMappingURL=TableFooterSummary.js.map

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-OEvn0oaX.js";
+import { s as m } from "../../../../chunks/TableFooter.module-D0rUmZhB.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-OEvn0oaX.js";
+import { s as a } from "../../../../chunks/TableFooter.module-D0rUmZhB.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-OEvn0oaX.js";
+import { s as t } from "../../../../chunks/TableFooter.module-D0rUmZhB.js";
 const a = ({ children: e }) => /* @__PURE__ */ o("span", { className: t.tableFooterSummarySelectedCount, children: e });
 a.displayName = "TableFooterSummarySelectedCount";
 export {

package/components/Table/TabsLinePanel.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as t } from "../../chunks/vendor-DaOifQgP.js";
+import { c as t } from "../../chunks/vendor---Om3uMV.js";
 import { TabsLinePanelLinks as l } from "./TabsLinePanelLinks.js";
-const o = "tabsLinePanel__4bd449c4", L = {
+const o = "tabsLinePanel__74614e63", L = {
   tabsLinePanel: o
-}, s = ({ children: a, className: n, ...e }) => /* @__PURE__ */ i("div", { className: t(L.tabsLinePanel, n), ...e, children: a });
+}, s = ({ children: a, className: e, ...n }) => /* @__PURE__ */ i("div", { className: t(L.tabsLinePanel, e), ...n, children: a });
 s.Links = l;
 s.displayName = "TabsLinePanel";
 export {

package/components/Table/TabsLinePanelLinks.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as t } from "../../chunks/vendor-DaOifQgP.js";
+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__38ea2543", m = {
+const l = "tabsLinePanelLinks__e2d999c1", m = {
   tabsLinePanelLinks: l
 }, r = ({
   children: e,

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

package/components/Tabs/Tabs.js

@@ -1,8 +1,8 @@
-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 c } from "../TabsExtended/TabsExtended.js";
 import "../TabsExtended/components/TabsExtendedContent.js";
-import { c as W } from "../../chunks/vendor-DaOifQgP.js";
+import { c as W } from "../../chunks/vendor---Om3uMV.js";
 import "../TabsExtended/TabsExtendedContext.js";
 import "../TabsExtended/components/TabsExtendedTab.js";
 import "../TabsExtended/components/TabsExtendedTabButton.js";
@@ -15,13 +15,13 @@ 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__67ed5acb", G = "tabButtonDropdown__cf0e8586", H = "sm__d5ac22f6", L = "md__e9ae5d78", M = "lg__fba7684d", p = {
+const k = "tabsContent__ef90c892", G = "tabButtonDropdown__e922aa50", H = "sm__239c1ee5", L = "md__8d229811", M = "lg__1529ad68", p = {
   tabsContent: k,
   tabButtonDropdown: G,
   sm: H,
   md: L,
   lg: M
-}, so = ({
+}, co = ({
   buttonDropdownAttributes: C,
   selectedId: i,
   onSelectTab: h,
@@ -29,13 +29,13 @@ const k = "tabsContent__67ed5acb", G = "tabButtonDropdown__cf0e8586", H = "sm__d
   tabs: t,
   ...v
 }) => {
-  const [w, d] = l(i || 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, m] = l(i || t[0].id), [R, A] = l(""), [F, I] = l(""), d = D(null), u = D(null), S = ({ dropdownItemsIds: n, onSelectTab: o }) => t.filter((e) => n.includes(e.id)).map((e) => ({ ...e, onSelect: () => o(e.id) })), B = (n, o) => /* @__PURE__ */ s(c.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 = d : F === n.id && (r = u), r;
     };
-    return /* @__PURE__ */ c(
-      s.Content.TabButton,
+    return /* @__PURE__ */ s(
+      c.Content.TabButton,
       {
         selected: e,
         tabIndex: E,
@@ -46,17 +46,17 @@ const k = "tabsContent__67ed5acb", G = "tabButtonDropdown__cf0e8586", H = "sm__d
           A(t[o - 1] ? t[o - 1].id : ""), I(t[o + 1] ? t[o + 1].id : "");
         },
         onKeyDown: (r) => {
-          var b, T;
-          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());
+          var T, b;
+          const { key: f } = r;
+          _(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: n.label
       }
     );
   } }, o);
-  return /* @__PURE__ */ c(s, { ...v, selectedId: i, onSelectTab: h, children: /* @__PURE__ */ y(s.Content, { className: p.tabsContent, size: a, 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(c, { ...v, selectedId: i, onSelectTab: h, children: /* @__PURE__ */ y(c.Content, { className: p.tabsContent, size: a, children: [
+    /* @__PURE__ */ s(c.Content.TabsWrapper, { children: t.map(B) }),
+    /* @__PURE__ */ s(c.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ s(
       x,
       {
         theme: j.DOTS_SECONDARY,
@@ -72,6 +72,6 @@ const k = "tabsContent__67ed5acb", G = "tabButtonDropdown__cf0e8586", H = "sm__d
   ] }) });
 };
 export {
-  so as Tabs
+  co as Tabs
 };
 //# sourceMappingURL=Tabs.js.map

package/components/TabsExtended/TabsExtended.js

@@ -1,54 +1,54 @@
 import { jsx as s } from "react/jsx-runtime";
-import { useState as r, useRef as T } from "react";
-import { c as b } from "../../chunks/vendor-DaOifQgP.js";
-import { TabsExtendedContext as E } from "./TabsExtendedContext.js";
+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 u } from "../../chunks/TabsExtended.module-B3Ti-48x.js";
-import { ETabsExtendedType as C } from "./enums.js";
-import { t as v } from "../../chunks/utils-d7-rkiPs.js";
+import { s as _ } from "../../chunks/TabsExtended.module-D5-U63Qf.js";
+import { ETabsExtendedType as S } from "./enums.js";
+import { T as u } from "../../chunks/utils-DxMHp1hh.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";
 import "./components/TabsExtendedTabContext.js";
 import "./components/TabsExtendedTabsWrapper.js";
-const w = ({
+const A = ({
   children: n,
   className: m,
   selectedId: t,
   onSelectTab: d,
-  type: e = C.TYPE_1,
-  ...a
+  type: o = S.TYPE_1,
+  ...i
 }) => {
-  const [i, p] = r([]), [l, f] = r([]), c = T(null), x = (o) => {
-    t !== o && d(o);
+  const [p, a] = r([]), [l, T] = r([]), E = c(null), f = (e) => {
+    t !== e && d(e);
   };
   return /* @__PURE__ */ s(
-    E.Provider,
+    b.Provider,
     {
       value: {
         dropdownItemsIds: l,
-        dropdownRef: c,
-        inlineItemsIds: i,
-        onSelectTab: x,
+        dropdownRef: E,
+        inlineItemsIds: p,
+        onSelectTab: f,
         selectedId: t,
-        setDropdownItemsIds: f,
-        setInlineItemsIds: p,
-        type: e
+        setDropdownItemsIds: T,
+        setInlineItemsIds: a,
+        type: o
       },
       children: /* @__PURE__ */ s(
         "div",
         {
-          className: b(u.tabsExtended, v[e], m),
+          className: x(_.tabsExtended, u[o], m),
           role: "tablist",
-          ...a,
+          ...i,
           children: n
         }
       )
     }
   );
 };
-w.Content = I;
+A.Content = I;
 export {
-  w as TabsExtended
+  A as TabsExtended
 };
 //# sourceMappingURL=TabsExtended.js.map

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -1,11 +1,11 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as m } from "../../../chunks/vendor-DaOifQgP.js";
+import { c as m } from "../../../chunks/vendor---Om3uMV.js";
 import { TabsExtendedTabsWrapper as n } from "./TabsExtendedTabsWrapper.js";
 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-B3Ti-48x.js";
+import { s as r } from "../../../chunks/TabsExtended.module-D5-U63Qf.js";
 import { createSizeToClassNameMap as f } from "../../../utils/classNameMaps.js";
 import "./TabsExtendedTabContext.js";
 const x = f(r), o = ({

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { s as p } from "../../../chunks/TabsExtended.module-B3Ti-48x.js";
-import { c as a } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as p } from "../../../chunks/TabsExtended.module-D5-U63Qf.js";
+import { c as a } from "../../../chunks/vendor---Om3uMV.js";
 import { TabsExtendedContext as i } from "../TabsExtendedContext.js";
 const w = ({
   children: e,

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -1,7 +1,7 @@
 import { jsx as x } from "react/jsx-runtime";
 import f, { useContext as o } from "react";
-import { s as r } from "../../../chunks/TabsExtended.module-B3Ti-48x.js";
-import { c as I } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as r } from "../../../chunks/TabsExtended.module-D5-U63Qf.js";
+import { c as I } from "../../../chunks/vendor---Om3uMV.js";
 import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as E } from "./TabsExtendedTabContext.js";
 const h = f.forwardRef(

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,28 +1,47 @@
-import { jsxs as x, jsx as a } from "react/jsx-runtime";
-import c, { useContext as b } from "react";
-import { c as T } from "../../../chunks/vendor-DaOifQgP.js";
-import { s as t, t as f, a as l } from "../../../chunks/utils-d7-rkiPs.js";
-import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
-import { Text as E } from "../../Typography/Text.js";
+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-DxMHp1hh.js";
+import { TabsExtendedContext as l } from "../TabsExtendedContext.js";
+import { EFontType as u } from "../../Typography/enums.js";
+import "../../Typography/Caption.js";
+import { Text as m } from "../../Typography/Text.js";
+import "../../Typography/Title.js";
 import { Badge as N } from "../../Badge/Badge.js";
-import { EComponentSize as y } from "../../../enums/EComponentSize.js";
-const B = c.forwardRef(
-  ({ children: s, className: n, selected: o, size: e = y.MD, showNotificationIcon: r, ...m }, d) => {
-    const { type: i } = b(u), p = T(
+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(
       t.tabsExtendedTabButton,
-      t[e],
-      f[i],
-      { [t.selected]: !!o },
+      t[o],
+      _[d],
+      { [t.selected]: !!s },
       n
     );
-    return /* @__PURE__ */ x("button", { type: "button", className: p, role: "tab", "aria-selected": o, ref: d, ...m, children: [
-      /* @__PURE__ */ a(E, { size: l[e], className: t.tabButtonText, children: s }),
-      r && /* @__PURE__ */ a(N.Dot, { size: e, className: t.notificationIcon })
+    return /* @__PURE__ */ x("button", { type: "button", className: i, role: "tab", "aria-selected": s, ref: p, ...E, children: [
+      /* @__PURE__ */ e(
+        m,
+        {
+          className: t.tabsExtendedTabButtonTextDefault,
+          size: r[o],
+          type: u.SECONDARY,
+          children: a
+        }
+      ),
+      /* @__PURE__ */ e(
+        m,
+        {
+          className: t.tabsExtendedTabButtonTextHover,
+          size: r[o],
+          children: a
+        }
+      ),
+      T && /* @__PURE__ */ e(N.Dot, { size: o, className: t.notificationIcon })
     ] });
   }
 );
-B.displayName = "TabsExtendedTabButton";
+D.displayName = "TabsExtendedTabButton";
 export {
-  B as TabsExtendedTabButton
+  D as TabsExtendedTabButton
 };
 //# sourceMappingURL=TabsExtendedTabButton.js.map

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -1,9 +1,9 @@
 import { jsxs as k, Fragment as y, jsx as f } from "react/jsx-runtime";
 import a, { useContext as A, useState as D, useRef as g, useLayoutEffect as R, isValidElement as B } from "react";
-import { g as F, c as N, h as z } from "../../../chunks/vendor-DaOifQgP.js";
+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-B3Ti-48x.js";
+import { s as l } from "../../../chunks/TabsExtended.module-D5-U63Qf.js";
 const G = ({
   children: s,
   className: C,

package/components/TabsExtended/utils.js

@@ -1,9 +1,9 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
-import { a as s, t as i } from "../../chunks/utils-d7-rkiPs.js";
+import { a as o, T as r } from "../../chunks/utils-DxMHp1hh.js";
 import "../Typography/enums.js";
 export {
-  s as tabsExtendedSizeToTextSizeMap,
-  i as tabsExtendedTypeToClassNameMap
+  o as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP,
+  r as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP
 };
 //# sourceMappingURL=utils.js.map

package/components/TabsLine/TabsLine.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as b } from "../../chunks/vendor-DaOifQgP.js";
+import { c as b } from "../../chunks/vendor---Om3uMV.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-BgCBcRYT.js";
+import { s as m } from "../../chunks/TabsLine.module-DXlTUTm_.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const v = ({

package/components/TabsLine/components/TabsLineDesktop.js

@@ -3,8 +3,8 @@ import { useState as D, useRef as T, useEffect as N } from "react";
 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-DaOifQgP.js";
-import { s as J } from "../../../chunks/TabsLine.module-BgCBcRYT.js";
+import { l as L } from "../../../chunks/vendor---Om3uMV.js";
+import { s as J } from "../../../chunks/TabsLine.module-DXlTUTm_.js";
 const $ = ({
   tabs: l,
   dropdownTargetHtmlAttributes: g,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -1,10 +1,11 @@
-import { jsxs as S, jsx as a } from "react/jsx-runtime";
-import { useState as d, useRef as h, useEffect as W, createElement as j } from "react";
-import { u as H, c as w } from "../../../chunks/vendor-DaOifQgP.js";
+import { jsxs as A, jsx as a } from "react/jsx-runtime";
+import { useState as c, useRef as h, useEffect as K, createElement as j } from "react";
+import { u as H, c as w } from "../../../chunks/vendor---Om3uMV.js";
 import { DropdownListContext as Y } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as b } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BdLTF7q1.js";
+import { DropdownList as S } from "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-C4JE2xV7.js";
+import { EDropdownWidth as q } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -16,49 +17,49 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as q } from "../../../enums/EComponentSize.js";
+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 m } from "../../../utils/keyboard.js";
-import { s as t } from "../../../chunks/TabsLine.module-BgCBcRYT.js";
-import { createSizeToClassNameMap as G } from "../../../utils/classNameMaps.js";
-import { EFontType as v } from "../../Typography/enums.js";
+import { s as t } from "../../../chunks/TabsLine.module-DXlTUTm_.js";
+import { createSizeToClassNameMap as J } from "../../../utils/classNameMaps.js";
+import { EFontType as b } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
-import { Text as J } from "../../Typography/Text.js";
+import { Text as Q } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { tabsLineSizeToTextSizeMap as Q } from "../utils.js";
-const V = G(t), xe = ({
-  tabs: A,
+import { tabsLineSizeToTextSizeMap as V } from "../utils.js";
+const X = J(t), Oe = ({
+  tabs: v,
   active: T,
-  label: g,
-  onClickTab: L,
-  selected: M,
-  size: p = q.MD,
-  targetHtmlAttributes: R,
+  label: M,
+  onClickTab: R,
+  selected: g,
+  size: p = G.MD,
+  targetHtmlAttributes: L,
   ...x
 }) => {
-  const [D, y] = d(void 0), [o, c] = d(!1), [O, N] = d(!1), [k, C] = d(!1), l = h(null), E = h(null), I = h(H());
-  W(() => {
+  const [D, y] = c(void 0), [o, d] = c(!1), [O, N] = c(!1), [_, E] = c(!1), l = h(null), C = h(null), I = h(H());
+  K(() => {
     if (!o)
       return;
     const e = (r) => {
       var n, s;
-      !((n = l.current) != null && n.contains(r.target)) && !((s = E.current) != null && s.contains(r.target)) && c(!1);
+      !((n = l.current) != null && n.contains(r.target)) && !((s = C.current) != null && s.contains(r.target)) && d(!1);
     };
     return document.addEventListener("mouseup", e), () => {
       document.removeEventListener("mouseup", e);
     };
   }, [o]);
-  const _ = () => {
-    c(!o);
+  const k = () => {
+    d(!o);
   }, P = (e) => {
-    o || (m(e.code, "ARROW_UP") || m(e.code, "ARROW_DOWN")) && (e.preventDefault(), c(!0)), o && (m(e.code, "TAB") || m(e.code, "ESCAPE")) && c(!1);
+    o || (m(e.code, "ARROW_UP") || m(e.code, "ARROW_DOWN")) && (e.preventDefault(), d(!0)), o && (m(e.code, "TAB") || m(e.code, "ESCAPE")) && d(!1);
   }, F = (e) => {
-    L(e), c(!o);
-  }, z = () => {
-    const { onFocus: e, onBlur: r, onMouseEnter: n, onMouseLeave: s, ...u } = R || {}, f = w(t.tab, V[p], t.dropdownTarget, {
+    R(e), d(!o);
+  }, W = () => {
+    const { onFocus: e, onBlur: r, onMouseEnter: n, onMouseLeave: s, ...u } = L || {}, f = w(t.tab, X[p], t.dropdownTarget, {
       [t.active]: T
-    }), K = w(t.dropdownTargetCaret, { [t.opened]: o });
+    }), B = w(t.dropdownTargetCaret, { [t.opened]: o });
     return /* @__PURE__ */ a(
       "button",
       {
@@ -70,13 +71,13 @@ const V = G(t), xe = ({
           N(!1), r == null || r(i);
         },
         onMouseEnter: (i) => {
-          C(!0), n == null || n(i);
+          E(!0), n == null || n(i);
         },
         onMouseLeave: (i) => {
-          C(!1), s == null || s(i);
+          E(!1), s == null || s(i);
         },
         className: f,
-        onClick: _,
+        onClick: k,
         onKeyDown: P,
         type: "button",
         role: "tab",
@@ -84,32 +85,33 @@ const V = G(t), xe = ({
         "aria-expanded": o,
         "aria-controls": I.current,
         "aria-activedescendant": D,
-        children: /* @__PURE__ */ a("span", { className: t.tabInner, children: /* @__PURE__ */ S("span", { className: t.dropdownTargetInner, children: [
+        children: /* @__PURE__ */ a("span", { className: t.tabInner, children: /* @__PURE__ */ A("span", { className: t.dropdownTargetInner, children: [
           /* @__PURE__ */ a(
-            J,
+            Q,
             {
-              size: Q[p],
-              type: T || O || k ? v.PRIMARY : v.SECONDARY,
-              children: g
+              size: V[p],
+              type: T || O || _ ? b.PRIMARY : b.SECONDARY,
+              children: M
             }
           ),
-          /* @__PURE__ */ a(Z, { className: K, paletteIndex: 5 })
+          /* @__PURE__ */ a(Z, { className: B, paletteIndex: 5 })
         ] }) })
       }
     );
-  }, B = () => /* @__PURE__ */ a(
+  }, z = () => /* @__PURE__ */ a(
     U,
     {
       className: t.dropdown,
       opened: o,
-      setOpened: c,
+      setOpened: d,
       size: p,
+      width: q.MIN_TARGET,
       targetRef: l,
-      ref: E,
-      children: /* @__PURE__ */ a(Y.Provider, { value: { activeDescendant: D, setActiveDescendant: y }, children: /* @__PURE__ */ a(b, { dropdownOpened: o, id: I.current, children: A.map((e) => {
+      ref: C,
+      children: /* @__PURE__ */ a(Y.Provider, { value: { activeDescendant: D, setActiveDescendant: y }, children: /* @__PURE__ */ a(S, { dropdownOpened: o, id: I.current, children: v.map((e) => {
         const { id: r, label: n, showNotificationIcon: s, ...u } = e, f = w(t.dropdownItem);
         return /* @__PURE__ */ j(
-          b.Item,
+          S.Item,
           {
             ...u,
             className: f,
@@ -118,7 +120,7 @@ const V = G(t), xe = ({
             onSelect: () => {
               F(e);
             },
-            selected: e === M,
+            selected: e === g,
             showNotificationIcon: s
           },
           /* @__PURE__ */ a("span", { className: t.dropdownItemInner, children: n })
@@ -126,12 +128,12 @@ const V = G(t), xe = ({
       }) }) })
     }
   );
-  return /* @__PURE__ */ S("div", { className: t.tabsLineDropdown, ref: l, ...x, children: [
-    z(),
-    B()
+  return /* @__PURE__ */ A("div", { className: t.tabsLineDropdown, ref: l, ...x, children: [
+    W(),
+    z()
   ] });
 };
 export {
-  xe as TabsLineDropdown
+  Oe as TabsLineDropdown
 };
 //# sourceMappingURL=TabsLineDropdown.js.map