@sberbusiness/triplex-next 0.19.1 → 0.21.0

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -1,11 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as e } from "../../../chunks/vendor-DaOifQgP.js";
 import { ETitleSize as i, EFontWeightTitle as a } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/Text.js";
 import { Title as p } from "../../Typography/Title.js";
 import { Amount as c } from "../../Amount/Amount.js";
-import { s as l } from "../../../chunks/StatusTracker.module-jKCRT7JR.js";
+import { s as l } from "../../../chunks/StatusTracker.module-KkpUE8KY.js";
 const g = (r) => {
   const { className: o, amountProps: m, ...s } = r;
   return /* @__PURE__ */ t(

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -1,10 +1,10 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as o } from "../../../chunks/vendor-DaOifQgP.js";
 import { ETitleSize as m, EFontWeightTitle as a } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/Text.js";
 import { Title as l } from "../../Typography/Title.js";
-import { s as c } from "../../../chunks/StatusTracker.module-jKCRT7JR.js";
+import { s as c } from "../../../chunks/StatusTracker.module-KkpUE8KY.js";
 const g = (t) => {
   const { children: r, className: e, ...s } = t;
   return /* @__PURE__ */ i(

package/components/Step/Step.js

@@ -3,18 +3,18 @@ import { useRef as u } from "react";
 import { EStepStatus as o, EStepPosition as e } from "./enums.js";
 import { ETooltipAlign as n, ETooltipSize as _ } from "../Tooltip/enums.js";
 import { Tooltip as a } from "../Tooltip/Tooltip.js";
-import { EFontWeightText as S, ETextSize as b } from "../Typography/enums.js";
+import { EFontWeightText as S, ETextSize as D } from "../Typography/enums.js";
 import "../Typography/Caption.js";
-import { Text as D } from "../Typography/Text.js";
+import { Text as N } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { c as N } from "../../chunks/vendor-DE8Zvm0w.js";
-const A = "step__acf440ac", R = "done__a1cbb3eb", x = "warning__f9b55e23", h = "active__a3a6e579", v = "error__7019299c", w = "disabled__7e8bbacf", t = {
-  step: A,
-  default: "default__e60f4d0a",
-  done: R,
-  warning: x,
-  active: h,
-  error: v,
+import { c as A } from "../../chunks/vendor-DaOifQgP.js";
+const R = "step__fcb27832", x = "done__731c96a3", h = "warning__14d53fdc", v = "active__2d145dd3", b = "error__f5608198", w = "disabled__65d41c85", t = {
+  step: R,
+  default: "default__ec5732e8",
+  done: x,
+  warning: h,
+  active: v,
+  error: b,
   disabled: w
 }, L = {
   [o.DEFAULT]: t.default,
@@ -35,7 +35,7 @@ const A = "step__acf440ac", R = "done__a1cbb3eb", x = "warning__f9b55e23", h = "
   position: f = e.Default,
   ...m
 }) => {
-  const l = u(null), T = y[f], E = N(t.step, L[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...m, children: /* @__PURE__ */ i(D, { size: b.B1, weight: S.SEMIBOLD, children: p }) });
+  const l = u(null), T = y[f], E = A(t.step, L[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...m, children: /* @__PURE__ */ i(N, { size: D.B1, weight: S.SEMIBOLD, children: p }) });
   return r ? /* @__PURE__ */ g(a, { size: _.SM, toggleType: "hover", alignTip: T, targetRef: l, children: [
     /* @__PURE__ */ i(a.Target, { children: c() }),
     /* @__PURE__ */ i(a.Body, { children: r })

package/components/Stepper/RightBorderArrow.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { R as m } from "../../chunks/RightBorderArrow-BUP-gfBp.js";
+import { R as m } from "../../chunks/RightBorderArrow-1OX8NAL9.js";
 import "./enums.js";
 export {
   m as RightBorderArrow

package/components/Stepper/Stepper.js

@@ -8,9 +8,9 @@ import { ButtonIcon as R } from "../Button/ButtonIcon.js";
 import { CaretrightStrokeSrvIcon24 as q, CaretleftStrokeSrvIcon24 as F } from "@sberbusiness/icons-next";
 import { EScreenWidth as J } from "../../helpers/breakpoints.js";
 import { scrollSmoothHorizontally as S } from "../../utils/scroll.js";
-import { c as i } from "../../chunks/vendor-DE8Zvm0w.js";
+import { c as i } from "../../chunks/vendor-DaOifQgP.js";
 import { EStepperSize as a } from "./enums.js";
-const K = "stepper__75588516", O = "sm__588e6fe3", Q = "md__d5854d70", T = "lg__cf366bfe", U = "stepperCarousel__7df2c923", V = "buttonPrev__6fa559d2", Y = "buttonNext__1ba42f9a", n = {
+const K = "stepper__dacd345d", O = "sm__2b96a75d", Q = "md__8846b06a", T = "lg__ea1c4649", U = "stepperCarousel__c89d46dd", V = "buttonPrev__0a498d5b", Y = "buttonNext__ecd0a7ad", n = {
   stepper: K,
   sm: O,
   md: Q,

package/components/Stepper/StepperExtended.js

@@ -3,8 +3,8 @@ import { EStepperSize as a } from "./enums.js";
 import { StepperExtendedContext as i } from "./StepperExtendedContext.js";
 import { StepperWrapper as x } from "./StepperWrapper.js";
 import { StepperStep as f } from "./StepperStep.js";
-import { c as E } from "../../chunks/vendor-DE8Zvm0w.js";
-const h = "stepperExtended__e46523d0", u = {
+import { c as E } from "../../chunks/vendor-DaOifQgP.js";
+const h = "stepperExtended__65620c3c", u = {
   stepperExtended: h
 }, t = ({
   children: r,
@@ -13,10 +13,10 @@ const h = "stepperExtended__e46523d0", u = {
   onSelectStep: s,
   selectedStepId: d,
   forwardedRef: n,
-  ...m
+  ...c
 }) => {
-  const c = E(u.stepperExtended, p), l = (S) => s(S);
-  return /* @__PURE__ */ e(i.Provider, { value: { onSelectStep: l, selectedId: d, size: o }, children: /* @__PURE__ */ e("ol", { className: c, role: "tablist", ...m, ref: n, children: r }) });
+  const m = E(u.stepperExtended, p), l = (S) => s(S);
+  return /* @__PURE__ */ e(i.Provider, { value: { onSelectStep: l, selectedId: d, size: o }, children: /* @__PURE__ */ e("ol", { className: m, role: "tablist", ...c, ref: n, children: r }) });
 };
 t.Step = f;
 t.Wrapper = x;

package/components/Stepper/StepperStep.js

@@ -4,8 +4,8 @@ import { StepperStepIcon as q } from "./StepperStepIcon.js";
 import { isKey as A } from "../../utils/keyboard.js";
 import { StepperExtendedContext as D } from "./StepperExtendedContext.js";
 import { EFocusSource as s } from "../../enums/EFocusSource.js";
-import { c as C } from "../../chunks/vendor-DE8Zvm0w.js";
-import { s as t, R as F } from "../../chunks/RightBorderArrow-BUP-gfBp.js";
+import { c as C } from "../../chunks/vendor-DaOifQgP.js";
+import { s as t, R as F } from "../../chunks/RightBorderArrow-1OX8NAL9.js";
 import { EStepperSize as h, EStepperStepType as j } from "./enums.js";
 const H = ({
   children: x,
@@ -72,7 +72,7 @@ const H = ({
       ...G,
       ref: P,
       children: [
-        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "0.19.1", children: [
+        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "0.21.0", children: [
           g && U(),
           x
         ] }),

package/components/Stepper/StepperWrapper.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as a } from "../../chunks/vendor-DE8Zvm0w.js";
-const o = "stepperWrapper__8a4d7671", c = {
+import { c as a } from "../../chunks/vendor-DaOifQgP.js";
+const o = "stepperWrapper__d54e761b", c = {
   stepperWrapper: o
 }, W = ({ children: p, className: r, ...e }) => {
   const s = a(c.stepperWrapper, r);
-  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "0.19.1", children: p });
+  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "0.21.0", children: p });
 };
 export {
   W as StepperWrapper

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,10 +4,10 @@ import { useSuggestContext as F } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-B89w0ZP6.js";
+import "../../chunks/DropdownListItem-BdLTF7q1.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as I } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as N } from "../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as N } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as I } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
 import { DropdownMobileHeader as O } from "../Dropdown/mobile/DropdownMobileHeader.js";
 import "../Dropdown/mobile/DropdownMobileInner.js";
@@ -20,10 +20,10 @@ import { ETextSize as E, EFontType as H } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__e9dbd0e2", z = "suggestDropdownMobileNoOptionsText__60159f95", g = {
+const k = "suggestDropdownMobileBody__66b7a933", z = "suggestDropdownMobileNoOptionsText__8a5c00f3", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
-}, po = () => {
+}, A = () => {
   const {
     value: n,
     options: s,
@@ -31,35 +31,35 @@ const k = "suggestDropdownMobileBody__e9dbd0e2", z = "suggestDropdownMobileNoOpt
     placeholder: u,
     noOptionsText: a,
     loading: b,
-    clearInputOnFocus: d,
+    clearInputOnFocus: p,
     dropdownListLoading: w,
-    onSelect: f,
+    onSelect: D,
     onFilter: t,
     onScrollEnd: l,
-    closeDropdown: p
-  } = F(), h = B(null), D = r(
+    closeDropdown: d
+  } = F(), f = B(null), h = r(
     (o) => {
       if (l === void 0)
         return;
-      const { clientHeight: y, scrollHeight: C, scrollTop: S } = o.target;
-      C - S === y && l();
+      const { scrollHeight: y, scrollTop: C, clientHeight: S } = o.currentTarget;
+      y - C - S < 1 && l();
     },
     [l]
-  ), M = r(() => p(), [p]), x = r(
+  ), M = r(() => d(), [d]), x = r(
     (o) => {
       t(o.target.value);
     },
     [t]
   ), T = r(() => {
-    i.length !== 0 && d === !0 && t("");
-  }, [i.length, d, t]);
+    i.length !== 0 && p === !0 && t("");
+  }, [i.length, p, t]);
   return /* @__PURE__ */ c(m, { children: [
     /* @__PURE__ */ e(
       O,
       {
         controlButtons: /* @__PURE__ */ c(m, { children: [
           b && /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(N, { onClick: M })
+          /* @__PURE__ */ e(I, { onClick: M })
         ] }),
         children: /* @__PURE__ */ e(
           L,
@@ -73,7 +73,7 @@ const k = "suggestDropdownMobileBody__e9dbd0e2", z = "suggestDropdownMobileNoOpt
         )
       }
     ),
-    /* @__PURE__ */ e(I, { className: g.suggestDropdownMobileBody, onScroll: D, children: s.length === 0 ? /* @__PURE__ */ e(
+    /* @__PURE__ */ e(N, { className: g.suggestDropdownMobileBody, onScroll: h, children: s.length === 0 ? /* @__PURE__ */ e(
       j,
       {
         className: g.suggestDropdownMobileNoOptionsText,
@@ -82,13 +82,13 @@ const k = "suggestDropdownMobileBody__e9dbd0e2", z = "suggestDropdownMobileNoOpt
         tag: "div",
         children: a
       }
-    ) : /* @__PURE__ */ e(R, { loading: w, ref: h, children: s.map((o) => /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ e(R, { loading: w, ref: f, children: s.map((o) => /* @__PURE__ */ e(
       _,
       {
         id: o.id,
         selected: o.id === (n == null ? void 0 : n.id),
         onSelect: () => {
-          f(o);
+          D(o);
         },
         children: o.content || o.label
       },
@@ -96,7 +96,8 @@ const k = "suggestDropdownMobileBody__e9dbd0e2", z = "suggestDropdownMobileNoOpt
     )) }) })
   ] });
 };
+A.displayName = "SuggestMobileDropdownContent";
 export {
-  po as SuggestMobileDropdownContent
+  A as SuggestMobileDropdownContent
 };
 //# sourceMappingURL=SuggestMobileDropdownContent.js.map

package/components/Suggest/useSuggest.js

@@ -1,5 +1,5 @@
 import { useState as n, useRef as C, useLayoutEffect as L, useCallback as i, useMemo as O } from "react";
-import { u as R } from "../../chunks/vendor-DE8Zvm0w.js";
+import { u as R } from "../../chunks/vendor-DaOifQgP.js";
 import { isKey as q } from "../../utils/keyboard.js";
 const D = ({
   value: o,

package/components/SuggestField/SuggestField.js

@@ -2,7 +2,7 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop as S } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as b } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-B6hhbNqZ.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-DNKfDfM3.js";
 import { jsx as o } from "react/jsx-runtime";
 import { MobileView as I } from "../MobileView/MobileView.js";
 import "../FormField/FormField.js";
@@ -11,7 +11,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import { F as O } from "../../chunks/FormFieldInput-CC-nRhb4.js";
+import { F as O } from "../../chunks/FormFieldInput-C75omt8Y.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -1,29 +1,29 @@
-import { SuggestFieldDesktopDropdown as dt } from "./SuggestFieldDesktopDropdown.js";
-import { jsxs as w, jsx as n } from "react/jsx-runtime";
-import lt, { useState as u, useRef as b, useCallback as s, useEffect as x } from "react";
-import { EComponentSize as ct } from "../../../enums/EComponentSize.js";
-import { Tooltip as R } from "../../Tooltip/Tooltip.js";
-import { ETooltipSize as pt } from "../../Tooltip/enums.js";
-import { TextFieldBase as at } from "../../TextField/TextFieldBase.js";
+import { SuggestFieldDesktopDropdown as ro } from "./SuggestFieldDesktopDropdown.js";
+import { jsxs as B, jsx as f } from "react/jsx-runtime";
+import fo, { useState as s, useRef as x, useLayoutEffect as so, useCallback as r, useEffect as no } from "react";
+import { EComponentSize as co } from "../../../enums/EComponentSize.js";
+import { Tooltip as E } from "../../Tooltip/Tooltip.js";
+import { ETooltipSize as lo } from "../../Tooltip/enums.js";
+import { TextFieldBase as ao } from "../../TextField/TextFieldBase.js";
 import "../../FormField/FormField.js";
 import "../../FormField/components/FormFieldDescription.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as ft } from "../../FormField/components/FormFieldClear.js";
+import { FormFieldClear as go } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldTarget.js";
-import { F as gt } from "../../../chunks/FormFieldInput-CC-nRhb4.js";
+import { F as ho } from "../../../chunks/FormFieldInput-C75omt8Y.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
 import "../../FormField/components/FormFieldPrefix.js";
 import "../../FormField/components/FormFieldTextarea.js";
-import { EFormFieldStatus as T } from "../../FormField/enums.js";
-import { LoaderSmall as ht } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as ut } from "../../Loader/LoaderSmall/enum.js";
+import { EFormFieldStatus as q } from "../../FormField/enums.js";
+import { LoaderSmall as Do } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as wo } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { DropdownListContext as bt } from "../../Dropdown/DropdownListContext.js";
+import { DropdownListContext as po } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-B89w0ZP6.js";
+import "../../../chunks/DropdownListItem-BdLTF7q1.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -34,163 +34,167 @@ import "../../Dropdown/mobile/DropdownMobileInput.js";
 import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Dropdown/Dropdown.js";
-import { DataTestId as j } from "../../../consts/DataTestId.js";
-import { u as St, z as Ft } from "../../../chunks/vendor-DE8Zvm0w.js";
-const io = ({
-  value: o,
-  options: m,
-  size: S = ct.LG,
-  status: F,
-  placeholder: z,
-  "data-test-id": d,
-  loading: q,
-  dropdownListLoading: G,
-  tooltipHint: J,
-  tooltipOpen: K,
-  clearInputOnFocus: k,
-  onSelect: g,
-  onFilter: h,
-  onScrollEnd: y,
-  onClear: p,
+import { DataTestId as z } from "../../../consts/DataTestId.js";
+import { u as So } from "../../../chunks/vendor-DaOifQgP.js";
+import { isKey as Fo } from "../../../utils/keyboard.js";
+const re = ({
+  value: t,
+  options: a,
+  size: F = co.LG,
+  status: L,
+  placeholder: G,
+  "data-test-id": n,
+  loading: N,
+  dropdownListLoading: T,
+  tooltipHint: H,
+  tooltipOpen: J,
+  clearInputOnFocus: R,
+  onFilter: c,
+  onClear: g,
+  onSelect: w,
+  onScrollEnd: p,
   prefix: Q,
   postfix: U,
-  renderInput: A,
-  renderDropdown: C,
-  renderDropdownList: V,
-  renderDropdownListItem: W,
-  inputProps: i,
-  ...X
+  renderInput: O,
+  renderDropdown: k,
+  renderDropdownList: W,
+  renderDropdownListItem: X,
+  inputProps: e,
+  ...Y
 }) => {
-  const [a, l] = u((o == null ? void 0 : o.label) || ""), [H, D] = u(), [f, $] = u(!1), [r, c] = u(!1), M = b(St()), L = b(null), N = b(null), E = b(y);
-  E.current = y;
-  const Y = s(
-    (t) => {
-      l((t == null ? void 0 : t.label) || ""), D(void 0), c(!1), g(t);
+  const [h, l] = s((t == null ? void 0 : t.label) || ""), [D, M] = s(!1), [d, S] = s(!1), [C, I] = s(!1), [K] = s(() => So()), [$, b] = s(), [A, Z] = s(t);
+  (t == null ? void 0 : t.id) !== (A == null ? void 0 : A.id) && (Z(t), l((t == null ? void 0 : t.label) || ""));
+  const y = x(null), _ = x(p);
+  so(() => {
+    _.current = p;
+  }, [p]);
+  const V = r(
+    (o) => {
+      var i;
+      M(!0), R && h.length !== 0 && (l(""), c("")), (i = e.onFocus) == null || i.call(e, o);
     },
-    [g]
-  ), Z = s(
-    (t) => {
-      var e;
-      $(!0), k && a.length !== 0 && l(""), (e = i.onFocus) == null || e.call(i, t);
+    [R, h, c, e]
+  ), m = r((o) => {
+    I(o), b(void 0), S(!1);
+  }, []), u = r(
+    (o) => {
+      var i;
+      M(!1), m(!1), h.length !== 0 ? l((t == null ? void 0 : t.label) || "") : t !== void 0 && w(void 0), (i = e.onBlur) == null || i.call(e, o);
     },
-    [k, a, i]
-  ), _ = s(
-    (t) => {
-      var e;
-      D(void 0), $(!1), c(!1), a.length !== 0 ? l((o == null ? void 0 : o.label) || "") : g(void 0), (e = i.onBlur) == null || e.call(i, t);
+    [m, h, t, w, e]
+  ), v = r(
+    (o) => {
+      var i;
+      Fo(o.key, "ESCAPE") && d && (o.stopPropagation(), m(!0)), (i = e.onKeyDown) == null || i.call(e, o);
     },
-    [o == null ? void 0 : o.label, a, g, i]
-  ), v = s(() => {
-    f && !r && c(!0);
-  }, [f, r]), P = s(
-    (t) => {
-      const e = t.target.value;
-      r === !1 && m.length > 0 && c(!0), l(e), h(e);
+    [d, m, e]
+  ), P = r(
+    (o) => {
+      var i;
+      d || (I(!1), S(!0)), (i = e.onMouseDown) == null || i.call(e, o);
     },
-    [r, m.length, h]
-  ), tt = s(
-    (t) => {
-      f && (l(""), h("")), p == null || p(t);
+    [d, e]
+  ), oo = r(
+    (o) => {
+      var i;
+      I(!1), b(void 0), l(o.target.value), c(o.target.value), (i = e.onChange) == null || i.call(e, o);
     },
-    [f, h, p]
-  ), I = s(
-    Ft((t) => {
-      if (E.current === void 0)
-        return;
-      const e = t.target, B = e.parentElement;
-      if (B === null)
-        return;
-      const et = e.scrollHeight, rt = e.scrollTop, it = B.scrollHeight, O = window.getComputedStyle(B), nt = O.getPropertyValue("padding-top"), st = O.getPropertyValue("padding-bottom"), mt = Number.parseInt(st) + Number.parseInt(nt);
-      Math.abs(rt + it - mt - et) <= 1 && E.current();
-    }, 100),
-    []
+    [c, e]
+  ), eo = r(
+    (o) => {
+      D && (l(""), c("")), g == null || g(o);
+    },
+    [D, c, g]
+  ), to = r(
+    (o) => {
+      o ? S(o) : m(!1);
+    },
+    [m]
+  ), io = r(
+    (o) => {
+      m(!0), l((o == null ? void 0 : o.label) || ""), w(o);
+    },
+    [m, w]
   );
-  x(() => {
-    l((o == null ? void 0 : o.label) || "");
-  }, [o]), x(() => {
-    r && m.length === 0 && c(!1);
-  }, [r, m.length]), x(() => {
-    if (r) {
-      const t = N.current;
-      return t && t.addEventListener("scroll", I), () => {
-        t && t.removeEventListener("scroll", I);
-      };
-    }
-  }, [r, I]);
-  const ot = () => {
-    const t = A === void 0 ? gt : A, e = C === void 0 ? dt : C;
-    return /* @__PURE__ */ w(
-      at,
+  no(() => {
+    D && (d ? a.length === 0 && m(!1) : a.length !== 0 && !C && S(!0));
+  }, [D, d, a.length, m, C]);
+  const mo = () => {
+    const o = O === void 0 ? ho : O, i = k === void 0 ? ro : k, j = d && a.length !== 0;
+    return /* @__PURE__ */ B(
+      ao,
       {
-        "data-test-id": d,
-        status: F,
-        size: S,
+        "data-test-id": n,
+        status: L,
+        size: F,
         prefix: Q,
-        postfix: /* @__PURE__ */ w(lt.Fragment, { children: [
-          p !== void 0 && /* @__PURE__ */ n(ft, { onClick: tt }),
-          q && /* @__PURE__ */ n(ht, { theme: ut.BRAND, size: S }),
+        postfix: /* @__PURE__ */ B(fo.Fragment, { children: [
+          g !== void 0 && /* @__PURE__ */ f(go, { onClick: eo }),
+          N && /* @__PURE__ */ f(Do, { theme: wo.BRAND, size: F }),
           U
         ] }),
-        ...X,
-        ref: L,
+        ...Y,
+        ref: y,
         children: [
-          /* @__PURE__ */ n(
-            t,
+          /* @__PURE__ */ f(
+            o,
             {
-              value: a,
-              placeholder: z,
-              "data-test-id": d && `${d}${j.Suggest.input}`,
-              ...i,
+              value: h,
+              placeholder: G,
+              "data-test-id": n && `${n}${z.Suggest.input}`,
+              ...e,
               role: "combobox",
-              "aria-controls": M.current,
-              "aria-activedescendant": H,
-              "aria-expanded": r,
-              disabled: F === T.DISABLED,
-              onFocus: Z,
-              onBlur: _,
-              onClick: v,
-              onChange: P
+              "aria-autocomplete": "list",
+              "aria-controls": K,
+              "aria-activedescendant": $,
+              "aria-expanded": j,
+              disabled: L === q.DISABLED,
+              onFocus: V,
+              onBlur: u,
+              onKeyDown: v,
+              onMouseDown: P,
+              onChange: oo
             }
           ),
-          /* @__PURE__ */ n(bt.Provider, { value: { activeDescendant: H, setActiveDescendant: D }, children: /* @__PURE__ */ n(
-            e,
+          /* @__PURE__ */ f(po.Provider, { value: { activeDescendant: $, setActiveDescendant: b }, children: /* @__PURE__ */ f(
+            i,
             {
-              value: o,
-              options: m,
-              size: S,
-              listId: M.current,
-              opened: r && m.length > 0,
-              listLoading: G,
-              listRef: N,
-              onSelect: Y,
-              renderList: V,
-              renderListItem: W,
-              setOpened: c,
-              targetRef: L,
-              dataTestId: d
+              value: t,
+              options: a,
+              size: F,
+              dataTestId: n,
+              listId: K,
+              opened: j,
+              listLoading: T,
+              targetRef: y,
+              setOpened: to,
+              onSelect: io,
+              onScrollEnd: p,
+              renderList: W,
+              renderListItem: X
             }
           ) })
         ]
       }
     );
   };
-  return /* @__PURE__ */ w(
-    R,
+  return /* @__PURE__ */ B(
+    E,
     {
-      size: pt.SM,
-      isOpen: !!(K && f) && F !== T.DISABLED,
+      size: lo.SM,
+      isOpen: !!(J && D) && L !== q.DISABLED,
       toggle: () => {
       },
-      targetRef: L,
+      targetRef: y,
       disableAdaptiveMode: !0,
       children: [
-        /* @__PURE__ */ n(R.Body, { "data-test-id": d && `${d}${j.Suggest.tooltip}`, children: J }),
-        /* @__PURE__ */ n(R.Target, { children: ot() })
+        /* @__PURE__ */ f(E.Body, { "data-test-id": n && `${n}${z.Suggest.tooltip}`, children: H }),
+        /* @__PURE__ */ f(E.Target, { children: mo() })
       ]
     }
   );
 };
 export {
-  io as SuggestFieldDesktop
+  re as SuggestFieldDesktop
 };
 //# sourceMappingURL=SuggestFieldDesktop.js.map