react-sync-board 1.2.3 → 1.2.5

package/dist/react-sync-board.js

@@ -28,19 +28,19 @@ function Xr() {
     return Ee;
   Pt = 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 c(u, l, d) {
-    var f, a = {}, h = null, _ = null;
+  function a(u, l, d) {
+    var f, c = {}, h = null, _ = null;
     d !== void 0 && (h = "" + d), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (_ = l.ref);
     for (f in l)
-      n.call(l, f) && !s.hasOwnProperty(f) && (a[f] = l[f]);
+      n.call(l, f) && !s.hasOwnProperty(f) && (c[f] = l[f]);
     if (u && u.defaultProps)
       for (f in l = u.defaultProps, l)
-        a[f] === void 0 && (a[f] = l[f]);
-    return { $$typeof: t, type: u, key: h, ref: _, props: a, _owner: o.current };
+        c[f] === void 0 && (c[f] = l[f]);
+    return { $$typeof: t, type: u, key: h, ref: _, props: c, _owner: o.current };
   }
-  return Ee.Fragment = r, Ee.jsx = c, Ee.jsxs = c, Ee;
+  return Ee.Fragment = r, Ee.jsx = a, Ee.jsxs = a, Ee;
 }
-var Ce = {};
+var we = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -53,7 +53,7 @@ var Ce = {};
 var Mt;
 function Ur() {
   return Mt || (Mt = 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"), c = 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"), a = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), v = Symbol.iterator, E = "@@iterator";
+    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"), _ = Symbol.for("react.offscreen"), v = Symbol.iterator, E = "@@iterator";
     function I(i) {
       if (i === null || typeof i != "object")
         return null;
@@ -61,46 +61,46 @@ function Ur() {
       return typeof b == "function" ? b : null;
     }
     var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function w(i) {
+    function C(i) {
       {
-        for (var b = arguments.length, R = new Array(b > 1 ? b - 1 : 0), j = 1; j < b; j++)
-          R[j - 1] = arguments[j];
+        for (var b = arguments.length, R = new Array(b > 1 ? b - 1 : 0), D = 1; D < b; D++)
+          R[D - 1] = arguments[D];
         x("error", i, R);
       }
     }
     function x(i, b, R) {
       {
-        var j = y.ReactDebugCurrentFrame, X = j.getStackAddendum();
+        var D = y.ReactDebugCurrentFrame, X = D.getStackAddendum();
         X !== "" && (b += "%s", R = R.concat([X]));
-        var W = R.map(function(Y) {
-          return String(Y);
+        var W = R.map(function(B) {
+          return String(B);
         });
         W.unshift("Warning: " + b), Function.prototype.apply.call(console[i], console, W);
       }
     }
-    var p = !1, C = !1, m = !1, S = !1, O = !1, k;
+    var p = !1, w = !1, m = !1, S = !1, O = !1, k;
     k = Symbol.for("react.module.reference");
-    function D(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === s || O || i === o || i === d || i === f || S || i === _ || p || C || m || typeof i == "object" && i !== null && (i.$$typeof === h || i.$$typeof === a || i.$$typeof === c || i.$$typeof === u || i.$$typeof === l || // This needs to include all possible module reference object
+    function j(i) {
+      return !!(typeof i == "string" || typeof i == "function" || i === n || i === s || O || i === o || i === d || i === f || S || i === _ || p || w || 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
       // with.
       i.$$typeof === k || i.getModuleId !== void 0));
     }
     function M(i, b, R) {
-      var j = i.displayName;
-      if (j)
-        return j;
+      var D = i.displayName;
+      if (D)
+        return D;
       var X = b.displayName || b.name || "";
       return X !== "" ? R + "(" + X + ")" : R;
     }
-    function L(i) {
+    function A(i) {
       return i.displayName || "Context";
     }
     function N(i) {
       if (i == null)
         return null;
-      if (typeof i.tag == "number" && w("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" && C("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;
@@ -122,19 +122,19 @@ function Ur() {
         switch (i.$$typeof) {
           case u:
             var b = i;
-            return L(b) + ".Consumer";
-          case c:
+            return A(b) + ".Consumer";
+          case a:
             var R = i;
-            return L(R._context) + ".Provider";
+            return A(R._context) + ".Provider";
           case l:
             return M(i, i.render, "ForwardRef");
-          case a:
-            var j = i.displayName || null;
-            return j !== null ? j : N(i.type) || "Memo";
+          case c:
+            var D = i.displayName || null;
+            return D !== null ? D : N(i.type) || "Memo";
           case h: {
-            var X = i, W = X._payload, Y = X._init;
+            var X = i, W = X._payload, B = X._init;
             try {
-              return N(Y(W));
+              return N(B(W));
             } catch {
               return null;
             }
@@ -142,18 +142,18 @@ function Ur() {
         }
       return null;
     }
-    var U = Object.assign, J = 0, P, $, B, V, A, K, F;
-    function ee() {
+    var U = Object.assign, J = 0, P, $, z, V, Y, F, H;
+    function te() {
     }
-    ee.__reactDisabledLog = !0;
-    function oe() {
+    te.__reactDisabledLog = !0;
+    function Z() {
       {
         if (J === 0) {
-          P = console.log, $ = console.info, B = console.warn, V = console.error, A = console.group, K = console.groupCollapsed, F = console.groupEnd;
+          P = console.log, $ = console.info, z = console.warn, V = console.error, Y = console.group, F = console.groupCollapsed, H = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
-            value: ee,
+            value: te,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -169,7 +169,7 @@ function Ur() {
         J++;
       }
     }
-    function le() {
+    function ne() {
       {
         if (J--, J === 0) {
           var i = {
@@ -185,114 +185,114 @@ function Ur() {
               value: $
             }),
             warn: U({}, i, {
-              value: B
+              value: z
             }),
             error: U({}, i, {
               value: V
             }),
             group: U({}, i, {
-              value: A
+              value: Y
             }),
             groupCollapsed: U({}, i, {
-              value: K
+              value: F
             }),
             groupEnd: U({}, i, {
-              value: F
+              value: H
             })
           });
         }
-        J < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        J < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var se = y.ReactCurrentDispatcher, me;
+    var ie = y.ReactCurrentDispatcher, me;
     function ge(i, b, R) {
       {
         if (me === void 0)
           try {
             throw Error();
           } catch (X) {
-            var j = X.stack.trim().match(/\n( *(at )?)/);
-            me = j && j[1] || "";
+            var D = X.stack.trim().match(/\n( *(at )?)/);
+            me = D && D[1] || "";
           }
         return `
 ` + me + i;
       }
     }
-    var Ke = !1, De;
+    var Ke = !1, je;
     {
       var mr = typeof WeakMap == "function" ? WeakMap : Map;
-      De = new mr();
+      je = new mr();
     }
     function ht(i, b) {
       if (!i || Ke)
         return "";
       {
-        var R = De.get(i);
+        var R = je.get(i);
         if (R !== void 0)
           return R;
       }
-      var j;
+      var D;
       Ke = !0;
       var X = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var W;
-      W = se.current, se.current = null, oe();
+      W = ie.current, ie.current = null, Z();
       try {
         if (b) {
-          var Y = function() {
+          var B = function() {
             throw Error();
           };
-          if (Object.defineProperty(Y.prototype, "props", {
+          if (Object.defineProperty(B.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(Y, []);
-            } catch (ie) {
-              j = ie;
+              Reflect.construct(B, []);
+            } catch (ae) {
+              D = ae;
             }
-            Reflect.construct(i, [], Y);
+            Reflect.construct(i, [], B);
           } else {
             try {
-              Y.call();
-            } catch (ie) {
-              j = ie;
+              B.call();
+            } catch (ae) {
+              D = ae;
             }
-            i.call(Y.prototype);
+            i.call(B.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ie) {
-            j = ie;
+          } catch (ae) {
+            D = ae;
           }
           i();
         }
-      } catch (ie) {
-        if (ie && j && typeof ie.stack == "string") {
-          for (var z = ie.stack.split(`
-`), Q = j.stack.split(`
-`), q = z.length - 1, G = Q.length - 1; q >= 1 && G >= 0 && z[q] !== Q[G]; )
+      } catch (ae) {
+        if (ae && D && typeof ae.stack == "string") {
+          for (var L = ae.stack.split(`
+`), ee = D.stack.split(`
+`), q = L.length - 1, G = ee.length - 1; q >= 1 && G >= 0 && L[q] !== ee[G]; )
             G--;
           for (; q >= 1 && G >= 0; q--, G--)
-            if (z[q] !== Q[G]) {
+            if (L[q] !== ee[G]) {
               if (q !== 1 || G !== 1)
                 do
-                  if (q--, G--, G < 0 || z[q] !== Q[G]) {
-                    var te = `
-` + z[q].replace(" at new ", " at ");
-                    return i.displayName && te.includes("<anonymous>") && (te = te.replace("<anonymous>", i.displayName)), typeof i == "function" && De.set(i, te), te;
+                  if (q--, G--, G < 0 || L[q] !== ee[G]) {
+                    var re = `
+` + L[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;
                   }
                 while (q >= 1 && G >= 0);
               break;
             }
         }
       } finally {
-        Ke = !1, se.current = W, le(), Error.prepareStackTrace = X;
+        Ke = !1, ie.current = W, ne(), Error.prepareStackTrace = X;
       }
       var ve = i ? i.displayName || i.name : "", Tt = ve ? ge(ve) : "";
-      return typeof i == "function" && De.set(i, Tt), Tt;
+      return typeof i == "function" && je.set(i, Tt), Tt;
     }
     function gr(i, b, R) {
       return ht(i, !1);
@@ -301,7 +301,7 @@ function Ur() {
       var b = i.prototype;
       return !!(b && b.isReactComponent);
     }
-    function je(i, b, R) {
+    function De(i, b, R) {
       if (i == null)
         return "";
       if (typeof i == "function")
@@ -318,12 +318,12 @@ function Ur() {
         switch (i.$$typeof) {
           case l:
             return gr(i.render);
-          case a:
-            return je(i.type, b, R);
+          case c:
+            return De(i.type, b, R);
           case h: {
-            var j = i, X = j._payload, W = j._init;
+            var D = i, X = D._payload, W = D._init;
             try {
-              return je(W(X), b, R);
+              return De(W(X), b, R);
             } catch {
             }
           }
@@ -333,27 +333,27 @@ function Ur() {
     var $e = Object.prototype.hasOwnProperty, vt = {}, yt = y.ReactDebugCurrentFrame;
     function Ae(i) {
       if (i) {
-        var b = i._owner, R = je(i.type, i._source, b ? b.type : null);
+        var b = i._owner, R = De(i.type, i._source, b ? b.type : null);
         yt.setExtraStackFrame(R);
       } else
         yt.setExtraStackFrame(null);
     }
-    function vr(i, b, R, j, X) {
+    function vr(i, b, R, D, X) {
       {
         var W = Function.call.bind($e);
-        for (var Y in i)
-          if (W(i, Y)) {
-            var z = void 0;
+        for (var B in i)
+          if (W(i, B)) {
+            var L = void 0;
             try {
-              if (typeof i[Y] != "function") {
-                var Q = Error((j || "React class") + ": " + R + " type `" + Y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[Y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw Q.name = "Invariant Violation", Q;
+              if (typeof i[B] != "function") {
+                var ee = Error((D || "React class") + ": " + R + " type `" + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[B] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ee.name = "Invariant Violation", ee;
               }
-              z = i[Y](b, Y, j, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              L = i[B](b, B, D, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (q) {
-              z = q;
+              L = q;
             }
-            z && !(z instanceof Error) && (Ae(X), w("%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", R, Y, typeof z), Ae(null)), z instanceof Error && !(z.message in vt) && (vt[z.message] = !0, Ae(X), w("Failed %s type: %s", R, z.message), Ae(null));
+            L && !(L instanceof Error) && (Ae(X), 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", R, B, typeof L), Ae(null)), L instanceof Error && !(L.message in vt) && (vt[L.message] = !0, Ae(X), C("Failed %s type: %s", R, L.message), Ae(null));
           }
       }
     }
@@ -379,7 +379,7 @@ function Ur() {
     }
     function _t(i) {
       if (_r(i))
-        return w("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);
+        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);
     }
     var be = y.ReactCurrentOwner, br = {
       key: !0,
@@ -396,7 +396,7 @@ function Ur() {
       }
       return i.ref !== void 0;
     }
-    function Cr(i) {
+    function wr(i) {
       if ($e.call(i, "key")) {
         var b = Object.getOwnPropertyDescriptor(i, "key").get;
         if (b && b.isReactWarning)
@@ -404,16 +404,16 @@ function Ur() {
       }
       return i.key !== void 0;
     }
-    function wr(i, b) {
+    function Cr(i, b) {
       if (typeof i.ref == "string" && be.current && b && be.current.stateNode !== b) {
         var R = N(be.current.type);
-        qe[R] || (w('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', N(be.current.type), i.ref), qe[R] = !0);
+        qe[R] || (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', N(be.current.type), i.ref), qe[R] = !0);
       }
     }
     function xr(i, b) {
       {
         var R = function() {
-          bt || (bt = !0, w("%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));
+          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));
         };
         R.isReactWarning = !0, Object.defineProperty(i, "key", {
           get: R,
@@ -424,7 +424,7 @@ function Ur() {
     function Rr(i, b) {
       {
         var R = function() {
-          Et || (Et = !0, w("%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));
+          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));
         };
         R.isReactWarning = !0, Object.defineProperty(i, "ref", {
           get: R,
@@ -432,67 +432,67 @@ function Ur() {
         });
       }
     }
-    var Ir = function(i, b, R, j, X, W, Y) {
-      var z = {
+    var Ir = function(i, b, R, D, X, W, B) {
+      var L = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: i,
         key: b,
         ref: R,
-        props: Y,
+        props: B,
         // Record the component responsible for creating this element.
         _owner: W
       };
-      return z._store = {}, Object.defineProperty(z._store, "validated", {
+      return L._store = {}, Object.defineProperty(L._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(z, "_self", {
+      }), Object.defineProperty(L, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
-      }), Object.defineProperty(z, "_source", {
+        value: D
+      }), Object.defineProperty(L, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: X
-      }), Object.freeze && (Object.freeze(z.props), Object.freeze(z)), z;
+      }), Object.freeze && (Object.freeze(L.props), Object.freeze(L)), L;
     };
-    function Or(i, b, R, j, X) {
+    function Or(i, b, R, D, X) {
       {
-        var W, Y = {}, z = null, Q = null;
-        R !== void 0 && (_t(R), z = "" + R), Cr(b) && (_t(b.key), z = "" + b.key), Er(b) && (Q = b.ref, wr(b, X));
+        var W, B = {}, L = null, ee = null;
+        R !== void 0 && (_t(R), L = "" + R), wr(b) && (_t(b.key), L = "" + b.key), Er(b) && (ee = b.ref, Cr(b, X));
         for (W in b)
-          $e.call(b, W) && !br.hasOwnProperty(W) && (Y[W] = b[W]);
+          $e.call(b, W) && !br.hasOwnProperty(W) && (B[W] = b[W]);
         if (i && i.defaultProps) {
           var q = i.defaultProps;
           for (W in q)
-            Y[W] === void 0 && (Y[W] = q[W]);
+            B[W] === void 0 && (B[W] = q[W]);
         }
-        if (z || Q) {
+        if (L || ee) {
           var G = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          z && xr(Y, G), Q && Rr(Y, G);
+          L && xr(B, G), ee && Rr(B, G);
         }
-        return Ir(i, z, Q, X, j, be.current, Y);
+        return Ir(i, L, ee, X, D, be.current, B);
       }
     }
-    var Ge = y.ReactCurrentOwner, Ct = y.ReactDebugCurrentFrame;
+    var Ge = y.ReactCurrentOwner, wt = y.ReactDebugCurrentFrame;
     function he(i) {
       if (i) {
-        var b = i._owner, R = je(i.type, i._source, b ? b.type : null);
-        Ct.setExtraStackFrame(R);
+        var b = i._owner, R = De(i.type, i._source, b ? b.type : null);
+        wt.setExtraStackFrame(R);
       } else
-        Ct.setExtraStackFrame(null);
+        wt.setExtraStackFrame(null);
     }
     var Je;
     Je = !1;
     function Ze(i) {
       return typeof i == "object" && i !== null && i.$$typeof === t;
     }
-    function wt() {
+    function Ct() {
       {
         if (Ge.current) {
           var i = N(Ge.current.type);
@@ -518,7 +518,7 @@ Check your code at ` + b + ":" + R + ".";
     var xt = {};
     function kr(i) {
       {
-        var b = wt();
+        var b = Ct();
         if (!b) {
           var R = typeof i == "string" ? i : i.displayName || i.name;
           R && (b = `
@@ -537,8 +537,8 @@ Check the top-level render call using <` + R + ">.");
         if (xt[R])
           return;
         xt[R] = !0;
-        var j = "";
-        i && i._owner && i._owner !== Ge.current && (j = " It was passed a child from " + N(i._owner.type) + "."), he(i), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', R, j), he(null);
+        var D = "";
+        i && i._owner && i._owner !== Ge.current && (D = " It was passed a child from " + N(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.', R, D), he(null);
       }
     }
     function It(i, b) {
@@ -547,16 +547,16 @@ Check the top-level render call using <` + R + ">.");
           return;
         if (He(i))
           for (var R = 0; R < i.length; R++) {
-            var j = i[R];
-            Ze(j) && Rt(j, b);
+            var D = i[R];
+            Ze(D) && Rt(D, b);
           }
         else if (Ze(i))
           i._store && (i._store.validated = !0);
         else if (i) {
           var X = I(i);
           if (typeof X == "function" && X !== i.entries)
-            for (var W = X.call(i), Y; !(Y = W.next()).done; )
-              Ze(Y.value) && Rt(Y.value, b);
+            for (var W = X.call(i), B; !(B = W.next()).done; )
+              Ze(B.value) && Rt(B.value, b);
         }
       }
     }
@@ -570,77 +570,77 @@ Check the top-level render call using <` + R + ">.");
           R = b.propTypes;
         else if (typeof b == "object" && (b.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        b.$$typeof === a))
+        b.$$typeof === c))
           R = b.propTypes;
         else
           return;
         if (R) {
-          var j = N(b);
-          vr(R, i.props, "prop", j, i);
+          var D = N(b);
+          vr(R, i.props, "prop", D, i);
         } else if (b.PropTypes !== void 0 && !Je) {
           Je = !0;
           var X = N(b);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", X || "Unknown");
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", X || "Unknown");
         }
-        typeof b.getDefaultProps == "function" && !b.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof b.getDefaultProps == "function" && !b.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Mr(i) {
       {
         for (var b = Object.keys(i.props), R = 0; R < b.length; R++) {
-          var j = b[R];
-          if (j !== "children" && j !== "key") {
-            he(i), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", j), he(null);
+          var D = b[R];
+          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);
             break;
           }
         }
-        i.ref !== null && (he(i), w("Invalid attribute `ref` supplied to `React.Fragment`."), he(null));
+        i.ref !== null && (he(i), C("Invalid attribute `ref` supplied to `React.Fragment`."), he(null));
       }
     }
-    function Ot(i, b, R, j, X, W) {
+    function Ot(i, b, R, D, X, W) {
       {
-        var Y = D(i);
-        if (!Y) {
-          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 Q = Tr(X);
-          Q ? z += Q : z += wt();
+        var B = j(i);
+        if (!B) {
+          var L = "";
+          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (L += " 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(X);
+          ee ? L += ee : L += Ct();
           var q;
-          i === null ? q = "null" : He(i) ? q = "array" : i !== void 0 && i.$$typeof === t ? (q = "<" + (N(i.type) || "Unknown") + " />", z = " Did you accidentally export a JSX literal instead of a component?") : q = typeof i, w("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 = "<" + (N(i.type) || "Unknown") + " />", L = " 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, L);
         }
         var G = Or(i, b, R, X, W);
         if (G == null)
           return G;
-        if (Y) {
-          var te = b.children;
-          if (te !== void 0)
-            if (j)
-              if (He(te)) {
-                for (var ve = 0; ve < te.length; ve++)
-                  It(te[ve], i);
-                Object.freeze && Object.freeze(te);
+        if (B) {
+          var re = b.children;
+          if (re !== void 0)
+            if (D)
+              if (He(re)) {
+                for (var ve = 0; ve < re.length; ve++)
+                  It(re[ve], i);
+                Object.freeze && Object.freeze(re);
               } else
-                w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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.");
             else
-              It(te, i);
+              It(re, i);
         }
         return i === n ? Mr(G) : Pr(G), G;
       }
     }
-    function Dr(i, b, R) {
+    function jr(i, b, R) {
       return Ot(i, b, R, !0);
     }
-    function jr(i, b, R) {
+    function Dr(i, b, R) {
       return Ot(i, b, R, !1);
     }
-    var $r = jr, Ar = Dr;
-    Ce.Fragment = n, Ce.jsx = $r, Ce.jsxs = Ar;
-  }()), Ce;
+    var $r = Dr, Ar = jr;
+    we.Fragment = n, we.jsx = $r, we.jsxs = Ar;
+  }()), we;
 }
 (function(e) {
   process.env.NODE_ENV === "production" ? e.exports = Xr() : e.exports = Ur();
 })(Nr);
-const Wr = Ie.Fragment, T = Ie.jsx, ue = Ie.jsxs;
+const Wr = Ie.Fragment, T = 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 {
   constructor(t, r, n = null) {
@@ -648,9 +648,9 @@ class Fr {
       () => {
         this._socket.off(`${this.room}.isMaster`), this._socket.off(`${this.room}.roomJoined`), this._socket.off(`${this.room}._call`);
       }
-    ], this._left = !1, this.registeredRPC = {}, this._socket.on(`${this.room}._call`, async ({ callId: o, name: s, params: c }) => {
+    ], this._left = !1, this.registeredRPC = {}, this._socket.on(`${this.room}._call`, async ({ callId: o, name: s, params: a }) => {
       try {
-        const u = await this.registeredRPC[s](c);
+        const u = await this.registeredRPC[s](a);
         t.emit(`${this.room}._result.${o}`, {
           ok: u || null
         });
@@ -671,8 +671,8 @@ class Fr {
   async _callServerRPC(t, r) {
     const n = Vr();
     return new Promise((o, s) => {
-      this._socket.once(`${this.room}._result.${n}`, (c) => {
-        c.hasOwnProperty("ok") ? o(c.ok) : s(c.err);
+      this._socket.once(`${this.room}._result.${n}`, (a) => {
+        a.hasOwnProperty("ok") ? o(a.ok) : s(a.err);
       }), this._socket.emit(`${this.room}._call`, { callId: n, name: t, params: r });
     });
   }
@@ -748,12 +748,12 @@ const Kr = ({
   userId: o = null
 }) => {
   const s = new Fr(e, t, o);
-  return new Promise((c) => {
+  return new Promise((a) => {
     let u = !0;
     e.on(`${t}.isMaster`, () => {
       s._left || n(t);
     }), e.on(`${t}.roomJoined`, (l) => {
-      s._left || (s.userId = l, u = !1, r(s), c(s));
+      s._left || (s.userId = l, u = !1, r(s), a(s));
     }), e.on("connect", () => {
       s._left || u || e.emit("joinSuperSocket", {
         room: t,
@@ -782,14 +782,14 @@ const Kr = ({
   LoadingComponent: n = Hr,
   children: o
 }) => {
-  const [s, c] = g.useState(!1), [u, l] = g.useState(!1), [d, f] = g.useState(null), a = g.useRef(null), h = g.useRef(!1), _ = _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), _ = _e(it), v = g.useRef(!1);
   return g.useEffect(() => (h.current = !0, () => {
     h.current = !1;
   }), []), g.useEffect(() => {
     if (!e)
       return null;
     const E = () => {
-      console.log(`Disconnected from ${r}…`), h.current && (c(!1), l(!1));
+      console.log(`Disconnected from ${r}…`), h.current && (a(!1), l(!1));
     };
     return e.on("disconnect", E), () => {
       e.off("disconnect", E);
@@ -801,11 +801,11 @@ const Kr = ({
       console.log(`Is now master on channel ${r}…`), h.current && l(!0);
     },
     onJoined: (E) => {
-      console.log(`Connected on channel ${r}…`), a.current = E, h.current && (f(E), c(!0));
+      console.log(`Connected on channel ${r}…`), c.current = E, h.current && (f(E), a(!0));
     }
   })), () => {
     var E;
-    (E = a.current) == null || E.leave();
+    (E = c.current) == null || E.leave();
   }) : null, [r, t, e]), !s || !d ? /* @__PURE__ */ T(n, {}) : /* @__PURE__ */ T(
     it.Provider,
     {
@@ -813,13 +813,13 @@ const Kr = ({
       children: o
     }
   );
-}, Xe = (e = "default") => (_e(it) || {})[e], Dt = (e) => {
+}, Xe = (e = "default") => (_e(it) || {})[e], jt = (e) => {
   let t;
   const r = /* @__PURE__ */ new Set(), n = (l, d) => {
     const f = typeof l == "function" ? l(t) : l;
     if (!Object.is(f, t)) {
-      const a = t;
-      t = d ?? typeof f != "object" ? f : Object.assign({}, t, f), r.forEach((h) => h(t, a));
+      const c = t;
+      t = d ?? typeof f != "object" ? f : Object.assign({}, t, f), r.forEach((h) => h(t, c));
     }
   }, o = () => t, u = { setState: n, getState: o, subscribe: (l) => (r.add(l), () => r.delete(l)), destroy: () => {
     ({ BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0 } && "production") !== "production" && console.warn(
@@ -827,7 +827,7 @@ const Kr = ({
     ), r.clear();
   } };
   return t = e(n, o, u), u;
-}, Ue = (e) => e ? Dt(e) : Dt;
+}, Ue = (e) => e ? jt(e) : jt;
 var at = {}, qr = {
   get exports() {
     return at;
@@ -852,37 +852,37 @@ 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 jt;
+var Dt;
 function Jr() {
-  if (jt)
+  if (Dt)
     return et;
-  jt = 1;
+  Dt = 1;
   var e = g;
-  function t(a, h) {
-    return a === h && (a !== 0 || 1 / a === 1 / h) || a !== a && h !== h;
+  function t(c, h) {
+    return c === h && (c !== 0 || 1 / c === 1 / h) || c !== c && h !== h;
   }
-  var r = typeof Object.is == "function" ? Object.is : t, n = e.useState, o = e.useEffect, s = e.useLayoutEffect, c = e.useDebugValue;
-  function u(a, h) {
+  var r = typeof Object.is == "function" ? Object.is : t, n = e.useState, o = e.useEffect, s = e.useLayoutEffect, a = e.useDebugValue;
+  function u(c, h) {
     var _ = h(), v = n({ inst: { value: _, getSnapshot: h } }), E = v[0].inst, I = v[1];
     return s(function() {
       E.value = _, E.getSnapshot = h, l(E) && I({ inst: E });
-    }, [a, _, h]), o(function() {
-      return l(E) && I({ inst: E }), a(function() {
+    }, [c, _, h]), o(function() {
+      return l(E) && I({ inst: E }), c(function() {
         l(E) && I({ inst: E });
       });
-    }, [a]), c(_), _;
+    }, [c]), a(_), _;
   }
-  function l(a) {
-    var h = a.getSnapshot;
-    a = a.value;
+  function l(c) {
+    var h = c.getSnapshot;
+    c = c.value;
     try {
       var _ = h();
-      return !r(a, _);
+      return !r(c, _);
     } catch {
       return !0;
     }
   }
-  function d(a, h) {
+  function d(c, h) {
     return h();
   }
   var f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : u;
@@ -905,16 +905,16 @@ function Zr() {
     var e = g, t = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function r(x) {
       {
-        for (var p = arguments.length, C = new Array(p > 1 ? p - 1 : 0), m = 1; m < p; m++)
-          C[m - 1] = arguments[m];
-        n("error", x, C);
+        for (var p = arguments.length, w = new Array(p > 1 ? p - 1 : 0), m = 1; m < p; m++)
+          w[m - 1] = arguments[m];
+        n("error", x, w);
       }
     }
-    function n(x, p, C) {
+    function n(x, p, w) {
       {
         var m = t.ReactDebugCurrentFrame, S = m.getStackAddendum();
-        S !== "" && (p += "%s", C = C.concat([S]));
-        var O = C.map(function(k) {
+        S !== "" && (p += "%s", w = w.concat([S]));
+        var O = w.map(function(k) {
           return String(k);
         });
         O.unshift("Warning: " + p), Function.prototype.apply.call(console[x], console, O);
@@ -923,30 +923,30 @@ function Zr() {
     function o(x, p) {
       return x === p && (x !== 0 || 1 / x === 1 / p) || x !== x && p !== p;
     }
-    var s = typeof Object.is == "function" ? Object.is : o, c = e.useState, u = e.useEffect, l = e.useLayoutEffect, d = e.useDebugValue, f = !1, a = !1;
-    function h(x, p, C) {
+    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, w) {
       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 (!a) {
+      if (!c) {
         var S = p();
-        s(m, S) || (r("The result of getSnapshot should be cached to avoid an infinite loop"), a = !0);
+        s(m, S) || (r("The result of getSnapshot should be cached to avoid an infinite loop"), c = !0);
       }
-      var O = c({
+      var O = a({
         inst: {
           value: m,
           getSnapshot: p
         }
-      }), k = O[0].inst, D = O[1];
+      }), k = O[0].inst, j = O[1];
       return l(function() {
-        k.value = m, k.getSnapshot = p, _(k) && D({
+        k.value = m, k.getSnapshot = p, _(k) && j({
           inst: k
         });
       }, [x, m, p]), u(function() {
-        _(k) && D({
+        _(k) && j({
           inst: k
         });
         var M = function() {
-          _(k) && D({
+          _(k) && j({
             inst: k
           });
         };
@@ -954,19 +954,19 @@ function Zr() {
       }, [x]), d(m), m;
     }
     function _(x) {
-      var p = x.getSnapshot, C = x.value;
+      var p = x.getSnapshot, w = x.value;
       try {
         var m = p();
-        return !s(C, m);
+        return !s(w, m);
       } catch {
         return !0;
       }
     }
-    function v(x, p, C) {
+    function v(x, p, w) {
       return p();
     }
-    var E = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", I = !E, y = I ? v : h, w = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : y;
-    tt.useSyncExternalStore = w, 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", I = !E, y = I ? 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());
   }()), tt;
 }
 var At;
@@ -993,8 +993,8 @@ function Qr() {
   function r(d, f) {
     return d === f && (d !== 0 || 1 / d === 1 / f) || d !== d && f !== f;
   }
-  var n = typeof Object.is == "function" ? Object.is : r, o = t.useSyncExternalStore, s = e.useRef, c = e.useEffect, u = e.useMemo, l = e.useDebugValue;
-  return Qe.useSyncExternalStoreWithSelector = function(d, f, a, h, _) {
+  var n = typeof Object.is == "function" ? Object.is : r, o = t.useSyncExternalStore, s = e.useRef, a = e.useEffect, u = e.useMemo, l = e.useDebugValue;
+  return Qe.useSyncExternalStoreWithSelector = function(d, f, c, h, _) {
     var v = s(null);
     if (v.current === null) {
       var E = { hasValue: !1, value: null };
@@ -1003,8 +1003,8 @@ function Qr() {
       E = v.current;
     v = u(function() {
       function y(m) {
-        if (!w) {
-          if (w = !0, x = m, m = h(m), _ !== void 0 && E.hasValue) {
+        if (!C) {
+          if (C = !0, x = m, m = h(m), _ !== void 0 && E.hasValue) {
             var S = E.value;
             if (_(S, m))
               return p = S;
@@ -1016,15 +1016,15 @@ function Qr() {
         var O = h(m);
         return _ !== void 0 && _(S, O) ? S : (x = m, p = O);
       }
-      var w = !1, x, p, C = a === void 0 ? null : a;
+      var C = !1, x, p, w = c === void 0 ? null : c;
       return [function() {
         return y(f());
-      }, C === null ? void 0 : function() {
-        return y(C());
+      }, w === null ? void 0 : function() {
+        return y(w());
       }];
-    }, [f, a, h, _]);
+    }, [f, c, h, _]);
     var I = o(d, v[0], v[1]);
-    return c(function() {
+    return a(function() {
       E.hasValue = !0, E.value = I;
     }, [I]), l(I), I;
   }, Qe;
@@ -1044,21 +1044,21 @@ function en() {
   return zt || (zt = 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();
-    function r(f, a) {
-      return f === a && (f !== 0 || 1 / f === 1 / a) || f !== f && a !== a;
+    function r(f, c) {
+      return f === c && (f !== 0 || 1 / f === 1 / c) || f !== f && c !== c;
     }
-    var n = typeof Object.is == "function" ? Object.is : r, o = t.useSyncExternalStore, s = e.useRef, c = e.useEffect, u = e.useMemo, l = e.useDebugValue;
-    function d(f, a, h, _, v) {
+    var n = typeof Object.is == "function" ? Object.is : r, o = t.useSyncExternalStore, s = e.useRef, a = e.useEffect, u = e.useMemo, l = e.useDebugValue;
+    function d(f, c, h, _, v) {
       var E = s(null), I;
       E.current === null ? (I = {
         hasValue: !1,
         value: null
       }, E.current = I) : I = E.current;
       var y = u(function() {
-        var C = !1, m, S, O = function(L) {
-          if (!C) {
-            C = !0, m = L;
-            var N = _(L);
+        var w = !1, m, S, O = function(A) {
+          if (!w) {
+            w = !0, m = A;
+            var N = _(A);
             if (v !== void 0 && I.hasValue) {
               var U = I.value;
               if (v(U, N))
@@ -1067,18 +1067,18 @@ function en() {
             return S = N, N;
           }
           var J = m, P = S;
-          if (n(J, L))
+          if (n(J, A))
             return P;
-          var $ = _(L);
-          return v !== void 0 && v(P, $) ? P : (m = L, S = $, $);
-        }, k = h === void 0 ? null : h, D = function() {
-          return O(a());
+          var $ = _(A);
+          return v !== void 0 && v(P, $) ? P : (m = A, S = $, $);
+        }, k = h === void 0 ? null : h, j = function() {
+          return O(c());
         }, M = k === null ? void 0 : function() {
           return O(k());
         };
-        return [D, M];
-      }, [a, h, _, v]), w = y[0], x = y[1], p = o(f, w, x);
-      return c(function() {
+        return [j, M];
+      }, [c, h, _, v]), C = y[0], x = y[1], p = o(f, C, x);
+      return a(function() {
         I.hasValue = !0, I.value = p;
       }, [p]), l(p), p;
     }
@@ -1106,17 +1106,17 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
   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 }) => {
-  const c = (e - o) / r, u = (t - s) / r;
-  return sr(c, u, -n);
+  const a = (e - o) / r, u = (t - s) / r;
+  return sr(a, u, -n);
 }, Be = ([e, t], { scale: r, rotate: n, translateX: o, translateY: s }) => {
-  const [c, u] = sr(e, t, n);
-  return [c * r + o, u * r + s];
+  const [a, u] = sr(e, t, n);
+  return [a * r + o, u * r + s];
 }, Yt = (e, t, r, n) => {
-  const o = e.x, s = e.y, c = t.x, u = t.y, l = r.x, d = r.y, f = c - o, a = u - s, h = o - l, _ = s - d, v = f * f + a * a, E = 2 * (h * f + _ * a), I = h * h + _ * _ - n * n, y = E * E - 4 * v * I;
+  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 - d, v = f * f + c * c, E = 2 * (h * f + _ * c), I = h * h + _ * _ - n * n, y = E * E - 4 * v * I;
   if (y < 0)
     return [];
-  const w = (-E + Math.sqrt(y)) / (2 * v), x = (-E - Math.sqrt(y)) / (2 * v), p = [];
-  return w >= 0 && w <= 1 && p.push({ x: o + w * f, y: s + w * a }), x >= 0 && x <= 1 && p.push({ x: o + x * f, y: s + x * a }), p;
+  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 { top: o, left: s } = n.getBoundingClientRect();
   return ft({ x: s, y: o }, t);
@@ -1140,17 +1140,17 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
     const s = Ne(t, o);
     if (!s)
       return n || null;
-    const { left: c, right: u, top: l, bottom: d } = s.getBoundingClientRect();
+    const { left: a, right: u, top: l, bottom: d } = s.getBoundingClientRect();
     let f;
     return n ? f = n : f = {
-      left: c,
+      left: a,
       top: l,
       right: u,
       bottom: d
-    }, f.left = Math.min(c, f.left), f.top = Math.min(l, f.top), f.right = Math.max(u, f.right), f.bottom = Math.max(d, f.bottom), f;
+    }, 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()), !t || t.length === 0 ? [] : t.map((n) => r.has(n) ? [] : (r.add(n), [
+}, 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), [
   n,
   ...ir(
     e,
@@ -1160,29 +1160,29 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
 ])).flat()), Bt = (e, t, r) => {
   const n = new Set(ir(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: c = { x: 0, y: 0 } }) => {
+}, an = ({ 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 - c.x,
-    t + n / 2 - c.y
+    e + r / 2 - a.x,
+    t + n / 2 - a.y
   ];
-  let d, f, a, h, _, v, E, I, y, w;
+  let d, f, c, h, _, v, E, I, y, C;
   const x = s / 1.1547;
   switch (o) {
     case "grid":
       d = Math.round(u / s) * s, f = Math.round(l / s) * s;
       break;
     case "hexH":
-      a = 2 * x, h = 3 * s, _ = Math.round(u / a) * a, E = Math.round(l / h) * h, v = _ > u ? _ - x : _ + x, I = E > l ? E - 1.5 * s : E + 1.5 * s, y = Math.hypot(_ - u, E - l), w = Math.hypot(v - u, I - l), y < w ? (d = _, f = E) : (d = v, f = I);
+      c = 2 * x, h = 3 * s, _ = Math.round(u / c) * c, E = Math.round(l / h) * h, v = _ > u ? _ - x : _ + x, I = E > l ? E - 1.5 * s : E + 1.5 * s, y = Math.hypot(_ - u, E - l), C = Math.hypot(v - u, I - l), y < C ? (d = _, f = E) : (d = v, f = I);
       break;
     case "hexV":
-      a = 3 * s, h = 2 * x, _ = Math.round(u / a) * a, E = Math.round(l / h) * h, v = _ > u ? _ - 1.5 * s : _ + 1.5 * s, I = E > l ? E - x : E + x, y = Math.hypot(_ - u, E - l), w = Math.hypot(v - u, I - l), y < w ? (d = _, f = E) : (d = v, f = I);
+      c = 3 * s, h = 2 * x, _ = Math.round(u / c) * c, E = Math.round(l / h) * h, v = _ > u ? _ - 1.5 * s : _ + 1.5 * s, I = E > l ? E - x : E + x, y = Math.hypot(_ - u, E - l), C = Math.hypot(v - u, I - l), y < C ? (d = _, f = E) : (d = v, f = I);
       break;
     default:
       d = e + r / 2, f = t + n / 2;
   }
   return {
-    x: d + c.x - r / 2,
-    y: f + c.y - n / 2
+    x: d + a.x - r / 2,
+    y: f + a.y - n / 2
   };
 }, Nt = [
   "#037758",
@@ -1215,7 +1215,7 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
   "#007a4b",
   "#bf0daa",
   "#af0ad8"
-], Xt = () => Nt[Math.floor(Math.random() * Nt.length)], cn = !1, dt = ({ wire: e, storeName: t, noSync: r = [], defaultValue: n }, o) => (s, c, u) => {
+], Xt = () => Nt[Math.floor(Math.random() * Nt.length)], cn = !1, dt = ({ wire: e, storeName: t, noSync: r = [], defaultValue: n }, o) => (s, a, u) => {
   s({ ready: !1 });
   const l = [];
   (async () => {
@@ -1229,7 +1229,7 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
       await e.register(
         `${t}_getValue`,
         () => Object.fromEntries(
-          Object.entries(c()).filter(
+          Object.entries(a()).filter(
             ([_, v]) => typeof v != "function" && !r.includes(_)
           )
         ),
@@ -1237,11 +1237,11 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
       )
     ), l.push(
       e.subscribe(`${t}_call`, ([_, v]) => {
-        a[_](...v);
+        c[_](...v);
       })
     ), s({ ready: !0 });
   })();
-  const f = o(s, c, u), a = { ...f }, h = Object.fromEntries(
+  const f = o(s, a, u), c = { ...f }, h = Object.fromEntries(
     // Send the update message on all method calls
     Object.entries(f).map(([_, v]) => typeof v == "function" && !_.startsWith("get") && !r.includes(_) ? [_, (...I) => {
       const y = v(...I);
@@ -1285,12 +1285,14 @@ const ar = g.createContext(), un = (e, t) => ({
   items: {},
   getItems: () => t().items,
   setItems: (r) => e({ items: r }),
-  updateItems: (r) => e((n) => ({ items: { ...n.items, ...r } })),
+  updateItems: (r, n = !1) => e((o) => n ? { items: Object.fromEntries(
+    Object.entries(o.items).map(([a, u]) => r[a] ? [a, { ...u, ...r[a] }] : [a, u])
+  ) } : { items: { ...o.items, ...r } }),
   moveItems: (r, n) => e(({ items: o }) => {
     const s = { ...o };
-    return r.forEach((c) => {
-      const u = o[c];
-      u && (s[c] = {
+    return r.forEach((a) => {
+      const u = o[a];
+      u && (s[a] = {
         ...u,
         x: (u.x || 0) + n.x,
         y: (u.y || 0) + n.y,
@@ -1336,12 +1338,12 @@ const ar = g.createContext(), un = (e, t) => ({
   }),
   insertItems: (r, n) => e((o) => {
     let s;
-    const c = r.map(({ id: u }) => u);
+    const a = r.map(({ id: u }) => u);
     if (n) {
       const u = o.itemIds.findIndex((l) => l === n);
-      s = [...o.itemIds], s.splice(u, 0, ...c);
+      s = [...o.itemIds], s.splice(u, 0, ...a);
     } else
-      s = [...o.itemIds, ...c];
+      s = [...o.itemIds, ...a];
     return {
       items: {
         ...o.items,
@@ -1361,7 +1363,7 @@ const ar = g.createContext(), un = (e, t) => ({
   setSessionInfo: (r) => e({ session: r }),
   updateSessionInfo: (r) => e((n) => ({ session: { ...n.session, ...r } }))
 }), Ut = ({ storeName: e, children: t, defaultValue: r }) => {
-  const { wire: n } = Xe("room"), [o, s] = g.useState(!1), [c] = g.useState(
+  const { wire: n } = Xe("room"), [o, s] = g.useState(!1), [a] = g.useState(
     () => Ue(
       dt({ wire: n, storeName: e, defaultValue: r }, (...u) => ({
         ...un(...u),
@@ -1373,15 +1375,15 @@ const ar = g.createContext(), un = (e, t) => ({
     )
   );
   return g.useEffect(() => {
-    const u = c.subscribe((l) => {
+    const u = a.subscribe((l) => {
       l.ready && (u(), s(!0));
     });
-  }, [c]), o ? /* @__PURE__ */ T(ar.Provider, { value: c, children: t }) : null;
-}, re = (e, t) => {
+  }, [a]), o ? /* @__PURE__ */ T(ar.Provider, { value: a, children: t }) : null;
+}, oe = (e, t) => {
   const r = _e(ar);
   return We(r, e, t || Ve);
 }, ns = () => {
-  const [e, t] = re((n) => [
+  const [e, t] = oe((n) => [
     n.itemIds,
     n.items
   ]);
@@ -1390,15 +1392,15 @@ const ar = g.createContext(), un = (e, t) => ({
     [e, t]
   );
 }, os = () => {
-  const [e, t, r] = re((c) => [
-    c.items,
-    c.itemIds,
-    c.getItemList
+  const [e, t, r] = oe((a) => [
+    a.items,
+    a.itemIds,
+    a.getItemList
   ]), [n, o] = g.useState(r()), [, s] = g.useTransition();
   return g.useEffect(() => {
-    const c = r();
+    const a = r();
     s(() => {
-      o(c);
+      o(a);
     });
   }, [e, t, r]), n;
 }, cr = 5e4, ur = g.createContext(), mn = (e, t) => ({
@@ -1438,7 +1440,7 @@ const ar = g.createContext(), un = (e, t) => ({
   }),
   unregister: (r, n) => e((o) => {
     const s = (o.interactions[r] || []).filter(
-      (c) => c !== n
+      (a) => a !== n
     );
     return {
       interactions: { ...o.interactions, [r]: s }
@@ -1446,7 +1448,7 @@ const ar = g.createContext(), un = (e, t) => ({
   }),
   callInteractions: (r, n) => {
     t().interactions[r] && t().interactions[r].forEach((o) => {
-      o(n);
+      setTimeout(() => o(n), 0);
     });
   }
 }), vn = (e, t) => ({
@@ -1479,11 +1481,11 @@ const ar = g.createContext(), un = (e, t) => ({
     }))
   );
   return /* @__PURE__ */ T(ur.Provider, { value: t, children: e });
-}, Z = (e, t) => {
+}, Q = (e, t) => {
   const r = _e(ur);
   return We(r, e, t || Ve);
 }, ss = () => {
-  const [e] = Z((t) => [t.selection]);
+  const [e] = Q((t) => [t.selection]);
   return e;
 };
 function pt(e) {
@@ -1505,18 +1507,18 @@ function yn(e) {
   );
 }
 function mt(e, t, r, n = 0) {
-  const o = Re(), s = Re(), c = Re(), u = () => {
+  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(
     () => {
       const l = () => {
-        if (!c.current)
+        if (!a.current)
           return;
-        const f = c.current;
-        c.current = void 0, e.apply(f.this, f.args), u();
+        const f = a.current;
+        a.current = void 0, e.apply(f.this, f.args), u();
       }, d = function(...f) {
-        o.current && clearTimeout(o.current), c.current = { args: f, this: this }, o.current = setTimeout(l, r), n > 0 && !s.current && (s.current = setTimeout(l, n));
+        o.current && clearTimeout(o.current), a.current = { args: f, this: this }, o.current = setTimeout(l, r), n > 0 && !s.current && (s.current = setTimeout(l, n));
       };
       return Object.defineProperties(d, {
         length: { value: e.length },
@@ -1534,18 +1536,18 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
   rotate: n,
   itemExtent: o,
   boardWrapperRect: s,
-  boardSize: c
+  boardSize: a
 }) => {
   let [u, l] = [e, t];
   const d = ct(
     [s.width / 2, s.height / 2],
     { translateX: u, translateY: l, scale: r, rotate: n }
   ), f = {
-    x: o.x + c / 2,
-    y: o.y + c / 2
-  }, a = {
-    x: c / 2,
-    y: c / 2
+    x: o.x + a / 2,
+    y: o.y + a / 2
+  }, c = {
+    x: a / 2,
+    y: a / 2
   }, h = ze(d, [f.x, f.y]), _ = Math.min(s.width, s.height), v = o.radius + _ / 2 / r - Sn / r;
   if (h > v) {
     const y = Yt(
@@ -1553,30 +1555,30 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
       f,
       f,
       v - 1 / r
-    )[0], [w, x] = Be([-y.x, -y.y], {
+    )[0], [C, x] = Be([-y.x, -y.y], {
       translateX: s.width / 2,
       translateY: s.height / 2,
       scale: r,
       rotate: n
     });
-    u = w, l = x;
+    u = C, l = x;
   }
-  const E = ze(d, [a.x, a.y]), I = c / 2 - ze([0, 0], [s.width, s.height]) / r;
+  const E = ze(d, [c.x, c.y]), I = a / 2 - ze([0, 0], [s.width, s.height]) / r;
   if (E > I) {
     const y = Yt(
       { x: d[0], y: d[1] },
-      a,
-      a,
+      c,
+      c,
       I - 1 / r
     )[0];
     if (y) {
-      const [w, x] = Be([-y.x, -y.y], {
+      const [C, x] = Be([-y.x, -y.y], {
         translateX: s.width / 2,
         translateY: s.height / 2,
         scale: r,
         rotate: n
       });
-      u = w, l = x;
+      u = C, l = x;
     }
   }
   return [u, l];
@@ -1587,25 +1589,25 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     r,
     n,
     o
-  ] = Z((p) => [
+  ] = Q((p) => [
     p.getBoardState,
     p.updateBoardState,
     p.config.itemExtent,
     p.getConfiguration,
     p.updateConfiguration
-  ]), s = g.useRef([0.15, 5]), [c] = re((p) => [p.getItemList]), u = g.useCallback(() => {
-    const { translateX: p, translateY: C, scale: m, rotate: S } = e();
-    return { translateX: p, translateY: C, scale: m, rotate: S };
+  ]), s = g.useRef([0.15, 5]), [a] = oe((p) => [p.getItemList]), u = g.useCallback(() => {
+    const { translateX: p, translateY: w, scale: m, rotate: S } = e();
+    return { translateX: p, translateY: w, scale: m, rotate: S };
   }, [e]), l = g.useCallback(
-    (p, C) => ct([p, C], e()),
+    (p, w) => ct([p, w], e()),
     [e]
   ), d = g.useCallback(
-    (p, C) => Be([p, C], e()),
+    (p, w) => Be([p, w], e()),
     [e]
   ), f = g.useCallback(
-    (p, C) => {
+    (p, w) => {
       const { scale: m, rotate: S } = e();
-      return ct([p, C], {
+      return ct([p, w], {
         translateX: 0,
         translateY: 0,
         rotate: S,
@@ -1613,40 +1615,40 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
       });
     },
     [e]
-  ), a = g.useCallback((p) => p > s.current[1] ? s.current[1] : p < s.current[0] ? s.current[0] : p, []), h = g.useCallback(
+  ), c = g.useCallback((p) => p > s.current[1] ? s.current[1] : p < s.current[0] ? s.current[0] : p, []), h = g.useCallback(
     (p) => {
-      const { itemExtent: C, boardWrapperRect: m, boardSize: S } = n(), O = e(), {
+      const { itemExtent: w, boardWrapperRect: m, boardSize: S } = n(), O = e(), {
         translateX: k,
-        translateY: D,
+        translateY: j,
         scale: M,
-        rotate: L
+        rotate: A
       } = {
         ...O,
         ...p(O)
-      }, N = a(M);
-      let [U, J] = [k, D];
-      (k !== O.translateX || D !== O.translateY) && ([U, J] = En({
+      }, N = c(M);
+      let [U, J] = [k, j];
+      (k !== O.translateX || j !== O.translateY) && ([U, J] = En({
         x: k,
-        y: D,
+        y: j,
         scale: N,
-        rotate: L,
-        itemExtent: C,
+        rotate: A,
+        itemExtent: w,
         boardWrapperRect: m,
         boardSize: S
       })), t({
         translateX: U,
         translateY: J,
         scale: N,
-        rotate: L
+        rotate: A
       });
     },
-    [a, e, n, t]
+    [c, e, n, t]
   ), _ = g.useCallback(
     (p) => {
-      let C = (m) => ({ ...m, ...p });
-      typeof p == "function" && (C = p), h((m) => ({
+      let w = (m) => ({ ...m, ...p });
+      typeof p == "function" && (w = p), h((m) => ({
         ...m,
-        ...C({
+        ...w({
           translateX: m.translateX,
           translateY: m.translateY
         })
@@ -1654,54 +1656,54 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     },
     [h]
   ), v = g.useCallback(
-    ({ to: p, factor: C }) => {
+    ({ to: p, factor: w }) => {
       const { boardWrapperRect: m } = n();
       let S = p;
       S || (S = {
         x: m.left + m.width / 2,
         y: m.top + m.height / 2
       });
-      const O = e(), k = a(O.scale * C), D = S.x - m.left, M = S.y - m.top, L = D - (D - O.translateX) * k / O.scale, N = M - (M - O.translateY) * k / O.scale;
+      const O = e(), k = c(O.scale * w), j = S.x - m.left, M = S.y - m.top, A = j - (j - O.translateX) * k / O.scale, N = M - (M - O.translateY) * k / O.scale;
       h((U) => ({
         ...U,
-        translateX: L,
+        translateX: A,
         translateY: N,
         scale: k
       }));
     },
-    [a, e, n, h]
+    [c, e, n, h]
   ), E = g.useCallback(
-    ({ x: p, y: C, radius: m }) => {
-      const { rotate: S } = e(), { boardWrapperRect: O, boardSize: k } = n(), D = O.width / (m * 2), M = O.height / (m * 2), L = a(Math.min(D, M) * bn), [N, U] = Be(
-        [-k / 2 - p, -k / 2 - C],
+    ({ x: p, y: w, radius: m }) => {
+      const { rotate: S } = e(), { boardWrapperRect: O, boardSize: k } = n(), j = O.width / (m * 2), M = O.height / (m * 2), A = c(Math.min(j, M) * bn), [N, U] = Be(
+        [-k / 2 - p, -k / 2 - w],
         {
           translateX: O.width / 2,
           translateY: O.height / 2,
-          scale: L,
+          scale: A,
           rotate: S
         }
       );
-      h((J) => ({ ...J, translateX: N, translateY: U, scale: L }));
+      h((J) => ({ ...J, translateX: N, translateY: U, scale: A }));
     },
-    [a, e, n, h]
+    [c, e, n, h]
   ), I = g.useCallback(() => {
-    const { boardWrapperRect: p, boardSize: C } = n(), [m, S] = l(
+    const { boardWrapperRect: p, boardSize: w } = n(), [m, S] = l(
       p.width / 2,
       p.height / 2
     );
     return {
-      x: m - C / 2,
-      y: S - C / 2
+      x: m - w / 2,
+      y: S - w / 2
     };
   }, [l, n]), y = g.useCallback(() => {
-    const p = c(), { boardWrapper: C, boardSize: m } = n(), S = p.reduce(
-      (k, D) => {
-        const M = Ne(C, D.id);
-        return k.left = Math.min(D.x, k.left), k.top = Math.min(D.y, k.top), k.right = Math.max(
-          D.x + M.offsetWidth,
+    const p = a(), { boardWrapper: w, boardSize: m } = n(), S = p.reduce(
+      (k, j) => {
+        const M = Ne(w, j.id);
+        return k.left = Math.min(j.x, k.left), k.top = Math.min(j.y, k.top), k.right = Math.max(
+          j.x + M.offsetWidth,
           k.right
         ), k.bottom = Math.max(
-          D.y + M.offsetHeight,
+          j.y + M.offsetHeight,
           k.bottom
         ), k;
       },
@@ -1719,10 +1721,10 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
       ze([O.x, O.y], [S.left, S.top]),
       _n
     ), o({ itemExtent: O });
-  }, [n, c, o]), w = g.useCallback(
+  }, [n, a, o]), C = g.useCallback(
     (p) => {
-      let C = () => p;
-      typeof p == "function" && (C = p), h((m) => ({ ...m, rotate: C(m.rotate) })), y(), E(r);
+      let w = () => p;
+      typeof p == "function" && (w = p), h((m) => ({ ...m, rotate: w(m.rotate) })), y(), E(r);
     },
     [r, h, y, E]
   ), x = mt(
@@ -1732,7 +1734,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
   );
   return {
     setDim: h,
-    rotateBoard: w,
+    rotateBoard: C,
     moveBoard: _,
     getDim: u,
     zoomTo: v,
@@ -1745,26 +1747,26 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     fromBoardToWrapper: d
   };
 }, Vt = (e) => {
-  const [t, r, n] = Z(
-    ({ register: c, unregister: u, callInteractions: l }) => [
-      c,
+  const [t, r, n] = Q(
+    ({ register: a, unregister: u, callInteractions: l }) => [
+      a,
       u,
       l
     ]
   ), o = g.useCallback(
-    (c) => (t(e, c), () => {
-      r(e, c);
+    (a) => (t(e, a), () => {
+      r(e, a);
     }),
     [e, t, r]
   ), s = g.useCallback(
-    (c) => {
-      n(e, c);
+    (a) => {
+      n(e, a);
     },
     [n, e]
   );
   return { register: o, call: s };
 }, gt = () => {
-  const { call: e } = Vt("place"), { call: t } = Vt("delete"), { getCenter: r, updateItemExtent: n } = Me(), [o, s, c, u] = Z((P) => [
+  const { call: e } = Vt("place"), { call: t } = Vt("delete"), { getCenter: r, updateItemExtent: n } = Me(), [o, s, a, u] = Q((P) => [
     P.clear,
     P.reverse,
     P.unselect,
@@ -1773,52 +1775,56 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     getItems: l,
     getItemIds: d,
     setItemIds: f,
-    updateItems: a,
+    updateItems: c,
     moveItems: h,
     removeItemsById: _,
     getItemList: v,
     insertItems: E,
     setItemList: I
-  } = re(
+  } = oe(
     ({
       getItems: P,
       getItemIds: $,
-      setItemIds: B,
+      setItemIds: z,
       updateItems: V,
-      moveItems: A,
-      removeItemsById: K,
-      getItemList: F,
-      insertItems: ee,
-      setItemList: oe
+      moveItems: Y,
+      removeItemsById: F,
+      getItemList: H,
+      insertItems: te,
+      setItemList: Z
     }) => ({
       getItems: P,
       getItemIds: $,
-      setItemIds: B,
+      setItemIds: z,
       updateItems: V,
-      moveItems: A,
-      removeItemsById: K,
-      getItemList: F,
-      insertItems: ee,
-      setItemList: oe
+      moveItems: Y,
+      removeItemsById: F,
+      getItemList: H,
+      insertItems: te,
+      setItemList: Z
     })
   ), y = g.useCallback(
-    (P, $) => {
-      let B = $;
-      typeof $ == "object" && (B = () => $);
-      const V = d().filter((F) => P.includes(F)), A = l(), K = Object.fromEntries(
-        V.map((F) => [F, B({ ...A[F] })])
-      );
-      a(K), n();
+    (P, $, z = !1) => {
+      let V = $;
+      typeof $ == "object" && (V = () => $);
+      const Y = d().filter((Z) => P.includes(Z)), F = l(), H = Y.map((Z) => {
+        const ne = F[Z];
+        return z ? [Z, V(ne)] : [Z, V({ ...ne })];
+      }).filter(([, Z]) => Z);
+      if (H.length === 0)
+        return;
+      const te = Object.fromEntries(H);
+      c(te, z), n();
     },
-    [d, l, n, a]
-  ), w = g.useCallback(
+    [d, l, n, c]
+  ), C = g.useCallback(
     (P) => {
       I(P), o(), n();
     },
     [o, I, n]
   ), x = g.useCallback(
-    (P, $) => {
-      y([P], $);
+    (P, $, z = !1) => {
+      y([P], $, z);
     },
     [y]
   ), p = g.useCallback(
@@ -1829,57 +1835,58 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
       ), n();
     },
     [d, l, h, n]
-  ), C = g.useCallback(
+  ), w = g.useCallback(
     (P) => {
-      const $ = d(), B = $.filter((A) => !P.includes(A)), V = $.filter(
-        (A) => P.includes(A)
+      const $ = d(), z = $.filter((Y) => !P.includes(Y)), V = $.filter(
+        (Y) => P.includes(Y)
       );
-      f([...B, ...V]);
+      f([...z, ...V]);
     },
     [d, f]
   ), m = g.useCallback(
-    (P, { type: $, size: B } = {}) => {
+    (P, { type: $, size: z } = {}) => {
       const { boardWrapper: V } = u();
-      y(P, (A) => {
-        const K = Ne(V, A.id);
-        if (!K)
-          return;
-        const F = {
-          type: $ || "grid",
-          size: B || 1,
-          offset: { x: 0, y: 0 },
-          ...A.grid
-        }, ee = an(
-          {
-            x: A.x,
-            y: A.y,
-            width: K.clientWidth,
-            height: K.clientHeight
-          },
-          F
-        );
-        return { ...A, ...ee };
-      });
+      y(
+        P,
+        (Y) => {
+          const F = Ne(V, Y.id);
+          if (!F)
+            return;
+          const H = {
+            type: $ || "grid",
+            size: z || 1,
+            offset: { x: 0, y: 0 },
+            ...Y.grid
+          };
+          return an(
+            {
+              x: Y.x,
+              y: Y.y,
+              width: F.clientWidth,
+              height: F.clientHeight
+            },
+            H
+          );
+        },
+        !0
+      );
     },
     [u, y]
   ), S = g.useCallback(
     (P, $) => {
-      const B = Bt(
+      const z = Bt(
         l(),
         d(),
         P
       );
-      C(B), y(B, (V) => {
-        const A = { ...V };
-        return delete A.moving, A;
-      }), m(B, $), e(P), n();
+      w(z), y(z, { moving: !1 }, !0), m(z, $), e(P), n();
     },
     [
       y,
       e,
       d,
       l,
-      C,
+      w,
       m,
       n
     ]
@@ -1890,93 +1897,97 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     [f]
   ), k = g.useCallback(
     (P) => {
-      const $ = d(), B = $.filter(
-        (A) => P.includes(A)
-      ), V = $.map((A) => P.includes(A) ? B.pop() : A);
+      const $ = d(), z = $.filter(
+        (Y) => P.includes(Y)
+      ), V = $.map((Y) => P.includes(Y) ? z.pop() : Y);
       f(V), s();
     },
     [d, s, f]
-  ), D = g.useCallback(
+  ), j = g.useCallback(
     (P, $) => {
-      const B = l(), V = Object.fromEntries(
-        $.map((F, ee) => {
-          const oe = B[P[ee]];
+      const z = l(), V = Object.fromEntries(
+        $.map((H, te) => {
+          const Z = z[P[te]];
           return [
-            F,
+            H,
             {
-              x: oe.x,
-              y: oe.y
+              x: Z.x,
+              y: Z.y
             }
           ];
         })
       );
-      y(P, (F) => ({ ...F, ...V[F.id] }));
-      const A = Object.fromEntries(
-        P.map((F, ee) => [F, $[ee]])
-      ), K = d().map((F) => P.includes(F) ? A[F] : F);
-      f(K);
+      y(
+        P,
+        (H) => V[H.id],
+        !0
+      );
+      const Y = Object.fromEntries(
+        P.map((H, te) => [H, $[te]])
+      ), F = d().map((H) => P.includes(H) ? Y[H] : H);
+      f(F);
     },
     [l, y, d, f]
   ), M = g.useCallback(
     (P, $) => {
-      const B = r(), V = P.map((A, K) => !A.x || !A.y ? { ...A, x: B.x + 2 * K, y: B.y + 2 * K } : A);
+      const z = r(), V = P.map((Y, F) => !Y.x || !Y.y ? { ...Y, x: z.x + 2 * F, y: z.y + 2 * F } : Y);
       E(V, $), n();
     },
     [r, E, n]
-  ), L = g.useCallback(
+  ), A = g.useCallback(
     (P, $) => {
       M([P], $);
     },
     [M]
   ), N = g.useCallback(
     (P) => {
-      c(P), _(P), t(P);
+      a(P), _(P), t(P);
     },
-    [c, _, t]
+    [a, _, t]
   ), U = g.useCallback(
     (P) => {
       const $ = l();
-      return P.map((B) => $[B]);
+      return P.map((z) => $[z]);
     },
     [l]
   ), J = g.useCallback(
-    ({ target: P, clientX: $, clientY: B }, { returnLocked: V = !1, passLocked: A = !1 } = {}) => {
+    ({ target: P, clientX: $, clientY: z }, { returnLocked: V = !1, passLocked: Y = !1 } = {}) => {
       if (["INPUT", "TEXTAREA"].includes(P.tagName))
         return null;
-      const K = Oe(P, "item");
-      if (K) {
-        if (ye(K, "selected"))
-          return K;
-        if (!A && ye(K, "locked") && !ye(P, "passthrough"))
-          return V ? K : null;
+      const F = Oe(P, "item");
+      if (F) {
+        if (ye(F, "selected"))
+          return F;
+        if (!Y && ye(F, "locked") && !ye(P, "passthrough"))
+          return V ? F : null;
         if (ye(P, "passthrough")) {
-          const F = d(), { boardWrapper: ee } = u(), oe = F.reduce((le, se) => {
-            const me = Ne(ee, se), ge = me.getBoundingClientRect();
-            return ft({ x: $, y: B }, ge) && le.unshift(me), le;
+          const H = d(), { boardWrapper: te } = u(), Z = H.reduce((ne, ie) => {
+            const me = Ne(te, ie), ge = me.getBoundingClientRect();
+            return ft({ x: $, y: z }, ge) && ne.unshift(me), ne;
           }, []);
-          for (let le = 0; le < oe.length; le += 1) {
-            const se = oe[le];
-            if (se !== K && (A || !ye(se, "locked")))
-              return se;
+          for (let ne = 0; ne < Z.length; ne += 1) {
+            const ie = Z[ne];
+            if (ie !== F && (Y || !ye(ie, "locked")))
+              return ie;
           }
           return null;
         }
       }
-      return K;
+      return F;
     },
     [u, d]
   );
   return {
-    putItemsOnTop: C,
+    putItemsOnTop: w,
     batchUpdateItems: y,
     updateItemOrder: O,
     moveItems: p,
     placeItems: S,
     updateItem: x,
-    swapItems: D,
+    swapItems: j,
     reverseItemsOrder: k,
-    setItemList: w,
-    pushItem: L,
+    setItemList: C,
+    pushItem: A,
     pushItems: M,
     removeItems: N,
     getItemList: v,
@@ -1984,7 +1995,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     getItems: U
   };
 };
-var Cn = function e(t, r) {
+var wn = function e(t, r) {
   if (t === r)
     return !0;
   if (t && r && typeof t == "object" && typeof r == "object") {
@@ -2038,15 +2049,15 @@ var Cn = function e(t, r) {
       if (!Object.prototype.hasOwnProperty.call(r, s[o]))
         return !1;
     for (o = n; o-- !== 0; ) {
-      var c = s[o];
-      if (!e(t[c], r[c]))
+      var a = s[o];
+      if (!e(t[a], r[a]))
         return !1;
     }
     return !0;
   }
   return t !== t && r !== r;
 };
-function wn(e, t, r, n = 0) {
+function Cn(e, t, r, n = 0) {
   Pe(mt(e, t, r, n), t);
 }
 const xn = (e, t) => {
@@ -2059,46 +2070,46 @@ const xn = (e, t) => {
   const { actions: r = xn(e, t) } = e;
   return r.map((n) => typeof n == "string" ? { name: n } : n);
 }, is = () => {
-  const [e, t] = re((a) => [
-    a.items,
-    a.getItems
-  ]), [r, n, o] = Z((a) => [
-    a.config.itemTemplates,
-    a.selection,
-    a.getSelection
-  ]), [s, c] = g.useState([]), u = g.useRef(!1), [, l] = g.useTransition();
+  const [e, t] = oe((c) => [
+    c.items,
+    c.getItems
+  ]), [r, n, o] = Q((c) => [
+    c.config.itemTemplates,
+    c.selection,
+    c.getSelection
+  ]), [s, a] = g.useState([]), u = g.useRef(!1), [, l] = g.useTransition();
   g.useEffect(() => (u.current = !0, () => {
     u.current = !1;
   }), []);
   const d = g.useCallback(
-    (a) => {
+    (c) => {
       const h = t();
-      if (a)
-        return [a, a.map((v) => h[v])];
+      if (c)
+        return [c, c.map((v) => h[v])];
       const _ = o();
       return [_, _.map((v) => h[v])];
     },
     [t, o]
   ), f = tr(() => {
-    const [a, h] = d();
-    if (a.length > 0) {
+    const [c, h] = d();
+    if (c.length > 0) {
       if (!u.current)
         return;
       const _ = h.reduce((v, E) => {
         const I = Ft(E, r);
         return v.filter(
-          (y) => I.some((w) => Cn(y, w))
+          (y) => I.some((C) => wn(y, C))
         );
       }, Ft(h[0], r));
       l(() => {
-        c(_);
+        a(_);
       });
     } else
       l(() => {
-        c([]);
+        a([]);
       });
   }, [d, r]);
-  return wn(
+  return Cn(
     () => f(),
     [e, n, f],
     100
@@ -2106,7 +2117,7 @@ const xn = (e, t) => {
     availableActions: s
   };
 }, as = () => {
-  const [e] = Z((t) => [t.selectionBox]);
+  const [e] = Q((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), "");
@@ -2144,16 +2155,16 @@ const lr = g.createContext(), ut = (e) => {
   updateUser: (n, o) => t((s) => {
     if (!s.users[n])
       return {};
-    const c = {
+    const a = {
       ...s.users[n],
       ...o,
       id: n,
       uid: s.users[n].uid
     };
-    return c.id === e && ut(c), setTimeout(() => r().electSpaceMaster(), 100), {
+    return a.id === e && ut(a), setTimeout(() => r().electSpaceMaster(), 100), {
       users: {
         ...s.users,
-        [n]: c
+        [n]: a
       }
     };
   }),
@@ -2169,8 +2180,8 @@ const lr = g.createContext(), ut = (e) => {
       uid: null,
       timestamp: Date.now()
     };
-    Object.values(n).forEach(({ spaceJoinedTimestamp: s, id: c }) => {
-      s < o.timestamp && (o.id = c, o.timestamp = s);
+    Object.values(n).forEach(({ spaceJoinedTimestamp: s, id: a }) => {
+      s < o.timestamp && (o.id = a, o.timestamp = s);
     }), t({ isSpaceMaster: o.id === e });
   }
 }), On = (e) => ({
@@ -2181,7 +2192,7 @@ const lr = g.createContext(), ut = (e) => {
     return delete n[t], { cursors: n };
   })
 }), fr = ({ storeName: e, children: t }) => {
-  const { wire: r, isMaster: n } = Xe("room"), [o, s] = g.useState(null), [c, u] = g.useState(!1), l = g.useRef(!1);
+  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 = [];
@@ -2229,7 +2240,7 @@ const lr = g.createContext(), ut = (e) => {
     }
   }, [n, o, r]), g.useEffect(() => {
     n && o && o.getState().updateCurrentUser({ isMaster: n });
-  }, [n, o, r]), c ? /* @__PURE__ */ T(lr.Provider, { value: o, children: t }) : null;
+  }, [n, o, r]), a ? /* @__PURE__ */ T(lr.Provider, { value: o, children: t }) : null;
 }, Se = (e, t) => {
   const r = _e(lr);
   return We(r, e, t || Ve);
@@ -2240,7 +2251,7 @@ const lr = g.createContext(), ut = (e) => {
     u.users,
     u.updateCurrentUser,
     u.joinSpace
-  ]), s = g.useMemo(() => Object.values(r), [r]), c = g.useMemo(() => {
+  ]), s = g.useMemo(() => Object.values(r), [r]), a = g.useMemo(() => {
     const { space: u } = t;
     return s.filter(({ space: l }) => l === u);
   }, [t, s]);
@@ -2249,27 +2260,27 @@ const lr = g.createContext(), ut = (e) => {
     currentUser: t,
     updateCurrentUser: n,
     users: s,
-    localUsers: c,
+    localUsers: a,
     joinSpace: o
   };
 }, us = () => {
-  const [e, t, r] = re(
+  const [e, t, r] = oe(
     (o) => [o.boardConfig, o.getBoardConfig, o.setBoardConfig]
   ), n = g.useCallback(
     (o) => {
       let s = o;
       typeof o == "object" && (s = () => o);
-      const c = t(), u = s(c);
+      const a = t(), u = s(a);
       r(u);
     },
     [t, r]
   );
   return [e, n];
 }, ls = () => {
-  const [e] = Z((t) => [t.boardState]);
+  const [e] = Q((t) => [t.boardState]);
   return e;
 }, fs = () => {
-  const [e, t, r, n] = re((o) => [
+  const [e, t, r, n] = oe((o) => [
     o.getSessionInfo,
     o.setSessionInfo,
     o.updateSessionInfo,
@@ -2324,17 +2335,17 @@ const lr = g.createContext(), ut = (e) => {
   return We(r, e, t || Ve);
 }, Mn = () => {
 }, ds = (e = Mn) => {
-  const t = Se((c) => c.getUser()), [r, n, o] = Pn((c) => [
-    c.messages,
-    c.setMessages,
-    c.sendMessage
+  const t = Se((a) => a.getUser()), [r, n, o] = Pn((a) => [
+    a.messages,
+    a.setMessages,
+    a.sendMessage
   ]);
   g.useEffect(() => {
     r.length && e();
   }, [r, e]);
   const s = g.useCallback(
-    (c) => {
-      o(t, c);
+    (a) => {
+      o(t, a);
     },
     [t, o]
   );
@@ -2351,11 +2362,11 @@ const lr = g.createContext(), ut = (e) => {
   items: n = [],
   messages: o = [],
   LoadingComponent: s,
-  ...c
+  ...a
 }) => {
   const [u] = g.useState(t || pe()), [l] = g.useState(r || pe()), [d] = g.useState(() => ({
-    itemIds: n.map(({ id: a }) => a),
-    items: Object.fromEntries(n.map((a) => [a.id, a]))
+    itemIds: n.map(({ id: c }) => c),
+    items: Object.fromEntries(n.map((c) => [c.id, c]))
   }));
   return Xe("room") ? /* @__PURE__ */ T(
     Kt,
@@ -2367,7 +2378,7 @@ const lr = g.createContext(), ut = (e) => {
         {
           storeName: `${l}_item`,
           defaultValue: d,
-          children: /* @__PURE__ */ T(Ht, { ...c, session: l })
+          children: /* @__PURE__ */ T(Ht, { ...a, session: l })
         }
       ) })
     }
@@ -2388,7 +2399,7 @@ const lr = g.createContext(), ut = (e) => {
             {
               storeName: `${l}_item`,
               defaultValue: d,
-              children: /* @__PURE__ */ T(Ht, { ...c, session: l })
+              children: /* @__PURE__ */ T(Ht, { ...a, session: l })
             }
           ) })
         }
@@ -2410,7 +2421,7 @@ const lr = g.createContext(), ut = (e) => {
 }, nt = () => {
   const e = navigator.userAgent.toLowerCase();
   return /mac os ?x 10/.test(e);
-}, Dn = () => {
+}, jn = () => {
   const e = document.createElement("iframe");
   e.src = "#", document.body.appendChild(e);
   const t = e.contentWindow.document;
@@ -2419,7 +2430,7 @@ const lr = g.createContext(), ut = (e) => {
   ), t.close();
   const r = t.body.firstElementChild.offsetHeight;
   return document.body.removeChild(e), r;
-}, jn = Dn(), $n = 800, qt = (e, t) => {
+}, Dn = jn(), $n = 800, qt = (e, t) => {
   const r = Object.keys(e).map((n) => Number(n)).find((n) => n !== t);
   return e[r];
 }, Gt = ([e, t], [r, n]) => {
@@ -2446,43 +2457,43 @@ class zn {
     });
   }
 }
-const ne = new zn(), Fe = ({
+const se = new zn(), Fe = ({
   children: e,
   onDrag: t = de,
   onDragStart: r = de,
   onDragEnd: n = de,
   onPan: o = de,
   onTap: s = de,
-  onLongTap: c = de,
+  onLongTap: a = de,
   onDoubleTap: u = de,
   onZoom: l,
   mainAction: d = "drag"
 }) => {
-  const f = g.useRef(null), a = g.useRef({
+  const f = g.useRef(null), c = g.useRef({
     moving: !1,
     pointers: {},
     mainPointer: void 0
   }), h = (y) => {
     const {
-      deltaX: w,
+      deltaX: C,
       deltaY: x,
       clientX: p,
-      clientY: C,
+      clientY: w,
       deltaMode: m,
       ctrlKey: S,
       altKey: O,
       metaKey: k,
-      target: D
+      target: j
     } = y;
     if (!(O || S && !nt()))
       if (nt() && !S)
-        ne.add(o, {
-          deltaX: -2 * w,
+        se.add(o, {
+          deltaX: -2 * C,
           deltaY: -2 * x,
           button: 1,
           ctrlKey: S,
           metaKey: k,
-          target: D,
+          target: j,
           event: y
         });
       else {
@@ -2491,241 +2502,241 @@ const ne = new zn(), Fe = ({
         let M = x;
         switch (m) {
           case 1:
-            M *= jn;
+            M *= Dn;
             break;
           case 2:
             M *= $n;
             break;
         }
-        nt() && (M *= 2), ne.add(l, { scale: M, clientX: p, clientY: C, event: y });
+        nt() && (M *= 2), se.add(l, { scale: M, clientX: p, clientY: w, event: y });
       }
   }, _ = (y) => {
     const {
-      target: w,
+      target: C,
       button: x,
       clientX: p,
-      clientY: C,
+      clientY: w,
       pointerId: m,
       altKey: S,
       ctrlKey: O,
       metaKey: k,
-      isPrimary: D
+      isPrimary: j
     } = y;
-    if (a.current.pointers[m] = { clientX: p, clientY: C }, D && (a.current.mainPointer = void 0), a.current.mainPointer !== void 0) {
-      if (a.current.mainPointer !== m)
+    if (c.current.pointers[m] = { clientX: p, clientY: w }, j && (c.current.mainPointer = void 0), c.current.mainPointer !== void 0) {
+      if (c.current.mainPointer !== m)
         try {
-          const { clientX: M, clientY: L } = qt(
-            a.current.pointers,
+          const { clientX: M, clientY: A } = qt(
+            c.current.pointers,
             m
-          ), N = (M + p) / 2, U = (L + C) / 2, J = Gt(
-            [M, L],
-            [p, C]
+          ), N = (M + p) / 2, U = (A + w) / 2, J = Gt(
+            [M, A],
+            [p, w]
           );
-          Object.assign(a.current, {
+          Object.assign(c.current, {
             pressed: !0,
             moving: !1,
             gestureStart: !1,
             startX: p,
-            startY: C,
+            startY: w,
             prevX: N,
             prevY: U,
             startDistance: J,
             prevDistance: J
           });
         } catch (M) {
-          console.log("Error while getting other pointer. Ignoring", M), a.current.mainPointer;
+          console.log("Error while getting other pointer. Ignoring", M), c.current.mainPointer;
         }
       return;
     }
-    a.current.mainPointer = m, Object.assign(a.current, {
+    c.current.mainPointer = m, Object.assign(c.current, {
       pressed: !0,
       moving: !1,
       gestureStart: !1,
       startX: p,
-      startY: C,
+      startY: w,
       prevX: p,
-      prevY: C,
+      prevY: w,
       currentButton: x,
       pointerDownEvent: y,
       startDistance: 0,
       prevDistance: 0,
-      target: w,
+      target: C,
       timeStart: Date.now(),
       longTapTimeout: setTimeout(async () => {
-        a.current.noTap = !0, ne.add(c, {
+        c.current.noTap = !0, se.add(a, {
           clientX: p,
-          clientY: C,
+          clientY: w,
           altKey: S,
           ctrlKey: O,
           metaKey: k,
-          target: w,
+          target: C,
           event: y
         });
       }, 750)
     });
     try {
-      w.setPointerCapture(m);
+      C.setPointerCapture(m);
     } catch (M) {
       console.log("Fail to capture pointer", M);
     }
   }, v = (y) => {
-    if (a.current.pressed) {
+    if (c.current.pressed) {
       const {
-        pointerId: w,
+        pointerId: C,
         clientX: x,
         clientY: p,
-        altKey: C,
+        altKey: w,
         shiftKey: m,
         ctrlKey: S,
         metaKey: O,
         buttons: k
       } = y;
-      a.current.pointers[w] = {
+      c.current.pointers[C] = {
         clientX: x,
         clientY: p
-      }, a.current.moving = !0;
-      const D = Object.keys(a.current.pointers).length === 2;
-      let M, L, N = 0;
-      if (D) {
-        const { clientX: $, clientY: B } = qt(
-          a.current.pointers,
-          w
+      }, c.current.moving = !0;
+      const j = Object.keys(c.current.pointers).length === 2;
+      let M, A, N = 0;
+      if (j) {
+        const { clientX: $, clientY: z } = qt(
+          c.current.pointers,
+          C
         );
-        M = ($ + x) / 2, L = (B + p) / 2, N = Gt(
-          [$, B],
+        M = ($ + x) / 2, A = (z + p) / 2, N = Gt(
+          [$, z],
           [x, p]
         );
       } else
-        M = x, L = p;
-      let U = m || C || S || O || k !== 1;
+        M = x, A = p;
+      let U = m || w || S || O || k !== 1;
       d !== "drag" && (U = !U);
       const J = !U, P = U;
       if (J) {
-        a.current.gestureStart || (f.current.style.cursor = "move", a.current.gestureStart = !0, clearTimeout(a.current.longTapTimeout), ne.add(r, {
+        c.current.gestureStart || (f.current.style.cursor = "move", c.current.gestureStart = !0, clearTimeout(c.current.longTapTimeout), se.add(r, {
           deltaX: 0,
           deltaY: 0,
-          startX: a.current.startX,
-          startY: a.current.startY,
-          clientX: a.current.startX,
-          clientY: a.current.startY,
+          startX: c.current.startX,
+          startY: c.current.startY,
+          clientX: c.current.startX,
+          clientY: c.current.startY,
           distanceX: 0,
           distanceY: 0,
-          button: a.current.currentButton,
-          altKey: C,
+          button: c.current.currentButton,
+          altKey: w,
           shiftKey: m,
           ctrlKey: S,
           metaKey: O,
-          target: a.current.target,
-          event: a.current.pointerDownEvent
+          target: c.current.target,
+          event: c.current.pointerDownEvent
         }));
-        const $ = M - a.current.prevX, B = L - a.current.prevY, V = M - a.current.startX, A = L - a.current.startY;
-        ne.add(t, {
+        const $ = M - c.current.prevX, z = A - c.current.prevY, V = M - c.current.startX, Y = A - c.current.startY;
+        se.add(t, {
           deltaX: $,
-          deltaY: B,
-          startX: a.current.startX,
-          startY: a.current.startY,
+          deltaY: z,
+          startX: c.current.startX,
+          startY: c.current.startY,
           clientX: M,
-          clientY: L,
+          clientY: A,
           distanceX: V,
-          distanceY: A,
-          button: a.current.currentButton,
-          altKey: C,
+          distanceY: Y,
+          button: c.current.currentButton,
+          altKey: w,
           shiftKey: m,
           ctrlKey: S,
           metaKey: O,
-          target: a.current.target,
+          target: c.current.target,
           event: y
         });
       }
       if (P) {
-        a.current.gestureStart || (f.current.style.cursor = "move", a.current.gestureStart = !0, clearTimeout(a.current.longTapTimeout));
-        const $ = M - a.current.prevX, B = L - a.current.prevY, { target: V } = a.current;
-        if (ne.add(o, {
+        c.current.gestureStart || (f.current.style.cursor = "move", c.current.gestureStart = !0, clearTimeout(c.current.longTapTimeout));
+        const $ = M - c.current.prevX, z = A - c.current.prevY, { target: V } = c.current;
+        if (se.add(o, {
           deltaX: $,
-          deltaY: B,
-          button: a.current.currentButton,
-          altKey: C,
+          deltaY: z,
+          button: c.current.currentButton,
+          altKey: w,
           shiftKey: m,
           ctrlKey: S,
           metaKey: O,
           target: V,
           event: y
-        }), N !== a.current.prevDistance && l) {
-          const A = a.current.prevDistance - N;
-          Math.abs(A) > 0 && (ne.add(l, {
-            scale: A * 3,
+        }), N !== c.current.prevDistance && l) {
+          const Y = c.current.prevDistance - N;
+          Math.abs(Y) > 0 && (se.add(l, {
+            scale: Y * 3,
             clientX: M,
-            clientY: L,
+            clientY: A,
             event: y
-          }), a.current.prevDistance = N);
+          }), c.current.prevDistance = N);
         }
       }
-      a.current.prevX = M, a.current.prevY = L;
+      c.current.prevX = M, c.current.prevY = A;
     }
   }, E = (y) => {
     const {
-      clientX: w,
+      clientX: C,
       clientY: x,
       altKey: p,
-      shiftKey: C,
+      shiftKey: w,
       ctrlKey: m,
       metaKey: S,
       target: O,
       pointerId: k
     } = y;
-    if (a.current.pointers[k]) {
-      if (delete a.current.pointers[k], a.current.mainPointer !== k) {
-        const { clientX: D, clientY: M } = a.current.pointers[a.current.mainPointer];
-        Object.assign(a.current, {
-          prevX: D,
+    if (c.current.pointers[k]) {
+      if (delete c.current.pointers[k], c.current.mainPointer !== k) {
+        const { clientX: j, clientY: M } = c.current.pointers[c.current.mainPointer];
+        Object.assign(c.current, {
+          prevX: j,
           prevY: M,
           prevDistance: 0,
           startDistance: 0
         });
         return;
       }
-      for (; Object.keys(a.current.pointers).length > 0; ) {
-        a.current.mainPointer = Number(
-          Object.keys(a.current.pointers)[0]
+      for (; Object.keys(c.current.pointers).length > 0; ) {
+        c.current.mainPointer = Number(
+          Object.keys(c.current.pointers)[0]
         );
         try {
-          a.current.target.setPointerCapture(a.current.mainPointer);
-          const { clientX: D, clientY: M } = a.current.pointers[a.current.mainPointer];
-          Object.assign(a.current, {
-            prevX: D,
+          c.current.target.setPointerCapture(c.current.mainPointer);
+          const { clientX: j, clientY: M } = c.current.pointers[c.current.mainPointer];
+          Object.assign(c.current, {
+            prevX: j,
             prevY: M,
             prevDistance: 0,
             startDistance: 0
           });
           return;
-        } catch (D) {
-          console.log("Fails to set pointer capture", D), a.current.mainPointer = void 0, delete a.current.pointers[Object.keys(a.current.pointers)[0]];
+        } 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]];
         }
       }
-      if (a.current.mainPointer = void 0, a.current.pressed = !1, clearTimeout(a.current.longTapTimeout), a.current.moving)
-        a.current.moving = !1, ne.add(n, {
-          deltaX: w - a.current.prevX,
-          deltaY: x - a.current.prevY,
-          startX: a.current.startX,
-          startY: a.current.startY,
-          clientX: w,
+      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,
+          startX: c.current.startX,
+          startY: c.current.startY,
+          clientX: C,
           clientY: x,
-          distanceX: w - a.current.startX,
-          distanceY: x - a.current.startY,
-          button: a.current.currentButton,
+          distanceX: C - c.current.startX,
+          distanceY: x - c.current.startY,
+          button: c.current.currentButton,
           altKey: p,
-          shiftKey: C,
+          shiftKey: w,
           ctrlKey: m,
           metaKey: S,
           event: y
         }), f.current.style.cursor = "auto";
       else {
-        const D = Date.now();
-        a.current.noTap ? a.current.noTap = !1 : a.current.timeStart - D < 300 && ne.add(s, {
-          clientX: w,
+        const j = Date.now();
+        c.current.noTap ? c.current.noTap = !1 : c.current.timeStart - j < 300 && se.add(s, {
+          clientX: C,
           clientY: x,
           altKey: p,
-          shiftKey: C,
+          shiftKey: w,
           ctrlKey: m,
           metaKey: S,
           target: O,
@@ -2745,12 +2756,12 @@ const ne = new zn(), Fe = ({
       onPointerLeave: E,
       onPointerCancel: E,
       onDoubleClick: (y) => {
-        const { clientX: w, clientY: x, altKey: p, shiftKey: C, ctrlKey: m, metaKey: S, target: O } = y;
-        ne.add(u, {
-          clientX: w,
+        const { clientX: C, clientY: x, altKey: p, shiftKey: w, ctrlKey: m, metaKey: S, target: O } = y;
+        se.add(u, {
+          clientX: C,
           clientY: x,
           altKey: p,
-          shiftKey: C,
+          shiftKey: w,
           ctrlKey: m,
           metaKey: S,
           target: O,
@@ -2763,9 +2774,9 @@ const ne = new zn(), Fe = ({
     }
   );
 }, ot = ({ onResize: e, ...t }) => {
-  const [r] = Z((o) => [o.getBoardState]);
-  return /* @__PURE__ */ T(Fe, { onDrag: ({ deltaX: o, deltaY: s, event: c }) => {
-    c.stopPropagation();
+  const [r] = Q((o) => [o.getBoardState]);
+  return /* @__PURE__ */ T(Fe, { onDrag: ({ deltaX: o, deltaY: s, event: a }) => {
+    a.stopPropagation();
     const { scale: u } = r();
     e({
       width: o / u,
@@ -2776,11 +2787,11 @@ const ne = new zn(), Fe = ({
 let Yn = { data: "" }, Bn = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || Yn, Nn = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Xn = /\/\*[^]*?\*\/|  +/g, Jt = /\n+/g, fe = (e, t) => {
   let r = "", n = "", o = "";
   for (let s in e) {
-    let c = e[s];
-    s[0] == "@" ? s[1] == "i" ? r = s + " " + c + ";" : n += s[1] == "f" ? fe(c, s) : s + "{" + fe(c, s[1] == "k" ? "" : t) + "}" : typeof c == "object" ? n += fe(c, t ? t.replace(/([^,])+/g, (u) => s.replace(/(^:.*)|([^,])+/g, (l) => /&/.test(l) ? l.replace(/&/g, u) : u ? u + " " + l : l)) : s) : c != null && (s = /^--/.test(s) ? s : s.replace(/[A-Z]/g, "-$&").toLowerCase(), o += fe.p ? fe.p(s, c) : s + ":" + c + ";");
+    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;
-}, ae = {}, pr = (e) => {
+}, ce = {}, pr = (e) => {
   if (typeof e == "object") {
     let t = "";
     for (let r in e)
@@ -2789,39 +2800,39 @@ let Yn = { data: "" }, Bn = (e) => typeof window == "object" ? ((e ? e.querySele
   }
   return e;
 }, Un = (e, t, r, n, o) => {
-  let s = pr(e), c = ae[s] || (ae[s] = ((l) => {
+  let s = pr(e), a = ce[s] || (ce[s] = ((l) => {
     let d = 0, f = 11;
     for (; d < l.length; )
       f = 101 * f + l.charCodeAt(d++) >>> 0;
     return "go" + f;
   })(s));
-  if (!ae[c]) {
+  if (!ce[a]) {
     let l = s !== e ? e : ((d) => {
-      let f, a, h = [{}];
+      let f, c, h = [{}];
       for (; f = Nn.exec(d.replace(Xn, "")); )
-        f[4] ? h.shift() : f[3] ? (a = f[3].replace(Jt, " ").trim(), h.unshift(h[0][a] = h[0][a] || {})) : h[0][f[1]] = f[2].replace(Jt, " ").trim();
+        f[4] ? h.shift() : f[3] ? (c = f[3].replace(Jt, " ").trim(), h.unshift(h[0][c] = h[0][c] || {})) : h[0][f[1]] = f[2].replace(Jt, " ").trim();
       return h[0];
     })(e);
-    ae[c] = fe(o ? { ["@keyframes " + c]: l } : l, r ? "" : "." + c);
+    ce[a] = fe(o ? { ["@keyframes " + a]: l } : l, r ? "" : "." + a);
   }
-  let u = r && ae.g ? ae.g : null;
-  return r && (ae.g = ae[c]), ((l, d, f, a) => {
-    a ? d.data = d.data.replace(a, l) : d.data.indexOf(l) === -1 && (d.data = f ? l + d.data : d.data + l);
-  })(ae[c], t, n, u), c;
+  let u = r && ce.g ? ce.g : null;
+  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;
 }, Wn = (e, t, r) => e.reduce((n, o, s) => {
-  let c = t[s];
-  if (c && c.call) {
-    let u = c(r), l = u && u.props && u.props.className || /^go/.test(u) && u;
-    c = l ? "." + l : u && typeof u == "object" ? u.props ? "" : fe(u, "") : u === !1 ? "" : u;
+  let a = t[s];
+  if (a && a.call) {
+    let u = a(r), l = u && u.props && u.props.className || /^go/.test(u) && u;
+    a = l ? "." + l : u && typeof u == "object" ? u.props ? "" : fe(u, "") : u === !1 ? "" : u;
   }
-  return n + o + (c ?? "");
+  return n + o + (a ?? "");
 }, "");
-function H(e) {
+function K(e) {
   let t = this || {}, r = e.call ? e(t.p) : e;
   return Un(r.unshift ? r.raw ? Wn(r, [].slice.call(arguments, 1), t.p) : r.reduce((n, o) => Object.assign(n, o && o.call ? o(t.p) : o), {}) : r, Bn(t.target), t.g, t.o, t.k);
 }
-H.bind({ g: 1 });
-H.bind({ k: 1 });
+K.bind({ g: 1 });
+K.bind({ k: 1 });
 function Vn(e, t, r, n) {
   fe.p = t;
 }
@@ -2852,44 +2863,44 @@ var Fn = function e(t, r) {
       if (!Object.prototype.hasOwnProperty.call(r, s[o]))
         return !1;
     for (o = n; o-- !== 0; ) {
-      var c = s[o];
-      if (!e(t[c], r[c]))
+      var a = s[o];
+      if (!e(t[a], r[a]))
         return !1;
     }
     return !0;
   }
   return t !== t && r !== r;
 };
-const Kn = H`
+const Kn = K`
   display: inline-block;
   transition: transform 150ms;
   user-select: none;
   padding: 2px;
   box-sizing: border-box;
-`, Hn = H`
+`, Hn = K`
   border: 2px dashed #db5034;
   padding: 0px;
   cursor: pointer;
-`, we = H`
+`, Ce = K`
   position: absolute;
   width: 0px;
   height: 0px;
-`, qn = H`
+`, qn = K`
   top: 0;
   left: 0;
-`, Gn = H`
+`, Gn = K`
   top: 0;
   right: 0;
-`, Jn = H`
+`, Jn = K`
   bottom: 0;
   left: 0;
-`, Zn = H`
+`, Zn = K`
   bottom: 0;
   right: 0;
-`, Qn = H`
+`, Qn = K`
   top: 50%;
   left: 50%;
-`, st = H`
+`, st = K`
   position: absolute;
 
   width: 10px;
@@ -2897,22 +2908,22 @@ const Kn = H`
   border: 2px solid #db5034;
   background-color: #db5034;
   cursor: move;
-`, eo = H`
+`, eo = K`
   cursor: ew-resize;
   right: -6px;
   top: calc(50% - 5px);
-`, to = H`
+`, to = K`
   cursor: ns-resize;
   bottom: -6px;
   left: calc(50% - 5px);
-`, ro = H`
+`, ro = K`
   cursor: nwse-resize;
   bottom: -6px;
   right: -6px;
-`, no = ({ onReload: e }) => /* @__PURE__ */ ue(
+`, no = ({ onReload: e }) => /* @__PURE__ */ le(
   "div",
   {
-    className: `syncboard-error-item ${H({
+    className: `syncboard-error-item ${K({
       width: "100px",
       display: "flex",
       flexDirection: "column",
@@ -2958,21 +2969,21 @@ const so = (e) => {
   prevState: o,
   keepRatio: s
 }) => {
-  let { width: c, height: u } = o;
-  if ([c, u] = [
-    parseFloat(c),
+  let { width: a, height: u } = o;
+  if ([a, u] = [
+    parseFloat(a),
     parseFloat(u)
-  ], (!c || Number.isNaN(Number(c))) && (c = r), (!u || Number.isNaN(Number(u))) && (u = n), s) {
-    const l = c / u;
+  ], (!a || Number.isNaN(Number(a))) && (a = r), (!u || Number.isNaN(Number(u))) && (u = n), s) {
+    const l = a / u;
     return {
       ...o,
-      width: (c + e).toFixed(1),
+      width: (a + e).toFixed(1),
       height: (u + t / l).toFixed(1)
     };
   }
   return {
     ...o,
-    width: (c + e).toFixed(1),
+    width: (a + e).toFixed(1),
     height: (u + t).toFixed(1)
   };
 }, ao = {
@@ -2981,44 +2992,44 @@ const so = (e) => {
   b: !0
 }, co = ({
   setState: e,
-  state: { type: t, rotation: r = 0, id: n, locked: o, extraClasses: s, ...c } = {},
+  state: { type: t, rotation: r = 0, id: n, locked: o, extraClasses: s, ...a } = {},
   animate: u = "hvr-pop",
   isSelected: l,
   itemMap: d,
   showResizeHandle: f = !0
 }) => {
   var m;
-  const a = g.useRef(null), {
+  const c = g.useRef(null), {
     component: h = () => null,
     resizeDirections: _ = ao,
     resize: v = io
   } = d[t], E = g.useCallback(
-    (S) => e(n, S),
+    (S, O = !1) => e(n, S, O),
     [e, n]
   );
   g.useEffect(() => {
-    a.current.className = u;
+    c.current.className = u;
   }, [u]);
   const I = ["item", n, Kn];
   o && I.push("locked"), l && (I.push("selected"), I.push(Hn));
-  const y = I.join(" "), w = ({ width: S = 0, height: O = 0, keepRatio: k }) => {
-    E((D) => {
-      const { offsetWidth: M, offsetHeight: L } = a.current;
+  const y = I.join(" "), C = ({ width: S = 0, height: O = 0, keepRatio: k }) => {
+    E((j) => {
+      const { offsetWidth: M, offsetHeight: A } = c.current;
       return v({
-        prevState: D,
+        prevState: j,
         width: S,
         height: O,
-        actualHeight: L,
+        actualHeight: A,
         actualWidth: M,
         keepRatio: k
       });
     });
   }, x = ({ width: S }) => {
-    w({ width: S });
+    C({ width: S });
   }, p = ({ height: S }) => {
-    w({ height: S });
-  }, C = ({ width: S }) => {
-    w({ height: S, width: S, keepRatio: !0 });
+    C({ height: S });
+  }, w = ({ width: S }) => {
+    C({ height: S, width: S, keepRatio: !0 });
   };
   return /* @__PURE__ */ T(
     "div",
@@ -3026,11 +3037,11 @@ const so = (e) => {
       style: { transform: `rotate(${r}deg` },
       "data-id": n,
       className: y,
-      children: /* @__PURE__ */ ue(
+      children: /* @__PURE__ */ le(
         "div",
         {
           style: { display: "flex" },
-          ref: a,
+          ref: c,
           onAnimationEnd: so,
           onKeyDown: (S) => S.stopPropagation(),
           onKeyUp: (S) => S.stopPropagation(),
@@ -3039,22 +3050,22 @@ const so = (e) => {
               oo,
               {
                 itemId: n,
-                state: c,
+                state: a,
                 ErrorComponent: ((m = d == null ? void 0 : d.error) == null ? void 0 : m.component) || no,
-                children: /* @__PURE__ */ T(h, { ...c, id: n, setState: E })
+                children: /* @__PURE__ */ T(h, { ...a, id: n, setState: E })
               }
             ),
-            /* @__PURE__ */ T("div", { className: `corner ${we} ${qn}` }),
-            /* @__PURE__ */ T("div", { className: `corner ${we} ${Gn}` }),
-            /* @__PURE__ */ T("div", { className: `corner ${we} ${Zn}` }),
-            /* @__PURE__ */ T("div", { className: `corner ${we} ${Jn}` }),
-            /* @__PURE__ */ T("div", { className: `center ${we} ${Qn}` }),
-            f && /* @__PURE__ */ ue(Wr, { children: [
+            /* @__PURE__ */ T("div", { className: `corner ${Ce} ${qn}` }),
+            /* @__PURE__ */ T("div", { className: `corner ${Ce} ${Gn}` }),
+            /* @__PURE__ */ T("div", { className: `corner ${Ce} ${Zn}` }),
+            /* @__PURE__ */ T("div", { className: `corner ${Ce} ${Jn}` }),
+            /* @__PURE__ */ T("div", { className: `center ${Ce} ${Qn}` }),
+            f && /* @__PURE__ */ le(Wr, { children: [
               _.b && /* @__PURE__ */ T(
                 ot,
                 {
                   className: `${st} ${ro}`,
-                  onResize: C
+                  onResize: w
                 }
               ),
               _.h && /* @__PURE__ */ T(
@@ -3087,15 +3098,15 @@ const so = (e) => {
   }, {
     state: o,
     setState: s,
-    isSelected: c,
+    isSelected: a,
     showResizeHandle: u
-  }) => r === c && n === u && t === s && Fn(e, o)
+  }) => r === a && n === u && t === s && Fn(e, o)
 ), lo = (e) => e, fo = ({ state: e = {}, getCurrentUser: t, className: r, ...n }) => {
   if (!n.itemMap[e.type])
     return null;
   const { stateHook: o = lo } = n.itemMap[e.type], {
     x: s = 0,
-    y: c = 0,
+    y: a = 0,
     layer: u = 0,
     moving: l,
     ...d
@@ -3105,7 +3116,7 @@ const so = (e) => {
     {
       className: r,
       style: {
-        transform: `translate(${s}px, ${c}px)`,
+        transform: `translate(${s}px, ${a}px)`,
         zIndex: f
       },
       children: /* @__PURE__ */ T(
@@ -3119,17 +3130,17 @@ const so = (e) => {
     }
   );
 }, po = rr(fo), mo = () => {
-  const { updateItem: e } = gt(), [t, r] = re((d) => [
+  const { updateItem: e } = gt(), [t, r] = oe((d) => [
     d.itemIds,
     d.items
-  ]), [n, o, s, c] = Z(
+  ]), [n, o, s, a] = Q(
     (d) => [
       d.config.boardSize,
       d.config.showResizeHandle,
       d.config.itemTemplates,
       d.selection
     ]
-  ), [u] = Se((d) => [d.getUser]), l = H({
+  ), [u] = Se((d) => [d.getUser]), l = K({
     position: "absolute",
     top: `${n / 2}px`,
     left: `${n / 2}px`,
@@ -3141,7 +3152,7 @@ const so = (e) => {
     {
       state: r[d],
       setState: e,
-      isSelected: c.includes(d),
+      isSelected: a.includes(d),
       itemMap: s,
       boardSize: n,
       getCurrentUser: u,
@@ -3164,7 +3175,7 @@ function vo(e, ...t) {
   e && e.removeEventListener && e.removeEventListener(...t);
 }
 const yo = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
-function ce(e, ...t) {
+function ue(e, ...t) {
   const r = go(), n = pt(t[1]), o = lt(
     () => (
       // as some event listeners designed to be used through `this`
@@ -3182,11 +3193,11 @@ function ce(e, ...t) {
     const s = e && yo(e, "current") ? e.current : e;
     if (!s)
       return;
-    const c = t.slice(2);
-    return ho(s, t[0], o, ...c), () => vo(s, t[0], o, ...c);
+    const a = t.slice(2);
+    return ho(s, t[0], o, ...a), () => vo(s, t[0], o, ...a);
   }, [e, t[0]]);
 }
-const So = H({
+const So = K({
   zIndex: 210,
   position: "absolute",
   backgroundColor: "hsla(0, 40%, 50%, 10%)",
@@ -3197,7 +3208,7 @@ const So = H({
     return [];
   const o = n[0];
   return Array.from(t.getElementsByClassName("item")).filter((s) => {
-    const c = Te(s), u = e[c];
+    const a = Te(s), u = e[a];
     return !u || !r && u.locked ? !1 : on(s, o);
   }).map((s) => Te(s));
 }, bo = ({ children: e, moveFirst: t }) => {
@@ -3206,9 +3217,9 @@ const So = H({
     n,
     o,
     s,
-    c,
+    a,
     u
-  ] = Z((m) => [
+  ] = Q((m) => [
     m.getSelection,
     m.clear,
     m.setSelection,
@@ -3216,23 +3227,23 @@ const So = H({
     m.getConfiguration,
     m.getBoardState,
     m.updateBoardState
-  ]), { findElementUnderPointer: l } = gt(), [d] = re((m) => [m.getItems]), [f, a] = g.useState({}), [, h] = g.useTransition(), [_, v] = g.useState(!1), E = g.useRef(null), I = g.useRef({
+  ]), { findElementUnderPointer: l } = gt(), [d] = oe((m) => [m.getItems]), [f, c] = g.useState({}), [, h] = g.useTransition(), [_, v] = g.useState(!1), E = g.useRef(null), I = g.useRef({
     moving: !1
   });
-  return ce(document, "keydown", (m) => {
+  return ue(document, "keydown", (m) => {
     m.key === "l" && v(!0);
-  }), ce(document, "keyup", (m) => {
+  }), ue(document, "keyup", (m) => {
     m.key === "l" && v(!1);
   }), g.useEffect(() => (n(), () => {
     n();
   }), [n]), g.useEffect(() => {
     if (I.current.moving) {
-      const m = d(), { boardWrapper: S } = c(), O = _o(m, S, _);
+      const m = d(), { boardWrapper: S } = a(), O = _o(m, S, _);
       h(() => {
         o(O);
       });
     }
-  }, [c, d, f, o, _]), /* @__PURE__ */ T(
+  }, [a, d, f, o, _]), /* @__PURE__ */ T(
     Fe,
     {
       onDragStart: async (m) => {
@@ -3242,27 +3253,27 @@ const So = H({
       },
       onDrag: ({ distanceY: m, distanceX: S, startX: O, startY: k }) => {
         if (I.current.moving) {
-          const { top: D, left: M } = E.current.getBoundingClientRect(), L = O - M, N = k - D;
-          S > 0 ? (I.current.left = L, I.current.width = S) : (I.current.left = L + S, I.current.width = -S), m > 0 ? (I.current.top = N, I.current.height = m) : (I.current.top = N + m, I.current.height = -m), a({ ...I.current, moving: !0 });
+          const { top: j, left: M } = E.current.getBoundingClientRect(), A = O - M, N = k - j;
+          S > 0 ? (I.current.left = A, I.current.width = S) : (I.current.left = A + S, I.current.width = -S), m > 0 ? (I.current.top = N, I.current.height = m) : (I.current.top = N + m, I.current.height = -m), c({ ...I.current, moving: !0 });
         }
       },
       onDragEnd: () => {
         I.current.moving && (h(() => {
           u({ selecting: !1 });
-        }), I.current.moving = !1, a({ moving: !1 }), E.current.style.cursor = "auto");
+        }), I.current.moving = !1, c({ moving: !1 }), E.current.style.cursor = "auto");
       },
       onTap: (m) => {
-        const { target: S, ctrlKey: O, metaKey: k } = m, D = l(m);
-        if (!D && Oe(S, "board"))
+        const { target: S, ctrlKey: O, metaKey: k } = m, j = l(m);
+        if (!j && Oe(S, "board"))
           n();
         else {
-          const M = Te(D);
+          const M = Te(j);
           if (!M) {
             n();
             return;
           }
-          const L = r();
-          D && !L.includes(M) && (O || k ? s([M]) : o([M]));
+          const A = r();
+          j && !A.includes(M) && (O || k ? s([M]) : o([M]));
         }
       },
       onLongTap: ({ target: m }) => {
@@ -3273,7 +3284,7 @@ const So = H({
         }
       },
       mainAction: t ? "pan" : "drag",
-      children: /* @__PURE__ */ ue("div", { ref: E, children: [
+      children: /* @__PURE__ */ le("div", { ref: E, children: [
         f.moving && /* @__PURE__ */ T(
           "div",
           {
@@ -3290,54 +3301,54 @@ const So = H({
     }
   );
 }, Eo = ({ children: e }) => {
-  const { moveItems: t, placeItems: r, findElementUnderPointer: n } = gt(), { vectorFromWrapperToBoard: o } = Me(), [s, c, u, l, d] = Z((y) => [
+  const { moveItems: t, placeItems: r, findElementUnderPointer: n } = gt(), { vectorFromWrapperToBoard: o } = Me(), [s, a, u, l, d] = Q((y) => [
     y.select,
     y.setSelection,
     y.getSelection,
     y.getBoardState,
     y.updateBoardState
-  ]), [f] = re((y) => [y.getBoardConfig]), a = g.useRef({}), h = g.useRef({
+  ]), [f] = oe((y) => [y.getBoardConfig]), c = g.useRef({}), h = g.useRef({
     items: []
   }), _ = (y) => {
-    const { ctrlKey: w, metaKey: x, event: p } = y, C = n(y);
-    if (C) {
+    const { ctrlKey: C, metaKey: x, event: p } = y, w = n(y);
+    if (w) {
       p.stopPropagation();
       const m = u();
       h.current.items = m;
-      const S = Te(C);
-      m.includes(S) || (w || x ? (h.current.items = [...m, S], s([S])) : (h.current.items = [S], c([S]))), Object.assign(a.current, {
+      const S = Te(w);
+      m.includes(S) || (C || x ? (h.current.items = [...m, S], s([S])) : (h.current.items = [S], a([S]))), Object.assign(c.current, {
         moving: !0
       });
     }
-  }, v = ({ deltaX: y, deltaY: w, event: x }) => {
-    if (a.current.moving) {
+  }, v = ({ deltaX: y, deltaY: C, event: x }) => {
+    if (c.current.moving) {
       x.stopPropagation();
-      const { movingItems: p } = l(), [C, m] = o(y, w);
+      const { movingItems: p } = l(), [w, m] = o(y, C);
       t(
         h.current.items,
         {
-          x: C,
+          x: w,
           y: m
         },
         !0
       ), p || d({ movingItems: !0 });
     }
   }, E = () => {
-    if (a.current.moving) {
-      const { gridSize: y = 1 } = f(), w = y || 1;
-      a.current = { moving: !1 }, r(h.current.items, {
+    if (c.current.moving) {
+      const { gridSize: y = 1 } = f(), C = y || 1;
+      c.current = { moving: !1 }, r(h.current.items, {
         type: "grid",
-        size: w
+        size: C
       }), d({ movingItems: !1 });
     }
   };
-  return ce(document, "keydown", (y) => {
+  return ue(document, "keydown", (y) => {
     if (["INPUT", "TEXTAREA"].includes(y.target.tagName))
       return;
-    const w = u();
-    if (w.length) {
+    const C = u();
+    if (C.length) {
       const { gridSize: x = 1 } = f();
-      let p = 0, C = 0;
+      let p = 0, w = 0;
       switch (y.key) {
         case "ArrowLeft":
           p = -10;
@@ -3346,50 +3357,50 @@ const So = H({
           p = 10;
           break;
         case "ArrowUp":
-          C = -10;
+          w = -10;
           break;
         case "ArrowDown":
-          C = 10;
+          w = 10;
           break;
       }
-      if (p || C) {
-        y.shiftKey && (p *= 5, C *= 5), (y.ctrlKey || y.altKey || y.metaKey) && (p /= 10, C /= 10);
-        const [m, S] = o(p, C);
+      if (p || w) {
+        y.shiftKey && (p *= 5, w *= 5), (y.ctrlKey || y.altKey || y.metaKey) && (p /= 10, w /= 10);
+        const [m, S] = o(p, w);
         t(
-          w,
+          C,
           {
             x: m,
             y: S
           },
           !0
-        ), r(w, {
+        ), r(C, {
           type: "grid",
           size: x || 1
         }), y.preventDefault();
       }
     }
   }), /* @__PURE__ */ T(Fe, { onDragStart: _, onDrag: v, onDragEnd: E, children: e });
-}, Co = (e) => {
+}, wo = (e) => {
   const t = g.useRef({ hover: !1, x: 0, y: 0 });
-  return ce(e.current, "mousemove", (n) => {
+  return ue(e.current, "mousemove", (n) => {
     const { clientX: o, clientY: s } = n;
     t.current.x = o, t.current.y = s;
-  }), ce(e.current, "mouseenter", () => {
+  }), ue(e.current, "mouseenter", () => {
     t.current.hover = !0;
-  }), ce(e.current, "mouseleave", () => {
+  }), ue(e.current, "mouseleave", () => {
     t.current.hover = !1;
   }), g.useCallback(() => t.current, []);
-}, wo = [...Array(5).keys()].map((e) => `Digit${e + 1}`), xo = () => {
-  const [e, t] = g.useState({}), [r, n] = Z((o) => [
+}, Co = [...Array(5).keys()].map((e) => `Digit${e + 1}`), xo = () => {
+  const [e, t] = g.useState({}), [r, n] = Q((o) => [
     o.getBoardState,
     o.updateBoardState
   ]);
-  return ce(document, "keydown", (o) => {
-    if (!["INPUT", "TEXTAREA"].includes(o.target.tagName) && wo.includes(o.code)) {
-      const s = o.code, { translateX: c, translateY: u, scale: l } = r();
+  return ue(document, "keydown", (o) => {
+    if (!["INPUT", "TEXTAREA"].includes(o.target.tagName) && Co.includes(o.code)) {
+      const s = o.code, { translateX: a, translateY: u, scale: l } = r();
       o.altKey || o.metaKey || o.ctrlKey || o.shiftKey ? t((d) => ({
         ...d,
-        [s]: { translateX: c, translateY: u, scale: l }
+        [s]: { translateX: a, translateY: u, scale: l }
       })) : e[s] && n(e[s]), o.preventDefault();
     }
   }), null;
@@ -3398,9 +3409,9 @@ const So = H({
     n,
     o,
     s,
-    c,
+    a,
     u
-  ] = Z((p) => [
+  ] = Q((p) => [
     {
       translateX: p.boardState.translateX,
       translateY: p.boardState.translateY,
@@ -3411,36 +3422,36 @@ const So = H({
     p.getConfiguration,
     p.updateBoardState,
     p.getSelection
-  ]), { zoomToCenter: l, zoomToExtent: d, moveBoard: f } = Me(), [a, h] = g.useState(!1), _ = g.useRef({}), v = Co(r);
+  ]), { zoomToCenter: l, zoomToExtent: d, moveBoard: f } = Me(), [c, h] = g.useState(!1), _ = g.useRef({}), v = wo(r);
   xo();
   const E = g.useCallback(() => {
     const { itemExtent: p } = s();
     d(p);
   }, [s, d]);
   g.useEffect(() => {
-    !a && o.radius && (E(), h(!0));
-  }, [E, a, o]);
-  const I = ({ clientX: p, clientY: C, scale: m }) => {
-    l({ to: { x: p, y: C }, factor: 1 - m / 500 }), clearTimeout(_.current.zoom), _.current.zoom = setTimeout(() => {
-      c({ zooming: !1 });
-    }, 200), c({ zooming: !0 });
-  }, y = ({ deltaX: p, deltaY: C }) => {
+    !c && o.radius && (E(), h(!0));
+  }, [E, c, o]);
+  const I = ({ clientX: p, clientY: w, scale: m }) => {
+    l({ to: { x: p, y: w }, factor: 1 - m / 500 }), clearTimeout(_.current.zoom), _.current.zoom = setTimeout(() => {
+      a({ zooming: !1 });
+    }, 200), a({ zooming: !0 });
+  }, y = ({ deltaX: p, deltaY: w }) => {
     f(({ translateX: m, translateY: S }) => ({
       translateX: m + p,
-      translateY: S + C
+      translateY: S + w
     })), clearTimeout(_.current.pan), _.current.pan = setTimeout(() => {
-      c({ panning: !1 });
-    }, 200), c({ panning: !0 });
-  }, w = (p) => {
+      a({ panning: !1 });
+    }, 200), a({ panning: !0 });
+  }, C = (p) => {
     if (["INPUT", "TEXTAREA"].includes(p.target.tagName))
       return;
-    let C = 0, m = 0, S = 1;
+    let w = 0, m = 0, S = 1;
     switch (p.key) {
       case "ArrowLeft":
-        C = -10;
+        w = -10;
         break;
       case "ArrowRight":
-        C = 10;
+        w = 10;
         break;
       case "ArrowUp":
         m = -10;
@@ -3455,20 +3466,20 @@ const So = H({
         S = 0.8;
         break;
     }
-    if (C || m || S !== 1) {
+    if (w || m || S !== 1) {
       const O = u();
       if (S === 1 && O.length)
         return;
-      p.shiftKey && (C *= 5, m *= 5), (p.ctrlKey || p.altKey || p.metaKey) && (C /= 5, m /= 5), f(({ translateX: k, translateY: D }) => ({
-        translateX: k + C,
-        translateY: D + m
+      p.shiftKey && (w *= 5, m *= 5), (p.ctrlKey || p.altKey || p.metaKey) && (w /= 5, m /= 5), f(({ translateX: k, translateY: j }) => ({
+        translateX: k + w,
+        translateY: j + m
       })), l({ factor: S }), p.preventDefault();
     }
     p.key === " " && !p.repeat && v().hover && l({ factor: 3, to: v() });
   }, x = (p) => {
     ["INPUT", "TEXTAREA"].includes(p.target.tagName) || p.key === " " && v().hover && l({ factor: 1 / 3, to: v() });
   };
-  return ce(document, "keydown", w), ce(document, "keyup", x), /* @__PURE__ */ T(
+  return ue(document, "keydown", C), ue(document, "keyup", x), /* @__PURE__ */ T(
     Fe,
     {
       onPan: y,
@@ -3489,7 +3500,7 @@ const So = H({
       )
     }
   );
-}, Io = H({
+}, Io = K({
   position: "absolute",
   top: 0,
   left: 0,
@@ -3504,33 +3515,33 @@ const So = H({
     r,
     n,
     o,
-    { translateX: s, translateY: c, scale: u }
-  ] = Z((a) => [
-    a.selection,
-    a.getSelection,
-    a.selectionBox,
-    a.setSelectionBox,
-    a.getConfiguration,
+    { translateX: s, translateY: a, scale: u }
+  ] = Q((c) => [
+    c.selection,
+    c.getSelection,
+    c.selectionBox,
+    c.setSelectionBox,
+    c.getConfiguration,
     {
-      translateX: a.boardState.translateX,
-      translateY: a.boardState.translateY,
-      scale: a.boardState.scale
+      translateX: c.boardState.translateX,
+      translateY: c.boardState.translateY,
+      scale: c.boardState.scale
     }
-  ]), [l] = re((a) => [a.items]), d = g.useCallback(() => {
-    const a = t(), { boardWrapperRect: h, boardWrapper: _ } = o();
-    if (a.length === 0) {
+  ]), [l] = oe((c) => [c.items]), d = g.useCallback(() => {
+    const c = t(), { boardWrapperRect: h, boardWrapper: _ } = o();
+    if (c.length === 0) {
       n(null);
       return;
     }
-    const v = sn(a, _);
+    const v = sn(c, _);
     if (!v) {
       n(null);
       return;
     }
-    const { left: E, top: I, width: y, height: w } = v, x = {
+    const { left: E, top: I, width: y, height: C } = v, x = {
       left: E - h.left,
       top: I - h.top,
-      height: w,
+      height: C,
       width: y
     };
     n(x);
@@ -3541,7 +3552,7 @@ const So = H({
     e,
     l,
     s,
-    c,
+    a,
     u,
     d,
     f
@@ -3557,7 +3568,7 @@ const So = H({
     }
   );
 }, To = () => {
-  const [e] = Z((t) => [t.boardState.movingItems]);
+  const [e] = Q((t) => [t.boardState.movingItems]);
   return e ? null : /* @__PURE__ */ T(Oo, {});
 }, ko = typeof window < "u" && typeof navigator < "u" && typeof document < "u";
 let Le;
@@ -3587,28 +3598,28 @@ function Po() {
 function Mo(e, t, r = !0) {
   const n = r && Po(), o = pt(t), s = e && "current" in e ? e.current : e;
   Pe(() => {
-    const c = e && "current" in e ? e.current : e;
-    if (!n || !c)
+    const a = e && "current" in e ? e.current : e;
+    if (!n || !a)
       return;
     let u = !0;
     const l = (...d) => {
       u && o.current(...d);
     };
-    return n.subscribe(c, l), () => {
-      u = !1, n.unsubscribe(c, l);
+    return n.subscribe(a, l), () => {
+      u = !1, n.unsubscribe(a, l);
     };
   }, [s, n]);
 }
 function Zt(e, t, r) {
   return Math.min(Math.max(e, r), t);
 }
-class Do extends Error {
+class jo extends Error {
   constructor(t) {
     super(`Failed to parse color: "${t}"`);
   }
 }
-var xe = Do;
-function jo(e) {
+var xe = jo;
+function Do(e) {
   if (typeof e != "string")
     throw new xe(e);
   if (e.trim().toLowerCase() === "transparent")
@@ -3617,27 +3628,27 @@ function jo(e) {
   t = Xo.test(e) ? Lo(e) : e;
   const r = zo.exec(t);
   if (r) {
-    const c = Array.from(r).slice(1);
-    return [...c.slice(0, 3).map((u) => parseInt(ke(u, 2), 16)), parseInt(ke(c[3] || "f", 2), 16) / 255];
+    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);
   if (n) {
-    const c = Array.from(n).slice(1);
-    return [...c.slice(0, 3).map((u) => parseInt(u, 16)), parseInt(c[3] || "ff", 16) / 255];
+    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);
   if (o) {
-    const c = Array.from(o).slice(1);
-    return [...c.slice(0, 3).map((u) => parseInt(u, 10)), parseFloat(c[3] || "1")];
+    const a = Array.from(o).slice(1);
+    return [...a.slice(0, 3).map((u) => parseInt(u, 10)), parseFloat(a[3] || "1")];
   }
   const s = No.exec(t);
   if (s) {
-    const [c, u, l, d] = Array.from(s).slice(1).map(parseFloat);
+    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(c, u, l), Number.isNaN(d) ? 1 : d];
+    return [...Uo(a, u, l), Number.isNaN(d) ? 1 : d];
   }
   throw new xe(e);
 }
@@ -3664,32 +3675,32 @@ const ke = (e, t) => Array.from(Array(t)).map(() => e).join(""), zo = new RegExp
   let n = r / 100;
   if (t === 0)
     return [n, n, n].map(er);
-  const o = (e % 360 + 360) % 360 / 60, s = (1 - Math.abs(2 * n - 1)) * (t / 100), c = s * (1 - Math.abs(o % 2 - 1));
+  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 = c) : o >= 1 && o < 2 ? (u = c, l = s) : o >= 2 && o < 3 ? (l = s, d = c) : o >= 3 && o < 4 ? (l = c, d = s) : o >= 4 && o < 5 ? (u = c, d = s) : o >= 5 && o < 6 && (u = s, d = c);
-  const f = n - s / 2, a = u + f, h = l + f, _ = d + f;
-  return [a, h, _].map(er);
+  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, _ = d + f;
+  return [c, h, _].map(er);
 };
 function Wo(e) {
   if (e === "transparent")
     return 0;
   function t(s) {
-    const c = s / 255;
-    return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+    const a = s / 255;
+    return a <= 0.03928 ? a / 12.92 : Math.pow((a + 0.055) / 1.055, 2.4);
   }
-  const [r, n, o] = jo(e);
+  const [r, n, o] = Do(e);
   return 0.2126 * t(r) + 0.7152 * t(n) + 0.0722 * t(o);
 }
 function Vo(e) {
   return Wo(e) > 0.179;
 }
-const Fo = H({
+const Fo = K({
   display: "flex",
   flexDirection: "row",
   alignItems: "center",
   zIndex: 210,
   pointerEvents: "none"
-}), Ko = H({
+}), Ko = K({
   fontWeight: "bold",
   padding: "0 0.5em",
   borderRadius: "2px",
@@ -3702,8 +3713,8 @@ const Fo = H({
   pointerEvents: "none"
 }), Ho = ({ color: e = "#666", size: t = 40, text: r }) => {
   const n = Vo(e) ? "#222" : "#EEE";
-  return /* @__PURE__ */ ue("div", { className: Fo, children: [
-    /* @__PURE__ */ ue(
+  return /* @__PURE__ */ le("div", { className: Fo, children: [
+    /* @__PURE__ */ le(
       "svg",
       {
         version: "1.1",
@@ -3747,7 +3758,7 @@ const Fo = H({
       }
     )
   ] });
-}, qo = g.memo(Ho), Go = H({
+}, qo = g.memo(Ho), Go = K({
   top: 0,
   left: 0,
   zIndex: 210,
@@ -3763,11 +3774,11 @@ const Fo = H({
     children: /* @__PURE__ */ T(qo, { ...t })
   }
 ), Zo = ({ children: e }) => {
-  const [t] = Z((v) => [
+  const [t] = Q((v) => [
     v.getConfiguration,
     v.boardState.scale
     // We want to update this component when the scale changes
-  ]), { fromWrapperToBoard: r, fromBoardToWrapper: n } = Me(), [o, s, c, u] = Se(
+  ]), { fromWrapperToBoard: r, fromBoardToWrapper: n } = Me(), [o, s, a, u] = Se(
     (v) => [
       v.getUser(),
       v.getLocalUsers(),
@@ -3777,7 +3788,7 @@ const Fo = H({
   ), [l, d] = Se((v) => [
     v.moveCursor,
     v.removeCursor
-  ]), { boardWrapperRect: f } = t(), a = ({ clientX: v, clientY: E }) => {
+  ]), { boardWrapperRect: f } = t(), c = ({ clientX: v, clientY: E }) => {
     const [I, y] = r(
       v - f.left,
       E - f.top
@@ -3785,18 +3796,18 @@ const Fo = H({
     l(o.id, { x: I, y });
   }, h = () => {
     d(o.id);
-  }, _ = s.reduce((v, E) => (E.id !== o.id && c[E.id] && (v[E.id] = c[E.id]), v), {});
-  return /* @__PURE__ */ ue("div", { onPointerMove: a, onPointerLeave: h, children: [
+  }, _ = s.reduce((v, E) => (E.id !== o.id && a[E.id] && (v[E.id] = a[E.id]), v), {});
+  return /* @__PURE__ */ le("div", { onPointerMove: c, onPointerLeave: h, children: [
     e,
     Object.entries(_).map(([v, E]) => {
-      const [I, y] = n(E.x, E.y), w = {
+      const [I, y] = n(E.x, E.y), C = {
         x: I + f.left,
         y: y + f.top
       };
-      return ft(w, f) ? /* @__PURE__ */ T(
+      return ft(C, f) ? /* @__PURE__ */ T(
         Jo,
         {
-          pos: w,
+          pos: C,
           text: u[v].name,
           color: u[v].color
         },
@@ -3815,13 +3826,13 @@ const Fo = H({
   itemTemplates: n = {},
   boardSize: o = cr,
   children: s,
-  showResizeHandle: c = !1,
+  showResizeHandle: a = !1,
   Wrapper: u = Qo
 }) => {
-  const l = g.useRef(null), [d, f] = Z((v) => [
+  const l = g.useRef(null), [d, f] = Q((v) => [
     v.config.uid,
     v.updateConfiguration
-  ]), { updateItemExtent: a } = Me(), h = {
+  ]), { updateItemExtent: c } = Me(), h = {
     userSelect: "none",
     width: `${o}px`,
     height: `${o}px`,
@@ -3847,26 +3858,26 @@ const Fo = H({
     f({
       itemTemplates: n,
       boardSize: o,
-      showResizeHandle: c
+      showResizeHandle: a
     });
-  }, [n, o, c, f]), g.useEffect(() => {
+  }, [n, o, a, f]), g.useEffect(() => {
     f({
       boardWrapperRect: l.current.getBoundingClientRect()
-    }), a(), setTimeout(a, 2e3);
-  }, [f, a]), Mo(l, () => {
+    }), c(), setTimeout(c, 2e3);
+  }, [f, c]), Mo(l, () => {
     l.current && f({
       boardWrapperRect: l.current.getBoundingClientRect()
     });
   });
-  const _ = H({ ...es, ...r });
-  return /* @__PURE__ */ ue(
+  const _ = K({ ...es, ...r });
+  return /* @__PURE__ */ le(
     "div",
     {
       ref: l,
       id: d,
       className: `sync-board ${_}`,
       children: [
-        /* @__PURE__ */ T(Zo, { children: /* @__PURE__ */ T(bo, { moveFirst: e, children: /* @__PURE__ */ T(Ro, { moveFirst: e, children: /* @__PURE__ */ T(Eo, { moveFirst: e, children: /* @__PURE__ */ T(u, { children: /* @__PURE__ */ ue(
+        /* @__PURE__ */ T(Zo, { children: /* @__PURE__ */ T(bo, { moveFirst: e, children: /* @__PURE__ */ T(Ro, { moveFirst: e, children: /* @__PURE__ */ T(Eo, { moveFirst: e, children: /* @__PURE__ */ T(u, { children: /* @__PURE__ */ le(
           "div",
           {
             onContextMenu: (v) => {