@fluidattacks/design 3.1.10 → 3.1.12

package/dist/index-D-lcuEHY.mjs

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