react-sync-board 1.2.0 → 1.2.2

package/dist/react-sync-board.js

@@ -1,11 +1,11 @@
-var jr = Object.defineProperty;
-var $r = (e, t, r) => t in e ? jr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var kt = (e, t, r) => ($r(e, typeof t != "symbol" ? t + "" : t, r), r);
-import g, { useContext as _e, useDebugValue as Ar, useRef as Re, useMemo as lt, useEffect as Pe, useCallback as Qt, memo as er } from "react";
-function Lr(e) {
+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) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ie = {}, zr = {
+var Ie = {}, Yr = {
   get exports() {
     return Ie;
   },
@@ -23,20 +23,20 @@ var Ie = {}, zr = {
  * LICENSE file in the root directory of this source tree.
  */
 var Pt;
-function Yr() {
+function Br() {
   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, p) {
-    var f, a = {}, h = null, S = null;
-    p !== void 0 && (h = "" + p), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (S = l.ref);
+  function c(u, l, d) {
+    var f, a = {}, 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]);
     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: S, props: a, _owner: o.current };
+    return { $$typeof: t, type: u, key: h, ref: _, props: a, _owner: o.current };
   }
   return Ee.Fragment = r, Ee.jsx = c, Ee.jsxs = c, Ee;
 }
@@ -51,53 +51,53 @@ var Ce = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Mt;
-function Br() {
+function Nr() {
   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"), p = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), a = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), v = Symbol.iterator, b = "@@iterator";
-    function R(i) {
+    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";
+    function I(i) {
       if (i === null || typeof i != "object")
         return null;
-      var _ = v && i[v] || i[b];
-      return typeof _ == "function" ? _ : null;
+      var b = v && i[v] || i[E];
+      return typeof b == "function" ? b : null;
     }
-    var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function w(i) {
       {
-        for (var _ = arguments.length, I = new Array(_ > 1 ? _ - 1 : 0), j = 1; j < _; j++)
-          I[j - 1] = arguments[j];
-        x("error", i, I);
+        for (var b = arguments.length, R = new Array(b > 1 ? b - 1 : 0), j = 1; j < b; j++)
+          R[j - 1] = arguments[j];
+        x("error", i, R);
       }
     }
-    function x(i, _, I) {
+    function x(i, b, R) {
       {
-        var j = E.ReactDebugCurrentFrame, X = j.getStackAddendum();
-        X !== "" && (_ += "%s", I = I.concat([X]));
-        var V = I.map(function(Y) {
+        var j = y.ReactDebugCurrentFrame, X = j.getStackAddendum();
+        X !== "" && (b += "%s", R = R.concat([X]));
+        var V = R.map(function(Y) {
           return String(Y);
         });
-        V.unshift("Warning: " + _), Function.prototype.apply.call(console[i], console, V);
+        V.unshift("Warning: " + b), Function.prototype.apply.call(console[i], console, V);
       }
     }
-    var d = !1, C = !1, m = !1, y = !1, T = !1, P;
-    P = Symbol.for("react.module.reference");
+    var p = !1, C = !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 || T || i === o || i === p || i === f || y || i === S || d || 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
+      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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      i.$$typeof === P || i.getModuleId !== void 0));
+      i.$$typeof === k || i.getModuleId !== void 0));
     }
-    function M(i, _, I) {
+    function M(i, b, R) {
       var j = i.displayName;
       if (j)
         return j;
-      var X = _.displayName || _.name || "";
-      return X !== "" ? I + "(" + X + ")" : I;
+      var X = b.displayName || b.name || "";
+      return X !== "" ? R + "(" + X + ")" : R;
     }
-    function A(i) {
+    function L(i) {
       return i.displayName || "Context";
     }
-    function B(i) {
+    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")
@@ -113,7 +113,7 @@ function Br() {
           return "Profiler";
         case o:
           return "StrictMode";
-        case p:
+        case d:
           return "Suspense";
         case f:
           return "SuspenseList";
@@ -121,20 +121,20 @@ function Br() {
       if (typeof i == "object")
         switch (i.$$typeof) {
           case u:
-            var _ = i;
-            return A(_) + ".Consumer";
+            var b = i;
+            return L(b) + ".Consumer";
           case c:
-            var I = i;
-            return A(I._context) + ".Provider";
+            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 : B(i.type) || "Memo";
+            return j !== null ? j : N(i.type) || "Memo";
           case h: {
             var X = i, V = X._payload, Y = X._init;
             try {
-              return B(Y(V));
+              return N(Y(V));
             } catch {
               return null;
             }
@@ -142,18 +142,18 @@ function Br() {
         }
       return null;
     }
-    var W = Object.assign, O = 0, $, L, U, N, F, J, te;
-    function re() {
+    var W = Object.assign, J = 0, P, $, B, U, A, F, K;
+    function ee() {
     }
-    re.__reactDisabledLog = !0;
-    function ne() {
+    ee.__reactDisabledLog = !0;
+    function oe() {
       {
-        if (O === 0) {
-          $ = console.log, L = console.info, U = console.warn, N = console.error, F = console.group, J = console.groupCollapsed, te = console.groupEnd;
+        if (J === 0) {
+          P = console.log, $ = console.info, B = console.warn, U = console.error, A = console.group, F = console.groupCollapsed, K = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
-            value: re,
+            value: ee,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -166,12 +166,12 @@ function Br() {
             groupEnd: i
           });
         }
-        O++;
+        J++;
       }
     }
-    function K() {
+    function le() {
       {
-        if (O--, O === 0) {
+        if (J--, J === 0) {
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -179,66 +179,66 @@ function Br() {
           };
           Object.defineProperties(console, {
             log: W({}, i, {
-              value: $
+              value: P
             }),
             info: W({}, i, {
-              value: L
+              value: $
             }),
             warn: W({}, i, {
-              value: U
+              value: B
             }),
             error: W({}, i, {
-              value: N
+              value: U
             }),
             group: W({}, i, {
-              value: F
+              value: A
             }),
             groupCollapsed: W({}, i, {
-              value: J
+              value: F
             }),
             groupEnd: W({}, i, {
-              value: te
+              value: K
             })
           });
         }
-        O < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        J < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ee = E.ReactCurrentDispatcher, fe;
-    function ge(i, _, I) {
+    var se = y.ReactCurrentDispatcher, me;
+    function ge(i, b, R) {
       {
-        if (fe === void 0)
+        if (me === void 0)
           try {
             throw Error();
           } catch (X) {
             var j = X.stack.trim().match(/\n( *(at )?)/);
-            fe = j && j[1] || "";
+            me = j && j[1] || "";
           }
         return `
-` + fe + i;
+` + me + i;
       }
     }
     var Ke = !1, De;
     {
-      var fr = typeof WeakMap == "function" ? WeakMap : Map;
-      De = new fr();
+      var dr = typeof WeakMap == "function" ? WeakMap : Map;
+      De = new dr();
     }
-    function ht(i, _) {
+    function ht(i, b) {
       if (!i || Ke)
         return "";
       {
-        var I = De.get(i);
-        if (I !== void 0)
-          return I;
+        var R = De.get(i);
+        if (R !== void 0)
+          return R;
       }
       var j;
       Ke = !0;
       var X = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var V;
-      V = ee.current, ee.current = null, ne();
+      V = se.current, se.current = null, oe();
       try {
-        if (_) {
+        if (b) {
           var Y = function() {
             throw Error();
           };
@@ -249,29 +249,29 @@ function Br() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(Y, []);
-            } catch (ae) {
-              j = ae;
+            } catch (ie) {
+              j = ie;
             }
             Reflect.construct(i, [], Y);
           } else {
             try {
               Y.call();
-            } catch (ae) {
-              j = ae;
+            } catch (ie) {
+              j = ie;
             }
             i.call(Y.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ae) {
-            j = ae;
+          } catch (ie) {
+            j = ie;
           }
           i();
         }
-      } catch (ae) {
-        if (ae && j && typeof ae.stack == "string") {
-          for (var z = ae.stack.split(`
+      } catch (ie) {
+        if (ie && j && typeof ie.stack == "string") {
+          for (var z = ie.stack.split(`
 `), Q = j.stack.split(`
 `), q = z.length - 1, G = Q.length - 1; q >= 1 && G >= 0 && z[q] !== Q[G]; )
             G--;
@@ -280,36 +280,36 @@ function Br() {
               if (q !== 1 || G !== 1)
                 do
                   if (q--, G--, G < 0 || z[q] !== Q[G]) {
-                    var oe = `
+                    var te = `
 ` + z[q].replace(" at new ", " at ");
-                    return i.displayName && oe.includes("<anonymous>") && (oe = oe.replace("<anonymous>", i.displayName)), typeof i == "function" && De.set(i, oe), oe;
+                    return i.displayName && te.includes("<anonymous>") && (te = te.replace("<anonymous>", i.displayName)), typeof i == "function" && De.set(i, te), te;
                   }
                 while (q >= 1 && G >= 0);
               break;
             }
         }
       } finally {
-        Ke = !1, ee.current = V, K(), Error.prepareStackTrace = X;
+        Ke = !1, se.current = V, le(), Error.prepareStackTrace = X;
       }
       var ve = i ? i.displayName || i.name : "", Tt = ve ? ge(ve) : "";
       return typeof i == "function" && De.set(i, Tt), Tt;
     }
-    function dr(i, _, I) {
+    function pr(i, b, R) {
       return ht(i, !1);
     }
-    function pr(i) {
-      var _ = i.prototype;
-      return !!(_ && _.isReactComponent);
+    function mr(i) {
+      var b = i.prototype;
+      return !!(b && b.isReactComponent);
     }
-    function je(i, _, I) {
+    function je(i, b, R) {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return ht(i, pr(i));
+        return ht(i, mr(i));
       if (typeof i == "string")
         return ge(i);
       switch (i) {
-        case p:
+        case d:
           return ge("Suspense");
         case f:
           return ge("SuspenseList");
@@ -317,28 +317,28 @@ function Br() {
       if (typeof i == "object")
         switch (i.$$typeof) {
           case l:
-            return dr(i.render);
+            return pr(i.render);
           case a:
-            return je(i.type, _, I);
+            return je(i.type, b, R);
           case h: {
             var j = i, X = j._payload, V = j._init;
             try {
-              return je(V(X), _, I);
+              return je(V(X), b, R);
             } catch {
             }
           }
         }
       return "";
     }
-    var $e = Object.prototype.hasOwnProperty, vt = {}, yt = E.ReactDebugCurrentFrame;
+    var $e = Object.prototype.hasOwnProperty, vt = {}, yt = y.ReactDebugCurrentFrame;
     function Ae(i) {
       if (i) {
-        var _ = i._owner, I = je(i.type, i._source, _ ? _.type : null);
-        yt.setExtraStackFrame(I);
+        var b = i._owner, R = je(i.type, i._source, b ? b.type : null);
+        yt.setExtraStackFrame(R);
       } else
         yt.setExtraStackFrame(null);
     }
-    function mr(i, _, I, j, X) {
+    function gr(i, b, R, j, X) {
       {
         var V = Function.call.bind($e);
         for (var Y in i)
@@ -346,28 +346,28 @@ function Br() {
             var z = void 0;
             try {
               if (typeof i[Y] != "function") {
-                var Q = Error((j || "React class") + ": " + I + " 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`.");
+                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;
               }
-              z = i[Y](_, Y, j, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              z = i[Y](b, Y, j, 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", I, Y, typeof z), Ae(null)), z instanceof Error && !(z.message in vt) && (vt[z.message] = !0, Ae(X), w("Failed %s type: %s", I, z.message), Ae(null));
+            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));
           }
       }
     }
-    var gr = Array.isArray;
+    var hr = Array.isArray;
     function He(i) {
-      return gr(i);
+      return hr(i);
     }
-    function hr(i) {
+    function vr(i) {
       {
-        var _ = typeof Symbol == "function" && Symbol.toStringTag, I = _ && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return I;
+        var b = typeof Symbol == "function" && Symbol.toStringTag, R = b && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return R;
       }
     }
-    function vr(i) {
+    function yr(i) {
       try {
         return St(i), !1;
       } catch {
@@ -378,68 +378,68 @@ function Br() {
       return "" + i;
     }
     function _t(i) {
-      if (vr(i))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", hr(i)), St(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);
     }
-    var be = E.ReactCurrentOwner, yr = {
+    var be = y.ReactCurrentOwner, Sr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, bt, Et, qe;
     qe = {};
-    function Sr(i) {
+    function _r(i) {
       if ($e.call(i, "ref")) {
-        var _ = Object.getOwnPropertyDescriptor(i, "ref").get;
-        if (_ && _.isReactWarning)
+        var b = Object.getOwnPropertyDescriptor(i, "ref").get;
+        if (b && b.isReactWarning)
           return !1;
       }
       return i.ref !== void 0;
     }
-    function _r(i) {
+    function br(i) {
       if ($e.call(i, "key")) {
-        var _ = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (_ && _.isReactWarning)
+        var b = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (b && b.isReactWarning)
           return !1;
       }
       return i.key !== void 0;
     }
-    function br(i, _) {
-      if (typeof i.ref == "string" && be.current && _ && be.current.stateNode !== _) {
-        var I = B(be.current.type);
-        qe[I] || (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', B(be.current.type), i.ref), qe[I] = !0);
+    function Er(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);
       }
     }
-    function Er(i, _) {
+    function Cr(i, b) {
       {
-        var I = 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)", _));
+        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));
         };
-        I.isReactWarning = !0, Object.defineProperty(i, "key", {
-          get: I,
+        R.isReactWarning = !0, Object.defineProperty(i, "key", {
+          get: R,
           configurable: !0
         });
       }
     }
-    function Cr(i, _) {
+    function wr(i, b) {
       {
-        var I = 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)", _));
+        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));
         };
-        I.isReactWarning = !0, Object.defineProperty(i, "ref", {
-          get: I,
+        R.isReactWarning = !0, Object.defineProperty(i, "ref", {
+          get: R,
           configurable: !0
         });
       }
     }
-    var wr = function(i, _, I, j, X, V, Y) {
+    var xr = function(i, b, R, j, X, V, Y) {
       var z = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: i,
-        key: _,
-        ref: I,
+        key: b,
+        ref: R,
         props: Y,
         // Record the component responsible for creating this element.
         _owner: V
@@ -461,12 +461,12 @@ function Br() {
         value: X
       }), Object.freeze && (Object.freeze(z.props), Object.freeze(z)), z;
     };
-    function xr(i, _, I, j, X) {
+    function Rr(i, b, R, j, X) {
       {
         var V, Y = {}, z = null, Q = null;
-        I !== void 0 && (_t(I), z = "" + I), _r(_) && (_t(_.key), z = "" + _.key), Sr(_) && (Q = _.ref, br(_, X));
-        for (V in _)
-          $e.call(_, V) && !yr.hasOwnProperty(V) && (Y[V] = _[V]);
+        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]);
         if (i && i.defaultProps) {
           var q = i.defaultProps;
           for (V in q)
@@ -474,16 +474,16 @@ function Br() {
         }
         if (z || Q) {
           var G = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          z && Er(Y, G), Q && Cr(Y, G);
+          z && Cr(Y, G), Q && wr(Y, G);
         }
-        return wr(i, z, Q, X, j, be.current, Y);
+        return xr(i, z, Q, X, j, be.current, Y);
       }
     }
-    var Ge = E.ReactCurrentOwner, Ct = E.ReactDebugCurrentFrame;
+    var Ge = y.ReactCurrentOwner, Ct = y.ReactDebugCurrentFrame;
     function he(i) {
       if (i) {
-        var _ = i._owner, I = je(i.type, i._source, _ ? _.type : null);
-        Ct.setExtraStackFrame(I);
+        var b = i._owner, R = je(i.type, i._source, b ? b.type : null);
+        Ct.setExtraStackFrame(R);
       } else
         Ct.setExtraStackFrame(null);
     }
@@ -495,7 +495,7 @@ function Br() {
     function wt() {
       {
         if (Ge.current) {
-          var i = B(Ge.current.type);
+          var i = N(Ge.current.type);
           if (i)
             return `
 
@@ -504,91 +504,91 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function Rr(i) {
+    function Ir(i) {
       {
         if (i !== void 0) {
-          var _ = i.fileName.replace(/^.*[\\\/]/, ""), I = i.lineNumber;
+          var b = i.fileName.replace(/^.*[\\\/]/, ""), R = i.lineNumber;
           return `
 
-Check your code at ` + _ + ":" + I + ".";
+Check your code at ` + b + ":" + R + ".";
         }
         return "";
       }
     }
     var xt = {};
-    function Ir(i) {
+    function Or(i) {
       {
-        var _ = wt();
-        if (!_) {
-          var I = typeof i == "string" ? i : i.displayName || i.name;
-          I && (_ = `
+        var b = wt();
+        if (!b) {
+          var R = typeof i == "string" ? i : i.displayName || i.name;
+          R && (b = `
 
-Check the top-level render call using <` + I + ">.");
+Check the top-level render call using <` + R + ">.");
         }
-        return _;
+        return b;
       }
     }
-    function Rt(i, _) {
+    function Rt(i, b) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var I = Ir(_);
-        if (xt[I])
+        var R = Or(b);
+        if (xt[R])
           return;
-        xt[I] = !0;
+        xt[R] = !0;
         var j = "";
-        i && i._owner && i._owner !== Ge.current && (j = " It was passed a child from " + B(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.', I, j), he(null);
+        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);
       }
     }
-    function It(i, _) {
+    function It(i, b) {
       {
         if (typeof i != "object")
           return;
         if (He(i))
-          for (var I = 0; I < i.length; I++) {
-            var j = i[I];
-            Ze(j) && Rt(j, _);
+          for (var R = 0; R < i.length; R++) {
+            var j = i[R];
+            Ze(j) && Rt(j, b);
           }
         else if (Ze(i))
           i._store && (i._store.validated = !0);
         else if (i) {
-          var X = R(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, _);
+              Ze(Y.value) && Rt(Y.value, b);
         }
       }
     }
-    function Or(i) {
+    function Tr(i) {
       {
-        var _ = i.type;
-        if (_ == null || typeof _ == "string")
+        var b = i.type;
+        if (b == null || typeof b == "string")
           return;
-        var I;
-        if (typeof _ == "function")
-          I = _.propTypes;
-        else if (typeof _ == "object" && (_.$$typeof === l || // Note: Memo only checks outer props here.
+        var R;
+        if (typeof b == "function")
+          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.
-        _.$$typeof === a))
-          I = _.propTypes;
+        b.$$typeof === a))
+          R = b.propTypes;
         else
           return;
-        if (I) {
-          var j = B(_);
-          mr(I, i.props, "prop", j, i);
-        } else if (_.PropTypes !== void 0 && !Je) {
+        if (R) {
+          var j = N(b);
+          gr(R, i.props, "prop", j, i);
+        } else if (b.PropTypes !== void 0 && !Je) {
           Je = !0;
-          var X = B(_);
+          var X = N(b);
           w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", X || "Unknown");
         }
-        typeof _.getDefaultProps == "function" && !_.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 && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Tr(i) {
+    function kr(i) {
       {
-        for (var _ = Object.keys(i.props), I = 0; I < _.length; I++) {
-          var j = _[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);
             break;
@@ -597,52 +597,52 @@ Check the top-level render call using <` + I + ">.");
         i.ref !== null && (he(i), w("Invalid attribute `ref` supplied to `React.Fragment`."), he(null));
       }
     }
-    function Ot(i, _, I, j, X, V) {
+    function Ot(i, b, R, j, X, V) {
       {
         var Y = D(i);
         if (!Y) {
           var z = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (z += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var Q = Rr(X);
+          var Q = Ir(X);
           Q ? z += Q : z += wt();
           var q;
-          i === null ? q = "null" : He(i) ? q = "array" : i !== void 0 && i.$$typeof === t ? (q = "<" + (B(i.type) || "Unknown") + " />", z = " Did you accidentally export a JSX literal instead of a component?") : q = typeof i, 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, 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);
         }
-        var G = xr(i, _, I, X, V);
+        var G = Rr(i, b, R, X, V);
         if (G == null)
           return G;
         if (Y) {
-          var oe = _.children;
-          if (oe !== void 0)
+          var te = b.children;
+          if (te !== void 0)
             if (j)
-              if (He(oe)) {
-                for (var ve = 0; ve < oe.length; ve++)
-                  It(oe[ve], i);
-                Object.freeze && Object.freeze(oe);
+              if (He(te)) {
+                for (var ve = 0; ve < te.length; ve++)
+                  It(te[ve], i);
+                Object.freeze && Object.freeze(te);
               } 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.");
             else
-              It(oe, i);
+              It(te, i);
         }
-        return i === n ? Tr(G) : Or(G), G;
+        return i === n ? kr(G) : Tr(G), G;
       }
     }
-    function kr(i, _, I) {
-      return Ot(i, _, I, !0);
+    function Pr(i, b, R) {
+      return Ot(i, b, R, !0);
     }
-    function Pr(i, _, I) {
-      return Ot(i, _, I, !1);
+    function Mr(i, b, R) {
+      return Ot(i, b, R, !1);
     }
-    var Mr = Pr, Dr = kr;
-    Ce.Fragment = n, Ce.jsx = Mr, Ce.jsxs = Dr;
+    var Dr = Mr, jr = Pr;
+    Ce.Fragment = n, Ce.jsx = Dr, Ce.jsxs = jr;
   }()), Ce;
 }
 (function(e) {
-  process.env.NODE_ENV === "production" ? e.exports = Yr() : e.exports = Br();
-})(zr);
-const Nr = Ie.Fragment, k = Ie.jsx, le = Ie.jsxs;
-let Xr = (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 Ur {
+  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 {
   constructor(t, r, n = null) {
     this._socket = t, this.userId = n, this.room = r, this.toUnregister = [
       () => {
@@ -669,7 +669,7 @@ class Ur {
    * @returns the result of the call.
    */
   async _callServerRPC(t, r) {
-    const n = Xr();
+    const n = Ur();
     return new Promise((o, s) => {
       this._socket.once(`${this.room}._result.${n}`, (c) => {
         c.hasOwnProperty("ok") ? o(c.ok) : s(c.err);
@@ -738,7 +738,7 @@ class Ur {
     return await this._callServerRPC("call", { name: t, params: r });
   }
 }
-const Wr = ({
+const Vr = ({
   socket: e,
   room: t,
   onJoined: r = () => {
@@ -747,7 +747,7 @@ const Wr = ({
   },
   userId: o = null
 }) => {
-  const s = new Ur(e, t, o);
+  const s = new Wr(e, t, o);
   return new Promise((c) => {
     let u = !0;
     e.on(`${t}.isMaster`, () => {
@@ -761,7 +761,7 @@ const Wr = ({
       });
     }), e.emit("joinSuperSocket", { room: t, userId: o });
   });
-}, it = g.createContext(), Vr = () => /* @__PURE__ */ k(
+}, it = g.createContext(), Fr = () => /* @__PURE__ */ T(
   "div",
   {
     style: {
@@ -773,53 +773,53 @@ const Wr = ({
       justifyContent: "center",
       alignItems: "center"
     },
-    children: /* @__PURE__ */ k("h2", { children: "🌀 Loading..." })
+    children: /* @__PURE__ */ T("h2", { children: "🌀 Loading..." })
   }
-), tr = ({
+), rr = ({
   socket: e,
   room: t,
   channel: r = "default",
-  LoadingComponent: n = Vr,
+  LoadingComponent: n = Fr,
   children: o
 }) => {
-  const [s, c] = g.useState(!1), [u, l] = g.useState(!1), [p, f] = g.useState(null), a = g.useRef(null), h = g.useRef(!1), S = _e(it), v = g.useRef(!1);
+  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);
   return g.useEffect(() => (h.current = !0, () => {
     h.current = !1;
   }), []), g.useEffect(() => {
     if (!e)
       return null;
-    const b = () => {
+    const E = () => {
       console.log(`Disconnected from ${r}…`), h.current && (c(!1), l(!1));
     };
-    return e.on("disconnect", b), () => {
-      e.off("disconnect", b);
+    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, Wr({
+  }, [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({
     socket: e,
     room: t,
     onMaster: () => {
       console.log(`Is now master on channel ${r}…`), h.current && l(!0);
     },
-    onJoined: (b) => {
-      console.log(`Connected on channel ${r}…`), a.current = b, h.current && (f(b), c(!0));
+    onJoined: (E) => {
+      console.log(`Connected on channel ${r}…`), a.current = E, h.current && (f(E), c(!0));
     }
   })), () => {
-    var b;
-    (b = a.current) == null || b.leave();
-  }) : null, [r, t, e]), !s || !p ? /* @__PURE__ */ k(n, {}) : /* @__PURE__ */ k(
+    var E;
+    (E = a.current) == null || E.leave();
+  }) : null, [r, t, e]), !s || !d ? /* @__PURE__ */ T(n, {}) : /* @__PURE__ */ T(
     it.Provider,
     {
-      value: { ...S, [r]: { wire: p, joined: s, isMaster: u, room: t } },
+      value: { ..._, [r]: { wire: d, joined: s, isMaster: u, room: t } },
       children: o
     }
   );
 }, Xe = (e = "default") => (_e(it) || {})[e], Dt = (e) => {
   let t;
-  const r = /* @__PURE__ */ new Set(), n = (l, p) => {
+  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 = p ?? typeof f != "object" ? f : Object.assign({}, t, f), r.forEach((h) => h(t, a));
+      t = d ?? typeof f != "object" ? f : Object.assign({}, t, f), r.forEach((h) => h(t, a));
     }
   }, 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(
@@ -828,14 +828,14 @@ const Wr = ({
   } };
   return t = e(n, o, u), u;
 }, Ue = (e) => e ? Dt(e) : Dt;
-var at = {}, Fr = {
+var at = {}, Kr = {
   get exports() {
     return at;
   },
   set exports(e) {
     at = e;
   }
-}, Qe = {}, Ye = {}, Kr = {
+}, Qe = {}, Ye = {}, Hr = {
   get exports() {
     return Ye;
   },
@@ -853,7 +853,7 @@ var at = {}, Fr = {
  * LICENSE file in the root directory of this source tree.
  */
 var jt;
-function Hr() {
+function qr() {
   if (jt)
     return et;
   jt = 1;
@@ -863,29 +863,29 @@ function Hr() {
   }
   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 S = h(), v = n({ inst: { value: S, getSnapshot: h } }), b = v[0].inst, R = v[1];
+    var _ = h(), v = n({ inst: { value: _, getSnapshot: h } }), E = v[0].inst, I = v[1];
     return s(function() {
-      b.value = S, b.getSnapshot = h, l(b) && R({ inst: b });
-    }, [a, S, h]), o(function() {
-      return l(b) && R({ inst: b }), a(function() {
-        l(b) && R({ inst: b });
+      E.value = _, E.getSnapshot = h, l(E) && I({ inst: E });
+    }, [a, _, h]), o(function() {
+      return l(E) && I({ inst: E }), a(function() {
+        l(E) && I({ inst: E });
       });
-    }, [a]), c(S), S;
+    }, [a]), c(_), _;
   }
   function l(a) {
     var h = a.getSnapshot;
     a = a.value;
     try {
-      var S = h();
-      return !r(a, S);
+      var _ = h();
+      return !r(a, _);
     } catch {
       return !0;
     }
   }
-  function p(a, h) {
+  function d(a, h) {
     return h();
   }
-  var f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? p : u;
+  var f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : u;
   return et.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : f, et;
 }
 var tt = {};
@@ -899,81 +899,81 @@ var tt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var $t;
-function qr() {
+function Gr() {
   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 d = arguments.length, C = new Array(d > 1 ? d - 1 : 0), m = 1; m < d; m++)
+        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);
       }
     }
-    function n(x, d, C) {
+    function n(x, p, C) {
       {
-        var m = t.ReactDebugCurrentFrame, y = m.getStackAddendum();
-        y !== "" && (d += "%s", C = C.concat([y]));
-        var T = C.map(function(P) {
-          return String(P);
+        var m = t.ReactDebugCurrentFrame, S = m.getStackAddendum();
+        S !== "" && (p += "%s", C = C.concat([S]));
+        var O = C.map(function(k) {
+          return String(k);
         });
-        T.unshift("Warning: " + d), Function.prototype.apply.call(console[x], console, T);
+        O.unshift("Warning: " + p), Function.prototype.apply.call(console[x], console, O);
       }
     }
-    function o(x, d) {
-      return x === d && (x !== 0 || 1 / x === 1 / d) || x !== x && d !== d;
+    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, p = e.useDebugValue, f = !1, a = !1;
-    function h(x, d, C) {
+    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) {
       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 = d();
+      var m = p();
       if (!a) {
-        var y = d();
-        s(m, y) || (r("The result of getSnapshot should be cached to avoid an infinite loop"), a = !0);
+        var S = p();
+        s(m, S) || (r("The result of getSnapshot should be cached to avoid an infinite loop"), a = !0);
       }
-      var T = c({
+      var O = c({
         inst: {
           value: m,
-          getSnapshot: d
+          getSnapshot: p
         }
-      }), P = T[0].inst, D = T[1];
+      }), k = O[0].inst, D = O[1];
       return l(function() {
-        P.value = m, P.getSnapshot = d, S(P) && D({
-          inst: P
+        k.value = m, k.getSnapshot = p, _(k) && D({
+          inst: k
         });
-      }, [x, m, d]), u(function() {
-        S(P) && D({
-          inst: P
+      }, [x, m, p]), u(function() {
+        _(k) && D({
+          inst: k
         });
         var M = function() {
-          S(P) && D({
-            inst: P
+          _(k) && D({
+            inst: k
           });
         };
         return x(M);
-      }, [x]), p(m), m;
+      }, [x]), d(m), m;
     }
-    function S(x) {
-      var d = x.getSnapshot, C = x.value;
+    function _(x) {
+      var p = x.getSnapshot, C = x.value;
       try {
-        var m = d();
+        var m = p();
         return !s(C, m);
       } catch {
         return !0;
       }
     }
-    function v(x, d, C) {
-      return d();
+    function v(x, p, C) {
+      return p();
     }
-    var b = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", R = !b, E = R ? v : h, w = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : E;
+    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());
   }()), tt;
 }
 var At;
-function rr() {
+function nr() {
   return At || (At = 1, function(e) {
-    process.env.NODE_ENV === "production" ? e.exports = Hr() : e.exports = qr();
-  }(Kr)), Ye;
+    process.env.NODE_ENV === "production" ? e.exports = qr() : e.exports = Gr();
+  }(Hr)), Ye;
 }
 /**
  * @license React
@@ -985,48 +985,48 @@ function rr() {
  * LICENSE file in the root directory of this source tree.
  */
 var Lt;
-function Gr() {
+function Jr() {
   if (Lt)
     return Qe;
   Lt = 1;
-  var e = g, t = rr();
-  function r(p, f) {
-    return p === f && (p !== 0 || 1 / p === 1 / f) || p !== p && f !== f;
+  var e = g, t = nr();
+  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(p, f, a, h, S) {
+  return Qe.useSyncExternalStoreWithSelector = function(d, f, a, h, _) {
     var v = s(null);
     if (v.current === null) {
-      var b = { hasValue: !1, value: null };
-      v.current = b;
+      var E = { hasValue: !1, value: null };
+      v.current = E;
     } else
-      b = v.current;
+      E = v.current;
     v = u(function() {
-      function E(m) {
+      function y(m) {
         if (!w) {
-          if (w = !0, x = m, m = h(m), S !== void 0 && b.hasValue) {
-            var y = b.value;
-            if (S(y, m))
-              return d = y;
+          if (w = !0, x = m, m = h(m), _ !== void 0 && E.hasValue) {
+            var S = E.value;
+            if (_(S, m))
+              return p = S;
           }
-          return d = m;
+          return p = m;
         }
-        if (y = d, n(x, m))
-          return y;
-        var T = h(m);
-        return S !== void 0 && S(y, T) ? y : (x = m, d = T);
+        if (S = p, n(x, m))
+          return S;
+        var O = h(m);
+        return _ !== void 0 && _(S, O) ? S : (x = m, p = O);
       }
-      var w = !1, x, d, C = a === void 0 ? null : a;
+      var w = !1, x, p, C = a === void 0 ? null : a;
       return [function() {
-        return E(f());
+        return y(f());
       }, C === null ? void 0 : function() {
-        return E(C());
+        return y(C());
       }];
-    }, [f, a, h, S]);
-    var R = o(p, v[0], v[1]);
+    }, [f, a, h, _]);
+    var I = o(d, v[0], v[1]);
     return c(function() {
-      b.hasValue = !0, b.value = R;
-    }, [R]), l(R), R;
+      E.hasValue = !0, E.value = I;
+    }, [I]), l(I), I;
   }, Qe;
 }
 var rt = {};
@@ -1040,89 +1040,89 @@ var rt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var zt;
-function Jr() {
+function Zr() {
   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 = rr();
+    var e = g, t = nr();
     function r(f, a) {
       return f === a && (f !== 0 || 1 / f === 1 / a) || f !== f && a !== a;
     }
     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 p(f, a, h, S, v) {
-      var b = s(null), R;
-      b.current === null ? (R = {
+    function d(f, a, h, _, v) {
+      var E = s(null), I;
+      E.current === null ? (I = {
         hasValue: !1,
         value: null
-      }, b.current = R) : R = b.current;
-      var E = u(function() {
-        var C = !1, m, y, T = function(A) {
+      }, E.current = I) : I = E.current;
+      var y = u(function() {
+        var C = !1, m, S, O = function(L) {
           if (!C) {
-            C = !0, m = A;
-            var B = S(A);
-            if (v !== void 0 && R.hasValue) {
-              var W = R.value;
-              if (v(W, B))
-                return y = W, W;
+            C = !0, m = L;
+            var N = _(L);
+            if (v !== void 0 && I.hasValue) {
+              var W = I.value;
+              if (v(W, N))
+                return S = W, W;
             }
-            return y = B, B;
+            return S = N, N;
           }
-          var O = m, $ = y;
-          if (n(O, A))
-            return $;
-          var L = S(A);
-          return v !== void 0 && v($, L) ? $ : (m = A, y = L, L);
-        }, P = h === void 0 ? null : h, D = function() {
-          return T(a());
-        }, M = P === null ? void 0 : function() {
-          return T(P());
+          var J = m, P = S;
+          if (n(J, L))
+            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());
+        }, M = k === null ? void 0 : function() {
+          return O(k());
         };
         return [D, M];
-      }, [a, h, S, v]), w = E[0], x = E[1], d = o(f, w, x);
+      }, [a, h, _, v]), w = y[0], x = y[1], p = o(f, w, x);
       return c(function() {
-        R.hasValue = !0, R.value = d;
-      }, [d]), l(d), d;
+        I.hasValue = !0, I.value = p;
+      }, [p]), l(p), p;
     }
-    rt.useSyncExternalStoreWithSelector = p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+    rt.useSyncExternalStoreWithSelector = d, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
   }()), rt;
 }
 (function(e) {
-  process.env.NODE_ENV === "production" ? e.exports = Gr() : e.exports = Jr();
-})(Fr);
-const Zr = /* @__PURE__ */ Lr(at), { useSyncExternalStoreWithSelector: Qr } = Zr;
+  process.env.NODE_ENV === "production" ? e.exports = Jr() : e.exports = Zr();
+})(Kr);
+const Qr = /* @__PURE__ */ zr(at), { useSyncExternalStoreWithSelector: en } = Qr;
 function We(e, t = e.getState, r) {
-  const n = Qr(
+  const n = en(
     e.subscribe,
     e.getState,
     e.getServerState || e.getState,
     t,
     r
   );
-  return Ar(n), n;
+  return Lr(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);
-}, nr = (e, t, r) => {
+}, or = (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 nr(c, u, -n);
+  return or(c, u, -n);
 }, Be = ([e, t], { scale: r, rotate: n, translateX: o, translateY: s }) => {
-  const [c, u] = nr(e, t, n);
+  const [c, u] = or(e, t, n);
   return [c * 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, p = r.y, f = c - o, a = u - s, h = o - l, S = s - p, v = f * f + a * a, b = 2 * (h * f + S * a), R = h * h + S * S - n * n, E = b * b - 4 * v * R;
-  if (E < 0)
+  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;
+  if (y < 0)
     return [];
-  const w = (-b + Math.sqrt(E)) / (2 * v), x = (-b - Math.sqrt(E)) / (2 * v), d = [];
-  return w >= 0 && w <= 1 && d.push({ x: o + w * f, y: s + w * a }), x >= 0 && x <= 1 && d.push({ x: o + x * f, y: s + x * a }), d;
-}, ft = (e, t) => e.x > t.left && e.x < t.left + t.width && e.y > t.top && e.y < t.top + t.height, en = (e, t) => Array.from(e.querySelectorAll(".corner")).every((n) => {
+  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 { top: o, left: s } = n.getBoundingClientRect();
   return ft({ x: s, y: o }, t);
-}), tn = (e, t) => {
+}), rn = (e, t) => {
   const r = t.getBoundingClientRect();
-  return en(e, r);
+  return tn(e, r);
 }, Ne = (e, t) => {
   const n = e.getElementsByClassName(`item ${t}`)[0];
   return n || console.error(`Missing item ${t}`), n;
@@ -1135,43 +1135,43 @@ 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;
-}, rn = (e, t = document) => {
+}, nn = (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: p } = s.getBoundingClientRect();
+    const { left: c, right: u, top: l, bottom: d } = s.getBoundingClientRect();
     let f;
     return n ? f = n : f = {
       left: c,
       top: l,
       right: u,
-      bottom: p
-    }, 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(p, f.bottom), f;
+      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;
   }, null);
   return r && (r.width = r.right - r.left, r.height = r.bottom - r.top, r);
-}, nn = ({ x: e, y: t, width: r, height: n }, { type: o = "grid", size: s = 1, offset: c = { x: 0, y: 0 } }) => {
+}, on = ({ x: e, y: t, width: r, height: n }, { type: o = "grid", size: s = 1, offset: c = { x: 0, y: 0 } }) => {
   const [u, l] = [
     e + r / 2 - c.x,
     t + n / 2 - c.y
   ];
-  let p, f, a, h, S, v, b, R, E, w;
+  let d, f, a, h, _, v, E, I, y, w;
   const x = s / 1.1547;
   switch (o) {
     case "grid":
-      p = Math.round(u / s) * s, f = Math.round(l / s) * s;
+      d = Math.round(u / s) * s, f = Math.round(l / s) * s;
       break;
     case "hexH":
-      a = 2 * x, h = 3 * s, S = Math.round(u / a) * a, b = Math.round(l / h) * h, v = S > u ? S - x : S + x, R = b > l ? b - 1.5 * s : b + 1.5 * s, E = Math.hypot(S - u, b - l), w = Math.hypot(v - u, R - l), E < w ? (p = S, f = b) : (p = v, f = R);
+      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);
       break;
     case "hexV":
-      a = 3 * s, h = 2 * x, S = Math.round(u / a) * a, b = Math.round(l / h) * h, v = S > u ? S - 1.5 * s : S + 1.5 * s, R = b > l ? b - x : b + x, E = Math.hypot(S - u, b - l), w = Math.hypot(v - u, R - l), E < w ? (p = S, f = b) : (p = v, f = R);
+      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);
       break;
     default:
-      p = e + r / 2, f = t + n / 2;
+      d = e + r / 2, f = t + n / 2;
   }
   return {
-    x: p + c.x - r / 2,
+    x: d + c.x - r / 2,
     y: f + c.y - n / 2
   };
 }, Bt = [
@@ -1205,13 +1205,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)], on = !1, dt = ({ wire: e, storeName: t, noSync: r = [], defaultValue: n }, o) => (s, c, u) => {
+], Nt = () => Bt[Math.floor(Math.random() * Bt.length)], sn = !1, dt = ({ wire: e, storeName: t, noSync: r = [], defaultValue: n }, o) => (s, c, u) => {
   s({ ready: !1 });
   const l = [];
   (async () => {
     try {
-      const S = await e.call(`${t}_getValue`);
-      on && console.log("init from peer with value", S), s((v) => ({ ...v, ...S }));
+      const _ = await e.call(`${t}_getValue`);
+      sn && console.log("init from peer with value", _), s((v) => ({ ...v, ..._ }));
     } catch {
       n !== void 0 && s(n);
     }
@@ -1220,26 +1220,26 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
         `${t}_getValue`,
         () => Object.fromEntries(
           Object.entries(c()).filter(
-            ([S, v]) => typeof v != "function" && !r.includes(S)
+            ([_, v]) => typeof v != "function" && !r.includes(_)
           )
         ),
         { invoke: "first" }
       )
     ), l.push(
-      e.subscribe(`${t}_call`, ([S, v]) => {
-        a[S](...v);
+      e.subscribe(`${t}_call`, ([_, v]) => {
+        a[_](...v);
       })
     ), s({ ready: !0 });
   })();
   const f = o(s, c, u), a = { ...f }, h = Object.fromEntries(
     // Send the update message on all method calls
-    Object.entries(f).map(([S, v]) => typeof v == "function" && !S.startsWith("get") && !r.includes(S) ? [S, (...R) => {
-      const E = v(...R);
-      return e.publish(`${t}_call`, [S, R]), E;
-    }] : [S, v])
+    Object.entries(f).map(([_, v]) => typeof v == "function" && !_.startsWith("get") && !r.includes(_) ? [_, (...I) => {
+      const y = v(...I);
+      return e.publish(`${t}_call`, [_, I]), y;
+    }] : [_, v])
   );
   return h.unsub = () => {
-    l.forEach((S) => S());
+    l.forEach((_) => _());
   }, h;
 };
 function Ve(e, t) {
@@ -1271,7 +1271,7 @@ function Ve(e, t) {
       return !1;
   return !0;
 }
-const or = g.createContext(), sn = (e, t) => ({
+const sr = g.createContext(), an = (e, t) => ({
   items: {},
   getItems: () => t().items,
   setItems: (r) => e({ items: r }),
@@ -1288,7 +1288,7 @@ const or = g.createContext(), sn = (e, t) => ({
       });
     }), { items: s };
   })
-}), an = (e, t) => ({
+}), cn = (e, t) => ({
   itemIds: [],
   setItemIds: (r) => e({ itemIds: r }),
   getItemIds: () => t().itemIds,
@@ -1307,7 +1307,7 @@ const or = g.createContext(), sn = (e, t) => ({
   updateManyItemIds: (r) => e((n) => ({
     items: n.itemIds.map((o, s) => r[s] !== void 0 ? r[s] : o)
   }))
-}), cn = (e, t) => ({
+}), un = (e, t) => ({
   removeItemsById: (r) => e((n) => ({
     itemIds: n.itemIds.filter((o) => !r.includes(o)),
     items: Object.fromEntries(
@@ -1340,12 +1340,12 @@ const or = g.createContext(), sn = (e, t) => ({
       itemIds: s
     };
   })
-}), un = (e, t) => ({
+}), ln = (e, t) => ({
   boardConfig: {},
   getBoardConfig: () => t().boardConfig,
   setBoardConfig: (r) => e({ boardConfig: r }),
   updateBoardConfig: (r) => e((n) => ({ boardConfig: { ...n.boardConfig, ...r } }))
-}), ln = (e, t) => ({
+}), fn = (e, t) => ({
   session: {},
   getSessionInfo: () => t().session,
   setSessionInfo: (r) => e({ session: r }),
@@ -1354,11 +1354,11 @@ const or = g.createContext(), sn = (e, t) => ({
   const { wire: n } = Xe("room"), [o, s] = g.useState(!1), [c] = g.useState(
     () => Ue(
       dt({ wire: n, storeName: e, defaultValue: r }, (...u) => ({
-        ...sn(...u),
         ...an(...u),
         ...cn(...u),
         ...un(...u),
-        ...ln(...u)
+        ...ln(...u),
+        ...fn(...u)
       }))
     )
   );
@@ -1366,12 +1366,12 @@ const or = g.createContext(), sn = (e, t) => ({
     const u = c.subscribe((l) => {
       l.ready && (u(), s(!0));
     });
-  }, [c]), o ? /* @__PURE__ */ k(or.Provider, { value: c, children: t }) : null;
-}, se = (e, t) => {
-  const r = _e(or);
+  }, [c]), o ? /* @__PURE__ */ T(sr.Provider, { value: c, children: t }) : null;
+}, re = (e, t) => {
+  const r = _e(sr);
   return We(r, e, t || Ve);
 }, ts = () => {
-  const [e, t] = se((n) => [
+  const [e, t] = re((n) => [
     n.itemIds,
     n.items
   ]);
@@ -1380,7 +1380,7 @@ const or = g.createContext(), sn = (e, t) => ({
     [e, t]
   );
 }, rs = () => {
-  const [e, t, r] = se((c) => [
+  const [e, t, r] = re((c) => [
     c.items,
     c.itemIds,
     c.getItemList
@@ -1391,19 +1391,19 @@ const or = g.createContext(), sn = (e, t) => ({
       o(c);
     });
   }, [e, t, r]), n;
-}, sr = 5e4, ir = g.createContext(), fn = (e, t) => ({
+}, ir = 5e4, ar = g.createContext(), dn = (e, t) => ({
   config: {
     itemTemplates: {},
     actions: {},
     uid: null,
     itemExtent: { x: 0, y: 0, radius: 0 },
     boardWrapperRect: {},
-    boardSize: sr
+    boardSize: ir
   },
   // TODO optimize when same values as before
   updateConfiguration: (r) => e((n) => ({ config: { ...n.config, ...r } })),
   getConfiguration: () => t().config
-}), dn = (e, t) => ({
+}), pn = (e, t) => ({
   boardState: {
     movingItems: !1,
     selecting: !1,
@@ -1417,13 +1417,13 @@ const or = g.createContext(), sn = (e, t) => ({
   // TODO optimize when same values as before
   updateBoardState: (r) => e((n) => ({ boardState: { ...n.boardState, ...r } })),
   getBoardState: () => t().boardState
-}), pn = (e, t) => ({
+}), mn = (e, t) => ({
   interactions: {},
   getInteractions: () => t().interactions,
   register: (r, n) => e((o) => {
     const s = [...o.interactions[r] || []];
     return s.push(n), {
-      interactions: { ...o.interaction, [r]: s }
+      interactions: { ...o.interactions, [r]: s }
     };
   }),
   unregister: (r, n) => e((o) => {
@@ -1431,7 +1431,7 @@ const or = g.createContext(), sn = (e, t) => ({
       (c) => c !== n
     );
     return {
-      interactions: { ...o.interaction, [r]: s }
+      interactions: { ...o.interactions, [r]: s }
     };
   }),
   callInteractions: (r, n) => {
@@ -1439,7 +1439,7 @@ const or = g.createContext(), sn = (e, t) => ({
       o(n);
     });
   }
-}), mn = (e, t) => ({
+}), gn = (e, t) => ({
   selection: [],
   setSelection: (r) => e((n) => JSON.stringify(n.selection) !== JSON.stringify(r) ? { selection: r } : {}),
   getSelection: () => t().selection,
@@ -1462,15 +1462,15 @@ const or = g.createContext(), sn = (e, t) => ({
 }), Ut = ({ children: e }) => {
   const [t] = g.useState(
     () => Ue((...r) => ({
-      ...fn(...r),
       ...dn(...r),
       ...pn(...r),
-      ...mn(...r)
+      ...mn(...r),
+      ...gn(...r)
     }))
   );
-  return /* @__PURE__ */ k(ir.Provider, { value: t, children: e });
+  return /* @__PURE__ */ T(ar.Provider, { value: t, children: e });
 }, Z = (e, t) => {
-  const r = _e(ir);
+  const r = _e(ar);
   return We(r, e, t || Ve);
 }, ns = () => {
   const [e] = Z((t) => [t.selection]);
@@ -1484,7 +1484,7 @@ function pt(e) {
     }
   }), []);
 }
-function gn(e) {
+function hn(e) {
   const t = pt(e);
   Pe(
     () => () => {
@@ -1498,26 +1498,26 @@ function mt(e, t, r, n = 0) {
   const o = Re(), s = Re(), c = Re(), u = () => {
     o.current && (clearTimeout(o.current), o.current = void 0), s.current && (clearTimeout(s.current), s.current = void 0);
   };
-  return gn(u), lt(
+  return hn(u), lt(
     () => {
       const l = () => {
         if (!c.current)
           return;
         const f = c.current;
         c.current = void 0, e.apply(f.this, f.args), u();
-      }, p = function(...f) {
+      }, 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));
       };
-      return Object.defineProperties(p, {
+      return Object.defineProperties(d, {
         length: { value: e.length },
         name: { value: `${e.name || "anonymous"}__debounced__${r}` }
-      }), p;
+      }), d;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps,@typescript-eslint/no-unsafe-assignment
     [r, n, ...t]
   );
 }
-const hn = 100, vn = 1e3, yn = 0.8, Sn = ({
+const vn = 100, yn = 1e3, Sn = 0.8, _n = ({
   x: e,
   y: t,
   scale: r,
@@ -1527,7 +1527,7 @@ const hn = 100, vn = 1e3, yn = 0.8, Sn = ({
   boardSize: c
 }) => {
   let [u, l] = [e, t];
-  const p = ct(
+  const d = ct(
     [s.width / 2, s.height / 2],
     { translateX: u, translateY: l, scale: r, rotate: n }
   ), f = {
@@ -1536,14 +1536,14 @@ const hn = 100, vn = 1e3, yn = 0.8, Sn = ({
   }, a = {
     x: c / 2,
     y: c / 2
-  }, h = ze(p, [f.x, f.y]), S = Math.min(s.width, s.height), v = o.radius + S / 2 / r - hn / r;
+  }, h = ze(d, [f.x, f.y]), _ = Math.min(s.width, s.height), v = o.radius + _ / 2 / r - vn / r;
   if (h > v) {
-    const E = Yt(
-      { x: p[0], y: p[1] },
+    const y = Yt(
+      { x: d[0], y: d[1] },
       f,
       f,
       v - 1 / r
-    )[0], [w, x] = Be([-E.x, -E.y], {
+    )[0], [w, x] = Be([-y.x, -y.y], {
       translateX: s.width / 2,
       translateY: s.height / 2,
       scale: r,
@@ -1551,16 +1551,16 @@ const hn = 100, vn = 1e3, yn = 0.8, Sn = ({
     });
     u = w, l = x;
   }
-  const b = ze(p, [a.x, a.y]), R = c / 2 - ze([0, 0], [s.width, s.height]) / r;
-  if (b > R) {
-    const E = Yt(
-      { x: p[0], y: p[1] },
+  const E = ze(d, [a.x, a.y]), I = c / 2 - ze([0, 0], [s.width, s.height]) / r;
+  if (E > I) {
+    const y = Yt(
+      { x: d[0], y: d[1] },
       a,
       a,
-      R - 1 / r
+      I - 1 / r
     )[0];
-    if (E) {
-      const [w, x] = Be([-E.x, -E.y], {
+    if (y) {
+      const [w, x] = Be([-y.x, -y.y], {
         translateX: s.width / 2,
         translateY: s.height / 2,
         scale: r,
@@ -1577,64 +1577,64 @@ const hn = 100, vn = 1e3, yn = 0.8, Sn = ({
     r,
     n,
     o
-  ] = Z((d) => [
-    d.getBoardState,
-    d.updateBoardState,
-    d.config.itemExtent,
-    d.getConfiguration,
-    d.updateConfiguration
-  ]), s = g.useRef([0.15, 5]), [c] = se((d) => [d.getItemList]), u = g.useCallback(() => {
-    const { translateX: d, translateY: C, scale: m, rotate: y } = e();
-    return { translateX: d, translateY: C, scale: m, rotate: y };
+  ] = Z((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 };
   }, [e]), l = g.useCallback(
-    (d, C) => ct([d, C], e()),
+    (p, C) => ct([p, C], e()),
     [e]
-  ), p = g.useCallback(
-    (d, C) => Be([d, C], e()),
+  ), d = g.useCallback(
+    (p, C) => Be([p, C], e()),
     [e]
   ), f = g.useCallback(
-    (d, C) => {
-      const { scale: m, rotate: y } = e();
-      return ct([d, C], {
+    (p, C) => {
+      const { scale: m, rotate: S } = e();
+      return ct([p, C], {
         translateX: 0,
         translateY: 0,
-        rotate: y,
+        rotate: S,
         scale: m
       });
     },
     [e]
-  ), a = g.useCallback((d) => d > s.current[1] ? s.current[1] : d < s.current[0] ? s.current[0] : d, []), h = g.useCallback(
-    (d) => {
-      const { itemExtent: C, boardWrapperRect: m, boardSize: y } = n(), T = e(), {
-        translateX: P,
+  ), a = 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(), {
+        translateX: k,
         translateY: D,
         scale: M,
-        rotate: A
+        rotate: L
       } = {
-        ...T,
-        ...d(T)
-      }, B = a(M);
-      let [W, O] = [P, D];
-      (P !== T.translateX || D !== T.translateY) && ([W, O] = Sn({
-        x: P,
+        ...O,
+        ...p(O)
+      }, N = a(M);
+      let [W, J] = [k, D];
+      (k !== O.translateX || D !== O.translateY) && ([W, J] = _n({
+        x: k,
         y: D,
-        scale: B,
-        rotate: A,
+        scale: N,
+        rotate: L,
         itemExtent: C,
         boardWrapperRect: m,
-        boardSize: y
+        boardSize: S
       })), t({
         translateX: W,
-        translateY: O,
-        scale: B,
-        rotate: A
+        translateY: J,
+        scale: N,
+        rotate: L
       });
     },
     [a, e, n, t]
-  ), S = g.useCallback(
-    (d) => {
-      let C = (m) => ({ ...m, ...d });
-      typeof d == "function" && (C = d), h((m) => ({
+  ), _ = g.useCallback(
+    (p) => {
+      let C = (m) => ({ ...m, ...p });
+      typeof p == "function" && (C = p), h((m) => ({
         ...m,
         ...C({
           translateX: m.translateX,
@@ -1644,56 +1644,56 @@ const hn = 100, vn = 1e3, yn = 0.8, Sn = ({
     },
     [h]
   ), v = g.useCallback(
-    ({ to: d, factor: C }) => {
+    ({ to: p, factor: C }) => {
       const { boardWrapperRect: m } = n();
-      let y = d;
-      y || (y = {
+      let S = p;
+      S || (S = {
         x: m.left + m.width / 2,
         y: m.top + m.height / 2
       });
-      const T = e(), P = a(T.scale * C), D = y.x - m.left, M = y.y - m.top, A = D - (D - T.translateX) * P / T.scale, B = M - (M - T.translateY) * P / T.scale;
+      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,
-        translateX: A,
-        translateY: B,
-        scale: P
+        translateX: L,
+        translateY: N,
+        scale: k
       }));
     },
     [a, e, n, h]
-  ), b = g.useCallback(
-    ({ x: d, y: C, radius: m }) => {
-      const { rotate: y } = e(), { boardWrapperRect: T, boardSize: P } = n(), D = T.width / (m * 2), M = T.height / (m * 2), A = a(Math.min(D, M) * yn), [B, W] = Be(
-        [-P / 2 - d, -P / 2 - C],
+  ), 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],
         {
-          translateX: T.width / 2,
-          translateY: T.height / 2,
-          scale: A,
-          rotate: y
+          translateX: O.width / 2,
+          translateY: O.height / 2,
+          scale: L,
+          rotate: S
         }
       );
-      h((O) => ({ ...O, translateX: B, translateY: W, scale: A }));
+      h((J) => ({ ...J, translateX: N, translateY: W, scale: L }));
     },
     [a, e, n, h]
-  ), R = g.useCallback(() => {
-    const { boardWrapperRect: d, boardSize: C } = n(), [m, y] = l(
-      d.width / 2,
-      d.height / 2
+  ), I = g.useCallback(() => {
+    const { boardWrapperRect: p, boardSize: C } = n(), [m, S] = l(
+      p.width / 2,
+      p.height / 2
     );
     return {
       x: m - C / 2,
-      y: y - C / 2
+      y: S - C / 2
     };
-  }, [l, n]), E = g.useCallback(() => {
-    const d = c(), { boardWrapper: C, boardSize: m } = n(), y = d.reduce(
-      (P, D) => {
+  }, [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 P.left = Math.min(D.x, P.left), P.top = Math.min(D.y, P.top), P.right = Math.max(
+        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,
-          P.right
-        ), P.bottom = Math.max(
+          k.right
+        ), k.bottom = Math.max(
           D.y + M.offsetHeight,
-          P.bottom
-        ), P;
+          k.bottom
+        ), k;
       },
       {
         left: m / 2,
@@ -1701,40 +1701,40 @@ const hn = 100, vn = 1e3, yn = 0.8, Sn = ({
         right: -m / 2,
         bottom: -m / 2
       }
-    ), T = {
-      x: (y.right + y.left) / 2,
-      y: (y.bottom + y.top) / 2
+    ), O = {
+      x: (S.right + S.left) / 2,
+      y: (S.bottom + S.top) / 2
     };
-    T.radius = Math.max(
-      ze([T.x, T.y], [y.left, y.top]),
-      vn
-    ), o({ itemExtent: T });
+    O.radius = Math.max(
+      ze([O.x, O.y], [S.left, S.top]),
+      yn
+    ), o({ itemExtent: O });
   }, [n, c, o]), w = g.useCallback(
-    (d) => {
-      let C = () => d;
-      typeof d == "function" && (C = d), h((m) => ({ ...m, rotate: C(m.rotate) })), E(), b(r);
+    (p) => {
+      let C = () => p;
+      typeof p == "function" && (C = p), h((m) => ({ ...m, rotate: C(m.rotate) })), y(), E(r);
     },
-    [r, h, E, b]
+    [r, h, y, E]
   ), x = mt(
-    () => E(),
-    [E],
+    () => y(),
+    [y],
     200
   );
   return {
     setDim: h,
     rotateBoard: w,
-    moveBoard: S,
+    moveBoard: _,
     getDim: u,
     zoomTo: v,
     zoomToCenter: v,
-    zoomToExtent: b,
-    getCenter: R,
+    zoomToExtent: E,
+    getCenter: I,
     updateItemExtent: x,
     vectorFromWrapperToBoard: f,
     fromWrapperToBoard: l,
-    fromBoardToWrapper: p
+    fromBoardToWrapper: d
   };
-}, _n = (e) => {
+}, Wt = (e) => {
   const [t, r, n] = Z(
     ({ register: c, unregister: u, callInteractions: l }) => [
       c,
@@ -1754,208 +1754,217 @@ const hn = 100, vn = 1e3, yn = 0.8, Sn = ({
   );
   return { register: o, call: s };
 }, gt = () => {
-  const { call: e } = _n("place"), { getCenter: t, updateItemExtent: r } = Me(), [n, o, s, c] = Z((O) => [
-    O.clear,
-    O.reverse,
-    O.unselect,
-    O.getConfiguration
+  const { call: e } = Wt("place"), { call: t } = Wt("delete"), { getCenter: r, updateItemExtent: n } = Me(), [o, s, c, u] = Z((P) => [
+    P.clear,
+    P.reverse,
+    P.unselect,
+    P.getConfiguration
   ]), {
-    getItems: u,
-    getItemIds: l,
-    setItemIds: p,
-    updateItems: f,
-    moveItems: a,
-    removeItemsById: h,
-    getItemList: S,
-    insertItems: v,
-    setItemList: b
-  } = se(
+    getItems: l,
+    getItemIds: d,
+    setItemIds: f,
+    updateItems: a,
+    moveItems: h,
+    removeItemsById: _,
+    getItemList: v,
+    insertItems: E,
+    setItemList: I
+  } = re(
     ({
-      getItems: O,
+      getItems: P,
       getItemIds: $,
-      setItemIds: L,
+      setItemIds: B,
       updateItems: U,
-      moveItems: N,
+      moveItems: A,
       removeItemsById: F,
-      getItemList: J,
-      insertItems: te,
-      setItemList: re
+      getItemList: K,
+      insertItems: ee,
+      setItemList: oe
     }) => ({
-      getItems: O,
+      getItems: P,
       getItemIds: $,
-      setItemIds: L,
+      setItemIds: B,
       updateItems: U,
-      moveItems: N,
+      moveItems: A,
       removeItemsById: F,
-      getItemList: J,
-      insertItems: te,
-      setItemList: re
+      getItemList: K,
+      insertItems: ee,
+      setItemList: oe
     })
-  ), R = g.useCallback(
-    (O, $) => {
-      let L = $;
-      typeof $ == "object" && (L = () => $);
-      const U = l().filter((J) => O.includes(J)), N = u(), F = Object.fromEntries(
-        U.map((J) => [J, L({ ...N[J] })])
+  ), 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] })])
       );
-      f(F), r();
-    },
-    [l, u, r, f]
-  ), E = g.useCallback(
-    (O) => {
-      b(O), n(), r();
+      a(F), n();
     },
-    [n, b, r]
+    [d, l, n, a]
   ), w = g.useCallback(
-    (O, $) => {
-      R([O], $);
+    (P) => {
+      I(P), o(), n();
     },
-    [R]
+    [o, I, n]
   ), x = g.useCallback(
-    (O, $) => {
-      a(O, $), r();
+    (P, $) => {
+      y([P], $);
     },
-    [a, r]
-  ), d = g.useCallback(
-    (O) => {
-      const $ = l(), L = $.filter((N) => !O.includes(N)), U = $.filter(
-        (N) => O.includes(N)
-      );
-      p([...L, ...U]);
+    [y]
+  ), p = g.useCallback(
+    (P, $) => {
+      const B = l(), U = P.map((A) => [A, ...B[A].linkedItems || []]).flat();
+      h(U, $), n();
     },
-    [l, p]
+    [l, h, n]
   ), C = g.useCallback(
-    (O, { type: $, size: L } = {}) => {
-      const { boardWrapper: U } = c(), N = {}, F = u();
-      O.forEach((J) => {
-        const te = F[J], re = Ne(U, J);
-        if (!re)
+    (P) => {
+      const $ = d(), B = $.filter((A) => !P.includes(A)), U = $.filter(
+        (A) => P.includes(A)
+      );
+      f([...B, ...U]);
+    },
+    [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 ne = {
+        const K = {
           type: $ || "grid",
-          size: L || 1,
+          size: B || 1,
           offset: { x: 0, y: 0 },
-          ...te.grid
-        }, K = nn(
+          ...A.grid
+        }, ee = on(
           {
-            x: te.x,
-            y: te.y,
-            width: re.clientWidth,
-            height: re.clientHeight
+            x: A.x,
+            y: A.y,
+            width: F.clientWidth,
+            height: F.clientHeight
           },
-          ne
+          K
         );
-        N[J] = { ...te, ...K };
-      }), f(N);
+        return { ...A, ...ee };
+      });
     },
-    [c, u, f]
-  ), m = g.useCallback(
-    (O, $) => {
-      d(O), R(O, (L) => {
-        const U = { ...L };
-        return delete U.moving, U;
-      }), C(O, $), e(O), r();
+    [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();
     },
     [
-      R,
+      y,
       e,
-      d,
+      l,
       C,
-      r
+      m,
+      n
     ]
-  ), y = g.useCallback(
-    (O) => {
-      p(O);
+  ), O = g.useCallback(
+    (P) => {
+      f(P);
     },
-    [p]
-  ), T = g.useCallback(
-    (O) => {
-      const $ = l(), L = $.filter(
-        (N) => O.includes(N)
-      ), U = $.map((N) => O.includes(N) ? L.pop() : N);
-      p(U), o();
+    [f]
+  ), k = g.useCallback(
+    (P) => {
+      const $ = d(), B = $.filter(
+        (A) => P.includes(A)
+      ), U = $.map((A) => P.includes(A) ? B.pop() : A);
+      f(U), s();
     },
-    [l, o, p]
-  ), P = g.useCallback(
-    (O, $) => {
-      const L = u(), U = O.map((K) => L[K]), N = $.map((K) => L[K]), F = $.reduce((K, ee) => (K[ee] = U.shift(), K), {}), J = N.reduce((K, ee) => {
-        const fe = F[ee.id], ge = {
-          ...ee,
-          x: fe.x,
-          y: fe.y
-        };
-        return K[ee.id] = ge, K;
-      }, {});
-      f(J);
-      const te = O.reduce((K, ee) => (K[ee] = $.shift(), K), {}), ne = l().map((K) => O.includes(K) ? te[K] : K);
-      p(ne);
-    },
-    [u, f, l, p]
+    [d, s, f]
   ), D = g.useCallback(
-    (O, $) => {
-      const L = t(), U = O.map((N, F) => !N.x || !N.y ? { ...N, x: L.x + 2 * F, y: L.y + 2 * F } : N);
-      v(U, $), r();
+    (P, $) => {
+      const B = l(), U = Object.fromEntries(
+        $.map((K, ee) => {
+          const oe = B[P[ee]];
+          return [
+            K,
+            {
+              x: oe.x,
+              y: oe.y
+            }
+          ];
+        })
+      );
+      y(P, (K) => ({ ...K, ...U[K.id] }));
+      const A = Object.fromEntries(
+        P.map((K, ee) => [K, $[ee]])
+      ), F = d().map((K) => P.includes(K) ? A[K] : K);
+      f(F);
     },
-    [t, v, r]
+    [l, y, d, f]
   ), M = g.useCallback(
-    (O, $) => {
-      D([O], $);
+    (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();
     },
-    [D]
-  ), A = g.useCallback(
-    (O) => {
-      s(O), h(O);
+    [r, E, n]
+  ), L = g.useCallback(
+    (P, $) => {
+      M([P], $);
     },
-    [s, h]
-  ), B = g.useCallback(
-    (O) => {
-      const $ = u();
-      return O.map((L) => $[L]);
+    [M]
+  ), N = g.useCallback(
+    (P) => {
+      c(P), _(P), t(P);
     },
-    [u]
+    [c, _, t]
   ), W = g.useCallback(
-    ({ target: O, clientX: $, clientY: L }, { returnLocked: U = !1, passLocked: N = !1 } = {}) => {
-      if (["INPUT", "TEXTAREA"].includes(O.tagName))
+    (P) => {
+      const $ = l();
+      return P.map((B) => $[B]);
+    },
+    [l]
+  ), J = g.useCallback(
+    ({ target: P, clientX: $, clientY: B }, { returnLocked: U = !1, passLocked: A = !1 } = {}) => {
+      if (["INPUT", "TEXTAREA"].includes(P.tagName))
         return null;
-      const F = Oe(O, "item");
+      const F = Oe(P, "item");
       if (F) {
         if (ye(F, "selected"))
           return F;
-        if (!N && ye(F, "locked") && !ye(O, "passthrough"))
+        if (!A && ye(F, "locked") && !ye(P, "passthrough"))
           return U ? F : null;
-        if (ye(O, "passthrough")) {
-          const J = l(), { boardWrapper: te } = c(), re = J.reduce((ne, K) => {
-            const ee = Ne(te, K), fe = ee.getBoundingClientRect();
-            return ft({ x: $, y: L }, fe) && ne.unshift(ee), ne;
+        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;
           }, []);
-          for (let ne = 0; ne < re.length; ne += 1) {
-            const K = re[ne];
-            if (K !== F && (N || !ye(K, "locked")))
-              return K;
+          for (let le = 0; le < oe.length; le += 1) {
+            const se = oe[le];
+            if (se !== F && (A || !ye(se, "locked")))
+              return se;
           }
           return null;
         }
       }
       return F;
     },
-    [c, l]
+    [u, d]
   );
   return {
-    putItemsOnTop: d,
-    batchUpdateItems: R,
-    updateItemOrder: y,
-    moveItems: x,
-    placeItems: m,
-    updateItem: w,
-    swapItems: P,
-    reverseItemsOrder: T,
-    setItemList: E,
-    pushItem: M,
-    pushItems: D,
-    removeItems: A,
-    getItemList: S,
-    findElementUnderPointer: W,
-    getItems: B
+    putItemsOnTop: C,
+    batchUpdateItems: y,
+    updateItemOrder: O,
+    moveItems: p,
+    placeItems: S,
+    updateItem: x,
+    swapItems: D,
+    reverseItemsOrder: k,
+    setItemList: w,
+    pushItem: L,
+    pushItems: M,
+    removeItems: N,
+    getItemList: v,
+    findElementUnderPointer: J,
+    getItems: W
   };
 };
 var bn = function e(t, r) {
@@ -2029,11 +2038,11 @@ const Cn = (e, t) => {
     return typeof r == "function" ? r(e) : r;
   }
   return [];
-}, Wt = (e, t) => {
+}, Vt = (e, t) => {
   const { actions: r = Cn(e, t) } = e;
   return r.map((n) => typeof n == "string" ? { name: n } : n);
 }, os = () => {
-  const [e, t] = se((a) => [
+  const [e, t] = re((a) => [
     a.items,
     a.getItems
   ]), [r, n, o] = Z((a) => [
@@ -2044,34 +2053,34 @@ const Cn = (e, t) => {
   g.useEffect(() => (u.current = !0, () => {
     u.current = !1;
   }), []);
-  const p = g.useCallback(
+  const d = g.useCallback(
     (a) => {
       const h = t();
       if (a)
         return [a, a.map((v) => h[v])];
-      const S = o();
-      return [S, S.map((v) => h[v])];
+      const _ = o();
+      return [_, _.map((v) => h[v])];
     },
     [t, o]
-  ), f = Qt(() => {
-    const [a, h] = p();
+  ), f = er(() => {
+    const [a, h] = d();
     if (a.length > 0) {
       if (!u.current)
         return;
-      const S = h.reduce((v, b) => {
-        const R = Wt(b, r);
+      const _ = h.reduce((v, E) => {
+        const I = Vt(E, r);
         return v.filter(
-          (E) => R.some((w) => bn(E, w))
+          (y) => I.some((w) => bn(y, w))
         );
-      }, Wt(h[0], r));
+      }, Vt(h[0], r));
       l(() => {
-        c(S);
+        c(_);
       });
     } else
       l(() => {
         c([]);
       });
-  }, [p, r]);
+  }, [d, r]);
   return En(
     () => f(),
     [e, n, f],
@@ -2083,15 +2092,15 @@ const Cn = (e, t) => {
   const [e] = Z((t) => [t.selectionBox]);
   return e;
 };
-let me = (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 ar = g.createContext(), ut = (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) => {
   localStorage.setItem("user", JSON.stringify(e));
 }, wn = () => {
   if (localStorage.user) {
     const t = {
       name: "Player",
       color: Nt(),
-      uid: me(),
+      uid: pe(),
       ...JSON.parse(localStorage.user)
     };
     return ut(t), t;
@@ -2099,7 +2108,7 @@ const ar = g.createContext(), ut = (e) => {
   const e = {
     name: "Player",
     color: Nt(),
-    uid: me()
+    uid: pe()
   };
   return ut(e), e;
 }, xn = (e) => (t, r) => ({
@@ -2154,10 +2163,10 @@ const ar = g.createContext(), ut = (e) => {
     const n = { ...r.cursors };
     return delete n[t], { cursors: n };
   })
-}), cr = ({ storeName: e, children: t }) => {
+}), 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);
   return g.useEffect(() => {
-    let p = !0;
+    let d = !0;
     const f = [];
     if (!o && !l.current)
       return l.current = !0, (() => {
@@ -2178,11 +2187,11 @@ const ar = g.createContext(), ut = (e) => {
               ...Rn(...v)
             })
           )
-        ), S = h.subscribe((v) => {
-          v.ready && (S(), p && s(h));
+        ), _ = h.subscribe((v) => {
+          v.ready && (_(), d && s(h));
         });
       })(), () => {
-        p = !1, l.current = !1, f.forEach((h) => h());
+        d = !1, l.current = !1, f.forEach((h) => h());
       };
   }, [o, e, r, r.userId]), g.useEffect(() => {
     if (o)
@@ -2194,18 +2203,18 @@ const ar = g.createContext(), ut = (e) => {
       };
   }, [n, o, r]), g.useEffect(() => {
     if (o) {
-      const p = r.subscribe("userLeave", (f) => {
+      const d = r.subscribe("userLeave", (f) => {
         o.getState().removeUser(f);
       });
       return () => {
-        p();
+        d();
       };
     }
   }, [n, o, r]), g.useEffect(() => {
     n && o && o.getState().updateCurrentUser({ isMaster: n });
-  }, [n, o, r]), c ? /* @__PURE__ */ k(ar.Provider, { value: o, children: t }) : null;
+  }, [n, o, r]), c ? /* @__PURE__ */ T(cr.Provider, { value: o, children: t }) : null;
 }, Se = (e, t) => {
-  const r = _e(ar);
+  const r = _e(cr);
   return We(r, e, t || Ve);
 }, is = () => {
   const [e, t, r, n, o] = Se((u) => [
@@ -2227,7 +2236,7 @@ const ar = g.createContext(), ut = (e) => {
     joinSpace: o
   };
 }, as = () => {
-  const [e, t, r] = se(
+  const [e, t, r] = re(
     (o) => [o.boardConfig, o.getBoardConfig, o.setBoardConfig]
   ), n = g.useCallback(
     (o) => {
@@ -2243,18 +2252,18 @@ const ar = g.createContext(), ut = (e) => {
   const [e] = Z((t) => [t.boardState]);
   return e;
 }, us = () => {
-  const [e, t, r, n] = se((o) => [
+  const [e, t, r, n] = re((o) => [
     o.getSessionInfo,
     o.setSessionInfo,
     o.updateSessionInfo,
     o.session
   ]);
   return { getSessionInfo: e, setSessionInfo: t, sessionInfo: n, updateSessionInfo: r };
-}, ur = g.createContext(), In = ({ user: { name: e, uid: t, color: r }, content: n }) => ({
+}, lr = g.createContext(), In = ({ user: { name: e, uid: t, color: r }, content: n }) => ({
   type: "message",
   user: { name: e, uid: t, color: r },
   content: n,
-  uid: me(),
+  uid: pe(),
   timestamp: new Date().toISOString()
 }), On = (e, t) => ({
   messages: [],
@@ -2277,7 +2286,7 @@ const ar = g.createContext(), ut = (e) => {
     });
     o && t().addMessage(o);
   }
-}), Vt = ({
+}), Ft = ({
   storeName: e,
   children: t,
   defaultValue: r = []
@@ -2292,9 +2301,9 @@ const ar = g.createContext(), ut = (e) => {
       )
     )
   );
-  return /* @__PURE__ */ k(ur.Provider, { value: o, children: t });
+  return /* @__PURE__ */ T(lr.Provider, { value: o, children: t });
 }, Tn = (e, t) => {
-  const r = _e(ur);
+  const r = _e(lr);
   return We(r, e, t || Ve);
 }, kn = () => {
 }, ls = (e = kn) => {
@@ -2313,7 +2322,7 @@ const ar = g.createContext(), ut = (e) => {
     [t, o]
   );
   return { messages: r, setMessages: n, sendMessage: s };
-}, Ft = ({ children: e, session: t }) => {
+}, Kt = ({ children: e, session: t }) => {
   const r = Se((n) => n.joinSpace);
   return g.useEffect(() => (r(t), () => {
     r(null);
@@ -2327,42 +2336,42 @@ const ar = g.createContext(), ut = (e) => {
   LoadingComponent: s,
   ...c
 }) => {
-  const [u] = g.useState(t || me()), [l] = g.useState(r || me()), [p] = g.useState(() => ({
+  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]))
   }));
-  return Xe("room") ? /* @__PURE__ */ k(
-    Vt,
+  return Xe("room") ? /* @__PURE__ */ T(
+    Ft,
     {
       storeName: `${l}_messages`,
       defaultValue: o,
-      children: /* @__PURE__ */ k(Ut, { children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ T(Ut, { children: /* @__PURE__ */ T(
         Xt,
         {
           storeName: `${l}_item`,
-          defaultValue: p,
-          children: /* @__PURE__ */ k(Ft, { ...c, session: l })
+          defaultValue: d,
+          children: /* @__PURE__ */ T(Kt, { ...c, session: l })
         }
       ) })
     }
-  ) : /* @__PURE__ */ k(
-    tr,
+  ) : /* @__PURE__ */ T(
+    rr,
     {
       room: u,
       channel: "room",
       socket: e,
       LoadingComponent: s,
-      children: /* @__PURE__ */ k(cr, { storeName: `${u}_users`, children: /* @__PURE__ */ k(
-        Vt,
+      children: /* @__PURE__ */ T(ur, { storeName: `${u}_users`, children: /* @__PURE__ */ T(
+        Ft,
         {
           storeName: `${l}_messages`,
           defaultValue: o,
-          children: /* @__PURE__ */ k(Ut, { children: /* @__PURE__ */ k(
+          children: /* @__PURE__ */ T(Ut, { children: /* @__PURE__ */ T(
             Xt,
             {
               storeName: `${l}_item`,
-              defaultValue: p,
-              children: /* @__PURE__ */ k(Ft, { ...c, session: l })
+              defaultValue: d,
+              children: /* @__PURE__ */ T(Kt, { ...c, session: l })
             }
           ) })
         }
@@ -2370,15 +2379,15 @@ const ar = g.createContext(), ut = (e) => {
     }
   );
 }, ds = ({ socket: e, room: t, children: r, LoadingComponent: n }) => {
-  const [o] = g.useState(t || me());
-  return /* @__PURE__ */ k(
-    tr,
+  const [o] = g.useState(t || pe());
+  return /* @__PURE__ */ T(
+    rr,
     {
       room: o,
       channel: "room",
       socket: e,
       LoadingComponent: n,
-      children: /* @__PURE__ */ k(cr, { storeName: `${o}_users`, children: r })
+      children: /* @__PURE__ */ T(ur, { storeName: `${o}_users`, children: r })
     }
   );
 }, nt = () => {
@@ -2393,13 +2402,13 @@ const ar = g.createContext(), ut = (e) => {
   ), t.close();
   const r = t.body.firstElementChild.offsetHeight;
   return document.body.removeChild(e), r;
-}, Mn = Pn(), Dn = 800, Kt = (e, t) => {
+}, Mn = Pn(), Dn = 800, Ht = (e, t) => {
   const r = Object.keys(e).map((n) => Number(n)).find((n) => n !== t);
   return e[r];
-}, Ht = ([e, t], [r, n]) => {
+}, qt = ([e, t], [r, n]) => {
   const o = Math.abs(e - r), s = Math.abs(t - n);
   return Math.hypot(o, s);
-}, pe = () => {
+}, de = () => {
 }, jn = (e) => (t) => {
   const { event: r } = t;
   return r.isPropagationStopped() ? null : e(t);
@@ -2420,44 +2429,44 @@ class An {
     });
   }
 }
-const ie = new An(), Fe = ({
+const ne = new An(), Fe = ({
   children: e,
-  onDrag: t = pe,
-  onDragStart: r = pe,
-  onDragEnd: n = pe,
-  onPan: o = pe,
-  onTap: s = pe,
-  onLongTap: c = pe,
-  onDoubleTap: u = pe,
+  onDrag: t = de,
+  onDragStart: r = de,
+  onDragEnd: n = de,
+  onPan: o = de,
+  onTap: s = de,
+  onLongTap: c = de,
+  onDoubleTap: u = de,
   onZoom: l,
-  mainAction: p = "drag"
+  mainAction: d = "drag"
 }) => {
   const f = g.useRef(null), a = g.useRef({
     moving: !1,
     pointers: {},
     mainPointer: void 0
-  }), h = (E) => {
+  }), h = (y) => {
     const {
       deltaX: w,
       deltaY: x,
-      clientX: d,
+      clientX: p,
       clientY: C,
       deltaMode: m,
-      ctrlKey: y,
-      altKey: T,
-      metaKey: P,
+      ctrlKey: S,
+      altKey: O,
+      metaKey: k,
       target: D
-    } = E;
-    if (!(T || y && !nt()))
-      if (nt() && !y)
-        ie.add(o, {
+    } = y;
+    if (!(O || S && !nt()))
+      if (nt() && !S)
+        ne.add(o, {
           deltaX: -2 * w,
           deltaY: -2 * x,
           button: 1,
-          ctrlKey: y,
-          metaKey: P,
+          ctrlKey: S,
+          metaKey: k,
           target: D,
-          event: E
+          event: y
         });
       else {
         if (l === void 0 || !x)
@@ -2471,40 +2480,40 @@ const ie = new An(), Fe = ({
             M *= Dn;
             break;
         }
-        nt() && (M *= 2), ie.add(l, { scale: M, clientX: d, clientY: C, event: E });
+        nt() && (M *= 2), ne.add(l, { scale: M, clientX: p, clientY: C, event: y });
       }
-  }, S = (E) => {
+  }, _ = (y) => {
     const {
       target: w,
       button: x,
-      clientX: d,
+      clientX: p,
       clientY: C,
       pointerId: m,
-      altKey: y,
-      ctrlKey: T,
-      metaKey: P,
+      altKey: S,
+      ctrlKey: O,
+      metaKey: k,
       isPrimary: D
-    } = E;
-    if (a.current.pointers[m] = { clientX: d, clientY: C }, D && (a.current.mainPointer = void 0), a.current.mainPointer !== void 0) {
+    } = 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)
         try {
-          const { clientX: M, clientY: A } = Kt(
+          const { clientX: M, clientY: L } = Ht(
             a.current.pointers,
             m
-          ), B = (M + d) / 2, W = (A + C) / 2, O = Ht(
-            [M, A],
-            [d, C]
+          ), N = (M + p) / 2, W = (L + C) / 2, J = qt(
+            [M, L],
+            [p, C]
           );
           Object.assign(a.current, {
             pressed: !0,
             moving: !1,
             gestureStart: !1,
-            startX: d,
+            startX: p,
             startY: C,
-            prevX: B,
+            prevX: N,
             prevY: W,
-            startDistance: O,
-            prevDistance: O
+            startDistance: J,
+            prevDistance: J
           });
         } catch (M) {
           console.log("Error while getting other pointer. Ignoring", M), a.current.mainPointer;
@@ -2515,25 +2524,25 @@ const ie = new An(), Fe = ({
       pressed: !0,
       moving: !1,
       gestureStart: !1,
-      startX: d,
+      startX: p,
       startY: C,
-      prevX: d,
+      prevX: p,
       prevY: C,
       currentButton: x,
-      pointerDownEvent: E,
+      pointerDownEvent: y,
       startDistance: 0,
       prevDistance: 0,
       target: w,
       timeStart: Date.now(),
       longTapTimeout: setTimeout(async () => {
-        a.current.noTap = !0, ie.add(c, {
-          clientX: d,
+        a.current.noTap = !0, ne.add(c, {
+          clientX: p,
           clientY: C,
-          altKey: y,
-          ctrlKey: T,
-          metaKey: P,
+          altKey: S,
+          ctrlKey: O,
+          metaKey: k,
           target: w,
-          event: E
+          event: y
         });
       }, 750)
     });
@@ -2542,40 +2551,40 @@ const ie = new An(), Fe = ({
     } catch (M) {
       console.log("Fail to capture pointer", M);
     }
-  }, v = (E) => {
+  }, v = (y) => {
     if (a.current.pressed) {
       const {
         pointerId: w,
         clientX: x,
-        clientY: d,
+        clientY: p,
         altKey: C,
         shiftKey: m,
-        ctrlKey: y,
-        metaKey: T,
-        buttons: P
-      } = E;
+        ctrlKey: S,
+        metaKey: O,
+        buttons: k
+      } = y;
       a.current.pointers[w] = {
         clientX: x,
-        clientY: d
+        clientY: p
       }, a.current.moving = !0;
       const D = Object.keys(a.current.pointers).length === 2;
-      let M, A, B = 0;
+      let M, L, N = 0;
       if (D) {
-        const { clientX: L, clientY: U } = Kt(
+        const { clientX: $, clientY: B } = Ht(
           a.current.pointers,
           w
         );
-        M = (L + x) / 2, A = (U + d) / 2, B = Ht(
-          [L, U],
-          [x, d]
+        M = ($ + x) / 2, L = (B + p) / 2, N = qt(
+          [$, B],
+          [x, p]
         );
       } else
-        M = x, A = d;
-      let W = m || C || y || T || P !== 1;
-      p !== "drag" && (W = !W);
-      const O = !W, $ = W;
-      if (O) {
-        a.current.gestureStart || (f.current.style.cursor = "move", a.current.gestureStart = !0, clearTimeout(a.current.longTapTimeout), ie.add(r, {
+        M = x, L = p;
+      let W = m || C || S || O || k !== 1;
+      d !== "drag" && (W = !W);
+      const J = !W, P = W;
+      if (J) {
+        a.current.gestureStart || (f.current.style.cursor = "move", a.current.gestureStart = !0, clearTimeout(a.current.longTapTimeout), ne.add(r, {
           deltaX: 0,
           deltaY: 0,
           startX: a.current.startX,
@@ -2587,68 +2596,68 @@ const ie = new An(), Fe = ({
           button: a.current.currentButton,
           altKey: C,
           shiftKey: m,
-          ctrlKey: y,
-          metaKey: T,
+          ctrlKey: S,
+          metaKey: O,
           target: a.current.target,
           event: a.current.pointerDownEvent
         }));
-        const L = M - a.current.prevX, U = A - a.current.prevY, N = M - a.current.startX, F = A - a.current.startY;
-        ie.add(t, {
-          deltaX: L,
-          deltaY: U,
+        const $ = M - a.current.prevX, B = L - a.current.prevY, U = M - a.current.startX, A = L - a.current.startY;
+        ne.add(t, {
+          deltaX: $,
+          deltaY: B,
           startX: a.current.startX,
           startY: a.current.startY,
           clientX: M,
-          clientY: A,
-          distanceX: N,
-          distanceY: F,
+          clientY: L,
+          distanceX: U,
+          distanceY: A,
           button: a.current.currentButton,
           altKey: C,
           shiftKey: m,
-          ctrlKey: y,
-          metaKey: T,
+          ctrlKey: S,
+          metaKey: O,
           target: a.current.target,
-          event: E
+          event: y
         });
       }
-      if ($) {
+      if (P) {
         a.current.gestureStart || (f.current.style.cursor = "move", a.current.gestureStart = !0, clearTimeout(a.current.longTapTimeout));
-        const L = M - a.current.prevX, U = A - a.current.prevY, { target: N } = a.current;
-        if (ie.add(o, {
-          deltaX: L,
-          deltaY: U,
+        const $ = M - a.current.prevX, B = L - a.current.prevY, { target: U } = a.current;
+        if (ne.add(o, {
+          deltaX: $,
+          deltaY: B,
           button: a.current.currentButton,
           altKey: C,
           shiftKey: m,
-          ctrlKey: y,
-          metaKey: T,
-          target: N,
-          event: E
-        }), B !== a.current.prevDistance && l) {
-          const F = a.current.prevDistance - B;
-          Math.abs(F) > 0 && (ie.add(l, {
-            scale: F * 3,
+          ctrlKey: S,
+          metaKey: O,
+          target: U,
+          event: y
+        }), N !== a.current.prevDistance && l) {
+          const A = a.current.prevDistance - N;
+          Math.abs(A) > 0 && (ne.add(l, {
+            scale: A * 3,
             clientX: M,
-            clientY: A,
-            event: E
-          }), a.current.prevDistance = B);
+            clientY: L,
+            event: y
+          }), a.current.prevDistance = N);
         }
       }
-      a.current.prevX = M, a.current.prevY = A;
+      a.current.prevX = M, a.current.prevY = L;
     }
-  }, b = (E) => {
+  }, E = (y) => {
     const {
       clientX: w,
       clientY: x,
-      altKey: d,
+      altKey: p,
       shiftKey: C,
       ctrlKey: m,
-      metaKey: y,
-      target: T,
-      pointerId: P
-    } = E;
-    if (a.current.pointers[P]) {
-      if (delete a.current.pointers[P], a.current.mainPointer !== P) {
+      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,
@@ -2677,7 +2686,7 @@ const ie = new An(), Fe = ({
         }
       }
       if (a.current.mainPointer = void 0, a.current.pressed = !1, clearTimeout(a.current.longTapTimeout), a.current.moving)
-        a.current.moving = !1, ie.add(n, {
+        a.current.moving = !1, ne.add(n, {
           deltaX: w - a.current.prevX,
           deltaY: x - a.current.prevY,
           startX: a.current.startX,
@@ -2687,48 +2696,48 @@ const ie = new An(), Fe = ({
           distanceX: w - a.current.startX,
           distanceY: x - a.current.startY,
           button: a.current.currentButton,
-          altKey: d,
+          altKey: p,
           shiftKey: C,
           ctrlKey: m,
-          metaKey: y,
-          event: E
+          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 && ie.add(s, {
+        a.current.noTap ? a.current.noTap = !1 : a.current.timeStart - D < 300 && ne.add(s, {
           clientX: w,
           clientY: x,
-          altKey: d,
+          altKey: p,
           shiftKey: C,
           ctrlKey: m,
-          metaKey: y,
-          target: T,
-          event: E
+          metaKey: S,
+          target: O,
+          event: y
         });
       }
     }
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ T(
     "div",
     {
       onWheel: h,
-      onPointerDown: S,
+      onPointerDown: _,
       onPointerMove: v,
-      onPointerUp: b,
-      onPointerOut: b,
-      onPointerLeave: b,
-      onPointerCancel: b,
-      onDoubleClick: (E) => {
-        const { clientX: w, clientY: x, altKey: d, shiftKey: C, ctrlKey: m, metaKey: y, target: T } = E;
-        ie.add(u, {
+      onPointerUp: E,
+      onPointerOut: E,
+      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,
           clientY: x,
-          altKey: d,
+          altKey: p,
           shiftKey: C,
           ctrlKey: m,
-          metaKey: y,
-          target: T,
-          event: E
+          metaKey: S,
+          target: O,
+          event: y
         });
       },
       style: { touchAction: "none" },
@@ -2738,55 +2747,55 @@ const ie = new An(), Fe = ({
   );
 }, ot = ({ onResize: e, ...t }) => {
   const [r] = Z((o) => [o.getBoardState]);
-  return /* @__PURE__ */ k(Fe, { onDrag: ({ deltaX: o, deltaY: s, event: c }) => {
+  return /* @__PURE__ */ T(Fe, { onDrag: ({ deltaX: o, deltaY: s, event: c }) => {
     c.stopPropagation();
     const { scale: u } = r();
     e({
       width: o / u,
       height: s / u
     });
-  }, children: /* @__PURE__ */ k("div", { ...t }) });
+  }, 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, qt = /\n+/g, de = (e, 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 r = "", n = "", o = "";
   for (let s in e) {
     let c = e[s];
-    s[0] == "@" ? s[1] == "i" ? r = s + " " + c + ";" : n += s[1] == "f" ? de(c, s) : s + "{" + de(c, s[1] == "k" ? "" : t) + "}" : typeof c == "object" ? n += de(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 += de.p ? de.p(s, c) : s + ":" + c + ";");
+    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 + ";");
   }
   return r + (t && o ? t + "{" + o + "}" : o) + n;
-}, ce = {}, lr = (e) => {
+}, ae = {}, fr = (e) => {
   if (typeof e == "object") {
     let t = "";
     for (let r in e)
-      t += r + lr(e[r]);
+      t += r + fr(e[r]);
     return t;
   }
   return e;
 }, Nn = (e, t, r, n, o) => {
-  let s = lr(e), c = ce[s] || (ce[s] = ((l) => {
-    let p = 0, f = 11;
-    for (; p < l.length; )
-      f = 101 * f + l.charCodeAt(p++) >>> 0;
+  let s = fr(e), c = 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 (!ce[c]) {
-    let l = s !== e ? e : ((p) => {
+  if (!ae[c]) {
+    let l = s !== e ? e : ((d) => {
       let f, a, h = [{}];
-      for (; f = Yn.exec(p.replace(Bn, "")); )
-        f[4] ? h.shift() : f[3] ? (a = f[3].replace(qt, " ").trim(), h.unshift(h[0][a] = h[0][a] || {})) : h[0][f[1]] = f[2].replace(qt, " ").trim();
+      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();
       return h[0];
     })(e);
-    ce[c] = de(o ? { ["@keyframes " + c]: l } : l, r ? "" : "." + c);
+    ae[c] = fe(o ? { ["@keyframes " + c]: l } : l, r ? "" : "." + c);
   }
-  let u = r && ce.g ? ce.g : null;
-  return r && (ce.g = ce[c]), ((l, p, f, a) => {
-    a ? p.data = p.data.replace(a, l) : p.data.indexOf(l) === -1 && (p.data = f ? l + p.data : p.data + l);
-  })(ce[c], t, n, u), c;
+  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 ? "" : de(u, "") : u === !1 ? "" : u;
+    c = l ? "." + l : u && typeof u == "object" ? u.props ? "" : fe(u, "") : u === !1 ? "" : u;
   }
   return n + o + (c ?? "");
 }, "");
@@ -2797,7 +2806,7 @@ function H(e) {
 H.bind({ g: 1 });
 H.bind({ k: 1 });
 function Un(e, t, r, n) {
-  de.p = t;
+  fe.p = t;
 }
 var Wn = function e(t, r) {
   if (t === r)
@@ -2883,7 +2892,7 @@ const Vn = H`
   cursor: nwse-resize;
   bottom: -6px;
   right: -6px;
-`, to = ({ onReload: e }) => /* @__PURE__ */ le(
+`, to = ({ onReload: e }) => /* @__PURE__ */ ue(
   "div",
   {
     className: `syncboard-error-item ${H({
@@ -2896,7 +2905,7 @@ const Vn = H`
     })}`,
     children: [
       "Sorry, this item seems broken.",
-      /* @__PURE__ */ k("button", { onClick: e, children: "Reload it" })
+      /* @__PURE__ */ T("button", { onClick: e, children: "Reload it" })
     ]
   }
 );
@@ -2919,7 +2928,7 @@ class ro extends g.Component {
   }
   render() {
     const { ErrorComponent: t } = this.props;
-    return this.state.hasError ? /* @__PURE__ */ k(t, { onReload: this.onReload }) : this.props.children;
+    return this.state.hasError ? /* @__PURE__ */ T(t, { onReload: this.onReload }) : this.props.children;
   }
 }
 const no = (e) => {
@@ -2958,87 +2967,87 @@ const no = (e) => {
   state: { type: t, rotation: r = 0, id: n, locked: o, extraClasses: s, ...c } = {},
   animate: u = "hvr-pop",
   isSelected: l,
-  itemMap: p,
+  itemMap: d,
   showResizeHandle: f = !0
 }) => {
   var m;
   const a = g.useRef(null), {
     component: h = () => null,
-    resizeDirections: S = so,
+    resizeDirections: _ = so,
     resize: v = oo
-  } = p[t], b = g.useCallback(
-    (y) => e(n, y),
+  } = d[t], E = g.useCallback(
+    (S) => e(n, S),
     [e, n]
   );
   g.useEffect(() => {
     a.current.className = u;
   }, [u]);
-  const R = ["item", n, Vn];
-  o && R.push("locked"), l && (R.push("selected"), R.push(Fn));
-  const E = R.join(" "), w = ({ width: y = 0, height: T = 0, keepRatio: P }) => {
-    b((D) => {
-      const { offsetWidth: M, offsetHeight: A } = a.current;
+  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;
       return v({
         prevState: D,
-        width: y,
-        height: T,
-        actualHeight: A,
+        width: S,
+        height: O,
+        actualHeight: L,
         actualWidth: M,
-        keepRatio: P
+        keepRatio: k
       });
     });
-  }, x = ({ width: y }) => {
-    w({ width: y });
-  }, d = ({ height: y }) => {
-    w({ height: y });
-  }, C = ({ width: y }) => {
-    w({ height: y, width: y, keepRatio: !0 });
+  }, x = ({ width: S }) => {
+    w({ width: S });
+  }, p = ({ height: S }) => {
+    w({ height: S });
+  }, C = ({ width: S }) => {
+    w({ height: S, width: S, keepRatio: !0 });
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ T(
     "div",
     {
       style: { transform: `rotate(${r}deg` },
       "data-id": n,
-      className: E,
-      children: /* @__PURE__ */ le(
+      className: y,
+      children: /* @__PURE__ */ ue(
         "div",
         {
           style: { display: "flex" },
           ref: a,
           onAnimationEnd: no,
-          onKeyDown: (y) => y.stopPropagation(),
-          onKeyUp: (y) => y.stopPropagation(),
+          onKeyDown: (S) => S.stopPropagation(),
+          onKeyUp: (S) => S.stopPropagation(),
           children: [
-            /* @__PURE__ */ k(
+            /* @__PURE__ */ T(
               ro,
               {
                 itemId: n,
                 state: c,
-                ErrorComponent: ((m = p == null ? void 0 : p.error) == null ? void 0 : m.component) || to,
-                children: /* @__PURE__ */ k(h, { ...c, id: n, setState: b })
+                ErrorComponent: ((m = d == null ? void 0 : d.error) == null ? void 0 : m.component) || to,
+                children: /* @__PURE__ */ T(h, { ...c, id: n, setState: E })
               }
             ),
-            /* @__PURE__ */ k("div", { className: `corner ${we} ${Kn}` }),
-            /* @__PURE__ */ k("div", { className: `corner ${we} ${Hn}` }),
-            /* @__PURE__ */ k("div", { className: `corner ${we} ${Gn}` }),
-            /* @__PURE__ */ k("div", { className: `corner ${we} ${qn}` }),
-            /* @__PURE__ */ k("div", { className: `center ${we} ${Jn}` }),
-            f && /* @__PURE__ */ le(Nr, { children: [
-              S.b && /* @__PURE__ */ k(
+            /* @__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: [
+              _.b && /* @__PURE__ */ T(
                 ot,
                 {
                   className: `${st} ${eo}`,
                   onResize: C
                 }
               ),
-              S.h && /* @__PURE__ */ k(
+              _.h && /* @__PURE__ */ T(
                 ot,
                 {
                   className: `${st} ${Qn}`,
-                  onResize: d
+                  onResize: p
                 }
               ),
-              S.w && /* @__PURE__ */ k(
+              _.w && /* @__PURE__ */ T(
                 ot,
                 {
                   className: `${st} ${Zn}`,
@@ -3051,7 +3060,7 @@ const no = (e) => {
       )
     }
   );
-}, ao = er(
+}, ao = tr(
   io,
   ({
     state: e,
@@ -3072,9 +3081,9 @@ const no = (e) => {
     y: c = 0,
     layer: u = 0,
     moving: l,
-    ...p
+    ...d
   } = o(e, { getCurrentUser: t }), f = (u + 4) * 10 + 100 + (l ? 5 : 0);
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ T(
     "div",
     {
       className: r,
@@ -3082,50 +3091,50 @@ const no = (e) => {
         transform: `translate(${s}px, ${c}px)`,
         zIndex: f
       },
-      children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ T(
         ao,
         {
           ...n,
           showResizeHandle: n.isSelected && n.showResizeHandle,
-          state: p
+          state: d
         }
       )
     }
   );
-}, lo = er(uo), fo = () => {
-  const { updateItem: e } = gt(), [t, r] = se((p) => [
-    p.itemIds,
-    p.items
+}, lo = tr(uo), fo = () => {
+  const { updateItem: e } = gt(), [t, r] = re((d) => [
+    d.itemIds,
+    d.items
   ]), [n, o, s, c] = Z(
-    (p) => [
-      p.config.boardSize,
-      p.config.showResizeHandle,
-      p.config.itemTemplates,
-      p.selection
+    (d) => [
+      d.config.boardSize,
+      d.config.showResizeHandle,
+      d.config.itemTemplates,
+      d.selection
     ]
-  ), [u] = Se((p) => [p.getUser]), l = H({
+  ), [u] = Se((d) => [d.getUser]), l = H({
     position: "absolute",
     top: `${n / 2}px`,
     left: `${n / 2}px`,
     display: "inline-block"
   });
-  return t.map((p) => /* @__PURE__ */ k(
+  return t.map((d) => /* @__PURE__ */ T(
     lo,
     {
-      state: r[p],
+      state: r[d],
       setState: e,
-      isSelected: c.includes(p),
+      isSelected: c.includes(d),
       itemMap: s,
       boardSize: n,
       getCurrentUser: u,
       showResizeHandle: o,
       className: l
     },
-    p
+    d
   ));
 };
 function po(e = !1) {
-  const t = Re(e), r = Qt(() => t.current, []);
+  const t = Re(e), r = er(() => t.current, []);
   return Pe(() => (t.current = !0, () => {
     t.current = !1;
   }), []), r;
@@ -3137,7 +3146,7 @@ function go(e, ...t) {
   e && e.removeEventListener && e.removeEventListener(...t);
 }
 const ho = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
-function ue(e, ...t) {
+function ce(e, ...t) {
   const r = po(), n = pt(t[1]), o = lt(
     () => (
       // as some event listeners designed to be used through `this`
@@ -3171,7 +3180,7 @@ const vo = H({
   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 : tn(s, o);
+    return !u || !r && u.locked ? !1 : rn(s, o);
   }).map((s) => Te(s));
 }, So = ({ children: e, moveFirst: t }) => {
   const [
@@ -3189,44 +3198,44 @@ const vo = H({
     m.getConfiguration,
     m.getBoardState,
     m.updateBoardState
-  ]), { findElementUnderPointer: l } = gt(), [p] = se((m) => [m.getItems]), [f, a] = g.useState({}), [, h] = g.useTransition(), [S, v] = g.useState(!1), b = g.useRef(null), R = g.useRef({
+  ]), { 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({
     moving: !1
   });
-  return ue(document, "keydown", (m) => {
+  return ce(document, "keydown", (m) => {
     m.key === "l" && v(!0);
-  }), ue(document, "keyup", (m) => {
+  }), ce(document, "keyup", (m) => {
     m.key === "l" && v(!1);
   }), g.useEffect(() => (n(), () => {
     n();
   }), [n]), g.useEffect(() => {
-    if (R.current.moving) {
-      const m = p(), { boardWrapper: y } = c(), T = yo(m, y, S);
+    if (I.current.moving) {
+      const m = d(), { boardWrapper: S } = c(), O = yo(m, S, _);
       h(() => {
-        o(T);
+        o(O);
       });
     }
-  }, [c, p, f, o, S]), /* @__PURE__ */ k(
+  }, [c, d, f, o, _]), /* @__PURE__ */ T(
     Fe,
     {
       onDragStart: async (m) => {
-        await l(m) || (R.current.moving = !0, h(() => {
+        await l(m) || (I.current.moving = !0, h(() => {
           u({ selecting: !0 });
-        }), b.current.style.cursor = "crosshair");
+        }), E.current.style.cursor = "crosshair");
       },
-      onDrag: ({ distanceY: m, distanceX: y, startX: T, startY: P }) => {
-        if (R.current.moving) {
-          const { top: D, left: M } = b.current.getBoundingClientRect(), A = T - M, B = P - D;
-          y > 0 ? (R.current.left = A, R.current.width = y) : (R.current.left = A + y, R.current.width = -y), m > 0 ? (R.current.top = B, R.current.height = m) : (R.current.top = B + m, R.current.height = -m), a({ ...R.current, moving: !0 });
+      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 });
         }
       },
       onDragEnd: () => {
-        R.current.moving && (h(() => {
+        I.current.moving && (h(() => {
           u({ selecting: !1 });
-        }), R.current.moving = !1, a({ moving: !1 }), b.current.style.cursor = "auto");
+        }), I.current.moving = !1, a({ moving: !1 }), E.current.style.cursor = "auto");
       },
       onTap: (m) => {
-        const { target: y, ctrlKey: T, metaKey: P } = m, D = l(m);
-        if (!D && Oe(y, "board"))
+        const { target: S, ctrlKey: O, metaKey: k } = m, D = l(m);
+        if (!D && Oe(S, "board"))
           n();
         else {
           const M = Te(D);
@@ -3234,20 +3243,20 @@ const vo = H({
             n();
             return;
           }
-          const A = r();
-          D && !A.includes(M) && (T || P ? s([M]) : o([M]));
+          const L = r();
+          D && !L.includes(M) && (O || k ? s([M]) : o([M]));
         }
       },
       onLongTap: ({ target: m }) => {
-        const y = Oe(m, "item");
-        if (y) {
-          const T = Te(y);
-          o([T]);
+        const S = Oe(m, "item");
+        if (S) {
+          const O = Te(S);
+          o([O]);
         }
       },
       mainAction: t ? "pan" : "drag",
-      children: /* @__PURE__ */ le("div", { ref: b, children: [
-        f.moving && /* @__PURE__ */ k(
+      children: /* @__PURE__ */ ue("div", { ref: E, children: [
+        f.moving && /* @__PURE__ */ T(
           "div",
           {
             style: {
@@ -3263,29 +3272,29 @@ const vo = H({
     }
   );
 }, _o = ({ children: e }) => {
-  const { moveItems: t, placeItems: r, findElementUnderPointer: n } = gt(), { vectorFromWrapperToBoard: o } = Me(), [s, c, u, l, p] = Z((E) => [
-    E.select,
-    E.setSelection,
-    E.getSelection,
-    E.getBoardState,
-    E.updateBoardState
-  ]), [f] = se((E) => [E.getBoardConfig]), a = g.useRef({}), h = g.useRef({
+  const { moveItems: t, placeItems: r, findElementUnderPointer: n } = gt(), { vectorFromWrapperToBoard: o } = Me(), [s, c, u, l, d] = Z((y) => [
+    y.select,
+    y.setSelection,
+    y.getSelection,
+    y.getBoardState,
+    y.updateBoardState
+  ]), [f] = re((y) => [y.getBoardConfig]), a = g.useRef({}), h = g.useRef({
     items: []
-  }), S = (E) => {
-    const { ctrlKey: w, metaKey: x, event: d } = E, C = n(E);
+  }), _ = (y) => {
+    const { ctrlKey: w, metaKey: x, event: p } = y, C = n(y);
     if (C) {
-      d.stopPropagation();
+      p.stopPropagation();
       const m = u();
       h.current.items = m;
-      const y = Te(C);
-      m.includes(y) || (w || x ? (h.current.items = [...m, y], s([y])) : (h.current.items = [y], c([y]))), Object.assign(a.current, {
+      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, {
         moving: !0
       });
     }
-  }, v = ({ deltaX: E, deltaY: w, event: x }) => {
+  }, v = ({ deltaX: y, deltaY: w, event: x }) => {
     if (a.current.moving) {
       x.stopPropagation();
-      const { movingItems: d } = l(), [C, m] = o(E, w);
+      const { movingItems: p } = l(), [C, m] = o(y, w);
       t(
         h.current.items,
         {
@@ -3293,30 +3302,30 @@ const vo = H({
           y: m
         },
         !0
-      ), d || p({ movingItems: !0 });
+      ), p || d({ movingItems: !0 });
     }
-  }, b = () => {
+  }, E = () => {
     if (a.current.moving) {
-      const { gridSize: E = 1 } = f(), w = E || 1;
+      const { gridSize: y = 1 } = f(), w = y || 1;
       a.current = { moving: !1 }, r(h.current.items, {
         type: "grid",
         size: w
-      }), p({ movingItems: !1 });
+      }), d({ movingItems: !1 });
     }
   };
-  return ue(document, "keydown", (E) => {
-    if (["INPUT", "TEXTAREA"].includes(E.target.tagName))
+  return ce(document, "keydown", (y) => {
+    if (["INPUT", "TEXTAREA"].includes(y.target.tagName))
       return;
     const w = u();
     if (w.length) {
       const { gridSize: x = 1 } = f();
-      let d = 0, C = 0;
-      switch (E.key) {
+      let p = 0, C = 0;
+      switch (y.key) {
         case "ArrowLeft":
-          d = -10;
+          p = -10;
           break;
         case "ArrowRight":
-          d = 10;
+          p = 10;
           break;
         case "ArrowUp":
           C = -10;
@@ -3325,31 +3334,31 @@ const vo = H({
           C = 10;
           break;
       }
-      if (d || C) {
-        E.shiftKey && (d *= 5, C *= 5), (E.ctrlKey || E.altKey || E.metaKey) && (d /= 10, C /= 10);
-        const [m, y] = o(d, C);
+      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);
         t(
           w,
           {
             x: m,
-            y
+            y: S
           },
           !0
         ), r(w, {
           type: "grid",
           size: x || 1
-        }), E.preventDefault();
+        }), y.preventDefault();
       }
     }
-  }), /* @__PURE__ */ k(Fe, { onDragStart: S, onDrag: v, onDragEnd: b, children: e });
+  }), /* @__PURE__ */ T(Fe, { onDragStart: _, onDrag: v, onDragEnd: E, children: e });
 }, bo = (e) => {
   const t = g.useRef({ hover: !1, x: 0, y: 0 });
-  return ue(e.current, "mousemove", (n) => {
+  return ce(e.current, "mousemove", (n) => {
     const { clientX: o, clientY: s } = n;
     t.current.x = o, t.current.y = s;
-  }), ue(e.current, "mouseenter", () => {
+  }), ce(e.current, "mouseenter", () => {
     t.current.hover = !0;
-  }), ue(e.current, "mouseleave", () => {
+  }), ce(e.current, "mouseleave", () => {
     t.current.hover = !1;
   }), g.useCallback(() => t.current, []);
 }, Eo = [...Array(5).keys()].map((e) => `Digit${e + 1}`), Co = () => {
@@ -3357,11 +3366,11 @@ const vo = H({
     o.getBoardState,
     o.updateBoardState
   ]);
-  return ue(document, "keydown", (o) => {
+  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();
-      o.altKey || o.metaKey || o.ctrlKey || o.shiftKey ? t((p) => ({
-        ...p,
+      o.altKey || o.metaKey || o.ctrlKey || o.shiftKey ? t((d) => ({
+        ...d,
         [s]: { translateX: c, translateY: u, scale: l }
       })) : e[s] && n(e[s]), o.preventDefault();
     }
@@ -3373,42 +3382,42 @@ const vo = H({
     s,
     c,
     u
-  ] = Z((d) => [
+  ] = Z((p) => [
     {
-      translateX: d.boardState.translateX,
-      translateY: d.boardState.translateY,
-      scale: d.boardState.scale,
-      rotate: d.boardState.rotate
+      translateX: p.boardState.translateX,
+      translateY: p.boardState.translateY,
+      scale: p.boardState.scale,
+      rotate: p.boardState.rotate
     },
-    d.config.itemExtent,
-    d.getConfiguration,
-    d.updateBoardState,
-    d.getSelection
-  ]), { zoomToCenter: l, zoomToExtent: p, moveBoard: f } = Me(), [a, h] = g.useState(!1), S = g.useRef({}), v = bo(r);
+    p.config.itemExtent,
+    p.getConfiguration,
+    p.updateBoardState,
+    p.getSelection
+  ]), { zoomToCenter: l, zoomToExtent: d, moveBoard: f } = Me(), [a, h] = g.useState(!1), _ = g.useRef({}), v = bo(r);
   Co();
-  const b = g.useCallback(() => {
-    const { itemExtent: d } = s();
-    p(d);
-  }, [s, p]);
+  const E = g.useCallback(() => {
+    const { itemExtent: p } = s();
+    d(p);
+  }, [s, d]);
   g.useEffect(() => {
-    !a && o.radius && (b(), h(!0));
-  }, [b, a, o]);
-  const R = ({ clientX: d, clientY: C, scale: m }) => {
-    l({ to: { x: d, y: C }, factor: 1 - m / 500 }), clearTimeout(S.current.zoom), S.current.zoom = setTimeout(() => {
+    !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 });
-  }, E = ({ deltaX: d, deltaY: C }) => {
-    f(({ translateX: m, translateY: y }) => ({
-      translateX: m + d,
-      translateY: y + C
-    })), clearTimeout(S.current.pan), S.current.pan = setTimeout(() => {
+  }, y = ({ deltaX: p, deltaY: C }) => {
+    f(({ translateX: m, translateY: S }) => ({
+      translateX: m + p,
+      translateY: S + C
+    })), clearTimeout(_.current.pan), _.current.pan = setTimeout(() => {
       c({ panning: !1 });
     }, 200), c({ panning: !0 });
-  }, w = (d) => {
-    if (["INPUT", "TEXTAREA"].includes(d.target.tagName))
+  }, w = (p) => {
+    if (["INPUT", "TEXTAREA"].includes(p.target.tagName))
       return;
-    let C = 0, m = 0, y = 1;
-    switch (d.key) {
+    let C = 0, m = 0, S = 1;
+    switch (p.key) {
       case "ArrowLeft":
         C = -10;
         break;
@@ -3422,32 +3431,32 @@ const vo = H({
         m = 10;
         break;
       case "PageUp":
-        y = 1.2;
+        S = 1.2;
         break;
       case "PageDown":
-        y = 0.8;
+        S = 0.8;
         break;
     }
-    if (C || m || y !== 1) {
-      const T = u();
-      if (y === 1 && T.length)
+    if (C || m || S !== 1) {
+      const O = u();
+      if (S === 1 && O.length)
         return;
-      d.shiftKey && (C *= 5, m *= 5), (d.ctrlKey || d.altKey || d.metaKey) && (C /= 5, m /= 5), f(({ translateX: P, translateY: D }) => ({
-        translateX: P + C,
+      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
-      })), l({ factor: y }), d.preventDefault();
+      })), l({ factor: S }), p.preventDefault();
     }
-    d.key === " " && !d.repeat && v().hover && l({ factor: 3, to: v() });
-  }, x = (d) => {
-    ["INPUT", "TEXTAREA"].includes(d.target.tagName) || d.key === " " && v().hover && l({ factor: 1 / 3, to: v() });
+    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 ue(document, "keydown", w), ue(document, "keyup", x), /* @__PURE__ */ k(
+  return ce(document, "keydown", w), ce(document, "keyup", x), /* @__PURE__ */ T(
     Fe,
     {
-      onPan: E,
-      onZoom: R,
+      onPan: y,
+      onZoom: I,
       mainAction: t ? "pan" : "drag",
-      children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ T(
         "div",
         {
           style: {
@@ -3489,36 +3498,36 @@ const vo = H({
       translateY: a.boardState.translateY,
       scale: a.boardState.scale
     }
-  ]), [l] = se((a) => [a.items]), p = g.useCallback(() => {
-    const a = t(), { boardWrapperRect: h, boardWrapper: S } = o();
+  ]), [l] = re((a) => [a.items]), d = g.useCallback(() => {
+    const a = t(), { boardWrapperRect: h, boardWrapper: _ } = o();
     if (a.length === 0) {
       n(null);
       return;
     }
-    const v = rn(a, S);
+    const v = nn(a, _);
     if (!v) {
       n(null);
       return;
     }
-    const { left: b, top: R, width: E, height: w } = v, x = {
-      left: b - h.left,
-      top: R - h.top,
+    const { left: E, top: I, width: y, height: w } = v, x = {
+      left: E - h.left,
+      top: I - h.top,
       height: w,
-      width: E
+      width: y
     };
     n(x);
-  }, [o, t, n]), f = mt(p, [p], 300);
+  }, [o, t, n]), f = mt(d, [d], 300);
   return g.useEffect(() => {
-    p(), f();
+    d(), f();
   }, [
     e,
     l,
     s,
     c,
     u,
-    p,
+    d,
     f
-  ]), !r || e.length < 2 ? null : /* @__PURE__ */ k(
+  ]), !r || e.length < 2 ? null : /* @__PURE__ */ T(
     "div",
     {
       style: {
@@ -3531,7 +3540,7 @@ const vo = H({
   );
 }, Io = () => {
   const [e] = Z((t) => [t.boardState.movingItems]);
-  return e ? null : /* @__PURE__ */ k(Ro, {});
+  return e ? null : /* @__PURE__ */ T(Ro, {});
 }, Oo = typeof window < "u" && typeof navigator < "u" && typeof document < "u";
 let Le;
 function To() {
@@ -3564,15 +3573,15 @@ function ko(e, t, r = !0) {
     if (!n || !c)
       return;
     let u = !0;
-    const l = (...p) => {
-      u && o.current(...p);
+    const l = (...d) => {
+      u && o.current(...d);
     };
     return n.subscribe(c, l), () => {
       u = !1, n.unsubscribe(c, l);
     };
   }, [s, n]);
 }
-function Gt(e, t, r) {
+function Jt(e, t, r) {
   return Math.min(Math.max(e, r), t);
 }
 class Po extends Error {
@@ -3605,12 +3614,12 @@ function Mo(e) {
   }
   const s = Yo.exec(t);
   if (s) {
-    const [c, u, l, p] = Array.from(s).slice(1).map(parseFloat);
-    if (Gt(0, 100, u) !== u)
+    const [c, u, l, d] = Array.from(s).slice(1).map(parseFloat);
+    if (Jt(0, 100, u) !== u)
       throw new xe(e);
-    if (Gt(0, 100, l) !== l)
+    if (Jt(0, 100, l) !== l)
       throw new xe(e);
-    return [...No(c, u, l), Number.isNaN(p) ? 1 : p];
+    return [...No(c, u, l), Number.isNaN(d) ? 1 : d];
   }
   throw new xe(e);
 }
@@ -3620,8 +3629,8 @@ function Do(e) {
     t = t * 33 ^ e.charCodeAt(--r);
   return (t >>> 0) % 2341;
 }
-const Jt = (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 = Jt(t.substring(0, 3)), n = Jt(t.substring(3)).toString(16);
+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);
   let o = "";
   for (let s = 0; s < 6 - n.length; s++)
     o += "0";
@@ -3633,15 +3642,15 @@ function $o(e) {
     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, Zt = (e) => Math.round(e * 255), No = (e, t, 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) => {
   let n = r / 100;
   if (t === 0)
-    return [n, n, n].map(Zt);
+    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));
-  let u = 0, l = 0, p = 0;
-  o >= 0 && o < 1 ? (u = s, l = c) : o >= 1 && o < 2 ? (u = c, l = s) : o >= 2 && o < 3 ? (l = s, p = c) : o >= 3 && o < 4 ? (l = c, p = s) : o >= 4 && o < 5 ? (u = c, p = s) : o >= 5 && o < 6 && (u = s, p = c);
-  const f = n - s / 2, a = u + f, h = l + f, S = p + f;
-  return [a, h, S].map(Zt);
+  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);
 };
 function Xo(e) {
   if (e === "transparent")
@@ -3675,8 +3684,8 @@ const Wo = H({
   pointerEvents: "none"
 }), Fo = ({ color: e = "#666", size: t = 40, text: r }) => {
   const n = Uo(e) ? "#222" : "#EEE";
-  return /* @__PURE__ */ le("div", { className: Wo, children: [
-    /* @__PURE__ */ le(
+  return /* @__PURE__ */ ue("div", { className: Wo, children: [
+    /* @__PURE__ */ ue(
       "svg",
       {
         version: "1.1",
@@ -3685,7 +3694,7 @@ const Wo = H({
         width: t,
         height: t,
         children: [
-          /* @__PURE__ */ k(
+          /* @__PURE__ */ T(
             "path",
             {
               d: "m 1197.1015,869.718 -62.2719,-154.49286 133.3276,-9.05842 -257.6915,-253.12748 1.2392,356.98609 88.2465,-79.47087 61.702,152.78366 z",
@@ -3694,7 +3703,7 @@ const Wo = H({
               }
             }
           ),
-          /* @__PURE__ */ k(
+          /* @__PURE__ */ T(
             "path",
             {
               d: "m 1193.0939,861.12419 -62.2719,-154.49286 133.3276,-9.05842 -257.6915,-253.12748 1.2392,356.98609 88.2465,-79.47087 61.702,152.78366 z",
@@ -3708,7 +3717,7 @@ const Wo = H({
         ]
       }
     ),
-    /* @__PURE__ */ k(
+    /* @__PURE__ */ T(
       "div",
       {
         style: {
@@ -3726,43 +3735,47 @@ const Wo = H({
   zIndex: 210,
   position: "fixed",
   pointerEvents: "none"
-}), qo = ({ pos: e, ...t }) => /* @__PURE__ */ k(
+}), qo = ({ pos: e, ...t }) => /* @__PURE__ */ T(
   "div",
   {
     className: Ho,
     style: {
       transform: `translate(${e.x - 6}px, ${e.y - 15}px)`
     },
-    children: /* @__PURE__ */ k(Ko, { ...t })
+    children: /* @__PURE__ */ T(Ko, { ...t })
   }
 ), Go = ({ children: e }) => {
-  const [t] = Z((v) => [v.getConfiguration]), { fromWrapperToBoard: r, fromBoardToWrapper: n } = Me(), [o, s, c, u] = Se(
+  const [t] = Z((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(
     (v) => [
       v.getUser(),
       v.getLocalUsers(),
       v.cursors,
       v.users
     ]
-  ), [l, p] = Se((v) => [
+  ), [l, d] = Se((v) => [
     v.moveCursor,
     v.removeCursor
-  ]), { boardWrapperRect: f } = t(), a = ({ clientX: v, clientY: b }) => {
-    const [R, E] = r(
+  ]), { boardWrapperRect: f } = t(), a = ({ clientX: v, clientY: E }) => {
+    const [I, y] = r(
       v - f.left,
-      b - f.top
+      E - f.top
     );
-    l(o.id, { x: R, y: E });
+    l(o.id, { x: I, y });
   }, h = () => {
-    p(o.id);
-  }, S = s.reduce((v, b) => (b.id !== o.id && c[b.id] && (v[b.id] = c[b.id]), v), {});
-  return /* @__PURE__ */ le("div", { onPointerMove: a, onPointerLeave: h, children: [
+    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: [
     e,
-    Object.entries(S).map(([v, b]) => {
-      const [R, E] = n(b.x, b.y), w = {
-        x: R + f.left,
-        y: E + f.top
+    Object.entries(_).map(([v, E]) => {
+      const [I, y] = n(E.x, E.y), w = {
+        x: I + f.left,
+        y: y + f.top
       };
-      return ft(w, f) ? /* @__PURE__ */ k(
+      return ft(w, f) ? /* @__PURE__ */ T(
         qo,
         {
           pos: w,
@@ -3782,12 +3795,12 @@ const Wo = H({
   style: t,
   wrapperStyle: r,
   itemTemplates: n = {},
-  boardSize: o = sr,
+  boardSize: o = ir,
   children: s,
   showResizeHandle: c = !1,
   Wrapper: u = Jo
 }) => {
-  const l = g.useRef(null), [p, f] = Z((v) => [
+  const l = g.useRef(null), [d, f] = Z((v) => [
     v.config.uid,
     v.updateConfiguration
   ]), { updateItemExtent: a } = Me(), h = {
@@ -3798,8 +3811,8 @@ const Wo = H({
     ...t
   };
   g.useEffect(() => {
-    const v = (b) => {
-      Oe(b.target, "board") && b.preventDefault();
+    const v = (E) => {
+      Oe(E.target, "board") && E.preventDefault();
     };
     return document.body.addEventListener("wheel", v, { passive: !1 }), () => {
       document.body.removeEventListener("wheel", v);
@@ -3809,10 +3822,10 @@ const Wo = H({
       boardWrapper: l.current
     });
   }, [f]), g.useEffect(() => {
-    p || f({
-      uid: me()
+    d || f({
+      uid: pe()
     });
-  }, [p, f]), g.useEffect(() => {
+  }, [d, f]), g.useEffect(() => {
     f({
       itemTemplates: n,
       boardSize: o,
@@ -3827,15 +3840,15 @@ const Wo = H({
       boardWrapperRect: l.current.getBoundingClientRect()
     });
   });
-  const S = H({ ...Zo, ...r });
-  return /* @__PURE__ */ le(
+  const _ = H({ ...Zo, ...r });
+  return /* @__PURE__ */ ue(
     "div",
     {
       ref: l,
-      id: p,
-      className: `sync-board ${S}`,
+      id: d,
+      className: `sync-board ${_}`,
       children: [
-        /* @__PURE__ */ k(Go, { children: /* @__PURE__ */ k(So, { moveFirst: e, children: /* @__PURE__ */ k(wo, { moveFirst: e, children: /* @__PURE__ */ k(_o, { moveFirst: e, children: /* @__PURE__ */ k(u, { children: /* @__PURE__ */ le(
+        /* @__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(
           "div",
           {
             onContextMenu: (v) => {
@@ -3844,12 +3857,12 @@ const Wo = H({
             style: h,
             className: "board",
             children: [
-              /* @__PURE__ */ k(fo, {}),
+              /* @__PURE__ */ T(fo, {}),
               s
             ]
           }
         ) }) }) }) }) }),
-        /* @__PURE__ */ k(Io, {})
+        /* @__PURE__ */ T(Io, {})
       ]
     }
   );
@@ -3865,7 +3878,7 @@ export {
   cs as useBoardState,
   rs as useDebouncedItems,
   gt as useItemActions,
-  _n as useItemInteraction,
+  Wt as useItemInteraction,
   ts as useItems,
   ls as useMessage,
   ns as useSelectedItems,