@ninesstudios/whiteboard 0.1.8 → 0.2.0

package/dist/whiteboard.es.js

@@ -95,42 +95,42 @@ function No() {
     process.env.NODE_ENV !== "production" && (function() {
       var t = Se, r = Xn(), n = 60103, i = 60106;
       e.Fragment = 60107;
-      var a = 60108, l = 60114, u = 60109, p = 60110, c = 60112, v = 60113, b = 60120, s = 60115, S = 60116, m = 60121, y = 60122, E = 60117, C = 60129, O = 60131;
+      var a = 60108, l = 60114, u = 60109, p = 60110, c = 60112, v = 60113, b = 60120, s = 60115, S = 60116, g = 60121, y = 60122, E = 60117, C = 60129, O = 60131;
       if (typeof Symbol == "function" && Symbol.for) {
         var T = Symbol.for;
-        n = T("react.element"), i = T("react.portal"), e.Fragment = T("react.fragment"), a = T("react.strict_mode"), l = T("react.profiler"), u = T("react.provider"), p = T("react.context"), c = T("react.forward_ref"), v = T("react.suspense"), b = T("react.suspense_list"), s = T("react.memo"), S = T("react.lazy"), m = T("react.block"), y = T("react.server.block"), E = T("react.fundamental"), T("react.scope"), T("react.opaque.id"), C = T("react.debug_trace_mode"), T("react.offscreen"), O = T("react.legacy_hidden");
+        n = T("react.element"), i = T("react.portal"), e.Fragment = T("react.fragment"), a = T("react.strict_mode"), l = T("react.profiler"), u = T("react.provider"), p = T("react.context"), c = T("react.forward_ref"), v = T("react.suspense"), b = T("react.suspense_list"), s = T("react.memo"), S = T("react.lazy"), g = T("react.block"), y = T("react.server.block"), E = T("react.fundamental"), T("react.scope"), T("react.opaque.id"), C = T("react.debug_trace_mode"), T("react.offscreen"), O = T("react.legacy_hidden");
       }
       var A = typeof Symbol == "function" && Symbol.iterator, x = "@@iterator";
       function I(d) {
         if (d === null || typeof d != "object")
           return null;
-        var M = A && d[A] || d[x];
-        return typeof M == "function" ? M : null;
+        var k = A && d[A] || d[x];
+        return typeof k == "function" ? k : null;
       }
       var $ = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
       function j(d) {
         {
-          for (var M = arguments.length, L = new Array(M > 1 ? M - 1 : 0), B = 1; B < M; B++)
+          for (var k = arguments.length, L = new Array(k > 1 ? k - 1 : 0), B = 1; B < k; B++)
             L[B - 1] = arguments[B];
           F("error", d, L);
         }
       }
-      function F(d, M, L) {
+      function F(d, k, L) {
         {
           var B = $.ReactDebugCurrentFrame, J = B.getStackAddendum();
-          J !== "" && (M += "%s", L = L.concat([J]));
+          J !== "" && (k += "%s", L = L.concat([J]));
           var Z = L.map(function(K) {
             return "" + K;
           });
-          Z.unshift("Warning: " + M), Function.prototype.apply.call(console[d], console, Z);
+          Z.unshift("Warning: " + k), Function.prototype.apply.call(console[d], console, Z);
         }
       }
       var R = !1;
       function Q(d) {
-        return !!(typeof d == "string" || typeof d == "function" || d === e.Fragment || d === l || d === C || d === a || d === v || d === b || d === O || R || typeof d == "object" && d !== null && (d.$$typeof === S || d.$$typeof === s || d.$$typeof === u || d.$$typeof === p || d.$$typeof === c || d.$$typeof === E || d.$$typeof === m || d[0] === y));
+        return !!(typeof d == "string" || typeof d == "function" || d === e.Fragment || d === l || d === C || d === a || d === v || d === b || d === O || R || typeof d == "object" && d !== null && (d.$$typeof === S || d.$$typeof === s || d.$$typeof === u || d.$$typeof === p || d.$$typeof === c || d.$$typeof === E || d.$$typeof === g || d[0] === y));
       }
-      function ue(d, M, L) {
-        var B = M.displayName || M.name || "";
+      function ue(d, k, L) {
+        var B = k.displayName || k.name || "";
         return d.displayName || (B !== "" ? L + "(" + B + ")" : L);
       }
       function pe(d) {
@@ -160,8 +160,8 @@ function No() {
         if (typeof d == "object")
           switch (d.$$typeof) {
             case p:
-              var M = d;
-              return pe(M) + ".Consumer";
+              var k = d;
+              return pe(k) + ".Consumer";
             case u:
               var L = d;
               return pe(L._context) + ".Provider";
@@ -169,7 +169,7 @@ function No() {
               return ue(d, d.render, "ForwardRef");
             case s:
               return ve(d.type);
-            case m:
+            case g:
               return ve(d._render);
             case S: {
               var B = d, J = B._payload, Z = B._init;
@@ -245,7 +245,7 @@ function No() {
         }
       }
       var Ue = $.ReactCurrentDispatcher, qe;
-      function Ie(d, M, L) {
+      function Ie(d, k, L) {
         {
           if (qe === void 0)
             try {
@@ -263,7 +263,7 @@ function No() {
         var et = typeof WeakMap == "function" ? WeakMap : Map;
         De = new et();
       }
-      function Y(d, M) {
+      function Y(d, k) {
         if (!d || je)
           return "";
         {
@@ -278,7 +278,7 @@ function No() {
         var Z;
         Z = Ue.current, Ue.current = null, Qe();
         try {
-          if (M) {
+          if (k) {
             var K = function() {
               throw Error();
             };
@@ -334,14 +334,14 @@ function No() {
         var Ge = d ? d.displayName || d.name : "", qt = Ge ? Ie(Ge) : "";
         return typeof d == "function" && De.set(d, qt), qt;
       }
-      function Ce(d, M, L) {
+      function Ce(d, k, L) {
         return Y(d, !1);
       }
       function V(d) {
-        var M = d.prototype;
-        return !!(M && M.isReactComponent);
+        var k = d.prototype;
+        return !!(k && k.isReactComponent);
       }
-      function be(d, M, L) {
+      function be(d, k, L) {
         if (d == null)
           return "";
         if (typeof d == "function")
@@ -359,13 +359,13 @@ function No() {
             case c:
               return Ce(d.render);
             case s:
-              return be(d.type, M, L);
-            case m:
+              return be(d.type, k, L);
+            case g:
               return Ce(d._render);
             case S: {
               var B = d, J = B._payload, Z = B._init;
               try {
-                return be(Z(J), M, L);
+                return be(Z(J), k, L);
               } catch {
               }
             }
@@ -375,12 +375,12 @@ function No() {
       var Pe = {}, ze = $.ReactDebugCurrentFrame;
       function gt(d) {
         if (d) {
-          var M = d._owner, L = be(d.type, d._source, M ? M.type : null);
+          var k = d._owner, L = be(d.type, d._source, k ? k.type : null);
           ze.setExtraStackFrame(L);
         } else
           ze.setExtraStackFrame(null);
       }
-      function Xt(d, M, L, B, J) {
+      function Xt(d, k, L, B, J) {
         {
           var Z = Function.call.bind(Object.prototype.hasOwnProperty);
           for (var K in d)
@@ -391,7 +391,7 @@ function No() {
                   var le = Error((B || "React class") + ": " + L + " type `" + K + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[K] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                   throw le.name = "Invariant Violation", le;
                 }
-                q = d[K](M, K, B, L, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+                q = d[K](k, K, B, L, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
               } catch (ie) {
                 q = ie;
               }
@@ -407,27 +407,27 @@ function No() {
       }, At, It;
       function Bt(d) {
         if (bt.call(d, "ref")) {
-          var M = Object.getOwnPropertyDescriptor(d, "ref").get;
-          if (M && M.isReactWarning)
+          var k = Object.getOwnPropertyDescriptor(d, "ref").get;
+          if (k && k.isReactWarning)
             return !1;
         }
         return d.ref !== void 0;
       }
       function wt(d) {
         if (bt.call(d, "key")) {
-          var M = Object.getOwnPropertyDescriptor(d, "key").get;
-          if (M && M.isReactWarning)
+          var k = Object.getOwnPropertyDescriptor(d, "key").get;
+          if (k && k.isReactWarning)
             return !1;
         }
         return d.key !== void 0;
       }
-      function Ut(d, M) {
+      function Ut(d, k) {
         typeof d.ref == "string" && me.current;
       }
-      function ae(d, M) {
+      function ae(d, k) {
         {
           var L = function() {
-            At || (At = !0, j("%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)", M));
+            At || (At = !0, j("%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)", k));
           };
           L.isReactWarning = !0, Object.defineProperty(d, "key", {
             get: L,
@@ -435,10 +435,10 @@ function No() {
           });
         }
       }
-      function Dt(d, M) {
+      function Dt(d, k) {
         {
           var L = function() {
-            It || (It = !0, j("%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)", M));
+            It || (It = !0, j("%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)", k));
           };
           L.isReactWarning = !0, Object.defineProperty(d, "ref", {
             get: L,
@@ -446,13 +446,13 @@ function No() {
           });
         }
       }
-      var lr = function(d, M, L, B, J, Z, K) {
+      var lr = function(d, k, L, B, J, Z, K) {
         var q = {
           // This tag allows us to uniquely identify this as a React Element
           $$typeof: n,
           // Built-in properties that belong on the element
           type: d,
-          key: M,
+          key: k,
           ref: L,
           props: K,
           // Record the component responsible for creating this element.
@@ -475,12 +475,12 @@ function No() {
           value: J
         }), Object.freeze && (Object.freeze(q.props), Object.freeze(q)), q;
       };
-      function ut(d, M, L, B, J) {
+      function ut(d, k, L, B, J) {
         {
           var Z, K = {}, q = null, le = null;
-          L !== void 0 && (q = "" + L), wt(M) && (q = "" + M.key), Bt(M) && (le = M.ref, Ut(M, J));
-          for (Z in M)
-            bt.call(M, Z) && !Nt.hasOwnProperty(Z) && (K[Z] = M[Z]);
+          L !== void 0 && (q = "" + L), wt(k) && (q = "" + k.key), Bt(k) && (le = k.ref, Ut(k, J));
+          for (Z in k)
+            bt.call(k, Z) && !Nt.hasOwnProperty(Z) && (K[Z] = k[Z]);
           if (d && d.defaultProps) {
             var ie = d.defaultProps;
             for (Z in ie)
@@ -496,7 +496,7 @@ function No() {
       var xt = $.ReactCurrentOwner, zt = $.ReactDebugCurrentFrame;
       function Le(d) {
         if (d) {
-          var M = d._owner, L = be(d.type, d._source, M ? M.type : null);
+          var k = d._owner, L = be(d.type, d._source, k ? k.type : null);
           zt.setExtraStackFrame(L);
         } else
           zt.setExtraStackFrame(null);
@@ -524,22 +524,22 @@ Check the render method of \`` + d + "`.";
       var ft = {};
       function St(d) {
         {
-          var M = Lt();
-          if (!M) {
+          var k = Lt();
+          if (!k) {
             var L = typeof d == "string" ? d : d.displayName || d.name;
-            L && (M = `
+            L && (k = `
 
 Check the top-level render call using <` + L + ">.");
           }
-          return M;
+          return k;
         }
       }
-      function dt(d, M) {
+      function dt(d, k) {
         {
           if (!d._store || d._store.validated || d.key != null)
             return;
           d._store.validated = !0;
-          var L = St(M);
+          var L = St(k);
           if (ft[L])
             return;
           ft[L] = !0;
@@ -547,14 +547,14 @@ Check the top-level render call using <` + L + ">.");
           d && d._owner && d._owner !== xt.current && (B = " It was passed a child from " + ve(d._owner.type) + "."), Le(d), j('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', L, B), Le(null);
         }
       }
-      function ht(d, M) {
+      function ht(d, k) {
         {
           if (typeof d != "object")
             return;
           if (Array.isArray(d))
             for (var L = 0; L < d.length; L++) {
               var B = d[L];
-              rt(B) && dt(B, M);
+              rt(B) && dt(B, k);
             }
           else if (rt(d))
             d._store && (d._store.validated = !0);
@@ -562,39 +562,39 @@ Check the top-level render call using <` + L + ">.");
             var J = I(d);
             if (typeof J == "function" && J !== d.entries)
               for (var Z = J.call(d), K; !(K = Z.next()).done; )
-                rt(K.value) && dt(K.value, M);
+                rt(K.value) && dt(K.value, k);
           }
         }
       }
       function Ct(d) {
         {
-          var M = d.type;
-          if (M == null || typeof M == "string")
+          var k = d.type;
+          if (k == null || typeof k == "string")
             return;
           var L;
-          if (typeof M == "function")
-            L = M.propTypes;
-          else if (typeof M == "object" && (M.$$typeof === c || // Note: Memo only checks outer props here.
+          if (typeof k == "function")
+            L = k.propTypes;
+          else if (typeof k == "object" && (k.$$typeof === c || // Note: Memo only checks outer props here.
           // Inner props are checked in the reconciler.
-          M.$$typeof === s))
-            L = M.propTypes;
+          k.$$typeof === s))
+            L = k.propTypes;
           else
             return;
           if (L) {
-            var B = ve(M);
+            var B = ve(k);
             Xt(L, d.props, "prop", B, d);
-          } else if (M.PropTypes !== void 0 && !tt) {
+          } else if (k.PropTypes !== void 0 && !tt) {
             tt = !0;
-            var J = ve(M);
+            var J = ve(k);
             j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", J || "Unknown");
           }
-          typeof M.getDefaultProps == "function" && !M.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+          typeof k.getDefaultProps == "function" && !k.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
         }
       }
       function _t(d) {
         {
-          for (var M = Object.keys(d.props), L = 0; L < M.length; L++) {
-            var B = M[L];
+          for (var k = Object.keys(d.props), L = 0; L < k.length; L++) {
+            var B = k[L];
             if (B !== "children" && B !== "key") {
               Le(d), j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", B), Le(null);
               break;
@@ -603,7 +603,7 @@ Check the top-level render call using <` + L + ">.");
           d.ref !== null && (Le(d), j("Invalid attribute `ref` supplied to `React.Fragment`."), Le(null));
         }
       }
-      function pt(d, M, L, B, J, Z) {
+      function pt(d, k, L, B, J, Z) {
         {
           var K = Q(d);
           if (!K) {
@@ -614,11 +614,11 @@ Check the top-level render call using <` + L + ">.");
             var ie;
             d === null ? ie = "null" : Array.isArray(d) ? ie = "array" : d !== void 0 && d.$$typeof === n ? (ie = "<" + (ve(d.type) || "Unknown") + " />", q = " Did you accidentally export a JSX literal instead of a component?") : ie = typeof d, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ie, q);
           }
-          var he = ut(d, M, L, J, Z);
+          var he = ut(d, k, L, J, Z);
           if (he == null)
             return he;
           if (K) {
-            var We = M.children;
+            var We = k.children;
             if (We !== void 0)
               if (B)
                 if (Array.isArray(We)) {
@@ -633,11 +633,11 @@ Check the top-level render call using <` + L + ">.");
           return d === e.Fragment ? _t(he) : Ct(he), he;
         }
       }
-      function Wt(d, M, L) {
-        return pt(d, M, L, !0);
+      function Wt(d, k, L) {
+        return pt(d, k, L, !0);
       }
-      function Ht(d, M, L) {
-        return pt(d, M, L, !1);
+      function Ht(d, k, L) {
+        return pt(d, k, L, !1);
       }
       var Ot = Ht, ur = Wt;
       e.jsx = Ot, e.jsxs = ur;
@@ -668,7 +668,7 @@ function Io() {
   }
   var r = typeof Object.is == "function" ? Object.is : t, n = e.useState, i = e.useEffect, a = e.useLayoutEffect, l = e.useDebugValue;
   function u(b, s) {
-    var S = s(), m = n({ inst: { value: S, getSnapshot: s } }), y = m[0].inst, E = m[1];
+    var S = s(), g = n({ inst: { value: S, getSnapshot: s } }), y = g[0].inst, E = g[1];
     return a(
       function() {
         y.value = S, y.getSnapshot = s, p(y) && E({ inst: y });
@@ -712,29 +712,29 @@ var yr = {};
 var on;
 function Do() {
   return on || (on = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(S, m) {
-      return S === m && (S !== 0 || 1 / S === 1 / m) || S !== S && m !== m;
+    function e(S, g) {
+      return S === g && (S !== 0 || 1 / S === 1 / g) || S !== S && g !== g;
     }
-    function t(S, m) {
+    function t(S, g) {
       v || i.startTransition === void 0 || (v = !0, console.error(
         "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 y = m();
+      var y = g();
       if (!b) {
-        var E = m();
+        var E = g();
         a(y, E) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), b = !0);
       }
       E = l({
-        inst: { value: y, getSnapshot: m }
+        inst: { value: y, getSnapshot: g }
       });
       var C = E[0].inst, O = E[1];
       return p(
         function() {
-          C.value = y, C.getSnapshot = m, r(C) && O({ inst: C });
+          C.value = y, C.getSnapshot = g, r(C) && O({ inst: C });
         },
-        [S, y, m]
+        [S, y, g]
       ), u(
         function() {
           return r(C) && O({ inst: C }), S(function() {
@@ -745,17 +745,17 @@ function Do() {
       ), c(y), y;
     }
     function r(S) {
-      var m = S.getSnapshot;
+      var g = S.getSnapshot;
       S = S.value;
       try {
-        var y = m();
+        var y = g();
         return !a(S, y);
       } catch {
         return !0;
       }
     }
-    function n(S, m) {
-      return m();
+    function n(S, g) {
+      return g();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var i = Se, a = typeof Object.is == "function" ? Object.is : e, l = i.useState, u = i.useEffect, p = i.useLayoutEffect, c = i.useDebugValue, v = !1, b = !1, s = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? n : t;
@@ -787,12 +787,12 @@ function zo() {
   }
   var n = typeof Object.is == "function" ? Object.is : r, i = t.useSyncExternalStore, a = e.useRef, l = e.useEffect, u = e.useMemo, p = e.useDebugValue;
   return mr.useSyncExternalStoreWithSelector = function(c, v, b, s, S) {
-    var m = a(null);
-    if (m.current === null) {
+    var g = a(null);
+    if (g.current === null) {
       var y = { hasValue: !1, value: null };
-      m.current = y;
-    } else y = m.current;
-    m = u(
+      g.current = y;
+    } else y = g.current;
+    g = u(
       function() {
         function C(I) {
           if (!O) {
@@ -819,7 +819,7 @@ function zo() {
       },
       [v, b, s, S]
     );
-    var E = i(c, m[0], m[1]);
+    var E = i(c, g[0], g[1]);
     return l(
       function() {
         y.hasValue = !0, y.value = E;
@@ -847,12 +847,12 @@ function Lo() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var t = Se, r = zr(), n = typeof Object.is == "function" ? Object.is : e, i = r.useSyncExternalStore, a = t.useRef, l = t.useEffect, u = t.useMemo, p = t.useDebugValue;
     gr.useSyncExternalStoreWithSelector = function(c, v, b, s, S) {
-      var m = a(null);
-      if (m.current === null) {
+      var g = a(null);
+      if (g.current === null) {
         var y = { hasValue: !1, value: null };
-        m.current = y;
-      } else y = m.current;
-      m = u(
+        g.current = y;
+      } else y = g.current;
+      g = u(
         function() {
           function C(I) {
             if (!O) {
@@ -880,7 +880,7 @@ function Lo() {
         },
         [v, b, s, S]
       );
-      var E = i(c, m[0], m[1]);
+      var E = i(c, g[0], g[1]);
       return l(
         function() {
           y.hasValue = !0, y.value = E;
@@ -950,7 +950,7 @@ function qo(e = st) {
       getServerState: v,
       stabilityCheck: b,
       noopCheck: s
-    } = t(), S = $e(!0), m = se({
+    } = t(), S = $e(!0), g = se({
       [n.name](E) {
         const C = n(E);
         if (process.env.NODE_ENV !== "production") {
@@ -994,7 +994,7 @@ Selectors that return the entire state are almost certainly a mistake, as they w
         }
         return C;
       }
-    }[n.name], [n, b, l]), y = Hn(c.addNestedSub, p.getState, v || p.getState, m, a);
+    }[n.name], [n, b, l]), y = Hn(c.addNestedSub, p.getState, v || p.getState, g, a);
     return Oo(y), y;
   };
 }
@@ -1012,7 +1012,7 @@ var dn;
 function Go() {
   if (dn) return te;
   dn = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, s = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, m = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, O = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, s = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, O = e ? Symbol.for("react.scope") : 60119;
   function T(x) {
     if (typeof x == "object" && x !== null) {
       var I = x.$$typeof;
@@ -1030,7 +1030,7 @@ function Go() {
               switch (x = x && x.$$typeof, x) {
                 case u:
                 case v:
-                case m:
+                case g:
                 case S:
                 case l:
                   return x;
@@ -1046,7 +1046,7 @@ function Go() {
   function A(x) {
     return T(x) === c;
   }
-  return te.AsyncMode = p, te.ConcurrentMode = c, te.ContextConsumer = u, te.ContextProvider = l, te.Element = t, te.ForwardRef = v, te.Fragment = n, te.Lazy = m, te.Memo = S, te.Portal = r, te.Profiler = a, te.StrictMode = i, te.Suspense = b, te.isAsyncMode = function(x) {
+  return te.AsyncMode = p, te.ConcurrentMode = c, te.ContextConsumer = u, te.ContextProvider = l, te.Element = t, te.ForwardRef = v, te.Fragment = n, te.Lazy = g, te.Memo = S, te.Portal = r, te.Profiler = a, te.StrictMode = i, te.Suspense = b, te.isAsyncMode = function(x) {
     return A(x) || T(x) === p;
   }, te.isConcurrentMode = A, te.isContextConsumer = function(x) {
     return T(x) === u;
@@ -1059,7 +1059,7 @@ function Go() {
   }, te.isFragment = function(x) {
     return T(x) === n;
   }, te.isLazy = function(x) {
-    return T(x) === m;
+    return T(x) === g;
   }, te.isMemo = function(x) {
     return T(x) === S;
   }, te.isPortal = function(x) {
@@ -1071,7 +1071,7 @@ function Go() {
   }, te.isSuspense = function(x) {
     return T(x) === b;
   }, te.isValidElementType = function(x) {
-    return typeof x == "string" || typeof x == "function" || x === n || x === c || x === a || x === i || x === b || x === s || typeof x == "object" && x !== null && (x.$$typeof === m || x.$$typeof === S || x.$$typeof === l || x.$$typeof === u || x.$$typeof === v || x.$$typeof === E || x.$$typeof === C || x.$$typeof === O || x.$$typeof === y);
+    return typeof x == "string" || typeof x == "function" || x === n || x === c || x === a || x === i || x === b || x === s || typeof x == "object" && x !== null && (x.$$typeof === g || x.$$typeof === S || x.$$typeof === l || x.$$typeof === u || x.$$typeof === v || x.$$typeof === E || x.$$typeof === C || x.$$typeof === O || x.$$typeof === y);
   }, te.typeOf = T, te;
 }
 var re = {};
@@ -1086,10 +1086,10 @@ var re = {};
 var hn;
 function Ko() {
   return hn || (hn = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, s = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, m = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, O = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, s = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, O = e ? Symbol.for("react.scope") : 60119;
     function T(Y) {
       return typeof Y == "string" || typeof Y == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      Y === n || Y === c || Y === a || Y === i || Y === b || Y === s || typeof Y == "object" && Y !== null && (Y.$$typeof === m || Y.$$typeof === S || Y.$$typeof === l || Y.$$typeof === u || Y.$$typeof === v || Y.$$typeof === E || Y.$$typeof === C || Y.$$typeof === O || Y.$$typeof === y);
+      Y === n || Y === c || Y === a || Y === i || Y === b || Y === s || typeof Y == "object" && Y !== null && (Y.$$typeof === g || Y.$$typeof === S || Y.$$typeof === l || Y.$$typeof === u || Y.$$typeof === v || Y.$$typeof === E || Y.$$typeof === C || Y.$$typeof === O || Y.$$typeof === y);
     }
     function A(Y) {
       if (typeof Y == "object" && Y !== null) {
@@ -1110,7 +1110,7 @@ function Ko() {
                 switch (be) {
                   case u:
                   case v:
-                  case m:
+                  case g:
                   case S:
                   case l:
                     return be;
@@ -1123,7 +1123,7 @@ function Ko() {
         }
       }
     }
-    var x = p, I = c, $ = u, j = l, F = t, R = v, Q = n, ue = m, pe = S, ve = r, we = a, Re = i, Me = b, ke = !1;
+    var x = p, I = c, $ = u, j = l, F = t, R = v, Q = n, ue = g, pe = S, ve = r, we = a, Re = i, Me = b, ke = !1;
     function Fe(Y) {
       return ke || (ke = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), Ne(Y) || A(Y) === p;
     }
@@ -1146,7 +1146,7 @@ function Ko() {
       return A(Y) === n;
     }
     function Ue(Y) {
-      return A(Y) === m;
+      return A(Y) === g;
     }
     function qe(Y) {
       return A(Y) === S;
@@ -1209,30 +1209,30 @@ function Zo() {
     type: !0
   }, a = {};
   a[e.ForwardRef] = n, a[e.Memo] = i;
-  function l(m) {
-    return e.isMemo(m) ? i : a[m.$$typeof] || t;
+  function l(g) {
+    return e.isMemo(g) ? i : a[g.$$typeof] || t;
   }
   var u = Object.defineProperty, p = Object.getOwnPropertyNames, c = Object.getOwnPropertySymbols, v = Object.getOwnPropertyDescriptor, b = Object.getPrototypeOf, s = Object.prototype;
-  function S(m, y, E) {
+  function S(g, y, E) {
     if (typeof y != "string") {
       if (s) {
         var C = b(y);
-        C && C !== s && S(m, C, E);
+        C && C !== s && S(g, C, E);
       }
       var O = p(y);
       c && (O = O.concat(c(y)));
-      for (var T = l(m), A = l(y), x = 0; x < O.length; ++x) {
+      for (var T = l(g), A = l(y), x = 0; x < O.length; ++x) {
         var I = O[x];
         if (!r[I] && !(E && E[I]) && !(A && A[I]) && !(T && T[I])) {
           var $ = v(y, I);
           try {
-            u(m, I, $);
+            u(g, I, $);
           } catch {
           }
         }
       }
     }
-    return m;
+    return g;
   }
   return br = S, br;
 }
@@ -1251,8 +1251,8 @@ var yn;
 function Qo() {
   if (yn) return ne;
   yn = 1;
-  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.server_context"), p = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), s = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), m;
-  m = Symbol.for("react.module.reference");
+  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.server_context"), p = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), s = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), g;
+  g = Symbol.for("react.module.reference");
   function y(E) {
     if (typeof E == "object" && E !== null) {
       var C = E.$$typeof;
@@ -1312,7 +1312,7 @@ function Qo() {
   }, ne.isSuspenseList = function(E) {
     return y(E) === v;
   }, ne.isValidElementType = function(E) {
-    return typeof E == "string" || typeof E == "function" || E === r || E === i || E === n || E === c || E === v || E === S || typeof E == "object" && E !== null && (E.$$typeof === s || E.$$typeof === b || E.$$typeof === a || E.$$typeof === l || E.$$typeof === p || E.$$typeof === m || E.getModuleId !== void 0);
+    return typeof E == "string" || typeof E == "function" || E === r || E === i || E === n || E === c || E === v || E === S || typeof E == "object" && E !== null && (E.$$typeof === s || E.$$typeof === b || E.$$typeof === a || E.$$typeof === l || E.$$typeof === p || E.$$typeof === g || E.getModuleId !== void 0);
   }, ne.typeOf = y, ne;
 }
 var oe = {};
@@ -1328,10 +1328,10 @@ var oe = {};
 var mn;
 function ei() {
   return mn || (mn = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.server_context"), p = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), s = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), m = !1, y = !1, E = !1, C = !1, O = !1, T;
+    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.server_context"), p = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), s = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), g = !1, y = !1, E = !1, C = !1, O = !1, T;
     T = Symbol.for("react.module.reference");
     function A(V) {
-      return !!(typeof V == "string" || typeof V == "function" || V === r || V === i || O || V === n || V === c || V === v || C || V === S || m || y || E || typeof V == "object" && V !== null && (V.$$typeof === s || V.$$typeof === b || V.$$typeof === a || V.$$typeof === l || V.$$typeof === p || // This needs to include all possible module reference object
+      return !!(typeof V == "string" || typeof V == "function" || V === r || V === i || O || V === n || V === c || V === v || C || V === S || g || y || E || typeof V == "object" && V !== null && (V.$$typeof === s || V.$$typeof === b || V.$$typeof === a || V.$$typeof === l || V.$$typeof === p || // 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.
@@ -1471,7 +1471,7 @@ function ni(e, t) {
     n.notify();
   }
   function p() {
-    m.onStateChange && m.onStateChange();
+    g.onStateChange && g.onStateChange();
   }
   function c() {
     return a;
@@ -1488,7 +1488,7 @@ function ni(e, t) {
   function S() {
     a && (a = !1, b());
   }
-  const m = {
+  const g = {
     addNestedSub: l,
     notifyNestedSubs: u,
     handleChangeWrapper: p,
@@ -1497,7 +1497,7 @@ function ni(e, t) {
     tryUnsubscribe: S,
     getListeners: () => n
   };
-  return m;
+  return g;
 }
 const oi = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", ii = oi ? Je.useLayoutEffect : Je.useEffect;
 function ai({
@@ -1881,8 +1881,8 @@ function mi() {
       if (b !== fe) {
         var s = u[b];
         if (s === void 0 && !Pt(u, b)) return !0;
-        var S = p[b], m = S && S[fe];
-        if (m ? m.t !== s : !Qn(S, s)) return !0;
+        var S = p[b], g = S && S[fe];
+        if (g ? g.t !== s : !Qn(S, s)) return !0;
       }
     }
     var y = !!u[fe];
@@ -1903,7 +1903,7 @@ function mi() {
   pi("ES5", { J: function(l, u) {
     var p = Array.isArray(l), c = (function(b, s) {
       if (b) {
-        for (var S = Array(s.length), m = 0; m < s.length; m++) Object.defineProperty(S, "" + m, e(m, !0));
+        for (var S = Array(s.length), g = 0; g < s.length; g++) Object.defineProperty(S, "" + g, e(g, !0));
         return S;
       }
       var y = to(s);
@@ -1920,16 +1920,16 @@ function mi() {
       if (v && typeof v == "object") {
         var b = v[fe];
         if (b) {
-          var s = b.t, S = b.k, m = b.R, y = b.i;
+          var s = b.t, S = b.k, g = b.R, y = b.i;
           if (y === 4) mt(S, (function(A) {
-            A !== fe && (s[A] !== void 0 || Pt(s, A) ? m[A] || c(S[A]) : (m[A] = !0, ot(b)));
+            A !== fe && (s[A] !== void 0 || Pt(s, A) ? g[A] || c(S[A]) : (g[A] = !0, ot(b)));
           })), mt(s, (function(A) {
-            S[A] !== void 0 || Pt(S, A) || (m[A] = !1, ot(b));
+            S[A] !== void 0 || Pt(S, A) || (g[A] = !1, ot(b));
           }));
           else if (y === 5) {
-            if (n(b) && (ot(b), m.length = !0), S.length < s.length) for (var E = S.length; E < s.length; E++) m[E] = !1;
-            else for (var C = s.length; C < S.length; C++) m[C] = !0;
-            for (var O = Math.min(S.length, s.length), T = 0; T < O; T++) S.hasOwnProperty(T) || (m[T] = !0), m[T] === void 0 && c(S[T]);
+            if (n(b) && (ot(b), g.length = !0), S.length < s.length) for (var E = S.length; E < s.length; E++) g[E] = !1;
+            else for (var C = s.length; C < S.length; C++) g[C] = !0;
+            for (var O = Math.min(S.length, s.length), T = 0; T < O; T++) S.hasOwnProperty(T) || (g[T] = !0), g[T] === void 0 && c(S[T]);
           }
         }
       }
@@ -2037,8 +2037,8 @@ var Ei = (function() {
       }
       if (!i || typeof i != "object") {
         if ((c = a(i)) === void 0 && (c = i), c === eo && (c = void 0), n.D && Fr(c, !0), l) {
-          var S = [], m = [];
-          He("Patches").M(i, c, S, m), l(S, m);
+          var S = [], g = [];
+          He("Patches").M(i, c, S, g), l(S, g);
         }
         return c;
       }
@@ -2266,7 +2266,7 @@ function oo(e, t, r) {
       type: yt.REPLACE
     });
   }
-  function m() {
+  function g() {
     var y, E = b;
     return y = {
       /**
@@ -2300,7 +2300,7 @@ function oo(e, t, r) {
     subscribe: b,
     getState: v,
     replaceReducer: S
-  }, n[Tn] = m, n;
+  }, n[Tn] = g, n;
 }
 function Rn(e) {
   typeof console < "u" && typeof console.error == "function" && console.error(e);
@@ -2356,8 +2356,8 @@ function ki(e) {
       var b = Ri(c, r, v, l);
       b && Rn(b);
     }
-    for (var s = !1, S = {}, m = 0; m < a.length; m++) {
-      var y = a[m], E = r[y], C = c[y], O = E(C, v);
+    for (var s = !1, S = {}, g = 0; g < a.length; g++) {
+      var y = a[g], E = r[y], C = c[y], O = E(C, v);
       if (typeof O > "u") {
         var T = v && v.type;
         throw new Error(process.env.NODE_ENV === "production" ? Ee(14) : "When called with an action of type " + (T ? '"' + String(T) + '"' : "(unknown type)") + ', the slice reducer for key "' + y + '" returned undefined. To ignore an action, you must explicitly return the previous state. If you want this reducer to hold no value, you can return null instead of undefined.');
@@ -2721,15 +2721,15 @@ function uo(e, t, r, n, i, a) {
   for (var c in n)
     p[c] = !0;
   var v = t.length > 0, b = function(S) {
-    var m = a ? a + "." + S : S;
+    var g = a ? a + "." + S : S;
     if (v) {
       var y = t.some(function(C) {
-        return C instanceof RegExp ? C.test(m) : m === C;
+        return C instanceof RegExp ? C.test(g) : g === C;
       });
       if (y)
         return "continue";
     }
-    var E = uo(e, t, r.children[S], n[S], u, m);
+    var E = uo(e, t, r.children[S], n[S], u, g);
     if (E.wasMutated)
       return { value: E };
   };
@@ -2755,14 +2755,14 @@ function Qi(e) {
   return function(p) {
     var c = p.getState, v = c(), b = u(v), s;
     return function(S) {
-      return function(m) {
+      return function(g) {
         var y = co(a, "ImmutableStateInvariantMiddleware");
         y.measureTime(function() {
           v = c(), s = b.detectMutations(), b = u(v), An(!s.wasMutated, "A state mutation was detected between dispatches, in the path '" + (s.path || "") + "'.  This may cause incorrect behavior. (https://redux.js.org/style-guide/style-guide#do-not-mutate-state)");
         });
-        var E = S(m);
+        var E = S(g);
         return y.measureTime(function() {
-          v = c(), s = b.detectMutations(), b = u(v), s.wasMutated && An(!s.wasMutated, "A state mutation was detected inside a dispatch, in the path: " + (s.path || "") + ". Take a look at the reducer(s) handling the action " + Gi(m) + ". (https://redux.js.org/style-guide/style-guide#do-not-mutate-state)");
+          v = c(), s = b.detectMutations(), b = u(v), s.wasMutated && An(!s.wasMutated, "A state mutation was detected inside a dispatch, in the path: " + (s.path || "") + ". Take a look at the reducer(s) handling the action " + Gi(g) + ". (https://redux.js.org/style-guide/style-guide#do-not-mutate-state)");
         }), y.warnIfExceeded(), E;
       };
     };
@@ -2799,7 +2799,7 @@ function Ir(e, t, r, n, i, a) {
     if (typeof C == "object" && (l = Ir(C, O, r, n, i, a), l))
       return { value: l };
   }, v = 0, b = u; v < b.length; v++) {
-    var s = b[v], S = s[0], m = s[1], y = c(S, m);
+    var s = b[v], S = s[0], g = s[1], y = c(S, g);
     if (typeof y == "object")
       return y.value;
   }
@@ -2824,7 +2824,7 @@ function ea(e) {
         };
       };
     };
-  var t = e.isSerializable, r = t === void 0 ? fo : t, n = e.getEntries, i = e.ignoredActions, a = i === void 0 ? [] : i, l = e.ignoredActionPaths, u = l === void 0 ? ["meta.arg", "meta.baseQueryMeta"] : l, p = e.ignoredPaths, c = p === void 0 ? [] : p, v = e.warnAfter, b = v === void 0 ? 32 : v, s = e.ignoreState, S = s === void 0 ? !1 : s, m = e.ignoreActions, y = m === void 0 ? !1 : m, E = e.disableCache, C = E === void 0 ? !1 : E, O = !C && WeakSet ? /* @__PURE__ */ new WeakSet() : void 0;
+  var t = e.isSerializable, r = t === void 0 ? fo : t, n = e.getEntries, i = e.ignoredActions, a = i === void 0 ? [] : i, l = e.ignoredActionPaths, u = l === void 0 ? ["meta.arg", "meta.baseQueryMeta"] : l, p = e.ignoredPaths, c = p === void 0 ? [] : p, v = e.warnAfter, b = v === void 0 ? 32 : v, s = e.ignoreState, S = s === void 0 ? !1 : s, g = e.ignoreActions, y = g === void 0 ? !1 : g, E = e.disableCache, C = E === void 0 ? !1 : E, O = !C && WeakSet ? /* @__PURE__ */ new WeakSet() : void 0;
   return function(T) {
     return function(A) {
       return function(x) {
@@ -2887,14 +2887,14 @@ function na(e) {
     S = ki(i);
   else
     throw new Error('"reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers');
-  var m = l;
-  if (typeof m == "function" && (m = m(t), !Or && !Array.isArray(m)))
+  var g = l;
+  if (typeof g == "function" && (g = g(t), !Or && !Array.isArray(g)))
     throw new Error("when using a middleware builder function, an array of middleware must be returned");
-  if (!Or && m.some(function(A) {
+  if (!Or && g.some(function(A) {
     return typeof A != "function";
   }))
     throw new Error("each middleware provided to configureStore must be a function");
-  var y = Ni.apply(void 0, m), E = ir;
+  var y = Ni.apply(void 0, g), E = ir;
   p && (E = Vi(it({
     trace: !Or
   }, typeof p == "object" && p)));
@@ -2953,34 +2953,34 @@ function ia(e, t, r, n) {
     b === void 0 && (b = p());
     var S = Mt([
       a[s.type]
-    ], l.filter(function(m) {
-      var y = m.matcher;
+    ], l.filter(function(g) {
+      var y = g.matcher;
       return y(s);
-    }).map(function(m) {
-      var y = m.reducer;
+    }).map(function(g) {
+      var y = g.reducer;
       return y;
     }));
-    return S.filter(function(m) {
-      return !!m;
-    }).length === 0 && (S = [u]), S.reduce(function(m, y) {
+    return S.filter(function(g) {
+      return !!g;
+    }).length === 0 && (S = [u]), S.reduce(function(g, y) {
       if (y)
-        if (ct(m)) {
-          var E = m, C = y(E, s);
-          return C === void 0 ? m : C;
+        if (ct(g)) {
+          var E = g, C = y(E, s);
+          return C === void 0 ? g : C;
         } else {
-          if (Ze(m))
-            return ro(m, function(O) {
+          if (Ze(g))
+            return ro(g, function(O) {
               return y(O, s);
             });
-          var C = y(m, s);
+          var C = y(g, s);
           if (C === void 0) {
-            if (m === null)
-              return m;
+            if (g === null)
+              return g;
             throw Error("A case reducer on a non-draftable value must not return undefined");
           }
           return C;
         }
-      return m;
+      return g;
     }, b);
   }
   return v.getInitialState = p, v;
@@ -2994,16 +2994,16 @@ function sa(e) {
   typeof process < "u" && process.env.NODE_ENV === "development" && e.initialState === void 0 && console.error("You must provide an `initialState` value that is not `undefined`. You may have misspelled `initialState`");
   var r = typeof e.initialState == "function" ? e.initialState : Ar(e.initialState), n = e.reducers || {}, i = Object.keys(n), a = {}, l = {}, u = {};
   i.forEach(function(v) {
-    var b = n[v], s = aa(t, v), S, m;
-    "reducer" in b ? (S = b.reducer, m = b.prepare) : S = b, a[v] = S, l[s] = S, u[v] = m ? at(s, m) : at(s);
+    var b = n[v], s = aa(t, v), S, g;
+    "reducer" in b ? (S = b.reducer, g = b.prepare) : S = b, a[v] = S, l[s] = S, u[v] = g ? at(s, g) : at(s);
   });
   function p() {
     process.env.NODE_ENV !== "production" && typeof e.extraReducers == "object" && (Dn || (Dn = !0, console.warn("The object notation for `createSlice.extraReducers` is deprecated, and will be removed in RTK 2.0. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createSlice")));
-    var v = typeof e.extraReducers == "function" ? po(e.extraReducers) : [e.extraReducers], b = v[0], s = b === void 0 ? {} : b, S = v[1], m = S === void 0 ? [] : S, y = v[2], E = y === void 0 ? void 0 : y, C = it(it({}, s), l);
+    var v = typeof e.extraReducers == "function" ? po(e.extraReducers) : [e.extraReducers], b = v[0], s = b === void 0 ? {} : b, S = v[1], g = S === void 0 ? [] : S, y = v[2], E = y === void 0 ? void 0 : y, C = it(it({}, s), l);
     return ia(r, function(O) {
       for (var T in C)
         O.addCase(T, C[T]);
-      for (var A = 0, x = m; A < x.length; A++) {
+      for (var A = 0, x = g; A < x.length; A++) {
         var I = x[A];
         O.addMatcher(I.matcher, I.reducer);
       }
@@ -3079,11 +3079,11 @@ var ca = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW", la
           requestStatus: "pending"
         })
       };
-    }), l = at(t + "/rejected", function(v, b, s, S, m) {
+    }), l = at(t + "/rejected", function(v, b, s, S, g) {
       return {
         payload: S,
         error: (n && n.serializeError || fa)(v || "Rejected"),
-        meta: _r(it({}, m || {}), {
+        meta: _r(it({}, g || {}), {
           arg: s,
           requestId: b,
           rejectedWithValue: !!S,
@@ -3119,7 +3119,7 @@ var ca = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW", la
     );
     function c(v) {
       return function(b, s, S) {
-        var m = n != null && n.idGenerator ? n.idGenerator(v) : la(), y = new p(), E;
+        var g = n != null && n.idGenerator ? n.idGenerator(v) : la(), y = new p(), E;
         function C(T) {
           E = T, y.abort();
         }
@@ -3145,13 +3145,13 @@ var ca = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW", la
                         message: E || "Aborted"
                       });
                     });
-                  }), b(a(m, v, (A = n == null ? void 0 : n.getPendingMeta) == null ? void 0 : A.call(n, { requestId: m, arg: v }, { getState: s, extra: S }))), [4, Promise.race([
+                  }), b(a(g, v, (A = n == null ? void 0 : n.getPendingMeta) == null ? void 0 : A.call(n, { requestId: g, arg: v }, { getState: s, extra: S }))), [4, Promise.race([
                     $,
                     Promise.resolve(r(v, {
                       dispatch: b,
                       getState: s,
                       extra: S,
-                      requestId: m,
+                      requestId: g,
                       signal: y.signal,
                       abort: C,
                       rejectWithValue: function(Q, ue) {
@@ -3163,13 +3163,13 @@ var ca = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW", la
                     })).then(function(Q) {
                       if (Q instanceof jr)
                         throw Q;
-                      return Q instanceof zn ? i(Q.payload, m, v, Q.meta) : i(Q, m, v);
+                      return Q instanceof zn ? i(Q.payload, g, v, Q.meta) : i(Q, g, v);
                     })
                   ])];
                 case 3:
                   return x = R.sent(), [3, 5];
                 case 4:
-                  return j = R.sent(), x = j instanceof jr ? l(null, m, v, j.payload, j.meta) : l(j, m, v), [3, 5];
+                  return j = R.sent(), x = j instanceof jr ? l(null, g, v, j.payload, j.meta) : l(j, g, v), [3, 5];
                 case 5:
                   return F = n && !n.dispatchConditionRejection && l.match(x) && x.meta.condition, F || b(x), [2, x];
               }
@@ -3178,7 +3178,7 @@ var ca = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW", la
         })();
         return Object.assign(O, {
           abort: C,
-          requestId: m,
+          requestId: g,
           arg: v,
           unwrap: function() {
             return O.then(da);
@@ -3413,7 +3413,7 @@ const Hr = sa({
       const v = p - l, b = c - u;
       if (v <= 0 || b <= 0)
         return;
-      const s = r - i * 2, S = n - i * 2, m = s / v, y = S / b, E = Math.min(m, y, 5), C = (l + p) / 2, O = (u + c) / 2, T = r / 2 - C * E, A = n / 2 - O * E;
+      const s = r - i * 2, S = n - i * 2, g = s / v, y = S / b, E = Math.min(g, y, 5), C = (l + p) / 2, O = (u + c) / 2, T = r / 2 - C * E, A = n / 2 - O * E;
       e.viewport.zoom = Math.max(0.1, E), e.viewport.panX = T, e.viewport.panY = A;
     },
     setLocked(e, t) {
@@ -3459,6 +3459,7 @@ const Hr = sa({
   "hexagon",
   "octagon",
   "arrow",
+  "image",
   "text"
 ]), Pa = /* @__PURE__ */ new Set([
   // shapes / pencil
@@ -3492,7 +3493,7 @@ const Hr = sa({
 }, Wn = (e) => {
   if (!e || typeof e != "object") return !1;
   const t = (r) => Object.prototype.hasOwnProperty.call(e, r);
-  return !!(t("text") || t("fontSize") || t("fontColor") || t("textColor") || t("strokeColor") || t("fillColor") || t("lineWidth") || t("x") || t("y") || t("width") || t("height") || t("centerX") || t("centerY") || t("radius") || t("size") || t("startX") || t("startY") || t("endX") || t("endY") || t("points"));
+  return !!(t("text") || t("fontSize") || t("fontColor") || t("textColor") || t("strokeColor") || t("fillColor") || t("lineWidth") || t("x") || t("y") || t("width") || t("height") || t("centerX") || t("centerY") || t("radius") || t("size") || t("startX") || t("startY") || t("endX") || t("endY") || t("points") || t("src"));
 }, Ra = (e) => (t) => (r) => (n) => {
   var a;
   const i = r(n);
@@ -3710,7 +3711,7 @@ const ls = ({ onClose: e, onConfirm: t }) => {
 }, us = ({ mode: e = "user", onImageUpload: t }) => {
   const r = Wr(), { t: n, language: i, changeLanguage: a } = cr(), l = _e(
     (F) => F.whiteboard.toolbar.selectedTool
-  ), u = _e((F) => F.whiteboard.lock.isLocked), [p, c] = ce(!1), [v, b] = ce(!1), [s, S] = ce(!1), m = $e(null), y = $e(null), E = $e(null), C = $e(null), O = $e(null), T = async (F) => {
+  ), u = _e((F) => F.whiteboard.lock.isLocked), [p, c] = ce(!1), [v, b] = ce(!1), [s, S] = ce(!1), g = $e(null), y = $e(null), E = $e(null), C = $e(null), O = $e(null), T = async (F) => {
     var Q;
     const R = (Q = F.target.files) == null ? void 0 : Q[0];
     if (R) {
@@ -3763,7 +3764,7 @@ const ls = ({ onClose: e, onConfirm: t }) => {
   xe(() => {
     const F = (R) => {
       const Q = R.target;
-      m.current && !m.current.contains(Q) && y.current && !y.current.contains(Q) && c(!1), C.current && !C.current.contains(Q) && E.current && !E.current.contains(Q) && b(!1);
+      g.current && !g.current.contains(Q) && y.current && !y.current.contains(Q) && c(!1), C.current && !C.current.contains(Q) && E.current && !E.current.contains(Q) && b(!1);
     };
     return document.addEventListener("mousedown", F), () => document.removeEventListener("mousedown", F);
   }, []);
@@ -3872,7 +3873,7 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           children: /* @__PURE__ */ h.jsx(ns, {})
         }
       ),
-      p && /* @__PURE__ */ h.jsxs("div", { className: "wb-shapes-popup", ref: m, children: [
+      p && /* @__PURE__ */ h.jsxs("div", { className: "wb-shapes-popup", ref: g, children: [
         /* @__PURE__ */ h.jsx("div", { className: "wb-shapes-popup-header", children: n("moreShapes") }),
         /* @__PURE__ */ h.jsx("div", { className: "wb-shapes-popup-grid", children: I.map((F) => /* @__PURE__ */ h.jsx(
           "button",
@@ -3967,15 +3968,15 @@ const ls = ({ onClose: e, onConfirm: t }) => {
     (s) => s.whiteboard.toolProperties
   ), a = _e(
     (s) => s.whiteboard.selectedElementIds || []
-  ), l = _e((s) => s.whiteboard.elements), u = a.length > 0 ? l.find((s) => s.id === a[0]) : null, p = (s, S, m) => {
-    t(ma({ tool: s, property: S, value: m }));
+  ), l = _e((s) => s.whiteboard.elements), u = a.length > 0 ? l.find((s) => s.id === a[0]) : null, p = (s, S, g) => {
+    t(ma({ tool: s, property: S, value: g }));
   }, c = (s, S) => {
     if (a.length > 0) {
-      const m = a.map((y) => ({
+      const g = a.map((y) => ({
         id: y,
         updates: { [s]: S }
       }));
-      t(vo(m));
+      t(vo(g));
     }
   }, v = () => {
     a.forEach((s) => {
@@ -4100,7 +4101,7 @@ const ls = ({ onClose: e, onConfirm: t }) => {
             {
               type: "color",
               value: u.strokeColor,
-              onChange: (m) => c("strokeColor", m.target.value)
+              onChange: (g) => c("strokeColor", g.target.value)
             }
           )
         ] }),
@@ -4111,7 +4112,7 @@ const ls = ({ onClose: e, onConfirm: t }) => {
             {
               type: "color",
               value: u.fillColor,
-              onChange: (m) => c("fillColor", m.target.value)
+              onChange: (g) => c("fillColor", g.target.value)
             }
           )
         ] }),
@@ -4122,9 +4123,9 @@ const ls = ({ onClose: e, onConfirm: t }) => {
             {
               className: "stroke-width-selector",
               value: u.lineWidth,
-              onChange: (m) => c(
+              onChange: (g) => c(
                 "lineWidth",
-                parseInt(m.target.value)
+                parseInt(g.target.value)
               ),
               children: [
                 /* @__PURE__ */ h.jsx("option", { value: "1", children: "1 px" }),
@@ -4144,7 +4145,7 @@ const ls = ({ onClose: e, onConfirm: t }) => {
             {
               type: "color",
               value: u.strokeColor,
-              onChange: (m) => c("strokeColor", m.target.value)
+              onChange: (g) => c("strokeColor", g.target.value)
             }
           )
         ] }),
@@ -4155,9 +4156,9 @@ const ls = ({ onClose: e, onConfirm: t }) => {
             {
               className: "brush-size-selector",
               value: u.lineWidth,
-              onChange: (m) => c(
+              onChange: (g) => c(
                 "lineWidth",
-                parseInt(m.target.value)
+                parseInt(g.target.value)
               ),
               children: [
                 /* @__PURE__ */ h.jsx("option", { value: "1", children: "1 px" }),
@@ -4363,7 +4364,7 @@ const ls = ({ onClose: e, onConfirm: t }) => {
   ] });
 }, wo = Fn(({ watermark: e, isLocked: t, lockText: r, onLockChange: n, isWatermarkEnabled: i, watermarkText: a, mode: l, initialElements: u, onAfterMount: p, onImageUpload: c }, v) => {
   var Jr;
-  const b = $e(null), s = Wr(), S = Gn(), m = _e((o) => o.whiteboard.grid), y = _e(
+  const b = $e(null), s = Wr(), S = Gn(), g = _e((o) => o.whiteboard.grid), y = _e(
     (o) => o.whiteboard.toolbar.selectedTool
   ), E = _e((o) => o.whiteboard.elements), C = _e((o) => o.whiteboard.viewport), O = _e(
     (o) => o.whiteboard.toolProperties
@@ -4443,176 +4444,187 @@ const ls = ({ onClose: e, onConfirm: t }) => {
     }, 0);
   }, []);
   const xt = se(
-    (o, f, g) => {
-      const w = o.canvas, _ = w.width, P = w.height, k = Math.floor(-C.panX / C.zoom / f) * f, N = Math.floor(-C.panY / C.zoom / f) * f, D = Math.ceil(
+    (o, f, m) => {
+      const w = o.canvas, _ = w.width, P = w.height, N = Math.floor(-C.panX / C.zoom / f) * f, M = Math.floor(-C.panY / C.zoom / f) * f, D = Math.ceil(
         (_ / C.zoom - C.panX / C.zoom) / f
       ) * f, X = Math.ceil(
         (P / C.zoom - C.panY / C.zoom) / f
       ) * f;
-      o.strokeStyle = g, o.lineWidth = 0.5 / C.zoom;
-      for (let W = k; W <= D; W += f)
-        o.beginPath(), o.moveTo(W, N), o.lineTo(W, X), o.stroke();
-      for (let W = N; W <= X; W += f)
-        o.beginPath(), o.moveTo(k, W), o.lineTo(D, W), o.stroke();
+      o.strokeStyle = m, o.lineWidth = 0.5 / C.zoom;
+      for (let W = N; W <= D; W += f)
+        o.beginPath(), o.moveTo(W, M), o.lineTo(W, X), o.stroke();
+      for (let W = M; W <= X; W += f)
+        o.beginPath(), o.moveTo(N, W), o.lineTo(D, W), o.stroke();
     },
     [C]
-  ), zt = se((o, f, g) => {
-    const w = Math.min(f.x, g.x), _ = Math.min(f.y, g.y), P = Math.abs(g.x - f.x), k = Math.abs(g.y - f.y);
-    o.strokeStyle = "#0066cc", o.lineWidth = 1, o.setLineDash([5, 5]), o.strokeRect(w, _, P, k), o.fillStyle = "rgba(0, 102, 204, 0.1)", o.fillRect(w, _, P, k), o.setLineDash([]);
+  ), zt = se((o, f, m) => {
+    const w = Math.min(f.x, m.x), _ = Math.min(f.y, m.y), P = Math.abs(m.x - f.x), N = Math.abs(m.y - f.y);
+    o.strokeStyle = "#0066cc", o.lineWidth = 1, o.setLineDash([5, 5]), o.strokeRect(w, _, P, N), o.fillStyle = "rgba(0, 102, 204, 0.1)", o.fillRect(w, _, P, N), o.setLineDash([]);
   }, []), Le = se((o, f) => {
     const {
-      x: g = 0,
+      x: m = 0,
       y: w = 0,
       width: _ = 0,
       height: P = 0,
-      fillColor: k = "#000",
-      strokeColor: N = "#000",
+      fillColor: N = "#000",
+      strokeColor: M = "#000",
       lineWidth: D = 2
     } = f;
-    o.fillStyle = k, o.fillRect(g, w, _, P), o.strokeStyle = N, o.lineWidth = D, o.strokeRect(g, w, _, P);
+    o.fillStyle = N, o.fillRect(m, w, _, P), o.strokeStyle = M, o.lineWidth = D, o.strokeRect(m, w, _, P);
   }, []), tt = se((o, f) => {
     const {
-      centerX: g = 0,
+      centerX: m = 0,
       centerY: w = 0,
       radius: _ = 0,
       fillColor: P = "#000",
-      strokeColor: k = "#000",
-      lineWidth: N = 2
+      strokeColor: N = "#000",
+      lineWidth: M = 2
     } = f;
-    o.beginPath(), o.arc(g, w, _, 0, Math.PI * 2), o.fillStyle = P, o.fill(), o.strokeStyle = k, o.lineWidth = N, o.stroke();
+    o.beginPath(), o.arc(m, w, _, 0, Math.PI * 2), o.fillStyle = P, o.fill(), o.strokeStyle = N, o.lineWidth = M, o.stroke();
   }, []), rt = se((o, f) => {
-    const { points: g = [], strokeColor: w = "#000", lineWidth: _ = 2 } = f;
-    if (!(g.length < 2)) {
-      o.strokeStyle = w, o.lineWidth = _, o.lineCap = "round", o.lineJoin = "round", o.beginPath(), o.moveTo(g[0].x, g[0].y);
-      for (let P = 1; P < g.length; P++)
-        g[P] && o.lineTo(g[P].x, g[P].y);
+    const { points: m = [], strokeColor: w = "#000", lineWidth: _ = 2 } = f;
+    if (!(m.length < 2)) {
+      o.strokeStyle = w, o.lineWidth = _, o.lineCap = "round", o.lineJoin = "round", o.beginPath(), o.moveTo(m[0].x, m[0].y);
+      for (let P = 1; P < m.length; P++)
+        m[P] && o.lineTo(m[P].x, m[P].y);
       o.stroke();
     }
   }, []), Lt = se((o, f) => {
-    const { x: g = 0, y: w = 0, text: _ = "", fontSize: P = 16, fontColor: k = "#000" } = f;
-    o.font = `${P}px sans-serif`, o.fillStyle = k, o.textBaseline = "top", o.fillText(_, g, w);
+    const { x: m = 0, y: w = 0, text: _ = "", fontSize: P = 16, fontColor: N = "#000" } = f;
+    o.font = `${P}px sans-serif`, o.fillStyle = N, o.textBaseline = "top", o.fillText(_, m, w);
   }, []), Et = se((o, f) => {
     const {
-      x: g = 0,
+      x: m = 0,
       y: w = 0,
       width: _ = 0,
       height: P = 0,
-      fillColor: k = "#fff",
-      strokeColor: N = "#000",
+      fillColor: N = "#fff",
+      strokeColor: M = "#000",
       lineWidth: D = 2
     } = f;
-    o.beginPath(), o.moveTo(g + _ / 2, w), o.lineTo(g + _, w + P), o.lineTo(g, w + P), o.closePath(), o.fillStyle = k, o.fill(), o.strokeStyle = N, o.lineWidth = D, o.stroke();
+    o.beginPath(), o.moveTo(m + _ / 2, w), o.lineTo(m + _, w + P), o.lineTo(m, w + P), o.closePath(), o.fillStyle = N, o.fill(), o.strokeStyle = M, o.lineWidth = D, o.stroke();
   }, []), ft = se((o, f) => {
     const {
-      x: g = 0,
+      x: m = 0,
       y: w = 0,
       width: _ = 0,
       height: P = 0,
-      fillColor: k = "#fff",
-      strokeColor: N = "#000",
+      fillColor: N = "#fff",
+      strokeColor: M = "#000",
       lineWidth: D = 2
     } = f;
-    o.beginPath(), o.moveTo(g + _ / 2, w), o.lineTo(g + _, w + P / 2), o.lineTo(g + _ / 2, w + P), o.lineTo(g, w + P / 2), o.closePath(), o.fillStyle = k, o.fill(), o.strokeStyle = N, o.lineWidth = D, o.stroke();
+    o.beginPath(), o.moveTo(m + _ / 2, w), o.lineTo(m + _, w + P / 2), o.lineTo(m + _ / 2, w + P), o.lineTo(m, w + P / 2), o.closePath(), o.fillStyle = N, o.fill(), o.strokeStyle = M, o.lineWidth = D, o.stroke();
   }, []), St = se((o, f) => {
     const {
-      centerX: g = 0,
+      centerX: m = 0,
       centerY: w = 0,
       size: _ = 0,
       fillColor: P = "#ffff00",
-      strokeColor: k = "#000",
-      lineWidth: N = 2
+      strokeColor: N = "#000",
+      lineWidth: M = 2
     } = f, D = 5, X = _, W = _ / 2;
     o.beginPath();
     for (let z = 0; z < D * 2; z++) {
-      const U = z % 2 === 0 ? X : W, H = Math.PI / D * z - Math.PI / 2, G = g + Math.cos(H) * U, ee = w + Math.sin(H) * U;
+      const U = z % 2 === 0 ? X : W, H = Math.PI / D * z - Math.PI / 2, G = m + Math.cos(H) * U, ee = w + Math.sin(H) * U;
       z === 0 ? o.moveTo(G, ee) : o.lineTo(G, ee);
     }
-    o.closePath(), o.fillStyle = P, o.fill(), o.strokeStyle = k, o.lineWidth = N, o.stroke();
+    o.closePath(), o.fillStyle = P, o.fill(), o.strokeStyle = N, o.lineWidth = M, o.stroke();
   }, []), dt = se((o, f) => {
     const {
-      centerX: g = 0,
+      centerX: m = 0,
       centerY: w = 0,
       size: _ = 0,
       fillColor: P = "#ff6b6b",
-      strokeColor: k = "#000",
-      lineWidth: N = 2
+      strokeColor: N = "#000",
+      lineWidth: M = 2
     } = f;
     o.beginPath();
     const D = w - _ / 2;
-    o.moveTo(g, D + _ / 4), o.bezierCurveTo(
-      g - _ / 2,
+    o.moveTo(m, D + _ / 4), o.bezierCurveTo(
+      m - _ / 2,
       D,
-      g - _,
+      m - _,
       D + _ / 2,
-      g,
+      m,
       w + _ / 2
     ), o.bezierCurveTo(
-      g + _,
+      m + _,
       D + _ / 2,
-      g + _ / 2,
+      m + _ / 2,
       D,
-      g,
+      m,
       D + _ / 4
-    ), o.fillStyle = P, o.fill(), o.strokeStyle = k, o.lineWidth = N, o.stroke();
+    ), o.fillStyle = P, o.fill(), o.strokeStyle = N, o.lineWidth = M, o.stroke();
   }, []), ht = se((o, f) => {
     const {
-      x: g = 0,
+      x: m = 0,
       y: w = 0,
       width: _ = 0,
       height: P = 0,
-      fillColor: k = "#fff",
-      strokeColor: N = "#000",
+      fillColor: N = "#fff",
+      strokeColor: M = "#000",
       lineWidth: D = 2
-    } = f, X = g + _ / 2, W = w + P / 2, z = _ / 2, U = P / 2;
+    } = f, X = m + _ / 2, W = w + P / 2, z = _ / 2, U = P / 2;
     o.beginPath();
     for (let H = 0; H < 6; H++) {
       const G = Math.PI / 3 * H - Math.PI / 2, ee = X + Math.cos(G) * z, ye = W + Math.sin(G) * U;
       H === 0 ? o.moveTo(ee, ye) : o.lineTo(ee, ye);
     }
-    o.closePath(), o.fillStyle = k, o.fill(), o.strokeStyle = N, o.lineWidth = D, o.stroke();
+    o.closePath(), o.fillStyle = N, o.fill(), o.strokeStyle = M, o.lineWidth = D, o.stroke();
   }, []), Ct = se((o, f) => {
     const {
-      x: g = 0,
+      x: m = 0,
       y: w = 0,
       width: _ = 0,
       height: P = 0,
-      fillColor: k = "#fff",
-      strokeColor: N = "#000",
+      fillColor: N = "#fff",
+      strokeColor: M = "#000",
       lineWidth: D = 2
-    } = f, X = g + _ / 2, W = w + P / 2, z = _ / 2, U = P / 2;
+    } = f, X = m + _ / 2, W = w + P / 2, z = _ / 2, U = P / 2;
     o.beginPath();
     for (let H = 0; H < 8; H++) {
       const G = Math.PI / 4 * H - Math.PI / 2, ee = X + Math.cos(G) * z, ye = W + Math.sin(G) * U;
       H === 0 ? o.moveTo(ee, ye) : o.lineTo(ee, ye);
     }
-    o.closePath(), o.fillStyle = k, o.fill(), o.strokeStyle = N, o.lineWidth = D, o.stroke();
+    o.closePath(), o.fillStyle = N, o.fill(), o.strokeStyle = M, o.lineWidth = D, o.stroke();
   }, []), _t = se((o, f) => {
     const {
-      startX: g = 0,
+      startX: m = 0,
       startY: w = 0,
       endX: _ = 0,
       endY: P = 0,
-      fillColor: k = "#000",
-      strokeColor: N = "#000",
+      fillColor: N = "#000",
+      strokeColor: M = "#000",
       lineWidth: D = 2
-    } = f, X = 15, W = Math.atan2(P - w, _ - g);
-    o.beginPath(), o.moveTo(g, w), o.lineTo(_, P), o.strokeStyle = N, o.lineWidth = D, o.stroke(), o.beginPath(), o.moveTo(_, P), o.lineTo(
+    } = f, X = 15, W = Math.atan2(P - w, _ - m);
+    o.beginPath(), o.moveTo(m, w), o.lineTo(_, P), o.strokeStyle = M, o.lineWidth = D, o.stroke(), o.beginPath(), o.moveTo(_, P), o.lineTo(
       _ - X * Math.cos(W - Math.PI / 6),
       P - X * Math.sin(W - Math.PI / 6)
     ), o.lineTo(
       _ - X * Math.cos(W + Math.PI / 6),
       P - X * Math.sin(W + Math.PI / 6)
-    ), o.closePath(), o.fillStyle = k, o.fill();
+    ), o.closePath(), o.fillStyle = N, o.fill();
   }, []), pt = $e({}), Wt = $e(null), Ht = se((o, f) => {
-    const { x: g = 0, y: w = 0, width: _ = 0, height: P = 0, src: k = "" } = f;
-    if (pt.current[k]) {
-      const N = pt.current[k];
-      N.complete && o.drawImage(N, g, w, _, P);
-    } else {
-      const N = new Image();
-      N.onload = () => {
-        pt.current[k] = N, Wt.current && Wt.current();
-      }, N.src = k, pt.current[k] = N;
+    const { x: m = 0, y: w = 0, width: _ = 0, height: P = 0, src: N = "" } = f;
+    try {
+      if (pt.current[N]) {
+        const M = pt.current[N];
+        if (M.complete && M.naturalWidth > 0)
+          try {
+            o.drawImage(M, m, w, _, P);
+          } catch (D) {
+            console.error("Failed to draw cached image:", D);
+          }
+      } else {
+        const M = new Image();
+        M.onload = () => {
+          pt.current[N] = M, Wt.current && Wt.current();
+        }, M.onerror = (D) => {
+          console.error("Failed to load image:", N, D);
+        }, M.src = N, pt.current[N] = M;
+      }
+    } catch (M) {
+      console.error("Error in drawImage:", M);
     }
   }, []), Ot = se(
     (o, f) => {
@@ -4674,11 +4686,11 @@ const ls = ({ onClose: e, onConfirm: t }) => {
     if (!o) return;
     const f = document.createElement("canvas");
     f.width = o.width, f.height = o.height;
-    const g = f.getContext("2d");
-    if (!g) return;
-    g.fillStyle = "#ffffff", g.fillRect(0, 0, f.width, f.height), g.save(), g.translate(C.panX, C.panY), g.scale(C.zoom, C.zoom), E.forEach((P) => {
-      Ot(g, P);
-    }), g.restore();
+    const m = f.getContext("2d");
+    if (!m) return;
+    m.fillStyle = "#ffffff", m.fillRect(0, 0, f.width, f.height), m.save(), m.translate(C.panX, C.panY), m.scale(C.zoom, C.zoom), E.forEach((P) => {
+      Ot(m, P);
+    }), m.restore();
     const w = f.toDataURL("image/png"), _ = document.createElement("a");
     _.download = `whiteboard-${Date.now()}.png`, _.href = w, _.click();
   }, [C, E, Ot]), d = se(() => {
@@ -4690,22 +4702,22 @@ const ls = ({ onClose: e, onConfirm: t }) => {
         padding: 50
       })
     );
-  }, [s]), M = se(() => {
+  }, [s]), k = se(() => {
     s(ya());
-  }, [s]), L = (o, f, g, w, _, P) => {
-    const k = o - g, N = f - w, D = _ - g, X = P - w, W = k * D + N * X, z = D * D + X * X;
+  }, [s]), L = (o, f, m, w, _, P) => {
+    const N = o - m, M = f - w, D = _ - m, X = P - w, W = N * D + M * X, z = D * D + X * X;
     let U = -1;
     z !== 0 && (U = W / z);
     let H, G;
-    U < 0 ? (H = g, G = w) : U > 1 ? (H = _, G = P) : (H = g + U * D, G = w + U * X);
+    U < 0 ? (H = m, G = w) : U > 1 ? (H = _, G = P) : (H = m + U * D, G = w + U * X);
     const ee = o - H, ye = f - G;
     return Math.sqrt(ee * ee + ye * ye);
   }, B = se(
     (o, f) => {
-      for (let g = E.length - 1; g >= 0; g--) {
-        const w = E[g], _ = w.x ?? 0, P = w.y ?? 0, k = w.width ?? 0, N = w.height ?? 0, D = w.centerX ?? 0, X = w.centerY ?? 0, W = w.radius ?? 0;
+      for (let m = E.length - 1; m >= 0; m--) {
+        const w = E[m], _ = w.x ?? 0, P = w.y ?? 0, N = w.width ?? 0, M = w.height ?? 0, D = w.centerX ?? 0, X = w.centerY ?? 0, W = w.radius ?? 0;
         if (w.type === "rectangle") {
-          if (o >= _ && o <= _ + k && f >= P && f <= P + N)
+          if (o >= _ && o <= _ + N && f >= P && f <= P + M)
             return w;
         } else if (w.type === "circle") {
           if (Math.sqrt(
@@ -4732,7 +4744,7 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           if (o >= _ && o <= _ + H && f >= P && f <= P + G)
             return w;
         } else if (w.type === "triangle" || w.type === "diamond" || w.type === "hexagon" || w.type === "octagon") {
-          if (o >= _ && o <= _ + k && f >= P && f <= P + N)
+          if (o >= _ && o <= _ + N && f >= P && f <= P + M)
             return w;
         } else if (w.type === "star" || w.type === "heart") {
           const z = Math.sqrt(
@@ -4751,50 +4763,50 @@ const ls = ({ onClose: e, onConfirm: t }) => {
             ee
           ) <= 10)
             return w;
-        } else if (w.type === "image" && o >= _ && o <= _ + k && f >= P && f <= P + N)
+        } else if (w.type === "image" && o >= _ && o <= _ + N && f >= P && f <= P + M)
           return w;
       }
       return null;
     },
     [E]
   ), J = se((o) => {
-    let f = 0, g = 0, w = 0, _ = 0;
+    let f = 0, m = 0, w = 0, _ = 0;
     if (o.type === "rectangle" || o.type === "image" || o.type === "text" || o.type === "triangle" || o.type === "diamond" || o.type === "hexagon" || o.type === "octagon")
-      if (f = o.x ?? 0, g = o.y ?? 0, o.type === "text") {
+      if (f = o.x ?? 0, m = o.y ?? 0, o.type === "text") {
         const P = o.fontSize || 16;
         w = (o.text || "").length * P * 0.6, _ = P;
       } else
         w = o.width ?? 0, _ = o.height ?? 0;
     else if (o.type === "circle") {
       const P = o.radius ?? 0;
-      f = (o.centerX ?? 0) - P, g = (o.centerY ?? 0) - P, w = P * 2, _ = P * 2;
+      f = (o.centerX ?? 0) - P, m = (o.centerY ?? 0) - P, w = P * 2, _ = P * 2;
     } else if (o.type === "star" || o.type === "heart") {
       const P = o.size ?? 0;
-      f = (o.centerX ?? 0) - P, g = (o.centerY ?? 0) - P, w = P * 2, _ = P * 2;
+      f = (o.centerX ?? 0) - P, m = (o.centerY ?? 0) - P, w = P * 2, _ = P * 2;
     } else if (o.type === "pencil" && o.points && o.points.length > 0) {
-      const P = Math.min(...o.points.map((X) => X.x)), k = Math.max(...o.points.map((X) => X.x)), N = Math.min(...o.points.map((X) => X.y)), D = Math.max(...o.points.map((X) => X.y));
-      f = P, g = N, w = k - P, _ = D - N;
+      const P = Math.min(...o.points.map((X) => X.x)), N = Math.max(...o.points.map((X) => X.x)), M = Math.min(...o.points.map((X) => X.y)), D = Math.max(...o.points.map((X) => X.y));
+      f = P, m = M, w = N - P, _ = D - M;
     } else if (o.type === "arrow")
       return null;
-    return { x: f, y: g, w, h: _ };
+    return { x: f, y: m, w, h: _ };
   }, []), Z = se((o) => {
     const f = [];
     if (o.type === "arrow")
       return f.push({ type: "start", x: o.startX ?? 0, y: o.startY ?? 0 }), f.push({ type: "end", x: o.endX ?? 0, y: o.endY ?? 0 }), f;
-    const g = J(o);
-    if (!g) return [];
-    const { x: w, y: _, w: P, h: k } = g;
-    return f.push({ type: "nw", x: w, y: _ }), f.push({ type: "ne", x: w + P, y: _ }), f.push({ type: "se", x: w + P, y: _ + k }), f.push({ type: "sw", x: w, y: _ + k }), f.push({ type: "n", x: w + P / 2, y: _ }), f.push({ type: "s", x: w + P / 2, y: _ + k }), f.push({ type: "e", x: w + P, y: _ + k / 2 }), f.push({ type: "w", x: w, y: _ + k / 2 }), f;
-  }, [J]), K = se((o, f, g, w) => {
-    const _ = Z(g), P = 10 / w;
-    for (const k of _)
-      if (Math.abs(o - k.x) <= P && Math.abs(f - k.y) <= P)
-        return k.type;
+    const m = J(o);
+    if (!m) return [];
+    const { x: w, y: _, w: P, h: N } = m;
+    return f.push({ type: "nw", x: w, y: _ }), f.push({ type: "ne", x: w + P, y: _ }), f.push({ type: "se", x: w + P, y: _ + N }), f.push({ type: "sw", x: w, y: _ + N }), f.push({ type: "n", x: w + P / 2, y: _ }), f.push({ type: "s", x: w + P / 2, y: _ + N }), f.push({ type: "e", x: w + P, y: _ + N / 2 }), f.push({ type: "w", x: w, y: _ + N / 2 }), f;
+  }, [J]), K = se((o, f, m, w) => {
+    const _ = Z(m), P = 10 / w;
+    for (const N of _)
+      if (Math.abs(o - N.x) <= P && Math.abs(f - N.y) <= P)
+        return N.type;
     return null;
   }, [Z]), q = se((o, f) => {
     o.strokeStyle = "#0066cc", o.lineWidth = 1 / C.zoom, o.setLineDash([5 / C.zoom, 5 / C.zoom]);
-    const g = J(f);
-    g ? o.strokeRect(g.x - 4 / C.zoom, g.y - 4 / C.zoom, g.w + 8 / C.zoom, g.h + 8 / C.zoom) : f.type, o.setLineDash([]);
+    const m = J(f);
+    m ? o.strokeRect(m.x - 4 / C.zoom, m.y - 4 / C.zoom, m.w + 8 / C.zoom, m.h + 8 / C.zoom) : f.type, o.setLineDash([]);
     const w = Z(f), _ = 8 / C.zoom;
     o.fillStyle = "#ffffff", o.strokeStyle = "#0066cc", o.lineWidth = 1 / C.zoom;
     for (const P of w)
@@ -4803,11 +4815,24 @@ const ls = ({ onClose: e, onConfirm: t }) => {
     const o = b.current;
     if (!o) return;
     const f = o.getContext("2d");
-    f && (f.clearRect(0, 0, o.width, o.height), f.save(), f.translate(C.panX, C.panY), f.scale(C.zoom, C.zoom), m.enabled && xt(f, m.size, m.color), E.forEach((g) => {
-      Ot(f, g), T.includes(g.id) && q(f, g);
-    }), wt && ae && (f.fillStyle = "rgba(0, 102, 204, 0.1)", f.strokeStyle = "#0066cc", f.lineWidth = 1 / C.zoom, f.fillRect(ae.startX, ae.startY, ae.width, ae.height), f.strokeRect(ae.startX, ae.startY, ae.width, ae.height)), f.restore());
+    if (f)
+      try {
+        f.clearRect(0, 0, o.width, o.height), f.save(), f.translate(C.panX, C.panY), f.scale(C.zoom, C.zoom), g.enabled && xt(f, g.size, g.color), E.forEach((m) => {
+          try {
+            Ot(f, m), T.includes(m.id) && q(f, m);
+          } catch (w) {
+            console.error("Error drawing element:", m.id, w);
+          }
+        }), wt && ae && (f.fillStyle = "rgba(0, 102, 204, 0.1)", f.strokeStyle = "#0066cc", f.lineWidth = 1 / C.zoom, f.fillRect(ae.startX, ae.startY, ae.width, ae.height), f.strokeRect(ae.startX, ae.startY, ae.width, ae.height)), f.restore();
+      } catch (m) {
+        console.error("Error redrawing canvas:", m);
+        try {
+          f.restore();
+        } catch {
+        }
+      }
   }, [
-    m,
+    g,
     xt,
     E,
     Ot,
@@ -4824,13 +4849,13 @@ const ls = ({ onClose: e, onConfirm: t }) => {
     if (!o) return;
     const f = o.parentElement;
     if (!f) return;
-    const g = () => {
+    const m = () => {
       const _ = f.getBoundingClientRect();
       o.width = _.width, o.height = _.height, le();
     };
-    g();
+    m();
     const w = new ResizeObserver(() => {
-      g();
+      m();
     });
     return w.observe(f), () => {
       w.disconnect();
@@ -4838,10 +4863,10 @@ const ls = ({ onClose: e, onConfirm: t }) => {
   }, [le]), xe(() => {
     le();
   }, [le]), xe(() => {
-    const o = (g) => {
-      g.target.tagName === "INPUT" || g.target.tagName === "TEXTAREA" || g.code === "Space" && !g.repeat && (g.preventDefault(), Fe(!0));
-    }, f = (g) => {
-      g.target.tagName === "INPUT" || g.target.tagName === "TEXTAREA" || g.code === "Space" && (g.preventDefault(), Fe(!1), Ae(!1), Be(!1));
+    const o = (m) => {
+      m.target.tagName === "INPUT" || m.target.tagName === "TEXTAREA" || m.code === "Space" && !m.repeat && (m.preventDefault(), Fe(!0));
+    }, f = (m) => {
+      m.target.tagName === "INPUT" || m.target.tagName === "TEXTAREA" || m.code === "Space" && (m.preventDefault(), Fe(!1), Ae(!1), Be(!1));
     };
     return window.addEventListener("keydown", o), window.addEventListener("keyup", f), () => {
       window.removeEventListener("keydown", o), window.removeEventListener("keyup", f);
@@ -4862,11 +4887,11 @@ const ls = ({ onClose: e, onConfirm: t }) => {
       if (le(), f.save(), f.translate(C.panX, C.panY), f.scale(C.zoom, C.zoom), y === "pointer")
         zt(f, j, R);
       else if (y === "rectangle") {
-        const g = Math.min(j.x, R.x), w = Math.min(j.y, R.y), _ = Math.abs(R.x - j.x), P = Math.abs(R.y - j.y);
+        const m = Math.min(j.x, R.x), w = Math.min(j.y, R.y), _ = Math.abs(R.x - j.x), P = Math.abs(R.y - j.y);
         Le(f, {
           id: "preview",
           type: "rectangle",
-          x: g,
+          x: m,
           y: w,
           width: _,
           height: P,
@@ -4874,13 +4899,13 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           lineWidth: O.rectangle.lineWidth
         });
       } else if (y === "circle") {
-        const g = j.x, w = j.y, _ = Math.sqrt(
+        const m = j.x, w = j.y, _ = Math.sqrt(
           Math.pow(R.x - j.x, 2) + Math.pow(R.y - j.y, 2)
         );
         tt(f, {
           id: "preview",
           type: "circle",
-          centerX: g,
+          centerX: m,
           centerY: w,
           radius: _,
           strokeColor: O.circle.strokeColor,
@@ -4896,11 +4921,11 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           lineWidth: O.pencil.lineWidth
         });
       else if (y === "triangle") {
-        const g = Math.min(j.x, R.x), w = Math.min(j.y, R.y), _ = Math.abs(R.x - j.x), P = Math.abs(R.y - j.y);
+        const m = Math.min(j.x, R.x), w = Math.min(j.y, R.y), _ = Math.abs(R.x - j.x), P = Math.abs(R.y - j.y);
         Et(f, {
           id: "preview",
           type: "triangle",
-          x: g,
+          x: m,
           y: w,
           width: _,
           height: P,
@@ -4908,11 +4933,11 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           lineWidth: O.triangle.lineWidth
         });
       } else if (y === "diamond") {
-        const g = Math.min(j.x, R.x), w = Math.min(j.y, R.y), _ = Math.abs(R.x - j.x), P = Math.abs(R.y - j.y);
+        const m = Math.min(j.x, R.x), w = Math.min(j.y, R.y), _ = Math.abs(R.x - j.x), P = Math.abs(R.y - j.y);
         ft(f, {
           id: "preview",
           type: "diamond",
-          x: g,
+          x: m,
           y: w,
           width: _,
           height: P,
@@ -4920,37 +4945,37 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           lineWidth: O.diamond.lineWidth
         });
       } else if (y === "star") {
-        const g = j.x, w = j.y, _ = Math.sqrt(
+        const m = j.x, w = j.y, _ = Math.sqrt(
           Math.pow(R.x - j.x, 2) + Math.pow(R.y - j.y, 2)
         );
         St(f, {
           id: "preview",
           type: "star",
-          centerX: g,
+          centerX: m,
           centerY: w,
           size: _,
           fillColor: O.star.fillColor,
           lineWidth: O.star.lineWidth
         });
       } else if (y === "heart") {
-        const g = j.x, w = j.y, _ = Math.sqrt(
+        const m = j.x, w = j.y, _ = Math.sqrt(
           Math.pow(R.x - j.x, 2) + Math.pow(R.y - j.y, 2)
         );
         dt(f, {
           id: "preview",
           type: "heart",
-          centerX: g,
+          centerX: m,
           centerY: w,
           size: _,
           fillColor: O.heart.fillColor,
           lineWidth: O.heart.lineWidth
         });
       } else if (y === "hexagon") {
-        const g = Math.min(j.x, R.x), w = Math.min(j.y, R.y), _ = Math.abs(R.x - j.x), P = Math.abs(R.y - j.y);
+        const m = Math.min(j.x, R.x), w = Math.min(j.y, R.y), _ = Math.abs(R.x - j.x), P = Math.abs(R.y - j.y);
         ht(f, {
           id: "preview",
           type: "hexagon",
-          x: g,
+          x: m,
           y: w,
           width: _,
           height: P,
@@ -4958,11 +4983,11 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           lineWidth: O.hexagon.lineWidth
         });
       } else if (y === "octagon") {
-        const g = Math.min(j.x, R.x), w = Math.min(j.y, R.y), _ = Math.abs(R.x - j.x), P = Math.abs(R.y - j.y);
+        const m = Math.min(j.x, R.x), w = Math.min(j.y, R.y), _ = Math.abs(R.x - j.x), P = Math.abs(R.y - j.y);
         Ct(f, {
           id: "preview",
           type: "octagon",
-          x: g,
+          x: m,
           y: w,
           width: _,
           height: P,
@@ -5005,7 +5030,7 @@ const ls = ({ onClose: e, onConfirm: t }) => {
   const he = (o) => {
     const f = b.current;
     if (!f) return;
-    const g = f.getBoundingClientRect(), w = o.clientX - g.left, _ = o.clientY - g.top;
+    const m = f.getBoundingClientRect(), w = o.clientX - m.left, _ = o.clientY - m.top;
     if (Ie)
       return;
     if (ke) {
@@ -5013,26 +5038,26 @@ const ls = ({ onClose: e, onConfirm: t }) => {
       return;
     }
     if (x) return;
-    const { x: P, y: k } = ie(w, _);
+    const { x: P, y: N } = ie(w, _);
     if (y === "pointer") {
-      const N = B(P, k);
+      const M = B(P, N);
       let D = null;
       if (T.length === 1) {
         const X = T[0], W = E.find((z) => z.id === X);
         if (W) {
-          const z = K(P, k, W, C.zoom);
+          const z = K(P, N, W, C.zoom);
           z && (D = { element: W, handle: z });
         }
       }
       if (D) {
-        Xt(!0), bt(D.handle), At({ x: P, y: k }), Bt(JSON.parse(JSON.stringify(D.element)));
+        Xt(!0), bt(D.handle), At({ x: P, y: N }), Bt(JSON.parse(JSON.stringify(D.element)));
         return;
       }
-      if (N) {
-        const X = T.includes(N.id);
+      if (M) {
+        const X = T.includes(M.id);
         let W = T;
-        if (o.shiftKey ? (X ? W = T.filter((z) => z !== N.id) : W = [...T, N.id], s(Ke(W))) : X || (W = [N.id], s(Ke(W))), W.length > 0) {
-          we(!0), F({ x: P, y: k });
+        if (o.shiftKey ? (X ? W = T.filter((z) => z !== M.id) : W = [...T, M.id], s(Ke(W))) : X || (W = [M.id], s(Ke(W))), W.length > 0) {
+          we(!0), F({ x: P, y: N });
           const z = {};
           W.forEach((U) => {
             const H = E.find((G) => G.id === U);
@@ -5045,27 +5070,27 @@ const ls = ({ onClose: e, onConfirm: t }) => {
         Dt({ startX: X, startY: W, width: 0, height: 0 });
       }
     } else if (y === "text") {
-      const N = Date.now().toString();
+      const M = Date.now().toString();
       s(
         Oe({
-          id: N,
+          id: M,
           type: "text",
           x: P,
-          y: k,
+          y: N,
           text: "Text",
           fontSize: O.text.fontSize,
           fontColor: O.text.fontColor
         })
-      ), s(Ve("pointer")), s(Ke([N])), be(N), Ce("Text"), et({ x: P, y: k }), je(!0);
+      ), s(Ve("pointer")), s(Ke([M])), be(M), Ce("Text"), et({ x: P, y: N }), je(!0);
     } else if (y === "eraser") {
-      const N = B(P, k);
-      N && s(ga(N.id));
+      const M = B(P, N);
+      M && s(ga(M.id));
     } else
-      s(Ke([])), $(!0), F({ x: P, y: k }), Q({ x: P, y: k }), y === "pencil" && pe([{ x: P, y: k }]);
+      s(Ke([])), $(!0), F({ x: P, y: N }), Q({ x: P, y: N }), y === "pencil" && pe([{ x: P, y: N }]);
   }, We = (o) => {
     const f = b.current;
     if (!f) return;
-    const g = f.getBoundingClientRect(), w = o.clientX - g.left, _ = o.clientY - g.top;
+    const m = f.getBoundingClientRect(), w = o.clientX - m.left, _ = o.clientY - m.top;
     if (Ne) {
       s(
         ba({
@@ -5076,31 +5101,31 @@ const ls = ({ onClose: e, onConfirm: t }) => {
       return;
     }
     if (Xe) {
-      const N = Ue.y - _, X = Ue.initialZoom * (1 + N * 5e-3);
+      const M = Ue.y - _, X = Ue.initialZoom * (1 + M * 5e-3);
       s(wa(X));
       return;
     }
     if (x) return;
-    const { x: P, y: k } = ie(w, _);
+    const { x: P, y: N } = ie(w, _);
     if (wt && ae) {
-      const N = P - ae.startX, D = k - ae.startY;
-      Dt({ ...ae, width: N, height: D });
+      const M = P - ae.startX, D = N - ae.startY;
+      Dt({ ...ae, width: M, height: D });
       return;
     }
     if (ve && T.length > 0) {
-      const N = P - j.x, D = k - j.y, X = [];
+      const M = P - j.x, D = N - j.y, X = [];
       T.forEach((W) => {
         const z = Re[W];
         if (!z) return;
         let U = {};
         if (z.type === "rectangle")
           U = {
-            x: (z.x ?? 0) + N,
+            x: (z.x ?? 0) + M,
             y: (z.y ?? 0) + D
           };
         else if (z.type === "circle")
           U = {
-            centerX: (z.centerX ?? 0) + N,
+            centerX: (z.centerX ?? 0) + M,
             centerY: (z.centerY ?? 0) + D
           };
         else if (z.type === "pencil") {
@@ -5108,26 +5133,26 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           if (H.length === 0) return;
           U = {
             points: H.map((G) => ({
-              x: G.x + N,
+              x: G.x + M,
               y: G.y + D
             }))
           };
         } else z.type === "text" ? U = {
-          x: (z.x ?? 0) + N,
+          x: (z.x ?? 0) + M,
           y: (z.y ?? 0) + D
         } : z.type === "triangle" || z.type === "diamond" || z.type === "hexagon" || z.type === "octagon" ? U = {
-          x: (z.x ?? 0) + N,
+          x: (z.x ?? 0) + M,
           y: (z.y ?? 0) + D
         } : z.type === "star" || z.type === "heart" ? U = {
-          centerX: (z.centerX ?? 0) + N,
+          centerX: (z.centerX ?? 0) + M,
           centerY: (z.centerY ?? 0) + D
         } : z.type === "arrow" ? U = {
-          startX: (z.startX ?? 0) + N,
+          startX: (z.startX ?? 0) + M,
           startY: (z.startY ?? 0) + D,
-          endX: (z.endX ?? 0) + N,
+          endX: (z.endX ?? 0) + M,
           endY: (z.endY ?? 0) + D
         } : z.type === "image" && (U = {
-          x: (z.x ?? 0) + N,
+          x: (z.x ?? 0) + M,
           y: (z.y ?? 0) + D
         });
         X.push({ id: W, updates: U });
@@ -5135,16 +5160,16 @@ const ls = ({ onClose: e, onConfirm: t }) => {
       return;
     }
     if (gt && It && Nt && me) {
-      let N = {};
-      const D = P - Nt.x, X = k - Nt.y, W = It;
+      let M = {};
+      const D = P - Nt.x, X = N - Nt.y, W = It;
       if (W.type === "arrow")
-        me === "start" ? N = { startX: (W.startX ?? 0) + D, startY: (W.startY ?? 0) + X } : me === "end" && (N = { endX: (W.endX ?? 0) + D, endY: (W.endY ?? 0) + X });
+        me === "start" ? M = { startX: (W.startX ?? 0) + D, startY: (W.startY ?? 0) + X } : me === "end" && (M = { endX: (W.endX ?? 0) + D, endY: (W.endY ?? 0) + X });
       else if (W.type === "circle" || W.type === "star" || W.type === "heart") {
         const z = W.radius || W.size || 0, U = me.includes("e"), H = me.includes("s"), G = me.includes("w"), ee = me.includes("n");
         let ye = 0;
         U && (ye += D), G && (ye -= D), H && (ye += X), ee && (ye -= X);
         const Yt = Math.max(5, z + ye);
-        W.type === "circle" ? N = { radius: Yt } : N = { size: Yt };
+        W.type === "circle" ? M = { radius: Yt } : M = { size: Yt };
       } else if (W.type === "pencil" && W.points) {
         const z = J(W);
         if (z) {
@@ -5152,7 +5177,7 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           let ye = U, Yt = H, fr = G, dr = ee;
           me.includes("e") && (fr = Math.max(5, G + D)), me.includes("w") && (fr = Math.max(5, G - D), ye = U + D), me.includes("s") && (dr = Math.max(5, ee + X)), me.includes("n") && (dr = Math.max(5, ee - X), Yt = H + X);
           const Co = fr / G, _o = dr / ee;
-          N = { points: W.points.map((Zr) => ({
+          M = { points: W.points.map((Zr) => ({
             x: ye + (Zr.x - U) * Co,
             y: Yt + (Zr.y - H) * _o
           })) };
@@ -5167,12 +5192,12 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           const ee = (W.height ?? 0) - X;
           ee > 5 && (G = ee, U = (W.y ?? 0) + X);
         }
-        N = { x: z, y: U, width: H, height: G };
+        M = { x: z, y: U, width: H, height: G };
       }
-      Object.keys(N).length > 0 && s(tr({ id: W.id, updates: N }));
+      Object.keys(M).length > 0 && s(tr({ id: W.id, updates: M }));
       return;
     }
-    I && (Q({ x: P, y: k }), y === "pencil" && pe((N) => [...N, { x: P, y: k }]));
+    I && (Q({ x: P, y: N }), y === "pencil" && pe((M) => [...M, { x: P, y: N }]));
   }, Ge = () => {
     if (Ne || Xe) {
       Ae(!1), Be(!1);
@@ -5183,24 +5208,24 @@ const ls = ({ onClose: e, onConfirm: t }) => {
       return;
     }
     if (ve && we(!1), wt && ae) {
-      const o = ae.width > 0 ? ae.startX : ae.startX + ae.width, f = ae.height > 0 ? ae.startY : ae.startY + ae.height, g = Math.abs(ae.width), w = Math.abs(ae.height), _ = [];
+      const o = ae.width > 0 ? ae.startX : ae.startX + ae.width, f = ae.height > 0 ? ae.startY : ae.startY + ae.height, m = Math.abs(ae.width), w = Math.abs(ae.height), _ = [];
       E.forEach((P) => {
-        const k = J(P);
-        k && k.x < o + g && k.x + k.w > o && k.y < f + w && k.y + k.h > f && _.push(P.id);
+        const N = J(P);
+        N && N.x < o + m && N.x + N.w > o && N.y < f + w && N.y + N.h > f && _.push(P.id);
       }), _.length > 0 && s(Ke(_));
     }
     if ($(!1), we(!1), Xt(!1), Ut(!1), Dt(null), bt(null), Bt(null), pe([]), F({ x: 0, y: 0 }), Me({}), At(null), Ae(!1), !!I) {
       if (y === "pointer")
         le();
       else if (y === "rectangle") {
-        const o = Math.min(j.x, R.x), f = Math.min(j.y, R.y), g = Math.abs(R.x - j.x), w = Math.abs(R.y - j.y);
-        g > 0 && w > 0 && s(
+        const o = Math.min(j.x, R.x), f = Math.min(j.y, R.y), m = Math.abs(R.x - j.x), w = Math.abs(R.y - j.y);
+        m > 0 && w > 0 && s(
           Oe({
             id: Date.now().toString(),
             type: "rectangle",
             x: o,
             y: f,
-            width: g,
+            width: m,
             height: w,
             strokeColor: O.rectangle.strokeColor,
             fillColor: O.rectangle.fillColor,
@@ -5208,16 +5233,16 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           })
         );
       } else if (y === "circle") {
-        const o = j.x, f = j.y, g = Math.sqrt(
+        const o = j.x, f = j.y, m = Math.sqrt(
           Math.pow(R.x - j.x, 2) + Math.pow(R.y - j.y, 2)
         );
-        g > 0 && s(
+        m > 0 && s(
           Oe({
             id: Date.now().toString(),
             type: "circle",
             centerX: o,
             centerY: f,
-            radius: g,
+            radius: m,
             strokeColor: O.circle.strokeColor,
             fillColor: O.circle.fillColor,
             lineWidth: O.circle.lineWidth
@@ -5234,14 +5259,14 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           })
         ), pe([]);
       else if (y === "triangle") {
-        const o = Math.min(j.x, R.x), f = Math.min(j.y, R.y), g = Math.abs(R.x - j.x), w = Math.abs(R.y - j.y);
-        g > 0 && w > 0 && s(
+        const o = Math.min(j.x, R.x), f = Math.min(j.y, R.y), m = Math.abs(R.x - j.x), w = Math.abs(R.y - j.y);
+        m > 0 && w > 0 && s(
           Oe({
             id: Date.now().toString(),
             type: "triangle",
             x: o,
             y: f,
-            width: g,
+            width: m,
             height: w,
             strokeColor: O.triangle.strokeColor,
             fillColor: O.triangle.fillColor,
@@ -5249,14 +5274,14 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           })
         );
       } else if (y === "diamond") {
-        const o = Math.min(j.x, R.x), f = Math.min(j.y, R.y), g = Math.abs(R.x - j.x), w = Math.abs(R.y - j.y);
-        g > 0 && w > 0 && s(
+        const o = Math.min(j.x, R.x), f = Math.min(j.y, R.y), m = Math.abs(R.x - j.x), w = Math.abs(R.y - j.y);
+        m > 0 && w > 0 && s(
           Oe({
             id: Date.now().toString(),
             type: "diamond",
             x: o,
             y: f,
-            width: g,
+            width: m,
             height: w,
             strokeColor: O.diamond.strokeColor,
             fillColor: O.diamond.fillColor,
@@ -5264,46 +5289,46 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           })
         );
       } else if (y === "star") {
-        const o = j.x, f = j.y, g = Math.sqrt(
+        const o = j.x, f = j.y, m = Math.sqrt(
           Math.pow(R.x - j.x, 2) + Math.pow(R.y - j.y, 2)
         );
-        g > 0 && s(
+        m > 0 && s(
           Oe({
             id: Date.now().toString(),
             type: "star",
             centerX: o,
             centerY: f,
-            size: g,
+            size: m,
             strokeColor: O.star.strokeColor,
             fillColor: O.star.fillColor,
             lineWidth: O.star.lineWidth
           })
         );
       } else if (y === "heart") {
-        const o = j.x, f = j.y, g = Math.sqrt(
+        const o = j.x, f = j.y, m = Math.sqrt(
           Math.pow(R.x - j.x, 2) + Math.pow(R.y - j.y, 2)
         );
-        g > 0 && s(
+        m > 0 && s(
           Oe({
             id: Date.now().toString(),
             type: "heart",
             centerX: o,
             centerY: f,
-            size: g,
+            size: m,
             strokeColor: O.heart.strokeColor,
             fillColor: O.heart.fillColor,
             lineWidth: O.heart.lineWidth
           })
         );
       } else if (y === "hexagon") {
-        const o = Math.min(j.x, R.x), f = Math.min(j.y, R.y), g = Math.abs(R.x - j.x), w = Math.abs(R.y - j.y);
-        g > 0 && w > 0 && s(
+        const o = Math.min(j.x, R.x), f = Math.min(j.y, R.y), m = Math.abs(R.x - j.x), w = Math.abs(R.y - j.y);
+        m > 0 && w > 0 && s(
           Oe({
             id: Date.now().toString(),
             type: "hexagon",
             x: o,
             y: f,
-            width: g,
+            width: m,
             height: w,
             strokeColor: O.hexagon.strokeColor,
             fillColor: O.hexagon.fillColor,
@@ -5311,14 +5336,14 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           })
         );
       } else if (y === "octagon") {
-        const o = Math.min(j.x, R.x), f = Math.min(j.y, R.y), g = Math.abs(R.x - j.x), w = Math.abs(R.y - j.y);
-        g > 0 && w > 0 && s(
+        const o = Math.min(j.x, R.x), f = Math.min(j.y, R.y), m = Math.abs(R.x - j.x), w = Math.abs(R.y - j.y);
+        m > 0 && w > 0 && s(
           Oe({
             id: Date.now().toString(),
             type: "octagon",
             x: o,
             y: f,
-            width: g,
+            width: m,
             height: w,
             strokeColor: O.octagon.strokeColor,
             fillColor: O.octagon.fillColor,
@@ -5345,8 +5370,8 @@ const ls = ({ onClose: e, onConfirm: t }) => {
     }
   }, qt = (o) => {
     ke && o.preventDefault();
-  }, Ye = (o, f, g) => {
-    be(o.id), Ce(o.text || ""), et({ x: o.x || f, y: o.y || g }), ze.current = o.text || "", je(!0);
+  }, Ye = (o, f, m) => {
+    be(o.id), Ce(o.text || ""), et({ x: o.x || f, y: o.y || m }), ze.current = o.text || "", je(!0);
   }, xo = () => {
     if (ke)
       return Ne ? "grabbing" : Xe ? "ns-resize" : "grab";
@@ -5369,41 +5394,41 @@ const ls = ({ onClose: e, onConfirm: t }) => {
       }
       const f = document.getElementById("wb-canvas-container");
       if (!f) return;
-      const g = f.querySelector(".wb-toolbar"), w = f.querySelector(".wb-prop-tools"), _ = f.querySelector(".wb-lock-indicator");
-      let P = !1, k = !1;
-      if (g) {
-        const N = g.getBoundingClientRect();
+      const m = f.querySelector(".wb-toolbar"), w = f.querySelector(".wb-prop-tools"), _ = f.querySelector(".wb-lock-indicator");
+      let P = !1, N = !1;
+      if (m) {
+        const M = m.getBoundingClientRect();
         if (w) {
           const D = w.getBoundingClientRect();
-          N.bottom > D.top - 10 && (P = !0);
+          M.bottom > D.top - 10 && (P = !0);
         }
         if (_) {
           const D = _.getBoundingClientRect();
-          N.top < D.bottom + 10 && (k = !0);
+          M.top < D.bottom + 10 && (N = !0);
         }
       }
-      Gr({ propTools: P, lockIndicator: k });
+      Gr({ propTools: P, lockIndicator: N });
     };
     return o(), window.addEventListener("resize", o), () => {
       window.removeEventListener("resize", o);
     };
   }, [y, x, T]);
-  const Kr = async (o, f, g) => {
+  const Kr = async (o, f, m) => {
     try {
       let w = "";
       c ? w = await c(o) : w = URL.createObjectURL(o);
       const _ = new Image();
       _.onload = () => {
-        const P = _.width / _.height, k = 200, N = k / P;
+        const P = _.width / _.height, N = 200, M = N / P;
         s(
           Oe({
             id: Date.now().toString(),
             type: "image",
-            x: f - k / 2,
+            x: f - N / 2,
             // Center at coordinates
-            y: g - N / 2,
-            width: k,
-            height: N,
+            y: m - M / 2,
+            width: N,
+            height: M,
             src: w
           })
         );
@@ -5415,13 +5440,13 @@ const ls = ({ onClose: e, onConfirm: t }) => {
   xe(() => {
     const o = (f) => {
       if (!(f.target.tagName === "INPUT" || f.target.tagName === "TEXTAREA") && !x && f.clipboardData && f.clipboardData.files.length > 0) {
-        const g = f.clipboardData.files[0];
-        if (g.type.startsWith("image/")) {
+        const m = f.clipboardData.files[0];
+        if (m.type.startsWith("image/")) {
           f.preventDefault();
           const w = b.current;
           if (w) {
-            const _ = w.getBoundingClientRect(), P = _.width / 2, k = _.height / 2, { x: N, y: D } = ie(P, k);
-            Kr(g, N, D);
+            const _ = w.getBoundingClientRect(), P = _.width / 2, N = _.height / 2, { x: M, y: D } = ie(P, N);
+            Kr(m, M, D);
           }
         }
       }
@@ -5434,10 +5459,10 @@ const ls = ({ onClose: e, onConfirm: t }) => {
     if (o.preventDefault(), !x && o.dataTransfer.files && o.dataTransfer.files.length > 0) {
       const f = o.dataTransfer.files[0];
       if (f.type.startsWith("image/")) {
-        const g = b.current;
-        if (g) {
-          const w = g.getBoundingClientRect(), _ = o.clientX - w.left, P = o.clientY - w.top, { x: k, y: N } = ie(_, P);
-          Kr(f, k, N);
+        const m = b.current;
+        if (m) {
+          const w = m.getBoundingClientRect(), _ = o.clientX - w.left, P = o.clientY - w.top, { x: N, y: M } = ie(_, P);
+          Kr(f, N, M);
         }
       }
     }
@@ -5462,8 +5487,8 @@ const ls = ({ onClose: e, onConfirm: t }) => {
               if (x) return;
               const f = b.current;
               if (!f) return;
-              const g = f.getBoundingClientRect(), w = o.clientX - g.left, _ = o.clientY - g.top, { x: P, y: k } = ie(w, _), N = B(P, k);
-              N && N.type === "text" && Ye(N, P, k);
+              const m = f.getBoundingClientRect(), w = o.clientX - m.left, _ = o.clientY - m.top, { x: P, y: N } = ie(w, _), M = B(P, N);
+              M && M.type === "text" && Ye(M, P, N);
             },
             onContextMenu: qt,
             style: { cursor: xo() }
@@ -5519,7 +5544,7 @@ const ls = ({ onClose: e, onConfirm: t }) => {
           {
             onFitToView: d,
             onExport: ur,
-            onToggleGrid: M
+            onToggleGrid: k
           }
         ),
         /* @__PURE__ */ h.jsx(us, { mode: l, onImageUpload: c }),