@fluidattacks/design 3.1.12 → 3.1.13

package/dist/index-DwznImvK.mjs

@@ -0,0 +1,1678 @@
+import { jsx as lt, jsxs as Zt } from "react/jsx-runtime";
+import * as U from "react";
+import Re, { useLayoutEffect as mn, useEffect as L, createContext as Nn, useState as W, useRef as se, useContext as Mn, useCallback as $t, useImperativeHandle as $n, forwardRef as Pn, StrictMode as Bn } from "react";
+import * as jn from "react-dom";
+import { createPortal as Wn } from "react-dom";
+import { isEmpty as kt } from "lodash";
+import { g as Fn } from "./_commonjsHelpers-C6fGbg64.mjs";
+import { styled as hn, useTheme as In } from "styled-components";
+import { B as zn } from "./styles-CplEd2kw.mjs";
+import { Icon as Vn } from "./components/icon/index.js";
+import "./components/typography/heading/index.js";
+import "./components/typography/span/index.js";
+import { Text as Gt } from "./components/typography/text/index.js";
+const Ie = Math.min, Oe = Math.max, vt = Math.round, gt = Math.floor, me = (e) => ({
+  x: e,
+  y: e
+}), qn = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Hn = {
+  start: "end",
+  end: "start"
+};
+function Pt(e, t, n) {
+  return Oe(e, Ie(t, n));
+}
+function st(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function Te(e) {
+  return e.split("-")[0];
+}
+function ct(e) {
+  return e.split("-")[1];
+}
+function yn(e) {
+  return e === "x" ? "y" : "x";
+}
+function zt(e) {
+  return e === "y" ? "height" : "width";
+}
+function ze(e) {
+  return ["top", "bottom"].includes(Te(e)) ? "y" : "x";
+}
+function Vt(e) {
+  return yn(ze(e));
+}
+function Kn(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = ct(e), l = Vt(e), r = zt(l);
+  let i = l === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[r] > t.floating[r] && (i = xt(i)), [i, xt(i)];
+}
+function Xn(e) {
+  const t = xt(e);
+  return [Bt(e), t, Bt(t)];
+}
+function Bt(e) {
+  return e.replace(/start|end/g, (t) => Hn[t]);
+}
+function Yn(e, t, n) {
+  const o = ["left", "right"], l = ["right", "left"], r = ["top", "bottom"], i = ["bottom", "top"];
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? l : o : t ? o : l;
+    case "left":
+    case "right":
+      return t ? r : i;
+    default:
+      return [];
+  }
+}
+function Un(e, t, n, o) {
+  const l = ct(e);
+  let r = Yn(Te(e), n === "start", o);
+  return l && (r = r.map((i) => i + "-" + l), t && (r = r.concat(r.map(Bt)))), r;
+}
+function xt(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => qn[t]);
+}
+function Jn(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function gn(e) {
+  return typeof e != "number" ? Jn(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function bt(e) {
+  const {
+    x: t,
+    y: n,
+    width: o,
+    height: l
+  } = e;
+  return {
+    width: o,
+    height: l,
+    top: n,
+    left: t,
+    right: t + o,
+    bottom: n + l,
+    x: t,
+    y: n
+  };
+}
+function en(e, t, n) {
+  let {
+    reference: o,
+    floating: l
+  } = e;
+  const r = ze(t), i = Vt(t), s = zt(i), c = Te(t), a = r === "y", p = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, h = o[s] / 2 - l[s] / 2;
+  let u;
+  switch (c) {
+    case "top":
+      u = {
+        x: p,
+        y: o.y - l.height
+      };
+      break;
+    case "bottom":
+      u = {
+        x: p,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      u = {
+        x: o.x + o.width,
+        y: d
+      };
+      break;
+    case "left":
+      u = {
+        x: o.x - l.width,
+        y: d
+      };
+      break;
+    default:
+      u = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (ct(t)) {
+    case "start":
+      u[i] -= h * (n && a ? -1 : 1);
+      break;
+    case "end":
+      u[i] += h * (n && a ? -1 : 1);
+      break;
+  }
+  return u;
+}
+const Qn = async (e, t, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: l = "absolute",
+    middleware: r = [],
+    platform: i
+  } = n, s = r.filter(Boolean), c = await (i.isRTL == null ? void 0 : i.isRTL(t));
+  let a = await i.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: l
+  }), {
+    x: p,
+    y: d
+  } = en(a, o, c), h = o, u = {}, m = 0;
+  for (let g = 0; g < s.length; g++) {
+    const {
+      name: x,
+      fn: w
+    } = s[g], {
+      x: S,
+      y: _,
+      data: A,
+      reset: E
+    } = await w({
+      x: p,
+      y: d,
+      initialPlacement: o,
+      placement: h,
+      strategy: l,
+      middlewareData: u,
+      rects: a,
+      platform: i,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    p = S ?? p, d = _ ?? d, u = {
+      ...u,
+      [x]: {
+        ...u[x],
+        ...A
+      }
+    }, E && m <= 50 && (m++, typeof E == "object" && (E.placement && (h = E.placement), E.rects && (a = E.rects === !0 ? await i.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: l
+    }) : E.rects), {
+      x: p,
+      y: d
+    } = en(a, h, c)), g = -1);
+  }
+  return {
+    x: p,
+    y: d,
+    placement: h,
+    strategy: l,
+    middlewareData: u
+  };
+};
+async function wn(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: o,
+    y: l,
+    platform: r,
+    rects: i,
+    elements: s,
+    strategy: c
+  } = e, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: p = "viewport",
+    elementContext: d = "floating",
+    altBoundary: h = !1,
+    padding: u = 0
+  } = st(t, e), m = gn(u), x = s[h ? d === "floating" ? "reference" : "floating" : d], w = bt(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
+  })), S = d === "floating" ? {
+    x: o,
+    y: l,
+    width: i.floating.width,
+    height: i.floating.height
+  } : i.reference, _ = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), A = await (r.isElement == null ? void 0 : r.isElement(_)) ? await (r.getScale == null ? void 0 : r.getScale(_)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, E = bt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: s,
+    rect: S,
+    offsetParent: _,
+    strategy: c
+  }) : S);
+  return {
+    top: (w.top - E.top + m.top) / A.y,
+    bottom: (E.bottom - w.bottom + m.bottom) / A.y,
+    left: (w.left - E.left + m.left) / A.x,
+    right: (E.right - w.right + m.right) / A.x
+  };
+}
+const Zn = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: n,
+      y: o,
+      placement: l,
+      rects: r,
+      platform: i,
+      elements: s,
+      middlewareData: c
+    } = t, {
+      element: a,
+      padding: p = 0
+    } = st(e, t) || {};
+    if (a == null)
+      return {};
+    const d = gn(p), h = {
+      x: n,
+      y: o
+    }, u = Vt(l), m = zt(u), g = await i.getDimensions(a), x = u === "y", w = x ? "top" : "left", S = x ? "bottom" : "right", _ = x ? "clientHeight" : "clientWidth", A = r.reference[m] + r.reference[u] - h[u] - r.floating[m], E = h[u] - r.reference[u], $ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a));
+    let T = $ ? $[_] : 0;
+    (!T || !await (i.isElement == null ? void 0 : i.isElement($))) && (T = s.floating[_] || r.floating[m]);
+    const V = A / 2 - E / 2, J = T / 2 - g[m] / 2 - 1, q = Ie(d[w], J), ee = Ie(d[S], J), Q = q, H = T - g[m] - ee, C = T / 2 - g[m] / 2 + V, K = Pt(Q, C, H), N = !c.arrow && ct(l) != null && C !== K && r.reference[m] / 2 - (C < Q ? q : ee) - g[m] / 2 < 0, P = N ? C < Q ? C - Q : C - H : 0;
+    return {
+      [u]: h[u] + P,
+      data: {
+        [u]: K,
+        centerOffset: C - K - P,
+        ...N && {
+          alignmentOffset: P
+        }
+      },
+      reset: N
+    };
+  }
+}), Gn = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: l,
+        middlewareData: r,
+        rects: i,
+        initialPlacement: s,
+        platform: c,
+        elements: a
+      } = t, {
+        mainAxis: p = !0,
+        crossAxis: d = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: u = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: g = !0,
+        ...x
+      } = st(e, t);
+      if ((n = r.arrow) != null && n.alignmentOffset)
+        return {};
+      const w = Te(l), S = ze(s), _ = Te(s) === s, A = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), E = h || (_ || !g ? [xt(s)] : Xn(s)), $ = m !== "none";
+      !h && $ && E.push(...Un(s, g, m, A));
+      const T = [s, ...E], V = await wn(t, x), J = [];
+      let q = ((o = r.flip) == null ? void 0 : o.overflows) || [];
+      if (p && J.push(V[w]), d) {
+        const C = Kn(l, i, A);
+        J.push(V[C[0]], V[C[1]]);
+      }
+      if (q = [...q, {
+        placement: l,
+        overflows: J
+      }], !J.every((C) => C <= 0)) {
+        var ee, Q;
+        const C = (((ee = r.flip) == null ? void 0 : ee.index) || 0) + 1, K = T[C];
+        if (K)
+          return {
+            data: {
+              index: C,
+              overflows: q
+            },
+            reset: {
+              placement: K
+            }
+          };
+        let N = (Q = q.filter((P) => P.overflows[0] <= 0).sort((P, R) => P.overflows[1] - R.overflows[1])[0]) == null ? void 0 : Q.placement;
+        if (!N)
+          switch (u) {
+            case "bestFit": {
+              var H;
+              const P = (H = q.filter((R) => {
+                if ($) {
+                  const B = ze(R.placement);
+                  return B === S || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  B === "y";
+                }
+                return !0;
+              }).map((R) => [R.placement, R.overflows.filter((B) => B > 0).reduce((B, X) => B + X, 0)]).sort((R, B) => R[1] - B[1])[0]) == null ? void 0 : H[0];
+              P && (N = P);
+              break;
+            }
+            case "initialPlacement":
+              N = s;
+              break;
+          }
+        if (l !== N)
+          return {
+            reset: {
+              placement: N
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function eo(e, t) {
+  const {
+    placement: n,
+    platform: o,
+    elements: l
+  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = Te(n), s = ct(n), c = ze(n) === "y", a = ["left", "top"].includes(i) ? -1 : 1, p = r && c ? -1 : 1, d = st(t, e);
+  let {
+    mainAxis: h,
+    crossAxis: u,
+    alignmentAxis: m
+  } = typeof d == "number" ? {
+    mainAxis: d,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
+  };
+  return s && typeof m == "number" && (u = s === "end" ? m * -1 : m), c ? {
+    x: u * p,
+    y: h * a
+  } : {
+    x: h * a,
+    y: u * p
+  };
+}
+const to = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        x: l,
+        y: r,
+        placement: i,
+        middlewareData: s
+      } = t, c = await eo(t, e);
+      return i === ((n = s.offset) == null ? void 0 : n.placement) && (o = s.arrow) != null && o.alignmentOffset ? {} : {
+        x: l + c.x,
+        y: r + c.y,
+        data: {
+          ...c,
+          placement: i
+        }
+      };
+    }
+  };
+}, no = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: l
+      } = t, {
+        mainAxis: r = !0,
+        crossAxis: i = !1,
+        limiter: s = {
+          fn: (x) => {
+            let {
+              x: w,
+              y: S
+            } = x;
+            return {
+              x: w,
+              y: S
+            };
+          }
+        },
+        ...c
+      } = st(e, t), a = {
+        x: n,
+        y: o
+      }, p = await wn(t, c), d = ze(Te(l)), h = yn(d);
+      let u = a[h], m = a[d];
+      if (r) {
+        const x = h === "y" ? "top" : "left", w = h === "y" ? "bottom" : "right", S = u + p[x], _ = u - p[w];
+        u = Pt(S, u, _);
+      }
+      if (i) {
+        const x = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", S = m + p[x], _ = m - p[w];
+        m = Pt(S, m, _);
+      }
+      const g = s.fn({
+        ...t,
+        [h]: u,
+        [d]: m
+      });
+      return {
+        ...g,
+        data: {
+          x: g.x - n,
+          y: g.y - o,
+          enabled: {
+            [h]: r,
+            [d]: i
+          }
+        }
+      };
+    }
+  };
+};
+function At() {
+  return typeof window < "u";
+}
+function qe(e) {
+  return vn(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function oe(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function ye(e) {
+  var t;
+  return (t = (vn(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function vn(e) {
+  return At() ? e instanceof Node || e instanceof oe(e).Node : !1;
+}
+function ue(e) {
+  return At() ? e instanceof Element || e instanceof oe(e).Element : !1;
+}
+function he(e) {
+  return At() ? e instanceof HTMLElement || e instanceof oe(e).HTMLElement : !1;
+}
+function tn(e) {
+  return !At() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof oe(e).ShadowRoot;
+}
+function at(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: o,
+    display: l
+  } = fe(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(l);
+}
+function oo(e) {
+  return ["table", "td", "th"].includes(qe(e));
+}
+function St(e) {
+  return [":popover-open", ":modal"].some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+function qt(e) {
+  const t = Ht(), n = ue(e) ? fe(e) : e;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
+}
+function ro(e) {
+  let t = be(e);
+  for (; he(t) && !Ve(t); ) {
+    if (qt(t))
+      return t;
+    if (St(t))
+      return null;
+    t = be(t);
+  }
+  return null;
+}
+function Ht() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function Ve(e) {
+  return ["html", "body", "#document"].includes(qe(e));
+}
+function fe(e) {
+  return oe(e).getComputedStyle(e);
+}
+function Et(e) {
+  return ue(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function be(e) {
+  if (qe(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.
+    tn(e) && e.host || // Fallback.
+    ye(e)
+  );
+  return tn(t) ? t.host : t;
+}
+function xn(e) {
+  const t = be(e);
+  return Ve(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : he(t) && at(t) ? t : xn(t);
+}
+function it(e, t, n) {
+  var o;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const l = xn(e), r = l === ((o = e.ownerDocument) == null ? void 0 : o.body), i = oe(l);
+  if (r) {
+    const s = jt(i);
+    return t.concat(i, i.visualViewport || [], at(l) ? l : [], s && n ? it(s) : []);
+  }
+  return t.concat(l, it(l, [], n));
+}
+function jt(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function bn(e) {
+  const t = fe(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const l = he(e), r = l ? e.offsetWidth : n, i = l ? e.offsetHeight : o, s = vt(n) !== r || vt(o) !== i;
+  return s && (n = r, o = i), {
+    width: n,
+    height: o,
+    $: s
+  };
+}
+function Kt(e) {
+  return ue(e) ? e : e.contextElement;
+}
+function Fe(e) {
+  const t = Kt(e);
+  if (!he(t))
+    return me(1);
+  const n = t.getBoundingClientRect(), {
+    width: o,
+    height: l,
+    $: r
+  } = bn(t);
+  let i = (r ? vt(n.width) : n.width) / o, s = (r ? vt(n.height) : n.height) / l;
+  return (!i || !Number.isFinite(i)) && (i = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+    x: i,
+    y: s
+  };
+}
+const lo = /* @__PURE__ */ me(0);
+function _n(e) {
+  const t = oe(e);
+  return !Ht() || !t.visualViewport ? lo : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function io(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== oe(e) ? !1 : t;
+}
+function Ce(e, t, n, o) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const l = e.getBoundingClientRect(), r = Kt(e);
+  let i = me(1);
+  t && (o ? ue(o) && (i = Fe(o)) : i = Fe(e));
+  const s = io(r, n, o) ? _n(r) : me(0);
+  let c = (l.left + s.x) / i.x, a = (l.top + s.y) / i.y, p = l.width / i.x, d = l.height / i.y;
+  if (r) {
+    const h = oe(r), u = o && ue(o) ? oe(o) : o;
+    let m = h, g = jt(m);
+    for (; g && o && u !== m; ) {
+      const x = Fe(g), w = g.getBoundingClientRect(), S = fe(g), _ = w.left + (g.clientLeft + parseFloat(S.paddingLeft)) * x.x, A = w.top + (g.clientTop + parseFloat(S.paddingTop)) * x.y;
+      c *= x.x, a *= x.y, p *= x.x, d *= x.y, c += _, a += A, m = oe(g), g = jt(m);
+    }
+  }
+  return bt({
+    width: p,
+    height: d,
+    x: c,
+    y: a
+  });
+}
+function Xt(e, t) {
+  const n = Et(e).scrollLeft;
+  return t ? t.left + n : Ce(ye(e)).left + n;
+}
+function An(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = e.getBoundingClientRect(), l = o.left + t.scrollLeft - (n ? 0 : (
+    // RTL <body> scrollbar.
+    Xt(e, o)
+  )), r = o.top + t.scrollTop;
+  return {
+    x: l,
+    y: r
+  };
+}
+function so(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: o,
+    strategy: l
+  } = e;
+  const r = l === "fixed", i = ye(o), s = t ? St(t.floating) : !1;
+  if (o === i || s && r)
+    return n;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = me(1);
+  const p = me(0), d = he(o);
+  if ((d || !d && !r) && ((qe(o) !== "body" || at(i)) && (c = Et(o)), he(o))) {
+    const u = Ce(o);
+    a = Fe(o), p.x = u.x + o.clientLeft, p.y = u.y + o.clientTop;
+  }
+  const h = i && !d && !r ? An(i, c, !0) : me(0);
+  return {
+    width: n.width * a.x,
+    height: n.height * a.y,
+    x: n.x * a.x - c.scrollLeft * a.x + p.x + h.x,
+    y: n.y * a.y - c.scrollTop * a.y + p.y + h.y
+  };
+}
+function co(e) {
+  return Array.from(e.getClientRects());
+}
+function ao(e) {
+  const t = ye(e), n = Et(e), o = e.ownerDocument.body, l = Oe(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = Oe(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let i = -n.scrollLeft + Xt(e);
+  const s = -n.scrollTop;
+  return fe(o).direction === "rtl" && (i += Oe(t.clientWidth, o.clientWidth) - l), {
+    width: l,
+    height: r,
+    x: i,
+    y: s
+  };
+}
+function uo(e, t) {
+  const n = oe(e), o = ye(e), l = n.visualViewport;
+  let r = o.clientWidth, i = o.clientHeight, s = 0, c = 0;
+  if (l) {
+    r = l.width, i = l.height;
+    const a = Ht();
+    (!a || a && t === "fixed") && (s = l.offsetLeft, c = l.offsetTop);
+  }
+  return {
+    width: r,
+    height: i,
+    x: s,
+    y: c
+  };
+}
+function fo(e, t) {
+  const n = Ce(e, !0, t === "fixed"), o = n.top + e.clientTop, l = n.left + e.clientLeft, r = he(e) ? Fe(e) : me(1), i = e.clientWidth * r.x, s = e.clientHeight * r.y, c = l * r.x, a = o * r.y;
+  return {
+    width: i,
+    height: s,
+    x: c,
+    y: a
+  };
+}
+function nn(e, t, n) {
+  let o;
+  if (t === "viewport")
+    o = uo(e, n);
+  else if (t === "document")
+    o = ao(ye(e));
+  else if (ue(t))
+    o = fo(t, n);
+  else {
+    const l = _n(e);
+    o = {
+      x: t.x - l.x,
+      y: t.y - l.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return bt(o);
+}
+function Sn(e, t) {
+  const n = be(e);
+  return n === t || !ue(n) || Ve(n) ? !1 : fe(n).position === "fixed" || Sn(n, t);
+}
+function po(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let o = it(e, [], !1).filter((s) => ue(s) && qe(s) !== "body"), l = null;
+  const r = fe(e).position === "fixed";
+  let i = r ? be(e) : e;
+  for (; ue(i) && !Ve(i); ) {
+    const s = fe(i), c = qt(i);
+    !c && s.position === "fixed" && (l = null), (r ? !c && !l : !c && s.position === "static" && !!l && ["absolute", "fixed"].includes(l.position) || at(i) && !c && Sn(e, i)) ? o = o.filter((p) => p !== i) : l = s, i = be(i);
+  }
+  return t.set(e, o), o;
+}
+function mo(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: o,
+    strategy: l
+  } = e;
+  const i = [...n === "clippingAncestors" ? St(t) ? [] : po(t, this._c) : [].concat(n), o], s = i[0], c = i.reduce((a, p) => {
+    const d = nn(t, p, l);
+    return a.top = Oe(d.top, a.top), a.right = Ie(d.right, a.right), a.bottom = Ie(d.bottom, a.bottom), a.left = Oe(d.left, a.left), a;
+  }, nn(t, s, l));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function ho(e) {
+  const {
+    width: t,
+    height: n
+  } = bn(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function yo(e, t, n) {
+  const o = he(t), l = ye(t), r = n === "fixed", i = Ce(e, !0, r, t);
+  let s = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = me(0);
+  if (o || !o && !r)
+    if ((qe(t) !== "body" || at(l)) && (s = Et(t)), o) {
+      const h = Ce(t, !0, r, t);
+      c.x = h.x + t.clientLeft, c.y = h.y + t.clientTop;
+    } else l && (c.x = Xt(l));
+  const a = l && !o && !r ? An(l, s) : me(0), p = i.left + s.scrollLeft - c.x - a.x, d = i.top + s.scrollTop - c.y - a.y;
+  return {
+    x: p,
+    y: d,
+    width: i.width,
+    height: i.height
+  };
+}
+function Lt(e) {
+  return fe(e).position === "static";
+}
+function on(e, t) {
+  if (!he(e) || fe(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return ye(e) === n && (n = n.ownerDocument.body), n;
+}
+function En(e, t) {
+  const n = oe(e);
+  if (St(e))
+    return n;
+  if (!he(e)) {
+    let l = be(e);
+    for (; l && !Ve(l); ) {
+      if (ue(l) && !Lt(l))
+        return l;
+      l = be(l);
+    }
+    return n;
+  }
+  let o = on(e, t);
+  for (; o && oo(o) && Lt(o); )
+    o = on(o, t);
+  return o && Ve(o) && Lt(o) && !qt(o) ? n : o || ro(e) || n;
+}
+const go = async function(e) {
+  const t = this.getOffsetParent || En, n = this.getDimensions, o = await n(e.floating);
+  return {
+    reference: yo(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function wo(e) {
+  return fe(e).direction === "rtl";
+}
+const vo = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: so,
+  getDocumentElement: ye,
+  getClippingRect: mo,
+  getOffsetParent: En,
+  getElementRects: go,
+  getClientRects: co,
+  getDimensions: ho,
+  getScale: Fe,
+  isElement: ue,
+  isRTL: wo
+};
+function Rn(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function xo(e, t) {
+  let n = null, o;
+  const l = ye(e);
+  function r() {
+    var s;
+    clearTimeout(o), (s = n) == null || s.disconnect(), n = null;
+  }
+  function i(s, c) {
+    s === void 0 && (s = !1), c === void 0 && (c = 1), r();
+    const a = e.getBoundingClientRect(), {
+      left: p,
+      top: d,
+      width: h,
+      height: u
+    } = a;
+    if (s || t(), !h || !u)
+      return;
+    const m = gt(d), g = gt(l.clientWidth - (p + h)), x = gt(l.clientHeight - (d + u)), w = gt(p), _ = {
+      rootMargin: -m + "px " + -g + "px " + -x + "px " + -w + "px",
+      threshold: Oe(0, Ie(1, c)) || 1
+    };
+    let A = !0;
+    function E($) {
+      const T = $[0].intersectionRatio;
+      if (T !== c) {
+        if (!A)
+          return i();
+        T ? i(!1, T) : o = setTimeout(() => {
+          i(!1, 1e-7);
+        }, 1e3);
+      }
+      T === 1 && !Rn(a, e.getBoundingClientRect()) && i(), A = !1;
+    }
+    try {
+      n = new IntersectionObserver(E, {
+        ..._,
+        // Handle <iframe>s
+        root: l.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(E, _);
+    }
+    n.observe(e);
+  }
+  return i(!0), r;
+}
+function bo(e, t, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: l = !0,
+    ancestorResize: r = !0,
+    elementResize: i = typeof ResizeObserver == "function",
+    layoutShift: s = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = o, a = Kt(e), p = l || r ? [...a ? it(a) : [], ...it(t)] : [];
+  p.forEach((w) => {
+    l && w.addEventListener("scroll", n, {
+      passive: !0
+    }), r && w.addEventListener("resize", n);
+  });
+  const d = a && s ? xo(a, n) : null;
+  let h = -1, u = null;
+  i && (u = new ResizeObserver((w) => {
+    let [S] = w;
+    S && S.target === a && u && (u.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+      var _;
+      (_ = u) == null || _.observe(t);
+    })), n();
+  }), a && !c && u.observe(a), u.observe(t));
+  let m, g = c ? Ce(e) : null;
+  c && x();
+  function x() {
+    const w = Ce(e);
+    g && !Rn(g, w) && n(), g = w, m = requestAnimationFrame(x);
+  }
+  return n(), () => {
+    var w;
+    p.forEach((S) => {
+      l && S.removeEventListener("scroll", n), r && S.removeEventListener("resize", n);
+    }), d == null || d(), (w = u) == null || w.disconnect(), u = null, c && cancelAnimationFrame(m);
+  };
+}
+const On = to, _o = no, Tn = Gn, Ao = Zn, Wt = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), l = {
+    platform: vo,
+    ...n
+  }, r = {
+    ...l.platform,
+    _c: o
+  };
+  return Qn(e, t, {
+    ...l,
+    platform: r
+  });
+};
+var wt = typeof document < "u" ? mn : L;
+function _t(e, t) {
+  if (e === t)
+    return !0;
+  if (typeof e != typeof t)
+    return !1;
+  if (typeof e == "function" && e.toString() === t.toString())
+    return !0;
+  let n, o, l;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (n = e.length, n !== t.length) return !1;
+      for (o = n; o-- !== 0; )
+        if (!_t(e[o], t[o]))
+          return !1;
+      return !0;
+    }
+    if (l = Object.keys(e), n = l.length, n !== Object.keys(t).length)
+      return !1;
+    for (o = n; o-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, l[o]))
+        return !1;
+    for (o = n; o-- !== 0; ) {
+      const r = l[o];
+      if (!(r === "_owner" && e.$$typeof) && !_t(e[r], t[r]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function Cn(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function rn(e, t) {
+  const n = Cn(e);
+  return Math.round(t * n) / n;
+}
+function Dt(e) {
+  const t = U.useRef(e);
+  return wt(() => {
+    t.current = e;
+  }), t;
+}
+function Qo(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: o = [],
+    platform: l,
+    elements: {
+      reference: r,
+      floating: i
+    } = {},
+    transform: s = !0,
+    whileElementsMounted: c,
+    open: a
+  } = e, [p, d] = U.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [h, u] = U.useState(o);
+  _t(h, o) || u(o);
+  const [m, g] = U.useState(null), [x, w] = U.useState(null), S = U.useCallback((R) => {
+    R !== $.current && ($.current = R, g(R));
+  }, []), _ = U.useCallback((R) => {
+    R !== T.current && (T.current = R, w(R));
+  }, []), A = r || m, E = i || x, $ = U.useRef(null), T = U.useRef(null), V = U.useRef(p), J = c != null, q = Dt(c), ee = Dt(l), Q = Dt(a), H = U.useCallback(() => {
+    if (!$.current || !T.current)
+      return;
+    const R = {
+      placement: t,
+      strategy: n,
+      middleware: h
+    };
+    ee.current && (R.platform = ee.current), Wt($.current, T.current, R).then((B) => {
+      const X = {
+        ...B,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: Q.current !== !1
+      };
+      C.current && !_t(V.current, X) && (V.current = X, jn.flushSync(() => {
+        d(X);
+      }));
+    });
+  }, [h, t, n, ee, Q]);
+  wt(() => {
+    a === !1 && V.current.isPositioned && (V.current.isPositioned = !1, d((R) => ({
+      ...R,
+      isPositioned: !1
+    })));
+  }, [a]);
+  const C = U.useRef(!1);
+  wt(() => (C.current = !0, () => {
+    C.current = !1;
+  }), []), wt(() => {
+    if (A && ($.current = A), E && (T.current = E), A && E) {
+      if (q.current)
+        return q.current(A, E, H);
+      H();
+    }
+  }, [A, E, H, q, J]);
+  const K = U.useMemo(() => ({
+    reference: $,
+    floating: T,
+    setReference: S,
+    setFloating: _
+  }), [S, _]), N = U.useMemo(() => ({
+    reference: A,
+    floating: E
+  }), [A, E]), P = U.useMemo(() => {
+    const R = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!N.floating)
+      return R;
+    const B = rn(N.floating, p.x), X = rn(N.floating, p.y);
+    return s ? {
+      ...R,
+      transform: "translate(" + B + "px, " + X + "px)",
+      ...Cn(N.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: B,
+      top: X
+    };
+  }, [n, s, N.floating, p.x, p.y]);
+  return U.useMemo(() => ({
+    ...p,
+    update: H,
+    refs: K,
+    elements: N,
+    floatingStyles: P
+  }), [p, H, K, N, P]);
+}
+const So = (e, t) => ({
+  ...On(e),
+  options: [e, t]
+}), Eo = (e, t) => ({
+  ...Tn(e),
+  options: [e, t]
+});
+var Nt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var ln;
+function Ro() {
+  return ln || (ln = 1, function(e) {
+    (function() {
+      var t = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var s = arguments[i];
+          s && (r = l(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 i = "";
+        for (var s in r)
+          t.call(r, s) && r[s] && (i = l(i, s));
+        return i;
+      }
+      function l(r, i) {
+        return i ? r ? r + " " + i : r + i : r;
+      }
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    })();
+  }(Nt)), Nt.exports;
+}
+var Oo = Ro();
+const Ft = /* @__PURE__ */ Fn(Oo);
+/*
+* React Tooltip
+* {@link https://github.com/ReactTooltip/react-tooltip}
+* @copyright ReactTooltip Team
+* @license MIT
+*/
+const To = "react-tooltip-core-styles", Co = "react-tooltip-base-styles", sn = { core: !1, base: !1 };
+function cn({ css: e, id: t = Co, type: n = "base", ref: o }) {
+  var l, r;
+  if (!e || typeof document > "u" || sn[n] || n === "core" && typeof process < "u" && (!((l = process == null ? void 0 : process.env) === null || l === void 0) && l.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 = To), o || (o = {});
+  const { insertAt: i } = o;
+  if (document.getElementById(t)) return;
+  const s = document.head || document.getElementsByTagName("head")[0], c = document.createElement("style");
+  c.id = t, c.type = "text/css", i === "top" && s.firstChild ? s.insertBefore(c, s.firstChild) : s.appendChild(c), c.styleSheet ? c.styleSheet.cssText = e : c.appendChild(document.createTextNode(e)), sn[n] = !0;
+}
+const an = async ({ elementReference: e = null, tooltipReference: t = null, tooltipArrowReference: n = null, place: o = "top", offset: l = 10, strategy: r = "absolute", middlewares: i = [On(Number(l)), Tn({ fallbackAxisSideDirection: "start" }), _o({ padding: 5 })], border: s }) => {
+  if (!e) return { tooltipStyles: {}, tooltipArrowStyles: {}, place: o };
+  if (t === null) return { tooltipStyles: {}, tooltipArrowStyles: {}, place: o };
+  const c = i;
+  return n ? (c.push(Ao({ element: n, padding: 5 })), Wt(e, t, { placement: o, strategy: r, middleware: c }).then(({ x: a, y: p, placement: d, middlewareData: h }) => {
+    var u, m;
+    const g = { left: `${a}px`, top: `${p}px`, border: s }, { x, y: w } = (u = h.arrow) !== null && u !== void 0 ? u : { x: 0, y: 0 }, S = (m = { top: "bottom", right: "left", bottom: "top", left: "right" }[d.split("-")[0]]) !== null && m !== void 0 ? m : "bottom", _ = s && { borderBottom: s, borderRight: s };
+    let A = 0;
+    if (s) {
+      const E = `${s}`.match(/(\d+)px/);
+      A = E != null && E[1] ? Number(E[1]) : 1;
+    }
+    return { tooltipStyles: g, tooltipArrowStyles: { left: x != null ? `${x}px` : "", top: w != null ? `${w}px` : "", right: "", bottom: "", ..._, [S]: `-${4 + A}px` }, place: d };
+  })) : Wt(e, t, { placement: "bottom", strategy: r, middleware: c }).then(({ x: a, y: p, placement: d }) => ({ tooltipStyles: { left: `${a}px`, top: `${p}px` }, tooltipArrowStyles: {}, place: d }));
+}, un = (e, t) => !("CSS" in window && "supports" in window.CSS) || window.CSS.supports(e, t), fn = (e, t, n) => {
+  let o = null;
+  const l = function(...r) {
+    const i = () => {
+      o = null;
+    };
+    !o && (e.apply(this, r), o = setTimeout(i, t));
+  };
+  return l.cancel = () => {
+    o && (clearTimeout(o), o = null);
+  }, l;
+}, dn = (e) => e !== null && !Array.isArray(e) && typeof e == "object", It = (e, t) => {
+  if (e === t) return !0;
+  if (Array.isArray(e) && Array.isArray(t)) return e.length === t.length && e.every((l, r) => It(l, t[r]));
+  if (Array.isArray(e) !== Array.isArray(t)) return !1;
+  if (!dn(e) || !dn(t)) return e === t;
+  const n = Object.keys(e), o = Object.keys(t);
+  return n.length === o.length && n.every((l) => It(e[l], t[l]));
+}, ko = (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";
+  });
+}, pn = (e) => {
+  if (!e) return null;
+  let t = e.parentElement;
+  for (; t; ) {
+    if (ko(t)) return t;
+    t = t.parentElement;
+  }
+  return document.scrollingElement || document.documentElement;
+}, Lo = typeof window < "u" ? mn : L, ie = (e) => {
+  e.current && (clearTimeout(e.current), e.current = null);
+}, Do = "DEFAULT_TOOLTIP_ID", No = { anchorRefs: /* @__PURE__ */ new Set(), activeAnchor: { current: null }, attach: () => {
+}, detach: () => {
+}, setActiveAnchor: () => {
+} }, Mo = Nn({ getTooltipData: () => No });
+function kn(e = Do) {
+  return Mn(Mo).getTooltipData(e);
+}
+var We = { 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" }, Mt = { 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 $o = ({ forwardRef: e, id: t, className: n, classNameArrow: o, variant: l = "dark", anchorId: r, anchorSelect: i, place: s = "top", offset: c = 10, events: a = ["hover"], openOnClick: p = !1, positionStrategy: d = "absolute", middlewares: h, wrapper: u, delayShow: m = 0, delayHide: g = 0, float: x = !1, hidden: w = !1, noArrow: S = !1, clickable: _ = !1, closeOnEsc: A = !1, closeOnScroll: E = !1, closeOnResize: $ = !1, openEvents: T, closeEvents: V, globalCloseEvents: J, imperativeModeOnly: q, style: ee, position: Q, afterShow: H, afterHide: C, disableTooltip: K, content: N, contentWrapperRef: P, isOpen: R, defaultIsOpen: B = !1, setIsOpen: X, activeAnchor: F, setActiveAnchor: ke, border: ut, opacity: ft, arrowColor: dt, role: Rt = "tooltip" }) => {
+  var He;
+  const Z = se(null), Le = se(null), ce = se(null), we = se(null), Ke = se(null), [ve, Ot] = W({ tooltipStyles: {}, tooltipArrowStyles: {}, place: s }), [te, pt] = W(!1), [_e, Ae] = W(!1), [M, Xe] = W(null), Ye = se(!1), Ue = se(null), { anchorRefs: Je, setActiveAnchor: mt } = kn(t), De = se(!1), [xe, Qe] = W([]), Se = se(!1), Ne = p || a.includes("click"), Ze = Ne || (T == null ? void 0 : T.click) || (T == null ? void 0 : T.dblclick) || (T == null ? void 0 : T.mousedown), Me = T ? { ...T } : { mouseover: !0, focus: !0, mouseenter: !1, click: !1, dblclick: !1, mousedown: !1 };
+  !T && Ne && Object.assign(Me, { mouseenter: !1, focus: !1, mouseover: !1, click: !0 });
+  const Ge = V ? { ...V } : { mouseout: !0, blur: !0, mouseleave: !1, click: !1, dblclick: !1, mouseup: !1 };
+  !V && Ne && Object.assign(Ge, { mouseleave: !1, blur: !1, mouseout: !1 });
+  const ae = J ? { ...J } : { escape: A || !1, scroll: E || !1, resize: $ || !1, clickOutsideAnchor: Ze || !1 };
+  q && (Object.assign(Me, { mouseenter: !1, focus: !1, click: !1, dblclick: !1, mousedown: !1 }), Object.assign(Ge, { mouseleave: !1, blur: !1, click: !1, dblclick: !1, mouseup: !1 }), Object.assign(ae, { escape: !1, scroll: !1, resize: !1, clickOutsideAnchor: !1 })), Lo(() => (Se.current = !0, () => {
+    Se.current = !1;
+  }), []);
+  const j = (f) => {
+    Se.current && (f && Ae(!0), setTimeout(() => {
+      Se.current && (X == null || X(f), R === void 0 && pt(f));
+    }, 10));
+  };
+  L(() => {
+    if (R === void 0) return () => null;
+    R && Ae(!0);
+    const f = setTimeout(() => {
+      pt(R);
+    }, 10);
+    return () => {
+      clearTimeout(f);
+    };
+  }, [R]), L(() => {
+    if (te !== Ye.current) if (ie(Ke), Ye.current = te, te) H == null || H();
+    else {
+      const f = ((v) => {
+        const b = v.match(/^([\d.]+)(ms|s)$/);
+        if (!b) return 0;
+        const [, I, Y] = b;
+        return Number(I) * (Y === "ms" ? 1 : 1e3);
+      })(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));
+      Ke.current = setTimeout(() => {
+        Ae(!1), Xe(null), C == null || C();
+      }, f + 25);
+    }
+  }, [te]);
+  const ht = (f) => {
+    Ot((v) => It(v, f) ? v : f);
+  }, et = (f = m) => {
+    ie(ce), _e ? j(!0) : ce.current = setTimeout(() => {
+      j(!0);
+    }, f);
+  }, $e = (f = g) => {
+    ie(we), we.current = setTimeout(() => {
+      De.current || j(!1);
+    }, f);
+  }, tt = (f) => {
+    var v;
+    if (!f) return;
+    const b = (v = f.currentTarget) !== null && v !== void 0 ? v : f.target;
+    if (!(b != null && b.isConnected)) return ke(null), void mt({ current: null });
+    m ? et() : j(!0), ke(b), mt({ current: b }), ie(we);
+  }, Pe = () => {
+    _ ? $e(g || 100) : g ? $e() : j(!1), ie(ce);
+  }, Be = ({ x: f, y: v }) => {
+    var b;
+    const I = { getBoundingClientRect: () => ({ x: f, y: v, width: 0, height: 0, top: v, left: f, right: f, bottom: v }) };
+    an({ place: (b = M == null ? void 0 : M.place) !== null && b !== void 0 ? b : s, offset: c, elementReference: I, tooltipReference: Z.current, tooltipArrowReference: Le.current, strategy: d, middlewares: h, border: ut }).then((Y) => {
+      ht(Y);
+    });
+  }, je = (f) => {
+    if (!f) return;
+    const v = f, b = { x: v.clientX, y: v.clientY };
+    Be(b), Ue.current = b;
+  }, nt = (f) => {
+    var v;
+    if (!te) return;
+    const b = f.target;
+    b.isConnected && (!((v = Z.current) === null || v === void 0) && v.contains(b) || [document.querySelector(`[id='${r}']`), ...xe].some((I) => I == null ? void 0 : I.contains(b)) || (j(!1), ie(ce)));
+  }, yt = fn(tt, 50), z = fn(Pe, 50), re = (f) => {
+    z.cancel(), yt(f);
+  }, y = () => {
+    yt.cancel(), z();
+  }, O = $t(() => {
+    var f, v;
+    const b = (f = M == null ? void 0 : M.position) !== null && f !== void 0 ? f : Q;
+    b ? Be(b) : x ? Ue.current && Be(Ue.current) : F != null && F.isConnected && an({ place: (v = M == null ? void 0 : M.place) !== null && v !== void 0 ? v : s, offset: c, elementReference: F, tooltipReference: Z.current, tooltipArrowReference: Le.current, strategy: d, middlewares: h, border: ut }).then((I) => {
+      Se.current && ht(I);
+    });
+  }, [te, F, N, ee, s, M == null ? void 0 : M.place, c, d, Q, M == null ? void 0 : M.position, x]);
+  L(() => {
+    var f, v;
+    const b = new Set(Je);
+    xe.forEach((k) => {
+      K != null && K(k) || b.add({ current: k });
+    });
+    const I = document.querySelector(`[id='${r}']`);
+    I && !(K != null && K(I)) && b.add({ current: I });
+    const Y = () => {
+      j(!1);
+    }, de = pn(F), pe = pn(Z.current);
+    ae.scroll && (window.addEventListener("scroll", Y), de == null || de.addEventListener("scroll", Y), pe == null || pe.addEventListener("scroll", Y));
+    let G = null;
+    ae.resize ? window.addEventListener("resize", Y) : F && Z.current && (G = bo(F, Z.current, O, { ancestorResize: !0, elementResize: !0, layoutShift: !0 }));
+    const le = (k) => {
+      k.key === "Escape" && j(!1);
+    };
+    ae.escape && window.addEventListener("keydown", le), ae.clickOutsideAnchor && window.addEventListener("click", nt);
+    const D = [], ot = (k) => {
+      te && (k == null ? void 0 : k.target) === F || tt(k);
+    }, Ln = (k) => {
+      te && (k == null ? void 0 : k.target) === F && Pe();
+    }, Yt = ["mouseover", "mouseout", "mouseenter", "mouseleave", "focus", "blur"], Ut = ["click", "dblclick", "mousedown", "mouseup"];
+    Object.entries(Me).forEach(([k, ge]) => {
+      ge && (Yt.includes(k) ? D.push({ event: k, listener: re }) : Ut.includes(k) && D.push({ event: k, listener: ot }));
+    }), Object.entries(Ge).forEach(([k, ge]) => {
+      ge && (Yt.includes(k) ? D.push({ event: k, listener: y }) : Ut.includes(k) && D.push({ event: k, listener: Ln }));
+    }), x && D.push({ event: "pointermove", listener: je });
+    const Jt = () => {
+      De.current = !0;
+    }, Qt = () => {
+      De.current = !1, Pe();
+    };
+    return _ && !Ze && ((f = Z.current) === null || f === void 0 || f.addEventListener("mouseenter", Jt), (v = Z.current) === null || v === void 0 || v.addEventListener("mouseleave", Qt)), D.forEach(({ event: k, listener: ge }) => {
+      b.forEach((Tt) => {
+        var rt;
+        (rt = Tt.current) === null || rt === void 0 || rt.addEventListener(k, ge);
+      });
+    }), () => {
+      var k, ge;
+      ae.scroll && (window.removeEventListener("scroll", Y), de == null || de.removeEventListener("scroll", Y), pe == null || pe.removeEventListener("scroll", Y)), ae.resize ? window.removeEventListener("resize", Y) : G == null || G(), ae.clickOutsideAnchor && window.removeEventListener("click", nt), ae.escape && window.removeEventListener("keydown", le), _ && !Ze && ((k = Z.current) === null || k === void 0 || k.removeEventListener("mouseenter", Jt), (ge = Z.current) === null || ge === void 0 || ge.removeEventListener("mouseleave", Qt)), D.forEach(({ event: Tt, listener: rt }) => {
+        b.forEach((Dn) => {
+          var Ct;
+          (Ct = Dn.current) === null || Ct === void 0 || Ct.removeEventListener(Tt, rt);
+        });
+      });
+    };
+  }, [F, O, _e, Je, xe, T, V, J, Ne, m, g]), L(() => {
+    var f, v;
+    let b = (v = (f = M == null ? void 0 : M.anchorSelect) !== null && f !== void 0 ? f : i) !== null && v !== void 0 ? v : "";
+    !b && t && (b = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`);
+    const I = new MutationObserver((Y) => {
+      const de = [], pe = [];
+      Y.forEach((G) => {
+        if (G.type === "attributes" && G.attributeName === "data-tooltip-id" && (G.target.getAttribute("data-tooltip-id") === t ? de.push(G.target) : G.oldValue === t && pe.push(G.target)), G.type === "childList") {
+          if (F) {
+            const le = [...G.removedNodes].filter((D) => D.nodeType === 1);
+            if (b) try {
+              pe.push(...le.filter((D) => D.matches(b))), pe.push(...le.flatMap((D) => [...D.querySelectorAll(b)]));
+            } catch {
+            }
+            le.some((D) => {
+              var ot;
+              return !!(!((ot = D == null ? void 0 : D.contains) === null || ot === void 0) && ot.call(D, F)) && (Ae(!1), j(!1), ke(null), ie(ce), ie(we), !0);
+            });
+          }
+          if (b) try {
+            const le = [...G.addedNodes].filter((D) => D.nodeType === 1);
+            de.push(...le.filter((D) => D.matches(b))), de.push(...le.flatMap((D) => [...D.querySelectorAll(b)]));
+          } catch {
+          }
+        }
+      }), (de.length || pe.length) && Qe((G) => [...G.filter((le) => !pe.includes(le)), ...de]);
+    });
+    return I.observe(document.body, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-tooltip-id"], attributeOldValue: !0 }), () => {
+      I.disconnect();
+    };
+  }, [t, i, M == null ? void 0 : M.anchorSelect, F]), L(() => {
+    O();
+  }, [O]), L(() => {
+    if (!(P != null && P.current)) return () => null;
+    const f = new ResizeObserver(() => {
+      setTimeout(() => O());
+    });
+    return f.observe(P.current), () => {
+      f.disconnect();
+    };
+  }, [N, P == null ? void 0 : P.current]), L(() => {
+    var f;
+    const v = document.querySelector(`[id='${r}']`), b = [...xe, v];
+    F && b.includes(F) || ke((f = xe[0]) !== null && f !== void 0 ? f : v);
+  }, [r, xe, F]), L(() => (B && j(!0), () => {
+    ie(ce), ie(we);
+  }), []), L(() => {
+    var f;
+    let v = (f = M == null ? void 0 : M.anchorSelect) !== null && f !== void 0 ? f : i;
+    if (!v && t && (v = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`), v) try {
+      const b = Array.from(document.querySelectorAll(v));
+      Qe(b);
+    } catch {
+      Qe([]);
+    }
+  }, [t, i, M == null ? void 0 : M.anchorSelect]), L(() => {
+    ce.current && (ie(ce), et(m));
+  }, [m]);
+  const ne = (He = M == null ? void 0 : M.content) !== null && He !== void 0 ? He : N, Ee = te && Object.keys(ve.tooltipStyles).length > 0;
+  return $n(e, () => ({ open: (f) => {
+    if (f != null && f.anchorSelect) try {
+      document.querySelector(f.anchorSelect);
+    } catch {
+      return void console.warn(`[react-tooltip] "${f.anchorSelect}" is not a valid CSS selector`);
+    }
+    Xe(f ?? null), f != null && f.delay ? et(f.delay) : j(!0);
+  }, close: (f) => {
+    f != null && f.delay ? $e(f.delay) : j(!1);
+  }, activeAnchor: F, place: ve.place, isOpen: !!(_e && !w && ne && Ee) })), _e && !w && ne ? Re.createElement(u, { id: t, role: Rt, className: Ft("react-tooltip", We.tooltip, Mt.tooltip, Mt[l], n, `react-tooltip__place-${ve.place}`, We[Ee ? "show" : "closing"], Ee ? "react-tooltip__show" : "react-tooltip__closing", d === "fixed" && We.fixed, _ && We.clickable), onTransitionEnd: (f) => {
+    ie(Ke), te || f.propertyName !== "opacity" || (Ae(!1), Xe(null), C == null || C());
+  }, style: { ...ee, ...ve.tooltipStyles, opacity: ft !== void 0 && Ee ? ft : void 0 }, ref: Z }, ne, Re.createElement(u, { className: Ft("react-tooltip-arrow", We.arrow, Mt.arrow, o, S && We.noArrow), style: { ...ve.tooltipArrowStyles, background: dt ? `linear-gradient(to right bottom, transparent 50%, ${dt} 50%)` : void 0 }, ref: Le })) : null;
+}, Po = ({ content: e }) => Re.createElement("span", { dangerouslySetInnerHTML: { __html: e } }), Bo = Re.forwardRef(({ id: e, anchorId: t, anchorSelect: n, content: o, html: l, render: r, className: i, classNameArrow: s, variant: c = "dark", place: a = "top", offset: p = 10, wrapper: d = "div", children: h = null, events: u = ["hover"], openOnClick: m = !1, positionStrategy: g = "absolute", middlewares: x, delayShow: w = 0, delayHide: S = 0, float: _ = !1, hidden: A = !1, noArrow: E = !1, clickable: $ = !1, closeOnEsc: T = !1, closeOnScroll: V = !1, closeOnResize: J = !1, openEvents: q, closeEvents: ee, globalCloseEvents: Q, imperativeModeOnly: H = !1, style: C, position: K, isOpen: N, defaultIsOpen: P = !1, disableStyleInjection: R = !1, border: B, opacity: X, arrowColor: F, setIsOpen: ke, afterShow: ut, afterHide: ft, disableTooltip: dt, role: Rt = "tooltip" }, He) => {
+  const [Z, Le] = W(o), [ce, we] = W(l), [Ke, ve] = W(a), [Ot, te] = W(c), [pt, _e] = W(p), [Ae, M] = W(w), [Xe, Ye] = W(S), [Ue, Je] = W(_), [mt, De] = W(A), [xe, Qe] = W(d), [Se, Ne] = W(u), [Ze, Me] = W(g), [Ge, ae] = W(null), [j, ht] = W(null), et = se(R), { anchorRefs: $e, activeAnchor: tt } = kn(e), Pe = (z) => z == null ? void 0 : z.getAttributeNames().reduce((re, y) => {
+    var O;
+    return y.startsWith("data-tooltip-") && (re[y.replace(/^data-tooltip-/, "")] = (O = z == null ? void 0 : z.getAttribute(y)) !== null && O !== void 0 ? O : null), re;
+  }, {}), Be = (z) => {
+    const re = { place: (y) => {
+      var O;
+      ve((O = y) !== null && O !== void 0 ? O : a);
+    }, content: (y) => {
+      Le(y ?? o);
+    }, html: (y) => {
+      we(y ?? l);
+    }, variant: (y) => {
+      var O;
+      te((O = y) !== null && O !== void 0 ? O : c);
+    }, offset: (y) => {
+      _e(y === null ? p : Number(y));
+    }, wrapper: (y) => {
+      var O;
+      Qe((O = y) !== null && O !== void 0 ? O : d);
+    }, events: (y) => {
+      const O = y == null ? void 0 : y.split(" ");
+      Ne(O ?? u);
+    }, "position-strategy": (y) => {
+      var O;
+      Me((O = y) !== null && O !== void 0 ? O : g);
+    }, "delay-show": (y) => {
+      M(y === null ? w : Number(y));
+    }, "delay-hide": (y) => {
+      Ye(y === null ? S : Number(y));
+    }, float: (y) => {
+      Je(y === null ? _ : y === "true");
+    }, hidden: (y) => {
+      De(y === null ? A : y === "true");
+    }, "class-name": (y) => {
+      ae(y);
+    } };
+    Object.values(re).forEach((y) => y(null)), Object.entries(z).forEach(([y, O]) => {
+      var ne;
+      (ne = re[y]) === null || ne === void 0 || ne.call(re, O);
+    });
+  };
+  L(() => {
+    Le(o);
+  }, [o]), L(() => {
+    we(l);
+  }, [l]), L(() => {
+    ve(a);
+  }, [a]), L(() => {
+    te(c);
+  }, [c]), L(() => {
+    _e(p);
+  }, [p]), L(() => {
+    M(w);
+  }, [w]), L(() => {
+    Ye(S);
+  }, [S]), L(() => {
+    Je(_);
+  }, [_]), L(() => {
+    De(A);
+  }, [A]), L(() => {
+    Me(g);
+  }, [g]), L(() => {
+    et.current !== R && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
+  }, [R]), L(() => {
+    typeof window < "u" && window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles", { detail: { disableCore: R === "core", disableBase: R } }));
+  }, []), L(() => {
+    var z;
+    const re = new Set($e);
+    let y = n;
+    if (!y && e && (y = `[data-tooltip-id='${e.replace(/'/g, "\\'")}']`), y) try {
+      document.querySelectorAll(y).forEach((v) => {
+        re.add({ current: v });
+      });
+    } catch {
+      console.warn(`[react-tooltip] "${y}" is not a valid CSS selector`);
+    }
+    const O = document.querySelector(`[id='${t}']`);
+    if (O && re.add({ current: O }), !re.size) return () => null;
+    const ne = (z = j ?? O) !== null && z !== void 0 ? z : tt.current, Ee = new MutationObserver((v) => {
+      v.forEach((b) => {
+        var I;
+        if (!ne || b.type !== "attributes" || !(!((I = b.attributeName) === null || I === void 0) && I.startsWith("data-tooltip-"))) return;
+        const Y = Pe(ne);
+        Be(Y);
+      });
+    }), f = { attributes: !0, childList: !1, subtree: !1 };
+    if (ne) {
+      const v = Pe(ne);
+      Be(v), Ee.observe(ne, f);
+    }
+    return () => {
+      Ee.disconnect();
+    };
+  }, [$e, tt, j, t, n]), L(() => {
+    C != null && C.border && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), B && !un("border", `${B}`) && console.warn(`[react-tooltip] "${B}" is not a valid \`border\`.`), C != null && C.opacity && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), X && !un("opacity", `${X}`) && console.warn(`[react-tooltip] "${X}" is not a valid \`opacity\`.`);
+  }, []);
+  let je = h;
+  const nt = se(null);
+  if (r) {
+    const z = r({ content: (j == null ? void 0 : j.getAttribute("data-tooltip-content")) || Z || null, activeAnchor: j });
+    je = z ? Re.createElement("div", { ref: nt, className: "react-tooltip-content-wrapper" }, z) : null;
+  } else Z && (je = Z);
+  ce && (je = Re.createElement(Po, { content: ce }));
+  const yt = { forwardRef: He, id: e, anchorId: t, anchorSelect: n, className: Ft(i, Ge), classNameArrow: s, content: je, contentWrapperRef: nt, place: Ke, variant: Ot, offset: pt, wrapper: xe, events: Se, openOnClick: m, positionStrategy: Ze, middlewares: x, delayShow: Ae, delayHide: Xe, float: Ue, hidden: mt, noArrow: E, clickable: $, closeOnEsc: T, closeOnScroll: V, closeOnResize: J, openEvents: q, closeEvents: ee, globalCloseEvents: Q, imperativeModeOnly: H, style: C, position: K, isOpen: N, defaultIsOpen: P, border: B, opacity: X, arrowColor: F, setIsOpen: ke, afterShow: ut, afterHide: ft, disableTooltip: dt, activeAnchor: j, setActiveAnchor: (z) => ht(z), role: Rt };
+  return Re.createElement($o, { ...yt });
+});
+typeof window < "u" && window.addEventListener("react-tooltip-inject-styles", (e) => {
+  e.detail.disableCore || cn({ 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 || cn({ 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 jo = hn(zn)``, Wo = hn.div`
+  ${({ theme: e, $maxWidth: t = "320px" }) => `
+    > :is(.react-tooltip, .react-tooltip__show, .react-tooltip__closing) {
+      background-color: ${e.palette.gray[700]};
+      border-radius: 8px;
+      color: ${e.palette.white};
+      font-size: ${e.typography.text.xs};
+      max-width: ${t};
+      padding: ${e.spacing[0.75]};
+      z-index: 999999;
+      --rt-opacity: 1;
+    }
+  `}
+`, Zo = Pn(function({
+  children: t,
+  disabled: n = !1,
+  display: o = "inline-block",
+  effect: l = "solid",
+  icon: r,
+  iconColor: i,
+  iconSize: s,
+  id: c,
+  maxWidth: a,
+  nodeTip: p,
+  place: d = "bottom",
+  tip: h = "",
+  title: u = "",
+  hide: m = h === "" && u === "" && p === void 0,
+  ...g
+}, x) {
+  const w = In(), [S, _] = W(!1), A = se(null), E = $t(() => {
+    A.current !== null && clearTimeout(A.current), A.current = setTimeout(() => {
+      _(!0);
+    }, 100);
+  }, []), $ = $t(() => {
+    A.current !== null && clearTimeout(A.current), A.current = setTimeout(() => {
+      _(!1);
+    }, 100);
+  }, []);
+  return n ? /* @__PURE__ */ lt(Bn, { children: t }) : /* @__PURE__ */ Zt(
+    jo,
+    {
+      "data-tooltip-id": c,
+      display: o,
+      onMouseLeave: $,
+      onMouseMove: E,
+      ref: x,
+      role: "tooltip",
+      ...g,
+      children: [
+        r ? /* @__PURE__ */ lt(
+          Vn,
+          {
+            clickable: !0,
+            disabled: n,
+            icon: r,
+            iconColor: i,
+            iconSize: s ?? "xxs",
+            iconType: S ? "fa-solid" : "fa-light"
+          }
+        ) : t,
+        Wn(
+          /* @__PURE__ */ lt(Wo, { $maxWidth: a, children: /* @__PURE__ */ Zt(
+            Bo,
+            {
+              delayShow: 500,
+              float: l === "float" ? !0 : void 0,
+              globalCloseEvents: { resize: !0 },
+              hidden: m || !S,
+              id: c,
+              middlewares: [
+                Eo({
+                  fallbackAxisSideDirection: "start"
+                }),
+                So({ mainAxis: 10 })
+              ],
+              noArrow: l === "float",
+              place: d,
+              children: [
+                kt(u) ? void 0 : /* @__PURE__ */ lt(
+                  Gt,
+                  {
+                    color: w.palette.white,
+                    fontWeight: "bold",
+                    lineSpacing: 1.5,
+                    size: "xs",
+                    textAlign: "start",
+                    wordWrap: "break-word",
+                    children: u
+                  }
+                ),
+                kt(h) ? void 0 : /* @__PURE__ */ lt(
+                  Gt,
+                  {
+                    color: w.palette.gray[100],
+                    lineSpacing: 1.5,
+                    size: "xs",
+                    textAlign: "start",
+                    wordWrap: "break-word",
+                    children: h
+                  }
+                ),
+                kt(p) ? void 0 : p
+              ]
+            }
+          ) }),
+          document.getElementById("root") ?? document.body
+        )
+      ]
+    }
+  );
+});
+export {
+  Zo as T,
+  bo as a,
+  Qo as u
+};