@sberbusiness/triplex-next 0.1.9 → 0.10.0

package/components/Stepper/StepperStepIcon.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { WaitStrokeStsIcon16 as n, ErrorStrokeStsIcon16 as o, WarningStrokeStsIcon16 as S, SuccessStrokeStsIcon16 as c, TickStrokeSrvIcon16 as p } from "@sberbusiness/icons-next";
+import { EStepperStepIconType as t } from "./enums.js";
+const u = ({ type: r }) => {
+  switch (r) {
+    case t.FILLED:
+      return /* @__PURE__ */ e(p, { paletteIndex: 0 });
+    case t.SUCCESS:
+      return /* @__PURE__ */ e(c, { paletteIndex: 0 });
+    case t.WARNING:
+      return /* @__PURE__ */ e(S, { paletteIndex: 2 });
+    case t.ERROR:
+      return /* @__PURE__ */ e(o, { paletteIndex: 1 });
+    case t.WAIT:
+      return /* @__PURE__ */ e(n, { paletteIndex: 4 });
+    default:
+      return null;
+  }
+};
+export {
+  u as StepperStepIcon
+};
+//# sourceMappingURL=StepperStepIcon.js.map

package/components/Stepper/StepperWrapper.js

@@ -0,0 +1,12 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as a } from "../../chunks/vendor-BlJo2ILB.js";
+const o = "stepperWrapper__42856924", 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.10.0", children: p });
+};
+export {
+  W as StepperWrapper
+};
+//# sourceMappingURL=StepperWrapper.js.map

package/components/Stepper/enums.js

@@ -0,0 +1,7 @@
+var R = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.NEUTRAL = "neutral", r.ERROR = "error", r.WARNING = "warning", r))(a || {}), u = /* @__PURE__ */ ((r) => (r.FILLED = "filled", r.SUCCESS = "success", r.ERROR = "error", r.WARNING = "warning", r.WAIT = "wait", r))(u || {});
+export {
+  R as EStepperSize,
+  u as EStepperStepIconType,
+  a as EStepperStepType
+};
+//# sourceMappingURL=enums.js.map

package/components/Stepper/index.js

@@ -0,0 +1,11 @@
+import { Stepper as r } from "./Stepper.js";
+import { StepperExtended as S } from "./StepperExtended.js";
+import { EStepperSize as x, EStepperStepIconType as E, EStepperStepType as f } from "./enums.js";
+export {
+  x as EStepperSize,
+  E as EStepperStepIconType,
+  f as EStepperStepType,
+  r as Stepper,
+  S as StepperExtended
+};
+//# sourceMappingURL=index.js.map

package/components/Suggest/Suggest.js

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

package/components/Suggest/SuggestContext.js

