@sberbusiness/triplex-next 1.1.1 → 1.3.0

package/components/Chip/ChipDropdownArrow.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { CaretdownStrokeSrvIcon20 as p } from "@sberbusiness/icons-next";
+import { c as d } from "../../chunks/vendor-CehxOAkM.js";
+const e = "chipDropdownArrow__22e0b55a", n = "rotated__576730df", o = {
+  chipDropdownArrow: e,
+  rotated: n
+}, w = ({ rotated: r }) => /* @__PURE__ */ t(
+  p,
+  {
+    paletteIndex: 0,
+    className: d(o.chipDropdownArrow, { [o.rotated]: r })
+  }
+);
+w.displayName = "ChipDropdownArrow";
+export {
+  w as ChipDropdownArrow
+};
+//# sourceMappingURL=ChipDropdownArrow.js.map

package/components/Chip/ChipIcon.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import f from "react";
+import { C as t } from "../../chunks/Chip-XyednI9u.js";
+const a = f.forwardRef(({ children: p, ...r }, i) => /* @__PURE__ */ o(t, { ...r, prefix: p, postfix: /* @__PURE__ */ o("span", {}), ref: i }));
+a.displayName = "ChipIcon";
+export {
+  a as ChipIcon
+};
+//# sourceMappingURL=ChipIcon.js.map

package/components/Chip/ChipOptions.js

@@ -0,0 +1,27 @@
+import { jsx as t } from "react/jsx-runtime";
+import s from "react";
+import { SortStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
+import { C } from "../../chunks/Chip-XyednI9u.js";
+import { ChipClearButton as f } from "./ChipClearButton.js";
+const m = "chipOptionsContent__edaf47f3", c = {
+  chipOptionsContent: m
+}, l = s.forwardRef(
+  ({ children: o, clearSelected: e, selected: n, ...p }, r) => /* @__PURE__ */ t(
+    C,
+    {
+      prefix: n ? /* @__PURE__ */ t(i, { paletteIndex: 6 }) : /* @__PURE__ */ t(i, { paletteIndex: 5 }),
+      postfix: n ? /* @__PURE__ */ t(f, { onClick: (a) => {
+        a.stopPropagation(), e();
+      }, size: p.size }) : /* @__PURE__ */ t("span", {}),
+      selected: n,
+      ...p,
+      ref: r,
+      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: c.chipOptionsContent, children: o }) : o
+    }
+  )
+);
+l.displayName = "ChipOptions";
+export {
+  l as ChipOptions
+};
+//# sourceMappingURL=ChipOptions.js.map

package/components/Chip/ChipSelect.js

@@ -0,0 +1,55 @@
+import { jsx as t } from "react/jsx-runtime";
+import w from "react";
+import { SelectExtendedField as D } from "../SelectExtendedField/SelectExtendedField.js";
+import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
+import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
+import { ChipClearButton as S } from "./ChipClearButton.js";
+import { s as b, C as k } from "../../chunks/Chip-XyednI9u.js";
+import { ChipDropdownArrow as u } from "./ChipDropdownArrow.js";
+import { SelectExtendedFieldDropdownDefault as B } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { c as g } from "../../chunks/vendor-CehxOAkM.js";
+const y = w.forwardRef(
+  ({ className: p, clearSelected: m, disabled: d, size: e, label: i, displayedValue: l, onChange: n, options: c, value: r, ...a }, s) => {
+    const f = (o) => {
+      o.stopPropagation(), m();
+    }, C = ({ opened: o, setOpened: x }) => /* @__PURE__ */ t(
+      k,
+      {
+        "aria-expanded": o,
+        disabled: d,
+        size: e,
+        onClick: () => x(!0),
+        postfix: r ? /* @__PURE__ */ t(S, { onClick: f }) : /* @__PURE__ */ t(u, { rotated: o }),
+        role: "combobox",
+        ref: s,
+        selected: !!r,
+        children: r ? l ?? r.label : i
+      }
+    ), h = (o) => /* @__PURE__ */ t(
+      B,
+      {
+        ...o,
+        mobileTitle: i,
+        size: e,
+        onChange: n,
+        options: c,
+        value: r,
+        fixedWidth: !1
+      }
+    );
+    return /* @__PURE__ */ t(
+      D,
+      {
+        className: g(b.chipGroupItem, p),
+        renderTarget: C,
+        ...a,
+        children: h
+      }
+    );
+  }
+);
+y.displayName = "ChipSelect";
+export {
+  y as ChipSelect
+};
+//# sourceMappingURL=ChipSelect.js.map

