@sberbusiness/triplex-next 0.1.4 → 0.1.6

package/components/Pagination/components/PaginationNavigationButton.js

@@ -0,0 +1,29 @@
+import { jsx as t } from "react/jsx-runtime";
+import c from "react";
+import { ButtonIcon as p } from "../../Button/ButtonIcon.js";
+import { EButtonIconShape as m } from "../../Button/enums.js";
+import { EPaginationNavigationIconDirection as s } from "../enums.js";
+import o from "@sberbusiness/icons-next/CaretleftStrokeSrvIcon24";
+const g = "paginationNavigationButton__7d7a91aa", N = "directionIconNext__ce86a01b", n = {
+  paginationNavigationButton: g,
+  directionIconNext: N
+}, d = c.forwardRef(
+  ({ direction: i, ...a }, e) => {
+    const r = i === s.BACK;
+    return /* @__PURE__ */ t(
+      p,
+      {
+        className: n.paginationNavigationButton,
+        shape: m.SQUIRCLE,
+        ...a,
+        ref: e,
+        children: r ? /* @__PURE__ */ t(o, { paletteIndex: 5 }) : /* @__PURE__ */ t(o, { paletteIndex: 5, className: n.directionIconNext })
+      }
+    );
+  }
+);
+d.displayName = "PaginationNavigationButton";
+export {
+  d as PaginationNavigationButton
+};
+//# sourceMappingURL=PaginationNavigationButton.js.map

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "react";
+import { c as d } from "../../../chunks/vendor-CF2m175I.js";
+const g = "paginationNavigationExtended__3b9e40c1", r = {
+  paginationNavigationExtended: g
+}, s = e.forwardRef(
+  ({ children: a, className: t, ...i }, n) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, t), ...i, ref: n, children: a })
+);
+s.displayName = "PaginationNavigationExtended";
+export {
+  s as PaginationNavigationExtended
+};
+//# sourceMappingURL=PaginationNavigationExtended.js.map

package/components/Pagination/components/PaginationNavigationExtendedItem.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import n from "react";
+const r = n.forwardRef(
+  ({ children: t, className: a, ...e }, i) => /* @__PURE__ */ o("li", { className: a, ...e, ref: i, children: t })
+);
+r.displayName = "PaginationNavigationExtendedItem";
+export {
+  r as PaginationNavigationExtendedItem
+};
+//# sourceMappingURL=PaginationNavigationExtendedItem.js.map

package/components/Pagination/components/PaginationPageButton.js

@@ -0,0 +1,29 @@
+import { jsx as r } from "react/jsx-runtime";
+import g from "react";
+import { c } from "../../../chunks/vendor-CF2m175I.js";
+const s = "paginationPageButton__f646ef64", u = "currentPage__d40ff357", a = {
+  paginationPageButton: s,
+  currentPage: u
+}, P = g.forwardRef(
+  ({ isCurrent: t = !1, children: n, className: o, ...e }, i) => /* @__PURE__ */ r(
+    "button",
+    {
+      className: c(
+        a.paginationPageButton,
+        {
+          [a.currentPage]: t
+        },
+        o
+      ),
+      "aria-live": t ? "polite" : void 0,
+      ...e,
+      ref: i,
+      children: n
+    }
+  )
+);
+P.displayName = "PaginationPageButton";
+export {
+  P as PaginationPageButton
+};
+//# sourceMappingURL=PaginationPageButton.js.map

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -0,0 +1,13 @@
+import { jsx as p } from "react/jsx-runtime";
+import { c as e } from "../../../chunks/vendor-CF2m175I.js";
+import o from "react";
+const t = "pageEllipsis__259712b8", r = {
+  pageEllipsis: t
+}, n = o.forwardRef(
+  ({ children: s, className: i, ...a }, l) => /* @__PURE__ */ p("span", { className: e(r.pageEllipsis, i), ...a, ref: l, children: s })
+);
+n.displayName = "PaginationPageEllipsis";
+export {
+  n as PaginationPageEllipsis
+};
+//# sourceMappingURL=PaginationPageEllipsis.js.map

package/components/Pagination/components/PaginationSelect.js

