@sberbusiness/triplex-next 0.1.9 → 0.11.0

package/components/Table/TableBasicSettings/TableBasicSettings.js

@@ -0,0 +1,56 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as i } from "react";
+import { ButtonDropdownExtended as a } from "../../Button/ButtonDropdownExtended.js";
+import { c as l } from "../../../chunks/vendor-BlJo2ILB.js";
+import { TableBasicSettingsBody as u } from "./components/TableBasicSettingsBody.js";
+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__9c2d8274", L = "tableSettingsDropdown__6cd6fc56", d = {
+  tableSettingsLink: k,
+  tableSettingsDropdown: L
+}, t = ({ children: c, className: m, linkTitle: p, ...f }) => {
+  const r = i(null), s = i(null), g = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
+    x,
+    {
+      href: "#",
+      "aria-haspopup": "listbox",
+      "aria-controls": "button-dropdown-extended-list",
+      "aria-expanded": e,
+      onClick: (S) => {
+        S.preventDefault(), o(!e);
+      },
+      ref: r,
+      children: p
+    }
+  ), b = ({ className: e, ...o }) => /* @__PURE__ */ n(
+    a.Dropdown,
+    {
+      className: l(d.tableSettingsDropdown, e),
+      ...o,
+      targetRef: r,
+      ref: s,
+      children: c
+    }
+  );
+  return /* @__PURE__ */ n(
+    a,
+    {
+      className: l(d.tableSettingsLink, m),
+      renderButton: g,
+      renderDropdown: b,
+      dropdownRef: s,
+      ...f
+    }
+  );
+};
+t.displayName = "TableBasicSettings";
+t.Body = u;
+t.ColumnSettings = w;
+t.Footer = B;
+t.Header = D;
+export {
+  t as TableBasicSettings
+};
+//# sourceMappingURL=TableBasicSettings.js.map

package/components/Table/TableBasicSettings/components/ColumnSettings.js

