react-sync-board 1.2.8 → 1.2.9

package/dist/react-sync-board.js

@@ -63,14 +63,14 @@ function Wr() {
     var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function x(i) {
       {
-        for (var b = arguments.length, I = new Array(b > 1 ? b - 1 : 0), j = 1; j < b; j++)
-          I[j - 1] = arguments[j];
+        for (var b = arguments.length, I = new Array(b > 1 ? b - 1 : 0), $ = 1; $ < b; $++)
+          I[$ - 1] = arguments[$];
         C("error", i, I);
       }
     }
     function C(i, b, I) {
       {
-        var j = y.ReactDebugCurrentFrame, X = j.getStackAddendum();
+        var $ = y.ReactDebugCurrentFrame, X = $.getStackAddendum();
         X !== "" && (b += "%s", I = I.concat([X]));
         var W = I.map(function(N) {
           return String(N);
@@ -88,9 +88,9 @@ function Wr() {
       i.$$typeof === T || i.getModuleId !== void 0));
     }
     function M(i, b, I) {
-      var j = i.displayName;
-      if (j)
-        return j;
+      var $ = i.displayName;
+      if ($)
+        return $;
       var X = b.displayName || b.name || "";
       return X !== "" ? I + "(" + X + ")" : I;
     }
@@ -129,8 +129,8 @@ function Wr() {
           case l:
             return M(i, i.render, "ForwardRef");
           case c:
-            var j = i.displayName || null;
-            return j !== null ? j : Y(i.type) || "Memo";
+            var $ = i.displayName || null;
+            return $ !== null ? $ : Y(i.type) || "Memo";
           case h: {
             var X = i, W = X._payload, N = X._init;
             try {
@@ -142,14 +142,14 @@ function Wr() {
         }
       return null;
     }
-    var U = Object.assign, G = 0, P, $, B, V, L, F, H;
+    var U = Object.assign, K = 0, k, j, L, V, z, F, q;
     function te() {
     }
     te.__reactDisabledLog = !0;
     function Q() {
       {
-        if (G === 0) {
-          P = console.log, $ = console.info, B = console.warn, V = console.error, L = console.group, F = console.groupCollapsed, H = console.groupEnd;
+        if (K === 0) {
+          k = console.log, j = console.info, L = console.warn, V = console.error, z = console.group, F = console.groupCollapsed, q = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -166,12 +166,12 @@ function Wr() {
             groupEnd: i
           });
         }
-        G++;
+        K++;
       }
     }
     function ne() {
       {
-        if (G--, G === 0) {
+        if (K--, K === 0) {
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -179,29 +179,29 @@ function Wr() {
           };
           Object.defineProperties(console, {
             log: U({}, i, {
-              value: P
+              value: k
             }),
             info: U({}, i, {
-              value: $
+              value: j
             }),
             warn: U({}, i, {
-              value: B
+              value: L
             }),
             error: U({}, i, {
               value: V
             }),
             group: U({}, i, {
-              value: L
+              value: z
             }),
             groupCollapsed: U({}, i, {
               value: F
             }),
             groupEnd: U({}, i, {
-              value: H
+              value: q
             })
           });
         }
-        G < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        K < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var ie = y.ReactCurrentDispatcher, me;
@@ -211,8 +211,8 @@ function Wr() {
           try {
             throw Error();
           } catch (X) {
-            var j = X.stack.trim().match(/\n( *(at )?)/);
-            me = j && j[1] || "";
+            var $ = X.stack.trim().match(/\n( *(at )?)/);
+            me = $ && $[1] || "";
           }
         return `
 ` + me + i;
@@ -231,7 +231,7 @@ function Wr() {
         if (I !== void 0)
           return I;
       }
-      var j;
+      var $;
       Ke = !0;
       var X = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -250,14 +250,14 @@ function Wr() {
             try {
               Reflect.construct(N, []);
             } catch (ae) {
-              j = ae;
+              $ = ae;
             }
             Reflect.construct(i, [], N);
           } else {
             try {
               N.call();
             } catch (ae) {
-              j = ae;
+              $ = ae;
             }
             i.call(N.prototype);
           }
@@ -265,26 +265,26 @@ function Wr() {
           try {
             throw Error();
           } catch (ae) {
-            j = ae;
+            $ = ae;
           }
           i();
         }
       } catch (ae) {
-        if (ae && j && typeof ae.stack == "string") {
-          for (var z = ae.stack.split(`
-`), ee = j.stack.split(`
-`), q = z.length - 1, J = ee.length - 1; q >= 1 && J >= 0 && z[q] !== ee[J]; )
+        if (ae && $ && typeof ae.stack == "string") {
+          for (var B = ae.stack.split(`
+`), ee = $.stack.split(`
+`), G = B.length - 1, J = ee.length - 1; G >= 1 && J >= 0 && B[G] !== ee[J]; )
             J--;
-          for (; q >= 1 && J >= 0; q--, J--)
-            if (z[q] !== ee[J]) {
-              if (q !== 1 || J !== 1)
+          for (; G >= 1 && J >= 0; G--, J--)
+            if (B[G] !== ee[J]) {
+              if (G !== 1 || J !== 1)
                 do
-                  if (q--, J--, J < 0 || z[q] !== ee[J]) {
+                  if (G--, J--, J < 0 || B[G] !== ee[J]) {
                     var re = `
-` + z[q].replace(" at new ", " at ");
+` + B[G].replace(" at new ", " at ");
                     return i.displayName && re.includes("<anonymous>") && (re = re.replace("<anonymous>", i.displayName)), typeof i == "function" && De.set(i, re), re;
                   }
-                while (q >= 1 && J >= 0);
+                while (G >= 1 && J >= 0);
               break;
             }
         }
@@ -321,7 +321,7 @@ function Wr() {
           case c:
             return je(i.type, b, I);
           case h: {
-            var j = i, X = j._payload, W = j._init;
+            var $ = i, X = $._payload, W = $._init;
             try {
               return je(W(X), b, I);
             } catch {
@@ -338,22 +338,22 @@ function Wr() {
       } else
         St.setExtraStackFrame(null);
     }
-    function yr(i, b, I, j, X) {
+    function yr(i, b, I, $, X) {
       {
         var W = Function.call.bind($e);
         for (var N in i)
           if (W(i, N)) {
-            var z = void 0;
+            var B = void 0;
             try {
               if (typeof i[N] != "function") {
-                var ee = Error((j || "React class") + ": " + I + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var ee = Error(($ || "React class") + ": " + I + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ee.name = "Invariant Violation", ee;
               }
-              z = i[N](b, N, j, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (q) {
-              z = q;
+              B = i[N](b, N, $, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (G) {
+              B = G;
             }
-            z && !(z instanceof Error) && (Ae(X), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", j || "React class", I, N, typeof z), Ae(null)), z instanceof Error && !(z.message in yt) && (yt[z.message] = !0, Ae(X), x("Failed %s type: %s", I, z.message), Ae(null));
+            B && !(B instanceof Error) && (Ae(X), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", $ || "React class", I, N, typeof B), Ae(null)), B instanceof Error && !(B.message in yt) && (yt[B.message] = !0, Ae(X), x("Failed %s type: %s", I, B.message), Ae(null));
           }
       }
     }
@@ -432,8 +432,8 @@ function Wr() {
         });
       }
     }
-    var Or = function(i, b, I, j, X, W, N) {
-      var z = {
+    var Or = function(i, b, I, $, X, W, N) {
+      var B = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -444,39 +444,39 @@ function Wr() {
         // Record the component responsible for creating this element.
         _owner: W
       };
-      return z._store = {}, Object.defineProperty(z._store, "validated", {
+      return B._store = {}, Object.defineProperty(B._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(z, "_self", {
+      }), Object.defineProperty(B, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
-      }), Object.defineProperty(z, "_source", {
+        value: $
+      }), Object.defineProperty(B, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: X
-      }), Object.freeze && (Object.freeze(z.props), Object.freeze(z)), z;
+      }), Object.freeze && (Object.freeze(B.props), Object.freeze(B)), B;
     };
-    function Tr(i, b, I, j, X) {
+    function Tr(i, b, I, $, X) {
       {
-        var W, N = {}, z = null, ee = null;
-        I !== void 0 && (bt(I), z = "" + I), xr(b) && (bt(b.key), z = "" + b.key), wr(b) && (ee = b.ref, Cr(b, X));
+        var W, N = {}, B = null, ee = null;
+        I !== void 0 && (bt(I), B = "" + I), xr(b) && (bt(b.key), B = "" + b.key), wr(b) && (ee = b.ref, Cr(b, X));
         for (W in b)
           $e.call(b, W) && !Er.hasOwnProperty(W) && (N[W] = b[W]);
         if (i && i.defaultProps) {
-          var q = i.defaultProps;
-          for (W in q)
-            N[W] === void 0 && (N[W] = q[W]);
+          var G = i.defaultProps;
+          for (W in G)
+            N[W] === void 0 && (N[W] = G[W]);
         }
-        if (z || ee) {
+        if (B || ee) {
           var J = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          z && Rr(N, J), ee && Ir(N, J);
+          B && Rr(N, J), ee && Ir(N, J);
         }
-        return Or(i, z, ee, X, j, be.current, N);
+        return Or(i, B, ee, X, $, be.current, N);
       }
     }
     var Ge = y.ReactCurrentOwner, xt = y.ReactDebugCurrentFrame;
@@ -537,8 +537,8 @@ Check the top-level render call using <` + I + ">.");
         if (Rt[I])
           return;
         Rt[I] = !0;
-        var j = "";
-        i && i._owner && i._owner !== Ge.current && (j = " It was passed a child from " + Y(i._owner.type) + "."), he(i), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', I, j), he(null);
+        var $ = "";
+        i && i._owner && i._owner !== Ge.current && ($ = " It was passed a child from " + Y(i._owner.type) + "."), he(i), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', I, $), he(null);
       }
     }
     function Ot(i, b) {
@@ -547,8 +547,8 @@ Check the top-level render call using <` + I + ">.");
           return;
         if (He(i))
           for (var I = 0; I < i.length; I++) {
-            var j = i[I];
-            Ze(j) && It(j, b);
+            var $ = i[I];
+            Ze($) && It($, b);
           }
         else if (Ze(i))
           i._store && (i._store.validated = !0);
@@ -575,8 +575,8 @@ Check the top-level render call using <` + I + ">.");
         else
           return;
         if (I) {
-          var j = Y(b);
-          yr(I, i.props, "prop", j, i);
+          var $ = Y(b);
+          yr(I, i.props, "prop", $, i);
         } else if (b.PropTypes !== void 0 && !Je) {
           Je = !0;
           var X = Y(b);
@@ -588,25 +588,25 @@ Check the top-level render call using <` + I + ">.");
     function Dr(i) {
       {
         for (var b = Object.keys(i.props), I = 0; I < b.length; I++) {
-          var j = b[I];
-          if (j !== "children" && j !== "key") {
-            he(i), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", j), he(null);
+          var $ = b[I];
+          if ($ !== "children" && $ !== "key") {
+            he(i), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), he(null);
             break;
           }
         }
         i.ref !== null && (he(i), x("Invalid attribute `ref` supplied to `React.Fragment`."), he(null));
       }
     }
-    function Tt(i, b, I, j, X, W) {
+    function Tt(i, b, I, $, X, W) {
       {
         var N = D(i);
         if (!N) {
-          var z = "";
-          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (z += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var B = "";
+          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (B += " 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 = kr(X);
-          ee ? z += ee : z += Ct();
-          var q;
-          i === null ? q = "null" : He(i) ? q = "array" : i !== void 0 && i.$$typeof === t ? (q = "<" + (Y(i.type) || "Unknown") + " />", z = " Did you accidentally export a JSX literal instead of a component?") : q = typeof i, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, z);
+          ee ? B += ee : B += Ct();
+          var G;
+          i === null ? G = "null" : He(i) ? G = "array" : i !== void 0 && i.$$typeof === t ? (G = "<" + (Y(i.type) || "Unknown") + " />", B = " Did you accidentally export a JSX literal instead of a component?") : G = typeof i, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, B);
         }
         var J = Tr(i, b, I, X, W);
         if (J == null)
@@ -614,7 +614,7 @@ Check the top-level render call using <` + I + ">.");
         if (N) {
           var re = b.children;
           if (re !== void 0)
-            if (j)
+            if ($)
               if (He(re)) {
                 for (var ve = 0; ve < re.length; ve++)
                   Ot(re[ve], i);
@@ -640,7 +640,7 @@ Check the top-level render call using <` + I + ">.");
 (function(e) {
   process.env.NODE_ENV === "production" ? e.exports = Ur() : e.exports = Wr();
 })(Xr);
-const Vr = Ie.Fragment, k = Ie.jsx, le = Ie.jsxs;
+const Vr = Ie.Fragment, P = Ie.jsx, le = Ie.jsxs;
 let Fr = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, r) => (r &= 63, r < 36 ? t += r.toString(36) : r < 62 ? t += (r - 26).toString(36).toUpperCase() : r > 62 ? t += "-" : t += "_", t), "");
 class Kr {
   constructor(t, r, n = null) {
@@ -761,7 +761,7 @@ const Hr = ({
       });
     }), e.emit("joinSuperSocket", { room: t, userId: o });
   });
-}, at = g.createContext(), qr = () => /* @__PURE__ */ k(
+}, at = g.createContext(), qr = () => /* @__PURE__ */ P(
   "div",
   {
     style: {
@@ -773,7 +773,7 @@ const Hr = ({
       justifyContent: "center",
       alignItems: "center"
     },
-    children: /* @__PURE__ */ k("h2", { children: "🌀 Loading..." })
+    children: /* @__PURE__ */ P("h2", { children: "🌀 Loading..." })
   }
 ), or = ({
   socket: e,
@@ -806,7 +806,7 @@ const Hr = ({
   })), () => {
     var E;
     (E = c.current) == null || E.leave();
-  }) : null, [r, t, e]), !s || !d ? /* @__PURE__ */ k(n, {}) : /* @__PURE__ */ k(
+  }) : null, [r, t, e]), !s || !d ? /* @__PURE__ */ P(n, {}) : /* @__PURE__ */ P(
     at.Provider,
     {
       value: { ...S, [r]: { wire: d, joined: s, isMaster: u, room: t } },
@@ -1066,11 +1066,11 @@ function tn() {
             }
             return w = Y, Y;
           }
-          var G = m, P = w;
-          if (n(G, A))
-            return P;
-          var $ = S(A);
-          return v !== void 0 && v(P, $) ? P : (m = A, w = $, $);
+          var K = m, k = w;
+          if (n(K, A))
+            return k;
+          var j = S(A);
+          return v !== void 0 && v(k, j) ? k : (m = A, w = j, j);
         }, T = h === void 0 ? null : h, D = function() {
           return R(c());
         }, M = T === null ? void 0 : function() {
@@ -1386,7 +1386,7 @@ const cr = g.createContext(), ln = (e, t) => ({
     const u = a.subscribe((l) => {
       l.ready && (u(), s(!0));
     });
-  }, [a]), o ? /* @__PURE__ */ k(cr.Provider, { value: a, children: t }) : null;
+  }, [a]), o ? /* @__PURE__ */ P(cr.Provider, { value: a, children: t }) : null;
 }, oe = (e, t) => {
   const r = _e(cr);
   return We(r, e, t || Ve);
@@ -1488,7 +1488,7 @@ const cr = g.createContext(), ln = (e, t) => ({
       ...yn(...r)
     }))
   );
-  return /* @__PURE__ */ k(lr.Provider, { value: t, children: e });
+  return /* @__PURE__ */ P(lr.Provider, { value: t, children: e });
 }, Z = (e, t) => {
   const r = _e(lr);
   return We(r, e, t || Ve);
@@ -1641,8 +1641,8 @@ const wn = ({
       };
       nt && console.log("New expected values: ", T, D, M, A);
       const Y = c(M);
-      let [U, G] = [T, D];
-      (T !== R.translateX || D !== R.translateY) && ([U, G] = wn({
+      let [U, K] = [T, D];
+      (T !== R.translateX || D !== R.translateY) && ([U, K] = wn({
         x: T,
         y: D,
         scale: Y,
@@ -1650,11 +1650,11 @@ const wn = ({
         itemExtent: _,
         boardWrapperRect: m,
         boardSize: w
-      })), nt && console.log("New fixed values: ", U, G, Y, A), t({
-        translateX: U,
-        translateY: G,
-        scale: Y,
-        rotate: A
+      })), nt && console.log("New fixed values: ", U, K, Y, A), t({
+        translateX: isNaN(U) ? 0 : U,
+        translateY: isNaN(K) ? 0 : K,
+        scale: isNaN(Y) ? c(1) : Y,
+        rotate: isNaN(A) ? 0 : A
       });
     },
     [c, e, n, t]
@@ -1689,16 +1689,16 @@ const wn = ({
     [c, e, n, h]
   ), E = g.useCallback(
     ({ x: p, y: _, radius: m }) => {
-      const { rotate: w } = e(), { boardWrapperRect: R, boardSize: T } = n(), D = R.width / (m * 2), M = R.height / (m * 2), A = c(Math.min(D, M) * En), [Y, U] = Be(
-        [-T / 2 - p, -T / 2 - _],
+      const { rotate: w } = e(), { boardWrapperRect: R, boardSize: T } = n(), [D, M, A] = [p || 0, _ || 0, m || 2e3], Y = R.width / (A * 2), U = R.height / (A * 2), K = c(Math.min(Y, U) * En), [k, j] = Be(
+        [-T / 2 - D, -T / 2 - M],
         {
           translateX: R.width / 2,
           translateY: R.height / 2,
-          scale: A,
+          scale: K,
           rotate: w
         }
       );
-      h((G) => ({ ...G, translateX: Y, translateY: U, scale: A }));
+      h((L) => ({ ...L, translateX: k, translateY: j, scale: K }));
     },
     [c, e, n, h]
   ), O = g.useCallback(() => {
@@ -1785,11 +1785,11 @@ const wn = ({
   );
   return { register: o, call: s };
 }, ht = () => {
-  const { call: e } = Ft("place"), { call: t } = Ft("delete"), { getCenter: r, updateItemExtent: n } = Me(), [o, s, a, u] = Z((P) => [
-    P.clear,
-    P.reverse,
-    P.unselect,
-    P.getConfiguration
+  const { call: e } = Ft("place"), { call: t } = Ft("delete"), { getCenter: r, updateItemExtent: n } = Me(), [o, s, a, u] = Z((k) => [
+    k.clear,
+    k.reverse,
+    k.unselect,
+    k.getConfiguration
   ]), {
     getItems: l,
     getItemIds: d,
@@ -1802,89 +1802,89 @@ const wn = ({
     setItemList: O
   } = oe(
     ({
-      getItems: P,
-      getItemIds: $,
-      setItemIds: B,
+      getItems: k,
+      getItemIds: j,
+      setItemIds: L,
       updateItems: V,
-      moveItems: L,
+      moveItems: z,
       removeItemsById: F,
-      getItemList: H,
+      getItemList: q,
       insertItems: te,
       setItemList: Q
     }) => ({
-      getItems: P,
-      getItemIds: $,
-      setItemIds: B,
+      getItems: k,
+      getItemIds: j,
+      setItemIds: L,
       updateItems: V,
-      moveItems: L,
+      moveItems: z,
       removeItemsById: F,
-      getItemList: H,
+      getItemList: q,
       insertItems: te,
       setItemList: Q
     })
   ), y = g.useCallback(
-    (P, $, B = !1) => {
-      let V = $;
-      typeof $ == "object" && (V = () => $);
-      const L = d().filter((Q) => P.includes(Q)), F = l(), H = L.map((Q) => {
+    (k, j, L = !1) => {
+      let V = j;
+      typeof j == "object" && (V = () => j);
+      const z = d().filter((Q) => k.includes(Q)), F = l(), q = z.map((Q) => {
         const ne = F[Q];
-        return B ? [Q, V(ne)] : [Q, V({ ...ne })];
+        return L ? [Q, V(ne)] : [Q, V({ ...ne })];
       }).filter(([, Q]) => Q);
-      if (H.length === 0)
+      if (q.length === 0)
         return;
-      const te = Object.fromEntries(H);
-      c(te, B), n();
+      const te = Object.fromEntries(q);
+      c(te, L), n();
     },
     [d, l, n, c]
   ), x = g.useCallback(
-    (P) => {
-      O(P), o(), n();
+    (k) => {
+      O(k), o(), n();
     },
     [o, O, n]
   ), C = g.useCallback(
-    (P, $, B = !1) => {
-      y([P], $, B);
+    (k, j, L = !1) => {
+      y([k], j, L);
     },
     [y]
   ), p = g.useCallback(
-    (P, $) => {
+    (k, j) => {
       h(
-        Nt(l(), d(), P),
-        $
+        Nt(l(), d(), k),
+        j
       );
     },
     [d, l, h]
   ), _ = g.useCallback(
-    (P) => {
-      const $ = d(), B = $.filter((L) => !P.includes(L)), V = $.filter(
-        (L) => P.includes(L)
+    (k) => {
+      const j = d(), L = j.filter((z) => !k.includes(z)), V = j.filter(
+        (z) => k.includes(z)
       );
-      f([...B, ...V]);
+      f([...L, ...V]);
     },
     [d, f]
   ), m = g.useCallback(
-    (P, { type: $, size: B } = {}) => {
+    (k, { type: j, size: L } = {}) => {
       const { uid: V } = u();
       y(
-        P,
-        (L) => {
-          const F = Ne(V, L.id);
+        k,
+        (z) => {
+          const F = Ne(V, z.id);
           if (!F)
             return;
-          const H = {
-            type: $ || "grid",
-            size: B || 1,
+          const q = {
+            type: j || "grid",
+            size: L || 1,
             offset: { x: 0, y: 0 },
-            ...L.grid
+            ...z.grid
           };
           return cn(
             {
-              x: L.x,
-              y: L.y,
+              x: z.x,
+              y: z.y,
               width: F.clientWidth,
               height: F.clientHeight
             },
-            H
+            q
           );
         },
         !0
@@ -1892,13 +1892,13 @@ const wn = ({
     },
     [u, y]
   ), w = g.useCallback(
-    (P, $) => {
-      const B = Nt(
+    (k, j) => {
+      const L = Nt(
         l(),
         d(),
-        P
+        k
       );
-      _(B), y(B, { moving: !1 }, !0), m(B, $), e(P), n();
+      _(L), y(L, { moving: !1 }, !0), m(L, j), e(k), n();
     },
     [
       y,
@@ -1910,25 +1910,25 @@ const wn = ({
       n
     ]
   ), R = g.useCallback(
-    (P) => {
-      f(P);
+    (k) => {
+      f(k);
     },
     [f]
   ), T = g.useCallback(
-    (P) => {
-      const $ = d(), B = $.filter(
-        (L) => P.includes(L)
-      ), V = $.map((L) => P.includes(L) ? B.pop() : L);
+    (k) => {
+      const j = d(), L = j.filter(
+        (z) => k.includes(z)
+      ), V = j.map((z) => k.includes(z) ? L.pop() : z);
       f(V), s();
     },
     [d, s, f]
   ), D = g.useCallback(
-    (P, $) => {
-      const B = l(), V = Object.fromEntries(
-        $.map((H, te) => {
-          const Q = B[P[te]];
+    (k, j) => {
+      const L = l(), V = Object.fromEntries(
+        j.map((q, te) => {
+          const Q = L[k[te]];
           return [
-            H,
+            q,
             {
               x: Q.x,
               y: Q.y
@@ -1937,56 +1937,56 @@ const wn = ({
         })
       );
       y(
-        P,
-        (H) => V[H.id],
+        k,
+        (q) => V[q.id],
         !0
       );
-      const L = Object.fromEntries(
-        P.map((H, te) => [H, $[te]])
-      ), F = d().map((H) => P.includes(H) ? L[H] : H);
+      const z = Object.fromEntries(
+        k.map((q, te) => [q, j[te]])
+      ), F = d().map((q) => k.includes(q) ? z[q] : q);
       f(F);
     },
     [l, y, d, f]
   ), M = g.useCallback(
-    (P, $) => {
-      const B = r(), V = P.map((L, F) => !L.x || !L.y ? { ...L, x: B.x + 2 * F, y: B.y + 2 * F } : L);
-      E(V, $), w(P.map(({ id: L }) => L));
+    (k, j) => {
+      const L = r(), V = k.map((z, F) => !z.x || !z.y ? { ...z, x: L.x + 2 * F, y: L.y + 2 * F } : z);
+      E(V, j), w(k.map(({ id: z }) => z));
     },
     [r, E, w]
   ), A = g.useCallback(
-    (P, $) => {
-      M([P], $);
+    (k, j) => {
+      M([k], j);
     },
     [M]
   ), Y = g.useCallback(
-    (P) => {
-      a(P), S(P), t(P);
+    (k) => {
+      a(k), S(k), t(k);
     },
     [a, S, t]
   ), U = g.useCallback(
-    (P) => {
-      const $ = l();
-      return P.map((B) => $[B]);
+    (k) => {
+      const j = l();
+      return k.map((L) => j[L]);
     },
     [l]
-  ), G = g.useCallback(
-    ({ target: P, clientX: $, clientY: B }, { returnLocked: V = !1, passLocked: L = !1 } = {}) => {
-      if (["INPUT", "TEXTAREA"].includes(P.tagName))
+  ), K = g.useCallback(
+    ({ target: k, clientX: j, clientY: L }, { returnLocked: V = !1, passLocked: z = !1 } = {}) => {
+      if (["INPUT", "TEXTAREA"].includes(k.tagName))
         return null;
-      const F = Oe(P, "item");
+      const F = Oe(k, "item");
       if (F) {
         if (ye(F, "selected"))
           return F;
-        if (!L && ye(F, "locked") && !ye(P, "passthrough"))
+        if (!z && ye(F, "locked") && !ye(k, "passthrough"))
           return V ? F : null;
-        if (ye(P, "passthrough")) {
-          const H = d(), { uid: te } = u(), Q = H.reduce((ne, ie) => {
+        if (ye(k, "passthrough")) {
+          const q = d(), { uid: te } = u(), Q = q.reduce((ne, ie) => {
             const me = Ne(te, ie), ge = me.getBoundingClientRect();
-            return dt({ x: $, y: B }, ge) && ne.unshift(me), ne;
+            return dt({ x: j, y: L }, ge) && ne.unshift(me), ne;
           }, []);
           for (let ne = 0; ne < Q.length; ne += 1) {
             const ie = Q[ne];
-            if (ie !== F && (L || !ye(ie, "locked")))
+            if (ie !== F && (z || !ye(ie, "locked")))
               return ie;
           }
           return null;
@@ -2010,7 +2010,7 @@ const wn = ({
     pushItems: M,
     removeItems: Y,
     getItemList: v,
-    findElementUnderPointer: G,
+    findElementUnderPointer: K,
     getItems: U
   };
 };
@@ -2259,7 +2259,7 @@ const fr = g.createContext(), lt = (e) => {
     }
   }, [n, o, r]), g.useEffect(() => {
     n && o && o.getState().updateCurrentUser({ isMaster: n });
-  }, [n, o, r]), a ? /* @__PURE__ */ k(fr.Provider, { value: o, children: t }) : null;
+  }, [n, o, r]), a ? /* @__PURE__ */ P(fr.Provider, { value: o, children: t }) : null;
 }, Se = (e, t) => {
   const r = _e(fr);
   return We(r, e, t || Ve);
@@ -2348,7 +2348,7 @@ const fr = g.createContext(), lt = (e) => {
       )
     )
   );
-  return /* @__PURE__ */ k(pr.Provider, { value: o, children: t });
+  return /* @__PURE__ */ P(pr.Provider, { value: o, children: t });
 }, Mn = (e, t) => {
   const r = _e(pr);
   return We(r, e, t || Ve);
@@ -2387,38 +2387,38 @@ const fr = g.createContext(), lt = (e) => {
     itemIds: n.map(({ id: c }) => c),
     items: Object.fromEntries(n.map((c) => [c.id, c]))
   }));
-  return Xe("room") ? /* @__PURE__ */ k(
+  return Xe("room") ? /* @__PURE__ */ P(
     Ht,
     {
       storeName: `${l}_messages`,
       defaultValue: o,
-      children: /* @__PURE__ */ k(Vt, { children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ P(Vt, { children: /* @__PURE__ */ P(
         Wt,
         {
           storeName: `${l}_item`,
           defaultValue: d,
-          children: /* @__PURE__ */ k(qt, { ...a, session: l })
+          children: /* @__PURE__ */ P(qt, { ...a, session: l })
         }
       ) })
     }
-  ) : /* @__PURE__ */ k(
+  ) : /* @__PURE__ */ P(
     or,
     {
       room: u,
       channel: "room",
       socket: e,
       LoadingComponent: s,
-      children: /* @__PURE__ */ k(dr, { storeName: `${u}_users`, children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ P(dr, { storeName: `${u}_users`, children: /* @__PURE__ */ P(
         Ht,
         {
           storeName: `${l}_messages`,
           defaultValue: o,
-          children: /* @__PURE__ */ k(Vt, { children: /* @__PURE__ */ k(
+          children: /* @__PURE__ */ P(Vt, { children: /* @__PURE__ */ P(
             Wt,
             {
               storeName: `${l}_item`,
               defaultValue: d,
-              children: /* @__PURE__ */ k(qt, { ...a, session: l })
+              children: /* @__PURE__ */ P(qt, { ...a, session: l })
             }
           ) })
         }
@@ -2427,14 +2427,14 @@ const fr = g.createContext(), lt = (e) => {
   );
 }, hs = ({ socket: e, room: t, children: r, LoadingComponent: n }) => {
   const [o] = g.useState(t || pe());
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ P(
     or,
     {
       room: o,
       channel: "room",
       socket: e,
       LoadingComponent: n,
-      children: /* @__PURE__ */ k(dr, { storeName: `${o}_users`, children: r })
+      children: /* @__PURE__ */ P(dr, { storeName: `${o}_users`, children: r })
     }
   );
 };
@@ -2481,12 +2481,12 @@ let jn = { data: "" }, $n = (e) => typeof window == "object" ? ((e ? e.querySele
   }
   return n + o + (a ?? "");
 }, "");
-function K(e) {
+function H(e) {
   let t = this || {}, r = e.call ? e(t.p) : e;
   return zn(r.unshift ? r.raw ? Yn(r, [].slice.call(arguments, 1), t.p) : r.reduce((n, o) => Object.assign(n, o && o.call ? o(t.p) : o), {}) : r, $n(t.target), t.g, t.o, t.k);
 }
-K.bind({ g: 1 });
-K.bind({ k: 1 });
+H.bind({ g: 1 });
+H.bind({ k: 1 });
 function Bn(e, t, r, n) {
   fe.p = t;
 }
@@ -2635,7 +2635,7 @@ const se = new Kn(), Fe = ({
           const { clientX: M, clientY: A } = Jt(
             c.current.pointers,
             m
-          ), Y = (M + p) / 2, U = (A + _) / 2, G = Zt(
+          ), Y = (M + p) / 2, U = (A + _) / 2, K = Zt(
             [M, A],
             [p, _]
           );
@@ -2647,8 +2647,8 @@ const se = new Kn(), Fe = ({
             startY: _,
             prevX: Y,
             prevY: U,
-            startDistance: G,
-            prevDistance: G
+            startDistance: K,
+            prevDistance: K
           });
         } catch (M) {
           console.log("Error while getting other pointer. Ignoring", M), c.current.mainPointer;
@@ -2705,20 +2705,20 @@ const se = new Kn(), Fe = ({
       const D = Object.keys(c.current.pointers).length === 2;
       let M, A, Y = 0;
       if (D) {
-        const { clientX: $, clientY: B } = Jt(
+        const { clientX: j, clientY: L } = Jt(
           c.current.pointers,
           x
         );
-        M = ($ + C) / 2, A = (B + p) / 2, Y = Zt(
-          [$, B],
+        M = (j + C) / 2, A = (L + p) / 2, Y = Zt(
+          [j, L],
           [C, p]
         );
       } else
         M = C, A = p;
       let U = m || _ || w || R || T !== 1;
       d !== "drag" && (U = !U);
-      const G = !U, P = U;
-      if (G) {
+      const K = !U, k = U;
+      if (K) {
         c.current.gestureStart || (f.current.style.cursor = "move", c.current.gestureStart = !0, clearTimeout(c.current.longTapTimeout), se.add(r, {
           deltaX: 0,
           deltaY: 0,
@@ -2736,16 +2736,16 @@ const se = new Kn(), Fe = ({
           target: c.current.target,
           event: c.current.pointerDownEvent
         }));
-        const $ = M - c.current.prevX, B = A - c.current.prevY, V = M - c.current.startX, L = A - c.current.startY;
+        const j = M - c.current.prevX, L = A - c.current.prevY, V = M - c.current.startX, z = A - c.current.startY;
         se.add(t, {
-          deltaX: $,
-          deltaY: B,
+          deltaX: j,
+          deltaY: L,
           startX: c.current.startX,
           startY: c.current.startY,
           clientX: M,
           clientY: A,
           distanceX: V,
-          distanceY: L,
+          distanceY: z,
           button: c.current.currentButton,
           altKey: _,
           shiftKey: m,
@@ -2755,12 +2755,12 @@ const se = new Kn(), Fe = ({
           event: y
         });
       }
-      if (P) {
+      if (k) {
         c.current.gestureStart || (f.current.style.cursor = "move", c.current.gestureStart = !0, clearTimeout(c.current.longTapTimeout));
-        const $ = M - c.current.prevX, B = A - c.current.prevY, { target: V } = c.current;
+        const j = M - c.current.prevX, L = A - c.current.prevY, { target: V } = c.current;
         if (se.add(o, {
-          deltaX: $,
-          deltaY: B,
+          deltaX: j,
+          deltaY: L,
           button: c.current.currentButton,
           altKey: _,
           shiftKey: m,
@@ -2769,9 +2769,9 @@ const se = new Kn(), Fe = ({
           target: V,
           event: y
         }), Y !== c.current.prevDistance && l) {
-          const L = c.current.prevDistance - Y;
-          Math.abs(L) > 0 && (se.add(l, {
-            scale: L * 3,
+          const z = c.current.prevDistance - Y;
+          Math.abs(z) > 0 && (se.add(l, {
+            scale: z * 3,
             clientX: M,
             clientY: A,
             event: y
@@ -2852,7 +2852,7 @@ const se = new Kn(), Fe = ({
       }
     }
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ P(
     "div",
     {
       onWheel: h,
@@ -2882,44 +2882,44 @@ const se = new Kn(), Fe = ({
   );
 }, st = ({ onResize: e, ...t }) => {
   const [r] = Z((o) => [o.getBoardState]);
-  return /* @__PURE__ */ k(Fe, { onDrag: ({ deltaX: o, deltaY: s, event: a }) => {
+  return /* @__PURE__ */ P(Fe, { onDrag: ({ deltaX: o, deltaY: s, event: a }) => {
     a.stopPropagation();
     const { scale: u } = r();
     e({
       width: o / u,
       height: s / u
     });
-  }, children: /* @__PURE__ */ k("div", { ...t }) });
-}, Hn = K`
+  }, children: /* @__PURE__ */ P("div", { ...t }) });
+}, Hn = H`
   display: inline-block;
   transition: transform 150ms;
   user-select: none;
   padding: 2px;
   box-sizing: border-box;
-`, qn = K`
+`, qn = H`
   border: 2px dashed #db5034;
   padding: 0px;
   cursor: pointer;
-`, xe = K`
+`, xe = H`
   position: absolute;
   width: 0px;
   height: 0px;
-`, Gn = K`
+`, Gn = H`
   top: 0;
   left: 0;
-`, Jn = K`
+`, Jn = H`
   top: 0;
   right: 0;
-`, Zn = K`
+`, Zn = H`
   bottom: 0;
   left: 0;
-`, Qn = K`
+`, Qn = H`
   bottom: 0;
   right: 0;
-`, eo = K`
+`, eo = H`
   top: 50%;
   left: 50%;
-`, it = K`
+`, it = H`
   position: absolute;
 
   width: 10px;
@@ -2927,22 +2927,22 @@ const se = new Kn(), Fe = ({
   border: 2px solid #db5034;
   background-color: #db5034;
   cursor: move;
-`, to = K`
+`, to = H`
   cursor: ew-resize;
   right: -6px;
   top: calc(50% - 5px);
-`, ro = K`
+`, ro = H`
   cursor: ns-resize;
   bottom: -6px;
   left: calc(50% - 5px);
-`, no = K`
+`, no = H`
   cursor: nwse-resize;
   bottom: -6px;
   right: -6px;
 `, oo = ({ onReload: e }) => /* @__PURE__ */ le(
   "div",
   {
-    className: `syncboard-error-item ${K({
+    className: `syncboard-error-item ${H({
       width: "100px",
       display: "flex",
       flexDirection: "column",
@@ -2952,7 +2952,7 @@ const se = new Kn(), Fe = ({
     })}`,
     children: [
       "Sorry, this item seems broken.",
-      /* @__PURE__ */ k("button", { onClick: e, children: "Reload it" })
+      /* @__PURE__ */ P("button", { onClick: e, children: "Reload it" })
     ]
   }
 );
@@ -2975,7 +2975,7 @@ class so extends g.Component {
   }
   render() {
     const { ErrorComponent: t } = this.props;
-    return this.state.hasError ? /* @__PURE__ */ k(t, { onReload: this.onReload }) : this.props.children;
+    return this.state.hasError ? /* @__PURE__ */ P(t, { onReload: this.onReload }) : this.props.children;
   }
 }
 const io = (e) => {
@@ -3050,7 +3050,7 @@ const io = (e) => {
   }, m = ({ width: R }) => {
     C({ height: R, width: R, keepRatio: !0 });
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ P(
     "div",
     {
       style: { transform: `rotate(${r}deg` },
@@ -3066,36 +3066,36 @@ const io = (e) => {
           onKeyDown: (R) => R.stopPropagation(),
           onKeyUp: (R) => R.stopPropagation(),
           children: [
-            /* @__PURE__ */ k(
+            /* @__PURE__ */ P(
               so,
               {
                 itemId: n,
                 state: a,
                 ErrorComponent: ((w = d == null ? void 0 : d.error) == null ? void 0 : w.component) || oo,
-                children: /* @__PURE__ */ k(S, { ...a, id: n, setState: O })
+                children: /* @__PURE__ */ P(S, { ...a, id: n, setState: O })
               }
             ),
-            /* @__PURE__ */ k("div", { className: `corner ${xe} ${Gn}` }),
-            /* @__PURE__ */ k("div", { className: `corner ${xe} ${Jn}` }),
-            /* @__PURE__ */ k("div", { className: `corner ${xe} ${Qn}` }),
-            /* @__PURE__ */ k("div", { className: `corner ${xe} ${Zn}` }),
-            /* @__PURE__ */ k("div", { className: `center ${xe} ${eo}` }),
+            /* @__PURE__ */ P("div", { className: `corner ${xe} ${Gn}` }),
+            /* @__PURE__ */ P("div", { className: `corner ${xe} ${Jn}` }),
+            /* @__PURE__ */ P("div", { className: `corner ${xe} ${Qn}` }),
+            /* @__PURE__ */ P("div", { className: `corner ${xe} ${Zn}` }),
+            /* @__PURE__ */ P("div", { className: `center ${xe} ${eo}` }),
             f && /* @__PURE__ */ le(Vr, { children: [
-              v.b && /* @__PURE__ */ k(
+              v.b && /* @__PURE__ */ P(
                 st,
                 {
                   className: `${it} ${no}`,
                   onResize: m
                 }
               ),
-              v.h && /* @__PURE__ */ k(
+              v.h && /* @__PURE__ */ P(
                 st,
                 {
                   className: `${it} ${ro}`,
                   onResize: _
                 }
               ),
-              v.w && /* @__PURE__ */ k(
+              v.w && /* @__PURE__ */ P(
                 st,
                 {
                   className: `${it} ${to}`,
@@ -3131,7 +3131,7 @@ const io = (e) => {
     moving: l,
     ...d
   } = o(e, { getCurrentUser: t }), f = (u + 4) * 10 + 100 + (l ? 5 : 0);
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ P(
     "div",
     {
       className: r,
@@ -3139,7 +3139,7 @@ const io = (e) => {
         transform: `translate(${s}px, ${a}px)`,
         zIndex: f
       },
-      children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ P(
         lo,
         {
           ...n,
@@ -3160,14 +3160,14 @@ const io = (e) => {
       d.config.itemTemplates,
       d.selection
     ]
-  ), [u] = Se((d) => [d.getUser]), l = K({
+  ), [u] = Se((d) => [d.getUser]), l = H({
     position: "absolute",
     top: `${n / 2}px`,
     left: `${n / 2}px`,
     display: "inline-block",
     lineHeight: 0
   });
-  return t.map((d) => /* @__PURE__ */ k(
+  return t.map((d) => /* @__PURE__ */ P(
     mo,
     {
       state: r[d],
@@ -3217,7 +3217,7 @@ function ue(e, ...t) {
     return vo(s, t[0], o, ...a), () => yo(s, t[0], o, ...a);
   }, [e, t[0]]);
 }
-const _o = K({
+const _o = H({
   zIndex: 210,
   position: "absolute",
   backgroundColor: "hsla(0, 40%, 50%, 10%)",
@@ -3263,7 +3263,7 @@ const _o = K({
         o(R);
       });
     }
-  }, [a, d, f, o, S]), /* @__PURE__ */ k(
+  }, [a, d, f, o, S]), /* @__PURE__ */ P(
     Fe,
     {
       onDragStart: async (m) => {
@@ -3305,7 +3305,7 @@ const _o = K({
       },
       mainAction: t ? "pan" : "drag",
       children: /* @__PURE__ */ le("div", { ref: E, children: [
-        f.moving && /* @__PURE__ */ k(
+        f.moving && /* @__PURE__ */ P(
           "div",
           {
             style: {
@@ -3399,7 +3399,7 @@ const _o = K({
         }), y.preventDefault();
       }
     }
-  }), /* @__PURE__ */ k(Fe, { onDragStart: S, onDrag: v, onDragEnd: E, children: e });
+  }), /* @__PURE__ */ P(Fe, { onDragStart: S, onDrag: v, onDragEnd: E, children: e });
 }, xo = (e) => {
   const t = g.useRef({ hover: !1, x: 0, y: 0 });
   return ue(e.current, "mousemove", (n) => {
@@ -3499,13 +3499,13 @@ const _o = K({
   }, C = (p) => {
     ["INPUT", "TEXTAREA"].includes(p.target.tagName) || p.key === " " && v().hover && l({ factor: 1 / 3, to: v() });
   };
-  return ue(document, "keydown", x), ue(document, "keyup", C), /* @__PURE__ */ k(
+  return ue(document, "keydown", x), ue(document, "keyup", C), /* @__PURE__ */ P(
     Fe,
     {
       onPan: y,
       onZoom: O,
       mainAction: t ? "pan" : "drag",
-      children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ P(
         "div",
         {
           style: {
@@ -3520,7 +3520,7 @@ const _o = K({
       )
     }
   );
-}, Oo = K({
+}, Oo = H({
   position: "absolute",
   top: 0,
   left: 0,
@@ -3576,7 +3576,7 @@ const _o = K({
     u,
     d,
     f
-  ]), !r || e.length < 2 ? null : /* @__PURE__ */ k(
+  ]), !r || e.length < 2 ? null : /* @__PURE__ */ P(
     "div",
     {
       style: {
@@ -3589,7 +3589,7 @@ const _o = K({
   );
 }, ko = () => {
   const [e] = Z((t) => [t.boardState.movingItems]);
-  return e ? null : /* @__PURE__ */ k(To, {});
+  return e ? null : /* @__PURE__ */ P(To, {});
 }, Po = typeof window < "u" && typeof navigator < "u" && typeof document < "u";
 let Le;
 function Mo() {
@@ -3714,13 +3714,13 @@ function Vo(e) {
 function Fo(e) {
   return Vo(e) > 0.179;
 }
-const Ko = K({
+const Ko = H({
   display: "flex",
   flexDirection: "row",
   alignItems: "center",
   zIndex: 210,
   pointerEvents: "none"
-}), Ho = K({
+}), Ho = H({
   fontWeight: "bold",
   padding: "0 0.5em",
   borderRadius: "2px",
@@ -3743,7 +3743,7 @@ const Ko = K({
         width: t,
         height: t,
         children: [
-          /* @__PURE__ */ k(
+          /* @__PURE__ */ P(
             "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",
@@ -3752,7 +3752,7 @@ const Ko = K({
               }
             }
           ),
-          /* @__PURE__ */ k(
+          /* @__PURE__ */ P(
             "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",
@@ -3766,7 +3766,7 @@ const Ko = K({
         ]
       }
     ),
-    /* @__PURE__ */ k(
+    /* @__PURE__ */ P(
       "div",
       {
         style: {
@@ -3778,20 +3778,20 @@ const Ko = K({
       }
     )
   ] });
-}, Go = g.memo(qo), Jo = K({
+}, Go = g.memo(qo), Jo = H({
   top: 0,
   left: 0,
   zIndex: 210,
   position: "fixed",
   pointerEvents: "none"
-}), Zo = ({ pos: e, ...t }) => /* @__PURE__ */ k(
+}), Zo = ({ pos: e, ...t }) => /* @__PURE__ */ P(
   "div",
   {
     className: Jo,
     style: {
       transform: `translate(${e.x - 6}px, ${e.y - 15}px)`
     },
-    children: /* @__PURE__ */ k(Go, { ...t })
+    children: /* @__PURE__ */ P(Go, { ...t })
   }
 ), Qo = ({ children: e }) => {
   const [t] = Z((v) => [
@@ -3824,7 +3824,7 @@ const Ko = K({
         x: O + f.left,
         y: y + f.top
       };
-      return dt(x, f) ? /* @__PURE__ */ k(
+      return dt(x, f) ? /* @__PURE__ */ P(
         Zo,
         {
           pos: x,
@@ -3889,7 +3889,7 @@ const Ko = K({
       boardWrapperRect: l.current.getBoundingClientRect()
     });
   });
-  const S = K({ ...ts, ...r });
+  const S = H({ ...ts, ...r });
   return /* @__PURE__ */ le(
     "div",
     {
@@ -3897,7 +3897,7 @@ const Ko = K({
       id: d,
       className: `sync-board ${S}`,
       children: [
-        /* @__PURE__ */ k(Qo, { children: /* @__PURE__ */ k(Eo, { moveFirst: e, children: /* @__PURE__ */ k(Io, { moveFirst: e, children: /* @__PURE__ */ k(wo, { moveFirst: e, children: /* @__PURE__ */ k(u, { children: /* @__PURE__ */ le(
+        /* @__PURE__ */ P(Qo, { children: /* @__PURE__ */ P(Eo, { moveFirst: e, children: /* @__PURE__ */ P(Io, { moveFirst: e, children: /* @__PURE__ */ P(wo, { moveFirst: e, children: /* @__PURE__ */ P(u, { children: /* @__PURE__ */ le(
           "div",
           {
             onContextMenu: (v) => {
@@ -3906,12 +3906,12 @@ const Ko = K({
             style: h,
             className: "board",
             children: [
-              /* @__PURE__ */ k(go, {}),
+              /* @__PURE__ */ P(go, {}),
               s
             ]
           }
         ) }) }) }) }) }),
-        /* @__PURE__ */ k(ko, {})
+        /* @__PURE__ */ P(ko, {})
       ]
     }
   );