@ck-ui/component-library 0.1.5 → 0.3.0

package/dist/components/Tooltip/index.js

@@ -0,0 +1,1975 @@
+import { jsx as ie, jsxs as vt } from "react/jsx-runtime";
+import * as j from "react";
+import { q as Mt, r as Ct, A as mt, U as ot, Q as ht, g as jt, P as n, e as to, W as oo, O as Dt, L as Qe, N as ro, S as gt, X as He, d as kt, y as at } from "../../useSlot-ylt7_lTY.js";
+import { c as no } from "../../clsx-OuTLNxxd.js";
+import { P as ao, i as $t, l as io, r as Bt, H as Ye, m as so, q as Ue, u as po, g as lo, G as co, T as fo, e as uo } from "../../Grow-D08Iq1uH.js";
+import { i as bt } from "../../isFocusVisible-BzX3wEi7.js";
+var W = "top", Y = "bottom", G = "right", F = "left", it = "auto", Be = [W, Y, G, F], Oe = "start", ke = "end", vo = "clippingParents", Lt = "viewport", Me = "popper", mo = "reference", yt = /* @__PURE__ */ Be.reduce(function(e, t) {
+  return e.concat([t + "-" + Oe, t + "-" + ke]);
+}, []), Nt = /* @__PURE__ */ [].concat(Be, [it]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + Oe, t + "-" + ke]);
+}, []), ho = "beforeRead", go = "read", bo = "afterRead", yo = "beforeMain", wo = "main", Oo = "afterMain", xo = "beforeWrite", To = "write", Po = "afterWrite", Eo = [ho, go, bo, yo, wo, Oo, xo, To, Po];
+function oe(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function U(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function he(e) {
+  var t = U(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function X(e) {
+  var t = U(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function st(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var t = U(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+function Ro(e) {
+  var t = e.state;
+  Object.keys(t.elements).forEach(function(o) {
+    var r = t.styles[o] || {}, a = t.attributes[o] || {}, i = t.elements[o];
+    !X(i) || !oe(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 So(e) {
+  var t = e.state, o = {
+    popper: {
+      position: t.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(t.elements.popper.style, o.popper), t.styles = o, t.elements.arrow && Object.assign(t.elements.arrow.style, o.arrow), function() {
+    Object.keys(t.elements).forEach(function(r) {
+      var a = t.elements[r], i = t.attributes[r] || {}, c = Object.keys(t.styles.hasOwnProperty(r) ? t.styles[r] : o[r]), s = c.reduce(function(p, f) {
+        return p[f] = "", p;
+      }, {});
+      !X(a) || !oe(a) || (Object.assign(a.style, s), Object.keys(i).forEach(function(p) {
+        a.removeAttribute(p);
+      }));
+    });
+  };
+}
+const Ao = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: Ro,
+  effect: So,
+  requires: ["computeStyles"]
+};
+function te(e) {
+  return e.split("-")[0];
+}
+var me = Math.max, Ge = Math.min, xe = Math.round;
+function rt() {
+  var e = navigator.userAgentData;
+  return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
+    return t.brand + "/" + t.version;
+  }).join(" ") : navigator.userAgent;
+}
+function It() {
+  return !/^((?!chrome|android).)*safari/i.test(rt());
+}
+function Te(e, t, o) {
+  t === void 0 && (t = !1), o === void 0 && (o = !1);
+  var r = e.getBoundingClientRect(), a = 1, i = 1;
+  t && X(e) && (a = e.offsetWidth > 0 && xe(r.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && xe(r.height) / e.offsetHeight || 1);
+  var c = he(e) ? U(e) : 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, x = r.height / i;
+  return {
+    width: g,
+    height: x,
+    top: l,
+    right: f + g,
+    bottom: l + x,
+    left: f,
+    x: f,
+    y: l
+  };
+}
+function pt(e) {
+  var t = Te(e), o = e.offsetWidth, r = e.offsetHeight;
+  return Math.abs(t.width - o) <= 1 && (o = t.width), Math.abs(t.height - r) <= 1 && (r = t.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
+    width: o,
+    height: r
+  };
+}
+function Wt(e, t) {
+  var o = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (o && st(o)) {
+    var r = t;
+    do {
+      if (r && e.isSameNode(r))
+        return !0;
+      r = r.parentNode || r.host;
+    } while (r);
+  }
+  return !1;
+}
+function se(e) {
+  return U(e).getComputedStyle(e);
+}
+function Mo(e) {
+  return ["table", "td", "th"].indexOf(oe(e)) >= 0;
+}
+function de(e) {
+  return ((he(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function Je(e) {
+  return oe(e) === "html" ? e : (
+    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[prop-missing]
+    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    e.parentNode || // DOM Element detected
+    (st(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    de(e)
+  );
+}
+function wt(e) {
+  return !X(e) || // https://github.com/popperjs/popper-core/issues/837
+  se(e).position === "fixed" ? null : e.offsetParent;
+}
+function Co(e) {
+  var t = /firefox/i.test(rt()), o = /Trident/i.test(rt());
+  if (o && X(e)) {
+    var r = se(e);
+    if (r.position === "fixed")
+      return null;
+  }
+  var a = Je(e);
+  for (st(a) && (a = a.host); X(a) && ["html", "body"].indexOf(oe(a)) < 0; ) {
+    var i = se(a);
+    if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || t && i.willChange === "filter" || t && i.filter && i.filter !== "none")
+      return a;
+    a = a.parentNode;
+  }
+  return null;
+}
+function Le(e) {
+  for (var t = U(e), o = wt(e); o && Mo(o) && se(o).position === "static"; )
+    o = wt(o);
+  return o && (oe(o) === "html" || oe(o) === "body" && se(o).position === "static") ? t : o || Co(e) || t;
+}
+function lt(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function je(e, t, o) {
+  return me(e, Ge(t, o));
+}
+function jo(e, t, o) {
+  var r = je(e, t, o);
+  return r > o ? o : r;
+}
+function Ft() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function Ht(e) {
+  return Object.assign({}, Ft(), e);
+}
+function Ut(e, t) {
+  return t.reduce(function(o, r) {
+    return o[r] = e, o;
+  }, {});
+}
+var Do = function(t, o) {
+  return t = typeof t == "function" ? t(Object.assign({}, o.rects, {
+    placement: o.placement
+  })) : t, Ht(typeof t != "number" ? t : Ut(t, Be));
+};
+function ko(e) {
+  var t, o = e.state, r = e.name, a = e.options, i = o.elements.arrow, c = o.modifiersData.popperOffsets, s = te(o.placement), p = lt(s), f = [F, G].indexOf(s) >= 0, l = f ? "height" : "width";
+  if (!(!i || !c)) {
+    var g = Do(a.padding, o), x = pt(i), u = p === "y" ? W : F, E = p === "y" ? Y : G, v = o.rects.reference[l] + o.rects.reference[p] - c[p] - o.rects.popper[l], h = c[p] - o.rects.reference[p], O = Le(i), A = O ? p === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, T = v / 2 - h / 2, d = g[u], b = A - x[l] - g[E], y = A / 2 - x[l] / 2 + T, P = je(d, y, b), D = p;
+    o.modifiersData[r] = (t = {}, t[D] = P, t.centerOffset = P - y, t);
+  }
+}
+function $o(e) {
+  var t = e.state, o = e.options, r = o.element, a = r === void 0 ? "[data-popper-arrow]" : r;
+  a != null && (typeof a == "string" && (a = t.elements.popper.querySelector(a), !a) || Wt(t.elements.popper, a) && (t.elements.arrow = a));
+}
+const Bo = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: ko,
+  effect: $o,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function Pe(e) {
+  return e.split("-")[1];
+}
+var Lo = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function No(e, t) {
+  var o = e.x, r = e.y, a = t.devicePixelRatio || 1;
+  return {
+    x: xe(o * a) / a || 0,
+    y: xe(r * a) / a || 0
+  };
+}
+function Ot(e) {
+  var t, o = e.popper, r = e.popperRect, a = e.placement, i = e.variation, c = e.offsets, s = e.position, p = e.gpuAcceleration, f = e.adaptive, l = e.roundOffsets, g = e.isFixed, x = c.x, u = x === void 0 ? 0 : x, 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 O = c.hasOwnProperty("x"), A = c.hasOwnProperty("y"), T = F, d = W, b = window;
+  if (f) {
+    var y = Le(o), P = "clientHeight", D = "clientWidth";
+    if (y === U(o) && (y = de(o), se(y).position !== "static" && s === "absolute" && (P = "scrollHeight", D = "scrollWidth")), y = y, a === W || (a === F || a === G) && i === ke) {
+      d = Y;
+      var w = g && y === b && b.visualViewport ? b.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        y[P]
+      );
+      v -= w - r.height, v *= p ? 1 : -1;
+    }
+    if (a === F || (a === W || a === Y) && i === ke) {
+      T = G;
+      var M = g && y === b && b.visualViewport ? b.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        y[D]
+      );
+      u -= M - r.width, u *= p ? 1 : -1;
+    }
+  }
+  var S = Object.assign({
+    position: s
+  }, f && Lo), N = l === !0 ? No({
+    x: u,
+    y: v
+  }, U(o)) : {
+    x: u,
+    y: v
+  };
+  if (u = N.x, v = N.y, p) {
+    var R;
+    return Object.assign({}, S, (R = {}, R[d] = A ? "0" : "", R[T] = O ? "0" : "", R.transform = (b.devicePixelRatio || 1) <= 1 ? "translate(" + u + "px, " + v + "px)" : "translate3d(" + u + "px, " + v + "px, 0)", R));
+  }
+  return Object.assign({}, S, (t = {}, t[d] = A ? v + "px" : "", t[T] = O ? u + "px" : "", t.transform = "", t));
+}
+function Io(e) {
+  var t = e.state, o = e.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: te(t.placement),
+    variation: Pe(t.placement),
+    popper: t.elements.popper,
+    popperRect: t.rects.popper,
+    gpuAcceleration: a,
+    isFixed: t.options.strategy === "fixed"
+  };
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Ot(Object.assign({}, f, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
+    adaptive: c,
+    roundOffsets: p
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Ot(Object.assign({}, f, {
+    offsets: t.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: p
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
+  });
+}
+const Wo = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: Io,
+  data: {}
+};
+var Ve = {
+  passive: !0
+};
+function Fo(e) {
+  var t = e.state, o = e.instance, r = e.options, a = r.scroll, i = a === void 0 ? !0 : a, c = r.resize, s = c === void 0 ? !0 : c, p = U(t.elements.popper), f = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return i && f.forEach(function(l) {
+    l.addEventListener("scroll", o.update, Ve);
+  }), s && p.addEventListener("resize", o.update, Ve), function() {
+    i && f.forEach(function(l) {
+      l.removeEventListener("scroll", o.update, Ve);
+    }), s && p.removeEventListener("resize", o.update, Ve);
+  };
+}
+const Ho = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: Fo,
+  data: {}
+};
+var Uo = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Xe(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return Uo[t];
+  });
+}
+var Vo = {
+  start: "end",
+  end: "start"
+};
+function xt(e) {
+  return e.replace(/start|end/g, function(t) {
+    return Vo[t];
+  });
+}
+function ct(e) {
+  var t = U(e), o = t.pageXOffset, r = t.pageYOffset;
+  return {
+    scrollLeft: o,
+    scrollTop: r
+  };
+}
+function ft(e) {
+  return Te(de(e)).left + ct(e).scrollLeft;
+}
+function qo(e, t) {
+  var o = U(e), r = de(e), 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 && t === "fixed") && (s = a.offsetLeft, p = a.offsetTop);
+  }
+  return {
+    width: i,
+    height: c,
+    x: s + ft(e),
+    y: p
+  };
+}
+function zo(e) {
+  var t, o = de(e), r = ct(e), a = (t = e.ownerDocument) == null ? void 0 : t.body, i = me(o.scrollWidth, o.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), c = me(o.scrollHeight, o.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), s = -r.scrollLeft + ft(e), p = -r.scrollTop;
+  return se(a || o).direction === "rtl" && (s += me(o.clientWidth, a ? a.clientWidth : 0) - i), {
+    width: i,
+    height: c,
+    x: s,
+    y: p
+  };
+}
+function ut(e) {
+  var t = se(e), o = t.overflow, r = t.overflowX, a = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(o + a + r);
+}
+function Vt(e) {
+  return ["html", "body", "#document"].indexOf(oe(e)) >= 0 ? e.ownerDocument.body : X(e) && ut(e) ? e : Vt(Je(e));
+}
+function De(e, t) {
+  var o;
+  t === void 0 && (t = []);
+  var r = Vt(e), a = r === ((o = e.ownerDocument) == null ? void 0 : o.body), i = U(r), c = a ? [i].concat(i.visualViewport || [], ut(r) ? r : []) : r, s = t.concat(c);
+  return a ? s : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    s.concat(De(Je(c)))
+  );
+}
+function nt(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  });
+}
+function Xo(e, t) {
+  var o = Te(e, !1, t === "fixed");
+  return o.top = o.top + e.clientTop, o.left = o.left + e.clientLeft, o.bottom = o.top + e.clientHeight, o.right = o.left + e.clientWidth, o.width = e.clientWidth, o.height = e.clientHeight, o.x = o.left, o.y = o.top, o;
+}
+function Tt(e, t, o) {
+  return t === Lt ? nt(qo(e, o)) : he(t) ? Xo(t, o) : nt(zo(de(e)));
+}
+function Yo(e) {
+  var t = De(Je(e)), o = ["absolute", "fixed"].indexOf(se(e).position) >= 0, r = o && X(e) ? Le(e) : e;
+  return he(r) ? t.filter(function(a) {
+    return he(a) && Wt(a, r) && oe(a) !== "body";
+  }) : [];
+}
+function Go(e, t, o, r) {
+  var a = t === "clippingParents" ? Yo(e) : [].concat(t), i = [].concat(a, [o]), c = i[0], s = i.reduce(function(p, f) {
+    var l = Tt(e, f, r);
+    return p.top = me(l.top, p.top), p.right = Ge(l.right, p.right), p.bottom = Ge(l.bottom, p.bottom), p.left = me(l.left, p.left), p;
+  }, Tt(e, 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 qt(e) {
+  var t = e.reference, o = e.element, r = e.placement, a = r ? te(r) : null, i = r ? Pe(r) : null, c = t.x + t.width / 2 - o.width / 2, s = t.y + t.height / 2 - o.height / 2, p;
+  switch (a) {
+    case W:
+      p = {
+        x: c,
+        y: t.y - o.height
+      };
+      break;
+    case Y:
+      p = {
+        x: c,
+        y: t.y + t.height
+      };
+      break;
+    case G:
+      p = {
+        x: t.x + t.width,
+        y: s
+      };
+      break;
+    case F:
+      p = {
+        x: t.x - o.width,
+        y: s
+      };
+      break;
+    default:
+      p = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  var f = a ? lt(a) : null;
+  if (f != null) {
+    var l = f === "y" ? "height" : "width";
+    switch (i) {
+      case Oe:
+        p[f] = p[f] - (t[l] / 2 - o[l] / 2);
+        break;
+      case ke:
+        p[f] = p[f] + (t[l] / 2 - o[l] / 2);
+        break;
+    }
+  }
+  return p;
+}
+function $e(e, t) {
+  t === void 0 && (t = {});
+  var o = t, r = o.placement, a = r === void 0 ? e.placement : r, i = o.strategy, c = i === void 0 ? e.strategy : i, s = o.boundary, p = s === void 0 ? vo : s, f = o.rootBoundary, l = f === void 0 ? Lt : f, g = o.elementContext, x = g === void 0 ? Me : g, u = o.altBoundary, E = u === void 0 ? !1 : u, v = o.padding, h = v === void 0 ? 0 : v, O = Ht(typeof h != "number" ? h : Ut(h, Be)), A = x === Me ? mo : Me, T = e.rects.popper, d = e.elements[E ? A : x], b = Go(he(d) ? d : d.contextElement || de(e.elements.popper), p, l, c), y = Te(e.elements.reference), P = qt({
+    reference: y,
+    element: T,
+    placement: a
+  }), D = nt(Object.assign({}, T, P)), w = x === Me ? D : y, M = {
+    top: b.top - w.top + O.top,
+    bottom: w.bottom - b.bottom + O.bottom,
+    left: b.left - w.left + O.left,
+    right: w.right - b.right + O.right
+  }, S = e.modifiersData.offset;
+  if (x === Me && S) {
+    var N = S[a];
+    Object.keys(M).forEach(function(R) {
+      var V = [G, Y].indexOf(R) >= 0 ? 1 : -1, H = [W, Y].indexOf(R) >= 0 ? "y" : "x";
+      M[R] += N[H] * V;
+    });
+  }
+  return M;
+}
+function Ko(e, t) {
+  t === void 0 && (t = {});
+  var o = t, r = o.placement, a = o.boundary, i = o.rootBoundary, c = o.padding, s = o.flipVariations, p = o.allowedAutoPlacements, f = p === void 0 ? Nt : p, l = Pe(r), g = l ? s ? yt : yt.filter(function(E) {
+    return Pe(E) === l;
+  }) : Be, x = g.filter(function(E) {
+    return f.indexOf(E) >= 0;
+  });
+  x.length === 0 && (x = g);
+  var u = x.reduce(function(E, v) {
+    return E[v] = $e(e, {
+      placement: v,
+      boundary: a,
+      rootBoundary: i,
+      padding: c
+    })[te(v)], E;
+  }, {});
+  return Object.keys(u).sort(function(E, v) {
+    return u[E] - u[v];
+  });
+}
+function Qo(e) {
+  if (te(e) === it)
+    return [];
+  var t = Xe(e);
+  return [xt(e), t, xt(t)];
+}
+function Jo(e) {
+  var t = e.state, o = e.options, r = e.name;
+  if (!t.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, x = o.altBoundary, u = o.flipVariations, E = u === void 0 ? !0 : u, v = o.allowedAutoPlacements, h = t.options.placement, O = te(h), A = O === h, T = p || (A || !E ? [Xe(h)] : Qo(h)), d = [h].concat(T).reduce(function(re, B) {
+      return re.concat(te(B) === it ? Ko(t, {
+        placement: B,
+        boundary: l,
+        rootBoundary: g,
+        padding: f,
+        flipVariations: E,
+        allowedAutoPlacements: v
+      }) : B);
+    }, []), b = t.rects.reference, y = t.rects.popper, P = /* @__PURE__ */ new Map(), D = !0, w = d[0], M = 0; M < d.length; M++) {
+      var S = d[M], N = te(S), R = Pe(S) === Oe, V = [W, Y].indexOf(N) >= 0, H = V ? "width" : "height", k = $e(t, {
+        placement: S,
+        boundary: l,
+        rootBoundary: g,
+        altBoundary: x,
+        padding: f
+      }), $ = V ? R ? G : F : R ? Y : W;
+      b[H] > y[H] && ($ = Xe($));
+      var K = Xe($), C = [];
+      if (i && C.push(k[N] <= 0), s && C.push(k[$] <= 0, k[K] <= 0), C.every(function(re) {
+        return re;
+      })) {
+        w = S, D = !1;
+        break;
+      }
+      P.set(S, C);
+    }
+    if (D)
+      for (var J = E ? 3 : 1, Z = function(B) {
+        var ne = d.find(function(ee) {
+          var q = P.get(ee);
+          if (q)
+            return q.slice(0, B).every(function(ge) {
+              return ge;
+            });
+        });
+        if (ne)
+          return w = ne, "break";
+      }, _ = J; _ > 0; _--) {
+        var pe = Z(_);
+        if (pe === "break") break;
+      }
+    t.placement !== w && (t.modifiersData[r]._skip = !0, t.placement = w, t.reset = !0);
+  }
+}
+const Zo = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: Jo,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function Pt(e, t, o) {
+  return o === void 0 && (o = {
+    x: 0,
+    y: 0
+  }), {
+    top: e.top - t.height - o.y,
+    right: e.right - t.width + o.x,
+    bottom: e.bottom - t.height + o.y,
+    left: e.left - t.width - o.x
+  };
+}
+function Et(e) {
+  return [W, G, Y, F].some(function(t) {
+    return e[t] >= 0;
+  });
+}
+function _o(e) {
+  var t = e.state, o = e.name, r = t.rects.reference, a = t.rects.popper, i = t.modifiersData.preventOverflow, c = $e(t, {
+    elementContext: "reference"
+  }), s = $e(t, {
+    altBoundary: !0
+  }), p = Pt(c, r), f = Pt(s, a, i), l = Et(p), g = Et(f);
+  t.modifiersData[o] = {
+    referenceClippingOffsets: p,
+    popperEscapeOffsets: f,
+    isReferenceHidden: l,
+    hasPopperEscaped: g
+  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-reference-hidden": l,
+    "data-popper-escaped": g
+  });
+}
+const er = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: _o
+};
+function tr(e, t, o) {
+  var r = te(e), a = [F, W].indexOf(r) >= 0 ? -1 : 1, i = typeof o == "function" ? o(Object.assign({}, t, {
+    placement: e
+  })) : o, c = i[0], s = i[1];
+  return c = c || 0, s = (s || 0) * a, [F, G].indexOf(r) >= 0 ? {
+    x: s,
+    y: c
+  } : {
+    x: c,
+    y: s
+  };
+}
+function or(e) {
+  var t = e.state, o = e.options, r = e.name, a = o.offset, i = a === void 0 ? [0, 0] : a, c = Nt.reduce(function(l, g) {
+    return l[g] = tr(g, t.rects, i), l;
+  }, {}), s = c[t.placement], p = s.x, f = s.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += p, t.modifiersData.popperOffsets.y += f), t.modifiersData[r] = c;
+}
+const rr = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: or
+};
+function nr(e) {
+  var t = e.state, o = e.name;
+  t.modifiersData[o] = qt({
+    reference: t.rects.reference,
+    element: t.rects.popper,
+    placement: t.placement
+  });
+}
+const ar = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: nr,
+  data: {}
+};
+function ir(e) {
+  return e === "x" ? "y" : "x";
+}
+function sr(e) {
+  var t = e.state, o = e.options, r = e.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, x = o.tether, u = x === void 0 ? !0 : x, E = o.tetherOffset, v = E === void 0 ? 0 : E, h = $e(t, {
+    boundary: p,
+    rootBoundary: f,
+    padding: g,
+    altBoundary: l
+  }), O = te(t.placement), A = Pe(t.placement), T = !A, d = lt(O), b = ir(d), y = t.modifiersData.popperOffsets, P = t.rects.reference, D = t.rects.popper, w = typeof v == "function" ? v(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : v, M = typeof w == "number" ? {
+    mainAxis: w,
+    altAxis: w
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, w), S = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, N = {
+    x: 0,
+    y: 0
+  };
+  if (y) {
+    if (i) {
+      var R, V = d === "y" ? W : F, H = d === "y" ? Y : G, k = d === "y" ? "height" : "width", $ = y[d], K = $ + h[V], C = $ - h[H], J = u ? -D[k] / 2 : 0, Z = A === Oe ? P[k] : D[k], _ = A === Oe ? -D[k] : -P[k], pe = t.elements.arrow, re = u && pe ? pt(pe) : {
+        width: 0,
+        height: 0
+      }, B = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Ft(), ne = B[V], ee = B[H], q = je(0, P[k], re[k]), ge = T ? P[k] / 2 - J - q - ne - M.mainAxis : Z - q - ne - M.mainAxis, be = T ? -P[k] / 2 + J + q + ee + M.mainAxis : _ + q + ee + M.mainAxis, le = t.elements.arrow && Le(t.elements.arrow), Ee = le ? d === "y" ? le.clientTop || 0 : le.clientLeft || 0 : 0, Re = (R = S?.[d]) != null ? R : 0, Se = $ + ge - Re - Ee, Ne = $ + be - Re, Ae = je(u ? Ge(K, Se) : K, $, u ? me(C, Ne) : C);
+      y[d] = Ae, N[d] = Ae - $;
+    }
+    if (s) {
+      var Ie, _e = d === "x" ? W : F, et = d === "x" ? Y : G, Q = y[b], ye = b === "y" ? "height" : "width", ce = Q + h[_e], we = Q - h[et], I = [W, F].indexOf(O) !== -1, fe = (Ie = S?.[b]) != null ? Ie : 0, ae = I ? ce : Q - P[ye] - D[ye] - fe + M.altAxis, ue = I ? Q + P[ye] + D[ye] - fe - M.altAxis : we, We = u && I ? jo(ae, Q, ue) : je(u ? ae : ce, Q, u ? ue : we);
+      y[b] = We, N[b] = We - Q;
+    }
+    t.modifiersData[r] = N;
+  }
+}
+const pr = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: sr,
+  requiresIfExists: ["offset"]
+};
+function lr(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function cr(e) {
+  return e === U(e) || !X(e) ? ct(e) : lr(e);
+}
+function fr(e) {
+  var t = e.getBoundingClientRect(), o = xe(t.width) / e.offsetWidth || 1, r = xe(t.height) / e.offsetHeight || 1;
+  return o !== 1 || r !== 1;
+}
+function ur(e, t, o) {
+  o === void 0 && (o = !1);
+  var r = X(t), a = X(t) && fr(t), i = de(t), c = Te(e, a, o), s = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, p = {
+    x: 0,
+    y: 0
+  };
+  return (r || !r && !o) && ((oe(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  ut(i)) && (s = cr(t)), X(t) ? (p = Te(t, !0), p.x += t.clientLeft, p.y += t.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 dr(e) {
+  var t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), r = [];
+  e.forEach(function(i) {
+    t.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 = t.get(s);
+        p && a(p);
+      }
+    }), r.push(i);
+  }
+  return e.forEach(function(i) {
+    o.has(i.name) || a(i);
+  }), r;
+}
+function vr(e) {
+  var t = dr(e);
+  return Eo.reduce(function(o, r) {
+    return o.concat(t.filter(function(a) {
+      return a.phase === r;
+    }));
+  }, []);
+}
+function mr(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(o) {
+      Promise.resolve().then(function() {
+        t = void 0, o(e());
+      });
+    })), t;
+  };
+}
+function hr(e) {
+  var t = e.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(t).map(function(o) {
+    return t[o];
+  });
+}
+var Rt = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function St() {
+  for (var e = arguments.length, t = new Array(e), o = 0; o < e; o++)
+    t[o] = arguments[o];
+  return !t.some(function(r) {
+    return !(r && typeof r.getBoundingClientRect == "function");
+  });
+}
+function gr(e) {
+  e === void 0 && (e = {});
+  var t = e, o = t.defaultModifiers, r = o === void 0 ? [] : o, a = t.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 = [], x = !1, u = {
+      state: l,
+      setOptions: function(O) {
+        var A = typeof O == "function" ? O(l.options) : O;
+        v(), l.options = Object.assign({}, i, l.options, A), l.scrollParents = {
+          reference: he(s) ? De(s) : s.contextElement ? De(s.contextElement) : [],
+          popper: De(p)
+        };
+        var T = vr(hr([].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 (!x) {
+          var O = l.elements, A = O.reference, T = O.popper;
+          if (St(A, T)) {
+            l.rects = {
+              reference: ur(A, Le(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 b = l.orderedModifiers[d], y = b.fn, P = b.options, D = P === void 0 ? {} : P, w = b.name;
+              typeof y == "function" && (l = y({
+                state: l,
+                options: D,
+                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: mr(function() {
+        return new Promise(function(h) {
+          u.forceUpdate(), h(l);
+        });
+      }),
+      destroy: function() {
+        v(), x = !0;
+      }
+    };
+    if (!St(s, p))
+      return u;
+    u.setOptions(f).then(function(h) {
+      !x && f.onFirstUpdate && f.onFirstUpdate(h);
+    });
+    function E() {
+      l.orderedModifiers.forEach(function(h) {
+        var O = h.name, A = h.options, T = A === void 0 ? {} : A, d = h.effect;
+        if (typeof d == "function") {
+          var b = d({
+            state: l,
+            name: O,
+            instance: u,
+            options: T
+          }), y = function() {
+          };
+          g.push(b || y);
+        }
+      });
+    }
+    function v() {
+      g.forEach(function(h) {
+        return h();
+      }), g = [];
+    }
+    return u;
+  };
+}
+var br = [Ho, ar, Wo, Ao, rr, Zo, pr, Bo, er], yr = /* @__PURE__ */ gr({
+  defaultModifiers: br
+});
+function wr(e) {
+  return Mt("MuiPopper", e);
+}
+Ct("MuiPopper", ["root"]);
+function Or(e, t) {
+  if (t === "ltr")
+    return e;
+  switch (e) {
+    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 e;
+  }
+}
+function Ke(e) {
+  return typeof e == "function" ? e() : e;
+}
+function Ze(e) {
+  return e.nodeType !== void 0;
+}
+function xr(e) {
+  return !Ze(e);
+}
+const Tr = (e) => {
+  const {
+    classes: t
+  } = e;
+  return jt({
+    root: ["root"]
+  }, wr, t);
+}, Pr = {}, Er = /* @__PURE__ */ j.forwardRef(function(t, o) {
+  const {
+    anchorEl: r,
+    children: a,
+    direction: i,
+    disablePortal: c,
+    modifiers: s,
+    open: p,
+    placement: f,
+    popperOptions: l,
+    popperRef: g,
+    slotProps: x = {},
+    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
+  } = t, O = j.useRef(null), A = ot(O, o), T = j.useRef(null), d = ot(T, g), b = j.useRef(d);
+  ht(() => {
+    b.current = d;
+  }, [d]), j.useImperativeHandle(g, () => T.current, []);
+  const y = Or(f, i), [P, D] = j.useState(y), [w, M] = j.useState(Ke(r));
+  j.useEffect(() => {
+    T.current && T.current.forceUpdate();
+  }), j.useEffect(() => {
+    r && M(Ke(r));
+  }, [r]), ht(() => {
+    if (!w || !p)
+      return;
+    const H = (C) => {
+      D(C.placement);
+    };
+    if (process.env.NODE_ENV !== "production" && w && Ze(w) && w.nodeType === 1) {
+      const C = w.getBoundingClientRect();
+      $t() && C.top === 0 && C.left === 0 && C.right === 0 && C.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 k = [{
+      name: "preventOverflow",
+      options: {
+        altBoundary: c
+      }
+    }, {
+      name: "flip",
+      options: {
+        altBoundary: c
+      }
+    }, {
+      name: "onUpdate",
+      enabled: !0,
+      phase: "afterWrite",
+      fn: ({
+        state: C
+      }) => {
+        H(C);
+      }
+    }];
+    s != null && (k = k.concat(s)), l && l.modifiers != null && (k = k.concat(l.modifiers));
+    const $ = yr(w, O.current, {
+      placement: y,
+      ...l,
+      modifiers: k
+    });
+    b.current($);
+    const K = O.current;
+    return () => {
+      if (K) {
+        const {
+          style: C
+        } = K, J = C.position, Z = C.top, _ = C.left, pe = C.transform;
+        $.destroy(), C.position = J, C.top = Z, C.left = _, C.transform = pe;
+      } else
+        $.destroy();
+      b.current(null);
+    };
+  }, [w, c, s, p, l, y]);
+  const S = {
+    placement: P
+  };
+  E !== null && (S.TransitionProps = E);
+  const N = Tr(t), R = u.root ?? "div", V = io({
+    elementType: R,
+    externalSlotProps: x.root,
+    externalForwardedProps: h,
+    additionalProps: {
+      role: "tooltip",
+      ref: A
+    },
+    ownerState: t,
+    className: N.root
+  });
+  return /* @__PURE__ */ ie(R, {
+    ...V,
+    children: typeof a == "function" ? a(S) : a
+  });
+}), zt = /* @__PURE__ */ j.forwardRef(function(t, 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: x = Pr,
+    popperRef: u,
+    style: E,
+    transition: v = !1,
+    slotProps: h = {},
+    slots: O = {},
+    ...A
+  } = t, [T, d] = j.useState(!0), b = () => {
+    d(!1);
+  }, y = () => {
+    d(!0);
+  };
+  if (!p && !l && (!v || T))
+    return null;
+  let P;
+  if (i)
+    P = i;
+  else if (r) {
+    const M = Ke(r);
+    P = M && Ze(M) ? mt(M).body : mt(null).body;
+  }
+  const D = !l && p && (!v || T) ? "none" : void 0, w = v ? {
+    in: l,
+    onEnter: b,
+    onExited: y
+  } : void 0;
+  return /* @__PURE__ */ ie(ao, {
+    disablePortal: s,
+    container: P,
+    children: /* @__PURE__ */ ie(Er, {
+      anchorEl: r,
+      direction: c,
+      disablePortal: s,
+      modifiers: f,
+      ref: o,
+      open: v ? !T : l,
+      placement: g,
+      popperOptions: x,
+      popperRef: u,
+      slotProps: h,
+      slots: O,
+      ...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: D,
+        ...E
+      },
+      TransitionProps: w,
+      children: a
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (zt.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: to(n.oneOfType([Ye, n.object, n.func]), (e) => {
+    if (e.open) {
+      const t = Ke(e.anchorEl);
+      if (t && Ze(t) && t.nodeType === 1) {
+        const o = t.getBoundingClientRect();
+        if (process.env.NODE_ENV !== "production" && $t() && 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 (!t || typeof t.getBoundingClientRect != "function" || xr(t) && t.contextElement != null && t.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: Bt,
+  /**
+   * 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 Rr = Qe(zt, {
+  name: "MuiPopper",
+  slot: "Root"
+})({}), dt = /* @__PURE__ */ j.forwardRef(function(t, o) {
+  const r = oo(), a = Dt({
+    props: t,
+    name: "MuiPopper"
+  }), {
+    anchorEl: i,
+    component: c,
+    container: s,
+    disablePortal: p,
+    keepMounted: f,
+    modifiers: l,
+    open: g,
+    placement: x,
+    popperOptions: u,
+    popperRef: E,
+    transition: v,
+    slots: h,
+    slotProps: O,
+    ...A
+  } = a, T = {
+    anchorEl: i,
+    container: s,
+    disablePortal: p,
+    keepMounted: f,
+    modifiers: l,
+    open: g,
+    placement: x,
+    popperOptions: u,
+    popperRef: E,
+    transition: v,
+    ...A
+  };
+  return /* @__PURE__ */ ie(Rr, {
+    as: c,
+    direction: r ? "rtl" : "ltr",
+    slots: h,
+    slotProps: O,
+    ...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: Bt,
+  /**
+   * 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 Sr(e) {
+  return Mt("MuiTooltip", e);
+}
+const z = Ct("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]);
+function Ar(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const Mr = (e) => {
+  const {
+    classes: t,
+    disableInteractive: o,
+    arrow: r,
+    touch: a,
+    placement: i
+  } = e, c = {
+    popper: ["popper", !o && "popperInteractive", r && "popperArrow"],
+    tooltip: ["tooltip", r && "tooltipArrow", a && "touch", `tooltipPlacement${kt(i.split("-")[0])}`],
+    arrow: ["arrow"]
+  };
+  return jt(c, Sr, t);
+}, Cr = Qe(dt, {
+  name: "MuiTooltip",
+  slot: "Popper",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.popper, !o.disableInteractive && t.popperInteractive, o.arrow && t.popperArrow, !o.open && t.popperClose];
+  }
+})(at(({
+  theme: e
+}) => ({
+  zIndex: (e.vars || e).zIndex.tooltip,
+  pointerEvents: "none",
+  variants: [{
+    props: ({
+      ownerState: t,
+      open: o
+    }) => o && !t.disableInteractive,
+    style: {
+      pointerEvents: "auto"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.arrow,
+    style: {
+      [`&[data-popper-placement*="bottom"] .${z.arrow}`]: {
+        top: 0,
+        marginTop: "-0.71em",
+        "&::before": {
+          transformOrigin: "0 100%"
+        }
+      },
+      [`&[data-popper-placement*="top"] .${z.arrow}`]: {
+        bottom: 0,
+        marginBottom: "-0.71em",
+        "&::before": {
+          transformOrigin: "100% 0"
+        }
+      },
+      [`&[data-popper-placement*="right"] .${z.arrow}`]: {
+        height: "1em",
+        width: "0.71em",
+        insetInlineStart: 0,
+        marginInlineStart: "-0.71em",
+        "&::before": {
+          transformOrigin: "100% 100%"
+        }
+      },
+      [`&[data-popper-placement*="left"] .${z.arrow}`]: {
+        height: "1em",
+        width: "0.71em",
+        insetInlineEnd: 0,
+        marginInlineEnd: "-0.71em",
+        "&::before": {
+          transformOrigin: "0 0"
+        }
+      }
+    }
+  }]
+}))), jr = Qe("div", {
+  name: "MuiTooltip",
+  slot: "Tooltip",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.tooltip, o.touch && t.touch, o.arrow && t.tooltipArrow, t[`tooltipPlacement${kt(o.placement.split("-")[0])}`]];
+  }
+})(at(({
+  theme: e
+}) => ({
+  backgroundColor: e.vars ? e.vars.palette.Tooltip.bg : e.alpha(e.palette.grey[700], 0.92),
+  borderRadius: (e.vars || e).shape.borderRadius,
+  color: (e.vars || e).palette.common.white,
+  fontFamily: e.typography.fontFamily,
+  padding: "4px 8px",
+  fontSize: e.typography.pxToRem(11),
+  maxWidth: 300,
+  margin: 2,
+  wordWrap: "break-word",
+  fontWeight: e.typography.fontWeightMedium,
+  [`.${z.popper}[data-popper-placement*="left"] &`]: {
+    transformOrigin: "right center",
+    marginInlineEnd: "14px"
+  },
+  [`.${z.popper}[data-popper-placement*="right"] &`]: {
+    transformOrigin: "left center",
+    marginInlineStart: "14px"
+  },
+  [`.${z.popper}[data-popper-placement*="top"] &`]: {
+    transformOrigin: "center bottom",
+    marginBottom: "14px"
+  },
+  [`.${z.popper}[data-popper-placement*="bottom"] &`]: {
+    transformOrigin: "center top",
+    marginTop: "14px"
+  },
+  variants: [{
+    props: ({
+      ownerState: t
+    }) => t.arrow,
+    style: {
+      position: "relative",
+      marginBlock: 0
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.touch,
+    style: {
+      padding: "8px 16px",
+      fontSize: e.typography.pxToRem(14),
+      lineHeight: `${Ar(16 / 14)}em`,
+      fontWeight: e.typography.fontWeightRegular
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.touch,
+    style: {
+      [`.${z.popper}[data-popper-placement*="left"] &`]: {
+        marginInlineEnd: "24px"
+      },
+      [`.${z.popper}[data-popper-placement*="right"] &`]: {
+        marginInlineStart: "24px"
+      },
+      [`.${z.popper}[data-popper-placement*="top"] &`]: {
+        marginBottom: "24px"
+      },
+      [`.${z.popper}[data-popper-placement*="bottom"] &`]: {
+        marginTop: "24px"
+      }
+    }
+  }]
+}))), Dr = Qe("span", {
+  name: "MuiTooltip",
+  slot: "Arrow"
+})(at(({
+  theme: e
+}) => ({
+  overflow: "hidden",
+  position: "absolute",
+  width: "1em",
+  height: "0.71em",
+  boxSizing: "border-box",
+  color: e.vars ? e.vars.palette.Tooltip.bg : e.alpha(e.palette.grey[700], 0.9),
+  "&::before": {
+    content: '""',
+    margin: "auto",
+    display: "block",
+    width: "100%",
+    height: "100%",
+    backgroundColor: "currentColor",
+    transform: "rotate(45deg)"
+  }
+})));
+let qe = !1;
+const At = new fo();
+let Ce = {
+  x: 0,
+  y: 0
+};
+function ze(e, t) {
+  return (o, ...r) => {
+    t && t(o, ...r), e(o, ...r);
+  };
+}
+const Xt = /* @__PURE__ */ j.forwardRef(function(t, o) {
+  const r = Dt({
+    props: t,
+    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: x = 100,
+    enterNextDelay: u = 0,
+    enterTouchDelay: E = 700,
+    followCursor: v = !1,
+    id: h,
+    leaveDelay: O = 0,
+    leaveTouchDelay: A = 1500,
+    onClose: T,
+    onOpen: d,
+    open: b,
+    placement: y = "bottom",
+    slotProps: P = {},
+    slots: D = {},
+    title: w,
+    ...M
+  } = r, S = /* @__PURE__ */ j.isValidElement(i) ? i : /* @__PURE__ */ ie("span", {
+    children: i
+  }), N = so(), [R, V] = j.useState(), [H, k] = j.useState(null), $ = j.useRef(!1), K = l || v, C = Ue(), J = Ue(), Z = Ue(), _ = Ue(), [pe, re] = ro({
+    controlled: b,
+    default: !1,
+    name: "Tooltip",
+    state: "open"
+  });
+  let B = pe;
+  if (process.env.NODE_ENV !== "production") {
+    const {
+      current: m
+    } = j.useRef(b !== void 0);
+    j.useEffect(() => {
+      R && R.disabled && !m && w !== "" && R.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, R, m]);
+  }
+  const ne = po(h), ee = j.useRef(), q = gt(() => {
+    ee.current !== void 0 && (document.body.style.WebkitUserSelect = ee.current, ee.current = void 0), _.clear();
+  });
+  j.useEffect(() => q, [q]);
+  const ge = (m) => {
+    At.clear(), qe = !0, re(!0), d && !B && d(m);
+  }, be = gt(
+    /**
+     * @param {React.SyntheticEvent | Event} event
+     */
+    (m) => {
+      At.start(800 + O, () => {
+        qe = !1;
+      }), re(!1), T && B && T(m), C.start(N.transitions.duration.shortest, () => {
+        $.current = !1;
+      });
+    }
+  ), le = (m) => {
+    $.current && m.type !== "touchstart" || (R && R.removeAttribute("title"), J.clear(), Z.clear(), x || qe && u ? J.start(qe ? u : x, () => {
+      ge(m);
+    }) : ge(m));
+  }, Ee = (m) => {
+    J.clear(), Z.start(O, () => {
+      be(m);
+    });
+  }, [, Re] = j.useState(!1), Se = (m) => {
+    const L = m?.target ?? R;
+    if (!L || L.disabled || !bt(L)) {
+      Re(!1);
+      const ve = m ?? new Event("blur");
+      !m && L && (Object.defineProperty(ve, "target", {
+        value: L
+      }), Object.defineProperty(ve, "currentTarget", {
+        value: L
+      })), Ee(ve);
+    }
+  }, Ne = (m) => {
+    if (R || V(m.currentTarget), bt(m.target)) {
+      const L = (ve) => {
+        ve.target.disabled && Se(ve), ve.target.removeEventListener("blur", L);
+      };
+      m.target.addEventListener("blur", L), Re(!0), le(m);
+    }
+  }, Ae = (m) => {
+    $.current = !0;
+    const L = S.props;
+    L.onTouchStart && L.onTouchStart(m);
+  }, Ie = (m) => {
+    Ae(m), Z.clear(), C.clear(), q(), ee.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", _.start(E, () => {
+      document.body.style.WebkitUserSelect = ee.current, le(m);
+    });
+  }, _e = (m) => {
+    S.props.onTouchEnd && S.props.onTouchEnd(m), q(), Z.start(A, () => {
+      be(m);
+    });
+  };
+  j.useEffect(() => {
+    if (!B)
+      return;
+    function m(L) {
+      L.key === "Escape" && be(L);
+    }
+    return document.addEventListener("keydown", m), () => {
+      document.removeEventListener("keydown", m);
+    };
+  }, [be, B]);
+  const et = ot(lo(S), V, o);
+  !w && w !== 0 && (B = !1);
+  const Q = j.useRef(), ye = (m) => {
+    const L = S.props;
+    L.onMouseMove && L.onMouseMove(m), Ce = {
+      x: m.clientX,
+      y: m.clientY
+    }, Q.current && Q.current.update();
+  }, ce = {}, we = typeof w == "string";
+  s ? (ce.title = !B && we && !f ? w : null, ce["aria-describedby"] = B ? ne : null) : (ce["aria-label"] = we ? w : null, ce["aria-labelledby"] = B && !we ? ne : null);
+  const I = {
+    ...ce,
+    ...M,
+    ...S.props,
+    className: no(M.className, S.props.className),
+    onTouchStart: Ae,
+    ref: et,
+    ...v ? {
+      onMouseMove: ye
+    } : {}
+  };
+  process.env.NODE_ENV !== "production" && (I["data-mui-internal-clone-element"] = !0, j.useEffect(() => {
+    R && !R.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(`
+`));
+  }, [R]));
+  const fe = {};
+  g || (I.onTouchStart = Ie, I.onTouchEnd = _e), f || (I.onMouseOver = ze(le, I.onMouseOver), I.onMouseLeave = ze(Ee, I.onMouseLeave), K || (fe.onMouseOver = le, fe.onMouseLeave = Ee)), p || (I.onFocus = ze(Ne, I.onFocus), I.onBlur = ze(Se, I.onBlur), K || (fe.onFocus = Ne, fe.onBlur = Se)), process.env.NODE_ENV !== "production" && S.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${S.props.title}\` or the Tooltip component.`].join(`
+`));
+  const ae = {
+    ...r,
+    arrow: a,
+    disableInteractive: K,
+    placement: y,
+    touch: $.current
+  }, ue = typeof P.popper == "function" ? P.popper(ae) : P.popper, We = j.useMemo(() => {
+    let m = [{
+      name: "arrow",
+      enabled: !!H,
+      options: {
+        element: H,
+        padding: 4
+      }
+    }];
+    return ue?.popperOptions?.modifiers && (m = m.concat(ue.popperOptions.modifiers)), {
+      ...ue?.popperOptions,
+      modifiers: m
+    };
+  }, [H, ue?.popperOptions]), tt = Mr(ae), Fe = {
+    slots: D,
+    slotProps: {
+      arrow: P.arrow,
+      popper: ue,
+      tooltip: P.tooltip,
+      transition: P.transition
+    }
+  }, [Yt, Gt] = He("popper", {
+    elementType: Cr,
+    externalForwardedProps: Fe,
+    ownerState: ae,
+    className: tt.popper
+  }), [Kt, Qt] = He("transition", {
+    elementType: co,
+    externalForwardedProps: Fe,
+    ownerState: ae
+  }), [Jt, Zt] = He("tooltip", {
+    elementType: jr,
+    className: tt.tooltip,
+    externalForwardedProps: Fe,
+    ownerState: ae
+  }), [_t, eo] = He("arrow", {
+    elementType: Dr,
+    className: tt.arrow,
+    externalForwardedProps: Fe,
+    ownerState: ae,
+    ref: k
+  });
+  return /* @__PURE__ */ vt(j.Fragment, {
+    children: [/* @__PURE__ */ j.cloneElement(S, I), /* @__PURE__ */ ie(Yt, {
+      as: dt,
+      placement: y,
+      anchorEl: v ? {
+        getBoundingClientRect: () => ({
+          top: Ce.y,
+          left: Ce.x,
+          right: Ce.x,
+          bottom: Ce.y,
+          width: 0,
+          height: 0
+        })
+      } : R,
+      popperRef: Q,
+      open: R ? B : !1,
+      id: ne,
+      transition: !0,
+      ...fe,
+      ...Gt,
+      popperOptions: We,
+      children: ({
+        TransitionProps: m
+      }) => /* @__PURE__ */ ie(Kt, {
+        timeout: N.transitions.duration.shorter,
+        ...m,
+        ...Qt,
+        children: /* @__PURE__ */ vt(Jt, {
+          ...Zt,
+          children: [w, a ? /* @__PURE__ */ ie(_t, {
+            ...eo
+          }) : 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: uo.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: e,
+  title: t = "",
+  placement: o = "bottom",
+  arrow: r = !0,
+  ...a
+}) {
+  return /* @__PURE__ */ ie(
+    Xt,
+    {
+      title: t,
+      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"
+          }
+        }
+      },
+      ...a,
+      children: e
+    }
+  );
+}
+export {
+  Ir as Tooltip
+};