@loopr-ai/craft 0.2.0 → 0.4.0

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

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