@sberbusiness/triplex-next 1.11.1 → 1.13.0

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,23 +1,28 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useContext as c } from "react";
-import { MultiselectFieldContext as m } from "../MultiselectFieldContext.js";
-import { createSizeToClassNameMap as r } from "../../../utils/classNameMaps.js";
-import { c as l } from "../../../chunks/vendor-ClY57Zzq.js";
-const d = "multiselectFieldContentWrapper__bececd5e", a = "multiselectFieldContent__e5081f21", p = "sm__f9d895e2", C = "md__8cf79a27", u = "lg__d6460b82", e = {
-  multiselectFieldContentWrapper: d,
-  multiselectFieldContent: a,
-  sm: p,
-  md: C,
-  lg: u
-}, F = r(e), W = ({
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useContext as r } from "react";
+import { MultiselectFieldContext as d } from "../MultiselectFieldContext.js";
+import { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
+import { c as l } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
+const C = "multiselectFieldContentWrapper__a02b0a91", u = "multiselectFieldContent__94f72401", F = "sm__f5807ce2", _ = "md__1c6de9d9", f = "lg__93cedebf", e = {
+  multiselectFieldContentWrapper: C,
+  multiselectFieldContent: u,
+  sm: F,
+  md: _,
+  lg: f
+}, x = a(e), h = ({
   children: s,
   className: o,
-  ...n
+  loading: n,
+  ...i
 }) => {
-  const { size: i } = c(m);
-  return /* @__PURE__ */ t("div", { className: l(e.multiselectFieldContentWrapper, o), ...n, children: /* @__PURE__ */ t("div", { tabIndex: -1, className: l(e.multiselectFieldContent, F[i]), children: s }) });
+  const { size: m } = r(d);
+  return /* @__PURE__ */ t("div", { className: l(e.multiselectFieldContentWrapper, o), ...i, children: /* @__PURE__ */ c("div", { tabIndex: -1, className: l(e.multiselectFieldContent, x[m]), children: [
+    s,
+    n && /* @__PURE__ */ t(p, { type: "small" })
+  ] }) });
 };
 export {
-  W as MultiselectFieldDropdownContent
+  h as MultiselectFieldDropdownContent
 };
 //# sourceMappingURL=MultiselectFieldDropdownContent.js.map

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-ClY57Zzq.js";
-const i = "multiselectFieldFooter__9761d328", c = {
+import { c as s } from "../../../chunks/vendor-CwhnMZ7o.js";
+const i = "multiselectFieldFooter__b4b1a301", 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-ClY57Zzq.js";
-const d = "multiselectFieldHeader__2266aa64", c = {
-  multiselectFieldHeader: d
-}, o = ({
+import { c as d } from "../../../chunks/vendor-CwhnMZ7o.js";
+const i = "multiselectFieldHeader__bded1bb0", c = {
+  multiselectFieldHeader: i
+}, m = ({
   children: e,
   className: l,
   ...t
-}) => /* @__PURE__ */ s("div", { className: i(c.multiselectFieldHeader, l), ...t, children: e });
+}) => /* @__PURE__ */ s("div", { className: d(c.multiselectFieldHeader, l), ...t, children: e });
 export {
-  o as MultiselectFieldDropdownHeader
+  m as MultiselectFieldDropdownHeader
 };
 //# sourceMappingURL=MultiselectFieldDropdownHeader.js.map

package/components/Notification/Notification.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
-import { c as l } from "../../chunks/vendor-ClY57Zzq.js";
+import { c as l } from "../../chunks/vendor-CwhnMZ7o.js";
 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-D_VFaM4r.js";
+import { s as i } from "../../chunks/Notification.module-C4_TLm8a.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "1.11.1",
+      "data-tx": "1.13.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-D_VFaM4r.js";
+import { s as e } from "../../chunks/Notification.module-C4_TLm8a.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-D_VFaM4r.js";
+import { s as f } from "../../../chunks/Notification.module-C4_TLm8a.js";
 const o = ((t) => {
   const { children: i } = t;
   return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });

package/components/Notification/components/NotificationBodyContent.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../chunks/Notification.module-D_VFaM4r.js";
+import { s as i } from "../../../chunks/Notification.module-C4_TLm8a.js";
 const n = ({ children: o }) => /* @__PURE__ */ t("div", { className: i.notificationBodyContent, children: o });
 n.displayName = "NotificationBodyContent";
 export {

package/components/Notification/components/NotificationBodyList.js

@@ -1,8 +1,8 @@
 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-D_VFaM4r.js";
-import { c as e } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as a } from "../../../chunks/Notification.module-C4_TLm8a.js";
+import { c as e } from "../../../chunks/vendor-CwhnMZ7o.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";
 export {

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-D_VFaM4r.js";
+import { s as m } from "../../../chunks/Notification.module-C4_TLm8a.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-D_VFaM4r.js";
+import { s as i } from "../../../chunks/Notification.module-C4_TLm8a.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-ClY57Zzq.js";
-import { s as o } from "../../../chunks/Notification.module-D_VFaM4r.js";
+import { c as i } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { s as o } from "../../../chunks/Notification.module-C4_TLm8a.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-D_VFaM4r.js";
+import { s as a } from "../../../chunks/Notification.module-C4_TLm8a.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-D_VFaM4r.js";
+import { s as t } from "../../../chunks/Notification.module-C4_TLm8a.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-D_VFaM4r.js";
+import { s as t } from "../../../chunks/Notification.module-C4_TLm8a.js";
 const s = ({ time: i }) => /* @__PURE__ */ o("span", { className: t.notificationTime, children: i });
 s.displayName = "NotificationTime";
 export {

package/components/NotificationIcon/NotificationIcon.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c } from "../../chunks/vendor-ClY57Zzq.js";
-const t = "notificationIcon__c2e563dd", a = {
+import { c } from "../../chunks/vendor-CwhnMZ7o.js";
+const t = "notificationIcon__608ecd44", a = {
   notificationIcon: t
 }, s = ({ className: o, ...i }) => /* @__PURE__ */ n("span", { ...i, className: c(a.notificationIcon, o) });
 s.displayName = "NotificationIcon";

package/components/NumberField/NumberFieldInput.js

@@ -1,12 +1,12 @@
 import { jsx as g } from "react/jsx-runtime";
 import h, { useCallback as l } from "react";
-import "../FormField/FormFieldContext.js";
+import "../FormField/FormField.js";
 import "../FormField/components/FormFieldDescription.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import { F as d } from "../../chunks/FormFieldInput-8PHiOrKp.js";
+import { F as d } from "../../chunks/FormFieldInput-GtoWWQRE.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/OrderedList/OrderedList.js

@@ -1,16 +1,16 @@
 import { jsx as s } from "react/jsx-runtime";
 import d from "react";
-import { c as o } from "../../chunks/vendor-ClY57Zzq.js";
+import { c as o } from "../../chunks/vendor-CwhnMZ7o.js";
 import { OrderedListItem as i } from "./OrderedListItem.js";
-const m = "orderedList__945f1ed3", a = {
-  orderedList: m
+const a = "orderedList__a30cd5e5", m = {
+  orderedList: a
 }, c = Object.assign(
   d.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s(
     "ol",
     {
-      className: o(a.orderedList, e),
+      className: o(m.orderedList, e),
       ...r,
-      "data-tx": "1.11.1",
+      "data-tx": "1.13.0",
       ref: t
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -1,27 +1,27 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "react";
-import { c as s } from "../../chunks/vendor-ClY57Zzq.js";
+import { c as s } from "../../chunks/vendor-CwhnMZ7o.js";
 import "../Typography/Title.js";
 import { Text as i } from "../Typography/Text.js";
 import "../Typography/Caption.js";
 import { ETextSize as d } from "../Typography/enums.js";
-const a = "orderedListItem__77756460", p = {
+const a = "orderedListItem__1f923764", f = {
   orderedListItem: a
-}, f = m.forwardRef(
+}, p = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
     i,
     {
-      className: s(p.orderedListItem, t),
+      className: s(f.orderedListItem, t),
       size: d.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.11.1",
+      "data-tx": "1.13.0",
       ref: r
     }
   )
 );
-f.displayName = "OrderedListItem";
+p.displayName = "OrderedListItem";
 export {
-  f as OrderedListItem
+  p as OrderedListItem
 };
 //# sourceMappingURL=OrderedListItem.js.map

package/components/Overlay/Overlay.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { c as u } from "../../chunks/vendor-ClY57Zzq.js";
+import { c as u } from "../../chunks/vendor-CwhnMZ7o.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-CQqFoPPv.js";
+import { s as r } from "../../chunks/Overlay.module-B6Jld0v6.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-ClY57Zzq.js";
-import { s as a } from "../../chunks/Overlay.module-CQqFoPPv.js";
+import { c as t } from "../../chunks/vendor-CwhnMZ7o.js";
+import { s as a } from "../../chunks/Overlay.module-B6Jld0v6.js";
 const f = l.forwardRef(({ className: r, opened: s, ...e }, o) => /* @__PURE__ */ m(
   "div",
   {

package/components/Overlay/OverlayPanel.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import n from "react";
-import { c as d } from "../../chunks/vendor-ClY57Zzq.js";
+import { c as d } from "../../chunks/vendor-CwhnMZ7o.js";
 import { EOverlayDirection as r } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-CQqFoPPv.js";
+import { s as e } from "../../chunks/Overlay.module-B6Jld0v6.js";
 const P = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import s from "react";
-import { c as i } from "../../chunks/vendor-ClY57Zzq.js";
+import { c as i } from "../../chunks/vendor-CwhnMZ7o.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-7Rk0weox.js";
+import { s as o } from "../../chunks/Page.module-2EjEIDnt.js";
 import "./components/enums.js";
 const d = Object.assign(
   s.forwardRef(function({ children: r, className: e, ...a }, t) {

package/components/Page/components/BodyPage.js

@@ -1,21 +1,21 @@
 import { jsx as a } from "react/jsx-runtime";
-import g from "react";
+import m from "react";
 import { Body as c } from "../../Body/Body.js";
-import { c as m } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as d } from "../../../chunks/vendor-CwhnMZ7o.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__f676b5b7", P = "verticalMargin24__66e7ddb3", v = "verticalMargin16__e43deaf6", e = {
-  bodyPage: f,
-  verticalMargin24: P,
+const P = "bodyPage__080538b1", f = "verticalMargin24__a482ca03", v = "verticalMargin16__d0453ad4", o = {
+  bodyPage: P,
+  verticalMargin24: f,
   verticalMargin16: v
 }, _ = {
-  [r.LARGE]: e.verticalMargin24,
-  [r.SMALL]: e.verticalMargin16
-}, b = g.forwardRef(
-  ({ className: s, type: l, size: n, verticalMargin: d = r.LARGE, ...o }, i) => {
-    const t = m(s, e.bodyPage, _[d]);
-    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 });
+  [r.LARGE]: o.verticalMargin24,
+  [r.SMALL]: o.verticalMargin16
+}, b = m.forwardRef(
+  ({ 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

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import F, { useRef as R } from "react";
-import { c as T } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as T } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { Footer as s } from "../../Footer/Footer.js";
 import { EFooterPageType as i } from "./enums.js";
 import { useStickyCornerRadius as d } from "./useStickyCornerRadius.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-7Rk0weox.js";
+import { s as c } from "../../../chunks/Page.module-2EjEIDnt.js";
 const w = Object.assign(
   F.forwardRef(
     ({ className: m, type: r, size: n, sticky: f, ...p }, o) => {

package/components/Page/components/HeaderPage.js

@@ -2,11 +2,11 @@ import { jsx as s } from "react/jsx-runtime";
 import T, { useRef as R } from "react";
 import { Header as e } from "../../Header/Header.js";
 import { EHeaderPageType as t } from "./enums.js";
-import { c as p } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as p } from "../../../chunks/vendor-CwhnMZ7o.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-7Rk0weox.js";
+import { s as i } from "../../../chunks/Page.module-2EjEIDnt.js";
 const j = Object.assign(
   T.forwardRef(
     ({ className: m, type: a, size: n, sticky: d, ...f }, r) => {

package/components/Pagination/components/PaginationExtended.js

@@ -1,17 +1,17 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as o } from "../../../chunks/vendor-CwhnMZ7o.js";
 import i from "react";
-const r = "paginationExtended__a9d4fa72", s = {
+const r = "paginationExtended__51f1cde0", s = {
   paginationExtended: r
 }, x = i.forwardRef(
-  ({ children: a, className: t, ...n }, e) => /* @__PURE__ */ d(
+  ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ d(
     "nav",
     {
-      className: o(s.paginationExtended, t),
-      "data-tx": "1.11.1",
+      className: o(s.paginationExtended, a),
+      "data-tx": "1.13.0",
       ...n,
       ref: e,
-      children: a
+      children: t
     }
   )
 );

package/components/Pagination/components/PaginationNavigationButton.js

@@ -4,10 +4,10 @@ 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__206f10c0", N = "directionIconNext__5afdc8ed", n = {
+const g = "paginationNavigationButton__a99fa978", N = "directionIconNext__81b70a1a", n = {
   paginationNavigationButton: g,
   directionIconNext: N
-}, d = c.forwardRef(
+}, f = c.forwardRef(
   ({ direction: i, ...a }, e) => {
     const r = i === s.BACK;
     return /* @__PURE__ */ t(
@@ -22,8 +22,8 @@ const g = "paginationNavigationButton__206f10c0", N = "directionIconNext__5afdc8
     );
   }
 );
-d.displayName = "PaginationNavigationButton";
+f.displayName = "PaginationNavigationButton";
 export {
-  d as PaginationNavigationButton
+  f as PaginationNavigationButton
 };
 //# sourceMappingURL=PaginationNavigationButton.js.map

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-ClY57Zzq.js";
-const g = "paginationNavigationExtended__9f167059", r = {
+import { c as d } from "../../../chunks/vendor-CwhnMZ7o.js";
+const g = "paginationNavigationExtended__4674a804", 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

@@ -1,15 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
 import g from "react";
-import { c as u } from "../../../chunks/vendor-ClY57Zzq.js";
-const c = "paginationPageButton__7b6f77ad", s = "currentPage__812d8af2", a = {
-  paginationPageButton: c,
+import { c } from "../../../chunks/vendor-CwhnMZ7o.js";
+const u = "paginationPageButton__7a0689ac", s = "currentPage__4308ef0d", a = {
+  paginationPageButton: u,
   currentPage: s
 }, P = g.forwardRef(
   ({ isCurrent: t = !1, children: n, className: o, ...e }, i) => /* @__PURE__ */ r(
     "button",
     {
       type: "button",
-      className: u(
+      className: c(
         a.paginationPageButton,
         {
           [a.currentPage]: t

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as e } from "../../../chunks/vendor-CwhnMZ7o.js";
 import o from "react";
-const t = "pageEllipsis__a6371bff", r = {
+const t = "pageEllipsis__b3007a58", r = {
   pageEllipsis: t
 }, n = o.forwardRef(
   ({ children: s, className: a, ...i }, l) => /* @__PURE__ */ p("span", { className: e(r.pageEllipsis, a), ...i, ref: l, children: s })

package/components/Pagination/components/PaginationSelect.js

@@ -1,35 +1,43 @@
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import S, { useRef as f } from "react";
-import { a as x, c as N } from "../../../chunks/vendor-ClY57Zzq.js";
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import g, { useState as f } from "react";
+import { a as u, c as x } from "../../../chunks/vendor-CwhnMZ7o.js";
 import "../../Typography/Title.js";
-import { Text as v } from "../../Typography/Text.js";
+import { Text as _ } from "../../Typography/Text.js";
 import "../../Typography/Caption.js";
-import { ETextSize as _ } from "../../Typography/enums.js";
-const h = "paginationSelect__6089a4cf", b = "paginationSelectControl__c60d08a1", c = {
-  paginationSelect: h,
-  paginationSelectControl: b
-}, y = S.forwardRef(
-  ({ paginationLabel: o, className: s, hidden: d, options: i, value: n, onChange: a }, m) => {
-    const l = f(`Pagination-${x()}`), p = i && i.length > 0 ? i : [10, 20, 50, 100], u = (e) => {
-      const r = Number(e.target.value);
-      Number.isNaN(r) || a == null || a(r);
-    };
-    return d ? null : /* @__PURE__ */ g("div", { className: N(c.paginationSelect, s), ref: m, children: [
-      /* @__PURE__ */ t(v, { size: _.B3, id: l.current, children: o }),
-      /* @__PURE__ */ t("div", { className: c.paginationSelectControl, children: /* @__PURE__ */ t(
-        "select",
+import { ETextSize as b } from "../../Typography/enums.js";
+import { SelectField as C } from "../../SelectField/SelectField.js";
+import { EComponentSize as h } from "../../../enums/EComponentSize.js";
+const v = "paginationSelect__f2f8522c", z = "paginationSelectControl__4ac68f3d", l = {
+  paginationSelect: v,
+  paginationSelectControl: z
+}, P = g.forwardRef(
+  ({ paginationLabel: o, className: r, hidden: c, options: e, value: t, onChange: s }, m) => {
+    const [a] = f(() => `Pagination-${u()}`), p = (e && e.length > 0 ? e : [10, 20, 50, 100]).map((i) => ({
+      id: String(i),
+      value: String(i),
+      label: String(i)
+    })), S = t !== void 0 ? { id: String(t), value: String(t), label: String(t) } : void 0;
+    return c ? null : /* @__PURE__ */ d("div", { className: x(l.paginationSelect, r), ref: m, children: [
+      /* @__PURE__ */ n(_, { size: b.B3, id: a, children: o }),
+      /* @__PURE__ */ n("div", { className: l.paginationSelectControl, children: /* @__PURE__ */ n(
+        C,
         {
-          "aria-labelledby": l.current,
-          value: n !== void 0 ? String(n) : void 0,
-          onChange: u,
-          children: p.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e))
+          size: h.SM,
+          value: S,
+          mobileTitle: o,
+          options: p,
+          onChange: s,
+          targetProps: {
+            fieldLabel: ""
+          },
+          "aria-labelledby": a
         }
       ) })
     ] });
   }
 );
-y.displayName = "PaginationSelect";
+P.displayName = "PaginationSelect";
 export {
-  y as PaginationSelect
+  P as PaginationSelect
 };
 //# sourceMappingURL=PaginationSelect.js.map

package/components/Pagination/utils/paginationUtils.js

@@ -1,4 +1,4 @@
-import { n as R } from "../../../chunks/vendor-ClY57Zzq.js";
+import { n as R } from "../../../chunks/vendor-CwhnMZ7o.js";
 const m = -1, h = {
   // Создание массива чисел в заданном диапазоне с заданным шагом.
   generateRange: (n, i, e = 1) => n > i ? [] : R(n, i + 1, e),