@sberbusiness/triplex-next 1.51.0 → 1.52.0

package/components/MonthYearRange/MonthYearRange.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import moment from "moment";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
+import { shiftDateRange, isDateAfter } from "../DateRange/utils.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__9b8f3545";
-const monthYearRangeButton = "monthYearRangeButton__aa1da797";
-const separator = "separator__9b73e757";
+const monthYearRange = "monthYearRange__c9e3caee";
+const monthYearRangeButton = "monthYearRangeButton__ea262974";
+const separator = "separator__cab1c0a9";
 const styles = {
   monthYearRange,
   monthYearRangeButton,
@@ -17,48 +17,41 @@ const MonthYearRange = React__default.forwardRef(
   ({
     className,
     value,
-    onChange,
+    format = dateFormatYYYYMMDD,
     shiftAmount = 1,
     shiftUnit = EMonthYearRangeShiftUnit.MONTH,
     hideNavigation,
+    onChange,
     renderPickerFrom,
     renderPickerTo,
     renderButtonForward,
     renderButtonBack,
-    ...rest
+    ...restProps
   }, ref) => {
     const [start, end] = value;
     const classNames = clsx(styles.monthYearRange, className);
     const shiftDisabled = !(start && end);
     const handleChangePickerFrom = (date) => {
-      if (!date || !end || date <= end) {
+      if (!date || !end || !isDateAfter(date, end, format)) {
         onChange([date, end]);
       } else {
         onChange([date, ""]);
       }
     };
     const handleChangePickerTo = (date) => {
-      if (!date || !start || date >= start) {
+      if (!date || !start || !isDateAfter(start, date, format)) {
         onChange([start, date]);
       } else {
         onChange(["", date]);
       }
     };
     const shiftRange = (amount) => {
-      if (shiftDisabled) {
-        return;
-      }
-      const momentStart = moment(start, dateFormatYYYYMMDD, true);
-      const momentEnd = moment(end, dateFormatYYYYMMDD, true);
-      if (!momentStart.isValid() || !momentEnd.isValid()) {
-        return;
+      const shiftedValue = shiftDateRange(value, amount, shiftUnit, format);
+      if (shiftedValue) {
+        onChange(shiftedValue);
       }
-      onChange([
-        momentStart.add(amount, shiftUnit).format(dateFormatYYYYMMDD),
-        momentEnd.add(amount, shiftUnit).format(dateFormatYYYYMMDD)
-      ]);
     };
-    return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, ref, children: [
       !hideNavigation && renderButtonBack({
         children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 5 }),
         className: styles.monthYearRangeButton,
@@ -66,13 +59,15 @@ const MonthYearRange = React__default.forwardRef(
         onClick: () => shiftRange(-shiftAmount)
       }),
       renderPickerFrom({
-        onChange: handleChangePickerFrom,
-        value: start
+        value: start,
+        format,
+        onChange: handleChangePickerFrom
       }),
       /* @__PURE__ */ jsx(RangeStrokeSrvIcon16, { className: styles.separator, paletteIndex: 5 }),
       renderPickerTo({
-        onChange: handleChangePickerTo,
-        value: end
+        value: end,
+        format,
+        onChange: handleChangePickerTo
       }),
       !hideNavigation && renderButtonForward({
         children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon20, { paletteIndex: 5 }),

package/components/MonthYearRange/MonthYearRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthYearRange.js","sources":["../../../src/components/MonthYearRange/MonthYearRange.tsx"],"sourcesContent":["import React from \"react\";\nimport moment from \"moment\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { EMonthYearRangeShiftUnit } from \"./enums\";\nimport styles from \"./styles/MonthYearRange.module.less\";\n\n/** Свойства функции рендеринга кнопки сдвига диапазона месяцев. */\nexport interface IMonthYearRangeButtonProvideProps {\n    /** Содержимое кнопки — иконка направления сдвига. */\n    children: React.ReactNode;\n    /** CSS-класс, который следует передать кнопке. */\n    className: string;\n    /** Обработчик сдвига; не вызывает onChange при пустой или невалидной границе. */\n    onClick: () => void;\n    /** Кнопка отключена, если хотя бы одна граница диапазона пуста. */\n    disabled: boolean;\n}\n\n/** Свойства функции рендеринга поля выбора месяца. */\nexport interface IMonthYearRangePickerProvideProps {\n    /** Дата в формате YYYYMMDD или пустая строка, если граница не выбрана. */\n    value: string;\n    /** Обработчик изменения границы; при пересечении очищает противоположную границу. */\n    onChange: (value: string) => void;\n}\n\n/** Границы диапазона [от, до] в формате YYYYMMDD; пустая строка означает отсутствие границы. */\nexport type TMonthYearRangeValue = [string, string];\n\n/** Свойства компонента MonthYearRange. */\nexport interface IMonthYearRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n    /** Границы диапазона [от, до] в формате YYYYMMDD; пустая строка означает отсутствие границы. */\n    value: TMonthYearRangeValue;\n    /** Обработчик изменения диапазона; передаёт новые границы для обновления value. */\n    onChange: (value: TMonthYearRangeValue) => void;\n    /** Величина сдвига диапазона в единицах shiftUnit. По умолчанию 1. */\n    shiftAmount?: number;\n    /** Единица измерения сдвига. По умолчанию EMonthYearRangeShiftUnit.MONTH. */\n    shiftUnit?: EMonthYearRangeShiftUnit;\n    /** Скрывает кнопки сдвига диапазона. По умолчанию кнопки отображаются. */\n    hideNavigation?: boolean;\n    /** Рендерит поле выбора месяца \"от\", используя переданные value и onChange. */\n    renderPickerFrom: (props: IMonthYearRangePickerProvideProps) => React.ReactNode;\n    /** Рендерит поле выбора месяца \"до\", используя переданные value и onChange. */\n    renderPickerTo: (props: IMonthYearRangePickerProvideProps) => React.ReactNode;\n    /** Рендерит кнопку сдвига назад, используя переданные children, className, onClick и disabled. */\n    renderButtonBack: (props: IMonthYearRangeButtonProvideProps) => React.ReactNode;\n    /** Рендерит кнопку сдвига вперёд, используя переданные children, className, onClick и disabled. */\n    renderButtonForward: (props: IMonthYearRangeButtonProvideProps) => React.ReactNode;\n}\n\n/**\n * Выбор диапазона месяцев: поля «от» и «до» и кнопки сдвига диапазона назад и вперёд.\n * Поля и кнопки рендерит потребитель через render-props.\n */\nexport const MonthYearRange = React.forwardRef<HTMLDivElement, IMonthYearRangeProps>(\n    (\n        {\n            className,\n            value,\n            onChange,\n            shiftAmount = 1,\n            shiftUnit = EMonthYearRangeShiftUnit.MONTH,\n            hideNavigation,\n            renderPickerFrom,\n            renderPickerTo,\n            renderButtonForward,\n            renderButtonBack,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [start, end] = value;\n        const classNames = clsx(styles.monthYearRange, className);\n        /** Сдвиг возможен только при обеих заполненных границах диапазона. */\n        const shiftDisabled = !(start && end);\n\n        /** Обработчик изменения значения в поле выбора месяца \"от\". Сбрасывает месяц \"до\", если он оказался меньше. */\n        const handleChangePickerFrom = (date: string) => {\n            if (!date || !end || date <= end) {\n                onChange([date, end]);\n            } else {\n                onChange([date, \"\"]);\n            }\n        };\n\n        /** Обработчик изменения значения в поле выбора месяца \"до\". Сбрасывает месяц \"от\", если он оказался больше. */\n        const handleChangePickerTo = (date: string) => {\n            if (!date || !start || date >= start) {\n                onChange([start, date]);\n            } else {\n                onChange([\"\", date]);\n            }\n        };\n\n        /** Смещает обе границы диапазона на amount единиц. Неполный или невалидный диапазон не сдвигается. */\n        const shiftRange = (amount: number) => {\n            if (shiftDisabled) {\n                return;\n            }\n\n            const momentStart = moment(start, dateFormatYYYYMMDD, true);\n            const momentEnd = moment(end, dateFormatYYYYMMDD, true);\n\n            if (!momentStart.isValid() || !momentEnd.isValid()) {\n                return;\n            }\n\n            onChange([\n                momentStart.add(amount, shiftUnit).format(dateFormatYYYYMMDD),\n                momentEnd.add(amount, shiftUnit).format(dateFormatYYYYMMDD),\n            ]);\n        };\n\n        return (\n            <div className={classNames} {...rest} ref={ref}>\n                {!hideNavigation &&\n                    renderButtonBack({\n                        children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                        className: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(-shiftAmount),\n                    })}\n                {renderPickerFrom({\n                    onChange: handleChangePickerFrom,\n                    value: start,\n                })}\n                <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n                {renderPickerTo({\n                    onChange: handleChangePickerTo,\n                    value: end,\n                })}\n                {!hideNavigation &&\n                    renderButtonForward({\n                        children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                        className: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(shiftAmount),\n                    })}\n            </div>\n        );\n    },\n);\n\nMonthYearRange.displayName = \"MonthYearRange\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAyDO,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,YAAY,yBAAyB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,OAAO,GAAG,IAAI;AACrB,UAAM,aAAa,KAAK,OAAO,gBAAgB,SAAS;AAExD,UAAM,gBAAgB,EAAE,SAAS;AAGjC,UAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAI,CAAC,QAAQ,CAAC,OAAO,QAAQ,KAAK;AAC9B,iBAAS,CAAC,MAAM,GAAG,CAAC;AAAA,MACxB,OAAO;AACH,iBAAS,CAAC,MAAM,EAAE,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,uBAAuB,CAAC,SAAiB;AAC3C,UAAI,CAAC,QAAQ,CAAC,SAAS,QAAQ,OAAO;AAClC,iBAAS,CAAC,OAAO,IAAI,CAAC;AAAA,MAC1B,OAAO;AACH,iBAAS,CAAC,IAAI,IAAI,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,aAAa,CAAC,WAAmB;AACnC,UAAI,eAAe;AACf;AAAA,MACJ;AAEA,YAAM,cAAc,OAAO,OAAO,oBAAoB,IAAI;AAC1D,YAAM,YAAY,OAAO,KAAK,oBAAoB,IAAI;AAEtD,UAAI,CAAC,YAAY,QAAA,KAAa,CAAC,UAAU,WAAW;AAChD;AAAA,MACJ;AAEA,eAAS;AAAA,QACL,YAAY,IAAI,QAAQ,SAAS,EAAE,OAAO,kBAAkB;AAAA,QAC5D,UAAU,IAAI,QAAQ,SAAS,EAAE,OAAO,kBAAkB;AAAA,MAAA,CAC7D;AAAA,IACL;AAEA,gCACK,OAAA,EAAI,WAAW,YAAa,GAAG,MAAM,KACjC,UAAA;AAAA,MAAA,CAAC,kBACE,iBAAiB;AAAA,QACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,QACrD,WAAW,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,CAAC,WAAW;AAAA,MAAA,CACzC;AAAA,MACJ,iBAAiB;AAAA,QACd,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,0BACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,MACnE,eAAe;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,MACA,CAAC,kBACE,oBAAoB;AAAA,QAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,QACtD,WAAW,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,WAAW;AAAA,MAAA,CACxC;AAAA,IAAA,GACT;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"MonthYearRange.js","sources":["../../../src/components/MonthYearRange/MonthYearRange.tsx"],"sourcesContent":["import React from \"react\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { isDateAfter, shiftDateRange } from \"../DateRange/utils\";\nimport { EMonthYearRangeShiftUnit } from \"./enums\";\nimport { IMonthYearRangeProps } from \"./types\";\nimport styles from \"./styles/MonthYearRange.module.less\";\n\n/**\n * Выбор диапазона месяцев: поля «от» и «до» и кнопки сдвига диапазона назад и вперёд.\n * Поля и кнопки рендерит потребитель через render-props.\n */\nexport const MonthYearRange = React.forwardRef<HTMLDivElement, IMonthYearRangeProps>(\n    (\n        {\n            className,\n            value,\n            format = dateFormatYYYYMMDD,\n            shiftAmount = 1,\n            shiftUnit = EMonthYearRangeShiftUnit.MONTH,\n            hideNavigation,\n            onChange,\n            renderPickerFrom,\n            renderPickerTo,\n            renderButtonForward,\n            renderButtonBack,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [start, end] = value;\n        const classNames = clsx(styles.monthYearRange, className);\n        /** Сдвиг возможен только при обеих заполненных границах диапазона. */\n        const shiftDisabled = !(start && end);\n\n        /** Обработчик изменения значения в поле выбора месяца \"от\". Сбрасывает месяц \"до\", если он оказался меньше. */\n        const handleChangePickerFrom = (date: string) => {\n            if (!date || !end || !isDateAfter(date, end, format)) {\n                onChange([date, end]);\n            } else {\n                onChange([date, \"\"]);\n            }\n        };\n\n        /** Обработчик изменения значения в поле выбора месяца \"до\". Сбрасывает месяц \"от\", если он оказался больше. */\n        const handleChangePickerTo = (date: string) => {\n            if (!date || !start || !isDateAfter(start, date, format)) {\n                onChange([start, date]);\n            } else {\n                onChange([\"\", date]);\n            }\n        };\n\n        /** Смещает обе границы диапазона на amount единиц. Неполный или невалидный диапазон не сдвигается. */\n        const shiftRange = (amount: number) => {\n            const shiftedValue = shiftDateRange(value, amount, shiftUnit, format);\n\n            if (shiftedValue) {\n                onChange(shiftedValue);\n            }\n        };\n\n        return (\n            <div className={classNames} {...restProps} ref={ref}>\n                {!hideNavigation &&\n                    renderButtonBack({\n                        children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                        className: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(-shiftAmount),\n                    })}\n                {renderPickerFrom({\n                    value: start,\n                    format,\n                    onChange: handleChangePickerFrom,\n                })}\n                <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n                {renderPickerTo({\n                    value: end,\n                    format,\n                    onChange: handleChangePickerTo,\n                })}\n                {!hideNavigation &&\n                    renderButtonForward({\n                        children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                        className: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(shiftAmount),\n                    })}\n            </div>\n        );\n    },\n);\n\nMonthYearRange.displayName = \"MonthYearRange\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAaO,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY,yBAAyB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,OAAO,GAAG,IAAI;AACrB,UAAM,aAAa,KAAK,OAAO,gBAAgB,SAAS;AAExD,UAAM,gBAAgB,EAAE,SAAS;AAGjC,UAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,MAAM,KAAK,MAAM,GAAG;AAClD,iBAAS,CAAC,MAAM,GAAG,CAAC;AAAA,MACxB,OAAO;AACH,iBAAS,CAAC,MAAM,EAAE,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,uBAAuB,CAAC,SAAiB;AAC3C,UAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,YAAY,OAAO,MAAM,MAAM,GAAG;AACtD,iBAAS,CAAC,OAAO,IAAI,CAAC;AAAA,MAC1B,OAAO;AACH,iBAAS,CAAC,IAAI,IAAI,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,aAAa,CAAC,WAAmB;AACnC,YAAM,eAAe,eAAe,OAAO,QAAQ,WAAW,MAAM;AAEpE,UAAI,cAAc;AACd,iBAAS,YAAY;AAAA,MACzB;AAAA,IACJ;AAEA,gCACK,OAAA,EAAI,WAAW,YAAa,GAAG,WAAW,KACtC,UAAA;AAAA,MAAA,CAAC,kBACE,iBAAiB;AAAA,QACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,QACrD,WAAW,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,CAAC,WAAW;AAAA,MAAA,CACzC;AAAA,MACJ,iBAAiB;AAAA,QACd,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,MAAA,CACb;AAAA,0BACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,MACnE,eAAe;AAAA,QACZ,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,MAAA,CACb;AAAA,MACA,CAAC,kBACE,oBAAoB;AAAA,QAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,QACtD,WAAW,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,WAAW;AAAA,MAAA,CACxC;AAAA,IAAA,GACT;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}

package/components/MonthYearRange/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/MonthYearRange/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { j as focusTrapReactExports } from "../../../chunks/vendor-CUIykw0y.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CGEa4kss.js";
+import "../../../chunks/DropdownListItem-DkX7SolI.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-CUIykw0y.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__d459c17a";
-const loaderScreen = "loaderScreen__b399a616";
-const sm = "sm__2d37f28d";
-const md = "md__1cebd4b5";
-const lg = "lg__0d5c6027";
+const multiselectFieldContent = "multiselectFieldContent__c6c94dc1";
+const loaderScreen = "loaderScreen__3679a905";
+const sm = "sm__d3776626";
+const md = "md__602287f6";
+const lg = "lg__ff17f759";
 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-CUIykw0y.js";
-const multiselectFieldFooter = "multiselectFieldFooter__7247f658";
+const multiselectFieldFooter = "multiselectFieldFooter__1613627d";
 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-CUIykw0y.js";
-const multiselectFieldHeader = "multiselectFieldHeader__3de39d2d";
+const multiselectFieldHeader = "multiselectFieldHeader__ab6e4e7d";
 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-ecOAwTp9.js";
+import { s as styles } from "../../chunks/Notification.module-B8ZAEh9G.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.51.0",
+        "data-tx": "1.52.0",
         children
       }
     );

package/components/Notification/NotificationGrouped.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
-import { s as styles } from "../../chunks/Notification.module-ecOAwTp9.js";
+import { s as styles } from "../../chunks/Notification.module-B8ZAEh9G.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-ecOAwTp9.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.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-CUIykw0y.js";
 import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
-import { s as styles } from "../../../chunks/Notification.module-ecOAwTp9.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.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-ecOAwTp9.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.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-ecOAwTp9.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.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-CUIykw0y.js";
-import { s as styles } from "../../../chunks/Notification.module-ecOAwTp9.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.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-ecOAwTp9.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.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-ecOAwTp9.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.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-ecOAwTp9.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.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-CUIykw0y.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__84de3925";
+const orderedList = "orderedList__85dbec2f";
 const styles = {
   orderedList
 };
@@ -19,7 +19,7 @@ const OrderedList = Object.assign(
         start,
         style: orderedListStyle,
         ...restProps,
-        "data-tx": "1.51.0",
+        "data-tx": "1.52.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__37c97f18";
+const orderedListItem = "orderedListItem__86b96936";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.51.0",
+      "data-tx": "1.52.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

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

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-CUIykw0y.js";
-import { s as styles } from "../../chunks/Overlay.module-CJy1uzDx.js";
+import { s as styles } from "../../chunks/Overlay.module-CtiKw8Dq.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-CUIykw0y.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-CJy1uzDx.js";
+import { s as styles } from "../../chunks/Overlay.module-CtiKw8Dq.js";
 const OverlayPanel = React__default.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.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-Bg5zU-FU.js";
+import { s as styles } from "../../chunks/Page.module-DyUBYgo-.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,13 +5,13 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__6410fde3";
-const marginTopLarge = "marginTopLarge__7e00042a";
-const marginTopSmall = "marginTopSmall__a0718450";
-const marginTopNone = "marginTopNone__31dccd75";
-const marginBottomLarge = "marginBottomLarge__10f372a8";
-const marginBottomSmall = "marginBottomSmall__7c4a639f";
-const marginBottomNone = "marginBottomNone__f22654fe";
+const bodyPage = "bodyPage__0ec56924";
+const marginTopLarge = "marginTopLarge__6209bc9c";
+const marginTopSmall = "marginTopSmall__407a5cd7";
+const marginTopNone = "marginTopNone__6d46495d";
+const marginBottomLarge = "marginBottomLarge__2b9009ee";
+const marginBottomSmall = "marginBottomSmall__6f53a18c";
+const marginBottomNone = "marginBottomNone__8fd797de";
 const styles = {
   bodyPage,
   marginTopLarge,

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-Bg5zU-FU.js";
+import { s as styles } from "../../../chunks/Page.module-DyUBYgo-.js";
 const FooterPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...restProps }, 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-Bg5zU-FU.js";
+import { s as styles } from "../../../chunks/Page.module-DyUBYgo-.js";
 const HeaderPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/PageIndicators/PageIndicators.js

@@ -4,11 +4,11 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EOrientation } from "../../enums/EOrientation.js";
 import { mergeRefs, useLatestRef } from "../../utils/refs.js";
 import { ButtonBase } from "../Button/ButtonBase.js";
-const pageIndicators = "pageIndicators__0bb10df3";
-const horizontal = "horizontal__24472d99";
-const vertical = "vertical__40a846cc";
-const indicator = "indicator__d55fd2d7";
-const active = "active__834427c7";
+const pageIndicators = "pageIndicators__3474ec35";
+const horizontal = "horizontal__332f9cff";
+const vertical = "vertical__14fcd593";
+const indicator = "indicator__fd476263";
+const active = "active__a8cece85";
 const styles = {
   pageIndicators,
   horizontal,

package/components/Pagination/components/PaginationExtended.js

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

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__eddbd755";
-const directionIconNext = "directionIconNext__fd57d2cf";
+const paginationNavigationButton = "paginationNavigationButton__d63c3f54";
+const directionIconNext = "directionIconNext__9519bc58";
 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-CUIykw0y.js";
-const paginationNavigationExtended = "paginationNavigationExtended__f1545345";
+const paginationNavigationExtended = "paginationNavigationExtended__63320d84";
 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__0c97f602";
-const currentPage = "currentPage__07777b72";
+const paginationPageButton = "paginationPageButton__3800af55";
+const currentPage = "currentPage__e4d785db";
 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__52125324";
+const paginationPageEllipsis = "paginationPageEllipsis__fc90bbc8";
 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__052f815d";
-const paginationSelectControl = "paginationSelectControl__34e6d864";
+const paginationSelect = "paginationSelect__01defd7b";
+const paginationSelectControl = "paginationSelectControl__024d2031";
 const styles = {
   paginationSelect,
   paginationSelectControl

package/components/Radio/Radio.js

@@ -8,14 +8,14 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__55fd625d";
-const sm = "sm__452158dc";
-const nonempty = "nonempty__eaed78d1";
-const md = "md__1dfa547d";
-const lg = "lg__2bc9c364";
-const disabled = "disabled__01f17556";
-const radio = "radio__151f4c40";
-const radioIcon = "radioIcon__88285791";
+const label = "label__7d655c3c";
+const sm = "sm__12640ce9";
+const nonempty = "nonempty__0c0d13b2";
+const md = "md__e9aaffb5";
+const lg = "lg__219b5c2a";
+const disabled = "disabled__ecc73953";
+const radio = "radio__54b192e5";
+const radioIcon = "radioIcon__c5d62b2b";
 const styles = {
   label,
   sm,
@@ -41,7 +41,7 @@ const Radio = React__default.forwardRef((props, ref) => {
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.51.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.52.0", children: [
     /* @__PURE__ */ jsx("input", { type: "radio", className: inputClassName, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
     children && /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], tag: "div", children })

package/components/Radio/RadioXGroup.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const radioXGroup = "radioXGroup__15ce71c8";
-const label = "label__55fd625d";
+const radioXGroup = "radioXGroup__4e2d4cad";
+const label = "label__7d655c3c";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__e4ec30fa",
+  "indent-12": "indent-12__7fb80507",
   label,
-  "indent-16": "indent-16__b1691257",
-  "indent-20": "indent-20__263a5c2c",
-  "indent-24": "indent-24__c3c15e12",
-  "indent-28": "indent-28__e79984fe",
-  "indent-32": "indent-32__524e2c74"
+  "indent-16": "indent-16__82015a87",
+  "indent-20": "indent-20__b18c7c34",
+  "indent-24": "indent-24__530849db",
+  "indent-28": "indent-28__1b99c4ab",
+  "indent-32": "indent-32__e06b5315"
 };
 const RadioXGroup = React__default.forwardRef((props, ref) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Radio/RadioYGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const radioYGroup = "radioYGroup__124a1ce5";
+const radioYGroup = "radioYGroup__9819688c";
 const styles = {
   radioYGroup
 };

package/components/Row/Row.js

@@ -3,10 +3,10 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__b1870be2";
-const noPaddingBottom = "noPaddingBottom__70127236";
-const SM = "SM__c27aa94c";
-const MD = "MD__7dcc0e8d";
+const row = "row__6b6687c4";
+const noPaddingBottom = "noPaddingBottom__67ff97d4";
+const SM = "SM__b5985288";
+const MD = "MD__aeb5bbd4";
 const styles = {
   row,
   noPaddingBottom,

package/components/SMSField/SMSField.js

@@ -19,7 +19,7 @@ import { SMSFieldInput } from "./components/SMSFieldInput.js";
 import { SMSFieldRefresh } from "./components/SMSFieldRefresh.js";
 import { SMSFieldSubmit } from "./components/SMSFieldSubmit.js";
 import { SMSFieldTooltip } from "./components/SMSFieldTooltip.js";
-import { s as styles } from "../../chunks/SMSField.module-CaIdPHQv.js";
+import { s as styles } from "../../chunks/SMSField.module-B9DdT9lT.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const SMSField = Object.assign(
   React__default.forwardRef((props, ref) => {
@@ -56,7 +56,7 @@ const SMSField = Object.assign(
           {
             className: classSMSField,
             ...htmlDivAttributes,
-            "data-tx": "1.51.0",
+            "data-tx": "1.52.0",
             ref,
             children
           }