@sberbusiness/triplex-next 1.43.0 → 1.44.0

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useLayoutEffect } from "react";
 import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-D4wvHis9.js";
 import { Portal } from "../../Portal/Portal.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-ClLy376h.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-C0p5ZVLh.js";
 const modalWindowViewManagerNodeId = "modalWindowViewManagerNodeId";
 const getOrCreateModalWindowViewManagerNode = () => {
   let node = document.querySelector(`#${modalWindowViewManagerNodeId}`);

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -11,10 +11,10 @@ import { useMobileView } from "../MobileView/useMobileView.js";
 import { isKey } from "../../utils/keyboard.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
-const monthYearFieldTarget = "monthYearFieldTarget__7a8b8d80";
-const minWidthSM = "minWidthSM__02dfa750";
-const minWidthMD = "minWidthMD__40a02add";
-const minWidthLG = "minWidthLG__f9263ba4";
+const monthYearFieldTarget = "monthYearFieldTarget__eaf77f06";
+const minWidthSM = "minWidthSM__cb25388c";
+const minWidthMD = "minWidthMD__0e85c754";
+const minWidthLG = "minWidthLG__9c584ea5";
 const styles = {
   monthYearFieldTarget,
   minWidthSM,

package/components/MonthYearRange/MonthYearRange.js

@@ -5,9 +5,9 @@ import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__d6bc7fa2";
-const monthYearRangeButton = "monthYearRangeButton__33d5ecf7";
-const separator = "separator__f2480f1e";
+const monthYearRange = "monthYearRange__ee787be9";
+const monthYearRangeButton = "monthYearRangeButton__f74f1fa6";
+const separator = "separator__db968bba";
 const styles = {
   monthYearRange,
   monthYearRangeButton,

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { j as focusTrapReactExports } from "../../../chunks/vendor-D4wvHis9.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import "../../../chunks/DropdownListItem-DOjFvzKN.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -4,11 +4,11 @@ import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__d956da61";
-const loaderScreen = "loaderScreen__9cc26e99";
-const sm = "sm__d6e16b8d";
-const md = "md__76a11a12";
-const lg = "lg__13100bb0";
+const multiselectFieldContent = "multiselectFieldContent__1550561e";
+const loaderScreen = "loaderScreen__fd4e6a5b";
+const sm = "sm__4e2a6d6e";
+const md = "md__75b02269";
+const lg = "lg__1da919f2";
 const styles = {
   multiselectFieldContent,
   loaderScreen,

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const multiselectFieldFooter = "multiselectFieldFooter__10ec8866";
+const multiselectFieldFooter = "multiselectFieldFooter__bd8b025d";
 const styles = {
   multiselectFieldFooter
 };

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const multiselectFieldHeader = "multiselectFieldHeader__5e213413";
+const multiselectFieldHeader = "multiselectFieldHeader__6d4a54a4";
 const styles = {
   multiselectFieldHeader
 };

package/components/Notification/Notification.js

@@ -5,7 +5,7 @@ import { NotificationClose } from "./components/NotificationClose.js";
 import { NotificationIcon } from "./components/NotificationIcon.js";
 import { NotificationTime } from "./components/NotificationTime.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-DAhgj_4u.js";
+import { s as styles } from "../../chunks/Notification.module-DuwX9b1Z.js";
 const Notification = Object.assign(
   React__default.forwardRef(function Notification2({ children, className, withExtraBottomPadding = false, isShowCloseOnHover = false, onClick, ...HTMLAttributes }, ref) {
     const cn = clsx(className, styles.notification, {
@@ -20,7 +20,7 @@ const Notification = Object.assign(
         className: cn,
         onClick,
         ref,
-        "data-tx": "1.43.0",
+        "data-tx": "1.44.0",
         children
       }
     );

package/components/Notification/NotificationGrouped.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-DAhgj_4u.js";
+import { s as styles } from "../../chunks/Notification.module-DuwX9b1Z.js";
 const NotificationGrouped = React__default.forwardRef(
   function NotificationGrouped2({ children }, ref) {
     return /* @__PURE__ */ jsxs("div", { className: styles.notificationGroupedWrapper, ref, children: [

package/components/Notification/components/NotificationBody.js

@@ -4,7 +4,7 @@ import { NotificationHeader } from "./NotificationHeader.js";
 import { NotificationBodyContent } from "./NotificationBodyContent.js";
 import { NotificationFooter } from "./NotificationFooter.js";
 import { NotificationBodyList } from "./NotificationBodyList.js";
-import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
+import { s as styles } from "../../../chunks/Notification.module-DuwX9b1Z.js";
 const NotificationBody = Object.assign(
   React__default.forwardRef(function NotificationBody2({ children }, ref) {
     return /* @__PURE__ */ jsx("div", { className: styles.notificationBody, ref, children });

package/components/Notification/components/NotificationBodyList.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
-import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
+import { s as styles } from "../../../chunks/Notification.module-DuwX9b1Z.js";
 const NotificationBodyList = ({ className, ...restProps }) => /* @__PURE__ */ jsx(UnorderedList, { className: clsx(styles.notificationBodyList, className), ...restProps });
 NotificationBodyList.displayName = "NotificationBodyList";
 export {

package/components/Notification/components/NotificationClose.js

@@ -4,7 +4,7 @@ import "../../Button/Button.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
+import { s as styles } from "../../../chunks/Notification.module-DuwX9b1Z.js";
 const NotificationClose = ({ onClick, ...buttonProps }) => /* @__PURE__ */ jsx("span", { className: styles.notificationClose, children: /* @__PURE__ */ jsx(ButtonIcon, { ...buttonProps, onClick, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) }) });
 NotificationClose.displayName = "NotificationClose";
 export {

package/components/Notification/components/NotificationFooter.js

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

package/components/Notification/components/NotificationGroupedFooter.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
+import { s as styles } from "../../../chunks/Notification.module-DuwX9b1Z.js";
 const NotificationGroupedFooter = () => /* @__PURE__ */ jsxs("div", { children: [
   /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.first) }),
   /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.second) })

package/components/Notification/components/NotificationHeader.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
+import { s as styles } from "../../../chunks/Notification.module-DuwX9b1Z.js";
 const NotificationHeader = ({ children }) => /* @__PURE__ */ jsx("h3", { className: styles.notificationHeader, children });
 NotificationHeader.displayName = "NotificationHeader";
 export {

package/components/Notification/components/NotificationIcon.js

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

package/components/Notification/components/NotificationTime.js

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

package/components/OrderedList/OrderedList.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__ea403d7f";
+const orderedList = "orderedList__5a3f0cf5";
 const styles = {
   orderedList
 };
@@ -17,7 +17,7 @@ const OrderedList = Object.assign(
         ["--start-index-tx"]: start - 1
       } : style,
       ...restProps,
-      "data-tx": "1.43.0",
+      "data-tx": "1.44.0",
       ref
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -6,7 +6,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const orderedListItem = "orderedListItem__fd610f13";
+const orderedListItem = "orderedListItem__4e17e016";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.43.0",
+      "data-tx": "1.44.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-DstpCyQx.js";
+import { s as styles } from "../../chunks/Overlay.module-Cuh6SDnR.js";
 const Overlay = Object.assign(
   React__default.forwardRef(
     ({

package/components/Overlay/OverlayBase.js

@@ -57,6 +57,10 @@ const OverlayBase = ({
     }
   }, [opening]);
   useEffect(() => {
+    var _a, _b;
+    if (opened) {
+      (_b = (_a = callbacks.current).onOpen) == null ? void 0 : _b.call(_a);
+    }
     isFirstRender.current = false;
   }, []);
   return children({ closing, direction, opened, opening, setClosing, setOpened, setOpening });

package/components/Overlay/OverlayBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayBase.js","sources":["../../../src/components/Overlay/OverlayBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { useState, useEffect, useRef, useLayoutEffect } from \"react\";\n\nexport enum EOverlayDirection {\n    BOTTOM = \"bottom\",\n    LEFT = \"left\",\n    RIGHT = \"right\",\n    TOP = \"top\",\n}\n\nexport interface IOverlayBaseProps {\n    /**\n     * Render-функция контента оверлея. Получает свойства состояния оверлея.\n     */\n    children: (props: IOverlayChildrenProvideProps) => React.ReactElement;\n    /**\n     * Расположение панели с контентом.\n     */\n    direction: EOverlayDirection;\n    /**\n     * Оверлей открыт.\n     */\n    opened: boolean;\n    /**\n     * Обработчик закрытия оверлея.\n     */\n    onClose?: () => void;\n    /**\n     * Обработчик события closing, вызывается перед закрытием.\n     */\n    onClosing?: () => void;\n    /**\n     * Обработчик открытия оверлея.\n     */\n    onOpen?: () => void;\n    /**\n     * Обработчик события opening, вызывается перед открытием.\n     */\n    onOpening?: () => void;\n    /**\n     * Устанавливает флаг opened.\n     */\n    setOpened: (opened: boolean) => void;\n}\n\n/**\n * Свойства, передаваемые в render-функцию панели оверлея.\n */\nexport interface IOverlayChildrenProvideProps extends Pick<IOverlayBaseProps, \"direction\" | \"opened\" | \"setOpened\"> {\n    /**\n     * Оверлей закрывается в текущий момент.\n     */\n    closing: boolean;\n    /**\n     * Оверлей открывается в текущий момент.\n     */\n    opening: boolean;\n    /**\n     * Устанавливает флаг closing.\n     */\n    setClosing: (closing: boolean) => void;\n    /**\n     * Устанавливает флаг opening.\n     */\n    setOpening: (opening: boolean) => void;\n}\n\n/**\n * Базовый функциональный компонент оверлея.\n */\nexport const OverlayBase: React.FC<IOverlayBaseProps> = ({\n    children,\n    direction = EOverlayDirection.RIGHT,\n    opened,\n    onClose,\n    onClosing,\n    onOpen,\n    onOpening,\n    setOpened,\n}) => {\n    // Флаг, в текущий момент оверлей закрывается.\n    const [closing, setClosing] = useState(false);\n    // Флаг, в текущий момент оверлей открывается.\n    const [opening, setOpening] = useState(false);\n    // Предыдущее состояние opened.\n    const prevOpened = useRef(opened);\n    // Флаг первого рендера. Эффекты по [closing]/[opening] не должны срабатывать на маунте.\n    const isFirstRender = useRef(true);\n    // Актуальные колбэки. Хранятся в ref, чтобы эффекты зависели только от своих state-триггеров.\n    const callbacks = useRef({ onClose, onClosing, onOpen, onOpening });\n\n    // Обновление ref с колбэками выполняется в layout-фазе до эффектов, читающих callbacks.current.\n    useLayoutEffect(() => {\n        callbacks.current = { onClose, onClosing, onOpen, onOpening };\n    });\n\n    // Здесь намеренно используется useLayoutEffect, а не useEffect, иначе в браузере может быть мерцание при закрытии.\n    useLayoutEffect(() => {\n        if (prevOpened.current && !opened) {\n            setOpening(false); // opened меняется в процессе анимации открытия.\n            setClosing(true);\n        } else if (!prevOpened.current && opened) {\n            setClosing(false); // opened меняется в процессе анимации закрытия.\n            setOpening(true);\n        }\n\n        prevOpened.current = opened;\n    }, [opened]);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            return;\n        }\n\n        if (closing) {\n            callbacks.current.onClosing?.();\n        } else {\n            callbacks.current.onClose?.();\n        }\n    }, [closing]);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            return;\n        }\n\n        if (opening) {\n            callbacks.current.onOpening?.();\n        } else {\n            callbacks.current.onOpen?.();\n        }\n    }, [opening]);\n\n    useEffect(() => {\n        isFirstRender.current = false;\n    }, []);\n\n    return children({ closing, direction, opened, opening, setClosing, setOpened, setOpening });\n};\n"],"names":["EOverlayDirection"],"mappings":";AAGO,IAAK,sCAAAA,uBAAL;AACHA,qBAAA,QAAA,IAAS;AACTA,qBAAA,MAAA,IAAO;AACPA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,KAAA,IAAM;AAJE,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAmEL,MAAM,cAA2C,CAAC;AAAA,EACrD;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AAEF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,aAAa,OAAO,MAAM;AAEhC,QAAM,gBAAgB,OAAO,IAAI;AAEjC,QAAM,YAAY,OAAO,EAAE,SAAS,WAAW,QAAQ,WAAW;AAGlE,kBAAgB,MAAM;AAClB,cAAU,UAAU,EAAE,SAAS,WAAW,QAAQ,UAAA;AAAA,EACtD,CAAC;AAGD,kBAAgB,MAAM;AAClB,QAAI,WAAW,WAAW,CAAC,QAAQ;AAC/B,iBAAW,KAAK;AAChB,iBAAW,IAAI;AAAA,IACnB,WAAW,CAAC,WAAW,WAAW,QAAQ;AACtC,iBAAW,KAAK;AAChB,iBAAW,IAAI;AAAA,IACnB;AAEA,eAAW,UAAU;AAAA,EACzB,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;;AACZ,QAAI,cAAc,SAAS;AACvB;AAAA,IACJ;AAEA,QAAI,SAAS;AACT,4BAAU,SAAQ,cAAlB;AAAA,IACJ,OAAO;AACH,4BAAU,SAAQ,YAAlB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;;AACZ,QAAI,cAAc,SAAS;AACvB;AAAA,IACJ;AAEA,QAAI,SAAS;AACT,4BAAU,SAAQ,cAAlB;AAAA,IACJ,OAAO;AACH,4BAAU,SAAQ,WAAlB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACZ,kBAAc,UAAU;AAAA,EAC5B,GAAG,CAAA,CAAE;AAEL,SAAO,SAAS,EAAE,SAAS,WAAW,QAAQ,SAAS,YAAY,WAAW,YAAY;AAC9F;"}
+{"version":3,"file":"OverlayBase.js","sources":["../../../src/components/Overlay/OverlayBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { useState, useEffect, useRef, useLayoutEffect } from \"react\";\n\nexport enum EOverlayDirection {\n    BOTTOM = \"bottom\",\n    LEFT = \"left\",\n    RIGHT = \"right\",\n    TOP = \"top\",\n}\n\nexport interface IOverlayBaseProps {\n    /**\n     * Render-функция контента оверлея. Получает свойства состояния оверлея.\n     */\n    children: (props: IOverlayChildrenProvideProps) => React.ReactElement;\n    /**\n     * Расположение панели с контентом.\n     */\n    direction: EOverlayDirection;\n    /**\n     * Оверлей открыт.\n     */\n    opened: boolean;\n    /**\n     * Обработчик закрытия оверлея.\n     */\n    onClose?: () => void;\n    /**\n     * Обработчик события closing, вызывается перед закрытием.\n     */\n    onClosing?: () => void;\n    /**\n     * Обработчик открытия оверлея.\n     */\n    onOpen?: () => void;\n    /**\n     * Обработчик события opening, вызывается перед открытием.\n     */\n    onOpening?: () => void;\n    /**\n     * Устанавливает флаг opened.\n     */\n    setOpened: (opened: boolean) => void;\n}\n\n/**\n * Свойства, передаваемые в render-функцию панели оверлея.\n */\nexport interface IOverlayChildrenProvideProps extends Pick<IOverlayBaseProps, \"direction\" | \"opened\" | \"setOpened\"> {\n    /**\n     * Оверлей закрывается в текущий момент.\n     */\n    closing: boolean;\n    /**\n     * Оверлей открывается в текущий момент.\n     */\n    opening: boolean;\n    /**\n     * Устанавливает флаг closing.\n     */\n    setClosing: (closing: boolean) => void;\n    /**\n     * Устанавливает флаг opening.\n     */\n    setOpening: (opening: boolean) => void;\n}\n\n/**\n * Базовый функциональный компонент оверлея.\n */\nexport const OverlayBase: React.FC<IOverlayBaseProps> = ({\n    children,\n    direction = EOverlayDirection.RIGHT,\n    opened,\n    onClose,\n    onClosing,\n    onOpen,\n    onOpening,\n    setOpened,\n}) => {\n    // Флаг, в текущий момент оверлей закрывается.\n    const [closing, setClosing] = useState(false);\n    // Флаг, в текущий момент оверлей открывается.\n    const [opening, setOpening] = useState(false);\n    // Предыдущее состояние opened.\n    const prevOpened = useRef(opened);\n    // Флаг первого рендера. Эффекты по [closing]/[opening] не должны срабатывать на маунте.\n    const isFirstRender = useRef(true);\n    // Актуальные колбэки. Хранятся в ref, чтобы эффекты зависели только от своих state-триггеров.\n    const callbacks = useRef({ onClose, onClosing, onOpen, onOpening });\n\n    // Обновление ref с колбэками выполняется в layout-фазе до эффектов, читающих callbacks.current.\n    useLayoutEffect(() => {\n        callbacks.current = { onClose, onClosing, onOpen, onOpening };\n    });\n\n    // Здесь намеренно используется useLayoutEffect, а не useEffect, иначе в браузере может быть мерцание при закрытии.\n    useLayoutEffect(() => {\n        if (prevOpened.current && !opened) {\n            setOpening(false); // opened меняется в процессе анимации открытия.\n            setClosing(true);\n        } else if (!prevOpened.current && opened) {\n            setClosing(false); // opened меняется в процессе анимации закрытия.\n            setOpening(true);\n        }\n\n        prevOpened.current = opened;\n    }, [opened]);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            return;\n        }\n\n        if (closing) {\n            callbacks.current.onClosing?.();\n        } else {\n            callbacks.current.onClose?.();\n        }\n    }, [closing]);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            return;\n        }\n\n        if (opening) {\n            callbacks.current.onOpening?.();\n        } else {\n            callbacks.current.onOpen?.();\n        }\n    }, [opening]);\n\n    // Монтирование сразу с opened={true}: анимации открытия нет, оверлей уже в открытом состоянии, поэтому цикл\n    // открытия считается завершённым и onOpen вызывается на маунте — так же, как после анимации при переходе\n    // false → true. Эффект пассивный (а не layout): к этому моменту refs уже проставлены, и потребитель может\n    // измерить DOM в onOpen. onOpening при этом не вызывается — анимации, о начале которой нужно сообщать, не было.\n    useEffect(() => {\n        if (opened) {\n            callbacks.current.onOpen?.();\n        }\n\n        isFirstRender.current = false;\n        // Эффект только на маунте: дальнейшие переходы обрабатывают эффекты по closing/opening.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return children({ closing, direction, opened, opening, setClosing, setOpened, setOpening });\n};\n"],"names":["EOverlayDirection"],"mappings":";AAGO,IAAK,sCAAAA,uBAAL;AACHA,qBAAA,QAAA,IAAS;AACTA,qBAAA,MAAA,IAAO;AACPA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,KAAA,IAAM;AAJE,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAmEL,MAAM,cAA2C,CAAC;AAAA,EACrD;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AAEF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,aAAa,OAAO,MAAM;AAEhC,QAAM,gBAAgB,OAAO,IAAI;AAEjC,QAAM,YAAY,OAAO,EAAE,SAAS,WAAW,QAAQ,WAAW;AAGlE,kBAAgB,MAAM;AAClB,cAAU,UAAU,EAAE,SAAS,WAAW,QAAQ,UAAA;AAAA,EACtD,CAAC;AAGD,kBAAgB,MAAM;AAClB,QAAI,WAAW,WAAW,CAAC,QAAQ;AAC/B,iBAAW,KAAK;AAChB,iBAAW,IAAI;AAAA,IACnB,WAAW,CAAC,WAAW,WAAW,QAAQ;AACtC,iBAAW,KAAK;AAChB,iBAAW,IAAI;AAAA,IACnB;AAEA,eAAW,UAAU;AAAA,EACzB,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;;AACZ,QAAI,cAAc,SAAS;AACvB;AAAA,IACJ;AAEA,QAAI,SAAS;AACT,4BAAU,SAAQ,cAAlB;AAAA,IACJ,OAAO;AACH,4BAAU,SAAQ,YAAlB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;;AACZ,QAAI,cAAc,SAAS;AACvB;AAAA,IACJ;AAEA,QAAI,SAAS;AACT,4BAAU,SAAQ,cAAlB;AAAA,IACJ,OAAO;AACH,4BAAU,SAAQ,WAAlB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAMZ,YAAU,MAAM;;AACZ,QAAI,QAAQ;AACR,4BAAU,SAAQ,WAAlB;AAAA,IACJ;AAEA,kBAAc,UAAU;AAAA,EAG5B,GAAG,CAAA,CAAE;AAEL,SAAO,SAAS,EAAE,SAAS,WAAW,QAAQ,SAAS,YAAY,WAAW,YAAY;AAC9F;"}

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../chunks/Overlay.module-DstpCyQx.js";
+import { s as styles } from "../../chunks/Overlay.module-Cuh6SDnR.js";
 const OverlayMask = React__default.forwardRef(
   ({ className, opened, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-DstpCyQx.js";
+import { s as styles } from "../../chunks/Overlay.module-Cuh6SDnR.js";
 const OverlayPanel = React__default.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { BodyPage } from "./components/BodyPage.js";
 import { HeaderPage } from "./components/HeaderPage.js";
 import { FooterPage } from "./components/FooterPage.js";
-import { s as styles } from "../../chunks/Page.module-BlMfM_F-.js";
+import { s as styles } from "../../chunks/Page.module-Bso9TRUt.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React__default.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/components/BodyPage.js

@@ -5,21 +5,48 @@ import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__ea72fadf";
-const verticalMargin24 = "verticalMargin24__96a843ca";
-const verticalMargin16 = "verticalMargin16__59608375";
+const bodyPage = "bodyPage__cb44e9d2";
+const marginTopLarge = "marginTopLarge__6bcb07b5";
+const marginTopSmall = "marginTopSmall__e1c017b7";
+const marginTopNone = "marginTopNone__26cd4c62";
+const marginBottomLarge = "marginBottomLarge__32dd290b";
+const marginBottomSmall = "marginBottomSmall__939e2687";
+const marginBottomNone = "marginBottomNone__e5cf045d";
 const styles = {
   bodyPage,
-  verticalMargin24,
-  verticalMargin16
+  marginTopLarge,
+  marginTopSmall,
+  marginTopNone,
+  marginBottomLarge,
+  marginBottomSmall,
+  marginBottomNone
 };
-const verticalMarginToClassNameMap = {
-  [EBodyPageVerticalMargin.LARGE]: styles.verticalMargin24,
-  [EBodyPageVerticalMargin.SMALL]: styles.verticalMargin16
+const verticalMarginTopToClassNameMap = {
+  [EBodyPageVerticalMargin.LARGE]: styles.marginTopLarge,
+  [EBodyPageVerticalMargin.SMALL]: styles.marginTopSmall,
+  [EBodyPageVerticalMargin.NONE]: styles.marginTopNone
+};
+const verticalMarginBottomToClassNameMap = {
+  [EBodyPageVerticalMargin.LARGE]: styles.marginBottomLarge,
+  [EBodyPageVerticalMargin.SMALL]: styles.marginBottomSmall,
+  [EBodyPageVerticalMargin.NONE]: styles.marginBottomNone
+};
+const resolveVerticalMargin = (verticalMargin) => {
+  if (verticalMargin && typeof verticalMargin === "object") {
+    return verticalMargin;
+  }
+  const side = verticalMargin || EBodyPageVerticalMargin.LARGE;
+  return { top: side, bottom: side };
 };
 const BodyPage = React__default.forwardRef(
   ({ className, type, size, verticalMargin = EBodyPageVerticalMargin.LARGE, ...rest }, ref) => {
-    const bodyPageClassNames = clsx(styles.bodyPage, verticalMarginToClassNameMap[verticalMargin], className);
+    const { top, bottom } = resolveVerticalMargin(verticalMargin);
+    const bodyPageClassNames = clsx(
+      styles.bodyPage,
+      verticalMarginTopToClassNameMap[top],
+      verticalMarginBottomToClassNameMap[bottom],
+      className
+    );
     return type === EBodyPageType.FIRST ? /* @__PURE__ */ jsx(Island, { className: bodyPageClassNames, type: EIslandType.TYPE_1, ref, size, children: /* @__PURE__ */ jsx(Body, { ...rest }) }) : /* @__PURE__ */ jsx(Body, { ref, className: bodyPageClassNames, ...rest });
   }
 );

package/components/Page/components/BodyPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodyPage.js","sources":["../../../../src/components/Page/components/BodyPage.tsx"],"sourcesContent":["import React from \"react\";\nimport { Body, IBodyProps } from \"@sberbusiness/triplex-next/components/Body/Body\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { EBodyPageType, EBodyPageVerticalMargin } from \"./enums\";\nimport { Island } from \"@sberbusiness/triplex-next/components/Island/Island\";\nimport { EIslandType } from \"@sberbusiness/triplex-next/components/Island/enums\";\nimport styles from \"../styles/BodyPage.module.less\";\n\nconst verticalMarginToClassNameMap: Record<EBodyPageVerticalMargin, string> = {\n    [EBodyPageVerticalMargin.LARGE]: styles.verticalMargin24,\n    [EBodyPageVerticalMargin.SMALL]: styles.verticalMargin16,\n};\n\nexport interface IBodyPageTypeFirstProps extends IBodyProps {\n    /** Контент тела страницы. */\n    children: React.ReactNode;\n    /** Тип компонента BodyPage. FIRST оборачивает контент в Island (карточку). */\n    type: EBodyPageType.FIRST;\n    /** Размер острова (Island). */\n    size?: EComponentSize;\n    /**\n     * Вертикальные отступы (сверху и снизу).\n     * По умолчанию LARGE (24px); в LightBox следует использовать SMALL (16px).\n     */\n    verticalMargin?: EBodyPageVerticalMargin;\n}\n\nexport interface IBodyPageTypeSecondProps extends IBodyProps {\n    /** Контент тела страницы. */\n    children: React.ReactNode;\n    /** Тип компонента BodyPage. SECOND рендерит контент без карточки. */\n    type: EBodyPageType.SECOND;\n    /** Размер острова недоступен для типа SECOND, так как контент не оборачивается в Island. */\n    size?: never;\n    /**\n     * Вертикальные отступы (сверху и снизу).\n     * По умолчанию LARGE (24px); в LightBox следует использовать SMALL (16px).\n     */\n    verticalMargin?: EBodyPageVerticalMargin;\n}\n\n/** Тело компонента Page. Контейнер для основного контента страницы. */\nexport const BodyPage = React.forwardRef<HTMLDivElement, IBodyPageTypeFirstProps | IBodyPageTypeSecondProps>(\n    ({ className, type, size, verticalMargin = EBodyPageVerticalMargin.LARGE, ...rest }, ref) => {\n        const bodyPageClassNames = clsx(styles.bodyPage, verticalMarginToClassNameMap[verticalMargin], className);\n\n        return type === EBodyPageType.FIRST ? (\n            <Island className={bodyPageClassNames} type={EIslandType.TYPE_1} ref={ref} size={size}>\n                <Body {...rest} />\n            </Island>\n        ) : (\n            <Body ref={ref} className={bodyPageClassNames} {...rest} />\n        );\n    },\n);\n\nBodyPage.displayName = \"BodyPage\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,+BAAwE;AAAA,EAC1E,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAAA,EACxC,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAC5C;AA+BO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,MAAM,MAAM,iBAAiB,wBAAwB,OAAO,GAAG,KAAA,GAAQ,QAAQ;AACzF,UAAM,qBAAqB,KAAK,OAAO,UAAU,6BAA6B,cAAc,GAAG,SAAS;AAExG,WAAO,SAAS,cAAc,QAC1B,oBAAC,QAAA,EAAO,WAAW,oBAAoB,MAAM,YAAY,QAAQ,KAAU,MACvE,8BAAC,MAAA,EAAM,GAAG,KAAA,CAAM,EAAA,CACpB,IAEA,oBAAC,QAAK,KAAU,WAAW,oBAAqB,GAAG,KAAA,CAAM;AAAA,EAEjE;AACJ;AAEA,SAAS,cAAc;"}
+{"version":3,"file":"BodyPage.js","sources":["../../../../src/components/Page/components/BodyPage.tsx"],"sourcesContent":["import React from \"react\";\nimport { Body, IBodyProps } from \"@sberbusiness/triplex-next/components/Body/Body\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { EBodyPageType, EBodyPageVerticalMargin } from \"./enums\";\nimport { Island } from \"@sberbusiness/triplex-next/components/Island/Island\";\nimport { EIslandType } from \"@sberbusiness/triplex-next/components/Island/enums\";\nimport styles from \"../styles/BodyPage.module.less\";\n\nconst verticalMarginTopToClassNameMap: Record<EBodyPageVerticalMargin, string> = {\n    [EBodyPageVerticalMargin.LARGE]: styles.marginTopLarge,\n    [EBodyPageVerticalMargin.SMALL]: styles.marginTopSmall,\n    [EBodyPageVerticalMargin.NONE]: styles.marginTopNone,\n};\n\nconst verticalMarginBottomToClassNameMap: Record<EBodyPageVerticalMargin, string> = {\n    [EBodyPageVerticalMargin.LARGE]: styles.marginBottomLarge,\n    [EBodyPageVerticalMargin.SMALL]: styles.marginBottomSmall,\n    [EBodyPageVerticalMargin.NONE]: styles.marginBottomNone,\n};\n\n/** Вертикальные отступы BodyPage, заданные раздельно сверху и снизу. Обе стороны указываются явно. */\nexport interface IBodyPageVerticalMarginSides {\n    /** Отступ сверху. */\n    top: EBodyPageVerticalMargin;\n    /** Отступ снизу. */\n    bottom: EBodyPageVerticalMargin;\n}\n\n/** Вертикальные отступы BodyPage: одно значение на обе стороны либо раздельные значения для верха и низа. */\nexport type TBodyPageVerticalMargin = EBodyPageVerticalMargin | IBodyPageVerticalMarginSides;\n\n/** Приводит значение verticalMargin к паре отступов: одно значение применяется к обеим сторонам. */\nconst resolveVerticalMargin = (verticalMargin: TBodyPageVerticalMargin): IBodyPageVerticalMarginSides => {\n    // Проверка на null, а не только typeof: библиотеку зовут и из нетипизированного кода,\n    // а падать в рантайме у потребителя нельзя.\n    if (verticalMargin && typeof verticalMargin === \"object\") {\n        return verticalMargin;\n    }\n\n    const side = verticalMargin || EBodyPageVerticalMargin.LARGE;\n\n    return { top: side, bottom: side };\n};\n\nexport interface IBodyPageTypeFirstProps extends IBodyProps {\n    /** Контент тела страницы. */\n    children: React.ReactNode;\n    /** Тип компонента BodyPage. FIRST оборачивает контент в Island (карточку). */\n    type: EBodyPageType.FIRST;\n    /** Размер острова (Island). */\n    size?: EComponentSize;\n    /**\n     * Вертикальные отступы (сверху и снизу).\n     * Одно значение задаёт обе стороны, объект `{top, bottom}` — каждую отдельно.\n     * LARGE — 24px, SMALL — 16px, NONE — 0; в LightBox следует использовать SMALL.\n     */\n    verticalMargin?: TBodyPageVerticalMargin;\n}\n\nexport interface IBodyPageTypeSecondProps extends IBodyProps {\n    /** Контент тела страницы. */\n    children: React.ReactNode;\n    /** Тип компонента BodyPage. SECOND рендерит контент без карточки. */\n    type: EBodyPageType.SECOND;\n    /** Размер острова недоступен для типа SECOND, так как контент не оборачивается в Island. */\n    size?: never;\n    /**\n     * Вертикальные отступы (сверху и снизу).\n     * Одно значение задаёт обе стороны, объект `{top, bottom}` — каждую отдельно.\n     * LARGE — 24px, SMALL — 16px, NONE — 0; в LightBox следует использовать SMALL.\n     */\n    verticalMargin?: TBodyPageVerticalMargin;\n}\n\n/** Тело компонента Page. Контейнер для основного контента страницы. */\nexport const BodyPage = React.forwardRef<HTMLDivElement, IBodyPageTypeFirstProps | IBodyPageTypeSecondProps>(\n    ({ className, type, size, verticalMargin = EBodyPageVerticalMargin.LARGE, ...rest }, ref) => {\n        const { top, bottom } = resolveVerticalMargin(verticalMargin);\n        const bodyPageClassNames = clsx(\n            styles.bodyPage,\n            verticalMarginTopToClassNameMap[top],\n            verticalMarginBottomToClassNameMap[bottom],\n            className,\n        );\n\n        return type === EBodyPageType.FIRST ? (\n            <Island className={bodyPageClassNames} type={EIslandType.TYPE_1} ref={ref} size={size}>\n                <Body {...rest} />\n            </Island>\n        ) : (\n            <Body ref={ref} className={bodyPageClassNames} {...rest} />\n        );\n    },\n);\n\nBodyPage.displayName = \"BodyPage\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,kCAA2E;AAAA,EAC7E,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAAA,EACxC,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAAA,EACxC,CAAC,wBAAwB,IAAI,GAAG,OAAO;AAC3C;AAEA,MAAM,qCAA8E;AAAA,EAChF,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAAA,EACxC,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAAA,EACxC,CAAC,wBAAwB,IAAI,GAAG,OAAO;AAC3C;AAcA,MAAM,wBAAwB,CAAC,mBAA0E;AAGrG,MAAI,kBAAkB,OAAO,mBAAmB,UAAU;AACtD,WAAO;AAAA,EACX;AAEA,QAAM,OAAO,kBAAkB,wBAAwB;AAEvD,SAAO,EAAE,KAAK,MAAM,QAAQ,KAAA;AAChC;AAiCO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,MAAM,MAAM,iBAAiB,wBAAwB,OAAO,GAAG,KAAA,GAAQ,QAAQ;AACzF,UAAM,EAAE,KAAK,WAAW,sBAAsB,cAAc;AAC5D,UAAM,qBAAqB;AAAA,MACvB,OAAO;AAAA,MACP,gCAAgC,GAAG;AAAA,MACnC,mCAAmC,MAAM;AAAA,MACzC;AAAA,IAAA;AAGJ,WAAO,SAAS,cAAc,QAC1B,oBAAC,QAAA,EAAO,WAAW,oBAAoB,MAAM,YAAY,QAAQ,KAAU,MACvE,8BAAC,MAAA,EAAM,GAAG,KAAA,CAAM,EAAA,CACpB,IAEA,oBAAC,QAAK,KAAU,WAAW,oBAAqB,GAAG,KAAA,CAAM;AAAA,EAEjE;AACJ;AAEA,SAAS,cAAc;"}

package/components/Page/components/FooterPage.js

@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-BlMfM_F-.js";
+import { s as styles } from "../../../chunks/Page.module-Bso9TRUt.js";
 const FooterPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Page/components/HeaderPage.js

@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-BlMfM_F-.js";
+import { s as styles } from "../../../chunks/Page.module-Bso9TRUt.js";
 const HeaderPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Page/components/enums.js

@@ -16,6 +16,7 @@ var EBodyPageType = /* @__PURE__ */ ((EBodyPageType2) => {
 var EBodyPageVerticalMargin = /* @__PURE__ */ ((EBodyPageVerticalMargin2) => {
   EBodyPageVerticalMargin2["LARGE"] = "large";
   EBodyPageVerticalMargin2["SMALL"] = "small";
+  EBodyPageVerticalMargin2["NONE"] = "none";
   return EBodyPageVerticalMargin2;
 })(EBodyPageVerticalMargin || {});
 export {

package/components/Page/components/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../../src/components/Page/components/enums.ts"],"sourcesContent":["export enum EHeaderPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EFooterPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EBodyPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EBodyPageVerticalMargin {\n    /** Большие вертикальные отступы: 24px (16px на узких экранах). Значение по умолчанию. */\n    LARGE = \"large\",\n    /** Маленькие вертикальные отступы: 16px (8px на узких экранах). Используется в LightBox. */\n    SMALL = \"small\",\n}\n"],"names":["EHeaderPageType","EFooterPageType","EBodyPageType","EBodyPageVerticalMargin"],"mappings":"AAAO,IAAK,oCAAAA,qBAAL;AACHA,mBAAA,OAAA,IAAQ;AACRA,mBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AAKL,IAAK,oCAAAC,qBAAL;AACHA,mBAAA,OAAA,IAAQ;AACRA,mBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AAKL,IAAK,kCAAAC,mBAAL;AACHA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAKL,IAAK,4CAAAC,6BAAL;AAEHA,2BAAA,OAAA,IAAQ;AAERA,2BAAA,OAAA,IAAQ;AAJA,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../../src/components/Page/components/enums.ts"],"sourcesContent":["export enum EHeaderPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EFooterPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EBodyPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EBodyPageVerticalMargin {\n    /** Большие вертикальные отступы: 24px (16px на узких экранах). Значение по умолчанию. */\n    LARGE = \"large\",\n    /** Маленькие вертикальные отступы: 16px (8px на узких экранах). Используется в LightBox. */\n    SMALL = \"small\",\n    /** Без вертикальных отступов: 0. */\n    NONE = \"none\",\n}\n"],"names":["EHeaderPageType","EFooterPageType","EBodyPageType","EBodyPageVerticalMargin"],"mappings":"AAAO,IAAK,oCAAAA,qBAAL;AACHA,mBAAA,OAAA,IAAQ;AACRA,mBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AAKL,IAAK,oCAAAC,qBAAL;AACHA,mBAAA,OAAA,IAAQ;AACRA,mBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AAKL,IAAK,kCAAAC,mBAAL;AACHA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAKL,IAAK,4CAAAC,6BAAL;AAEHA,2BAAA,OAAA,IAAQ;AAERA,2BAAA,OAAA,IAAQ;AAERA,2BAAA,MAAA,IAAO;AANC,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;"}

package/components/Pagination/Pagination.js

@@ -13,7 +13,7 @@ const Pagination = React__default.forwardRef(
   ({ paginationNavigationProps, paginationSelectProps, ...rest }, ref) => {
     return /* @__PURE__ */ jsxs(PaginationExtended, { ...rest, ref, children: [
       paginationSelectProps && /* @__PURE__ */ jsx(PaginationSelect, { ...paginationSelectProps }),
-      paginationNavigationProps.totalPages > 1 && /* @__PURE__ */ jsx(PaginationNavigation, { ...paginationNavigationProps })
+      /* @__PURE__ */ jsx(PaginationNavigation, { ...paginationNavigationProps })
     ] });
   }
 );

package/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { IPaginationExtendedProps, PaginationExtended } from \"./components/PaginationExtended\";\nimport { IPaginationSelectProps, PaginationSelect } from \"./components/PaginationSelect\";\nimport { IPaginationNavigationProps, PaginationNavigation } from \"./components/PaginationNavigation\";\n\n/** Свойства компонента Pagination. */\nexport interface IPaginationProps extends IPaginationExtendedProps {\n    /** Свойства компонента PaginationSelect. */\n    paginationSelectProps?: IPaginationSelectProps;\n    /** Свойства компонента PaginationNavigation. */\n    paginationNavigationProps: IPaginationNavigationProps;\n}\n\n/** Пагинация: выбор количества элементов на странице (PaginationSelect) и навигация по страницам (PaginationNavigation). */\nexport const Pagination = React.forwardRef<HTMLSpanElement, IPaginationProps>(\n    ({ paginationNavigationProps, paginationSelectProps, ...rest }, ref) => {\n        return (\n            <PaginationExtended {...rest} ref={ref}>\n                {paginationSelectProps && <PaginationSelect {...paginationSelectProps} />}\n                {paginationNavigationProps.totalPages > 1 && <PaginationNavigation {...paginationNavigationProps} />}\n            </PaginationExtended>\n        );\n    },\n);\n\nPagination.displayName = \"Pagination\";\n"],"names":["React"],"mappings":";;;;;;;;;;;AAcO,MAAM,aAAaA,eAAM;AAAA,EAC5B,CAAC,EAAE,2BAA2B,uBAAuB,GAAG,KAAA,GAAQ,QAAQ;AACpE,WACI,qBAAC,oBAAA,EAAoB,GAAG,MAAM,KACzB,UAAA;AAAA,MAAA,yBAAyB,oBAAC,kBAAA,EAAkB,GAAG,sBAAA,CAAuB;AAAA,MACtE,0BAA0B,aAAa,KAAK,oBAAC,sBAAA,EAAsB,GAAG,0BAAA,CAA2B;AAAA,IAAA,GACtG;AAAA,EAER;AACJ;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { IPaginationExtendedProps, PaginationExtended } from \"./components/PaginationExtended\";\nimport { IPaginationSelectProps, PaginationSelect } from \"./components/PaginationSelect\";\nimport { IPaginationNavigationProps, PaginationNavigation } from \"./components/PaginationNavigation\";\n\n/** Свойства компонента Pagination. */\nexport interface IPaginationProps extends IPaginationExtendedProps {\n    /** Свойства компонента PaginationSelect. */\n    paginationSelectProps?: IPaginationSelectProps;\n    /** Свойства компонента PaginationNavigation. */\n    paginationNavigationProps: IPaginationNavigationProps;\n}\n\n/** Пагинация: выбор количества элементов на странице (PaginationSelect) и навигация по страницам (PaginationNavigation). */\nexport const Pagination = React.forwardRef<HTMLSpanElement, IPaginationProps>(\n    ({ paginationNavigationProps, paginationSelectProps, ...rest }, ref) => {\n        return (\n            <PaginationExtended {...rest} ref={ref}>\n                {paginationSelectProps && <PaginationSelect {...paginationSelectProps} />}\n                <PaginationNavigation {...paginationNavigationProps} />\n            </PaginationExtended>\n        );\n    },\n);\n\nPagination.displayName = \"Pagination\";\n"],"names":["React"],"mappings":";;;;;;;;;;;AAcO,MAAM,aAAaA,eAAM;AAAA,EAC5B,CAAC,EAAE,2BAA2B,uBAAuB,GAAG,KAAA,GAAQ,QAAQ;AACpE,WACI,qBAAC,oBAAA,EAAoB,GAAG,MAAM,KACzB,UAAA;AAAA,MAAA,yBAAyB,oBAAC,kBAAA,EAAkB,GAAG,sBAAA,CAAuB;AAAA,MACvE,oBAAC,sBAAA,EAAsB,GAAG,0BAAA,CAA2B;AAAA,IAAA,GACzD;AAAA,EAER;AACJ;AAEA,WAAW,cAAc;"}

package/components/Pagination/components/PaginationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import React__default from "react";
-const paginationExtended = "paginationExtended__64a132f2";
+const paginationExtended = "paginationExtended__525b7ee2";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React__default.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "1.43.0",
+        "data-tx": "1.44.0",
         ...rest,
         ref,
         children

package/components/Pagination/components/PaginationNavigation.js

@@ -18,14 +18,15 @@ const PaginationNavigation = React__default.forwardRef(
     siblingCount = 0,
     ...rest
   }, ref) => {
+    const pagesCount = Math.max(totalPages, 1);
     const pageNumbers = PaginationUtils.createPagesArray({
       boundaryCount,
       currentPage,
       siblingCount,
-      totalPages
+      totalPages: pagesCount
     });
-    const isFirstPage = currentPage === 1;
-    const isLastPage = currentPage === totalPages;
+    const isFirstPage = currentPage <= 1;
+    const isLastPage = currentPage >= pagesCount;
     const handlePrevClick = () => {
       onCurrentPageChange(currentPage - 1);
     };

package/components/Pagination/components/PaginationNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNavigation.js","sources":["../../../../src/components/Pagination/components/PaginationNavigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { EPaginationNavigationIconDirection } from \"../enums\";\nimport { IPaginationNavigationButtonProps, PaginationNavigationButton } from \"./PaginationNavigationButton\";\nimport { PaginationUtils, PAGINATION_ELLIPSIS_VALUE } from \"../utils\";\nimport { PaginationPageEllipsis } from \"./PaginationPageEllipsis\";\nimport { PaginationPageButton } from \"./PaginationPageButton\";\nimport { PaginationNavigationExtended } from \"./PaginationNavigationExtended\";\nimport { PaginationNavigationExtendedItem } from \"./PaginationNavigationExtendedItem\";\n\n/** Свойства компонента PaginationNavigation. */\nexport interface IPaginationNavigationProps extends React.HTMLAttributes<HTMLUListElement> {\n    /** Свойства кнопки \"Следующая страница\". */\n    buttonNextProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Свойства кнопки \"Предыдущая страница\". */\n    buttonPrevProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Номер текущей страницы. */\n    currentPage: number;\n    /** Функция при смене страницы. */\n    onCurrentPageChange: (currentPage: number) => void;\n    /** Общее число страниц. */\n    totalPages: number;\n    /** Количество всегда видимых страниц в начале и в конце. */\n    boundaryCount?: number;\n    /** Количество всегда видимых страниц по краям текущей страницы. */\n    siblingCount?: number;\n}\n\n/** Навигация по страницам: кнопки \"Назад\"/\"Вперёд\", номера страниц и многоточия. */\nexport const PaginationNavigation = React.forwardRef<HTMLUListElement, IPaginationNavigationProps>(\n    (\n        {\n            buttonNextProps,\n            buttonPrevProps,\n            currentPage,\n            onCurrentPageChange,\n            totalPages,\n            boundaryCount = 0,\n            siblingCount = 0,\n            ...rest\n        },\n        ref,\n    ) => {\n        const pageNumbers = PaginationUtils.createPagesArray({\n            boundaryCount,\n            currentPage,\n            siblingCount,\n            totalPages,\n        });\n\n        const isFirstPage = currentPage === 1;\n        const isLastPage = currentPage === totalPages;\n\n        const handlePrevClick = () => {\n            onCurrentPageChange(currentPage - 1);\n        };\n\n        const handleClick = (pageNumber: number) => () => {\n            onCurrentPageChange(pageNumber);\n        };\n\n        const handleNextClick = () => {\n            onCurrentPageChange(currentPage + 1);\n        };\n\n        const renderPages = (page: number, index: number) => {\n            switch (page) {\n                case PAGINATION_ELLIPSIS_VALUE:\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageEllipsis>...</PaginationPageEllipsis>\n                        </PaginationNavigationExtendedItem>\n                    );\n                default: {\n                    const isCurrent = page === currentPage;\n\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageButton isCurrent={isCurrent} onClick={handleClick(page)}>\n                                {page}\n                            </PaginationPageButton>\n                        </PaginationNavigationExtendedItem>\n                    );\n                }\n            }\n        };\n        return (\n            <PaginationNavigationExtended {...rest} ref={ref}>\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.BACK}\n                        {...buttonPrevProps}\n                        onClick={handlePrevClick}\n                        disabled={isFirstPage || buttonPrevProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n\n                {pageNumbers.map((page, index) => renderPages(page, index))}\n\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.NEXT}\n                        {...buttonNextProps}\n                        onClick={handleNextClick}\n                        disabled={isLastPage || buttonNextProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n            </PaginationNavigationExtended>\n        );\n    },\n);\n\nPaginationNavigation.displayName = \"PaginationNavigation\";\n"],"names":["React"],"mappings":";;;;;;;;;AA4BO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,cAAc,gBAAgB,iBAAiB;AAAA,MACjD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,cAAc,gBAAgB;AACpC,UAAM,aAAa,gBAAgB;AAEnC,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,eAAuB,MAAM;AAC9C,0BAAoB,UAAU;AAAA,IAClC;AAEA,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,MAAc,UAAkB;AACjD,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,qCACK,kCAAA,EACG,UAAA,oBAAC,wBAAA,EAAuB,UAAA,OAAG,KADQ,KAEvC;AAAA,QAER,SAAS;AACL,gBAAM,YAAY,SAAS;AAE3B,iBACI,oBAAC,kCAAA,EACG,UAAA,oBAAC,sBAAA,EAAqB,WAAsB,SAAS,YAAY,IAAI,GAChE,UAAA,KAAA,CACL,EAAA,GAHmC,KAIvC;AAAA,QAER;AAAA,MAAA;AAAA,IAER;AACA,WACI,qBAAC,8BAAA,EAA8B,GAAG,MAAM,KACpC,UAAA;AAAA,MAAA,oBAAC,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,gBAAe,mDAAiB;AAAA,QAAA;AAAA,MAAA,GAElD;AAAA,MAEC,YAAY,IAAI,CAAC,MAAM,UAAU,YAAY,MAAM,KAAK,CAAC;AAAA,0BAEzD,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,eAAc,mDAAiB;AAAA,QAAA;AAAA,MAAA,EAC7C,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,qBAAqB,cAAc;"}
+{"version":3,"file":"PaginationNavigation.js","sources":["../../../../src/components/Pagination/components/PaginationNavigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { EPaginationNavigationIconDirection } from \"../enums\";\nimport { IPaginationNavigationButtonProps, PaginationNavigationButton } from \"./PaginationNavigationButton\";\nimport { PaginationUtils, PAGINATION_ELLIPSIS_VALUE } from \"../utils\";\nimport { PaginationPageEllipsis } from \"./PaginationPageEllipsis\";\nimport { PaginationPageButton } from \"./PaginationPageButton\";\nimport { PaginationNavigationExtended } from \"./PaginationNavigationExtended\";\nimport { PaginationNavigationExtendedItem } from \"./PaginationNavigationExtendedItem\";\n\n/** Свойства компонента PaginationNavigation. */\nexport interface IPaginationNavigationProps extends React.HTMLAttributes<HTMLUListElement> {\n    /** Свойства кнопки \"Следующая страница\". */\n    buttonNextProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Свойства кнопки \"Предыдущая страница\". */\n    buttonPrevProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Номер текущей страницы. */\n    currentPage: number;\n    /** Функция при смене страницы. */\n    onCurrentPageChange: (currentPage: number) => void;\n    /** Общее число страниц. */\n    totalPages: number;\n    /** Количество всегда видимых страниц в начале и в конце. */\n    boundaryCount?: number;\n    /** Количество всегда видимых страниц по краям текущей страницы. */\n    siblingCount?: number;\n}\n\n/** Навигация по страницам: кнопки \"Назад\"/\"Вперёд\", номера страниц и многоточия. */\nexport const PaginationNavigation = React.forwardRef<HTMLUListElement, IPaginationNavigationProps>(\n    (\n        {\n            buttonNextProps,\n            buttonPrevProps,\n            currentPage,\n            onCurrentPageChange,\n            totalPages,\n            boundaryCount = 0,\n            siblingCount = 0,\n            ...rest\n        },\n        ref,\n    ) => {\n        const pagesCount = Math.max(totalPages, 1);\n\n        const pageNumbers = PaginationUtils.createPagesArray({\n            boundaryCount,\n            currentPage,\n            siblingCount,\n            totalPages: pagesCount,\n        });\n\n        const isFirstPage = currentPage <= 1;\n        const isLastPage = currentPage >= pagesCount;\n\n        const handlePrevClick = () => {\n            onCurrentPageChange(currentPage - 1);\n        };\n\n        const handleClick = (pageNumber: number) => () => {\n            onCurrentPageChange(pageNumber);\n        };\n\n        const handleNextClick = () => {\n            onCurrentPageChange(currentPage + 1);\n        };\n\n        const renderPages = (page: number, index: number) => {\n            switch (page) {\n                case PAGINATION_ELLIPSIS_VALUE:\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageEllipsis>...</PaginationPageEllipsis>\n                        </PaginationNavigationExtendedItem>\n                    );\n                default: {\n                    const isCurrent = page === currentPage;\n\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageButton isCurrent={isCurrent} onClick={handleClick(page)}>\n                                {page}\n                            </PaginationPageButton>\n                        </PaginationNavigationExtendedItem>\n                    );\n                }\n            }\n        };\n        return (\n            <PaginationNavigationExtended {...rest} ref={ref}>\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.BACK}\n                        {...buttonPrevProps}\n                        onClick={handlePrevClick}\n                        disabled={isFirstPage || buttonPrevProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n\n                {pageNumbers.map((page, index) => renderPages(page, index))}\n\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.NEXT}\n                        {...buttonNextProps}\n                        onClick={handleNextClick}\n                        disabled={isLastPage || buttonNextProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n            </PaginationNavigationExtended>\n        );\n    },\n);\n\nPaginationNavigation.displayName = \"PaginationNavigation\";\n"],"names":["React"],"mappings":";;;;;;;;;AA4BO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,aAAa,KAAK,IAAI,YAAY,CAAC;AAEzC,UAAM,cAAc,gBAAgB,iBAAiB;AAAA,MACjD;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IAAA,CACf;AAED,UAAM,cAAc,eAAe;AACnC,UAAM,aAAa,eAAe;AAElC,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,eAAuB,MAAM;AAC9C,0BAAoB,UAAU;AAAA,IAClC;AAEA,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,MAAc,UAAkB;AACjD,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,qCACK,kCAAA,EACG,UAAA,oBAAC,wBAAA,EAAuB,UAAA,OAAG,KADQ,KAEvC;AAAA,QAER,SAAS;AACL,gBAAM,YAAY,SAAS;AAE3B,iBACI,oBAAC,kCAAA,EACG,UAAA,oBAAC,sBAAA,EAAqB,WAAsB,SAAS,YAAY,IAAI,GAChE,UAAA,KAAA,CACL,EAAA,GAHmC,KAIvC;AAAA,QAER;AAAA,MAAA;AAAA,IAER;AACA,WACI,qBAAC,8BAAA,EAA8B,GAAG,MAAM,KACpC,UAAA;AAAA,MAAA,oBAAC,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,gBAAe,mDAAiB;AAAA,QAAA;AAAA,MAAA,GAElD;AAAA,MAEC,YAAY,IAAI,CAAC,MAAM,UAAU,YAAY,MAAM,KAAK,CAAC;AAAA,0BAEzD,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,eAAc,mDAAiB;AAAA,QAAA;AAAA,MAAA,EAC7C,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,qBAAqB,cAAc;"}

package/components/Pagination/components/PaginationNavigationButton.js

@@ -5,8 +5,8 @@ import { EButtonIconShape } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
-const paginationNavigationButton = "paginationNavigationButton__24c3a7f6";
-const directionIconNext = "directionIconNext__9be002cc";
+const paginationNavigationButton = "paginationNavigationButton__75d675c5";
+const directionIconNext = "directionIconNext__8c140da7";
 const styles = {
   paginationNavigationButton,
   directionIconNext

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const paginationNavigationExtended = "paginationNavigationExtended__df0c8789";
+const paginationNavigationExtended = "paginationNavigationExtended__7aa36626";
 const styles = {
   paginationNavigationExtended
 };

package/components/Pagination/components/PaginationPageButton.js

@@ -8,8 +8,8 @@ import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { ButtonBase } from "../../Button/ButtonBase.js";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
-const paginationPageButton = "paginationPageButton__7b7e9f54";
-const currentPage = "currentPage__839c3886";
+const paginationPageButton = "paginationPageButton__682d9838";
+const currentPage = "currentPage__afad0cbd";
 const styles = {
   paginationPageButton,
   currentPage

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -6,7 +6,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const paginationPageEllipsis = "paginationPageEllipsis__63c466bf";
+const paginationPageEllipsis = "paginationPageEllipsis__3707b7be";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -10,8 +10,8 @@ import { SelectField } from "../../SelectField/SelectField.js";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const paginationSelect = "paginationSelect__4ee7b93b";
-const paginationSelectControl = "paginationSelectControl__a6386e90";
+const paginationSelect = "paginationSelect__9706eb65";
+const paginationSelectControl = "paginationSelectControl__d88949b4";
 const styles = {
   paginationSelect,
   paginationSelectControl