@sberbusiness/triplex-next 1.31.0 → 1.33.0

package/components/Table/TableFooter/components/TableFooterSummary.js

@@ -3,7 +3,7 @@ import { FooterDescription as r } from "../../../Footer/components/FooterDescrip
 import { TableFooterSummaryAmount as m } from "./TableFooterSummaryAmount.js";
 import { TableFooterSummarySelectedCount as a } from "./TableFooterSummarySelectedCount.js";
 import { TableFooterSummarySelectAllButton as l } from "./TableFooterSummarySelectAllButton.js";
-import { s as n } from "../../../../chunks/TableFooter.module-D-gNDmws.js";
+import { s as n } from "../../../../chunks/TableFooter.module-BrNleOTT.js";
 const y = Object.assign(
   ({ children: t, ...e }) => /* @__PURE__ */ o(r.Content, { ...e, children: /* @__PURE__ */ o("div", { className: n.tableFooterSummary, children: t }) }),
   {

package/components/Table/TableFooter/components/TableFooterSummaryAmount.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { s as m } from "../../../../chunks/TableFooter.module-D-gNDmws.js";
+import { s as m } from "../../../../chunks/TableFooter.module-BrNleOTT.js";
 import { Amount as s } from "../../../Amount/Amount.js";
 import { Text as l } from "../../../Typography/Text.js";
 import { ETextSize as i } from "../../../Typography/enums.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectAllButton.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { s as a } from "../../../../chunks/TableFooter.module-D-gNDmws.js";
+import { s as a } from "../../../../chunks/TableFooter.module-BrNleOTT.js";
 import { ETextSize as s } from "../../../Typography/enums.js";
 import { Link as i } from "../../../Link/Link.js";
 import { Text as p } from "../../../Typography/Text.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectedCount.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../../../chunks/TableFooter.module-D-gNDmws.js";
+import { s as t } from "../../../../chunks/TableFooter.module-BrNleOTT.js";
 const a = ({ children: e }) => /* @__PURE__ */ o("span", { className: t.tableFooterSummarySelectedCount, children: e });
 a.displayName = "TableFooterSummarySelectedCount";
 export {

package/components/Table/utils.js

@@ -1,5 +1,5 @@
 import "./TableBasic/enums.js";
-import { b as s, m as o, a as e } from "../../chunks/utils-DEqGmway.js";
+import { b as s, m as o, a as e } from "../../chunks/utils-CqED8Odf.js";
 export {
   s as mapCellTypeToClassName,
   o as mapHorizontalAlignToClassName,

package/components/Tabs/Tabs.js

@@ -1,77 +1,82 @@
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
-import { useState as l, useRef as D } from "react";
-import { TabsExtended as s } from "../TabsExtended/TabsExtended.js";
+import { jsx as s, jsxs as y } from "react/jsx-runtime";
+import { useState as l, useRef as E } from "react";
+import { TabsExtended as c } from "../TabsExtended/TabsExtended.js";
 import "../TabsExtended/components/TabsExtendedContent.js";
-import { c as W } from "../../chunks/vendor-82AnkPpo.js";
+import { c as W } from "../../chunks/vendor-D5cfSbgz.js";
 import "../TabsExtended/TabsExtendedContext.js";
 import "../TabsExtended/components/TabsExtendedTab.js";
 import "../TabsExtended/components/TabsExtendedTabButton.js";
 import "../TabsExtended/components/TabsExtendedTabContext.js";
+import { ETabsExtendedType as p } from "../TabsExtended/enums.js";
 import "../Button/Button.js";
 import "../Button/ButtonBase.js";
 import "../Button/ButtonIcon.js";
-import { ButtonDropdown as x } from "../Button/ButtonDropdown.js";
+import { ButtonDropdown as H } from "../Button/ButtonDropdown.js";
 import "../Button/ButtonDropdownExtended.js";
-import { EButtonDotsTheme as j } from "../Button/enums.js";
-import { EComponentSize as K } from "../../enums/EComponentSize.js";
-import { isKey as _ } from "../../utils/keyboard.js";
-const k = "tabsContent__33244998", G = "tabButtonDropdown__f511a80a", H = "sm__a8323a33", L = "md__823e816e", M = "lg__9b26afa9", p = {
-  tabsContent: k,
+import { EButtonDotsTheme as C } from "../Button/enums.js";
+import { EComponentSize as M } from "../../enums/EComponentSize.js";
+import { isKey as A } from "../../utils/keyboard.js";
+const j = "tabsContent__b36b95cf", G = "tabButtonDropdown__17645b50", K = "sm__d4d1590a", L = "md__d78fc33b", k = "lg__9b9cf906", T = {
+  tabsContent: j,
   tabButtonDropdown: G,
-  sm: H,
+  sm: K,
   md: L,
-  lg: M
-}, so = ({
-  buttonDropdownAttributes: C,
-  selectedId: c,
-  onSelectTab: h,
-  size: i = K.MD,
+  lg: k
+}, U = {
+  [p.TYPE_1]: C.DOTS_SECONDARY,
+  [p.TYPE_2]: C.DOTS_SECONDARY_LIGHT
+}, To = ({
+  buttonDropdownAttributes: R,
+  selectedId: a,
+  onSelectTab: S,
+  size: i = M.MD,
   tabs: t,
-  ...v
+  type: d = p.TYPE_1,
+  ...h
 }) => {
-  const [w, m] = l(c || t[0].id), [R, A] = l(""), [F, I] = l(""), u = D(null), d = D(null), S = ({ dropdownItemsIds: n, onSelectTab: o }) => t.filter((e) => n.includes(e.id)).map((e) => ({ ...e, onSelect: () => o(e.id) })), B = (n, o) => /* @__PURE__ */ a(s.Content.Tab, { ...n, children: ({ selected: e, isFirstInlineTab: N, isLastInlineTab: g }) => {
-    const E = w === n.id ? 0 : -1, O = () => {
+  const [v, m] = l(a || t[0].id), [w, O] = l(""), [I, B] = l(""), f = E(null), b = E(null), F = ({ dropdownItemsIds: n, onSelectTab: o }) => t.filter((e) => n.includes(e.id)).map((e) => ({ ...e, onSelect: () => o(e.id) })), N = (n, o) => /* @__PURE__ */ s(c.Content.Tab, { ...n, children: ({ selected: e, isFirstInlineTab: P, isLastInlineTab: Y }) => {
+    const g = v === n.id ? 0 : -1, x = () => {
       let r;
-      return R === n.id ? r = u : F === n.id && (r = d), r;
+      return w === n.id ? r = f : I === n.id && (r = b), r;
     };
-    return /* @__PURE__ */ a(
-      s.Content.TabButton,
+    return /* @__PURE__ */ s(
+      c.Content.TabButton,
       {
         selected: e,
-        tabIndex: E,
-        ref: O(),
+        tabIndex: g,
+        ref: x(),
         size: i,
         showNotificationIcon: n.showNotificationIcon,
         onFocus: () => {
-          A(t[o - 1] ? t[o - 1].id : ""), I(t[o + 1] ? t[o + 1].id : "");
+          O(t[o - 1] ? t[o - 1].id : ""), B(t[o + 1] ? t[o + 1].id : "");
         },
         onKeyDown: (r) => {
-          var T, b;
-          const { key: f } = r;
-          _(f, "ARROW_LEFT") ? (N || (m(t[o - 1].id), (T = u.current) == null || T.focus()), r.preventDefault()) : _(f, "ARROW_RIGHT") && (g || (m(t[o + 1].id), (b = d.current) == null || b.focus()), r.preventDefault());
+          var _, D;
+          const { key: u } = r;
+          A(u, "ARROW_LEFT") ? (P || (m(t[o - 1].id), (_ = f.current) == null || _.focus()), r.preventDefault()) : A(u, "ARROW_RIGHT") && (Y || (m(t[o + 1].id), (D = b.current) == null || D.focus()), r.preventDefault());
         },
         children: n.label
       }
     );
   } }, o);
-  return /* @__PURE__ */ a(s, { ...v, selectedId: c, onSelectTab: h, children: /* @__PURE__ */ y(s.Content, { className: p.tabsContent, size: i, children: [
-    /* @__PURE__ */ a(s.Content.TabsWrapper, { children: t.map(B) }),
-    /* @__PURE__ */ a(s.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ a(
-      x,
+  return /* @__PURE__ */ s(c, { ...h, selectedId: a, onSelectTab: S, type: d, children: /* @__PURE__ */ y(c.Content, { className: T.tabsContent, size: i, children: [
+    /* @__PURE__ */ s(c.Content.TabsWrapper, { children: t.map(N) }),
+    /* @__PURE__ */ s(c.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ s(
+      H,
       {
-        theme: j.DOTS_SECONDARY,
+        theme: U[d],
         size: i,
-        options: S({ dropdownItemsIds: n, onSelectTab: o }),
-        selected: t.filter((e) => e.id === c)[0],
+        options: F({ dropdownItemsIds: n, onSelectTab: o }),
+        selected: t.filter((e) => e.id === a)[0],
         buttonAttributes: {
-          ...C,
-          className: W(p.tabButtonDropdown, p[i])
+          ...R,
+          className: W(T.tabButtonDropdown, T[i])
         }
       }
     ) })
   ] }) });
 };
 export {
-  so as Tabs
+  To as Tabs
 };
 //# sourceMappingURL=Tabs.js.map

package/components/TabsExtended/TabsExtended.js

@@ -1,11 +1,11 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useState as r, useRef as c } from "react";
-import { c as x } from "../../chunks/vendor-82AnkPpo.js";
+import { c as x } from "../../chunks/vendor-D5cfSbgz.js";
 import { TabsExtendedContext as b } from "./TabsExtendedContext.js";
 import { TabsExtendedContent as I } from "./components/TabsExtendedContent.js";
-import { s as _ } from "../../chunks/TabsExtended.module-IBQrFWHl.js";
+import { s as _ } from "../../chunks/TabsExtended.module-BStXryDc.js";
 import { ETabsExtendedType as S } from "./enums.js";
-import { T as u } from "../../chunks/utils-B2FzgoVa.js";
+import { T as u } from "../../chunks/utils-C88ipzKd.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";

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-82AnkPpo.js";
+import { c as m } from "../../../chunks/vendor-D5cfSbgz.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-IBQrFWHl.js";
+import { s as r } from "../../../chunks/TabsExtended.module-BStXryDc.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-IBQrFWHl.js";
-import { c as a } from "../../../chunks/vendor-82AnkPpo.js";
+import { s as p } from "../../../chunks/TabsExtended.module-BStXryDc.js";
+import { c as a } from "../../../chunks/vendor-D5cfSbgz.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 p } from "react/jsx-runtime";
 import x, { useContext as d } from "react";
-import { s as o } from "../../../chunks/TabsExtended.module-IBQrFWHl.js";
-import { c as I } from "../../../chunks/vendor-82AnkPpo.js";
+import { s as o } from "../../../chunks/TabsExtended.module-BStXryDc.js";
+import { c as I } from "../../../chunks/vendor-D5cfSbgz.js";
 import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as E } from "./TabsExtendedTabContext.js";
 const h = x.forwardRef(

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,7 +1,7 @@
 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-82AnkPpo.js";
-import { s as t, T as _, a as r } from "../../../chunks/utils-B2FzgoVa.js";
+import { c as f } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as t, T as _, a as r } from "../../../chunks/utils-C88ipzKd.js";
 import { TabsExtendedContext as l } from "../TabsExtendedContext.js";
 import { EFontType as u } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

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 { h as F, c as N, j } from "../../../chunks/vendor-82AnkPpo.js";
-import { TabsExtendedContext as z } from "../TabsExtendedContext.js";
-import { TabsExtendedTabContext as _ } from "./TabsExtendedTabContext.js";
-import { s as l } from "../../../chunks/TabsExtended.module-IBQrFWHl.js";
+import { g as F, c as N, h as z } from "../../../chunks/vendor-D5cfSbgz.js";
+import { TabsExtendedContext as _ } from "../TabsExtendedContext.js";
+import { TabsExtendedTabContext as j } from "./TabsExtendedTabContext.js";
+import { s as l } from "../../../chunks/TabsExtended.module-BStXryDc.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/utils.js

@@ -1,6 +1,6 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
-import { a as o, T as r } from "../../chunks/utils-B2FzgoVa.js";
+import { a as o, T as r } from "../../chunks/utils-C88ipzKd.js";
 import "../Typography/enums.js";
 export {
   o as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP,

package/components/TabsLine/TabsLine.js

@@ -1,17 +1,18 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as b } from "../../chunks/vendor-82AnkPpo.js";
+import { c as b } from "../../chunks/vendor-D5cfSbgz.js";
 import { MobileView as c } from "../MobileView/MobileView.js";
+import "../MobileView/useMobileView.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-CM-pL6UU.js";
+import { s as m } from "../../chunks/TabsLine.module-CR0Zbz9g.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
-const v = ({
-  className: s,
-  dropdownTargetHtmlAttributes: a,
-  maxVisible: e,
+const y = ({
+  className: p,
+  dropdownTargetHtmlAttributes: s,
+  maxVisible: a,
   onChangeTab: i,
-  paddingX: p,
+  paddingX: e,
   selectedId: o,
   tabs: t,
   size: l,
@@ -21,9 +22,9 @@ const v = ({
   "div",
   {
     role: "tablist",
-    className: b(s, m.tabsLineWrapper, { [m.withSeparator]: f }),
+    className: b(p, m.tabsLineWrapper, { [m.withSeparator]: f }),
     ...n,
-    "data-paddingx-size": p,
+    "data-paddingx-size": e,
     children: /* @__PURE__ */ r(
       c,
       {
@@ -33,8 +34,8 @@ const v = ({
             tabs: t,
             onChangeTab: i,
             selectedId: o,
-            dropdownTargetHtmlAttributes: a,
-            maxVisible: e,
+            dropdownTargetHtmlAttributes: s,
+            maxVisible: a,
             size: l
           }
         ),
@@ -44,6 +45,6 @@ const v = ({
   }
 );
 export {
-  v as TabsLine
+  y as TabsLine
 };
 //# sourceMappingURL=TabsLine.js.map

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-82AnkPpo.js";
-import { s as J } from "../../../chunks/TabsLine.module-CM-pL6UU.js";
+import { l as L } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as J } from "../../../chunks/TabsLine.module-CR0Zbz9g.js";
 const $ = ({
   tabs: l,
   dropdownTargetHtmlAttributes: g,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -1,10 +1,10 @@
 import { jsxs as A, jsx as a } from "react/jsx-runtime";
 import { useState as m, useRef as h, useEffect as j, createElement as z } from "react";
-import { u as H, c as w } from "../../../chunks/vendor-82AnkPpo.js";
+import { u as H, c as w } from "../../../chunks/vendor-D5cfSbgz.js";
 import { DropdownListContext as Y } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as S } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-Dy7ejFWN.js";
+import "../../../chunks/DropdownListItem-DfdRzHWo.js";
 import { EDropdownWidth as q } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,7 +21,7 @@ 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 p } from "../../../utils/keyboard.js";
-import { s as t } from "../../../chunks/TabsLine.module-CM-pL6UU.js";
+import { s as t } from "../../../chunks/TabsLine.module-CR0Zbz9g.js";
 import { createSizeToClassNameMap as J } from "../../../utils/classNameMaps.js";
 import { EFontType as b } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsLine/components/TabsLineItem.js

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

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { TabsLineItem as t } from "./TabsLineItem.js";
-const d = "tabsLineMobileWrapper__769cbde0", p = "tabsLineMobile__fff95939", l = {
+const d = "tabsLineMobileWrapper__bd49cf88", p = "tabsLineMobile__25786340", l = {
   tabsLineMobileWrapper: d,
   tabsLineMobile: p
 }, h = ({ onChangeTab: r, selectedId: o, tabs: i }) => {

package/components/Tag/Tag.js

@@ -1,36 +1,36 @@
-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-82AnkPpo.js";
+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-D5cfSbgz.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__8f182fe3", R = "sm__8022b2b1", w = "md__21ced415", F = "lg__4393f329", P = "content__9f1395ed", f = {
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
+const A = "tag__1dbf0726", R = "sm__c05e029d", w = "md__81c17630", F = "lg__df91c841", P = "content__537844dd", l = {
   tag: A,
   sm: R,
   md: w,
   lg: F,
   content: P
-}, Y = j(f), q = {
-  [e.SM]: I.B4,
-  [e.MD]: I.B3,
-  [e.LG]: I.B2
+}, Y = j(l), q = {
+  [r.SM]: I.B4,
+  [r.MD]: I.B3,
+  [r.LG]: I.B2
 }, H = {
-  [e.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
-  [e.MD]: /* @__PURE__ */ o(N, { paletteIndex: 5 }),
-  [e.LG]: /* @__PURE__ */ o(L, { paletteIndex: 5 })
+  [r.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ o(N, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ o(L, { paletteIndex: 5 })
 }, J = {
-  [e.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
-  [e.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
-  [e.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
-}, b = 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(() => {
+  [r.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
+}, b = D.forwardRef(
+  ({ children: f, id: s, className: u, size: e, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...g }, C) => {
+    const d = S(() => {
       const t = n ? _.DISABLED : _.PRIMARY;
-      return /* @__PURE__ */ o(h, { className: f.content, type: t, size: q[r], children: l });
-    }, [l, r, n]), B = S(() => {
+      return /* @__PURE__ */ o(h, { className: l.content, type: t, size: q[e], children: f });
+    }, [f, e, n]), k = S(() => {
       const { onClick: t, ...m } = M || {};
       return /* @__PURE__ */ o(
         T,
@@ -40,10 +40,10 @@ const A = "tag__8f182fe3", R = "sm__8022b2b1", w = "md__21ced415", F = "lg__4393
             c == null || c(s), t == null || t(p);
           },
           ...m,
-          children: H[r]
+          children: H[e]
         }
       );
-    }, [s, r, n, M, c]), i = S(() => {
+    }, [s, e, n, M, c]), B = S(() => {
       const { onClick: t, ...m } = x || {};
       return /* @__PURE__ */ o(
         T,
@@ -53,14 +53,14 @@ const A = "tag__8f182fe3", R = "sm__8022b2b1", w = "md__21ced415", F = "lg__4393
             a == null || a(s), t == null || t(p);
           },
           ...m,
-          children: J[r]
+          children: J[e]
         }
       );
-    }, [s, r, n, x, a]);
-    return /* @__PURE__ */ D("span", { className: E(f.tag, Y[r], u), ...g, ref: C, children: [
-      k(),
-      c && B(),
-      i()
+    }, [s, e, n, x, a]);
+    return /* @__PURE__ */ i("span", { className: E(l.tag, Y[e], u), ...g, ref: C, children: [
+      d(),
+      c && k(),
+      B()
     ] });
   }
 );

package/components/TagColor/TagColor.js

@@ -1,15 +1,15 @@
 import { jsx as t } from "react/jsx-runtime";
-import l from "react";
-import { c as f } from "../../chunks/vendor-82AnkPpo.js";
+import f from "react";
+import { c as l } from "../../chunks/vendor-D5cfSbgz.js";
 import { createSizeToClassNameMap as m } from "../../utils/classNameMaps.js";
 import { ETagColorStatus as s } from "./enums.js";
-const i = "tagColor__9be80379", g = "sm__37730155", C = "md__73c7e1b5", S = "lg__76792caa", d = "success__442cf6f2", p = "info__27666117", A = "warning__ec6557ff", T = "error__64b26976", u = "content__bae0fa25", o = {
+const i = "tagColor__4998b45d", g = "sm__6ce98f56", d = "md__3834ac7c", C = "lg__9e322f87", S = "success__77fde20a", p = "info__77e19f24", A = "warning__e9f6d02b", T = "error__42543975", u = "content__784a5473", o = {
   tagColor: i,
   sm: g,
-  md: C,
-  lg: S,
-  default: "default__c4d06cac",
-  success: d,
+  md: d,
+  lg: C,
+  default: "default__bcfea03e",
+  success: S,
   info: p,
   warning: A,
   error: T,
@@ -20,14 +20,14 @@ const i = "tagColor__9be80379", g = "sm__37730155", C = "md__73c7e1b5", S = "lg_
   [s.INFO]: o.info,
   [s.WARNING]: o.warning,
   [s.ERROR]: o.error
-}, R = l.forwardRef(
-  ({ children: c, className: r, size: a, status: n = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
+}, R = f.forwardRef(
+  ({ children: r, className: c, size: n, status: a = s.DEFAULT, ...e }, _) => /* @__PURE__ */ t(
     "span",
     {
-      className: f(o.tagColor, N[a], E[n], r),
+      className: l(o.tagColor, N[n], E[a], c),
       ...e,
       ref: _,
-      children: /* @__PURE__ */ t("span", { className: o.content, children: c })
+      children: /* @__PURE__ */ t("span", { className: o.content, children: r })
     }
   )
 );

package/components/TagGroup/TagGroup.js

@@ -1,25 +1,25 @@
-import { jsx as m } from "react/jsx-runtime";
-import e from "react";
-import { c as p } from "../../chunks/vendor-82AnkPpo.js";
+import { jsx as e } from "react/jsx-runtime";
+import c from "react";
+import { c as p } from "../../chunks/vendor-D5cfSbgz.js";
 import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
-const l = "tagGroup__ecfc4c4f", _ = "sm__e3db65f5", g = "md__0755c1c8", d = "lg__8ec684bb", o = {
+const l = "tagGroup__4f28f08d", _ = "sm__2f1d310f", g = "md__1f97e0e4", d = "lg__04a92c11", o = {
   tagGroup: l,
   sm: _,
   md: g,
   lg: d
-}, i = f(o), x = e.forwardRef(
-  ({ children: s, className: t, size: r, ...a }, c) => /* @__PURE__ */ m(
+}, i = f(o), N = c.forwardRef(
+  ({ children: s, className: t, size: a, ...r }, m) => /* @__PURE__ */ e(
     "div",
     {
-      className: p(o.tagGroup, i[r], t),
+      className: p(o.tagGroup, i[a], t),
       role: "group",
-      ...a,
-      ref: c,
+      ...r,
+      ref: m,
       children: s
     }
   )
 );
 export {
-  x as TagGroup
+  N as TagGroup
 };
 //# sourceMappingURL=TagGroup.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-CkVtqncH.js";
+import { F as r } from "../../chunks/FormFieldInput-CxAdhoLS.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/TextField/TextFieldBase.js

@@ -4,7 +4,7 @@ import { FormGroup as n } from "../FormGroup/FormGroup.js";
 import "../FormField/components/FormFieldClear.js";
 import { FormFieldCounter as a } from "../FormField/components/FormFieldCounter.js";
 import { FormFieldDescription as c } from "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-CkVtqncH.js";
+import "../../chunks/FormFieldInput-CxAdhoLS.js";
 import { FormFieldLabel as h } from "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as s } from "../FormField/components/FormFieldPostfix.js";

package/components/TextareaField/TextareaField.js

@@ -3,7 +3,7 @@ import { TextFieldBase as i } from "../TextField/TextFieldBase.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-CkVtqncH.js";
+import "../../chunks/FormFieldInput-CxAdhoLS.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useMemo as p, useLayoutEffect as m } from "react";
-import { t as l, w as c, x } from "../../chunks/vendor-82AnkPpo.js";
+import { t as l, w as c, x } from "../../chunks/vendor-D5cfSbgz.js";
 import { DesignTokenUtils as d } from "../DesignTokens/DesignTokenUtils.js";
 import { ThemeProviderView as f } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -6,7 +6,7 @@ import { DesignTokensCore as p } from "../../DesignTokens/DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as v } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as x } from "../../DesignTokens/DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark as c } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import { m as g } from "../../../chunks/vendor-82AnkPpo.js";
+import { m as g } from "../../../chunks/vendor-D5cfSbgz.js";
 const w = ({
   children: T,
   scopeClassName: o,