@sberbusiness/triplex-next 0.44.0 → 0.46.0

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -1,17 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { ELoaderSmallTheme } from "./enum.js";
-const loaderSmall = "loaderSmall__5a56e167";
-const sm = "sm__3c7a629e";
-const dot = "dot__a805ac92";
-const md = "md__882b0c10";
-const lg = "lg__bae9eb17";
-const neutral = "neutral__0330b2e2";
-const brand = "brand__99049ed1";
-const dot1 = "dot1__549a78d5";
-const dot2 = "dot2__4825d653";
-const dot3 = "dot3__053e932a";
+const loaderSmall = "loaderSmall__d640e65b";
+const sm = "sm__ad51d5a6";
+const dot = "dot__24cc0725";
+const md = "md__e63b44bb";
+const lg = "lg__d3f2f8b8";
+const neutral = "neutral__55708530";
+const brand = "brand__aaf9a03d";
+const dot1 = "dot1__053b4a44";
+const dot2 = "dot2__850740f7";
+const dot3 = "dot3__1ddb24e1";
 const styles = {
   loaderSmall,
   sm,

package/components/LoaderScreen/LoaderScreen.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { Gap } from "../Gap/Gap.js";
 import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
@@ -11,11 +11,11 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const loaderScreen = "loaderScreen__8e8338e6";
-const loaderSmallBackdrop = "loaderSmallBackdrop__3b050867";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__c289af5f";
-const loaderContent = "loaderContent__bbef4242";
-const description = "description__3bc68ae3";
+const loaderScreen = "loaderScreen__1f9099d5";
+const loaderSmallBackdrop = "loaderSmallBackdrop__26d4e1ef";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__fef56690";
+const loaderContent = "loaderContent__037c0ebe";
+const description = "description__5a68eb44";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,

package/components/Marker/Marker.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
-import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-DXFUuTht.js";
+import React from "react";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { Badge } from "../Badge/Badge.js";
+import { s as styles, S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-CiSB_6bo.js";
 import "./enums.js";
-const Marker = ({ className, status, ...rest }) => /* @__PURE__ */ jsx(Badge.Dot, { className: clsx(styles.marker, statusToClassNameMap[status], className), ...rest });
+const Marker = React.forwardRef(({ className, status, ...restProps }, ref) => /* @__PURE__ */ jsx(Badge.Dot, { className: clsx(styles.marker, STATUS_TO_CLASS_NAME_MAP[status], className), ...restProps, ref }));
 Marker.displayName = "Marker";
 export {
   Marker

package/components/Marker/Marker.js.map

@@ -1 +1 @@
-{"version":3,"file":"Marker.js","sources":["../../../src/components/Marker/Marker.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { EMarkerStatus } from \"./enums\";\nimport React from \"react\";\nimport { statusToClassNameMap } from \"./utils\";\nimport { Badge } from \"../Badge\";\nimport { IBadgeDotProps } from \"../Badge/types\";\nimport styles from \"./styles/Marker.module.less\";\n\nexport interface IMarkerProps extends IBadgeDotProps {\n    status: EMarkerStatus;\n}\n\nexport const Marker: React.FC<IMarkerProps> = ({ className, status, ...rest }) => (\n    <Badge.Dot className={clsx(styles.marker, statusToClassNameMap[status], className)} {...rest} />\n);\n\nMarker.displayName = \"Marker\";\n"],"names":[],"mappings":";;;;;AAYO,MAAM,SAAiC,CAAC,EAAE,WAAW,QAAQ,GAAG,WACnE,oBAAC,MAAM,KAAN,EAAU,WAAW,KAAK,OAAO,QAAQ,qBAAqB,MAAM,GAAG,SAAS,GAAI,GAAG,KAAA,CAAM;AAGlG,OAAO,cAAc;"}
+{"version":3,"file":"Marker.js","sources":["../../../src/components/Marker/Marker.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Badge } from \"../Badge\";\nimport { IBadgeDotProps } from \"../Badge/types\";\nimport { EMarkerStatus } from \"./enums\";\nimport { STATUS_TO_CLASS_NAME_MAP } from \"./utils\";\nimport styles from \"./styles/Marker.module.less\";\n\n/** Свойства компонента Marker. */\nexport interface IMarkerProps extends IBadgeDotProps {\n    /** Статус, задающий цвет точки. Обязательный, значения по умолчанию нет. */\n    status: EMarkerStatus;\n}\n\n/**\n * Точка-индикатор статуса.\n * Обёртка над Badge.Dot: добавляет цвет по статусу, всё остальное (размер, разметка, ref) — от Badge.Dot.\n * */\nexport const Marker = React.forwardRef<HTMLSpanElement, IMarkerProps>(({ className, status, ...restProps }, ref) => (\n    <Badge.Dot className={clsx(styles.marker, STATUS_TO_CLASS_NAME_MAP[status], className)} {...restProps} ref={ref} />\n));\n\nMarker.displayName = \"Marker\";\n"],"names":[],"mappings":";;;;;;AAkBO,MAAM,SAAS,MAAM,WAA0C,CAAC,EAAE,WAAW,QAAQ,GAAG,UAAA,GAAa,QACxG,oBAAC,MAAM,KAAN,EAAU,WAAW,KAAK,OAAO,QAAQ,yBAAyB,MAAM,GAAG,SAAS,GAAI,GAAG,WAAW,IAAA,CAAU,CACpH;AAED,OAAO,cAAc;"}

package/components/Marker/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/Marker/enums.ts"],"sourcesContent":["export enum EMarkerStatus {\n    SUCCESS = \"success\",\n    ERROR = \"error\",\n    WARNING = \"warning\",\n    WAITING = \"waiting\",\n}\n"],"names":["EMarkerStatus"],"mappings":"AAAO,IAAK,kCAAAA,mBAAL;AACHA,iBAAA,SAAA,IAAU;AACVA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,SAAA,IAAU;AACVA,iBAAA,SAAA,IAAU;AAJF,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/Marker/enums.ts"],"sourcesContent":["/** Статус Marker. Задаёт цвет точки. */\nexport enum EMarkerStatus {\n    /** Успешное завершение. */\n    SUCCESS = \"success\",\n    /** Ошибка. */\n    ERROR = \"error\",\n    /** Предупреждение. */\n    WARNING = \"warning\",\n    /** Ожидание, процесс в работе. */\n    WAITING = \"waiting\",\n}\n"],"names":["EMarkerStatus"],"mappings":"AACO,IAAK,kCAAAA,mBAAL;AAEHA,iBAAA,SAAA,IAAU;AAEVA,iBAAA,OAAA,IAAQ;AAERA,iBAAA,SAAA,IAAU;AAEVA,iBAAA,SAAA,IAAU;AARF,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}

package/components/Marker/utils.js

@@ -1,6 +1,6 @@
 import "./enums.js";
-import { s } from "../../chunks/utils-DXFUuTht.js";
+import { S } from "../../chunks/utils-CiSB_6bo.js";
 export {
-  s as statusToClassNameMap
+  S as STATUS_TO_CLASS_NAME_MAP
 };
 //# sourceMappingURL=utils.js.map

package/components/MarkerStatus/MarkerStatus.js

@@ -1,20 +1,20 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { Marker } from "../Marker/Marker.js";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
-import { s as statusToClassNameMap } from "../../chunks/utils-DXFUuTht.js";
+import { S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-CiSB_6bo.js";
 import { ETextSize, EFontType, ECaptionSize } from "../Typography/enums.js";
 import { Caption } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 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__ecf40f9a";
-const contentContainer = "contentContainer__35df9043";
-const md = "md__237267f1";
-const markerContainer = "markerContainer__33dd5be3";
-const lg = "lg__f3a85f39";
+const markerStatus = "markerStatus__c9dc8af8";
+const contentContainer = "contentContainer__26e9c3a3";
+const md = "md__d798ddf5";
+const markerContainer = "markerContainer__bcf51c72";
+const lg = "lg__7635f5c8";
 const styles = {
   markerStatus,
   contentContainer,
@@ -22,23 +22,29 @@ const styles = {
   markerContainer,
   lg
 };
-const markerStatusSizeToTextSizeMap = {
+const SIZE_TO_TEXT_SIZE_MAP = {
   [EComponentSize.MD]: ETextSize.B4,
   [EComponentSize.LG]: ETextSize.B3
 };
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SIZE_TO_CLASS_NAME_MAP = 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.44.0", ...restProps, ref, children: [
+    const classNames = clsx(
+      styles.markerStatus,
+      SIZE_TO_CLASS_NAME_MAP[size],
+      STATUS_TO_CLASS_NAME_MAP[status],
+      className
+    );
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, "data-tx": "0.46.0", 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 }),
+        /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], children }),
         description && (size === EComponentSize.MD ? /* @__PURE__ */ jsx(Caption, { size: ECaptionSize.C1, type: EFontType.SECONDARY, children: description }) : /* @__PURE__ */ jsx(Text, { size: ETextSize.B4, type: EFontType.SECONDARY, children: description }))
       ] })
     ] });
   }
 );
