@sberbusiness/triplex-next 1.7.0 → 1.9.0

package/components/Calendar/components/CalendarViewYears.js

@@ -4,7 +4,7 @@ import { k as w } from "../../../chunks/vendor-D3hUOusX.js";
 import { CalendarContext as N } from "../CalendarContext.js";
 import { CalendarViewContext as G } from "../CalendarViewContext.js";
 import { isDateOutOfRange as O } from "../utils.js";
-import { s as K, C as H } from "../../../chunks/CalendarViewItem-BDMvwpK5.js";
+import { s as K, C as H } from "../../../chunks/CalendarViewItem-DXg4wwUA.js";
 import { isKey as i } from "../../../utils/keyboard.js";
 import { ECalendarViewMode as y } from "../enums.js";
 const J = ({ pickedDate: s, yearHtmlAttributes: S = {} }) => {

package/components/Card/CardAction.js

@@ -1,17 +1,17 @@
 var y = Object.defineProperty;
-var b = (c, i, e) => i in c ? y(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
-var o = (c, i, e) => b(c, typeof i != "symbol" ? i + "" : i, e);
-import { jsx as R } from "react/jsx-runtime";
+var R = (c, i, e) => i in c ? y(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
+var o = (c, i, e) => R(c, typeof i != "symbol" ? i + "" : i, e);
+import { jsx as T } from "react/jsx-runtime";
 import u from "react";
-import { CardContent as T } from "./components/CardContent/CardContent.js";
-import { CardMedia as _ } from "./components/CardMedia.js";
+import { CardContent as _ } from "./components/CardContent/CardContent.js";
+import { CardMedia as b } from "./components/CardMedia.js";
 import { ECardRoundingSize as M, ECardTheme as w } from "./enums.js";
 import { EFocusSource as r } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass as x, mapCardThemeToCssClass as K } from "./utils.js";
 import { isKey as p } from "../../utils/keyboard.js";
 import { c as k } from "../../chunks/vendor-D3hUOusX.js";
-import { c as B } from "../../chunks/Card.module-BvlTqE5R.js";
-const O = "action__401129da", F = "selected__4ca016d1", V = "focusVisible__b0ccedd8", a = {
+import { c as B } from "../../chunks/Card.module-CDb8O5wa.js";
+const O = "action__a80c06ec", F = "selected__96f618ac", V = "focusVisible__6ae1a133", n = {
   action: O,
   selected: F,
   focusVisible: V
@@ -38,16 +38,16 @@ class l extends u.Component {
       s == null || s(e), p(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : p(e.keyCode, "ENTER") && this.handleToggle();
     });
     o(this, "handleFocus", (e) => {
-      const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: n } = this.ref;
-      s == null || s(e), !t && n === e.target && this.setState({ focusSource: r.KEYBOARD });
+      const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: a } = this.ref;
+      s == null || s(e), !t && a === e.target && this.setState({ focusSource: r.KEYBOARD });
     });
     o(this, "handleBlur", (e) => {
       const { onBlur: s } = this.props, { current: t } = this.ref;
       s == null || s(e), t !== document.activeElement && t === e.target && this.setState({ focusSource: r.NONE });
     });
     o(this, "handleToggle", () => {
-      const { toggle: e, selected: s, onToggle: t } = this.props, { isControlled: n, isSelected: d } = this.state;
-      n ? e == null || e(!s) : this.setState(
+      const { toggle: e, selected: s, onToggle: t } = this.props, { isControlled: a, isSelected: d } = this.state;
+      a ? e == null || e(!s) : this.setState(
         (h) => ({ isSelected: !h.isSelected }),
         () => t == null ? void 0 : t(!d)
       );
@@ -62,7 +62,7 @@ class l extends u.Component {
       children: e,
       className: s,
       onClick: t,
-      onMouseDown: n,
+      onMouseDown: a,
       onKeyDown: d,
       onFocus: h,
       onBlur: z,
@@ -74,16 +74,16 @@ class l extends u.Component {
       ...C
     } = this.props, { isControlled: E, isSelected: g, focusSource: D } = this.state, N = k(
       B.card,
-      a.action,
+      n.action,
       K[S],
       x[f],
       {
-        [a.focusVisible]: D === r.KEYBOARD,
-        [a.selected]: E ? !!m : g
+        [n.focusVisible]: D === r.KEYBOARD,
+        [n.selected]: E ? !!m : g
       },
       s
     );
-    return /* @__PURE__ */ R(
+    return /* @__PURE__ */ T(
       "div",
       {
         className: N,
@@ -96,13 +96,13 @@ class l extends u.Component {
         role: "button",
         ...C,
         ref: this.ref,
-        "data-tx": "1.7.0",
+        "data-tx": "1.9.0",
         children: e
       }
     );
   }
 }
-o(l, "displayName", "CardAction"), o(l, "Content", T), o(l, "Media", _);
+o(l, "displayName", "CardAction"), o(l, "Content", _), o(l, "Media", b);
 export {
   l as CardAction
 };

package/components/Card/CardStatic.js

@@ -3,7 +3,7 @@ import { CardContent as s } from "./components/CardContent/CardContent.js";
 import { CardMedia as e } from "./components/CardMedia.js";
 import { mapCardRoundingSizeToCssClass as C, mapCardThemeToCssClass as p } from "./utils.js";
 import { c } from "../../chunks/vendor-D3hUOusX.js";
-import { c as n } from "../../chunks/Card.module-BvlTqE5R.js";
+import { c as n } from "../../chunks/Card.module-CDb8O5wa.js";
 import { ECardRoundingSize as f, ECardTheme as l } from "./enums.js";
 const a = ({
   children: r,
@@ -21,7 +21,7 @@ const a = ({
       o
     ),
     ...d,
-    "data-tx": "1.7.0",
+    "data-tx": "1.9.0",
     children: r
   }
 );

package/components/Card/components/CardContent/CardContent.js

@@ -4,7 +4,7 @@ import { CardContentHeader as i } from "./components/CardContentHeader.js";
 import { CardContentFooter as s } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize as t } from "../../enums.js";
 import { c as p } from "../../../../chunks/vendor-D3hUOusX.js";
-import { c as r } from "../../../../chunks/Card.module-BvlTqE5R.js";
+import { c as r } from "../../../../chunks/Card.module-CDb8O5wa.js";
 const c = {
   [t.MD]: r.paddingMD,
   [t.SM]: r.paddingSM

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as d } from "../../../../../chunks/vendor-D3hUOusX.js";
-import { c as s } from "../../../../../chunks/Card.module-BvlTqE5R.js";
+import { c as s } from "../../../../../chunks/Card.module-CDb8O5wa.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: d(s.cardContentBody, t), ...r, children: o });
 m.displayName = "CardContentBody";
 export {

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as e } from "../../../../../chunks/vendor-D3hUOusX.js";
-import { c as s } from "../../../../../chunks/Card.module-BvlTqE5R.js";
+import { c as s } from "../../../../../chunks/Card.module-CDb8O5wa.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: e(s.cardContentFooter, t), ...r, children: o });
 m.displayName = "CardContentFooter";
 export {

package/components/Card/components/CardContent/components/CardContentHeader.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../../../../chunks/vendor-D3hUOusX.js";
-import { c as d } from "../../../../../chunks/Card.module-BvlTqE5R.js";
+import { c as d } from "../../../../../chunks/Card.module-CDb8O5wa.js";
 const s = ({ children: r, className: a, ...e }) => /* @__PURE__ */ t("div", { className: o(d.cardContentHeader, a), ...e, children: r });
 s.displayName = "CardContentHeader";
 export {

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-D3hUOusX.js";
-import { c as m } from "../../../chunks/Card.module-BvlTqE5R.js";
+import { c as m } from "../../../chunks/Card.module-CDb8O5wa.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-BvlTqE5R.js";
+import { c as o } from "../../chunks/Card.module-CDb8O5wa.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -1,22 +1,22 @@
 import { jsxs as p, jsx as b } from "react/jsx-runtime";
-import C, { useState as w, useRef as D, useCallback as L, useEffect as n } from "react";
+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-D3hUOusX.js";
 import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
-const R = "carouselExtended__4f2e2f2d", k = {
+const R = "carouselExtended__7bf80903", k = {
   carouselExtended: R
 }, y = C.forwardRef(
   ({ 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, d = {
+      const e = r.current, n = {
         hidden: e.scrollWidth == e.clientWidth,
         nextDisabled: Math.round(e.scrollLeft) + e.offsetWidth >= e.scrollWidth,
         prevDisabled: Math.round(e.scrollLeft) <= 0
       };
-      M.isEqual(d, o) == !1 && m(d);
+      M.isEqual(n, o) == !1 && m(n);
     }, [o]);
-    n(() => (window.addEventListener("resize", t), document.addEventListener("scroll", t), () => {
+    d(() => (window.addEventListener("resize", t), document.addEventListener("scroll", t), () => {
       window.removeEventListener("resize", t), document.removeEventListener("scroll", t);
-    }), [t]), n(() => {
+    }), [t]), d(() => {
       t();
     }, [l, t]);
     const x = () => {

package/components/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-import { jsxs as I, jsx as e } from "react/jsx-runtime";
+import { jsxs as I, jsx as c } from "react/jsx-runtime";
 import N from "react";
 import { CheckboxbulkStrokeSrvIcon24 as z, CheckboxtickStrokeSrvIcon24 as C } from "@sberbusiness/icons-next";
 import "../Typography/Title.js";
@@ -8,7 +8,7 @@ import { ETextSize as l } from "../Typography/enums.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as u } from "../../utils/classNameMaps.js";
 import { c as r } from "../../chunks/vendor-D3hUOusX.js";
-const y = "label__88c4ddf3", T = "md__5c99e209", M = "nonempty__3058818d", g = "lg__d010dfad", j = "disabled__c30d8306", v = "checkbox__2b3cc305", B = "checkboxIcon__12ace6a0", D = "checkmarkIcon__228c92f3", c = {
+const y = "label__92b5453e", T = "md__3f88274b", M = "nonempty__6c0a029a", g = "lg__0905ba84", j = "disabled__2236a617", v = "checkbox__54e86381", B = "checkboxIcon__e460307b", D = "checkmarkIcon__fef1c782", e = {
   label: y,
   md: T,
   nonempty: M,
@@ -20,29 +20,29 @@ const y = "label__88c4ddf3", T = "md__5c99e209", M = "nonempty__3058818d", g = "
 }, E = {
   [t.LG]: l.B2,
   [t.MD]: l.B3
-}, d = u(c), L = N.forwardRef((i, k) => {
+}, b = u(e), L = N.forwardRef((i, k) => {
   const {
     children: s,
-    className: b,
+    className: p,
     disabled: n,
-    bulk: p,
+    bulk: x,
     labelAttributes: o,
     size: a = t.MD,
-    ...x
-  } = i, h = r(c.checkbox, b, d[a]), _ = r(
-    c.label,
-    d[a],
-    { [c.disabled]: !!n, [c.nonempty]: !!s },
+    ...d
+  } = i, h = r(e.checkbox, p, b[a]), _ = r(
+    e.label,
+    b[a],
+    { [e.disabled]: !!n, [e.nonempty]: !!s },
     o == null ? void 0 : o.className
   ), f = () => {
-    const m = c.checkmarkIcon;
-    return p ? /* @__PURE__ */ e(z, { className: m, paletteIndex: 7 }) : /* @__PURE__ */ e(C, { className: m, paletteIndex: 7 });
+    const m = e.checkmarkIcon;
+    return x ? /* @__PURE__ */ c(z, { className: m, paletteIndex: 7 }) : /* @__PURE__ */ c(C, { className: m, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "1.7.0", children: [
-    /* @__PURE__ */ e("input", { type: "checkbox", className: h, disabled: n, ...x, ref: k }),
-    /* @__PURE__ */ e("span", { className: c.checkboxIcon }),
+  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "1.9.0", children: [
+    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: n, ...d, ref: k }),
+    /* @__PURE__ */ c("span", { className: e.checkboxIcon }),
     f(),
-    s && /* @__PURE__ */ e(S, { size: E[a], children: s })
+    s && /* @__PURE__ */ c(S, { size: E[a], children: s })
   ] });
 });
 L.displayName = "Checkbox";

package/components/Checkbox/CheckboxXGroup.js

@@ -1,20 +1,20 @@
 import { jsx as i } from "react/jsx-runtime";
 import { c as r } from "../../chunks/vendor-D3hUOusX.js";
-const _ = "checkboxXGroup__081c4f8e", a = "label__88c4ddf3", e = {
-  checkboxXGroup: _,
-  "indent-12": "indent-12__2ce34b69",
-  label: a,
-  "indent-16": "indent-16__eafba112",
-  "indent-20": "indent-20__808be847",
-  "indent-24": "indent-24__ce440d62",
-  "indent-28": "indent-28__929e2222",
-  "indent-32": "indent-32__181eebb4"
-}, b = (n) => {
-  const { children: c, className: t, indent: o = 12, ...d } = n, s = r(e.checkboxXGroup, e[`indent-${o}`], t);
-  return /* @__PURE__ */ i("div", { className: s, role: "group", ...d, children: c });
+const a = "checkboxXGroup__3968271d", _ = "label__92b5453e", e = {
+  checkboxXGroup: a,
+  "indent-12": "indent-12__eac26b1b",
+  label: _,
+  "indent-16": "indent-16__64abd57f",
+  "indent-20": "indent-20__76356a78",
+  "indent-24": "indent-24__4c621e17",
+  "indent-28": "indent-28__da215e45",
+  "indent-32": "indent-32__dd4f54f4"
+}, l = (n) => {
+  const { children: t, className: o, indent: c = 12, ...d } = n, s = r(e.checkboxXGroup, e[`indent-${c}`], o);
+  return /* @__PURE__ */ i("div", { className: s, role: "group", ...d, children: t });
 };
-b.displayName = "CheckboxXGroup";
+l.displayName = "CheckboxXGroup";
 export {
-  b as CheckboxXGroup
+  l as CheckboxXGroup
 };
 //# sourceMappingURL=CheckboxXGroup.js.map

package/components/Checkbox/CheckboxYGroup.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
 import { c as t } from "../../chunks/vendor-D3hUOusX.js";
-const a = "checkboxYGroup__cdf024c5", x = {
+const a = "checkboxYGroup__561e9513", 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/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -3,7 +3,7 @@ import { CollapsableTree as m } from "../CollapsableTree/CollapsableTree.js";
 import { CheckboxTreeExtendedCheckbox as t } from "./components/CheckboxTreeExtendedCheckbox.js";
 import { CheckboxTreeExtendedNode as d } from "./components/CheckboxTreeExtendedNode.js";
 import { c } from "../../chunks/vendor-D3hUOusX.js";
-import { s } from "../../chunks/CheckboxTreeExtended.module-DsOQXTb2.js";
+import { s } from "../../chunks/CheckboxTreeExtended.module-D8lQSOEb.js";
 const e = ({ className: o, ...r }) => /* @__PURE__ */ x(m, { className: c(s.checkboxTreeExtended, o), ...r });
 e.displayName = "CheckboxTreeExtended";
 e.Checkbox = t;

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

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -5,7 +5,7 @@ import { jsx as b } from "react/jsx-runtime";
 import d from "react";
 import { Checkbox as m } from "../../Checkbox/Checkbox.js";
 import { c as p } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as a } from "../../../chunks/CheckboxTreeExtended.module-DsOQXTb2.js";
+import { s as a } from "../../../chunks/CheckboxTreeExtended.module-D8lQSOEb.js";
 class v extends d.Component {
   constructor() {
     super(...arguments);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -7,7 +7,7 @@ import { CollapsableTree as m } from "../../CollapsableTree/CollapsableTree.js";
 import { isStaticCheckboxTreeExtended as x } from "../isStaticCheckboxTreeExtended.js";
 import { c as u } from "../../../chunks/vendor-D3hUOusX.js";
 import "./CheckboxTreeExtendedArrow.js";
-import { s as n } from "../../../chunks/CheckboxTreeExtended.module-DsOQXTb2.js";
+import { s as n } from "../../../chunks/CheckboxTreeExtended.module-D8lQSOEb.js";
 class D extends h.Component {
   constructor() {
     super(...arguments);

package/components/Chip/Chip.js

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

package/components/Chip/ChipClearButton.js

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

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -7,7 +7,7 @@ import { DatePickerExtended as B } from "../../DatePickerExtended/DatePickerExte
 import { ChipDatePickerTarget as G } from "./components/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-eRAmMCbK.js";
+import { s as H } from "../../../chunks/Chip-DXegvfGS.js";
 const L = N.forwardRef((S, V) => {
   const {
     value: o,

package/components/Chip/ChipDatePicker/components/ChipDatePickerTarget.js

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

package/components/Chip/ChipDropdownArrow.js

@@ -1,18 +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-D3hUOusX.js";
-const e = "chipDropdownArrow__e16d1d56", n = "rotated__a0377380", o = {
-  chipDropdownArrow: e,
-  rotated: n
-}, w = ({ rotated: r }) => /* @__PURE__ */ t(
+import { c as e } from "../../chunks/vendor-D3hUOusX.js";
+const c = "chipDropdownArrow__8afef160", a = "rotated__e01cc0a5", o = {
+  chipDropdownArrow: c,
+  rotated: a
+}, d = ({ rotated: r }) => /* @__PURE__ */ t(
   p,
   {
-    className: d(o.chipDropdownArrow, { [o.rotated]: r }),
+    className: e(o.chipDropdownArrow, { [o.rotated]: r }),
     paletteIndex: 5
   }
 );
-w.displayName = "ChipDropdownArrow";
+d.displayName = "ChipDropdownArrow";
 export {
-  w as ChipDropdownArrow
+  d as ChipDropdownArrow
 };
 //# sourceMappingURL=ChipDropdownArrow.js.map

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-eRAmMCbK.js";
+import { C as t } from "../../chunks/Chip-DXegvfGS.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,46 +1,48 @@
 import { jsx as r } from "react/jsx-runtime";
-import u from "react";
-import { MultiselectField as w } from "../MultiselectField/MultiselectField.js";
-import { s as x, C as y } from "../../chunks/Chip-eRAmMCbK.js";
-import { ChipClearButton as D } from "./ChipClearButton.js";
+import w from "react";
+import { MultiselectField as y } from "../MultiselectField/MultiselectField.js";
+import { s as x, C as D } from "../../chunks/Chip-DXegvfGS.js";
+import { ChipClearButton as E } from "./ChipClearButton.js";
 import { ChipDropdownArrow as K } from "./ChipDropdownArrow.js";
-import { isKey as m } from "../../utils/keyboard.js";
+import { isKey as t } from "../../utils/keyboard.js";
 import { c as g } from "../../chunks/vendor-D3hUOusX.js";
-const k = u.forwardRef(
-  ({ children: n, className: s, clearSelected: p, disabled: c, label: i, displayedValue: f, selected: t, size: e, ...C }, d) => {
+const B = w.forwardRef(
+  ({ children: s, className: c, clearSelected: p, disabled: m, label: a, displayedValue: d, selected: i, size: e, ...f }, C) => {
     const h = (o) => {
+      (t(o.code, "ENTER") || t(o.code, "SPACE")) && o.stopPropagation();
+    }, u = (o) => {
       o.stopPropagation(), p();
     };
     return /* @__PURE__ */ r(
-      w,
+      y,
       {
         size: e,
-        renderTarget: ({ opened: o, setOpened: a }) => /* @__PURE__ */ r(
-          y,
+        renderTarget: ({ opened: o, setOpened: n }) => /* @__PURE__ */ r(
+          D,
           {
             "aria-expanded": o,
-            disabled: c,
+            disabled: m,
             size: e,
-            onClick: () => a(!o),
+            onClick: () => n(!o),
             onKeyDown: (l) => {
-              (m(l.code, "ENTER") || m(l.code, "SPACE")) && a(!o);
+              (t(l.code, "ENTER") || t(l.code, "SPACE")) && n(!o);
             },
-            postfix: t ? /* @__PURE__ */ r(D, { onClick: h }) : /* @__PURE__ */ r(K, { rotated: o }),
-            ref: d,
+            postfix: i ? /* @__PURE__ */ r(E, { onKeyDown: h, onClick: u }) : /* @__PURE__ */ r(K, { rotated: o }),
+            ref: C,
             role: "listbox",
-            selected: !!t,
-            children: t ? f ?? i : i
+            selected: !!i,
+            children: i ? d ?? a : a
           }
         ),
-        className: g(x.chipGroupItem, s),
-        ...C,
-        children: n
+        className: g(x.chipGroupItem, c),
+        ...f,
+        children: s
       }
     );
   }
 );
-k.displayName = "ChipMultiselect";
+B.displayName = "ChipMultiselect";
 export {
-  k as ChipMultiselect
+  B as ChipMultiselect
 };
 //# sourceMappingURL=ChipMultiselect.js.map

package/components/Chip/ChipOptions.js

@@ -1,21 +1,21 @@
 import { jsx as t } from "react/jsx-runtime";
 import r from "react";
 import { OptionsStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
-import { C } from "../../chunks/Chip-eRAmMCbK.js";
+import { C } from "../../chunks/Chip-DXegvfGS.js";
 import { ChipClearButton as f } from "./ChipClearButton.js";
-const m = "chipOptionsContent__a84850a7", c = {
+const m = "chipOptionsContent__255dab8b", c = {
   chipOptionsContent: m
 }, l = r.forwardRef(
-  ({ children: o, clearSelected: e, selected: n, ...p }, a) => /* @__PURE__ */ t(
+  ({ 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(f, { onClick: (s) => {
-        s.stopPropagation(), e();
+      postfix: n ? /* @__PURE__ */ t(f, { onClick: (a) => {
+        a.stopPropagation(), e();
       }, size: p.size }) : /* @__PURE__ */ t("span", {}),
       selected: n,
       ...p,
-      ref: a,
+      ref: s,
       children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: c.chipOptionsContent, children: o }) : o
     }
   )

package/components/Chip/ChipSelect/ChipSelect.js

@@ -0,0 +1,51 @@
+import { jsx as t } from "react/jsx-runtime";
+import S from "react";
+import { SelectExtendedField as C } from "../../SelectExtendedField/SelectExtendedField.js";
+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-DXegvfGS.js";
+import { c as g } from "../../../chunks/vendor-D3hUOusX.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) => {
+    const a = (r) => /* @__PURE__ */ t(
+      w,
+      {
+        ...r,
+        mobileTitle: i,
+        size: o,
+        onChange: p,
+        options: s,
+        value: e,
+        fixedWidth: !1
+      }
+    ), h = ({ opened: r, setOpened: x }) => /* @__PURE__ */ t(
+      D,
+      {
+        selected: e !== void 0,
+        disabled: c,
+        onClear: m,
+        size: o,
+        opened: r,
+        setOpened: x,
+        children: e ? l ?? e.label : i
+      }
+    );
+    return /* @__PURE__ */ t(
+      C,
+      {
+        className: g(T.chipGroupItem, d),
+        renderTarget: h,
+        ...n,
+        ref: f,
+        children: a
+      }
+    );
+  }
+);
+u.displayName = "ChipSelect";
+export {
+  u as ChipSelect
+};
+//# sourceMappingURL=ChipSelect.js.map