@sberbusiness/triplex-next 0.21.0 → 0.22.0

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -1,11 +1,11 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as m } from "../../../chunks/vendor-DaOifQgP.js";
+import { c as m } from "../../../chunks/vendor---Om3uMV.js";
 import { TabsExtendedTabsWrapper as n } from "./TabsExtendedTabsWrapper.js";
 import { TabsExtendedTab as d } from "./TabsExtendedTab.js";
 import { TabsExtendedTabButton as i } from "./TabsExtendedTabButton.js";
 import { EComponentSize as T } from "../../../enums/EComponentSize.js";
 import { TabsExtendedDropdownWrapper as b } from "./TabsExtendedDropdownWrapper.js";
-import { s as r } from "../../../chunks/TabsExtended.module-B3Ti-48x.js";
+import { s as r } from "../../../chunks/TabsExtended.module-NTLSSjNf.js";
 import { createSizeToClassNameMap as f } from "../../../utils/classNameMaps.js";
 import "./TabsExtendedTabContext.js";
 const x = f(r), o = ({

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { s as p } from "../../../chunks/TabsExtended.module-B3Ti-48x.js";
-import { c as a } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as p } from "../../../chunks/TabsExtended.module-NTLSSjNf.js";
+import { c as a } from "../../../chunks/vendor---Om3uMV.js";
 import { TabsExtendedContext as i } from "../TabsExtendedContext.js";
 const w = ({
   children: e,

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -1,7 +1,7 @@
 import { jsx as x } from "react/jsx-runtime";
 import f, { useContext as o } from "react";
-import { s as r } from "../../../chunks/TabsExtended.module-B3Ti-48x.js";
-import { c as I } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as r } from "../../../chunks/TabsExtended.module-NTLSSjNf.js";
+import { c as I } from "../../../chunks/vendor---Om3uMV.js";
 import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as E } from "./TabsExtendedTabContext.js";
 const h = f.forwardRef(

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,28 +1,47 @@
-import { jsxs as x, jsx as a } from "react/jsx-runtime";
-import c, { useContext as b } from "react";
-import { c as T } from "../../../chunks/vendor-DaOifQgP.js";
-import { s as t, t as f, a as l } from "../../../chunks/utils-d7-rkiPs.js";
-import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
-import { Text as E } from "../../Typography/Text.js";
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import b, { useContext as c } from "react";
+import { c as f } from "../../../chunks/vendor---Om3uMV.js";
+import { s as t, T as _, a as r } from "../../../chunks/utils-BnE2k27o.js";
+import { TabsExtendedContext as l } from "../TabsExtendedContext.js";
+import { EFontType as u } from "../../Typography/enums.js";
+import "../../Typography/Caption.js";
+import { Text as m } from "../../Typography/Text.js";
+import "../../Typography/Title.js";
 import { Badge as N } from "../../Badge/Badge.js";
-import { EComponentSize as y } from "../../../enums/EComponentSize.js";
-const B = c.forwardRef(
-  ({ children: s, className: n, selected: o, size: e = y.MD, showNotificationIcon: r, ...m }, d) => {
-    const { type: i } = b(u), p = T(
+import { EComponentSize as B } from "../../../enums/EComponentSize.js";
+const D = b.forwardRef(
+  ({ children: a, className: n, selected: s, size: o = B.MD, showNotificationIcon: T, ...E }, p) => {
+    const { type: d } = c(l), i = f(
       t.tabsExtendedTabButton,
-      t[e],
-      f[i],
-      { [t.selected]: !!o },
+      t[o],
+      _[d],
+      { [t.selected]: !!s },
       n
     );
-    return /* @__PURE__ */ x("button", { type: "button", className: p, role: "tab", "aria-selected": o, ref: d, ...m, children: [
-      /* @__PURE__ */ a(E, { size: l[e], className: t.tabButtonText, children: s }),
-      r && /* @__PURE__ */ a(N.Dot, { size: e, className: t.notificationIcon })
+    return /* @__PURE__ */ x("button", { type: "button", className: i, role: "tab", "aria-selected": s, ref: p, ...E, children: [
+      /* @__PURE__ */ e(
+        m,
+        {
+          className: t.tabsExtendedTabButtonTextDefault,
+          size: r[o],
+          type: u.SECONDARY,
+          children: a
+        }
+      ),
+      /* @__PURE__ */ e(
+        m,
+        {
+          className: t.tabsExtendedTabButtonTextHover,
+          size: r[o],
+          children: a
+        }
+      ),
+      T && /* @__PURE__ */ e(N.Dot, { size: o, className: t.notificationIcon })
     ] });
   }
 );
-B.displayName = "TabsExtendedTabButton";
+D.displayName = "TabsExtendedTabButton";
 export {
-  B as TabsExtendedTabButton
+  D as TabsExtendedTabButton
 };
 //# sourceMappingURL=TabsExtendedTabButton.js.map

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -1,9 +1,9 @@
 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 { g as F, c as N, h as z } from "../../../chunks/vendor-DaOifQgP.js";
+import { g as F, c as N, h as z } from "../../../chunks/vendor---Om3uMV.js";
 import { TabsExtendedContext as j } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as P } from "./TabsExtendedTabContext.js";
-import { s as l } from "../../../chunks/TabsExtended.module-B3Ti-48x.js";
+import { s as l } from "../../../chunks/TabsExtended.module-NTLSSjNf.js";
 const G = ({
   children: s,
   className: C,

package/components/TabsExtended/utils.js

@@ -1,9 +1,9 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
-import { a as s, t as i } from "../../chunks/utils-d7-rkiPs.js";
+import { a as o, T as r } from "../../chunks/utils-BnE2k27o.js";
 import "../Typography/enums.js";
 export {
-  s as tabsExtendedSizeToTextSizeMap,
-  i as tabsExtendedTypeToClassNameMap
+  o as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP,
+  r as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP
 };
 //# sourceMappingURL=utils.js.map

package/components/TabsLine/TabsLine.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as b } from "../../chunks/vendor-DaOifQgP.js";
+import { c as b } from "../../chunks/vendor---Om3uMV.js";
 import { MobileView as c } from "../MobileView/MobileView.js";
 import { TabsLineDesktop as d } from "./components/TabsLineDesktop.js";
 import { TabsLineMobile as x } from "./components/TabsLineMobile.js";
-import { s as m } from "../../chunks/TabsLine.module-BgCBcRYT.js";
+import { s as m } from "../../chunks/TabsLine.module-CCjh6UnA.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const v = ({

package/components/TabsLine/components/TabsLineDesktop.js

@@ -3,8 +3,8 @@ 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-DaOifQgP.js";
-import { s as J } from "../../../chunks/TabsLine.module-BgCBcRYT.js";
+import { l as L } from "../../../chunks/vendor---Om3uMV.js";
+import { s as J } from "../../../chunks/TabsLine.module-CCjh6UnA.js";
 const $ = ({
   tabs: l,
   dropdownTargetHtmlAttributes: g,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -1,10 +1,11 @@
-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 { jsxs as A, jsx as a } from "react/jsx-runtime";
+import { useState as c, useRef as h, useEffect as K, createElement as j } from "react";
+import { u as H, c as w } from "../../../chunks/vendor---Om3uMV.js";
 import { DropdownListContext as Y } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as b } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BdLTF7q1.js";
+import { DropdownList as S } from "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-C5KVFMFN.js";
+import { EDropdownWidth as q } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -16,49 +17,49 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as q } from "../../../enums/EComponentSize.js";
+import { EComponentSize as G } 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 { s as t } from "../../../chunks/TabsLine.module-CCjh6UnA.js";
+import { createSizeToClassNameMap as J } from "../../../utils/classNameMaps.js";
+import { EFontType as b } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
-import { Text as J } from "../../Typography/Text.js";
+import { Text as Q } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { tabsLineSizeToTextSizeMap as Q } from "../utils.js";
-const V = G(t), xe = ({
-  tabs: A,
+import { tabsLineSizeToTextSizeMap as V } from "../utils.js";
+const X = J(t), Oe = ({
+  tabs: v,
   active: T,
-  label: g,
-  onClickTab: L,
-  selected: M,
-  size: p = q.MD,
-  targetHtmlAttributes: R,
+  label: M,
+  onClickTab: R,
+  selected: g,
+  size: p = G.MD,
+  targetHtmlAttributes: L,
   ...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(() => {
+  const [D, y] = c(void 0), [o, d] = c(!1), [O, N] = c(!1), [_, E] = c(!1), l = h(null), C = h(null), I = h(H());
+  K(() => {
     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);
+      !((n = l.current) != null && n.contains(r.target)) && !((s = C.current) != null && s.contains(r.target)) && d(!1);
     };
     return document.addEventListener("mouseup", e), () => {
       document.removeEventListener("mouseup", e);
     };
   }, [o]);
-  const _ = () => {
-    c(!o);
+  const k = () => {
+    d(!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);
+    o || (m(e.code, "ARROW_UP") || m(e.code, "ARROW_DOWN")) && (e.preventDefault(), d(!0)), o && (m(e.code, "TAB") || m(e.code, "ESCAPE")) && d(!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, {
+    R(e), d(!o);
+  }, W = () => {
+    const { onFocus: e, onBlur: r, onMouseEnter: n, onMouseLeave: s, ...u } = L || {}, f = w(t.tab, X[p], t.dropdownTarget, {
       [t.active]: T
-    }), K = w(t.dropdownTargetCaret, { [t.opened]: o });
+    }), B = w(t.dropdownTargetCaret, { [t.opened]: o });
     return /* @__PURE__ */ a(
       "button",
       {
@@ -70,13 +71,13 @@ const V = G(t), xe = ({
           N(!1), r == null || r(i);
         },
         onMouseEnter: (i) => {
-          C(!0), n == null || n(i);
+          E(!0), n == null || n(i);
         },
         onMouseLeave: (i) => {
-          C(!1), s == null || s(i);
+          E(!1), s == null || s(i);
         },
         className: f,
-        onClick: _,
+        onClick: k,
         onKeyDown: P,
         type: "button",
         role: "tab",
@@ -84,32 +85,33 @@ const V = G(t), xe = ({
         "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: [
+        children: /* @__PURE__ */ a("span", { className: t.tabInner, children: /* @__PURE__ */ A("span", { className: t.dropdownTargetInner, children: [
           /* @__PURE__ */ a(
-            J,
+            Q,
             {
-              size: Q[p],
-              type: T || O || k ? v.PRIMARY : v.SECONDARY,
-              children: g
+              size: V[p],
+              type: T || O || _ ? b.PRIMARY : b.SECONDARY,
+              children: M
             }
           ),
-          /* @__PURE__ */ a(Z, { className: K, paletteIndex: 5 })
+          /* @__PURE__ */ a(Z, { className: B, paletteIndex: 5 })
         ] }) })
       }
     );
-  }, B = () => /* @__PURE__ */ a(
+  }, z = () => /* @__PURE__ */ a(
     U,
     {
       className: t.dropdown,
       opened: o,
-      setOpened: c,
+      setOpened: d,
       size: p,
+      width: q.MIN_TARGET,
       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) => {
+      ref: C,
+      children: /* @__PURE__ */ a(Y.Provider, { value: { activeDescendant: D, setActiveDescendant: y }, children: /* @__PURE__ */ a(S, { dropdownOpened: o, id: I.current, children: v.map((e) => {
         const { id: r, label: n, showNotificationIcon: s, ...u } = e, f = w(t.dropdownItem);
         return /* @__PURE__ */ j(
-          b.Item,
+          S.Item,
           {
             ...u,
             className: f,
@@ -118,7 +120,7 @@ const V = G(t), xe = ({
             onSelect: () => {
               F(e);
             },
-            selected: e === M,
+            selected: e === g,
             showNotificationIcon: s
           },
           /* @__PURE__ */ a("span", { className: t.dropdownItemInner, children: n })
@@ -126,12 +128,12 @@ const V = G(t), xe = ({
       }) }) })
     }
   );
-  return /* @__PURE__ */ S("div", { className: t.tabsLineDropdown, ref: l, ...x, children: [
-    z(),
-    B()
+  return /* @__PURE__ */ A("div", { className: t.tabsLineDropdown, ref: l, ...x, children: [
+    W(),
+    z()
   ] });
 };
 export {
-  xe as TabsLineDropdown
+  Oe 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-DaOifQgP.js";
+import { c as E } from "../../../chunks/vendor---Om3uMV.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-BgCBcRYT.js";
+import { s as e } from "../../../chunks/TabsLine.module-CCjh6UnA.js";
 const L = N(e), R = y.forwardRef(
   ({
     id: l,

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { TabsLineItem as c } from "./TabsLineItem.js";
-const d = "tabsLineMobileWrapper__6b8fe113", p = "tabsLineMobile__72d6e124", l = {
-  tabsLineMobileWrapper: d,
-  tabsLineMobile: p
+const p = "tabsLineMobileWrapper__3b328935", d = "tabsLineMobile__6f6b3ea5", l = {
+  tabsLineMobileWrapper: p,
+  tabsLineMobile: d
 }, h = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
   if (!i.length)
     return null;

package/components/Tag/Tag.js

@@ -1,35 +1,35 @@
 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 { c as L } from "../../chunks/vendor---Om3uMV.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 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 = {
+const A = "tag__5ceff28a", R = "sm__1adf629c", w = "md__54a41112", F = "lg__366cb1d4", P = "content__ae1ec4e3", f = {
   tag: A,
   sm: R,
   md: w,
   lg: F,
   content: P
-}, Y = j(f), b = {
+}, Y = j(f), q = {
   [e.SM]: I.B4,
   [e.MD]: I.B3,
   [e.LG]: I.B2
-}, q = {
+}, H = {
   [e.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
   [e.MD]: /* @__PURE__ */ o(d, { paletteIndex: 5 }),
   [e.LG]: /* @__PURE__ */ o(N, { paletteIndex: 5 })
-}, H = {
+}, J = {
   [e.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
   [e.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
   [e.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
-}, $ = E.forwardRef(
+}, b = 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(h, { className: f.content, type: t, size: b[r], children: l });
+      return /* @__PURE__ */ o(h, { className: f.content, type: t, size: q[r], children: l });
     }, [l, r, n]), B = S(() => {
       const { onClick: t, ...m } = M || {};
       return /* @__PURE__ */ o(
@@ -40,7 +40,7 @@ const A = "tag__66bdb8f1", R = "sm__c37f23e7", w = "md__4efae8bb", F = "lg__0adc
             c == null || c(s), t == null || t(p);
           },
           ...m,
-          children: q[r]
+          children: H[r]
         }
       );
     }, [s, r, n, M, c]), i = S(() => {
@@ -53,7 +53,7 @@ const A = "tag__66bdb8f1", R = "sm__c37f23e7", w = "md__4efae8bb", F = "lg__0adc
             a == null || a(s), t == null || t(p);
           },
           ...m,
-          children: H[r]
+          children: J[r]
         }
       );
     }, [s, r, n, x, a]);
@@ -65,6 +65,6 @@ const A = "tag__66bdb8f1", R = "sm__c37f23e7", w = "md__4efae8bb", F = "lg__0adc
   }
 );
 export {
-  $ as Tag
+  b as Tag
 };
 //# sourceMappingURL=Tag.js.map

package/components/TagColor/TagColor.js

@@ -1,33 +1,33 @@
 import { jsx as t } from "react/jsx-runtime";
-import l from "react";
-import { c as m } from "../../chunks/vendor-DaOifQgP.js";
-import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
+import f from "react";
+import { c as l } from "../../chunks/vendor---Om3uMV.js";
+import { createSizeToClassNameMap as m } from "../../utils/classNameMaps.js";
 import { ETagColorStatus as s } from "./enums.js";
-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,
+const i = "tagColor__fe6fd55e", d = "sm__a9f16141", g = "md__30f39194", C = "lg__35d5d1c0", S = "success__7393e3a6", p = "info__9a1e56cd", A = "warning__ec3f9732", T = "error__c2d642f6", N = "content__7a199ab7", o = {
+  tagColor: i,
+  sm: d,
   md: g,
   lg: C,
-  default: "default__a3d106b3",
+  default: "default__a5aa9383",
   success: S,
   info: p,
   warning: A,
   error: T,
   content: N
-}, u = f(o), E = {
+}, u = m(o), E = {
   [s.DEFAULT]: o.default,
   [s.SUCCESS]: o.success,
   [s.INFO]: o.info,
   [s.WARNING]: o.warning,
   [s.ERROR]: o.error
-}, R = l.forwardRef(
-  ({ children: r, className: n, size: a, status: c = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
+}, R = f.forwardRef(
+  ({ children: a, className: r, size: c, status: n = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
     "span",
     {
-      className: m(o.tagColor, u[a], E[c], n),
+      className: l(o.tagColor, u[c], E[n], r),
       ...e,
       ref: _,
-      children: /* @__PURE__ */ t("span", { className: o.content, children: r })
+      children: /* @__PURE__ */ t("span", { className: o.content, children: a })
     }
   )
 );

package/components/TagGroup/TagGroup.js

@@ -1,13 +1,13 @@
 import { jsx as c } from "react/jsx-runtime";
 import e from "react";
-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: _,
+import { c as p } from "../../chunks/vendor---Om3uMV.js";
+import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
+const l = "tagGroup__853c19ce", _ = "sm__8a785ce1", f = "md__3e447272", i = "lg__fa016202", o = {
+  tagGroup: l,
+  sm: _,
+  md: f,
   lg: i
-}, n = f(o), N = e.forwardRef(
+}, n = g(o), N = e.forwardRef(
   ({ children: s, className: a, size: r, ...t }, m) => /* @__PURE__ */ c(
     "div",
     {

package/components/TextField/TextField.js

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

@@ -1,16 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import { TextFieldBase as i } from "../TextField/TextFieldBase.js";
-import "../FormField/FormField.js";
-import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../../chunks/FormFieldInput-Dp--anY3.js";
 import "../FormField/components/FormFieldLabel.js";
-import "../FormField/components/FormFieldClear.js";
-import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-C75omt8Y.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTarget.js";
 import { FormFieldTextarea as m } from "../FormField/components/FormFieldTextarea.js";
+import "../FormField/FormField.js";
 const j = ({ textareaProps: o, ...t }) => /* @__PURE__ */ r(i, { ...t, children: /* @__PURE__ */ r(m, { ...o }) });
 export {
   j as TextareaField

package/components/ThemeProvider/ThemeProvider.js

@@ -1,28 +1,26 @@
-import { jsx as l } from "react/jsx-runtime";
-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 { jsx as a } from "react/jsx-runtime";
+import { useMemo as p, useLayoutEffect as m } from "react";
+import { s as l, w as c, x } from "../../chunks/vendor---Om3uMV.js";
+import { DesignTokenUtils as d } from "../DesignTokens/DesignTokenUtils.js";
+import { ThemeProviderView as f } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";
-const m = (t) => `${t}${Date.now()}${Math.floor(Math.random() * 1e6)}`, g = ({
-  children: t,
-  scopeClassName: o,
-  scopeRef: n,
-  theme: r = u.LIGHT,
-  tokens: s
+const h = (o) => `${o}${Date.now()}${Math.floor(Math.random() * 1e6)}`, C = ({
+  children: o,
+  scopeClassName: s,
+  scopeRef: i,
+  theme: t = u.LIGHT,
+  tokens: r
 }) => {
-  const [e, a] = x(o || m("triplex-next-theme-"));
-  return i(() => {
-    a(o || m("triplex-next-theme-"));
-  }, [o]), i(() => {
-    if (c()) {
-      const p = `.${e} {${S.getStyle(r, s || {})}}`;
-      d(p, `triplex-next-dynamic-tokens-${e}`);
+  const e = p(() => s || h("triplex-next-theme-"), [s]);
+  return m(() => {
+    if (l()) {
+      const n = `.${e} {${d.getStyle(t, r || {})}}`;
+      c(n, `triplex-next-dynamic-tokens-${e}`);
     } else
       console.log("ThemeProvider", "SSR do not support dynamic theme with css variables.");
-  }, [e, r, s]), i(() => () => f(`triplex-next-dynamic-tokens-${e}`), [e]), /* @__PURE__ */ l(h, { scopeClassName: e, scopeRef: n, theme: r, tokens: s, children: t });
+  }, [e, t, r]), m(() => () => x(`triplex-next-dynamic-tokens-${e}`), [e]), /* @__PURE__ */ a(f, { scopeClassName: e, scopeRef: i, theme: t, tokens: r, children: o });
 };
 export {
-  g as ThemeProvider
+  C as ThemeProvider
 };
 //# sourceMappingURL=ThemeProvider.js.map