react-sync-board 1.2.7 → 1.2.8

package/dist/react-sync-board.js

@@ -1,8 +1,8 @@
-var Lr = Object.defineProperty;
-var zr = (e, t, r) => t in e ? Lr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var kt = (e, t, r) => (zr(e, typeof t != "symbol" ? t + "" : t, r), r);
-import g, { useContext as _e, useDebugValue as Yr, useRef as Re, useMemo as lt, useEffect as Pe, useCallback as tr, memo as rr } from "react";
-function Br(e) {
+var zr = Object.defineProperty;
+var Yr = (e, t, r) => t in e ? zr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var Pt = (e, t, r) => (Yr(e, typeof t != "symbol" ? t + "" : t, r), r);
+import g, { useContext as _e, useDebugValue as Br, useRef as Re, useMemo as ft, useEffect as Pe, useCallback as rr, memo as nr } from "react";
+function Nr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ie = {}, Xr = {
@@ -22,11 +22,11 @@ var Ie = {}, Xr = {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Pt;
-function Nr() {
-  if (Pt)
+var Mt;
+function Ur() {
+  if (Mt)
     return Ee;
-  Pt = 1;
+  Mt = 1;
   var e = g, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function a(u, l, d) {
     var f, c = {}, h = null, S = null;
@@ -50,9 +50,9 @@ var we = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Mt;
-function Ur() {
-  return Mt || (Mt = 1, process.env.NODE_ENV !== "production" && function() {
+var Dt;
+function Wr() {
+  return Dt || (Dt = 1, process.env.NODE_ENV !== "production" && function() {
     var e = g, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), u = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), v = Symbol.iterator, E = "@@iterator";
     function O(i) {
       if (i === null || typeof i != "object")
@@ -61,26 +61,26 @@ function Ur() {
       return typeof b == "function" ? b : null;
     }
     var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function C(i) {
+    function x(i) {
       {
-        for (var b = arguments.length, I = new Array(b > 1 ? b - 1 : 0), D = 1; D < b; D++)
-          I[D - 1] = arguments[D];
-        x("error", i, I);
+        for (var b = arguments.length, I = new Array(b > 1 ? b - 1 : 0), j = 1; j < b; j++)
+          I[j - 1] = arguments[j];
+        C("error", i, I);
       }
     }
-    function x(i, b, I) {
+    function C(i, b, I) {
       {
-        var D = y.ReactDebugCurrentFrame, N = D.getStackAddendum();
-        N !== "" && (b += "%s", I = I.concat([N]));
-        var W = I.map(function(X) {
-          return String(X);
+        var j = y.ReactDebugCurrentFrame, X = j.getStackAddendum();
+        X !== "" && (b += "%s", I = I.concat([X]));
+        var W = I.map(function(N) {
+          return String(N);
         });
         W.unshift("Warning: " + b), Function.prototype.apply.call(console[i], console, W);
       }
     }
     var p = !1, _ = !1, m = !1, w = !1, R = !1, T;
     T = Symbol.for("react.module.reference");
-    function j(i) {
+    function D(i) {
       return !!(typeof i == "string" || typeof i == "function" || i === n || i === s || R || i === o || i === d || i === f || w || i === S || p || _ || m || typeof i == "object" && i !== null && (i.$$typeof === h || i.$$typeof === c || i.$$typeof === a || i.$$typeof === u || i.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
@@ -88,19 +88,19 @@ function Ur() {
       i.$$typeof === T || i.getModuleId !== void 0));
     }
     function M(i, b, I) {
-      var D = i.displayName;
-      if (D)
-        return D;
-      var N = b.displayName || b.name || "";
-      return N !== "" ? I + "(" + N + ")" : I;
+      var j = i.displayName;
+      if (j)
+        return j;
+      var X = b.displayName || b.name || "";
+      return X !== "" ? I + "(" + X + ")" : I;
     }
     function A(i) {
       return i.displayName || "Context";
     }
-    function B(i) {
+    function Y(i) {
       if (i == null)
         return null;
-      if (typeof i.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
+      if (typeof i.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
         return i.displayName || i.name || null;
       if (typeof i == "string")
         return i;
@@ -129,12 +129,12 @@ function Ur() {
           case l:
             return M(i, i.render, "ForwardRef");
           case c:
-            var D = i.displayName || null;
-            return D !== null ? D : B(i.type) || "Memo";
+            var j = i.displayName || null;
+            return j !== null ? j : Y(i.type) || "Memo";
           case h: {
-            var N = i, W = N._payload, X = N._init;
+            var X = i, W = X._payload, N = X._init;
             try {
-              return B(X(W));
+              return Y(N(W));
             } catch {
               return null;
             }
@@ -142,14 +142,14 @@ function Ur() {
         }
       return null;
     }
-    var U = Object.assign, J = 0, P, $, Y, V, L, F, H;
+    var U = Object.assign, G = 0, P, $, B, V, L, F, H;
     function te() {
     }
     te.__reactDisabledLog = !0;
     function Q() {
       {
-        if (J === 0) {
-          P = console.log, $ = console.info, Y = console.warn, V = console.error, L = console.group, F = console.groupCollapsed, H = console.groupEnd;
+        if (G === 0) {
+          P = console.log, $ = console.info, B = console.warn, V = console.error, L = console.group, F = console.groupCollapsed, H = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -166,12 +166,12 @@ function Ur() {
             groupEnd: i
           });
         }
-        J++;
+        G++;
       }
     }
     function ne() {
       {
-        if (J--, J === 0) {
+        if (G--, G === 0) {
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -185,7 +185,7 @@ function Ur() {
               value: $
             }),
             warn: U({}, i, {
-              value: Y
+              value: B
             }),
             error: U({}, i, {
               value: V
@@ -201,7 +201,7 @@ function Ur() {
             })
           });
         }
-        J < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        G < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var ie = y.ReactCurrentDispatcher, me;
@@ -210,102 +210,102 @@ function Ur() {
         if (me === void 0)
           try {
             throw Error();
-          } catch (N) {
-            var D = N.stack.trim().match(/\n( *(at )?)/);
-            me = D && D[1] || "";
+          } catch (X) {
+            var j = X.stack.trim().match(/\n( *(at )?)/);
+            me = j && j[1] || "";
           }
         return `
 ` + me + i;
       }
     }
-    var Ke = !1, je;
+    var Ke = !1, De;
     {
-      var mr = typeof WeakMap == "function" ? WeakMap : Map;
-      je = new mr();
+      var gr = typeof WeakMap == "function" ? WeakMap : Map;
+      De = new gr();
     }
-    function ht(i, b) {
+    function vt(i, b) {
       if (!i || Ke)
         return "";
       {
-        var I = je.get(i);
+        var I = De.get(i);
         if (I !== void 0)
           return I;
       }
-      var D;
+      var j;
       Ke = !0;
-      var N = Error.prepareStackTrace;
+      var X = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var W;
       W = ie.current, ie.current = null, Q();
       try {
         if (b) {
-          var X = function() {
+          var N = function() {
             throw Error();
           };
-          if (Object.defineProperty(X.prototype, "props", {
+          if (Object.defineProperty(N.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(X, []);
+              Reflect.construct(N, []);
             } catch (ae) {
-              D = ae;
+              j = ae;
             }
-            Reflect.construct(i, [], X);
+            Reflect.construct(i, [], N);
           } else {
             try {
-              X.call();
+              N.call();
             } catch (ae) {
-              D = ae;
+              j = ae;
             }
-            i.call(X.prototype);
+            i.call(N.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (ae) {
-            D = ae;
+            j = ae;
           }
           i();
         }
       } catch (ae) {
-        if (ae && D && typeof ae.stack == "string") {
+        if (ae && j && typeof ae.stack == "string") {
           for (var z = ae.stack.split(`
-`), ee = D.stack.split(`
-`), q = z.length - 1, G = ee.length - 1; q >= 1 && G >= 0 && z[q] !== ee[G]; )
-            G--;
-          for (; q >= 1 && G >= 0; q--, G--)
-            if (z[q] !== ee[G]) {
-              if (q !== 1 || G !== 1)
+`), ee = j.stack.split(`
+`), q = z.length - 1, J = ee.length - 1; q >= 1 && J >= 0 && z[q] !== ee[J]; )
+            J--;
+          for (; q >= 1 && J >= 0; q--, J--)
+            if (z[q] !== ee[J]) {
+              if (q !== 1 || J !== 1)
                 do
-                  if (q--, G--, G < 0 || z[q] !== ee[G]) {
+                  if (q--, J--, J < 0 || z[q] !== ee[J]) {
                     var re = `
 ` + z[q].replace(" at new ", " at ");
-                    return i.displayName && re.includes("<anonymous>") && (re = re.replace("<anonymous>", i.displayName)), typeof i == "function" && je.set(i, re), re;
+                    return i.displayName && re.includes("<anonymous>") && (re = re.replace("<anonymous>", i.displayName)), typeof i == "function" && De.set(i, re), re;
                   }
-                while (q >= 1 && G >= 0);
+                while (q >= 1 && J >= 0);
               break;
             }
         }
       } finally {
-        Ke = !1, ie.current = W, ne(), Error.prepareStackTrace = N;
+        Ke = !1, ie.current = W, ne(), Error.prepareStackTrace = X;
       }
-      var ve = i ? i.displayName || i.name : "", Tt = ve ? ge(ve) : "";
-      return typeof i == "function" && je.set(i, Tt), Tt;
+      var ve = i ? i.displayName || i.name : "", kt = ve ? ge(ve) : "";
+      return typeof i == "function" && De.set(i, kt), kt;
     }
-    function gr(i, b, I) {
-      return ht(i, !1);
+    function hr(i, b, I) {
+      return vt(i, !1);
     }
-    function hr(i) {
+    function vr(i) {
       var b = i.prototype;
       return !!(b && b.isReactComponent);
     }
-    function De(i, b, I) {
+    function je(i, b, I) {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return ht(i, hr(i));
+        return vt(i, vr(i));
       if (typeof i == "string")
         return ge(i);
       switch (i) {
@@ -317,78 +317,78 @@ function Ur() {
       if (typeof i == "object")
         switch (i.$$typeof) {
           case l:
-            return gr(i.render);
+            return hr(i.render);
           case c:
-            return De(i.type, b, I);
+            return je(i.type, b, I);
           case h: {
-            var D = i, N = D._payload, W = D._init;
+            var j = i, X = j._payload, W = j._init;
             try {
-              return De(W(N), b, I);
+              return je(W(X), b, I);
             } catch {
             }
           }
         }
       return "";
     }
-    var $e = Object.prototype.hasOwnProperty, vt = {}, yt = y.ReactDebugCurrentFrame;
+    var $e = Object.prototype.hasOwnProperty, yt = {}, St = y.ReactDebugCurrentFrame;
     function Ae(i) {
       if (i) {
-        var b = i._owner, I = De(i.type, i._source, b ? b.type : null);
-        yt.setExtraStackFrame(I);
+        var b = i._owner, I = je(i.type, i._source, b ? b.type : null);
+        St.setExtraStackFrame(I);
       } else
-        yt.setExtraStackFrame(null);
+        St.setExtraStackFrame(null);
     }
-    function vr(i, b, I, D, N) {
+    function yr(i, b, I, j, X) {
       {
         var W = Function.call.bind($e);
-        for (var X in i)
-          if (W(i, X)) {
+        for (var N in i)
+          if (W(i, N)) {
             var z = void 0;
             try {
-              if (typeof i[X] != "function") {
-                var ee = Error((D || "React class") + ": " + I + " type `" + X + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[X] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof i[N] != "function") {
+                var ee = Error((j || "React class") + ": " + I + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ee.name = "Invariant Violation", ee;
               }
-              z = i[X](b, X, D, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              z = i[N](b, N, j, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (q) {
               z = q;
             }
-            z && !(z instanceof Error) && (Ae(N), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", D || "React class", I, X, typeof z), Ae(null)), z instanceof Error && !(z.message in vt) && (vt[z.message] = !0, Ae(N), C("Failed %s type: %s", I, z.message), Ae(null));
+            z && !(z instanceof Error) && (Ae(X), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", j || "React class", I, N, typeof z), Ae(null)), z instanceof Error && !(z.message in yt) && (yt[z.message] = !0, Ae(X), x("Failed %s type: %s", I, z.message), Ae(null));
           }
       }
     }
-    var yr = Array.isArray;
+    var Sr = Array.isArray;
     function He(i) {
-      return yr(i);
+      return Sr(i);
     }
-    function Sr(i) {
+    function _r(i) {
       {
         var b = typeof Symbol == "function" && Symbol.toStringTag, I = b && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return I;
       }
     }
-    function _r(i) {
+    function br(i) {
       try {
-        return St(i), !1;
+        return _t(i), !1;
       } catch {
         return !0;
       }
     }
-    function St(i) {
+    function _t(i) {
       return "" + i;
     }
-    function _t(i) {
-      if (_r(i))
-        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Sr(i)), St(i);
+    function bt(i) {
+      if (br(i))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _r(i)), _t(i);
     }
-    var be = y.ReactCurrentOwner, br = {
+    var be = y.ReactCurrentOwner, Er = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, bt, Et, qe;
+    }, Et, wt, qe;
     qe = {};
-    function Er(i) {
+    function wr(i) {
       if ($e.call(i, "ref")) {
         var b = Object.getOwnPropertyDescriptor(i, "ref").get;
         if (b && b.isReactWarning)
@@ -396,7 +396,7 @@ function Ur() {
       }
       return i.ref !== void 0;
     }
-    function wr(i) {
+    function xr(i) {
       if ($e.call(i, "key")) {
         var b = Object.getOwnPropertyDescriptor(i, "key").get;
         if (b && b.isReactWarning)
@@ -406,14 +406,14 @@ function Ur() {
     }
     function Cr(i, b) {
       if (typeof i.ref == "string" && be.current && b && be.current.stateNode !== b) {
-        var I = B(be.current.type);
-        qe[I] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(be.current.type), i.ref), qe[I] = !0);
+        var I = Y(be.current.type);
+        qe[I] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Y(be.current.type), i.ref), qe[I] = !0);
       }
     }
-    function xr(i, b) {
+    function Rr(i, b) {
       {
         var I = function() {
-          bt || (bt = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
+          Et || (Et = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
         };
         I.isReactWarning = !0, Object.defineProperty(i, "key", {
           get: I,
@@ -421,10 +421,10 @@ function Ur() {
         });
       }
     }
-    function Rr(i, b) {
+    function Ir(i, b) {
       {
         var I = function() {
-          Et || (Et = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
+          wt || (wt = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
         };
         I.isReactWarning = !0, Object.defineProperty(i, "ref", {
           get: I,
@@ -432,7 +432,7 @@ function Ur() {
         });
       }
     }
-    var Ir = function(i, b, I, D, N, W, X) {
+    var Or = function(i, b, I, j, X, W, N) {
       var z = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -440,7 +440,7 @@ function Ur() {
         type: i,
         key: b,
         ref: I,
-        props: X,
+        props: N,
         // Record the component responsible for creating this element.
         _owner: W
       };
@@ -453,39 +453,39 @@ function Ur() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: D
+        value: j
       }), Object.defineProperty(z, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: N
+        value: X
       }), Object.freeze && (Object.freeze(z.props), Object.freeze(z)), z;
     };
-    function Or(i, b, I, D, N) {
+    function Tr(i, b, I, j, X) {
       {
-        var W, X = {}, z = null, ee = null;
-        I !== void 0 && (_t(I), z = "" + I), wr(b) && (_t(b.key), z = "" + b.key), Er(b) && (ee = b.ref, Cr(b, N));
+        var W, N = {}, z = null, ee = null;
+        I !== void 0 && (bt(I), z = "" + I), xr(b) && (bt(b.key), z = "" + b.key), wr(b) && (ee = b.ref, Cr(b, X));
         for (W in b)
-          $e.call(b, W) && !br.hasOwnProperty(W) && (X[W] = b[W]);
+          $e.call(b, W) && !Er.hasOwnProperty(W) && (N[W] = b[W]);
         if (i && i.defaultProps) {
           var q = i.defaultProps;
           for (W in q)
-            X[W] === void 0 && (X[W] = q[W]);
+            N[W] === void 0 && (N[W] = q[W]);
         }
         if (z || ee) {
-          var G = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          z && xr(X, G), ee && Rr(X, G);
+          var J = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
+          z && Rr(N, J), ee && Ir(N, J);
         }
-        return Ir(i, z, ee, N, D, be.current, X);
+        return Or(i, z, ee, X, j, be.current, N);
       }
     }
-    var Ge = y.ReactCurrentOwner, wt = y.ReactDebugCurrentFrame;
+    var Ge = y.ReactCurrentOwner, xt = y.ReactDebugCurrentFrame;
     function he(i) {
       if (i) {
-        var b = i._owner, I = De(i.type, i._source, b ? b.type : null);
-        wt.setExtraStackFrame(I);
+        var b = i._owner, I = je(i.type, i._source, b ? b.type : null);
+        xt.setExtraStackFrame(I);
       } else
-        wt.setExtraStackFrame(null);
+        xt.setExtraStackFrame(null);
     }
     var Je;
     Je = !1;
@@ -495,7 +495,7 @@ function Ur() {
     function Ct() {
       {
         if (Ge.current) {
-          var i = B(Ge.current.type);
+          var i = Y(Ge.current.type);
           if (i)
             return `
 
@@ -504,7 +504,7 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function Tr(i) {
+    function kr(i) {
       {
         if (i !== void 0) {
           var b = i.fileName.replace(/^.*[\\\/]/, ""), I = i.lineNumber;
@@ -515,8 +515,8 @@ Check your code at ` + b + ":" + I + ".";
         return "";
       }
     }
-    var xt = {};
-    function kr(i) {
+    var Rt = {};
+    function Pr(i) {
       {
         var b = Ct();
         if (!b) {
@@ -528,39 +528,39 @@ Check the top-level render call using <` + I + ">.");
         return b;
       }
     }
-    function Rt(i, b) {
+    function It(i, b) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var I = kr(b);
-        if (xt[I])
+        var I = Pr(b);
+        if (Rt[I])
           return;
-        xt[I] = !0;
-        var D = "";
-        i && i._owner && i._owner !== Ge.current && (D = " It was passed a child from " + B(i._owner.type) + "."), he(i), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', I, D), he(null);
+        Rt[I] = !0;
+        var j = "";
+        i && i._owner && i._owner !== Ge.current && (j = " It was passed a child from " + Y(i._owner.type) + "."), he(i), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', I, j), he(null);
       }
     }
-    function It(i, b) {
+    function Ot(i, b) {
       {
         if (typeof i != "object")
           return;
         if (He(i))
           for (var I = 0; I < i.length; I++) {
-            var D = i[I];
-            Ze(D) && Rt(D, b);
+            var j = i[I];
+            Ze(j) && It(j, b);
           }
         else if (Ze(i))
           i._store && (i._store.validated = !0);
         else if (i) {
-          var N = O(i);
-          if (typeof N == "function" && N !== i.entries)
-            for (var W = N.call(i), X; !(X = W.next()).done; )
-              Ze(X.value) && Rt(X.value, b);
+          var X = O(i);
+          if (typeof X == "function" && X !== i.entries)
+            for (var W = X.call(i), N; !(N = W.next()).done; )
+              Ze(N.value) && It(N.value, b);
         }
       }
     }
-    function Pr(i) {
+    function Mr(i) {
       {
         var b = i.type;
         if (b == null || typeof b == "string")
@@ -575,74 +575,74 @@ Check the top-level render call using <` + I + ">.");
         else
           return;
         if (I) {
-          var D = B(b);
-          vr(I, i.props, "prop", D, i);
+          var j = Y(b);
+          yr(I, i.props, "prop", j, i);
         } else if (b.PropTypes !== void 0 && !Je) {
           Je = !0;
-          var N = B(b);
-          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
+          var X = Y(b);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", X || "Unknown");
         }
-        typeof b.getDefaultProps == "function" && !b.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof b.getDefaultProps == "function" && !b.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Mr(i) {
+    function Dr(i) {
       {
         for (var b = Object.keys(i.props), I = 0; I < b.length; I++) {
-          var D = b[I];
-          if (D !== "children" && D !== "key") {
-            he(i), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", D), he(null);
+          var j = b[I];
+          if (j !== "children" && j !== "key") {
+            he(i), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", j), he(null);
             break;
           }
         }
-        i.ref !== null && (he(i), C("Invalid attribute `ref` supplied to `React.Fragment`."), he(null));
+        i.ref !== null && (he(i), x("Invalid attribute `ref` supplied to `React.Fragment`."), he(null));
       }
     }
-    function Ot(i, b, I, D, N, W) {
+    function Tt(i, b, I, j, X, W) {
       {
-        var X = j(i);
-        if (!X) {
+        var N = D(i);
+        if (!N) {
           var z = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (z += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ee = Tr(N);
+          var ee = kr(X);
           ee ? z += ee : z += Ct();
           var q;
-          i === null ? q = "null" : He(i) ? q = "array" : i !== void 0 && i.$$typeof === t ? (q = "<" + (B(i.type) || "Unknown") + " />", z = " Did you accidentally export a JSX literal instead of a component?") : q = typeof i, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, z);
+          i === null ? q = "null" : He(i) ? q = "array" : i !== void 0 && i.$$typeof === t ? (q = "<" + (Y(i.type) || "Unknown") + " />", z = " Did you accidentally export a JSX literal instead of a component?") : q = typeof i, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, z);
         }
-        var G = Or(i, b, I, N, W);
-        if (G == null)
-          return G;
-        if (X) {
+        var J = Tr(i, b, I, X, W);
+        if (J == null)
+          return J;
+        if (N) {
           var re = b.children;
           if (re !== void 0)
-            if (D)
+            if (j)
               if (He(re)) {
                 for (var ve = 0; ve < re.length; ve++)
-                  It(re[ve], i);
+                  Ot(re[ve], i);
                 Object.freeze && Object.freeze(re);
               } else
-                C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              It(re, i);
+              Ot(re, i);
         }
-        return i === n ? Mr(G) : Pr(G), G;
+        return i === n ? Dr(J) : Mr(J), J;
       }
     }
     function jr(i, b, I) {
-      return Ot(i, b, I, !0);
+      return Tt(i, b, I, !0);
     }
-    function Dr(i, b, I) {
-      return Ot(i, b, I, !1);
+    function $r(i, b, I) {
+      return Tt(i, b, I, !1);
     }
-    var $r = Dr, Ar = jr;
-    we.Fragment = n, we.jsx = $r, we.jsxs = Ar;
+    var Ar = $r, Lr = jr;
+    we.Fragment = n, we.jsx = Ar, we.jsxs = Lr;
   }()), we;
 }
 (function(e) {
-  process.env.NODE_ENV === "production" ? e.exports = Nr() : e.exports = Ur();
+  process.env.NODE_ENV === "production" ? e.exports = Ur() : e.exports = Wr();
 })(Xr);
-const Wr = Ie.Fragment, k = Ie.jsx, le = Ie.jsxs;
-let Vr = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, r) => (r &= 63, r < 36 ? t += r.toString(36) : r < 62 ? t += (r - 26).toString(36).toUpperCase() : r > 62 ? t += "-" : t += "_", t), "");
-class Fr {
+const Vr = Ie.Fragment, k = Ie.jsx, le = Ie.jsxs;
+let Fr = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, r) => (r &= 63, r < 36 ? t += r.toString(36) : r < 62 ? t += (r - 26).toString(36).toUpperCase() : r > 62 ? t += "-" : t += "_", t), "");
+class Kr {
   constructor(t, r, n = null) {
     this._socket = t, this.userId = n, this.room = r, this.toUnregister = [
       () => {
@@ -669,7 +669,7 @@ class Fr {
    * @returns the result of the call.
    */
   async _callServerRPC(t, r) {
-    const n = Vr();
+    const n = Fr();
     return new Promise((o, s) => {
       this._socket.once(`${this.room}._result.${n}`, (a) => {
         a.hasOwnProperty("ok") ? o(a.ok) : s(a.err);
@@ -738,7 +738,7 @@ class Fr {
     return await this._callServerRPC("call", { name: t, params: r });
   }
 }
-const Kr = ({
+const Hr = ({
   socket: e,
   room: t,
   onJoined: r = () => {
@@ -747,7 +747,7 @@ const Kr = ({
   },
   userId: o = null
 }) => {
-  const s = new Fr(e, t, o);
+  const s = new Kr(e, t, o);
   return new Promise((a) => {
     let u = !0;
     e.on(`${t}.isMaster`, () => {
@@ -761,7 +761,7 @@ const Kr = ({
       });
     }), e.emit("joinSuperSocket", { room: t, userId: o });
   });
-}, it = g.createContext(), Hr = () => /* @__PURE__ */ k(
+}, at = g.createContext(), qr = () => /* @__PURE__ */ k(
   "div",
   {
     style: {
@@ -775,14 +775,14 @@ const Kr = ({
     },
     children: /* @__PURE__ */ k("h2", { children: "🌀 Loading..." })
   }
-), nr = ({
+), or = ({
   socket: e,
   room: t,
   channel: r = "default",
-  LoadingComponent: n = Hr,
+  LoadingComponent: n = qr,
   children: o
 }) => {
-  const [s, a] = g.useState(!1), [u, l] = g.useState(!1), [d, f] = g.useState(null), c = g.useRef(null), h = g.useRef(!1), S = _e(it), v = g.useRef(!1);
+  const [s, a] = g.useState(!1), [u, l] = g.useState(!1), [d, f] = g.useState(null), c = g.useRef(null), h = g.useRef(!1), S = _e(at), v = g.useRef(!1);
   return g.useEffect(() => (h.current = !0, () => {
     h.current = !1;
   }), []), g.useEffect(() => {
@@ -794,7 +794,7 @@ const Kr = ({
     return e.on("disconnect", E), () => {
       e.off("disconnect", E);
     };
-  }, [r, e]), g.useEffect(() => e ? (e.connected || e.connect(), console.log(`Try to connect to wire ${t} on channel ${r}`), v.current || (v.current = !0, Kr({
+  }, [r, e]), g.useEffect(() => e ? (e.connected || e.connect(), console.log(`Try to connect to wire ${t} on channel ${r}`), v.current || (v.current = !0, Hr({
     socket: e,
     room: t,
     onMaster: () => {
@@ -807,13 +807,13 @@ const Kr = ({
     var E;
     (E = c.current) == null || E.leave();
   }) : null, [r, t, e]), !s || !d ? /* @__PURE__ */ k(n, {}) : /* @__PURE__ */ k(
-    it.Provider,
+    at.Provider,
     {
       value: { ...S, [r]: { wire: d, joined: s, isMaster: u, room: t } },
       children: o
     }
   );
-}, Ne = (e = "default") => (_e(it) || {})[e], jt = (e) => {
+}, Xe = (e = "default") => (_e(at) || {})[e], jt = (e) => {
   let t;
   const r = /* @__PURE__ */ new Set(), n = (l, d) => {
     const f = typeof l == "function" ? l(t) : l;
@@ -828,14 +828,14 @@ const Kr = ({
   } };
   return t = e(n, o, u), u;
 }, Ue = (e) => e ? jt(e) : jt;
-var at = {}, qr = {
+var ct = {}, Gr = {
   get exports() {
-    return at;
+    return ct;
   },
   set exports(e) {
-    at = e;
+    ct = e;
   }
-}, Qe = {}, Ye = {}, Gr = {
+}, Qe = {}, Ye = {}, Jr = {
   get exports() {
     return Ye;
   },
@@ -852,11 +852,11 @@ var at = {}, qr = {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Dt;
-function Jr() {
-  if (Dt)
+var $t;
+function Zr() {
+  if ($t)
     return et;
-  Dt = 1;
+  $t = 1;
   var e = g;
   function t(c, h) {
     return c === h && (c !== 0 || 1 / c === 1 / h) || c !== c && h !== h;
@@ -898,33 +898,33 @@ var tt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $t;
-function Zr() {
-  return $t || ($t = 1, process.env.NODE_ENV !== "production" && function() {
+var At;
+function Qr() {
+  return At || (At = 1, process.env.NODE_ENV !== "production" && function() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
     var e = g, t = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function r(x) {
+    function r(C) {
       {
         for (var p = arguments.length, _ = new Array(p > 1 ? p - 1 : 0), m = 1; m < p; m++)
           _[m - 1] = arguments[m];
-        n("error", x, _);
+        n("error", C, _);
       }
     }
-    function n(x, p, _) {
+    function n(C, p, _) {
       {
         var m = t.ReactDebugCurrentFrame, w = m.getStackAddendum();
         w !== "" && (p += "%s", _ = _.concat([w]));
         var R = _.map(function(T) {
           return String(T);
         });
-        R.unshift("Warning: " + p), Function.prototype.apply.call(console[x], console, R);
+        R.unshift("Warning: " + p), Function.prototype.apply.call(console[C], console, R);
       }
     }
-    function o(x, p) {
-      return x === p && (x !== 0 || 1 / x === 1 / p) || x !== x && p !== p;
+    function o(C, p) {
+      return C === p && (C !== 0 || 1 / C === 1 / p) || C !== C && p !== p;
     }
     var s = typeof Object.is == "function" ? Object.is : o, a = e.useState, u = e.useEffect, l = e.useLayoutEffect, d = e.useDebugValue, f = !1, c = !1;
-    function h(x, p, _) {
+    function h(C, p, _) {
       f || e.startTransition !== void 0 && (f = !0, r("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
       var m = p();
       if (!c) {
@@ -936,25 +936,25 @@ function Zr() {
           value: m,
           getSnapshot: p
         }
-      }), T = R[0].inst, j = R[1];
+      }), T = R[0].inst, D = R[1];
       return l(function() {
-        T.value = m, T.getSnapshot = p, S(T) && j({
+        T.value = m, T.getSnapshot = p, S(T) && D({
           inst: T
         });
-      }, [x, m, p]), u(function() {
-        S(T) && j({
+      }, [C, m, p]), u(function() {
+        S(T) && D({
           inst: T
         });
         var M = function() {
-          S(T) && j({
+          S(T) && D({
             inst: T
           });
         };
-        return x(M);
-      }, [x]), d(m), m;
+        return C(M);
+      }, [C]), d(m), m;
     }
-    function S(x) {
-      var p = x.getSnapshot, _ = x.value;
+    function S(C) {
+      var p = C.getSnapshot, _ = C.value;
       try {
         var m = p();
         return !s(_, m);
@@ -962,18 +962,18 @@ function Zr() {
         return !0;
       }
     }
-    function v(x, p, _) {
+    function v(C, p, _) {
       return p();
     }
-    var E = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", O = !E, y = O ? v : h, C = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : y;
-    tt.useSyncExternalStore = C, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+    var E = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", O = !E, y = O ? v : h, x = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : y;
+    tt.useSyncExternalStore = x, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
   }()), tt;
 }
-var At;
-function or() {
-  return At || (At = 1, function(e) {
-    process.env.NODE_ENV === "production" ? e.exports = Jr() : e.exports = Zr();
-  }(Gr)), Ye;
+var Lt;
+function sr() {
+  return Lt || (Lt = 1, function(e) {
+    process.env.NODE_ENV === "production" ? e.exports = Zr() : e.exports = Qr();
+  }(Jr)), Ye;
 }
 /**
  * @license React
@@ -984,12 +984,12 @@ function or() {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Lt;
-function Qr() {
-  if (Lt)
+var zt;
+function en() {
+  if (zt)
     return Qe;
-  Lt = 1;
-  var e = g, t = or();
+  zt = 1;
+  var e = g, t = sr();
   function r(d, f) {
     return d === f && (d !== 0 || 1 / d === 1 / f) || d !== d && f !== f;
   }
@@ -1003,20 +1003,20 @@ function Qr() {
       E = v.current;
     v = u(function() {
       function y(m) {
-        if (!C) {
-          if (C = !0, x = m, m = h(m), S !== void 0 && E.hasValue) {
+        if (!x) {
+          if (x = !0, C = m, m = h(m), S !== void 0 && E.hasValue) {
             var w = E.value;
             if (S(w, m))
               return p = w;
           }
           return p = m;
         }
-        if (w = p, n(x, m))
+        if (w = p, n(C, m))
           return w;
         var R = h(m);
-        return S !== void 0 && S(w, R) ? w : (x = m, p = R);
+        return S !== void 0 && S(w, R) ? w : (C = m, p = R);
       }
-      var C = !1, x, p, _ = c === void 0 ? null : c;
+      var x = !1, C, p, _ = c === void 0 ? null : c;
       return [function() {
         return y(f());
       }, _ === null ? void 0 : function() {
@@ -1039,11 +1039,11 @@ var rt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var zt;
-function en() {
-  return zt || (zt = 1, process.env.NODE_ENV !== "production" && function() {
+var Yt;
+function tn() {
+  return Yt || (Yt = 1, process.env.NODE_ENV !== "production" && function() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var e = g, t = or();
+    var e = g, t = sr();
     function r(f, c) {
       return f === c && (f !== 0 || 1 / f === 1 / c) || f !== f && c !== c;
     }
@@ -1058,26 +1058,26 @@ function en() {
         var _ = !1, m, w, R = function(A) {
           if (!_) {
             _ = !0, m = A;
-            var B = S(A);
+            var Y = S(A);
             if (v !== void 0 && O.hasValue) {
               var U = O.value;
-              if (v(U, B))
+              if (v(U, Y))
                 return w = U, U;
             }
-            return w = B, B;
+            return w = Y, Y;
           }
-          var J = m, P = w;
-          if (n(J, A))
+          var G = m, P = w;
+          if (n(G, A))
             return P;
           var $ = S(A);
           return v !== void 0 && v(P, $) ? P : (m = A, w = $, $);
-        }, T = h === void 0 ? null : h, j = function() {
+        }, T = h === void 0 ? null : h, D = function() {
           return R(c());
         }, M = T === null ? void 0 : function() {
           return R(T());
         };
-        return [j, M];
-      }, [c, h, S, v]), C = y[0], x = y[1], p = o(f, C, x);
+        return [D, M];
+      }, [c, h, S, v]), x = y[0], C = y[1], p = o(f, x, C);
       return a(function() {
         O.hasValue = !0, O.value = p;
       }, [p]), l(p), p;
@@ -1086,44 +1086,44 @@ function en() {
   }()), rt;
 }
 (function(e) {
-  process.env.NODE_ENV === "production" ? e.exports = Qr() : e.exports = en();
-})(qr);
-const tn = /* @__PURE__ */ Br(at), { useSyncExternalStoreWithSelector: rn } = tn;
+  process.env.NODE_ENV === "production" ? e.exports = en() : e.exports = tn();
+})(Gr);
+const rn = /* @__PURE__ */ Nr(ct), { useSyncExternalStoreWithSelector: nn } = rn;
 function We(e, t = e.getState, r) {
-  const n = rn(
+  const n = nn(
     e.subscribe,
     e.getState,
     e.getServerState || e.getState,
     t,
     r
   );
-  return Yr(n), n;
+  return Br(n), n;
 }
 const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e, t) ? e : e.parentNode ? Oe(e.parentNode, t) : !1, ze = ([e, t], [r, n]) => {
   const o = Math.abs(e - r), s = Math.abs(t - n);
   return Math.hypot(o, s);
-}, sr = (e, t, r) => {
+}, ir = (e, t, r) => {
   const n = r * Math.PI / 180, o = e * Math.cos(n) - t * Math.sin(n), s = e * Math.sin(n) + t * Math.cos(n);
   return [o, s];
-}, ct = ([e, t], { scale: r, rotate: n, translateX: o, translateY: s }) => {
+}, ut = ([e, t], { scale: r, rotate: n, translateX: o, translateY: s }) => {
   const a = (e - o) / r, u = (t - s) / r;
-  return sr(a, u, -n);
+  return ir(a, u, -n);
 }, Be = ([e, t], { scale: r, rotate: n, translateX: o, translateY: s }) => {
-  const [a, u] = sr(e, t, n);
+  const [a, u] = ir(e, t, n);
   return [a * r + o, u * r + s];
-}, Yt = (e, t, r, n) => {
+}, Bt = (e, t, r, n) => {
   const o = e.x, s = e.y, a = t.x, u = t.y, l = r.x, d = r.y, f = a - o, c = u - s, h = o - l, S = s - d, v = f * f + c * c, E = 2 * (h * f + S * c), O = h * h + S * S - n * n, y = E * E - 4 * v * O;
   if (y < 0)
     return [];
-  const C = (-E + Math.sqrt(y)) / (2 * v), x = (-E - Math.sqrt(y)) / (2 * v), p = [];
-  return C >= 0 && C <= 1 && p.push({ x: o + C * f, y: s + C * c }), x >= 0 && x <= 1 && p.push({ x: o + x * f, y: s + x * c }), p;
-}, ft = (e, t) => e.x > t.left && e.x < t.left + t.width && e.y > t.top && e.y < t.top + t.height, nn = (e, t) => Array.from(e.querySelectorAll(".corner")).every((n) => {
+  const x = (-E + Math.sqrt(y)) / (2 * v), C = (-E - Math.sqrt(y)) / (2 * v), p = [];
+  return x >= 0 && x <= 1 && p.push({ x: o + x * f, y: s + x * c }), C >= 0 && C <= 1 && p.push({ x: o + C * f, y: s + C * c }), p;
+}, dt = (e, t) => e.x > t.left && e.x < t.left + t.width && e.y > t.top && e.y < t.top + t.height, on = (e, t) => Array.from(e.querySelectorAll(".corner")).every((n) => {
   const { top: o, left: s } = n.getBoundingClientRect();
-  return ft({ x: s, y: o }, t);
-}), on = (e, t) => {
+  return dt({ x: s, y: o }, t);
+}), sn = (e, t) => {
   const r = t.getBoundingClientRect();
-  return nn(e, r);
-}, Xe = (e, t) => {
+  return on(e, r);
+}, Ne = (e, t) => {
   try {
     const r = document.getElementById(`${e}__${t}`);
     return r || console.error(`Missing item ${t}`), r;
@@ -1143,9 +1143,9 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
     JSON.stringify(e == null ? void 0 : e.dataset),
     (n = e == null ? void 0 : e.dataset) == null ? void 0 : n.id
   ), t;
-}, sn = (e, t) => {
+}, an = (e, t) => {
   const r = e.reduce((n, o) => {
-    const s = Xe(t, o);
+    const s = Ne(t, o);
     if (!s)
       return n || null;
     const { left: a, right: u, top: l, bottom: d } = s.getBoundingClientRect();
@@ -1158,32 +1158,32 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
     }, f.left = Math.min(a, f.left), f.top = Math.min(l, f.top), f.right = Math.max(u, f.right), f.bottom = Math.max(d, f.bottom), f;
   }, null);
   return r && (r.width = r.right - r.left, r.height = r.bottom - r.top, r);
-}, ir = (e, t, r = null) => (r === null && (r = /* @__PURE__ */ new Set()), !Array.isArray(t) || t.length === 0 ? [] : t.map((n) => r.has(n) ? [] : (r.add(n), e[n] ? [
+}, ar = (e, t, r = null) => (r === null && (r = /* @__PURE__ */ new Set()), !Array.isArray(t) || t.length === 0 ? [] : t.map((n) => r.has(n) ? [] : (r.add(n), e[n] ? [
   n,
-  ...ir(
+  ...ar(
     e,
     e[n].linkedItems,
     r
   )
-] : [])).flat()), Bt = (e, t, r) => {
-  const n = new Set(ir(e, r));
+] : [])).flat()), Nt = (e, t, r) => {
+  const n = new Set(ar(e, r));
   return t.filter((o) => n.has(o));
-}, an = ({ x: e, y: t, width: r, height: n }, { type: o = "grid", size: s = 1, offset: a = { x: 0, y: 0 } }) => {
+}, cn = ({ x: e, y: t, width: r, height: n }, { type: o = "grid", size: s = 1, offset: a = { x: 0, y: 0 } }) => {
   const [u, l] = [
     e + r / 2 - a.x,
     t + n / 2 - a.y
   ];
-  let d, f, c, h, S, v, E, O, y, C;
-  const x = s / 1.1547;
+  let d, f, c, h, S, v, E, O, y, x;
+  const C = s / 1.1547;
   switch (o) {
     case "grid":
       d = Math.round(u / s) * s, f = Math.round(l / s) * s;
       break;
     case "hexH":
-      c = 2 * x, h = 3 * s, S = Math.round(u / c) * c, E = Math.round(l / h) * h, v = S > u ? S - x : S + x, O = E > l ? E - 1.5 * s : E + 1.5 * s, y = Math.hypot(S - u, E - l), C = Math.hypot(v - u, O - l), y < C ? (d = S, f = E) : (d = v, f = O);
+      c = 2 * C, h = 3 * s, S = Math.round(u / c) * c, E = Math.round(l / h) * h, v = S > u ? S - C : S + C, O = E > l ? E - 1.5 * s : E + 1.5 * s, y = Math.hypot(S - u, E - l), x = Math.hypot(v - u, O - l), y < x ? (d = S, f = E) : (d = v, f = O);
       break;
     case "hexV":
-      c = 3 * s, h = 2 * x, S = Math.round(u / c) * c, E = Math.round(l / h) * h, v = S > u ? S - 1.5 * s : S + 1.5 * s, O = E > l ? E - x : E + x, y = Math.hypot(S - u, E - l), C = Math.hypot(v - u, O - l), y < C ? (d = S, f = E) : (d = v, f = O);
+      c = 3 * s, h = 2 * C, S = Math.round(u / c) * c, E = Math.round(l / h) * h, v = S > u ? S - 1.5 * s : S + 1.5 * s, O = E > l ? E - C : E + C, y = Math.hypot(S - u, E - l), x = Math.hypot(v - u, O - l), y < x ? (d = S, f = E) : (d = v, f = O);
       break;
     default:
       d = e + r / 2, f = t + n / 2;
@@ -1223,13 +1223,13 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
   "#007a4b",
   "#bf0daa",
   "#af0ad8"
-], Nt = () => Xt[Math.floor(Math.random() * Xt.length)], cn = !1, dt = ({ wire: e, storeName: t, noSync: r = [], defaultValue: n }, o) => (s, a, u) => {
+], Ut = () => Xt[Math.floor(Math.random() * Xt.length)], un = !1, pt = ({ wire: e, storeName: t, noSync: r = [], defaultValue: n }, o) => (s, a, u) => {
   s({ ready: !1 });
   const l = [];
   (async () => {
     try {
       const S = await e.call(`${t}_getValue`);
-      cn && console.log("init from peer with value", S), s((v) => ({ ...v, ...S }));
+      un && console.log("init from peer with value", S), s((v) => ({ ...v, ...S }));
     } catch {
       n !== void 0 && s(n);
     }
@@ -1289,7 +1289,7 @@ function Ve(e, t) {
       return !1;
   return !0;
 }
-const ar = g.createContext(), un = (e, t) => ({
+const cr = g.createContext(), ln = (e, t) => ({
   items: {},
   getItems: () => t().items,
   setItems: (r) => e({ items: r }),
@@ -1308,7 +1308,7 @@ const ar = g.createContext(), un = (e, t) => ({
       });
     }), { items: s };
   })
-}), ln = (e, t) => ({
+}), fn = (e, t) => ({
   itemIds: [],
   setItemIds: (r) => e({ itemIds: r }),
   getItemIds: () => t().itemIds,
@@ -1327,7 +1327,7 @@ const ar = g.createContext(), un = (e, t) => ({
   updateManyItemIds: (r) => e((n) => ({
     items: n.itemIds.map((o, s) => r[s] !== void 0 ? r[s] : o)
   }))
-}), fn = (e, t) => ({
+}), dn = (e, t) => ({
   removeItemsById: (r) => e((n) => ({
     itemIds: n.itemIds.filter((o) => !r.includes(o)),
     items: Object.fromEntries(
@@ -1360,25 +1360,25 @@ const ar = g.createContext(), un = (e, t) => ({
       itemIds: s
     };
   })
-}), dn = (e, t) => ({
+}), pn = (e, t) => ({
   boardConfig: {},
   getBoardConfig: () => t().boardConfig,
   setBoardConfig: (r) => e({ boardConfig: r }),
   updateBoardConfig: (r) => e((n) => ({ boardConfig: { ...n.boardConfig, ...r } }))
-}), pn = (e, t) => ({
+}), mn = (e, t) => ({
   session: {},
   getSessionInfo: () => t().session,
   setSessionInfo: (r) => e({ session: r }),
   updateSessionInfo: (r) => e((n) => ({ session: { ...n.session, ...r } }))
-}), Ut = ({ storeName: e, children: t, defaultValue: r }) => {
-  const { wire: n } = Ne("room"), [o, s] = g.useState(!1), [a] = g.useState(
+}), Wt = ({ storeName: e, children: t, defaultValue: r }) => {
+  const { wire: n } = Xe("room"), [o, s] = g.useState(!1), [a] = g.useState(
     () => Ue(
-      dt({ wire: n, storeName: e, defaultValue: r }, (...u) => ({
-        ...un(...u),
+      pt({ wire: n, storeName: e, defaultValue: r }, (...u) => ({
         ...ln(...u),
         ...fn(...u),
         ...dn(...u),
-        ...pn(...u)
+        ...pn(...u),
+        ...mn(...u)
       }))
     )
   );
@@ -1386,11 +1386,11 @@ const ar = g.createContext(), un = (e, t) => ({
     const u = a.subscribe((l) => {
       l.ready && (u(), s(!0));
     });
-  }, [a]), o ? /* @__PURE__ */ k(ar.Provider, { value: a, children: t }) : null;
+  }, [a]), o ? /* @__PURE__ */ k(cr.Provider, { value: a, children: t }) : null;
 }, oe = (e, t) => {
-  const r = _e(ar);
+  const r = _e(cr);
   return We(r, e, t || Ve);
-}, ns = () => {
+}, os = () => {
   const [e, t] = oe((n) => [
     n.itemIds,
     n.items
@@ -1399,7 +1399,7 @@ const ar = g.createContext(), un = (e, t) => ({
     () => e.map((n) => t[n]),
     [e, t]
   );
-}, os = () => {
+}, ss = () => {
   const [e, t, r] = oe((a) => [
     a.items,
     a.itemIds,
@@ -1411,19 +1411,19 @@ const ar = g.createContext(), un = (e, t) => ({
       o(a);
     });
   }, [e, t, r]), n;
-}, cr = 5e4, ur = g.createContext(), mn = (e, t) => ({
+}, ur = 5e4, lr = g.createContext(), gn = (e, t) => ({
   config: {
     itemTemplates: {},
     actions: {},
     uid: null,
     itemExtent: { x: 0, y: 0, radius: 0 },
     boardWrapperRect: {},
-    boardSize: cr
+    boardSize: ur
   },
   // TODO optimize when same values as before
   updateConfiguration: (r) => e((n) => ({ config: { ...n.config, ...r } })),
   getConfiguration: () => t().config
-}), gn = (e, t) => ({
+}), hn = (e, t) => ({
   boardState: {
     movingItems: !1,
     selecting: !1,
@@ -1437,7 +1437,7 @@ const ar = g.createContext(), un = (e, t) => ({
   // TODO optimize when same values as before
   updateBoardState: (r) => e((n) => ({ boardState: { ...n.boardState, ...r } })),
   getBoardState: () => t().boardState
-}), hn = (e, t) => ({
+}), vn = (e, t) => ({
   interactions: {},
   getInteractions: () => t().interactions,
   register: (r, n) => e((o) => {
@@ -1459,7 +1459,7 @@ const ar = g.createContext(), un = (e, t) => ({
       setTimeout(() => o(n), 0);
     });
   }
-}), vn = (e, t) => ({
+}), yn = (e, t) => ({
   selection: [],
   setSelection: (r) => e((n) => JSON.stringify(n.selection) !== JSON.stringify(r) ? { selection: r } : {}),
   getSelection: () => t().selection,
@@ -1479,36 +1479,36 @@ const ar = g.createContext(), un = (e, t) => ({
     const o = n.selectionBox;
     return !o || !r || o.top !== r.top || o.left !== r.left || o.width !== r.width || o.height !== r.height ? { selectionBox: r } : {};
   })
-}), Wt = ({ children: e }) => {
+}), Vt = ({ children: e }) => {
   const [t] = g.useState(
     () => Ue((...r) => ({
-      ...mn(...r),
       ...gn(...r),
       ...hn(...r),
-      ...vn(...r)
+      ...vn(...r),
+      ...yn(...r)
     }))
   );
-  return /* @__PURE__ */ k(ur.Provider, { value: t, children: e });
+  return /* @__PURE__ */ k(lr.Provider, { value: t, children: e });
 }, Z = (e, t) => {
-  const r = _e(ur);
+  const r = _e(lr);
   return We(r, e, t || Ve);
-}, ss = () => {
+}, is = () => {
   const [e] = Z((t) => [t.selection]);
   return e;
-}, is = () => {
+}, as = () => {
   const [e] = Z((t) => [t.getSelection]);
   return e;
 };
-function pt(e) {
+function mt(e) {
   const t = Re(e);
-  return t.current = e, lt(() => Object.freeze({
+  return t.current = e, ft(() => Object.freeze({
     get current() {
       return t.current;
     }
   }), []);
 }
-function yn(e) {
-  const t = pt(e);
+function Sn(e) {
+  const t = mt(e);
   Pe(
     () => () => {
       t.current();
@@ -1517,11 +1517,11 @@ function yn(e) {
     []
   );
 }
-function mt(e, t, r, n = 0) {
+function gt(e, t, r, n = 0) {
   const o = Re(), s = Re(), a = Re(), u = () => {
     o.current && (clearTimeout(o.current), o.current = void 0), s.current && (clearTimeout(s.current), s.current = void 0);
   };
-  return yn(u), lt(
+  return Sn(u), ft(
     () => {
       const l = () => {
         if (!a.current)
@@ -1540,7 +1540,9 @@ function mt(e, t, r, n = 0) {
     [r, n, ...t]
   );
 }
-const Sn = 100, _n = 1e3, bn = 0.8, En = ({
+const _n = 100, bn = 1e3, En = 0.8;
+let nt = !1;
+const wn = ({
   x: e,
   y: t,
   scale: r,
@@ -1550,7 +1552,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
   boardSize: a
 }) => {
   let [u, l] = [e, t];
-  const d = ct(
+  const d = ut(
     [s.width / 2, s.height / 2],
     { translateX: u, translateY: l, scale: r, rotate: n }
   ), f = {
@@ -1559,37 +1561,37 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
   }, c = {
     x: a / 2,
     y: a / 2
-  }, h = ze(d, [f.x, f.y]), S = Math.min(s.width, s.height), v = o.radius + S / 2 / r - Sn / r;
+  }, h = ze(d, [f.x, f.y]), S = Math.min(s.width, s.height), v = o.radius + S / 2 / r - _n / r;
   if (h > v) {
-    const y = Yt(
+    const y = Bt(
       { x: d[0], y: d[1] },
       f,
       f,
       v - 1 / r
-    )[0], [C, x] = Be([-y.x, -y.y], {
+    )[0], [x, C] = Be([-y.x, -y.y], {
       translateX: s.width / 2,
       translateY: s.height / 2,
       scale: r,
       rotate: n
     });
-    u = C, l = x;
+    u = x, l = C;
   }
   const E = ze(d, [c.x, c.y]), O = a / 2 - ze([0, 0], [s.width, s.height]) / r;
   if (E > O) {
-    const y = Yt(
+    const y = Bt(
       { x: d[0], y: d[1] },
       c,
       c,
       O - 1 / r
     )[0];
     if (y) {
-      const [C, x] = Be([-y.x, -y.y], {
+      const [x, C] = Be([-y.x, -y.y], {
         translateX: s.width / 2,
         translateY: s.height / 2,
         scale: r,
         rotate: n
       });
-      u = C, l = x;
+      u = x, l = C;
     }
   }
   return [u, l];
@@ -1610,7 +1612,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     const { translateX: p, translateY: _, scale: m, rotate: w } = e();
     return { translateX: p, translateY: _, scale: m, rotate: w };
   }, [e]), l = g.useCallback(
-    (p, _) => ct([p, _], e()),
+    (p, _) => ut([p, _], e()),
     [e]
   ), d = g.useCallback(
     (p, _) => Be([p, _], e()),
@@ -1618,7 +1620,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
   ), f = g.useCallback(
     (p, _) => {
       const { scale: m, rotate: w } = e();
-      return ct([p, _], {
+      return ut([p, _], {
         translateX: 0,
         translateY: 0,
         rotate: w,
@@ -1630,26 +1632,28 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     (p) => {
       const { itemExtent: _, boardWrapperRect: m, boardSize: w } = n(), R = e(), {
         translateX: T,
-        translateY: j,
+        translateY: D,
         scale: M,
         rotate: A
       } = {
         ...R,
         ...p(R)
-      }, B = c(M);
-      let [U, J] = [T, j];
-      (T !== R.translateX || j !== R.translateY) && ([U, J] = En({
+      };
+      nt && console.log("New expected values: ", T, D, M, A);
+      const Y = c(M);
+      let [U, G] = [T, D];
+      (T !== R.translateX || D !== R.translateY) && ([U, G] = wn({
         x: T,
-        y: j,
-        scale: B,
+        y: D,
+        scale: Y,
         rotate: A,
         itemExtent: _,
         boardWrapperRect: m,
         boardSize: w
-      })), t({
+      })), nt && console.log("New fixed values: ", U, G, Y, A), t({
         translateX: U,
-        translateY: J,
-        scale: B,
+        translateY: G,
+        scale: Y,
         rotate: A
       });
     },
@@ -1674,18 +1678,18 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
         x: m.left + m.width / 2,
         y: m.top + m.height / 2
       });
-      const R = e(), T = c(R.scale * _), j = w.x - m.left, M = w.y - m.top, A = j - (j - R.translateX) * T / R.scale, B = M - (M - R.translateY) * T / R.scale;
+      const R = e(), T = c(R.scale * _), D = w.x - m.left, M = w.y - m.top, A = D - (D - R.translateX) * T / R.scale, Y = M - (M - R.translateY) * T / R.scale;
       h((U) => ({
         ...U,
         translateX: A,
-        translateY: B,
+        translateY: Y,
         scale: T
       }));
     },
     [c, e, n, h]
   ), E = g.useCallback(
     ({ x: p, y: _, radius: m }) => {
-      const { rotate: w } = e(), { boardWrapperRect: R, boardSize: T } = n(), j = R.width / (m * 2), M = R.height / (m * 2), A = c(Math.min(j, M) * bn), [B, U] = Be(
+      const { rotate: w } = e(), { boardWrapperRect: R, boardSize: T } = n(), D = R.width / (m * 2), M = R.height / (m * 2), A = c(Math.min(D, M) * En), [Y, U] = Be(
         [-T / 2 - p, -T / 2 - _],
         {
           translateX: R.width / 2,
@@ -1694,7 +1698,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
           rotate: w
         }
       );
-      h((J) => ({ ...J, translateX: B, translateY: U, scale: A }));
+      h((G) => ({ ...G, translateX: Y, translateY: U, scale: A }));
     },
     [c, e, n, h]
   ), O = g.useCallback(() => {
@@ -1708,13 +1712,13 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     };
   }, [l, n]), y = g.useCallback(() => {
     const p = a(), { boardSize: _, uid: m } = n(), w = p.reduce(
-      (T, j) => {
-        const M = Xe(m, j.id);
-        return M && (T.left = Math.min(j.x, T.left), T.top = Math.min(j.y, T.top), T.right = Math.max(
-          j.x + M.offsetWidth,
+      (T, D) => {
+        const M = Ne(m, D.id);
+        return M && (T.left = Math.min(D.x, T.left), T.top = Math.min(D.y, T.top), T.right = Math.max(
+          D.x + M.offsetWidth,
           T.right
         ), T.bottom = Math.max(
-          j.y + M.offsetHeight,
+          D.y + M.offsetHeight,
           T.bottom
         )), T;
       },
@@ -1730,36 +1734,38 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     };
     R.radius = Math.max(
       ze([R.x, R.y], [w.left, w.top]),
-      _n
+      bn
     ), o({ itemExtent: R });
-  }, [n, a, o]), C = g.useCallback(
+  }, [n, a, o]), x = g.useCallback(
     (p) => {
       let _ = () => p;
       typeof p == "function" && (_ = p), h((m) => ({ ...m, rotate: _(m.rotate) })), y(), E(r);
     },
     [r, h, y, E]
-  ), x = mt(
+  ), C = gt(
     () => y(),
     [y],
     200
   );
   return g.useEffect(() => {
-    window.debugUpdateExtent = () => y(), window.debugDisplayExtent = () => console.log(n().itemExtent);
+    window.debugUpdateExtent = () => y(), window.debugDisplayExtent = () => console.log(n().itemExtent), window.debugSetDebug = () => {
+      nt = !0;
+    };
   }, [n, y]), {
     setDim: h,
-    rotateBoard: C,
+    rotateBoard: x,
     moveBoard: S,
     getDim: u,
     zoomTo: v,
     zoomToCenter: v,
     zoomToExtent: E,
     getCenter: O,
-    updateItemExtent: x,
+    updateItemExtent: C,
     vectorFromWrapperToBoard: f,
     fromWrapperToBoard: l,
     fromBoardToWrapper: d
   };
-}, Vt = (e) => {
+}, Ft = (e) => {
   const [t, r, n] = Z(
     ({ register: a, unregister: u, callInteractions: l }) => [
       a,
@@ -1778,8 +1784,8 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     [n, e]
   );
   return { register: o, call: s };
-}, gt = () => {
-  const { call: e } = Vt("place"), { call: t } = Vt("delete"), { getCenter: r, updateItemExtent: n } = Me(), [o, s, a, u] = Z((P) => [
+}, ht = () => {
+  const { call: e } = Ft("place"), { call: t } = Ft("delete"), { getCenter: r, updateItemExtent: n } = Me(), [o, s, a, u] = Z((P) => [
     P.clear,
     P.reverse,
     P.unselect,
@@ -1798,7 +1804,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     ({
       getItems: P,
       getItemIds: $,
-      setItemIds: Y,
+      setItemIds: B,
       updateItems: V,
       moveItems: L,
       removeItemsById: F,
@@ -1808,7 +1814,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     }) => ({
       getItems: P,
       getItemIds: $,
-      setItemIds: Y,
+      setItemIds: B,
       updateItems: V,
       moveItems: L,
       removeItemsById: F,
@@ -1817,61 +1823,61 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
       setItemList: Q
     })
   ), y = g.useCallback(
-    (P, $, Y = !1) => {
+    (P, $, B = !1) => {
       let V = $;
       typeof $ == "object" && (V = () => $);
       const L = d().filter((Q) => P.includes(Q)), F = l(), H = L.map((Q) => {
         const ne = F[Q];
-        return Y ? [Q, V(ne)] : [Q, V({ ...ne })];
+        return B ? [Q, V(ne)] : [Q, V({ ...ne })];
       }).filter(([, Q]) => Q);
       if (H.length === 0)
         return;
       const te = Object.fromEntries(H);
-      c(te, Y), n();
+      c(te, B), n();
     },
     [d, l, n, c]
-  ), C = g.useCallback(
+  ), x = g.useCallback(
     (P) => {
       O(P), o(), n();
     },
     [o, O, n]
-  ), x = g.useCallback(
-    (P, $, Y = !1) => {
-      y([P], $, Y);
+  ), C = g.useCallback(
+    (P, $, B = !1) => {
+      y([P], $, B);
     },
     [y]
   ), p = g.useCallback(
     (P, $) => {
       h(
-        Bt(l(), d(), P),
+        Nt(l(), d(), P),
         $
       );
     },
     [d, l, h]
   ), _ = g.useCallback(
     (P) => {
-      const $ = d(), Y = $.filter((L) => !P.includes(L)), V = $.filter(
+      const $ = d(), B = $.filter((L) => !P.includes(L)), V = $.filter(
         (L) => P.includes(L)
       );
-      f([...Y, ...V]);
+      f([...B, ...V]);
     },
     [d, f]
   ), m = g.useCallback(
-    (P, { type: $, size: Y } = {}) => {
+    (P, { type: $, size: B } = {}) => {
       const { uid: V } = u();
       y(
         P,
         (L) => {
-          const F = Xe(V, L.id);
+          const F = Ne(V, L.id);
           if (!F)
             return;
           const H = {
             type: $ || "grid",
-            size: Y || 1,
+            size: B || 1,
             offset: { x: 0, y: 0 },
             ...L.grid
           };
-          return an(
+          return cn(
             {
               x: L.x,
               y: L.y,
@@ -1887,12 +1893,12 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     [u, y]
   ), w = g.useCallback(
     (P, $) => {
-      const Y = Bt(
+      const B = Nt(
         l(),
         d(),
         P
       );
-      _(Y), y(Y, { moving: !1 }, !0), m(Y, $), e(P), n();
+      _(B), y(B, { moving: !1 }, !0), m(B, $), e(P), n();
     },
     [
       y,
@@ -1910,17 +1916,17 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     [f]
   ), T = g.useCallback(
     (P) => {
-      const $ = d(), Y = $.filter(
+      const $ = d(), B = $.filter(
         (L) => P.includes(L)
-      ), V = $.map((L) => P.includes(L) ? Y.pop() : L);
+      ), V = $.map((L) => P.includes(L) ? B.pop() : L);
       f(V), s();
     },
     [d, s, f]
-  ), j = g.useCallback(
+  ), D = g.useCallback(
     (P, $) => {
-      const Y = l(), V = Object.fromEntries(
+      const B = l(), V = Object.fromEntries(
         $.map((H, te) => {
-          const Q = Y[P[te]];
+          const Q = B[P[te]];
           return [
             H,
             {
@@ -1943,7 +1949,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     [l, y, d, f]
   ), M = g.useCallback(
     (P, $) => {
-      const Y = r(), V = P.map((L, F) => !L.x || !L.y ? { ...L, x: Y.x + 2 * F, y: Y.y + 2 * F } : L);
+      const B = r(), V = P.map((L, F) => !L.x || !L.y ? { ...L, x: B.x + 2 * F, y: B.y + 2 * F } : L);
       E(V, $), w(P.map(({ id: L }) => L));
     },
     [r, E, w]
@@ -1952,7 +1958,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
       M([P], $);
     },
     [M]
-  ), B = g.useCallback(
+  ), Y = g.useCallback(
     (P) => {
       a(P), S(P), t(P);
     },
@@ -1960,11 +1966,11 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
   ), U = g.useCallback(
     (P) => {
       const $ = l();
-      return P.map((Y) => $[Y]);
+      return P.map((B) => $[B]);
     },
     [l]
-  ), J = g.useCallback(
-    ({ target: P, clientX: $, clientY: Y }, { returnLocked: V = !1, passLocked: L = !1 } = {}) => {
+  ), G = g.useCallback(
+    ({ target: P, clientX: $, clientY: B }, { returnLocked: V = !1, passLocked: L = !1 } = {}) => {
       if (["INPUT", "TEXTAREA"].includes(P.tagName))
         return null;
       const F = Oe(P, "item");
@@ -1975,8 +1981,8 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
           return V ? F : null;
         if (ye(P, "passthrough")) {
           const H = d(), { uid: te } = u(), Q = H.reduce((ne, ie) => {
-            const me = Xe(te, ie), ge = me.getBoundingClientRect();
-            return ft({ x: $, y: Y }, ge) && ne.unshift(me), ne;
+            const me = Ne(te, ie), ge = me.getBoundingClientRect();
+            return dt({ x: $, y: B }, ge) && ne.unshift(me), ne;
           }, []);
           for (let ne = 0; ne < Q.length; ne += 1) {
             const ie = Q[ne];
@@ -1996,19 +2002,19 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     updateItemOrder: R,
     moveItems: p,
     placeItems: w,
-    updateItem: x,
-    swapItems: j,
+    updateItem: C,
+    swapItems: D,
     reverseItemsOrder: T,
-    setItemList: C,
+    setItemList: x,
     pushItem: A,
     pushItems: M,
-    removeItems: B,
+    removeItems: Y,
     getItemList: v,
-    findElementUnderPointer: J,
+    findElementUnderPointer: G,
     getItems: U
   };
 };
-var wn = function e(t, r) {
+var xn = function e(t, r) {
   if (t === r)
     return !0;
   if (t && r && typeof t == "object" && typeof r == "object") {
@@ -2071,18 +2077,18 @@ var wn = function e(t, r) {
   return t !== t && r !== r;
 };
 function Cn(e, t, r, n = 0) {
-  Pe(mt(e, t, r, n), t);
+  Pe(gt(e, t, r, n), t);
 }
-const xn = (e, t) => {
+const Rn = (e, t) => {
   if (e.type in t) {
     const r = t[e.type].defaultActions;
     return typeof r == "function" ? r(e) : r;
   }
   return [];
-}, Ft = (e, t) => {
-  const { actions: r = xn(e, t) } = e;
+}, Kt = (e, t) => {
+  const { actions: r = Rn(e, t) } = e;
   return r.map((n) => typeof n == "string" ? { name: n } : n);
-}, as = () => {
+}, cs = () => {
   const [e, t] = oe((c) => [
     c.items,
     c.getItems
@@ -2103,17 +2109,17 @@ const xn = (e, t) => {
       return [S, S.map((v) => h[v])];
     },
     [t, o]
-  ), f = tr(() => {
+  ), f = rr(() => {
     const [c, h] = d();
     if (c.length > 0) {
       if (!u.current)
         return;
       const S = h.reduce((v, E) => {
-        const O = Ft(E, r);
+        const O = Kt(E, r);
         return v.filter(
-          (y) => O.some((C) => wn(y, C))
+          (y) => O.some((x) => xn(y, x))
         );
-      }, Ft(h[0], r));
+      }, Kt(h[0], r));
       l(() => {
         a(S);
       });
@@ -2129,30 +2135,30 @@ const xn = (e, t) => {
   ), {
     availableActions: s
   };
-}, cs = () => {
+}, us = () => {
   const [e] = Z((t) => [t.selectionBox]);
   return e;
 };
 let pe = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, r) => (r &= 63, r < 36 ? t += r.toString(36) : r < 62 ? t += (r - 26).toString(36).toUpperCase() : r > 62 ? t += "-" : t += "_", t), "");
-const lr = g.createContext(), ut = (e) => {
+const fr = g.createContext(), lt = (e) => {
   localStorage.setItem("user", JSON.stringify(e));
-}, Rn = () => {
+}, In = () => {
   if (localStorage.user) {
     const t = {
       name: "Player",
-      color: Nt(),
+      color: Ut(),
       uid: pe(),
       ...JSON.parse(localStorage.user)
     };
-    return ut(t), t;
+    return lt(t), t;
   }
   const e = {
     name: "Player",
-    color: Nt(),
+    color: Ut(),
     uid: pe()
   };
-  return ut(e), e;
-}, In = (e) => (t, r) => ({
+  return lt(e), e;
+}, On = (e) => (t, r) => ({
   isSpaceMaster: !1,
   users: {},
   getUser: () => r().users[e],
@@ -2174,7 +2180,7 @@ const lr = g.createContext(), ut = (e) => {
       id: n,
       uid: s.users[n].uid
     };
-    return a.id === e && ut(a), setTimeout(() => r().electSpaceMaster(), 100), {
+    return a.id === e && lt(a), setTimeout(() => r().electSpaceMaster(), 100), {
       users: {
         ...s.users,
         [n]: a
@@ -2197,22 +2203,22 @@ const lr = g.createContext(), ut = (e) => {
       s < o.timestamp && (o.id = a, o.timestamp = s);
     }), t({ isSpaceMaster: o.id === e });
   }
-}), On = (e) => ({
+}), Tn = (e) => ({
   cursors: {},
   moveCursor: (t, r) => e((n) => ({ cursors: { ...n.cursors, [t]: r } })),
   removeCursor: (t) => e((r) => {
     const n = { ...r.cursors };
     return delete n[t], { cursors: n };
   })
-}), fr = ({ storeName: e, children: t }) => {
-  const { wire: r, isMaster: n } = Ne("room"), [o, s] = g.useState(null), [a, u] = g.useState(!1), l = g.useRef(!1);
+}), dr = ({ storeName: e, children: t }) => {
+  const { wire: r, isMaster: n } = Xe("room"), [o, s] = g.useState(null), [a, u] = g.useState(!1), l = g.useRef(!1);
   return g.useEffect(() => {
     let d = !0;
     const f = [];
     if (!o && !l.current)
       return l.current = !0, (() => {
         const h = Ue(
-          dt(
+          pt(
             {
               wire: r,
               storeName: e,
@@ -2224,8 +2230,8 @@ const lr = g.createContext(), ut = (e) => {
               ]
             },
             (...v) => ({
-              ...In(r.userId)(...v),
-              ...On(...v)
+              ...On(r.userId)(...v),
+              ...Tn(...v)
             })
           )
         ), S = h.subscribe((v) => {
@@ -2237,7 +2243,7 @@ const lr = g.createContext(), ut = (e) => {
   }, [o, e, r, r.userId]), g.useEffect(() => {
     if (o)
       return o.getState().addUser({
-        ...Rn(),
+        ...In(),
         id: r.userId
       }), u(!0), () => {
         o.getState().removeUser(r.userId);
@@ -2253,11 +2259,11 @@ const lr = g.createContext(), ut = (e) => {
     }
   }, [n, o, r]), g.useEffect(() => {
     n && o && o.getState().updateCurrentUser({ isMaster: n });
-  }, [n, o, r]), a ? /* @__PURE__ */ k(lr.Provider, { value: o, children: t }) : null;
+  }, [n, o, r]), a ? /* @__PURE__ */ k(fr.Provider, { value: o, children: t }) : null;
 }, Se = (e, t) => {
-  const r = _e(lr);
+  const r = _e(fr);
   return We(r, e, t || Ve);
-}, us = () => {
+}, ls = () => {
   const [e, t, r, n, o] = Se((u) => [
     u.isSpaceMaster,
     u.getUser(),
@@ -2276,7 +2282,7 @@ const lr = g.createContext(), ut = (e) => {
     localUsers: a,
     joinSpace: o
   };
-}, ls = () => {
+}, fs = () => {
   const [e, t, r] = oe(
     (o) => [o.boardConfig, o.getBoardConfig, o.setBoardConfig]
   ), n = g.useCallback(
@@ -2289,10 +2295,10 @@ const lr = g.createContext(), ut = (e) => {
     [t, r]
   );
   return [e, n];
-}, fs = () => {
+}, ds = () => {
   const [e] = Z((t) => [t.boardState]);
   return e;
-}, ds = () => {
+}, ps = () => {
   const [e, t, r, n] = oe((o) => [
     o.getSessionInfo,
     o.setSessionInfo,
@@ -2300,13 +2306,13 @@ const lr = g.createContext(), ut = (e) => {
     o.session
   ]);
   return { getSessionInfo: e, setSessionInfo: t, sessionInfo: n, updateSessionInfo: r };
-}, dr = g.createContext(), Tn = ({ user: { name: e, uid: t, color: r }, content: n }) => ({
+}, pr = g.createContext(), kn = ({ user: { name: e, uid: t, color: r }, content: n }) => ({
   type: "message",
   user: { name: e, uid: t, color: r },
   content: n,
   uid: pe(),
   timestamp: new Date().toISOString()
-}), kn = (e, t) => ({
+}), Pn = (e, t) => ({
   messages: [],
   setMessages: (r) => e({
     messages: r.map((n) => ({
@@ -2321,34 +2327,34 @@ const lr = g.createContext(), ut = (e) => {
     ]
   })),
   sendMessage: (r, n) => {
-    const o = Tn({
+    const o = kn({
       user: r,
       content: n
     });
     o && t().addMessage(o);
   }
-}), Kt = ({
+}), Ht = ({
   storeName: e,
   children: t,
   defaultValue: r = []
 }) => {
-  const { wire: n } = Ne("room"), [o] = g.useState(
+  const { wire: n } = Xe("room"), [o] = g.useState(
     () => Ue(
-      dt(
+      pt(
         { wire: n, storeName: e, defaultValue: r, noSync: ["sendMessage"] },
         (...s) => ({
-          ...kn(...s)
+          ...Pn(...s)
         })
       )
     )
   );
-  return /* @__PURE__ */ k(dr.Provider, { value: o, children: t });
-}, Pn = (e, t) => {
-  const r = _e(dr);
+  return /* @__PURE__ */ k(pr.Provider, { value: o, children: t });
+}, Mn = (e, t) => {
+  const r = _e(pr);
   return We(r, e, t || Ve);
-}, Mn = () => {
-}, ps = (e = Mn) => {
-  const t = Se((a) => a.getUser()), [r, n, o] = Pn((a) => [
+}, Dn = () => {
+}, ms = (e = Dn) => {
+  const t = Se((a) => a.getUser()), [r, n, o] = Mn((a) => [
     a.messages,
     a.setMessages,
     a.sendMessage
@@ -2363,12 +2369,12 @@ const lr = g.createContext(), ut = (e) => {
     [t, o]
   );
   return { messages: r, setMessages: n, sendMessage: s };
-}, Ht = ({ children: e, session: t }) => {
+}, qt = ({ children: e, session: t }) => {
   const r = Se((n) => n.joinSpace);
   return g.useEffect(() => (r(t), () => {
     r(null);
   }), [r, t]), e;
-}, ms = ({
+}, gs = ({
   socket: e,
   room: t,
   session: r,
@@ -2381,74 +2387,74 @@ const lr = g.createContext(), ut = (e) => {
     itemIds: n.map(({ id: c }) => c),
     items: Object.fromEntries(n.map((c) => [c.id, c]))
   }));
-  return Ne("room") ? /* @__PURE__ */ k(
-    Kt,
+  return Xe("room") ? /* @__PURE__ */ k(
+    Ht,
     {
       storeName: `${l}_messages`,
       defaultValue: o,
-      children: /* @__PURE__ */ k(Wt, { children: /* @__PURE__ */ k(
-        Ut,
+      children: /* @__PURE__ */ k(Vt, { children: /* @__PURE__ */ k(
+        Wt,
         {
           storeName: `${l}_item`,
           defaultValue: d,
-          children: /* @__PURE__ */ k(Ht, { ...a, session: l })
+          children: /* @__PURE__ */ k(qt, { ...a, session: l })
         }
       ) })
     }
   ) : /* @__PURE__ */ k(
-    nr,
+    or,
     {
       room: u,
       channel: "room",
       socket: e,
       LoadingComponent: s,
-      children: /* @__PURE__ */ k(fr, { storeName: `${u}_users`, children: /* @__PURE__ */ k(
-        Kt,
+      children: /* @__PURE__ */ k(dr, { storeName: `${u}_users`, children: /* @__PURE__ */ k(
+        Ht,
         {
           storeName: `${l}_messages`,
           defaultValue: o,
-          children: /* @__PURE__ */ k(Wt, { children: /* @__PURE__ */ k(
-            Ut,
+          children: /* @__PURE__ */ k(Vt, { children: /* @__PURE__ */ k(
+            Wt,
             {
               storeName: `${l}_item`,
               defaultValue: d,
-              children: /* @__PURE__ */ k(Ht, { ...a, session: l })
+              children: /* @__PURE__ */ k(qt, { ...a, session: l })
             }
           ) })
         }
       ) })
     }
   );
-}, gs = ({ socket: e, room: t, children: r, LoadingComponent: n }) => {
+}, hs = ({ socket: e, room: t, children: r, LoadingComponent: n }) => {
   const [o] = g.useState(t || pe());
   return /* @__PURE__ */ k(
-    nr,
+    or,
     {
       room: o,
       channel: "room",
       socket: e,
       LoadingComponent: n,
-      children: /* @__PURE__ */ k(fr, { storeName: `${o}_users`, children: r })
+      children: /* @__PURE__ */ k(dr, { storeName: `${o}_users`, children: r })
     }
   );
 };
-let jn = { data: "" }, Dn = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || jn, $n = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, An = /\/\*[^]*?\*\/|  +/g, qt = /\n+/g, fe = (e, t) => {
+let jn = { data: "" }, $n = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || jn, An = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Ln = /\/\*[^]*?\*\/|  +/g, Gt = /\n+/g, fe = (e, t) => {
   let r = "", n = "", o = "";
   for (let s in e) {
     let a = e[s];
     s[0] == "@" ? s[1] == "i" ? r = s + " " + a + ";" : n += s[1] == "f" ? fe(a, s) : s + "{" + fe(a, s[1] == "k" ? "" : t) + "}" : typeof a == "object" ? n += fe(a, t ? t.replace(/([^,])+/g, (u) => s.replace(/(^:.*)|([^,])+/g, (l) => /&/.test(l) ? l.replace(/&/g, u) : u ? u + " " + l : l)) : s) : a != null && (s = /^--/.test(s) ? s : s.replace(/[A-Z]/g, "-$&").toLowerCase(), o += fe.p ? fe.p(s, a) : s + ":" + a + ";");
   }
   return r + (t && o ? t + "{" + o + "}" : o) + n;
-}, ce = {}, pr = (e) => {
+}, ce = {}, mr = (e) => {
   if (typeof e == "object") {
     let t = "";
     for (let r in e)
-      t += r + pr(e[r]);
+      t += r + mr(e[r]);
     return t;
   }
   return e;
-}, Ln = (e, t, r, n, o) => {
-  let s = pr(e), a = ce[s] || (ce[s] = ((l) => {
+}, zn = (e, t, r, n, o) => {
+  let s = mr(e), a = ce[s] || (ce[s] = ((l) => {
     let d = 0, f = 11;
     for (; d < l.length; )
       f = 101 * f + l.charCodeAt(d++) >>> 0;
@@ -2457,8 +2463,8 @@ let jn = { data: "" }, Dn = (e) => typeof window == "object" ? ((e ? e.querySele
   if (!ce[a]) {
     let l = s !== e ? e : ((d) => {
       let f, c, h = [{}];
-      for (; f = $n.exec(d.replace(An, "")); )
-        f[4] ? h.shift() : f[3] ? (c = f[3].replace(qt, " ").trim(), h.unshift(h[0][c] = h[0][c] || {})) : h[0][f[1]] = f[2].replace(qt, " ").trim();
+      for (; f = An.exec(d.replace(Ln, "")); )
+        f[4] ? h.shift() : f[3] ? (c = f[3].replace(Gt, " ").trim(), h.unshift(h[0][c] = h[0][c] || {})) : h[0][f[1]] = f[2].replace(Gt, " ").trim();
       return h[0];
     })(e);
     ce[a] = fe(o ? { ["@keyframes " + a]: l } : l, r ? "" : "." + a);
@@ -2467,7 +2473,7 @@ let jn = { data: "" }, Dn = (e) => typeof window == "object" ? ((e ? e.querySele
   return r && (ce.g = ce[a]), ((l, d, f, c) => {
     c ? d.data = d.data.replace(c, l) : d.data.indexOf(l) === -1 && (d.data = f ? l + d.data : d.data + l);
   })(ce[a], t, n, u), a;
-}, zn = (e, t, r) => e.reduce((n, o, s) => {
+}, Yn = (e, t, r) => e.reduce((n, o, s) => {
   let a = t[s];
   if (a && a.call) {
     let u = a(r), l = u && u.props && u.props.className || /^go/.test(u) && u;
@@ -2477,14 +2483,14 @@ let jn = { data: "" }, Dn = (e) => typeof window == "object" ? ((e ? e.querySele
 }, "");
 function K(e) {
   let t = this || {}, r = e.call ? e(t.p) : e;
-  return Ln(r.unshift ? r.raw ? zn(r, [].slice.call(arguments, 1), t.p) : r.reduce((n, o) => Object.assign(n, o && o.call ? o(t.p) : o), {}) : r, Dn(t.target), t.g, t.o, t.k);
+  return zn(r.unshift ? r.raw ? Yn(r, [].slice.call(arguments, 1), t.p) : r.reduce((n, o) => Object.assign(n, o && o.call ? o(t.p) : o), {}) : r, $n(t.target), t.g, t.o, t.k);
 }
 K.bind({ g: 1 });
 K.bind({ k: 1 });
-function Yn(e, t, r, n) {
+function Bn(e, t, r, n) {
   fe.p = t;
 }
-var Bn = function e(t, r) {
+var Nn = function e(t, r) {
   if (t === r)
     return !0;
   if (t && r && typeof t == "object" && typeof r == "object") {
@@ -2519,7 +2525,7 @@ var Bn = function e(t, r) {
   }
   return t !== t && r !== r;
 };
-const nt = () => {
+const ot = () => {
   const e = navigator.userAgent.toLowerCase();
   return /mac os ?x 10/.test(e);
 }, Xn = () => {
@@ -2531,34 +2537,34 @@ const nt = () => {
   ), t.close();
   const r = t.body.firstElementChild.offsetHeight;
   return document.body.removeChild(e), r;
-}, Nn = Xn(), Un = 800, Gt = (e, t) => {
+}, Un = Xn(), Wn = 800, Jt = (e, t) => {
   const r = Object.keys(e).map((n) => Number(n)).find((n) => n !== t);
   return e[r];
-}, Jt = ([e, t], [r, n]) => {
+}, Zt = ([e, t], [r, n]) => {
   const o = Math.abs(e - r), s = Math.abs(t - n);
   return Math.hypot(o, s);
 }, de = () => {
-}, Wn = (e) => (t) => {
+}, Vn = (e) => (t) => {
   const { event: r } = t;
   return r.isPropagationStopped() ? null : e(t);
-}, Vn = (e) => async (...t) => {
+}, Fn = (e) => async (...t) => {
   try {
     await e(...t);
   } catch (r) {
     console.error(r);
   }
 };
-class Fn {
+class Kn {
   constructor() {
-    kt(this, "lastPromise", Promise.resolve(!0));
+    Pt(this, "lastPromise", Promise.resolve(!0));
   }
   add(t, ...r) {
     return new Promise((n, o) => {
-      this.lastPromise = this.lastPromise.then(() => Wn(Vn(t))(...r)).then(n).catch(o);
+      this.lastPromise = this.lastPromise.then(() => Vn(Fn(t))(...r)).then(n).catch(o);
     });
   }
 }
-const se = new Fn(), Fe = ({
+const se = new Kn(), Fe = ({
   children: e,
   onDrag: t = de,
   onDragStart: r = de,
@@ -2576,60 +2582,60 @@ const se = new Fn(), Fe = ({
     mainPointer: void 0
   }), h = (y) => {
     const {
-      deltaX: C,
-      deltaY: x,
+      deltaX: x,
+      deltaY: C,
       clientX: p,
       clientY: _,
       deltaMode: m,
       ctrlKey: w,
       altKey: R,
       metaKey: T,
-      target: j
+      target: D
     } = y;
-    if (!(R || w && !nt()))
-      if (nt() && !w)
+    if (!(R || w && !ot()))
+      if (ot() && !w)
         se.add(o, {
-          deltaX: -2 * C,
-          deltaY: -2 * x,
+          deltaX: -2 * x,
+          deltaY: -2 * C,
           button: 1,
           ctrlKey: w,
           metaKey: T,
-          target: j,
+          target: D,
           event: y
         });
       else {
-        if (l === void 0 || !x)
+        if (l === void 0 || !C)
           return;
-        let M = x;
+        let M = C;
         switch (m) {
           case 1:
-            M *= Nn;
+            M *= Un;
             break;
           case 2:
-            M *= Un;
+            M *= Wn;
             break;
         }
-        nt() && (M *= 2), se.add(l, { scale: M, clientX: p, clientY: _, event: y });
+        ot() && (M *= 2), se.add(l, { scale: M, clientX: p, clientY: _, event: y });
       }
   }, S = (y) => {
     const {
-      target: C,
-      button: x,
+      target: x,
+      button: C,
       clientX: p,
       clientY: _,
       pointerId: m,
       altKey: w,
       ctrlKey: R,
       metaKey: T,
-      isPrimary: j
+      isPrimary: D
     } = y;
-    if (c.current.pointers[m] = { clientX: p, clientY: _ }, j && (c.current.mainPointer = void 0), c.current.mainPointer !== void 0) {
+    if (c.current.pointers[m] = { clientX: p, clientY: _ }, D && (c.current.mainPointer = void 0), c.current.mainPointer !== void 0) {
       if (c.current.mainPointer !== m)
         try {
-          const { clientX: M, clientY: A } = Gt(
+          const { clientX: M, clientY: A } = Jt(
             c.current.pointers,
             m
-          ), B = (M + p) / 2, U = (A + _) / 2, J = Jt(
+          ), Y = (M + p) / 2, U = (A + _) / 2, G = Zt(
             [M, A],
             [p, _]
           );
@@ -2639,10 +2645,10 @@ const se = new Fn(), Fe = ({
             gestureStart: !1,
             startX: p,
             startY: _,
-            prevX: B,
+            prevX: Y,
             prevY: U,
-            startDistance: J,
-            prevDistance: J
+            startDistance: G,
+            prevDistance: G
           });
         } catch (M) {
           console.log("Error while getting other pointer. Ignoring", M), c.current.mainPointer;
@@ -2657,11 +2663,11 @@ const se = new Fn(), Fe = ({
       startY: _,
       prevX: p,
       prevY: _,
-      currentButton: x,
+      currentButton: C,
       pointerDownEvent: y,
       startDistance: 0,
       prevDistance: 0,
-      target: C,
+      target: x,
       timeStart: Date.now(),
       longTapTimeout: setTimeout(async () => {
         c.current.noTap = !0, se.add(a, {
@@ -2670,21 +2676,21 @@ const se = new Fn(), Fe = ({
           altKey: w,
           ctrlKey: R,
           metaKey: T,
-          target: C,
+          target: x,
           event: y
         });
       }, 750)
     });
     try {
-      C.setPointerCapture(m);
+      x.setPointerCapture(m);
     } catch (M) {
       console.log("Fail to capture pointer", M);
     }
   }, v = (y) => {
     if (c.current.pressed) {
       const {
-        pointerId: C,
-        clientX: x,
+        pointerId: x,
+        clientX: C,
         clientY: p,
         altKey: _,
         shiftKey: m,
@@ -2692,27 +2698,27 @@ const se = new Fn(), Fe = ({
         metaKey: R,
         buttons: T
       } = y;
-      c.current.pointers[C] = {
-        clientX: x,
+      c.current.pointers[x] = {
+        clientX: C,
         clientY: p
       }, c.current.moving = !0;
-      const j = Object.keys(c.current.pointers).length === 2;
-      let M, A, B = 0;
-      if (j) {
-        const { clientX: $, clientY: Y } = Gt(
+      const D = Object.keys(c.current.pointers).length === 2;
+      let M, A, Y = 0;
+      if (D) {
+        const { clientX: $, clientY: B } = Jt(
           c.current.pointers,
-          C
+          x
         );
-        M = ($ + x) / 2, A = (Y + p) / 2, B = Jt(
-          [$, Y],
-          [x, p]
+        M = ($ + C) / 2, A = (B + p) / 2, Y = Zt(
+          [$, B],
+          [C, p]
         );
       } else
-        M = x, A = p;
+        M = C, A = p;
       let U = m || _ || w || R || T !== 1;
       d !== "drag" && (U = !U);
-      const J = !U, P = U;
-      if (J) {
+      const G = !U, P = U;
+      if (G) {
         c.current.gestureStart || (f.current.style.cursor = "move", c.current.gestureStart = !0, clearTimeout(c.current.longTapTimeout), se.add(r, {
           deltaX: 0,
           deltaY: 0,
@@ -2730,10 +2736,10 @@ const se = new Fn(), Fe = ({
           target: c.current.target,
           event: c.current.pointerDownEvent
         }));
-        const $ = M - c.current.prevX, Y = A - c.current.prevY, V = M - c.current.startX, L = A - c.current.startY;
+        const $ = M - c.current.prevX, B = A - c.current.prevY, V = M - c.current.startX, L = A - c.current.startY;
         se.add(t, {
           deltaX: $,
-          deltaY: Y,
+          deltaY: B,
           startX: c.current.startX,
           startY: c.current.startY,
           clientX: M,
@@ -2751,10 +2757,10 @@ const se = new Fn(), Fe = ({
       }
       if (P) {
         c.current.gestureStart || (f.current.style.cursor = "move", c.current.gestureStart = !0, clearTimeout(c.current.longTapTimeout));
-        const $ = M - c.current.prevX, Y = A - c.current.prevY, { target: V } = c.current;
+        const $ = M - c.current.prevX, B = A - c.current.prevY, { target: V } = c.current;
         if (se.add(o, {
           deltaX: $,
-          deltaY: Y,
+          deltaY: B,
           button: c.current.currentButton,
           altKey: _,
           shiftKey: m,
@@ -2762,22 +2768,22 @@ const se = new Fn(), Fe = ({
           metaKey: R,
           target: V,
           event: y
-        }), B !== c.current.prevDistance && l) {
-          const L = c.current.prevDistance - B;
+        }), Y !== c.current.prevDistance && l) {
+          const L = c.current.prevDistance - Y;
           Math.abs(L) > 0 && (se.add(l, {
             scale: L * 3,
             clientX: M,
             clientY: A,
             event: y
-          }), c.current.prevDistance = B);
+          }), c.current.prevDistance = Y);
         }
       }
       c.current.prevX = M, c.current.prevY = A;
     }
   }, E = (y) => {
     const {
-      clientX: C,
-      clientY: x,
+      clientX: x,
+      clientY: C,
       altKey: p,
       shiftKey: _,
       ctrlKey: m,
@@ -2787,9 +2793,9 @@ const se = new Fn(), Fe = ({
     } = y;
     if (c.current.pointers[T]) {
       if (delete c.current.pointers[T], c.current.mainPointer !== T) {
-        const { clientX: j, clientY: M } = c.current.pointers[c.current.mainPointer];
+        const { clientX: D, clientY: M } = c.current.pointers[c.current.mainPointer];
         Object.assign(c.current, {
-          prevX: j,
+          prevX: D,
           prevY: M,
           prevDistance: 0,
           startDistance: 0
@@ -2802,28 +2808,28 @@ const se = new Fn(), Fe = ({
         );
         try {
           c.current.target.setPointerCapture(c.current.mainPointer);
-          const { clientX: j, clientY: M } = c.current.pointers[c.current.mainPointer];
+          const { clientX: D, clientY: M } = c.current.pointers[c.current.mainPointer];
           Object.assign(c.current, {
-            prevX: j,
+            prevX: D,
             prevY: M,
             prevDistance: 0,
             startDistance: 0
           });
           return;
-        } catch (j) {
-          console.log("Fails to set pointer capture", j), c.current.mainPointer = void 0, delete c.current.pointers[Object.keys(c.current.pointers)[0]];
+        } catch (D) {
+          console.log("Fails to set pointer capture", D), c.current.mainPointer = void 0, delete c.current.pointers[Object.keys(c.current.pointers)[0]];
         }
       }
       if (c.current.mainPointer = void 0, c.current.pressed = !1, clearTimeout(c.current.longTapTimeout), c.current.moving)
         c.current.moving = !1, se.add(n, {
-          deltaX: C - c.current.prevX,
-          deltaY: x - c.current.prevY,
+          deltaX: x - c.current.prevX,
+          deltaY: C - c.current.prevY,
           startX: c.current.startX,
           startY: c.current.startY,
-          clientX: C,
-          clientY: x,
-          distanceX: C - c.current.startX,
-          distanceY: x - c.current.startY,
+          clientX: x,
+          clientY: C,
+          distanceX: x - c.current.startX,
+          distanceY: C - c.current.startY,
           button: c.current.currentButton,
           altKey: p,
           shiftKey: _,
@@ -2832,10 +2838,10 @@ const se = new Fn(), Fe = ({
           event: y
         }), f.current.style.cursor = "auto";
       else {
-        const j = Date.now();
-        c.current.noTap ? c.current.noTap = !1 : c.current.timeStart - j < 300 && se.add(s, {
-          clientX: C,
-          clientY: x,
+        const D = Date.now();
+        c.current.noTap ? c.current.noTap = !1 : c.current.timeStart - D < 300 && se.add(s, {
+          clientX: x,
+          clientY: C,
           altKey: p,
           shiftKey: _,
           ctrlKey: m,
@@ -2857,10 +2863,10 @@ const se = new Fn(), Fe = ({
       onPointerLeave: E,
       onPointerCancel: E,
       onDoubleClick: (y) => {
-        const { clientX: C, clientY: x, altKey: p, shiftKey: _, ctrlKey: m, metaKey: w, target: R } = y;
+        const { clientX: x, clientY: C, altKey: p, shiftKey: _, ctrlKey: m, metaKey: w, target: R } = y;
         se.add(u, {
-          clientX: C,
-          clientY: x,
+          clientX: x,
+          clientY: C,
           altKey: p,
           shiftKey: _,
           ctrlKey: m,
@@ -2874,7 +2880,7 @@ const se = new Fn(), Fe = ({
       children: e
     }
   );
-}, ot = ({ onResize: e, ...t }) => {
+}, st = ({ onResize: e, ...t }) => {
   const [r] = Z((o) => [o.getBoardState]);
   return /* @__PURE__ */ k(Fe, { onDrag: ({ deltaX: o, deltaY: s, event: a }) => {
     a.stopPropagation();
@@ -2884,36 +2890,36 @@ const se = new Fn(), Fe = ({
       height: s / u
     });
   }, children: /* @__PURE__ */ k("div", { ...t }) });
-}, Kn = K`
+}, Hn = K`
   display: inline-block;
   transition: transform 150ms;
   user-select: none;
   padding: 2px;
   box-sizing: border-box;
-`, Hn = K`
+`, qn = K`
   border: 2px dashed #db5034;
   padding: 0px;
   cursor: pointer;
-`, Ce = K`
+`, xe = K`
   position: absolute;
   width: 0px;
   height: 0px;
-`, qn = K`
+`, Gn = K`
   top: 0;
   left: 0;
-`, Gn = K`
+`, Jn = K`
   top: 0;
   right: 0;
-`, Jn = K`
+`, Zn = K`
   bottom: 0;
   left: 0;
-`, Zn = K`
+`, Qn = K`
   bottom: 0;
   right: 0;
-`, Qn = K`
+`, eo = K`
   top: 50%;
   left: 50%;
-`, st = K`
+`, it = K`
   position: absolute;
 
   width: 10px;
@@ -2921,19 +2927,19 @@ const se = new Fn(), Fe = ({
   border: 2px solid #db5034;
   background-color: #db5034;
   cursor: move;
-`, eo = K`
+`, to = K`
   cursor: ew-resize;
   right: -6px;
   top: calc(50% - 5px);
-`, to = K`
+`, ro = K`
   cursor: ns-resize;
   bottom: -6px;
   left: calc(50% - 5px);
-`, ro = K`
+`, no = K`
   cursor: nwse-resize;
   bottom: -6px;
   right: -6px;
-`, no = ({ onReload: e }) => /* @__PURE__ */ le(
+`, oo = ({ onReload: e }) => /* @__PURE__ */ le(
   "div",
   {
     className: `syncboard-error-item ${K({
@@ -2950,7 +2956,7 @@ const se = new Fn(), Fe = ({
     ]
   }
 );
-class oo extends g.Component {
+class so extends g.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1, itemId: t.itemId }, this.onReload = this.onReload.bind(this);
   }
@@ -2972,9 +2978,9 @@ class oo extends g.Component {
     return this.state.hasError ? /* @__PURE__ */ k(t, { onReload: this.onReload }) : this.props.children;
   }
 }
-const so = (e) => {
+const io = (e) => {
   e.target.className = "";
-}, io = ({
+}, ao = ({
   width: e,
   height: t,
   actualWidth: r,
@@ -2999,11 +3005,11 @@ const so = (e) => {
     width: (a + e).toFixed(1),
     height: (u + t).toFixed(1)
   };
-}, ao = {
+}, co = {
   w: !0,
   h: !0,
   b: !0
-}, co = ({
+}, uo = ({
   setState: e,
   state: { type: t, rotation: r = 0, id: n, locked: o, extraClasses: s, ...a } = {},
   animate: u = "hvr-pop",
@@ -3014,8 +3020,8 @@ const so = (e) => {
   var w;
   const c = g.useRef(null), [h] = Z((R) => [R.config.uid]), {
     component: S = () => null,
-    resizeDirections: v = ao,
-    resize: E = io
+    resizeDirections: v = co,
+    resize: E = ao
   } = d[t], O = g.useCallback(
     (R, T = !1) => e(n, R, T),
     [e, n]
@@ -3023,26 +3029,26 @@ const so = (e) => {
   g.useEffect(() => {
     c.current.className = u;
   }, [u]);
-  const y = ["item", n, Kn];
-  o && y.push("locked"), l && (y.push("selected"), y.push(Hn));
-  const C = y.join(" "), x = ({ width: R = 0, height: T = 0, keepRatio: j }) => {
+  const y = ["item", n, Hn];
+  o && y.push("locked"), l && (y.push("selected"), y.push(qn));
+  const x = y.join(" "), C = ({ width: R = 0, height: T = 0, keepRatio: D }) => {
     O((M) => {
-      const { offsetWidth: A, offsetHeight: B } = c.current;
+      const { offsetWidth: A, offsetHeight: Y } = c.current;
       return E({
         prevState: M,
         width: R,
         height: T,
-        actualHeight: B,
+        actualHeight: Y,
         actualWidth: A,
-        keepRatio: j
+        keepRatio: D
       });
     });
   }, p = ({ width: R }) => {
-    x({ width: R });
+    C({ width: R });
   }, _ = ({ height: R }) => {
-    x({ height: R });
+    C({ height: R });
   }, m = ({ width: R }) => {
-    x({ height: R, width: R, keepRatio: !0 });
+    C({ height: R, width: R, keepRatio: !0 });
   };
   return /* @__PURE__ */ k(
     "div",
@@ -3050,49 +3056,49 @@ const so = (e) => {
       style: { transform: `rotate(${r}deg` },
       "data-id": n,
       id: `${h}__${n}`,
-      className: C,
+      className: x,
       children: /* @__PURE__ */ le(
         "div",
         {
           style: { display: "flex" },
           ref: c,
-          onAnimationEnd: so,
+          onAnimationEnd: io,
           onKeyDown: (R) => R.stopPropagation(),
           onKeyUp: (R) => R.stopPropagation(),
           children: [
             /* @__PURE__ */ k(
-              oo,
+              so,
               {
                 itemId: n,
                 state: a,
-                ErrorComponent: ((w = d == null ? void 0 : d.error) == null ? void 0 : w.component) || no,
+                ErrorComponent: ((w = d == null ? void 0 : d.error) == null ? void 0 : w.component) || oo,
                 children: /* @__PURE__ */ k(S, { ...a, id: n, setState: O })
               }
             ),
-            /* @__PURE__ */ k("div", { className: `corner ${Ce} ${qn}` }),
-            /* @__PURE__ */ k("div", { className: `corner ${Ce} ${Gn}` }),
-            /* @__PURE__ */ k("div", { className: `corner ${Ce} ${Zn}` }),
-            /* @__PURE__ */ k("div", { className: `corner ${Ce} ${Jn}` }),
-            /* @__PURE__ */ k("div", { className: `center ${Ce} ${Qn}` }),
-            f && /* @__PURE__ */ le(Wr, { children: [
+            /* @__PURE__ */ k("div", { className: `corner ${xe} ${Gn}` }),
+            /* @__PURE__ */ k("div", { className: `corner ${xe} ${Jn}` }),
+            /* @__PURE__ */ k("div", { className: `corner ${xe} ${Qn}` }),
+            /* @__PURE__ */ k("div", { className: `corner ${xe} ${Zn}` }),
+            /* @__PURE__ */ k("div", { className: `center ${xe} ${eo}` }),
+            f && /* @__PURE__ */ le(Vr, { children: [
               v.b && /* @__PURE__ */ k(
-                ot,
+                st,
                 {
-                  className: `${st} ${ro}`,
+                  className: `${it} ${no}`,
                   onResize: m
                 }
               ),
               v.h && /* @__PURE__ */ k(
-                ot,
+                st,
                 {
-                  className: `${st} ${to}`,
+                  className: `${it} ${ro}`,
                   onResize: _
                 }
               ),
               v.w && /* @__PURE__ */ k(
-                ot,
+                st,
                 {
-                  className: `${st} ${eo}`,
+                  className: `${it} ${to}`,
                   onResize: p
                 }
               )
@@ -3102,8 +3108,8 @@ const so = (e) => {
       )
     }
   );
-}, uo = rr(
-  co,
+}, lo = nr(
+  uo,
   ({
     state: e,
     setState: t,
@@ -3114,11 +3120,11 @@ const so = (e) => {
     setState: s,
     isSelected: a,
     showResizeHandle: u
-  }) => r === a && n === u && t === s && Bn(e, o)
-), lo = (e) => e, fo = ({ state: e = {}, getCurrentUser: t, className: r, ...n }) => {
+  }) => r === a && n === u && t === s && Nn(e, o)
+), fo = (e) => e, po = ({ state: e = {}, getCurrentUser: t, className: r, ...n }) => {
   if (!n.itemMap[e.type])
     return null;
-  const { stateHook: o = lo } = n.itemMap[e.type], {
+  const { stateHook: o = fo } = n.itemMap[e.type], {
     x: s = 0,
     y: a = 0,
     layer: u = 0,
@@ -3134,7 +3140,7 @@ const so = (e) => {
         zIndex: f
       },
       children: /* @__PURE__ */ k(
-        uo,
+        lo,
         {
           ...n,
           showResizeHandle: n.isSelected && n.showResizeHandle,
@@ -3143,8 +3149,8 @@ const so = (e) => {
       )
     }
   );
-}, po = rr(fo), mo = () => {
-  const { updateItem: e } = gt(), [t, r] = oe((d) => [
+}, mo = nr(po), go = () => {
+  const { updateItem: e } = ht(), [t, r] = oe((d) => [
     d.itemIds,
     d.items
   ]), [n, o, s, a] = Z(
@@ -3162,7 +3168,7 @@ const so = (e) => {
     lineHeight: 0
   });
   return t.map((d) => /* @__PURE__ */ k(
-    po,
+    mo,
     {
       state: r[d],
       setState: e,
@@ -3176,21 +3182,21 @@ const so = (e) => {
     d
   ));
 };
-function go(e = !1) {
-  const t = Re(e), r = tr(() => t.current, []);
+function ho(e = !1) {
+  const t = Re(e), r = rr(() => t.current, []);
   return Pe(() => (t.current = !0, () => {
     t.current = !1;
   }), []), r;
 }
-function ho(e, ...t) {
+function vo(e, ...t) {
   e && e.addEventListener && e.addEventListener(...t);
 }
-function vo(e, ...t) {
+function yo(e, ...t) {
   e && e.removeEventListener && e.removeEventListener(...t);
 }
-const yo = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
+const So = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
 function ue(e, ...t) {
-  const r = go(), n = pt(t[1]), o = lt(
+  const r = ho(), n = mt(t[1]), o = ft(
     () => (
       // as some event listeners designed to be used through `this`
       // it is better to make listener a conventional function as it
@@ -3204,28 +3210,28 @@ function ue(e, ...t) {
     []
   );
   Pe(() => {
-    const s = e && yo(e, "current") ? e.current : e;
+    const s = e && So(e, "current") ? e.current : e;
     if (!s)
       return;
     const a = t.slice(2);
-    return ho(s, t[0], o, ...a), () => vo(s, t[0], o, ...a);
+    return vo(s, t[0], o, ...a), () => yo(s, t[0], o, ...a);
   }, [e, t[0]]);
 }
-const So = K({
+const _o = K({
   zIndex: 210,
   position: "absolute",
   backgroundColor: "hsla(0, 40%, 50%, 10%)",
   border: "2px solid hsl(0, 55%, 40%)"
-}), _o = (e, t, r = !1) => {
+}), bo = (e, t, r = !1) => {
   const n = t.getElementsByClassName("selector");
   if (!n.length)
     return [];
   const o = n[0];
   return Array.from(t.getElementsByClassName("item")).filter((s) => {
     const a = Te(s), u = e[a];
-    return !u || !r && u.locked ? !1 : on(s, o);
+    return !u || !r && u.locked ? !1 : sn(s, o);
   }).map((s) => Te(s));
-}, bo = ({ children: e, moveFirst: t }) => {
+}, Eo = ({ children: e, moveFirst: t }) => {
   const [
     r,
     n,
@@ -3241,7 +3247,7 @@ const So = K({
     m.getConfiguration,
     m.getBoardState,
     m.updateBoardState
-  ]), { findElementUnderPointer: l } = gt(), [d] = oe((m) => [m.getItems]), [f, c] = g.useState({}), [, h] = g.useTransition(), [S, v] = g.useState(!1), E = g.useRef(null), O = g.useRef({
+  ]), { findElementUnderPointer: l } = ht(), [d] = oe((m) => [m.getItems]), [f, c] = g.useState({}), [, h] = g.useTransition(), [S, v] = g.useState(!1), E = g.useRef(null), O = g.useRef({
     moving: !1
   });
   return ue(document, "keydown", (m) => {
@@ -3252,7 +3258,7 @@ const So = K({
     n();
   }), [n]), g.useEffect(() => {
     if (O.current.moving) {
-      const m = d(), { boardWrapper: w } = a(), R = _o(m, w, S);
+      const m = d(), { boardWrapper: w } = a(), R = bo(m, w, S);
       h(() => {
         o(R);
       });
@@ -3267,8 +3273,8 @@ const So = K({
       },
       onDrag: ({ distanceY: m, distanceX: w, startX: R, startY: T }) => {
         if (O.current.moving) {
-          const { top: j, left: M } = E.current.getBoundingClientRect(), A = R - M, B = T - j;
-          w > 0 ? (O.current.left = A, O.current.width = w) : (O.current.left = A + w, O.current.width = -w), m > 0 ? (O.current.top = B, O.current.height = m) : (O.current.top = B + m, O.current.height = -m), c({ ...O.current, moving: !0 });
+          const { top: D, left: M } = E.current.getBoundingClientRect(), A = R - M, Y = T - D;
+          w > 0 ? (O.current.left = A, O.current.width = w) : (O.current.left = A + w, O.current.width = -w), m > 0 ? (O.current.top = Y, O.current.height = m) : (O.current.top = Y + m, O.current.height = -m), c({ ...O.current, moving: !0 });
         }
       },
       onDragEnd: () => {
@@ -3277,17 +3283,17 @@ const So = K({
         }), O.current.moving = !1, c({ moving: !1 }), E.current.style.cursor = "auto");
       },
       onTap: (m) => {
-        const { target: w, ctrlKey: R, metaKey: T } = m, j = l(m);
-        if (!j && Oe(w, "board"))
+        const { target: w, ctrlKey: R, metaKey: T } = m, D = l(m);
+        if (!D && Oe(w, "board"))
           n();
         else {
-          const M = Te(j);
+          const M = Te(D);
           if (!M) {
             n();
             return;
           }
           const A = r();
-          j && !A.includes(M) && (R || T ? s([M]) : o([M]));
+          D && !A.includes(M) && (R || T ? s([M]) : o([M]));
         }
       },
       onLongTap: ({ target: m }) => {
@@ -3307,15 +3313,15 @@ const So = K({
               height: `${f.height}px`,
               width: `${f.width}px`
             },
-            className: `selector ${So}`
+            className: `selector ${_o}`
           }
         ),
         e
       ] })
     }
   );
-}, Eo = ({ children: e }) => {
-  const { moveItems: t, placeItems: r, findElementUnderPointer: n } = gt(), { vectorFromWrapperToBoard: o } = Me(), [s, a, u, l, d] = Z((y) => [
+}, wo = ({ children: e }) => {
+  const { moveItems: t, placeItems: r, findElementUnderPointer: n } = ht(), { vectorFromWrapperToBoard: o } = Me(), [s, a, u, l, d] = Z((y) => [
     y.select,
     y.setSelection,
     y.getSelection,
@@ -3324,20 +3330,20 @@ const So = K({
   ]), [f] = oe((y) => [y.getBoardConfig]), c = g.useRef({}), h = g.useRef({
     items: []
   }), S = (y) => {
-    const { ctrlKey: C, metaKey: x, event: p } = y, _ = n(y);
+    const { ctrlKey: x, metaKey: C, event: p } = y, _ = n(y);
     if (_) {
       p.stopPropagation();
       const m = u();
       h.current.items = m;
       const w = Te(_);
-      m.includes(w) || (C || x ? (h.current.items = [...m, w], s([w])) : (h.current.items = [w], a([w]))), Object.assign(c.current, {
+      m.includes(w) || (x || C ? (h.current.items = [...m, w], s([w])) : (h.current.items = [w], a([w]))), Object.assign(c.current, {
         moving: !0
       });
     }
-  }, v = ({ deltaX: y, deltaY: C, event: x }) => {
+  }, v = ({ deltaX: y, deltaY: x, event: C }) => {
     if (c.current.moving) {
-      x.stopPropagation();
-      const { movingItems: p } = l(), [_, m] = o(y, C);
+      C.stopPropagation();
+      const { movingItems: p } = l(), [_, m] = o(y, x);
       t(
         h.current.items,
         {
@@ -3349,19 +3355,19 @@ const So = K({
     }
   }, E = () => {
     if (c.current.moving) {
-      const { gridSize: y = 1 } = f(), C = y || 1;
+      const { gridSize: y = 1 } = f(), x = y || 1;
       c.current = { moving: !1 }, r(h.current.items, {
         type: "grid",
-        size: C
+        size: x
       }), d({ movingItems: !1 });
     }
   };
   return ue(document, "keydown", (y) => {
     if (["INPUT", "TEXTAREA"].includes(y.target.tagName))
       return;
-    const C = u();
-    if (C.length) {
-      const { gridSize: x = 1 } = f();
+    const x = u();
+    if (x.length) {
+      const { gridSize: C = 1 } = f();
       let p = 0, _ = 0;
       switch (y.key) {
         case "ArrowLeft":
@@ -3381,20 +3387,20 @@ const So = K({
         y.shiftKey && (p *= 5, _ *= 5), (y.ctrlKey || y.altKey || y.metaKey) && (p /= 10, _ /= 10);
         const [m, w] = o(p, _);
         t(
-          C,
+          x,
           {
             x: m,
             y: w
           },
           !0
-        ), r(C, {
+        ), r(x, {
           type: "grid",
-          size: x || 1
+          size: C || 1
         }), y.preventDefault();
       }
     }
   }), /* @__PURE__ */ k(Fe, { onDragStart: S, onDrag: v, onDragEnd: E, children: e });
-}, wo = (e) => {
+}, xo = (e) => {
   const t = g.useRef({ hover: !1, x: 0, y: 0 });
   return ue(e.current, "mousemove", (n) => {
     const { clientX: o, clientY: s } = n;
@@ -3404,7 +3410,7 @@ const So = K({
   }), ue(e.current, "mouseleave", () => {
     t.current.hover = !1;
   }), g.useCallback(() => t.current, []);
-}, Co = [...Array(5).keys()].map((e) => `Digit${e + 1}`), xo = () => {
+}, Co = [...Array(5).keys()].map((e) => `Digit${e + 1}`), Ro = () => {
   const [e, t] = g.useState({}), [r, n] = Z((o) => [
     o.getBoardState,
     o.updateBoardState
@@ -3418,7 +3424,7 @@ const So = K({
       })) : e[s] && n(e[s]), o.preventDefault();
     }
   }), null;
-}, Ro = ({ children: e, moveFirst: t = !1 }) => {
+}, Io = ({ children: e, moveFirst: t = !1 }) => {
   const r = g.useRef(null), [
     n,
     o,
@@ -3436,8 +3442,8 @@ const So = K({
     p.getConfiguration,
     p.updateBoardState,
     p.getSelection
-  ]), { zoomToCenter: l, zoomToExtent: d, moveBoard: f } = Me(), [c, h] = g.useState(!1), S = g.useRef({}), v = wo(r);
-  xo();
+  ]), { zoomToCenter: l, zoomToExtent: d, moveBoard: f } = Me(), [c, h] = g.useState(!1), S = g.useRef({}), v = xo(r);
+  Ro();
   const E = g.useCallback(() => {
     const { itemExtent: p } = s();
     d(p);
@@ -3456,7 +3462,7 @@ const So = K({
     })), clearTimeout(S.current.pan), S.current.pan = setTimeout(() => {
       a({ panning: !1 });
     }, 200), a({ panning: !0 });
-  }, C = (p) => {
+  }, x = (p) => {
     if (["INPUT", "TEXTAREA"].includes(p.target.tagName))
       return;
     let _ = 0, m = 0, w = 1;
@@ -3484,16 +3490,16 @@ const So = K({
       const R = u();
       if (w === 1 && R.length)
         return;
-      p.shiftKey && (_ *= 5, m *= 5), (p.ctrlKey || p.altKey || p.metaKey) && (_ /= 5, m /= 5), f(({ translateX: T, translateY: j }) => ({
+      p.shiftKey && (_ *= 5, m *= 5), (p.ctrlKey || p.altKey || p.metaKey) && (_ /= 5, m /= 5), f(({ translateX: T, translateY: D }) => ({
         translateX: T + _,
-        translateY: j + m
+        translateY: D + m
       })), l({ factor: w }), p.preventDefault();
     }
     p.key === " " && !p.repeat && v().hover && l({ factor: 3, to: v() });
-  }, x = (p) => {
+  }, C = (p) => {
     ["INPUT", "TEXTAREA"].includes(p.target.tagName) || p.key === " " && v().hover && l({ factor: 1 / 3, to: v() });
   };
-  return ue(document, "keydown", C), ue(document, "keyup", x), /* @__PURE__ */ k(
+  return ue(document, "keydown", x), ue(document, "keyup", C), /* @__PURE__ */ k(
     Fe,
     {
       onPan: y,
@@ -3514,7 +3520,7 @@ const So = K({
       )
     }
   );
-}, Io = K({
+}, Oo = K({
   position: "absolute",
   top: 0,
   left: 0,
@@ -3522,7 +3528,7 @@ const So = K({
   backgroundColor: "hsla(0, 40%, 50%, 0%)",
   border: "2px dashed hsl(20, 55%, 40%)",
   pointerEvents: "none"
-}), Oo = () => {
+}), To = () => {
   const [
     e,
     t,
@@ -3547,19 +3553,19 @@ const So = K({
       n(null);
       return;
     }
-    const v = sn(c, S);
+    const v = an(c, S);
     if (!v) {
       n(null);
       return;
     }
-    const { left: E, top: O, width: y, height: C } = v, x = {
+    const { left: E, top: O, width: y, height: x } = v, C = {
       left: E - h.left,
       top: O - h.top,
-      height: C,
+      height: x,
       width: y
     };
-    n(x);
-  }, [o, t, n]), f = mt(d, [d], 300);
+    n(C);
+  }, [o, t, n]), f = gt(d, [d], 300);
   return g.useEffect(() => {
     d(), f();
   }, [
@@ -3578,16 +3584,16 @@ const So = K({
         height: `${r.height}px`,
         width: `${r.width}px`
       },
-      className: `selection ${Io}`
+      className: `selection ${Oo}`
     }
   );
-}, To = () => {
+}, ko = () => {
   const [e] = Z((t) => [t.boardState.movingItems]);
-  return e ? null : /* @__PURE__ */ k(Oo, {});
-}, ko = typeof window < "u" && typeof navigator < "u" && typeof document < "u";
+  return e ? null : /* @__PURE__ */ k(To, {});
+}, Po = typeof window < "u" && typeof navigator < "u" && typeof document < "u";
 let Le;
-function Po() {
-  if (!ko)
+function Mo() {
+  if (!Po)
     return;
   if (Le)
     return Le;
@@ -3609,8 +3615,8 @@ function Po() {
     }
   }, Le;
 }
-function Mo(e, t, r = !0) {
-  const n = r && Po(), o = pt(t), s = e && "current" in e ? e.current : e;
+function Do(e, t, r = !0) {
+  const n = r && Mo(), o = mt(t), s = e && "current" in e ? e.current : e;
   Pe(() => {
     const a = e && "current" in e ? e.current : e;
     if (!n || !a)
@@ -3624,7 +3630,7 @@ function Mo(e, t, r = !0) {
     };
   }, [s, n]);
 }
-function Zt(e, t, r) {
+function Qt(e, t, r) {
   return Math.min(Math.max(e, r), t);
 }
 class jo extends Error {
@@ -3632,25 +3638,25 @@ class jo extends Error {
     super(`Failed to parse color: "${t}"`);
   }
 }
-var xe = jo;
-function Do(e) {
+var Ce = jo;
+function $o(e) {
   if (typeof e != "string")
-    throw new xe(e);
+    throw new Ce(e);
   if (e.trim().toLowerCase() === "transparent")
     return [0, 0, 0, 0];
   let t = e.trim();
-  t = No.test(e) ? Lo(e) : e;
-  const r = zo.exec(t);
+  t = Uo.test(e) ? zo(e) : e;
+  const r = Yo.exec(t);
   if (r) {
     const a = Array.from(r).slice(1);
     return [...a.slice(0, 3).map((u) => parseInt(ke(u, 2), 16)), parseInt(ke(a[3] || "f", 2), 16) / 255];
   }
-  const n = Yo.exec(t);
+  const n = Bo.exec(t);
   if (n) {
     const a = Array.from(n).slice(1);
     return [...a.slice(0, 3).map((u) => parseInt(u, 16)), parseInt(a[3] || "ff", 16) / 255];
   }
-  const o = Bo.exec(t);
+  const o = No.exec(t);
   if (o) {
     const a = Array.from(o).slice(1);
     return [...a.slice(0, 3).map((u) => parseInt(u, 10)), parseFloat(a[3] || "1")];
@@ -3658,63 +3664,63 @@ function Do(e) {
   const s = Xo.exec(t);
   if (s) {
     const [a, u, l, d] = Array.from(s).slice(1).map(parseFloat);
-    if (Zt(0, 100, u) !== u)
-      throw new xe(e);
-    if (Zt(0, 100, l) !== l)
-      throw new xe(e);
-    return [...Uo(a, u, l), Number.isNaN(d) ? 1 : d];
+    if (Qt(0, 100, u) !== u)
+      throw new Ce(e);
+    if (Qt(0, 100, l) !== l)
+      throw new Ce(e);
+    return [...Wo(a, u, l), Number.isNaN(d) ? 1 : d];
   }
-  throw new xe(e);
+  throw new Ce(e);
 }
-function $o(e) {
+function Ao(e) {
   let t = 5381, r = e.length;
   for (; r; )
     t = t * 33 ^ e.charCodeAt(--r);
   return (t >>> 0) % 2341;
 }
-const Qt = (e) => parseInt(e.replace(/_/g, ""), 36), Ao = "1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((e, t) => {
-  const r = Qt(t.substring(0, 3)), n = Qt(t.substring(3)).toString(16);
+const er = (e) => parseInt(e.replace(/_/g, ""), 36), Lo = "1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((e, t) => {
+  const r = er(t.substring(0, 3)), n = er(t.substring(3)).toString(16);
   let o = "";
   for (let s = 0; s < 6 - n.length; s++)
     o += "0";
   return e[r] = `${o}${n}`, e;
 }, {});
-function Lo(e) {
-  const t = e.toLowerCase().trim(), r = Ao[$o(t)];
+function zo(e) {
+  const t = e.toLowerCase().trim(), r = Lo[Ao(t)];
   if (!r)
-    throw new xe(e);
+    throw new Ce(e);
   return `#${r}`;
 }
-const ke = (e, t) => Array.from(Array(t)).map(() => e).join(""), zo = new RegExp(`^#${ke("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), Yo = new RegExp(`^#${ke("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), Bo = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ke(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), Xo = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, No = /^[a-z]+$/i, er = (e) => Math.round(e * 255), Uo = (e, t, r) => {
+const ke = (e, t) => Array.from(Array(t)).map(() => e).join(""), Yo = new RegExp(`^#${ke("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), Bo = new RegExp(`^#${ke("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), No = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ke(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), Xo = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, Uo = /^[a-z]+$/i, tr = (e) => Math.round(e * 255), Wo = (e, t, r) => {
   let n = r / 100;
   if (t === 0)
-    return [n, n, n].map(er);
+    return [n, n, n].map(tr);
   const o = (e % 360 + 360) % 360 / 60, s = (1 - Math.abs(2 * n - 1)) * (t / 100), a = s * (1 - Math.abs(o % 2 - 1));
   let u = 0, l = 0, d = 0;
   o >= 0 && o < 1 ? (u = s, l = a) : o >= 1 && o < 2 ? (u = a, l = s) : o >= 2 && o < 3 ? (l = s, d = a) : o >= 3 && o < 4 ? (l = a, d = s) : o >= 4 && o < 5 ? (u = a, d = s) : o >= 5 && o < 6 && (u = s, d = a);
   const f = n - s / 2, c = u + f, h = l + f, S = d + f;
-  return [c, h, S].map(er);
+  return [c, h, S].map(tr);
 };
-function Wo(e) {
+function Vo(e) {
   if (e === "transparent")
     return 0;
   function t(s) {
     const a = s / 255;
     return a <= 0.03928 ? a / 12.92 : Math.pow((a + 0.055) / 1.055, 2.4);
   }
-  const [r, n, o] = Do(e);
+  const [r, n, o] = $o(e);
   return 0.2126 * t(r) + 0.7152 * t(n) + 0.0722 * t(o);
 }
-function Vo(e) {
-  return Wo(e) > 0.179;
+function Fo(e) {
+  return Vo(e) > 0.179;
 }
-const Fo = K({
+const Ko = K({
   display: "flex",
   flexDirection: "row",
   alignItems: "center",
   zIndex: 210,
   pointerEvents: "none"
-}), Ko = K({
+}), Ho = K({
   fontWeight: "bold",
   padding: "0 0.5em",
   borderRadius: "2px",
@@ -3725,9 +3731,9 @@ const Fo = K({
   marginTop: "1.7em",
   whitespace: "nowrap",
   pointerEvents: "none"
-}), Ho = ({ color: e = "#666", size: t = 40, text: r }) => {
-  const n = Vo(e) ? "#222" : "#EEE";
-  return /* @__PURE__ */ le("div", { className: Fo, children: [
+}), qo = ({ color: e = "#666", size: t = 40, text: r }) => {
+  const n = Fo(e) ? "#222" : "#EEE";
+  return /* @__PURE__ */ le("div", { className: Ko, children: [
     /* @__PURE__ */ le(
       "svg",
       {
@@ -3767,27 +3773,27 @@ const Fo = K({
           color: n,
           backgroundColor: e
         },
-        className: Ko,
+        className: Ho,
         children: r
       }
     )
   ] });
-}, qo = g.memo(Ho), Go = K({
+}, Go = g.memo(qo), Jo = K({
   top: 0,
   left: 0,
   zIndex: 210,
   position: "fixed",
   pointerEvents: "none"
-}), Jo = ({ pos: e, ...t }) => /* @__PURE__ */ k(
+}), Zo = ({ pos: e, ...t }) => /* @__PURE__ */ k(
   "div",
   {
-    className: Go,
+    className: Jo,
     style: {
       transform: `translate(${e.x - 6}px, ${e.y - 15}px)`
     },
-    children: /* @__PURE__ */ k(qo, { ...t })
+    children: /* @__PURE__ */ k(Go, { ...t })
   }
-), Zo = ({ children: e }) => {
+), Qo = ({ children: e }) => {
   const [t] = Z((v) => [
     v.getConfiguration,
     v.boardState.scale
@@ -3814,14 +3820,14 @@ const Fo = K({
   return /* @__PURE__ */ le("div", { onPointerMove: c, onPointerLeave: h, children: [
     e,
     Object.entries(S).map(([v, E]) => {
-      const [O, y] = n(E.x, E.y), C = {
+      const [O, y] = n(E.x, E.y), x = {
         x: O + f.left,
         y: y + f.top
       };
-      return ft(C, f) ? /* @__PURE__ */ k(
-        Jo,
+      return dt(x, f) ? /* @__PURE__ */ k(
+        Zo,
         {
-          pos: C,
+          pos: x,
           text: u[v].name,
           color: u[v].color
         },
@@ -3829,19 +3835,19 @@ const Fo = K({
       ) : null;
     })
   ] });
-}, Qo = ({ children: e }) => e, es = {
+}, es = ({ children: e }) => e, ts = {
   overflow: "hidden",
   position: "absolute",
   inset: 0
-}, hs = ({
+}, vs = ({
   moveFirst: e = !0,
   style: t,
   wrapperStyle: r,
   itemTemplates: n = {},
-  boardSize: o = cr,
+  boardSize: o = ur,
   children: s,
   showResizeHandle: a = !1,
-  Wrapper: u = Qo
+  Wrapper: u = es
 }) => {
   const l = g.useRef(null), [d, f] = Z((v) => [
     v.config.uid,
@@ -3878,12 +3884,12 @@ const Fo = K({
     f({
       boardWrapperRect: l.current.getBoundingClientRect()
     }), c(), setTimeout(c, 2e3);
-  }, [f, c]), Mo(l, () => {
+  }, [f, c]), Do(l, () => {
     l.current && f({
       boardWrapperRect: l.current.getBoundingClientRect()
     });
   });
-  const S = K({ ...es, ...r });
+  const S = K({ ...ts, ...r });
   return /* @__PURE__ */ le(
     "div",
     {
@@ -3891,7 +3897,7 @@ const Fo = K({
       id: d,
       className: `sync-board ${S}`,
       children: [
-        /* @__PURE__ */ k(Zo, { children: /* @__PURE__ */ k(bo, { moveFirst: e, children: /* @__PURE__ */ k(Ro, { moveFirst: e, children: /* @__PURE__ */ k(Eo, { moveFirst: e, children: /* @__PURE__ */ k(u, { children: /* @__PURE__ */ le(
+        /* @__PURE__ */ k(Qo, { children: /* @__PURE__ */ k(Eo, { moveFirst: e, children: /* @__PURE__ */ k(Io, { moveFirst: e, children: /* @__PURE__ */ k(wo, { moveFirst: e, children: /* @__PURE__ */ k(u, { children: /* @__PURE__ */ le(
           "div",
           {
             onContextMenu: (v) => {
@@ -3900,35 +3906,35 @@ const Fo = K({
             style: h,
             className: "board",
             children: [
-              /* @__PURE__ */ k(mo, {}),
+              /* @__PURE__ */ k(go, {}),
               s
             ]
           }
         ) }) }) }) }) }),
-        /* @__PURE__ */ k(To, {})
+        /* @__PURE__ */ k(ko, {})
       ]
     }
   );
 };
-Yn(g.createElement);
+Bn(g.createElement);
 export {
-  hs as Board,
-  ms as BoardWrapper,
-  gs as RoomWrapper,
-  as as useAvailableActions,
-  ls as useBoardConfig,
+  vs as Board,
+  gs as BoardWrapper,
+  hs as RoomWrapper,
+  cs as useAvailableActions,
+  fs as useBoardConfig,
   Me as useBoardPosition,
-  fs as useBoardState,
-  os as useDebouncedItems,
-  is as useGetSelectedItems,
-  gt as useItemActions,
-  Vt as useItemInteraction,
-  ns as useItems,
-  ps as useMessage,
-  ss as useSelectedItems,
-  cs as useSelectionBox,
-  ds as useSessionInfo,
-  us as useUsers,
-  Ne as useWire
+  ds as useBoardState,
+  ss as useDebouncedItems,
+  as as useGetSelectedItems,
+  ht as useItemActions,
+  Ft as useItemInteraction,
+  os as useItems,
+  ms as useMessage,
+  is as useSelectedItems,
+  us as useSelectionBox,
+  ps as useSessionInfo,
+  ls as useUsers,
+  Xe as useWire
 };
 //# sourceMappingURL=react-sync-board.js.map