@sberbusiness/triplex-next 1.47.0 → 1.49.0

package/components/TagGroup/TagGroup.js

@@ -2,22 +2,22 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const tagGroup = "tagGroup__02f76d6f";
-const sm = "sm__771cd712";
-const md = "md__14641a0c";
-const lg = "lg__dd052486";
+const tagGroup = "tagGroup__78d0a028";
+const sm = "sm__58c63190";
+const md = "md__43e56a0a";
+const lg = "lg__111eb17d";
 const styles = {
   tagGroup,
   sm,
   md,
   lg
 };
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const TagGroup = React__default.forwardRef(
   ({ children, className, size, ...restProps }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx(styles.tagGroup, sizeToClassNameMap[size], className),
+      className: clsx(styles.tagGroup, SIZE_TO_CLASS_NAME_MAP[size], className),
       role: "group",
       ...restProps,
       ref,
@@ -25,6 +25,7 @@ const TagGroup = React__default.forwardRef(
     }
   )
 );
+TagGroup.displayName = "TagGroup";
 export {
   TagGroup
 };

package/components/TagGroup/TagGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroup.js","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { ITagGroupProps } from \"@sberbusiness/triplex-next/components/TagGroup/types\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/TagGroup.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Контейнер для группы Tag. */\nexport const TagGroup = React.forwardRef<HTMLDivElement, ITagGroupProps>(\n    ({ children, className, size, ...restProps }, ref) => (\n        <div\n            className={clsx(styles.tagGroup, sizeToClassNameMap[size], className)}\n            role=\"group\"\n            {...restProps}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAMA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,WAAW,MAAM,GAAG,UAAA,GAAa,QAC1C;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,UAAU,mBAAmB,IAAI,GAAG,SAAS;AAAA,MACpE,MAAK;AAAA,MACJ,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"TagGroup.js","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { ITagGroupProps } from \"@sberbusiness/triplex-next/components/TagGroup/types\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/TagGroup.module.less\";\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Контейнер для группы Tag.\n * Теги идут в общем потоке и переносятся по строкам, отступ между ними задаёт size.\n * Корневой элемент — div с role=\"group\", на него указывает ref и приходят className и остальные props.\n */\nexport const TagGroup = React.forwardRef<HTMLDivElement, ITagGroupProps>(\n    ({ children, className, size, ...restProps }, ref) => (\n        <div\n            className={clsx(styles.tagGroup, SIZE_TO_CLASS_NAME_MAP[size], className)}\n            role=\"group\"\n            {...restProps}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nTagGroup.displayName = \"TagGroup\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAOA,MAAM,yBAAyB,yBAAyB,MAAM;AAOvD,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,WAAW,MAAM,GAAG,UAAA,GAAa,QAC1C;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,UAAU,uBAAuB,IAAI,GAAG,SAAS;AAAA,MACxE,MAAK;AAAA,MACJ,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,SAAS,cAAc;"}

