@sberbusiness/triplex-next 0.52.0 → 0.53.0

package/components/Tooltip/components/mobile/TooltipMobile.js

@@ -1,15 +1,15 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useContext, useRef, useEffect } from "react";
+import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
 import { TooltipContext } from "../../TootlipContext.js";
 import { Portal } from "../../../Portal/Portal.js";
-import { DropdownMobile } from "../../../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton } from "./components/TooltipMobileCloseButton.js";
-import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-const tooltipMobile = "tooltipMobile__d112234c";
-const tooltipMobileContent = "tooltipMobileContent__df8d0a5d";
-const headerless = "headerless__30a8c9d9";
-const closeButton = "closeButton__4cba6e75";
+import { Puller } from "../../../Puller/Puller.js";
+import { PullerBody } from "../../../Puller/PullerBody.js";
+const tooltipMobile = "tooltipMobile__aa6ae88a";
+const tooltipMobileContent = "tooltipMobileContent__97ef383f";
+const headerless = "headerless__54d9ed0a";
+const closeButton = "closeButton__450702d8";
 const styles = {
   tooltipMobile,
   tooltipMobileContent,
@@ -18,7 +18,7 @@ const styles = {
 };
 const TooltipMobile = ({
   // children, renderContainer, targetRef, disableAdaptiveMode, size и alignTip не нужны мобильной
-  // версии и не должны попадать в DOM — исключаются из rest, который спредится на DropdownMobile.
+  // версии и не должны попадать в DOM — исключаются из rest, который спредится на Puller.
   children,
   renderContainer,
   targetRef,
@@ -45,7 +45,7 @@ const TooltipMobile = ({
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     elements.target,
     /* @__PURE__ */ jsx(Portal, { container: document.body, children: /* @__PURE__ */ jsxs(
-      DropdownMobile,
+      Puller,
       {
         className: classNames,
         tabIndex: -1,
@@ -55,7 +55,7 @@ const TooltipMobile = ({
         ref: tooltipRef,
         children: [
           elements.mobileHeader,
-          /* @__PURE__ */ jsxs(DropdownMobileBody, { className: styles.tooltipMobileContent, children: [
+          /* @__PURE__ */ jsxs(PullerBody, { className: styles.tooltipMobileContent, children: [
             elements.body,
             elements.link,
             elements.mobileHeader === null && renderCloseButton()

package/components/Tooltip/components/mobile/TooltipMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipMobile.js","sources":["../../../../../src/components/Tooltip/components/mobile/TooltipMobile.tsx"],"sourcesContent":["import React, { useEffect, useContext, useRef } from \"react\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { Portal } from \"@sberbusiness/triplex-next/components/Portal/Portal\";\nimport { DropdownMobile } from \"@sberbusiness/triplex-next/components/Dropdown/mobile/DropdownMobile\";\nimport { DropdownMobileBody } from \"@sberbusiness/triplex-next/components/Dropdown/mobile/DropdownMobileBody\";\nimport { TooltipMobileCloseButton } from \"@sberbusiness/triplex-next/components/Tooltip/components/mobile/components/TooltipMobileCloseButton\";\nimport clsx from \"clsx\";\nimport styles from \"@sberbusiness/triplex-next/components/Tooltip/styles/TooltipMobile.module.less\";\nimport { ITooltipProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/** Свойства компонента TooltipMobile. */\nexport interface ITooltipMobileProps extends Omit<ITooltipProps, \"preferPlace\" | \"toggle\"> {\n    /** Признак открыт ли TooltipMobile. */\n    isOpen: boolean;\n    /** Дочерние элементы. */\n    children?: never;\n}\n\n/**\n * Мобильная версия Tooltip.\n * Рендерится в document.body поверх страницы как нижний оверлей (DropdownMobile).\n */\nexport const TooltipMobile: React.FC<ITooltipMobileProps> = ({\n    // children, renderContainer, targetRef, disableAdaptiveMode, size и alignTip не нужны мобильной\n    // версии и не должны попадать в DOM — исключаются из rest, который спредится на DropdownMobile.\n    children,\n    renderContainer,\n    targetRef,\n    disableAdaptiveMode,\n    size,\n    alignTip,\n    className,\n    isOpen,\n    onShow,\n    ...rest\n}) => {\n    const { elements, setTooltipOpen } = useContext(TooltipContext);\n    const tooltipRef = useRef<HTMLDivElement | null>(null);\n    const classNames = clsx(styles.tooltipMobile, { [styles.headerless]: elements.mobileHeader === null }, className);\n\n    useEffect(() => {\n        if (isOpen && tooltipRef.current) {\n            onShow?.(tooltipRef.current);\n        }\n        // onShow намеренно вне зависимостей: колбэк вызывается только на открытие подсказки,\n        // иначе нестабильная inline-функция вызывала бы его на каждый рендер.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isOpen]);\n\n    /** Рендер кнопки закрытия. */\n    const renderCloseButton = () => {\n        return (\n            <div className={styles.closeButton}>\n                <TooltipMobileCloseButton {...elements.closeButton?.props} />\n            </div>\n        );\n    };\n\n    return (\n        <>\n            {elements.target}\n            <Portal container={document.body}>\n                <DropdownMobile\n                    className={classNames}\n                    tabIndex={-1}\n                    opened={isOpen}\n                    setOpened={setTooltipOpen}\n                    {...rest}\n                    ref={tooltipRef}\n                >\n                    {elements.mobileHeader}\n                    <DropdownMobileBody className={styles.tooltipMobileContent}>\n                        {elements.body}\n                        {elements.link}\n                        {elements.mobileHeader === null && renderCloseButton()}\n                    </DropdownMobileBody>\n                </DropdownMobile>\n            </Portal>\n        </>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAsBO,MAAM,gBAA+C,CAAC;AAAA;AAAA;AAAA,EAGzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,UAAU,mBAAmB,WAAW,cAAc;AAC9D,QAAM,aAAa,OAA8B,IAAI;AACrD,QAAM,aAAa,KAAK,OAAO,eAAe,EAAE,CAAC,OAAO,UAAU,GAAG,SAAS,iBAAiB,KAAA,GAAQ,SAAS;AAEhH,YAAU,MAAM;AACZ,QAAI,UAAU,WAAW,SAAS;AAC9B,uCAAS,WAAW;AAAA,IACxB;AAAA,EAIJ,GAAG,CAAC,MAAM,CAAC;AAGX,QAAM,oBAAoB,MAAM;;AAC5B,WACI,oBAAC,OAAA,EAAI,WAAW,OAAO,aACnB,UAAA,oBAAC,0BAAA,EAA0B,IAAG,cAAS,gBAAT,mBAAsB,MAAA,CAAO,EAAA,CAC/D;AAAA,EAER;AAEA,SACI,qBAAA,UAAA,EACK,UAAA;AAAA,IAAA,SAAS;AAAA,IACV,oBAAC,QAAA,EAAO,WAAW,SAAS,MACxB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACV,GAAG;AAAA,QACJ,KAAK;AAAA,QAEJ,UAAA;AAAA,UAAA,SAAS;AAAA,UACV,qBAAC,oBAAA,EAAmB,WAAW,OAAO,sBACjC,UAAA;AAAA,YAAA,SAAS;AAAA,YACT,SAAS;AAAA,YACT,SAAS,iBAAiB,QAAQ,kBAAA;AAAA,UAAkB,EAAA,CACzD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"TooltipMobile.js","sources":["../../../../../src/components/Tooltip/components/mobile/TooltipMobile.tsx"],"sourcesContent":["import React, { useEffect, useContext, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { TooltipContext } from \"../../TootlipContext\";\nimport { Portal } from \"../../../Portal/Portal\";\nimport { TooltipMobileCloseButton } from \"./components/TooltipMobileCloseButton\";\nimport { ITooltipProps } from \"../../types\";\nimport { Puller } from \"../../../Puller/Puller\";\nimport { PullerBody } from \"../../../Puller/PullerBody\";\nimport styles from \"../../styles/TooltipMobile.module.less\";\n\n/** Свойства компонента TooltipMobile. */\nexport interface ITooltipMobileProps extends Omit<ITooltipProps, \"preferPlace\" | \"toggle\"> {\n    /** Признак открыт ли TooltipMobile. */\n    isOpen: boolean;\n    /** Дочерние элементы. */\n    children?: never;\n}\n\n/**\n * Мобильная версия Tooltip.\n * Рендерится в document.body поверх страницы как нижний оверлей (Puller).\n */\nexport const TooltipMobile: React.FC<ITooltipMobileProps> = ({\n    // children, renderContainer, targetRef, disableAdaptiveMode, size и alignTip не нужны мобильной\n    // версии и не должны попадать в DOM — исключаются из rest, который спредится на Puller.\n    children,\n    renderContainer,\n    targetRef,\n    disableAdaptiveMode,\n    size,\n    alignTip,\n    className,\n    isOpen,\n    onShow,\n    ...rest\n}) => {\n    const { elements, setTooltipOpen } = useContext(TooltipContext);\n    const tooltipRef = useRef<HTMLDivElement | null>(null);\n    const classNames = clsx(styles.tooltipMobile, { [styles.headerless]: elements.mobileHeader === null }, className);\n\n    useEffect(() => {\n        if (isOpen && tooltipRef.current) {\n            onShow?.(tooltipRef.current);\n        }\n        // onShow намеренно вне зависимостей: колбэк вызывается только на открытие подсказки,\n        // иначе нестабильная inline-функция вызывала бы его на каждый рендер.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isOpen]);\n\n    /** Рендер кнопки закрытия. */\n    const renderCloseButton = () => {\n        return (\n            <div className={styles.closeButton}>\n                <TooltipMobileCloseButton {...elements.closeButton?.props} />\n            </div>\n        );\n    };\n\n    return (\n        <>\n            {elements.target}\n            <Portal container={document.body}>\n                <Puller\n                    className={classNames}\n                    tabIndex={-1}\n                    opened={isOpen}\n                    setOpened={setTooltipOpen}\n                    {...rest}\n                    ref={tooltipRef}\n                >\n                    {elements.mobileHeader}\n                    <PullerBody className={styles.tooltipMobileContent}>\n                        {elements.body}\n                        {elements.link}\n                        {elements.mobileHeader === null && renderCloseButton()}\n                    </PullerBody>\n                </Puller>\n            </Portal>\n        </>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAsBO,MAAM,gBAA+C,CAAC;AAAA;AAAA;AAAA,EAGzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,UAAU,mBAAmB,WAAW,cAAc;AAC9D,QAAM,aAAa,OAA8B,IAAI;AACrD,QAAM,aAAa,KAAK,OAAO,eAAe,EAAE,CAAC,OAAO,UAAU,GAAG,SAAS,iBAAiB,KAAA,GAAQ,SAAS;AAEhH,YAAU,MAAM;AACZ,QAAI,UAAU,WAAW,SAAS;AAC9B,uCAAS,WAAW;AAAA,IACxB;AAAA,EAIJ,GAAG,CAAC,MAAM,CAAC;AAGX,QAAM,oBAAoB,MAAM;;AAC5B,WACI,oBAAC,OAAA,EAAI,WAAW,OAAO,aACnB,UAAA,oBAAC,0BAAA,EAA0B,IAAG,cAAS,gBAAT,mBAAsB,MAAA,CAAO,EAAA,CAC/D;AAAA,EAER;AAEA,SACI,qBAAA,UAAA,EACK,UAAA;AAAA,IAAA,SAAS;AAAA,IACV,oBAAC,QAAA,EAAO,WAAW,SAAS,MACxB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACV,GAAG;AAAA,QACJ,KAAK;AAAA,QAEJ,UAAA;AAAA,UAAA,SAAS;AAAA,UACV,qBAAC,YAAA,EAAW,WAAW,OAAO,sBACzB,UAAA;AAAA,YAAA,SAAS;AAAA,YACT,SAAS;AAAA,YACT,SAAS,iBAAiB,QAAQ,kBAAA;AAAA,UAAkB,EAAA,CACzD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/components/Tooltip/components/mobile/components/TooltipMobileCloseButton.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { DropdownMobileClose } from "../../../../Dropdown/mobile/DropdownMobileClose.js";
 import { TooltipContext } from "../../../TootlipContext.js";
+import { PullerClose } from "../../../../Puller/PullerClose.js";
 const TooltipMobileCloseButton = ({ onClick, ...rest }) => {
   const { setTooltipOpen } = useContext(TooltipContext);
   const handleClick = (event) => {
     setTooltipOpen(false);
     onClick == null ? void 0 : onClick(event);
   };
-  return /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: handleClick, ...rest });
+  return /* @__PURE__ */ jsx(PullerClose, { onClick: handleClick, ...rest });
 };
 export {
   TooltipMobileCloseButton

package/components/Tooltip/components/mobile/components/TooltipMobileCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipMobileCloseButton.js","sources":["../../../../../../src/components/Tooltip/components/mobile/components/TooltipMobileCloseButton.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport {\n    DropdownMobileClose,\n    IDropdownMobileCloseProps,\n} from \"@sberbusiness/triplex-next/components/Dropdown/mobile/DropdownMobileClose\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\n\n/** Свойства компонента TooltipMobileCloseButton. */\nexport interface ITooltipMobileCloseButton extends IDropdownMobileCloseProps {}\n\n/** Кнопка закрытия TooltipMobile. */\nexport const TooltipMobileCloseButton: React.FC<ITooltipMobileCloseButton> = ({ onClick, ...rest }) => {\n    const { setTooltipOpen } = useContext(TooltipContext);\n\n    /** Обработчик клика. */\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setTooltipOpen(false);\n        onClick?.(event);\n    };\n\n    return <DropdownMobileClose onClick={handleClick} {...rest} />;\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,2BAAgE,CAAC,EAAE,SAAS,GAAG,WAAW;AACnG,QAAM,EAAE,eAAA,IAAmB,WAAW,cAAc;AAGpD,QAAM,cAAc,CAAC,UAA+C;AAChE,mBAAe,KAAK;AACpB,uCAAU;AAAA,EACd;AAEA,SAAO,oBAAC,qBAAA,EAAoB,SAAS,aAAc,GAAG,MAAM;AAChE;"}
+{"version":3,"file":"TooltipMobileCloseButton.js","sources":["../../../../../../src/components/Tooltip/components/mobile/components/TooltipMobileCloseButton.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TooltipContext } from \"../../../TootlipContext\";\nimport { PullerClose, IPullerCloseProps } from \"../../../../Puller/PullerClose\";\n\n/** Свойства компонента TooltipMobileCloseButton. */\nexport interface ITooltipMobileCloseButton extends IPullerCloseProps {}\n\n/** Кнопка закрытия TooltipMobile. */\nexport const TooltipMobileCloseButton: React.FC<ITooltipMobileCloseButton> = ({ onClick, ...rest }) => {\n    const { setTooltipOpen } = useContext(TooltipContext);\n\n    /** Обработчик клика. */\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setTooltipOpen(false);\n        onClick?.(event);\n    };\n\n    return <PullerClose onClick={handleClick} {...rest} />;\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,2BAAgE,CAAC,EAAE,SAAS,GAAG,WAAW;AACnG,QAAM,EAAE,eAAA,IAAmB,WAAW,cAAc;AAGpD,QAAM,cAAc,CAAC,UAA+C;AAChE,mBAAe,KAAK;AACpB,uCAAU;AAAA,EACd;AAEA,SAAO,oBAAC,aAAA,EAAY,SAAS,aAAc,GAAG,MAAM;AACxD;"}

package/components/Tooltip/components/mobile/components/TooltipMobileHeader.js

@@ -1,15 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { DropdownMobileHeader } from "../../../../Dropdown/mobile/DropdownMobileHeader.js";
 import { TooltipContext } from "../../../TootlipContext.js";
 import { TooltipMobileCloseButton } from "./TooltipMobileCloseButton.js";
 import { Text } from "../../../../Typography/Text.js";
 import { EFontType, ETextSize } from "../../../../Typography/enums.js";
+import { PullerHeader } from "../../../../Puller/PullerHeader.js";
 const TooltipMobileHeader = ({ children, ...rest }) => {
   var _a;
   const { elements } = useContext(TooltipContext);
   const closeButton = /* @__PURE__ */ jsx(TooltipMobileCloseButton, { ...(_a = elements.closeButton) == null ? void 0 : _a.props });
-  return /* @__PURE__ */ jsx(DropdownMobileHeader, { controlButtons: closeButton, ...rest, children: /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, type: EFontType.PRIMARY, tag: "div", children }) });
+  return /* @__PURE__ */ jsx(PullerHeader, { controlButtons: closeButton, ...rest, children: /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, type: EFontType.PRIMARY, tag: "div", children }) });
 };
 export {
   TooltipMobileHeader

package/components/Tooltip/components/mobile/components/TooltipMobileHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipMobileHeader.js","sources":["../../../../../../src/components/Tooltip/components/mobile/components/TooltipMobileHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { DropdownMobileHeader } from \"@sberbusiness/triplex-next/components/Dropdown/mobile/DropdownMobileHeader\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { TooltipMobileCloseButton } from \"@sberbusiness/triplex-next/components/Tooltip/components/mobile/components/TooltipMobileCloseButton\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { EFontType, ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { ITooltipMobileHeaderProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/**\n * Заголовок компонента TooltipMobile.\n * Кнопку закрытия подставляет сам, наследуя props переданного в Tooltip TooltipXButton.\n */\nexport const TooltipMobileHeader: React.FC<ITooltipMobileHeaderProps> = ({ children, ...rest }) => {\n    const { elements } = useContext(TooltipContext);\n\n    /** Кнопка закрытия мобильной версии подсказки. */\n    const closeButton = <TooltipMobileCloseButton {...elements.closeButton?.props} />;\n\n    return (\n        <DropdownMobileHeader controlButtons={closeButton} {...rest}>\n            <Text size={ETextSize.B3} type={EFontType.PRIMARY} tag=\"div\">\n                {children}\n            </Text>\n        </DropdownMobileHeader>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,sBAA2D,CAAC,EAAE,UAAU,GAAG,WAAW;;AAC/F,QAAM,EAAE,SAAA,IAAa,WAAW,cAAc;AAG9C,QAAM,cAAc,oBAAC,0BAAA,EAA0B,IAAG,cAAS,gBAAT,mBAAsB,OAAO;AAE/E,6BACK,sBAAA,EAAqB,gBAAgB,aAAc,GAAG,MACnD,UAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,IAAI,MAAM,UAAU,SAAS,KAAI,OAClD,UACL,GACJ;AAER;"}
+{"version":3,"file":"TooltipMobileHeader.js","sources":["../../../../../../src/components/Tooltip/components/mobile/components/TooltipMobileHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TooltipContext } from \"../../../TootlipContext\";\nimport { TooltipMobileCloseButton } from \"./TooltipMobileCloseButton\";\nimport { Text } from \"../../../../Typography/Text\";\nimport { EFontType, ETextSize } from \"../../../../Typography/enums\";\nimport { ITooltipMobileHeaderProps } from \"../../../types\";\nimport { PullerHeader } from \"../../../../Puller/PullerHeader\";\n\n/**\n * Заголовок компонента TooltipMobile.\n * Кнопку закрытия подставляет сам, наследуя props переданного в Tooltip TooltipXButton.\n */\nexport const TooltipMobileHeader: React.FC<ITooltipMobileHeaderProps> = ({ children, ...rest }) => {\n    const { elements } = useContext(TooltipContext);\n\n    /** Кнопка закрытия мобильной версии подсказки. */\n    const closeButton = <TooltipMobileCloseButton {...elements.closeButton?.props} />;\n\n    return (\n        <PullerHeader controlButtons={closeButton} {...rest}>\n            <Text size={ETextSize.B3} type={EFontType.PRIMARY} tag=\"div\">\n                {children}\n            </Text>\n        </PullerHeader>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,sBAA2D,CAAC,EAAE,UAAU,GAAG,WAAW;;AAC/F,QAAM,EAAE,SAAA,IAAa,WAAW,cAAc;AAG9C,QAAM,cAAc,oBAAC,0BAAA,EAA0B,IAAG,cAAS,gBAAT,mBAAsB,OAAO;AAE/E,6BACK,cAAA,EAAa,gBAAgB,aAAc,GAAG,MAC3C,UAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,IAAI,MAAM,UAAU,SAAS,KAAI,OAClD,UACL,GACJ;AAER;"}

package/components/TopOverlay/TopOverlay.js

@@ -5,12 +5,12 @@ import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { Overlay } from "../Overlay/Overlay.js";
 import { EOverlayDirection } from "../Overlay/OverlayBase.js";
 import { getLightBoxScreenTop, getNextTopPosition } from "./utils.js";
-const topOverlayMask = "topOverlayMask__eeb9488a";
-const topOverlayWrapper = "topOverlayWrapper__16f235e1";
-const closing = "closing__fff19a0e";
-const opened = "opened__18e05da3";
-const topOverlayPanel = "topOverlayPanel__bedd7395";
-const topOverlay = "topOverlay__5736fb49";
+const topOverlayMask = "topOverlayMask__c3889d9c";
+const topOverlayWrapper = "topOverlayWrapper__e25fc667";
+const closing = "closing__d17e1974";
+const opened = "opened__1d4f8091";
+const topOverlayPanel = "topOverlayPanel__24b13109";
+const topOverlay = "topOverlay__fe4455f9";
 const styles = {
   topOverlayMask,
   topOverlayWrapper,

package/components/TreeView/TreeView.js

@@ -10,7 +10,7 @@ import { TreeViewAbstractNode } from "./TreeViewAbstractNode.js";
 import { TreeViewNode } from "./components/TreeViewNode.js";
 import { TreeViewGroup } from "./components/TreeViewGroup.js";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../chunks/TreeView.module-CN5lZ_rt.js";
+import { s as styles } from "../../chunks/TreeView.module-D7TFEY8e.js";
 const rootNodeId = "rootNode";
 class TreeViewBase extends React.Component {
   constructor(props) {

package/components/TreeView/components/TreeViewGroup.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/TreeView.module-CN5lZ_rt.js";
+import { s as styles } from "../../../chunks/TreeView.module-D7TFEY8e.js";
 const TreeViewGroup = React.forwardRef(
   ({ children, className, ...props }, ref) => (
     // role после {...props}: семантика группы - контракт компонента, потребитель ее не переопределяет.

package/components/TreeView/components/TreeViewNode.js

@@ -7,7 +7,7 @@ import { TreeViewContext, withTreeViewContext } from "../TreeViewContext.js";
 import { TreeViewAbstractNode } from "../TreeViewAbstractNode.js";
 import { TreeViewAbstractNodeUtils } from "../TreeViewAbstractNodeUtils.js";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/TreeView.module-CN5lZ_rt.js";
+import { s as styles } from "../../../chunks/TreeView.module-D7TFEY8e.js";
 class TreeViewNodeWithContext extends React.Component {
   constructor(props) {
     super(props);

package/components/Typography/Caption.js

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { ECaptionSize, EFontWeightCaption, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-mNYX4XB4.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C_cUBgTm.js";
 import { getTextDecorationClassName } from "./utils.js";
-const caption = "caption__82be812c";
-const regular = "regular__489dc404";
-const semibold = "semibold__6e3f7538";
-const c1 = "c1__f91b4943";
-const c2 = "c2__1b920d8c";
-const d1 = "d1__721e2a4f";
+const caption = "caption__57593f8c";
+const regular = "regular__927c7015";
+const semibold = "semibold__3aa3ebc3";
+const c1 = "c1__e65b3296";
+const c2 = "c2__2c192e92";
+const d1 = "d1__e26ea182";
 const styles = {
   caption,
   regular,

package/components/Typography/CodeText.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-mNYX4XB4.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C_cUBgTm.js";
 import { getTextDecorationClassName } from "./utils.js";
-const codeText = "codeText__c1654932";
+const codeText = "codeText__d4bfb316";
 const styles = {
   codeText
 };

package/components/Typography/Text.js

@@ -2,16 +2,16 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { ETextSize, EFontWeightText, ELineType, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-mNYX4XB4.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C_cUBgTm.js";
 import { getTextDecorationClassName } from "./utils.js";
-const text = "text__4e929009";
-const regular = "regular__489dc404";
-const semibold = "semibold__6e3f7538";
-const b1 = "b1__f8a87c7b";
-const b2 = "b2__cf93e830";
-const b3 = "b3__91d6ee5d";
-const compact = "compact__0ae53f40";
-const b4 = "b4__6cd38cb0";
+const text = "text__ac95f35a";
+const regular = "regular__927c7015";
+const semibold = "semibold__3aa3ebc3";
+const b1 = "b1__60eee6fb";
+const b2 = "b2__ffd0d171";
+const b3 = "b3__94b8a39e";
+const compact = "compact__6763e9a0";
+const b4 = "b4__df964989";
 const styles = {
   text,
   regular,

package/components/Typography/Title.js

@@ -2,16 +2,16 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { ETitleSize, EFontWeightTitle, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-mNYX4XB4.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C_cUBgTm.js";
 import { getTextDecorationClassName } from "./utils.js";
-const title = "title__eaefb61b";
-const regular = "regular__489dc404";
-const medium = "medium__cefa88bb";
-const semibold = "semibold__6e3f7538";
-const bold = "bold__dfff7bc9";
-const h1 = "h1__e761be2f";
-const h2 = "h2__1aa11b2b";
-const h3 = "h3__792dd34e";
+const title = "title__a88d8e3c";
+const regular = "regular__927c7015";
+const medium = "medium__311cec4e";
+const semibold = "semibold__3aa3ebc3";
+const bold = "bold__a31ce1f5";
+const h1 = "h1__75f85057";
+const h2 = "h2__bd6799e2";
+const h3 = "h3__3804a059";
 const styles = {
   title,
   regular,

package/components/Typography/constants.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { F } from "../../chunks/constants-mNYX4XB4.js";
+import { F } from "../../chunks/constants-C_cUBgTm.js";
 export {
   F as FONT_TYPE_TO_CLASS_NAME_MAP
 };

package/components/UnorderedListExtended/UnorderedListExtended.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 { UnorderedListExtendedItem } from "./UnorderedListExtendedItem.js";
-const unorderedListExtended = "unorderedListExtended__4ceabfac";
+const unorderedListExtended = "unorderedListExtended__fe47a883";
 const styles = {
   unorderedListExtended
 };
@@ -12,7 +12,7 @@ const UnorderedListExtendedRoot = React.forwardRef(
     {
       className: clsx(styles.unorderedListExtended, className),
       ...restProps,
-      "data-tx": "0.52.0",
+      "data-tx": "0.53.0",
       ref
     }
   )

package/components/UnorderedListExtended/UnorderedListExtendedItem.js

@@ -7,7 +7,7 @@ import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { UnorderedListExtendedItemMarker } from "./UnorderedListExtendedItemMarker.js";
-const unorderedListExtendedItem = "unorderedListExtendedItem__29bca74b";
+const unorderedListExtendedItem = "unorderedListExtendedItem__6b025c4f";
 const styles = {
   unorderedListExtendedItem
 };
@@ -19,7 +19,7 @@ const UnorderedListExtendedItemRoot = React.forwardRef(
       size,
       tag: "li",
       ...restProps,
-      "data-tx": "0.52.0",
+      "data-tx": "0.53.0",
       ref
     }
   )

package/components/UnorderedListExtended/UnorderedListExtendedItemMarker.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-const markerWrapper = "markerWrapper__9cb653d7";
-const marker = "marker__7484a2ce";
+const markerWrapper = "markerWrapper__f5aa2ccc";
+const marker = "marker__6eaf40d4";
 const styles = {
   markerWrapper,
   marker
@@ -13,7 +13,7 @@ const UnorderedListExtendedItemMarker = React.forwardRef(
     {
       className: clsx(styles.markerWrapper, className),
       ...restProps,
-      "data-tx": "0.52.0",
+      "data-tx": "0.53.0",
       ref,
       children: children === void 0 ? /* @__PURE__ */ jsx("span", { className: styles.marker }) : children
     }

package/components/UploadZone/UploadZone.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useCallback, useEffect, useMemo } from "react";
 import ReactDOM from "react-dom";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-RMFLKjj0.js";
+import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-CEMLfPD2.js";
 import { UploadZoneContext } from "./UploadZoneContext.js";
 const UploadZone = Object.assign(
   forwardRef((props, ref) => {
@@ -122,7 +122,7 @@ const UploadZone = Object.assign(
       [openUploadDialog]
     );
     const contextValue = useMemo(() => ({ onChange, setInputNode }), [onChange]);
-    return /* @__PURE__ */ jsx(UploadZoneContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "0.52.0", ref, children: [
+    return /* @__PURE__ */ jsx(UploadZoneContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "0.53.0", ref, children: [
       /* @__PURE__ */ jsx(
         "div",
         {

package/components/UploadZone/components/UploadZoneInput.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor-Bf_-FiU6.js";
 import "../UploadZoneContext.js";
-import { U } from "../../../chunks/UploadZoneInput-RMFLKjj0.js";
+import { U } from "../../../chunks/UploadZoneInput-CEMLfPD2.js";
 export {
   U as UploadZoneInput
 };

package/components/UploadZone/index.js

@@ -1,5 +1,5 @@
 import { UploadZone } from "./UploadZone.js";
-import { U } from "../../chunks/UploadZoneInput-RMFLKjj0.js";
+import { U } from "../../chunks/UploadZoneInput-CEMLfPD2.js";
 export {
   UploadZone,
   U as UploadZoneInput

package/components/index.js

@@ -30,7 +30,7 @@ import { checkChildrenCheckboxes, checkParentCheckboxes, traverseCheckboxes } fr
 import { CheckboxTreeExtended } from "./CheckboxTreeExtended/CheckboxTreeExtended.js";
 import { CheckboxTreeExtendedNode } from "./CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js";
 import { EChipType } from "./Chip/enums.js";
-import { C } from "../chunks/Chip-KA-wuCSC.js";
+import { C } from "../chunks/Chip-DOtRbYR5.js";
 import { ChipDatePicker } from "./Chip/ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./Chip/ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./Chip/ChipClearButton.js";
@@ -69,18 +69,8 @@ import { DocumentNumberEdit } from "./DocumentNumberEdit/DocumentNumberEdit.js";
 import { DropdownListContext } from "./Dropdown/DropdownListContext.js";
 import { DropdownDesktop } from "./Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "./Dropdown/desktop/DropdownList.js";
-import { D } from "../chunks/DropdownListItem-B220hwlD.js";
+import { D } from "../chunks/DropdownListItem-DtBDNMDu.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./Dropdown/desktop/enums.js";
-import { DropdownMobile } from "./Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody } from "./Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose } from "./Dropdown/mobile/DropdownMobileClose.js";
-import { DropdownMobileFooter } from "./Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader } from "./Dropdown/mobile/DropdownMobileHeader.js";
-import { DropdownMobileInner } from "./Dropdown/mobile/DropdownMobileInner.js";
-import { DropdownMobileInput } from "./Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList } from "./Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem } from "./Dropdown/mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader } from "./Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown } from "./Dropdown/Dropdown.js";
 import { Ellipsis } from "./Ellipsis/Ellipsis.js";
 import { EEmptyViewSize } from "./EmptyView/enums.js";
@@ -124,7 +114,7 @@ import { ImageGalleryExtendedMain } from "./ImageGalleryExtended/components/Imag
 import { ImageGalleryExtendedNav } from "./ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import { I } from "../chunks/ImageGalleryExtendedThumb-CQlr8khU.js";
+import { I } from "../chunks/ImageGalleryExtendedThumb-DaYWIal7.js";
 import { ImageGalleryExtendedPageIndicators } from "./ImageGalleryExtended/components/ImageGalleryExtendedPageIndicators.js";
 import { EImageGalleryArrowDirection } from "./ImageGalleryExtended/enums.js";
 import { Island } from "./Island/Island.js";
@@ -155,7 +145,7 @@ import { ListItem } from "./List/components/ListItem.js";
 import { ListItemControls } from "./List/components/ListItemControls.js";
 import { ListItemContent } from "./List/components/ListItemContent.js";
 import { ListActionItem } from "./List/components/ListActionItem.js";
-import { L } from "../chunks/ListItemControlsButton-CgtvTyfP.js";
+import { L } from "../chunks/ListItemControlsButton-CTZwACLC.js";
 import { ListItemControlsButtonDropdown } from "./List/components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./List/components/ListEmptyState.js";
 import { ListItemLoading } from "./List/components/ListItemLoading.js";
@@ -226,6 +216,16 @@ import { PaginationSelect } from "./Pagination/components/PaginationSelect.js";
 import { EPaginationNavigationIconDirection } from "./Pagination/enums.js";
 import { Pagination } from "./Pagination/Pagination.js";
 import { Portal } from "./Portal/Portal.js";
+import { Puller } from "./Puller/Puller.js";
+import { PullerBody } from "./Puller/PullerBody.js";
+import { PullerClose } from "./Puller/PullerClose.js";
+import { PullerFooter } from "./Puller/PullerFooter.js";
+import { PullerHeader } from "./Puller/PullerHeader.js";
+import { PullerInput } from "./Puller/PullerInput.js";
+import { PullerList } from "./Puller/PullerList.js";
+import { PullerListItem } from "./Puller/PullerListItem.js";
+import { PullerLoader } from "./Puller/PullerLoader.js";
+import { PullerMaskedInput } from "./Puller/PullerMaskedInput.js";
 import { Radio } from "./Radio/Radio.js";
 import { RadioXGroup } from "./Radio/RadioXGroup.js";
 import { RadioYGroup } from "./Radio/RadioYGroup.js";
@@ -243,6 +243,8 @@ import { Slider } from "./Slider/Slider.js";
 import { SliderExtended } from "./SliderExtended/SliderExtended.js";
 import { SliderRange } from "./SliderRange/SliderRange.js";
 import { SmallInput } from "./SmallInput/SmallInput.js";
+import { SmartSpot } from "./SmartSpot/SmartSpot.js";
+import { ESmartSpotAnimation, ESmartSpotShape, ESmartSpotType } from "./SmartSpot/enums.js";
 import { SMSField } from "./SMSField/SMSField.js";
 import { SMSFieldInput } from "./SMSField/components/SMSFieldInput.js";
 import { SMSFieldTooltip } from "./SMSField/components/SMSFieldTooltip.js";
@@ -271,7 +273,7 @@ import { SuggestFieldDesktopDropdown } from "./SuggestField/desktop/SuggestField
 import { SuggestFieldDesktop } from "./SuggestField/desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./SuggestField/mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./SuggestField/mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../chunks/SuggestFieldMobileDropdownHint-DZe-DRxO.js";
+import { S } from "../chunks/SuggestFieldMobileDropdownHint-MIGePHD9.js";
 import { SuggestField } from "./SuggestField/SuggestField.js";
 import { SwipeableArea } from "./SwipeableArea/SwipeableArea.js";
 import { MasterTable } from "./Table/MasterTable.js";
@@ -327,7 +329,7 @@ import { Title } from "./Typography/Title.js";
 import { UnorderedList } from "./UnorderedList/UnorderedList.js";
 import { UnorderedListExtended } from "./UnorderedListExtended/UnorderedListExtended.js";
 import { UploadZone } from "./UploadZone/UploadZone.js";
-import { U } from "../chunks/UploadZoneInput-RMFLKjj0.js";
+import { U } from "../chunks/UploadZoneInput-CEMLfPD2.js";
 import { WindowResizeListener } from "./WindowResizeListener/WindowResizeListener.js";
 export {
   ALERT_TYPE_TO_CLASS_NAME_MAP,
@@ -400,16 +402,6 @@ export {
   DropdownList,
   DropdownListContext,
   D as DropdownListItem,
-  DropdownMobile,
-  DropdownMobileBody,
-  DropdownMobileClose,
-  DropdownMobileFooter,
-  DropdownMobileHeader,
-  DropdownMobileInner,
-  DropdownMobileInput,
-  DropdownMobileList,
-  DropdownMobileListItem,
-  DropdownMobileLoader,
   EAlertProcessBorderRadius,
   EAlertType,
   EAvatarSize,
@@ -457,6 +449,9 @@ export {
   ESegmentedControlTheme,
   ESegmentedControlType,
   ESkeletonType,
+  ESmartSpotAnimation,
+  ESmartSpotShape,
+  ESmartSpotType,
   EStatusTrackerType,
   EStatusTrackerVerticalAlign,
   EStepPosition,
@@ -612,6 +607,16 @@ export {
   PaginationPanel,
   PaginationSelect,
   Portal,
+  Puller,
+  PullerBody,
+  PullerClose,
+  PullerFooter,
+  PullerHeader,
+  PullerInput,
+  PullerList,
+  PullerListItem,
+  PullerLoader,
+  PullerMaskedInput,
   Radio,
   RadioXGroup,
   RadioYGroup,
@@ -633,6 +638,7 @@ export {
   SliderExtended,
   SliderRange,
   SmallInput,
+  SmartSpot,
   Spoiler,
   StatusTracker,
   StatusTrackerBody,

package/components/index.js.map

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