@sberbusiness/triplex-next 0.46.0 → 0.47.0

package/components/Col/Col.js

@@ -1,143 +1,143 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { RowContext } from "../Row/RowContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const gridHorizontalGapSM = "gridHorizontalGapSM__7edc856a";
-const gridHorizontalGapMD = "gridHorizontalGapMD__d05455bc";
+const gridHorizontalGapSM = "gridHorizontalGapSM__c252502f";
+const gridHorizontalGapMD = "gridHorizontalGapMD__75f00ac4";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__feefa15f",
-  "col-2": "col-2__0f895bc0",
-  "col-3": "col-3__987857ff",
-  "col-4": "col-4__75ef471a",
-  "col-5": "col-5__7db75a21",
-  "col-6": "col-6__f0aef328",
-  "col-7": "col-7__af531a8e",
-  "col-8": "col-8__56010bd7",
-  "col-9": "col-9__3cf2b73d",
-  "col-10": "col-10__fb50277a",
-  "col-11": "col-11__a3ed86ea",
-  "col-12": "col-12__0ab8834f",
-  "offset-0": "offset-0__6082114a",
-  "offset-1": "offset-1__0ff0cce0",
-  "offset-2": "offset-2__f029d449",
-  "offset-3": "offset-3__27f1d449",
-  "offset-4": "offset-4__48321884",
-  "offset-5": "offset-5__dedc291d",
-  "offset-6": "offset-6__22f292f7",
-  "offset-7": "offset-7__8762bf4b",
-  "offset-8": "offset-8__02bd1574",
-  "offset-9": "offset-9__be1eae94",
-  "offset-10": "offset-10__d4af5655",
-  "offset-11": "offset-11__3eeeaa94",
-  "d-none": "d-none__f8898b30",
-  "d-block": "d-block__5a8ad37a",
-  "col-sm-1": "col-sm-1__16f128bf",
-  "col-sm-2": "col-sm-2__1852e550",
-  "col-sm-3": "col-sm-3__491bab92",
-  "col-sm-4": "col-sm-4__e365a53c",
-  "col-sm-5": "col-sm-5__b8419b11",
-  "col-sm-6": "col-sm-6__91fffce1",
-  "col-sm-7": "col-sm-7__1c7d81ea",
-  "col-sm-8": "col-sm-8__b4fb22e3",
-  "col-sm-9": "col-sm-9__04db8b60",
-  "col-sm-10": "col-sm-10__d7bbcab6",
-  "col-sm-11": "col-sm-11__25ffcd1d",
-  "col-sm-12": "col-sm-12__530e589b",
-  "offset-sm-0": "offset-sm-0__febe46ea",
-  "offset-sm-1": "offset-sm-1__3c6a6898",
-  "offset-sm-2": "offset-sm-2__d365629e",
-  "offset-sm-3": "offset-sm-3__c135b025",
-  "offset-sm-4": "offset-sm-4__fd084b44",
-  "offset-sm-5": "offset-sm-5__ba7cfc40",
-  "offset-sm-6": "offset-sm-6__cb865ab1",
-  "offset-sm-7": "offset-sm-7__e28fb71d",
-  "offset-sm-8": "offset-sm-8__3252f947",
-  "offset-sm-9": "offset-sm-9__76d3eb22",
-  "offset-sm-10": "offset-sm-10__e75955c8",
-  "offset-sm-11": "offset-sm-11__a835de9d",
-  "d-none-sm": "d-none-sm__a6e564ca",
-  "d-block-sm": "d-block-sm__f866753f",
-  "col-md-1": "col-md-1__a0a18ce3",
-  "col-md-2": "col-md-2__0bcf3240",
-  "col-md-3": "col-md-3__d947c8b4",
-  "col-md-4": "col-md-4__8040e43c",
-  "col-md-5": "col-md-5__404cbbd2",
-  "col-md-6": "col-md-6__a2505ec1",
-  "col-md-7": "col-md-7__a4b6cc27",
-  "col-md-8": "col-md-8__967e9684",
-  "col-md-9": "col-md-9__27c923da",
-  "col-md-10": "col-md-10__c1830fdc",
-  "col-md-11": "col-md-11__02abff4d",
-  "col-md-12": "col-md-12__9bce403b",
-  "offset-md-0": "offset-md-0__0ed7bc6f",
-  "offset-md-1": "offset-md-1__6a801f49",
-  "offset-md-2": "offset-md-2__8c314e05",
-  "offset-md-3": "offset-md-3__fd589571",
-  "offset-md-4": "offset-md-4__d5fdd6ab",
-  "offset-md-5": "offset-md-5__a76456e9",
-  "offset-md-6": "offset-md-6__d6c737db",
-  "offset-md-7": "offset-md-7__265249c1",
-  "offset-md-8": "offset-md-8__24b829ec",
-  "offset-md-9": "offset-md-9__8be1a90f",
-  "offset-md-10": "offset-md-10__e1fecb8c",
-  "offset-md-11": "offset-md-11__db799868",
-  "d-none-md": "d-none-md__b34de1a4",
-  "d-block-md": "d-block-md__455ab4fb",
-  "col-lg-1": "col-lg-1__a4aab683",
-  "col-lg-2": "col-lg-2__ebd706ed",
-  "col-lg-3": "col-lg-3__264c61fd",
-  "col-lg-4": "col-lg-4__2e768f37",
-  "col-lg-5": "col-lg-5__02879932",
-  "col-lg-6": "col-lg-6__b073fdd7",
-  "col-lg-7": "col-lg-7__11822320",
-  "col-lg-8": "col-lg-8__5f858e42",
-  "col-lg-9": "col-lg-9__2ccc6794",
-  "col-lg-10": "col-lg-10__999720a6",
-  "col-lg-11": "col-lg-11__c8010c8c",
-  "col-lg-12": "col-lg-12__c2d05a3c",
-  "offset-lg-0": "offset-lg-0__3caeead3",
-  "offset-lg-1": "offset-lg-1__f4735499",
-  "offset-lg-2": "offset-lg-2__a17aaa73",
-  "offset-lg-3": "offset-lg-3__73b90e0c",
-  "offset-lg-4": "offset-lg-4__5b0ea55b",
-  "offset-lg-5": "offset-lg-5__8f857064",
-  "offset-lg-6": "offset-lg-6__174d4c4f",
-  "offset-lg-7": "offset-lg-7__18d7e75e",
-  "offset-lg-8": "offset-lg-8__d5be99a9",
-  "offset-lg-9": "offset-lg-9__881da8c2",
-  "offset-lg-10": "offset-lg-10__1ee14078",
-  "offset-lg-11": "offset-lg-11__66cb42f1",
-  "d-none-lg": "d-none-lg__00910082",
-  "d-block-lg": "d-block-lg__3324e500",
-  "col-xl-1": "col-xl-1__e0588dac",
-  "col-xl-2": "col-xl-2__0e527c2a",
-  "col-xl-3": "col-xl-3__51b2952d",
-  "col-xl-4": "col-xl-4__bf28cdfe",
-  "col-xl-5": "col-xl-5__41673b1b",
-  "col-xl-6": "col-xl-6__a683a6c0",
-  "col-xl-7": "col-xl-7__b991d155",
-  "col-xl-8": "col-xl-8__e51b2fba",
-  "col-xl-9": "col-xl-9__64bcac21",
-  "col-xl-10": "col-xl-10__afa1f8ed",
-  "col-xl-11": "col-xl-11__68362dcd",
-  "col-xl-12": "col-xl-12__a9020266",
-  "offset-xl-0": "offset-xl-0__e3f4bb51",
-  "offset-xl-1": "offset-xl-1__82499b39",
-  "offset-xl-2": "offset-xl-2__76ff4bc7",
-  "offset-xl-3": "offset-xl-3__5174e546",
-  "offset-xl-4": "offset-xl-4__2e719869",
-  "offset-xl-5": "offset-xl-5__294b9c6b",
-  "offset-xl-6": "offset-xl-6__74f359b2",
-  "offset-xl-7": "offset-xl-7__db3f47b3",
-  "offset-xl-8": "offset-xl-8__10f98f07",
-  "offset-xl-9": "offset-xl-9__b7c783a7",
-  "offset-xl-10": "offset-xl-10__906a9ce5",
-  "offset-xl-11": "offset-xl-11__9cda7249",
-  "d-none-xl": "d-none-xl__3d868327",
-  "d-block-xl": "d-block-xl__c5693321"
+  "col-1": "col-1__b524da17",
+  "col-2": "col-2__7350295d",
+  "col-3": "col-3__a9013c9b",
+  "col-4": "col-4__02d168a9",
+  "col-5": "col-5__417efefb",
+  "col-6": "col-6__776e311a",
+  "col-7": "col-7__6eaaf0a2",
+  "col-8": "col-8__bd634e34",
+  "col-9": "col-9__6dfbcc95",
+  "col-10": "col-10__8e2b52e9",
+  "col-11": "col-11__f63e24d8",
+  "col-12": "col-12__e3aa949c",
+  "offset-0": "offset-0__f85994b2",
+  "offset-1": "offset-1__b128676e",
+  "offset-2": "offset-2__0e4132d1",
+  "offset-3": "offset-3__919f65af",
+  "offset-4": "offset-4__f3930d49",
+  "offset-5": "offset-5__c8ad70fb",
+  "offset-6": "offset-6__0d2e30c3",
+  "offset-7": "offset-7__f4571699",
+  "offset-8": "offset-8__9703bc78",
+  "offset-9": "offset-9__67c915b7",
+  "offset-10": "offset-10__651232bd",
+  "offset-11": "offset-11__93ef8e31",
+  "d-none": "d-none__ebf6fa67",
+  "d-block": "d-block__14c5b8ce",
+  "col-sm-1": "col-sm-1__351f91de",
+  "col-sm-2": "col-sm-2__acd7d708",
+  "col-sm-3": "col-sm-3__6100684f",
+  "col-sm-4": "col-sm-4__2b4cb07d",
+  "col-sm-5": "col-sm-5__1fa0ef09",
+  "col-sm-6": "col-sm-6__f2ef4e71",
+  "col-sm-7": "col-sm-7__414e5269",
+  "col-sm-8": "col-sm-8__6e919598",
+  "col-sm-9": "col-sm-9__c850a9e3",
+  "col-sm-10": "col-sm-10__a5091612",
+  "col-sm-11": "col-sm-11__1451d3fa",
+  "col-sm-12": "col-sm-12__3ee58b1e",
+  "offset-sm-0": "offset-sm-0__16c23942",
+  "offset-sm-1": "offset-sm-1__3b6cfe31",
+  "offset-sm-2": "offset-sm-2__19af5b6a",
+  "offset-sm-3": "offset-sm-3__f371fee8",
+  "offset-sm-4": "offset-sm-4__6d11ebcf",
+  "offset-sm-5": "offset-sm-5__ec8c8d9a",
+  "offset-sm-6": "offset-sm-6__be35ee28",
+  "offset-sm-7": "offset-sm-7__79103fc4",
+  "offset-sm-8": "offset-sm-8__42426a80",
+  "offset-sm-9": "offset-sm-9__c9903838",
+  "offset-sm-10": "offset-sm-10__81f07cd3",
+  "offset-sm-11": "offset-sm-11__9c17c9e3",
+  "d-none-sm": "d-none-sm__10887a9d",
+  "d-block-sm": "d-block-sm__4b29e9f5",
+  "col-md-1": "col-md-1__5c45f6be",
+  "col-md-2": "col-md-2__f403afa2",
+  "col-md-3": "col-md-3__4d9ac79e",
+  "col-md-4": "col-md-4__e765c8ba",
+  "col-md-5": "col-md-5__719bf2da",
+  "col-md-6": "col-md-6__5a1327f6",
+  "col-md-7": "col-md-7__a4c3a0e4",
+  "col-md-8": "col-md-8__0c5d4f3c",
+  "col-md-9": "col-md-9__8c4c16b6",
+  "col-md-10": "col-md-10__b0fb584e",
+  "col-md-11": "col-md-11__a2c5add0",
+  "col-md-12": "col-md-12__ee5b989c",
+  "offset-md-0": "offset-md-0__d2b388a9",
+  "offset-md-1": "offset-md-1__07c4fc49",
+  "offset-md-2": "offset-md-2__6abdeefa",
+  "offset-md-3": "offset-md-3__64bf6fe3",
+  "offset-md-4": "offset-md-4__e3ba8cfb",
+  "offset-md-5": "offset-md-5__4f4e5d6b",
+  "offset-md-6": "offset-md-6__78640538",
+  "offset-md-7": "offset-md-7__192def15",
+  "offset-md-8": "offset-md-8__38bf64a7",
+  "offset-md-9": "offset-md-9__957091f6",
+  "offset-md-10": "offset-md-10__dd576efa",
+  "offset-md-11": "offset-md-11__31c699d1",
+  "d-none-md": "d-none-md__cc9e72a1",
+  "d-block-md": "d-block-md__f16cb859",
+  "col-lg-1": "col-lg-1__d731ef74",
+  "col-lg-2": "col-lg-2__b04d04f0",
+  "col-lg-3": "col-lg-3__98f0553f",
+  "col-lg-4": "col-lg-4__59371e79",
+  "col-lg-5": "col-lg-5__801bd4a9",
+  "col-lg-6": "col-lg-6__1ad230cd",
+  "col-lg-7": "col-lg-7__23e1f97e",
+  "col-lg-8": "col-lg-8__f1154e6e",
+  "col-lg-9": "col-lg-9__d346123a",
+  "col-lg-10": "col-lg-10__581e0d2e",
+  "col-lg-11": "col-lg-11__b7bd7664",
+  "col-lg-12": "col-lg-12__18d1a970",
+  "offset-lg-0": "offset-lg-0__19015ff2",
+  "offset-lg-1": "offset-lg-1__cd2c2432",
+  "offset-lg-2": "offset-lg-2__8809f959",
+  "offset-lg-3": "offset-lg-3__0fe1bcdc",
+  "offset-lg-4": "offset-lg-4__7ba23296",
+  "offset-lg-5": "offset-lg-5__f0f11dfa",
+  "offset-lg-6": "offset-lg-6__f41df9b2",
+  "offset-lg-7": "offset-lg-7__fc3cf291",
+  "offset-lg-8": "offset-lg-8__ccecb97d",
+  "offset-lg-9": "offset-lg-9__877423d0",
+  "offset-lg-10": "offset-lg-10__cb1fb08a",
+  "offset-lg-11": "offset-lg-11__6dc7b6f3",
+  "d-none-lg": "d-none-lg__8e2ee0cf",
+  "d-block-lg": "d-block-lg__a202a815",
+  "col-xl-1": "col-xl-1__8450d376",
+  "col-xl-2": "col-xl-2__deee4c2e",
+  "col-xl-3": "col-xl-3__a346fdbe",
+  "col-xl-4": "col-xl-4__398de8ce",
+  "col-xl-5": "col-xl-5__387448c2",
+  "col-xl-6": "col-xl-6__c301ac32",
+  "col-xl-7": "col-xl-7__e788a775",
+  "col-xl-8": "col-xl-8__7cb9d785",
+  "col-xl-9": "col-xl-9__05d249f0",
+  "col-xl-10": "col-xl-10__39aef7bb",
+  "col-xl-11": "col-xl-11__b631fa7a",
+  "col-xl-12": "col-xl-12__ced5e168",
+  "offset-xl-0": "offset-xl-0__4a354c15",
+  "offset-xl-1": "offset-xl-1__6e19b239",
+  "offset-xl-2": "offset-xl-2__08cfd122",
+  "offset-xl-3": "offset-xl-3__8abc9263",
+  "offset-xl-4": "offset-xl-4__7eb1dbbd",
+  "offset-xl-5": "offset-xl-5__31715011",
+  "offset-xl-6": "offset-xl-6__b2b989d0",
+  "offset-xl-7": "offset-xl-7__fc9710a8",
+  "offset-xl-8": "offset-xl-8__01b6f6a6",
+  "offset-xl-9": "offset-xl-9__c72c961e",
+  "offset-xl-10": "offset-xl-10__d3359158",
+  "offset-xl-11": "offset-xl-11__551c9eba",
+  "d-none-xl": "d-none-xl__41bd5bc8",
+  "d-block-xl": "d-block-xl__b5ee282e"
 };
 const GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {
   [EComponentSize.SM]: styles.gridHorizontalGapSM,

package/components/CollapsibleTree/CollapsibleTree.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeBranchNode } from "./components/CollapsibleTreeBranchNode.js";
-const collapsibleTree = "collapsibleTree__f7fff795";
+const collapsibleTree = "collapsibleTree__dd48b822";
 const styles = {
   collapsibleTree
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
-const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__96c4e544";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__6074c400";
 const styles = {
   collapsibleTreeLeafContent
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafNode.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeLeafContent } from "./CollapsibleTreeLeafContent.js";
-import { y as noop } from "../../../chunks/vendor-BxhAzfnS.js";
-const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__8ab6e1f0";
+import { x as noop } from "../../../chunks/vendor-Bf_-FiU6.js";
+const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__64577be2";
 const styles = {
   collapsibleTreeLeafNode
 };

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
-const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__fd2ab769";
-const interactive = "interactive__9a443acc";
-const chevron = "chevron__404ce9d3";
-const opened = "opened__ddcc7206";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__1ca458c7";
+const interactive = "interactive__95535ec0";
+const chevron = "chevron__53653105";
+const opened = "opened__44e58fd6";
 const styles = {
   collapsibleTreeNodeHeader,
   interactive,

package/components/CollapsibleTreeExtended/CollapsibleTreeExtended.js

@@ -1,9 +1,14 @@
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 import { TreeView } from "../TreeView/TreeView.js";
 import { CollapsibleTreeExtendedNode } from "./components/CollapsibleTreeExtendedNode.js";
-const CollapsibleTreeExtended = (props) => /* @__PURE__ */ jsx(TreeView, { ...props });
+const CollapsibleTreeExtended = Object.assign(
+  React.forwardRef((props, ref) => /* @__PURE__ */ jsx(TreeView, { ...props, ref })),
+  {
+    Node: CollapsibleTreeExtendedNode
+  }
+);
 CollapsibleTreeExtended.displayName = "CollapsibleTreeExtended";
-CollapsibleTreeExtended.Node = CollapsibleTreeExtendedNode;
 export {
   CollapsibleTreeExtended
 };

package/components/CollapsibleTreeExtended/CollapsibleTreeExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTreeExtended.js","sources":["../../../src/components/CollapsibleTreeExtended/CollapsibleTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport { ITreeViewProps, TreeView } from \"../TreeView/TreeView\";\nimport { CollapsibleTreeExtendedNode } from \"./components/CollapsibleTreeExtendedNode\";\n\n/** Свойства CollapsibleTreeExtended. */\nexport interface ICollapsibleTreeExtendedProps extends ITreeViewProps {}\n\nexport interface ICollapsibleTreeExtendedSFC extends React.FC<ICollapsibleTreeExtendedProps> {\n    Node: typeof CollapsibleTreeExtendedNode;\n}\n\n/**\n * Низкоуровневое декларативное дерево с раскрывающимися узлами. Обёртка над TreeView, добавляющая accordion-логику\n * (анимация раскрытия, контролируемое/неконтролируемое состояние) для каждого узла.\n *\n * Каждый узел рендерится через `CollapsibleTreeExtended.Node` с двумя render-функциями:\n * - `renderHeader` — видимая часть узла (любая разметка: кнопка с шевроном, текст, иконка-toggle и т.п.);\n * - `renderBody` — раскрываемое содержимое (обычно дочерние узлы, но может быть любым контентом).\n *\n * Используй этот компонент, когда нужен нестандартный UI узла: своя иконка раскрытия, кастомный header, нестандартное\n * поведение клика. Для типового UI (готовый шеврон, hover, focus-visible) используй обёртку {@link CollapsibleTree}.\n *\n * @see CollapsibleTree — готовая обёртка с типовым UI узла.\n */\nconst CollapsibleTreeExtended: ICollapsibleTreeExtendedSFC = (props) => <TreeView {...props} />;\n\nCollapsibleTreeExtended.displayName = \"CollapsibleTreeExtended\";\nCollapsibleTreeExtended.Node = CollapsibleTreeExtendedNode;\n\nexport { CollapsibleTreeExtended };\n"],"names":[],"mappings":";;;AAwBA,MAAM,0BAAuD,CAAC,UAAU,oBAAC,UAAA,EAAU,GAAG,MAAA,CAAO;AAE7F,wBAAwB,cAAc;AACtC,wBAAwB,OAAO;"}
+{"version":3,"file":"CollapsibleTreeExtended.js","sources":["../../../src/components/CollapsibleTreeExtended/CollapsibleTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport { ITreeViewProps, TreeView } from \"../TreeView/TreeView\";\nimport { CollapsibleTreeExtendedNode } from \"./components/CollapsibleTreeExtendedNode\";\n\n/** Свойства CollapsibleTreeExtended. */\nexport interface ICollapsibleTreeExtendedProps extends ITreeViewProps {}\n\n/**\n * Тип компонента \"Низкоуровневое дерево с раскрывающимися узлами\" со статическими субкомпонентами.\n *\n * Явная аннотация снимает проверку лишних свойств у Object.assign, поэтому при добавлении\n * или удалении статики этот интерфейс нужно править синхронно: иначе новая статика окажется\n * в рантайме, но не попадёт в публичный тип, и TypeScript промолчит.\n */\nexport interface ICollapsibleTreeExtendedFC extends React.ForwardRefExoticComponent<\n    ICollapsibleTreeExtendedProps & React.RefAttributes<HTMLUListElement>\n> {\n    /** Нода дерева. */\n    Node: typeof CollapsibleTreeExtendedNode;\n}\n\n/**\n * @deprecated Используйте ICollapsibleTreeExtendedFC. Алиас сохранён, чтобы не ломать существующие импорты.\n */\nexport type ICollapsibleTreeExtendedSFC = ICollapsibleTreeExtendedFC;\n\n/**\n * Низкоуровневое декларативное дерево с раскрывающимися узлами. Обёртка над TreeView, добавляющая accordion-логику\n * (анимация раскрытия, контролируемое/неконтролируемое состояние) для каждого узла.\n *\n * Каждый узел рендерится через `CollapsibleTreeExtended.Node` с двумя render-функциями:\n * - `renderHeader` — видимая часть узла (любая разметка: кнопка с шевроном, текст, иконка-toggle и т.п.);\n * - `renderBody` — раскрываемое содержимое (обычно дочерние узлы, но может быть любым контентом).\n *\n * Используй этот компонент, когда нужен нестандартный UI узла: своя иконка раскрытия, кастомный header, нестандартное\n * поведение клика. Для типового UI (готовый шеврон, hover, focus-visible) используй обёртку {@link CollapsibleTree}.\n *\n * ref указывает на корневой <ul role=\"tree\">.\n *\n * @see CollapsibleTree — готовая обёртка с типовым UI узла.\n */\nconst CollapsibleTreeExtended: ICollapsibleTreeExtendedFC = Object.assign(\n    React.forwardRef<HTMLUListElement, ICollapsibleTreeExtendedProps>((props, ref) => (\n        <TreeView {...props} ref={ref} />\n    )),\n    {\n        Node: CollapsibleTreeExtendedNode,\n    },\n);\n\nCollapsibleTreeExtended.displayName = \"CollapsibleTreeExtended\";\n\nexport { CollapsibleTreeExtended };\n"],"names":[],"mappings":";;;;AAyCA,MAAM,0BAAsD,OAAO;AAAA,EAC/D,MAAM,WAA4D,CAAC,OAAO,4BACrE,UAAA,EAAU,GAAG,OAAO,IAAA,CAAU,CAClC;AAAA,EACD;AAAA,IACI,MAAM;AAAA,EAAA;AAEd;AAEA,wBAAwB,cAAc;"}

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -5,8 +5,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { TreeView } from "../../TreeView/TreeView.js";
 import { AccordionBase } from "../../AccordionBase/protected/AccordionBase.js";
