@sberbusiness/triplex-next 0.1.9 → 0.10.0

package/components/Table/TableBasic/components/TableBasicHeader.js

@@ -0,0 +1,84 @@
+import { jsx as r, jsxs as m, Fragment as p } from "react/jsx-runtime";
+import { SortdecreaseStrokeSrvIcon16 as x, SortincreaseStrokeSrvIcon16 as I, SortStrokeSrvIcon16 as D } from "@sberbusiness/icons-next";
+import { isNullOrUndefined as b } from "../../../../utils/isNullOrUndefined.js";
+import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttributes.js";
+import { getDataHTMLAttributes as y } from "../../../../utils/html/DataAttributes.js";
+import { ECellType as T, EHorizontalAlign as s, EOrderDirection as t } from "../enums.js";
+import { c as d } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { s as n, m as z } from "../../../../chunks/utils-BHK9pmFJ.js";
+import { Text as B } from "../../../Typography/Text.js";
+import { ETextSize as v } from "../../../Typography/enums.js";
+const w = ({ columns: u, onOrderBy: l }) => {
+  const N = !b(l), f = (e) => {
+    let o;
+    switch (e.orderDirection) {
+      case t.NONE: {
+        o = /* @__PURE__ */ r(D, { paletteIndex: 5 });
+        break;
+      }
+      case t.ASC: {
+        o = /* @__PURE__ */ r(I, { paletteIndex: 5 });
+        break;
+      }
+      case t.DESC: {
+        o = /* @__PURE__ */ r(x, { paletteIndex: 5 });
+        break;
+      }
+    }
+    const i = d(n.orderButton, {
+      [n.alignLeft]: e.horizontalAlign === s.RIGHT,
+      [n.alignRight]: e.horizontalAlign !== s.RIGHT,
+      [n.sorted]: e.orderDirection !== t.NONE
+    });
+    return /* @__PURE__ */ r("span", { className: i, children: o });
+  }, A = (e, o) => {
+    if (e.hidden)
+      return null;
+    const i = e.width ? { maxWidth: e.width, minWidth: e.width, width: e.width } : void 0, a = o && !b(e.orderDirection), E = a ? () => {
+      S(e.fieldKey, e.orderDirection);
+    } : void 0, c = a && f(e), C = d(z(e.horizontalAlign), {
+      [n.checkboxType]: e.cellType === T.CHECKBOX
+    }), O = d(n.thBlock, "hoverable", {
+      [n.order]: a
+    }), h = [T.TEXT, void 0].includes(e.cellType) ? /* @__PURE__ */ r(B, { size: v.B3, children: e.label }) : e.label, g = e.horizontalAlign === s.RIGHT ? /* @__PURE__ */ m(p, { children: [
+      c,
+      h
+    ] }) : /* @__PURE__ */ m(p, { children: [
+      h,
+      c
+    ] });
+    return /* @__PURE__ */ r("th", { className: C, title: e.title, style: i, children: /* @__PURE__ */ r(
+      "span",
+      {
+        className: O,
+        onClick: E,
+        ...!!e.ariaAttributes && H(e.ariaAttributes),
+        ...!!e.dataAttributes && y(e.dataAttributes),
+        children: g
+      }
+    ) }, e.fieldKey);
+  }, S = (e, o) => {
+    let i;
+    switch (o) {
+      case t.NONE: {
+        i = t.ASC;
+        break;
+      }
+      case t.ASC: {
+        i = t.DESC;
+        break;
+      }
+      case t.DESC: {
+        i = t.NONE;
+        break;
+      }
+    }
+    l && l({ direction: i, fieldKey: e });
+  }, k = u.map((e) => A(e, N));
+  return /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: k }) });
+};
+w.displayName = "TableBasicHeader";
+export {
+  w as TableBasicHeader
+};
+//# sourceMappingURL=TableBasicHeader.js.map

package/components/Table/TableBasic/components/TableBasicRow.js

