@ck-ui/component-library 2.0.3 → 2.0.4

package/dist/components/Tooltip/index.js

@@ -1,2050 +1,68 @@
-import { jsx as oe, jsxs as vt } from "react/jsx-runtime";
-import * as j from "react";
-import { f as jt, g as Ct, o as mt, b as ot, d as ht, m as $t, P as n, q as ro, i as St, h as Dt, s as Ke, a as no, u as gt, j as Fe, l as kt, n as at } from "../../useSlot-BAOpgsKZ.js";
-import { c as ao } from "../../clsx-OuTLNxxd.js";
-import { P as io, i as Bt, u as so, r as Lt, H as Ye, a as po, b as He, c as lo, g as co, G as fo, T as uo, e as vo } from "../../Grow-gzixxVwK.js";
-import { i as yt } from "../../isFocusVisible-BzX3wEi7.js";
-var H = "top", X = "bottom", G = "right", U = "left", it = "auto", De = [H, X, G, U], Oe = "start", $e = "end", mo = "clippingParents", Nt = "viewport", Ae = "popper", ho = "reference", bt = /* @__PURE__ */ De.reduce(function(t, e) {
-  return t.concat([e + "-" + Oe, e + "-" + $e]);
-}, []), Wt = /* @__PURE__ */ [].concat(De, [it]).reduce(function(t, e) {
-  return t.concat([e, e + "-" + Oe, e + "-" + $e]);
-}, []), go = "beforeRead", yo = "read", bo = "afterRead", wo = "beforeMain", Oo = "main", xo = "afterMain", To = "beforeWrite", Po = "write", Eo = "afterWrite", Ro = [go, yo, bo, wo, Oo, xo, To, Po, Eo];
-function _(t) {
-  return t ? (t.nodeName || "").toLowerCase() : null;
-}
-function q(t) {
-  if (t == null)
-    return window;
-  if (t.toString() !== "[object Window]") {
-    var e = t.ownerDocument;
-    return e && e.defaultView || window;
-  }
-  return t;
-}
-function ye(t) {
-  var e = q(t).Element;
-  return t instanceof e || t instanceof Element;
-}
-function Y(t) {
-  var e = q(t).HTMLElement;
-  return t instanceof e || t instanceof HTMLElement;
-}
-function st(t) {
-  if (typeof ShadowRoot > "u")
-    return !1;
-  var e = q(t).ShadowRoot;
-  return t instanceof e || t instanceof ShadowRoot;
-}
-function Ao(t) {
-  var e = t.state;
-  Object.keys(e.elements).forEach(function(o) {
-    var r = e.styles[o] || {}, a = e.attributes[o] || {}, i = e.elements[o];
-    !Y(i) || !_(i) || (Object.assign(i.style, r), Object.keys(a).forEach(function(c) {
-      var s = a[c];
-      s === !1 ? i.removeAttribute(c) : i.setAttribute(c, s === !0 ? "" : s);
-    }));
-  });
-}
-function Mo(t) {
-  var e = t.state, o = {
-    popper: {
-      position: e.options.strategy,
-      left: "0",
-      top: "0",
-      margin: "0"
-    },
-    arrow: {
-      position: "absolute"
-    },
-    reference: {}
-  };
-  return Object.assign(e.elements.popper.style, o.popper), e.styles = o, e.elements.arrow && Object.assign(e.elements.arrow.style, o.arrow), function() {
-    Object.keys(e.elements).forEach(function(r) {
-      var a = e.elements[r], i = e.attributes[r] || {}, c = Object.keys(e.styles.hasOwnProperty(r) ? e.styles[r] : o[r]), s = c.reduce(function(p, f) {
-        return p[f] = "", p;
-      }, {});
-      !Y(a) || !_(a) || (Object.assign(a.style, s), Object.keys(i).forEach(function(p) {
-        a.removeAttribute(p);
-      }));
-    });
-  };
-}
-const jo = {
-  name: "applyStyles",
-  enabled: !0,
-  phase: "write",
-  fn: Ao,
-  effect: Mo,
-  requires: ["computeStyles"]
-};
-function Z(t) {
-  return t.split("-")[0];
-}
-var ge = Math.max, Xe = Math.min, xe = Math.round;
-function rt() {
-  var t = navigator.userAgentData;
-  return t != null && t.brands && Array.isArray(t.brands) ? t.brands.map(function(e) {
-    return e.brand + "/" + e.version;
-  }).join(" ") : navigator.userAgent;
-}
-function It() {
-  return !/^((?!chrome|android).)*safari/i.test(rt());
-}
-function Te(t, e, o) {
-  e === void 0 && (e = !1), o === void 0 && (o = !1);
-  var r = t.getBoundingClientRect(), a = 1, i = 1;
-  e && Y(t) && (a = t.offsetWidth > 0 && xe(r.width) / t.offsetWidth || 1, i = t.offsetHeight > 0 && xe(r.height) / t.offsetHeight || 1);
-  var c = ye(t) ? q(t) : window, s = c.visualViewport, p = !It() && o, f = (r.left + (p && s ? s.offsetLeft : 0)) / a, l = (r.top + (p && s ? s.offsetTop : 0)) / i, g = r.width / a, O = r.height / i;
-  return {
-    width: g,
-    height: O,
-    top: l,
-    right: f + g,
-    bottom: l + O,
-    left: f,
-    x: f,
-    y: l
-  };
-}
-function pt(t) {
-  var e = Te(t), o = t.offsetWidth, r = t.offsetHeight;
-  return Math.abs(e.width - o) <= 1 && (o = e.width), Math.abs(e.height - r) <= 1 && (r = e.height), {
-    x: t.offsetLeft,
-    y: t.offsetTop,
-    width: o,
-    height: r
-  };
-}
-function Ft(t, e) {
-  var o = e.getRootNode && e.getRootNode();
-  if (t.contains(e))
-    return !0;
-  if (o && st(o)) {
-    var r = e;
-    do {
-      if (r && t.isSameNode(r))
-        return !0;
-      r = r.parentNode || r.host;
-    } while (r);
-  }
-  return !1;
-}
-function re(t) {
-  return q(t).getComputedStyle(t);
-}
-function Co(t) {
-  return ["table", "td", "th"].indexOf(_(t)) >= 0;
-}
-function ue(t) {
-  return ((ye(t) ? t.ownerDocument : (
-    // $FlowFixMe[prop-missing]
-    t.document
-  )) || window.document).documentElement;
-}
-function Je(t) {
-  return _(t) === "html" ? t : (
-    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
-    // $FlowFixMe[incompatible-return]
-    // $FlowFixMe[prop-missing]
-    t.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    t.parentNode || // DOM Element detected
-    (st(t) ? t.host : null) || // ShadowRoot detected
-    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    ue(t)
-  );
-}
-function wt(t) {
-  return !Y(t) || // https://github.com/popperjs/popper-core/issues/837
-  re(t).position === "fixed" ? null : t.offsetParent;
-}
-function $o(t) {
-  var e = /firefox/i.test(rt()), o = /Trident/i.test(rt());
-  if (o && Y(t)) {
-    var r = re(t);
-    if (r.position === "fixed")
-      return null;
-  }
-  var a = Je(t);
-  for (st(a) && (a = a.host); Y(a) && ["html", "body"].indexOf(_(a)) < 0; ) {
-    var i = re(a);
-    if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || e && i.willChange === "filter" || e && i.filter && i.filter !== "none")
-      return a;
-    a = a.parentNode;
-  }
-  return null;
-}
-function ke(t) {
-  for (var e = q(t), o = wt(t); o && Co(o) && re(o).position === "static"; )
-    o = wt(o);
-  return o && (_(o) === "html" || _(o) === "body" && re(o).position === "static") ? e : o || $o(t) || e;
-}
-function lt(t) {
-  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
-}
-function je(t, e, o) {
-  return ge(t, Xe(e, o));
-}
-function So(t, e, o) {
-  var r = je(t, e, o);
-  return r > o ? o : r;
-}
-function Ht() {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  };
-}
-function Ut(t) {
-  return Object.assign({}, Ht(), t);
-}
-function Vt(t, e) {
-  return e.reduce(function(o, r) {
-    return o[r] = t, o;
-  }, {});
-}
-var Do = function(e, o) {
-  return e = typeof e == "function" ? e(Object.assign({}, o.rects, {
-    placement: o.placement
-  })) : e, Ut(typeof e != "number" ? e : Vt(e, De));
-};
-function ko(t) {
-  var e, o = t.state, r = t.name, a = t.options, i = o.elements.arrow, c = o.modifiersData.popperOffsets, s = Z(o.placement), p = lt(s), f = [U, G].indexOf(s) >= 0, l = f ? "height" : "width";
-  if (!(!i || !c)) {
-    var g = Do(a.padding, o), O = pt(i), u = p === "y" ? H : U, E = p === "y" ? X : G, v = o.rects.reference[l] + o.rects.reference[p] - c[p] - o.rects.popper[l], h = c[p] - o.rects.reference[p], x = ke(i), A = x ? p === "y" ? x.clientHeight || 0 : x.clientWidth || 0 : 0, T = v / 2 - h / 2, d = g[u], y = A - O[l] - g[E], b = A / 2 - O[l] / 2 + T, P = je(d, b, y), C = p;
-    o.modifiersData[r] = (e = {}, e[C] = P, e.centerOffset = P - b, e);
-  }
-}
-function Bo(t) {
-  var e = t.state, o = t.options, r = o.element, a = r === void 0 ? "[data-popper-arrow]" : r;
-  a != null && (typeof a == "string" && (a = e.elements.popper.querySelector(a), !a) || Ft(e.elements.popper, a) && (e.elements.arrow = a));
-}
-const Lo = {
-  name: "arrow",
-  enabled: !0,
-  phase: "main",
-  fn: ko,
-  effect: Bo,
-  requires: ["popperOffsets"],
-  requiresIfExists: ["preventOverflow"]
-};
-function Pe(t) {
-  return t.split("-")[1];
-}
-var No = {
-  top: "auto",
-  right: "auto",
-  bottom: "auto",
-  left: "auto"
-};
-function Wo(t, e) {
-  var o = t.x, r = t.y, a = e.devicePixelRatio || 1;
-  return {
-    x: xe(o * a) / a || 0,
-    y: xe(r * a) / a || 0
-  };
-}
-function Ot(t) {
-  var e, o = t.popper, r = t.popperRect, a = t.placement, i = t.variation, c = t.offsets, s = t.position, p = t.gpuAcceleration, f = t.adaptive, l = t.roundOffsets, g = t.isFixed, O = c.x, u = O === void 0 ? 0 : O, E = c.y, v = E === void 0 ? 0 : E, h = typeof l == "function" ? l({
-    x: u,
-    y: v
-  }) : {
-    x: u,
-    y: v
-  };
-  u = h.x, v = h.y;
-  var x = c.hasOwnProperty("x"), A = c.hasOwnProperty("y"), T = U, d = H, y = window;
-  if (f) {
-    var b = ke(o), P = "clientHeight", C = "clientWidth";
-    if (b === q(o) && (b = ue(o), re(b).position !== "static" && s === "absolute" && (P = "scrollHeight", C = "scrollWidth")), b = b, a === H || (a === U || a === G) && i === $e) {
-      d = X;
-      var w = g && b === y && y.visualViewport ? y.visualViewport.height : (
-        // $FlowFixMe[prop-missing]
-        b[P]
-      );
-      v -= w - r.height, v *= p ? 1 : -1;
-    }
-    if (a === U || (a === H || a === X) && i === $e) {
-      T = G;
-      var M = g && b === y && y.visualViewport ? y.visualViewport.width : (
-        // $FlowFixMe[prop-missing]
-        b[C]
+import { jsxs as _, Fragment as d, jsx as g } from "react/jsx-runtime";
+import { useRef as a, useState as v, useCallback as c, cloneElement as R } from "react";
+import { createPortal as $ } from "react-dom";
+import { calculateTooltipPosition as y } from "./_helpers/calculatePosition.js";
+import { assignRef as B } from "./_helpers/mergeRef.js";
+import '../../assets/index-BE0-nPjX.css';const C = "_arrow_1n4gf_20", l = {
+  "tooltip-portal": "_tooltip-portal_1n4gf_1",
+  "tooltip-box": "_tooltip-box_1n4gf_7",
+  arrow: C,
+  "arrow-top": "_arrow-top_1n4gf_29",
+  "arrow-bottom": "_arrow-bottom_1n4gf_35",
+  "arrow-left": "_arrow-left_1n4gf_41",
+  "arrow-right": "_arrow-right_1n4gf_47"
+};
+function L({
+  children: r,
+  title: i = "",
+  placement: u = "bottom",
+  arrow: w = !0
+}) {
+  const t = a(null), [T, p] = v(!1), e = a(null), n = a(null), f = c((o) => {
+    e.current && (clearTimeout(e.current), e.current = null), t.current = o, n.current = setTimeout(() => p(!0), 150);
+  }, []), m = c(() => {
+    n.current && (clearTimeout(n.current), n.current = null), e.current = setTimeout(() => p(!1), 100);
+  }, []), b = c(
+    (o) => {
+      if (!o || !t.current) return;
+      const s = y(
+        t.current.getBoundingClientRect(),
+        o.getBoundingClientRect(),
+        u
       );
-      u -= M - r.width, u *= p ? 1 : -1;
-    }
-  }
-  var R = Object.assign({
-    position: s
-  }, f && No), L = l === !0 ? Wo({
-    x: u,
-    y: v
-  }, q(o)) : {
-    x: u,
-    y: v
-  };
-  if (u = L.x, v = L.y, p) {
-    var k;
-    return Object.assign({}, R, (k = {}, k[d] = A ? "0" : "", k[T] = x ? "0" : "", k.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + u + "px, " + v + "px)" : "translate3d(" + u + "px, " + v + "px, 0)", k));
-  }
-  return Object.assign({}, R, (e = {}, e[d] = A ? v + "px" : "", e[T] = x ? u + "px" : "", e.transform = "", e));
-}
-function Io(t) {
-  var e = t.state, o = t.options, r = o.gpuAcceleration, a = r === void 0 ? !0 : r, i = o.adaptive, c = i === void 0 ? !0 : i, s = o.roundOffsets, p = s === void 0 ? !0 : s, f = {
-    placement: Z(e.placement),
-    variation: Pe(e.placement),
-    popper: e.elements.popper,
-    popperRect: e.rects.popper,
-    gpuAcceleration: a,
-    isFixed: e.options.strategy === "fixed"
-  };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Ot(Object.assign({}, f, {
-    offsets: e.modifiersData.popperOffsets,
-    position: e.options.strategy,
-    adaptive: c,
-    roundOffsets: p
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Ot(Object.assign({}, f, {
-    offsets: e.modifiersData.arrow,
-    position: "absolute",
-    adaptive: !1,
-    roundOffsets: p
-  })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-placement": e.placement
-  });
-}
-const Fo = {
-  name: "computeStyles",
-  enabled: !0,
-  phase: "beforeWrite",
-  fn: Io,
-  data: {}
-};
-var Ue = {
-  passive: !0
-};
-function Ho(t) {
-  var e = t.state, o = t.instance, r = t.options, a = r.scroll, i = a === void 0 ? !0 : a, c = r.resize, s = c === void 0 ? !0 : c, p = q(e.elements.popper), f = [].concat(e.scrollParents.reference, e.scrollParents.popper);
-  return i && f.forEach(function(l) {
-    l.addEventListener("scroll", o.update, Ue);
-  }), s && p.addEventListener("resize", o.update, Ue), function() {
-    i && f.forEach(function(l) {
-      l.removeEventListener("scroll", o.update, Ue);
-    }), s && p.removeEventListener("resize", o.update, Ue);
-  };
-}
-const Uo = {
-  name: "eventListeners",
-  enabled: !0,
-  phase: "write",
-  fn: function() {
-  },
-  effect: Ho,
-  data: {}
-};
-var Vo = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-function ze(t) {
-  return t.replace(/left|right|bottom|top/g, function(e) {
-    return Vo[e];
-  });
-}
-var qo = {
-  start: "end",
-  end: "start"
-};
-function xt(t) {
-  return t.replace(/start|end/g, function(e) {
-    return qo[e];
-  });
-}
-function ct(t) {
-  var e = q(t), o = e.pageXOffset, r = e.pageYOffset;
-  return {
-    scrollLeft: o,
-    scrollTop: r
-  };
-}
-function ft(t) {
-  return Te(ue(t)).left + ct(t).scrollLeft;
-}
-function zo(t, e) {
-  var o = q(t), r = ue(t), a = o.visualViewport, i = r.clientWidth, c = r.clientHeight, s = 0, p = 0;
-  if (a) {
-    i = a.width, c = a.height;
-    var f = It();
-    (f || !f && e === "fixed") && (s = a.offsetLeft, p = a.offsetTop);
-  }
-  return {
-    width: i,
-    height: c,
-    x: s + ft(t),
-    y: p
-  };
-}
-function Yo(t) {
-  var e, o = ue(t), r = ct(t), a = (e = t.ownerDocument) == null ? void 0 : e.body, i = ge(o.scrollWidth, o.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), c = ge(o.scrollHeight, o.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), s = -r.scrollLeft + ft(t), p = -r.scrollTop;
-  return re(a || o).direction === "rtl" && (s += ge(o.clientWidth, a ? a.clientWidth : 0) - i), {
-    width: i,
-    height: c,
-    x: s,
-    y: p
-  };
-}
-function ut(t) {
-  var e = re(t), o = e.overflow, r = e.overflowX, a = e.overflowY;
-  return /auto|scroll|overlay|hidden/.test(o + a + r);
-}
-function qt(t) {
-  return ["html", "body", "#document"].indexOf(_(t)) >= 0 ? t.ownerDocument.body : Y(t) && ut(t) ? t : qt(Je(t));
-}
-function Ce(t, e) {
-  var o;
-  e === void 0 && (e = []);
-  var r = qt(t), a = r === ((o = t.ownerDocument) == null ? void 0 : o.body), i = q(r), c = a ? [i].concat(i.visualViewport || [], ut(r) ? r : []) : r, s = e.concat(c);
-  return a ? s : (
-    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    s.concat(Ce(Je(c)))
-  );
-}
-function nt(t) {
-  return Object.assign({}, t, {
-    left: t.x,
-    top: t.y,
-    right: t.x + t.width,
-    bottom: t.y + t.height
-  });
-}
-function Xo(t, e) {
-  var o = Te(t, !1, e === "fixed");
-  return o.top = o.top + t.clientTop, o.left = o.left + t.clientLeft, o.bottom = o.top + t.clientHeight, o.right = o.left + t.clientWidth, o.width = t.clientWidth, o.height = t.clientHeight, o.x = o.left, o.y = o.top, o;
-}
-function Tt(t, e, o) {
-  return e === Nt ? nt(zo(t, o)) : ye(e) ? Xo(e, o) : nt(Yo(ue(t)));
-}
-function Go(t) {
-  var e = Ce(Je(t)), o = ["absolute", "fixed"].indexOf(re(t).position) >= 0, r = o && Y(t) ? ke(t) : t;
-  return ye(r) ? e.filter(function(a) {
-    return ye(a) && Ft(a, r) && _(a) !== "body";
-  }) : [];
-}
-function Ko(t, e, o, r) {
-  var a = e === "clippingParents" ? Go(t) : [].concat(e), i = [].concat(a, [o]), c = i[0], s = i.reduce(function(p, f) {
-    var l = Tt(t, f, r);
-    return p.top = ge(l.top, p.top), p.right = Xe(l.right, p.right), p.bottom = Xe(l.bottom, p.bottom), p.left = ge(l.left, p.left), p;
-  }, Tt(t, c, r));
-  return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
-}
-function zt(t) {
-  var e = t.reference, o = t.element, r = t.placement, a = r ? Z(r) : null, i = r ? Pe(r) : null, c = e.x + e.width / 2 - o.width / 2, s = e.y + e.height / 2 - o.height / 2, p;
-  switch (a) {
-    case H:
-      p = {
-        x: c,
-        y: e.y - o.height
-      };
-      break;
-    case X:
-      p = {
-        x: c,
-        y: e.y + e.height
-      };
-      break;
-    case G:
-      p = {
-        x: e.x + e.width,
-        y: s
-      };
-      break;
-    case U:
-      p = {
-        x: e.x - o.width,
-        y: s
-      };
-      break;
-    default:
-      p = {
-        x: e.x,
-        y: e.y
-      };
-  }
-  var f = a ? lt(a) : null;
-  if (f != null) {
-    var l = f === "y" ? "height" : "width";
-    switch (i) {
-      case Oe:
-        p[f] = p[f] - (e[l] / 2 - o[l] / 2);
-        break;
-      case $e:
-        p[f] = p[f] + (e[l] / 2 - o[l] / 2);
-        break;
-    }
-  }
-  return p;
-}
-function Se(t, e) {
-  e === void 0 && (e = {});
-  var o = e, r = o.placement, a = r === void 0 ? t.placement : r, i = o.strategy, c = i === void 0 ? t.strategy : i, s = o.boundary, p = s === void 0 ? mo : s, f = o.rootBoundary, l = f === void 0 ? Nt : f, g = o.elementContext, O = g === void 0 ? Ae : g, u = o.altBoundary, E = u === void 0 ? !1 : u, v = o.padding, h = v === void 0 ? 0 : v, x = Ut(typeof h != "number" ? h : Vt(h, De)), A = O === Ae ? ho : Ae, T = t.rects.popper, d = t.elements[E ? A : O], y = Ko(ye(d) ? d : d.contextElement || ue(t.elements.popper), p, l, c), b = Te(t.elements.reference), P = zt({
-    reference: b,
-    element: T,
-    placement: a
-  }), C = nt(Object.assign({}, T, P)), w = O === Ae ? C : b, M = {
-    top: y.top - w.top + x.top,
-    bottom: w.bottom - y.bottom + x.bottom,
-    left: y.left - w.left + x.left,
-    right: w.right - y.right + x.right
-  }, R = t.modifiersData.offset;
-  if (O === Ae && R) {
-    var L = R[a];
-    Object.keys(M).forEach(function(k) {
-      var $ = [G, X].indexOf(k) >= 0 ? 1 : -1, z = [H, X].indexOf(k) >= 0 ? "y" : "x";
-      M[k] += L[z] * $;
-    });
-  }
-  return M;
-}
-function Jo(t, e) {
-  e === void 0 && (e = {});
-  var o = e, r = o.placement, a = o.boundary, i = o.rootBoundary, c = o.padding, s = o.flipVariations, p = o.allowedAutoPlacements, f = p === void 0 ? Wt : p, l = Pe(r), g = l ? s ? bt : bt.filter(function(E) {
-    return Pe(E) === l;
-  }) : De, O = g.filter(function(E) {
-    return f.indexOf(E) >= 0;
-  });
-  O.length === 0 && (O = g);
-  var u = O.reduce(function(E, v) {
-    return E[v] = Se(t, {
-      placement: v,
-      boundary: a,
-      rootBoundary: i,
-      padding: c
-    })[Z(v)], E;
-  }, {});
-  return Object.keys(u).sort(function(E, v) {
-    return u[E] - u[v];
-  });
-}
-function Qo(t) {
-  if (Z(t) === it)
-    return [];
-  var e = ze(t);
-  return [xt(t), e, xt(e)];
-}
-function Zo(t) {
-  var e = t.state, o = t.options, r = t.name;
-  if (!e.modifiersData[r]._skip) {
-    for (var a = o.mainAxis, i = a === void 0 ? !0 : a, c = o.altAxis, s = c === void 0 ? !0 : c, p = o.fallbackPlacements, f = o.padding, l = o.boundary, g = o.rootBoundary, O = o.altBoundary, u = o.flipVariations, E = u === void 0 ? !0 : u, v = o.allowedAutoPlacements, h = e.options.placement, x = Z(h), A = x === h, T = p || (A || !E ? [ze(h)] : Qo(h)), d = [h].concat(T).reduce(function(ne, J) {
-      return ne.concat(Z(J) === it ? Jo(e, {
-        placement: J,
-        boundary: l,
-        rootBoundary: g,
-        padding: f,
-        flipVariations: E,
-        allowedAutoPlacements: v
-      }) : J);
-    }, []), y = e.rects.reference, b = e.rects.popper, P = /* @__PURE__ */ new Map(), C = !0, w = d[0], M = 0; M < d.length; M++) {
-      var R = d[M], L = Z(R), k = Pe(R) === Oe, $ = [H, X].indexOf(L) >= 0, z = $ ? "width" : "height", S = Se(e, {
-        placement: R,
-        boundary: l,
-        rootBoundary: g,
-        altBoundary: O,
-        padding: f
-      }), N = $ ? k ? G : U : k ? X : H;
-      y[z] > b[z] && (N = ze(N));
-      var B = ze(N), K = [];
-      if (i && K.push(S[L] <= 0), s && K.push(S[N] <= 0, S[B] <= 0), K.every(function(ne) {
-        return ne;
-      })) {
-        w = R, C = !1;
-        break;
-      }
-      P.set(R, K);
-    }
-    if (C)
-      for (var de = E ? 3 : 1, ve = function(J) {
-        var W = d.find(function(ae) {
-          var V = P.get(ae);
-          if (V)
-            return V.slice(0, J).every(function(ie) {
-              return ie;
-            });
-        });
-        if (W)
-          return w = W, "break";
-      }, Q = de; Q > 0; Q--) {
-        var me = ve(Q);
-        if (me === "break") break;
-      }
-    e.placement !== w && (e.modifiersData[r]._skip = !0, e.placement = w, e.reset = !0);
-  }
-}
-const _o = {
-  name: "flip",
-  enabled: !0,
-  phase: "main",
-  fn: Zo,
-  requiresIfExists: ["offset"],
-  data: {
-    _skip: !1
-  }
-};
-function Pt(t, e, o) {
-  return o === void 0 && (o = {
-    x: 0,
-    y: 0
-  }), {
-    top: t.top - e.height - o.y,
-    right: t.right - e.width + o.x,
-    bottom: t.bottom - e.height + o.y,
-    left: t.left - e.width - o.x
-  };
-}
-function Et(t) {
-  return [H, G, X, U].some(function(e) {
-    return t[e] >= 0;
-  });
-}
-function er(t) {
-  var e = t.state, o = t.name, r = e.rects.reference, a = e.rects.popper, i = e.modifiersData.preventOverflow, c = Se(e, {
-    elementContext: "reference"
-  }), s = Se(e, {
-    altBoundary: !0
-  }), p = Pt(c, r), f = Pt(s, a, i), l = Et(p), g = Et(f);
-  e.modifiersData[o] = {
-    referenceClippingOffsets: p,
-    popperEscapeOffsets: f,
-    isReferenceHidden: l,
-    hasPopperEscaped: g
-  }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-reference-hidden": l,
-    "data-popper-escaped": g
-  });
-}
-const tr = {
-  name: "hide",
-  enabled: !0,
-  phase: "main",
-  requiresIfExists: ["preventOverflow"],
-  fn: er
-};
-function or(t, e, o) {
-  var r = Z(t), a = [U, H].indexOf(r) >= 0 ? -1 : 1, i = typeof o == "function" ? o(Object.assign({}, e, {
-    placement: t
-  })) : o, c = i[0], s = i[1];
-  return c = c || 0, s = (s || 0) * a, [U, G].indexOf(r) >= 0 ? {
-    x: s,
-    y: c
-  } : {
-    x: c,
-    y: s
-  };
-}
-function rr(t) {
-  var e = t.state, o = t.options, r = t.name, a = o.offset, i = a === void 0 ? [0, 0] : a, c = Wt.reduce(function(l, g) {
-    return l[g] = or(g, e.rects, i), l;
-  }, {}), s = c[e.placement], p = s.x, f = s.y;
-  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += p, e.modifiersData.popperOffsets.y += f), e.modifiersData[r] = c;
-}
-const nr = {
-  name: "offset",
-  enabled: !0,
-  phase: "main",
-  requires: ["popperOffsets"],
-  fn: rr
-};
-function ar(t) {
-  var e = t.state, o = t.name;
-  e.modifiersData[o] = zt({
-    reference: e.rects.reference,
-    element: e.rects.popper,
-    placement: e.placement
-  });
-}
-const ir = {
-  name: "popperOffsets",
-  enabled: !0,
-  phase: "read",
-  fn: ar,
-  data: {}
-};
-function sr(t) {
-  return t === "x" ? "y" : "x";
-}
-function pr(t) {
-  var e = t.state, o = t.options, r = t.name, a = o.mainAxis, i = a === void 0 ? !0 : a, c = o.altAxis, s = c === void 0 ? !1 : c, p = o.boundary, f = o.rootBoundary, l = o.altBoundary, g = o.padding, O = o.tether, u = O === void 0 ? !0 : O, E = o.tetherOffset, v = E === void 0 ? 0 : E, h = Se(e, {
-    boundary: p,
-    rootBoundary: f,
-    padding: g,
-    altBoundary: l
-  }), x = Z(e.placement), A = Pe(e.placement), T = !A, d = lt(x), y = sr(d), b = e.modifiersData.popperOffsets, P = e.rects.reference, C = e.rects.popper, w = typeof v == "function" ? v(Object.assign({}, e.rects, {
-    placement: e.placement
-  })) : v, M = typeof w == "number" ? {
-    mainAxis: w,
-    altAxis: w
-  } : Object.assign({
-    mainAxis: 0,
-    altAxis: 0
-  }, w), R = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, L = {
-    x: 0,
-    y: 0
-  };
-  if (b) {
-    if (i) {
-      var k, $ = d === "y" ? H : U, z = d === "y" ? X : G, S = d === "y" ? "height" : "width", N = b[d], B = N + h[$], K = N - h[z], de = u ? -C[S] / 2 : 0, ve = A === Oe ? P[S] : C[S], Q = A === Oe ? -C[S] : -P[S], me = e.elements.arrow, ne = u && me ? pt(me) : {
-        width: 0,
-        height: 0
-      }, J = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : Ht(), W = J[$], ae = J[z], V = je(0, P[S], ne[S]), ie = T ? P[S] / 2 - de - V - W - M.mainAxis : ve - V - W - M.mainAxis, Be = T ? -P[S] / 2 + de + V + ae + M.mainAxis : Q + V + ae + M.mainAxis, se = e.elements.arrow && ke(e.elements.arrow), be = se ? d === "y" ? se.clientTop || 0 : se.clientLeft || 0 : 0, we = (k = R?.[d]) != null ? k : 0, Le = N + ie - we - be, Ne = N + Be - we, Ee = je(u ? Xe(B, Le) : B, N, u ? ge(K, Ne) : K);
-      b[d] = Ee, L[d] = Ee - N;
-    }
-    if (s) {
-      var Re, Ze = d === "x" ? H : U, _e = d === "x" ? X : G, ee = b[y], pe = y === "y" ? "height" : "width", We = ee + h[Ze], le = ee - h[_e], he = [H, U].indexOf(x) !== -1, I = (Re = R?.[y]) != null ? Re : 0, ce = he ? We : ee - P[pe] - C[pe] - I + M.altAxis, te = he ? ee + P[pe] + C[pe] - I - M.altAxis : le, fe = u && he ? So(ce, ee, te) : je(u ? ce : We, ee, u ? te : le);
-      b[y] = fe, L[y] = fe - ee;
-    }
-    e.modifiersData[r] = L;
-  }
-}
-const lr = {
-  name: "preventOverflow",
-  enabled: !0,
-  phase: "main",
-  fn: pr,
-  requiresIfExists: ["offset"]
-};
-function cr(t) {
-  return {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  };
-}
-function fr(t) {
-  return t === q(t) || !Y(t) ? ct(t) : cr(t);
-}
-function ur(t) {
-  var e = t.getBoundingClientRect(), o = xe(e.width) / t.offsetWidth || 1, r = xe(e.height) / t.offsetHeight || 1;
-  return o !== 1 || r !== 1;
-}
-function dr(t, e, o) {
-  o === void 0 && (o = !1);
-  var r = Y(e), a = Y(e) && ur(e), i = ue(e), c = Te(t, a, o), s = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, p = {
-    x: 0,
-    y: 0
-  };
-  return (r || !r && !o) && ((_(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  ut(i)) && (s = fr(e)), Y(e) ? (p = Te(e, !0), p.x += e.clientLeft, p.y += e.clientTop) : i && (p.x = ft(i))), {
-    x: c.left + s.scrollLeft - p.x,
-    y: c.top + s.scrollTop - p.y,
-    width: c.width,
-    height: c.height
-  };
-}
-function vr(t) {
-  var e = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), r = [];
-  t.forEach(function(i) {
-    e.set(i.name, i);
-  });
-  function a(i) {
-    o.add(i.name);
-    var c = [].concat(i.requires || [], i.requiresIfExists || []);
-    c.forEach(function(s) {
-      if (!o.has(s)) {
-        var p = e.get(s);
-        p && a(p);
-      }
-    }), r.push(i);
-  }
-  return t.forEach(function(i) {
-    o.has(i.name) || a(i);
-  }), r;
-}
-function mr(t) {
-  var e = vr(t);
-  return Ro.reduce(function(o, r) {
-    return o.concat(e.filter(function(a) {
-      return a.phase === r;
-    }));
-  }, []);
-}
-function hr(t) {
-  var e;
-  return function() {
-    return e || (e = new Promise(function(o) {
-      Promise.resolve().then(function() {
-        e = void 0, o(t());
-      });
-    })), e;
-  };
-}
-function gr(t) {
-  var e = t.reduce(function(o, r) {
-    var a = o[r.name];
-    return o[r.name] = a ? Object.assign({}, a, r, {
-      options: Object.assign({}, a.options, r.options),
-      data: Object.assign({}, a.data, r.data)
-    }) : r, o;
-  }, {});
-  return Object.keys(e).map(function(o) {
-    return e[o];
-  });
-}
-var Rt = {
-  placement: "bottom",
-  modifiers: [],
-  strategy: "absolute"
-};
-function At() {
-  for (var t = arguments.length, e = new Array(t), o = 0; o < t; o++)
-    e[o] = arguments[o];
-  return !e.some(function(r) {
-    return !(r && typeof r.getBoundingClientRect == "function");
-  });
-}
-function yr(t) {
-  t === void 0 && (t = {});
-  var e = t, o = e.defaultModifiers, r = o === void 0 ? [] : o, a = e.defaultOptions, i = a === void 0 ? Rt : a;
-  return function(s, p, f) {
-    f === void 0 && (f = i);
-    var l = {
-      placement: "bottom",
-      orderedModifiers: [],
-      options: Object.assign({}, Rt, i),
-      modifiersData: {},
-      elements: {
-        reference: s,
-        popper: p
-      },
-      attributes: {},
-      styles: {}
-    }, g = [], O = !1, u = {
-      state: l,
-      setOptions: function(x) {
-        var A = typeof x == "function" ? x(l.options) : x;
-        v(), l.options = Object.assign({}, i, l.options, A), l.scrollParents = {
-          reference: ye(s) ? Ce(s) : s.contextElement ? Ce(s.contextElement) : [],
-          popper: Ce(p)
-        };
-        var T = mr(gr([].concat(r, l.options.modifiers)));
-        return l.orderedModifiers = T.filter(function(d) {
-          return d.enabled;
-        }), E(), u.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 (!O) {
-          var x = l.elements, A = x.reference, T = x.popper;
-          if (At(A, T)) {
-            l.rects = {
-              reference: dr(A, ke(T), l.options.strategy === "fixed"),
-              popper: pt(T)
-            }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(M) {
-              return l.modifiersData[M.name] = Object.assign({}, M.data);
-            });
-            for (var d = 0; d < l.orderedModifiers.length; d++) {
-              if (l.reset === !0) {
-                l.reset = !1, d = -1;
-                continue;
-              }
-              var y = l.orderedModifiers[d], b = y.fn, P = y.options, C = P === void 0 ? {} : P, w = y.name;
-              typeof b == "function" && (l = b({
-                state: l,
-                options: C,
-                name: w,
-                instance: u
-              }) || l);
-            }
-          }
-        }
-      },
-      // Async and optimistically optimized update – it will not be executed if
-      // not necessary (debounced to run at most once-per-tick)
-      update: hr(function() {
-        return new Promise(function(h) {
-          u.forceUpdate(), h(l);
-        });
-      }),
-      destroy: function() {
-        v(), O = !0;
-      }
-    };
-    if (!At(s, p))
-      return u;
-    u.setOptions(f).then(function(h) {
-      !O && f.onFirstUpdate && f.onFirstUpdate(h);
-    });
-    function E() {
-      l.orderedModifiers.forEach(function(h) {
-        var x = h.name, A = h.options, T = A === void 0 ? {} : A, d = h.effect;
-        if (typeof d == "function") {
-          var y = d({
-            state: l,
-            name: x,
-            instance: u,
-            options: T
-          }), b = function() {
-          };
-          g.push(y || b);
-        }
-      });
-    }
-    function v() {
-      g.forEach(function(h) {
-        return h();
-      }), g = [];
-    }
-    return u;
-  };
-}
-var br = [Uo, ir, Fo, jo, nr, _o, lr, Lo, tr], wr = /* @__PURE__ */ yr({
-  defaultModifiers: br
-});
-function Or(t) {
-  return jt("MuiPopper", t);
-}
-Ct("MuiPopper", ["root"]);
-function xr(t, e) {
-  if (e === "ltr")
-    return t;
-  switch (t) {
-    case "bottom-end":
-      return "bottom-start";
-    case "bottom-start":
-      return "bottom-end";
-    case "top-end":
-      return "top-start";
-    case "top-start":
-      return "top-end";
-    default:
-      return t;
-  }
-}
-function Ge(t) {
-  return typeof t == "function" ? t() : t;
-}
-function Qe(t) {
-  return t.nodeType !== void 0;
-}
-function Tr(t) {
-  return !Qe(t);
-}
-const Pr = (t) => {
-  const {
-    classes: e
-  } = t;
-  return $t({
-    root: ["root"]
-  }, Or, e);
-}, Er = {}, Rr = /* @__PURE__ */ j.forwardRef(function(e, o) {
-  const {
-    anchorEl: r,
-    children: a,
-    direction: i,
-    disablePortal: c,
-    modifiers: s,
-    open: p,
-    placement: f,
-    popperOptions: l,
-    popperRef: g,
-    slotProps: O = {},
-    slots: u = {},
-    TransitionProps: E,
-    // @ts-ignore internal logic
-    ownerState: v,
-    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
-    ...h
-  } = e, x = j.useRef(null), A = ot(x, o), T = j.useRef(null), d = ot(T, g), y = j.useRef(d);
-  ht(() => {
-    y.current = d;
-  }, [d]), j.useImperativeHandle(g, () => T.current, []);
-  const b = xr(f, i), [P, C] = j.useState(b), [w, M] = j.useState(Ge(r));
-  j.useEffect(() => {
-    T.current && T.current.forceUpdate();
-  }), j.useEffect(() => {
-    r && M(Ge(r));
-  }, [r]), ht(() => {
-    if (!w || !p)
-      return;
-    const z = (B) => {
-      C(B.placement);
-    };
-    if (process.env.NODE_ENV !== "production" && w && Qe(w) && w.nodeType === 1) {
-      const B = w.getBoundingClientRect();
-      Bt() && B.top === 0 && B.left === 0 && B.right === 0 && B.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
-`));
-    }
-    let S = [{
-      name: "preventOverflow",
-      options: {
-        altBoundary: c
-      }
-    }, {
-      name: "flip",
-      options: {
-        altBoundary: c
-      }
-    }, {
-      name: "onUpdate",
-      enabled: !0,
-      phase: "afterWrite",
-      fn: ({
-        state: B
-      }) => {
-        z(B);
-      }
-    }];
-    s != null && (S = S.concat(s)), l && l.modifiers != null && (S = S.concat(l.modifiers));
-    const N = wr(w, x.current, {
-      placement: b,
-      ...l,
-      modifiers: S
-    });
-    return y.current(N), () => {
-      N.destroy(), y.current(null);
-    };
-  }, [w, c, s, p, l, b]);
-  const R = {
-    placement: P
-  };
-  E !== null && (R.TransitionProps = E);
-  const L = Pr(e), k = u.root ?? "div", $ = so({
-    elementType: k,
-    externalSlotProps: O.root,
-    externalForwardedProps: h,
-    additionalProps: {
-      role: "tooltip",
-      ref: A
+      o.style.top = `${s.top}px`, o.style.left = `${s.left}px`;
     },
-    ownerState: e,
-    className: L.root
-  });
-  return /* @__PURE__ */ oe(k, {
-    ...$,
-    children: typeof a == "function" ? a(R) : a
-  });
-}), Yt = /* @__PURE__ */ j.forwardRef(function(e, o) {
-  const {
-    anchorEl: r,
-    children: a,
-    container: i,
-    direction: c = "ltr",
-    disablePortal: s = !1,
-    keepMounted: p = !1,
-    modifiers: f,
-    open: l,
-    placement: g = "bottom",
-    popperOptions: O = Er,
-    popperRef: u,
-    style: E,
-    transition: v = !1,
-    slotProps: h = {},
-    slots: x = {},
-    ...A
-  } = e, [T, d] = j.useState(!0), y = () => {
-    d(!1);
-  }, b = () => {
-    d(!0);
-  };
-  if (!p && !l && (!v || T))
-    return null;
-  let P;
-  if (i)
-    P = i;
-  else if (r) {
-    const M = Ge(r);
-    P = M && Qe(M) ? mt(M).body : mt(null).body;
-  }
-  const C = !l && p && (!v || T) ? "none" : void 0, w = v ? {
-    in: l,
-    onEnter: y,
-    onExited: b
-  } : void 0;
-  return /* @__PURE__ */ oe(io, {
-    disablePortal: s,
-    container: P,
-    children: /* @__PURE__ */ oe(Rr, {
-      anchorEl: r,
-      direction: c,
-      disablePortal: s,
-      modifiers: f,
-      ref: o,
-      open: v ? !T : l,
-      placement: g,
-      popperOptions: O,
-      popperRef: u,
-      slotProps: h,
-      slots: x,
-      ...A,
-      style: {
-        // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
-        position: "fixed",
-        // Fix Popper.js display issue
-        top: 0,
-        left: 0,
-        display: C,
-        ...E
-      },
-      TransitionProps: w,
-      children: a
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (Yt.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
-   * or a function that returns either.
-   * It's used to set the position of the popper.
-   * The return value will passed as the reference object of the Popper instance.
-   */
-  anchorEl: ro(n.oneOfType([Ye, n.object, n.func]), (t) => {
-    if (t.open) {
-      const e = Ge(t.anchorEl);
-      if (e && Qe(e) && e.nodeType === 1) {
-        const o = e.getBoundingClientRect();
-        if (process.env.NODE_ENV !== "production" && Bt() && o.top === 0 && o.left === 0 && o.right === 0 && o.bottom === 0)
-          return new Error(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
-`));
-      } else if (!e || typeof e.getBoundingClientRect != "function" || Tr(e) && e.contextElement != null && e.contextElement.nodeType !== 1)
-        return new Error(["MUI: The `anchorEl` prop provided to the component is invalid.", "It should be an HTML element instance or a virtualElement ", "(https://popper.js.org/docs/v2/virtual-elements/)."].join(`
-`));
-    }
-    return null;
-  }),
-  /**
-   * Popper render function or node.
-   */
-  children: n.oneOfType([n.node, n.func]),
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: n.oneOfType([Ye, n.func]),
-  /**
-   * Direction of the text.
-   * @default 'ltr'
-   */
-  direction: n.oneOf(["ltr", "rtl"]),
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: n.bool,
-  /**
-   * Always keep the children in the DOM.
-   * This prop can be useful in SEO situation or
-   * when you want to maximize the responsiveness of the Popper.
-   * @default false
-   */
-  keepMounted: n.bool,
-  /**
-   * Popper.js is based on a "plugin-like" architecture,
-   * most of its features are fully encapsulated "modifiers".
-   *
-   * A modifier is a function that is called each time Popper.js needs to
-   * compute the position of the popper.
-   * For this reason, modifiers should be very performant to avoid bottlenecks.
-   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
-   */
-  modifiers: n.arrayOf(n.shape({
-    data: n.object,
-    effect: n.func,
-    enabled: n.bool,
-    fn: n.func,
-    name: n.any,
-    options: n.object,
-    phase: n.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
-    requires: n.arrayOf(n.string),
-    requiresIfExists: n.arrayOf(n.string)
-  })),
-  /**
-   * If `true`, the component is shown.
-   */
-  open: n.bool.isRequired,
-  /**
-   * Popper placement.
-   * @default 'bottom'
-   */
-  placement: n.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
-  /**
-   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
-   * @default {}
-   */
-  popperOptions: n.shape({
-    modifiers: n.array,
-    onFirstUpdate: n.func,
-    placement: n.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
-    strategy: n.oneOf(["absolute", "fixed"])
-  }),
-  /**
-   * A ref that points to the used popper instance.
-   */
-  popperRef: Lt,
-  /**
-   * The props used for each slot inside the Popper.
-   * @default {}
-   */
-  slotProps: n.shape({
-    root: n.oneOfType([n.func, n.object])
-  }),
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: n.shape({
-    root: n.elementType
-  }),
-  /**
-   * Help supporting a react-transition-group/Transition component.
-   * @default false
-   */
-  transition: n.bool
-});
-const Ar = Ke(Yt, {
-  name: "MuiPopper",
-  slot: "Root"
-})({}), dt = /* @__PURE__ */ j.forwardRef(function(e, o) {
-  const r = St(), a = Dt({
-    props: e,
-    name: "MuiPopper"
-  }), {
-    anchorEl: i,
-    component: c,
-    container: s,
-    disablePortal: p,
-    keepMounted: f,
-    modifiers: l,
-    open: g,
-    placement: O,
-    popperOptions: u,
-    popperRef: E,
-    transition: v,
-    slots: h,
-    slotProps: x,
-    ...A
-  } = a, T = {
-    anchorEl: i,
-    container: s,
-    disablePortal: p,
-    keepMounted: f,
-    modifiers: l,
-    open: g,
-    placement: O,
-    popperOptions: u,
-    popperRef: E,
-    transition: v,
-    ...A
-  };
-  return /* @__PURE__ */ oe(Ar, {
-    as: c,
-    direction: r ? "rtl" : "ltr",
-    slots: h,
-    slotProps: x,
-    ...T,
-    ref: o
-  });
-});
-process.env.NODE_ENV !== "production" && (dt.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
-   * or a function that returns either.
-   * It's used to set the position of the popper.
-   * The return value will passed as the reference object of the Popper instance.
-   */
-  anchorEl: n.oneOfType([Ye, n.object, n.func]),
-  /**
-   * Popper render function or node.
-   */
-  children: n.oneOfType([n.node, n.func]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: n.elementType,
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: n.oneOfType([Ye, n.func]),
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: n.bool,
-  /**
-   * Always keep the children in the DOM.
-   * This prop can be useful in SEO situation or
-   * when you want to maximize the responsiveness of the Popper.
-   * @default false
-   */
-  keepMounted: n.bool,
-  /**
-   * Popper.js is based on a "plugin-like" architecture,
-   * most of its features are fully encapsulated "modifiers".
-   *
-   * A modifier is a function that is called each time Popper.js needs to
-   * compute the position of the popper.
-   * For this reason, modifiers should be very performant to avoid bottlenecks.
-   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
-   */
-  modifiers: n.arrayOf(n.shape({
-    data: n.object,
-    effect: n.func,
-    enabled: n.bool,
-    fn: n.func,
-    name: n.any,
-    options: n.object,
-    phase: n.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
-    requires: n.arrayOf(n.string),
-    requiresIfExists: n.arrayOf(n.string)
-  })),
-  /**
-   * If `true`, the component is shown.
-   */
-  open: n.bool.isRequired,
-  /**
-   * Popper placement.
-   * @default 'bottom'
-   */
-  placement: n.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
-  /**
-   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
-   * @default {}
-   */
-  popperOptions: n.shape({
-    modifiers: n.array,
-    onFirstUpdate: n.func,
-    placement: n.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
-    strategy: n.oneOf(["absolute", "fixed"])
-  }),
-  /**
-   * A ref that points to the used popper instance.
-   */
-  popperRef: Lt,
-  /**
-   * The props used for each slot inside the Popper.
-   * @default {}
-   */
-  slotProps: n.shape({
-    root: n.oneOfType([n.func, n.object])
-  }),
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: n.shape({
-    root: n.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
-  /**
-   * Help supporting a react-transition-group/Transition component.
-   * @default false
-   */
-  transition: n.bool
-});
-function Mr(t) {
-  return jt("MuiTooltip", t);
-}
-const D = Ct("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]);
-function jr(t) {
-  return Math.round(t * 1e5) / 1e5;
-}
-const Cr = (t) => {
-  const {
-    classes: e,
-    disableInteractive: o,
-    arrow: r,
-    touch: a,
-    placement: i
-  } = t, c = {
-    popper: ["popper", !o && "popperInteractive", r && "popperArrow"],
-    tooltip: ["tooltip", r && "tooltipArrow", a && "touch", `tooltipPlacement${kt(i.split("-")[0])}`],
-    arrow: ["arrow"]
-  };
-  return $t(c, Mr, e);
-}, $r = Ke(dt, {
-  name: "MuiTooltip",
-  slot: "Popper",
-  overridesResolver: (t, e) => {
-    const {
-      ownerState: o
-    } = t;
-    return [e.popper, !o.disableInteractive && e.popperInteractive, o.arrow && e.popperArrow, !o.open && e.popperClose];
-  }
-})(at(({
-  theme: t
-}) => ({
-  zIndex: (t.vars || t).zIndex.tooltip,
-  pointerEvents: "none",
-  variants: [{
-    props: ({
-      ownerState: e
-    }) => !e.disableInteractive,
-    style: {
-      pointerEvents: "auto"
-    }
-  }, {
-    props: ({
-      open: e
-    }) => !e,
-    style: {
-      pointerEvents: "none"
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.arrow,
-    style: {
-      [`&[data-popper-placement*="bottom"] .${D.arrow}`]: {
-        top: 0,
-        marginTop: "-0.71em",
-        "&::before": {
-          transformOrigin: "0 100%"
-        }
+    [u]
+  ), h = l[`arrow-${u}`], x = T && !!i;
+  return /* @__PURE__ */ _(d, { children: [
+    R(r, {
+      ref: (o) => {
+        t.current = o;
+        const s = r.ref;
+        B(s, o);
       },
-      [`&[data-popper-placement*="top"] .${D.arrow}`]: {
-        bottom: 0,
-        marginBottom: "-0.71em",
-        "&::before": {
-          transformOrigin: "100% 0"
-        }
+      onMouseEnter: (o) => {
+        f(o.currentTarget), r.props?.onMouseEnter?.(o);
       },
-      [`&[data-popper-placement*="right"] .${D.arrow}`]: {
-        height: "1em",
-        width: "0.71em",
-        "&::before": {
-          transformOrigin: "100% 100%"
-        }
+      onMouseLeave: (o) => {
+        m(), r.props?.onMouseLeave?.(o);
       },
-      [`&[data-popper-placement*="left"] .${D.arrow}`]: {
-        height: "1em",
-        width: "0.71em",
-        "&::before": {
-          transformOrigin: "0 0"
-        }
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.arrow && !e.isRtl,
-    style: {
-      [`&[data-popper-placement*="right"] .${D.arrow}`]: {
-        left: 0,
-        marginLeft: "-0.71em"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.arrow && !!e.isRtl,
-    style: {
-      [`&[data-popper-placement*="right"] .${D.arrow}`]: {
-        right: 0,
-        marginRight: "-0.71em"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.arrow && !e.isRtl,
-    style: {
-      [`&[data-popper-placement*="left"] .${D.arrow}`]: {
-        right: 0,
-        marginRight: "-0.71em"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.arrow && !!e.isRtl,
-    style: {
-      [`&[data-popper-placement*="left"] .${D.arrow}`]: {
-        left: 0,
-        marginLeft: "-0.71em"
-      }
-    }
-  }]
-}))), Sr = Ke("div", {
-  name: "MuiTooltip",
-  slot: "Tooltip",
-  overridesResolver: (t, e) => {
-    const {
-      ownerState: o
-    } = t;
-    return [e.tooltip, o.touch && e.touch, o.arrow && e.tooltipArrow, e[`tooltipPlacement${kt(o.placement.split("-")[0])}`]];
-  }
-})(at(({
-  theme: t
-}) => ({
-  backgroundColor: t.vars ? t.vars.palette.Tooltip.bg : t.alpha(t.palette.grey[700], 0.92),
-  borderRadius: (t.vars || t).shape.borderRadius,
-  color: (t.vars || t).palette.common.white,
-  fontFamily: t.typography.fontFamily,
-  padding: "4px 8px",
-  fontSize: t.typography.pxToRem(11),
-  maxWidth: 300,
-  margin: 2,
-  wordWrap: "break-word",
-  fontWeight: t.typography.fontWeightMedium,
-  [`.${D.popper}[data-popper-placement*="left"] &`]: {
-    transformOrigin: "right center"
-  },
-  [`.${D.popper}[data-popper-placement*="right"] &`]: {
-    transformOrigin: "left center"
-  },
-  [`.${D.popper}[data-popper-placement*="top"] &`]: {
-    transformOrigin: "center bottom",
-    marginBottom: "14px"
-  },
-  [`.${D.popper}[data-popper-placement*="bottom"] &`]: {
-    transformOrigin: "center top",
-    marginTop: "14px"
-  },
-  variants: [{
-    props: ({
-      ownerState: e
-    }) => e.arrow,
-    style: {
-      position: "relative",
-      margin: 0
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.touch,
-    style: {
-      padding: "8px 16px",
-      fontSize: t.typography.pxToRem(14),
-      lineHeight: `${jr(16 / 14)}em`,
-      fontWeight: t.typography.fontWeightRegular
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => !e.isRtl,
-    style: {
-      [`.${D.popper}[data-popper-placement*="left"] &`]: {
-        marginRight: "14px"
-      },
-      [`.${D.popper}[data-popper-placement*="right"] &`]: {
-        marginLeft: "14px"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => !e.isRtl && e.touch,
-    style: {
-      [`.${D.popper}[data-popper-placement*="left"] &`]: {
-        marginRight: "24px"
-      },
-      [`.${D.popper}[data-popper-placement*="right"] &`]: {
-        marginLeft: "24px"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => !!e.isRtl,
-    style: {
-      [`.${D.popper}[data-popper-placement*="left"] &`]: {
-        marginLeft: "14px"
-      },
-      [`.${D.popper}[data-popper-placement*="right"] &`]: {
-        marginRight: "14px"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => !!e.isRtl && e.touch,
-    style: {
-      [`.${D.popper}[data-popper-placement*="left"] &`]: {
-        marginLeft: "24px"
-      },
-      [`.${D.popper}[data-popper-placement*="right"] &`]: {
-        marginRight: "24px"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.touch,
-    style: {
-      [`.${D.popper}[data-popper-placement*="top"] &`]: {
-        marginBottom: "24px"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.touch,
-    style: {
-      [`.${D.popper}[data-popper-placement*="bottom"] &`]: {
-        marginTop: "24px"
-      }
-    }
-  }]
-}))), Dr = Ke("span", {
-  name: "MuiTooltip",
-  slot: "Arrow"
-})(at(({
-  theme: t
-}) => ({
-  overflow: "hidden",
-  position: "absolute",
-  width: "1em",
-  height: "0.71em",
-  boxSizing: "border-box",
-  color: t.vars ? t.vars.palette.Tooltip.bg : t.alpha(t.palette.grey[700], 0.9),
-  "&::before": {
-    content: '""',
-    margin: "auto",
-    display: "block",
-    width: "100%",
-    height: "100%",
-    backgroundColor: "currentColor",
-    transform: "rotate(45deg)"
-  }
-})));
-let Ve = !1;
-const Mt = new uo();
-let Me = {
-  x: 0,
-  y: 0
-};
-function qe(t, e) {
-  return (o, ...r) => {
-    e && e(o, ...r), t(o, ...r);
-  };
-}
-const Xt = /* @__PURE__ */ j.forwardRef(function(e, o) {
-  const r = Dt({
-    props: e,
-    name: "MuiTooltip"
-  }), {
-    arrow: a = !1,
-    children: i,
-    classes: c,
-    describeChild: s = !1,
-    disableFocusListener: p = !1,
-    disableHoverListener: f = !1,
-    disableInteractive: l = !1,
-    disableTouchListener: g = !1,
-    enterDelay: O = 100,
-    enterNextDelay: u = 0,
-    enterTouchDelay: E = 700,
-    followCursor: v = !1,
-    id: h,
-    leaveDelay: x = 0,
-    leaveTouchDelay: A = 1500,
-    onClose: T,
-    onOpen: d,
-    open: y,
-    placement: b = "bottom",
-    slotProps: P = {},
-    slots: C = {},
-    title: w,
-    ...M
-  } = r, R = /* @__PURE__ */ j.isValidElement(i) ? i : /* @__PURE__ */ oe("span", {
-    children: i
-  }), L = po(), k = St(), [$, z] = j.useState(), [S, N] = j.useState(null), B = j.useRef(!1), K = l || v, de = He(), ve = He(), Q = He(), me = He(), [ne, J] = no({
-    controlled: y,
-    default: !1,
-    name: "Tooltip",
-    state: "open"
-  });
-  let W = ne;
-  if (process.env.NODE_ENV !== "production") {
-    const {
-      current: m
-    } = j.useRef(y !== void 0);
-    j.useEffect(() => {
-      $ && $.disabled && !m && w !== "" && $.tagName.toLowerCase() === "button" && console.warn(["MUI: You are providing a disabled `button` child to the Tooltip component.", "A disabled element does not fire events.", "Tooltip needs to listen to the child element's events to display the title.", "", "Add a simple wrapper element, such as a `span`."].join(`
-`));
-    }, [w, $, m]);
-  }
-  const ae = lo(h), V = j.useRef(), ie = gt(() => {
-    V.current !== void 0 && (document.body.style.WebkitUserSelect = V.current, V.current = void 0), me.clear();
-  });
-  j.useEffect(() => ie, [ie]);
-  const Be = (m) => {
-    Mt.clear(), Ve = !0, J(!0), d && !W && d(m);
-  }, se = gt(
-    /**
-     * @param {React.SyntheticEvent | Event} event
-     */
-    (m) => {
-      Mt.start(800 + x, () => {
-        Ve = !1;
-      }), J(!1), T && W && T(m), de.start(L.transitions.duration.shortest, () => {
-        B.current = !1;
-      });
-    }
-  ), be = (m) => {
-    B.current && m.type !== "touchstart" || ($ && $.removeAttribute("title"), ve.clear(), Q.clear(), O || Ve && u ? ve.start(Ve ? u : O, () => {
-      Be(m);
-    }) : Be(m));
-  }, we = (m) => {
-    ve.clear(), Q.start(x, () => {
-      se(m);
-    });
-  }, [, Le] = j.useState(!1), Ne = (m) => {
-    const F = m?.target ?? $;
-    if (!F || !yt(F)) {
-      Le(!1);
-      const tt = m ?? new Event("blur");
-      !m && F && (Object.defineProperty(tt, "target", {
-        value: F
-      }), Object.defineProperty(tt, "currentTarget", {
-        value: F
-      })), we(tt);
-    }
-  }, Ee = (m) => {
-    $ || z(m.currentTarget), yt(m.target) && (Le(!0), be(m));
-  }, Re = (m) => {
-    B.current = !0;
-    const F = R.props;
-    F.onTouchStart && F.onTouchStart(m);
-  }, Ze = (m) => {
-    Re(m), Q.clear(), de.clear(), ie(), V.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", me.start(E, () => {
-      document.body.style.WebkitUserSelect = V.current, be(m);
-    });
-  }, _e = (m) => {
-    R.props.onTouchEnd && R.props.onTouchEnd(m), ie(), Q.start(A, () => {
-      se(m);
-    });
-  };
-  j.useEffect(() => {
-    if (!W)
-      return;
-    function m(F) {
-      F.key === "Escape" && se(F);
-    }
-    return document.addEventListener("keydown", m), () => {
-      document.removeEventListener("keydown", m);
-    };
-  }, [se, W]);
-  const ee = ot(co(R), z, o);
-  !w && w !== 0 && (W = !1);
-  const pe = j.useRef(), We = (m) => {
-    const F = R.props;
-    F.onMouseMove && F.onMouseMove(m), Me = {
-      x: m.clientX,
-      y: m.clientY
-    }, pe.current && pe.current.update();
-  }, le = {}, he = typeof w == "string";
-  s ? (le.title = !W && he && !f ? w : null, le["aria-describedby"] = W ? ae : null) : (le["aria-label"] = he ? w : null, le["aria-labelledby"] = W && !he ? ae : null);
-  const I = {
-    ...le,
-    ...M,
-    ...R.props,
-    className: ao(M.className, R.props.className),
-    onTouchStart: Re,
-    ref: ee,
-    ...v ? {
-      onMouseMove: We
-    } : {}
-  };
-  process.env.NODE_ENV !== "production" && (I["data-mui-internal-clone-element"] = !0, j.useEffect(() => {
-    $ && !$.getAttribute("data-mui-internal-clone-element") && console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.", "Please make sure that props are spread on the same element that the ref is applied to."].join(`
-`));
-  }, [$]));
-  const ce = {};
-  g || (I.onTouchStart = Ze, I.onTouchEnd = _e), f || (I.onMouseOver = qe(be, I.onMouseOver), I.onMouseLeave = qe(we, I.onMouseLeave), K || (ce.onMouseOver = be, ce.onMouseLeave = we)), p || (I.onFocus = qe(Ee, I.onFocus), I.onBlur = qe(Ne, I.onBlur), K || (ce.onFocus = Ee, ce.onBlur = Ne)), process.env.NODE_ENV !== "production" && R.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${R.props.title}\` or the Tooltip component.`].join(`
-`));
-  const te = {
-    ...r,
-    isRtl: k,
-    arrow: a,
-    disableInteractive: K,
-    placement: b,
-    touch: B.current
-  }, fe = typeof P.popper == "function" ? P.popper(te) : P.popper, Gt = j.useMemo(() => {
-    let m = [{
-      name: "arrow",
-      enabled: !!S,
-      options: {
-        element: S,
-        padding: 4
-      }
-    }];
-    return fe?.popperOptions?.modifiers && (m = m.concat(fe.popperOptions.modifiers)), {
-      ...fe?.popperOptions,
-      modifiers: m
-    };
-  }, [S, fe?.popperOptions]), et = Cr(te), Ie = {
-    slots: C,
-    slotProps: {
-      arrow: P.arrow,
-      popper: fe,
-      tooltip: P.tooltip,
-      transition: P.transition
-    }
-  }, [Kt, Jt] = Fe("popper", {
-    elementType: $r,
-    externalForwardedProps: Ie,
-    ownerState: te,
-    className: et.popper
-  }), [Qt, Zt] = Fe("transition", {
-    elementType: fo,
-    externalForwardedProps: Ie,
-    ownerState: te
-  }), [_t, eo] = Fe("tooltip", {
-    elementType: Sr,
-    className: et.tooltip,
-    externalForwardedProps: Ie,
-    ownerState: te
-  }), [to, oo] = Fe("arrow", {
-    elementType: Dr,
-    className: et.arrow,
-    externalForwardedProps: Ie,
-    ownerState: te,
-    ref: N
-  });
-  return /* @__PURE__ */ vt(j.Fragment, {
-    children: [/* @__PURE__ */ j.cloneElement(R, I), /* @__PURE__ */ oe(Kt, {
-      as: dt,
-      placement: b,
-      anchorEl: v ? {
-        getBoundingClientRect: () => ({
-          top: Me.y,
-          left: Me.x,
-          right: Me.x,
-          bottom: Me.y,
-          width: 0,
-          height: 0
-        })
-      } : $,
-      popperRef: pe,
-      open: $ ? W : !1,
-      id: ae,
-      transition: !0,
-      ...ce,
-      ...Jt,
-      popperOptions: Gt,
-      children: ({
-        TransitionProps: m
-      }) => /* @__PURE__ */ oe(Qt, {
-        timeout: L.transitions.duration.shorter,
-        ...m,
-        ...Zt,
-        children: /* @__PURE__ */ vt(_t, {
-          ...eo,
-          children: [w, a ? /* @__PURE__ */ oe(to, {
-            ...oo
-          }) : null]
-        })
-      })
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (Xt.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, adds an arrow to the tooltip.
-   * @default false
-   */
-  arrow: n.bool,
-  /**
-   * Tooltip reference element.
-   */
-  children: vo.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: n.object,
-  /**
-   * @ignore
-   */
-  className: n.string,
-  /**
-   * Set to `true` if the `title` acts as an accessible description.
-   * By default the `title` acts as an accessible label for the child.
-   * @default false
-   */
-  describeChild: n.bool,
-  /**
-   * Do not respond to focus-visible events.
-   * @default false
-   */
-  disableFocusListener: n.bool,
-  /**
-   * Do not respond to hover events.
-   * @default false
-   */
-  disableHoverListener: n.bool,
-  /**
-   * Makes a tooltip not interactive, i.e. it will close when the user
-   * hovers over the tooltip before the `leaveDelay` is expired.
-   * @default false
-   */
-  disableInteractive: n.bool,
-  /**
-   * Do not respond to long press touch events.
-   * @default false
-   */
-  disableTouchListener: n.bool,
-  /**
-   * The number of milliseconds to wait before showing the tooltip.
-   * This prop won't impact the enter touch delay (`enterTouchDelay`).
-   * @default 100
-   */
-  enterDelay: n.number,
-  /**
-   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
-   * @default 0
-   */
-  enterNextDelay: n.number,
-  /**
-   * The number of milliseconds a user must touch the element before showing the tooltip.
-   * @default 700
-   */
-  enterTouchDelay: n.number,
-  /**
-   * If `true`, the tooltip follow the cursor over the wrapped element.
-   * @default false
-   */
-  followCursor: n.bool,
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
-   */
-  id: n.string,
-  /**
-   * The number of milliseconds to wait before hiding the tooltip.
-   * This prop won't impact the leave touch delay (`leaveTouchDelay`).
-   * @default 0
-   */
-  leaveDelay: n.number,
-  /**
-   * The number of milliseconds after the user stops touching an element before hiding the tooltip.
-   * @default 1500
-   */
-  leaveTouchDelay: n.number,
-  /**
-   * Callback fired when the component requests to be closed.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   */
-  onClose: n.func,
-  /**
-   * Callback fired when the component requests to be open.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   */
-  onOpen: n.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: n.bool,
-  /**
-   * Tooltip placement.
-   * @default 'bottom'
-   */
-  placement: n.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: n.shape({
-    arrow: n.oneOfType([n.func, n.object]),
-    popper: n.oneOfType([n.func, n.object]),
-    tooltip: n.oneOfType([n.func, n.object]),
-    transition: n.oneOfType([n.func, n.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: n.shape({
-    arrow: n.elementType,
-    popper: n.elementType,
-    tooltip: n.elementType,
-    transition: n.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
-  /**
-   * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
-   */
-  title: n.node
-});
-function Ir({
-  children: t,
-  title: e = "",
-  placement: o = "bottom",
-  arrow: r = !0,
-  ...a
-}) {
-  return /* @__PURE__ */ oe(
-    Xt,
-    {
-      title: e,
-      arrow: r,
-      placement: o,
-      slotProps: {
-        tooltip: {
-          sx: {
-            maxWidth: "196px",
-            whiteSpace: "normal",
-            backgroundColor: "var(--ckcl-black-350, #676666)",
-            color: "var(--ckcl-white, #FFFFFF)",
-            fontSize: "var(--ckcl-fs-3xs, 10px)",
-            padding: "var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px)",
-            borderRadius: "8px",
-            lineHeight: "var(--ckcl-leading-sm, 16px)",
-            borderColor: "var(--ckcl-black-350, #676666)"
-          }
-        },
-        arrow: {
-          sx: {
-            color: "var(--ckcl-black-350, #676666)",
-            fontSize: "17px"
-          }
-        }
+      onFocus: (o) => {
+        f(o.currentTarget), r.props?.onFocus?.(o);
       },
-      ...a,
-      children: t
-    }
-  );
+      onBlur: (o) => {
+        m(), r.props?.onBlur?.(o);
+      }
+    }),
+    x && $(
+      /* @__PURE__ */ g("div", { ref: b, className: l["tooltip-portal"], children: /* @__PURE__ */ _("div", { className: l["tooltip-box"], children: [
+        i,
+        w && /* @__PURE__ */ g("span", { className: `${l.arrow} ${h}` })
+      ] }) }),
+      document.body
+    )
+  ] });
 }
 export {
-  Ir as Tooltip
+  L as Tooltip
 };