-import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
-const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__da816fd5";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__bc38646f";
 const styles = {
   collapsibleTreeExtendedNodeContent
 };

package/components/Confirm/Confirm.js

@@ -1,41 +1,44 @@
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 import { ConfirmClose } from "./components/ConfirmClose.js";
 import { ConfirmContent } from "./components/ConfirmContent.js";
 import { ConfirmControls } from "./components/ConfirmControls.js";
-import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { Island } from "../Island/Island.js";
 import { EIslandType } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { EConfirmParentComponent } from "./enums.js";
-import { s as styles } from "../../chunks/Confirm.module-CjC9eHgl.js";
-const parentComponentToClassNameMap = {
+import { s as styles } from "../../chunks/Confirm.module-Ania9yG3.js";
+const PARENT_COMPONENT_TO_CLASS_NAME_MAP = {
   [EConfirmParentComponent.LIGHTBOX]: styles.isInLightBox,
   [EConfirmParentComponent.SIDE_OVERLAY_SM]: styles.isInSideOverlaySM,
   [EConfirmParentComponent.SIDE_OVERLAY_MD]: styles.isInSideOverlayMD,
   [EConfirmParentComponent.SIDE_OVERLAY_LG]: styles.isInSideOverlayLG
 };
-const Confirm = ({
-  children,
-  className,
-  parentComponent = EConfirmParentComponent.LIGHTBOX,
-  ...htmlDivAttributes
-}) => /* @__PURE__ */ jsx(
-  Island,
+const Confirm = Object.assign(
+  React.forwardRef(
+    ({ children, className, parentComponent = EConfirmParentComponent.LIGHTBOX, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx(
+      Island,
+      {
+        type: EIslandType.TYPE_1,
+        className: clsx(styles.confirm, PARENT_COMPONENT_TO_CLASS_NAME_MAP[parentComponent], className),
+        role: "dialog",
+        "aria-modal": "true",
+        ...htmlDivAttributes,
+        ref,
+        children: /* @__PURE__ */ jsx(Island.Body, { children })
+      }
+    )
+  ),
   {
-    type: EIslandType.TYPE_1,
-    className: clsx(className, styles.confirm, parentComponentToClassNameMap[parentComponent]),
-    role: "dialog",
-    "aria-modal": "true",
-    ...htmlDivAttributes,
-    children: /* @__PURE__ */ jsx(Island.Body, { children })
+    Close: ConfirmClose,
+    Content: ConfirmContent,
+    Controls: ConfirmControls
   }
 );
 Confirm.displayName = "Confirm";
-Confirm.Close = ConfirmClose;
-Confirm.Content = ConfirmContent;
-Confirm.Controls = ConfirmControls;
 export {
   Confirm
 };

package/components/Confirm/Confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Confirm.js","sources":["../../../src/components/Confirm/Confirm.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConfirmClose } from \"./components/ConfirmClose\";\nimport { ConfirmContent } from \"./components/ConfirmContent\";\nimport { ConfirmControls } from \"./components/ConfirmControls\";\nimport clsx from \"clsx\";\nimport { EIslandType, IIslandProps, Island } from \"../Island\";\nimport { EConfirmParentComponent } from \"./enums\";\nimport styles from \"./styles/Confirm.module.less\";\n\n/** Свойства компонента Confirm. */\nexport interface IConfirmProps extends IIslandProps {\n    /** Компонент, в котором используется Confirm.\n     *  От этого зависит максимальная ширина контента Confirm.\n     */\n    parentComponent?: EConfirmParentComponent;\n}\n\nexport interface IConfirmFC extends React.FC<IConfirmProps> {\n    Close: typeof ConfirmClose;\n    Content: typeof ConfirmContent;\n    Controls: typeof ConfirmControls;\n}\n\nconst parentComponentToClassNameMap = {\n    [EConfirmParentComponent.LIGHTBOX]: styles.isInLightBox,\n    [EConfirmParentComponent.SIDE_OVERLAY_SM]: styles.isInSideOverlaySM,\n    [EConfirmParentComponent.SIDE_OVERLAY_MD]: styles.isInSideOverlayMD,\n    [EConfirmParentComponent.SIDE_OVERLAY_LG]: styles.isInSideOverlayLG,\n};\n\n/** Компонент предупреждения, о закрытии лайтбокса / боковой панели лайтбокса. */\nexport const Confirm: IConfirmFC = ({\n    children,\n    className,\n    parentComponent = EConfirmParentComponent.LIGHTBOX,\n    ...htmlDivAttributes\n}) => (\n    <Island\n        type={EIslandType.TYPE_1}\n        className={clsx(className, styles.confirm, parentComponentToClassNameMap[parentComponent])}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...htmlDivAttributes}\n    >\n        <Island.Body>{children}</Island.Body>\n    </Island>\n);\n\nConfirm.displayName = \"Confirm\";\nConfirm.Close = ConfirmClose;\nConfirm.Content = ConfirmContent;\nConfirm.Controls = ConfirmControls;\n"],"names":[],"mappings":";;;;;;;;;;;;AAuBA,MAAM,gCAAgC;AAAA,EAClC,CAAC,wBAAwB,QAAQ,GAAG,OAAO;AAAA,EAC3C,CAAC,wBAAwB,eAAe,GAAG,OAAO;AAAA,EAClD,CAAC,wBAAwB,eAAe,GAAG,OAAO;AAAA,EAClD,CAAC,wBAAwB,eAAe,GAAG,OAAO;AACtD;AAGO,MAAM,UAAsB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA,kBAAkB,wBAAwB;AAAA,EAC1C,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,MAAM,YAAY;AAAA,IAClB,WAAW,KAAK,WAAW,OAAO,SAAS,8BAA8B,eAAe,CAAC;AAAA,IACzF,MAAK;AAAA,IACL,cAAW;AAAA,IACV,GAAG;AAAA,IAEJ,UAAA,oBAAC,OAAO,MAAP,EAAa,SAAA,CAAS;AAAA,EAAA;AAC3B;AAGJ,QAAQ,cAAc;AACtB,QAAQ,QAAQ;AAChB,QAAQ,UAAU;AAClB,QAAQ,WAAW;"}
+{"version":3,"file":"Confirm.js","sources":["../../../src/components/Confirm/Confirm.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConfirmClose } from \"./components/ConfirmClose\";\nimport { ConfirmContent } from \"./components/ConfirmContent\";\nimport { ConfirmControls } from \"./components/ConfirmControls\";\nimport clsx from \"clsx\";\nimport { EIslandType, IIslandProps, Island } from \"../Island\";\nimport { EConfirmParentComponent } from \"./enums\";\nimport styles from \"./styles/Confirm.module.less\";\n\n/** Свойства компонента Confirm. */\nexport interface IConfirmProps extends IIslandProps {\n    /** Компонент, в котором используется Confirm.\n     *  От этого зависит максимальная ширина контента Confirm.\n     *  По умолчанию EConfirmParentComponent.LIGHTBOX.\n     */\n    parentComponent?: EConfirmParentComponent;\n}\n\n/**\n * Тип компонента \"Предупреждение\" со статическими субкомпонентами.\n *\n * Явная аннотация снимает проверку лишних свойств у Object.assign, поэтому при добавлении\n * или удалении статики этот интерфейс нужно править синхронно: иначе новая статика окажется\n * в рантайме, но не попадёт в публичный тип, и TypeScript промолчит.\n */\nexport interface IConfirmFC extends React.ForwardRefExoticComponent<\n    IConfirmProps & React.RefAttributes<HTMLDivElement>\n> {\n    /** Кнопка закрытия предупреждения. */\n    Close: typeof ConfirmClose;\n    /** Текстовое содержимое предупреждения — заголовок и подзаголовок. */\n    Content: typeof ConfirmContent;\n    /** Контейнер кнопок действий. */\n    Controls: typeof ConfirmControls;\n}\n\n/** Соответствие родительского компонента имени класса, ограничивающего максимальную ширину. */\nconst PARENT_COMPONENT_TO_CLASS_NAME_MAP: Record<EConfirmParentComponent, string> = {\n    [EConfirmParentComponent.LIGHTBOX]: styles.isInLightBox,\n    [EConfirmParentComponent.SIDE_OVERLAY_SM]: styles.isInSideOverlaySM,\n    [EConfirmParentComponent.SIDE_OVERLAY_MD]: styles.isInSideOverlayMD,\n    [EConfirmParentComponent.SIDE_OVERLAY_LG]: styles.isInSideOverlayLG,\n};\n\n/**\n * Компонент предупреждения, о закрытии лайтбокса / боковой панели лайтбокса.\n * Рендерится как Island типа TYPE_1 с ролью dialog; содержимое собирается из\n * Confirm.Content, Confirm.Controls и Confirm.Close.\n */\nexport const Confirm: IConfirmFC = Object.assign(\n    React.forwardRef<HTMLDivElement, IConfirmProps>(\n        ({ children, className, parentComponent = EConfirmParentComponent.LIGHTBOX, ...htmlDivAttributes }, ref) => (\n            <Island\n                type={EIslandType.TYPE_1}\n                className={clsx(styles.confirm, PARENT_COMPONENT_TO_CLASS_NAME_MAP[parentComponent], className)}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                {...htmlDivAttributes}\n                ref={ref}\n            >\n                <Island.Body>{children}</Island.Body>\n            </Island>\n        ),\n    ),\n    {\n        Close: ConfirmClose,\n        Content: ConfirmContent,\n        Controls: ConfirmControls,\n    },\n);\n\nConfirm.displayName = \"Confirm\";\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqCA,MAAM,qCAA8E;AAAA,EAChF,CAAC,wBAAwB,QAAQ,GAAG,OAAO;AAAA,EAC3C,CAAC,wBAAwB,eAAe,GAAG,OAAO;AAAA,EAClD,CAAC,wBAAwB,eAAe,GAAG,OAAO;AAAA,EAClD,CAAC,wBAAwB,eAAe,GAAG,OAAO;AACtD;AAOO,MAAM,UAAsB,OAAO;AAAA,EACtC,MAAM;AAAA,IACF,CAAC,EAAE,UAAU,WAAW,kBAAkB,wBAAwB,UAAU,GAAG,qBAAqB,QAChG;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM,YAAY;AAAA,QAClB,WAAW,KAAK,OAAO,SAAS,mCAAmC,eAAe,GAAG,SAAS;AAAA,QAC9F,MAAK;AAAA,QACL,cAAW;AAAA,QACV,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA,oBAAC,OAAO,MAAP,EAAa,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3B;AAAA,EAGR;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,QAAQ,cAAc;"}

package/components/Confirm/components/ConfirmClose.js

@@ -1,15 +1,29 @@
 import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
+import React, { useRef, useCallback } from "react";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { ConfirmCloseButton } from "./ConfirmCloseButton.js";
-const ConfirmClose = ({ clickByEsc, ...buttonProps }) => {
-  const ref = useRef(null);
-  if (clickByEsc) {
-    return /* @__PURE__ */ jsx(TriggerClickOnKeyDownEvent, { targetRef: ref, eventKeyCode: EVENT_KEY_CODES.ESCAPE, children: /* @__PURE__ */ jsx(ConfirmCloseButton, { ...buttonProps, ref }) });
+const ConfirmClose = React.forwardRef(
+  ({ clickByEsc, ...buttonProps }, ref) => {
+    const buttonRef = useRef(null);
+    const setButtonRef = useCallback(
+      (instance) => {
+        buttonRef.current = instance;
+        if (typeof ref === "function") {
+          ref(instance);
+        } else if (ref) {
+          ref.current = instance;
+        }
+      },
+      [ref]
+    );
+    if (clickByEsc) {
+      return /* @__PURE__ */ jsx(TriggerClickOnKeyDownEvent, { targetRef: buttonRef, eventKeyCode: EVENT_KEY_CODES.ESCAPE, children: /* @__PURE__ */ jsx(ConfirmCloseButton, { ...buttonProps, ref: setButtonRef }) });
+    }
+    return /* @__PURE__ */ jsx(ConfirmCloseButton, { ...buttonProps, ref: setButtonRef });
   }
-  return /* @__PURE__ */ jsx(ConfirmCloseButton, { ...buttonProps });
-};
+);
+ConfirmClose.displayName = "ConfirmClose";
 export {
   ConfirmClose
 };

package/components/Confirm/components/ConfirmClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmClose.js","sources":["../../../../src/components/Confirm/components/ConfirmClose.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { TriggerClickOnKeyDownEvent } from \"../../Triggers/TriggerClickOnKeyDownEvent\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { ConfirmCloseButton, IConfirmCloseButtonProps } from \"./ConfirmCloseButton\";\n\nexport interface IConfirmCloseProps extends IConfirmCloseButtonProps {\n    /**\n     * Триггер click по нажатию Esc.\n     */\n    clickByEsc: boolean;\n}\n\n/**\n * Компонент закрытия.\n */\nexport const ConfirmClose: React.FC<IConfirmCloseProps> = ({ clickByEsc, ...buttonProps }) => {\n    const ref = useRef<HTMLButtonElement>(null);\n\n    if (clickByEsc) {\n        return (\n            <TriggerClickOnKeyDownEvent targetRef={ref} eventKeyCode={EVENT_KEY_CODES.ESCAPE}>\n                <ConfirmCloseButton {...buttonProps} ref={ref} />\n            </TriggerClickOnKeyDownEvent>\n        );\n    }\n\n    return <ConfirmCloseButton {...buttonProps} />;\n};\n"],"names":[],"mappings":";;;;;AAeO,MAAM,eAA6C,CAAC,EAAE,YAAY,GAAG,kBAAkB;AAC1F,QAAM,MAAM,OAA0B,IAAI;AAE1C,MAAI,YAAY;AACZ,WACI,oBAAC,4BAAA,EAA2B,WAAW,KAAK,cAAc,gBAAgB,QACtE,UAAA,oBAAC,oBAAA,EAAoB,GAAG,aAAa,IAAA,CAAU,GACnD;AAAA,EAER;AAEA,SAAO,oBAAC,oBAAA,EAAoB,GAAG,YAAA,CAAa;AAChD;"}
+{"version":3,"file":"ConfirmClose.js","sources":["../../../../src/components/Confirm/components/ConfirmClose.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { TriggerClickOnKeyDownEvent } from \"../../Triggers/TriggerClickOnKeyDownEvent\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { ConfirmCloseButton, IConfirmCloseButtonProps } from \"./ConfirmCloseButton\";\n\n/** Свойства компонента ConfirmClose. */\nexport interface IConfirmCloseProps extends IConfirmCloseButtonProps {\n    /**\n     * Триггер click по нажатию Esc.\n     */\n    clickByEsc: boolean;\n}\n\n/**\n * Компонент закрытия.\n * При clickByEsc нажатие Esc в любом месте страницы вызывает click по кнопке закрытия.\n */\nexport const ConfirmClose = React.forwardRef<HTMLButtonElement, IConfirmCloseProps>(\n    ({ clickByEsc, ...buttonProps }, ref) => {\n        // Кнопка нужна самому компоненту (клик по Esc) и потребителю через forwarded ref.\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n        const setButtonRef = useCallback(\n            (instance: HTMLButtonElement | null) => {\n                buttonRef.current = instance;\n\n                if (typeof ref === \"function\") {\n                    ref(instance);\n                } else if (ref) {\n                    ref.current = instance;\n                }\n            },\n            [ref],\n        );\n\n        if (clickByEsc) {\n            return (\n                <TriggerClickOnKeyDownEvent targetRef={buttonRef} eventKeyCode={EVENT_KEY_CODES.ESCAPE}>\n                    <ConfirmCloseButton {...buttonProps} ref={setButtonRef} />\n                </TriggerClickOnKeyDownEvent>\n            );\n        }\n\n        return <ConfirmCloseButton {...buttonProps} ref={setButtonRef} />;\n    },\n);\n\nConfirmClose.displayName = \"ConfirmClose\";\n"],"names":[],"mappings":";;;;;AAiBO,MAAM,eAAe,MAAM;AAAA,EAC9B,CAAC,EAAE,YAAY,GAAG,YAAA,GAAe,QAAQ;AAErC,UAAM,YAAY,OAAiC,IAAI;AAEvD,UAAM,eAAe;AAAA,MACjB,CAAC,aAAuC;AACpC,kBAAU,UAAU;AAEpB,YAAI,OAAO,QAAQ,YAAY;AAC3B,cAAI,QAAQ;AAAA,QAChB,WAAW,KAAK;AACZ,cAAI,UAAU;AAAA,QAClB;AAAA,MACJ;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAGR,QAAI,YAAY;AACZ,aACI,oBAAC,4BAAA,EAA2B,WAAW,WAAW,cAAc,gBAAgB,QAC5E,UAAA,oBAAC,oBAAA,EAAoB,GAAG,aAAa,KAAK,cAAc,GAC5D;AAAA,IAER;AAEA,WAAO,oBAAC,oBAAA,EAAoB,GAAG,aAAa,KAAK,cAAc;AAAA,EACnE;AACJ;AAEA,aAAa,cAAc;"}

package/components/Confirm/components/ConfirmCloseButton.js

@@ -1,20 +1,20 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
-import { s as styles } from "../../../chunks/Confirm.module-CjC9eHgl.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../../chunks/Confirm.module-Ania9yG3.js";
 import { Button } from "../../Button/Button.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 const ConfirmCloseButton = React.forwardRef(
-  ({ className, title = "Закрыть", ...props }, ref) => /* @__PURE__ */ jsx(
+  ({ className, title, ...props }, ref) => /* @__PURE__ */ jsx(
     Button,
     {
       icon: /* @__PURE__ */ jsx(CrossStrokeSrvIcon20, { paletteIndex: 0 }),
       theme: EButtonTheme.SECONDARY,
       size: EComponentSize.MD,
       ref,
-      className: clsx(className, styles.confirmCloseButton),
+      className: clsx(styles.confirmCloseButton, className),
       title,
       ...props
     }

package/components/Confirm/components/ConfirmCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmCloseButton.js","sources":["../../../../src/components/Confirm/components/ConfirmCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { CrossStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\nimport { Button, TButtonProps } from \"../../Button/Button\";\nimport { EButtonTheme } from \"../../Button/enums\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\n\nexport interface IConfirmCloseButtonProps extends Omit<TButtonProps, \"theme\" | \"size\" | \"icon\"> {}\n\n/**\n * Кнопка закрытия.\n */\nexport const ConfirmCloseButton = React.forwardRef<HTMLButtonElement, IConfirmCloseButtonProps>(\n    ({ className, title = \"Закрыть\", ...props }, ref) => (\n        <Button\n            icon={<CrossStrokeSrvIcon20 paletteIndex={0} />}\n            theme={EButtonTheme.SECONDARY}\n            size={EComponentSize.MD}\n            ref={ref}\n            className={clsx(className, styles.confirmCloseButton)}\n            title={title}\n            {...props}\n        />\n    ),\n);\n\nConfirmCloseButton.displayName = \"ConfirmCloseButton\";\n"],"names":[],"mappings":";;;;;;;;AAaO,MAAM,qBAAqB,MAAM;AAAA,EACpC,CAAC,EAAE,WAAW,QAAQ,WAAW,GAAG,MAAA,GAAS,QACzC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM,oBAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG;AAAA,MAC7C,OAAO,aAAa;AAAA,MACpB,MAAM,eAAe;AAAA,MACrB;AAAA,MACA,WAAW,KAAK,WAAW,OAAO,kBAAkB;AAAA,MACpD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"ConfirmCloseButton.js","sources":["../../../../src/components/Confirm/components/ConfirmCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { CrossStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\nimport { Button, TButtonProps } from \"../../Button/Button\";\nimport { EButtonTheme } from \"../../Button/enums\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\n\n/**\n * Свойства компонента ConfirmCloseButton.\n * Props кнопки, кроме theme, size и icon: их задаёт сам компонент.\n */\nexport interface IConfirmCloseButtonProps extends Omit<TButtonProps, \"theme\" | \"size\" | \"icon\"> {}\n\n/**\n * Кнопка закрытия.\n * Иконка-крестик в правом верхнем углу предупреждения.\n *\n * Доступное имя задаёт потребитель: кнопка иконочная, и без `title`\n * (или `aria-label`) у неё нет текстовой альтернативы. Дефолта здесь нет\n * намеренно — строки на конкретном языке внутри компонентов библиотеки\n * запрещены, см. docs/ai/codestyle.md § «Мультиязычность».\n */\nexport const ConfirmCloseButton = React.forwardRef<HTMLButtonElement, IConfirmCloseButtonProps>(\n    ({ className, title, ...props }, ref) => (\n        <Button\n            icon={<CrossStrokeSrvIcon20 paletteIndex={0} />}\n            theme={EButtonTheme.SECONDARY}\n            size={EComponentSize.MD}\n            ref={ref}\n            className={clsx(styles.confirmCloseButton, className)}\n            title={title}\n            {...props}\n        />\n    ),\n);\n\nConfirmCloseButton.displayName = \"ConfirmCloseButton\";\n"],"names":[],"mappings":";;;;;;;;AAuBO,MAAM,qBAAqB,MAAM;AAAA,EACpC,CAAC,EAAE,WAAW,OAAO,GAAG,MAAA,GAAS,QAC7B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM,oBAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG;AAAA,MAC7C,OAAO,aAAa;AAAA,MACpB,MAAM,eAAe;AAAA,MACrB;AAAA,MACA,WAAW,KAAK,OAAO,oBAAoB,SAAS;AAAA,MACpD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,mBAAmB,cAAc;"}

package/components/Confirm/components/ConfirmContent.js

@@ -1,12 +1,17 @@
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 import { ConfirmContentSubTitle } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle } from "./ConfirmContentTitle.js";
-import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
-import { s as styles } from "../../../chunks/Confirm.module-CjC9eHgl.js";
-const ConfirmContent = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmContent), ...htmlDivAttributes, children });
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../../chunks/Confirm.module-Ania9yG3.js";
+const ConfirmContent = Object.assign(
+  React.forwardRef(({ children, className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.confirmContent, className), ...htmlDivAttributes, ref, children })),
+  {
+    Title: ConfirmContentTitle,
+    SubTitle: ConfirmContentSubTitle
+  }
+);
 ConfirmContent.displayName = "ConfirmContent";
