react-sync-board 1.2.5 → 1.2.7

package/dist/react-sync-board.js

@@ -5,7 +5,7 @@ import g, { useContext as _e, useDebugValue as Yr, useRef as Re, useMemo as lt,
 function Br(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ie = {}, Nr = {
+var Ie = {}, Xr = {
   get exports() {
     return Ie;
   },
@@ -23,20 +23,20 @@ var Ie = {}, Nr = {
  * LICENSE file in the root directory of this source tree.
  */
 var Pt;
-function Xr() {
+function Nr() {
   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 a(u, l, d) {
-    var f, c = {}, h = null, _ = null;
-    d !== void 0 && (h = "" + d), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (_ = l.ref);
+    var f, c = {}, h = null, S = null;
+    d !== void 0 && (h = "" + d), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (S = l.ref);
     for (f in l)
       n.call(l, f) && !s.hasOwnProperty(f) && (c[f] = l[f]);
     if (u && u.defaultProps)
       for (f in l = u.defaultProps, l)
         c[f] === void 0 && (c[f] = l[f]);
-    return { $$typeof: t, type: u, key: h, ref: _, props: c, _owner: o.current };
+    return { $$typeof: t, type: u, key: h, ref: S, props: c, _owner: o.current };
   }
   return Ee.Fragment = r, Ee.jsx = a, Ee.jsxs = a, Ee;
 }
@@ -53,8 +53,8 @@ var we = {};
 var Mt;
 function Ur() {
   return Mt || (Mt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = g, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), u = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), v = Symbol.iterator, E = "@@iterator";
-    function I(i) {
+    var e = g, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), u = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), v = Symbol.iterator, E = "@@iterator";
+    function O(i) {
       if (i === null || typeof i != "object")
         return null;
       var b = v && i[v] || i[E];
@@ -63,41 +63,41 @@ function Ur() {
     var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function C(i) {
       {
-        for (var b = arguments.length, R = new Array(b > 1 ? b - 1 : 0), D = 1; D < b; D++)
-          R[D - 1] = arguments[D];
-        x("error", i, R);
+        for (var b = arguments.length, I = new Array(b > 1 ? b - 1 : 0), D = 1; D < b; D++)
+          I[D - 1] = arguments[D];
+        x("error", i, I);
       }
     }
-    function x(i, b, R) {
+    function x(i, b, I) {
       {
-        var D = y.ReactDebugCurrentFrame, X = D.getStackAddendum();
-        X !== "" && (b += "%s", R = R.concat([X]));
-        var W = R.map(function(B) {
-          return String(B);
+        var D = y.ReactDebugCurrentFrame, N = D.getStackAddendum();
+        N !== "" && (b += "%s", I = I.concat([N]));
+        var W = I.map(function(X) {
+          return String(X);
         });
         W.unshift("Warning: " + b), Function.prototype.apply.call(console[i], console, W);
       }
     }
-    var p = !1, w = !1, m = !1, S = !1, O = !1, k;
-    k = Symbol.for("react.module.reference");
+    var p = !1, _ = !1, m = !1, w = !1, R = !1, T;
+    T = Symbol.for("react.module.reference");
     function j(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === s || O || i === o || i === d || i === f || S || i === _ || p || w || m || typeof i == "object" && i !== null && (i.$$typeof === h || i.$$typeof === c || i.$$typeof === a || i.$$typeof === u || i.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof i == "string" || typeof i == "function" || i === n || i === s || R || i === o || i === d || i === f || w || i === S || p || _ || m || typeof i == "object" && i !== null && (i.$$typeof === h || i.$$typeof === c || i.$$typeof === a || i.$$typeof === u || i.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      i.$$typeof === k || i.getModuleId !== void 0));
+      i.$$typeof === T || i.getModuleId !== void 0));
     }
-    function M(i, b, R) {
+    function M(i, b, I) {
       var D = i.displayName;
       if (D)
         return D;
-      var X = b.displayName || b.name || "";
-      return X !== "" ? R + "(" + X + ")" : R;
+      var N = b.displayName || b.name || "";
+      return N !== "" ? I + "(" + N + ")" : I;
     }
     function A(i) {
       return i.displayName || "Context";
     }
-    function N(i) {
+    function B(i) {
       if (i == null)
         return null;
       if (typeof i.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
@@ -124,17 +124,17 @@ function Ur() {
             var b = i;
             return A(b) + ".Consumer";
           case a:
-            var R = i;
-            return A(R._context) + ".Provider";
+            var I = i;
+            return A(I._context) + ".Provider";
           case l:
             return M(i, i.render, "ForwardRef");
           case c:
             var D = i.displayName || null;
-            return D !== null ? D : N(i.type) || "Memo";
+            return D !== null ? D : B(i.type) || "Memo";
           case h: {
-            var X = i, W = X._payload, B = X._init;
+            var N = i, W = N._payload, X = N._init;
             try {
-              return N(B(W));
+              return B(X(W));
             } catch {
               return null;
             }
@@ -142,14 +142,14 @@ function Ur() {
         }
       return null;
     }
-    var U = Object.assign, J = 0, P, $, z, V, Y, F, H;
+    var U = Object.assign, J = 0, P, $, Y, V, L, F, H;
     function te() {
     }
     te.__reactDisabledLog = !0;
-    function Z() {
+    function Q() {
       {
         if (J === 0) {
-          P = console.log, $ = console.info, z = console.warn, V = console.error, Y = console.group, F = console.groupCollapsed, H = console.groupEnd;
+          P = console.log, $ = console.info, Y = console.warn, V = console.error, L = console.group, F = console.groupCollapsed, H = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -185,13 +185,13 @@ function Ur() {
               value: $
             }),
             warn: U({}, i, {
-              value: z
+              value: Y
             }),
             error: U({}, i, {
               value: V
             }),
             group: U({}, i, {
-              value: Y
+              value: L
             }),
             groupCollapsed: U({}, i, {
               value: F
@@ -205,13 +205,13 @@ function Ur() {
       }
     }
     var ie = y.ReactCurrentDispatcher, me;
-    function ge(i, b, R) {
+    function ge(i, b, I) {
       {
         if (me === void 0)
           try {
             throw Error();
-          } catch (X) {
-            var D = X.stack.trim().match(/\n( *(at )?)/);
+          } catch (N) {
+            var D = N.stack.trim().match(/\n( *(at )?)/);
             me = D && D[1] || "";
           }
         return `
@@ -227,39 +227,39 @@ function Ur() {
       if (!i || Ke)
         return "";
       {
-        var R = je.get(i);
-        if (R !== void 0)
-          return R;
+        var I = je.get(i);
+        if (I !== void 0)
+          return I;
       }
       var D;
       Ke = !0;
-      var X = Error.prepareStackTrace;
+      var N = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var W;
-      W = ie.current, ie.current = null, Z();
+      W = ie.current, ie.current = null, Q();
       try {
         if (b) {
-          var B = function() {
+          var X = function() {
             throw Error();
           };
-          if (Object.defineProperty(B.prototype, "props", {
+          if (Object.defineProperty(X.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(B, []);
+              Reflect.construct(X, []);
             } catch (ae) {
               D = ae;
             }
-            Reflect.construct(i, [], B);
+            Reflect.construct(i, [], X);
           } else {
             try {
-              B.call();
+              X.call();
             } catch (ae) {
               D = ae;
             }
-            i.call(B.prototype);
+            i.call(X.prototype);
           }
         } else {
           try {
@@ -271,17 +271,17 @@ function Ur() {
         }
       } catch (ae) {
         if (ae && D && typeof ae.stack == "string") {
-          for (var L = ae.stack.split(`
+          for (var z = ae.stack.split(`
 `), ee = D.stack.split(`
-`), q = L.length - 1, G = ee.length - 1; q >= 1 && G >= 0 && L[q] !== ee[G]; )
+`), q = z.length - 1, G = ee.length - 1; q >= 1 && G >= 0 && z[q] !== ee[G]; )
             G--;
           for (; q >= 1 && G >= 0; q--, G--)
-            if (L[q] !== ee[G]) {
+            if (z[q] !== ee[G]) {
               if (q !== 1 || G !== 1)
                 do
-                  if (q--, G--, G < 0 || L[q] !== ee[G]) {
+                  if (q--, G--, G < 0 || z[q] !== ee[G]) {
                     var re = `
-` + L[q].replace(" at new ", " at ");
+` + z[q].replace(" at new ", " at ");
                     return i.displayName && re.includes("<anonymous>") && (re = re.replace("<anonymous>", i.displayName)), typeof i == "function" && je.set(i, re), re;
                   }
                 while (q >= 1 && G >= 0);
@@ -289,19 +289,19 @@ function Ur() {
             }
         }
       } finally {
-        Ke = !1, ie.current = W, ne(), Error.prepareStackTrace = X;
+        Ke = !1, ie.current = W, ne(), Error.prepareStackTrace = N;
       }
       var ve = i ? i.displayName || i.name : "", Tt = ve ? ge(ve) : "";
       return typeof i == "function" && je.set(i, Tt), Tt;
     }
-    function gr(i, b, R) {
+    function gr(i, b, I) {
       return ht(i, !1);
     }
     function hr(i) {
       var b = i.prototype;
       return !!(b && b.isReactComponent);
     }
-    function De(i, b, R) {
+    function De(i, b, I) {
       if (i == null)
         return "";
       if (typeof i == "function")
@@ -319,11 +319,11 @@ function Ur() {
           case l:
             return gr(i.render);
           case c:
-            return De(i.type, b, R);
+            return De(i.type, b, I);
           case h: {
-            var D = i, X = D._payload, W = D._init;
+            var D = i, N = D._payload, W = D._init;
             try {
-              return De(W(X), b, R);
+              return De(W(N), b, I);
             } catch {
             }
           }
@@ -333,27 +333,27 @@ function Ur() {
     var $e = Object.prototype.hasOwnProperty, vt = {}, yt = y.ReactDebugCurrentFrame;
     function Ae(i) {
       if (i) {
-        var b = i._owner, R = De(i.type, i._source, b ? b.type : null);
-        yt.setExtraStackFrame(R);
+        var b = i._owner, I = De(i.type, i._source, b ? b.type : null);
+        yt.setExtraStackFrame(I);
       } else
         yt.setExtraStackFrame(null);
     }
-    function vr(i, b, R, D, X) {
+    function vr(i, b, I, D, N) {
       {
         var W = Function.call.bind($e);
-        for (var B in i)
-          if (W(i, B)) {
-            var L = void 0;
+        for (var X in i)
+          if (W(i, X)) {
+            var z = void 0;
             try {
-              if (typeof i[B] != "function") {
-                var ee = Error((D || "React class") + ": " + R + " type `" + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[B] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof i[X] != "function") {
+                var ee = Error((D || "React class") + ": " + I + " type `" + X + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[X] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ee.name = "Invariant Violation", ee;
               }
-              L = i[B](b, B, D, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              z = i[X](b, X, D, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (q) {
-              L = q;
+              z = q;
             }
-            L && !(L instanceof Error) && (Ae(X), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", D || "React class", R, B, typeof L), Ae(null)), L instanceof Error && !(L.message in vt) && (vt[L.message] = !0, Ae(X), C("Failed %s type: %s", R, L.message), Ae(null));
+            z && !(z instanceof Error) && (Ae(N), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", D || "React class", I, X, typeof z), Ae(null)), z instanceof Error && !(z.message in vt) && (vt[z.message] = !0, Ae(N), C("Failed %s type: %s", I, z.message), Ae(null));
           }
       }
     }
@@ -363,8 +363,8 @@ function Ur() {
     }
     function Sr(i) {
       {
-        var b = typeof Symbol == "function" && Symbol.toStringTag, R = b && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return R;
+        var b = typeof Symbol == "function" && Symbol.toStringTag, I = b && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return I;
       }
     }
     function _r(i) {
@@ -406,84 +406,84 @@ function Ur() {
     }
     function Cr(i, b) {
       if (typeof i.ref == "string" && be.current && b && be.current.stateNode !== b) {
-        var R = N(be.current.type);
-        qe[R] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', N(be.current.type), i.ref), qe[R] = !0);
+        var I = B(be.current.type);
+        qe[I] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(be.current.type), i.ref), qe[I] = !0);
       }
     }
     function xr(i, b) {
       {
-        var R = function() {
+        var I = function() {
           bt || (bt = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
         };
-        R.isReactWarning = !0, Object.defineProperty(i, "key", {
-          get: R,
+        I.isReactWarning = !0, Object.defineProperty(i, "key", {
+          get: I,
           configurable: !0
         });
       }
     }
     function Rr(i, b) {
       {
-        var R = function() {
+        var I = function() {
           Et || (Et = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
         };
-        R.isReactWarning = !0, Object.defineProperty(i, "ref", {
-          get: R,
+        I.isReactWarning = !0, Object.defineProperty(i, "ref", {
+          get: I,
           configurable: !0
         });
       }
     }
-    var Ir = function(i, b, R, D, X, W, B) {
-      var L = {
+    var Ir = function(i, b, I, D, N, W, X) {
+      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: b,
-        ref: R,
-        props: B,
+        ref: I,
+        props: X,
         // Record the component responsible for creating this element.
         _owner: W
       };
-      return L._store = {}, Object.defineProperty(L._store, "validated", {
+      return z._store = {}, Object.defineProperty(z._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(L, "_self", {
+      }), Object.defineProperty(z, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: D
-      }), Object.defineProperty(L, "_source", {
+      }), Object.defineProperty(z, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: X
-      }), Object.freeze && (Object.freeze(L.props), Object.freeze(L)), L;
+        value: N
+      }), Object.freeze && (Object.freeze(z.props), Object.freeze(z)), z;
     };
-    function Or(i, b, R, D, X) {
+    function Or(i, b, I, D, N) {
       {
-        var W, B = {}, L = null, ee = null;
-        R !== void 0 && (_t(R), L = "" + R), wr(b) && (_t(b.key), L = "" + b.key), Er(b) && (ee = b.ref, Cr(b, X));
+        var W, X = {}, z = null, ee = null;
+        I !== void 0 && (_t(I), z = "" + I), wr(b) && (_t(b.key), z = "" + b.key), Er(b) && (ee = b.ref, Cr(b, N));
         for (W in b)
-          $e.call(b, W) && !br.hasOwnProperty(W) && (B[W] = b[W]);
+          $e.call(b, W) && !br.hasOwnProperty(W) && (X[W] = b[W]);
         if (i && i.defaultProps) {
           var q = i.defaultProps;
           for (W in q)
-            B[W] === void 0 && (B[W] = q[W]);
+            X[W] === void 0 && (X[W] = q[W]);
         }
-        if (L || ee) {
+        if (z || ee) {
           var G = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          L && xr(B, G), ee && Rr(B, G);
+          z && xr(X, G), ee && Rr(X, G);
         }
-        return Ir(i, L, ee, X, D, be.current, B);
+        return Ir(i, z, ee, N, D, be.current, X);
       }
     }
     var Ge = y.ReactCurrentOwner, wt = y.ReactDebugCurrentFrame;
     function he(i) {
       if (i) {
-        var b = i._owner, R = De(i.type, i._source, b ? b.type : null);
-        wt.setExtraStackFrame(R);
+        var b = i._owner, I = De(i.type, i._source, b ? b.type : null);
+        wt.setExtraStackFrame(I);
       } else
         wt.setExtraStackFrame(null);
     }
@@ -495,7 +495,7 @@ function Ur() {
     function Ct() {
       {
         if (Ge.current) {
-          var i = N(Ge.current.type);
+          var i = B(Ge.current.type);
           if (i)
             return `
 
@@ -507,10 +507,10 @@ Check the render method of \`` + i + "`.";
     function Tr(i) {
       {
         if (i !== void 0) {
-          var b = i.fileName.replace(/^.*[\\\/]/, ""), R = i.lineNumber;
+          var b = i.fileName.replace(/^.*[\\\/]/, ""), I = i.lineNumber;
           return `
 
-Check your code at ` + b + ":" + R + ".";
+Check your code at ` + b + ":" + I + ".";
         }
         return "";
       }
@@ -520,10 +520,10 @@ Check your code at ` + b + ":" + R + ".";
       {
         var b = Ct();
         if (!b) {
-          var R = typeof i == "string" ? i : i.displayName || i.name;
-          R && (b = `
+          var I = typeof i == "string" ? i : i.displayName || i.name;
+          I && (b = `
 
-Check the top-level render call using <` + R + ">.");
+Check the top-level render call using <` + I + ">.");
         }
         return b;
       }
@@ -533,12 +533,12 @@ Check the top-level render call using <` + R + ">.");
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var R = kr(b);
-        if (xt[R])
+        var I = kr(b);
+        if (xt[I])
           return;
-        xt[R] = !0;
+        xt[I] = !0;
         var D = "";
-        i && i._owner && i._owner !== Ge.current && (D = " It was passed a child from " + N(i._owner.type) + "."), he(i), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', R, D), he(null);
+        i && i._owner && i._owner !== Ge.current && (D = " It was passed a child from " + B(i._owner.type) + "."), he(i), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', I, D), he(null);
       }
     }
     function It(i, b) {
@@ -546,17 +546,17 @@ Check the top-level render call using <` + R + ">.");
         if (typeof i != "object")
           return;
         if (He(i))
-          for (var R = 0; R < i.length; R++) {
-            var D = i[R];
+          for (var I = 0; I < i.length; I++) {
+            var D = i[I];
             Ze(D) && Rt(D, b);
           }
         else if (Ze(i))
           i._store && (i._store.validated = !0);
         else if (i) {
-          var X = I(i);
-          if (typeof X == "function" && X !== i.entries)
-            for (var W = X.call(i), B; !(B = W.next()).done; )
-              Ze(B.value) && Rt(B.value, b);
+          var N = O(i);
+          if (typeof N == "function" && N !== i.entries)
+            for (var W = N.call(i), X; !(X = W.next()).done; )
+              Ze(X.value) && Rt(X.value, b);
         }
       }
     }
@@ -565,30 +565,30 @@ Check the top-level render call using <` + R + ">.");
         var b = i.type;
         if (b == null || typeof b == "string")
           return;
-        var R;
+        var I;
         if (typeof b == "function")
-          R = b.propTypes;
+          I = b.propTypes;
         else if (typeof b == "object" && (b.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         b.$$typeof === c))
-          R = b.propTypes;
+          I = b.propTypes;
         else
           return;
-        if (R) {
-          var D = N(b);
-          vr(R, i.props, "prop", D, i);
+        if (I) {
+          var D = B(b);
+          vr(I, i.props, "prop", D, i);
         } else if (b.PropTypes !== void 0 && !Je) {
           Je = !0;
-          var X = N(b);
-          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", X || "Unknown");
+          var N = B(b);
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
         }
         typeof b.getDefaultProps == "function" && !b.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Mr(i) {
       {
-        for (var b = Object.keys(i.props), R = 0; R < b.length; R++) {
-          var D = b[R];
+        for (var b = Object.keys(i.props), I = 0; I < b.length; I++) {
+          var D = b[I];
           if (D !== "children" && D !== "key") {
             he(i), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", D), he(null);
             break;
@@ -597,21 +597,21 @@ Check the top-level render call using <` + R + ">.");
         i.ref !== null && (he(i), C("Invalid attribute `ref` supplied to `React.Fragment`."), he(null));
       }
     }
-    function Ot(i, b, R, D, X, W) {
+    function Ot(i, b, I, D, N, W) {
       {
-        var B = j(i);
-        if (!B) {
-          var L = "";
-          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (L += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ee = Tr(X);
-          ee ? L += ee : L += Ct();
+        var X = j(i);
+        if (!X) {
+          var z = "";
+          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (z += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var ee = Tr(N);
+          ee ? z += ee : z += Ct();
           var q;
-          i === null ? q = "null" : He(i) ? q = "array" : i !== void 0 && i.$$typeof === t ? (q = "<" + (N(i.type) || "Unknown") + " />", L = " Did you accidentally export a JSX literal instead of a component?") : q = typeof i, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, L);
+          i === null ? q = "null" : He(i) ? q = "array" : i !== void 0 && i.$$typeof === t ? (q = "<" + (B(i.type) || "Unknown") + " />", z = " Did you accidentally export a JSX literal instead of a component?") : q = typeof i, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, z);
         }
-        var G = Or(i, b, R, X, W);
+        var G = Or(i, b, I, N, W);
         if (G == null)
           return G;
-        if (B) {
+        if (X) {
           var re = b.children;
           if (re !== void 0)
             if (D)
@@ -627,20 +627,20 @@ Check the top-level render call using <` + R + ">.");
         return i === n ? Mr(G) : Pr(G), G;
       }
     }
-    function jr(i, b, R) {
-      return Ot(i, b, R, !0);
+    function jr(i, b, I) {
+      return Ot(i, b, I, !0);
     }
-    function Dr(i, b, R) {
-      return Ot(i, b, R, !1);
+    function Dr(i, b, I) {
+      return Ot(i, b, I, !1);
     }
     var $r = Dr, Ar = jr;
     we.Fragment = n, we.jsx = $r, we.jsxs = Ar;
   }()), we;
 }
 (function(e) {
-  process.env.NODE_ENV === "production" ? e.exports = Xr() : e.exports = Ur();
-})(Nr);
-const Wr = Ie.Fragment, T = Ie.jsx, le = Ie.jsxs;
+  process.env.NODE_ENV === "production" ? e.exports = Nr() : e.exports = Ur();
+})(Xr);
+const Wr = Ie.Fragment, k = Ie.jsx, le = Ie.jsxs;
 let Vr = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, r) => (r &= 63, r < 36 ? t += r.toString(36) : r < 62 ? t += (r - 26).toString(36).toUpperCase() : r > 62 ? t += "-" : t += "_", t), "");
 class Fr {
   constructor(t, r, n = null) {
@@ -761,7 +761,7 @@ const Kr = ({
       });
     }), e.emit("joinSuperSocket", { room: t, userId: o });
   });
-}, it = g.createContext(), Hr = () => /* @__PURE__ */ T(
+}, it = g.createContext(), Hr = () => /* @__PURE__ */ k(
   "div",
   {
     style: {
@@ -773,7 +773,7 @@ const Kr = ({
       justifyContent: "center",
       alignItems: "center"
     },
-    children: /* @__PURE__ */ T("h2", { children: "🌀 Loading..." })
+    children: /* @__PURE__ */ k("h2", { children: "🌀 Loading..." })
   }
 ), nr = ({
   socket: e,
@@ -782,7 +782,7 @@ const Kr = ({
   LoadingComponent: n = Hr,
   children: o
 }) => {
-  const [s, a] = g.useState(!1), [u, l] = g.useState(!1), [d, f] = g.useState(null), c = g.useRef(null), h = g.useRef(!1), _ = _e(it), v = g.useRef(!1);
+  const [s, a] = g.useState(!1), [u, l] = g.useState(!1), [d, f] = g.useState(null), c = g.useRef(null), h = g.useRef(!1), S = _e(it), v = g.useRef(!1);
   return g.useEffect(() => (h.current = !0, () => {
     h.current = !1;
   }), []), g.useEffect(() => {
@@ -806,14 +806,14 @@ const Kr = ({
   })), () => {
     var E;
     (E = c.current) == null || E.leave();
-  }) : null, [r, t, e]), !s || !d ? /* @__PURE__ */ T(n, {}) : /* @__PURE__ */ T(
+  }) : null, [r, t, e]), !s || !d ? /* @__PURE__ */ k(n, {}) : /* @__PURE__ */ k(
     it.Provider,
     {
-      value: { ..._, [r]: { wire: d, joined: s, isMaster: u, room: t } },
+      value: { ...S, [r]: { wire: d, joined: s, isMaster: u, room: t } },
       children: o
     }
   );
-}, Xe = (e = "default") => (_e(it) || {})[e], jt = (e) => {
+}, Ne = (e = "default") => (_e(it) || {})[e], jt = (e) => {
   let t;
   const r = /* @__PURE__ */ new Set(), n = (l, d) => {
     const f = typeof l == "function" ? l(t) : l;
@@ -863,21 +863,21 @@ function Jr() {
   }
   var r = typeof Object.is == "function" ? Object.is : t, n = e.useState, o = e.useEffect, s = e.useLayoutEffect, a = e.useDebugValue;
   function u(c, h) {
-    var _ = h(), v = n({ inst: { value: _, getSnapshot: h } }), E = v[0].inst, I = v[1];
+    var S = h(), v = n({ inst: { value: S, getSnapshot: h } }), E = v[0].inst, O = v[1];
     return s(function() {
-      E.value = _, E.getSnapshot = h, l(E) && I({ inst: E });
-    }, [c, _, h]), o(function() {
-      return l(E) && I({ inst: E }), c(function() {
-        l(E) && I({ inst: E });
+      E.value = S, E.getSnapshot = h, l(E) && O({ inst: E });
+    }, [c, S, h]), o(function() {
+      return l(E) && O({ inst: E }), c(function() {
+        l(E) && O({ inst: E });
       });
-    }, [c]), a(_), _;
+    }, [c]), a(S), S;
   }
   function l(c) {
     var h = c.getSnapshot;
     c = c.value;
     try {
-      var _ = h();
-      return !r(c, _);
+      var S = h();
+      return !r(c, S);
     } catch {
       return !0;
     }
@@ -905,67 +905,67 @@ function Zr() {
     var e = g, t = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function r(x) {
       {
-        for (var p = arguments.length, w = new Array(p > 1 ? p - 1 : 0), m = 1; m < p; m++)
-          w[m - 1] = arguments[m];
-        n("error", x, w);
+        for (var p = arguments.length, _ = new Array(p > 1 ? p - 1 : 0), m = 1; m < p; m++)
+          _[m - 1] = arguments[m];
+        n("error", x, _);
       }
     }
-    function n(x, p, w) {
+    function n(x, p, _) {
       {
-        var m = t.ReactDebugCurrentFrame, S = m.getStackAddendum();
-        S !== "" && (p += "%s", w = w.concat([S]));
-        var O = w.map(function(k) {
-          return String(k);
+        var m = t.ReactDebugCurrentFrame, w = m.getStackAddendum();
+        w !== "" && (p += "%s", _ = _.concat([w]));
+        var R = _.map(function(T) {
+          return String(T);
         });
-        O.unshift("Warning: " + p), Function.prototype.apply.call(console[x], console, O);
+        R.unshift("Warning: " + p), Function.prototype.apply.call(console[x], console, R);
       }
     }
     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, a = e.useState, u = e.useEffect, l = e.useLayoutEffect, d = e.useDebugValue, f = !1, c = !1;
-    function h(x, p, w) {
+    function h(x, p, _) {
       f || e.startTransition !== void 0 && (f = !0, r("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
       var m = p();
       if (!c) {
-        var S = p();
-        s(m, S) || (r("The result of getSnapshot should be cached to avoid an infinite loop"), c = !0);
+        var w = p();
+        s(m, w) || (r("The result of getSnapshot should be cached to avoid an infinite loop"), c = !0);
       }
-      var O = a({
+      var R = a({
         inst: {
           value: m,
           getSnapshot: p
         }
-      }), k = O[0].inst, j = O[1];
+      }), T = R[0].inst, j = R[1];
       return l(function() {
-        k.value = m, k.getSnapshot = p, _(k) && j({
-          inst: k
+        T.value = m, T.getSnapshot = p, S(T) && j({
+          inst: T
         });
       }, [x, m, p]), u(function() {
-        _(k) && j({
-          inst: k
+        S(T) && j({
+          inst: T
         });
         var M = function() {
-          _(k) && j({
-            inst: k
+          S(T) && j({
+            inst: T
           });
         };
         return x(M);
       }, [x]), d(m), m;
     }
-    function _(x) {
-      var p = x.getSnapshot, w = x.value;
+    function S(x) {
+      var p = x.getSnapshot, _ = x.value;
       try {
         var m = p();
-        return !s(w, m);
+        return !s(_, m);
       } catch {
         return !0;
       }
     }
-    function v(x, p, w) {
+    function v(x, p, _) {
       return p();
     }
-    var E = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", I = !E, y = I ? v : h, C = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : y;
+    var E = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", O = !E, y = O ? v : h, C = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : y;
     tt.useSyncExternalStore = C, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
   }()), tt;
 }
@@ -994,7 +994,7 @@ function Qr() {
     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, a = e.useEffect, u = e.useMemo, l = e.useDebugValue;
-  return Qe.useSyncExternalStoreWithSelector = function(d, f, c, h, _) {
+  return Qe.useSyncExternalStoreWithSelector = function(d, f, c, h, S) {
     var v = s(null);
     if (v.current === null) {
       var E = { hasValue: !1, value: null };
@@ -1004,29 +1004,29 @@ function Qr() {
     v = u(function() {
       function y(m) {
         if (!C) {
-          if (C = !0, x = m, m = h(m), _ !== void 0 && E.hasValue) {
-            var S = E.value;
-            if (_(S, m))
-              return p = S;
+          if (C = !0, x = m, m = h(m), S !== void 0 && E.hasValue) {
+            var w = E.value;
+            if (S(w, m))
+              return p = w;
           }
           return p = m;
         }
-        if (S = p, n(x, m))
-          return S;
-        var O = h(m);
-        return _ !== void 0 && _(S, O) ? S : (x = m, p = O);
+        if (w = p, n(x, m))
+          return w;
+        var R = h(m);
+        return S !== void 0 && S(w, R) ? w : (x = m, p = R);
       }
-      var C = !1, x, p, w = c === void 0 ? null : c;
+      var C = !1, x, p, _ = c === void 0 ? null : c;
       return [function() {
         return y(f());
-      }, w === null ? void 0 : function() {
-        return y(w());
+      }, _ === null ? void 0 : function() {
+        return y(_());
       }];
-    }, [f, c, h, _]);
-    var I = o(d, v[0], v[1]);
+    }, [f, c, h, S]);
+    var O = o(d, v[0], v[1]);
     return a(function() {
-      E.hasValue = !0, E.value = I;
-    }, [I]), l(I), I;
+      E.hasValue = !0, E.value = O;
+    }, [O]), l(O), O;
   }, Qe;
 }
 var rt = {};
@@ -1048,38 +1048,38 @@ function en() {
       return f === c && (f !== 0 || 1 / f === 1 / c) || f !== f && c !== c;
     }
     var n = typeof Object.is == "function" ? Object.is : r, o = t.useSyncExternalStore, s = e.useRef, a = e.useEffect, u = e.useMemo, l = e.useDebugValue;
-    function d(f, c, h, _, v) {
-      var E = s(null), I;
-      E.current === null ? (I = {
+    function d(f, c, h, S, v) {
+      var E = s(null), O;
+      E.current === null ? (O = {
         hasValue: !1,
         value: null
-      }, E.current = I) : I = E.current;
+      }, E.current = O) : O = E.current;
       var y = u(function() {
-        var w = !1, m, S, O = function(A) {
-          if (!w) {
-            w = !0, m = A;
-            var N = _(A);
-            if (v !== void 0 && I.hasValue) {
-              var U = I.value;
-              if (v(U, N))
-                return S = U, U;
+        var _ = !1, m, w, R = function(A) {
+          if (!_) {
+            _ = !0, m = A;
+            var B = S(A);
+            if (v !== void 0 && O.hasValue) {
+              var U = O.value;
+              if (v(U, B))
+                return w = U, U;
             }
-            return S = N, N;
+            return w = B, B;
           }
-          var J = m, P = S;
+          var J = m, P = w;
           if (n(J, A))
             return P;
-          var $ = _(A);
-          return v !== void 0 && v(P, $) ? P : (m = A, S = $, $);
-        }, k = h === void 0 ? null : h, j = function() {
-          return O(c());
-        }, M = k === null ? void 0 : function() {
-          return O(k());
+          var $ = S(A);
+          return v !== void 0 && v(P, $) ? P : (m = A, w = $, $);
+        }, T = h === void 0 ? null : h, j = function() {
+          return R(c());
+        }, M = T === null ? void 0 : function() {
+          return R(T());
         };
         return [j, M];
-      }, [c, h, _, v]), C = y[0], x = y[1], p = o(f, C, x);
+      }, [c, h, S, v]), C = y[0], x = y[1], p = o(f, C, x);
       return a(function() {
-        I.hasValue = !0, I.value = p;
+        O.hasValue = !0, O.value = p;
       }, [p]), l(p), p;
     }
     rt.useSyncExternalStoreWithSelector = d, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
@@ -1112,7 +1112,7 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
   const [a, u] = sr(e, t, n);
   return [a * r + o, u * r + s];
 }, Yt = (e, t, r, n) => {
-  const o = e.x, s = e.y, a = t.x, u = t.y, l = r.x, d = r.y, f = a - o, c = u - s, h = o - l, _ = s - d, v = f * f + c * c, E = 2 * (h * f + _ * c), I = h * h + _ * _ - n * n, y = E * E - 4 * v * I;
+  const o = e.x, s = e.y, a = t.x, u = t.y, l = r.x, d = r.y, f = a - o, c = u - s, h = o - l, S = s - d, v = f * f + c * c, E = 2 * (h * f + S * c), O = h * h + S * S - n * n, y = E * E - 4 * v * O;
   if (y < 0)
     return [];
   const C = (-E + Math.sqrt(y)) / (2 * v), x = (-E - Math.sqrt(y)) / (2 * v), p = [];
@@ -1123,9 +1123,17 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
 }), on = (e, t) => {
   const r = t.getBoundingClientRect();
   return nn(e, r);
-}, Ne = (e, t) => {
-  const n = e.getElementsByClassName(`item ${t}`)[0];
-  return n || console.error(`Missing item ${t}`), n;
+}, Xe = (e, t) => {
+  try {
+    const r = document.getElementById(`${e}__${t}`);
+    return r || console.error(`Missing item ${t}`), r;
+  } catch {
+    console.error(
+      `Error while getting item with id ${t} inside wrapper`,
+      e
+    );
+    return;
+  }
 }, Te = (e) => {
   var r, n;
   const t = (r = e == null ? void 0 : e.dataset) == null ? void 0 : r.id;
@@ -1135,9 +1143,9 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
     JSON.stringify(e == null ? void 0 : e.dataset),
     (n = e == null ? void 0 : e.dataset) == null ? void 0 : n.id
   ), t;
-}, sn = (e, t = document) => {
+}, sn = (e, t) => {
   const r = e.reduce((n, o) => {
-    const s = Ne(t, o);
+    const s = Xe(t, o);
     if (!s)
       return n || null;
     const { left: a, right: u, top: l, bottom: d } = s.getBoundingClientRect();
@@ -1150,14 +1158,14 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
     }, f.left = Math.min(a, f.left), f.top = Math.min(l, f.top), f.right = Math.max(u, f.right), f.bottom = Math.max(d, f.bottom), f;
   }, null);
   return r && (r.width = r.right - r.left, r.height = r.bottom - r.top, r);
-}, ir = (e, t, r = null) => (r === null && (r = /* @__PURE__ */ new Set()), !Array.isArray(t) || t.length === 0 ? [] : t.map((n) => r.has(n) ? [] : (r.add(n), [
+}, ir = (e, t, r = null) => (r === null && (r = /* @__PURE__ */ new Set()), !Array.isArray(t) || t.length === 0 ? [] : t.map((n) => r.has(n) ? [] : (r.add(n), e[n] ? [
   n,
   ...ir(
     e,
     e[n].linkedItems,
     r
   )
-])).flat()), Bt = (e, t, r) => {
+] : [])).flat()), Bt = (e, t, r) => {
   const n = new Set(ir(e, r));
   return t.filter((o) => n.has(o));
 }, an = ({ x: e, y: t, width: r, height: n }, { type: o = "grid", size: s = 1, offset: a = { x: 0, y: 0 } }) => {
@@ -1165,17 +1173,17 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
     e + r / 2 - a.x,
     t + n / 2 - a.y
   ];
-  let d, f, c, h, _, v, E, I, y, C;
+  let d, f, c, h, S, v, E, O, y, C;
   const x = s / 1.1547;
   switch (o) {
     case "grid":
       d = Math.round(u / s) * s, f = Math.round(l / s) * s;
       break;
     case "hexH":
-      c = 2 * x, h = 3 * s, _ = Math.round(u / c) * c, E = Math.round(l / h) * h, v = _ > u ? _ - x : _ + x, I = E > l ? E - 1.5 * s : E + 1.5 * s, y = Math.hypot(_ - u, E - l), C = Math.hypot(v - u, I - l), y < C ? (d = _, f = E) : (d = v, f = I);
+      c = 2 * x, h = 3 * s, S = Math.round(u / c) * c, E = Math.round(l / h) * h, v = S > u ? S - x : S + x, O = E > l ? E - 1.5 * s : E + 1.5 * s, y = Math.hypot(S - u, E - l), C = Math.hypot(v - u, O - l), y < C ? (d = S, f = E) : (d = v, f = O);
       break;
     case "hexV":
-      c = 3 * s, h = 2 * x, _ = Math.round(u / c) * c, E = Math.round(l / h) * h, v = _ > u ? _ - 1.5 * s : _ + 1.5 * s, I = E > l ? E - x : E + x, y = Math.hypot(_ - u, E - l), C = Math.hypot(v - u, I - l), y < C ? (d = _, f = E) : (d = v, f = I);
+      c = 3 * s, h = 2 * x, S = Math.round(u / c) * c, E = Math.round(l / h) * h, v = S > u ? S - 1.5 * s : S + 1.5 * s, O = E > l ? E - x : E + x, y = Math.hypot(S - u, E - l), C = Math.hypot(v - u, O - l), y < C ? (d = S, f = E) : (d = v, f = O);
       break;
     default:
       d = e + r / 2, f = t + n / 2;
@@ -1184,7 +1192,7 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
     x: d + a.x - r / 2,
     y: f + a.y - n / 2
   };
-}, Nt = [
+}, Xt = [
   "#037758",
   "#99092a",
   "#067070",
@@ -1215,13 +1223,13 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
   "#007a4b",
   "#bf0daa",
   "#af0ad8"
-], Xt = () => Nt[Math.floor(Math.random() * Nt.length)], cn = !1, dt = ({ wire: e, storeName: t, noSync: r = [], defaultValue: n }, o) => (s, a, u) => {
+], Nt = () => Xt[Math.floor(Math.random() * Xt.length)], cn = !1, dt = ({ wire: e, storeName: t, noSync: r = [], defaultValue: n }, o) => (s, a, u) => {
   s({ ready: !1 });
   const l = [];
   (async () => {
     try {
-      const _ = await e.call(`${t}_getValue`);
-      cn && console.log("init from peer with value", _), s((v) => ({ ...v, ..._ }));
+      const S = await e.call(`${t}_getValue`);
+      cn && console.log("init from peer with value", S), s((v) => ({ ...v, ...S }));
     } catch {
       n !== void 0 && s(n);
     }
@@ -1230,26 +1238,26 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
         `${t}_getValue`,
         () => Object.fromEntries(
           Object.entries(a()).filter(
-            ([_, v]) => typeof v != "function" && !r.includes(_)
+            ([S, v]) => typeof v != "function" && !r.includes(S)
           )
         ),
         { invoke: "first" }
       )
     ), l.push(
-      e.subscribe(`${t}_call`, ([_, v]) => {
-        c[_](...v);
+      e.subscribe(`${t}_call`, ([S, v]) => {
+        c[S](...v);
       })
     ), s({ ready: !0 });
   })();
   const f = o(s, a, u), c = { ...f }, h = Object.fromEntries(
     // Send the update message on all method calls
-    Object.entries(f).map(([_, v]) => typeof v == "function" && !_.startsWith("get") && !r.includes(_) ? [_, (...I) => {
-      const y = v(...I);
-      return e.publish(`${t}_call`, [_, I]), y;
-    }] : [_, v])
+    Object.entries(f).map(([S, v]) => typeof v == "function" && !S.startsWith("get") && !r.includes(S) ? [S, (...O) => {
+      const y = v(...O);
+      return e.publish(`${t}_call`, [S, O]), y;
+    }] : [S, v])
   );
   return h.unsub = () => {
-    l.forEach((_) => _());
+    l.forEach((S) => S());
   }, h;
 };
 function Ve(e, t) {
@@ -1363,7 +1371,7 @@ const ar = g.createContext(), un = (e, t) => ({
   setSessionInfo: (r) => e({ session: r }),
   updateSessionInfo: (r) => e((n) => ({ session: { ...n.session, ...r } }))
 }), Ut = ({ storeName: e, children: t, defaultValue: r }) => {
-  const { wire: n } = Xe("room"), [o, s] = g.useState(!1), [a] = g.useState(
+  const { wire: n } = Ne("room"), [o, s] = g.useState(!1), [a] = g.useState(
     () => Ue(
       dt({ wire: n, storeName: e, defaultValue: r }, (...u) => ({
         ...un(...u),
@@ -1378,7 +1386,7 @@ const ar = g.createContext(), un = (e, t) => ({
     const u = a.subscribe((l) => {
       l.ready && (u(), s(!0));
     });
-  }, [a]), o ? /* @__PURE__ */ T(ar.Provider, { value: a, children: t }) : null;
+  }, [a]), o ? /* @__PURE__ */ k(ar.Provider, { value: a, children: t }) : null;
 }, oe = (e, t) => {
   const r = _e(ar);
   return We(r, e, t || Ve);
@@ -1480,12 +1488,15 @@ const ar = g.createContext(), un = (e, t) => ({
       ...vn(...r)
     }))
   );
-  return /* @__PURE__ */ T(ur.Provider, { value: t, children: e });
-}, Q = (e, t) => {
+  return /* @__PURE__ */ k(ur.Provider, { value: t, children: e });
+}, Z = (e, t) => {
   const r = _e(ur);
   return We(r, e, t || Ve);
 }, ss = () => {
-  const [e] = Q((t) => [t.selection]);
+  const [e] = Z((t) => [t.selection]);
+  return e;
+}, is = () => {
+  const [e] = Z((t) => [t.getSelection]);
   return e;
 };
 function pt(e) {
@@ -1548,7 +1559,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
   }, c = {
     x: a / 2,
     y: a / 2
-  }, h = ze(d, [f.x, f.y]), _ = Math.min(s.width, s.height), v = o.radius + _ / 2 / r - Sn / r;
+  }, h = ze(d, [f.x, f.y]), S = Math.min(s.width, s.height), v = o.radius + S / 2 / r - Sn / r;
   if (h > v) {
     const y = Yt(
       { x: d[0], y: d[1] },
@@ -1563,13 +1574,13 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     });
     u = C, l = x;
   }
-  const E = ze(d, [c.x, c.y]), I = a / 2 - ze([0, 0], [s.width, s.height]) / r;
-  if (E > I) {
+  const E = ze(d, [c.x, c.y]), O = a / 2 - ze([0, 0], [s.width, s.height]) / r;
+  if (E > O) {
     const y = Yt(
       { x: d[0], y: d[1] },
       c,
       c,
-      I - 1 / r
+      O - 1 / r
     )[0];
     if (y) {
       const [C, x] = Be([-y.x, -y.y], {
@@ -1589,66 +1600,66 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     r,
     n,
     o
-  ] = Q((p) => [
+  ] = Z((p) => [
     p.getBoardState,
     p.updateBoardState,
     p.config.itemExtent,
     p.getConfiguration,
     p.updateConfiguration
   ]), s = g.useRef([0.15, 5]), [a] = oe((p) => [p.getItemList]), u = g.useCallback(() => {
-    const { translateX: p, translateY: w, scale: m, rotate: S } = e();
-    return { translateX: p, translateY: w, scale: m, rotate: S };
+    const { translateX: p, translateY: _, scale: m, rotate: w } = e();
+    return { translateX: p, translateY: _, scale: m, rotate: w };
   }, [e]), l = g.useCallback(
-    (p, w) => ct([p, w], e()),
+    (p, _) => ct([p, _], e()),
     [e]
   ), d = g.useCallback(
-    (p, w) => Be([p, w], e()),
+    (p, _) => Be([p, _], e()),
     [e]
   ), f = g.useCallback(
-    (p, w) => {
-      const { scale: m, rotate: S } = e();
-      return ct([p, w], {
+    (p, _) => {
+      const { scale: m, rotate: w } = e();
+      return ct([p, _], {
         translateX: 0,
         translateY: 0,
-        rotate: S,
+        rotate: w,
         scale: m
       });
     },
     [e]
   ), c = g.useCallback((p) => p > s.current[1] ? s.current[1] : p < s.current[0] ? s.current[0] : p, []), h = g.useCallback(
     (p) => {
-      const { itemExtent: w, boardWrapperRect: m, boardSize: S } = n(), O = e(), {
-        translateX: k,
+      const { itemExtent: _, boardWrapperRect: m, boardSize: w } = n(), R = e(), {
+        translateX: T,
         translateY: j,
         scale: M,
         rotate: A
       } = {
-        ...O,
-        ...p(O)
-      }, N = c(M);
-      let [U, J] = [k, j];
-      (k !== O.translateX || j !== O.translateY) && ([U, J] = En({
-        x: k,
+        ...R,
+        ...p(R)
+      }, B = c(M);
+      let [U, J] = [T, j];
+      (T !== R.translateX || j !== R.translateY) && ([U, J] = En({
+        x: T,
         y: j,
-        scale: N,
+        scale: B,
         rotate: A,
-        itemExtent: w,
+        itemExtent: _,
         boardWrapperRect: m,
-        boardSize: S
+        boardSize: w
       })), t({
         translateX: U,
         translateY: J,
-        scale: N,
+        scale: B,
         rotate: A
       });
     },
     [c, e, n, t]
-  ), _ = g.useCallback(
+  ), S = g.useCallback(
     (p) => {
-      let w = (m) => ({ ...m, ...p });
-      typeof p == "function" && (w = p), h((m) => ({
+      let _ = (m) => ({ ...m, ...p });
+      typeof p == "function" && (_ = p), h((m) => ({
         ...m,
-        ...w({
+        ..._({
           translateX: m.translateX,
           translateY: m.translateY
         })
@@ -1656,75 +1667,75 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     },
     [h]
   ), v = g.useCallback(
-    ({ to: p, factor: w }) => {
+    ({ to: p, factor: _ }) => {
       const { boardWrapperRect: m } = n();
-      let S = p;
-      S || (S = {
+      let w = p;
+      w || (w = {
         x: m.left + m.width / 2,
         y: m.top + m.height / 2
       });
-      const O = e(), k = c(O.scale * w), j = S.x - m.left, M = S.y - m.top, A = j - (j - O.translateX) * k / O.scale, N = M - (M - O.translateY) * k / O.scale;
+      const R = e(), T = c(R.scale * _), j = w.x - m.left, M = w.y - m.top, A = j - (j - R.translateX) * T / R.scale, B = M - (M - R.translateY) * T / R.scale;
       h((U) => ({
         ...U,
         translateX: A,
-        translateY: N,
-        scale: k
+        translateY: B,
+        scale: T
       }));
     },
     [c, e, n, h]
   ), E = g.useCallback(
-    ({ x: p, y: w, radius: m }) => {
-      const { rotate: S } = e(), { boardWrapperRect: O, boardSize: k } = n(), j = O.width / (m * 2), M = O.height / (m * 2), A = c(Math.min(j, M) * bn), [N, U] = Be(
-        [-k / 2 - p, -k / 2 - w],
+    ({ x: p, y: _, radius: m }) => {
+      const { rotate: w } = e(), { boardWrapperRect: R, boardSize: T } = n(), j = R.width / (m * 2), M = R.height / (m * 2), A = c(Math.min(j, M) * bn), [B, U] = Be(
+        [-T / 2 - p, -T / 2 - _],
         {
-          translateX: O.width / 2,
-          translateY: O.height / 2,
+          translateX: R.width / 2,
+          translateY: R.height / 2,
           scale: A,
-          rotate: S
+          rotate: w
         }
       );
-      h((J) => ({ ...J, translateX: N, translateY: U, scale: A }));
+      h((J) => ({ ...J, translateX: B, translateY: U, scale: A }));
     },
     [c, e, n, h]
-  ), I = g.useCallback(() => {
-    const { boardWrapperRect: p, boardSize: w } = n(), [m, S] = l(
+  ), O = g.useCallback(() => {
+    const { boardWrapperRect: p, boardSize: _ } = n(), [m, w] = l(
       p.width / 2,
       p.height / 2
     );
     return {
-      x: m - w / 2,
-      y: S - w / 2
+      x: m - _ / 2,
+      y: w - _ / 2
     };
   }, [l, n]), y = g.useCallback(() => {
-    const p = a(), { boardWrapper: w, boardSize: m } = n(), S = p.reduce(
-      (k, j) => {
-        const M = Ne(w, j.id);
-        return k.left = Math.min(j.x, k.left), k.top = Math.min(j.y, k.top), k.right = Math.max(
+    const p = a(), { boardSize: _, uid: m } = n(), w = p.reduce(
+      (T, j) => {
+        const M = Xe(m, j.id);
+        return M && (T.left = Math.min(j.x, T.left), T.top = Math.min(j.y, T.top), T.right = Math.max(
           j.x + M.offsetWidth,
-          k.right
-        ), k.bottom = Math.max(
+          T.right
+        ), T.bottom = Math.max(
           j.y + M.offsetHeight,
-          k.bottom
-        ), k;
+          T.bottom
+        )), T;
       },
       {
-        left: m / 2,
-        top: m / 2,
-        right: -m / 2,
-        bottom: -m / 2
+        left: _ / 2,
+        top: _ / 2,
+        right: -_ / 2,
+        bottom: -_ / 2
       }
-    ), O = {
-      x: (S.right + S.left) / 2,
-      y: (S.bottom + S.top) / 2
+    ), R = {
+      x: (w.right + w.left) / 2,
+      y: (w.bottom + w.top) / 2
     };
-    O.radius = Math.max(
-      ze([O.x, O.y], [S.left, S.top]),
+    R.radius = Math.max(
+      ze([R.x, R.y], [w.left, w.top]),
       _n
-    ), o({ itemExtent: O });
+    ), o({ itemExtent: R });
   }, [n, a, o]), C = g.useCallback(
     (p) => {
-      let w = () => p;
-      typeof p == "function" && (w = p), h((m) => ({ ...m, rotate: w(m.rotate) })), y(), E(r);
+      let _ = () => p;
+      typeof p == "function" && (_ = p), h((m) => ({ ...m, rotate: _(m.rotate) })), y(), E(r);
     },
     [r, h, y, E]
   ), x = mt(
@@ -1732,22 +1743,24 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     [y],
     200
   );
-  return {
+  return g.useEffect(() => {
+    window.debugUpdateExtent = () => y(), window.debugDisplayExtent = () => console.log(n().itemExtent);
+  }, [n, y]), {
     setDim: h,
     rotateBoard: C,
-    moveBoard: _,
+    moveBoard: S,
     getDim: u,
     zoomTo: v,
     zoomToCenter: v,
     zoomToExtent: E,
-    getCenter: I,
+    getCenter: O,
     updateItemExtent: x,
     vectorFromWrapperToBoard: f,
     fromWrapperToBoard: l,
     fromBoardToWrapper: d
   };
 }, Vt = (e) => {
-  const [t, r, n] = Q(
+  const [t, r, n] = Z(
     ({ register: a, unregister: u, callInteractions: l }) => [
       a,
       u,
@@ -1766,7 +1779,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
   );
   return { register: o, call: s };
 }, gt = () => {
-  const { call: e } = Vt("place"), { call: t } = Vt("delete"), { getCenter: r, updateItemExtent: n } = Me(), [o, s, a, u] = Q((P) => [
+  const { call: e } = Vt("place"), { call: t } = Vt("delete"), { getCenter: r, updateItemExtent: n } = Me(), [o, s, a, u] = Z((P) => [
     P.clear,
     P.reverse,
     P.unselect,
@@ -1777,54 +1790,54 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     setItemIds: f,
     updateItems: c,
     moveItems: h,
-    removeItemsById: _,
+    removeItemsById: S,
     getItemList: v,
     insertItems: E,
-    setItemList: I
+    setItemList: O
   } = oe(
     ({
       getItems: P,
       getItemIds: $,
-      setItemIds: z,
+      setItemIds: Y,
       updateItems: V,
-      moveItems: Y,
+      moveItems: L,
       removeItemsById: F,
       getItemList: H,
       insertItems: te,
-      setItemList: Z
+      setItemList: Q
     }) => ({
       getItems: P,
       getItemIds: $,
-      setItemIds: z,
+      setItemIds: Y,
       updateItems: V,
-      moveItems: Y,
+      moveItems: L,
       removeItemsById: F,
       getItemList: H,
       insertItems: te,
-      setItemList: Z
+      setItemList: Q
     })
   ), y = g.useCallback(
-    (P, $, z = !1) => {
+    (P, $, Y = !1) => {
       let V = $;
       typeof $ == "object" && (V = () => $);
-      const Y = d().filter((Z) => P.includes(Z)), F = l(), H = Y.map((Z) => {
-        const ne = F[Z];
-        return z ? [Z, V(ne)] : [Z, V({ ...ne })];
-      }).filter(([, Z]) => Z);
+      const L = d().filter((Q) => P.includes(Q)), F = l(), H = L.map((Q) => {
+        const ne = F[Q];
+        return Y ? [Q, V(ne)] : [Q, V({ ...ne })];
+      }).filter(([, Q]) => Q);
       if (H.length === 0)
         return;
       const te = Object.fromEntries(H);
-      c(te, z), n();
+      c(te, Y), n();
     },
     [d, l, n, c]
   ), C = g.useCallback(
     (P) => {
-      I(P), o(), n();
+      O(P), o(), n();
     },
-    [o, I, n]
+    [o, O, n]
   ), x = g.useCallback(
-    (P, $, z = !1) => {
-      y([P], $, z);
+    (P, $, Y = !1) => {
+      y([P], $, Y);
     },
     [y]
   ), p = g.useCallback(
@@ -1832,36 +1845,36 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
       h(
         Bt(l(), d(), P),
         $
-      ), n();
+      );
     },
-    [d, l, h, n]
-  ), w = g.useCallback(
+    [d, l, h]
+  ), _ = g.useCallback(
     (P) => {
-      const $ = d(), z = $.filter((Y) => !P.includes(Y)), V = $.filter(
-        (Y) => P.includes(Y)
+      const $ = d(), Y = $.filter((L) => !P.includes(L)), V = $.filter(
+        (L) => P.includes(L)
       );
-      f([...z, ...V]);
+      f([...Y, ...V]);
     },
     [d, f]
   ), m = g.useCallback(
-    (P, { type: $, size: z } = {}) => {
-      const { boardWrapper: V } = u();
+    (P, { type: $, size: Y } = {}) => {
+      const { uid: V } = u();
       y(
         P,
-        (Y) => {
-          const F = Ne(V, Y.id);
+        (L) => {
+          const F = Xe(V, L.id);
           if (!F)
             return;
           const H = {
             type: $ || "grid",
-            size: z || 1,
+            size: Y || 1,
             offset: { x: 0, y: 0 },
-            ...Y.grid
+            ...L.grid
           };
           return an(
             {
-              x: Y.x,
-              y: Y.y,
+              x: L.x,
+              y: L.y,
               width: F.clientWidth,
               height: F.clientHeight
             },
@@ -1872,47 +1885,47 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
       );
     },
     [u, y]
-  ), S = g.useCallback(
+  ), w = g.useCallback(
     (P, $) => {
-      const z = Bt(
+      const Y = Bt(
         l(),
         d(),
         P
       );
-      w(z), y(z, { moving: !1 }, !0), m(z, $), e(P), n();
+      _(Y), y(Y, { moving: !1 }, !0), m(Y, $), e(P), n();
     },
     [
       y,
       e,
       d,
       l,
-      w,
+      _,
       m,
       n
     ]
-  ), O = g.useCallback(
+  ), R = g.useCallback(
     (P) => {
       f(P);
     },
     [f]
-  ), k = g.useCallback(
+  ), T = g.useCallback(
     (P) => {
-      const $ = d(), z = $.filter(
-        (Y) => P.includes(Y)
-      ), V = $.map((Y) => P.includes(Y) ? z.pop() : Y);
+      const $ = d(), Y = $.filter(
+        (L) => P.includes(L)
+      ), V = $.map((L) => P.includes(L) ? Y.pop() : L);
       f(V), s();
     },
     [d, s, f]
   ), j = g.useCallback(
     (P, $) => {
-      const z = l(), V = Object.fromEntries(
+      const Y = l(), V = Object.fromEntries(
         $.map((H, te) => {
-          const Z = z[P[te]];
+          const Q = Y[P[te]];
           return [
             H,
             {
-              x: Z.x,
-              y: Z.y
+              x: Q.x,
+              y: Q.y
             }
           ];
         })
@@ -1922,52 +1935,52 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
         (H) => V[H.id],
         !0
       );
-      const Y = Object.fromEntries(
+      const L = Object.fromEntries(
         P.map((H, te) => [H, $[te]])
-      ), F = d().map((H) => P.includes(H) ? Y[H] : H);
+      ), F = d().map((H) => P.includes(H) ? L[H] : H);
       f(F);
     },
     [l, y, d, f]
   ), M = g.useCallback(
     (P, $) => {
-      const z = r(), V = P.map((Y, F) => !Y.x || !Y.y ? { ...Y, x: z.x + 2 * F, y: z.y + 2 * F } : Y);
-      E(V, $), n();
+      const Y = r(), V = P.map((L, F) => !L.x || !L.y ? { ...L, x: Y.x + 2 * F, y: Y.y + 2 * F } : L);
+      E(V, $), w(P.map(({ id: L }) => L));
     },
-    [r, E, n]
+    [r, E, w]
   ), A = g.useCallback(
     (P, $) => {
       M([P], $);
     },
     [M]
-  ), N = g.useCallback(
+  ), B = g.useCallback(
     (P) => {
-      a(P), _(P), t(P);
+      a(P), S(P), t(P);
     },
-    [a, _, t]
+    [a, S, t]
   ), U = g.useCallback(
     (P) => {
       const $ = l();
-      return P.map((z) => $[z]);
+      return P.map((Y) => $[Y]);
     },
     [l]
   ), J = g.useCallback(
-    ({ target: P, clientX: $, clientY: z }, { returnLocked: V = !1, passLocked: Y = !1 } = {}) => {
+    ({ target: P, clientX: $, clientY: Y }, { returnLocked: V = !1, passLocked: L = !1 } = {}) => {
       if (["INPUT", "TEXTAREA"].includes(P.tagName))
         return null;
       const F = Oe(P, "item");
       if (F) {
         if (ye(F, "selected"))
           return F;
-        if (!Y && ye(F, "locked") && !ye(P, "passthrough"))
+        if (!L && ye(F, "locked") && !ye(P, "passthrough"))
           return V ? F : null;
         if (ye(P, "passthrough")) {
-          const H = d(), { boardWrapper: te } = u(), Z = H.reduce((ne, ie) => {
-            const me = Ne(te, ie), ge = me.getBoundingClientRect();
-            return ft({ x: $, y: z }, ge) && ne.unshift(me), ne;
+          const H = d(), { uid: te } = u(), Q = H.reduce((ne, ie) => {
+            const me = Xe(te, ie), ge = me.getBoundingClientRect();
+            return ft({ x: $, y: Y }, ge) && ne.unshift(me), ne;
           }, []);
-          for (let ne = 0; ne < Z.length; ne += 1) {
-            const ie = Z[ne];
-            if (ie !== F && (Y || !ye(ie, "locked")))
+          for (let ne = 0; ne < Q.length; ne += 1) {
+            const ie = Q[ne];
+            if (ie !== F && (L || !ye(ie, "locked")))
               return ie;
           }
           return null;
@@ -1978,18 +1991,18 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     [u, d]
   );
   return {
-    putItemsOnTop: w,
+    putItemsOnTop: _,
     batchUpdateItems: y,
-    updateItemOrder: O,
+    updateItemOrder: R,
     moveItems: p,
-    placeItems: S,
+    placeItems: w,
     updateItem: x,
     swapItems: j,
-    reverseItemsOrder: k,
+    reverseItemsOrder: T,
     setItemList: C,
     pushItem: A,
     pushItems: M,
-    removeItems: N,
+    removeItems: B,
     getItemList: v,
     findElementUnderPointer: J,
     getItems: U
@@ -2069,11 +2082,11 @@ const xn = (e, t) => {
 }, Ft = (e, t) => {
   const { actions: r = xn(e, t) } = e;
   return r.map((n) => typeof n == "string" ? { name: n } : n);
-}, is = () => {
+}, as = () => {
   const [e, t] = oe((c) => [
     c.items,
     c.getItems
-  ]), [r, n, o] = Q((c) => [
+  ]), [r, n, o] = Z((c) => [
     c.config.itemTemplates,
     c.selection,
     c.getSelection
@@ -2086,8 +2099,8 @@ const xn = (e, t) => {
       const h = t();
       if (c)
         return [c, c.map((v) => h[v])];
-      const _ = o();
-      return [_, _.map((v) => h[v])];
+      const S = o();
+      return [S, S.map((v) => h[v])];
     },
     [t, o]
   ), f = tr(() => {
@@ -2095,14 +2108,14 @@ const xn = (e, t) => {
     if (c.length > 0) {
       if (!u.current)
         return;
-      const _ = h.reduce((v, E) => {
-        const I = Ft(E, r);
+      const S = h.reduce((v, E) => {
+        const O = Ft(E, r);
         return v.filter(
-          (y) => I.some((C) => wn(y, C))
+          (y) => O.some((C) => wn(y, C))
         );
       }, Ft(h[0], r));
       l(() => {
-        a(_);
+        a(S);
       });
     } else
       l(() => {
@@ -2116,8 +2129,8 @@ const xn = (e, t) => {
   ), {
     availableActions: s
   };
-}, as = () => {
-  const [e] = Q((t) => [t.selectionBox]);
+}, cs = () => {
+  const [e] = Z((t) => [t.selectionBox]);
   return e;
 };
 let pe = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, r) => (r &= 63, r < 36 ? t += r.toString(36) : r < 62 ? t += (r - 26).toString(36).toUpperCase() : r > 62 ? t += "-" : t += "_", t), "");
@@ -2127,7 +2140,7 @@ const lr = g.createContext(), ut = (e) => {
   if (localStorage.user) {
     const t = {
       name: "Player",
-      color: Xt(),
+      color: Nt(),
       uid: pe(),
       ...JSON.parse(localStorage.user)
     };
@@ -2135,7 +2148,7 @@ const lr = g.createContext(), ut = (e) => {
   }
   const e = {
     name: "Player",
-    color: Xt(),
+    color: Nt(),
     uid: pe()
   };
   return ut(e), e;
@@ -2192,7 +2205,7 @@ const lr = g.createContext(), ut = (e) => {
     return delete n[t], { cursors: n };
   })
 }), fr = ({ storeName: e, children: t }) => {
-  const { wire: r, isMaster: n } = Xe("room"), [o, s] = g.useState(null), [a, u] = g.useState(!1), l = g.useRef(!1);
+  const { wire: r, isMaster: n } = Ne("room"), [o, s] = g.useState(null), [a, u] = g.useState(!1), l = g.useRef(!1);
   return g.useEffect(() => {
     let d = !0;
     const f = [];
@@ -2215,8 +2228,8 @@ const lr = g.createContext(), ut = (e) => {
               ...On(...v)
             })
           )
-        ), _ = h.subscribe((v) => {
-          v.ready && (_(), d && s(h));
+        ), S = h.subscribe((v) => {
+          v.ready && (S(), d && s(h));
         });
       })(), () => {
         d = !1, l.current = !1, f.forEach((h) => h());
@@ -2240,11 +2253,11 @@ const lr = g.createContext(), ut = (e) => {
     }
   }, [n, o, r]), g.useEffect(() => {
     n && o && o.getState().updateCurrentUser({ isMaster: n });
-  }, [n, o, r]), a ? /* @__PURE__ */ T(lr.Provider, { value: o, children: t }) : null;
+  }, [n, o, r]), a ? /* @__PURE__ */ k(lr.Provider, { value: o, children: t }) : null;
 }, Se = (e, t) => {
   const r = _e(lr);
   return We(r, e, t || Ve);
-}, cs = () => {
+}, us = () => {
   const [e, t, r, n, o] = Se((u) => [
     u.isSpaceMaster,
     u.getUser(),
@@ -2263,7 +2276,7 @@ const lr = g.createContext(), ut = (e) => {
     localUsers: a,
     joinSpace: o
   };
-}, us = () => {
+}, ls = () => {
   const [e, t, r] = oe(
     (o) => [o.boardConfig, o.getBoardConfig, o.setBoardConfig]
   ), n = g.useCallback(
@@ -2276,10 +2289,10 @@ const lr = g.createContext(), ut = (e) => {
     [t, r]
   );
   return [e, n];
-}, ls = () => {
-  const [e] = Q((t) => [t.boardState]);
-  return e;
 }, fs = () => {
+  const [e] = Z((t) => [t.boardState]);
+  return e;
+}, ds = () => {
   const [e, t, r, n] = oe((o) => [
     o.getSessionInfo,
     o.setSessionInfo,
@@ -2319,7 +2332,7 @@ const lr = g.createContext(), ut = (e) => {
   children: t,
   defaultValue: r = []
 }) => {
-  const { wire: n } = Xe("room"), [o] = g.useState(
+  const { wire: n } = Ne("room"), [o] = g.useState(
     () => Ue(
       dt(
         { wire: n, storeName: e, defaultValue: r, noSync: ["sendMessage"] },
@@ -2329,12 +2342,12 @@ const lr = g.createContext(), ut = (e) => {
       )
     )
   );
-  return /* @__PURE__ */ T(dr.Provider, { value: o, children: t });
+  return /* @__PURE__ */ k(dr.Provider, { value: o, children: t });
 }, Pn = (e, t) => {
   const r = _e(dr);
   return We(r, e, t || Ve);
 }, Mn = () => {
-}, ds = (e = Mn) => {
+}, ps = (e = Mn) => {
   const t = Se((a) => a.getUser()), [r, n, o] = Pn((a) => [
     a.messages,
     a.setMessages,
@@ -2355,7 +2368,7 @@ const lr = g.createContext(), ut = (e) => {
   return g.useEffect(() => (r(t), () => {
     r(null);
   }), [r, t]), e;
-}, ps = ({
+}, ms = ({
   socket: e,
   room: t,
   session: r,
@@ -2368,60 +2381,148 @@ const lr = g.createContext(), ut = (e) => {
     itemIds: n.map(({ id: c }) => c),
     items: Object.fromEntries(n.map((c) => [c.id, c]))
   }));
-  return Xe("room") ? /* @__PURE__ */ T(
+  return Ne("room") ? /* @__PURE__ */ k(
     Kt,
     {
       storeName: `${l}_messages`,
       defaultValue: o,
-      children: /* @__PURE__ */ T(Wt, { children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ k(Wt, { children: /* @__PURE__ */ k(
         Ut,
         {
           storeName: `${l}_item`,
           defaultValue: d,
-          children: /* @__PURE__ */ T(Ht, { ...a, session: l })
+          children: /* @__PURE__ */ k(Ht, { ...a, session: l })
         }
       ) })
     }
-  ) : /* @__PURE__ */ T(
+  ) : /* @__PURE__ */ k(
     nr,
     {
       room: u,
       channel: "room",
       socket: e,
       LoadingComponent: s,
-      children: /* @__PURE__ */ T(fr, { storeName: `${u}_users`, children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ k(fr, { storeName: `${u}_users`, children: /* @__PURE__ */ k(
         Kt,
         {
           storeName: `${l}_messages`,
           defaultValue: o,
-          children: /* @__PURE__ */ T(Wt, { children: /* @__PURE__ */ T(
+          children: /* @__PURE__ */ k(Wt, { children: /* @__PURE__ */ k(
             Ut,
             {
               storeName: `${l}_item`,
               defaultValue: d,
-              children: /* @__PURE__ */ T(Ht, { ...a, session: l })
+              children: /* @__PURE__ */ k(Ht, { ...a, session: l })
             }
           ) })
         }
       ) })
     }
   );
-}, ms = ({ socket: e, room: t, children: r, LoadingComponent: n }) => {
+}, gs = ({ socket: e, room: t, children: r, LoadingComponent: n }) => {
   const [o] = g.useState(t || pe());
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ k(
     nr,
     {
       room: o,
       channel: "room",
       socket: e,
       LoadingComponent: n,
-      children: /* @__PURE__ */ T(fr, { storeName: `${o}_users`, children: r })
+      children: /* @__PURE__ */ k(fr, { storeName: `${o}_users`, children: r })
     }
   );
-}, nt = () => {
+};
+let jn = { data: "" }, Dn = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || jn, $n = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, An = /\/\*[^]*?\*\/|  +/g, qt = /\n+/g, fe = (e, t) => {
+  let r = "", n = "", o = "";
+  for (let s in e) {
+    let a = e[s];
+    s[0] == "@" ? s[1] == "i" ? r = s + " " + a + ";" : n += s[1] == "f" ? fe(a, s) : s + "{" + fe(a, s[1] == "k" ? "" : t) + "}" : typeof a == "object" ? n += fe(a, t ? t.replace(/([^,])+/g, (u) => s.replace(/(^:.*)|([^,])+/g, (l) => /&/.test(l) ? l.replace(/&/g, u) : u ? u + " " + l : l)) : s) : a != null && (s = /^--/.test(s) ? s : s.replace(/[A-Z]/g, "-$&").toLowerCase(), o += fe.p ? fe.p(s, a) : s + ":" + a + ";");
+  }
+  return r + (t && o ? t + "{" + o + "}" : o) + n;
+}, ce = {}, pr = (e) => {
+  if (typeof e == "object") {
+    let t = "";
+    for (let r in e)
+      t += r + pr(e[r]);
+    return t;
+  }
+  return e;
+}, Ln = (e, t, r, n, o) => {
+  let s = pr(e), a = ce[s] || (ce[s] = ((l) => {
+    let d = 0, f = 11;
+    for (; d < l.length; )
+      f = 101 * f + l.charCodeAt(d++) >>> 0;
+    return "go" + f;
+  })(s));
+  if (!ce[a]) {
+    let l = s !== e ? e : ((d) => {
+      let f, c, h = [{}];
+      for (; f = $n.exec(d.replace(An, "")); )
+        f[4] ? h.shift() : f[3] ? (c = f[3].replace(qt, " ").trim(), h.unshift(h[0][c] = h[0][c] || {})) : h[0][f[1]] = f[2].replace(qt, " ").trim();
+      return h[0];
+    })(e);
+    ce[a] = fe(o ? { ["@keyframes " + a]: l } : l, r ? "" : "." + a);
+  }
+  let u = r && ce.g ? ce.g : null;
+  return r && (ce.g = ce[a]), ((l, d, f, c) => {
+    c ? d.data = d.data.replace(c, l) : d.data.indexOf(l) === -1 && (d.data = f ? l + d.data : d.data + l);
+  })(ce[a], t, n, u), a;
+}, zn = (e, t, r) => e.reduce((n, o, s) => {
+  let a = t[s];
+  if (a && a.call) {
+    let u = a(r), l = u && u.props && u.props.className || /^go/.test(u) && u;
+    a = l ? "." + l : u && typeof u == "object" ? u.props ? "" : fe(u, "") : u === !1 ? "" : u;
+  }
+  return n + o + (a ?? "");
+}, "");
+function K(e) {
+  let t = this || {}, r = e.call ? e(t.p) : e;
+  return Ln(r.unshift ? r.raw ? zn(r, [].slice.call(arguments, 1), t.p) : r.reduce((n, o) => Object.assign(n, o && o.call ? o(t.p) : o), {}) : r, Dn(t.target), t.g, t.o, t.k);
+}
+K.bind({ g: 1 });
+K.bind({ k: 1 });
+function Yn(e, t, r, n) {
+  fe.p = t;
+}
+var Bn = function e(t, r) {
+  if (t === r)
+    return !0;
+  if (t && r && typeof t == "object" && typeof r == "object") {
+    if (t.constructor !== r.constructor)
+      return !1;
+    var n, o, s;
+    if (Array.isArray(t)) {
+      if (n = t.length, n != r.length)
+        return !1;
+      for (o = n; o-- !== 0; )
+        if (!e(t[o], r[o]))
+          return !1;
+      return !0;
+    }
+    if (t.constructor === RegExp)
+      return t.source === r.source && t.flags === r.flags;
+    if (t.valueOf !== Object.prototype.valueOf)
+      return t.valueOf() === r.valueOf();
+    if (t.toString !== Object.prototype.toString)
+      return t.toString() === r.toString();
+    if (s = Object.keys(t), n = s.length, n !== Object.keys(r).length)
+      return !1;
+    for (o = n; o-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(r, s[o]))
+        return !1;
+    for (o = n; o-- !== 0; ) {
+      var a = s[o];
+      if (!e(t[a], r[a]))
+        return !1;
+    }
+    return !0;
+  }
+  return t !== t && r !== r;
+};
+const nt = () => {
   const e = navigator.userAgent.toLowerCase();
   return /mac os ?x 10/.test(e);
-}, jn = () => {
+}, Xn = () => {
   const e = document.createElement("iframe");
   e.src = "#", document.body.appendChild(e);
   const t = e.contentWindow.document;
@@ -2430,34 +2531,34 @@ const lr = g.createContext(), ut = (e) => {
   ), t.close();
   const r = t.body.firstElementChild.offsetHeight;
   return document.body.removeChild(e), r;
-}, Dn = jn(), $n = 800, qt = (e, t) => {
+}, Nn = Xn(), Un = 800, Gt = (e, t) => {
   const r = Object.keys(e).map((n) => Number(n)).find((n) => n !== t);
   return e[r];
-}, Gt = ([e, t], [r, n]) => {
+}, Jt = ([e, t], [r, n]) => {
   const o = Math.abs(e - r), s = Math.abs(t - n);
   return Math.hypot(o, s);
 }, de = () => {
-}, An = (e) => (t) => {
+}, Wn = (e) => (t) => {
   const { event: r } = t;
   return r.isPropagationStopped() ? null : e(t);
-}, Ln = (e) => async (...t) => {
+}, Vn = (e) => async (...t) => {
   try {
     await e(...t);
   } catch (r) {
     console.error(r);
   }
 };
-class zn {
+class Fn {
   constructor() {
     kt(this, "lastPromise", Promise.resolve(!0));
   }
   add(t, ...r) {
     return new Promise((n, o) => {
-      this.lastPromise = this.lastPromise.then(() => An(Ln(t))(...r)).then(n).catch(o);
+      this.lastPromise = this.lastPromise.then(() => Wn(Vn(t))(...r)).then(n).catch(o);
     });
   }
 }
-const se = new zn(), Fe = ({
+const se = new Fn(), Fe = ({
   children: e,
   onDrag: t = de,
   onDragStart: r = de,
@@ -2478,21 +2579,21 @@ const se = new zn(), Fe = ({
       deltaX: C,
       deltaY: x,
       clientX: p,
-      clientY: w,
+      clientY: _,
       deltaMode: m,
-      ctrlKey: S,
-      altKey: O,
-      metaKey: k,
+      ctrlKey: w,
+      altKey: R,
+      metaKey: T,
       target: j
     } = y;
-    if (!(O || S && !nt()))
-      if (nt() && !S)
+    if (!(R || w && !nt()))
+      if (nt() && !w)
         se.add(o, {
           deltaX: -2 * C,
           deltaY: -2 * x,
           button: 1,
-          ctrlKey: S,
-          metaKey: k,
+          ctrlKey: w,
+          metaKey: T,
           target: j,
           event: y
         });
@@ -2502,43 +2603,43 @@ const se = new zn(), Fe = ({
         let M = x;
         switch (m) {
           case 1:
-            M *= Dn;
+            M *= Nn;
             break;
           case 2:
-            M *= $n;
+            M *= Un;
             break;
         }
-        nt() && (M *= 2), se.add(l, { scale: M, clientX: p, clientY: w, event: y });
+        nt() && (M *= 2), se.add(l, { scale: M, clientX: p, clientY: _, event: y });
       }
-  }, _ = (y) => {
+  }, S = (y) => {
     const {
       target: C,
       button: x,
       clientX: p,
-      clientY: w,
+      clientY: _,
       pointerId: m,
-      altKey: S,
-      ctrlKey: O,
-      metaKey: k,
+      altKey: w,
+      ctrlKey: R,
+      metaKey: T,
       isPrimary: j
     } = y;
-    if (c.current.pointers[m] = { clientX: p, clientY: w }, j && (c.current.mainPointer = void 0), c.current.mainPointer !== void 0) {
+    if (c.current.pointers[m] = { clientX: p, clientY: _ }, j && (c.current.mainPointer = void 0), c.current.mainPointer !== void 0) {
       if (c.current.mainPointer !== m)
         try {
-          const { clientX: M, clientY: A } = qt(
+          const { clientX: M, clientY: A } = Gt(
             c.current.pointers,
             m
-          ), N = (M + p) / 2, U = (A + w) / 2, J = Gt(
+          ), B = (M + p) / 2, U = (A + _) / 2, J = Jt(
             [M, A],
-            [p, w]
+            [p, _]
           );
           Object.assign(c.current, {
             pressed: !0,
             moving: !1,
             gestureStart: !1,
             startX: p,
-            startY: w,
-            prevX: N,
+            startY: _,
+            prevX: B,
             prevY: U,
             startDistance: J,
             prevDistance: J
@@ -2553,9 +2654,9 @@ const se = new zn(), Fe = ({
       moving: !1,
       gestureStart: !1,
       startX: p,
-      startY: w,
+      startY: _,
       prevX: p,
-      prevY: w,
+      prevY: _,
       currentButton: x,
       pointerDownEvent: y,
       startDistance: 0,
@@ -2565,10 +2666,10 @@ const se = new zn(), Fe = ({
       longTapTimeout: setTimeout(async () => {
         c.current.noTap = !0, se.add(a, {
           clientX: p,
-          clientY: w,
-          altKey: S,
-          ctrlKey: O,
-          metaKey: k,
+          clientY: _,
+          altKey: w,
+          ctrlKey: R,
+          metaKey: T,
           target: C,
           event: y
         });
@@ -2585,30 +2686,30 @@ const se = new zn(), Fe = ({
         pointerId: C,
         clientX: x,
         clientY: p,
-        altKey: w,
+        altKey: _,
         shiftKey: m,
-        ctrlKey: S,
-        metaKey: O,
-        buttons: k
+        ctrlKey: w,
+        metaKey: R,
+        buttons: T
       } = y;
       c.current.pointers[C] = {
         clientX: x,
         clientY: p
       }, c.current.moving = !0;
       const j = Object.keys(c.current.pointers).length === 2;
-      let M, A, N = 0;
+      let M, A, B = 0;
       if (j) {
-        const { clientX: $, clientY: z } = qt(
+        const { clientX: $, clientY: Y } = Gt(
           c.current.pointers,
           C
         );
-        M = ($ + x) / 2, A = (z + p) / 2, N = Gt(
-          [$, z],
+        M = ($ + x) / 2, A = (Y + p) / 2, B = Jt(
+          [$, Y],
           [x, p]
         );
       } else
         M = x, A = p;
-      let U = m || w || S || O || k !== 1;
+      let U = m || _ || w || R || T !== 1;
       d !== "drag" && (U = !U);
       const J = !U, P = U;
       if (J) {
@@ -2622,53 +2723,53 @@ const se = new zn(), Fe = ({
           distanceX: 0,
           distanceY: 0,
           button: c.current.currentButton,
-          altKey: w,
+          altKey: _,
           shiftKey: m,
-          ctrlKey: S,
-          metaKey: O,
+          ctrlKey: w,
+          metaKey: R,
           target: c.current.target,
           event: c.current.pointerDownEvent
         }));
-        const $ = M - c.current.prevX, z = A - c.current.prevY, V = M - c.current.startX, Y = A - c.current.startY;
+        const $ = M - c.current.prevX, Y = A - c.current.prevY, V = M - c.current.startX, L = A - c.current.startY;
         se.add(t, {
           deltaX: $,
-          deltaY: z,
+          deltaY: Y,
           startX: c.current.startX,
           startY: c.current.startY,
           clientX: M,
           clientY: A,
           distanceX: V,
-          distanceY: Y,
+          distanceY: L,
           button: c.current.currentButton,
-          altKey: w,
+          altKey: _,
           shiftKey: m,
-          ctrlKey: S,
-          metaKey: O,
+          ctrlKey: w,
+          metaKey: R,
           target: c.current.target,
           event: y
         });
       }
       if (P) {
         c.current.gestureStart || (f.current.style.cursor = "move", c.current.gestureStart = !0, clearTimeout(c.current.longTapTimeout));
-        const $ = M - c.current.prevX, z = A - c.current.prevY, { target: V } = c.current;
+        const $ = M - c.current.prevX, Y = A - c.current.prevY, { target: V } = c.current;
         if (se.add(o, {
           deltaX: $,
-          deltaY: z,
+          deltaY: Y,
           button: c.current.currentButton,
-          altKey: w,
+          altKey: _,
           shiftKey: m,
-          ctrlKey: S,
-          metaKey: O,
+          ctrlKey: w,
+          metaKey: R,
           target: V,
           event: y
-        }), N !== c.current.prevDistance && l) {
-          const Y = c.current.prevDistance - N;
-          Math.abs(Y) > 0 && (se.add(l, {
-            scale: Y * 3,
+        }), B !== c.current.prevDistance && l) {
+          const L = c.current.prevDistance - B;
+          Math.abs(L) > 0 && (se.add(l, {
+            scale: L * 3,
             clientX: M,
             clientY: A,
             event: y
-          }), c.current.prevDistance = N);
+          }), c.current.prevDistance = B);
         }
       }
       c.current.prevX = M, c.current.prevY = A;
@@ -2678,14 +2779,14 @@ const se = new zn(), Fe = ({
       clientX: C,
       clientY: x,
       altKey: p,
-      shiftKey: w,
+      shiftKey: _,
       ctrlKey: m,
-      metaKey: S,
-      target: O,
-      pointerId: k
+      metaKey: w,
+      target: R,
+      pointerId: T
     } = y;
-    if (c.current.pointers[k]) {
-      if (delete c.current.pointers[k], c.current.mainPointer !== k) {
+    if (c.current.pointers[T]) {
+      if (delete c.current.pointers[T], c.current.mainPointer !== T) {
         const { clientX: j, clientY: M } = c.current.pointers[c.current.mainPointer];
         Object.assign(c.current, {
           prevX: j,
@@ -2725,9 +2826,9 @@ const se = new zn(), Fe = ({
           distanceY: x - c.current.startY,
           button: c.current.currentButton,
           altKey: p,
-          shiftKey: w,
+          shiftKey: _,
           ctrlKey: m,
-          metaKey: S,
+          metaKey: w,
           event: y
         }), f.current.style.cursor = "auto";
       else {
@@ -2736,35 +2837,35 @@ const se = new zn(), Fe = ({
           clientX: C,
           clientY: x,
           altKey: p,
-          shiftKey: w,
+          shiftKey: _,
           ctrlKey: m,
-          metaKey: S,
-          target: O,
+          metaKey: w,
+          target: R,
           event: y
         });
       }
     }
   };
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ k(
     "div",
     {
       onWheel: h,
-      onPointerDown: _,
+      onPointerDown: S,
       onPointerMove: v,
       onPointerUp: E,
       onPointerOut: E,
       onPointerLeave: E,
       onPointerCancel: E,
       onDoubleClick: (y) => {
-        const { clientX: C, clientY: x, altKey: p, shiftKey: w, ctrlKey: m, metaKey: S, target: O } = y;
+        const { clientX: C, clientY: x, altKey: p, shiftKey: _, ctrlKey: m, metaKey: w, target: R } = y;
         se.add(u, {
           clientX: C,
           clientY: x,
           altKey: p,
-          shiftKey: w,
+          shiftKey: _,
           ctrlKey: m,
-          metaKey: S,
-          target: O,
+          metaKey: w,
+          target: R,
           event: y
         });
       },
@@ -2774,104 +2875,16 @@ const se = new zn(), Fe = ({
     }
   );
 }, ot = ({ onResize: e, ...t }) => {
-  const [r] = Q((o) => [o.getBoardState]);
-  return /* @__PURE__ */ T(Fe, { onDrag: ({ deltaX: o, deltaY: s, event: a }) => {
+  const [r] = Z((o) => [o.getBoardState]);
+  return /* @__PURE__ */ k(Fe, { onDrag: ({ deltaX: o, deltaY: s, event: a }) => {
     a.stopPropagation();
     const { scale: u } = r();
     e({
       width: o / u,
       height: s / u
     });
-  }, children: /* @__PURE__ */ T("div", { ...t }) });
-};
-let Yn = { data: "" }, Bn = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || Yn, Nn = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Xn = /\/\*[^]*?\*\/|  +/g, Jt = /\n+/g, fe = (e, t) => {
-  let r = "", n = "", o = "";
-  for (let s in e) {
-    let a = e[s];
-    s[0] == "@" ? s[1] == "i" ? r = s + " " + a + ";" : n += s[1] == "f" ? fe(a, s) : s + "{" + fe(a, s[1] == "k" ? "" : t) + "}" : typeof a == "object" ? n += fe(a, t ? t.replace(/([^,])+/g, (u) => s.replace(/(^:.*)|([^,])+/g, (l) => /&/.test(l) ? l.replace(/&/g, u) : u ? u + " " + l : l)) : s) : a != null && (s = /^--/.test(s) ? s : s.replace(/[A-Z]/g, "-$&").toLowerCase(), o += fe.p ? fe.p(s, a) : s + ":" + a + ";");
-  }
-  return r + (t && o ? t + "{" + o + "}" : o) + n;
-}, ce = {}, pr = (e) => {
-  if (typeof e == "object") {
-    let t = "";
-    for (let r in e)
-      t += r + pr(e[r]);
-    return t;
-  }
-  return e;
-}, Un = (e, t, r, n, o) => {
-  let s = pr(e), a = ce[s] || (ce[s] = ((l) => {
-    let d = 0, f = 11;
-    for (; d < l.length; )
-      f = 101 * f + l.charCodeAt(d++) >>> 0;
-    return "go" + f;
-  })(s));
-  if (!ce[a]) {
-    let l = s !== e ? e : ((d) => {
-      let f, c, h = [{}];
-      for (; f = Nn.exec(d.replace(Xn, "")); )
-        f[4] ? h.shift() : f[3] ? (c = f[3].replace(Jt, " ").trim(), h.unshift(h[0][c] = h[0][c] || {})) : h[0][f[1]] = f[2].replace(Jt, " ").trim();
-      return h[0];
-    })(e);
-    ce[a] = fe(o ? { ["@keyframes " + a]: l } : l, r ? "" : "." + a);
-  }
-  let u = r && ce.g ? ce.g : null;
-  return r && (ce.g = ce[a]), ((l, d, f, c) => {
-    c ? d.data = d.data.replace(c, l) : d.data.indexOf(l) === -1 && (d.data = f ? l + d.data : d.data + l);
-  })(ce[a], t, n, u), a;
-}, Wn = (e, t, r) => e.reduce((n, o, s) => {
-  let a = t[s];
-  if (a && a.call) {
-    let u = a(r), l = u && u.props && u.props.className || /^go/.test(u) && u;
-    a = l ? "." + l : u && typeof u == "object" ? u.props ? "" : fe(u, "") : u === !1 ? "" : u;
-  }
-  return n + o + (a ?? "");
-}, "");
-function K(e) {
-  let t = this || {}, r = e.call ? e(t.p) : e;
-  return Un(r.unshift ? r.raw ? Wn(r, [].slice.call(arguments, 1), t.p) : r.reduce((n, o) => Object.assign(n, o && o.call ? o(t.p) : o), {}) : r, Bn(t.target), t.g, t.o, t.k);
-}
-K.bind({ g: 1 });
-K.bind({ k: 1 });
-function Vn(e, t, r, n) {
-  fe.p = t;
-}
-var Fn = function e(t, r) {
-  if (t === r)
-    return !0;
-  if (t && r && typeof t == "object" && typeof r == "object") {
-    if (t.constructor !== r.constructor)
-      return !1;
-    var n, o, s;
-    if (Array.isArray(t)) {
-      if (n = t.length, n != r.length)
-        return !1;
-      for (o = n; o-- !== 0; )
-        if (!e(t[o], r[o]))
-          return !1;
-      return !0;
-    }
-    if (t.constructor === RegExp)
-      return t.source === r.source && t.flags === r.flags;
-    if (t.valueOf !== Object.prototype.valueOf)
-      return t.valueOf() === r.valueOf();
-    if (t.toString !== Object.prototype.toString)
-      return t.toString() === r.toString();
-    if (s = Object.keys(t), n = s.length, n !== Object.keys(r).length)
-      return !1;
-    for (o = n; o-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(r, s[o]))
-        return !1;
-    for (o = n; o-- !== 0; ) {
-      var a = s[o];
-      if (!e(t[a], r[a]))
-        return !1;
-    }
-    return !0;
-  }
-  return t !== t && r !== r;
-};
-const Kn = K`
+  }, children: /* @__PURE__ */ k("div", { ...t }) });
+}, Kn = K`
   display: inline-block;
   transition: transform 150ms;
   user-select: none;
@@ -2933,7 +2946,7 @@ const Kn = K`
     })}`,
     children: [
       "Sorry, this item seems broken.",
-      /* @__PURE__ */ T("button", { onClick: e, children: "Reload it" })
+      /* @__PURE__ */ k("button", { onClick: e, children: "Reload it" })
     ]
   }
 );
@@ -2956,7 +2969,7 @@ class oo extends g.Component {
   }
   render() {
     const { ErrorComponent: t } = this.props;
-    return this.state.hasError ? /* @__PURE__ */ T(t, { onReload: this.onReload }) : this.props.children;
+    return this.state.hasError ? /* @__PURE__ */ k(t, { onReload: this.onReload }) : this.props.children;
   }
 }
 const so = (e) => {
@@ -2998,88 +3011,89 @@ const so = (e) => {
   itemMap: d,
   showResizeHandle: f = !0
 }) => {
-  var m;
-  const c = g.useRef(null), {
-    component: h = () => null,
-    resizeDirections: _ = ao,
-    resize: v = io
-  } = d[t], E = g.useCallback(
-    (S, O = !1) => e(n, S, O),
+  var w;
+  const c = g.useRef(null), [h] = Z((R) => [R.config.uid]), {
+    component: S = () => null,
+    resizeDirections: v = ao,
+    resize: E = io
+  } = d[t], O = g.useCallback(
+    (R, T = !1) => e(n, R, T),
     [e, n]
   );
   g.useEffect(() => {
     c.current.className = u;
   }, [u]);
-  const I = ["item", n, Kn];
-  o && I.push("locked"), l && (I.push("selected"), I.push(Hn));
-  const y = I.join(" "), C = ({ width: S = 0, height: O = 0, keepRatio: k }) => {
-    E((j) => {
-      const { offsetWidth: M, offsetHeight: A } = c.current;
-      return v({
-        prevState: j,
-        width: S,
-        height: O,
-        actualHeight: A,
-        actualWidth: M,
-        keepRatio: k
+  const y = ["item", n, Kn];
+  o && y.push("locked"), l && (y.push("selected"), y.push(Hn));
+  const C = y.join(" "), x = ({ width: R = 0, height: T = 0, keepRatio: j }) => {
+    O((M) => {
+      const { offsetWidth: A, offsetHeight: B } = c.current;
+      return E({
+        prevState: M,
+        width: R,
+        height: T,
+        actualHeight: B,
+        actualWidth: A,
+        keepRatio: j
       });
     });
-  }, x = ({ width: S }) => {
-    C({ width: S });
-  }, p = ({ height: S }) => {
-    C({ height: S });
-  }, w = ({ width: S }) => {
-    C({ height: S, width: S, keepRatio: !0 });
+  }, p = ({ width: R }) => {
+    x({ width: R });
+  }, _ = ({ height: R }) => {
+    x({ height: R });
+  }, m = ({ width: R }) => {
+    x({ height: R, width: R, keepRatio: !0 });
   };
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ k(
     "div",
     {
       style: { transform: `rotate(${r}deg` },
       "data-id": n,
-      className: y,
+      id: `${h}__${n}`,
+      className: C,
       children: /* @__PURE__ */ le(
         "div",
         {
           style: { display: "flex" },
           ref: c,
           onAnimationEnd: so,
-          onKeyDown: (S) => S.stopPropagation(),
-          onKeyUp: (S) => S.stopPropagation(),
+          onKeyDown: (R) => R.stopPropagation(),
+          onKeyUp: (R) => R.stopPropagation(),
           children: [
-            /* @__PURE__ */ T(
+            /* @__PURE__ */ k(
               oo,
               {
                 itemId: n,
                 state: a,
-                ErrorComponent: ((m = d == null ? void 0 : d.error) == null ? void 0 : m.component) || no,
-                children: /* @__PURE__ */ T(h, { ...a, id: n, setState: E })
+                ErrorComponent: ((w = d == null ? void 0 : d.error) == null ? void 0 : w.component) || no,
+                children: /* @__PURE__ */ k(S, { ...a, id: n, setState: O })
               }
             ),
-            /* @__PURE__ */ T("div", { className: `corner ${Ce} ${qn}` }),
-            /* @__PURE__ */ T("div", { className: `corner ${Ce} ${Gn}` }),
-            /* @__PURE__ */ T("div", { className: `corner ${Ce} ${Zn}` }),
-            /* @__PURE__ */ T("div", { className: `corner ${Ce} ${Jn}` }),
-            /* @__PURE__ */ T("div", { className: `center ${Ce} ${Qn}` }),
+            /* @__PURE__ */ k("div", { className: `corner ${Ce} ${qn}` }),
+            /* @__PURE__ */ k("div", { className: `corner ${Ce} ${Gn}` }),
+            /* @__PURE__ */ k("div", { className: `corner ${Ce} ${Zn}` }),
+            /* @__PURE__ */ k("div", { className: `corner ${Ce} ${Jn}` }),
+            /* @__PURE__ */ k("div", { className: `center ${Ce} ${Qn}` }),
             f && /* @__PURE__ */ le(Wr, { children: [
-              _.b && /* @__PURE__ */ T(
+              v.b && /* @__PURE__ */ k(
                 ot,
                 {
                   className: `${st} ${ro}`,
-                  onResize: w
+                  onResize: m
                 }
               ),
-              _.h && /* @__PURE__ */ T(
+              v.h && /* @__PURE__ */ k(
                 ot,
                 {
                   className: `${st} ${to}`,
-                  onResize: p
+                  onResize: _
                 }
               ),
-              _.w && /* @__PURE__ */ T(
+              v.w && /* @__PURE__ */ k(
                 ot,
                 {
                   className: `${st} ${eo}`,
-                  onResize: x
+                  onResize: p
                 }
               )
             ] })
@@ -3100,7 +3114,7 @@ const so = (e) => {
     setState: s,
     isSelected: a,
     showResizeHandle: u
-  }) => r === a && n === u && t === s && Fn(e, o)
+  }) => r === a && n === u && t === s && Bn(e, o)
 ), lo = (e) => e, fo = ({ state: e = {}, getCurrentUser: t, className: r, ...n }) => {
   if (!n.itemMap[e.type])
     return null;
@@ -3111,7 +3125,7 @@ const so = (e) => {
     moving: l,
     ...d
   } = o(e, { getCurrentUser: t }), f = (u + 4) * 10 + 100 + (l ? 5 : 0);
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ k(
     "div",
     {
       className: r,
@@ -3119,7 +3133,7 @@ const so = (e) => {
         transform: `translate(${s}px, ${a}px)`,
         zIndex: f
       },
-      children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ k(
         uo,
         {
           ...n,
@@ -3133,7 +3147,7 @@ const so = (e) => {
   const { updateItem: e } = gt(), [t, r] = oe((d) => [
     d.itemIds,
     d.items
-  ]), [n, o, s, a] = Q(
+  ]), [n, o, s, a] = Z(
     (d) => [
       d.config.boardSize,
       d.config.showResizeHandle,
@@ -3147,7 +3161,7 @@ const so = (e) => {
     display: "inline-block",
     lineHeight: 0
   });
-  return t.map((d) => /* @__PURE__ */ T(
+  return t.map((d) => /* @__PURE__ */ k(
     po,
     {
       state: r[d],
@@ -3219,7 +3233,7 @@ const So = K({
     s,
     a,
     u
-  ] = Q((m) => [
+  ] = Z((m) => [
     m.getSelection,
     m.clear,
     m.setSelection,
@@ -3227,7 +3241,7 @@ const So = K({
     m.getConfiguration,
     m.getBoardState,
     m.updateBoardState
-  ]), { findElementUnderPointer: l } = gt(), [d] = oe((m) => [m.getItems]), [f, c] = g.useState({}), [, h] = g.useTransition(), [_, v] = g.useState(!1), E = g.useRef(null), I = g.useRef({
+  ]), { findElementUnderPointer: l } = gt(), [d] = oe((m) => [m.getItems]), [f, c] = g.useState({}), [, h] = g.useTransition(), [S, v] = g.useState(!1), E = g.useRef(null), O = g.useRef({
     moving: !1
   });
   return ue(document, "keydown", (m) => {
@@ -3237,34 +3251,34 @@ const So = K({
   }), g.useEffect(() => (n(), () => {
     n();
   }), [n]), g.useEffect(() => {
-    if (I.current.moving) {
-      const m = d(), { boardWrapper: S } = a(), O = _o(m, S, _);
+    if (O.current.moving) {
+      const m = d(), { boardWrapper: w } = a(), R = _o(m, w, S);
       h(() => {
-        o(O);
+        o(R);
       });
     }
-  }, [a, d, f, o, _]), /* @__PURE__ */ T(
+  }, [a, d, f, o, S]), /* @__PURE__ */ k(
     Fe,
     {
       onDragStart: async (m) => {
-        await l(m) || (I.current.moving = !0, h(() => {
+        await l(m) || (O.current.moving = !0, h(() => {
           u({ selecting: !0 });
         }), E.current.style.cursor = "crosshair");
       },
-      onDrag: ({ distanceY: m, distanceX: S, startX: O, startY: k }) => {
-        if (I.current.moving) {
-          const { top: j, left: M } = E.current.getBoundingClientRect(), A = O - M, N = k - j;
-          S > 0 ? (I.current.left = A, I.current.width = S) : (I.current.left = A + S, I.current.width = -S), m > 0 ? (I.current.top = N, I.current.height = m) : (I.current.top = N + m, I.current.height = -m), c({ ...I.current, moving: !0 });
+      onDrag: ({ distanceY: m, distanceX: w, startX: R, startY: T }) => {
+        if (O.current.moving) {
+          const { top: j, left: M } = E.current.getBoundingClientRect(), A = R - M, B = T - j;
+          w > 0 ? (O.current.left = A, O.current.width = w) : (O.current.left = A + w, O.current.width = -w), m > 0 ? (O.current.top = B, O.current.height = m) : (O.current.top = B + m, O.current.height = -m), c({ ...O.current, moving: !0 });
         }
       },
       onDragEnd: () => {
-        I.current.moving && (h(() => {
+        O.current.moving && (h(() => {
           u({ selecting: !1 });
-        }), I.current.moving = !1, c({ moving: !1 }), E.current.style.cursor = "auto");
+        }), O.current.moving = !1, c({ moving: !1 }), E.current.style.cursor = "auto");
       },
       onTap: (m) => {
-        const { target: S, ctrlKey: O, metaKey: k } = m, j = l(m);
-        if (!j && Oe(S, "board"))
+        const { target: w, ctrlKey: R, metaKey: T } = m, j = l(m);
+        if (!j && Oe(w, "board"))
           n();
         else {
           const M = Te(j);
@@ -3273,19 +3287,19 @@ const So = K({
             return;
           }
           const A = r();
-          j && !A.includes(M) && (O || k ? s([M]) : o([M]));
+          j && !A.includes(M) && (R || T ? s([M]) : o([M]));
         }
       },
       onLongTap: ({ target: m }) => {
-        const S = Oe(m, "item");
-        if (S) {
-          const O = Te(S);
-          o([O]);
+        const w = Oe(m, "item");
+        if (w) {
+          const R = Te(w);
+          o([R]);
         }
       },
       mainAction: t ? "pan" : "drag",
       children: /* @__PURE__ */ le("div", { ref: E, children: [
-        f.moving && /* @__PURE__ */ T(
+        f.moving && /* @__PURE__ */ k(
           "div",
           {
             style: {
@@ -3301,7 +3315,7 @@ const So = K({
     }
   );
 }, Eo = ({ children: e }) => {
-  const { moveItems: t, placeItems: r, findElementUnderPointer: n } = gt(), { vectorFromWrapperToBoard: o } = Me(), [s, a, u, l, d] = Q((y) => [
+  const { moveItems: t, placeItems: r, findElementUnderPointer: n } = gt(), { vectorFromWrapperToBoard: o } = Me(), [s, a, u, l, d] = Z((y) => [
     y.select,
     y.setSelection,
     y.getSelection,
@@ -3309,25 +3323,25 @@ const So = K({
     y.updateBoardState
   ]), [f] = oe((y) => [y.getBoardConfig]), c = g.useRef({}), h = g.useRef({
     items: []
-  }), _ = (y) => {
-    const { ctrlKey: C, metaKey: x, event: p } = y, w = n(y);
-    if (w) {
+  }), S = (y) => {
+    const { ctrlKey: C, metaKey: x, event: p } = y, _ = n(y);
+    if (_) {
       p.stopPropagation();
       const m = u();
       h.current.items = m;
-      const S = Te(w);
-      m.includes(S) || (C || x ? (h.current.items = [...m, S], s([S])) : (h.current.items = [S], a([S]))), Object.assign(c.current, {
+      const w = Te(_);
+      m.includes(w) || (C || x ? (h.current.items = [...m, w], s([w])) : (h.current.items = [w], a([w]))), Object.assign(c.current, {
         moving: !0
       });
     }
   }, v = ({ deltaX: y, deltaY: C, event: x }) => {
     if (c.current.moving) {
       x.stopPropagation();
-      const { movingItems: p } = l(), [w, m] = o(y, C);
+      const { movingItems: p } = l(), [_, m] = o(y, C);
       t(
         h.current.items,
         {
-          x: w,
+          x: _,
           y: m
         },
         !0
@@ -3348,7 +3362,7 @@ const So = K({
     const C = u();
     if (C.length) {
       const { gridSize: x = 1 } = f();
-      let p = 0, w = 0;
+      let p = 0, _ = 0;
       switch (y.key) {
         case "ArrowLeft":
           p = -10;
@@ -3357,20 +3371,20 @@ const So = K({
           p = 10;
           break;
         case "ArrowUp":
-          w = -10;
+          _ = -10;
           break;
         case "ArrowDown":
-          w = 10;
+          _ = 10;
           break;
       }
-      if (p || w) {
-        y.shiftKey && (p *= 5, w *= 5), (y.ctrlKey || y.altKey || y.metaKey) && (p /= 10, w /= 10);
-        const [m, S] = o(p, w);
+      if (p || _) {
+        y.shiftKey && (p *= 5, _ *= 5), (y.ctrlKey || y.altKey || y.metaKey) && (p /= 10, _ /= 10);
+        const [m, w] = o(p, _);
         t(
           C,
           {
             x: m,
-            y: S
+            y: w
           },
           !0
         ), r(C, {
@@ -3379,7 +3393,7 @@ const So = K({
         }), y.preventDefault();
       }
     }
-  }), /* @__PURE__ */ T(Fe, { onDragStart: _, onDrag: v, onDragEnd: E, children: e });
+  }), /* @__PURE__ */ k(Fe, { onDragStart: S, onDrag: v, onDragEnd: E, children: e });
 }, wo = (e) => {
   const t = g.useRef({ hover: !1, x: 0, y: 0 });
   return ue(e.current, "mousemove", (n) => {
@@ -3391,7 +3405,7 @@ const So = K({
     t.current.hover = !1;
   }), g.useCallback(() => t.current, []);
 }, Co = [...Array(5).keys()].map((e) => `Digit${e + 1}`), xo = () => {
-  const [e, t] = g.useState({}), [r, n] = Q((o) => [
+  const [e, t] = g.useState({}), [r, n] = Z((o) => [
     o.getBoardState,
     o.updateBoardState
   ]);
@@ -3411,7 +3425,7 @@ const So = K({
     s,
     a,
     u
-  ] = Q((p) => [
+  ] = Z((p) => [
     {
       translateX: p.boardState.translateX,
       translateY: p.boardState.translateY,
@@ -3422,7 +3436,7 @@ const So = K({
     p.getConfiguration,
     p.updateBoardState,
     p.getSelection
-  ]), { zoomToCenter: l, zoomToExtent: d, moveBoard: f } = Me(), [c, h] = g.useState(!1), _ = g.useRef({}), v = wo(r);
+  ]), { zoomToCenter: l, zoomToExtent: d, moveBoard: f } = Me(), [c, h] = g.useState(!1), S = g.useRef({}), v = wo(r);
   xo();
   const E = g.useCallback(() => {
     const { itemExtent: p } = s();
@@ -3431,27 +3445,27 @@ const So = K({
   g.useEffect(() => {
     !c && o.radius && (E(), h(!0));
   }, [E, c, o]);
-  const I = ({ clientX: p, clientY: w, scale: m }) => {
-    l({ to: { x: p, y: w }, factor: 1 - m / 500 }), clearTimeout(_.current.zoom), _.current.zoom = setTimeout(() => {
+  const O = ({ clientX: p, clientY: _, scale: m }) => {
+    l({ to: { x: p, y: _ }, factor: 1 - m / 500 }), clearTimeout(S.current.zoom), S.current.zoom = setTimeout(() => {
       a({ zooming: !1 });
     }, 200), a({ zooming: !0 });
-  }, y = ({ deltaX: p, deltaY: w }) => {
-    f(({ translateX: m, translateY: S }) => ({
+  }, y = ({ deltaX: p, deltaY: _ }) => {
+    f(({ translateX: m, translateY: w }) => ({
       translateX: m + p,
-      translateY: S + w
-    })), clearTimeout(_.current.pan), _.current.pan = setTimeout(() => {
+      translateY: w + _
+    })), clearTimeout(S.current.pan), S.current.pan = setTimeout(() => {
       a({ panning: !1 });
     }, 200), a({ panning: !0 });
   }, C = (p) => {
     if (["INPUT", "TEXTAREA"].includes(p.target.tagName))
       return;
-    let w = 0, m = 0, S = 1;
+    let _ = 0, m = 0, w = 1;
     switch (p.key) {
       case "ArrowLeft":
-        w = -10;
+        _ = -10;
         break;
       case "ArrowRight":
-        w = 10;
+        _ = 10;
         break;
       case "ArrowUp":
         m = -10;
@@ -3460,32 +3474,32 @@ const So = K({
         m = 10;
         break;
       case "PageUp":
-        S = 1.2;
+        w = 1.2;
         break;
       case "PageDown":
-        S = 0.8;
+        w = 0.8;
         break;
     }
-    if (w || m || S !== 1) {
-      const O = u();
-      if (S === 1 && O.length)
+    if (_ || m || w !== 1) {
+      const R = u();
+      if (w === 1 && R.length)
         return;
-      p.shiftKey && (w *= 5, m *= 5), (p.ctrlKey || p.altKey || p.metaKey) && (w /= 5, m /= 5), f(({ translateX: k, translateY: j }) => ({
-        translateX: k + w,
+      p.shiftKey && (_ *= 5, m *= 5), (p.ctrlKey || p.altKey || p.metaKey) && (_ /= 5, m /= 5), f(({ translateX: T, translateY: j }) => ({
+        translateX: T + _,
         translateY: j + m
-      })), l({ factor: S }), p.preventDefault();
+      })), l({ factor: w }), p.preventDefault();
     }
     p.key === " " && !p.repeat && v().hover && l({ factor: 3, to: v() });
   }, x = (p) => {
     ["INPUT", "TEXTAREA"].includes(p.target.tagName) || p.key === " " && v().hover && l({ factor: 1 / 3, to: v() });
   };
-  return ue(document, "keydown", C), ue(document, "keyup", x), /* @__PURE__ */ T(
+  return ue(document, "keydown", C), ue(document, "keyup", x), /* @__PURE__ */ k(
     Fe,
     {
       onPan: y,
-      onZoom: I,
+      onZoom: O,
       mainAction: t ? "pan" : "drag",
-      children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ k(
         "div",
         {
           style: {
@@ -3516,7 +3530,7 @@ const So = K({
     n,
     o,
     { translateX: s, translateY: a, scale: u }
-  ] = Q((c) => [
+  ] = Z((c) => [
     c.selection,
     c.getSelection,
     c.selectionBox,
@@ -3528,19 +3542,19 @@ const So = K({
       scale: c.boardState.scale
     }
   ]), [l] = oe((c) => [c.items]), d = g.useCallback(() => {
-    const c = t(), { boardWrapperRect: h, boardWrapper: _ } = o();
+    const c = t(), { boardWrapperRect: h, uid: S } = o();
     if (c.length === 0) {
       n(null);
       return;
     }
-    const v = sn(c, _);
+    const v = sn(c, S);
     if (!v) {
       n(null);
       return;
     }
-    const { left: E, top: I, width: y, height: C } = v, x = {
+    const { left: E, top: O, width: y, height: C } = v, x = {
       left: E - h.left,
-      top: I - h.top,
+      top: O - h.top,
       height: C,
       width: y
     };
@@ -3556,7 +3570,7 @@ const So = K({
     u,
     d,
     f
-  ]), !r || e.length < 2 ? null : /* @__PURE__ */ T(
+  ]), !r || e.length < 2 ? null : /* @__PURE__ */ k(
     "div",
     {
       style: {
@@ -3568,8 +3582,8 @@ const So = K({
     }
   );
 }, To = () => {
-  const [e] = Q((t) => [t.boardState.movingItems]);
-  return e ? null : /* @__PURE__ */ T(Oo, {});
+  const [e] = Z((t) => [t.boardState.movingItems]);
+  return e ? null : /* @__PURE__ */ k(Oo, {});
 }, ko = typeof window < "u" && typeof navigator < "u" && typeof document < "u";
 let Le;
 function Po() {
@@ -3625,7 +3639,7 @@ function Do(e) {
   if (e.trim().toLowerCase() === "transparent")
     return [0, 0, 0, 0];
   let t = e.trim();
-  t = Xo.test(e) ? Lo(e) : e;
+  t = No.test(e) ? Lo(e) : e;
   const r = zo.exec(t);
   if (r) {
     const a = Array.from(r).slice(1);
@@ -3641,7 +3655,7 @@ function Do(e) {
     const a = Array.from(o).slice(1);
     return [...a.slice(0, 3).map((u) => parseInt(u, 10)), parseFloat(a[3] || "1")];
   }
-  const s = No.exec(t);
+  const s = Xo.exec(t);
   if (s) {
     const [a, u, l, d] = Array.from(s).slice(1).map(parseFloat);
     if (Zt(0, 100, u) !== u)
@@ -3671,15 +3685,15 @@ function Lo(e) {
     throw new xe(e);
   return `#${r}`;
 }
-const ke = (e, t) => Array.from(Array(t)).map(() => e).join(""), zo = new RegExp(`^#${ke("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), Yo = new RegExp(`^#${ke("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), Bo = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ke(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), No = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, Xo = /^[a-z]+$/i, er = (e) => Math.round(e * 255), Uo = (e, t, r) => {
+const ke = (e, t) => Array.from(Array(t)).map(() => e).join(""), zo = new RegExp(`^#${ke("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), Yo = new RegExp(`^#${ke("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), Bo = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ke(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), Xo = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, No = /^[a-z]+$/i, er = (e) => Math.round(e * 255), Uo = (e, t, r) => {
   let n = r / 100;
   if (t === 0)
     return [n, n, n].map(er);
   const o = (e % 360 + 360) % 360 / 60, s = (1 - Math.abs(2 * n - 1)) * (t / 100), a = s * (1 - Math.abs(o % 2 - 1));
   let u = 0, l = 0, d = 0;
   o >= 0 && o < 1 ? (u = s, l = a) : o >= 1 && o < 2 ? (u = a, l = s) : o >= 2 && o < 3 ? (l = s, d = a) : o >= 3 && o < 4 ? (l = a, d = s) : o >= 4 && o < 5 ? (u = a, d = s) : o >= 5 && o < 6 && (u = s, d = a);
-  const f = n - s / 2, c = u + f, h = l + f, _ = d + f;
-  return [c, h, _].map(er);
+  const f = n - s / 2, c = u + f, h = l + f, S = d + f;
+  return [c, h, S].map(er);
 };
 function Wo(e) {
   if (e === "transparent")
@@ -3723,7 +3737,7 @@ const Fo = K({
         width: t,
         height: t,
         children: [
-          /* @__PURE__ */ T(
+          /* @__PURE__ */ k(
             "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",
@@ -3732,7 +3746,7 @@ const Fo = K({
               }
             }
           ),
-          /* @__PURE__ */ T(
+          /* @__PURE__ */ k(
             "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",
@@ -3746,7 +3760,7 @@ const Fo = K({
         ]
       }
     ),
-    /* @__PURE__ */ T(
+    /* @__PURE__ */ k(
       "div",
       {
         style: {
@@ -3764,17 +3778,17 @@ const Fo = K({
   zIndex: 210,
   position: "fixed",
   pointerEvents: "none"
-}), Jo = ({ pos: e, ...t }) => /* @__PURE__ */ T(
+}), Jo = ({ pos: e, ...t }) => /* @__PURE__ */ k(
   "div",
   {
     className: Go,
     style: {
       transform: `translate(${e.x - 6}px, ${e.y - 15}px)`
     },
-    children: /* @__PURE__ */ T(qo, { ...t })
+    children: /* @__PURE__ */ k(qo, { ...t })
   }
 ), Zo = ({ children: e }) => {
-  const [t] = Q((v) => [
+  const [t] = Z((v) => [
     v.getConfiguration,
     v.boardState.scale
     // We want to update this component when the scale changes
@@ -3789,22 +3803,22 @@ const Fo = K({
     v.moveCursor,
     v.removeCursor
   ]), { boardWrapperRect: f } = t(), c = ({ clientX: v, clientY: E }) => {
-    const [I, y] = r(
+    const [O, y] = r(
       v - f.left,
       E - f.top
     );
-    l(o.id, { x: I, y });
+    l(o.id, { x: O, y });
   }, h = () => {
     d(o.id);
-  }, _ = s.reduce((v, E) => (E.id !== o.id && a[E.id] && (v[E.id] = a[E.id]), v), {});
+  }, S = s.reduce((v, E) => (E.id !== o.id && a[E.id] && (v[E.id] = a[E.id]), v), {});
   return /* @__PURE__ */ le("div", { onPointerMove: c, onPointerLeave: h, children: [
     e,
-    Object.entries(_).map(([v, E]) => {
-      const [I, y] = n(E.x, E.y), C = {
-        x: I + f.left,
+    Object.entries(S).map(([v, E]) => {
+      const [O, y] = n(E.x, E.y), C = {
+        x: O + f.left,
         y: y + f.top
       };
-      return ft(C, f) ? /* @__PURE__ */ T(
+      return ft(C, f) ? /* @__PURE__ */ k(
         Jo,
         {
           pos: C,
@@ -3819,7 +3833,7 @@ const Fo = K({
   overflow: "hidden",
   position: "absolute",
   inset: 0
-}, gs = ({
+}, hs = ({
   moveFirst: e = !0,
   style: t,
   wrapperStyle: r,
@@ -3829,7 +3843,7 @@ const Fo = K({
   showResizeHandle: a = !1,
   Wrapper: u = Qo
 }) => {
-  const l = g.useRef(null), [d, f] = Q((v) => [
+  const l = g.useRef(null), [d, f] = Z((v) => [
     v.config.uid,
     v.updateConfiguration
   ]), { updateItemExtent: c } = Me(), h = {
@@ -3869,15 +3883,15 @@ const Fo = K({
       boardWrapperRect: l.current.getBoundingClientRect()
     });
   });
-  const _ = K({ ...es, ...r });
+  const S = K({ ...es, ...r });
   return /* @__PURE__ */ le(
     "div",
     {
       ref: l,
       id: d,
-      className: `sync-board ${_}`,
+      className: `sync-board ${S}`,
       children: [
-        /* @__PURE__ */ T(Zo, { children: /* @__PURE__ */ T(bo, { moveFirst: e, children: /* @__PURE__ */ T(Ro, { moveFirst: e, children: /* @__PURE__ */ T(Eo, { moveFirst: e, children: /* @__PURE__ */ T(u, { children: /* @__PURE__ */ le(
+        /* @__PURE__ */ k(Zo, { children: /* @__PURE__ */ k(bo, { moveFirst: e, children: /* @__PURE__ */ k(Ro, { moveFirst: e, children: /* @__PURE__ */ k(Eo, { moveFirst: e, children: /* @__PURE__ */ k(u, { children: /* @__PURE__ */ le(
           "div",
           {
             onContextMenu: (v) => {
@@ -3886,34 +3900,35 @@ const Fo = K({
             style: h,
             className: "board",
             children: [
-              /* @__PURE__ */ T(mo, {}),
+              /* @__PURE__ */ k(mo, {}),
               s
             ]
           }
         ) }) }) }) }) }),
-        /* @__PURE__ */ T(To, {})
+        /* @__PURE__ */ k(To, {})
       ]
     }
   );
 };
-Vn(g.createElement);
+Yn(g.createElement);
 export {
-  gs as Board,
-  ps as BoardWrapper,
-  ms as RoomWrapper,
-  is as useAvailableActions,
-  us as useBoardConfig,
+  hs as Board,
+  ms as BoardWrapper,
+  gs as RoomWrapper,
+  as as useAvailableActions,
+  ls as useBoardConfig,
   Me as useBoardPosition,
-  ls as useBoardState,
+  fs as useBoardState,
   os as useDebouncedItems,
+  is as useGetSelectedItems,
   gt as useItemActions,
   Vt as useItemInteraction,
   ns as useItems,
-  ds as useMessage,
+  ps as useMessage,
   ss as useSelectedItems,
-  as as useSelectionBox,
-  fs as useSessionInfo,
-  cs as useUsers,
-  Xe as useWire
+  cs as useSelectionBox,
+  ds as useSessionInfo,
+  us as useUsers,
+  Ne as useWire
 };
 //# sourceMappingURL=react-sync-board.js.map