@sberbusiness/triplex-next 0.30.0 → 0.31.0

package/components/EmptyView/EmptyView.js

@@ -3,10 +3,10 @@ import { jsxs as s, jsx as e, Fragment as x } from "react/jsx-runtime";
 import N from "react";
 import { c as A } from "../../chunks/vendor-z35N2Tap.js";
 import { Title as R } from "../Typography/Title.js";
-import { EFontWeightTitle as h, ETitleSize as p, ETextSize as M, EFontType as d, EFontWeightText as S } from "../Typography/enums.js";
+import { EFontWeightTitle as h, ETitleSize as p, ETextSize as M, EFontType as E, EFontWeightText as S } from "../Typography/enums.js";
 import { Text as _ } from "../Typography/Text.js";
 import { Gap as n } from "../Gap/Gap.js";
-const B = "emptyView__824fdb44", D = "container__ac856f30", g = "icon__a7731edb", I = "textBlock__2fd36734", t = {
+const B = "emptyView__1b882241", D = "container__b14c7503", g = "icon__80fb2cb4", I = "textBlock__f1d0f751", t = {
   emptyView: B,
   container: D,
   icon: g,
@@ -24,28 +24,28 @@ const B = "emptyView__824fdb44", D = "container__ac856f30", g = "icon__a7731edb"
   [i.SM]: 16,
   [i.MD]: 24
 }, k = N.forwardRef(
-  ({ className: f, size: o, icon: a, title: c, description: r, caption: m, buttons: E, ...w }, y) => {
-    const l = !!(r || m);
+  ({ className: f, size: c, icon: l, title: o, description: r, caption: m, buttons: d, ...w }, y) => {
+    const a = !!(r || m);
     return /* @__PURE__ */ s(
       "div",
       {
-        className: A(t.emptyView, V[o], { [t.hasTitle]: !!c }, f),
+        className: A(t.emptyView, V[c], { [t.hasTitle]: !!o }, f),
         ref: y,
         ...w,
         children: [
           /* @__PURE__ */ s("div", { className: t.container, children: [
-            a && /* @__PURE__ */ e("div", { className: t.icon, children: a }),
-            a && o === i.SM && /* @__PURE__ */ e(n, { size: 8 }),
-            (c || l) && /* @__PURE__ */ s("div", { className: t.textBlock, children: [
-              c && /* @__PURE__ */ e(R, { ...v[o], children: c }),
-              c && l && /* @__PURE__ */ e(n, { size: 12 }),
-              l && /* @__PURE__ */ s("div", { className: t.descriptionBlock, children: [
+            l && /* @__PURE__ */ e("div", { className: t.icon, children: l }),
+            l && c === i.SM && /* @__PURE__ */ e(n, { size: 8 }),
+            (o || a) && /* @__PURE__ */ s("div", { className: t.textBlock, children: [
+              o && /* @__PURE__ */ e(R, { ...v[c], children: o }),
+              o && a && /* @__PURE__ */ e(n, { size: 12 }),
+              a && /* @__PURE__ */ s("div", { className: t.descriptionBlock, children: [
                 r && /* @__PURE__ */ e(
                   _,
                   {
-                    size: T[o],
+                    size: T[c],
                     weight: S.REGULAR,
-                    type: c ? d.SECONDARY : d.PRIMARY,
+                    type: o ? E.SECONDARY : E.PRIMARY,
                     children: r
                   }
                 ),
@@ -53,18 +53,18 @@ const B = "emptyView__824fdb44", D = "container__ac856f30", g = "icon__a7731edb"
                 m && /* @__PURE__ */ e(
                   _,
                   {
-                    size: T[o],
+                    size: T[c],
                     weight: S.REGULAR,
-                    type: d.SECONDARY,
+                    type: E.SECONDARY,
                     children: m
                   }
                 )
               ] })
             ] })
           ] }),
-          E && /* @__PURE__ */ s(x, { children: [
-            /* @__PURE__ */ e(n, { size: z[o] }),
-            /* @__PURE__ */ e("div", { className: t.buttons, children: E })
+          d && /* @__PURE__ */ s(x, { children: [
+            /* @__PURE__ */ e(n, { size: z[c] }),
+            /* @__PURE__ */ e("div", { className: t.buttons, children: d })
           ] })
         ]
       }

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import U, { useRef as y } from "react";
 import { z as b, c as j } from "../../chunks/vendor-z35N2Tap.js";
-const z = "expandAnimation__03647705", F = {
+const z = "expandAnimation__7ea41c19", F = {
   expandAnimation: z
 }, I = 300, L = U.forwardRef(
   ({

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const p = Object.assign(
   e.forwardRef(function({ children: o, ...r }, t) {
-    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.30.0", ref: t, children: o });
+    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.31.0", ref: t, children: o });
   }),
   {
     Description: m

package/components/Footer/components/FooterDescription.js

@@ -3,7 +3,7 @@ import s from "react";
 import { FooterDescriptionContent as n } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls as m } from "./FooterDescriptionControls.js";
 import { c as p } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as c } from "../../../chunks/Footer.module-D19luc11.js";
+import { s as c } from "../../../chunks/Footer.module-fb6dwao-.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: r, ...t }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, r), ...t, ref: e, children: o });

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
 import { c as m } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as n } from "../../../chunks/Footer.module-D19luc11.js";
+import { s as n } from "../../../chunks/Footer.module-fb6dwao-.js";
 const p = i.forwardRef(
   ({ children: o, className: t, ...r }, e) => /* @__PURE__ */ s("div", { className: m(n.footerDescriptionContent, t), ...r, ref: e, children: o })
 );

package/components/Footer/components/FooterDescriptionControls.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
 import { c as m } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as p } from "../../../chunks/Footer.module-D19luc11.js";
+import { s as p } from "../../../chunks/Footer.module-fb6dwao-.js";
 const a = i.forwardRef(
   ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: m(p.footerDescriptionControls, r), ...s, ref: t, children: o })
 );

package/components/FormField/FormField.js

@@ -1,4 +1,4 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import I, { useState as t, useMemo as L } from "react";
 import { c as h } from "../../chunks/vendor-z35N2Tap.js";
 import { FormFieldContext as v } from "./FormFieldContext.js";
@@ -6,12 +6,12 @@ import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
 import { EFormFieldStatus as o } from "./enums.js";
 import { EComponentSize as w } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
-const S = "formField__be7472b5", W = "sm__e47ada85", G = "md__c943e3eb", M = "lg__e66758b5", P = "active__c19ce769", y = "disabled__38a93b45", U = "error__8aab1a54", j = "warning__4da5793b", z = "filled__6e5e7592", e = {
+const S = "formField__5012e20c", W = "sm__792d82d9", G = "md__b8eea7f5", M = "lg__1afbec6a", P = "active__be5cf051", y = "disabled__e1cdc7ab", U = "error__757da270", j = "warning__e060230f", z = "filled__f8357f3d", e = {
   formField: S,
   sm: W,
   md: G,
   lg: M,
-  default: "default__aefabcc2",
+  default: "default__5985cccc",
   active: P,
   disabled: y,
   error: U,
@@ -26,23 +26,23 @@ const S = "formField__be7472b5", W = "sm__e47ada85", G = "md__c943e3eb", M = "lg
   ({
     children: p,
     className: F,
-    style: b,
-    size: a = w.LG,
+    style: g,
+    size: d = w.LG,
     status: r = o.DEFAULT,
-    active: d = !1,
-    ...g
+    active: a = !1,
+    ...b
   }, u) => {
-    const [m, x] = t(), [n, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [s, A] = t(!1), D = L(
+    const [f, x] = t(), [m, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [s, A] = t(!1), D = L(
       () => ({
-        size: a,
+        size: d,
         status: r,
-        targetId: m,
-        labelId: n,
+        targetId: f,
+        labelId: m,
         postfixWidth: i,
         prefixWidth: l,
         filled: c,
         focused: s,
-        active: d || s,
+        active: a || s,
         setTargetId: x,
         setLabelId: T,
         setPostfixWidth: E,
@@ -50,24 +50,24 @@ const S = "formField__be7472b5", W = "sm__e47ada85", G = "md__c943e3eb", M = "lg
         setFilled: R,
         setFocused: A
       }),
-      [a, r, m, n, i, l, c, s, d]
+      [d, r, f, m, i, l, c, s, a]
     );
-    return /* @__PURE__ */ f(v.Provider, { value: D, children: /* @__PURE__ */ f(
+    return /* @__PURE__ */ n(v.Provider, { value: D, children: /* @__PURE__ */ n(
       "div",
       {
         className: h(
           e.formField,
-          O[a],
+          O[d],
           B[r],
           {
             [e.filled]: c,
-            [e.active]: d || s
+            [e.active]: a || s
           },
           F
         ),
-        "data-tx": "0.30.0",
-        style: { paddingLeft: l, paddingRight: i, ...b },
-        ...g,
+        "data-tx": "0.31.0",
+        style: { paddingLeft: l, paddingRight: i, ...g },
+        ...b,
         ref: u,
         children: p
       }

package/components/FormField/components/FormFieldClear.js

@@ -1,11 +1,11 @@
 import { jsx as l } from "react/jsx-runtime";
-import c, { useCallback as i } from "react";
-import { c as f } from "../../../chunks/vendor-z35N2Tap.js";
+import f, { useCallback as i } from "react";
+import { c } from "../../../chunks/vendor-z35N2Tap.js";
 import { CrossStrokeSrvIcon16 as s } from "@sberbusiness/icons-next";
 import { ButtonIcon as d } from "../../Button/ButtonIcon.js";
-const p = "formFieldClear__3e1cc67c", C = {
+const p = "formFieldClear__81372f0e", C = {
   formFieldClear: p
-}, F = c.forwardRef(
+}, F = f.forwardRef(
   ({ className: t, onMouseDown: r, ...a }, m) => {
     const o = i(
       (e) => {
@@ -17,7 +17,7 @@ const p = "formFieldClear__3e1cc67c", C = {
       d,
       {
         ...a,
-        className: f(C.formFieldClear, t),
+        className: c(C.formFieldClear, t),
         onMouseDown: o,
         ref: m,
         children: /* @__PURE__ */ l(s, { paletteIndex: 5 })

package/components/FormField/components/FormFieldCounter.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useContext as n, useEffect as i } from "react";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const s = "formFieldCounter__243659a6", u = {
+const s = "formFieldCounter__da4e2e10", u = {
   formFieldCounter: s
 }, l = ({ children: o, ...r }) => {
   const { setWithCounter: e } = n(m);

package/components/FormField/components/FormFieldDescription.js

@@ -2,15 +2,15 @@ import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { c } from "../../../chunks/vendor-z35N2Tap.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__ba1dbe41", p = "withCounter__7c28acec", e = {
+const l = "formFieldDescription__86dbea9c", d = "withCounter__d3940631", i = {
   formFieldDescription: l,
-  withCounter: p
-}, d = ({ children: i, ...r }) => {
+  withCounter: d
+}, p = ({ children: e, ...r }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(e.formFieldDescription, { [e.withCounter]: o }), ...r, children: i }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
 };
-d.displayName = "FormFieldDescription";
+p.displayName = "FormFieldDescription";
 export {
-  d as FormFieldDescription
+  p as FormFieldDescription
 };
 //# sourceMappingURL=FormFieldDescription.js.map

package/components/FormField/components/FormFieldInput.js

@@ -5,7 +5,7 @@ import "../FormFieldContext.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 import "./utils.js";
-import { F as d } from "../../../chunks/FormFieldInput-DM8lK78a.js";
+import { F as d } from "../../../chunks/FormFieldInput-DEkpK71h.js";
 export {
   d as FormFieldInput
 };

package/components/FormField/components/FormFieldLabel.js

@@ -5,7 +5,7 @@ import { FormFieldContext as y } from "../FormFieldContext.js";
 import { createSizeToClassNameMap as D } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus as C } from "../enums.js";
 import { TARGET_PADDING_X_DEFAULT as a } from "../consts.js";
-const M = "formFieldLabel__28e8d603", R = "sm__e47ada85", v = "md__c943e3eb", z = "lg__e66758b5", G = "floating__67418690", W = "formFieldLabelText__b5539c45", j = "disabled__38a93b45", e = {
+const M = "formFieldLabel__c752699b", R = "sm__792d82d9", v = "md__b8eea7f5", z = "lg__1afbec6a", G = "floating__b623ffd9", W = "formFieldLabelText__b5c16cec", j = "disabled__e1cdc7ab", e = {
   formFieldLabel: M,
   sm: R,
   md: v,

package/components/FormField/components/FormFieldMaskedInput.js

@@ -2,21 +2,21 @@ import { jsxs as B, jsx as m } from "react/jsx-runtime";
 import { useState as $, useRef as L, useContext as N, useEffect as O, useCallback as U } from "react";
 import { c as F, m as q, n as p } from "../../../chunks/vendor-z35N2Tap.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-DM8lK78a.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-DEkpK71h.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__037f5f86", X = "formFieldMaskedInputPlaceholder__6cc6d8c5", Y = "formFieldMaskedInput__02668ad3", u = {
+const Q = "formFieldMaskedInputWrapper__d4cd601f", X = "formFieldMaskedInputPlaceholder__7050ab64", Y = "formFieldMaskedInput__c1957155", u = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__09adfaef",
-  "size-md": "size-md__e5962647",
-  "size-lg": "size-lg__c404018e",
+  "size-sm": "size-sm__919e421c",
+  "size-md": "size-md__1a3d1a66",
+  "size-lg": "size-lg__ae6735ee",
   formFieldMaskedInput: Y
 }, a = ({
   className: I,
-  forwardedRef: f,
+  forwardedRef: d,
   mask: o,
-  onChange: d,
+  onChange: f,
   placeholder: g,
   placeholderChar: n = "0",
   placeholderMask: l,
@@ -43,12 +43,12 @@ const Q = "formFieldMaskedInputWrapper__037f5f86", X = "formFieldMaskedInputPlac
   const S = U(
     (e) => {
       const { value: t } = e.target;
-      c.current = !1, s !== t && (d == null || d(e));
+      c.current = !1, s !== t && (f == null || f(e));
     },
-    [s, d]
+    [s, f]
   ), T = () => {
     c.current = !0;
-  }, D = (e, t) => o === a.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === a.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
+  }, b = (e, t) => o === a.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === a.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
     let t = [];
     if (c.current) {
       let i = /^[78]((\D*\d)*)/;
@@ -58,8 +58,8 @@ const Q = "formFieldMaskedInputWrapper__037f5f86", X = "formFieldMaskedInputPlac
       indexesOfPipedChars: t,
       value: p.conformToMask(e, o, { guide: !1, placeholderChar: n }).conformedValue
     };
-  }, b = () => o === a.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: n }).conformedValue, W = (e) => (t) => {
-    t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
+  }, D = () => o === a.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: n }).conformedValue, W = (e) => (t) => {
+    t && e(t), typeof d == "function" ? d(t) : d && (d.current = t);
   }, j = () => !z && !k || !s && g ? "" : x;
   return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${E}`]), children: [
     /* @__PURE__ */ m(
@@ -86,8 +86,8 @@ const Q = "formFieldMaskedInputWrapper__037f5f86", X = "formFieldMaskedInputPlac
         onChange: S,
         onPaste: T,
         placeholderChar: n,
-        value: b(),
-        pipe: D,
+        value: D(),
+        pipe: b,
         type: "text",
         ...M
       }

package/components/FormField/components/FormFieldPostfix.js

@@ -2,12 +2,12 @@ import { jsx as u } from "react/jsx-runtime";
 import F, { useContext as a, useRef as p, useEffect as P } from "react";
 import { c as R } from "../../../chunks/vendor-z35N2Tap.js";
 import { FormFieldContext as _ } from "../FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as w } from "../consts.js";
-const N = "formFieldPostfix__3266226f", b = {
-  formFieldPostfix: N
+import { TARGET_PADDING_X_DEFAULT as b } from "../consts.js";
+const w = "formFieldPostfix__79bc4087", N = {
+  formFieldPostfix: w
 }, g = F.forwardRef(
   ({ children: n, className: c, ...m }, t) => {
-    const { setPostfixWidth: o } = a(_), s = p(), l = R(b.formFieldPostfix, c), d = (e) => {
+    const { setPostfixWidth: o } = a(_), s = p(), l = R(N.formFieldPostfix, c), d = (e) => {
       s.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
     };
     return P(() => {
@@ -19,7 +19,7 @@ const N = "formFieldPostfix__3266226f", b = {
         o((f) => f !== i ? i : f);
       });
       return r.observe(e), () => {
-        r.disconnect(), o(w);
+        r.disconnect(), o(b);
       };
     }, [o]), /* @__PURE__ */ u("span", { className: l, ...m, ref: d, children: n });
   }

package/components/FormField/components/FormFieldPrefix.js

@@ -3,11 +3,11 @@ import F, { useContext as a, useRef as p, useEffect as P } from "react";
 import { c as R } from "../../../chunks/vendor-z35N2Tap.js";
 import { FormFieldContext as _ } from "../FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as w } from "../consts.js";
-const N = "formFieldPrefix__fa176879", b = {
+const N = "formFieldPrefix__f15f4dd5", b = {
   formFieldPrefix: N
 }, g = F.forwardRef(
   ({ children: n, className: c, ...m }, r) => {
-    const { setPrefixWidth: t } = a(_), o = p(), l = R(b.formFieldPrefix, c), d = (e) => {
+    const { setPrefixWidth: t } = a(_), o = p(), d = R(b.formFieldPrefix, c), l = (e) => {
       o.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
     return P(() => {
@@ -21,7 +21,7 @@ const N = "formFieldPrefix__fa176879", b = {
       return s.observe(e), () => {
         s.disconnect(), t(w);
       };
-    }, [t]), /* @__PURE__ */ u("span", { className: l, ...m, ref: d, children: n });
+    }, [t]), /* @__PURE__ */ u("span", { className: d, ...m, ref: l, children: n });
   }
 );
 g.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldTarget.js

@@ -1,10 +1,10 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as _ } from "react/jsx-runtime";
 import b, { useContext as S, useMemo as g, useLayoutEffect as h, useCallback as F } from "react";
 import { u as y, c as A } from "../../../chunks/vendor-z35N2Tap.js";
 import { FormFieldContext as L } from "../FormFieldContext.js";
 import { EFormFieldStatus as d } from "../enums.js";
 import { createSizeToClassNameMap as W } from "../../../utils/classNameMaps.js";
-const z = "formFieldTarget__6a88c343", M = "sm__e47ada85", R = "md__c943e3eb", j = "lg__e66758b5", k = "placeholder__6f67592c", q = "disabled__38a93b45", w = "placeholderWrapper__056999d0", B = "active__c19ce769", e = {
+const z = "formFieldTarget__0e6a8315", M = "sm__792d82d9", R = "md__b8eea7f5", j = "lg__1afbec6a", k = "placeholder__4ecb506f", q = "disabled__e1cdc7ab", w = "placeholderWrapper__7a99e6f6", B = "active__be5cf051", e = {
   formFieldTarget: z,
   sm: M,
   md: R,
@@ -15,16 +15,16 @@ const z = "formFieldTarget__6a88c343", M = "sm__e47ada85", R = "md__c943e3eb", j
   active: B
 }, G = W(e), H = b.forwardRef(
   ({ children: c, id: o, className: T, placeholder: p, onFocus: a, onBlur: t, ...D }, I) => {
-    const { size: u, status: s, active: v, labelId: x, setFilled: n, setFocused: r, setTargetId: _ } = S(L), i = g(() => o === void 0 ? y("target_") : o, [o]), l = g(() => b.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[u], T, {
+    const { size: u, status: s, active: v, labelId: x, setFilled: f, setFocused: r, setTargetId: n } = S(L), i = g(() => o === void 0 ? y("target_") : o, [o]), l = g(() => b.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[u], T, {
       [e.disabled]: s === d.DISABLED,
       [e.placeholder]: !!p && !l && s !== d.DISABLED,
       [e.active]: v
     });
     h(() => {
-      _(i);
-    }, [i, _]), h(() => {
-      n(l);
-    }, [l, n]);
+      n(i);
+    }, [i, n]), h(() => {
+      f(l);
+    }, [l, f]);
     const C = F(
       (m) => {
         r(!0), a == null || a(m);
@@ -36,7 +36,7 @@ const z = "formFieldTarget__6a88c343", M = "sm__e47ada85", R = "md__c943e3eb", j
       },
       [t, r]
     );
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ _(
       "div",
       {
         ...D,
@@ -48,7 +48,7 @@ const z = "formFieldTarget__6a88c343", M = "sm__e47ada85", R = "md__c943e3eb", j
         onBlur: N,
         onFocus: C,
         ref: I,
-        children: l ? c : /* @__PURE__ */ f("span", { className: e.placeholderWrapper, children: p })
+        children: l ? c : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
       }
     );
   }

package/components/FormField/components/FormFieldTextarea.js

@@ -1,46 +1,46 @@
 import { jsx as I } from "react/jsx-runtime";
-import M, { useContext as n, useMemo as C, useCallback as a, useLayoutEffect as x } from "react";
+import M, { useContext as n, useMemo as C, useCallback as s, useLayoutEffect as x } from "react";
 import { u as D, c as L } from "../../../chunks/vendor-z35N2Tap.js";
 import { createSizeToClassNameMap as R } from "../../../utils/classNameMaps.js";
 import { FormFieldContext as W } from "../FormFieldContext.js";
 import { EFormFieldStatus as j } from "../enums.js";
 import { isFilled as q } from "./utils.js";
-const w = "formFieldTextarea__0c470507", G = "sm__e47ada85", H = "md__c943e3eb", J = "lg__e66758b5", u = {
+const w = "formFieldTextarea__101df65b", G = "sm__792d82d9", H = "md__b8eea7f5", J = "lg__1afbec6a", u = {
   formFieldTextarea: w,
   sm: G,
   md: H,
   lg: J
 }, K = R(u), O = M.forwardRef(
-  ({ id: d, className: p, value: s, defaultValue: F, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
-    const { size: g, status: h, setFocused: o, setTargetId: T, setFilled: c } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), b = L(u.formFieldTextarea, K[g], p), t = a(
+  ({ id: c, className: p, value: a, defaultValue: F, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
+    const { size: b, status: g, setFocused: o, setTargetId: T, setFilled: d } = n(W), f = C(() => c === void 0 ? D("textarea_") : c, [c]), h = L(u.formFieldTextarea, K[b], p), t = s(
       (e) => {
-        c(q(e));
+        d(q(e));
       },
-      [c]
+      [d]
     );
     x(() => {
       T(f);
     }, [f, T]), x(() => {
-      t(s ?? F);
+      t(a ?? F);
     }, []), x(() => {
-      s !== void 0 && t(s);
-    }, [s, t]);
-    const y = a(
+      a !== void 0 && t(a);
+    }, [a, t]);
+    const y = s(
       (e) => {
         t(e.currentTarget.value), o(!0), r == null || r(e);
       },
       [t, o, r]
-    ), k = a(
+    ), k = s(
       (e) => {
         t(e.currentTarget.value), o(!1), l == null || l(e);
       },
       [t, o, l]
-    ), z = a(
+    ), z = s(
       (e) => {
-        e.animationName.startsWith("autofill-applied-hook") ? c(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
+        e.animationName.startsWith("autofill-applied-hook") ? d(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
       },
-      [c, t, m]
-    ), E = a(
+      [d, t, m]
+    ), E = s(
       (e) => {
         t(e.currentTarget.value), i == null || i(e);
       },
@@ -51,10 +51,10 @@ const w = "formFieldTextarea__0c470507", G = "sm__e47ada85", H = "md__c943e3eb",
       {
         ..._,
         id: f,
-        className: b,
-        value: s,
+        className: h,
+        value: a,
         defaultValue: F,
-        disabled: h === j.DISABLED,
+        disabled: g === j.DISABLED,
         onFocus: y,
         onBlur: k,
         onAnimationStart: z,

package/components/FormField/components/index.js

@@ -1,7 +1,7 @@
 import { FormFieldClear as e } from "./FormFieldClear.js";
 import { FormFieldCounter as m } from "./FormFieldCounter.js";
 import { FormFieldDescription as i } from "./FormFieldDescription.js";
-import { F as x } from "../../../chunks/FormFieldInput-DM8lK78a.js";
+import { F as x } from "../../../chunks/FormFieldInput-DEkpK71h.js";
 import { FormFieldLabel as l } from "./FormFieldLabel.js";
 import { FormFieldMaskedInput as a } from "./FormFieldMaskedInput.js";
 import { FormFieldPostfix as s } from "./FormFieldPostfix.js";

package/components/FormField/index.js

@@ -2,7 +2,7 @@ import { EFormFieldStatus as e } from "./enums.js";
 import { FormFieldClear as F } from "./components/FormFieldClear.js";
 import { FormFieldCounter as i } from "./components/FormFieldCounter.js";
 import { FormFieldDescription as l } from "./components/FormFieldDescription.js";
-import { F as f } from "../../chunks/FormFieldInput-DM8lK78a.js";
+import { F as f } from "../../chunks/FormFieldInput-DEkpK71h.js";
 import { FormFieldLabel as a } from "./components/FormFieldLabel.js";
 import { FormFieldMaskedInput as u } from "./components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as C } from "./components/FormFieldPostfix.js";

package/components/Gap/Gap.js

@@ -1,8 +1,18 @@
-import { jsx as p } from "react/jsx-runtime";
-import a from "react";
-const i = a.forwardRef(({ style: e, size: o, ...r }, t) => /* @__PURE__ */ p("div", { style: { height: `${o}px`, ...e }, role: "presentation", ...r, ref: t }));
-i.displayName = "Gap";
+import { jsx as o } from "react/jsx-runtime";
+import { c as t } from "../../chunks/vendor-z35N2Tap.js";
+import c from "react";
+const _ = "size4__052b54b1", a = "size8__c5fb574b", n = "size12__264fc198", f = "size16__09c8f3be", r = "size24__95d1da0f", d = "size32__5e178ebf", m = "size64__1ad44d94", p = "size128__38d8f162", b = {
+  size4: _,
+  size8: a,
+  size12: n,
+  size16: f,
+  size24: r,
+  size32: d,
+  size64: m,
+  size128: p
+}, l = c.forwardRef(({ className: s, size: e, ...i }, z) => /* @__PURE__ */ o("div", { className: t(b[`size${e}`], s), role: "presentation", ...i, ref: z }));
+l.displayName = "Gap";
 export {
-  i as Gap
+  l as Gap
 };
 //# sourceMappingURL=Gap.js.map

package/components/Header/Header.js

@@ -12,7 +12,7 @@ import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
 const f = Object.assign(
   a.forwardRef(function({ children: r, ...e }, o) {
-    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.30.0", ref: o, children: r });
+    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.31.0", ref: o, children: r });
   }),
   {
     LayoutSidebar: p,

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -3,7 +3,7 @@ import i from "react";
 import { c as d } from "../../../../chunks/vendor-z35N2Tap.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-BEWjTVQC.js";
+import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-DJZa8d1z.js";
 const f = Object.assign(
   i.forwardRef(function({ children: r, className: e, ...a }, o) {
     return /* @__PURE__ */ t("div", { className: d(b.headerLayoutSidebar, e), ...a, ref: o, children: r });

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import s from "react";
 import { c as m } from "../../../../chunks/vendor-z35N2Tap.js";
-import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-BEWjTVQC.js";
+import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-DJZa8d1z.js";
 const i = s.forwardRef(
   ({ children: e, className: a, ...o }, r) => /* @__PURE__ */ t("div", { className: m(d.headerLayoutSidebarContent, a), ...o, ref: r, children: e })
 );

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import i from "react";
 import { c as s } from "../../../../chunks/vendor-z35N2Tap.js";
-import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-BEWjTVQC.js";
+import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-DJZa8d1z.js";
 const m = i.forwardRef(
   ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: s(t.headerLayoutSidebarSidebar, r), ...e, ref: o, children: a })
 );