@sberbusiness/triplex-next 1.1.0 → 1.2.0

package/components/Stepper/StepperExtended.js

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+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-CehxOAkM.js";
+const b = "stepperExtended__2bec12e3", h = {
+  stepperExtended: b
+}, t = ({
+  children: r,
+  className: p,
+  size: o = a.SM,
+  onSelectStep: s,
+  selectedStepId: d,
+  forwardedRef: n,
+  ...c
+}) => {
+  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", ...c, ref: n, children: r }) });
+};
+t.Step = f;
+t.Wrapper = x;
+export {
+  t as StepperExtended
+};
+//# sourceMappingURL=StepperExtended.js.map

package/components/Stepper/StepperExtendedContext.js

@@ -0,0 +1,12 @@
+import e from "react";
+import { EStepperSize as t } from "./enums.js";
+const r = e.createContext({
+  size: t.SM,
+  onSelectStep: () => {
+  },
+  selectedId: void 0
+});
+export {
+  r as StepperExtendedContext
+};
+//# sourceMappingURL=StepperExtendedContext.js.map

package/components/Stepper/StepperStep.js

@@ -0,0 +1,88 @@
+import { jsxs as I, jsx as y } from "react/jsx-runtime";
+import { useContext as V, useState as W, useRef as k } from "react";
+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-CehxOAkM.js";
+import { s as t, R as F } from "../../chunks/RightBorderArrow-BA2_2Ry3.js";
+import { EStepperSize as h, EStepperStepType as j } from "./enums.js";
+const H = ({
+  children: x,
+  className: z,
+  id: c,
+  isInActiveStep: R,
+  onFocus: m,
+  onBlur: a,
+  onKeyDown: i,
+  onMouseDown: f,
+  onClick: l,
+  disabled: r,
+  icon: g,
+  forwardedRef: o,
+  type: O,
+  ...G
+}) => {
+  const { selectedId: T, size: n, onSelectStep: S } = V(D), [u, E] = W(s.NONE), p = k(null), N = c === T, Y = C(
+    t.stepperStep,
+    {
+      [t.active]: N,
+      [t.inactive]: R,
+      [t.completed]: !N && !R,
+      [t.disabled]: !!r,
+      [t.nonempty]: !!x,
+      [t.error]: !r && O === j.ERROR,
+      [t.warning]: !r && O === j.WARNING,
+      [t.focusVisible]: u === s.KEYBOARD,
+      [t.sm]: n === h.SM,
+      [t.md]: n === h.MD,
+      [t.lg]: n === h.LG
+    },
+    z
+  ), v = (e) => {
+    !u && p.current === e.target && E(s.KEYBOARD), m == null || m(e);
+  }, B = (e) => {
+    p.current !== document.activeElement && p.current === e.target && E(s.NONE), a == null || a(e);
+  }, K = (e) => {
+    const d = e.code || e.keyCode;
+    A(d, "ENTER") ? r || S(c) : A(d, "SPACE") && (e.preventDefault(), r || S(c)), i == null || i(e);
+  }, L = (e) => {
+    u || E(s.MOUSE), f == null || f(e);
+  }, M = (e) => {
+    r || S(c), l == null || l(e);
+  }, P = (e) => {
+    p.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
+  }, U = () => {
+    const e = C(t.icon, "hoverable", { disabled: !!r });
+    return /* @__PURE__ */ y("span", { className: e, children: g });
+  };
+  return /* @__PURE__ */ I(
+    "li",
+    {
+      className: Y,
+      onFocus: v,
+      onBlur: B,
+      onKeyDown: K,
+      onMouseDown: L,
+      onClick: M,
+      tabIndex: r ? -1 : 0,
+      "aria-disabled": r,
+      "aria-current": N || void 0,
+      role: "button",
+      ...G,
+      ref: P,
+      children: [
+        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "1.2.0", children: [
+          g && U(),
+          x
+        ] }),
+        /* @__PURE__ */ y(F, { size: n })
+      ]
+    }
+  );
+};
+H.Icon = q;
+export {
+  H as StepperStep
+};
+//# sourceMappingURL=StepperStep.js.map

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-CehxOAkM.js";
+const o = "stepperWrapper__46581769", 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.2.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/SuggestField/SuggestField.js

