@sberbusiness/triplex-next 0.24.0 → 0.25.0

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { c as e } from "../../../chunks/vendor---Om3uMV.js";
-import { c as m } from "../../../chunks/Card.module-Cok9cKxI.js";
+import { c as m } from "../../../chunks/Card.module-Ce9rAKOc.js";
 const o = ({ children: a, className: r, ...s }) => {
   const c = e(m.cardMedia, r);
   return /* @__PURE__ */ d("div", { className: c, ...s, children: a });

package/components/Card/utils.js

@@ -1,5 +1,5 @@
 import { ECardRoundingSize as r, ECardTheme as s } from "./enums.js";
-import { c as o } from "../../chunks/Card.module-Cok9cKxI.js";
+import { c as o } from "../../chunks/Card.module-Ce9rAKOc.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as b } from "react/jsx-runtime";
 import C, { useState as w, useRef as D, useCallback as L, useEffect as d } from "react";
 import { l as M, c as S } from "../../chunks/vendor---Om3uMV.js";
 import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
-const R = "carouselExtended__93a1c215", k = {
+const R = "carouselExtended__c0bafac1", k = {
   carouselExtended: R
 }, y = C.forwardRef(
   ({ children: l, buttonPrev: a, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {

package/components/Checkbox/Checkbox.js

@@ -1,55 +1,56 @@
-import { jsxs as I, jsx as e } from "react/jsx-runtime";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import N from "react";
-import { CheckboxbulkStrokeSrvIcon24 as S, CheckboxtickStrokeSrvIcon24 as z } from "@sberbusiness/icons-next";
+import { c as l } from "../../chunks/vendor---Om3uMV.js";
+import { CheckboxbulkStrokeSrvIcon24 as S, CheckboxtickStrokeSrvIcon24 as C } from "@sberbusiness/icons-next";
 import { ETextSize as n } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as C } from "../Typography/Text.js";
+import { Text as y } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize as s } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as y } from "../../utils/classNameMaps.js";
-import { c as l } from "../../chunks/vendor---Om3uMV.js";
-const u = "label__b5c4fffc", M = "sm__16aa2955", T = "nonempty__76227c58", g = "md__7eaadb26", v = "lg__1852e8cc", B = "disabled__359481f4", j = "checkbox__9bd6f4cc", D = "checkboxIcon__1cad8f5b", E = "checkmarkIcon__d2e5dd0e", c = {
-  label: u,
-  sm: M,
-  nonempty: T,
-  md: g,
-  lg: v,
-  disabled: B,
-  checkbox: j,
-  checkboxIcon: D,
-  checkmarkIcon: E
-}, L = {
+import { createSizeToClassNameMap as E } from "../../utils/classNameMaps.js";
+const M = "label__cf0b6562", T = "sm__7704e190", u = "nonempty__4cb25d1d", z = "md__d736c5a4", g = "lg__b8125683", A = "disabled__f3df6820", v = "checkbox__60ab8476", B = "checkboxIcon__85939f11", L = "checkmarkIcon__308cb599", c = {
+  label: M,
+  sm: T,
+  nonempty: u,
+  md: z,
+  lg: g,
+  disabled: A,
+  checkbox: v,
+  checkboxIcon: B,
+  checkmarkIcon: L
+}, Z = {
   [s.LG]: n.B2,
   [s.MD]: n.B3,
   [s.SM]: n.B4
-}, i = y(c), R = N.forwardRef((b, d) => {
+}, b = E(c), j = N.forwardRef((i, k) => {
   const {
-    children: a,
-    className: k,
+    children: t,
+    className: d,
     disabled: m,
-    bulk: p,
+    bulk: _,
     labelAttributes: o,
-    size: t = s.MD,
-    ...x
-  } = b, h = l(c.checkbox, k, i[t]), _ = l(
+    size: a = s.MD,
+    ...p
+  } = i, x = l(c.checkbox, b[a]), h = l(
     c.label,
-    i[t],
-    { [c.disabled]: !!m, [c.nonempty]: !!a },
+    b[a],
+    { [c.disabled]: !!m, [c.nonempty]: !!t },
+    d,
     o == null ? void 0 : o.className
-  ), f = () => {
+  ), I = () => {
     const r = c.checkmarkIcon;
-    return p ? /* @__PURE__ */ e(S, { className: r, paletteIndex: 7 }) : /* @__PURE__ */ e(z, { className: r, paletteIndex: 7 });
+    return _ ? /* @__PURE__ */ e(S, { className: r, paletteIndex: 7 }) : /* @__PURE__ */ e(C, { className: r, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "0.24.0", children: [
-    /* @__PURE__ */ e("input", { type: "checkbox", className: h, disabled: m, ...x, ref: d }),
+  return /* @__PURE__ */ f("label", { ...o, className: h, "data-tx": "0.25.0", children: [
+    /* @__PURE__ */ e("input", { type: "checkbox", className: x, disabled: m, ...p, ref: k }),
     /* @__PURE__ */ e("span", { className: c.checkboxIcon }),
-    f(),
-    a && /* @__PURE__ */ e(C, { size: L[t], tag: "div", children: a })
+    I(),
+    t && /* @__PURE__ */ e(y, { size: Z[a], tag: "div", children: t })
   ] });
 });
-R.displayName = "Checkbox";
+j.displayName = "Checkbox";
 export {
-  R as Checkbox
+  j as Checkbox
 };
 //# sourceMappingURL=Checkbox.js.map

package/components/Checkbox/CheckboxXGroup.js

@@ -1,20 +1,21 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as a } from "../../chunks/vendor---Om3uMV.js";
-const r = "checkboxXGroup__6890524f", _ = "label__b5c4fffc", n = {
-  checkboxXGroup: r,
-  "indent-12": "indent-12__787aa8a6",
-  label: _,
-  "indent-16": "indent-16__3b736b5f",
-  "indent-20": "indent-20__14ae49f9",
-  "indent-24": "indent-24__f5869236",
-  "indent-28": "indent-28__95fa3bbc",
-  "indent-32": "indent-32__08dfcb65"
-}, b = (e) => {
-  const { children: c, className: t, indent: o = 12, ...s } = e, i = a(n.checkboxXGroup, n[`indent-${o}`], t);
-  return /* @__PURE__ */ d("div", { className: i, role: "group", ...s, children: c });
-};
-b.displayName = "CheckboxXGroup";
+import { jsx as s } from "react/jsx-runtime";
+import a from "react";
+import { c as _ } from "../../chunks/vendor---Om3uMV.js";
+const l = "checkboxXGroup__f4d35fa1", b = "label__cf0b6562", e = {
+  checkboxXGroup: l,
+  "indent-12": "indent-12__8c22637f",
+  label: b,
+  "indent-16": "indent-16__9ff78f83",
+  "indent-20": "indent-20__796dbeb7",
+  "indent-24": "indent-24__a2631b43",
+  "indent-28": "indent-28__97e77923",
+  "indent-32": "indent-32__c2a49d11"
+}, f = a.forwardRef((n, o) => {
+  const { children: t, className: c, indent: d = 12, ...r } = n, i = _(e.checkboxXGroup, e[`indent-${d}`], c);
+  return /* @__PURE__ */ s("div", { className: i, ...r, role: "group", ref: o, children: t });
+});
+f.displayName = "CheckboxXGroup";
 export {
-  b as CheckboxXGroup
+  f as CheckboxXGroup
 };
 //# sourceMappingURL=CheckboxXGroup.js.map

package/components/Checkbox/CheckboxYGroup.js

@@ -1,11 +1,12 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as t } from "../../chunks/vendor---Om3uMV.js";
-const a = "checkboxYGroup__75b8a68c", 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 });
-};
+import a from "react";
+import { c as m } from "../../chunks/vendor---Om3uMV.js";
+const x = "checkboxYGroup__bfbc1596", b = {
+  checkboxYGroup: x
+}, l = a.forwardRef((o, c) => {
+  const { children: r, className: s, ...e } = o, t = m(b.checkboxYGroup, s);
+  return /* @__PURE__ */ p("div", { className: t, ...e, role: "group", ref: c, children: r });
+});
 l.displayName = "CheckboxYGroup";
 export {
   l as CheckboxYGroup

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -7,7 +7,7 @@ import { c as a } from "../../chunks/vendor---Om3uMV.js";
 import { EComponentSize as r } from "../../enums/EComponentSize.js";
 import { EScreenWidth as t } from "../../helpers/breakpoints.js";
 import { useMatchMedia as h } from "../MediaWidth/useMatchMedia.js";
-import { s as f } from "../../chunks/CheckboxTreeExtended.module-D_OBlNho.js";
+import { s as f } from "../../chunks/CheckboxTreeExtended.module-Cj2c6m06.js";
 const e = ({ className: m, size: d = r.MD, ...i }) => {
   const x = h(
     `(max-width: ${t.SM_MAX})`,

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -5,7 +5,7 @@ import { jsx as p } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES as i } from "../../../utils/keyboard.js";
 import h from "react";
-import { s as m } from "../../../chunks/CheckboxTreeExtended.module-D_OBlNho.js";
+import { s as m } from "../../../chunks/CheckboxTreeExtended.module-Cj2c6m06.js";
 class x extends h.Component {
   constructor() {
     super(...arguments);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -2,7 +2,7 @@ import { jsx as p } from "react/jsx-runtime";
 import { useRef as N, useContext as E, useEffect as T } from "react";
 import { Checkbox as a } from "../../Checkbox/Checkbox.js";
 import { c as x } from "../../../chunks/vendor---Om3uMV.js";
-import { s as m } from "../../../chunks/CheckboxTreeExtended.module-D_OBlNho.js";
+import { s as m } from "../../../chunks/CheckboxTreeExtended.module-Cj2c6m06.js";
 import { CheckboxTreeExtendedContext as F } from "../CheckboxTreeExtendedContext.js";
 const L = ({
   active: s,

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -5,7 +5,7 @@ import { isStaticCheckboxTreeExtended as f } from "../isStaticCheckboxTreeExtend
 import { c as u } from "../../../chunks/vendor---Om3uMV.js";
 import "./CheckboxTreeExtendedArrow.js";
 import { createSizeToClassNameMap as T } from "../../../utils/classNameMaps.js";
-import { s as o } from "../../../chunks/CheckboxTreeExtended.module-D_OBlNho.js";
+import { s as o } from "../../../chunks/CheckboxTreeExtended.module-Cj2c6m06.js";
 import { CheckboxTreeExtendedContext as C } from "../CheckboxTreeExtendedContext.js";
 const N = T(o), y = ({
   children: r,

package/components/Chip/Chip.js

@@ -1,12 +1,13 @@
 import "react/jsx-runtime";
 import "react";
 import "../../chunks/vendor---Om3uMV.js";
-import { C as f } from "../../chunks/Chip-CFtA5mp4.js";
+import { C as h } from "../../chunks/Chip-BEnNi0nL.js";
 import "../../enums/EComponentSize.js";
 import "../../utils/classNameMaps.js";
 import "../../utils/keyboard.js";
 import "../Badge/Badge.js";
+import "../IconWrapper/IconWrapper.js";
 export {
-  f as Chip
+  h as Chip
 };
 //# sourceMappingURL=Chip.js.map

package/components/Chip/ChipClearButton.js

@@ -4,17 +4,17 @@ import { c } from "../../chunks/vendor---Om3uMV.js";
 import { CrossStrokeSrvIcon24 as a, CrossStrokeSrvIcon20 as i, CrossStrokeSrvIcon16 as m } from "@sberbusiness/icons-next";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
 import { ButtonIcon as l } from "../Button/ButtonIcon.js";
-const C = "chipClearButton__6f048350", S = {
+const C = "chipClearButton__24767352", S = {
   chipClearButton: C
-}, f = {
+}, I = {
   [t.SM]: /* @__PURE__ */ o(m, { paletteIndex: 6 }),
   [t.MD]: /* @__PURE__ */ o(i, { paletteIndex: 6 }),
   [t.LG]: /* @__PURE__ */ o(a, { paletteIndex: 6 })
-}, I = s.forwardRef(
-  ({ className: r, size: e = t.MD, ...n }, p) => /* @__PURE__ */ o(l, { className: c(S.chipClearButton, r), ...n, ref: p, children: f[e] })
+}, f = s.forwardRef(
+  ({ className: r, size: e = t.MD, ...n }, p) => /* @__PURE__ */ o(l, { className: c(S.chipClearButton, r), ...n, ref: p, children: I[e] })
 );
-I.displayName = "ChipClearButton";
+f.displayName = "ChipClearButton";
 export {
-  I as ChipClearButton
+  f as ChipClearButton
 };
 //# sourceMappingURL=ChipClearButton.js.map

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -7,7 +7,7 @@ import { DatePickerExtended as G } from "../../DatePickerExtended/DatePickerExte
 import { ChipDatePickerTarget as H } from "./ChipDatePickerTarget.js";
 import { inputDateFormat as D } from "../../DateField/constants.js";
 import { DropdownMobileMaskedInput as C } from "../../Dropdown/mobile/DropdownMobileMaskedInput.js";
-import { s as L } from "../../../chunks/Chip-CFtA5mp4.js";
+import { s as L } from "../../../chunks/Chip-BEnNi0nL.js";
 const U = N.forwardRef((S, V) => {
   const {
     value: o,

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import D, { useContext as k } from "react";
-import { C as w } from "../../../chunks/Chip-CFtA5mp4.js";
+import { C as w } from "../../../chunks/Chip-BEnNi0nL.js";
 import { ChipDropdownArrow as P } from "../ChipDropdownArrow.js";
 import { ChipClearButton as g } from "../ChipClearButton.js";
 import { DatePickerExtendedContext as E } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipDropdownArrow.js

@@ -1,13 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
-import { CaretdownStrokeSrvIcon24 as p, CaretdownStrokeSrvIcon20 as a, CaretdownStrokeSrvIcon16 as d } from "@sberbusiness/icons-next";
+import { CaretdownStrokeSrvIcon24 as p, CaretdownStrokeSrvIcon20 as d, CaretdownStrokeSrvIcon16 as a } from "@sberbusiness/icons-next";
 import { c } from "../../chunks/vendor---Om3uMV.js";
 import { EComponentSize as r } from "../../enums/EComponentSize.js";
-const w = "chipDropdownArrow__77661a7c", s = "rotated__738a7937", t = {
+const w = "chipDropdownArrow__45a10d71", s = "rotated__2d69b761", t = {
   chipDropdownArrow: w,
   rotated: s
 }, i = {
-  [r.SM]: /* @__PURE__ */ o(d, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ o(a, { paletteIndex: 5 }),
+  [r.SM]: /* @__PURE__ */ o(a, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ o(d, { paletteIndex: 5 }),
   [r.LG]: /* @__PURE__ */ o(p, { paletteIndex: 5 })
 }, m = ({ rotated: e, size: n = r.MD }) => /* @__PURE__ */ o("span", { className: c(t.chipDropdownArrow, { [t.rotated]: e }), children: i[n] });
 m.displayName = "ChipDropdownArrow";

package/components/Chip/ChipIcon.js

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

package/components/Chip/ChipMultiselect.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import w from "react";
 import { MultiselectField as y } from "../MultiselectField/MultiselectField.js";
-import { s as x, C as D } from "../../chunks/Chip-CFtA5mp4.js";
+import { s as x, C as D } from "../../chunks/Chip-BEnNi0nL.js";
 import { ChipClearButton as E } from "./ChipClearButton.js";
 import { ChipDropdownArrow as K } from "./ChipDropdownArrow.js";
 import { isKey as i } from "../../utils/keyboard.js";

package/components/Chip/ChipOptions.js

@@ -1,16 +1,16 @@
 import { jsx as t } from "react/jsx-runtime";
 import a from "react";
 import { OptionsStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
-import { C } from "../../chunks/Chip-CFtA5mp4.js";
-import { ChipClearButton as m } from "./ChipClearButton.js";
-const c = "chipOptionsContent__e8935441", f = {
-  chipOptionsContent: c
+import { C } from "../../chunks/Chip-BEnNi0nL.js";
+import { ChipClearButton as c } from "./ChipClearButton.js";
+const m = "chipOptionsContent__d5ce04c9", f = {
+  chipOptionsContent: m
 }, l = a.forwardRef(
   ({ children: o, clearSelected: e, selected: n, ...p }, s) => /* @__PURE__ */ t(
     C,
     {
       prefix: n ? /* @__PURE__ */ t(i, { paletteIndex: 6 }) : /* @__PURE__ */ t(i, { paletteIndex: 5 }),
-      postfix: n ? /* @__PURE__ */ t(m, { onClick: (r) => {
+      postfix: n ? /* @__PURE__ */ t(c, { onClick: (r) => {
         r.stopPropagation(), e();
       }, size: p.size }) : /* @__PURE__ */ t("span", {}),
       selected: n,

package/components/Chip/ChipSelect/ChipSelect.js

@@ -5,7 +5,7 @@ import "../../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault as w } from "../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { ChipSelectTarget as D } from "./ChipSelectTarget.js";
-import { s as T } from "../../../chunks/Chip-CFtA5mp4.js";
+import { s as T } from "../../../chunks/Chip-BEnNi0nL.js";
 import { c as g } from "../../../chunks/vendor---Om3uMV.js";
 const y = S.forwardRef(
   ({ className: m, clearSelected: c, disabled: p, size: o, label: i, displayedValue: d, onChange: l, options: n, value: e, ...s }, f) => {

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import g, { useCallback as t } from "react";
-import { C as x } from "../../../chunks/Chip-CFtA5mp4.js";
+import { C as x } from "../../../chunks/Chip-BEnNi0nL.js";
 import { ChipDropdownArrow as y } from "../ChipDropdownArrow.js";
 import { ChipClearButton as D } from "../ChipClearButton.js";
 import { isKey as a } from "../../../utils/keyboard.js";

package/components/Chip/ChipSort.js

@@ -1,57 +1,52 @@
-import { jsx as r } from "react/jsx-runtime";
-import y, { useRef as C } from "react";
-import { u as b, l as N, c as l } from "../../chunks/vendor---Om3uMV.js";
+import { jsx as o } from "react/jsx-runtime";
+import D, { useRef as E } from "react";
+import { u as w, l as C, c as K } from "../../chunks/vendor---Om3uMV.js";
 import { ChipIcon as R } from "./ChipIcon.js";
-import { SortStrokeSrvIcon24 as s } from "@sberbusiness/icons-next";
-import { SelectExtendedField as K } from "../SelectExtendedField/SelectExtendedField.js";
+import { SortStrokeSrvIcon24 as l } from "@sberbusiness/icons-next";
+import { SelectExtendedField as N } from "../SelectExtendedField/SelectExtendedField.js";
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault as T } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
-import { s as k } from "../../chunks/Chip-CFtA5mp4.js";
-import { isKey as m } from "../../utils/keyboard.js";
-const q = y.forwardRef(
-  ({ className: d, defaultValue: p, disabled: f, label: u, onChange: x, options: h, value: e, size: i, ...I }, S) => {
-    const n = C(b()), a = !!e && !N.isEqual(p, e), E = ({ opened: o, setOpened: c }) => {
-      const w = (t) => {
-        !o && (m(t.code, "ENTER") || m(t.code, "SPACE")) && (t.preventDefault(), c(!0));
-      };
-      return /* @__PURE__ */ r(
-        R,
-        {
-          className: l("hoverable", {
-            active: !!o
-          }),
-          ref: S,
-          disabled: f,
-          selected: a,
-          onClick: () => c(!o),
-          onKeyDown: w,
-          size: i,
-          role: "combobox",
-          "aria-expanded": o,
-          "aria-controls": n.current,
-          children: a ? /* @__PURE__ */ r(s, { paletteIndex: 6 }) : /* @__PURE__ */ r(s, { paletteIndex: 5 })
-        }
-      );
-    }, D = (o) => /* @__PURE__ */ r(
+import { isKey as s } from "../../utils/keyboard.js";
+import { IconWrapper as b } from "../IconWrapper/IconWrapper.js";
+import { s as k } from "../../chunks/Chip-BEnNi0nL.js";
+const q = D.forwardRef(
+  ({ className: p, defaultValue: d, disabled: n, label: f, onChange: u, options: h, value: t, size: i, ...x }, I) => {
+    const c = E(w()), m = !!t && !C.isEqual(d, t), S = ({ opened: r, setOpened: a }) => /* @__PURE__ */ o(
+      R,
+      {
+        ref: I,
+        disabled: n,
+        selected: m,
+        onClick: () => a(!r),
+        onKeyDown: (e) => {
+          !r && (s(e.code, "ENTER") || s(e.code, "SPACE")) && (e.preventDefault(), a(!0));
+        },
+        size: i,
+        role: "combobox",
+        "aria-expanded": r,
+        "aria-controls": c.current,
+        children: /* @__PURE__ */ o(b, { active: r, disabled: n, displayContents: !0, children: m ? /* @__PURE__ */ o(l, { paletteIndex: 6 }) : /* @__PURE__ */ o(l, { paletteIndex: 5 }) })
+      }
+    ), y = (r) => /* @__PURE__ */ o(
       T,
       {
-        ...o,
+        ...r,
         size: i,
-        mobileTitle: u,
-        onChange: x,
+        mobileTitle: f,
+        onChange: u,
         options: h,
-        value: e,
-        listId: n.current
+        value: t,
+        listId: c.current
       }
     );
-    return /* @__PURE__ */ r(
-      K,
+    return /* @__PURE__ */ o(
+      N,
       {
-        className: l(k.chipGroupItem, d),
-        renderTarget: E,
-        ...I,
-        children: D
+        className: K(k.chipGroupItem, p),
+        renderTarget: S,
+        ...x,
+        children: y
       }
     );
   }

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -5,7 +5,7 @@ import { c as x } from "../../../chunks/vendor---Om3uMV.js";
 import "../../Suggest/SuggestContext.js";
 import { Suggest as S } from "../../Suggest/Suggest.js";
 import { ChipSuggestDropdown as C } from "./ChipSuggestDropdown.js";
-import { s as j } from "../../../chunks/Chip-CFtA5mp4.js";
+import { s as j } from "../../../chunks/Chip-BEnNi0nL.js";
 const w = ({ className: c, displayedValue: g, label: r, prefix: y, targetProps: u, dropdownProps: n, ...o }, t) => {
   const { value: s, size: i } = o, f = p(null), l = p(null), a = (e) => {
     f.current = e, typeof t == "function" ? t(e) : t && (t.current = e);

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -6,7 +6,7 @@ import { useSuggestContext as k } from "../../Suggest/SuggestContext.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as F } from "../../Dropdown/desktop/DropdownList.js";
-import { D as R } from "../../../chunks/DropdownListItem-D_38hBVf.js";
+import { D as R } from "../../../chunks/DropdownListItem-wT8cLRdZ.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import E, { useCallback as t } from "react";
 import { useSuggestContext as P } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as T } from "../../../chunks/Chip-CFtA5mp4.js";
+import { C as T } from "../../../chunks/Chip-BEnNi0nL.js";
 import { ChipClearButton as c } from "../ChipClearButton.js";
 import { ChipDropdownArrow as w } from "../ChipDropdownArrow.js";
 import { isKey as n } from "../../../utils/keyboard.js";

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js

@@ -4,7 +4,7 @@ import { useSuggestContext as k } from "../../../Suggest/SuggestContext.js";
 import { FormFieldClear as B } from "../../../FormField/components/FormFieldClear.js";
 import "../../../FormField/components/FormFieldCounter.js";
 import "../../../FormField/components/FormFieldDescription.js";
-import { F as D } from "../../../../chunks/FormFieldInput-CP3P-T8_.js";
+import { F as D } from "../../../../chunks/FormFieldInput-Dj2JAqj2.js";
 import { FormFieldLabel as L } from "../../../FormField/components/FormFieldLabel.js";
 import "../../../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as M } from "../../../FormField/components/FormFieldPostfix.js";
@@ -18,7 +18,7 @@ import { ETooltipSize as R } from "../../../Tooltip/enums.js";
 import { LoaderSmall as W } from "../../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as b } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const E = "chipSuggestInputWrapper__aa3af81f", j = {
+const E = "chipSuggestInputWrapper__f94df0f9", j = {
   chipSuggestInputWrapper: E
 }, oe = ({ children: m }) => {
   const {

package/components/Chip/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../../chunks/Chip-CFtA5mp4.js";
+import { C as e } from "../../chunks/Chip-BEnNi0nL.js";
 import { ChipDatePicker as t } from "./ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget as C } from "./ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton as h } from "./ChipClearButton.js";

package/components/ChipGroup/ChipGroup.js

@@ -1,9 +1,9 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import p from "react";
 import { c as r } from "../../chunks/vendor---Om3uMV.js";
 import { EComponentSize as a } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const _ = "chipGroup__0a2b1008", u = "oneLine__3c350268", d = "multiLine__c6b1fca5", f = "lg__bc22717d", L = "md__4123958f", h = "sm__1edb18e6", o = {
+const _ = "chipGroup__86a1dd99", u = "oneLine__8ae5ce81", d = "multiLine__12163d41", f = "lg__9cc77e7a", L = "md__94cffb69", h = "sm__a48c751f", o = {
   chipGroup: _,
   oneLine: u,
   multiLine: d,
@@ -11,7 +11,7 @@ const _ = "chipGroup__0a2b1008", u = "oneLine__3c350268", d = "multiLine__c6b1fc
   md: L,
   sm: h
 }, G = l(o), C = p.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, n) => /* @__PURE__ */ c(
+  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, c) => /* @__PURE__ */ n(
     "div",
     {
       className: r(o.chipGroup, G[m], t, {
@@ -19,8 +19,8 @@ const _ = "chipGroup__0a2b1008", u = "oneLine__3c350268", d = "multiLine__c6b1fc
         [o.oneLine]: !!e
       }),
       ...s,
-      ref: n,
-      "data-tx": "0.24.0",
+      ref: c,
+      "data-tx": "0.25.0",
       children: i
     }
   )