@hortiview/shared-components 0.0.6320 → 0.0.6338

package/dist/components/FormComponents/FormSelect/FormSelect.js

@@ -1,95 +1,1492 @@
 import "../../../assets/FormSelect.css";
-import { jsx as l, Fragment as P } from "react/jsx-runtime";
-import { Select as V } from "@element/react-components";
-import { g as d, i as k } from "../../../get-BRDhkfK0.js";
-import { useMemo as u } from "react";
-import { useFormContext as w, Controller as g } from "react-hook-form";
-const z = "_invalid_1vo1h_1", B = "_formSelect_1vo1h_5", D = "_formSelectContainer_1vo1h_9", S = {
-  invalid: z,
-  formSelect: B,
-  formSelectContainer: D
-}, W = ({
-  propertyName: r,
-  label: h,
-  options: t,
-  multi: s = !1,
-  disabled: C = !1,
-  hoisted: q = !1,
-  hidden: T = !1,
-  valueKey: n = "value",
-  textKey: p = "text",
-  clearable: F = !1,
-  searchable: M = !0,
-  noOptionsMessage: H = "",
-  rules: i,
-  ...$
-}) => {
+import { jsx as Ae, Fragment as Ht, jsxs as yo } from "react/jsx-runtime";
+import { Select as go } from "@element/react-components";
+import { g as At, i as wo } from "../../../get-BRDhkfK0.js";
+import Ee, { createContext as bo, useState as I, useRef as ie, useEffect as L, useContext as xo, useCallback as _o, useImperativeHandle as So, useLayoutEffect as Ao, useMemo as Et } from "react";
+import { useFormContext as Eo, Controller as zt } from "react-hook-form";
+import { g as To } from "../../../_commonjsHelpers-CT_km90n.js";
+import { SelectTooltipText as Oo } from "./SelectTooltipText.js";
+const We = Math.min, Te = Math.max, ht = Math.round, mt = Math.floor, ve = (e) => ({
+  x: e,
+  y: e
+}), Co = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Ro = {
+  start: "end",
+  end: "start"
+};
+function Ct(e, t, n) {
+  return Te(e, We(t, n));
+}
+function rt(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function Oe(e) {
+  return e.split("-")[0];
+}
+function it(e) {
+  return e.split("-")[1];
+}
+function oo(e) {
+  return e === "x" ? "y" : "x";
+}
+function Dt(e) {
+  return e === "y" ? "height" : "width";
+}
+function gt(e) {
+  return ["top", "bottom"].includes(Oe(e)) ? "y" : "x";
+}
+function Nt(e) {
+  return oo(gt(e));
+}
+function Lo(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = it(e), i = Nt(e), r = Dt(i);
+  let l = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[r] > t.floating[r] && (l = vt(l)), [l, vt(l)];
+}
+function ko(e) {
+  const t = vt(e);
+  return [Rt(e), t, Rt(t)];
+}
+function Rt(e) {
+  return e.replace(/start|end/g, (t) => Ro[t]);
+}
+function Do(e, t, n) {
+  const o = ["left", "right"], i = ["right", "left"], r = ["top", "bottom"], l = ["bottom", "top"];
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? i : o : t ? o : i;
+    case "left":
+    case "right":
+      return t ? r : l;
+    default:
+      return [];
+  }
+}
+function No(e, t, n, o) {
+  const i = it(e);
+  let r = Do(Oe(e), n === "start", o);
+  return i && (r = r.map((l) => l + "-" + i), t && (r = r.concat(r.map(Rt)))), r;
+}
+function vt(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Co[t]);
+}
+function $o(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function no(e) {
+  return typeof e != "number" ? $o(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function yt(e) {
   const {
-    control: v,
-    formState: { errors: o, isValidating: x }
-  } = w(), a = u(
-    () => !x && d(o, r) !== void 0,
-    [o, r, x]
-  ), b = u(
-    () => i?.required?.value,
-    [i]
-  ), j = u(
-    () => i?.required?.message,
-    [i]
-  ), A = () => {
-    if (o && o[r]) {
-      const f = o[r]?.message;
-      return f || "Invalid input";
-    }
-    return j;
-  };
-  return T ? /* @__PURE__ */ l(g, { name: r, control: v, render: () => /* @__PURE__ */ l(P, {}) }) : /* @__PURE__ */ l("div", { className: S.formSelectContainer, children: /* @__PURE__ */ l(
-    g,
-    {
-      name: r,
-      rules: i,
-      control: v,
-      render: ({ field: { ref: f, onChange: c, value: _, ...E } }) => {
-        let m = t;
-        k(t) && d(t[0], "options") !== void 0 && (m = t.flatMap((e) => d(e, "options") ?? []));
-        const I = s ? m?.filter(
-          (e) => _?.includes(e[n])
-        ) : m?.find((e) => e[n] === _);
-        return /* @__PURE__ */ l(
-          V,
-          {
-            ...E,
-            ...$,
-            value: I,
-            label: h,
-            variant: "outlined",
-            helperText: A(),
-            helperTextPersistent: b || a,
-            options: t,
-            valid: !a,
-            multiSelect: s,
-            className: `${S.formSelect} ${a ? S.invalid : ""}`,
-            disabled: C,
-            valueKey: n,
-            textKey: p,
-            onChange: (e) => {
-              if (e == null)
-                return c(e);
-              if (s)
-                return c(e.map((O) => O[n]));
-              c(e[n]);
+    x: t,
+    y: n,
+    width: o,
+    height: i
+  } = e;
+  return {
+    width: o,
+    height: i,
+    top: n,
+    left: t,
+    right: t + o,
+    bottom: n + i,
+    x: t,
+    y: n
+  };
+}
+function Vt(e, t, n) {
+  let {
+    reference: o,
+    floating: i
+  } = e;
+  const r = gt(t), l = Nt(t), s = Dt(l), c = Oe(t), a = r === "y", p = o.x + o.width / 2 - i.width / 2, f = o.y + o.height / 2 - i.height / 2, g = o[s] / 2 - i[s] / 2;
+  let d;
+  switch (c) {
+    case "top":
+      d = {
+        x: p,
+        y: o.y - i.height
+      };
+      break;
+    case "bottom":
+      d = {
+        x: p,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      d = {
+        x: o.x + o.width,
+        y: f
+      };
+      break;
+    case "left":
+      d = {
+        x: o.x - i.width,
+        y: f
+      };
+      break;
+    default:
+      d = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (it(t)) {
+    case "start":
+      d[l] -= g * (n && a ? -1 : 1);
+      break;
+    case "end":
+      d[l] += g * (n && a ? -1 : 1);
+      break;
+  }
+  return d;
+}
+const Po = async (e, t, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: i = "absolute",
+    middleware: r = [],
+    platform: l
+  } = n, s = r.filter(Boolean), c = await (l.isRTL == null ? void 0 : l.isRTL(t));
+  let a = await l.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: i
+  }), {
+    x: p,
+    y: f
+  } = Vt(a, o, c), g = o, d = {}, m = 0;
+  for (let h = 0; h < s.length; h++) {
+    const {
+      name: x,
+      fn: v
+    } = s[h], {
+      x: _,
+      y: S,
+      data: T,
+      reset: E
+    } = await v({
+      x: p,
+      y: f,
+      initialPlacement: o,
+      placement: g,
+      strategy: i,
+      middlewareData: d,
+      rects: a,
+      platform: l,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    p = _ ?? p, f = S ?? f, d = {
+      ...d,
+      [x]: {
+        ...d[x],
+        ...T
+      }
+    }, E && m <= 50 && (m++, typeof E == "object" && (E.placement && (g = E.placement), E.rects && (a = E.rects === !0 ? await l.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: i
+    }) : E.rects), {
+      x: p,
+      y: f
+    } = Vt(a, g, c)), h = -1);
+  }
+  return {
+    x: p,
+    y: f,
+    placement: g,
+    strategy: i,
+    middlewareData: d
+  };
+};
+async function ro(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: o,
+    y: i,
+    platform: r,
+    rects: l,
+    elements: s,
+    strategy: c
+  } = e, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: p = "viewport",
+    elementContext: f = "floating",
+    altBoundary: g = !1,
+    padding: d = 0
+  } = rt(t, e), m = no(d), x = s[g ? f === "floating" ? "reference" : "floating" : f], v = yt(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(x))) == null || n ? x : x.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(s.floating)),
+    boundary: a,
+    rootBoundary: p,
+    strategy: c
+  })), _ = f === "floating" ? {
+    x: o,
+    y: i,
+    width: l.floating.width,
+    height: l.floating.height
+  } : l.reference, S = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), T = await (r.isElement == null ? void 0 : r.isElement(S)) ? await (r.getScale == null ? void 0 : r.getScale(S)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, E = yt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: s,
+    rect: _,
+    offsetParent: S,
+    strategy: c
+  }) : _);
+  return {
+    top: (v.top - E.top + m.top) / T.y,
+    bottom: (E.bottom - v.bottom + m.bottom) / T.y,
+    left: (v.left - E.left + m.left) / T.x,
+    right: (E.right - v.right + m.right) / T.x
+  };
+}
+const Bo = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: n,
+      y: o,
+      placement: i,
+      rects: r,
+      platform: l,
+      elements: s,
+      middlewareData: c
+    } = t, {
+      element: a,
+      padding: p = 0
+    } = rt(e, t) || {};
+    if (a == null)
+      return {};
+    const f = no(p), g = {
+      x: n,
+      y: o
+    }, d = Nt(i), m = Dt(d), h = await l.getDimensions(a), x = d === "y", v = x ? "top" : "left", _ = x ? "bottom" : "right", S = x ? "clientHeight" : "clientWidth", T = r.reference[m] + r.reference[d] - g[d] - r.floating[m], E = g[d] - r.reference[d], B = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(a));
+    let C = B ? B[S] : 0;
+    (!C || !await (l.isElement == null ? void 0 : l.isElement(B))) && (C = s.floating[S] || r.floating[m]);
+    const H = T / 2 - E / 2, X = C / 2 - h[m] / 2 - 1, K = We(f[v], X), J = We(f[_], X), O = K, ee = C - h[m] - J, k = C / 2 - h[m] / 2 + H, z = Ct(O, k, ee), M = !c.arrow && it(i) != null && k !== z && r.reference[m] / 2 - (k < O ? K : J) - h[m] / 2 < 0, F = M ? k < O ? k - O : k - ee : 0;
+    return {
+      [d]: g[d] + F,
+      data: {
+        [d]: z,
+        centerOffset: k - z - F,
+        ...M && {
+          alignmentOffset: F
+        }
+      },
+      reset: M
+    };
+  }
+}), Io = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: i,
+        middlewareData: r,
+        rects: l,
+        initialPlacement: s,
+        platform: c,
+        elements: a
+      } = t, {
+        mainAxis: p = !0,
+        crossAxis: f = !0,
+        fallbackPlacements: g,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: h = !0,
+        ...x
+      } = rt(e, t);
+      if ((n = r.arrow) != null && n.alignmentOffset)
+        return {};
+      const v = Oe(i), _ = Oe(s) === s, S = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), T = g || (_ || !h ? [vt(s)] : ko(s));
+      !g && m !== "none" && T.push(...No(s, h, m, S));
+      const E = [s, ...T], B = await ro(t, x), C = [];
+      let H = ((o = r.flip) == null ? void 0 : o.overflows) || [];
+      if (p && C.push(B[v]), f) {
+        const O = Lo(i, l, S);
+        C.push(B[O[0]], B[O[1]]);
+      }
+      if (H = [...H, {
+        placement: i,
+        overflows: C
+      }], !C.every((O) => O <= 0)) {
+        var X, K;
+        const O = (((X = r.flip) == null ? void 0 : X.index) || 0) + 1, ee = E[O];
+        if (ee)
+          return {
+            data: {
+              index: O,
+              overflows: H
             },
-            hoisted: q,
-            noOptionsMessage: H,
-            searchable: M,
-            clearable: F,
-            menuMaxHeight: "15rem"
+            reset: {
+              placement: ee
+            }
+          };
+        let k = (K = H.filter((z) => z.overflows[0] <= 0).sort((z, M) => z.overflows[1] - M.overflows[1])[0]) == null ? void 0 : K.placement;
+        if (!k)
+          switch (d) {
+            case "bestFit": {
+              var J;
+              const z = (J = H.map((M) => [M.placement, M.overflows.filter((F) => F > 0).reduce((F, de) => F + de, 0)]).sort((M, F) => M[1] - F[1])[0]) == null ? void 0 : J[0];
+              z && (k = z);
+              break;
+            }
+            case "initialPlacement":
+              k = s;
+              break;
+          }
+        if (i !== k)
+          return {
+            reset: {
+              placement: k
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function Mo(e, t) {
+  const {
+    placement: n,
+    platform: o,
+    elements: i
+  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), l = Oe(n), s = it(n), c = gt(n) === "y", a = ["left", "top"].includes(l) ? -1 : 1, p = r && c ? -1 : 1, f = rt(t, e);
+  let {
+    mainAxis: g,
+    crossAxis: d,
+    alignmentAxis: m
+  } = typeof f == "number" ? {
+    mainAxis: f,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...f
+  };
+  return s && typeof m == "number" && (d = s === "end" ? m * -1 : m), c ? {
+    x: d * p,
+    y: g * a
+  } : {
+    x: g * a,
+    y: d * p
+  };
+}
+const jo = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        x: i,
+        y: r,
+        placement: l,
+        middlewareData: s
+      } = t, c = await Mo(t, e);
+      return l === ((n = s.offset) == null ? void 0 : n.placement) && (o = s.arrow) != null && o.alignmentOffset ? {} : {
+        x: i + c.x,
+        y: r + c.y,
+        data: {
+          ...c,
+          placement: l
+        }
+      };
+    }
+  };
+}, Wo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: i
+      } = t, {
+        mainAxis: r = !0,
+        crossAxis: l = !1,
+        limiter: s = {
+          fn: (x) => {
+            let {
+              x: v,
+              y: _
+            } = x;
+            return {
+              x: v,
+              y: _
+            };
+          }
+        },
+        ...c
+      } = rt(e, t), a = {
+        x: n,
+        y: o
+      }, p = await ro(t, c), f = gt(Oe(i)), g = oo(f);
+      let d = a[g], m = a[f];
+      if (r) {
+        const x = g === "y" ? "top" : "left", v = g === "y" ? "bottom" : "right", _ = d + p[x], S = d - p[v];
+        d = Ct(_, d, S);
+      }
+      if (l) {
+        const x = f === "y" ? "top" : "left", v = f === "y" ? "bottom" : "right", _ = m + p[x], S = m - p[v];
+        m = Ct(_, m, S);
+      }
+      const h = s.fn({
+        ...t,
+        [g]: d,
+        [f]: m
+      });
+      return {
+        ...h,
+        data: {
+          x: h.x - n,
+          y: h.y - o
+        }
+      };
+    }
+  };
+};
+function He(e) {
+  return io(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function Q(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function pe(e) {
+  var t;
+  return (t = (io(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function io(e) {
+  return e instanceof Node || e instanceof Q(e).Node;
+}
+function ae(e) {
+  return e instanceof Element || e instanceof Q(e).Element;
+}
+function ue(e) {
+  return e instanceof HTMLElement || e instanceof Q(e).HTMLElement;
+}
+function qt(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Q(e).ShadowRoot;
+}
+function lt(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: o,
+    display: i
+  } = le(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(i);
+}
+function Fo(e) {
+  return ["table", "td", "th"].includes(He(e));
+}
+function $t(e) {
+  const t = Pt(), n = le(e);
+  return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
+}
+function Ho(e) {
+  let t = ye(e);
+  for (; ue(t) && !Fe(t); ) {
+    if ($t(t))
+      return t;
+    t = ye(t);
+  }
+  return null;
+}
+function Pt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function Fe(e) {
+  return ["html", "body", "#document"].includes(He(e));
+}
+function le(e) {
+  return Q(e).getComputedStyle(e);
+}
+function wt(e) {
+  return ae(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.pageXOffset,
+    scrollTop: e.pageYOffset
+  };
+}
+function ye(e) {
+  if (He(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    qt(e) && e.host || // Fallback.
+    pe(e)
+  );
+  return qt(t) ? t.host : t;
+}
+function lo(e) {
+  const t = ye(e);
+  return Fe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ue(t) && lt(t) ? t : lo(t);
+}
+function nt(e, t, n) {
+  var o;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const i = lo(e), r = i === ((o = e.ownerDocument) == null ? void 0 : o.body), l = Q(i);
+  return r ? t.concat(l, l.visualViewport || [], lt(i) ? i : [], l.frameElement && n ? nt(l.frameElement) : []) : t.concat(i, nt(i, [], n));
+}
+function so(e) {
+  const t = le(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const i = ue(e), r = i ? e.offsetWidth : n, l = i ? e.offsetHeight : o, s = ht(n) !== r || ht(o) !== l;
+  return s && (n = r, o = l), {
+    width: n,
+    height: o,
+    $: s
+  };
+}
+function Bt(e) {
+  return ae(e) ? e : e.contextElement;
+}
+function je(e) {
+  const t = Bt(e);
+  if (!ue(t))
+    return ve(1);
+  const n = t.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: r
+  } = so(t);
+  let l = (r ? ht(n.width) : n.width) / o, s = (r ? ht(n.height) : n.height) / i;
+  return (!l || !Number.isFinite(l)) && (l = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+    x: l,
+    y: s
+  };
+}
+const zo = /* @__PURE__ */ ve(0);
+function co(e) {
+  const t = Q(e);
+  return !Pt() || !t.visualViewport ? zo : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function Vo(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== Q(e) ? !1 : t;
+}
+function Ce(e, t, n, o) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const i = e.getBoundingClientRect(), r = Bt(e);
+  let l = ve(1);
+  t && (o ? ae(o) && (l = je(o)) : l = je(e));
+  const s = Vo(r, n, o) ? co(r) : ve(0);
+  let c = (i.left + s.x) / l.x, a = (i.top + s.y) / l.y, p = i.width / l.x, f = i.height / l.y;
+  if (r) {
+    const g = Q(r), d = o && ae(o) ? Q(o) : o;
+    let m = g, h = m.frameElement;
+    for (; h && o && d !== m; ) {
+      const x = je(h), v = h.getBoundingClientRect(), _ = le(h), S = v.left + (h.clientLeft + parseFloat(_.paddingLeft)) * x.x, T = v.top + (h.clientTop + parseFloat(_.paddingTop)) * x.y;
+      c *= x.x, a *= x.y, p *= x.x, f *= x.y, c += S, a += T, m = Q(h), h = m.frameElement;
+    }
+  }
+  return yt({
+    width: p,
+    height: f,
+    x: c,
+    y: a
+  });
+}
+const qo = [":popover-open", ":modal"];
+function It(e) {
+  return qo.some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+function Xo(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: o,
+    strategy: i
+  } = e;
+  const r = i === "fixed", l = pe(o), s = t ? It(t.floating) : !1;
+  if (o === l || s && r)
+    return n;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = ve(1);
+  const p = ve(0), f = ue(o);
+  if ((f || !f && !r) && ((He(o) !== "body" || lt(l)) && (c = wt(o)), ue(o))) {
+    const g = Ce(o);
+    a = je(o), p.x = g.x + o.clientLeft, p.y = g.y + o.clientTop;
+  }
+  return {
+    width: n.width * a.x,
+    height: n.height * a.y,
+    x: n.x * a.x - c.scrollLeft * a.x + p.x,
+    y: n.y * a.y - c.scrollTop * a.y + p.y
+  };
+}
+function Yo(e) {
+  return Array.from(e.getClientRects());
+}
+function ao(e) {
+  return Ce(pe(e)).left + wt(e).scrollLeft;
+}
+function Go(e) {
+  const t = pe(e), n = wt(e), o = e.ownerDocument.body, i = Te(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = Te(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let l = -n.scrollLeft + ao(e);
+  const s = -n.scrollTop;
+  return le(o).direction === "rtl" && (l += Te(t.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: r,
+    x: l,
+    y: s
+  };
+}
+function Ko(e, t) {
+  const n = Q(e), o = pe(e), i = n.visualViewport;
+  let r = o.clientWidth, l = o.clientHeight, s = 0, c = 0;
+  if (i) {
+    r = i.width, l = i.height;
+    const a = Pt();
+    (!a || a && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
+  }
+  return {
+    width: r,
+    height: l,
+    x: s,
+    y: c
+  };
+}
+function Uo(e, t) {
+  const n = Ce(e, !0, t === "fixed"), o = n.top + e.clientTop, i = n.left + e.clientLeft, r = ue(e) ? je(e) : ve(1), l = e.clientWidth * r.x, s = e.clientHeight * r.y, c = i * r.x, a = o * r.y;
+  return {
+    width: l,
+    height: s,
+    x: c,
+    y: a
+  };
+}
+function Xt(e, t, n) {
+  let o;
+  if (t === "viewport")
+    o = Ko(e, n);
+  else if (t === "document")
+    o = Go(pe(e));
+  else if (ae(t))
+    o = Uo(t, n);
+  else {
+    const i = co(e);
+    o = {
+      ...t,
+      x: t.x - i.x,
+      y: t.y - i.y
+    };
+  }
+  return yt(o);
+}
+function uo(e, t) {
+  const n = ye(e);
+  return n === t || !ae(n) || Fe(n) ? !1 : le(n).position === "fixed" || uo(n, t);
+}
+function Zo(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let o = nt(e, [], !1).filter((s) => ae(s) && He(s) !== "body"), i = null;
+  const r = le(e).position === "fixed";
+  let l = r ? ye(e) : e;
+  for (; ae(l) && !Fe(l); ) {
+    const s = le(l), c = $t(l);
+    !c && s.position === "fixed" && (i = null), (r ? !c && !i : !c && s.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || lt(l) && !c && uo(e, l)) ? o = o.filter((p) => p !== l) : i = s, l = ye(l);
+  }
+  return t.set(e, o), o;
+}
+function Qo(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = e;
+  const l = [...n === "clippingAncestors" ? It(t) ? [] : Zo(t, this._c) : [].concat(n), o], s = l[0], c = l.reduce((a, p) => {
+    const f = Xt(t, p, i);
+    return a.top = Te(f.top, a.top), a.right = We(f.right, a.right), a.bottom = We(f.bottom, a.bottom), a.left = Te(f.left, a.left), a;
+  }, Xt(t, s, i));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function Jo(e) {
+  const {
+    width: t,
+    height: n
+  } = so(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function en(e, t, n) {
+  const o = ue(t), i = pe(t), r = n === "fixed", l = Ce(e, !0, r, t);
+  let s = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = ve(0);
+  if (o || !o && !r)
+    if ((He(t) !== "body" || lt(i)) && (s = wt(t)), o) {
+      const f = Ce(t, !0, r, t);
+      c.x = f.x + t.clientLeft, c.y = f.y + t.clientTop;
+    } else
+      i && (c.x = ao(i));
+  const a = l.left + s.scrollLeft - c.x, p = l.top + s.scrollTop - c.y;
+  return {
+    x: a,
+    y: p,
+    width: l.width,
+    height: l.height
+  };
+}
+function Tt(e) {
+  return le(e).position === "static";
+}
+function Yt(e, t) {
+  return !ue(e) || le(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
+}
+function fo(e, t) {
+  const n = Q(e);
+  if (It(e))
+    return n;
+  if (!ue(e)) {
+    let i = ye(e);
+    for (; i && !Fe(i); ) {
+      if (ae(i) && !Tt(i))
+        return i;
+      i = ye(i);
+    }
+    return n;
+  }
+  let o = Yt(e, t);
+  for (; o && Fo(o) && Tt(o); )
+    o = Yt(o, t);
+  return o && Fe(o) && Tt(o) && !$t(o) ? n : o || Ho(e) || n;
+}
+const tn = async function(e) {
+  const t = this.getOffsetParent || fo, n = this.getDimensions, o = await n(e.floating);
+  return {
+    reference: en(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function on(e) {
+  return le(e).direction === "rtl";
+}
+const nn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Xo,
+  getDocumentElement: pe,
+  getClippingRect: Qo,
+  getOffsetParent: fo,
+  getElementRects: tn,
+  getClientRects: Yo,
+  getDimensions: Jo,
+  getScale: je,
+  isElement: ae,
+  isRTL: on
+};
+function rn(e, t) {
+  let n = null, o;
+  const i = pe(e);
+  function r() {
+    var s;
+    clearTimeout(o), (s = n) == null || s.disconnect(), n = null;
+  }
+  function l(s, c) {
+    s === void 0 && (s = !1), c === void 0 && (c = 1), r();
+    const {
+      left: a,
+      top: p,
+      width: f,
+      height: g
+    } = e.getBoundingClientRect();
+    if (s || t(), !f || !g)
+      return;
+    const d = mt(p), m = mt(i.clientWidth - (a + f)), h = mt(i.clientHeight - (p + g)), x = mt(a), _ = {
+      rootMargin: -d + "px " + -m + "px " + -h + "px " + -x + "px",
+      threshold: Te(0, We(1, c)) || 1
+    };
+    let S = !0;
+    function T(E) {
+      const B = E[0].intersectionRatio;
+      if (B !== c) {
+        if (!S)
+          return l();
+        B ? l(!1, B) : o = setTimeout(() => {
+          l(!1, 1e-7);
+        }, 1e3);
+      }
+      S = !1;
+    }
+    try {
+      n = new IntersectionObserver(T, {
+        ..._,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(T, _);
+    }
+    n.observe(e);
+  }
+  return l(!0), r;
+}
+function ln(e, t, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: r = !0,
+    elementResize: l = typeof ResizeObserver == "function",
+    layoutShift: s = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = o, a = Bt(e), p = i || r ? [...a ? nt(a) : [], ...nt(t)] : [];
+  p.forEach((v) => {
+    i && v.addEventListener("scroll", n, {
+      passive: !0
+    }), r && v.addEventListener("resize", n);
+  });
+  const f = a && s ? rn(a, n) : null;
+  let g = -1, d = null;
+  l && (d = new ResizeObserver((v) => {
+    let [_] = v;
+    _ && _.target === a && d && (d.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+      var S;
+      (S = d) == null || S.observe(t);
+    })), n();
+  }), a && !c && d.observe(a), d.observe(t));
+  let m, h = c ? Ce(e) : null;
+  c && x();
+  function x() {
+    const v = Ce(e);
+    h && (v.x !== h.x || v.y !== h.y || v.width !== h.width || v.height !== h.height) && n(), h = v, m = requestAnimationFrame(x);
+  }
+  return n(), () => {
+    var v;
+    p.forEach((_) => {
+      i && _.removeEventListener("scroll", n), r && _.removeEventListener("resize", n);
+    }), f?.(), (v = d) == null || v.disconnect(), d = null, c && cancelAnimationFrame(m);
+  };
+}
+const sn = jo, cn = Wo, an = Io, un = Bo, Gt = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: nn,
+    ...n
+  }, r = {
+    ...i.platform,
+    _c: o
+  };
+  return Po(e, t, {
+    ...i,
+    platform: r
+  });
+};
+var po = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", l = 0; l < arguments.length; l++) {
+        var s = arguments[l];
+        s && (r = i(r, o(s)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var l = "";
+      for (var s in r)
+        t.call(r, s) && r[s] && (l = i(l, s));
+      return l;
+    }
+    function i(r, l) {
+      return l ? r ? r + " " + l : r + l : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(po);
+var dn = po.exports;
+const Lt = /* @__PURE__ */ To(dn);
+/*
+* React Tooltip
+* {@link https://github.com/ReactTooltip/react-tooltip}
+* @copyright ReactTooltip Team
+* @license MIT
+*/
+const fn = "react-tooltip-core-styles", pn = "react-tooltip-base-styles", Kt = { core: !1, base: !1 };
+function Ut({ css: e, id: t = pn, type: n = "base", ref: o }) {
+  var i, r;
+  if (!e || typeof document > "u" || Kt[n] || n === "core" && typeof process < "u" && (!((i = process == null ? void 0 : process.env) === null || i === void 0) && i.REACT_TOOLTIP_DISABLE_CORE_STYLES) || n !== "base" && typeof process < "u" && (!((r = process == null ? void 0 : process.env) === null || r === void 0) && r.REACT_TOOLTIP_DISABLE_BASE_STYLES))
+    return;
+  n === "core" && (t = fn), o || (o = {});
+  const { insertAt: l } = o;
+  if (document.getElementById(t))
+    return void console.warn(`[react-tooltip] Element with id '${t}' already exists. Call \`removeStyle()\` first`);
+  const s = document.head || document.getElementsByTagName("head")[0], c = document.createElement("style");
+  c.id = t, c.type = "text/css", l === "top" && s.firstChild ? s.insertBefore(c, s.firstChild) : s.appendChild(c), c.styleSheet ? c.styleSheet.cssText = e : c.appendChild(document.createTextNode(e)), Kt[n] = !0;
+}
+const Zt = async ({ elementReference: e = null, tooltipReference: t = null, tooltipArrowReference: n = null, place: o = "top", offset: i = 10, strategy: r = "absolute", middlewares: l = [sn(Number(i)), an({ fallbackAxisSideDirection: "start" }), cn({ padding: 5 })], border: s }) => {
+  if (!e)
+    return { tooltipStyles: {}, tooltipArrowStyles: {}, place: o };
+  if (t === null)
+    return { tooltipStyles: {}, tooltipArrowStyles: {}, place: o };
+  const c = l;
+  return n ? (c.push(un({ element: n, padding: 5 })), Gt(e, t, { placement: o, strategy: r, middleware: c }).then(({ x: a, y: p, placement: f, middlewareData: g }) => {
+    var d, m;
+    const h = { left: `${a}px`, top: `${p}px`, border: s }, { x, y: v } = (d = g.arrow) !== null && d !== void 0 ? d : { x: 0, y: 0 }, _ = (m = { top: "bottom", right: "left", bottom: "top", left: "right" }[f.split("-")[0]]) !== null && m !== void 0 ? m : "bottom", S = s && { borderBottom: s, borderRight: s };
+    let T = 0;
+    if (s) {
+      const E = `${s}`.match(/(\d+)px/);
+      T = E?.[1] ? Number(E[1]) : 1;
+    }
+    return { tooltipStyles: h, tooltipArrowStyles: { left: x != null ? `${x}px` : "", top: v != null ? `${v}px` : "", right: "", bottom: "", ...S, [_]: `-${4 + T}px` }, place: f };
+  })) : Gt(e, t, { placement: "bottom", strategy: r, middleware: c }).then(({ x: a, y: p, placement: f }) => ({ tooltipStyles: { left: `${a}px`, top: `${p}px` }, tooltipArrowStyles: {}, place: f }));
+}, Qt = (e, t) => !("CSS" in window && "supports" in window.CSS) || window.CSS.supports(e, t), Jt = (e, t, n) => {
+  let o = null;
+  const i = function(...r) {
+    const l = () => {
+      o = null, n || e.apply(this, r);
+    };
+    n && !o && (e.apply(this, r), o = setTimeout(l, t)), n || (o && clearTimeout(o), o = setTimeout(l, t));
+  };
+  return i.cancel = () => {
+    o && (clearTimeout(o), o = null);
+  }, i;
+}, eo = (e) => e !== null && !Array.isArray(e) && typeof e == "object", kt = (e, t) => {
+  if (e === t)
+    return !0;
+  if (Array.isArray(e) && Array.isArray(t))
+    return e.length === t.length && e.every((i, r) => kt(i, t[r]));
+  if (Array.isArray(e) !== Array.isArray(t))
+    return !1;
+  if (!eo(e) || !eo(t))
+    return e === t;
+  const n = Object.keys(e), o = Object.keys(t);
+  return n.length === o.length && n.every((i) => kt(e[i], t[i]));
+}, mn = (e) => {
+  if (!(e instanceof HTMLElement || e instanceof SVGElement))
+    return !1;
+  const t = getComputedStyle(e);
+  return ["overflow", "overflow-x", "overflow-y"].some((n) => {
+    const o = t.getPropertyValue(n);
+    return o === "auto" || o === "scroll";
+  });
+}, to = (e) => {
+  if (!e)
+    return null;
+  let t = e.parentElement;
+  for (; t; ) {
+    if (mn(t))
+      return t;
+    t = t.parentElement;
+  }
+  return document.scrollingElement || document.documentElement;
+}, hn = typeof window < "u" ? Ao : L, vn = "DEFAULT_TOOLTIP_ID", yn = { anchorRefs: /* @__PURE__ */ new Set(), activeAnchor: { current: null }, attach: () => {
+}, detach: () => {
+}, setActiveAnchor: () => {
+} }, gn = bo({ getTooltipData: () => yn });
+function mo(e = vn) {
+  return xo(gn).getTooltipData(e);
+}
+var Me = { tooltip: "core-styles-module_tooltip__3vRRp", fixed: "core-styles-module_fixed__pcSol", arrow: "core-styles-module_arrow__cvMwQ", noArrow: "core-styles-module_noArrow__xock6", clickable: "core-styles-module_clickable__ZuTTB", show: "core-styles-module_show__Nt9eE", closing: "core-styles-module_closing__sGnxF" }, Ot = { tooltip: "styles-module_tooltip__mnnfp", arrow: "styles-module_arrow__K0L3T", dark: "styles-module_dark__xNqje", light: "styles-module_light__Z6W-X", success: "styles-module_success__A2AKt", warning: "styles-module_warning__SCK0X", error: "styles-module_error__JvumD", info: "styles-module_info__BWdHW" };
+const wn = ({ forwardRef: e, id: t, className: n, classNameArrow: o, variant: i = "dark", anchorId: r, anchorSelect: l, place: s = "top", offset: c = 10, events: a = ["hover"], openOnClick: p = !1, positionStrategy: f = "absolute", middlewares: g, wrapper: d, delayShow: m = 0, delayHide: h = 0, float: x = !1, hidden: v = !1, noArrow: _ = !1, clickable: S = !1, closeOnEsc: T = !1, closeOnScroll: E = !1, closeOnResize: B = !1, openEvents: C, closeEvents: H, globalCloseEvents: X, imperativeModeOnly: K, style: J, position: O, afterShow: ee, afterHide: k, content: z, contentWrapperRef: M, isOpen: F, defaultIsOpen: de = !1, setIsOpen: ge, activeAnchor: $, setActiveAnchor: Re, border: st, opacity: ct, arrowColor: at, role: bt = "tooltip" }) => {
+  var ze;
+  const Y = ie(null), Le = ie(null), V = ie(null), te = ie(null), we = ie(null), [me, xt] = I({ tooltipStyles: {}, tooltipArrowStyles: {}, place: s }), [U, ut] = I(!1), [be, xe] = I(!1), [N, Ve] = I(null), qe = ie(!1), Xe = ie(null), { anchorRefs: Ye, setActiveAnchor: dt } = mo(t), ke = ie(!1), [he, Ge] = I([]), _e = ie(!1), De = p || a.includes("click"), Ke = De || C?.click || C?.dblclick || C?.mousedown, Ne = C ? { ...C } : { mouseenter: !0, focus: !0, click: !1, dblclick: !1, mousedown: !1 };
+  !C && De && Object.assign(Ne, { mouseenter: !1, focus: !1, click: !0 });
+  const Ue = H ? { ...H } : { mouseleave: !0, blur: !0, click: !1, dblclick: !1, mouseup: !1 };
+  !H && De && Object.assign(Ue, { mouseleave: !1, blur: !1 });
+  const re = X ? { ...X } : { escape: T || !1, scroll: E || !1, resize: B || !1, clickOutsideAnchor: Ke || !1 };
+  K && (Object.assign(Ne, { mouseenter: !1, focus: !1, click: !1, dblclick: !1, mousedown: !1 }), Object.assign(Ue, { mouseleave: !1, blur: !1, click: !1, dblclick: !1, mouseup: !1 }), Object.assign(re, { escape: !1, scroll: !1, resize: !1, clickOutsideAnchor: !1 })), hn(() => (_e.current = !0, () => {
+    _e.current = !1;
+  }), []);
+  const P = (u) => {
+    _e.current && (u && xe(!0), setTimeout(() => {
+      _e.current && (ge?.(u), F === void 0 && ut(u));
+    }, 10));
+  };
+  L(() => {
+    if (F === void 0)
+      return () => null;
+    F && xe(!0);
+    const u = setTimeout(() => {
+      ut(F);
+    }, 10);
+    return () => {
+      clearTimeout(u);
+    };
+  }, [F]), L(() => {
+    if (U !== qe.current)
+      if (we.current && clearTimeout(we.current), qe.current = U, U)
+        ee?.();
+      else {
+        const u = ((w) => {
+          const b = w.match(/^([\d.]+)(ms|s)$/);
+          if (!b)
+            return 0;
+          const [, W, q] = b;
+          return Number(W) * (q === "ms" ? 1 : 1e3);
+        })(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));
+        we.current = setTimeout(() => {
+          xe(!1), Ve(null), k?.();
+        }, u + 25);
+      }
+  }, [U]);
+  const ft = (u) => {
+    xt((w) => kt(w, u) ? w : u);
+  }, Ze = (u = m) => {
+    V.current && clearTimeout(V.current), be ? P(!0) : V.current = setTimeout(() => {
+      P(!0);
+    }, u);
+  }, $e = (u = h) => {
+    te.current && clearTimeout(te.current), te.current = setTimeout(() => {
+      ke.current || P(!1);
+    }, u);
+  }, Qe = (u) => {
+    var w;
+    if (!u)
+      return;
+    const b = (w = u.currentTarget) !== null && w !== void 0 ? w : u.target;
+    if (!b?.isConnected)
+      return Re(null), void dt({ current: null });
+    m ? Ze() : P(!0), Re(b), dt({ current: b }), te.current && clearTimeout(te.current);
+  }, Pe = () => {
+    S ? $e(h || 100) : h ? $e() : P(!1), V.current && clearTimeout(V.current);
+  }, Be = ({ x: u, y: w }) => {
+    var b;
+    const W = { getBoundingClientRect: () => ({ x: u, y: w, width: 0, height: 0, top: w, left: u, right: u, bottom: w }) };
+    Zt({ place: (b = N?.place) !== null && b !== void 0 ? b : s, offset: c, elementReference: W, tooltipReference: Y.current, tooltipArrowReference: Le.current, strategy: f, middlewares: g, border: st }).then((q) => {
+      ft(q);
+    });
+  }, Ie = (u) => {
+    if (!u)
+      return;
+    const w = u, b = { x: w.clientX, y: w.clientY };
+    Be(b), Xe.current = b;
+  }, Je = (u) => {
+    var w;
+    if (!U)
+      return;
+    const b = u.target;
+    b.isConnected && (!((w = Y.current) === null || w === void 0) && w.contains(b) || [document.querySelector(`[id='${r}']`), ...he].some((W) => W?.contains(b)) || (P(!1), V.current && clearTimeout(V.current)));
+  }, pt = Jt(Qe, 50, !0), j = Jt(Pe, 50, !0), oe = (u) => {
+    j.cancel(), pt(u);
+  }, y = () => {
+    pt.cancel(), j();
+  }, A = _o(() => {
+    var u, w;
+    const b = (u = N?.position) !== null && u !== void 0 ? u : O;
+    b ? Be(b) : x ? Xe.current && Be(Xe.current) : $?.isConnected && Zt({ place: (w = N?.place) !== null && w !== void 0 ? w : s, offset: c, elementReference: $, tooltipReference: Y.current, tooltipArrowReference: Le.current, strategy: f, middlewares: g, border: st }).then((W) => {
+      _e.current && ft(W);
+    });
+  }, [U, $, z, J, s, N?.place, c, f, O, N?.position, x]);
+  L(() => {
+    var u, w;
+    const b = new Set(Ye);
+    he.forEach((R) => {
+      b.add({ current: R });
+    });
+    const W = document.querySelector(`[id='${r}']`);
+    W && b.add({ current: W });
+    const q = () => {
+      P(!1);
+    }, se = to($), ce = to(Y.current);
+    re.scroll && (window.addEventListener("scroll", q), se?.addEventListener("scroll", q), ce?.addEventListener("scroll", q));
+    let G = null;
+    re.resize ? window.addEventListener("resize", q) : $ && Y.current && (G = ln($, Y.current, A, { ancestorResize: !0, elementResize: !0, layoutShift: !0 }));
+    const ne = (R) => {
+      R.key === "Escape" && P(!1);
+    };
+    re.escape && window.addEventListener("keydown", ne), re.clickOutsideAnchor && window.addEventListener("click", Je);
+    const D = [], et = (R) => {
+      U && R?.target === $ || Qe(R);
+    }, ho = (R) => {
+      U && R?.target === $ && Pe();
+    }, Mt = ["mouseenter", "mouseleave", "focus", "blur"], jt = ["click", "dblclick", "mousedown", "mouseup"];
+    Object.entries(Ne).forEach(([R, fe]) => {
+      fe && (Mt.includes(R) ? D.push({ event: R, listener: oe }) : jt.includes(R) && D.push({ event: R, listener: et }));
+    }), Object.entries(Ue).forEach(([R, fe]) => {
+      fe && (Mt.includes(R) ? D.push({ event: R, listener: y }) : jt.includes(R) && D.push({ event: R, listener: ho }));
+    }), x && D.push({ event: "pointermove", listener: Ie });
+    const Wt = () => {
+      ke.current = !0;
+    }, Ft = () => {
+      ke.current = !1, Pe();
+    };
+    return S && !Ke && ((u = Y.current) === null || u === void 0 || u.addEventListener("mouseenter", Wt), (w = Y.current) === null || w === void 0 || w.addEventListener("mouseleave", Ft)), D.forEach(({ event: R, listener: fe }) => {
+      b.forEach((_t) => {
+        var tt;
+        (tt = _t.current) === null || tt === void 0 || tt.addEventListener(R, fe);
+      });
+    }), () => {
+      var R, fe;
+      re.scroll && (window.removeEventListener("scroll", q), se?.removeEventListener("scroll", q), ce?.removeEventListener("scroll", q)), re.resize ? window.removeEventListener("resize", q) : G?.(), re.clickOutsideAnchor && window.removeEventListener("click", Je), re.escape && window.removeEventListener("keydown", ne), S && !Ke && ((R = Y.current) === null || R === void 0 || R.removeEventListener("mouseenter", Wt), (fe = Y.current) === null || fe === void 0 || fe.removeEventListener("mouseleave", Ft)), D.forEach(({ event: _t, listener: tt }) => {
+        b.forEach((vo) => {
+          var St;
+          (St = vo.current) === null || St === void 0 || St.removeEventListener(_t, tt);
+        });
+      });
+    };
+  }, [$, A, be, Ye, he, C, H, X, De, m, h]), L(() => {
+    var u, w;
+    let b = (w = (u = N?.anchorSelect) !== null && u !== void 0 ? u : l) !== null && w !== void 0 ? w : "";
+    !b && t && (b = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`);
+    const W = new MutationObserver((q) => {
+      const se = [], ce = [];
+      q.forEach((G) => {
+        if (G.type === "attributes" && G.attributeName === "data-tooltip-id" && (G.target.getAttribute("data-tooltip-id") === t ? se.push(G.target) : G.oldValue === t && ce.push(G.target)), G.type === "childList") {
+          if ($) {
+            const ne = [...G.removedNodes].filter((D) => D.nodeType === 1);
+            if (b)
+              try {
+                ce.push(...ne.filter((D) => D.matches(b))), ce.push(...ne.flatMap((D) => [...D.querySelectorAll(b)]));
+              } catch {
+              }
+            ne.some((D) => {
+              var et;
+              return !!(!((et = D?.contains) === null || et === void 0) && et.call(D, $)) && (xe(!1), P(!1), Re(null), V.current && clearTimeout(V.current), te.current && clearTimeout(te.current), !0);
+            });
           }
-        );
+          if (b)
+            try {
+              const ne = [...G.addedNodes].filter((D) => D.nodeType === 1);
+              se.push(...ne.filter((D) => D.matches(b))), se.push(...ne.flatMap((D) => [...D.querySelectorAll(b)]));
+            } catch {
+            }
+        }
+      }), (se.length || ce.length) && Ge((G) => [...G.filter((ne) => !ce.includes(ne)), ...se]);
+    });
+    return W.observe(document.body, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-tooltip-id"], attributeOldValue: !0 }), () => {
+      W.disconnect();
+    };
+  }, [t, l, N?.anchorSelect, $]), L(() => {
+    A();
+  }, [A]), L(() => {
+    if (!M?.current)
+      return () => null;
+    const u = new ResizeObserver(() => {
+      setTimeout(() => A());
+    });
+    return u.observe(M.current), () => {
+      u.disconnect();
+    };
+  }, [z, M?.current]), L(() => {
+    var u;
+    const w = document.querySelector(`[id='${r}']`), b = [...he, w];
+    $ && b.includes($) || Re((u = he[0]) !== null && u !== void 0 ? u : w);
+  }, [r, he, $]), L(() => (de && P(!0), () => {
+    V.current && clearTimeout(V.current), te.current && clearTimeout(te.current);
+  }), []), L(() => {
+    var u;
+    let w = (u = N?.anchorSelect) !== null && u !== void 0 ? u : l;
+    if (!w && t && (w = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`), w)
+      try {
+        const b = Array.from(document.querySelectorAll(w));
+        Ge(b);
+      } catch {
+        Ge([]);
+      }
+  }, [t, l, N?.anchorSelect]), L(() => {
+    V.current && (clearTimeout(V.current), Ze(m));
+  }, [m]);
+  const Z = (ze = N?.content) !== null && ze !== void 0 ? ze : z, Se = U && Object.keys(me.tooltipStyles).length > 0;
+  return So(e, () => ({ open: (u) => {
+    if (u?.anchorSelect)
+      try {
+        document.querySelector(u.anchorSelect);
+      } catch {
+        return void console.warn(`[react-tooltip] "${u.anchorSelect}" is not a valid CSS selector`);
+      }
+    Ve(u ?? null), u?.delay ? Ze(u.delay) : P(!0);
+  }, close: (u) => {
+    u?.delay ? $e(u.delay) : P(!1);
+  }, activeAnchor: $, place: me.place, isOpen: !!(be && !v && Z && Se) })), be && !v && Z ? Ee.createElement(d, { id: t, role: bt, className: Lt("react-tooltip", Me.tooltip, Ot.tooltip, Ot[i], n, `react-tooltip__place-${me.place}`, Me[Se ? "show" : "closing"], Se ? "react-tooltip__show" : "react-tooltip__closing", f === "fixed" && Me.fixed, S && Me.clickable), onTransitionEnd: (u) => {
+    we.current && clearTimeout(we.current), U || u.propertyName !== "opacity" || (xe(!1), Ve(null), k?.());
+  }, style: { ...J, ...me.tooltipStyles, opacity: ct !== void 0 && Se ? ct : void 0 }, ref: Y }, Z, Ee.createElement(d, { className: Lt("react-tooltip-arrow", Me.arrow, Ot.arrow, o, _ && Me.noArrow), style: { ...me.tooltipArrowStyles, background: at ? `linear-gradient(to right bottom, transparent 50%, ${at} 50%)` : void 0 }, ref: Le })) : null;
+}, bn = ({ content: e }) => Ee.createElement("span", { dangerouslySetInnerHTML: { __html: e } }), xn = Ee.forwardRef(({ id: e, anchorId: t, anchorSelect: n, content: o, html: i, render: r, className: l, classNameArrow: s, variant: c = "dark", place: a = "top", offset: p = 10, wrapper: f = "div", children: g = null, events: d = ["hover"], openOnClick: m = !1, positionStrategy: h = "absolute", middlewares: x, delayShow: v = 0, delayHide: _ = 0, float: S = !1, hidden: T = !1, noArrow: E = !1, clickable: B = !1, closeOnEsc: C = !1, closeOnScroll: H = !1, closeOnResize: X = !1, openEvents: K, closeEvents: J, globalCloseEvents: O, imperativeModeOnly: ee = !1, style: k, position: z, isOpen: M, defaultIsOpen: F = !1, disableStyleInjection: de = !1, border: ge, opacity: $, arrowColor: Re, setIsOpen: st, afterShow: ct, afterHide: at, role: bt = "tooltip" }, ze) => {
+  const [Y, Le] = I(o), [V, te] = I(i), [we, me] = I(a), [xt, U] = I(c), [ut, be] = I(p), [xe, N] = I(v), [Ve, qe] = I(_), [Xe, Ye] = I(S), [dt, ke] = I(T), [he, Ge] = I(f), [_e, De] = I(d), [Ke, Ne] = I(h), [Ue, re] = I(null), [P, ft] = I(null), Ze = ie(de), { anchorRefs: $e, activeAnchor: Qe } = mo(e), Pe = (j) => j?.getAttributeNames().reduce((oe, y) => {
+    var A;
+    return y.startsWith("data-tooltip-") && (oe[y.replace(/^data-tooltip-/, "")] = (A = j?.getAttribute(y)) !== null && A !== void 0 ? A : null), oe;
+  }, {}), Be = (j) => {
+    const oe = { place: (y) => {
+      var A;
+      me((A = y) !== null && A !== void 0 ? A : a);
+    }, content: (y) => {
+      Le(y ?? o);
+    }, html: (y) => {
+      te(y ?? i);
+    }, variant: (y) => {
+      var A;
+      U((A = y) !== null && A !== void 0 ? A : c);
+    }, offset: (y) => {
+      be(y === null ? p : Number(y));
+    }, wrapper: (y) => {
+      var A;
+      Ge((A = y) !== null && A !== void 0 ? A : f);
+    }, events: (y) => {
+      const A = y?.split(" ");
+      De(A ?? d);
+    }, "position-strategy": (y) => {
+      var A;
+      Ne((A = y) !== null && A !== void 0 ? A : h);
+    }, "delay-show": (y) => {
+      N(y === null ? v : Number(y));
+    }, "delay-hide": (y) => {
+      qe(y === null ? _ : Number(y));
+    }, float: (y) => {
+      Ye(y === null ? S : y === "true");
+    }, hidden: (y) => {
+      ke(y === null ? T : y === "true");
+    }, "class-name": (y) => {
+      re(y);
+    } };
+    Object.values(oe).forEach((y) => y(null)), Object.entries(j).forEach(([y, A]) => {
+      var Z;
+      (Z = oe[y]) === null || Z === void 0 || Z.call(oe, A);
+    });
+  };
+  L(() => {
+    Le(o);
+  }, [o]), L(() => {
+    te(i);
+  }, [i]), L(() => {
+    me(a);
+  }, [a]), L(() => {
+    U(c);
+  }, [c]), L(() => {
+    be(p);
+  }, [p]), L(() => {
+    N(v);
+  }, [v]), L(() => {
+    qe(_);
+  }, [_]), L(() => {
+    Ye(S);
+  }, [S]), L(() => {
+    ke(T);
+  }, [T]), L(() => {
+    Ne(h);
+  }, [h]), L(() => {
+    Ze.current !== de && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
+  }, [de]), L(() => {
+    typeof window < "u" && window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles", { detail: { disableCore: de === "core", disableBase: de } }));
+  }, []), L(() => {
+    var j;
+    const oe = new Set($e);
+    let y = n;
+    if (!y && e && (y = `[data-tooltip-id='${e.replace(/'/g, "\\'")}']`), y)
+      try {
+        document.querySelectorAll(y).forEach((w) => {
+          oe.add({ current: w });
+        });
+      } catch {
+        console.warn(`[react-tooltip] "${y}" is not a valid CSS selector`);
+      }
+    const A = document.querySelector(`[id='${t}']`);
+    if (A && oe.add({ current: A }), !oe.size)
+      return () => null;
+    const Z = (j = P ?? A) !== null && j !== void 0 ? j : Qe.current, Se = new MutationObserver((w) => {
+      w.forEach((b) => {
+        var W;
+        if (!Z || b.type !== "attributes" || !(!((W = b.attributeName) === null || W === void 0) && W.startsWith("data-tooltip-")))
+          return;
+        const q = Pe(Z);
+        Be(q);
+      });
+    }), u = { attributes: !0, childList: !1, subtree: !1 };
+    if (Z) {
+      const w = Pe(Z);
+      Be(w), Se.observe(Z, u);
+    }
+    return () => {
+      Se.disconnect();
+    };
+  }, [$e, Qe, P, t, n]), L(() => {
+    k?.border && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), ge && !Qt("border", `${ge}`) && console.warn(`[react-tooltip] "${ge}" is not a valid \`border\`.`), k?.opacity && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), $ && !Qt("opacity", `${$}`) && console.warn(`[react-tooltip] "${$}" is not a valid \`opacity\`.`);
+  }, []);
+  let Ie = g;
+  const Je = ie(null);
+  if (r) {
+    const j = r({ content: P?.getAttribute("data-tooltip-content") || Y || null, activeAnchor: P });
+    Ie = j ? Ee.createElement("div", { ref: Je, className: "react-tooltip-content-wrapper" }, j) : null;
+  } else
+    Y && (Ie = Y);
+  V && (Ie = Ee.createElement(bn, { content: V }));
+  const pt = { forwardRef: ze, id: e, anchorId: t, anchorSelect: n, className: Lt(l, Ue), classNameArrow: s, content: Ie, contentWrapperRef: Je, place: we, variant: xt, offset: ut, wrapper: he, events: _e, openOnClick: m, positionStrategy: Ke, middlewares: x, delayShow: xe, delayHide: Ve, float: Xe, hidden: dt, noArrow: E, clickable: B, closeOnEsc: C, closeOnScroll: H, closeOnResize: X, openEvents: K, closeEvents: J, globalCloseEvents: O, imperativeModeOnly: ee, style: k, position: z, isOpen: M, defaultIsOpen: F, border: ge, opacity: $, arrowColor: Re, setIsOpen: st, afterShow: ct, afterHide: at, activeAnchor: P, setActiveAnchor: (j) => ft(j), role: bt };
+  return Ee.createElement(wn, { ...pt });
+});
+typeof window < "u" && window.addEventListener("react-tooltip-inject-styles", (e) => {
+  e.detail.disableCore || Ut({ css: ":root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}", type: "core" }), e.detail.disableBase || Ut({ css: `
+.styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:8px;height:8px}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`, type: "base" });
+});
+const _n = "_invalid_9uqqc_1", Sn = "_formSelectContainer_9uqqc_6", An = "_formSelect_9uqqc_6", En = "_multiText_9uqqc_32", Tn = "_tooltip_9uqqc_41", ot = {
+  invalid: _n,
+  formSelectContainer: Sn,
+  formSelect: An,
+  multiText: En,
+  tooltip: Tn
+}, Pn = ({
+  propertyName: e,
+  label: t,
+  options: n,
+  multi: o = !1,
+  disabled: i = !1,
+  hoisted: r = !1,
+  hidden: l = !1,
+  valueKey: s = "value",
+  textKey: c = "text",
+  clearable: a = !1,
+  searchable: p = !0,
+  noOptionsMessage: f = "",
+  rules: g,
+  ...d
+}) => {
+  const {
+    control: m,
+    formState: { errors: h, isValidating: x }
+  } = Eo(), v = Et(
+    () => !x && At(h, e) !== void 0,
+    [h, e, x]
+  ), _ = Et(
+    () => g?.required?.value,
+    [g]
+  ), S = Et(
+    () => g?.required?.message,
+    [g]
+  ), T = () => {
+    if (h && h[e]) {
+      const E = h[e]?.message;
+      return E || "Invalid input";
+    }
+    return S;
+  };
+  return l ? /* @__PURE__ */ Ae(zt, { name: e, control: m, render: () => /* @__PURE__ */ Ae(Ht, {}) }) : /* @__PURE__ */ Ae("div", { className: ot.formSelectContainer, "data-tooltip-id": t, children: /* @__PURE__ */ Ae(
+    zt,
+    {
+      name: e,
+      rules: g,
+      control: m,
+      render: ({ field: { ref: E, onChange: B, value: C, ...H } }) => {
+        let X = n;
+        wo(n) && At(n[0], "options") !== void 0 && (X = n.flatMap((O) => At(O, "options") ?? []));
+        const K = o ? X?.filter(
+          (O) => C?.includes(O[s])
+        ) : X?.find((O) => O[s] === C), J = o && d.multiDisplayType === "text" && d.fixedHeightInput;
+        return /* @__PURE__ */ yo(Ht, { children: [
+          /* @__PURE__ */ Ae(
+            go,
+            {
+              ...H,
+              ...d,
+              value: K,
+              label: t,
+              variant: "outlined",
+              helperText: T(),
+              helperTextPersistent: _ || v,
+              options: n,
+              valid: !v,
+              multiSelect: o,
+              className: `${ot.formSelect} ${v ? ot.invalid : ""} ${J ? ot.multiText : ""}`,
+              disabled: i,
+              valueKey: s,
+              textKey: c,
+              onChange: (O) => {
+                if (O == null) {
+                  B(O);
+                  return;
+                }
+                if (o) {
+                  B(O.map((ee) => ee[s]));
+                  return;
+                }
+                B(O[s]);
+              },
+              hoisted: r,
+              noOptionsMessage: f,
+              searchable: p,
+              clearable: a,
+              menuMaxHeight: "15rem"
+            }
+          ),
+          /* @__PURE__ */ Ae(
+            xn,
+            {
+              id: t,
+              noArrow: !0,
+              place: "bottom",
+              delayShow: 420,
+              className: ot.tooltip,
+              hidden: !K || K.length === 0 || !d.fixedHeightInput,
+              children: /* @__PURE__ */ Ae(Oo, { value: K, textKey: c, valueKey: s })
+            }
+          )
+        ] });
       }
     }
   ) });
 };
 export {
-  W as FormSelect
+  Pn as FormSelect
 };