@sberbusiness/triplex-next 0.39.0 → 0.41.0

package/components/Loader/LoaderMiddle/LoaderMiddle.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderMiddle.js","sources":["../../../../src/components/Loader/LoaderMiddle/LoaderMiddle.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./styles/LoaderMiddle.module.less\";\nimport clsx from \"clsx\";\n\nexport const LoaderMiddle: React.FC = () => {\n    return (\n        <div role=\"status\" aria-label=\"loading\" className={styles.loaderMiddle}>\n            <div className={styles.loaderMiddleDots}>\n                <span className={styles.line} />\n                <span className={clsx(styles.dot, styles.dot1)} />\n                <span className={clsx(styles.dot, styles.dot2)} />\n                <span className={clsx(styles.dot, styles.dot3)} />\n                <span className={clsx(styles.dot, styles.dot4)} />\n            </div>\n        </div>\n    );\n};\n\nLoaderMiddle.displayName = \"LoaderMiddle\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,eAAyB,MAAM;AACxC,SACI,oBAAC,OAAA,EAAI,MAAK,UAAS,cAAW,WAAU,WAAW,OAAO,cACtD,UAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,kBACnB,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,KAAA,CAAM;AAAA,IAC9B,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,IAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,IAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,IAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,EAAA,CAAG;AAAA,EAAA,EAAA,CACpD,EAAA,CACJ;AAER;AAEA,aAAa,cAAc;"}
+{"version":3,"file":"LoaderMiddle.js","sources":["../../../../src/components/Loader/LoaderMiddle/LoaderMiddle.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/LoaderMiddle.module.less\";\n\n/**\n * Квадратный загрузчик с анимированными точками и обегающей их линией.\n * Не имеет настраиваемых props, используется как индикатор загрузки области или страницы.\n */\nexport const LoaderMiddle: React.FC = () => {\n    return (\n        <div role=\"status\" aria-label=\"loading\" className={styles.loaderMiddle}>\n            <div className={styles.loaderMiddleDots}>\n                <span className={styles.line} />\n                <span className={clsx(styles.dot, styles.dot1)} />\n                <span className={clsx(styles.dot, styles.dot2)} />\n                <span className={clsx(styles.dot, styles.dot3)} />\n                <span className={clsx(styles.dot, styles.dot4)} />\n            </div>\n        </div>\n    );\n};\n\nLoaderMiddle.displayName = \"LoaderMiddle\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAQO,MAAM,eAAyB,MAAM;AACxC,SACI,oBAAC,OAAA,EAAI,MAAK,UAAS,cAAW,WAAU,WAAW,OAAO,cACtD,UAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,kBACnB,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,KAAA,CAAM;AAAA,IAC9B,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,IAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,IAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,IAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,EAAA,CAAG;AAAA,EAAA,EAAA,CACpD,EAAA,CACJ;AAER;AAEA,aAAa,cAAc;"}

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -1,17 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { ELoaderSmallTheme } from "./enum.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const loaderSmall = "loaderSmall__c6063421";
-const sm = "sm__f6daf5df";
-const dot = "dot__47614361";
-const md = "md__2e6f9a33";
-const lg = "lg__1e3cfbf5";
-const neutral = "neutral__f9c8f56d";
-const brand = "brand__d39f7857";
-const dot1 = "dot1__8768efa0";
-const dot2 = "dot2__0de2829d";
-const dot3 = "dot3__7beb857d";
+const loaderSmall = "loaderSmall__259796c8";
+const sm = "sm__05ac79ff";
+const dot = "dot__f1c6a122";
+const md = "md__ec52458e";
+const lg = "lg__d29a33b2";
+const neutral = "neutral__ea50bfe8";
+const brand = "brand__4ee17ce1";
+const dot1 = "dot1__ffb41be7";
+const dot2 = "dot2__91d17e36";
+const dot3 = "dot3__98cdb989";
 const styles = {
   loaderSmall,
   sm,

package/components/LoaderScreen/LoaderScreen.js

@@ -1,21 +1,21 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React from "react";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { Gap } from "../Gap/Gap.js";
 import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../Loader/LoaderSmall/enum.js";
 import { LoaderMiddle } from "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { Gap } from "../Gap/Gap.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-import { EComponentSize } from "../../enums/EComponentSize.js";
-const loaderScreen = "loaderScreen__e5a35434";
-const loaderSmallBackdrop = "loaderSmallBackdrop__5ba37416";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__07fe2168";
-const loaderContent = "loaderContent__09f7a782";
-const description = "description__38250288";
+const loaderScreen = "loaderScreen__b235ef96";
+const loaderSmallBackdrop = "loaderSmallBackdrop__06373b4d";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__ba0b8b7e";
+const loaderContent = "loaderContent__960d29ab";
+const description = "description__dc6b30ba";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,
@@ -23,12 +23,13 @@ const styles = {
   loaderContent,
   description
 };
+const TYPE_TO_BACKDROP_CLASS_NAME_MAP = {
+  small: styles.loaderSmallBackdrop,
+  middle: styles.loaderMiddleBackdrop
+};
 const LoaderScreen = React.forwardRef(
   ({ className, size = EComponentSize.MD, type, description: description2, controls, ...htmlDivAttributes }, ref) => {
-    const classNames = clsx(className, styles.loaderScreen, {
-      [styles.loaderSmallBackdrop]: type === "small",
-      [styles.loaderMiddleBackdrop]: type === "middle"
-    });
+    const classNames = clsx(styles.loaderScreen, TYPE_TO_BACKDROP_CLASS_NAME_MAP[type], className);
     return /* @__PURE__ */ jsx("div", { ref, className: classNames, ...htmlDivAttributes, children: /* @__PURE__ */ jsxs("div", { className: styles.loaderContent, children: [
       type === "small" ? /* @__PURE__ */ jsx(LoaderSmall, { size, theme: ELoaderSmallTheme.BRAND }) : /* @__PURE__ */ jsx(LoaderMiddle, {}),
       description2 && /* @__PURE__ */ jsxs(Fragment, { children: [

package/components/LoaderScreen/LoaderScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderScreen.js","sources":["../../../src/components/LoaderScreen/LoaderScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { LoaderSmall, ELoaderSmallTheme, LoaderMiddle } from \"../Loader\";\nimport { Gap } from \"../Gap\";\nimport { ETextSize, Text } from \"../Typography\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport styles from \"./styles/LoaderScreen.module.less\";\n\n/** Свойства компонента LoaderScreen. */\nexport interface ILoaderScreenProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип лоадера. */\n    type: \"small\" | \"middle\";\n    /** Размер лоадера для типа small. */\n    size?: EComponentSize;\n    /** Текст, который будет отображаться под спиннером. */\n    description?: React.ReactNode;\n    /** Кнопки, которые будут отображаться под спиннером. */\n    controls?: React.ReactNode;\n}\n\nexport interface ILoaderScreenMiddleProps extends Omit<ILoaderScreenProps, \"type\" | \"size\"> {}\n\nexport const LoaderScreen = React.forwardRef<HTMLDivElement, ILoaderScreenProps>(\n    ({ className, size = EComponentSize.MD, type, description, controls, ...htmlDivAttributes }, ref) => {\n        const classNames = clsx(className, styles.loaderScreen, {\n            [styles.loaderSmallBackdrop]: type === \"small\",\n            [styles.loaderMiddleBackdrop]: type === \"middle\",\n        });\n\n        return (\n            <div ref={ref} className={classNames} {...htmlDivAttributes}>\n                <div className={styles.loaderContent}>\n                    {type === \"small\" ? <LoaderSmall size={size} theme={ELoaderSmallTheme.BRAND} /> : <LoaderMiddle />}\n\n                    {description && (\n                        <>\n                            <Gap size={24} />\n                            <Text className={styles.description} tag=\"div\" size={ETextSize.B2}>\n                                {description}\n                            </Text>\n                        </>\n                    )}\n\n                    {controls && (\n                        <>\n                            <Gap size={24} />\n                            <div>{controls}</div>\n                        </>\n                    )}\n                </div>\n            </div>\n        );\n    },\n);\n\nLoaderScreen.displayName = \"LoaderScreen\";\n"],"names":["description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,eAAe,MAAM;AAAA,EAC9B,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,MAAM,aAAAA,cAAa,UAAU,GAAG,kBAAA,GAAqB,QAAQ;AACjG,UAAM,aAAa,KAAK,WAAW,OAAO,cAAc;AAAA,MACpD,CAAC,OAAO,mBAAmB,GAAG,SAAS;AAAA,MACvC,CAAC,OAAO,oBAAoB,GAAG,SAAS;AAAA,IAAA,CAC3C;AAED,WACI,oBAAC,OAAA,EAAI,KAAU,WAAW,YAAa,GAAG,mBACtC,UAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,eAClB,UAAA;AAAA,MAAA,SAAS,8BAAW,aAAA,EAAY,MAAY,OAAO,kBAAkB,MAAA,CAAO,IAAK,oBAAC,cAAA,CAAA,CAAa;AAAA,MAE/FA,gBACG,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAI,MAAM,GAAA,CAAI;AAAA,QACf,oBAAC,MAAA,EAAK,WAAW,OAAO,aAAa,KAAI,OAAM,MAAM,UAAU,IAC1D,UAAAA,aAAA,CACL;AAAA,MAAA,GACJ;AAAA,MAGH,YACG,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAI,MAAM,GAAA,CAAI;AAAA,QACf,oBAAC,SAAK,UAAA,SAAA,CAAS;AAAA,MAAA,EAAA,CACnB;AAAA,IAAA,EAAA,CAER,EAAA,CACJ;AAAA,EAER;AACJ;AAEA,aAAa,cAAc;"}
+{"version":3,"file":"LoaderScreen.js","sources":["../../../src/components/LoaderScreen/LoaderScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { Gap } from \"../Gap\";\nimport { LoaderSmall, ELoaderSmallTheme, LoaderMiddle } from \"../Loader\";\nimport { ETextSize, Text } from \"../Typography\";\nimport styles from \"./styles/LoaderScreen.module.less\";\n\n/** Свойства компонента LoaderScreen. */\nexport interface ILoaderScreenProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип лоадера: `small` — компактный LoaderSmall, `middle` — крупный LoaderMiddle. */\n    type: \"small\" | \"middle\";\n    /** Размер лоадера. Учитывается только при `type=\"small\"`. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Текст, который будет отображаться под спиннером. */\n    description?: React.ReactNode;\n    /** Кнопки, которые будут отображаться под спиннером. */\n    controls?: React.ReactNode;\n}\n\n/**\n * Свойства LoaderScreen с предустановленным типом `middle`.\n * Используется компонентами библиотеки, которые встраивают LoaderScreen и сами задают тип\n * (ModalWindowContent, LightBoxContent, LightBoxSideOverlay).\n */\nexport interface ILoaderScreenMiddleProps extends Omit<ILoaderScreenProps, \"type\" | \"size\"> {}\n\n/** Соответствие типа лоадера имени класса подложки. */\nconst TYPE_TO_BACKDROP_CLASS_NAME_MAP: Record<ILoaderScreenProps[\"type\"], string> = {\n    small: styles.loaderSmallBackdrop,\n    middle: styles.loaderMiddleBackdrop,\n};\n\n/**\n * Виджет-загрузчик. Перекрывает область ближайшего позиционированного родителя полупрозрачной\n * подложкой и показывает по центру лоадер, опциональное описание и кнопки.\n */\nexport const LoaderScreen = React.forwardRef<HTMLDivElement, ILoaderScreenProps>(\n    ({ className, size = EComponentSize.MD, type, description, controls, ...htmlDivAttributes }, ref) => {\n        const classNames = clsx(styles.loaderScreen, TYPE_TO_BACKDROP_CLASS_NAME_MAP[type], className);\n\n        return (\n            <div ref={ref} className={classNames} {...htmlDivAttributes}>\n                <div className={styles.loaderContent}>\n                    {type === \"small\" ? <LoaderSmall size={size} theme={ELoaderSmallTheme.BRAND} /> : <LoaderMiddle />}\n\n                    {description && (\n                        <>\n                            <Gap size={24} />\n                            <Text className={styles.description} tag=\"div\" size={ETextSize.B2}>\n                                {description}\n                            </Text>\n                        </>\n                    )}\n\n                    {controls && (\n                        <>\n                            <Gap size={24} />\n                            <div>{controls}</div>\n                        </>\n                    )}\n                </div>\n            </div>\n        );\n    },\n);\n\nLoaderScreen.displayName = \"LoaderScreen\";\n"],"names":["description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,kCAA8E;AAAA,EAChF,OAAO,OAAO;AAAA,EACd,QAAQ,OAAO;AACnB;AAMO,MAAM,eAAe,MAAM;AAAA,EAC9B,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,MAAM,aAAAA,cAAa,UAAU,GAAG,kBAAA,GAAqB,QAAQ;AACjG,UAAM,aAAa,KAAK,OAAO,cAAc,gCAAgC,IAAI,GAAG,SAAS;AAE7F,WACI,oBAAC,OAAA,EAAI,KAAU,WAAW,YAAa,GAAG,mBACtC,UAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,eAClB,UAAA;AAAA,MAAA,SAAS,8BAAW,aAAA,EAAY,MAAY,OAAO,kBAAkB,MAAA,CAAO,IAAK,oBAAC,cAAA,CAAA,CAAa;AAAA,MAE/FA,gBACG,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAI,MAAM,GAAA,CAAI;AAAA,QACf,oBAAC,MAAA,EAAK,WAAW,OAAO,aAAa,KAAI,OAAM,MAAM,UAAU,IAC1D,UAAAA,aAAA,CACL;AAAA,MAAA,GACJ;AAAA,MAGH,YACG,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAI,MAAM,GAAA,CAAI;AAAA,QACf,oBAAC,SAAK,UAAA,SAAA,CAAS;AAAA,MAAA,EAAA,CACnB;AAAA,IAAA,EAAA,CAER,EAAA,CACJ;AAAA,EAER;AACJ;AAEA,aAAa,cAAc;"}

package/components/Marker/Marker.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-DdrwqT9t.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-CVWtdPuN.js";
 import { Badge } from "../Badge/Badge.js";
 import "./enums.js";
 const Marker = ({ className, status, ...rest }) => /* @__PURE__ */ jsx(Badge.Dot, { className: clsx(styles.marker, statusToClassNameMap[status], className), ...rest });

package/components/Marker/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { s } from "../../chunks/utils-DdrwqT9t.js";
+import { s } from "../../chunks/utils-CVWtdPuN.js";
 export {
   s as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { Marker } from "../Marker/Marker.js";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-import { s as statusToClassNameMap } from "../../chunks/utils-DdrwqT9t.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { s as statusToClassNameMap } from "../../chunks/utils-CVWtdPuN.js";
 import { ETextSize, EFontType, ECaptionSize } from "../Typography/enums.js";
 import { Caption } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -10,11 +10,11 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const markerStatus = "markerStatus__d741c5db";
-const contentContainer = "contentContainer__f51fb540";
-const md = "md__a492ad62";
-const markerContainer = "markerContainer__1953d60c";
-const lg = "lg__186ee5bb";
+const markerStatus = "markerStatus__ec08cdc5";
+const contentContainer = "contentContainer__4dbd6d60";
+const md = "md__f915a6b8";
+const markerContainer = "markerContainer__9737b70d";
+const lg = "lg__829208d5";
 const styles = {
   markerStatus,
   contentContainer,
@@ -30,7 +30,7 @@ const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const MarkerStatus = React.forwardRef(
   ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {
     const classNames = clsx(styles.markerStatus, sizeToClassNameMap[size], statusToClassNameMap[status], className);
-    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "0.39.0", ...restProps, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "0.41.0", ...restProps, ref, children: [
       /* @__PURE__ */ jsx("div", { className: styles.markerContainer, children: /* @__PURE__ */ jsx(Marker, { status, size }) }),
       /* @__PURE__ */ jsxs("div", { className: styles.contentContainer, children: [
         /* @__PURE__ */ jsx(Text, { size: markerStatusSizeToTextSizeMap[size], children }),

package/components/ModalWindow/ModalWindow.js

@@ -1,13 +1,13 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React, { useState, useRef, useEffect } from "react";
-import { c as clsx, C as CSSTransition } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx, C as CSSTransition } from "../../chunks/vendor-BtZO8a0z.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { ModalWindowViewManager } from "./components/ModalWindowViewManager.js";
 import { useToken } from "../ThemeProvider/useToken.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-import { s as styles } from "../../chunks/ModalWindow.module-CAccCwuD.js";
+import { s as styles } from "../../chunks/ModalWindow.module-g4fzzLBJ.js";
 const modalNodeName = "ufs-modal-window";
 const animationExitTime = 300;
 const bodyClassNameModalOpen = ["modal-open", "no-hash-overflow-hidden"];

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { Island } from "../../Island/Island.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EIslandType } from "../../Island/enums.js";
-const modalWindowBody = "modalWindowBody__799aecbd";
+const modalWindowBody = "modalWindowBody__87082884";
 const styles = {
   modalWindowBody
 };

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,7 +6,7 @@ import { EButtonTheme } from "../../Button/enums.js";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-const modalWindowClose = "modalWindowClose__8a76c203";
+const modalWindowClose = "modalWindowClose__0826f699";
 const styles = {
   modalWindowClose
 };

package/components/ModalWindow/components/ModalWindowContent.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import React from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-CAccCwuD.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-g4fzzLBJ.js";
 import { Page } from "../../Page/Page.js";
 const ModalWindowContent = React.forwardRef(
   ({ isLoading, className, loaderScreenProps, children, ...rest }, ref) => /* @__PURE__ */ jsxs(

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { HeaderPage } from "../../Page/components/HeaderPage.js";
 import { EHeaderPageType } from "../../Page/components/enums.js";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
-const modalWindowHeader = "modalWindowHeader__0ab5fd6d";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+const modalWindowHeader = "modalWindowHeader__7f03bd1e";
 const styles = {
   modalWindowHeader
 };

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useState, useRef, useLayoutEffect } from "react";
-import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-BtZO8a0z.js";
 import { Portal } from "../../Portal/Portal.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-CAccCwuD.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-g4fzzLBJ.js";
 const modalWindowViewManagerNodeId = "modalWindowViewManagerNodeId";
 const getOrCreateModalWindowViewManagerNode = () => {
   let node = document.querySelector(`#${modalWindowViewManagerNodeId}`);

package/components/MonthYearField/utils.js

@@ -1,4 +1,5 @@
 import moment from "moment";
+import { isDateOutOfRange } from "../Calendar/utils.js";
 import { inputMonthYearFormat } from "./constants.js";
 const MonthYearPickerUtils = {
   /** Получить значения пикера. */
@@ -22,7 +23,7 @@ const MonthYearPickerUtils = {
   },
   /** Является ли дата доступной. */
   isAvailableDate: (date, value, limitRange) => {
-    return !(date.isBefore(limitRange.dateFrom, "day") || date.isAfter(limitRange.dateTo, "day"));
+    return !isDateOutOfRange(date, limitRange, "day");
   }
 };
 export {

package/components/MonthYearField/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/MonthYearField/utils.ts"],"sourcesContent":["import moment from \"moment\";\nimport { TPickedDate } from \"../Calendar/types\";\nimport { IDateLimitRange } from \"../../types/DateTypes\";\nimport { inputMonthYearFormat } from \"./constants\";\n\n/** Значения пикера MonthYearField. */\ninterface IMonthYearPickerValues {\n    inputString: string;\n    calendarDate: TPickedDate;\n}\n\n/** Утилиты для компонента MonthYearField. */\nexport const MonthYearPickerUtils = {\n    /** Получить значения пикера. */\n    getPickerValues: (value: string, format: string, limitRange: IDateLimitRange): IMonthYearPickerValues => {\n        if (value.length === 0) {\n            return { calendarDate: null, inputString: \"\" };\n        }\n\n        const date = MonthYearPickerUtils.getCalendarDate(value, format, limitRange);\n\n        if (date === null) {\n            return { calendarDate: null, inputString: \"\" };\n        }\n\n        return { calendarDate: date, inputString: date.format(inputMonthYearFormat) };\n    },\n\n    /** Получить календарную дату. */\n    getCalendarDate: (value: string, format: string, limitRange: IDateLimitRange) => {\n        const date = moment(value, format, true);\n\n        if (!date.isValid() || !MonthYearPickerUtils.isAvailableDate(date, value, limitRange)) {\n            return null;\n        }\n\n        return date;\n    },\n\n    /** Является ли дата доступной. */\n    isAvailableDate: (date: moment.Moment, value: string, limitRange: IDateLimitRange) => {\n        return !(date.isBefore(limitRange.dateFrom, \"day\") || date.isAfter(limitRange.dateTo, \"day\"));\n    },\n};\n"],"names":[],"mappings":";;AAYO,MAAM,uBAAuB;AAAA;AAAA,EAEhC,iBAAiB,CAAC,OAAe,QAAgB,eAAwD;AACrG,QAAI,MAAM,WAAW,GAAG;AACpB,aAAO,EAAE,cAAc,MAAM,aAAa,GAAA;AAAA,IAC9C;AAEA,UAAM,OAAO,qBAAqB,gBAAgB,OAAO,QAAQ,UAAU;AAE3E,QAAI,SAAS,MAAM;AACf,aAAO,EAAE,cAAc,MAAM,aAAa,GAAA;AAAA,IAC9C;AAEA,WAAO,EAAE,cAAc,MAAM,aAAa,KAAK,OAAO,oBAAoB,EAAA;AAAA,EAC9E;AAAA;AAAA,EAGA,iBAAiB,CAAC,OAAe,QAAgB,eAAgC;AAC7E,UAAM,OAAO,OAAO,OAAO,QAAQ,IAAI;AAEvC,QAAI,CAAC,KAAK,QAAA,KAAa,CAAC,qBAAqB,gBAAgB,MAAM,OAAO,UAAU,GAAG;AACnF,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX;AAAA;AAAA,EAGA,iBAAiB,CAAC,MAAqB,OAAe,eAAgC;AAClF,WAAO,EAAE,KAAK,SAAS,WAAW,UAAU,KAAK,KAAK,KAAK,QAAQ,WAAW,QAAQ,KAAK;AAAA,EAC/F;AACJ;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/MonthYearField/utils.ts"],"sourcesContent":["import moment from \"moment\";\nimport { TPickedDate } from \"../Calendar/types\";\nimport { isDateOutOfRange } from \"../Calendar/utils\";\nimport { IDateLimitRange } from \"../../types/DateTypes\";\nimport { inputMonthYearFormat } from \"./constants\";\n\n/** Значения пикера MonthYearField. */\ninterface IMonthYearPickerValues {\n    inputString: string;\n    calendarDate: TPickedDate;\n}\n\n/** Утилиты для компонента MonthYearField. */\nexport const MonthYearPickerUtils = {\n    /** Получить значения пикера. */\n    getPickerValues: (value: string, format: string, limitRange: IDateLimitRange): IMonthYearPickerValues => {\n        if (value.length === 0) {\n            return { calendarDate: null, inputString: \"\" };\n        }\n\n        const date = MonthYearPickerUtils.getCalendarDate(value, format, limitRange);\n\n        if (date === null) {\n            return { calendarDate: null, inputString: \"\" };\n        }\n\n        return { calendarDate: date, inputString: date.format(inputMonthYearFormat) };\n    },\n\n    /** Получить календарную дату. */\n    getCalendarDate: (value: string, format: string, limitRange: IDateLimitRange) => {\n        const date = moment(value, format, true);\n\n        if (!date.isValid() || !MonthYearPickerUtils.isAvailableDate(date, value, limitRange)) {\n            return null;\n        }\n\n        return date;\n    },\n\n    /** Является ли дата доступной. */\n    isAvailableDate: (date: moment.Moment, value: string, limitRange: IDateLimitRange) => {\n        return !isDateOutOfRange(date, limitRange, \"day\");\n    },\n};\n"],"names":[],"mappings":";;;AAaO,MAAM,uBAAuB;AAAA;AAAA,EAEhC,iBAAiB,CAAC,OAAe,QAAgB,eAAwD;AACrG,QAAI,MAAM,WAAW,GAAG;AACpB,aAAO,EAAE,cAAc,MAAM,aAAa,GAAA;AAAA,IAC9C;AAEA,UAAM,OAAO,qBAAqB,gBAAgB,OAAO,QAAQ,UAAU;AAE3E,QAAI,SAAS,MAAM;AACf,aAAO,EAAE,cAAc,MAAM,aAAa,GAAA;AAAA,IAC9C;AAEA,WAAO,EAAE,cAAc,MAAM,aAAa,KAAK,OAAO,oBAAoB,EAAA;AAAA,EAC9E;AAAA;AAAA,EAGA,iBAAiB,CAAC,OAAe,QAAgB,eAAgC;AAC7E,UAAM,OAAO,OAAO,OAAO,QAAQ,IAAI;AAEvC,QAAI,CAAC,KAAK,QAAA,KAAa,CAAC,qBAAqB,gBAAgB,MAAM,OAAO,UAAU,GAAG;AACnF,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX;AAAA;AAAA,EAGA,iBAAiB,CAAC,MAAqB,OAAe,eAAgC;AAClF,WAAO,CAAC,iBAAiB,MAAM,YAAY,KAAK;AAAA,EACpD;AACJ;"}

package/components/MonthYearRange/MonthYearRange.js

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import moment from "moment";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__49920711";
-const monthYearRangeButton = "monthYearRangeButton__40a70b47";
-const separator = "separator__9c9ad740";
+const monthYearRange = "monthYearRange__da358922";
+const monthYearRangeButton = "monthYearRangeButton__c9163ab4";
+const separator = "separator__9d62f72b";
 const styles = {
   monthYearRange,
   monthYearRangeButton,

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useEffect } from "react";
-import { F as FocusTrap } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { F as FocusTrap } from "../../../chunks/vendor-BtZO8a0z.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-COR0eOzM.js";
+import "../../../chunks/DropdownListItem-BVmaxhUL.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__bd5cb833";
-const loaderScreen = "loaderScreen__1669cd94";
-const sm = "sm__8d948ec2";
-const md = "md__b0609de0";
-const lg = "lg__852c7528";
+const multiselectFieldContent = "multiselectFieldContent__c0790710";
+const loaderScreen = "loaderScreen__5a1a1c17";
+const sm = "sm__539bd712";
+const md = "md__12b23560";
+const lg = "lg__6433f8c8";
 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-DKrjZZwJ.js";
-const multiselectFieldFooter = "multiselectFieldFooter__d3ad5a30";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+const multiselectFieldFooter = "multiselectFieldFooter__bb2816d9";
 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-DKrjZZwJ.js";
-const multiselectFieldHeader = "multiselectFieldHeader__68f3ad9c";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+const multiselectFieldHeader = "multiselectFieldHeader__b1e83c21";
 const styles = {
   multiselectFieldHeader
 };

package/components/Notification/Notification.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { NotificationBody } from "./components/NotificationBody.js";
 import { NotificationClose } from "./components/NotificationClose.js";
 import { NotificationIcon } from "./components/NotificationIcon.js";
 import { NotificationTime } from "./components/NotificationTime.js";
 import React from "react";
-import { s as styles } from "../../chunks/Notification.module-yXlyaoAB.js";
+import { s as styles } from "../../chunks/Notification.module-GuNThi0F.js";
 const Notification = Object.assign(
   React.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": "0.39.0",
+        "data-tx": "0.41.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 from "react";
-import { s as styles } from "../../chunks/Notification.module-yXlyaoAB.js";
+import { s as styles } from "../../chunks/Notification.module-GuNThi0F.js";
 const NotificationGrouped = React.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-yXlyaoAB.js";
+import { s as styles } from "../../../chunks/Notification.module-GuNThi0F.js";
 const NotificationBody = Object.assign(
   React.forwardRef(function NotificationBody2({ children }, ref) {
     return /* @__PURE__ */ jsx("div", { className: styles.notificationBody, ref, children });

package/components/Notification/components/NotificationBodyList.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
 import "../../UnorderedList/UnorderedListItem.js";
-import { s as styles } from "../../../chunks/Notification.module-yXlyaoAB.js";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles } from "../../../chunks/Notification.module-GuNThi0F.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 const NotificationBodyList = ({ className, ...props }) => /* @__PURE__ */ jsx(UnorderedList, { className: clsx(styles.notificationBodyList, className), ...props, children: props.values.map((el, index) => /* @__PURE__ */ jsx(UnorderedList.Item, { children: el }, index)) });
 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-yXlyaoAB.js";
+import { s as styles } from "../../../chunks/Notification.module-GuNThi0F.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-yXlyaoAB.js";
+import { s as styles } from "../../../chunks/Notification.module-GuNThi0F.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-DKrjZZwJ.js";
-import { s as styles } from "../../../chunks/Notification.module-yXlyaoAB.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../chunks/Notification.module-GuNThi0F.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-yXlyaoAB.js";
+import { s as styles } from "../../../chunks/Notification.module-GuNThi0F.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-yXlyaoAB.js";
+import { s as styles } from "../../../chunks/Notification.module-GuNThi0F.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-yXlyaoAB.js";
+import { s as styles } from "../../../chunks/Notification.module-GuNThi0F.js";
 const NotificationTime = ({ time }) => /* @__PURE__ */ jsx("span", { className: styles.notificationTime, children: time });
 NotificationTime.displayName = "NotificationTime";
 export {

package/components/OrderedList/OrderedList.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__8af0211d";
+const orderedList = "orderedList__ebe9e57d";
 const styles = {
   orderedList
 };
@@ -17,7 +17,7 @@ const OrderedList = Object.assign(
         ["--start-index-tx"]: start - 1
       } : style,
       ...restProps,
-      "data-tx": "0.39.0",
+      "data-tx": "0.41.0",
       ref
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const orderedListItem = "orderedListItem__ff34b689";
+const orderedListItem = "orderedListItem__fa8208bf";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "0.39.0",
+      "data-tx": "0.41.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-gnmqM0Mg.js";
+import { s as styles } from "../../chunks/Overlay.module-Bz905CUE.js";
 const Overlay = Object.assign(
   React.forwardRef(
     ({

package/components/Overlay/OverlayMask.js

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

package/components/Overlay/OverlayPanel.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-gnmqM0Mg.js";
+import { s as styles } from "../../chunks/Overlay.module-Bz905CUE.js";
 const OverlayPanel = React.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.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-CyuFcFEq.js";
+import { s as styles } from "../../chunks/Page.module-Cew9zu6t.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/components/BodyPage.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { Body } from "../../Body/Body.js";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__b5fed48d";
-const verticalMargin24 = "verticalMargin24__2d8ad7e5";
-const verticalMargin16 = "verticalMargin16__2630c301";
+const bodyPage = "bodyPage__a47a748e";
+const verticalMargin24 = "verticalMargin24__ee9d6a45";
+const verticalMargin16 = "verticalMargin16__7b50f961";
 const styles = {
   bodyPage,
   verticalMargin24,

package/components/Page/components/FooterPage.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { Footer } from "../../Footer/Footer.js";
 import { EFooterPageType } from "./enums.js";
 import { useStickyCornerRadius } from "./useStickyCornerRadius.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-CyuFcFEq.js";
+import { s as styles } from "../../../chunks/Page.module-Cew9zu6t.js";
 const FooterPage = Object.assign(
   React.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {