@sberbusiness/triplex-next 1.22.0 → 1.24.0

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-CPD2xDmu.js";
+import { c as o } from "../../chunks/Card.module-CUXrlJIK.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 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-BiObpx9E.js";
+import { l as M, c as S } from "../../chunks/vendor-DudMBGKr.js";
 import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
-const R = "carouselExtended__256ab75c", k = {
+const R = "carouselExtended__e4007f5a", k = {
   carouselExtended: R
 }, y = C.forwardRef(
   ({ children: l, buttonPrev: a, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {

package/components/Checkbox/Checkbox.js

@@ -3,12 +3,13 @@ import N 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";
+import "../Typography/CodeText.js";
 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-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 = {
+import { c as l } from "../../chunks/vendor-DudMBGKr.js";
+const y = "label__79e83956", M = "sm__9351779e", T = "nonempty__32a30a54", g = "md__20e21d0b", v = "lg__7870f288", B = "disabled__19811db8", j = "checkbox__cb9ab012", D = "checkboxIcon__2bfd5111", E = "checkmarkIcon__8050f4dc", e = {
   label: y,
   sm: M,
   nonempty: T,
@@ -31,16 +32,16 @@ const y = "label__c2049da3", M = "sm__ba56a8af", T = "nonempty__940ffeb2", g = "
     labelAttributes: o,
     size: t = s.MD,
     ...x
-  } = b, h = r(e.checkbox, d, i[t]), _ = r(
+  } = b, h = l(e.checkbox, d, i[t]), _ = l(
     e.label,
     i[t],
     { [e.disabled]: !!m, [e.nonempty]: !!a },
     o == null ? void 0 : o.className
   ), f = () => {
-    const l = e.checkmarkIcon;
-    return p ? /* @__PURE__ */ c(S, { className: l, paletteIndex: 7 }) : /* @__PURE__ */ c(z, { className: l, paletteIndex: 7 });
+    const r = e.checkmarkIcon;
+    return p ? /* @__PURE__ */ c(S, { className: r, paletteIndex: 7 }) : /* @__PURE__ */ c(z, { className: r, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "1.22.0", children: [
+  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "1.24.0", children: [
     /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: m, ...x, ref: k }),
     /* @__PURE__ */ c("span", { className: e.checkboxIcon }),
     f(),

package/components/Checkbox/CheckboxXGroup.js

@@ -1,20 +1,20 @@
-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 });
+import { jsx as i } from "react/jsx-runtime";
+import { c as r } from "../../chunks/vendor-DudMBGKr.js";
+const _ = "checkboxXGroup__5a1749b8", a = "label__79e83956", e = {
+  checkboxXGroup: _,
+  "indent-12": "indent-12__b40c9dd2",
+  label: a,
+  "indent-16": "indent-16__a135c9f4",
+  "indent-20": "indent-20__18efd806",
+  "indent-24": "indent-24__73a6d285",
+  "indent-28": "indent-28__91c52137",
+  "indent-32": "indent-32__1f7dd5e7"
+}, l = (n) => {
+  const { children: t, className: c, indent: o = 12, ...d } = n, s = r(e.checkboxXGroup, e[`indent-${o}`], c);
+  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-BiObpx9E.js";
-const a = "checkboxYGroup__1ee4a635", x = {
+import { c as t } from "../../chunks/vendor-DudMBGKr.js";
+const a = "checkboxYGroup__305ab00c", 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,11 +3,11 @@ 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 { c as a } from "../../chunks/vendor-DudMBGKr.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";
+import { s as f } from "../../chunks/CheckboxTreeExtended.module-Ie0bCwhb.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 d } from "../../../utils/keyboard.js";
 import h from "react";
-import { s as f } from "../../../chunks/CheckboxTreeExtended.module-F91Rxq8x.js";
+import { s as f } from "../../../chunks/CheckboxTreeExtended.module-Ie0bCwhb.js";
 class x extends h.Component {
   constructor() {
     super(...arguments);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -1,21 +1,21 @@
 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-BiObpx9E.js";
-import { s as x } from "../../../chunks/CheckboxTreeExtended.module-F91Rxq8x.js";
+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-DudMBGKr.js";
+import { s as m } from "../../../chunks/CheckboxTreeExtended.module-Ie0bCwhb.js";
 import { CheckboxTreeExtendedContext as F } from "../CheckboxTreeExtendedContext.js";
 const L = ({
-  active: m,
+  active: s,
   className: r,
   opened: y,
   labelAttributes: o,
-  ...h
+  ...f
 }) => {
-  const n = N(null), { size: d } = a(F), f = s(x.checkboxTreeCheckboxLabel, o == null ? void 0 : o.className);
-  E(() => {
+  const n = N(null), { size: h } = E(F), d = x(m.checkboxTreeCheckboxLabel, o == null ? void 0 : o.className);
+  T(() => {
     var c, e;
-    (c = document.activeElement) != null && c.contains(n.current) || (e = n.current) == null || e.focus();
-  }, [m]);
+    s && ((c = document.activeElement) != null && c.contains(n.current) || (e = n.current) == null || e.focus());
+  }, [s]);
   const k = (c) => {
     var e;
     (e = o == null ? void 0 : o.onFocus) == null || e.call(o, c);
@@ -23,17 +23,17 @@ const L = ({
     n.current = c;
   };
   return /* @__PURE__ */ p(
-    T,
+    a,
     {
-      className: s(x.checkboxTreeCheckbox, r),
+      className: x(m.checkboxTreeCheckbox, r),
       ref: C,
       labelAttributes: {
         ...o,
-        className: f,
+        className: d,
         onFocus: k
       },
-      size: d,
-      ...h
+      size: h,
+      ...f
     }
   );
 };

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-BiObpx9E.js";
+import { c as u } from "../../../chunks/vendor-DudMBGKr.js";
 import "./CheckboxTreeExtendedArrow.js";
 import { createSizeToClassNameMap as T } from "../../../utils/classNameMaps.js";
-import { s as o } from "../../../chunks/CheckboxTreeExtended.module-F91Rxq8x.js";
+import { s as o } from "../../../chunks/CheckboxTreeExtended.module-Ie0bCwhb.js";
 import { CheckboxTreeExtendedContext as C } from "../CheckboxTreeExtendedContext.js";
 const N = T(o), y = ({
   children: r,

package/components/Chip/Chip.js

@@ -1,11 +1,12 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-BiObpx9E.js";
-import { C as e } from "../../chunks/Chip-Bxr2kLyU.js";
+import "../../chunks/vendor-DudMBGKr.js";
+import { C as f } from "../../chunks/Chip-DxpL0kHg.js";
 import "../../enums/EComponentSize.js";
 import "../../utils/classNameMaps.js";
 import "../../utils/keyboard.js";
+import "../Badge/Badge.js";
 export {
-  e as Chip
+  f as Chip
 };
 //# sourceMappingURL=Chip.js.map

package/components/Chip/ChipClearButton.js

@@ -1,17 +1,17 @@
 import { jsx as t } from "react/jsx-runtime";
-import p from "react";
-import { c as s } from "../../chunks/vendor-BiObpx9E.js";
+import s from "react";
+import { c as a } from "../../chunks/vendor-DudMBGKr.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__a52d96bf", S = {
+const C = "chipClearButton__6e50dee3", S = {
   chipClearButton: C
 }, f = {
   [o.SM]: /* @__PURE__ */ t(l, { paletteIndex: 6 }),
   [o.MD]: /* @__PURE__ */ t(i, { paletteIndex: 6 }),
   [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 = s.forwardRef(
+  ({ className: e, size: r = o.MD, ...n }, p) => /* @__PURE__ */ t(m, { className: a(S.chipClearButton, e), ...n, ref: p, children: f[r] })
 );
 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-Bxr2kLyU.js";
+import { s as H } from "../../../chunks/Chip-DxpL0kHg.js";
 const L = 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-Bxr2kLyU.js";
+import { C as w } from "../../../chunks/Chip-DxpL0kHg.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,15 +1,15 @@
 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-BiObpx9E.js";
+import { CaretdownStrokeSrvIcon24 as p, CaretdownStrokeSrvIcon20 as d, CaretdownStrokeSrvIcon16 as c } from "@sberbusiness/icons-next";
+import { c as a } from "../../chunks/vendor-DudMBGKr.js";
 import { EComponentSize as r } from "../../enums/EComponentSize.js";
-const w = "chipDropdownArrow__2c76457e", s = "rotated__d53604a5", t = {
+const w = "chipDropdownArrow__6b5c66f7", s = "rotated__93d0ac35", t = {
   chipDropdownArrow: w,
   rotated: s
 }, i = {
-  [r.SM]: /* @__PURE__ */ o(a, { paletteIndex: 5 }),
+  [r.SM]: /* @__PURE__ */ o(c, { 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 = ({ rotated: e, size: n = r.MD }) => /* @__PURE__ */ o("span", { className: a(t.chipDropdownArrow, { [t.rotated]: e }), children: i[n] });
 m.displayName = "ChipDropdownArrow";
 export {
   m as 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 t } from "../../chunks/Chip-Bxr2kLyU.js";
+import { C as t } from "../../chunks/Chip-DxpL0kHg.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-Bxr2kLyU.js";
+import { s as x, C as D } from "../../chunks/Chip-DxpL0kHg.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-BiObpx9E.js";
+import { c as g } from "../../chunks/vendor-DudMBGKr.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,22 +1,22 @@
 import { jsx as t } from "react/jsx-runtime";
-import a from "react";
+import r from "react";
 import { OptionsStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
-import { C } from "../../chunks/Chip-Bxr2kLyU.js";
-import { ChipClearButton as c } from "./ChipClearButton.js";
-const f = "chipOptionsContent__27cbc531", m = {
-  chipOptionsContent: f
-}, l = a.forwardRef(
+import { C } from "../../chunks/Chip-DxpL0kHg.js";
+import { ChipClearButton as f } from "./ChipClearButton.js";
+const m = "chipOptionsContent__4bd4a89d", c = {
+  chipOptionsContent: m
+}, l = r.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) => {
-        r.stopPropagation(), e();
+      postfix: n ? /* @__PURE__ */ t(f, { onClick: (a) => {
+        a.stopPropagation(), e();
       }, size: p.size }) : /* @__PURE__ */ t("span", {}),
       selected: n,
       ...p,
       ref: s,
-      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: m.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-Bxr2kLyU.js";
-import { c as g } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as T } from "../../../chunks/Chip-DxpL0kHg.js";
+import { c as g } from "../../../chunks/vendor-DudMBGKr.js";
 const u = S.forwardRef(
   ({ 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(

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-Bxr2kLyU.js";
+import { C as x } from "../../../chunks/Chip-DxpL0kHg.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,13 +1,13 @@
 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-BiObpx9E.js";
+import { u as b, l as N, c as l } from "../../chunks/vendor-DudMBGKr.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-Bxr2kLyU.js";
+import { s as k } from "../../chunks/Chip-DxpL0kHg.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) => {

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-BiObpx9E.js";
+import { c as x } from "../../../chunks/vendor-DudMBGKr.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-Bxr2kLyU.js";
+import { s as j } from "../../../chunks/Chip-DxpL0kHg.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);

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as E } from "react/jsx-runtime";
-import h, { useCallback as O } from "react";
-import { g as S } from "../../../chunks/vendor-BiObpx9E.js";
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import E, { useCallback as O } from "react";
+import { g as S } from "../../../chunks/vendor-DudMBGKr.js";
 import { EVENT_KEY_CODES as L } from "../../../utils/keyboard.js";
 import { useSuggestContext as k } from "../../Suggest/SuggestContext.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as R } from "../../Dropdown/desktop/DropdownList.js";
-import { D as _ } from "../../../chunks/DropdownListItem-Dl8gN2ar.js";
+import { D as _ } from "../../../chunks/DropdownListItem-D_36RD5A.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,11 +21,11 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { Dropdown as x } from "../../Dropdown/Dropdown.js";
 import { ChipSuggestDesktopDropdownField as b } from "./desktop/ChipSuggestDesktopDropdownField.js";
 import { SuggestMobileDropdownContent as y } from "../../Suggest/SuggestMobileDropdownContent.js";
-const F = [L.ENTER], v = ({ children: c, size: i, targetRef: l, focusTrapProps: t, ...D }, r) => {
+const F = [L.ENTER], I = ({ children: c, size: i, targetRef: l, focusTrapProps: e, ...w }, r) => {
   const {
     value: n,
     options: d,
-    dropdownListId: w,
+    dropdownListId: D,
     dropdownOpen: p,
     dropdownListLoading: a,
     dropdownRef: f,
@@ -34,49 +34,50 @@ const F = [L.ENTER], v = ({ children: c, size: i, targetRef: l, focusTrapProps:
     setDropdownOpen: m
   } = k(), g = (o) => {
     f.current = o, typeof r == "function" ? r(o) : r && (r.current = o);
-  }, C = O(
+  }, h = O(
     (o) => {
       o ? m(!0) : s();
     },
     [m, s]
   );
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     x,
     {
       size: i,
       targetRef: l,
       opened: p,
-      setOpened: C,
+      setOpened: h,
       mobileViewProps: {
-        children: /* @__PURE__ */ e(y, {})
+        children: /* @__PURE__ */ t(y, {})
       },
-      ...D,
+      ...w,
       ref: g,
-      children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ t(
         S.FocusTrap,
         {
-          ...t,
+          ...e,
           focusTrapOptions: {
             clickOutsideDeactivates: !0,
             returnFocusOnDeactivate: !0,
-            ...t == null ? void 0 : t.focusTrapOptions
+            ...e == null ? void 0 : e.focusTrapOptions
           },
-          children: /* @__PURE__ */ E("div", { role: "presentation", children: [
-            /* @__PURE__ */ e(b, { children: c }),
-            /* @__PURE__ */ e(
+          children: /* @__PURE__ */ C("div", { role: "presentation", children: [
+            /* @__PURE__ */ t(b, { children: c }),
+            /* @__PURE__ */ t(
               R,
               {
-                id: w,
+                id: D,
                 size: i,
                 dropdownOpened: p,
                 loading: a,
                 style: d.length === 0 ? { display: "none" } : void 0,
-                children: d.map((o) => /* @__PURE__ */ e(
+                children: d.map((o) => /* @__PURE__ */ t(
                   _,
                   {
                     id: o.id,
                     keyCodesForSelection: F,
                     selected: o.id === (n == null ? void 0 : n.id),
+                    showNotificationIcon: o.showNotificationIcon,
                     onSelect: () => u(o),
                     children: o.content || o.label
                   },
@@ -89,8 +90,8 @@ const F = [L.ENTER], v = ({ children: c, size: i, targetRef: l, focusTrapProps:
       )
     }
   );
-}, to = h.forwardRef(v);
+}, eo = E.forwardRef(I);
 export {
-  to as ChipSuggestDropdown
+  eo as ChipSuggestDropdown
 };
 //# sourceMappingURL=ChipSuggestDropdown.js.map

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx as f } from "react/jsx-runtime";
 import E, { useCallback as r } from "react";
 import { useSuggestContext as P } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as T } from "../../../chunks/Chip-Bxr2kLyU.js";
+import { C as T } from "../../../chunks/Chip-DxpL0kHg.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

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as z, useRef as T, useCallback as o } from "react";
-import { useSuggestContext as b } from "../../../Suggest/SuggestContext.js";
+import { useState as v, useRef as z, useCallback as o } from "react";
+import { useSuggestContext as T } from "../../../Suggest/SuggestContext.js";
 import { FormFieldClear as k } from "../../../FormField/components/FormFieldClear.js";
 import "../../../FormField/components/FormFieldCounter.js";
 import "../../../FormField/components/FormFieldDescription.js";
-import { F as B } from "../../../../chunks/FormFieldInput--W9kjf4s.js";
+import { F as B } from "../../../../chunks/FormFieldInput-C7aO7-c1.js";
 import { FormFieldLabel as D } from "../../../FormField/components/FormFieldLabel.js";
 import "../../../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as L } from "../../../FormField/components/FormFieldPostfix.js";
@@ -18,7 +18,7 @@ import { ETooltipSize as O } from "../../../Tooltip/enums.js";
 import { LoaderSmall as R } from "../../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as W } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const E = "chipSuggestInputWrapper__113bc3a1", j = {
+const E = "chipSuggestInputWrapper__06fbb4c6", j = {
   chipSuggestInputWrapper: E
 }, oe = ({ children: m }) => {
   const {
@@ -26,14 +26,14 @@ const E = "chipSuggestInputWrapper__113bc3a1", j = {
     placeholder: u,
     noOptionsText: c,
     dropdownListId: d,
-    activeDescendant: g,
-    loading: f,
+    activeDescendant: f,
+    loading: g,
     tooltipOpen: h,
     clearInputOnFocus: p,
     onFilter: e
-  } = b(), [F, l] = z(!1), s = T(null), S = o(() => e(""), [e]), I = o(
-    (v) => {
-      e(v.target.value);
+  } = T(), [F, l] = v(!1), s = z(null), S = o(() => e(""), [e]), I = o(
+    (b) => {
+      e(b.target.value);
     },
     [e]
   ), C = o(() => {
@@ -58,7 +58,7 @@ const E = "chipSuggestInputWrapper__113bc3a1", j = {
               value: r,
               placeholder: u,
               "aria-controls": d,
-              "aria-activedescendant": g,
+              "aria-activedescendant": f,
               autoFocus: !0,
               onFocus: C,
               onBlur: x,
@@ -71,7 +71,7 @@ const E = "chipSuggestInputWrapper__113bc3a1", j = {
     ),
     /* @__PURE__ */ i(L, { children: [
       /* @__PURE__ */ t(k, { onClick: S }),
-      f && /* @__PURE__ */ t(R, { theme: W.BRAND, size: a.SM })
+      g && /* @__PURE__ */ t(R, { theme: W.BRAND, size: a.SM })
     ] })
   ] });
 };

package/components/Chip/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../../chunks/Chip-Bxr2kLyU.js";
+import { C as e } from "../../chunks/Chip-DxpL0kHg.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,17 +1,17 @@
-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-BiObpx9E.js";
-import { EComponentSize as a } from "../../enums/EComponentSize.js";
+import { c as r } from "../../chunks/vendor-DudMBGKr.js";
+import { EComponentSize as c } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const _ = "chipGroup__343b81fe", f = "oneLine__be12e3cb", u = "multiLine__1ef4f342", d = "lg__0e887cb1", L = "md__2e1f0180", h = "sm__43d9cc07", o = {
+const _ = "chipGroup__abd0724a", d = "oneLine__a3190f80", u = "multiLine__c4fad849", f = "lg__1db52a11", L = "md__80542c54", h = "sm__2ad88f9c", o = {
   chipGroup: _,
-  oneLine: f,
+  oneLine: d,
   multiLine: u,
-  lg: d,
+  lg: f,
   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 = c.MD, ...s }, a) => /* @__PURE__ */ n(
     "div",
     {
       className: r(o.chipGroup, G[m], t, {
@@ -19,8 +19,8 @@ const _ = "chipGroup__343b81fe", f = "oneLine__be12e3cb", u = "multiLine__1ef4f3
         [o.oneLine]: !!e
       }),
       ...s,
-      ref: n,
-      "data-tx": "1.22.0",
+      ref: a,
+      "data-tx": "1.24.0",
       children: i
     }
   )