@sberbusiness/triplex-next 1.51.0 → 1.53.0

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__d459c17a";
-const loaderScreen = "loaderScreen__b399a616";
-const sm = "sm__2d37f28d";
-const md = "md__1cebd4b5";
-const lg = "lg__0d5c6027";
+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__7247f658";
+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__3de39d2d";
+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-ecOAwTp9.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.51.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-ecOAwTp9.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-ecOAwTp9.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-ecOAwTp9.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-ecOAwTp9.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-ecOAwTp9.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-ecOAwTp9.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-ecOAwTp9.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-ecOAwTp9.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-ecOAwTp9.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__84de3925";
+const orderedList = "orderedList__8fc49b29";
 const styles = {
   orderedList
 };
@@ -19,7 +19,7 @@ const OrderedList = Object.assign(
         start,
         style: orderedListStyle,
         ...restProps,
-        "data-tx": "1.51.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__37c97f18";
+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.51.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-CJy1uzDx.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-CJy1uzDx.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-CJy1uzDx.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-Bg5zU-FU.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__6410fde3";
-const marginTopLarge = "marginTopLarge__7e00042a";
-const marginTopSmall = "marginTopSmall__a0718450";
-const marginTopNone = "marginTopNone__31dccd75";
-const marginBottomLarge = "marginBottomLarge__10f372a8";
-const marginBottomSmall = "marginBottomSmall__7c4a639f";
-const marginBottomNone = "marginBottomNone__f22654fe";
+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-Bg5zU-FU.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-Bg5zU-FU.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__0bb10df3";
-const horizontal = "horizontal__24472d99";
-const vertical = "vertical__40a846cc";
-const indicator = "indicator__d55fd2d7";
-const active = "active__834427c7";
+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__65e72d5b";
+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.51.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__eddbd755";
-const directionIconNext = "directionIconNext__fd57d2cf";
+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__f1545345";
+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__0c97f602";
-const currentPage = "currentPage__07777b72";
+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__52125324";
+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__052f815d";
-const paginationSelectControl = "paginationSelectControl__34e6d864";
+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;"}

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

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-DfQTptBG.js";
-const DropdownMobileInner = React__default.forwardRef(
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { useToken } from "../ThemeProvider/useToken.js";
+import { s as styles } from "../../chunks/Puller.module-DT9Y_Pbk.js";
+const PullerInner = React__default.forwardRef(
   ({
     children,
     className,
@@ -13,7 +13,7 @@ const DropdownMobileInner = React__default.forwardRef(
     setOpened,
     setClosing,
     setOpening,
-    ...htmlAttributes
+    ...restProps
   }, ref) => {
     const [openingState, setOpeningState] = useState(false);
     const [openedState, setOpenedState] = useState(false);
@@ -26,17 +26,6 @@ const DropdownMobileInner = React__default.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__default.forwardRef(
         }
       }
     };
-    const closeDropdown = () => {
+    const closePuller = () => {
       if (openedProps) {
         setOpened(false);
       }
@@ -55,22 +44,26 @@ const DropdownMobileInner = React__default.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

package/components/Puller/PullerInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerInner.js","sources":["../../../src/components/Puller/PullerInner.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { IOverlayChildrenProvideProps } from \"../Overlay/OverlayBase\";\nimport { useToken } from \"../ThemeProvider/useToken\";\nimport styles from \"./styles/Puller.module.less\";\n\n/** Свойства компонента PullerInner. */\nexport interface IPullerInnerProps extends IOverlayChildrenProvideProps, React.HTMLAttributes<HTMLDivElement> {}\n\n/** Внутренняя разметка Puller: подложка и контент с анимацией открытия/закрытия. */\nexport const PullerInner = React.forwardRef<HTMLDivElement, IPullerInnerProps>(\n    (\n        {\n            children,\n            className,\n            opened: openedProps,\n            opening: openingProps,\n            closing,\n            setOpened,\n            setClosing,\n            setOpening,\n            ...restProps\n        },\n        ref,\n    ) => {\n        // Флаги догоняют props на следующем тике: без кадра в закрытом виде CSS-переход открытия не запустится.\n        const [openingState, setOpeningState] = useState(false);\n        const [openedState, setOpenedState] = useState(false);\n        const { scopeClassName } = useToken();\n\n        useEffect(() => {\n            const timeoutId = setTimeout(() => setOpeningState(openingProps));\n\n            return () => clearTimeout(timeoutId);\n        }, [openingProps]);\n\n        useEffect(() => {\n            const timeoutId = setTimeout(() => setOpenedState(openedProps));\n\n            return () => clearTimeout(timeoutId);\n        }, [openedProps]);\n\n        const handleTransitionEnd = (event: React.TransitionEvent<HTMLDivElement>) => {\n            const { target, currentTarget } = event;\n\n            if (target === currentTarget) {\n                if (closing) {\n                    setClosing(false);\n                } else if (openingProps) {\n                    setOpening(false);\n                }\n            }\n        };\n\n        const closePuller = () => {\n            if (openedProps) {\n                setOpened(false);\n            }\n        };\n\n        if (!openingProps && !openedProps && !closing) {\n            return null;\n        }\n\n        const animationClassNames = {\n            [styles.opened]: openedState,\n            [styles.opening]: openingState,\n        };\n\n        return (\n            <div className={clsx(styles.pullerWrapper, scopeClassName, className)}>\n                <div\n                    className={clsx(styles.pullerBackdrop, animationClassNames)}\n                    onTransitionEnd={handleTransitionEnd}\n                    onTouchStart={closePuller}\n                    onMouseDown={closePuller}\n                />\n                <div className={clsx(styles.puller, animationClassNames)} {...restProps} ref={ref}>\n                    {children}\n                </div>\n            </div>\n        );\n    },\n);\n\nPullerInner.displayName = \"PullerInner\";\n"],"names":["React"],"mappings":";;;;;AAUO,MAAM,cAAcA,eAAM;AAAA,EAC7B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AAED,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,UAAM,EAAE,eAAA,IAAmB,SAAA;AAE3B,cAAU,MAAM;AACZ,YAAM,YAAY,WAAW,MAAM,gBAAgB,YAAY,CAAC;AAEhE,aAAO,MAAM,aAAa,SAAS;AAAA,IACvC,GAAG,CAAC,YAAY,CAAC;AAEjB,cAAU,MAAM;AACZ,YAAM,YAAY,WAAW,MAAM,eAAe,WAAW,CAAC;AAE9D,aAAO,MAAM,aAAa,SAAS;AAAA,IACvC,GAAG,CAAC,WAAW,CAAC;AAEhB,UAAM,sBAAsB,CAAC,UAAiD;AAC1E,YAAM,EAAE,QAAQ,cAAA,IAAkB;AAElC,UAAI,WAAW,eAAe;AAC1B,YAAI,SAAS;AACT,qBAAW,KAAK;AAAA,QACpB,WAAW,cAAc;AACrB,qBAAW,KAAK;AAAA,QACpB;AAAA,MACJ;AAAA,IACJ;AAEA,UAAM,cAAc,MAAM;AACtB,UAAI,aAAa;AACb,kBAAU,KAAK;AAAA,MACnB;AAAA,IACJ;AAEA,QAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,SAAS;AAC3C,aAAO;AAAA,IACX;AAEA,UAAM,sBAAsB;AAAA,MACxB,CAAC,OAAO,MAAM,GAAG;AAAA,MACjB,CAAC,OAAO,OAAO,GAAG;AAAA,IAAA;AAGtB,WACI,qBAAC,SAAI,WAAW,KAAK,OAAO,eAAe,gBAAgB,SAAS,GAChE,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,KAAK,OAAO,gBAAgB,mBAAmB;AAAA,UAC1D,iBAAiB;AAAA,UACjB,cAAc;AAAA,UACd,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,QAAQ,mBAAmB,GAAI,GAAG,WAAW,KACpE,SAAA,CACL;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,YAAY,cAAc;"}

package/components/Puller/PullerInput.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const pullerInput = "pullerInput__1e9385bc";
+const styles = {
+  pullerInput
+};
+const PullerInput = React__default.forwardRef(({ className, ...restProps }, ref) => /* @__PURE__ */ jsx("input", { className: clsx(styles.pullerInput, className), ...restProps, ref }));
+PullerInput.displayName = "PullerInput";
+export {
+  PullerInput
+};
+//# sourceMappingURL=PullerInput.js.map

package/components/Puller/PullerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerInput.js","sources":["../../../src/components/Puller/PullerInput.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/PullerInput.module.less\";\n\n/** Свойства компонента PullerInput. */\nexport interface IPullerInputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\n/** Поле ввода для шапки Puller. */\nexport const PullerInput = React.forwardRef<HTMLInputElement, IPullerInputProps>(({ className, ...restProps }, ref) => (\n    <input className={clsx(styles.pullerInput, className)} {...restProps} ref={ref} />\n));\n\nPullerInput.displayName = \"PullerInput\";\n"],"names":["React"],"mappings":";;;;;;;AAQO,MAAM,cAAcA,eAAM,WAAgD,CAAC,EAAE,WAAW,GAAG,aAAa,4BAC1G,SAAA,EAAM,WAAW,KAAK,OAAO,aAAa,SAAS,GAAI,GAAG,WAAW,KAAU,CACnF;AAED,YAAY,cAAc;"}

package/components/Puller/PullerList.js

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme } from "../Loader/LoaderSmall/enum.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+import { s as styles } from "../../chunks/Puller.module-DT9Y_Pbk.js";
+const PullerList = React__default.forwardRef(
+  ({ children, loading, ...restProps }, ref) => /* @__PURE__ */ jsxs("div", { role: "listbox", "aria-busy": loading, ...restProps, ref, children: [
+    children,
+    loading && /* @__PURE__ */ jsx("div", { className: styles.pullerListLoader, "aria-hidden": "true", children: /* @__PURE__ */ jsx(LoaderSmall, { theme: ELoaderSmallTheme.BRAND, size: EComponentSize.MD }) })
+  ] })
+);
+PullerList.displayName = "PullerList";
+export {
+  PullerList
+};
+//# sourceMappingURL=PullerList.js.map