+MarkerStatus.displayName = "MarkerStatus";
 export {
   MarkerStatus
 };

package/components/MarkerStatus/MarkerStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkerStatus.js","sources":["../../../src/components/MarkerStatus/MarkerStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { Marker } from \"../Marker\";\nimport { EMarkerStatus } from \"../Marker/enums\";\nimport styles from \"./styles/MarkerStatus.module.less\";\nimport clsx from \"clsx\";\nimport { statusToClassNameMap } from \"../Marker/utils\";\nimport { ETextSize, ECaptionSize, Caption, Text, EFontType } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\n\nexport interface IMarkerStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Статус. */\n    status: EMarkerStatus;\n    /** Дополнительное описание под наименованием статуса. */\n    description?: React.ReactNode;\n    /** Размер. */\n    size?: EComponentSize.MD | EComponentSize.LG;\n}\n\nconst markerStatusSizeToTextSizeMap = {\n    [EComponentSize.MD]: ETextSize.B4,\n    [EComponentSize.LG]: ETextSize.B3,\n};\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nexport const MarkerStatus = React.forwardRef<HTMLDivElement, IMarkerStatusProps>(\n    ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {\n        const classNames = clsx(styles.markerStatus, sizeToClassNameMap[size], statusToClassNameMap[status], className);\n\n        return (\n            <div className={classNames} data-tx={process.env.npm_package_version} {...restProps} ref={ref}>\n                <div className={styles.markerContainer}>\n                    <Marker status={status} size={size} />\n                </div>\n\n                <div className={styles.contentContainer}>\n                    <Text size={markerStatusSizeToTextSizeMap[size]}>{children}</Text>\n\n                    {description &&\n                        (size === EComponentSize.MD ? (\n                            <Caption size={ECaptionSize.C1} type={EFontType.SECONDARY}>\n                                {description}\n                            </Caption>\n                        ) : (\n                            <Text size={ETextSize.B4} type={EFontType.SECONDARY}>\n                                {description}\n                            </Text>\n                        ))}\n                </div>\n            </div>\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,gCAAgC;AAAA,EAClC,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,qBAAqB,yBAAyB,MAAM;AAEnD,MAAM,eAAe,MAAM;AAAA,EAC9B,CAAC,EAAE,UAAU,WAAW,aAAa,QAAQ,OAAO,eAAe,IAAI,GAAG,UAAA,GAAa,QAAQ;AAC3F,UAAM,aAAa,KAAK,OAAO,cAAc,mBAAmB,IAAI,GAAG,qBAAqB,MAAM,GAAG,SAAS;AAE9G,WACI,qBAAC,OAAA,EAAI,WAAW,YAAY,WAAS,UAAkC,GAAG,WAAW,KACjF,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,iBACnB,8BAAC,QAAA,EAAO,QAAgB,KAAA,CAAY,GACxC;AAAA,2BAEC,OAAA,EAAI,WAAW,OAAO,kBACnB,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,MAAM,8BAA8B,IAAI,GAAI,UAAS;AAAA,QAE1D,gBACI,SAAS,eAAe,yBACpB,SAAA,EAAQ,MAAM,aAAa,IAAI,MAAM,UAAU,WAC3C,UAAA,YAAA,CACL,wBAEC,MAAA,EAAK,MAAM,UAAU,IAAI,MAAM,UAAU,WACrC,UAAA,YAAA,CACL;AAAA,MAAA,GAEZ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;"}
+{"version":3,"file":"MarkerStatus.js","sources":["../../../src/components/MarkerStatus/MarkerStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport { Marker } from \"../Marker\";\nimport { EMarkerStatus } from \"../Marker/enums\";\nimport { STATUS_TO_CLASS_NAME_MAP } from \"../Marker/utils\";\nimport { ETextSize, ECaptionSize, Caption, Text, EFontType } from \"../Typography\";\nimport styles from \"./styles/MarkerStatus.module.less\";\n\n/** Свойства компонента MarkerStatus. */\nexport interface IMarkerStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Статус. Задаёт цвет маркера. */\n    status: EMarkerStatus;\n    /** Наименование статуса. */\n    children?: React.ReactNode;\n    /** Дополнительное описание под наименованием статуса. */\n    description?: React.ReactNode;\n    /** Размер. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize.MD | EComponentSize.LG;\n}\n\n/** Соответствие размера компонента размеру текста наименования статуса. */\nconst SIZE_TO_TEXT_SIZE_MAP: Record<EComponentSize.MD | EComponentSize.LG, ETextSize> = {\n    [EComponentSize.MD]: ETextSize.B4,\n    [EComponentSize.LG]: ETextSize.B3,\n};\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Статус: цветной маркер, наименование статуса и необязательное описание под ним. */\nexport const MarkerStatus = React.forwardRef<HTMLDivElement, IMarkerStatusProps>(\n    ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {\n        const classNames = clsx(\n            styles.markerStatus,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            STATUS_TO_CLASS_NAME_MAP[status],\n            className,\n        );\n\n        return (\n            <div className={classNames} {...restProps} data-tx={process.env.npm_package_version} ref={ref}>\n                <div className={styles.markerContainer}>\n                    <Marker status={status} size={size} />\n                </div>\n\n                <div className={styles.contentContainer}>\n                    <Text size={SIZE_TO_TEXT_SIZE_MAP[size]}>{children}</Text>\n\n                    {description &&\n                        (size === EComponentSize.MD ? (\n                            <Caption size={ECaptionSize.C1} type={EFontType.SECONDARY}>\n                                {description}\n                            </Caption>\n                        ) : (\n                            <Text size={ETextSize.B4} type={EFontType.SECONDARY}>\n                                {description}\n                            </Text>\n                        ))}\n                </div>\n            </div>\n        );\n    },\n);\n\nMarkerStatus.displayName = \"MarkerStatus\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,wBAAkF;AAAA,EACpF,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,eAAe,MAAM;AAAA,EAC9B,CAAC,EAAE,UAAU,WAAW,aAAa,QAAQ,OAAO,eAAe,IAAI,GAAG,UAAA,GAAa,QAAQ;AAC3F,UAAM,aAAa;AAAA,MACf,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B,yBAAyB,MAAM;AAAA,MAC/B;AAAA,IAAA;AAGJ,WACI,qBAAC,OAAA,EAAI,WAAW,YAAa,GAAG,WAAW,WAAS,UAAiC,KACjF,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,iBACnB,8BAAC,QAAA,EAAO,QAAgB,KAAA,CAAY,GACxC;AAAA,2BAEC,OAAA,EAAI,WAAW,OAAO,kBACnB,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,MAAM,sBAAsB,IAAI,GAAI,UAAS;AAAA,QAElD,gBACI,SAAS,eAAe,yBACpB,SAAA,EAAQ,MAAM,aAAa,IAAI,MAAM,UAAU,WAC3C,UAAA,YAAA,CACL,wBAEC,MAAA,EAAK,MAAM,UAAU,IAAI,MAAM,UAAU,WACrC,UAAA,YAAA,CACL;AAAA,MAAA,GAEZ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,aAAa,cAAc;"}

package/components/{TextField → MaskedField}/MaskedField.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { FormFieldMaskedInput } from "../FormField/components/FormFieldMaskedInput.js";
-import { TextFieldBase } from "./TextFieldBase.js";
+import { TextFieldBase } from "../TextField/TextFieldBase.js";
 const MaskedField = React.forwardRef(
   ({ maskedInputProps, ...restProps }, ref) => /* @__PURE__ */ jsx(TextFieldBase, { ...restProps, ref, children: /* @__PURE__ */ jsx(FormFieldMaskedInput, { ...maskedInputProps }) })
 );

package/components/MaskedField/MaskedField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedField.js","sources":["../../../src/components/MaskedField/MaskedField.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormFieldMaskedInput, IFormFieldMaskedInputProps } from \"../FormField/components/FormFieldMaskedInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"../TextField/TextFieldBase\";\n\n/** Свойства компонента MaskedField. */\nexport interface IMaskedFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /**\n     * Свойства поля ввода с маской: обязательные `mask` и `value`, опциональный `placeholderMask`\n     * и остальные атрибуты input. Ссылка на элемент input передаётся через `forwardedRef`.\n     */\n    maskedInputProps: IFormFieldMaskedInputProps & {\n        /**\n         * Ссылка на корневой div-обёртку FormFieldMaskedInput.\n         * Для ссылки на элемент input используйте `forwardedRef`.\n         */\n        ref?: React.RefObject<HTMLDivElement>;\n    };\n}\n\n/**\n * Компонент ввода с маской.\n * Отличается от TextField элементом ввода — вместо обычного input используется FormFieldMaskedInput.\n */\nexport const MaskedField = React.forwardRef<HTMLDivElement, IMaskedFieldProps>(\n    ({ maskedInputProps, ...restProps }, ref) => (\n        <TextFieldBase {...restProps} ref={ref}>\n            <FormFieldMaskedInput {...maskedInputProps} />\n        </TextFieldBase>\n    ),\n);\n\nMaskedField.displayName = \"MaskedField\";\n"],"names":[],"mappings":";;;;AAuBO,MAAM,cAAc,MAAM;AAAA,EAC7B,CAAC,EAAE,kBAAkB,GAAG,UAAA,GAAa,QACjC,oBAAC,eAAA,EAAe,GAAG,WAAW,KAC1B,UAAA,oBAAC,sBAAA,EAAsB,GAAG,kBAAkB,EAAA,CAChD;AAER;AAEA,YAAY,cAAc;"}