@@ -0,0 +1,50 @@
+import { jsx as i } from "react/jsx-runtime";
+import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttributes.js";
+import { getDataHTMLAttributes as D } from "../../../../utils/html/DataAttributes.js";
+import { DataTestId as L } from "../../../../consts/DataTestId.js";
+import { c as p } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-BHK9pmFJ.js";
+import { ECellType as a, EVerticalAlign as f } from "../enums.js";
+import { ETextSize as A } from "../../../Typography/enums.js";
+import { Text as N } from "../../../Typography/Text.js";
+const j = ({ columns: y, data: C, onClickRow: n }) => {
+  const { rowKey: b, rowData: d, rowLayout: l, ariaAttributes: c, dataAttributes: r, selected: T = !1 } = C, h = p({ [M.selected]: T, selected: T }), B = n ? () => n(b) : void 0, E = r ? r["test-id"] : void 0, g = (e, t, O, m) => {
+    if (e.hidden)
+      return null;
+    const o = e.renderCell ? e.renderCell(t) : t, s = e.cellType ?? a.TEXT, w = e.verticalAlign ?? (s === a.TEXT ? f.BASELINE : f.TOP), z = p(
+      $(s),
+      X(e.horizontalAlign),
+      S(w)
+    ), K = e.width ? { width: e.width } : void 0, v = () => o ? s === a.CHECKBOX || s === a.COMPONENTS ? o : /* @__PURE__ */ i(N, { size: A.B3, children: o }) : /* @__PURE__ */ i(N, { size: A.B3, children: "---" });
+    return /* @__PURE__ */ i(
+      "td",
+      {
+        className: z,
+        ...O,
+        "data-test-id": m && `${m}__${e.fieldKey}${L.Table.TableBasic.td}`,
+        style: K,
+        children: v()
+      },
+      e.fieldKey
+    );
+  }, x = y.map((e) => {
+    const { fieldKey: t } = e;
+    if (Object.keys(d).indexOf(t) !== -1)
+      return g(e, d[t], l == null ? void 0 : l[t], E);
+  });
+  return /* @__PURE__ */ i(
+    "tr",
+    {
+      className: h,
+      onClick: B,
+      ...!!c && H(c),
+      ...!!r && D(r),
+      children: x
+    }
+  );
+};
+j.displayName = "TableBasicRow";
+export {
+  j as TableBasicRow
+};
+//# sourceMappingURL=TableBasicRow.js.map

package/components/Table/TableBasic/enums.js

@@ -0,0 +1,8 @@
+var t = /* @__PURE__ */ ((T) => (T.NONE = "none", T.ASC = "asc", T.DESC = "desc", T))(t || {}), O = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T.CENTER = "center", T))(O || {}), s = /* @__PURE__ */ ((T) => (T.BASELINE = "baseline", T.SUB = "sub", T.SUPER = "super", T.TEXT_TOP = "text-top", T.TEXT_BOTTOM = "text-bottom", T.MIDDLE = "middle", T.TOP = "top", T.BOTTOM = "bottom", T))(s || {}), u = /* @__PURE__ */ ((T) => (T.TEXT = "text", T.COMPONENTS = "components", T.CHECKBOX = "checkbox", T))(u || {});
+export {
+  u as ECellType,
+  O as EHorizontalAlign,
+  t as EOrderDirection,
+  s as EVerticalAlign
+};
+//# sourceMappingURL=enums.js.map

package/components/Table/TableBasic/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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__7736991f", L = "tableSettingsDropdown__9f647971", d = {
+  tableSettingsLink: k,
+  tableSettingsDropdown: L
+}, t = ({ children: m, className: p, linkTitle: c, ...f }) => {
+  const r = i(null), s = i(null), g = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
+    x,
+    {
+      href: "#",
+      "aria-haspopup": "listbox",
+      "aria-controls": "button-dropdown-extended-list",
+      "aria-expanded": e,
+      onClick: (S) => {
+        S.preventDefault(), o(!e);
+      },
+      ref: r,
+      children: c
+    }
+  ), b = ({ className: e, ...o }) => /* @__PURE__ */ n(
+    a.Dropdown,
+    {
+      className: l(d.tableSettingsDropdown, e),
+      ...o,
+      targetRef: r,
+      ref: s,
+      children: m
+    }
+  );
+  return /* @__PURE__ */ n(
+    a,
+    {
+      className: l(d.tableSettingsLink, p),
+      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 S = "columnSettingsSortableListItemTarget__31f109ad", c = "dragging__84731e0f", r = {
+  columnSettingsSortableListItemTarget: S,
+  dragging: c
+}, f = i.forwardRef(
+  ({ children: o, className: s, style: b, 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 })
+    }
+  )
+);
+f.displayName = "ColumnSettingsSortableListItemTarget";
+export {
+  f 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__975a580c", 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__144dd887", 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__ae1a537c", 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 o, ETextSize as c } from "../../../Typography/enums.js";
+const l = "tableBasicSettingsHeader__a3229a0b", m = {
+  tableBasicSettingsHeader: l
+}, n = ({
+  children: e,
+  className: t,
+  ...a
+}) => /* @__PURE__ */ s(
+  r,
+  {
+    className: i(m.tableBasicSettingsHeader, t),
+    size: c.B3,
+    weight: o.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-BRn2cKAx.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-BRn2cKAx.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-BRn2cKAx.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-BRn2cKAx.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-BRn2cKAx.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__d298d0d7", 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__250c41b3", m = {
+  tabsLinePanelLinks: l
+}, r = ({
+  children: s,
+  className: e,
+  ...i
+}) => /* @__PURE__ */ n(
+  a,
+  {
+    tag: "div",
+    size: L.B3,
+    weight: o.SEMIBOLD,
+    className: t(e, m.tabsLinePanelLinks),
+    ...i,
+    children: s
+  }
+);
+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-BHK9pmFJ.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__53eae43e", G = "sm__d9f4f329", H = "md__0b6aadec", L = "lg__1bc02c80", 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, 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 A === n.id ? r = d : 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 || (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(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