@sberbusiness/triplex-next 0.23.0 → 0.24.0

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
-import f, { useContext as u } from "react";
+import u, { useContext as f } from "react";
 import { F as D } from "../../chunks/vendor---Om3uMV.js";
 import { Dropdown as w } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
@@ -14,11 +14,11 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const h = "datePickerExtendedMobileDropdown__ff8540ed", C = {
+const h = "datePickerExtendedMobileDropdown__1288c4e8", C = {
   datePickerExtendedMobileDropdown: h
-}, E = f.forwardRef(
+}, E = u.forwardRef(
   (i, d) => {
-    const { children: P, targetRef: r, setOpened: c, renderHeaderTarget: a, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: l } = u(x);
+    const { children: P, targetRef: r, setOpened: c, renderHeaderTarget: a, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: l } = f(x);
     return /* @__PURE__ */ e(
       w,
       {

package/components/DateRange/DateRange.js

@@ -4,14 +4,14 @@ import { CaretleftStrokeSrvIcon20 as D, MinusStrokeSrvIcon20 as M, CaretrightStr
 import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit as C } from "./enums.js";
 import { c as i } from "../../chunks/vendor---Om3uMV.js";
-const E = "dateRange__b98cf965", F = "dateRangeButton__7733d5ed", h = "separator__fad4a938", d = {
+const E = "dateRange__e9f84280", F = "dateRangeButton__6030eb2e", h = "separator__54a5548e", m = {
   dateRange: E,
   dateRangeButton: F,
   separator: h
 }, j = ({
   children: y,
-  className: f,
-  value: R,
+  className: R,
+  value: f,
   onChange: o,
   shiftAmount: n = 1,
   shiftUnit: s = C.MONTH,
@@ -22,31 +22,31 @@ const E = "dateRange__b98cf965", F = "dateRangeButton__7733d5ed", h = "separator
   renderButtonBack: k,
   ...b
 }) => {
-  const [t, a] = R, x = i(d.dateRange, f), B = (e) => {
+  const [t, a] = f, x = i(m.dateRange, R), B = (e) => {
     !e || !a || e <= a ? o([e, a]) : o([e, ""]);
   }, I = (e) => {
     !e || !t || e >= t ? o([t, e]) : o(["", e]);
   }, N = () => {
     if (!t || !a)
       return;
-    const e = c(t, r), m = c(a, r);
+    const e = c(t, r), d = c(a, r);
     o([
       e.subtract(n, s).format(r),
-      m.subtract(n, s).format(r)
+      d.subtract(n, s).format(r)
     ]);
   }, _ = () => {
     if (!t || !a)
       return;
-    const e = c(t, r), m = c(a, r);
+    const e = c(t, r), d = c(a, r);
     o([
       e.add(n, s).format(r),
-      m.add(n, s).format(r)
+      d.add(n, s).format(r)
     ]);
   };
   return /* @__PURE__ */ v("div", { className: x, ...b, children: [
     !p && k({
       children: /* @__PURE__ */ l(D, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(t && a) }),
+      className: i(m.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),
       onClick: N
     }),
@@ -54,14 +54,14 @@ const E = "dateRange__b98cf965", F = "dateRangeButton__7733d5ed", h = "separator
       onChange: B,
       value: t
     }),
-    /* @__PURE__ */ l(M, { className: d.separator, paletteIndex: 5 }),
+    /* @__PURE__ */ l(M, { className: m.separator, paletteIndex: 5 }),
     u({
       onChange: I,
       value: a
     }),
     !p && S({
       children: /* @__PURE__ */ l(Y, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(t && a) }),
+      className: i(m.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),
       onClick: _
     })

package/components/DesignTokens/DesignTokenUtils.js

@@ -7,7 +7,7 @@ import { k as l } from "../../chunks/vendor---Om3uMV.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "0.23.0";
+    let o = "0.24.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
         t[e][T],

package/components/Divider/Divider.js

@@ -1,23 +1,23 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as g } from "../../chunks/vendor---Om3uMV.js";
-const z = "divider__0b283755", i = {
+const z = "divider__42474506", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__5b9c3483",
-  "marginBottomSize-4": "marginBottomSize-4__05eedb16",
-  "marginTopSize-8": "marginTopSize-8__31ca17a3",
-  "marginBottomSize-8": "marginBottomSize-8__53b788a8",
-  "marginTopSize-12": "marginTopSize-12__6ad5fc55",
-  "marginBottomSize-12": "marginBottomSize-12__4a6bfaa5",
-  "marginTopSize-16": "marginTopSize-16__9c0b533f",
-  "marginBottomSize-16": "marginBottomSize-16__2926bc5e",
-  "marginTopSize-20": "marginTopSize-20__d21e20d2",
-  "marginBottomSize-20": "marginBottomSize-20__c7554d82",
-  "marginTopSize-24": "marginTopSize-24__9193ffa0",
-  "marginBottomSize-24": "marginBottomSize-24__68476e19",
-  "marginTopSize-28": "marginTopSize-28__496a52ed",
-  "marginBottomSize-28": "marginBottomSize-28__1e625705",
-  "marginTopSize-32": "marginTopSize-32__52646248",
-  "marginBottomSize-32": "marginBottomSize-32__67f5b3eb"
+  "marginTopSize-4": "marginTopSize-4__01793a95",
+  "marginBottomSize-4": "marginBottomSize-4__12b0acc8",
+  "marginTopSize-8": "marginTopSize-8__84a8ebce",
+  "marginBottomSize-8": "marginBottomSize-8__a6874ac2",
+  "marginTopSize-12": "marginTopSize-12__d2d06256",
+  "marginBottomSize-12": "marginBottomSize-12__36127e10",
+  "marginTopSize-16": "marginTopSize-16__8198ba03",
+  "marginBottomSize-16": "marginBottomSize-16__2e8bb221",
+  "marginTopSize-20": "marginTopSize-20__10384adb",
+  "marginBottomSize-20": "marginBottomSize-20__853ffcc2",
+  "marginTopSize-24": "marginTopSize-24__e4e5ddcd",
+  "marginBottomSize-24": "marginBottomSize-24__0ff02ae3",
+  "marginTopSize-28": "marginTopSize-28__f278476c",
+  "marginBottomSize-28": "marginBottomSize-28__2dac9c62",
+  "marginTopSize-32": "marginTopSize-32__93b37e68",
+  "marginBottomSize-32": "marginBottomSize-32__fbfc5bfc"
 }, S = (e) => {
   const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
     i.divider,

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -8,7 +8,7 @@ import { StringUtils as B } from "../../utils/stringUtils.js";
 import { isKey as O } from "../../utils/keyboard.js";
 import { c as U } from "../../chunks/vendor---Om3uMV.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__152f6257", G = "label__e90ac235", H = "inputEditWrapper__59a7b3fe", c = {
+const $ = "documentNumberEdit__12d6f252", G = "label__423d9127", H = "inputEditWrapper__2446e54b", n = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H
@@ -18,14 +18,14 @@ const $ = "documentNumberEdit__152f6257", G = "label__e90ac235", H = "inputEditW
   buttonLabel: b,
   emptyNumberButtonLabel: _,
   emptyNumberLabel: u,
-  numberLabel: n,
+  numberLabel: c,
   maxLength: f = V,
   onBlur: l,
   onChange: a,
   onKeyDown: d,
   ...S
 }) => {
-  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(
+  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(
     A,
     {
       ...S,
@@ -49,11 +49,11 @@ const $ = "documentNumberEdit__152f6257", G = "label__e90ac235", 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: c.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: n.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(c.documentNumberEdit, g), children: [
-    /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: T }),
+  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 }),
     p ? x() : W()
   ] });
 };

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,96 +1,103 @@
-import { jsx as x } from "react/jsx-runtime";
-import U, { useState as I, useRef as N, useCallback as d, useEffect as O } from "react";
-import { c as B } from "../../../chunks/vendor---Om3uMV.js";
-import { EDropdownDirection as h, EDropdownAlignment as E, EDropdownWidth as u } from "./enums.js";
-import { EComponentSize as F } from "../../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as j } from "../../../utils/classNameMaps.js";
-import { useToken as K } from "../../ThemeProvider/useToken.js";
+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 u, EDropdownAlignment as R, 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 V = "dropdownDesktop__48e4d2b1", q = "sm__4e7b28a8", J = "md__fd6fea35", Q = "lg__86f4c458", X = "dropdownDesktopOverflowHidden__3519a09c", y = {
-  dropdownDesktop: V,
-  sm: q,
-  md: J,
-  lg: Q,
-  dropdownDesktopOverflowHidden: X
-}, Y = j(y), g = y.dropdownDesktopOverflowHidden, Z = U.forwardRef((H, p) => {
+const J = "dropdownDesktop__29231499", Q = "sm__9759fd25", X = "md__7b49afb3", Y = "lg__d49ac429", Z = "dropdownDesktopOverflowHidden__e642f0a5", k = {
+  dropdownDesktop: J,
+  sm: Q,
+  md: X,
+  lg: Y,
+  dropdownDesktopOverflowHidden: Z
+}, $ = V(k), N = k.dropdownDesktopOverflowHidden, ee = B.forwardRef((H, f) => {
   const {
-    children: L,
-    className: C,
-    style: P,
-    size: R = F.MD,
-    direction: a = h.AUTO,
-    alignment: w = E.AUTO,
-    width: l = u.CONTENT,
-    opened: i,
-    targetRef: f,
-    setOpened: $,
-    ...W
-  } = H, { scopeClassName: z } = K(), [G, _] = I({ opacity: 0 }), r = N(null), k = N({ height: 0, width: 0 }), M = B(y.dropdownDesktop, Y[R], z, C), T = d(
+    children: P,
+    className: A,
+    style: C,
+    size: M = K.MD,
+    direction: a = u.AUTO,
+    alignment: _ = R.LEFT,
+    width: p = T.CONTENT,
+    opened: s,
+    targetRef: l,
+    setOpened: te,
+    ...S
+  } = H, [W, b] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(k.dropdownDesktop, $[M], z, A), w = d(
     (e) => {
       var t;
-      (t = r.current) != null && t.contains(e.target) || e.preventDefault();
+      (t = i.current) != null && t.contains(e.target) || e.preventDefault();
     },
-    [r]
-  ), v = d((e) => {
+    [i]
+  ), h = d((e) => {
     if (e.target === document.body) {
       const t = e.code || e.keyCode;
       (n(t, "SPACE") || n(t, "PAGE_UP") || n(t, "PAGE_DOWN") || n(t, "END") || n(t, "HOME") || n(t, "ARROW_LEFT") || n(t, "ARROW_UP") || n(t, "ARROW_RIGHT") || n(t, "ARROW_DOWN")) && e.preventDefault();
     }
-  }, []), D = d(
+  }, []), E = d(
     /** Запрет скролла всей страницы. */
     (e) => {
-      e ? (document.addEventListener("wheel", T, { passive: !1 }), document.addEventListener("keydown", v)) : (document.removeEventListener("wheel", T), document.removeEventListener("keydown", v));
+      e ? (document.addEventListener("wheel", w, { passive: !1 }), document.addEventListener("keydown", h)) : (document.removeEventListener("wheel", w), document.removeEventListener("keydown", h));
     },
-    [T, v]
-  ), b = d(
+    [w, h]
+  ), g = d(
     (e, t, o) => {
-      let s = t.width;
-      l === u.TARGET ? s = o.width : l === u.MIN_TARGET && (s = Math.max(o.width, t.width)), w === E.AUTO ? o.right - s > 0 ? e.left = o.right - s : o.left + s < document.documentElement.clientWidth ? e.left = o.left : e.left = o.right - s : w === E.RIGHT ? e.left = o.right - s : w === E.LEFT && (e.left = o.left);
+      const r = document.documentElement.clientWidth, v = t.left, D = t.right - o;
+      if (_ === R.LEFT) {
+        const y = v + o <= r;
+        e.left = y ? v : Math.max(0, D);
+      } else {
+        const y = D >= 0;
+        e.left = y ? D : Math.max(0, Math.min(v, r - o));
+      }
     },
-    [l, w]
-  ), A = d(
+    [_]
+  ), L = d(
     (e, t, o) => {
-      a === h.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 === h.BOTTOM ? e.top = o.bottom + 4 : a === h.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);
     },
     [a]
   ), c = d(() => {
-    if (r.current === null || f.current === null) return;
-    const e = r.current.getBoundingClientRect(), t = f.current.getBoundingClientRect(), o = {};
-    l === u.TARGET ? o.width = t.width : l === u.MIN_TARGET && (o.minWidth = t.width), A(o, e, t), b(o, e, t), k.current = { height: e.height, width: e.width }, _(o);
-  }, [f, l, A, b]);
+    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), b(o);
+  }, [l, p, L, g]);
   O(() => {
-    i ? c() : (k.current = { height: 0, width: 0 }, _({ opacity: 0 }));
-  }, [i, c]), O(() => {
-    if (!i || r.current === null || f.current === null) return;
+    s ? c() : b({ opacity: 0 });
+  }, [s, c]), O(() => {
+    if (!s || i.current === null || l.current === null) return;
     const e = new ResizeObserver(c);
-    return e.observe(r.current), e.observe(f.current), () => e.disconnect();
-  }, [i, f, c]);
+    return e.observe(i.current), e.observe(l.current), () => e.disconnect();
+  }, [s, l, c]);
   const m = d(() => {
     setTimeout(c);
   }, [c]);
   O(() => {
-    if (i)
-      return document.addEventListener("scroll", m, !0), window.addEventListener("resize", m), D(!0), document.body.classList.add(g), m(), () => {
-        document.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m), D(!1), document.body.classList.remove(g);
+    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);
       };
-  }, [i, m, D]);
-  const S = (e) => {
-    r.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+  }, [s, m, E]);
+  const G = (e) => {
+    i.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
   };
