@sberbusiness/triplex-next 0.15.0 → 0.17.0

package/components/Confirm/components/ConfirmControls.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-CalMVkfj.js";
-import { s as i } from "../../../chunks/Confirm.module-BrVl-yob.js";
+import { c as t } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as i } from "../../../chunks/Confirm.module-BYcKID70.js";
 const l = ({ children: o, className: s, ...r }) => /* @__PURE__ */ m("div", { className: t(s, i.confirmControls), ...r, children: o });
 l.displayName = "ConfirmControls";
 export {

package/components/DateField/DateField.js

@@ -17,7 +17,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-M-BWeUyG.js";
+import "../../chunks/FormFieldInput-EYc8oHbI.js";
 import { FormFieldMaskedInput as ne } from "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/DateField/DateFieldTarget.js

@@ -1,56 +1,57 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import { jsx as e, jsxs as y } from "react/jsx-runtime";
 import K, { useContext as f } from "react";
-import { CalendarStrokeSrvIcon20 as C, CalendarStrokeSrvIcon16 as R } from "@sberbusiness/icons-next";
+import { CalendarStrokeSrvIcon20 as u, CalendarStrokeSrvIcon16 as R } from "@sberbusiness/icons-next";
 import { MaskedField as T } from "../TextField/MaskedField.js";
 import { DatePickerExtendedContext as j } from "../DatePickerExtended/DatePickerExtendedContext.js";
-import { DateFieldContext as v } from "./DateFieldContext.js";
-import { EFormFieldStatus as A } from "../FormField/enums.js";
-import { FormFieldClear as L } from "../FormField/components/FormFieldClear.js";
+import { DateFieldContext as A } from "./DateFieldContext.js";
+import { EFormFieldStatus as L } from "../FormField/enums.js";
+import { FormFieldClear as O } from "../FormField/components/FormFieldClear.js";
 import { EComponentSize as r } from "../../enums/EComponentSize.js";
-import { ButtonIcon as O } from "../Button/ButtonIcon.js";
-import { isKey as F } from "../../utils/keyboard.js";
-const b = {
-  [r.SM]: /* @__PURE__ */ t(R, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ t(C, { paletteIndex: 5 }),
-  [r.LG]: /* @__PURE__ */ t(C, { paletteIndex: 5 })
+import { ButtonIcon as b } from "../Button/ButtonIcon.js";
+import { isKey as C } from "../../utils/keyboard.js";
+const v = {
+  [r.SM]: /* @__PURE__ */ e(R, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ e(u, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ e(u, { paletteIndex: 5 })
 }, Y = ({
   size: l = r.MD,
-  postfix: s,
-  maskedInputProps: k,
-  ...m
+  postfix: x,
+  maskedInputProps: F,
+  ...d
 }) => {
-  const { dropdownOpen: e, setDropdownOpen: n } = f(j), { inputFocusedRef: p, onChange: x, triggerChangeFromInput: D } = f(v), { status: I } = m, {
+  const { dropdownOpen: t, setDropdownOpen: n } = f(j), { inputFocusedRef: m, onChange: k, triggerChangeFromInput: D } = f(A), { status: I } = d, {
     onFocus: i,
     onBlur: c,
     onKeyDown: a,
-    onClick: d,
+    onClick: s,
     ...h
-  } = k, u = I === A.DISABLED, S = (o) => {
-    p.current = !0, i == null || i(o);
+  } = F, p = I === L.DISABLED, S = (o) => {
+    m.current = !0, i == null || i(o);
   }, E = (o) => {
-    p.current = !1, e || D(), c == null || c(o);
+    m.current = !1, t || D(), c == null || c(o);
   }, g = (o) => {
-    e || n(!0), d == null || d(o);
+    t || n(!0), s == null || s(o);
   }, B = (o) => {
-    F(o.code, "ENTER") ? n(!e) : F(o.code, "SPACE") && (o.preventDefault(), n(!e)), a == null || a(o);
-  }, M = () => n(!e), w = () => x(""), P = () => /* @__PURE__ */ y(K.Fragment, { children: [
-    /* @__PURE__ */ t(L, { onClick: w }),
-    /* @__PURE__ */ t(O, { active: e, disabled: u, onClick: M, children: b[l] })
+    C(o.code, "ENTER") ? n(!t) : C(o.code, "SPACE") && (o.preventDefault(), n(!t)), a == null || a(o);
+  }, M = () => n(!t), w = () => k(""), P = () => /* @__PURE__ */ y(K.Fragment, { children: [
+    /* @__PURE__ */ e(O, { onClick: w }),
+    /* @__PURE__ */ e(b, { active: t, disabled: p, onClick: M, children: v[l] }),
+    x
   ] });
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     T,
     {
       size: l,
       maskedInputProps: {
-        disabled: u,
+        disabled: p,
         onFocus: S,
         onBlur: E,
         onClick: g,
         onKeyDown: B,
         ...h
       },
-      postfix: s !== void 0 ? s : P(),
-      ...m
+      postfix: P(),
+      ...d
     }
   );
 };

package/components/DatePickerExtended/DatePickerExtended.js

@@ -6,7 +6,7 @@ import { EDropdownAlignment as Y } from "../Dropdown/enums.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-CcCakDyr.js";
+import "../../chunks/DropdownListItem-BuR89hPJ.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
 import "../Dropdown/mobile/DropdownMobileClose.js";
@@ -103,7 +103,7 @@ const ee = I.forwardRef((l, r) => {
       onKeyDown: F,
       onMouseDown: N,
       ...V,
-      "data-tx": "0.15.0",
+      "data-tx": "0.17.0",
       ref: (e) => {
         a.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
       },

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
 import f, { useContext as u } from "react";
-import { F as D } from "../../chunks/vendor-CalMVkfj.js";
+import { F as D } from "../../chunks/vendor-DE8Zvm0w.js";
 import { Dropdown as w } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
@@ -14,7 +14,7 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const h = "datePickerExtendedMobileDropdown__24ef86e9", C = {
+const h = "datePickerExtendedMobileDropdown__534c8c5f", C = {
   datePickerExtendedMobileDropdown: h
 }, E = f.forwardRef(
   (i, d) => {

package/components/DateRange/DateRange.js

@@ -3,15 +3,15 @@ import c from "moment";
 import { CaretleftStrokeSrvIcon20 as D, MinusStrokeSrvIcon20 as M, CaretrightStrokeSrvIcon20 as Y } from "@sberbusiness/icons-next";
 import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit as C } from "./enums.js";
-import { c as i } from "../../chunks/vendor-CalMVkfj.js";
-const E = "dateRange__b0ad3ec1", F = "dateRangeButton__77c44f14", h = "separator__dc443d21", d = {
+import { c as i } from "../../chunks/vendor-DE8Zvm0w.js";
+const E = "dateRange__f9614659", F = "dateRangeButton__d12aa3d0", h = "separator__be03f643", d = {
   dateRange: E,
   dateRangeButton: F,
   separator: h
 }, j = ({
   children: y,
-  className: R,
-  value: f,
+  className: f,
+  value: R,
   onChange: o,
   shiftAmount: n = 1,
   shiftUnit: s = C.MONTH,
@@ -22,7 +22,7 @@ const E = "dateRange__b0ad3ec1", F = "dateRangeButton__77c44f14", h = "separator
   renderButtonBack: k,
   ...b
 }) => {
-  const [t, a] = f, x = i(d.dateRange, R), B = (e) => {
+  const [t, a] = R, x = i(d.dateRange, f), B = (e) => {
     !e || !a || e <= a ? o([e, a]) : o([e, ""]);
   }, I = (e) => {
     !e || !t || e >= t ? o([t, e]) : o(["", e]);

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,11 +3,11 @@ import { DesignTokensCore as m } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as a } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as c } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark as f } from "./DesignTokensComponentsThemeDark.js";
-import { j as l } from "../../chunks/vendor-CalMVkfj.js";
+import { j as l } from "../../chunks/vendor-DE8Zvm0w.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "0.15.0";
+    let o = "0.17.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-CalMVkfj.js";
-const z = "divider__f5f80cf7", i = {
+import { c as g } from "../../chunks/vendor-DE8Zvm0w.js";
+const z = "divider__9767525a", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__aa611e75",
-  "marginBottomSize-4": "marginBottomSize-4__8791d383",
-  "marginTopSize-8": "marginTopSize-8__98c8523a",
-  "marginBottomSize-8": "marginBottomSize-8__88f694d5",
-  "marginTopSize-12": "marginTopSize-12__ad501284",
-  "marginBottomSize-12": "marginBottomSize-12__3574f66d",
-  "marginTopSize-16": "marginTopSize-16__7f1bf24c",
-  "marginBottomSize-16": "marginBottomSize-16__126b9984",
-  "marginTopSize-20": "marginTopSize-20__932e4045",
-  "marginBottomSize-20": "marginBottomSize-20__bcbd8ca0",
-  "marginTopSize-24": "marginTopSize-24__551a7e4f",
-  "marginBottomSize-24": "marginBottomSize-24__c7f08da3",
-  "marginTopSize-28": "marginTopSize-28__e11691f7",
-  "marginBottomSize-28": "marginBottomSize-28__cfee7db7",
-  "marginTopSize-32": "marginTopSize-32__55ea89fe",
-  "marginBottomSize-32": "marginBottomSize-32__10b49e88"
+  "marginTopSize-4": "marginTopSize-4__64c47e93",
+  "marginBottomSize-4": "marginBottomSize-4__efc86772",
+  "marginTopSize-8": "marginTopSize-8__113a889b",
+  "marginBottomSize-8": "marginBottomSize-8__3d9e682f",
+  "marginTopSize-12": "marginTopSize-12__356df457",
+  "marginBottomSize-12": "marginBottomSize-12__e45e58e3",
+  "marginTopSize-16": "marginTopSize-16__775bf99b",
+  "marginBottomSize-16": "marginBottomSize-16__a079fcab",
+  "marginTopSize-20": "marginTopSize-20__e12f818f",
+  "marginBottomSize-20": "marginBottomSize-20__7eeb9cdb",
+  "marginTopSize-24": "marginTopSize-24__0c133862",
+  "marginBottomSize-24": "marginBottomSize-24__d31be13c",
+  "marginTopSize-28": "marginTopSize-28__f569bc4f",
+  "marginBottomSize-28": "marginBottomSize-28__22afc2b3",
+  "marginTopSize-32": "marginTopSize-32__771c2cae",
+  "marginBottomSize-32": "marginBottomSize-32__5035f846"
 }, S = (e) => {
   const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
     i.divider,

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -6,22 +6,22 @@ import { EFontType as h, ETextSize as N } from "../Typography/enums.js";
 import { getCaretPosition as F, setCaretPosition as R } from "../../utils/inputUtils.js";
 import { StringUtils as B } from "../../utils/stringUtils.js";
 import { isKey as O } from "../../utils/keyboard.js";
-import { c as U } from "../../chunks/vendor-CalMVkfj.js";
+import { c as U } from "../../chunks/vendor-DE8Zvm0w.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__043be05d", G = "label__74ce1f05", H = "inputEditWrapper__f5aa04ad", c = {
+const $ = "documentNumberEdit__a8d7ac62", G = "label__aa41052f", H = "inputEditWrapper__476e7de9", c = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H
 }, V = 6, X = ({
   className: g,
   value: r,
-  buttonLabel: b,
-  emptyNumberButtonLabel: _,
+  buttonLabel: _,
+  emptyNumberButtonLabel: b,
   emptyNumberLabel: u,
   numberLabel: n,
   maxLength: f = V,
-  onBlur: l,
-  onChange: a,
+  onBlur: a,
+  onChange: l,
   onKeyDown: d,
   ...S
 }) => {
@@ -38,18 +38,18 @@ const $ = "documentNumberEdit__043be05d", G = "label__74ce1f05", H = "inputEditW
       onChange: M
     }
   ) }), I = "0".repeat(f), C = (t) => {
-    m(!1), l == null || l(t);
+    m(!1), a == null || a(t);
   }, D = (t) => {
     O(t.code, "ENTER") && m(!1), d == null || d(t);
   }, M = (t) => {
     const o = F(t.target), s = P(t.target.value), e = s.length - t.target.value.length;
-    t.target.value = s, R(t.target, o + e), a == null || a(t);
+    t.target.value = s, R(t.target, o + e), l == null || l(t);
   }, P = (t) => {
     const o = [], s = t.length;
     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: 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(c.documentNumberEdit, g), children: [

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,18 +1,18 @@
 import { jsx as U } from "react/jsx-runtime";
-import B, { useState as G, useRef as A, useCallback as s, useEffect as y } from "react";
-import { c as F } from "../../../chunks/vendor-CalMVkfj.js";
+import B, { useState as G, useRef as L, useCallback as s, useEffect as y } from "react";
+import { c as F } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { EDropdownAlignment as w, EDropdownDirection as E } from "../enums.js";
 import { EComponentSize as I } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as j } from "../../../utils/classNameMaps.js";
 import { useToken as K } from "../../ThemeProvider/useToken.js";
 import { isKey as i } from "../../../utils/keyboard.js";
-const V = "dropdownDesktop__e3f45529", q = "sm__56e60b8e", J = "md__3e99e370", Q = "lg__dfa8e684", X = "dropdownDesktopOverflowHidden__594f7d74", O = {
+const V = "dropdownDesktop__9ff45ac0", q = "sm__308d5b8b", J = "md__fadf6399", Q = "lg__e1d3a3db", X = "dropdownDesktopOverflowHidden__b3863a34", O = {
   dropdownDesktop: V,
   sm: q,
   md: J,
   lg: Q,
   dropdownDesktopOverflowHidden: X
-}, Y = j(O), b = O.dropdownDesktopOverflowHidden, Z = B.forwardRef((C, m) => {
+}, Y = j(O), A = O.dropdownDesktopOverflowHidden, Z = B.forwardRef((C, m) => {
   const {
     alignment: p = w.AUTO,
     children: k,
@@ -25,7 +25,7 @@ const V = "dropdownDesktop__e3f45529", q = "sm__56e60b8e", J = "md__3e99e370", Q
     targetRef: _,
     size: W = I.MD,
     ...R
-  } = C, { scopeClassName: S } = K(), [z, T] = G({ opacity: 0 }), d = A(null), h = A({ height: 0, width: 0 }), x = F(O.dropdownDesktop, Y[W], S, N), D = s(
+  } = C, { scopeClassName: S } = K(), [z, T] = G({ opacity: 0 }), d = L(null), h = L({ height: 0, width: 0 }), x = F(O.dropdownDesktop, Y[W], S, N), D = s(
     (e) => {
       var t;
       (t = d.current) != null && t.contains(e.target) || e.preventDefault();
@@ -42,13 +42,13 @@ const V = "dropdownDesktop__e3f45529", q = "sm__56e60b8e", J = "md__3e99e370", Q
       e ? (document.addEventListener("wheel", D, { passive: !1 }), document.addEventListener("keydown", g)) : (document.removeEventListener("wheel", D), document.removeEventListener("keydown", g));
     },
     [D, g]
-  ), H = s(
+  ), b = s(
     (e, t, o) => {
       const n = u ? o.width : Math.max(o.width, t.width);
       p === w.AUTO ? o.right - n > 0 ? e.left = o.right - n : o.left + n < document.documentElement.clientWidth ? e.left = o.left : e.left = o.right - n : p === w.RIGHT ? e.left = o.right - n : p === w.LEFT && (e.left = o.left);
     },
     [p, u]
-  ), L = s(
+  ), H = s(
     (e, t, o) => {
       a === E.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 === E.BOTTOM ? e.top = o.bottom + 4 : a === E.TOP && (e.bottom = document.documentElement.clientHeight - o.top + 4);
     },
@@ -57,9 +57,9 @@ const V = "dropdownDesktop__e3f45529", q = "sm__56e60b8e", J = "md__3e99e370", Q
     const { current: e } = d, { current: t } = _;
     if (e && t) {
       const o = e.getBoundingClientRect(), n = t.getBoundingClientRect(), c = {};
-      u ? c.width = n.width : c.minWidth = n.width, L(c, o, n), H(c, o, n), h.current = { height: o.height, width: o.width }, T(c);
+      u ? c.width = n.width : c.minWidth = n.width, H(c, o, n), b(c, o, n), h.current = { height: o.height, width: o.width }, T(c);
     }
-  }, [_, u, L, H]);
+  }, [_, u, H, b]);
   y(() => {
     f ? r() : (h.current = { height: 0, width: 0 }, T({ opacity: 0 }));
   }, [f, r]), y(() => {
@@ -73,8 +73,8 @@ const V = "dropdownDesktop__e3f45529", q = "sm__56e60b8e", J = "md__3e99e370", Q
   }, [r]);
   y(() => {
     if (f)
-      return document.addEventListener("scroll", l, !0), window.addEventListener("resize", l), v(!0), document.body.classList.add(b), l(), () => {
-        document.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), v(!1), document.body.classList.remove(b);
+      return document.addEventListener("scroll", l, !0), window.addEventListener("resize", l), v(!0), document.body.classList.add(A), l(), () => {
+        document.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), v(!1), document.body.classList.remove(A);
       };
   }, [f, l, v]);
   const M = (e) => {
@@ -86,7 +86,7 @@ const V = "dropdownDesktop__e3f45529", q = "sm__56e60b8e", J = "md__3e99e370", Q
       className: x,
       style: { ...z, ...P },
       ...R,
-      "data-tx": "0.15.0",
+      "data-tx": "0.17.0",
       ref: M,
       children: k
     }

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-CalMVkfj.js";
-import { s as C, D as x } from "../../../chunks/DropdownListItem-CcCakDyr.js";
+import { c as _ } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as C, D as x } from "../../../chunks/DropdownListItem-BuR89hPJ.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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../utils/keyboard.js";
-import "../../../chunks/vendor-CalMVkfj.js";
+import "../../../chunks/vendor-DE8Zvm0w.js";
 import "../../NotificationIcon/NotificationIcon.js";
-import { D as s } from "../../../chunks/DropdownListItem-CcCakDyr.js";
+import { D as s } from "../../../chunks/DropdownListItem-BuR89hPJ.js";
 export {
   s as DropdownListItem
 };

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-CcCakDyr.js";
+import { D as m } from "../../../chunks/DropdownListItem-BuR89hPJ.js";
 export {
   p as DropdownDesktop,
   e as DropdownList,

package/components/Dropdown/index.js

@@ -2,7 +2,7 @@ import { EDropdownAlignment as e, EDropdownDirection as p, EDropdownListSize as
 import { DropdownListContext as D } from "./DropdownListContext.js";
 import { DropdownDesktop as m } from "./desktop/DropdownDesktop.js";
 import { DropdownList as x } from "./desktop/DropdownList.js";
-import { D as l } from "../../chunks/DropdownListItem-CcCakDyr.js";
+import { D as l } from "../../chunks/DropdownListItem-BuR89hPJ.js";
 import { DropdownMobile as M } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody as L } from "./mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as I } from "./mobile/DropdownMobileClose.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-af6OVs0G.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-D1kNUx6-.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.15.0",
+      "data-tx": "0.17.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-CalMVkfj.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-af6OVs0G.js";
+import { c as d } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-D1kNUx6-.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

@@ -2,8 +2,8 @@ import { jsx as o } from "react/jsx-runtime";
 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-CalMVkfj.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-af6OVs0G.js";
+import { c as p } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-D1kNUx6-.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-CalMVkfj.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-af6OVs0G.js";
+import { c as i } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-D1kNUx6-.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-CalMVkfj.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-af6OVs0G.js";
+import { c as m } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-D1kNUx6-.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

@@ -1,8 +1,8 @@
 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-CalMVkfj.js";
+import { c as n } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-af6OVs0G.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-D1kNUx6-.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 d } from "../../../chunks/vendor-CalMVkfj.js";
-const e = "dropdownMobileInput__d6337b68", i = {
+import { c as d } from "../../../chunks/vendor-DE8Zvm0w.js";
+const e = "dropdownMobileInput__9ed4816d", i = {
   dropdownMobileInput: e
 }, s = r.forwardRef(
   ({ className: o, ...p }, n) => /* @__PURE__ */ t("input", { className: d(i.dropdownMobileInput, o), ...p, ref: n })

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -1,12 +1,12 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import p from "react";
-import { c as a } from "../../../chunks/vendor-CalMVkfj.js";
+import { c as a } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { DropdownMobileListItem as n } from "./DropdownMobileListItem.js";
 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-af6OVs0G.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-D1kNUx6-.js";
 const b = p.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,9 +1,9 @@
 import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import x from "react";
-import { c } from "../../../chunks/vendor-CalMVkfj.js";
+import { c } from "../../../chunks/vendor-DE8Zvm0w.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-af6OVs0G.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-D1kNUx6-.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) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-CalMVkfj.js";
+import { c as e } from "../../../chunks/vendor-DE8Zvm0w.js";
 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-af6OVs0G.js";
+import { s } from "../../../chunks/DropdownMobile.module-D1kNUx6-.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-CalMVkfj.js";
+import { jsx as e } from "react/jsx-runtime";
+import { c as p } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__1ec26295", r = {
+const t = "dropdownMobileMaskedInput__d5cf9ddc", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, e), ...s });
+}, n = ({ className: s, ...d }) => /* @__PURE__ */ e(o, { className: p(r.dropdownMobileMaskedInput, s), ...d });
 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-CalMVkfj.js";
-const c = "ellipsisLineClamp__4512babe", r = "oneLine__178962c7", e = {
-  ellipsisLineClamp: c,
+import { c } from "../../chunks/vendor-DE8Zvm0w.js";
+const m = "ellipsisLineClamp__f093ca9b", r = "oneLine__3b4c8d0e", 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.15.0",
+        "data-tx": "0.17.0",
         ref: o,
         children: i
       }