package/components/Chip/index.js

@@ -0,0 +1,15 @@
+import { C as p } from "../../chunks/Chip-XyednI9u.js";
+import { ChipClearButton as e } from "./ChipClearButton.js";
+import { ChipDropdownArrow as i } from "./ChipDropdownArrow.js";
+import { ChipIcon as h } from "./ChipIcon.js";
+import { ChipOptions as x } from "./ChipOptions.js";
+import { ChipSelect as a } from "./ChipSelect.js";
+export {
+  p as Chip,
+  e as ChipClearButton,
+  i as ChipDropdownArrow,
+  h as ChipIcon,
+  x as ChipOptions,
+  a as ChipSelect
+};
+//# sourceMappingURL=index.js.map

package/components/ChipGroup/ChipGroup.js

@@ -0,0 +1,32 @@
+import { jsx as n } from "react/jsx-runtime";
+import a from "react";
+import { c as p } from "../../chunks/vendor-CehxOAkM.js";
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
+const _ = "chipGroup__a952397b", f = "oneLine__34ace76d", u = "multiLine__1bff0236", d = "lg__5b3c881f", L = "md__c3c95027", h = "sm__2fc1a5af", o = {
+  chipGroup: _,
+  oneLine: f,
+  multiLine: u,
+  lg: d,
+  md: L,
+  sm: h
+}, G = l(o), C = a.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = r.MD, ...s }, c) => /* @__PURE__ */ n(
+    "div",
+    {
+      className: p(o.chipGroup, G[m], t, {
+        [o.multiLine]: !e,
+        [o.oneLine]: !!e
+      }),
+      ...s,
+      ref: c,
+      "data-tx": "1.3.0",
+      children: i
+    }
+  )
+);
+C.displayName = "ChipGroup";
+export {
+  C as ChipGroup
+};
+//# sourceMappingURL=ChipGroup.js.map

package/components/ChipGroup/index.js

@@ -0,0 +1,5 @@
+import { ChipGroup as r } from "./ChipGroup.js";
+export {
+  r as ChipGroup
+};
+//# sourceMappingURL=index.js.map

package/components/Col/Col.js

@@ -1,159 +1,159 @@
 import { jsx as v } from "react/jsx-runtime";
