@sberbusiness/triplex-next 1.1.1 → 1.3.0

package/components/Table/TableBasicSettings/components/ColumnSettingsSortableList.js

@@ -0,0 +1,24 @@
+import { jsx as r } from "react/jsx-runtime";
+import l, { useMemo as f } from "react";
+import { ColumnSettingsSortableListItem as d } from "./ColumnSettingsSortableListItem.js";
+import { ListSortable as g } from "../../../List/ListSortable.js";
+const p = Object.assign(
+  l.forwardRef(function({ columns: e, onColumnsChange: o, ...s }, i) {
+    const n = f(
+      () => e.map((t) => ({ id: t.fieldKey, ...t })),
+      [e]
+    );
+    return /* @__PURE__ */ r(g, { items: n, onItemsChange: (t) => {
+      const m = t.map(({ id: b, ...a }) => a);
+      o(m);
+    }, ...s, ref: i });
+  }),
+  {
+    Item: d
+  }
+);
+p.displayName = "ColumnSettingsSortableList";
+export {
+  p as ColumnSettingsSortableList
+};
+//# sourceMappingURL=ColumnSettingsSortableList.js.map

package/components/Table/TableBasicSettings/components/ColumnSettingsSortableListItem.js

@@ -0,0 +1,25 @@
+import { jsx as t, jsxs as s, Fragment as f } from "react/jsx-runtime";
+import p from "react";
+import { ListSortableItem as d } from "../../../List/components/ListSortableItem.js";
+import { ColumnSettingsSortableListItemTarget as S } from "./ColumnSettingsSortableListItemTarget.js";
+import { ExpandAnimation as u } from "../../../ExpandAnimation/ExpandAnimation.js";
+const x = p.forwardRef(
+  ({ children: m, staticContent: e, ...o }, i) => /* @__PURE__ */ t(d, { ...o, ref: i, children: ({ listeners: n, dragging: r, disabled: a, setActivatorNodeRef: l }) => /* @__PURE__ */ s(f, { children: [
+    /* @__PURE__ */ t(
+      S,
+      {
+        ...n,
+        dragging: r,
+        disabled: a,
+        ref: l,
+        children: m
+      }
+    ),
+    e && /* @__PURE__ */ t(u, { expanded: !r, children: e })
+  ] }) })
+);
+x.displayName = "ColumnSettingsSortableListItem";
+export {
+  x as ColumnSettingsSortableListItem
+};
+//# sourceMappingURL=ColumnSettingsSortableListItem.js.map

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

@@ -0,0 +1,29 @@
+import { jsx as e } from "react/jsx-runtime";
+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-CehxOAkM.js";
+const c = "columnSettingsSortableListItemTarget__e1b30b44", S = "dragging__09e70f6c", r = {
+  columnSettingsSortableListItemTarget: c,
+  dragging: S
+}, b = i.forwardRef(
+  ({ children: o, className: s, style: f, dragging: t, ...a }, m) => /* @__PURE__ */ e(
+    g,
+    {
+      className: n(
+        r.columnSettingsSortableListItemTarget,
+        { [r.dragging]: t },
+        s
+      ),
+      dragging: t,
+      ...a,
+      ref: m,
+      children: /* @__PURE__ */ e(l, { children: o })
+    }
+  )
+);
+b.displayName = "ColumnSettingsSortableListItemTarget";
+export {
+  b as ColumnSettingsSortableListItemTarget
+};
+//# sourceMappingURL=ColumnSettingsSortableListItemTarget.js.map

package/components/Table/TableBasicSettings/components/ColumnSettingsStaticList.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import s from "react";
+import { List as n } from "../../../List/List.js";
+import { ColumnSettingsStaticListItem as r } from "./ColumnSettingsStaticListItem.js";
+const a = Object.assign(
+  s.forwardRef(function({ style: t, depth: i = 0, ...o }, e) {
+    return /* @__PURE__ */ m(n, { style: { paddingLeft: `${12 + 12 * i}px`, ...t }, ...o, ref: e });
+  }),
+  {
+    Item: r
+  }
+);
+a.displayName = "ColumnSettingsStaticList";
+export {
+  a as ColumnSettingsStaticList
+};
+//# sourceMappingURL=ColumnSettingsStaticList.js.map

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { jsx as a } from "react/jsx-runtime";
+import i from "react";
+import { c as r } from "../../../../chunks/vendor-CehxOAkM.js";
+const c = "tableBasicSettingsFooter__f4063993", 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 })
+);
+n.displayName = "TableBasicSettingsFooter";
+export {
+  n as TableBasicSettingsFooter
+};
+//# sourceMappingURL=TableBasicSettingsFooter.js.map

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

