@tcn/ui 0.3.0 → 0.3.2

package/dist/WithTooltip-IO6J4KBT-B1oq93K5.js

@@ -0,0 +1,1485 @@
+import { s as kt, a as Pt, b as te, c as Bt, e as Ce, _ as We, l as pe, f as ft, r as Mt } from "./showcase-WfP6kBEb.js";
+import * as S from "react";
+import Y, { useState as _t, useCallback as Ht, useEffect as Vt } from "react";
+import * as Nt from "react-dom";
+import qt from "react-dom";
+var zt = ft({
+  "../node_modules/react-fast-compare/index.js"(e, t) {
+    var r = typeof Element < "u", o = typeof Map == "function", n = typeof Set == "function", u = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
+    function c(s, i) {
+      if (s === i) return !0;
+      if (s && i && typeof s == "object" && typeof i == "object") {
+        if (s.constructor !== i.constructor) return !1;
+        var a, f, p;
+        if (Array.isArray(s)) {
+          if (a = s.length, a != i.length) return !1;
+          for (f = a; f-- !== 0; )
+            if (!c(s[f], i[f])) return !1;
+          return !0;
+        }
+        var l;
+        if (o && s instanceof Map && i instanceof Map) {
+          if (s.size !== i.size) return !1;
+          for (l = s.entries(); !(f = l.next()).done; )
+            if (!i.has(f.value[0])) return !1;
+          for (l = s.entries(); !(f = l.next()).done; )
+            if (!c(f.value[1], i.get(f.value[0]))) return !1;
+          return !0;
+        }
+        if (n && s instanceof Set && i instanceof Set) {
+          if (s.size !== i.size) return !1;
+          for (l = s.entries(); !(f = l.next()).done; )
+            if (!i.has(f.value[0])) return !1;
+          return !0;
+        }
+        if (u && ArrayBuffer.isView(s) && ArrayBuffer.isView(i)) {
+          if (a = s.length, a != i.length) return !1;
+          for (f = a; f-- !== 0; )
+            if (s[f] !== i[f]) return !1;
+          return !0;
+        }
+        if (s.constructor === RegExp) return s.source === i.source && s.flags === i.flags;
+        if (s.valueOf !== Object.prototype.valueOf && typeof s.valueOf == "function" && typeof i.valueOf == "function") return s.valueOf() === i.valueOf();
+        if (s.toString !== Object.prototype.toString && typeof s.toString == "function" && typeof i.toString == "function") return s.toString() === i.toString();
+        if (p = Object.keys(s), a = p.length, a !== Object.keys(i).length) return !1;
+        for (f = a; f-- !== 0; )
+          if (!Object.prototype.hasOwnProperty.call(i, p[f])) return !1;
+        if (r && s instanceof Element) return !1;
+        for (f = a; f-- !== 0; )
+          if (!((p[f] === "_owner" || p[f] === "__v" || p[f] === "__o") && s.$$typeof) && !c(s[p[f]], i[p[f]]))
+            return !1;
+        return !0;
+      }
+      return s !== s && i !== i;
+    }
+    t.exports = function(s, i) {
+      try {
+        return c(s, i);
+      } catch (a) {
+        if ((a.message || "").match(/stack|recursion/i))
+          return console.warn("react-fast-compare cannot handle circular refs"), !1;
+        throw a;
+      }
+    };
+  }
+}), It = ft({
+  "../node_modules/warning/warning.js"(e, t) {
+    var r = process.env.NODE_ENV !== "production", o = function() {
+    };
+    r && (n = function(u, c) {
+      var s = arguments.length;
+      c = new Array(s > 1 ? s - 1 : 0);
+      for (var i = 1; i < s; i++)
+        c[i - 1] = arguments[i];
+      var a = 0, f = "Warning: " + u.replace(/%s/g, function() {
+        return c[a++];
+      });
+      typeof console < "u" && console.error(f);
+      try {
+        throw new Error(f);
+      } catch {
+      }
+    }, o = function(u, c, s) {
+      var i = arguments.length;
+      s = new Array(i > 2 ? i - 2 : 0);
+      for (var a = 2; a < i; a++)
+        s[a - 2] = arguments[a];
+      if (c === void 0)
+        throw new Error(
+          "`warning(condition, format, ...args)` requires a warning message argument"
+        );
+      u || n.apply(null, [c].concat(s));
+    });
+    var n;
+    t.exports = o;
+  }
+}), Ut = We(Mt(), 1);
+S.createContext();
+S.createContext();
+var Je = function(e) {
+  return e.reduce(function(t, r) {
+    var o = r[0], n = r[1];
+    return t[o] = n, t;
+  }, {});
+}, Ke = typeof window < "u" && window.document && window.document.createElement ? S.useLayoutEffect : S.useEffect, k = "top", H = "bottom", V = "right", P = "left", je = "auto", ye = [k, H, V, P], ie = "start", ge = "end", Xt = "clippingParents", ct = "viewport", le = "popper", Yt = "reference", Qe = ye.reduce(function(e, t) {
+  return e.concat([t + "-" + ie, t + "-" + ge]);
+}, []), lt = [].concat(ye, [je]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + ie, t + "-" + ge]);
+}, []), Ft = "beforeRead", Gt = "read", Jt = "afterRead", Kt = "beforeMain", Qt = "main", Zt = "afterMain", er = "beforeWrite", tr = "write", rr = "afterWrite", nr = [Ft, Gt, Jt, Kt, Qt, Zt, er, tr, rr];
+function I(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function B(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function ne(e) {
+  var t = B(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function _(e) {
+  var t = B(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function ke(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var t = B(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+function or(e) {
+  var t = e.state;
+  Object.keys(t.elements).forEach(function(r) {
+    var o = t.styles[r] || {}, n = t.attributes[r] || {}, u = t.elements[r];
+    !_(u) || !I(u) || (Object.assign(u.style, o), Object.keys(n).forEach(function(c) {
+      var s = n[c];
+      s === !1 ? u.removeAttribute(c) : u.setAttribute(c, s === !0 ? "" : s);
+    }));
+  });
+}
+function ir(e) {
+  var t = e.state, r = {
+    popper: {
+      position: t.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(t.elements.popper.style, r.popper), t.styles = r, t.elements.arrow && Object.assign(t.elements.arrow.style, r.arrow), function() {
+    Object.keys(t.elements).forEach(function(o) {
+      var n = t.elements[o], u = t.attributes[o] || {}, c = Object.keys(t.styles.hasOwnProperty(o) ? t.styles[o] : r[o]), s = c.reduce(function(i, a) {
+        return i[a] = "", i;
+      }, {});
+      !_(n) || !I(n) || (Object.assign(n.style, s), Object.keys(u).forEach(function(i) {
+        n.removeAttribute(i);
+      }));
+    });
+  };
+}
+var pt = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: or,
+  effect: ir,
+  requires: ["computeStyles"]
+};
+function z(e) {
+  return e.split("-")[0];
+}
+var re = Math.max, Re = Math.min, ae = Math.round;
+function De() {
+  var e = navigator.userAgentData;
+  return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
+    return t.brand + "/" + t.version;
+  }).join(" ") : navigator.userAgent;
+}
+function dt() {
+  return !/^((?!chrome|android).)*safari/i.test(De());
+}
+function se(e, t, r) {
+  t === void 0 && (t = !1), r === void 0 && (r = !1);
+  var o = e.getBoundingClientRect(), n = 1, u = 1;
+  t && _(e) && (n = e.offsetWidth > 0 && ae(o.width) / e.offsetWidth || 1, u = e.offsetHeight > 0 && ae(o.height) / e.offsetHeight || 1);
+  var c = ne(e) ? B(e) : window, s = c.visualViewport, i = !dt() && r, a = (o.left + (i && s ? s.offsetLeft : 0)) / n, f = (o.top + (i && s ? s.offsetTop : 0)) / u, p = o.width / n, l = o.height / u;
+  return {
+    width: p,
+    height: l,
+    top: f,
+    right: a + p,
+    bottom: f + l,
+    left: a,
+    x: a,
+    y: f
+  };
+}
+function Pe(e) {
+  var t = se(e), r = e.offsetWidth, o = e.offsetHeight;
+  return Math.abs(t.width - r) <= 1 && (r = t.width), Math.abs(t.height - o) <= 1 && (o = t.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
+    width: r,
+    height: o
+  };
+}
+function vt(e, t) {
+  var r = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (r && ke(r)) {
+    var o = t;
+    do {
+      if (o && e.isSameNode(o))
+        return !0;
+      o = o.parentNode || o.host;
+    } while (o);
+  }
+  return !1;
+}
+function F(e) {
+  return B(e).getComputedStyle(e);
+}
+function ar(e) {
+  return ["table", "td", "th"].indexOf(I(e)) >= 0;
+}
+function J(e) {
+  return ((ne(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function Te(e) {
+  return I(e) === "html" ? e : (
+    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[prop-missing]
+    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    e.parentNode || // DOM Element detected
+    (ke(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    J(e)
+  );
+}
+function Ze(e) {
+  return !_(e) || // https://github.com/popperjs/popper-core/issues/837
+  F(e).position === "fixed" ? null : e.offsetParent;
+}
+function sr(e) {
+  var t = /firefox/i.test(De()), r = /Trident/i.test(De());
+  if (r && _(e)) {
+    var o = F(e);
+    if (o.position === "fixed")
+      return null;
+  }
+  var n = Te(e);
+  for (ke(n) && (n = n.host); _(n) && ["html", "body"].indexOf(I(n)) < 0; ) {
+    var u = F(n);
+    if (u.transform !== "none" || u.perspective !== "none" || u.contain === "paint" || ["transform", "perspective"].indexOf(u.willChange) !== -1 || t && u.willChange === "filter" || t && u.filter && u.filter !== "none")
+      return n;
+    n = n.parentNode;
+  }
+  return null;
+}
+function be(e) {
+  for (var t = B(e), r = Ze(e); r && ar(r) && F(r).position === "static"; )
+    r = Ze(r);
+  return r && (I(r) === "html" || I(r) === "body" && F(r).position === "static") ? t : r || sr(e) || t;
+}
+function Be(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function de(e, t, r) {
+  return re(e, Re(t, r));
+}
+function ur(e, t, r) {
+  var o = de(e, t, r);
+  return o > r ? r : o;
+}
+function mt() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function gt(e) {
+  return Object.assign({}, mt(), e);
+}
+function ht(e, t) {
+  return t.reduce(function(r, o) {
+    return r[o] = e, r;
+  }, {});
+}
+var fr = function(e, t) {
+  return e = typeof e == "function" ? e(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : e, gt(typeof e != "number" ? e : ht(e, ye));
+};
+function cr(e) {
+  var t, r = e.state, o = e.name, n = e.options, u = r.elements.arrow, c = r.modifiersData.popperOffsets, s = z(r.placement), i = Be(s), a = [P, V].indexOf(s) >= 0, f = a ? "height" : "width";
+  if (!(!u || !c)) {
+    var p = fr(n.padding, r), l = Pe(u), v = i === "y" ? k : P, g = i === "y" ? H : V, d = r.rects.reference[f] + r.rects.reference[i] - c[i] - r.rects.popper[f], w = c[i] - r.rects.reference[i], x = be(u), T = x ? i === "y" ? x.clientHeight || 0 : x.clientWidth || 0 : 0, L = d / 2 - w / 2, m = p[v], y = T - l[f] - p[g], O = T / 2 - l[f] / 2 + L, R = de(m, O, y), E = i;
+    r.modifiersData[o] = (t = {}, t[E] = R, t.centerOffset = R - O, t);
+  }
+}
+function lr(e) {
+  var t = e.state, r = e.options, o = r.element, n = o === void 0 ? "[data-popper-arrow]" : o;
+  n != null && (typeof n == "string" && (n = t.elements.popper.querySelector(n), !n) || vt(t.elements.popper, n) && (t.elements.arrow = n));
+}
+var pr = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: cr,
+  effect: lr,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function ue(e) {
+  return e.split("-")[1];
+}
+var dr = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function vr(e, t) {
+  var r = e.x, o = e.y, n = t.devicePixelRatio || 1;
+  return {
+    x: ae(r * n) / n || 0,
+    y: ae(o * n) / n || 0
+  };
+}
+function et(e) {
+  var t, r = e.popper, o = e.popperRect, n = e.placement, u = e.variation, c = e.offsets, s = e.position, i = e.gpuAcceleration, a = e.adaptive, f = e.roundOffsets, p = e.isFixed, l = c.x, v = l === void 0 ? 0 : l, g = c.y, d = g === void 0 ? 0 : g, w = typeof f == "function" ? f({
+    x: v,
+    y: d
+  }) : {
+    x: v,
+    y: d
+  };
+  v = w.x, d = w.y;
+  var x = c.hasOwnProperty("x"), T = c.hasOwnProperty("y"), L = P, m = k, y = window;
+  if (a) {
+    var O = be(r), R = "clientHeight", E = "clientWidth";
+    if (O === B(r) && (O = J(r), F(O).position !== "static" && s === "absolute" && (R = "scrollHeight", E = "scrollWidth")), O = O, n === k || (n === P || n === V) && u === ge) {
+      m = H;
+      var b = p && O === y && y.visualViewport ? y.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        O[R]
+      );
+      d -= b - o.height, d *= i ? 1 : -1;
+    }
+    if (n === P || (n === k || n === H) && u === ge) {
+      L = V;
+      var C = p && O === y && y.visualViewport ? y.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        O[E]
+      );
+      v -= C - o.width, v *= i ? 1 : -1;
+    }
+  }
+  var D = Object.assign({
+    position: s
+  }, a && dr), j = f === !0 ? vr({
+    x: v,
+    y: d
+  }, B(r)) : {
+    x: v,
+    y: d
+  };
+  if (v = j.x, d = j.y, i) {
+    var W;
+    return Object.assign({}, D, (W = {}, W[m] = T ? "0" : "", W[L] = x ? "0" : "", W.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + v + "px, " + d + "px)" : "translate3d(" + v + "px, " + d + "px, 0)", W));
+  }
+  return Object.assign({}, D, (t = {}, t[m] = T ? d + "px" : "", t[L] = x ? v + "px" : "", t.transform = "", t));
+}
+function mr(e) {
+  var t = e.state, r = e.options, o = r.gpuAcceleration, n = o === void 0 ? !0 : o, u = r.adaptive, c = u === void 0 ? !0 : u, s = r.roundOffsets, i = s === void 0 ? !0 : s, a = {
+    placement: z(t.placement),
+    variation: ue(t.placement),
+    popper: t.elements.popper,
+    popperRect: t.rects.popper,
+    gpuAcceleration: n,
+    isFixed: t.options.strategy === "fixed"
+  };
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, et(Object.assign({}, a, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
+    adaptive: c,
+    roundOffsets: i
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, et(Object.assign({}, a, {
+    offsets: t.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: i
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
+  });
+}
+var yt = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: mr,
+  data: {}
+}, Ee = {
+  passive: !0
+};
+function gr(e) {
+  var t = e.state, r = e.instance, o = e.options, n = o.scroll, u = n === void 0 ? !0 : n, c = o.resize, s = c === void 0 ? !0 : c, i = B(t.elements.popper), a = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return u && a.forEach(function(f) {
+    f.addEventListener("scroll", r.update, Ee);
+  }), s && i.addEventListener("resize", r.update, Ee), function() {
+    u && a.forEach(function(f) {
+      f.removeEventListener("scroll", r.update, Ee);
+    }), s && i.removeEventListener("resize", r.update, Ee);
+  };
+}
+var bt = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: gr,
+  data: {}
+}, hr = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Se(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return hr[t];
+  });
+}
+var yr = {
+  start: "end",
+  end: "start"
+};
+function tt(e) {
+  return e.replace(/start|end/g, function(t) {
+    return yr[t];
+  });
+}
+function Me(e) {
+  var t = B(e), r = t.pageXOffset, o = t.pageYOffset;
+  return {
+    scrollLeft: r,
+    scrollTop: o
+  };
+}
+function _e(e) {
+  return se(J(e)).left + Me(e).scrollLeft;
+}
+function br(e, t) {
+  var r = B(e), o = J(e), n = r.visualViewport, u = o.clientWidth, c = o.clientHeight, s = 0, i = 0;
+  if (n) {
+    u = n.width, c = n.height;
+    var a = dt();
+    (a || !a && t === "fixed") && (s = n.offsetLeft, i = n.offsetTop);
+  }
+  return {
+    width: u,
+    height: c,
+    x: s + _e(e),
+    y: i
+  };
+}
+function wr(e) {
+  var t, r = J(e), o = Me(e), n = (t = e.ownerDocument) == null ? void 0 : t.body, u = re(r.scrollWidth, r.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), c = re(r.scrollHeight, r.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), s = -o.scrollLeft + _e(e), i = -o.scrollTop;
+  return F(n || r).direction === "rtl" && (s += re(r.clientWidth, n ? n.clientWidth : 0) - u), {
+    width: u,
+    height: c,
+    x: s,
+    y: i
+  };
+}
+function He(e) {
+  var t = F(e), r = t.overflow, o = t.overflowX, n = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(r + n + o);
+}
+function wt(e) {
+  return ["html", "body", "#document"].indexOf(I(e)) >= 0 ? e.ownerDocument.body : _(e) && He(e) ? e : wt(Te(e));
+}
+function ve(e, t) {
+  var r;
+  t === void 0 && (t = []);
+  var o = wt(e), n = o === ((r = e.ownerDocument) == null ? void 0 : r.body), u = B(o), c = n ? [u].concat(u.visualViewport || [], He(o) ? o : []) : o, s = t.concat(c);
+  return n ? s : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    s.concat(ve(Te(c)))
+  );
+}
+function $e(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  });
+}
+function xr(e, t) {
+  var r = se(e, !1, t === "fixed");
+  return r.top = r.top + e.clientTop, r.left = r.left + e.clientLeft, r.bottom = r.top + e.clientHeight, r.right = r.left + e.clientWidth, r.width = e.clientWidth, r.height = e.clientHeight, r.x = r.left, r.y = r.top, r;
+}
+function rt(e, t, r) {
+  return t === ct ? $e(br(e, r)) : ne(t) ? xr(t, r) : $e(wr(J(e)));
+}
+function Or(e) {
+  var t = ve(Te(e)), r = ["absolute", "fixed"].indexOf(F(e).position) >= 0, o = r && _(e) ? be(e) : e;
+  return ne(o) ? t.filter(function(n) {
+    return ne(n) && vt(n, o) && I(n) !== "body";
+  }) : [];
+}
+function Er(e, t, r, o) {
+  var n = t === "clippingParents" ? Or(e) : [].concat(t), u = [].concat(n, [r]), c = u[0], s = u.reduce(function(i, a) {
+    var f = rt(e, a, o);
+    return i.top = re(f.top, i.top), i.right = Re(f.right, i.right), i.bottom = Re(f.bottom, i.bottom), i.left = re(f.left, i.left), i;
+  }, rt(e, c, o));
+  return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
+}
+function xt(e) {
+  var t = e.reference, r = e.element, o = e.placement, n = o ? z(o) : null, u = o ? ue(o) : null, c = t.x + t.width / 2 - r.width / 2, s = t.y + t.height / 2 - r.height / 2, i;
+  switch (n) {
+    case k:
+      i = {
+        x: c,
+        y: t.y - r.height
+      };
+      break;
+    case H:
+      i = {
+        x: c,
+        y: t.y + t.height
+      };
+      break;
+    case V:
+      i = {
+        x: t.x + t.width,
+        y: s
+      };
+      break;
+    case P:
+      i = {
+        x: t.x - r.width,
+        y: s
+      };
+      break;
+    default:
+      i = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  var a = n ? Be(n) : null;
+  if (a != null) {
+    var f = a === "y" ? "height" : "width";
+    switch (u) {
+      case ie:
+        i[a] = i[a] - (t[f] / 2 - r[f] / 2);
+        break;
+      case ge:
+        i[a] = i[a] + (t[f] / 2 - r[f] / 2);
+        break;
+    }
+  }
+  return i;
+}
+function he(e, t) {
+  t === void 0 && (t = {});
+  var r = t, o = r.placement, n = o === void 0 ? e.placement : o, u = r.strategy, c = u === void 0 ? e.strategy : u, s = r.boundary, i = s === void 0 ? Xt : s, a = r.rootBoundary, f = a === void 0 ? ct : a, p = r.elementContext, l = p === void 0 ? le : p, v = r.altBoundary, g = v === void 0 ? !1 : v, d = r.padding, w = d === void 0 ? 0 : d, x = gt(typeof w != "number" ? w : ht(w, ye)), T = l === le ? Yt : le, L = e.rects.popper, m = e.elements[g ? T : l], y = Er(ne(m) ? m : m.contextElement || J(e.elements.popper), i, f, c), O = se(e.elements.reference), R = xt({
+    reference: O,
+    element: L,
+    placement: n
+  }), E = $e(Object.assign({}, L, R)), b = l === le ? E : O, C = {
+    top: y.top - b.top + x.top,
+    bottom: b.bottom - y.bottom + x.bottom,
+    left: y.left - b.left + x.left,
+    right: b.right - y.right + x.right
+  }, D = e.modifiersData.offset;
+  if (l === le && D) {
+    var j = D[n];
+    Object.keys(C).forEach(function(W) {
+      var N = [V, H].indexOf(W) >= 0 ? 1 : -1, h = [k, H].indexOf(W) >= 0 ? "y" : "x";
+      C[W] += j[h] * N;
+    });
+  }
+  return C;
+}
+function Sr(e, t) {
+  t === void 0 && (t = {});
+  var r = t, o = r.placement, n = r.boundary, u = r.rootBoundary, c = r.padding, s = r.flipVariations, i = r.allowedAutoPlacements, a = i === void 0 ? lt : i, f = ue(o), p = f ? s ? Qe : Qe.filter(function(g) {
+    return ue(g) === f;
+  }) : ye, l = p.filter(function(g) {
+    return a.indexOf(g) >= 0;
+  });
+  l.length === 0 && (l = p);
+  var v = l.reduce(function(g, d) {
+    return g[d] = he(e, {
+      placement: d,
+      boundary: n,
+      rootBoundary: u,
+      padding: c
+    })[z(d)], g;
+  }, {});
+  return Object.keys(v).sort(function(g, d) {
+    return v[g] - v[d];
+  });
+}
+function Rr(e) {
+  if (z(e) === je)
+    return [];
+  var t = Se(e);
+  return [tt(e), t, tt(t)];
+}
+function Cr(e) {
+  var t = e.state, r = e.options, o = e.name;
+  if (!t.modifiersData[o]._skip) {
+    for (var n = r.mainAxis, u = n === void 0 ? !0 : n, c = r.altAxis, s = c === void 0 ? !0 : c, i = r.fallbackPlacements, a = r.padding, f = r.boundary, p = r.rootBoundary, l = r.altBoundary, v = r.flipVariations, g = v === void 0 ? !0 : v, d = r.allowedAutoPlacements, w = t.options.placement, x = z(w), T = x === w, L = i || (T || !g ? [Se(w)] : Rr(w)), m = [w].concat(L).reduce(function(Z, X) {
+      return Z.concat(z(X) === je ? Sr(t, {
+        placement: X,
+        boundary: f,
+        rootBoundary: p,
+        padding: a,
+        flipVariations: g,
+        allowedAutoPlacements: d
+      }) : X);
+    }, []), y = t.rects.reference, O = t.rects.popper, R = /* @__PURE__ */ new Map(), E = !0, b = m[0], C = 0; C < m.length; C++) {
+      var D = m[C], j = z(D), W = ue(D) === ie, N = [k, H].indexOf(j) >= 0, h = N ? "width" : "height", A = he(t, {
+        placement: D,
+        boundary: f,
+        rootBoundary: p,
+        altBoundary: l,
+        padding: a
+      }), $ = N ? W ? V : P : W ? H : k;
+      y[h] > O[h] && ($ = Se($));
+      var U = Se($), q = [];
+      if (u && q.push(A[j] <= 0), s && q.push(A[$] <= 0, A[U] <= 0), q.every(function(Z) {
+        return Z;
+      })) {
+        b = D, E = !1;
+        break;
+      }
+      R.set(D, q);
+    }
+    if (E)
+      for (var K = g ? 3 : 1, Q = function(Z) {
+        var X = m.find(function(xe) {
+          var ce = R.get(xe);
+          if (ce)
+            return ce.slice(0, Z).every(function(oe) {
+              return oe;
+            });
+        });
+        if (X)
+          return b = X, "break";
+      }, fe = K; fe > 0; fe--) {
+        var we = Q(fe);
+        if (we === "break") break;
+      }
+    t.placement !== b && (t.modifiersData[o]._skip = !0, t.placement = b, t.reset = !0);
+  }
+}
+var Tr = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: Cr,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function nt(e, t, r) {
+  return r === void 0 && (r = {
+    x: 0,
+    y: 0
+  }), {
+    top: e.top - t.height - r.y,
+    right: e.right - t.width + r.x,
+    bottom: e.bottom - t.height + r.y,
+    left: e.left - t.width - r.x
+  };
+}
+function ot(e) {
+  return [k, V, H, P].some(function(t) {
+    return e[t] >= 0;
+  });
+}
+function Ar(e) {
+  var t = e.state, r = e.name, o = t.rects.reference, n = t.rects.popper, u = t.modifiersData.preventOverflow, c = he(t, {
+    elementContext: "reference"
+  }), s = he(t, {
+    altBoundary: !0
+  }), i = nt(c, o), a = nt(s, n, u), f = ot(i), p = ot(a);
+  t.modifiersData[r] = {
+    referenceClippingOffsets: i,
+    popperEscapeOffsets: a,
+    isReferenceHidden: f,
+    hasPopperEscaped: p
+  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-reference-hidden": f,
+    "data-popper-escaped": p
+  });
+}
+var Lr = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: Ar
+};
+function Dr(e, t, r) {
+  var o = z(e), n = [P, k].indexOf(o) >= 0 ? -1 : 1, u = typeof r == "function" ? r(Object.assign({}, t, {
+    placement: e
+  })) : r, c = u[0], s = u[1];
+  return c = c || 0, s = (s || 0) * n, [P, V].indexOf(o) >= 0 ? {
+    x: s,
+    y: c
+  } : {
+    x: c,
+    y: s
+  };
+}
+function $r(e) {
+  var t = e.state, r = e.options, o = e.name, n = r.offset, u = n === void 0 ? [0, 0] : n, c = lt.reduce(function(f, p) {
+    return f[p] = Dr(p, t.rects, u), f;
+  }, {}), s = c[t.placement], i = s.x, a = s.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += i, t.modifiersData.popperOffsets.y += a), t.modifiersData[o] = c;
+}
+var Wr = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: $r
+};
+function jr(e) {
+  var t = e.state, r = e.name;
+  t.modifiersData[r] = xt({
+    reference: t.rects.reference,
+    element: t.rects.popper,
+    placement: t.placement
+  });
+}
+var Ot = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: jr,
+  data: {}
+};
+function kr(e) {
+  return e === "x" ? "y" : "x";
+}
+function Pr(e) {
+  var t = e.state, r = e.options, o = e.name, n = r.mainAxis, u = n === void 0 ? !0 : n, c = r.altAxis, s = c === void 0 ? !1 : c, i = r.boundary, a = r.rootBoundary, f = r.altBoundary, p = r.padding, l = r.tether, v = l === void 0 ? !0 : l, g = r.tetherOffset, d = g === void 0 ? 0 : g, w = he(t, {
+    boundary: i,
+    rootBoundary: a,
+    padding: p,
+    altBoundary: f
+  }), x = z(t.placement), T = ue(t.placement), L = !T, m = Be(x), y = kr(m), O = t.modifiersData.popperOffsets, R = t.rects.reference, E = t.rects.popper, b = typeof d == "function" ? d(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : d, C = typeof b == "number" ? {
+    mainAxis: b,
+    altAxis: b
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, b), D = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, j = {
+    x: 0,
+    y: 0
+  };
+  if (O) {
+    if (u) {
+      var W, N = m === "y" ? k : P, h = m === "y" ? H : V, A = m === "y" ? "height" : "width", $ = O[m], U = $ + w[N], q = $ - w[h], K = v ? -E[A] / 2 : 0, Q = T === ie ? R[A] : E[A], fe = T === ie ? -E[A] : -R[A], we = t.elements.arrow, Z = v && we ? Pe(we) : {
+        width: 0,
+        height: 0
+      }, X = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : mt(), xe = X[N], ce = X[h], oe = de(0, R[A], Z[A]), Tt = L ? R[A] / 2 - K - oe - xe - C.mainAxis : Q - oe - xe - C.mainAxis, At = L ? -R[A] / 2 + K + oe + ce + C.mainAxis : fe + oe + ce + C.mainAxis, Ae = t.elements.arrow && be(t.elements.arrow), Lt = Ae ? m === "y" ? Ae.clientTop || 0 : Ae.clientLeft || 0 : 0, Ne = (W = D?.[m]) != null ? W : 0, Dt = $ + Tt - Ne - Lt, $t = $ + At - Ne, qe = de(v ? Re(U, Dt) : U, $, v ? re(q, $t) : q);
+      O[m] = qe, j[m] = qe - $;
+    }
+    if (s) {
+      var ze, Wt = m === "x" ? k : P, jt = m === "x" ? H : V, ee = O[y], Oe = y === "y" ? "height" : "width", Ie = ee + w[Wt], Ue = ee - w[jt], Le = [k, P].indexOf(x) !== -1, Xe = (ze = D?.[y]) != null ? ze : 0, Ye = Le ? Ie : ee - R[Oe] - E[Oe] - Xe + C.altAxis, Fe = Le ? ee + R[Oe] + E[Oe] - Xe - C.altAxis : Ue, Ge = v && Le ? ur(Ye, ee, Fe) : de(v ? Ye : Ie, ee, v ? Fe : Ue);
+      O[y] = Ge, j[y] = Ge - ee;
+    }
+    t.modifiersData[o] = j;
+  }
+}
+var Br = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: Pr,
+  requiresIfExists: ["offset"]
+};
+function Mr(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function _r(e) {
+  return e === B(e) || !_(e) ? Me(e) : Mr(e);
+}
+function Hr(e) {
+  var t = e.getBoundingClientRect(), r = ae(t.width) / e.offsetWidth || 1, o = ae(t.height) / e.offsetHeight || 1;
+  return r !== 1 || o !== 1;
+}
+function Vr(e, t, r) {
+  r === void 0 && (r = !1);
+  var o = _(t), n = _(t) && Hr(t), u = J(t), c = se(e, n, r), s = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, i = {
+    x: 0,
+    y: 0
+  };
+  return (o || !o && !r) && ((I(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  He(u)) && (s = _r(t)), _(t) ? (i = se(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : u && (i.x = _e(u))), {
+    x: c.left + s.scrollLeft - i.x,
+    y: c.top + s.scrollTop - i.y,
+    width: c.width,
+    height: c.height
+  };
+}
+function Nr(e) {
+  var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), o = [];
+  e.forEach(function(u) {
+    t.set(u.name, u);
+  });
+  function n(u) {
+    r.add(u.name);
+    var c = [].concat(u.requires || [], u.requiresIfExists || []);
+    c.forEach(function(s) {
+      if (!r.has(s)) {
+        var i = t.get(s);
+        i && n(i);
+      }
+    }), o.push(u);
+  }
+  return e.forEach(function(u) {
+    r.has(u.name) || n(u);
+  }), o;
+}
+function qr(e) {
+  var t = Nr(e);
+  return nr.reduce(function(r, o) {
+    return r.concat(t.filter(function(n) {
+      return n.phase === o;
+    }));
+  }, []);
+}
+function zr(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(r) {
+      Promise.resolve().then(function() {
+        t = void 0, r(e());
+      });
+    })), t;
+  };
+}
+function Ir(e) {
+  var t = e.reduce(function(r, o) {
+    var n = r[o.name];
+    return r[o.name] = n ? Object.assign({}, n, o, {
+      options: Object.assign({}, n.options, o.options),
+      data: Object.assign({}, n.data, o.data)
+    }) : o, r;
+  }, {});
+  return Object.keys(t).map(function(r) {
+    return t[r];
+  });
+}
+var it = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function at() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  return !t.some(function(o) {
+    return !(o && typeof o.getBoundingClientRect == "function");
+  });
+}
+function Ve(e) {
+  e === void 0 && (e = {});
+  var t = e, r = t.defaultModifiers, o = r === void 0 ? [] : r, n = t.defaultOptions, u = n === void 0 ? it : n;
+  return function(c, s, i) {
+    i === void 0 && (i = u);
+    var a = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, it, u),
+      modifiersData: {},
+      elements: {
+        reference: c,
+        popper: s
+      },
+      attributes: {},
+      styles: {}
+    }, f = [], p = !1, l = {
+      state: a,
+      setOptions: function(d) {
+        var w = typeof d == "function" ? d(a.options) : d;
+        g(), a.options = Object.assign({}, u, a.options, w), a.scrollParents = {
+          reference: ne(c) ? ve(c) : c.contextElement ? ve(c.contextElement) : [],
+          popper: ve(s)
+        };
+        var x = qr(Ir([].concat(o, a.options.modifiers)));
+        return a.orderedModifiers = x.filter(function(T) {
+          return T.enabled;
+        }), v(), l.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!p) {
+          var d = a.elements, w = d.reference, x = d.popper;
+          if (at(w, x)) {
+            a.rects = {
+              reference: Vr(w, be(x), a.options.strategy === "fixed"),
+              popper: Pe(x)
+            }, a.reset = !1, a.placement = a.options.placement, a.orderedModifiers.forEach(function(E) {
+              return a.modifiersData[E.name] = Object.assign({}, E.data);
+            });
+            for (var T = 0; T < a.orderedModifiers.length; T++) {
+              if (a.reset === !0) {
+                a.reset = !1, T = -1;
+                continue;
+              }
+              var L = a.orderedModifiers[T], m = L.fn, y = L.options, O = y === void 0 ? {} : y, R = L.name;
+              typeof m == "function" && (a = m({
+                state: a,
+                options: O,
+                name: R,
+                instance: l
+              }) || a);
+            }
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: zr(function() {
+        return new Promise(function(d) {
+          l.forceUpdate(), d(a);
+        });
+      }),
+      destroy: function() {
+        g(), p = !0;
+      }
+    };
+    if (!at(c, s))
+      return l;
+    l.setOptions(i).then(function(d) {
+      !p && i.onFirstUpdate && i.onFirstUpdate(d);
+    });
+    function v() {
+      a.orderedModifiers.forEach(function(d) {
+        var w = d.name, x = d.options, T = x === void 0 ? {} : x, L = d.effect;
+        if (typeof L == "function") {
+          var m = L({
+            state: a,
+            name: w,
+            instance: l,
+            options: T
+          }), y = function() {
+          };
+          f.push(m || y);
+        }
+      });
+    }
+    function g() {
+      f.forEach(function(d) {
+        return d();
+      }), f = [];
+    }
+    return l;
+  };
+}
+Ve();
+var Ur = [bt, Ot, yt, pt];
+Ve({
+  defaultModifiers: Ur
+});
+var Xr = [bt, Ot, yt, pt, Wr, Tr, Br, pr, Lr], Yr = Ve({
+  defaultModifiers: Xr
+}), Fr = We(zt()), Gr = [], Jr = function(e, t, r) {
+  r === void 0 && (r = {});
+  var o = S.useRef(null), n = {
+    onFirstUpdate: r.onFirstUpdate,
+    placement: r.placement || "bottom",
+    strategy: r.strategy || "absolute",
+    modifiers: r.modifiers || Gr
+  }, u = S.useState({
+    styles: {
+      popper: {
+        position: n.strategy,
+        left: "0",
+        top: "0"
+      },
+      arrow: {
+        position: "absolute"
+      }
+    },
+    attributes: {}
+  }), c = u[0], s = u[1], i = S.useMemo(function() {
+    return {
+      name: "updateState",
+      enabled: !0,
+      phase: "write",
+      fn: function(p) {
+        var l = p.state, v = Object.keys(l.elements);
+        Nt.flushSync(function() {
+          s({
+            styles: Je(v.map(function(g) {
+              return [g, l.styles[g] || {}];
+            })),
+            attributes: Je(v.map(function(g) {
+              return [g, l.attributes[g]];
+            }))
+          });
+        });
+      },
+      requires: ["computeStyles"]
+    };
+  }, []), a = S.useMemo(function() {
+    var p = {
+      onFirstUpdate: n.onFirstUpdate,
+      placement: n.placement,
+      strategy: n.strategy,
+      modifiers: [].concat(n.modifiers, [i, {
+        name: "applyStyles",
+        enabled: !1
+      }])
+    };
+    return (0, Fr.default)(o.current, p) ? o.current || p : (o.current = p, p);
+  }, [n.onFirstUpdate, n.placement, n.strategy, n.modifiers, i]), f = S.useRef();
+  return Ke(function() {
+    f.current && f.current.setOptions(a);
+  }, [a]), Ke(function() {
+    if (!(e == null || t == null)) {
+      var p = r.createPopper || Yr, l = p(e, t, a);
+      return f.current = l, function() {
+        l.destroy(), f.current = null;
+      };
+    }
+  }, [e, t, r.createPopper]), {
+    state: f.current ? f.current.state : null,
+    styles: c.styles,
+    attributes: c.attributes,
+    update: f.current ? f.current.update : null,
+    forceUpdate: f.current ? f.current.forceUpdate : null
+  };
+};
+We(It());
+function Et(e) {
+  var t = S.useRef(e);
+  return t.current = e, S.useCallback(function() {
+    return t.current;
+  }, []);
+}
+var Kr = function() {
+};
+function Qr(e) {
+  var t = e.initial, r = e.value, o = e.onChange, n = o === void 0 ? Kr : o;
+  if (t === void 0 && r === void 0)
+    throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined');
+  var u = S.useState(t), c = u[0], s = u[1], i = Et(c), a = S.useCallback(function(p) {
+    var l = i(), v = typeof p == "function" ? p(l) : p;
+    typeof v.persist == "function" && v.persist(), s(v), typeof n == "function" && n(v);
+  }, [i, n]), f = r !== void 0;
+  return [f ? r : c, f ? n : a];
+}
+function St(e, t) {
+  return e === void 0 && (e = 0), t === void 0 && (t = 0), function() {
+    return {
+      width: 0,
+      height: 0,
+      top: t,
+      right: e,
+      bottom: t,
+      left: e,
+      x: 0,
+      y: 0,
+      toJSON: function() {
+        return null;
+      }
+    };
+  };
+}
+var Zr = ["styles", "attributes"], st = {
+  getBoundingClientRect: St()
+}, ut = {
+  closeOnOutsideClick: !0,
+  closeOnTriggerHidden: !1,
+  defaultVisible: !1,
+  delayHide: 0,
+  delayShow: 0,
+  followCursor: !1,
+  interactive: !1,
+  mutationObserverOptions: {
+    attributes: !0,
+    childList: !0,
+    subtree: !0
+  },
+  offset: [0, 6],
+  trigger: "hover"
+};
+function en(e, t) {
+  var r, o, n;
+  e === void 0 && (e = {}), t === void 0 && (t = {});
+  var u = Object.keys(ut).reduce(function(h, A) {
+    var $;
+    return te({}, h, ($ = {}, $[A] = h[A] !== void 0 ? h[A] : ut[A], $));
+  }, e), c = S.useMemo(
+    function() {
+      return [{
+        name: "offset",
+        options: {
+          offset: u.offset
+        }
+      }];
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    Array.isArray(u.offset) ? u.offset : []
+  ), s = te({}, t, {
+    placement: t.placement || u.placement,
+    modifiers: t.modifiers || c
+  }), i = S.useState(null), a = i[0], f = i[1], p = S.useState(null), l = p[0], v = p[1], g = Qr({
+    initial: u.defaultVisible,
+    value: u.visible,
+    onChange: u.onVisibleChange
+  }), d = g[0], w = g[1], x = S.useRef();
+  S.useEffect(function() {
+    return function() {
+      return clearTimeout(x.current);
+    };
+  }, []);
+  var T = Jr(u.followCursor ? st : a, l, s), L = T.styles, m = T.attributes, y = Bt(T, Zr), O = y.update, R = Et({
+    visible: d,
+    triggerRef: a,
+    tooltipRef: l,
+    finalConfig: u
+  }), E = S.useCallback(
+    function(h) {
+      return Array.isArray(u.trigger) ? u.trigger.includes(h) : u.trigger === h;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    Array.isArray(u.trigger) ? u.trigger : [u.trigger]
+  ), b = S.useCallback(function() {
+    clearTimeout(x.current), x.current = window.setTimeout(function() {
+      return w(!1);
+    }, u.delayHide);
+  }, [u.delayHide, w]), C = S.useCallback(function() {
+    clearTimeout(x.current), x.current = window.setTimeout(function() {
+      return w(!0);
+    }, u.delayShow);
+  }, [u.delayShow, w]), D = S.useCallback(function() {
+    R().visible ? b() : C();
+  }, [R, b, C]);
+  S.useEffect(function() {
+    if (R().finalConfig.closeOnOutsideClick) {
+      var h = function(A) {
+        var $, U = R(), q = U.tooltipRef, K = U.triggerRef, Q = (A.composedPath == null || ($ = A.composedPath()) == null ? void 0 : $[0]) || A.target;
+        Q instanceof Node && q != null && K != null && !q.contains(Q) && !K.contains(Q) && b();
+      };
+      return document.addEventListener("mousedown", h), function() {
+        return document.removeEventListener("mousedown", h);
+      };
+    }
+  }, [R, b]), S.useEffect(function() {
+    if (!(a == null || !E("click")))
+      return a.addEventListener("click", D), function() {
+        return a.removeEventListener("click", D);
+      };
+  }, [a, E, D]), S.useEffect(function() {
+    if (!(a == null || !E("double-click")))
+      return a.addEventListener("dblclick", D), function() {
+        return a.removeEventListener("dblclick", D);
+      };
+  }, [a, E, D]), S.useEffect(function() {
+    if (!(a == null || !E("right-click"))) {
+      var h = function(A) {
+        A.preventDefault(), D();
+      };
+      return a.addEventListener("contextmenu", h), function() {
+        return a.removeEventListener("contextmenu", h);
+      };
+    }
+  }, [a, E, D]), S.useEffect(function() {
+    if (!(a == null || !E("focus")))
+      return a.addEventListener("focus", C), a.addEventListener("blur", b), function() {
+        a.removeEventListener("focus", C), a.removeEventListener("blur", b);
+      };
+  }, [a, E, C, b]), S.useEffect(function() {
+    if (!(a == null || !E("hover")))
+      return a.addEventListener("mouseenter", C), a.addEventListener("mouseleave", b), function() {
+        a.removeEventListener("mouseenter", C), a.removeEventListener("mouseleave", b);
+      };
+  }, [a, E, C, b]), S.useEffect(function() {
+    if (!(l == null || !E("hover") || !R().finalConfig.interactive))
+      return l.addEventListener("mouseenter", C), l.addEventListener("mouseleave", b), function() {
+        l.removeEventListener("mouseenter", C), l.removeEventListener("mouseleave", b);
+      };
+  }, [l, E, C, b, R]);
+  var j = y == null || (r = y.state) == null || (o = r.modifiersData) == null || (n = o.hide) == null ? void 0 : n.isReferenceHidden;
+  S.useEffect(function() {
+    u.closeOnTriggerHidden && j && b();
+  }, [u.closeOnTriggerHidden, b, j]), S.useEffect(function() {
+    if (!u.followCursor || a == null) return;
+    function h(A) {
+      var $ = A.clientX, U = A.clientY;
+      st.getBoundingClientRect = St($, U), O?.();
+    }
+    return a.addEventListener("mousemove", h), function() {
+      return a.removeEventListener("mousemove", h);
+    };
+  }, [u.followCursor, a, O]), S.useEffect(function() {
+    if (!(l == null || O == null || u.mutationObserverOptions == null)) {
+      var h = new MutationObserver(O);
+      return h.observe(l, u.mutationObserverOptions), function() {
+        return h.disconnect();
+      };
+    }
+  }, [u.mutationObserverOptions, l, O]);
+  var W = function(h) {
+    return h === void 0 && (h = {}), te({}, h, {
+      style: te({}, h.style, L.popper)
+    }, m.popper, {
+      "data-popper-interactive": u.interactive
+    });
+  }, N = function(h) {
+    return h === void 0 && (h = {}), te({}, h, m.arrow, {
+      style: te({}, h.style, L.arrow),
+      "data-popper-arrow": !0
+    });
+  };
+  return te({
+    getArrowProps: N,
+    getTooltipProps: W,
+    setTooltipRef: v,
+    setTriggerRef: f,
+    tooltipRef: l,
+    triggerRef: a,
+    visible: d
+  }, y);
+}
+var { document: me } = kt, M = (0, Ut.default)(1e3)(
+  (e, t, r, o = 0) => t.split("-")[0] === e ? r : o
+), G = 8, tn = Ce.div(
+  {
+    position: "absolute",
+    borderStyle: "solid"
+  },
+  ({ placement: e }) => {
+    let t = 0, r = 0;
+    switch (!0) {
+      case (e.startsWith("left") || e.startsWith("right")): {
+        r = 8;
+        break;
+      }
+      case (e.startsWith("top") || e.startsWith("bottom")): {
+        t = 8;
+        break;
+      }
+    }
+    return { transform: `translate3d(${t}px, ${r}px, 0px)` };
+  },
+  ({ theme: e, color: t, placement: r }) => ({
+    bottom: `${M("top", r, `${G * -1}px`, "auto")}`,
+    top: `${M("bottom", r, `${G * -1}px`, "auto")}`,
+    right: `${M("left", r, `${G * -1}px`, "auto")}`,
+    left: `${M("right", r, `${G * -1}px`, "auto")}`,
+    borderBottomWidth: `${M("top", r, "0", G)}px`,
+    borderTopWidth: `${M("bottom", r, "0", G)}px`,
+    borderRightWidth: `${M("left", r, "0", G)}px`,
+    borderLeftWidth: `${M("right", r, "0", G)}px`,
+    borderTopColor: M(
+      "top",
+      r,
+      e.color[t] || t || e.base === "light" ? pe(e.background.app) : e.background.app,
+      "transparent"
+    ),
+    borderBottomColor: M(
+      "bottom",
+      r,
+      e.color[t] || t || e.base === "light" ? pe(e.background.app) : e.background.app,
+      "transparent"
+    ),
+    borderLeftColor: M(
+      "left",
+      r,
+      e.color[t] || t || e.base === "light" ? pe(e.background.app) : e.background.app,
+      "transparent"
+    ),
+    borderRightColor: M(
+      "right",
+      r,
+      e.color[t] || t || e.base === "light" ? pe(e.background.app) : e.background.app,
+      "transparent"
+    )
+  })
+), rn = Ce.div(
+  ({ hidden: e }) => ({
+    display: e ? "none" : "inline-block",
+    zIndex: 2147483647,
+    colorScheme: "light dark"
+  }),
+  ({ theme: e, color: t, hasChrome: r }) => r ? {
+    background: t && e.color[t] || t || e.base === "light" ? pe(e.background.app) : e.background.app,
+    filter: `
+            drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
+            drop-shadow(0 1px 3px rgba(0,0,0,0.1))
+          `,
+    borderRadius: e.appBorderRadius + 2,
+    fontSize: e.typography.size.s1
+  } : {}
+), Rt = Y.forwardRef(
+  ({
+    placement: e = "top",
+    hasChrome: t = !0,
+    children: r,
+    arrowProps: o = {},
+    tooltipRef: n,
+    color: u,
+    withArrows: c,
+    ...s
+  }, i) => Y.createElement(rn, { "data-testid": "tooltip", hasChrome: t, ref: i, ...s, color: u }, t && c && Y.createElement(tn, { placement: e, ...o, color: u }), r)
+);
+Rt.displayName = "Tooltip";
+var nn = Ce.div`
+  display: inline-block;
+  cursor: ${(e) => e.trigger === "hover" || e.trigger?.includes("hover") ? "default" : "pointer"};
+`, on = Ce.g`
+  cursor: ${(e) => e.trigger === "hover" || e.trigger?.includes("hover") ? "default" : "pointer"};
+`, Ct = ({
+  svg: e = !1,
+  trigger: t = "click",
+  closeOnOutsideClick: r = !1,
+  placement: o = "top",
+  modifiers: n = [
+    {
+      name: "preventOverflow",
+      options: {
+        padding: 8
+      }
+    },
+    {
+      name: "offset",
+      options: {
+        offset: [8, 8]
+      }
+    },
+    {
+      name: "arrow",
+      options: {
+        padding: 8
+      }
+    }
+  ],
+  hasChrome: u = !0,
+  defaultVisible: c = !1,
+  withArrows: s,
+  offset: i,
+  tooltip: a,
+  children: f,
+  closeOnTriggerHidden: p,
+  mutationObserverOptions: l,
+  delayHide: v = t === "hover" ? 200 : 0,
+  visible: g,
+  interactive: d,
+  delayShow: w = t === "hover" ? 400 : 0,
+  strategy: x,
+  followCursor: T,
+  onVisibleChange: L,
+  portalContainer: m,
+  ...y
+}) => {
+  let O = e ? on : nn, {
+    getArrowProps: R,
+    getTooltipProps: E,
+    setTooltipRef: b,
+    setTriggerRef: C,
+    visible: D,
+    state: j
+  } = en(
+    {
+      trigger: t,
+      placement: o,
+      defaultVisible: c,
+      delayHide: v,
+      interactive: d,
+      closeOnOutsideClick: r,
+      closeOnTriggerHidden: p,
+      onVisibleChange: L,
+      delayShow: w,
+      followCursor: T,
+      mutationObserverOptions: l,
+      visible: g,
+      offset: i
+    },
+    {
+      modifiers: n,
+      strategy: x
+    }
+  ), W = (typeof m == "string" ? me.querySelector(m) : m) || me.body, N = D ? Y.createElement(
+    Rt,
+    {
+      placement: j?.placement,
+      ref: b,
+      hasChrome: u,
+      arrowProps: R(),
+      withArrows: s,
+      ...E()
+    },
+    typeof a == "function" ? a({ onHide: () => L(!1) }) : a
+  ) : null;
+  return Y.createElement(Y.Fragment, null, Y.createElement(O, { trigger: t, ref: C, ...y }, f), D && qt.createPortal(N, W));
+}, fn = ({
+  startOpen: e = !1,
+  onVisibleChange: t,
+  ...r
+}) => {
+  let [o, n] = _t(e), u = Ht(
+    (c) => {
+      t && t(c) === !1 || n(c);
+    },
+    [t]
+  );
+  return Vt(() => {
+    let c = () => u(!1), s = (f) => {
+      f.key === "Escape" && c();
+    };
+    me.addEventListener("keydown", s, !1);
+    let i = Array.from(me.getElementsByTagName("iframe")), a = [];
+    return i.forEach((f) => {
+      let p = () => {
+        try {
+          f.contentWindow.document && (f.contentWindow.document.addEventListener("click", c), a.push(() => {
+            try {
+              f.contentWindow.document.removeEventListener("click", c);
+            } catch {
+            }
+          }));
+        } catch {
+        }
+      };
+      p(), f.addEventListener("load", p), a.push(() => {
+        f.removeEventListener("load", p);
+      });
+    }), () => {
+      me.removeEventListener("keydown", s), a.forEach((f) => {
+        f();
+      });
+    };
+  }), Y.createElement(Ct, { ...r, visible: o, onVisibleChange: u });
+}, cn = (e) => (Pt(
+  "WithTooltipPure is deprecated and will be removed in Storybook 11. Please use WithTooltip instead."
+), Y.createElement(Ct, { "data-deprecated": "WithTooltipPure", ...e }));
+export {
+  Rt as Tooltip,
+  fn as WithTooltip,
+  cn as WithTooltipPure
+};
+//# sourceMappingURL=WithTooltip-IO6J4KBT-B1oq93K5.js.map