@sberbusiness/triplex-next 1.52.0 → 1.53.0

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,28 +4,17 @@ import { j as focusTrapReactExports } from "../../../chunks/vendor-CUIykw0y.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DkX7SolI.js";
+import "../../../chunks/DropdownListItem-BeusEvEd.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__default.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, 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;"}
+{"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 * Заглушка на случай, когда потребитель не передал 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":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,sBAAkE,CAAA;AAQjE,MAAM,2BAA2B,OAAO;AAAA,EAC3CA,eAAM;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,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

@@ -4,11 +4,11 @@ import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__c6c94dc1";
-const loaderScreen = "loaderScreen__3679a905";
-const sm = "sm__d3776626";
-const md = "md__602287f6";
-const lg = "lg__ff17f759";
+const multiselectFieldContent = "multiselectFieldContent__9be935fe";
+const loaderScreen = "loaderScreen__5d8a9086";
+const sm = "sm__6368bcf9";
+const md = "md__d5fb6067";
+const lg = "lg__27c7649d";
 const styles = {
   multiselectFieldContent,
   loaderScreen,

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const multiselectFieldFooter = "multiselectFieldFooter__1613627d";
+const multiselectFieldFooter = "multiselectFieldFooter__1805ecc4";
 const styles = {
   multiselectFieldFooter
 };

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const multiselectFieldHeader = "multiselectFieldHeader__ab6e4e7d";
+const multiselectFieldHeader = "multiselectFieldHeader__f0614254";
 const styles = {
   multiselectFieldHeader
 };

package/components/Notification/Notification.js

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

package/components/Notification/NotificationGrouped.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
-import { s as styles } from "../../chunks/Notification.module-B8ZAEh9G.js";
+import { s as styles } from "../../chunks/Notification.module-CfXwjuJ2.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-B8ZAEh9G.js";
+import { s as styles } from "../../../chunks/Notification.module-CfXwjuJ2.js";
 const NotificationBody = Object.assign(
   React__default.forwardRef(function NotificationBody2({ children }, ref) {
     return /* @__PURE__ */ jsx("div", { className: styles.notificationBody, ref, children });

package/components/Notification/components/NotificationBodyList.js

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

package/components/Notification/components/NotificationGroupedFooter.js

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

package/components/OrderedList/OrderedList.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__85dbec2f";
+const orderedList = "orderedList__8fc49b29";
 const styles = {
   orderedList
 };
@@ -19,7 +19,7 @@ const OrderedList = Object.assign(
         start,
         style: orderedListStyle,
         ...restProps,
-        "data-tx": "1.52.0",
+        "data-tx": "1.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__86b96936";
+const orderedListItem = "orderedListItem__3d6e0e1c";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.52.0",
+      "data-tx": "1.53.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

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

package/components/Overlay/OverlayMask.js

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

package/components/Overlay/OverlayPanel.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-CtiKw8Dq.js";
+import { s as styles } from "../../chunks/Overlay.module-R-pxonFI.js";
 const OverlayPanel = React__default.forwardRef(
   ({
     children,

package/components/Page/Page.js

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

package/components/Page/components/BodyPage.js

@@ -5,13 +5,13 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__0ec56924";
-const marginTopLarge = "marginTopLarge__6209bc9c";
-const marginTopSmall = "marginTopSmall__407a5cd7";
-const marginTopNone = "marginTopNone__6d46495d";
-const marginBottomLarge = "marginBottomLarge__2b9009ee";
-const marginBottomSmall = "marginBottomSmall__6f53a18c";
-const marginBottomNone = "marginBottomNone__8fd797de";
+const bodyPage = "bodyPage__cc875006";
+const marginTopLarge = "marginTopLarge__2c3a1907";
+const marginTopSmall = "marginTopSmall__6e58c076";
+const marginTopNone = "marginTopNone__2567e436";
+const marginBottomLarge = "marginBottomLarge__fa188284";
+const marginBottomSmall = "marginBottomSmall__830a36b2";
+const marginBottomNone = "marginBottomNone__afa567c6";
 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-DyUBYgo-.js";
+import { s as styles } from "../../../chunks/Page.module-CeviAbZU.js";
 const FooterPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...restProps }, ref) => {

package/components/Page/components/HeaderPage.js

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

package/components/PageIndicators/PageIndicators.js

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

package/components/Pagination/components/PaginationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const paginationExtended = "paginationExtended__9833b5ee";
+const paginationExtended = "paginationExtended__c727e3da";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React__default.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "1.52.0",
+        "data-tx": "1.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__d63c3f54";
-const directionIconNext = "directionIconNext__9519bc58";
+const paginationNavigationButton = "paginationNavigationButton__efa4cef0";
+const directionIconNext = "directionIconNext__0b6af6da";
 const styles = {
   paginationNavigationButton,
   directionIconNext

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const paginationNavigationExtended = "paginationNavigationExtended__63320d84";
+const paginationNavigationExtended = "paginationNavigationExtended__f87138e7";
 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__3800af55";
-const currentPage = "currentPage__e4d785db";
+const paginationPageButton = "paginationPageButton__7b6ebc15";
+const currentPage = "currentPage__223faa70";
 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__fc90bbc8";
+const paginationPageEllipsis = "paginationPageEllipsis__53d6ee85";
 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__01defd7b";
-const paginationSelectControl = "paginationSelectControl__024d2031";
+const paginationSelect = "paginationSelect__d6754ea9";
+const paginationSelectControl = "paginationSelectControl__239a57b9";
 const styles = {
   paginationSelect,
   paginationSelectControl

package/components/Puller/Puller.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { 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-DT9Y_Pbk.js";
+const Puller = React__default.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": "1.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":["React"],"mappings":";;;;;;AAkBO,MAAM,SAASA,eAAM;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__default from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../chunks/Puller.module-DT9Y_Pbk.js";
+const PullerBody = React__default.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":["React"],"mappings":";;;;AAQO,MAAM,aAAaA,eAAM;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__default from "react";
+import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
+import { ButtonIcon } from "../Button/ButtonIcon.js";
+const PullerClose = React__default.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":["React"],"mappings":";;;;AAWO,MAAM,cAAcA,eAAM,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__default from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../chunks/Puller.module-DT9Y_Pbk.js";
+const PullerFooter = React__default.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":["React"],"mappings":";;;;AAQO,MAAM,eAAeA,eAAM;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__default from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../chunks/Puller.module-DT9Y_Pbk.js";
+const PullerHeader = React__default.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":["React"],"mappings":";;;;AAWO,MAAM,eAAeA,eAAM;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;"}