@sberbusiness/triplex-next 0.15.0 → 0.17.0

package/components/Calendar/components/CalendarViewMonths.js

@@ -4,7 +4,7 @@ import h from "moment";
 import { CalendarContext as H } from "../CalendarContext.js";
 import { CalendarViewContext as K } from "../CalendarViewContext.js";
 import { isDateOutOfRange as R } from "../utils.js";
-import { s as B, C as U } from "../../../chunks/CalendarViewItem-C4iZEwoX.js";
+import { s as B, C as U } from "../../../chunks/CalendarViewItem-DJCvUxM5.js";
 import { isKey as l } from "../../../utils/keyboard.js";
 import { ECalendarPickType as Y, ECalendarViewMode as u } from "../enums.js";
 const Z = ({ pickedDate: r, monthHtmlAttributes: T = {} }) => {

package/components/Calendar/components/CalendarViewYears.js

@@ -4,7 +4,7 @@ import w from "moment";
 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-C4iZEwoX.js";
+import { s as K, C as H } from "../../../chunks/CalendarViewItem-DJCvUxM5.js";
 import { isKey as i } from "../../../utils/keyboard.js";
 import { ECalendarViewMode as y } from "../enums.js";
 const Q = ({ pickedDate: s, yearHtmlAttributes: S = {} }) => {

package/components/Card/CardAction.js

@@ -1,22 +1,22 @@
-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);
+var b = Object.defineProperty;
+var y = (c, i, e) => i in c ? b(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
+var o = (c, i, e) => y(c, typeof i != "symbol" ? i + "" : i, e);
 import { jsx as R } from "react/jsx-runtime";
-import f from "react";
+import u from "react";
 import { CardContent as T } from "./components/CardContent/CardContent.js";
 import { CardMedia as M } from "./components/CardMedia.js";
 import { ECardRoundingSize as w, ECardTheme as x } from "./enums.js";
 import { EFocusSource as r } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass as K, mapCardThemeToCssClass as _ } from "./utils.js";
-import { isKey as u } from "../../utils/keyboard.js";
-import { c as k } from "../../chunks/vendor-CalMVkfj.js";
-import { c as B } from "../../chunks/Card.module-DnZ_SmT7.js";
-const O = "action__dd27f0a9", F = "selected__a79b71f1", V = "focusVisible__3f9f926e", a = {
+import { isKey as f } from "../../utils/keyboard.js";
+import { c as k } from "../../chunks/vendor-DE8Zvm0w.js";
+import { c as B } from "../../chunks/Card.module-CMUnMJ_k.js";
+const O = "action__af22240d", F = "selected__6afdef1b", V = "focusVisible__210b27a4", a = {
   action: O,
   selected: F,
   focusVisible: V
 };
-class l extends f.Component {
+class l extends u.Component {
   constructor() {
     super(...arguments);
     o(this, "state", {
@@ -24,7 +24,7 @@ class l extends f.Component {
       isControlled: this.props.selected !== void 0,
       isSelected: !!this.props.selected
     });
-    o(this, "ref", f.createRef());
+    o(this, "ref", u.createRef());
     o(this, "handleClick", (e) => {
       const { onClick: s } = this.props;
       s == null || s(e), this.handleToggle();
@@ -35,7 +35,7 @@ class l extends f.Component {
     });
     o(this, "handleKeyDown", (e) => {
       const { onKeyDown: s } = this.props;
-      s == null || s(e), u(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : u(e.keyCode, "ENTER") && this.handleToggle();
+      s == null || s(e), f(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : f(e.keyCode, "ENTER") && this.handleToggle();
     });
     o(this, "handleFocus", (e) => {
       const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: n } = this.ref;
@@ -96,7 +96,7 @@ class l extends f.Component {
         role: "button",
         ...C,
         ref: this.ref,
-        "data-tx": "0.15.0",
+        "data-tx": "0.17.0",
         children: e
       }
     );

package/components/Card/CardStatic.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 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-CalMVkfj.js";
-import { c as n } from "../../chunks/Card.module-DnZ_SmT7.js";
+import { c } from "../../chunks/vendor-DE8Zvm0w.js";
+import { c as n } from "../../chunks/Card.module-CMUnMJ_k.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": "0.15.0",
+    "data-tx": "0.17.0",
     children: r
   }
 );

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

@@ -3,8 +3,8 @@ import { CardContentBody as C } from "./components/CardContentBody.js";
 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-CalMVkfj.js";
-import { c as r } from "../../../../chunks/Card.module-DnZ_SmT7.js";
+import { c as p } from "../../../../chunks/vendor-DE8Zvm0w.js";
+import { c as r } from "../../../../chunks/Card.module-CMUnMJ_k.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-CalMVkfj.js";
-import { c as s } from "../../../../../chunks/Card.module-DnZ_SmT7.js";
+import { c as d } from "../../../../../chunks/vendor-DE8Zvm0w.js";
+import { c as s } from "../../../../../chunks/Card.module-CMUnMJ_k.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-CalMVkfj.js";
-import { c as s } from "../../../../../chunks/Card.module-DnZ_SmT7.js";
+import { c as e } from "../../../../../chunks/vendor-DE8Zvm0w.js";
+import { c as s } from "../../../../../chunks/Card.module-CMUnMJ_k.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-CalMVkfj.js";
-import { c as d } from "../../../../../chunks/Card.module-DnZ_SmT7.js";
+import { c as o } from "../../../../../chunks/vendor-DE8Zvm0w.js";
+import { c as d } from "../../../../../chunks/Card.module-CMUnMJ_k.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-CalMVkfj.js";
-import { c as m } from "../../../chunks/Card.module-DnZ_SmT7.js";
+import { c as e } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as m } from "../../../chunks/Card.module-CMUnMJ_k.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-DnZ_SmT7.js";
+import { c as o } from "../../chunks/Card.module-CMUnMJ_k.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -1,8 +1,8 @@
-import { jsxs as p, jsx as b } from "react/jsx-runtime";
+import { jsxs as b, jsx as p } 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-CalMVkfj.js";
+import { l as M, c as S } from "../../chunks/vendor-DE8Zvm0w.js";
 import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
-const R = "carouselExtended__ec44cab2", k = {
+const R = "carouselExtended__bc701bd5", k = {
   carouselExtended: R
 }, y = C.forwardRef(
   ({ children: l, buttonPrev: a, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {
@@ -26,13 +26,13 @@ const R = "carouselExtended__ec44cab2", k = {
     }, E = (e) => {
       r.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
     };
-    return /* @__PURE__ */ p("div", { ...h, children: [
+    return /* @__PURE__ */ b("div", { ...h, children: [
       a({
         disabled: o.prevDisabled,
         hidden: o.hidden,
         onClick: x
       }),
-      /* @__PURE__ */ b("div", { className: S(k.carouselExtended), onScroll: t, ref: E, children: l }),
+      /* @__PURE__ */ p("div", { className: S(k.carouselExtended), onScroll: t, ref: E, children: l }),
       i({
         disabled: o.nextDisabled,
         hidden: o.hidden,

package/components/Checkbox/Checkbox.js

@@ -1,5 +1,5 @@
-import { jsxs as I, jsx as c } from "react/jsx-runtime";
-import N from "react";
+import { jsxs as N, jsx as c } from "react/jsx-runtime";
+import f from "react";
 import { CheckboxbulkStrokeSrvIcon24 as S, CheckboxtickStrokeSrvIcon24 as z } from "@sberbusiness/icons-next";
 import { ETextSize as n } from "../Typography/enums.js";
 import "../Typography/Caption.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 y } from "../../utils/classNameMaps.js";
-import { c as l } from "../../chunks/vendor-CalMVkfj.js";
-const u = "label__055d9b41", M = "sm__eade7daa", T = "nonempty__801828c9", g = "md__77a5360f", v = "lg__ac817d24", B = "disabled__4eb3f286", j = "checkbox__a0224122", D = "checkboxIcon__9bdd7c76", E = "checkmarkIcon__20cd1fe1", e = {
+import { c as l } from "../../chunks/vendor-DE8Zvm0w.js";
+const u = "label__3a66e6a3", M = "sm__191138bf", T = "nonempty__2a06e703", g = "md__dcb91ed2", v = "lg__644ba026", B = "disabled__b90c47cb", j = "checkbox__08b28e5e", D = "checkboxIcon__80623b36", E = "checkmarkIcon__8b42c022", e = {
   label: u,
   sm: M,
   nonempty: T,
@@ -22,28 +22,28 @@ const u = "label__055d9b41", M = "sm__eade7daa", T = "nonempty__801828c9", g = "
   [s.LG]: n.B2,
   [s.MD]: n.B3,
   [s.SM]: n.B4
-}, i = y(e), R = N.forwardRef((d, b) => {
+}, b = y(e), R = f.forwardRef((i, k) => {
   const {
     children: a,
-    className: k,
+    className: p,
     disabled: m,
-    bulk: p,
+    bulk: d,
     labelAttributes: o,
     size: t = s.MD,
     ...x
-  } = d, h = l(e.checkbox, k, i[t]), _ = l(
+  } = i, h = l(e.checkbox, p, b[t]), _ = l(
     e.label,
-    i[t],
+    b[t],
     { [e.disabled]: !!m, [e.nonempty]: !!a },
     o == null ? void 0 : o.className
-  ), f = () => {
+  ), I = () => {
     const r = e.checkmarkIcon;
-    return p ? /* @__PURE__ */ c(S, { className: r, paletteIndex: 7 }) : /* @__PURE__ */ c(z, { className: r, paletteIndex: 7 });
+    return d ? /* @__PURE__ */ c(S, { className: r, paletteIndex: 7 }) : /* @__PURE__ */ c(z, { className: r, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "0.15.0", children: [
-    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: m, ...x, ref: b }),
+  return /* @__PURE__ */ N("label", { ...o, className: _, "data-tx": "0.17.0", children: [
+    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: m, ...x, ref: k }),
     /* @__PURE__ */ c("span", { className: e.checkboxIcon }),
-    f(),
+    I(),
     a && /* @__PURE__ */ c(C, { size: L[t], tag: "div", children: a })
   ] });
 });

package/components/Checkbox/CheckboxXGroup.js

@@ -1,20 +1,20 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as i } from "../../chunks/vendor-CalMVkfj.js";
-const r = "checkboxXGroup__db626fbf", _ = "label__055d9b41", e = {
+import { c as i } from "../../chunks/vendor-DE8Zvm0w.js";
+const r = "checkboxXGroup__5eab4ec5", _ = "label__3a66e6a3", e = {
   checkboxXGroup: r,
-  "indent-12": "indent-12__f9a928a2",
+  "indent-12": "indent-12__dea83ff5",
   label: _,
-  "indent-16": "indent-16__30f53cfa",
-  "indent-20": "indent-20__6c9dc79a",
-  "indent-24": "indent-24__7e90e1a3",
-  "indent-28": "indent-28__a59bac8b",
-  "indent-32": "indent-32__3e63397f"
-}, 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 });
+  "indent-16": "indent-16__4b225d9e",
+  "indent-20": "indent-20__554a7bc5",
+  "indent-24": "indent-24__a144d9b7",
+  "indent-28": "indent-28__0a0dd1f1",
+  "indent-32": "indent-32__f51c5494"
+}, l = (n) => {
+  const { children: t, className: c, indent: o = 12, ...d } = n, s = i(e.checkboxXGroup, e[`indent-${o}`], c);
+  return /* @__PURE__ */ a("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-CalMVkfj.js";
-const a = "checkboxYGroup__606ee5fa", x = {
+import { c as t } from "../../chunks/vendor-DE8Zvm0w.js";
+const a = "checkboxYGroup__d9b0f56c", x = {
   checkboxYGroup: a
 }, 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 });
+  const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);
+  return /* @__PURE__ */ p("div", { className: e, role: "group", ...r, children: c });
 };
 l.displayName = "CheckboxYGroup";
 export {

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -3,9 +3,9 @@ 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-CalMVkfj.js";
+import { c as p } from "../../chunks/vendor-DE8Zvm0w.js";
 import { EComponentSize as s } from "../../enums/EComponentSize.js";
-import { s as n } from "../../chunks/CheckboxTreeExtended.module-CRE6yTt5.js";
+import { s as n } from "../../chunks/CheckboxTreeExtended.module-CggPosrf.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 }) });
 e.displayName = "CheckboxTreeExtended";
 e.Checkbox = d;

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

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useRef as h, useContext as u, useEffect as d } from "react";
 import { Checkbox as f } from "../../Checkbox/Checkbox.js";
-import { c as i } from "../../../chunks/vendor-CalMVkfj.js";
-import { s as t } from "../../../chunks/CheckboxTreeExtended.module-CRE6yTt5.js";
+import { c as i } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as t } from "../../../chunks/CheckboxTreeExtended.module-CggPosrf.js";
 import { CheckboxTreeExtendedContext as k } from "../CheckboxTreeExtendedContext.js";
 const l = ({
   active: r,

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-CalMVkfj.js";
+import { c as u } from "../../../chunks/vendor-DE8Zvm0w.js";
 import "./CheckboxTreeExtendedArrow.js";
 import { createSizeToClassNameMap as T } from "../../../utils/classNameMaps.js";
-import { s as o } from "../../../chunks/CheckboxTreeExtended.module-CRE6yTt5.js";
+import { s as o } from "../../../chunks/CheckboxTreeExtended.module-CggPosrf.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-CalMVkfj.js";
-import { C as e } from "../../chunks/Chip-CQvFfbck.js";
+import "../../chunks/vendor-DE8Zvm0w.js";
+import { C as e } from "../../chunks/Chip-NCNX4aqk.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 o } from "react/jsx-runtime";
-import p from "react";
-import { c } from "../../chunks/vendor-CalMVkfj.js";
+import c from "react";
+import { c as p } from "../../chunks/vendor-DE8Zvm0w.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__5b732810", f = {
+const C = "chipClearButton__9a30c272", f = {
   chipClearButton: C
 }, I = {
   [t.SM]: /* @__PURE__ */ o(m, { paletteIndex: 6 }),
   [t.MD]: /* @__PURE__ */ o(i, { paletteIndex: 6 }),
   [t.LG]: /* @__PURE__ */ o(a, { paletteIndex: 6 })
-}, S = p.forwardRef(
-  ({ className: r, size: e = t.MD, ...n }, s) => /* @__PURE__ */ o(l, { className: c(f.chipClearButton, r), ...n, ref: s, children: I[e] })
+}, S = c.forwardRef(
+  ({ className: r, size: e = t.MD, ...n }, s) => /* @__PURE__ */ o(l, { className: p(f.chipClearButton, r), ...n, ref: s, children: I[e] })
 );
 S.displayName = "ChipClearButton";
 export {

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-CQvFfbck.js";
+import { s as L } from "../../../chunks/Chip-NCNX4aqk.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 u, { useContext as D } from "react";
-import { C as k } from "../../../chunks/Chip-CQvFfbck.js";
+import { C as k } from "../../../chunks/Chip-NCNX4aqk.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 a } from "../../chunks/vendor-CalMVkfj.js";
-const c = "chipDropdownArrow__f1c0bba2", d = "rotated__a2f74670", o = {
+import { c as e } from "../../chunks/vendor-DE8Zvm0w.js";
+const c = "chipDropdownArrow__a46a7686", a = "rotated__2ecce130", o = {
   chipDropdownArrow: c,
-  rotated: d
-}, e = ({ rotated: r }) => /* @__PURE__ */ t(
+  rotated: a
+}, d = ({ rotated: r }) => /* @__PURE__ */ t(
   p,
   {
-    className: a(o.chipDropdownArrow, { [o.rotated]: r }),
+    className: e(o.chipDropdownArrow, { [o.rotated]: r }),
     paletteIndex: 5
   }
 );
-e.displayName = "ChipDropdownArrow";
+d.displayName = "ChipDropdownArrow";
 export {
-  e 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 m } from "../../chunks/Chip-CQvFfbck.js";
+import { C as m } from "../../chunks/Chip-NCNX4aqk.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,11 +1,11 @@
 import { jsx as r } 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-CQvFfbck.js";
+import { s as x, C as D } from "../../chunks/Chip-NCNX4aqk.js";
 import { ChipClearButton as E } from "./ChipClearButton.js";
 import { ChipDropdownArrow as K } from "./ChipDropdownArrow.js";
 import { isKey as t } from "../../utils/keyboard.js";
-import { c as g } from "../../chunks/vendor-CalMVkfj.js";
+import { c as g } from "../../chunks/vendor-DE8Zvm0w.js";
 const B = w.forwardRef(
   ({ children: s, className: c, clearSelected: p, disabled: m, label: a, displayedValue: C, selected: i, size: e, ...d }, f) => {
     const h = (o) => {

package/components/Chip/ChipOptions.js

@@ -1,22 +1,22 @@
 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-CQvFfbck.js";
-import { ChipClearButton as c } from "./ChipClearButton.js";
-const m = "chipOptionsContent__bcb4a9d6", f = {
+import { C } from "../../chunks/Chip-NCNX4aqk.js";
+import { ChipClearButton as f } from "./ChipClearButton.js";
+const m = "chipOptionsContent__3bad45ef", c = {
   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(c, { onClick: (r) => {
+      postfix: n ? /* @__PURE__ */ t(f, { onClick: (r) => {
         r.stopPropagation(), e();
       }, size: p.size }) : /* @__PURE__ */ t("span", {}),
       selected: n,
       ...p,
       ref: s,
-      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: f.chipOptionsContent, children: o }) : o
+      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: c.chipOptionsContent, children: o }) : o
     }
   )
 );

package/components/Chip/ChipSelect/ChipSelect.js

@@ -5,8 +5,8 @@ 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-CQvFfbck.js";
-import { c as g } from "../../../chunks/vendor-CalMVkfj.js";
+import { s as T } from "../../../chunks/Chip-NCNX4aqk.js";
+import { c as g } from "../../../chunks/vendor-DE8Zvm0w.js";
 const y = S.forwardRef(
   ({ className: m, clearSelected: d, disabled: c, size: o, label: i, displayedValue: p, onChange: l, options: s, value: e, ...n }, f) => {
     const a = (r) => /* @__PURE__ */ t(

package/components/Chip/ChipSelect/ChipSelectTarget.js

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

package/components/Chip/ChipSort.js

@@ -1,55 +1,64 @@
-import { jsx as o } from "react/jsx-runtime";
-import b from "react";
-import { l as C, c as l } from "../../chunks/vendor-CalMVkfj.js";
-import { ChipIcon as E } from "./ChipIcon.js";
-import { SortStrokeSrvIcon24 as m } from "@sberbusiness/icons-next";
-import { SelectExtendedField as u } from "../SelectExtendedField/SelectExtendedField.js";
+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-DE8Zvm0w.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 w } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
-import { s as D } from "../../chunks/Chip-CQvFfbck.js";
-const N = b.forwardRef(
-  ({ className: a, defaultValue: p, disabled: d, label: s, onChange: c, options: n, value: r, size: t, ...f }, x) => {
-    const i = !!r && !C.isEqual(p, r), h = ({ opened: e, setOpened: I }) => /* @__PURE__ */ o(
-      E,
+import { SelectExtendedFieldDropdownDefault as T } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { s as k } from "../../chunks/Chip-NCNX4aqk.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()), 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(), c(!0));
+      };
+      return /* @__PURE__ */ r(
+        R,
+        {
+          className: l("hoverable", {
+            active: !!o
+          }),
+          ref: S,
+          disabled: f,
+          selected: n,
+          onClick: () => c(!o),
+          onKeyDown: w,
+          size: i,
+          role: "combobox",
+          "aria-expanded": o,
+          "aria-controls": a.current,
+          children: n ? /* @__PURE__ */ r(s, { paletteIndex: 6 }) : /* @__PURE__ */ r(s, { paletteIndex: 5 })
+        }
+      );
+    }, D = (o) => /* @__PURE__ */ r(
+      T,
       {
-        className: l("hoverable", {
-          active: !!e
-        }),
-        ref: x,
-        disabled: d,
-        selected: i,
-        onClick: () => I(!0),
-        size: t,
-        role: "combobox",
-        "aria-expanded": e,
-        children: i ? /* @__PURE__ */ o(m, { paletteIndex: 6 }) : /* @__PURE__ */ o(m, { paletteIndex: 5 })
-      }
-    ), S = (e) => /* @__PURE__ */ o(
-      w,
-      {
-        ...e,
-        size: t,
-        mobileTitle: s,
-        onChange: c,
-        options: n,
-        value: r,
-        fixedWidth: !1
+        ...o,
+        size: i,
+        mobileTitle: u,
+        onChange: x,
+        options: h,
+        value: e,
+        fixedWidth: !1,
+        listId: a.current
       }
     );
-    return /* @__PURE__ */ o(
-      u,
+    return /* @__PURE__ */ r(
+      K,
       {
-        className: l(D.chipGroupItem, a),
-        renderTarget: h,
-        ...f,
-        children: S
+        className: l(k.chipGroupItem, d),
+        renderTarget: E,
+        ...I,
+        children: D
       }
     );
   }
 );
-N.displayName = "ChipSort";
+q.displayName = "ChipSort";
 export {
-  N as ChipSort
+  q as ChipSort
 };
 //# sourceMappingURL=ChipSort.js.map