@sberbusiness/triplex-next 0.26.0 → 0.28.0

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -1,60 +1,60 @@
-import { jsx as t, jsxs as E } from "react/jsx-runtime";
-import M, { useContext as p } from "react";
-import { CalendarStrokeSrvIcon20 as s, CalendarStrokeSrvIcon16 as w } from "@sberbusiness/icons-next";
-import { TextField as y } from "../TextField/TextField.js";
-import { DatePickerExtendedContext as P } from "../DatePickerExtended/DatePickerExtendedContext.js";
-import { MonthYearFieldContext as T } from "./MonthYearFieldContext.js";
-import { EFormFieldStatus as g } from "../FormField/enums.js";
-import { FormFieldClear as B } from "../FormField/components/FormFieldClear.js";
+import { jsx as t, jsxs as D, Fragment as E } from "react/jsx-runtime";
+import { useContext as F } from "react";
+import { CalendarStrokeSrvIcon24 as h, CalendarStrokeSrvIcon20 as M, CalendarStrokeSrvIcon16 as w } from "@sberbusiness/icons-next";
+import { DatePickerExtendedContext as y } from "../DatePickerExtended/DatePickerExtendedContext.js";
+import { TextField as P } from "../TextField/TextField.js";
+import { FormFieldClear as T } from "../FormField/components/FormFieldClear.js";
+import { ButtonIcon as B } from "../Button/ButtonIcon.js";
+import { isKey as s } from "../../utils/keyboard.js";
 import { EComponentSize as r } from "../../enums/EComponentSize.js";