package/components/Puller/PullerList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullerList.js","sources":["../../../src/components/Puller/PullerList.tsx"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../Loader\";\nimport styles from \"./styles/Puller.module.less\";\n\n/** Свойства компонента PullerList. */\nexport interface IPullerListProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Состояние загрузки. */\n    loading?: boolean;\n}\n\n/** Список Puller. */\nexport const PullerList = React.forwardRef<HTMLDivElement, IPullerListProps>(\n    ({ children, loading, ...restProps }, ref) => (\n        <div role=\"listbox\" aria-busy={loading} {...restProps} ref={ref}>\n            {children}\n            {/* Скрыт от скринридеров: в listbox допустимы только option, загрузку передаёт aria-busy. */}\n            {loading && (\n                <div className={styles.pullerListLoader} aria-hidden=\"true\">\n                    <LoaderSmall theme={ELoaderSmallTheme.BRAND} size={EComponentSize.MD} />\n                </div>\n            )}\n        </div>\n    ),\n);\n\nPullerList.displayName = \"PullerList\";\n"],"names":["React"],"mappings":";;;;;;;AAYO,MAAM,aAAaA,eAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,SAAS,GAAG,aAAa,QAClC,qBAAC,OAAA,EAAI,MAAK,WAAU,aAAW,SAAU,GAAG,WAAW,KAClD,UAAA;AAAA,IAAA;AAAA,IAEA,WACG,oBAAC,OAAA,EAAI,WAAW,OAAO,kBAAkB,eAAY,QACjD,UAAA,oBAAC,aAAA,EAAY,OAAO,kBAAkB,OAAO,MAAM,eAAe,IAAI,EAAA,CAC1E;AAAA,EAAA,EAAA,CAER;AAER;AAEA,WAAW,cAAc;"}