@@ -0,0 +1,26 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as i } from "../../../../chunks/vendor-CehxOAkM.js";
+import { Text as r } from "../../../Typography/Text.js";
+import { EFontWeightText as c, ETextSize as o } from "../../../Typography/enums.js";
+const l = "tableBasicSettingsHeader__8cb828a4", m = {
+  tableBasicSettingsHeader: l
+}, n = ({
+  children: e,
+  className: t,
+  ...a
+}) => /* @__PURE__ */ s(
+  r,
+  {
+    className: i(m.tableBasicSettingsHeader, t),
+    size: o.B1,
+    weight: c.SEMIBOLD,
+    tag: "div",
+    ...a,
+    children: e
+  }
+);
+n.displayName = "TableBasicSettingsHeader";
+export {
+  n as TableBasicSettingsHeader
+};
+//# sourceMappingURL=TableBasicSettingsHeader.js.map

package/components/Table/TableFooter/TableFooter.js

@@ -0,0 +1,14 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as a } from "../../../chunks/vendor-CehxOAkM.js";
+import { s as e } from "../../../chunks/TableFooter.module-D9_esv5A.js";
+import { FooterDescription as i } from "../../Footer/components/FooterDescription.js";
+import { FooterDescriptionControls as l } from "../../Footer/components/FooterDescriptionControls.js";
+import { TableFooterSummary as p } from "./components/TableFooterSummary.js";
+const r = ({ children: t, className: m, ...s }) => /* @__PURE__ */ o("div", { className: a(e.tableFooterWrapper, m), ...s, children: /* @__PURE__ */ o("div", { className: e.tableFooter, children: /* @__PURE__ */ o(i, { children: t }) }) });
+r.displayName = "TableFooter";
+r.Summary = p;
+r.Controls = l;
+export {
+  r as TableFooter
+};
+//# sourceMappingURL=TableFooter.js.map

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

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import { FooterDescription as r } from "../../../Footer/components/FooterDescription.js";
+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-D9_esv5A.js";
+const u = 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
+  }
+);
+u.displayName = "TableFooterSummary";
+export {
+  u as TableFooterSummary
+};
+//# sourceMappingURL=TableFooterSummary.js.map

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

@@ -0,0 +1,18 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { s as o } from "../../../../chunks/TableFooter.module-D9_esv5A.js";
+import { Amount as s } from "../../../Amount/Amount.js";
+import { Text as i } from "../../../Typography/Text.js";
+import { ETextSize as l } from "../../../Typography/enums.js";
+const n = ({ label: e, sum: t, currency: a }) => /* @__PURE__ */ m(i, { size: l.B3, children: [
+  /* @__PURE__ */ r("span", { className: o.tableFooterSummaryDivider, children: "|" }),
+  /* @__PURE__ */ m("span", { className: o.tableFooterSummaryAmount, children: [
+    e,
+    " ",
+    /* @__PURE__ */ r(s, { value: t, currency: a })
+  ] })
+] });
+n.displayName = "TableFooterSummaryAmount";
+export {
+  n as TableFooterSummaryAmount
+};
+//# sourceMappingURL=TableFooterSummaryAmount.js.map

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

@@ -0,0 +1,31 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as s } from "../../../../chunks/vendor-CehxOAkM.js";
+import { s as i } from "../../../../chunks/TableFooter.module-D9_esv5A.js";
+import { ETextSize as p } from "../../../Typography/enums.js";
+import { Link as f } from "../../../Link/Link.js";
+import { Text as u } from "../../../Typography/Text.js";
+const c = ({
+  children: o,
+  className: m,
+  onClick: t,
+  ...l
+}) => {
+  const a = (e) => {
+    e.preventDefault(), t == null || t(e);
+  };
+  return /* @__PURE__ */ r(u, { size: p.B3, children: /* @__PURE__ */ r(
+    f,
+    {
+      ...l,
+      href: "#",
+      className: s(i.tableFooterSummarySelectAllButton, m),
+      onClick: a,
+      children: o
+    }
+  ) });
+};
+c.displayName = "TableFooterSummarySelectAllButton";
+export {
+  c as TableFooterSummarySelectAllButton
+};
+//# sourceMappingURL=TableFooterSummarySelectAllButton.js.map

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

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { s as t } from "../../../../chunks/TableFooter.module-D9_esv5A.js";
+const a = ({ children: e }) => /* @__PURE__ */ o("span", { className: t.tableFooterSummarySelectedCount, children: e });
+a.displayName = "TableFooterSummarySelectedCount";
+export {
+  a as TableFooterSummarySelectedCount
+};
+//# sourceMappingURL=TableFooterSummarySelectedCount.js.map

