@reportportal/ui-kit 0.0.1-alpha.26 → 0.0.1-alpha.260

package/dist/autocompletes.js

@@ -0,0 +1,899 @@
+import { jsx as r, jsxs as B, Fragment as he } from "react/jsx-runtime";
+import { useState as ne, useRef as Ce, useEffect as we, useCallback as K, forwardRef as je, useLayoutEffect as He, useMemo as We } from "react";
+import { c as G } from "./bind-06a7ff84.js";
+import { Scrollbars as Ye } from "rc-scrollbars";
+import { B as Ke } from "./bubblesLoader-f3ffa240.js";
+import { B as Xe } from "./button-7ab874f3.js";
+import { S as Ge } from "./plus-199fb2a8.js";
+import { i as Me } from "./isEmpty-ccacb5ff.js";
+import { createPortal as Je } from "react-dom";
+import _e from "downshift";
+import { useFloating as Be, autoUpdate as Oe, flip as Qe, size as Ze } from "@floating-ui/react";
+import { F as qe } from "./fieldText-9d847bec.js";
+import { S as Te } from "./dropdown-0260bb66.js";
+import { E as $e, A as Ue, T as Ve } from "./constants-85822a6b.js";
+import { S as et } from "./close-4d480ef7.js";
+import { S as tt } from "./clear-53660571.js";
+import "./capslockIcon-b100b9d6.js";
+import "./baseIconButton-251479f7.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "./useCapsLock-428c77b6.js";
+import "./tooltip.js";
+import "./floatingUi-46f5b896.js";
+const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {
+  "selected-item": "_selected-item_1rpph_16",
+  "validation-error": "_validation-error_1rpph_35",
+  "highlight-un-stored-item": "_highlight-un-stored-item_1rpph_40",
+  disabled: ot,
+  "mobile-disabled": "_mobile-disabled_1rpph_48",
+  "selected-item-text": "_selected-item-text_1rpph_54",
+  "single-line": "_single-line_1rpph_58",
+  "cross-icon": "_cross-icon_1rpph_64",
+  input: st
+}, pe = G.bind(nt), rt = (t) => t.scrollWidth > t.clientWidth, lt = ({
+  item: t,
+  onRemoveItem: e,
+  disabled: n = !1,
+  mobileDisabled: o = !1,
+  parseValueToString: s,
+  error: l = !1,
+  editItem: h,
+  editable: d = !1,
+  getAdditionalCreationCondition: b = () => !0,
+  storedOption: N = !0,
+  highlightUnStoredItem: f = !1,
+  variant: R = "light",
+  getItemName: C,
+  singleLine: m = !1,
+  className: F,
+  textClassName: P
+}) => {
+  const [y, E] = ne(!1), [L, O] = ne(""), [c, i] = ne(!1), a = Ce(null), p = () => {
+    !n && d && !N && (O((C == null ? void 0 : C(t)) || (s == null ? void 0 : s(t)) || ""), E(!0));
+  }, g = (x) => {
+    O(x.target.value);
+  }, S = (x) => {
+    const $ = b(L);
+    x.key === "Enter" && $ && (h(t, L), E(!1), O(""));
+  }, _ = () => {
+    E(!1), O("");
+  }, k = (x) => {
+    x.stopPropagation(), e(t);
+  }, M = (s == null ? void 0 : s(t)) || "";
+  we(() => {
+    if (a.current && m) {
+      const x = () => {
+        a.current && i(rt(a.current));
+      };
+      if (x(), typeof ResizeObserver < "u") {
+        const $ = new ResizeObserver(x);
+        return $.observe(a.current), () => $.disconnect();
+      }
+    } else
+      i(!1);
+  }, [M, m]);
+  const A = pe(
+    "selected-item-text",
+    {
+      "single-line": m
+    },
+    P
+  ), H = pe(
+    "selected-item",
+    R,
+    {
+      [`validation-${l}`]: l,
+      disabled: n,
+      "mobile-disabled": o,
+      "highlight-un-stored-item": f && !N
+    },
+    F
+  );
+  return y ? /* @__PURE__ */ r(
+    "input",
+    {
+      autoFocus: !0,
+      value: L,
+      onChange: g,
+      onKeyDown: S,
+      onBlur: _,
+      className: pe("input")
+    }
+  ) : /* @__PURE__ */ B("div", { className: H, onClick: p, children: [
+    /* @__PURE__ */ r(
+      "span",
+      {
+        ref: a,
+        className: A,
+        title: m && c ? M : void 0,
+        children: M
+      }
+    ),
+    !n && /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: pe("cross-icon", {
+          [`validation-${l}`]: l,
+          "mobile-disabled": o,
+          disabled: n
+        }),
+        onClick: k,
+        children: /* @__PURE__ */ r(et, {})
+      }
+    )
+  ] });
+}, ct = ({
+  items: t = [],
+  parseValueToString: e,
+  getItemValidationErrorType: n,
+  storedItemsMap: o = {},
+  highlightUnStoredItem: s = !1,
+  renderCustomSelectedItem: l,
+  selectedItemSingleLine: h,
+  selectedItemClassName: d,
+  selectedItemTextClassName: b,
+  ...N
+}) => t.map((f) => l ? l(f) : /* @__PURE__ */ r(
+  lt,
+  {
+    parseValueToString: e,
+    error: (n == null ? void 0 : n(f)) || "",
+    item: f,
+    storedOption: !!o[e(f)],
+    highlightUnStoredItem: s,
+    singleLine: h,
+    className: d,
+    textClassName: b,
+    ...N
+  },
+  e == null ? void 0 : e(f)
+)), it = "_prompt_1xfmd_16", at = {
+  prompt: it
+}, dt = G.bind(at), ut = ({ children: t = null }) => /* @__PURE__ */ r("div", { className: dt("prompt"), children: t }), mt = "_item_zw4ux_16", pt = "_divider_zw4ux_24", ft = "_active_zw4ux_49", _t = "_value_zw4ux_55", ht = "_tag_zw4ux_69", wt = "_disabled_zw4ux_80", vt = {
+  item: mt,
+  divider: pt,
+  "new-item": "_new-item_zw4ux_31",
+  active: ft,
+  value: _t,
+  "key-variant": "_key-variant_zw4ux_66",
+  tag: ht,
+  "button-active": "_button-active_zw4ux_80",
+  disabled: wt,
+  "value-variant": "_value-variant_zw4ux_100"
+}, V = G.bind(vt), Fe = ({
+  isActive: t = !1,
+  isSelected: e = !1,
+  isNew: n = !1,
+  children: o = null,
+  disabled: s = !1,
+  optionVariant: l = "",
+  newItemButtonText: h = "",
+  ...d
+}) => {
+  const b = () => h || (l === "key-variant" ? "New key" : "New value");
+  return n ? /* @__PURE__ */ B(he, { children: [
+    /* @__PURE__ */ r("div", { className: V("divider") }),
+    /* @__PURE__ */ B(
+      "li",
+      {
+        className: V("new-item", l, {
+          active: t,
+          selected: e,
+          disabled: s
+        }),
+        ...d,
+        children: [
+          /* @__PURE__ */ r("span", { className: V("value"), children: o }),
+          /* @__PURE__ */ r(
+            Xe,
+            {
+              ...!s && d,
+              className: V({ "button-active": t }),
+              icon: /* @__PURE__ */ r(Ge, {}),
+              variant: "text",
+              children: b()
+            }
+          )
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ r(
+    "li",
+    {
+      className: V("item", l, {
+        active: t,
+        selected: e,
+        disabled: s
+      }),
+      ...s ? {} : d,
+      children: /* @__PURE__ */ r("span", { className: V("label", "tag"), children: o })
+    }
+  );
+}, bt = "_container_12uzd_16", yt = {
+  container: bt,
+  "empty-list-message": "_empty-list-message_12uzd_20",
+  "limitation-item": "_limitation-item_12uzd_28"
+}, fe = G.bind(yt), gt = (t) => {
+  const {
+    options: e,
+    async: n,
+    inputValue: o,
+    loading: s,
+    createWithoutConfirmation: l,
+    customEmptyListMessage: h,
+    customNoMatchesMessage: d,
+    optionVariant: b,
+    newItemButtonText: N,
+    renderOption: f,
+    getUniqKey: R,
+    getItemProps: C,
+    parseValueToString: m,
+    limitationText: F = "Too many results. Type to search",
+    optionsLimit: P = 0,
+    shouldShowEmptyListMessage: y = !0
+  } = t, E = K(() => (e || []).filter((_) => m(_).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, m]), L = K(
+    (_, k, M = !1) => f ? f(_, k, M, C) : /* @__PURE__ */ r(
+      Fe,
+      {
+        optionVariant: b,
+        ...C({ item: _, index: k }),
+        isNew: M,
+        newItemButtonText: N,
+        children: m(_)
+      },
+      (R == null ? void 0 : R(_)) || m(_)
+    ),
+    [C, R, N, b, m, f]
+  ), O = K(
+    (_) => _.length ? _.map((k, M) => L(k, M)) : "",
+    [L]
+  ), c = K(
+    (_) => {
+      const k = _.length;
+      return /* @__PURE__ */ r("div", { className: fe({ container: !k }), children: /* @__PURE__ */ r(
+        Fe,
+        {
+          optionVariant: b,
+          isNew: !0,
+          newItemButtonText: N,
+          ...C({ item: o, index: k }),
+          children: m(o)
+        },
+        m(o)
+      ) });
+    },
+    [C, o, N, b, m]
+  ), i = K(
+    (_) => s ? /* @__PURE__ */ B(he, { children: [
+      /* @__PURE__ */ r(ut, { children: /* @__PURE__ */ r(Ke, {}) }),
+      !l && c(_)
+    ] }) : "",
+    [l, s, c]
+  ), a = K(() => {
+    const _ = (e == null ? void 0 : e.length) === 0 ? h || "No available options" : d || "No matches found";
+    return /* @__PURE__ */ r("div", { className: fe("empty-list-message"), children: _ });
+  }, [h, d, e == null ? void 0 : e.length]), p = n ? e : E(), g = i(e);
+  if (g)
+    return g;
+  const S = Me(p);
+  return S && !y && l ? null : /* @__PURE__ */ B("div", { className: fe({ container: e.length }), children: [
+    /* @__PURE__ */ B(Ye, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
+      S ? y && a() : O(p),
+      (p == null ? void 0 : p.length) > P && P > 0 && F ? /* @__PURE__ */ r("li", { className: fe("limitation-item"), "aria-hidden": "true", children: F }) : null
+    ] }),
+    !l && c(p)
+  ] });
+}, xt = "_menu_f64z5_16", Nt = "_opened_f64z5_34", Et = "_dark_f64z5_37", It = {
+  menu: xt,
+  opened: Nt,
+  dark: Et
+}, St = G.bind(It), kt = (t, e) => !t || t <= e.trim().length, De = je(
+  ({
+    isOpen: t = !1,
+    style: e = {},
+    minLength: n = 1,
+    isDropdownMode: o,
+    inputValue: s = "",
+    className: l = "",
+    portalMenuAttribute: h = null,
+    ...d
+  }, b) => /* @__PURE__ */ r(
+    "ul",
+    {
+      ref: b,
+      className: St(
+        "menu",
+        { opened: t && (o || kt(n, s)) },
+        l
+      ),
+      style: e,
+      ...h ? { [h]: "" } : {},
+      children: /* @__PURE__ */ r(gt, { inputValue: s, ...d })
+    }
+  )
+), Le = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", ee = (t, e) => {
+  var o;
+  return t === e ? !0 : !!(t && e && typeof t == "object" && typeof e == "object" && Object.keys(t).length === Object.keys(e).length && ((o = Object.entries(t)) != null && o.every(([s, l]) => ee(l, e[s]))));
+}, At = (t, e, n) => typeof t == "string" ? t === e : n ? (() => {
+  const o = n(t);
+  return t[o] === e[o];
+})() : !1, Ct = ({
+  options: t = [],
+  onChange: e,
+  selectedItems: n = [],
+  handleUnStoredItemCb: o = null,
+  existingItemsMap: s = {},
+  children: l,
+  customizeNewSelectedValue: h = (f) => f,
+  getOptionUniqKey: d,
+  getOptionUniqKeyValue: b,
+  ...N
+}) => {
+  const [f, R] = ne(s), C = (c, i) => {
+    const a = {
+      ...f
+    };
+    c.forEach((p) => {
+      if (t.find((g) => At(g, p, d))) {
+        const g = Le(p, d);
+        a[g] = !0;
+      }
+    }), R(a), i(a);
+  }, m = (c, i) => {
+    const a = Le(c, d);
+    if (a in f) {
+      const p = { ...f };
+      delete p[a], R(p), i(p);
+    } else
+      i(f);
+  }, F = (c, i) => {
+    const S = (Array.isArray(c) ? c : [c]).map((A) => h(A)).flatMap((A) => Array.isArray(A) ? A : [A]).filter(
+      (A, H, x) => x.findIndex(($) => ee($, A)) === H
+    );
+    if (!S || S.length === 0)
+      return;
+    const k = [...n.filter(
+      (A) => !S.some((H) => ee(H, A))
+    ), ...S];
+    e == null || e(k, i), C(S, (A) => o == null ? void 0 : o(k, A));
+  }, P = (c, i) => {
+    const a = n.indexOf(c), p = [...n];
+    p.splice(a, 1, i), e == null || e(p, null);
+  }, y = (c, i) => {
+    const a = n.filter((g) => !ee(g, c));
+    e == null || e(a, i), m(c, (g) => o == null ? void 0 : o(a, g));
+  }, E = (c, i) => {
+    c && F(c, i);
+  }, L = (c) => ({
+    removeItem: y,
+    editItem: P,
+    handleChange: e,
+    getOptionUniqKeyValue: b,
+    storedItemsMap: f,
+    batchAddItems: (a) => {
+      F(a, c);
+    },
+    ...c
+  });
+  return /* @__PURE__ */ r(
+    _e,
+    {
+      ...N,
+      stateReducer: (c, i) => {
+        switch (i.type) {
+          case _e.stateChangeTypes.keyDownEnter:
+          case _e.stateChangeTypes.clickItem:
+            return {
+              ...i,
+              highlightedIndex: c.highlightedIndex,
+              inputValue: ""
+            };
+          default:
+            return i;
+        }
+      },
+      onChange: E,
+      selectedItem: null,
+      children: (c) => l == null ? void 0 : l(L(c))
+    }
+  );
+}, Mt = "_autocomplete_1so4a_16", zt = "_disabled_1so4a_32", Rt = "_error_1so4a_35", Ft = "_touched_1so4a_35", Lt = "_input_1so4a_77", Pt = {
+  autocomplete: Mt,
+  "autocomplete-wrapper": "_autocomplete-wrapper_1so4a_28",
+  disabled: zt,
+  error: Rt,
+  touched: Ft,
+  "clear-icon": "_clear-icon_1so4a_46",
+  "clear-icon--disabled": "_clear-icon--disabled_1so4a_56",
+  "autocomplete-input": "_autocomplete-input_1so4a_60",
+  "single-line-mode": "_single-line-mode_1so4a_68",
+  "mobile-disabled": "_mobile-disabled_1so4a_72",
+  input: Lt,
+  "type-number": "_type-number_1so4a_101",
+  "error-text": "_error-text_1so4a_112",
+  "dropdown-button": "_dropdown-button_1so4a_121",
+  "icon-reversed": "_icon-reversed_1so4a_129"
+}, X = G.bind(Pt), ho = (t) => {
+  const {
+    options: e = [],
+    loading: n = !1,
+    onStateChange: o = () => {
+    },
+    value: s = [],
+    placeholder: l = "",
+    error: h = "",
+    touched: d = !1,
+    creatable: b = !1,
+    editable: N = !1,
+    onChange: f = () => {
+    },
+    onFocus: R = () => {
+    },
+    onBlur: C = () => {
+    },
+    disabled: m = !1,
+    isDropdownMode: F = !1,
+    mobileDisabled: P = !1,
+    inputProps: y = {},
+    parseValueToString: E = (u) => u == null ? "" : String(u),
+    maxLength: L = null,
+    async: O = !1,
+    customClass: c = "",
+    createWithoutConfirmation: i = !1,
+    getItemValidationErrorType: a = null,
+    clearItemsError: p = () => {
+    },
+    getAdditionalCreationCondition: g = () => !0,
+    highlightUnStoredItem: S = !1,
+    parseInputValueFn: _ = null,
+    handleUnStoredItemCb: k = null,
+    dataAutomationId: M = "",
+    existingItemsMap: A = {},
+    customizeNewSelectedValue: H = (u) => u,
+    renderCustomSelectedItem: x,
+    useFixedPositioning: $,
+    newItemButtonText: re = "",
+    menuClassName: ve = "",
+    selectedItemSingleLine: Y,
+    selectedItemClassName: be,
+    selectedItemTextClassName: le,
+    ...ce
+  } = t, { refs: ie, floatingStyles: ye } = Be({
+    placement: "bottom-start",
+    strategy: $ ? "fixed" : "absolute",
+    whileElementsMounted: Oe
+  }), J = s.length === 0 && !m ? l : "", te = Ce(null);
+  we(() => {
+    p();
+  }, [p, s]);
+  const ge = (u, I) => {
+    f(u, I);
+  }, xe = (u, I, z) => ({ item: v, index: T, ...Z }) => u({
+    item: v,
+    index: T,
+    isSelected: z.some((oe) => ee(oe, v)),
+    ...Z,
+    isActive: I === T
+  }), Ne = ({
+    event: u,
+    removeItem: I,
+    inputValue: z
+  }) => {
+    u.key === "Backspace" && !z && s.length && I(s[s.length - 1], null);
+  }, w = ({
+    inputValue: u,
+    selectItem: I,
+    clearSelection: z,
+    batchAddItems: v
+  }) => {
+    if (_) {
+      const T = _(u);
+      v(T.length ? T : [u]), z();
+    } else
+      I(u), z();
+  }, W = (u) => (I) => {
+    u(I, null), te.current && te.current.focus();
+  }, Q = e.filter((u) => s.every((I) => !ee(I, u)));
+  return /* @__PURE__ */ r(
+    Ct,
+    {
+      onChange: ge,
+      itemToString: E,
+      selectedItems: s,
+      onStateChange: o,
+      options: e,
+      existingItemsMap: A,
+      handleUnStoredItemCb: k,
+      customizeNewSelectedValue: H,
+      children: ({
+        getInputProps: u,
+        getItemProps: I,
+        isOpen: z,
+        inputValue: v = "",
+        highlightedIndex: T,
+        removeItem: Z,
+        editItem: oe,
+        openMenu: q,
+        selectItem: se,
+        clearSelection: ae,
+        toggleMenu: Ee,
+        storedItemsMap: U,
+        getRootProps: Ie,
+        batchAddItems: de
+      }) => {
+        const ze = Ie(void 0, { suppressRefError: !0 }), ue = v ?? "";
+        return /* @__PURE__ */ B("div", { ...ze, className: X("autocomplete-wrapper"), children: [
+          /* @__PURE__ */ B(he, { children: [
+            /* @__PURE__ */ B(
+              "div",
+              {
+                ref: ie.setReference,
+                className: X("autocomplete", c, {
+                  "mobile-disabled": P,
+                  error: h,
+                  touched: d,
+                  disabled: m
+                }),
+                children: [
+                  /* @__PURE__ */ B(
+                    "div",
+                    {
+                      className: X("autocomplete-input", {
+                        "mobile-disabled": P,
+                        "single-line-mode": Y
+                      }),
+                      children: [
+                        /* @__PURE__ */ r(
+                          ct,
+                          {
+                            items: s,
+                            onRemoveItem: W(Z),
+                            disabled: m,
+                            mobileDisabled: P,
+                            parseValueToString: E,
+                            getItemValidationErrorType: a,
+                            renderCustomSelectedItem: x,
+                            editItem: oe,
+                            editable: N,
+                            getAdditionalCreationCondition: g,
+                            storedItemsMap: U,
+                            highlightUnStoredItem: S,
+                            selectedItemSingleLine: Y,
+                            selectedItemClassName: be,
+                            selectedItemTextClassName: le
+                          }
+                        ),
+                        /* @__PURE__ */ r(
+                          "input",
+                          {
+                            ...u({
+                              ref: te,
+                              placeholder: J,
+                              maxLength: L,
+                              onFocus: () => {
+                                F && q(), R();
+                              },
+                              onKeyDown: (D) => {
+                                D.key === $e && v && b && g(v) && w({
+                                  inputValue: v,
+                                  selectItem: se,
+                                  clearSelection: ae,
+                                  batchAddItems: de
+                                }), Ne({ event: D, removeItem: Z, inputValue: v });
+                              },
+                              onBlur: () => {
+                                C(), v && b && g(v) && w({
+                                  inputValue: v,
+                                  selectItem: se,
+                                  clearSelection: ae,
+                                  batchAddItems: de
+                                });
+                              },
+                              disabled: m,
+                              ...y
+                            }),
+                            className: X("input", { disabled: m }, y.className),
+                            "data-automation-id": M
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  (y == null ? void 0 : y.clearable) && !Me(s) && /* @__PURE__ */ r(
+                    "button",
+                    {
+                      type: "button",
+                      className: X("clear-icon", { "clear-icon--disabled": m }),
+                      onClick: () => {
+                        var D;
+                        return !m && ((D = y == null ? void 0 : y.onClear) == null ? void 0 : D.call(y));
+                      },
+                      onMouseDown: (D) => D.preventDefault(),
+                      children: /* @__PURE__ */ r(tt, {})
+                    }
+                  ),
+                  F && /* @__PURE__ */ r(
+                    "button",
+                    {
+                      type: "button",
+                      className: X("dropdown-button", { "icon-reversed": z }),
+                      onClick: () => Ee(),
+                      "aria-label": "Toggle dropdown",
+                      "aria-expanded": z,
+                      children: /* @__PURE__ */ r(Te, {})
+                    }
+                  )
+                ]
+              }
+            ),
+            h && d && /* @__PURE__ */ r("span", { className: X("error-text"), children: h })
+          ] }),
+          /* @__PURE__ */ r(
+            De,
+            {
+              isOpen: z,
+              loading: n,
+              async: O,
+              ref: ie.setFloating,
+              newItemButtonText: re,
+              isDropdownMode: F,
+              style: ye,
+              inputValue: ue.trim(),
+              getItemProps: xe(I, T, s),
+              parseValueToString: E,
+              createWithoutConfirmation: i,
+              options: Q,
+              className: ve,
+              ...ce
+            }
+          )
+        ] });
+      }
+    }
+  );
+}, Bt = ({ skip: t }) => {
+  He(() => {
+    if (t)
+      return;
+    let e = window.scrollY, n = !0;
+    const o = 300, s = () => {
+      if (!n)
+        return;
+      window.scrollY !== e && window.scrollTo(0, e);
+    }, l = (d) => {
+      n && (d.preventDefault(), d.stopImmediatePropagation(), s());
+    };
+    e = window.scrollY, window.addEventListener("scroll", l, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
+      e = window.scrollY, s();
+    });
+    const h = setTimeout(() => {
+      n = !1;
+    }, o);
+    return () => {
+      clearTimeout(h), window.removeEventListener("scroll", l, { capture: !0 });
+    };
+  }, [t]);
+}, Ot = ({ skip: t, reference: e }) => {
+  we(() => {
+    if (t)
+      return;
+    const n = () => {
+      const o = e.current;
+      o instanceof HTMLElement && o.blur();
+    };
+    return window.addEventListener("resize", n), () => {
+      window.removeEventListener("resize", n);
+    };
+  }, [t, e]);
+}, Tt = ({ skip: t, onClose: e, menuRef: n }) => {
+  we(() => {
+    if (t)
+      return;
+    const o = (s) => {
+      var l;
+      (l = n.current) != null && l.contains(s.target) || e();
+    };
+    return window.addEventListener("scroll", o, !0), () => {
+      window.removeEventListener("scroll", o, !0);
+    };
+  }, [t, e, n]);
+}, $t = {
+  "input-wrapper": "_input-wrapper_d9vma_1",
+  "dropdown-button": "_dropdown-button_d9vma_6",
+  "icon-reversed": "_icon-reversed_d9vma_14"
+}, Pe = G.bind($t), Dt = 0, jt = Qe({
+  fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
+  boundary: document == null ? void 0 : document.documentElement,
+  rootBoundary: "viewport"
+}), Ht = Ze({
+  apply({ rects: t, elements: e }) {
+    Object.assign(e.floating.style, {
+      width: `${t.reference.width}px`
+    });
+  }
+}), wo = (t) => {
+  const {
+    options: e = [],
+    value: n,
+    placeholder: o = "",
+    onChange: s = () => {
+    },
+    onFocus: l = () => {
+    },
+    onBlur: h = () => {
+    },
+    disabled: d = !1,
+    inputProps: b = {},
+    parseValueToString: N = (w) => w === null ? "" : String(w),
+    minLength: f = 1,
+    skipOptionCreation: R = !1,
+    maxLength: C = null,
+    optionVariant: m = "",
+    isRequired: F = !1,
+    error: P = "",
+    touched: y = !1,
+    setTouch: E = () => {
+    },
+    createWithoutConfirmation: L = !1,
+    menuClassName: O = "",
+    icon: c,
+    isDropdownMode: i = !1,
+    isOptionUnique: a,
+    refFunction: p,
+    stateReducer: g,
+    onStateChange: S,
+    useFixedPositioning: _,
+    dropdownMatchInputWidth: k = !1,
+    withMenuFlip: M = !1,
+    placement: A = "bottom-start",
+    newItemButtonText: H = "",
+    menuPortalRoot: x,
+    ...$
+  } = t, [re, ve] = ne(!1), Y = Ce(null), be = K(() => {
+    var w;
+    return (w = Y.current) == null ? void 0 : w.call(Y);
+  }, []), le = !re || !x, ce = x || _ ? "fixed" : "absolute", ie = !re || ce === "absolute", ye = We(
+    () => [
+      ...M ? [jt] : [],
+      ...k ? [Ht] : []
+    ],
+    [M, k]
+  ), { refs: J, floatingStyles: te } = Be({
+    placement: A,
+    whileElementsMounted: Oe,
+    strategy: ce,
+    middleware: ye
+  });
+  Bt({ skip: le }), Ot({ skip: le, reference: J.reference }), Tt({
+    skip: ie,
+    onClose: be,
+    menuRef: J.floating
+  });
+  const ge = (w, W, Q) => ({ item: u, index: I, ...z }) => w({
+    item: u,
+    index: I,
+    isSelected: Q !== null && Q === u,
+    ...z,
+    isActive: W === I
+  }), xe = (w, W) => {
+    w.key === Ve && (w.preventDefault(), W(e.length));
+  }, Ne = K(
+    (w, ...W) => {
+      (w == null ? void 0 : w.isOpen) !== void 0 && ve(w.isOpen), S == null || S(w, ...W);
+    },
+    [S]
+  );
+  return /* @__PURE__ */ r(
+    _e,
+    {
+      onChange: s,
+      itemToString: N,
+      selectedItem: n,
+      onStateChange: Ne,
+      defaultHighlightedIndex: Dt,
+      stateReducer: g,
+      children: ({
+        getInputProps: w,
+        getItemProps: W,
+        setHighlightedIndex: Q,
+        toggleMenu: u,
+        openMenu: I,
+        closeMenu: z,
+        isOpen: v,
+        inputValue: T,
+        highlightedIndex: Z,
+        getRootProps: oe,
+        selectItem: q
+      }) => {
+        const se = oe(void 0, { suppressRefError: !0 }), ae = {
+          ...se,
+          ref: (j) => (J.setReference(j), se.ref(j))
+        };
+        Y.current || (Y.current = z);
+        const Ee = T ?? "", { onClear: U, clearable: Ie, ...de } = b, ue = Ie && n !== null, D = (...j) => {
+          q(null), U == null || U(...j);
+        }, Se = /* @__PURE__ */ r(
+          De,
+          {
+            isOpen: v,
+            isDropdownMode: i,
+            style: te,
+            ref: J.setFloating,
+            portalMenuAttribute: x ? Ue : null,
+            minLength: f,
+            inputValue: (T || "").trim(),
+            getItemProps: ge(W, Z, n),
+            parseValueToString: N,
+            optionVariant: m,
+            createWithoutConfirmation: L,
+            className: O,
+            options: e,
+            newItemButtonText: H,
+            ...$
+          }
+        );
+        return /* @__PURE__ */ B(he, { children: [
+          /* @__PURE__ */ B("div", { className: Pe("input-wrapper"), ...ae, children: [
+            /* @__PURE__ */ r(
+              qe,
+              {
+                ...w({
+                  placeholder: d ? "" : o,
+                  maxLength: C || void 0,
+                  onFocus: () => {
+                    i && !v && (I(), E == null || E(!0)), l();
+                  },
+                  ref: p,
+                  onKeyDown: (j) => {
+                    j.key === $e && j.preventDefault(), T && v && xe(j, Q);
+                  },
+                  onBlur: (j) => {
+                    const me = Ee.trim(), ke = !Me(me), Re = ke ? e.find((Ae) => N(Ae) === me) : void 0;
+                    q(Re || (!R && L && ke ? me : null)), h(j), a == null || a(
+                      ke ? !e.some((Ae) => N(Ae) === me) : null
+                    ), i && v && u(), E == null || E(!0);
+                  },
+                  disabled: d,
+                  defaultWidth: !1,
+                  isRequired: F,
+                  touched: y,
+                  error: P,
+                  ...de,
+                  clearable: ue,
+                  onClear: ue ? D : U,
+                  endIcon: i && !c ? /* @__PURE__ */ r(
+                    "button",
+                    {
+                      type: "button",
+                      className: Pe("dropdown-button", { "icon-reversed": v }),
+                      onClick: () => u(),
+                      "aria-label": "Toggle dropdown",
+                      "aria-expanded": v,
+                      children: /* @__PURE__ */ r(Te, {})
+                    }
+                  ) : c,
+                  minLength: i ? 0 : f
+                })
+              }
+            ),
+            !x && Se
+          ] }),
+          x && Je(Se, x)
+        ] });
+      }
+    }
+  );
+};
+export {
+  De as AutocompleteMenu,
+  Fe as AutocompleteOption,
+  gt as AutocompleteOptions,
+  ut as AutocompletePrompt,
+  ho as MultipleAutocomplete,
+  wo as SingleAutocomplete
+};