@sberbusiness/triplex-next 0.19.1 → 0.21.0

package/components/TabsLine/components/TabsLineDropdown.js

@@ -1,13 +1,10 @@
-var A = Object.defineProperty;
-var k = (p, r, e) => r in p ? A(p, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[r] = e;
-var t = (p, r, e) => k(p, typeof r != "symbol" ? r + "" : r, e);
-import { jsxs as g, jsx as d } from "react/jsx-runtime";
-import v, { createElement as O } from "react";
-import { u as x, c as C } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { DropdownListContext as E } from "../../Dropdown/DropdownListContext.js";
+import { jsxs as S, jsx as a } from "react/jsx-runtime";
+import { useState as d, useRef as h, useEffect as W, createElement as j } from "react";
+import { u as H, c as w } from "../../../chunks/vendor-DaOifQgP.js";
+import { DropdownListContext as Y } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as N } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-B89w0ZP6.js";
+import { DropdownList as b } from "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-BdLTF7q1.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -19,155 +16,122 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as M } from "../../../enums/EComponentSize.js";
-import { Dropdown as y } from "../../Dropdown/Dropdown.js";
-import { CaretdownStrokeSrvIcon16 as L } from "@sberbusiness/icons-next";
-import { isKey as l } from "../../../utils/keyboard.js";
-import { s as o } from "../../../chunks/TabsLine.module-BQ_DsA4u.js";
-import { createSizeToClassNameMap as z } from "../../../utils/classNameMaps.js";
-import { Text as P } from "../../Typography/Text.js";
-import { tabsLineSizeToTextSizeMap as K } from "../utils.js";
-import { EFontType as I } from "../../Typography/enums.js";
-const W = z(o);
-class De extends v.PureComponent {
-  constructor(e) {
-    super(e);
-    t(this, "state", {
-      activeDescendant: void 0,
-      opened: !1,
-      focused: !1,
-      hovered: !1
-    });
-    t(this, "targetRef");
-    t(this, "dropdownRef");
-    t(this, "instanceId", x());
-    /** Установка значения activeDescendant. */
-    t(this, "setActiveDescendant", (e) => {
-      this.setState({ activeDescendant: e });
-    });
-    /** Рендер кнопки, раскрывающей список. */
-    t(this, "renderTarget", () => {
-      const { active: e, label: s, targetHtmlAttributes: i, size: a = M.MD } = this.props, { activeDescendant: n, opened: h, focused: R, hovered: S } = this.state, m = C(o.tab, W[a], o.dropdownTarget, {
-        [o.active]: e
-      }), f = C(o.dropdownTargetCaret, { [o.opened]: h }), { onFocus: u, onBlur: w, onMouseEnter: D, onMouseLeave: T, ...b } = i || {};
-      return /* @__PURE__ */ d(
-        "button",
-        {
-          ...b,
-          onFocus: (c) => {
-            this.setState({ focused: !0 }), u == null || u(c);
-          },
-          onBlur: (c) => {
-            this.setState({ focused: !1 }), w == null || w(c);
-          },
-          onMouseEnter: (c) => {
-            this.setState({ hovered: !0 }), D == null || D(c);
-          },
-          onMouseLeave: (c) => {
-            this.setState({ hovered: !1 }), T == null || T(c);
-          },
-          className: m,
-          onClick: this.handleTargetClick,
-          onKeyDown: this.handleTargetKeyDown,
-          type: "button",
-          role: "tab",
-          "aria-haspopup": "menu",
-          "aria-expanded": h,
-          "aria-controls": this.instanceId,
-          "aria-activedescendant": n,
-          children: /* @__PURE__ */ d("span", { className: o.tabInner, children: /* @__PURE__ */ g("span", { className: o.dropdownTargetInner, children: [
-            /* @__PURE__ */ d(
-              P,
-              {
-                size: K[a],
-                type: e || R || S ? I.PRIMARY : I.SECONDARY,
-                children: s
-              }
-            ),
-            /* @__PURE__ */ d(L, { className: f, paletteIndex: 5 })
-          ] }) })
-        }
-      );
-    });
-    /** Рендер дропдаун списка. */
-    t(this, "renderDropdown", () => {
-      const { selected: e, tabs: s } = this.props, { activeDescendant: i, opened: a } = this.state;
-      return /* @__PURE__ */ d(
-        y,
-        {
-          className: o.dropdown,
-          opened: a,
-          setOpened: this.setOpenedDropdown,
-          targetRef: this.targetRef,
-          ref: this.dropdownRef,
-          children: /* @__PURE__ */ d(
-            E.Provider,
+import { EComponentSize as q } from "../../../enums/EComponentSize.js";
+import { Dropdown as U } from "../../Dropdown/Dropdown.js";
+import { CaretdownStrokeSrvIcon16 as Z } from "@sberbusiness/icons-next";
+import { isKey as m } from "../../../utils/keyboard.js";
+import { s as t } from "../../../chunks/TabsLine.module-BgCBcRYT.js";
+import { createSizeToClassNameMap as G } from "../../../utils/classNameMaps.js";
+import { EFontType as v } from "../../Typography/enums.js";
+import "../../Typography/Caption.js";
+import { Text as J } from "../../Typography/Text.js";
+import "../../Typography/Title.js";
+import { tabsLineSizeToTextSizeMap as Q } from "../utils.js";
+const V = G(t), xe = ({
+  tabs: A,
+  active: T,
+  label: g,
+  onClickTab: L,
+  selected: M,
+  size: p = q.MD,
+  targetHtmlAttributes: R,
+  ...x
+}) => {
+  const [D, y] = d(void 0), [o, c] = d(!1), [O, N] = d(!1), [k, C] = d(!1), l = h(null), E = h(null), I = h(H());
+  W(() => {
+    if (!o)
+      return;
+    const e = (r) => {
+      var n, s;
+      !((n = l.current) != null && n.contains(r.target)) && !((s = E.current) != null && s.contains(r.target)) && c(!1);
+    };
+    return document.addEventListener("mouseup", e), () => {
+      document.removeEventListener("mouseup", e);
+    };
+  }, [o]);
+  const _ = () => {
+    c(!o);
+  }, P = (e) => {
+    o || (m(e.code, "ARROW_UP") || m(e.code, "ARROW_DOWN")) && (e.preventDefault(), c(!0)), o && (m(e.code, "TAB") || m(e.code, "ESCAPE")) && c(!1);
+  }, F = (e) => {
+    L(e), c(!o);
+  }, z = () => {
+    const { onFocus: e, onBlur: r, onMouseEnter: n, onMouseLeave: s, ...u } = R || {}, f = w(t.tab, V[p], t.dropdownTarget, {
+      [t.active]: T
+    }), K = w(t.dropdownTargetCaret, { [t.opened]: o });
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        ...u,
+        onFocus: (i) => {
+          N(!0), e == null || e(i);
+        },
+        onBlur: (i) => {
+          N(!1), r == null || r(i);
+        },
+        onMouseEnter: (i) => {
+          C(!0), n == null || n(i);
+        },
+        onMouseLeave: (i) => {
+          C(!1), s == null || s(i);
+        },
+        className: f,
+        onClick: _,
+        onKeyDown: P,
+        type: "button",
+        role: "tab",
+        "aria-haspopup": "menu",
+        "aria-expanded": o,
+        "aria-controls": I.current,
+        "aria-activedescendant": D,
+        children: /* @__PURE__ */ a("span", { className: t.tabInner, children: /* @__PURE__ */ S("span", { className: t.dropdownTargetInner, children: [
+          /* @__PURE__ */ a(
+            J,
             {
-              value: { activeDescendant: i, setActiveDescendant: this.setActiveDescendant },
-              children: /* @__PURE__ */ d(N, { dropdownOpened: a, id: this.instanceId, children: s.map((n) => {
-                const { id: h, label: R, showNotificationIcon: S, ...m } = n, f = C(o.dropdownItem);
-                return /* @__PURE__ */ O(
-                  N.Item,
-                  {
-                    ...m,
-                    className: f,
-                    id: n.id,
-                    key: n.id,
-                    onSelect: () => {
-                      this.handleClickTab(n);
-                    },
-                    selected: n === e,
-                    showNotificationIcon: n.showNotificationIcon
-                  },
-                  /* @__PURE__ */ d("span", { className: o.dropdownItemInner, children: n.label })
-                );
-              }) })
+              size: Q[p],
+              type: T || O || k ? v.PRIMARY : v.SECONDARY,
+              children: g
             }
-          )
-        }
-      );
-    });
-    /** Открывает/закрывает Dropdown. */
-    t(this, "setOpenedDropdown", (e) => {
-      this.setState({ opened: e });
-    });
-    /** Обработчик кнопки, раскрывающей список. */
-    t(this, "handleTargetClick", () => {
-      const { opened: e } = this.state;
-      this.setState({ opened: !e });
-    });
-    /** Обработчик клика по табу. */
-    t(this, "handleClickTab", (e) => {
-      const { onClickTab: s } = this.props, { opened: i } = this.state;
-      s(e), this.setState({ opened: !i });
-    });
-    /** Обработчик нажатия клавиш по кнопке, раскрывающей список. */
-    t(this, "handleTargetKeyDown", (e) => {
-      const { opened: s } = this.state;
-      s || (l(e.code, "ARROW_UP") || l(e.code, "ARROW_DOWN")) && (e.preventDefault(), this.setState({ opened: !0 })), s && (l(e.code, "TAB") || l(e.code, "ESCAPE")) && this.setState({ opened: !1 });
-    });
-    /** Обработчик клика вне дропдауна. */
-    t(this, "handleClickOutside", (e) => {
-      var i, a;
-      const { opened: s } = this.state;
-      s && !((i = this.targetRef.current) != null && i.contains(e.target)) && !((a = this.dropdownRef.current) != null && a.contains(e.target)) && this.setState({ opened: !1 });
-    });
-    this.targetRef = v.createRef(), this.dropdownRef = v.createRef();
-  }
-  componentDidMount() {
-    document.addEventListener("mouseup", this.handleClickOutside);
-  }
-  componentWillUnmount() {
-    document.removeEventListener("mouseup", this.handleClickOutside);
-  }
-  render() {
-    return /* @__PURE__ */ g("div", { className: o.tabsLineDropdown, ref: this.targetRef, children: [
-      this.renderTarget(),
-      this.renderDropdown()
-    ] });
-  }
-}
+          ),
+          /* @__PURE__ */ a(Z, { className: K, paletteIndex: 5 })
+        ] }) })
+      }
+    );
+  }, B = () => /* @__PURE__ */ a(
+    U,
+    {
+      className: t.dropdown,
+      opened: o,
+      setOpened: c,
+      size: p,
+      targetRef: l,
+      ref: E,
+      children: /* @__PURE__ */ a(Y.Provider, { value: { activeDescendant: D, setActiveDescendant: y }, children: /* @__PURE__ */ a(b, { dropdownOpened: o, id: I.current, children: A.map((e) => {
+        const { id: r, label: n, showNotificationIcon: s, ...u } = e, f = w(t.dropdownItem);
+        return /* @__PURE__ */ j(
+          b.Item,
+          {
+            ...u,
+            className: f,
+            id: r,
+            key: r,
+            onSelect: () => {
+              F(e);
+            },
+            selected: e === M,
+            showNotificationIcon: s
+          },
+          /* @__PURE__ */ a("span", { className: t.dropdownItemInner, children: n })
+        );
+      }) }) })
+    }
+  );
+  return /* @__PURE__ */ S("div", { className: t.tabsLineDropdown, ref: l, ...x, children: [
+    z(),
+    B()
+  ] });
+};
 export {
-  De as TabsLineDropdown
+  xe as TabsLineDropdown
 };
 //# sourceMappingURL=TabsLineDropdown.js.map

