@sberbusiness/triplex-next 0.51.0 → 0.52.0

package/components/MonthYearRange/MonthYearRange.js

@@ -1,13 +1,13 @@
 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-Bf_-FiU6.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
+import { shiftDateRange, isDateAfter } from "../DateRange/utils.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__588266e5";
-const monthYearRangeButton = "monthYearRangeButton__58287e99";
-const separator = "separator__e5513688";
+const monthYearRange = "monthYearRange__b48613ab";
+const monthYearRangeButton = "monthYearRangeButton__c6c99c82";
+const separator = "separator__23245c28";
 const styles = {
   monthYearRange,
   monthYearRangeButton,
@@ -17,48 +17,41 @@ const MonthYearRange = React.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.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":[],"mappings":";;;;;;;;;;;;;;;AAyDO,MAAM,iBAAiB,MAAM;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":[],"mappings":";;;;;;;;;;;;;;;AAaO,MAAM,iBAAiB,MAAM;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 { F as FocusTrap } from "../../../chunks/vendor-Bf_-FiU6.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DbG8a_Rw.js";
+import "../../../chunks/DropdownListItem-B220hwlD.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-Bf_-FiU6.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__0016d480";
-const loaderScreen = "loaderScreen__2a387bce";
-const sm = "sm__0899bcca";
-const md = "md__a8f24d09";
-const lg = "lg__967c1efb";
+const multiselectFieldContent = "multiselectFieldContent__332023e3";
+const loaderScreen = "loaderScreen__64bc6b4b";
+const sm = "sm__8e42a5b8";
+const md = "md__b18a6673";
+const lg = "lg__baade7d6";
 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-Bf_-FiU6.js";
-const multiselectFieldFooter = "multiselectFieldFooter__f9df2388";
+const multiselectFieldFooter = "multiselectFieldFooter__852b87b7";
 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-Bf_-FiU6.js";
-const multiselectFieldHeader = "multiselectFieldHeader__976eb4a0";
+const multiselectFieldHeader = "multiselectFieldHeader__77028efb";
 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 from "react";
-import { s as styles } from "../../chunks/Notification.module-C27U0YZV.js";
+import { s as styles } from "../../chunks/Notification.module-CcAy4EUy.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.51.0",
+        "data-tx": "0.52.0",
         children
       }
     );

package/components/Notification/NotificationGrouped.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
-import { s as styles } from "../../chunks/Notification.module-C27U0YZV.js";
+import { s as styles } from "../../chunks/Notification.module-CcAy4EUy.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-C27U0YZV.js";
+import { s as styles } from "../../../chunks/Notification.module-CcAy4EUy.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,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
-import { s as styles } from "../../../chunks/Notification.module-C27U0YZV.js";
+import { s as styles } from "../../../chunks/Notification.module-CcAy4EUy.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-C27U0YZV.js";
+import { s as styles } from "../../../chunks/Notification.module-CcAy4EUy.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-C27U0YZV.js";
+import { s as styles } from "../../../chunks/Notification.module-CcAy4EUy.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-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/Notification.module-C27U0YZV.js";
+import { s as styles } from "../../../chunks/Notification.module-CcAy4EUy.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-C27U0YZV.js";
+import { s as styles } from "../../../chunks/Notification.module-CcAy4EUy.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-C27U0YZV.js";
+import { s as styles } from "../../../chunks/Notification.module-CcAy4EUy.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-C27U0YZV.js";
+import { s as styles } from "../../../chunks/Notification.module-CcAy4EUy.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 from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__564868a7";
+const orderedList = "orderedList__9336044b";
 const styles = {
   orderedList
 };
