@sberbusiness/triplex-next 1.7.0 → 1.8.0

package/components/Divider/Divider.js

@@ -1,23 +1,23 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as g } from "../../chunks/vendor-D3hUOusX.js";
-const z = "divider__016eb90f", i = {
+const z = "divider__1e6f28e4", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__d2ff33c7",
-  "marginBottomSize-4": "marginBottomSize-4__ec85b009",
-  "marginTopSize-8": "marginTopSize-8__d487d4dc",
-  "marginBottomSize-8": "marginBottomSize-8__681fa5cf",
-  "marginTopSize-12": "marginTopSize-12__514c7f64",
-  "marginBottomSize-12": "marginBottomSize-12__c1265bef",
-  "marginTopSize-16": "marginTopSize-16__7aed5788",
-  "marginBottomSize-16": "marginBottomSize-16__9b4bb4b1",
-  "marginTopSize-20": "marginTopSize-20__e1a53410",
-  "marginBottomSize-20": "marginBottomSize-20__5af149fe",
-  "marginTopSize-24": "marginTopSize-24__484884e1",
-  "marginBottomSize-24": "marginBottomSize-24__331a64bb",
-  "marginTopSize-28": "marginTopSize-28__092fbdcd",
-  "marginBottomSize-28": "marginBottomSize-28__fced29d9",
-  "marginTopSize-32": "marginTopSize-32__5a0f89b4",
-  "marginBottomSize-32": "marginBottomSize-32__9774e6b4"
+  "marginTopSize-4": "marginTopSize-4__72362121",
+  "marginBottomSize-4": "marginBottomSize-4__2b4f82a5",
+  "marginTopSize-8": "marginTopSize-8__b61b2bad",
+  "marginBottomSize-8": "marginBottomSize-8__5b37da04",
+  "marginTopSize-12": "marginTopSize-12__3da76fdf",
+  "marginBottomSize-12": "marginBottomSize-12__e1e47887",
+  "marginTopSize-16": "marginTopSize-16__26e4fefd",
+  "marginBottomSize-16": "marginBottomSize-16__8292cd90",
+  "marginTopSize-20": "marginTopSize-20__dcb274fe",
+  "marginBottomSize-20": "marginBottomSize-20__fd3f1a46",
+  "marginTopSize-24": "marginTopSize-24__e611229b",
+  "marginBottomSize-24": "marginBottomSize-24__9cadc65b",
+  "marginTopSize-28": "marginTopSize-28__3b1bd44b",
+  "marginBottomSize-28": "marginBottomSize-28__4fe7c265",
+  "marginTopSize-32": "marginTopSize-32__037a2051",
+  "marginBottomSize-32": "marginBottomSize-32__04a66e0e"
 }, S = (e) => {
   const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
     i.divider,

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -8,24 +8,24 @@ import { StringUtils as B } from "../../utils/stringUtils.js";
 import { isKey as O } from "../../utils/keyboard.js";
 import { c as U } from "../../chunks/vendor-D3hUOusX.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__420e8237", G = "label__5a499337", H = "inputEditWrapper__f9624389", n = {
+const $ = "documentNumberEdit__49b8c479", G = "label__57e9ba71", H = "inputEditWrapper__14c5d539", c = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H
 }, V = 6, X = ({
   className: g,
   value: r,
-  buttonLabel: _,
-  emptyNumberButtonLabel: b,
+  buttonLabel: b,
+  emptyNumberButtonLabel: _,
   emptyNumberLabel: u,
-  numberLabel: c,
+  numberLabel: n,
   maxLength: f = V,
   onBlur: l,
   onChange: a,
   onKeyDown: d,
   ...S
 }) => {
-  const [p, m] = y(!1), T = z(() => p ? c : r ? `${c} ${r}` : u, [r, c, u, p]), x = () => /* @__PURE__ */ i("div", { className: n.inputEditWrapper, children: /* @__PURE__ */ i(
+  const [p, m] = y(!1), T = z(() => p ? n : r ? `${n} ${r}` : u, [r, n, u, p]), x = () => /* @__PURE__ */ i("div", { className: c.inputEditWrapper, children: /* @__PURE__ */ i(
     A,
     {
       ...S,
@@ -49,11 +49,11 @@ const $ = "documentNumberEdit__420e8237", G = "label__5a499337", H = "inputEditW
     for (let e = 0; e < s; e++)
       B.isDigit(t[e]) && o.push(t[e]);
     return o.join("");
-  }, W = () => /* @__PURE__ */ i(E, { className: n.label, tag: "div", size: N.B3, type: h.SECONDARY, children: /* @__PURE__ */ i(Y, { href: "#", onClick: j, children: r ? _ : b }) }), j = (t) => {
+  }, W = () => /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: /* @__PURE__ */ i(Y, { href: "#", onClick: j, children: r ? b : _ }) }), j = (t) => {
     t.preventDefault(), m(!0);
   };
-  return /* @__PURE__ */ k("div", { className: U(n.documentNumberEdit, g), children: [
-    /* @__PURE__ */ i(E, { className: n.label, tag: "div", size: N.B3, type: h.SECONDARY, children: T }),
+  return /* @__PURE__ */ k("div", { className: U(c.documentNumberEdit, g), children: [
+    /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: T }),
     p ? x() : W()
   ] });
 };

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,15 +1,15 @@
 import { jsx as B } from "react/jsx-runtime";
-import G, { useState as M, useRef as b, useCallback as i, useEffect as y } from "react";
+import G, { useState as M, useRef as T, useCallback as i, useEffect as y } from "react";
 import { c as F } from "../../../chunks/vendor-D3hUOusX.js";
 import { EDropdownAlignment as a, EDropdownDirection as D } from "../enums.js";
 import { isKey as d } from "../../../utils/keyboard.js";
 import { useToken as I } from "../../ThemeProvider/useToken.js";
 import { EComponentSize as j } from "../../../enums/EComponentSize.js";
-const K = "dropdownDesktop__fab8c97a", V = "dropdownDesktopOverflowHidden__e296abf5", O = {
+const K = "dropdownDesktop__fdbb2312", V = "dropdownDesktopOverflowHidden__4a142748", O = {
   dropdownDesktop: K,
-  "dropdownDesktop-sm": "dropdownDesktop-sm__08e306c9",
-  "dropdownDesktop-md": "dropdownDesktop-md__4176f726",
-  "dropdownDesktop-lg": "dropdownDesktop-lg__86655552",
+  "dropdownDesktop-sm": "dropdownDesktop-sm__91feadbf",
+  "dropdownDesktop-md": "dropdownDesktop-md__6299a66e",
+  "dropdownDesktop-lg": "dropdownDesktop-lg__e2aeca9b",
   dropdownDesktopOverflowHidden: V
 }, A = O.dropdownDesktopOverflowHidden, $ = G.forwardRef((P, p) => {
   const {
@@ -24,7 +24,7 @@ const K = "dropdownDesktop__fab8c97a", V = "dropdownDesktopOverflowHidden__e296a
     targetRef: _,
     size: W = j.MD,
     ...R
-  } = P, { scopeClassName: S } = I(), [x, H] = M({ opacity: 0 }), s = b(null), h = b({ height: 0, width: 0 }), U = F(O.dropdownDesktop, S, C, O[`dropdownDesktop-${W}`]), k = i(
+  } = P, { scopeClassName: S } = I(), [x, b] = M({ opacity: 0 }), s = T(null), h = T({ height: 0, width: 0 }), U = F(O.dropdownDesktop, S, C, O[`dropdownDesktop-${W}`]), k = i(
     (e) => {
       var o;
       (o = s.current) != null && o.contains(e.target) || e.preventDefault();
@@ -41,13 +41,13 @@ const K = "dropdownDesktop__fab8c97a", V = "dropdownDesktopOverflowHidden__e296a
       e ? (document.addEventListener("wheel", k, { passive: !1 }), document.addEventListener("keydown", E)) : (document.removeEventListener("wheel", k), document.removeEventListener("keydown", E));
     },
     [k, E]
-  ), L = i(
+  ), H = i(
     (e, o, t) => {
       const n = u ? t.width : Math.max(t.width, o.width);
       m === a.AUTO ? t.right - n > 0 ? e.left = t.right - n : t.left + n < document.documentElement.clientWidth ? e.left = t.left : e.left = t.right - n : m === a.RIGHT ? e.left = t.right - n : m === a.LEFT && (e.left = t.left);
     },
     [m, u]
-  ), T = i(
+  ), L = i(
     (e, o, t) => {
       w === D.AUTO ? t.bottom + 4 + o.height < document.documentElement.clientHeight ? e.top = t.bottom + 4 : t.top - 4 - o.height > 0 ? e.bottom = document.documentElement.clientHeight - t.top + 4 : e.top = t.bottom + 4 : w === D.BOTTOM ? e.top = t.bottom + 4 : w === D.TOP && (e.bottom = document.documentElement.clientHeight - t.top + 4);
     },
@@ -56,11 +56,11 @@ const K = "dropdownDesktop__fab8c97a", V = "dropdownDesktopOverflowHidden__e296a
     const { current: e } = s, { current: o } = _;
     if (e && o) {
       const t = e.getBoundingClientRect(), n = o.getBoundingClientRect(), c = {};
-      u ? c.width = n.width : c.minWidth = n.width, T(c, t, n), L(c, t, n), h.current = { height: t.height, width: t.width }, H(c);
+      u ? c.width = n.width : c.minWidth = n.width, L(c, t, n), H(c, t, n), h.current = { height: t.height, width: t.width }, b(c);
     }
-  }, [_, u, T, L]);
+  }, [_, u, L, H]);
   y(() => {
-    f ? r() : (h.current = { height: 0, width: 0 }, H({ opacity: 0 }));
+    f ? r() : (h.current = { height: 0, width: 0 }, b({ opacity: 0 }));
   }, [f, r]), y(() => {
     if (s.current) {
       const { width: e, height: o } = s.current.getBoundingClientRect();
@@ -85,7 +85,7 @@ const K = "dropdownDesktop__fab8c97a", V = "dropdownDesktopOverflowHidden__e296a
       className: U,
       style: { ...x, ...N },
       ...R,
-      "data-tx": "1.7.0",
+      "data-tx": "1.8.0",
       ref: z,
       children: g
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs as _, jsx as h } from "react/jsx-runtime";
 import l, { useContext as y, useRef as B, useState as b, useEffect as f } from "react";
 import { c as z } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as C, D as x } from "../../../chunks/DropdownListItem-DjvVx10v.js";
+import { s as C, D as x } from "../../../chunks/DropdownListItem-BcXHt5bk.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

@@ -2,8 +2,9 @@ import "react/jsx-runtime";
 import "react";
 import "../../../utils/keyboard.js";
 import "../../../chunks/vendor-D3hUOusX.js";
-import { D as e } from "../../../chunks/DropdownListItem-DjvVx10v.js";
+import "../../NotificationIcon/NotificationIcon.js";
+import { D as s } from "../../../chunks/DropdownListItem-BcXHt5bk.js";
 export {
-  e as DropdownListItem
+  s as DropdownListItem
 };
 //# sourceMappingURL=DropdownListItem.js.map

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop as p } from "./DropdownDesktop.js";
 import { DropdownList as e } from "./DropdownList.js";
-import { D as m } from "../../../chunks/DropdownListItem-DjvVx10v.js";
+import { D as m } from "../../../chunks/DropdownListItem-BcXHt5bk.js";
 export {
   p as DropdownDesktop,
   e as DropdownList,

package/components/Dropdown/index.js

@@ -2,7 +2,7 @@ import { Dropdown as e } from "./Dropdown.js";
 import { DropdownListContext as t } from "./DropdownListContext.js";
 import { DropdownDesktop as d } from "./desktop/DropdownDesktop.js";
 import { DropdownList as i } from "./desktop/DropdownList.js";
-import { D as w } from "../../chunks/DropdownListItem-DjvVx10v.js";
+import { D as w } from "../../chunks/DropdownListItem-BcXHt5bk.js";
 import { DropdownMobile as f } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody as b } from "./mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as s } from "./mobile/DropdownMobileClose.js";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import a, { useEffect as m } 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-CEPFt9uH.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-B-UZ3LiZ.js";
 const r = p.dropdownMobileBodyOverflow, y = a.forwardRef(
   ({ children: t, opened: o, setOpened: s, ...d }, i) => (m(() => (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 = a.forwardRef(
       ...l,
       ...d,
       ref: i,
-      "data-tx": "1.7.0",
+      "data-tx": "1.8.0",
       children: t
     }
   ) }))

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import d from "react";
 import { c as m } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-B-UZ3LiZ.js";
 const i = d.forwardRef(
   ({ children: o, className: r, ...e }, s) => /* @__PURE__ */ t("div", { className: m(a.dropdownMobileContent, r), ref: s, ...e, 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-D3hUOusX.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-B-UZ3LiZ.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 s } from "react/jsx-runtime";
 import m from "react";
 import { c as a } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-B-UZ3LiZ.js";
 const p = m.forwardRef(
   ({ children: o, className: r, ...e }, t) => /* @__PURE__ */ s("div", { className: a(i.dropdownMobileFooter, r), ref: t, ...e, children: o })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,15 +1,15 @@
-import { jsxs as i } from "react/jsx-runtime";
-import m from "react";
-import { c as p } from "../../../chunks/vendor-D3hUOusX.js";
-import { s } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
-const f = m.forwardRef(
-  ({ children: e, className: a, closeButton: r, ...d }, o) => /* @__PURE__ */ i("div", { className: p(s.dropdownMobileHeader, a), ref: o, ...d, children: [
-    e,
-    r == null ? void 0 : r()
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import t from "react";
+import { c as m } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-B-UZ3LiZ.js";
+const n = t.forwardRef(
+  ({ children: r, className: d, controlButtons: s, ...a }, i) => /* @__PURE__ */ l("div", { className: m(o.dropdownMobileHeader, d), ref: i, ...a, children: [
+    /* @__PURE__ */ e("div", { className: o.dropdownMobileHeaderContent, children: r }),
+    /* @__PURE__ */ e("div", { className: o.controlButtons, children: s })
   ] })
 );
-f.displayName = "DropdownMobileHeader";
+n.displayName = "DropdownMobileHeader";
 export {
-  f as DropdownMobileHeader
+  n as DropdownMobileHeader
 };
 //# sourceMappingURL=DropdownMobileHeader.js.map

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-D3hUOusX.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-B-UZ3LiZ.js";
 const C = y.forwardRef(
   ({
     children: f,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import r from "react";
 import { c as d } from "../../../chunks/vendor-D3hUOusX.js";
-const e = "dropdownMobileInput__4686a330", i = {
+const e = "dropdownMobileInput__9c0bfafb", i = {
   dropdownMobileInput: e
 }, l = r.forwardRef(
   ({ className: o, ...p }, t) => /* @__PURE__ */ n("input", { className: d(i.dropdownMobileInput, o), ...p, ref: t })

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -6,7 +6,7 @@ import { LoaderSmall as f } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as c } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as L } from "../../../enums/EComponentSize.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-B-UZ3LiZ.js";
 const b = a.forwardRef(
   ({ children: e, className: i, loading: m, ...t }, s) => {
     const d = () => /* @__PURE__ */ o(n, { id: "dropdown-mobile-list-loader-item", children: /* @__PURE__ */ o(

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,37 +1,37 @@
-import { jsx as f } from "react/jsx-runtime";
-import l from "react";
-import { c as x } from "../../../chunks/vendor-D3hUOusX.js";
-import { Text as w } from "../../Typography/Text.js";
-import { ETextSize as b } from "../../Typography/enums.js";
-import { s } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
-const y = l.forwardRef(
-  ({ children: o, className: e, id: B, onClick: t, onSelect: r, selected: i, ...m }, a) => {
-    const p = (d) => {
-      r == null || r(), t == null || t(d);
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import x from "react";
+import { c } from "../../../chunks/vendor-D3hUOusX.js";
+import { Text as I } from "../../Typography/Text.js";
+import { ETextSize as w } from "../../Typography/enums.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-B-UZ3LiZ.js";
+import { NotificationIcon as N } from "../../NotificationIcon/NotificationIcon.js";
+const b = x.forwardRef(
+  ({ children: o, className: m, id: y, onClick: t, onSelect: i, selected: s, showNotificationIcon: a, ...e }, p) => {
+    const f = (d) => {
+      i == null || i(), t == null || t(d);
     };
-    return /* @__PURE__ */ f(
-      w,
+    return /* @__PURE__ */ l(
+      I,
       {
         tag: "div",
-        size: b.B3,
-        className: x(
-          s.dropdownMobileListItem,
-          { [s.selected]: !!i },
-          e
-        ),
-        "aria-selected": !!i,
+        size: w.B3,
+        className: c(r.dropdownMobileListItem, { [r.selected]: !!s }, m),
+        "aria-selected": !!s,
         role: "option",
-        ref: a,
-        onClick: p,
+        ref: p,
+        onClick: f,
         title: typeof o == "string" ? o : void 0,
-        ...m,
-        children: o
+        ...e,
+        children: [
+          o,
+          a && /* @__PURE__ */ n(N, { className: r.notificationIcon })
+        ]
       }
     );
   }
 );
-y.displayName = "DropdownMobileListItem";
+b.displayName = "DropdownMobileListItem";
 export {
-  y as DropdownMobileListItem
+  b as DropdownMobileListItem
 };
 //# sourceMappingURL=DropdownMobileListItem.js.map

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -4,17 +4,17 @@ 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-CEPFt9uH.js";
-const x = ({ className: o, ...r }) => /* @__PURE__ */ m(
+import { s } from "../../../chunks/DropdownMobile.module-B-UZ3LiZ.js";
+const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {
     className: e(s.dropdownMobileLoader, o),
     theme: i.BRAND,
-    size: p.MD,
+    size: p.SM,
     ...r
   }
 );
 export {
-  x as DropdownMobileLoader
+  S as DropdownMobileLoader
 };
 //# sourceMappingURL=DropdownMobileLoader.js.map

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

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

package/components/Ellipsis/Ellipsis.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import t from "react";
 import { c as m } from "../../chunks/vendor-D3hUOusX.js";
-const c = "ellipsisLineClamp__3d3939e5", r = "oneLine__58ff5a25", e = {
+const c = "ellipsisLineClamp__aeb55520", r = "oneLine__f433d7c1", e = {
   ellipsisLineClamp: c,
   oneLine: r
 }, f = t.forwardRef(
@@ -13,7 +13,7 @@ const c = "ellipsisLineClamp__3d3939e5", r = "oneLine__58ff5a25", e = {
         className: o,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "1.7.0",
+        "data-tx": "1.8.0",
         ref: a,
         children: i
       }

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import N, { useRef as E } from "react";
 import { E as U, c as j } from "../../chunks/vendor-D3hUOusX.js";
-const F = "expandAnimation__6127b8cf", I = {
+const F = "expandAnimation__e20dacbf", I = {
   expandAnimation: F
 }, L = 300, M = N.forwardRef(
   ({
@@ -10,7 +10,7 @@ const F = "expandAnimation__6127b8cf", I = {
     expanded: v,
     animationTime: x = L,
     style: R,
-    onStart: d,
+    onStart: l,
     onEnd: h,
     transitionProps: e,
     ..._
@@ -21,27 +21,27 @@ const F = "expandAnimation__6127b8cf", I = {
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), l = E(null), w = (c) => {
+    }), d = E(null), w = (c) => {
       var u;
-      l.current && (m.current.entering.height = l.current.scrollHeight), d == null || d(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
+      d.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
     }, H = (c) => {
       var u;
       h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.call(e, c);
     }, T = () => {
       var c;
-      l.current && (l.current.style.height = l.current.scrollHeight + "px", l.current.scrollHeight), d == null || d(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
+      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 = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
     }, D = (c) => {
-      l.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
+      d.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
     };
     return /* @__PURE__ */ g(
       U,
       {
         in: v,
         timeout: x,
-        nodeRef: l,
+        nodeRef: d,
         ...e,
         onEnter: w,
         onEntered: H,

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const p = Object.assign(
   i.forwardRef(function({ children: o, ...t }, r) {
-    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.7.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.8.0", ref: r, 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-D3hUOusX.js";
-import { s as c } from "../../../chunks/Footer.module-CXnDx0Qq.js";
+import { s as c } from "../../../chunks/Footer.module-lZvJ02_q.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: t, ...r }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, t), ...r, 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-D3hUOusX.js";
-import { s as n } from "../../../chunks/Footer.module-CXnDx0Qq.js";
+import { s as n } from "../../../chunks/Footer.module-lZvJ02_q.js";
 const a = 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-D3hUOusX.js";
-import { s as a } from "../../../chunks/Footer.module-CXnDx0Qq.js";
+import { s as a } from "../../../chunks/Footer.module-lZvJ02_q.js";
 const p = i.forwardRef(
   ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ e("div", { className: m(a.footerDescriptionControls, r), ...t, ref: s, children: o })
 );

package/components/FormField/FormField.js

@@ -1,19 +1,19 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { useState as e } from "react";
 import { FormFieldContext as G } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
 import { c as I } from "../../chunks/vendor-D3hUOusX.js";
 import { EFormFieldStatus as r } from "./enums.js";
 import { EComponentSize as N } from "../../enums/EComponentSize.js";
-const P = "formField__1f658114", S = "disabled__c491fccc", T = "active__1c9ebc5f", L = "error__4f23773b", u = "warning__c276f15d", i = {
+const P = "formField__a1eec5c6", S = "disabled__cc8a7576", T = "active__ba17d902", L = "error__373ae242", u = "warning__93d298f5", i = {
   formField: P,
   disabled: S,
   active: T,
   error: L,
   warning: u,
-  "size-sm": "size-sm__ef195191",
-  "size-md": "size-md__61e63eda",
-  "size-lg": "size-lg__2b7c9f63"
+  "size-sm": "size-sm__64096a46",
+  "size-md": "size-md__42b375fe",
+  "size-lg": "size-lg__69a66b15"
 }, V = ({
   children: p,
   className: F,
@@ -21,40 +21,40 @@ const P = "formField__1f658114", S = "disabled__c491fccc", T = "active__1c9ebc5f
   onMouseEnter: s,
   onMouseLeave: o,
   style: x,
-  size: c = N.LG,
+  size: a = N.LG,
   ...g
 }) => {
-  const [f, h] = e(!1), [v, l] = e(!1), [b, z] = e(""), [m, E] = e(_), [a, A] = e(_), [D, R] = e(!1), W = (d) => {
+  const [c, h] = e(!1), [v, l] = e(!1), [b, z] = e(""), [m, E] = e(_), [n, A] = e(_), [D, R] = e(!1), W = (d) => {
     l(!0), s == null || s(d);
   }, w = (d) => {
     l(!1), o == null || o(d);
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ f(
     G.Provider,
     {
       value: {
         status: t,
-        focused: f,
+        focused: c,
         hovered: v,
         id: b,
         postfixWidth: m,
-        prefixWidth: a,
+        prefixWidth: n,
         setFocused: h,
         setId: z,
         setPostfixWidth: E,
         setPrefixWidth: A,
         setValueExist: R,
         valueExist: D,
-        size: c
+        size: a
       },
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ f(
         "div",
         {
           className: I(
             i.formField,
-            i[`size-${c}`],
+            i[`size-${a}`],
             {
-              [i.active]: f,
+              [i.active]: c,
               [i.disabled]: t === r.DISABLED,
               [i.error]: t === r.ERROR,
               [i.warning]: t === r.WARNING
@@ -63,8 +63,8 @@ const P = "formField__1f658114", S = "disabled__c491fccc", T = "active__1c9ebc5f
           ),
           onMouseEnter: W,
           onMouseLeave: w,
-          "data-tx": "1.7.0",
-          style: { paddingLeft: a, paddingRight: m, ...x },
+          "data-tx": "1.8.0",
+          style: { paddingLeft: n, paddingRight: m, ...x },
           ...g,
           children: p
         }