@sberbusiness/triplex-next 1.44.0 → 1.46.0

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":["React"],"mappings":";;;;;;;;AAaO,MAAM,mBAAmB,OAAO;AAAA,EACnCA,eAAM;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":["React"],"mappings":";;;;;;;;AAoBO,MAAM,mBAAmB,OAAO;AAAA,EACnCA,eAAM;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":["React"],"mappings":";;AAQO,MAAM,iCAA2D;AAAA,EACpE,MAAM,eAAe;AAAA,EACrB,cAAc,EAAE,SAAS,MAAA;AAC7B;AAEO,MAAM,0BAA0BA,eAAM,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":["React"],"mappings":";;AAgBO,MAAM,iCAA2D;AAAA,EACpE,MAAM,eAAe;AAAA,EACrB,cAAc,EAAE,SAAS,MAAA;AAC7B;AAEO,MAAM,0BAA0BA,eAAM,cAAwC,8BAA8B;"}

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useEffect } from "react";
-import { j as focusTrapReactExports } from "../../../chunks/vendor-D4wvHis9.js";
+import { j as focusTrapReactExports } from "../../../chunks/vendor-DqjKLGwf.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DOjFvzKN.js";
+import "../../../chunks/DropdownListItem-BaP5AaMK.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__default.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, FocusTrapProps } 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?: FocusTrapProps;\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":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,2BAA2B,OAAO;AAAA,EAC3CA,eAAM;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,YAACC,sBAAAA;AAAAA,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, FocusTrapProps } 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?: FocusTrapProps;\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":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,2BAA2E,CAAA;AAQ1E,MAAM,2BAA2B,OAAO;AAAA,EAC3CA,eAAM;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,YAACC,sBAAAA;AAAAA,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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__1550561e";
-const loaderScreen = "loaderScreen__fd4e6a5b";
-const sm = "sm__4e2a6d6e";
-const md = "md__75b02269";
-const lg = "lg__1da919f2";
+const multiselectFieldContent = "multiselectFieldContent__7fa55842";
+const loaderScreen = "loaderScreen__0e9d43e6";
+const sm = "sm__6097074f";
+const md = "md__96d49965";
+const lg = "lg__8bc9d523";
 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-D4wvHis9.js";
-const multiselectFieldFooter = "multiselectFieldFooter__bd8b025d";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const multiselectFieldFooter = "multiselectFieldFooter__775ec577";
 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-D4wvHis9.js";
-const multiselectFieldHeader = "multiselectFieldHeader__6d4a54a4";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+const multiselectFieldHeader = "multiselectFieldHeader__65c173ae";
 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-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.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__default from "react";