-ConfirmContent.Title = ConfirmContentTitle;
-ConfirmContent.SubTitle = ConfirmContentSubTitle;
 export {
   ConfirmContent
 };

package/components/Confirm/components/ConfirmContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmContent.js","sources":["../../../../src/components/Confirm/components/ConfirmContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConfirmContentSubTitle } from \"./ConfirmContentSubTitle\";\nimport { ConfirmContentTitle } from \"./ConfirmContentTitle\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmContent. */\nexport interface IConfirmContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface IConfirmContentFC extends React.FC<IConfirmContentProps> {\n    Title: typeof ConfirmContentTitle;\n    SubTitle: typeof ConfirmContentSubTitle;\n}\n\nexport const ConfirmContent: IConfirmContentFC = ({ children, className, ...htmlDivAttributes }) => (\n    <div className={clsx(className, styles.confirmContent)} {...htmlDivAttributes}>\n        {children}\n    </div>\n);\n\nConfirmContent.displayName = \"ConfirmContent\";\nConfirmContent.Title = ConfirmContentTitle;\nConfirmContent.SubTitle = ConfirmContentSubTitle;\n"],"names":[],"mappings":";;;;;AAcO,MAAM,iBAAoC,CAAC,EAAE,UAAU,WAAW,GAAG,wBACxE,oBAAC,OAAA,EAAI,WAAW,KAAK,WAAW,OAAO,cAAc,GAAI,GAAG,mBACvD,SAAA,CACL;AAGJ,eAAe,cAAc;AAC7B,eAAe,QAAQ;AACvB,eAAe,WAAW;"}
+{"version":3,"file":"ConfirmContent.js","sources":["../../../../src/components/Confirm/components/ConfirmContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConfirmContentSubTitle } from \"./ConfirmContentSubTitle\";\nimport { ConfirmContentTitle } from \"./ConfirmContentTitle\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmContent. */\nexport interface IConfirmContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Тип компонента \"Содержимое предупреждения\" со статическими субкомпонентами.\n *\n * Явная аннотация снимает проверку лишних свойств у Object.assign, поэтому при добавлении\n * или удалении статики этот интерфейс нужно править синхронно: иначе новая статика окажется\n * в рантайме, но не попадёт в публичный тип, и TypeScript промолчит.\n */\nexport interface IConfirmContentFC extends React.ForwardRefExoticComponent<\n    IConfirmContentProps & React.RefAttributes<HTMLDivElement>\n> {\n    /** Заголовок предупреждения. */\n    Title: typeof ConfirmContentTitle;\n    /** Подзаголовок предупреждения. */\n    SubTitle: typeof ConfirmContentSubTitle;\n}\n\n/**\n * Содержимое предупреждения — обёртка заголовка и подзаголовка.\n * Задаёт отступ до блока кнопок и место под кнопку закрытия справа.\n */\nexport const ConfirmContent: IConfirmContentFC = Object.assign(\n    React.forwardRef<HTMLDivElement, IConfirmContentProps>(({ children, className, ...htmlDivAttributes }, ref) => (\n        <div className={clsx(styles.confirmContent, className)} {...htmlDivAttributes} ref={ref}>\n            {children}\n        </div>\n    )),\n    {\n        Title: ConfirmContentTitle,\n        SubTitle: ConfirmContentSubTitle,\n    },\n);\n\nConfirmContent.displayName = \"ConfirmContent\";\n"],"names":[],"mappings":";;;;;;AA6BO,MAAM,iBAAoC,OAAO;AAAA,EACpD,MAAM,WAAiD,CAAC,EAAE,UAAU,WAAW,GAAG,kBAAA,GAAqB,QACnG,oBAAC,SAAI,WAAW,KAAK,OAAO,gBAAgB,SAAS,GAAI,GAAG,mBAAmB,KAC1E,SAAA,CACL,CACH;AAAA,EACD;AAAA,IACI,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAElB;AAEA,eAAe,cAAc;"}