@@ -0,0 +1,20 @@
+import { jsx as s } from "react/jsx-runtime";
+import m, { useContext as r } from "react";
+import { MasterTableContext as a } from "../../MasterTableContext.js";
+import { ColumnSettingsSortableList as f } from "./ColumnSettingsSortableList.js";
+import { ColumnSettingsStaticList as u } from "./ColumnSettingsStaticList.js";
+const l = Object.assign(
+  m.forwardRef(function({ children: t, className: o, ...i }, n) {
+    const { columns: e } = r(a);
+    return /* @__PURE__ */ s("div", { className: o, ...i, ref: n, children: typeof t == "function" ? t({ columns: e }) : t });
+  }),
+  {
+    SortableList: f,
+    StaticList: u
+  }
+);
+l.displayName = "ColumnSettings";
+export {
+  l as ColumnSettings
+};
+//# sourceMappingURL=ColumnSettings.js.map

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 g } from "./ColumnSettingsSortableListItem.js";
+import { ListSortable as p } from "../../../List/ListSortable.js";
+const S = 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(p, { items: n, onItemsChange: (t) => {
+      const m = t.map(({ id: b, ...a }) => a);
+      o(m);
+    }, ...s, ref: i });
+  }),
+  {
+    Item: g
+  }
+);
+S.displayName = "ColumnSettingsSortableList";
+export {
+  S 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 p } from "react/jsx-runtime";
+import f from "react";
+import { ListSortableItem as d } from "../../../List/components/ListSortableItem.js";
+import { ColumnSettingsSortableListItemTarget as S } from "./ColumnSettingsSortableListItemTarget.js";
+import { ExpandAnimation as x } from "../../../ExpandAnimation/ExpandAnimation.js";
+const b = f.forwardRef(
+  ({ children: m, staticContent: r, ...o }, i) => /* @__PURE__ */ t(d, { ...o, ref: i, children: ({ listeners: n, dragging: e, disabled: a, setActivatorNodeRef: l }) => /* @__PURE__ */ s(p, { children: [
+    /* @__PURE__ */ t(
+      S,
+      {
+        ...n,
+        dragging: e,
+        disabled: a,
+        ref: l,
+        children: m
+      }
+    ),
+    r && /* @__PURE__ */ t(x, { expanded: !e, children: r })
+  ] }) })
+);
+b.displayName = "ColumnSettingsSortableListItem";
+export {
+  b 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 n } from "../../../List/components/ListSortableItemControls.js";
+import { c as l } from "../../../../chunks/vendor-BlJo2ILB.js";
+const c = "columnSettingsSortableListItemTarget__8ae80cfe", S = "dragging__41dd4e99", r = {
+  columnSettingsSortableListItemTarget: c,
+  dragging: S
+}, b = i.forwardRef(
+  ({ children: o, className: s, style: d, dragging: t, ...a }, m) => /* @__PURE__ */ e(
+    g,
+    {
+      className: l(
+        r.columnSettingsSortableListItemTarget,
+        { [r.dragging]: t },
+        s
+      ),
+      dragging: t,
+      ...a,
+      ref: m,
+      children: /* @__PURE__ */ e(n, { 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 s } from "react/jsx-runtime";
+import e from "react";
+import { List as n } from "../../../List/List.js";
+import { ColumnSettingsStaticListItem as r } from "./ColumnSettingsStaticListItem.js";
+const a = Object.assign(
+  e.forwardRef(function({ style: t, depth: i = 0, ...o }, m) {
+    return /* @__PURE__ */ s(n, { style: { paddingLeft: `${12 + 12 * i}px`, ...t }, ...o, ref: m });
+  }),
+  {
+    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-BlJo2ILB.js";
+import { ListItem as c } from "../../../List/components/ListItem.js";
+const n = "columnSettingsStaticListItem__58a99bc0", 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-BlJo2ILB.js";
+const B = "tableBasicSettingsBody__008fd4fe", 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 })
+);
+l.displayName = "TableBasicSettingsBody";
+export {
+  l 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-BlJo2ILB.js";
+const c = "tableBasicSettingsFooter__77057b43", 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-BlJo2ILB.js";
+import { Text as r } from "../../../Typography/Text.js";
+import { EFontWeightText as c, ETextSize as o } from "../../../Typography/enums.js";
+const l = "tableBasicSettingsHeader__c4907240", m = {
+  tableBasicSettingsHeader: l
+}, n = ({
+  children: e,
+  className: t,
+  ...a
+}) => /* @__PURE__ */ s(
+  r,
+  {
+    className: i(m.tableBasicSettingsHeader, t),
+    size: o.B3,
+    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,17 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { c as i } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as r } from "../../../chunks/TableFooter.module-BJXoCeSm.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";
+const e = ({ children: t, className: s, ...a }) => /* @__PURE__ */ m("div", { className: i(r.tableFooterWrapper, s), ...a, children: [
+  /* @__PURE__ */ o("div", { className: r.tableFooterShadow }),
+  /* @__PURE__ */ o("div", { className: r.tableFooter, children: /* @__PURE__ */ o(l, { children: t }) })
+] });
+e.displayName = "TableFooter";
+e.Summary = c;
+e.Controls = p;
+export {
+  e 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-BJXoCeSm.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 e, jsx as r } from "react/jsx-runtime";
+import { s as m } from "../../../../chunks/TableFooter.module-BJXoCeSm.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";
+const n = ({ label: o, sum: a, currency: t }) => /* @__PURE__ */ e(l, { size: i.B3, className: m.tableFooterSummaryAmount, children: [
+  /* @__PURE__ */ r("span", { className: m.tableFooterSummaryDivider, children: "|" }),
+  /* @__PURE__ */ e("span", { className: m.tableFooterSummaryLabel, children: [
+    o,
+    " ",
+    /* @__PURE__ */ r(s, { value: a, currency: t })
+  ] })
+] });
+n.displayName = "TableFooterSummaryAmount";
+export {
+  n as TableFooterSummaryAmount
+};
+//# sourceMappingURL=TableFooterSummaryAmount.js.map

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

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import { s as a } from "../../../../chunks/TableFooter.module-BJXoCeSm.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";
+const u = ({
+  children: o,
+  onClick: t,
+  ...m
+}) => {
+  const l = (e) => {
+    e.preventDefault(), t == null || t(e);
+  };
+  return /* @__PURE__ */ r(p, { size: s.B3, className: a.tableFooterSummarySelectAllButton, children: /* @__PURE__ */ r(i, { ...m, href: "#", onClick: l, children: o }) });
+};
+u.displayName = "TableFooterSummarySelectAllButton";
+export {
+  u 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-BJXoCeSm.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-BlJo2ILB.js";
+import { TabsLinePanelLinks as l } from "./TabsLinePanelLinks.js";
+const o = "tabsLinePanel__06960441", L = {
+  tabsLinePanel: o
+}, s = ({ children: a, className: n, ...e }) => /* @__PURE__ */ i("div", { className: t(L.tabsLinePanel, n), ...e, children: a });
+s.Links = l;
+s.displayName = "TabsLinePanel";
+export {
+  s as TabsLinePanel
+};
+//# sourceMappingURL=TabsLinePanel.js.map

package/components/Table/TabsLinePanelLinks.js

@@ -0,0 +1,26 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as t } from "../../chunks/vendor-BlJo2ILB.js";
+import { Text as a } from "../Typography/Text.js";
+import { EFontWeightText as o, ETextSize as L } from "../Typography/enums.js";
+const l = "tabsLinePanelLinks__9689e334", m = {
+  tabsLinePanelLinks: l
+}, r = ({
+  children: e,
+  className: s,
+  ...i
+}) => /* @__PURE__ */ n(
+  a,
+  {
+    tag: "div",
+    size: L.B3,
+    weight: o.SEMIBOLD,
+    className: t(s, m.tabsLinePanelLinks),
+    ...i,
+    children: e
+  }
+);
+r.displayName = "TabsLinePanelLinks";
+export {
+  r 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-CEIGazsY.js";
+export {
+  s as mapCellTypeToClassName,
+  o as mapHorizontalAlignToClassName,
+  e as mapVerticalAlignToClassName
+};
+//# sourceMappingURL=utils.js.map

package/components/Tabs/Tabs.js

@@ -0,0 +1,76 @@
+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-BlJo2ILB.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__0d3563d8", G = "sm__4fc76ca6", H = "md__4b8fe696", L = "lg__dbe28e6e", p = {
+  tabButtonDropdown: k,
+  sm: G,
+  md: H,
+  lg: L
+}, co = ({
+  buttonDropdownAttributes: h,
+  selectedId: a,
+  onSelectTab: v,
+  size: s = K.MD,
+  tabs: t,
+  ...w
+}) => {
+  const [R, d] = l(a || t[0].id), [A, C] = l(""), [F, I] = l(""), m = 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 A === n.id ? r = m : F === n.id && (r = u), r;
+    };
+    return /* @__PURE__ */ c(
+      i.Content.TabButton,
+      {
+        selected: e,
+        tabIndex: E,
+        ref: O(),
+        size: s,
+        showNotificationIcon: n.showNotificationIcon,
+        onFocus: () => {
+          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") ? (N || (d(t[o - 1].id), (T = m.current) == null || T.focus()), r.preventDefault()) : _(f, "ARROW_RIGHT") && (g || (d(t[o + 1].id), (b = u.current) == null || b.focus()), r.preventDefault());
+        },
+        children: n.label
+      }
+    );
+  } }, o);
+  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: s,
+        options: S({ dropdownItemsIds: n, onSelectTab: o }),
+        selected: t.filter((e) => e.id === a)[0],
+        buttonAttributes: {
+          ...h,
+          className: W(p.tabButtonDropdown, p[s])
+        }
+      }
+    ) })
+  ] }) });
+};
+export {
+  co 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 { TabsExtendedContext as I } from "./TabsExtendedContext.js";
-import { TabsExtendedContent as b } from "./components/TabsExtendedContent.js";
-import { s as u } from "../../chunks/TabsExtended.module-yT8L2ZYS.js";
-import { c as T } from "../../chunks/vendor-CF2m175I.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-BlJo2ILB.js";
+import { TabsExtendedContext as E } from "./TabsExtendedContext.js";
+import { TabsExtendedContent as I } from "./components/TabsExtendedContent.js";
+import { s as u } from "../../chunks/TabsExtended.module-Bz6DCd7L.js";
+import { ETabsExtendedType as C } from "./enums.js";
+import { t as v } from "../../chunks/utils-DK364Pn0.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(
-    I.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: T(u.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 = b;
+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 { TabsExtendedTabsWrapper as p } from "./TabsExtendedTabsWrapper.js";
-import { TabsExtendedTab as s } from "./TabsExtendedTab.js";
-import { TabsExtendedTabButton as d } from "./TabsExtendedTabButton.js";
-import { TabsExtendedDropdownWrapper as m } from "./TabsExtendedDropdownWrapper.js";
-import { s as n } from "../../../chunks/TabsExtended.module-yT8L2ZYS.js";
-import { c as b } from "../../../chunks/vendor-CF2m175I.js";
-const r = ({
+import { jsx as s } from "react/jsx-runtime";
+import { c as m } from "../../../chunks/vendor-BlJo2ILB.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-Bz6DCd7L.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: b(n.tabsExtendedContent, o), ...e, children: t });
-r.TabsWrapper = p;
-r.Tab = s;
-r.TabButton = d;
-r.DropdownWrapper = m;
+  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-yT8L2ZYS.js";
-import { c as a } from "../../../chunks/vendor-CF2m175I.js";
+import { s as p } from "../../../chunks/TabsExtended.module-Bz6DCd7L.js";
+import { c as a } from "../../../chunks/vendor-BlJo2ILB.js";
 import { TabsExtendedContext as i } from "../TabsExtendedContext.js";
 const w = ({
   children: e,