package/components/TextField/TextFieldBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldBase.js","sources":["../../../src/components/TextField/TextFieldBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormGroup } from \"../FormGroup\";\nimport {\n    FormField,\n    FormFieldLabel,\n    FormFieldDescription,\n    FormFieldPrefix,\n    FormFieldPostfix,\n    FormFieldCounter,\n    IFormFieldProps,\n} from \"../FormField\";\n\n/** Свойства компонента TextFieldBase. */\nexport interface ITextFieldBaseProps extends Omit<IFormFieldProps, \"prefix\" | \"postfix\"> {\n    /** Дочерние элементы. */\n    children: React.ReactNode;\n    /** Описание поля ввода. */\n    description?: React.ReactNode;\n    /** Счетчик символов. */\n    counter?: React.ReactNode;\n    /** Префикс поля ввода. */\n    prefix?: React.ReactNode;\n    /** Постфикс поля ввода. */\n    postfix?: React.ReactNode;\n    /** Лейбл поля ввода. */\n    label?: React.ReactNode;\n}\n\n/** Базовый компонент текстового ввода, на основе которого реализуются TextField и MaskedField. */\nexport const TextFieldBase = React.forwardRef<HTMLDivElement, ITextFieldBaseProps>(\n    ({ children, description, label, prefix, postfix, counter, ...formFieldProps }, ref) => (\n        <FormGroup>\n            <FormField {...formFieldProps} ref={ref}>\n                {prefix ? <FormFieldPrefix>{prefix}</FormFieldPrefix> : null}\n\n                {children}\n\n                {label ? <FormFieldLabel>{label}</FormFieldLabel> : null}\n\n                {postfix ? <FormFieldPostfix>{postfix}</FormFieldPostfix> : null}\n            </FormField>\n\n            {description || counter ? (\n                <FormFieldDescription>\n                    {description}\n                    {counter ? <FormFieldCounter>{counter}</FormFieldCounter> : null}\n                </FormFieldDescription>\n            ) : null}\n        </FormGroup>\n    ),\n);\n\nTextFieldBase.displayName = \"TextFieldBase\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AA6BO,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,aAAa,OAAO,QAAQ,SAAS,SAAS,GAAG,eAAA,GAAkB,6BAC3E,WAAA,EACG,UAAA;AAAA,IAAA,qBAAC,WAAA,EAAW,GAAG,gBAAgB,KAC1B,UAAA;AAAA,MAAA,SAAS,oBAAC,iBAAA,EAAiB,UAAA,OAAA,CAAO,IAAqB;AAAA,MAEvD;AAAA,MAEA,QAAQ,oBAAC,gBAAA,EAAgB,UAAA,MAAA,CAAM,IAAoB;AAAA,MAEnD,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,GAChE;AAAA,IAEC,eAAe,UACZ,qBAAC,sBAAA,EACI,UAAA;AAAA,MAAA;AAAA,MACA,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,EAAA,CAChE,IACA;AAAA,EAAA,EAAA,CACR;AAER;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"TextFieldBase.js","sources":["../../../src/components/TextField/TextFieldBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormGroup } from \"../FormGroup\";\nimport {\n    FormField,\n    FormFieldLabel,\n    FormFieldDescription,\n    FormFieldPrefix,\n    FormFieldPostfix,\n    FormFieldCounter,\n    IFormFieldProps,\n} from \"../FormField\";\n\n/**\n * Базовые свойства текстовых полей: label, prefix/postfix, description, counter и слот `children` для поля ввода.\n * `TextField`, `MaskedField`, `AmountField` и `TextareaField` наследуют их без `children` —\n * так же типизируются props собственной обёртки: `Omit<ITextFieldBaseProps, \"children\">`.\n */\nexport interface ITextFieldBaseProps extends Omit<IFormFieldProps, \"prefix\" | \"postfix\"> {\n    /** Дочерние элементы. */\n    children: React.ReactNode;\n    /** Описание поля ввода. */\n    description?: React.ReactNode;\n    /** Счетчик символов. */\n    counter?: React.ReactNode;\n    /** Префикс поля ввода. */\n    prefix?: React.ReactNode;\n    /** Постфикс поля ввода. */\n    postfix?: React.ReactNode;\n    /** Лейбл поля ввода. */\n    label?: React.ReactNode;\n}\n\n/** Базовый компонент текстового ввода, на основе которого реализуются TextField и MaskedField. */\nexport const TextFieldBase = React.forwardRef<HTMLDivElement, ITextFieldBaseProps>(\n    ({ children, description, label, prefix, postfix, counter, ...formFieldProps }, ref) => (\n        <FormGroup>\n            <FormField {...formFieldProps} ref={ref}>\n                {prefix ? <FormFieldPrefix>{prefix}</FormFieldPrefix> : null}\n\n                {children}\n\n                {label ? <FormFieldLabel>{label}</FormFieldLabel> : null}\n\n                {postfix ? <FormFieldPostfix>{postfix}</FormFieldPostfix> : null}\n            </FormField>\n\n            {description || counter ? (\n                <FormFieldDescription>\n                    {description}\n                    {counter ? <FormFieldCounter>{counter}</FormFieldCounter> : null}\n                </FormFieldDescription>\n            ) : null}\n        </FormGroup>\n    ),\n);\n\nTextFieldBase.displayName = \"TextFieldBase\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAiCO,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,aAAa,OAAO,QAAQ,SAAS,SAAS,GAAG,eAAA,GAAkB,6BAC3E,WAAA,EACG,UAAA;AAAA,IAAA,qBAAC,WAAA,EAAW,GAAG,gBAAgB,KAC1B,UAAA;AAAA,MAAA,SAAS,oBAAC,iBAAA,EAAiB,UAAA,OAAA,CAAO,IAAqB;AAAA,MAEvD;AAAA,MAEA,QAAQ,oBAAC,gBAAA,EAAgB,UAAA,MAAA,CAAM,IAAoB;AAAA,MAEnD,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,GAChE;AAAA,IAEC,eAAe,UACZ,qBAAC,sBAAA,EACI,UAAA;AAAA,MAAA;AAAA,MACA,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,EAAA,CAChE,IACA;AAAA,EAAA,EAAA,CACR;AAER;AAEA,cAAc,cAAc;"}

package/components/Tooltip/components/common/TooltipBody.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { Text } from "../../../Typography/Text.js";
 import { ELineType, ETextSize } from "../../../Typography/enums.js";
-import { s as styles } from "../../../../chunks/TooltipDesktop.module-_lk-8WZV.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-Dxq1bddy.js";
 const TooltipBody = React__default.forwardRef(({ className, ...rest }, ref) => {
   const classNames = clsx(styles.tooltipBody, className);
   return /* @__PURE__ */ jsx(MobileView, { fallback: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, ref }), children: /* @__PURE__ */ jsx(Text, { className: classNames, size: ETextSize.B3, line: ELineType.NORMAL, tag: "div", ...rest, ref }) });

package/components/Tooltip/components/common/TooltipLink.js

