@sberbusiness/triplex-next 0.52.0 → 0.53.0

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,28 +4,17 @@ import { F as FocusTrap } from "../../../chunks/vendor-Bf_-FiU6.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-B220hwlD.js";
+import "../../../chunks/DropdownListItem-DtBDNMDu.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
-import "../../Dropdown/mobile/DropdownMobile.js";
-import "../../Dropdown/mobile/DropdownMobileBody.js";
-import "../../Dropdown/mobile/DropdownMobileClose.js";
-import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import "../../Dropdown/mobile/DropdownMobileHeader.js";
-import "../../Dropdown/mobile/DropdownMobileInner.js";
-import "../../Dropdown/mobile/DropdownMobileInput.js";
-import "../../Dropdown/mobile/DropdownMobileList.js";
-import "../../Dropdown/mobile/DropdownMobileListItem.js";
-import "../../Loader/LoaderSmall/LoaderSmall.js";
-import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
 import { MultiselectFieldDropdownHeader } from "./MultiselectFieldDropdownHeader.js";
 import { MultiselectFieldDropdownContent } from "./MultiselectFieldDropdownContent.js";
 import { MultiselectFieldDropdownFooter } from "./MultiselectFieldDropdownFooter.js";
 import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
-const ALWAYS_MOBILE_VIEW_PROPS = {};
+const ALWAYS_PULLER_PROPS = {};
 const MultiselectFieldDropdown = Object.assign(
   React.forwardRef(
-    ({ children, focusTrapProps, opened, targetRef, mobileViewProps, ...rest }, ref) => {
+    ({ children, focusTrapProps, opened, targetRef, pullerProps, ...rest }, ref) => {
       const { size, mouseUsedRef } = useContext(MultiselectFieldContext);
       useEffect(() => {
         if (!opened) {
@@ -36,7 +25,7 @@ const MultiselectFieldDropdown = Object.assign(
         Dropdown,
         {
           width: EDropdownWidth.MIN_TARGET,
-          mobileViewProps: mobileViewProps ?? ALWAYS_MOBILE_VIEW_PROPS,
+          pullerProps: pullerProps ?? ALWAYS_PULLER_PROPS,
           targetRef,
           opened,
           size,

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/**\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;"}
+{"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 * Заглушка на случай, когда потребитель не передал pullerProps: Dropdown включает\n * мобильную версию по truthiness этого prop'а, поэтому непустой объект нужен всегда —\n * без него на мобильной ширине отрендерился бы десктопный выпадающий блок.\n */\nconst ALWAYS_PULLER_PROPS: NonNullable<IDropdownProps[\"pullerProps\"]> = {};\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, pullerProps, ...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                    pullerProps={pullerProps ?? ALWAYS_PULLER_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,sBAAkE,CAAA;AAQjE,MAAM,2BAA2B,OAAO;AAAA,EAC3C,MAAM;AAAA,IACF,CAAC,EAAE,UAAU,gBAAgB,QAAQ,WAAW,aAAa,GAAG,KAAA,GAAQ,QAAQ;AAC5E,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,aAAa,eAAe;AAAA,UAC5B;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

@@ -4,11 +4,11 @@ import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__332023e3";
-const loaderScreen = "loaderScreen__64bc6b4b";
-const sm = "sm__8e42a5b8";
-const md = "md__b18a6673";
-const lg = "lg__baade7d6";
+const multiselectFieldContent = "multiselectFieldContent__13e86cac";
+const loaderScreen = "loaderScreen__b4509fa5";
+const sm = "sm__b6f4740e";
+const md = "md__d8470ebc";
+const lg = "lg__d0a0c569";
 const styles = {
   multiselectFieldContent,
   loaderScreen,

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const multiselectFieldFooter = "multiselectFieldFooter__852b87b7";
+const multiselectFieldFooter = "multiselectFieldFooter__e43ce2cf";
 const styles = {
   multiselectFieldFooter
 };

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const multiselectFieldHeader = "multiselectFieldHeader__77028efb";
+const multiselectFieldHeader = "multiselectFieldHeader__1a877e95";
 const styles = {
   multiselectFieldHeader
 };

package/components/Notification/Notification.js

@@ -5,7 +5,7 @@ import { NotificationClose } from "./components/NotificationClose.js";
 import { NotificationIcon } from "./components/NotificationIcon.js";
 import { NotificationTime } from "./components/NotificationTime.js";
 import React from "react";
-import { s as styles } from "../../chunks/Notification.module-CcAy4EUy.js";
+import { s as styles } from "../../chunks/Notification.module-DvJpk7mJ.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.52.0",
+        "data-tx": "0.53.0",
         children
       }
     );

package/components/Notification/NotificationGrouped.js

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

package/components/Notification/components/NotificationBody.js

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

package/components/Notification/components/NotificationBodyList.js

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

package/components/Notification/components/NotificationGroupedFooter.js

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

package/components/OrderedList/OrderedList.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__9336044b";
+const orderedList = "orderedList__dbf32e3f";
 const styles = {
   orderedList
 };
@@ -19,7 +19,7 @@ const OrderedList = Object.assign(
         start,
         style: orderedListStyle,
         ...restProps,
-        "data-tx": "0.52.0",
+        "data-tx": "0.53.0",
         ref
       }
     );

package/components/OrderedList/OrderedListItem.js

@@ -6,7 +6,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const orderedListItem = "orderedListItem__8b7f6368";
+const orderedListItem = "orderedListItem__e177b430";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "0.52.0",
+      "data-tx": "0.53.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-kM4tpNCp.js";
+import { s as styles } from "../../chunks/Overlay.module-BUiSNz4S.js";
 const Overlay = Object.assign(
   React.forwardRef(
     ({

package/components/Overlay/OverlayMask.js

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

package/components/Overlay/OverlayPanel.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-kM4tpNCp.js";
+import { s as styles } from "../../chunks/Overlay.module-BUiSNz4S.js";
 const OverlayPanel = React.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { BodyPage } from "./components/BodyPage.js";
 import { HeaderPage } from "./components/HeaderPage.js";
 import { FooterPage } from "./components/FooterPage.js";
-import { s as styles } from "../../chunks/Page.module-CB9AR5aS.js";
+import { s as styles } from "../../chunks/Page.module-BcGCfrAq.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/components/BodyPage.js

@@ -5,13 +5,13 @@ import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__122ea1f1";
-const marginTopLarge = "marginTopLarge__730590a8";
-const marginTopSmall = "marginTopSmall__d6d972c1";
-const marginTopNone = "marginTopNone__4eb279a8";
-const marginBottomLarge = "marginBottomLarge__b21921e9";
-const marginBottomSmall = "marginBottomSmall__9e5c780a";
-const marginBottomNone = "marginBottomNone__c47e7a93";
+const bodyPage = "bodyPage__34b0af71";
+const marginTopLarge = "marginTopLarge__d3bcaa0a";
+const marginTopSmall = "marginTopSmall__9a000ee7";
+const marginTopNone = "marginTopNone__76669cef";
+const marginBottomLarge = "marginBottomLarge__79998522";
+const marginBottomSmall = "marginBottomSmall__07165b14";
+const marginBottomNone = "marginBottomNone__60c9bae6";
 const styles = {
   bodyPage,
   marginTopLarge,

package/components/Page/components/FooterPage.js

@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-CB9AR5aS.js";
+import { s as styles } from "../../../chunks/Page.module-BcGCfrAq.js";
 const FooterPage = Object.assign(
   React.forwardRef(
     ({ className, type, size, sticky, ...restProps }, ref) => {

package/components/Page/components/HeaderPage.js

@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-CB9AR5aS.js";
+import { s as styles } from "../../../chunks/Page.module-BcGCfrAq.js";
 const HeaderPage = Object.assign(
   React.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/PageIndicators/PageIndicators.js

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

package/components/Pagination/components/PaginationExtended.js

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

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const paginationNavigationExtended = "paginationNavigationExtended__8d25cd92";
+const paginationNavigationExtended = "paginationNavigationExtended__decbb5a1";
 const styles = {
   paginationNavigationExtended
 };

package/components/Pagination/components/PaginationPageButton.js

@@ -8,8 +8,8 @@ import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { ButtonBase } from "../../Button/ButtonBase.js";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
-const paginationPageButton = "paginationPageButton__859f1ec1";
-const currentPage = "currentPage__61552607";
+const paginationPageButton = "paginationPageButton__dbfdd1f7";
+const currentPage = "currentPage__58921176";
 const styles = {
   paginationPageButton,
   currentPage

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -6,7 +6,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const paginationPageEllipsis = "paginationPageEllipsis__62a89159";
+const paginationPageEllipsis = "paginationPageEllipsis__fa96e4b3";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -10,8 +10,8 @@ import { SelectField } from "../../SelectField/SelectField.js";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const paginationSelect = "paginationSelect__8d231453";
-const paginationSelectControl = "paginationSelectControl__1334437f";
+const paginationSelect = "paginationSelect__425389cc";
+const paginationSelectControl = "paginationSelectControl__75f9efdf";
 const styles = {
   paginationSelect,
   paginationSelectControl

package/components/Puller/Puller.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import React, { useEffect } from "react";
+import { lockBodyScroll } from "../../utils/scroll/bodyScrollLock.js";
+import { OverlayBase, EOverlayDirection } from "../Overlay/OverlayBase.js";
+import { PullerInner } from "./PullerInner.js";
+import { s as styles } from "../../chunks/Puller.module-D99aZDfb.js";
+const Puller = React.forwardRef(
+  ({ children, opened, setOpened, ...restProps }, ref) => {
+    useEffect(() => {
+      if (opened) {
+        return lockBodyScroll(styles.pullerScrollLock);
+      }
+    }, [opened]);
+    return /* @__PURE__ */ jsx(OverlayBase, { setOpened, opened, direction: EOverlayDirection.BOTTOM, children: (props) => /* @__PURE__ */ jsx(PullerInner, { ...props, ...restProps, ref, "data-tx": "0.53.0", children }) });
+  }
+);
+Puller.displayName = "Puller";
+export {
+  Puller
+};
+//# sourceMappingURL=Puller.js.map

package/components/Puller/Puller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Puller.js","sources":["../../../src/components/Puller/Puller.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { lockBodyScroll } from \"../../utils/scroll/bodyScrollLock\";\nimport { EOverlayDirection, IOverlayChildrenProvideProps, OverlayBase } from \"../Overlay/OverlayBase\";\nimport { PullerInner } from \"./PullerInner\";\nimport styles from \"./styles/Puller.module.less\";\n\n/** Свойства компонента Puller. */\nexport interface IPullerProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Открыт. */\n    opened: boolean;\n    /** Устанавливает флаг opened. */\n    setOpened: (opened: boolean) => void;\n}\n\n/**\n * Нижняя шторка (bottom sheet). Пока открыта, блокирует скролл body.\n * В Portal себя не выносит: при прямом использовании оберните в Portal.\n */\nexport const Puller = React.forwardRef<HTMLDivElement, IPullerProps>(\n    ({ children, opened, setOpened, ...restProps }, ref) => {\n        useEffect(() => {\n            if (opened) {\n                return lockBodyScroll(styles.pullerScrollLock);\n            }\n        }, [opened]);\n\n        return (\n            <OverlayBase setOpened={setOpened} opened={opened} direction={EOverlayDirection.BOTTOM}>\n                {(props: IOverlayChildrenProvideProps) => (\n                    <PullerInner {...props} {...restProps} ref={ref} data-tx={process.env.npm_package_version}>\n                        {children}\n                    </PullerInner>\n                )}\n            </OverlayBase>\n        );\n    },\n);\n\nPuller.displayName = \"Puller\";\n"],"names":[],"mappings":";;;;;;AAkBO,MAAM,SAAS,MAAM;AAAA,EACxB,CAAC,EAAE,UAAU,QAAQ,WAAW,GAAG,UAAA,GAAa,QAAQ;AACpD,cAAU,MAAM;AACZ,UAAI,QAAQ;AACR,eAAO,eAAe,OAAO,gBAAgB;AAAA,MACjD;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAEX,WACI,oBAAC,eAAY,WAAsB,QAAgB,WAAW,kBAAkB,QAC3E,WAAC,UACE,oBAAC,eAAa,GAAG,OAAQ,GAAG,WAAW,KAAU,WAAS,UACrD,SAAA,CACL,GAER;AAAA,EAER;AACJ;AAEA,OAAO,cAAc;"}

package/components/Puller/PullerBody.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../chunks/Puller.module-D99aZDfb.js";
+const PullerBody = React.forwardRef(
+  ({ children, className, ...restProps }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.pullerBody, className), ...restProps, ref, children })
+);
+PullerBody.displayName = "PullerBody";
+export {
+  PullerBody
+};
+//# sourceMappingURL=PullerBody.js.map

package/components/Puller/PullerBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerBody.js","sources":["../../../src/components/Puller/PullerBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Puller.module.less\";\n\n/** Свойства компонента PullerBody. */\nexport interface IPullerBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Скроллируемое тело Puller. */\nexport const PullerBody = React.forwardRef<HTMLDivElement, IPullerBodyProps>(\n    ({ children, className, ...restProps }, ref) => (\n        <div className={clsx(styles.pullerBody, className)} {...restProps} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nPullerBody.displayName = \"PullerBody\";\n"],"names":[],"mappings":";;;;AAQO,MAAM,aAAa,MAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,WAAW,GAAG,UAAA,GAAa,QACpC,oBAAC,SAAI,WAAW,KAAK,OAAO,YAAY,SAAS,GAAI,GAAG,WAAW,KAC9D,SAAA,CACL;AAER;AAEA,WAAW,cAAc;"}

package/components/Puller/PullerClose.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
+import { ButtonIcon } from "../Button/ButtonIcon.js";
+const PullerClose = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(ButtonIcon, { ...props, ref, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) }));
+PullerClose.displayName = "PullerClose";
+export {
+  PullerClose
+};
+//# sourceMappingURL=PullerClose.js.map

package/components/Puller/PullerClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerClose.js","sources":["../../../src/components/Puller/PullerClose.tsx"],"sourcesContent":["import React from \"react\";\nimport { CrossStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { ButtonIcon, IButtonIconProps } from \"../Button/ButtonIcon\";\n\n/** Свойства компонента PullerClose. */\nexport interface IPullerCloseProps extends Omit<IButtonIconProps, \"children\"> {\n    /** Не принимается: иконку-крестик кнопка рендерит сама. */\n    children?: never;\n}\n\n/** Кнопка закрытия Puller. */\nexport const PullerClose = React.forwardRef<HTMLButtonElement, IPullerCloseProps>((props, ref) => (\n    <ButtonIcon {...props} ref={ref}>\n        <CrossStrokeSrvIcon16 paletteIndex={5} />\n    </ButtonIcon>\n));\n\nPullerClose.displayName = \"PullerClose\";\n"],"names":[],"mappings":";;;;AAWO,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,QACtF,oBAAC,YAAA,EAAY,GAAG,OAAO,KACnB,UAAA,oBAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG,GAC3C,CACH;AAED,YAAY,cAAc;"}

package/components/Puller/PullerFooter.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../chunks/Puller.module-D99aZDfb.js";
+const PullerFooter = React.forwardRef(
+  ({ children, className, ...restProps }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.pullerFooter, className), ...restProps, ref, children })
+);
+PullerFooter.displayName = "PullerFooter";
+export {
+  PullerFooter
+};
+//# sourceMappingURL=PullerFooter.js.map

package/components/Puller/PullerFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerFooter.js","sources":["../../../src/components/Puller/PullerFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Puller.module.less\";\n\n/** Свойства компонента PullerFooter. */\nexport interface IPullerFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Футер Puller. */\nexport const PullerFooter = React.forwardRef<HTMLDivElement, IPullerFooterProps>(\n    ({ children, className, ...restProps }, ref) => (\n        <div className={clsx(styles.pullerFooter, className)} {...restProps} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nPullerFooter.displayName = \"PullerFooter\";\n"],"names":[],"mappings":";;;;AAQO,MAAM,eAAe,MAAM;AAAA,EAC9B,CAAC,EAAE,UAAU,WAAW,GAAG,UAAA,GAAa,QACpC,oBAAC,SAAI,WAAW,KAAK,OAAO,cAAc,SAAS,GAAI,GAAG,WAAW,KAChE,SAAA,CACL;AAER;AAEA,aAAa,cAAc;"}

package/components/Puller/PullerHeader.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../chunks/Puller.module-D99aZDfb.js";
+const PullerHeader = React.forwardRef(
+  ({ children, className, controlButtons, ...restProps }, ref) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.pullerHeader, className), ...restProps, ref, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.pullerHeaderContent, children }),
+    /* @__PURE__ */ jsx("div", { className: styles.pullerHeaderControls, children: controlButtons })
+  ] })
+);
+PullerHeader.displayName = "PullerHeader";
+export {
+  PullerHeader
+};
+//# sourceMappingURL=PullerHeader.js.map

