@sberbusiness/triplex-next 0.22.0 → 0.24.0

package/components/CarouselExtended/CarouselExtended.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as b } from "react/jsx-runtime";
 import C, { useState as w, useRef as D, useCallback as L, useEffect as d } from "react";
 import { l as M, c as S } from "../../chunks/vendor---Om3uMV.js";
 import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
-const R = "carouselExtended__26c6827d", k = {
+const R = "carouselExtended__93a1c215", 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 y } from "../../utils/classNameMaps.js";
 import { c as l } from "../../chunks/vendor---Om3uMV.js";
-const u = "label__5f33d28e", M = "sm__6dc7bcf6", T = "nonempty__cff0c79c", g = "md__920a83eb", v = "lg__59914367", B = "disabled__fba4c29f", j = "checkbox__e3bb9573", D = "checkboxIcon__b3dabf95", E = "checkmarkIcon__e5b96eb5", c = {
+const u = "label__b5c4fffc", M = "sm__16aa2955", T = "nonempty__76227c58", g = "md__7eaadb26", v = "lg__1852e8cc", B = "disabled__359481f4", j = "checkbox__9bd6f4cc", D = "checkboxIcon__1cad8f5b", E = "checkmarkIcon__d2e5dd0e", c = {
   label: u,
   sm: M,
   nonempty: T,
@@ -22,26 +23,26 @@ const u = "label__5f33d28e", M = "sm__6dc7bcf6", T = "nonempty__cff0c79c", g = "
   [s.LG]: n.B2,
   [s.MD]: n.B3,
   [s.SM]: n.B4
-}, b = y(c), R = N.forwardRef((i, k) => {
+}, i = y(c), R = N.forwardRef((b, d) => {
   const {
     children: a,
-    className: p,
+    className: k,
     disabled: m,
-    bulk: d,
+    bulk: p,
     labelAttributes: o,
     size: t = s.MD,
     ...x
-  } = i, h = l(c.checkbox, p, b[t]), _ = l(
+  } = b, h = l(c.checkbox, k, i[t]), _ = l(
     c.label,
-    b[t],
+    i[t],
     { [c.disabled]: !!m, [c.nonempty]: !!a },
     o == null ? void 0 : o.className
   ), f = () => {
     const r = c.checkmarkIcon;
-    return d ? /* @__PURE__ */ e(S, { className: r, paletteIndex: 7 }) : /* @__PURE__ */ e(z, { className: r, paletteIndex: 7 });
+    return p ? /* @__PURE__ */ e(S, { className: r, paletteIndex: 7 }) : /* @__PURE__ */ e(z, { className: r, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "0.22.0", children: [
-    /* @__PURE__ */ e("input", { type: "checkbox", className: h, disabled: m, ...x, ref: k }),
+  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "0.24.0", children: [
+    /* @__PURE__ */ e("input", { type: "checkbox", className: h, disabled: m, ...x, ref: d }),
     /* @__PURE__ */ e("span", { className: c.checkboxIcon }),
     f(),
     a && /* @__PURE__ */ e(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---Om3uMV.js";
-const _ = "checkboxXGroup__eefb4497", a = "label__5f33d28e", e = {
-  checkboxXGroup: _,
-  "indent-12": "indent-12__4fce2503",
-  label: a,
-  "indent-16": "indent-16__29adf54a",
-  "indent-20": "indent-20__f1626f0e",
-  "indent-24": "indent-24__c7e340c2",
-  "indent-28": "indent-28__f1f571a6",
-  "indent-32": "indent-32__3f0ff8c5"
-}, l = (n) => {
-  const { children: c, className: t, indent: o = 12, ...s } = n, d = r(e.checkboxXGroup, e[`indent-${o}`], t);
-  return /* @__PURE__ */ i("div", { className: d, role: "group", ...s, children: c });
+import { jsx as d } from "react/jsx-runtime";
+import { c as a } from "../../chunks/vendor---Om3uMV.js";
+const r = "checkboxXGroup__6890524f", _ = "label__b5c4fffc", n = {
+  checkboxXGroup: r,
+  "indent-12": "indent-12__787aa8a6",
+  label: _,
+  "indent-16": "indent-16__3b736b5f",
+  "indent-20": "indent-20__14ae49f9",
+  "indent-24": "indent-24__f5869236",
+  "indent-28": "indent-28__95fa3bbc",
+  "indent-32": "indent-32__08dfcb65"
+}, b = (e) => {
+  const { children: c, className: t, indent: o = 12, ...s } = e, i = a(n.checkboxXGroup, n[`indent-${o}`], t);
+  return /* @__PURE__ */ d("div", { className: i, role: "group", ...s, children: c });
 };
-l.displayName = "CheckboxXGroup";
+b.displayName = "CheckboxXGroup";
 export {
-  l as CheckboxXGroup
+  b as CheckboxXGroup
 };
 //# sourceMappingURL=CheckboxXGroup.js.map

package/components/Checkbox/CheckboxYGroup.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import { c as t } from "../../chunks/vendor---Om3uMV.js";
-const a = "checkboxYGroup__f7666905", x = {
+const a = "checkboxYGroup__75b8a68c", x = {
   checkboxYGroup: a
 }, l = (o) => {
   const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

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

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -5,7 +5,7 @@ import { jsx as p } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES as i } from "../../../utils/keyboard.js";
 import h from "react";
-import { s as m } from "../../../chunks/CheckboxTreeExtended.module-CjEhZ2aL.js";
+import { s as m } from "../../../chunks/CheckboxTreeExtended.module-D_OBlNho.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---Om3uMV.js";
-import { s as x } from "../../../chunks/CheckboxTreeExtended.module-CjEhZ2aL.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---Om3uMV.js";
+import { s as m } from "../../../chunks/CheckboxTreeExtended.module-D_OBlNho.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

@@ -5,7 +5,7 @@ import { isStaticCheckboxTreeExtended as f } from "../isStaticCheckboxTreeExtend
 import { c as u } from "../../../chunks/vendor---Om3uMV.js";
 import "./CheckboxTreeExtendedArrow.js";
 import { createSizeToClassNameMap as T } from "../../../utils/classNameMaps.js";
-import { s as o } from "../../../chunks/CheckboxTreeExtended.module-CjEhZ2aL.js";
+import { s as o } from "../../../chunks/CheckboxTreeExtended.module-D_OBlNho.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---Om3uMV.js";
-import { C as e } from "../../chunks/Chip-6YRhubRU.js";
+import { C as f } from "../../chunks/Chip-CFtA5mp4.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 o } from "react/jsx-runtime";
-import p from "react";
-import { c as s } from "../../chunks/vendor---Om3uMV.js";
+import s from "react";
+import { c } from "../../chunks/vendor---Om3uMV.js";
 import { CrossStrokeSrvIcon24 as a, CrossStrokeSrvIcon20 as i, CrossStrokeSrvIcon16 as m } from "@sberbusiness/icons-next";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
 import { ButtonIcon as l } from "../Button/ButtonIcon.js";
-const C = "chipClearButton__4b6d5f7c", S = {
+const C = "chipClearButton__6f048350", S = {
   chipClearButton: C
 }, f = {
   [t.SM]: /* @__PURE__ */ o(m, { paletteIndex: 6 }),
   [t.MD]: /* @__PURE__ */ o(i, { paletteIndex: 6 }),
   [t.LG]: /* @__PURE__ */ o(a, { paletteIndex: 6 })
-}, I = p.forwardRef(
-  ({ className: r, size: e = t.MD, ...n }, c) => /* @__PURE__ */ o(l, { className: s(S.chipClearButton, r), ...n, ref: c, children: f[e] })
+}, I = s.forwardRef(
+  ({ className: r, size: e = t.MD, ...n }, p) => /* @__PURE__ */ o(l, { className: c(S.chipClearButton, r), ...n, ref: p, children: f[e] })
 );
 I.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-6YRhubRU.js";
+import { s as L } from "../../../chunks/Chip-CFtA5mp4.js";
 const U = N.forwardRef((S, V) => {
   const {
     value: o,

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js

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

package/components/Chip/ChipDropdownArrow.js

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

package/components/Chip/ChipIcon.js

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

package/components/Chip/ChipMultiselect.js

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

package/components/Chip/ChipOptions.js

@@ -1,16 +1,16 @@
 import { jsx as t } from "react/jsx-runtime";
 import a from "react";
 import { OptionsStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
-import { C } from "../../chunks/Chip-6YRhubRU.js";
-import { ChipClearButton as c } from "./ChipClearButton.js";
-const m = "chipOptionsContent__7c9973c7", f = {
-  chipOptionsContent: m
+import { C } from "../../chunks/Chip-CFtA5mp4.js";
+import { ChipClearButton as m } from "./ChipClearButton.js";
+const c = "chipOptionsContent__e8935441", f = {
+  chipOptionsContent: c
 }, 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(m, { onClick: (r) => {
         r.stopPropagation(), e();
       }, size: p.size }) : /* @__PURE__ */ t("span", {}),
       selected: n,

package/components/Chip/ChipSelect/ChipSelect.js

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

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import g, { useCallback as t } from "react";
-import { C as x } from "../../../chunks/Chip-6YRhubRU.js";
+import { C as x } from "../../../chunks/Chip-CFtA5mp4.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

@@ -7,7 +7,7 @@ import { SelectExtendedField as K } from "../SelectExtendedField/SelectExtendedF
 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-6YRhubRU.js";
+import { s as k } from "../../chunks/Chip-CFtA5mp4.js";
 import { isKey as m } from "../../utils/keyboard.js";
 const q = y.forwardRef(
   ({ className: d, defaultValue: p, disabled: f, label: u, onChange: x, options: h, value: e, size: i, ...I }, S) => {

package/components/Chip/ChipSuggest/ChipSuggest.js

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

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

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

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import E, { useCallback as t } from "react";
 import { useSuggestContext as P } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as T } from "../../../chunks/Chip-6YRhubRU.js";
+import { C as T } from "../../../chunks/Chip-CFtA5mp4.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,24 +1,24 @@
 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 { FormFieldClear as k } from "../../../FormField/components/FormFieldClear.js";
+import { useSuggestContext as k } from "../../../Suggest/SuggestContext.js";
+import { FormFieldClear as B } from "../../../FormField/components/FormFieldClear.js";
 import "../../../FormField/components/FormFieldCounter.js";
 import "../../../FormField/components/FormFieldDescription.js";
-import { F as B } from "../../../../chunks/FormFieldInput-Dp--anY3.js";
-import { FormFieldLabel as D } from "../../../FormField/components/FormFieldLabel.js";
+import { F as D } from "../../../../chunks/FormFieldInput-CP3P-T8_.js";
+import { FormFieldLabel as L } from "../../../FormField/components/FormFieldLabel.js";
 import "../../../FormField/components/FormFieldMaskedInput.js";
-import { FormFieldPostfix as L } from "../../../FormField/components/FormFieldPostfix.js";
+import { FormFieldPostfix as M } from "../../../FormField/components/FormFieldPostfix.js";
 import "../../../FormField/components/FormFieldPrefix.js";
 import "../../../FormField/components/FormFieldTarget.js";
 import "../../../FormField/components/FormFieldTextarea.js";
-import { FormField as M } from "../../../FormField/FormField.js";
+import { FormField as O } from "../../../FormField/FormField.js";
 import { EComponentSize as a } from "../../../../enums/EComponentSize.js";
 import { Tooltip as n } from "../../../Tooltip/Tooltip.js";
-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 { ETooltipSize as R } from "../../../Tooltip/enums.js";
+import { LoaderSmall as W } from "../../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as b } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const E = "chipSuggestInputWrapper__3192bcc5", j = {
+const E = "chipSuggestInputWrapper__aa3af81f", j = {
   chipSuggestInputWrapper: E
 }, oe = ({ children: m }) => {
   const {
@@ -26,12 +26,12 @@ const E = "chipSuggestInputWrapper__3192bcc5", 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(
+  } = k(), [F, l] = z(!1), s = T(null), S = o(() => e(""), [e]), I = o(
     (v) => {
       e(v.target.value);
     },
@@ -39,12 +39,12 @@ const E = "chipSuggestInputWrapper__3192bcc5", j = {
   ), C = o(() => {
     l(!0), r.length !== 0 && p === !0 && e("");
   }, [r.length, p, e]), x = o(() => l(!1), []);
-  return /* @__PURE__ */ i(M, { className: j.chipSuggestInputWrapper, size: a.SM, children: [
-    /* @__PURE__ */ t(D, { children: m }),
+  return /* @__PURE__ */ i(O, { className: j.chipSuggestInputWrapper, size: a.SM, children: [
+    /* @__PURE__ */ t(L, { children: m }),
     /* @__PURE__ */ i(
       n,
       {
-        size: O.SM,
+        size: R.SM,
         isOpen: !!h && F,
         toggle: () => {
         },
@@ -53,12 +53,12 @@ const E = "chipSuggestInputWrapper__3192bcc5", j = {
         children: [
           /* @__PURE__ */ t(n.Body, { children: c }),
           /* @__PURE__ */ t(n.Target, { children: /* @__PURE__ */ t(
-            B,
+            D,
             {
               value: r,
               placeholder: u,
               "aria-controls": d,
-              "aria-activedescendant": g,
+              "aria-activedescendant": f,
               autoFocus: !0,
               onFocus: C,
               onBlur: x,
@@ -69,9 +69,9 @@ const E = "chipSuggestInputWrapper__3192bcc5", j = {
         ]
       }
     ),
-    /* @__PURE__ */ i(L, { children: [
-      /* @__PURE__ */ t(k, { onClick: S }),
-      f && /* @__PURE__ */ t(R, { theme: W.BRAND, size: a.SM })
+    /* @__PURE__ */ i(M, { children: [
+      /* @__PURE__ */ t(B, { onClick: S }),
+      g && /* @__PURE__ */ t(W, { theme: b.BRAND, size: a.SM })
     ] })
   ] });
 };

package/components/Chip/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../../chunks/Chip-6YRhubRU.js";
+import { C as e } from "../../chunks/Chip-CFtA5mp4.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,26 +1,26 @@
-import { jsx as n } from "react/jsx-runtime";
-import c from "react";
-import { c as p } from "../../chunks/vendor---Om3uMV.js";
-import { EComponentSize as r } from "../../enums/EComponentSize.js";
+import { jsx as c } from "react/jsx-runtime";
+import p from "react";
+import { c as r } from "../../chunks/vendor---Om3uMV.js";
+import { EComponentSize as a } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const _ = "chipGroup__e0ac1fef", d = "oneLine__a648515c", u = "multiLine__12d89885", f = "lg__573bca0d", L = "md__aa281cd7", h = "sm__d0a4565f", o = {
+const _ = "chipGroup__0a2b1008", u = "oneLine__3c350268", d = "multiLine__c6b1fca5", f = "lg__bc22717d", L = "md__4123958f", h = "sm__1edb18e6", o = {
   chipGroup: _,
-  oneLine: d,
-  multiLine: u,
+  oneLine: u,
+  multiLine: d,
   lg: f,
   md: L,
   sm: h
-}, G = l(o), C = c.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: m = r.MD, ...s }, a) => /* @__PURE__ */ n(
+}, G = l(o), C = p.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, n) => /* @__PURE__ */ c(
     "div",
     {
-      className: p(o.chipGroup, G[m], t, {
+      className: r(o.chipGroup, G[m], t, {
         [o.multiLine]: !e,
         [o.oneLine]: !!e
       }),
       ...s,
-      ref: a,
-      "data-tx": "0.22.0",
+      ref: n,
+      "data-tx": "0.24.0",
       children: i
     }
   )