@loopr-ai/craft 0.8.3 → 0.9.0

package/dist/ZoomControllers-657c8b74.js

@@ -0,0 +1,3383 @@
+import At, { jsx as _, jsxs as wt, Fragment as Vr } from "react/jsx-runtime";
+import { o as xo, P as Hr, H as Pt, u as Fr, G as Mo, k as dt, e as Zr, r as Rt, i as Dt } from "./createSvgIcon-59e7bc15.js";
+import * as D from "react";
+import Re, { useRef as Tt, useImperativeHandle as Ur, useEffect as Gt, useContext as Jt } from "react";
+import { g as It, b as Pe, a as S, f as Ie, _ as je, P as u } from "./createTheme-d2329909.js";
+import { g as eo, s as xe, b as xt, c as Be, e as Mt } from "./styled-8f7db30d.js";
+import { u as qr } from "./useTheme-21caf71b.js";
+import { c as Jo } from "./chainPropTypes-004bf492.js";
+import { r as Io, u as Zt, c as Yo, b as Kr, a as Qr } from "./TransitionGroupContext-21923db7.js";
+import { c as Gr } from "./useThemeWithoutDefault-188598a8.js";
+import { u as Jr, a as Ir } from "./useControlled-4e337b2f.js";
+import { B as ei } from "./ButtonBase-46c20f20.js";
+import { B as ti } from "./Box-96e795c4.js";
+import { g as oi } from "./dividerClasses-9354a5c9.js";
+function ri(e) {
+  return It("MuiIconButton", e);
+}
+const ii = eo("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), ni = ii, ai = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], si = (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 Mt(a, ri, o);
+}, li = xe(ei, {
+  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
+}) => S({
+  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 S({}, o.color === "inherit" && {
+    color: "inherit"
+  }, o.color !== "inherit" && o.color !== "default" && S({
+    color: r == null ? void 0 : r.main
+  }, !o.disableRipple && {
+    "&:hover": S({}, 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)
+  }, {
+    [`&.${ni.disabled}`]: {
+      backgroundColor: "transparent",
+      color: (e.vars || e).palette.action.disabled
+    }
+  });
+}), er = /* @__PURE__ */ D.forwardRef(function(o, t) {
+  const r = xt({
+    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 = je(r, ai), c = S({}, r, {
+    edge: i,
+    color: s,
+    disabled: l,
+    disableFocusRipple: d,
+    size: p
+  }), v = si(c);
+  return /* @__PURE__ */ _(li, S({
+    className: Be(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) => D.Children.toArray(e.children).some((t) => /* @__PURE__ */ D.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, ui = {
+  disableDefaultClasses: !1
+}, pi = /* @__PURE__ */ D.createContext(ui);
+function di(e) {
+  const {
+    disableDefaultClasses: o
+  } = D.useContext(pi);
+  return (t) => o ? "" : e(t);
+}
+var H = "top", re = "bottom", ie = "right", F = "left", to = "auto", ot = [H, re, ie, F], ze = "start", et = "end", fi = "clippingParents", tr = "viewport", qe = "popper", ci = "reference", _o = /* @__PURE__ */ ot.reduce(function(e, o) {
+  return e.concat([o + "-" + ze, o + "-" + et]);
+}, []), or = /* @__PURE__ */ [].concat(ot, [to]).reduce(function(e, o) {
+  return e.concat([o, o + "-" + ze, o + "-" + et]);
+}, []), vi = "beforeRead", mi = "read", hi = "afterRead", gi = "beforeMain", bi = "main", yi = "afterMain", wi = "beforeWrite", Pi = "write", Ti = "afterWrite", Ci = [vi, mi, hi, gi, bi, yi, wi, Pi, Ti];
+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 Si(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 Oi(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 Ei = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: Si,
+  effect: Oi,
+  requires: ["computeStyles"]
+};
+function fe(e) {
+  return e.split("-")[0];
+}
+var Ae = Math.max, Ct = Math.min, Xe = Math.round;
+function Ut() {
+  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(Ut());
+}
+function We(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 && Xe(r.width) / e.offsetWidth || 1, n = e.offsetHeight > 0 && Xe(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 = We(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 Ai(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 No(e) {
+  return !oe(e) || // https://github.com/popperjs/popper-core/issues/837
+  ge(e).position === "fixed" ? null : e.offsetParent;
+}
+function Ri(e) {
+  var o = /firefox/i.test(Ut()), t = /Trident/i.test(Ut());
+  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 = No(e); t && Ai(t) && ge(t).position === "static"; )
+    t = No(t);
+  return t && (ce(t) === "html" || ce(t) === "body" && ge(t).position === "static") ? o : t || Ri(e) || o;
+}
+function io(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function Ge(e, o, t) {
+  return Ae(e, Ct(o, t));
+}
+function Di(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 xi = 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 Mi(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 = xi(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), C = P ? l === "y" ? P.clientHeight || 0 : P.clientWidth || 0 : 0, y = m / 2 - g / 2, b = f[v], w = C - c[p] - f[h], T = C / 2 - c[p] / 2 + y, O = Ge(b, T, w), x = l;
+    t.modifiersData[r] = (o = {}, o[x] = O, o.centerOffset = O - T, o);
+  }
+}
+function Yi(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 _i = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: Mi,
+  effect: Yi,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function $e(e) {
+  return e.split("-")[1];
+}
+var Ni = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function Bi(e, o) {
+  var t = e.x, r = e.y, i = o.devicePixelRatio || 1;
+  return {
+    x: Xe(t * i) / i || 0,
+    y: Xe(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"), C = a.hasOwnProperty("y"), y = F, b = H, w = window;
+  if (d) {
+    var T = rt(t), O = "clientHeight", x = "clientWidth";
+    if (T === J(t) && (T = Ce(t), ge(T).position !== "static" && s === "absolute" && (O = "scrollHeight", x = "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[x]
+      );
+      v -= A - r.width, v *= l ? 1 : -1;
+    }
+  }
+  var M = Object.assign({
+    position: s
+  }, d && Ni), X = p === !0 ? Bi({
+    x: v,
+    y: m
+  }, J(t)) : {
+    x: v,
+    y: m
+  };
+  if (v = X.x, m = X.y, l) {
+    var N;
+    return Object.assign({}, M, (N = {}, N[b] = C ? "0" : "", N[y] = P ? "0" : "", N.transform = (w.devicePixelRatio || 1) <= 1 ? "translate(" + v + "px, " + m + "px)" : "translate3d(" + v + "px, " + m + "px, 0)", N));
+  }
+  return Object.assign({}, M, (o = {}, o[b] = C ? m + "px" : "", o[y] = P ? v + "px" : "", o.transform = "", o));
+}
+function zi(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: $e(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 Xi = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: zi,
+  data: {}
+};
+var ct = {
+  passive: !0
+};
+function Wi(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 $i = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: Wi,
+  data: {}
+};
+var ki = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function bt(e) {
+  return e.replace(/left|right|bottom|top/g, function(o) {
+    return ki[o];
+  });
+}
+var ji = {
+  start: "end",
+  end: "start"
+};
+function zo(e) {
+  return e.replace(/start|end/g, function(o) {
+    return ji[o];
+  });
+}
+function no(e) {
+  var o = J(e), t = o.pageXOffset, r = o.pageYOffset;
+  return {
+    scrollLeft: t,
+    scrollTop: r
+  };
+}
+function ao(e) {
+  return We(Ce(e)).left + no(e).scrollLeft;
+}
+function Li(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 Vi(e) {
+  var o, t = Ce(e), r = no(e), i = (o = e.ownerDocument) == null ? void 0 : o.body, n = Ae(t.scrollWidth, t.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), a = Ae(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 += Ae(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 Hi(e, o) {
+  var t = We(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 Xo(e, o, t) {
+  return o === tr ? qt(Li(e, t)) : De(o) ? Hi(o, t) : qt(Vi(Ce(e)));
+}
+function Fi(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 Zi(e, o, t, r) {
+  var i = o === "clippingParents" ? Fi(e) : [].concat(o), n = [].concat(i, [t]), a = n[0], s = n.reduce(function(l, d) {
+    var p = Xo(e, d, r);
+    return l.top = Ae(p.top, l.top), l.right = Ct(p.right, l.right), l.bottom = Ct(p.bottom, l.bottom), l.left = Ae(p.left, l.left), l;
+  }, Xo(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 ? $e(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 ze:
+        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 ? fi : 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)), C = c === qe ? ci : qe, y = e.rects.popper, b = e.elements[h ? C : c], w = Zi(De(b) ? b : b.contextElement || Ce(e.elements.popper), l, p, a), T = We(e.elements.reference), O = ur({
+    reference: T,
+    element: y,
+    strategy: "absolute",
+    placement: i
+  }), x = qt(Object.assign({}, y, O)), E = c === qe ? x : 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
+  }, M = e.modifiersData.offset;
+  if (c === qe && M) {
+    var X = M[i];
+    Object.keys(A).forEach(function(N) {
+      var Z = [ie, re].indexOf(N) >= 0 ? 1 : -1, U = [H, re].indexOf(N) >= 0 ? "y" : "x";
+      A[N] += X[U] * Z;
+    });
+  }
+  return A;
+}
+function Ui(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 = $e(r), f = p ? s ? _o : _o.filter(function(h) {
+    return $e(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 qi(e) {
+  if (fe(e) === to)
+    return [];
+  var o = bt(e);
+  return [zo(e), o, zo(o)];
+}
+function Ki(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), C = P === g, y = l || (C || !h ? [bt(g)] : qi(g)), b = [g].concat(y).reduce(function(K, Q) {
+      return K.concat(fe(Q) === to ? Ui(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(), x = !0, E = b[0], A = 0; A < b.length; A++) {
+      var M = b[A], X = fe(M), N = $e(M) === ze, Z = [H, re].indexOf(X) >= 0, U = Z ? "width" : "height", B = tt(o, {
+        placement: M,
+        boundary: p,
+        rootBoundary: f,
+        altBoundary: c,
+        padding: d
+      }), W = Z ? N ? ie : F : N ? re : H;
+      w[U] > T[U] && (W = bt(W));
+      var $ = bt(W), q = [];
+      if (n && q.push(B[X] <= 0), s && q.push(B[W] <= 0, B[$] <= 0), q.every(function(K) {
+        return K;
+      })) {
+        E = M, x = !1;
+        break;
+      }
+      O.set(M, q);
+    }
+    if (x)
+      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 Qi = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: Ki,
+  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 $o(e) {
+  return [H, ie, re, F].some(function(o) {
+    return e[o] >= 0;
+  });
+}
+function Gi(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 = $o(l), f = $o(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 Ji = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: Gi
+};
+function Ii(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 en(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] = Ii(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 tn = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: en
+};
+function on(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 rn = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: on,
+  data: {}
+};
+function nn(e) {
+  return e === "x" ? "y" : "x";
+}
+function an(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), C = $e(o.placement), y = !C, b = io(P), w = nn(b), T = o.modifiersData.popperOffsets, O = o.rects.reference, x = 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), M = o.modifiersData.offset ? o.modifiersData.offset[o.placement] : null, X = {
+    x: 0,
+    y: 0
+  };
+  if (T) {
+    if (n) {
+      var N, Z = b === "y" ? H : F, U = b === "y" ? re : ie, B = b === "y" ? "height" : "width", W = T[b], $ = W + g[Z], q = W - g[U], be = v ? -x[B] / 2 : 0, se = C === ze ? O[B] : x[B], ve = C === ze ? -x[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, Me = (N = M == null ? void 0 : M[b]) != null ? N : 0, nt = W + L - Me - Le, I = W + me - Me, Ye = Ge(v ? Ct($, nt) : $, W, v ? Ae(q, I) : q);
+      T[b] = Ye, X[b] = Ye - W;
+    }
+    if (s) {
+      var at, V = b === "x" ? H : F, st = b === "x" ? re : ie, ae = T[w], _e = w === "y" ? "height" : "width", Oe = ae + g[V], Ne = ae - g[st], ye = [H, F].indexOf(P) !== -1, Ee = (at = M == null ? void 0 : M[w]) != null ? at : 0, pe = ye ? Oe : ae - O[_e] - x[_e] - Ee + A.altAxis, Ve = ye ? ae + O[_e] + x[_e] - Ee - A.altAxis : Ne, lt = v && ye ? Di(pe, ae, Ve) : Ge(v ? pe : Oe, ae, v ? Ve : Ne);
+      T[w] = lt, X[w] = lt - ae;
+    }
+    o.modifiersData[r] = X;
+  }
+}
+const sn = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: an,
+  requiresIfExists: ["offset"]
+};
+function ln(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function un(e) {
+  return e === J(e) || !oe(e) ? no(e) : ln(e);
+}
+function pn(e) {
+  var o = e.getBoundingClientRect(), t = Xe(o.width) / e.offsetWidth || 1, r = Xe(o.height) / e.offsetHeight || 1;
+  return t !== 1 || r !== 1;
+}
+function dn(e, o, t) {
+  t === void 0 && (t = !1);
+  var r = oe(o), i = oe(o) && pn(o), n = Ce(o), a = We(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 = un(o)), oe(o) ? (l = We(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 fn(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 cn(e) {
+  var o = fn(e);
+  return Ci.reduce(function(t, r) {
+    return t.concat(o.filter(function(i) {
+      return i.phase === r;
+    }));
+  }, []);
+}
+function vn(e) {
+  var o;
+  return function() {
+    return o || (o = new Promise(function(t) {
+      Promise.resolve().then(function() {
+        o = void 0, t(e());
+      });
+    })), o;
+  };
+}
+function mn(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 hn(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 C = typeof P == "function" ? P(p.options) : P;
+        m(), p.options = Object.assign({}, n, p.options, C), p.scrollParents = {
+          reference: De(s) ? Je(s) : s.contextElement ? Je(s.contextElement) : [],
+          popper: Je(l)
+        };
+        var y = cn(mn([].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, C = P.reference, y = P.popper;
+          if (jo(C, y)) {
+            p.rects = {
+              reference: dn(C, 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, x = O === void 0 ? {} : O, E = w.name;
+              typeof T == "function" && (p = T({
+                state: p,
+                options: x,
+                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: vn(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, C = g.options, y = C === void 0 ? {} : C, 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 gn = [$i, rn, Xi, Ei, tn, Qi, sn, _i, Ji], bn = /* @__PURE__ */ hn({
+  defaultModifiers: gn
+});
+function yn(e) {
+  return It("MuiPopper", e);
+}
+eo("MuiPopper", ["root"]);
+const wn = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"], Pn = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
+function Tn(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 _t(e) {
+  return e.nodeType !== void 0;
+}
+function Cn(e) {
+  return !_t(e);
+}
+const Sn = () => Mt({
+  root: ["root"]
+}, di(yn)), On = {}, En = /* @__PURE__ */ D.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 = je(o, wn), P = D.useRef(null), C = Zt(P, t), y = D.useRef(null), b = Zt(y, c), w = D.useRef(b);
+  Yo(() => {
+    w.current = b;
+  }, [b]), D.useImperativeHandle(c, () => y.current, []);
+  const T = Tn(p, a), [O, x] = D.useState(T), [E, A] = D.useState(St(i));
+  D.useEffect(() => {
+    y.current && y.current.forceUpdate();
+  }), D.useEffect(() => {
+    i && A(St(i));
+  }, [i]), Yo(() => {
+    if (!E || !d)
+      return;
+    const U = ($) => {
+      x($.placement);
+    };
+    if (process.env.NODE_ENV !== "production" && E && _t(E) && E.nodeType === 1) {
+      const $ = E.getBoundingClientRect();
+      process.env.NODE_ENV !== "test" && $.top === 0 && $.left === 0 && $.right === 0 && $.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
+`));
+    }
+    let B = [{
+      name: "preventOverflow",
+      options: {
+        altBoundary: s
+      }
+    }, {
+      name: "flip",
+      options: {
+        altBoundary: s
+      }
+    }, {
+      name: "onUpdate",
+      enabled: !0,
+      phase: "afterWrite",
+      fn: ({
+        state: $
+      }) => {
+        U($);
+      }
+    }];
+    l != null && (B = B.concat(l)), f && f.modifiers != null && (B = B.concat(f.modifiers));
+    const W = bn(E, P.current, S({
+      placement: T
+    }, f, {
+      modifiers: B
+    }));
+    return w.current(W), () => {
+      W.destroy(), w.current(null);
+    };
+  }, [E, s, l, d, f, T]);
+  const M = {
+    placement: O
+  };
+  m !== null && (M.TransitionProps = m);
+  const X = Sn(), N = (r = h.root) != null ? r : "div", Z = Fr({
+    elementType: N,
+    externalSlotProps: v.root,
+    externalForwardedProps: g,
+    additionalProps: {
+      role: "tooltip",
+      ref: C
+    },
+    ownerState: o,
+    className: X.root
+  });
+  return /* @__PURE__ */ _(N, S({}, Z, {
+    children: typeof n == "function" ? n(M) : n
+  }));
+}), pr = /* @__PURE__ */ D.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 = On,
+    popperRef: v,
+    style: h,
+    transition: m = !1,
+    slotProps: g = {},
+    slots: P = {}
+  } = o, C = je(o, Pn), [y, b] = D.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 && _t(A) ? xo(A).body : xo(null).body;
+  }
+  const x = !p && l && (!m || y) ? "none" : void 0, E = m ? {
+    in: p,
+    onEnter: w,
+    onExited: T
+  } : void 0;
+  return /* @__PURE__ */ _(Hr, {
+    disablePortal: s,
+    container: O,
+    children: /* @__PURE__ */ _(En, S({
+      anchorEl: r,
+      direction: a,
+      disablePortal: s,
+      modifiers: d,
+      ref: t,
+      open: m ? !y : p,
+      placement: f,
+      popperOptions: c,
+      popperRef: v,
+      slotProps: g,
+      slots: P
+    }, C, {
+      style: S({
+        // 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: x
+      }, 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 && _t(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" || Cn(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 An = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"], Rn = xe(pr, {
+  name: "MuiPopper",
+  slot: "Root",
+  overridesResolver: (e, o) => o.root
+})({}), dr = /* @__PURE__ */ D.forwardRef(function(o, t) {
+  var r;
+  const i = Gr(), n = xt({
+    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: C,
+    slots: y,
+    slotProps: b
+  } = n, w = je(n, An), T = (r = y == null ? void 0 : y.root) != null ? r : l == null ? void 0 : l.Root, O = S({
+    anchorEl: a,
+    container: p,
+    disablePortal: f,
+    keepMounted: c,
+    modifiers: v,
+    open: h,
+    placement: m,
+    popperOptions: g,
+    popperRef: P,
+    transition: C
+  }, w);
+  return /* @__PURE__ */ _(Rn, S({
+    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, Dn = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"], xn = (e) => {
+  const {
+    absolute: o,
+    children: t,
+    classes: r,
+    flexItem: i,
+    light: n,
+    orientation: a,
+    textAlign: s,
+    variant: l
+  } = e;
+  return Mt({
+    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"]
+  }, oi, r);
+}, Mn = xe("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
+}) => S({
+  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
+}) => S({}, e.children && {
+  display: "flex",
+  whiteSpace: "nowrap",
+  textAlign: "center",
+  border: 0,
+  "&::before, &::after": {
+    content: '""',
+    alignSelf: "center"
+  }
+}), ({
+  theme: e,
+  ownerState: o
+}) => S({}, o.children && o.orientation !== "vertical" && {
+  "&::before, &::after": {
+    width: "100%",
+    borderTop: `thin solid ${(e.vars || e).palette.divider}`
+  }
+}), ({
+  theme: e,
+  ownerState: o
+}) => S({}, o.children && o.orientation === "vertical" && {
+  flexDirection: "column",
+  "&::before, &::after": {
+    height: "100%",
+    borderLeft: `thin solid ${(e.vars || e).palette.divider}`
+  }
+}), ({
+  ownerState: e
+}) => S({}, e.textAlign === "right" && e.orientation !== "vertical" && {
+  "&::before": {
+    width: "90%"
+  },
+  "&::after": {
+    width: "10%"
+  }
+}, e.textAlign === "left" && e.orientation !== "vertical" && {
+  "&::before": {
+    width: "10%"
+  },
+  "&::after": {
+    width: "90%"
+  }
+})), Yn = xe("span", {
+  name: "MuiDivider",
+  slot: "Wrapper",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: t
+    } = e;
+    return [o.wrapper, t.orientation === "vertical" && o.wrapperVertical];
+  }
+})(({
+  theme: e,
+  ownerState: o
+}) => S({
+  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__ */ D.forwardRef(function(o, t) {
+  const r = xt({
+    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 = je(r, Dn), m = S({}, r, {
+    absolute: i,
+    component: s,
+    flexItem: l,
+    light: d,
+    orientation: p,
+    role: f,
+    textAlign: c,
+    variant: v
+  }), g = xn(m);
+  return /* @__PURE__ */ _(Mn, S({
+    as: s,
+    className: Be(g.root, a),
+    role: f,
+    ref: t,
+    ownerState: m
+  }, h, {
+    children: n ? /* @__PURE__ */ _(Yn, {
+      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 _n(e) {
+  return It("MuiTooltip", e);
+}
+const Nn = eo("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]), we = Nn, Bn = ["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 zn(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const Xn = (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 Mt(a, _n, o);
+}, Wn = xe(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
+}) => S({
+  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}`]: S({}, 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}`]: S({}, o.isRtl ? {
+    left: 0,
+    marginLeft: "-0.71em"
+  } : {
+    right: 0,
+    marginRight: "-0.71em"
+  }, {
+    height: "1em",
+    width: "0.71em",
+    "&::before": {
+      transformOrigin: "0 0"
+    }
+  })
+})), $n = xe("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
+}) => S({
+  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: `${zn(16 / 14)}em`,
+  fontWeight: e.typography.fontWeightRegular
+}, {
+  [`.${we.popper}[data-popper-placement*="left"] &`]: S({
+    transformOrigin: "right center"
+  }, o.isRtl ? S({
+    marginLeft: "14px"
+  }, o.touch && {
+    marginLeft: "24px"
+  }) : S({
+    marginRight: "14px"
+  }, o.touch && {
+    marginRight: "24px"
+  })),
+  [`.${we.popper}[data-popper-placement*="right"] &`]: S({
+    transformOrigin: "left center"
+  }, o.isRtl ? S({
+    marginRight: "14px"
+  }, o.touch && {
+    marginRight: "24px"
+  }) : S({
+    marginLeft: "14px"
+  }, o.touch && {
+    marginLeft: "24px"
+  })),
+  [`.${we.popper}[data-popper-placement*="top"] &`]: S({
+    transformOrigin: "center bottom",
+    marginBottom: "14px"
+  }, o.touch && {
+    marginBottom: "24px"
+  }),
+  [`.${we.popper}[data-popper-placement*="bottom"] &`]: S({
+    transformOrigin: "center top",
+    marginTop: "14px"
+  }, o.touch && {
+    marginTop: "24px"
+  })
+})), kn = xe("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, Vt = null, Ke = {
+  x: 0,
+  y: 0
+};
+function mt(e, o) {
+  return (t) => {
+    o && o(t), e(t);
+  };
+}
+const cr = /* @__PURE__ */ D.forwardRef(function(o, t) {
+  var r, i, n, a, s, l, d, p, f, c, v, h, m, g, P, C, y, b, w;
+  const T = xt({
+    props: o,
+    name: "MuiTooltip"
+  }), {
+    arrow: O = !1,
+    children: x,
+    components: E = {},
+    componentsProps: A = {},
+    describeChild: M = !1,
+    disableFocusListener: X = !1,
+    disableHoverListener: N = !1,
+    disableInteractive: Z = !1,
+    disableTouchListener: U = !1,
+    enterDelay: B = 100,
+    enterNextDelay: W = 0,
+    enterTouchDelay: $ = 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 = Mo,
+    TransitionProps: Me
+  } = T, nt = je(T, Bn), I = /* @__PURE__ */ D.isValidElement(x) ? x : /* @__PURE__ */ _("span", {
+    children: x
+  }), Ye = qr(), at = Ye.direction === "rtl", [V, st] = D.useState(), [ae, _e] = D.useState(null), Oe = D.useRef(!1), Ne = Z || q, ye = D.useRef(), Ee = D.useRef(), pe = D.useRef(), Ve = D.useRef(), [lt, ho] = Jr({
+    controlled: Q,
+    default: !1,
+    name: "Tooltip",
+    state: "open"
+  });
+  let he = lt;
+  if (process.env.NODE_ENV !== "production") {
+    const {
+      current: R
+    } = D.useRef(Q !== void 0);
+    D.useEffect(() => {
+      V && V.disabled && !R && 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, R]);
+  }
+  const Wt = Ir(be), He = D.useRef(), ut = D.useCallback(() => {
+    He.current !== void 0 && (document.body.style.WebkitUserSelect = He.current, He.current = void 0), clearTimeout(Ve.current);
+  }, []);
+  D.useEffect(() => () => {
+    clearTimeout(ye.current), clearTimeout(Ee.current), clearTimeout(pe.current), ut();
+  }, [ut]);
+  const go = (R) => {
+    clearTimeout(Vt), vt = !0, ho(!0), K && !he && K(R);
+  }, pt = Kr(
+    /**
+     * @param {React.SyntheticEvent | Event} event
+     */
+    (R) => {
+      clearTimeout(Vt), Vt = setTimeout(() => {
+        vt = !1;
+      }, 800 + se), ho(!1), ne && he && ne(R), clearTimeout(ye.current), ye.current = setTimeout(() => {
+        Oe.current = !1;
+      }, Ye.transitions.duration.shortest);
+    }
+  ), $t = (R) => {
+    Oe.current && R.type !== "touchstart" || (V && V.removeAttribute("title"), clearTimeout(Ee.current), clearTimeout(pe.current), B || vt && W ? Ee.current = setTimeout(() => {
+      go(R);
+    }, vt ? W : B) : go(R));
+  }, bo = (R) => {
+    clearTimeout(Ee.current), clearTimeout(pe.current), pe.current = setTimeout(() => {
+      pt(R);
+    }, se);
+  }, {
+    isFocusVisibleRef: yo,
+    onBlur: Mr,
+    onFocus: Yr,
+    ref: _r
+  } = Qr(), [, wo] = D.useState(!1), Po = (R) => {
+    Mr(R), yo.current === !1 && (wo(!1), bo(R));
+  }, To = (R) => {
+    V || st(R.currentTarget), Yr(R), yo.current === !0 && (wo(!0), $t(R));
+  }, Co = (R) => {
+    Oe.current = !0;
+    const G = I.props;
+    G.onTouchStart && G.onTouchStart(R);
+  }, So = $t, Oo = bo, Nr = (R) => {
+    Co(R), 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, $t(R);
+    }, $);
+  }, Br = (R) => {
+    I.props.onTouchEnd && I.props.onTouchEnd(R), ut(), clearTimeout(pe.current), pe.current = setTimeout(() => {
+      pt(R);
+    }, ve);
+  };
+  D.useEffect(() => {
+    if (!he)
+      return;
+    function R(G) {
+      (G.key === "Escape" || G.key === "Esc") && pt(G);
+    }
+    return document.addEventListener("keydown", R), () => {
+      document.removeEventListener("keydown", R);
+    };
+  }, [pt, he]);
+  const zr = Zt(I.ref, _r, st, t);
+  !j && j !== 0 && (he = !1);
+  const kt = D.useRef(), Xr = (R) => {
+    const G = I.props;
+    G.onMouseMove && G.onMouseMove(R), Ke = {
+      x: R.clientX,
+      y: R.clientY
+    }, kt.current && kt.current.update();
+  }, Fe = {}, jt = typeof j == "string";
+  M ? (Fe.title = !he && jt && !N ? j : null, Fe["aria-describedby"] = he ? Wt : null) : (Fe["aria-label"] = jt ? j : null, Fe["aria-labelledby"] = he && !jt ? Wt : null);
+  const ee = S({}, Fe, nt, I.props, {
+    className: Be(nt.className, I.props.className),
+    onTouchStart: Co,
+    ref: zr
+  }, q ? {
+    onMouseMove: Xr
+  } : {});
+  process.env.NODE_ENV !== "production" && (ee["data-mui-internal-clone-element"] = !0, D.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 = Nr, ee.onTouchEnd = Br), N || (ee.onMouseOver = mt(So, ee.onMouseOver), ee.onMouseLeave = mt(Oo, ee.onMouseLeave), Ne || (Ze.onMouseOver = So, Ze.onMouseLeave = Oo)), X || (ee.onFocus = mt(To, ee.onFocus), ee.onBlur = mt(Po, ee.onBlur), Ne || (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 Wr = D.useMemo(() => {
+    var R;
+    let G = [{
+      name: "arrow",
+      enabled: !!ae,
+      options: {
+        element: ae,
+        padding: 4
+      }
+    }];
+    return (R = k.popperOptions) != null && R.modifiers && (G = G.concat(k.popperOptions.modifiers)), S({}, k.popperOptions, {
+      modifiers: G
+    });
+  }, [ae, k]), Ue = S({}, T, {
+    isRtl: at,
+    arrow: O,
+    disableInteractive: Ne,
+    placement: le,
+    PopperComponentProp: ue,
+    touch: Oe.current
+  }), Lt = Xn(Ue), Eo = (r = (i = me.popper) != null ? i : E.Popper) != null ? r : Wn, Ao = (n = (a = (s = me.transition) != null ? s : E.Transition) != null ? a : Le) != null ? n : Mo, Ro = (l = (d = me.tooltip) != null ? d : E.Tooltip) != null ? l : $n, Do = (p = (f = me.arrow) != null ? f : E.Arrow) != null ? p : kn, $r = dt(Eo, S({}, k, (c = L.popper) != null ? c : A.popper, {
+    className: Be(Lt.popper, k == null ? void 0 : k.className, (v = (h = L.popper) != null ? h : A.popper) == null ? void 0 : v.className)
+  }), Ue), kr = dt(Ao, S({}, Me, (m = L.transition) != null ? m : A.transition), Ue), jr = dt(Ro, S({}, (g = L.tooltip) != null ? g : A.tooltip, {
+    className: Be(Lt.tooltip, (P = (C = L.tooltip) != null ? C : A.tooltip) == null ? void 0 : P.className)
+  }), Ue), Lr = dt(Do, S({}, (y = L.arrow) != null ? y : A.arrow, {
+    className: Be(Lt.arrow, (b = (w = L.arrow) != null ? w : A.arrow) == null ? void 0 : b.className)
+  }), Ue);
+  return /* @__PURE__ */ wt(D.Fragment, {
+    children: [/* @__PURE__ */ D.cloneElement(I, ee), /* @__PURE__ */ _(Eo, S({
+      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: kt,
+      open: V ? he : !1,
+      id: Wt,
+      transition: !0
+    }, Ze, $r, {
+      popperOptions: Wr,
+      children: ({
+        TransitionProps: R
+      }) => /* @__PURE__ */ _(Ao, S({
+        timeout: Ye.transitions.duration.shorter
+      }, R, kr, {
+        children: /* @__PURE__ */ wt(Ro, S({}, jr, {
+          children: [j, O ? /* @__PURE__ */ _(Do, S({}, Lr, {
+            ref: _e
+          })) : null]
+        }))
+      }))
+    }))]
+  });
+});
+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"     |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, adds an arrow to the tooltip.
+   * @default false
+   */
+  arrow: u.bool,
+  /**
+   * Tooltip reference element.
+   */
+  children: Zr.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 = cr;
+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);
+}, Ln = function(e) {
+  return -Math.cos(e * Math.PI) / 2 + 0.5;
+}, Vn = function(e) {
+  return e;
+}, Hn = function(e) {
+  return e * e;
+}, Fn = function(e) {
+  return e * (2 - e);
+}, Zn = function(e) {
+  return e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e;
+}, Un = function(e) {
+  return e * e * e;
+}, qn = function(e) {
+  return --e * e * e + 1;
+}, Kn = function(e) {
+  return e < 0.5 ? 4 * e * e * e : (e - 1) * (2 * e - 2) * (2 * e - 2) + 1;
+}, Qn = function(e) {
+  return e * e * e * e;
+}, Gn = function(e) {
+  return 1 - --e * e * e * e;
+}, Jn = function(e) {
+  return e < 0.5 ? 8 * e * e * e * e : 1 - 8 * --e * e * e * e;
+}, In = function(e) {
+  return e * e * e * e * e;
+}, ea = function(e) {
+  return 1 + --e * e * e * e * e;
+}, ta = function(e) {
+  return e < 0.5 ? 16 * e * e * e * e * e : 1 + 16 * --e * e * e * e * e;
+}, vr = {
+  easeOut: Ln,
+  linear: Vn,
+  easeInQuad: Hn,
+  easeOutQuad: Fn,
+  easeInOutQuad: Zn,
+  easeInCubic: Un,
+  easeOutCubic: qn,
+  easeInOutCubic: Kn,
+  easeInQuart: Qn,
+  easeOutQuart: Gn,
+  easeInOutQuart: Jn,
+  easeInQuint: In,
+  easeOutQuint: ea,
+  easeInOutQuint: ta
+}, mr = function(e) {
+  typeof e == "number" && cancelAnimationFrame(e);
+}, de = function(e) {
+  e.mounted && (mr(e.animation), e.animate = !1, e.animation = null, e.velocity = null);
+};
+function hr(e, o, t, r) {
+  if (e.mounted) {
+    var i = (/* @__PURE__ */ new Date()).getTime(), n = 1;
+    de(e), e.animation = function() {
+      if (!e.mounted)
+        return mr(e.animation);
+      var a = (/* @__PURE__ */ new Date()).getTime() - i, s = a / t, l = vr[o], d = l(s);
+      a >= t ? (r(n), e.animation = null) : e.animation && (r(d), requestAnimationFrame(e.animation));
+    }, requestAnimationFrame(e.animation);
+  }
+}
+function oa(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 = oa(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) : hr(e, r, t, function(v) {
+      var h = s + p * v, m = l + f * v, g = d + c * v;
+      n(h, m, g);
+    });
+  }
+}
+function ra(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 ia = 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 = ra(t, r, o), a = n.wrapperWidth, s = n.wrapperHeight, l = n.newContentWidth, d = n.newDiffWidth, p = n.newContentHeight, f = n.newDiffHeight, c = ia(a, l, d, s, p, f, !!i);
+  return c;
+}, Kt = function(e, o, t, r) {
+  return r ? e < o ? te(o, 2) : e > t ? te(t, 2) : te(e, 2) : te(e, 2);
+}, ke = function(e, o) {
+  var t = uo(e, o);
+  return e.bounds = t, t;
+};
+function Nt(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 = Kt(e, s - f, d + f, r), h = Kt(o, l - c, p + c, r);
+  return { x: v, y: h };
+}
+function Bt(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 = Nt(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 = zt(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;
+}, na = 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 };
+}, aa = 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 sa(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, C = r > v ? d.offsetHeight : e.setup.minPositionY || 0, y = Bt(e, P, C, i, e.bounds, s || l), b = y.x, w = y.y;
+    return {
+      scale: i,
+      positionX: m ? b : t,
+      positionY: g ? w : r
+    };
+  }
+}
+function la(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 = Nt(o, t, s, n, r, i, a), v = c.x, h = c.y;
+    e.setTransformState(d, v, h);
+  }
+}
+var ua = 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;
+}, da = 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 fa(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 : Kt(e, n, a, i);
+}
+function ca(e, o) {
+  var t = 1;
+  return o ? Math.min(t, e.offsetWidth / window.innerWidth) : t;
+}
+function va(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 = ca(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 ma(e) {
+  var o = e.velocity, t = e.bounds, r = e.setup, i = e.wrapperComponent, n = da(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, C = g.lockAxisX, y = m.animationType, b = h.sizeX, w = h.sizeY, T = h.velocityAlignmentTime, O = T, x = fa(e, l), E = Math.max(x, O), A = Ot(e, b), M = Ot(e, w), X = A * i.offsetWidth / 100, N = M * i.offsetHeight / 100, Z = d + X, U = p - X, B = f + N, W = c - N, $ = e.transformState, q = (/* @__PURE__ */ new Date()).getTime();
+    hr(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 = vr[h.animationType], k = 1 - ue(Math.min(1, le)), L = 1 - be, me = ne + a * L, j = K + s * L, Le = Fo(me, $.positionX, ne, C, v, p, d, U, Z, k), Me = Fo(j, $.positionY, K, P, v, c, f, W, B, k);
+      (ne !== me || K !== j) && e.setTransformState(ve, Le, Me);
+    });
+  }
+}
+function Zo(e, o) {
+  var t = e.transformState.scale;
+  de(e), ke(e, t), window.TouchEvent !== void 0 && o instanceof TouchEvent ? aa(e, o) : na(e, o);
+}
+function gr(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 = sa(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 = ua(e, o, t), d = l.x, p = l.y, f = Ot(e, a), c = Ot(e, s);
+    va(e, { x: d, y: p }), la(e, d, p, f, c);
+  }
+}
+function ha(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 ? ma(e) : gr(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 = ke(e, l), p = Bt(e, t, r, l, d, s), f = p.x, c = p.y;
+  return { scale: l, positionX: f, positionY: c };
+}
+function br(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) && gr(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
+  }
+}, yr = 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;
+}, wr = 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 Pr(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 = wr(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 Tr(e, o, t, r) {
+  var i = e.setup, n = e.wrapperComponent, a = i.limitToBounds, s = yr(e.props), l = e.transformState, d = l.scale, p = l.positionX, f = l.positionY;
+  if (n) {
+    var c = uo(e, s.scale), v = Nt(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 ga(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 ba(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 = ga(o, r, i, n), v = c.x, h = c.y, m = f.width / n.scale, g = f.height / n.scale, P = r.offsetWidth / m, C = r.offsetHeight / g, y = it(t || Math.min(P, C), 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, x = uo(e, y), E = Nt(T, O, x, s, 0, 0, r), A = E.x, M = E.y;
+  return { positionX: A, positionY: M, scale: y };
+}
+var ya = function(e) {
+  return function(o, t, r) {
+    o === void 0 && (o = 0.5), t === void 0 && (t = 300), r === void 0 && (r = "easeOut"), Pr(e, 1, o, t, r);
+  };
+}, wa = function(e) {
+  return function(o, t, r) {
+    o === void 0 && (o = 0.5), t === void 0 && (t = 300), r === void 0 && (r = "easeOut"), Pr(e, -1, o, t, r);
+  };
+}, Pa = 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);
+    }
+  };
+}, Ta = function(e) {
+  return function(o, t) {
+    o === void 0 && (o = 200), t === void 0 && (t = "easeOut"), Tr(e, o, t);
+  };
+}, Ca = 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 = Cr(o || i.scale, n, a);
+      Se(e, s, t, r);
+    }
+  };
+}, Sa = 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 = ba(e, a, t);
+      Se(e, s, r, i);
+    }
+  };
+}, Et = function(e) {
+  return {
+    instance: e,
+    zoomIn: ya(e),
+    zoomOut: wa(e),
+    setTransform: Pa(e),
+    resetTransform: Ta(e),
+    centerView: Ca(e),
+    zoomToElement: Sa(e)
+  };
+}, Oa = function(e) {
+  return {
+    instance: e,
+    state: e.transformState
+  };
+}, Y = function(e) {
+  var o = {};
+  return Object.assign(o, Oa(e)), Object.assign(o, Et(e)), o;
+}, Ht = !1;
+function Ft() {
+  try {
+    var e = {
+      get passive() {
+        return Ht = !0, !1;
+      }
+    };
+    return e;
+  } catch {
+    return Ht = !1, Ht;
+  }
+}
+var zt = 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;
+}, Qt = function(e) {
+  e && clearTimeout(e);
+}, Ea = function(e, o, t) {
+  return "translate(".concat(e, "px, ").concat(o, "px) scale(").concat(t, ")");
+}, Cr = 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 Aa(e) {
+  return function(o) {
+    e.forEach(function(t) {
+      typeof t == "function" ? t(o) : t != null && (t.current = o);
+    });
+  };
+}
+var Ra = 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 = zt(d, a);
+  return !f;
+}, Da = function(e) {
+  return e ? e.deltaY < 0 ? 1 : -1 : 0;
+};
+function xa(e, o) {
+  var t = Da(e), r = jn(o, t);
+  return r;
+}
+function Sr(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 Ma = 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;
+}, Ya = 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;
+}, _a = 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 = zt(a, i);
+  return !l;
+}, Na = function(e) {
+  var o = e.setup.pinch.disabled, t = e.isInitialized, r = e.pinchStartDistance, i = t && !o && r;
+  return !!i;
+}, Ba = 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
+  };
+}, Or = 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));
+}, za = 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);
+}, Xa = 160, Wa = 100, $a = function(e, o) {
+  var t = e.props, r = t.onWheelStart, i = t.onZoomStart;
+  e.wheelStopEventTimer || (de(e), z(Y(e), o, r), z(Y(e), o, i));
+}, ka = 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, C = c.smoothStep;
+  if (!n)
+    throw new Error("Component not mounted");
+  o.preventDefault(), o.stopPropagation();
+  var y = xa(o, null), b = h ? C * Math.abs(o.deltaY) : P, w = Ma(e, y, b, !o.ctrlKey);
+  if (l !== w) {
+    var T = ke(e, w), O = Sr(o, n, l), x = g || m === 0 || p || v, E = d && x, A = Bt(e, O.x, O.y, w, T, E), M = A.x, X = A.y;
+    e.previousWheelEvent = o, e.setTransformState(w, M, X), z(Y(e), o, r), z(Y(e), o, i);
+  }
+}, ja = function(e, o) {
+  var t = e.props, r = t.onWheelStop, i = t.onZoomStop;
+  Qt(e.wheelAnimationTimer), e.wheelAnimationTimer = setTimeout(function() {
+    e.mounted && (br(e, o.x, o.y), e.wheelAnimationTimer = null);
+  }, Wa);
+  var n = Ya(e, o);
+  n && (Qt(e.wheelStopEventTimer), e.wheelStopEventTimer = setTimeout(function() {
+    e.mounted && (e.wheelStopEventTimer = null, z(Y(e), o, r), z(Y(e), o, i));
+  }, Xa));
+}, La = function(e, o) {
+  var t = Or(o);
+  e.pinchStartDistance = t, e.lastDistance = t, e.pinchStartScale = e.transformState.scale, e.isPanning = !1, de(e);
+}, Va = 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 = Ba(o, i, t);
+    if (!(!Number.isFinite(f.x) || !Number.isFinite(f.y))) {
+      var c = Or(o), v = za(e, c);
+      if (v !== i) {
+        var h = ke(e, v), m = d || p === 0 || s, g = a && m, P = Bt(e, f.x, f.y, v, h, g), C = P.x, y = P.y;
+        e.pinchMidpoint = f, e.lastDistance = c, e.setTransformState(v, C, y);
+      }
+    }
+  }
+}, Ha = function(e) {
+  var o = e.pinchMidpoint;
+  e.velocity = null, e.lastDistance = null, e.pinchMidpoint = null, e.pinchStartScale = null, e.pinchStartDistance = null, br(e, o == null ? void 0 : o.x, o == null ? void 0 : o.y);
+}, Er = function(e, o) {
+  var t = e.props.onZoomStop, r = e.setup.doubleClick.animationTime;
+  Qt(e.doubleClickStopEventTimer), e.doubleClickStopEventTimer = setTimeout(function() {
+    e.doubleClickStopEventTimer = null, z(Y(e), o, t);
+  }, r);
+}, Fa = function(e, o) {
+  var t = e.props, r = t.onZoomStart, i = t.onZoom, n = e.setup.doubleClick, a = n.animationTime, s = n.animationType;
+  z(Y(e), o, r), Tr(e, a, s, function() {
+    return z(Y(e), o, i);
+  }), Er(e, o);
+};
+function Za(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 Fa(e, o);
+    if (!n)
+      return console.error("No ContentComponent found");
+    var g = c === "zoomOut" ? -1 : 1, P = wr(e, g, v);
+    if (a !== P) {
+      z(Y(e), o, l);
+      var C = Sr(o, n, a), y = po(e, P, C.x, C.y);
+      if (!y)
+        return console.error("Error during zoom event. New transformation state was not calculated.");
+      z(Y(e), o, d), Se(e, y, h, m), Er(e, o);
+    }
+  }
+}
+var Ua = 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 = zt(l, s);
+  return !f;
+}, qa = (
+  /** @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) {
+        ke(t, t.transformState.scale), t.setup = Ko(r);
+      }, this.initializeWindowEvents = function() {
+        var r, i = Ft(), 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 = Ft(), 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 = Ft();
+        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(Y(t));
+        }), i && (t.setCenter(), t.observer = new ResizeObserver(function() {
+          var n;
+          t.onInitCallbacks.forEach(function(a) {
+            return a(Y(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 = Ra(t, r);
+          if (n) {
+            var a = t.isPressingKeys(t.setup.wheel.activationKeys);
+            a && ($a(t, r), ka(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(Y(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(Y(t), r, n));
+          }
+        }
+      }, this.onPanningStop = function(r) {
+        var i = t.props.onPanningStop;
+        t.isPanning && (ha(t), z(Y(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 = _a(t, r);
+          l && (La(t, r), de(t), z(Y(t), r, a), z(Y(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 = Na(t);
+          l && (r.preventDefault(), r.stopPropagation(), Va(t, r), z(Y(t), r, a), z(Y(t), r, s));
+        }
+      }, this.onPinchStop = function(r) {
+        var i = t.props, n = i.onPinchingStop, a = i.onZoomStop;
+        t.pinchStartScale && (Ha(t), z(Y(t), r, n), z(Y(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(Y(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(Y(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 = Ua(t, r);
+          n && Za(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 = Y(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 = Cr(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) : Ea(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 Y(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, ke(t, t.transformState.scale), t.handleInitializeWrapperEvents(r), t.handleInitialize(i), t.initializeWindowEvents(), t.isInitialized = !0;
+        var n = Y(t);
+        z(n, void 0, t.props.onInit);
+      }, this.props = o, this.setup = Ko(this.props), this.transformState = yr(this.props);
+    }
+    return e;
+  }()
+), Xt = Re.createContext(null), Ka = function(e, o) {
+  return typeof e == "function" ? e(o) : e;
+}, Ms = Re.forwardRef(function(e, o) {
+  var t = Tt(new qa(e)).current, r = Ka(e.children, Et(t));
+  return Ur(o, function() {
+    return Et(t);
+  }, [t]), Gt(function() {
+    t.update(e);
+  }, [t, e]), Re.createElement(Xt.Provider, { value: t }, r);
+});
+Re.forwardRef(function(e, o) {
+  var t = Tt(null), r = Jt(Xt);
+  return Gt(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]), Re.createElement("div", Te({}, e, { ref: Aa([t, o]) }));
+});
+function Qa(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 Ga = `.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" };
+Qa(Ga);
+var Ys = 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 = Jt(Xt).init, v = Tt(null), h = Tt(null);
+  return Gt(function() {
+    var m = v.current, g = h.current;
+    m !== null && g !== null && c && c(m, g);
+  }, []), Re.createElement(
+    "div",
+    Te({}, d, { ref: v, className: "react-transform-wrapper ".concat(Qo.wrapper, " ").concat(r), style: a }),
+    Re.createElement("div", Te({}, f, { ref: h, className: "react-transform-component ".concat(Qo.content, " ").concat(n), style: s }), o)
+  );
+}, Ja = function() {
+  var e = Jt(Xt);
+  if (!e)
+    throw new Error("Transform context must be placed inside TransformWrapper");
+  return e;
+}, Ia = function() {
+  var e = Ja();
+  return Et(e);
+}, fo = {}, es = Dt;
+Object.defineProperty(fo, "__esModule", {
+  value: !0
+});
+var Ar = fo.default = void 0, ts = es(Rt()), os = At, rs = (0, ts.default)(/* @__PURE__ */ (0, os.jsx)("path", {
+  d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+}), "Add");
+Ar = fo.default = rs;
+var co = {}, is = Dt;
+Object.defineProperty(co, "__esModule", {
+  value: !0
+});
+var Rr = co.default = void 0, ns = is(Rt()), as = At, ss = (0, ns.default)(/* @__PURE__ */ (0, as.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");
+Rr = co.default = ss;
+var vo = {}, ls = Dt;
+Object.defineProperty(vo, "__esModule", {
+  value: !0
+});
+var Dr = vo.default = void 0, us = ls(Rt()), ps = At, ds = (0, us.default)(/* @__PURE__ */ (0, ps.jsx)("path", {
+  d: "M19 13H5v-2h14v2z"
+}), "Remove");
+Dr = vo.default = ds;
+var mo = {}, fs = Dt;
+Object.defineProperty(mo, "__esModule", {
+  value: !0
+});
+var xr = mo.default = void 0, cs = fs(Rt()), vs = At, ms = (0, cs.default)(/* @__PURE__ */ (0, vs.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");
+xr = mo.default = ms;
+const hs = {
+  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"
+  }
+}, gs = {
+  ...yt,
+  position: "absolute",
+  zIndex: 1,
+  right: "2rem",
+  bottom: "10rem",
+  background: "#0F0E0E4D",
+  color: "white",
+  padding: "0.55rem"
+}, _s = ({
+  controllerContainerProps: e,
+  zoomInButtonProps: o,
+  zoomOutButtonProps: t,
+  resetTransformButtonProps: r,
+  dividerProps: i,
+  handleRotate: n,
+  rotateButtonProps: a
+}) => {
+  const { zoomIn: s, zoomOut: l, resetTransform: d } = Ia();
+  function p() {
+    s();
+  }
+  function f() {
+    l();
+  }
+  function c() {
+    d();
+  }
+  return /* @__PURE__ */ wt(Vr, { children: [
+    /* @__PURE__ */ _(ht, { title: "Rotate", placement: "left", children: /* @__PURE__ */ _(
+      ft,
+      {
+        disableRipple: !0,
+        disableFocusRipple: !0,
+        "aria-label": "Rotate",
+        onClick: n,
+        sx: gs,
+        ...a,
+        children: /* @__PURE__ */ _(xr, {})
+      }
+    ) }),
+    /* @__PURE__ */ wt(ti, { sx: hs, ...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__ */ _(Ar, {})
+        }
+      ) }),
+      /* @__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__ */ _(Rr, {})
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  Ms as T,
+  _s as Z,
+  Ys as a
+};