-import { ButtonIcon as K } from "../Button/ButtonIcon.js";
-import { isKey as m } from "../../utils/keyboard.js";
+import { EFormFieldStatus as K } from "../FormField/enums.js";
 const O = {
   [r.SM]: /* @__PURE__ */ t(w, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ t(s, { paletteIndex: 5 }),
-  [r.LG]: /* @__PURE__ */ t(s, { paletteIndex: 5 })
-}, H = ({
-  size: l = r.MD,
-  postfix: C,
+  [r.MD]: /* @__PURE__ */ t(M, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ t(h, { paletteIndex: 5 })
+}, Y = ({
+  size: a = r.MD,
+  postfix: m,
+  onClear: c,
   inputProps: f,
-  ...c
+  ...l
 }) => {
-  const { dropdownOpen: e, setDropdownOpen: n } = p(P), { onChange: x } = p(T), { status: u } = c, { onKeyDown: i, onClick: a, ...I } = f, d = u === g.DISABLED, h = (o) => {
-    n(!e), a == null || a(o);
-  }, k = (o) => {
-    m(o.code, "ENTER") ? n(!e) : m(o.code, "SPACE") && (o.preventDefault(), n(!e)), i == null || i(o);
-  }, D = () => n(!e), S = () => x(""), F = () => /* @__PURE__ */ E(M.Fragment, { children: [
-    /* @__PURE__ */ t(B, { onClick: S }),
+  const { dropdownOpen: e, setDropdownOpen: n } = F(y), { status: C } = l, { onKeyDown: i, onClick: d, ...x } = f, p = C === K.DISABLED, I = (o) => {
+    n(!e), d == null || d(o);
+  }, S = (o) => {
+    s(o.code, "ENTER") ? n(!e) : s(o.code, "SPACE") && (o.preventDefault(), n(!e)), i == null || i(o);
+  }, u = () => n(!e), k = () => /* @__PURE__ */ D(E, { children: [
+    c && /* @__PURE__ */ t(T, { onClick: c }),
     /* @__PURE__ */ t(
-      K,
+      B,
       {
         role: "presentation",
         tabIndex: -1,
         active: e,
-        disabled: d,
-        onClick: D,
-        children: O[l]
+        disabled: p,
+        onClick: u,
+        children: O[a]
       }
     ),
-    C
+    m
   ] });
   return /* @__PURE__ */ t(
-    y,
+    P,
     {
-      size: l,
+      size: a,
       inputProps: {
         readOnly: !0,
-        disabled: d,
-        onClick: h,
-        onKeyDown: k,
-        ...I
+        disabled: p,
+        onClick: I,
+        onKeyDown: S,
+        ...x
       },
-      postfix: F(),
-      ...c
+      postfix: k(),
+      ...l
     }
   );
 };
 export {
-  H as MonthYearFieldTarget
+  Y as MonthYearFieldTarget
 };
 //# sourceMappingURL=MonthYearFieldTarget.js.map

package/components/MonthYearRange/MonthYearRange.js

@@ -1,11 +1,11 @@
-import { jsxs as _, jsx as d } from "react/jsx-runtime";
+import { jsxs as _, jsx as i } from "react/jsx-runtime";
 import b from "react";
 import c from "moment";
 import { CaretleftStrokeSrvIcon20 as v, RangeStrokeSrvIcon16 as V, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
-import { c as i } from "../../chunks/vendor---Om3uMV.js";
+import { c as d } from "../../chunks/vendor---Om3uMV.js";
 import { dateFormatYYYYMMDD as a } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit as E } from "./enums.js";
-const F = "monthYearRange__bdd8d49d", j = "monthYearRangeButton__d1c70021", w = "separator__a87d785f", l = {
+const F = "monthYearRange__23ef4370", j = "monthYearRangeButton__91b96fe1", w = "separator__ffee437e", l = {
   monthYearRange: F,
   monthYearRangeButton: j,
   separator: w
@@ -23,7 +23,7 @@ const F = "monthYearRange__bdd8d49d", j = "monthYearRangeButton__d1c70021", w =
     renderButtonBack: h,
     ...S
   }, k) => {
-    const [t, r] = p, x = i(l.monthYearRange, R), B = (e) => {
+    const [t, r] = p, x = d(l.monthYearRange, R), B = (e) => {
       !e || !r || e <= r ? o([e, r]) : o([e, ""]);
     }, I = (e) => {
       !e || !t || e >= t ? o([t, e]) : o(["", e]);
@@ -46,8 +46,8 @@ const F = "monthYearRange__bdd8d49d", j = "monthYearRangeButton__d1c70021", w =
     };
     return /* @__PURE__ */ _("div", { className: x, ...S, ref: k, children: [
       !f && h({
-        children: /* @__PURE__ */ d(v, { paletteIndex: 5 }),
-        className: i(l.monthYearRangeButton),
+        children: /* @__PURE__ */ i(v, { paletteIndex: 5 }),
+        className: d(l.monthYearRangeButton),
         disabled: !(t && r),
         onClick: M
       }),
@@ -55,14 +55,14 @@ const F = "monthYearRange__bdd8d49d", j = "monthYearRangeButton__d1c70021", w =
         onChange: B,
         value: t
       }),
-      /* @__PURE__ */ d(V, { className: l.separator, paletteIndex: 5 }),
+      /* @__PURE__ */ i(V, { className: l.separator, paletteIndex: 5 }),
       u({
         onChange: I,
         value: r
       }),
       !f && g({
-        children: /* @__PURE__ */ d(C, { paletteIndex: 5 }),
-        className: i(l.monthYearRangeButton),
+        children: /* @__PURE__ */ i(C, { paletteIndex: 5 }),
+        className: d(l.monthYearRangeButton),
         disabled: !(t && r),
         onClick: N
       })

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { F as a } from "../../../chunks/vendor---Om3uMV.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CRdOVwlq.js";
+import "../../../chunks/DropdownListItem-DEMHVloq.js";
 import { EDropdownWidth as s } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,13 +1,13 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { MultiselectFieldContext as a } from "../MultiselectFieldContext.js";
+import { MultiselectFieldContext as d } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
-import { c as d } from "../../../chunks/vendor---Om3uMV.js";
+import { c as a } from "../../../chunks/vendor---Om3uMV.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const _ = "multiselectFieldContent__33b09e7f", f = "loaderScreen__6691a6d7", C = "sm__fcebad9b", u = "md__1a332434", x = "lg__a97cf582", e = {
+const _ = "multiselectFieldContent__a1ee488f", C = "loaderScreen__e5d036da", f = "sm__c66050b8", u = "md__57c805dd", x = "lg__f8d5e429", e = {
   multiselectFieldContent: _,
-  loaderScreen: f,
-  sm: C,
+  loaderScreen: C,
+  sm: f,
   md: u,
   lg: x
 }, F = i(e), j = ({
@@ -16,12 +16,12 @@ const _ = "multiselectFieldContent__33b09e7f", f = "loaderScreen__6691a6d7", C =
   loading: s,
   ...l
 }) => {
-  const { size: n } = m(a);
+  const { size: n } = m(d);
   return /* @__PURE__ */ c(
     "div",
     {
       tabIndex: -1,
-      className: d(e.multiselectFieldContent, F[n], o),
+      className: a(e.multiselectFieldContent, F[n], o),
       ...l,
       children: [
         t,

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as s } from "../../../chunks/vendor---Om3uMV.js";
-const i = "multiselectFieldFooter__d34945fc", c = {
+const i = "multiselectFieldFooter__cd1a082a", c = {
   multiselectFieldFooter: i
 }, m = ({
   children: e,

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,12 +1,12 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor---Om3uMV.js";
-const i = "multiselectFieldHeader__cd364b38", c = {
-  multiselectFieldHeader: i
+import { c as i } from "../../../chunks/vendor---Om3uMV.js";
+const d = "multiselectFieldHeader__8e096469", c = {
+  multiselectFieldHeader: d
 }, m = ({
   children: e,
   className: l,
   ...t
-}) => /* @__PURE__ */ s("div", { className: d(c.multiselectFieldHeader, l), ...t, children: e });
+}) => /* @__PURE__ */ s("div", { className: i(c.multiselectFieldHeader, l), ...t, children: e });
 export {
   m as MultiselectFieldDropdownHeader
 };

package/components/Notification/Notification.js

@@ -4,7 +4,7 @@ import { NotificationBody as d } from "./components/NotificationBody.js";
 import { NotificationClose as p } from "./components/NotificationClose.js";
 import { NotificationIcon as N } from "./components/NotificationIcon.js";
 import { NotificationTime as x } from "./components/NotificationTime.js";
-import { s as i } from "../../chunks/Notification.module-7THtDpDh.js";
+import { s as i } from "../../chunks/Notification.module-Cdt0qyac.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "0.26.0",
+      "data-tx": "0.28.0",
       children: a
     }
   );

package/components/Notification/NotificationGrouped.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { NotificationGroupedFooter as t } from "./components/NotificationGroupedFooter.js";
-import { s as e } from "../../chunks/Notification.module-7THtDpDh.js";
+import { s as e } from "../../chunks/Notification.module-Cdt0qyac.js";
 const p = ({ children: o }) => /* @__PURE__ */ i("div", { className: e.notificationGroupedWrapper, children: [
   o,
   /* @__PURE__ */ r(t, {})

package/components/Notification/components/NotificationBody.js

@@ -3,7 +3,7 @@ import { NotificationHeader as n } from "./NotificationHeader.js";
 import { NotificationBodyContent as a } from "./NotificationBodyContent.js";
 import { NotificationFooter as e } from "./NotificationFooter.js";
 import { NotificationBodyList as m } from "./NotificationBodyList.js";
-import { s as f } from "../../../chunks/Notification.module-7THtDpDh.js";
+import { s as f } from "../../../chunks/Notification.module-Cdt0qyac.js";
 const o = ((t) => {
   const { children: i } = t;
   return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });

package/components/Notification/components/NotificationBodyList.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { UnorderedList as t } from "../../UnorderedList/UnorderedList.js";
 import "../../UnorderedList/UnorderedListItem.js";
-import { s as a } from "../../../chunks/Notification.module-7THtDpDh.js";
+import { s as a } from "../../../chunks/Notification.module-Cdt0qyac.js";
 import { c as e } from "../../../chunks/vendor---Om3uMV.js";
 const c = ({ className: s, ...i }) => /* @__PURE__ */ o(t, { className: e(a.notificationBodyList, s), ...i, children: i.values.map((m, r) => /* @__PURE__ */ o(t.Item, { children: m }, r)) });
 c.displayName = "NotificationBodyList";

package/components/Notification/components/NotificationClose.js

@@ -5,7 +5,7 @@ import "../../Button/ButtonBase.js";
 import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as m } from "../../../chunks/Notification.module-7THtDpDh.js";
+import { s as m } from "../../../chunks/Notification.module-Cdt0qyac.js";
 const e = ({ onClick: t, ...i }) => /* @__PURE__ */ o("span", { className: m.notificationClose, children: /* @__PURE__ */ o(s, { ...i, onClick: t, children: /* @__PURE__ */ o(r, { paletteIndex: 5 }) }) });
 e.displayName = "NotificationClose";
 export {

package/components/Notification/components/NotificationFooter.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../chunks/Notification.module-7THtDpDh.js";
+import { s as i } from "../../../chunks/Notification.module-Cdt0qyac.js";
 const s = ({ children: o }) => /* @__PURE__ */ t("div", { className: i.notificationFooter, children: o });
 s.displayName = "NotificationFooter";
 export {

package/components/Notification/components/NotificationGroupedFooter.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor---Om3uMV.js";
-import { s as o } from "../../../chunks/Notification.module-7THtDpDh.js";
+import { s as o } from "../../../chunks/Notification.module-Cdt0qyac.js";
 const m = () => /* @__PURE__ */ s("div", { children: [
   /* @__PURE__ */ t("div", { className: i(o.notificationGroupedFooterItem, o.first) }),
   /* @__PURE__ */ t("div", { className: i(o.notificationGroupedFooterItem, o.second) })

package/components/Notification/components/NotificationHeader.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as a } from "../../../chunks/Notification.module-7THtDpDh.js";
+import { s as a } from "../../../chunks/Notification.module-Cdt0qyac.js";
 const t = ({ children: i }) => /* @__PURE__ */ o("h3", { className: a.notificationHeader, children: i });
 t.displayName = "NotificationHeader";
 export {

package/components/Notification/components/NotificationIcon.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { s as t } from "../../../chunks/Notification.module-7THtDpDh.js";
+import { s as t } from "../../../chunks/Notification.module-Cdt0qyac.js";
 const s = ({ children: o }) => /* @__PURE__ */ i("div", { className: t.notificationIcon, children: o });
 s.displayName = "NotificationIcon";
 export {

package/components/Notification/components/NotificationTime.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../../chunks/Notification.module-7THtDpDh.js";
+import { s as t } from "../../../chunks/Notification.module-Cdt0qyac.js";
 const s = ({ time: i }) => /* @__PURE__ */ o("span", { className: t.notificationTime, children: i });
 s.displayName = "NotificationTime";
 export {

package/components/NumberField/NumberFieldInput.js

@@ -3,7 +3,7 @@ import h, { useCallback as l } from "react";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as d } from "../../chunks/FormFieldInput-CyAOOwnJ.js";
+import { F as d } from "../../chunks/FormFieldInput-Cb-NqZOL.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/OrderedList/OrderedList.js

@@ -2,7 +2,7 @@ import { jsx as s } from "react/jsx-runtime";
 import i from "react";
 import { c as m } from "../../chunks/vendor---Om3uMV.js";
 import { OrderedListItem as a } from "./OrderedListItem.js";
-const c = "orderedList__c86ac961", L = {
+const c = "orderedList__c4b78439", L = {
   orderedList: c
 }, f = Object.assign(
   i.forwardRef(({ className: t, start: e, style: r, ...d }, o) => /* @__PURE__ */ s(
@@ -15,7 +15,7 @@ const c = "orderedList__c86ac961", L = {
         "--start-index-tx": e - 1
       } : r,
       ...d,
-      "data-tx": "0.26.0",
+      "data-tx": "0.28.0",
       ref: o
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -6,9 +6,9 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as d } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const a = "orderedListItem__72f8d15b", p = {
+const a = "orderedListItem__101446bd", p = {
   orderedListItem: a
-}, f = m.forwardRef(
+}, c = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
     d,
     {
@@ -16,13 +16,13 @@ const a = "orderedListItem__72f8d15b", p = {
       size: s.B3,
       tag: "li",
       ...e,
-      "data-tx": "0.26.0",
+      "data-tx": "0.28.0",
       ref: r
     }
   )
 );
-f.displayName = "OrderedListItem";
+c.displayName = "OrderedListItem";
 export {
-  f as OrderedListItem
+  c as OrderedListItem
 };
 //# sourceMappingURL=OrderedListItem.js.map

package/components/Overlay/Overlay.js

@@ -4,7 +4,7 @@ import { c as u } from "../../chunks/vendor---Om3uMV.js";
 import { OverlayBase as k } from "./OverlayBase.js";
 import { OverlayMask as B } from "./OverlayMask.js";
 import { OverlayPanel as M } from "./OverlayPanel.js";
-import { s as r } from "../../chunks/Overlay.module-B0Fayqn2.js";
+import { s as r } from "../../chunks/Overlay.module-s6l_vTfQ.js";
 const s = ({
   children: o,
   className: i,

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import l from "react";
 import { c as t } from "../../chunks/vendor---Om3uMV.js";
-import { s as a } from "../../chunks/Overlay.module-B0Fayqn2.js";
+import { s as a } from "../../chunks/Overlay.module-s6l_vTfQ.js";
 const p = l.forwardRef(
   ({ className: r, opened: s, ...o }, e) => /* @__PURE__ */ m(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import n from "react";
 import { c as P } from "../../chunks/vendor---Om3uMV.js";
 import { EOverlayDirection as a } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-B0Fayqn2.js";
+import { s as e } from "../../chunks/Overlay.module-s6l_vTfQ.js";
 const T = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as i } from "../../chunks/vendor---Om3uMV.js";
 import { BodyPage as p } from "./components/BodyPage.js";
 import { HeaderPage as f } from "./components/HeaderPage.js";
 import { FooterPage as g } from "./components/FooterPage.js";
-import { s as o } from "../../chunks/Page.module-oxsZ2i2v.js";
+import { s as o } from "../../chunks/Page.module-DfXEH6KZ.js";
 import "./components/enums.js";
 const c = Object.assign(
   s.forwardRef(function({ children: r, className: e, ...a }, m) {

package/components/Page/components/BodyPage.js

@@ -5,17 +5,17 @@ import { c as d } from "../../../chunks/vendor---Om3uMV.js";
 import { EBodyPageVerticalMargin as r, EBodyPageType as y } from "./enums.js";
 import { Island as p } from "../../Island/Island.js";
 import { EIslandType as M } from "../../Island/enums.js";
-const P = "bodyPage__ddc531f7", f = "verticalMargin24__016b5be6", v = "verticalMargin16__aa3e32ae", e = {
-  bodyPage: P,
-  verticalMargin24: f,
-  verticalMargin16: v
-}, b = {
-  [r.LARGE]: e.verticalMargin24,
-  [r.SMALL]: e.verticalMargin16
+const f = "bodyPage__e3b689f4", b = "verticalMargin24__9fa4bfe7", P = "verticalMargin16__266bbb7a", o = {
+  bodyPage: f,
+  verticalMargin24: b,
+  verticalMargin16: P
+}, v = {
+  [r.LARGE]: o.verticalMargin24,
+  [r.SMALL]: o.verticalMargin16
 }, _ = m.forwardRef(
-  ({ className: s, type: n, size: l, verticalMargin: g = r.LARGE, ...o }, i) => {
-    const t = d(s, e.bodyPage, b[g]);
-    return n === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: M.TYPE_1, ref: i, size: l, children: /* @__PURE__ */ a(c, { ...o }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...o });
+  ({ className: s, type: n, size: l, verticalMargin: g = r.LARGE, ...e }, i) => {
+    const t = d(s, o.bodyPage, v[g]);
+    return n === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: M.TYPE_1, ref: i, size: l, children: /* @__PURE__ */ a(c, { ...e }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...e });
   }
 );
 _.displayName = "BodyPage";

package/components/Page/components/FooterPage.js

@@ -9,7 +9,7 @@ import { EIslandType as g } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as n } from "../../../chunks/Page.module-oxsZ2i2v.js";
+import { s as n } from "../../../chunks/Page.module-DfXEH6KZ.js";
 const N = Object.assign(
   R.forwardRef(
     ({ className: m, type: r, size: a, sticky: p, ...f }, o) => {

package/components/Page/components/HeaderPage.js

@@ -6,7 +6,7 @@ import { c as l } from "../../../chunks/vendor---Om3uMV.js";
 import { Island as S } from "../../Island/Island.js";
 import { EIslandType as y } from "../../Island/enums.js";
 import { useStickyCornerRadius as b } from "./useStickyCornerRadius.js";
-import { s as i } from "../../../chunks/Page.module-oxsZ2i2v.js";
+import { s as i } from "../../../chunks/Page.module-DfXEH6KZ.js";
 const C = Object.assign(
   T.forwardRef(
     ({ className: m, type: a, size: n, sticky: d, ...f }, r) => {

package/components/Pagination/components/PaginationExtended.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor---Om3uMV.js";
 import d from "react";
-const r = "paginationExtended__c0ace0f3", s = {
+const r = "paginationExtended__798ca0f2", s = {
   paginationExtended: r
 }, x = d.forwardRef(
   ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ o(
     "nav",
     {
       className: i(s.paginationExtended, a),
-      "data-tx": "0.26.0",
+      "data-tx": "0.28.0",
       ...n,
       ref: e,
       children: t

package/components/Pagination/components/PaginationNavigationButton.js

@@ -1,15 +1,15 @@
 import { jsx as t } from "react/jsx-runtime";
-import c from "react";
+import r from "react";
 import { ButtonIcon as p } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape as m } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection as s } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 as o } from "@sberbusiness/icons-next";
-const g = "paginationNavigationButton__a018bda5", N = "directionIconNext__bef17af2", n = {
+const g = "paginationNavigationButton__cb2cfeaf", N = "directionIconNext__bfdc7a47", n = {
   paginationNavigationButton: g,
   directionIconNext: N
-}, f = c.forwardRef(
+}, f = r.forwardRef(
   ({ direction: i, ...a }, e) => {
-    const r = i === s.BACK;
+    const c = i === s.BACK;
     return /* @__PURE__ */ t(
       p,
       {
@@ -17,7 +17,7 @@ const g = "paginationNavigationButton__a018bda5", N = "directionIconNext__bef17a
         shape: m.SQUIRCLE,
         ...a,
         ref: e,
-        children: r ? /* @__PURE__ */ t(o, { paletteIndex: 5 }) : /* @__PURE__ */ t(o, { paletteIndex: 5, className: n.directionIconNext })
+        children: c ? /* @__PURE__ */ t(o, { paletteIndex: 5 }) : /* @__PURE__ */ t(o, { paletteIndex: 5, className: n.directionIconNext })
       }
     );
   }

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
 import { c as d } from "../../../chunks/vendor---Om3uMV.js";
-const g = "paginationNavigationExtended__d6ce3372", r = {
+const g = "paginationNavigationExtended__e9095478", r = {
   paginationNavigationExtended: g
 }, s = e.forwardRef(
   ({ children: a, className: i, ...n }, t) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, i), ...n, ref: t, children: a })

package/components/Pagination/components/PaginationPageButton.js

@@ -11,7 +11,7 @@ import { ButtonBase as s } from "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-const P = "paginationPageButton__f06d9b72", u = "currentPage__8492ca59", a = {
+const P = "paginationPageButton__6138c600", u = "currentPage__22c26b81", a = {
   paginationPageButton: P,
   currentPage: u
 }, f = m.forwardRef(

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,15 +1,15 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as p } from "../../../chunks/vendor---Om3uMV.js";
-import r from "react";
-import { ETextSize as e } from "../../Typography/enums.js";
+import e from "react";
+import { ETextSize as r } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text as l } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const n = "paginationPageEllipsis__b30db2ab", m = {
+const n = "paginationPageEllipsis__a7e797e4", m = {
   paginationPageEllipsis: n
-}, g = r.forwardRef(
-  ({ children: i, className: a, ...o }, s) => /* @__PURE__ */ t(l, { size: e.B3, className: p(m.paginationPageEllipsis, a), ...o, ref: s, children: i })
+}, g = e.forwardRef(
+  ({ children: i, className: a, ...o }, s) => /* @__PURE__ */ t(l, { size: r.B3, className: p(m.paginationPageEllipsis, a), ...o, ref: s, children: i })
 );
 g.displayName = "PaginationPageEllipsis";
 export {

package/components/Pagination/components/PaginationSelect.js

@@ -1,27 +1,27 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import m, { useState as p } from "react";
-import { u as S, c as d } from "../../../chunks/vendor---Om3uMV.js";
-import { ETextSize as g } from "../../Typography/enums.js";
+import { u as d, c as S } from "../../../chunks/vendor---Om3uMV.js";
+import { ETextSize as f } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
-import { Text as f } from "../../Typography/Text.js";
+import { Text as g } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { SelectField as x } from "../../SelectField/SelectField.js";
 import { EComponentSize as u } from "../../../enums/EComponentSize.js";
-const C = "paginationSelect__6a57c49a", z = "paginationSelectControl__03327cde", o = {
+const C = "paginationSelect__7fae5d3f", z = "paginationSelectControl__d8eea14d", o = {
   paginationSelect: C,
   paginationSelectControl: z
 }, P = m.forwardRef(
-  ({ paginationLabel: e, className: a, options: n, value: r, onChange: l }, c) => {
-    const [i] = p(() => `Pagination-${S()}`);
-    return /* @__PURE__ */ s("div", { className: d(o.paginationSelect, a), ref: c, children: [
-      /* @__PURE__ */ t(f, { size: g.B3, id: i, children: e }),
-      /* @__PURE__ */ t("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ t(
+  ({ paginationLabel: t, className: a, options: n, value: r, onChange: l }, c) => {
+    const [i] = p(() => `Pagination-${d()}`);
+    return /* @__PURE__ */ s("div", { className: S(o.paginationSelect, a), ref: c, children: [
+      /* @__PURE__ */ e(g, { size: f.B3, id: i, children: t }),
+      /* @__PURE__ */ e("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ e(
         x,
         {
           size: u.SM,
           value: r,
-          mobileTitle: e,
+          mobileTitle: t,
           options: n,
           onChange: l,
           targetProps: {