@@ -0,0 +1,35 @@
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import S, { useRef as f } from "react";
+import { j as x, c as N } from "../../../chunks/vendor-CF2m175I.js";
+import "../../Typography/Title.js";
+import { Text as v } from "../../Typography/Text.js";
+import "../../Typography/Caption.js";
+import { ETextSize as _ } from "../../Typography/enums.js";
+const h = "paginationSelect__e9289870", b = "paginationSelectControl__2ec4d515", o = {
+  paginationSelect: h,
+  paginationSelectControl: b
+}, j = S.forwardRef(
+  ({ paginationLabel: c, className: s, hidden: d, options: i, value: a, onChange: n }, m) => {
+    const l = f(`Pagination-${x()}`), p = i && i.length > 0 ? i : [10, 20, 50, 100], u = (e) => {
+      const r = Number(e.target.value);
+      Number.isNaN(r) || n == null || n(r);
+    };
+    return d ? null : /* @__PURE__ */ g("div", { className: N(o.paginationSelect, s), ref: m, children: [
+      /* @__PURE__ */ t(v, { size: _.B3, id: l.current, children: c }),
+      /* @__PURE__ */ t("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ t(
+        "select",
+        {
+          "aria-labelledby": l.current,
+          value: a !== void 0 ? String(a) : void 0,
+          onChange: u,
+          children: p.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e))
+        }
+      ) })
+    ] });
+  }
+);
+j.displayName = "PaginationSelect";
+export {
+  j as PaginationSelect
+};
+//# sourceMappingURL=PaginationSelect.js.map

package/components/Pagination/enums.js

@@ -0,0 +1,5 @@
+var B = /* @__PURE__ */ ((A) => (A[A.BACK = 0] = "BACK", A[A.NEXT = 1] = "NEXT", A))(B || {});
+export {
+  B as EPaginationNavigationIconDirection
+};
+//# sourceMappingURL=enums.js.map

package/components/Pagination/index.js

@@ -0,0 +1,23 @@
+import { PaginationExtended as i } from "./components/PaginationExtended.js";
+import { PaginationNavigation as n } from "./components/PaginationNavigation.js";
+import { PaginationNavigationButton as r } from "./components/PaginationNavigationButton.js";
+import { PaginationNavigationExtended as x } from "./components/PaginationNavigationExtended.js";
+import { PaginationNavigationExtendedItem as m } from "./components/PaginationNavigationExtendedItem.js";
+import { PaginationPageButton as f } from "./components/PaginationPageButton.js";
+import { PaginationPageEllipsis as v } from "./components/PaginationPageEllipsis.js";
+import { PaginationSelect as N } from "./components/PaginationSelect.js";
+import { EPaginationNavigationIconDirection as l } from "./enums.js";
+import { Pagination as u } from "./Pagination.js";
+export {
+  l as EPaginationNavigationIconDirection,
+  u as Pagination,
+  i as PaginationExtended,
+  n as PaginationNavigation,
+  r as PaginationNavigationButton,
+  x as PaginationNavigationExtended,
+  m as PaginationNavigationExtendedItem,
+  f as PaginationPageButton,
+  v as PaginationPageEllipsis,
+  N as PaginationSelect
+};
+//# sourceMappingURL=index.js.map

package/components/Pagination/utils/paginationUtils.js

@@ -0,0 +1,34 @@
+import { g as R } from "../../../chunks/vendor-CF2m175I.js";
+const m = -1, h = {
+  // Создание массива чисел в заданном диапазоне с заданным шагом.
+  generateRange: (g, i, e = 1) => g > i ? [] : R(g, i + 1, e),
+  // Создание массивов страниц в начале, конце и вокруг текущей.
+  generatePageRanges: (g, i, e, s) => {
+    const n = h.generateRange(1, Math.min(e, s)), a = h.generateRange(
+      Math.max(s - e + 1, e + 1),
+      s
+    ), c = s - e - 1 - i * 2, r = Math.max(
+      Math.min(g - i, c),
+      e + 2
+    ), S = e + 2 + i * 2, M = Math.min(
+      Math.max(g + i, S),
+      s - e - 1
+    );
+    return { boundaryDivider: 2, endPages: a, siblingsEnd: M, siblingsStart: r, startPages: n };
+  },
+  // Создание итогового массива страниц для отображения.
+  createPagesArray: ({
+    currentPage: g,
+    siblingCount: i,
+    boundaryCount: e,
+    totalPages: s
+  }) => {
+    const { boundaryDivider: p, endPages: t, siblingsEnd: n, siblingsStart: a, startPages: c } = h.generatePageRanges(g, i, e, s), r = c;
+    return a > e + p ? r.push(m) : e + 1 < s - e && r.push(e + 1), r.push(...h.generateRange(a, n)), n < s - e - 1 ? r.push(m) : s - e > e && r.push(s - e), r.push(...t), r;
+  }
+};
+export {
+  m as PAGINATION_ELLIPSIS_VALUE,
+  h as PaginationUtils
+};
+//# sourceMappingURL=paginationUtils.js.map

