@sberbusiness/triplex-next 1.31.0 → 1.32.0

package/components/FormField/FormField.js

@@ -1,4 +1,4 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import I, { useState as t, useMemo as L } from "react";
 import { c as h } from "../../chunks/vendor-82AnkPpo.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__cd21f888", W = "sm__412c3420", G = "md__e47ef4a8", M = "lg__2c18f187", P = "active__f64e12a9", y = "disabled__ebcde378", U = "error__3fe4542a", j = "warning__466b4ed8", z = "filled__d2c8f209", e = {
+const S = "formField__ca466614", W = "sm__ab9ef21c", G = "md__9ec7e2e7", M = "lg__f50c04ee", P = "active__331be4ad", y = "disabled__556e7922", U = "error__dd749805", j = "warning__a46f8255", z = "filled__397d515b", e = {
   formField: S,
   sm: W,
   md: G,
   lg: M,
-  default: "default__2bdf1376",
+  default: "default__36485c31",
   active: P,
   disabled: y,
   error: U,
@@ -32,15 +32,15 @@ const S = "formField__cd21f888", W = "sm__412c3420", G = "md__e47ef4a8", M = "lg
     active: a = !1,
     ...u
   }, x) => {
-    const [c, b] = t(), [m, T] = t(), [i, E] = t(_), [l, N] = t(_), [f, R] = t(!1), [s, A] = t(!1), D = L(
+    const [m, b] = t(), [n, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [s, A] = t(!1), D = L(
       () => ({
         size: d,
         status: r,
-        targetId: c,
-        labelId: m,
+        targetId: m,
+        labelId: n,
         postfixWidth: i,
         prefixWidth: l,
-        filled: f,
+        filled: c,
         focused: s,
         active: a || s,
         setTargetId: b,
@@ -50,9 +50,9 @@ const S = "formField__cd21f888", W = "sm__412c3420", G = "md__e47ef4a8", M = "lg
         setFilled: R,
         setFocused: A
       }),
-      [d, r, c, m, i, l, f, s, a]
+      [d, r, m, n, i, l, c, s, a]
     );
-    return /* @__PURE__ */ n(v.Provider, { value: D, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ f(v.Provider, { value: D, children: /* @__PURE__ */ f(
       "div",
       {
         className: h(
@@ -60,12 +60,12 @@ const S = "formField__cd21f888", W = "sm__412c3420", G = "md__e47ef4a8", M = "lg
           O[d],
           B[r],
           {
-            [e.filled]: f,
+            [e.filled]: c,
             [e.active]: a || s
           },
           F
         ),
-        "data-tx": "1.31.0",
+        "data-tx": "1.32.0",
         style: { paddingLeft: l, paddingRight: i, ...g },
         ...u,
         ref: x,

package/components/FormField/components/FormFieldClear.js

@@ -3,10 +3,10 @@ import f, { useCallback as i } from "react";
 import { c } from "../../../chunks/vendor-82AnkPpo.js";
 import { CrossStrokeSrvIcon16 as d } from "@sberbusiness/icons-next";
 import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
-const p = "formFieldClear__6017934f", C = {
+const p = "formFieldClear__1a057f89", C = {
   formFieldClear: p
 }, F = f.forwardRef(
-  ({ className: t, onMouseDown: r, ...a }, m) => {
+  ({ className: a, onMouseDown: r, ...t }, m) => {
     const o = i(
       (e) => {
         e.preventDefault(), r == null || r(e);
@@ -16,8 +16,8 @@ const p = "formFieldClear__6017934f", C = {
     return /* @__PURE__ */ l(
       s,
       {
-        ...a,
-        className: c(C.formFieldClear, t),
+        ...t,
+        className: c(C.formFieldClear, a),
         onMouseDown: o,
         ref: m,
         children: /* @__PURE__ */ l(d, { 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__915d0642", u = {
+const s = "formFieldCounter__6426ee65", 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-82AnkPpo.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__9b529730", p = "withCounter__9d9ac776", i = {
+const l = "formFieldDescription__4b76e4db", d = "withCounter__f39cd67c", i = {
   formFieldDescription: l,
-  withCounter: p
-}, d = ({ children: r, ...e }) => {
+  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(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
+  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-CkVtqncH.js";
+import { F as d } from "../../../chunks/FormFieldInput-d6WkPngW.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__37aa84dc", R = "sm__412c3420", v = "md__e47ef4a8", z = "lg__2c18f187", G = "floating__fcb9815e", W = "formFieldLabelText__657ff791", j = "disabled__ebcde378", e = {
+const M = "formFieldLabel__bb70cb50", R = "sm__ab9ef21c", v = "md__9ec7e2e7", z = "lg__f50c04ee", G = "floating__c6bb33ba", W = "formFieldLabelText__8e609218", j = "disabled__556e7922", e = {
   formFieldLabel: M,
   sm: R,
   md: v,
@@ -14,13 +14,13 @@ const M = "formFieldLabel__37aa84dc", R = "sm__412c3420", v = "md__e47ef4a8", z
   formFieldLabelText: W,
   disabled: j
 }, q = D(e), w = A.forwardRef(
-  ({ children: i, id: t, className: m, style: d, floating: f, ...r }, c) => {
-    const { targetId: n, size: _, status: b, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), u = f ?? (F || L), x = h(
+  ({ children: i, id: t, className: m, style: r, floating: d, ...f }, c) => {
+    const { targetId: n, size: b, status: _, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), u = d ?? (F || L), x = h(
       e.formFieldLabel,
-      q[_],
+      q[b],
       {
         [e.floating]: u,
-        [e.disabled]: b === C.DISABLED
+        [e.disabled]: _ === C.DISABLED
       },
       m
     ), T = {
@@ -28,11 +28,11 @@ const M = "formFieldLabel__37aa84dc", R = "sm__412c3420", v = "md__e47ef4a8", z
       left: g || a,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
       right: p || a,
-      ...d
+      ...r
     };
     return I(() => {
       o(l);
-    }, [l, o]), /* @__PURE__ */ s("label", { ...r, id: l, className: x, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ s("span", { className: e.formFieldLabelText, children: i }) });
+    }, [l, o]), /* @__PURE__ */ s("label", { ...f, id: l, className: x, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ s("span", { className: e.formFieldLabelText, children: i }) });
   }
 );
 w.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -2,28 +2,28 @@ 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, n as q, o as p } from "../../../chunks/vendor-82AnkPpo.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-CkVtqncH.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-d6WkPngW.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__bac14915", X = "formFieldMaskedInputPlaceholder__3ac863e0", Y = "formFieldMaskedInput__e61e29f2", u = {
+const Q = "formFieldMaskedInputWrapper__49237050", X = "formFieldMaskedInputPlaceholder__093d7168", Y = "formFieldMaskedInput__1f7090fa", u = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__31922428",
-  "size-md": "size-md__215dfa6b",
-  "size-lg": "size-lg__54f91058",
+  "size-sm": "size-sm__3b0a937c",
+  "size-md": "size-md__50ede9cd",
+  "size-lg": "size-lg__2a2c60e6",
   formFieldMaskedInput: Y
 }, a = ({
   className: I,
-  forwardedRef: f,
+  forwardedRef: d,
   mask: o,
-  onChange: d,
+  onChange: f,
   placeholder: g,
   placeholderChar: n = "0",
   placeholderMask: l,
   value: s,
   ...M
 }) => {
-  const [x, y] = $(""), c = L(!1), { filled: z, focused: k, size: b, status: _ } = N(K);
+  const [x, y] = $(""), c = L(!1), { filled: z, focused: k, size: E, status: _ } = N(K);
   O(() => {
     y((() => {
       let t = [];
@@ -40,15 +40,15 @@ const Q = "formFieldMaskedInputWrapper__bac14915", X = "formFieldMaskedInputPlac
       return t.join("");
     })());
   }, [s, o, n, l]);
-  const E = U(
+  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 = () => {
+    [s, f]
+  ), T = () => {
     c.current = !0;
-  }, T = (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)*)/;
@@ -59,9 +59,9 @@ const Q = "formFieldMaskedInputWrapper__bac14915", X = "formFieldMaskedInputPlac
       value: p.conformToMask(e, o, { guide: !1, placeholderChar: n }).conformedValue
     };
   }, 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 f == "function" ? f(t) : f && (f.current = 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-${b}`]), children: [
+  return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${E}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
@@ -83,11 +83,11 @@ const Q = "formFieldMaskedInputWrapper__bac14915", X = "formFieldMaskedInputPlac
         guide: !1,
         render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: g || "", ref: W(e) }),
         mask: o,
-        onChange: E,
-        onPaste: S,
+        onChange: S,
+        onPaste: T,
         placeholderChar: n,
         value: D(),
-        pipe: T,
+        pipe: b,
         type: "text",
         ...M
       }

package/components/FormField/components/FormFieldPostfix.js

@@ -3,7 +3,7 @@ import a, { useContext as F, useRef as p, useEffect as P } from "react";
 import { c as R } from "../../../chunks/vendor-82AnkPpo.js";
 import { FormFieldContext as _ } from "../FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as w } from "../consts.js";
-const N = "formFieldPostfix__ce22e4a0", b = {
+const N = "formFieldPostfix__5a09e621", b = {
   formFieldPostfix: N
 }, g = a.forwardRef(
   ({ children: n, className: c, ...m }, t) => {

package/components/FormField/components/FormFieldPrefix.js

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

package/components/FormField/components/FormFieldTarget.js

@@ -4,7 +4,7 @@ import { u as y, c as A } from "../../../chunks/vendor-82AnkPpo.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__730a33f2", M = "sm__412c3420", R = "md__e47ef4a8", j = "lg__2c18f187", k = "placeholder__eac7bc66", q = "disabled__ebcde378", w = "placeholderWrapper__8cc7312a", B = "active__f64e12a9", e = {
+const z = "formFieldTarget__a982acec", M = "sm__ab9ef21c", R = "md__9ec7e2e7", j = "lg__f50c04ee", k = "placeholder__d8fc1150", q = "disabled__556e7922", w = "placeholderWrapper__c36499cd", B = "active__331be4ad", e = {
   formFieldTarget: z,
   sm: M,
   md: R,
@@ -15,16 +15,16 @@ const z = "formFieldTarget__730a33f2", M = "sm__412c3420", R = "md__e47ef4a8", j
   active: B
 }, G = W(e), H = b.forwardRef(
   ({ children: c, id: o, className: T, placeholder: p, onFocus: a, onBlur: t, ...u }, D) => {
-    const { size: I, status: s, active: v, labelId: x, setFilled: f, setFocused: l, setTargetId: n } = S(L), i = g(() => o === void 0 ? y("target_") : o, [o]), r = g(() => b.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[I], T, {
+    const { size: I, status: s, active: v, labelId: x, setFilled: n, setFocused: l, setTargetId: f } = S(L), i = g(() => o === void 0 ? y("target_") : o, [o]), r = g(() => b.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[I], T, {
       [e.disabled]: s === d.DISABLED,
       [e.placeholder]: !!p && !r && s !== d.DISABLED,
       [e.active]: v
     });
     h(() => {
-      n(i);
-    }, [i, n]), h(() => {
-      f(r);
-    }, [r, f]);
+      f(i);
+    }, [i, f]), h(() => {
+      n(r);
+    }, [r, n]);
     const C = F(
       (m) => {
         l(!0), a == null || a(m);

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 u } from "react";
+import M, { useContext as n, useMemo as C, useCallback as s, useLayoutEffect as u } from "react";
 import { u as D, c as L } from "../../../chunks/vendor-82AnkPpo.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__58d617b5", G = "sm__412c3420", H = "md__e47ef4a8", J = "lg__2c18f187", T = {
+const w = "formFieldTextarea__c28d07ae", G = "sm__ab9ef21c", H = "md__9ec7e2e7", J = "lg__f50c04ee", T = {
   formFieldTextarea: w,
   sm: G,
   md: H,
   lg: J
 }, K = R(T), O = M.forwardRef(
-  ({ id: d, className: p, value: s, defaultValue: x, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
-    const { size: g, status: h, setFocused: o, setTargetId: F, setFilled: c } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), y = L(T.formFieldTextarea, K[g], p), t = a(
+  ({ id: d, className: p, value: a, defaultValue: x, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
+    const { size: g, status: h, setFocused: c, setTargetId: F, setFilled: o } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), y = L(T.formFieldTextarea, K[g], p), t = s(
       (e) => {
-        c(q(e));
+        o(q(e));
       },
-      [c]
+      [o]
     );
     u(() => {
       F(f);
     }, [f, F]), u(() => {
-      t(s ?? x);
+      t(a ?? x);
     }, []), u(() => {
-      s !== void 0 && t(s);
-    }, [s, t]);
-    const b = a(
+      a !== void 0 && t(a);
+    }, [a, t]);
+    const b = s(
       (e) => {
-        t(e.currentTarget.value), o(!0), r == null || r(e);
+        t(e.currentTarget.value), c(!0), r == null || r(e);
       },
-      [t, o, r]
-    ), k = a(
+      [t, c, r]
+    ), k = s(
       (e) => {
-        t(e.currentTarget.value), o(!1), l == null || l(e);
+        t(e.currentTarget.value), c(!1), l == null || l(e);
       },
-      [t, o, l]
-    ), z = a(
+      [t, c, l]
+    ), 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") ? o(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
       },
-      [c, t, m]
-    ), E = a(
+      [o, t, m]
+    ), E = s(
       (e) => {
         t(e.currentTarget.value), i == null || i(e);
       },
@@ -52,7 +52,7 @@ const w = "formFieldTextarea__58d617b5", G = "sm__412c3420", H = "md__e47ef4a8",
         ..._,
         id: f,
         className: y,
-        value: s,
+        value: a,
         defaultValue: x,
         disabled: h === j.DISABLED,
         onFocus: b,

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-CkVtqncH.js";
+import { F as x } from "../../../chunks/FormFieldInput-d6WkPngW.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-CkVtqncH.js";
+import { F as f } from "../../chunks/FormFieldInput-d6WkPngW.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,18 +1,18 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as t } from "../../chunks/vendor-82AnkPpo.js";
-import c from "react";
-const _ = "size4__5fe2511f", a = "size8__e435407d", n = "size12__a8930fce", r = "size16__cb63cde1", f = "size24__2401715c", d = "size32__7dd0343e", m = "size64__00f35514", p = "size128__086e6115", l = {
-  size4: _,
+import _ from "react";
+const c = "size4__cb581981", a = "size8__ce2f1094", n = "size12__e3e79654", r = "size16__02338bed", b = "size24__db36bb7a", d = "size32__3144f2d3", f = "size64__2b15730d", m = "size128__bb7045ae", p = {
+  size4: c,
   size8: a,
   size12: n,
   size16: r,
-  size24: f,
+  size24: b,
   size32: d,
-  size64: m,
-  size128: p
-}, x = c.forwardRef(({ className: s, size: e, ...i }, z) => /* @__PURE__ */ o("div", { className: t(l[`size${e}`], s), role: "presentation", ...i, ref: z }));
-x.displayName = "Gap";
+  size64: f,
+  size128: m
+}, l = _.forwardRef(({ className: s, size: e, ...i }, z) => /* @__PURE__ */ o("div", { className: t(p[`size${e}`], s), role: "presentation", ...i, ref: z }));
+l.displayName = "Gap";
 export {
-  x 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 }, t) {
-    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.31.0", ref: t, children: r });
+    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.32.0", ref: t, children: r });
   }),
   {
     LayoutSidebar: p,

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

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

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import s from "react";
 import { c as d } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-Uq7eUhaq.js";
+import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-BUlWJH2L.js";
 const i = s.forwardRef(
   ({ children: e, className: a, ...t }, o) => /* @__PURE__ */ r("div", { className: d(m.headerLayoutSidebarContent, a), ...t, ref: o, 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 t } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s } from "../../../../chunks/HeaderLayoutSidebar.module-Uq7eUhaq.js";
+import { s } from "../../../../chunks/HeaderLayoutSidebar.module-BUlWJH2L.js";
 const m = i.forwardRef(
   ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: t(s.headerLayoutSidebarSidebar, r), ...e, ref: o, children: a })
 );

package/components/Header/components/HeaderSubheader/HeaderSubheader.js

@@ -1,9 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
 import h from "react";
 import { c as i } from "../../../../chunks/vendor-82AnkPpo.js";
-const u = "headerSubheader__d0bb46b1", b = "withoutPaddings__fa109afd", e = {
+const u = "headerSubheader__85f26a39", c = "withoutPaddings__4be0c7e7", e = {
   headerSubheader: u,
-  withoutPaddings: b
+  withoutPaddings: c
 }, n = h.forwardRef(
   ({ children: a, className: d, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
     "div",

package/components/Header/components/HeaderTabs/HeaderTabs.js

@@ -3,7 +3,7 @@ import t from "react";
 import { HeaderTabsContent as m } from "./HeaderTabsContent.js";
 import { HeaderTabsControls as n } from "./HeaderTabsControls.js";
 import { c as d } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as f } from "../../../../chunks/HeaderTabs.module-CiK3DS7c.js";
+import { s as f } from "../../../../chunks/HeaderTabs.module-f0pOEOus.js";
 const i = Object.assign(
   t.forwardRef(function({ children: r, className: e, ...a }, o) {
     return /* @__PURE__ */ s("div", { className: d(f.headerTabs, e), ...a, ref: o, children: r });

package/components/Header/components/HeaderTabs/HeaderTabsContent.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { c as m } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-CiK3DS7c.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-f0pOEOus.js";
 const d = s.forwardRef(
   ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ o("div", { className: m(n.headerTabsContent, r), ...t, ref: a, children: e })
 );

package/components/Header/components/HeaderTabs/HeaderTabsControls.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import t from "react";
 import { c as m } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as l } from "../../../../chunks/HeaderTabs.module-CiK3DS7c.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-f0pOEOus.js";
 const d = t.forwardRef(
   ({ children: o, className: r, ...s }, a) => /* @__PURE__ */ e("div", { className: m(l.headerTabsControls, r), ...s, ref: a, children: o })
 );

package/components/Header/components/HeaderTitle/HeaderTitle.js

@@ -3,7 +3,7 @@ import i from "react";
 import { HeaderTitleContent as s } from "./HeaderTitleContent.js";
 import { HeaderTitleControls as m } from "./HeaderTitleControls.js";
 import { c as l } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as n } from "../../../../chunks/HeaderTitle.module-ChThbaCy.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-CFdpGGVy.js";
 const d = Object.assign(
   i.forwardRef(function({ children: e, className: t, ...r }, o) {
     return /* @__PURE__ */ a("div", { className: l(n.headerTitle, t), ...r, ref: o, children: e });

package/components/Header/components/HeaderTitle/HeaderTitleContent.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import s from "react";
 import { c as i } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as e } from "../../../../chunks/HeaderTitle.module-ChThbaCy.js";
+import { s as e } from "../../../../chunks/HeaderTitle.module-CFdpGGVy.js";
 const m = s.forwardRef(
   ({ children: t, className: r, ...o }, a) => /* @__PURE__ */ l(
     "div",

package/components/Header/components/HeaderTitle/HeaderTitleControls.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import a from "react";
 import { c as i } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as o } from "../../../../chunks/HeaderTitle.module-ChThbaCy.js";
+import { s as o } from "../../../../chunks/HeaderTitle.module-CFdpGGVy.js";
 const m = a.forwardRef(
   ({ children: e, className: r, ...t }, l) => /* @__PURE__ */ s(
     "div",

package/components/HelpBox/HelpBox.js

@@ -9,7 +9,7 @@ import { TooltipMobileHeader as V } from "../Tooltip/components/mobile/component
 import { MobileView as X } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes as $ } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes as q } from "../../utils/html/AriaAttributes.js";
-const w = "helpBoxButton__62957e0a", A = {
+const w = "helpBoxButton__8c067086", A = {
   helpBoxButton: w
 }, G = _.forwardRef(
   ({

package/components/IconWrapper/IconWrapper.js

@@ -1,10 +1,10 @@
 import { jsx as l } from "react/jsx-runtime";
 import p from "react";
 import { c as d } from "../../chunks/vendor-82AnkPpo.js";
-const m = "disableInteraction__28a0cc1f", b = "displayContents__b2521263", t = {
-  disableInteraction: m,
-  displayContents: b
-}, f = p.forwardRef(
+const b = "disableInteraction__f1b8679f", f = "displayContents__40b4c540", t = {
+  disableInteraction: b,
+  displayContents: f
+}, m = p.forwardRef(
   ({ children: a, className: s, active: e, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
     "span",
     {
@@ -20,8 +20,8 @@ const m = "disableInteraction__28a0cc1f", b = "displayContents__b2521263", t = {
     }
   )
 );
-f.displayName = "IconWrapper";
+m.displayName = "IconWrapper";
 export {
-  f as IconWrapper
+  m as IconWrapper
 };
 //# sourceMappingURL=IconWrapper.js.map

package/components/ImageGallery/ImageGallery.js

@@ -7,7 +7,7 @@ import "../ImageGalleryExtended/components/ImageGalleryExtendedMain.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import "../../chunks/ImageGalleryExtendedThumb-D9p93wFz.js";
+import "../../chunks/ImageGalleryExtendedThumb-BVI6zmzL.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection as a } from "../ImageGalleryExtended/enums.js";
 const M = j.forwardRef(