@loopr-ai/craft 0.7.2 → 0.7.4

package/dist/ZoomControllers-36e39bb0.js

@@ -0,0 +1,1432 @@
+import J, { jsx as C, jsxs as zi, Fragment as Se } from "react/jsx-runtime";
+import { r as x, i as I } from "./createSvgIcon-f773ce57.js";
+import * as Q from "react";
+import D, { useRef as q, useImperativeHandle as we, useEffect as vi, useContext as pi } from "react";
+import { g as Ce, T as H, B as Pe } from "./Tooltip-b926c320.js";
+import { g as ye, c as B, a as P, e as ui, _ as Zi, P as m } from "./createTheme-a4db2989.js";
+import { g as Te, s as mi, a as $i, c as Li, b as ji } from "./styled-126c6a62.js";
+import { B as Ye } from "./ButtonBase-85c9347b.js";
+import { c as Ae } from "./chainPropTypes-004bf492.js";
+function _e(i) {
+  return ye("MuiIconButton", i);
+}
+const ze = Te("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), Xe = ze, Ee = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], Oe = (i) => {
+  const {
+    classes: o,
+    disabled: e,
+    color: r,
+    edge: n,
+    size: a
+  } = i, t = {
+    root: ["root", e && "disabled", r !== "default" && `color${B(r)}`, n && `edge${B(n)}`, `size${B(a)}`]
+  };
+  return ji(t, _e, o);
+}, De = mi(Ye, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (i, o) => {
+    const {
+      ownerState: e
+    } = i;
+    return [o.root, e.color !== "default" && o[`color${B(e.color)}`], e.edge && o[`edge${B(e.edge)}`], o[`size${B(e.size)}`]];
+  }
+})(({
+  theme: i,
+  ownerState: o
+}) => P({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: i.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  overflow: "visible",
+  // Explicitly set the default value to solve a bug on IE11.
+  color: (i.vars || i).palette.action.active,
+  transition: i.transitions.create("background-color", {
+    duration: i.transitions.duration.shortest
+  })
+}, !o.disableRipple && {
+  "&:hover": {
+    backgroundColor: i.vars ? `rgba(${i.vars.palette.action.activeChannel} / ${i.vars.palette.action.hoverOpacity})` : ui(i.palette.action.active, i.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: i,
+  ownerState: o
+}) => {
+  var e;
+  const r = (e = (i.vars || i).palette) == null ? void 0 : e[o.color];
+  return P({}, o.color === "inherit" && {
+    color: "inherit"
+  }, o.color !== "inherit" && o.color !== "default" && P({
+    color: r == null ? void 0 : r.main
+  }, !o.disableRipple && {
+    "&:hover": P({}, r && {
+      backgroundColor: i.vars ? `rgba(${r.mainChannel} / ${i.vars.palette.action.hoverOpacity})` : ui(r.main, i.palette.action.hoverOpacity)
+    }, {
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    })
+  }), o.size === "small" && {
+    padding: 5,
+    fontSize: i.typography.pxToRem(18)
+  }, o.size === "large" && {
+    padding: 12,
+    fontSize: i.typography.pxToRem(28)
+  }, {
+    [`&.${Xe.disabled}`]: {
+      backgroundColor: "transparent",
+      color: (i.vars || i).palette.action.disabled
+    }
+  });
+}), Hi = /* @__PURE__ */ Q.forwardRef(function(o, e) {
+  const r = $i({
+    props: o,
+    name: "MuiIconButton"
+  }), {
+    edge: n = !1,
+    children: a,
+    className: t,
+    color: l = "default",
+    disabled: s = !1,
+    disableFocusRipple: d = !1,
+    size: u = "medium"
+  } = r, f = Zi(r, Ee), v = P({}, r, {
+    edge: n,
+    color: l,
+    disabled: s,
+    disableFocusRipple: d,
+    size: u
+  }), p = Oe(v);
+  return /* @__PURE__ */ C(De, P({
+    className: Li(p.root, t),
+    centerRipple: !0,
+    focusRipple: !d,
+    disabled: s,
+    ref: e,
+    ownerState: v
+  }, f, {
+    children: a
+  }));
+});
+process.env.NODE_ENV !== "production" && (Hi.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: Ae(m.node, (i) => Q.Children.toArray(i.children).some((e) => /* @__PURE__ */ Q.isValidElement(e) && e.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: m.object,
+  /**
+   * @ignore
+   */
+  className: m.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: m.oneOfType([m.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), m.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: m.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: m.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: m.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: m.oneOf(["end", "start", !1]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: m.oneOfType([m.oneOf(["small", "medium", "large"]), m.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: m.oneOfType([m.arrayOf(m.oneOfType([m.func, m.object, m.bool])), m.func, m.object])
+});
+const V = Hi, We = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"], Ne = (i) => {
+  const {
+    absolute: o,
+    children: e,
+    classes: r,
+    flexItem: n,
+    light: a,
+    orientation: t,
+    textAlign: l,
+    variant: s
+  } = i;
+  return ji({
+    root: ["root", o && "absolute", s, a && "light", t === "vertical" && "vertical", n && "flexItem", e && "withChildren", e && t === "vertical" && "withChildrenVertical", l === "right" && t !== "vertical" && "textAlignRight", l === "left" && t !== "vertical" && "textAlignLeft"],
+    wrapper: ["wrapper", t === "vertical" && "wrapperVertical"]
+  }, Ce, r);
+}, Be = mi("div", {
+  name: "MuiDivider",
+  slot: "Root",
+  overridesResolver: (i, o) => {
+    const {
+      ownerState: e
+    } = i;
+    return [o.root, e.absolute && o.absolute, o[e.variant], e.light && o.light, e.orientation === "vertical" && o.vertical, e.flexItem && o.flexItem, e.children && o.withChildren, e.children && e.orientation === "vertical" && o.withChildrenVertical, e.textAlign === "right" && e.orientation !== "vertical" && o.textAlignRight, e.textAlign === "left" && e.orientation !== "vertical" && o.textAlignLeft];
+  }
+})(({
+  theme: i,
+  ownerState: o
+}) => P({
+  margin: 0,
+  // Reset browser default style.
+  flexShrink: 0,
+  borderWidth: 0,
+  borderStyle: "solid",
+  borderColor: (i.vars || i).palette.divider,
+  borderBottomWidth: "thin"
+}, o.absolute && {
+  position: "absolute",
+  bottom: 0,
+  left: 0,
+  width: "100%"
+}, o.light && {
+  borderColor: i.vars ? `rgba(${i.vars.palette.dividerChannel} / 0.08)` : ui(i.palette.divider, 0.08)
+}, o.variant === "inset" && {
+  marginLeft: 72
+}, o.variant === "middle" && o.orientation === "horizontal" && {
+  marginLeft: i.spacing(2),
+  marginRight: i.spacing(2)
+}, o.variant === "middle" && o.orientation === "vertical" && {
+  marginTop: i.spacing(1),
+  marginBottom: i.spacing(1)
+}, o.orientation === "vertical" && {
+  height: "100%",
+  borderBottomWidth: 0,
+  borderRightWidth: "thin"
+}, o.flexItem && {
+  alignSelf: "stretch",
+  height: "auto"
+}), ({
+  ownerState: i
+}) => P({}, i.children && {
+  display: "flex",
+  whiteSpace: "nowrap",
+  textAlign: "center",
+  border: 0,
+  "&::before, &::after": {
+    content: '""',
+    alignSelf: "center"
+  }
+}), ({
+  theme: i,
+  ownerState: o
+}) => P({}, o.children && o.orientation !== "vertical" && {
+  "&::before, &::after": {
+    width: "100%",
+    borderTop: `thin solid ${(i.vars || i).palette.divider}`
+  }
+}), ({
+  theme: i,
+  ownerState: o
+}) => P({}, o.children && o.orientation === "vertical" && {
+  flexDirection: "column",
+  "&::before, &::after": {
+    height: "100%",
+    borderLeft: `thin solid ${(i.vars || i).palette.divider}`
+  }
+}), ({
+  ownerState: i
+}) => P({}, i.textAlign === "right" && i.orientation !== "vertical" && {
+  "&::before": {
+    width: "90%"
+  },
+  "&::after": {
+    width: "10%"
+  }
+}, i.textAlign === "left" && i.orientation !== "vertical" && {
+  "&::before": {
+    width: "10%"
+  },
+  "&::after": {
+    width: "90%"
+  }
+})), Re = mi("span", {
+  name: "MuiDivider",
+  slot: "Wrapper",
+  overridesResolver: (i, o) => {
+    const {
+      ownerState: e
+    } = i;
+    return [o.wrapper, e.orientation === "vertical" && o.wrapperVertical];
+  }
+})(({
+  theme: i,
+  ownerState: o
+}) => P({
+  display: "inline-block",
+  paddingLeft: `calc(${i.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${i.spacing(1)} * 1.2)`
+}, o.orientation === "vertical" && {
+  paddingTop: `calc(${i.spacing(1)} * 1.2)`,
+  paddingBottom: `calc(${i.spacing(1)} * 1.2)`
+})), ci = /* @__PURE__ */ Q.forwardRef(function(o, e) {
+  const r = $i({
+    props: o,
+    name: "MuiDivider"
+  }), {
+    absolute: n = !1,
+    children: a,
+    className: t,
+    component: l = a ? "div" : "hr",
+    flexItem: s = !1,
+    light: d = !1,
+    orientation: u = "horizontal",
+    role: f = l !== "hr" ? "separator" : void 0,
+    textAlign: v = "center",
+    variant: p = "fullWidth"
+  } = r, c = Zi(r, We), h = P({}, r, {
+    absolute: n,
+    component: l,
+    flexItem: s,
+    light: d,
+    orientation: u,
+    role: f,
+    textAlign: v,
+    variant: p
+  }), b = Ne(h);
+  return /* @__PURE__ */ C(Be, P({
+    as: l,
+    className: Li(b.root, t),
+    role: f,
+    ref: e,
+    ownerState: h
+  }, c, {
+    children: a ? /* @__PURE__ */ C(Re, {
+      className: b.wrapper,
+      ownerState: h,
+      children: a
+    }) : null
+  }));
+});
+ci.muiSkipListHighlight = !0;
+process.env.NODE_ENV !== "production" && (ci.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: m.bool,
+  /**
+   * The content of the component.
+   */
+  children: m.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: m.object,
+  /**
+   * @ignore
+   */
+  className: m.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: m.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: m.bool,
+  /**
+   * If `true`, the divider will have a lighter color.
+   * @default false
+   */
+  light: m.bool,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: m.oneOf(["horizontal", "vertical"]),
+  /**
+   * @ignore
+   */
+  role: m.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: m.oneOfType([m.arrayOf(m.oneOfType([m.func, m.object, m.bool])), m.func, m.object]),
+  /**
+   * The text alignment.
+   * @default 'center'
+   */
+  textAlign: m.oneOf(["center", "left", "right"]),
+  /**
+   * The variant to use.
+   * @default 'fullWidth'
+   */
+  variant: m.oneOfType([m.oneOf(["fullWidth", "inset", "middle"]), m.string])
+});
+const Xi = ci;
+var Y = function(i, o) {
+  return Number(i.toFixed(o));
+}, ke = function(i, o) {
+  return typeof i == "number" ? i : o;
+}, S = function(i, o, e) {
+  e && typeof e == "function" && e(i, o);
+}, Me = function(i) {
+  return -Math.cos(i * Math.PI) / 2 + 0.5;
+}, Ze = function(i) {
+  return i;
+}, $e = function(i) {
+  return i * i;
+}, Le = function(i) {
+  return i * (2 - i);
+}, je = function(i) {
+  return i < 0.5 ? 2 * i * i : -1 + (4 - 2 * i) * i;
+}, He = function(i) {
+  return i * i * i;
+}, Ve = function(i) {
+  return --i * i * i + 1;
+}, Fe = function(i) {
+  return i < 0.5 ? 4 * i * i * i : (i - 1) * (2 * i - 2) * (2 * i - 2) + 1;
+}, Ke = function(i) {
+  return i * i * i * i;
+}, Qe = function(i) {
+  return 1 - --i * i * i * i;
+}, qe = function(i) {
+  return i < 0.5 ? 8 * i * i * i * i : 1 - 8 * --i * i * i * i;
+}, Ue = function(i) {
+  return i * i * i * i * i;
+}, Ge = function(i) {
+  return 1 + --i * i * i * i * i;
+}, Je = function(i) {
+  return i < 0.5 ? 16 * i * i * i * i * i : 1 + 16 * --i * i * i * i * i;
+}, Vi = {
+  easeOut: Me,
+  linear: Ze,
+  easeInQuad: $e,
+  easeOutQuad: Le,
+  easeInOutQuad: je,
+  easeInCubic: He,
+  easeOutCubic: Ve,
+  easeInOutCubic: Fe,
+  easeInQuart: Ke,
+  easeOutQuart: Qe,
+  easeInOutQuart: qe,
+  easeInQuint: Ue,
+  easeOutQuint: Ge,
+  easeInOutQuint: Je
+}, Fi = function(i) {
+  typeof i == "number" && cancelAnimationFrame(i);
+}, _ = function(i) {
+  i.mounted && (Fi(i.animation), i.animate = !1, i.animation = null, i.velocity = null);
+};
+function Ki(i, o, e, r) {
+  if (i.mounted) {
+    var n = (/* @__PURE__ */ new Date()).getTime(), a = 1;
+    _(i), i.animation = function() {
+      if (!i.mounted)
+        return Fi(i.animation);
+      var t = (/* @__PURE__ */ new Date()).getTime() - n, l = t / e, s = Vi[o], d = s(l);
+      t >= e ? (r(a), i.animation = null) : i.animation && (r(d), requestAnimationFrame(i.animation));
+    }, requestAnimationFrame(i.animation);
+  }
+}
+function xe(i) {
+  var o = i.scale, e = i.positionX, r = i.positionY;
+  return !(Number.isNaN(o) || Number.isNaN(e) || Number.isNaN(r));
+}
+function X(i, o, e, r) {
+  var n = xe(o);
+  if (!(!i.mounted || !n)) {
+    var a = i.setTransformState, t = i.transformState, l = t.scale, s = t.positionX, d = t.positionY, u = o.scale - l, f = o.positionX - s, v = o.positionY - d;
+    e === 0 ? a(o.scale, o.positionX, o.positionY) : Ki(i, r, e, function(p) {
+      var c = l + u * p, h = s + f * p, b = d + v * p;
+      a(c, h, b);
+    });
+  }
+}
+function Ie(i, o, e) {
+  var r = i.offsetWidth, n = i.offsetHeight, a = o.offsetWidth, t = o.offsetHeight, l = a * e, s = t * e, d = r - l, u = n - s;
+  return {
+    wrapperWidth: r,
+    wrapperHeight: n,
+    newContentWidth: l,
+    newDiffWidth: d,
+    newContentHeight: s,
+    newDiffHeight: u
+  };
+}
+var ir = function(i, o, e, r, n, a, t) {
+  var l = i > o ? e * (t ? 1 : 0.5) : 0, s = r > n ? a * (t ? 1 : 0.5) : 0, d = i - o - l, u = l, f = r - n - s, v = s;
+  return { minPositionX: d, maxPositionX: u, minPositionY: f, maxPositionY: v };
+}, hi = function(i, o) {
+  var e = i.wrapperComponent, r = i.contentComponent, n = i.setup.centerZoomedOut;
+  if (!e || !r)
+    throw new Error("Components are not mounted");
+  var a = Ie(e, r, o), t = a.wrapperWidth, l = a.wrapperHeight, s = a.newContentWidth, d = a.newDiffWidth, u = a.newContentHeight, f = a.newDiffHeight, v = ir(t, s, d, l, u, f, !!n);
+  return v;
+}, di = function(i, o, e, r) {
+  return r ? i < o ? Y(o, 2) : i > e ? Y(e, 2) : Y(i, 2) : Y(i, 2);
+}, R = function(i, o) {
+  var e = hi(i, o);
+  return i.bounds = e, e;
+};
+function ii(i, o, e, r, n, a, t) {
+  var l = e.minPositionX, s = e.minPositionY, d = e.maxPositionX, u = e.maxPositionY, f = 0, v = 0;
+  t && (f = n, v = a);
+  var p = di(i, l - f, d + f, r), c = di(o, s - v, u + v, r);
+  return { x: p, y: c };
+}
+function ei(i, o, e, r, n, a) {
+  var t = i.transformState, l = t.scale, s = t.positionX, d = t.positionY, u = r - l;
+  if (typeof o != "number" || typeof e != "number")
+    return console.error("Mouse X and Y position were not provided!"), { x: s, y: d };
+  var f = s - o * u, v = d - e * u, p = ii(f, v, n, a, 0, 0, null);
+  return p;
+}
+function L(i, o, e, r, n) {
+  var a = n ? r : 0, t = o - a;
+  return !Number.isNaN(e) && i >= e ? e : !Number.isNaN(o) && i <= t ? t : i;
+}
+var Ei = function(i, o) {
+  var e = i.setup.panning.excluded, r = i.isInitialized, n = i.wrapperComponent, a = o.target, t = n == null ? void 0 : n.contains(a), l = r && a && t;
+  if (!l)
+    return !1;
+  var s = ri(a, e);
+  return !s;
+}, Oi = function(i) {
+  var o = i.isInitialized, e = i.isPanning, r = i.setup, n = r.panning.disabled, a = o && e && !n;
+  return !!a;
+}, er = function(i, o) {
+  var e = i.transformState, r = e.positionX, n = e.positionY;
+  i.isPanning = !0;
+  var a = o.clientX, t = o.clientY;
+  i.startCoords = { x: a - r, y: t - n };
+}, rr = function(i, o) {
+  var e = o.touches, r = i.transformState, n = r.positionX, a = r.positionY;
+  i.isPanning = !0;
+  var t = e.length === 1;
+  if (t) {
+    var l = e[0].clientX, s = e[0].clientY;
+    i.startCoords = { x: l - n, y: s - a };
+  }
+};
+function or(i) {
+  var o = i.transformState, e = o.positionX, r = o.positionY, n = o.scale, a = i.setup, t = a.disabled, l = a.limitToBounds, s = a.centerZoomedOut, d = i.wrapperComponent;
+  if (!(t || !d || !i.bounds)) {
+    var u = i.bounds, f = u.maxPositionX, v = u.minPositionX, p = u.maxPositionY, c = u.minPositionY, h = e > f || e < v, b = r > p || r < c, y = e > f ? d.offsetWidth : i.setup.minPositionX || 0, T = r > p ? d.offsetHeight : i.setup.minPositionY || 0, w = ei(i, y, T, n, i.bounds, l || s), E = w.x, A = w.y;
+    return {
+      scale: n,
+      positionX: h ? E : e,
+      positionY: b ? A : r
+    };
+  }
+}
+function nr(i, o, e, r, n) {
+  var a = i.setup.limitToBounds, t = i.wrapperComponent, l = i.bounds, s = i.transformState, d = s.scale, u = s.positionX, f = s.positionY;
+  if (!(t === null || l === null || o === u && e === f)) {
+    var v = ii(o, e, l, a, r, n, t), p = v.x, c = v.y;
+    i.setTransformState(d, p, c);
+  }
+}
+var ar = function(i, o, e) {
+  var r = i.startCoords, n = i.transformState, a = i.setup.panning, t = a.lockAxisX, l = a.lockAxisY, s = n.positionX, d = n.positionY;
+  if (!r)
+    return { x: s, y: d };
+  var u = o - r.x, f = e - r.y, v = t ? s : u, p = l ? d : f;
+  return { x: v, y: p };
+}, U = function(i, o) {
+  var e = i.setup, r = i.transformState, n = r.scale, a = e.minScale, t = e.disablePadding;
+  return o > 0 && n >= a && !t ? o : 0;
+}, tr = function(i) {
+  var o = i.mounted, e = i.setup, r = e.disabled, n = e.velocityAnimation, a = i.transformState.scale, t = n.disabled, l = !t || a > 1 || !r || o;
+  return !!l;
+}, lr = function(i) {
+  var o = i.mounted, e = i.velocity, r = i.bounds, n = i.setup, a = n.disabled, t = n.velocityAnimation, l = i.transformState.scale, s = t.disabled, d = !s || l > 1 || !a || o;
+  return !(!d || !e || !r);
+};
+function sr(i, o) {
+  var e = i.setup.velocityAnimation, r = e.equalToMove, n = e.animationTime, a = e.sensitivity;
+  return r ? n * o * a : n;
+}
+function Di(i, o, e, r, n, a, t, l, s, d) {
+  if (n) {
+    if (o > t && e > t) {
+      var u = t + (i - t) * d;
+      return u > s ? s : u < t ? t : u;
+    }
+    if (o < a && e < a) {
+      var u = a + (i - a) * d;
+      return u < l ? l : u > a ? a : u;
+    }
+  }
+  return r ? o : di(i, a, t, n);
+}
+function ur(i, o) {
+  var e = 1;
+  return o ? Math.min(e, i.offsetWidth / window.innerWidth) : e;
+}
+function dr(i, o) {
+  var e = tr(i);
+  if (e) {
+    var r = i.lastMousePosition, n = i.velocityTime, a = i.setup, t = i.wrapperComponent, l = a.velocityAnimation.equalToMove, s = Date.now();
+    if (r && n && t) {
+      var d = ur(t, l), u = o.x - r.x, f = o.y - r.y, v = u / d, p = f / d, c = s - n, h = u * u + f * f, b = Math.sqrt(h) / c;
+      i.velocity = { velocityX: v, velocityY: p, total: b };
+    }
+    i.lastMousePosition = o, i.velocityTime = s;
+  }
+}
+function fr(i) {
+  var o = i.velocity, e = i.bounds, r = i.setup, n = i.wrapperComponent, a = lr(i);
+  if (!(!a || !o || !e || !n)) {
+    var t = o.velocityX, l = o.velocityY, s = o.total, d = e.maxPositionX, u = e.minPositionX, f = e.maxPositionY, v = e.minPositionY, p = r.limitToBounds, c = r.alignmentAnimation, h = r.zoomAnimation, b = r.panning, y = b.lockAxisY, T = b.lockAxisX, w = h.animationType, E = c.sizeX, A = c.sizeY, k = c.velocityAlignmentTime, O = k, M = sr(i, s), W = Math.max(M, O), N = U(i, E), Z = U(i, A), j = N * n.offsetWidth / 100, Pi = Z * n.offsetHeight / 100, le = d + j, se = u - j, ue = f + Pi, de = v - Pi, yi = i.transformState, fe = (/* @__PURE__ */ new Date()).getTime();
+    Ki(i, w, W, function(ve) {
+      var ni = i.transformState, pe = ni.scale, ai = ni.positionX, ti = ni.positionY, me = (/* @__PURE__ */ new Date()).getTime() - fe, ce = me / O, he = Vi[c.animationType], Ti = 1 - he(Math.min(1, ce)), Yi = 1 - ve, Ai = ai + t * Yi, _i = ti + l * Yi, ge = Di(Ai, yi.positionX, ai, T, p, u, d, se, le, Ti), be = Di(_i, yi.positionY, ti, y, p, v, f, de, ue, Ti);
+      (ai !== Ai || ti !== _i) && i.setTransformState(pe, ge, be);
+    });
+  }
+}
+function Wi(i, o) {
+  var e = i.transformState.scale;
+  _(i), R(i, e), window.TouchEvent !== void 0 && o instanceof TouchEvent ? rr(i, o) : er(i, o);
+}
+function Qi(i) {
+  var o = i.transformState.scale, e = i.setup, r = e.minScale, n = e.alignmentAnimation, a = n.disabled, t = n.sizeX, l = n.sizeY, s = n.animationTime, d = n.animationType, u = a || o < r || !t && !l;
+  if (!u) {
+    var f = or(i);
+    f && X(i, f, s, d);
+  }
+}
+function Ni(i, o, e) {
+  var r = i.startCoords, n = i.setup, a = n.alignmentAnimation, t = a.sizeX, l = a.sizeY;
+  if (r) {
+    var s = ar(i, o, e), d = s.x, u = s.y, f = U(i, t), v = U(i, l);
+    dr(i, { x: d, y: u }), nr(i, d, u, f, v);
+  }
+}
+function vr(i) {
+  if (i.isPanning) {
+    var o = i.setup.panning.velocityDisabled, e = i.velocity, r = i.wrapperComponent, n = i.contentComponent;
+    i.isPanning = !1, i.animate = !1, i.animation = null;
+    var a = r == null ? void 0 : r.getBoundingClientRect(), t = n == null ? void 0 : n.getBoundingClientRect(), l = (a == null ? void 0 : a.width) || 0, s = (a == null ? void 0 : a.height) || 0, d = (t == null ? void 0 : t.width) || 0, u = (t == null ? void 0 : t.height) || 0, f = l < d || s < u, v = !o && e && (e == null ? void 0 : e.total) > 0.1 && f;
+    v ? fr(i) : Qi(i);
+  }
+}
+function gi(i, o, e, r) {
+  var n = i.setup, a = n.minScale, t = n.maxScale, l = n.limitToBounds, s = L(Y(o, 2), a, t, 0, !1), d = R(i, s), u = ei(i, e, r, s, d, l), f = u.x, v = u.y;
+  return { scale: s, positionX: f, positionY: v };
+}
+function qi(i, o, e) {
+  var r = i.transformState.scale, n = i.wrapperComponent, a = i.setup, t = a.minScale, l = a.limitToBounds, s = a.zoomAnimation, d = s.disabled, u = s.animationTime, f = s.animationType, v = d || r >= t;
+  if ((r >= 1 || l) && Qi(i), !(v || !n || !i.mounted)) {
+    var p = o || n.offsetWidth / 2, c = e || n.offsetHeight / 2, h = gi(i, t, p, c);
+    h && X(i, h, u, f);
+  }
+}
+var z = function() {
+  return z = Object.assign || function(o) {
+    for (var e, r = 1, n = arguments.length; r < n; r++) {
+      e = arguments[r];
+      for (var a in e)
+        Object.prototype.hasOwnProperty.call(e, a) && (o[a] = e[a]);
+    }
+    return o;
+  }, z.apply(this, arguments);
+};
+function Bi(i, o, e) {
+  if (e || arguments.length === 2)
+    for (var r = 0, n = o.length, a; r < n; r++)
+      (a || !(r in o)) && (a || (a = Array.prototype.slice.call(o, 0, r)), a[r] = o[r]);
+  return i.concat(a || Array.prototype.slice.call(o));
+}
+var F = {
+  previousScale: 1,
+  scale: 1,
+  positionX: 0,
+  positionY: 0
+}, $ = {
+  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
+  }
+}, Ui = function(i) {
+  var o, e, r, n;
+  return {
+    previousScale: (o = i.initialScale) !== null && o !== void 0 ? o : F.scale,
+    scale: (e = i.initialScale) !== null && e !== void 0 ? e : F.scale,
+    positionX: (r = i.initialPositionX) !== null && r !== void 0 ? r : F.positionX,
+    positionY: (n = i.initialPositionY) !== null && n !== void 0 ? n : F.positionY
+  };
+}, Ri = function(i) {
+  var o = z({}, $);
+  return Object.keys(i).forEach(function(e) {
+    var r = typeof i[e] < "u", n = typeof $[e] < "u";
+    if (n && r) {
+      var a = Object.prototype.toString.call($[e]), t = a === "[object Object]", l = a === "[object Array]";
+      t ? o[e] = z(z({}, $[e]), i[e]) : l ? o[e] = Bi(Bi([], $[e], !0), i[e], !0) : o[e] = i[e];
+    }
+  }), o;
+}, Gi = function(i, o, e) {
+  var r = i.transformState.scale, n = i.wrapperComponent, a = i.setup, t = a.maxScale, l = a.minScale, s = a.zoomAnimation, d = a.smooth, u = s.size;
+  if (!n)
+    throw new Error("Wrapper is not mounted");
+  var f = d ? r * Math.exp(o * e) : r + o * e, v = L(Y(f, 3), l, t, u, !1);
+  return v;
+};
+function Ji(i, o, e, r, n) {
+  var a = i.wrapperComponent, t = i.transformState, l = t.scale, s = t.positionX, d = t.positionY;
+  if (!a)
+    return console.error("No WrapperComponent found");
+  var u = a.offsetWidth, f = a.offsetHeight, v = (u / 2 - s) / l, p = (f / 2 - d) / l, c = Gi(i, o, e), h = gi(i, c, v, p);
+  if (!h)
+    return console.error("Error during zoom event. New transformation state was not calculated.");
+  X(i, h, r, n);
+}
+function xi(i, o, e, r) {
+  var n = i.setup, a = i.wrapperComponent, t = n.limitToBounds, l = Ui(i.props), s = i.transformState, d = s.scale, u = s.positionX, f = s.positionY;
+  if (a) {
+    var v = hi(i, l.scale), p = ii(l.positionX, l.positionY, v, t, 0, 0, a), c = {
+      scale: l.scale,
+      positionX: p.x,
+      positionY: p.y
+    };
+    d === l.scale && u === l.positionX && f === l.positionY || (r == null || r(), X(i, c, o, e));
+  }
+}
+function pr(i, o, e, r) {
+  var n = i.getBoundingClientRect(), a = o.getBoundingClientRect(), t = e.getBoundingClientRect(), l = a.x * r.scale, s = a.y * r.scale;
+  return {
+    x: (n.x - t.x + l) / r.scale,
+    y: (n.y - t.y + s) / r.scale
+  };
+}
+function mr(i, o, e) {
+  var r = i.wrapperComponent, n = i.contentComponent, a = i.transformState, t = i.setup, l = t.limitToBounds, s = t.minScale, d = t.maxScale;
+  if (!r || !n)
+    return a;
+  var u = r.getBoundingClientRect(), f = o.getBoundingClientRect(), v = pr(o, r, n, a), p = v.x, c = v.y, h = f.width / a.scale, b = f.height / a.scale, y = r.offsetWidth / h, T = r.offsetHeight / b, w = L(e || Math.min(y, T), s, d, 0, !1), E = (u.width - h * w) / 2, A = (u.height - b * w) / 2, k = (u.left - p) * w + E, O = (u.top - c) * w + A, M = hi(i, w), W = ii(k, O, M, l, 0, 0, r), N = W.x, Z = W.y;
+  return { positionX: N, positionY: Z, scale: w };
+}
+var cr = function(i) {
+  return function(o, e, r) {
+    o === void 0 && (o = 0.5), e === void 0 && (e = 300), r === void 0 && (r = "easeOut"), Ji(i, 1, o, e, r);
+  };
+}, hr = function(i) {
+  return function(o, e, r) {
+    o === void 0 && (o = 0.5), e === void 0 && (e = 300), r === void 0 && (r = "easeOut"), Ji(i, -1, o, e, r);
+  };
+}, gr = function(i) {
+  return function(o, e, r, n, a) {
+    n === void 0 && (n = 300), a === void 0 && (a = "easeOut");
+    var t = i.transformState, l = t.positionX, s = t.positionY, d = t.scale, u = i.wrapperComponent, f = i.contentComponent, v = i.setup.disabled;
+    if (!(v || !u || !f)) {
+      var p = {
+        positionX: Number.isNaN(o) ? l : o,
+        positionY: Number.isNaN(e) ? s : e,
+        scale: Number.isNaN(r) ? d : r
+      };
+      X(i, p, n, a);
+    }
+  };
+}, br = function(i) {
+  return function(o, e) {
+    o === void 0 && (o = 200), e === void 0 && (e = "easeOut"), xi(i, o, e);
+  };
+}, Sr = function(i) {
+  return function(o, e, r) {
+    e === void 0 && (e = 200), r === void 0 && (r = "easeOut");
+    var n = i.transformState, a = i.wrapperComponent, t = i.contentComponent;
+    if (a && t) {
+      var l = Ii(o || n.scale, a, t);
+      X(i, l, e, r);
+    }
+  };
+}, wr = function(i) {
+  return function(o, e, r, n) {
+    r === void 0 && (r = 600), n === void 0 && (n = "easeOut"), _(i);
+    var a = i.wrapperComponent, t = typeof o == "string" ? document.getElementById(o) : o;
+    if (a && t && a.contains(t)) {
+      var l = mr(i, t, e);
+      X(i, l, r, n);
+    }
+  };
+}, G = function(i) {
+  return {
+    instance: i,
+    zoomIn: cr(i),
+    zoomOut: hr(i),
+    setTransform: gr(i),
+    resetTransform: br(i),
+    centerView: Sr(i),
+    zoomToElement: wr(i)
+  };
+}, Cr = function(i) {
+  return {
+    instance: i,
+    state: i.transformState
+  };
+}, g = function(i) {
+  var o = {};
+  return Object.assign(o, Cr(i)), Object.assign(o, G(i)), o;
+}, li = !1;
+function si() {
+  try {
+    var i = {
+      get passive() {
+        return li = !0, !1;
+      }
+    };
+    return i;
+  } catch {
+    return li = !1, li;
+  }
+}
+var ri = function(i, o) {
+  var e = i.tagName.toUpperCase(), r = o.find(function(a) {
+    return a.toUpperCase() === e;
+  });
+  if (r)
+    return !0;
+  var n = o.find(function(a) {
+    return i.classList.contains(a);
+  });
+  return !!n;
+}, fi = function(i) {
+  i && clearTimeout(i);
+}, Pr = function(i, o, e) {
+  return "translate(".concat(i, "px, ").concat(o, "px) scale(").concat(e, ")");
+}, Ii = function(i, o, e) {
+  var r = e.offsetWidth * i, n = e.offsetHeight * i, a = (o.offsetWidth - r) / 2, t = (o.offsetHeight - n) / 2;
+  return {
+    scale: i,
+    positionX: a,
+    positionY: t
+  };
+};
+function yr(i) {
+  return function(o) {
+    i.forEach(function(e) {
+      typeof e == "function" ? e(o) : e != null && (e.current = o);
+    });
+  };
+}
+var Tr = function(i, o) {
+  var e = i.setup.wheel, r = e.disabled, n = e.wheelDisabled, a = e.touchPadDisabled, t = e.excluded, l = i.isInitialized, s = i.isPanning, d = o.target, u = l && !s && !r && d;
+  if (!u || n && !o.ctrlKey || a && o.ctrlKey)
+    return !1;
+  var f = ri(d, t);
+  return !f;
+}, Yr = function(i) {
+  return i ? i.deltaY < 0 ? 1 : -1 : 0;
+};
+function Ar(i, o) {
+  var e = Yr(i), r = ke(o, e);
+  return r;
+}
+function ie(i, o, e) {
+  var r = o.getBoundingClientRect(), n = 0, a = 0;
+  if ("clientX" in i)
+    n = (i.clientX - r.left) / e, a = (i.clientY - r.top) / e;
+  else {
+    var t = i.touches[0];
+    n = (t.clientX - r.left) / e, a = (t.clientY - r.top) / e;
+  }
+  return (Number.isNaN(n) || Number.isNaN(a)) && console.error("No mouse or touch offset found"), {
+    x: n,
+    y: a
+  };
+}
+var _r = function(i, o, e, r, n) {
+  var a = i.transformState.scale, t = i.wrapperComponent, l = i.setup, s = l.maxScale, d = l.minScale, u = l.zoomAnimation, f = l.disablePadding, v = u.size, p = u.disabled;
+  if (!t)
+    throw new Error("Wrapper is not mounted");
+  var c = a + o * e;
+  if (n)
+    return c;
+  var h = r ? !1 : !p, b = L(Y(c, 3), d, s, v, h && !f);
+  return b;
+}, zr = function(i, o) {
+  var e = i.previousWheelEvent, r = i.transformState.scale, n = i.setup, a = n.maxScale, t = n.minScale;
+  return e ? r < a || r > t || Math.sign(e.deltaY) !== Math.sign(o.deltaY) || e.deltaY > 0 && e.deltaY < o.deltaY || e.deltaY < 0 && e.deltaY > o.deltaY || Math.sign(e.deltaY) !== Math.sign(o.deltaY) : !1;
+}, Xr = function(i, o) {
+  var e = i.setup.pinch, r = e.disabled, n = e.excluded, a = i.isInitialized, t = o.target, l = a && !r && t;
+  if (!l)
+    return !1;
+  var s = ri(t, n);
+  return !s;
+}, Er = function(i) {
+  var o = i.setup.pinch.disabled, e = i.isInitialized, r = i.pinchStartDistance, n = e && !o && r;
+  return !!n;
+}, Or = function(i, o, e) {
+  var r = e.getBoundingClientRect(), n = i.touches, a = Y(n[0].clientX - r.left, 5), t = Y(n[0].clientY - r.top, 5), l = Y(n[1].clientX - r.left, 5), s = Y(n[1].clientY - r.top, 5);
+  return {
+    x: (a + l) / 2 / o,
+    y: (t + s) / 2 / o
+  };
+}, ee = function(i) {
+  return Math.sqrt(Math.pow(i.touches[0].pageX - i.touches[1].pageX, 2) + Math.pow(i.touches[0].pageY - i.touches[1].pageY, 2));
+}, Dr = function(i, o) {
+  var e = i.pinchStartScale, r = i.pinchStartDistance, n = i.setup, a = n.maxScale, t = n.minScale, l = n.zoomAnimation, s = n.disablePadding, d = l.size, u = l.disabled;
+  if (!e || r === null || !o)
+    throw new Error("Pinch touches distance was not provided");
+  if (o < 0)
+    return i.transformState.scale;
+  var f = o / r, v = f * e;
+  return L(Y(v, 2), t, a, d, !u && !s);
+}, Wr = 160, Nr = 100, Br = function(i, o) {
+  var e = i.props, r = e.onWheelStart, n = e.onZoomStart;
+  i.wheelStopEventTimer || (_(i), S(g(i), o, r), S(g(i), o, n));
+}, Rr = function(i, o) {
+  var e = i.props, r = e.onWheel, n = e.onZoom, a = i.contentComponent, t = i.setup, l = i.transformState, s = l.scale, d = t.limitToBounds, u = t.centerZoomedOut, f = t.zoomAnimation, v = t.wheel, p = t.disablePadding, c = t.smooth, h = f.size, b = f.disabled, y = v.step, T = v.smoothStep;
+  if (!a)
+    throw new Error("Component not mounted");
+  o.preventDefault(), o.stopPropagation();
+  var w = Ar(o, null), E = c ? T * Math.abs(o.deltaY) : y, A = _r(i, w, E, !o.ctrlKey);
+  if (s !== A) {
+    var k = R(i, A), O = ie(o, a, s), M = b || h === 0 || u || p, W = d && M, N = ei(i, O.x, O.y, A, k, W), Z = N.x, j = N.y;
+    i.previousWheelEvent = o, i.setTransformState(A, Z, j), S(g(i), o, r), S(g(i), o, n);
+  }
+}, kr = function(i, o) {
+  var e = i.props, r = e.onWheelStop, n = e.onZoomStop;
+  fi(i.wheelAnimationTimer), i.wheelAnimationTimer = setTimeout(function() {
+    i.mounted && (qi(i, o.x, o.y), i.wheelAnimationTimer = null);
+  }, Nr);
+  var a = zr(i, o);
+  a && (fi(i.wheelStopEventTimer), i.wheelStopEventTimer = setTimeout(function() {
+    i.mounted && (i.wheelStopEventTimer = null, S(g(i), o, r), S(g(i), o, n));
+  }, Wr));
+}, Mr = function(i, o) {
+  var e = ee(o);
+  i.pinchStartDistance = e, i.lastDistance = e, i.pinchStartScale = i.transformState.scale, i.isPanning = !1, _(i);
+}, Zr = function(i, o) {
+  var e = i.contentComponent, r = i.pinchStartDistance, n = i.transformState.scale, a = i.setup, t = a.limitToBounds, l = a.centerZoomedOut, s = a.zoomAnimation, d = s.disabled, u = s.size;
+  if (!(r === null || !e)) {
+    var f = Or(o, n, e);
+    if (!(!Number.isFinite(f.x) || !Number.isFinite(f.y))) {
+      var v = ee(o), p = Dr(i, v);
+      if (p !== n) {
+        var c = R(i, p), h = d || u === 0 || l, b = t && h, y = ei(i, f.x, f.y, p, c, b), T = y.x, w = y.y;
+        i.pinchMidpoint = f, i.lastDistance = v, i.setTransformState(p, T, w);
+      }
+    }
+  }
+}, $r = function(i) {
+  var o = i.pinchMidpoint;
+  i.velocity = null, i.lastDistance = null, i.pinchMidpoint = null, i.pinchStartScale = null, i.pinchStartDistance = null, qi(i, o == null ? void 0 : o.x, o == null ? void 0 : o.y);
+}, re = function(i, o) {
+  var e = i.props.onZoomStop, r = i.setup.doubleClick.animationTime;
+  fi(i.doubleClickStopEventTimer), i.doubleClickStopEventTimer = setTimeout(function() {
+    i.doubleClickStopEventTimer = null, S(g(i), o, e);
+  }, r);
+}, Lr = function(i, o) {
+  var e = i.props, r = e.onZoomStart, n = e.onZoom, a = i.setup.doubleClick, t = a.animationTime, l = a.animationType;
+  S(g(i), o, r), xi(i, t, l, function() {
+    return S(g(i), o, n);
+  }), re(i, o);
+};
+function jr(i, o) {
+  var e = i.setup, r = i.doubleClickStopEventTimer, n = i.transformState, a = i.contentComponent, t = n.scale, l = i.props, s = l.onZoomStart, d = l.onZoom, u = e.doubleClick, f = u.disabled, v = u.mode, p = u.step, c = u.animationTime, h = u.animationType;
+  if (!f && !r) {
+    if (v === "reset")
+      return Lr(i, o);
+    if (!a)
+      return console.error("No ContentComponent found");
+    var b = v === "zoomOut" ? -1 : 1, y = Gi(i, b, p);
+    if (t !== y) {
+      S(g(i), o, s);
+      var T = ie(o, a, t), w = gi(i, y, T.x, T.y);
+      if (!w)
+        return console.error("Error during zoom event. New transformation state was not calculated.");
+      S(g(i), o, d), X(i, w, c, h), re(i, o);
+    }
+  }
+}
+var Hr = function(i, o) {
+  var e = i.isInitialized, r = i.setup, n = i.wrapperComponent, a = r.doubleClick, t = a.disabled, l = a.excluded, s = o.target, d = n == null ? void 0 : n.contains(s), u = e && s && d && !t;
+  if (!u)
+    return !1;
+  var f = ri(s, l);
+  return !f;
+}, Vr = (
+  /** @class */
+  function() {
+    function i(o) {
+      var e = 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() {
+        e.initializeWindowEvents();
+      }, this.unmount = function() {
+        e.cleanupWindowEvents();
+      }, this.update = function(r) {
+        R(e, e.transformState.scale), e.setup = Ri(r);
+      }, this.initializeWindowEvents = function() {
+        var r, n = si(), a = (r = e.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, t = a == null ? void 0 : a.defaultView;
+        t == null || t.addEventListener("mousedown", e.onPanningStart, n), t == null || t.addEventListener("mousemove", e.onPanning, n), t == null || t.addEventListener("mouseup", e.onPanningStop, n), a == null || a.addEventListener("mouseleave", e.clearPanning, n), t == null || t.addEventListener("keyup", e.setKeyUnPressed, n), t == null || t.addEventListener("keydown", e.setKeyPressed, n);
+      }, this.cleanupWindowEvents = function() {
+        var r, n, a = si(), t = (r = e.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, l = t == null ? void 0 : t.defaultView;
+        l == null || l.removeEventListener("mousedown", e.onPanningStart, a), l == null || l.removeEventListener("mousemove", e.onPanning, a), l == null || l.removeEventListener("mouseup", e.onPanningStop, a), t == null || t.removeEventListener("mouseleave", e.clearPanning, a), l == null || l.removeEventListener("keyup", e.setKeyUnPressed, a), l == null || l.removeEventListener("keydown", e.setKeyPressed, a), document.removeEventListener("mouseleave", e.clearPanning, a), _(e), (n = e.observer) === null || n === void 0 || n.disconnect();
+      }, this.handleInitializeWrapperEvents = function(r) {
+        var n = si();
+        r.addEventListener("wheel", e.onWheelZoom, n), r.addEventListener("dblclick", e.onDoubleClick, n), r.addEventListener("touchstart", e.onTouchPanningStart, n), r.addEventListener("touchmove", e.onTouchPanning, n), r.addEventListener("touchend", e.onTouchPanningStop, n);
+      }, this.handleInitialize = function(r) {
+        var n = e.setup.centerOnInit;
+        e.applyTransformation(), e.onInitCallbacks.forEach(function(a) {
+          return a(g(e));
+        }), n && (e.setCenter(), e.observer = new ResizeObserver(function() {
+          var a;
+          e.onInitCallbacks.forEach(function(t) {
+            return t(g(e));
+          }), e.setCenter(), (a = e.observer) === null || a === void 0 || a.disconnect();
+        }), e.observer.observe(r));
+      }, this.onWheelZoom = function(r) {
+        var n = e.setup.disabled;
+        if (!n) {
+          var a = Tr(e, r);
+          if (a) {
+            var t = e.isPressingKeys(e.setup.wheel.activationKeys);
+            t && (Br(e, r), Rr(e, r), kr(e, r));
+          }
+        }
+      }, this.onPanningStart = function(r) {
+        var n = e.setup.disabled, a = e.props.onPanningStart;
+        if (!n) {
+          var t = Ei(e, r);
+          if (t) {
+            var l = e.isPressingKeys(e.setup.panning.activationKeys);
+            l && (r.preventDefault(), r.stopPropagation(), _(e), Wi(e, r), S(g(e), r, a));
+          }
+        }
+      }, this.onPanning = function(r) {
+        var n = e.setup.disabled, a = e.props.onPanning;
+        if (!n) {
+          var t = Oi(e);
+          if (t) {
+            var l = e.isPressingKeys(e.setup.panning.activationKeys);
+            l && (r.preventDefault(), r.stopPropagation(), Ni(e, r.clientX, r.clientY), S(g(e), r, a));
+          }
+        }
+      }, this.onPanningStop = function(r) {
+        var n = e.props.onPanningStop;
+        e.isPanning && (vr(e), S(g(e), r, n));
+      }, this.onPinchStart = function(r) {
+        var n = e.setup.disabled, a = e.props, t = a.onPinchingStart, l = a.onZoomStart;
+        if (!n) {
+          var s = Xr(e, r);
+          s && (Mr(e, r), _(e), S(g(e), r, t), S(g(e), r, l));
+        }
+      }, this.onPinch = function(r) {
+        var n = e.setup.disabled, a = e.props, t = a.onPinching, l = a.onZoom;
+        if (!n) {
+          var s = Er(e);
+          s && (r.preventDefault(), r.stopPropagation(), Zr(e, r), S(g(e), r, t), S(g(e), r, l));
+        }
+      }, this.onPinchStop = function(r) {
+        var n = e.props, a = n.onPinchingStop, t = n.onZoomStop;
+        e.pinchStartScale && ($r(e), S(g(e), r, a), S(g(e), r, t));
+      }, this.onTouchPanningStart = function(r) {
+        var n = e.setup.disabled, a = e.props.onPanningStart;
+        if (!n) {
+          var t = Ei(e, r);
+          if (t) {
+            var l = e.lastTouch && +/* @__PURE__ */ new Date() - e.lastTouch < 200;
+            if (l && r.touches.length === 1)
+              e.onDoubleClick(r);
+            else {
+              e.lastTouch = +/* @__PURE__ */ new Date(), _(e);
+              var s = r.touches, d = s.length === 1, u = s.length === 2;
+              d && (_(e), Wi(e, r), S(g(e), r, a)), u && e.onPinchStart(r);
+            }
+          }
+        }
+      }, this.onTouchPanning = function(r) {
+        var n = e.setup.disabled, a = e.props.onPanning;
+        if (e.isPanning && r.touches.length === 1) {
+          if (n)
+            return;
+          var t = Oi(e);
+          if (!t)
+            return;
+          r.preventDefault(), r.stopPropagation();
+          var l = r.touches[0];
+          Ni(e, l.clientX, l.clientY), S(g(e), r, a);
+        } else
+          r.touches.length > 1 && e.onPinch(r);
+      }, this.onTouchPanningStop = function(r) {
+        e.onPanningStop(r), e.onPinchStop(r);
+      }, this.onDoubleClick = function(r) {
+        var n = e.setup.disabled;
+        if (!n) {
+          var a = Hr(e, r);
+          a && jr(e, r);
+        }
+      }, this.clearPanning = function(r) {
+        e.isPanning && e.onPanningStop(r);
+      }, this.setKeyPressed = function(r) {
+        e.pressedKeys[r.key] = !0;
+      }, this.setKeyUnPressed = function(r) {
+        e.pressedKeys[r.key] = !1;
+      }, this.isPressingKeys = function(r) {
+        return r.length ? !!r.find(function(n) {
+          return e.pressedKeys[n];
+        }) : !0;
+      }, this.setTransformState = function(r, n, a) {
+        var t = e.props.onTransformed;
+        if (!Number.isNaN(r) && !Number.isNaN(n) && !Number.isNaN(a)) {
+          r !== e.transformState.scale && (e.transformState.previousScale = e.transformState.scale, e.transformState.scale = r), e.transformState.positionX = n, e.transformState.positionY = a, e.applyTransformation();
+          var l = g(e);
+          e.onChangeCallbacks.forEach(function(s) {
+            return s(l);
+          }), S(l, { scale: r, positionX: n, positionY: a }, t);
+        } else
+          console.error("Detected NaN set state values");
+      }, this.setCenter = function() {
+        if (e.wrapperComponent && e.contentComponent) {
+          var r = Ii(e.transformState.scale, e.wrapperComponent, e.contentComponent);
+          e.setTransformState(r.scale, r.positionX, r.positionY);
+        }
+      }, this.handleTransformStyles = function(r, n, a) {
+        return e.props.customTransform ? e.props.customTransform(r, n, a) : Pr(r, n, a);
+      }, this.applyTransformation = function() {
+        if (!(!e.mounted || !e.contentComponent)) {
+          var r = e.transformState, n = r.scale, a = r.positionX, t = r.positionY, l = e.handleTransformStyles(a, t, n);
+          e.contentComponent.style.transform = l;
+        }
+      }, this.getContext = function() {
+        return g(e);
+      }, this.onChange = function(r) {
+        return e.onChangeCallbacks.has(r) || e.onChangeCallbacks.add(r), function() {
+          e.onChangeCallbacks.delete(r);
+        };
+      }, this.onInit = function(r) {
+        return e.onInitCallbacks.has(r) || e.onInitCallbacks.add(r), function() {
+          e.onInitCallbacks.delete(r);
+        };
+      }, this.init = function(r, n) {
+        e.cleanupWindowEvents(), e.wrapperComponent = r, e.contentComponent = n, R(e, e.transformState.scale), e.handleInitializeWrapperEvents(r), e.handleInitialize(n), e.initializeWindowEvents(), e.isInitialized = !0;
+        var a = g(e);
+        S(a, void 0, e.props.onInit);
+      }, this.props = o, this.setup = Ri(this.props), this.transformState = Ui(this.props);
+    }
+    return i;
+  }()
+), oi = D.createContext(null), Fr = function(i, o) {
+  return typeof i == "function" ? i(o) : i;
+}, yo = D.forwardRef(function(i, o) {
+  var e = q(new Vr(i)).current, r = Fr(i.children, G(e));
+  return we(o, function() {
+    return G(e);
+  }, [e]), vi(function() {
+    e.update(i);
+  }, [e, i]), D.createElement(oi.Provider, { value: e }, r);
+});
+D.forwardRef(function(i, o) {
+  var e = q(null), r = pi(oi);
+  return vi(function() {
+    return r.onChange(function(n) {
+      if (e.current) {
+        var a = 0, t = 0;
+        e.current.style.transform = r.handleTransformStyles(a, t, 1 / n.instance.transformState.scale);
+      }
+    });
+  }, [r]), D.createElement("div", z({}, i, { ref: yr([e, o]) }));
+});
+function Kr(i, o) {
+  o === void 0 && (o = {});
+  var e = o.insertAt;
+  if (!(!i || typeof document > "u")) {
+    var r = document.head || document.getElementsByTagName("head")[0], n = document.createElement("style");
+    n.type = "text/css", e === "top" && r.firstChild ? r.insertBefore(n, r.firstChild) : r.appendChild(n), n.styleSheet ? n.styleSheet.cssText = i : n.appendChild(document.createTextNode(i));
+  }
+}
+var Qr = `.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;
+}
+`, ki = { wrapper: "transform-component-module_wrapper__SPB86", content: "transform-component-module_content__FBWxo" };
+Kr(Qr);
+var To = function(i) {
+  var o = i.children, e = i.wrapperClass, r = e === void 0 ? "" : e, n = i.contentClass, a = n === void 0 ? "" : n, t = i.wrapperStyle, l = i.contentStyle, s = i.wrapperProps, d = s === void 0 ? {} : s, u = i.contentProps, f = u === void 0 ? {} : u, v = pi(oi).init, p = q(null), c = q(null);
+  return vi(function() {
+    var h = p.current, b = c.current;
+    h !== null && b !== null && v && v(h, b);
+  }, []), D.createElement(
+    "div",
+    z({}, d, { ref: p, className: "react-transform-wrapper ".concat(ki.wrapper, " ").concat(r), style: t }),
+    D.createElement("div", z({}, f, { ref: c, className: "react-transform-component ".concat(ki.content, " ").concat(a), style: l }), o)
+  );
+}, qr = function() {
+  var i = pi(oi);
+  if (!i)
+    throw new Error("Transform context must be placed inside TransformWrapper");
+  return i;
+}, Ur = function() {
+  var i = qr();
+  return G(i);
+}, bi = {}, Gr = I;
+Object.defineProperty(bi, "__esModule", {
+  value: !0
+});
+var oe = bi.default = void 0, Jr = Gr(x()), xr = J, Ir = (0, Jr.default)(/* @__PURE__ */ (0, xr.jsx)("path", {
+  d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+}), "Add");
+oe = bi.default = Ir;
+var Si = {}, io = I;
+Object.defineProperty(Si, "__esModule", {
+  value: !0
+});
+var ne = Si.default = void 0, eo = io(x()), ro = J, oo = (0, eo.default)(/* @__PURE__ */ (0, ro.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");
+ne = Si.default = oo;
+var wi = {}, no = I;
+Object.defineProperty(wi, "__esModule", {
+  value: !0
+});
+var ae = wi.default = void 0, ao = no(x()), to = J, lo = (0, ao.default)(/* @__PURE__ */ (0, to.jsx)("path", {
+  d: "M19 13H5v-2h14v2z"
+}), "Remove");
+ae = wi.default = lo;
+var Ci = {}, so = I;
+Object.defineProperty(Ci, "__esModule", {
+  value: !0
+});
+var te = Ci.default = void 0, uo = so(x()), fo = J, vo = (0, uo.default)(/* @__PURE__ */ (0, fo.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");
+te = Ci.default = vo;
+const po = {
+  position: "absolute",
+  zIndex: 1,
+  right: "2rem",
+  bottom: "2rem",
+  width: "fit-content",
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "flex-end",
+  backgroundColor: "#0F0E0E4D",
+  borderRadius: "5rem"
+}, Mi = {
+  backgroundColor: "#0000000D",
+  height: "0.0625rem"
+}, K = {
+  color: "white",
+  "&:focus": {
+    outline: "none"
+  }
+}, mo = {
+  ...K,
+  position: "absolute",
+  zIndex: 1,
+  right: "2rem",
+  bottom: "10rem",
+  background: "#0F0E0E4D",
+  color: "white",
+  padding: "0.55rem"
+}, Yo = ({
+  controllerContainerProps: i,
+  zoomInButtonProps: o,
+  zoomOutButtonProps: e,
+  resetTransformButtonProps: r,
+  dividerProps: n,
+  handleRotate: a,
+  rotateButtonProps: t
+}) => {
+  const { zoomIn: l, zoomOut: s, resetTransform: d } = Ur();
+  function u() {
+    l();
+  }
+  function f() {
+    s();
+  }
+  function v() {
+    d();
+  }
+  return /* @__PURE__ */ zi(Se, { children: [
+    /* @__PURE__ */ C(H, { title: "Rotate", placement: "left", children: /* @__PURE__ */ C(
+      V,
+      {
+        disableRipple: !0,
+        disableFocusRipple: !0,
+        "aria-label": "Rotate",
+        onClick: a,
+        sx: mo,
+        ...t,
+        children: /* @__PURE__ */ C(te, {})
+      }
+    ) }),
+    /* @__PURE__ */ zi(
+      Pe,
+      {
+        sx: po,
+        ...i,
+        children: [
+          /* @__PURE__ */ C(H, { title: "Zoom In", placement: "left", children: /* @__PURE__ */ C(
+            V,
+            {
+              disableRipple: !0,
+              disableFocusRipple: !0,
+              "aria-label": "Zoom In",
+              onClick: u,
+              sx: K,
+              ...o,
+              children: /* @__PURE__ */ C(oe, {})
+            }
+          ) }),
+          /* @__PURE__ */ C(Xi, { sx: Mi, ...n }),
+          /* @__PURE__ */ C(H, { title: "Zoom Out", placement: "left", children: /* @__PURE__ */ C(
+            V,
+            {
+              disableFocusRipple: !0,
+              disableRipple: !0,
+              "aria-label": "Zoom Out",
+              onClick: f,
+              sx: K,
+              ...e,
+              children: /* @__PURE__ */ C(ae, {})
+            }
+          ) }),
+          /* @__PURE__ */ C(Xi, { sx: Mi, ...n }),
+          /* @__PURE__ */ C(H, { title: "Reset", placement: "left", children: /* @__PURE__ */ C(
+            V,
+            {
+              disableFocusRipple: !0,
+              disableRipple: !0,
+              "aria-label": "Reset",
+              onClick: v,
+              sx: K,
+              ...r,
+              children: /* @__PURE__ */ C(ne, {})
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  yo as T,
+  Yo as Z,
+  To as a
+};