@reportportal/ui-kit 0.0.1-alpha.2 → 0.0.1-alpha.200

package/dist/autocompletes.js

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