@sberbusiness/triplex-next 1.38.0 → 1.40.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-Bco_z_Yi.js";
+import React__default, { useContext } from "react";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { RowContext } from "../Row/RowContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const gridHorizontalGapSM = "gridHorizontalGapSM__dc34c53b";
-const gridHorizontalGapMD = "gridHorizontalGapMD__3a19e401";
+const gridHorizontalGapSM = "gridHorizontalGapSM__40bb3dba";
+const gridHorizontalGapMD = "gridHorizontalGapMD__95ab26e4";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__2a25d9c0",
-  "col-2": "col-2__a4f8ba96",
-  "col-3": "col-3__c9664a51",
-  "col-4": "col-4__5931398f",
-  "col-5": "col-5__3460de63",
-  "col-6": "col-6__a0a5235c",
-  "col-7": "col-7__59afe41d",
-  "col-8": "col-8__084ad490",
-  "col-9": "col-9__4a733133",
-  "col-10": "col-10__23a93ea9",
-  "col-11": "col-11__6c5ff99d",
-  "col-12": "col-12__22619d0c",
-  "offset-0": "offset-0__3767540f",
-  "offset-1": "offset-1__54a9de9c",
-  "offset-2": "offset-2__6426361c",
-  "offset-3": "offset-3__abd7d95b",
-  "offset-4": "offset-4__9f5bdf7b",
-  "offset-5": "offset-5__1869c297",
-  "offset-6": "offset-6__ab3e634d",
-  "offset-7": "offset-7__0b3c4a2b",
-  "offset-8": "offset-8__bc85258d",
-  "offset-9": "offset-9__ebf9bff2",
-  "offset-10": "offset-10__de5bf10f",
-  "offset-11": "offset-11__8cf454b5",
-  "d-none": "d-none__b0566bb4",
-  "d-block": "d-block__940de3fc",
-  "col-sm-1": "col-sm-1__f2566809",
-  "col-sm-2": "col-sm-2__5d431e0b",
-  "col-sm-3": "col-sm-3__bd410b0f",
-  "col-sm-4": "col-sm-4__8f626966",
-  "col-sm-5": "col-sm-5__2206eca4",
-  "col-sm-6": "col-sm-6__22dd3c33",
-  "col-sm-7": "col-sm-7__eefbcd04",
-  "col-sm-8": "col-sm-8__a46432db",
-  "col-sm-9": "col-sm-9__51b8fcc5",
-  "col-sm-10": "col-sm-10__18a09bec",
-  "col-sm-11": "col-sm-11__59066f36",
-  "col-sm-12": "col-sm-12__2ab05495",
-  "offset-sm-0": "offset-sm-0__c00a40f6",
-  "offset-sm-1": "offset-sm-1__644eb729",
-  "offset-sm-2": "offset-sm-2__d769ff9b",
-  "offset-sm-3": "offset-sm-3__12768349",
-  "offset-sm-4": "offset-sm-4__b823f058",
-  "offset-sm-5": "offset-sm-5__32696eca",
-  "offset-sm-6": "offset-sm-6__1b1e8a63",
-  "offset-sm-7": "offset-sm-7__d2109770",
-  "offset-sm-8": "offset-sm-8__4167dbd1",
-  "offset-sm-9": "offset-sm-9__dd11e9fe",
-  "offset-sm-10": "offset-sm-10__af491e93",
-  "offset-sm-11": "offset-sm-11__e8ea674b",
-  "d-none-sm": "d-none-sm__61cd1719",
-  "d-block-sm": "d-block-sm__4894a002",
-  "col-md-1": "col-md-1__c8895888",
-  "col-md-2": "col-md-2__a6c6740c",
-  "col-md-3": "col-md-3__e3ee681a",
-  "col-md-4": "col-md-4__1bdab337",
-  "col-md-5": "col-md-5__f40fb149",
-  "col-md-6": "col-md-6__a0058477",
-  "col-md-7": "col-md-7__a0218d7b",
-  "col-md-8": "col-md-8__a0b27b86",
-  "col-md-9": "col-md-9__e77347b1",
-  "col-md-10": "col-md-10__5c802577",
-  "col-md-11": "col-md-11__5e3df5a4",
-  "col-md-12": "col-md-12__1fc952a2",
-  "offset-md-0": "offset-md-0__1de44fa2",
-  "offset-md-1": "offset-md-1__32e34f84",
-  "offset-md-2": "offset-md-2__cadbecbc",
-  "offset-md-3": "offset-md-3__8efa618a",
-  "offset-md-4": "offset-md-4__34c32502",
-  "offset-md-5": "offset-md-5__052b91ab",
-  "offset-md-6": "offset-md-6__6fb9f61c",
-  "offset-md-7": "offset-md-7__cf3debad",
-  "offset-md-8": "offset-md-8__2078e904",
-  "offset-md-9": "offset-md-9__83c34989",
-  "offset-md-10": "offset-md-10__91c1e499",
-  "offset-md-11": "offset-md-11__6c9f3993",
-  "d-none-md": "d-none-md__b21bea95",
-  "d-block-md": "d-block-md__55812922",
-  "col-lg-1": "col-lg-1__56045df8",
-  "col-lg-2": "col-lg-2__5df1dc5a",
-  "col-lg-3": "col-lg-3__987125c4",
-  "col-lg-4": "col-lg-4__6fb6f6a0",
-  "col-lg-5": "col-lg-5__84d4379e",
-  "col-lg-6": "col-lg-6__3a1f552a",
-  "col-lg-7": "col-lg-7__eb2b001e",
-  "col-lg-8": "col-lg-8__e37cc4a0",
-  "col-lg-9": "col-lg-9__14806156",
-  "col-lg-10": "col-lg-10__779fee7e",
-  "col-lg-11": "col-lg-11__d2fab92d",
-  "col-lg-12": "col-lg-12__f0ef178c",
-  "offset-lg-0": "offset-lg-0__b25b90a8",
-  "offset-lg-1": "offset-lg-1__d4e0c3e0",
-  "offset-lg-2": "offset-lg-2__baff7a69",
-  "offset-lg-3": "offset-lg-3__4686b600",
-  "offset-lg-4": "offset-lg-4__6bb2f010",
-  "offset-lg-5": "offset-lg-5__20a6bb29",
-  "offset-lg-6": "offset-lg-6__fbfd223e",
-  "offset-lg-7": "offset-lg-7__4e29d418",
-  "offset-lg-8": "offset-lg-8__0856a1c2",
-  "offset-lg-9": "offset-lg-9__100a7596",
-  "offset-lg-10": "offset-lg-10__4a2c4053",
-  "offset-lg-11": "offset-lg-11__5430123e",
-  "d-none-lg": "d-none-lg__68b628ab",
-  "d-block-lg": "d-block-lg__d345f1b9",
-  "col-xl-1": "col-xl-1__72b02b2d",
-  "col-xl-2": "col-xl-2__46913749",
-  "col-xl-3": "col-xl-3__1b2c4346",
-  "col-xl-4": "col-xl-4__ab23e680",
-  "col-xl-5": "col-xl-5__4e2c605e",
-  "col-xl-6": "col-xl-6__161f2cd9",
-  "col-xl-7": "col-xl-7__6a79baa4",
-  "col-xl-8": "col-xl-8__ea76cab5",
-  "col-xl-9": "col-xl-9__1919b257",
-  "col-xl-10": "col-xl-10__f49e75cb",
-  "col-xl-11": "col-xl-11__20a72fa6",
-  "col-xl-12": "col-xl-12__7d7e51f7",
-  "offset-xl-0": "offset-xl-0__436914e2",
-  "offset-xl-1": "offset-xl-1__bab2a4ab",
-  "offset-xl-2": "offset-xl-2__4f50a268",
-  "offset-xl-3": "offset-xl-3__747f1005",
-  "offset-xl-4": "offset-xl-4__1381419f",
-  "offset-xl-5": "offset-xl-5__e462ebcf",
-  "offset-xl-6": "offset-xl-6__dc33f67d",
-  "offset-xl-7": "offset-xl-7__0818b899",
-  "offset-xl-8": "offset-xl-8__a51d9962",
-  "offset-xl-9": "offset-xl-9__296e5d82",
-  "offset-xl-10": "offset-xl-10__649a2180",
-  "offset-xl-11": "offset-xl-11__cd01ff86",
-  "d-none-xl": "d-none-xl__5f636b4e",
-  "d-block-xl": "d-block-xl__abd06ff3"
+  "col-1": "col-1__57b7e5b6",
+  "col-2": "col-2__48e72766",
+  "col-3": "col-3__7cad254c",
+  "col-4": "col-4__af0be546",
+  "col-5": "col-5__0220204b",
+  "col-6": "col-6__c31acbf1",
+  "col-7": "col-7__e22a82a1",
+  "col-8": "col-8__04a80a19",
+  "col-9": "col-9__02f80e56",
+  "col-10": "col-10__2b63b234",
+  "col-11": "col-11__d2f4c230",
+  "col-12": "col-12__2d68c912",
+  "offset-0": "offset-0__886f1f79",
+  "offset-1": "offset-1__c6da4aa8",
+  "offset-2": "offset-2__682c66bc",
+  "offset-3": "offset-3__3111f583",
+  "offset-4": "offset-4__209468dd",
+  "offset-5": "offset-5__27cd606e",
+  "offset-6": "offset-6__fe23714d",
+  "offset-7": "offset-7__dc811c24",
+  "offset-8": "offset-8__efa0cdd1",
+  "offset-9": "offset-9__fda25717",
+  "offset-10": "offset-10__52ae9930",
+  "offset-11": "offset-11__94c3a1be",
+  "d-none": "d-none__c78f7352",
+  "d-block": "d-block__9d7cb2c7",
+  "col-sm-1": "col-sm-1__7bc881ff",
+  "col-sm-2": "col-sm-2__ea6a1b21",
+  "col-sm-3": "col-sm-3__f01331ae",
+  "col-sm-4": "col-sm-4__59a6b7f5",
+  "col-sm-5": "col-sm-5__4cf148c6",
+  "col-sm-6": "col-sm-6__edd04ba1",
+  "col-sm-7": "col-sm-7__21eeb7c1",
+  "col-sm-8": "col-sm-8__7c78c46d",
+  "col-sm-9": "col-sm-9__1f781afd",
+  "col-sm-10": "col-sm-10__bbd1d39d",
+  "col-sm-11": "col-sm-11__8887c251",
+  "col-sm-12": "col-sm-12__0aef35de",
+  "offset-sm-0": "offset-sm-0__8598d9c3",
+  "offset-sm-1": "offset-sm-1__25013d2f",
+  "offset-sm-2": "offset-sm-2__7eef050c",
+  "offset-sm-3": "offset-sm-3__e8265989",
+  "offset-sm-4": "offset-sm-4__742e2555",
+  "offset-sm-5": "offset-sm-5__bf777ecf",
+  "offset-sm-6": "offset-sm-6__ad154a23",
+  "offset-sm-7": "offset-sm-7__a9f4648d",
+  "offset-sm-8": "offset-sm-8__d7e6cf81",
+  "offset-sm-9": "offset-sm-9__2c523c68",
+  "offset-sm-10": "offset-sm-10__ec191527",
+  "offset-sm-11": "offset-sm-11__77fbe052",
+  "d-none-sm": "d-none-sm__561c3e78",
+  "d-block-sm": "d-block-sm__da407145",
+  "col-md-1": "col-md-1__d40f0f3f",
+  "col-md-2": "col-md-2__325e8311",
+  "col-md-3": "col-md-3__3f5e4641",
+  "col-md-4": "col-md-4__ff115ba0",
+  "col-md-5": "col-md-5__8a41bc04",
+  "col-md-6": "col-md-6__d88f1185",
+  "col-md-7": "col-md-7__d6308a44",
+  "col-md-8": "col-md-8__3f5b5b27",
+  "col-md-9": "col-md-9__acd4c06c",
+  "col-md-10": "col-md-10__f391e9ea",
+  "col-md-11": "col-md-11__974c8af7",
+  "col-md-12": "col-md-12__9e5014cb",
+  "offset-md-0": "offset-md-0__324416cc",
+  "offset-md-1": "offset-md-1__b9b7970e",
+  "offset-md-2": "offset-md-2__33fd3728",
+  "offset-md-3": "offset-md-3__3dba4dba",
+  "offset-md-4": "offset-md-4__33a93adc",
+  "offset-md-5": "offset-md-5__43931b49",
+  "offset-md-6": "offset-md-6__b57b7737",
+  "offset-md-7": "offset-md-7__5f5a6cd0",
+  "offset-md-8": "offset-md-8__4404df52",
+  "offset-md-9": "offset-md-9__05a4c508",
+  "offset-md-10": "offset-md-10__a47afb32",
+  "offset-md-11": "offset-md-11__b8e420be",
+  "d-none-md": "d-none-md__dde14300",
+  "d-block-md": "d-block-md__00a35768",
+  "col-lg-1": "col-lg-1__fb862f0d",
+  "col-lg-2": "col-lg-2__e49fbcd0",
+  "col-lg-3": "col-lg-3__31927bf7",
+  "col-lg-4": "col-lg-4__a6787dc0",
+  "col-lg-5": "col-lg-5__517b9fc8",
+  "col-lg-6": "col-lg-6__36d252c0",
+  "col-lg-7": "col-lg-7__943d64a3",
+  "col-lg-8": "col-lg-8__d65d1b18",
+  "col-lg-9": "col-lg-9__b258b2e6",
+  "col-lg-10": "col-lg-10__554722bf",
+  "col-lg-11": "col-lg-11__30fbd85d",
+  "col-lg-12": "col-lg-12__cff77043",
+  "offset-lg-0": "offset-lg-0__b554bd58",
+  "offset-lg-1": "offset-lg-1__2fc579de",
+  "offset-lg-2": "offset-lg-2__e3332b3b",
+  "offset-lg-3": "offset-lg-3__270ba4dc",
+  "offset-lg-4": "offset-lg-4__c06e2aa4",
+  "offset-lg-5": "offset-lg-5__4004fa62",
+  "offset-lg-6": "offset-lg-6__5a119037",
+  "offset-lg-7": "offset-lg-7__8cca5b63",
+  "offset-lg-8": "offset-lg-8__191ca72c",
+  "offset-lg-9": "offset-lg-9__bc00636a",
+  "offset-lg-10": "offset-lg-10__108098d1",
+  "offset-lg-11": "offset-lg-11__3972b8f8",
+  "d-none-lg": "d-none-lg__04c836bb",
+  "d-block-lg": "d-block-lg__10e998f0",
+  "col-xl-1": "col-xl-1__e066e2b0",
+  "col-xl-2": "col-xl-2__3cb5214f",
+  "col-xl-3": "col-xl-3__fef144bc",
+  "col-xl-4": "col-xl-4__955a6dcb",
+  "col-xl-5": "col-xl-5__373776b0",
+  "col-xl-6": "col-xl-6__2f0b9a75",
+  "col-xl-7": "col-xl-7__286eeaa0",
+  "col-xl-8": "col-xl-8__88440081",
+  "col-xl-9": "col-xl-9__7aa343fc",
+  "col-xl-10": "col-xl-10__f0558411",
+  "col-xl-11": "col-xl-11__8d0397ed",
+  "col-xl-12": "col-xl-12__cde8d881",
+  "offset-xl-0": "offset-xl-0__e57a678c",
+  "offset-xl-1": "offset-xl-1__f0f62f2c",
+  "offset-xl-2": "offset-xl-2__9eedb0bf",
+  "offset-xl-3": "offset-xl-3__7d829236",
+  "offset-xl-4": "offset-xl-4__6ac57754",
+  "offset-xl-5": "offset-xl-5__3d07f431",
+  "offset-xl-6": "offset-xl-6__b95e4b7a",
+  "offset-xl-7": "offset-xl-7__7f84c9c0",
+  "offset-xl-8": "offset-xl-8__5bbd6e27",
+  "offset-xl-9": "offset-xl-9__6c593561",
+  "offset-xl-10": "offset-xl-10__16de7d69",
+  "offset-xl-11": "offset-xl-11__5cc3e3d0",
+  "d-none-xl": "d-none-xl__4b1fa23a",
+  "d-block-xl": "d-block-xl__256bfbd6"
 };
 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__default.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":["React"],"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,MAAMA,eAAM;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-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeBranchNode } from "./components/CollapsibleTreeBranchNode.js";