package/components/MaskedField/index.js

@@ -0,0 +1,5 @@
+import { MaskedField } from "./MaskedField.js";
+export {
+  MaskedField
+};
+//# sourceMappingURL=index.js.map

package/components/MaskedField/index.js.map

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

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-DqGxntec.js";
+import { c as clsx, C as CSSTransition } from "../../chunks/vendor-BxhAzfnS.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-CESEe2v8.js";
+import { s as styles } from "../../chunks/ModalWindow.module-B9341kvv.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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { Island } from "../../Island/Island.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EIslandType } from "../../Island/enums.js";
-const modalWindowBody = "modalWindowBody__cb2cd84f";
+const modalWindowBody = "modalWindowBody__9a7e59ab";
 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__c646d3f8";
+const modalWindowClose = "modalWindowClose__659fadbb";
 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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import React from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-CESEe2v8.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-B9341kvv.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-DqGxntec.js";
-const modalWindowHeader = "modalWindowHeader__039e4b45";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const modalWindowHeader = "modalWindowHeader__64dfb3f5";
 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-DqGxntec.js";
+import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-BxhAzfnS.js";
 import { Portal } from "../../Portal/Portal.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-CESEe2v8.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-B9341kvv.js";
 const modalWindowViewManagerNodeId = "modalWindowViewManagerNodeId";
 const getOrCreateModalWindowViewManagerNode = () => {
   let node = document.querySelector(`#${modalWindowViewManagerNodeId}`);

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { CalendarStrokeSrvIcon24, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext } from "../DatePickerExtended/DatePickerExtendedContext.js";
 import { TextField } from "../TextField/TextField.js";
@@ -11,10 +11,10 @@ import { useMobileView } from "../MobileView/useMobileView.js";
 import { isKey } from "../../utils/keyboard.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
-const monthYearFieldTarget = "monthYearFieldTarget__52a24427";
-const minWidthSM = "minWidthSM__c7cb9a14";
-const minWidthMD = "minWidthMD__e6d980e7";
-const minWidthLG = "minWidthLG__715f4b35";
+const monthYearFieldTarget = "monthYearFieldTarget__be698dc1";
+const minWidthSM = "minWidthSM__39ef8194";
+const minWidthMD = "minWidthMD__c7ef8a43";
+const minWidthLG = "minWidthLG__d3ea3a2a";
 const styles = {
   monthYearFieldTarget,
   minWidthSM,
@@ -86,7 +86,6 @@ const MonthYearFieldTarget = React.forwardRef(
           ...restInputProps,
           className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),
           readOnly: true,
-          disabled,
           onMouseDown: handleMouseDown,
           onKeyDown: handleInputKeyDown
         },

package/components/MonthYearField/MonthYearFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthYearFieldTarget.js","sources":["../../../src/components/MonthYearField/MonthYearFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { TextField } from \"../TextField/TextField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IMonthYearFieldTargetProps } from \"./types\";\nimport styles from \"./styles/MonthYearFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const MonthYearFieldTarget = React.forwardRef<HTMLDivElement, IMonthYearFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = inputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon\n                    role=\"presentation\"\n                    tabIndex={-1}\n                    active={dropdownOpen}\n                    disabled={disabled}\n                    onClick={handleButtonClick}\n                >\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <TextField\n                className={clsx(styles.monthYearFieldTarget, className)}\n                size={size}\n                inputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    readOnly: true,\n                    disabled: disabled,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,uBAAuB,MAAM;AAAA,EACtC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,SAAS,YAAY,GAAG,UAAA,GAAa,QAAQ;AAC1F,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AACA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAoB,MAAM,gBAAgB,CAAC,YAAY;AAE7D,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR;AAAA,UACA,SAAS;AAAA,UAER,oCAA0B,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAElC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,QACtD;AAAA,QACA,YAAY;AAAA,UACR,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE,UAAU;AAAA,UACV;AAAA,UACA,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}
+{"version":3,"file":"MonthYearFieldTarget.js","sources":["../../../src/components/MonthYearField/MonthYearFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { TextField } from \"../TextField/TextField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IMonthYearFieldTargetProps } from \"./types\";\nimport styles from \"./styles/MonthYearFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const MonthYearFieldTarget = React.forwardRef<HTMLDivElement, IMonthYearFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = inputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon\n                    role=\"presentation\"\n                    tabIndex={-1}\n                    active={dropdownOpen}\n                    disabled={disabled}\n                    onClick={handleButtonClick}\n                >\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <TextField\n                className={clsx(styles.monthYearFieldTarget, className)}\n                size={size}\n                inputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    readOnly: true,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,uBAAuB,MAAM;AAAA,EACtC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,SAAS,YAAY,GAAG,UAAA,GAAa,QAAQ;AAC1F,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AACA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAoB,MAAM,gBAAgB,CAAC,YAAY;AAE7D,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR;AAAA,UACA,SAAS;AAAA,UAER,oCAA0B,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAElC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,QACtD;AAAA,QACA,YAAY;AAAA,UACR,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE,UAAU;AAAA,UACV,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;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-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__abb11aa4";
-const monthYearRangeButton = "monthYearRangeButton__06b8c8b9";
-const separator = "separator__61a3c254";
+const monthYearRange = "monthYearRange__24b6f12f";
+const monthYearRangeButton = "monthYearRangeButton__d839d986";
+const separator = "separator__b88e8829";
 const styles = {
   monthYearRange,
   monthYearRangeButton,

package/components/MultiselectField/MultiselectField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React, { useRef } from "react";
+import React, { useRef, useCallback, useMemo } from "react";
 import { SelectExtendedField } from "../SelectExtendedField/SelectExtendedField.js";
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import { SelectExtendedFieldTarget } from "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
@@ -10,11 +10,15 @@ const MultiselectField = Object.assign(
   React.forwardRef(
     ({ children, className, size = EComponentSize.MD, onMouseDown, ...props }, ref) => {
       const mouseUsedRef = useRef(false);
-      const handleMouseDown = (event) => {
-        mouseUsedRef.current = true;
-        onMouseDown == null ? void 0 : onMouseDown(event);
-      };
-      return /* @__PURE__ */ jsx(MultiselectFieldContext.Provider, { value: { size, mouseUsedRef }, children: /* @__PURE__ */ jsx(SelectExtendedField, { className, onMouseDown: handleMouseDown, ref, ...props, children }) });
+      const handleMouseDown = useCallback(
+        (event) => {
+          mouseUsedRef.current = true;
+          onMouseDown == null ? void 0 : onMouseDown(event);
+        },
+        [onMouseDown]
+      );
+      const contextValue = useMemo(() => ({ size, mouseUsedRef }), [size]);
+      return /* @__PURE__ */ jsx(MultiselectFieldContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(SelectExtendedField, { className, onMouseDown: handleMouseDown, ref, ...props, children }) });
     }
   ),
   {

package/components/MultiselectField/MultiselectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectField.js","sources":["../../../src/components/MultiselectField/MultiselectField.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { ISelectExtendedFieldProps, SelectExtendedField } from \"../SelectExtendedField\";\nimport { MultiselectFieldContext } from \"./MultiselectFieldContext\";\nimport { SelectExtendedFieldTarget } from \"../SelectExtendedField\";\nimport { MultiselectFieldDropdown } from \"./components/MultiselectFieldDropdown\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\nexport interface IMultiselectFieldProps extends ISelectExtendedFieldProps {\n    /** Размер компонента. */\n    size?: EComponentSize;\n}\n\n/** Компонент мульти-списка. */\nexport const MultiselectField = Object.assign(\n    React.forwardRef<HTMLDivElement, IMultiselectFieldProps>(\n        ({ children, className, size = EComponentSize.MD, onMouseDown, ...props }, ref) => {\n            const mouseUsedRef = useRef(false);\n\n            const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n                mouseUsedRef.current = true;\n                onMouseDown?.(event);\n            };\n            return (\n                <MultiselectFieldContext.Provider value={{ size, mouseUsedRef }}>\n                    <SelectExtendedField className={className} onMouseDown={handleMouseDown} ref={ref} {...props}>\n                        {children}\n                    </SelectExtendedField>\n                </MultiselectFieldContext.Provider>\n            );\n        },\n    ),\n    {\n        Dropdown: MultiselectFieldDropdown,\n        Target: SelectExtendedFieldTarget,\n    },\n);\n\nMultiselectField.displayName = \"MultiselectField\";\n"],"names":[],"mappings":";;;;;;;;AAaO,MAAM,mBAAmB,OAAO;AAAA,EACnC,MAAM;AAAA,IACF,CAAC,EAAE,UAAU,WAAW,OAAO,eAAe,IAAI,aAAa,GAAG,MAAA,GAAS,QAAQ;AAC/E,YAAM,eAAe,OAAO,KAAK;AAEjC,YAAM,kBAAkB,CAAC,UAA4C;AACjE,qBAAa,UAAU;AACvB,mDAAc;AAAA,MAClB;AACA,iCACK,wBAAwB,UAAxB,EAAiC,OAAO,EAAE,MAAM,aAAA,GAC7C,UAAA,oBAAC,qBAAA,EAAoB,WAAsB,aAAa,iBAAiB,KAAW,GAAG,OAClF,UACL,GACJ;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA;AAEhB;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"MultiselectField.js","sources":["../../../src/components/MultiselectField/MultiselectField.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from \"react\";\nimport { ISelectExtendedFieldProps, SelectExtendedField, SelectExtendedFieldTarget } from \"../SelectExtendedField\";\nimport { MultiselectFieldContext } from \"./MultiselectFieldContext\";\nimport { MultiselectFieldDropdown } from \"./components/MultiselectFieldDropdown\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\n/** Свойства компонента MultiselectField. */\nexport interface IMultiselectFieldProps extends ISelectExtendedFieldProps {\n    /** Размер компонента. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\n/**\n * Компонент мульти-списка.\n *\n * Надстройка над SelectExtendedField: раздаёт размер и признак «блок открыт мышью»\n * своим частям через MultiselectFieldContext. Состоянием открытости и разметкой\n * владеет SelectExtendedField — поле выбора приходит в renderTarget, выпадающий\n * блок в children.\n */\nexport const MultiselectField = Object.assign(\n    React.forwardRef<HTMLDivElement, IMultiselectFieldProps>(\n        ({ children, className, size = EComponentSize.MD, onMouseDown, ...props }, ref) => {\n            // Признак того, что взаимодействие началось мышью. По нему выпадающий блок\n            // решает, возвращать ли фокус на поле при закрытии: после клика мышью\n            // возврат фокуса не нужен, после клавиатуры — нужен.\n            const mouseUsedRef = useRef(false);\n\n            const handleMouseDown = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    mouseUsedRef.current = true;\n                    onMouseDown?.(event);\n                },\n                [onMouseDown],\n            );\n\n            const contextValue = useMemo(() => ({ size, mouseUsedRef }), [size]);\n\n            return (\n                <MultiselectFieldContext.Provider value={contextValue}>\n                    <SelectExtendedField className={className} onMouseDown={handleMouseDown} ref={ref} {...props}>\n                        {children}\n                    </SelectExtendedField>\n                </MultiselectFieldContext.Provider>\n            );\n        },\n    ),\n    {\n        Dropdown: MultiselectFieldDropdown,\n        Target: SelectExtendedFieldTarget,\n    },\n);\n\nMultiselectField.displayName = \"MultiselectField\";\n"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,mBAAmB,OAAO;AAAA,EACnC,MAAM;AAAA,IACF,CAAC,EAAE,UAAU,WAAW,OAAO,eAAe,IAAI,aAAa,GAAG,MAAA,GAAS,QAAQ;AAI/E,YAAM,eAAe,OAAO,KAAK;AAEjC,YAAM,kBAAkB;AAAA,QACpB,CAAC,UAA4C;AACzC,uBAAa,UAAU;AACvB,qDAAc;AAAA,QAClB;AAAA,QACA,CAAC,WAAW;AAAA,MAAA;AAGhB,YAAM,eAAe,QAAQ,OAAO,EAAE,MAAM,iBAAiB,CAAC,IAAI,CAAC;AAEnE,aACI,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,cACrC,UAAA,oBAAC,qBAAA,EAAoB,WAAsB,aAAa,iBAAiB,KAAW,GAAG,OAClF,UACL,GACJ;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA;AAEhB;AAEA,iBAAiB,cAAc;"}

package/components/MultiselectField/MultiselectFieldContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectFieldContext.js","sources":["../../../src/components/MultiselectField/MultiselectFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\nexport interface IMultiselectFieldContext {\n    size: EComponentSize;\n    mouseUsedRef: React.MutableRefObject<boolean>;\n}\n\nexport const initialMultiselectFieldContext: IMultiselectFieldContext = {\n    size: EComponentSize.MD,\n    mouseUsedRef: { current: false },\n};\n\nexport const MultiselectFieldContext = React.createContext<IMultiselectFieldContext>(initialMultiselectFieldContext);\n"],"names":[],"mappings":";;AAQO,MAAM,iCAA2D;AAAA,EACpE,MAAM,eAAe;AAAA,EACrB,cAAc,EAAE,SAAS,MAAA;AAC7B;AAEO,MAAM,0BAA0B,MAAM,cAAwC,8BAA8B;"}
+{"version":3,"file":"MultiselectFieldContext.js","sources":["../../../src/components/MultiselectField/MultiselectFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Значение контекста MultiselectField. */\nexport interface IMultiselectFieldContext {\n    /** Размер компонента. Наследуется выпадающим блоком и его содержимым. */\n    size: EComponentSize;\n    /**\n     * Признак того, что выпадающий блок был открыт мышью.\n     * Выпадающий блок по нему выключает возврат фокуса на поле при закрытии\n     * и сбрасывает его в false, когда блок закрылся.\n     */\n    mouseUsedRef: React.MutableRefObject<boolean>;\n}\n\n/** Значение контекста по умолчанию — для частей, отрендеренных вне MultiselectField. */\nexport const initialMultiselectFieldContext: IMultiselectFieldContext = {\n    size: EComponentSize.MD,\n    mouseUsedRef: { current: false },\n};\n\nexport const MultiselectFieldContext = React.createContext<IMultiselectFieldContext>(initialMultiselectFieldContext);\n"],"names":[],"mappings":";;AAgBO,MAAM,iCAA2D;AAAA,EACpE,MAAM,eAAe;AAAA,EACrB,cAAc,EAAE,SAAS,MAAA;AAC7B;AAEO,MAAM,0BAA0B,MAAM,cAAwC,8BAA8B;"}

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-DqGxntec.js";
+import { F as FocusTrap } from "../../../chunks/vendor-BxhAzfnS.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BZdW_kQc.js";
+import "../../../chunks/DropdownListItem-DOJlU4CS.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
@@ -22,6 +22,7 @@ import { MultiselectFieldDropdownHeader } from "./MultiselectFieldDropdownHeader
 import { MultiselectFieldDropdownContent } from "./MultiselectFieldDropdownContent.js";
 import { MultiselectFieldDropdownFooter } from "./MultiselectFieldDropdownFooter.js";
 import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
+const ALWAYS_MOBILE_VIEW_PROPS = {};
 const MultiselectFieldDropdown = Object.assign(
   React.forwardRef(
     ({ children, focusTrapProps, opened, targetRef, mobileViewProps, ...rest }, ref) => {
@@ -35,10 +36,7 @@ const MultiselectFieldDropdown = Object.assign(
         Dropdown,
         {
           width: EDropdownWidth.MIN_TARGET,
-          mobileViewProps: {
-            ...mobileViewProps,
-            className: mobileViewProps == null ? void 0 : mobileViewProps.className
-          },
+          mobileViewProps: mobileViewProps ?? ALWAYS_MOBILE_VIEW_PROPS,
           targetRef,
           opened,
           size,
@@ -51,6 +49,8 @@ const MultiselectFieldDropdown = Object.assign(
               focusTrapOptions: {
                 clickOutsideDeactivates: true,
                 preventScroll: true,
+                // После открытия мышью фокус на поле не возвращается — иначе клик
+                // вне блока снова подсветил бы поле выбора.
                 returnFocusOnDeactivate: !mouseUsedRef.current,
                 ...focusTrapProps == null ? void 0 : focusTrapProps.focusTrapOptions
               },

package/components/MultiselectField/components/MultiselectFieldDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectFieldDropdown.js","sources":["../../../../src/components/MultiselectField/components/MultiselectFieldDropdown.tsx"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport FocusTrap from \"focus-trap-react\";\nimport { Dropdown, IDropdownProps, EDropdownWidth } from \"../../Dropdown\";\nimport { MultiselectFieldDropdownHeader } from \"./MultiselectFieldDropdownHeader\";\nimport { MultiselectFieldDropdownContent } from \"./MultiselectFieldDropdownContent\";\nimport { MultiselectFieldDropdownFooter } from \"./MultiselectFieldDropdownFooter\";\nimport { MultiselectFieldContext } from \"../MultiselectFieldContext\";\n\n/** Свойства компонента MultiselectFieldDropdown. */\nexport interface IMultiselectFieldDropdownProps extends IDropdownProps {\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrap.Props;\n}\n\n/** Компонент выпадающего блока мильти-списка. */\nexport const MultiselectFieldDropdown = Object.assign(\n    React.forwardRef<HTMLDivElement, IMultiselectFieldDropdownProps>(\n        ({ children, focusTrapProps, opened, targetRef, mobileViewProps, ...rest }, ref) => {\n            const { size, mouseUsedRef } = useContext(MultiselectFieldContext);\n\n            useEffect(() => {\n                if (!opened) {\n                    mouseUsedRef.current = false;\n                }\n            }, [opened, mouseUsedRef]);\n\n            return (\n                <Dropdown\n                    width={EDropdownWidth.MIN_TARGET}\n                    mobileViewProps={{\n                        ...mobileViewProps,\n                        className: mobileViewProps?.className,\n                    }}\n                    targetRef={targetRef}\n                    opened={opened}\n                    size={size}\n                    {...rest}\n                    ref={ref}\n                >\n                    <FocusTrap\n                        {...focusTrapProps}\n                        focusTrapOptions={{\n                            clickOutsideDeactivates: true,\n                            preventScroll: true,\n                            returnFocusOnDeactivate: !mouseUsedRef.current,\n                            ...focusTrapProps?.focusTrapOptions,\n                        }}\n                    >\n                        <div role=\"presentation\">{children}</div>\n                    </FocusTrap>\n                </Dropdown>\n            );\n        },\n    ),\n    {\n        Header: MultiselectFieldDropdownHeader,\n        Content: MultiselectFieldDropdownContent,\n        Footer: MultiselectFieldDropdownFooter,\n    },\n);\n\nMultiselectFieldDropdown.displayName = \"MultiselectFieldDropdown\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,2BAA2B,OAAO;AAAA,EAC3C,MAAM;AAAA,IACF,CAAC,EAAE,UAAU,gBAAgB,QAAQ,WAAW,iBAAiB,GAAG,KAAA,GAAQ,QAAQ;AAChF,YAAM,EAAE,MAAM,iBAAiB,WAAW,uBAAuB;AAEjE,gBAAU,MAAM;AACZ,YAAI,CAAC,QAAQ;AACT,uBAAa,UAAU;AAAA,QAC3B;AAAA,MACJ,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO,eAAe;AAAA,UACtB,iBAAiB;AAAA,YACb,GAAG;AAAA,YACH,WAAW,mDAAiB;AAAA,UAAA;AAAA,UAEhC;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UACJ;AAAA,UAEA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACI,GAAG;AAAA,cACJ,kBAAkB;AAAA,gBACd,yBAAyB;AAAA,gBACzB,eAAe;AAAA,gBACf,yBAAyB,CAAC,aAAa;AAAA,gBACvC,GAAG,iDAAgB;AAAA,cAAA;AAAA,cAGvB,UAAA,oBAAC,OAAA,EAAI,MAAK,gBAAgB,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACvC;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEhB;AAEA,yBAAyB,cAAc;"}
+{"version":3,"file":"MultiselectFieldDropdown.js","sources":["../../../../src/components/MultiselectField/components/MultiselectFieldDropdown.tsx"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport FocusTrap from \"focus-trap-react\";\nimport { Dropdown, IDropdownProps, EDropdownWidth } from \"../../Dropdown\";\nimport { MultiselectFieldDropdownHeader } from \"./MultiselectFieldDropdownHeader\";\nimport { MultiselectFieldDropdownContent } from \"./MultiselectFieldDropdownContent\";\nimport { MultiselectFieldDropdownFooter } from \"./MultiselectFieldDropdownFooter\";\nimport { MultiselectFieldContext } from \"../MultiselectFieldContext\";\n\n/** Свойства компонента MultiselectFieldDropdown. */\nexport interface IMultiselectFieldDropdownProps extends IDropdownProps {\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrap.Props;\n}\n\n/**\n * Заглушка на случай, когда потребитель не передал mobileViewProps: Dropdown включает\n * мобильную версию по truthiness этого prop'а, поэтому непустой объект нужен всегда —\n * без него на мобильной ширине отрендерился бы десктопный выпадающий блок.\n */\nconst ALWAYS_MOBILE_VIEW_PROPS: NonNullable<IDropdownProps[\"mobileViewProps\"]> = {};\n\n/**\n * Компонент выпадающего блока мульти-списка.\n *\n * Оборачивает Dropdown в FocusTrap, поэтому фокус не уходит за пределы блока,\n * пока он открыт. Размер берёт из MultiselectFieldContext.\n */\nexport const MultiselectFieldDropdown = Object.assign(\n    React.forwardRef<HTMLDivElement, IMultiselectFieldDropdownProps>(\n        ({ children, focusTrapProps, opened, targetRef, mobileViewProps, ...rest }, ref) => {\n            const { size, mouseUsedRef } = useContext(MultiselectFieldContext);\n\n            useEffect(() => {\n                if (!opened) {\n                    mouseUsedRef.current = false;\n                }\n            }, [opened, mouseUsedRef]);\n\n            return (\n                <Dropdown\n                    width={EDropdownWidth.MIN_TARGET}\n                    mobileViewProps={mobileViewProps ?? ALWAYS_MOBILE_VIEW_PROPS}\n                    targetRef={targetRef}\n                    opened={opened}\n                    size={size}\n                    {...rest}\n                    ref={ref}\n                >\n                    <FocusTrap\n                        {...focusTrapProps}\n                        focusTrapOptions={{\n                            clickOutsideDeactivates: true,\n                            preventScroll: true,\n                            // После открытия мышью фокус на поле не возвращается — иначе клик\n                            // вне блока снова подсветил бы поле выбора.\n                            returnFocusOnDeactivate: !mouseUsedRef.current,\n                            ...focusTrapProps?.focusTrapOptions,\n                        }}\n                    >\n                        <div role=\"presentation\">{children}</div>\n                    </FocusTrap>\n                </Dropdown>\n            );\n        },\n    ),\n    {\n        Header: MultiselectFieldDropdownHeader,\n        Content: MultiselectFieldDropdownContent,\n        Footer: MultiselectFieldDropdownFooter,\n    },\n);\n\nMultiselectFieldDropdown.displayName = \"MultiselectFieldDropdown\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,2BAA2E,CAAA;AAQ1E,MAAM,2BAA2B,OAAO;AAAA,EAC3C,MAAM;AAAA,IACF,CAAC,EAAE,UAAU,gBAAgB,QAAQ,WAAW,iBAAiB,GAAG,KAAA,GAAQ,QAAQ;AAChF,YAAM,EAAE,MAAM,iBAAiB,WAAW,uBAAuB;AAEjE,gBAAU,MAAM;AACZ,YAAI,CAAC,QAAQ;AACT,uBAAa,UAAU;AAAA,QAC3B;AAAA,MACJ,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO,eAAe;AAAA,UACtB,iBAAiB,mBAAmB;AAAA,UACpC;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UACJ;AAAA,UAEA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACI,GAAG;AAAA,cACJ,kBAAkB;AAAA,gBACd,yBAAyB;AAAA,gBACzB,eAAe;AAAA;AAAA;AAAA,gBAGf,yBAAyB,CAAC,aAAa;AAAA,gBACvC,GAAG,iDAAgB;AAAA,cAAA;AAAA,cAGvB,UAAA,oBAAC,OAAA,EAAI,MAAK,gBAAgB,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACvC;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEhB;AAEA,yBAAyB,cAAc;"}

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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__9a4fc0b0";
-const loaderScreen = "loaderScreen__706eaf4f";
-const sm = "sm__8c98deeb";
-const md = "md__bcf6ed3b";
-const lg = "lg__c50b71cd";
+const multiselectFieldContent = "multiselectFieldContent__bdbe9a27";
+const loaderScreen = "loaderScreen__c8ab3d19";
+const sm = "sm__56a19ead";
+const md = "md__d58feba1";
+const lg = "lg__1191a57d";
 const styles = {
   multiselectFieldContent,
   loaderScreen,

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectFieldDropdownContent.js","sources":["../../../../src/components/MultiselectField/components/MultiselectFieldDropdownContent.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { MultiselectFieldContext } from \"../MultiselectFieldContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/MultiselectFieldDropdownContent.module.less\";\nimport { LoaderScreen } from \"../../../components/LoaderScreen\";\n\n/** Свойства компонента MultiselectFieldDropdownContent. */\nexport interface IMultiselectFieldDropdownContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    loading?: boolean;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nexport const MultiselectFieldDropdownContent: React.FC<IMultiselectFieldDropdownContentProps> = ({\n    children,\n    className,\n    loading,\n    ...htmlDivAttributes\n}) => {\n    const { size } = useContext(MultiselectFieldContext);\n\n    return (\n        <div\n            tabIndex={-1}\n            className={clsx(styles.multiselectFieldContent, sizeToClassNameMap[size], className)}\n            {...htmlDivAttributes}\n        >\n            {children}\n            {loading && <LoaderScreen type=\"small\" className={styles.loaderScreen} />}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAYA,MAAM,qBAAqB,yBAAyB,MAAM;AAEnD,MAAM,kCAAmF,CAAC;AAAA,EAC7F;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,KAAA,IAAS,WAAW,uBAAuB;AAEnD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAU;AAAA,MACV,WAAW,KAAK,OAAO,yBAAyB,mBAAmB,IAAI,GAAG,SAAS;AAAA,MAClF,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,WAAW,oBAAC,cAAA,EAAa,MAAK,SAAQ,WAAW,OAAO,aAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnF;"}
+{"version":3,"file":"MultiselectFieldDropdownContent.js","sources":["../../../../src/components/MultiselectField/components/MultiselectFieldDropdownContent.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { MultiselectFieldContext } from \"../MultiselectFieldContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/MultiselectFieldDropdownContent.module.less\";\nimport { LoaderScreen } from \"../../../components/LoaderScreen\";\n\n/** Свойства компонента MultiselectFieldDropdownContent. */\nexport interface IMultiselectFieldDropdownContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Показать лоадер поверх содержимого. По умолчанию false. */\n    loading?: boolean;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/**\n * Прокручиваемое содержимое выпадающего блока мульти-списка.\n * Максимальную высоту задаёт размер из MultiselectFieldContext.\n */\nexport const MultiselectFieldDropdownContent: React.FC<IMultiselectFieldDropdownContentProps> = ({\n    children,\n    className,\n    loading,\n    ...htmlDivAttributes\n}) => {\n    const { size } = useContext(MultiselectFieldContext);\n\n    return (\n        <div\n            tabIndex={-1}\n            className={clsx(styles.multiselectFieldContent, sizeToClassNameMap[size], className)}\n            {...htmlDivAttributes}\n        >\n            {children}\n            {loading && <LoaderScreen type=\"small\" className={styles.loaderScreen} />}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AAMnD,MAAM,kCAAmF,CAAC;AAAA,EAC7F;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,KAAA,IAAS,WAAW,uBAAuB;AAEnD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAU;AAAA,MACV,WAAW,KAAK,OAAO,yBAAyB,mBAAmB,IAAI,GAAG,SAAS;AAAA,MAClF,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,WAAW,oBAAC,cAAA,EAAa,MAAK,SAAQ,WAAW,OAAO,aAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnF;"}

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-const multiselectFieldFooter = "multiselectFieldFooter__ba367c9b";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const multiselectFieldFooter = "multiselectFieldFooter__75182724";
 const styles = {
   multiselectFieldFooter
 };

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectFieldDropdownFooter.js","sources":["../../../../src/components/MultiselectField/components/MultiselectFieldDropdownFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/MultiselectFieldDropdownFooter.module.less\";\n\n/** Свойства компонента MultiselectFieldDropdownFooter. */\nexport interface IMultiselectFieldDropdownFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const MultiselectFieldDropdownFooter: React.FC<IMultiselectFieldDropdownFooterProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <div className={clsx(styles.multiselectFieldFooter, className)} {...htmlDivAttributes}>\n        {children}\n    </div>\n);\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,iCAAiF,CAAC;AAAA,EAC3F;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,wBAAwB,SAAS,GAAI,GAAG,mBAC/D,SAAA,CACL;"}
+{"version":3,"file":"MultiselectFieldDropdownFooter.js","sources":["../../../../src/components/MultiselectField/components/MultiselectFieldDropdownFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/MultiselectFieldDropdownFooter.module.less\";\n\n/** Свойства компонента MultiselectFieldDropdownFooter. */\nexport interface IMultiselectFieldDropdownFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Нижняя фиксированная область выпадающего блока мульти-списка — обычно кнопки подтверждения. Отделена разделителем. */\nexport const MultiselectFieldDropdownFooter: React.FC<IMultiselectFieldDropdownFooterProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <div className={clsx(styles.multiselectFieldFooter, className)} {...htmlDivAttributes}>\n        {children}\n    </div>\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,iCAAiF,CAAC;AAAA,EAC3F;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,wBAAwB,SAAS,GAAI,GAAG,mBAC/D,SAAA,CACL;"}

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-const multiselectFieldHeader = "multiselectFieldHeader__e27a63ef";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const multiselectFieldHeader = "multiselectFieldHeader__abf0d5e1";
 const styles = {
   multiselectFieldHeader
 };

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectFieldDropdownHeader.js","sources":["../../../../src/components/MultiselectField/components/MultiselectFieldDropdownHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/MultiselectFieldDropdownHeader.module.less\";\n\n/** Свойства компонента MultiselectFieldDropdownHeader. */\nexport interface IMultiselectFieldDropdownHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const MultiselectFieldDropdownHeader: React.FC<IMultiselectFieldDropdownHeaderProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <div className={clsx(styles.multiselectFieldHeader, className)} {...htmlDivAttributes}>\n        {children}\n    </div>\n);\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,iCAAiF,CAAC;AAAA,EAC3F;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,wBAAwB,SAAS,GAAI,GAAG,mBAC/D,SAAA,CACL;"}
+{"version":3,"file":"MultiselectFieldDropdownHeader.js","sources":["../../../../src/components/MultiselectField/components/MultiselectFieldDropdownHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/MultiselectFieldDropdownHeader.module.less\";\n\n/** Свойства компонента MultiselectFieldDropdownHeader. */\nexport interface IMultiselectFieldDropdownHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Верхняя фиксированная область выпадающего блока мульти-списка — обычно поле фильтра. */\nexport const MultiselectFieldDropdownHeader: React.FC<IMultiselectFieldDropdownHeaderProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <div className={clsx(styles.multiselectFieldHeader, className)} {...htmlDivAttributes}>\n        {children}\n    </div>\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,iCAAiF,CAAC;AAAA,EAC3F;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,wBAAwB,SAAS,GAAI,GAAG,mBAC/D,SAAA,CACL;"}

package/components/Notification/Notification.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.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-D9gIOfO8.js";
+import { s as styles } from "../../chunks/Notification.module-DglH8ziQ.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.44.0",
+        "data-tx": "0.46.0",
         children
       }
     );