-import { s as styles } from "../../chunks/Notification.module-DuwX9b1Z.js";
+import { s as styles } from "../../chunks/Notification.module-CAO_e6_u.js";
 const Notification = Object.assign(
   React__default.forwardRef(function Notification2({ children, className, withExtraBottomPadding = false, isShowCloseOnHover = false, onClick, ...HTMLAttributes }, ref) {
     const cn = clsx(className, styles.notification, {
@@ -20,7 +20,7 @@ const Notification = Object.assign(
         className: cn,
         onClick,
         ref,
-        "data-tx": "1.44.0",
+        "data-tx": "1.46.0",
         children
       }
     );

package/components/Notification/NotificationGrouped.js

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

package/components/Notification/components/NotificationBody.js

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

package/components/Notification/components/NotificationBodyList.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
-import { s as styles } from "../../../chunks/Notification.module-DuwX9b1Z.js";
+import { s as styles } from "../../../chunks/Notification.module-CAO_e6_u.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-DuwX9b1Z.js";
+import { s as styles } from "../../../chunks/Notification.module-CAO_e6_u.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-DuwX9b1Z.js";
+import { s as styles } from "../../../chunks/Notification.module-CAO_e6_u.js";
 const NotificationFooter = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.notificationFooter, children });
 NotificationFooter.displayName = "NotificationFooter";
 export {

package/components/Notification/components/NotificationGroupedFooter.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Notification.module-DuwX9b1Z.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/Notification.module-CAO_e6_u.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-DuwX9b1Z.js";
+import { s as styles } from "../../../chunks/Notification.module-CAO_e6_u.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-DuwX9b1Z.js";
+import { s as styles } from "../../../chunks/Notification.module-CAO_e6_u.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-DuwX9b1Z.js";
+import { s as styles } from "../../../chunks/Notification.module-CAO_e6_u.js";
 const NotificationTime = ({ time }) => /* @__PURE__ */ jsx("span", { className: styles.notificationTime, children: time });
 NotificationTime.displayName = "NotificationTime";
 export {

package/components/OrderedList/OrderedList.js

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

package/components/OrderedList/OrderedListItem.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const orderedListItem = "orderedListItem__4e17e016";
+const orderedListItem = "orderedListItem__36ba8ff1";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.44.0",
+      "data-tx": "1.46.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-Cuh6SDnR.js";
+import { s as styles } from "../../chunks/Overlay.module-BobfrUap.js";
 const Overlay = Object.assign(
   React__default.forwardRef(
     ({

package/components/Overlay/OverlayMask.js

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

package/components/Overlay/OverlayPanel.js

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

package/components/Page/Page.js

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

package/components/Page/components/BodyPage.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { Body } from "../../Body/Body.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__cb44e9d2";
-const marginTopLarge = "marginTopLarge__6bcb07b5";
-const marginTopSmall = "marginTopSmall__e1c017b7";
-const marginTopNone = "marginTopNone__26cd4c62";
-const marginBottomLarge = "marginBottomLarge__32dd290b";
-const marginBottomSmall = "marginBottomSmall__939e2687";
-const marginBottomNone = "marginBottomNone__e5cf045d";
+const bodyPage = "bodyPage__fdfac8c8";
+const marginTopLarge = "marginTopLarge__3c0f4a48";
+const marginTopSmall = "marginTopSmall__bcf21056";
+const marginTopNone = "marginTopNone__41d90f20";
+const marginBottomLarge = "marginBottomLarge__47b801c1";
+const marginBottomSmall = "marginBottomSmall__41bec402";
+const marginBottomNone = "marginBottomNone__c39dd252";
 const styles = {
   bodyPage,
   marginTopLarge,

package/components/Page/components/FooterPage.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { Footer } from "../../Footer/Footer.js";
 import { EFooterPageType } from "./enums.js";
 import { useStickyCornerRadius } from "./useStickyCornerRadius.js";
@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-Bso9TRUt.js";
+import { s as styles } from "../../../chunks/Page.module-D5IIaIaU.js";
 const FooterPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Page/components/HeaderPage.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { Header } from "../../Header/Header.js";
 import { EHeaderPageType } from "./enums.js";
 import { useStickyCornerRadius } from "./useStickyCornerRadius.js";
@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-Bso9TRUt.js";
+import { s as styles } from "../../../chunks/Page.module-D5IIaIaU.js";
 const HeaderPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Pagination/components/PaginationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import React__default from "react";
-const paginationExtended = "paginationExtended__525b7ee2";
+const paginationExtended = "paginationExtended__fd2ab818";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React__default.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "1.44.0",
+        "data-tx": "1.46.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__75d675c5";
-const directionIconNext = "directionIconNext__8c140da7";
+const paginationNavigationButton = "paginationNavigationButton__b9d3d68e";
+const directionIconNext = "directionIconNext__7e0c6e4a";
 const styles = {
   paginationNavigationButton,
   directionIconNext

package/components/Pagination/components/PaginationNavigationExtended.js

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

package/components/Pagination/components/PaginationPageButton.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.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__682d9838";
-const currentPage = "currentPage__afad0cbd";
+const paginationPageButton = "paginationPageButton__2b3202df";
+const currentPage = "currentPage__a8839277";
 const styles = {
   paginationPageButton,
   currentPage

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import React__default from "react";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const paginationPageEllipsis = "paginationPageEllipsis__3707b7be";
+const paginationPageEllipsis = "paginationPageEllipsis__edd8e456";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useContext } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
@@ -10,14 +10,24 @@ 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__9706eb65";
-const paginationSelectControl = "paginationSelectControl__d88949b4";
+const paginationSelect = "paginationSelect__72d5369e";
+const paginationSelectControl = "paginationSelectControl__da50ed3f";
 const styles = {
   paginationSelect,
   paginationSelectControl
 };
 const PaginationSelect = React__default.forwardRef(
-  ({ paginationLabel, className, options, value, onChange, status }, ref) => {
+  ({
+    paginationLabel,
+    className,
+    options,
+    value,
+    onChange,
+    status,
+    targetProps,
+    mobileTitle = paginationLabel,
+    ...rest
+  }, ref) => {
     const [instanceId] = useState(() => `Pagination-${uniqueId()}`);
     const { loading } = useContext(MasterTableContext);
     return /* @__PURE__ */ jsxs("div", { className: clsx(styles.paginationSelect, className), ref, children: [
@@ -27,14 +37,13 @@ const PaginationSelect = React__default.forwardRef(
         {
           size: EComponentSize.SM,
           value,
-          mobileTitle: paginationLabel,
+          mobileTitle,
           options,
           onChange,
           status: loading ? EFormFieldStatus.DISABLED : status,
-          targetProps: {
-            fieldLabel: ""
-          },
-          "aria-labelledby": instanceId
+          "aria-labelledby": instanceId,
+          ...rest,
+          targetProps: { fieldLabel: "", ...targetProps }
         }
       ) })
     ] });

package/components/Pagination/components/PaginationSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelect.js","sources":["../../../../src/components/Pagination/components/PaginationSelect.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/PaginationSelect.module.less\";\nimport { ETextSize, Text } from \"../../Typography\";\nimport { SelectField, ISelectFieldProps } from \"../../SelectField\";\nimport { EFormFieldStatus } from \"../../FormField/enums\";\nimport { MasterTableContext } from \"@sberbusiness/triplex-next/components/Table/MasterTableContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Свойства компонента PaginationSelect. */\nexport interface IPaginationSelectProps\n    extends Omit<ISelectFieldProps, \"size\" | \"value\">, Required<Pick<ISelectFieldProps, \"value\">> {\n    /** Текст лейбла пагинации. */\n    paginationLabel: React.ReactNode;\n}\n\n/** Выбор количества элементов на странице. */\nexport const PaginationSelect = React.forwardRef<HTMLDivElement, IPaginationSelectProps>(\n    ({ paginationLabel, className, options, value, onChange, status }, ref) => {\n        const [instanceId] = useState(() => `Pagination-${uniqueId()}`);\n        const { loading } = useContext(MasterTableContext);\n\n        return (\n            <div className={clsx(styles.paginationSelect, className)} ref={ref}>\n                <Text size={ETextSize.B3} id={instanceId}>\n                    {paginationLabel}\n                </Text>\n                <div className={styles.paginationSelectControl}>\n                    <SelectField\n                        size={EComponentSize.SM}\n                        value={value}\n                        mobileTitle={paginationLabel}\n                        options={options}\n                        onChange={onChange}\n                        status={loading ? EFormFieldStatus.DISABLED : status}\n                        targetProps={{\n                            fieldLabel: \"\",\n                        }}\n                        aria-labelledby={instanceId}\n                    />\n                </div>\n            </div>\n        );\n    },\n);\n\nPaginationSelect.displayName = \"PaginationSelect\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;AAkBO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,iBAAiB,WAAW,SAAS,OAAO,UAAU,OAAA,GAAU,QAAQ;AACvE,UAAM,CAAC,UAAU,IAAI,SAAS,MAAM,cAAc,SAAA,CAAU,EAAE;AAC9D,UAAM,EAAE,QAAA,IAAY,WAAW,kBAAkB;AAEjD,WACI,qBAAC,SAAI,WAAW,KAAK,OAAO,kBAAkB,SAAS,GAAG,KACtD,UAAA;AAAA,MAAA,oBAAC,QAAK,MAAM,UAAU,IAAI,IAAI,YACzB,UAAA,iBACL;AAAA,MACA,oBAAC,OAAA,EAAI,WAAW,OAAO,yBACnB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,eAAe;AAAA,UACrB;AAAA,UACA,aAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,iBAAiB,WAAW;AAAA,UAC9C,aAAa;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEhB,mBAAiB;AAAA,QAAA;AAAA,MAAA,EACrB,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"PaginationSelect.js","sources":["../../../../src/components/Pagination/components/PaginationSelect.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/PaginationSelect.module.less\";\nimport { ETextSize, Text } from \"../../Typography\";\nimport { SelectField, ISelectFieldProps } from \"../../SelectField\";\nimport { EFormFieldStatus } from \"../../FormField/enums\";\nimport { MasterTableContext } from \"@sberbusiness/triplex-next/components/Table/MasterTableContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Свойства компонента PaginationSelect. */\nexport interface IPaginationSelectProps\n    extends Omit<ISelectFieldProps, \"size\" | \"value\">, Required<Pick<ISelectFieldProps, \"value\">> {\n    /** Текст лейбла пагинации. */\n    paginationLabel: React.ReactNode;\n}\n\n/** Выбор количества элементов на странице. */\nexport const PaginationSelect = React.forwardRef<HTMLDivElement, IPaginationSelectProps>(\n    (\n        {\n            paginationLabel,\n            className,\n            options,\n            value,\n            onChange,\n            status,\n            targetProps,\n            mobileTitle = paginationLabel,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [instanceId] = useState(() => `Pagination-${uniqueId()}`);\n        const { loading } = useContext(MasterTableContext);\n\n        return (\n            <div className={clsx(styles.paginationSelect, className)} ref={ref}>\n                <Text size={ETextSize.B3} id={instanceId}>\n                    {paginationLabel}\n                </Text>\n                <div className={styles.paginationSelectControl}>\n                    <SelectField\n                        size={EComponentSize.SM}\n                        value={value}\n                        mobileTitle={mobileTitle}\n                        options={options}\n                        onChange={onChange}\n                        status={loading ? EFormFieldStatus.DISABLED : status}\n                        aria-labelledby={instanceId}\n                        {...rest}\n                        targetProps={{ fieldLabel: \"\", ...targetProps }}\n                    />\n                </div>\n            </div>\n        );\n    },\n);\n\nPaginationSelect.displayName = \"PaginationSelect\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;AAkBO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,UAAU,IAAI,SAAS,MAAM,cAAc,SAAA,CAAU,EAAE;AAC9D,UAAM,EAAE,QAAA,IAAY,WAAW,kBAAkB;AAEjD,WACI,qBAAC,SAAI,WAAW,KAAK,OAAO,kBAAkB,SAAS,GAAG,KACtD,UAAA;AAAA,MAAA,oBAAC,QAAK,MAAM,UAAU,IAAI,IAAI,YACzB,UAAA,iBACL;AAAA,MACA,oBAAC,OAAA,EAAI,WAAW,OAAO,yBACnB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,eAAe;AAAA,UACrB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,iBAAiB,WAAW;AAAA,UAC9C,mBAAiB;AAAA,UAChB,GAAG;AAAA,UACJ,aAAa,EAAE,YAAY,IAAI,GAAG,YAAA;AAAA,QAAY;AAAA,MAAA,EAClD,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}

package/components/Pagination/utils.js

@@ -1,4 +1,4 @@
-import { k as range } from "../../chunks/vendor-D4wvHis9.js";
+import { k as range } from "../../chunks/vendor-DqjKLGwf.js";
 const PAGINATION_ELLIPSIS_VALUE = -1;
 const PaginationUtils = {
   /** Создание массива чисел в заданном диапазоне (включительно) с заданным шагом. Возвращает пустой массив, если from > to. */