@loopr-ai/craft 0.5.0 → 0.5.2

package/dist/ZoomControllers-7fb8d495.js

@@ -0,0 +1,3442 @@
+import At, { jsx as _, jsxs as wt, Fragment as Hr } from "react/jsx-runtime";
+import { o as Do, P as Fr, H as Pt, u as Zr, j as Ur, k as qr, G as No, n as dt, e as Kr, l as Rt, m as xt } from "./createSvgIcon-70f9f72b.js";
+import * as R from "react";
+import xe, { useRef as Tt, useImperativeHandle as Qr, useEffect as It, useContext as eo } from "react";
+import { s as Gr, _ as Ne, a as C, g as Dt, c as Pe, e as Ie, P as u, f as Jr, C as Ir } from "./createTheme-a4db2989.js";
+import { i as ei, u as ti, c as Ae, g as Nt, s as Me, a as Mt, b as _t } from "./styled-126c6a62.js";
+import { u as oi } from "./useTheme-573c40a2.js";
+import { c as Jo } from "./chainPropTypes-004bf492.js";
+import { r as Io, u as qt, c as Mo, b as ri, a as ii } from "./TransitionGroupContext-fe9a562f.js";
+import { c as ni, T as ai } from "./useThemeWithoutDefault-188598a8.js";
+import { B as si } from "./ButtonBase-85c9347b.js";
+import { e as li } from "./extendSxProp-db8b9da5.js";
+const ui = ["className", "component"];
+function pi(e = {}) {
+  const {
+    themeId: o,
+    defaultTheme: t,
+    defaultClassName: r = "MuiBox-root",
+    generateClassName: i
+  } = e, n = ei("div", {
+    shouldForwardProp: (s) => s !== "theme" && s !== "sx" && s !== "as"
+  })(Gr);
+  return /* @__PURE__ */ R.forwardRef(function(l, d) {
+    const p = ti(t), f = li(l), {
+      className: c,
+      component: v = "div"
+    } = f, h = Ne(f, ui);
+    return /* @__PURE__ */ _(n, C({
+      as: v,
+      ref: d,
+      className: Ae(c, i ? i(r) : r),
+      theme: o && p[o] || p
+    }, h));
+  });
+}
+function di(e) {
+  return Dt("MuiIconButton", e);
+}
+const fi = Nt("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), ci = fi, vi = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], mi = (e) => {
+  const {
+    classes: o,
+    disabled: t,
+    color: r,
+    edge: i,
+    size: n
+  } = e, a = {
+    root: ["root", t && "disabled", r !== "default" && `color${Pe(r)}`, i && `edge${Pe(i)}`, `size${Pe(n)}`]
+  };
+  return _t(a, di, o);
+}, hi = Me(si, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: t
+    } = e;
+    return [o.root, t.color !== "default" && o[`color${Pe(t.color)}`], t.edge && o[`edge${Pe(t.edge)}`], o[`size${Pe(t.size)}`]];
+  }
+})(({
+  theme: e,
+  ownerState: o
+}) => C({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: e.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  overflow: "visible",
+  // Explicitly set the default value to solve a bug on IE11.
+  color: (e.vars || e).palette.action.active,
+  transition: e.transitions.create("background-color", {
+    duration: e.transitions.duration.shortest
+  })
+}, !o.disableRipple && {
+  "&:hover": {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : Ie(e.palette.action.active, e.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, o.edge === "start" && {
+  marginLeft: o.size === "small" ? -3 : -12
+}, o.edge === "end" && {
+  marginRight: o.size === "small" ? -3 : -12
+}), ({
+  theme: e,
+  ownerState: o
+}) => {
+  var t;
+  const r = (t = (e.vars || e).palette) == null ? void 0 : t[o.color];
+  return C({}, o.color === "inherit" && {
+    color: "inherit"
+  }, o.color !== "inherit" && o.color !== "default" && C({
+    color: r == null ? void 0 : r.main
+  }, !o.disableRipple && {
+    "&:hover": C({}, r && {
+      backgroundColor: e.vars ? `rgba(${r.mainChannel} / ${e.vars.palette.action.hoverOpacity})` : Ie(r.main, e.palette.action.hoverOpacity)
+    }, {
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    })
+  }), o.size === "small" && {
+    padding: 5,
+    fontSize: e.typography.pxToRem(18)
+  }, o.size === "large" && {
+    padding: 12,
+    fontSize: e.typography.pxToRem(28)
+  }, {
+    [`&.${ci.disabled}`]: {
+      backgroundColor: "transparent",
+      color: (e.vars || e).palette.action.disabled
+    }
+  });
+}), er = /* @__PURE__ */ R.forwardRef(function(o, t) {
+  const r = Mt({
+    props: o,
+    name: "MuiIconButton"
+  }), {
+    edge: i = !1,
+    children: n,
+    className: a,
+    color: s = "default",
+    disabled: l = !1,
+    disableFocusRipple: d = !1,
+    size: p = "medium"
+  } = r, f = Ne(r, vi), c = C({}, r, {
+    edge: i,
+    color: s,
+    disabled: l,
+    disableFocusRipple: d,
+    size: p
+  }), v = mi(c);
+  return /* @__PURE__ */ _(hi, C({
+    className: Ae(v.root, a),
+    centerRipple: !0,
+    focusRipple: !d,
+    disabled: l,
+    ref: t,
+    ownerState: c
+  }, f, {
+    children: n
+  }));
+});
+process.env.NODE_ENV !== "production" && (er.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The icon to display.
+   */
+  children: Jo(u.node, (e) => R.Children.toArray(e.children).some((t) => /* @__PURE__ */ R.isValidElement(t) && t.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+`)) : null),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: u.object,
+  /**
+   * @ignore
+   */
+  className: u.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/#adding-new-colors).
+   * @default 'default'
+   */
+  color: u.oneOfType([u.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), u.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: u.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: u.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: u.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: u.oneOf(["end", "start", !1]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: u.oneOfType([u.oneOf(["small", "medium", "large"]), u.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: u.oneOfType([u.arrayOf(u.oneOfType([u.func, u.object, u.bool])), u.func, u.object])
+});
+const ft = er, gi = {
+  disableDefaultClasses: !1
+}, bi = /* @__PURE__ */ R.createContext(gi);
+function yi(e) {
+  const {
+    disableDefaultClasses: o
+  } = R.useContext(bi);
+  return (t) => o ? "" : e(t);
+}
+var H = "top", re = "bottom", ie = "right", F = "left", to = "auto", ot = [H, re, ie, F], $e = "start", et = "end", wi = "clippingParents", tr = "viewport", qe = "popper", Pi = "reference", _o = /* @__PURE__ */ ot.reduce(function(e, o) {
+  return e.concat([o + "-" + $e, o + "-" + et]);
+}, []), or = /* @__PURE__ */ [].concat(ot, [to]).reduce(function(e, o) {
+  return e.concat([o, o + "-" + $e, o + "-" + et]);
+}, []), Ti = "beforeRead", Ci = "read", Si = "afterRead", Oi = "beforeMain", Ei = "main", Ai = "afterMain", Ri = "beforeWrite", xi = "write", Di = "afterWrite", Ni = [Ti, Ci, Si, Oi, Ei, Ai, Ri, xi, Di];
+function ce(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function J(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var o = e.ownerDocument;
+    return o && o.defaultView || window;
+  }
+  return e;
+}
+function De(e) {
+  var o = J(e).Element;
+  return e instanceof o || e instanceof Element;
+}
+function oe(e) {
+  var o = J(e).HTMLElement;
+  return e instanceof o || e instanceof HTMLElement;
+}
+function oo(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var o = J(e).ShadowRoot;
+  return e instanceof o || e instanceof ShadowRoot;
+}
+function Mi(e) {
+  var o = e.state;
+  Object.keys(o.elements).forEach(function(t) {
+    var r = o.styles[t] || {}, i = o.attributes[t] || {}, n = o.elements[t];
+    !oe(n) || !ce(n) || (Object.assign(n.style, r), Object.keys(i).forEach(function(a) {
+      var s = i[a];
+      s === !1 ? n.removeAttribute(a) : n.setAttribute(a, s === !0 ? "" : s);
+    }));
+  });
+}
+function _i(e) {
+  var o = e.state, t = {
+    popper: {
+      position: o.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(o.elements.popper.style, t.popper), o.styles = t, o.elements.arrow && Object.assign(o.elements.arrow.style, t.arrow), function() {
+    Object.keys(o.elements).forEach(function(r) {
+      var i = o.elements[r], n = o.attributes[r] || {}, a = Object.keys(o.styles.hasOwnProperty(r) ? o.styles[r] : t[r]), s = a.reduce(function(l, d) {
+        return l[d] = "", l;
+      }, {});
+      !oe(i) || !ce(i) || (Object.assign(i.style, s), Object.keys(n).forEach(function(l) {
+        i.removeAttribute(l);
+      }));
+    });
+  };
+}
+const Yi = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: Mi,
+  effect: _i,
+  requires: ["computeStyles"]
+};
+function fe(e) {
+  return e.split("-")[0];
+}
+var Re = Math.max, Ct = Math.min, We = Math.round;
+function Kt() {
+  var e = navigator.userAgentData;
+  return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(o) {
+    return o.brand + "/" + o.version;
+  }).join(" ") : navigator.userAgent;
+}
+function rr() {
+  return !/^((?!chrome|android).)*safari/i.test(Kt());
+}
+function Xe(e, o, t) {
+  o === void 0 && (o = !1), t === void 0 && (t = !1);
+  var r = e.getBoundingClientRect(), i = 1, n = 1;
+  o && oe(e) && (i = e.offsetWidth > 0 && We(r.width) / e.offsetWidth || 1, n = e.offsetHeight > 0 && We(r.height) / e.offsetHeight || 1);
+  var a = De(e) ? J(e) : window, s = a.visualViewport, l = !rr() && t, d = (r.left + (l && s ? s.offsetLeft : 0)) / i, p = (r.top + (l && s ? s.offsetTop : 0)) / n, f = r.width / i, c = r.height / n;
+  return {
+    width: f,
+    height: c,
+    top: p,
+    right: d + f,
+    bottom: p + c,
+    left: d,
+    x: d,
+    y: p
+  };
+}
+function ro(e) {
+  var o = Xe(e), t = e.offsetWidth, r = e.offsetHeight;
+  return Math.abs(o.width - t) <= 1 && (t = o.width), Math.abs(o.height - r) <= 1 && (r = o.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
+    width: t,
+    height: r
+  };
+}
+function ir(e, o) {
+  var t = o.getRootNode && o.getRootNode();
+  if (e.contains(o))
+    return !0;
+  if (t && oo(t)) {
+    var r = o;
+    do {
+      if (r && e.isSameNode(r))
+        return !0;
+      r = r.parentNode || r.host;
+    } while (r);
+  }
+  return !1;
+}
+function ge(e) {
+  return J(e).getComputedStyle(e);
+}
+function Bi(e) {
+  return ["table", "td", "th"].indexOf(ce(e)) >= 0;
+}
+function Ce(e) {
+  return ((De(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function Yt(e) {
+  return ce(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
+    (oo(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    Ce(e)
+  );
+}
+function Yo(e) {
+  return !oe(e) || // https://github.com/popperjs/popper-core/issues/837
+  ge(e).position === "fixed" ? null : e.offsetParent;
+}
+function zi(e) {
+  var o = /firefox/i.test(Kt()), t = /Trident/i.test(Kt());
+  if (t && oe(e)) {
+    var r = ge(e);
+    if (r.position === "fixed")
+      return null;
+  }
+  var i = Yt(e);
+  for (oo(i) && (i = i.host); oe(i) && ["html", "body"].indexOf(ce(i)) < 0; ) {
+    var n = ge(i);
+    if (n.transform !== "none" || n.perspective !== "none" || n.contain === "paint" || ["transform", "perspective"].indexOf(n.willChange) !== -1 || o && n.willChange === "filter" || o && n.filter && n.filter !== "none")
+      return i;
+    i = i.parentNode;
+  }
+  return null;
+}
+function rt(e) {
+  for (var o = J(e), t = Yo(e); t && Bi(t) && ge(t).position === "static"; )
+    t = Yo(t);
+  return t && (ce(t) === "html" || ce(t) === "body" && ge(t).position === "static") ? o : t || zi(e) || o;
+}
+function io(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function Ge(e, o, t) {
+  return Re(e, Ct(o, t));
+}
+function $i(e, o, t) {
+  var r = Ge(e, o, t);
+  return r > t ? t : r;
+}
+function nr() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function ar(e) {
+  return Object.assign({}, nr(), e);
+}
+function sr(e, o) {
+  return o.reduce(function(t, r) {
+    return t[r] = e, t;
+  }, {});
+}
+var Wi = function(o, t) {
+  return o = typeof o == "function" ? o(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : o, ar(typeof o != "number" ? o : sr(o, ot));
+};
+function Xi(e) {
+  var o, t = e.state, r = e.name, i = e.options, n = t.elements.arrow, a = t.modifiersData.popperOffsets, s = fe(t.placement), l = io(s), d = [F, ie].indexOf(s) >= 0, p = d ? "height" : "width";
+  if (!(!n || !a)) {
+    var f = Wi(i.padding, t), c = ro(n), v = l === "y" ? H : F, h = l === "y" ? re : ie, m = t.rects.reference[p] + t.rects.reference[l] - a[l] - t.rects.popper[p], g = a[l] - t.rects.reference[l], P = rt(n), S = P ? l === "y" ? P.clientHeight || 0 : P.clientWidth || 0 : 0, y = m / 2 - g / 2, b = f[v], w = S - c[p] - f[h], T = S / 2 - c[p] / 2 + y, O = Ge(b, T, w), D = l;
+    t.modifiersData[r] = (o = {}, o[D] = O, o.centerOffset = O - T, o);
+  }
+}
+function ki(e) {
+  var o = e.state, t = e.options, r = t.element, i = r === void 0 ? "[data-popper-arrow]" : r;
+  i != null && (typeof i == "string" && (i = o.elements.popper.querySelector(i), !i) || ir(o.elements.popper, i) && (o.elements.arrow = i));
+}
+const ji = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: Xi,
+  effect: ki,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function ke(e) {
+  return e.split("-")[1];
+}
+var Li = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function Vi(e, o) {
+  var t = e.x, r = e.y, i = o.devicePixelRatio || 1;
+  return {
+    x: We(t * i) / i || 0,
+    y: We(r * i) / i || 0
+  };
+}
+function Bo(e) {
+  var o, t = e.popper, r = e.popperRect, i = e.placement, n = e.variation, a = e.offsets, s = e.position, l = e.gpuAcceleration, d = e.adaptive, p = e.roundOffsets, f = e.isFixed, c = a.x, v = c === void 0 ? 0 : c, h = a.y, m = h === void 0 ? 0 : h, g = typeof p == "function" ? p({
+    x: v,
+    y: m
+  }) : {
+    x: v,
+    y: m
+  };
+  v = g.x, m = g.y;
+  var P = a.hasOwnProperty("x"), S = a.hasOwnProperty("y"), y = F, b = H, w = window;
+  if (d) {
+    var T = rt(t), O = "clientHeight", D = "clientWidth";
+    if (T === J(t) && (T = Ce(t), ge(T).position !== "static" && s === "absolute" && (O = "scrollHeight", D = "scrollWidth")), T = T, i === H || (i === F || i === ie) && n === et) {
+      b = re;
+      var E = f && T === w && w.visualViewport ? w.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        T[O]
+      );
+      m -= E - r.height, m *= l ? 1 : -1;
+    }
+    if (i === F || (i === H || i === re) && n === et) {
+      y = ie;
+      var A = f && T === w && w.visualViewport ? w.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        T[D]
+      );
+      v -= A - r.width, v *= l ? 1 : -1;
+    }
+  }
+  var N = Object.assign({
+    position: s
+  }, d && Li), $ = p === !0 ? Vi({
+    x: v,
+    y: m
+  }, J(t)) : {
+    x: v,
+    y: m
+  };
+  if (v = $.x, m = $.y, l) {
+    var Y;
+    return Object.assign({}, N, (Y = {}, Y[b] = S ? "0" : "", Y[y] = P ? "0" : "", Y.transform = (w.devicePixelRatio || 1) <= 1 ? "translate(" + v + "px, " + m + "px)" : "translate3d(" + v + "px, " + m + "px, 0)", Y));
+  }
+  return Object.assign({}, N, (o = {}, o[b] = S ? m + "px" : "", o[y] = P ? v + "px" : "", o.transform = "", o));
+}
+function Hi(e) {
+  var o = e.state, t = e.options, r = t.gpuAcceleration, i = r === void 0 ? !0 : r, n = t.adaptive, a = n === void 0 ? !0 : n, s = t.roundOffsets, l = s === void 0 ? !0 : s, d = {
+    placement: fe(o.placement),
+    variation: ke(o.placement),
+    popper: o.elements.popper,
+    popperRect: o.rects.popper,
+    gpuAcceleration: i,
+    isFixed: o.options.strategy === "fixed"
+  };
+  o.modifiersData.popperOffsets != null && (o.styles.popper = Object.assign({}, o.styles.popper, Bo(Object.assign({}, d, {
+    offsets: o.modifiersData.popperOffsets,
+    position: o.options.strategy,
+    adaptive: a,
+    roundOffsets: l
+  })))), o.modifiersData.arrow != null && (o.styles.arrow = Object.assign({}, o.styles.arrow, Bo(Object.assign({}, d, {
+    offsets: o.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: l
+  })))), o.attributes.popper = Object.assign({}, o.attributes.popper, {
+    "data-popper-placement": o.placement
+  });
+}
+const Fi = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: Hi,
+  data: {}
+};
+var ct = {
+  passive: !0
+};
+function Zi(e) {
+  var o = e.state, t = e.instance, r = e.options, i = r.scroll, n = i === void 0 ? !0 : i, a = r.resize, s = a === void 0 ? !0 : a, l = J(o.elements.popper), d = [].concat(o.scrollParents.reference, o.scrollParents.popper);
+  return n && d.forEach(function(p) {
+    p.addEventListener("scroll", t.update, ct);
+  }), s && l.addEventListener("resize", t.update, ct), function() {
+    n && d.forEach(function(p) {
+      p.removeEventListener("scroll", t.update, ct);
+    }), s && l.removeEventListener("resize", t.update, ct);
+  };
+}
+const Ui = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: Zi,
+  data: {}
+};
+var qi = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function bt(e) {
+  return e.replace(/left|right|bottom|top/g, function(o) {
+    return qi[o];
+  });
+}
+var Ki = {
+  start: "end",
+  end: "start"
+};
+function zo(e) {
+  return e.replace(/start|end/g, function(o) {
+    return Ki[o];
+  });
+}
+function no(e) {
+  var o = J(e), t = o.pageXOffset, r = o.pageYOffset;
+  return {
+    scrollLeft: t,
+    scrollTop: r
+  };
+}
+function ao(e) {
+  return Xe(Ce(e)).left + no(e).scrollLeft;
+}
+function Qi(e, o) {
+  var t = J(e), r = Ce(e), i = t.visualViewport, n = r.clientWidth, a = r.clientHeight, s = 0, l = 0;
+  if (i) {
+    n = i.width, a = i.height;
+    var d = rr();
+    (d || !d && o === "fixed") && (s = i.offsetLeft, l = i.offsetTop);
+  }
+  return {
+    width: n,
+    height: a,
+    x: s + ao(e),
+    y: l
+  };
+}
+function Gi(e) {
+  var o, t = Ce(e), r = no(e), i = (o = e.ownerDocument) == null ? void 0 : o.body, n = Re(t.scrollWidth, t.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), a = Re(t.scrollHeight, t.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0), s = -r.scrollLeft + ao(e), l = -r.scrollTop;
+  return ge(i || t).direction === "rtl" && (s += Re(t.clientWidth, i ? i.clientWidth : 0) - n), {
+    width: n,
+    height: a,
+    x: s,
+    y: l
+  };
+}
+function so(e) {
+  var o = ge(e), t = o.overflow, r = o.overflowX, i = o.overflowY;
+  return /auto|scroll|overlay|hidden/.test(t + i + r);
+}
+function lr(e) {
+  return ["html", "body", "#document"].indexOf(ce(e)) >= 0 ? e.ownerDocument.body : oe(e) && so(e) ? e : lr(Yt(e));
+}
+function Je(e, o) {
+  var t;
+  o === void 0 && (o = []);
+  var r = lr(e), i = r === ((t = e.ownerDocument) == null ? void 0 : t.body), n = J(r), a = i ? [n].concat(n.visualViewport || [], so(r) ? r : []) : r, s = o.concat(a);
+  return i ? s : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    s.concat(Je(Yt(a)))
+  );
+}
+function Qt(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  });
+}
+function Ji(e, o) {
+  var t = Xe(e, !1, o === "fixed");
+  return t.top = t.top + e.clientTop, t.left = t.left + e.clientLeft, t.bottom = t.top + e.clientHeight, t.right = t.left + e.clientWidth, t.width = e.clientWidth, t.height = e.clientHeight, t.x = t.left, t.y = t.top, t;
+}
+function $o(e, o, t) {
+  return o === tr ? Qt(Qi(e, t)) : De(o) ? Ji(o, t) : Qt(Gi(Ce(e)));
+}
+function Ii(e) {
+  var o = Je(Yt(e)), t = ["absolute", "fixed"].indexOf(ge(e).position) >= 0, r = t && oe(e) ? rt(e) : e;
+  return De(r) ? o.filter(function(i) {
+    return De(i) && ir(i, r) && ce(i) !== "body";
+  }) : [];
+}
+function en(e, o, t, r) {
+  var i = o === "clippingParents" ? Ii(e) : [].concat(o), n = [].concat(i, [t]), a = n[0], s = n.reduce(function(l, d) {
+    var p = $o(e, d, r);
+    return l.top = Re(p.top, l.top), l.right = Ct(p.right, l.right), l.bottom = Ct(p.bottom, l.bottom), l.left = Re(p.left, l.left), l;
+  }, $o(e, a, r));
+  return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
+}
+function ur(e) {
+  var o = e.reference, t = e.element, r = e.placement, i = r ? fe(r) : null, n = r ? ke(r) : null, a = o.x + o.width / 2 - t.width / 2, s = o.y + o.height / 2 - t.height / 2, l;
+  switch (i) {
+    case H:
+      l = {
+        x: a,
+        y: o.y - t.height
+      };
+      break;
+    case re:
+      l = {
+        x: a,
+        y: o.y + o.height
+      };
+      break;
+    case ie:
+      l = {
+        x: o.x + o.width,
+        y: s
+      };
+      break;
+    case F:
+      l = {
+        x: o.x - t.width,
+        y: s
+      };
+      break;
+    default:
+      l = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  var d = i ? io(i) : null;
+  if (d != null) {
+    var p = d === "y" ? "height" : "width";
+    switch (n) {
+      case $e:
+        l[d] = l[d] - (o[p] / 2 - t[p] / 2);
+        break;
+      case et:
+        l[d] = l[d] + (o[p] / 2 - t[p] / 2);
+        break;
+    }
+  }
+  return l;
+}
+function tt(e, o) {
+  o === void 0 && (o = {});
+  var t = o, r = t.placement, i = r === void 0 ? e.placement : r, n = t.strategy, a = n === void 0 ? e.strategy : n, s = t.boundary, l = s === void 0 ? wi : s, d = t.rootBoundary, p = d === void 0 ? tr : d, f = t.elementContext, c = f === void 0 ? qe : f, v = t.altBoundary, h = v === void 0 ? !1 : v, m = t.padding, g = m === void 0 ? 0 : m, P = ar(typeof g != "number" ? g : sr(g, ot)), S = c === qe ? Pi : qe, y = e.rects.popper, b = e.elements[h ? S : c], w = en(De(b) ? b : b.contextElement || Ce(e.elements.popper), l, p, a), T = Xe(e.elements.reference), O = ur({
+    reference: T,
+    element: y,
+    strategy: "absolute",
+    placement: i
+  }), D = Qt(Object.assign({}, y, O)), E = c === qe ? D : T, A = {
+    top: w.top - E.top + P.top,
+    bottom: E.bottom - w.bottom + P.bottom,
+    left: w.left - E.left + P.left,
+    right: E.right - w.right + P.right
+  }, N = e.modifiersData.offset;
+  if (c === qe && N) {
+    var $ = N[i];
+    Object.keys(A).forEach(function(Y) {
+      var Z = [ie, re].indexOf(Y) >= 0 ? 1 : -1, U = [H, re].indexOf(Y) >= 0 ? "y" : "x";
+      A[Y] += $[U] * Z;
+    });
+  }
+  return A;
+}
+function tn(e, o) {
+  o === void 0 && (o = {});
+  var t = o, r = t.placement, i = t.boundary, n = t.rootBoundary, a = t.padding, s = t.flipVariations, l = t.allowedAutoPlacements, d = l === void 0 ? or : l, p = ke(r), f = p ? s ? _o : _o.filter(function(h) {
+    return ke(h) === p;
+  }) : ot, c = f.filter(function(h) {
+    return d.indexOf(h) >= 0;
+  });
+  c.length === 0 && (c = f);
+  var v = c.reduce(function(h, m) {
+    return h[m] = tt(e, {
+      placement: m,
+      boundary: i,
+      rootBoundary: n,
+      padding: a
+    })[fe(m)], h;
+  }, {});
+  return Object.keys(v).sort(function(h, m) {
+    return v[h] - v[m];
+  });
+}
+function on(e) {
+  if (fe(e) === to)
+    return [];
+  var o = bt(e);
+  return [zo(e), o, zo(o)];
+}
+function rn(e) {
+  var o = e.state, t = e.options, r = e.name;
+  if (!o.modifiersData[r]._skip) {
+    for (var i = t.mainAxis, n = i === void 0 ? !0 : i, a = t.altAxis, s = a === void 0 ? !0 : a, l = t.fallbackPlacements, d = t.padding, p = t.boundary, f = t.rootBoundary, c = t.altBoundary, v = t.flipVariations, h = v === void 0 ? !0 : v, m = t.allowedAutoPlacements, g = o.options.placement, P = fe(g), S = P === g, y = l || (S || !h ? [bt(g)] : on(g)), b = [g].concat(y).reduce(function(K, Q) {
+      return K.concat(fe(Q) === to ? tn(o, {
+        placement: Q,
+        boundary: p,
+        rootBoundary: f,
+        padding: d,
+        flipVariations: h,
+        allowedAutoPlacements: m
+      }) : Q);
+    }, []), w = o.rects.reference, T = o.rects.popper, O = /* @__PURE__ */ new Map(), D = !0, E = b[0], A = 0; A < b.length; A++) {
+      var N = b[A], $ = fe(N), Y = ke(N) === $e, Z = [H, re].indexOf($) >= 0, U = Z ? "width" : "height", B = tt(o, {
+        placement: N,
+        boundary: p,
+        rootBoundary: f,
+        altBoundary: c,
+        padding: d
+      }), W = Z ? Y ? ie : F : Y ? re : H;
+      w[U] > T[U] && (W = bt(W));
+      var X = bt(W), q = [];
+      if (n && q.push(B[$] <= 0), s && q.push(B[W] <= 0, B[X] <= 0), q.every(function(K) {
+        return K;
+      })) {
+        E = N, D = !1;
+        break;
+      }
+      O.set(N, q);
+    }
+    if (D)
+      for (var be = h ? 3 : 1, se = function(Q) {
+        var le = b.find(function(ue) {
+          var k = O.get(ue);
+          if (k)
+            return k.slice(0, Q).every(function(L) {
+              return L;
+            });
+        });
+        if (le)
+          return E = le, "break";
+      }, ve = be; ve > 0; ve--) {
+        var ne = se(ve);
+        if (ne === "break")
+          break;
+      }
+    o.placement !== E && (o.modifiersData[r]._skip = !0, o.placement = E, o.reset = !0);
+  }
+}
+const nn = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: rn,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function Wo(e, o, t) {
+  return t === void 0 && (t = {
+    x: 0,
+    y: 0
+  }), {
+    top: e.top - o.height - t.y,
+    right: e.right - o.width + t.x,
+    bottom: e.bottom - o.height + t.y,
+    left: e.left - o.width - t.x
+  };
+}
+function Xo(e) {
+  return [H, ie, re, F].some(function(o) {
+    return e[o] >= 0;
+  });
+}
+function an(e) {
+  var o = e.state, t = e.name, r = o.rects.reference, i = o.rects.popper, n = o.modifiersData.preventOverflow, a = tt(o, {
+    elementContext: "reference"
+  }), s = tt(o, {
+    altBoundary: !0
+  }), l = Wo(a, r), d = Wo(s, i, n), p = Xo(l), f = Xo(d);
+  o.modifiersData[t] = {
+    referenceClippingOffsets: l,
+    popperEscapeOffsets: d,
+    isReferenceHidden: p,
+    hasPopperEscaped: f
+  }, o.attributes.popper = Object.assign({}, o.attributes.popper, {
+    "data-popper-reference-hidden": p,
+    "data-popper-escaped": f
+  });
+}
+const sn = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: an
+};
+function ln(e, o, t) {
+  var r = fe(e), i = [F, H].indexOf(r) >= 0 ? -1 : 1, n = typeof t == "function" ? t(Object.assign({}, o, {
+    placement: e
+  })) : t, a = n[0], s = n[1];
+  return a = a || 0, s = (s || 0) * i, [F, ie].indexOf(r) >= 0 ? {
+    x: s,
+    y: a
+  } : {
+    x: a,
+    y: s
+  };
+}
+function un(e) {
+  var o = e.state, t = e.options, r = e.name, i = t.offset, n = i === void 0 ? [0, 0] : i, a = or.reduce(function(p, f) {
+    return p[f] = ln(f, o.rects, n), p;
+  }, {}), s = a[o.placement], l = s.x, d = s.y;
+  o.modifiersData.popperOffsets != null && (o.modifiersData.popperOffsets.x += l, o.modifiersData.popperOffsets.y += d), o.modifiersData[r] = a;
+}
+const pn = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: un
+};
+function dn(e) {
+  var o = e.state, t = e.name;
+  o.modifiersData[t] = ur({
+    reference: o.rects.reference,
+    element: o.rects.popper,
+    strategy: "absolute",
+    placement: o.placement
+  });
+}
+const fn = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: dn,
+  data: {}
+};
+function cn(e) {
+  return e === "x" ? "y" : "x";
+}
+function vn(e) {
+  var o = e.state, t = e.options, r = e.name, i = t.mainAxis, n = i === void 0 ? !0 : i, a = t.altAxis, s = a === void 0 ? !1 : a, l = t.boundary, d = t.rootBoundary, p = t.altBoundary, f = t.padding, c = t.tether, v = c === void 0 ? !0 : c, h = t.tetherOffset, m = h === void 0 ? 0 : h, g = tt(o, {
+    boundary: l,
+    rootBoundary: d,
+    padding: f,
+    altBoundary: p
+  }), P = fe(o.placement), S = ke(o.placement), y = !S, b = io(P), w = cn(b), T = o.modifiersData.popperOffsets, O = o.rects.reference, D = o.rects.popper, E = typeof m == "function" ? m(Object.assign({}, o.rects, {
+    placement: o.placement
+  })) : m, A = typeof E == "number" ? {
+    mainAxis: E,
+    altAxis: E
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, E), N = o.modifiersData.offset ? o.modifiersData.offset[o.placement] : null, $ = {
+    x: 0,
+    y: 0
+  };
+  if (T) {
+    if (n) {
+      var Y, Z = b === "y" ? H : F, U = b === "y" ? re : ie, B = b === "y" ? "height" : "width", W = T[b], X = W + g[Z], q = W - g[U], be = v ? -D[B] / 2 : 0, se = S === $e ? O[B] : D[B], ve = S === $e ? -D[B] : -O[B], ne = o.elements.arrow, K = v && ne ? ro(ne) : {
+        width: 0,
+        height: 0
+      }, Q = o.modifiersData["arrow#persistent"] ? o.modifiersData["arrow#persistent"].padding : nr(), le = Q[Z], ue = Q[U], k = Ge(0, O[B], K[B]), L = y ? O[B] / 2 - be - k - le - A.mainAxis : se - k - le - A.mainAxis, me = y ? -O[B] / 2 + be + k + ue + A.mainAxis : ve + k + ue + A.mainAxis, j = o.elements.arrow && rt(o.elements.arrow), Le = j ? b === "y" ? j.clientTop || 0 : j.clientLeft || 0 : 0, _e = (Y = N == null ? void 0 : N[b]) != null ? Y : 0, nt = W + L - _e - Le, I = W + me - _e, Ye = Ge(v ? Ct(X, nt) : X, W, v ? Re(q, I) : q);
+      T[b] = Ye, $[b] = Ye - W;
+    }
+    if (s) {
+      var at, V = b === "x" ? H : F, st = b === "x" ? re : ie, ae = T[w], Be = w === "y" ? "height" : "width", Oe = ae + g[V], ze = ae - g[st], ye = [H, F].indexOf(P) !== -1, Ee = (at = N == null ? void 0 : N[w]) != null ? at : 0, pe = ye ? Oe : ae - O[Be] - D[Be] - Ee + A.altAxis, Ve = ye ? ae + O[Be] + D[Be] - Ee - A.altAxis : ze, lt = v && ye ? $i(pe, ae, Ve) : Ge(v ? pe : Oe, ae, v ? Ve : ze);
+      T[w] = lt, $[w] = lt - ae;
+    }
+    o.modifiersData[r] = $;
+  }
+}
+const mn = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: vn,
+  requiresIfExists: ["offset"]
+};
+function hn(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function gn(e) {
+  return e === J(e) || !oe(e) ? no(e) : hn(e);
+}
+function bn(e) {
+  var o = e.getBoundingClientRect(), t = We(o.width) / e.offsetWidth || 1, r = We(o.height) / e.offsetHeight || 1;
+  return t !== 1 || r !== 1;
+}
+function yn(e, o, t) {
+  t === void 0 && (t = !1);
+  var r = oe(o), i = oe(o) && bn(o), n = Ce(o), a = Xe(e, i, t), s = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, l = {
+    x: 0,
+    y: 0
+  };
+  return (r || !r && !t) && ((ce(o) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  so(n)) && (s = gn(o)), oe(o) ? (l = Xe(o, !0), l.x += o.clientLeft, l.y += o.clientTop) : n && (l.x = ao(n))), {
+    x: a.left + s.scrollLeft - l.x,
+    y: a.top + s.scrollTop - l.y,
+    width: a.width,
+    height: a.height
+  };
+}
+function wn(e) {
+  var o = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), r = [];
+  e.forEach(function(n) {
+    o.set(n.name, n);
+  });
+  function i(n) {
+    t.add(n.name);
+    var a = [].concat(n.requires || [], n.requiresIfExists || []);
+    a.forEach(function(s) {
+      if (!t.has(s)) {
+        var l = o.get(s);
+        l && i(l);
+      }
+    }), r.push(n);
+  }
+  return e.forEach(function(n) {
+    t.has(n.name) || i(n);
+  }), r;
+}
+function Pn(e) {
+  var o = wn(e);
+  return Ni.reduce(function(t, r) {
+    return t.concat(o.filter(function(i) {
+      return i.phase === r;
+    }));
+  }, []);
+}
+function Tn(e) {
+  var o;
+  return function() {
+    return o || (o = new Promise(function(t) {
+      Promise.resolve().then(function() {
+        o = void 0, t(e());
+      });
+    })), o;
+  };
+}
+function Cn(e) {
+  var o = e.reduce(function(t, r) {
+    var i = t[r.name];
+    return t[r.name] = i ? Object.assign({}, i, r, {
+      options: Object.assign({}, i.options, r.options),
+      data: Object.assign({}, i.data, r.data)
+    }) : r, t;
+  }, {});
+  return Object.keys(o).map(function(t) {
+    return o[t];
+  });
+}
+var ko = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function jo() {
+  for (var e = arguments.length, o = new Array(e), t = 0; t < e; t++)
+    o[t] = arguments[t];
+  return !o.some(function(r) {
+    return !(r && typeof r.getBoundingClientRect == "function");
+  });
+}
+function Sn(e) {
+  e === void 0 && (e = {});
+  var o = e, t = o.defaultModifiers, r = t === void 0 ? [] : t, i = o.defaultOptions, n = i === void 0 ? ko : i;
+  return function(s, l, d) {
+    d === void 0 && (d = n);
+    var p = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, ko, n),
+      modifiersData: {},
+      elements: {
+        reference: s,
+        popper: l
+      },
+      attributes: {},
+      styles: {}
+    }, f = [], c = !1, v = {
+      state: p,
+      setOptions: function(P) {
+        var S = typeof P == "function" ? P(p.options) : P;
+        m(), p.options = Object.assign({}, n, p.options, S), p.scrollParents = {
+          reference: De(s) ? Je(s) : s.contextElement ? Je(s.contextElement) : [],
+          popper: Je(l)
+        };
+        var y = Pn(Cn([].concat(r, p.options.modifiers)));
+        return p.orderedModifiers = y.filter(function(b) {
+          return b.enabled;
+        }), h(), v.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 (!c) {
+          var P = p.elements, S = P.reference, y = P.popper;
+          if (jo(S, y)) {
+            p.rects = {
+              reference: yn(S, rt(y), p.options.strategy === "fixed"),
+              popper: ro(y)
+            }, p.reset = !1, p.placement = p.options.placement, p.orderedModifiers.forEach(function(A) {
+              return p.modifiersData[A.name] = Object.assign({}, A.data);
+            });
+            for (var b = 0; b < p.orderedModifiers.length; b++) {
+              if (p.reset === !0) {
+                p.reset = !1, b = -1;
+                continue;
+              }
+              var w = p.orderedModifiers[b], T = w.fn, O = w.options, D = O === void 0 ? {} : O, E = w.name;
+              typeof T == "function" && (p = T({
+                state: p,
+                options: D,
+                name: E,
+                instance: v
+              }) || p);
+            }
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: Tn(function() {
+        return new Promise(function(g) {
+          v.forceUpdate(), g(p);
+        });
+      }),
+      destroy: function() {
+        m(), c = !0;
+      }
+    };
+    if (!jo(s, l))
+      return v;
+    v.setOptions(d).then(function(g) {
+      !c && d.onFirstUpdate && d.onFirstUpdate(g);
+    });
+    function h() {
+      p.orderedModifiers.forEach(function(g) {
+        var P = g.name, S = g.options, y = S === void 0 ? {} : S, b = g.effect;
+        if (typeof b == "function") {
+          var w = b({
+            state: p,
+            name: P,
+            instance: v,
+            options: y
+          }), T = function() {
+          };
+          f.push(w || T);
+        }
+      });
+    }
+    function m() {
+      f.forEach(function(g) {
+        return g();
+      }), f = [];
+    }
+    return v;
+  };
+}
+var On = [Ui, fn, Fi, Yi, pn, nn, mn, ji, sn], En = /* @__PURE__ */ Sn({
+  defaultModifiers: On
+});
+function An(e) {
+  return Dt("MuiPopper", e);
+}
+Nt("MuiPopper", ["root"]);
+const Rn = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"], xn = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
+function Dn(e, o) {
+  if (o === "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 St(e) {
+  return typeof e == "function" ? e() : e;
+}
+function Bt(e) {
+  return e.nodeType !== void 0;
+}
+function Nn(e) {
+  return !Bt(e);
+}
+const Mn = () => _t({
+  root: ["root"]
+}, yi(An)), _n = {}, Yn = /* @__PURE__ */ R.forwardRef(function(o, t) {
+  var r;
+  const {
+    anchorEl: i,
+    children: n,
+    direction: a,
+    disablePortal: s,
+    modifiers: l,
+    open: d,
+    placement: p,
+    popperOptions: f,
+    popperRef: c,
+    slotProps: v = {},
+    slots: h = {},
+    TransitionProps: m
+    // @ts-ignore internal logic
+    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
+  } = o, g = Ne(o, Rn), P = R.useRef(null), S = qt(P, t), y = R.useRef(null), b = qt(y, c), w = R.useRef(b);
+  Mo(() => {
+    w.current = b;
+  }, [b]), R.useImperativeHandle(c, () => y.current, []);
+  const T = Dn(p, a), [O, D] = R.useState(T), [E, A] = R.useState(St(i));
+  R.useEffect(() => {
+    y.current && y.current.forceUpdate();
+  }), R.useEffect(() => {
+    i && A(St(i));
+  }, [i]), Mo(() => {
+    if (!E || !d)
+      return;
+    const U = (X) => {
+      D(X.placement);
+    };
+    if (process.env.NODE_ENV !== "production" && E && Bt(E) && E.nodeType === 1) {
+      const X = E.getBoundingClientRect();
+      process.env.NODE_ENV !== "test" && X.top === 0 && X.left === 0 && X.right === 0 && X.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 B = [{
+      name: "preventOverflow",
+      options: {
+        altBoundary: s
+      }
+    }, {
+      name: "flip",
+      options: {
+        altBoundary: s
+      }
+    }, {
+      name: "onUpdate",
+      enabled: !0,
+      phase: "afterWrite",
+      fn: ({
+        state: X
+      }) => {
+        U(X);
+      }
+    }];
+    l != null && (B = B.concat(l)), f && f.modifiers != null && (B = B.concat(f.modifiers));
+    const W = En(E, P.current, C({
+      placement: T
+    }, f, {
+      modifiers: B
+    }));
+    return w.current(W), () => {
+      W.destroy(), w.current(null);
+    };
+  }, [E, s, l, d, f, T]);
+  const N = {
+    placement: O
+  };
+  m !== null && (N.TransitionProps = m);
+  const $ = Mn(), Y = (r = h.root) != null ? r : "div", Z = Zr({
+    elementType: Y,
+    externalSlotProps: v.root,
+    externalForwardedProps: g,
+    additionalProps: {
+      role: "tooltip",
+      ref: S
+    },
+    ownerState: o,
+    className: $.root
+  });
+  return /* @__PURE__ */ _(Y, C({}, Z, {
+    children: typeof n == "function" ? n(N) : n
+  }));
+}), pr = /* @__PURE__ */ R.forwardRef(function(o, t) {
+  const {
+    anchorEl: r,
+    children: i,
+    container: n,
+    direction: a = "ltr",
+    disablePortal: s = !1,
+    keepMounted: l = !1,
+    modifiers: d,
+    open: p,
+    placement: f = "bottom",
+    popperOptions: c = _n,
+    popperRef: v,
+    style: h,
+    transition: m = !1,
+    slotProps: g = {},
+    slots: P = {}
+  } = o, S = Ne(o, xn), [y, b] = R.useState(!0), w = () => {
+    b(!1);
+  }, T = () => {
+    b(!0);
+  };
+  if (!l && !p && (!m || y))
+    return null;
+  let O;
+  if (n)
+    O = n;
+  else if (r) {
+    const A = St(r);
+    O = A && Bt(A) ? Do(A).body : Do(null).body;
+  }
+  const D = !p && l && (!m || y) ? "none" : void 0, E = m ? {
+    in: p,
+    onEnter: w,
+    onExited: T
+  } : void 0;
+  return /* @__PURE__ */ _(Fr, {
+    disablePortal: s,
+    container: O,
+    children: /* @__PURE__ */ _(Yn, C({
+      anchorEl: r,
+      direction: a,
+      disablePortal: s,
+      modifiers: d,
+      ref: t,
+      open: m ? !y : p,
+      placement: f,
+      popperOptions: c,
+      popperRef: v,
+      slotProps: g,
+      slots: P
+    }, S, {
+      style: C({
+        // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
+        position: "fixed",
+        // Fix Popper.js display issue
+        top: 0,
+        left: 0,
+        display: D
+      }, h),
+      TransitionProps: E,
+      children: i
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (pr.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn 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: Jo(u.oneOfType([Pt, u.object, u.func]), (e) => {
+    if (e.open) {
+      const o = St(e.anchorEl);
+      if (o && Bt(o) && o.nodeType === 1) {
+        const t = o.getBoundingClientRect();
+        if (process.env.NODE_ENV !== "test" && t.top === 0 && t.left === 0 && t.right === 0 && t.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 (!o || typeof o.getBoundingClientRect != "function" || Nn(o) && o.contextElement != null && o.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: u.oneOfType([u.node, u.func]),
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: u.oneOfType([Pt, u.func]),
+  /**
+   * Direction of the text.
+   * @default 'ltr'
+   */
+  direction: u.oneOf(["ltr", "rtl"]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: u.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: u.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: u.arrayOf(u.shape({
+    data: u.object,
+    effect: u.func,
+    enabled: u.bool,
+    fn: u.func,
+    name: u.any,
+    options: u.object,
+    phase: u.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
+    requires: u.arrayOf(u.string),
+    requiresIfExists: u.arrayOf(u.string)
+  })),
+  /**
+   * If `true`, the component is shown.
+   */
+  open: u.bool.isRequired,
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement: u.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: u.shape({
+    modifiers: u.array,
+    onFirstUpdate: u.func,
+    placement: u.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: u.oneOf(["absolute", "fixed"])
+  }),
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef: Io,
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  slotProps: u.shape({
+    root: u.oneOfType([u.func, u.object])
+  }),
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: u.shape({
+    root: u.elementType
+  }),
+  /**
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
+   */
+  transition: u.bool
+});
+const Bn = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"], zn = Me(pr, {
+  name: "MuiPopper",
+  slot: "Root",
+  overridesResolver: (e, o) => o.root
+})({}), dr = /* @__PURE__ */ R.forwardRef(function(o, t) {
+  var r;
+  const i = ni(), n = Mt({
+    props: o,
+    name: "MuiPopper"
+  }), {
+    anchorEl: a,
+    component: s,
+    components: l,
+    componentsProps: d,
+    container: p,
+    disablePortal: f,
+    keepMounted: c,
+    modifiers: v,
+    open: h,
+    placement: m,
+    popperOptions: g,
+    popperRef: P,
+    transition: S,
+    slots: y,
+    slotProps: b
+  } = n, w = Ne(n, Bn), T = (r = y == null ? void 0 : y.root) != null ? r : l == null ? void 0 : l.Root, O = C({
+    anchorEl: a,
+    container: p,
+    disablePortal: f,
+    keepMounted: c,
+    modifiers: v,
+    open: h,
+    placement: m,
+    popperOptions: g,
+    popperRef: P,
+    transition: S
+  }, w);
+  return /* @__PURE__ */ _(zn, C({
+    as: s,
+    direction: i == null ? void 0 : i.direction,
+    slots: {
+      root: T
+    },
+    slotProps: b ?? d
+  }, O, {
+    ref: t
+  }));
+});
+process.env.NODE_ENV !== "production" && (dr.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn 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: u.oneOfType([Pt, u.object, u.func]),
+  /**
+   * Popper render function or node.
+   */
+  children: u.oneOfType([u.node, u.func]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: u.elementType,
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  components: u.shape({
+    Root: u.elementType
+  }),
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  componentsProps: u.shape({
+    root: u.oneOfType([u.func, u.object])
+  }),
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: u.oneOfType([Pt, u.func]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: u.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: u.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: u.arrayOf(u.shape({
+    data: u.object,
+    effect: u.func,
+    enabled: u.bool,
+    fn: u.func,
+    name: u.any,
+    options: u.object,
+    phase: u.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
+    requires: u.arrayOf(u.string),
+    requiresIfExists: u.arrayOf(u.string)
+  })),
+  /**
+   * If `true`, the component is shown.
+   */
+  open: u.bool.isRequired,
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement: u.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: u.shape({
+    modifiers: u.array,
+    onFirstUpdate: u.func,
+    placement: u.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: u.oneOf(["absolute", "fixed"])
+  }),
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef: Io,
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  slotProps: u.shape({
+    root: u.oneOfType([u.func, u.object])
+  }),
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: u.shape({
+    root: u.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: u.oneOfType([u.arrayOf(u.oneOfType([u.func, u.object, u.bool])), u.func, u.object]),
+  /**
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
+   */
+  transition: u.bool
+});
+const fr = dr, $n = Jr(), cr = pi({
+  themeId: ai,
+  defaultTheme: $n,
+  defaultClassName: "MuiBox-root",
+  generateClassName: Ir.generate
+});
+process.env.NODE_ENV !== "production" && (cr.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * @ignore
+   */
+  children: u.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: u.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: u.oneOfType([u.arrayOf(u.oneOfType([u.func, u.object, u.bool])), u.func, u.object])
+});
+const Wn = cr;
+function Xn(e) {
+  return Dt("MuiDivider", e);
+}
+Nt("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
+const kn = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"], jn = (e) => {
+  const {
+    absolute: o,
+    children: t,
+    classes: r,
+    flexItem: i,
+    light: n,
+    orientation: a,
+    textAlign: s,
+    variant: l
+  } = e;
+  return _t({
+    root: ["root", o && "absolute", l, n && "light", a === "vertical" && "vertical", i && "flexItem", t && "withChildren", t && a === "vertical" && "withChildrenVertical", s === "right" && a !== "vertical" && "textAlignRight", s === "left" && a !== "vertical" && "textAlignLeft"],
+    wrapper: ["wrapper", a === "vertical" && "wrapperVertical"]
+  }, Xn, r);
+}, Ln = Me("div", {
+  name: "MuiDivider",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: t
+    } = e;
+    return [o.root, t.absolute && o.absolute, o[t.variant], t.light && o.light, t.orientation === "vertical" && o.vertical, t.flexItem && o.flexItem, t.children && o.withChildren, t.children && t.orientation === "vertical" && o.withChildrenVertical, t.textAlign === "right" && t.orientation !== "vertical" && o.textAlignRight, t.textAlign === "left" && t.orientation !== "vertical" && o.textAlignLeft];
+  }
+})(({
+  theme: e,
+  ownerState: o
+}) => C({
+  margin: 0,
+  // Reset browser default style.
+  flexShrink: 0,
+  borderWidth: 0,
+  borderStyle: "solid",
+  borderColor: (e.vars || e).palette.divider,
+  borderBottomWidth: "thin"
+}, o.absolute && {
+  position: "absolute",
+  bottom: 0,
+  left: 0,
+  width: "100%"
+}, o.light && {
+  borderColor: e.vars ? `rgba(${e.vars.palette.dividerChannel} / 0.08)` : Ie(e.palette.divider, 0.08)
+}, o.variant === "inset" && {
+  marginLeft: 72
+}, o.variant === "middle" && o.orientation === "horizontal" && {
+  marginLeft: e.spacing(2),
+  marginRight: e.spacing(2)
+}, o.variant === "middle" && o.orientation === "vertical" && {
+  marginTop: e.spacing(1),
+  marginBottom: e.spacing(1)
+}, o.orientation === "vertical" && {
+  height: "100%",
+  borderBottomWidth: 0,
+  borderRightWidth: "thin"
+}, o.flexItem && {
+  alignSelf: "stretch",
+  height: "auto"
+}), ({
+  ownerState: e
+}) => C({}, e.children && {
+  display: "flex",
+  whiteSpace: "nowrap",
+  textAlign: "center",
+  border: 0,
+  "&::before, &::after": {
+    content: '""',
+    alignSelf: "center"
+  }
+}), ({
+  theme: e,
+  ownerState: o
+}) => C({}, o.children && o.orientation !== "vertical" && {
+  "&::before, &::after": {
+    width: "100%",
+    borderTop: `thin solid ${(e.vars || e).palette.divider}`
+  }
+}), ({
+  theme: e,
+  ownerState: o
+}) => C({}, o.children && o.orientation === "vertical" && {
+  flexDirection: "column",
+  "&::before, &::after": {
+    height: "100%",
+    borderLeft: `thin solid ${(e.vars || e).palette.divider}`
+  }
+}), ({
+  ownerState: e
+}) => C({}, e.textAlign === "right" && e.orientation !== "vertical" && {
+  "&::before": {
+    width: "90%"
+  },
+  "&::after": {
+    width: "10%"
+  }
+}, e.textAlign === "left" && e.orientation !== "vertical" && {
+  "&::before": {
+    width: "10%"
+  },
+  "&::after": {
+    width: "90%"
+  }
+})), Vn = Me("span", {
+  name: "MuiDivider",
+  slot: "Wrapper",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: t
+    } = e;
+    return [o.wrapper, t.orientation === "vertical" && o.wrapperVertical];
+  }
+})(({
+  theme: e,
+  ownerState: o
+}) => C({
+  display: "inline-block",
+  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${e.spacing(1)} * 1.2)`
+}, o.orientation === "vertical" && {
+  paddingTop: `calc(${e.spacing(1)} * 1.2)`,
+  paddingBottom: `calc(${e.spacing(1)} * 1.2)`
+})), lo = /* @__PURE__ */ R.forwardRef(function(o, t) {
+  const r = Mt({
+    props: o,
+    name: "MuiDivider"
+  }), {
+    absolute: i = !1,
+    children: n,
+    className: a,
+    component: s = n ? "div" : "hr",
+    flexItem: l = !1,
+    light: d = !1,
+    orientation: p = "horizontal",
+    role: f = s !== "hr" ? "separator" : void 0,
+    textAlign: c = "center",
+    variant: v = "fullWidth"
+  } = r, h = Ne(r, kn), m = C({}, r, {
+    absolute: i,
+    component: s,
+    flexItem: l,
+    light: d,
+    orientation: p,
+    role: f,
+    textAlign: c,
+    variant: v
+  }), g = jn(m);
+  return /* @__PURE__ */ _(Ln, C({
+    as: s,
+    className: Ae(g.root, a),
+    role: f,
+    ref: t,
+    ownerState: m
+  }, h, {
+    children: n ? /* @__PURE__ */ _(Vn, {
+      className: g.wrapper,
+      ownerState: m,
+      children: n
+    }) : null
+  }));
+});
+lo.muiSkipListHighlight = !0;
+process.env.NODE_ENV !== "production" && (lo.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Absolutely position the element.
+   * @default false
+   */
+  absolute: u.bool,
+  /**
+   * The content of the component.
+   */
+  children: u.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: u.object,
+  /**
+   * @ignore
+   */
+  className: u.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: u.elementType,
+  /**
+   * If `true`, a vertical divider will have the correct height when used in flex container.
+   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
+   * @default false
+   */
+  flexItem: u.bool,
+  /**
+   * If `true`, the divider will have a lighter color.
+   * @default false
+   */
+  light: u.bool,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: u.oneOf(["horizontal", "vertical"]),
+  /**
+   * @ignore
+   */
+  role: u.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: u.oneOfType([u.arrayOf(u.oneOfType([u.func, u.object, u.bool])), u.func, u.object]),
+  /**
+   * The text alignment.
+   * @default 'center'
+   */
+  textAlign: u.oneOf(["center", "left", "right"]),
+  /**
+   * The variant to use.
+   * @default 'fullWidth'
+   */
+  variant: u.oneOfType([u.oneOf(["fullWidth", "inset", "middle"]), u.string])
+});
+const Lo = lo;
+function Hn(e) {
+  return Dt("MuiTooltip", e);
+}
+const Fn = Nt("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]), we = Fn, Zn = ["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 Un(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const qn = (e) => {
+  const {
+    classes: o,
+    disableInteractive: t,
+    arrow: r,
+    touch: i,
+    placement: n
+  } = e, a = {
+    popper: ["popper", !t && "popperInteractive", r && "popperArrow"],
+    tooltip: ["tooltip", r && "tooltipArrow", i && "touch", `tooltipPlacement${Pe(n.split("-")[0])}`],
+    arrow: ["arrow"]
+  };
+  return _t(a, Hn, o);
+}, Kn = Me(fr, {
+  name: "MuiTooltip",
+  slot: "Popper",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: t
+    } = e;
+    return [o.popper, !t.disableInteractive && o.popperInteractive, t.arrow && o.popperArrow, !t.open && o.popperClose];
+  }
+})(({
+  theme: e,
+  ownerState: o,
+  open: t
+}) => C({
+  zIndex: (e.vars || e).zIndex.tooltip,
+  pointerEvents: "none"
+}, !o.disableInteractive && {
+  pointerEvents: "auto"
+}, !t && {
+  pointerEvents: "none"
+}, o.arrow && {
+  [`&[data-popper-placement*="bottom"] .${we.arrow}`]: {
+    top: 0,
+    marginTop: "-0.71em",
+    "&::before": {
+      transformOrigin: "0 100%"
+    }
+  },
+  [`&[data-popper-placement*="top"] .${we.arrow}`]: {
+    bottom: 0,
+    marginBottom: "-0.71em",
+    "&::before": {
+      transformOrigin: "100% 0"
+    }
+  },
+  [`&[data-popper-placement*="right"] .${we.arrow}`]: C({}, o.isRtl ? {
+    right: 0,
+    marginRight: "-0.71em"
+  } : {
+    left: 0,
+    marginLeft: "-0.71em"
+  }, {
+    height: "1em",
+    width: "0.71em",
+    "&::before": {
+      transformOrigin: "100% 100%"
+    }
+  }),
+  [`&[data-popper-placement*="left"] .${we.arrow}`]: C({}, o.isRtl ? {
+    left: 0,
+    marginLeft: "-0.71em"
+  } : {
+    right: 0,
+    marginRight: "-0.71em"
+  }, {
+    height: "1em",
+    width: "0.71em",
+    "&::before": {
+      transformOrigin: "0 0"
+    }
+  })
+})), Qn = Me("div", {
+  name: "MuiTooltip",
+  slot: "Tooltip",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: t
+    } = e;
+    return [o.tooltip, t.touch && o.touch, t.arrow && o.tooltipArrow, o[`tooltipPlacement${Pe(t.placement.split("-")[0])}`]];
+  }
+})(({
+  theme: e,
+  ownerState: o
+}) => C({
+  backgroundColor: e.vars ? e.vars.palette.Tooltip.bg : Ie(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
+}, o.arrow && {
+  position: "relative",
+  margin: 0
+}, o.touch && {
+  padding: "8px 16px",
+  fontSize: e.typography.pxToRem(14),
+  lineHeight: `${Un(16 / 14)}em`,
+  fontWeight: e.typography.fontWeightRegular
+}, {
+  [`.${we.popper}[data-popper-placement*="left"] &`]: C({
+    transformOrigin: "right center"
+  }, o.isRtl ? C({
+    marginLeft: "14px"
+  }, o.touch && {
+    marginLeft: "24px"
+  }) : C({
+    marginRight: "14px"
+  }, o.touch && {
+    marginRight: "24px"
+  })),
+  [`.${we.popper}[data-popper-placement*="right"] &`]: C({
+    transformOrigin: "left center"
+  }, o.isRtl ? C({
+    marginRight: "14px"
+  }, o.touch && {
+    marginRight: "24px"
+  }) : C({
+    marginLeft: "14px"
+  }, o.touch && {
+    marginLeft: "24px"
+  })),
+  [`.${we.popper}[data-popper-placement*="top"] &`]: C({
+    transformOrigin: "center bottom",
+    marginBottom: "14px"
+  }, o.touch && {
+    marginBottom: "24px"
+  }),
+  [`.${we.popper}[data-popper-placement*="bottom"] &`]: C({
+    transformOrigin: "center top",
+    marginTop: "14px"
+  }, o.touch && {
+    marginTop: "24px"
+  })
+})), Gn = Me("span", {
+  name: "MuiTooltip",
+  slot: "Arrow",
+  overridesResolver: (e, o) => o.arrow
+})(({
+  theme: e
+}) => ({
+  overflow: "hidden",
+  position: "absolute",
+  width: "1em",
+  height: "0.71em",
+  boxSizing: "border-box",
+  color: e.vars ? e.vars.palette.Tooltip.bg : Ie(e.palette.grey[700], 0.9),
+  "&::before": {
+    content: '""',
+    margin: "auto",
+    display: "block",
+    width: "100%",
+    height: "100%",
+    backgroundColor: "currentColor",
+    transform: "rotate(45deg)"
+  }
+}));
+let vt = !1, Ft = null, Ke = {
+  x: 0,
+  y: 0
+};
+function mt(e, o) {
+  return (t) => {
+    o && o(t), e(t);
+  };
+}
+const vr = /* @__PURE__ */ R.forwardRef(function(o, t) {
+  var r, i, n, a, s, l, d, p, f, c, v, h, m, g, P, S, y, b, w;
+  const T = Mt({
+    props: o,
+    name: "MuiTooltip"
+  }), {
+    arrow: O = !1,
+    children: D,
+    components: E = {},
+    componentsProps: A = {},
+    describeChild: N = !1,
+    disableFocusListener: $ = !1,
+    disableHoverListener: Y = !1,
+    disableInteractive: Z = !1,
+    disableTouchListener: U = !1,
+    enterDelay: B = 100,
+    enterNextDelay: W = 0,
+    enterTouchDelay: X = 700,
+    followCursor: q = !1,
+    id: be,
+    leaveDelay: se = 0,
+    leaveTouchDelay: ve = 1500,
+    onClose: ne,
+    onOpen: K,
+    open: Q,
+    placement: le = "bottom",
+    PopperComponent: ue,
+    PopperProps: k = {},
+    slotProps: L = {},
+    slots: me = {},
+    title: j,
+    TransitionComponent: Le = No,
+    TransitionProps: _e
+  } = T, nt = Ne(T, Zn), I = /* @__PURE__ */ R.isValidElement(D) ? D : /* @__PURE__ */ _("span", {
+    children: D
+  }), Ye = oi(), at = Ye.direction === "rtl", [V, st] = R.useState(), [ae, Be] = R.useState(null), Oe = R.useRef(!1), ze = Z || q, ye = R.useRef(), Ee = R.useRef(), pe = R.useRef(), Ve = R.useRef(), [lt, ho] = Ur({
+    controlled: Q,
+    default: !1,
+    name: "Tooltip",
+    state: "open"
+  });
+  let he = lt;
+  if (process.env.NODE_ENV !== "production") {
+    const {
+      current: x
+    } = R.useRef(Q !== void 0);
+    R.useEffect(() => {
+      V && V.disabled && !x && j !== "" && 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(`
+`));
+    }, [j, V, x]);
+  }
+  const kt = qr(be), He = R.useRef(), ut = R.useCallback(() => {
+    He.current !== void 0 && (document.body.style.WebkitUserSelect = He.current, He.current = void 0), clearTimeout(Ve.current);
+  }, []);
+  R.useEffect(() => () => {
+    clearTimeout(ye.current), clearTimeout(Ee.current), clearTimeout(pe.current), ut();
+  }, [ut]);
+  const go = (x) => {
+    clearTimeout(Ft), vt = !0, ho(!0), K && !he && K(x);
+  }, pt = ri(
+    /**
+     * @param {React.SyntheticEvent | Event} event
+     */
+    (x) => {
+      clearTimeout(Ft), Ft = setTimeout(() => {
+        vt = !1;
+      }, 800 + se), ho(!1), ne && he && ne(x), clearTimeout(ye.current), ye.current = setTimeout(() => {
+        Oe.current = !1;
+      }, Ye.transitions.duration.shortest);
+    }
+  ), jt = (x) => {
+    Oe.current && x.type !== "touchstart" || (V && V.removeAttribute("title"), clearTimeout(Ee.current), clearTimeout(pe.current), B || vt && W ? Ee.current = setTimeout(() => {
+      go(x);
+    }, vt ? W : B) : go(x));
+  }, bo = (x) => {
+    clearTimeout(Ee.current), clearTimeout(pe.current), pe.current = setTimeout(() => {
+      pt(x);
+    }, se);
+  }, {
+    isFocusVisibleRef: yo,
+    onBlur: Mr,
+    onFocus: _r,
+    ref: Yr
+  } = ii(), [, wo] = R.useState(!1), Po = (x) => {
+    Mr(x), yo.current === !1 && (wo(!1), bo(x));
+  }, To = (x) => {
+    V || st(x.currentTarget), _r(x), yo.current === !0 && (wo(!0), jt(x));
+  }, Co = (x) => {
+    Oe.current = !0;
+    const G = I.props;
+    G.onTouchStart && G.onTouchStart(x);
+  }, So = jt, Oo = bo, Br = (x) => {
+    Co(x), clearTimeout(pe.current), clearTimeout(ye.current), ut(), He.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Ve.current = setTimeout(() => {
+      document.body.style.WebkitUserSelect = He.current, jt(x);
+    }, X);
+  }, zr = (x) => {
+    I.props.onTouchEnd && I.props.onTouchEnd(x), ut(), clearTimeout(pe.current), pe.current = setTimeout(() => {
+      pt(x);
+    }, ve);
+  };
+  R.useEffect(() => {
+    if (!he)
+      return;
+    function x(G) {
+      (G.key === "Escape" || G.key === "Esc") && pt(G);
+    }
+    return document.addEventListener("keydown", x), () => {
+      document.removeEventListener("keydown", x);
+    };
+  }, [pt, he]);
+  const $r = qt(I.ref, Yr, st, t);
+  !j && j !== 0 && (he = !1);
+  const Lt = R.useRef(), Wr = (x) => {
+    const G = I.props;
+    G.onMouseMove && G.onMouseMove(x), Ke = {
+      x: x.clientX,
+      y: x.clientY
+    }, Lt.current && Lt.current.update();
+  }, Fe = {}, Vt = typeof j == "string";
+  N ? (Fe.title = !he && Vt && !Y ? j : null, Fe["aria-describedby"] = he ? kt : null) : (Fe["aria-label"] = Vt ? j : null, Fe["aria-labelledby"] = he && !Vt ? kt : null);
+  const ee = C({}, Fe, nt, I.props, {
+    className: Ae(nt.className, I.props.className),
+    onTouchStart: Co,
+    ref: $r
+  }, q ? {
+    onMouseMove: Wr
+  } : {});
+  process.env.NODE_ENV !== "production" && (ee["data-mui-internal-clone-element"] = !0, R.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 Ze = {};
+  U || (ee.onTouchStart = Br, ee.onTouchEnd = zr), Y || (ee.onMouseOver = mt(So, ee.onMouseOver), ee.onMouseLeave = mt(Oo, ee.onMouseLeave), ze || (Ze.onMouseOver = So, Ze.onMouseLeave = Oo)), $ || (ee.onFocus = mt(To, ee.onFocus), ee.onBlur = mt(Po, ee.onBlur), ze || (Ze.onFocus = To, Ze.onBlur = Po)), process.env.NODE_ENV !== "production" && I.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${I.props.title}\` or the Tooltip component.`].join(`
+`));
+  const Xr = R.useMemo(() => {
+    var x;
+    let G = [{
+      name: "arrow",
+      enabled: !!ae,
+      options: {
+        element: ae,
+        padding: 4
+      }
+    }];
+    return (x = k.popperOptions) != null && x.modifiers && (G = G.concat(k.popperOptions.modifiers)), C({}, k.popperOptions, {
+      modifiers: G
+    });
+  }, [ae, k]), Ue = C({}, T, {
+    isRtl: at,
+    arrow: O,
+    disableInteractive: ze,
+    placement: le,
+    PopperComponentProp: ue,
+    touch: Oe.current
+  }), Ht = qn(Ue), Eo = (r = (i = me.popper) != null ? i : E.Popper) != null ? r : Kn, Ao = (n = (a = (s = me.transition) != null ? s : E.Transition) != null ? a : Le) != null ? n : No, Ro = (l = (d = me.tooltip) != null ? d : E.Tooltip) != null ? l : Qn, xo = (p = (f = me.arrow) != null ? f : E.Arrow) != null ? p : Gn, kr = dt(Eo, C({}, k, (c = L.popper) != null ? c : A.popper, {
+    className: Ae(Ht.popper, k == null ? void 0 : k.className, (v = (h = L.popper) != null ? h : A.popper) == null ? void 0 : v.className)
+  }), Ue), jr = dt(Ao, C({}, _e, (m = L.transition) != null ? m : A.transition), Ue), Lr = dt(Ro, C({}, (g = L.tooltip) != null ? g : A.tooltip, {
+    className: Ae(Ht.tooltip, (P = (S = L.tooltip) != null ? S : A.tooltip) == null ? void 0 : P.className)
+  }), Ue), Vr = dt(xo, C({}, (y = L.arrow) != null ? y : A.arrow, {
+    className: Ae(Ht.arrow, (b = (w = L.arrow) != null ? w : A.arrow) == null ? void 0 : b.className)
+  }), Ue);
+  return /* @__PURE__ */ wt(R.Fragment, {
+    children: [/* @__PURE__ */ R.cloneElement(I, ee), /* @__PURE__ */ _(Eo, C({
+      as: ue ?? fr,
+      placement: le,
+      anchorEl: q ? {
+        getBoundingClientRect: () => ({
+          top: Ke.y,
+          left: Ke.x,
+          right: Ke.x,
+          bottom: Ke.y,
+          width: 0,
+          height: 0
+        })
+      } : V,
+      popperRef: Lt,
+      open: V ? he : !1,
+      id: kt,
+      transition: !0
+    }, Ze, kr, {
+      popperOptions: Xr,
+      children: ({
+        TransitionProps: x
+      }) => /* @__PURE__ */ _(Ao, C({
+        timeout: Ye.transitions.duration.shorter
+      }, x, jr, {
+        children: /* @__PURE__ */ wt(Ro, C({}, Lr, {
+          children: [j, O ? /* @__PURE__ */ _(xo, C({}, Vr, {
+            ref: Be
+          })) : null]
+        }))
+      }))
+    }))]
+  });
+});
+process.env.NODE_ENV !== "production" && (vr.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, adds an arrow to the tooltip.
+   * @default false
+   */
+  arrow: u.bool,
+  /**
+   * Tooltip reference element.
+   */
+  children: Kr.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: u.object,
+  /**
+   * @ignore
+   */
+  className: u.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: u.shape({
+    Arrow: u.elementType,
+    Popper: u.elementType,
+    Tooltip: u.elementType,
+    Transition: u.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: u.shape({
+    arrow: u.object,
+    popper: u.object,
+    tooltip: u.object,
+    transition: u.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: u.bool,
+  /**
+   * Do not respond to focus-visible events.
+   * @default false
+   */
+  disableFocusListener: u.bool,
+  /**
+   * Do not respond to hover events.
+   * @default false
+   */
+  disableHoverListener: u.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: u.bool,
+  /**
+   * Do not respond to long press touch events.
+   * @default false
+   */
+  disableTouchListener: u.bool,
+  /**
+   * The number of milliseconds to wait before showing the tooltip.
+   * This prop won't impact the enter touch delay (`enterTouchDelay`).
+   * @default 100
+   */
+  enterDelay: u.number,
+  /**
+   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
+   * @default 0
+   */
+  enterNextDelay: u.number,
+  /**
+   * The number of milliseconds a user must touch the element before showing the tooltip.
+   * @default 700
+   */
+  enterTouchDelay: u.number,
+  /**
+   * If `true`, the tooltip follow the cursor over the wrapped element.
+   * @default false
+   */
+  followCursor: u.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: u.string,
+  /**
+   * The number of milliseconds to wait before hiding the tooltip.
+   * This prop won't impact the leave touch delay (`leaveTouchDelay`).
+   * @default 0
+   */
+  leaveDelay: u.number,
+  /**
+   * The number of milliseconds after the user stops touching an element before hiding the tooltip.
+   * @default 1500
+   */
+  leaveTouchDelay: u.number,
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onClose: u.func,
+  /**
+   * Callback fired when the component requests to be open.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onOpen: u.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: u.bool,
+  /**
+   * Tooltip placement.
+   * @default 'bottom'
+   */
+  placement: u.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: u.elementType,
+  /**
+   * Props applied to the [`Popper`](/material-ui/api/popper/) element.
+   * @default {}
+   */
+  PopperProps: u.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: u.shape({
+    arrow: u.object,
+    popper: u.object,
+    tooltip: u.object,
+    transition: u.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: u.shape({
+    arrow: u.elementType,
+    popper: u.elementType,
+    tooltip: u.elementType,
+    transition: u.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: u.oneOfType([u.arrayOf(u.oneOfType([u.func, u.object, u.bool])), u.func, u.object]),
+  /**
+   * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
+   */
+  title: u.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: u.elementType,
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: u.object
+});
+const ht = vr;
+var te = function(e, o) {
+  return Number(e.toFixed(o));
+}, Jn = function(e, o) {
+  return typeof e == "number" ? e : o;
+}, z = function(e, o, t) {
+  t && typeof t == "function" && t(e, o);
+}, In = function(e) {
+  return -Math.cos(e * Math.PI) / 2 + 0.5;
+}, ea = function(e) {
+  return e;
+}, ta = function(e) {
+  return e * e;
+}, oa = function(e) {
+  return e * (2 - e);
+}, ra = function(e) {
+  return e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e;
+}, ia = function(e) {
+  return e * e * e;
+}, na = function(e) {
+  return --e * e * e + 1;
+}, aa = function(e) {
+  return e < 0.5 ? 4 * e * e * e : (e - 1) * (2 * e - 2) * (2 * e - 2) + 1;
+}, sa = function(e) {
+  return e * e * e * e;
+}, la = function(e) {
+  return 1 - --e * e * e * e;
+}, ua = function(e) {
+  return e < 0.5 ? 8 * e * e * e * e : 1 - 8 * --e * e * e * e;
+}, pa = function(e) {
+  return e * e * e * e * e;
+}, da = function(e) {
+  return 1 + --e * e * e * e * e;
+}, fa = function(e) {
+  return e < 0.5 ? 16 * e * e * e * e * e : 1 + 16 * --e * e * e * e * e;
+}, mr = {
+  easeOut: In,
+  linear: ea,
+  easeInQuad: ta,
+  easeOutQuad: oa,
+  easeInOutQuad: ra,
+  easeInCubic: ia,
+  easeOutCubic: na,
+  easeInOutCubic: aa,
+  easeInQuart: sa,
+  easeOutQuart: la,
+  easeInOutQuart: ua,
+  easeInQuint: pa,
+  easeOutQuint: da,
+  easeInOutQuint: fa
+}, hr = function(e) {
+  typeof e == "number" && cancelAnimationFrame(e);
+}, de = function(e) {
+  e.mounted && (hr(e.animation), e.animate = !1, e.animation = null, e.velocity = null);
+};
+function gr(e, o, t, r) {
+  if (e.mounted) {
+    var i = (/* @__PURE__ */ new Date()).getTime(), n = 1;
+    de(e), e.animation = function() {
+      if (!e.mounted)
+        return hr(e.animation);
+      var a = (/* @__PURE__ */ new Date()).getTime() - i, s = a / t, l = mr[o], d = l(s);
+      a >= t ? (r(n), e.animation = null) : e.animation && (r(d), requestAnimationFrame(e.animation));
+    }, requestAnimationFrame(e.animation);
+  }
+}
+function ca(e) {
+  var o = e.scale, t = e.positionX, r = e.positionY;
+  return !(Number.isNaN(o) || Number.isNaN(t) || Number.isNaN(r));
+}
+function Se(e, o, t, r) {
+  var i = ca(o);
+  if (!(!e.mounted || !i)) {
+    var n = e.setTransformState, a = e.transformState, s = a.scale, l = a.positionX, d = a.positionY, p = o.scale - s, f = o.positionX - l, c = o.positionY - d;
+    t === 0 ? n(o.scale, o.positionX, o.positionY) : gr(e, r, t, function(v) {
+      var h = s + p * v, m = l + f * v, g = d + c * v;
+      n(h, m, g);
+    });
+  }
+}
+function va(e, o, t) {
+  var r = e.offsetWidth, i = e.offsetHeight, n = o.offsetWidth, a = o.offsetHeight, s = n * t, l = a * t, d = r - s, p = i - l;
+  return {
+    wrapperWidth: r,
+    wrapperHeight: i,
+    newContentWidth: s,
+    newDiffWidth: d,
+    newContentHeight: l,
+    newDiffHeight: p
+  };
+}
+var ma = function(e, o, t, r, i, n, a) {
+  var s = e > o ? t * (a ? 1 : 0.5) : 0, l = r > i ? n * (a ? 1 : 0.5) : 0, d = e - o - s, p = s, f = r - i - l, c = l;
+  return { minPositionX: d, maxPositionX: p, minPositionY: f, maxPositionY: c };
+}, uo = function(e, o) {
+  var t = e.wrapperComponent, r = e.contentComponent, i = e.setup.centerZoomedOut;
+  if (!t || !r)
+    throw new Error("Components are not mounted");
+  var n = va(t, r, o), a = n.wrapperWidth, s = n.wrapperHeight, l = n.newContentWidth, d = n.newDiffWidth, p = n.newContentHeight, f = n.newDiffHeight, c = ma(a, l, d, s, p, f, !!i);
+  return c;
+}, Gt = function(e, o, t, r) {
+  return r ? e < o ? te(o, 2) : e > t ? te(t, 2) : te(e, 2) : te(e, 2);
+}, je = function(e, o) {
+  var t = uo(e, o);
+  return e.bounds = t, t;
+};
+function zt(e, o, t, r, i, n, a) {
+  var s = t.minPositionX, l = t.minPositionY, d = t.maxPositionX, p = t.maxPositionY, f = 0, c = 0;
+  a && (f = i, c = n);
+  var v = Gt(e, s - f, d + f, r), h = Gt(o, l - c, p + c, r);
+  return { x: v, y: h };
+}
+function $t(e, o, t, r, i, n) {
+  var a = e.transformState, s = a.scale, l = a.positionX, d = a.positionY, p = r - s;
+  if (typeof o != "number" || typeof t != "number")
+    return console.error("Mouse X and Y position were not provided!"), { x: l, y: d };
+  var f = l - o * p, c = d - t * p, v = zt(f, c, i, n, 0, 0, null);
+  return v;
+}
+function it(e, o, t, r, i) {
+  var n = i ? r : 0, a = o - n;
+  return !Number.isNaN(t) && e >= t ? t : !Number.isNaN(o) && e <= a ? a : e;
+}
+var Vo = function(e, o) {
+  var t = e.setup.panning.excluded, r = e.isInitialized, i = e.wrapperComponent, n = o.target, a = i == null ? void 0 : i.contains(n), s = r && n && a;
+  if (!s)
+    return !1;
+  var l = Wt(n, t);
+  return !l;
+}, Ho = function(e) {
+  var o = e.isInitialized, t = e.isPanning, r = e.setup, i = r.panning.disabled, n = o && t && !i;
+  return !!n;
+}, ha = function(e, o) {
+  var t = e.transformState, r = t.positionX, i = t.positionY;
+  e.isPanning = !0;
+  var n = o.clientX, a = o.clientY;
+  e.startCoords = { x: n - r, y: a - i };
+}, ga = function(e, o) {
+  var t = o.touches, r = e.transformState, i = r.positionX, n = r.positionY;
+  e.isPanning = !0;
+  var a = t.length === 1;
+  if (a) {
+    var s = t[0].clientX, l = t[0].clientY;
+    e.startCoords = { x: s - i, y: l - n };
+  }
+};
+function ba(e) {
+  var o = e.transformState, t = o.positionX, r = o.positionY, i = o.scale, n = e.setup, a = n.disabled, s = n.limitToBounds, l = n.centerZoomedOut, d = e.wrapperComponent;
+  if (!(a || !d || !e.bounds)) {
+    var p = e.bounds, f = p.maxPositionX, c = p.minPositionX, v = p.maxPositionY, h = p.minPositionY, m = t > f || t < c, g = r > v || r < h, P = t > f ? d.offsetWidth : e.setup.minPositionX || 0, S = r > v ? d.offsetHeight : e.setup.minPositionY || 0, y = $t(e, P, S, i, e.bounds, s || l), b = y.x, w = y.y;
+    return {
+      scale: i,
+      positionX: m ? b : t,
+      positionY: g ? w : r
+    };
+  }
+}
+function ya(e, o, t, r, i) {
+  var n = e.setup.limitToBounds, a = e.wrapperComponent, s = e.bounds, l = e.transformState, d = l.scale, p = l.positionX, f = l.positionY;
+  if (!(a === null || s === null || o === p && t === f)) {
+    var c = zt(o, t, s, n, r, i, a), v = c.x, h = c.y;
+    e.setTransformState(d, v, h);
+  }
+}
+var wa = function(e, o, t) {
+  var r = e.startCoords, i = e.transformState, n = e.setup.panning, a = n.lockAxisX, s = n.lockAxisY, l = i.positionX, d = i.positionY;
+  if (!r)
+    return { x: l, y: d };
+  var p = o - r.x, f = t - r.y, c = a ? l : p, v = s ? d : f;
+  return { x: c, y: v };
+}, Ot = function(e, o) {
+  var t = e.setup, r = e.transformState, i = r.scale, n = t.minScale, a = t.disablePadding;
+  return o > 0 && i >= n && !a ? o : 0;
+}, Pa = function(e) {
+  var o = e.mounted, t = e.setup, r = t.disabled, i = t.velocityAnimation, n = e.transformState.scale, a = i.disabled, s = !a || n > 1 || !r || o;
+  return !!s;
+}, Ta = function(e) {
+  var o = e.mounted, t = e.velocity, r = e.bounds, i = e.setup, n = i.disabled, a = i.velocityAnimation, s = e.transformState.scale, l = a.disabled, d = !l || s > 1 || !n || o;
+  return !(!d || !t || !r);
+};
+function Ca(e, o) {
+  var t = e.setup.velocityAnimation, r = t.equalToMove, i = t.animationTime, n = t.sensitivity;
+  return r ? i * o * n : i;
+}
+function Fo(e, o, t, r, i, n, a, s, l, d) {
+  if (i) {
+    if (o > a && t > a) {
+      var p = a + (e - a) * d;
+      return p > l ? l : p < a ? a : p;
+    }
+    if (o < n && t < n) {
+      var p = n + (e - n) * d;
+      return p < s ? s : p > n ? n : p;
+    }
+  }
+  return r ? o : Gt(e, n, a, i);
+}
+function Sa(e, o) {
+  var t = 1;
+  return o ? Math.min(t, e.offsetWidth / window.innerWidth) : t;
+}
+function Oa(e, o) {
+  var t = Pa(e);
+  if (t) {
+    var r = e.lastMousePosition, i = e.velocityTime, n = e.setup, a = e.wrapperComponent, s = n.velocityAnimation.equalToMove, l = Date.now();
+    if (r && i && a) {
+      var d = Sa(a, s), p = o.x - r.x, f = o.y - r.y, c = p / d, v = f / d, h = l - i, m = p * p + f * f, g = Math.sqrt(m) / h;
+      e.velocity = { velocityX: c, velocityY: v, total: g };
+    }
+    e.lastMousePosition = o, e.velocityTime = l;
+  }
+}
+function Ea(e) {
+  var o = e.velocity, t = e.bounds, r = e.setup, i = e.wrapperComponent, n = Ta(e);
+  if (!(!n || !o || !t || !i)) {
+    var a = o.velocityX, s = o.velocityY, l = o.total, d = t.maxPositionX, p = t.minPositionX, f = t.maxPositionY, c = t.minPositionY, v = r.limitToBounds, h = r.alignmentAnimation, m = r.zoomAnimation, g = r.panning, P = g.lockAxisY, S = g.lockAxisX, y = m.animationType, b = h.sizeX, w = h.sizeY, T = h.velocityAlignmentTime, O = T, D = Ca(e, l), E = Math.max(D, O), A = Ot(e, b), N = Ot(e, w), $ = A * i.offsetWidth / 100, Y = N * i.offsetHeight / 100, Z = d + $, U = p - $, B = f + Y, W = c - Y, X = e.transformState, q = (/* @__PURE__ */ new Date()).getTime();
+    gr(e, y, E, function(be) {
+      var se = e.transformState, ve = se.scale, ne = se.positionX, K = se.positionY, Q = (/* @__PURE__ */ new Date()).getTime() - q, le = Q / O, ue = mr[h.animationType], k = 1 - ue(Math.min(1, le)), L = 1 - be, me = ne + a * L, j = K + s * L, Le = Fo(me, X.positionX, ne, S, v, p, d, U, Z, k), _e = Fo(j, X.positionY, K, P, v, c, f, W, B, k);
+      (ne !== me || K !== j) && e.setTransformState(ve, Le, _e);
+    });
+  }
+}
+function Zo(e, o) {
+  var t = e.transformState.scale;
+  de(e), je(e, t), window.TouchEvent !== void 0 && o instanceof TouchEvent ? ga(e, o) : ha(e, o);
+}
+function br(e) {
+  var o = e.transformState.scale, t = e.setup, r = t.minScale, i = t.alignmentAnimation, n = i.disabled, a = i.sizeX, s = i.sizeY, l = i.animationTime, d = i.animationType, p = n || o < r || !a && !s;
+  if (!p) {
+    var f = ba(e);
+    f && Se(e, f, l, d);
+  }
+}
+function Uo(e, o, t) {
+  var r = e.startCoords, i = e.setup, n = i.alignmentAnimation, a = n.sizeX, s = n.sizeY;
+  if (r) {
+    var l = wa(e, o, t), d = l.x, p = l.y, f = Ot(e, a), c = Ot(e, s);
+    Oa(e, { x: d, y: p }), ya(e, d, p, f, c);
+  }
+}
+function Aa(e) {
+  if (e.isPanning) {
+    var o = e.setup.panning.velocityDisabled, t = e.velocity, r = e.wrapperComponent, i = e.contentComponent;
+    e.isPanning = !1, e.animate = !1, e.animation = null;
+    var n = r == null ? void 0 : r.getBoundingClientRect(), a = i == null ? void 0 : i.getBoundingClientRect(), s = (n == null ? void 0 : n.width) || 0, l = (n == null ? void 0 : n.height) || 0, d = (a == null ? void 0 : a.width) || 0, p = (a == null ? void 0 : a.height) || 0, f = s < d || l < p, c = !o && t && (t == null ? void 0 : t.total) > 0.1 && f;
+    c ? Ea(e) : br(e);
+  }
+}
+function po(e, o, t, r) {
+  var i = e.setup, n = i.minScale, a = i.maxScale, s = i.limitToBounds, l = it(te(o, 2), n, a, 0, !1), d = je(e, l), p = $t(e, t, r, l, d, s), f = p.x, c = p.y;
+  return { scale: l, positionX: f, positionY: c };
+}
+function yr(e, o, t) {
+  var r = e.transformState.scale, i = e.wrapperComponent, n = e.setup, a = n.minScale, s = n.limitToBounds, l = n.zoomAnimation, d = l.disabled, p = l.animationTime, f = l.animationType, c = d || r >= a;
+  if ((r >= 1 || s) && br(e), !(c || !i || !e.mounted)) {
+    var v = o || i.offsetWidth / 2, h = t || i.offsetHeight / 2, m = po(e, a, v, h);
+    m && Se(e, m, p, f);
+  }
+}
+var Te = function() {
+  return Te = Object.assign || function(o) {
+    for (var t, r = 1, i = arguments.length; r < i; r++) {
+      t = arguments[r];
+      for (var n in t)
+        Object.prototype.hasOwnProperty.call(t, n) && (o[n] = t[n]);
+    }
+    return o;
+  }, Te.apply(this, arguments);
+};
+function qo(e, o, t) {
+  if (t || arguments.length === 2)
+    for (var r = 0, i = o.length, n; r < i; r++)
+      (n || !(r in o)) && (n || (n = Array.prototype.slice.call(o, 0, r)), n[r] = o[r]);
+  return e.concat(n || Array.prototype.slice.call(o));
+}
+var gt = {
+  previousScale: 1,
+  scale: 1,
+  positionX: 0,
+  positionY: 0
+}, Qe = {
+  disabled: !1,
+  minPositionX: null,
+  maxPositionX: null,
+  minPositionY: null,
+  maxPositionY: null,
+  minScale: 1,
+  maxScale: 8,
+  limitToBounds: !0,
+  centerZoomedOut: !1,
+  centerOnInit: !1,
+  disablePadding: !1,
+  smooth: !0,
+  wheel: {
+    step: 0.2,
+    disabled: !1,
+    smoothStep: 1e-3,
+    wheelDisabled: !1,
+    touchPadDisabled: !1,
+    activationKeys: [],
+    excluded: []
+  },
+  panning: {
+    disabled: !1,
+    velocityDisabled: !1,
+    lockAxisX: !1,
+    lockAxisY: !1,
+    activationKeys: [],
+    excluded: []
+  },
+  pinch: {
+    step: 5,
+    disabled: !1,
+    excluded: []
+  },
+  doubleClick: {
+    disabled: !1,
+    step: 0.7,
+    mode: "zoomIn",
+    animationType: "easeOut",
+    animationTime: 200,
+    excluded: []
+  },
+  zoomAnimation: {
+    disabled: !1,
+    size: 0.4,
+    animationTime: 200,
+    animationType: "easeOut"
+  },
+  alignmentAnimation: {
+    disabled: !1,
+    sizeX: 100,
+    sizeY: 100,
+    animationTime: 200,
+    velocityAlignmentTime: 400,
+    animationType: "easeOut"
+  },
+  velocityAnimation: {
+    disabled: !1,
+    sensitivity: 1,
+    animationTime: 400,
+    animationType: "easeOut",
+    equalToMove: !0
+  }
+}, wr = function(e) {
+  var o, t, r, i;
+  return {
+    previousScale: (o = e.initialScale) !== null && o !== void 0 ? o : gt.scale,
+    scale: (t = e.initialScale) !== null && t !== void 0 ? t : gt.scale,
+    positionX: (r = e.initialPositionX) !== null && r !== void 0 ? r : gt.positionX,
+    positionY: (i = e.initialPositionY) !== null && i !== void 0 ? i : gt.positionY
+  };
+}, Ko = function(e) {
+  var o = Te({}, Qe);
+  return Object.keys(e).forEach(function(t) {
+    var r = typeof e[t] < "u", i = typeof Qe[t] < "u";
+    if (i && r) {
+      var n = Object.prototype.toString.call(Qe[t]), a = n === "[object Object]", s = n === "[object Array]";
+      a ? o[t] = Te(Te({}, Qe[t]), e[t]) : s ? o[t] = qo(qo([], Qe[t], !0), e[t], !0) : o[t] = e[t];
+    }
+  }), o;
+}, Pr = function(e, o, t) {
+  var r = e.transformState.scale, i = e.wrapperComponent, n = e.setup, a = n.maxScale, s = n.minScale, l = n.zoomAnimation, d = n.smooth, p = l.size;
+  if (!i)
+    throw new Error("Wrapper is not mounted");
+  var f = d ? r * Math.exp(o * t) : r + o * t, c = it(te(f, 3), s, a, p, !1);
+  return c;
+};
+function Tr(e, o, t, r, i) {
+  var n = e.wrapperComponent, a = e.transformState, s = a.scale, l = a.positionX, d = a.positionY;
+  if (!n)
+    return console.error("No WrapperComponent found");
+  var p = n.offsetWidth, f = n.offsetHeight, c = (p / 2 - l) / s, v = (f / 2 - d) / s, h = Pr(e, o, t), m = po(e, h, c, v);
+  if (!m)
+    return console.error("Error during zoom event. New transformation state was not calculated.");
+  Se(e, m, r, i);
+}
+function Cr(e, o, t, r) {
+  var i = e.setup, n = e.wrapperComponent, a = i.limitToBounds, s = wr(e.props), l = e.transformState, d = l.scale, p = l.positionX, f = l.positionY;
+  if (n) {
+    var c = uo(e, s.scale), v = zt(s.positionX, s.positionY, c, a, 0, 0, n), h = {
+      scale: s.scale,
+      positionX: v.x,
+      positionY: v.y
+    };
+    d === s.scale && p === s.positionX && f === s.positionY || (r == null || r(), Se(e, h, o, t));
+  }
+}
+function Ra(e, o, t, r) {
+  var i = e.getBoundingClientRect(), n = o.getBoundingClientRect(), a = t.getBoundingClientRect(), s = n.x * r.scale, l = n.y * r.scale;
+  return {
+    x: (i.x - a.x + s) / r.scale,
+    y: (i.y - a.y + l) / r.scale
+  };
+}
+function xa(e, o, t) {
+  var r = e.wrapperComponent, i = e.contentComponent, n = e.transformState, a = e.setup, s = a.limitToBounds, l = a.minScale, d = a.maxScale;
+  if (!r || !i)
+    return n;
+  var p = r.getBoundingClientRect(), f = o.getBoundingClientRect(), c = Ra(o, r, i, n), v = c.x, h = c.y, m = f.width / n.scale, g = f.height / n.scale, P = r.offsetWidth / m, S = r.offsetHeight / g, y = it(t || Math.min(P, S), l, d, 0, !1), b = (p.width - m * y) / 2, w = (p.height - g * y) / 2, T = (p.left - v) * y + b, O = (p.top - h) * y + w, D = uo(e, y), E = zt(T, O, D, s, 0, 0, r), A = E.x, N = E.y;
+  return { positionX: A, positionY: N, scale: y };
+}
+var Da = function(e) {
+  return function(o, t, r) {
+    o === void 0 && (o = 0.5), t === void 0 && (t = 300), r === void 0 && (r = "easeOut"), Tr(e, 1, o, t, r);
+  };
+}, Na = function(e) {
+  return function(o, t, r) {
+    o === void 0 && (o = 0.5), t === void 0 && (t = 300), r === void 0 && (r = "easeOut"), Tr(e, -1, o, t, r);
+  };
+}, Ma = function(e) {
+  return function(o, t, r, i, n) {
+    i === void 0 && (i = 300), n === void 0 && (n = "easeOut");
+    var a = e.transformState, s = a.positionX, l = a.positionY, d = a.scale, p = e.wrapperComponent, f = e.contentComponent, c = e.setup.disabled;
+    if (!(c || !p || !f)) {
+      var v = {
+        positionX: Number.isNaN(o) ? s : o,
+        positionY: Number.isNaN(t) ? l : t,
+        scale: Number.isNaN(r) ? d : r
+      };
+      Se(e, v, i, n);
+    }
+  };
+}, _a = function(e) {
+  return function(o, t) {
+    o === void 0 && (o = 200), t === void 0 && (t = "easeOut"), Cr(e, o, t);
+  };
+}, Ya = function(e) {
+  return function(o, t, r) {
+    t === void 0 && (t = 200), r === void 0 && (r = "easeOut");
+    var i = e.transformState, n = e.wrapperComponent, a = e.contentComponent;
+    if (n && a) {
+      var s = Sr(o || i.scale, n, a);
+      Se(e, s, t, r);
+    }
+  };
+}, Ba = function(e) {
+  return function(o, t, r, i) {
+    r === void 0 && (r = 600), i === void 0 && (i = "easeOut"), de(e);
+    var n = e.wrapperComponent, a = typeof o == "string" ? document.getElementById(o) : o;
+    if (n && a && n.contains(a)) {
+      var s = xa(e, a, t);
+      Se(e, s, r, i);
+    }
+  };
+}, Et = function(e) {
+  return {
+    instance: e,
+    zoomIn: Da(e),
+    zoomOut: Na(e),
+    setTransform: Ma(e),
+    resetTransform: _a(e),
+    centerView: Ya(e),
+    zoomToElement: Ba(e)
+  };
+}, za = function(e) {
+  return {
+    instance: e,
+    state: e.transformState
+  };
+}, M = function(e) {
+  var o = {};
+  return Object.assign(o, za(e)), Object.assign(o, Et(e)), o;
+}, Zt = !1;
+function Ut() {
+  try {
+    var e = {
+      get passive() {
+        return Zt = !0, !1;
+      }
+    };
+    return e;
+  } catch {
+    return Zt = !1, Zt;
+  }
+}
+var Wt = function(e, o) {
+  var t = e.tagName.toUpperCase(), r = o.find(function(n) {
+    return n.toUpperCase() === t;
+  });
+  if (r)
+    return !0;
+  var i = o.find(function(n) {
+    return e.classList.contains(n);
+  });
+  return !!i;
+}, Jt = function(e) {
+  e && clearTimeout(e);
+}, $a = function(e, o, t) {
+  return "translate(".concat(e, "px, ").concat(o, "px) scale(").concat(t, ")");
+}, Sr = function(e, o, t) {
+  var r = t.offsetWidth * e, i = t.offsetHeight * e, n = (o.offsetWidth - r) / 2, a = (o.offsetHeight - i) / 2;
+  return {
+    scale: e,
+    positionX: n,
+    positionY: a
+  };
+};
+function Wa(e) {
+  return function(o) {
+    e.forEach(function(t) {
+      typeof t == "function" ? t(o) : t != null && (t.current = o);
+    });
+  };
+}
+var Xa = function(e, o) {
+  var t = e.setup.wheel, r = t.disabled, i = t.wheelDisabled, n = t.touchPadDisabled, a = t.excluded, s = e.isInitialized, l = e.isPanning, d = o.target, p = s && !l && !r && d;
+  if (!p || i && !o.ctrlKey || n && o.ctrlKey)
+    return !1;
+  var f = Wt(d, a);
+  return !f;
+}, ka = function(e) {
+  return e ? e.deltaY < 0 ? 1 : -1 : 0;
+};
+function ja(e, o) {
+  var t = ka(e), r = Jn(o, t);
+  return r;
+}
+function Or(e, o, t) {
+  var r = o.getBoundingClientRect(), i = 0, n = 0;
+  if ("clientX" in e)
+    i = (e.clientX - r.left) / t, n = (e.clientY - r.top) / t;
+  else {
+    var a = e.touches[0];
+    i = (a.clientX - r.left) / t, n = (a.clientY - r.top) / t;
+  }
+  return (Number.isNaN(i) || Number.isNaN(n)) && console.error("No mouse or touch offset found"), {
+    x: i,
+    y: n
+  };
+}
+var La = function(e, o, t, r, i) {
+  var n = e.transformState.scale, a = e.wrapperComponent, s = e.setup, l = s.maxScale, d = s.minScale, p = s.zoomAnimation, f = s.disablePadding, c = p.size, v = p.disabled;
+  if (!a)
+    throw new Error("Wrapper is not mounted");
+  var h = n + o * t;
+  if (i)
+    return h;
+  var m = r ? !1 : !v, g = it(te(h, 3), d, l, c, m && !f);
+  return g;
+}, Va = function(e, o) {
+  var t = e.previousWheelEvent, r = e.transformState.scale, i = e.setup, n = i.maxScale, a = i.minScale;
+  return t ? r < n || r > a || Math.sign(t.deltaY) !== Math.sign(o.deltaY) || t.deltaY > 0 && t.deltaY < o.deltaY || t.deltaY < 0 && t.deltaY > o.deltaY || Math.sign(t.deltaY) !== Math.sign(o.deltaY) : !1;
+}, Ha = function(e, o) {
+  var t = e.setup.pinch, r = t.disabled, i = t.excluded, n = e.isInitialized, a = o.target, s = n && !r && a;
+  if (!s)
+    return !1;
+  var l = Wt(a, i);
+  return !l;
+}, Fa = function(e) {
+  var o = e.setup.pinch.disabled, t = e.isInitialized, r = e.pinchStartDistance, i = t && !o && r;
+  return !!i;
+}, Za = function(e, o, t) {
+  var r = t.getBoundingClientRect(), i = e.touches, n = te(i[0].clientX - r.left, 5), a = te(i[0].clientY - r.top, 5), s = te(i[1].clientX - r.left, 5), l = te(i[1].clientY - r.top, 5);
+  return {
+    x: (n + s) / 2 / o,
+    y: (a + l) / 2 / o
+  };
+}, Er = function(e) {
+  return Math.sqrt(Math.pow(e.touches[0].pageX - e.touches[1].pageX, 2) + Math.pow(e.touches[0].pageY - e.touches[1].pageY, 2));
+}, Ua = function(e, o) {
+  var t = e.pinchStartScale, r = e.pinchStartDistance, i = e.setup, n = i.maxScale, a = i.minScale, s = i.zoomAnimation, l = i.disablePadding, d = s.size, p = s.disabled;
+  if (!t || r === null || !o)
+    throw new Error("Pinch touches distance was not provided");
+  if (o < 0)
+    return e.transformState.scale;
+  var f = o / r, c = f * t;
+  return it(te(c, 2), a, n, d, !p && !l);
+}, qa = 160, Ka = 100, Qa = function(e, o) {
+  var t = e.props, r = t.onWheelStart, i = t.onZoomStart;
+  e.wheelStopEventTimer || (de(e), z(M(e), o, r), z(M(e), o, i));
+}, Ga = function(e, o) {
+  var t = e.props, r = t.onWheel, i = t.onZoom, n = e.contentComponent, a = e.setup, s = e.transformState, l = s.scale, d = a.limitToBounds, p = a.centerZoomedOut, f = a.zoomAnimation, c = a.wheel, v = a.disablePadding, h = a.smooth, m = f.size, g = f.disabled, P = c.step, S = c.smoothStep;
+  if (!n)
+    throw new Error("Component not mounted");
+  o.preventDefault(), o.stopPropagation();
+  var y = ja(o, null), b = h ? S * Math.abs(o.deltaY) : P, w = La(e, y, b, !o.ctrlKey);
+  if (l !== w) {
+    var T = je(e, w), O = Or(o, n, l), D = g || m === 0 || p || v, E = d && D, A = $t(e, O.x, O.y, w, T, E), N = A.x, $ = A.y;
+    e.previousWheelEvent = o, e.setTransformState(w, N, $), z(M(e), o, r), z(M(e), o, i);
+  }
+}, Ja = function(e, o) {
+  var t = e.props, r = t.onWheelStop, i = t.onZoomStop;
+  Jt(e.wheelAnimationTimer), e.wheelAnimationTimer = setTimeout(function() {
+    e.mounted && (yr(e, o.x, o.y), e.wheelAnimationTimer = null);
+  }, Ka);
+  var n = Va(e, o);
+  n && (Jt(e.wheelStopEventTimer), e.wheelStopEventTimer = setTimeout(function() {
+    e.mounted && (e.wheelStopEventTimer = null, z(M(e), o, r), z(M(e), o, i));
+  }, qa));
+}, Ia = function(e, o) {
+  var t = Er(o);
+  e.pinchStartDistance = t, e.lastDistance = t, e.pinchStartScale = e.transformState.scale, e.isPanning = !1, de(e);
+}, es = function(e, o) {
+  var t = e.contentComponent, r = e.pinchStartDistance, i = e.transformState.scale, n = e.setup, a = n.limitToBounds, s = n.centerZoomedOut, l = n.zoomAnimation, d = l.disabled, p = l.size;
+  if (!(r === null || !t)) {
+    var f = Za(o, i, t);
+    if (!(!Number.isFinite(f.x) || !Number.isFinite(f.y))) {
+      var c = Er(o), v = Ua(e, c);
+      if (v !== i) {
+        var h = je(e, v), m = d || p === 0 || s, g = a && m, P = $t(e, f.x, f.y, v, h, g), S = P.x, y = P.y;
+        e.pinchMidpoint = f, e.lastDistance = c, e.setTransformState(v, S, y);
+      }
+    }
+  }
+}, ts = function(e) {
+  var o = e.pinchMidpoint;
+  e.velocity = null, e.lastDistance = null, e.pinchMidpoint = null, e.pinchStartScale = null, e.pinchStartDistance = null, yr(e, o == null ? void 0 : o.x, o == null ? void 0 : o.y);
+}, Ar = function(e, o) {
+  var t = e.props.onZoomStop, r = e.setup.doubleClick.animationTime;
+  Jt(e.doubleClickStopEventTimer), e.doubleClickStopEventTimer = setTimeout(function() {
+    e.doubleClickStopEventTimer = null, z(M(e), o, t);
+  }, r);
+}, os = function(e, o) {
+  var t = e.props, r = t.onZoomStart, i = t.onZoom, n = e.setup.doubleClick, a = n.animationTime, s = n.animationType;
+  z(M(e), o, r), Cr(e, a, s, function() {
+    return z(M(e), o, i);
+  }), Ar(e, o);
+};
+function rs(e, o) {
+  var t = e.setup, r = e.doubleClickStopEventTimer, i = e.transformState, n = e.contentComponent, a = i.scale, s = e.props, l = s.onZoomStart, d = s.onZoom, p = t.doubleClick, f = p.disabled, c = p.mode, v = p.step, h = p.animationTime, m = p.animationType;
+  if (!f && !r) {
+    if (c === "reset")
+      return os(e, o);
+    if (!n)
+      return console.error("No ContentComponent found");
+    var g = c === "zoomOut" ? -1 : 1, P = Pr(e, g, v);
+    if (a !== P) {
+      z(M(e), o, l);
+      var S = Or(o, n, a), y = po(e, P, S.x, S.y);
+      if (!y)
+        return console.error("Error during zoom event. New transformation state was not calculated.");
+      z(M(e), o, d), Se(e, y, h, m), Ar(e, o);
+    }
+  }
+}
+var is = function(e, o) {
+  var t = e.isInitialized, r = e.setup, i = e.wrapperComponent, n = r.doubleClick, a = n.disabled, s = n.excluded, l = o.target, d = i == null ? void 0 : i.contains(l), p = t && l && d && !a;
+  if (!p)
+    return !1;
+  var f = Wt(l, s);
+  return !f;
+}, ns = (
+  /** @class */
+  function() {
+    function e(o) {
+      var t = this;
+      this.mounted = !0, this.onChangeCallbacks = /* @__PURE__ */ new Set(), this.onInitCallbacks = /* @__PURE__ */ new Set(), this.wrapperComponent = null, this.contentComponent = null, this.isInitialized = !1, this.bounds = null, this.previousWheelEvent = null, this.wheelStopEventTimer = null, this.wheelAnimationTimer = null, this.isPanning = !1, this.startCoords = null, this.lastTouch = null, this.distance = null, this.lastDistance = null, this.pinchStartDistance = null, this.pinchStartScale = null, this.pinchMidpoint = null, this.doubleClickStopEventTimer = null, this.velocity = null, this.velocityTime = null, this.lastMousePosition = null, this.animate = !1, this.animation = null, this.maxBounds = null, this.pressedKeys = {}, this.mount = function() {
+        t.initializeWindowEvents();
+      }, this.unmount = function() {
+        t.cleanupWindowEvents();
+      }, this.update = function(r) {
+        je(t, t.transformState.scale), t.setup = Ko(r);
+      }, this.initializeWindowEvents = function() {
+        var r, i = Ut(), n = (r = t.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, a = n == null ? void 0 : n.defaultView;
+        a == null || a.addEventListener("mousedown", t.onPanningStart, i), a == null || a.addEventListener("mousemove", t.onPanning, i), a == null || a.addEventListener("mouseup", t.onPanningStop, i), n == null || n.addEventListener("mouseleave", t.clearPanning, i), a == null || a.addEventListener("keyup", t.setKeyUnPressed, i), a == null || a.addEventListener("keydown", t.setKeyPressed, i);
+      }, this.cleanupWindowEvents = function() {
+        var r, i, n = Ut(), a = (r = t.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, s = a == null ? void 0 : a.defaultView;
+        s == null || s.removeEventListener("mousedown", t.onPanningStart, n), s == null || s.removeEventListener("mousemove", t.onPanning, n), s == null || s.removeEventListener("mouseup", t.onPanningStop, n), a == null || a.removeEventListener("mouseleave", t.clearPanning, n), s == null || s.removeEventListener("keyup", t.setKeyUnPressed, n), s == null || s.removeEventListener("keydown", t.setKeyPressed, n), document.removeEventListener("mouseleave", t.clearPanning, n), de(t), (i = t.observer) === null || i === void 0 || i.disconnect();
+      }, this.handleInitializeWrapperEvents = function(r) {
+        var i = Ut();
+        r.addEventListener("wheel", t.onWheelZoom, i), r.addEventListener("dblclick", t.onDoubleClick, i), r.addEventListener("touchstart", t.onTouchPanningStart, i), r.addEventListener("touchmove", t.onTouchPanning, i), r.addEventListener("touchend", t.onTouchPanningStop, i);
+      }, this.handleInitialize = function(r) {
+        var i = t.setup.centerOnInit;
+        t.applyTransformation(), t.onInitCallbacks.forEach(function(n) {
+          return n(M(t));
+        }), i && (t.setCenter(), t.observer = new ResizeObserver(function() {
+          var n;
+          t.onInitCallbacks.forEach(function(a) {
+            return a(M(t));
+          }), t.setCenter(), (n = t.observer) === null || n === void 0 || n.disconnect();
+        }), t.observer.observe(r));
+      }, this.onWheelZoom = function(r) {
+        var i = t.setup.disabled;
+        if (!i) {
+          var n = Xa(t, r);
+          if (n) {
+            var a = t.isPressingKeys(t.setup.wheel.activationKeys);
+            a && (Qa(t, r), Ga(t, r), Ja(t, r));
+          }
+        }
+      }, this.onPanningStart = function(r) {
+        var i = t.setup.disabled, n = t.props.onPanningStart;
+        if (!i) {
+          var a = Vo(t, r);
+          if (a) {
+            var s = t.isPressingKeys(t.setup.panning.activationKeys);
+            s && (r.preventDefault(), r.stopPropagation(), de(t), Zo(t, r), z(M(t), r, n));
+          }
+        }
+      }, this.onPanning = function(r) {
+        var i = t.setup.disabled, n = t.props.onPanning;
+        if (!i) {
+          var a = Ho(t);
+          if (a) {
+            var s = t.isPressingKeys(t.setup.panning.activationKeys);
+            s && (r.preventDefault(), r.stopPropagation(), Uo(t, r.clientX, r.clientY), z(M(t), r, n));
+          }
+        }
+      }, this.onPanningStop = function(r) {
+        var i = t.props.onPanningStop;
+        t.isPanning && (Aa(t), z(M(t), r, i));
+      }, this.onPinchStart = function(r) {
+        var i = t.setup.disabled, n = t.props, a = n.onPinchingStart, s = n.onZoomStart;
+        if (!i) {
+          var l = Ha(t, r);
+          l && (Ia(t, r), de(t), z(M(t), r, a), z(M(t), r, s));
+        }
+      }, this.onPinch = function(r) {
+        var i = t.setup.disabled, n = t.props, a = n.onPinching, s = n.onZoom;
+        if (!i) {
+          var l = Fa(t);
+          l && (r.preventDefault(), r.stopPropagation(), es(t, r), z(M(t), r, a), z(M(t), r, s));
+        }
+      }, this.onPinchStop = function(r) {
+        var i = t.props, n = i.onPinchingStop, a = i.onZoomStop;
+        t.pinchStartScale && (ts(t), z(M(t), r, n), z(M(t), r, a));
+      }, this.onTouchPanningStart = function(r) {
+        var i = t.setup.disabled, n = t.props.onPanningStart;
+        if (!i) {
+          var a = Vo(t, r);
+          if (a) {
+            var s = t.lastTouch && +/* @__PURE__ */ new Date() - t.lastTouch < 200;
+            if (s && r.touches.length === 1)
+              t.onDoubleClick(r);
+            else {
+              t.lastTouch = +/* @__PURE__ */ new Date(), de(t);
+              var l = r.touches, d = l.length === 1, p = l.length === 2;
+              d && (de(t), Zo(t, r), z(M(t), r, n)), p && t.onPinchStart(r);
+            }
+          }
+        }
+      }, this.onTouchPanning = function(r) {
+        var i = t.setup.disabled, n = t.props.onPanning;
+        if (t.isPanning && r.touches.length === 1) {
+          if (i)
+            return;
+          var a = Ho(t);
+          if (!a)
+            return;
+          r.preventDefault(), r.stopPropagation();
+          var s = r.touches[0];
+          Uo(t, s.clientX, s.clientY), z(M(t), r, n);
+        } else
+          r.touches.length > 1 && t.onPinch(r);
+      }, this.onTouchPanningStop = function(r) {
+        t.onPanningStop(r), t.onPinchStop(r);
+      }, this.onDoubleClick = function(r) {
+        var i = t.setup.disabled;
+        if (!i) {
+          var n = is(t, r);
+          n && rs(t, r);
+        }
+      }, this.clearPanning = function(r) {
+        t.isPanning && t.onPanningStop(r);
+      }, this.setKeyPressed = function(r) {
+        t.pressedKeys[r.key] = !0;
+      }, this.setKeyUnPressed = function(r) {
+        t.pressedKeys[r.key] = !1;
+      }, this.isPressingKeys = function(r) {
+        return r.length ? !!r.find(function(i) {
+          return t.pressedKeys[i];
+        }) : !0;
+      }, this.setTransformState = function(r, i, n) {
+        var a = t.props.onTransformed;
+        if (!Number.isNaN(r) && !Number.isNaN(i) && !Number.isNaN(n)) {
+          r !== t.transformState.scale && (t.transformState.previousScale = t.transformState.scale, t.transformState.scale = r), t.transformState.positionX = i, t.transformState.positionY = n, t.applyTransformation();
+          var s = M(t);
+          t.onChangeCallbacks.forEach(function(l) {
+            return l(s);
+          }), z(s, { scale: r, positionX: i, positionY: n }, a);
+        } else
+          console.error("Detected NaN set state values");
+      }, this.setCenter = function() {
+        if (t.wrapperComponent && t.contentComponent) {
+          var r = Sr(t.transformState.scale, t.wrapperComponent, t.contentComponent);
+          t.setTransformState(r.scale, r.positionX, r.positionY);
+        }
+      }, this.handleTransformStyles = function(r, i, n) {
+        return t.props.customTransform ? t.props.customTransform(r, i, n) : $a(r, i, n);
+      }, this.applyTransformation = function() {
+        if (!(!t.mounted || !t.contentComponent)) {
+          var r = t.transformState, i = r.scale, n = r.positionX, a = r.positionY, s = t.handleTransformStyles(n, a, i);
+          t.contentComponent.style.transform = s;
+        }
+      }, this.getContext = function() {
+        return M(t);
+      }, this.onChange = function(r) {
+        return t.onChangeCallbacks.has(r) || t.onChangeCallbacks.add(r), function() {
+          t.onChangeCallbacks.delete(r);
+        };
+      }, this.onInit = function(r) {
+        return t.onInitCallbacks.has(r) || t.onInitCallbacks.add(r), function() {
+          t.onInitCallbacks.delete(r);
+        };
+      }, this.init = function(r, i) {
+        t.cleanupWindowEvents(), t.wrapperComponent = r, t.contentComponent = i, je(t, t.transformState.scale), t.handleInitializeWrapperEvents(r), t.handleInitialize(i), t.initializeWindowEvents(), t.isInitialized = !0;
+        var n = M(t);
+        z(n, void 0, t.props.onInit);
+      }, this.props = o, this.setup = Ko(this.props), this.transformState = wr(this.props);
+    }
+    return e;
+  }()
+), Xt = xe.createContext(null), as = function(e, o) {
+  return typeof e == "function" ? e(o) : e;
+}, ks = xe.forwardRef(function(e, o) {
+  var t = Tt(new ns(e)).current, r = as(e.children, Et(t));
+  return Qr(o, function() {
+    return Et(t);
+  }, [t]), It(function() {
+    t.update(e);
+  }, [t, e]), xe.createElement(Xt.Provider, { value: t }, r);
+});
+xe.forwardRef(function(e, o) {
+  var t = Tt(null), r = eo(Xt);
+  return It(function() {
+    return r.onChange(function(i) {
+      if (t.current) {
+        var n = 0, a = 0;
+        t.current.style.transform = r.handleTransformStyles(n, a, 1 / i.instance.transformState.scale);
+      }
+    });
+  }, [r]), xe.createElement("div", Te({}, e, { ref: Wa([t, o]) }));
+});
+function ss(e, o) {
+  o === void 0 && (o = {});
+  var t = o.insertAt;
+  if (!(!e || typeof document > "u")) {
+    var r = document.head || document.getElementsByTagName("head")[0], i = document.createElement("style");
+    i.type = "text/css", t === "top" && r.firstChild ? r.insertBefore(i, r.firstChild) : r.appendChild(i), i.styleSheet ? i.styleSheet.cssText = e : i.appendChild(document.createTextNode(e));
+  }
+}
+var ls = `.transform-component-module_wrapper__SPB86 {
+  position: relative;
+  width: -moz-fit-content;
+  width: fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  overflow: hidden;
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Safari */
+  -khtml-user-select: none; /* Konqueror HTML */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  user-select: none;
+  margin: 0;
+  padding: 0;
+}
+.transform-component-module_content__FBWxo {
+  display: flex;
+  flex-wrap: wrap;
+  width: -moz-fit-content;
+  width: fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  margin: 0;
+  padding: 0;
+  transform-origin: 0% 0%;
+}
+.transform-component-module_content__FBWxo img {
+  pointer-events: none;
+}
+`, Qo = { wrapper: "transform-component-module_wrapper__SPB86", content: "transform-component-module_content__FBWxo" };
+ss(ls);
+var js = function(e) {
+  var o = e.children, t = e.wrapperClass, r = t === void 0 ? "" : t, i = e.contentClass, n = i === void 0 ? "" : i, a = e.wrapperStyle, s = e.contentStyle, l = e.wrapperProps, d = l === void 0 ? {} : l, p = e.contentProps, f = p === void 0 ? {} : p, c = eo(Xt).init, v = Tt(null), h = Tt(null);
+  return It(function() {
+    var m = v.current, g = h.current;
+    m !== null && g !== null && c && c(m, g);
+  }, []), xe.createElement(
+    "div",
+    Te({}, d, { ref: v, className: "react-transform-wrapper ".concat(Qo.wrapper, " ").concat(r), style: a }),
+    xe.createElement("div", Te({}, f, { ref: h, className: "react-transform-component ".concat(Qo.content, " ").concat(n), style: s }), o)
+  );
+}, us = function() {
+  var e = eo(Xt);
+  if (!e)
+    throw new Error("Transform context must be placed inside TransformWrapper");
+  return e;
+}, ps = function() {
+  var e = us();
+  return Et(e);
+}, fo = {}, ds = xt;
+Object.defineProperty(fo, "__esModule", {
+  value: !0
+});
+var Rr = fo.default = void 0, fs = ds(Rt()), cs = At, vs = (0, fs.default)(/* @__PURE__ */ (0, cs.jsx)("path", {
+  d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+}), "Add");
+Rr = fo.default = vs;
+var co = {}, ms = xt;
+Object.defineProperty(co, "__esModule", {
+  value: !0
+});
+var xr = co.default = void 0, hs = ms(Rt()), gs = At, bs = (0, hs.default)(/* @__PURE__ */ (0, gs.jsx)("path", {
+  d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
+}), "Refresh");
+xr = co.default = bs;
+var vo = {}, ys = xt;
+Object.defineProperty(vo, "__esModule", {
+  value: !0
+});
+var Dr = vo.default = void 0, ws = ys(Rt()), Ps = At, Ts = (0, ws.default)(/* @__PURE__ */ (0, Ps.jsx)("path", {
+  d: "M19 13H5v-2h14v2z"
+}), "Remove");
+Dr = vo.default = Ts;
+var mo = {}, Cs = xt;
+Object.defineProperty(mo, "__esModule", {
+  value: !0
+});
+var Nr = mo.default = void 0, Ss = Cs(Rt()), Os = At, Es = (0, Ss.default)(/* @__PURE__ */ (0, Os.jsx)("path", {
+  d: "m4 7.59 5-5c.78-.78 2.05-.78 2.83 0L20.24 11h-2.83L10.4 4 5.41 9H8v2H2V5h2v2.59zM20 19h2v-6h-6v2h2.59l-4.99 5-7.01-7H3.76l8.41 8.41c.78.78 2.05.78 2.83 0l5-5V19z"
+}), "ScreenRotationAlt");
+Nr = mo.default = Es;
+const As = {
+  position: "absolute",
+  zIndex: 1,
+  right: "2rem",
+  bottom: "2rem",
+  width: "fit-content",
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "flex-end",
+  backgroundColor: "#0F0E0E4D",
+  borderRadius: "5rem"
+}, Go = {
+  backgroundColor: "#0000000D",
+  height: "0.0625rem"
+}, yt = {
+  color: "white",
+  "&:focus": {
+    outline: "none"
+  }
+}, Rs = {
+  ...yt,
+  position: "absolute",
+  zIndex: 1,
+  right: "2rem",
+  bottom: "10rem",
+  background: "#0F0E0E4D",
+  color: "white",
+  padding: "0.55rem"
+}, Ls = ({
+  controllerContainerProps: e,
+  zoomInButtonProps: o,
+  zoomOutButtonProps: t,
+  resetTransformButtonProps: r,
+  dividerProps: i,
+  handleRotate: n,
+  rotateButtonProps: a
+}) => {
+  const { zoomIn: s, zoomOut: l, resetTransform: d } = ps();
+  function p() {
+    s();
+  }
+  function f() {
+    l();
+  }
+  function c() {
+    d();
+  }
+  return /* @__PURE__ */ wt(Hr, { children: [
+    /* @__PURE__ */ _(ht, { title: "Rotate", placement: "left", children: /* @__PURE__ */ _(
+      ft,
+      {
+        disableRipple: !0,
+        disableFocusRipple: !0,
+        "aria-label": "Rotate",
+        onClick: n,
+        sx: Rs,
+        ...a,
+        children: /* @__PURE__ */ _(Nr, {})
+      }
+    ) }),
+    /* @__PURE__ */ wt(
+      Wn,
+      {
+        sx: As,
+        ...e,
+        children: [
+          /* @__PURE__ */ _(ht, { title: "Zoom In", placement: "left", children: /* @__PURE__ */ _(
+            ft,
+            {
+              disableRipple: !0,
+              disableFocusRipple: !0,
+              "aria-label": "Zoom In",
+              onClick: p,
+              sx: yt,
+              ...o,
+              children: /* @__PURE__ */ _(Rr, {})
+            }
+          ) }),
+          /* @__PURE__ */ _(Lo, { sx: Go, ...i }),
+          /* @__PURE__ */ _(ht, { title: "Zoom Out", placement: "left", children: /* @__PURE__ */ _(
+            ft,
+            {
+              disableFocusRipple: !0,
+              disableRipple: !0,
+              "aria-label": "Zoom Out",
+              onClick: f,
+              sx: yt,
+              ...t,
+              children: /* @__PURE__ */ _(Dr, {})
+            }
+          ) }),
+          /* @__PURE__ */ _(Lo, { sx: Go, ...i }),
+          /* @__PURE__ */ _(ht, { title: "Reset", placement: "left", children: /* @__PURE__ */ _(
+            ft,
+            {
+              disableFocusRipple: !0,
+              disableRipple: !0,
+              "aria-label": "Reset",
+              onClick: c,
+              sx: yt,
+              ...r,
+              children: /* @__PURE__ */ _(xr, {})
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Wn as B,
+  ks as T,
+  Ls as Z,
+  js as a
+};