@frigate-nvr/image-annotator 1.0.4 → 1.0.6

package/dist/components/BoundingBox.js

@@ -4,7 +4,7 @@ import ft, { createElement as qe, PureComponent as Pt, useState as Rt } from "re
 import { a as _t, g as Dt } from "../_commonjsHelpers-DjF3Plf2.js";
 import ct, { flushSync as Tt } from "react-dom";
 import { u as Ct } from "../index.esm-FeyXGhGs.js";
-var Pe = { exports: {} }, ht = {}, je = { exports: {} }, be = { exports: {} }, N = {};
+var Pe = { exports: {} }, ht = {}, ke = { exports: {} }, be = { exports: {} }, N = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -17,7 +17,7 @@ var Ge;
 function Ot() {
   if (Ge) return N;
   Ge = 1;
-  var e = typeof Symbol == "function" && Symbol.for, i = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, n = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, z = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, D = e ? Symbol.for("react.responder") : 60118, y = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, i = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, n = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, w = e ? Symbol.for("react.memo") : 60115, z = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, D = e ? Symbol.for("react.responder") : 60118, y = e ? Symbol.for("react.scope") : 60119;
   function h(l) {
     if (typeof l == "object" && l !== null) {
       var R = l.$$typeof;
@@ -36,7 +36,7 @@ function Ot() {
                 case s:
                 case p:
                 case z:
-                case S:
+                case w:
                 case a:
                   return l;
                 default:
@@ -51,7 +51,7 @@ function Ot() {
   function d(l) {
     return h(l) === u;
   }
-  return N.AsyncMode = f, N.ConcurrentMode = u, N.ContextConsumer = s, N.ContextProvider = a, N.Element = i, N.ForwardRef = p, N.Fragment = r, N.Lazy = z, N.Memo = S, N.Portal = t, N.Profiler = o, N.StrictMode = n, N.Suspense = g, N.isAsyncMode = function(l) {
+  return N.AsyncMode = f, N.ConcurrentMode = u, N.ContextConsumer = s, N.ContextProvider = a, N.Element = i, N.ForwardRef = p, N.Fragment = r, N.Lazy = z, N.Memo = w, N.Portal = t, N.Profiler = o, N.StrictMode = n, N.Suspense = g, N.isAsyncMode = function(l) {
     return d(l) || h(l) === f;
   }, N.isConcurrentMode = d, N.isContextConsumer = function(l) {
     return h(l) === s;
@@ -66,7 +66,7 @@ function Ot() {
   }, N.isLazy = function(l) {
     return h(l) === z;
   }, N.isMemo = function(l) {
-    return h(l) === S;
+    return h(l) === w;
   }, N.isPortal = function(l) {
     return h(l) === t;
   }, N.isProfiler = function(l) {
@@ -76,7 +76,7 @@ function Ot() {
   }, N.isSuspense = function(l) {
     return h(l) === g;
   }, N.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === r || l === u || l === o || l === n || l === g || l === b || typeof l == "object" && l !== null && (l.$$typeof === z || l.$$typeof === S || l.$$typeof === a || l.$$typeof === s || l.$$typeof === p || l.$$typeof === E || l.$$typeof === D || l.$$typeof === y || l.$$typeof === w);
+    return typeof l == "string" || typeof l == "function" || l === r || l === u || l === o || l === n || l === g || l === b || typeof l == "object" && l !== null && (l.$$typeof === z || l.$$typeof === w || l.$$typeof === a || l.$$typeof === s || l.$$typeof === p || l.$$typeof === E || l.$$typeof === D || l.$$typeof === y || l.$$typeof === S);
   }, N.typeOf = h, N;
 }
 var H = {};
@@ -91,10 +91,10 @@ var H = {};
 var Ve;
 function Mt() {
   return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, i = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, n = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, z = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, D = e ? Symbol.for("react.responder") : 60118, y = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, i = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, n = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, w = e ? Symbol.for("react.memo") : 60115, z = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, D = e ? Symbol.for("react.responder") : 60118, y = e ? Symbol.for("react.scope") : 60119;
     function h(v) {
       return typeof v == "string" || typeof v == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      v === r || v === u || v === o || v === n || v === g || v === b || typeof v == "object" && v !== null && (v.$$typeof === z || v.$$typeof === S || v.$$typeof === a || v.$$typeof === s || v.$$typeof === p || v.$$typeof === E || v.$$typeof === D || v.$$typeof === y || v.$$typeof === w);
+      v === r || v === u || v === o || v === n || v === g || v === b || typeof v == "object" && v !== null && (v.$$typeof === z || v.$$typeof === w || v.$$typeof === a || v.$$typeof === s || v.$$typeof === p || v.$$typeof === E || v.$$typeof === D || v.$$typeof === y || v.$$typeof === S);
     }
     function d(v) {
       if (typeof v == "object" && v !== null) {
@@ -116,7 +116,7 @@ function Mt() {
                   case s:
                   case p:
                   case z:
-                  case S:
+                  case w:
                   case a:
                     return Ue;
                   default:
@@ -128,7 +128,7 @@ function Mt() {
         }
       }
     }
-    var l = f, R = u, x = s, k = a, B = i, Y = p, X = r, j = z, q = S, V = t, ie = o, I = n, Z = g, ne = !1;
+    var l = f, R = u, x = s, $ = a, B = i, I = p, X = r, k = z, q = w, V = t, ie = o, j = n, Z = g, ne = !1;
     function K(v) {
       return ne || (ne = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), c(v) || d(v) === f;
     }
@@ -154,7 +154,7 @@ function Mt() {
       return d(v) === z;
     }
     function C(v) {
-      return d(v) === S;
+      return d(v) === w;
     }
     function W(v) {
       return d(v) === t;
@@ -168,7 +168,7 @@ function Mt() {
     function Q(v) {
       return d(v) === g;
     }
-    H.AsyncMode = l, H.ConcurrentMode = R, H.ContextConsumer = x, H.ContextProvider = k, H.Element = B, H.ForwardRef = Y, H.Fragment = X, H.Lazy = j, H.Memo = q, H.Portal = V, H.Profiler = ie, H.StrictMode = I, H.Suspense = Z, H.isAsyncMode = K, H.isConcurrentMode = c, H.isContextConsumer = m, H.isContextProvider = O, H.isElement = T, H.isForwardRef = P, H.isFragment = M, H.isLazy = _, H.isMemo = C, H.isPortal = W, H.isProfiler = L, H.isStrictMode = A, H.isSuspense = Q, H.isValidElementType = h, H.typeOf = d;
+    H.AsyncMode = l, H.ConcurrentMode = R, H.ContextConsumer = x, H.ContextProvider = $, H.Element = B, H.ForwardRef = I, H.Fragment = X, H.Lazy = k, H.Memo = q, H.Portal = V, H.Profiler = ie, H.StrictMode = j, H.Suspense = Z, H.isAsyncMode = K, H.isConcurrentMode = c, H.isContextConsumer = m, H.isContextProvider = O, H.isElement = T, H.isForwardRef = P, H.isFragment = M, H.isLazy = _, H.isMemo = C, H.isPortal = W, H.isProfiler = L, H.isStrictMode = A, H.isSuspense = Q, H.isValidElementType = h, H.typeOf = d;
   }()), H;
 }
 var Ke;
@@ -227,7 +227,7 @@ function Wt() {
   }, Te;
 }
 var Ce, Ze;
-function Ye() {
+function Ie() {
   if (Ze) return Ce;
   Ze = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
@@ -244,7 +244,7 @@ function At() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var i = Ye(), t = {}, r = dt();
+    var i = Ie(), t = {}, r = dt();
     e = function(o) {
       var a = "Warning: " + o;
       typeof console < "u" && console.error(a);
@@ -274,9 +274,9 @@ function At() {
             (f || "React class") + ": type specification of " + s + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof g + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), g instanceof Error && !(g.message in t)) {
             t[g.message] = !0;
-            var S = u ? u() : "";
+            var w = u ? u() : "";
             e(
-              "Failed " + s + " type: " + g.message + (S ?? "")
+              "Failed " + s + " type: " + g.message + (w ?? "")
             );
           }
         }
@@ -290,7 +290,7 @@ var We, tt;
 function Nt() {
   if (tt) return We;
   tt = 1;
-  var e = pt(), i = Wt(), t = Ye(), r = dt(), n = At(), o = function() {
+  var e = pt(), i = Wt(), t = Ie(), r = dt(), n = At(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(s) {
     var f = "Warning: " + s;
@@ -310,7 +310,7 @@ function Nt() {
       if (typeof m == "function")
         return m;
     }
-    var b = "<<anonymous>>", S = {
+    var b = "<<anonymous>>", w = {
       array: D("array"),
       bigint: D("bigint"),
       bool: D("boolean"),
@@ -324,20 +324,20 @@ function Nt() {
       element: d(),
       elementType: l(),
       instanceOf: R,
-      node: Y(),
-      objectOf: k,
+      node: I(),
+      objectOf: $,
       oneOf: x,
       oneOfType: B,
-      shape: j,
+      shape: k,
       exact: q
     };
     function z(c, m) {
       return c === m ? c !== 0 || 1 / c === 1 / m : c !== c && m !== m;
     }
-    function w(c, m) {
+    function S(c, m) {
       this.message = c, this.data = m && typeof m == "object" ? m : {}, this.stack = "";
     }
-    w.prototype = Error.prototype;
+    S.prototype = Error.prototype;
     function E(c) {
       if (process.env.NODE_ENV !== "production")
         var m = {}, O = 0;
@@ -356,17 +356,17 @@ function Nt() {
             ), m[se] = !0, O++);
           }
         }
-        return _[C] == null ? M ? _[C] === null ? new w("The " + L + " `" + A + "` is marked as required " + ("in `" + W + "`, but its value is `null`.")) : new w("The " + L + " `" + A + "` is marked as required in " + ("`" + W + "`, but its value is `undefined`.")) : null : c(_, C, W, L, A);
+        return _[C] == null ? M ? _[C] === null ? new S("The " + L + " `" + A + "` is marked as required " + ("in `" + W + "`, but its value is `null`.")) : new S("The " + L + " `" + A + "` is marked as required in " + ("`" + W + "`, but its value is `undefined`.")) : null : c(_, C, W, L, A);
       }
       var P = T.bind(null, !1);
       return P.isRequired = T.bind(null, !0), P;
     }
     function D(c) {
       function m(O, T, P, M, _, C) {
-        var W = O[T], L = I(W);
+        var W = O[T], L = j(W);
         if (L !== c) {
           var A = Z(W);
-          return new w(
+          return new S(
             "Invalid " + M + " `" + _ + "` of type " + ("`" + A + "` supplied to `" + P + "`, expected ") + ("`" + c + "`."),
             { expectedType: c }
           );
@@ -381,11 +381,11 @@ function Nt() {
     function h(c) {
       function m(O, T, P, M, _) {
         if (typeof c != "function")
-          return new w("Property `" + _ + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
+          return new S("Property `" + _ + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
         var C = O[T];
         if (!Array.isArray(C)) {
-          var W = I(C);
-          return new w("Invalid " + M + " `" + _ + "` of type " + ("`" + W + "` supplied to `" + P + "`, expected an array."));
+          var W = j(C);
+          return new S("Invalid " + M + " `" + _ + "` of type " + ("`" + W + "` supplied to `" + P + "`, expected an array."));
         }
         for (var L = 0; L < C.length; L++) {
           var A = c(C, L, P, M, _ + "[" + L + "]", t);
@@ -400,8 +400,8 @@ function Nt() {
       function c(m, O, T, P, M) {
         var _ = m[O];
         if (!s(_)) {
-          var C = I(_);
-          return new w("Invalid " + P + " `" + M + "` of type " + ("`" + C + "` supplied to `" + T + "`, expected a single ReactElement."));
+          var C = j(_);
+          return new S("Invalid " + P + " `" + M + "` of type " + ("`" + C + "` supplied to `" + T + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -411,8 +411,8 @@ function Nt() {
       function c(m, O, T, P, M) {
         var _ = m[O];
         if (!e.isValidElementType(_)) {
-          var C = I(_);
-          return new w("Invalid " + P + " `" + M + "` of type " + ("`" + C + "` supplied to `" + T + "`, expected a single ReactElement type."));
+          var C = j(_);
+          return new S("Invalid " + P + " `" + M + "` of type " + ("`" + C + "` supplied to `" + T + "`, expected a single ReactElement type."));
         }
         return null;
       }
@@ -422,7 +422,7 @@ function Nt() {
       function m(O, T, P, M, _) {
         if (!(O[T] instanceof c)) {
           var C = c.name || b, W = K(O[T]);
-          return new w("Invalid " + M + " `" + _ + "` of type " + ("`" + W + "` supplied to `" + P + "`, expected ") + ("instance of `" + C + "`."));
+          return new S("Invalid " + M + " `" + _ + "` of type " + ("`" + W + "` supplied to `" + P + "`, expected ") + ("instance of `" + C + "`."));
         }
         return null;
       }
@@ -441,17 +441,17 @@ function Nt() {
           var se = Z(v);
           return se === "symbol" ? String(v) : v;
         });
-        return new w("Invalid " + M + " `" + _ + "` of value `" + String(C) + "` " + ("supplied to `" + P + "`, expected one of " + L + "."));
+        return new S("Invalid " + M + " `" + _ + "` of value `" + String(C) + "` " + ("supplied to `" + P + "`, expected one of " + L + "."));
       }
       return E(m);
     }
-    function k(c) {
+    function $(c) {
       function m(O, T, P, M, _) {
         if (typeof c != "function")
-          return new w("Property `" + _ + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
-        var C = O[T], W = I(C);
+          return new S("Property `" + _ + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
+        var C = O[T], W = j(C);
         if (W !== "object")
-          return new w("Invalid " + M + " `" + _ + "` of type " + ("`" + W + "` supplied to `" + P + "`, expected an object."));
+          return new S("Invalid " + M + " `" + _ + "` of type " + ("`" + W + "` supplied to `" + P + "`, expected an object."));
         for (var L in C)
           if (r(C, L)) {
             var A = c(C, L, P, M, _ + "." + L, t);
@@ -480,26 +480,26 @@ function Nt() {
           v.data && r(v.data, "expectedType") && L.push(v.data.expectedType);
         }
         var se = L.length > 0 ? ", expected one of type [" + L.join(", ") + "]" : "";
-        return new w("Invalid " + C + " `" + W + "` supplied to " + ("`" + _ + "`" + se + "."));
+        return new S("Invalid " + C + " `" + W + "` supplied to " + ("`" + _ + "`" + se + "."));
       }
       return E(T);
     }
-    function Y() {
+    function I() {
       function c(m, O, T, P, M) {
-        return V(m[O]) ? null : new w("Invalid " + P + " `" + M + "` supplied to " + ("`" + T + "`, expected a ReactNode."));
+        return V(m[O]) ? null : new S("Invalid " + P + " `" + M + "` supplied to " + ("`" + T + "`, expected a ReactNode."));
       }
       return E(c);
     }
     function X(c, m, O, T, P) {
-      return new w(
+      return new S(
         (c || "React class") + ": " + m + " type `" + O + "." + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
       );
     }
-    function j(c) {
+    function k(c) {
       function m(O, T, P, M, _) {
-        var C = O[T], W = I(C);
+        var C = O[T], W = j(C);
         if (W !== "object")
-          return new w("Invalid " + M + " `" + _ + "` of type `" + W + "` " + ("supplied to `" + P + "`, expected `object`."));
+          return new S("Invalid " + M + " `" + _ + "` of type `" + W + "` " + ("supplied to `" + P + "`, expected `object`."));
         for (var L in c) {
           var A = c[L];
           if (typeof A != "function")
@@ -514,16 +514,16 @@ function Nt() {
     }
     function q(c) {
       function m(O, T, P, M, _) {
-        var C = O[T], W = I(C);
+        var C = O[T], W = j(C);
         if (W !== "object")
-          return new w("Invalid " + M + " `" + _ + "` of type `" + W + "` " + ("supplied to `" + P + "`, expected `object`."));
+          return new S("Invalid " + M + " `" + _ + "` of type `" + W + "` " + ("supplied to `" + P + "`, expected `object`."));
         var L = i({}, O[T], c);
         for (var A in L) {
           var Q = c[A];
           if (r(c, A) && typeof Q != "function")
             return X(P, M, _, A, Z(Q));
           if (!Q)
-            return new w(
+            return new S(
               "Invalid " + M + " `" + _ + "` key `" + A + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(O[T], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
             );
@@ -571,14 +571,14 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
     function ie(c, m) {
       return c === "symbol" ? !0 : m ? m["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && m instanceof Symbol : !1;
     }
-    function I(c) {
+    function j(c) {
       var m = typeof c;
       return Array.isArray(c) ? "array" : c instanceof RegExp ? "object" : ie(m, c) ? "symbol" : m;
     }
     function Z(c) {
       if (typeof c > "u" || c === null)
         return "" + c;
-      var m = I(c);
+      var m = j(c);
       if (m === "object") {
         if (c instanceof Date)
           return "date";
@@ -604,14 +604,14 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
     function K(c) {
       return !c.constructor || !c.constructor.name ? b : c.constructor.name;
     }
-    return S.checkPropTypes = n, S.resetWarningCache = n.resetWarningCache, S.PropTypes = S, S;
+    return w.checkPropTypes = n, w.resetWarningCache = n.resetWarningCache, w.PropTypes = w, w;
   }, We;
 }
 var Ae, rt;
 function Ht() {
   if (rt) return Ae;
   rt = 1;
-  var e = Ye();
+  var e = Ie();
   function i() {
   }
   function t() {
@@ -656,11 +656,11 @@ function Ht() {
   }, Ae;
 }
 if (process.env.NODE_ENV !== "production") {
-  var Lt = pt(), kt = !0;
-  je.exports = Nt()(Lt.isElement, kt);
+  var Lt = pt(), $t = !0;
+  ke.exports = Nt()(Lt.isElement, $t);
 } else
-  je.exports = Ht()();
-var gt = je.exports;
+  ke.exports = Ht()();
+var gt = ke.exports;
 function vt(e) {
   var i, t, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
@@ -672,25 +672,25 @@ function it() {
   for (var e, i, t = 0, r = ""; t < arguments.length; ) (e = arguments[t++]) && (i = vt(e)) && (r && (r += " "), r += i);
   return r;
 }
-const jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   clsx: it,
   default: it
-}, Symbol.toStringTag, { value: "Module" })), It = /* @__PURE__ */ _t(jt);
-var $ = {}, le = {};
+}, Symbol.toStringTag, { value: "Module" })), jt = /* @__PURE__ */ _t(kt);
+var Y = {}, le = {};
 Object.defineProperty(le, "__esModule", {
   value: !0
 });
 le.dontSetMe = Ut;
-le.findInArray = Yt;
+le.findInArray = It;
 le.int = Ft;
-le.isFunction = $t;
+le.isFunction = Yt;
 le.isNum = Bt;
-function Yt(e, i) {
+function It(e, i) {
   for (let t = 0, r = e.length; t < r; t++)
     if (i.apply(i, [e[t], t, e])) return e[t];
 }
-function $t(e) {
+function Yt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Function]";
 }
 function Bt(e) {
@@ -735,27 +735,27 @@ function qt(e) {
   return i;
 }
 de.default = yt();
-Object.defineProperty($, "__esModule", {
+Object.defineProperty(Y, "__esModule", {
   value: !0
 });
-$.addClassName = St;
-$.addEvent = Kt;
-$.addUserSelectStyles = ar;
-$.createCSSTransform = ir;
-$.createSVGTransform = nr;
-$.getTouch = or;
-$.getTouchIdentifier = sr;
-$.getTranslation = $e;
-$.innerHeight = er;
-$.innerWidth = tr;
-$.matchesSelector = wt;
-$.matchesSelectorAndParentsTo = Vt;
-$.offsetXYFromParent = rr;
-$.outerHeight = Zt;
-$.outerWidth = Qt;
-$.removeClassName = xt;
-$.removeEvent = Jt;
-$.removeUserSelectStyles = lr;
+Y.addClassName = wt;
+Y.addEvent = Kt;
+Y.addUserSelectStyles = ar;
+Y.createCSSTransform = ir;
+Y.createSVGTransform = nr;
+Y.getTouch = or;
+Y.getTouchIdentifier = sr;
+Y.getTranslation = Ye;
+Y.innerHeight = er;
+Y.innerWidth = tr;
+Y.matchesSelector = St;
+Y.matchesSelectorAndParentsTo = Vt;
+Y.offsetXYFromParent = rr;
+Y.outerHeight = Zt;
+Y.outerWidth = Qt;
+Y.removeClassName = xt;
+Y.removeEvent = Jt;
+Y.removeUserSelectStyles = lr;
 var re = le, nt = Gt(de);
 function bt(e) {
   if (typeof WeakMap != "function") return null;
@@ -780,16 +780,16 @@ function Gt(e, i) {
     }
   return r.default = e, t && t.set(e, r), r;
 }
-let we = "";
-function wt(e, i) {
-  return we || (we = (0, re.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(t) {
+let Se = "";
+function St(e, i) {
+  return Se || (Se = (0, re.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(t) {
     return (0, re.isFunction)(e[t]);
-  })), (0, re.isFunction)(e[we]) ? e[we](i) : !1;
+  })), (0, re.isFunction)(e[Se]) ? e[Se](i) : !1;
 }
 function Vt(e, i, t) {
   let r = e;
   do {
-    if (wt(r, i)) return !0;
+    if (St(r, i)) return !0;
     if (r === t) return !1;
     r = r.parentNode;
   } while (r);
@@ -842,15 +842,15 @@ function rr(e, i, t) {
   };
 }
 function ir(e, i) {
-  const t = $e(e, i, "px");
+  const t = Ye(e, i, "px");
   return {
     [(0, nt.browserPrefixToKey)("transform", nt.default)]: t
   };
 }
 function nr(e, i) {
-  return $e(e, i, "");
+  return Ye(e, i, "");
 }
-function $e(e, i, t) {
+function Ye(e, i, t) {
   let {
     x: r,
     y: n
@@ -873,7 +873,7 @@ function ar(e) {
   let i = e.getElementById("react-draggable-style-el");
   i || (i = e.createElement("style"), i.type = "text/css", i.id = "react-draggable-style-el", i.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
 `, i.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
-`, e.getElementsByTagName("head")[0].appendChild(i)), e.body && St(e.body, "react-draggable-transparent-selection");
+`, e.getElementsByTagName("head")[0].appendChild(i)), e.body && wt(e.body, "react-draggable-transparent-selection");
 }
 function lr(e) {
   if (e)
@@ -887,7 +887,7 @@ function lr(e) {
     } catch {
     }
 }
-function St(e, i) {
+function wt(e, i) {
   e.classList ? e.classList.add(i) : e.className.match(new RegExp("(?:^|\\s)".concat(i, "(?!\\S)"))) || (e.className += " ".concat(i));
 }
 function xt(e, i) {
@@ -904,7 +904,7 @@ ue.createDraggableData = gr;
 ue.getBoundPosition = ur;
 ue.getControlPosition = pr;
 ue.snapToGrid = fr;
-var te = le, ve = $;
+var te = le, ve = Y;
 function ur(e, i, t) {
   if (!e.props.bounds) return [i, t];
   let {
@@ -1002,7 +1002,7 @@ Object.defineProperty(Re, "__esModule", {
   value: !0
 });
 Re.default = void 0;
-var He = br(ft), ee = Fe(gt), mr = Fe(ct), G = $, fe = ue, Le = le, ye = Fe(_e);
+var He = br(ft), ee = Fe(gt), mr = Fe(ct), G = Y, fe = ue, Le = le, ye = Fe(_e);
 function Fe(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -1030,13 +1030,13 @@ function br(e, i) {
   return r.default = e, t && t.set(e, r), r;
 }
 function J(e, i, t) {
-  return i = wr(i), i in e ? Object.defineProperty(e, i, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[i] = t, e;
+  return i = Sr(i), i in e ? Object.defineProperty(e, i, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[i] = t, e;
 }
-function wr(e) {
-  var i = Sr(e, "string");
+function Sr(e) {
+  var i = wr(e, "string");
   return typeof i == "symbol" ? i : String(i);
 }
-function Sr(e, i) {
+function wr(e, i) {
   if (typeof e != "object" || e === null) return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -1308,7 +1308,7 @@ J(De, "defaultProps", {
       return f.default;
     }
   }), e.default = void 0;
-  var i = b(ft), t = p(gt), r = p(ct), n = p(It), o = $, a = ue, s = le, f = p(Re), u = p(_e);
+  var i = b(ft), t = p(gt), r = p(ct), n = p(jt), o = Y, a = ue, s = le, f = p(Re), u = p(_e);
   function p(y) {
     return y && y.__esModule ? y : { default: y };
   }
@@ -1330,25 +1330,25 @@ J(De, "defaultProps", {
     var l = {}, R = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for (var x in y)
       if (x !== "default" && Object.prototype.hasOwnProperty.call(y, x)) {
-        var k = R ? Object.getOwnPropertyDescriptor(y, x) : null;
-        k && (k.get || k.set) ? Object.defineProperty(l, x, k) : l[x] = y[x];
+        var $ = R ? Object.getOwnPropertyDescriptor(y, x) : null;
+        $ && ($.get || $.set) ? Object.defineProperty(l, x, $) : l[x] = y[x];
       }
     return l.default = y, d && d.set(y, l), l;
   }
-  function S() {
-    return S = Object.assign ? Object.assign.bind() : function(y) {
+  function w() {
+    return w = Object.assign ? Object.assign.bind() : function(y) {
       for (var h = 1; h < arguments.length; h++) {
         var d = arguments[h];
         for (var l in d)
           Object.prototype.hasOwnProperty.call(d, l) && (y[l] = d[l]);
       }
       return y;
-    }, S.apply(this, arguments);
+    }, w.apply(this, arguments);
   }
   function z(y, h, d) {
-    return h = w(h), h in y ? Object.defineProperty(y, h, { value: d, enumerable: !0, configurable: !0, writable: !0 }) : y[h] = d, y;
+    return h = S(h), h in y ? Object.defineProperty(y, h, { value: d, enumerable: !0, configurable: !0, writable: !0 }) : y[h] = d, y;
   }
-  function w(y) {
+  function S(y) {
     var h = E(y, "string");
     return typeof h == "symbol" ? h : String(h);
   }
@@ -1401,11 +1401,11 @@ J(De, "defaultProps", {
         if (this.props.bounds) {
           const {
             x: B,
-            y: Y
+            y: I
           } = x;
           x.x += this.state.slackX, x.y += this.state.slackY;
-          const [X, j] = (0, a.getBoundPosition)(this, x.x, x.y);
-          x.x = X, x.y = j, x.slackX = this.state.slackX + (B - x.x), x.slackY = this.state.slackY + (Y - x.y), R.x = x.x, R.y = x.y, R.deltaX = x.x - this.state.x, R.deltaY = x.y - this.state.y;
+          const [X, k] = (0, a.getBoundPosition)(this, x.x, x.y);
+          x.x = X, x.y = k, x.slackX = this.state.slackX + (B - x.x), x.slackY = this.state.slackY + (I - x.y), R.x = x.x, R.y = x.y, R.deltaX = x.x - this.state.x, R.deltaY = x.y - this.state.y;
         }
         if (this.props.onDrag(d, R) === !1) return !1;
         this.setState(x);
@@ -1420,9 +1420,9 @@ J(De, "defaultProps", {
         if (!!this.props.position) {
           const {
             x: B,
-            y: Y
+            y: I
           } = this.props.position;
-          x.x = B, x.y = Y;
+          x.x = B, x.y = I;
         }
         this.setState(x);
       }), this.state = {
@@ -1466,15 +1466,15 @@ J(De, "defaultProps", {
         children: l,
         defaultPosition: R,
         defaultClassName: x,
-        defaultClassNameDragging: k,
+        defaultClassNameDragging: $,
         defaultClassNameDragged: B,
-        position: Y,
+        position: I,
         positionOffset: X,
-        scale: j,
+        scale: k,
         ...q
       } = this.props;
       let V = {}, ie = null;
-      const Z = !!!Y || this.state.dragging, ne = Y || R, K = {
+      const Z = !!!I || this.state.dragging, ne = I || R, K = {
         // Set left if horizontal drag is enabled
         x: (0, a.canDragX)(this) && Z ? this.state.x : ne.x,
         // Set top if vertical drag is enabled
@@ -1482,10 +1482,10 @@ J(De, "defaultProps", {
       };
       this.state.isElementSVG ? ie = (0, o.createSVGTransform)(K, X) : V = (0, o.createCSSTransform)(K, X);
       const c = (0, n.default)(l.props.className || "", x, {
-        [k]: this.state.dragging,
+        [$]: this.state.dragging,
         [B]: this.state.dragged
       });
-      return /* @__PURE__ */ i.createElement(f.default, S({}, q, {
+      return /* @__PURE__ */ i.createElement(f.default, w({}, q, {
         onStart: this.onDragStart,
         onDrag: this.onDrag,
         onStop: this.onDragStop
@@ -1664,7 +1664,7 @@ var Pr = /* @__PURE__ */ function() {
   top: "0px",
   left: "0px",
   cursor: "col-resize"
-}, Se = {
+}, we = {
   width: "20px",
   height: "20px",
   position: "absolute"
@@ -1673,10 +1673,10 @@ var Pr = /* @__PURE__ */ function() {
   right: F(F({}, st), { left: void 0, right: "-5px" }),
   bottom: F(F({}, ot), { top: void 0, bottom: "-5px" }),
   left: F(F({}, st), { left: "-5px" }),
-  topRight: F(F({}, Se), { right: "-10px", top: "-10px", cursor: "ne-resize" }),
-  bottomRight: F(F({}, Se), { right: "-10px", bottom: "-10px", cursor: "se-resize" }),
-  bottomLeft: F(F({}, Se), { left: "-10px", bottom: "-10px", cursor: "sw-resize" }),
-  topLeft: F(F({}, Se), { left: "-10px", top: "-10px", cursor: "nw-resize" })
+  topRight: F(F({}, we), { right: "-10px", top: "-10px", cursor: "ne-resize" }),
+  bottomRight: F(F({}, we), { right: "-10px", bottom: "-10px", cursor: "se-resize" }),
+  bottomLeft: F(F({}, we), { left: "-10px", bottom: "-10px", cursor: "sw-resize" }),
+  topLeft: F(F({}, we), { left: "-10px", top: "-10px", cursor: "nw-resize" })
 }, _r = (
   /** @class */
   function(e) {
@@ -1735,7 +1735,7 @@ var Pr = /* @__PURE__ */ function() {
     return Math.abs(a - e) < Math.abs(i[o] - e) ? s : o;
   }, 0), n = Math.abs(i[r] - e);
   return t === 0 || n < t ? i[r] : e;
-}, ke = function(e) {
+}, $e = function(e) {
   return e = e.toString(), e === "auto" || e.endsWith("px") || e.endsWith("%") || e.endsWith("vh") || e.endsWith("vw") || e.endsWith("vmax") || e.endsWith("vmin") ? e : e + "px";
 }, Ee = function(e, i, t, r) {
   if (e && typeof e == "string") {
@@ -1880,8 +1880,8 @@ var Pr = /* @__PURE__ */ function() {
             var u = t.getParentSize(), p = Number(t.state[s].toString().replace("px", "")), g = p / u[s] * 100;
             return g + "%";
           }
-          return ke(t.state[s]);
-        }, o = r && typeof r.width < "u" && !this.state.isResizing ? ke(r.width) : n("width"), a = r && typeof r.height < "u" && !this.state.isResizing ? ke(r.height) : n("height");
+          return $e(t.state[s]);
+        }, o = r && typeof r.width < "u" && !this.state.isResizing ? $e(r.width) : n("width"), a = r && typeof r.height < "u" && !this.state.isResizing ? $e(r.height) : n("height");
         return { width: o, height: a };
       },
       enumerable: !1,
@@ -1928,15 +1928,15 @@ var Pr = /* @__PURE__ */ function() {
       } else this.props.bounds === "window" ? this.window && (f = a ? this.resizableRight : this.window.innerWidth - this.resizableLeft, u = s ? this.resizableBottom : this.window.innerHeight - this.resizableTop) : this.props.bounds && (f = a ? this.resizableRight - this.targetLeft : this.props.bounds.offsetWidth + (this.targetLeft - this.resizableLeft), u = s ? this.resizableBottom - this.targetTop : this.props.bounds.offsetHeight + (this.targetTop - this.resizableTop));
       return f && Number.isFinite(f) && (t = t && t < f ? t : f), u && Number.isFinite(u) && (r = r && r < u ? r : u), { maxWidth: t, maxHeight: r };
     }, i.prototype.calculateNewSizeFromDirection = function(t, r) {
-      var n = this.props.scale || 1, o = Mr(this.props.resizeRatio || 1), a = o[0], s = o[1], f = this.state, u = f.direction, p = f.original, g = this.props, b = g.lockAspectRatio, S = g.lockAspectRatioExtraHeight, z = g.lockAspectRatioExtraWidth, w = p.width, E = p.height, D = S || 0, y = z || 0;
-      return ge("right", u) && (w = p.width + (t - p.x) * a / n, b && (E = (w - y) / this.ratio + D)), ge("left", u) && (w = p.width - (t - p.x) * a / n, b && (E = (w - y) / this.ratio + D)), ge("bottom", u) && (E = p.height + (r - p.y) * s / n, b && (w = (E - D) * this.ratio + y)), ge("top", u) && (E = p.height - (r - p.y) * s / n, b && (w = (E - D) * this.ratio + y)), { newWidth: w, newHeight: E };
+      var n = this.props.scale || 1, o = Mr(this.props.resizeRatio || 1), a = o[0], s = o[1], f = this.state, u = f.direction, p = f.original, g = this.props, b = g.lockAspectRatio, w = g.lockAspectRatioExtraHeight, z = g.lockAspectRatioExtraWidth, S = p.width, E = p.height, D = w || 0, y = z || 0;
+      return ge("right", u) && (S = p.width + (t - p.x) * a / n, b && (E = (S - y) / this.ratio + D)), ge("left", u) && (S = p.width - (t - p.x) * a / n, b && (E = (S - y) / this.ratio + D)), ge("bottom", u) && (E = p.height + (r - p.y) * s / n, b && (S = (E - D) * this.ratio + y)), ge("top", u) && (E = p.height - (r - p.y) * s / n, b && (S = (E - D) * this.ratio + y)), { newWidth: S, newHeight: E };
     }, i.prototype.calculateNewSizeFromAspectRatio = function(t, r, n, o) {
-      var a = this.props, s = a.lockAspectRatio, f = a.lockAspectRatioExtraHeight, u = a.lockAspectRatioExtraWidth, p = typeof o.width > "u" ? 10 : o.width, g = typeof n.width > "u" || n.width < 0 ? t : n.width, b = typeof o.height > "u" ? 10 : o.height, S = typeof n.height > "u" || n.height < 0 ? r : n.height, z = f || 0, w = u || 0;
+      var a = this.props, s = a.lockAspectRatio, f = a.lockAspectRatioExtraHeight, u = a.lockAspectRatioExtraWidth, p = typeof o.width > "u" ? 10 : o.width, g = typeof n.width > "u" || n.width < 0 ? t : n.width, b = typeof o.height > "u" ? 10 : o.height, w = typeof n.height > "u" || n.height < 0 ? r : n.height, z = f || 0, S = u || 0;
       if (s) {
-        var E = (b - z) * this.ratio + w, D = (S - z) * this.ratio + w, y = (p - w) / this.ratio + z, h = (g - w) / this.ratio + z, d = Math.max(p, E), l = Math.min(g, D), R = Math.max(b, y), x = Math.min(S, h);
+        var E = (b - z) * this.ratio + S, D = (w - z) * this.ratio + S, y = (p - S) / this.ratio + z, h = (g - S) / this.ratio + z, d = Math.max(p, E), l = Math.min(g, D), R = Math.max(b, y), x = Math.min(w, h);
         t = xe(t, d, l), r = xe(r, R, x);
       } else
-        t = xe(t, p, g), r = xe(r, b, S);
+        t = xe(t, p, g), r = xe(r, b, w);
       return { newWidth: t, newHeight: r };
     }, i.prototype.setBoundingClientRect = function() {
       if (this.props.bounds === "parent") {
@@ -1994,18 +1994,18 @@ var Pr = /* @__PURE__ */ function() {
             t.preventDefault(), t.stopPropagation();
           } catch {
           }
-        var n = this.props, o = n.maxWidth, a = n.maxHeight, s = n.minWidth, f = n.minHeight, u = ze(t) ? t.touches[0].clientX : t.clientX, p = ze(t) ? t.touches[0].clientY : t.clientY, g = this.state, b = g.direction, S = g.original, z = g.width, w = g.height, E = this.getParentSize(), D = Or(E, this.window.innerWidth, this.window.innerHeight, o, a, s, f);
+        var n = this.props, o = n.maxWidth, a = n.maxHeight, s = n.minWidth, f = n.minHeight, u = ze(t) ? t.touches[0].clientX : t.clientX, p = ze(t) ? t.touches[0].clientY : t.clientY, g = this.state, b = g.direction, w = g.original, z = g.width, S = g.height, E = this.getParentSize(), D = Or(E, this.window.innerWidth, this.window.innerHeight, o, a, s, f);
         o = D.maxWidth, a = D.maxHeight, s = D.minWidth, f = D.minHeight;
         var y = this.calculateNewSizeFromDirection(u, p), h = y.newHeight, d = y.newWidth, l = this.calculateNewMaxFromBoundary(o, a);
         this.props.snap && this.props.snap.x && (d = lt(d, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (h = lt(h, this.props.snap.y, this.props.snapGap));
         var R = this.calculateNewSizeFromAspectRatio(d, h, { width: l.maxWidth, height: l.maxHeight }, { width: s, height: f });
         if (d = R.newWidth, h = R.newHeight, this.props.grid) {
-          var x = at(d, this.props.grid[0]), k = at(h, this.props.grid[1]), B = this.props.snapGap || 0, Y = B === 0 || Math.abs(x - d) <= B ? x : d, X = B === 0 || Math.abs(k - h) <= B ? k : h;
-          d = Y, h = X;
+          var x = at(d, this.props.grid[0]), $ = at(h, this.props.grid[1]), B = this.props.snapGap || 0, I = B === 0 || Math.abs(x - d) <= B ? x : d, X = B === 0 || Math.abs($ - h) <= B ? $ : h;
+          d = I, h = X;
         }
-        var j = {
-          width: d - S.width,
-          height: h - S.height
+        var k = {
+          width: d - w.width,
+          height: h - w.height
         };
         if (z && typeof z == "string") {
           if (z.endsWith("%")) {
@@ -2019,27 +2019,27 @@ var Pr = /* @__PURE__ */ function() {
             d = ie + "vh";
           }
         }
-        if (w && typeof w == "string") {
-          if (w.endsWith("%")) {
+        if (S && typeof S == "string") {
+          if (S.endsWith("%")) {
             var q = h / E.height * 100;
             h = q + "%";
-          } else if (w.endsWith("vw")) {
+          } else if (S.endsWith("vw")) {
             var V = h / this.window.innerWidth * 100;
             h = V + "vw";
-          } else if (w.endsWith("vh")) {
+          } else if (S.endsWith("vh")) {
             var ie = h / this.window.innerHeight * 100;
             h = ie + "vh";
           }
         }
-        var I = {
+        var j = {
           width: this.createSizeForCssProperty(d, "width"),
           height: this.createSizeForCssProperty(h, "height")
         };
-        this.flexDir === "row" ? I.flexBasis = I.width : this.flexDir === "column" && (I.flexBasis = I.height);
-        var Z = this.state.width !== I.width, ne = this.state.height !== I.height, K = this.state.flexBasis !== I.flexBasis, c = Z || ne || K;
+        this.flexDir === "row" ? j.flexBasis = j.width : this.flexDir === "column" && (j.flexBasis = j.height);
+        var Z = this.state.width !== j.width, ne = this.state.height !== j.height, K = this.state.flexBasis !== j.flexBasis, c = Z || ne || K;
         c && Tt(function() {
-          r.setState(I);
-        }), this.props.onResize && c && this.props.onResize(t, b, this.resizable, j);
+          r.setState(j);
+        }), this.props.onResize && c && this.props.onResize(t, b, this.resizable, k);
       }
     }, i.prototype.onMouseUp = function(t) {
       var r, n, o = this.state, a = o.isResizing, s = o.direction, f = o.original;
@@ -2126,15 +2126,15 @@ MERCHANTABLITY OR NON-INFRINGEMENT.
 See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
-var Ie = function(e, i) {
-  return Ie = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, r) {
+var je = function(e, i) {
+  return je = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, r) {
     t.__proto__ = r;
   } || function(t, r) {
     for (var n in r) r.hasOwnProperty(n) && (t[n] = r[n]);
-  }, Ie(e, i);
+  }, je(e, i);
 };
 function Nr(e, i) {
-  Ie(e, i);
+  je(e, i);
   function t() {
     this.constructor = e;
   }
@@ -2164,7 +2164,7 @@ var Lr = {
   position: "absolute",
   top: 0,
   left: 0
-}, kr = function(e) {
+}, $r = function(e) {
   return {
     bottom: e,
     bottomLeft: e,
@@ -2175,7 +2175,7 @@ var Lr = {
     topLeft: e,
     topRight: e
   };
-}, jr = (
+}, kr = (
   /** @class */
   function(e) {
     Nr(i, e);
@@ -2240,24 +2240,24 @@ var Lr = {
         if (this.props.bounds === "parent")
           s = o;
         else if (this.props.bounds === "body") {
-          var f = o.getBoundingClientRect(), u = f.left, p = f.top, g = document.body.getBoundingClientRect(), b = -(u - o.offsetLeft * a - g.left) / a, S = -(p - o.offsetTop * a - g.top) / a, z = (document.body.offsetWidth - this.resizable.size.width * a) / a + b, w = (document.body.offsetHeight - this.resizable.size.height * a) / a + S;
-          return this.setState({ bounds: { top: S, right: z, bottom: w, left: b } });
+          var f = o.getBoundingClientRect(), u = f.left, p = f.top, g = document.body.getBoundingClientRect(), b = -(u - o.offsetLeft * a - g.left) / a, w = -(p - o.offsetTop * a - g.top) / a, z = (document.body.offsetWidth - this.resizable.size.width * a) / a + b, S = (document.body.offsetHeight - this.resizable.size.height * a) / a + w;
+          return this.setState({ bounds: { top: w, right: z, bottom: S, left: b } });
         } else if (this.props.bounds === "window") {
           if (!this.resizable)
             return;
-          var E = o.getBoundingClientRect(), D = E.left, y = E.top, h = -(D - o.offsetLeft * a) / a, d = -(y - o.offsetTop * a) / a, z = (window.innerWidth - this.resizable.size.width * a) / a + h, w = (window.innerHeight - this.resizable.size.height * a) / a + d;
-          return this.setState({ bounds: { top: d, right: z, bottom: w, left: h } });
+          var E = o.getBoundingClientRect(), D = E.left, y = E.top, h = -(D - o.offsetLeft * a) / a, d = -(y - o.offsetTop * a) / a, z = (window.innerWidth - this.resizable.size.width * a) / a + h, S = (window.innerHeight - this.resizable.size.height * a) / a + d;
+          return this.setState({ bounds: { top: d, right: z, bottom: S, left: h } });
         } else typeof this.props.bounds == "string" ? s = document.querySelector(this.props.bounds) : this.props.bounds instanceof HTMLElement && (s = this.props.bounds);
         if (!(!(s instanceof HTMLElement) || !(o instanceof HTMLElement))) {
-          var l = s.getBoundingClientRect(), R = l.left, x = l.top, k = o.getBoundingClientRect(), B = k.left, Y = k.top, X = (R - B) / a, j = x - Y;
+          var l = s.getBoundingClientRect(), R = l.left, x = l.top, $ = o.getBoundingClientRect(), B = $.left, I = $.top, X = (R - B) / a, k = x - I;
           if (this.resizable) {
             this.updateOffsetFromParent();
             var q = this.offsetFromParent;
             this.setState({
               bounds: {
-                top: j - q.top,
+                top: k - q.top,
                 right: X + (s.offsetWidth - this.resizable.size.width) - q.left / a,
-                bottom: j + (s.offsetHeight - this.resizable.size.height) - q.top,
+                bottom: k + (s.offsetHeight - this.resizable.size.height) - q.top,
                 left: X - q.left / a
               }
             });
@@ -2294,36 +2294,36 @@ var Lr = {
         this.props.bounds === "parent" ? u = f : this.props.bounds === "body" ? u = document.body : this.props.bounds === "window" ? u = window : typeof this.props.bounds == "string" ? u = document.querySelector(this.props.bounds) : this.props.bounds instanceof HTMLElement && (u = this.props.bounds);
         var p = this.getSelfElement();
         if (p instanceof Element && (u instanceof HTMLElement || u === window) && f instanceof HTMLElement) {
-          var g = this.getMaxSizesFromProps(), b = g.maxWidth, S = g.maxHeight, z = this.getParentSize();
+          var g = this.getMaxSizesFromProps(), b = g.maxWidth, w = g.maxHeight, z = this.getParentSize();
           if (b && typeof b == "string")
             if (b.endsWith("%")) {
-              var w = Number(b.replace("%", "")) / 100;
-              b = z.width * w;
+              var S = Number(b.replace("%", "")) / 100;
+              b = z.width * S;
             } else b.endsWith("px") && (b = Number(b.replace("px", "")));
-          if (S && typeof S == "string")
-            if (S.endsWith("%")) {
-              var w = Number(S.replace("%", "")) / 100;
-              S = z.height * w;
-            } else S.endsWith("px") && (S = Number(S.replace("px", "")));
-          var E = p.getBoundingClientRect(), D = E.left, y = E.top, h = this.props.bounds === "window" ? { left: 0, top: 0 } : u.getBoundingClientRect(), d = h.left, l = h.top, R = this.getOffsetWidth(u), x = this.getOffsetHeight(u), k = r.toLowerCase().endsWith("left"), B = r.toLowerCase().endsWith("right"), Y = r.startsWith("top"), X = r.startsWith("bottom");
-          if ((k || Y) && this.resizable) {
-            var j = (D - d) / o + this.resizable.size.width;
-            this.setState({ maxWidth: j > Number(b) ? b : j });
+          if (w && typeof w == "string")
+            if (w.endsWith("%")) {
+              var S = Number(w.replace("%", "")) / 100;
+              w = z.height * S;
+            } else w.endsWith("px") && (w = Number(w.replace("px", "")));
+          var E = p.getBoundingClientRect(), D = E.left, y = E.top, h = this.props.bounds === "window" ? { left: 0, top: 0 } : u.getBoundingClientRect(), d = h.left, l = h.top, R = this.getOffsetWidth(u), x = this.getOffsetHeight(u), $ = r.toLowerCase().endsWith("left"), B = r.toLowerCase().endsWith("right"), I = r.startsWith("top"), X = r.startsWith("bottom");
+          if (($ || I) && this.resizable) {
+            var k = (D - d) / o + this.resizable.size.width;
+            this.setState({ maxWidth: k > Number(b) ? b : k });
           }
-          if (B || this.props.lockAspectRatio && !k && !Y) {
-            var j = R + (d - D) / o;
-            this.setState({ maxWidth: j > Number(b) ? b : j });
+          if (B || this.props.lockAspectRatio && !$ && !I) {
+            var k = R + (d - D) / o;
+            this.setState({ maxWidth: k > Number(b) ? b : k });
           }
-          if ((Y || k) && this.resizable) {
-            var j = (y - l) / o + this.resizable.size.height;
+          if ((I || $) && this.resizable) {
+            var k = (y - l) / o + this.resizable.size.height;
             this.setState({
-              maxHeight: j > Number(S) ? S : j
+              maxHeight: k > Number(w) ? w : k
             });
           }
-          if (X || this.props.lockAspectRatio && !Y && !k) {
-            var j = x + (l - y) / o;
+          if (X || this.props.lockAspectRatio && !I && !$) {
+            var k = x + (l - y) / o;
             this.setState({
-              maxHeight: j > Number(S) ? S : j
+              maxHeight: k > Number(w) ? w : k
             });
           }
         }
@@ -2338,10 +2338,10 @@ var Lr = {
       u.includes(r) && (r === "bottomLeft" ? a.x += s : (r === "topRight" || (a.x += s), a.y += f));
       var p = this.draggable.state;
       (a.x !== p.x || a.y !== p.y) && this.draggable.setState(a), this.updateOffsetFromParent();
-      var g = this.offsetFromParent, b = this.getDraggablePosition().x + g.left, S = this.getDraggablePosition().y + g.top;
-      this.resizingPosition = { x: b, y: S }, this.props.onResize && this.props.onResize(t, r, n, o, {
+      var g = this.offsetFromParent, b = this.getDraggablePosition().x + g.left, w = this.getDraggablePosition().y + g.top;
+      this.resizingPosition = { x: b, y: w }, this.props.onResize && this.props.onResize(t, r, n, o, {
         x: b,
-        y: S
+        y: w
       });
     }, i.prototype.onResizeStop = function(t, r, n, o) {
       this.setState({
@@ -2366,16 +2366,16 @@ var Lr = {
         top: f.top - s + g - u.y * t
       };
     }, i.prototype.render = function() {
-      var t = this, r = this.props, n = r.disableDragging, o = r.style, a = r.dragHandleClassName, s = r.position, f = r.onMouseDown, u = r.onMouseUp, p = r.dragAxis, g = r.dragGrid, b = r.bounds, S = r.enableUserSelectHack, z = r.cancel, w = r.children;
+      var t = this, r = this.props, n = r.disableDragging, o = r.style, a = r.dragHandleClassName, s = r.position, f = r.onMouseDown, u = r.onMouseUp, p = r.dragAxis, g = r.dragGrid, b = r.bounds, w = r.enableUserSelectHack, z = r.cancel, S = r.children;
       r.onResizeStart, r.onResize, r.onResizeStop, r.onDragStart, r.onDrag, r.onDragStop;
-      var E = r.resizeHandleStyles, D = r.resizeHandleClasses, y = r.resizeHandleComponent, h = r.enableResizing, d = r.resizeGrid, l = r.resizeHandleWrapperClass, R = r.resizeHandleWrapperStyle, x = r.scale, k = r.allowAnyClick, B = Hr(r, ["disableDragging", "style", "dragHandleClassName", "position", "onMouseDown", "onMouseUp", "dragAxis", "dragGrid", "bounds", "enableUserSelectHack", "cancel", "children", "onResizeStart", "onResize", "onResizeStop", "onDragStart", "onDrag", "onDragStop", "resizeHandleStyles", "resizeHandleClasses", "resizeHandleComponent", "enableResizing", "resizeGrid", "resizeHandleWrapperClass", "resizeHandleWrapperStyle", "scale", "allowAnyClick"]), Y = this.props.default ? U({}, this.props.default) : void 0;
+      var E = r.resizeHandleStyles, D = r.resizeHandleClasses, y = r.resizeHandleComponent, h = r.enableResizing, d = r.resizeGrid, l = r.resizeHandleWrapperClass, R = r.resizeHandleWrapperStyle, x = r.scale, $ = r.allowAnyClick, B = Hr(r, ["disableDragging", "style", "dragHandleClassName", "position", "onMouseDown", "onMouseUp", "dragAxis", "dragGrid", "bounds", "enableUserSelectHack", "cancel", "children", "onResizeStart", "onResize", "onResizeStop", "onDragStart", "onDrag", "onDragStop", "resizeHandleStyles", "resizeHandleClasses", "resizeHandleComponent", "enableResizing", "resizeGrid", "resizeHandleWrapperClass", "resizeHandleWrapperStyle", "scale", "allowAnyClick"]), I = this.props.default ? U({}, this.props.default) : void 0;
       delete B.default;
-      var X = n || a ? { cursor: "auto" } : { cursor: "move" }, j = U(U(U({}, Lr), X), o), q = this.offsetFromParent, V = q.left, ie = q.top, I;
-      s && (I = {
+      var X = n || a ? { cursor: "auto" } : { cursor: "move" }, k = U(U(U({}, Lr), X), o), q = this.offsetFromParent, V = q.left, ie = q.top, j;
+      s && (j = {
         x: s.x - V,
         y: s.y - ie
       });
-      var Z = this.state.resizing ? void 0 : I, ne = this.state.resizing ? "both" : p;
+      var Z = this.state.resizing ? void 0 : j, ne = this.state.resizing ? "both" : p;
       return qe(
         Er,
         {
@@ -2383,7 +2383,7 @@ var Lr = {
             K && (t.draggable = K);
           },
           handle: a ? ".".concat(a) : void 0,
-          defaultPosition: Y,
+          defaultPosition: I,
           onMouseDown: f,
           // @ts-expect-error
           onMouseUp: u,
@@ -2395,15 +2395,15 @@ var Lr = {
           grid: g,
           bounds: b ? this.state.bounds : void 0,
           position: Z,
-          enableUserSelectHack: S,
+          enableUserSelectHack: w,
           cancel: z,
           scale: x,
-          allowAnyClick: k,
+          allowAnyClick: $,
           nodeRef: this.resizableElement
         },
         qe(Ar, U({}, B, { ref: function(K) {
           K && (t.resizable = K, t.resizableElement.current = K.resizable);
-        }, defaultSize: Y, size: this.props.size, enable: typeof h == "boolean" ? kr(h) : h, onResizeStart: this.onResizeStart, onResize: this.onResize, onResizeStop: this.onResizeStop, style: j, minWidth: this.props.minWidth, minHeight: this.props.minHeight, maxWidth: this.state.resizing ? this.state.maxWidth : this.props.maxWidth, maxHeight: this.state.resizing ? this.state.maxHeight : this.props.maxHeight, grid: d, handleWrapperClass: l, handleWrapperStyle: R, lockAspectRatio: this.props.lockAspectRatio, lockAspectRatioExtraWidth: this.props.lockAspectRatioExtraWidth, lockAspectRatioExtraHeight: this.props.lockAspectRatioExtraHeight, handleStyles: E, handleClasses: D, handleComponent: y, scale: this.props.scale }), w)
+        }, defaultSize: I, size: this.props.size, enable: typeof h == "boolean" ? $r(h) : h, onResizeStart: this.onResizeStart, onResize: this.onResize, onResizeStop: this.onResizeStop, style: k, minWidth: this.props.minWidth, minHeight: this.props.minHeight, maxWidth: this.state.resizing ? this.state.maxWidth : this.props.maxWidth, maxHeight: this.state.resizing ? this.state.maxHeight : this.props.maxHeight, grid: d, handleWrapperClass: l, handleWrapperStyle: R, lockAspectRatio: this.props.lockAspectRatio, lockAspectRatioExtraWidth: this.props.lockAspectRatioExtraWidth, lockAspectRatioExtraHeight: this.props.lockAspectRatioExtraHeight, handleStyles: E, handleClasses: D, handleComponent: y, scale: this.props.scale }), S)
       );
     }, i.defaultProps = {
       maxWidth: Number.MAX_SAFE_INTEGER,
@@ -2423,24 +2423,33 @@ var Lr = {
       }
     }, i;
   }(Pt)
-), Ir = /* @__PURE__ */ ((e) => (e[e.truePositive = 0] = "truePositive", e[e.falsePositive = 1] = "falsePositive", e[e.suggestion = 2] = "suggestion", e))(Ir || {});
-const Yr = {
+), jr = /* @__PURE__ */ ((e) => (e[e.truePositive = 0] = "truePositive", e[e.falsePositive = 1] = "falsePositive", e[e.suggestion = 2] = "suggestion", e))(jr || {});
+const Ir = {
   0: "#84cc16",
   1: "#cc2216",
   2: "#84cc16"
-}, $r = {
+}, Yr = {
   0: "#ffffff",
   1: "#c95d55",
   2: "#3dd8ff"
 }, Vr = (e) => {
   const [i, t] = Rt(e.initialScale ?? 1);
-  Ct(({ state: o }) => {
-    t(o.scale);
+  Ct(({ state: g }) => {
+    t(g.scale);
   });
-  let r = e.selected ? Yr[e.type] : $r[e.type];
+  let r = e.selected ? Ir[e.type] : Yr[e.type];
   const n = e.type !== 1;
-  return e.difficult && (r = e.selected ? "#fae352" : "#ad9e3d"), /* @__PURE__ */ Xe(
-    jr,
+  e.difficult && (r = e.selected ? "#fae352" : "#ad9e3d");
+  const o = Math.ceil(10 / i), a = o * 2, s = Math.ceil(o / 2), f = s * 2, u = {
+    position: "absolute",
+    userSelect: "none"
+  }, p = {
+    ...u,
+    width: `${a.toString()}px`,
+    height: `${a.toString()}px`
+  };
+  return /* @__PURE__ */ Xe(
+    kr,
     {
       className: `${e.className ?? ""} border-solid`,
       style: {
@@ -2463,6 +2472,64 @@ const Yr = {
       disableDragging: !n,
       enableResizing: n,
       onMouseDown: e.onMouseDown,
+      resizeHandleStyles: {
+        right: {
+          ...u,
+          width: `${o.toString()}px`,
+          height: "100%",
+          top: "0px",
+          cursor: "col-resize",
+          right: `-${s.toString()}px`
+        },
+        bottom: {
+          ...u,
+          width: "100%",
+          height: `${o.toString()}px`,
+          left: "0px",
+          cursor: "row-resize",
+          bottom: `-${s.toString()}px`
+        },
+        left: {
+          ...u,
+          width: `${o.toString()}px`,
+          height: "100%",
+          top: "0px",
+          left: `-${s.toString()}px`,
+          cursor: "col-resize"
+        },
+        top: {
+          ...u,
+          width: "100%",
+          height: `${o.toString()}px`,
+          left: "0px",
+          cursor: "row-resize",
+          top: `-${s.toString()}px`
+        },
+        bottomRight: {
+          ...p,
+          right: `-${f}px`,
+          bottom: `-${f}px`,
+          cursor: "se-resize"
+        },
+        bottomLeft: {
+          ...p,
+          left: `-${f}px`,
+          bottom: `-${f}px`,
+          cursor: "sw-resize"
+        },
+        topLeft: {
+          ...p,
+          left: `-${f}px`,
+          top: `-${f}px`,
+          cursor: "nw-resize"
+        },
+        topRight: {
+          ...p,
+          right: `-${f}px`,
+          top: `-${f}px`,
+          cursor: "ne-resize"
+        }
+      },
       children: [
         /* @__PURE__ */ he(
           "mark",
@@ -2548,6 +2615,6 @@ const Yr = {
 };
 export {
   Vr as BoundingBox,
-  Ir as BoundingBoxType
+  jr as BoundingBoxType
 };
 //# sourceMappingURL=BoundingBox.js.map