@sberbusiness/triplex-next 0.37.0 → 0.39.0

package/components/Col/Col.js

@@ -1,143 +1,143 @@
 import { jsx } from "react/jsx-runtime";
-import { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import React, { useContext } from "react";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
 import { RowContext } from "../Row/RowContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const gridHorizontalGapSM = "gridHorizontalGapSM__85f5d47d";
-const gridHorizontalGapMD = "gridHorizontalGapMD__bb4cde3c";
+const gridHorizontalGapSM = "gridHorizontalGapSM__77509688";
+const gridHorizontalGapMD = "gridHorizontalGapMD__efd99d90";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__6dfcfe3a",
-  "col-2": "col-2__b59756a3",
-  "col-3": "col-3__a57f0fda",
-  "col-4": "col-4__b8c7f500",
-  "col-5": "col-5__1ced8782",
-  "col-6": "col-6__4292cf9b",
-  "col-7": "col-7__0122df16",
-  "col-8": "col-8__105c4ca4",
-  "col-9": "col-9__425e8ae9",
-  "col-10": "col-10__fb5d724e",
-  "col-11": "col-11__c9df2b83",
-  "col-12": "col-12__c26c65e1",
-  "offset-0": "offset-0__5ab3a955",
-  "offset-1": "offset-1__595c874a",
-  "offset-2": "offset-2__5ac9202b",
-  "offset-3": "offset-3__2b78c5e2",
-  "offset-4": "offset-4__1c75abf7",
-  "offset-5": "offset-5__2eb6a6e8",
-  "offset-6": "offset-6__90e5363c",
-  "offset-7": "offset-7__9867957f",
-  "offset-8": "offset-8__cf97c723",
-  "offset-9": "offset-9__fed6e87e",
-  "offset-10": "offset-10__f5275de0",
-  "offset-11": "offset-11__7b6ebd8c",
-  "d-none": "d-none__35993b93",
-  "d-block": "d-block__75bbb72e",
-  "col-sm-1": "col-sm-1__563083d4",
-  "col-sm-2": "col-sm-2__21b5a024",
-  "col-sm-3": "col-sm-3__846e1a78",
-  "col-sm-4": "col-sm-4__73831180",
-  "col-sm-5": "col-sm-5__1bfec463",
-  "col-sm-6": "col-sm-6__9104be93",
-  "col-sm-7": "col-sm-7__278a1978",
-  "col-sm-8": "col-sm-8__77287381",
-  "col-sm-9": "col-sm-9__3355db3f",
-  "col-sm-10": "col-sm-10__b8dfedda",
-  "col-sm-11": "col-sm-11__0f19b0a1",
-  "col-sm-12": "col-sm-12__f9fd3150",
-  "offset-sm-0": "offset-sm-0__d0677ed9",
-  "offset-sm-1": "offset-sm-1__0158f508",
-  "offset-sm-2": "offset-sm-2__f41f2102",
-  "offset-sm-3": "offset-sm-3__99f39484",
-  "offset-sm-4": "offset-sm-4__21ae5e96",
-  "offset-sm-5": "offset-sm-5__4897f30c",
-  "offset-sm-6": "offset-sm-6__4d1dd59d",
-  "offset-sm-7": "offset-sm-7__591fcba7",
-  "offset-sm-8": "offset-sm-8__506fccd0",
-  "offset-sm-9": "offset-sm-9__4643c578",
-  "offset-sm-10": "offset-sm-10__2784f84f",
-  "offset-sm-11": "offset-sm-11__414ffb59",
-  "d-none-sm": "d-none-sm__9fc9ad02",
-  "d-block-sm": "d-block-sm__01a960ff",
-  "col-md-1": "col-md-1__8342f3d5",
-  "col-md-2": "col-md-2__0e7497cc",
-  "col-md-3": "col-md-3__1097654c",
-  "col-md-4": "col-md-4__8d1c361f",
-  "col-md-5": "col-md-5__b58620b9",
-  "col-md-6": "col-md-6__d8f25a1d",
-  "col-md-7": "col-md-7__bff6f462",
-  "col-md-8": "col-md-8__9fef3859",
-  "col-md-9": "col-md-9__743b073b",
-  "col-md-10": "col-md-10__c6c55070",
-  "col-md-11": "col-md-11__a9fa6801",
-  "col-md-12": "col-md-12__549692c6",
-  "offset-md-0": "offset-md-0__436e87ca",
-  "offset-md-1": "offset-md-1__1973e30a",
-  "offset-md-2": "offset-md-2__bbefe1af",
-  "offset-md-3": "offset-md-3__8e54f90c",
-  "offset-md-4": "offset-md-4__217221de",
-  "offset-md-5": "offset-md-5__c93ead51",
-  "offset-md-6": "offset-md-6__10ac254a",
-  "offset-md-7": "offset-md-7__4ec6e44a",
-  "offset-md-8": "offset-md-8__dd35e2c7",
-  "offset-md-9": "offset-md-9__a2894002",
-  "offset-md-10": "offset-md-10__4f54ece2",
-  "offset-md-11": "offset-md-11__c96d58a6",
-  "d-none-md": "d-none-md__bfb79f8d",
-  "d-block-md": "d-block-md__3e56a0ba",
-  "col-lg-1": "col-lg-1__a62dce53",
-  "col-lg-2": "col-lg-2__f4bc4765",
-  "col-lg-3": "col-lg-3__750ee7ab",
-  "col-lg-4": "col-lg-4__698c5d21",
-  "col-lg-5": "col-lg-5__90441121",
-  "col-lg-6": "col-lg-6__672ddafe",
-  "col-lg-7": "col-lg-7__79f5a562",
-  "col-lg-8": "col-lg-8__009688bf",
-  "col-lg-9": "col-lg-9__1f9b6dee",
-  "col-lg-10": "col-lg-10__37e2b35a",
-  "col-lg-11": "col-lg-11__14e24599",
-  "col-lg-12": "col-lg-12__a54027b0",
-  "offset-lg-0": "offset-lg-0__de9e9501",
-  "offset-lg-1": "offset-lg-1__7934ffde",
-  "offset-lg-2": "offset-lg-2__4daaec78",
-  "offset-lg-3": "offset-lg-3__8a959b1a",
-  "offset-lg-4": "offset-lg-4__350b749e",
-  "offset-lg-5": "offset-lg-5__8538e3e0",
-  "offset-lg-6": "offset-lg-6__caaf330f",
-  "offset-lg-7": "offset-lg-7__efb35fb5",
-  "offset-lg-8": "offset-lg-8__dc7fc098",
-  "offset-lg-9": "offset-lg-9__52150dda",
-  "offset-lg-10": "offset-lg-10__2f8e0ae3",
-  "offset-lg-11": "offset-lg-11__08a1c1d7",
-  "d-none-lg": "d-none-lg__433ad8ff",
-  "d-block-lg": "d-block-lg__f111b01f",
-  "col-xl-1": "col-xl-1__9649166a",
-  "col-xl-2": "col-xl-2__f2f1d9f2",
-  "col-xl-3": "col-xl-3__cc9f7db0",
-  "col-xl-4": "col-xl-4__8d2448e3",
-  "col-xl-5": "col-xl-5__0182254e",
-  "col-xl-6": "col-xl-6__65038631",
-  "col-xl-7": "col-xl-7__84b1d669",
-  "col-xl-8": "col-xl-8__d38bf1af",
-  "col-xl-9": "col-xl-9__06e61a55",
-  "col-xl-10": "col-xl-10__755d5207",
-  "col-xl-11": "col-xl-11__66096771",
-  "col-xl-12": "col-xl-12__2cc14446",
-  "offset-xl-0": "offset-xl-0__a243113d",
-  "offset-xl-1": "offset-xl-1__20d85aaa",
-  "offset-xl-2": "offset-xl-2__17760f1b",
-  "offset-xl-3": "offset-xl-3__8d949d07",
-  "offset-xl-4": "offset-xl-4__f44afaaa",
-  "offset-xl-5": "offset-xl-5__891c1a94",
-  "offset-xl-6": "offset-xl-6__3efe5660",
-  "offset-xl-7": "offset-xl-7__15d996e8",
-  "offset-xl-8": "offset-xl-8__824c47b7",
-  "offset-xl-9": "offset-xl-9__14588e69",
-  "offset-xl-10": "offset-xl-10__de1c6392",
-  "offset-xl-11": "offset-xl-11__575af91d",
-  "d-none-xl": "d-none-xl__bc7a9b2e",
-  "d-block-xl": "d-block-xl__543084d9"
+  "col-1": "col-1__6def333d",
+  "col-2": "col-2__bf377220",
+  "col-3": "col-3__e80ae138",
+  "col-4": "col-4__3273998f",
+  "col-5": "col-5__c5a18fa9",
+  "col-6": "col-6__4557162d",
+  "col-7": "col-7__35875c60",
+  "col-8": "col-8__50da6b95",
+  "col-9": "col-9__795c21bf",
+  "col-10": "col-10__afe76ce4",
+  "col-11": "col-11__4d948907",
+  "col-12": "col-12__136656e7",
+  "offset-0": "offset-0__176a1236",
+  "offset-1": "offset-1__ffd7a833",
+  "offset-2": "offset-2__12d9e176",
+  "offset-3": "offset-3__60211c7a",
+  "offset-4": "offset-4__e18bb126",
+  "offset-5": "offset-5__b54a75c0",
+  "offset-6": "offset-6__a79114f8",
+  "offset-7": "offset-7__dfa1d9d2",
+  "offset-8": "offset-8__d2bcb449",
+  "offset-9": "offset-9__d7ff6da5",
+  "offset-10": "offset-10__92911141",
+  "offset-11": "offset-11__d47707e6",
+  "d-none": "d-none__68f07c52",
+  "d-block": "d-block__9f83800c",
+  "col-sm-1": "col-sm-1__15620690",
+  "col-sm-2": "col-sm-2__0b95f057",
+  "col-sm-3": "col-sm-3__39b0282e",
+  "col-sm-4": "col-sm-4__094044c5",
+  "col-sm-5": "col-sm-5__91b6a78e",
+  "col-sm-6": "col-sm-6__ebd13e94",
+  "col-sm-7": "col-sm-7__ebf3ecb2",
+  "col-sm-8": "col-sm-8__d30bfd95",
+  "col-sm-9": "col-sm-9__aa9de76e",
+  "col-sm-10": "col-sm-10__77c9ae30",
+  "col-sm-11": "col-sm-11__3ad8862e",
+  "col-sm-12": "col-sm-12__b886351b",
+  "offset-sm-0": "offset-sm-0__03de56a1",
+  "offset-sm-1": "offset-sm-1__5573c1b6",
+  "offset-sm-2": "offset-sm-2__f6c9f1b0",
+  "offset-sm-3": "offset-sm-3__d5959b4d",
+  "offset-sm-4": "offset-sm-4__dbe36677",
+  "offset-sm-5": "offset-sm-5__2877e251",
+  "offset-sm-6": "offset-sm-6__ac5d10fe",
+  "offset-sm-7": "offset-sm-7__8451bdbe",
+  "offset-sm-8": "offset-sm-8__f7c15dc3",
+  "offset-sm-9": "offset-sm-9__4470836a",
+  "offset-sm-10": "offset-sm-10__24087a05",
+  "offset-sm-11": "offset-sm-11__35a4353e",
+  "d-none-sm": "d-none-sm__6d0f2ae3",
+  "d-block-sm": "d-block-sm__2e0158db",
+  "col-md-1": "col-md-1__edafaddc",
+  "col-md-2": "col-md-2__e840da5e",
+  "col-md-3": "col-md-3__9ee4ebeb",
+  "col-md-4": "col-md-4__0fe1a602",
+  "col-md-5": "col-md-5__607369d5",
+  "col-md-6": "col-md-6__f1d570a4",
+  "col-md-7": "col-md-7__09fc860e",
+  "col-md-8": "col-md-8__fde4683b",
+  "col-md-9": "col-md-9__74f73e71",
+  "col-md-10": "col-md-10__dab549eb",
+  "col-md-11": "col-md-11__1dc8db14",
+  "col-md-12": "col-md-12__4357152f",
+  "offset-md-0": "offset-md-0__bd3005a2",
+  "offset-md-1": "offset-md-1__cf55fc61",
+  "offset-md-2": "offset-md-2__9f375fab",
+  "offset-md-3": "offset-md-3__a6c6146b",
+  "offset-md-4": "offset-md-4__e4d7318b",
+  "offset-md-5": "offset-md-5__832f8492",
+  "offset-md-6": "offset-md-6__7b082f7d",
+  "offset-md-7": "offset-md-7__3eca34cb",
+  "offset-md-8": "offset-md-8__b71ceca4",
+  "offset-md-9": "offset-md-9__3fd65872",
+  "offset-md-10": "offset-md-10__1676a846",
+  "offset-md-11": "offset-md-11__d9912138",
+  "d-none-md": "d-none-md__8447c0f8",
+  "d-block-md": "d-block-md__208fac99",
+  "col-lg-1": "col-lg-1__ad06a80a",
+  "col-lg-2": "col-lg-2__e3428345",
+  "col-lg-3": "col-lg-3__321b56a2",
+  "col-lg-4": "col-lg-4__f4cdf5a6",
+  "col-lg-5": "col-lg-5__6f058c53",
+  "col-lg-6": "col-lg-6__364bf54b",
+  "col-lg-7": "col-lg-7__0254d227",
+  "col-lg-8": "col-lg-8__220c0fd9",
+  "col-lg-9": "col-lg-9__171d3fcd",
+  "col-lg-10": "col-lg-10__31432792",
+  "col-lg-11": "col-lg-11__aded9ad0",
+  "col-lg-12": "col-lg-12__43a6d2c5",
+  "offset-lg-0": "offset-lg-0__c997e5cf",
+  "offset-lg-1": "offset-lg-1__4122c427",
+  "offset-lg-2": "offset-lg-2__e1b7bc6c",
+  "offset-lg-3": "offset-lg-3__4af9813a",
+  "offset-lg-4": "offset-lg-4__567f346d",
+  "offset-lg-5": "offset-lg-5__18d0623b",
+  "offset-lg-6": "offset-lg-6__35b5abdb",
+  "offset-lg-7": "offset-lg-7__d447f69d",
+  "offset-lg-8": "offset-lg-8__4bf6a003",
+  "offset-lg-9": "offset-lg-9__d3d462fe",
+  "offset-lg-10": "offset-lg-10__a36677dc",
+  "offset-lg-11": "offset-lg-11__3206c503",
+  "d-none-lg": "d-none-lg__fe9edc4c",
+  "d-block-lg": "d-block-lg__b70b6276",
+  "col-xl-1": "col-xl-1__50023362",
+  "col-xl-2": "col-xl-2__4bde8316",
+  "col-xl-3": "col-xl-3__f3824d48",
+  "col-xl-4": "col-xl-4__abf24f98",
+  "col-xl-5": "col-xl-5__90b85497",
+  "col-xl-6": "col-xl-6__518d130e",
+  "col-xl-7": "col-xl-7__7faeaf89",
+  "col-xl-8": "col-xl-8__246449b2",
+  "col-xl-9": "col-xl-9__ed9dbcb5",
+  "col-xl-10": "col-xl-10__0b951260",
+  "col-xl-11": "col-xl-11__405a7d46",
+  "col-xl-12": "col-xl-12__4f61ed6f",
+  "offset-xl-0": "offset-xl-0__d87982f3",
+  "offset-xl-1": "offset-xl-1__28952c14",
+  "offset-xl-2": "offset-xl-2__e7287984",
+  "offset-xl-3": "offset-xl-3__07a729fa",
+  "offset-xl-4": "offset-xl-4__3c677c87",
+  "offset-xl-5": "offset-xl-5__d52c3ff6",
+  "offset-xl-6": "offset-xl-6__2175b0bf",
+  "offset-xl-7": "offset-xl-7__7edaa241",
+  "offset-xl-8": "offset-xl-8__f8f59083",
+  "offset-xl-9": "offset-xl-9__3a832165",
+  "offset-xl-10": "offset-xl-10__dd2ea26c",
+  "offset-xl-11": "offset-xl-11__7ddae2fe",
+  "d-none-xl": "d-none-xl__88ea92bf",
+  "d-block-xl": "d-block-xl__9d875ea4"
 };
 const GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {
   [EComponentSize.SM]: styles.gridHorizontalGapSM,
@@ -162,54 +162,57 @@ function getClassNames({
   if (offset !== void 0) {
     classes.push(`offset-${prefixAsPart}${offset}`);
   }
-  if (size) {
+  if (size !== void 0) {
     classes.push(`col-${prefixAsPart}${size}`);
   }
   return classes;
 }
-const Col = ({
-  children,
-  className,
-  hidden,
-  hiddenSm,
-  hiddenMd,
-  hiddenLg,
-  hiddenXl,
-  block,
-  blockSm,
-  blockMd,
-  blockLg,
-  blockXl,
-  size = 12,
-  sizeSm,
-  sizeMd,
-  sizeLg,
-  sizeXl,
-  offset,
-  offsetSm,
-  offsetMd,
-  offsetLg,
-  offsetXl,
-  ...props
-}) => {
-  const { gridHorizontalGap } = useContext(RowContext);
-  const classNames = [
-    ...getClassNames({ block, hidden, offset, size }),
-    ...getClassNames({ block: blockSm, hidden: hiddenSm, offset: offsetSm, prefix: "sm", size: sizeSm }),
-    ...getClassNames({ block: blockMd, hidden: hiddenMd, offset: offsetMd, prefix: "md", size: sizeMd }),
-    ...getClassNames({ block: blockLg, hidden: hiddenLg, offset: offsetLg, prefix: "lg", size: sizeLg }),
-    ...getClassNames({ block: blockXl, hidden: hiddenXl, offset: offsetXl, prefix: "xl", size: sizeXl })
-  ];
-  const mappedClasses = classNames.map((c) => styles[c]).filter(Boolean);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...props,
-      className: clsx(className, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], ...mappedClasses),
-      children
-    }
-  );
-};
+const Col = React.forwardRef(
+  ({
+    children,
+    className,
+    hidden,
+    hiddenSm,
+    hiddenMd,
+    hiddenLg,
+    hiddenXl,
+    block,
+    blockSm,
+    blockMd,
+    blockLg,
+    blockXl,
+    size = 12,
+    sizeSm,
+    sizeMd,
+    sizeLg,
+    sizeXl,
+    offset,
+    offsetSm,
+    offsetMd,
+    offsetLg,
+    offsetXl,
+    ...htmlDivAttributes
+  }, ref) => {
+    const { gridHorizontalGap } = useContext(RowContext);
+    const classNames = [
+      ...getClassNames({ block, hidden, offset, size }),
+      ...getClassNames({ block: blockSm, hidden: hiddenSm, offset: offsetSm, prefix: "sm", size: sizeSm }),
+      ...getClassNames({ block: blockMd, hidden: hiddenMd, offset: offsetMd, prefix: "md", size: sizeMd }),
+      ...getClassNames({ block: blockLg, hidden: hiddenLg, offset: offsetLg, prefix: "lg", size: sizeLg }),
+      ...getClassNames({ block: blockXl, hidden: hiddenXl, offset: offsetXl, prefix: "xl", size: sizeXl })
+    ];
+    const mappedClasses = classNames.map((c) => styles[c]).filter(Boolean);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...htmlDivAttributes,
+        className: clsx(className, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], ...mappedClasses),
+        ref,
+        children
+      }
+    );
+  }
+);
 Col.displayName = "Col";
 export {
   Col

package/components/Col/Col.js.map

@@ -1 +1 @@
-{"version":3,"file":"Col.js","sources":["../../../src/components/Col/Col.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Col.module.less\";\nimport { RowContext } from \"../Row/RowContext\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\nexport type TColumnSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type TOffsetSize = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\n\nconst GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.gridHorizontalGapSM,\n    [EComponentSize.MD]: styles.gridHorizontalGapMD,\n};\n\n/** Свойства Col. */\nexport interface IColProps extends React.HTMLAttributes<HTMLDivElement> {\n    children?: React.ReactNode;\n    size?: TColumnSize;\n    sizeSm?: TColumnSize;\n    sizeMd?: TColumnSize;\n    sizeLg?: TColumnSize;\n    sizeXl?: TColumnSize;\n    offset?: TOffsetSize;\n    offsetSm?: TOffsetSize;\n    offsetMd?: TOffsetSize;\n    offsetLg?: TOffsetSize;\n    offsetXl?: TOffsetSize;\n    hidden?: boolean;\n    hiddenSm?: boolean;\n    hiddenMd?: boolean;\n    hiddenLg?: boolean;\n    hiddenXl?: boolean;\n    block?: boolean;\n    blockSm?: boolean;\n    blockMd?: boolean;\n    blockLg?: boolean;\n    blockXl?: boolean;\n}\n\nfunction getClassNames({\n    block,\n    hidden,\n    offset,\n    prefix,\n    size,\n}: {\n    block?: boolean;\n    hidden?: boolean;\n    offset?: TOffsetSize;\n    prefix?: string;\n    size?: TColumnSize;\n}) {\n    const classes: string[] = [];\n    const prefixAsPart = prefix ? `${prefix}-` : \"\";\n    const prefixVisibility = prefix ? `-${prefix}` : \"\";\n\n    if (block === true) {\n        classes.push(`d-block${prefixVisibility}`);\n    }\n\n    if (hidden === true) {\n        classes.push(`d-none${prefixVisibility}`);\n    }\n\n    if (offset !== undefined) {\n        classes.push(`offset-${prefixAsPart}${offset}`);\n    }\n\n    if (size) {\n        classes.push(`col-${prefixAsPart}${size}`);\n    }\n\n    return classes;\n}\n\nexport const Col: React.FC<IColProps> = ({\n    children,\n    className,\n    hidden,\n    hiddenSm,\n    hiddenMd,\n    hiddenLg,\n    hiddenXl,\n    block,\n    blockSm,\n    blockMd,\n    blockLg,\n    blockXl,\n    size = 12,\n    sizeSm,\n    sizeMd,\n    sizeLg,\n    sizeXl,\n    offset,\n    offsetSm,\n    offsetMd,\n    offsetLg,\n    offsetXl,\n    ...props\n}) => {\n    const { gridHorizontalGap } = useContext(RowContext);\n\n    const classNames = [\n        ...getClassNames({ block, hidden, offset, size }),\n        ...getClassNames({ block: blockSm, hidden: hiddenSm, offset: offsetSm, prefix: \"sm\", size: sizeSm }),\n        ...getClassNames({ block: blockMd, hidden: hiddenMd, offset: offsetMd, prefix: \"md\", size: sizeMd }),\n        ...getClassNames({ block: blockLg, hidden: hiddenLg, offset: offsetLg, prefix: \"lg\", size: sizeLg }),\n        ...getClassNames({ block: blockXl, hidden: hiddenXl, offset: offsetXl, prefix: \"xl\", size: sizeXl }),\n    ];\n    const mappedClasses = classNames.map((c) => styles[c]).filter(Boolean);\n\n    return (\n        <div\n            {...props}\n            className={clsx(className, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], ...mappedClasses)}\n        >\n            {children}\n        </div>\n    );\n};\n\nCol.displayName = \"Col\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,wCAAwC;AAAA,EAC1C,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AA2BA,SAAS,cAAc;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAMG;AACC,QAAM,UAAoB,CAAA;AAC1B,QAAM,eAAe,SAAS,GAAG,MAAM,MAAM;AAC7C,QAAM,mBAAmB,SAAS,IAAI,MAAM,KAAK;AAEjD,MAAI,UAAU,MAAM;AAChB,YAAQ,KAAK,UAAU,gBAAgB,EAAE;AAAA,EAC7C;AAEA,MAAI,WAAW,MAAM;AACjB,YAAQ,KAAK,SAAS,gBAAgB,EAAE;AAAA,EAC5C;AAEA,MAAI,WAAW,QAAW;AACtB,YAAQ,KAAK,UAAU,YAAY,GAAG,MAAM,EAAE;AAAA,EAClD;AAEA,MAAI,MAAM;AACN,YAAQ,KAAK,OAAO,YAAY,GAAG,IAAI,EAAE;AAAA,EAC7C;AAEA,SAAO;AACX;AAEO,MAAM,MAA2B,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,kBAAA,IAAsB,WAAW,UAAU;AAEnD,QAAM,aAAa;AAAA,IACf,GAAG,cAAc,EAAE,OAAO,QAAQ,QAAQ,MAAM;AAAA,IAChD,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,IACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,IACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,IACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,EAAA;AAEvG,QAAM,gBAAgB,WAAW,IAAI,CAAC,MAAM,OAAO,CAAC,CAAC,EAAE,OAAO,OAAO;AAErE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,KAAK,WAAW,sCAAsC,iBAAiB,GAAG,GAAG,aAAa;AAAA,MAEpG;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,IAAI,cAAc;"}
+{"version":3,"file":"Col.js","sources":["../../../src/components/Col/Col.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Col.module.less\";\nimport { RowContext } from \"../Row/RowContext\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\n/** Ширина колонки в долях 12-колоночной сетки. */\nexport type TColumnSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n/** Отступ колонки слева в долях 12-колоночной сетки. */\nexport type TOffsetSize = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\n\nconst GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.gridHorizontalGapSM,\n    [EComponentSize.MD]: styles.gridHorizontalGapMD,\n};\n\n/** Свойства компонента Col. */\nexport interface IColProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое колонки. */\n    children?: React.ReactNode;\n    /** Ширина колонки на всех экранах. По умолчанию 12 (вся ширина). */\n    size?: TColumnSize;\n    /** Ширина колонки на экранах от sm и шире. */\n    sizeSm?: TColumnSize;\n    /** Ширина колонки на экранах от md и шире. */\n    sizeMd?: TColumnSize;\n    /** Ширина колонки на экранах от lg и шире. */\n    sizeLg?: TColumnSize;\n    /** Ширина колонки на экранах от xl и шире. */\n    sizeXl?: TColumnSize;\n    /** Отступ слева на всех экранах. */\n    offset?: TOffsetSize;\n    /** Отступ слева на экранах от sm и шире. */\n    offsetSm?: TOffsetSize;\n    /** Отступ слева на экранах от md и шире. */\n    offsetMd?: TOffsetSize;\n    /** Отступ слева на экранах от lg и шире. */\n    offsetLg?: TOffsetSize;\n    /** Отступ слева на экранах от xl и шире. */\n    offsetXl?: TOffsetSize;\n    /** Скрытие колонки на всех экранах (CSS display: none; переопределяет нативный HTML-атрибут hidden). */\n    hidden?: boolean;\n    /** Скрытие колонки на экранах от sm и шире. */\n    hiddenSm?: boolean;\n    /** Скрытие колонки на экранах от md и шире. */\n    hiddenMd?: boolean;\n    /** Скрытие колонки на экранах от lg и шире. */\n    hiddenLg?: boolean;\n    /** Скрытие колонки на экранах от xl и шире. */\n    hiddenXl?: boolean;\n    /** Отображение колонки (display: block) на всех экранах. */\n    block?: boolean;\n    /** Отображение колонки (display: block) на экранах от sm и шире. */\n    blockSm?: boolean;\n    /** Отображение колонки (display: block) на экранах от md и шире. */\n    blockMd?: boolean;\n    /** Отображение колонки (display: block) на экранах от lg и шире. */\n    blockLg?: boolean;\n    /** Отображение колонки (display: block) на экранах от xl и шире. */\n    blockXl?: boolean;\n}\n\n/** Собирает имена grid-классов (размер, отступ, видимость) для одного breakpoint-префикса. */\nfunction getClassNames({\n    block,\n    hidden,\n    offset,\n    prefix,\n    size,\n}: {\n    block?: boolean;\n    hidden?: boolean;\n    offset?: TOffsetSize;\n    prefix?: string;\n    size?: TColumnSize;\n}) {\n    const classes: string[] = [];\n    const prefixAsPart = prefix ? `${prefix}-` : \"\";\n    const prefixVisibility = prefix ? `-${prefix}` : \"\";\n\n    if (block === true) {\n        classes.push(`d-block${prefixVisibility}`);\n    }\n\n    if (hidden === true) {\n        classes.push(`d-none${prefixVisibility}`);\n    }\n\n    if (offset !== undefined) {\n        classes.push(`offset-${prefixAsPart}${offset}`);\n    }\n\n    if (size !== undefined) {\n        classes.push(`col-${prefixAsPart}${size}`);\n    }\n\n    return classes;\n}\n\n/**\n * Колонка 12-колоночной сетки. Используется внутри компонента Row,\n * горизонтальный отступ между колонками получает из RowContext.\n */\nexport const Col = React.forwardRef<HTMLDivElement, IColProps>(\n    (\n        {\n            children,\n            className,\n            hidden,\n            hiddenSm,\n            hiddenMd,\n            hiddenLg,\n            hiddenXl,\n            block,\n            blockSm,\n            blockMd,\n            blockLg,\n            blockXl,\n            size = 12,\n            sizeSm,\n            sizeMd,\n            sizeLg,\n            sizeXl,\n            offset,\n            offsetSm,\n            offsetMd,\n            offsetLg,\n            offsetXl,\n            ...htmlDivAttributes\n        },\n        ref,\n    ) => {\n        const { gridHorizontalGap } = useContext(RowContext);\n\n        const classNames = [\n            ...getClassNames({ block, hidden, offset, size }),\n            ...getClassNames({ block: blockSm, hidden: hiddenSm, offset: offsetSm, prefix: \"sm\", size: sizeSm }),\n            ...getClassNames({ block: blockMd, hidden: hiddenMd, offset: offsetMd, prefix: \"md\", size: sizeMd }),\n            ...getClassNames({ block: blockLg, hidden: hiddenLg, offset: offsetLg, prefix: \"lg\", size: sizeLg }),\n            ...getClassNames({ block: blockXl, hidden: hiddenXl, offset: offsetXl, prefix: \"xl\", size: sizeXl }),\n        ];\n        const mappedClasses = classNames.map((c) => styles[c]).filter(Boolean);\n\n        return (\n            <div\n                {...htmlDivAttributes}\n                className={clsx(className, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], ...mappedClasses)}\n                ref={ref}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nCol.displayName = \"Col\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wCAAwC;AAAA,EAC1C,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAiDA,SAAS,cAAc;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAMG;AACC,QAAM,UAAoB,CAAA;AAC1B,QAAM,eAAe,SAAS,GAAG,MAAM,MAAM;AAC7C,QAAM,mBAAmB,SAAS,IAAI,MAAM,KAAK;AAEjD,MAAI,UAAU,MAAM;AAChB,YAAQ,KAAK,UAAU,gBAAgB,EAAE;AAAA,EAC7C;AAEA,MAAI,WAAW,MAAM;AACjB,YAAQ,KAAK,SAAS,gBAAgB,EAAE;AAAA,EAC5C;AAEA,MAAI,WAAW,QAAW;AACtB,YAAQ,KAAK,UAAU,YAAY,GAAG,MAAM,EAAE;AAAA,EAClD;AAEA,MAAI,SAAS,QAAW;AACpB,YAAQ,KAAK,OAAO,YAAY,GAAG,IAAI,EAAE;AAAA,EAC7C;AAEA,SAAO;AACX;AAMO,MAAM,MAAM,MAAM;AAAA,EACrB,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,EAAE,kBAAA,IAAsB,WAAW,UAAU;AAEnD,UAAM,aAAa;AAAA,MACf,GAAG,cAAc,EAAE,OAAO,QAAQ,QAAQ,MAAM;AAAA,MAChD,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,MACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,MACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,MACnG,GAAG,cAAc,EAAE,OAAO,SAAS,QAAQ,UAAU,QAAQ,UAAU,QAAQ,MAAM,MAAM,QAAQ;AAAA,IAAA;AAEvG,UAAM,gBAAgB,WAAW,IAAI,CAAC,MAAM,OAAO,CAAC,CAAC,EAAE,OAAO,OAAO;AAErE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,WAAW,KAAK,WAAW,sCAAsC,iBAAiB,GAAG,GAAG,aAAa;AAAA,QACrG;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,IAAI,cAAc;"}

package/components/CollapsibleTree/CollapsibleTree.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeBranchNode } from "./components/CollapsibleTreeBranchNode.js";
-const collapsibleTree = "collapsibleTree__0b22f098";
+const collapsibleTree = "collapsibleTree__5aaac408";
 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-BtZO8a0z.js";
-const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__2e9060e6";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__bd863b96";
 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 { x as noop } from "../../../chunks/vendor-BtZO8a0z.js";
-const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__945f19b4";
+import { y as noop } from "../../../chunks/vendor-DKrjZZwJ.js";
+const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__aa6f38bf";
 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-BtZO8a0z.js";
-const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__3d6b2db5";
-const interactive = "interactive__d1343bd2";
-const chevron = "chevron__39b07b63";
-const opened = "opened__b5915464";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__4d05852e";
+const interactive = "interactive__55820722";
+const chevron = "chevron__14a2e783";
+const opened = "opened__8cd7f3a9";
 const styles = {
   collapsibleTreeNodeHeader,
   interactive,
@@ -26,10 +26,11 @@ const CollapsibleTreeNodeHeader = forwardRef(
         ...props,
         ref,
         type: "button",
-        className: clsx(styles.collapsibleTreeNodeHeader, className, {
+        className: clsx(styles.collapsibleTreeNodeHeader, "hoverable", className, {
           [styles.interactive]: hasChildNodes && !disabled,
-          // Глобальные классы @sberbusiness/icons-next — задают приглушённый цвет шеврона.
-          "hoverable disabled": disabled
+          // У леаф-нод opened всегда true (хак LeafNode), поэтому active только при наличии детей.
+          active: hasChildNodes && opened2,
+          disabled
         }),
         onClick: handleClick,
         "aria-expanded": hasChildNodes ? opened2 : void 0,

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTreeNodeHeader.js","sources":["../../../../src/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { CaretrightStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { ICollapsibleTreeExtendedNodeHeaderProvideProps } from \"../../CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode\";\nimport styles from \"../styles/CollapsibleTreeNodeHeader.module.less\";\n\n/** Свойства CollapsibleTreeNodeHeader. */\nexport interface ICollapsibleTreeNodeHeaderProps\n    extends ICollapsibleTreeExtendedNodeHeaderProvideProps, React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/**\n * Заголовок ноды CollapsibleTree.\n * Рендерит кнопку с шевроном-индикатором раскрытия для нод с детьми\n * и неактивную кнопку без шеврона для леаф-нод. Типографику заголовка задавай\n * через {@link CollapsibleTreeNodeLabel} в `children`.\n */\nexport const CollapsibleTreeNodeHeader = forwardRef<HTMLButtonElement, ICollapsibleTreeNodeHeaderProps>(\n    ({ children, className, opened, toggle, onClick, hasChildNodes, disabled, ...props }, ref) => {\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (hasChildNodes && !disabled) {\n                toggle(!opened);\n            }\n            onClick?.(event);\n        };\n\n        return (\n            <button\n                {...props}\n                ref={ref}\n                type=\"button\"\n                className={clsx(styles.collapsibleTreeNodeHeader, className, {\n                    [styles.interactive]: hasChildNodes && !disabled,\n                    // Глобальные классы @sberbusiness/icons-next — задают приглушённый цвет шеврона.\n                    \"hoverable disabled\": disabled,\n                })}\n                onClick={handleClick}\n                aria-expanded={hasChildNodes ? opened : undefined}\n                disabled={disabled || !hasChildNodes}\n            >\n                {hasChildNodes && (\n                    <CaretrightStrokeSrvIcon24\n                        paletteIndex={5}\n                        className={clsx(styles.chevron, { [styles.opened]: opened })}\n                        aria-hidden\n                    />\n                )}\n                {children}\n            </button>\n        );\n    },\n);\n\nCollapsibleTreeNodeHeader.displayName = \"CollapsibleTreeNodeHeader\";\n"],"names":["opened"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAM,4BAA4B;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,QAAAA,SAAQ,QAAQ,SAAS,eAAe,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1F,UAAM,cAAc,CAAC,UAA+C;AAChE,UAAI,iBAAiB,CAAC,UAAU;AAC5B,eAAO,CAACA,OAAM;AAAA,MAClB;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,MAAK;AAAA,QACL,WAAW,KAAK,OAAO,2BAA2B,WAAW;AAAA,UACzD,CAAC,OAAO,WAAW,GAAG,iBAAiB,CAAC;AAAA;AAAA,UAExC,sBAAsB;AAAA,QAAA,CACzB;AAAA,QACD,SAAS;AAAA,QACT,iBAAe,gBAAgBA,UAAS;AAAA,QACxC,UAAU,YAAY,CAAC;AAAA,QAEtB,UAAA;AAAA,UAAA,iBACG;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,cAAc;AAAA,cACd,WAAW,KAAK,OAAO,SAAS,EAAE,CAAC,OAAO,MAAM,GAAGA,SAAQ;AAAA,cAC3D,eAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAGlB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,0BAA0B,cAAc;"}
+{"version":3,"file":"CollapsibleTreeNodeHeader.js","sources":["../../../../src/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { CaretrightStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { ICollapsibleTreeExtendedNodeHeaderProvideProps } from \"../../CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode\";\nimport styles from \"../styles/CollapsibleTreeNodeHeader.module.less\";\n\n/** Свойства CollapsibleTreeNodeHeader. */\nexport interface ICollapsibleTreeNodeHeaderProps\n    extends ICollapsibleTreeExtendedNodeHeaderProvideProps, React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/**\n * Заголовок ноды CollapsibleTree.\n * Рендерит кнопку с шевроном-индикатором раскрытия для нод с детьми\n * и неактивную кнопку без шеврона для леаф-нод. Типографику заголовка задавай\n * через {@link CollapsibleTreeNodeLabel} в `children`.\n */\nexport const CollapsibleTreeNodeHeader = forwardRef<HTMLButtonElement, ICollapsibleTreeNodeHeaderProps>(\n    ({ children, className, opened, toggle, onClick, hasChildNodes, disabled, ...props }, ref) => {\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (hasChildNodes && !disabled) {\n                toggle(!opened);\n            }\n            onClick?.(event);\n        };\n\n        return (\n            <button\n                {...props}\n                ref={ref}\n                type=\"button\"\n                // Глобальные классы @sberbusiness/icons-next \"hoverable\", \"active\" и \"disabled\" — задают цвет шеврона.\n                className={clsx(styles.collapsibleTreeNodeHeader, \"hoverable\", className, {\n                    [styles.interactive]: hasChildNodes && !disabled,\n                    // У леаф-нод opened всегда true (хак LeafNode), поэтому active только при наличии детей.\n                    active: hasChildNodes && opened,\n                    disabled,\n                })}\n                onClick={handleClick}\n                aria-expanded={hasChildNodes ? opened : undefined}\n                disabled={disabled || !hasChildNodes}\n            >\n                {hasChildNodes && (\n                    <CaretrightStrokeSrvIcon24\n                        paletteIndex={5}\n                        className={clsx(styles.chevron, { [styles.opened]: opened })}\n                        aria-hidden\n                    />\n                )}\n                {children}\n            </button>\n        );\n    },\n);\n\nCollapsibleTreeNodeHeader.displayName = \"CollapsibleTreeNodeHeader\";\n"],"names":["opened"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAM,4BAA4B;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,QAAAA,SAAQ,QAAQ,SAAS,eAAe,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1F,UAAM,cAAc,CAAC,UAA+C;AAChE,UAAI,iBAAiB,CAAC,UAAU;AAC5B,eAAO,CAACA,OAAM;AAAA,MAClB;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,MAAK;AAAA,QAEL,WAAW,KAAK,OAAO,2BAA2B,aAAa,WAAW;AAAA,UACtE,CAAC,OAAO,WAAW,GAAG,iBAAiB,CAAC;AAAA;AAAA,UAExC,QAAQ,iBAAiBA;AAAA,UACzB;AAAA,QAAA,CACH;AAAA,QACD,SAAS;AAAA,QACT,iBAAe,gBAAgBA,UAAS;AAAA,QACxC,UAAU,YAAY,CAAC;AAAA,QAEtB,UAAA;AAAA,UAAA,iBACG;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,cAAc;AAAA,cACd,WAAW,KAAK,OAAO,SAAS,EAAE,CAAC,OAAO,MAAM,GAAGA,SAAQ;AAAA,cAC3D,eAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAGlB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,0BAA0B,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-BtZO8a0z.js";
-const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__dd05305b";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__322e5a31";
 const styles = {
   collapsibleTreeExtendedNodeContent
 };

package/components/Confirm/Confirm.js

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 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-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.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-CS-qLUhJ.js";
+import { s as styles } from "../../chunks/Confirm.module-CEJR1txO.js";
 const parentComponentToClassNameMap = {
   [EConfirmParentComponent.LIGHTBOX]: styles.isInLightBox,
   [EConfirmParentComponent.SIDE_OVERLAY_SM]: styles.isInSideOverlaySM,

package/components/Confirm/components/ConfirmCloseButton.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Confirm.module-CS-qLUhJ.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles } from "../../../chunks/Confirm.module-CEJR1txO.js";
 import { Button } from "../../Button/Button.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";

package/components/Confirm/components/ConfirmContent.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { ConfirmContentSubTitle } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle } from "./ConfirmContentTitle.js";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Confirm.module-CS-qLUhJ.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles } from "../../../chunks/Confirm.module-CEJR1txO.js";
 const ConfirmContent = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmContent), ...htmlDivAttributes, children });
 ConfirmContent.displayName = "ConfirmContent";
 ConfirmContent.Title = ConfirmContentTitle;

package/components/Confirm/components/ConfirmContentTitle.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { ETitleSize } from "../../Typography/enums.js";
 import { Title } from "../../Typography/Title.js";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Confirm.module-CS-qLUhJ.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles } from "../../../chunks/Confirm.module-CEJR1txO.js";
 const ConfirmContentTitle = ({
   children,
   className,

package/components/Confirm/components/ConfirmControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Confirm.module-CS-qLUhJ.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles } from "../../../chunks/Confirm.module-CEJR1txO.js";
 const ConfirmControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmControls), ...htmlDivAttributes, children });
 ConfirmControls.displayName = "ConfirmControls";
 export {

package/components/DatePickerExtended/DatePickerExtended.js

@@ -5,7 +5,7 @@ import { Calendar } from "../Calendar/Calendar.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-XgkJENoJ.js";
+import "../../chunks/DropdownListItem-COR0eOzM.js";
 import { EDropdownAlignment } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -131,7 +131,7 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
       onKeyDown: handleKeyDown,
       onMouseDown: handleMouseDown,
       ...restProps,
-      "data-tx": "0.37.0",
+      "data-tx": "0.39.0",
       ref: setRef,
       children: /* @__PURE__ */ jsxs(DatePickerExtendedContext.Provider, { value: { dropdownOpen, mouseUsedRef, setDropdownOpen }, children: [
         renderTarget(),