@sberbusiness/triplex-next 0.27.0 → 0.28.0

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,31 +1,31 @@
 import { jsx as U } from "react/jsx-runtime";
 import B, { useState as F, useRef as I, useCallback as d, useEffect as O } from "react";
 import { c as j } from "../../../chunks/vendor---Om3uMV.js";
-import { EDropdownDirection as a, EDropdownAlignment as R, EDropdownWidth as T } from "./enums.js";
+import { EDropdownDirection as u, EDropdownAlignment as b, EDropdownWidth as T } from "./enums.js";
 import { EComponentSize as K } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as V } from "../../../utils/classNameMaps.js";
 import { useToken as q } from "../../ThemeProvider/useToken.js";
 import { isKey as n } from "../../../utils/keyboard.js";
-const J = "dropdownDesktop__9f9d9fb0", Q = "sm__bc27c152", X = "md__e82de9b0", Y = "lg__2c4232e9", Z = "dropdownDesktopOverflowHidden__29eb6205", b = {
+const J = "dropdownDesktop__fec92d37", Q = "sm__29a1800a", X = "md__d38e1f53", Y = "lg__e9a0ddfd", Z = "dropdownDesktopOverflowHidden__fc26e988", k = {
   dropdownDesktop: J,
   sm: Q,
   md: X,
   lg: Y,
   dropdownDesktopOverflowHidden: Z
-}, $ = V(b), N = b.dropdownDesktopOverflowHidden, ee = B.forwardRef((H, f) => {
+}, $ = V(k), N = k.dropdownDesktopOverflowHidden, ee = B.forwardRef((H, m) => {
   const {
     children: P,
     className: A,
     style: C,
     size: M = K.MD,
-    direction: u = a.AUTO,
-    alignment: k = R.LEFT,
+    direction: a = u.AUTO,
+    alignment: _ = b.LEFT,
     width: p = T.CONTENT,
     opened: s,
     targetRef: l,
     setOpened: te,
     ...S
-  } = H, [W, _] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(b.dropdownDesktop, $[M], z, A), w = d(
+  } = H, [W, g] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(k.dropdownDesktop, $[M], z, A), w = d(
     (e) => {
       var t;
       (t = i.current) != null && t.contains(e.target) || e.preventDefault();
@@ -42,10 +42,10 @@ const J = "dropdownDesktop__9f9d9fb0", Q = "sm__bc27c152", X = "md__e82de9b0", Y
       e ? (document.addEventListener("wheel", w, { passive: !1 }), document.addEventListener("keydown", h)) : (document.removeEventListener("wheel", w), document.removeEventListener("keydown", h));
     },
     [w, h]
-  ), g = d(
+  ), L = d(
     (e, t, o) => {
       const r = document.documentElement.clientWidth, v = t.left, D = t.right - o;
-      if (k === R.LEFT) {
+      if (_ === b.LEFT) {
         const y = v + o <= r;
         e.left = y ? v : Math.max(0, D);
       } else {
@@ -53,36 +53,36 @@ const J = "dropdownDesktop__9f9d9fb0", Q = "sm__bc27c152", X = "md__e82de9b0", Y
         e.left = y ? D : Math.max(0, Math.min(v, r - o));
       }
     },
-    [k]
-  ), L = d(
+    [_]
+  ), R = d(
     (e, t, o) => {
-      u === a.AUTO ? o.bottom + 4 + t.height < document.documentElement.clientHeight ? e.top = o.bottom + 4 : o.top - 4 - t.height > 0 ? e.bottom = document.documentElement.clientHeight - o.top + 4 : e.top = o.bottom + 4 : u === a.BOTTOM ? e.top = o.bottom + 4 : u === a.TOP && (e.bottom = document.documentElement.clientHeight - o.top + 4);
+      a === u.AUTO ? o.bottom + 4 + t.height < document.documentElement.clientHeight ? e.top = o.bottom + 4 : o.top - 4 - t.height > 0 ? e.bottom = document.documentElement.clientHeight - o.top + 4 : e.top = o.bottom + 4 : a === u.BOTTOM ? e.top = o.bottom + 4 : a === u.TOP && (e.bottom = document.documentElement.clientHeight - o.top + 4);
     },
-    [u]
+    [a]
   ), c = d(() => {
     if (i.current === null || l.current === null) return;
     const e = i.current.getBoundingClientRect(), t = l.current.getBoundingClientRect(), o = {};
     let r = e.width;
-    p === T.TARGET ? (r = t.width, o.width = t.width) : p === T.MIN_TARGET && (r = Math.max(e.width, t.width), o.minWidth = t.width), L(o, e, t), g(o, t, r), _(o);
-  }, [l, p, L, g]);
+    p === T.TARGET ? (r = t.width, o.width = t.width) : p === T.MIN_TARGET && (r = Math.max(e.width, t.width), o.minWidth = t.width), R(o, e, t), L(o, t, r), g(o);
+  }, [l, p, R, L]);
   O(() => {
-    s ? c() : _({ opacity: 0 });
+    s ? c() : g({ opacity: 0 });
   }, [s, c]), O(() => {
     if (!s || i.current === null || l.current === null) return;
     const e = new ResizeObserver(c);
     return e.observe(i.current), e.observe(l.current), () => e.disconnect();
   }, [s, l, c]);
-  const m = d(() => {
+  const f = d(() => {
     setTimeout(c);
   }, [c]);
   O(() => {
     if (s)
-      return document.addEventListener("scroll", m, !0), window.addEventListener("resize", m), E(!0), document.body.classList.add(N), m(), () => {
-        document.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m), E(!1), document.body.classList.remove(N);
+      return document.addEventListener("scroll", f, !0), window.addEventListener("resize", f), E(!0), document.body.classList.add(N), f(), () => {
+        document.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f), E(!1), document.body.classList.remove(N);
       };
-  }, [s, m, E]);
+  }, [s, f, E]);
   const G = (e) => {
-    i.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
+    i.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
   };
   return s ? /* @__PURE__ */ U(
     "div",
@@ -90,7 +90,7 @@ const J = "dropdownDesktop__9f9d9fb0", Q = "sm__bc27c152", X = "md__e82de9b0", Y
       className: x,
       style: { ...W, ...C },
       ...S,
-      "data-tx": "0.27.0",
+      "data-tx": "0.28.0",
       ref: G,
       children: P
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as h } from "react/jsx-runtime";
 import l, { useContext as B, useRef as b, useState as z, useEffect as f } from "react";
 import { c as _ } from "../../../chunks/vendor---Om3uMV.js";
-import { s as D, D as x } from "../../../chunks/DropdownListItem-BflrX8i-.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-DEMHVloq.js";
 import { EVENT_KEY_CODES as w } from "../../../utils/keyboard.js";
 import { DropdownListContext as V } from "../DropdownListContext.js";
 import { LoaderSmall as W } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor---Om3uMV.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-BflrX8i-.js";
+import { D } from "../../../chunks/DropdownListItem-DEMHVloq.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop as p } from "./DropdownDesktop.js";
 import { DropdownList as n } from "./DropdownList.js";
-import { D as e } from "../../../chunks/DropdownListItem-BflrX8i-.js";
+import { D as e } from "../../../chunks/DropdownListItem-DEMHVloq.js";
 import { EDropdownAlignment as i, EDropdownDirection as m, EDropdownWidth as w } from "./enums.js";
 export {
   p as DropdownDesktop,

package/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 import { DropdownListContext as e } from "./DropdownListContext.js";
 import { DropdownDesktop as t } from "./desktop/DropdownDesktop.js";
 import { DropdownList as d } from "./desktop/DropdownList.js";
-import { D as i } from "../../chunks/DropdownListItem-BflrX8i-.js";
+import { D as i } from "../../chunks/DropdownListItem-DEMHVloq.js";
 import { EDropdownAlignment as w, EDropdownDirection as x, EDropdownWidth as f } from "./desktop/enums.js";
 import { DropdownMobile as b } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody as s } from "./mobile/DropdownMobileBody.js";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import m, { useEffect as a } from "react";
 import { OverlayBase as n, EOverlayDirection as c } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner as f } from "./DropdownMobileInner.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-D_HYruos.js";
 const r = p.dropdownMobileBodyOverflow, y = m.forwardRef(
   ({ children: t, opened: o, setOpened: s, ...d }, i) => (a(() => (o ? document.body.classList.add(r) : document.body.classList.remove(r), () => document.body.classList.remove(r)), [o]), /* @__PURE__ */ e(n, { setOpened: s, opened: o, direction: c.BOTTOM, children: (l) => /* @__PURE__ */ e(
     f,
@@ -10,7 +10,7 @@ const r = p.dropdownMobileBodyOverflow, y = m.forwardRef(
       ...l,
       ...d,
       ref: i,
-      "data-tx": "0.27.0",
+      "data-tx": "0.28.0",
       children: t
     }
   ) }))

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import t from "react";
 import { c as d } from "../../../chunks/vendor---Om3uMV.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-D_HYruos.js";
 const p = t.forwardRef(
   ({ children: o, className: r, ...s }, e) => /* @__PURE__ */ m("div", { className: d(i.dropdownMobileContent, r), ref: e, ...s, children: o })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -3,7 +3,7 @@ import t from "react";
 import { ButtonIcon as m } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
 import { c as p } from "../../../chunks/vendor---Om3uMV.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-D_HYruos.js";
 const a = t.forwardRef(
   ({ className: r, ...e }, s) => /* @__PURE__ */ o(m, { className: p(i.dropdownMobileClose, r), ref: s, ...e, children: /* @__PURE__ */ o(l, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js

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

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import t from "react";
 import { c as m } from "../../../chunks/vendor---Om3uMV.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-D_HYruos.js";
 const n = t.forwardRef(
   ({ children: r, className: s, controlButtons: d, ...a }, i) => /* @__PURE__ */ l("div", { className: m(o.dropdownMobileHeader, s), ref: i, ...a, children: [
     /* @__PURE__ */ e("div", { className: o.dropdownMobileHeaderContent, children: r }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -2,7 +2,7 @@ import { jsxs as j, jsx as c } from "react/jsx-runtime";
 import y, { useState as l, useEffect as d } from "react";
 import { c as n } from "../../../chunks/vendor---Om3uMV.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-D_HYruos.js";
 const C = y.forwardRef(
   ({
     children: m,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import r from "react";
-import { c as e } from "../../../chunks/vendor---Om3uMV.js";
-const d = "dropdownMobileInput__220eade4", i = {
-  dropdownMobileInput: d
+import { c as d } from "../../../chunks/vendor---Om3uMV.js";
+const e = "dropdownMobileInput__2e2d5d8a", i = {
+  dropdownMobileInput: e
 }, s = r.forwardRef(
-  ({ className: o, ...p }, n) => /* @__PURE__ */ t("input", { className: e(i.dropdownMobileInput, o), ...p, ref: n })
+  ({ className: o, ...p }, n) => /* @__PURE__ */ t("input", { className: d(i.dropdownMobileInput, o), ...p, ref: n })
 );
 s.displayName = "DropdownMobileInput";
 export {

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -6,7 +6,7 @@ import { ELoaderSmallTheme as b } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as w } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem as M } from "./DropdownMobileListItem.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-D_HYruos.js";
 const u = p.forwardRef(
   ({ children: e, className: i, loading: t, ...m }, s) => {
     const [d] = n(() => c()), a = () => /* @__PURE__ */ o(M, { id: d, className: r.dropdownMobileListLoader, children: /* @__PURE__ */ o(L, { theme: b.BRAND, size: w.MD }) });

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -5,7 +5,7 @@ import { Text as z } from "../../Typography/Text.js";
 import { ETextSize as B } from "../../Typography/enums.js";
 import { Badge as D } from "../../Badge/Badge.js";
 import { EComponentSize as I } from "../../../enums/EComponentSize.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-D_HYruos.js";
 const M = x.forwardRef(
   ({ children: o, className: s, id: b, onClick: t, onSelect: i, selected: m, showNotificationIcon: e, ...a }, p) => {
     const f = (d) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -4,7 +4,7 @@ import { LoaderSmall as t } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as i } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as p } from "../../../enums/EComponentSize.js";
-import { s } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
+import { s } from "../../../chunks/DropdownMobile.module-D_HYruos.js";
 const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,9 +1,9 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor---Om3uMV.js";
+import { jsx as d } from "react/jsx-runtime";
+import { c as p } from "../../../chunks/vendor---Om3uMV.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__f08cec04", r = {
+const t = "dropdownMobileMaskedInput__586f2cd3", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, e), ...s });
+}, n = ({ className: s, ...e }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, s), ...e });
 n.presets = o.presets;
 export {
   n as DropdownMobileMaskedInput

package/components/Ellipsis/Ellipsis.js

@@ -1,19 +1,19 @@
 import { jsx as a } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor---Om3uMV.js";
-const c = "ellipsisLineClamp__191918ed", r = "oneLine__98668fa7", e = {
-  ellipsisLineClamp: c,
+import { c } from "../../chunks/vendor---Om3uMV.js";
+const m = "ellipsisLineClamp__8ec5e238", r = "oneLine__1274218c", e = {
+  ellipsisLineClamp: m,
   oneLine: r
 }, L = t.forwardRef(
   ({ children: i, maxLines: s, className: l, ...n }, o) => {
-    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+    const p = c(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ a(
       "div",
       {
         className: p,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "0.27.0",
+        "data-tx": "0.28.0",
         ref: o,
         children: i
       }

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---Om3uMV.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 a, 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__db8e4a8d", D = "container__80303793", g = "icon__4d2073e3", I = "textBlock__8a9fab41", t = {
+const B = "emptyView__225dbde7", D = "container__ddb1dbb1", g = "icon__4ff68007", I = "textBlock__77bcfb5d", t = {
   emptyView: B,
   container: D,
   icon: g,
@@ -14,30 +14,30 @@ const B = "emptyView__db8e4a8d", D = "container__80303793", g = "icon__4d2073e3"
 }, V = {
   [i.SM]: t.sm,
   [i.MD]: t.md
-}, v = {
+}, b = {
   [i.SM]: { size: p.H3, weight: h.MEDIUM },
   [i.MD]: { size: p.H2, weight: h.SEMIBOLD }
 }, T = {
   [i.SM]: M.B3,
   [i.MD]: M.B2
-}, z = {
+}, v = {
   [i.SM]: 16,
   [i.MD]: 24
-}, k = N.forwardRef(
-  ({ className: w, size: o, icon: a, title: c, description: r, caption: m, buttons: E, ...y }, f) => {
+}, z = N.forwardRef(
+  ({ className: f, size: o, icon: d, title: c, description: r, caption: m, buttons: E, ...w }, y) => {
     const l = !!(r || m);
     return /* @__PURE__ */ s(
       "div",
       {
-        className: A(t.emptyView, V[o], { [t.hasTitle]: !!c }, w),
-        ref: f,
-        ...y,
+        className: A(t.emptyView, V[o], { [t.hasTitle]: !!c }, 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 }),
+            d && /* @__PURE__ */ e("div", { className: t.icon, children: d }),
+            d && 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 && /* @__PURE__ */ e(R, { ...b[o], children: c }),
               c && l && /* @__PURE__ */ e(n, { size: 12 }),
               l && /* @__PURE__ */ s("div", { className: t.descriptionBlock, children: [
                 r && /* @__PURE__ */ e(
@@ -45,7 +45,7 @@ const B = "emptyView__db8e4a8d", D = "container__80303793", g = "icon__4d2073e3"
                   {
                     size: T[o],
                     weight: S.REGULAR,
-                    type: c ? d.SECONDARY : d.PRIMARY,
+                    type: c ? a.SECONDARY : a.PRIMARY,
                     children: r
                   }
                 ),
@@ -55,7 +55,7 @@ const B = "emptyView__db8e4a8d", D = "container__80303793", g = "icon__4d2073e3"
                   {
                     size: T[o],
                     weight: S.REGULAR,
-                    type: d.SECONDARY,
+                    type: a.SECONDARY,
                     children: m
                   }
                 )
@@ -63,7 +63,7 @@ const B = "emptyView__db8e4a8d", D = "container__80303793", g = "icon__4d2073e3"
             ] })
           ] }),
           E && /* @__PURE__ */ s(x, { children: [
-            /* @__PURE__ */ e(n, { size: z[o] }),
+            /* @__PURE__ */ e(n, { size: v[o] }),
             /* @__PURE__ */ e("div", { className: t.buttons, children: E })
           ] })
         ]
@@ -71,8 +71,8 @@ const B = "emptyView__db8e4a8d", D = "container__80303793", g = "icon__4d2073e3"
     );
   }
 );
-k.displayName = "EmptyView";
+z.displayName = "EmptyView";
 export {
-  k as EmptyView
+  z as EmptyView
 };
 //# sourceMappingURL=EmptyView.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,9 +1,9 @@
 import { jsx as g } from "react/jsx-runtime";
-import N, { useRef as y } from "react";
-import { y as U, c as j } from "../../chunks/vendor---Om3uMV.js";
-const F = "expandAnimation__d5ecfb49", I = {
+import U, { useRef as y } from "react";
+import { y as b, c as j } from "../../chunks/vendor---Om3uMV.js";
+const F = "expandAnimation__fd9d6665", I = {
   expandAnimation: F
-}, L = 300, M = N.forwardRef(
+}, L = 300, M = U.forwardRef(
   ({
     children: A,
     className: E,
@@ -30,14 +30,14 @@ const F = "expandAnimation__d5ecfb49", I = {
     }, _ = () => {
       var c;
       d.current && (d.current.style.height = d.current.scrollHeight + "px", d.current.scrollHeight), l == null || l(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
-    }, b = () => {
+    }, D = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
-    }, D = (c) => {
+    }, N = (c) => {
       d.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
-      U,
+      b,
       {
         in: v,
         timeout: f,
@@ -46,7 +46,7 @@ const F = "expandAnimation__d5ecfb49", I = {
         onEnter: H,
         onEntered: T,
         onExit: _,
-        onExited: b,
+        onExited: D,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
@@ -57,7 +57,7 @@ const F = "expandAnimation__d5ecfb49", I = {
               ...R
             },
             ...w,
-            ref: D,
+            ref: N,
             children: A
           }
         )

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.27.0", ref: t, children: o });
+    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.28.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---Om3uMV.js";
-import { s as c } from "../../../chunks/Footer.module-BfB70vm7.js";
+import { s as c } from "../../../chunks/Footer.module-BijXXNLX.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---Om3uMV.js";
-import { s as n } from "../../../chunks/Footer.module-BfB70vm7.js";
+import { s as n } from "../../../chunks/Footer.module-BijXXNLX.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---Om3uMV.js";
-import { s as p } from "../../../chunks/Footer.module-BfB70vm7.js";
+import { s as p } from "../../../chunks/Footer.module-BijXXNLX.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---Om3uMV.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__3599bb25", W = "sm__e69e1699", G = "md__2d9b4743", M = "lg__5bb9d693", P = "active__feec4621", y = "disabled__4e520221", U = "error__2c4f0e96", j = "warning__4301e5d1", z = "filled__da397b41", e = {
+const S = "formField__c92ca6eb", W = "sm__03b1ce1c", G = "md__35be776a", M = "lg__eb185181", P = "active__e3b267de", y = "disabled__d0a25adf", U = "error__5290897f", j = "warning__c71f73ae", z = "filled__8bfdd2b3", e = {
   formField: S,
   sm: W,
   md: G,
   lg: M,
-  default: "default__a1f42900",
+  default: "default__bc516dfb",
   active: P,
   disabled: y,
   error: U,
@@ -27,22 +27,22 @@ const S = "formField__3599bb25", W = "sm__e69e1699", G = "md__2d9b4743", M = "lg
     children: p,
     className: F,
     style: b,
-    size: r = w.LG,
-    status: d = o.DEFAULT,
-    active: i = !1,
+    size: d = w.LG,
+    status: r = o.DEFAULT,
+    active: a = !1,
     ...g
   }, u) => {
-    const [n, x] = t(), [c, T] = t(), [a, E] = t(_), [l, N] = t(_), [m, R] = t(!1), [s, A] = t(!1), D = L(
+    const [m, x] = t(), [f, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [s, A] = t(!1), D = L(
       () => ({
-        size: r,
-        status: d,
-        targetId: n,
-        labelId: c,
-        postfixWidth: a,
+        size: d,
+        status: r,
+        targetId: m,
+        labelId: f,
+        postfixWidth: i,
         prefixWidth: l,
-        filled: m,
+        filled: c,
         focused: s,
-        active: i || s,
+        active: a || s,
         setTargetId: x,
         setLabelId: T,
         setPostfixWidth: E,
@@ -50,23 +50,23 @@ const S = "formField__3599bb25", W = "sm__e69e1699", G = "md__2d9b4743", M = "lg
         setFilled: R,
         setFocused: A
       }),
-      [r, d, n, c, a, l, m, s, i]
+      [d, r, m, f, 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[r],
-          B[d],
+          O[d],
+          B[r],
           {
-            [e.filled]: m,
-            [e.active]: i || s
+            [e.filled]: c,
+            [e.active]: a || s
           },
           F
         ),
-        "data-tx": "0.27.0",
-        style: { paddingLeft: l, paddingRight: a, ...b },
+        "data-tx": "0.28.0",
+        style: { paddingLeft: l, paddingRight: i, ...b },
         ...g,
         ref: u,
         children: p

package/components/FormField/components/FormFieldClear.js

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

package/components/FormField/components/FormFieldCounter.js

@@ -1,16 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useContext as i, useEffect as m } from "react";
 import { FormFieldDescriptionContext as n } from "../FormFieldDescriptionContext.js";
-const s = "formFieldCounter__7b5edfd4", d = {
+const s = "formFieldCounter__7fd8a618", u = {
   formFieldCounter: s
-}, u = ({ children: e, ...o }) => {
+}, d = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
-  }, []), /* @__PURE__ */ r("div", { className: d.formFieldCounter, ...o, children: e });
+  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-u.displayName = "FormFieldCounter";
+d.displayName = "FormFieldCounter";
 export {
-  u as FormFieldCounter
+  d as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map