@sberbusiness/triplex-next 1.1.1 → 1.3.0

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -1,15 +1,15 @@
 import { jsxs as k, Fragment as y, jsx as f } from "react/jsx-runtime";
 import a, { useContext as A, useState as D, useRef as g, useLayoutEffect as R, isValidElement as B } from "react";
-import { j as F, c as N, p as j } from "../../../chunks/vendor-D-uL_icH.js";
-import { TabsExtendedContext as z } from "../TabsExtendedContext.js";
-import { TabsExtendedTabContext as _ } from "./TabsExtendedTabContext.js";
-import { s as l } from "../../../chunks/TabsExtended.module-CmU9j8zG.js";
+import { u as F, c as N, p as z } from "../../../chunks/vendor-CehxOAkM.js";
+import { TabsExtendedContext as _ } from "../TabsExtendedContext.js";
+import { TabsExtendedTabContext as j } from "./TabsExtendedTabContext.js";
+import { s as l } from "../../../chunks/TabsExtended.module--2PQhvJQ.js";
 const G = ({
   children: s,
   className: C,
   ...w
 }) => {
-  const { setDropdownItemsIds: m, setInlineItemsIds: x, dropdownRef: p } = A(z), [c, I] = D(0), r = g(null), h = g(a.Children.count(s)), d = () => {
+  const { setDropdownItemsIds: m, setInlineItemsIds: x, dropdownRef: p } = A(_), [c, I] = D(0), r = g(null), h = g(a.Children.count(s)), d = () => {
     if (r.current) {
       const { children: t } = r.current;
       let { right: e } = r.current.getBoundingClientRect();
@@ -35,7 +35,7 @@ const G = ({
   const T = (t) => a.Children.map(t, (e) => {
     if (!B(e))
       return e;
-    const i = j(e.props, (u, n) => !n.startsWith("data-"));
+    const i = z(e.props, (u, n) => !n.startsWith("data-"));
     return a.createElement(e.type, i);
   }), { ref: W } = F({
     handleWidth: !0,
@@ -51,7 +51,7 @@ const G = ({
         ref: (t) => {
           r.current !== t && (r.current = t), W(t);
         },
-        children: /* @__PURE__ */ f(_.Provider, { value: { isFakeTab: !0 }, children: T(s) })
+        children: /* @__PURE__ */ f(j.Provider, { value: { isFakeTab: !0 }, children: T(s) })
       }
     ),
     /* @__PURE__ */ f(

package/components/TabsExtended/components/index.js

@@ -0,0 +1,15 @@
+import { TabsExtendedContent as o } from "./TabsExtendedContent.js";
+import { TabsExtendedDropdownWrapper as d } from "./TabsExtendedDropdownWrapper.js";
+import { TabsExtendedTab as a } from "./TabsExtendedTab.js";
+import { TabsExtendedTabButton as p } from "./TabsExtendedTabButton.js";
+import { TabsExtendedTabContext as T } from "./TabsExtendedTabContext.js";
+import { TabsExtendedTabsWrapper as f } from "./TabsExtendedTabsWrapper.js";
+export {
+  o as TabsExtendedContent,
+  d as TabsExtendedDropdownWrapper,
+  a as TabsExtendedTab,
+  p as TabsExtendedTabButton,
+  T as TabsExtendedTabContext,
+  f as TabsExtendedTabsWrapper
+};
+//# sourceMappingURL=index.js.map

package/components/TabsExtended/enums.js

@@ -1,5 +1,5 @@
-var m = /* @__PURE__ */ ((r) => (r.LG = "lg", r.MD = "md", r.SM = "sm", r))(m || {});
+var t = /* @__PURE__ */ ((r) => (r.TYPE_1 = "type1", r.TYPE_2 = "type2", r))(t || {});
 export {
-  m as ETabsExtendedTabButtonSize
+  t as ETabsExtendedType
 };
 //# sourceMappingURL=enums.js.map

package/components/TabsExtended/index.js

@@ -1,7 +1,19 @@
 import { TabsExtended as o } from "./TabsExtended.js";
-import { ETabsExtendedTabButtonSize as r } from "./enums.js";
+import { TabsExtendedContent as d } from "./components/TabsExtendedContent.js";
+import { TabsExtendedDropdownWrapper as a } from "./components/TabsExtendedDropdownWrapper.js";
+import { TabsExtendedTab as n } from "./components/TabsExtendedTab.js";
+import { TabsExtendedTabButton as b } from "./components/TabsExtendedTabButton.js";
+import { TabsExtendedTabContext as E } from "./components/TabsExtendedTabContext.js";
+import { TabsExtendedTabsWrapper as m } from "./components/TabsExtendedTabsWrapper.js";
+import { ETabsExtendedType as W } from "./enums.js";
 export {
-  r as ETabsExtendedTabButtonSize,
-  o as TabsExtended
+  W as ETabsExtendedType,
+  o as TabsExtended,
+  d as TabsExtendedContent,
+  a as TabsExtendedDropdownWrapper,
+  n as TabsExtendedTab,
+  b as TabsExtendedTabButton,
+  E as TabsExtendedTabContext,
+  m as TabsExtendedTabsWrapper
 };
 //# sourceMappingURL=index.js.map

package/components/TabsExtended/utils.js

@@ -0,0 +1,9 @@
+import "./enums.js";
+import "../../enums/EComponentSize.js";
+import { a as s, t as i } from "../../chunks/utils-BZFu5eVD.js";
+import "../Typography/enums.js";
+export {
+  s as tabsExtendedSizeToTextSizeMap,
+  i as tabsExtendedTypeToClassNameMap
+};
+//# sourceMappingURL=utils.js.map

package/components/TabsLine/TabsLine.js

@@ -0,0 +1,48 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as f } from "../../chunks/vendor-CehxOAkM.js";
+import { MobileView as n } from "../MobileView/MobileView.js";
+import { TabsLineDesktop as b } from "./components/TabsLineDesktop.js";
+import { TabsLineMobile as c } from "./components/TabsLineMobile.js";
+import { s as d } from "../../chunks/TabsLine.module-CH_sqFyE.js";
+import "./components/TabsLineDropdown.js";
+import "./components/TabsLineItem.js";
+const v = ({
+  className: s,
+  dropdownTargetHtmlAttributes: t,
+  maxVisible: e,
+  onChangeTab: i,
+  paddingX: p,
+  selectedId: o,
+  tabs: m,
+  size: a,
+  ...l
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    role: "tablist",
+    className: f(s, d.tabsLineWrapper),
+    ...l,
+    "data-paddingx-size": p,
+    children: /* @__PURE__ */ r(
+      n,
+      {
+        fallback: /* @__PURE__ */ r(
+          b,
+          {
+            tabs: m,
+            onChangeTab: i,
+            selectedId: o,
+            dropdownTargetHtmlAttributes: t,
+            maxVisible: e,
+            size: a
+          }
+        ),
+        children: /* @__PURE__ */ r(c, { tabs: m, onChangeTab: i, selectedId: o })
+      }
+    )
+  }
+);
+export {
+  v as TabsLine
+};
+//# sourceMappingURL=TabsLine.js.map

package/components/TabsLine/components/TabsLineDesktop.js

@@ -0,0 +1,81 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useState as D, useRef as T, useEffect as N } from "react";
+import { TabsLineDropdown as S } from "./TabsLineDropdown.js";
+import { TabsLineItem as k } from "./TabsLineItem.js";
+import { isKey as u } from "../../../utils/keyboard.js";
+import { l as L } from "../../../chunks/vendor-CehxOAkM.js";
+import { s as J } from "../../../chunks/TabsLine.module-CH_sqFyE.js";
+const $ = ({
+  tabs: l,
+  dropdownTargetHtmlAttributes: g,
+  selectedId: R,
+  onChangeTab: m,
+  maxVisible: d,
+  size: i
+}) => {
+  const [f, E] = D([]), [r, y] = D([]), A = T(null), a = T(0), h = T([]);
+  N(() => {
+    const o = [], e = [];
+    l.forEach((n, s) => {
+      (d && s + 1 >= d && l.length > d ? o : e).push(n);
+    }), L.isEqual(e, f) === !1 && E(e), L.isEqual(o, r) === !1 && y(o);
+  }, [l, d]);
+  const x = ({ selected: o, onClick: e, onFocus: n, onBlur: s, size: w, ...c }, b) => {
+    const K = a.current === b ? 0 : -1, O = (t) => {
+      m(c.id), e == null || e(t);
+    }, W = (t) => {
+      const j = f.length - 1 === a.current;
+      if (u(t.code, "ARROW_LEFT") || u(t.code, "ARROW_RIGHT") && !j) {
+        const v = u(t.code, "ARROW_RIGHT") ? 1 : -1, z = a.current + v, I = h.current[z];
+        I && (t.preventDefault(), I.focus());
+      }
+    }, _ = (t) => {
+      a.current = b, n == null || n(t);
+    }, q = (t) => {
+      a.current = 0, s == null || s(t);
+    }, G = (t) => {
+      h.current[b] = t;
+    };
+    return /* @__PURE__ */ p(
+      k,
+      {
+        selected: R === c.id,
+        onClick: O,
+        onKeyDown: W,
+        tabIndex: K,
+        onFocus: _,
+        onBlur: q,
+        ...c,
+        size: w ?? i,
+        ref: G
+      },
+      c.id
+    );
+  }, H = () => {
+    const o = f.map((e, n) => x(e, n));
+    if (r.length > 0) {
+      const e = r.find((s) => s.id === R), n = e ? e.label : r[0].label;
+      o.push(
+        /* @__PURE__ */ p(
+          S,
+          {
+            tabs: r,
+            active: e !== void 0,
+            label: n,
+            onClickTab: (s) => m(s.id),
+            selected: e,
+            targetHtmlAttributes: g,
+            size: i
+          },
+          "TabsLineDropdown"
+        )
+      );
+    }
+    return o;
+  };
+  return l.length ? /* @__PURE__ */ p("div", { className: J.tabsLine, ref: A, "data-size": i, children: H() }) : null;
+};
+export {
+  $ as TabsLineDesktop
+};
+//# sourceMappingURL=TabsLineDesktop.js.map

package/components/TabsLine/components/TabsLineDropdown.js

@@ -0,0 +1,151 @@
+var N = Object.defineProperty;
+var R = (c, i, e) => i in c ? N(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
+var o = (c, i, e) => R(c, typeof i != "symbol" ? i + "" : i, e);
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import m, { createElement as I } from "react";
+import { a as T, c as h } from "../../../chunks/vendor-CehxOAkM.js";
+import { Dropdown as v } from "../../Dropdown/Dropdown.js";
+import { DropdownListContext as S } from "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList as D } from "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-g0mYNHIW.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import "../../Dropdown/mobile/DropdownMobileBody.js";
+import "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import "../../Dropdown/mobile/DropdownMobileList.js";
+import "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../Loader/LoaderSmall/LoaderSmall.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { EComponentSize as k } from "../../../enums/EComponentSize.js";
+import { CaretdownStrokeSrvIcon16 as b } from "@sberbusiness/icons-next";
+import { isKey as p } from "../../../utils/keyboard.js";
+import { s as t } from "../../../chunks/TabsLine.module-CH_sqFyE.js";
+import { createSizeToClassNameMap as O } from "../../../utils/classNameMaps.js";
+const A = O(t);
+class te extends m.PureComponent {
+  constructor(e) {
+    super(e);
+    o(this, "state", {
+      activeDescendant: void 0,
+      opened: !1
+    });
+    o(this, "targetRef");
+    o(this, "dropdownRef");
+    o(this, "instanceId", T());
+    /** Установка значения activeDescendant. */
+    o(this, "setActiveDescendant", (e) => {
+      this.setState({ activeDescendant: e });
+    });
+    /** Рендер кнопки, раскрывающей список. */
+    o(this, "renderTarget", () => {
+      const { active: e, label: n, targetHtmlAttributes: r, size: d = k.MD } = this.props, { activeDescendant: s, opened: l } = this.state, f = h(t.tab, A[d], t.dropdownTarget, {
+        [t.active]: e
+      }), u = h(t.dropdownTargetCaret, { [t.opened]: l });
+      return /* @__PURE__ */ a(
+        "button",
+        {
+          ...r,
+          className: f,
+          onClick: this.handleTargetClick,
+          onKeyDown: this.handleTargetKeyDown,
+          type: "button",
+          role: "tab",
+          "aria-haspopup": "menu",
+          "aria-expanded": l,
+          "aria-controls": this.instanceId,
+          "aria-activedescendant": s,
+          children: /* @__PURE__ */ a("span", { className: t.tabInner, children: /* @__PURE__ */ w("span", { className: t.dropdownTargetInner, children: [
+            n,
+            /* @__PURE__ */ a(b, { className: u, paletteIndex: 5 })
+          ] }) })
+        }
+      );
+    });
+    /** Рендер дропдаун списка. */
+    o(this, "renderDropdown", () => {
+      const { selected: e, tabs: n } = this.props, { activeDescendant: r, opened: d } = this.state;
+      return /* @__PURE__ */ a(
+        v,
+        {
+          className: t.dropdown,
+          opened: d,
+          setOpened: this.setOpenedDropdown,
+          targetRef: this.targetRef,
+          ref: this.dropdownRef,
+          children: /* @__PURE__ */ a(
+            S.Provider,
+            {
+              value: { activeDescendant: r, setActiveDescendant: this.setActiveDescendant },
+              children: /* @__PURE__ */ a(D, { dropdownOpened: d, id: this.instanceId, children: n.map((s) => {
+                const { id: l, label: f, showNotificationIcon: u, ...C } = s, g = h(t.dropdownItem, {
+                  [t.withNotification]: !!s.showNotificationIcon
+                });
+                return /* @__PURE__ */ I(
+                  D.Item,
+                  {
+                    ...C,
+                    className: g,
+                    id: s.id,
+                    key: s.id,
+                    onSelect: () => {
+                      this.handleClickTab(s);
+                    },
+                    selected: s === e
+                  },
+                  /* @__PURE__ */ a("span", { className: t.dropdownItemInner, children: s.label }),
+                  s.showNotificationIcon && /* @__PURE__ */ a("span", { className: t.notificationIcon })
+                );
+              }) })
+            }
+          )
+        }
+      );
+    });
+    /** Открывает/закрывает Dropdown. */
+    o(this, "setOpenedDropdown", (e) => {
+      this.setState({ opened: e });
+    });
+    /** Обработчик кнопки, раскрывающей список. */
+    o(this, "handleTargetClick", () => {
+      const { opened: e } = this.state;
+      this.setState({ opened: !e });
+    });
+    /** Обработчик клика по табу. */
+    o(this, "handleClickTab", (e) => {
+      const { onClickTab: n } = this.props, { opened: r } = this.state;
+      n(e), this.setState({ opened: !r });
+    });
+    /** Обработчик нажатия клавиш по кнопке, раскрывающей список. */
+    o(this, "handleTargetKeyDown", (e) => {
+      const { opened: n } = this.state;
+      n || (p(e.code, "ARROW_UP") || p(e.code, "ARROW_DOWN")) && (e.preventDefault(), this.setState({ opened: !0 })), n && (p(e.code, "TAB") || p(e.code, "ESCAPE")) && this.setState({ opened: !1 });
+    });
+    /** Обработчик клика вне дропдауна. */
+    o(this, "handleClickOutside", (e) => {
+      var r, d;
+      const { opened: n } = this.state;
+      n && !((r = this.targetRef.current) != null && r.contains(e.target)) && !((d = this.dropdownRef.current) != null && d.contains(e.target)) && this.setState({ opened: !1 });
+    });
+    this.targetRef = m.createRef(), this.dropdownRef = m.createRef();
+  }
+  componentDidMount() {
+    document.addEventListener("mouseup", this.handleClickOutside);
+  }
+  componentWillUnmount() {
+    document.removeEventListener("mouseup", this.handleClickOutside);
+  }
+  render() {
+    return /* @__PURE__ */ w("div", { className: t.tabsLineDropdown, ref: this.targetRef, children: [
+      this.renderTarget(),
+      this.renderDropdown()
+    ] });
+  }
+}
+export {
+  te as TabsLineDropdown
+};
+//# sourceMappingURL=TabsLineDropdown.js.map

package/components/TabsLine/components/TabsLineItem.js

@@ -0,0 +1,26 @@
+import { jsx as n } from "react/jsx-runtime";
+import c, { createElement as p } from "react";
+import { c as l } from "../../../chunks/vendor-CehxOAkM.js";
+import { s as a } from "../../../chunks/TabsLine.module-CH_sqFyE.js";
+import { EComponentSize as f } from "../../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as b } from "../../../utils/classNameMaps.js";
+const N = b(a), T = c.forwardRef(
+  ({ id: o, label: t, selected: e, showNotificationIcon: s, size: m = f.MD, ...r }, i) => /* @__PURE__ */ p(
+    "button",
+    {
+      ...r,
+      key: o,
+      className: l(a.tab, N[m], { [a.active]: !!e }),
+      role: "tab",
+      "aria-selected": e,
+      ref: i
+    },
+    t,
+    s && /* @__PURE__ */ n("span", { className: a.notificationIcon })
+  )
+);
+T.displayName = "TabsLineItem";
+export {
+  T as TabsLineItem
+};
+//# sourceMappingURL=TabsLineItem.js.map

package/components/TabsLine/components/TabsLineMobile.js

@@ -0,0 +1,21 @@
+import { jsx as n } from "react/jsx-runtime";
+import { TabsLineItem as c } from "./TabsLineItem.js";
+const d = "tabsLineMobileWrapper__9265ba98", p = "tabsLineMobile__f9f91fbd", l = {
+  tabsLineMobileWrapper: d,
+  tabsLineMobile: p
+}, h = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
+  if (!i.length)
+    return null;
+  const a = ({ selected: L, ...e }) => {
+    const b = (t) => {
+      var s;
+      r(e.id), (s = e.onClick) == null || s.call(e, t);
+    };
+    return /* @__PURE__ */ n(c, { selected: o === e.id, ...e, onClick: b }, e.id);
+  };
+  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(a) }) });
+};
+export {
+  h as TabsLineMobile
+};
+//# sourceMappingURL=TabsLineMobile.js.map

package/components/TabsLine/components/index.js

@@ -0,0 +1,11 @@
+import { TabsLineDesktop as r } from "./TabsLineDesktop.js";
+import { TabsLineDropdown as t } from "./TabsLineDropdown.js";
+import { TabsLineItem as i } from "./TabsLineItem.js";
+import { TabsLineMobile as n } from "./TabsLineMobile.js";
+export {
+  r as TabsLineDesktop,
+  t as TabsLineDropdown,
+  i as TabsLineItem,
+  n as TabsLineMobile
+};
+//# sourceMappingURL=index.js.map

package/components/TabsLine/index.js

@@ -0,0 +1,13 @@
+import { TabsLine as r } from "./TabsLine.js";
+import { TabsLineDesktop as t } from "./components/TabsLineDesktop.js";
+import { TabsLineDropdown as i } from "./components/TabsLineDropdown.js";
+import { TabsLineItem as n } from "./components/TabsLineItem.js";
+import { TabsLineMobile as a } from "./components/TabsLineMobile.js";
+export {
+  r as TabsLine,
+  t as TabsLineDesktop,
+  i as TabsLineDropdown,
+  n as TabsLineItem,
+  a as TabsLineMobile
+};
+//# sourceMappingURL=index.js.map

package/components/TabsLine/types.js

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

package/components/Tag/Tag.js

@@ -0,0 +1,70 @@
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import d, { useCallback as S } from "react";
+import { c as E } from "../../chunks/vendor-CehxOAkM.js";
+import { EditStrokeSrvIcon24 as L, EditStrokeSrvIcon20 as N, EditStrokeSrvIcon16 as v, CrossStrokeSrvIcon24 as y, CrossStrokeSrvIcon20 as z, CrossStrokeSrvIcon16 as G } from "@sberbusiness/icons-next";
+import { Text as h } from "../Typography/Text.js";
+import { ETextSize as I, EFontType as _ } from "../Typography/enums.js";
+import { ButtonIcon as T } from "../Button/ButtonIcon.js";
+import { createSizeToClassNameMap as j } from "../../utils/classNameMaps.js";
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
+const A = "tag__06467b45", R = "sm__f03df8ee", w = "md__5ef43c09", F = "lg__42b72a9d", P = "content__855c55bb", f = {
+  tag: A,
+  sm: R,
+  md: w,
+  lg: F,
+  content: P
+}, Y = j(f), b = {
+  [e.SM]: I.B4,
+  [e.MD]: I.B3,
+  [e.LG]: I.B2
+}, q = {
+  [e.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(N, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(L, { paletteIndex: 5 })
+}, H = {
+  [e.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
+}, $ = d.forwardRef(
+  ({ children: l, id: s, className: u, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...g }, C) => {
+    const k = S(() => {
+      const t = n ? _.DISABLED : _.PRIMARY;
+      return /* @__PURE__ */ o(h, { className: f.content, type: t, size: b[r], children: l });
+    }, [l, r, n]), B = S(() => {
+      const { onClick: t, ...m } = M || {};
+      return /* @__PURE__ */ o(
+        T,
+        {
+          disabled: n,
+          onClick: (p) => {
+            c == null || c(s), t == null || t(p);
+          },
+          ...m,
+          children: q[r]
+        }
+      );
+    }, [s, r, n, M, c]), i = S(() => {
+      const { onClick: t, ...m } = x || {};
+      return /* @__PURE__ */ o(
+        T,
+        {
+          disabled: n,
+          onClick: (p) => {
+            a == null || a(s), t == null || t(p);
+          },
+          ...m,
+          children: H[r]
+        }
+      );
+    }, [s, r, n, x, a]);
+    return /* @__PURE__ */ D("span", { className: E(f.tag, Y[r], u), ...g, ref: C, children: [
+      k(),
+      c && B(),
+      i()
+    ] });
+  }
+);
+export {
+  $ as Tag
+};
+//# sourceMappingURL=Tag.js.map

package/components/Tag/index.js

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

package/components/Tag/types.js

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

package/components/TagGroup/TagGroup.js

@@ -0,0 +1,25 @@
+import { jsx as c } from "react/jsx-runtime";
+import e from "react";
+import { c as p } from "../../chunks/vendor-CehxOAkM.js";
+import { createSizeToClassNameMap as d } from "../../utils/classNameMaps.js";
+const l = "tagGroup__ad77b254", _ = "sm__7f6a711d", g = "md__92dc13bd", f = "lg__43b6b464", o = {
+  tagGroup: l,
+  sm: _,
+  md: g,
+  lg: f
+}, i = d(o), x = e.forwardRef(
+  ({ children: s, className: a, size: t, ...r }, m) => /* @__PURE__ */ c(
+    "div",
+    {
+      className: p(o.tagGroup, i[t], a),
+      role: "group",
+      ...r,
+      ref: m,
+      children: s
+    }
+  )
+);
+export {
+  x as TagGroup
+};
+//# sourceMappingURL=TagGroup.js.map

package/components/TagGroup/index.js

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

package/components/TagGroup/types.js

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

package/components/TextField/TextField.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { F as r } from "../../chunks/FormFieldInput-rV5ZVe9k.js";
+import { F as r } from "../../chunks/FormFieldInput-qaJqBTBV.js";
 import { TextFieldBase as t } from "./TextFieldBase.js";
 const m = ({ inputProps: i, ...o }) => /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ e(r, { ...i }) });
 m.displayName = "TextField";

package/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useState as c, useEffect as i } from "react";
-import { n as x, o as d, q as f } from "../../chunks/vendor-D-uL_icH.js";
+import { o as x, q as d, s as f } from "../../chunks/vendor-CehxOAkM.js";
 import { DesignTokenUtils as S } from "../DesignTokens/DesignTokenUtils.js";
 import { ThemeProviderView as h } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -5,8 +5,8 @@ import { ETriplexNextTheme as m } from "../ETriplexNextTheme.js";
 import { DesignTokensCore as D } from "../../DesignTokens/DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as d } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as v } from "../../DesignTokens/DesignTokensComponents.js";
-import { DesignTokensComponentsThemeDark as g } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import { g as x } from "../../../chunks/vendor-D-uL_icH.js";
+import { DesignTokensComponentsThemeDark as x } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
+import { h as g } from "../../../chunks/vendor-CehxOAkM.js";
 const I = ({
   children: s,
   scopeClassName: r,
@@ -22,11 +22,11 @@ const I = ({
       o.current && ((i = t.current) == null || i.classList.remove(o.current));
     };
   }, [r]);
-  const T = x(
+  const T = g(
     {},
     f,
     e === m.LIGHT ? D : d,
-    e === m.LIGHT ? v : g
+    e === m.LIGHT ? v : x
   );
   return /* @__PURE__ */ p(c.Provider, { value: { scopeClassName: r, theme: e, tokens: T }, children: s });
 };

package/components/Tooltip/components/common/TooltipBody.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import r from "react";
-import { c as s } from "../../../../chunks/vendor-D-uL_icH.js";
+import { c as s } from "../../../../chunks/vendor-CehxOAkM.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
 import { Text as l } from "../../../Typography/Text.js";
 import { ELineType as p, ETextSize as c } from "../../../Typography/enums.js";
-import { s as f } from "../../../../chunks/TooltipDesktop.module-KrPZMfQD.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-D3cbaDX1.js";
 const d = r.forwardRef(({ className: m, ...i }, t) => {
   const e = s(f.tooltipBody, m);
   return /* @__PURE__ */ o(a, { fallback: /* @__PURE__ */ o("div", { className: e, ...i, ref: t }), children: /* @__PURE__ */ o(l, { className: e, size: c.B3, line: p.NORMAL, tag: "div", ...i, ref: t }) });