react-sync-board 1.2.2 → 1.2.4

package/dist/react-sync-board.js

@@ -1,11 +1,11 @@
-var $r = Object.defineProperty;
-var Ar = (e, t, r) => t in e ? $r(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var kt = (e, t, r) => (Ar(e, typeof t != "symbol" ? t + "" : t, r), r);
-import g, { useContext as _e, useDebugValue as Lr, useRef as Re, useMemo as lt, useEffect as Pe, useCallback as er, memo as tr } from "react";
-function zr(e) {
+var Lr = Object.defineProperty;
+var zr = (e, t, r) => t in e ? Lr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var kt = (e, t, r) => (zr(e, typeof t != "symbol" ? t + "" : t, r), r);
+import g, { useContext as _e, useDebugValue as Yr, useRef as Re, useMemo as lt, useEffect as Pe, useCallback as tr, memo as rr } from "react";
+function Br(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ie = {}, Yr = {
+var Ie = {}, Nr = {
   get exports() {
     return Ie;
   },
@@ -23,24 +23,24 @@ var Ie = {}, Yr = {
  * LICENSE file in the root directory of this source tree.
  */
 var Pt;
-function Br() {
+function Xr() {
   if (Pt)
     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
@@ -51,9 +51,9 @@ var Ce = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Mt;
-function Nr() {
+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,36 +61,36 @@ function Nr() {
       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 V = R.map(function(Y) {
-          return String(Y);
+        var W = R.map(function(B) {
+          return String(B);
         });
-        V.unshift("Warning: " + b), Function.prototype.apply.call(console[i], console, V);
+        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;
     }
@@ -100,7 +100,7 @@ function Nr() {
     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;
@@ -123,18 +123,18 @@ function Nr() {
           case u:
             var b = i;
             return L(b) + ".Consumer";
-          case c:
+          case a:
             var R = i;
             return L(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, V = X._payload, Y = X._init;
+            var X = i, W = X._payload, B = X._init;
             try {
-              return N(Y(V));
+              return N(B(W));
             } catch {
               return null;
             }
@@ -142,18 +142,18 @@ function Nr() {
         }
       return null;
     }
-    var W = Object.assign, J = 0, P, $, B, U, A, F, K;
-    function ee() {
+    var U = Object.assign, J = 0, P, $, Y, V, A, F, H;
+    function Z() {
     }
-    ee.__reactDisabledLog = !0;
-    function oe() {
+    Z.__reactDisabledLog = !0;
+    function te() {
       {
         if (J === 0) {
-          P = console.log, $ = console.info, B = console.warn, U = console.error, A = console.group, F = console.groupCollapsed, K = console.groupEnd;
+          P = console.log, $ = console.info, Y = console.warn, V = console.error, A = console.group, F = console.groupCollapsed, H = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
-            value: ee,
+            value: Z,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -178,30 +178,30 @@ function Nr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: W({}, i, {
+            log: U({}, i, {
               value: P
             }),
-            info: W({}, i, {
+            info: U({}, i, {
               value: $
             }),
-            warn: W({}, i, {
-              value: B
+            warn: U({}, i, {
+              value: Y
             }),
-            error: W({}, i, {
-              value: U
+            error: U({}, i, {
+              value: V
             }),
-            group: W({}, i, {
+            group: U({}, i, {
               value: A
             }),
-            groupCollapsed: W({}, i, {
+            groupCollapsed: U({}, i, {
               value: F
             }),
-            groupEnd: W({}, i, {
-              value: K
+            groupEnd: U({}, i, {
+              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;
@@ -211,101 +211,101 @@ function Nr() {
           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 dr = typeof WeakMap == "function" ? WeakMap : Map;
-      De = new dr();
+      var mr = typeof WeakMap == "function" ? WeakMap : Map;
+      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 V;
-      V = se.current, se.current = null, oe();
+      var W;
+      W = se.current, se.current = null, te();
       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, []);
+              Reflect.construct(B, []);
             } catch (ie) {
-              j = ie;
+              D = ie;
             }
-            Reflect.construct(i, [], Y);
+            Reflect.construct(i, [], B);
           } else {
             try {
-              Y.call();
+              B.call();
             } catch (ie) {
-              j = ie;
+              D = ie;
             }
-            i.call(Y.prototype);
+            i.call(B.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (ie) {
-            j = ie;
+            D = ie;
           }
           i();
         }
       } catch (ie) {
-        if (ie && j && typeof ie.stack == "string") {
+        if (ie && D && 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]; )
+`), ee = D.stack.split(`
+`), q = z.length - 1, G = ee.length - 1; q >= 1 && G >= 0 && z[q] !== ee[G]; )
             G--;
           for (; q >= 1 && G >= 0; q--, G--)
-            if (z[q] !== Q[G]) {
+            if (z[q] !== ee[G]) {
               if (q !== 1 || G !== 1)
                 do
-                  if (q--, G--, G < 0 || z[q] !== Q[G]) {
-                    var te = `
+                  if (q--, G--, G < 0 || z[q] !== ee[G]) {
+                    var re = `
 ` + 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;
+                    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 = V, le(), Error.prepareStackTrace = X;
+        Ke = !1, se.current = W, le(), 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 pr(i, b, R) {
+    function gr(i, b, R) {
       return ht(i, !1);
     }
-    function mr(i) {
+    function hr(i) {
       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")
-        return ht(i, mr(i));
+        return ht(i, hr(i));
       if (typeof i == "string")
         return ge(i);
       switch (i) {
@@ -317,13 +317,13 @@ function Nr() {
       if (typeof i == "object")
         switch (i.$$typeof) {
           case l:
-            return pr(i.render);
-          case a:
-            return je(i.type, b, R);
+            return gr(i.render);
+          case c:
+            return De(i.type, b, R);
           case h: {
-            var j = i, X = j._payload, V = j._init;
+            var D = i, X = D._payload, W = D._init;
             try {
-              return je(V(X), b, R);
+              return De(W(X), b, R);
             } catch {
             }
           }
@@ -333,41 +333,41 @@ function Nr() {
     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 gr(i, b, R, j, X) {
+    function vr(i, b, R, D, X) {
       {
-        var V = Function.call.bind($e);
-        for (var Y in i)
-          if (V(i, Y)) {
+        var W = Function.call.bind($e);
+        for (var B in i)
+          if (W(i, B)) {
             var z = 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");
+              z = i[B](b, B, D, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (q) {
               z = 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));
+            z && !(z 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 z), Ae(null)), z instanceof Error && !(z.message in vt) && (vt[z.message] = !0, Ae(X), C("Failed %s type: %s", R, z.message), Ae(null));
           }
       }
     }
-    var hr = Array.isArray;
+    var yr = Array.isArray;
     function He(i) {
-      return hr(i);
+      return yr(i);
     }
-    function vr(i) {
+    function Sr(i) {
       {
         var b = typeof Symbol == "function" && Symbol.toStringTag, R = b && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return R;
       }
     }
-    function yr(i) {
+    function _r(i) {
       try {
         return St(i), !1;
       } catch {
@@ -378,17 +378,17 @@ function Nr() {
       return "" + i;
     }
     function _t(i) {
-      if (yr(i))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vr(i)), St(i);
+      if (_r(i))
+        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Sr(i)), St(i);
     }
-    var be = y.ReactCurrentOwner, Sr = {
+    var be = y.ReactCurrentOwner, br = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, bt, Et, qe;
     qe = {};
-    function _r(i) {
+    function Er(i) {
       if ($e.call(i, "ref")) {
         var b = Object.getOwnPropertyDescriptor(i, "ref").get;
         if (b && b.isReactWarning)
@@ -396,7 +396,7 @@ function Nr() {
       }
       return i.ref !== void 0;
     }
-    function br(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 Nr() {
       }
       return i.key !== void 0;
     }
-    function Er(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 Cr(i, b) {
+    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,
@@ -421,10 +421,10 @@ function Nr() {
         });
       }
     }
-    function wr(i, b) {
+    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,7 +432,7 @@ function Nr() {
         });
       }
     }
-    var xr = function(i, b, R, j, X, V, Y) {
+    var Ir = function(i, b, R, D, X, W, B) {
       var z = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -440,9 +440,9 @@ function Nr() {
         type: i,
         key: b,
         ref: R,
-        props: Y,
+        props: B,
         // Record the component responsible for creating this element.
-        _owner: V
+        _owner: W
       };
       return z._store = {}, Object.defineProperty(z._store, "validated", {
         configurable: !1,
@@ -453,7 +453,7 @@ function Nr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
+        value: D
       }), Object.defineProperty(z, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -461,38 +461,38 @@ function Nr() {
         value: X
       }), Object.freeze && (Object.freeze(z.props), Object.freeze(z)), z;
     };
-    function Rr(i, b, R, j, X) {
+    function Or(i, b, R, D, X) {
       {
-        var V, Y = {}, z = null, Q = null;
-        R !== void 0 && (_t(R), z = "" + R), br(b) && (_t(b.key), z = "" + b.key), _r(b) && (Q = b.ref, Er(b, X));
-        for (V in b)
-          $e.call(b, V) && !Sr.hasOwnProperty(V) && (Y[V] = b[V]);
+        var W, B = {}, z = null, ee = null;
+        R !== void 0 && (_t(R), z = "" + R), wr(b) && (_t(b.key), z = "" + b.key), Er(b) && (ee = b.ref, Cr(b, X));
+        for (W in b)
+          $e.call(b, W) && !br.hasOwnProperty(W) && (B[W] = b[W]);
         if (i && i.defaultProps) {
           var q = i.defaultProps;
-          for (V in q)
-            Y[V] === void 0 && (Y[V] = q[V]);
+          for (W in q)
+            B[W] === void 0 && (B[W] = q[W]);
         }
-        if (z || Q) {
+        if (z || ee) {
           var G = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          z && Cr(Y, G), Q && wr(Y, G);
+          z && xr(B, G), ee && Rr(B, G);
         }
-        return xr(i, z, Q, X, j, be.current, Y);
+        return Ir(i, z, 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);
@@ -504,7 +504,7 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function Ir(i) {
+    function Tr(i) {
       {
         if (i !== void 0) {
           var b = i.fileName.replace(/^.*[\\\/]/, ""), R = i.lineNumber;
@@ -516,9 +516,9 @@ Check your code at ` + b + ":" + R + ".";
       }
     }
     var xt = {};
-    function Or(i) {
+    function kr(i) {
       {
-        var b = wt();
+        var b = Ct();
         if (!b) {
           var R = typeof i == "string" ? i : i.displayName || i.name;
           R && (b = `
@@ -533,12 +533,12 @@ Check the top-level render call using <` + R + ">.");
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var R = Or(b);
+        var R = kr(b);
         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,20 +547,20 @@ 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 V = X.call(i), Y; !(Y = V.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);
         }
       }
     }
-    function Tr(i) {
+    function Pr(i) {
       {
         var b = i.type;
         if (b == null || typeof b == "string")
@@ -570,87 +570,87 @@ 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);
-          gr(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 kr(i) {
+    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, V) {
+    function Ot(i, b, R, D, X, W) {
       {
-        var Y = D(i);
-        if (!Y) {
+        var B = j(i);
+        if (!B) {
           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 = Ir(X);
-          Q ? z += Q : z += wt();
+          var ee = Tr(X);
+          ee ? z += ee : z += 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") + " />", z = " Did you accidentally export a JSX literal instead of a component?") : q = typeof i, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, z);
         }
-        var G = Rr(i, b, R, X, V);
+        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 ? kr(G) : Tr(G), G;
+        return i === n ? Mr(G) : Pr(G), G;
       }
     }
-    function Pr(i, b, R) {
+    function jr(i, b, R) {
       return Ot(i, b, R, !0);
     }
-    function Mr(i, b, R) {
+    function Dr(i, b, R) {
       return Ot(i, b, R, !1);
     }
-    var Dr = Mr, jr = Pr;
-    Ce.Fragment = n, Ce.jsx = Dr, Ce.jsxs = jr;
-  }()), 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 = Br() : e.exports = Nr();
-})(Yr);
-const Xr = Ie.Fragment, T = Ie.jsx, ue = Ie.jsxs;
-let Ur = (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 Wr {
+  process.env.NODE_ENV === "production" ? e.exports = Xr() : e.exports = Ur();
+})(Nr);
+const Wr = Ie.Fragment, T = Ie.jsx, ue = 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) {
     this._socket = t, this.userId = n, this.room = r, this.toUnregister = [
       () => {
         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
         });
@@ -669,10 +669,10 @@ class Wr {
    * @returns the result of the call.
    */
   async _callServerRPC(t, r) {
-    const n = Ur();
+    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 });
     });
   }
@@ -738,7 +738,7 @@ class Wr {
     return await this._callServerRPC("call", { name: t, params: r });
   }
 }
-const Vr = ({
+const Kr = ({
   socket: e,
   room: t,
   onJoined: r = () => {
@@ -747,13 +747,13 @@ const Vr = ({
   },
   userId: o = null
 }) => {
-  const s = new Wr(e, t, o);
-  return new Promise((c) => {
+  const s = new Fr(e, t, o);
+  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,
@@ -761,7 +761,7 @@ const Vr = ({
       });
     }), e.emit("joinSuperSocket", { room: t, userId: o });
   });
-}, it = g.createContext(), Fr = () => /* @__PURE__ */ T(
+}, it = g.createContext(), Hr = () => /* @__PURE__ */ T(
   "div",
   {
     style: {
@@ -775,37 +775,37 @@ const Vr = ({
     },
     children: /* @__PURE__ */ T("h2", { children: "🌀 Loading..." })
   }
-), rr = ({
+), nr = ({
   socket: e,
   room: t,
   channel: r = "default",
-  LoadingComponent: n = Fr,
+  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);
     };
-  }, [r, e]), g.useEffect(() => e ? (e.connected || e.connect(), console.log(`Try to connect to wire ${t} on channel ${r}`), v.current || (v.current = !0, Vr({
+  }, [r, e]), g.useEffect(() => e ? (e.connected || e.connect(), console.log(`Try to connect to wire ${t} on channel ${r}`), v.current || (v.current = !0, Kr({
     socket: e,
     room: t,
     onMaster: () => {
       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 Vr = ({
       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,15 +827,15 @@ const Vr = ({
     ), r.clear();
   } };
   return t = e(n, o, u), u;
-}, Ue = (e) => e ? Dt(e) : Dt;
-var at = {}, Kr = {
+}, Ue = (e) => e ? jt(e) : jt;
+var at = {}, qr = {
   get exports() {
     return at;
   },
   set exports(e) {
     at = e;
   }
-}, Qe = {}, Ye = {}, Hr = {
+}, Qe = {}, Ye = {}, Gr = {
   get exports() {
     return Ye;
   },
@@ -852,37 +852,37 @@ var at = {}, Kr = {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var jt;
-function qr() {
-  if (jt)
+var Dt;
+function Jr() {
+  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;
@@ -899,22 +899,22 @@ var tt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var $t;
-function Gr() {
+function Zr() {
   return $t || ($t = 1, process.env.NODE_ENV !== "production" && function() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
     var e = g, t = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function r(x) {
       {
-        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 Gr() {
     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,26 +954,26 @@ function Gr() {
       }, [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;
-function nr() {
+function or() {
   return At || (At = 1, function(e) {
-    process.env.NODE_ENV === "production" ? e.exports = qr() : e.exports = Gr();
-  }(Hr)), Ye;
+    process.env.NODE_ENV === "production" ? e.exports = Jr() : e.exports = Zr();
+  }(Gr)), Ye;
 }
 /**
  * @license React
@@ -985,16 +985,16 @@ function nr() {
  * LICENSE file in the root directory of this source tree.
  */
 var Lt;
-function Jr() {
+function Qr() {
   if (Lt)
     return Qe;
   Lt = 1;
-  var e = g, t = nr();
+  var e = g, t = or();
   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 Jr() {
       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 Jr() {
         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;
@@ -1040,29 +1040,29 @@ var rt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var zt;
-function Zr() {
+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 = nr();
-    function r(f, a) {
-      return f === a && (f !== 0 || 1 / f === 1 / a) || f !== f && a !== a;
+    var e = g, t = or();
+    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 w = !1, m, S, O = function(L) {
+          if (!w) {
+            w = !0, m = L;
             var N = _(L);
             if (v !== void 0 && I.hasValue) {
-              var W = I.value;
-              if (v(W, N))
-                return S = W, W;
+              var U = I.value;
+              if (v(U, N))
+                return S = U, U;
             }
             return S = N, N;
           }
@@ -1071,14 +1071,14 @@ function Zr() {
             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());
+        }, 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;
     }
@@ -1086,43 +1086,43 @@ function Zr() {
   }()), rt;
 }
 (function(e) {
-  process.env.NODE_ENV === "production" ? e.exports = Jr() : e.exports = Zr();
-})(Kr);
-const Qr = /* @__PURE__ */ zr(at), { useSyncExternalStoreWithSelector: en } = Qr;
+  process.env.NODE_ENV === "production" ? e.exports = Qr() : e.exports = en();
+})(qr);
+const tn = /* @__PURE__ */ Br(at), { useSyncExternalStoreWithSelector: rn } = tn;
 function We(e, t = e.getState, r) {
-  const n = en(
+  const n = rn(
     e.subscribe,
     e.getState,
     e.getServerState || e.getState,
     t,
     r
   );
-  return Lr(n), n;
+  return Yr(n), n;
 }
 const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e, t) ? e : e.parentNode ? Oe(e.parentNode, t) : !1, ze = ([e, t], [r, n]) => {
   const o = Math.abs(e - r), s = Math.abs(t - n);
   return Math.hypot(o, s);
-}, or = (e, t, r) => {
+}, sr = (e, t, r) => {
   const n = r * Math.PI / 180, o = e * Math.cos(n) - t * Math.sin(n), s = e * Math.sin(n) + t * Math.cos(n);
   return [o, s];
 }, ct = ([e, t], { scale: r, rotate: n, translateX: o, translateY: s }) => {
-  const c = (e - o) / r, u = (t - s) / r;
-  return or(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] = or(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;
-}, ft = (e, t) => e.x > t.left && e.x < t.left + t.width && e.y > t.top && e.y < t.top + t.height, tn = (e, t) => Array.from(e.querySelectorAll(".corner")).every((n) => {
+  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);
-}), rn = (e, t) => {
+}), on = (e, t) => {
   const r = t.getBoundingClientRect();
-  return tn(e, r);
+  return nn(e, r);
 }, Ne = (e, t) => {
   const n = e.getElementsByClassName(`item ${t}`)[0];
   return n || console.error(`Missing item ${t}`), n;
@@ -1135,46 +1135,56 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
     JSON.stringify(e == null ? void 0 : e.dataset),
     (n = e == null ? void 0 : e.dataset) == null ? void 0 : n.id
   ), t;
-}, nn = (e, t = document) => {
+}, sn = (e, t = document) => {
   const r = e.reduce((n, o) => {
     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);
-}, on = ({ x: e, y: t, width: r, height: n }, { type: o = "grid", size: s = 1, offset: c = { x: 0, y: 0 } }) => {
+}, 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,
+    e[n].linkedItems,
+    r
+  )
+])).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: 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
   };
-}, Bt = [
+}, Nt = [
   "#037758",
   "#99092a",
   "#067070",
@@ -1205,13 +1215,13 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
   "#007a4b",
   "#bf0daa",
   "#af0ad8"
-], Nt = () => Bt[Math.floor(Math.random() * Bt.length)], sn = !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 () => {
     try {
       const _ = await e.call(`${t}_getValue`);
-      sn && console.log("init from peer with value", _), s((v) => ({ ...v, ..._ }));
+      cn && console.log("init from peer with value", _), s((v) => ({ ...v, ..._ }));
     } catch {
       n !== void 0 && s(n);
     }
@@ -1219,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(_)
           )
         ),
@@ -1227,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);
@@ -1271,16 +1281,18 @@ function Ve(e, t) {
       return !1;
   return !0;
 }
-const sr = g.createContext(), an = (e, t) => ({
+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,
@@ -1288,7 +1300,7 @@ const sr = g.createContext(), an = (e, t) => ({
       });
     }), { items: s };
   })
-}), cn = (e, t) => ({
+}), ln = (e, t) => ({
   itemIds: [],
   setItemIds: (r) => e({ itemIds: r }),
   getItemIds: () => t().itemIds,
@@ -1307,7 +1319,7 @@ const sr = g.createContext(), an = (e, t) => ({
   updateManyItemIds: (r) => e((n) => ({
     items: n.itemIds.map((o, s) => r[s] !== void 0 ? r[s] : o)
   }))
-}), un = (e, t) => ({
+}), fn = (e, t) => ({
   removeItemsById: (r) => e((n) => ({
     itemIds: n.itemIds.filter((o) => !r.includes(o)),
     items: Object.fromEntries(
@@ -1326,12 +1338,12 @@ const sr = g.createContext(), an = (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,
@@ -1340,38 +1352,38 @@ const sr = g.createContext(), an = (e, t) => ({
       itemIds: s
     };
   })
-}), ln = (e, t) => ({
+}), dn = (e, t) => ({
   boardConfig: {},
   getBoardConfig: () => t().boardConfig,
   setBoardConfig: (r) => e({ boardConfig: r }),
   updateBoardConfig: (r) => e((n) => ({ boardConfig: { ...n.boardConfig, ...r } }))
-}), fn = (e, t) => ({
+}), pn = (e, t) => ({
   session: {},
   getSessionInfo: () => t().session,
   setSessionInfo: (r) => e({ session: r }),
   updateSessionInfo: (r) => e((n) => ({ session: { ...n.session, ...r } }))
-}), Xt = ({ storeName: e, children: t, defaultValue: r }) => {
-  const { wire: n } = Xe("room"), [o, s] = g.useState(!1), [c] = g.useState(
+}), Ut = ({ storeName: e, children: t, defaultValue: r }) => {
+  const { wire: n } = Xe("room"), [o, s] = g.useState(!1), [a] = g.useState(
     () => Ue(
       dt({ wire: n, storeName: e, defaultValue: r }, (...u) => ({
-        ...an(...u),
-        ...cn(...u),
         ...un(...u),
         ...ln(...u),
-        ...fn(...u)
+        ...fn(...u),
+        ...dn(...u),
+        ...pn(...u)
       }))
     )
   );
   return g.useEffect(() => {
-    const u = c.subscribe((l) => {
+    const u = a.subscribe((l) => {
       l.ready && (u(), s(!0));
     });
-  }, [c]), o ? /* @__PURE__ */ T(sr.Provider, { value: c, children: t }) : null;
-}, re = (e, t) => {
-  const r = _e(sr);
+  }, [a]), o ? /* @__PURE__ */ T(ar.Provider, { value: a, children: t }) : null;
+}, ne = (e, t) => {
+  const r = _e(ar);
   return We(r, e, t || Ve);
-}, ts = () => {
-  const [e, t] = re((n) => [
+}, ns = () => {
+  const [e, t] = ne((n) => [
     n.itemIds,
     n.items
   ]);
@@ -1379,31 +1391,31 @@ const sr = g.createContext(), an = (e, t) => ({
     () => e.map((n) => t[n]),
     [e, t]
   );
-}, rs = () => {
-  const [e, t, r] = re((c) => [
-    c.items,
-    c.itemIds,
-    c.getItemList
+}, os = () => {
+  const [e, t, r] = ne((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;
-}, ir = 5e4, ar = g.createContext(), dn = (e, t) => ({
+}, cr = 5e4, ur = g.createContext(), mn = (e, t) => ({
   config: {
     itemTemplates: {},
     actions: {},
     uid: null,
     itemExtent: { x: 0, y: 0, radius: 0 },
     boardWrapperRect: {},
-    boardSize: ir
+    boardSize: cr
   },
   // TODO optimize when same values as before
   updateConfiguration: (r) => e((n) => ({ config: { ...n.config, ...r } })),
   getConfiguration: () => t().config
-}), pn = (e, t) => ({
+}), gn = (e, t) => ({
   boardState: {
     movingItems: !1,
     selecting: !1,
@@ -1417,7 +1429,7 @@ const sr = g.createContext(), an = (e, t) => ({
   // TODO optimize when same values as before
   updateBoardState: (r) => e((n) => ({ boardState: { ...n.boardState, ...r } })),
   getBoardState: () => t().boardState
-}), mn = (e, t) => ({
+}), hn = (e, t) => ({
   interactions: {},
   getInteractions: () => t().interactions,
   register: (r, n) => e((o) => {
@@ -1428,7 +1440,7 @@ const sr = g.createContext(), an = (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 }
@@ -1439,7 +1451,7 @@ const sr = g.createContext(), an = (e, t) => ({
       o(n);
     });
   }
-}), gn = (e, t) => ({
+}), vn = (e, t) => ({
   selection: [],
   setSelection: (r) => e((n) => JSON.stringify(n.selection) !== JSON.stringify(r) ? { selection: r } : {}),
   getSelection: () => t().selection,
@@ -1459,21 +1471,21 @@ const sr = g.createContext(), an = (e, t) => ({
     const o = n.selectionBox;
     return !o || !r || o.top !== r.top || o.left !== r.left || o.width !== r.width || o.height !== r.height ? { selectionBox: r } : {};
   })
-}), Ut = ({ children: e }) => {
+}), Wt = ({ children: e }) => {
   const [t] = g.useState(
     () => Ue((...r) => ({
-      ...dn(...r),
-      ...pn(...r),
       ...mn(...r),
-      ...gn(...r)
+      ...gn(...r),
+      ...hn(...r),
+      ...vn(...r)
     }))
   );
-  return /* @__PURE__ */ T(ar.Provider, { value: t, children: e });
-}, Z = (e, t) => {
-  const r = _e(ar);
+  return /* @__PURE__ */ T(ur.Provider, { value: t, children: e });
+}, Q = (e, t) => {
+  const r = _e(ur);
   return We(r, e, t || Ve);
-}, ns = () => {
-  const [e] = Z((t) => [t.selection]);
+}, ss = () => {
+  const [e] = Q((t) => [t.selection]);
   return e;
 };
 function pt(e) {
@@ -1484,7 +1496,7 @@ function pt(e) {
     }
   }), []);
 }
-function hn(e) {
+function yn(e) {
   const t = pt(e);
   Pe(
     () => () => {
@@ -1495,18 +1507,18 @@ function hn(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 hn(u), lt(
+  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 },
@@ -1517,56 +1529,56 @@ function mt(e, t, r, n = 0) {
     [r, n, ...t]
   );
 }
-const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
+const Sn = 100, _n = 1e3, bn = 0.8, En = ({
   x: e,
   y: t,
   scale: r,
   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
-  }, h = ze(d, [f.x, f.y]), _ = Math.min(s.width, s.height), v = o.radius + _ / 2 / r - vn / r;
+    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(
       { x: d[0], y: d[1] },
       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];
@@ -1577,25 +1589,25 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
     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] = ne((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,
@@ -1603,40 +1615,40 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
       });
     },
     [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
       } = {
         ...O,
         ...p(O)
-      }, N = a(M);
-      let [W, J] = [k, D];
-      (k !== O.translateX || D !== O.translateY) && ([W, J] = _n({
+      }, 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,
+        itemExtent: w,
         boardWrapperRect: m,
         boardSize: S
       })), t({
-        translateX: W,
+        translateX: U,
         translateY: J,
         scale: N,
         rotate: L
       });
     },
-    [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
         })
@@ -1644,26 +1656,26 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
     },
     [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;
-      h((W) => ({
-        ...W,
+      const O = e(), k = c(O.scale * w), j = S.x - m.left, M = S.y - m.top, L = j - (j - O.translateX) * k / O.scale, N = M - (M - O.translateY) * k / O.scale;
+      h((U) => ({
+        ...U,
         translateX: L,
         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) * Sn), [N, W] = 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), L = c(Math.min(j, M) * bn), [N, U] = Be(
+        [-k / 2 - p, -k / 2 - w],
         {
           translateX: O.width / 2,
           translateY: O.height / 2,
@@ -1671,27 +1683,27 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
           rotate: S
         }
       );
-      h((J) => ({ ...J, translateX: N, translateY: W, scale: L }));
+      h((J) => ({ ...J, translateX: N, translateY: U, scale: L }));
     },
-    [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;
       },
@@ -1707,12 +1719,12 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
     };
     O.radius = Math.max(
       ze([O.x, O.y], [S.left, S.top]),
-      yn
+      _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(
@@ -1722,7 +1734,7 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
   );
   return {
     setDim: h,
-    rotateBoard: w,
+    rotateBoard: C,
     moveBoard: _,
     getDim: u,
     zoomTo: v,
@@ -1734,27 +1746,27 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
     fromWrapperToBoard: l,
     fromBoardToWrapper: d
   };
-}, Wt = (e) => {
-  const [t, r, n] = Z(
-    ({ register: c, unregister: u, callInteractions: l }) => [
-      c,
+}, Vt = (e) => {
+  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 } = Wt("place"), { call: t } = Wt("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,
@@ -1763,106 +1775,120 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
     getItems: l,
     getItemIds: d,
     setItemIds: f,
-    updateItems: a,
+    updateItems: c,
     moveItems: h,
     removeItemsById: _,
     getItemList: v,
     insertItems: E,
     setItemList: I
-  } = re(
+  } = ne(
     ({
       getItems: P,
       getItemIds: $,
-      setItemIds: B,
-      updateItems: U,
+      setItemIds: Y,
+      updateItems: V,
       moveItems: A,
       removeItemsById: F,
-      getItemList: K,
-      insertItems: ee,
-      setItemList: oe
+      getItemList: H,
+      insertItems: Z,
+      setItemList: te
     }) => ({
       getItems: P,
       getItemIds: $,
-      setItemIds: B,
-      updateItems: U,
+      setItemIds: Y,
+      updateItems: V,
       moveItems: A,
       removeItemsById: F,
-      getItemList: K,
-      insertItems: ee,
-      setItemList: oe
+      getItemList: H,
+      insertItems: Z,
+      setItemList: te
     })
   ), y = g.useCallback(
-    (P, $) => {
-      let B = $;
-      typeof $ == "object" && (B = () => $);
-      const U = d().filter((K) => P.includes(K)), A = l(), F = Object.fromEntries(
-        U.map((K) => [K, B({ ...A[K] })])
+    (P, $, Y = !1) => {
+      let V = $;
+      typeof $ == "object" && (V = () => $);
+      const A = d().filter((Z) => P.includes(Z)), F = l(), H = Object.fromEntries(
+        A.map((Z) => {
+          const te = F[Z];
+          return Y ? [Z, V(te)] : [Z, V({ ...te })];
+        })
       );
-      a(F), n();
+      c(H, Y), 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, $, Y = !1) => {
+      y([P], $, Y);
     },
     [y]
   ), p = g.useCallback(
     (P, $) => {
-      const B = l(), U = P.map((A) => [A, ...B[A].linkedItems || []]).flat();
-      h(U, $), n();
+      h(
+        Bt(l(), d(), P),
+        $
+      ), n();
     },
-    [l, h, n]
-  ), C = g.useCallback(
+    [d, l, h, n]
+  ), w = g.useCallback(
     (P) => {
-      const $ = d(), B = $.filter((A) => !P.includes(A)), U = $.filter(
+      const $ = d(), Y = $.filter((A) => !P.includes(A)), V = $.filter(
         (A) => P.includes(A)
       );
-      f([...B, ...U]);
+      f([...Y, ...V]);
     },
     [d, f]
   ), m = g.useCallback(
-    (P, { type: $, size: B } = {}) => {
-      const { boardWrapper: U } = u();
-      y(P, (A) => {
-        const F = Ne(U, A.id);
-        if (!F)
-          return;
-        const K = {
-          type: $ || "grid",
-          size: B || 1,
-          offset: { x: 0, y: 0 },
-          ...A.grid
-        }, ee = on(
-          {
-            x: A.x,
-            y: A.y,
-            width: F.clientWidth,
-            height: F.clientHeight
-          },
-          K
-        );
-        return { ...A, ...ee };
-      });
+    (P, { type: $, size: Y } = {}) => {
+      const { boardWrapper: V } = u();
+      y(
+        P,
+        (A) => {
+          const F = Ne(V, A.id);
+          if (!F)
+            return;
+          const H = {
+            type: $ || "grid",
+            size: Y || 1,
+            offset: { x: 0, y: 0 },
+            ...A.grid
+          };
+          return an(
+            {
+              x: A.x,
+              y: A.y,
+              width: F.clientWidth,
+              height: F.clientHeight
+            },
+            H
+          );
+        },
+        !0
+      );
     },
     [u, y]
   ), S = g.useCallback(
     (P, $) => {
-      const B = l(), U = P.map((A) => [A, ...B[A].linkedItems || []]).flat();
-      C(U), y(U, (A) => {
-        const F = { ...A };
-        return delete F.moving, F;
-      }), m(U, $), e(P), n();
+      const Y = Bt(
+        l(),
+        d(),
+        P
+      );
+      w(Y), y(Y, (V) => {
+        const A = { ...V };
+        return delete A.moving, A;
+      }), m(Y, $), e(P), n();
     },
     [
       y,
       e,
+      d,
       l,
-      C,
+      w,
       m,
       n
     ]
@@ -1873,37 +1899,37 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
     [f]
   ), k = g.useCallback(
     (P) => {
-      const $ = d(), B = $.filter(
+      const $ = d(), Y = $.filter(
         (A) => P.includes(A)
-      ), U = $.map((A) => P.includes(A) ? B.pop() : A);
-      f(U), s();
+      ), V = $.map((A) => P.includes(A) ? Y.pop() : A);
+      f(V), s();
     },
     [d, s, f]
-  ), D = g.useCallback(
+  ), j = g.useCallback(
     (P, $) => {
-      const B = l(), U = Object.fromEntries(
-        $.map((K, ee) => {
-          const oe = B[P[ee]];
+      const Y = l(), V = Object.fromEntries(
+        $.map((H, Z) => {
+          const te = Y[P[Z]];
           return [
-            K,
+            H,
             {
-              x: oe.x,
-              y: oe.y
+              x: te.x,
+              y: te.y
             }
           ];
         })
       );
-      y(P, (K) => ({ ...K, ...U[K.id] }));
+      y(P, (H) => ({ ...H, ...V[H.id] }));
       const A = Object.fromEntries(
-        P.map((K, ee) => [K, $[ee]])
-      ), F = d().map((K) => P.includes(K) ? A[K] : K);
+        P.map((H, Z) => [H, $[Z]])
+      ), F = d().map((H) => P.includes(H) ? A[H] : H);
       f(F);
     },
     [l, y, d, f]
   ), M = g.useCallback(
     (P, $) => {
-      const B = r(), U = P.map((A, F) => !A.x || !A.y ? { ...A, x: B.x + 2 * F, y: B.y + 2 * F } : A);
-      E(U, $), n();
+      const Y = r(), V = P.map((A, F) => !A.x || !A.y ? { ...A, x: Y.x + 2 * F, y: Y.y + 2 * F } : A);
+      E(V, $), n();
     },
     [r, E, n]
   ), L = g.useCallback(
@@ -1913,17 +1939,17 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
     [M]
   ), N = g.useCallback(
     (P) => {
-      c(P), _(P), t(P);
+      a(P), _(P), t(P);
     },
-    [c, _, t]
-  ), W = g.useCallback(
+    [a, _, t]
+  ), U = g.useCallback(
     (P) => {
       const $ = l();
-      return P.map((B) => $[B]);
+      return P.map((Y) => $[Y]);
     },
     [l]
   ), J = g.useCallback(
-    ({ target: P, clientX: $, clientY: B }, { returnLocked: U = !1, passLocked: A = !1 } = {}) => {
+    ({ target: P, clientX: $, clientY: Y }, { returnLocked: V = !1, passLocked: A = !1 } = {}) => {
       if (["INPUT", "TEXTAREA"].includes(P.tagName))
         return null;
       const F = Oe(P, "item");
@@ -1931,14 +1957,14 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
         if (ye(F, "selected"))
           return F;
         if (!A && ye(F, "locked") && !ye(P, "passthrough"))
-          return U ? F : null;
+          return V ? F : null;
         if (ye(P, "passthrough")) {
-          const K = d(), { boardWrapper: ee } = u(), oe = K.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: Z } = u(), te = H.reduce((le, se) => {
+            const me = Ne(Z, se), ge = me.getBoundingClientRect();
+            return ft({ x: $, y: Y }, ge) && le.unshift(me), le;
           }, []);
-          for (let le = 0; le < oe.length; le += 1) {
-            const se = oe[le];
+          for (let le = 0; le < te.length; le += 1) {
+            const se = te[le];
             if (se !== F && (A || !ye(se, "locked")))
               return se;
           }
@@ -1950,24 +1976,24 @@ const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
     [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,
+    setItemList: C,
     pushItem: L,
     pushItems: M,
     removeItems: N,
     getItemList: v,
     findElementUnderPointer: J,
-    getItems: W
+    getItems: U
   };
 };
-var bn = function e(t, r) {
+var wn = function e(t, r) {
   if (t === r)
     return !0;
   if (t && r && typeof t == "object" && typeof r == "object") {
@@ -2021,85 +2047,85 @@ var bn = 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 En(e, t, r, n = 0) {
+function Cn(e, t, r, n = 0) {
   Pe(mt(e, t, r, n), t);
 }
-const Cn = (e, t) => {
+const xn = (e, t) => {
   if (e.type in t) {
     const r = t[e.type].defaultActions;
     return typeof r == "function" ? r(e) : r;
   }
   return [];
-}, Vt = (e, t) => {
-  const { actions: r = Cn(e, t) } = e;
+}, Ft = (e, t) => {
+  const { actions: r = xn(e, t) } = e;
   return r.map((n) => typeof n == "string" ? { name: n } : n);
-}, os = () => {
-  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();
+}, is = () => {
+  const [e, t] = ne((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 = er(() => {
-    const [a, h] = d();
-    if (a.length > 0) {
+  ), f = tr(() => {
+    const [c, h] = d();
+    if (c.length > 0) {
       if (!u.current)
         return;
       const _ = h.reduce((v, E) => {
-        const I = Vt(E, r);
+        const I = Ft(E, r);
         return v.filter(
-          (y) => I.some((w) => bn(y, w))
+          (y) => I.some((C) => wn(y, C))
         );
-      }, Vt(h[0], r));
+      }, Ft(h[0], r));
       l(() => {
-        c(_);
+        a(_);
       });
     } else
       l(() => {
-        c([]);
+        a([]);
       });
   }, [d, r]);
-  return En(
+  return Cn(
     () => f(),
     [e, n, f],
     100
   ), {
     availableActions: s
   };
-}, ss = () => {
-  const [e] = Z((t) => [t.selectionBox]);
+}, as = () => {
+  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), "");
-const cr = g.createContext(), ut = (e) => {
+const lr = g.createContext(), ut = (e) => {
   localStorage.setItem("user", JSON.stringify(e));
-}, wn = () => {
+}, Rn = () => {
   if (localStorage.user) {
     const t = {
       name: "Player",
-      color: Nt(),
+      color: Xt(),
       uid: pe(),
       ...JSON.parse(localStorage.user)
     };
@@ -2107,11 +2133,11 @@ const cr = g.createContext(), ut = (e) => {
   }
   const e = {
     name: "Player",
-    color: Nt(),
+    color: Xt(),
     uid: pe()
   };
   return ut(e), e;
-}, xn = (e) => (t, r) => ({
+}, In = (e) => (t, r) => ({
   isSpaceMaster: !1,
   users: {},
   getUser: () => r().users[e],
@@ -2127,16 +2153,16 @@ const cr = 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
       }
     };
   }),
@@ -2152,19 +2178,19 @@ const cr = 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 });
   }
-}), Rn = (e) => ({
+}), On = (e) => ({
   cursors: {},
   moveCursor: (t, r) => e((n) => ({ cursors: { ...n.cursors, [t]: r } })),
   removeCursor: (t) => e((r) => {
     const n = { ...r.cursors };
     return delete n[t], { cursors: n };
   })
-}), ur = ({ 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);
+}), fr = ({ storeName: e, children: t }) => {
+  const { wire: r, isMaster: n } = Xe("room"), [o, s] = g.useState(null), [a, u] = g.useState(!1), l = g.useRef(!1);
   return g.useEffect(() => {
     let d = !0;
     const f = [];
@@ -2183,8 +2209,8 @@ const cr = g.createContext(), ut = (e) => {
               ]
             },
             (...v) => ({
-              ...xn(r.userId)(...v),
-              ...Rn(...v)
+              ...In(r.userId)(...v),
+              ...On(...v)
             })
           )
         ), _ = h.subscribe((v) => {
@@ -2196,7 +2222,7 @@ const cr = g.createContext(), ut = (e) => {
   }, [o, e, r, r.userId]), g.useEffect(() => {
     if (o)
       return o.getState().addUser({
-        ...wn(),
+        ...Rn(),
         id: r.userId
       }), u(!0), () => {
         o.getState().removeUser(r.userId);
@@ -2212,18 +2238,18 @@ const cr = g.createContext(), ut = (e) => {
     }
   }, [n, o, r]), g.useEffect(() => {
     n && o && o.getState().updateCurrentUser({ isMaster: n });
-  }, [n, o, r]), c ? /* @__PURE__ */ T(cr.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(cr);
+  const r = _e(lr);
   return We(r, e, t || Ve);
-}, is = () => {
+}, cs = () => {
   const [e, t, r, n, o] = Se((u) => [
     u.isSpaceMaster,
     u.getUser(),
     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]);
@@ -2232,40 +2258,40 @@ const cr = g.createContext(), ut = (e) => {
     currentUser: t,
     updateCurrentUser: n,
     users: s,
-    localUsers: c,
+    localUsers: a,
     joinSpace: o
   };
-}, as = () => {
-  const [e, t, r] = re(
+}, us = () => {
+  const [e, t, r] = ne(
     (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];
-}, cs = () => {
-  const [e] = Z((t) => [t.boardState]);
+}, ls = () => {
+  const [e] = Q((t) => [t.boardState]);
   return e;
-}, us = () => {
-  const [e, t, r, n] = re((o) => [
+}, fs = () => {
+  const [e, t, r, n] = ne((o) => [
     o.getSessionInfo,
     o.setSessionInfo,
     o.updateSessionInfo,
     o.session
   ]);
   return { getSessionInfo: e, setSessionInfo: t, sessionInfo: n, updateSessionInfo: r };
-}, lr = g.createContext(), In = ({ user: { name: e, uid: t, color: r }, content: n }) => ({
+}, dr = g.createContext(), Tn = ({ user: { name: e, uid: t, color: r }, content: n }) => ({
   type: "message",
   user: { name: e, uid: t, color: r },
   content: n,
   uid: pe(),
   timestamp: new Date().toISOString()
-}), On = (e, t) => ({
+}), kn = (e, t) => ({
   messages: [],
   setMessages: (r) => e({
     messages: r.map((n) => ({
@@ -2280,13 +2306,13 @@ const cr = g.createContext(), ut = (e) => {
     ]
   })),
   sendMessage: (r, n) => {
-    const o = In({
+    const o = Tn({
       user: r,
       content: n
     });
     o && t().addMessage(o);
   }
-}), Ft = ({
+}), Kt = ({
   storeName: e,
   children: t,
   defaultValue: r = []
@@ -2296,104 +2322,104 @@ const cr = g.createContext(), ut = (e) => {
       dt(
         { wire: n, storeName: e, defaultValue: r, noSync: ["sendMessage"] },
         (...s) => ({
-          ...On(...s)
+          ...kn(...s)
         })
       )
     )
   );
-  return /* @__PURE__ */ T(lr.Provider, { value: o, children: t });
-}, Tn = (e, t) => {
-  const r = _e(lr);
+  return /* @__PURE__ */ T(dr.Provider, { value: o, children: t });
+}, Pn = (e, t) => {
+  const r = _e(dr);
   return We(r, e, t || Ve);
-}, kn = () => {
-}, ls = (e = kn) => {
-  const t = Se((c) => c.getUser()), [r, n, o] = Tn((c) => [
-    c.messages,
-    c.setMessages,
-    c.sendMessage
+}, Mn = () => {
+}, ds = (e = Mn) => {
+  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]
   );
   return { messages: r, setMessages: n, sendMessage: s };
-}, Kt = ({ children: e, session: t }) => {
+}, Ht = ({ children: e, session: t }) => {
   const r = Se((n) => n.joinSpace);
   return g.useEffect(() => (r(t), () => {
     r(null);
   }), [r, t]), e;
-}, fs = ({
+}, ps = ({
   socket: e,
   room: t,
   session: r,
   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(
-    Ft,
+    Kt,
     {
       storeName: `${l}_messages`,
       defaultValue: o,
-      children: /* @__PURE__ */ T(Ut, { children: /* @__PURE__ */ T(
-        Xt,
+      children: /* @__PURE__ */ T(Wt, { children: /* @__PURE__ */ T(
+        Ut,
         {
           storeName: `${l}_item`,
           defaultValue: d,
-          children: /* @__PURE__ */ T(Kt, { ...c, session: l })
+          children: /* @__PURE__ */ T(Ht, { ...a, session: l })
         }
       ) })
     }
   ) : /* @__PURE__ */ T(
-    rr,
+    nr,
     {
       room: u,
       channel: "room",
       socket: e,
       LoadingComponent: s,
-      children: /* @__PURE__ */ T(ur, { storeName: `${u}_users`, children: /* @__PURE__ */ T(
-        Ft,
+      children: /* @__PURE__ */ T(fr, { storeName: `${u}_users`, children: /* @__PURE__ */ T(
+        Kt,
         {
           storeName: `${l}_messages`,
           defaultValue: o,
-          children: /* @__PURE__ */ T(Ut, { children: /* @__PURE__ */ T(
-            Xt,
+          children: /* @__PURE__ */ T(Wt, { children: /* @__PURE__ */ T(
+            Ut,
             {
               storeName: `${l}_item`,
               defaultValue: d,
-              children: /* @__PURE__ */ T(Kt, { ...c, session: l })
+              children: /* @__PURE__ */ T(Ht, { ...a, session: l })
             }
           ) })
         }
       ) })
     }
   );
-}, ds = ({ socket: e, room: t, children: r, LoadingComponent: n }) => {
+}, ms = ({ socket: e, room: t, children: r, LoadingComponent: n }) => {
   const [o] = g.useState(t || pe());
   return /* @__PURE__ */ T(
-    rr,
+    nr,
     {
       room: o,
       channel: "room",
       socket: e,
       LoadingComponent: n,
-      children: /* @__PURE__ */ T(ur, { storeName: `${o}_users`, children: r })
+      children: /* @__PURE__ */ T(fr, { storeName: `${o}_users`, children: r })
     }
   );
 }, nt = () => {
   const e = navigator.userAgent.toLowerCase();
   return /mac os ?x 10/.test(e);
-}, Pn = () => {
+}, jn = () => {
   const e = document.createElement("iframe");
   e.src = "#", document.body.appendChild(e);
   const t = e.contentWindow.document;
@@ -2402,70 +2428,70 @@ const cr = g.createContext(), ut = (e) => {
   ), t.close();
   const r = t.body.firstElementChild.offsetHeight;
   return document.body.removeChild(e), r;
-}, Mn = Pn(), Dn = 800, Ht = (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];
-}, qt = ([e, t], [r, n]) => {
+}, Gt = ([e, t], [r, n]) => {
   const o = Math.abs(e - r), s = Math.abs(t - n);
   return Math.hypot(o, s);
 }, de = () => {
-}, jn = (e) => (t) => {
+}, An = (e) => (t) => {
   const { event: r } = t;
   return r.isPropagationStopped() ? null : e(t);
-}, $n = (e) => async (...t) => {
+}, Ln = (e) => async (...t) => {
   try {
     await e(...t);
   } catch (r) {
     console.error(r);
   }
 };
-class An {
+class zn {
   constructor() {
     kt(this, "lastPromise", Promise.resolve(!0));
   }
   add(t, ...r) {
     return new Promise((n, o) => {
-      this.lastPromise = this.lastPromise.then(() => jn($n(t))(...r)).then(n).catch(o);
+      this.lastPromise = this.lastPromise.then(() => An(Ln(t))(...r)).then(n).catch(o);
     });
   }
 }
-const ne = new An(), Fe = ({
+const oe = 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,
+        oe.add(o, {
+          deltaX: -2 * C,
           deltaY: -2 * x,
           button: 1,
           ctrlKey: S,
           metaKey: k,
-          target: D,
+          target: j,
           event: y
         });
       else {
@@ -2474,241 +2500,241 @@ const ne = new An(), Fe = ({
         let M = x;
         switch (m) {
           case 1:
-            M *= Mn;
+            M *= Dn;
             break;
           case 2:
-            M *= Dn;
+            M *= $n;
             break;
         }
-        nt() && (M *= 2), ne.add(l, { scale: M, clientX: p, clientY: C, event: y });
+        nt() && (M *= 2), oe.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 } = Ht(
-            a.current.pointers,
+          const { clientX: M, clientY: L } = qt(
+            c.current.pointers,
             m
-          ), N = (M + p) / 2, W = (L + C) / 2, J = qt(
+          ), N = (M + p) / 2, U = (L + w) / 2, J = Gt(
             [M, L],
-            [p, C]
+            [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: W,
+            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, oe.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;
+      }, c.current.moving = !0;
+      const j = Object.keys(c.current.pointers).length === 2;
       let M, L, N = 0;
-      if (D) {
-        const { clientX: $, clientY: B } = Ht(
-          a.current.pointers,
-          w
+      if (j) {
+        const { clientX: $, clientY: Y } = qt(
+          c.current.pointers,
+          C
         );
-        M = ($ + x) / 2, L = (B + p) / 2, N = qt(
-          [$, B],
+        M = ($ + x) / 2, L = (Y + p) / 2, N = Gt(
+          [$, Y],
           [x, p]
         );
       } else
         M = x, L = p;
-      let W = m || C || S || O || k !== 1;
-      d !== "drag" && (W = !W);
-      const J = !W, P = W;
+      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), oe.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, U = M - a.current.startX, A = L - a.current.startY;
-        ne.add(t, {
+        const $ = M - c.current.prevX, Y = L - c.current.prevY, V = M - c.current.startX, A = L - c.current.startY;
+        oe.add(t, {
           deltaX: $,
-          deltaY: B,
-          startX: a.current.startX,
-          startY: a.current.startY,
+          deltaY: Y,
+          startX: c.current.startX,
+          startY: c.current.startY,
           clientX: M,
           clientY: L,
-          distanceX: U,
+          distanceX: V,
           distanceY: A,
-          button: a.current.currentButton,
-          altKey: C,
+          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: U } = 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, Y = L - c.current.prevY, { target: V } = c.current;
+        if (oe.add(o, {
           deltaX: $,
-          deltaY: B,
-          button: a.current.currentButton,
-          altKey: C,
+          deltaY: Y,
+          button: c.current.currentButton,
+          altKey: w,
           shiftKey: m,
           ctrlKey: S,
           metaKey: O,
-          target: U,
+          target: V,
           event: y
-        }), N !== a.current.prevDistance && l) {
-          const A = a.current.prevDistance - N;
-          Math.abs(A) > 0 && (ne.add(l, {
+        }), N !== c.current.prevDistance && l) {
+          const A = c.current.prevDistance - N;
+          Math.abs(A) > 0 && (oe.add(l, {
             scale: A * 3,
             clientX: M,
             clientY: L,
             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 = L;
     }
   }, 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, oe.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 && oe.add(s, {
+          clientX: C,
           clientY: x,
           altKey: p,
-          shiftKey: C,
+          shiftKey: w,
           ctrlKey: m,
           metaKey: S,
           target: O,
@@ -2728,12 +2754,12 @@ const ne = new An(), 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;
+        oe.add(u, {
+          clientX: C,
           clientY: x,
           altKey: p,
-          shiftKey: C,
+          shiftKey: w,
           ctrlKey: m,
           metaKey: S,
           target: O,
@@ -2746,9 +2772,9 @@ const ne = new An(), 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,
@@ -2756,59 +2782,59 @@ const ne = new An(), Fe = ({
     });
   }, children: /* @__PURE__ */ T("div", { ...t }) });
 };
-let Ln = { data: "" }, zn = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || Ln, Yn = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Bn = /\/\*[^]*?\*\/|  +/g, Gt = /\n+/g, fe = (e, t) => {
+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 = {}, fr = (e) => {
+}, ae = {}, pr = (e) => {
   if (typeof e == "object") {
     let t = "";
     for (let r in e)
-      t += r + fr(e[r]);
+      t += r + pr(e[r]);
     return t;
   }
   return e;
-}, Nn = (e, t, r, n, o) => {
-  let s = fr(e), c = ae[s] || (ae[s] = ((l) => {
+}, Un = (e, t, r, n, o) => {
+  let s = pr(e), a = ae[s] || (ae[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 (!ae[a]) {
     let l = s !== e ? e : ((d) => {
-      let f, a, h = [{}];
-      for (; f = Yn.exec(d.replace(Bn, "")); )
-        f[4] ? h.shift() : f[3] ? (a = f[3].replace(Gt, " ").trim(), h.unshift(h[0][a] = h[0][a] || {})) : h[0][f[1]] = f[2].replace(Gt, " ").trim();
+      let f, c, h = [{}];
+      for (; f = Nn.exec(d.replace(Xn, "")); )
+        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);
+    ae[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;
-}, Xn = (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;
+  return r && (ae.g = ae[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);
+  })(ae[a], t, n, u), a;
+}, Wn = (e, t, r) => e.reduce((n, o, s) => {
+  let a = t[s];
+  if (a && a.call) {
+    let u = a(r), l = u && u.props && u.props.className || /^go/.test(u) && u;
+    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 Nn(r.unshift ? r.raw ? Xn(r, [].slice.call(arguments, 1), t.p) : r.reduce((n, o) => Object.assign(n, o && o.call ? o(t.p) : o), {}) : r, zn(t.target), t.g, t.o, t.k);
+  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 });
-function Un(e, t, r, n) {
+K.bind({ g: 1 });
+K.bind({ k: 1 });
+function Vn(e, t, r, n) {
   fe.p = t;
 }
-var Wn = function e(t, r) {
+var Fn = function e(t, r) {
   if (t === r)
     return !0;
   if (t && r && typeof t == "object" && typeof r == "object") {
@@ -2835,44 +2861,44 @@ var Wn = 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 Vn = H`
+const Kn = K`
   display: inline-block;
   transition: transform 150ms;
   user-select: none;
   padding: 2px;
   box-sizing: border-box;
-`, Fn = H`
+`, Hn = K`
   border: 2px dashed #db5034;
   padding: 0px;
   cursor: pointer;
-`, we = H`
+`, Ce = K`
   position: absolute;
   width: 0px;
   height: 0px;
-`, Kn = H`
+`, qn = K`
   top: 0;
   left: 0;
-`, Hn = H`
+`, Gn = K`
   top: 0;
   right: 0;
-`, qn = H`
+`, Jn = K`
   bottom: 0;
   left: 0;
-`, Gn = H`
+`, Zn = K`
   bottom: 0;
   right: 0;
-`, Jn = H`
+`, Qn = K`
   top: 50%;
   left: 50%;
-`, st = H`
+`, st = K`
   position: absolute;
 
   width: 10px;
@@ -2880,22 +2906,22 @@ const Vn = H`
   border: 2px solid #db5034;
   background-color: #db5034;
   cursor: move;
-`, Zn = H`
+`, eo = K`
   cursor: ew-resize;
   right: -6px;
   top: calc(50% - 5px);
-`, Qn = H`
+`, to = K`
   cursor: ns-resize;
   bottom: -6px;
   left: calc(50% - 5px);
-`, eo = H`
+`, ro = K`
   cursor: nwse-resize;
   bottom: -6px;
   right: -6px;
-`, to = ({ onReload: e }) => /* @__PURE__ */ ue(
+`, no = ({ onReload: e }) => /* @__PURE__ */ ue(
   "div",
   {
-    className: `syncboard-error-item ${H({
+    className: `syncboard-error-item ${K({
       width: "100px",
       display: "flex",
       flexDirection: "column",
@@ -2909,7 +2935,7 @@ const Vn = H`
     ]
   }
 );
-class ro extends g.Component {
+class oo extends g.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1, itemId: t.itemId }, this.onReload = this.onReload.bind(this);
   }
@@ -2931,9 +2957,9 @@ class ro extends g.Component {
     return this.state.hasError ? /* @__PURE__ */ T(t, { onReload: this.onReload }) : this.props.children;
   }
 }
-const no = (e) => {
+const so = (e) => {
   e.target.className = "";
-}, oo = ({
+}, io = ({
   width: e,
   height: t,
   actualWidth: r,
@@ -2941,54 +2967,54 @@ const no = (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)
   };
-}, so = {
+}, ao = {
   w: !0,
   h: !0,
   b: !0
-}, io = ({
+}, 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: _ = so,
-    resize: v = oo
+    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, Vn];
-  o && I.push("locked"), l && (I.push("selected"), I.push(Fn));
-  const y = I.join(" "), w = ({ width: S = 0, height: O = 0, keepRatio: k }) => {
-    E((D) => {
-      const { offsetWidth: M, offsetHeight: L } = a.current;
+  const I = ["item", n, Kn];
+  o && I.push("locked"), l && (I.push("selected"), I.push(Hn));
+  const y = I.join(" "), C = ({ width: S = 0, height: O = 0, keepRatio: k }) => {
+    E((j) => {
+      const { offsetWidth: M, offsetHeight: L } = c.current;
       return v({
-        prevState: D,
+        prevState: j,
         width: S,
         height: O,
         actualHeight: L,
@@ -2997,11 +3023,11 @@ const no = (e) => {
       });
     });
   }, 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",
@@ -3013,44 +3039,44 @@ const no = (e) => {
         "div",
         {
           style: { display: "flex" },
-          ref: a,
-          onAnimationEnd: no,
+          ref: c,
+          onAnimationEnd: so,
           onKeyDown: (S) => S.stopPropagation(),
           onKeyUp: (S) => S.stopPropagation(),
           children: [
             /* @__PURE__ */ T(
-              ro,
+              oo,
               {
                 itemId: n,
-                state: c,
-                ErrorComponent: ((m = d == null ? void 0 : d.error) == null ? void 0 : m.component) || to,
-                children: /* @__PURE__ */ T(h, { ...c, id: n, setState: E })
+                state: a,
+                ErrorComponent: ((m = d == null ? void 0 : d.error) == null ? void 0 : m.component) || no,
+                children: /* @__PURE__ */ T(h, { ...a, id: n, setState: E })
               }
             ),
-            /* @__PURE__ */ T("div", { className: `corner ${we} ${Kn}` }),
-            /* @__PURE__ */ T("div", { className: `corner ${we} ${Hn}` }),
-            /* @__PURE__ */ T("div", { className: `corner ${we} ${Gn}` }),
-            /* @__PURE__ */ T("div", { className: `corner ${we} ${qn}` }),
-            /* @__PURE__ */ T("div", { className: `center ${we} ${Jn}` }),
-            f && /* @__PURE__ */ ue(Xr, { 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__ */ ue(Wr, { children: [
               _.b && /* @__PURE__ */ T(
                 ot,
                 {
-                  className: `${st} ${eo}`,
-                  onResize: C
+                  className: `${st} ${ro}`,
+                  onResize: w
                 }
               ),
               _.h && /* @__PURE__ */ T(
                 ot,
                 {
-                  className: `${st} ${Qn}`,
+                  className: `${st} ${to}`,
                   onResize: p
                 }
               ),
               _.w && /* @__PURE__ */ T(
                 ot,
                 {
-                  className: `${st} ${Zn}`,
+                  className: `${st} ${eo}`,
                   onResize: x
                 }
               )
@@ -3060,8 +3086,8 @@ const no = (e) => {
       )
     }
   );
-}, ao = tr(
-  io,
+}, uo = rr(
+  co,
   ({
     state: e,
     setState: t,
@@ -3070,15 +3096,15 @@ const no = (e) => {
   }, {
     state: o,
     setState: s,
-    isSelected: c,
+    isSelected: a,
     showResizeHandle: u
-  }) => r === c && n === u && t === s && Wn(e, o)
-), co = (e) => e, uo = ({ state: e = {}, getCurrentUser: t, className: r, ...n }) => {
+  }) => 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 = co } = n.itemMap[e.type], {
+  const { stateHook: o = lo } = n.itemMap[e.type], {
     x: s = 0,
-    y: c = 0,
+    y: a = 0,
     layer: u = 0,
     moving: l,
     ...d
@@ -3088,11 +3114,11 @@ const no = (e) => {
     {
       className: r,
       style: {
-        transform: `translate(${s}px, ${c}px)`,
+        transform: `translate(${s}px, ${a}px)`,
         zIndex: f
       },
       children: /* @__PURE__ */ T(
-        ao,
+        uo,
         {
           ...n,
           showResizeHandle: n.isSelected && n.showResizeHandle,
@@ -3101,29 +3127,30 @@ const no = (e) => {
       )
     }
   );
-}, lo = tr(uo), fo = () => {
-  const { updateItem: e } = gt(), [t, r] = re((d) => [
+}, po = rr(fo), mo = () => {
+  const { updateItem: e } = gt(), [t, r] = ne((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`,
-    display: "inline-block"
+    display: "inline-block",
+    lineHeight: 0
   });
   return t.map((d) => /* @__PURE__ */ T(
-    lo,
+    po,
     {
       state: r[d],
       setState: e,
-      isSelected: c.includes(d),
+      isSelected: a.includes(d),
       itemMap: s,
       boardSize: n,
       getCurrentUser: u,
@@ -3133,21 +3160,21 @@ const no = (e) => {
     d
   ));
 };
-function po(e = !1) {
-  const t = Re(e), r = er(() => t.current, []);
+function go(e = !1) {
+  const t = Re(e), r = tr(() => t.current, []);
   return Pe(() => (t.current = !0, () => {
     t.current = !1;
   }), []), r;
 }
-function mo(e, ...t) {
+function ho(e, ...t) {
   e && e.addEventListener && e.addEventListener(...t);
 }
-function go(e, ...t) {
+function vo(e, ...t) {
   e && e.removeEventListener && e.removeEventListener(...t);
 }
-const ho = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
+const yo = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
 function ce(e, ...t) {
-  const r = po(), n = pt(t[1]), o = lt(
+  const r = go(), n = pt(t[1]), o = lt(
     () => (
       // as some event listeners designed to be used through `this`
       // it is better to make listener a conventional function as it
@@ -3161,36 +3188,36 @@ function ce(e, ...t) {
     []
   );
   Pe(() => {
-    const s = e && ho(e, "current") ? e.current : e;
+    const s = e && yo(e, "current") ? e.current : e;
     if (!s)
       return;
-    const c = t.slice(2);
-    return mo(s, t[0], o, ...c), () => go(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 vo = H({
+const So = K({
   zIndex: 210,
   position: "absolute",
   backgroundColor: "hsla(0, 40%, 50%, 10%)",
   border: "2px solid hsl(0, 55%, 40%)"
-}), yo = (e, t, r = !1) => {
+}), _o = (e, t, r = !1) => {
   const n = t.getElementsByClassName("selector");
   if (!n.length)
     return [];
   const o = n[0];
   return Array.from(t.getElementsByClassName("item")).filter((s) => {
-    const c = Te(s), u = e[c];
-    return !u || !r && u.locked ? !1 : rn(s, o);
+    const a = Te(s), u = e[a];
+    return !u || !r && u.locked ? !1 : on(s, o);
   }).map((s) => Te(s));
-}, So = ({ children: e, moveFirst: t }) => {
+}, bo = ({ children: e, moveFirst: t }) => {
   const [
     r,
     n,
     o,
     s,
-    c,
+    a,
     u
-  ] = Z((m) => [
+  ] = Q((m) => [
     m.getSelection,
     m.clear,
     m.setSelection,
@@ -3198,7 +3225,7 @@ const vo = 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] = ne((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) => {
@@ -3209,12 +3236,12 @@ const vo = H({
     n();
   }), [n]), g.useEffect(() => {
     if (I.current.moving) {
-      const m = d(), { boardWrapper: S } = c(), O = yo(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) => {
@@ -3224,27 +3251,27 @@ const vo = 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(), L = O - M, N = k - j;
+          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), 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]));
+          j && !L.includes(M) && (O || k ? s([M]) : o([M]));
         }
       },
       onLongTap: ({ target: m }) => {
@@ -3264,62 +3291,62 @@ const vo = H({
               height: `${f.height}px`,
               width: `${f.width}px`
             },
-            className: `selector ${vo}`
+            className: `selector ${So}`
           }
         ),
         e
       ] })
     }
   );
-}, _o = ({ children: e }) => {
-  const { moveItems: t, placeItems: r, findElementUnderPointer: n } = gt(), { vectorFromWrapperToBoard: o } = Me(), [s, c, u, l, d] = Z((y) => [
+}, Eo = ({ children: e }) => {
+  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] = ne((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) => {
     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;
@@ -3328,30 +3355,30 @@ const vo = 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 });
-}, bo = (e) => {
+}, wo = (e) => {
   const t = g.useRef({ hover: !1, x: 0, y: 0 });
   return ce(e.current, "mousemove", (n) => {
     const { clientX: o, clientY: s } = n;
@@ -3361,28 +3388,28 @@ const vo = H({
   }), ce(e.current, "mouseleave", () => {
     t.current.hover = !1;
   }), g.useCallback(() => t.current, []);
-}, Eo = [...Array(5).keys()].map((e) => `Digit${e + 1}`), Co = () => {
-  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) && Eo.includes(o.code)) {
-      const s = o.code, { translateX: c, translateY: u, scale: l } = r();
+    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;
-}, wo = ({ children: e, moveFirst: t = !1 }) => {
+}, Ro = ({ children: e, moveFirst: t = !1 }) => {
   const r = g.useRef(null), [
     n,
     o,
     s,
-    c,
+    a,
     u
-  ] = Z((p) => [
+  ] = Q((p) => [
     {
       translateX: p.boardState.translateX,
       translateY: p.boardState.translateY,
@@ -3393,36 +3420,36 @@ const vo = H({
     p.getConfiguration,
     p.updateBoardState,
     p.getSelection
-  ]), { zoomToCenter: l, zoomToExtent: d, moveBoard: f } = Me(), [a, h] = g.useState(!1), _ = g.useRef({}), v = bo(r);
-  Co();
+  ]), { 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;
@@ -3437,20 +3464,20 @@ const vo = 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 ce(document, "keydown", C), ce(document, "keyup", x), /* @__PURE__ */ T(
     Fe,
     {
       onPan: y,
@@ -3471,7 +3498,7 @@ const vo = H({
       )
     }
   );
-}, xo = H({
+}, Io = K({
   position: "absolute",
   top: 0,
   left: 0,
@@ -3479,40 +3506,40 @@ const vo = H({
   backgroundColor: "hsla(0, 40%, 50%, 0%)",
   border: "2px dashed hsl(20, 55%, 40%)",
   pointerEvents: "none"
-}), Ro = () => {
+}), Oo = () => {
   const [
     e,
     t,
     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] = ne((c) => [c.items]), d = g.useCallback(() => {
+    const c = t(), { boardWrapperRect: h, boardWrapper: _ } = o();
+    if (c.length === 0) {
       n(null);
       return;
     }
-    const v = nn(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);
@@ -3523,7 +3550,7 @@ const vo = H({
     e,
     l,
     s,
-    c,
+    a,
     u,
     d,
     f
@@ -3535,16 +3562,16 @@ const vo = H({
         height: `${r.height}px`,
         width: `${r.width}px`
       },
-      className: `selection ${xo}`
+      className: `selection ${Io}`
     }
   );
-}, Io = () => {
-  const [e] = Z((t) => [t.boardState.movingItems]);
-  return e ? null : /* @__PURE__ */ T(Ro, {});
-}, Oo = typeof window < "u" && typeof navigator < "u" && typeof document < "u";
+}, To = () => {
+  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;
-function To() {
-  if (!Oo)
+function Po() {
+  if (!ko)
     return;
   if (Le)
     return Le;
@@ -3566,112 +3593,112 @@ function To() {
     }
   }, Le;
 }
-function ko(e, t, r = !0) {
-  const n = r && To(), o = pt(t), s = e && "current" in e ? e.current : e;
+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 Jt(e, t, r) {
+function Zt(e, t, r) {
   return Math.min(Math.max(e, r), t);
 }
-class Po extends Error {
+class jo extends Error {
   constructor(t) {
     super(`Failed to parse color: "${t}"`);
   }
 }
-var xe = Po;
-function Mo(e) {
+var xe = jo;
+function Do(e) {
   if (typeof e != "string")
     throw new xe(e);
   if (e.trim().toLowerCase() === "transparent")
     return [0, 0, 0, 0];
   let t = e.trim();
-  t = Bo.test(e) ? $o(e) : e;
-  const r = Ao.exec(t);
+  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 = Lo.exec(t);
+  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 = zo.exec(t);
+  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 = Yo.exec(t);
+  const s = No.exec(t);
   if (s) {
-    const [c, u, l, d] = Array.from(s).slice(1).map(parseFloat);
-    if (Jt(0, 100, u) !== u)
+    const [a, u, l, d] = Array.from(s).slice(1).map(parseFloat);
+    if (Zt(0, 100, u) !== u)
       throw new xe(e);
-    if (Jt(0, 100, l) !== l)
+    if (Zt(0, 100, l) !== l)
       throw new xe(e);
-    return [...No(c, u, l), Number.isNaN(d) ? 1 : d];
+    return [...Uo(a, u, l), Number.isNaN(d) ? 1 : d];
   }
   throw new xe(e);
 }
-function Do(e) {
+function $o(e) {
   let t = 5381, r = e.length;
   for (; r; )
     t = t * 33 ^ e.charCodeAt(--r);
   return (t >>> 0) % 2341;
 }
-const Zt = (e) => parseInt(e.replace(/_/g, ""), 36), jo = "1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((e, t) => {
-  const r = Zt(t.substring(0, 3)), n = Zt(t.substring(3)).toString(16);
+const Qt = (e) => parseInt(e.replace(/_/g, ""), 36), Ao = "1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((e, t) => {
+  const r = Qt(t.substring(0, 3)), n = Qt(t.substring(3)).toString(16);
   let o = "";
   for (let s = 0; s < 6 - n.length; s++)
     o += "0";
   return e[r] = `${o}${n}`, e;
 }, {});
-function $o(e) {
-  const t = e.toLowerCase().trim(), r = jo[Do(t)];
+function Lo(e) {
+  const t = e.toLowerCase().trim(), r = Ao[$o(t)];
   if (!r)
     throw new xe(e);
   return `#${r}`;
 }
-const ke = (e, t) => Array.from(Array(t)).map(() => e).join(""), Ao = new RegExp(`^#${ke("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), Lo = new RegExp(`^#${ke("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), zo = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ke(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), Yo = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, Bo = /^[a-z]+$/i, Qt = (e) => Math.round(e * 255), No = (e, t, r) => {
+const ke = (e, t) => Array.from(Array(t)).map(() => e).join(""), zo = new RegExp(`^#${ke("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), Yo = new RegExp(`^#${ke("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), Bo = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ke(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), No = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, Xo = /^[a-z]+$/i, er = (e) => Math.round(e * 255), Uo = (e, t, r) => {
   let n = r / 100;
   if (t === 0)
-    return [n, n, n].map(Qt);
-  const o = (e % 360 + 360) % 360 / 60, s = (1 - Math.abs(2 * n - 1)) * (t / 100), c = s * (1 - Math.abs(o % 2 - 1));
+    return [n, n, n].map(er);
+  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(Qt);
+  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 Xo(e) {
+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] = Mo(e);
+  const [r, n, o] = Do(e);
   return 0.2126 * t(r) + 0.7152 * t(n) + 0.0722 * t(o);
 }
-function Uo(e) {
-  return Xo(e) > 0.179;
+function Vo(e) {
+  return Wo(e) > 0.179;
 }
-const Wo = H({
+const Fo = K({
   display: "flex",
   flexDirection: "row",
   alignItems: "center",
   zIndex: 210,
   pointerEvents: "none"
-}), Vo = H({
+}), Ko = K({
   fontWeight: "bold",
   padding: "0 0.5em",
   borderRadius: "2px",
@@ -3682,9 +3709,9 @@ const Wo = H({
   marginTop: "1.7em",
   whitespace: "nowrap",
   pointerEvents: "none"
-}), Fo = ({ color: e = "#666", size: t = 40, text: r }) => {
-  const n = Uo(e) ? "#222" : "#EEE";
-  return /* @__PURE__ */ ue("div", { className: Wo, children: [
+}), Ho = ({ color: e = "#666", size: t = 40, text: r }) => {
+  const n = Vo(e) ? "#222" : "#EEE";
+  return /* @__PURE__ */ ue("div", { className: Fo, children: [
     /* @__PURE__ */ ue(
       "svg",
       {
@@ -3724,32 +3751,32 @@ const Wo = H({
           color: n,
           backgroundColor: e
         },
-        className: Vo,
+        className: Ko,
         children: r
       }
     )
   ] });
-}, Ko = g.memo(Fo), Ho = H({
+}, qo = g.memo(Ho), Go = K({
   top: 0,
   left: 0,
   zIndex: 210,
   position: "fixed",
   pointerEvents: "none"
-}), qo = ({ pos: e, ...t }) => /* @__PURE__ */ T(
+}), Jo = ({ pos: e, ...t }) => /* @__PURE__ */ T(
   "div",
   {
-    className: Ho,
+    className: Go,
     style: {
       transform: `translate(${e.x - 6}px, ${e.y - 15}px)`
     },
-    children: /* @__PURE__ */ T(Ko, { ...t })
+    children: /* @__PURE__ */ T(qo, { ...t })
   }
-), Go = ({ children: e }) => {
-  const [t] = Z((v) => [
+), Zo = ({ children: e }) => {
+  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(),
@@ -3759,7 +3786,7 @@ const Wo = 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
@@ -3767,18 +3794,18 @@ const Wo = 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__ */ ue("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(
-        qo,
+      return ft(C, f) ? /* @__PURE__ */ T(
+        Jo,
         {
-          pos: w,
+          pos: C,
           text: u[v].name,
           color: u[v].color
         },
@@ -3786,24 +3813,24 @@ const Wo = H({
       ) : null;
     })
   ] });
-}, Jo = ({ children: e }) => e, Zo = {
+}, Qo = ({ children: e }) => e, es = {
   overflow: "hidden",
   position: "absolute",
   inset: 0
-}, ps = ({
+}, gs = ({
   moveFirst: e = !0,
   style: t,
   wrapperStyle: r,
   itemTemplates: n = {},
-  boardSize: o = ir,
+  boardSize: o = cr,
   children: s,
-  showResizeHandle: c = !1,
-  Wrapper: u = Jo
+  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`,
@@ -3829,18 +3856,18 @@ const Wo = 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]), ko(l, () => {
+    }), c(), setTimeout(c, 2e3);
+  }, [f, c]), Mo(l, () => {
     l.current && f({
       boardWrapperRect: l.current.getBoundingClientRect()
     });
   });
-  const _ = H({ ...Zo, ...r });
+  const _ = K({ ...es, ...r });
   return /* @__PURE__ */ ue(
     "div",
     {
@@ -3848,7 +3875,7 @@ const Wo = H({
       id: d,
       className: `sync-board ${_}`,
       children: [
-        /* @__PURE__ */ T(Go, { children: /* @__PURE__ */ T(So, { moveFirst: e, children: /* @__PURE__ */ T(wo, { moveFirst: e, children: /* @__PURE__ */ T(_o, { 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__ */ ue(
           "div",
           {
             onContextMenu: (v) => {
@@ -3857,34 +3884,34 @@ const Wo = H({
             style: h,
             className: "board",
             children: [
-              /* @__PURE__ */ T(fo, {}),
+              /* @__PURE__ */ T(mo, {}),
               s
             ]
           }
         ) }) }) }) }) }),
-        /* @__PURE__ */ T(Io, {})
+        /* @__PURE__ */ T(To, {})
       ]
     }
   );
 };
-Un(g.createElement);
+Vn(g.createElement);
 export {
-  ps as Board,
-  fs as BoardWrapper,
-  ds as RoomWrapper,
-  os as useAvailableActions,
-  as as useBoardConfig,
+  gs as Board,
+  ps as BoardWrapper,
+  ms as RoomWrapper,
+  is as useAvailableActions,
+  us as useBoardConfig,
   Me as useBoardPosition,
-  cs as useBoardState,
-  rs as useDebouncedItems,
+  ls as useBoardState,
+  os as useDebouncedItems,
   gt as useItemActions,
-  Wt as useItemInteraction,
-  ts as useItems,
-  ls as useMessage,
-  ns as useSelectedItems,
-  ss as useSelectionBox,
-  us as useSessionInfo,
-  is as useUsers,
+  Vt as useItemInteraction,
+  ns as useItems,
+  ds as useMessage,
+  ss as useSelectedItems,
+  as as useSelectionBox,
+  fs as useSessionInfo,
+  cs as useUsers,
   Xe as useWire
 };
 //# sourceMappingURL=react-sync-board.js.map