@@ -19,7 +19,7 @@ const OrderedList = Object.assign(
         start,
         style: orderedListStyle,
         ...restProps,
-        "data-tx": "0.51.0",
+        "data-tx": "0.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__9fa55257";
+const orderedListItem = "orderedListItem__8b7f6368";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "0.51.0",
+      "data-tx": "0.52.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-BzjO-w78.js";
+import { s as styles } from "../../chunks/Overlay.module-kM4tpNCp.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-Bf_-FiU6.js";
-import { s as styles } from "../../chunks/Overlay.module-BzjO-w78.js";
+import { s as styles } from "../../chunks/Overlay.module-kM4tpNCp.js";
 const OverlayMask = React.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 from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-BzjO-w78.js";
+import { s as styles } from "../../chunks/Overlay.module-kM4tpNCp.js";
 const OverlayPanel = React.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.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-BkhV9GYk.js";
+import { s as styles } from "../../chunks/Page.module-CB9AR5aS.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/components/BodyPage.js

@@ -5,13 +5,13 @@ import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__7ca16827";
-const marginTopLarge = "marginTopLarge__b5999947";
-const marginTopSmall = "marginTopSmall__0e64c4ca";
-const marginTopNone = "marginTopNone__b317ad5a";
-const marginBottomLarge = "marginBottomLarge__45cb459d";
-const marginBottomSmall = "marginBottomSmall__bc243566";
-const marginBottomNone = "marginBottomNone__33049d3a";
+const bodyPage = "bodyPage__122ea1f1";
+const marginTopLarge = "marginTopLarge__730590a8";
+const marginTopSmall = "marginTopSmall__d6d972c1";
+const marginTopNone = "marginTopNone__4eb279a8";
+const marginBottomLarge = "marginBottomLarge__b21921e9";
+const marginBottomSmall = "marginBottomSmall__9e5c780a";
+const marginBottomNone = "marginBottomNone__c47e7a93";
 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-BkhV9GYk.js";
+import { s as styles } from "../../../chunks/Page.module-CB9AR5aS.js";
 const FooterPage = Object.assign(
   React.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-BkhV9GYk.js";
+import { s as styles } from "../../../chunks/Page.module-CB9AR5aS.js";
 const HeaderPage = Object.assign(
   React.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/PageIndicators/PageIndicators.js

@@ -4,11 +4,11 @@ import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EOrientation } from "../../enums/EOrientation.js";
 import { mergeRefs, useLatestRef } from "../../utils/refs.js";
 import { ButtonBase } from "../Button/ButtonBase.js";
-const pageIndicators = "pageIndicators__4938c38d";
-const horizontal = "horizontal__48077158";
-const vertical = "vertical__21c99080";
-const indicator = "indicator__e1d2834f";
-const active = "active__886c69d3";
+const pageIndicators = "pageIndicators__4c32f5b4";
+const horizontal = "horizontal__9fcaf9e7";
+const vertical = "vertical__e3e07177";
+const indicator = "indicator__69322b03";
+const active = "active__4c78d21c";
 const styles = {
   pageIndicators,
   horizontal,

package/components/Pagination/components/PaginationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const paginationExtended = "paginationExtended__5940b292";
+const paginationExtended = "paginationExtended__a496de63";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "0.51.0",
+        "data-tx": "0.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__87dbcc92";
-const directionIconNext = "directionIconNext__fa7b0595";
+const paginationNavigationButton = "paginationNavigationButton__5bc0a0ea";
+const directionIconNext = "directionIconNext__600b0d69";
 const styles = {
   paginationNavigationButton,
   directionIconNext

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const paginationNavigationExtended = "paginationNavigationExtended__618f9da6";
+const paginationNavigationExtended = "paginationNavigationExtended__8d25cd92";
 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__3ab33df0";
-const currentPage = "currentPage__7dd38eda";
+const paginationPageButton = "paginationPageButton__859f1ec1";
+const currentPage = "currentPage__61552607";
 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__e00df7c3";
+const paginationPageEllipsis = "paginationPageEllipsis__62a89159";
 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__b6a3c592";
-const paginationSelectControl = "paginationSelectControl__f2428940";
+const paginationSelect = "paginationSelect__8d231453";
+const paginationSelectControl = "paginationSelectControl__1334437f";
 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__88ba98f9";
-const sm = "sm__29e5249d";
-const nonempty = "nonempty__00d8278d";
-const md = "md__fd9c327c";
-const lg = "lg__50fd0a6c";
-const disabled = "disabled__51d07e8b";
-const radio = "radio__4bb6c678";
-const radioIcon = "radioIcon__7ff6d6e6";
+const label = "label__37abe568";
+const sm = "sm__b2f97cb6";
+const nonempty = "nonempty__f248e88d";
+const md = "md__86d0f873";
+const lg = "lg__3ec3a9ec";
+const disabled = "disabled__78a833b4";
+const radio = "radio__43bc1441";
+const radioIcon = "radioIcon__438fbc62";
 const styles = {
   label,
   sm,
@@ -41,7 +41,7 @@ const Radio = React.forwardRef((props, ref) => {
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "0.51.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "0.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 from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-const radioXGroup = "radioXGroup__d94e7440";
-const label = "label__88ba98f9";
+const radioXGroup = "radioXGroup__7ba68956";
+const label = "label__37abe568";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__7ea85b0f",
+  "indent-12": "indent-12__23deab7f",
   label,
-  "indent-16": "indent-16__74521cdc",
-  "indent-20": "indent-20__11b93447",
-  "indent-24": "indent-24__92f29c25",
-  "indent-28": "indent-28__21d9414b",
-  "indent-32": "indent-32__24238be1"
+  "indent-16": "indent-16__5e154c0a",
+  "indent-20": "indent-20__9fd72353",
+  "indent-24": "indent-24__5538ffc1",
+  "indent-28": "indent-28__a1a8242b",
+  "indent-32": "indent-32__d5f03b61"
 };
 const RadioXGroup = React.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 from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-const radioYGroup = "radioYGroup__95335d61";
+const radioYGroup = "radioYGroup__bfedccfe";
 const styles = {
   radioYGroup
 };

package/components/Row/Row.js

@@ -3,10 +3,10 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__56989abf";
-const noPaddingBottom = "noPaddingBottom__bec91603";
-const SM = "SM__e673d0fa";
-const MD = "MD__f40527ff";
+const row = "row__ec805850";
+const noPaddingBottom = "noPaddingBottom__1b6e4eeb";
+const SM = "SM__f9251e9e";
+const MD = "MD__e1e0dba1";
 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-ro6oGp6K.js";
+import { s as styles } from "../../chunks/SMSField.module-BEYAnwKA.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const SMSField = Object.assign(
   React.forwardRef((props, ref) => {
@@ -56,7 +56,7 @@ const SMSField = Object.assign(
           {
             className: classSMSField,
             ...htmlDivAttributes,
-            "data-tx": "0.51.0",
+            "data-tx": "0.52.0",
             ref,
             children
           }