@sberbusiness/triplex-next 1.1.0 → 1.2.0

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

@@ -0,0 +1,53 @@
+import { jsx as a } from "react/jsx-runtime";
+import { getAriaHTMLAttributes as w } from "../../../../utils/html/AriaAttributes.js";
+import { getDataHTMLAttributes as z } from "../../../../utils/html/DataAttributes.js";
+import { DataTestId as K } from "../../../../consts/DataTestId.js";
+import { c as m } from "../../../../chunks/vendor-CehxOAkM.js";
+import { s as O, a as v, m as D, b as E } from "../../../../chunks/utils-DPXynVs1.js";
+import { ECellType as H } from "../enums.js";
+import { ETextSize as M } from "../../../Typography/enums.js";
+import { Text as $ } from "../../../Typography/Text.js";
+const j = ({ columns: p, data: T, onClickRow: i }) => {
+  const { rowKey: f, rowData: l, rowLayout: s, ariaAttributes: o, dataAttributes: r, selected: d = !1 } = T, y = m({ [O.selected]: d, selected: d }), N = i ? () => i(f) : void 0, b = r ? r["test-id"] : void 0, A = (e, t, h, n) => {
+    if (e.hidden)
+      return null;
+    const c = e.renderCell ? e.renderCell(t) : t, g = m(
+      E(e.cellType),
+      D(e.horizontalAlign),
+      v(e.verticalAlign)
+    ), x = e.width ? { width: e.width } : void 0, B = () => {
+      if (c) return c;
+      if (e.cellType !== H.COMPONENTS) return "---";
+    };
+    return /* @__PURE__ */ a(
+      "td",
+      {
+        className: g,
+        ...h,
+        "data-test-id": n && `${n}__${e.fieldKey}${K.Table.TableBasic.td}`,
+        style: x,
+        children: /* @__PURE__ */ a($, { size: M.B3, children: B() })
+      },
+      e.fieldKey
+    );
+  }, C = p.map((e) => {
+    const { fieldKey: t } = e;
+    if (Object.keys(l).indexOf(t) !== -1)
+      return A(e, l[t], s == null ? void 0 : s[t], b);
+  });
+  return /* @__PURE__ */ a(
+    "tr",
+    {
+      className: y,
+      onClick: N,
+      ...!!o && w(o),
+      ...!!r && z(r),
+      children: C
+    }
+  );
+};
+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,58 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as s } from "react";
+import { ButtonDropdownExtended as a } from "../../Button/ButtonDropdownExtended.js";
+import { c as l } from "../../../chunks/vendor-CehxOAkM.js";
+import { TableBasicSettingsBody as u } from "./components/TableBasicSettingsBody.js";
+import { ColumnSettings as B } from "./components/ColumnSettings.js";
+import { TableBasicSettingsFooter as w } from "./components/TableBasicSettingsFooter.js";
+import { TableBasicSettingsHeader as x } from "./components/TableBasicSettingsHeader.js";
+import { ETextSize as D } from "../../Typography/enums.js";
+import { Link as T } from "../../Link/Link.js";
+import { Text as k } from "../../Typography/Text.js";
+const L = "tableSettingsLink__400c88a3", h = "tableSettingsDropdown__b9beea20", m = {
+  tableSettingsLink: L,
+  tableSettingsDropdown: h
+}, t = ({ children: p, className: d, linkTitle: c, ...f }) => {
+  const r = s(null), i = s(null), b = ({ opened: e, setOpened: n }) => /* @__PURE__ */ o(k, { size: D.B3, children: /* @__PURE__ */ o(
+    T,
+    {
+      href: "#",
+      "aria-haspopup": "listbox",
+      "aria-controls": "button-dropdown-extended-list",
+      "aria-expanded": e,
+      onClick: (S) => {
+        S.preventDefault(), n(!e);
+      },
+      ref: r,
+      children: c
+    }
+  ) }), g = ({ className: e, ...n }) => /* @__PURE__ */ o(
+    a.Dropdown,
+    {
+      className: l(m.tableSettingsDropdown, e),
+      ...n,
+      targetRef: r,
+      ref: i,
+      children: p
+    }
+  );
+  return /* @__PURE__ */ o(
+    a,
+    {
+      className: l(m.tableSettingsLink, d),
+      renderButton: b,
+      renderDropdown: g,
+      dropdownRef: i,
+      ...f
+    }
+  );
+};
+t.displayName = "TableBasicSettings";
+t.Body = u;
+t.ColumnSettings = B;
+t.Footer = w;
+t.Header = x;
+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 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__78502f3a", S = "dragging__3915c2c0", r = {
+  columnSettingsSortableListItemTarget: c,
+  dragging: S
+}, f = i.forwardRef(
+  ({ children: o, className: s, style: b, 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 })
+    }
+  )
+);
+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 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__7bf81844", 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__e8f93110", 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__c4443d6f", 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 d = "tableBasicSettingsHeader__520cd2d3", l = {
+  tableBasicSettingsHeader: d
+}, m = ({
+  children: e,
+  className: t,
+  ...a
+}) => /* @__PURE__ */ s(
+  r,
+  {
+    className: i(l.tableBasicSettingsHeader, t),
+    size: o.B1,
+    weight: c.SEMIBOLD,
+    tag: "div",
+    ...a,
+    children: e
+  }
+);
+m.displayName = "TableBasicSettingsHeader";
+export {
+  m 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-BzfTOGS_.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-BzfTOGS_.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-BzfTOGS_.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-BzfTOGS_.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-BzfTOGS_.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__55c243e2", L = {
+  tabsLinePanel: o
+}, s = ({ children: a, className: e, ...n }) => /* @__PURE__ */ i("div", { className: t(L.tabsLinePanel, e), ...n, 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__9f27ad22", 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-DPXynVs1.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 c, jsxs as N } from "react/jsx-runtime";
+import { useState as a, useRef as D } from "react";
+import { TabsExtended as s } 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__d006e213", G = "sm__4c5e0255", H = "md__c9fec0bd", L = "lg__b05c5c9e", p = {
+  tabButtonDropdown: k,
+  sm: G,
+  md: H,
+  lg: L
+}, co = ({
+  buttonDropdownAttributes: v,
+  selectedId: l,
+  onSelectTab: R,
+  size: i = K.MD,
+  tabs: t,
+  ...A
+}) => {
+  const [h, m] = a(l || t[0].id), [w, C] = a(""), [F, S] = a(""), d = 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__ */ c(s.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 = d : F === e.id && (r = u), r;
+    };
+    return /* @__PURE__ */ c(
+      s.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 || (m(t[o - 1].id), (T = d.current) == null || T.focus()), r.preventDefault()) : _(f, "ARROW_RIGHT") && (E || (m(t[o + 1].id), (b = u.current) == null || b.focus()), r.preventDefault());
+        },
+        children: e.label
+      }
+    );
+  } }, o);
+  return /* @__PURE__ */ c(s, { ...A, selectedId: l, onSelectTab: R, children: /* @__PURE__ */ N(s.Content, { className: p.tabsContent, size: i, children: [
+    /* @__PURE__ */ c(s.Content.TabsWrapper, { children: t.map(I) }),
+    /* @__PURE__ */ c(s.Content.DropdownWrapper, { children: ({ dropdownItemsIds: e, onSelectTab: o }) => /* @__PURE__ */ c(
+      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 {
+  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 { 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-okOlTNQG.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-B3nvdhKr.js";
+import { ETabsExtendedType as C } from "./enums.js";
+import { t as v } from "../../chunks/utils-B5p23Ple.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