package/components/Puller/PullerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerHeader.js","sources":["../../../src/components/Puller/PullerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Puller.module.less\";\n\n/** Свойства компонента PullerHeader. */\nexport interface IPullerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Кнопки действия в правой части шапки (например, PullerClose). */\n    controlButtons?: React.ReactNode;\n}\n\n/** Шапка Puller. */\nexport const PullerHeader = React.forwardRef<HTMLDivElement, IPullerHeaderProps>(\n    ({ children, className, controlButtons, ...restProps }, ref) => (\n        <div className={clsx(styles.pullerHeader, className)} {...restProps} ref={ref}>\n            <div className={styles.pullerHeaderContent}>{children}</div>\n            <div className={styles.pullerHeaderControls}>{controlButtons}</div>\n        </div>\n    ),\n);\n\nPullerHeader.displayName = \"PullerHeader\";\n"],"names":[],"mappings":";;;;AAWO,MAAM,eAAe,MAAM;AAAA,EAC9B,CAAC,EAAE,UAAU,WAAW,gBAAgB,GAAG,aAAa,6BACnD,OAAA,EAAI,WAAW,KAAK,OAAO,cAAc,SAAS,GAAI,GAAG,WAAW,KACjE,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,qBAAsB,UAAS;AAAA,IACtD,oBAAC,OAAA,EAAI,WAAW,OAAO,sBAAuB,UAAA,eAAA,CAAe;AAAA,EAAA,EAAA,CACjE;AAER;AAEA,aAAa,cAAc;"}

