@sberbusiness/triplex-next 1.14.0 → 1.16.0

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -1,16 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as m } from "../../../chunks/vendor-DucOfXwy.js";
+import { c as m } from "../../../chunks/vendor-Dlne6Znf.js";
 import "../../Alert/AlertContext/AlertContext.js";
 import { AlertProcess as i } from "../../Alert/AlertProcess/AlertProcess.js";
 import "../../Alert/AlertTypeUtils.js";
-import { s as p } from "../../../chunks/StatusTracker.module-BPaAftS3.js";
-import "../../Typography/Title.js";
-import { Text as c } from "../../Typography/Text.js";
+import { s as p } from "../../../chunks/StatusTracker.module-DPlTQG3M.js";
+import { ETextSize as c, EFontType as a } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
-import { ETextSize as a, EFontType as l } from "../../Typography/enums.js";
+import { Text as l } from "../../Typography/Text.js";
+import "../../Typography/Title.js";
 const z = (t) => {
   const { children: o, className: e, ...s } = t;
-  return /* @__PURE__ */ r(i, { className: m(p.statusTrackerAlert, e), ...s, children: /* @__PURE__ */ r(c, { type: l.PRIMARY, size: a.B3, children: o }) });
+  return /* @__PURE__ */ r(i, { className: m(p.statusTrackerAlert, e), ...s, children: /* @__PURE__ */ r(l, { type: a.PRIMARY, size: c.B3, children: o }) });
 };
 export {
   z as StatusTrackerAlert

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
-import { c as m } from "../../../chunks/vendor-DucOfXwy.js";
+import { c as m } from "../../../chunks/vendor-Dlne6Znf.js";
 import { StatusTrackerStatus as c } from "./StatusTrackerStatus.js";
 import { StatusTrackerAlert as i } from "./StatusTrackerAlert.js";
-import { s as u } from "../../../chunks/StatusTracker.module-BPaAftS3.js";
+import { s as u } from "../../../chunks/StatusTracker.module-DPlTQG3M.js";
 const f = Object.assign(
   e.forwardRef(function({ children: t, className: r, ...a }, s) {
     return /* @__PURE__ */ o("div", { className: m(u.statusTrackerChild, r), ...a, ref: s, children: t });

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as a } from "../../../chunks/vendor-DucOfXwy.js";
-import { s as c } from "../../../chunks/StatusTracker.module-BPaAftS3.js";
+import { c as a } from "../../../chunks/vendor-Dlne6Znf.js";
+import { s as c } from "../../../chunks/StatusTracker.module-DPlTQG3M.js";
 import { Button as e } from "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -1,17 +1,17 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-DucOfXwy.js";
-import "../../Typography/Title.js";
-import { Text as m } from "../../Typography/Text.js";
+import { c as i } from "../../../chunks/vendor-Dlne6Znf.js";
+import { ETextSize as m, EFontType as p } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
-import { ETextSize as p, EFontType as c } from "../../Typography/enums.js";
-import { s as a } from "../../../chunks/StatusTracker.module-BPaAftS3.js";
+import { Text as c } from "../../Typography/Text.js";
+import "../../Typography/Title.js";
+import { s as a } from "../../../chunks/StatusTracker.module-DPlTQG3M.js";
 const D = (r) => {
   const { children: t, className: s, ...o } = r;
   return /* @__PURE__ */ e(
-    m,
+    c,
     {
-      type: c.SECONDARY,
-      size: p.B3,
+      type: p.SECONDARY,
+      size: m.B3,
       className: i(a.statusTrackerDescription, s),
       ...o,
       children: t

package/components/StatusTracker/components/StatusTrackerFooter.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import c from "react";
-import { c as i } from "../../../chunks/vendor-DucOfXwy.js";
-import { s as r } from "../../../chunks/StatusTracker.module-BPaAftS3.js";
+import { c as i } from "../../../chunks/vendor-Dlne6Znf.js";
+import { s as r } from "../../../chunks/StatusTracker.module-DPlTQG3M.js";
 import { StatusTrackerDescription as m } from "./StatusTrackerDescription.js";
 import { StatusTrackerButton as p } from "./StatusTrackerButton.js";
 const u = Object.assign(

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import o from "react";
-import { c as i } from "../../../chunks/vendor-DucOfXwy.js";
+import { c as i } from "../../../chunks/vendor-Dlne6Znf.js";
 import { StatusTrackerDescription as m } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle as c } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum as u } from "./StatusTrackerSum.js";
-import { s as f } from "../../../chunks/StatusTracker.module-BPaAftS3.js";
+import { s as f } from "../../../chunks/StatusTracker.module-DPlTQG3M.js";
 const p = Object.assign(
   o.forwardRef(function({ children: r, className: t, ...a }, e) {
     return /* @__PURE__ */ s("div", { className: i(f.statusTrackerChild, t), ...a, ref: e, children: r });

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c } from "../../../chunks/vendor-DucOfXwy.js";
-import { s as o } from "../../../chunks/StatusTracker.module-BPaAftS3.js";
+import { c } from "../../../chunks/vendor-Dlne6Znf.js";
+import { s as o } from "../../../chunks/StatusTracker.module-DPlTQG3M.js";
 const d = (s) => {
   const { children: r, className: t, ...a } = s;
   return /* @__PURE__ */ e("div", { className: c(o.statusTrackerChild, t), ...a, children: r });

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-DucOfXwy.js";
-import { s as m } from "../../../chunks/StatusTracker.module-BPaAftS3.js";
+import { c as e } from "../../../chunks/vendor-Dlne6Znf.js";
+import { s as m } from "../../../chunks/StatusTracker.module-DPlTQG3M.js";
 import { MarkerStatus as c } from "../../MarkerStatus/MarkerStatus.js";
 const f = (s) => {
   const { children: t, className: r, ...a } = s;

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -1,18 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-DucOfXwy.js";
-import { Title as i } from "../../Typography/Title.js";
-import "../../Typography/Text.js";
+import { c as e } from "../../../chunks/vendor-Dlne6Znf.js";
+import { ETitleSize as i, EFontWeightTitle as a } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
-import { ETitleSize as a, EFontWeightTitle as p } from "../../Typography/enums.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-BPaAftS3.js";
+import { s as l } from "../../../chunks/StatusTracker.module-DPlTQG3M.js";
 const g = (r) => {
   const { className: o, amountProps: m, ...s } = r;
   return /* @__PURE__ */ t(
-    i,
+    p,
     {
-      weight: p.SEMIBOLD,
-      size: a.H1,
+      weight: a.SEMIBOLD,
+      size: i.H1,
       className: e(l.statusTrackerSum, o),
       ...s,
       children: /* @__PURE__ */ t(c, { ...m })

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -1,17 +1,17 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-DucOfXwy.js";
-import { Title as m } from "../../Typography/Title.js";
-import "../../Typography/Text.js";
+import { c as o } from "../../../chunks/vendor-Dlne6Znf.js";
+import { ETitleSize as m, EFontWeightTitle as a } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
-import { ETitleSize as a, EFontWeightTitle as l } from "../../Typography/enums.js";
-import { s as c } from "../../../chunks/StatusTracker.module-BPaAftS3.js";
+import "../../Typography/Text.js";
+import { Title as l } from "../../Typography/Title.js";
+import { s as c } from "../../../chunks/StatusTracker.module-DPlTQG3M.js";
 const g = (t) => {
   const { children: r, className: e, ...s } = t;
   return /* @__PURE__ */ i(
-    m,
+    l,
     {
-      weight: l.BOLD,
-      size: a.H3,
+      weight: a.BOLD,
+      size: m.H3,
       className: o(c.statusTrackerTitle, e),
       ...s,
       children: r

package/components/Step/Step.js

@@ -3,14 +3,14 @@ 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 "../Typography/Title.js";
-import { Text as S } from "../Typography/Text.js";
+import { EFontWeightText as S, ETextSize as b } from "../Typography/enums.js";
 import "../Typography/Caption.js";
-import { EFontWeightText as D, ETextSize as N } from "../Typography/enums.js";
-import { c as b } from "../../chunks/vendor-DucOfXwy.js";
-const A = "step__26dedab4", R = "done__7f9b2063", x = "warning__493ac581", h = "active__9372ebc2", v = "error__789d3cd2", w = "disabled__26376a0f", t = {
+import { Text as D } from "../Typography/Text.js";
+import "../Typography/Title.js";
+import { c as N } from "../../chunks/vendor-Dlne6Znf.js";
+const A = "step__4ea71bbd", R = "done__1eddc6d7", x = "warning__b006f3e4", h = "active__45189637", v = "error__3eba19b1", w = "disabled__9971787b", t = {
   step: A,
-  default: "default__619db8c3",
+  default: "default__0142fa4d",
   done: R,
   warning: x,
   active: h,
@@ -30,16 +30,16 @@ const A = "step__26dedab4", R = "done__7f9b2063", x = "warning__493ac581", h = "
 }, G = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, z = ({
   children: r,
   className: s,
-  step: p,
+  step: c,
   status: d,
   position: m = e.Default,
   ...f
 }) => {
-  const l = u(null), T = y[m], E = b(t.step, L[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...f, children: /* @__PURE__ */ i(S, { size: N.B1, weight: D.SEMIBOLD, children: p }) });
+  const l = u(null), T = y[m], E = N(t.step, L[d], s), p = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...f, children: /* @__PURE__ */ i(D, { size: b.B1, weight: S.SEMIBOLD, children: c }) });
   return r ? /* @__PURE__ */ g(a, { size: _.SM, toggleType: "hover", alignTip: T, targetRef: l, children: [
-    /* @__PURE__ */ i(a.Target, { children: c() }),
+    /* @__PURE__ */ i(a.Target, { children: p() }),
     /* @__PURE__ */ i(a.Body, { children: r })
-  ] }) : c();
+  ] }) : p();
 };
 z.displayName = "Step";
 export {

package/components/Stepper/RightBorderArrow.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { R as m } from "../../chunks/RightBorderArrow-BqzM7D6K.js";
+import { R as m } from "../../chunks/RightBorderArrow-D4dScyRx.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-DucOfXwy.js";
+import { c as i } from "../../chunks/vendor-Dlne6Znf.js";
 import { EStepperSize as a } from "./enums.js";
-const K = "stepper__2ba1d6ff", O = "sm__72ce2a07", Q = "md__1db43a5f", T = "lg__c61ce1da", U = "stepperCarousel__2e59a526", V = "buttonPrev__9c1cb14b", Y = "buttonNext__f2858f95", n = {
+const K = "stepper__ec6ab59a", O = "sm__6c3eb891", Q = "md__b3898623", T = "lg__15e04969", U = "stepperCarousel__de059a20", V = "buttonPrev__61fcdbc1", Y = "buttonNext__144783cf", n = {
   stepper: K,
   sm: O,
   md: Q,
@@ -65,8 +65,8 @@ const K = "stepper__2ba1d6ff", O = "sm__72ce2a07", Q = "md__1db43a5f", T = "lg__
   }, y = (e, t) => {
     t && S(e, t);
   }, A = (e, t) => {
-    const { left: r, right: o, width: j } = e.getBoundingClientRect(), { left: f, right: N, width: D } = t.getBoundingClientRect(), d = r + j / 2, g = f + D / 2;
-    window.matchMedia(`(max-width: ${J.SM_MAX})`).matches ? y(e, g - d) : d > g ? k(e, t, f - r - 32, f) : d < g && L(e, t, N - o + 32, N);
+    const { left: r, right: o, width: j } = e.getBoundingClientRect(), { left: f, right: N, width: D } = t.getBoundingClientRect(), g = r + j / 2, d = f + D / 2;
+    window.matchMedia(`(max-width: ${J.SM_MAX})`).matches ? y(e, d - g) : g > d ? k(e, t, f - r - 32, f) : g < d && L(e, t, N - o + 32, N);
   };
   return C(() => {
     if (l) {

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-DucOfXwy.js";
-const b = "stepperExtended__6cc0c4ba", h = {
+import { c as E } from "../../chunks/vendor-Dlne6Znf.js";
+const b = "stepperExtended__93d97b7e", h = {
   stepperExtended: b
 }, t = ({
   children: r,
@@ -12,11 +12,11 @@ const b = "stepperExtended__6cc0c4ba", h = {
   size: o = a.SM,
   onSelectStep: s,
   selectedStepId: d,
-  forwardedRef: c,
-  ...n
+  forwardedRef: n,
+  ...m
 }) => {
-  const m = E(h.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", ...n, ref: c, children: r }) });
+  const c = E(h.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 }) });
 };
 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-DucOfXwy.js";
-import { s as t, R as F } from "../../chunks/RightBorderArrow-BqzM7D6K.js";
+import { c as C } from "../../chunks/vendor-Dlne6Znf.js";
+import { s as t, R as F } from "../../chunks/RightBorderArrow-D4dScyRx.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": "1.14.0", children: [
+        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "1.16.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-DucOfXwy.js";
-const o = "stepperWrapper__21f37498", c = {
+import { c as a } from "../../chunks/vendor-Dlne6Znf.js";
+const o = "stepperWrapper__d64db8f3", c = {
   stepperWrapper: o
 }, W = ({ children: p, className: r, ...e }) => {
   const s = a(c.stepperWrapper, r);
-  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.14.0", children: p });
+  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.16.0", children: p });
 };
 export {
   W as StepperWrapper

package/components/Suggest/Suggest.js

@@ -1,99 +1,63 @@
-import { SuggestContext as J } from "./SuggestContext.js";
-import { jsx as l } from "react/jsx-runtime";
-import N, { useState as m, useId as Q, useRef as d, useCallback as r, useEffect as x } from "react";
-import { isKey as T } from "../../utils/keyboard.js";
-const U = ({
-  children: C,
-  value: n,
-  options: D,
-  size: W,
-  placeholder: I,
-  noOptionsText: L,
-  loading: O,
-  dropdownListLoading: A,
-  tooltipOpen: P,
-  clearInputOnFocus: _,
-  onKeyDown: e,
-  onSelect: g,
-  onFilter: R,
-  onScrollEnd: j,
-  ...k
-}, s) => {
-  const [i, f] = m((n == null ? void 0 : n.label) || ""), [z, B] = m(), [o, a] = m(!1), F = Q(), p = d(null), S = d(null), u = d(() => {
-  }), c = d(() => {
-  }), M = r(
-    (t) => {
-      i !== t && f(t);
-    },
-    [i]
-  );
-  u.current = M, x(() => {
-    u.current((n == null ? void 0 : n.label) || "");
-  }, [n]);
-  const b = r(
-    (t = (n == null ? void 0 : n.label) || "") => {
-      u.current(t), B(void 0), a(!1);
-    },
-    [n]
-  );
-  c.current = b, x(() => {
-    const t = (h) => {
-      var w, E;
-      !((w = p.current) != null && w.contains(h.target)) && !((E = S.current) != null && E.contains(h.target)) && c.current();
+import { SuggestContext as K } from "./SuggestContext.js";
+import { jsx as p } from "react/jsx-runtime";
+import P, { useRef as a, useEffect as C, useCallback as F } from "react";
+import { useSuggest as _ } from "./useSuggest.js";
+const b = (t, e) => {
+  const {
+    children: f,
+    value: g,
+    options: m,
+    size: j,
+    placeholder: w,
+    noOptionsText: v,
+    loading: R,
+    dropdownListLoading: S,
+    tooltipOpen: D,
+    clearInputOnFocus: O,
+    onKeyDown: k,
+    onSelect: z,
+    onFilter: B,
+    onScrollEnd: h,
+    ...x
+  } = t, r = _(t), { dropdownOpen: s, closeDropdown: u, onKeyDown: y } = r, n = a(null), c = a(null);
+  C(() => {
+    if (!s)
+      return;
+    const o = (L) => {
+      var i, l;
+      const d = L.target;
+      !((i = n.current) != null && i.contains(d)) && !((l = c.current) != null && l.contains(d)) && u();
     };
-    if (o)
-      return document.addEventListener("mousedown", t), () => {
-        document.removeEventListener("mousedown", t);
-      };
-  }, [o]);
-  const q = r(
-    (t) => {
-      o === !0 && T(t.code, "ESCAPE") && c.current(), e == null || e(t);
-    },
-    [o, e]
-  ), G = r(
-    (t) => {
-      c.current((t == null ? void 0 : t.label) || ""), g(t);
-    },
-    [g]
-  ), H = r(
-    (t) => {
-      f(t), R(t);
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [s, u]);
+  const E = F(
+    (o) => {
+      n.current = o, typeof e == "function" ? e(o) : e && (e.current = o);
     },
-    [R]
+    [e]
   );
-  return /* @__PURE__ */ l("div", { onKeyDown: q, ...k, ref: (t) => {
-    p.current = t, typeof s == "function" ? s(t) : s && (s.current = t);
-  }, children: /* @__PURE__ */ l(
-    J.Provider,
+  return /* @__PURE__ */ p("div", { ...x, onKeyDown: y, ref: E, children: /* @__PURE__ */ p(
+    K.Provider,
     {
       value: {
-        value: n,
-        options: D,
-        placeholder: I,
-        noOptionsText: L,
-        loading: O,
-        dropdownListLoading: A,
-        tooltipOpen: P,
-        clearInputOnFocus: _,
-        onSelect: G,
-        onFilter: H,
-        onScrollEnd: j,
-        inputValue: i,
-        setInputValue: f,
-        activeDescendant: z,
-        dropdownOpen: o,
-        setDropdownOpen: a,
-        closeDropdown: b,
-        dropdownListId: F,
-        suggestRef: p,
-        dropdownRef: S
+        value: g,
+        options: m,
+        placeholder: w,
+        noOptionsText: v,
+        loading: R,
+        dropdownListLoading: S,
+        tooltipOpen: D,
+        clearInputOnFocus: O,
+        onScrollEnd: h,
+        suggestRef: n,
+        dropdownRef: c,
+        ...r
       },
-      children: C
+      children: f
     }
   ) });
-}, K = N.forwardRef(U);
+}, A = P.forwardRef(b);
 export {
-  K as Suggest
+  A as Suggest
 };
 //# sourceMappingURL=Suggest.js.map

package/components/Suggest/SuggestContext.js

@@ -1,5 +1,5 @@
 import e, { useContext as t } from "react";
-const n = e.createContext({
+const o = e.createContext({
   value: void 0,
   options: [],
   inputValue: "",
@@ -18,12 +18,9 @@ const n = e.createContext({
   dropdownListId: "",
   suggestRef: { current: null },
   dropdownRef: { current: null }
-});
-function r() {
-  return t(n);
-}
+}), s = () => t(o);
 export {
-  n as SuggestContext,
-  r as useSuggestContext
+  o as SuggestContext,
+  s as useSuggestContext
 };
 //# sourceMappingURL=SuggestContext.js.map

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -1,11 +1,10 @@
 import { jsxs as c, Fragment as m, jsx as e } from "react/jsx-runtime";
 import { useRef as B, useCallback as r } from "react";
 import { useSuggestContext as F } from "./SuggestContext.js";
-import "../Dropdown/Dropdown.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-C6I9gVRb.js";
+import "../../chunks/DropdownListItem-DzngoNVf.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as I } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as N } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -16,11 +15,12 @@ import { DropdownMobileInput as L } from "../Dropdown/mobile/DropdownMobileInput
 import { DropdownMobileList as R } from "../Dropdown/mobile/DropdownMobileList.js";
 import { DropdownMobileListItem as _ } from "../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader as v } from "../Dropdown/mobile/DropdownMobileLoader.js";
-import "../Typography/Title.js";
-import { Text as E } from "../Typography/Text.js";
+import "../Dropdown/Dropdown.js";
+import { ETextSize as E, EFontType as H } from "../Typography/enums.js";
 import "../Typography/Caption.js";
-import { ETextSize as H, EFontType as j } from "../Typography/enums.js";
-const k = "suggestDropdownMobileBody__7f68bf89", z = "suggestDropdownMobileNoOptionsText__b0722ddc", g = {
+import { Text as j } from "../Typography/Text.js";
+import "../Typography/Title.js";
+const k = "suggestDropdownMobileBody__23b3363c", z = "suggestDropdownMobileNoOptionsText__8942ef93", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, po = () => {
@@ -31,12 +31,12 @@ const k = "suggestDropdownMobileBody__7f68bf89", z = "suggestDropdownMobileNoOpt
     placeholder: u,
     noOptionsText: a,
     loading: b,
-    clearInputOnFocus: d,
-    dropdownListLoading: f,
-    onSelect: w,
+    clearInputOnFocus: p,
+    dropdownListLoading: w,
+    onSelect: f,
     onFilter: t,
     onScrollEnd: l,
-    closeDropdown: p
+    closeDropdown: d
   } = F(), h = B(null), D = r(
     (o) => {
       if (l === void 0)
@@ -45,14 +45,14 @@ const k = "suggestDropdownMobileBody__7f68bf89", z = "suggestDropdownMobileNoOpt
       C - S === y && 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,
@@ -74,21 +74,21 @@ const k = "suggestDropdownMobileBody__7f68bf89", z = "suggestDropdownMobileNoOpt
       }
     ),
     /* @__PURE__ */ e(I, { className: g.suggestDropdownMobileBody, onScroll: D, children: s.length === 0 ? /* @__PURE__ */ e(
-      E,
+      j,
       {
         className: g.suggestDropdownMobileNoOptionsText,
-        type: j.PRIMARY,
-        size: H.B2,
+        type: H.PRIMARY,
+        size: E.B2,
         tag: "div",
         children: a
       }
-    ) : /* @__PURE__ */ e(R, { loading: f, ref: h, children: s.map((o) => /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ e(R, { loading: w, ref: h, children: s.map((o) => /* @__PURE__ */ e(
       _,
       {
         id: o.id,
         selected: o.id === (n == null ? void 0 : n.id),
         onSelect: () => {
-          w(o);
+          f(o);
         },
         children: o.content || o.label
       },