package/components/TabsLine/components/TabsLineItem.js

@@ -1,13 +1,13 @@
 import { jsx as n } from "react/jsx-runtime";
 import y, { useState as p, createElement as z } from "react";
-import { c as E } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as E } from "../../../chunks/vendor-DaOifQgP.js";
 import { createSizeToClassNameMap as N } from "../../../utils/classNameMaps.js";
 import { Badge as S } from "../../Badge/Badge.js";
 import { EComponentSize as f } from "../../../enums/EComponentSize.js";
 import { Text as v } from "../../Typography/Text.js";
 import { tabsLineSizeToTextSizeMap as x } from "../utils.js";
 import { EFontType as c } from "../../Typography/enums.js";
-import { s as e } from "../../../chunks/TabsLine.module-BQ_DsA4u.js";
+import { s as e } from "../../../chunks/TabsLine.module-BgCBcRYT.js";
 const L = N(e), R = y.forwardRef(
   ({
     id: l,

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,19 +1,19 @@
 import { jsx as n } from "react/jsx-runtime";
 import { TabsLineItem as c } from "./TabsLineItem.js";
-const d = "tabsLineMobileWrapper__2deaf48f", p = "tabsLineMobile__74466eaf", l = {
+const d = "tabsLineMobileWrapper__6b8fe113", p = "tabsLineMobile__72d6e124", l = {
   tabsLineMobileWrapper: d,
   tabsLineMobile: p
-}, h = ({ onChangeTab: r, selectedId: a, tabs: i }) => {
+}, h = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
   if (!i.length)
     return null;
-  const o = ({ selected: L, ...e }) => {
+  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: a === e.id, ...e, onClick: b }, e.id);
+    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(o) }) });
+  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(a) }) });
 };
 export {
   h as TabsLineMobile

package/components/Tag/Tag.js

@@ -1,36 +1,36 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import D, { useCallback as S } from "react";
-import { c as E } from "../../chunks/vendor-DE8Zvm0w.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 b } from "../Typography/Text.js";
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import E, { useCallback as S } from "react";
+import { c as L } from "../../chunks/vendor-DaOifQgP.js";
+import { EditStrokeSrvIcon24 as N, EditStrokeSrvIcon20 as d, 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 T } from "../Typography/enums.js";
 import { ButtonIcon as _ } from "../Button/ButtonIcon.js";
-import { createSizeToClassNameMap as h } from "../../utils/classNameMaps.js";
-import { EComponentSize as r } from "../../enums/EComponentSize.js";
-const j = "tag__d65bfe3f", A = "sm__2a74bf7d", R = "md__69b3fd45", w = "lg__64ba7dba", F = "content__b6892fe9", f = {
-  tag: j,
-  sm: A,
-  md: R,
-  lg: w,
-  content: F
-}, P = h(f), Y = {
-  [r.SM]: I.B4,
-  [r.MD]: I.B3,
-  [r.LG]: I.B2
+import { createSizeToClassNameMap as j } from "../../utils/classNameMaps.js";
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
+const A = "tag__66bdb8f1", R = "sm__c37f23e7", w = "md__4efae8bb", F = "lg__0adc7420", P = "content__f42115a8", 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 = {
-  [r.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ o(N, { paletteIndex: 5 }),
-  [r.LG]: /* @__PURE__ */ o(L, { paletteIndex: 5 })
+  [e.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(d, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(N, { paletteIndex: 5 })
 }, H = {
-  [r.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
-  [r.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
-}, $ = D.forwardRef(
-  ({ children: l, id: s, className: g, size: e, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...u }, C) => {
+  [e.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
+}, $ = E.forwardRef(
+  ({ children: l, id: s, className: g, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...u }, C) => {
     const k = S(() => {
       const t = n ? T.DISABLED : T.PRIMARY;
-      return /* @__PURE__ */ o(b, { className: f.content, type: t, size: Y[e], children: l });
-    }, [l, e, n]), B = S(() => {
+      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(
         _,
@@ -40,10 +40,10 @@ const j = "tag__d65bfe3f", A = "sm__2a74bf7d", R = "md__69b3fd45", w = "lg__64ba
             c == null || c(s), t == null || t(p);
           },
           ...m,
-          children: q[e]
+          children: q[r]
         }
       );
-    }, [s, e, n, M, c]), d = S(() => {
+    }, [s, r, n, M, c]), i = S(() => {
       const { onClick: t, ...m } = x || {};
       return /* @__PURE__ */ o(
         _,
@@ -53,14 +53,14 @@ const j = "tag__d65bfe3f", A = "sm__2a74bf7d", R = "md__69b3fd45", w = "lg__64ba
             a == null || a(s), t == null || t(p);
           },
           ...m,
-          children: H[e]
+          children: H[r]
         }
       );
-    }, [s, e, n, x, a]);
-    return /* @__PURE__ */ i("span", { className: E(f.tag, P[e], g), ...u, ref: C, children: [
+    }, [s, r, n, x, a]);
+    return /* @__PURE__ */ D("span", { className: L(f.tag, Y[r], g), ...u, ref: C, children: [
       k(),
       c && B(),
-      d()
+      i()
     ] });
   }
 );

package/components/TagColor/TagColor.js

@@ -1,36 +1,38 @@
 import { jsx as t } from "react/jsx-runtime";
-import f from "react";
-import { c as m } from "../../chunks/vendor-DE8Zvm0w.js";
-import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
+import l from "react";
+import { c as m } from "../../chunks/vendor-DaOifQgP.js";
+import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
 import { ETagColorStatus as s } from "./enums.js";
-const _ = "tagColor__8a0f3d8d", i = "sm__41af3041", d = "md__9150e49b", g = "lg__6595d304", p = "success__2734cf48", C = "info__e19d3414", u = "warning__caee21dd", N = "error__6c6e18f0", T = "content__6f964ef1", o = {
-  tagColor: _,
+const d = "tagColor__04aec91f", i = "sm__231b0073", g = "md__d68d11bf", C = "lg__3636a750", S = "success__397a8fb0", p = "info__e8dcb0e1", A = "warning__66466d3e", T = "error__da8d399d", N = "content__7e6f1607", o = {
+  tagColor: d,
   sm: i,
-  md: d,
-  lg: g,
-  default: "default__73a0b0f4",
-  success: p,
-  info: C,
-  warning: u,
-  error: N,
-  content: T
-}, R = l(o), w = {
+  md: g,
+  lg: C,
+  default: "default__a3d106b3",
+  success: S,
+  info: p,
+  warning: A,
+  error: T,
+  content: N
+}, u = f(o), E = {
   [s.DEFAULT]: o.default,
   [s.SUCCESS]: o.success,
   [s.INFO]: o.info,
   [s.WARNING]: o.warning,
   [s.ERROR]: o.error
-}, M = f.forwardRef(
-  ({ children: a, className: r, size: n, status: c = s.DEFAULT, ...e }) => /* @__PURE__ */ t(
+}, R = l.forwardRef(
+  ({ children: r, className: n, size: a, status: c = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
     "span",
     {
-      className: m(o.tagColor, R[n], w[c], r),
+      className: m(o.tagColor, u[a], E[c], n),
       ...e,
-      children: /* @__PURE__ */ t("span", { className: o.content, children: a })
+      ref: _,
+      children: /* @__PURE__ */ t("span", { className: o.content, children: r })
     }
   )
 );
+R.displayName = "TagColor";
 export {
-  M as TagColor
+  R as TagColor
 };
 //# sourceMappingURL=TagColor.js.map

package/components/TagGroup/TagGroup.js

@@ -1,17 +1,17 @@
 import { jsx as c } from "react/jsx-runtime";
 import e from "react";
-import { c as p } from "../../chunks/vendor-DE8Zvm0w.js";
-import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
-const l = "tagGroup__4b37da4f", f = "sm__7a839334", _ = "md__efc044e3", d = "lg__8cb0d352", o = {
-  tagGroup: l,
-  sm: f,
+import { c as p } from "../../chunks/vendor-DaOifQgP.js";
+import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
+const g = "tagGroup__05abdf64", l = "sm__ccc6af08", _ = "md__97693bf5", i = "lg__09500ee8", o = {
+  tagGroup: g,
+  sm: l,
   md: _,
-  lg: d
-}, i = g(o), N = e.forwardRef(
+  lg: i
+}, n = f(o), N = e.forwardRef(
   ({ children: s, className: a, size: r, ...t }, m) => /* @__PURE__ */ c(
     "div",
     {
-      className: p(o.tagGroup, i[r], a),
+      className: p(o.tagGroup, n[r], a),
       role: "group",
       ...t,
       ref: m,

package/components/TextField/TextField.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { F as r } from "../../chunks/FormFieldInput-CC-nRhb4.js";
+import { F as r } from "../../chunks/FormFieldInput-C75omt8Y.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/TextareaField/TextareaField.js

@@ -6,7 +6,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-CC-nRhb4.js";
+import "../../chunks/FormFieldInput-C75omt8Y.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

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 { q as x, s as d, w as f } from "../../chunks/vendor-DE8Zvm0w.js";
+import { useState as x, useEffect as i } from "react";
+import { w as c, x as d, y as f } from "../../chunks/vendor-DaOifQgP.js";
 import { DesignTokenUtils as S } from "../DesignTokens/DesignTokenUtils.js";
 import { ThemeProviderView as h } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";
@@ -11,11 +11,11 @@ const m = (t) => `${t}${Date.now()}${Math.floor(Math.random() * 1e6)}`, g = ({
   theme: r = u.LIGHT,
   tokens: s
 }) => {
-  const [e, a] = c(o || m("triplex-next-theme-"));
+  const [e, a] = x(o || m("triplex-next-theme-"));
   return i(() => {
     a(o || m("triplex-next-theme-"));
   }, [o]), i(() => {
-    if (x()) {
+    if (c()) {
       const p = `.${e} {${S.getStyle(r, s || {})}}`;
       d(p, `triplex-next-dynamic-tokens-${e}`);
     } else

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -6,8 +6,8 @@ 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 x } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import { j as g } from "../../../chunks/vendor-DE8Zvm0w.js";
-const H = ({
+import { k as g } from "../../../chunks/vendor-DaOifQgP.js";
+const I = ({
   children: s,
   scopeClassName: r,
   scopeRef: t,
@@ -31,6 +31,6 @@ const H = ({
   return /* @__PURE__ */ p(c.Provider, { value: { scopeClassName: r, theme: e, tokens: T }, children: s });
 };
 export {
-  H as ThemeProviderView
+  I as ThemeProviderView
 };
 //# sourceMappingURL=ThemeProviderView.js.map

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

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
-import { c as s } from "../../../../chunks/vendor-DE8Zvm0w.js";
+import { c as s } from "../../../../chunks/vendor-DaOifQgP.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-DMqxtrmh.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-CC_4-ATz.js";
 const d = e.forwardRef(({ className: r, ...i }, t) => {
   const m = s(f.tooltipBody, r);
   return /* @__PURE__ */ o(a, { fallback: /* @__PURE__ */ o("div", { className: m, ...i, ref: t }), children: /* @__PURE__ */ o(l, { className: m, size: c.B3, line: p.NORMAL, tag: "div", ...i, ref: t }) });

package/components/Tooltip/components/common/TooltipLink.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import n from "react";
-import { c as l } from "../../../../chunks/vendor-DE8Zvm0w.js";
+import { c as l } from "../../../../chunks/vendor-DaOifQgP.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__ded56084", r = "desktop__55ad73f6", d = "mobile__ba9fbde5", o = {
+const k = "tooltipLink__87359dd3", r = "desktop__5bfa79d9", d = "mobile__536f366d", o = {
   tooltipLink: k,
   desktop: r,
   mobile: d
@@ -12,7 +12,7 @@ const k = "tooltipLink__ded56084", r = "desktop__55ad73f6", d = "mobile__ba9fbde
     {
       className: l(o.tooltipLink, o.desktop, e),
       ...p,
-      "data-tx": "0.19.1",
+      "data-tx": "0.21.0",
       ref: s,
       children: i
     }
@@ -21,7 +21,7 @@ const k = "tooltipLink__ded56084", r = "desktop__55ad73f6", d = "mobile__ba9fbde
     {
       className: l(o.tooltipLink, o.mobile, e),
       ...p,
-      "data-tx": "0.19.1",
+      "data-tx": "0.21.0",
       ref: s,
       children: i
     }