@sberbusiness/triplex-next 1.27.0 → 1.28.0

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -1,35 +1,35 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import { useState as r, useRef as h, useEffect as u, useLayoutEffect as p } from "react";
-import { h as g, i as W, p as a } from "../../../chunks/vendor-DudMBGKr.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import h, { useState as s, useRef as p, useLayoutEffect as R } from "react";
+import { h as g, i as W, p as c } from "../../../chunks/vendor-DudMBGKr.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as R } from "../../../chunks/ModalWindow.module-Be4wGbwq.js";
-const s = "modalWindowViewManagerNodeId", z = () => {
-  const [d, c] = r(), [t, l] = r(), o = h(null), n = () => {
-    if (o.current) {
-      const e = o.current.getBoundingClientRect();
+import { s as N } from "../../../chunks/ModalWindow.module-Dt8kEFNo.js";
+const l = "modalWindowViewManagerNodeId", x = () => {
+  let e = document.querySelector(`#${l}`);
+  return e || (e = document.createElement("div"), e.setAttribute("id", l), document.body.appendChild(e)), e;
+}, V = h.forwardRef((e, i) => {
+  const [n] = s(x), [t, f] = s(), d = p(null), u = (o) => {
+    d.current = o, typeof i == "function" ? i(o) : i && (i.current = o);
+  }, a = () => {
+    if (d.current) {
+      const o = d.current.getBoundingClientRect();
       W(
-        a(t, ["top", "left", "width", "height"]),
-        a(e, ["top", "left", "width", "height"])
-      ) || l(e);
+        c(t, ["top", "left", "width", "height"]),
+        c(o, ["top", "left", "width", "height"])
+      ) || f(o);
     }
-  }, w = () => {
-    let e = document.querySelector(`#${s}`);
-    e || (e = document.createElement("div"), e.setAttribute("id", s), document.body.appendChild(e)), c(e);
   };
-  u(() => {
-    w();
-  }, []), p(() => {
-    n();
+  R(() => {
+    a();
   });
-  const { ref: f } = g({
+  const { ref: w } = g({
     handleWidth: !0,
-    onResize: n,
+    onResize: a,
     refreshMode: "debounce",
     refreshRate: 100
   });
-  return d ? /* @__PURE__ */ i(M, { container: d, children: /* @__PURE__ */ m("div", { ref: o, style: { height: "100%" }, children: [
-    /* @__PURE__ */ i("div", { ref: f, className: R.modalWindowResizeWrapper }),
-    t && /* @__PURE__ */ i("style", { children: `
+  return n ? /* @__PURE__ */ r(M, { container: n, children: /* @__PURE__ */ m("div", { ref: u, style: { height: "100%" }, children: [
+    /* @__PURE__ */ r("div", { ref: w, className: N.modalWindowResizeWrapper }),
+    t && /* @__PURE__ */ r("style", { children: `
                             :root {
                                 --modalWindow-screen-left: ${t.x >= 0 ? t.x : 0}px;
                                 --modalWindow-screen-width: ${t.width}px;
@@ -37,9 +37,10 @@ const s = "modalWindowViewManagerNodeId", z = () => {
                             }
                         ` })
   ] }) }) : null;
-};
+});
+V.displayName = "ModalWindowViewManager";
 export {
-  z as ModalWindowViewManager,
-  s as modalWindowViewManagerNodeId
+  V as ModalWindowViewManager,
+  l as modalWindowViewManagerNodeId
 };
 //# sourceMappingURL=ModalWindowViewManager.js.map

package/components/MonthYearRange/MonthYearRange.js

@@ -1,15 +1,15 @@
-import { jsxs as M, jsx as i } from "react/jsx-runtime";
-import N from "react";
+import { jsxs as N, 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 d } from "../../chunks/vendor-DudMBGKr.js";
 import { dateFormatYYYYMMDD as a } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit as E } from "./enums.js";
-const F = "monthYearRange__1406b4c8", j = "monthYearRangeButton__8a8ee470", w = "separator__9a00f9bf", l = {
+const F = "monthYearRange__62f3a4e2", j = "monthYearRangeButton__bfe9de25", w = "separator__adffe0c2", l = {
   monthYearRange: F,
   monthYearRangeButton: j,
   separator: w
-}, y = N.forwardRef(
+}, y = b.forwardRef(
   ({
     className: R,
     value: p,
@@ -25,9 +25,9 @@ const F = "monthYearRange__1406b4c8", j = "monthYearRangeButton__8a8ee470", w =
   }, k) => {
     const [t, r] = p, _ = d(l.monthYearRange, R), x = (e) => {
       !e || !r || e <= r ? o([e, r]) : o([e, ""]);
-    }, b = (e) => {
+    }, B = (e) => {
       !e || !t || e >= t ? o([t, e]) : o(["", e]);
-    }, B = () => {
+    }, I = () => {
       if (!t || !r)
         return;
       const e = c(t, a, !0), n = c(r, a, !0);
@@ -35,7 +35,7 @@ const F = "monthYearRange__1406b4c8", j = "monthYearRangeButton__8a8ee470", w =
         e.subtract(s, m).format(a),
         n.subtract(s, m).format(a)
       ]);
-    }, I = () => {
+    }, M = () => {
       if (!t || !r)
         return;
       const e = c(t, a, !0), n = c(r, a, !0);
@@ -44,12 +44,12 @@ const F = "monthYearRange__1406b4c8", j = "monthYearRangeButton__8a8ee470", w =
         n.add(s, m).format(a)
       ]);
     };
-    return /* @__PURE__ */ M("div", { className: _, ...S, ref: k, children: [
+    return /* @__PURE__ */ N("div", { className: _, ...S, ref: k, children: [
       !f && h({
         children: /* @__PURE__ */ i(v, { paletteIndex: 5 }),
         className: d(l.monthYearRangeButton),
         disabled: !(t && r),
-        onClick: B
+        onClick: I
       }),
       u({
         onChange: x,
@@ -57,14 +57,14 @@ const F = "monthYearRange__1406b4c8", j = "monthYearRangeButton__8a8ee470", w =
       }),
       /* @__PURE__ */ i(V, { className: l.separator, paletteIndex: 5 }),
       Y({
-        onChange: b,
+        onChange: B,
         value: r
       }),
       !f && g({
         children: /* @__PURE__ */ i(C, { paletteIndex: 5 }),
         className: d(l.monthYearRangeButton),
         disabled: !(t && r),
-        onClick: I
+        onClick: M
       })
     ] });
   }

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { g as a } from "../../../chunks/vendor-DudMBGKr.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-kVq_Shxy.js";
+import "../../../chunks/DropdownListItem-CVJjluxY.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,27 +1,27 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useContext as m } from "react";
 import { MultiselectFieldContext as i } from "../MultiselectFieldContext.js";
-import { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
-import { c as d } from "../../../chunks/vendor-DudMBGKr.js";
+import { createSizeToClassNameMap as d } from "../../../utils/classNameMaps.js";
+import { c as a } from "../../../chunks/vendor-DudMBGKr.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const _ = "multiselectFieldContent__405adc1b", f = "loaderScreen__2cf8b328", C = "sm__b329ccbf", u = "md__a6538620", b = "lg__4f4a7b2b", e = {
+const _ = "multiselectFieldContent__48f6463c", C = "loaderScreen__07537dce", u = "sm__9e331332", f = "md__b50c694d", x = "lg__231548e8", e = {
   multiselectFieldContent: _,
-  loaderScreen: f,
-  sm: C,
-  md: u,
-  lg: b
-}, x = a(e), j = ({
+  loaderScreen: C,
+  sm: u,
+  md: f,
+  lg: x
+}, F = d(e), j = ({
   children: t,
   className: o,
   loading: s,
   ...l
 }) => {
-  const { size: c } = m(i);
-  return /* @__PURE__ */ n(
+  const { size: n } = m(i);
+  return /* @__PURE__ */ c(
     "div",
     {
       tabIndex: -1,
-      className: d(e.multiselectFieldContent, x[c], 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-DudMBGKr.js";
-const i = "multiselectFieldFooter__60ff9cb6", c = {
+const i = "multiselectFieldFooter__40a54232", c = {
   multiselectFieldFooter: i
 }, m = ({
   children: e,

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,13 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor-DudMBGKr.js";
-const c = "multiselectFieldHeader__5a1cbf4e", d = {
-  multiselectFieldHeader: c
-}, a = ({
+const d = "multiselectFieldHeader__69a81aa3", a = {
+  multiselectFieldHeader: d
+}, o = ({
   children: e,
   className: l,
   ...t
-}) => /* @__PURE__ */ s("div", { className: i(d.multiselectFieldHeader, l), ...t, children: e });
+}) => /* @__PURE__ */ s("div", { className: i(a.multiselectFieldHeader, l), ...t, children: e });
 export {
-  a as MultiselectFieldDropdownHeader
+  o as MultiselectFieldDropdownHeader
 };
 //# sourceMappingURL=MultiselectFieldDropdownHeader.js.map

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-O5iV5kzx.js";
+import { s as i } from "../../chunks/Notification.module-B9uJ73NL.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "1.27.0",
+      "data-tx": "1.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-O5iV5kzx.js";
+import { s as e } from "../../chunks/Notification.module-B9uJ73NL.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-O5iV5kzx.js";
+import { s as f } from "../../../chunks/Notification.module-B9uJ73NL.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-O5iV5kzx.js";
+import { s as a } from "../../../chunks/Notification.module-B9uJ73NL.js";
 import { c as e } from "../../../chunks/vendor-DudMBGKr.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-O5iV5kzx.js";
+import { s as m } from "../../../chunks/Notification.module-B9uJ73NL.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-O5iV5kzx.js";
+import { s as i } from "../../../chunks/Notification.module-B9uJ73NL.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-DudMBGKr.js";
-import { s as o } from "../../../chunks/Notification.module-O5iV5kzx.js";
+import { s as o } from "../../../chunks/Notification.module-B9uJ73NL.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-O5iV5kzx.js";
+import { s as a } from "../../../chunks/Notification.module-B9uJ73NL.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-O5iV5kzx.js";
+import { s as t } from "../../../chunks/Notification.module-B9uJ73NL.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-O5iV5kzx.js";
+import { s as t } from "../../../chunks/Notification.module-B9uJ73NL.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-DB9UpgIs.js";
+import { F as d } from "../../chunks/FormFieldInput-BTVRGCId.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-DudMBGKr.js";
 import { OrderedListItem as a } from "./OrderedListItem.js";
-const c = "orderedList__b954d443", f = {
+const c = "orderedList__6fcb17d6", f = {
   orderedList: c
 }, L = Object.assign(
   i.forwardRef(({ className: t, start: e, style: r, ...d }, o) => /* @__PURE__ */ s(
@@ -15,7 +15,7 @@ const c = "orderedList__b954d443", f = {
         "--start-index-tx": e - 1
       } : r,
       ...d,
-      "data-tx": "1.27.0",
+      "data-tx": "1.28.0",
       ref: o
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -1,22 +1,22 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "react";
-import { c as i } from "../../chunks/vendor-DudMBGKr.js";
-import { ETextSize as s } from "../Typography/enums.js";
+import { c as d } from "../../chunks/vendor-DudMBGKr.js";
+import { ETextSize as i } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as d } from "../Typography/Text.js";
+import { Text as s } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const a = "orderedListItem__2363b140", p = {
+const a = "orderedListItem__226ed03d", p = {
   orderedListItem: a
 }, f = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
-    d,
+    s,
     {
-      className: i(p.orderedListItem, t),
-      size: s.B3,
+      className: d(p.orderedListItem, t),
+      size: i.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.27.0",
+      "data-tx": "1.28.0",
       ref: r
     }
   )

package/components/Overlay/Overlay.js

@@ -4,7 +4,7 @@ import { c as u } from "../../chunks/vendor-DudMBGKr.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-B0iGlEWG.js";
+import { s as r } from "../../chunks/Overlay.module-D6x0Rc2c.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-DudMBGKr.js";
-import { s as a } from "../../chunks/Overlay.module-B0iGlEWG.js";
+import { s as a } from "../../chunks/Overlay.module-D6x0Rc2c.js";
 const f = l.forwardRef(
   ({ className: r, opened: s, ...e }, o) => /* @__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 d } from "../../chunks/vendor-DudMBGKr.js";
 import { EOverlayDirection as r } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-B0iGlEWG.js";
+import { s as e } from "../../chunks/Overlay.module-D6x0Rc2c.js";
 const P = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as i } from "../../chunks/vendor-DudMBGKr.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-D0FFKxyx.js";
+import { s as o } from "../../chunks/Page.module-Dp-a8BZr.js";
 import "./components/enums.js";
 const d = Object.assign(
   s.forwardRef(function({ children: r, className: e, ...a }, t) {

package/components/Page/components/BodyPage.js

@@ -5,17 +5,17 @@ import { c as d } from "../../../chunks/vendor-DudMBGKr.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 f = "bodyPage__4e592c07", P = "verticalMargin24__f9edb5e9", v = "verticalMargin16__cc48d31f", e = {
+const f = "bodyPage__a1391528", P = "verticalMargin24__4615968b", v = "verticalMargin16__7e6f9740", o = {
   bodyPage: f,
   verticalMargin24: P,
   verticalMargin16: v
 }, _ = {
-  [r.LARGE]: e.verticalMargin24,
-  [r.SMALL]: e.verticalMargin16
+  [r.LARGE]: o.verticalMargin24,
+  [r.SMALL]: o.verticalMargin16
 }, b = m.forwardRef(
-  ({ className: s, type: l, size: n, verticalMargin: g = r.LARGE, ...o }, i) => {
-    const t = d(s, e.bodyPage, _[g]);
-    return l === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: M.TYPE_1, ref: i, size: n, children: /* @__PURE__ */ a(c, { ...o }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...o });
+  ({ className: s, type: l, size: n, verticalMargin: g = r.LARGE, ...e }, i) => {
+    const t = d(s, o.bodyPage, _[g]);
+    return l === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: M.TYPE_1, ref: i, size: n, children: /* @__PURE__ */ a(c, { ...e }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...e });
   }
 );
 b.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 c } from "../../../chunks/Page.module-D0FFKxyx.js";
+import { s as c } from "../../../chunks/Page.module-Dp-a8BZr.js";
 const w = Object.assign(
   F.forwardRef(
     ({ className: m, type: r, size: n, sticky: f, ...p }, o) => {

package/components/Page/components/HeaderPage.js

@@ -6,7 +6,7 @@ import { c as p } from "../../../chunks/vendor-DudMBGKr.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-D0FFKxyx.js";
+import { s as i } from "../../../chunks/Page.module-Dp-a8BZr.js";
 const j = 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 d } from "../../../chunks/vendor-DudMBGKr.js";
+import { jsx as d } from "react/jsx-runtime";
+import { c as o } from "../../../chunks/vendor-DudMBGKr.js";
 import i from "react";
-const r = "paginationExtended__84beb9c1", s = {
+const r = "paginationExtended__18d8f626", s = {
   paginationExtended: r
 }, x = i.forwardRef(
-  ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ o(
+  ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ d(
     "nav",
     {
-      className: d(s.paginationExtended, a),
-      "data-tx": "1.27.0",
+      className: o(s.paginationExtended, a),
+      "data-tx": "1.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__0ec1b7d8", N = "directionIconNext__ce1a2a9e", n = {
+const g = "paginationNavigationButton__1c20c87c", N = "directionIconNext__d5651a23", n = {
   paginationNavigationButton: g,
   directionIconNext: N
-}, d = c.forwardRef(
+}, d = 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__0ec1b7d8", N = "directionIconNext__ce1a2a
         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-DudMBGKr.js";
-const g = "paginationNavigationExtended__7e51be5d", r = {
+const g = "paginationNavigationExtended__f20c2d37", r = {
   paginationNavigationExtended: g
 }, s = e.forwardRef(
   ({ children: a, className: t, ...i }, n) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, t), ...i, ref: n, children: a })

package/components/Pagination/components/PaginationPageButton.js

@@ -4,19 +4,19 @@ import { c as p } from "../../../chunks/vendor-DudMBGKr.js";
 import { ETextSize as g } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
-import { Text as s } from "../../Typography/Text.js";
+import { Text as c } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import "../../Button/Button.js";
-import { ButtonBase as c } from "../../Button/ButtonBase.js";
+import { ButtonBase as s } from "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-const u = "paginationPageButton__04446209", P = "currentPage__74f9e1be", a = {
+const u = "paginationPageButton__4cde8ba1", P = "currentPage__d2317e69", a = {
   paginationPageButton: u,
   currentPage: P
 }, f = m.forwardRef(
   ({ isCurrent: t = !1, children: e, className: i, ...r }, n) => /* @__PURE__ */ o(
-    c,
+    s,
     {
       className: p(
         a.paginationPageButton,
@@ -28,7 +28,7 @@ const u = "paginationPageButton__04446209", P = "currentPage__74f9e1be", a = {
       "aria-live": t ? "polite" : void 0,
       ...r,
       ref: n,
-      children: /* @__PURE__ */ o(s, { size: g.B3, children: e })
+      children: /* @__PURE__ */ o(c, { size: g.B3, children: e })
     }
   )
 );

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-DudMBGKr.js";
-import e from "react";
+import { c as e } from "../../../chunks/vendor-DudMBGKr.js";
+import p 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__818873dd", m = {
+const n = "paginationPageEllipsis__d13342ee", m = {
   paginationPageEllipsis: n
-}, 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 = p.forwardRef(
+  ({ children: i, className: a, ...o }, s) => /* @__PURE__ */ t(l, { size: r.B3, className: e(m.paginationPageEllipsis, a), ...o, ref: s, children: i })
 );
 g.displayName = "PaginationPageEllipsis";
 export {