-import { c as j } from "../../chunks/vendor-D-uL_icH.js";
+import { c as j } from "../../chunks/vendor-CehxOAkM.js";
 const A = {
-  "col-1": "col-1__eab5ed23",
-  "col-2": "col-2__b2e4dee3",
-  "col-3": "col-3__fbce851d",
-  "col-4": "col-4__f21135a9",
-  "col-5": "col-5__f2a0206e",
-  "col-6": "col-6__e99baf0d",
-  "col-7": "col-7__abce8b0d",
-  "col-8": "col-8__c54dc5db",
-  "col-9": "col-9__1f801aad",
-  "col-10": "col-10__7adbf21a",
-  "col-11": "col-11__5c5ff4ae",
-  "col-12": "col-12__89da1d57",
-  "offset-0": "offset-0__9e8bfbce",
-  "offset-1": "offset-1__9e32ae6a",
-  "offset-2": "offset-2__5ab4dfbe",
-  "offset-3": "offset-3__1b736fd7",
-  "offset-4": "offset-4__6eaf93ce",
-  "offset-5": "offset-5__7b186e2f",
-  "offset-6": "offset-6__fd86ab77",
-  "offset-7": "offset-7__9ca66a7d",
-  "offset-8": "offset-8__02236fea",
-  "offset-9": "offset-9__d44f0d95",
-  "offset-10": "offset-10__f2dba3a9",
-  "offset-11": "offset-11__f3664696",
-  "d-none": "d-none__d0bf0c51",
-  "d-block": "d-block__9502b996",
-  "col-sm-1": "col-sm-1__506ed017",
-  "col-sm-2": "col-sm-2__b14df174",
-  "col-sm-3": "col-sm-3__a1d7ecbf",
-  "col-sm-4": "col-sm-4__a0a82e88",
-  "col-sm-5": "col-sm-5__20ab00f4",
-  "col-sm-6": "col-sm-6__9c05dd22",
-  "col-sm-7": "col-sm-7__aed685c3",
-  "col-sm-8": "col-sm-8__3938ba9b",
-  "col-sm-9": "col-sm-9__f36772f4",
-  "col-sm-10": "col-sm-10__816d8018",
-  "col-sm-11": "col-sm-11__bc8fc1ce",
-  "col-sm-12": "col-sm-12__bcf32810",
-  "offset-sm-0": "offset-sm-0__89250fb3",
-  "offset-sm-1": "offset-sm-1__b85eaa11",
-  "offset-sm-2": "offset-sm-2__cde7c8c3",
-  "offset-sm-3": "offset-sm-3__c2d3c40b",
-  "offset-sm-4": "offset-sm-4__375da2ce",
-  "offset-sm-5": "offset-sm-5__742ec4c4",
-  "offset-sm-6": "offset-sm-6__5f8a917c",
-  "offset-sm-7": "offset-sm-7__46ea87c8",
-  "offset-sm-8": "offset-sm-8__8b0140da",
-  "offset-sm-9": "offset-sm-9__6705c9b9",
-  "offset-sm-10": "offset-sm-10__d3919468",
-  "offset-sm-11": "offset-sm-11__922268bc",
-  "d-none-sm": "d-none-sm__248d6e1d",
-  "d-block-sm": "d-block-sm__f002af31",
-  "col-md-1": "col-md-1__f8a3af46",
-  "col-md-2": "col-md-2__8baed4c6",
-  "col-md-3": "col-md-3__82c84463",
-  "col-md-4": "col-md-4__772935e2",
-  "col-md-5": "col-md-5__788f9c9c",
-  "col-md-6": "col-md-6__aa5c530d",
-  "col-md-7": "col-md-7__741282c2",
-  "col-md-8": "col-md-8__c52bbbdf",
-  "col-md-9": "col-md-9__c0ddd445",
-  "col-md-10": "col-md-10__a1d71212",
-  "col-md-11": "col-md-11__0c1f3143",
-  "col-md-12": "col-md-12__993e689c",
-  "offset-md-0": "offset-md-0__a9585f91",
-  "offset-md-1": "offset-md-1__b14f122d",
-  "offset-md-2": "offset-md-2__cc78cd94",
-  "offset-md-3": "offset-md-3__f5fcf1ae",
-  "offset-md-4": "offset-md-4__4050c134",
-  "offset-md-5": "offset-md-5__9d9dcde9",
-  "offset-md-6": "offset-md-6__42eaa9d5",
-  "offset-md-7": "offset-md-7__bf5deb06",
-  "offset-md-8": "offset-md-8__b55f1016",
-  "offset-md-9": "offset-md-9__db10f626",
-  "offset-md-10": "offset-md-10__636782a3",
-  "offset-md-11": "offset-md-11__f245e848",
-  "d-none-md": "d-none-md__35a9ca9a",
-  "d-block-md": "d-block-md__9b2125e6",
-  "col-lg-1": "col-lg-1__bc5fcea4",
-  "col-lg-2": "col-lg-2__04ec3743",
-  "col-lg-3": "col-lg-3__75d9041d",
-  "col-lg-4": "col-lg-4__5ae0fc25",
-  "col-lg-5": "col-lg-5__6768b6d1",
-  "col-lg-6": "col-lg-6__c0e759d6",
-  "col-lg-7": "col-lg-7__8b872eb0",
-  "col-lg-8": "col-lg-8__0a727edf",
-  "col-lg-9": "col-lg-9__b887ec2c",
-  "col-lg-10": "col-lg-10__431e9b41",
-  "col-lg-11": "col-lg-11__784cbdc1",
-  "col-lg-12": "col-lg-12__b0a08e15",
-  "offset-lg-0": "offset-lg-0__5ce2aaaa",
-  "offset-lg-1": "offset-lg-1__ff992545",
-  "offset-lg-2": "offset-lg-2__8dcc9fd4",
-  "offset-lg-3": "offset-lg-3__57a8c52e",
-  "offset-lg-4": "offset-lg-4__ce50bd2a",
-  "offset-lg-5": "offset-lg-5__2b7ddfc7",
-  "offset-lg-6": "offset-lg-6__cc700f48",
-  "offset-lg-7": "offset-lg-7__bcdfb19f",
-  "offset-lg-8": "offset-lg-8__554a77e1",
-  "offset-lg-9": "offset-lg-9__04f9f0b9",
-  "offset-lg-10": "offset-lg-10__14271a0b",
-  "offset-lg-11": "offset-lg-11__368f9fb1",
-  "d-none-lg": "d-none-lg__ebe4be14",
-  "d-block-lg": "d-block-lg__076b09d6",
-  "col-xl-1": "col-xl-1__c19e513c",
-  "col-xl-2": "col-xl-2__56427611",
-  "col-xl-3": "col-xl-3__fd0ccd3a",
-  "col-xl-4": "col-xl-4__06c72f0e",
-  "col-xl-5": "col-xl-5__50fdff5c",
-  "col-xl-6": "col-xl-6__69374f3f",
-  "col-xl-7": "col-xl-7__b72459b9",
-  "col-xl-8": "col-xl-8__98eaf5ad",
-  "col-xl-9": "col-xl-9__bc0ebc91",
-  "col-xl-10": "col-xl-10__0285898e",
-  "col-xl-11": "col-xl-11__2bf53858",
-  "col-xl-12": "col-xl-12__7fffc8a1",
-  "offset-xl-0": "offset-xl-0__ec6cad85",
-  "offset-xl-1": "offset-xl-1__367ada6e",
-  "offset-xl-2": "offset-xl-2__d13576b7",
-  "offset-xl-3": "offset-xl-3__be461d5f",
-  "offset-xl-4": "offset-xl-4__20c03fee",
-  "offset-xl-5": "offset-xl-5__98eff170",
-  "offset-xl-6": "offset-xl-6__cc6b48c2",
-  "offset-xl-7": "offset-xl-7__5dfad3ab",
-  "offset-xl-8": "offset-xl-8__39cc89d0",
-  "offset-xl-9": "offset-xl-9__89098585",
-  "offset-xl-10": "offset-xl-10__2da29eb2",
-  "offset-xl-11": "offset-xl-11__f4c91cf2",
-  "d-none-xl": "d-none-xl__2ff30fae",
-  "d-block-xl": "d-block-xl__20c21e6a"
+  "col-1": "col-1__7903b31c",
+  "col-2": "col-2__25d4b4fc",
+  "col-3": "col-3__30c7f723",
+  "col-4": "col-4__8644287d",
+  "col-5": "col-5__05d99030",
+  "col-6": "col-6__3be24f40",
+  "col-7": "col-7__4f3dd6c4",
+  "col-8": "col-8__d5f97f3e",
+  "col-9": "col-9__e68844ac",
+  "col-10": "col-10__e1bf4561",
+  "col-11": "col-11__f9ca1b83",
+  "col-12": "col-12__55595054",
+  "offset-0": "offset-0__9d38bb42",
+  "offset-1": "offset-1__793697ec",
+  "offset-2": "offset-2__bef556f5",
+  "offset-3": "offset-3__ca77bc68",
+  "offset-4": "offset-4__745833b7",
+  "offset-5": "offset-5__fde64f93",
+  "offset-6": "offset-6__abcf1e6b",
+  "offset-7": "offset-7__0b7e9934",
+  "offset-8": "offset-8__ef76f8ad",
+  "offset-9": "offset-9__6e9cde77",
+  "offset-10": "offset-10__ed56ff53",
+  "offset-11": "offset-11__110e975c",
+  "d-none": "d-none__23621ccd",
+  "d-block": "d-block__a14a34d6",
+  "col-sm-1": "col-sm-1__f78e86ea",
+  "col-sm-2": "col-sm-2__62b5daba",
+  "col-sm-3": "col-sm-3__3a23bdd3",
+  "col-sm-4": "col-sm-4__22319cab",
+  "col-sm-5": "col-sm-5__74c4a3c6",
+  "col-sm-6": "col-sm-6__bbe64cae",
+  "col-sm-7": "col-sm-7__69210a3b",
+  "col-sm-8": "col-sm-8__8a4debf6",
+  "col-sm-9": "col-sm-9__1b261dcc",
+  "col-sm-10": "col-sm-10__61cb2223",
+  "col-sm-11": "col-sm-11__e4b56754",
+  "col-sm-12": "col-sm-12__ef64bf94",
+  "offset-sm-0": "offset-sm-0__04166fe1",
+  "offset-sm-1": "offset-sm-1__ab556aa3",
+  "offset-sm-2": "offset-sm-2__136c8b3f",
+  "offset-sm-3": "offset-sm-3__34a1f6f1",
+  "offset-sm-4": "offset-sm-4__775eb3c7",
+  "offset-sm-5": "offset-sm-5__9122f84d",
+  "offset-sm-6": "offset-sm-6__b9493c42",
+  "offset-sm-7": "offset-sm-7__05c91c78",
+  "offset-sm-8": "offset-sm-8__0f287098",
+  "offset-sm-9": "offset-sm-9__d3e3a0ff",
+  "offset-sm-10": "offset-sm-10__bfdc1d2a",
+  "offset-sm-11": "offset-sm-11__302ae9ad",
+  "d-none-sm": "d-none-sm__c57447b8",
+  "d-block-sm": "d-block-sm__fecf3c3e",
+  "col-md-1": "col-md-1__bf262e37",
+  "col-md-2": "col-md-2__be8cff13",
+  "col-md-3": "col-md-3__941e0fe7",
+  "col-md-4": "col-md-4__4b11d823",
+  "col-md-5": "col-md-5__f8c7ba65",
+  "col-md-6": "col-md-6__63df0f47",
+  "col-md-7": "col-md-7__b4ad6a68",
+  "col-md-8": "col-md-8__9f3a23af",
+  "col-md-9": "col-md-9__06431a03",
+  "col-md-10": "col-md-10__535eb31b",
+  "col-md-11": "col-md-11__38afd3dc",
+  "col-md-12": "col-md-12__d2e67a24",
+  "offset-md-0": "offset-md-0__5768ea06",
+  "offset-md-1": "offset-md-1__11ba57fd",
+  "offset-md-2": "offset-md-2__b7d925a1",
+  "offset-md-3": "offset-md-3__cc72787a",
+  "offset-md-4": "offset-md-4__3f205d52",
+  "offset-md-5": "offset-md-5__52556c88",
+  "offset-md-6": "offset-md-6__9222f4ae",
+  "offset-md-7": "offset-md-7__624bd404",
+  "offset-md-8": "offset-md-8__ae35b7da",
+  "offset-md-9": "offset-md-9__706f34e7",
+  "offset-md-10": "offset-md-10__c70ae6c7",
+  "offset-md-11": "offset-md-11__794d896c",
+  "d-none-md": "d-none-md__b204e908",
+  "d-block-md": "d-block-md__9969ed58",
+  "col-lg-1": "col-lg-1__d4b78324",
+  "col-lg-2": "col-lg-2__595ef753",
+  "col-lg-3": "col-lg-3__a2f67846",
+  "col-lg-4": "col-lg-4__c7dfc890",
+  "col-lg-5": "col-lg-5__ae75d970",
+  "col-lg-6": "col-lg-6__6016b601",
+  "col-lg-7": "col-lg-7__a3159d2c",
+  "col-lg-8": "col-lg-8__c9494959",
+  "col-lg-9": "col-lg-9__988c25cf",
+  "col-lg-10": "col-lg-10__33824ba9",
+  "col-lg-11": "col-lg-11__1a4e6498",
+  "col-lg-12": "col-lg-12__23d94678",
+  "offset-lg-0": "offset-lg-0__dd62244e",
+  "offset-lg-1": "offset-lg-1__683c878c",
+  "offset-lg-2": "offset-lg-2__21706c8c",
+  "offset-lg-3": "offset-lg-3__a93bc84b",
+  "offset-lg-4": "offset-lg-4__aa3bb434",
+  "offset-lg-5": "offset-lg-5__f1d97d11",
+  "offset-lg-6": "offset-lg-6__a422cc09",
+  "offset-lg-7": "offset-lg-7__a7025f9a",
+  "offset-lg-8": "offset-lg-8__42fc522b",
+  "offset-lg-9": "offset-lg-9__6458c771",
+  "offset-lg-10": "offset-lg-10__c21c0f89",
+  "offset-lg-11": "offset-lg-11__9c2d7802",
+  "d-none-lg": "d-none-lg__589cb999",
+  "d-block-lg": "d-block-lg__5156035c",
+  "col-xl-1": "col-xl-1__0ab55505",
+  "col-xl-2": "col-xl-2__aaf7c089",
+  "col-xl-3": "col-xl-3__605fa587",
+  "col-xl-4": "col-xl-4__f18cdea7",
+  "col-xl-5": "col-xl-5__78d631b1",
+  "col-xl-6": "col-xl-6__5f1c4b73",
+  "col-xl-7": "col-xl-7__586cf40f",
+  "col-xl-8": "col-xl-8__8e8d23db",
+  "col-xl-9": "col-xl-9__67986292",
+  "col-xl-10": "col-xl-10__e5e9b6f9",
+  "col-xl-11": "col-xl-11__c1801577",
+  "col-xl-12": "col-xl-12__16d8480d",
+  "offset-xl-0": "offset-xl-0__4e78efc5",
+  "offset-xl-1": "offset-xl-1__e754ecd4",
+  "offset-xl-2": "offset-xl-2__a42b87bf",
+  "offset-xl-3": "offset-xl-3__d7ef9ee6",
+  "offset-xl-4": "offset-xl-4__75b7ecd8",
+  "offset-xl-5": "offset-xl-5__4b39fca2",
+  "offset-xl-6": "offset-xl-6__62b61e9d",
+  "offset-xl-7": "offset-xl-7__beaf3718",
+  "offset-xl-8": "offset-xl-8__4bad3f14",
+  "offset-xl-9": "offset-xl-9__6f7b82b5",
+  "offset-xl-10": "offset-xl-10__3ec76058",
+  "offset-xl-11": "offset-xl-11__05231f19",
+  "d-none-xl": "d-none-xl__d22724a0",
+  "d-block-xl": "d-block-xl__a6ed46d1"
 };
 function _({
   block: d,
   hidden: t,
   offset: l,
   prefix: o,
-  size: c
+  size: e
 }) {
-  const f = [], e = o ? `${o}-` : "", s = o ? `-${o}` : "";
-  return d === !0 && f.push(`d-block${s}`), t === !0 && f.push(`d-none${s}`), l !== void 0 && f.push(`offset-${e}${l}`), c && f.push(`col-${e}${c}`), f;
+  const f = [], c = o ? `${o}-` : "", s = o ? `-${o}` : "";
+  return d === !0 && f.push(`d-block${s}`), t === !0 && f.push(`d-none${s}`), l !== void 0 && f.push(`offset-${c}${l}`), e && f.push(`col-${c}${e}`), f;
 }
 const B = ({
   children: d,
   className: t,
   hidden: l,
   hiddenSm: o,
-  hiddenMd: c,
+  hiddenMd: e,
   hiddenLg: f,
-  hiddenXl: e,
+  hiddenXl: c,
   block: s,
   blockSm: m,
-  blockMd: a,
-  blockLg: b,
+  blockMd: b,
+  blockLg: a,
   blockXl: x,
   size: g = 12,
   sizeSm: n,
@@ -170,9 +170,9 @@ const B = ({
   const y = [
     ..._({ block: s, hidden: l, offset: p, size: g }),
     ..._({ block: m, hidden: o, offset: u, prefix: "sm", size: n }),
-    ..._({ block: a, hidden: c, offset: h, prefix: "md", size: i }),
-    ..._({ block: b, hidden: f, offset: $, prefix: "lg", size: r }),
-    ..._({ block: x, hidden: e, offset: N, prefix: "xl", size: k })
+    ..._({ block: b, hidden: e, offset: h, prefix: "md", size: i }),
+    ..._({ block: a, hidden: f, offset: $, prefix: "lg", size: r }),
+    ..._({ block: x, hidden: c, offset: N, prefix: "xl", size: k })
   ].map((z) => A[z]).filter(Boolean);
   return /* @__PURE__ */ v("div", { ...C, className: j(t, ...y), children: d });
 };

package/components/CollapsableTree/CollapsableTree.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { TreeView as l } from "../TreeView/TreeView.js";
+import { CollapsableTreeNode as a } from "./components/CollapsableTreeNode.js";
+const e = (o) => /* @__PURE__ */ r(l, { ...o });
+e.displayName = "CollapsableTree";
+e.Node = a;
+export {
+  e as CollapsableTree
+};
+//# sourceMappingURL=CollapsableTree.js.map

package/components/CollapsableTree/components/CollapsableTreeNode.js

@@ -0,0 +1,79 @@
+var N = Object.defineProperty;
+var f = (c, n, e) => n in c ? N(c, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[n] = e;
+var i = (c, n, e) => f(c, typeof n != "symbol" ? n + "" : n, e);
+import { jsx as h } from "react/jsx-runtime";
+import C from "react";
+import { TreeView as g } from "../../TreeView/TreeView.js";
+import { AccordionBase as u } from "../../AccordionBase/protected/AccordionBase.js";
+import { c as y } from "../../../chunks/vendor-CehxOAkM.js";
+const T = "collapsableTreeNodeContent__7258f872", B = {
+  collapsableTreeNodeContent: T
+};
+class b extends C.Component {
+  constructor() {
+    super(...arguments);
+    i(this, "state", {
+      controlled: typeof this.props.opened < "u"
+    });
+    /**
+     * Изменяет состояние ноды - раскрыта/свернута.
+     * Эта функция передается дочерним компонентам и вызывается из них.
+     */
+    i(this, "toggle", ({ openedNode: e, setOpenedNode: r }) => (t) => {
+      const { controlled: s } = this.state, { opened: l, toggle: o } = this.props;
+      (s ? l : e) !== t && (s ? o == null || o(t) : r(t));
+    });
+    /** Render-функция для передачи дочерних нод. */
+    i(this, "renderBody", (e) => (r) => {
+      const { activeNode: t, openedNode: s, hasChildNodes: l } = e, { animating: o } = r, { opened: p, renderBody: d } = this.props, { controlled: a } = this.state;
+      return e.hasChildNodes ? /* @__PURE__ */ h(g.Group, { children: d({
+        activeNode: t,
+        animating: o,
+        hasChildNodes: l,
+        opened: a ? p : s,
+        toggle: this.toggle(e)
+      }) }) : d({
+        activeNode: t,
+        animating: o,
+        hasChildNodes: l,
+        opened: a ? p : s,
+        toggle: this.toggle(e)
+      });
+    });
+    /** Render-функция не сворачиваемой части ноды. */
+    i(this, "renderHeader", (e) => (r) => {
+      const { activeNode: t, openedNode: s, hasChildNodes: l, isLastNode: o } = e, { animating: p } = r, { opened: d, renderHeader: a } = this.props, { controlled: m } = this.state;
+      return a({
+        activeNode: t,
+        animating: p,
+        hasChildNodes: l,
+        isLastNode: o,
+        opened: m ? d : s,
+        toggle: this.toggle(e)
+      });
+    });
+  }
+  render() {
+    const { opened: e, onToggle: r, renderBody: t, renderHeader: s, toggle: l, ...o } = this.props, { controlled: p } = this.state;
+    return /* @__PURE__ */ h(g.Node, { opened: e, ...o, children: (d) => {
+      const a = p ? e : d.openedNode;
+      return /* @__PURE__ */ h(
+        u,
+        {
+          expandAnimationClassName: y(B.collapsableTreeNodeContent, {
+            collapsed: !a
+          }),
+          renderBody: this.renderBody(d),
+          renderHeader: this.renderHeader(d),
+          isOpen: a,
+          onToggle: r
+        }
+      );
+    } });
+  }
+}
+i(b, "displayName", "CollapsableTreeNode");
+export {
+  b as CollapsableTreeNode
+};
+//# sourceMappingURL=CollapsableTreeNode.js.map

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,11 +3,11 @@ import { DesignTokensCore as m } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as a } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as c } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark as f } from "./DesignTokensComponentsThemeDark.js";
-import { g as l } from "../../chunks/vendor-D-uL_icH.js";
+import { h as l } from "../../chunks/vendor-CehxOAkM.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "1.1.1";
+    let o = "1.3.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
         t[e][T],