import { as as $t, d as $e, at as Je, f as Oe, au as kt, _ as ee, af as Bt, P as s, av as we, aw as pt, z as Ke, ax as Qe, ay as St, h as Wt, az as Nt, l as Lt, m as Ht } from "./index-b203ecbb.js";
import * as $ from "react";
import Vt from "react";
const qt = {
  disableDefaultClasses: !1
}, ft = /* @__PURE__ */ $.createContext(qt);
process.env.NODE_ENV !== "production" && (ft.displayName = "ClassNameConfiguratorContext");
function Ut(e) {
  const {
    disableDefaultClasses: t
  } = $.useContext(ft);
  return (r) => t ? "" : e(r);
}
const lt = "base";
function _t(e) {
  return `${lt}--${e}`;
}
function Ft(e, t) {
  return `${lt}-${e}-${t}`;
}
function ct(e, t) {
  const r = $t[t];
  return r ? _t(r) : Ft(e, t);
}
function It(e, t) {
  const r = {};
  return t.forEach((o) => {
    r[o] = ct(e, o);
  }), r;
}
var k = "top", H = "bottom", V = "right", B = "left", ke = "auto", ue = [k, H, V, B], te = "start", le = "end", Xt = "clippingParents", ut = "viewport", se = "popper", zt = "reference", Ze = /* @__PURE__ */ ue.reduce(function(e, t) {
  return e.concat([t + "-" + te, t + "-" + le]);
}, []), dt = /* @__PURE__ */ [].concat(ue, [ke]).reduce(function(e, t) {
  return e.concat([t, t + "-" + te, t + "-" + le]);
}, []), Yt = "beforeRead", Gt = "read", Jt = "afterRead", Kt = "beforeMain", Qt = "main", Zt = "afterMain", er = "beforeWrite", tr = "write", rr = "afterWrite", or = [Yt, Gt, Jt, Kt, Qt, Zt, er, tr, rr];
function U(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 Q(e) {
  var t = N(e).Element;
  return e instanceof t || e instanceof Element;
}
function L(e) {
  var t = N(e).HTMLElement;
  return e instanceof t || e instanceof HTMLElement;
}
function Be(e) {
  if (typeof ShadowRoot > "u")
    return !1;
  var t = N(e).ShadowRoot;
  return e instanceof t || e instanceof ShadowRoot;
}
function nr(e) {
  var t = e.state;
  Object.keys(t.elements).forEach(function(r) {
    var o = t.styles[r] || {}, n = t.attributes[r] || {}, a = t.elements[r];
    !L(a) || !U(a) || (Object.assign(a.style, o), Object.keys(n).forEach(function(l) {
      var p = n[l];
      p === !1 ? a.removeAttribute(l) : a.setAttribute(l, p === !0 ? "" : p);
    }));
  });
}
function ar(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(o) {
      var n = t.elements[o], a = t.attributes[o] || {}, l = Object.keys(t.styles.hasOwnProperty(o) ? t.styles[o] : r[o]), p = l.reduce(function(i, c) {
        return i[c] = "", i;
      }, {});
      !L(n) || !U(n) || (Object.assign(n.style, p), Object.keys(a).forEach(function(i) {
        n.removeAttribute(i);
      }));
    });
  };
}
const ir = {
  name: "applyStyles",
  enabled: !0,
  phase: "write",
  fn: nr,
  effect: ar,
  requires: ["computeStyles"]
};
function q(e) {
  return e.split("-")[0];
}
var K = Math.max, xe = Math.min, re = Math.round;
function De() {
  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 vt() {
  return !/^((?!chrome|android).)*safari/i.test(De());
}
function oe(e, t, r) {
  t === void 0 && (t = !1), r === void 0 && (r = !1);
  var o = e.getBoundingClientRect(), n = 1, a = 1;
  t && L(e) && (n = e.offsetWidth > 0 && re(o.width) / e.offsetWidth || 1, a = e.offsetHeight > 0 && re(o.height) / e.offsetHeight || 1);
  var l = Q(e) ? N(e) : window, p = l.visualViewport, i = !vt() && r, c = (o.left + (i && p ? p.offsetLeft : 0)) / n, f = (o.top + (i && p ? p.offsetTop : 0)) / a, m = o.width / n, b = o.height / a;
  return {
    width: m,
    height: b,
    top: f,
    right: c + m,
    bottom: f + b,
    left: c,
    x: c,
    y: f
  };
}
function Se(e) {
  var t = oe(e), r = e.offsetWidth, o = e.offsetHeight;
  return Math.abs(t.width - r) <= 1 && (r = t.width), Math.abs(t.height - o) <= 1 && (o = t.height), {
    x: e.offsetLeft,
    y: e.offsetTop,
    width: r,
    height: o
  };
}
function mt(e, t) {
  var r = t.getRootNode && t.getRootNode();
  if (e.contains(t))
    return !0;
  if (r && Be(r)) {
    var o = t;
    do {
      if (o && e.isSameNode(o))
        return !0;
      o = o.parentNode || o.host;
    } while (o);
  }
  return !1;
}
function I(e) {
  return N(e).getComputedStyle(e);
}
function sr(e) {
  return ["table", "td", "th"].indexOf(U(e)) >= 0;
}
function z(e) {
  return ((Q(e) ? e.ownerDocument : (
    // $FlowFixMe[prop-missing]
    e.document
  )) || window.document).documentElement;
}
function Ee(e) {
  return U(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
    (Be(e) ? e.host : null) || // ShadowRoot detected
    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
    z(e)
  );
}
function et(e) {
  return !L(e) || // https://github.com/popperjs/popper-core/issues/837
  I(e).position === "fixed" ? null : e.offsetParent;
}
function pr(e) {
  var t = /firefox/i.test(De()), r = /Trident/i.test(De());
  if (r && L(e)) {
    var o = I(e);
    if (o.position === "fixed")
      return null;
  }
  var n = Ee(e);
  for (Be(n) && (n = n.host); L(n) && ["html", "body"].indexOf(U(n)) < 0; ) {
    var a = I(n);
    if (a.transform !== "none" || a.perspective !== "none" || a.contain === "paint" || ["transform", "perspective"].indexOf(a.willChange) !== -1 || t && a.willChange === "filter" || t && a.filter && a.filter !== "none")
      return n;
    n = n.parentNode;
  }
  return null;
}
function de(e) {
  for (var t = N(e), r = et(e); r && sr(r) && I(r).position === "static"; )
    r = et(r);
  return r && (U(r) === "html" || U(r) === "body" && I(r).position === "static") ? t : r || pr(e) || t;
}
function We(e) {
  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
}
function pe(e, t, r) {
  return K(e, xe(t, r));
}
function fr(e, t, r) {
  var o = pe(e, t, r);
  return o > r ? r : o;
}
function ht() {
  return {
    top: 0,
    right: 0,
    bottom: 0,
    left: 0
  };
}
function yt(e) {
  return Object.assign({}, ht(), e);
}
function gt(e, t) {
  return t.reduce(function(r, o) {
    return r[o] = e, r;
  }, {});
}
var lr = function(t, r) {
  return t = typeof t == "function" ? t(Object.assign({}, r.rects, {
    placement: r.placement
  })) : t, yt(typeof t != "number" ? t : gt(t, ue));
};
function cr(e) {
  var t, r = e.state, o = e.name, n = e.options, a = r.elements.arrow, l = r.modifiersData.popperOffsets, p = q(r.placement), i = We(p), c = [B, V].indexOf(p) >= 0, f = c ? "height" : "width";
  if (!(!a || !l)) {
    var m = lr(n.padding, r), b = Se(a), d = i === "y" ? k : B, x = i === "y" ? H : V, v = r.rects.reference[f] + r.rects.reference[i] - l[i] - r.rects.popper[f], h = l[i] - r.rects.reference[i], w = de(a), R = w ? i === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, O = v / 2 - h / 2, u = m[d], y = R - b[f] - m[x], g = R / 2 - b[f] / 2 + O, P = pe(u, g, y), j = i;
    r.modifiersData[o] = (t = {}, t[j] = P, t.centerOffset = P - g, t);
  }
}
function ur(e) {
  var t = e.state, r = e.options, o = r.element, n = o === void 0 ? "[data-popper-arrow]" : o;
  n != null && (typeof n == "string" && (n = t.elements.popper.querySelector(n), !n) || mt(t.elements.popper, n) && (t.elements.arrow = n));
}
const dr = {
  name: "arrow",
  enabled: !0,
  phase: "main",
  fn: cr,
  effect: ur,
  requires: ["popperOffsets"],
  requiresIfExists: ["preventOverflow"]
};
function ne(e) {
  return e.split("-")[1];
}
var vr = {
  top: "auto",
  right: "auto",
  bottom: "auto",
  left: "auto"
};
function mr(e, t) {
  var r = e.x, o = e.y, n = t.devicePixelRatio || 1;
  return {
    x: re(r * n) / n || 0,
    y: re(o * n) / n || 0
  };
}
function tt(e) {
  var t, r = e.popper, o = e.popperRect, n = e.placement, a = e.variation, l = e.offsets, p = e.position, i = e.gpuAcceleration, c = e.adaptive, f = e.roundOffsets, m = e.isFixed, b = l.x, d = b === void 0 ? 0 : b, x = l.y, v = x === void 0 ? 0 : x, h = typeof f == "function" ? f({
    x: d,
    y: v
  }) : {
    x: d,
    y: v
  };
  d = h.x, v = h.y;
  var w = l.hasOwnProperty("x"), R = l.hasOwnProperty("y"), O = B, u = k, y = window;
  if (c) {
    var g = de(r), P = "clientHeight", j = "clientWidth";
    if (g === N(r) && (g = z(r), I(g).position !== "static" && p === "absolute" && (P = "scrollHeight", j = "scrollWidth")), g = g, n === k || (n === B || n === V) && a === le) {
      u = H;
      var E = m && g === y && y.visualViewport ? y.visualViewport.height : (
        // $FlowFixMe[prop-missing]
        g[P]
      );
      v -= E - o.height, v *= i ? 1 : -1;
    }
    if (n === B || (n === k || n === H) && a === le) {
      O = V;
      var T = m && g === y && y.visualViewport ? y.visualViewport.width : (
        // $FlowFixMe[prop-missing]
        g[j]
      );
      d -= T - o.width, d *= i ? 1 : -1;
    }
  }
  var C = Object.assign({
    position: p
  }, c && vr), S = f === !0 ? mr({
    x: d,
    y: v
  }, N(r)) : {
    x: d,
    y: v
  };
  if (d = S.x, v = S.y, i) {
    var D;
    return Object.assign({}, C, (D = {}, D[u] = R ? "0" : "", D[O] = w ? "0" : "", D.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + d + "px, " + v + "px)" : "translate3d(" + d + "px, " + v + "px, 0)", D));
  }
  return Object.assign({}, C, (t = {}, t[u] = R ? v + "px" : "", t[O] = w ? d + "px" : "", t.transform = "", t));
}
function hr(e) {
  var t = e.state, r = e.options, o = r.gpuAcceleration, n = o === void 0 ? !0 : o, a = r.adaptive, l = a === void 0 ? !0 : a, p = r.roundOffsets, i = p === void 0 ? !0 : p, c = {
    placement: q(t.placement),
    variation: ne(t.placement),
    popper: t.elements.popper,
    popperRect: t.rects.popper,
    gpuAcceleration: n,
    isFixed: t.options.strategy === "fixed"
  };
  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, tt(Object.assign({}, c, {
    offsets: t.modifiersData.popperOffsets,
    position: t.options.strategy,
    adaptive: l,
    roundOffsets: i
  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, tt(Object.assign({}, c, {
    offsets: t.modifiersData.arrow,
    position: "absolute",
    adaptive: !1,
    roundOffsets: i
  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
    "data-popper-placement": t.placement
  });
}
const yr = {
  name: "computeStyles",
  enabled: !0,
  phase: "beforeWrite",
  fn: hr,
  data: {}
};
var ge = {
  passive: !0
};
function gr(e) {
  var t = e.state, r = e.instance, o = e.options, n = o.scroll, a = n === void 0 ? !0 : n, l = o.resize, p = l === void 0 ? !0 : l, i = N(t.elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper);
  return a && c.forEach(function(f) {
    f.addEventListener("scroll", r.update, ge);
  }), p && i.addEventListener("resize", r.update, ge), function() {
    a && c.forEach(function(f) {
      f.removeEventListener("scroll", r.update, ge);
    }), p && i.removeEventListener("resize", r.update, ge);
  };
}
const br = {
  name: "eventListeners",
  enabled: !0,
  phase: "write",
  fn: function() {
  },
  effect: gr,
  data: {}
};
var Or = {
  left: "right",
  right: "left",
  bottom: "top",
  top: "bottom"
};
function be(e) {
  return e.replace(/left|right|bottom|top/g, function(t) {
    return Or[t];
  });
}
var wr = {
  start: "end",
  end: "start"
};
function rt(e) {
  return e.replace(/start|end/g, function(t) {
    return wr[t];
  });
}
function Ne(e) {
  var t = N(e), r = t.pageXOffset, o = t.pageYOffset;
  return {
    scrollLeft: r,
    scrollTop: o
  };
}
function Le(e) {
  return oe(z(e)).left + Ne(e).scrollLeft;
}
function xr(e, t) {
  var r = N(e), o = z(e), n = r.visualViewport, a = o.clientWidth, l = o.clientHeight, p = 0, i = 0;
  if (n) {
    a = n.width, l = n.height;
    var c = vt();
    (c || !c && t === "fixed") && (p = n.offsetLeft, i = n.offsetTop);
  }
  return {
    width: a,
    height: l,
    x: p + Le(e),
    y: i
  };
}
function Pr(e) {
  var t, r = z(e), o = Ne(e), n = (t = e.ownerDocument) == null ? void 0 : t.body, a = K(r.scrollWidth, r.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), l = K(r.scrollHeight, r.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), p = -o.scrollLeft + Le(e), i = -o.scrollTop;
  return I(n || r).direction === "rtl" && (p += K(r.clientWidth, n ? n.clientWidth : 0) - a), {
    width: a,
    height: l,
    x: p,
    y: i
  };
}
function He(e) {
  var t = I(e), r = t.overflow, o = t.overflowX, n = t.overflowY;
  return /auto|scroll|overlay|hidden/.test(r + n + o);
}
function bt(e) {
  return ["html", "body", "#document"].indexOf(U(e)) >= 0 ? e.ownerDocument.body : L(e) && He(e) ? e : bt(Ee(e));
}
function fe(e, t) {
  var r;
  t === void 0 && (t = []);
  var o = bt(e), n = o === ((r = e.ownerDocument) == null ? void 0 : r.body), a = N(o), l = n ? [a].concat(a.visualViewport || [], He(o) ? o : []) : o, p = t.concat(l);
  return n ? p : (
    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
    p.concat(fe(Ee(l)))
  );
}
function Me(e) {
  return Object.assign({}, e, {
    left: e.x,
    top: e.y,
    right: e.x + e.width,
    bottom: e.y + e.height
  });
}
function Er(e, t) {
  var r = oe(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 === ut ? Me(xr(e, r)) : Q(t) ? Er(t, r) : Me(Pr(z(e)));
}
function Rr(e) {
  var t = fe(Ee(e)), r = ["absolute", "fixed"].indexOf(I(e).position) >= 0, o = r && L(e) ? de(e) : e;
  return Q(o) ? t.filter(function(n) {
    return Q(n) && mt(n, o) && U(n) !== "body";
  }) : [];
}
function Tr(e, t, r, o) {
  var n = t === "clippingParents" ? Rr(e) : [].concat(t), a = [].concat(n, [r]), l = a[0], p = a.reduce(function(i, c) {
    var f = ot(e, c, o);
    return i.top = K(f.top, i.top), i.right = xe(f.right, i.right), i.bottom = xe(f.bottom, i.bottom), i.left = K(f.left, i.left), i;
  }, ot(e, l, o));
  return p.width = p.right - p.left, p.height = p.bottom - p.top, p.x = p.left, p.y = p.top, p;
}
function Ot(e) {
  var t = e.reference, r = e.element, o = e.placement, n = o ? q(o) : null, a = o ? ne(o) : null, l = t.x + t.width / 2 - r.width / 2, p = t.y + t.height / 2 - r.height / 2, i;
  switch (n) {
    case k:
      i = {
        x: l,
        y: t.y - r.height
      };
      break;
    case H:
      i = {
        x: l,
        y: t.y + t.height
      };
      break;
    case V:
      i = {
        x: t.x + t.width,
        y: p
      };
      break;
    case B:
      i = {
        x: t.x - r.width,
        y: p
      };
      break;
    default:
      i = {
        x: t.x,
        y: t.y
      };
  }
  var c = n ? We(n) : null;
  if (c != null) {
    var f = c === "y" ? "height" : "width";
    switch (a) {
      case te:
        i[c] = i[c] - (t[f] / 2 - r[f] / 2);
        break;
      case le:
        i[c] = i[c] + (t[f] / 2 - r[f] / 2);
        break;
    }
  }
  return i;
}
function ce(e, t) {
  t === void 0 && (t = {});
  var r = t, o = r.placement, n = o === void 0 ? e.placement : o, a = r.strategy, l = a === void 0 ? e.strategy : a, p = r.boundary, i = p === void 0 ? Xt : p, c = r.rootBoundary, f = c === void 0 ? ut : c, m = r.elementContext, b = m === void 0 ? se : m, d = r.altBoundary, x = d === void 0 ? !1 : d, v = r.padding, h = v === void 0 ? 0 : v, w = yt(typeof h != "number" ? h : gt(h, ue)), R = b === se ? zt : se, O = e.rects.popper, u = e.elements[x ? R : b], y = Tr(Q(u) ? u : u.contextElement || z(e.elements.popper), i, f, l), g = oe(e.elements.reference), P = Ot({
    reference: g,
    element: O,
    strategy: "absolute",
    placement: n
  }), j = Me(Object.assign({}, O, P)), E = b === se ? j : g, T = {
    top: y.top - E.top + w.top,
    bottom: E.bottom - y.bottom + w.bottom,
    left: y.left - E.left + w.left,
    right: E.right - y.right + w.right
  }, C = e.modifiersData.offset;
  if (b === se && C) {
    var S = C[n];
    Object.keys(T).forEach(function(D) {
      var _ = [V, H].indexOf(D) >= 0 ? 1 : -1, F = [k, H].indexOf(D) >= 0 ? "y" : "x";
      T[D] += S[F] * _;
    });
  }
  return T;
}
function jr(e, t) {
  t === void 0 && (t = {});
  var r = t, o = r.placement, n = r.boundary, a = r.rootBoundary, l = r.padding, p = r.flipVariations, i = r.allowedAutoPlacements, c = i === void 0 ? dt : i, f = ne(o), m = f ? p ? Ze : Ze.filter(function(x) {
    return ne(x) === f;
  }) : ue, b = m.filter(function(x) {
    return c.indexOf(x) >= 0;
  });
  b.length === 0 && (b = m);
  var d = b.reduce(function(x, v) {
    return x[v] = ce(e, {
      placement: v,
      boundary: n,
      rootBoundary: a,
      padding: l
    })[q(v)], x;
  }, {});
  return Object.keys(d).sort(function(x, v) {
    return d[x] - d[v];
  });
}
function Cr(e) {
  if (q(e) === ke)
    return [];
  var t = be(e);
  return [rt(e), t, rt(t)];
}
function Ar(e) {
  var t = e.state, r = e.options, o = e.name;
  if (!t.modifiersData[o]._skip) {
    for (var n = r.mainAxis, a = n === void 0 ? !0 : n, l = r.altAxis, p = l === void 0 ? !0 : l, i = r.fallbackPlacements, c = r.padding, f = r.boundary, m = r.rootBoundary, b = r.altBoundary, d = r.flipVariations, x = d === void 0 ? !0 : d, v = r.allowedAutoPlacements, h = t.options.placement, w = q(h), R = w === h, O = i || (R || !x ? [be(h)] : Cr(h)), u = [h].concat(O).reduce(function(Z, X) {
      return Z.concat(q(X) === ke ? jr(t, {
        placement: X,
        boundary: f,
        rootBoundary: m,
        padding: c,
        flipVariations: x,
        allowedAutoPlacements: v
      }) : X);
    }, []), y = t.rects.reference, g = t.rects.popper, P = /* @__PURE__ */ new Map(), j = !0, E = u[0], T = 0; T < u.length; T++) {
      var C = u[T], S = q(C), D = ne(C) === te, _ = [k, H].indexOf(S) >= 0, F = _ ? "width" : "height", A = ce(t, {
        placement: C,
        boundary: f,
        rootBoundary: m,
        altBoundary: b,
        padding: c
      }), M = _ ? D ? V : B : D ? H : k;
      y[F] > g[F] && (M = be(M));
      var W = be(M), Y = [];
      if (a && Y.push(A[S] <= 0), p && Y.push(A[M] <= 0, A[W] <= 0), Y.every(function(Z) {
        return Z;
      })) {
        E = C, j = !1;
        break;
      }
      P.set(C, Y);
    }
    if (j)
      for (var ve = x ? 3 : 1, Te = function(X) {
        var ie = u.find(function(he) {
          var G = P.get(he);
          if (G)
            return G.slice(0, X).every(function(je) {
              return je;
            });
        });
        if (ie)
          return E = ie, "break";
      }, ae = ve; ae > 0; ae--) {
        var me = Te(ae);
        if (me === "break")
          break;
      }
    t.placement !== E && (t.modifiersData[o]._skip = !0, t.placement = E, t.reset = !0);
  }
}
const Dr = {
  name: "flip",
  enabled: !0,
  phase: "main",
  fn: Ar,
  requiresIfExists: ["offset"],
  data: {
    _skip: !1
  }
};
function nt(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 [k, V, H, B].some(function(t) {
    return e[t] >= 0;
  });
}
function Mr(e) {
  var t = e.state, r = e.name, o = t.rects.reference, n = t.rects.popper, a = t.modifiersData.preventOverflow, l = ce(t, {
    elementContext: "reference"
  }), p = ce(t, {
    altBoundary: !0
  }), i = nt(l, o), c = nt(p, n, a), f = at(i), m = at(c);
  t.modifiersData[r] = {
    referenceClippingOffsets: i,
    popperEscapeOffsets: c,
    isReferenceHidden: f,
    hasPopperEscaped: m
  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
    "data-popper-reference-hidden": f,
    "data-popper-escaped": m
  });
}
const $r = {
  name: "hide",
  enabled: !0,
  phase: "main",
  requiresIfExists: ["preventOverflow"],
  fn: Mr
};
function kr(e, t, r) {
  var o = q(e), n = [B, k].indexOf(o) >= 0 ? -1 : 1, a = typeof r == "function" ? r(Object.assign({}, t, {
    placement: e
  })) : r, l = a[0], p = a[1];
  return l = l || 0, p = (p || 0) * n, [B, V].indexOf(o) >= 0 ? {
    x: p,
    y: l
  } : {
    x: l,
    y: p
  };
}
function Br(e) {
  var t = e.state, r = e.options, o = e.name, n = r.offset, a = n === void 0 ? [0, 0] : n, l = dt.reduce(function(f, m) {
    return f[m] = kr(m, t.rects, a), f;
  }, {}), p = l[t.placement], i = p.x, c = p.y;
  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += i, t.modifiersData.popperOffsets.y += c), t.modifiersData[o] = l;
}
const Sr = {
  name: "offset",
  enabled: !0,
  phase: "main",
  requires: ["popperOffsets"],
  fn: Br
};
function Wr(e) {
  var t = e.state, r = e.name;
  t.modifiersData[r] = Ot({
    reference: t.rects.reference,
    element: t.rects.popper,
    strategy: "absolute",
    placement: t.placement
  });
}
const Nr = {
  name: "popperOffsets",
  enabled: !0,
  phase: "read",
  fn: Wr,
  data: {}
};
function Lr(e) {
  return e === "x" ? "y" : "x";
}
function Hr(e) {
  var t = e.state, r = e.options, o = e.name, n = r.mainAxis, a = n === void 0 ? !0 : n, l = r.altAxis, p = l === void 0 ? !1 : l, i = r.boundary, c = r.rootBoundary, f = r.altBoundary, m = r.padding, b = r.tether, d = b === void 0 ? !0 : b, x = r.tetherOffset, v = x === void 0 ? 0 : x, h = ce(t, {
    boundary: i,
    rootBoundary: c,
    padding: m,
    altBoundary: f
  }), w = q(t.placement), R = ne(t.placement), O = !R, u = We(w), y = Lr(u), g = t.modifiersData.popperOffsets, P = t.rects.reference, j = t.rects.popper, E = typeof v == "function" ? v(Object.assign({}, t.rects, {
    placement: t.placement
  })) : v, T = typeof E == "number" ? {
    mainAxis: E,
    altAxis: E
  } : Object.assign({
    mainAxis: 0,
    altAxis: 0
  }, E), C = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, S = {
    x: 0,
    y: 0
  };
  if (g) {
    if (a) {
      var D, _ = u === "y" ? k : B, F = u === "y" ? H : V, A = u === "y" ? "height" : "width", M = g[u], W = M + h[_], Y = M - h[F], ve = d ? -j[A] / 2 : 0, Te = R === te ? P[A] : j[A], ae = R === te ? -j[A] : -P[A], me = t.elements.arrow, Z = d && me ? Se(me) : {
        width: 0,
        height: 0
      }, X = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ht(), ie = X[_], he = X[F], G = pe(0, P[A], Z[A]), je = O ? P[A] / 2 - ve - G - ie - T.mainAxis : Te - G - ie - T.mainAxis, Tt = O ? -P[A] / 2 + ve + G + he + T.mainAxis : ae + G + he + T.mainAxis, Ce = t.elements.arrow && de(t.elements.arrow), jt = Ce ? u === "y" ? Ce.clientTop || 0 : Ce.clientLeft || 0 : 0, qe = (D = C == null ? void 0 : C[u]) != null ? D : 0, Ct = M + je - qe - jt, At = M + Tt - qe, Ue = pe(d ? xe(W, Ct) : W, M, d ? K(Y, At) : Y);
      g[u] = Ue, S[u] = Ue - M;
    }
    if (p) {
      var _e, Dt = u === "x" ? k : B, Mt = u === "x" ? H : V, J = g[y], ye = y === "y" ? "height" : "width", Fe = J + h[Dt], Ie = J - h[Mt], Ae = [k, B].indexOf(w) !== -1, Xe = (_e = C == null ? void 0 : C[y]) != null ? _e : 0, ze = Ae ? Fe : J - P[ye] - j[ye] - Xe + T.altAxis, Ye = Ae ? J + P[ye] + j[ye] - Xe - T.altAxis : Ie, Ge = d && Ae ? fr(ze, J, Ye) : pe(d ? ze : Fe, J, d ? Ye : Ie);
      g[y] = Ge, S[y] = Ge - J;
    }
    t.modifiersData[o] = S;
  }
}
const Vr = {
  name: "preventOverflow",
  enabled: !0,
  phase: "main",
  fn: Hr,
  requiresIfExists: ["offset"]
};
function qr(e) {
  return {
    scrollLeft: e.scrollLeft,
    scrollTop: e.scrollTop
  };
}
function Ur(e) {
  return e === N(e) || !L(e) ? Ne(e) : qr(e);
}
function _r(e) {
  var t = e.getBoundingClientRect(), r = re(t.width) / e.offsetWidth || 1, o = re(t.height) / e.offsetHeight || 1;
  return r !== 1 || o !== 1;
}
function Fr(e, t, r) {
  r === void 0 && (r = !1);
  var o = L(t), n = L(t) && _r(t), a = z(t), l = oe(e, n, r), p = {
    scrollLeft: 0,
    scrollTop: 0
  }, i = {
    x: 0,
    y: 0
  };
  return (o || !o && !r) && ((U(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
  He(a)) && (p = Ur(t)), L(t) ? (i = oe(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : a && (i.x = Le(a))), {
    x: l.left + p.scrollLeft - i.x,
    y: l.top + p.scrollTop - i.y,
    width: l.width,
    height: l.height
  };
}
function Ir(e) {
  var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), o = [];
  e.forEach(function(a) {
    t.set(a.name, a);
  });
  function n(a) {
    r.add(a.name);
    var l = [].concat(a.requires || [], a.requiresIfExists || []);
    l.forEach(function(p) {
      if (!r.has(p)) {
        var i = t.get(p);
        i && n(i);
      }
    }), o.push(a);
  }
  return e.forEach(function(a) {
    r.has(a.name) || n(a);
  }), o;
}
function Xr(e) {
  var t = Ir(e);
  return or.reduce(function(r, o) {
    return r.concat(t.filter(function(n) {
      return n.phase === o;
    }));
  }, []);
}
function zr(e) {
  var t;
  return function() {
    return t || (t = new Promise(function(r) {
      Promise.resolve().then(function() {
        t = void 0, r(e());
      });
    })), t;
  };
}
function Yr(e) {
  var t = e.reduce(function(r, o) {
    var n = r[o.name];
    return r[o.name] = n ? Object.assign({}, n, o, {
      options: Object.assign({}, n.options, o.options),
      data: Object.assign({}, n.data, o.data)
    }) : o, r;
  }, {});
  return Object.keys(t).map(function(r) {
    return t[r];
  });
}
var it = {
  placement: "bottom",
  modifiers: [],
  strategy: "absolute"
};
function st() {
  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
    t[r] = arguments[r];
  return !t.some(function(o) {
    return !(o && typeof o.getBoundingClientRect == "function");
  });
}
function Gr(e) {
  e === void 0 && (e = {});
  var t = e, r = t.defaultModifiers, o = r === void 0 ? [] : r, n = t.defaultOptions, a = n === void 0 ? it : n;
  return function(p, i, c) {
    c === void 0 && (c = a);
    var f = {
      placement: "bottom",
      orderedModifiers: [],
      options: Object.assign({}, it, a),
      modifiersData: {},
      elements: {
        reference: p,
        popper: i
      },
      attributes: {},
      styles: {}
    }, m = [], b = !1, d = {
      state: f,
      setOptions: function(w) {
        var R = typeof w == "function" ? w(f.options) : w;
        v(), f.options = Object.assign({}, a, f.options, R), f.scrollParents = {
          reference: Q(p) ? fe(p) : p.contextElement ? fe(p.contextElement) : [],
          popper: fe(i)
        };
        var O = Xr(Yr([].concat(o, f.options.modifiers)));
        return f.orderedModifiers = O.filter(function(u) {
          return u.enabled;
        }), x(), 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 (!b) {
          var w = f.elements, R = w.reference, O = w.popper;
          if (st(R, O)) {
            f.rects = {
              reference: Fr(R, de(O), f.options.strategy === "fixed"),
              popper: Se(O)
            }, f.reset = !1, f.placement = f.options.placement, f.orderedModifiers.forEach(function(T) {
              return f.modifiersData[T.name] = Object.assign({}, T.data);
            });
            for (var u = 0; u < f.orderedModifiers.length; u++) {
              if (f.reset === !0) {
                f.reset = !1, u = -1;
                continue;
              }
              var y = f.orderedModifiers[u], g = y.fn, P = y.options, j = P === void 0 ? {} : P, E = y.name;
              typeof g == "function" && (f = g({
                state: f,
                options: j,
                name: E,
                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: zr(function() {
        return new Promise(function(h) {
          d.forceUpdate(), h(f);
        });
      }),
      destroy: function() {
        v(), b = !0;
      }
    };
    if (!st(p, i))
      return d;
    d.setOptions(c).then(function(h) {
      !b && c.onFirstUpdate && c.onFirstUpdate(h);
    });
    function x() {
      f.orderedModifiers.forEach(function(h) {
        var w = h.name, R = h.options, O = R === void 0 ? {} : R, u = h.effect;
        if (typeof u == "function") {
          var y = u({
            state: f,
            name: w,
            instance: d,
            options: O
          }), g = function() {
          };
          m.push(y || g);
        }
      });
    }
    function v() {
      m.forEach(function(h) {
        return h();
      }), m = [];
    }
    return d;
  };
}
var Jr = [br, Nr, yr, ir, Sr, Dr, Vr, dr, $r], Kr = /* @__PURE__ */ Gr({
  defaultModifiers: Jr
});
const wt = "Popper";
function Qr(e) {
  return ct(wt, e);
}
It(wt, ["root"]);
const Zr = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"], eo = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
function to(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 Pe(e) {
  return typeof e == "function" ? e() : e;
}
function Re(e) {
  return e.nodeType !== void 0;
}
function ro(e) {
  return !Re(e);
}
const oo = () => Wt({
  root: ["root"]
}, Ut(Qr)), no = {}, ao = /* @__PURE__ */ $.forwardRef(function(t, r) {
  var o;
  const {
    anchorEl: n,
    children: a,
    direction: l,
    disablePortal: p,
    modifiers: i,
    open: c,
    placement: f,
    popperOptions: m,
    popperRef: b,
    slotProps: d = {},
    slots: x = {},
    TransitionProps: v
    // @ts-ignore internal logic
    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
  } = t, h = $e(t, Zr), w = $.useRef(null), R = Ke(w, r), O = $.useRef(null), u = Ke(O, b), y = $.useRef(u);
  Qe(() => {
    y.current = u;
  }, [u]), $.useImperativeHandle(b, () => O.current, []);
  const g = to(f, l), [P, j] = $.useState(g), [E, T] = $.useState(Pe(n));
  $.useEffect(() => {
    O.current && O.current.forceUpdate();
  }), $.useEffect(() => {
    n && T(Pe(n));
  }, [n]), Qe(() => {
    if (!E || !c)
      return;
    const F = (W) => {
      j(W.placement);
    };
    if (process.env.NODE_ENV !== "production" && E && Re(E) && E.nodeType === 1) {
      const W = E.getBoundingClientRect();
      process.env.NODE_ENV !== "test" && W.top === 0 && W.left === 0 && W.right === 0 && W.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 A = [{
      name: "preventOverflow",
      options: {
        altBoundary: p
      }
    }, {
      name: "flip",
      options: {
        altBoundary: p
      }
    }, {
      name: "onUpdate",
      enabled: !0,
      phase: "afterWrite",
      fn: ({
        state: W
      }) => {
        F(W);
      }
    }];
    i != null && (A = A.concat(i)), m && m.modifiers != null && (A = A.concat(m.modifiers));
    const M = Kr(E, w.current, ee({
      placement: g
    }, m, {
      modifiers: A
    }));
    return y.current(M), () => {
      M.destroy(), y.current(null);
    };
  }, [E, p, i, c, m, g]);
  const C = {
    placement: P
  };
  v !== null && (C.TransitionProps = v);
  const S = oo(), D = (o = x.root) != null ? o : "div", _ = St({
    elementType: D,
    externalSlotProps: d.root,
    externalForwardedProps: h,
    additionalProps: {
      role: "tooltip",
      ref: R
    },
    ownerState: t,
    className: S.root
  });
  return /* @__PURE__ */ Oe.jsx(D, ee({}, _, {
    children: typeof a == "function" ? a(C) : a
  }));
}), xt = /* @__PURE__ */ $.forwardRef(function(t, r) {
  const {
    anchorEl: o,
    children: n,
    container: a,
    direction: l = "ltr",
    disablePortal: p = !1,
    keepMounted: i = !1,
    modifiers: c,
    open: f,
    placement: m = "bottom",
    popperOptions: b = no,
    popperRef: d,
    style: x,
    transition: v = !1,
    slotProps: h = {},
    slots: w = {}
  } = t, R = $e(t, eo), [O, u] = $.useState(!0), y = () => {
    u(!1);
  }, g = () => {
    u(!0);
  };
  if (!i && !f && (!v || O))
    return null;
  let P;
  if (a)
    P = a;
  else if (o) {
    const T = Pe(o);
    P = T && Re(T) ? Je(T).body : Je(null).body;
  }
  const j = !f && i && (!v || O) ? "none" : void 0, E = v ? {
    in: f,
    onEnter: y,
    onExited: g
  } : void 0;
  return /* @__PURE__ */ Oe.jsx(kt, {
    disablePortal: p,
    container: P,
    children: /* @__PURE__ */ Oe.jsx(ao, ee({
      anchorEl: o,
      direction: l,
      disablePortal: p,
      modifiers: c,
      ref: r,
      open: v ? !O : f,
      placement: m,
      popperOptions: b,
      popperRef: d,
      slotProps: h,
      slots: w
    }, R, {
      style: ee({
        // 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: j
      }, x),
      TransitionProps: E,
      children: n
    }))
  });
});
process.env.NODE_ENV !== "production" && (xt.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: Bt(s.oneOfType([we, s.object, s.func]), (e) => {
    if (e.open) {
      const t = Pe(e.anchorEl);
      if (t && Re(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" || ro(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: s.oneOfType([s.node, s.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: s.oneOfType([we, s.func]),
  /**
   * Direction of the text.
   * @default 'ltr'
   */
  direction: s.oneOf(["ltr", "rtl"]),
  /**
   * The `children` will be under the DOM hierarchy of the parent component.
   * @default false
   */
  disablePortal: s.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: s.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: s.arrayOf(s.shape({
    data: s.object,
    effect: s.func,
    enabled: s.bool,
    fn: s.func,
    name: s.any,
    options: s.object,
    phase: s.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
    requires: s.arrayOf(s.string),
    requiresIfExists: s.arrayOf(s.string)
  })),
  /**
   * If `true`, the component is shown.
   */
  open: s.bool.isRequired,
  /**
   * Popper placement.
   * @default 'bottom'
   */
  placement: s.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: s.shape({
    modifiers: s.array,
    onFirstUpdate: s.func,
    placement: s.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: s.oneOf(["absolute", "fixed"])
  }),
  /**
   * A ref that points to the used popper instance.
   */
  popperRef: pt,
  /**
   * The props used for each slot inside the Popper.
   * @default {}
   */
  slotProps: s.shape({
    root: s.oneOfType([s.func, s.object])
  }),
  /**
   * The components used for each slot inside the Popper.
   * Either a string to use a HTML element or a component.
   * @default {}
   */
  slots: s.shape({
    root: s.elementType
  }),
  /**
   * Help supporting a react-transition-group/Transition component.
   * @default false
   */
  transition: s.bool
});
var Ve = {};
Object.defineProperty(Ve, "__esModule", {
  value: !0
});
var Pt = Ve.default = void 0, io = po(Vt), so = Nt;
function Et(e) {
  if (typeof WeakMap != "function")
    return null;
  var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
  return (Et = function(o) {
    return o ? r : t;
  })(e);
}
function po(e, t) {
  if (!t && e && e.__esModule)
    return e;
  if (e === null || typeof e != "object" && typeof e != "function")
    return { default: e };
  var r = Et(t);
  if (r && r.has(e))
    return r.get(e);
  var o = { __proto__: null }, n = Object.defineProperty && Object.getOwnPropertyDescriptor;
  for (var a in e)
    if (a !== "default" && Object.prototype.hasOwnProperty.call(e, a)) {
      var l = n ? Object.getOwnPropertyDescriptor(e, a) : null;
      l && (l.get || l.set) ? Object.defineProperty(o, a, l) : o[a] = e[a];
    }
  return o.default = e, r && r.set(e, o), o;
}
function fo(e) {
  return Object.keys(e).length === 0;
}
function lo(e = null) {
  const t = io.useContext(so.ThemeContext);
  return !t || fo(t) ? e : t;
}
Pt = Ve.default = lo;
const co = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"], uo = Lt(xt, {
  name: "MuiPopper",
  slot: "Root",
  overridesResolver: (e, t) => t.root
})({}), Rt = /* @__PURE__ */ $.forwardRef(function(t, r) {
  var o;
  const n = Pt(), a = Ht({
    props: t,
    name: "MuiPopper"
  }), {
    anchorEl: l,
    component: p,
    components: i,
    componentsProps: c,
    container: f,
    disablePortal: m,
    keepMounted: b,
    modifiers: d,
    open: x,
    placement: v,
    popperOptions: h,
    popperRef: w,
    transition: R,
    slots: O,
    slotProps: u
  } = a, y = $e(a, co), g = (o = O == null ? void 0 : O.root) != null ? o : i == null ? void 0 : i.Root, P = ee({
    anchorEl: l,
    container: f,
    disablePortal: m,
    keepMounted: b,
    modifiers: d,
    open: x,
    placement: v,
    popperOptions: h,
    popperRef: w,
    transition: R
  }, y);
  return /* @__PURE__ */ Oe.jsx(uo, ee({
    as: p,
    direction: n == null ? void 0 : n.direction,
    slots: {
      root: g
    },
    slotProps: u ?? c
  }, P, {
    ref: r
  }));
});
process.env.NODE_ENV !== "production" && (Rt.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: s.oneOfType([we, s.object, s.func]),
  /**
   * Popper render function or node.
   */
  children: s.oneOfType([s.node, s.func]),
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: s.elementType,
  /**
   * The components used for each slot inside the Popper.
   * Either a string to use a HTML element or a component.
   * @default {}
   */
  components: s.shape({
    Root: s.elementType
  }),
  /**
   * The props used for each slot inside the Popper.
   * @default {}
   */
  componentsProps: s.shape({
    root: s.oneOfType([s.func, s.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: s.oneOfType([we, s.func]),
  /**
   * The `children` will be under the DOM hierarchy of the parent component.
   * @default false
   */
  disablePortal: s.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: s.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: s.arrayOf(s.shape({
    data: s.object,
    effect: s.func,
    enabled: s.bool,
    fn: s.func,
    name: s.any,
    options: s.object,
    phase: s.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
    requires: s.arrayOf(s.string),
    requiresIfExists: s.arrayOf(s.string)
  })),
  /**
   * If `true`, the component is shown.
   */
  open: s.bool.isRequired,
  /**
   * Popper placement.
   * @default 'bottom'
   */
  placement: s.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: s.shape({
    modifiers: s.array,
    onFirstUpdate: s.func,
    placement: s.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: s.oneOf(["absolute", "fixed"])
  }),
  /**
   * A ref that points to the used popper instance.
   */
  popperRef: pt,
  /**
   * The props used for each slot inside the Popper.
   * @default {}
   */
  slotProps: s.shape({
    root: s.oneOfType([s.func, s.object])
  }),
  /**
   * The components used for each slot inside the Popper.
   * Either a string to use a HTML element or a component.
   * @default {}
   */
  slots: s.shape({
    root: s.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),
  /**
   * Help supporting a react-transition-group/Transition component.
   * @default false
   */
  transition: s.bool
});
const ho = Rt;
export {
  ho as P
};
//# sourceMappingURL=Popper-2776137d.js.map
