@loopr-ai/craft 0.5.1 → 0.6.0

package/dist/components/organ/ZoomControlWithDrag/index.js

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