@sberbusiness/triplex-next 1.1.0 → 1.2.0

package/components/Checkbox/CheckboxYGroup.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as t } from "../../chunks/vendor-D-uL_icH.js";
-const a = "checkboxYGroup__37929021", x = {
+import { c as t } from "../../chunks/vendor-CehxOAkM.js";
+const a = "checkboxYGroup__e4c005a5", x = {
   checkboxYGroup: a
 }, l = (o) => {
-  const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);
-  return /* @__PURE__ */ p("div", { className: e, role: "group", ...r, children: c });
+  const { children: c, className: s, ...e } = o, r = t(x.checkboxYGroup, s);
+  return /* @__PURE__ */ p("div", { className: r, role: "group", ...e, children: c });
 };
 l.displayName = "CheckboxYGroup";
 export {

package/components/Checkbox/index.js

@@ -1,11 +1,9 @@
 import { Checkbox as e } from "./Checkbox.js";
-import { ECheckboxSize as p } from "./enum.js";
-import { CheckboxXGroup as c } from "./CheckboxXGroup.js";
-import { CheckboxYGroup as h } from "./CheckboxYGroup.js";
+import { CheckboxXGroup as p } from "./CheckboxXGroup.js";
+import { CheckboxYGroup as c } from "./CheckboxYGroup.js";
 export {
   e as Checkbox,
-  c as CheckboxXGroup,
-  h as CheckboxYGroup,
-  p as ECheckboxSize
+  p as CheckboxXGroup,
+  c as CheckboxYGroup
 };
 //# sourceMappingURL=index.js.map

package/components/Chip/Chip.js

@@ -0,0 +1,86 @@
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { c as a } from "../../chunks/vendor-CehxOAkM.js";
+import h from "react";
+import { EChipSize as t } from "./enums.js";
+const m = "chipGroupItem__9d1a0b22", x = "chip__3a2d4df7", u = "prefix__d8636158", b = "postfix__c1f6a2f6", w = "disabled__c451f330", z = "selected__f2666442", P = "withPrefix__a69df7e2", C = "withPostfix__3fd0436f", G = "content__5301b976", e = {
+  chipGroupItem: m,
+  chip: x,
+  "size-lg": "size-lg__7f3729a4",
+  prefix: u,
+  postfix: b,
+  "size-md": "size-md__3fd68b50",
+  "size-sm": "size-sm__524b2426",
+  disabled: w,
+  selected: z,
+  withPrefix: P,
+  withPostfix: C,
+  content: G
+}, I = (i) => {
+  switch (i) {
+    case t.LG:
+      return e["size-lg"];
+    case t.MD:
+      return e["size-md"];
+    case t.SM:
+      return e["size-sm"];
+  }
+}, N = h.forwardRef(
+  ({ children: i, className: l, disabled: s, postfix: o, prefix: c, selected: r, size: f = t.MD, ...d }, p) => /* @__PURE__ */ _(
+    "span",
+    {
+      className: a(
+        e.chip,
+        e.chipGroupItem,
+        {
+          [e.disabled]: !!s,
+          [e.selected]: !!r,
+          [e.withPostfix]: typeof o < "u",
+          [e.withPrefix]: typeof c < "u",
+          [I(f)]: f
+        },
+        l
+      ),
+      role: "button",
+      tabIndex: s ? -1 : 0,
+      ...d,
+      ref: p,
+      children: [
+        c ? /* @__PURE__ */ n(
+          "span",
+          {
+            className: a(
+              e.prefix,
+              // Для иконок.
+              "hoverable",
+              {
+                disabled: !!s
+              }
+            ),
+            children: c
+          }
+        ) : null,
+        /* @__PURE__ */ n("span", { className: e.content, children: i }),
+        o ? /* @__PURE__ */ n(
+          "span",
+          {
+            className: a(
+              e.postfix,
+              // Для иконок.
+              "hoverable",
+              {
+                // Для иконок.
+                disabled: !!s
+              }
+            ),
+            children: o
+          }
+        ) : null
+      ]
+    }
+  )
+);
+N.displayName = "Chip";
+export {
+  N as Chip
+};
+//# sourceMappingURL=Chip.js.map

package/components/Chip/ChipClearButton.js

@@ -0,0 +1,28 @@
+import { jsx as t } from "react/jsx-runtime";
+import s from "react";
+import { CrossStrokeSrvIcon24 as l, CrossStrokeSrvIcon20 as p, CrossStrokeSrvIcon16 as i } from "@sberbusiness/icons-next";
+import { EChipSize as e } from "./enums.js";
+const u = "chipClearButton__52bc2e2e", C = {
+  chipClearButton: u
+}, m = s.forwardRef(
+  ({ size: r = e.MD, ...o }, n) => {
+    const a = (c) => {
+      switch (c) {
+        case e.SM:
+          return /* @__PURE__ */ t(i, { paletteIndex: 6 });
+        case e.MD:
+          return /* @__PURE__ */ t(p, { paletteIndex: 6 });
+        case e.LG:
+          return /* @__PURE__ */ t(l, { paletteIndex: 6 });
+        default:
+          return null;
+      }
+    };
+    return /* @__PURE__ */ t("button", { className: C.chipClearButton, type: "button", ...o, ref: n, children: a(r) });
+  }
+);
+m.displayName = "ChipClearButton";
+export {
+  m as ChipClearButton
+};
+//# sourceMappingURL=ChipClearButton.js.map

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__1d4ce884", c = "rotated__304724d6", o = {
+  chipDropdownArrow: e,
+  rotated: c
+}, n = ({ rotated: r }) => /* @__PURE__ */ t(
+  p,
+  {
+    paletteIndex: 0,
+    className: d(o.chipDropdownArrow, { [o.rotated]: r })
+  }
+);
+n.displayName = "ChipDropdownArrow";
+export {
+  n 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 { Chip as t } from "./Chip.js";
+const m = f.forwardRef(({ children: p, ...r }, i) => /* @__PURE__ */ o(t, { ...r, prefix: p, postfix: /* @__PURE__ */ o("span", {}), ref: i }));
+m.displayName = "ChipIcon";
+export {
+  m as ChipIcon
+};
+//# sourceMappingURL=ChipIcon.js.map

package/components/Chip/ChipOptions.js

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

package/components/Chip/enums.js

@@ -0,0 +1,5 @@
+var m = /* @__PURE__ */ ((r) => (r.LG = "lg", r.MD = "md", r.SM = "sm", r))(m || {});
+export {
+  m as EChipSize
+};
+//# sourceMappingURL=enums.js.map

package/components/Chip/index.js

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

package/components/ChipGroup/ChipGroup.js

@@ -0,0 +1,32 @@
+import { jsx as n } from "react/jsx-runtime";
+import p from "react";
+import { c as r } from "../../chunks/vendor-CehxOAkM.js";
+import { EComponentSize as a } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
+const _ = "chipGroup__447964d5", u = "oneLine__37c43a8c", d = "multiLine__2ee7f7e6", f = "lg__8f0d0c0b", L = "md__98decfac", h = "sm__a3773540", o = {
+  chipGroup: _,
+  oneLine: u,
+  multiLine: d,
+  lg: f,
+  md: L,
+  sm: h
+}, G = l(o), C = p.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, c) => /* @__PURE__ */ n(
+    "div",
+    {
+      className: r(o.chipGroup, G[m], t, {
+        [o.multiLine]: !e,
+        [o.oneLine]: !!e
+      }),
+      ...s,
+      ref: c,
+      "data-tx": "1.2.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,156 +1,156 @@
 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__e2a93fe1",
-  "col-2": "col-2__349101f0",
-  "col-3": "col-3__8d4e03c3",
-  "col-4": "col-4__e69c8704",
-  "col-5": "col-5__9936ae5f",
-  "col-6": "col-6__7a04a062",
-  "col-7": "col-7__0f19f471",
-  "col-8": "col-8__e032b1b1",
-  "col-9": "col-9__553fe7c1",
-  "col-10": "col-10__55399f0c",
-  "col-11": "col-11__b4fd783f",
-  "col-12": "col-12__ae67e130",
-  "offset-0": "offset-0__29d550d2",
-  "offset-1": "offset-1__cb2b3ed7",
-  "offset-2": "offset-2__11c60daf",
-  "offset-3": "offset-3__fd3eb3fd",
-  "offset-4": "offset-4__f5951685",
-  "offset-5": "offset-5__de75d356",
-  "offset-6": "offset-6__4e404775",
-  "offset-7": "offset-7__32bbbd81",
-  "offset-8": "offset-8__90b11d83",
-  "offset-9": "offset-9__cffe03bf",
-  "offset-10": "offset-10__ba390f9f",
-  "offset-11": "offset-11__576cc691",
-  "d-none": "d-none__0b369c17",
-  "d-block": "d-block__02dfa295",
-  "col-sm-1": "col-sm-1__a20d9b21",
-  "col-sm-2": "col-sm-2__2a587a8d",
-  "col-sm-3": "col-sm-3__6bb29197",
-  "col-sm-4": "col-sm-4__6ba6ee28",
-  "col-sm-5": "col-sm-5__c7ada4db",
-  "col-sm-6": "col-sm-6__b27f3459",
-  "col-sm-7": "col-sm-7__dbfaa0fc",
-  "col-sm-8": "col-sm-8__b55ba5d1",
-  "col-sm-9": "col-sm-9__a3cd52a1",
-  "col-sm-10": "col-sm-10__94843c7b",
-  "col-sm-11": "col-sm-11__1092c0b8",
-  "col-sm-12": "col-sm-12__9142c24b",
-  "offset-sm-0": "offset-sm-0__9365552e",
-  "offset-sm-1": "offset-sm-1__2838304f",
-  "offset-sm-2": "offset-sm-2__531123f2",
-  "offset-sm-3": "offset-sm-3__a1652a83",
-  "offset-sm-4": "offset-sm-4__e04ea999",
-  "offset-sm-5": "offset-sm-5__0dca3665",
-  "offset-sm-6": "offset-sm-6__78554fe1",
-  "offset-sm-7": "offset-sm-7__06c97113",
-  "offset-sm-8": "offset-sm-8__815e1940",
-  "offset-sm-9": "offset-sm-9__ec5124a5",
-  "offset-sm-10": "offset-sm-10__0bc9af36",
-  "offset-sm-11": "offset-sm-11__124280b8",
-  "d-none-sm": "d-none-sm__334703c1",
-  "d-block-sm": "d-block-sm__4ca1bef7",
-  "col-md-1": "col-md-1__12bc9564",
-  "col-md-2": "col-md-2__4427b47b",
-  "col-md-3": "col-md-3__f2de0dab",
-  "col-md-4": "col-md-4__db0661e7",
-  "col-md-5": "col-md-5__71740f34",
-  "col-md-6": "col-md-6__2a3813d0",
-  "col-md-7": "col-md-7__8cbbe94f",
-  "col-md-8": "col-md-8__296e8248",
-  "col-md-9": "col-md-9__92761e03",
-  "col-md-10": "col-md-10__4956e3fb",
-  "col-md-11": "col-md-11__4f16db13",
-  "col-md-12": "col-md-12__a43244b2",
-  "offset-md-0": "offset-md-0__db2ccc63",
-  "offset-md-1": "offset-md-1__47887c89",
-  "offset-md-2": "offset-md-2__6ba1d4ec",
-  "offset-md-3": "offset-md-3__be5cf9b9",
-  "offset-md-4": "offset-md-4__102baac6",
-  "offset-md-5": "offset-md-5__6a94c490",
-  "offset-md-6": "offset-md-6__8377b273",
-  "offset-md-7": "offset-md-7__a847a91f",
-  "offset-md-8": "offset-md-8__a0a70f21",
-  "offset-md-9": "offset-md-9__2f7c2ae5",
-  "offset-md-10": "offset-md-10__7ce3395f",
-  "offset-md-11": "offset-md-11__e8a87831",
-  "d-none-md": "d-none-md__76b22eb6",
-  "d-block-md": "d-block-md__ff159344",
-  "col-lg-1": "col-lg-1__c64f51bb",
-  "col-lg-2": "col-lg-2__46c05c7a",
-  "col-lg-3": "col-lg-3__0548fb4a",
-  "col-lg-4": "col-lg-4__b01fc8fe",
-  "col-lg-5": "col-lg-5__c98161de",
-  "col-lg-6": "col-lg-6__d2db2ce1",
-  "col-lg-7": "col-lg-7__7319fd9f",
-  "col-lg-8": "col-lg-8__0d108c6f",
-  "col-lg-9": "col-lg-9__57b65a12",
-  "col-lg-10": "col-lg-10__92b3b2b9",
-  "col-lg-11": "col-lg-11__e2b08f5f",
-  "col-lg-12": "col-lg-12__d9ecb239",
-  "offset-lg-0": "offset-lg-0__befd488e",
-  "offset-lg-1": "offset-lg-1__b7a0c715",
-  "offset-lg-2": "offset-lg-2__f415c054",
-  "offset-lg-3": "offset-lg-3__27313ada",
-  "offset-lg-4": "offset-lg-4__3f74174f",
-  "offset-lg-5": "offset-lg-5__8cc84a15",
-  "offset-lg-6": "offset-lg-6__4ccd1890",
-  "offset-lg-7": "offset-lg-7__23965fd6",
-  "offset-lg-8": "offset-lg-8__0ff2849a",
-  "offset-lg-9": "offset-lg-9__f608dc8b",
-  "offset-lg-10": "offset-lg-10__ec8f1b0f",
-  "offset-lg-11": "offset-lg-11__f6bee9d8",
-  "d-none-lg": "d-none-lg__03186d10",
-  "d-block-lg": "d-block-lg__7947d1a5",
-  "col-xl-1": "col-xl-1__e46fdc4f",
-  "col-xl-2": "col-xl-2__d2442c1c",
-  "col-xl-3": "col-xl-3__cb031e61",
-  "col-xl-4": "col-xl-4__9461508b",
-  "col-xl-5": "col-xl-5__8cde8329",
-  "col-xl-6": "col-xl-6__224f3d77",
-  "col-xl-7": "col-xl-7__2312ecca",
-  "col-xl-8": "col-xl-8__c31714ea",
-  "col-xl-9": "col-xl-9__0e84f02c",
-  "col-xl-10": "col-xl-10__52b1f87e",
-  "col-xl-11": "col-xl-11__37efadbd",
-  "col-xl-12": "col-xl-12__ba05ce75",
-  "offset-xl-0": "offset-xl-0__2f7f1f56",
-  "offset-xl-1": "offset-xl-1__483f45cd",
-  "offset-xl-2": "offset-xl-2__76d96d60",
-  "offset-xl-3": "offset-xl-3__99b1a651",
-  "offset-xl-4": "offset-xl-4__1be45289",
-  "offset-xl-5": "offset-xl-5__76a228ac",
-  "offset-xl-6": "offset-xl-6__cef88791",
-  "offset-xl-7": "offset-xl-7__b5016cf5",
-  "offset-xl-8": "offset-xl-8__4e92e053",
-  "offset-xl-9": "offset-xl-9__3eec6520",
-  "offset-xl-10": "offset-xl-10__7dadc7a6",
-  "offset-xl-11": "offset-xl-11__e158fb6e",
-  "d-none-xl": "d-none-xl__757de9da",
-  "d-block-xl": "d-block-xl__f6caf1e5"
+  "col-1": "col-1__f033f977",
+  "col-2": "col-2__a7878de4",
+  "col-3": "col-3__76daf592",
+  "col-4": "col-4__302e4d90",
+  "col-5": "col-5__12ab6d24",
+  "col-6": "col-6__6701ba36",
+  "col-7": "col-7__1ba29b92",
+  "col-8": "col-8__c5ccefb4",
+  "col-9": "col-9__6fad3c93",
+  "col-10": "col-10__d038ff58",
+  "col-11": "col-11__3d690dd0",
+  "col-12": "col-12__3693b7f5",
+  "offset-0": "offset-0__11d48307",
+  "offset-1": "offset-1__63a467ed",
+  "offset-2": "offset-2__dccfb35b",
+  "offset-3": "offset-3__7ea7f9ad",
+  "offset-4": "offset-4__e0c9e311",
+  "offset-5": "offset-5__24b10ed0",
+  "offset-6": "offset-6__80dc21e7",
+  "offset-7": "offset-7__7135b0ad",
+  "offset-8": "offset-8__8b7e2eb6",
+  "offset-9": "offset-9__5bb08fed",
+  "offset-10": "offset-10__c779b0e1",
+  "offset-11": "offset-11__5744e563",
+  "d-none": "d-none__b6e31b80",
+  "d-block": "d-block__0ee8b524",
+  "col-sm-1": "col-sm-1__67bbeb7c",
+  "col-sm-2": "col-sm-2__a3270e37",
+  "col-sm-3": "col-sm-3__12d9faaa",
+  "col-sm-4": "col-sm-4__b503f6ef",
+  "col-sm-5": "col-sm-5__3cd317c9",
+  "col-sm-6": "col-sm-6__8d8ebe44",
+  "col-sm-7": "col-sm-7__0d731fb1",
+  "col-sm-8": "col-sm-8__41f83940",
+  "col-sm-9": "col-sm-9__05fb5513",
+  "col-sm-10": "col-sm-10__d7bed6d1",
+  "col-sm-11": "col-sm-11__028bf4a3",
+  "col-sm-12": "col-sm-12__02ddaa8e",
+  "offset-sm-0": "offset-sm-0__468bdc4a",
+  "offset-sm-1": "offset-sm-1__4d24fc61",
+  "offset-sm-2": "offset-sm-2__a64d45bd",
+  "offset-sm-3": "offset-sm-3__5ae0a43d",
+  "offset-sm-4": "offset-sm-4__b9085d58",
+  "offset-sm-5": "offset-sm-5__1d3d2dea",
+  "offset-sm-6": "offset-sm-6__17ecd91d",
+  "offset-sm-7": "offset-sm-7__25b63090",
+  "offset-sm-8": "offset-sm-8__6c2aa9f9",
+  "offset-sm-9": "offset-sm-9__e4785a5d",
+  "offset-sm-10": "offset-sm-10__3d9fadde",
+  "offset-sm-11": "offset-sm-11__01c630b7",
+  "d-none-sm": "d-none-sm__d5382d63",
+  "d-block-sm": "d-block-sm__9e90452e",
+  "col-md-1": "col-md-1__895bc714",
+  "col-md-2": "col-md-2__b9f9d29a",
+  "col-md-3": "col-md-3__9e06210f",
+  "col-md-4": "col-md-4__f64273a9",
+  "col-md-5": "col-md-5__4b1c8024",
+  "col-md-6": "col-md-6__0514a30c",
+  "col-md-7": "col-md-7__acc0a8af",
+  "col-md-8": "col-md-8__6a00477b",
+  "col-md-9": "col-md-9__245d9fde",
+  "col-md-10": "col-md-10__8e81f7f2",
+  "col-md-11": "col-md-11__d2b60af4",
+  "col-md-12": "col-md-12__38e46346",
+  "offset-md-0": "offset-md-0__1675fd42",
+  "offset-md-1": "offset-md-1__b9a2ef40",
+  "offset-md-2": "offset-md-2__3f50b400",
+  "offset-md-3": "offset-md-3__3fb782ce",
+  "offset-md-4": "offset-md-4__2e310343",
+  "offset-md-5": "offset-md-5__e75ba47a",
+  "offset-md-6": "offset-md-6__7fee46ec",
+  "offset-md-7": "offset-md-7__86c4688e",
+  "offset-md-8": "offset-md-8__bf3b944b",
+  "offset-md-9": "offset-md-9__e39c6ab5",
+  "offset-md-10": "offset-md-10__e4f49dd3",
+  "offset-md-11": "offset-md-11__9e4108e9",
+  "d-none-md": "d-none-md__bad1bde9",
+  "d-block-md": "d-block-md__c189563a",
+  "col-lg-1": "col-lg-1__ecda3db0",
+  "col-lg-2": "col-lg-2__1e8f329d",
+  "col-lg-3": "col-lg-3__15d4bc6a",
+  "col-lg-4": "col-lg-4__a4ddfdfc",
+  "col-lg-5": "col-lg-5__b4c11218",
+  "col-lg-6": "col-lg-6__ba36c9f7",
+  "col-lg-7": "col-lg-7__f40e3673",
+  "col-lg-8": "col-lg-8__9ecbffcf",
+  "col-lg-9": "col-lg-9__7225eb92",
+  "col-lg-10": "col-lg-10__cb3fd45f",
+  "col-lg-11": "col-lg-11__0977a84f",
+  "col-lg-12": "col-lg-12__d507c5a9",
+  "offset-lg-0": "offset-lg-0__cd82c0a8",
+  "offset-lg-1": "offset-lg-1__fd00f1bc",
+  "offset-lg-2": "offset-lg-2__cd2d2309",
+  "offset-lg-3": "offset-lg-3__dfb06c50",
+  "offset-lg-4": "offset-lg-4__dd4b278e",
+  "offset-lg-5": "offset-lg-5__6aeabcd5",
+  "offset-lg-6": "offset-lg-6__4afa6245",
+  "offset-lg-7": "offset-lg-7__f1df27cd",
+  "offset-lg-8": "offset-lg-8__90ff502d",
+  "offset-lg-9": "offset-lg-9__96ac625d",
+  "offset-lg-10": "offset-lg-10__73ebfe49",
+  "offset-lg-11": "offset-lg-11__e74911b7",
+  "d-none-lg": "d-none-lg__2e278125",
+  "d-block-lg": "d-block-lg__c364f97b",
+  "col-xl-1": "col-xl-1__33d6d061",
+  "col-xl-2": "col-xl-2__aed11774",
+  "col-xl-3": "col-xl-3__2818faad",
+  "col-xl-4": "col-xl-4__f7a6bc65",
+  "col-xl-5": "col-xl-5__0553bb95",
+  "col-xl-6": "col-xl-6__94406c4d",
+  "col-xl-7": "col-xl-7__7f8fc416",
+  "col-xl-8": "col-xl-8__f447ea89",
+  "col-xl-9": "col-xl-9__6ce536e0",
+  "col-xl-10": "col-xl-10__ed738f0b",
+  "col-xl-11": "col-xl-11__fdce08a2",
+  "col-xl-12": "col-xl-12__5c8fb22f",
+  "offset-xl-0": "offset-xl-0__536351da",
+  "offset-xl-1": "offset-xl-1__498795cc",
+  "offset-xl-2": "offset-xl-2__9c094e04",
+  "offset-xl-3": "offset-xl-3__be4bf27b",
+  "offset-xl-4": "offset-xl-4__8cd80a22",
+  "offset-xl-5": "offset-xl-5__cadd3396",
+  "offset-xl-6": "offset-xl-6__d3e5bfe3",
+  "offset-xl-7": "offset-xl-7__fb4f77d4",
+  "offset-xl-8": "offset-xl-8__011e5ff8",
+  "offset-xl-9": "offset-xl-9__ccccdd83",
+  "offset-xl-10": "offset-xl-10__3e9ada97",
+  "offset-xl-11": "offset-xl-11__4e8ff9aa",
+  "d-none-xl": "d-none-xl__dfc9634c",
+  "d-block-xl": "d-block-xl__d0deacf1"
 };
 function _({
-  block: t,
-  hidden: d,
+  block: d,
+  hidden: t,
   offset: l,
   prefix: o,
   size: e
 }) {
-  const f = [], c = o ? `${o}-` : "", s = o ? `-${o}` : "";
-  return t === !0 && f.push(`d-block${s}`), d === !0 && f.push(`d-none${s}`), l !== void 0 && f.push(`offset-${c}${l}`), e && f.push(`col-${c}${e}`), f;
+  const f = [], s = o ? `${o}-` : "", c = o ? `-${o}` : "";
+  return d === !0 && f.push(`d-block${c}`), t === !0 && f.push(`d-none${c}`), l !== void 0 && f.push(`offset-${s}${l}`), e && f.push(`col-${s}${e}`), f;
 }
 const B = ({
-  children: t,
-  className: d,
+  children: d,
+  className: t,
   hidden: l,
   hiddenSm: o,
   hiddenMd: e,
   hiddenLg: f,
-  hiddenXl: c,
-  block: s,
+  hiddenXl: s,
+  block: c,
   blockSm: m,
   blockMd: b,
   blockLg: a,
@@ -168,13 +168,13 @@ const B = ({
   ...C
 }) => {
   const y = [
-    ..._({ block: s, hidden: l, offset: p, size: g }),
+    ..._({ block: c, hidden: l, offset: p, size: g }),
     ..._({ block: m, hidden: o, offset: u, prefix: "sm", size: n }),
     ..._({ 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 })
+    ..._({ block: x, hidden: s, offset: N, prefix: "xl", size: k })
   ].map((z) => A[z]).filter(Boolean);
-  return /* @__PURE__ */ v("div", { ...C, className: j(d, ...y), children: t });
+  return /* @__PURE__ */ v("div", { ...C, className: j(t, ...y), children: d });
 };
 B.displayName = "Col";
 export {

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.0";
+    let o = "1.2.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
         t[e][T],