jcicl 0.0.57 → 0.0.58

package/composite/Tooltip/Tooltip.js

@@ -0,0 +1,2092 @@
+import { jsx as re, jsxs as Et } from "react/jsx-runtime";
+import * as C from "react";
+import { a as Ht, g as Ut, P as r, d as Ft, s as et, u as qt, c as zt, e as Yt, b as qe } from "../../.chunks/DefaultPropsProvider.js";
+import { o as Rt, P as fo, H as Qe, u as uo, a as Xt, b as vo, c as mo, d as ho, g as go, G as At, e as ze, f as bo } from "../../.chunks/Portal.js";
+import { m as lt } from "../../.chunks/memoTheme.js";
+import { c as yo } from "../../.chunks/chainPropTypes.js";
+import { r as Gt, c as it, e as Ct, b as Ye, d as Mt, f as wo } from "../../.chunks/TransitionGroupContext.js";
+import { i as jt } from "../../.chunks/isFocusVisible.js";
+var W = "top", z = "bottom", Y = "right", I = "left", ct = "auto", Ie = [W, z, Y, I], Oe = "start", ke = "end", Oo = "clippingParents", Kt = "viewport", Se = "popper", xo = "reference", $t = /* @__PURE__ */ Ie.reduce(function(t, e) {
+  return t.concat([e + "-" + Oe, e + "-" + ke]);
+}, []), Jt = /* @__PURE__ */ [].concat(Ie, [ct]).reduce(function(t, e) {
+  return t.concat([e, e + "-" + Oe, e + "-" + ke]);
+}, []), To = "beforeRead", Po = "read", Eo = "afterRead", Ro = "beforeMain", Ao = "main", Co = "afterMain", Mo = "beforeWrite", jo = "write", $o = "afterWrite", Do = [To, Po, Eo, Ro, Ao, Co, Mo, jo, $o];
+function ee(t) {
+  return t ? (t.nodeName || "").toLowerCase() : null;
+}
+function V(t) {
+  if (t == null)
+    return window;
+  if (t.toString() !== "[object Window]") {
+    var e = t.ownerDocument;
+    return e && e.defaultView || window;
+  }
+  return t;
+}
+function ue(t) {
+  var e = V(t).Element;
+  return t instanceof e || t instanceof Element;
+}
+function q(t) {
+  var e = V(t).HTMLElement;
+  return t instanceof e || t instanceof HTMLElement;
+}
+function ft(t) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var e = V(t).ShadowRoot;
+  return t instanceof e || t instanceof ShadowRoot;
+}
+function So(t) {
+  var e = t.state;
+  Object.keys(e.elements).forEach(function(o) {
+    var n = e.styles[o] || {}, a = e.attributes[o] || {}, i = e.elements[o];
+    !q(i) || !ee(i) || (Object.assign(i.style, n), Object.keys(a).forEach(function(c) {
+      var p = a[c];
+      p === !1 ? i.removeAttribute(c) : i.setAttribute(c, p === !0 ? "" : p);
+    }));
+  });
+}
+function Bo(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(n) {
+      var a = e.elements[n], i = e.attributes[n] || {}, c = Object.keys(e.styles.hasOwnProperty(n) ? e.styles[n] : o[n]), p = c.reduce(function(s, f) {
+        return s[f] = "", s;
+      }, {});
+      !q(a) || !ee(a) || (Object.assign(a.style, p), Object.keys(i).forEach(function(s) {
+        a.removeAttribute(s);
+      }));
+    });
+  };
+}
+const No = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: So,
+  effect: Bo,
+  requires: ["computeStyles"]
+};
+function _(t) {
+  return t.split("-")[0];
+}
+var fe = Math.max, Ze = Math.min, xe = Math.round;
+function st() {
+  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 Qt() {
+  return !/^((?!chrome|android).)*safari/i.test(st());
+}
+function Te(t, e, o) {
+  e === void 0 && (e = !1), o === void 0 && (o = !1);
+  var n = t.getBoundingClientRect(), a = 1, i = 1;
+  e && q(t) && (a = t.offsetWidth > 0 && xe(n.width) / t.offsetWidth || 1, i = t.offsetHeight > 0 && xe(n.height) / t.offsetHeight || 1);
+  var c = ue(t) ? V(t) : window, p = c.visualViewport, s = !Qt() && o, f = (n.left + (s && p ? p.offsetLeft : 0)) / a, l = (n.top + (s && p ? p.offsetTop : 0)) / i, g = n.width / a, x = n.height / i;
+  return {
+    width: g,
+    height: x,
+    top: l,
+    right: f + g,
+    bottom: l + x,
+    left: f,
+    x: f,
+    y: l
+  };
+}
+function ut(t) {
+  var e = Te(t), o = t.offsetWidth, n = t.offsetHeight;
+  return Math.abs(e.width - o) <= 1 && (o = e.width), Math.abs(e.height - n) <= 1 && (n = e.height), {
+    x: t.offsetLeft,
+    y: t.offsetTop,
+    width: o,
+    height: n
+  };
+}
+function Zt(t, e) {
+  var o = e.getRootNode && e.getRootNode();
+  if (t.contains(e))
+    return !0;
+  if (o && ft(o)) {
+    var n = e;
+    do {
+      if (n && t.isSameNode(n))
+        return !0;
+      n = n.parentNode || n.host;
+    } while (n);
+  }
+  return !1;
+}
+function ne(t) {
+  return V(t).getComputedStyle(t);
+}
+function Lo(t) {
+  return ["table", "td", "th"].indexOf(ee(t)) >= 0;
+}
+function se(t) {
+  return ((ue(t) ? t.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    t.document
+  )) || window.document).documentElement;
+}
+function tt(t) {
+  return ee(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
+    (ft(t) ? t.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    se(t)
+  );
+}
+function Dt(t) {
+  return !q(t) || // https://github.com/popperjs/popper-core/issues/837
+  ne(t).position === "fixed" ? null : t.offsetParent;
+}
+function ko(t) {
+  var e = /firefox/i.test(st()), o = /Trident/i.test(st());
+  if (o && q(t)) {
+    var n = ne(t);
+    if (n.position === "fixed")
+      return null;
+  }
+  var a = tt(t);
+  for (ft(a) && (a = a.host); q(a) && ["html", "body"].indexOf(ee(a)) < 0; ) {
+    var i = ne(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 Ve(t) {
+  for (var e = V(t), o = Dt(t); o && Lo(o) && ne(o).position === "static"; )
+    o = Dt(o);
+  return o && (ee(o) === "html" || ee(o) === "body" && ne(o).position === "static") ? e : o || ko(t) || e;
+}
+function dt(t) {
+  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
+}
+function Ne(t, e, o) {
+  return fe(t, Ze(e, o));
+}
+function Wo(t, e, o) {
+  var n = Ne(t, e, o);
+  return n > o ? o : n;
+}
+function _t() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function eo(t) {
+  return Object.assign({}, _t(), t);
+}
+function to(t, e) {
+  return e.reduce(function(o, n) {
+    return o[n] = t, o;
+  }, {});
+}
+var Io = function(e, o) {
+  return e = typeof e == "function" ? e(Object.assign({}, o.rects, {
+    placement: o.placement
+  })) : e, eo(typeof e != "number" ? e : to(e, Ie));
+};
+function Vo(t) {
+  var e, o = t.state, n = t.name, a = t.options, i = o.elements.arrow, c = o.modifiersData.popperOffsets, p = _(o.placement), s = dt(p), f = [I, Y].indexOf(p) >= 0, l = f ? "height" : "width";
+  if (!(!i || !c)) {
+    var g = Io(a.padding, o), x = ut(i), u = s === "y" ? W : I, T = s === "y" ? z : Y, v = o.rects.reference[l] + o.rects.reference[s] - c[s] - o.rects.popper[l], m = c[s] - o.rects.reference[s], w = Ve(i), E = w ? s === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, O = v / 2 - m / 2, d = g[u], b = E - x[l] - g[T], y = E / 2 - x[l] / 2 + O, R = Ne(d, y, b), D = s;
+    o.modifiersData[n] = (e = {}, e[D] = R, e.centerOffset = R - y, e);
+  }
+}
+function Ho(t) {
+  var e = t.state, o = t.options, n = o.element, a = n === void 0 ? "[data-popper-arrow]" : n;
+  a != null && (typeof a == "string" && (a = e.elements.popper.querySelector(a), !a) || Zt(e.elements.popper, a) && (e.elements.arrow = a));
+}
+const Uo = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: Vo,
+  effect: Ho,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function Pe(t) {
+  return t.split("-")[1];
+}
+var Fo = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function qo(t, e) {
+  var o = t.x, n = t.y, a = e.devicePixelRatio || 1;
+  return {
+    x: xe(o * a) / a || 0,
+    y: xe(n * a) / a || 0
+  };
+}
+function St(t) {
+  var e, o = t.popper, n = t.popperRect, a = t.placement, i = t.variation, c = t.offsets, p = t.position, s = t.gpuAcceleration, f = t.adaptive, l = t.roundOffsets, g = t.isFixed, x = c.x, u = x === void 0 ? 0 : x, T = c.y, v = T === void 0 ? 0 : T, m = typeof l == "function" ? l({
+    x: u,
+    y: v
+  }) : {
+    x: u,
+    y: v
+  };
+  u = m.x, v = m.y;
+  var w = c.hasOwnProperty("x"), E = c.hasOwnProperty("y"), O = I, d = W, b = window;
+  if (f) {
+    var y = Ve(o), R = "clientHeight", D = "clientWidth";
+    if (y === V(o) && (y = se(o), ne(y).position !== "static" && p === "absolute" && (R = "scrollHeight", D = "scrollWidth")), y = y, a === W || (a === I || a === Y) && i === ke) {
+      d = z;
+      var A = g && y === b && b.visualViewport ? b.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        y[R]
+      );
+      v -= A - n.height, v *= s ? 1 : -1;
+    }
+    if (a === I || (a === W || a === z) && i === ke) {
+      O = Y;
+      var P = g && y === b && b.visualViewport ? b.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        y[D]
+      );
+      u -= P - n.width, u *= s ? 1 : -1;
+    }
+  }
+  var M = Object.assign({
+    position: p
+  }, f && Fo), N = l === !0 ? qo({
+    x: u,
+    y: v
+  }, V(o)) : {
+    x: u,
+    y: v
+  };
+  if (u = N.x, v = N.y, s) {
+    var j;
+    return Object.assign({}, M, (j = {}, j[d] = E ? "0" : "", j[O] = w ? "0" : "", j.transform = (b.devicePixelRatio || 1) <= 1 ? "translate(" + u + "px, " + v + "px)" : "translate3d(" + u + "px, " + v + "px, 0)", j));
+  }
+  return Object.assign({}, M, (e = {}, e[d] = E ? v + "px" : "", e[O] = w ? u + "px" : "", e.transform = "", e));
+}
+function zo(t) {
+  var e = t.state, o = t.options, n = o.gpuAcceleration, a = n === void 0 ? !0 : n, i = o.adaptive, c = i === void 0 ? !0 : i, p = o.roundOffsets, s = p === void 0 ? !0 : p, f = {
+    placement: _(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, St(Object.assign({}, f, {
+    offsets: e.modifiersData.popperOffsets,
+    position: e.options.strategy,
+    adaptive: c,
+    roundOffsets: s
+  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, St(Object.assign({}, f, {
+    offsets: e.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: s
+  })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {
+    "data-popper-placement": e.placement
+  });
+}
+const Yo = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: zo,
+  data: {}
+};
+var Xe = {
+  passive: !0
+};
+function Xo(t) {
+  var e = t.state, o = t.instance, n = t.options, a = n.scroll, i = a === void 0 ? !0 : a, c = n.resize, p = c === void 0 ? !0 : c, s = V(e.elements.popper), f = [].concat(e.scrollParents.reference, e.scrollParents.popper);
+  return i && f.forEach(function(l) {
+    l.addEventListener("scroll", o.update, Xe);
+  }), p && s.addEventListener("resize", o.update, Xe), function() {
+    i && f.forEach(function(l) {
+      l.removeEventListener("scroll", o.update, Xe);
+    }), p && s.removeEventListener("resize", o.update, Xe);
+  };
+}
+const Go = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: Xo,
+  data: {}
+};
+var Ko = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Je(t) {
+  return t.replace(/left|right|bottom|top/g, function(e) {
+    return Ko[e];
+  });
+}
+var Jo = {
+  start: "end",
+  end: "start"
+};
+function Bt(t) {
+  return t.replace(/start|end/g, function(e) {
+    return Jo[e];
+  });
+}
+function vt(t) {
+  var e = V(t), o = e.pageXOffset, n = e.pageYOffset;
+  return {
+    scrollLeft: o,
+    scrollTop: n
+  };
+}
+function mt(t) {
+  return Te(se(t)).left + vt(t).scrollLeft;
+}
+function Qo(t, e) {
+  var o = V(t), n = se(t), a = o.visualViewport, i = n.clientWidth, c = n.clientHeight, p = 0, s = 0;
+  if (a) {
+    i = a.width, c = a.height;
+    var f = Qt();
+    (f || !f && e === "fixed") && (p = a.offsetLeft, s = a.offsetTop);
+  }
+  return {
+    width: i,
+    height: c,
+    x: p + mt(t),
+    y: s
+  };
+}
+function Zo(t) {
+  var e, o = se(t), n = vt(t), a = (e = t.ownerDocument) == null ? void 0 : e.body, i = fe(o.scrollWidth, o.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), c = fe(o.scrollHeight, o.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), p = -n.scrollLeft + mt(t), s = -n.scrollTop;
+  return ne(a || o).direction === "rtl" && (p += fe(o.clientWidth, a ? a.clientWidth : 0) - i), {
+    width: i,
+    height: c,
+    x: p,
+    y: s
+  };
+}
+function ht(t) {
+  var e = ne(t), o = e.overflow, n = e.overflowX, a = e.overflowY;
+  return /auto|scroll|overlay|hidden/.test(o + a + n);
+}
+function oo(t) {
+  return ["html", "body", "#document"].indexOf(ee(t)) >= 0 ? t.ownerDocument.body : q(t) && ht(t) ? t : oo(tt(t));
+}
+function Le(t, e) {
+  var o;
+  e === void 0 && (e = []);
+  var n = oo(t), a = n === ((o = t.ownerDocument) == null ? void 0 : o.body), i = V(n), c = a ? [i].concat(i.visualViewport || [], ht(n) ? n : []) : n, p = e.concat(c);
+  return a ? p : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    p.concat(Le(tt(c)))
+  );
+}
+function pt(t) {
+  return Object.assign({}, t, {
+    left: t.x,
+    top: t.y,
+    right: t.x + t.width,
+    bottom: t.y + t.height
+  });
+}
+function _o(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 Nt(t, e, o) {
+  return e === Kt ? pt(Qo(t, o)) : ue(e) ? _o(e, o) : pt(Zo(se(t)));
+}
+function er(t) {
+  var e = Le(tt(t)), o = ["absolute", "fixed"].indexOf(ne(t).position) >= 0, n = o && q(t) ? Ve(t) : t;
+  return ue(n) ? e.filter(function(a) {
+    return ue(a) && Zt(a, n) && ee(a) !== "body";
+  }) : [];
+}
+function tr(t, e, o, n) {
+  var a = e === "clippingParents" ? er(t) : [].concat(e), i = [].concat(a, [o]), c = i[0], p = i.reduce(function(s, f) {
+    var l = Nt(t, f, n);
+    return s.top = fe(l.top, s.top), s.right = Ze(l.right, s.right), s.bottom = Ze(l.bottom, s.bottom), s.left = fe(l.left, s.left), s;
+  }, Nt(t, c, n));
+  return p.width = p.right - p.left, p.height = p.bottom - p.top, p.x = p.left, p.y = p.top, p;
+}
+function ro(t) {
+  var e = t.reference, o = t.element, n = t.placement, a = n ? _(n) : null, i = n ? Pe(n) : null, c = e.x + e.width / 2 - o.width / 2, p = e.y + e.height / 2 - o.height / 2, s;
+  switch (a) {
+    case W:
+      s = {
+        x: c,
+        y: e.y - o.height
+      };
+      break;
+    case z:
+      s = {
+        x: c,
+        y: e.y + e.height
+      };
+      break;
+    case Y:
+      s = {
+        x: e.x + e.width,
+        y: p
+      };
+      break;
+    case I:
+      s = {
+        x: e.x - o.width,
+        y: p
+      };
+      break;
+    default:
+      s = {
+        x: e.x,
+        y: e.y
+      };
+  }
+  var f = a ? dt(a) : null;
+  if (f != null) {
+    var l = f === "y" ? "height" : "width";
+    switch (i) {
+      case Oe:
+        s[f] = s[f] - (e[l] / 2 - o[l] / 2);
+        break;
+      case ke:
+        s[f] = s[f] + (e[l] / 2 - o[l] / 2);
+        break;
+    }
+  }
+  return s;
+}
+function We(t, e) {
+  e === void 0 && (e = {});
+  var o = e, n = o.placement, a = n === void 0 ? t.placement : n, i = o.strategy, c = i === void 0 ? t.strategy : i, p = o.boundary, s = p === void 0 ? Oo : p, f = o.rootBoundary, l = f === void 0 ? Kt : f, g = o.elementContext, x = g === void 0 ? Se : g, u = o.altBoundary, T = u === void 0 ? !1 : u, v = o.padding, m = v === void 0 ? 0 : v, w = eo(typeof m != "number" ? m : to(m, Ie)), E = x === Se ? xo : Se, O = t.rects.popper, d = t.elements[T ? E : x], b = tr(ue(d) ? d : d.contextElement || se(t.elements.popper), s, l, c), y = Te(t.elements.reference), R = ro({
+    reference: y,
+    element: O,
+    strategy: "absolute",
+    placement: a
+  }), D = pt(Object.assign({}, O, R)), A = x === Se ? D : y, P = {
+    top: b.top - A.top + w.top,
+    bottom: A.bottom - b.bottom + w.bottom,
+    left: b.left - A.left + w.left,
+    right: A.right - b.right + w.right
+  }, M = t.modifiersData.offset;
+  if (x === Se && M) {
+    var N = M[a];
+    Object.keys(P).forEach(function(j) {
+      var X = [Y, z].indexOf(j) >= 0 ? 1 : -1, G = [W, z].indexOf(j) >= 0 ? "y" : "x";
+      P[j] += N[G] * X;
+    });
+  }
+  return P;
+}
+function or(t, e) {
+  e === void 0 && (e = {});
+  var o = e, n = o.placement, a = o.boundary, i = o.rootBoundary, c = o.padding, p = o.flipVariations, s = o.allowedAutoPlacements, f = s === void 0 ? Jt : s, l = Pe(n), g = l ? p ? $t : $t.filter(function(T) {
+    return Pe(T) === l;
+  }) : Ie, x = g.filter(function(T) {
+    return f.indexOf(T) >= 0;
+  });
+  x.length === 0 && (x = g);
+  var u = x.reduce(function(T, v) {
+    return T[v] = We(t, {
+      placement: v,
+      boundary: a,
+      rootBoundary: i,
+      padding: c
+    })[_(v)], T;
+  }, {});
+  return Object.keys(u).sort(function(T, v) {
+    return u[T] - u[v];
+  });
+}
+function rr(t) {
+  if (_(t) === ct)
+    return [];
+  var e = Je(t);
+  return [Bt(t), e, Bt(e)];
+}
+function nr(t) {
+  var e = t.state, o = t.options, n = t.name;
+  if (!e.modifiersData[n]._skip) {
+    for (var a = o.mainAxis, i = a === void 0 ? !0 : a, c = o.altAxis, p = c === void 0 ? !0 : c, s = o.fallbackPlacements, f = o.padding, l = o.boundary, g = o.rootBoundary, x = o.altBoundary, u = o.flipVariations, T = u === void 0 ? !0 : u, v = o.allowedAutoPlacements, m = e.options.placement, w = _(m), E = w === m, O = s || (E || !T ? [Je(m)] : rr(m)), d = [m].concat(O).reduce(function(K, H) {
+      return K.concat(_(H) === ct ? or(e, {
+        placement: H,
+        boundary: l,
+        rootBoundary: g,
+        padding: f,
+        flipVariations: T,
+        allowedAutoPlacements: v
+      }) : H);
+    }, []), b = e.rects.reference, y = e.rects.popper, R = /* @__PURE__ */ new Map(), D = !0, A = d[0], P = 0; P < d.length; P++) {
+      var M = d[P], N = _(M), j = Pe(M) === Oe, X = [W, z].indexOf(N) >= 0, G = X ? "width" : "height", S = We(e, {
+        placement: M,
+        boundary: l,
+        rootBoundary: g,
+        altBoundary: x,
+        padding: f
+      }), $ = X ? j ? Y : I : j ? z : W;
+      b[G] > y[G] && ($ = Je($));
+      var k = Je($), te = [];
+      if (i && te.push(S[N] <= 0), p && te.push(S[$] <= 0, S[k] <= 0), te.every(function(K) {
+        return K;
+      })) {
+        A = M, D = !1;
+        break;
+      }
+      R.set(M, te);
+    }
+    if (D)
+      for (var L = T ? 3 : 1, de = function(H) {
+        var ae = d.find(function(ie) {
+          var U = R.get(ie);
+          if (U)
+            return U.slice(0, H).every(function(me) {
+              return me;
+            });
+        });
+        if (ae)
+          return A = ae, "break";
+      }, oe = L; oe > 0; oe--) {
+        var ve = de(oe);
+        if (ve === "break") break;
+      }
+    e.placement !== A && (e.modifiersData[n]._skip = !0, e.placement = A, e.reset = !0);
+  }
+}
+const ar = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: nr,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function Lt(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 kt(t) {
+  return [W, Y, z, I].some(function(e) {
+    return t[e] >= 0;
+  });
+}
+function ir(t) {
+  var e = t.state, o = t.name, n = e.rects.reference, a = e.rects.popper, i = e.modifiersData.preventOverflow, c = We(e, {
+    elementContext: "reference"
+  }), p = We(e, {
+    altBoundary: !0
+  }), s = Lt(c, n), f = Lt(p, a, i), l = kt(s), g = kt(f);
+  e.modifiersData[o] = {
+    referenceClippingOffsets: s,
+    popperEscapeOffsets: f,
+    isReferenceHidden: l,
+    hasPopperEscaped: g
+  }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
+    "data-popper-reference-hidden": l,
+    "data-popper-escaped": g
+  });
+}
+const sr = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: ir
+};
+function pr(t, e, o) {
+  var n = _(t), a = [I, W].indexOf(n) >= 0 ? -1 : 1, i = typeof o == "function" ? o(Object.assign({}, e, {
+    placement: t
+  })) : o, c = i[0], p = i[1];
+  return c = c || 0, p = (p || 0) * a, [I, Y].indexOf(n) >= 0 ? {
+    x: p,
+    y: c
+  } : {
+    x: c,
+    y: p
+  };
+}
+function lr(t) {
+  var e = t.state, o = t.options, n = t.name, a = o.offset, i = a === void 0 ? [0, 0] : a, c = Jt.reduce(function(l, g) {
+    return l[g] = pr(g, e.rects, i), l;
+  }, {}), p = c[e.placement], s = p.x, f = p.y;
+  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += s, e.modifiersData.popperOffsets.y += f), e.modifiersData[n] = c;
+}
+const cr = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: lr
+};
+function fr(t) {
+  var e = t.state, o = t.name;
+  e.modifiersData[o] = ro({
+    reference: e.rects.reference,
+    element: e.rects.popper,
+    strategy: "absolute",
+    placement: e.placement
+  });
+}
+const ur = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: fr,
+  data: {}
+};
+function dr(t) {
+  return t === "x" ? "y" : "x";
+}
+function vr(t) {
+  var e = t.state, o = t.options, n = t.name, a = o.mainAxis, i = a === void 0 ? !0 : a, c = o.altAxis, p = c === void 0 ? !1 : c, s = o.boundary, f = o.rootBoundary, l = o.altBoundary, g = o.padding, x = o.tether, u = x === void 0 ? !0 : x, T = o.tetherOffset, v = T === void 0 ? 0 : T, m = We(e, {
+    boundary: s,
+    rootBoundary: f,
+    padding: g,
+    altBoundary: l
+  }), w = _(e.placement), E = Pe(e.placement), O = !E, d = dt(w), b = dr(d), y = e.modifiersData.popperOffsets, R = e.rects.reference, D = e.rects.popper, A = typeof v == "function" ? v(Object.assign({}, e.rects, {
+    placement: e.placement
+  })) : v, P = typeof A == "number" ? {
+    mainAxis: A,
+    altAxis: A
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, A), M = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, N = {
+    x: 0,
+    y: 0
+  };
+  if (y) {
+    if (i) {
+      var j, X = d === "y" ? W : I, G = d === "y" ? z : Y, S = d === "y" ? "height" : "width", $ = y[d], k = $ + m[X], te = $ - m[G], L = u ? -D[S] / 2 : 0, de = E === Oe ? R[S] : D[S], oe = E === Oe ? -D[S] : -R[S], ve = e.elements.arrow, K = u && ve ? ut(ve) : {
+        width: 0,
+        height: 0
+      }, H = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : _t(), ae = H[X], ie = H[G], U = Ne(0, R[S], K[S]), me = O ? R[S] / 2 - L - U - ae - P.mainAxis : de - U - ae - P.mainAxis, rt = O ? -R[S] / 2 + L + U + ie + P.mainAxis : oe + U + ie + P.mainAxis, he = e.elements.arrow && Ve(e.elements.arrow), J = he ? d === "y" ? he.clientTop || 0 : he.clientLeft || 0 : 0, ge = (j = M == null ? void 0 : M[d]) != null ? j : 0, pe = $ + me - ge - J, be = $ + rt - ge, Ee = Ne(u ? Ze(k, pe) : k, $, u ? fe(te, be) : te);
+      y[d] = Ee, N[d] = Ee - $;
+    }
+    if (p) {
+      var le, ye = d === "x" ? W : I, Re = d === "x" ? z : Y, Z = y[b], ce = b === "y" ? "height" : "width", Ae = Z + m[ye], Ce = Z - m[Re], Me = [W, I].indexOf(w) !== -1, He = (le = M == null ? void 0 : M[b]) != null ? le : 0, Ue = Me ? Ae : Z - R[ce] - D[ce] - He + P.altAxis, we = Me ? Z + R[ce] + D[ce] - He - P.altAxis : Ce, Fe = u && Me ? Wo(Ue, Z, we) : Ne(u ? Ue : Ae, Z, u ? we : Ce);
+      y[b] = Fe, N[b] = Fe - Z;
+    }
+    e.modifiersData[n] = N;
+  }
+}
+const mr = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: vr,
+  requiresIfExists: ["offset"]
+};
+function hr(t) {
+  return {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  };
+}
+function gr(t) {
+  return t === V(t) || !q(t) ? vt(t) : hr(t);
+}
+function br(t) {
+  var e = t.getBoundingClientRect(), o = xe(e.width) / t.offsetWidth || 1, n = xe(e.height) / t.offsetHeight || 1;
+  return o !== 1 || n !== 1;
+}
+function yr(t, e, o) {
+  o === void 0 && (o = !1);
+  var n = q(e), a = q(e) && br(e), i = se(e), c = Te(t, a, o), p = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, s = {
+    x: 0,
+    y: 0
+  };
+  return (n || !n && !o) && ((ee(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  ht(i)) && (p = gr(e)), q(e) ? (s = Te(e, !0), s.x += e.clientLeft, s.y += e.clientTop) : i && (s.x = mt(i))), {
+    x: c.left + p.scrollLeft - s.x,
+    y: c.top + p.scrollTop - s.y,
+    width: c.width,
+    height: c.height
+  };
+}
+function wr(t) {
+  var e = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), n = [];
+  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(p) {
+      if (!o.has(p)) {
+        var s = e.get(p);
+        s && a(s);
+      }
+    }), n.push(i);
+  }
+  return t.forEach(function(i) {
+    o.has(i.name) || a(i);
+  }), n;
+}
+function Or(t) {
+  var e = wr(t);
+  return Do.reduce(function(o, n) {
+    return o.concat(e.filter(function(a) {
+      return a.phase === n;
+    }));
+  }, []);
+}
+function xr(t) {
+  var e;
+  return function() {
+    return e || (e = new Promise(function(o) {
+      Promise.resolve().then(function() {
+        e = void 0, o(t());
+      });
+    })), e;
+  };
+}
+function Tr(t) {
+  var e = t.reduce(function(o, n) {
+    var a = o[n.name];
+    return o[n.name] = a ? Object.assign({}, a, n, {
+      options: Object.assign({}, a.options, n.options),
+      data: Object.assign({}, a.data, n.data)
+    }) : n, o;
+  }, {});
+  return Object.keys(e).map(function(o) {
+    return e[o];
+  });
+}
+var Wt = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function It() {
+  for (var t = arguments.length, e = new Array(t), o = 0; o < t; o++)
+    e[o] = arguments[o];
+  return !e.some(function(n) {
+    return !(n && typeof n.getBoundingClientRect == "function");
+  });
+}
+function Pr(t) {
+  t === void 0 && (t = {});
+  var e = t, o = e.defaultModifiers, n = o === void 0 ? [] : o, a = e.defaultOptions, i = a === void 0 ? Wt : a;
+  return function(p, s, f) {
+    f === void 0 && (f = i);
+    var l = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, Wt, i),
+      modifiersData: {},
+      elements: {
+        reference: p,
+        popper: s
+      },
+      attributes: {},
+      styles: {}
+    }, g = [], x = !1, u = {
+      state: l,
+      setOptions: function(w) {
+        var E = typeof w == "function" ? w(l.options) : w;
+        v(), l.options = Object.assign({}, i, l.options, E), l.scrollParents = {
+          reference: ue(p) ? Le(p) : p.contextElement ? Le(p.contextElement) : [],
+          popper: Le(s)
+        };
+        var O = Or(Tr([].concat(n, l.options.modifiers)));
+        return l.orderedModifiers = O.filter(function(d) {
+          return d.enabled;
+        }), T(), 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 (!x) {
+          var w = l.elements, E = w.reference, O = w.popper;
+          if (It(E, O)) {
+            l.rects = {
+              reference: yr(E, Ve(O), l.options.strategy === "fixed"),
+              popper: ut(O)
+            }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(P) {
+              return l.modifiersData[P.name] = Object.assign({}, P.data);
+            });
+            for (var d = 0; d < l.orderedModifiers.length; d++) {
+              if (l.reset === !0) {
+                l.reset = !1, d = -1;
+                continue;
+              }
+              var b = l.orderedModifiers[d], y = b.fn, R = b.options, D = R === void 0 ? {} : R, A = b.name;
+              typeof y == "function" && (l = y({
+                state: l,
+                options: D,
+                name: A,
+                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: xr(function() {
+        return new Promise(function(m) {
+          u.forceUpdate(), m(l);
+        });
+      }),
+      destroy: function() {
+        v(), x = !0;
+      }
+    };
+    if (!It(p, s))
+      return u;
+    u.setOptions(f).then(function(m) {
+      !x && f.onFirstUpdate && f.onFirstUpdate(m);
+    });
+    function T() {
+      l.orderedModifiers.forEach(function(m) {
+        var w = m.name, E = m.options, O = E === void 0 ? {} : E, d = m.effect;
+        if (typeof d == "function") {
+          var b = d({
+            state: l,
+            name: w,
+            instance: u,
+            options: O
+          }), y = function() {
+          };
+          g.push(b || y);
+        }
+      });
+    }
+    function v() {
+      g.forEach(function(m) {
+        return m();
+      }), g = [];
+    }
+    return u;
+  };
+}
+var Er = [Go, ur, Yo, No, cr, ar, mr, Uo, sr], Rr = /* @__PURE__ */ Pr({
+  defaultModifiers: Er
+});
+function Ar(t) {
+  return Ut("MuiPopper", t);
+}
+Ht("MuiPopper", ["root"]);
+function Cr(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 _e(t) {
+  return typeof t == "function" ? t() : t;
+}
+function ot(t) {
+  return t.nodeType !== void 0;
+}
+function Mr(t) {
+  return !ot(t);
+}
+const jr = (t) => {
+  const {
+    classes: e
+  } = t;
+  return Ft({
+    root: ["root"]
+  }, Ar, e);
+}, $r = {}, Dr = /* @__PURE__ */ C.forwardRef(function(e, o) {
+  const {
+    anchorEl: n,
+    children: a,
+    direction: i,
+    disablePortal: c,
+    modifiers: p,
+    open: s,
+    placement: f,
+    popperOptions: l,
+    popperRef: g,
+    slotProps: x = {},
+    slots: u = {},
+    TransitionProps: T,
+    // @ts-ignore internal logic
+    ownerState: v,
+    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
+    ...m
+  } = e, w = C.useRef(null), E = it(w, o), O = C.useRef(null), d = it(O, g), b = C.useRef(d);
+  Ct(() => {
+    b.current = d;
+  }, [d]), C.useImperativeHandle(g, () => O.current, []);
+  const y = Cr(f, i), [R, D] = C.useState(y), [A, P] = C.useState(_e(n));
+  C.useEffect(() => {
+    O.current && O.current.forceUpdate();
+  }), C.useEffect(() => {
+    n && P(_e(n));
+  }, [n]), Ct(() => {
+    if (!A || !s)
+      return;
+    const G = (k) => {
+      D(k.placement);
+    };
+    if (process.env.NODE_ENV !== "production" && A && ot(A) && A.nodeType === 1) {
+      const k = A.getBoundingClientRect();
+      process.env.NODE_ENV !== "test" && k.top === 0 && k.left === 0 && k.right === 0 && k.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: k
+      }) => {
+        G(k);
+      }
+    }];
+    p != null && (S = S.concat(p)), l && l.modifiers != null && (S = S.concat(l.modifiers));
+    const $ = Rr(A, w.current, {
+      placement: y,
+      ...l,
+      modifiers: S
+    });
+    return b.current($), () => {
+      $.destroy(), b.current(null);
+    };
+  }, [A, c, p, s, l, y]);
+  const M = {
+    placement: R
+  };
+  T !== null && (M.TransitionProps = T);
+  const N = jr(e), j = u.root ?? "div", X = uo({
+    elementType: j,
+    externalSlotProps: x.root,
+    externalForwardedProps: m,
+    additionalProps: {
+      role: "tooltip",
+      ref: E
+    },
+    ownerState: e,
+    className: N.root
+  });
+  return /* @__PURE__ */ re(j, {
+    ...X,
+    children: typeof a == "function" ? a(M) : a
+  });
+}), no = /* @__PURE__ */ C.forwardRef(function(e, o) {
+  const {
+    anchorEl: n,
+    children: a,
+    container: i,
+    direction: c = "ltr",
+    disablePortal: p = !1,
+    keepMounted: s = !1,
+    modifiers: f,
+    open: l,
+    placement: g = "bottom",
+    popperOptions: x = $r,
+    popperRef: u,
+    style: T,
+    transition: v = !1,
+    slotProps: m = {},
+    slots: w = {},
+    ...E
+  } = e, [O, d] = C.useState(!0), b = () => {
+    d(!1);
+  }, y = () => {
+    d(!0);
+  };
+  if (!s && !l && (!v || O))
+    return null;
+  let R;
+  if (i)
+    R = i;
+  else if (n) {
+    const P = _e(n);
+    R = P && ot(P) ? Rt(P).body : Rt(null).body;
+  }
+  const D = !l && s && (!v || O) ? "none" : void 0, A = v ? {
+    in: l,
+    onEnter: b,
+    onExited: y
+  } : void 0;
+  return /* @__PURE__ */ re(fo, {
+    disablePortal: p,
+    container: R,
+    children: /* @__PURE__ */ re(Dr, {
+      anchorEl: n,
+      direction: c,
+      disablePortal: p,
+      modifiers: f,
+      ref: o,
+      open: v ? !O : l,
+      placement: g,
+      popperOptions: x,
+      popperRef: u,
+      slotProps: m,
+      slots: w,
+      ...E,
+      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: D,
+        ...T
+      },
+      TransitionProps: A,
+      children: a
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (no.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: yo(r.oneOfType([Qe, r.object, r.func]), (t) => {
+    if (t.open) {
+      const e = _e(t.anchorEl);
+      if (e && ot(e) && e.nodeType === 1) {
+        const o = e.getBoundingClientRect();
+        if (process.env.NODE_ENV !== "test" && 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" || Mr(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: r.oneOfType([r.node, r.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: r.oneOfType([Qe, r.func]),
+  /**
+   * Direction of the text.
+   * @default 'ltr'
+   */
+  direction: r.oneOf(["ltr", "rtl"]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: r.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: r.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: r.arrayOf(r.shape({
+    data: r.object,
+    effect: r.func,
+    enabled: r.bool,
+    fn: r.func,
+    name: r.any,
+    options: r.object,
+    phase: r.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
+    requires: r.arrayOf(r.string),
+    requiresIfExists: r.arrayOf(r.string)
+  })),
+  /**
+   * If `true`, the component is shown.
+   */
+  open: r.bool.isRequired,
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement: r.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: r.shape({
+    modifiers: r.array,
+    onFirstUpdate: r.func,
+    placement: r.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: r.oneOf(["absolute", "fixed"])
+  }),
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef: Gt,
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  slotProps: r.shape({
+    root: r.oneOfType([r.func, r.object])
+  }),
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: r.shape({
+    root: r.elementType
+  }),
+  /**
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
+   */
+  transition: r.bool
+});
+const Sr = et(no, {
+  name: "MuiPopper",
+  slot: "Root",
+  overridesResolver: (t, e) => e.root
+})({}), gt = /* @__PURE__ */ C.forwardRef(function(e, o) {
+  const n = Xt(), a = qt({
+    props: e,
+    name: "MuiPopper"
+  }), {
+    anchorEl: i,
+    component: c,
+    components: p,
+    componentsProps: s,
+    container: f,
+    disablePortal: l,
+    keepMounted: g,
+    modifiers: x,
+    open: u,
+    placement: T,
+    popperOptions: v,
+    popperRef: m,
+    transition: w,
+    slots: E,
+    slotProps: O,
+    ...d
+  } = a, b = (E == null ? void 0 : E.root) ?? (p == null ? void 0 : p.Root), y = {
+    anchorEl: i,
+    container: f,
+    disablePortal: l,
+    keepMounted: g,
+    modifiers: x,
+    open: u,
+    placement: T,
+    popperOptions: v,
+    popperRef: m,
+    transition: w,
+    ...d
+  };
+  return /* @__PURE__ */ re(Sr, {
+    as: c,
+    direction: n ? "rtl" : "ltr",
+    slots: {
+      root: b
+    },
+    slotProps: O ?? s,
+    ...y,
+    ref: o
+  });
+});
+process.env.NODE_ENV !== "production" && (gt.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: r.oneOfType([Qe, r.object, r.func]),
+  /**
+   * Popper render function or node.
+   */
+  children: r.oneOfType([r.node, r.func]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @default {}
+   */
+  components: r.shape({
+    Root: r.elementType
+  }),
+  /**
+   * The props used for each slot inside the Popper.
+   *
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @default {}
+   */
+  componentsProps: r.shape({
+    root: r.oneOfType([r.func, r.object])
+  }),
+  /**
+   * 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: r.oneOfType([Qe, r.func]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: r.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: r.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: r.arrayOf(r.shape({
+    data: r.object,
+    effect: r.func,
+    enabled: r.bool,
+    fn: r.func,
+    name: r.any,
+    options: r.object,
+    phase: r.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
+    requires: r.arrayOf(r.string),
+    requiresIfExists: r.arrayOf(r.string)
+  })),
+  /**
+   * If `true`, the component is shown.
+   */
+  open: r.bool.isRequired,
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement: r.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: r.shape({
+    modifiers: r.array,
+    onFirstUpdate: r.func,
+    placement: r.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: r.oneOf(["absolute", "fixed"])
+  }),
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef: Gt,
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  slotProps: r.shape({
+    root: r.oneOfType([r.func, r.object])
+  }),
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: r.shape({
+    root: r.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
+   */
+  transition: r.bool
+});
+function Br(t) {
+  return Ut("MuiTooltip", t);
+}
+const B = Ht("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]);
+function Nr(t) {
+  return Math.round(t * 1e5) / 1e5;
+}
+const Lr = (t) => {
+  const {
+    classes: e,
+    disableInteractive: o,
+    arrow: n,
+    touch: a,
+    placement: i
+  } = t, c = {
+    popper: ["popper", !o && "popperInteractive", n && "popperArrow"],
+    tooltip: ["tooltip", n && "tooltipArrow", a && "touch", `tooltipPlacement${zt(i.split("-")[0])}`],
+    arrow: ["arrow"]
+  };
+  return Ft(c, Br, e);
+}, kr = et(gt, {
+  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];
+  }
+})(lt(({
+  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"] .${B.arrow}`]: {
+        top: 0,
+        marginTop: "-0.71em",
+        "&::before": {
+          transformOrigin: "0 100%"
+        }
+      },
+      [`&[data-popper-placement*="top"] .${B.arrow}`]: {
+        bottom: 0,
+        marginBottom: "-0.71em",
+        "&::before": {
+          transformOrigin: "100% 0"
+        }
+      },
+      [`&[data-popper-placement*="right"] .${B.arrow}`]: {
+        height: "1em",
+        width: "0.71em",
+        "&::before": {
+          transformOrigin: "100% 100%"
+        }
+      },
+      [`&[data-popper-placement*="left"] .${B.arrow}`]: {
+        height: "1em",
+        width: "0.71em",
+        "&::before": {
+          transformOrigin: "0 0"
+        }
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.arrow && !e.isRtl,
+    style: {
+      [`&[data-popper-placement*="right"] .${B.arrow}`]: {
+        left: 0,
+        marginLeft: "-0.71em"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.arrow && !!e.isRtl,
+    style: {
+      [`&[data-popper-placement*="right"] .${B.arrow}`]: {
+        right: 0,
+        marginRight: "-0.71em"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.arrow && !e.isRtl,
+    style: {
+      [`&[data-popper-placement*="left"] .${B.arrow}`]: {
+        right: 0,
+        marginRight: "-0.71em"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.arrow && !!e.isRtl,
+    style: {
+      [`&[data-popper-placement*="left"] .${B.arrow}`]: {
+        left: 0,
+        marginLeft: "-0.71em"
+      }
+    }
+  }]
+}))), Wr = et("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${zt(o.placement.split("-")[0])}`]];
+  }
+})(lt(({
+  theme: t
+}) => ({
+  backgroundColor: t.vars ? t.vars.palette.Tooltip.bg : Yt(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,
+  [`.${B.popper}[data-popper-placement*="left"] &`]: {
+    transformOrigin: "right center"
+  },
+  [`.${B.popper}[data-popper-placement*="right"] &`]: {
+    transformOrigin: "left center"
+  },
+  [`.${B.popper}[data-popper-placement*="top"] &`]: {
+    transformOrigin: "center bottom",
+    marginBottom: "14px"
+  },
+  [`.${B.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: `${Nr(16 / 14)}em`,
+      fontWeight: t.typography.fontWeightRegular
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => !e.isRtl,
+    style: {
+      [`.${B.popper}[data-popper-placement*="left"] &`]: {
+        marginRight: "14px"
+      },
+      [`.${B.popper}[data-popper-placement*="right"] &`]: {
+        marginLeft: "14px"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => !e.isRtl && e.touch,
+    style: {
+      [`.${B.popper}[data-popper-placement*="left"] &`]: {
+        marginRight: "24px"
+      },
+      [`.${B.popper}[data-popper-placement*="right"] &`]: {
+        marginLeft: "24px"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => !!e.isRtl,
+    style: {
+      [`.${B.popper}[data-popper-placement*="left"] &`]: {
+        marginLeft: "14px"
+      },
+      [`.${B.popper}[data-popper-placement*="right"] &`]: {
+        marginRight: "14px"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => !!e.isRtl && e.touch,
+    style: {
+      [`.${B.popper}[data-popper-placement*="left"] &`]: {
+        marginLeft: "24px"
+      },
+      [`.${B.popper}[data-popper-placement*="right"] &`]: {
+        marginRight: "24px"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.touch,
+    style: {
+      [`.${B.popper}[data-popper-placement*="top"] &`]: {
+        marginBottom: "24px"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.touch,
+    style: {
+      [`.${B.popper}[data-popper-placement*="bottom"] &`]: {
+        marginTop: "24px"
+      }
+    }
+  }]
+}))), Ir = et("span", {
+  name: "MuiTooltip",
+  slot: "Arrow",
+  overridesResolver: (t, e) => e.arrow
+})(lt(({
+  theme: t
+}) => ({
+  overflow: "hidden",
+  position: "absolute",
+  width: "1em",
+  height: "0.71em",
+  boxSizing: "border-box",
+  color: t.vars ? t.vars.palette.Tooltip.bg : Yt(t.palette.grey[700], 0.9),
+  "&::before": {
+    content: '""',
+    margin: "auto",
+    display: "block",
+    width: "100%",
+    height: "100%",
+    backgroundColor: "currentColor",
+    transform: "rotate(45deg)"
+  }
+})));
+let Ge = !1;
+const Vt = new wo();
+let Be = {
+  x: 0,
+  y: 0
+};
+function Ke(t, e) {
+  return (o, ...n) => {
+    e && e(o, ...n), t(o, ...n);
+  };
+}
+const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
+  var xt, Tt, Pt;
+  const n = qt({
+    props: e,
+    name: "MuiTooltip"
+  }), {
+    arrow: a = !1,
+    children: i,
+    classes: c,
+    components: p = {},
+    componentsProps: s = {},
+    describeChild: f = !1,
+    disableFocusListener: l = !1,
+    disableHoverListener: g = !1,
+    disableInteractive: x = !1,
+    disableTouchListener: u = !1,
+    enterDelay: T = 100,
+    enterNextDelay: v = 0,
+    enterTouchDelay: m = 700,
+    followCursor: w = !1,
+    id: E,
+    leaveDelay: O = 0,
+    leaveTouchDelay: d = 1500,
+    onClose: b,
+    onOpen: y,
+    open: R,
+    placement: D = "bottom",
+    PopperComponent: A,
+    PopperProps: P = {},
+    slotProps: M = {},
+    slots: N = {},
+    title: j,
+    TransitionComponent: X = At,
+    TransitionProps: G,
+    ...S
+  } = n, $ = /* @__PURE__ */ C.isValidElement(i) ? i : /* @__PURE__ */ re("span", {
+    children: i
+  }), k = vo(), te = Xt(), [L, de] = C.useState(), [oe, ve] = C.useState(null), K = C.useRef(!1), H = x || w, ae = Ye(), ie = Ye(), U = Ye(), me = Ye(), [rt, he] = mo({
+    controlled: R,
+    default: !1,
+    name: "Tooltip",
+    state: "open"
+  });
+  let J = rt;
+  if (process.env.NODE_ENV !== "production") {
+    const {
+      current: h
+    } = C.useRef(R !== void 0);
+    C.useEffect(() => {
+      L && L.disabled && !h && j !== "" && L.tagName.toLowerCase() === "button" && console.error(["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(`
+`));
+    }, [j, L, h]);
+  }
+  const ge = ho(E), pe = C.useRef(), be = Mt(() => {
+    pe.current !== void 0 && (document.body.style.WebkitUserSelect = pe.current, pe.current = void 0), me.clear();
+  });
+  C.useEffect(() => be, [be]);
+  const Ee = (h) => {
+    Vt.clear(), Ge = !0, he(!0), y && !J && y(h);
+  }, le = Mt(
+    /**
+     * @param {React.SyntheticEvent | Event} event
+     */
+    (h) => {
+      Vt.start(800 + O, () => {
+        Ge = !1;
+      }), he(!1), b && J && b(h), ae.start(k.transitions.duration.shortest, () => {
+        K.current = !1;
+      });
+    }
+  ), ye = (h) => {
+    K.current && h.type !== "touchstart" || (L && L.removeAttribute("title"), ie.clear(), U.clear(), T || Ge && v ? ie.start(Ge ? v : T, () => {
+      Ee(h);
+    }) : Ee(h));
+  }, Re = (h) => {
+    ie.clear(), U.start(O, () => {
+      le(h);
+    });
+  }, [, Z] = C.useState(!1), ce = (h) => {
+    jt(h.target) || (Z(!1), Re(h));
+  }, Ae = (h) => {
+    L || de(h.currentTarget), jt(h.target) && (Z(!0), ye(h));
+  }, Ce = (h) => {
+    K.current = !0;
+    const Q = $.props;
+    Q.onTouchStart && Q.onTouchStart(h);
+  }, Me = (h) => {
+    Ce(h), U.clear(), ae.clear(), be(), pe.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", me.start(m, () => {
+      document.body.style.WebkitUserSelect = pe.current, ye(h);
+    });
+  }, He = (h) => {
+    $.props.onTouchEnd && $.props.onTouchEnd(h), be(), U.start(d, () => {
+      le(h);
+    });
+  };
+  C.useEffect(() => {
+    if (!J)
+      return;
+    function h(Q) {
+      Q.key === "Escape" && le(Q);
+    }
+    return document.addEventListener("keydown", h), () => {
+      document.removeEventListener("keydown", h);
+    };
+  }, [le, J]);
+  const Ue = it(go($), de, o);
+  !j && j !== 0 && (J = !1);
+  const we = C.useRef(), Fe = (h) => {
+    const Q = $.props;
+    Q.onMouseMove && Q.onMouseMove(h), Be = {
+      x: h.clientX,
+      y: h.clientY
+    }, we.current && we.current.update();
+  }, je = {}, nt = typeof j == "string";
+  f ? (je.title = !J && nt && !g ? j : null, je["aria-describedby"] = J ? ge : null) : (je["aria-label"] = nt ? j : null, je["aria-labelledby"] = J && !nt ? ge : null);
+  const F = {
+    ...je,
+    ...S,
+    ...$.props,
+    className: qe(S.className, $.props.className),
+    onTouchStart: Ce,
+    ref: Ue,
+    ...w ? {
+      onMouseMove: Fe
+    } : {}
+  };
+  process.env.NODE_ENV !== "production" && (F["data-mui-internal-clone-element"] = !0, C.useEffect(() => {
+    L && !L.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(`
+`));
+  }, [L]));
+  const $e = {};
+  u || (F.onTouchStart = Me, F.onTouchEnd = He), g || (F.onMouseOver = Ke(ye, F.onMouseOver), F.onMouseLeave = Ke(Re, F.onMouseLeave), H || ($e.onMouseOver = ye, $e.onMouseLeave = Re)), l || (F.onFocus = Ke(Ae, F.onFocus), F.onBlur = Ke(ce, F.onBlur), H || ($e.onFocus = Ae, $e.onBlur = ce)), process.env.NODE_ENV !== "production" && $.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${$.props.title}\` or the Tooltip component.`].join(`
+`));
+  const io = C.useMemo(() => {
+    var Q;
+    let h = [{
+      name: "arrow",
+      enabled: !!oe,
+      options: {
+        element: oe,
+        padding: 4
+      }
+    }];
+    return (Q = P.popperOptions) != null && Q.modifiers && (h = h.concat(P.popperOptions.modifiers)), {
+      ...P.popperOptions,
+      modifiers: h
+    };
+  }, [oe, P]), De = {
+    ...n,
+    isRtl: te,
+    arrow: a,
+    disableInteractive: H,
+    placement: D,
+    PopperComponentProp: A,
+    touch: K.current
+  }, at = Lr(De), bt = N.popper ?? p.Popper ?? kr, yt = N.transition ?? p.Transition ?? X ?? At, wt = N.tooltip ?? p.Tooltip ?? Wr, Ot = N.arrow ?? p.Arrow ?? Ir, so = ze(bt, {
+    ...P,
+    ...M.popper ?? s.popper,
+    className: qe(at.popper, P == null ? void 0 : P.className, (xt = M.popper ?? s.popper) == null ? void 0 : xt.className)
+  }, De), po = ze(yt, {
+    ...G,
+    ...M.transition ?? s.transition
+  }, De), lo = ze(wt, {
+    ...M.tooltip ?? s.tooltip,
+    className: qe(at.tooltip, (Tt = M.tooltip ?? s.tooltip) == null ? void 0 : Tt.className)
+  }, De), co = ze(Ot, {
+    ...M.arrow ?? s.arrow,
+    className: qe(at.arrow, (Pt = M.arrow ?? s.arrow) == null ? void 0 : Pt.className)
+  }, De);
+  return /* @__PURE__ */ Et(C.Fragment, {
+    children: [/* @__PURE__ */ C.cloneElement($, F), /* @__PURE__ */ re(bt, {
+      as: A ?? gt,
+      placement: D,
+      anchorEl: w ? {
+        getBoundingClientRect: () => ({
+          top: Be.y,
+          left: Be.x,
+          right: Be.x,
+          bottom: Be.y,
+          width: 0,
+          height: 0
+        })
+      } : L,
+      popperRef: we,
+      open: L ? J : !1,
+      id: ge,
+      transition: !0,
+      ...$e,
+      ...so,
+      popperOptions: io,
+      children: ({
+        TransitionProps: h
+      }) => /* @__PURE__ */ re(yt, {
+        timeout: k.transitions.duration.shorter,
+        ...h,
+        ...po,
+        children: /* @__PURE__ */ Et(wt, {
+          ...lo,
+          children: [j, a ? /* @__PURE__ */ re(Ot, {
+            ...co,
+            ref: ve
+          }) : null]
+        })
+      })
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (ao.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: r.bool,
+  /**
+   * Tooltip reference element.
+   */
+  children: bo.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/).
+   *
+   * @default {}
+   */
+  components: r.shape({
+    Arrow: r.elementType,
+    Popper: r.elementType,
+    Tooltip: r.elementType,
+    Transition: r.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/).
+   *
+   * @default {}
+   */
+  componentsProps: r.shape({
+    arrow: r.object,
+    popper: r.object,
+    tooltip: r.object,
+    transition: r.object
+  }),
+  /**
+   * 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: r.bool,
+  /**
+   * Do not respond to focus-visible events.
+   * @default false
+   */
+  disableFocusListener: r.bool,
+  /**
+   * Do not respond to hover events.
+   * @default false
+   */
+  disableHoverListener: r.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: r.bool,
+  /**
+   * Do not respond to long press touch events.
+   * @default false
+   */
+  disableTouchListener: r.bool,
+  /**
+   * The number of milliseconds to wait before showing the tooltip.
+   * This prop won't impact the enter touch delay (`enterTouchDelay`).
+   * @default 100
+   */
+  enterDelay: r.number,
+  /**
+   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
+   * @default 0
+   */
+  enterNextDelay: r.number,
+  /**
+   * The number of milliseconds a user must touch the element before showing the tooltip.
+   * @default 700
+   */
+  enterTouchDelay: r.number,
+  /**
+   * If `true`, the tooltip follow the cursor over the wrapped element.
+   * @default false
+   */
+  followCursor: r.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: r.string,
+  /**
+   * The number of milliseconds to wait before hiding the tooltip.
+   * This prop won't impact the leave touch delay (`leaveTouchDelay`).
+   * @default 0
+   */
+  leaveDelay: r.number,
+  /**
+   * The number of milliseconds after the user stops touching an element before hiding the tooltip.
+   * @default 1500
+   */
+  leaveTouchDelay: r.number,
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onClose: r.func,
+  /**
+   * Callback fired when the component requests to be open.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onOpen: r.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: r.bool,
+  /**
+   * Tooltip placement.
+   * @default 'bottom'
+   */
+  placement: r.oneOf(["bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+  /**
+   * The component used for the popper.
+   * @default Popper
+   */
+  PopperComponent: r.elementType,
+  /**
+   * Props applied to the [`Popper`](https://mui.com/material-ui/api/popper/) element.
+   * @default {}
+   */
+  PopperProps: r.object,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: r.shape({
+    arrow: r.object,
+    popper: r.object,
+    tooltip: r.object,
+    transition: r.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: r.shape({
+    arrow: r.elementType,
+    popper: r.elementType,
+    tooltip: r.elementType,
+    transition: r.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
+   */
+  title: r.node,
+  /**
+   * The component used for the transition.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Grow
+   */
+  TransitionComponent: r.elementType,
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: r.object
+});
+const Xr = ({
+  title: t,
+  children: e,
+  arrow: o = !0,
+  placement: n = "top",
+  ...a
+}) => {
+  const i = { title: t, arrow: o, placement: n, ...a };
+  return /* @__PURE__ */ re(ao, { ...i, children: e });
+};
+export {
+  Xr as Tooltip,
+  Xr as default
+};