package/components/Portal/Portal.js

@@ -0,0 +1,6 @@
+import r from "react-dom";
+const e = ({ children: t, container: o }) => r.createPortal(t, o);
+export {
+  e as Portal
+};
+//# sourceMappingURL=Portal.js.map

package/components/Radio/Radio.js

@@ -0,0 +1,30 @@
+import { jsxs as b, jsx as c } from "react/jsx-runtime";
+import p from "react";
+import { ERadioSize as f } from "./enum.js";
+import { c as l } from "../../chunks/vendor-CF2m175I.js";
+const N = "label__7fa2b61e", y = "md__94944cdc", x = "lg__1975bdef", R = "nonempty__eff1c0f4", u = "disabled__352d1fa7", I = "radio__18cee38c", g = "radioIcon__0ea1ebb2", a = {
+  label: N,
+  md: y,
+  lg: x,
+  nonempty: R,
+  disabled: u,
+  radio: I,
+  radioIcon: g
+}, h = p.forwardRef((n, t) => {
+  const { children: o, className: i, disabled: e, labelAttributes: s, size: d = f.MD, ...r } = n, m = l(a.radio, i, a[d]), _ = l(
+    a.label,
+    a[d],
+    { [a.disabled]: !!e, [a.nonempty]: !!o },
+    s == null ? void 0 : s.className
+  );
+  return /* @__PURE__ */ b("label", { ...s, className: _, "data-tx": "0.1.6", children: [
+    /* @__PURE__ */ c("input", { type: "radio", className: m, disabled: e, ...r, ref: t }),
+    /* @__PURE__ */ c("span", { className: a.radioIcon }),
+    o
+  ] });
+});
+h.displayName = "Radio";
+export {
+  h as Radio
+};
+//# sourceMappingURL=Radio.js.map

package/components/Radio/RadioXGroup.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as s } from "../../chunks/vendor-CF2m175I.js";
+const c = "radioXGroup__d46efdc3", _ = "label__7fa2b61e", n = {
+  radioXGroup: c,
+  "indent-12": "indent-12__f8607f37",
+  label: _,
+  "indent-16": "indent-16__573c2fce",
+  "indent-20": "indent-20__f23ca316",
+  "indent-24": "indent-24__f327057d",
+  "indent-28": "indent-28__fd8924ea",
+  "indent-32": "indent-32__68592f09"
+}, l = (e) => {
+  const { children: d, className: i, indent: o = 12, ...t } = e, a = s(n.radioXGroup, n[`indent-${o}`], i);
+  return /* @__PURE__ */ r("div", { className: a, role: "radiogroup", ...t, children: d });
+};
+l.displayName = "RadioXGroup";
+export {
+  l as RadioXGroup
+};
+//# sourceMappingURL=RadioXGroup.js.map

package/components/Radio/RadioYGroup.js

@@ -0,0 +1,13 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as e } from "../../chunks/vendor-CF2m175I.js";
+const p = "radioYGroup__bea526c7", t = {
+  radioYGroup: p
+}, d = (o) => {
+  const { children: r, className: s, ...a } = o, c = e(t.radioYGroup, s);
+  return /* @__PURE__ */ i("div", { className: c, role: "radiogroup", ...a, children: r });
+};
+d.displayName = "RadioYGroup";
+export {
+  d as RadioYGroup
+};
+//# sourceMappingURL=RadioYGroup.js.map

