@fluidattacks/design 3.1.6 → 3.1.8

package/dist/index-OBZtKZuT.mjs

@@ -0,0 +1,1021 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import * as o from "react";
+import n, { useLayoutEffect as r, useEffect as l, createContext as i, useState as c, useRef as s, useContext as a, useCallback as u, useImperativeHandle as d, forwardRef as f, StrictMode as p } from "react";
+import * as m from "react-dom";
+import { createPortal as y } from "react-dom";
+import { isEmpty as h } from "lodash";
+import { g as v } from "./_commonjsHelpers-D6CrkqQz.mjs";
+import { styled as g, useTheme as w } from "styled-components";
+import { B as b } from "./styles-DV8yOaqV.mjs";
+import { Icon as x } from "./components/icon/index.js";
+import "./components/typography/heading/index.js";
+import "./components/typography/span/index.js";
+import { Text as _ } from "./components/typography/text/index.js";
+const S = Math.min, E = Math.max, A = Math.round, T = Math.floor, k = (e2) => ({ x: e2, y: e2 }), R = { left: "right", right: "left", bottom: "top", top: "bottom" }, O = { start: "end", end: "start" };
+function L(e2, t2, o2) {
+  return E(e2, S(t2, o2));
+}
+function C(e2, t2) {
+  return "function" == typeof e2 ? e2(t2) : e2;
+}
+function D(e2) {
+  return e2.split("-")[0];
+}
+function $(e2) {
+  return e2.split("-")[1];
+}
+function j(e2) {
+  return "x" === e2 ? "y" : "x";
+}
+function N(e2) {
+  return "y" === e2 ? "height" : "width";
+}
+function P(e2) {
+  return ["top", "bottom"].includes(D(e2)) ? "y" : "x";
+}
+function B(e2) {
+  return j(P(e2));
+}
+function M(e2) {
+  return e2.replace(/start|end/g, (e3) => O[e3]);
+}
+function z(e2) {
+  return e2.replace(/left|right|bottom|top/g, (e3) => R[e3]);
+}
+function W(e2) {
+  return "number" != typeof e2 ? function(e3) {
+    return { top: 0, right: 0, bottom: 0, left: 0, ...e3 };
+  }(e2) : { top: e2, right: e2, bottom: e2, left: e2 };
+}
+function I(e2) {
+  const { x: t2, y: o2, width: n2, height: r2 } = e2;
+  return { width: n2, height: r2, top: o2, left: t2, right: t2 + n2, bottom: o2 + r2, x: t2, y: o2 };
+}
+function H(e2, t2, o2) {
+  let { reference: n2, floating: r2 } = e2;
+  const l2 = P(t2), i2 = B(t2), c2 = N(i2), s2 = D(t2), a2 = "y" === l2, u2 = n2.x + n2.width / 2 - r2.width / 2, d2 = n2.y + n2.height / 2 - r2.height / 2, f2 = n2[c2] / 2 - r2[c2] / 2;
+  let p2;
+  switch (s2) {
+    case "top":
+      p2 = { x: u2, y: n2.y - r2.height };
+      break;
+    case "bottom":
+      p2 = { x: u2, y: n2.y + n2.height };
+      break;
+    case "right":
+      p2 = { x: n2.x + n2.width, y: d2 };
+      break;
+    case "left":
+      p2 = { x: n2.x - r2.width, y: d2 };
+      break;
+    default:
+      p2 = { x: n2.x, y: n2.y };
+  }
+  switch ($(t2)) {
+    case "start":
+      p2[i2] -= f2 * (o2 && a2 ? -1 : 1);
+      break;
+    case "end":
+      p2[i2] += f2 * (o2 && a2 ? -1 : 1);
+  }
+  return p2;
+}
+async function F(e2, t2) {
+  var o2;
+  void 0 === t2 && (t2 = {});
+  const { x: n2, y: r2, platform: l2, rects: i2, elements: c2, strategy: s2 } = e2, { boundary: a2 = "clippingAncestors", rootBoundary: u2 = "viewport", elementContext: d2 = "floating", altBoundary: f2 = false, padding: p2 = 0 } = C(t2, e2), m2 = W(p2), y2 = c2[f2 ? "floating" === d2 ? "reference" : "floating" : d2], h2 = I(await l2.getClippingRect({ element: null == (o2 = await (null == l2.isElement ? void 0 : l2.isElement(y2))) || o2 ? y2 : y2.contextElement || await (null == l2.getDocumentElement ? void 0 : l2.getDocumentElement(c2.floating)), boundary: a2, rootBoundary: u2, strategy: s2 })), v2 = "floating" === d2 ? { x: n2, y: r2, width: i2.floating.width, height: i2.floating.height } : i2.reference, g2 = await (null == l2.getOffsetParent ? void 0 : l2.getOffsetParent(c2.floating)), w2 = await (null == l2.isElement ? void 0 : l2.isElement(g2)) && await (null == l2.getScale ? void 0 : l2.getScale(g2)) || { x: 1, y: 1 }, b2 = I(l2.convertOffsetParentRelativeRectToViewportRelativeRect ? await l2.convertOffsetParentRelativeRectToViewportRelativeRect({ elements: c2, rect: v2, offsetParent: g2, strategy: s2 }) : v2);
+  return { top: (h2.top - b2.top + m2.top) / w2.y, bottom: (b2.bottom - h2.bottom + m2.bottom) / w2.y, left: (h2.left - b2.left + m2.left) / w2.x, right: (b2.right - h2.right + m2.right) / w2.x };
+}
+function V() {
+  return "undefined" != typeof window;
+}
+function q(e2) {
+  return Y(e2) ? (e2.nodeName || "").toLowerCase() : "#document";
+}
+function K(e2) {
+  var t2;
+  return (null == e2 || null == (t2 = e2.ownerDocument) ? void 0 : t2.defaultView) || window;
+}
+function X(e2) {
+  var t2;
+  return null == (t2 = (Y(e2) ? e2.ownerDocument : e2.document) || window.document) ? void 0 : t2.documentElement;
+}
+function Y(e2) {
+  return !!V() && (e2 instanceof Node || e2 instanceof K(e2).Node);
+}
+function Z(e2) {
+  return !!V() && (e2 instanceof Element || e2 instanceof K(e2).Element);
+}
+function G(e2) {
+  return !!V() && (e2 instanceof HTMLElement || e2 instanceof K(e2).HTMLElement);
+}
+function U(e2) {
+  return !(!V() || "undefined" == typeof ShadowRoot) && (e2 instanceof ShadowRoot || e2 instanceof K(e2).ShadowRoot);
+}
+function J(e2) {
+  const { overflow: t2, overflowX: o2, overflowY: n2, display: r2 } = re(e2);
+  return /auto|scroll|overlay|hidden|clip/.test(t2 + n2 + o2) && !["inline", "contents"].includes(r2);
+}
+function Q(e2) {
+  return ["table", "td", "th"].includes(q(e2));
+}
+function ee(e2) {
+  return [":popover-open", ":modal"].some((t2) => {
+    try {
+      return e2.matches(t2);
+    } catch (e3) {
+      return false;
+    }
+  });
+}
+function te(e2) {
+  const t2 = oe(), o2 = Z(e2) ? re(e2) : e2;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((e3) => !!o2[e3] && "none" !== o2[e3]) || !!o2.containerType && "normal" !== o2.containerType || !t2 && !!o2.backdropFilter && "none" !== o2.backdropFilter || !t2 && !!o2.filter && "none" !== o2.filter || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((e3) => (o2.willChange || "").includes(e3)) || ["paint", "layout", "strict", "content"].some((e3) => (o2.contain || "").includes(e3));
+}
+function oe() {
+  return !("undefined" == typeof CSS || !CSS.supports) && CSS.supports("-webkit-backdrop-filter", "none");
+}
+function ne(e2) {
+  return ["html", "body", "#document"].includes(q(e2));
+}
+function re(e2) {
+  return K(e2).getComputedStyle(e2);
+}
+function le(e2) {
+  return Z(e2) ? { scrollLeft: e2.scrollLeft, scrollTop: e2.scrollTop } : { scrollLeft: e2.scrollX, scrollTop: e2.scrollY };
+}
+function ie(e2) {
+  if ("html" === q(e2)) return e2;
+  const t2 = e2.assignedSlot || e2.parentNode || U(e2) && e2.host || X(e2);
+  return U(t2) ? t2.host : t2;
+}
+function ce(e2) {
+  const t2 = ie(e2);
+  return ne(t2) ? e2.ownerDocument ? e2.ownerDocument.body : e2.body : G(t2) && J(t2) ? t2 : ce(t2);
+}
+function se(e2, t2, o2) {
+  var n2;
+  void 0 === t2 && (t2 = []), void 0 === o2 && (o2 = true);
+  const r2 = ce(e2), l2 = r2 === (null == (n2 = e2.ownerDocument) ? void 0 : n2.body), i2 = K(r2);
+  if (l2) {
+    const e3 = ae(i2);
+    return t2.concat(i2, i2.visualViewport || [], J(r2) ? r2 : [], e3 && o2 ? se(e3) : []);
+  }
+  return t2.concat(r2, se(r2, [], o2));
+}
+function ae(e2) {
+  return e2.parent && Object.getPrototypeOf(e2.parent) ? e2.frameElement : null;
+}
+function ue(e2) {
+  const t2 = re(e2);
+  let o2 = parseFloat(t2.width) || 0, n2 = parseFloat(t2.height) || 0;
+  const r2 = G(e2), l2 = r2 ? e2.offsetWidth : o2, i2 = r2 ? e2.offsetHeight : n2, c2 = A(o2) !== l2 || A(n2) !== i2;
+  return c2 && (o2 = l2, n2 = i2), { width: o2, height: n2, $: c2 };
+}
+function de(e2) {
+  return Z(e2) ? e2 : e2.contextElement;
+}
+function fe(e2) {
+  const t2 = de(e2);
+  if (!G(t2)) return k(1);
+  const o2 = t2.getBoundingClientRect(), { width: n2, height: r2, $: l2 } = ue(t2);
+  let i2 = (l2 ? A(o2.width) : o2.width) / n2, c2 = (l2 ? A(o2.height) : o2.height) / r2;
+  return i2 && Number.isFinite(i2) || (i2 = 1), c2 && Number.isFinite(c2) || (c2 = 1), { x: i2, y: c2 };
+}
+const pe = k(0);
+function me(e2) {
+  const t2 = K(e2);
+  return oe() && t2.visualViewport ? { x: t2.visualViewport.offsetLeft, y: t2.visualViewport.offsetTop } : pe;
+}
+function ye(e2, t2, o2, n2) {
+  void 0 === t2 && (t2 = false), void 0 === o2 && (o2 = false);
+  const r2 = e2.getBoundingClientRect(), l2 = de(e2);
+  let i2 = k(1);
+  t2 && (n2 ? Z(n2) && (i2 = fe(n2)) : i2 = fe(e2));
+  const c2 = function(e3, t3, o3) {
+    return void 0 === t3 && (t3 = false), !(!o3 || t3 && o3 !== K(e3)) && t3;
+  }(l2, o2, n2) ? me(l2) : k(0);
+  let s2 = (r2.left + c2.x) / i2.x, a2 = (r2.top + c2.y) / i2.y, u2 = r2.width / i2.x, d2 = r2.height / i2.y;
+  if (l2) {
+    const e3 = K(l2), t3 = n2 && Z(n2) ? K(n2) : n2;
+    let o3 = e3, r3 = ae(o3);
+    for (; r3 && n2 && t3 !== o3; ) {
+      const e4 = fe(r3), t4 = r3.getBoundingClientRect(), n3 = re(r3), l3 = t4.left + (r3.clientLeft + parseFloat(n3.paddingLeft)) * e4.x, i3 = t4.top + (r3.clientTop + parseFloat(n3.paddingTop)) * e4.y;
+      s2 *= e4.x, a2 *= e4.y, u2 *= e4.x, d2 *= e4.y, s2 += l3, a2 += i3, o3 = K(r3), r3 = ae(o3);
+    }
+  }
+  return I({ width: u2, height: d2, x: s2, y: a2 });
+}
+function he(e2, t2) {
+  const o2 = le(e2).scrollLeft;
+  return t2 ? t2.left + o2 : ye(X(e2)).left + o2;
+}
+function ve(e2, t2, o2) {
+  void 0 === o2 && (o2 = false);
+  const n2 = e2.getBoundingClientRect();
+  return { x: n2.left + t2.scrollLeft - (o2 ? 0 : he(e2, n2)), y: n2.top + t2.scrollTop };
+}
+function ge(e2, t2, o2) {
+  let n2;
+  if ("viewport" === t2) n2 = function(e3, t3) {
+    const o3 = K(e3), n3 = X(e3), r2 = o3.visualViewport;
+    let l2 = n3.clientWidth, i2 = n3.clientHeight, c2 = 0, s2 = 0;
+    if (r2) {
+      l2 = r2.width, i2 = r2.height;
+      const e4 = oe();
+      (!e4 || e4 && "fixed" === t3) && (c2 = r2.offsetLeft, s2 = r2.offsetTop);
+    }
+    return { width: l2, height: i2, x: c2, y: s2 };
+  }(e2, o2);
+  else if ("document" === t2) n2 = function(e3) {
+    const t3 = X(e3), o3 = le(e3), n3 = e3.ownerDocument.body, r2 = E(t3.scrollWidth, t3.clientWidth, n3.scrollWidth, n3.clientWidth), l2 = E(t3.scrollHeight, t3.clientHeight, n3.scrollHeight, n3.clientHeight);
+    let i2 = -o3.scrollLeft + he(e3);
+    const c2 = -o3.scrollTop;
+    return "rtl" === re(n3).direction && (i2 += E(t3.clientWidth, n3.clientWidth) - r2), { width: r2, height: l2, x: i2, y: c2 };
+  }(X(e2));
+  else if (Z(t2)) n2 = function(e3, t3) {
+    const o3 = ye(e3, true, "fixed" === t3), n3 = o3.top + e3.clientTop, r2 = o3.left + e3.clientLeft, l2 = G(e3) ? fe(e3) : k(1);
+    return { width: e3.clientWidth * l2.x, height: e3.clientHeight * l2.y, x: r2 * l2.x, y: n3 * l2.y };
+  }(t2, o2);
+  else {
+    const o3 = me(e2);
+    n2 = { x: t2.x - o3.x, y: t2.y - o3.y, width: t2.width, height: t2.height };
+  }
+  return I(n2);
+}
+function we(e2, t2) {
+  const o2 = ie(e2);
+  return !(o2 === t2 || !Z(o2) || ne(o2)) && ("fixed" === re(o2).position || we(o2, t2));
+}
+function be(e2, t2, o2) {
+  const n2 = G(t2), r2 = X(t2), l2 = "fixed" === o2, i2 = ye(e2, true, l2, t2);
+  let c2 = { scrollLeft: 0, scrollTop: 0 };
+  const s2 = k(0);
+  if (n2 || !n2 && !l2) if (("body" !== q(t2) || J(r2)) && (c2 = le(t2)), n2) {
+    const e3 = ye(t2, true, l2, t2);
+    s2.x = e3.x + t2.clientLeft, s2.y = e3.y + t2.clientTop;
+  } else r2 && (s2.x = he(r2));
+  const a2 = !r2 || n2 || l2 ? k(0) : ve(r2, c2);
+  return { x: i2.left + c2.scrollLeft - s2.x - a2.x, y: i2.top + c2.scrollTop - s2.y - a2.y, width: i2.width, height: i2.height };
+}
+function xe(e2) {
+  return "static" === re(e2).position;
+}
+function _e(e2, t2) {
+  if (!G(e2) || "fixed" === re(e2).position) return null;
+  if (t2) return t2(e2);
+  let o2 = e2.offsetParent;
+  return X(e2) === o2 && (o2 = o2.ownerDocument.body), o2;
+}
+function Se(e2, t2) {
+  const o2 = K(e2);
+  if (ee(e2)) return o2;
+  if (!G(e2)) {
+    let t3 = ie(e2);
+    for (; t3 && !ne(t3); ) {
+      if (Z(t3) && !xe(t3)) return t3;
+      t3 = ie(t3);
+    }
+    return o2;
+  }
+  let n2 = _e(e2, t2);
+  for (; n2 && Q(n2) && xe(n2); ) n2 = _e(n2, t2);
+  return n2 && ne(n2) && xe(n2) && !te(n2) ? o2 : n2 || function(e3) {
+    let t3 = ie(e3);
+    for (; G(t3) && !ne(t3); ) {
+      if (te(t3)) return t3;
+      if (ee(t3)) return null;
+      t3 = ie(t3);
+    }
+    return null;
+  }(e2) || o2;
+}
+const Ee = { convertOffsetParentRelativeRectToViewportRelativeRect: function(e2) {
+  let { elements: t2, rect: o2, offsetParent: n2, strategy: r2 } = e2;
+  const l2 = "fixed" === r2, i2 = X(n2), c2 = !!t2 && ee(t2.floating);
+  if (n2 === i2 || c2 && l2) return o2;
+  let s2 = { scrollLeft: 0, scrollTop: 0 }, a2 = k(1);
+  const u2 = k(0), d2 = G(n2);
+  if ((d2 || !d2 && !l2) && (("body" !== q(n2) || J(i2)) && (s2 = le(n2)), G(n2))) {
+    const e3 = ye(n2);
+    a2 = fe(n2), u2.x = e3.x + n2.clientLeft, u2.y = e3.y + n2.clientTop;
+  }
+  const f2 = !i2 || d2 || l2 ? k(0) : ve(i2, s2, true);
+  return { width: o2.width * a2.x, height: o2.height * a2.y, x: o2.x * a2.x - s2.scrollLeft * a2.x + u2.x + f2.x, y: o2.y * a2.y - s2.scrollTop * a2.y + u2.y + f2.y };
+}, getDocumentElement: X, getClippingRect: function(e2) {
+  let { element: t2, boundary: o2, rootBoundary: n2, strategy: r2 } = e2;
+  const l2 = [..."clippingAncestors" === o2 ? ee(t2) ? [] : function(e3, t3) {
+    const o3 = t3.get(e3);
+    if (o3) return o3;
+    let n3 = se(e3, [], false).filter((e4) => Z(e4) && "body" !== q(e4)), r3 = null;
+    const l3 = "fixed" === re(e3).position;
+    let i3 = l3 ? ie(e3) : e3;
+    for (; Z(i3) && !ne(i3); ) {
+      const t4 = re(i3), o4 = te(i3);
+      o4 || "fixed" !== t4.position || (r3 = null), (l3 ? !o4 && !r3 : !o4 && "static" === t4.position && r3 && ["absolute", "fixed"].includes(r3.position) || J(i3) && !o4 && we(e3, i3)) ? n3 = n3.filter((e4) => e4 !== i3) : r3 = t4, i3 = ie(i3);
+    }
+    return t3.set(e3, n3), n3;
+  }(t2, this._c) : [].concat(o2), n2], i2 = l2[0], c2 = l2.reduce((e3, o3) => {
+    const n3 = ge(t2, o3, r2);
+    return e3.top = E(n3.top, e3.top), e3.right = S(n3.right, e3.right), e3.bottom = S(n3.bottom, e3.bottom), e3.left = E(n3.left, e3.left), e3;
+  }, ge(t2, i2, r2));
+  return { width: c2.right - c2.left, height: c2.bottom - c2.top, x: c2.left, y: c2.top };
+}, getOffsetParent: Se, getElementRects: async function(e2) {
+  const t2 = this.getOffsetParent || Se, o2 = this.getDimensions, n2 = await o2(e2.floating);
+  return { reference: be(e2.reference, await t2(e2.floating), e2.strategy), floating: { x: 0, y: 0, width: n2.width, height: n2.height } };
+}, getClientRects: function(e2) {
+  return Array.from(e2.getClientRects());
+}, getDimensions: function(e2) {
+  const { width: t2, height: o2 } = ue(e2);
+  return { width: t2, height: o2 };
+}, getScale: fe, isElement: Z, isRTL: function(e2) {
+  return "rtl" === re(e2).direction;
+} };
+function Ae(e2, t2) {
+  return e2.x === t2.x && e2.y === t2.y && e2.width === t2.width && e2.height === t2.height;
+}
+function Te(e2, t2, o2, n2) {
+  void 0 === n2 && (n2 = {});
+  const { ancestorScroll: r2 = true, ancestorResize: l2 = true, elementResize: i2 = "function" == typeof ResizeObserver, layoutShift: c2 = "function" == typeof IntersectionObserver, animationFrame: s2 = false } = n2, a2 = de(e2), u2 = r2 || l2 ? [...a2 ? se(a2) : [], ...se(t2)] : [];
+  u2.forEach((e3) => {
+    r2 && e3.addEventListener("scroll", o2, { passive: true }), l2 && e3.addEventListener("resize", o2);
+  });
+  const d2 = a2 && c2 ? function(e3, t3) {
+    let o3, n3 = null;
+    const r3 = X(e3);
+    function l3() {
+      var e4;
+      clearTimeout(o3), null == (e4 = n3) || e4.disconnect(), n3 = null;
+    }
+    return function i3(c3, s3) {
+      void 0 === c3 && (c3 = false), void 0 === s3 && (s3 = 1), l3();
+      const a3 = e3.getBoundingClientRect(), { left: u3, top: d3, width: f3, height: p3 } = a3;
+      if (c3 || t3(), !f3 || !p3) return;
+      const m3 = { rootMargin: -T(d3) + "px " + -T(r3.clientWidth - (u3 + f3)) + "px " + -T(r3.clientHeight - (d3 + p3)) + "px " + -T(u3) + "px", threshold: E(0, S(1, s3)) || 1 };
+      let y3 = true;
+      function h2(t4) {
+        const n4 = t4[0].intersectionRatio;
+        if (n4 !== s3) {
+          if (!y3) return i3();
+          n4 ? i3(false, n4) : o3 = setTimeout(() => {
+            i3(false, 1e-7);
+          }, 1e3);
+        }
+        1 !== n4 || Ae(a3, e3.getBoundingClientRect()) || i3(), y3 = false;
+      }
+      try {
+        n3 = new IntersectionObserver(h2, { ...m3, root: r3.ownerDocument });
+      } catch (e4) {
+        n3 = new IntersectionObserver(h2, m3);
+      }
+      n3.observe(e3);
+    }(true), l3;
+  }(a2, o2) : null;
+  let f2, p2 = -1, m2 = null;
+  i2 && (m2 = new ResizeObserver((e3) => {
+    let [n3] = e3;
+    n3 && n3.target === a2 && m2 && (m2.unobserve(t2), cancelAnimationFrame(p2), p2 = requestAnimationFrame(() => {
+      var e4;
+      null == (e4 = m2) || e4.observe(t2);
+    })), o2();
+  }), a2 && !s2 && m2.observe(a2), m2.observe(t2));
+  let y2 = s2 ? ye(e2) : null;
+  return s2 && function t3() {
+    const n3 = ye(e2);
+    y2 && !Ae(y2, n3) && o2();
+    y2 = n3, f2 = requestAnimationFrame(t3);
+  }(), o2(), () => {
+    var e3;
+    u2.forEach((e4) => {
+      r2 && e4.removeEventListener("scroll", o2), l2 && e4.removeEventListener("resize", o2);
+    }), null == d2 || d2(), null == (e3 = m2) || e3.disconnect(), m2 = null, s2 && cancelAnimationFrame(f2);
+  };
+}
+const ke = function(e2) {
+  return void 0 === e2 && (e2 = 0), { name: "offset", options: e2, async fn(t2) {
+    var o2, n2;
+    const { x: r2, y: l2, placement: i2, middlewareData: c2 } = t2, s2 = await async function(e3, t3) {
+      const { placement: o3, platform: n3, elements: r3 } = e3, l3 = await (null == n3.isRTL ? void 0 : n3.isRTL(r3.floating)), i3 = D(o3), c3 = $(o3), s3 = "y" === P(o3), a2 = ["left", "top"].includes(i3) ? -1 : 1, u2 = l3 && s3 ? -1 : 1, d2 = C(t3, e3);
+      let { mainAxis: f2, crossAxis: p2, alignmentAxis: m2 } = "number" == typeof d2 ? { mainAxis: d2, crossAxis: 0, alignmentAxis: null } : { mainAxis: d2.mainAxis || 0, crossAxis: d2.crossAxis || 0, alignmentAxis: d2.alignmentAxis };
+      return c3 && "number" == typeof m2 && (p2 = "end" === c3 ? -1 * m2 : m2), s3 ? { x: p2 * u2, y: f2 * a2 } : { x: f2 * a2, y: p2 * u2 };
+    }(t2, e2);
+    return i2 === (null == (o2 = c2.offset) ? void 0 : o2.placement) && null != (n2 = c2.arrow) && n2.alignmentOffset ? {} : { x: r2 + s2.x, y: l2 + s2.y, data: { ...s2, placement: i2 } };
+  } };
+}, Re = function(e2) {
+  return void 0 === e2 && (e2 = {}), { name: "shift", options: e2, async fn(t2) {
+    const { x: o2, y: n2, placement: r2 } = t2, { mainAxis: l2 = true, crossAxis: i2 = false, limiter: c2 = { fn: (e3) => {
+      let { x: t3, y: o3 } = e3;
+      return { x: t3, y: o3 };
+    } }, ...s2 } = C(e2, t2), a2 = { x: o2, y: n2 }, u2 = await F(t2, s2), d2 = P(D(r2)), f2 = j(d2);
+    let p2 = a2[f2], m2 = a2[d2];
+    if (l2) {
+      const e3 = "y" === f2 ? "bottom" : "right";
+      p2 = L(p2 + u2["y" === f2 ? "top" : "left"], p2, p2 - u2[e3]);
+    }
+    if (i2) {
+      const e3 = "y" === d2 ? "bottom" : "right";
+      m2 = L(m2 + u2["y" === d2 ? "top" : "left"], m2, m2 - u2[e3]);
+    }
+    const y2 = c2.fn({ ...t2, [f2]: p2, [d2]: m2 });
+    return { ...y2, data: { x: y2.x - o2, y: y2.y - n2, enabled: { [f2]: l2, [d2]: i2 } } };
+  } };
+}, Oe = function(e2) {
+  return void 0 === e2 && (e2 = {}), { name: "flip", options: e2, async fn(t2) {
+    var o2, n2;
+    const { placement: r2, middlewareData: l2, rects: i2, initialPlacement: c2, platform: s2, elements: a2 } = t2, { mainAxis: u2 = true, crossAxis: d2 = true, fallbackPlacements: f2, fallbackStrategy: p2 = "bestFit", fallbackAxisSideDirection: m2 = "none", flipAlignment: y2 = true, ...h2 } = C(e2, t2);
+    if (null != (o2 = l2.arrow) && o2.alignmentOffset) return {};
+    const v2 = D(r2), g2 = P(c2), w2 = D(c2) === c2, b2 = await (null == s2.isRTL ? void 0 : s2.isRTL(a2.floating)), x2 = f2 || (w2 || !y2 ? [z(c2)] : function(e3) {
+      const t3 = z(e3);
+      return [M(e3), t3, M(t3)];
+    }(c2)), _2 = "none" !== m2;
+    !f2 && _2 && x2.push(...function(e3, t3, o3, n3) {
+      const r3 = $(e3);
+      let l3 = function(e4, t4, o4) {
+        const n4 = ["left", "right"], r4 = ["right", "left"], l4 = ["top", "bottom"], i3 = ["bottom", "top"];
+        switch (e4) {
+          case "top":
+          case "bottom":
+            return o4 ? t4 ? r4 : n4 : t4 ? n4 : r4;
+          case "left":
+          case "right":
+            return t4 ? l4 : i3;
+          default:
+            return [];
+        }
+      }(D(e3), "start" === o3, n3);
+      return r3 && (l3 = l3.map((e4) => e4 + "-" + r3), t3 && (l3 = l3.concat(l3.map(M)))), l3;
+    }(c2, y2, m2, b2));
+    const S2 = [c2, ...x2], E2 = await F(t2, h2), A2 = [];
+    let T2 = (null == (n2 = l2.flip) ? void 0 : n2.overflows) || [];
+    if (u2 && A2.push(E2[v2]), d2) {
+      const e3 = function(e4, t3, o3) {
+        void 0 === o3 && (o3 = false);
+        const n3 = $(e4), r3 = B(e4), l3 = N(r3);
+        let i3 = "x" === r3 ? n3 === (o3 ? "end" : "start") ? "right" : "left" : "start" === n3 ? "bottom" : "top";
+        return t3.reference[l3] > t3.floating[l3] && (i3 = z(i3)), [i3, z(i3)];
+      }(r2, i2, b2);
+      A2.push(E2[e3[0]], E2[e3[1]]);
+    }
+    if (T2 = [...T2, { placement: r2, overflows: A2 }], !A2.every((e3) => e3 <= 0)) {
+      var k2, R2;
+      const e3 = ((null == (k2 = l2.flip) ? void 0 : k2.index) || 0) + 1, t3 = S2[e3];
+      if (t3) return { data: { index: e3, overflows: T2 }, reset: { placement: t3 } };
+      let o3 = null == (R2 = T2.filter((e4) => e4.overflows[0] <= 0).sort((e4, t4) => e4.overflows[1] - t4.overflows[1])[0]) ? void 0 : R2.placement;
+      if (!o3) switch (p2) {
+        case "bestFit": {
+          var O2;
+          const e4 = null == (O2 = T2.filter((e5) => {
+            if (_2) {
+              const t4 = P(e5.placement);
+              return t4 === g2 || "y" === t4;
+            }
+            return true;
+          }).map((e5) => [e5.placement, e5.overflows.filter((e6) => e6 > 0).reduce((e6, t4) => e6 + t4, 0)]).sort((e5, t4) => e5[1] - t4[1])[0]) ? void 0 : O2[0];
+          e4 && (o3 = e4);
+          break;
+        }
+        case "initialPlacement":
+          o3 = c2;
+      }
+      if (r2 !== o3) return { reset: { placement: o3 } };
+    }
+    return {};
+  } };
+}, Le = (e2) => ({ name: "arrow", options: e2, async fn(t2) {
+  const { x: o2, y: n2, placement: r2, rects: l2, platform: i2, elements: c2, middlewareData: s2 } = t2, { element: a2, padding: u2 = 0 } = C(e2, t2) || {};
+  if (null == a2) return {};
+  const d2 = W(u2), f2 = { x: o2, y: n2 }, p2 = B(r2), m2 = N(p2), y2 = await i2.getDimensions(a2), h2 = "y" === p2, v2 = h2 ? "top" : "left", g2 = h2 ? "bottom" : "right", w2 = h2 ? "clientHeight" : "clientWidth", b2 = l2.reference[m2] + l2.reference[p2] - f2[p2] - l2.floating[m2], x2 = f2[p2] - l2.reference[p2], _2 = await (null == i2.getOffsetParent ? void 0 : i2.getOffsetParent(a2));
+  let E2 = _2 ? _2[w2] : 0;
+  E2 && await (null == i2.isElement ? void 0 : i2.isElement(_2)) || (E2 = c2.floating[w2] || l2.floating[m2]);
+  const A2 = b2 / 2 - x2 / 2, T2 = E2 / 2 - y2[m2] / 2 - 1, k2 = S(d2[v2], T2), R2 = S(d2[g2], T2), O2 = k2, D2 = E2 - y2[m2] - R2, j2 = E2 / 2 - y2[m2] / 2 + A2, P2 = L(O2, j2, D2), M2 = !s2.arrow && null != $(r2) && j2 !== P2 && l2.reference[m2] / 2 - (j2 < O2 ? k2 : R2) - y2[m2] / 2 < 0, z2 = M2 ? j2 < O2 ? j2 - O2 : j2 - D2 : 0;
+  return { [p2]: f2[p2] + z2, data: { [p2]: P2, centerOffset: j2 - P2 - z2, ...M2 && { alignmentOffset: z2 } }, reset: M2 };
+} }), Ce = (e2, t2, o2) => {
+  const n2 = /* @__PURE__ */ new Map(), r2 = { platform: Ee, ...o2 }, l2 = { ...r2.platform, _c: n2 };
+  return (async (e3, t3, o3) => {
+    const { placement: n3 = "bottom", strategy: r3 = "absolute", middleware: l3 = [], platform: i2 } = o3, c2 = l3.filter(Boolean), s2 = await (null == i2.isRTL ? void 0 : i2.isRTL(t3));
+    let a2 = await i2.getElementRects({ reference: e3, floating: t3, strategy: r3 }), { x: u2, y: d2 } = H(a2, n3, s2), f2 = n3, p2 = {}, m2 = 0;
+    for (let o4 = 0; o4 < c2.length; o4++) {
+      const { name: l4, fn: y2 } = c2[o4], { x: h2, y: v2, data: g2, reset: w2 } = await y2({ x: u2, y: d2, initialPlacement: n3, placement: f2, strategy: r3, middlewareData: p2, rects: a2, platform: i2, elements: { reference: e3, floating: t3 } });
+      u2 = null != h2 ? h2 : u2, d2 = null != v2 ? v2 : d2, p2 = { ...p2, [l4]: { ...p2[l4], ...g2 } }, w2 && m2 <= 50 && (m2++, "object" == typeof w2 && (w2.placement && (f2 = w2.placement), w2.rects && (a2 = true === w2.rects ? await i2.getElementRects({ reference: e3, floating: t3, strategy: r3 }) : w2.rects), { x: u2, y: d2 } = H(a2, f2, s2)), o4 = -1);
+    }
+    return { x: u2, y: d2, placement: f2, strategy: r3, middlewareData: p2 };
+  })(e2, t2, { ...r2, platform: l2 });
+};
+var De = "undefined" != typeof document ? r : l;
+function $e(e2, t2) {
+  if (e2 === t2) return true;
+  if (typeof e2 != typeof t2) return false;
+  if ("function" == typeof e2 && e2.toString() === t2.toString()) return true;
+  let o2, n2, r2;
+  if (e2 && t2 && "object" == typeof e2) {
+    if (Array.isArray(e2)) {
+      if (o2 = e2.length, o2 !== t2.length) return false;
+      for (n2 = o2; 0 != n2--; ) if (!$e(e2[n2], t2[n2])) return false;
+      return true;
+    }
+    if (r2 = Object.keys(e2), o2 = r2.length, o2 !== Object.keys(t2).length) return false;
+    for (n2 = o2; 0 != n2--; ) if (!{}.hasOwnProperty.call(t2, r2[n2])) return false;
+    for (n2 = o2; 0 != n2--; ) {
+      const o3 = r2[n2];
+      if (("_owner" !== o3 || !e2.$$typeof) && !$e(e2[o3], t2[o3])) return false;
+    }
+    return true;
+  }
+  return e2 != e2 && t2 != t2;
+}
+function je(e2) {
+  if ("undefined" == typeof window) return 1;
+  return (e2.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Ne(e2, t2) {
+  const o2 = je(e2);
+  return Math.round(t2 * o2) / o2;
+}
+function Pe(e2) {
+  const t2 = o.useRef(e2);
+  return De(() => {
+    t2.current = e2;
+  }), t2;
+}
+function Be(e2) {
+  void 0 === e2 && (e2 = {});
+  const { placement: t2 = "bottom", strategy: n2 = "absolute", middleware: r2 = [], platform: l2, elements: { reference: i2, floating: c2 } = {}, transform: s2 = true, whileElementsMounted: a2, open: u2 } = e2, [d2, f2] = o.useState({ x: 0, y: 0, strategy: n2, placement: t2, middlewareData: {}, isPositioned: false }), [p2, y2] = o.useState(r2);
+  $e(p2, r2) || y2(r2);
+  const [h2, v2] = o.useState(null), [g2, w2] = o.useState(null), b2 = o.useCallback((e3) => {
+    e3 !== E2.current && (E2.current = e3, v2(e3));
+  }, []), x2 = o.useCallback((e3) => {
+    e3 !== A2.current && (A2.current = e3, w2(e3));
+  }, []), _2 = i2 || h2, S2 = c2 || g2, E2 = o.useRef(null), A2 = o.useRef(null), T2 = o.useRef(d2), k2 = null != a2, R2 = Pe(a2), O2 = Pe(l2), L2 = Pe(u2), C2 = o.useCallback(() => {
+    if (!E2.current || !A2.current) return;
+    const e3 = { placement: t2, strategy: n2, middleware: p2 };
+    O2.current && (e3.platform = O2.current), Ce(E2.current, A2.current, e3).then((e4) => {
+      const t3 = { ...e4, isPositioned: false !== L2.current };
+      D2.current && !$e(T2.current, t3) && (T2.current = t3, m.flushSync(() => {
+        f2(t3);
+      }));
+    });
+  }, [p2, t2, n2, O2, L2]);
+  De(() => {
+    false === u2 && T2.current.isPositioned && (T2.current.isPositioned = false, f2((e3) => ({ ...e3, isPositioned: false })));
+  }, [u2]);
+  const D2 = o.useRef(false);
+  De(() => (D2.current = true, () => {
+    D2.current = false;
+  }), []), De(() => {
+    if (_2 && (E2.current = _2), S2 && (A2.current = S2), _2 && S2) {
+      if (R2.current) return R2.current(_2, S2, C2);
+      C2();
+    }
+  }, [_2, S2, C2, R2, k2]);
+  const $2 = o.useMemo(() => ({ reference: E2, floating: A2, setReference: b2, setFloating: x2 }), [b2, x2]), j2 = o.useMemo(() => ({ reference: _2, floating: S2 }), [_2, S2]), N2 = o.useMemo(() => {
+    const e3 = { position: n2, left: 0, top: 0 };
+    if (!j2.floating) return e3;
+    const t3 = Ne(j2.floating, d2.x), o2 = Ne(j2.floating, d2.y);
+    return s2 ? { ...e3, transform: "translate(" + t3 + "px, " + o2 + "px)", ...je(j2.floating) >= 1.5 && { willChange: "transform" } } : { position: n2, left: t3, top: o2 };
+  }, [n2, s2, j2.floating, d2.x, d2.y]);
+  return o.useMemo(() => ({ ...d2, update: C2, refs: $2, elements: j2, floatingStyles: N2 }), [d2, C2, $2, j2, N2]);
+}
+const Me = (e2, t2) => ({ ...ke(e2), options: [e2, t2] });
+var ze, We, Ie = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+const He = v((ze || (ze = 1, We = Ie, function() {
+  var e2 = {}.hasOwnProperty;
+  function t2() {
+    for (var e3 = "", t3 = 0; t3 < arguments.length; t3++) {
+      var r2 = arguments[t3];
+      r2 && (e3 = n2(e3, o2(r2)));
+    }
+    return e3;
+  }
+  function o2(o3) {
+    if ("string" == typeof o3 || "number" == typeof o3) return o3;
+    if ("object" != typeof o3) return "";
+    if (Array.isArray(o3)) return t2.apply(null, o3);
+    if (o3.toString !== Object.prototype.toString && !o3.toString.toString().includes("[native code]")) return o3.toString();
+    var r2 = "";
+    for (var l2 in o3) e2.call(o3, l2) && o3[l2] && (r2 = n2(r2, l2));
+    return r2;
+  }
+  function n2(e3, t3) {
+    return t3 ? e3 ? e3 + " " + t3 : e3 + t3 : e3;
+  }
+  We.exports ? (t2.default = t2, We.exports = t2) : window.classNames = t2;
+}()), Ie.exports)), Fe = { core: false, base: false };
+/*
+* React Tooltip
+* {@link https://github.com/ReactTooltip/react-tooltip}
+* @copyright ReactTooltip Team
+* @license MIT
+*/
+function Ve({ css: e2, id: t2 = "react-tooltip-base-styles", type: o2 = "base", ref: n2 }) {
+  var r2, l2;
+  if (!e2 || "undefined" == typeof document || Fe[o2]) return;
+  if ("core" === o2 && "undefined" != typeof process && (null === (r2 = null === process || void 0 === process ? void 0 : process.env) || void 0 === r2 ? void 0 : r2.REACT_TOOLTIP_DISABLE_CORE_STYLES)) return;
+  if ("base" !== o2 && "undefined" != typeof process && (null === (l2 = null === process || void 0 === process ? void 0 : process.env) || void 0 === l2 ? void 0 : l2.REACT_TOOLTIP_DISABLE_BASE_STYLES)) return;
+  "core" === o2 && (t2 = "react-tooltip-core-styles"), n2 || (n2 = {});
+  const { insertAt: i2 } = n2;
+  if (document.getElementById(t2)) return;
+  const c2 = document.head || document.getElementsByTagName("head")[0], s2 = document.createElement("style");
+  s2.id = t2, s2.type = "text/css", "top" === i2 && c2.firstChild ? c2.insertBefore(s2, c2.firstChild) : c2.appendChild(s2), s2.styleSheet ? s2.styleSheet.cssText = e2 : s2.appendChild(document.createTextNode(e2)), Fe[o2] = true;
+}
+const qe = async ({ elementReference: e2 = null, tooltipReference: t2 = null, tooltipArrowReference: o2 = null, place: n2 = "top", offset: r2 = 10, strategy: l2 = "absolute", middlewares: i2 = [ke(Number(r2)), Oe({ fallbackAxisSideDirection: "start" }), Re({ padding: 5 })], border: c2 }) => {
+  if (!e2) return { tooltipStyles: {}, tooltipArrowStyles: {}, place: n2 };
+  if (null === t2) return { tooltipStyles: {}, tooltipArrowStyles: {}, place: n2 };
+  const s2 = i2;
+  return o2 ? (s2.push(Le({ element: o2, padding: 5 })), Ce(e2, t2, { placement: n2, strategy: l2, middleware: s2 }).then(({ x: e3, y: t3, placement: o3, middlewareData: n3 }) => {
+    var r3, l3;
+    const i3 = { left: `${e3}px`, top: `${t3}px`, border: c2 }, { x: s3, y: a2 } = null !== (r3 = n3.arrow) && void 0 !== r3 ? r3 : { x: 0, y: 0 }, u2 = null !== (l3 = { top: "bottom", right: "left", bottom: "top", left: "right" }[o3.split("-")[0]]) && void 0 !== l3 ? l3 : "bottom", d2 = c2 && { borderBottom: c2, borderRight: c2 };
+    let f2 = 0;
+    if (c2) {
+      const e4 = `${c2}`.match(/(\d+)px/);
+      f2 = (null == e4 ? void 0 : e4[1]) ? Number(e4[1]) : 1;
+    }
+    return { tooltipStyles: i3, tooltipArrowStyles: { left: null != s3 ? `${s3}px` : "", top: null != a2 ? `${a2}px` : "", right: "", bottom: "", ...d2, [u2]: `-${4 + f2}px` }, place: o3 };
+  })) : Ce(e2, t2, { placement: "bottom", strategy: l2, middleware: s2 }).then(({ x: e3, y: t3, placement: o3 }) => ({ tooltipStyles: { left: `${e3}px`, top: `${t3}px` }, tooltipArrowStyles: {}, place: o3 }));
+}, Ke = (e2, t2) => !("CSS" in window && "supports" in window.CSS) || window.CSS.supports(e2, t2), Xe = (e2, t2, o2) => {
+  let n2 = null;
+  const r2 = function(...o3) {
+    !n2 && (e2.apply(this, o3), n2 = setTimeout(() => {
+      n2 = null;
+    }, t2));
+  };
+  return r2.cancel = () => {
+    n2 && (clearTimeout(n2), n2 = null);
+  }, r2;
+}, Ye = (e2) => null !== e2 && !Array.isArray(e2) && "object" == typeof e2, Ze = (e2, t2) => {
+  if (e2 === t2) return true;
+  if (Array.isArray(e2) && Array.isArray(t2)) return e2.length === t2.length && e2.every((e3, o3) => Ze(e3, t2[o3]));
+  if (Array.isArray(e2) !== Array.isArray(t2)) return false;
+  if (!Ye(e2) || !Ye(t2)) return e2 === t2;
+  const o2 = Object.keys(e2), n2 = Object.keys(t2);
+  return o2.length === n2.length && o2.every((o3) => Ze(e2[o3], t2[o3]));
+}, Ge = (e2) => {
+  if (!(e2 instanceof HTMLElement || e2 instanceof SVGElement)) return false;
+  const t2 = getComputedStyle(e2);
+  return ["overflow", "overflow-x", "overflow-y"].some((e3) => {
+    const o2 = t2.getPropertyValue(e3);
+    return "auto" === o2 || "scroll" === o2;
+  });
+}, Ue = (e2) => {
+  if (!e2) return null;
+  let t2 = e2.parentElement;
+  for (; t2; ) {
+    if (Ge(t2)) return t2;
+    t2 = t2.parentElement;
+  }
+  return document.scrollingElement || document.documentElement;
+}, Je = "undefined" != typeof window ? r : l, Qe = (e2) => {
+  e2.current && (clearTimeout(e2.current), e2.current = null);
+}, et = { anchorRefs: /* @__PURE__ */ new Set(), activeAnchor: { current: null }, attach: () => {
+}, detach: () => {
+}, setActiveAnchor: () => {
+} }, tt = i({ getTooltipData: () => et });
+function ot(e2 = "DEFAULT_TOOLTIP_ID") {
+  return a(tt).getTooltipData(e2);
+}
+var nt = { 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" }, rt = { 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 lt = ({ forwardRef: e2, id: t2, className: o2, classNameArrow: r2, variant: i2 = "dark", anchorId: a2, anchorSelect: f2, place: p2 = "top", offset: m2 = 10, events: y2 = ["hover"], openOnClick: h2 = false, positionStrategy: v2 = "absolute", middlewares: g2, wrapper: w2, delayShow: b2 = 0, delayHide: x2 = 0, float: _2 = false, hidden: S2 = false, noArrow: E2 = false, clickable: A2 = false, closeOnEsc: T2 = false, closeOnScroll: k2 = false, closeOnResize: R2 = false, openEvents: O2, closeEvents: L2, globalCloseEvents: C2, imperativeModeOnly: D2, style: $2, position: j2, afterShow: N2, afterHide: P2, disableTooltip: B2, content: M2, contentWrapperRef: z2, isOpen: W2, defaultIsOpen: I2 = false, setIsOpen: H2, activeAnchor: F2, setActiveAnchor: V2, border: q2, opacity: K2, arrowColor: X2, role: Y2 = "tooltip" }) => {
+  var Z2;
+  const G2 = s(null), U2 = s(null), J2 = s(null), Q2 = s(null), ee2 = s(null), [te2, oe2] = c({ tooltipStyles: {}, tooltipArrowStyles: {}, place: p2 }), [ne2, re2] = c(false), [le2, ie2] = c(false), [ce2, se2] = c(null), ae2 = s(false), ue2 = s(null), { anchorRefs: de2, setActiveAnchor: fe2 } = ot(t2), pe2 = s(false), [me2, ye2] = c([]), he2 = s(false), ve2 = h2 || y2.includes("click"), ge2 = ve2 || (null == O2 ? void 0 : O2.click) || (null == O2 ? void 0 : O2.dblclick) || (null == O2 ? void 0 : O2.mousedown), we2 = O2 ? { ...O2 } : { mouseover: true, focus: true, mouseenter: false, click: false, dblclick: false, mousedown: false };
+  !O2 && ve2 && Object.assign(we2, { mouseenter: false, focus: false, mouseover: false, click: true });
+  const be2 = L2 ? { ...L2 } : { mouseout: true, blur: true, mouseleave: false, click: false, dblclick: false, mouseup: false };
+  !L2 && ve2 && Object.assign(be2, { mouseleave: false, blur: false, mouseout: false });
+  const xe2 = C2 ? { ...C2 } : { escape: T2 || false, scroll: k2 || false, resize: R2 || false, clickOutsideAnchor: ge2 || false };
+  D2 && (Object.assign(we2, { mouseenter: false, focus: false, click: false, dblclick: false, mousedown: false }), Object.assign(be2, { mouseleave: false, blur: false, click: false, dblclick: false, mouseup: false }), Object.assign(xe2, { escape: false, scroll: false, resize: false, clickOutsideAnchor: false })), Je(() => (he2.current = true, () => {
+    he2.current = false;
+  }), []);
+  const _e2 = (e3) => {
+    he2.current && (e3 && ie2(true), setTimeout(() => {
+      he2.current && (null == H2 || H2(e3), void 0 === W2 && re2(e3));
+    }, 10));
+  };
+  l(() => {
+    if (void 0 === W2) return () => null;
+    W2 && ie2(true);
+    const e3 = setTimeout(() => {
+      re2(W2);
+    }, 10);
+    return () => {
+      clearTimeout(e3);
+    };
+  }, [W2]), l(() => {
+    if (ne2 !== ae2.current) if (Qe(ee2), ae2.current = ne2, ne2) null == N2 || N2();
+    else {
+      const e3 = (() => {
+        const e4 = getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay").match(/^([\d.]+)(ms|s)$/);
+        if (!e4) return 0;
+        const [, t3, o3] = e4;
+        return Number(t3) * ("ms" === o3 ? 1 : 1e3);
+      })();
+      ee2.current = setTimeout(() => {
+        ie2(false), se2(null), null == P2 || P2();
+      }, e3 + 25);
+    }
+  }, [ne2]);
+  const Se2 = (e3) => {
+    oe2((t3) => Ze(t3, e3) ? t3 : e3);
+  }, Ee2 = (e3 = b2) => {
+    Qe(J2), le2 ? _e2(true) : J2.current = setTimeout(() => {
+      _e2(true);
+    }, e3);
+  }, Ae2 = (e3 = x2) => {
+    Qe(Q2), Q2.current = setTimeout(() => {
+      pe2.current || _e2(false);
+    }, e3);
+  }, ke2 = (e3) => {
+    var t3;
+    if (!e3) return;
+    const o3 = null !== (t3 = e3.currentTarget) && void 0 !== t3 ? t3 : e3.target;
+    if (!(null == o3 ? void 0 : o3.isConnected)) return V2(null), void fe2({ current: null });
+    b2 ? Ee2() : _e2(true), V2(o3), fe2({ current: o3 }), Qe(Q2);
+  }, Re2 = () => {
+    A2 ? Ae2(x2 || 100) : x2 ? Ae2() : _e2(false), Qe(J2);
+  }, Oe2 = ({ x: e3, y: t3 }) => {
+    var o3;
+    const n2 = { getBoundingClientRect: () => ({ x: e3, y: t3, width: 0, height: 0, top: t3, left: e3, right: e3, bottom: t3 }) };
+    qe({ place: null !== (o3 = null == ce2 ? void 0 : ce2.place) && void 0 !== o3 ? o3 : p2, offset: m2, elementReference: n2, tooltipReference: G2.current, tooltipArrowReference: U2.current, strategy: v2, middlewares: g2, border: q2 }).then((e4) => {
+      Se2(e4);
+    });
+  }, Le2 = (e3) => {
+    if (!e3) return;
+    const t3 = e3, o3 = { x: t3.clientX, y: t3.clientY };
+    Oe2(o3), ue2.current = o3;
+  }, Ce2 = (e3) => {
+    var t3;
+    if (!ne2) return;
+    const o3 = e3.target;
+    o3.isConnected && ((null === (t3 = G2.current) || void 0 === t3 ? void 0 : t3.contains(o3)) || [document.querySelector(`[id='${a2}']`), ...me2].some((e4) => null == e4 ? void 0 : e4.contains(o3)) || (_e2(false), Qe(J2)));
+  }, De2 = Xe(ke2, 50), $e2 = Xe(Re2, 50), je2 = (e3) => {
+    $e2.cancel(), De2(e3);
+  }, Ne2 = () => {
+    De2.cancel(), $e2();
+  }, Pe2 = u(() => {
+    var e3, t3;
+    const o3 = null !== (e3 = null == ce2 ? void 0 : ce2.position) && void 0 !== e3 ? e3 : j2;
+    o3 ? Oe2(o3) : _2 ? ue2.current && Oe2(ue2.current) : (null == F2 ? void 0 : F2.isConnected) && qe({ place: null !== (t3 = null == ce2 ? void 0 : ce2.place) && void 0 !== t3 ? t3 : p2, offset: m2, elementReference: F2, tooltipReference: G2.current, tooltipArrowReference: U2.current, strategy: v2, middlewares: g2, border: q2 }).then((e4) => {
+      he2.current && Se2(e4);
+    });
+  }, [ne2, F2, M2, $2, p2, null == ce2 ? void 0 : ce2.place, m2, v2, j2, null == ce2 ? void 0 : ce2.position, _2]);
+  l(() => {
+    var e3, t3;
+    const o3 = new Set(de2);
+    me2.forEach((e4) => {
+      (null == B2 ? void 0 : B2(e4)) || o3.add({ current: e4 });
+    });
+    const n2 = document.querySelector(`[id='${a2}']`);
+    n2 && !(null == B2 ? void 0 : B2(n2)) && o3.add({ current: n2 });
+    const r3 = () => {
+      _e2(false);
+    }, l2 = Ue(F2), i3 = Ue(G2.current);
+    xe2.scroll && (window.addEventListener("scroll", r3), null == l2 || l2.addEventListener("scroll", r3), null == i3 || i3.addEventListener("scroll", r3));
+    let c2 = null;
+    xe2.resize ? window.addEventListener("resize", r3) : F2 && G2.current && (c2 = Te(F2, G2.current, Pe2, { ancestorResize: true, elementResize: true, layoutShift: true }));
+    const s2 = (e4) => {
+      "Escape" === e4.key && _e2(false);
+    };
+    xe2.escape && window.addEventListener("keydown", s2), xe2.clickOutsideAnchor && window.addEventListener("click", Ce2);
+    const u2 = [], d2 = (e4) => {
+      ne2 && (null == e4 ? void 0 : e4.target) === F2 || ke2(e4);
+    }, f3 = (e4) => {
+      ne2 && (null == e4 ? void 0 : e4.target) === F2 && Re2();
+    }, p3 = ["mouseover", "mouseout", "mouseenter", "mouseleave", "focus", "blur"], m3 = ["click", "dblclick", "mousedown", "mouseup"];
+    Object.entries(we2).forEach(([e4, t4]) => {
+      t4 && (p3.includes(e4) ? u2.push({ event: e4, listener: je2 }) : m3.includes(e4) && u2.push({ event: e4, listener: d2 }));
+    }), Object.entries(be2).forEach(([e4, t4]) => {
+      t4 && (p3.includes(e4) ? u2.push({ event: e4, listener: Ne2 }) : m3.includes(e4) && u2.push({ event: e4, listener: f3 }));
+    }), _2 && u2.push({ event: "pointermove", listener: Le2 });
+    const y3 = () => {
+      pe2.current = true;
+    }, h3 = () => {
+      pe2.current = false, Re2();
+    };
+    return A2 && !ge2 && (null === (e3 = G2.current) || void 0 === e3 || e3.addEventListener("mouseenter", y3), null === (t3 = G2.current) || void 0 === t3 || t3.addEventListener("mouseleave", h3)), u2.forEach(({ event: e4, listener: t4 }) => {
+      o3.forEach((o4) => {
+        var n3;
+        null === (n3 = o4.current) || void 0 === n3 || n3.addEventListener(e4, t4);
+      });
+    }), () => {
+      var e4, t4;
+      xe2.scroll && (window.removeEventListener("scroll", r3), null == l2 || l2.removeEventListener("scroll", r3), null == i3 || i3.removeEventListener("scroll", r3)), xe2.resize ? window.removeEventListener("resize", r3) : null == c2 || c2(), xe2.clickOutsideAnchor && window.removeEventListener("click", Ce2), xe2.escape && window.removeEventListener("keydown", s2), A2 && !ge2 && (null === (e4 = G2.current) || void 0 === e4 || e4.removeEventListener("mouseenter", y3), null === (t4 = G2.current) || void 0 === t4 || t4.removeEventListener("mouseleave", h3)), u2.forEach(({ event: e5, listener: t5 }) => {
+        o3.forEach((o4) => {
+          var n3;
+          null === (n3 = o4.current) || void 0 === n3 || n3.removeEventListener(e5, t5);
+        });
+      });
+    };
+  }, [F2, Pe2, le2, de2, me2, O2, L2, C2, ve2, b2, x2]), l(() => {
+    var e3, o3;
+    let n2 = null !== (o3 = null !== (e3 = null == ce2 ? void 0 : ce2.anchorSelect) && void 0 !== e3 ? e3 : f2) && void 0 !== o3 ? o3 : "";
+    !n2 && t2 && (n2 = `[data-tooltip-id='${t2.replace(/'/g, "\\'")}']`);
+    const r3 = new MutationObserver((e4) => {
+      const o4 = [], r4 = [];
+      e4.forEach((e5) => {
+        if ("attributes" === e5.type && "data-tooltip-id" === e5.attributeName && (e5.target.getAttribute("data-tooltip-id") === t2 ? o4.push(e5.target) : e5.oldValue === t2 && r4.push(e5.target)), "childList" === e5.type) {
+          if (F2) {
+            const t3 = [...e5.removedNodes].filter((e6) => 1 === e6.nodeType);
+            if (n2) try {
+              r4.push(...t3.filter((e6) => e6.matches(n2))), r4.push(...t3.flatMap((e6) => [...e6.querySelectorAll(n2)]));
+            } catch (e6) {
+            }
+            t3.some((e6) => {
+              var t4;
+              return !!(null === (t4 = null == e6 ? void 0 : e6.contains) || void 0 === t4 ? void 0 : t4.call(e6, F2)) && (ie2(false), _e2(false), V2(null), Qe(J2), Qe(Q2), true);
+            });
+          }
+          if (n2) try {
+            const t3 = [...e5.addedNodes].filter((e6) => 1 === e6.nodeType);
+            o4.push(...t3.filter((e6) => e6.matches(n2))), o4.push(...t3.flatMap((e6) => [...e6.querySelectorAll(n2)]));
+          } catch (e6) {
+          }
+        }
+      }), (o4.length || r4.length) && ye2((e5) => [...e5.filter((e6) => !r4.includes(e6)), ...o4]);
+    });
+    return r3.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["data-tooltip-id"], attributeOldValue: true }), () => {
+      r3.disconnect();
+    };
+  }, [t2, f2, null == ce2 ? void 0 : ce2.anchorSelect, F2]), l(() => {
+    Pe2();
+  }, [Pe2]), l(() => {
+    if (!(null == z2 ? void 0 : z2.current)) return () => null;
+    const e3 = new ResizeObserver(() => {
+      setTimeout(() => Pe2());
+    });
+    return e3.observe(z2.current), () => {
+      e3.disconnect();
+    };
+  }, [M2, null == z2 ? void 0 : z2.current]), l(() => {
+    var e3;
+    const t3 = document.querySelector(`[id='${a2}']`), o3 = [...me2, t3];
+    F2 && o3.includes(F2) || V2(null !== (e3 = me2[0]) && void 0 !== e3 ? e3 : t3);
+  }, [a2, me2, F2]), l(() => (I2 && _e2(true), () => {
+    Qe(J2), Qe(Q2);
+  }), []), l(() => {
+    var e3;
+    let o3 = null !== (e3 = null == ce2 ? void 0 : ce2.anchorSelect) && void 0 !== e3 ? e3 : f2;
+    if (!o3 && t2 && (o3 = `[data-tooltip-id='${t2.replace(/'/g, "\\'")}']`), o3) try {
+      const e4 = Array.from(document.querySelectorAll(o3));
+      ye2(e4);
+    } catch (e4) {
+      ye2([]);
+    }
+  }, [t2, f2, null == ce2 ? void 0 : ce2.anchorSelect]), l(() => {
+    J2.current && (Qe(J2), Ee2(b2));
+  }, [b2]);
+  const Be2 = null !== (Z2 = null == ce2 ? void 0 : ce2.content) && void 0 !== Z2 ? Z2 : M2, Me2 = ne2 && Object.keys(te2.tooltipStyles).length > 0;
+  return d(e2, () => ({ open: (e3) => {
+    if (null == e3 ? void 0 : e3.anchorSelect) try {
+      document.querySelector(e3.anchorSelect);
+    } catch (t3) {
+      return void console.warn(`[react-tooltip] "${e3.anchorSelect}" is not a valid CSS selector`);
+    }
+    se2(null != e3 ? e3 : null), (null == e3 ? void 0 : e3.delay) ? Ee2(e3.delay) : _e2(true);
+  }, close: (e3) => {
+    (null == e3 ? void 0 : e3.delay) ? Ae2(e3.delay) : _e2(false);
+  }, activeAnchor: F2, place: te2.place, isOpen: Boolean(le2 && !S2 && Be2 && Me2) })), le2 && !S2 && Be2 ? n.createElement(w2, { id: t2, role: Y2, className: He("react-tooltip", nt.tooltip, rt.tooltip, rt[i2], o2, `react-tooltip__place-${te2.place}`, nt[Me2 ? "show" : "closing"], Me2 ? "react-tooltip__show" : "react-tooltip__closing", "fixed" === v2 && nt.fixed, A2 && nt.clickable), onTransitionEnd: (e3) => {
+    Qe(ee2), ne2 || "opacity" !== e3.propertyName || (ie2(false), se2(null), null == P2 || P2());
+  }, style: { ...$2, ...te2.tooltipStyles, opacity: void 0 !== K2 && Me2 ? K2 : void 0 }, ref: G2 }, Be2, n.createElement(w2, { className: He("react-tooltip-arrow", nt.arrow, rt.arrow, r2, E2 && nt.noArrow), style: { ...te2.tooltipArrowStyles, background: X2 ? `linear-gradient(to right bottom, transparent 50%, ${X2} 50%)` : void 0 }, ref: U2 })) : null;
+}, it = ({ content: e2 }) => n.createElement("span", { dangerouslySetInnerHTML: { __html: e2 } }), ct = n.forwardRef(({ id: e2, anchorId: t2, anchorSelect: o2, content: r2, html: i2, render: a2, className: u2, classNameArrow: d2, variant: f2 = "dark", place: p2 = "top", offset: m2 = 10, wrapper: y2 = "div", children: h2 = null, events: v2 = ["hover"], openOnClick: g2 = false, positionStrategy: w2 = "absolute", middlewares: b2, delayShow: x2 = 0, delayHide: _2 = 0, float: S2 = false, hidden: E2 = false, noArrow: A2 = false, clickable: T2 = false, closeOnEsc: k2 = false, closeOnScroll: R2 = false, closeOnResize: O2 = false, openEvents: L2, closeEvents: C2, globalCloseEvents: D2, imperativeModeOnly: $2 = false, style: j2, position: N2, isOpen: P2, defaultIsOpen: B2 = false, disableStyleInjection: M2 = false, border: z2, opacity: W2, arrowColor: I2, setIsOpen: H2, afterShow: F2, afterHide: V2, disableTooltip: q2, role: K2 = "tooltip" }, X2) => {
+  const [Y2, Z2] = c(r2), [G2, U2] = c(i2), [J2, Q2] = c(p2), [ee2, te2] = c(f2), [oe2, ne2] = c(m2), [re2, le2] = c(x2), [ie2, ce2] = c(_2), [se2, ae2] = c(S2), [ue2, de2] = c(E2), [fe2, pe2] = c(y2), [me2, ye2] = c(v2), [he2, ve2] = c(w2), [ge2, we2] = c(null), [be2, xe2] = c(null), _e2 = s(M2), { anchorRefs: Se2, activeAnchor: Ee2 } = ot(e2), Ae2 = (e3) => null == e3 ? void 0 : e3.getAttributeNames().reduce((t3, o3) => {
+    var n2;
+    return o3.startsWith("data-tooltip-") && (t3[o3.replace(/^data-tooltip-/, "")] = null !== (n2 = null == e3 ? void 0 : e3.getAttribute(o3)) && void 0 !== n2 ? n2 : null), t3;
+  }, {}), Te2 = (e3) => {
+    const t3 = { place: (e4) => {
+      var t4;
+      Q2(null !== (t4 = e4) && void 0 !== t4 ? t4 : p2);
+    }, content: (e4) => {
+      Z2(null != e4 ? e4 : r2);
+    }, html: (e4) => {
+      U2(null != e4 ? e4 : i2);
+    }, variant: (e4) => {
+      var t4;
+      te2(null !== (t4 = e4) && void 0 !== t4 ? t4 : f2);
+    }, offset: (e4) => {
+      ne2(null === e4 ? m2 : Number(e4));
+    }, wrapper: (e4) => {
+      var t4;
+      pe2(null !== (t4 = e4) && void 0 !== t4 ? t4 : y2);
+    }, events: (e4) => {
+      const t4 = null == e4 ? void 0 : e4.split(" ");
+      ye2(null != t4 ? t4 : v2);
+    }, "position-strategy": (e4) => {
+      var t4;
+      ve2(null !== (t4 = e4) && void 0 !== t4 ? t4 : w2);
+    }, "delay-show": (e4) => {
+      le2(null === e4 ? x2 : Number(e4));
+    }, "delay-hide": (e4) => {
+      ce2(null === e4 ? _2 : Number(e4));
+    }, float: (e4) => {
+      ae2(null === e4 ? S2 : "true" === e4);
+    }, hidden: (e4) => {
+      de2(null === e4 ? E2 : "true" === e4);
+    }, "class-name": (e4) => {
+      we2(e4);
+    } };
+    Object.values(t3).forEach((e4) => e4(null)), Object.entries(e3).forEach(([e4, o3]) => {
+      var n2;
+      null === (n2 = t3[e4]) || void 0 === n2 || n2.call(t3, o3);
+    });
+  };
+  l(() => {
+    Z2(r2);
+  }, [r2]), l(() => {
+    U2(i2);
+  }, [i2]), l(() => {
+    Q2(p2);
+  }, [p2]), l(() => {
+    te2(f2);
+  }, [f2]), l(() => {
+    ne2(m2);
+  }, [m2]), l(() => {
+    le2(x2);
+  }, [x2]), l(() => {
+    ce2(_2);
+  }, [_2]), l(() => {
+    ae2(S2);
+  }, [S2]), l(() => {
+    de2(E2);
+  }, [E2]), l(() => {
+    ve2(w2);
+  }, [w2]), l(() => {
+    _e2.current !== M2 && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
+  }, [M2]), l(() => {
+    "undefined" != typeof window && window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles", { detail: { disableCore: "core" === M2, disableBase: M2 } }));
+  }, []), l(() => {
+    var n2;
+    const r3 = new Set(Se2);
+    let l2 = o2;
+    if (!l2 && e2 && (l2 = `[data-tooltip-id='${e2.replace(/'/g, "\\'")}']`), l2) try {
+      document.querySelectorAll(l2).forEach((e3) => {
+        r3.add({ current: e3 });
+      });
+    } catch (n3) {
+      console.warn(`[react-tooltip] "${l2}" is not a valid CSS selector`);
+    }
+    const i3 = document.querySelector(`[id='${t2}']`);
+    if (i3 && r3.add({ current: i3 }), !r3.size) return () => null;
+    const c2 = null !== (n2 = null != be2 ? be2 : i3) && void 0 !== n2 ? n2 : Ee2.current, s2 = new MutationObserver((e3) => {
+      e3.forEach((e4) => {
+        var t3;
+        if (!c2 || "attributes" !== e4.type || !(null === (t3 = e4.attributeName) || void 0 === t3 ? void 0 : t3.startsWith("data-tooltip-"))) return;
+        const o3 = Ae2(c2);
+        Te2(o3);
+      });
+    }), a3 = { attributes: true, childList: false, subtree: false };
+    if (c2) {
+      const e3 = Ae2(c2);
+      Te2(e3), s2.observe(c2, a3);
+    }
+    return () => {
+      s2.disconnect();
+    };
+  }, [Se2, Ee2, be2, t2, o2]), l(() => {
+    (null == j2 ? void 0 : j2.border) && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), z2 && !Ke("border", `${z2}`) && console.warn(`[react-tooltip] "${z2}" is not a valid \`border\`.`), (null == j2 ? void 0 : j2.opacity) && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), W2 && !Ke("opacity", `${W2}`) && console.warn(`[react-tooltip] "${W2}" is not a valid \`opacity\`.`);
+  }, []);
+  let ke2 = h2;
+  const Re2 = s(null);
+  if (a2) {
+    const e3 = a2({ content: (null == be2 ? void 0 : be2.getAttribute("data-tooltip-content")) || Y2 || null, activeAnchor: be2 });
+    ke2 = e3 ? n.createElement("div", { ref: Re2, className: "react-tooltip-content-wrapper" }, e3) : null;
+  } else Y2 && (ke2 = Y2);
+  G2 && (ke2 = n.createElement(it, { content: G2 }));
+  const Oe2 = { forwardRef: X2, id: e2, anchorId: t2, anchorSelect: o2, className: He(u2, ge2), classNameArrow: d2, content: ke2, contentWrapperRef: Re2, place: J2, variant: ee2, offset: oe2, wrapper: fe2, events: me2, openOnClick: g2, positionStrategy: he2, middlewares: b2, delayShow: re2, delayHide: ie2, float: se2, hidden: ue2, noArrow: A2, clickable: T2, closeOnEsc: k2, closeOnScroll: R2, closeOnResize: O2, openEvents: L2, closeEvents: C2, globalCloseEvents: D2, imperativeModeOnly: $2, style: j2, position: N2, isOpen: P2, defaultIsOpen: B2, border: z2, opacity: W2, arrowColor: I2, setIsOpen: H2, afterShow: F2, afterHide: V2, disableTooltip: q2, activeAnchor: be2, setActiveAnchor: (e3) => xe2(e3), role: K2 };
+  return n.createElement(lt, { ...Oe2 });
+});
+"undefined" != typeof window && window.addEventListener("react-tooltip-inject-styles", (e2) => {
+  e2.detail.disableCore || Ve({ 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" }), e2.detail.disableBase || Ve({ css: "\n.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 st = g(b)``, at = g.div`
+  ${({ theme: e2, $maxWidth: t2 = "320px" }) => `
+    > :is(.react-tooltip, .react-tooltip__show, .react-tooltip__closing) {
+      background-color: ${e2.palette.gray[700]};
+      border-radius: 8px;
+      color: ${e2.palette.white};
+      font-size: ${e2.typography.text.xs};
+      max-width: ${t2};
+      padding: ${e2.spacing[0.75]};
+      z-index: 999999;
+      --rt-opacity: 1;
+    }
+  `}
+`, ut = f(function({ children: o2, disabled: n2 = false, display: r2 = "inline-block", effect: l2 = "solid", icon: i2, iconColor: a2, iconSize: d2, id: f2, maxWidth: m2, nodeTip: v2, place: g2 = "bottom", tip: b2 = "", title: S2 = "", hide: E2 = "" === b2 && "" === S2 && void 0 === v2, ...A2 }, T2) {
+  const k2 = w(), [R2, O2] = c(false), L2 = s(null), C2 = u(() => {
+    null !== L2.current && clearTimeout(L2.current), L2.current = setTimeout(() => {
+      O2(true);
+    }, 100);
+  }, []), D2 = u(() => {
+    null !== L2.current && clearTimeout(L2.current), L2.current = setTimeout(() => {
+      O2(false);
+    }, 100);
+  }, []);
+  return n2 ? e(p, { children: o2 }) : t(st, { "data-tooltip-id": f2, display: r2, onMouseLeave: D2, onMouseMove: C2, ref: T2, role: "tooltip", ...A2, children: [i2 ? e(x, { clickable: true, disabled: n2, icon: i2, iconColor: a2, iconSize: d2 ?? "xxs", iconType: R2 ? "fa-solid" : "fa-light" }) : o2, y(e(at, { $maxWidth: m2, children: t(ct, { delayShow: 500, float: "float" === l2 || void 0, globalCloseEvents: { resize: true }, hidden: E2 || !R2, id: f2, middlewares: [($2 = { fallbackAxisSideDirection: "start" }, { ...Oe($2), options: [$2, j2] }), Me({ mainAxis: 10 })], noArrow: "float" === l2, place: g2, children: [h(S2) ? void 0 : e(_, { color: k2.palette.white, fontWeight: "bold", lineSpacing: 1.5, size: "xs", textAlign: "start", wordWrap: "break-word", children: S2 }), h(b2) ? void 0 : e(_, { color: k2.palette.gray[100], lineSpacing: 1.5, size: "xs", textAlign: "start", wordWrap: "break-word", children: b2 }), h(v2) ? void 0 : v2] }) }), document.getElementById("root") ?? document.body)] });
+  var $2, j2;
+});
+export {
+  ut as T,
+  Te as a,
+  Be as u
+};