@@ -3,9 +3,9 @@ import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { getSafeRel } from "../../../../utils/html/anchorSecurity.js";
-const tooltipLink = "tooltipLink__264f473a";
-const desktop = "desktop__8c384c9b";
-const mobile = "mobile__192b9e50";
+const tooltipLink = "tooltipLink__4d415caa";
+const desktop = "desktop__677a17ea";
+const mobile = "mobile__ce009b0d";
 const styles = {
   tooltipLink,
   desktop,
@@ -21,7 +21,7 @@ const TooltipLink = React__default.forwardRef(
         ...rest,
         target,
         rel: safeRel,
-        "data-tx": "1.47.0",
+        "data-tx": "1.49.0",
         ref,
         children
       }

package/components/Tooltip/components/common/TooltipXButton.js

@@ -3,7 +3,7 @@ import { useContext } from "react";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { TooltipContext } from "../../TootlipContext.js";
 import { ButtonIcon } from "../../../Button/ButtonIcon.js";
-import { s as styles } from "../../../../chunks/TooltipDesktop.module-_lk-8WZV.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-Dxq1bddy.js";
 const TooltipXButton = ({ onClick, ...rest }) => {
   const { setTooltipOpen } = useContext(TooltipContext);
   const handleClick = (event) => {

package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js

@@ -9,7 +9,7 @@ import { Portal } from "../../../../Portal/Portal.js";
 import { ETooltipFlowTypes, ETooltipPreferPlace, ETooltipDirection, ETooltipAlign, ETooltipSizeParameter, ETooltipTypeName, ETooltipEndCoordinates, ETooltipStartCoordinates, ETooltipAxesType, ETooltipSize } from "../../../enums.js";
 import { TooltipDesktopTip } from "./TooltipDesktopTip.js";
 import { pickZone, axes, calcRelPos, centerOfBoundsFromBounds, calcBounds, equalCoords } from "../../../utils/Positioning.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-_lk-8WZV.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-Dxq1bddy.js";
 const flowToTipTranslations = {
   [ETooltipFlowTypes.COLUMN]: "translateX",
   [ETooltipFlowTypes.ROW]: "translateY"

package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ETooltipDirection } from "../../../enums.js";
 import { c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-_lk-8WZV.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-Dxq1bddy.js";
 const DIRECTION_CLASS_NAMES = {
   [ETooltipDirection.UP]: styles.up,
   [ETooltipDirection.DOWN]: styles.down,

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

@@ -6,10 +6,10 @@ 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-CUIykw0y.js";
-const tooltipMobile = "tooltipMobile__df52048e";
-const tooltipMobileContent = "tooltipMobileContent__6270b0b8";
-const headerless = "headerless__3bb17c35";
-const closeButton = "closeButton__e29abb16";
+const tooltipMobile = "tooltipMobile__0a703dbc";
+const tooltipMobileContent = "tooltipMobileContent__5bc24ce9";
+const headerless = "headerless__4c919d08";
+const closeButton = "closeButton__f6ff2f68";
 const styles = {
   tooltipMobile,
   tooltipMobileContent,

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__dceaa00e";
-const topOverlayWrapper = "topOverlayWrapper__f4b175fc";
-const closing = "closing__de90eed5";
-const opened = "opened__bc933bf7";
-const topOverlayPanel = "topOverlayPanel__c693571e";
-const topOverlay = "topOverlay__ff291035";
+const topOverlayMask = "topOverlayMask__a99d8a17";
+const topOverlayWrapper = "topOverlayWrapper__32b2e9e0";
+const closing = "closing__6d2eea29";
+const opened = "opened__6ab4cd05";
+const topOverlayPanel = "topOverlayPanel__c8d47cb4";
+const topOverlay = "topOverlay__d14e91d2";
 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-CUIykw0y.js";
-import { s as styles } from "../../chunks/TreeView.module-mCVJ7u_z.js";
+import { s as styles } from "../../chunks/TreeView.module-6RJMFMpm.js";
 const rootNodeId = "rootNode";
 class TreeViewBase extends React__default.Component {
   constructor(props) {

package/components/TreeView/components/TreeViewGroup.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/TreeView.module-mCVJ7u_z.js";
+import { s as styles } from "../../../chunks/TreeView.module-6RJMFMpm.js";
 const TreeViewGroup = React__default.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-CUIykw0y.js";
-import { s as styles } from "../../../chunks/TreeView.module-mCVJ7u_z.js";
+import { s as styles } from "../../../chunks/TreeView.module-6RJMFMpm.js";
 class TreeViewNodeWithContext extends React__default.Component {
   constructor(props) {
     super(props);

package/components/Typography/Caption.js

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ECaptionSize, EFontWeightCaption, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DUgeKsf9.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DdrQRLH2.js";
 import { getTextDecorationClassName } from "./utils.js";
-const caption = "caption__6e90ceb8";
-const regular = "regular__8c989f6d";
-const semibold = "semibold__e3086eb6";
-const c1 = "c1__ce45aff5";
-const c2 = "c2__302a11fd";
-const d1 = "d1__e6fb5ea7";
+const caption = "caption__1438028d";
+const regular = "regular__e96b2c0c";
+const semibold = "semibold__8cbc88da";
+const c1 = "c1__4e343af8";
+const c2 = "c2__3d22fce2";
+const d1 = "d1__b5a9f9a6";
 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-CUIykw0y.js";
 import { EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DUgeKsf9.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DdrQRLH2.js";
 import { getTextDecorationClassName } from "./utils.js";
-const codeText = "codeText__b843cc10";
+const codeText = "codeText__4b39529f";
 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-CUIykw0y.js";
 import { ETextSize, EFontWeightText, ELineType, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DUgeKsf9.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DdrQRLH2.js";
 import { getTextDecorationClassName } from "./utils.js";
-const text = "text__fe5b5fec";
-const regular = "regular__8c989f6d";
-const semibold = "semibold__e3086eb6";
-const b1 = "b1__8d180cf0";
-const b2 = "b2__26a1684c";
-const b3 = "b3__1f25260b";
-const compact = "compact__c52ec197";
-const b4 = "b4__60173a62";
+const text = "text__e854c5c9";
+const regular = "regular__e96b2c0c";
+const semibold = "semibold__8cbc88da";
+const b1 = "b1__ff6a33ef";
+const b2 = "b2__62b88c0a";
+const b3 = "b3__281022b5";
+const compact = "compact__98b88d91";
+const b4 = "b4__c6a39bbd";
 const styles = {
   text,
   regular,

package/components/Typography/Title.js

@@ -2,16 +2,16 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ETitleSize, EFontWeightTitle, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DUgeKsf9.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DdrQRLH2.js";
 import { getTextDecorationClassName } from "./utils.js";
-const title = "title__ef601c38";
-const regular = "regular__8c989f6d";
-const medium = "medium__b40d67ae";
-const semibold = "semibold__e3086eb6";
-const bold = "bold__0ea35262";
-const h1 = "h1__6e8e55fe";
-const h2 = "h2__71ad621f";
-const h3 = "h3__69a3f596";
+const title = "title__11bc6fff";
+const regular = "regular__e96b2c0c";
+const medium = "medium__ccf282fb";
+const semibold = "semibold__8cbc88da";
+const bold = "bold__2e54a6bd";
+const h1 = "h1__22013a6c";
+const h2 = "h2__6b487468";
+const h3 = "h3__52a8f244";
 const styles = {
   title,
   regular,

package/components/Typography/constants.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { F } from "../../chunks/constants-DUgeKsf9.js";
+import { F } from "../../chunks/constants-DdrQRLH2.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__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { UnorderedListExtendedItem } from "./UnorderedListExtendedItem.js";
-const unorderedListExtended = "unorderedListExtended__ce3d5589";
+const unorderedListExtended = "unorderedListExtended__9b74b8fc";
 const styles = {
   unorderedListExtended
 };
@@ -12,7 +12,7 @@ const UnorderedListExtendedRoot = React__default.forwardRef(
     {
       className: clsx(styles.unorderedListExtended, className),
       ...restProps,
-      "data-tx": "1.47.0",
+      "data-tx": "1.49.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__fbfde691";
+const unorderedListExtendedItem = "unorderedListExtendedItem__ee98aa05";
 const styles = {
   unorderedListExtendedItem
 };
@@ -19,7 +19,7 @@ const UnorderedListExtendedItemRoot = React__default.forwardRef(
       size,
       tag: "li",
       ...restProps,
-      "data-tx": "1.47.0",
+      "data-tx": "1.49.0",
       ref
     }
   )

package/components/UnorderedListExtended/UnorderedListExtendedItemMarker.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const markerWrapper = "markerWrapper__13b3835f";
-const marker = "marker__badc5ec8";
+const markerWrapper = "markerWrapper__65b89cd8";
+const marker = "marker__39435ecd";
 const styles = {
   markerWrapper,
   marker
@@ -13,7 +13,7 @@ const UnorderedListExtendedItemMarker = React__default.forwardRef(
     {
       className: clsx(styles.markerWrapper, className),
       ...restProps,
-      "data-tx": "1.47.0",
+      "data-tx": "1.49.0",
       ref,
       children: children === void 0 ? /* @__PURE__ */ jsx("span", { className: styles.marker }) : children
     }

package/components/UploadZone/UploadZone.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useRef, useCallback, createElement, useEffect } from "react";
+import { forwardRef, useState, useRef, useCallback, useEffect, useMemo } from "react";
 import { createRoot } from "react-dom/client";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-1DuaS4IR.js";
+import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-BLkaXAw5.js";
 import { UploadZoneContext } from "./UploadZoneContext.js";
 const UploadZone = Object.assign(
   forwardRef((props, ref) => {
@@ -17,7 +17,7 @@ const UploadZone = Object.assign(
       ...restHtmlAttributes
     } = props;
     const [hoverOnDrag, setHoverOnDrag] = useState(false);
-    const [inputNode, setInputNode] = useState(void 0);
+    const [inputNode, setInputNode] = useState(null);
     const counterRef = useRef(0);
     const dropZoneWrapperDivRef = useRef(null);
     const dropZoneRootRef = useRef(null);
@@ -33,26 +33,6 @@ const UploadZone = Object.assign(
         setHoverOnDrag(false);
       }
     }, []);
-    const addListeners = useCallback(
-      (dropZoneContainer2) => {
-        if (!dropZoneContainer2) {
-          return;
-        }
-        dropZoneContainer2.addEventListener("dragenter", handleDragEnter);
-        dropZoneContainer2.addEventListener("dragleave", handleDragLeave);
-      },
-      [handleDragEnter, handleDragLeave]
-    );
-    const removeListeners = useCallback(
-      (dropZoneContainer2) => {
-        if (!dropZoneContainer2) {
-          return;
-        }
-        dropZoneContainer2.removeEventListener("dragenter", handleDragEnter);
-        dropZoneContainer2.removeEventListener("dragleave", handleDragLeave);
-      },
-      [handleDragEnter, handleDragLeave]
-    );
     const handlePreventDefault = useCallback(
       (e) => {
         e.preventDefault();
@@ -74,38 +54,42 @@ const UploadZone = Object.assign(
       const wrapperDiv = document.createElement("div");
       dropZoneRootRef.current = createRoot(wrapperDiv);
       dropZoneRootRef.current.render(
-        /* @__PURE__ */ createElement(
+        /* @__PURE__ */ jsx(
           "div",
           {
             className: clsx(styles.uploadZoneContainerDragArea, className),
             onDragOver: handlePreventDefault,
             onDrop: fileDrop,
             ...restHtmlAttributes,
-            key: "uploadZoneDragArea",
-            role: "none"
-          },
-          renderContainerContent == null ? void 0 : renderContainerContent()
+            role: "none",
+            children: renderContainerContent == null ? void 0 : renderContainerContent()
+          }
         )
       );
       return wrapperDiv;
     }, [className, handlePreventDefault, fileDrop, renderContainerContent, restHtmlAttributes]);
     const cleanupDropZone = useCallback(() => {
-      if (dropZoneRootRef.current) {
-        dropZoneRootRef.current.unmount();
-        dropZoneRootRef.current = null;
-      }
+      var _a;
+      const dropZoneRoot = dropZoneRootRef.current;
       const dropZoneWrapperDiv = dropZoneWrapperDivRef.current;
-      if (dropZoneWrapperDiv == null ? void 0 : dropZoneWrapperDiv.parentNode) {
-        dropZoneWrapperDiv.parentNode.removeChild(dropZoneWrapperDiv);
-      }
+      dropZoneRootRef.current = null;
       dropZoneWrapperDivRef.current = null;
+      (_a = dropZoneWrapperDiv == null ? void 0 : dropZoneWrapperDiv.parentNode) == null ? void 0 : _a.removeChild(dropZoneWrapperDiv);
+      if (dropZoneRoot) {
+        queueMicrotask(() => dropZoneRoot.unmount());
+      }
     }, []);
     useEffect(() => {
-      addListeners(dropZoneContainer);
+      if (!dropZoneContainer) {
+        return;
+      }
+      dropZoneContainer.addEventListener("dragenter", handleDragEnter);
+      dropZoneContainer.addEventListener("dragleave", handleDragLeave);
       return () => {
-        removeListeners(dropZoneContainer);
+        dropZoneContainer.removeEventListener("dragenter", handleDragEnter);
+        dropZoneContainer.removeEventListener("dragleave", handleDragLeave);
       };
-    }, [dropZoneContainer, addListeners, removeListeners]);
+    }, [dropZoneContainer, handleDragEnter, handleDragLeave]);
     useEffect(() => {
       if (!dropZoneContainer) {
         return;
@@ -128,37 +112,29 @@ const UploadZone = Object.assign(
       },
       [cleanupDropZone]
     );
-    const openUploadDialog = () => {
+    const openUploadDialog = useCallback(() => {
       inputNode == null ? void 0 : inputNode.click();
-    };
-    const handleAreaClick = (e) => {
-      e.stopPropagation();
-      openUploadDialog();
-    };
-    return /* @__PURE__ */ jsx(
-      UploadZoneContext.Provider,
-      {
-        value: {
-          inputNode,
-          onChange,
-          openUploadDialog,
-          setInputNode
-        },
-        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "1.47.0", ref, children: [
-          /* @__PURE__ */ createElement(
-            "div",
-            {
-              className: clsx(styles.uploadZoneDragArea, className),
-              onClick: handleAreaClick,
-              ...restHtmlAttributes,
-              key: "uploadZoneDragArea",
-              role: "none"
-            }
-          ),
-          children({ openUploadDialog })
-        ] })
-      }
+    }, [inputNode]);
+    const handleAreaClick = useCallback(
+      (e) => {
+        e.stopPropagation();
+        openUploadDialog();
+      },
+      [openUploadDialog]
     );
+    const contextValue = useMemo(() => ({ onChange, setInputNode }), [onChange]);
+    return /* @__PURE__ */ jsx(UploadZoneContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "1.49.0", ref, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(styles.uploadZoneDragArea, className),
+          onClick: handleAreaClick,
+          ...restHtmlAttributes,
+          role: "none"
+        }
+      ),
+      children({ openUploadDialog })
+    ] }) });
   }),
   {
     Input: UploadZoneInput

package/components/UploadZone/UploadZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadZone.js","sources":["../../../src/components/UploadZone/UploadZone.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, forwardRef } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport clsx from \"clsx\";\nimport { UploadZoneInput } from \"./components/UploadZoneInput\";\nimport { UploadZoneContext } from \"./UploadZoneContext\";\nimport { UploadZoneOnChangeType } from \"./types\";\nimport styles from \"./styles/UploadZone.module.less\";\n\nexport interface IUploadZoneChildrenProvideProps {\n    /** Открытие диалогового окна выбора файла(ов). */\n    openUploadDialog: () => void;\n}\n\n/** Свойства компонента UploadZone. */\ninterface IUploadZoneProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"children\"> {\n    /** В качестве чилда передаётся функция. */\n    children: (props: IUploadZoneChildrenProvideProps) => React.ReactNode;\n    /** Обработчик изменения значения. */\n    onChange: UploadZoneOnChangeType;\n    /** Контейнер для дроп-зоны. */\n    dropZoneContainer?: HTMLElement | null;\n    /** Рендер-функция контента над контейнером. */\n    renderContainerContent?: () => JSX.Element;\n}\n\nexport const UploadZone = Object.assign(\n    forwardRef<HTMLDivElement, IUploadZoneProps>((props, ref) => {\n        const {\n            dropZoneContainer,\n            children,\n            className,\n            onChange,\n            renderContainerContent,\n            onDrop,\n            onDragOver,\n            ...restHtmlAttributes\n        } = props;\n\n        const [hoverOnDrag, setHoverOnDrag] = useState(false);\n        const [inputNode, setInputNode] = useState<HTMLInputElement | undefined>(undefined);\n\n        // Описание - https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element.\n        // Если counter > 0 - означает, что перетаскиваемый объект в пределах окна браузера.\n        /** Каунтер для подсчёта drag-перемещений по странице. */\n        const counterRef = useRef(0);\n\n        /** Элемент-обёртка для дроп-зоны. */\n        const dropZoneWrapperDivRef = useRef<HTMLDivElement | null>(null);\n        /** Root для контента, отрисованного поверх контейнера. */\n        const dropZoneRootRef = useRef<Root | null>(null);\n\n        const handleDragEnter = useCallback(() => {\n            counterRef.current += 1;\n            if (counterRef.current === 1) {\n                setHoverOnDrag(true);\n            }\n        }, []);\n\n        const handleDragLeave = useCallback(() => {\n            counterRef.current -= 1;\n            if (counterRef.current === 0) {\n                setHoverOnDrag(false);\n            }\n        }, []);\n\n        const addListeners = useCallback(\n            (dropZoneContainer: HTMLElement | null | undefined) => {\n                if (!dropZoneContainer) {\n                    return;\n                }\n\n                dropZoneContainer.addEventListener(\"dragenter\", handleDragEnter);\n                dropZoneContainer.addEventListener(\"dragleave\", handleDragLeave);\n            },\n            [handleDragEnter, handleDragLeave],\n        );\n\n        const removeListeners = useCallback(\n            (dropZoneContainer: HTMLElement | null | undefined) => {\n                if (!dropZoneContainer) {\n                    return;\n                }\n\n                dropZoneContainer.removeEventListener(\"dragenter\", handleDragEnter);\n                dropZoneContainer.removeEventListener(\"dragleave\", handleDragLeave);\n            },\n            [handleDragEnter, handleDragLeave],\n        );\n\n        const handlePreventDefault = useCallback(\n            (e: React.DragEvent<HTMLDivElement>) => {\n                e.preventDefault();\n                onDragOver?.(e);\n            },\n            [onDragOver],\n        );\n\n        const fileDrop = useCallback(\n            (e: React.DragEvent<HTMLDivElement>) => {\n                e.preventDefault();\n                onDrop?.(e);\n\n                onChange(e.dataTransfer.files, e);\n                setHoverOnDrag(false);\n                counterRef.current = 0;\n            },\n            [onChange, onDrop],\n        );\n\n        const createDropZoneDiv = useCallback((): HTMLDivElement => {\n            const wrapperDiv = document.createElement(\"div\");\n\n            dropZoneRootRef.current = createRoot(wrapperDiv);\n            dropZoneRootRef.current.render(\n                <div\n                    className={clsx(styles.uploadZoneContainerDragArea, className)}\n                    onDragOver={handlePreventDefault}\n                    onDrop={fileDrop}\n                    {...restHtmlAttributes}\n                    key=\"uploadZoneDragArea\"\n                    role=\"none\"\n                >\n                    {renderContainerContent?.()}\n                </div>,\n            );\n\n            return wrapperDiv;\n        }, [className, handlePreventDefault, fileDrop, renderContainerContent, restHtmlAttributes]);\n\n        const cleanupDropZone = useCallback(() => {\n            if (dropZoneRootRef.current) {\n                dropZoneRootRef.current.unmount();\n                dropZoneRootRef.current = null;\n            }\n\n            const dropZoneWrapperDiv = dropZoneWrapperDivRef.current;\n            if (dropZoneWrapperDiv?.parentNode) {\n                dropZoneWrapperDiv.parentNode.removeChild(dropZoneWrapperDiv);\n            }\n\n            dropZoneWrapperDivRef.current = null;\n        }, []);\n\n        useEffect(() => {\n            addListeners(dropZoneContainer);\n            return () => {\n                removeListeners(dropZoneContainer);\n            };\n        }, [dropZoneContainer, addListeners, removeListeners]);\n\n        useEffect(() => {\n            if (!dropZoneContainer) {\n                return;\n            }\n\n            if (hoverOnDrag) {\n                const isDropZoneMounted =\n                    dropZoneWrapperDivRef.current && dropZoneContainer.contains(dropZoneWrapperDivRef.current);\n\n                if (!isDropZoneMounted) {\n                    cleanupDropZone();\n                    dropZoneWrapperDivRef.current = createDropZoneDiv();\n                    dropZoneContainer.appendChild(dropZoneWrapperDivRef.current);\n                }\n            } else {\n                cleanupDropZone();\n            }\n        }, [hoverOnDrag, dropZoneContainer, createDropZoneDiv, cleanupDropZone]);\n\n        useEffect(\n            () => () => {\n                cleanupDropZone();\n                counterRef.current = 0;\n            },\n            [cleanupDropZone],\n        );\n\n        const openUploadDialog = () => {\n            inputNode?.click();\n        };\n\n        const handleAreaClick = (e: React.SyntheticEvent) => {\n            e.stopPropagation();\n            openUploadDialog();\n        };\n\n        return (\n            <UploadZoneContext.Provider\n                value={{\n                    inputNode,\n                    onChange,\n                    openUploadDialog,\n                    setInputNode,\n                }}\n            >\n                <div className={styles.uploadZone} data-tx={process.env.npm_package_version} ref={ref}>\n                    <div\n                        className={clsx(styles.uploadZoneDragArea, className)}\n                        onClick={handleAreaClick}\n                        {...restHtmlAttributes}\n                        key=\"uploadZoneDragArea\"\n                        role=\"none\"\n                    />\n                    {children({ openUploadDialog })}\n                </div>\n            </UploadZoneContext.Provider>\n        );\n    }),\n    {\n        Input: UploadZoneInput,\n    },\n);\n\nUploadZone.displayName = \"UploadZone\";\n"],"names":["dropZoneContainer"],"mappings":"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"}
+{"version":3,"file":"UploadZone.js","sources":["../../../src/components/UploadZone/UploadZone.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useMemo, forwardRef } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport clsx from \"clsx\";\nimport { UploadZoneInput } from \"./components/UploadZoneInput\";\nimport { UploadZoneContext } from \"./UploadZoneContext\";\nimport { UploadZoneOnChangeType } from \"./types\";\nimport styles from \"./styles/UploadZone.module.less\";\n\n/** Свойства, которые UploadZone передаёт в children-функцию. */\nexport interface IUploadZoneChildrenProvideProps {\n    /** Открытие диалогового окна выбора файла(ов). */\n    openUploadDialog: () => void;\n}\n\n/** Свойства компонента UploadZone. */\nexport interface IUploadZoneProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"children\"> {\n    /** В качестве чилда передаётся функция. */\n    children: (props: IUploadZoneChildrenProvideProps) => React.ReactNode;\n    /** Обработчик изменения значения. */\n    onChange: UploadZoneOnChangeType;\n    /** Контейнер для дроп-зоны. */\n    dropZoneContainer?: HTMLElement | null;\n    /** Рендер-функция контента над контейнером. */\n    renderContainerContent?: () => JSX.Element;\n}\n\n/**\n * Зона загрузки файлов. Рендерит кликабельную область поверх своего содержимого и,\n * если передан `dropZoneContainer`, показывает поверх него дроп-зону во время перетаскивания файлов.\n */\nexport const UploadZone = Object.assign(\n    forwardRef<HTMLDivElement, IUploadZoneProps>((props, ref) => {\n        const {\n            dropZoneContainer,\n            children,\n            className,\n            onChange,\n            renderContainerContent,\n            onDrop,\n            onDragOver,\n            ...restHtmlAttributes\n        } = props;\n\n        const [hoverOnDrag, setHoverOnDrag] = useState(false);\n        const [inputNode, setInputNode] = useState<HTMLInputElement | null>(null);\n\n        // Описание - https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element.\n        // Если counter > 0 - означает, что перетаскиваемый объект в пределах окна браузера.\n        /** Каунтер для подсчёта drag-перемещений по странице. */\n        const counterRef = useRef(0);\n\n        /** Элемент-обёртка для дроп-зоны. */\n        const dropZoneWrapperDivRef = useRef<HTMLDivElement | null>(null);\n        /** Root для контента, отрисованного поверх контейнера. */\n        const dropZoneRootRef = useRef<Root | null>(null);\n\n        const handleDragEnter = useCallback(() => {\n            counterRef.current += 1;\n            if (counterRef.current === 1) {\n                setHoverOnDrag(true);\n            }\n        }, []);\n\n        const handleDragLeave = useCallback(() => {\n            counterRef.current -= 1;\n            if (counterRef.current === 0) {\n                setHoverOnDrag(false);\n            }\n        }, []);\n\n        const handlePreventDefault = useCallback(\n            (e: React.DragEvent<HTMLDivElement>) => {\n                e.preventDefault();\n                onDragOver?.(e);\n            },\n            [onDragOver],\n        );\n\n        const fileDrop = useCallback(\n            (e: React.DragEvent<HTMLDivElement>) => {\n                e.preventDefault();\n                onDrop?.(e);\n\n                onChange(e.dataTransfer.files, e);\n                setHoverOnDrag(false);\n                counterRef.current = 0;\n            },\n            [onChange, onDrop],\n        );\n\n        const createDropZoneDiv = useCallback((): HTMLDivElement => {\n            const wrapperDiv = document.createElement(\"div\");\n\n            dropZoneRootRef.current = createRoot(wrapperDiv);\n            dropZoneRootRef.current.render(\n                <div\n                    className={clsx(styles.uploadZoneContainerDragArea, className)}\n                    onDragOver={handlePreventDefault}\n                    onDrop={fileDrop}\n                    {...restHtmlAttributes}\n                    role=\"none\"\n                >\n                    {renderContainerContent?.()}\n                </div>,\n            );\n\n            return wrapperDiv;\n        }, [className, handlePreventDefault, fileDrop, renderContainerContent, restHtmlAttributes]);\n\n        const cleanupDropZone = useCallback(() => {\n            const dropZoneRoot = dropZoneRootRef.current;\n            const dropZoneWrapperDiv = dropZoneWrapperDivRef.current;\n\n            dropZoneRootRef.current = null;\n            dropZoneWrapperDivRef.current = null;\n\n            dropZoneWrapperDiv?.parentNode?.removeChild(dropZoneWrapperDiv);\n\n            if (dropZoneRoot) {\n                // Синхронный unmount во время рендера родительского дерева React приводит к предупреждению\n                // \"Attempted to synchronously unmount a root while React was already rendering\",\n                // поэтому размонтируем отдельный root на следующем микротаске.\n                queueMicrotask(() => dropZoneRoot.unmount());\n            }\n        }, []);\n\n        useEffect(() => {\n            if (!dropZoneContainer) {\n                return;\n            }\n\n            dropZoneContainer.addEventListener(\"dragenter\", handleDragEnter);\n            dropZoneContainer.addEventListener(\"dragleave\", handleDragLeave);\n\n            return () => {\n                dropZoneContainer.removeEventListener(\"dragenter\", handleDragEnter);\n                dropZoneContainer.removeEventListener(\"dragleave\", handleDragLeave);\n            };\n        }, [dropZoneContainer, handleDragEnter, handleDragLeave]);\n\n        useEffect(() => {\n            if (!dropZoneContainer) {\n                return;\n            }\n\n            if (hoverOnDrag) {\n                const isDropZoneMounted =\n                    dropZoneWrapperDivRef.current && dropZoneContainer.contains(dropZoneWrapperDivRef.current);\n\n                if (!isDropZoneMounted) {\n                    cleanupDropZone();\n                    dropZoneWrapperDivRef.current = createDropZoneDiv();\n                    dropZoneContainer.appendChild(dropZoneWrapperDivRef.current);\n                }\n            } else {\n                cleanupDropZone();\n            }\n        }, [hoverOnDrag, dropZoneContainer, createDropZoneDiv, cleanupDropZone]);\n\n        useEffect(\n            () => () => {\n                cleanupDropZone();\n                counterRef.current = 0;\n            },\n            [cleanupDropZone],\n        );\n\n        const openUploadDialog = useCallback(() => {\n            inputNode?.click();\n        }, [inputNode]);\n\n        const handleAreaClick = useCallback(\n            (e: React.SyntheticEvent) => {\n                e.stopPropagation();\n                openUploadDialog();\n            },\n            [openUploadDialog],\n        );\n\n        // openUploadDialog в контекст не кладётся: наружу он уходит через children({ openUploadDialog }),\n        // а UploadZoneInput читает из контекста только onChange и setInputNode.\n        const contextValue = useMemo(() => ({ onChange, setInputNode }), [onChange]);\n\n        return (\n            <UploadZoneContext.Provider value={contextValue}>\n                <div className={styles.uploadZone} data-tx={process.env.npm_package_version} ref={ref}>\n                    <div\n                        className={clsx(styles.uploadZoneDragArea, className)}\n                        onClick={handleAreaClick}\n                        {...restHtmlAttributes}\n                        role=\"none\"\n                    />\n                    {children({ openUploadDialog })}\n                </div>\n            </UploadZoneContext.Provider>\n        );\n    }),\n    {\n        Input: UploadZoneInput,\n    },\n);\n\nUploadZone.displayName = \"UploadZone\";\n"],"names":[],"mappings":"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"}

package/components/UploadZone/UploadZoneContext.js

@@ -1,7 +1,7 @@
 import React__default from "react";
 const UploadZoneContext = React__default.createContext({
   onChange: () => void 0,
-  openUploadDialog: () => void 0
+  setInputNode: () => void 0
 });
 export {
   UploadZoneContext

package/components/UploadZone/UploadZoneContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadZoneContext.js","sources":["../../../src/components/UploadZone/UploadZoneContext.ts"],"sourcesContent":["import React from \"react\";\nimport { UploadZoneOnChangeType } from \"@sberbusiness/triplex-next/components/UploadZone/types\";\n\nexport interface IUploadZoneContext {\n    /** Открытие диалогового окна выбора файла(ов). */\n    openUploadDialog: () => void;\n    /** Обработчик изменения значения. */\n    onChange: UploadZoneOnChangeType;\n    /** Установка ссылки на элемент поля. */\n    setInputNode?: (inputNode: HTMLInputElement) => void;\n    /** Ссылка на элемент поля. */\n    inputNode?: HTMLInputElement;\n}\n\nexport const UploadZoneContext = React.createContext<IUploadZoneContext>({\n    onChange: () => void 0,\n    openUploadDialog: () => void 0,\n});\n"],"names":["React"],"mappings":";AAcO,MAAM,oBAAoBA,eAAM,cAAkC;AAAA,EACrE,UAAU,MAAM;AAAA,EAChB,kBAAkB,MAAM;AAC5B,CAAC;"}
+{"version":3,"file":"UploadZoneContext.js","sources":["../../../src/components/UploadZone/UploadZoneContext.ts"],"sourcesContent":["import React from \"react\";\nimport { UploadZoneOnChangeType } from \"@sberbusiness/triplex-next/components/UploadZone/types\";\n\n/** Значение контекста зоны загрузки файлов. */\nexport interface IUploadZoneContext {\n    /** Обработчик изменения значения. */\n    onChange: UploadZoneOnChangeType;\n    /** Установка ссылки на элемент поля. */\n    setInputNode: (inputNode: HTMLInputElement | null) => void;\n}\n\n/** Контекст, через который UploadZone связывается со своим полем выбора файлов. */\nexport const UploadZoneContext = React.createContext<IUploadZoneContext>({\n    onChange: () => void 0,\n    setInputNode: () => void 0,\n});\n"],"names":["React"],"mappings":";AAYO,MAAM,oBAAoBA,eAAM,cAAkC;AAAA,EACrE,UAAU,MAAM;AAAA,EAChB,cAAc,MAAM;AACxB,CAAC;"}

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,7 +1,8 @@
+import "react/jsx-runtime";
 import "react";
-import "../UploadZoneContext.js";
 import "../../../chunks/vendor-CUIykw0y.js";
-import { U } from "../../../chunks/UploadZoneInput-1DuaS4IR.js";
+import "../UploadZoneContext.js";
+import { U } from "../../../chunks/UploadZoneInput-BLkaXAw5.js";
 export {
   U as UploadZoneInput
 };

package/components/UploadZone/components/UploadZoneInput.js.map

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

package/components/UploadZone/index.js

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