package/components/Radio/enum.js

@@ -0,0 +1,5 @@
+var t = /* @__PURE__ */ ((r) => (r.MD = "md", r.LG = "lg", r))(t || {});
+export {
+  t as ERadioSize
+};
+//# sourceMappingURL=enum.js.map

package/components/Radio/index.js

@@ -0,0 +1,11 @@
+import { Radio as p } from "./Radio.js";
+import { RadioXGroup as i } from "./RadioXGroup.js";
+import { RadioYGroup as d } from "./RadioYGroup.js";
+import { ERadioSize as m } from "./enum.js";
+export {
+  m as ERadioSize,
+  p as Radio,
+  i as RadioXGroup,
+  d as RadioYGroup
+};
+//# sourceMappingURL=index.js.map

package/components/Row/Row.js

@@ -0,0 +1,14 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as m } from "../../chunks/vendor-CF2m175I.js";
+const c = "row__5a568991", i = "noPaddingBottom__369507d3", o = {
+  row: c,
+  noPaddingBottom: i
+}, e = ({ children: t, className: n, paddingBottom: s = !0, ...r }) => {
+  const d = m(n, o.row, { [o.noPaddingBottom]: !s });
+  return /* @__PURE__ */ a("div", { className: d, ...r, children: t });
+};
+e.displayName = "Row";
+export {
+  e as Row
+};
+//# sourceMappingURL=Row.js.map

package/components/Row/index.js

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

package/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import "../../chunks/vendor-CF2m175I.js";
+import "./enums.js";
+import { i as n, h as p } from "../../chunks/index-CLQ4mLUp.js";
+export {
+  n as SegmentedControl,
+  p as SegmentedControlContext
+};
+//# sourceMappingURL=SegmentedControl.js.map

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "react";
+import "../../chunks/vendor-CF2m175I.js";
+import { S } from "../../chunks/index-CLQ4mLUp.js";
+import "../Button/ButtonBase.js";
+import "../Button/ButtonIcon.js";
+import "./enums.js";
+export {
+  S as SegmentedControlSegment
+};
+//# sourceMappingURL=SegmentedControlSegment.js.map

package/components/SegmentedControl/enums.js

@@ -0,0 +1,7 @@
+var _ = /* @__PURE__ */ ((r) => (r.SINGLE = "single", r.MULTIPLE = "multiple", r))(_ || {}), a = /* @__PURE__ */ ((r) => (r.GENERAL_1 = "general_1", r.GENERAL_2 = "general_2", r.SECONDARY_1 = "secondary_1", r.SECONDARY_2 = "secondary_2", r))(a || {}), L = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(L || {});
+export {
+  L as ESegmentedControlSize,
+  a as ESegmentedControlTheme,
+  _ as ESegmentedControlType
+};
+//# sourceMappingURL=enums.js.map

package/components/SegmentedControl/index.js

@@ -0,0 +1,11 @@
+import { ESegmentedControlSize as t, ESegmentedControlTheme as n, ESegmentedControlType as m } from "./enums.js";
+import { i as S, h as g, S as C } from "../../chunks/index-CLQ4mLUp.js";
+export {
+  t as ESegmentedControlSize,
+  n as ESegmentedControlTheme,
+  m as ESegmentedControlType,
+  S as SegmentedControl,
+  g as SegmentedControlContext,
+  C as SegmentedControlSegment
+};
+//# sourceMappingURL=index.js.map

package/components/SegmentedControl/types.js

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

package/components/Skeleton/Skeleton.js

@@ -0,0 +1,22 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as a } from "../../chunks/vendor-CF2m175I.js";
+import { ESkeletonType as t } from "./enums.js";
+const n = "skeleton__1ac998db", r = "light__c3990409", k = "dark__a2cc664b", o = {
+  skeleton: n,
+  light: r,
+  dark: k
+}, _ = ({ className: e, type: s = t.DARK, ...l }) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: a(o.skeleton, e, {
+      [o.dark]: s === t.DARK,
+      [o.light]: s === t.LIGHT
+    }),
+    ...l,
+    "data-tx": "0.1.6"
+  }
+);
+export {
+  _ as Skeleton
+};
+//# sourceMappingURL=Skeleton.js.map

