@sberbusiness/triplex-next 1.20.0 → 1.22.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-BIl4KTrD.js";
-import { c as m } from "../../../chunks/Card.module-CYQS3e5D.js";
+import { c as e } from "../../../chunks/vendor-BiObpx9E.js";
+import { c as m } from "../../../chunks/Card.module-CPD2xDmu.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-CYQS3e5D.js";
+import { c as o } from "../../chunks/Card.module-CPD2xDmu.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -1,11 +1,11 @@
 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-BIl4KTrD.js";
-import { scrollSmoothHorizontally as a } from "../../utils/scroll.js";
-const R = "carouselExtended__fa662a92", k = {
+import { l as M, c as S } from "../../chunks/vendor-BiObpx9E.js";
+import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
+const R = "carouselExtended__256ab75c", k = {
   carouselExtended: R
 }, y = C.forwardRef(
-  ({ children: l, buttonPrev: c, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {
+  ({ children: l, buttonPrev: a, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {
     const [o, m] = w({ hidden: !0, nextDisabled: !1, prevDisabled: !0 }), r = D(null), t = L(() => {
       const e = r.current, n = {
         hidden: e.scrollWidth == e.clientWidth,
@@ -20,14 +20,14 @@ const R = "carouselExtended__fa662a92", k = {
       t();
     }, [l, t]);
     const x = () => {
-      a(r.current, Math.floor(-u));
+      c(r.current, Math.floor(-u));
     }, v = () => {
-      a(r.current, Math.ceil(f));
+      c(r.current, Math.ceil(f));
     }, E = (e) => {
       r.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
     };
     return /* @__PURE__ */ p("div", { ...h, children: [
-      c({
+      a({
         disabled: o.prevDisabled,
         hidden: o.hidden,
         onClick: x

package/components/Checkbox/Checkbox.js

@@ -7,8 +7,8 @@ import { Text as C } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize as s } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as u } from "../../utils/classNameMaps.js";
-import { c as r } from "../../chunks/vendor-BIl4KTrD.js";
-const y = "label__1df2c41a", M = "sm__19698200", T = "nonempty__85e271d9", g = "md__50cb69ca", v = "lg__e94aa084", B = "disabled__405376fe", j = "checkbox__3da79a2c", D = "checkboxIcon__2f7a7138", E = "checkmarkIcon__a163606e", e = {
+import { c as r } from "../../chunks/vendor-BiObpx9E.js";
+const y = "label__c2049da3", M = "sm__ba56a8af", T = "nonempty__940ffeb2", g = "md__010c3827", v = "lg__5c80f78e", B = "disabled__19bfa46e", j = "checkbox__c3c27076", D = "checkboxIcon__0b006141", E = "checkmarkIcon__e1d188da", e = {
   label: y,
   sm: M,
   nonempty: T,
@@ -22,7 +22,7 @@ const y = "label__1df2c41a", M = "sm__19698200", T = "nonempty__85e271d9", g = "
   [s.LG]: n.B2,
   [s.MD]: n.B3,
   [s.SM]: n.B4
-}, i = u(e), R = N.forwardRef((k, b) => {
+}, i = u(e), R = N.forwardRef((b, k) => {
   const {
     children: a,
     className: d,
@@ -31,7 +31,7 @@ const y = "label__1df2c41a", M = "sm__19698200", T = "nonempty__85e271d9", g = "
     labelAttributes: o,
     size: t = s.MD,
     ...x
-  } = k, h = r(e.checkbox, d, i[t]), _ = r(
+  } = b, h = r(e.checkbox, d, i[t]), _ = r(
     e.label,
     i[t],
     { [e.disabled]: !!m, [e.nonempty]: !!a },
@@ -40,8 +40,8 @@ const y = "label__1df2c41a", M = "sm__19698200", T = "nonempty__85e271d9", g = "
     const l = e.checkmarkIcon;
     return p ? /* @__PURE__ */ c(S, { className: l, paletteIndex: 7 }) : /* @__PURE__ */ c(z, { className: l, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "1.20.0", children: [
-    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: m, ...x, ref: b }),
+  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "1.22.0", children: [
+    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: m, ...x, ref: k }),
     /* @__PURE__ */ c("span", { className: e.checkboxIcon }),
     f(),
     a && /* @__PURE__ */ c(C, { size: L[t], tag: "div", children: a })

package/components/Checkbox/CheckboxXGroup.js

@@ -1,20 +1,20 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as r } from "../../chunks/vendor-BIl4KTrD.js";
-const _ = "checkboxXGroup__62b8c869", a = "label__1df2c41a", n = {
-  checkboxXGroup: _,
-  "indent-12": "indent-12__194b5bb5",
-  label: a,
-  "indent-16": "indent-16__52f77910",
-  "indent-20": "indent-20__67e10578",
-  "indent-24": "indent-24__f4f91355",
-  "indent-28": "indent-28__d88c662a",
-  "indent-32": "indent-32__28f1f755"
-}, l = (e) => {
-  const { children: t, className: c, indent: o = 12, ...s } = e, d = r(n.checkboxXGroup, n[`indent-${o}`], c);
-  return /* @__PURE__ */ i("div", { className: d, role: "group", ...s, children: t });
+import { jsx as a } from "react/jsx-runtime";
+import { c as i } from "../../chunks/vendor-BiObpx9E.js";
+const r = "checkboxXGroup__680adfcb", _ = "label__c2049da3", e = {
+  checkboxXGroup: r,
+  "indent-12": "indent-12__504ace15",
+  label: _,
+  "indent-16": "indent-16__ea7a1560",
+  "indent-20": "indent-20__10625bb9",
+  "indent-24": "indent-24__b11d6b8e",
+  "indent-28": "indent-28__d6ca18f5",
+  "indent-32": "indent-32__4af58f89"
+}, b = (n) => {
+  const { children: c, className: t, indent: o = 12, ...d } = n, s = i(e.checkboxXGroup, e[`indent-${o}`], t);
+  return /* @__PURE__ */ a("div", { className: s, role: "group", ...d, children: c });
 };
-l.displayName = "CheckboxXGroup";
+b.displayName = "CheckboxXGroup";
 export {
-  l as CheckboxXGroup
+  b as CheckboxXGroup
 };
 //# sourceMappingURL=CheckboxXGroup.js.map

package/components/Checkbox/CheckboxYGroup.js

@@ -1,13 +1,13 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as t } from "../../chunks/vendor-BIl4KTrD.js";
-const a = "checkboxYGroup__bfebb784", b = {
+import { c as t } from "../../chunks/vendor-BiObpx9E.js";
+const a = "checkboxYGroup__1ee4a635", x = {
   checkboxYGroup: a
-}, x = (o) => {
-  const { children: c, className: s, ...e } = o, r = t(b.checkboxYGroup, s);
+}, l = (o) => {
+  const { children: c, className: s, ...e } = o, r = t(x.checkboxYGroup, s);
   return /* @__PURE__ */ p("div", { className: r, role: "group", ...e, children: c });
 };
-x.displayName = "CheckboxYGroup";
+l.displayName = "CheckboxYGroup";
 export {
-  x as CheckboxYGroup
+  l as CheckboxYGroup
 };
 //# sourceMappingURL=CheckboxYGroup.js.map

package/components/CheckboxTree/index.js

@@ -1,5 +1,9 @@
-import { CheckboxTree as r } from "./CheckboxTree.js";
+import { CheckboxTree as c } from "./CheckboxTree.js";
+import { checkChildrenCheckboxes as h, checkParentCheckboxes as k, traverseCheckboxes as x } from "./utils.js";
 export {
-  r as CheckboxTree
+  c as CheckboxTree,
+  h as checkChildrenCheckboxes,
+  k as checkParentCheckboxes,
+  x as traverseCheckboxes
 };
 //# sourceMappingURL=index.js.map

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -1,15 +1,23 @@
 import { jsx as o } from "react/jsx-runtime";
-import { CollapsableTree as x } from "../CollapsableTree/CollapsableTree.js";
-import { CheckboxTreeExtendedCheckbox as d } from "./components/CheckboxTreeExtendedCheckbox.js";
-import { CheckboxTreeExtendedNode as c } from "./components/CheckboxTreeExtendedNode.js";
-import { CheckboxTreeExtendedContext as i } from "./CheckboxTreeExtendedContext.js";
-import { c as p } from "../../chunks/vendor-BIl4KTrD.js";
-import { EComponentSize as s } from "../../enums/EComponentSize.js";
-import { s as n } from "../../chunks/CheckboxTreeExtended.module-Bm15tlJo.js";
-const e = ({ className: r, size: t = s.MD, ...m }) => /* @__PURE__ */ o(i.Provider, { value: { size: t }, children: /* @__PURE__ */ o(x, { className: p(n.checkboxTreeExtended, r), ...m }) });
+import { CollapsableTree as n } from "../CollapsableTree/CollapsableTree.js";
+import { CheckboxTreeExtendedCheckbox as c } from "./components/CheckboxTreeExtendedCheckbox.js";
+import { CheckboxTreeExtendedNode as p } from "./components/CheckboxTreeExtendedNode.js";
+import { CheckboxTreeExtendedContext as s } from "./CheckboxTreeExtendedContext.js";
+import { c as a } from "../../chunks/vendor-BiObpx9E.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-F91Rxq8x.js";
+const e = ({ className: m, size: d = r.MD, ...i }) => {
+  const x = h(
+    `(max-width: ${t.SM_MAX})`,
+    window.innerWidth <= parseInt(t.SM_MAX)
+  );
+  return /* @__PURE__ */ o(s.Provider, { value: { size: x ? r.MD : d }, children: /* @__PURE__ */ o(n, { className: a(f.checkboxTreeExtended, m), ...i }) });
+};
 e.displayName = "CheckboxTreeExtended";
-e.Checkbox = d;
-e.Node = c;
+e.Checkbox = c;
+e.Node = p;
 export {
   e as CheckboxTreeExtended
 };

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 d } from "../../../utils/keyboard.js";
 import h from "react";
-import { s as f } from "../../../chunks/CheckboxTreeExtended.module-Bm15tlJo.js";
+import { s as f } from "../../../chunks/CheckboxTreeExtended.module-F91Rxq8x.js";
 class x extends h.Component {
   constructor() {
     super(...arguments);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -1,8 +1,8 @@
 import { jsx as p } from "react/jsx-runtime";
 import { useRef as N, useContext as a, useEffect as E } from "react";
 import { Checkbox as T } from "../../Checkbox/Checkbox.js";
-import { c as s } from "../../../chunks/vendor-BIl4KTrD.js";
-import { s as x } from "../../../chunks/CheckboxTreeExtended.module-Bm15tlJo.js";
+import { c as s } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as x } from "../../../chunks/CheckboxTreeExtended.module-F91Rxq8x.js";
 import { CheckboxTreeExtendedContext as F } from "../CheckboxTreeExtendedContext.js";
 const L = ({
   active: m,

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -2,10 +2,10 @@ import { jsx as p, jsxs as i } from "react/jsx-runtime";
 import { useContext as x } from "react";
 import { CollapsableTree as l } from "../../CollapsableTree/CollapsableTree.js";
 import { isStaticCheckboxTreeExtended as f } from "../isStaticCheckboxTreeExtended.js";
-import { c as u } from "../../../chunks/vendor-BIl4KTrD.js";
+import { c as u } from "../../../chunks/vendor-BiObpx9E.js";
 import "./CheckboxTreeExtendedArrow.js";
 import { createSizeToClassNameMap as T } from "../../../utils/classNameMaps.js";
-import { s as o } from "../../../chunks/CheckboxTreeExtended.module-Bm15tlJo.js";
+import { s as o } from "../../../chunks/CheckboxTreeExtended.module-F91Rxq8x.js";
 import { CheckboxTreeExtendedContext as C } from "../CheckboxTreeExtendedContext.js";
 const N = T(o), y = ({
   children: r,

package/components/Chip/Chip.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-BIl4KTrD.js";
-import { C as e } from "../../chunks/Chip-Df2PJxv_.js";
+import "../../chunks/vendor-BiObpx9E.js";
+import { C as e } from "../../chunks/Chip-Bxr2kLyU.js";
 import "../../enums/EComponentSize.js";
 import "../../utils/classNameMaps.js";
 import "../../utils/keyboard.js";

package/components/Chip/ChipClearButton.js

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

package/components/Chip/ChipDatePicker/ChipDatePicker.js

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

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js

@@ -1,34 +1,35 @@
 import { jsx as n } from "react/jsx-runtime";
-import x, { useContext as D } from "react";
-import { C as k } from "../../../chunks/Chip-Df2PJxv_.js";
-import { ChipDropdownArrow as w } from "../ChipDropdownArrow.js";
-import { ChipClearButton as P } from "../ChipClearButton.js";
-import { DatePickerExtendedContext as g } from "../../DatePickerExtended/DatePickerExtendedContext.js";
-import { isKey as p } from "../../../utils/keyboard.js";
-const E = x.forwardRef((d, s) => {
-  const { children: c, selected: i, onKeyDown: e, onClick: t, onClear: f, ...l } = d, { dropdownOpen: r, setDropdownOpen: a } = D(g), m = (o) => {
-    (p(o.code, "ENTER") || p(o.code, "SPACE")) && (o.preventDefault(), a(!r), e == null || e(o));
-  }, C = (o) => {
-    a(!r), t == null || t(o);
-  }, h = () => i ? /* @__PURE__ */ n(P, { onClick: u }) : /* @__PURE__ */ n(w, { rotated: r }), u = (o) => {
-    o.stopPropagation(), f();
+import D, { useContext as k } from "react";
+import { C as w } from "../../../chunks/Chip-Bxr2kLyU.js";
+import { ChipDropdownArrow as P } from "../ChipDropdownArrow.js";
+import { ChipClearButton as g } from "../ChipClearButton.js";
+import { DatePickerExtendedContext as E } from "../../DatePickerExtended/DatePickerExtendedContext.js";
+import { isKey as d } from "../../../utils/keyboard.js";
+const T = D.forwardRef((s, c) => {
+  const { children: f, selected: a, onKeyDown: r, onClick: t, onClear: l, size: i, ...m } = s, { dropdownOpen: o, setDropdownOpen: p } = k(E), C = (e) => {
+    (d(e.code, "ENTER") || d(e.code, "SPACE")) && (e.preventDefault(), p(!o), r == null || r(e));
+  }, h = (e) => {
+    p(!o), t == null || t(e);
+  }, u = () => a ? /* @__PURE__ */ n(g, { size: i, onClick: x }) : /* @__PURE__ */ n(P, { size: i, rotated: o }), x = (e) => {
+    e.stopPropagation(), l();
   };
   return /* @__PURE__ */ n(
-    k,
+    w,
     {
-      postfix: h(),
-      selected: i,
-      "aria-expanded": r,
-      onKeyDown: m,
-      onClick: C,
-      ...l,
-      ref: s,
-      children: c
+      postfix: u(),
+      selected: a,
+      "aria-expanded": o,
+      onKeyDown: C,
+      onClick: h,
+      size: i,
+      ...m,
+      ref: c,
+      children: f
     }
   );
 });
-E.displayName = "ChipDatePickerTarget";
+T.displayName = "ChipDatePickerTarget";
 export {
-  E as ChipDatePickerTarget
+  T as ChipDatePickerTarget
 };
 //# sourceMappingURL=ChipDatePickerTarget.js.map

package/components/Chip/ChipDropdownArrow.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon24 as p, CaretdownStrokeSrvIcon20 as d, CaretdownStrokeSrvIcon16 as a } from "@sberbusiness/icons-next";
-import { c } from "../../chunks/vendor-BIl4KTrD.js";
+import { c } from "../../chunks/vendor-BiObpx9E.js";
 import { EComponentSize as r } from "../../enums/EComponentSize.js";
-const w = "chipDropdownArrow__dc4543d0", s = "rotated__a6a39df5", t = {
+const w = "chipDropdownArrow__2c76457e", s = "rotated__d53604a5", t = {
   chipDropdownArrow: w,
   rotated: s
 }, i = {

package/components/Chip/ChipIcon.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import f from "react";
-import { C as t } from "../../chunks/Chip-Df2PJxv_.js";
+import { C as t } from "../../chunks/Chip-Bxr2kLyU.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 {

package/components/Chip/ChipMultiselect.js

@@ -1,11 +1,11 @@
 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-Df2PJxv_.js";
+import { s as x, C as D } from "../../chunks/Chip-Bxr2kLyU.js";
 import { ChipClearButton as E } from "./ChipClearButton.js";
 import { ChipDropdownArrow as K } from "./ChipDropdownArrow.js";
 import { isKey as i } from "../../utils/keyboard.js";
-import { c as g } from "../../chunks/vendor-BIl4KTrD.js";
+import { c as g } from "../../chunks/vendor-BiObpx9E.js";
 const B = w.forwardRef(
   ({ children: c, className: p, clearSelected: m, disabled: s, label: e, displayedValue: d, selected: a, size: r, ...f }, C) => {
     const h = (o) => {

package/components/Chip/ChipOptions.js

@@ -1,9 +1,9 @@
 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-Df2PJxv_.js";
+import { C } from "../../chunks/Chip-Bxr2kLyU.js";
 import { ChipClearButton as c } from "./ChipClearButton.js";
-const f = "chipOptionsContent__c25c6b02", m = {
+const f = "chipOptionsContent__27cbc531", m = {
   chipOptionsContent: f
 }, l = a.forwardRef(
   ({ children: o, clearSelected: e, selected: n, ...p }, s) => /* @__PURE__ */ t(

package/components/Chip/ChipSelect/ChipSelect.js

@@ -5,39 +5,38 @@ 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-Df2PJxv_.js";
-import { c as g } from "../../../chunks/vendor-BIl4KTrD.js";
+import { s as T } from "../../../chunks/Chip-Bxr2kLyU.js";
+import { c as g } from "../../../chunks/vendor-BiObpx9E.js";
 const u = S.forwardRef(
-  ({ className: d, clearSelected: m, disabled: c, size: o, label: i, displayedValue: l, onChange: p, options: s, value: e, ...n }, f) => {
+  ({ className: m, clearSelected: c, disabled: d, size: o, label: i, displayedValue: p, onChange: l, options: n, value: e, ...s }, f) => {
     const a = (r) => /* @__PURE__ */ t(
       w,
       {
         ...r,
         mobileTitle: i,
         size: o,
-        onChange: p,
-        options: s,
-        value: e,
-        fixedWidth: !1
+        onChange: l,
+        options: n,
+        value: e
       }
     ), h = ({ opened: r, setOpened: x }) => /* @__PURE__ */ t(
       D,
       {
         selected: e !== void 0,
-        disabled: c,
-        onClear: m,
+        disabled: d,
+        onClear: c,
         size: o,
         opened: r,
         setOpened: x,
-        children: e ? l ?? e.label : i
+        children: e ? p ?? e.label : i
       }
     );
     return /* @__PURE__ */ t(
       C,
       {
-        className: g(T.chipGroupItem, d),
+        className: g(T.chipGroupItem, m),
         renderTarget: h,
-        ...n,
+        ...s,
         ref: f,
         children: a
       }

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import g, { useCallback as t } from "react";
-import { C as x } from "../../../chunks/Chip-Df2PJxv_.js";
+import { C as x } from "../../../chunks/Chip-Bxr2kLyU.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,36 +1,36 @@
 import { jsx as r } from "react/jsx-runtime";
 import y, { useRef as C } from "react";
-import { u as b, l as N, c } from "../../chunks/vendor-BIl4KTrD.js";
+import { u as b, l as N, c as l } from "../../chunks/vendor-BiObpx9E.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 "../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-Df2PJxv_.js";
+import { s as k } from "../../chunks/Chip-Bxr2kLyU.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 a = C(b()), l = !!e && !N.isEqual(p, e), E = ({ opened: o, setOpened: n }) => {
+    const a = C(b()), n = !!e && !N.isEqual(p, e), E = ({ opened: o, setOpened: c }) => {
       const w = (t) => {
-        !o && (m(t.code, "ENTER") || m(t.code, "SPACE")) && (t.preventDefault(), n(!0));
+        !o && (m(t.code, "ENTER") || m(t.code, "SPACE")) && (t.preventDefault(), c(!0));
       };
       return /* @__PURE__ */ r(
         R,
         {
-          className: c("hoverable", {
+          className: l("hoverable", {
             active: !!o
           }),
           ref: S,
           disabled: f,
-          selected: l,
-          onClick: () => n(!o),
+          selected: n,
+          onClick: () => c(!o),
           onKeyDown: w,
           size: i,
           role: "combobox",
           "aria-expanded": o,
           "aria-controls": a.current,
-          children: l ? /* @__PURE__ */ r(s, { paletteIndex: 6 }) : /* @__PURE__ */ r(s, { paletteIndex: 5 })
+          children: n ? /* @__PURE__ */ r(s, { paletteIndex: 6 }) : /* @__PURE__ */ r(s, { paletteIndex: 5 })
         }
       );
     }, D = (o) => /* @__PURE__ */ r(
@@ -42,14 +42,13 @@ const q = y.forwardRef(
         onChange: x,
         options: h,
         value: e,
-        fixedWidth: !1,
         listId: a.current
       }
     );
     return /* @__PURE__ */ r(
       K,
       {
-        className: c(k.chipGroupItem, d),
+        className: l(k.chipGroupItem, d),
         renderTarget: E,
         ...I,
         children: D

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -1,11 +1,11 @@
 import { ChipSuggestTarget as h } from "./ChipSuggestTarget.js";
 import { jsxs as R, jsx as m } from "react/jsx-runtime";
 import d, { useRef as p } from "react";
-import { c as x } from "../../../chunks/vendor-BIl4KTrD.js";
+import { c as x } from "../../../chunks/vendor-BiObpx9E.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-Df2PJxv_.js";
+import { s as j } from "../../../chunks/Chip-Bxr2kLyU.js";
 const w = ({ className: u, displayedValue: c, label: r, prefix: y, targetProps: g, dropdownProps: l, ...o }, t) => {
   const { value: s, size: f } = o, i = p(null), n = p(null), a = (e) => {
     i.current = e, typeof t == "function" ? t(e) : t && (t.current = e);