package/components/{Dropdown/mobile/DropdownMobileInner.js → Puller/PullerInner.js}

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-vfc3HyCT.js";
-const DropdownMobileInner = React.forwardRef(
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { useToken } from "../ThemeProvider/useToken.js";
+import { s as styles } from "../../chunks/Puller.module-D99aZDfb.js";
+const PullerInner = React.forwardRef(
   ({
     children,
     className,
@@ -13,7 +13,7 @@ const DropdownMobileInner = React.forwardRef(
     setOpened,
     setClosing,
     setOpening,
-    ...htmlAttributes
+    ...restProps
   }, ref) => {
     const [openingState, setOpeningState] = useState(false);
     const [openedState, setOpenedState] = useState(false);
@@ -26,17 +26,6 @@ const DropdownMobileInner = React.forwardRef(
       const timeoutId = setTimeout(() => setOpenedState(openedProps));
       return () => clearTimeout(timeoutId);
     }, [openedProps]);
-    const classNamesWrapper = clsx(styles.dropdownMobileWrapper, scopeClassName, className);
-    const classNamesBackDrop = clsx(styles.dropdownMobileBackdrop, {
-      [styles.closing]: closing,
-      [styles.opened]: openedState,
-      [styles.opening]: openingState
-    });
-    const classNamesContent = clsx(styles.dropdownMobile, {
-      [styles.closing]: closing,
-      [styles.opened]: openedState,
-      [styles.opening]: openingState
-    });
     const handleTransitionEnd = (event) => {
       const { target, currentTarget } = event;
       if (target === currentTarget) {
@@ -47,7 +36,7 @@ const DropdownMobileInner = React.forwardRef(
         }
       }
     };
-    const closeDropdown = () => {
+    const closePuller = () => {
       if (openedProps) {
         setOpened(false);
       }
@@ -55,22 +44,26 @@ const DropdownMobileInner = React.forwardRef(
     if (!openingProps && !openedProps && !closing) {
       return null;
     }
-    return /* @__PURE__ */ jsxs("div", { className: classNamesWrapper, children: [
+    const animationClassNames = {
+      [styles.opened]: openedState,
+      [styles.opening]: openingState
+    };
+    return /* @__PURE__ */ jsxs("div", { className: clsx(styles.pullerWrapper, scopeClassName, className), children: [
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: classNamesBackDrop,
+          className: clsx(styles.pullerBackdrop, animationClassNames),
           onTransitionEnd: handleTransitionEnd,
-          onTouchStart: closeDropdown,
-          onMouseDown: closeDropdown
+          onTouchStart: closePuller,
+          onMouseDown: closePuller
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: classNamesContent, ref, ...htmlAttributes, children })
+      /* @__PURE__ */ jsx("div", { className: clsx(styles.puller, animationClassNames), ...restProps, ref, children })
     ] });
   }
 );
-DropdownMobileInner.displayName = "DropdownMobileInner";
+PullerInner.displayName = "PullerInner";
 export {
-  DropdownMobileInner
+  PullerInner
 };
-//# sourceMappingURL=DropdownMobileInner.js.map
+//# sourceMappingURL=PullerInner.js.map