@notificationapi/react 1.4.0 → 1.5.0

package/dist/assets/InboxHeader.js

@@ -1,2338 +0,0 @@
-import { jsx as I, jsxs as ke, Fragment as xo } from "react/jsx-runtime";
-import { T as Oo } from "./Typography.js";
-import { B as To } from "./Box.js";
-import * as A from "react";
-import { P as r, g as Ft, a as Ut, f as zt, s as nt, u as qt, m as vt, h as Yt, b as Xt, c as Pt } from "./DefaultPropsProvider.js";
-import { u as Gt } from "./useTheme.js";
-import { c as Eo, r as Kt, a as Rt, d as Ne, f as At, u as Ge, g as Po, i as Ct } from "./ButtonBase.js";
-import { o as Mt, P as Ro, H as _e, g as Jt, e as Qt } from "./Portal.js";
-import { u as et } from "./resolveComponentProps.js";
-import { u as Ao } from "./useSlotProps.js";
-import { u as Co, a as Mo, D as jo } from "./Divider.js";
-import { T as Do, a as So, g as jt } from "./utils.js";
-import { I as Dt } from "./IconButton.js";
-import { c as Zt } from "./createSvgIcon.js";
-const $o = /* @__PURE__ */ A.createContext();
-process.env.NODE_ENV !== "production" && (r.node, r.bool);
-const _t = () => A.useContext($o) ?? !1;
-var V = "top", K = "bottom", J = "right", F = "left", ht = "auto", Fe = [V, K, J, F], Te = "start", He = "end", Lo = "clippingParents", eo = "viewport", Le = "popper", Bo = "reference", St = /* @__PURE__ */ Fe.reduce(function(t, e) {
-  return t.concat([e + "-" + Te, e + "-" + He]);
-}, []), to = /* @__PURE__ */ [].concat(Fe, [ht]).reduce(function(t, e) {
-  return t.concat([e, e + "-" + Te, e + "-" + He]);
-}, []), No = "beforeRead", ko = "read", Wo = "afterRead", Io = "beforeMain", Ho = "main", Vo = "afterMain", Fo = "beforeWrite", Uo = "write", zo = "afterWrite", qo = [No, ko, Wo, Io, Ho, Vo, Fo, Uo, zo];
-function re(t) {
-  return t ? (t.nodeName || "").toLowerCase() : null;
-}
-function U(t) {
-  if (t == null)
-    return window;
-  if (t.toString() !== "[object Window]") {
-    var e = t.ownerDocument;
-    return e && e.defaultView || window;
-  }
-  return t;
-}
-function me(t) {
-  var e = U(t).Element;
-  return t instanceof e || t instanceof Element;
-}
-function G(t) {
-  var e = U(t).HTMLElement;
-  return t instanceof e || t instanceof HTMLElement;
-}
-function gt(t) {
-  if (typeof ShadowRoot > "u")
-    return !1;
-  var e = U(t).ShadowRoot;
-  return t instanceof e || t instanceof ShadowRoot;
-}
-function Yo(t) {
-  var e = t.state;
-  Object.keys(e.elements).forEach(function(o) {
-    var n = e.styles[o] || {}, i = e.attributes[o] || {}, a = e.elements[o];
-    !G(a) || !re(a) || (Object.assign(a.style, n), Object.keys(i).forEach(function(c) {
-      var s = i[c];
-      s === !1 ? a.removeAttribute(c) : a.setAttribute(c, s === !0 ? "" : s);
-    }));
-  });
-}
-function Xo(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 i = e.elements[n], a = e.attributes[n] || {}, c = Object.keys(e.styles.hasOwnProperty(n) ? e.styles[n] : o[n]), s = c.reduce(function(p, f) {
-        return p[f] = "", p;
-      }, {});
-      !G(i) || !re(i) || (Object.assign(i.style, s), Object.keys(a).forEach(function(p) {
-        i.removeAttribute(p);
-      }));
-    });
-  };
-}
-const Go = {
-  name: "applyStyles",
-  enabled: !0,
-  phase: "write",
-  fn: Yo,
-  effect: Xo,
-  requires: ["computeStyles"]
-};
-function oe(t) {
-  return t.split("-")[0];
-}
-var de = Math.max, tt = Math.min, Ee = Math.round;
-function ft() {
-  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 oo() {
-  return !/^((?!chrome|android).)*safari/i.test(ft());
-}
-function Pe(t, e, o) {
-  e === void 0 && (e = !1), o === void 0 && (o = !1);
-  var n = t.getBoundingClientRect(), i = 1, a = 1;
-  e && G(t) && (i = t.offsetWidth > 0 && Ee(n.width) / t.offsetWidth || 1, a = t.offsetHeight > 0 && Ee(n.height) / t.offsetHeight || 1);
-  var c = me(t) ? U(t) : window, s = c.visualViewport, p = !oo() && o, f = (n.left + (p && s ? s.offsetLeft : 0)) / i, l = (n.top + (p && s ? s.offsetTop : 0)) / a, h = n.width / i, E = n.height / a;
-  return {
-    width: h,
-    height: E,
-    top: l,
-    right: f + h,
-    bottom: l + E,
-    left: f,
-    x: f,
-    y: l
-  };
-}
-function yt(t) {
-  var e = Pe(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 ro(t, e) {
-  var o = e.getRootNode && e.getRootNode();
-  if (t.contains(e))
-    return !0;
-  if (o && gt(o)) {
-    var n = e;
-    do {
-      if (n && t.isSameNode(n))
-        return !0;
-      n = n.parentNode || n.host;
-    } while (n);
-  }
-  return !1;
-}
-function ie(t) {
-  return U(t).getComputedStyle(t);
-}
-function Ko(t) {
-  return ["table", "td", "th"].indexOf(re(t)) >= 0;
-}
-function pe(t) {
-  return ((me(t) ? t.ownerDocument : (
-    // $FlowFixMe[prop-missing]
-    t.document
-  )) || window.document).documentElement;
-}
-function it(t) {
-  return re(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
-    (gt(t) ? t.host : null) || // ShadowRoot detected
-    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    pe(t)
-  );
-}
-function $t(t) {
-  return !G(t) || // https://github.com/popperjs/popper-core/issues/837
-  ie(t).position === "fixed" ? null : t.offsetParent;
-}
-function Jo(t) {
-  var e = /firefox/i.test(ft()), o = /Trident/i.test(ft());
-  if (o && G(t)) {
-    var n = ie(t);
-    if (n.position === "fixed")
-      return null;
-  }
-  var i = it(t);
-  for (gt(i) && (i = i.host); G(i) && ["html", "body"].indexOf(re(i)) < 0; ) {
-    var a = ie(i);
-    if (a.transform !== "none" || a.perspective !== "none" || a.contain === "paint" || ["transform", "perspective"].indexOf(a.willChange) !== -1 || e && a.willChange === "filter" || e && a.filter && a.filter !== "none")
-      return i;
-    i = i.parentNode;
-  }
-  return null;
-}
-function Ue(t) {
-  for (var e = U(t), o = $t(t); o && Ko(o) && ie(o).position === "static"; )
-    o = $t(o);
-  return o && (re(o) === "html" || re(o) === "body" && ie(o).position === "static") ? e : o || Jo(t) || e;
-}
-function bt(t) {
-  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
-}
-function We(t, e, o) {
-  return de(t, tt(e, o));
-}
-function Qo(t, e, o) {
-  var n = We(t, e, o);
-  return n > o ? o : n;
-}
-function no() {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  };
-}
-function io(t) {
-  return Object.assign({}, no(), t);
-}
-function ao(t, e) {
-  return e.reduce(function(o, n) {
-    return o[n] = t, o;
-  }, {});
-}
-var Zo = function(e, o) {
-  return e = typeof e == "function" ? e(Object.assign({}, o.rects, {
-    placement: o.placement
-  })) : e, io(typeof e != "number" ? e : ao(e, Fe));
-};
-function _o(t) {
-  var e, o = t.state, n = t.name, i = t.options, a = o.elements.arrow, c = o.modifiersData.popperOffsets, s = oe(o.placement), p = bt(s), f = [F, J].indexOf(s) >= 0, l = f ? "height" : "width";
-  if (!(!a || !c)) {
-    var h = Zo(i.padding, o), E = yt(a), m = p === "y" ? V : F, x = p === "y" ? K : J, d = o.rects.reference[l] + o.rects.reference[p] - c[p] - o.rects.popper[l], g = c[p] - o.rects.reference[p], O = Ue(a), C = O ? p === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, w = d / 2 - g / 2, u = h[m], v = C - E[l] - h[x], b = C / 2 - E[l] / 2 + w, T = We(u, b, v), L = p;
-    o.modifiersData[n] = (e = {}, e[L] = T, e.centerOffset = T - b, e);
-  }
-}
-function er(t) {
-  var e = t.state, o = t.options, n = o.element, i = n === void 0 ? "[data-popper-arrow]" : n;
-  i != null && (typeof i == "string" && (i = e.elements.popper.querySelector(i), !i) || ro(e.elements.popper, i) && (e.elements.arrow = i));
-}
-const tr = {
-  name: "arrow",
-  enabled: !0,
-  phase: "main",
-  fn: _o,
-  effect: er,
-  requires: ["popperOffsets"],
-  requiresIfExists: ["preventOverflow"]
-};
-function Re(t) {
-  return t.split("-")[1];
-}
-var or = {
-  top: "auto",
-  right: "auto",
-  bottom: "auto",
-  left: "auto"
-};
-function rr(t, e) {
-  var o = t.x, n = t.y, i = e.devicePixelRatio || 1;
-  return {
-    x: Ee(o * i) / i || 0,
-    y: Ee(n * i) / i || 0
-  };
-}
-function Lt(t) {
-  var e, o = t.popper, n = t.popperRect, i = t.placement, a = t.variation, c = t.offsets, s = t.position, p = t.gpuAcceleration, f = t.adaptive, l = t.roundOffsets, h = t.isFixed, E = c.x, m = E === void 0 ? 0 : E, x = c.y, d = x === void 0 ? 0 : x, g = typeof l == "function" ? l({
-    x: m,
-    y: d
-  }) : {
-    x: m,
-    y: d
-  };
-  m = g.x, d = g.y;
-  var O = c.hasOwnProperty("x"), C = c.hasOwnProperty("y"), w = F, u = V, v = window;
-  if (f) {
-    var b = Ue(o), T = "clientHeight", L = "clientWidth";
-    if (b === U(o) && (b = pe(o), ie(b).position !== "static" && s === "absolute" && (T = "scrollHeight", L = "scrollWidth")), b = b, i === V || (i === F || i === J) && a === He) {
-      u = K;
-      var M = h && b === v && v.visualViewport ? v.visualViewport.height : (
-        // $FlowFixMe[prop-missing]
-        b[T]
-      );
-      d -= M - n.height, d *= p ? 1 : -1;
-    }
-    if (i === F || (i === V || i === K) && a === He) {
-      w = J;
-      var P = h && b === v && v.visualViewport ? v.visualViewport.width : (
-        // $FlowFixMe[prop-missing]
-        b[L]
-      );
-      m -= P - n.width, m *= p ? 1 : -1;
-    }
-  }
-  var D = Object.assign({
-    position: s
-  }, f && or), H = l === !0 ? rr({
-    x: m,
-    y: d
-  }, U(o)) : {
-    x: m,
-    y: d
-  };
-  if (m = H.x, d = H.y, p) {
-    var $;
-    return Object.assign({}, D, ($ = {}, $[u] = C ? "0" : "", $[w] = O ? "0" : "", $.transform = (v.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + d + "px)" : "translate3d(" + m + "px, " + d + "px, 0)", $));
-  }
-  return Object.assign({}, D, (e = {}, e[u] = C ? d + "px" : "", e[w] = O ? m + "px" : "", e.transform = "", e));
-}
-function nr(t) {
-  var e = t.state, o = t.options, n = o.gpuAcceleration, i = n === void 0 ? !0 : n, a = o.adaptive, c = a === void 0 ? !0 : a, s = o.roundOffsets, p = s === void 0 ? !0 : s, f = {
-    placement: oe(e.placement),
-    variation: Re(e.placement),
-    popper: e.elements.popper,
-    popperRect: e.rects.popper,
-    gpuAcceleration: i,
-    isFixed: e.options.strategy === "fixed"
-  };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Lt(Object.assign({}, f, {
-    offsets: e.modifiersData.popperOffsets,
-    position: e.options.strategy,
-    adaptive: c,
-    roundOffsets: p
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Lt(Object.assign({}, f, {
-    offsets: e.modifiersData.arrow,
-    position: "absolute",
-    adaptive: !1,
-    roundOffsets: p
-  })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-placement": e.placement
-  });
-}
-const ir = {
-  name: "computeStyles",
-  enabled: !0,
-  phase: "beforeWrite",
-  fn: nr,
-  data: {}
-};
-var Ke = {
-  passive: !0
-};
-function ar(t) {
-  var e = t.state, o = t.instance, n = t.options, i = n.scroll, a = i === void 0 ? !0 : i, c = n.resize, s = c === void 0 ? !0 : c, p = U(e.elements.popper), f = [].concat(e.scrollParents.reference, e.scrollParents.popper);
-  return a && f.forEach(function(l) {
-    l.addEventListener("scroll", o.update, Ke);
-  }), s && p.addEventListener("resize", o.update, Ke), function() {
-    a && f.forEach(function(l) {
-      l.removeEventListener("scroll", o.update, Ke);
-    }), s && p.removeEventListener("resize", o.update, Ke);
-  };
-}
-const sr = {
-  name: "eventListeners",
-  enabled: !0,
-  phase: "write",
-  fn: function() {
-  },
-  effect: ar,
-  data: {}
-};
-var pr = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-function Ze(t) {
-  return t.replace(/left|right|bottom|top/g, function(e) {
-    return pr[e];
-  });
-}
-var lr = {
-  start: "end",
-  end: "start"
-};
-function Bt(t) {
-  return t.replace(/start|end/g, function(e) {
-    return lr[e];
-  });
-}
-function wt(t) {
-  var e = U(t), o = e.pageXOffset, n = e.pageYOffset;
-  return {
-    scrollLeft: o,
-    scrollTop: n
-  };
-}
-function xt(t) {
-  return Pe(pe(t)).left + wt(t).scrollLeft;
-}
-function cr(t, e) {
-  var o = U(t), n = pe(t), i = o.visualViewport, a = n.clientWidth, c = n.clientHeight, s = 0, p = 0;
-  if (i) {
-    a = i.width, c = i.height;
-    var f = oo();
-    (f || !f && e === "fixed") && (s = i.offsetLeft, p = i.offsetTop);
-  }
-  return {
-    width: a,
-    height: c,
-    x: s + xt(t),
-    y: p
-  };
-}
-function fr(t) {
-  var e, o = pe(t), n = wt(t), i = (e = t.ownerDocument) == null ? void 0 : e.body, a = de(o.scrollWidth, o.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), c = de(o.scrollHeight, o.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0), s = -n.scrollLeft + xt(t), p = -n.scrollTop;
-  return ie(i || o).direction === "rtl" && (s += de(o.clientWidth, i ? i.clientWidth : 0) - a), {
-    width: a,
-    height: c,
-    x: s,
-    y: p
-  };
-}
-function Ot(t) {
-  var e = ie(t), o = e.overflow, n = e.overflowX, i = e.overflowY;
-  return /auto|scroll|overlay|hidden/.test(o + i + n);
-}
-function so(t) {
-  return ["html", "body", "#document"].indexOf(re(t)) >= 0 ? t.ownerDocument.body : G(t) && Ot(t) ? t : so(it(t));
-}
-function Ie(t, e) {
-  var o;
-  e === void 0 && (e = []);
-  var n = so(t), i = n === ((o = t.ownerDocument) == null ? void 0 : o.body), a = U(n), c = i ? [a].concat(a.visualViewport || [], Ot(n) ? n : []) : n, s = e.concat(c);
-  return i ? s : (
-    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    s.concat(Ie(it(c)))
-  );
-}
-function ut(t) {
-  return Object.assign({}, t, {
-    left: t.x,
-    top: t.y,
-    right: t.x + t.width,
-    bottom: t.y + t.height
-  });
-}
-function ur(t, e) {
-  var o = Pe(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 === eo ? ut(cr(t, o)) : me(e) ? ur(e, o) : ut(fr(pe(t)));
-}
-function dr(t) {
-  var e = Ie(it(t)), o = ["absolute", "fixed"].indexOf(ie(t).position) >= 0, n = o && G(t) ? Ue(t) : t;
-  return me(n) ? e.filter(function(i) {
-    return me(i) && ro(i, n) && re(i) !== "body";
-  }) : [];
-}
-function mr(t, e, o, n) {
-  var i = e === "clippingParents" ? dr(t) : [].concat(e), a = [].concat(i, [o]), c = a[0], s = a.reduce(function(p, f) {
-    var l = Nt(t, f, n);
-    return p.top = de(l.top, p.top), p.right = tt(l.right, p.right), p.bottom = tt(l.bottom, p.bottom), p.left = de(l.left, p.left), p;
-  }, Nt(t, c, n));
-  return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
-}
-function po(t) {
-  var e = t.reference, o = t.element, n = t.placement, i = n ? oe(n) : null, a = n ? Re(n) : null, c = e.x + e.width / 2 - o.width / 2, s = e.y + e.height / 2 - o.height / 2, p;
-  switch (i) {
-    case V:
-      p = {
-        x: c,
-        y: e.y - o.height
-      };
-      break;
-    case K:
-      p = {
-        x: c,
-        y: e.y + e.height
-      };
-      break;
-    case J:
-      p = {
-        x: e.x + e.width,
-        y: s
-      };
-      break;
-    case F:
-      p = {
-        x: e.x - o.width,
-        y: s
-      };
-      break;
-    default:
-      p = {
-        x: e.x,
-        y: e.y
-      };
-  }
-  var f = i ? bt(i) : null;
-  if (f != null) {
-    var l = f === "y" ? "height" : "width";
-    switch (a) {
-      case Te:
-        p[f] = p[f] - (e[l] / 2 - o[l] / 2);
-        break;
-      case He:
-        p[f] = p[f] + (e[l] / 2 - o[l] / 2);
-        break;
-    }
-  }
-  return p;
-}
-function Ve(t, e) {
-  e === void 0 && (e = {});
-  var o = e, n = o.placement, i = n === void 0 ? t.placement : n, a = o.strategy, c = a === void 0 ? t.strategy : a, s = o.boundary, p = s === void 0 ? Lo : s, f = o.rootBoundary, l = f === void 0 ? eo : f, h = o.elementContext, E = h === void 0 ? Le : h, m = o.altBoundary, x = m === void 0 ? !1 : m, d = o.padding, g = d === void 0 ? 0 : d, O = io(typeof g != "number" ? g : ao(g, Fe)), C = E === Le ? Bo : Le, w = t.rects.popper, u = t.elements[x ? C : E], v = mr(me(u) ? u : u.contextElement || pe(t.elements.popper), p, l, c), b = Pe(t.elements.reference), T = po({
-    reference: b,
-    element: w,
-    strategy: "absolute",
-    placement: i
-  }), L = ut(Object.assign({}, w, T)), M = E === Le ? L : b, P = {
-    top: v.top - M.top + O.top,
-    bottom: M.bottom - v.bottom + O.bottom,
-    left: v.left - M.left + O.left,
-    right: M.right - v.right + O.right
-  }, D = t.modifiersData.offset;
-  if (E === Le && D) {
-    var H = D[i];
-    Object.keys(P).forEach(function($) {
-      var z = [J, K].indexOf($) >= 0 ? 1 : -1, j = [V, K].indexOf($) >= 0 ? "y" : "x";
-      P[$] += H[j] * z;
-    });
-  }
-  return P;
-}
-function vr(t, e) {
-  e === void 0 && (e = {});
-  var o = e, n = o.placement, i = o.boundary, a = o.rootBoundary, c = o.padding, s = o.flipVariations, p = o.allowedAutoPlacements, f = p === void 0 ? to : p, l = Re(n), h = l ? s ? St : St.filter(function(x) {
-    return Re(x) === l;
-  }) : Fe, E = h.filter(function(x) {
-    return f.indexOf(x) >= 0;
-  });
-  E.length === 0 && (E = h);
-  var m = E.reduce(function(x, d) {
-    return x[d] = Ve(t, {
-      placement: d,
-      boundary: i,
-      rootBoundary: a,
-      padding: c
-    })[oe(d)], x;
-  }, {});
-  return Object.keys(m).sort(function(x, d) {
-    return m[x] - m[d];
-  });
-}
-function hr(t) {
-  if (oe(t) === ht)
-    return [];
-  var e = Ze(t);
-  return [Bt(t), e, Bt(e)];
-}
-function gr(t) {
-  var e = t.state, o = t.options, n = t.name;
-  if (!e.modifiersData[n]._skip) {
-    for (var i = o.mainAxis, a = i === void 0 ? !0 : i, c = o.altAxis, s = c === void 0 ? !0 : c, p = o.fallbackPlacements, f = o.padding, l = o.boundary, h = o.rootBoundary, E = o.altBoundary, m = o.flipVariations, x = m === void 0 ? !0 : m, d = o.allowedAutoPlacements, g = e.options.placement, O = oe(g), C = O === g, w = p || (C || !x ? [Ze(g)] : hr(g)), u = [g].concat(w).reduce(function(Q, q) {
-      return Q.concat(oe(q) === ht ? vr(e, {
-        placement: q,
-        boundary: l,
-        rootBoundary: h,
-        padding: f,
-        flipVariations: x,
-        allowedAutoPlacements: d
-      }) : q);
-    }, []), v = e.rects.reference, b = e.rects.popper, T = /* @__PURE__ */ new Map(), L = !0, M = u[0], P = 0; P < u.length; P++) {
-      var D = u[P], H = oe(D), $ = Re(D) === Te, z = [V, K].indexOf(H) >= 0, j = z ? "width" : "height", S = Ve(e, {
-        placement: D,
-        boundary: l,
-        rootBoundary: h,
-        altBoundary: E,
-        padding: f
-      }), R = z ? $ ? J : F : $ ? K : V;
-      v[j] > b[j] && (R = Ze(R));
-      var k = Ze(R), W = [];
-      if (a && W.push(S[H] <= 0), s && W.push(S[R] <= 0, S[k] <= 0), W.every(function(Q) {
-        return Q;
-      })) {
-        M = D, L = !1;
-        break;
-      }
-      T.set(D, W);
-    }
-    if (L)
-      for (var B = x ? 3 : 1, ve = function(q) {
-        var ae = u.find(function(se) {
-          var Y = T.get(se);
-          if (Y)
-            return Y.slice(0, q).every(function(ge) {
-              return ge;
-            });
-        });
-        if (ae)
-          return M = ae, "break";
-      }, ne = B; ne > 0; ne--) {
-        var he = ve(ne);
-        if (he === "break") break;
-      }
-    e.placement !== M && (e.modifiersData[n]._skip = !0, e.placement = M, e.reset = !0);
-  }
-}
-const yr = {
-  name: "flip",
-  enabled: !0,
-  phase: "main",
-  fn: gr,
-  requiresIfExists: ["offset"],
-  data: {
-    _skip: !1
-  }
-};
-function kt(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 Wt(t) {
-  return [V, J, K, F].some(function(e) {
-    return t[e] >= 0;
-  });
-}
-function br(t) {
-  var e = t.state, o = t.name, n = e.rects.reference, i = e.rects.popper, a = e.modifiersData.preventOverflow, c = Ve(e, {
-    elementContext: "reference"
-  }), s = Ve(e, {
-    altBoundary: !0
-  }), p = kt(c, n), f = kt(s, i, a), l = Wt(p), h = Wt(f);
-  e.modifiersData[o] = {
-    referenceClippingOffsets: p,
-    popperEscapeOffsets: f,
-    isReferenceHidden: l,
-    hasPopperEscaped: h
-  }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-reference-hidden": l,
-    "data-popper-escaped": h
-  });
-}
-const wr = {
-  name: "hide",
-  enabled: !0,
-  phase: "main",
-  requiresIfExists: ["preventOverflow"],
-  fn: br
-};
-function xr(t, e, o) {
-  var n = oe(t), i = [F, V].indexOf(n) >= 0 ? -1 : 1, a = typeof o == "function" ? o(Object.assign({}, e, {
-    placement: t
-  })) : o, c = a[0], s = a[1];
-  return c = c || 0, s = (s || 0) * i, [F, J].indexOf(n) >= 0 ? {
-    x: s,
-    y: c
-  } : {
-    x: c,
-    y: s
-  };
-}
-function Or(t) {
-  var e = t.state, o = t.options, n = t.name, i = o.offset, a = i === void 0 ? [0, 0] : i, c = to.reduce(function(l, h) {
-    return l[h] = xr(h, e.rects, a), l;
-  }, {}), s = c[e.placement], p = s.x, f = s.y;
-  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += p, e.modifiersData.popperOffsets.y += f), e.modifiersData[n] = c;
-}
-const Tr = {
-  name: "offset",
-  enabled: !0,
-  phase: "main",
-  requires: ["popperOffsets"],
-  fn: Or
-};
-function Er(t) {
-  var e = t.state, o = t.name;
-  e.modifiersData[o] = po({
-    reference: e.rects.reference,
-    element: e.rects.popper,
-    strategy: "absolute",
-    placement: e.placement
-  });
-}
-const Pr = {
-  name: "popperOffsets",
-  enabled: !0,
-  phase: "read",
-  fn: Er,
-  data: {}
-};
-function Rr(t) {
-  return t === "x" ? "y" : "x";
-}
-function Ar(t) {
-  var e = t.state, o = t.options, n = t.name, i = o.mainAxis, a = i === void 0 ? !0 : i, c = o.altAxis, s = c === void 0 ? !1 : c, p = o.boundary, f = o.rootBoundary, l = o.altBoundary, h = o.padding, E = o.tether, m = E === void 0 ? !0 : E, x = o.tetherOffset, d = x === void 0 ? 0 : x, g = Ve(e, {
-    boundary: p,
-    rootBoundary: f,
-    padding: h,
-    altBoundary: l
-  }), O = oe(e.placement), C = Re(e.placement), w = !C, u = bt(O), v = Rr(u), b = e.modifiersData.popperOffsets, T = e.rects.reference, L = e.rects.popper, M = typeof d == "function" ? d(Object.assign({}, e.rects, {
-    placement: e.placement
-  })) : d, P = typeof M == "number" ? {
-    mainAxis: M,
-    altAxis: M
-  } : Object.assign({
-    mainAxis: 0,
-    altAxis: 0
-  }, M), D = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, H = {
-    x: 0,
-    y: 0
-  };
-  if (b) {
-    if (a) {
-      var $, z = u === "y" ? V : F, j = u === "y" ? K : J, S = u === "y" ? "height" : "width", R = b[u], k = R + g[z], W = R - g[j], B = m ? -L[S] / 2 : 0, ve = C === Te ? T[S] : L[S], ne = C === Te ? -L[S] : -T[S], he = e.elements.arrow, Q = m && he ? yt(he) : {
-        width: 0,
-        height: 0
-      }, q = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : no(), ae = q[z], se = q[j], Y = We(0, T[S], Q[S]), ge = w ? T[S] / 2 - B - Y - ae - P.mainAxis : ve - Y - ae - P.mainAxis, st = w ? -T[S] / 2 + B + Y + se + P.mainAxis : ne + Y + se + P.mainAxis, ye = e.elements.arrow && Ue(e.elements.arrow), Z = ye ? u === "y" ? ye.clientTop || 0 : ye.clientLeft || 0 : 0, be = ($ = D == null ? void 0 : D[u]) != null ? $ : 0, le = R + ge - be - Z, we = R + st - be, Ae = We(m ? tt(k, le) : k, R, m ? de(W, we) : W);
-      b[u] = Ae, H[u] = Ae - R;
-    }
-    if (s) {
-      var ce, xe = u === "x" ? V : F, Ce = u === "x" ? K : J, te = b[v], fe = v === "y" ? "height" : "width", Me = te + g[xe], je = te - g[Ce], De = [V, F].indexOf(O) !== -1, ze = (ce = D == null ? void 0 : D[v]) != null ? ce : 0, qe = De ? Me : te - T[fe] - L[fe] - ze + P.altAxis, Oe = De ? te + T[fe] + L[fe] - ze - P.altAxis : je, Ye = m && De ? Qo(qe, te, Oe) : We(m ? qe : Me, te, m ? Oe : je);
-      b[v] = Ye, H[v] = Ye - te;
-    }
-    e.modifiersData[n] = H;
-  }
-}
-const Cr = {
-  name: "preventOverflow",
-  enabled: !0,
-  phase: "main",
-  fn: Ar,
-  requiresIfExists: ["offset"]
-};
-function Mr(t) {
-  return {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  };
-}
-function jr(t) {
-  return t === U(t) || !G(t) ? wt(t) : Mr(t);
-}
-function Dr(t) {
-  var e = t.getBoundingClientRect(), o = Ee(e.width) / t.offsetWidth || 1, n = Ee(e.height) / t.offsetHeight || 1;
-  return o !== 1 || n !== 1;
-}
-function Sr(t, e, o) {
-  o === void 0 && (o = !1);
-  var n = G(e), i = G(e) && Dr(e), a = pe(e), c = Pe(t, i, o), s = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, p = {
-    x: 0,
-    y: 0
-  };
-  return (n || !n && !o) && ((re(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Ot(a)) && (s = jr(e)), G(e) ? (p = Pe(e, !0), p.x += e.clientLeft, p.y += e.clientTop) : a && (p.x = xt(a))), {
-    x: c.left + s.scrollLeft - p.x,
-    y: c.top + s.scrollTop - p.y,
-    width: c.width,
-    height: c.height
-  };
-}
-function $r(t) {
-  var e = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), n = [];
-  t.forEach(function(a) {
-    e.set(a.name, a);
-  });
-  function i(a) {
-    o.add(a.name);
-    var c = [].concat(a.requires || [], a.requiresIfExists || []);
-    c.forEach(function(s) {
-      if (!o.has(s)) {
-        var p = e.get(s);
-        p && i(p);
-      }
-    }), n.push(a);
-  }
-  return t.forEach(function(a) {
-    o.has(a.name) || i(a);
-  }), n;
-}
-function Lr(t) {
-  var e = $r(t);
-  return qo.reduce(function(o, n) {
-    return o.concat(e.filter(function(i) {
-      return i.phase === n;
-    }));
-  }, []);
-}
-function Br(t) {
-  var e;
-  return function() {
-    return e || (e = new Promise(function(o) {
-      Promise.resolve().then(function() {
-        e = void 0, o(t());
-      });
-    })), e;
-  };
-}
-function Nr(t) {
-  var e = t.reduce(function(o, n) {
-    var i = o[n.name];
-    return o[n.name] = i ? Object.assign({}, i, n, {
-      options: Object.assign({}, i.options, n.options),
-      data: Object.assign({}, i.data, n.data)
-    }) : n, o;
-  }, {});
-  return Object.keys(e).map(function(o) {
-    return e[o];
-  });
-}
-var It = {
-  placement: "bottom",
-  modifiers: [],
-  strategy: "absolute"
-};
-function Ht() {
-  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 kr(t) {
-  t === void 0 && (t = {});
-  var e = t, o = e.defaultModifiers, n = o === void 0 ? [] : o, i = e.defaultOptions, a = i === void 0 ? It : i;
-  return function(s, p, f) {
-    f === void 0 && (f = a);
-    var l = {
-      placement: "bottom",
-      orderedModifiers: [],
-      options: Object.assign({}, It, a),
-      modifiersData: {},
-      elements: {
-        reference: s,
-        popper: p
-      },
-      attributes: {},
-      styles: {}
-    }, h = [], E = !1, m = {
-      state: l,
-      setOptions: function(O) {
-        var C = typeof O == "function" ? O(l.options) : O;
-        d(), l.options = Object.assign({}, a, l.options, C), l.scrollParents = {
-          reference: me(s) ? Ie(s) : s.contextElement ? Ie(s.contextElement) : [],
-          popper: Ie(p)
-        };
-        var w = Lr(Nr([].concat(n, l.options.modifiers)));
-        return l.orderedModifiers = w.filter(function(u) {
-          return u.enabled;
-        }), x(), m.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 (!E) {
-          var O = l.elements, C = O.reference, w = O.popper;
-          if (Ht(C, w)) {
-            l.rects = {
-              reference: Sr(C, Ue(w), l.options.strategy === "fixed"),
-              popper: yt(w)
-            }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(P) {
-              return l.modifiersData[P.name] = Object.assign({}, P.data);
-            });
-            for (var u = 0; u < l.orderedModifiers.length; u++) {
-              if (l.reset === !0) {
-                l.reset = !1, u = -1;
-                continue;
-              }
-              var v = l.orderedModifiers[u], b = v.fn, T = v.options, L = T === void 0 ? {} : T, M = v.name;
-              typeof b == "function" && (l = b({
-                state: l,
-                options: L,
-                name: M,
-                instance: m
-              }) || l);
-            }
-          }
-        }
-      },
-      // Async and optimistically optimized update – it will not be executed if
-      // not necessary (debounced to run at most once-per-tick)
-      update: Br(function() {
-        return new Promise(function(g) {
-          m.forceUpdate(), g(l);
-        });
-      }),
-      destroy: function() {
-        d(), E = !0;
-      }
-    };
-    if (!Ht(s, p))
-      return m;
-    m.setOptions(f).then(function(g) {
-      !E && f.onFirstUpdate && f.onFirstUpdate(g);
-    });
-    function x() {
-      l.orderedModifiers.forEach(function(g) {
-        var O = g.name, C = g.options, w = C === void 0 ? {} : C, u = g.effect;
-        if (typeof u == "function") {
-          var v = u({
-            state: l,
-            name: O,
-            instance: m,
-            options: w
-          }), b = function() {
-          };
-          h.push(v || b);
-        }
-      });
-    }
-    function d() {
-      h.forEach(function(g) {
-        return g();
-      }), h = [];
-    }
-    return m;
-  };
-}
-var Wr = [sr, Pr, ir, Go, Tr, yr, Cr, tr, wr], Ir = /* @__PURE__ */ kr({
-  defaultModifiers: Wr
-});
-function Hr(t) {
-  return Ut("MuiPopper", t);
-}
-Ft("MuiPopper", ["root"]);
-function Vr(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 ot(t) {
-  return typeof t == "function" ? t() : t;
-}
-function at(t) {
-  return t.nodeType !== void 0;
-}
-function Fr(t) {
-  return !at(t);
-}
-const Ur = (t) => {
-  const {
-    classes: e
-  } = t;
-  return zt({
-    root: ["root"]
-  }, Hr, e);
-}, zr = {}, qr = /* @__PURE__ */ A.forwardRef(function(e, o) {
-  const {
-    anchorEl: n,
-    children: i,
-    direction: a,
-    disablePortal: c,
-    modifiers: s,
-    open: p,
-    placement: f,
-    popperOptions: l,
-    popperRef: h,
-    slotProps: E = {},
-    slots: m = {},
-    TransitionProps: x,
-    // @ts-ignore internal logic
-    ownerState: d,
-    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
-    ...g
-  } = e, O = A.useRef(null), C = et(O, o), w = A.useRef(null), u = et(w, h), v = A.useRef(u);
-  Rt(() => {
-    v.current = u;
-  }, [u]), A.useImperativeHandle(h, () => w.current, []);
-  const b = Vr(f, a), [T, L] = A.useState(b), [M, P] = A.useState(ot(n));
-  A.useEffect(() => {
-    w.current && w.current.forceUpdate();
-  }), A.useEffect(() => {
-    n && P(ot(n));
-  }, [n]), Rt(() => {
-    if (!M || !p)
-      return;
-    const j = (k) => {
-      L(k.placement);
-    };
-    if (process.env.NODE_ENV !== "production" && M && at(M) && M.nodeType === 1) {
-      const k = M.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
-      }) => {
-        j(k);
-      }
-    }];
-    s != null && (S = S.concat(s)), l && l.modifiers != null && (S = S.concat(l.modifiers));
-    const R = Ir(M, O.current, {
-      placement: b,
-      ...l,
-      modifiers: S
-    });
-    return v.current(R), () => {
-      R.destroy(), v.current(null);
-    };
-  }, [M, c, s, p, l, b]);
-  const D = {
-    placement: T
-  };
-  x !== null && (D.TransitionProps = x);
-  const H = Ur(e), $ = m.root ?? "div", z = Ao({
-    elementType: $,
-    externalSlotProps: E.root,
-    externalForwardedProps: g,
-    additionalProps: {
-      role: "tooltip",
-      ref: C
-    },
-    ownerState: e,
-    className: H.root
-  });
-  return /* @__PURE__ */ I($, {
-    ...z,
-    children: typeof i == "function" ? i(D) : i
-  });
-}), lo = /* @__PURE__ */ A.forwardRef(function(e, o) {
-  const {
-    anchorEl: n,
-    children: i,
-    container: a,
-    direction: c = "ltr",
-    disablePortal: s = !1,
-    keepMounted: p = !1,
-    modifiers: f,
-    open: l,
-    placement: h = "bottom",
-    popperOptions: E = zr,
-    popperRef: m,
-    style: x,
-    transition: d = !1,
-    slotProps: g = {},
-    slots: O = {},
-    ...C
-  } = e, [w, u] = A.useState(!0), v = () => {
-    u(!1);
-  }, b = () => {
-    u(!0);
-  };
-  if (!p && !l && (!d || w))
-    return null;
-  let T;
-  if (a)
-    T = a;
-  else if (n) {
-    const P = ot(n);
-    T = P && at(P) ? Mt(P).body : Mt(null).body;
-  }
-  const L = !l && p && (!d || w) ? "none" : void 0, M = d ? {
-    in: l,
-    onEnter: v,
-    onExited: b
-  } : void 0;
-  return /* @__PURE__ */ I(Ro, {
-    disablePortal: s,
-    container: T,
-    children: /* @__PURE__ */ I(qr, {
-      anchorEl: n,
-      direction: c,
-      disablePortal: s,
-      modifiers: f,
-      ref: o,
-      open: d ? !w : l,
-      placement: h,
-      popperOptions: E,
-      popperRef: m,
-      slotProps: g,
-      slots: O,
-      ...C,
-      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: L,
-        ...x
-      },
-      TransitionProps: M,
-      children: i
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (lo.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: Eo(r.oneOfType([_e, r.object, r.func]), (t) => {
-    if (t.open) {
-      const e = ot(t.anchorEl);
-      if (e && at(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" || Fr(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([_e, 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: Kt,
-  /**
-   * 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 Yr = nt(lo, {
-  name: "MuiPopper",
-  slot: "Root",
-  overridesResolver: (t, e) => e.root
-})({}), Tt = /* @__PURE__ */ A.forwardRef(function(e, o) {
-  const n = _t(), i = qt({
-    props: e,
-    name: "MuiPopper"
-  }), {
-    anchorEl: a,
-    component: c,
-    components: s,
-    componentsProps: p,
-    container: f,
-    disablePortal: l,
-    keepMounted: h,
-    modifiers: E,
-    open: m,
-    placement: x,
-    popperOptions: d,
-    popperRef: g,
-    transition: O,
-    slots: C,
-    slotProps: w,
-    ...u
-  } = i, v = (C == null ? void 0 : C.root) ?? (s == null ? void 0 : s.Root), b = {
-    anchorEl: a,
-    container: f,
-    disablePortal: l,
-    keepMounted: h,
-    modifiers: E,
-    open: m,
-    placement: x,
-    popperOptions: d,
-    popperRef: g,
-    transition: O,
-    ...u
-  };
-  return /* @__PURE__ */ I(Yr, {
-    as: c,
-    direction: n ? "rtl" : "ltr",
-    slots: {
-      root: v
-    },
-    slotProps: w ?? p,
-    ...b,
-    ref: o
-  });
-});
-process.env.NODE_ENV !== "production" && (Tt.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([_e, 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([_e, 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: Kt,
-  /**
-   * 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 dt(t) {
-  return `scale(${t}, ${t ** 2})`;
-}
-const Xr = {
-  entering: {
-    opacity: 1,
-    transform: dt(1)
-  },
-  entered: {
-    opacity: 1,
-    transform: "none"
-  }
-}, ct = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), rt = /* @__PURE__ */ A.forwardRef(function(e, o) {
-  const {
-    addEndListener: n,
-    appear: i = !0,
-    children: a,
-    easing: c,
-    in: s,
-    onEnter: p,
-    onEntered: f,
-    onEntering: l,
-    onExit: h,
-    onExited: E,
-    onExiting: m,
-    style: x,
-    timeout: d = "auto",
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: g = Do,
-    ...O
-  } = e, C = Ne(), w = A.useRef(), u = Gt(), v = A.useRef(null), b = et(v, Jt(a), o), T = (j) => (S) => {
-    if (j) {
-      const R = v.current;
-      S === void 0 ? j(R) : j(R, S);
-    }
-  }, L = T(l), M = T((j, S) => {
-    So(j);
-    const {
-      duration: R,
-      delay: k,
-      easing: W
-    } = jt({
-      style: x,
-      timeout: d,
-      easing: c
-    }, {
-      mode: "enter"
-    });
-    let B;
-    d === "auto" ? (B = u.transitions.getAutoHeightDuration(j.clientHeight), w.current = B) : B = R, j.style.transition = [u.transitions.create("opacity", {
-      duration: B,
-      delay: k
-    }), u.transitions.create("transform", {
-      duration: ct ? B : B * 0.666,
-      delay: k,
-      easing: W
-    })].join(","), p && p(j, S);
-  }), P = T(f), D = T(m), H = T((j) => {
-    const {
-      duration: S,
-      delay: R,
-      easing: k
-    } = jt({
-      style: x,
-      timeout: d,
-      easing: c
-    }, {
-      mode: "exit"
-    });
-    let W;
-    d === "auto" ? (W = u.transitions.getAutoHeightDuration(j.clientHeight), w.current = W) : W = S, j.style.transition = [u.transitions.create("opacity", {
-      duration: W,
-      delay: R
-    }), u.transitions.create("transform", {
-      duration: ct ? W : W * 0.666,
-      delay: ct ? R : R || W * 0.333,
-      easing: k
-    })].join(","), j.style.opacity = 0, j.style.transform = dt(0.75), h && h(j);
-  }), $ = T(E);
-  return /* @__PURE__ */ I(g, {
-    appear: i,
-    in: s,
-    nodeRef: v,
-    onEnter: M,
-    onEntered: P,
-    onEntering: L,
-    onExit: H,
-    onExited: $,
-    onExiting: D,
-    addEndListener: (j) => {
-      d === "auto" && C.start(w.current || 0, j), n && n(v.current, j);
-    },
-    timeout: d === "auto" ? null : d,
-    ...O,
-    children: (j, {
-      ownerState: S,
-      ...R
-    }) => /* @__PURE__ */ A.cloneElement(a, {
-      style: {
-        opacity: 0,
-        transform: dt(0.75),
-        visibility: j === "exited" && !s ? "hidden" : void 0,
-        ...Xr[j],
-        ...x,
-        ...a.props.style
-      },
-      ref: b,
-      ...R
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (rt.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: r.func,
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear: r.bool,
-  /**
-   * A single child content element.
-   */
-  children: Qt.isRequired,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: r.oneOfType([r.shape({
-    enter: r.string,
-    exit: r.string
-  }), r.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: r.bool,
-  /**
-   * @ignore
-   */
-  onEnter: r.func,
-  /**
-   * @ignore
-   */
-  onEntered: r.func,
-  /**
-   * @ignore
-   */
-  onEntering: r.func,
-  /**
-   * @ignore
-   */
-  onExit: r.func,
-  /**
-   * @ignore
-   */
-  onExited: r.func,
-  /**
-   * @ignore
-   */
-  onExiting: r.func,
-  /**
-   * @ignore
-   */
-  style: r.object,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   * @default 'auto'
-   */
-  timeout: r.oneOfType([r.oneOf(["auto"]), r.number, r.shape({
-    appear: r.number,
-    enter: r.number,
-    exit: r.number
-  })])
-});
-rt && (rt.muiSupportAuto = !0);
-function Gr(t) {
-  return Ut("MuiTooltip", t);
-}
-const N = Ft("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]);
-function Kr(t) {
-  return Math.round(t * 1e5) / 1e5;
-}
-const Jr = (t) => {
-  const {
-    classes: e,
-    disableInteractive: o,
-    arrow: n,
-    touch: i,
-    placement: a
-  } = t, c = {
-    popper: ["popper", !o && "popperInteractive", n && "popperArrow"],
-    tooltip: ["tooltip", n && "tooltipArrow", i && "touch", `tooltipPlacement${Yt(a.split("-")[0])}`],
-    arrow: ["arrow"]
-  };
-  return zt(c, Gr, e);
-}, Qr = nt(Tt, {
-  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];
-  }
-})(vt(({
-  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"] .${N.arrow}`]: {
-        top: 0,
-        marginTop: "-0.71em",
-        "&::before": {
-          transformOrigin: "0 100%"
-        }
-      },
-      [`&[data-popper-placement*="top"] .${N.arrow}`]: {
-        bottom: 0,
-        marginBottom: "-0.71em",
-        "&::before": {
-          transformOrigin: "100% 0"
-        }
-      },
-      [`&[data-popper-placement*="right"] .${N.arrow}`]: {
-        height: "1em",
-        width: "0.71em",
-        "&::before": {
-          transformOrigin: "100% 100%"
-        }
-      },
-      [`&[data-popper-placement*="left"] .${N.arrow}`]: {
-        height: "1em",
-        width: "0.71em",
-        "&::before": {
-          transformOrigin: "0 0"
-        }
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.arrow && !e.isRtl,
-    style: {
-      [`&[data-popper-placement*="right"] .${N.arrow}`]: {
-        left: 0,
-        marginLeft: "-0.71em"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.arrow && !!e.isRtl,
-    style: {
-      [`&[data-popper-placement*="right"] .${N.arrow}`]: {
-        right: 0,
-        marginRight: "-0.71em"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.arrow && !e.isRtl,
-    style: {
-      [`&[data-popper-placement*="left"] .${N.arrow}`]: {
-        right: 0,
-        marginRight: "-0.71em"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.arrow && !!e.isRtl,
-    style: {
-      [`&[data-popper-placement*="left"] .${N.arrow}`]: {
-        left: 0,
-        marginLeft: "-0.71em"
-      }
-    }
-  }]
-}))), Zr = nt("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${Yt(o.placement.split("-")[0])}`]];
-  }
-})(vt(({
-  theme: t
-}) => ({
-  backgroundColor: t.vars ? t.vars.palette.Tooltip.bg : Xt(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,
-  [`.${N.popper}[data-popper-placement*="left"] &`]: {
-    transformOrigin: "right center"
-  },
-  [`.${N.popper}[data-popper-placement*="right"] &`]: {
-    transformOrigin: "left center"
-  },
-  [`.${N.popper}[data-popper-placement*="top"] &`]: {
-    transformOrigin: "center bottom",
-    marginBottom: "14px"
-  },
-  [`.${N.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: `${Kr(16 / 14)}em`,
-      fontWeight: t.typography.fontWeightRegular
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => !e.isRtl,
-    style: {
-      [`.${N.popper}[data-popper-placement*="left"] &`]: {
-        marginRight: "14px"
-      },
-      [`.${N.popper}[data-popper-placement*="right"] &`]: {
-        marginLeft: "14px"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => !e.isRtl && e.touch,
-    style: {
-      [`.${N.popper}[data-popper-placement*="left"] &`]: {
-        marginRight: "24px"
-      },
-      [`.${N.popper}[data-popper-placement*="right"] &`]: {
-        marginLeft: "24px"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => !!e.isRtl,
-    style: {
-      [`.${N.popper}[data-popper-placement*="left"] &`]: {
-        marginLeft: "14px"
-      },
-      [`.${N.popper}[data-popper-placement*="right"] &`]: {
-        marginRight: "14px"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => !!e.isRtl && e.touch,
-    style: {
-      [`.${N.popper}[data-popper-placement*="left"] &`]: {
-        marginLeft: "24px"
-      },
-      [`.${N.popper}[data-popper-placement*="right"] &`]: {
-        marginRight: "24px"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.touch,
-    style: {
-      [`.${N.popper}[data-popper-placement*="top"] &`]: {
-        marginBottom: "24px"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: e
-    }) => e.touch,
-    style: {
-      [`.${N.popper}[data-popper-placement*="bottom"] &`]: {
-        marginTop: "24px"
-      }
-    }
-  }]
-}))), _r = nt("span", {
-  name: "MuiTooltip",
-  slot: "Arrow",
-  overridesResolver: (t, e) => e.arrow
-})(vt(({
-  theme: t
-}) => ({
-  overflow: "hidden",
-  position: "absolute",
-  width: "1em",
-  height: "0.71em",
-  boxSizing: "border-box",
-  color: t.vars ? t.vars.palette.Tooltip.bg : Xt(t.palette.grey[700], 0.9),
-  "&::before": {
-    content: '""',
-    margin: "auto",
-    display: "block",
-    width: "100%",
-    height: "100%",
-    backgroundColor: "currentColor",
-    transform: "rotate(45deg)"
-  }
-})));
-let Je = !1;
-const Vt = new Po();
-let Be = {
-  x: 0,
-  y: 0
-};
-function Qe(t, e) {
-  return (o, ...n) => {
-    e && e(o, ...n), t(o, ...n);
-  };
-}
-const mt = /* @__PURE__ */ A.forwardRef(function(e, o) {
-  const n = qt({
-    props: e,
-    name: "MuiTooltip"
-  }), {
-    arrow: i = !1,
-    children: a,
-    classes: c,
-    components: s = {},
-    componentsProps: p = {},
-    describeChild: f = !1,
-    disableFocusListener: l = !1,
-    disableHoverListener: h = !1,
-    disableInteractive: E = !1,
-    disableTouchListener: m = !1,
-    enterDelay: x = 100,
-    enterNextDelay: d = 0,
-    enterTouchDelay: g = 700,
-    followCursor: O = !1,
-    id: C,
-    leaveDelay: w = 0,
-    leaveTouchDelay: u = 1500,
-    onClose: v,
-    onOpen: b,
-    open: T,
-    placement: L = "bottom",
-    PopperComponent: M,
-    PopperProps: P = {},
-    slotProps: D = {},
-    slots: H = {},
-    title: $,
-    TransitionComponent: z,
-    TransitionProps: j,
-    ...S
-  } = n, R = /* @__PURE__ */ A.isValidElement(a) ? a : /* @__PURE__ */ I("span", {
-    children: a
-  }), k = Gt(), W = _t(), [B, ve] = A.useState(), [ne, he] = A.useState(null), Q = A.useRef(!1), q = E || O, ae = Ne(), se = Ne(), Y = Ne(), ge = Ne(), [st, ye] = Co({
-    controlled: T,
-    default: !1,
-    name: "Tooltip",
-    state: "open"
-  });
-  let Z = st;
-  if (process.env.NODE_ENV !== "production") {
-    const {
-      current: y
-    } = A.useRef(T !== void 0);
-    A.useEffect(() => {
-      B && B.disabled && !y && $ !== "" && B.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(`
-`));
-    }, [$, B, y]);
-  }
-  const be = Mo(C), le = A.useRef(), we = At(() => {
-    le.current !== void 0 && (document.body.style.WebkitUserSelect = le.current, le.current = void 0), ge.clear();
-  });
-  A.useEffect(() => we, [we]);
-  const Ae = (y) => {
-    Vt.clear(), Je = !0, ye(!0), b && !Z && b(y);
-  }, ce = At(
-    /**
-     * @param {React.SyntheticEvent | Event} event
-     */
-    (y) => {
-      Vt.start(800 + w, () => {
-        Je = !1;
-      }), ye(!1), v && Z && v(y), ae.start(k.transitions.duration.shortest, () => {
-        Q.current = !1;
-      });
-    }
-  ), xe = (y) => {
-    Q.current && y.type !== "touchstart" || (B && B.removeAttribute("title"), se.clear(), Y.clear(), x || Je && d ? se.start(Je ? d : x, () => {
-      Ae(y);
-    }) : Ae(y));
-  }, Ce = (y) => {
-    se.clear(), Y.start(w, () => {
-      ce(y);
-    });
-  }, [, te] = A.useState(!1), fe = (y) => {
-    Ct(y.target) || (te(!1), Ce(y));
-  }, Me = (y) => {
-    B || ve(y.currentTarget), Ct(y.target) && (te(!0), xe(y));
-  }, je = (y) => {
-    Q.current = !0;
-    const ee = R.props;
-    ee.onTouchStart && ee.onTouchStart(y);
-  }, De = (y) => {
-    je(y), Y.clear(), ae.clear(), we(), le.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", ge.start(g, () => {
-      document.body.style.WebkitUserSelect = le.current, xe(y);
-    });
-  }, ze = (y) => {
-    R.props.onTouchEnd && R.props.onTouchEnd(y), we(), Y.start(u, () => {
-      ce(y);
-    });
-  };
-  A.useEffect(() => {
-    if (!Z)
-      return;
-    function y(ee) {
-      ee.key === "Escape" && ce(ee);
-    }
-    return document.addEventListener("keydown", y), () => {
-      document.removeEventListener("keydown", y);
-    };
-  }, [ce, Z]);
-  const qe = et(Jt(R), ve, o);
-  !$ && $ !== 0 && (Z = !1);
-  const Oe = A.useRef(), Ye = (y) => {
-    const ee = R.props;
-    ee.onMouseMove && ee.onMouseMove(y), Be = {
-      x: y.clientX,
-      y: y.clientY
-    }, Oe.current && Oe.current.update();
-  }, Se = {}, pt = typeof $ == "string";
-  f ? (Se.title = !Z && pt && !h ? $ : null, Se["aria-describedby"] = Z ? be : null) : (Se["aria-label"] = pt ? $ : null, Se["aria-labelledby"] = Z && !pt ? be : null);
-  const X = {
-    ...Se,
-    ...S,
-    ...R.props,
-    className: Pt(S.className, R.props.className),
-    onTouchStart: je,
-    ref: qe,
-    ...O ? {
-      onMouseMove: Ye
-    } : {}
-  };
-  process.env.NODE_ENV !== "production" && (X["data-mui-internal-clone-element"] = !0, A.useEffect(() => {
-    B && !B.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(`
-`));
-  }, [B]));
-  const $e = {};
-  m || (X.onTouchStart = De, X.onTouchEnd = ze), h || (X.onMouseOver = Qe(xe, X.onMouseOver), X.onMouseLeave = Qe(Ce, X.onMouseLeave), q || ($e.onMouseOver = xe, $e.onMouseLeave = Ce)), l || (X.onFocus = Qe(Me, X.onFocus), X.onBlur = Qe(fe, X.onBlur), q || ($e.onFocus = Me, $e.onBlur = fe)), process.env.NODE_ENV !== "production" && R.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${R.props.title}\` or the Tooltip component.`].join(`
-`));
-  const ue = {
-    ...n,
-    isRtl: W,
-    arrow: i,
-    disableInteractive: q,
-    placement: L,
-    PopperComponentProp: M,
-    touch: Q.current
-  }, _ = typeof D.popper == "function" ? D.popper(ue) : D.popper, co = A.useMemo(() => {
-    var ee, Et;
-    let y = [{
-      name: "arrow",
-      enabled: !!ne,
-      options: {
-        element: ne,
-        padding: 4
-      }
-    }];
-    return (ee = P.popperOptions) != null && ee.modifiers && (y = y.concat(P.popperOptions.modifiers)), (Et = _ == null ? void 0 : _.popperOptions) != null && Et.modifiers && (y = y.concat(_.popperOptions.modifiers)), {
-      ...P.popperOptions,
-      ..._ == null ? void 0 : _.popperOptions,
-      modifiers: y
-    };
-  }, [ne, P.popperOptions, _ == null ? void 0 : _.popperOptions]), lt = Jr(ue), fo = typeof D.transition == "function" ? D.transition(ue) : D.transition, Xe = {
-    slots: {
-      popper: s.Popper,
-      transition: s.Transition ?? z,
-      tooltip: s.Tooltip,
-      arrow: s.Arrow,
-      ...H
-    },
-    slotProps: {
-      arrow: D.arrow ?? p.arrow,
-      popper: {
-        ...P,
-        ..._ ?? p.popper
-      },
-      // resolvedPopperProps can be spread because it's already an object
-      tooltip: D.tooltip ?? p.tooltip,
-      transition: {
-        ...j,
-        ...fo ?? p.transition
-      }
-    }
-  }, [uo, mo] = Ge("popper", {
-    elementType: Qr,
-    externalForwardedProps: Xe,
-    ownerState: ue,
-    className: Pt(lt.popper, P == null ? void 0 : P.className)
-  }), [vo, ho] = Ge("transition", {
-    elementType: rt,
-    externalForwardedProps: Xe,
-    ownerState: ue
-  }), [go, yo] = Ge("tooltip", {
-    elementType: Zr,
-    className: lt.tooltip,
-    externalForwardedProps: Xe,
-    ownerState: ue
-  }), [bo, wo] = Ge("arrow", {
-    elementType: _r,
-    className: lt.arrow,
-    externalForwardedProps: Xe,
-    ownerState: ue,
-    ref: he
-  });
-  return /* @__PURE__ */ ke(A.Fragment, {
-    children: [/* @__PURE__ */ A.cloneElement(R, X), /* @__PURE__ */ I(uo, {
-      as: M ?? Tt,
-      placement: L,
-      anchorEl: O ? {
-        getBoundingClientRect: () => ({
-          top: Be.y,
-          left: Be.x,
-          right: Be.x,
-          bottom: Be.y,
-          width: 0,
-          height: 0
-        })
-      } : B,
-      popperRef: Oe,
-      open: B ? Z : !1,
-      id: be,
-      transition: !0,
-      ...$e,
-      ...mo,
-      popperOptions: co,
-      children: ({
-        TransitionProps: y
-      }) => /* @__PURE__ */ I(vo, {
-        timeout: k.transitions.duration.shorter,
-        ...y,
-        ...ho,
-        children: /* @__PURE__ */ ke(go, {
-          ...yo,
-          children: [$, i ? /* @__PURE__ */ I(bo, {
-            ...wo
-          }) : null]
-        })
-      })
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (mt.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: Qt.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. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @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. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @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.
-   * @deprecated use the `slots.popper` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  PopperComponent: r.elementType,
-  /**
-   * Props applied to the [`Popper`](https://mui.com/material-ui/api/popper/) element.
-   * @deprecated use the `slotProps.popper` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  PopperProps: r.object,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: r.shape({
-    arrow: r.oneOfType([r.func, r.object]),
-    popper: r.oneOfType([r.func, r.object]),
-    tooltip: r.oneOfType([r.func, r.object]),
-    transition: r.oneOfType([r.func, r.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @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.
-   * @deprecated use the `slots.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  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.
-   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  TransitionProps: r.object
-});
-const en = Zt(/* @__PURE__ */ I("path", {
-  d: "m18 7-1.41-1.41-6.34 6.34 1.41 1.41zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12zM.41 13.41 6 19l1.41-1.41L1.83 12z"
-}), "DoneAll"), tn = Zt(/* @__PURE__ */ I("path", {
-  d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"
-}), "Settings"), hn = (t) => {
-  const e = t.title ?? /* @__PURE__ */ I(Oo, { variant: "body1", children: "Notifications" });
-  return /* @__PURE__ */ ke(xo, { children: [
-    /* @__PURE__ */ ke(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-          padding: "16px 0 12px 0"
-        },
-        children: [
-          e,
-          /* @__PURE__ */ ke(To, { children: [
-            /* @__PURE__ */ I(mt, { title: "Resolve all", children: /* @__PURE__ */ I(
-              Dt,
-              {
-                size: "small",
-                onClick: () => {
-                  t.button1ClickHandler && t.button1ClickHandler("ALL");
-                },
-                children: /* @__PURE__ */ I(en, { fontSize: "small" })
-              }
-            ) }),
-            /* @__PURE__ */ I(mt, { title: "Notification Preferences", children: /* @__PURE__ */ I(Dt, { size: "small", onClick: t.button2ClickHandler, children: /* @__PURE__ */ I(tn, { fontSize: "small" }) }) })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ I(jo, {})
-  ] });
-};
-export {
-  rt as G,
-  hn as I,
-  _t as u
-};