-const collapsibleTree = "collapsibleTree__5ee1f64f";
+const collapsibleTree = "collapsibleTree__664e4205";
 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-Bco_z_Yi.js";
-const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__71ccc58b";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__36590650";
 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-Bco_z_Yi.js";
-const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__539c1440";
+import { y as noop } from "../../../chunks/vendor-CtuAQuEN.js";
+const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__10c01ed6";
 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-Bco_z_Yi.js";
-const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__7e9370d6";
-const interactive = "interactive__7ddc7649";
-const chevron = "chevron__5dd83a94";
-const opened = "opened__53c45792";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__2b8e497b";
+const interactive = "interactive__d2ba8d61";
+const chevron = "chevron__ca89b092";
+const opened = "opened__3691cdf6";
 const styles = {
   collapsibleTreeNodeHeader,
   interactive,

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -5,8 +5,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { TreeView } from "../../TreeView/TreeView.js";
 import { AccordionBase } from "../../AccordionBase/protected/AccordionBase.js";
-import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__f651598a";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__b04a41ab";
 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-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.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-2RjEubTA.js";
+import { s as styles } from "../../chunks/Confirm.module-BtnLGqBz.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__default from "react";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/Confirm.module-2RjEubTA.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { s as styles } from "../../../chunks/Confirm.module-BtnLGqBz.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/Confirm.module-2RjEubTA.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { s as styles } from "../../../chunks/Confirm.module-BtnLGqBz.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/Confirm.module-2RjEubTA.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { s as styles } from "../../../chunks/Confirm.module-BtnLGqBz.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/Confirm.module-2RjEubTA.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { s as styles } from "../../../chunks/Confirm.module-BtnLGqBz.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-R6GgcMur.js";
+import "../../chunks/DropdownListItem-BqOoPFSx.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__default.forwardRef((props, ref) => {
       onKeyDown: handleKeyDown,
       onMouseDown: handleMouseDown,
       ...restProps,
-      "data-tx": "1.38.0",
+      "data-tx": "1.40.0",
       ref: setRef,
       children: /* @__PURE__ */ jsxs(DatePickerExtendedContext.Provider, { value: { dropdownOpen, mouseUsedRef, setDropdownOpen }, children: [
         renderTarget(),

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { j as focusTrapReactExports } from "../../chunks/vendor-Bco_z_Yi.js";
+import { j as focusTrapReactExports } from "../../chunks/vendor-CtuAQuEN.js";
 import { Dropdown } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
@@ -14,7 +14,7 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__2c06f330";
+const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__13ecf17d";
 const styles = {
   datePickerExtendedMobileDropdown
 };

package/components/DateRange/DateRange.js

@@ -3,10 +3,10 @@ import moment from "moment";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit } from "./enums.js";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-const dateRange = "dateRange__17279f12";
-const dateRangeButton = "dateRangeButton__40886f4d";
-const separator = "separator__1b30b344";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+const dateRange = "dateRange__91cb5579";
+const dateRangeButton = "dateRangeButton__e978734a";
+const separator = "separator__488d3098";
 const styles = {
   dateRange,
   dateRangeButton,

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,12 +3,12 @@ import { DesignTokensCore } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark } from "./DesignTokensComponentsThemeDark.js";
-import { m as defaultsDeep } from "../../chunks/vendor-Bco_z_Yi.js";
+import { m as defaultsDeep } from "../../chunks/vendor-CtuAQuEN.js";
 const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "1.38.0";
+    let tokenVersion = "1.40.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(