@hiver/connector-admin 0.0.1

package/dist/index-IXLZm0uz.js

@@ -0,0 +1,2954 @@
+import { $ as Jo, a0 as eo, a1 as er, f as qe, g as ze, k as Oe, a2 as to, j as R, a3 as tr, _ as T, y as or, P as r, a4 as ut, E as bt, o as kt, a5 as oo, a6 as rr, m as Xe, s as M, i as yt, p as nr, D as ar, b as xo, a7 as ir, l as ye, h as le, a8 as Oo, a9 as ro, n as ft, H as sr, aa as cr, ab as nt, u as lr, d as no, ac as pr, ad as ao, ae as at, af as dr, ag as ur, ah as fr, ai as hr, aj as mr, ak as vr, B as At, K as Lt, S as ht, W as To, L as gr, Z as br, Y as yr, U as it, I as wr, R as xr, al as Or, T as Tr, V as Er } from "./index-DTpk0Iib.js";
+import * as j from "react";
+import Cr, { useRef as Pr, useEffect as Rr } from "react";
+import { T as Eo } from "./Typography-CW9ecUn7.js";
+function kr(e, t = 0, o = 1) {
+  return process.env.NODE_ENV !== "production" && (e < t || e > o) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${o}].`), Jo(e, t, o);
+}
+function Lr(e) {
+  e = e.slice(1);
+  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let o = e.match(t);
+  return o && o[0].length === 1 && (o = o.map((n) => n + n)), o ? `rgb${o.length === 4 ? "a" : ""}(${o.map((n, a) => a < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function Co(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return Co(Lr(e));
+  const t = e.indexOf("("), o = e.substring(0, t);
+  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(o) === -1)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : eo(9, e));
+  let n = e.substring(t + 1, e.length - 1), a;
+  if (o === "color") {
+    if (n = n.split(" "), a = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(a) === -1)
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${a}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : eo(10, a));
+  } else
+    n = n.split(",");
+  return n = n.map((i) => parseFloat(i)), {
+    type: o,
+    values: n,
+    colorSpace: a
+  };
+}
+function $r(e) {
+  const {
+    type: t,
+    colorSpace: o
+  } = e;
+  let {
+    values: n
+  } = e;
+  return t.indexOf("rgb") !== -1 ? n = n.map((a, i) => i < 3 ? parseInt(a, 10) : a) : t.indexOf("hsl") !== -1 && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.indexOf("color") !== -1 ? n = `${o} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
+}
+function jr(e, t) {
+  return e = Co(e), t = kr(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, $r(e);
+}
+function Sr(e) {
+  return String(e).match(/[\d.\-+]*\s*(.*)/)[1] || "";
+}
+function Ar(e) {
+  return parseFloat(e);
+}
+var Dt = {};
+Object.defineProperty(Dt, "__esModule", {
+  value: !0
+});
+var Po = Dt.default = void 0, Dr = _r(Cr), Nr = er;
+function Ro(e) {
+  if (typeof WeakMap != "function") return null;
+  var t = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap();
+  return (Ro = function(n) {
+    return n ? o : t;
+  })(e);
+}
+function _r(e, t) {
+  if (e && e.__esModule) return e;
+  if (e === null || typeof e != "object" && typeof e != "function") return { default: e };
+  var o = Ro(t);
+  if (o && o.has(e)) return o.get(e);
+  var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var i in e) if (i !== "default" && Object.prototype.hasOwnProperty.call(e, i)) {
+    var l = a ? Object.getOwnPropertyDescriptor(e, i) : null;
+    l && (l.get || l.set) ? Object.defineProperty(n, i, l) : n[i] = e[i];
+  }
+  return n.default = e, o && o.set(e, n), n;
+}
+function Mr(e) {
+  return Object.keys(e).length === 0;
+}
+function Br(e = null) {
+  const t = Dr.useContext(Nr.ThemeContext);
+  return !t || Mr(t) ? e : t;
+}
+Po = Dt.default = Br;
+var H = "top", J = "bottom", ee = "right", q = "left", Nt = "auto", Ye = [H, J, ee, q], Le = "start", Ve = "end", Ir = "clippingParents", ko = "viewport", Ie = "popper", Wr = "reference", io = /* @__PURE__ */ Ye.reduce(function(e, t) {
+  return e.concat([t + "-" + Le, t + "-" + Ve]);
+}, []), Lo = /* @__PURE__ */ [].concat(Ye, [Nt]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + Le, t + "-" + Ve]);
+}, []), Ur = "beforeRead", Fr = "read", Vr = "afterRead", Hr = "beforeMain", qr = "main", zr = "afterMain", Xr = "beforeWrite", Yr = "write", Qr = "afterWrite", Gr = [Ur, Fr, Vr, Hr, qr, zr, Xr, Yr, Qr];
+function ae(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function Y(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function xe(e) {
+  var t = Y(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function K(e) {
+  var t = Y(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function _t(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var t = Y(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+function Zr(e) {
+  var t = e.state;
+  Object.keys(t.elements).forEach(function(o) {
+    var n = t.styles[o] || {}, a = t.attributes[o] || {}, i = t.elements[o];
+    !K(i) || !ae(i) || (Object.assign(i.style, n), Object.keys(a).forEach(function(l) {
+      var c = a[l];
+      c === !1 ? i.removeAttribute(l) : i.setAttribute(l, c === !0 ? "" : c);
+    }));
+  });
+}
+function Kr(e) {
+  var t = e.state, o = {
+    popper: {
+      position: t.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(t.elements.popper.style, o.popper), t.styles = o, t.elements.arrow && Object.assign(t.elements.arrow.style, o.arrow), function() {
+    Object.keys(t.elements).forEach(function(n) {
+      var a = t.elements[n], i = t.attributes[n] || {}, l = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : o[n]), c = l.reduce(function(s, d) {
+        return s[d] = "", s;
+      }, {});
+      !K(a) || !ae(a) || (Object.assign(a.style, c), Object.keys(i).forEach(function(s) {
+        a.removeAttribute(s);
+      }));
+    });
+  };
+}
+const Jr = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: Zr,
+  effect: Kr,
+  requires: ["computeStyles"]
+};
+function ne(e) {
+  return e.split("-")[0];
+}
+var we = Math.max, mt = Math.min, $e = Math.round;
+function $t() {
+  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 $o() {
+  return !/^((?!chrome|android).)*safari/i.test($t());
+}
+function je(e, t, o) {
+  t === void 0 && (t = !1), o === void 0 && (o = !1);
+  var n = e.getBoundingClientRect(), a = 1, i = 1;
+  t && K(e) && (a = e.offsetWidth > 0 && $e(n.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && $e(n.height) / e.offsetHeight || 1);
+  var l = xe(e) ? Y(e) : window, c = l.visualViewport, s = !$o() && o, d = (n.left + (s && c ? c.offsetLeft : 0)) / a, p = (n.top + (s && c ? c.offsetTop : 0)) / i, f = n.width / a, y = n.height / i;
+  return {
+    width: f,
+    height: y,
+    top: p,
+    right: d + f,
+    bottom: p + y,
+    left: d,
+    x: d,
+    y: p
+  };
+}
+function Mt(e) {
+  var t = je(e), o = e.offsetWidth, n = e.offsetHeight;
+  return Math.abs(t.width - o) <= 1 && (o = t.width), Math.abs(t.height - n) <= 1 && (n = t.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
+    width: o,
+    height: n
+  };
+}
+function jo(e, t) {
+  var o = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (o && _t(o)) {
+    var n = t;
+    do {
+      if (n && e.isSameNode(n))
+        return !0;
+      n = n.parentNode || n.host;
+    } while (n);
+  }
+  return !1;
+}
+function pe(e) {
+  return Y(e).getComputedStyle(e);
+}
+function en(e) {
+  return ["table", "td", "th"].indexOf(ae(e)) >= 0;
+}
+function he(e) {
+  return ((xe(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function wt(e) {
+  return ae(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
+    (_t(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    he(e)
+  );
+}
+function so(e) {
+  return !K(e) || // https://github.com/popperjs/popper-core/issues/837
+  pe(e).position === "fixed" ? null : e.offsetParent;
+}
+function tn(e) {
+  var t = /firefox/i.test($t()), o = /Trident/i.test($t());
+  if (o && K(e)) {
+    var n = pe(e);
+    if (n.position === "fixed")
+      return null;
+  }
+  var a = wt(e);
+  for (_t(a) && (a = a.host); K(a) && ["html", "body"].indexOf(ae(a)) < 0; ) {
+    var i = pe(a);
+    if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || t && i.willChange === "filter" || t && i.filter && i.filter !== "none")
+      return a;
+    a = a.parentNode;
+  }
+  return null;
+}
+function Qe(e) {
+  for (var t = Y(e), o = so(e); o && en(o) && pe(o).position === "static"; )
+    o = so(o);
+  return o && (ae(o) === "html" || ae(o) === "body" && pe(o).position === "static") ? t : o || tn(e) || t;
+}
+function Bt(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function Ue(e, t, o) {
+  return we(e, mt(t, o));
+}
+function on(e, t, o) {
+  var n = Ue(e, t, o);
+  return n > o ? o : n;
+}
+function So() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function Ao(e) {
+  return Object.assign({}, So(), e);
+}
+function Do(e, t) {
+  return t.reduce(function(o, n) {
+    return o[n] = e, o;
+  }, {});
+}
+var rn = function(t, o) {
+  return t = typeof t == "function" ? t(Object.assign({}, o.rects, {
+    placement: o.placement
+  })) : t, Ao(typeof t != "number" ? t : Do(t, Ye));
+};
+function nn(e) {
+  var t, o = e.state, n = e.name, a = e.options, i = o.elements.arrow, l = o.modifiersData.popperOffsets, c = ne(o.placement), s = Bt(c), d = [q, ee].indexOf(c) >= 0, p = d ? "height" : "width";
+  if (!(!i || !l)) {
+    var f = rn(a.padding, o), y = Mt(i), m = s === "y" ? H : q, P = s === "y" ? J : ee, g = o.rects.reference[p] + o.rects.reference[s] - l[s] - o.rects.popper[p], w = l[s] - o.rects.reference[s], O = Qe(i), u = O ? s === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, v = g / 2 - w / 2, h = f[m], x = u - y[p] - f[P], b = u / 2 - y[p] / 2 + v, C = Ue(h, b, x), L = s;
+    o.modifiersData[n] = (t = {}, t[L] = C, t.centerOffset = C - b, t);
+  }
+}
+function an(e) {
+  var t = e.state, o = e.options, n = o.element, a = n === void 0 ? "[data-popper-arrow]" : n;
+  a != null && (typeof a == "string" && (a = t.elements.popper.querySelector(a), !a) || jo(t.elements.popper, a) && (t.elements.arrow = a));
+}
+const sn = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: nn,
+  effect: an,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function Se(e) {
+  return e.split("-")[1];
+}
+var cn = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function ln(e, t) {
+  var o = e.x, n = e.y, a = t.devicePixelRatio || 1;
+  return {
+    x: $e(o * a) / a || 0,
+    y: $e(n * a) / a || 0
+  };
+}
+function co(e) {
+  var t, o = e.popper, n = e.popperRect, a = e.placement, i = e.variation, l = e.offsets, c = e.position, s = e.gpuAcceleration, d = e.adaptive, p = e.roundOffsets, f = e.isFixed, y = l.x, m = y === void 0 ? 0 : y, P = l.y, g = P === void 0 ? 0 : P, w = typeof p == "function" ? p({
+    x: m,
+    y: g
+  }) : {
+    x: m,
+    y: g
+  };
+  m = w.x, g = w.y;
+  var O = l.hasOwnProperty("x"), u = l.hasOwnProperty("y"), v = q, h = H, x = window;
+  if (d) {
+    var b = Qe(o), C = "clientHeight", L = "clientWidth";
+    if (b === Y(o) && (b = he(o), pe(b).position !== "static" && c === "absolute" && (C = "scrollHeight", L = "scrollWidth")), b = b, a === H || (a === q || a === ee) && i === Ve) {
+      h = J;
+      var k = f && b === x && x.visualViewport ? x.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        b[C]
+      );
+      g -= k - n.height, g *= s ? 1 : -1;
+    }
+    if (a === q || (a === H || a === J) && i === Ve) {
+      v = ee;
+      var $ = f && b === x && x.visualViewport ? x.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        b[L]
+      );
+      m -= $ - n.width, m *= s ? 1 : -1;
+    }
+  }
+  var S = Object.assign({
+    position: c
+  }, d && cn), I = p === !0 ? ln({
+    x: m,
+    y: g
+  }, Y(o)) : {
+    x: m,
+    y: g
+  };
+  if (m = I.x, g = I.y, s) {
+    var D;
+    return Object.assign({}, S, (D = {}, D[h] = u ? "0" : "", D[v] = O ? "0" : "", D.transform = (x.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + g + "px)" : "translate3d(" + m + "px, " + g + "px, 0)", D));
+  }
+  return Object.assign({}, S, (t = {}, t[h] = u ? g + "px" : "", t[v] = O ? m + "px" : "", t.transform = "", t));
+}
+function pn(e) {
+  var t = e.state, o = e.options, n = o.gpuAcceleration, a = n === void 0 ? !0 : n, i = o.adaptive, l = i === void 0 ? !0 : i, c = o.roundOffsets, s = c === void 0 ? !0 : c, d = {
+    placement: ne(t.placement),
+    variation: Se(t.placement),
+    popper: t.elements.popper,
+    popperRect: t.rects.popper,
+    gpuAcceleration: a,
+    isFixed: t.options.strategy === "fixed"
+  };
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, co(Object.assign({}, d, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
+    adaptive: l,
+    roundOffsets: s
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, co(Object.assign({}, d, {
+    offsets: t.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: s
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
+  });
+}
+const dn = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: pn,
+  data: {}
+};
+var st = {
+  passive: !0
+};
+function un(e) {
+  var t = e.state, o = e.instance, n = e.options, a = n.scroll, i = a === void 0 ? !0 : a, l = n.resize, c = l === void 0 ? !0 : l, s = Y(t.elements.popper), d = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return i && d.forEach(function(p) {
+    p.addEventListener("scroll", o.update, st);
+  }), c && s.addEventListener("resize", o.update, st), function() {
+    i && d.forEach(function(p) {
+      p.removeEventListener("scroll", o.update, st);
+    }), c && s.removeEventListener("resize", o.update, st);
+  };
+}
+const fn = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: un,
+  data: {}
+};
+var hn = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function dt(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return hn[t];
+  });
+}
+var mn = {
+  start: "end",
+  end: "start"
+};
+function lo(e) {
+  return e.replace(/start|end/g, function(t) {
+    return mn[t];
+  });
+}
+function It(e) {
+  var t = Y(e), o = t.pageXOffset, n = t.pageYOffset;
+  return {
+    scrollLeft: o,
+    scrollTop: n
+  };
+}
+function Wt(e) {
+  return je(he(e)).left + It(e).scrollLeft;
+}
+function vn(e, t) {
+  var o = Y(e), n = he(e), a = o.visualViewport, i = n.clientWidth, l = n.clientHeight, c = 0, s = 0;
+  if (a) {
+    i = a.width, l = a.height;
+    var d = $o();
+    (d || !d && t === "fixed") && (c = a.offsetLeft, s = a.offsetTop);
+  }
+  return {
+    width: i,
+    height: l,
+    x: c + Wt(e),
+    y: s
+  };
+}
+function gn(e) {
+  var t, o = he(e), n = It(e), a = (t = e.ownerDocument) == null ? void 0 : t.body, i = we(o.scrollWidth, o.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), l = we(o.scrollHeight, o.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), c = -n.scrollLeft + Wt(e), s = -n.scrollTop;
+  return pe(a || o).direction === "rtl" && (c += we(o.clientWidth, a ? a.clientWidth : 0) - i), {
+    width: i,
+    height: l,
+    x: c,
+    y: s
+  };
+}
+function Ut(e) {
+  var t = pe(e), o = t.overflow, n = t.overflowX, a = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(o + a + n);
+}
+function No(e) {
+  return ["html", "body", "#document"].indexOf(ae(e)) >= 0 ? e.ownerDocument.body : K(e) && Ut(e) ? e : No(wt(e));
+}
+function Fe(e, t) {
+  var o;
+  t === void 0 && (t = []);
+  var n = No(e), a = n === ((o = e.ownerDocument) == null ? void 0 : o.body), i = Y(n), l = a ? [i].concat(i.visualViewport || [], Ut(n) ? n : []) : n, c = t.concat(l);
+  return a ? c : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    c.concat(Fe(wt(l)))
+  );
+}
+function jt(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  });
+}
+function bn(e, t) {
+  var o = je(e, !1, t === "fixed");
+  return o.top = o.top + e.clientTop, o.left = o.left + e.clientLeft, o.bottom = o.top + e.clientHeight, o.right = o.left + e.clientWidth, o.width = e.clientWidth, o.height = e.clientHeight, o.x = o.left, o.y = o.top, o;
+}
+function po(e, t, o) {
+  return t === ko ? jt(vn(e, o)) : xe(t) ? bn(t, o) : jt(gn(he(e)));
+}
+function yn(e) {
+  var t = Fe(wt(e)), o = ["absolute", "fixed"].indexOf(pe(e).position) >= 0, n = o && K(e) ? Qe(e) : e;
+  return xe(n) ? t.filter(function(a) {
+    return xe(a) && jo(a, n) && ae(a) !== "body";
+  }) : [];
+}
+function wn(e, t, o, n) {
+  var a = t === "clippingParents" ? yn(e) : [].concat(t), i = [].concat(a, [o]), l = i[0], c = i.reduce(function(s, d) {
+    var p = po(e, d, n);
+    return s.top = we(p.top, s.top), s.right = mt(p.right, s.right), s.bottom = mt(p.bottom, s.bottom), s.left = we(p.left, s.left), s;
+  }, po(e, l, n));
+  return c.width = c.right - c.left, c.height = c.bottom - c.top, c.x = c.left, c.y = c.top, c;
+}
+function _o(e) {
+  var t = e.reference, o = e.element, n = e.placement, a = n ? ne(n) : null, i = n ? Se(n) : null, l = t.x + t.width / 2 - o.width / 2, c = t.y + t.height / 2 - o.height / 2, s;
+  switch (a) {
+    case H:
+      s = {
+        x: l,
+        y: t.y - o.height
+      };
+      break;
+    case J:
+      s = {
+        x: l,
+        y: t.y + t.height
+      };
+      break;
+    case ee:
+      s = {
+        x: t.x + t.width,
+        y: c
+      };
+      break;
+    case q:
+      s = {
+        x: t.x - o.width,
+        y: c
+      };
+      break;
+    default:
+      s = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  var d = a ? Bt(a) : null;
+  if (d != null) {
+    var p = d === "y" ? "height" : "width";
+    switch (i) {
+      case Le:
+        s[d] = s[d] - (t[p] / 2 - o[p] / 2);
+        break;
+      case Ve:
+        s[d] = s[d] + (t[p] / 2 - o[p] / 2);
+        break;
+    }
+  }
+  return s;
+}
+function He(e, t) {
+  t === void 0 && (t = {});
+  var o = t, n = o.placement, a = n === void 0 ? e.placement : n, i = o.strategy, l = i === void 0 ? e.strategy : i, c = o.boundary, s = c === void 0 ? Ir : c, d = o.rootBoundary, p = d === void 0 ? ko : d, f = o.elementContext, y = f === void 0 ? Ie : f, m = o.altBoundary, P = m === void 0 ? !1 : m, g = o.padding, w = g === void 0 ? 0 : g, O = Ao(typeof w != "number" ? w : Do(w, Ye)), u = y === Ie ? Wr : Ie, v = e.rects.popper, h = e.elements[P ? u : y], x = wn(xe(h) ? h : h.contextElement || he(e.elements.popper), s, p, l), b = je(e.elements.reference), C = _o({
+    reference: b,
+    element: v,
+    strategy: "absolute",
+    placement: a
+  }), L = jt(Object.assign({}, v, C)), k = y === Ie ? L : b, $ = {
+    top: x.top - k.top + O.top,
+    bottom: k.bottom - x.bottom + O.bottom,
+    left: x.left - k.left + O.left,
+    right: k.right - x.right + O.right
+  }, S = e.modifiersData.offset;
+  if (y === Ie && S) {
+    var I = S[a];
+    Object.keys($).forEach(function(D) {
+      var z = [ee, J].indexOf(D) >= 0 ? 1 : -1, W = [H, J].indexOf(D) >= 0 ? "y" : "x";
+      $[D] += I[W] * z;
+    });
+  }
+  return $;
+}
+function xn(e, t) {
+  t === void 0 && (t = {});
+  var o = t, n = o.placement, a = o.boundary, i = o.rootBoundary, l = o.padding, c = o.flipVariations, s = o.allowedAutoPlacements, d = s === void 0 ? Lo : s, p = Se(n), f = p ? c ? io : io.filter(function(P) {
+    return Se(P) === p;
+  }) : Ye, y = f.filter(function(P) {
+    return d.indexOf(P) >= 0;
+  });
+  y.length === 0 && (y = f);
+  var m = y.reduce(function(P, g) {
+    return P[g] = He(e, {
+      placement: g,
+      boundary: a,
+      rootBoundary: i,
+      padding: l
+    })[ne(g)], P;
+  }, {});
+  return Object.keys(m).sort(function(P, g) {
+    return m[P] - m[g];
+  });
+}
+function On(e) {
+  if (ne(e) === Nt)
+    return [];
+  var t = dt(e);
+  return [lo(e), t, lo(t)];
+}
+function Tn(e) {
+  var t = e.state, o = e.options, n = e.name;
+  if (!t.modifiersData[n]._skip) {
+    for (var a = o.mainAxis, i = a === void 0 ? !0 : a, l = o.altAxis, c = l === void 0 ? !0 : l, s = o.fallbackPlacements, d = o.padding, p = o.boundary, f = o.rootBoundary, y = o.altBoundary, m = o.flipVariations, P = m === void 0 ? !0 : m, g = o.allowedAutoPlacements, w = t.options.placement, O = ne(w), u = O === w, v = s || (u || !P ? [dt(w)] : On(w)), h = [w].concat(v).reduce(function(se, te) {
+      return se.concat(ne(te) === Nt ? xn(t, {
+        placement: te,
+        boundary: p,
+        rootBoundary: f,
+        padding: d,
+        flipVariations: P,
+        allowedAutoPlacements: g
+      }) : te);
+    }, []), x = t.rects.reference, b = t.rects.popper, C = /* @__PURE__ */ new Map(), L = !0, k = h[0], $ = 0; $ < h.length; $++) {
+      var S = h[$], I = ne(S), D = Se(S) === Le, z = [H, J].indexOf(I) >= 0, W = z ? "width" : "height", A = He(t, {
+        placement: S,
+        boundary: p,
+        rootBoundary: f,
+        altBoundary: y,
+        padding: d
+      }), N = z ? D ? ee : q : D ? J : H;
+      x[W] > b[W] && (N = dt(N));
+      var B = dt(N), _ = [];
+      if (i && _.push(A[I] <= 0), c && _.push(A[N] <= 0, A[B] <= 0), _.every(function(se) {
+        return se;
+      })) {
+        k = S, L = !1;
+        break;
+      }
+      C.set(S, _);
+    }
+    if (L)
+      for (var ie = P ? 3 : 1, Te = function(te) {
+        var de = h.find(function(ue) {
+          var U = C.get(ue);
+          if (U)
+            return U.slice(0, te).every(function(oe) {
+              return oe;
+            });
+        });
+        if (de)
+          return k = de, "break";
+      }, me = ie; me > 0; me--) {
+        var ve = Te(me);
+        if (ve === "break") break;
+      }
+    t.placement !== k && (t.modifiersData[n]._skip = !0, t.placement = k, t.reset = !0);
+  }
+}
+const En = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: Tn,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function uo(e, t, o) {
+  return o === void 0 && (o = {
+    x: 0,
+    y: 0
+  }), {
+    top: e.top - t.height - o.y,
+    right: e.right - t.width + o.x,
+    bottom: e.bottom - t.height + o.y,
+    left: e.left - t.width - o.x
+  };
+}
+function fo(e) {
+  return [H, ee, J, q].some(function(t) {
+    return e[t] >= 0;
+  });
+}
+function Cn(e) {
+  var t = e.state, o = e.name, n = t.rects.reference, a = t.rects.popper, i = t.modifiersData.preventOverflow, l = He(t, {
+    elementContext: "reference"
+  }), c = He(t, {
+    altBoundary: !0
+  }), s = uo(l, n), d = uo(c, a, i), p = fo(s), f = fo(d);
+  t.modifiersData[o] = {
+    referenceClippingOffsets: s,
+    popperEscapeOffsets: d,
+    isReferenceHidden: p,
+    hasPopperEscaped: f
+  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-reference-hidden": p,
+    "data-popper-escaped": f
+  });
+}
+const Pn = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: Cn
+};
+function Rn(e, t, o) {
+  var n = ne(e), a = [q, H].indexOf(n) >= 0 ? -1 : 1, i = typeof o == "function" ? o(Object.assign({}, t, {
+    placement: e
+  })) : o, l = i[0], c = i[1];
+  return l = l || 0, c = (c || 0) * a, [q, ee].indexOf(n) >= 0 ? {
+    x: c,
+    y: l
+  } : {
+    x: l,
+    y: c
+  };
+}
+function kn(e) {
+  var t = e.state, o = e.options, n = e.name, a = o.offset, i = a === void 0 ? [0, 0] : a, l = Lo.reduce(function(p, f) {
+    return p[f] = Rn(f, t.rects, i), p;
+  }, {}), c = l[t.placement], s = c.x, d = c.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += s, t.modifiersData.popperOffsets.y += d), t.modifiersData[n] = l;
+}
+const Ln = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: kn
+};
+function $n(e) {
+  var t = e.state, o = e.name;
+  t.modifiersData[o] = _o({
+    reference: t.rects.reference,
+    element: t.rects.popper,
+    strategy: "absolute",
+    placement: t.placement
+  });
+}
+const jn = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: $n,
+  data: {}
+};
+function Sn(e) {
+  return e === "x" ? "y" : "x";
+}
+function An(e) {
+  var t = e.state, o = e.options, n = e.name, a = o.mainAxis, i = a === void 0 ? !0 : a, l = o.altAxis, c = l === void 0 ? !1 : l, s = o.boundary, d = o.rootBoundary, p = o.altBoundary, f = o.padding, y = o.tether, m = y === void 0 ? !0 : y, P = o.tetherOffset, g = P === void 0 ? 0 : P, w = He(t, {
+    boundary: s,
+    rootBoundary: d,
+    padding: f,
+    altBoundary: p
+  }), O = ne(t.placement), u = Se(t.placement), v = !u, h = Bt(O), x = Sn(h), b = t.modifiersData.popperOffsets, C = t.rects.reference, L = t.rects.popper, k = typeof g == "function" ? g(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : g, $ = typeof k == "number" ? {
+    mainAxis: k,
+    altAxis: k
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, k), S = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, I = {
+    x: 0,
+    y: 0
+  };
+  if (b) {
+    if (i) {
+      var D, z = h === "y" ? H : q, W = h === "y" ? J : ee, A = h === "y" ? "height" : "width", N = b[h], B = N + w[z], _ = N - w[W], ie = m ? -L[A] / 2 : 0, Te = u === Le ? C[A] : L[A], me = u === Le ? -L[A] : -C[A], ve = t.elements.arrow, se = m && ve ? Mt(ve) : {
+        width: 0,
+        height: 0
+      }, te = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : So(), de = te[z], ue = te[W], U = Ue(0, C[A], se[A]), oe = v ? C[A] / 2 - ie - U - de - $.mainAxis : Te - U - de - $.mainAxis, Ee = v ? -C[A] / 2 + ie + U + ue + $.mainAxis : me + U + ue + $.mainAxis, Q = t.elements.arrow && Qe(t.elements.arrow), Ot = Q ? h === "y" ? Q.clientTop || 0 : Q.clientLeft || 0 : 0, Ge = (D = S == null ? void 0 : S[h]) != null ? D : 0, Ze = N + oe - Ge - Ot, G = N + Ee - Ge, Ae = Ue(m ? mt(B, Ze) : B, N, m ? we(_, G) : _);
+      b[h] = Ae, I[h] = Ae - N;
+    }
+    if (c) {
+      var Ke, V = h === "x" ? H : q, Je = h === "x" ? J : ee, re = b[x], Ce = x === "y" ? "height" : "width", ge = re + w[V], Pe = re - w[Je], Re = [H, q].indexOf(O) !== -1, ke = (Ke = S == null ? void 0 : S[x]) != null ? Ke : 0, be = Re ? ge : re - C[Ce] - L[Ce] - ke + $.altAxis, De = Re ? re + C[Ce] + L[Ce] - ke - $.altAxis : Pe, et = m && Re ? on(be, re, De) : Ue(m ? be : ge, re, m ? De : Pe);
+      b[x] = et, I[x] = et - re;
+    }
+    t.modifiersData[n] = I;
+  }
+}
+const Dn = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: An,
+  requiresIfExists: ["offset"]
+};
+function Nn(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function _n(e) {
+  return e === Y(e) || !K(e) ? It(e) : Nn(e);
+}
+function Mn(e) {
+  var t = e.getBoundingClientRect(), o = $e(t.width) / e.offsetWidth || 1, n = $e(t.height) / e.offsetHeight || 1;
+  return o !== 1 || n !== 1;
+}
+function Bn(e, t, o) {
+  o === void 0 && (o = !1);
+  var n = K(t), a = K(t) && Mn(t), i = he(t), l = je(e, a, o), c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, s = {
+    x: 0,
+    y: 0
+  };
+  return (n || !n && !o) && ((ae(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  Ut(i)) && (c = _n(t)), K(t) ? (s = je(t, !0), s.x += t.clientLeft, s.y += t.clientTop) : i && (s.x = Wt(i))), {
+    x: l.left + c.scrollLeft - s.x,
+    y: l.top + c.scrollTop - s.y,
+    width: l.width,
+    height: l.height
+  };
+}
+function In(e) {
+  var t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), n = [];
+  e.forEach(function(i) {
+    t.set(i.name, i);
+  });
+  function a(i) {
+    o.add(i.name);
+    var l = [].concat(i.requires || [], i.requiresIfExists || []);
+    l.forEach(function(c) {
+      if (!o.has(c)) {
+        var s = t.get(c);
+        s && a(s);
+      }
+    }), n.push(i);
+  }
+  return e.forEach(function(i) {
+    o.has(i.name) || a(i);
+  }), n;
+}
+function Wn(e) {
+  var t = In(e);
+  return Gr.reduce(function(o, n) {
+    return o.concat(t.filter(function(a) {
+      return a.phase === n;
+    }));
+  }, []);
+}
+function Un(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(o) {
+      Promise.resolve().then(function() {
+        t = void 0, o(e());
+      });
+    })), t;
+  };
+}
+function Fn(e) {
+  var t = e.reduce(function(o, n) {
+    var a = o[n.name];
+    return o[n.name] = a ? Object.assign({}, a, n, {
+      options: Object.assign({}, a.options, n.options),
+      data: Object.assign({}, a.data, n.data)
+    }) : n, o;
+  }, {});
+  return Object.keys(t).map(function(o) {
+    return t[o];
+  });
+}
+var ho = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function mo() {
+  for (var e = arguments.length, t = new Array(e), o = 0; o < e; o++)
+    t[o] = arguments[o];
+  return !t.some(function(n) {
+    return !(n && typeof n.getBoundingClientRect == "function");
+  });
+}
+function Vn(e) {
+  e === void 0 && (e = {});
+  var t = e, o = t.defaultModifiers, n = o === void 0 ? [] : o, a = t.defaultOptions, i = a === void 0 ? ho : a;
+  return function(c, s, d) {
+    d === void 0 && (d = i);
+    var p = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, ho, i),
+      modifiersData: {},
+      elements: {
+        reference: c,
+        popper: s
+      },
+      attributes: {},
+      styles: {}
+    }, f = [], y = !1, m = {
+      state: p,
+      setOptions: function(O) {
+        var u = typeof O == "function" ? O(p.options) : O;
+        g(), p.options = Object.assign({}, i, p.options, u), p.scrollParents = {
+          reference: xe(c) ? Fe(c) : c.contextElement ? Fe(c.contextElement) : [],
+          popper: Fe(s)
+        };
+        var v = Wn(Fn([].concat(n, p.options.modifiers)));
+        return p.orderedModifiers = v.filter(function(h) {
+          return h.enabled;
+        }), P(), m.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!y) {
+          var O = p.elements, u = O.reference, v = O.popper;
+          if (mo(u, v)) {
+            p.rects = {
+              reference: Bn(u, Qe(v), p.options.strategy === "fixed"),
+              popper: Mt(v)
+            }, p.reset = !1, p.placement = p.options.placement, p.orderedModifiers.forEach(function($) {
+              return p.modifiersData[$.name] = Object.assign({}, $.data);
+            });
+            for (var h = 0; h < p.orderedModifiers.length; h++) {
+              if (p.reset === !0) {
+                p.reset = !1, h = -1;
+                continue;
+              }
+              var x = p.orderedModifiers[h], b = x.fn, C = x.options, L = C === void 0 ? {} : C, k = x.name;
+              typeof b == "function" && (p = b({
+                state: p,
+                options: L,
+                name: k,
+                instance: m
+              }) || p);
+            }
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: Un(function() {
+        return new Promise(function(w) {
+          m.forceUpdate(), w(p);
+        });
+      }),
+      destroy: function() {
+        g(), y = !0;
+      }
+    };
+    if (!mo(c, s))
+      return m;
+    m.setOptions(d).then(function(w) {
+      !y && d.onFirstUpdate && d.onFirstUpdate(w);
+    });
+    function P() {
+      p.orderedModifiers.forEach(function(w) {
+        var O = w.name, u = w.options, v = u === void 0 ? {} : u, h = w.effect;
+        if (typeof h == "function") {
+          var x = h({
+            state: p,
+            name: O,
+            instance: m,
+            options: v
+          }), b = function() {
+          };
+          f.push(x || b);
+        }
+      });
+    }
+    function g() {
+      f.forEach(function(w) {
+        return w();
+      }), f = [];
+    }
+    return m;
+  };
+}
+var Hn = [fn, jn, dn, Jr, Ln, En, Dn, sn, Pn], qn = /* @__PURE__ */ Vn({
+  defaultModifiers: Hn
+});
+function zn(e) {
+  return ze("MuiPopper", e);
+}
+qe("MuiPopper", ["root"]);
+const Xn = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"], Yn = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
+function Qn(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 vt(e) {
+  return typeof e == "function" ? e() : e;
+}
+function xt(e) {
+  return e.nodeType !== void 0;
+}
+function Gn(e) {
+  return !xt(e);
+}
+const Zn = (e) => {
+  const {
+    classes: t
+  } = e;
+  return Xe({
+    root: ["root"]
+  }, zn, t);
+}, Kn = {}, Jn = /* @__PURE__ */ j.forwardRef(function(t, o) {
+  var n;
+  const {
+    anchorEl: a,
+    children: i,
+    direction: l,
+    disablePortal: c,
+    modifiers: s,
+    open: d,
+    placement: p,
+    popperOptions: f,
+    popperRef: y,
+    slotProps: m = {},
+    slots: P = {},
+    TransitionProps: g
+    // @ts-ignore internal logic
+    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
+  } = t, w = Oe(t, Xn), O = j.useRef(null), u = kt(O, o), v = j.useRef(null), h = kt(v, y), x = j.useRef(h);
+  oo(() => {
+    x.current = h;
+  }, [h]), j.useImperativeHandle(y, () => v.current, []);
+  const b = Qn(p, l), [C, L] = j.useState(b), [k, $] = j.useState(vt(a));
+  j.useEffect(() => {
+    v.current && v.current.forceUpdate();
+  }), j.useEffect(() => {
+    a && $(vt(a));
+  }, [a]), oo(() => {
+    if (!k || !d)
+      return;
+    const W = (B) => {
+      L(B.placement);
+    };
+    if (process.env.NODE_ENV !== "production" && k && xt(k) && k.nodeType === 1) {
+      const B = k.getBoundingClientRect();
+      process.env.NODE_ENV !== "test" && B.top === 0 && B.left === 0 && B.right === 0 && B.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: c
+      }
+    }, {
+      name: "flip",
+      options: {
+        altBoundary: c
+      }
+    }, {
+      name: "onUpdate",
+      enabled: !0,
+      phase: "afterWrite",
+      fn: ({
+        state: B
+      }) => {
+        W(B);
+      }
+    }];
+    s != null && (A = A.concat(s)), f && f.modifiers != null && (A = A.concat(f.modifiers));
+    const N = qn(k, O.current, T({
+      placement: b
+    }, f, {
+      modifiers: A
+    }));
+    return x.current(N), () => {
+      N.destroy(), x.current(null);
+    };
+  }, [k, c, s, d, f, b]);
+  const S = {
+    placement: C
+  };
+  g !== null && (S.TransitionProps = g);
+  const I = Zn(t), D = (n = P.root) != null ? n : "div", z = rr({
+    elementType: D,
+    externalSlotProps: m.root,
+    externalForwardedProps: w,
+    additionalProps: {
+      role: "tooltip",
+      ref: u
+    },
+    ownerState: t,
+    className: I.root
+  });
+  return /* @__PURE__ */ R.jsx(D, T({}, z, {
+    children: typeof i == "function" ? i(S) : i
+  }));
+}), Mo = /* @__PURE__ */ j.forwardRef(function(t, o) {
+  const {
+    anchorEl: n,
+    children: a,
+    container: i,
+    direction: l = "ltr",
+    disablePortal: c = !1,
+    keepMounted: s = !1,
+    modifiers: d,
+    open: p,
+    placement: f = "bottom",
+    popperOptions: y = Kn,
+    popperRef: m,
+    style: P,
+    transition: g = !1,
+    slotProps: w = {},
+    slots: O = {}
+  } = t, u = Oe(t, Yn), [v, h] = j.useState(!0), x = () => {
+    h(!1);
+  }, b = () => {
+    h(!0);
+  };
+  if (!s && !p && (!g || v))
+    return null;
+  let C;
+  if (i)
+    C = i;
+  else if (n) {
+    const $ = vt(n);
+    C = $ && xt($) ? to($).body : to(null).body;
+  }
+  const L = !p && s && (!g || v) ? "none" : void 0, k = g ? {
+    in: p,
+    onEnter: x,
+    onExited: b
+  } : void 0;
+  return /* @__PURE__ */ R.jsx(tr, {
+    disablePortal: c,
+    container: C,
+    children: /* @__PURE__ */ R.jsx(Jn, T({
+      anchorEl: n,
+      direction: l,
+      disablePortal: c,
+      modifiers: d,
+      ref: o,
+      open: g ? !v : p,
+      placement: f,
+      popperOptions: y,
+      popperRef: m,
+      slotProps: w,
+      slots: O
+    }, u, {
+      style: T({
+        // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
+        position: "fixed",
+        // Fix Popper.js display issue
+        top: 0,
+        left: 0,
+        display: L
+      }, P),
+      TransitionProps: k,
+      children: a
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (Mo.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: or(r.oneOfType([ut, r.object, r.func]), (e) => {
+    if (e.open) {
+      const t = vt(e.anchorEl);
+      if (t && xt(t) && t.nodeType === 1) {
+        const o = t.getBoundingClientRect();
+        if (process.env.NODE_ENV !== "test" && o.top === 0 && o.left === 0 && o.right === 0 && o.bottom === 0)
+          return new Error(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
+`));
+      } else if (!t || typeof t.getBoundingClientRect != "function" || Gn(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: r.oneOfType([r.node, r.func]),
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: r.oneOfType([ut, r.func]),
+  /**
+   * Direction of the text.
+   * @default 'ltr'
+   */
+  direction: r.oneOf(["ltr", "rtl"]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: r.bool,
+  /**
+   * Always keep the children in the DOM.
+   * This prop can be useful in SEO situation or
+   * when you want to maximize the responsiveness of the Popper.
+   * @default false
+   */
+  keepMounted: r.bool,
+  /**
+   * Popper.js is based on a "plugin-like" architecture,
+   * most of its features are fully encapsulated "modifiers".
+   *
+   * A modifier is a function that is called each time Popper.js needs to
+   * compute the position of the popper.
+   * For this reason, modifiers should be very performant to avoid bottlenecks.
+   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
+   */
+  modifiers: r.arrayOf(r.shape({
+    data: r.object,
+    effect: r.func,
+    enabled: r.bool,
+    fn: r.func,
+    name: r.any,
+    options: r.object,
+    phase: r.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
+    requires: r.arrayOf(r.string),
+    requiresIfExists: r.arrayOf(r.string)
+  })),
+  /**
+   * If `true`, the component is shown.
+   */
+  open: r.bool.isRequired,
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement: r.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+  /**
+   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
+   * @default {}
+   */
+  popperOptions: r.shape({
+    modifiers: r.array,
+    onFirstUpdate: r.func,
+    placement: r.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+    strategy: r.oneOf(["absolute", "fixed"])
+  }),
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef: bt,
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  slotProps: r.shape({
+    root: r.oneOfType([r.func, r.object])
+  }),
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: r.shape({
+    root: r.elementType
+  }),
+  /**
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
+   */
+  transition: r.bool
+});
+const ea = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"], ta = M(Mo, {
+  name: "MuiPopper",
+  slot: "Root",
+  overridesResolver: (e, t) => t.root
+})({}), Ft = /* @__PURE__ */ j.forwardRef(function(t, o) {
+  var n;
+  const a = Po(), i = yt({
+    props: t,
+    name: "MuiPopper"
+  }), {
+    anchorEl: l,
+    component: c,
+    components: s,
+    componentsProps: d,
+    container: p,
+    disablePortal: f,
+    keepMounted: y,
+    modifiers: m,
+    open: P,
+    placement: g,
+    popperOptions: w,
+    popperRef: O,
+    transition: u,
+    slots: v,
+    slotProps: h
+  } = i, x = Oe(i, ea), b = (n = v == null ? void 0 : v.root) != null ? n : s == null ? void 0 : s.Root, C = T({
+    anchorEl: l,
+    container: p,
+    disablePortal: f,
+    keepMounted: y,
+    modifiers: m,
+    open: P,
+    placement: g,
+    popperOptions: w,
+    popperRef: O,
+    transition: u
+  }, x);
+  return /* @__PURE__ */ R.jsx(ta, T({
+    as: c,
+    direction: a == null ? void 0 : a.direction,
+    slots: {
+      root: b
+    },
+    slotProps: h ?? d
+  }, C, {
+    ref: o
+  }));
+});
+process.env.NODE_ENV !== "production" && (Ft.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
+   * or a function that returns either.
+   * It's used to set the position of the popper.
+   * The return value will passed as the reference object of the Popper instance.
+   */
+  anchorEl: r.oneOfType([ut, r.object, r.func]),
+  /**
+   * Popper render function or node.
+   */
+  children: r.oneOfType([r.node, r.func]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  components: r.shape({
+    Root: r.elementType
+  }),
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  componentsProps: r.shape({
+    root: r.oneOfType([r.func, r.object])
+  }),
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: r.oneOfType([ut, r.func]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: r.bool,
+  /**
+   * Always keep the children in the DOM.
+   * This prop can be useful in SEO situation or
+   * when you want to maximize the responsiveness of the Popper.
+   * @default false
+   */
+  keepMounted: r.bool,
+  /**
+   * Popper.js is based on a "plugin-like" architecture,
+   * most of its features are fully encapsulated "modifiers".
+   *
+   * A modifier is a function that is called each time Popper.js needs to
+   * compute the position of the popper.
+   * For this reason, modifiers should be very performant to avoid bottlenecks.
+   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
+   */
+  modifiers: r.arrayOf(r.shape({
+    data: r.object,
+    effect: r.func,
+    enabled: r.bool,
+    fn: r.func,
+    name: r.any,
+    options: r.object,
+    phase: r.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
+    requires: r.arrayOf(r.string),
+    requiresIfExists: r.arrayOf(r.string)
+  })),
+  /**
+   * If `true`, the component is shown.
+   */
+  open: r.bool.isRequired,
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement: r.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+  /**
+   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
+   * @default {}
+   */
+  popperOptions: r.shape({
+    modifiers: r.array,
+    onFirstUpdate: r.func,
+    placement: r.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+    strategy: r.oneOf(["absolute", "fixed"])
+  }),
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef: bt,
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  slotProps: r.shape({
+    root: r.oneOfType([r.func, r.object])
+  }),
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: r.shape({
+    root: r.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
+   */
+  transition: r.bool
+});
+function oa(e) {
+  return ze("PrivateSwitchBase", e);
+}
+qe("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const ra = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"], na = (e) => {
+  const {
+    classes: t,
+    checked: o,
+    disabled: n,
+    edge: a
+  } = e, i = {
+    root: ["root", o && "checked", n && "disabled", a && `edge${le(a)}`],
+    input: ["input"]
+  };
+  return Xe(i, oa, t);
+}, aa = M(nr)(({
+  ownerState: e
+}) => T({
+  padding: 9,
+  borderRadius: "50%"
+}, e.edge === "start" && {
+  marginLeft: e.size === "small" ? -3 : -12
+}, e.edge === "end" && {
+  marginRight: e.size === "small" ? -3 : -12
+})), ia = M("input", {
+  shouldForwardProp: ar
+})({
+  cursor: "inherit",
+  position: "absolute",
+  opacity: 0,
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  margin: 0,
+  padding: 0,
+  zIndex: 1
+}), Bo = /* @__PURE__ */ j.forwardRef(function(t, o) {
+  const {
+    autoFocus: n,
+    checked: a,
+    checkedIcon: i,
+    className: l,
+    defaultChecked: c,
+    disabled: s,
+    disableFocusRipple: d = !1,
+    edge: p = !1,
+    icon: f,
+    id: y,
+    inputProps: m,
+    inputRef: P,
+    name: g,
+    onBlur: w,
+    onChange: O,
+    onFocus: u,
+    readOnly: v,
+    required: h = !1,
+    tabIndex: x,
+    type: b,
+    value: C
+  } = t, L = Oe(t, ra), [k, $] = xo({
+    controlled: a,
+    default: !!c,
+    name: "SwitchBase",
+    state: "checked"
+  }), S = ir(), I = (_) => {
+    u && u(_), S && S.onFocus && S.onFocus(_);
+  }, D = (_) => {
+    w && w(_), S && S.onBlur && S.onBlur(_);
+  }, z = (_) => {
+    if (_.nativeEvent.defaultPrevented)
+      return;
+    const ie = _.target.checked;
+    $(ie), O && O(_, ie);
+  };
+  let W = s;
+  S && typeof W > "u" && (W = S.disabled);
+  const A = b === "checkbox" || b === "radio", N = T({}, t, {
+    checked: k,
+    disabled: W,
+    disableFocusRipple: d,
+    edge: p
+  }), B = na(N);
+  return /* @__PURE__ */ R.jsxs(aa, T({
+    component: "span",
+    className: ye(B.root, l),
+    centerRipple: !0,
+    focusRipple: !d,
+    disabled: W,
+    tabIndex: null,
+    role: void 0,
+    onFocus: I,
+    onBlur: D,
+    ownerState: N,
+    ref: o
+  }, L, {
+    children: [/* @__PURE__ */ R.jsx(ia, T({
+      autoFocus: n,
+      checked: a,
+      defaultChecked: c,
+      className: B.input,
+      disabled: W,
+      id: A ? y : void 0,
+      name: g,
+      onChange: z,
+      readOnly: v,
+      ref: P,
+      required: h,
+      ownerState: N,
+      tabIndex: x,
+      type: b
+    }, b === "checkbox" && C === void 0 ? {} : {
+      value: C
+    }, m)), k ? i : f]
+  }));
+});
+process.env.NODE_ENV !== "production" && (Bo.propTypes = {
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: r.bool,
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: r.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: r.node.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * @ignore
+   */
+  defaultChecked: r.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: r.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: r.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: r.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: r.node.isRequired,
+  /**
+   * The id of the `input` element.
+   */
+  id: r.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: r.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: bt,
+  /*
+   * @ignore
+   */
+  name: r.string,
+  /**
+   * @ignore
+   */
+  onBlur: r.func,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: r.func,
+  /**
+   * @ignore
+   */
+  onFocus: r.func,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: r.bool,
+  /**
+   * If `true`, the `input` element is required.
+   */
+  required: r.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.object,
+  /**
+   * @ignore
+   */
+  tabIndex: r.oneOfType([r.number, r.string]),
+  /**
+   * The input component prop `type`.
+   */
+  type: r.string.isRequired,
+  /**
+   * The value of the component.
+   */
+  value: r.any
+});
+function sa(e) {
+  return ze("MuiSkeleton", e);
+}
+qe("MuiSkeleton", ["root", "text", "rectangular", "rounded", "circular", "pulse", "wave", "withChildren", "fitContent", "heightAuto"]);
+const ca = ["animation", "className", "component", "height", "style", "variant", "width"];
+let gt = (e) => e, vo, go, bo, yo;
+const la = (e) => {
+  const {
+    classes: t,
+    variant: o,
+    animation: n,
+    hasChildren: a,
+    width: i,
+    height: l
+  } = e;
+  return Xe({
+    root: ["root", o, n, a && "withChildren", a && !i && "fitContent", a && !l && "heightAuto"]
+  }, sa, t);
+}, pa = Oo(vo || (vo = gt`
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 1;
+  }
+`)), da = Oo(go || (go = gt`
+  0% {
+    transform: translateX(-100%);
+  }
+
+  50% {
+    /* +0.5s of delay between each loop */
+    transform: translateX(100%);
+  }
+
+  100% {
+    transform: translateX(100%);
+  }
+`)), ua = M("span", {
+  name: "MuiSkeleton",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.root, t[o.variant], o.animation !== !1 && t[o.animation], o.hasChildren && t.withChildren, o.hasChildren && !o.width && t.fitContent, o.hasChildren && !o.height && t.heightAuto];
+  }
+})(({
+  theme: e,
+  ownerState: t
+}) => {
+  const o = Sr(e.shape.borderRadius) || "px", n = Ar(e.shape.borderRadius);
+  return T({
+    display: "block",
+    // Create a "on paper" color with sufficient contrast retaining the color
+    backgroundColor: e.vars ? e.vars.palette.Skeleton.bg : jr(e.palette.text.primary, e.palette.mode === "light" ? 0.11 : 0.13),
+    height: "1.2em"
+  }, t.variant === "text" && {
+    marginTop: 0,
+    marginBottom: 0,
+    height: "auto",
+    transformOrigin: "0 55%",
+    transform: "scale(1, 0.60)",
+    borderRadius: `${n}${o}/${Math.round(n / 0.6 * 10) / 10}${o}`,
+    "&:empty:before": {
+      content: '"\\00a0"'
+    }
+  }, t.variant === "circular" && {
+    borderRadius: "50%"
+  }, t.variant === "rounded" && {
+    borderRadius: (e.vars || e).shape.borderRadius
+  }, t.hasChildren && {
+    "& > *": {
+      visibility: "hidden"
+    }
+  }, t.hasChildren && !t.width && {
+    maxWidth: "fit-content"
+  }, t.hasChildren && !t.height && {
+    height: "auto"
+  });
+}, ({
+  ownerState: e
+}) => e.animation === "pulse" && ro(bo || (bo = gt`
+      animation: ${0} 2s ease-in-out 0.5s infinite;
+    `), pa), ({
+  ownerState: e,
+  theme: t
+}) => e.animation === "wave" && ro(yo || (yo = gt`
+      position: relative;
+      overflow: hidden;
+
+      /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
+      -webkit-mask-image: -webkit-radial-gradient(white, black);
+
+      &::after {
+        animation: ${0} 2s linear 0.5s infinite;
+        background: linear-gradient(
+          90deg,
+          transparent,
+          ${0},
+          transparent
+        );
+        content: '';
+        position: absolute;
+        transform: translateX(-100%); /* Avoid flash during server-side hydration */
+        bottom: 0;
+        left: 0;
+        right: 0;
+        top: 0;
+      }
+    `), da, (t.vars || t).palette.action.hover)), Io = /* @__PURE__ */ j.forwardRef(function(t, o) {
+  const n = yt({
+    props: t,
+    name: "MuiSkeleton"
+  }), {
+    animation: a = "pulse",
+    className: i,
+    component: l = "span",
+    height: c,
+    style: s,
+    variant: d = "text",
+    width: p
+  } = n, f = Oe(n, ca), y = T({}, n, {
+    animation: a,
+    component: l,
+    variant: d,
+    hasChildren: !!f.children
+  }), m = la(y);
+  return /* @__PURE__ */ R.jsx(ua, T({
+    as: l,
+    ref: o,
+    className: ye(m.root, i),
+    ownerState: y
+  }, f, {
+    style: T({
+      width: p,
+      height: c
+    }, s)
+  }));
+});
+process.env.NODE_ENV !== "production" && (Io.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The animation.
+   * If `false` the animation effect is disabled.
+   * @default 'pulse'
+   */
+  animation: r.oneOf(["pulse", "wave", !1]),
+  /**
+   * Optional children to infer width and height from.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * Height of the skeleton.
+   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
+   */
+  height: r.oneOfType([r.number, r.string]),
+  /**
+   * @ignore
+   */
+  style: r.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The type of content that will be rendered.
+   * @default 'text'
+   */
+  variant: r.oneOfType([r.oneOf(["circular", "rectangular", "rounded", "text"]), r.string]),
+  /**
+   * Width of the skeleton.
+   * Useful when the skeleton is inside an inline element with no width of its own.
+   */
+  width: r.oneOfType([r.number, r.string])
+});
+function fa(e) {
+  return ze("MuiTooltip", e);
+}
+const fe = qe("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]), ha = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "slotProps", "slots", "title", "TransitionComponent", "TransitionProps"];
+function ma(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const va = (e) => {
+  const {
+    classes: t,
+    disableInteractive: o,
+    arrow: n,
+    touch: a,
+    placement: i
+  } = e, l = {
+    popper: ["popper", !o && "popperInteractive", n && "popperArrow"],
+    tooltip: ["tooltip", n && "tooltipArrow", a && "touch", `tooltipPlacement${le(i.split("-")[0])}`],
+    arrow: ["arrow"]
+  };
+  return Xe(l, fa, t);
+}, ga = M(Ft, {
+  name: "MuiTooltip",
+  slot: "Popper",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.popper, !o.disableInteractive && t.popperInteractive, o.arrow && t.popperArrow, !o.open && t.popperClose];
+  }
+})(({
+  theme: e,
+  ownerState: t,
+  open: o
+}) => T({
+  zIndex: (e.vars || e).zIndex.tooltip,
+  pointerEvents: "none"
+}, !t.disableInteractive && {
+  pointerEvents: "auto"
+}, !o && {
+  pointerEvents: "none"
+}, t.arrow && {
+  [`&[data-popper-placement*="bottom"] .${fe.arrow}`]: {
+    top: 0,
+    marginTop: "-0.71em",
+    "&::before": {
+      transformOrigin: "0 100%"
+    }
+  },
+  [`&[data-popper-placement*="top"] .${fe.arrow}`]: {
+    bottom: 0,
+    marginBottom: "-0.71em",
+    "&::before": {
+      transformOrigin: "100% 0"
+    }
+  },
+  [`&[data-popper-placement*="right"] .${fe.arrow}`]: T({}, t.isRtl ? {
+    right: 0,
+    marginRight: "-0.71em"
+  } : {
+    left: 0,
+    marginLeft: "-0.71em"
+  }, {
+    height: "1em",
+    width: "0.71em",
+    "&::before": {
+      transformOrigin: "100% 100%"
+    }
+  }),
+  [`&[data-popper-placement*="left"] .${fe.arrow}`]: T({}, t.isRtl ? {
+    left: 0,
+    marginLeft: "-0.71em"
+  } : {
+    right: 0,
+    marginRight: "-0.71em"
+  }, {
+    height: "1em",
+    width: "0.71em",
+    "&::before": {
+      transformOrigin: "0 0"
+    }
+  })
+})), ba = M("div", {
+  name: "MuiTooltip",
+  slot: "Tooltip",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.tooltip, o.touch && t.touch, o.arrow && t.tooltipArrow, t[`tooltipPlacement${le(o.placement.split("-")[0])}`]];
+  }
+})(({
+  theme: e,
+  ownerState: t
+}) => T({
+  backgroundColor: e.vars ? e.vars.palette.Tooltip.bg : ft(e.palette.grey[700], 0.92),
+  borderRadius: (e.vars || e).shape.borderRadius,
+  color: (e.vars || e).palette.common.white,
+  fontFamily: e.typography.fontFamily,
+  padding: "4px 8px",
+  fontSize: e.typography.pxToRem(11),
+  maxWidth: 300,
+  margin: 2,
+  wordWrap: "break-word",
+  fontWeight: e.typography.fontWeightMedium
+}, t.arrow && {
+  position: "relative",
+  margin: 0
+}, t.touch && {
+  padding: "8px 16px",
+  fontSize: e.typography.pxToRem(14),
+  lineHeight: `${ma(16 / 14)}em`,
+  fontWeight: e.typography.fontWeightRegular
+}, {
+  [`.${fe.popper}[data-popper-placement*="left"] &`]: T({
+    transformOrigin: "right center"
+  }, t.isRtl ? T({
+    marginLeft: "14px"
+  }, t.touch && {
+    marginLeft: "24px"
+  }) : T({
+    marginRight: "14px"
+  }, t.touch && {
+    marginRight: "24px"
+  })),
+  [`.${fe.popper}[data-popper-placement*="right"] &`]: T({
+    transformOrigin: "left center"
+  }, t.isRtl ? T({
+    marginRight: "14px"
+  }, t.touch && {
+    marginRight: "24px"
+  }) : T({
+    marginLeft: "14px"
+  }, t.touch && {
+    marginLeft: "24px"
+  })),
+  [`.${fe.popper}[data-popper-placement*="top"] &`]: T({
+    transformOrigin: "center bottom",
+    marginBottom: "14px"
+  }, t.touch && {
+    marginBottom: "24px"
+  }),
+  [`.${fe.popper}[data-popper-placement*="bottom"] &`]: T({
+    transformOrigin: "center top",
+    marginTop: "14px"
+  }, t.touch && {
+    marginTop: "24px"
+  })
+})), ya = M("span", {
+  name: "MuiTooltip",
+  slot: "Arrow",
+  overridesResolver: (e, t) => t.arrow
+})(({
+  theme: e
+}) => ({
+  overflow: "hidden",
+  position: "absolute",
+  width: "1em",
+  height: "0.71em",
+  boxSizing: "border-box",
+  color: e.vars ? e.vars.palette.Tooltip.bg : ft(e.palette.grey[700], 0.9),
+  "&::before": {
+    content: '""',
+    margin: "auto",
+    display: "block",
+    width: "100%",
+    height: "100%",
+    backgroundColor: "currentColor",
+    transform: "rotate(45deg)"
+  }
+}));
+let ct = !1;
+const wo = new ur();
+let We = {
+  x: 0,
+  y: 0
+};
+function lt(e, t) {
+  return (o, ...n) => {
+    t && t(o, ...n), e(o, ...n);
+  };
+}
+const St = /* @__PURE__ */ j.forwardRef(function(t, o) {
+  var n, a, i, l, c, s, d, p, f, y, m, P, g, w, O, u, v, h, x;
+  const b = yt({
+    props: t,
+    name: "MuiTooltip"
+  }), {
+    arrow: C = !1,
+    children: L,
+    components: k = {},
+    componentsProps: $ = {},
+    describeChild: S = !1,
+    disableFocusListener: I = !1,
+    disableHoverListener: D = !1,
+    disableInteractive: z = !1,
+    disableTouchListener: W = !1,
+    enterDelay: A = 100,
+    enterNextDelay: N = 0,
+    enterTouchDelay: B = 700,
+    followCursor: _ = !1,
+    id: ie,
+    leaveDelay: Te = 0,
+    leaveTouchDelay: me = 1500,
+    onClose: ve,
+    onOpen: se,
+    open: te,
+    placement: de = "bottom",
+    PopperComponent: ue,
+    PopperProps: U = {},
+    slotProps: oe = {},
+    slots: Ee = {},
+    title: Q,
+    TransitionComponent: Ot = ao,
+    TransitionProps: Ge
+  } = b, Ze = Oe(b, ha), G = /* @__PURE__ */ j.isValidElement(L) ? L : /* @__PURE__ */ R.jsx("span", {
+    children: L
+  }), Ae = sr(), Ke = cr(), [V, Je] = j.useState(), [re, Ce] = j.useState(null), ge = j.useRef(!1), Pe = z || _, Re = nt(), ke = nt(), be = nt(), De = nt(), [et, Vt] = xo({
+    controlled: te,
+    default: !1,
+    name: "Tooltip",
+    state: "open"
+  });
+  let ce = et;
+  if (process.env.NODE_ENV !== "production") {
+    const {
+      current: E
+    } = j.useRef(te !== void 0);
+    j.useEffect(() => {
+      V && V.disabled && !E && Q !== "" && V.tagName.toLowerCase() === "button" && console.error(["MUI: You are providing a disabled `button` child to the Tooltip component.", "A disabled element does not fire events.", "Tooltip needs to listen to the child element's events to display the title.", "", "Add a simple wrapper element, such as a `span`."].join(`
+`));
+    }, [Q, V, E]);
+  }
+  const Tt = lr(ie), Ne = j.useRef(), tt = no(() => {
+    Ne.current !== void 0 && (document.body.style.WebkitUserSelect = Ne.current, Ne.current = void 0), De.clear();
+  });
+  j.useEffect(() => tt, [tt]);
+  const Ht = (E) => {
+    wo.clear(), ct = !0, Vt(!0), se && !ce && se(E);
+  }, ot = no(
+    /**
+     * @param {React.SyntheticEvent | Event} event
+     */
+    (E) => {
+      wo.start(800 + Te, () => {
+        ct = !1;
+      }), Vt(!1), ve && ce && ve(E), Re.start(Ae.transitions.duration.shortest, () => {
+        ge.current = !1;
+      });
+    }
+  ), rt = (E) => {
+    ge.current && E.type !== "touchstart" || (V && V.removeAttribute("title"), ke.clear(), be.clear(), A || ct && N ? ke.start(ct ? N : A, () => {
+      Ht(E);
+    }) : Ht(E));
+  }, Et = (E) => {
+    ke.clear(), be.start(Te, () => {
+      ot(E);
+    });
+  }, {
+    isFocusVisibleRef: qt,
+    onBlur: Uo,
+    onFocus: Fo,
+    ref: Vo
+  } = pr(), [, zt] = j.useState(!1), Xt = (E) => {
+    Uo(E), qt.current === !1 && (zt(!1), Et(E));
+  }, Yt = (E) => {
+    V || Je(E.currentTarget), Fo(E), qt.current === !0 && (zt(!0), rt(E));
+  }, Qt = (E) => {
+    ge.current = !0;
+    const X = G.props;
+    X.onTouchStart && X.onTouchStart(E);
+  }, Ho = (E) => {
+    Qt(E), be.clear(), Re.clear(), tt(), Ne.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", De.start(B, () => {
+      document.body.style.WebkitUserSelect = Ne.current, rt(E);
+    });
+  }, qo = (E) => {
+    G.props.onTouchEnd && G.props.onTouchEnd(E), tt(), be.start(me, () => {
+      ot(E);
+    });
+  };
+  j.useEffect(() => {
+    if (!ce)
+      return;
+    function E(X) {
+      (X.key === "Escape" || X.key === "Esc") && ot(X);
+    }
+    return document.addEventListener("keydown", E), () => {
+      document.removeEventListener("keydown", E);
+    };
+  }, [ot, ce]);
+  const zo = kt(G.ref, Vo, Je, o);
+  !Q && Q !== 0 && (ce = !1);
+  const Ct = j.useRef(), Xo = (E) => {
+    const X = G.props;
+    X.onMouseMove && X.onMouseMove(E), We = {
+      x: E.clientX,
+      y: E.clientY
+    }, Ct.current && Ct.current.update();
+  }, _e = {}, Pt = typeof Q == "string";
+  S ? (_e.title = !ce && Pt && !D ? Q : null, _e["aria-describedby"] = ce ? Tt : null) : (_e["aria-label"] = Pt ? Q : null, _e["aria-labelledby"] = ce && !Pt ? Tt : null);
+  const Z = T({}, _e, Ze, G.props, {
+    className: ye(Ze.className, G.props.className),
+    onTouchStart: Qt,
+    ref: zo
+  }, _ ? {
+    onMouseMove: Xo
+  } : {});
+  process.env.NODE_ENV !== "production" && (Z["data-mui-internal-clone-element"] = !0, j.useEffect(() => {
+    V && !V.getAttribute("data-mui-internal-clone-element") && console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.", "Please make sure that props are spread on the same element that the ref is applied to."].join(`
+`));
+  }, [V]));
+  const Me = {};
+  W || (Z.onTouchStart = Ho, Z.onTouchEnd = qo), D || (Z.onMouseOver = lt(rt, Z.onMouseOver), Z.onMouseLeave = lt(Et, Z.onMouseLeave), Pe || (Me.onMouseOver = rt, Me.onMouseLeave = Et)), I || (Z.onFocus = lt(Yt, Z.onFocus), Z.onBlur = lt(Xt, Z.onBlur), Pe || (Me.onFocus = Yt, Me.onBlur = Xt)), process.env.NODE_ENV !== "production" && G.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${G.props.title}\` or the Tooltip component.`].join(`
+`));
+  const Yo = j.useMemo(() => {
+    var E;
+    let X = [{
+      name: "arrow",
+      enabled: !!re,
+      options: {
+        element: re,
+        padding: 4
+      }
+    }];
+    return (E = U.popperOptions) != null && E.modifiers && (X = X.concat(U.popperOptions.modifiers)), T({}, U.popperOptions, {
+      modifiers: X
+    });
+  }, [re, U]), Be = T({}, b, {
+    isRtl: Ke,
+    arrow: C,
+    disableInteractive: Pe,
+    placement: de,
+    PopperComponentProp: ue,
+    touch: ge.current
+  }), Rt = va(Be), Gt = (n = (a = Ee.popper) != null ? a : k.Popper) != null ? n : ga, Zt = (i = (l = (c = Ee.transition) != null ? c : k.Transition) != null ? l : Ot) != null ? i : ao, Kt = (s = (d = Ee.tooltip) != null ? d : k.Tooltip) != null ? s : ba, Jt = (p = (f = Ee.arrow) != null ? f : k.Arrow) != null ? p : ya, Qo = at(Gt, T({}, U, (y = oe.popper) != null ? y : $.popper, {
+    className: ye(Rt.popper, U == null ? void 0 : U.className, (m = (P = oe.popper) != null ? P : $.popper) == null ? void 0 : m.className)
+  }), Be), Go = at(Zt, T({}, Ge, (g = oe.transition) != null ? g : $.transition), Be), Zo = at(Kt, T({}, (w = oe.tooltip) != null ? w : $.tooltip, {
+    className: ye(Rt.tooltip, (O = (u = oe.tooltip) != null ? u : $.tooltip) == null ? void 0 : O.className)
+  }), Be), Ko = at(Jt, T({}, (v = oe.arrow) != null ? v : $.arrow, {
+    className: ye(Rt.arrow, (h = (x = oe.arrow) != null ? x : $.arrow) == null ? void 0 : h.className)
+  }), Be);
+  return /* @__PURE__ */ R.jsxs(j.Fragment, {
+    children: [/* @__PURE__ */ j.cloneElement(G, Z), /* @__PURE__ */ R.jsx(Gt, T({
+      as: ue ?? Ft,
+      placement: de,
+      anchorEl: _ ? {
+        getBoundingClientRect: () => ({
+          top: We.y,
+          left: We.x,
+          right: We.x,
+          bottom: We.y,
+          width: 0,
+          height: 0
+        })
+      } : V,
+      popperRef: Ct,
+      open: V ? ce : !1,
+      id: Tt,
+      transition: !0
+    }, Me, Qo, {
+      popperOptions: Yo,
+      children: ({
+        TransitionProps: E
+      }) => /* @__PURE__ */ R.jsx(Zt, T({
+        timeout: Ae.transitions.duration.shorter
+      }, E, Go, {
+        children: /* @__PURE__ */ R.jsxs(Kt, T({}, Zo, {
+          children: [Q, C ? /* @__PURE__ */ R.jsx(Jt, T({}, Ko, {
+            ref: Ce
+          })) : null]
+        }))
+      }))
+    }))]
+  });
+});
+process.env.NODE_ENV !== "production" && (St.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, adds an arrow to the tooltip.
+   * @default false
+   */
+  arrow: r.bool,
+  /**
+   * Tooltip reference element.
+   */
+  children: dr.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components: r.shape({
+    Arrow: r.elementType,
+    Popper: r.elementType,
+    Tooltip: r.elementType,
+    Transition: r.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps: r.shape({
+    arrow: r.object,
+    popper: r.object,
+    tooltip: r.object,
+    transition: r.object
+  }),
+  /**
+   * Set to `true` if the `title` acts as an accessible description.
+   * By default the `title` acts as an accessible label for the child.
+   * @default false
+   */
+  describeChild: r.bool,
+  /**
+   * Do not respond to focus-visible events.
+   * @default false
+   */
+  disableFocusListener: r.bool,
+  /**
+   * Do not respond to hover events.
+   * @default false
+   */
+  disableHoverListener: r.bool,
+  /**
+   * Makes a tooltip not interactive, i.e. it will close when the user
+   * hovers over the tooltip before the `leaveDelay` is expired.
+   * @default false
+   */
+  disableInteractive: r.bool,
+  /**
+   * Do not respond to long press touch events.
+   * @default false
+   */
+  disableTouchListener: r.bool,
+  /**
+   * The number of milliseconds to wait before showing the tooltip.
+   * This prop won't impact the enter touch delay (`enterTouchDelay`).
+   * @default 100
+   */
+  enterDelay: r.number,
+  /**
+   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
+   * @default 0
+   */
+  enterNextDelay: r.number,
+  /**
+   * The number of milliseconds a user must touch the element before showing the tooltip.
+   * @default 700
+   */
+  enterTouchDelay: r.number,
+  /**
+   * If `true`, the tooltip follow the cursor over the wrapped element.
+   * @default false
+   */
+  followCursor: r.bool,
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: r.string,
+  /**
+   * The number of milliseconds to wait before hiding the tooltip.
+   * This prop won't impact the leave touch delay (`leaveTouchDelay`).
+   * @default 0
+   */
+  leaveDelay: r.number,
+  /**
+   * The number of milliseconds after the user stops touching an element before hiding the tooltip.
+   * @default 1500
+   */
+  leaveTouchDelay: r.number,
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onClose: r.func,
+  /**
+   * Callback fired when the component requests to be open.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onOpen: r.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: r.bool,
+  /**
+   * Tooltip placement.
+   * @default 'bottom'
+   */
+  placement: r.oneOf(["bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+  /**
+   * The component used for the popper.
+   * @default Popper
+   */
+  PopperComponent: r.elementType,
+  /**
+   * Props applied to the [`Popper`](/material-ui/api/popper/) element.
+   * @default {}
+   */
+  PopperProps: r.object,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: r.shape({
+    arrow: r.object,
+    popper: r.object,
+    tooltip: r.object,
+    transition: r.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: r.shape({
+    arrow: r.elementType,
+    popper: r.elementType,
+    tooltip: r.elementType,
+    transition: r.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
+   */
+  title: r.node,
+  /**
+   * The component used for the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Grow
+   */
+  TransitionComponent: r.elementType,
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: r.object
+});
+function wa(e) {
+  return ze("MuiSwitch", e);
+}
+const F = qe("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), xa = ["className", "color", "edge", "size", "sx"], Oa = (e) => {
+  const {
+    classes: t,
+    edge: o,
+    size: n,
+    color: a,
+    checked: i,
+    disabled: l
+  } = e, c = {
+    root: ["root", o && `edge${le(o)}`, `size${le(n)}`],
+    switchBase: ["switchBase", `color${le(a)}`, i && "checked", l && "disabled"],
+    thumb: ["thumb"],
+    track: ["track"],
+    input: ["input"]
+  }, s = Xe(c, wa, t);
+  return T({}, t, s);
+}, Ta = M("span", {
+  name: "MuiSwitch",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.root, o.edge && t[`edge${le(o.edge)}`], t[`size${le(o.size)}`]];
+  }
+})({
+  display: "inline-flex",
+  width: 34 + 12 * 2,
+  height: 14 + 12 * 2,
+  overflow: "hidden",
+  padding: 12,
+  boxSizing: "border-box",
+  position: "relative",
+  flexShrink: 0,
+  zIndex: 0,
+  // Reset the stacking context.
+  verticalAlign: "middle",
+  // For correct alignment with the text.
+  "@media print": {
+    colorAdjust: "exact"
+  },
+  variants: [{
+    props: {
+      edge: "start"
+    },
+    style: {
+      marginLeft: -8
+    }
+  }, {
+    props: {
+      edge: "end"
+    },
+    style: {
+      marginRight: -8
+    }
+  }, {
+    props: {
+      size: "small"
+    },
+    style: {
+      width: 40,
+      height: 24,
+      padding: 7,
+      [`& .${F.thumb}`]: {
+        width: 16,
+        height: 16
+      },
+      [`& .${F.switchBase}`]: {
+        padding: 4,
+        [`&.${F.checked}`]: {
+          transform: "translateX(16px)"
+        }
+      }
+    }
+  }]
+}), Ea = M(Bo, {
+  name: "MuiSwitch",
+  slot: "SwitchBase",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.switchBase, {
+      [`& .${F.input}`]: t.input
+    }, o.color !== "default" && t[`color${le(o.color)}`]];
+  }
+})(({
+  theme: e
+}) => ({
+  position: "absolute",
+  top: 0,
+  left: 0,
+  zIndex: 1,
+  // Render above the focus ripple.
+  color: e.vars ? e.vars.palette.Switch.defaultColor : `${e.palette.mode === "light" ? e.palette.common.white : e.palette.grey[300]}`,
+  transition: e.transitions.create(["left", "transform"], {
+    duration: e.transitions.duration.shortest
+  }),
+  [`&.${F.checked}`]: {
+    transform: "translateX(20px)"
+  },
+  [`&.${F.disabled}`]: {
+    color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}`
+  },
+  [`&.${F.checked} + .${F.track}`]: {
+    opacity: 0.5
+  },
+  [`&.${F.disabled} + .${F.track}`]: {
+    opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? 0.12 : 0.2}`
+  },
+  [`& .${F.input}`]: {
+    left: "-100%",
+    width: "300%"
+  }
+}), ({
+  theme: e
+}) => ({
+  "&:hover": {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : ft(e.palette.action.active, e.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  variants: [...Object.entries(e.palette).filter(([, t]) => t.main && t.light).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      [`&.${F.checked}`]: {
+        color: (e.vars || e).palette[t].main,
+        "&:hover": {
+          backgroundColor: e.vars ? `rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : ft(e.palette[t].main, e.palette.action.hoverOpacity),
+          "@media (hover: none)": {
+            backgroundColor: "transparent"
+          }
+        },
+        [`&.${F.disabled}`]: {
+          color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? fr(e.palette[t].main, 0.62) : hr(e.palette[t].main, 0.55)}`
+        }
+      },
+      [`&.${F.checked} + .${F.track}`]: {
+        backgroundColor: (e.vars || e).palette[t].main
+      }
+    }
+  }))]
+})), Ca = M("span", {
+  name: "MuiSwitch",
+  slot: "Track",
+  overridesResolver: (e, t) => t.track
+})(({
+  theme: e
+}) => ({
+  height: "100%",
+  width: "100%",
+  borderRadius: 14 / 2,
+  zIndex: -1,
+  transition: e.transitions.create(["opacity", "background-color"], {
+    duration: e.transitions.duration.shortest
+  }),
+  backgroundColor: e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`,
+  opacity: e.vars ? e.vars.opacity.switchTrack : `${e.palette.mode === "light" ? 0.38 : 0.3}`
+})), Pa = M("span", {
+  name: "MuiSwitch",
+  slot: "Thumb",
+  overridesResolver: (e, t) => t.thumb
+})(({
+  theme: e
+}) => ({
+  boxShadow: (e.vars || e).shadows[1],
+  backgroundColor: "currentColor",
+  width: 20,
+  height: 20,
+  borderRadius: "50%"
+})), Wo = /* @__PURE__ */ j.forwardRef(function(t, o) {
+  const n = yt({
+    props: t,
+    name: "MuiSwitch"
+  }), {
+    className: a,
+    color: i = "primary",
+    edge: l = !1,
+    size: c = "medium",
+    sx: s
+  } = n, d = Oe(n, xa), p = T({}, n, {
+    color: i,
+    edge: l,
+    size: c
+  }), f = Oa(p), y = /* @__PURE__ */ R.jsx(Pa, {
+    className: f.thumb,
+    ownerState: p
+  });
+  return /* @__PURE__ */ R.jsxs(Ta, {
+    className: ye(f.root, a),
+    sx: s,
+    ownerState: p,
+    children: [/* @__PURE__ */ R.jsx(Ea, T({
+      type: "checkbox",
+      icon: y,
+      checkedIcon: y,
+      ref: o,
+      ownerState: p
+    }, d, {
+      classes: T({}, f, {
+        root: f.switchBase
+      })
+    })), /* @__PURE__ */ R.jsx(Ca, {
+      className: f.track,
+      ownerState: p
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (Wo.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: r.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: r.oneOfType([r.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * The default checked state. Use when the component is not controlled.
+   */
+  defaultChecked: r.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: r.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: r.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: r.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: r.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: r.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: r.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: bt,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: r.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: r.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense switch styling.
+   * @default 'medium'
+   */
+  size: r.oneOfType([r.oneOf(["medium", "small"]), r.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The value of the component. The DOM API casts this to a string.
+   * The browser uses "on" as the default value.
+   */
+  value: r.any
+});
+const Qa = (e) => e.connectorLirary.connectorTemplateList, Ra = (e) => e.connectorLirary.connectorTemplates, Ga = (e) => e.connectorLirary.selectedConnectorData, Za = (e) => e.connectorLirary.templateListApiStatus, ka = (e) => e.connectorLirary.connectorList, La = (e) => e.connectorLirary.connectors, Ka = (e) => e.connectorLirary.selectedConnector, Ja = (e) => e.connectorLirary.templateDetailsApiStatus, $a = (e) => e.connectorLirary.currentUpdatingConnectors, ei = "Enhance with Custom Connectors", ti = "Let us know your use case, and we'll design and deliver a custom connector tailored to your needs within 2-3 working days.", oi = "Request new connector", ri = "Create your own (coming soon)", ni = "Request new API", ai = "Request a new connector", ja = "Tell us your use case and we will create a connector for you in 2-3 working days.", ii = `Request new connectors to get better customer context and key actions right into your inbox. ${ja}`, si = "Select an API", ci = "Select a connector", li = "Feel free to add specific details (Optional)", pi = "Submit Request", di = "Request submitted", ui = "Your request has been submitted successfully. We will get back to you within 2-3 working days", fi = "Done", Sa = "+Request new API", Aa = "Add connector", Da = "Edit connector", Na = "Enable", _a = "Disable", Ma = mr.withTypes(), pt = vr.withTypes(), hi = M(Io)`
+  display: block;
+  margin: ${(e) => e.margin ? e.margin : 0};
+`, Ba = M(At)`
+  height: 60px;
+  margin-bottom: 32px;
+  max-width: 892px;
+  box-sizing: border-box;
+
+  &.connector-grid,
+  .connector-grid {
+    display: grid;
+    padding: 0 16px;
+    width: 864px;
+  }
+  .connector-flex {
+    cursor: pointer;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding: 16px;
+    border: 1px solid ${Lt.palette.gray.gray5};
+    border-radius: 4px;
+    height: 60px;
+    &:hover {
+      background: ${Lt.palette.gray.gray6};
+    }
+    &.connector-settings {
+      height: auto;
+      cursor: auto;
+      padding-top: 0;
+      padding-bottom: 0;
+      border: none;
+      &:hover {
+        background: white;
+      }
+    }
+  }
+  img {
+    max-height: 28px;
+    max-width: 28px;
+    &.logoIcon {
+      margin-right: 9px;
+    }
+  }
+  .settingsIcon {
+    cursor: pointer;
+    padding: 5px;
+  }
+`, Ia = M(Eo)`
+  height: 100%;
+  display: flex;
+  align-items: center;
+`, Wa = M(ht)`
+  align-items: center;
+  flex-direction: row;
+`, Ua = M(Wo)`
+  margin-left: 10px;
+`, Fa = M(ht)`
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: 58px;
+  height: 38px;
+  position: relative;
+  margin-left: 10px;
+`, Va = M(At)`
+  margin-left: 30px;
+  width: 50px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  padding: 0;
+  height: 20px;
+  width: 20px;
+  border: 4px solid #d1d7e3;
+  border-right-color: #5d9bfb;
+  animation: rotate 1s infinite linear;
+  position: absolute;
+  left: -10px;
+
+  @keyframes rotate {
+    0%,
+    15% {
+      transform: rotate(0deg);
+    }
+    50% {
+      transform: rotate(290deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`, Ha = M(To)`
+  white-space: pre;
+  width: 133px;
+  height: 32px;
+`, qa = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_825_68286)'%3e%3cpath%20d='M16.192%2010.8165C16.2254%2010.5498%2016.2504%2010.2832%2016.2504%209.99984C16.2504%209.7165%2016.2254%209.44984%2016.192%209.18317L17.9504%207.80817C18.1087%207.68317%2018.1504%207.45817%2018.0504%207.27484L16.3837%204.3915C16.3087%204.25817%2016.167%204.18317%2016.017%204.18317C15.967%204.18317%2015.917%204.1915%2015.8754%204.20817L13.8004%205.0415C13.367%204.70817%2012.9004%204.43317%2012.392%204.22484L12.0754%202.0165C12.0504%201.8165%2011.8754%201.6665%2011.667%201.6665H8.33369C8.12535%201.6665%207.95035%201.8165%207.92535%202.0165L7.60869%204.22484C7.10035%204.43317%206.63369%204.7165%206.20035%205.0415L4.12535%204.20817C4.07535%204.1915%204.02535%204.18317%203.97535%204.18317C3.83369%204.18317%203.69202%204.25817%203.61702%204.3915L1.95035%207.27484C1.84202%207.45817%201.89202%207.68317%202.05035%207.80817L3.80869%209.18317C3.77535%209.44984%203.75035%209.72484%203.75035%209.99984C3.75035%2010.2748%203.77535%2010.5498%203.80869%2010.8165L2.05035%2012.1915C1.89202%2012.3165%201.85035%2012.5415%201.95035%2012.7248L3.61702%2015.6082C3.69202%2015.7415%203.83369%2015.8165%203.98369%2015.8165C4.03369%2015.8165%204.08369%2015.8082%204.12535%2015.7915L6.20035%2014.9582C6.63369%2015.2915%207.10035%2015.5665%207.60869%2015.7748L7.92535%2017.9832C7.95035%2018.1832%208.12535%2018.3332%208.33369%2018.3332H11.667C11.8754%2018.3332%2012.0504%2018.1832%2012.0754%2017.9832L12.392%2015.7748C12.9004%2015.5665%2013.367%2015.2832%2013.8004%2014.9582L15.8754%2015.7915C15.9254%2015.8082%2015.9754%2015.8165%2016.0254%2015.8165C16.167%2015.8165%2016.3087%2015.7415%2016.3837%2015.6082L18.0504%2012.7248C18.1504%2012.5415%2018.1087%2012.3165%2017.9504%2012.1915L16.192%2010.8165ZM14.542%209.3915C14.5754%209.64984%2014.5837%209.82484%2014.5837%209.99984C14.5837%2010.1748%2014.567%2010.3582%2014.542%2010.6082L14.4254%2011.5498L15.167%2012.1332L16.067%2012.8332L15.4837%2013.8415L14.4254%2013.4165L13.5587%2013.0665L12.8087%2013.6332C12.4504%2013.8998%2012.1087%2014.0998%2011.767%2014.2415L10.8837%2014.5998L10.7504%2015.5415L10.5837%2016.6665H9.41702L9.25869%2015.5415L9.12535%2014.5998L8.24202%2014.2415C7.88369%2014.0915%207.55035%2013.8998%207.21702%2013.6498L6.45869%2013.0665L5.57535%2013.4248L4.51702%2013.8498L3.93369%2012.8415L4.83369%2012.1415L5.57535%2011.5582L5.45869%2010.6165C5.43369%2010.3582%205.41702%2010.1665%205.41702%209.99984C5.41702%209.83317%205.43369%209.6415%205.45869%209.3915L5.57535%208.44984L4.83369%207.8665L3.93369%207.1665L4.51702%206.15817L5.57535%206.58317L6.44202%206.93317L7.19202%206.3665C7.55035%206.09984%207.89202%205.89984%208.23369%205.75817L9.11702%205.39984L9.25035%204.45817L9.41702%203.33317H10.5754L10.7337%204.45817L10.867%205.39984L11.7504%205.75817C12.1087%205.90817%2012.442%206.09984%2012.7754%206.34984L13.5337%206.93317L14.417%206.57484L15.4754%206.14984L16.0587%207.15817L15.167%207.8665L14.4254%208.44984L14.542%209.3915ZM10.0004%206.6665C8.15869%206.6665%206.66702%208.15817%206.66702%209.99984C6.66702%2011.8415%208.15869%2013.3332%2010.0004%2013.3332C11.842%2013.3332%2013.3337%2011.8415%2013.3337%209.99984C13.3337%208.15817%2011.842%206.6665%2010.0004%206.6665ZM10.0004%2011.6665C9.08369%2011.6665%208.33369%2010.9165%208.33369%209.99984C8.33369%209.08317%209.08369%208.33317%2010.0004%208.33317C10.917%208.33317%2011.667%209.08317%2011.667%209.99984C11.667%2010.9165%2010.917%2011.6665%2010.0004%2011.6665Z'%20fill='%236F7C90'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_825_68286'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", mi = ({
+  setModal: e,
+  isConfigSettingsPage: t = !1,
+  currentConnector: o
+}) => {
+  const n = gr(), { pathname: a } = br(), i = a === it.BASEPATH + it.CARD_SETTINGS, l = Ma(), c = pt(ka), s = pt(La), d = pt(Ra), p = pt($a), f = Pr();
+  if (t && o && (f.current = i && (d != null && d[o]) ? d == null ? void 0 : d[o] : s == null ? void 0 : s[o]), Rr(() => {
+    s || l(yr());
+  }, [l, s]), t && !f.current) return null;
+  const y = (u, v) => {
+    u == null || u.stopPropagation(), l(Or({ id: v, enabled: u.target.checked }));
+  }, m = (u) => {
+    u == null || u.stopPropagation(), e == null || e(!0);
+  }, P = (u) => {
+    u == null || u.stopPropagation();
+  }, g = (u) => {
+    u == null || u.stopPropagation();
+  }, w = (u, v = "") => {
+    if (u == null || u.preventDefault(), u == null || u.stopPropagation(), t) return;
+    const { updateCurrentSelectedConnector: h } = Er;
+    l(h({ currentDashboard: v })), l(Tr(v)), n(it.BASEPATH + it.CONNECTOR_CONFIG);
+  }, O = (u) => {
+    const { id: v, isEnabled: h, name: x, logo: b, description: C } = u || {};
+    return /* @__PURE__ */ R.jsxs(Ba, { "data-testid": v, className: "connector-grid", onClick: (L) => w(L, v), children: [
+      /* @__PURE__ */ R.jsxs(ht, { className: `connector-flex ${t ? "connector-settings" : ""}`, width: "100%", children: [
+        /* @__PURE__ */ R.jsxs(ht, { flexDirection: "row", alignItems: "center", children: [
+          t ? /* @__PURE__ */ R.jsx("img", { src: b, className: "logoIcon", width: "28xp", height: "28px" }) : null,
+          /* @__PURE__ */ R.jsx(Ia, { variant: "body1_medium", children: x })
+        ] }),
+        t && typeof h != "boolean" ? /* @__PURE__ */ R.jsx(Ha, { variant: "contained", onClick: P, children: Aa }) : /* @__PURE__ */ R.jsxs(Wa, { children: [
+          t ? null : /* @__PURE__ */ R.jsx(To, { variant: "text", onClick: m, children: Sa }),
+          /* @__PURE__ */ R.jsx(St, { title: Da, placement: "bottom", children: /* @__PURE__ */ R.jsx(wr, { children: /* @__PURE__ */ R.jsx("img", { src: qa, className: "settingsIcon", onClick: g }) }) }),
+          (p == null ? void 0 : p[v]) !== xr.LOADING ? /* @__PURE__ */ R.jsx(St, { title: h ? _a : Na, placement: "bottom", children: /* @__PURE__ */ R.jsx(
+            Ua,
+            {
+              id: `switch_${v}`,
+              checked: h,
+              onClick: (L) => L == null ? void 0 : L.stopPropagation(),
+              onChange: (L) => y(L, v)
+            }
+          ) }) : /* @__PURE__ */ R.jsx(
+            Fa,
+            {
+              width: "58px",
+              height: "38px",
+              alignItems: "center",
+              flexDirection: "row",
+              justifyContent: "center",
+              children: /* @__PURE__ */ R.jsx(Va, { "data-testid": "loading" })
+            }
+          )
+        ] })
+      ] }),
+      t ? /* @__PURE__ */ R.jsx(Eo, { variant: "body1", color: Lt.palette.gray.gray3, className: "connector-grid", children: C }) : null
+    ] });
+  };
+  return /* @__PURE__ */ R.jsx(At, { "data-testid": "connector-custom-card", children: f.current ? /* @__PURE__ */ R.jsx(R.Fragment, { children: O(f.current) }) : c.map((u) => {
+    if (!(s != null && s[u])) return null;
+    const { id: v } = s[u];
+    return v ? /* @__PURE__ */ R.jsx("div", { children: O(s[u]) }, v) : null;
+  }) });
+};
+export {
+  hi as C,
+  ei as E,
+  Ft as P,
+  oi as R,
+  Bo as S,
+  St as T,
+  pt as a,
+  Ra as b,
+  Za as c,
+  ti as d,
+  ri as e,
+  ni as f,
+  ai as g,
+  ja as h,
+  ii as i,
+  si as j,
+  ci as k,
+  li as l,
+  pi as m,
+  di as n,
+  ui as o,
+  fi as p,
+  ka as q,
+  mi as r,
+  Qa as s,
+  La as t,
+  Ma as u,
+  Ga as v,
+  Ja as w,
+  Ka as x
+};