package/components/Skeleton/enums.js

@@ -0,0 +1,5 @@
+var a = /* @__PURE__ */ ((r) => (r.DARK = "dark", r.LIGHT = "light", r))(a || {});
+export {
+  a as ESkeletonType
+};
+//# sourceMappingURL=enums.js.map

package/components/Skeleton/index.js

@@ -0,0 +1,7 @@
+import { Skeleton as r } from "./Skeleton.js";
+import { ESkeletonType as p } from "./enums.js";
+export {
+  p as ESkeletonType,
+  r as Skeleton
+};
+//# sourceMappingURL=index.js.map

package/components/SwipeableArea/SwipeableArea.js

@@ -0,0 +1,140 @@
+import { jsxs as j, jsx as w } from "react/jsx-runtime";
+import z, { useState as A, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
+import { c as g } from "../../chunks/vendor-CF2m175I.js";
+const H = "swipeableArea__eda757f2", V = "content__499400e1", $ = "disableScroll__d8947d1e", k = "disablePointerEvents__4b8dd7a9", q = "swipeAnimationFinish__43809657", G = "leftContent__ffc088ed", J = "rightContent__762288b8", s = {
+  swipeableArea: H,
+  content: V,
+  disableScroll: $,
+  disablePointerEvents: k,
+  swipeAnimationFinish: q,
+  leftContent: G,
+  rightContent: J
+}, p = 24, E = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
+  ({ children: L, className: I, leftSwipeableArea: m, rightSwipeableArea: C, ...y }, B) => {
+    const [S, a] = A(!1), [l, d] = A(), [o, e] = A(0), i = u(null), r = u(null), n = u(0), h = u(N), _ = u(null), X = () => {
+      a(!0);
+      const t = n.current - o;
+      n.current === 0 ? t > 0 ? e(
+        t > p ? -r.current.getBoundingClientRect().width : 0
+      ) : e(
+        Math.abs(t) > p ? i.current.getBoundingClientRect().width : 0
+      ) : n.current > 0 ? t > 0 && e(
+        t > p ? 0 : i.current.getBoundingClientRect().width
+      ) : n.current < 0 && t < 0 && e(
+        Math.abs(t) > p ? 0 : -r.current.getBoundingClientRect().width
+      );
+    }, R = () => {
+      h.current = N, d(void 0), document.removeEventListener("touchend", R);
+    };
+    M(() => {
+      !l && o !== n.current && X();
+    }, [l]);
+    const x = (t) => {
+      h.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", R);
+    }, O = (t) => {
+      if (t.touches.length != 1)
+        return;
+      const c = t.touches[0].clientX - h.current.clientX, F = t.touches[0].clientY - h.current.clientY;
+      if (!l) {
+        Math.abs(F) > Math.abs(c) ? d(
+          "vertical"
+          /* vertical */
+        ) : d(
+          "horizontal"
+          /* horizontal */
+        );
+        return;
+      }
+      if (l === "vertical")
+        return;
+      const f = n.current + c;
+      n.current === 0 ? c > 0 && m ? e(
+        Math.min(f, i.current.getBoundingClientRect().width)
+      ) : c < 0 && C && e(
+        Math.max(f, -r.current.getBoundingClientRect().width)
+      ) : n.current > 0 ? c < 0 && e(Math.max(0, f)) : n.current < 0 && c > 0 && e(Math.min(0, f));
+    }, D = () => a(!1), P = () => r.current ? Math.abs(o) / r.current.getBoundingClientRect().width : 1, Y = () => i.current ? Math.abs(o) / i.current.getBoundingClientRect().width : 1;
+    M(() => {
+      const t = (c) => {
+        c.touches.length == 1 && _.current && !_.current.contains(c.target) && (a(!0), e(0), d(void 0));
+      };
+      return document.addEventListener("touchstart", t), () => document.removeEventListener("touchstart", t);
+    }, []);
+    const b = () => {
+      i.current && (a(!0), e(i.current.getBoundingClientRect().width));
+    }, T = () => {
+      r.current && (a(!0), e(-r.current.getBoundingClientRect().width));
+    }, v = () => {
+      (r.current || i.current) && (a(!0), e(0));
+    };
+    return W(
+      B,
+      () => ({
+        closeSwipe: () => {
+          v();
+        },
+        swipeLeft: () => {
+          T();
+        },
+        swipeRight: () => {
+          b();
+        }
+      }),
+      [v, T, b]
+    ), /* @__PURE__ */ j(
+      "div",
+      {
+        className: g(s.swipeableArea, I),
+        ...y,
+        "data-tx": "0.1.6",
+        ref: _,
+        children: [
+          typeof m < "u" ? /* @__PURE__ */ w(
+            "div",
+            {
+              className: g(s.leftContent, {
+                [E]: S
+              }),
+              ref: i,
+              style: { opacity: Y() },
+              children: m
+            }
+          ) : null,
+          typeof C < "u" ? /* @__PURE__ */ w(
+            "div",
+            {
+              className: g(s.rightContent, {
+                [E]: S
+              }),
+              ref: r,
+              style: { opacity: P() },
+              children: C
+            }
+          ) : null,
+          /* @__PURE__ */ w(
+            "div",
+            {
+              className: g(s.content, {
+                [Q]: o !== 0,
+                [K]: l === "horizontal",
+                [E]: S
+              }),
+              onTouchStart: x,
+              onTouchMove: O,
+              style: {
+                transform: `translateX(${o}px)`
+              },
+              onTransitionEnd: D,
+              children: L
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+U.displayName = "SwipeableArea";
+export {
+  U as SwipeableArea
+};
+//# sourceMappingURL=SwipeableArea.js.map

package/components/SwipeableArea/index.js

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

package/components/TabsExtended/TabsExtended.js

@@ -0,0 +1,38 @@
+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-CQBdl7x1.js";
+import { c as T } from "../../chunks/vendor-CF2m175I.js";
+import "./enums.js";
+const E = ({
+  children: n,
+  className: r,
+  selectedId: t,
+  onSelectTab: d,
+  ...m
+}) => {
+  const [a, i] = s([]), [l, p] = s([]), c = x(null), f = (e) => {
+    t !== e && d(e);
+  };
+  return /* @__PURE__ */ o(
+    I.Provider,
+    {
+      value: {
+        dropdownItemsIds: l,
+        dropdownRef: c,
+        inlineItemsIds: a,
+        onSelectTab: f,
+        selectedId: t,
+        setDropdownItemsIds: p,
+        setInlineItemsIds: i
+      },
+      children: /* @__PURE__ */ o("div", { className: T(u.tabsExtended, r), role: "tablist", ...m, children: n })
+    }
+  );
+};
+E.Content = b;
+export {
+  E as TabsExtended
+};
+//# sourceMappingURL=TabsExtended.js.map

package/components/TabsExtended/TabsExtendedContext.js

@@ -0,0 +1,17 @@
+import e from "react";
+const t = {
+  dropdownItemsIds: [],
+  dropdownRef: { current: null },
+  inlineItemsIds: [],
+  onSelectTab: () => {
+  },
+  selectedId: "",
+  setDropdownItemsIds: () => {
+  },
+  setInlineItemsIds: () => {
+  }
+}, o = e.createContext(t);
+export {
+  o as TabsExtendedContext
+};
+//# sourceMappingURL=TabsExtendedContext.js.map

package/components/TabsExtended/TabsExtendedUtils.js

@@ -0,0 +1,8 @@
+import "./enums.js";
+import "../Typography/enums.js";
+import { t as o, a as i } from "../../chunks/TabsExtendedUtils-BT4b2wK1.js";
+export {
+  o as tabsExtendedSizeToCssClassMap,
+  i as tabsExtendedSizeToTextSizeMap
+};
+//# sourceMappingURL=TabsExtendedUtils.js.map

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -0,0 +1,20 @@
+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-CQBdl7x1.js";
+import { c as b } from "../../../chunks/vendor-CF2m175I.js";
+const r = ({
+  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;
+export {
+  r as TabsExtendedContent
+};
+//# sourceMappingURL=TabsExtendedContent.js.map