@sberbusiness/triplex-next 0.22.0 → 0.23.0

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---Om3uMV.js";
-import { c as d } from "../../../../../chunks/Card.module-Dgcuvaxs.js";
+import { c as d } from "../../../../../chunks/Card.module-BmZKmkeY.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---Om3uMV.js";
-import { c as m } from "../../../chunks/Card.module-Dgcuvaxs.js";
+import { c as m } from "../../../chunks/Card.module-BmZKmkeY.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-Dgcuvaxs.js";
+import { c as o } from "../../chunks/Card.module-BmZKmkeY.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---Om3uMV.js";
 import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
-const R = "carouselExtended__26c6827d", k = {
+const R = "carouselExtended__5bfb17a1", 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__26c6827d", 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,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 S, CheckboxtickStrokeSrvIcon24 as z } from "@sberbusiness/icons-next";
 import { ETextSize as n } from "../Typography/enums.js";
@@ -8,7 +8,7 @@ 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__aeaede8d", M = "sm__8fdbf774", T = "nonempty__cab63f21", g = "md__9035bf7c", v = "lg__355bdc9a", B = "disabled__63c5821e", j = "checkbox__8f6da02e", D = "checkboxIcon__9bf56086", E = "checkmarkIcon__e7e24dc2", e = {
   label: u,
   sm: M,
   nonempty: T,
@@ -22,29 +22,29 @@ 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) => {
+}, b = y(e), R = N.forwardRef((i, 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(
-    c.label,
+  } = i, h = l(e.checkbox, k, b[t]), _ = l(
+    e.label,
     b[t],
-    { [c.disabled]: !!m, [c.nonempty]: !!a },
+    { [e.disabled]: !!m, [e.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 });
+    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": "0.22.0", children: [
-    /* @__PURE__ */ e("input", { type: "checkbox", className: h, disabled: m, ...x, ref: k }),
-    /* @__PURE__ */ e("span", { className: c.checkboxIcon }),
+  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "0.23.0", children: [
+    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: m, ...x, ref: d }),
+    /* @__PURE__ */ c("span", { className: e.checkboxIcon }),
     f(),
-    a && /* @__PURE__ */ e(C, { size: L[t], tag: "div", children: a })
+    a && /* @__PURE__ */ c(C, { size: L[t], tag: "div", children: a })
   ] });
 });
 R.displayName = "Checkbox";

package/components/Checkbox/CheckboxXGroup.js

@@ -1,17 +1,17 @@
 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"
+import { c as a } from "../../chunks/vendor---Om3uMV.js";
+const r = "checkboxXGroup__4844f3a4", _ = "label__aeaede8d", e = {
+  checkboxXGroup: r,
+  "indent-12": "indent-12__345611d7",
+  label: _,
+  "indent-16": "indent-16__7d36d9e9",
+  "indent-20": "indent-20__8d7f3ae6",
+  "indent-24": "indent-24__dc3be197",
+  "indent-28": "indent-28__ac18908b",
+  "indent-32": "indent-32__08393de0"
 }, 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 });
+  const { children: t, className: d, indent: o = 12, ...c } = n, s = a(e.checkboxXGroup, e[`indent-${o}`], d);
+  return /* @__PURE__ */ i("div", { className: s, role: "group", ...c, children: t });
 };
 l.displayName = "CheckboxXGroup";
 export {

package/components/Checkbox/CheckboxYGroup.js

@@ -1,10 +1,10 @@
 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__deb24606", 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

@@ -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-CGSpV-y1.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-CGSpV-y1.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-CGSpV-y1.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-CGSpV-y1.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-D5zfQfAA.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 { CrossStrokeSrvIcon24 as a, CrossStrokeSrvIcon20 as i, CrossStrokeSrvIcon16 as m } from "@sberbusiness/icons-next";
+import s from "react";
+import { c as a } from "../../chunks/vendor---Om3uMV.js";
+import { CrossStrokeSrvIcon24 as c, 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__faf9730e", 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] })
+  [t.LG]: /* @__PURE__ */ o(c, { paletteIndex: 6 })
+}, I = s.forwardRef(
+  ({ className: r, size: e = t.MD, ...n }, p) => /* @__PURE__ */ o(l, { className: a(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-D5zfQfAA.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-D5zfQfAA.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

@@ -2,7 +2,7 @@ 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---Om3uMV.js";
 import { EComponentSize as r } from "../../enums/EComponentSize.js";
-const w = "chipDropdownArrow__b43a2dc8", s = "rotated__437dfabd", t = {
+const w = "chipDropdownArrow__43b4bd3c", s = "rotated__f4a70ab0", t = {
   chipDropdownArrow: w,
   rotated: s
 }, i = {

package/components/Chip/ChipIcon.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import f from "react";
-import { C as m } from "../../chunks/Chip-6YRhubRU.js";
+import { C as m } from "../../chunks/Chip-D5zfQfAA.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-D5zfQfAA.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-D5zfQfAA.js";
+import { ChipClearButton as m } from "./ChipClearButton.js";
+const c = "chipOptionsContent__97933e17", 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-D5zfQfAA.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-D5zfQfAA.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-D5zfQfAA.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-D5zfQfAA.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-C4JE2xV7.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-D5zfQfAA.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-Dr_WBweC.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__f4da8fd8", 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-D5zfQfAA.js";
 import { ChipDatePicker as t } from "./ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget as C } from "./ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton as h } from "./ChipClearButton.js";