@reportportal/ui-kit 0.0.1-alpha.237 → 0.0.1-alpha.238

package/dist/index-7ddba309.js

@@ -0,0 +1,1639 @@
+import { jsx as n, jsxs as y, Fragment as ce } from "react/jsx-runtime";
+import { forwardRef as He, useRef as we, useId as pt, useState as X, useMemo as Le, useEffect as De, useCallback as oe, useLayoutEffect as mt } from "react";
+import { c as F } from "./bind-06a7ff84.js";
+import { Scrollbars as _t } from "rc-scrollbars";
+import { B as ft } from "./bubblesLoader-f3ffa240.js";
+import { B as Ie } from "./button-7ab874f3.js";
+import { a as ht } from "./plus-0929dda4.js";
+import { i as We } from "./isEmpty-ccacb5ff.js";
+import { createPortal as gt } from "react-dom";
+import $e from "downshift";
+import { useFloating as rt, autoUpdate as at, flip as bt, size as yt } from "@floating-ui/react";
+import { S as lt } from "./clear-53660571.js";
+import { b as wt, a as vt, S as Ge, c as Xe, d as Je } from "./prevPage-1c4a826f.js";
+import "./adaptiveTagList.js";
+import "./actionMenu-f8a2f5bb.js";
+import "./index-d6e02727.js";
+import { B as ye } from "./baseIconButton-251479f7.js";
+import "./breadcrumbs-5730e318.js";
+import "./bulkPanel.js";
+import "./checkbox-76aa8f97.js";
+import "./chip.js";
+import Qe from "react-datepicker/dist/es/index.js";
+import { D as Ze } from "./dropdown-d2a05471.js";
+import { registerLocale as Nt } from "react-datepicker";
+import { FieldLabel as xt } from "./fieldLabel.js";
+import "./fieldNumber-c9795245.js";
+import "./fieldTextFlex-2f51c173.js";
+import "./fileDropArea.js";
+import "./filtersButton.js";
+import "./filterItem.js";
+import "./issueList.js";
+import { E as ct, A as Ct, T as St } from "./index-a13c9a87.js";
+import { S as kt } from "./close-4d480ef7.js";
+import { S as it } from "./dropdown-0260bb66.js";
+import { Popover as dt } from "./popover.js";
+import { Tooltip as $t } from "./tooltip.js";
+import "./radio-62546efa.js";
+import "./segmentedControl.js";
+import "./selection-da1a3528.js";
+import { S as Dt } from "./spinLoader-c4a53718.js";
+import "./systemAlert.js";
+import "./systemMessage-924fdaa6.js";
+import "./treeSortableItem-301dbd92.js";
+import "./table-4d35951e.js";
+import "./themeProvider-46c2be7b.js";
+import "./toggle-304107fa.js";
+import "./sidePanel.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { M as It } from "./maxValueDisplay-9be01a75.js";
+function Et(e) {
+  return e == null;
+}
+const At = "_collapsed_18d9y_11", Mt = "_field_18d9y_23", Tt = "_placeholder_18d9y_48", zt = "_disabled_18d9y_51", Pt = "_error_18d9y_54", Ot = "_touched_18d9y_54", Ft = "_input_18d9y_73", Rt = "_icon_18d9y_1", Bt = "_text_18d9y_171", Lt = {
+  "icon-container": "_icon-container_18d9y_1",
+  "icon-container-additional": "_icon-container-additional_18d9y_1",
+  "icon-container-end": "_icon-container-end_18d9y_1",
+  "icon-container-start": "_icon-container-start_18d9y_1",
+  collapsed: At,
+  field: Mt,
+  "default-width": "_default-width_18d9y_35",
+  placeholder: Tt,
+  disabled: zt,
+  error: Pt,
+  touched: Ot,
+  "max-length-display": "_max-length-display_18d9y_61",
+  "input-container": "_input-container_18d9y_73",
+  "type-password": "_type-password_18d9y_77",
+  input: Ft,
+  "eye-icon": "_eye-icon_18d9y_81",
+  icon: Rt,
+  "start-icon": "_start-icon_18d9y_127",
+  "clear-icon": "_clear-icon_18d9y_128",
+  "additional-content": "_additional-content_18d9y_164",
+  text: Bt,
+  "error-text": "_error-text_18d9y_191",
+  "help-text": "_help-text_18d9y_195"
+}, L = F.bind(Lt), je = He(
+  ({
+    value: e = "",
+    className: t,
+    classNameHelpText: o,
+    error: s,
+    placeholder: a,
+    disabled: l = !1,
+    onChange: i,
+    touched: r = !1,
+    title: _,
+    label: c,
+    helpText: p,
+    defaultWidth: v = !0,
+    startIcon: x,
+    endIcon: f,
+    clearable: z = !1,
+    onClear: P,
+    isRequired: h = !1,
+    hasDoubleMessage: g = !1,
+    type: S = "text",
+    displayError: A = !0,
+    collapsible: u = !1,
+    loading: d = !1,
+    maxLengthDisplay: b,
+    onFocus: m = () => {
+    },
+    onBlur: w = () => {
+    },
+    ...I
+  }, N) => {
+    const $ = we(null), M = N || $, D = pt(), [j, k] = X(!1), [B, H] = X(!1), ee = (O) => {
+      k(!0), m(O);
+    }, Y = (O) => {
+      k(!1), w(O);
+    }, te = () => {
+      var O;
+      P && (P(e), (O = M.current) == null || O.focus());
+    }, Z = A && s && r, U = /* @__PURE__ */ n("span", { className: L("text", "help-text", o), children: p }), ne = () => S !== "password" ? S : B ? "text" : "password", ie = (O) => {
+      O.preventDefault(), H(!0);
+    }, K = (O) => {
+      O.preventDefault(), H(!1);
+    };
+    return /* @__PURE__ */ y(ce, { children: [
+      c && /* @__PURE__ */ n(xt, { isRequired: h, htmlFor: D, children: c }),
+      /* @__PURE__ */ y(
+        "div",
+        {
+          className: L("field", t, {
+            error: s,
+            touched: r,
+            disabled: l,
+            "default-width": v,
+            collapsed: u && !j && !e
+          }),
+          title: _,
+          children: [
+            d ? /* @__PURE__ */ n(Dt, {}) : x && /* @__PURE__ */ n(
+              "span",
+              {
+                className: L("icon-container-start"),
+                onClick: () => {
+                  var se;
+                  (se = M.current) == null || se.focus();
+                },
+                children: /* @__PURE__ */ n("span", { className: L("icon", { "start-icon": !j }), children: x })
+              }
+            ),
+            /* @__PURE__ */ y("span", { className: L("input-container", `type-${S}`), children: [
+              /* @__PURE__ */ n(
+                "input",
+                {
+                  ref: M,
+                  type: ne(),
+                  className: L("input"),
+                  value: e,
+                  disabled: l,
+                  id: D,
+                  onChange: i,
+                  onFocus: ee,
+                  onBlur: Y,
+                  ...I
+                }
+              ),
+              S === "password" && e && /* @__PURE__ */ n(
+                ye,
+                {
+                  className: L("eye-icon"),
+                  onMouseDown: ie,
+                  onMouseLeave: K,
+                  onMouseUp: K,
+                  onTouchStart: ie,
+                  onTouchEnd: K,
+                  onTouchCancel: K,
+                  children: B ? /* @__PURE__ */ n(wt, {}) : /* @__PURE__ */ n(vt, {})
+                }
+              ),
+              a && !e && /* @__PURE__ */ y("span", { className: L("placeholder"), children: [
+                a,
+                h && !c && /* @__PURE__ */ n("span", { className: L("asterisk") })
+              ] })
+            ] }),
+            /* @__PURE__ */ n(
+              It,
+              {
+                className: L("max-length-display"),
+                value: e.length,
+                maxValue: b
+              }
+            ),
+            z && e.length > 0 && /* @__PURE__ */ n("span", { className: L("icon-container-end"), children: /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: L("clear-icon", { disabled: l }),
+                onClick: te,
+                onMouseDown: (O) => O.preventDefault(),
+                children: /* @__PURE__ */ n(lt, {})
+              }
+            ) }),
+            f && /* @__PURE__ */ n("span", { className: L("icon-container-end"), children: /* @__PURE__ */ n("span", { className: L("icon"), children: f }) })
+          ]
+        }
+      ),
+      (Z || p) && /* @__PURE__ */ n("div", { className: L("additional-content", { disabled: l }), children: Z ? /* @__PURE__ */ y(ce, { children: [
+        /* @__PURE__ */ n("span", { className: L("text", "error-text"), children: s }),
+        g && U
+      ] }) : p && U })
+    ] });
+  }
+), _s = (e, t) => {
+  Nt(e, t);
+}, Ht = (e, t, o = 20) => {
+  const s = new Array(o).fill(void 0).map((l, i) => e - i), a = e - o + 1;
+  return t > e ? [t, ...s] : t < a ? [...s, t] : s;
+}, Wt = "_header_1s3dn_1", jt = "_disabled_1s3dn_25", Yt = "_dropdown_1s3dn_8", Kt = {
+  header: Wt,
+  "dropdowns-wrapper": "_dropdowns-wrapper_1s3dn_8",
+  "button-prev": "_button-prev_1s3dn_13",
+  "button-next": "_button-next_1s3dn_14",
+  disabled: jt,
+  dropdown: Yt,
+  "month-dropdown": "_month-dropdown_1s3dn_44",
+  "toggle-button": "_toggle-button_1s3dn_47"
+}, V = F.bind(Kt), Gt = ({
+  date: e = /* @__PURE__ */ new Date(),
+  changeYear: t = () => {
+  },
+  changeMonth: o = () => {
+  },
+  decreaseMonth: s = () => {
+  },
+  increaseMonth: a = () => {
+  },
+  prevMonthButtonDisabled: l = !1,
+  nextMonthButtonDisabled: i = !1,
+  headerNodes: r = null,
+  customClassName: _ = "",
+  yearsOptions: c = [],
+  locale: p
+}) => {
+  const v = e.getFullYear(), x = e.getMonth(), f = Le(() => {
+    const g = Array(12).keys(), S = new Intl.DateTimeFormat(p, {
+      month: "long"
+    }), A = (d) => S.format(new Date(v, d));
+    return Array.from(g, A).reduce((d, b, m) => d.concat({
+      value: m,
+      label: b
+    }), []);
+  }, [p, v]), z = Le(() => {
+    const g = (/* @__PURE__ */ new Date()).getFullYear();
+    return (c.length > 0 ? c : Ht(g, v)).reduce(
+      (A, u) => A.concat({ value: u, label: `${u}` }),
+      []
+    );
+  }, [c, v]), P = (g) => {
+    o(g);
+  }, h = (g) => {
+    t(g);
+  };
+  return /* @__PURE__ */ y(ce, { children: [
+    r && /* @__PURE__ */ n("div", { className: V(_), children: r }),
+    /* @__PURE__ */ y("div", { className: V("header"), children: [
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Previous Months",
+          disabled: l,
+          onClick: (g) => {
+            g.stopPropagation(), s();
+          },
+          className: V("button-prev", { disabled: l }),
+          children: /* @__PURE__ */ n(Ge, {})
+        }
+      ),
+      /* @__PURE__ */ y("div", { className: V("dropdowns-wrapper"), children: [
+        /* @__PURE__ */ n(
+          Ze,
+          {
+            options: f,
+            value: x,
+            onChange: P,
+            transparentBackground: !0,
+            className: V("dropdown", "month-dropdown"),
+            toggleButtonClassName: V("toggle-button")
+          }
+        ),
+        /* @__PURE__ */ n(
+          Ze,
+          {
+            options: z,
+            value: v,
+            onChange: h,
+            transparentBackground: !0,
+            className: V("dropdown"),
+            toggleButtonClassName: V("toggle-button")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Next Months",
+          disabled: i,
+          onClick: (g) => {
+            g.stopPropagation(), a();
+          },
+          className: V("button-next", { disabled: i }),
+          children: /* @__PURE__ */ n(Ge, {})
+        }
+      )
+    ] })
+  ] });
+}, Xt = "_calendar_1511k_5", Jt = "_date_1511k_104", Qt = "_disabled_1511k_150", Zt = "_popper_1511k_159", Ut = "_input_1511k_163", qt = {
+  calendar: Xt,
+  "current-date": "_current-date_1511k_103",
+  date: Jt,
+  "end-date": "_end-date_1511k_121",
+  "selected-range": "_selected-range_1511k_131",
+  disabled: Qt,
+  popper: Zt,
+  input: Ut,
+  "input-range": "_input-range_1511k_174"
+}, fe = F.bind(qt), Vt = "en", en = "MM-dd-yyyy", tn = " to ", Ue = (e) => Et(e) ? void 0 : e, nn = He(
+  ({ selectsRange: e, value: t, ...o }, s) => /* @__PURE__ */ n(
+    je,
+    {
+      ...o,
+      className: fe("input", e ? "input-range" : ""),
+      defaultWidth: !1,
+      value: e ? (t == null ? void 0 : t.replace(" - ", tn)) ?? "" : t,
+      ref: s,
+      readOnly: !0
+    }
+  )
+), fs = (e) => {
+  const {
+    onChange: t = () => {
+    },
+    disabled: o = !1,
+    onBlur: s = () => {
+    },
+    onFocus: a = () => {
+    },
+    headerNodes: l = null,
+    customClassName: i = "",
+    customTimeInput: r = void 0,
+    shouldCloseOnSelect: _ = !0,
+    popperClassName: c = "",
+    calendarClassName: p = "",
+    popperPlacement: v = "bottom-start",
+    fixedHeight: x = !0,
+    language: f = Vt,
+    yearsOptions: z = [],
+    dateFormat: P = en,
+    value: h = null
+  } = e, { minDate: g, maxDate: S } = e, A = Ue(g), u = Ue(S), d = "selectsRange" in e && e.selectsRange === !0, b = we(null), m = d ? (h == null ? void 0 : h[0]) ?? void 0 : void 0, w = d ? (h == null ? void 0 : h[1]) ?? void 0 : void 0, I = m == null ? void 0 : m.toDateString(), N = w == null ? void 0 : w.toDateString(), $ = w && m && w > m, M = d ? "Select date range" : "Select date", D = e.placeholder ?? M, B = {
+    customInput: /* @__PURE__ */ n(nn, { ref: b, selectsRange: d }),
+    placeholderText: D,
+    disabled: o,
+    shouldCloseOnSelect: _,
+    fixedHeight: x,
+    locale: f,
+    showPopperArrow: !1,
+    dayClassName: (H) => {
+      if (!d) {
+        const U = h == null ? void 0 : h.toDateString(), ne = H.toDateString();
+        return fe("date", {
+          "current-date": ne === U,
+          disabled: o
+        });
+      }
+      const ee = H.toDateString(), Y = ee === I, te = $ && ee === N, Z = m && w && H > m && H < w;
+      return fe("date", {
+        "current-date": Y,
+        "selected-range": Z && !te,
+        "end-date": te && $,
+        disabled: o
+      });
+    },
+    calendarClassName: fe(p, "calendar"),
+    renderCustomHeader: (H) => /* @__PURE__ */ n(
+      Gt,
+      {
+        ...H,
+        headerNodes: l,
+        customClassName: i,
+        yearsOptions: z,
+        locale: f
+      }
+    ),
+    onBlur: s,
+    onFocus: a,
+    customTimeInput: r,
+    showTimeInput: !!r,
+    popperClassName: fe(c, "popper"),
+    dateFormat: P,
+    className: fe("datepicker"),
+    popperPlacement: v
+  };
+  return d ? /* @__PURE__ */ n(
+    Qe,
+    {
+      ...B,
+      selectsRange: !0,
+      startDate: m,
+      endDate: w,
+      onChange: t,
+      minDate: A,
+      maxDate: u
+    }
+  ) : /* @__PURE__ */ n(
+    Qe,
+    {
+      ...B,
+      selected: h,
+      onChange: t,
+      minDate: A,
+      maxDate: u
+    }
+  );
+}, on = "_disabled_1rpph_43", sn = "_input_1rpph_107", rn = {
+  "selected-item": "_selected-item_1rpph_16",
+  "validation-error": "_validation-error_1rpph_35",
+  "highlight-un-stored-item": "_highlight-un-stored-item_1rpph_40",
+  disabled: on,
+  "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: sn
+}, Se = F.bind(rn), an = (e) => e.scrollWidth > e.clientWidth, ln = ({
+  item: e,
+  onRemoveItem: t,
+  disabled: o = !1,
+  mobileDisabled: s = !1,
+  parseValueToString: a,
+  error: l = !1,
+  editItem: i,
+  editable: r = !1,
+  getAdditionalCreationCondition: _ = () => !0,
+  storedOption: c = !0,
+  highlightUnStoredItem: p = !1,
+  variant: v = "light",
+  getItemName: x,
+  singleLine: f = !1,
+  className: z,
+  textClassName: P
+}) => {
+  const [h, g] = X(!1), [S, A] = X(""), [u, d] = X(!1), b = we(null), m = () => {
+    !o && r && !c && (A((x == null ? void 0 : x(e)) || (a == null ? void 0 : a(e)) || ""), g(!0));
+  }, w = (k) => {
+    A(k.target.value);
+  }, I = (k) => {
+    const B = _(S);
+    k.key === "Enter" && B && (i(e, S), g(!1), A(""));
+  }, N = () => {
+    g(!1), A("");
+  }, $ = (k) => {
+    k.stopPropagation(), t(e);
+  }, M = (a == null ? void 0 : a(e)) || "";
+  De(() => {
+    if (b.current && f) {
+      const k = () => {
+        b.current && d(an(b.current));
+      };
+      if (k(), typeof ResizeObserver < "u") {
+        const B = new ResizeObserver(k);
+        return B.observe(b.current), () => B.disconnect();
+      }
+    } else
+      d(!1);
+  }, [M, f]);
+  const D = Se(
+    "selected-item-text",
+    {
+      "single-line": f
+    },
+    P
+  ), j = Se(
+    "selected-item",
+    v,
+    {
+      [`validation-${l}`]: l,
+      disabled: o,
+      "mobile-disabled": s,
+      "highlight-un-stored-item": p && !c
+    },
+    z
+  );
+  return h ? /* @__PURE__ */ n(
+    "input",
+    {
+      autoFocus: !0,
+      value: S,
+      onChange: w,
+      onKeyDown: I,
+      onBlur: N,
+      className: Se("input")
+    }
+  ) : /* @__PURE__ */ y("div", { className: j, onClick: m, children: [
+    /* @__PURE__ */ n(
+      "span",
+      {
+        ref: b,
+        className: D,
+        title: f && u ? M : void 0,
+        children: M
+      }
+    ),
+    !o && /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: Se("cross-icon", {
+          [`validation-${l}`]: l,
+          "mobile-disabled": s,
+          disabled: o
+        }),
+        onClick: $,
+        children: /* @__PURE__ */ n(kt, {})
+      }
+    )
+  ] });
+}, cn = ({
+  items: e = [],
+  parseValueToString: t,
+  getItemValidationErrorType: o,
+  storedItemsMap: s = {},
+  highlightUnStoredItem: a = !1,
+  renderCustomSelectedItem: l,
+  selectedItemSingleLine: i,
+  selectedItemClassName: r,
+  selectedItemTextClassName: _,
+  ...c
+}) => e.map((p) => l ? l(p) : /* @__PURE__ */ n(
+  ln,
+  {
+    parseValueToString: t,
+    error: (o == null ? void 0 : o(p)) || "",
+    item: p,
+    storedOption: !!s[t(p)],
+    highlightUnStoredItem: a,
+    singleLine: i,
+    className: r,
+    textClassName: _,
+    ...c
+  },
+  t == null ? void 0 : t(p)
+)), dn = "_prompt_1xfmd_16", un = {
+  prompt: dn
+}, pn = F.bind(un), mn = ({ children: e = null }) => /* @__PURE__ */ n("div", { className: pn("prompt"), children: e }), _n = "_item_zw4ux_16", fn = "_divider_zw4ux_24", hn = "_active_zw4ux_49", gn = "_value_zw4ux_55", bn = "_tag_zw4ux_69", yn = "_disabled_zw4ux_80", wn = {
+  item: _n,
+  divider: fn,
+  "new-item": "_new-item_zw4ux_31",
+  active: hn,
+  value: gn,
+  "key-variant": "_key-variant_zw4ux_66",
+  tag: bn,
+  "button-active": "_button-active_zw4ux_80",
+  disabled: yn,
+  "value-variant": "_value-variant_zw4ux_100"
+}, _e = F.bind(wn), qe = ({
+  isActive: e = !1,
+  isSelected: t = !1,
+  isNew: o = !1,
+  children: s = null,
+  disabled: a = !1,
+  optionVariant: l = "",
+  newItemButtonText: i = "",
+  ...r
+}) => {
+  const _ = () => i || (l === "key-variant" ? "New key" : "New value");
+  return o ? /* @__PURE__ */ y(ce, { children: [
+    /* @__PURE__ */ n("div", { className: _e("divider") }),
+    /* @__PURE__ */ y(
+      "li",
+      {
+        className: _e("new-item", l, {
+          active: e,
+          selected: t,
+          disabled: a
+        }),
+        ...r,
+        children: [
+          /* @__PURE__ */ n("span", { className: _e("value"), children: s }),
+          /* @__PURE__ */ n(
+            Ie,
+            {
+              ...!a && r,
+              className: _e({ "button-active": e }),
+              icon: /* @__PURE__ */ n(ht, {}),
+              variant: "text",
+              children: _()
+            }
+          )
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ n(
+    "li",
+    {
+      className: _e("item", l, {
+        active: e,
+        selected: t,
+        disabled: a
+      }),
+      ...a ? {} : r,
+      children: /* @__PURE__ */ n("span", { className: _e("label", "tag"), children: s })
+    }
+  );
+}, vn = "_container_12uzd_16", Nn = {
+  container: vn,
+  "empty-list-message": "_empty-list-message_12uzd_20",
+  "limitation-item": "_limitation-item_12uzd_28"
+}, ke = F.bind(Nn), xn = (e) => {
+  const {
+    options: t,
+    async: o,
+    inputValue: s,
+    loading: a,
+    createWithoutConfirmation: l,
+    customEmptyListMessage: i,
+    customNoMatchesMessage: r,
+    optionVariant: _,
+    newItemButtonText: c,
+    renderOption: p,
+    getUniqKey: v,
+    getItemProps: x,
+    parseValueToString: f,
+    limitationText: z = "Too many results. Type to search",
+    optionsLimit: P = 0,
+    shouldShowEmptyListMessage: h = !0
+  } = e, g = oe(() => (t || []).filter((N) => f(N).toUpperCase().indexOf((s.toUpperCase() || "").trim()) > -1), [s, t, f]), S = oe(
+    (N, $, M = !1) => p ? p(N, $, M, x) : /* @__PURE__ */ n(
+      qe,
+      {
+        optionVariant: _,
+        ...x({ item: N, index: $ }),
+        isNew: M,
+        newItemButtonText: c,
+        children: f(N)
+      },
+      (v == null ? void 0 : v(N)) || f(N)
+    ),
+    [x, v, c, _, f, p]
+  ), A = oe(
+    (N) => N.length ? N.map(($, M) => S($, M)) : "",
+    [S]
+  ), u = oe(
+    (N) => {
+      const $ = N.length;
+      return /* @__PURE__ */ n("div", { className: ke({ container: !$ }), children: /* @__PURE__ */ n(
+        qe,
+        {
+          optionVariant: _,
+          isNew: !0,
+          newItemButtonText: c,
+          ...x({ item: s, index: $ }),
+          children: f(s)
+        },
+        f(s)
+      ) });
+    },
+    [x, s, c, _, f]
+  ), d = oe(
+    (N) => a ? /* @__PURE__ */ y(ce, { children: [
+      /* @__PURE__ */ n(mn, { children: /* @__PURE__ */ n(ft, {}) }),
+      !l && u(N)
+    ] }) : "",
+    [l, a, u]
+  ), b = oe(() => {
+    const N = (t == null ? void 0 : t.length) === 0 ? i || "No available options" : r || "No matches found";
+    return /* @__PURE__ */ n("div", { className: ke("empty-list-message"), children: N });
+  }, [i, r, t == null ? void 0 : t.length]), m = o ? t : g(), w = d(t);
+  if (w)
+    return w;
+  const I = We(m);
+  return I && !h && l ? null : /* @__PURE__ */ y("div", { className: ke({ container: t.length }), children: [
+    /* @__PURE__ */ y(_t, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
+      I ? h && b() : A(m),
+      (m == null ? void 0 : m.length) > P && P > 0 && z ? /* @__PURE__ */ n("li", { className: ke("limitation-item"), "aria-hidden": "true", children: z }) : null
+    ] }),
+    !l && u(m)
+  ] });
+}, Cn = "_menu_f64z5_16", Sn = "_opened_f64z5_34", kn = "_dark_f64z5_37", $n = {
+  menu: Cn,
+  opened: Sn,
+  dark: kn
+}, Dn = F.bind($n), In = (e, t) => !e || e <= t.trim().length, ut = He(
+  ({
+    isOpen: e = !1,
+    style: t = {},
+    minLength: o = 1,
+    isDropdownMode: s,
+    inputValue: a = "",
+    className: l = "",
+    portalMenuAttribute: i = null,
+    ...r
+  }, _) => /* @__PURE__ */ n(
+    "ul",
+    {
+      ref: _,
+      className: Dn(
+        "menu",
+        { opened: e && (s || In(o, a)) },
+        l
+      ),
+      style: t,
+      ...i ? { [i]: "" } : {},
+      children: /* @__PURE__ */ n(xn, { inputValue: a, ...r })
+    }
+  )
+), Ve = (e, t) => typeof e == "string" ? e : t ? String(e[t(e)]) : "", he = (e, t) => {
+  var s;
+  return e === t ? !0 : !!(e && t && typeof e == "object" && typeof t == "object" && Object.keys(e).length === Object.keys(t).length && ((s = Object.entries(e)) != null && s.every(([a, l]) => he(l, t[a]))));
+}, En = (e, t, o) => typeof e == "string" ? e === t : o ? (() => {
+  const s = o(e);
+  return e[s] === t[s];
+})() : !1, An = ({
+  options: e = [],
+  onChange: t,
+  selectedItems: o = [],
+  handleUnStoredItemCb: s = null,
+  existingItemsMap: a = {},
+  children: l,
+  customizeNewSelectedValue: i = (p) => p,
+  getOptionUniqKey: r,
+  getOptionUniqKeyValue: _,
+  ...c
+}) => {
+  const [p, v] = X(a), x = (u, d) => {
+    const b = {
+      ...p
+    };
+    u.forEach((m) => {
+      if (e.find((w) => En(w, m, r))) {
+        const w = Ve(m, r);
+        b[w] = !0;
+      }
+    }), v(b), d(b);
+  }, f = (u, d) => {
+    const b = Ve(u, r);
+    if (b in p) {
+      const m = { ...p };
+      delete m[b], v(m), d(m);
+    } else
+      d(p);
+  }, z = (u, d) => {
+    const I = (Array.isArray(u) ? u : [u]).map((D) => i(D)).flatMap((D) => Array.isArray(D) ? D : [D]).filter(
+      (D, j, k) => k.findIndex((B) => he(B, D)) === j
+    );
+    if (!I || I.length === 0)
+      return;
+    const $ = [...o.filter(
+      (D) => !I.some((j) => he(j, D))
+    ), ...I];
+    t == null || t($, d), x(I, (D) => s == null ? void 0 : s($, D));
+  }, P = (u, d) => {
+    const b = o.indexOf(u), m = [...o];
+    m.splice(b, 1, d), t == null || t(m, null);
+  }, h = (u, d) => {
+    const b = o.filter((w) => !he(w, u));
+    t == null || t(b, d), f(u, (w) => s == null ? void 0 : s(b, w));
+  }, g = (u, d) => {
+    u && z(u, d);
+  }, S = (u) => ({
+    removeItem: h,
+    editItem: P,
+    handleChange: t,
+    getOptionUniqKeyValue: _,
+    storedItemsMap: p,
+    batchAddItems: (b) => {
+      z(b, u);
+    },
+    ...u
+  });
+  return /* @__PURE__ */ n(
+    $e,
+    {
+      ...c,
+      stateReducer: (u, d) => {
+        switch (d.type) {
+          case $e.stateChangeTypes.keyDownEnter:
+          case $e.stateChangeTypes.clickItem:
+            return {
+              ...d,
+              highlightedIndex: u.highlightedIndex,
+              inputValue: ""
+            };
+          default:
+            return d;
+        }
+      },
+      onChange: g,
+      selectedItem: null,
+      children: (u) => l == null ? void 0 : l(S(u))
+    }
+  );
+}, Mn = "_autocomplete_1so4a_16", Tn = "_disabled_1so4a_32", zn = "_error_1so4a_35", Pn = "_touched_1so4a_35", On = "_input_1so4a_77", Fn = {
+  autocomplete: Mn,
+  "autocomplete-wrapper": "_autocomplete-wrapper_1so4a_28",
+  disabled: Tn,
+  error: zn,
+  touched: Pn,
+  "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: On,
+  "type-number": "_type-number_1so4a_101",
+  "error-text": "_error-text_1so4a_112",
+  "dropdown-button": "_dropdown-button_1so4a_121",
+  "icon-reversed": "_icon-reversed_1so4a_129"
+}, re = F.bind(Fn), hs = (e) => {
+  const {
+    options: t = [],
+    loading: o = !1,
+    onStateChange: s = () => {
+    },
+    value: a = [],
+    placeholder: l = "",
+    error: i = "",
+    touched: r = !1,
+    creatable: _ = !1,
+    editable: c = !1,
+    onChange: p = () => {
+    },
+    onFocus: v = () => {
+    },
+    onBlur: x = () => {
+    },
+    disabled: f = !1,
+    isDropdownMode: z = !1,
+    mobileDisabled: P = !1,
+    inputProps: h = {},
+    parseValueToString: g = (C) => C == null ? "" : String(C),
+    maxLength: S = null,
+    async: A = !1,
+    customClass: u = "",
+    createWithoutConfirmation: d = !1,
+    getItemValidationErrorType: b = null,
+    clearItemsError: m = () => {
+    },
+    getAdditionalCreationCondition: w = () => !0,
+    highlightUnStoredItem: I = !1,
+    parseInputValueFn: N = null,
+    handleUnStoredItemCb: $ = null,
+    dataAutomationId: M = "",
+    existingItemsMap: D = {},
+    customizeNewSelectedValue: j = (C) => C,
+    renderCustomSelectedItem: k,
+    useFixedPositioning: B,
+    newItemButtonText: H = "",
+    menuClassName: ee = "",
+    selectedItemSingleLine: Y,
+    selectedItemClassName: te,
+    selectedItemTextClassName: Z,
+    ...U
+  } = e, { refs: ne, floatingStyles: ie } = rt({
+    placement: "bottom-start",
+    strategy: B ? "fixed" : "absolute",
+    whileElementsMounted: at
+  }), K = a.length === 0 && !f ? l : "", O = we(null);
+  De(() => {
+    m();
+  }, [m, a]);
+  const se = (C, R) => {
+    p(C, R);
+  }, Ee = (C, R, W) => ({ item: T, index: G, ...ue }) => C({
+    item: T,
+    index: G,
+    isSelected: W.some((ge) => he(ge, T)),
+    ...ue,
+    isActive: R === G
+  }), Ae = ({
+    event: C,
+    removeItem: R,
+    inputValue: W
+  }) => {
+    C.key === "Backspace" && !W && a.length && R(a[a.length - 1], null);
+  }, E = ({
+    inputValue: C,
+    selectItem: R,
+    clearSelection: W,
+    batchAddItems: T
+  }) => {
+    if (N) {
+      const G = N(C);
+      T(G.length ? G : [C]), W();
+    } else
+      R(C), W();
+  }, q = (C) => (R) => {
+    C(R, null), O.current && O.current.focus();
+  }, de = t.filter((C) => a.every((R) => !he(R, C)));
+  return /* @__PURE__ */ n(
+    An,
+    {
+      onChange: se,
+      itemToString: g,
+      selectedItems: a,
+      onStateChange: s,
+      options: t,
+      existingItemsMap: D,
+      handleUnStoredItemCb: $,
+      customizeNewSelectedValue: j,
+      children: ({
+        getInputProps: C,
+        getItemProps: R,
+        isOpen: W,
+        inputValue: T = "",
+        highlightedIndex: G,
+        removeItem: ue,
+        editItem: ge,
+        openMenu: pe,
+        selectItem: be,
+        clearSelection: ve,
+        toggleMenu: Me,
+        storedItemsMap: me,
+        getRootProps: Te,
+        batchAddItems: Ne
+      }) => {
+        const Ye = Te(void 0, { suppressRefError: !0 }), xe = T ?? "";
+        return /* @__PURE__ */ y("div", { ...Ye, className: re("autocomplete-wrapper"), children: [
+          /* @__PURE__ */ y(ce, { children: [
+            /* @__PURE__ */ y(
+              "div",
+              {
+                ref: ne.setReference,
+                className: re("autocomplete", u, {
+                  "mobile-disabled": P,
+                  error: i,
+                  touched: r,
+                  disabled: f
+                }),
+                children: [
+                  /* @__PURE__ */ y(
+                    "div",
+                    {
+                      className: re("autocomplete-input", {
+                        "mobile-disabled": P,
+                        "single-line-mode": Y
+                      }),
+                      children: [
+                        /* @__PURE__ */ n(
+                          cn,
+                          {
+                            items: a,
+                            onRemoveItem: q(ue),
+                            disabled: f,
+                            mobileDisabled: P,
+                            parseValueToString: g,
+                            getItemValidationErrorType: b,
+                            renderCustomSelectedItem: k,
+                            editItem: ge,
+                            editable: c,
+                            getAdditionalCreationCondition: w,
+                            storedItemsMap: me,
+                            highlightUnStoredItem: I,
+                            selectedItemSingleLine: Y,
+                            selectedItemClassName: te,
+                            selectedItemTextClassName: Z
+                          }
+                        ),
+                        /* @__PURE__ */ n(
+                          "input",
+                          {
+                            ...C({
+                              ref: O,
+                              placeholder: K,
+                              maxLength: S,
+                              onFocus: () => {
+                                z && pe(), v();
+                              },
+                              onKeyDown: (J) => {
+                                J.key === ct && T && _ && w(T) && E({
+                                  inputValue: T,
+                                  selectItem: be,
+                                  clearSelection: ve,
+                                  batchAddItems: Ne
+                                }), Ae({ event: J, removeItem: ue, inputValue: T });
+                              },
+                              onBlur: () => {
+                                x(), T && _ && w(T) && E({
+                                  inputValue: T,
+                                  selectItem: be,
+                                  clearSelection: ve,
+                                  batchAddItems: Ne
+                                });
+                              },
+                              disabled: f,
+                              ...h
+                            }),
+                            className: re("input", { disabled: f }, h.className),
+                            "data-automation-id": M
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  (h == null ? void 0 : h.clearable) && !We(a) && /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: re("clear-icon", { "clear-icon--disabled": f }),
+                      onClick: () => {
+                        var J;
+                        return !f && ((J = h == null ? void 0 : h.onClear) == null ? void 0 : J.call(h));
+                      },
+                      onMouseDown: (J) => J.preventDefault(),
+                      children: /* @__PURE__ */ n(lt, {})
+                    }
+                  ),
+                  z && /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: re("dropdown-button", { "icon-reversed": W }),
+                      onClick: () => Me(),
+                      "aria-label": "Toggle dropdown",
+                      "aria-expanded": W,
+                      children: /* @__PURE__ */ n(it, {})
+                    }
+                  )
+                ]
+              }
+            ),
+            i && r && /* @__PURE__ */ n("span", { className: re("error-text"), children: i })
+          ] }),
+          /* @__PURE__ */ n(
+            ut,
+            {
+              isOpen: W,
+              loading: o,
+              async: A,
+              ref: ne.setFloating,
+              newItemButtonText: H,
+              isDropdownMode: z,
+              style: ie,
+              inputValue: xe.trim(),
+              getItemProps: Ee(R, G, a),
+              parseValueToString: g,
+              createWithoutConfirmation: d,
+              options: de,
+              className: ee,
+              ...U
+            }
+          )
+        ] });
+      }
+    }
+  );
+}, Rn = {
+  "item-counter": "_item-counter_1qk4p_1"
+}, Bn = F.bind(Rn), Ln = ({
+  activePage: e,
+  pageSize: t,
+  totalItems: o,
+  ofText: s,
+  itemsText: a,
+  limitExceeded: l = !1,
+  warningContent: i = null
+}) => {
+  const r = e * t, _ = r - t;
+  return /* @__PURE__ */ y("div", { className: Bn("item-counter"), children: [
+    `${_ + 1} - ${r < o ? r : o}`,
+    ` ${s} ${o}${l ? "+" : ""} ${a}`,
+    i
+  ] });
+}, Hn = "_selected_cjnvy_23", Wn = {
+  "size-selector": "_size-selector_cjnvy_1",
+  "size-option": "_size-option_cjnvy_6",
+  selected: Hn
+}, et = F.bind(Wn), jn = ({
+  currentSize: e,
+  options: t,
+  onClickOption: o
+}) => /* @__PURE__ */ n("div", { className: et("size-selector"), children: t.map((s) => /* @__PURE__ */ n(
+  "button",
+  {
+    className: et("size-option", { selected: s === e }),
+    onClick: () => {
+      o(s);
+    },
+    children: s
+  },
+  s
+)) }), Yn = {
+  "page-size-control": "_page-size-control_8rb7p_1",
+  "page-size-options": "_page-size-options_8rb7p_8",
+  "size-selector-button": "_size-selector-button_8rb7p_12"
+}, Fe = F.bind(Yn), Kn = ({
+  size: e,
+  sizeOptions: t,
+  perPageText: o,
+  changeSize: s
+}) => {
+  const [a, l] = X(!1), i = (r) => {
+    s(r), l(!1);
+  };
+  return /* @__PURE__ */ y("div", { className: Fe("page-size-control"), children: [
+    /* @__PURE__ */ n(
+      dt,
+      {
+        content: /* @__PURE__ */ n(jn, { options: t, onClickOption: i, currentSize: e }),
+        placement: "top",
+        isOpened: a,
+        setIsOpened: l,
+        className: Fe("page-size-options"),
+        children: /* @__PURE__ */ n(Ie, { className: Fe("size-selector-button"), variant: "text", adjustWidthOn: "content", children: e })
+      }
+    ),
+    ` ${o}`
+  ] });
+}, Gn = {
+  "page-selector": "_page-selector_rtho4_1",
+  "field-wrapper": "_field-wrapper_rtho4_6",
+  "apply-button": "_apply-button_rtho4_10"
+}, Re = F.bind(Gn), Xn = ({
+  totalPages: e,
+  pageText: t,
+  goActionText: o,
+  selectPage: s
+}) => {
+  const [a, l] = X(""), [i, r] = X(!0), _ = (p) => {
+    const v = p.target.value.replace(/\D/g, ""), x = Number(v), f = x > 0 && x <= e;
+    r(f), l(v);
+  }, c = () => {
+    s(Number(a));
+  };
+  return /* @__PURE__ */ y("div", { className: Re("page-selector"), children: [
+    /* @__PURE__ */ n("div", { className: Re("field-wrapper"), children: /* @__PURE__ */ n(
+      je,
+      {
+        onChange: _,
+        value: a,
+        placeholder: t,
+        error: i ? "" : "Error",
+        touched: !0,
+        defaultWidth: !1,
+        displayError: !1
+      }
+    ) }),
+    /* @__PURE__ */ n(Ie, { onClick: c, disabled: !a || !i, className: Re("apply-button"), children: o })
+  ] });
+}, Jn = {
+  "active-page": "_active-page_1gl9o_1",
+  "page-selector": "_page-selector_1gl9o_10",
+  "page-selector-button": "_page-selector-button_1gl9o_14"
+}, Be = F.bind(Jn), Qn = ({
+  activePage: e,
+  totalPages: t,
+  pageText: o,
+  goToText: s,
+  goActionText: a,
+  changePage: l
+}) => {
+  const [i, r] = X(!1), _ = (c) => {
+    l(c), r(!1);
+  };
+  return /* @__PURE__ */ y("div", { className: Be("active-page"), children: [
+    `${o} `,
+    /* @__PURE__ */ n(
+      dt,
+      {
+        content: /* @__PURE__ */ n(
+          Xn,
+          {
+            pageText: o,
+            goActionText: a,
+            selectPage: _,
+            totalPages: t
+          }
+        ),
+        title: s,
+        placement: "top",
+        isOpened: i,
+        setIsOpened: r,
+        className: Be("page-selector"),
+        children: /* @__PURE__ */ n(Ie, { className: Be("page-selector-button"), variant: "text", adjustWidthOn: "content", children: e })
+      }
+    )
+  ] });
+}, Zn = "_bar_y74hy_1", Un = "_section_y74hy_9", qn = "_selected_y74hy_33", Vn = "_tooltip_y74hy_37", eo = {
+  bar: Zn,
+  "section-with-tooltip": "_section-with-tooltip_y74hy_9",
+  section: Un,
+  selected: qn,
+  "tooltip-wrapper": "_tooltip-wrapper_y74hy_37",
+  tooltip: Vn,
+  "tooltip-text": "_tooltip-text_y74hy_48",
+  "page-number": "_page-number_y74hy_52"
+}, ae = F.bind(eo), tt = 13, nt = 260, to = ({
+  totalPages: e,
+  activePage: t,
+  changePage: o,
+  captions: s
+}) => {
+  const a = nt / e, l = Math.min(Math.ceil(nt / tt), e), i = Math.max(tt, a), r = [];
+  for (let c = 1; c <= e; c++)
+    r.push({
+      end: c * a,
+      pageNumber: c
+    });
+  const _ = Array.from({ length: l }, () => ({ pages: { from: void 0, to: void 0 } }));
+  return _.forEach((c, p) => {
+    for (c.pages.from = r[0].pageNumber; i * (p + 1) > r[0].end; )
+      r.shift();
+    c.pages.to = r[0].pageNumber, r.shift();
+  }), /* @__PURE__ */ n("div", { className: ae("bar"), children: _.map((c, p) => /* @__PURE__ */ n(
+    "div",
+    {
+      className: ae("section-with-tooltip"),
+      style: { width: i },
+      onClick: () => c.pages.from && o(c.pages.from),
+      children: /* @__PURE__ */ n(
+        $t,
+        {
+          content: /* @__PURE__ */ y("div", { className: ae("tooltip"), children: [
+            /* @__PURE__ */ n("div", { className: ae("tooltip-text"), children: s.goTo }),
+            /* @__PURE__ */ n("div", { className: ae("page-number"), children: c.pages.from })
+          ] }),
+          wrapperClassName: ae("tooltip-wrapper"),
+          placement: "top",
+          children: /* @__PURE__ */ n(
+            "div",
+            {
+              className: ae("section", {
+                selected: c.pages.from && c.pages.to && c.pages.from <= t && t <= c.pages.to
+              })
+            }
+          )
+        }
+      )
+    },
+    p
+  )) });
+}, no = "_next_pyt8p_21", oo = {
+  "page-navigator": "_page-navigator_pyt8p_1",
+  "page-buttons": "_page-buttons_pyt8p_7",
+  "page-button": "_page-button_pyt8p_7",
+  next: no
+}, le = F.bind(oo), so = ({
+  activePage: e,
+  changePage: t,
+  totalPages: o,
+  captions: s
+}) => {
+  const a = () => {
+    t(1);
+  }, l = () => {
+    t(e - 1);
+  }, i = () => {
+    t(e + 1);
+  }, r = () => {
+    t(o);
+  };
+  return /* @__PURE__ */ y("div", { className: le("page-navigator"), children: [
+    /* @__PURE__ */ y("div", { className: le("page-buttons"), children: [
+      /* @__PURE__ */ n(
+        ye,
+        {
+          className: le("page-button"),
+          onClick: a,
+          disabled: e === 1,
+          children: /* @__PURE__ */ n(Xe, {})
+        }
+      ),
+      /* @__PURE__ */ n(
+        ye,
+        {
+          className: le("page-button"),
+          onClick: l,
+          disabled: e === 1,
+          children: /* @__PURE__ */ n(Je, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(
+      to,
+      {
+        totalPages: o,
+        activePage: e,
+        changePage: t,
+        captions: s
+      }
+    ),
+    /* @__PURE__ */ y("div", { className: le("page-buttons"), children: [
+      /* @__PURE__ */ n(
+        ye,
+        {
+          className: le("page-button", "next"),
+          onClick: i,
+          disabled: e === o,
+          children: /* @__PURE__ */ n(Je, {})
+        }
+      ),
+      /* @__PURE__ */ n(
+        ye,
+        {
+          className: le("page-button", "next"),
+          onClick: r,
+          disabled: e === o,
+          children: /* @__PURE__ */ n(Xe, {})
+        }
+      )
+    ] })
+  ] });
+}, ro = {
+  "page-controls": "_page-controls_thyf8_1",
+  "total-pages": "_total-pages_thyf8_8"
+}, ot = F.bind(ro), ao = ({
+  activePage: e,
+  changePage: t,
+  captions: o,
+  totalPages: s
+}) => /* @__PURE__ */ y("div", { className: ot("page-controls"), children: [
+  /* @__PURE__ */ n(
+    Qn,
+    {
+      activePage: e,
+      totalPages: s,
+      changePage: t,
+      pageText: o.page,
+      goToText: o.goTo,
+      goActionText: o.goAction
+    }
+  ),
+  /* @__PURE__ */ n(
+    so,
+    {
+      changePage: t,
+      activePage: e,
+      totalPages: s,
+      captions: { goTo: o.goTo }
+    }
+  ),
+  /* @__PURE__ */ y("span", { className: ot("total-pages"), children: [
+    `${o.of} `,
+    s
+  ] })
+] }), lo = "_pagination_ax9ed_1", co = {
+  pagination: lo
+}, io = F.bind(co), gs = ({
+  activePage: e,
+  totalPages: t,
+  pageSize: o,
+  totalItems: s,
+  pageSizeOptions: a,
+  changePage: l,
+  changePageSize: i,
+  captions: r,
+  className: _,
+  warningContent: c,
+  limitExceeded: p = !1
+}) => {
+  const v = (r == null ? void 0 : r.of) || "of", x = (r == null ? void 0 : r.page) || "Page";
+  return /* @__PURE__ */ y("div", { className: io("pagination", _), children: [
+    /* @__PURE__ */ n(
+      Ln,
+      {
+        activePage: e,
+        pageSize: o,
+        totalItems: s,
+        ofText: v,
+        itemsText: (r == null ? void 0 : r.items) || "items",
+        limitExceeded: p,
+        warningContent: c
+      }
+    ),
+    t > 1 && /* @__PURE__ */ n(
+      ao,
+      {
+        activePage: e,
+        totalPages: t,
+        changePage: l,
+        captions: {
+          page: x,
+          of: v,
+          goTo: (r == null ? void 0 : r.goTo) || "Go to page",
+          goAction: (r == null ? void 0 : r.goAction) || "Go"
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      Kn,
+      {
+        size: o,
+        sizeOptions: a,
+        changeSize: i,
+        perPageText: (r == null ? void 0 : r.perPage) || "per page"
+      }
+    )
+  ] });
+}, uo = ({ skip: e }) => {
+  mt(() => {
+    if (e)
+      return;
+    let t = window.scrollY, o = !0;
+    const s = 300, a = () => {
+      if (!o)
+        return;
+      window.scrollY !== t && window.scrollTo(0, t);
+    }, l = (r) => {
+      o && (r.preventDefault(), r.stopImmediatePropagation(), a());
+    };
+    t = window.scrollY, window.addEventListener("scroll", l, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
+      t = window.scrollY, a();
+    });
+    const i = setTimeout(() => {
+      o = !1;
+    }, s);
+    return () => {
+      clearTimeout(i), window.removeEventListener("scroll", l, { capture: !0 });
+    };
+  }, [e]);
+}, po = ({ skip: e, reference: t }) => {
+  De(() => {
+    if (e)
+      return;
+    const o = () => {
+      const s = t.current;
+      s instanceof HTMLElement && s.blur();
+    };
+    return window.addEventListener("resize", o), () => {
+      window.removeEventListener("resize", o);
+    };
+  }, [e, t]);
+}, mo = ({ skip: e, onClose: t, menuRef: o }) => {
+  De(() => {
+    if (e)
+      return;
+    const s = (a) => {
+      var l;
+      (l = o.current) != null && l.contains(a.target) || t();
+    };
+    return window.addEventListener("scroll", s, !0), () => {
+      window.removeEventListener("scroll", s, !0);
+    };
+  }, [e, t, o]);
+}, _o = {
+  "input-wrapper": "_input-wrapper_d9vma_1",
+  "dropdown-button": "_dropdown-button_d9vma_6",
+  "icon-reversed": "_icon-reversed_d9vma_14"
+}, st = F.bind(_o), fo = 0, ho = bt({
+  fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
+  boundary: document == null ? void 0 : document.documentElement,
+  rootBoundary: "viewport"
+}), go = yt({
+  apply({ rects: e, elements: t }) {
+    Object.assign(t.floating.style, {
+      width: `${e.reference.width}px`
+    });
+  }
+}), bs = (e) => {
+  const {
+    options: t = [],
+    value: o,
+    placeholder: s = "",
+    onChange: a = () => {
+    },
+    onFocus: l = () => {
+    },
+    onBlur: i = () => {
+    },
+    disabled: r = !1,
+    inputProps: _ = {},
+    parseValueToString: c = (E) => E === null ? "" : String(E),
+    minLength: p = 1,
+    skipOptionCreation: v = !1,
+    maxLength: x = null,
+    optionVariant: f = "",
+    isRequired: z = !1,
+    error: P = "",
+    touched: h = !1,
+    setTouch: g = () => {
+    },
+    createWithoutConfirmation: S = !1,
+    menuClassName: A = "",
+    icon: u,
+    isDropdownMode: d = !1,
+    isOptionUnique: b,
+    refFunction: m,
+    stateReducer: w,
+    onStateChange: I,
+    useFixedPositioning: N,
+    dropdownMatchInputWidth: $ = !1,
+    withMenuFlip: M = !1,
+    placement: D = "bottom-start",
+    newItemButtonText: j = "",
+    menuPortalRoot: k,
+    ...B
+  } = e, [H, ee] = X(!1), Y = we(null), te = oe(() => {
+    var E;
+    return (E = Y.current) == null ? void 0 : E.call(Y);
+  }, []), Z = !H || !k, U = k || N ? "fixed" : "absolute", ne = !H || U === "absolute", ie = Le(
+    () => [
+      ...M ? [ho] : [],
+      ...$ ? [go] : []
+    ],
+    [M, $]
+  ), { refs: K, floatingStyles: O } = rt({
+    placement: D,
+    whileElementsMounted: at,
+    strategy: U,
+    middleware: ie
+  });
+  uo({ skip: Z }), po({ skip: Z, reference: K.reference }), mo({
+    skip: ne,
+    onClose: te,
+    menuRef: K.floating
+  });
+  const se = (E, q, de) => ({ item: C, index: R, ...W }) => E({
+    item: C,
+    index: R,
+    isSelected: de !== null && de === C,
+    ...W,
+    isActive: q === R
+  }), Ee = (E, q) => {
+    E.key === St && (E.preventDefault(), q(t.length));
+  }, Ae = oe(
+    (E, ...q) => {
+      (E == null ? void 0 : E.isOpen) !== void 0 && ee(E.isOpen), I == null || I(E, ...q);
+    },
+    [I]
+  );
+  return /* @__PURE__ */ n(
+    $e,
+    {
+      onChange: a,
+      itemToString: c,
+      selectedItem: o,
+      onStateChange: Ae,
+      defaultHighlightedIndex: fo,
+      stateReducer: w,
+      children: ({
+        getInputProps: E,
+        getItemProps: q,
+        setHighlightedIndex: de,
+        toggleMenu: C,
+        openMenu: R,
+        closeMenu: W,
+        isOpen: T,
+        inputValue: G,
+        highlightedIndex: ue,
+        getRootProps: ge,
+        selectItem: pe
+      }) => {
+        const be = ge(void 0, { suppressRefError: !0 }), ve = {
+          ...be,
+          ref: (Q) => (K.setReference(Q), be.ref(Q))
+        };
+        Y.current || (Y.current = W);
+        const Me = G ?? "", { onClear: me, clearable: Te, ...Ne } = _, xe = Te && o !== null, J = (...Q) => {
+          pe(null), me == null || me(...Q);
+        }, ze = /* @__PURE__ */ n(
+          ut,
+          {
+            isOpen: T,
+            isDropdownMode: d,
+            style: O,
+            ref: K.setFloating,
+            portalMenuAttribute: k ? Ct : null,
+            minLength: p,
+            inputValue: (G || "").trim(),
+            getItemProps: se(q, ue, o),
+            parseValueToString: c,
+            optionVariant: f,
+            createWithoutConfirmation: S,
+            className: A,
+            options: t,
+            newItemButtonText: j,
+            ...B
+          }
+        );
+        return /* @__PURE__ */ y(ce, { children: [
+          /* @__PURE__ */ y("div", { className: st("input-wrapper"), ...ve, children: [
+            /* @__PURE__ */ n(
+              je,
+              {
+                ...E({
+                  placeholder: r ? "" : s,
+                  maxLength: x || void 0,
+                  onFocus: () => {
+                    d && !T && (R(), g == null || g(!0)), l();
+                  },
+                  ref: m,
+                  onKeyDown: (Q) => {
+                    Q.key === ct && Q.preventDefault(), G && T && Ee(Q, de);
+                  },
+                  onBlur: (Q) => {
+                    const Ce = Me.trim(), Pe = !We(Ce), Ke = Pe ? t.find((Oe) => c(Oe) === Ce) : void 0;
+                    pe(Ke || (!v && S && Pe ? Ce : null)), i(Q), b == null || b(
+                      Pe ? !t.some((Oe) => c(Oe) === Ce) : null
+                    ), d && T && C(), g == null || g(!0);
+                  },
+                  disabled: r,
+                  defaultWidth: !1,
+                  isRequired: z,
+                  touched: h,
+                  error: P,
+                  ...Ne,
+                  clearable: xe,
+                  onClear: xe ? J : me,
+                  endIcon: d && !u ? /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: st("dropdown-button", { "icon-reversed": T }),
+                      onClick: () => C(),
+                      "aria-label": "Toggle dropdown",
+                      "aria-expanded": T,
+                      children: /* @__PURE__ */ n(it, {})
+                    }
+                  ) : u,
+                  minLength: d ? 0 : p
+                })
+              }
+            ),
+            !k && ze
+          ] }),
+          k && gt(ze, k)
+        ] });
+      }
+    }
+  );
+};
+export {
+  ut as A,
+  fs as D,
+  je as F,
+  hs as M,
+  gs as P,
+  bs as S,
+  mn as a,
+  qe as b,
+  xn as c,
+  _s as r
+};