@@ -0,0 +1,29 @@
+import e, { useContext as t } from "react";
+const n = e.createContext({
+  value: void 0,
+  options: [],
+  inputValue: "",
+  onSelect: () => {
+  },
+  onFilter: () => {
+  },
+  setInputValue: () => {
+  },
+  activeDescendant: void 0,
+  dropdownOpen: !1,
+  setDropdownOpen: () => {
+  },
+  closeDropdown: () => {
+  },
+  dropdownListId: "",
+  suggestRef: { current: null },
+  dropdownRef: { current: null }
+});
+function u() {
+  return t(n);
+}
+export {
+  n as SuggestContext,
+  u as useSuggestContext
+};
+//# sourceMappingURL=SuggestContext.js.map

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -0,0 +1,102 @@
+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-lbLsbKwC.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 "../Dropdown/mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader as O } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import "../Dropdown/mobile/DropdownMobileInner.js";
+import { DropdownMobileInput as L } from "../Dropdown/mobile/DropdownMobileInput.js";
+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 "../Typography/Caption.js";
+import { ETextSize as H, EFontType as j } from "../Typography/enums.js";
+const k = "suggestDropdownMobileBody__cfdff7fd", z = "suggestDropdownMobileNoOptionsText__7db55b4b", g = {
+  suggestDropdownMobileBody: k,
+  suggestDropdownMobileNoOptionsText: z
+}, po = () => {
+  const {
+    value: n,
+    options: s,
+    inputValue: i,
+    placeholder: u,
+    noOptionsText: a,
+    loading: b,
+    clearInputOnFocus: d,
+    dropdownListLoading: f,
+    onSelect: w,
+    onFilter: t,
+    onScrollEnd: l,
+    closeDropdown: p
+  } = F(), h = B(null), D = r(
+    (o) => {
+      if (l === void 0)
+        return;
+      const { clientHeight: y, scrollHeight: C, scrollTop: S } = o.target;
+      C - S === y && l();
+    },
+    [l]
+  ), M = r(() => p(), [p]), x = r(
+    (o) => {
+      t(o.target.value);
+    },
+    [t]
+  ), T = r(() => {
+    i.length !== 0 && d === !0 && t("");
+  }, [i.length, d, t]);
+  return /* @__PURE__ */ c(m, { children: [
+    /* @__PURE__ */ e(
+      O,
+      {
+        controlButtons: /* @__PURE__ */ c(m, { children: [
+          b && /* @__PURE__ */ e(v, {}),
+          /* @__PURE__ */ e(N, { onClick: M })
+        ] }),
+        children: /* @__PURE__ */ e(
+          L,
+          {
+            value: i,
+            placeholder: u,
+            autoFocus: !0,
+            onFocus: T,
+            onChange: x
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(I, { className: g.suggestDropdownMobileBody, onScroll: D, children: s.length === 0 ? /* @__PURE__ */ e(
+      E,
+      {
+        className: g.suggestDropdownMobileNoOptionsText,
+        type: j.PRIMARY,
+        size: H.B2,
+        tag: "div",
+        children: a
+      }
+    ) : /* @__PURE__ */ e(R, { loading: f, ref: h, children: s.map((o) => /* @__PURE__ */ e(
+      _,
+      {
+        id: o.id,
+        selected: o.id === (n == null ? void 0 : n.id),
+        onSelect: () => {
+          w(o);
+        },
+        children: o.content || o.label
+      },
+      o.id
+    )) }) })
+  ] });
+};
+export {
+  po as SuggestMobileDropdownContent
+};
+//# sourceMappingURL=SuggestMobileDropdownContent.js.map

package/components/Suggest/index.js

@@ -0,0 +1,8 @@
+import { SuggestContext as g, useSuggestContext as o } from "./SuggestContext.js";
+import { Suggest as s } from "./Suggest.js";
+export {
+  s as Suggest,
+  g as SuggestContext,
+  o as useSuggestContext
+};
+//# sourceMappingURL=index.js.map

package/components/Suggest/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/SuggestField/SuggestField.js

@@ -0,0 +1,63 @@
+import "./desktop/SuggestFieldDesktopDropdown.js";
+import { SuggestFieldDesktop as L } from "./desktop/SuggestFieldDesktop.js";
+import { SuggestFieldMobile as O } from "./mobile/SuggestFieldMobile.js";
+import "./mobile/SuggestFieldMobileDropdown.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-Ciw5Nm9X.js";
+import "./mobile/SuggestFieldMobileTarget.js";
+import { jsx as e } from "react/jsx-runtime";
+import { MobileView as h } from "../MobileView/MobileView.js";
+import { SuggestFieldTarget as j } from "./SuggestFieldTarget.js";
+const k = (t) => {
+  const {
+    status: r,
+    size: o,
+    value: i,
+    label: n,
+    loading: l,
+    options: g,
+    placeholder: a,
+    tooltipHint: p,
+    tooltipOpen: s,
+    dropdownListLoading: d,
+    clearInputOnFocus: u,
+    onSelect: m,
+    onFilter: c,
+    onScrollEnd: T,
+    onTargetInputFocus: f,
+    onTargetInputBlur: F,
+    renderTarget: S,
+    renderTargetInput: b,
+    renderTargetLabel: x,
+    renderTargetPostfix: I,
+    renderTargetPrefix: w
+  } = t;
+  return /* @__PURE__ */ e(h, { fallback: /* @__PURE__ */ e(L, { ...t }), children: /* @__PURE__ */ e(
+    O,
+    {
+      status: r,
+      size: o,
+      value: i,
+      options: g,
+      label: n,
+      placeholder: a,
+      dropdownHint: s ? p : "",
+      loading: l,
+      dropdownListLoading: d,
+      clearInputOnFocus: u,
+      onSelect: m,
+      onFilter: c,
+      onScrollEnd: T,
+      onTargetInputFocus: f,
+      onTargetInputBlur: F,
+      renderTarget: S,
+      renderTargetInput: b,
+      renderTargetLabel: x,
+      renderTargetPrefix: w,
+      renderTargetPostfix: I
+    }
+  ) });
+}, q = Object.assign(k, { Target: j });
+export {
+  q as SuggestField
+};
+//# sourceMappingURL=SuggestField.js.map

package/components/SuggestField/SuggestFieldTarget.js

@@ -0,0 +1,70 @@
+import { jsxs as B, jsx as o } from "react/jsx-runtime";
+import { FormField as E } from "../FormField/FormField.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import { FormFieldLabel as p } from "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldTarget.js";
+import { F as d } from "../../chunks/FormFieldInput-BoG8X8Sc.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import { FormFieldPrefix as l } from "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTextarea.js";
+import { EFormFieldStatus as O } from "../FormField/enums.js";
+import { SuggestFieldTargetPostfix as n } from "./SuggestFieldTargetPostfix.js";
+import { DataTestId as $ } from "../../consts/DataTestId.js";
+const w = ({
+  size: t,
+  status: i,
+  inputValue: c,
+  label: F,
+  placeholder: f,
+  "aria-controls": g,
+  "aria-activedescendant": u,
+  dataTestId: r,
+  loading: x,
+  dropdownOpen: A,
+  onFocus: v,
+  onBlur: b,
+  onClick: S,
+  onChange: P,
+  onClear: j,
+  renderInput: m,
+  renderLabel: e,
+  renderPrefix: a,
+  renderPostfix: s,
+  ...D
+}) => {
+  const I = a === void 0 ? l : a, L = e === void 0 ? p : e, T = m === void 0 ? d : m, h = s === void 0 ? n : s;
+  return /* @__PURE__ */ B(E, { size: t, status: i, ...D, children: [
+    /* @__PURE__ */ o(I, {}),
+    /* @__PURE__ */ o(L, { children: F }),
+    /* @__PURE__ */ o(
+      T,
+      {
+        value: c,
+        placeholder: f,
+        role: "combobox",
+        "aria-controls": g,
+        "aria-activedescendant": u,
+        "data-test-id": r && `${r}${$.Suggest.input}`,
+        disabled: i === O.DISABLED,
+        onFocus: v,
+        onBlur: b,
+        onClick: S,
+        onChange: P
+      }
+    ),
+    /* @__PURE__ */ o(h, { size: t, loading: x, onClear: j })
+  ] });
+}, X = Object.assign(w, {
+  Input: d,
+  Label: p,
+  Prefix: l,
+  Postfix: n
+});
+export {
+  X as SuggestFieldTarget,
+  w as SuggestFieldTargetBase
+};
+//# sourceMappingURL=SuggestFieldTarget.js.map

package/components/SuggestField/SuggestFieldTargetPostfix.js

@@ -0,0 +1,28 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import a from "react";
+import "../FormField/FormFieldContext.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldLabel.js";
+import { FormFieldClear as f } from "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldTarget.js";
+import "../../chunks/FormFieldInput-BoG8X8Sc.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import { FormFieldPostfix as s } from "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTextarea.js";
+import { LoaderSmall as d } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as g } from "../Loader/LoaderSmall/enum.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+const x = a.forwardRef(
+  ({ children: r, size: m, loading: t, onClear: i, ...e }, p) => /* @__PURE__ */ l(s, { ...e, ref: p, children: [
+    /* @__PURE__ */ o(f, { onClick: i }),
+    t && /* @__PURE__ */ o(d, { theme: g.BRAND, size: m }),
+    r
+  ] })
+);
+x.displayName = "SuggestFieldTargetPostfix";
+export {
+  x as SuggestFieldTargetPostfix
+};
+//# sourceMappingURL=SuggestFieldTargetPostfix.js.map

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -0,0 +1,197 @@
+import { SuggestFieldDesktopDropdown as ft } from "./SuggestFieldDesktopDropdown.js";
+import { jsxs as q, jsx as f } from "react/jsx-runtime";
+import { useState as g, useRef as k, useCallback as s, useEffect as P } from "react";
+import { a as gt, E as ht, c as Dt } from "../../../chunks/vendor-BlJo2ILB.js";
+import { Tooltip as x } from "../../Tooltip/Tooltip.js";
+import { ETooltipSize as bt } from "../../Tooltip/enums.js";
+import { SuggestFieldTarget as ut } from "../SuggestFieldTarget.js";
+import "../../FormField/FormFieldContext.js";
+import { EFormFieldStatus as St } from "../../FormField/enums.js";
+import "../../FormField/components/FormFieldDescription.js";
+import "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldLabel.js";
+import "../../FormField/components/FormFieldClear.js";
+import "../../FormField/components/FormFieldTarget.js";
+import "../../../chunks/FormFieldInput-BoG8X8Sc.js";
+import "../../FormField/components/FormFieldMaskedInput.js";
+import "../../FormField/components/FormFieldPostfix.js";
+import "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTextarea.js";
+import "../../Dropdown/Dropdown.js";
+import { DropdownListContext as kt } from "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-lbLsbKwC.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import "../../Dropdown/mobile/DropdownMobileBody.js";
+import "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import "../../Dropdown/mobile/DropdownMobileList.js";
+import "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../Loader/LoaderSmall/LoaderSmall.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { DataTestId as wt } from "../../../consts/DataTestId.js";
+const Lt = "suggestFieldDesktop__47b02f7e", Ct = {
+  suggestFieldDesktop: Lt
+}, Et = ({
+  className: z,
+  value: e,
+  options: p,
+  size: y,
+  status: F,
+  label: v,
+  placeholder: B,
+  loading: G,
+  dropdownListLoading: J,
+  tooltipHint: K,
+  tooltipOpen: Q,
+  clearInputOnFocus: R,
+  onSelect: d,
+  onFilter: h,
+  onScrollEnd: A,
+  onTargetInputFocus: D,
+  onTargetInputBlur: b,
+  renderTarget: N,
+  renderTargetInput: U,
+  renderTargetLabel: V,
+  renderTargetPrefix: W,
+  renderTargetPostfix: X,
+  renderDropdown: H,
+  renderDropdownList: Y,
+  renderDropdownListItem: Z,
+  "data-test-id": c,
+  ...T
+}) => {
+  const [m, l] = g((e == null ? void 0 : e.label) || ""), [u, w] = g(), [i, M] = g(!1), [o, n] = g(!1), [O, S] = g(!1), j = k(gt()), L = k(null), _ = k(null), C = k(A);
+  C.current = A;
+  const I = s(
+    (t) => {
+      l((t == null ? void 0 : t.label) || ""), w(void 0), n(!1), S(!0), d(t);
+    },
+    [d]
+  ), tt = s(
+    (t) => {
+      M(!0), n(!0), R && m.length !== 0 && l(""), D == null || D(t);
+    },
+    [R, m, D]
+  ), et = s(
+    (t) => {
+      w(void 0), M(!1), n(!1), S(!1), m.length !== 0 ? l((e == null ? void 0 : e.label) || "") : d(void 0), b == null || b(t);
+    },
+    [e == null ? void 0 : e.label, m, d, b]
+  ), ot = s(() => {
+    i && !o && (n(!0), S(!1));
+  }, [i, o]), rt = s(
+    (t) => {
+      const r = t.target.value;
+      l(r), S(!1), h(r);
+    },
+    [h]
+  ), st = s(() => {
+    i ? (l(""), h("")) : d(void 0);
+  }, [i, h, d]), it = s(
+    (t) => {
+      u !== t && w(t);
+    },
+    [u]
+  ), E = s(
+    ht((t) => {
+      if (C.current === void 0)
+        return;
+      const r = t.target, a = r.parentElement;
+      if (a === null)
+        return;
+      const dt = r.scrollHeight, lt = r.scrollTop, pt = a.scrollHeight, $ = window.getComputedStyle(a), ct = $.getPropertyValue("padding-top"), mt = $.getPropertyValue("padding-bottom"), at = Number.parseInt(mt) + Number.parseInt(ct);
+      Math.abs(lt + pt - at - dt) <= 1 && C.current();
+    }, 100),
+    []
+  );
+  P(() => {
+    l((e == null ? void 0 : e.label) || "");
+  }, [e]), P(() => {
+    i && (o && p.length === 0 ? n(!1) : !o && !O && p.length !== 0 && n(!0));
+  }, [i, o, O, p.length]), P(() => {
+    if (o) {
+      const t = _.current;
+      return t && t.addEventListener("scroll", E), () => {
+        t && t.removeEventListener("scroll", E);
+      };
+    }
+  }, [o, E]);
+  const nt = () => {
+    const t = Dt(Ct.suggestFieldDesktop, "hoverable", z), r = N === void 0 ? ut : N, a = H === void 0 ? ft : H;
+    return /* @__PURE__ */ f("div", { className: t, "data-test-id": c, ...T, ref: L, children: /* @__PURE__ */ q(
+      kt.Provider,
+      {
+        value: { activeDescendant: u, setActiveDescendant: it },
+        children: [
+          /* @__PURE__ */ f(
+            r,
+            {
+              size: y,
+              status: F,
+              inputValue: m,
+              label: v,
+              placeholder: B,
+              "aria-controls": j.current,
+              "aria-activedescendant": u,
+              loading: G,
+              dropdownOpen: o,
+              onFocus: tt,
+              onBlur: et,
+              onClick: ot,
+              onChange: rt,
+              onClear: st,
+              renderInput: U,
+              renderLabel: V,
+              renderPrefix: W,
+              renderPostfix: X,
+              dataTestId: c
+            }
+          ),
+          /* @__PURE__ */ f(
+            a,
+            {
+              value: e,
+              options: p,
+              size: y,
+              listId: j.current,
+              opened: o && p.length > 0,
+              listLoading: J,
+              listRef: _,
+              onSelect: I,
+              renderList: Y,
+              renderListItem: Z,
+              setOpened: n,
+              targetRef: L,
+              dataTestId: c
+            }
+          )
+        ]
+      }
+    ) });
+  };
+  return /* @__PURE__ */ q(
+    x,
+    {
+      size: bt.SM,
+      isOpen: !!(Q && i) && F !== St.DISABLED,
+      toggle: () => {
+      },
+      targetRef: L,
+      disableAdaptiveMode: !0,
+      children: [
+        /* @__PURE__ */ f(x.Body, { "data-test-id": c && `${c}${wt.Suggest.tooltip}`, children: K }),
+        /* @__PURE__ */ f(x.Target, { children: nt() })
+      ]
+    }
+  );
+};
+Et.displayName = "SuggestFieldDesktop";
+export {
+  Et as SuggestFieldDesktop
+};
+//# sourceMappingURL=SuggestFieldDesktop.js.map