@notificationapi/react 1.8.0 → 1.9.0

package/dist/assets/Grow.js

@@ -1,122 +1,1519 @@
-import * as f from "react";
-import { P as n } from "./createTheme.js";
-import { a as V, u as W } from "./ButtonBase.js";
-import { jsx as k } from "react/jsx-runtime";
-import { T as B, r as J, g as v } from "./utils.js";
-import { u as M } from "./resolveComponentProps.js";
-import { g as Q, e as U } from "./Portal.js";
-function h(l) {
-  return `scale(${l}, ${l ** 2})`;
-}
-const X = {
+import { u as Tt } from "./index.js";
+import { g as At, P as i } from "./createTheme.js";
+import * as k from "react";
+import { g as jt, a as Dt, s as Ct, u as Mt } from "./DefaultPropsProvider.js";
+import { jsx as ce } from "react/jsx-runtime";
+import { o as Qe, P as Bt, H as we, g as $t, e as St } from "./Portal.js";
+import { c as kt, r as ft, f as Ze, b as Lt, u as Wt } from "./ButtonBase.js";
+import { u as Ce } from "./resolveComponentProps.js";
+import { u as Ht } from "./useSlotProps.js";
+import { T as Nt, a as Vt, g as _e } from "./utils.js";
+var W = "top", U = "bottom", q = "right", H = "left", ke = "auto", de = [W, U, q, H], te = "start", le = "end", Ut = "clippingParents", ct = "viewport", se = "popper", qt = "reference", et = /* @__PURE__ */ de.reduce(function(e, t) {
+  return e.concat([t + "-" + te, t + "-" + le]);
+}, []), lt = /* @__PURE__ */ [].concat(de, [ke]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + te, t + "-" + le]);
+}, []), Ft = "beforeRead", It = "read", Xt = "afterRead", Yt = "beforeMain", zt = "main", Gt = "afterMain", Kt = "beforeWrite", Jt = "write", Qt = "afterWrite", Zt = [Ft, It, Xt, Yt, zt, Gt, Kt, Jt, Qt];
+function Y(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function N(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function _(e) {
+  var t = N(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function V(e) {
+  var t = N(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function Le(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var t = N(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+function _t(e) {
+  var t = e.state;
+  Object.keys(t.elements).forEach(function(r) {
+    var n = t.styles[r] || {}, o = t.attributes[r] || {}, s = t.elements[r];
+    !V(s) || !Y(s) || (Object.assign(s.style, n), Object.keys(o).forEach(function(c) {
+      var a = o[c];
+      a === !1 ? s.removeAttribute(c) : s.setAttribute(c, a === !0 ? "" : a);
+    }));
+  });
+}
+function er(e) {
+  var t = e.state, r = {
+    popper: {
+      position: t.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(t.elements.popper.style, r.popper), t.styles = r, t.elements.arrow && Object.assign(t.elements.arrow.style, r.arrow), function() {
+    Object.keys(t.elements).forEach(function(n) {
+      var o = t.elements[n], s = t.attributes[n] || {}, c = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : r[n]), a = c.reduce(function(p, l) {
+        return p[l] = "", p;
+      }, {});
+      !V(o) || !Y(o) || (Object.assign(o.style, a), Object.keys(s).forEach(function(p) {
+        o.removeAttribute(p);
+      }));
+    });
+  };
+}
+const tr = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: _t,
+  effect: er,
+  requires: ["computeStyles"]
+};
+function X(e) {
+  return e.split("-")[0];
+}
+var Z = Math.max, xe = Math.min, re = Math.round;
+function Me() {
+  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 ut() {
+  return !/^((?!chrome|android).)*safari/i.test(Me());
+}
+function ne(e, t, r) {
+  t === void 0 && (t = !1), r === void 0 && (r = !1);
+  var n = e.getBoundingClientRect(), o = 1, s = 1;
+  t && V(e) && (o = e.offsetWidth > 0 && re(n.width) / e.offsetWidth || 1, s = e.offsetHeight > 0 && re(n.height) / e.offsetHeight || 1);
+  var c = _(e) ? N(e) : window, a = c.visualViewport, p = !ut() && r, l = (n.left + (p && a ? a.offsetLeft : 0)) / o, f = (n.top + (p && a ? a.offsetTop : 0)) / s, g = n.width / o, O = n.height / s;
+  return {
+    width: g,
+    height: O,
+    top: f,
+    right: l + g,
+    bottom: f + O,
+    left: l,
+    x: l,
+    y: f
+  };
+}
+function We(e) {
+  var t = ne(e), r = e.offsetWidth, n = e.offsetHeight;
+  return Math.abs(t.width - r) <= 1 && (r = t.width), Math.abs(t.height - n) <= 1 && (n = t.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
+    width: r,
+    height: n
+  };
+}
+function dt(e, t) {
+  var r = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (r && Le(r)) {
+    var n = t;
+    do {
+      if (n && e.isSameNode(n))
+        return !0;
+      n = n.parentNode || n.host;
+    } while (n);
+  }
+  return !1;
+}
+function z(e) {
+  return N(e).getComputedStyle(e);
+}
+function rr(e) {
+  return ["table", "td", "th"].indexOf(Y(e)) >= 0;
+}
+function K(e) {
+  return ((_(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function Ee(e) {
+  return Y(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
+    (Le(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    K(e)
+  );
+}
+function tt(e) {
+  return !V(e) || // https://github.com/popperjs/popper-core/issues/837
+  z(e).position === "fixed" ? null : e.offsetParent;
+}
+function nr(e) {
+  var t = /firefox/i.test(Me()), r = /Trident/i.test(Me());
+  if (r && V(e)) {
+    var n = z(e);
+    if (n.position === "fixed")
+      return null;
+  }
+  var o = Ee(e);
+  for (Le(o) && (o = o.host); V(o) && ["html", "body"].indexOf(Y(o)) < 0; ) {
+    var s = z(o);
+    if (s.transform !== "none" || s.perspective !== "none" || s.contain === "paint" || ["transform", "perspective"].indexOf(s.willChange) !== -1 || t && s.willChange === "filter" || t && s.filter && s.filter !== "none")
+      return o;
+    o = o.parentNode;
+  }
+  return null;
+}
+function ve(e) {
+  for (var t = N(e), r = tt(e); r && rr(r) && z(r).position === "static"; )
+    r = tt(r);
+  return r && (Y(r) === "html" || Y(r) === "body" && z(r).position === "static") ? t : r || nr(e) || t;
+}
+function He(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function pe(e, t, r) {
+  return Z(e, xe(t, r));
+}
+function or(e, t, r) {
+  var n = pe(e, t, r);
+  return n > r ? r : n;
+}
+function vt() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function mt(e) {
+  return Object.assign({}, vt(), e);
+}
+function ht(e, t) {
+  return t.reduce(function(r, n) {
+    return r[n] = e, r;
+  }, {});
+}
+var ir = function(t, r) {
+  return t = typeof t == "function" ? t(Object.assign({}, r.rects, {
+    placement: r.placement
+  })) : t, mt(typeof t != "number" ? t : ht(t, de));
+};
+function ar(e) {
+  var t, r = e.state, n = e.name, o = e.options, s = r.elements.arrow, c = r.modifiersData.popperOffsets, a = X(r.placement), p = He(a), l = [H, q].indexOf(a) >= 0, f = l ? "height" : "width";
+  if (!(!s || !c)) {
+    var g = ir(o.padding, r), O = We(s), d = p === "y" ? W : H, w = p === "y" ? U : q, v = r.rects.reference[f] + r.rects.reference[p] - c[p] - r.rects.popper[f], h = c[p] - r.rects.reference[p], E = ve(s), P = E ? p === "y" ? E.clientHeight || 0 : E.clientWidth || 0 : 0, b = v / 2 - h / 2, u = g[d], m = P - O[f] - g[w], y = P / 2 - O[f] / 2 + b, x = pe(u, y, m), C = p;
+    r.modifiersData[n] = (t = {}, t[C] = x, t.centerOffset = x - y, t);
+  }
+}
+function sr(e) {
+  var t = e.state, r = e.options, n = r.element, o = n === void 0 ? "[data-popper-arrow]" : n;
+  o != null && (typeof o == "string" && (o = t.elements.popper.querySelector(o), !o) || dt(t.elements.popper, o) && (t.elements.arrow = o));
+}
+const pr = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: ar,
+  effect: sr,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function oe(e) {
+  return e.split("-")[1];
+}
+var fr = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function cr(e, t) {
+  var r = e.x, n = e.y, o = t.devicePixelRatio || 1;
+  return {
+    x: re(r * o) / o || 0,
+    y: re(n * o) / o || 0
+  };
+}
+function rt(e) {
+  var t, r = e.popper, n = e.popperRect, o = e.placement, s = e.variation, c = e.offsets, a = e.position, p = e.gpuAcceleration, l = e.adaptive, f = e.roundOffsets, g = e.isFixed, O = c.x, d = O === void 0 ? 0 : O, w = c.y, v = w === void 0 ? 0 : w, h = typeof f == "function" ? f({
+    x: d,
+    y: v
+  }) : {
+    x: d,
+    y: v
+  };
+  d = h.x, v = h.y;
+  var E = c.hasOwnProperty("x"), P = c.hasOwnProperty("y"), b = H, u = W, m = window;
+  if (l) {
+    var y = ve(r), x = "clientHeight", C = "clientWidth";
+    if (y === N(r) && (y = K(r), z(y).position !== "static" && a === "absolute" && (x = "scrollHeight", C = "scrollWidth")), y = y, o === W || (o === H || o === q) && s === le) {
+      u = U;
+      var R = g && y === m && m.visualViewport ? m.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        y[x]
+      );
+      v -= R - n.height, v *= p ? 1 : -1;
+    }
+    if (o === H || (o === W || o === U) && s === le) {
+      b = q;
+      var A = g && y === m && m.visualViewport ? m.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        y[C]
+      );
+      d -= A - n.width, d *= p ? 1 : -1;
+    }
+  }
+  var M = Object.assign({
+    position: a
+  }, l && fr), L = f === !0 ? cr({
+    x: d,
+    y: v
+  }, N(r)) : {
+    x: d,
+    y: v
+  };
+  if (d = L.x, v = L.y, p) {
+    var B;
+    return Object.assign({}, M, (B = {}, B[u] = P ? "0" : "", B[b] = E ? "0" : "", B.transform = (m.devicePixelRatio || 1) <= 1 ? "translate(" + d + "px, " + v + "px)" : "translate3d(" + d + "px, " + v + "px, 0)", B));
+  }
+  return Object.assign({}, M, (t = {}, t[u] = P ? v + "px" : "", t[b] = E ? d + "px" : "", t.transform = "", t));
+}
+function lr(e) {
+  var t = e.state, r = e.options, n = r.gpuAcceleration, o = n === void 0 ? !0 : n, s = r.adaptive, c = s === void 0 ? !0 : s, a = r.roundOffsets, p = a === void 0 ? !0 : a, l = {
+    placement: X(t.placement),
+    variation: oe(t.placement),
+    popper: t.elements.popper,
+    popperRect: t.rects.popper,
+    gpuAcceleration: o,
+    isFixed: t.options.strategy === "fixed"
+  };
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, rt(Object.assign({}, l, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
+    adaptive: c,
+    roundOffsets: p
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, rt(Object.assign({}, l, {
+    offsets: t.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: p
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
+  });
+}
+const ur = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: lr,
+  data: {}
+};
+var ye = {
+  passive: !0
+};
+function dr(e) {
+  var t = e.state, r = e.instance, n = e.options, o = n.scroll, s = o === void 0 ? !0 : o, c = n.resize, a = c === void 0 ? !0 : c, p = N(t.elements.popper), l = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return s && l.forEach(function(f) {
+    f.addEventListener("scroll", r.update, ye);
+  }), a && p.addEventListener("resize", r.update, ye), function() {
+    s && l.forEach(function(f) {
+      f.removeEventListener("scroll", r.update, ye);
+    }), a && p.removeEventListener("resize", r.update, ye);
+  };
+}
+const vr = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: dr,
+  data: {}
+};
+var mr = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function be(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return mr[t];
+  });
+}
+var hr = {
+  start: "end",
+  end: "start"
+};
+function nt(e) {
+  return e.replace(/start|end/g, function(t) {
+    return hr[t];
+  });
+}
+function Ne(e) {
+  var t = N(e), r = t.pageXOffset, n = t.pageYOffset;
+  return {
+    scrollLeft: r,
+    scrollTop: n
+  };
+}
+function Ve(e) {
+  return ne(K(e)).left + Ne(e).scrollLeft;
+}
+function gr(e, t) {
+  var r = N(e), n = K(e), o = r.visualViewport, s = n.clientWidth, c = n.clientHeight, a = 0, p = 0;
+  if (o) {
+    s = o.width, c = o.height;
+    var l = ut();
+    (l || !l && t === "fixed") && (a = o.offsetLeft, p = o.offsetTop);
+  }
+  return {
+    width: s,
+    height: c,
+    x: a + Ve(e),
+    y: p
+  };
+}
+function yr(e) {
+  var t, r = K(e), n = Ne(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, s = Z(r.scrollWidth, r.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), c = Z(r.scrollHeight, r.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), a = -n.scrollLeft + Ve(e), p = -n.scrollTop;
+  return z(o || r).direction === "rtl" && (a += Z(r.clientWidth, o ? o.clientWidth : 0) - s), {
+    width: s,
+    height: c,
+    x: a,
+    y: p
+  };
+}
+function Ue(e) {
+  var t = z(e), r = t.overflow, n = t.overflowX, o = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(r + o + n);
+}
+function gt(e) {
+  return ["html", "body", "#document"].indexOf(Y(e)) >= 0 ? e.ownerDocument.body : V(e) && Ue(e) ? e : gt(Ee(e));
+}
+function fe(e, t) {
+  var r;
+  t === void 0 && (t = []);
+  var n = gt(e), o = n === ((r = e.ownerDocument) == null ? void 0 : r.body), s = N(n), c = o ? [s].concat(s.visualViewport || [], Ue(n) ? n : []) : n, a = t.concat(c);
+  return o ? a : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    a.concat(fe(Ee(c)))
+  );
+}
+function Be(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  });
+}
+function br(e, t) {
+  var r = ne(e, !1, t === "fixed");
+  return r.top = r.top + e.clientTop, r.left = r.left + e.clientLeft, r.bottom = r.top + e.clientHeight, r.right = r.left + e.clientWidth, r.width = e.clientWidth, r.height = e.clientHeight, r.x = r.left, r.y = r.top, r;
+}
+function ot(e, t, r) {
+  return t === ct ? Be(gr(e, r)) : _(t) ? br(t, r) : Be(yr(K(e)));
+}
+function wr(e) {
+  var t = fe(Ee(e)), r = ["absolute", "fixed"].indexOf(z(e).position) >= 0, n = r && V(e) ? ve(e) : e;
+  return _(n) ? t.filter(function(o) {
+    return _(o) && dt(o, n) && Y(o) !== "body";
+  }) : [];
+}
+function xr(e, t, r, n) {
+  var o = t === "clippingParents" ? wr(e) : [].concat(t), s = [].concat(o, [r]), c = s[0], a = s.reduce(function(p, l) {
+    var f = ot(e, l, n);
+    return p.top = Z(f.top, p.top), p.right = xe(f.right, p.right), p.bottom = xe(f.bottom, p.bottom), p.left = Z(f.left, p.left), p;
+  }, ot(e, c, n));
+  return a.width = a.right - a.left, a.height = a.bottom - a.top, a.x = a.left, a.y = a.top, a;
+}
+function yt(e) {
+  var t = e.reference, r = e.element, n = e.placement, o = n ? X(n) : null, s = n ? oe(n) : null, c = t.x + t.width / 2 - r.width / 2, a = t.y + t.height / 2 - r.height / 2, p;
+  switch (o) {
+    case W:
+      p = {
+        x: c,
+        y: t.y - r.height
+      };
+      break;
+    case U:
+      p = {
+        x: c,
+        y: t.y + t.height
+      };
+      break;
+    case q:
+      p = {
+        x: t.x + t.width,
+        y: a
+      };
+      break;
+    case H:
+      p = {
+        x: t.x - r.width,
+        y: a
+      };
+      break;
+    default:
+      p = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  var l = o ? He(o) : null;
+  if (l != null) {
+    var f = l === "y" ? "height" : "width";
+    switch (s) {
+      case te:
+        p[l] = p[l] - (t[f] / 2 - r[f] / 2);
+        break;
+      case le:
+        p[l] = p[l] + (t[f] / 2 - r[f] / 2);
+        break;
+    }
+  }
+  return p;
+}
+function ue(e, t) {
+  t === void 0 && (t = {});
+  var r = t, n = r.placement, o = n === void 0 ? e.placement : n, s = r.strategy, c = s === void 0 ? e.strategy : s, a = r.boundary, p = a === void 0 ? Ut : a, l = r.rootBoundary, f = l === void 0 ? ct : l, g = r.elementContext, O = g === void 0 ? se : g, d = r.altBoundary, w = d === void 0 ? !1 : d, v = r.padding, h = v === void 0 ? 0 : v, E = mt(typeof h != "number" ? h : ht(h, de)), P = O === se ? qt : se, b = e.rects.popper, u = e.elements[w ? P : O], m = xr(_(u) ? u : u.contextElement || K(e.elements.popper), p, f, c), y = ne(e.elements.reference), x = yt({
+    reference: y,
+    element: b,
+    strategy: "absolute",
+    placement: o
+  }), C = Be(Object.assign({}, b, x)), R = O === se ? C : y, A = {
+    top: m.top - R.top + E.top,
+    bottom: R.bottom - m.bottom + E.bottom,
+    left: m.left - R.left + E.left,
+    right: R.right - m.right + E.right
+  }, M = e.modifiersData.offset;
+  if (O === se && M) {
+    var L = M[o];
+    Object.keys(A).forEach(function(B) {
+      var I = [q, U].indexOf(B) >= 0 ? 1 : -1, T = [W, U].indexOf(B) >= 0 ? "y" : "x";
+      A[B] += L[T] * I;
+    });
+  }
+  return A;
+}
+function Or(e, t) {
+  t === void 0 && (t = {});
+  var r = t, n = r.placement, o = r.boundary, s = r.rootBoundary, c = r.padding, a = r.flipVariations, p = r.allowedAutoPlacements, l = p === void 0 ? lt : p, f = oe(n), g = f ? a ? et : et.filter(function(w) {
+    return oe(w) === f;
+  }) : de, O = g.filter(function(w) {
+    return l.indexOf(w) >= 0;
+  });
+  O.length === 0 && (O = g);
+  var d = O.reduce(function(w, v) {
+    return w[v] = ue(e, {
+      placement: v,
+      boundary: o,
+      rootBoundary: s,
+      padding: c
+    })[X(v)], w;
+  }, {});
+  return Object.keys(d).sort(function(w, v) {
+    return d[w] - d[v];
+  });
+}
+function Er(e) {
+  if (X(e) === ke)
+    return [];
+  var t = be(e);
+  return [nt(e), t, nt(t)];
+}
+function Pr(e) {
+  var t = e.state, r = e.options, n = e.name;
+  if (!t.modifiersData[n]._skip) {
+    for (var o = r.mainAxis, s = o === void 0 ? !0 : o, c = r.altAxis, a = c === void 0 ? !0 : c, p = r.fallbackPlacements, l = r.padding, f = r.boundary, g = r.rootBoundary, O = r.altBoundary, d = r.flipVariations, w = d === void 0 ? !0 : d, v = r.allowedAutoPlacements, h = t.options.placement, E = X(h), P = E === h, b = p || (P || !w ? [be(h)] : Er(h)), u = [h].concat(b).reduce(function(ee, G) {
+      return ee.concat(X(G) === ke ? Or(t, {
+        placement: G,
+        boundary: f,
+        rootBoundary: g,
+        padding: l,
+        flipVariations: w,
+        allowedAutoPlacements: v
+      }) : G);
+    }, []), m = t.rects.reference, y = t.rects.popper, x = /* @__PURE__ */ new Map(), C = !0, R = u[0], A = 0; A < u.length; A++) {
+      var M = u[A], L = X(M), B = oe(M) === te, I = [W, U].indexOf(L) >= 0, T = I ? "width" : "height", j = ue(t, {
+        placement: M,
+        boundary: f,
+        rootBoundary: g,
+        altBoundary: O,
+        padding: l
+      }), D = I ? B ? q : H : B ? U : W;
+      m[T] > y[T] && (D = be(D));
+      var $ = be(D), S = [];
+      if (s && S.push(j[L] <= 0), a && S.push(j[D] <= 0, j[$] <= 0), S.every(function(ee) {
+        return ee;
+      })) {
+        R = M, C = !1;
+        break;
+      }
+      x.set(M, S);
+    }
+    if (C)
+      for (var F = w ? 3 : 1, Re = function(G) {
+        var ae = u.find(function(he) {
+          var J = x.get(he);
+          if (J)
+            return J.slice(0, G).every(function(Te) {
+              return Te;
+            });
+        });
+        if (ae)
+          return R = ae, "break";
+      }, ie = F; ie > 0; ie--) {
+        var me = Re(ie);
+        if (me === "break") break;
+      }
+    t.placement !== R && (t.modifiersData[n]._skip = !0, t.placement = R, t.reset = !0);
+  }
+}
+const Rr = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: Pr,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function it(e, t, r) {
+  return r === void 0 && (r = {
+    x: 0,
+    y: 0
+  }), {
+    top: e.top - t.height - r.y,
+    right: e.right - t.width + r.x,
+    bottom: e.bottom - t.height + r.y,
+    left: e.left - t.width - r.x
+  };
+}
+function at(e) {
+  return [W, q, U, H].some(function(t) {
+    return e[t] >= 0;
+  });
+}
+function Tr(e) {
+  var t = e.state, r = e.name, n = t.rects.reference, o = t.rects.popper, s = t.modifiersData.preventOverflow, c = ue(t, {
+    elementContext: "reference"
+  }), a = ue(t, {
+    altBoundary: !0
+  }), p = it(c, n), l = it(a, o, s), f = at(p), g = at(l);
+  t.modifiersData[r] = {
+    referenceClippingOffsets: p,
+    popperEscapeOffsets: l,
+    isReferenceHidden: f,
+    hasPopperEscaped: g
+  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-reference-hidden": f,
+    "data-popper-escaped": g
+  });
+}
+const Ar = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: Tr
+};
+function jr(e, t, r) {
+  var n = X(e), o = [H, W].indexOf(n) >= 0 ? -1 : 1, s = typeof r == "function" ? r(Object.assign({}, t, {
+    placement: e
+  })) : r, c = s[0], a = s[1];
+  return c = c || 0, a = (a || 0) * o, [H, q].indexOf(n) >= 0 ? {
+    x: a,
+    y: c
+  } : {
+    x: c,
+    y: a
+  };
+}
+function Dr(e) {
+  var t = e.state, r = e.options, n = e.name, o = r.offset, s = o === void 0 ? [0, 0] : o, c = lt.reduce(function(f, g) {
+    return f[g] = jr(g, t.rects, s), f;
+  }, {}), a = c[t.placement], p = a.x, l = a.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += p, t.modifiersData.popperOffsets.y += l), t.modifiersData[n] = c;
+}
+const Cr = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: Dr
+};
+function Mr(e) {
+  var t = e.state, r = e.name;
+  t.modifiersData[r] = yt({
+    reference: t.rects.reference,
+    element: t.rects.popper,
+    strategy: "absolute",
+    placement: t.placement
+  });
+}
+const Br = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: Mr,
+  data: {}
+};
+function $r(e) {
+  return e === "x" ? "y" : "x";
+}
+function Sr(e) {
+  var t = e.state, r = e.options, n = e.name, o = r.mainAxis, s = o === void 0 ? !0 : o, c = r.altAxis, a = c === void 0 ? !1 : c, p = r.boundary, l = r.rootBoundary, f = r.altBoundary, g = r.padding, O = r.tether, d = O === void 0 ? !0 : O, w = r.tetherOffset, v = w === void 0 ? 0 : w, h = ue(t, {
+    boundary: p,
+    rootBoundary: l,
+    padding: g,
+    altBoundary: f
+  }), E = X(t.placement), P = oe(t.placement), b = !P, u = He(E), m = $r(u), y = t.modifiersData.popperOffsets, x = t.rects.reference, C = t.rects.popper, R = typeof v == "function" ? v(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : v, A = typeof R == "number" ? {
+    mainAxis: R,
+    altAxis: R
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, R), M = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, L = {
+    x: 0,
+    y: 0
+  };
+  if (y) {
+    if (s) {
+      var B, I = u === "y" ? W : H, T = u === "y" ? U : q, j = u === "y" ? "height" : "width", D = y[u], $ = D + h[I], S = D - h[T], F = d ? -C[j] / 2 : 0, Re = P === te ? x[j] : C[j], ie = P === te ? -C[j] : -x[j], me = t.elements.arrow, ee = d && me ? We(me) : {
+        width: 0,
+        height: 0
+      }, G = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : vt(), ae = G[I], he = G[T], J = pe(0, x[j], ee[j]), Te = b ? x[j] / 2 - F - J - ae - A.mainAxis : Re - J - ae - A.mainAxis, wt = b ? -x[j] / 2 + F + J + he + A.mainAxis : ie + J + he + A.mainAxis, Ae = t.elements.arrow && ve(t.elements.arrow), xt = Ae ? u === "y" ? Ae.clientTop || 0 : Ae.clientLeft || 0 : 0, qe = (B = M == null ? void 0 : M[u]) != null ? B : 0, Ot = D + Te - qe - xt, Et = D + wt - qe, Fe = pe(d ? xe($, Ot) : $, D, d ? Z(S, Et) : S);
+      y[u] = Fe, L[u] = Fe - D;
+    }
+    if (a) {
+      var Ie, Pt = u === "x" ? W : H, Rt = u === "x" ? U : q, Q = y[m], ge = m === "y" ? "height" : "width", Xe = Q + h[Pt], Ye = Q - h[Rt], je = [W, H].indexOf(E) !== -1, ze = (Ie = M == null ? void 0 : M[m]) != null ? Ie : 0, Ge = je ? Xe : Q - x[ge] - C[ge] - ze + A.altAxis, Ke = je ? Q + x[ge] + C[ge] - ze - A.altAxis : Ye, Je = d && je ? or(Ge, Q, Ke) : pe(d ? Ge : Xe, Q, d ? Ke : Ye);
+      y[m] = Je, L[m] = Je - Q;
+    }
+    t.modifiersData[n] = L;
+  }
+}
+const kr = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: Sr,
+  requiresIfExists: ["offset"]
+};
+function Lr(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function Wr(e) {
+  return e === N(e) || !V(e) ? Ne(e) : Lr(e);
+}
+function Hr(e) {
+  var t = e.getBoundingClientRect(), r = re(t.width) / e.offsetWidth || 1, n = re(t.height) / e.offsetHeight || 1;
+  return r !== 1 || n !== 1;
+}
+function Nr(e, t, r) {
+  r === void 0 && (r = !1);
+  var n = V(t), o = V(t) && Hr(t), s = K(t), c = ne(e, o, r), a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, p = {
+    x: 0,
+    y: 0
+  };
+  return (n || !n && !r) && ((Y(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  Ue(s)) && (a = Wr(t)), V(t) ? (p = ne(t, !0), p.x += t.clientLeft, p.y += t.clientTop) : s && (p.x = Ve(s))), {
+    x: c.left + a.scrollLeft - p.x,
+    y: c.top + a.scrollTop - p.y,
+    width: c.width,
+    height: c.height
+  };
+}
+function Vr(e) {
+  var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), n = [];
+  e.forEach(function(s) {
+    t.set(s.name, s);
+  });
+  function o(s) {
+    r.add(s.name);
+    var c = [].concat(s.requires || [], s.requiresIfExists || []);
+    c.forEach(function(a) {
+      if (!r.has(a)) {
+        var p = t.get(a);
+        p && o(p);
+      }
+    }), n.push(s);
+  }
+  return e.forEach(function(s) {
+    r.has(s.name) || o(s);
+  }), n;
+}
+function Ur(e) {
+  var t = Vr(e);
+  return Zt.reduce(function(r, n) {
+    return r.concat(t.filter(function(o) {
+      return o.phase === n;
+    }));
+  }, []);
+}
+function qr(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(r) {
+      Promise.resolve().then(function() {
+        t = void 0, r(e());
+      });
+    })), t;
+  };
+}
+function Fr(e) {
+  var t = e.reduce(function(r, n) {
+    var o = r[n.name];
+    return r[n.name] = o ? Object.assign({}, o, n, {
+      options: Object.assign({}, o.options, n.options),
+      data: Object.assign({}, o.data, n.data)
+    }) : n, r;
+  }, {});
+  return Object.keys(t).map(function(r) {
+    return t[r];
+  });
+}
+var st = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function pt() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  return !t.some(function(n) {
+    return !(n && typeof n.getBoundingClientRect == "function");
+  });
+}
+function Ir(e) {
+  e === void 0 && (e = {});
+  var t = e, r = t.defaultModifiers, n = r === void 0 ? [] : r, o = t.defaultOptions, s = o === void 0 ? st : o;
+  return function(a, p, l) {
+    l === void 0 && (l = s);
+    var f = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, st, s),
+      modifiersData: {},
+      elements: {
+        reference: a,
+        popper: p
+      },
+      attributes: {},
+      styles: {}
+    }, g = [], O = !1, d = {
+      state: f,
+      setOptions: function(E) {
+        var P = typeof E == "function" ? E(f.options) : E;
+        v(), f.options = Object.assign({}, s, f.options, P), f.scrollParents = {
+          reference: _(a) ? fe(a) : a.contextElement ? fe(a.contextElement) : [],
+          popper: fe(p)
+        };
+        var b = Ur(Fr([].concat(n, f.options.modifiers)));
+        return f.orderedModifiers = b.filter(function(u) {
+          return u.enabled;
+        }), w(), d.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!O) {
+          var E = f.elements, P = E.reference, b = E.popper;
+          if (pt(P, b)) {
+            f.rects = {
+              reference: Nr(P, ve(b), f.options.strategy === "fixed"),
+              popper: We(b)
+            }, f.reset = !1, f.placement = f.options.placement, f.orderedModifiers.forEach(function(A) {
+              return f.modifiersData[A.name] = Object.assign({}, A.data);
+            });
+            for (var u = 0; u < f.orderedModifiers.length; u++) {
+              if (f.reset === !0) {
+                f.reset = !1, u = -1;
+                continue;
+              }
+              var m = f.orderedModifiers[u], y = m.fn, x = m.options, C = x === void 0 ? {} : x, R = m.name;
+              typeof y == "function" && (f = y({
+                state: f,
+                options: C,
+                name: R,
+                instance: d
+              }) || f);
+            }
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: qr(function() {
+        return new Promise(function(h) {
+          d.forceUpdate(), h(f);
+        });
+      }),
+      destroy: function() {
+        v(), O = !0;
+      }
+    };
+    if (!pt(a, p))
+      return d;
+    d.setOptions(l).then(function(h) {
+      !O && l.onFirstUpdate && l.onFirstUpdate(h);
+    });
+    function w() {
+      f.orderedModifiers.forEach(function(h) {
+        var E = h.name, P = h.options, b = P === void 0 ? {} : P, u = h.effect;
+        if (typeof u == "function") {
+          var m = u({
+            state: f,
+            name: E,
+            instance: d,
+            options: b
+          }), y = function() {
+          };
+          g.push(m || y);
+        }
+      });
+    }
+    function v() {
+      g.forEach(function(h) {
+        return h();
+      }), g = [];
+    }
+    return d;
+  };
+}
+var Xr = [vr, Br, ur, tr, Cr, Rr, kr, pr, Ar], Yr = /* @__PURE__ */ Ir({
+  defaultModifiers: Xr
+});
+function zr(e) {
+  return At("MuiPopper", e);
+}
+jt("MuiPopper", ["root"]);
+function Gr(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 Oe(e) {
+  return typeof e == "function" ? e() : e;
+}
+function Pe(e) {
+  return e.nodeType !== void 0;
+}
+function Kr(e) {
+  return !Pe(e);
+}
+const Jr = (e) => {
+  const {
+    classes: t
+  } = e;
+  return Dt({
+    root: ["root"]
+  }, zr, t);
+}, Qr = {}, Zr = /* @__PURE__ */ k.forwardRef(function(t, r) {
+  const {
+    anchorEl: n,
+    children: o,
+    direction: s,
+    disablePortal: c,
+    modifiers: a,
+    open: p,
+    placement: l,
+    popperOptions: f,
+    popperRef: g,
+    slotProps: O = {},
+    slots: d = {},
+    TransitionProps: w,
+    // @ts-ignore internal logic
+    ownerState: v,
+    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
+    ...h
+  } = t, E = k.useRef(null), P = Ce(E, r), b = k.useRef(null), u = Ce(b, g), m = k.useRef(u);
+  Ze(() => {
+    m.current = u;
+  }, [u]), k.useImperativeHandle(g, () => b.current, []);
+  const y = Gr(l, s), [x, C] = k.useState(y), [R, A] = k.useState(Oe(n));
+  k.useEffect(() => {
+    b.current && b.current.forceUpdate();
+  }), k.useEffect(() => {
+    n && A(Oe(n));
+  }, [n]), Ze(() => {
+    if (!R || !p)
+      return;
+    const T = ($) => {
+      C($.placement);
+    };
+    if (process.env.NODE_ENV !== "production" && R && Pe(R) && R.nodeType === 1) {
+      const $ = R.getBoundingClientRect();
+      process.env.NODE_ENV !== "test" && $.top === 0 && $.left === 0 && $.right === 0 && $.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 j = [{
+      name: "preventOverflow",
+      options: {
+        altBoundary: c
+      }
+    }, {
+      name: "flip",
+      options: {
+        altBoundary: c
+      }
+    }, {
+      name: "onUpdate",
+      enabled: !0,
+      phase: "afterWrite",
+      fn: ({
+        state: $
+      }) => {
+        T($);
+      }
+    }];
+    a != null && (j = j.concat(a)), f && f.modifiers != null && (j = j.concat(f.modifiers));
+    const D = Yr(R, E.current, {
+      placement: y,
+      ...f,
+      modifiers: j
+    });
+    return m.current(D), () => {
+      D.destroy(), m.current(null);
+    };
+  }, [R, c, a, p, f, y]);
+  const M = {
+    placement: x
+  };
+  w !== null && (M.TransitionProps = w);
+  const L = Jr(t), B = d.root ?? "div", I = Ht({
+    elementType: B,
+    externalSlotProps: O.root,
+    externalForwardedProps: h,
+    additionalProps: {
+      role: "tooltip",
+      ref: P
+    },
+    ownerState: t,
+    className: L.root
+  });
+  return /* @__PURE__ */ ce(B, {
+    ...I,
+    children: typeof o == "function" ? o(M) : o
+  });
+}), bt = /* @__PURE__ */ k.forwardRef(function(t, r) {
+  const {
+    anchorEl: n,
+    children: o,
+    container: s,
+    direction: c = "ltr",
+    disablePortal: a = !1,
+    keepMounted: p = !1,
+    modifiers: l,
+    open: f,
+    placement: g = "bottom",
+    popperOptions: O = Qr,
+    popperRef: d,
+    style: w,
+    transition: v = !1,
+    slotProps: h = {},
+    slots: E = {},
+    ...P
+  } = t, [b, u] = k.useState(!0), m = () => {
+    u(!1);
+  }, y = () => {
+    u(!0);
+  };
+  if (!p && !f && (!v || b))
+    return null;
+  let x;
+  if (s)
+    x = s;
+  else if (n) {
+    const A = Oe(n);
+    x = A && Pe(A) ? Qe(A).body : Qe(null).body;
+  }
+  const C = !f && p && (!v || b) ? "none" : void 0, R = v ? {
+    in: f,
+    onEnter: m,
+    onExited: y
+  } : void 0;
+  return /* @__PURE__ */ ce(Bt, {
+    disablePortal: a,
+    container: x,
+    children: /* @__PURE__ */ ce(Zr, {
+      anchorEl: n,
+      direction: c,
+      disablePortal: a,
+      modifiers: l,
+      ref: r,
+      open: v ? !b : f,
+      placement: g,
+      popperOptions: O,
+      popperRef: d,
+      slotProps: h,
+      slots: E,
+      ...P,
+      style: {
+        // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
+        position: "fixed",
+        // Fix Popper.js display issue
+        top: 0,
+        left: 0,
+        display: C,
+        ...w
+      },
+      TransitionProps: R,
+      children: o
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (bt.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: kt(i.oneOfType([we, i.object, i.func]), (e) => {
+    if (e.open) {
+      const t = Oe(e.anchorEl);
+      if (t && Pe(t) && t.nodeType === 1) {
+        const r = t.getBoundingClientRect();
+        if (process.env.NODE_ENV !== "test" && r.top === 0 && r.left === 0 && r.right === 0 && r.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" || Kr(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: i.oneOfType([i.node, i.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: i.oneOfType([we, i.func]),
+  /**
+   * Direction of the text.
+   * @default 'ltr'
+   */
+  direction: i.oneOf(["ltr", "rtl"]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: i.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: i.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: i.arrayOf(i.shape({
+    data: i.object,
+    effect: i.func,
+    enabled: i.bool,
+    fn: i.func,
+    name: i.any,
+    options: i.object,
+    phase: i.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
+    requires: i.arrayOf(i.string),
+    requiresIfExists: i.arrayOf(i.string)
+  })),
+  /**
+   * If `true`, the component is shown.
+   */
+  open: i.bool.isRequired,
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement: i.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: i.shape({
+    modifiers: i.array,
+    onFirstUpdate: i.func,
+    placement: i.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: i.oneOf(["absolute", "fixed"])
+  }),
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef: ft,
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  slotProps: i.shape({
+    root: i.oneOfType([i.func, i.object])
+  }),
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: i.shape({
+    root: i.elementType
+  }),
+  /**
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
+   */
+  transition: i.bool
+});
+const _r = Ct(bt, {
+  name: "MuiPopper",
+  slot: "Root",
+  overridesResolver: (e, t) => t.root
+})({}), en = /* @__PURE__ */ k.forwardRef(function(t, r) {
+  const n = Tt(), o = Mt({
+    props: t,
+    name: "MuiPopper"
+  }), {
+    anchorEl: s,
+    component: c,
+    components: a,
+    componentsProps: p,
+    container: l,
+    disablePortal: f,
+    keepMounted: g,
+    modifiers: O,
+    open: d,
+    placement: w,
+    popperOptions: v,
+    popperRef: h,
+    transition: E,
+    slots: P,
+    slotProps: b,
+    ...u
+  } = o, m = (P == null ? void 0 : P.root) ?? (a == null ? void 0 : a.Root), y = {
+    anchorEl: s,
+    container: l,
+    disablePortal: f,
+    keepMounted: g,
+    modifiers: O,
+    open: d,
+    placement: w,
+    popperOptions: v,
+    popperRef: h,
+    transition: E,
+    ...u
+  };
+  return /* @__PURE__ */ ce(_r, {
+    as: c,
+    direction: n ? "rtl" : "ltr",
+    slots: {
+      root: m
+    },
+    slotProps: b ?? p,
+    ...y,
+    ref: r
+  });
+});
+process.env.NODE_ENV !== "production" && (en.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: i.oneOfType([we, i.object, i.func]),
+  /**
+   * Popper render function or node.
+   */
+  children: i.oneOfType([i.node, i.func]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: i.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: i.shape({
+    Root: i.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: i.shape({
+    root: i.oneOfType([i.func, i.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: i.oneOfType([we, i.func]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: i.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: i.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: i.arrayOf(i.shape({
+    data: i.object,
+    effect: i.func,
+    enabled: i.bool,
+    fn: i.func,
+    name: i.any,
+    options: i.object,
+    phase: i.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
+    requires: i.arrayOf(i.string),
+    requiresIfExists: i.arrayOf(i.string)
+  })),
+  /**
+   * If `true`, the component is shown.
+   */
+  open: i.bool.isRequired,
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement: i.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: i.shape({
+    modifiers: i.array,
+    onFirstUpdate: i.func,
+    placement: i.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: i.oneOf(["absolute", "fixed"])
+  }),
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef: ft,
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  slotProps: i.shape({
+    root: i.oneOfType([i.func, i.object])
+  }),
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: i.shape({
+    root: i.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
+  /**
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
+   */
+  transition: i.bool
+});
+function $e(e) {
+  return `scale(${e}, ${e ** 2})`;
+}
+const tn = {
   entering: {
     opacity: 1,
-    transform: h(1)
+    transform: $e(1)
   },
   entered: {
     opacity: 1,
     transform: "none"
   }
-}, E = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), y = /* @__PURE__ */ f.forwardRef(function(w, D) {
+}, De = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), Se = /* @__PURE__ */ k.forwardRef(function(t, r) {
   const {
-    addEndListener: x,
-    appear: L = !0,
-    children: m,
-    easing: T,
-    in: R,
-    onEnter: b,
-    onEntered: j,
-    onEntering: H,
-    onExit: A,
+    addEndListener: n,
+    appear: o = !0,
+    children: s,
+    easing: c,
+    in: a,
+    onEnter: p,
+    onEntered: l,
+    onEntering: f,
+    onExit: g,
     onExited: O,
-    onExiting: P,
-    style: p,
-    timeout: o = "auto",
+    onExiting: d,
+    style: w,
+    timeout: v = "auto",
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: F = B,
-    ...G
-  } = w, S = V(), g = f.useRef(), s = W(), c = f.useRef(null), C = M(c, Q(m), D), a = (t) => (r) => {
-    if (t) {
-      const e = c.current;
-      r === void 0 ? t(e) : t(e, r);
+    TransitionComponent: h = Nt,
+    ...E
+  } = t, P = Lt(), b = k.useRef(), u = Wt(), m = k.useRef(null), y = Ce(m, $t(s), r), x = (T) => (j) => {
+    if (T) {
+      const D = m.current;
+      j === void 0 ? T(D) : T(D, j);
     }
-  }, N = a(H), _ = a((t, r) => {
-    J(t);
+  }, C = x(f), R = x((T, j) => {
+    Vt(T);
     const {
-      duration: e,
-      delay: d,
-      easing: i
-    } = v({
-      style: p,
-      timeout: o,
-      easing: T
+      duration: D,
+      delay: $,
+      easing: S
+    } = _e({
+      style: w,
+      timeout: v,
+      easing: c
     }, {
       mode: "enter"
     });
-    let u;
-    o === "auto" ? (u = s.transitions.getAutoHeightDuration(t.clientHeight), g.current = u) : u = e, t.style.transition = [s.transitions.create("opacity", {
-      duration: u,
-      delay: d
-    }), s.transitions.create("transform", {
-      duration: E ? u : u * 0.666,
-      delay: d,
-      easing: i
-    })].join(","), b && b(t, r);
-  }), $ = a(j), q = a(P), z = a((t) => {
+    let F;
+    v === "auto" ? (F = u.transitions.getAutoHeightDuration(T.clientHeight), b.current = F) : F = D, T.style.transition = [u.transitions.create("opacity", {
+      duration: F,
+      delay: $
+    }), u.transitions.create("transform", {
+      duration: De ? F : F * 0.666,
+      delay: $,
+      easing: S
+    })].join(","), p && p(T, j);
+  }), A = x(l), M = x(d), L = x((T) => {
     const {
-      duration: r,
-      delay: e,
-      easing: d
-    } = v({
-      style: p,
-      timeout: o,
-      easing: T
+      duration: j,
+      delay: D,
+      easing: $
+    } = _e({
+      style: w,
+      timeout: v,
+      easing: c
     }, {
       mode: "exit"
     });
-    let i;
-    o === "auto" ? (i = s.transitions.getAutoHeightDuration(t.clientHeight), g.current = i) : i = r, t.style.transition = [s.transitions.create("opacity", {
-      duration: i,
-      delay: e
-    }), s.transitions.create("transform", {
-      duration: E ? i : i * 0.666,
-      delay: E ? e : e || i * 0.333,
-      easing: d
-    })].join(","), t.style.opacity = 0, t.style.transform = h(0.75), A && A(t);
-  }), K = a(O);
-  return /* @__PURE__ */ k(F, {
-    appear: L,
-    in: R,
-    nodeRef: c,
-    onEnter: _,
-    onEntered: $,
-    onEntering: N,
-    onExit: z,
-    onExited: K,
-    onExiting: q,
-    addEndListener: (t) => {
-      o === "auto" && S.start(g.current || 0, t), x && x(c.current, t);
+    let S;
+    v === "auto" ? (S = u.transitions.getAutoHeightDuration(T.clientHeight), b.current = S) : S = j, T.style.transition = [u.transitions.create("opacity", {
+      duration: S,
+      delay: D
+    }), u.transitions.create("transform", {
+      duration: De ? S : S * 0.666,
+      delay: De ? D : D || S * 0.333,
+      easing: $
+    })].join(","), T.style.opacity = 0, T.style.transform = $e(0.75), g && g(T);
+  }), B = x(O);
+  return /* @__PURE__ */ ce(h, {
+    appear: o,
+    in: a,
+    nodeRef: m,
+    onEnter: R,
+    onEntered: A,
+    onEntering: C,
+    onExit: L,
+    onExited: B,
+    onExiting: M,
+    addEndListener: (T) => {
+      v === "auto" && P.start(b.current || 0, T), n && n(m.current, T);
     },
-    timeout: o === "auto" ? null : o,
-    ...G,
-    children: (t, {
-      ownerState: r,
-      ...e
-    }) => /* @__PURE__ */ f.cloneElement(m, {
+    timeout: v === "auto" ? null : v,
+    ...E,
+    children: (T, {
+      ownerState: j,
+      ...D
+    }) => /* @__PURE__ */ k.cloneElement(s, {
       style: {
         opacity: 0,
-        transform: h(0.75),
-        visibility: t === "exited" && !R ? "hidden" : void 0,
-        ...X[t],
-        ...p,
-        ...m.props.style
+        transform: $e(0.75),
+        visibility: T === "exited" && !a ? "hidden" : void 0,
+        ...tn[T],
+        ...w,
+        ...s.props.style
       },
-      ref: C,
-      ...e
+      ref: y,
+      ...D
     })
   });
 });
-process.env.NODE_ENV !== "production" && (y.propTypes = {
+process.env.NODE_ENV !== "production" && (Se.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -126,57 +1523,57 @@ process.env.NODE_ENV !== "production" && (y.propTypes = {
    * node and a done callback. Allows for more fine grained transition end
    * logic. Note: Timeouts are still used as a fallback if provided.
    */
-  addEndListener: n.func,
+  addEndListener: i.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: n.bool,
+  appear: i.bool,
   /**
    * A single child content element.
    */
-  children: U.isRequired,
+  children: St.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
    */
-  easing: n.oneOfType([n.shape({
-    enter: n.string,
-    exit: n.string
-  }), n.string]),
+  easing: i.oneOfType([i.shape({
+    enter: i.string,
+    exit: i.string
+  }), i.string]),
   /**
    * If `true`, the component will transition in.
    */
-  in: n.bool,
+  in: i.bool,
   /**
    * @ignore
    */
-  onEnter: n.func,
+  onEnter: i.func,
   /**
    * @ignore
    */
-  onEntered: n.func,
+  onEntered: i.func,
   /**
    * @ignore
    */
-  onEntering: n.func,
+  onEntering: i.func,
   /**
    * @ignore
    */
-  onExit: n.func,
+  onExit: i.func,
   /**
    * @ignore
    */
-  onExited: n.func,
+  onExited: i.func,
   /**
    * @ignore
    */
-  onExiting: n.func,
+  onExiting: i.func,
   /**
    * @ignore
    */
-  style: n.object,
+  style: i.object,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -184,13 +1581,14 @@ process.env.NODE_ENV !== "production" && (y.propTypes = {
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
-  timeout: n.oneOfType([n.oneOf(["auto"]), n.number, n.shape({
-    appear: n.number,
-    enter: n.number,
-    exit: n.number
+  timeout: i.oneOfType([i.oneOf(["auto"]), i.number, i.shape({
+    appear: i.number,
+    enter: i.number,
+    exit: i.number
   })])
 });
-y && (y.muiSupportAuto = !0);
+Se && (Se.muiSupportAuto = !0);
 export {
-  y as G
+  Se as G,
+  en as P
 };