@sberbusiness/triplex-next 1.8.0 → 1.10.0

package/components/Chip/ChipClearButton.js

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

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -1,13 +1,13 @@
 import { jsx as m } from "react/jsx-runtime";
 import N, { useState as O, useRef as h, useEffect as _ } from "react";
-import { k } from "../../../chunks/vendor-D3hUOusX.js";
+import { k } from "../../../chunks/vendor-ClY57Zzq.js";
 import { dateFormatYYYYMMDD as j, globalLimitRange as z } from "../../../consts/DateConst.js";
 import { DateFieldUtils as u } from "../../DateField/utils.js";
 import { DatePickerExtended as B } from "../../DatePickerExtended/DatePickerExtended.js";
-import { ChipDatePickerTarget as G } from "./components/ChipDatePickerTarget.js";
+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-CCv72AgN.js";
+import { s as H } from "../../../chunks/Chip-21qt-Ukl.js";
 const L = N.forwardRef((S, V) => {
   const {
     value: o,

package/components/Chip/ChipDatePicker/{components/ChipDatePickerTarget.js → ChipDatePickerTarget.js}

@@ -1,10 +1,10 @@
 import { jsx as n } from "react/jsx-runtime";
 import x, { useContext as D } from "react";
-import { C as k } from "../../../../chunks/Chip-CCv72AgN.js";
-import { ChipDropdownArrow as w } from "../../ChipDropdownArrow.js";
-import { ChipClearButton as P } from "../../ChipClearButton.js";
-import { DatePickerExtendedContext as g } from "../../../DatePickerExtended/DatePickerExtendedContext.js";
-import { isKey as p } from "../../../../utils/keyboard.js";
+import { C as k } from "../../../chunks/Chip-21qt-Ukl.js";
+import { ChipDropdownArrow as w } from "../ChipDropdownArrow.js";
+import { ChipClearButton as P } from "../ChipClearButton.js";
+import { DatePickerExtendedContext as g } from "../../DatePickerExtended/DatePickerExtendedContext.js";
+import { isKey as p } from "../../../utils/keyboard.js";
 const E = x.forwardRef((d, s) => {
   const { children: c, selected: i, onKeyDown: e, onClick: t, onClear: f, ...l } = d, { dropdownOpen: r, setDropdownOpen: a } = D(g), m = (o) => {
     (p(o.code, "ENTER") || p(o.code, "SPACE")) && (o.preventDefault(), a(!r), e == null || e(o));

package/components/Chip/ChipDatePicker/index.js

@@ -0,0 +1,7 @@
+import { ChipDatePicker as t } from "./ChipDatePicker.js";
+import { ChipDatePickerTarget as o } from "./ChipDatePickerTarget.js";
+export {
+  t as ChipDatePicker,
+  o as ChipDatePickerTarget
+};
+//# sourceMappingURL=index.js.map

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

package/components/Chip/ChipIcon.js

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

package/components/Chip/ChipMultiselect.js

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

package/components/Chip/ChipOptions.js

@@ -1,22 +1,22 @@
 import { jsx as t } from "react/jsx-runtime";
 import r from "react";
 import { OptionsStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
-import { C } from "../../chunks/Chip-CCv72AgN.js";
-import { ChipClearButton as c } from "./ChipClearButton.js";
-const f = "chipOptionsContent__c2b245a7", m = {
-  chipOptionsContent: f
+import { C } from "../../chunks/Chip-21qt-Ukl.js";
+import { ChipClearButton as f } from "./ChipClearButton.js";
+const m = "chipOptionsContent__8e77bfa1", 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: (a) => {
+      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

@@ -0,0 +1,51 @@
+import { jsx as t } from "react/jsx-runtime";
+import S from "react";
+import { SelectExtendedField as C } from "../../SelectExtendedField/SelectExtendedField.js";
+import "../../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
+import "../../SelectExtendedField/components/SelectExtendedFieldTarget.js";
+import { SelectExtendedFieldDropdownDefault as w } from "../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { ChipSelectTarget as D } from "./ChipSelectTarget.js";
+import { s as T } from "../../../chunks/Chip-21qt-Ukl.js";
+import { c as g } from "../../../chunks/vendor-ClY57Zzq.js";
+const u = S.forwardRef(
+  ({ className: d, clearSelected: m, disabled: c, size: o, label: i, displayedValue: l, onChange: p, options: s, value: e, ...n }, f) => {
+    const a = (r) => /* @__PURE__ */ t(
+      w,
+      {
+        ...r,
+        mobileTitle: i,
+        size: o,
+        onChange: p,
+        options: s,
+        value: e,
+        fixedWidth: !1
+      }
+    ), h = ({ opened: r, setOpened: x }) => /* @__PURE__ */ t(
+      D,
+      {
+        selected: e !== void 0,
+        disabled: c,
+        onClear: m,
+        size: o,
+        opened: r,
+        setOpened: x,
+        children: e ? l ?? e.label : i
+      }
+    );
+    return /* @__PURE__ */ t(
+      C,
+      {
+        className: g(T.chipGroupItem, d),
+        renderTarget: h,
+        ...n,
+        ref: f,
+        children: a
+      }
+    );
+  }
+);
+u.displayName = "ChipSelect";
+export {
+  u as ChipSelect
+};
+//# sourceMappingURL=ChipSelect.js.map

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -0,0 +1,44 @@
+import { jsx as p } from "react/jsx-runtime";
+import T, { useCallback as t } from "react";
+import { C as g } from "../../../chunks/Chip-21qt-Ukl.js";
+import { ChipDropdownArrow as x } from "../ChipDropdownArrow.js";
+import { ChipClearButton as y } from "../ChipClearButton.js";
+import { isKey as a } from "../../../utils/keyboard.js";
+const D = T.forwardRef((f, C) => {
+  const { children: m, selected: l, onKeyDown: i, onClick: n, onClear: s, opened: e, setOpened: r, ...h } = f, u = t(
+    (o) => {
+      !e && (a(o.code, "ENTER") || a(o.code, "SPACE")) ? (o.preventDefault(), r(!0)) : e && a(o.code, "TAB") && r(!1), i == null || i(o);
+    },
+    [e, r, i]
+  ), w = t(
+    (o) => {
+      r(!e), n == null || n(o);
+    },
+    [e, r, n]
+  ), c = t((o) => {
+    (a(o.code, "ENTER") || a(o.code, "SPACE")) && o.stopPropagation();
+  }, []), d = t(
+    (o) => {
+      o.stopPropagation(), s();
+    },
+    [s]
+  ), E = t(() => l ? /* @__PURE__ */ p(y, { onClick: d, onKeyDown: c }) : /* @__PURE__ */ p(x, { rotated: e }), [l, e, d, c]);
+  return /* @__PURE__ */ p(
+    g,
+    {
+      postfix: E(),
+      selected: l,
+      "aria-expanded": e,
+      onKeyDown: u,
+      onClick: w,
+      ...h,
+      ref: C,
+      children: m
+    }
+  );
+});
+D.displayName = "ChipSelectTarget";
+export {
+  D as ChipSelectTarget
+};
+//# sourceMappingURL=ChipSelectTarget.js.map

package/components/Chip/ChipSelect/index.js

@@ -0,0 +1,7 @@
+import { ChipSelect as t } from "./ChipSelect.js";
+import { ChipSelectTarget as p } from "./ChipSelectTarget.js";
+export {
+  t as ChipSelect,
+  p as ChipSelectTarget
+};
+//# sourceMappingURL=index.js.map

package/components/Chip/ChipSort.js

@@ -1,13 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import b from "react";
-import { l as u, c as l } from "../../chunks/vendor-D3hUOusX.js";
+import { l as u, c as l } from "../../chunks/vendor-ClY57Zzq.js";
 import { ChipIcon as C } from "./ChipIcon.js";
 import { SortStrokeSrvIcon24 as a } from "@sberbusiness/icons-next";
 import { SelectExtendedField as E } 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-CCv72AgN.js";
+import { s as D } from "../../chunks/Chip-21qt-Ukl.js";
 const N = b.forwardRef(
   ({ className: m, defaultValue: d, disabled: p, label: s, onChange: c, options: n, value: r, size: t, ...f }, x) => {
     const i = !!r && !u.isEqual(d, r), h = ({ opened: e, setOpened: I }) => /* @__PURE__ */ o(

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-D3hUOusX.js";
+import { c as x } from "../../../chunks/vendor-ClY57Zzq.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-CCv72AgN.js";
+import { s as j } from "../../../chunks/Chip-21qt-Ukl.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,13 @@
-import { jsxs as E, jsx as r } from "react/jsx-runtime";
-import S, { useCallback as h } from "react";
-import { EVENT_KEY_CODES as C } from "../../../utils/keyboard.js";
-import { useSuggestContext as L } from "../../Suggest/SuggestContext.js";
-import { Dropdown as O } from "../../Dropdown/Dropdown.js";
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import E, { useCallback as O } from "react";
+import { h as S } from "../../../chunks/vendor-ClY57Zzq.js";
+import { EVENT_KEY_CODES as L } from "../../../utils/keyboard.js";
+import { useSuggestContext as k } from "../../Suggest/SuggestContext.js";
+import { Dropdown as x } from "../../Dropdown/Dropdown.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as _ } from "../../Dropdown/desktop/DropdownList.js";
-import { D as x } from "../../../chunks/DropdownListItem-BcXHt5bk.js";
+import { DropdownList as R } from "../../Dropdown/desktop/DropdownList.js";
+import { D as _ } from "../../../chunks/DropdownListItem-DXBppGoi.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -18,68 +19,79 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { ChipSuggestDesktopDropdownField as R } from "./desktop/ChipSuggestDesktopDropdownField.js";
-import { SuggestMobileDropdownContent as b } from "../../Suggest/SuggestMobileDropdownContent.js";
-const y = [C.ENTER], k = ({ children: s, size: p, targetRef: l, ...c }, e) => {
+import { ChipSuggestDesktopDropdownField as b } from "./desktop/ChipSuggestDesktopDropdownField.js";
+import { SuggestMobileDropdownContent as y } from "../../Suggest/SuggestMobileDropdownContent.js";
+const F = [L.ENTER], v = ({ children: l, size: i, targetRef: c, focusTrapProps: t, ...D }, r) => {
   const {
-    value: t,
-    options: i,
-    dropdownListId: f,
-    dropdownOpen: d,
-    dropdownListLoading: w,
-    dropdownRef: D,
-    closeDropdown: n,
-    onSelect: g,
+    value: n,
+    options: d,
+    dropdownListId: w,
+    dropdownOpen: p,
+    dropdownListLoading: f,
+    dropdownRef: a,
+    closeDropdown: s,
+    onSelect: u,
     setDropdownOpen: m
-  } = L(), u = (o) => {
-    D.current = o, typeof e == "function" ? e(o) : e && (e.current = o);
-  }, a = h(
+  } = k(), g = (o) => {
+    a.current = o, typeof r == "function" ? r(o) : r && (r.current = o);
+  }, h = O(
     (o) => {
-      o ? m(!0) : n();
+      o ? m(!0) : s();
     },
-    [m, n]
+    [m, s]
   );
-  return /* @__PURE__ */ E(
-    O,
+  return /* @__PURE__ */ e(
+    x,
     {
-      size: p,
-      targetRef: l,
-      opened: d,
+      size: i,
+      targetRef: c,
+      opened: p,
       fixedWidth: !1,
-      setOpened: a,
+      setOpened: h,
       mobileViewProps: {
-        children: /* @__PURE__ */ r(b, {})
+        children: /* @__PURE__ */ e(y, {})
       },
-      ...c,
-      ref: u,
-      children: [
-        /* @__PURE__ */ r(R, { children: s }),
-        /* @__PURE__ */ r(
-          _,
-          {
-            id: f,
-            size: p,
-            dropdownOpened: d,
-            loading: w,
-            style: i.length === 0 ? { display: "none" } : void 0,
-            children: i.map((o) => /* @__PURE__ */ r(
-              x,
+      ...D,
+      ref: g,
+      children: /* @__PURE__ */ e(
+        S.FocusTrap,
+        {
+          ...t,
+          focusTrapOptions: {
+            clickOutsideDeactivates: !0,
+            returnFocusOnDeactivate: !0,
+            ...t == null ? void 0 : t.focusTrapOptions
+          },
+          children: /* @__PURE__ */ C("div", { role: "presentation", children: [
+            /* @__PURE__ */ e(b, { children: l }),
+            /* @__PURE__ */ e(
+              R,
               {
-                id: o.id,
-                keyCodesForSelection: y,
-                selected: o.id === (t == null ? void 0 : t.id),
-                onSelect: () => g(o),
-                children: o.content || o.label
-              },
-              o.id
-            ))
-          }
-        )
-      ]
+                id: w,
+                size: i,
+                dropdownOpened: p,
+                loading: f,
+                style: d.length === 0 ? { display: "none" } : void 0,
+                children: d.map((o) => /* @__PURE__ */ e(
+                  _,
+                  {
+                    id: o.id,
+                    keyCodesForSelection: F,
+                    selected: o.id === (n == null ? void 0 : n.id),
+                    onSelect: () => u(o),
+                    children: o.content || o.label
+                  },
+                  o.id
+                ))
+              }
+            )
+          ] })
+        }
+      )
     }
   );
-}, $ = S.forwardRef(k);
+}, to = E.forwardRef(v);
 export {
-  $ as ChipSuggestDropdown
+  to as ChipSuggestDropdown
 };
 //# sourceMappingURL=ChipSuggestDropdown.js.map

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -1,42 +1,44 @@
 import { jsx as f } from "react/jsx-runtime";
-import x, { useCallback as a } from "react";
-import { useSuggestContext as T } from "../../Suggest/SuggestContext.js";
+import E, { useCallback as r } from "react";
+import { useSuggestContext as P } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as B } from "../../../chunks/Chip-CCv72AgN.js";
-import { ChipClearButton as E } from "../ChipClearButton.js";
-import { ChipDropdownArrow as P } from "../ChipDropdownArrow.js";
-import { isKey as e } from "../../../utils/keyboard.js";
-const R = ({ onKeyDown: t, onClick: p, clearSelected: s, ...n }, u) => {
-  const { value: m, dropdownOpen: o, setDropdownOpen: i } = T(), g = a(
-    (r) => {
-      i(!o), p == null || p(r);
+import { C as T } from "../../../chunks/Chip-21qt-Ukl.js";
+import { ChipClearButton as c } from "../ChipClearButton.js";
+import { ChipDropdownArrow as w } from "../ChipDropdownArrow.js";
+import { isKey as n } from "../../../utils/keyboard.js";
+const B = ({ onKeyDown: p, onClick: s, clearSelected: i, ...u }, C) => {
+  const { value: d, dropdownOpen: t, setDropdownOpen: a } = P(), g = r(
+    (o) => {
+      a(!t), s == null || s(o);
     },
-    [o, i, p]
-  ), C = a(
-    (r) => {
-      (e(r.code, "ENTER") || e(r.code, "SPACE")) && (i(!o), t == null || t(r));
+    [t, a, s]
+  ), h = r(
+    (o) => {
+      (n(o.code, "ENTER") || n(o.code, "SPACE")) && (a(!t), p == null || p(o));
     },
-    [o, i, t]
-  ), d = a(
-    (r) => {
-      r.stopPropagation(), s == null || s();
+    [t, a, p]
+  ), m = r((o) => {
+    (n(o.code, "ENTER") || n(o.code, "SPACE")) && o.stopPropagation();
+  }, []), e = r(
+    (o) => {
+      o.stopPropagation(), i == null || i();
     },
-    [s]
-  ), h = a(() => m === void 0 ? /* @__PURE__ */ f(P, { rotated: o }) : /* @__PURE__ */ f(E, { onClick: d }), [m, o, d]);
+    [i]
+  ), x = r(() => d === void 0 ? /* @__PURE__ */ f(w, { rotated: t }) : /* @__PURE__ */ f(c, { onClick: e, onKeyDown: m }), [d, t, e, m]);
   return /* @__PURE__ */ f(
-    B,
+    T,
     {
-      selected: m !== void 0,
-      "aria-expanded": o,
-      postfix: h(),
-      onKeyDown: C,
+      selected: d !== void 0,
+      "aria-expanded": t,
+      postfix: x(),
+      onKeyDown: h,
       onClick: g,
-      ...n,
-      ref: u
+      ...u,
+      ref: C
     }
   );
-}, N = x.forwardRef(R);
+}, D = E.forwardRef(B);
 export {
-  N as ChipSuggestTarget
+  D as ChipSuggestTarget
 };
 //# sourceMappingURL=ChipSuggestTarget.js.map

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js

@@ -7,7 +7,7 @@ import "../../../FormField/components/FormFieldCounter.js";
 import { FormFieldLabel as D } from "../../../FormField/components/FormFieldLabel.js";
 import { FormFieldClear as L } from "../../../FormField/components/FormFieldClear.js";
 import "../../../FormField/components/FormFieldTarget.js";
-import { F as M } from "../../../../chunks/FormFieldInput-BnHKlreA.js";
+import { F as M } from "../../../../chunks/FormFieldInput-hUwbIuBd.js";
 import "../../../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as O } from "../../../FormField/components/FormFieldPostfix.js";
 import "../../../FormField/components/FormFieldPrefix.js";
@@ -18,7 +18,7 @@ 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__9514246a", j = {
+const E = "chipSuggestInputWrapper__2d6c8e15", j = {
   chipSuggestInputWrapper: E
 }, oe = ({ children: m }) => {
   const {