-  return i ? /* @__PURE__ */ x(
+  return s ? /* @__PURE__ */ U(
     "div",
     {
-      className: M,
-      style: { ...G, ...P },
-      ...W,
-      "data-tx": "0.23.0",
-      ref: S,
-      children: L
+      className: x,
+      style: { ...W, ...C },
+      ...S,
+      "data-tx": "0.24.0",
+      ref: G,
+      children: P
     }
   ) : null;
 });
-Z.displayName = "DropdownDesktop";
+ee.displayName = "DropdownDesktop";
 export {
-  Z as DropdownDesktop
+  ee as DropdownDesktop
 };
 //# sourceMappingURL=DropdownDesktop.js.map

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-C4JE2xV7.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-D_38hBVf.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-C4JE2xV7.js";
+import { D } from "../../../chunks/DropdownListItem-D_38hBVf.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/enums.js

@@ -1,7 +1,7 @@
-var t = /* @__PURE__ */ ((T) => (T.AUTO = "auto", T.BOTTOM = "bottom", T.TOP = "top", T))(t || {}), a = /* @__PURE__ */ ((T) => (T.AUTO = "auto", T.LEFT = "left", T.RIGHT = "right", T))(a || {}), O = /* @__PURE__ */ ((T) => (T.CONTENT = "content", T.TARGET = "target", T.MIN_TARGET = "min-target", T))(O || {});
+var t = /* @__PURE__ */ ((T) => (T.AUTO = "auto", T.BOTTOM = "bottom", T.TOP = "top", T))(t || {}), a = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T))(a || {}), r = /* @__PURE__ */ ((T) => (T.CONTENT = "content", T.TARGET = "target", T.MIN_TARGET = "min-target", T))(r || {});
 export {
   a as EDropdownAlignment,
   t as EDropdownDirection,
-  O as EDropdownWidth
+  r as EDropdownWidth
 };
 //# sourceMappingURL=enums.js.map

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-C4JE2xV7.js";
+import { D as e } from "../../../chunks/DropdownListItem-D_38hBVf.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-C4JE2xV7.js";
+import { D as i } from "../../chunks/DropdownListItem-D_38hBVf.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-BgSbdJtS.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-Bccjckjq.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.23.0",
+      "data-tx": "0.24.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-BgSbdJtS.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-Bccjckjq.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-BgSbdJtS.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-Bccjckjq.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-BgSbdJtS.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-Bccjckjq.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-BgSbdJtS.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-Bccjckjq.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-BgSbdJtS.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-Bccjckjq.js";
 const C = y.forwardRef(
   ({
     children: m,

package/components/Dropdown/mobile/DropdownMobileInput.js

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

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-BgSbdJtS.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-Bccjckjq.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-BgSbdJtS.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-Bccjckjq.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-BgSbdJtS.js";
+import { s } from "../../../chunks/DropdownMobile.module-Bccjckjq.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 { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__be4469e7", r = {
+const t = "dropdownMobileMaskedInput__2a65bb34", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, e), ...s });
+}, n = ({ className: s, ...e }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, s), ...e });
 n.presets = o.presets;
 export {
   n as DropdownMobileMaskedInput

package/components/Ellipsis/Ellipsis.js

@@ -1,27 +1,27 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import t from "react";
 import { c as m } from "../../chunks/vendor---Om3uMV.js";
-const c = "ellipsisLineClamp__acfe7a74", r = "oneLine__aee99570", e = {
+const c = "ellipsisLineClamp__2fc13f51", r = "oneLine__5684f64a", i = {
   ellipsisLineClamp: c,
   oneLine: r
-}, L = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...a }, n) => {
-    const o = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
-    return /* @__PURE__ */ p(
+}, f = t.forwardRef(
+  ({ children: e, maxLines: s, className: l, ...n }, o) => {
+    const p = m(i.ellipsisLineClamp, { [i.oneLine]: s === 1 }, l);
+    return /* @__PURE__ */ a(
       "div",
       {
-        className: o,
+        className: p,
         style: { "--ellipsis-line-clamp": s },
-        ...a,
-        "data-tx": "0.23.0",
-        ref: n,
-        children: i
+        ...n,
+        "data-tx": "0.24.0",
+        ref: o,
+        children: e
       }
     );
   }
 );
-L.displayName = "Ellipsis";
+f.displayName = "Ellipsis";
 export {
-  L as Ellipsis
+  f as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

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 { y as b, c as j } from "../../chunks/vendor---Om3uMV.js";
-const F = "expandAnimation__a15c5df9", I = {
+const F = "expandAnimation__cd80e6ef", I = {
   expandAnimation: F
 }, L = 300, M = 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.23.0", ref: t, children: o });
+    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.24.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-B469C_XO.js";
+import { s as c } from "../../../chunks/Footer.module-CkVvrPtL.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-B469C_XO.js";
+import { s as n } from "../../../chunks/Footer.module-CkVvrPtL.js";
 const p = i.forwardRef(
   ({ children: o, className: t, ...r }, e) => /* @__PURE__ */ s("div", { className: m(n.footerDescriptionContent, t), ...r, ref: e, children: o })
 );