package/components/Table/TabsLinePanel.js

@@ -0,0 +1,12 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as t } from "../../chunks/vendor-CehxOAkM.js";
+import { TabsLinePanelLinks as l } from "./TabsLinePanelLinks.js";
+const o = "tabsLinePanel__0c9dbfb9", b = {
+  tabsLinePanel: o
+}, s = ({ children: a, className: n, ...e }) => /* @__PURE__ */ i("div", { className: t(b.tabsLinePanel, n), ...e, children: a });
+s.Links = l;
+s.displayName = "TabsLinePanel";
+export {
+  s as TabsLinePanel
+};
+//# sourceMappingURL=TabsLinePanel.js.map

package/components/Table/TabsLinePanelLinks.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as i } from "../../chunks/vendor-CehxOAkM.js";
+const L = "tabsLinePanelLinks__7ec026d7", t = {
+  tabsLinePanelLinks: L
+}, l = ({
+  children: s,
+  className: n,
+  ...a
+}) => /* @__PURE__ */ e("div", { className: i(n, t.tabsLinePanelLinks), ...a, children: s });
+l.displayName = "TabsLinePanelLinks";
+export {
+  l as TabsLinePanelLinks
+};
+//# sourceMappingURL=TabsLinePanelLinks.js.map

package/components/Table/index.js

@@ -0,0 +1,26 @@
+import { MasterTable as r } from "./MasterTable.js";
+import { TableBasic as l } from "./TableBasic/TableBasic.js";
+import { TableFooter as i } from "./TableFooter/TableFooter.js";
+import { NoColumns as m } from "./NoColumns.js";
+import { FilterPanel as f } from "./FilterPanel.js";
+import { TabsLinePanel as s } from "./TabsLinePanel.js";
+import { PaginationPanel as b } from "./PaginationPanel.js";
+import { TableBasicSettings as c } from "./TableBasicSettings/TableBasicSettings.js";
+import { ColumnSettings as P } from "./TableBasicSettings/components/ColumnSettings.js";
+import { ECellType as u, EHorizontalAlign as A, EOrderDirection as B, EVerticalAlign as F } from "./TableBasic/enums.js";
+export {
+  P as ColumnSettings,
+  u as ECellType,
+  A as EHorizontalAlign,
+  B as EOrderDirection,
+  F as EVerticalAlign,
+  f as FilterPanel,
+  r as MasterTable,
+  m as NoColumns,
+  b as PaginationPanel,
+  l as TableBasic,
+  c as TableBasicSettings,
+  i as TableFooter,
+  s as TabsLinePanel
+};
+//# sourceMappingURL=index.js.map

package/components/Table/utils.js

@@ -0,0 +1,8 @@
+import "./TableBasic/enums.js";
+import { b as s, m as o, a as e } from "../../chunks/utils-D8e1oAR3.js";
+export {
+  s as mapCellTypeToClassName,
+  o as mapHorizontalAlignToClassName,
+  e as mapVerticalAlignToClassName
+};
+//# sourceMappingURL=utils.js.map

package/components/Tabs/Tabs.js

@@ -0,0 +1,75 @@
+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 "../TabsExtended/components/TabsExtendedContent.js";
+import { c as W } from "../../chunks/vendor-CehxOAkM.js";
+import "../TabsExtended/TabsExtendedContext.js";
+import "../TabsExtended/components/TabsExtendedTab.js";
+import "../TabsExtended/components/TabsExtendedTabButton.js";
+import "../TabsExtended/components/TabsExtendedTabContext.js";
+import "../Button/Button.js";
+import "../Button/ButtonBase.js";
+import "../Button/ButtonIcon.js";
+import { ButtonDropdown as x } from "../Button/ButtonDropdown.js";
+import "../Button/ButtonDropdownExtended.js";
+import { EButtonDotsTheme as j } from "../Button/enums.js";
+import { EComponentSize as K } from "../../enums/EComponentSize.js";
+import { isKey as _ } from "../../utils/keyboard.js";
+const k = "tabButtonDropdown__231d8d4d", G = "sm__2b178d75", H = "md__c259aa11", L = "lg__155411f5", p = {
+  tabButtonDropdown: k,
+  sm: G,
+  md: H,
+  lg: L
+}, so = ({
+  buttonDropdownAttributes: v,
+  selectedId: l,
+  onSelectTab: R,
+  size: i = K.MD,
+  tabs: t,
+  ...A
+}) => {
+  const [h, d] = a(l || t[0].id), [w, C] = a(""), [F, S] = a(""), 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__ */ s(c.Content.Tab, { ...e, children: ({ selected: n, isFirstInlineTab: g, isLastInlineTab: E }) => {
+    const O = h === e.id ? 0 : -1, y = () => {
+      let r;
+      return w === e.id ? r = m : F === e.id && (r = u), r;
+    };
+    return /* @__PURE__ */ s(
+      c.Content.TabButton,
+      {
+        selected: n,
+        tabIndex: O,
+        ref: y(),
+        size: i,
+        onFocus: () => {
+          C(t[o - 1] ? t[o - 1].id : ""), S(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());
+        },
+        children: e.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(
+      x,
+      {
+        theme: j.DOTS_SECONDARY,
+        size: i,
+        options: B({ dropdownItemsIds: e, onSelectTab: o }),
+        selected: t.filter((n) => n.id === l)[0],
+        buttonAttributes: {
+          ...v,
+          className: W(p.tabButtonDropdown, p[i])
+        }
+      }
+    ) })
+  ] }) });
+};
+export {
+  so as Tabs
+};
+//# sourceMappingURL=Tabs.js.map

