@sberbusiness/triplex-next 0.38.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__d12503ba";
-const gridHorizontalGapMD = "gridHorizontalGapMD__3179c66c";
+const gridHorizontalGapSM = "gridHorizontalGapSM__77509688";
+const gridHorizontalGapMD = "gridHorizontalGapMD__efd99d90";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__290d9e72",
-  "col-2": "col-2__4e33c306",
-  "col-3": "col-3__a09dee6f",
-  "col-4": "col-4__2c4a4b5a",
-  "col-5": "col-5__eb9c582a",
-  "col-6": "col-6__9449517b",
-  "col-7": "col-7__12fc73e4",
-  "col-8": "col-8__8ca25266",
-  "col-9": "col-9__f2e37ee9",
-  "col-10": "col-10__98a42528",
-  "col-11": "col-11__01c97e2f",
-  "col-12": "col-12__d16769dd",
-  "offset-0": "offset-0__c50343f1",
-  "offset-1": "offset-1__a0bb8a12",
-  "offset-2": "offset-2__7a6824fe",
-  "offset-3": "offset-3__fcc17162",
-  "offset-4": "offset-4__f4b3ffc3",
-  "offset-5": "offset-5__c9f84566",
-  "offset-6": "offset-6__d51c4bc2",
-  "offset-7": "offset-7__f2b702de",
-  "offset-8": "offset-8__3ebeddf0",
-  "offset-9": "offset-9__148590c5",
-  "offset-10": "offset-10__d98080e8",
-  "offset-11": "offset-11__e2439d77",
-  "d-none": "d-none__c3d6bbc5",
-  "d-block": "d-block__aac0394c",
-  "col-sm-1": "col-sm-1__89c94136",
-  "col-sm-2": "col-sm-2__4e19d01e",
-  "col-sm-3": "col-sm-3__011c51df",
-  "col-sm-4": "col-sm-4__cf5850ad",
-  "col-sm-5": "col-sm-5__e7a835af",
-  "col-sm-6": "col-sm-6__f1244d26",
-  "col-sm-7": "col-sm-7__ee0f24ef",
-  "col-sm-8": "col-sm-8__1d0d9948",
-  "col-sm-9": "col-sm-9__d3e57e7f",
-  "col-sm-10": "col-sm-10__7b098667",
-  "col-sm-11": "col-sm-11__bcb5dcc5",
-  "col-sm-12": "col-sm-12__753ecc1b",
-  "offset-sm-0": "offset-sm-0__a35fb2af",
-  "offset-sm-1": "offset-sm-1__b467953c",
-  "offset-sm-2": "offset-sm-2__f402de0e",
-  "offset-sm-3": "offset-sm-3__7c773075",
-  "offset-sm-4": "offset-sm-4__a74bec71",
-  "offset-sm-5": "offset-sm-5__19c8a1b4",
-  "offset-sm-6": "offset-sm-6__4be707f0",
-  "offset-sm-7": "offset-sm-7__57c22e4b",
-  "offset-sm-8": "offset-sm-8__85402fb1",
-  "offset-sm-9": "offset-sm-9__96c8560b",
-  "offset-sm-10": "offset-sm-10__1c564662",
-  "offset-sm-11": "offset-sm-11__dfbf0084",
-  "d-none-sm": "d-none-sm__738b3c39",
-  "d-block-sm": "d-block-sm__19dedc6f",
-  "col-md-1": "col-md-1__9be2afc8",
-  "col-md-2": "col-md-2__8631ca9e",
-  "col-md-3": "col-md-3__b9b8b563",
-  "col-md-4": "col-md-4__54f07f5b",
-  "col-md-5": "col-md-5__7c97a25c",
-  "col-md-6": "col-md-6__d2cfc2b4",
-  "col-md-7": "col-md-7__bd4a28f3",
-  "col-md-8": "col-md-8__55ce9b2b",
-  "col-md-9": "col-md-9__538652aa",
-  "col-md-10": "col-md-10__a52ce9b9",
-  "col-md-11": "col-md-11__0a70fb6a",
-  "col-md-12": "col-md-12__9a549e9d",
-  "offset-md-0": "offset-md-0__3a97ec56",
-  "offset-md-1": "offset-md-1__05d096bc",
-  "offset-md-2": "offset-md-2__bcd737e4",
-  "offset-md-3": "offset-md-3__12ff38f3",
-  "offset-md-4": "offset-md-4__598d5139",
-  "offset-md-5": "offset-md-5__1ef51849",
-  "offset-md-6": "offset-md-6__c4d52676",
-  "offset-md-7": "offset-md-7__98e664aa",
-  "offset-md-8": "offset-md-8__013abf57",
-  "offset-md-9": "offset-md-9__8918a2ac",
-  "offset-md-10": "offset-md-10__562c0355",
-  "offset-md-11": "offset-md-11__4fcc2ced",
-  "d-none-md": "d-none-md__a2b02872",
-  "d-block-md": "d-block-md__2b47a645",
-  "col-lg-1": "col-lg-1__8c29c9d4",
-  "col-lg-2": "col-lg-2__95310d63",
-  "col-lg-3": "col-lg-3__1e5a07f5",
-  "col-lg-4": "col-lg-4__399add70",
-  "col-lg-5": "col-lg-5__fcbb69d1",
-  "col-lg-6": "col-lg-6__da99f238",
-  "col-lg-7": "col-lg-7__27f58344",
-  "col-lg-8": "col-lg-8__4e01cf45",
-  "col-lg-9": "col-lg-9__c0be4a23",
-  "col-lg-10": "col-lg-10__d406dab1",
-  "col-lg-11": "col-lg-11__3311ca30",
-  "col-lg-12": "col-lg-12__bd783ab6",
-  "offset-lg-0": "offset-lg-0__92df6e9a",
-  "offset-lg-1": "offset-lg-1__a9d2a82f",
-  "offset-lg-2": "offset-lg-2__80936bbf",
-  "offset-lg-3": "offset-lg-3__caab743b",
-  "offset-lg-4": "offset-lg-4__90e6e801",
-  "offset-lg-5": "offset-lg-5__7ce12ab4",
-  "offset-lg-6": "offset-lg-6__cbfc32aa",
-  "offset-lg-7": "offset-lg-7__d2b686cb",
-  "offset-lg-8": "offset-lg-8__4a2ed5ae",
-  "offset-lg-9": "offset-lg-9__60bdb16b",
-  "offset-lg-10": "offset-lg-10__7e9695e2",
-  "offset-lg-11": "offset-lg-11__05148c74",
-  "d-none-lg": "d-none-lg__2ab9d0aa",
-  "d-block-lg": "d-block-lg__f6c00d84",
-  "col-xl-1": "col-xl-1__528e56b3",
-  "col-xl-2": "col-xl-2__32223df0",
-  "col-xl-3": "col-xl-3__2f652865",
-  "col-xl-4": "col-xl-4__acba3188",
-  "col-xl-5": "col-xl-5__d72604ce",
-  "col-xl-6": "col-xl-6__b0a74751",
-  "col-xl-7": "col-xl-7__e089bf6c",
-  "col-xl-8": "col-xl-8__30047012",
-  "col-xl-9": "col-xl-9__15cf9dde",
-  "col-xl-10": "col-xl-10__a06e28fa",
-  "col-xl-11": "col-xl-11__8d6abc10",
-  "col-xl-12": "col-xl-12__b52ae721",
-  "offset-xl-0": "offset-xl-0__cbae0e42",
-  "offset-xl-1": "offset-xl-1__380173f7",
-  "offset-xl-2": "offset-xl-2__6b689ea8",
-  "offset-xl-3": "offset-xl-3__25ec00a5",
-  "offset-xl-4": "offset-xl-4__677ab9ed",
-  "offset-xl-5": "offset-xl-5__f55f81f4",
-  "offset-xl-6": "offset-xl-6__ff021fb1",
-  "offset-xl-7": "offset-xl-7__f40f5423",
-  "offset-xl-8": "offset-xl-8__d92a1d93",
-  "offset-xl-9": "offset-xl-9__a84866d9",
-  "offset-xl-10": "offset-xl-10__e979bdc4",
-  "offset-xl-11": "offset-xl-11__a417cc5a",
-  "d-none-xl": "d-none-xl__53e76188",
-  "d-block-xl": "d-block-xl__2f9f6e9a"
+  "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__b667f080";
+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__0112fda8";
+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__0f4d8dd0";
+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__ced9dc4f";
-const interactive = "interactive__839f33a5";
-const chevron = "chevron__e117529b";
-const opened = "opened__bc61135e";
+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,

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__ae789ecf";
+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-B2-rL_RN.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-B2-rL_RN.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-B2-rL_RN.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-B2-rL_RN.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-B2-rL_RN.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-CWu2k-xN.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.38.0",
+      "data-tx": "0.39.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, { useContext } from "react";
-import { F as FocusTrap } from "../../chunks/vendor-BtZO8a0z.js";
+import { F as FocusTrap } from "../../chunks/vendor-DKrjZZwJ.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__3c5e45f4";
+const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__5713b571";
 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-BtZO8a0z.js";
-const dateRange = "dateRange__f9080a21";
-const dateRangeButton = "dateRangeButton__6c75839d";
-const separator = "separator__8f994711";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+const dateRange = "dateRange__5cb75213";
+const dateRangeButton = "dateRangeButton__456d3825";
+const separator = "separator__0fe5ee43";
 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 { k as defaultsDeep } from "../../chunks/vendor-BtZO8a0z.js";
+import { k as defaultsDeep } from "../../chunks/vendor-DKrjZZwJ.js";
 const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "0.38.0";
+    let tokenVersion = "0.39.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(