@@ -0,0 +1,64 @@
+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-Dz-VDDoR.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";
+function k(t) {
+  const {
+    status: r,
+    size: o,
+    value: i,
+    label: n,
+    loading: l,
+    options: g,
+    placeholder: a,
+    tooltipHint: p,
+    tooltipOpen: d,
+    dropdownListLoading: s,
+    clearInputOnFocus: u,
+    onSelect: m,
+    onFilter: c,
+    onScrollEnd: f,
+    onTargetInputFocus: T,
+    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: d ? p : "",
+      loading: l,
+      dropdownListLoading: s,
+      clearInputOnFocus: u,
+      onSelect: m,
+      onFilter: c,
+      onScrollEnd: f,
+      onTargetInputFocus: T,
+      onTargetInputBlur: F,
+      renderTarget: S,
+      renderTargetInput: b,
+      renderTargetLabel: x,
+      renderTargetPrefix: w,
+      renderTargetPostfix: I
+    }
+  ) });
+}
+const q = Object.assign(k, { Target: j });
+export {
+  q as SuggestField
+};
+//# sourceMappingURL=SuggestField.js.map

package/components/SuggestField/SuggestFieldTarget.js

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

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -0,0 +1,76 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Dropdown as $ } from "../../Dropdown/Dropdown.js";
+import "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList as h } from "../../Dropdown/desktop/DropdownList.js";
+import { D as C } from "../../../chunks/DropdownListItem-B1GkU8rn.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 { EVENT_KEY_CODES as L } from "../../../utils/keyboard.js";
+import { DataTestId as d } from "../../../consts/DataTestId.js";
+const _ = [L.ENTER], G = ({
+  size: e,
+  value: t,
+  options: i,
+  targetRef: s,
+  listId: c,
+  dataTestId: r,
+  opened: p,
+  listLoading: E,
+  listRef: x,
+  renderList: n,
+  renderListItem: D,
+  onSelect: f,
+  setOpened: l,
+  ...w
+}) => {
+  const S = n === void 0 ? h : n, g = D === void 0 ? C : D;
+  return /* @__PURE__ */ m(
+    $,
+    {
+      size: e,
+      targetRef: s,
+      "data-test-id": r && `${r}${d.Suggest.dropdown}`,
+      opened: p,
+      fixedWidth: !0,
+      setOpened: l,
+      ...w,
+      children: /* @__PURE__ */ m(
+        S,
+        {
+          id: c,
+          size: e,
+          dropdownOpened: p,
+          loading: E,
+          onMouseDown: (o) => o.preventDefault(),
+          children: i == null ? void 0 : i.map((o) => /* @__PURE__ */ m(
+            g,
+            {
+              id: o.id,
+              keyCodesForSelection: _,
+              "data-test-id": r && `${r}${d.Suggest.dropdown}${d.Dropdown.listItem}`,
+              selected: o.id === (t == null ? void 0 : t.id),
+              onMouseDown: (u) => u.preventDefault(),
+              onSelect: () => f(o),
+              children: o.content || o.label
+            },
+            o.id
+          ))
+        }
+      )
+    }
+  );
+};
+export {
+  G as SuggestFieldDesktopDropdown
+};
+//# sourceMappingURL=SuggestFieldDesktopDropdown.js.map

package/components/SuggestField/desktop/index.js

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

package/components/SuggestField/desktop/types.js

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

package/components/SuggestField/index.js

@@ -0,0 +1,17 @@
+import { SuggestFieldDesktopDropdown as r } from "./desktop/SuggestFieldDesktopDropdown.js";
+import { SuggestFieldDesktop as g } from "./desktop/SuggestFieldDesktop.js";
+import { SuggestFieldMobile as p } from "./mobile/SuggestFieldMobile.js";
+import { SuggestFieldMobileDropdown as d } from "./mobile/SuggestFieldMobileDropdown.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-Dz-VDDoR.js";
+import { SuggestFieldMobileTarget as m } from "./mobile/SuggestFieldMobileTarget.js";
+import { SuggestField as x } from "./SuggestField.js";
+export {
+  x as SuggestField,
+  g as SuggestFieldDesktop,
+  r as SuggestFieldDesktopDropdown,
+  p as SuggestFieldMobile,
+  d as SuggestFieldMobileDropdown,
+  S as SuggestFieldMobileDropdownHint,
+  m as SuggestFieldMobileTarget
+};
+//# sourceMappingURL=index.js.map