package/components/Tabs/index.js

@@ -0,0 +1,5 @@
+import { Tabs as a } from "./Tabs.js";
+export {
+  a as Tabs
+};
+//# sourceMappingURL=index.js.map

package/components/TabsExtended/TabsExtended.js

@@ -1,38 +1,54 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useState as s, useRef as x } from "react";
-import { c as I } from "../../chunks/vendor-D-uL_icH.js";
-import { TabsExtendedContext as b } from "./TabsExtendedContext.js";
-import { TabsExtendedContent as u } from "./components/TabsExtendedContent.js";
-import { s as T } from "../../chunks/TabsExtended.module-CmU9j8zG.js";
-import "./enums.js";
-const E = ({
+import { jsx as s } from "react/jsx-runtime";
+import { useState as r, useRef as T } from "react";
+import { c as b } from "../../chunks/vendor-CehxOAkM.js";
+import { TabsExtendedContext as E } from "./TabsExtendedContext.js";
+import { TabsExtendedContent as I } from "./components/TabsExtendedContent.js";
+import { s as u } from "../../chunks/TabsExtended.module--2PQhvJQ.js";
+import { ETabsExtendedType as C } from "./enums.js";
+import { t as v } from "../../chunks/utils-BZFu5eVD.js";
+import "./components/TabsExtendedDropdownWrapper.js";
+import "./components/TabsExtendedTab.js";
+import "./components/TabsExtendedTabButton.js";
+import "./components/TabsExtendedTabContext.js";
+import "./components/TabsExtendedTabsWrapper.js";
+const w = ({
   children: n,
-  className: r,
+  className: m,
   selectedId: t,
   onSelectTab: d,
-  ...m
+  type: e = C.TYPE_1,
+  ...a
 }) => {
-  const [a, i] = s([]), [l, p] = s([]), c = x(null), f = (e) => {
-    t !== e && d(e);
+  const [i, p] = r([]), [l, f] = r([]), c = T(null), x = (o) => {
+    t !== o && d(o);
   };
-  return /* @__PURE__ */ o(
-    b.Provider,
+  return /* @__PURE__ */ s(
+    E.Provider,
     {
       value: {
         dropdownItemsIds: l,
         dropdownRef: c,
-        inlineItemsIds: a,
-        onSelectTab: f,
+        inlineItemsIds: i,
+        onSelectTab: x,
         selectedId: t,
-        setDropdownItemsIds: p,
-        setInlineItemsIds: i
+        setDropdownItemsIds: f,
+        setInlineItemsIds: p,
+        type: e
       },
-      children: /* @__PURE__ */ o("div", { className: I(T.tabsExtended, r), role: "tablist", ...m, children: n })
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          className: b(u.tabsExtended, v[e], m),
+          role: "tablist",
+          ...a,
+          children: n
+        }
+      )
     }
   );
 };
-E.Content = u;
+w.Content = I;
 export {
-  E as TabsExtended
+  w as TabsExtended
 };
 //# sourceMappingURL=TabsExtended.js.map

package/components/TabsExtended/TabsExtendedContext.js

@@ -1,5 +1,6 @@
 import e from "react";
-const t = {
+import { ETabsExtendedType as t } from "./enums.js";
+const n = {
   dropdownItemsIds: [],
   dropdownRef: { current: null },
   inlineItemsIds: [],
@@ -9,9 +10,10 @@ const t = {
   setDropdownItemsIds: () => {
   },
   setInlineItemsIds: () => {
-  }
-}, o = e.createContext(t);
+  },
+  type: t.TYPE_1
+}, s = e.createContext(n);
 export {
-  o as TabsExtendedContext
+  s as TabsExtendedContext
 };
 //# sourceMappingURL=TabsExtendedContext.js.map

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -1,20 +1,24 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
-import { TabsExtendedTabsWrapper as s } from "./TabsExtendedTabsWrapper.js";
+import { jsx as s } from "react/jsx-runtime";
+import { c as m } from "../../../chunks/vendor-CehxOAkM.js";
+import { TabsExtendedTabsWrapper as n } from "./TabsExtendedTabsWrapper.js";
 import { TabsExtendedTab as d } from "./TabsExtendedTab.js";
-import { TabsExtendedTabButton as m } from "./TabsExtendedTabButton.js";
-import { TabsExtendedDropdownWrapper as n } from "./TabsExtendedDropdownWrapper.js";
-import { s as b } from "../../../chunks/TabsExtended.module-CmU9j8zG.js";
-const r = ({
+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--2PQhvJQ.js";
+import { createSizeToClassNameMap as f } from "../../../utils/classNameMaps.js";
+import "./TabsExtendedTabContext.js";
+const x = f(r), o = ({
   children: t,
-  className: o,
-  ...e
-}) => /* @__PURE__ */ a("div", { className: p(b.tabsExtendedContent, o), ...e, children: t });
-r.TabsWrapper = s;
-r.Tab = d;
-r.TabButton = m;
-r.DropdownWrapper = n;
+  className: e,
+  size: a = T.MD,
+  ...p
+}) => /* @__PURE__ */ s("div", { className: m(r.tabsExtendedContent, x[a], e), ...p, children: t });
+o.TabsWrapper = n;
+o.Tab = d;
+o.TabButton = i;
+o.DropdownWrapper = b;
 export {
-  r as TabsExtendedContent
+  o as TabsExtendedContent
 };
 //# sourceMappingURL=TabsExtendedContent.js.map

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-CmU9j8zG.js";
-import { c as a } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as p } from "../../../chunks/TabsExtended.module--2PQhvJQ.js";
+import { c as a } from "../../../chunks/vendor-CehxOAkM.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 p } from "react/jsx-runtime";
 import x, { useContext as d } from "react";
-import { s as o } from "../../../chunks/TabsExtended.module-CmU9j8zG.js";
-import { c as I } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as o } from "../../../chunks/TabsExtended.module--2PQhvJQ.js";
+import { c as I } from "../../../chunks/vendor-CehxOAkM.js";
 import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as E } from "./TabsExtendedTabContext.js";
 const h = x.forwardRef(

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,22 +1,24 @@
-import { jsx as a } from "react/jsx-runtime";
-import i from "react";
-import { s, t as b, a as x } from "../../../chunks/TabsExtendedUtils-CkAvE1fA.js";
-import { c as T } from "../../../chunks/vendor-D-uL_icH.js";
-import { Text as l } from "../../Typography/Text.js";
-import { ETabsExtendedTabButtonSize as p } from "../enums.js";
-const c = i.forwardRef(
-  ({ children: o, className: r, selected: t, size: e = p.MD, ...d }, m) => {
-    const n = T(
-      s.tabsExtendedTabButton,
-      b[e],
-      { [s.selected]: !!t },
+import { jsx as o } from "react/jsx-runtime";
+import x, { useContext as i } from "react";
+import { s as t, t as b, a as T } from "../../../chunks/utils-BZFu5eVD.js";
+import { c } from "../../../chunks/vendor-CehxOAkM.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, ...m }, n) => {
+    const { type: d } = i(f), p = c(
+      t.tabsExtendedTabButton,
+      t[a],
+      b[d],
+      { [t.selected]: !!e },
       r
     );
-    return /* @__PURE__ */ a("button", { className: n, role: "tab", "aria-selected": t, ref: m, ...d, children: /* @__PURE__ */ a(l, { size: x[e], children: o }) });
+    return /* @__PURE__ */ o("button", { className: p, role: "tab", "aria-selected": e, ref: n, ...m, children: /* @__PURE__ */ o(u, { size: T[a], className: t.tabButtonText, children: s }) });
   }
 );
-c.displayName = "TabsExtendedTabButton";
+E.displayName = "TabsExtendedTabButton";
 export {
-  c as TabsExtendedTabButton
+  E as TabsExtendedTabButton
 };
 //# sourceMappingURL=TabsExtendedTabButton.js.map