@ninesstudios/whiteboard 0.0.1

package/dist/whiteboard.es.js

@@ -0,0 +1,4145 @@
+import * as re from "react";
+import ue, { createContext as un, useContext as dn, useState as G, useEffect as le, useRef as xe, forwardRef as fn, useImperativeHandle as hn, useCallback as H } from "react";
+var nt = { exports: {} }, Re = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var sr;
+function pn() {
+  if (sr) return Re;
+  sr = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function r(n, o, s) {
+    var l = null;
+    if (s !== void 0 && (l = "" + s), o.key !== void 0 && (l = "" + o.key), "key" in o) {
+      s = {};
+      for (var a in o)
+        a !== "key" && (s[a] = o[a]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: e,
+      type: n,
+      key: l,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  return Re.Fragment = t, Re.jsx = r, Re.jsxs = r, Re;
+}
+var ze = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ar;
+function yn() {
+  return ar || (ar = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(b) {
+      if (b == null) return null;
+      if (typeof b == "function")
+        return b.$$typeof === oe ? null : b.displayName || b.name || null;
+      if (typeof b == "string") return b;
+      switch (b) {
+        case N:
+          return "Fragment";
+        case x:
+          return "Profiler";
+        case P:
+          return "StrictMode";
+        case O:
+          return "Suspense";
+        case F:
+          return "SuspenseList";
+        case X:
+          return "Activity";
+      }
+      if (typeof b == "object")
+        switch (typeof b.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), b.$$typeof) {
+          case j:
+            return "Portal";
+          case m:
+            return b.displayName || "Context";
+          case z:
+            return (b._context.displayName || "Context") + ".Consumer";
+          case v:
+            var D = b.render;
+            return b = b.displayName, b || (b = D.displayName || D.name || "", b = b !== "" ? "ForwardRef(" + b + ")" : "ForwardRef"), b;
+          case U:
+            return D = b.displayName || null, D !== null ? D : e(b.type) || "Memo";
+          case L:
+            D = b._payload, b = b._init;
+            try {
+              return e(b(D));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(b) {
+      return "" + b;
+    }
+    function r(b) {
+      try {
+        t(b);
+        var D = !1;
+      } catch {
+        D = !0;
+      }
+      if (D) {
+        D = console;
+        var A = D.error, B = typeof Symbol == "function" && Symbol.toStringTag && b[Symbol.toStringTag] || b.constructor.name || "Object";
+        return A.call(
+          D,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          B
+        ), t(b);
+      }
+    }
+    function n(b) {
+      if (b === N) return "<>";
+      if (typeof b == "object" && b !== null && b.$$typeof === L)
+        return "<...>";
+      try {
+        var D = e(b);
+        return D ? "<" + D + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var b = de.A;
+      return b === null ? null : b.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function l(b) {
+      if (Oe.call(b, "key")) {
+        var D = Object.getOwnPropertyDescriptor(b, "key").get;
+        if (D && D.isReactWarning) return !1;
+      }
+      return b.key !== void 0;
+    }
+    function a(b, D) {
+      function A() {
+        Se || (Se = !0, console.error(
+          "%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://react.dev/link/special-props)",
+          D
+        ));
+      }
+      A.isReactWarning = !0, Object.defineProperty(b, "key", {
+        get: A,
+        configurable: !0
+      });
+    }
+    function y() {
+      var b = e(this.type);
+      return Ne[b] || (Ne[b] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), b = this.props.ref, b !== void 0 ? b : null;
+    }
+    function h(b, D, A, B, Me, fe) {
+      var V = A.ref;
+      return b = {
+        $$typeof: M,
+        type: b,
+        key: D,
+        props: A,
+        _owner: B
+      }, (V !== void 0 ? V : null) !== null ? Object.defineProperty(b, "ref", {
+        enumerable: !1,
+        get: y
+      }) : Object.defineProperty(b, "ref", { enumerable: !1, value: null }), b._store = {}, Object.defineProperty(b._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(b, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(b, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Me
+      }), Object.defineProperty(b, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: fe
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+    }
+    function w(b, D, A, B, Me, fe) {
+      var V = D.children;
+      if (V !== void 0)
+        if (B)
+          if (Te(V)) {
+            for (B = 0; B < V.length; B++)
+              d(V[B]);
+            Object.freeze && Object.freeze(V);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else d(V);
+      if (Oe.call(D, "key")) {
+        V = e(b);
+        var se = Object.keys(D).filter(function(Be) {
+          return Be !== "key";
+        });
+        B = 0 < se.length ? "{key: someKey, " + se.join(": ..., ") + ": ...}" : "{key: someKey}", De[V + B] || (se = 0 < se.length ? "{" + se.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          B,
+          V,
+          se,
+          V
+        ), De[V + B] = !0);
+      }
+      if (V = null, A !== void 0 && (r(A), V = "" + A), l(D) && (r(D.key), V = "" + D.key), "key" in D) {
+        A = {};
+        for (var me in D)
+          me !== "key" && (A[me] = D[me]);
+      } else A = D;
+      return V && a(
+        A,
+        typeof b == "function" ? b.displayName || b.name || "Unknown" : b
+      ), h(
+        b,
+        V,
+        A,
+        o(),
+        Me,
+        fe
+      );
+    }
+    function d(b) {
+      g(b) ? b._store && (b._store.validated = 1) : typeof b == "object" && b !== null && b.$$typeof === L && (b._payload.status === "fulfilled" ? g(b._payload.value) && b._payload.value._store && (b._payload.value._store.validated = 1) : b._store && (b._store.validated = 1));
+    }
+    function g(b) {
+      return typeof b == "object" && b !== null && b.$$typeof === M;
+    }
+    var k = ue, M = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), z = Symbol.for("react.consumer"), m = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), oe = Symbol.for("react.client.reference"), de = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Oe = Object.prototype.hasOwnProperty, Te = Array.isArray, Ee = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    k = {
+      react_stack_bottom_frame: function(b) {
+        return b();
+      }
+    };
+    var Se, Ne = {}, Pe = k.react_stack_bottom_frame.bind(
+      k,
+      s
+    )(), Xe = Ee(n(s)), De = {};
+    ze.Fragment = N, ze.jsx = function(b, D, A) {
+      var B = 1e4 > de.recentlyCreatedOwnerStacks++;
+      return w(
+        b,
+        D,
+        A,
+        !1,
+        B ? Error("react-stack-top-frame") : Pe,
+        B ? Ee(n(b)) : Xe
+      );
+    }, ze.jsxs = function(b, D, A) {
+      var B = 1e4 > de.recentlyCreatedOwnerStacks++;
+      return w(
+        b,
+        D,
+        A,
+        !0,
+        B ? Error("react-stack-top-frame") : Pe,
+        B ? Ee(n(b)) : Xe
+      );
+    };
+  })()), ze;
+}
+var cr;
+function gn() {
+  return cr || (cr = 1, process.env.NODE_ENV === "production" ? nt.exports = pn() : nt.exports = yn()), nt.exports;
+}
+var u = gn(), ot = { exports: {} }, Tt = {};
+/**
+ * @license React
+ * use-sync-external-store-with-selector.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var lr;
+function mn() {
+  if (lr) return Tt;
+  lr = 1;
+  var e = ue;
+  function t(y, h) {
+    return y === h && (y !== 0 || 1 / y === 1 / h) || y !== y && h !== h;
+  }
+  var r = typeof Object.is == "function" ? Object.is : t, n = e.useSyncExternalStore, o = e.useRef, s = e.useEffect, l = e.useMemo, a = e.useDebugValue;
+  return Tt.useSyncExternalStoreWithSelector = function(y, h, w, d, g) {
+    var k = o(null);
+    if (k.current === null) {
+      var M = { hasValue: !1, value: null };
+      k.current = M;
+    } else M = k.current;
+    k = l(
+      function() {
+        function N(v) {
+          if (!P) {
+            if (P = !0, x = v, v = d(v), g !== void 0 && M.hasValue) {
+              var O = M.value;
+              if (g(O, v))
+                return z = O;
+            }
+            return z = v;
+          }
+          if (O = z, r(x, v)) return O;
+          var F = d(v);
+          return g !== void 0 && g(O, F) ? (x = v, O) : (x = v, z = F);
+        }
+        var P = !1, x, z, m = w === void 0 ? null : w;
+        return [
+          function() {
+            return N(h());
+          },
+          m === null ? void 0 : function() {
+            return N(m());
+          }
+        ];
+      },
+      [h, w, d, g]
+    );
+    var j = n(y, k[0], k[1]);
+    return s(
+      function() {
+        M.hasValue = !0, M.value = j;
+      },
+      [j]
+    ), a(j), j;
+  }, Tt;
+}
+var Pt = {};
+/**
+ * @license React
+ * use-sync-external-store-with-selector.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ur;
+function wn() {
+  return ur || (ur = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(y, h) {
+      return y === h && (y !== 0 || 1 / y === 1 / h) || y !== y && h !== h;
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var t = ue, r = typeof Object.is == "function" ? Object.is : e, n = t.useSyncExternalStore, o = t.useRef, s = t.useEffect, l = t.useMemo, a = t.useDebugValue;
+    Pt.useSyncExternalStoreWithSelector = function(y, h, w, d, g) {
+      var k = o(null);
+      if (k.current === null) {
+        var M = { hasValue: !1, value: null };
+        k.current = M;
+      } else M = k.current;
+      k = l(
+        function() {
+          function N(v) {
+            if (!P) {
+              if (P = !0, x = v, v = d(v), g !== void 0 && M.hasValue) {
+                var O = M.value;
+                if (g(O, v))
+                  return z = O;
+              }
+              return z = v;
+            }
+            if (O = z, r(x, v))
+              return O;
+            var F = d(v);
+            return g !== void 0 && g(O, F) ? (x = v, O) : (x = v, z = F);
+          }
+          var P = !1, x, z, m = w === void 0 ? null : w;
+          return [
+            function() {
+              return N(h());
+            },
+            m === null ? void 0 : function() {
+              return N(m());
+            }
+          ];
+        },
+        [h, w, d, g]
+      );
+      var j = n(y, k[0], k[1]);
+      return s(
+        function() {
+          M.hasValue = !0, M.value = j;
+        },
+        [j]
+      ), a(j), j;
+    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), Pt;
+}
+var dr;
+function vn() {
+  return dr || (dr = 1, process.env.NODE_ENV === "production" ? ot.exports = mn() : ot.exports = wn()), ot.exports;
+}
+var xn = vn();
+function bn(e) {
+  e();
+}
+function En() {
+  let e = null, t = null;
+  return {
+    clear() {
+      e = null, t = null;
+    },
+    notify() {
+      bn(() => {
+        let r = e;
+        for (; r; )
+          r.callback(), r = r.next;
+      });
+    },
+    get() {
+      const r = [];
+      let n = e;
+      for (; n; )
+        r.push(n), n = n.next;
+      return r;
+    },
+    subscribe(r) {
+      let n = !0;
+      const o = t = {
+        callback: r,
+        next: null,
+        prev: t
+      };
+      return o.prev ? o.prev.next = o : e = o, function() {
+        !n || e === null || (n = !1, o.next ? o.next.prev = o.prev : t = o.prev, o.prev ? o.prev.next = o.next : e = o.next);
+      };
+    }
+  };
+}
+var fr = {
+  notify() {
+  },
+  get: () => []
+};
+function _n(e, t) {
+  let r, n = fr, o = 0, s = !1;
+  function l(j) {
+    w();
+    const N = n.subscribe(j);
+    let P = !1;
+    return () => {
+      P || (P = !0, N(), d());
+    };
+  }
+  function a() {
+    n.notify();
+  }
+  function y() {
+    M.onStateChange && M.onStateChange();
+  }
+  function h() {
+    return s;
+  }
+  function w() {
+    o++, r || (r = e.subscribe(y), n = En());
+  }
+  function d() {
+    o--, r && o === 0 && (r(), r = void 0, n.clear(), n = fr);
+  }
+  function g() {
+    s || (s = !0, w());
+  }
+  function k() {
+    s && (s = !1, d());
+  }
+  const M = {
+    addNestedSub: l,
+    notifyNestedSubs: a,
+    handleChangeWrapper: y,
+    isSubscribed: h,
+    trySubscribe: g,
+    tryUnsubscribe: k,
+    getListeners: () => n
+  };
+  return M;
+}
+var Cn = () => typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", kn = /* @__PURE__ */ Cn(), Sn = () => typeof navigator < "u" && navigator.product === "ReactNative", Nn = /* @__PURE__ */ Sn(), Mn = () => kn || Nn ? re.useLayoutEffect : re.useEffect, jn = /* @__PURE__ */ Mn(), Dt = /* @__PURE__ */ Symbol.for("react-redux-context"), Rt = typeof globalThis < "u" ? globalThis : (
+  /* fall back to a per-module scope (pre-8.1 behaviour) if `globalThis` is not available */
+  {}
+);
+function On() {
+  if (!re.createContext) return {};
+  const e = Rt[Dt] ?? (Rt[Dt] = /* @__PURE__ */ new Map());
+  let t = e.get(re.createContext);
+  return t || (t = re.createContext(
+    null
+  ), process.env.NODE_ENV !== "production" && (t.displayName = "ReactRedux"), e.set(re.createContext, t)), t;
+}
+var be = /* @__PURE__ */ On();
+function Tn(e) {
+  const { children: t, context: r, serverState: n, store: o } = e, s = re.useMemo(() => {
+    const y = _n(o), h = {
+      store: o,
+      subscription: y,
+      getServerState: n ? () => n : void 0
+    };
+    if (process.env.NODE_ENV === "production")
+      return h;
+    {
+      const { identityFunctionCheck: w = "once", stabilityCheck: d = "once" } = e;
+      return /* @__PURE__ */ Object.assign(h, {
+        stabilityCheck: d,
+        identityFunctionCheck: w
+      });
+    }
+  }, [o, n]), l = re.useMemo(() => o.getState(), [o]);
+  jn(() => {
+    const { subscription: y } = s;
+    return y.onStateChange = y.notifyNestedSubs, y.trySubscribe(), l !== o.getState() && y.notifyNestedSubs(), () => {
+      y.tryUnsubscribe(), y.onStateChange = void 0;
+    };
+  }, [s, l]);
+  const a = r || be;
+  return /* @__PURE__ */ re.createElement(a.Provider, { value: s }, t);
+}
+var Pn = Tn;
+function Gt(e = be) {
+  return function() {
+    const r = re.useContext(e);
+    if (process.env.NODE_ENV !== "production" && !r)
+      throw new Error(
+        "could not find react-redux context value; please ensure the component is wrapped in a <Provider>"
+      );
+    return r;
+  };
+}
+var jr = /* @__PURE__ */ Gt();
+function Or(e = be) {
+  const t = e === be ? jr : (
+    // @ts-ignore
+    Gt(e)
+  ), r = () => {
+    const { store: n } = t();
+    return n;
+  };
+  return Object.assign(r, {
+    withTypes: () => r
+  }), r;
+}
+var Dn = /* @__PURE__ */ Or();
+function Rn(e = be) {
+  const t = e === be ? Dn : Or(e), r = () => t().dispatch;
+  return Object.assign(r, {
+    withTypes: () => r
+  }), r;
+}
+var qt = /* @__PURE__ */ Rn(), zn = (e, t) => e === t;
+function In(e = be) {
+  const t = e === be ? jr : Gt(e), r = (n, o = {}) => {
+    const { equalityFn: s = zn } = typeof o == "function" ? { equalityFn: o } : o;
+    if (process.env.NODE_ENV !== "production") {
+      if (!n)
+        throw new Error("You must pass a selector to useSelector");
+      if (typeof n != "function")
+        throw new Error("You must pass a function as a selector to useSelector");
+      if (typeof s != "function")
+        throw new Error(
+          "You must pass a function as an equality function to useSelector"
+        );
+    }
+    const l = t(), { store: a, subscription: y, getServerState: h } = l, w = re.useRef(!0), d = re.useCallback(
+      {
+        [n.name](k) {
+          const M = n(k);
+          if (process.env.NODE_ENV !== "production") {
+            const { devModeChecks: j = {} } = typeof o == "function" ? {} : o, { identityFunctionCheck: N, stabilityCheck: P } = l, {
+              identityFunctionCheck: x,
+              stabilityCheck: z
+            } = {
+              stabilityCheck: P,
+              identityFunctionCheck: N,
+              ...j
+            };
+            if (z === "always" || z === "once" && w.current) {
+              const m = n(k);
+              if (!s(M, m)) {
+                let v;
+                try {
+                  throw new Error();
+                } catch (O) {
+                  ({ stack: v } = O);
+                }
+                console.warn(
+                  "Selector " + (n.name || "unknown") + ` returned a different result when called with the same parameters. This can lead to unnecessary rerenders.
+Selectors that return a new reference (such as an object or an array) should be memoized: https://redux.js.org/usage/deriving-data-selectors#optimizing-selectors-with-memoization`,
+                  {
+                    state: k,
+                    selected: M,
+                    selected2: m,
+                    stack: v
+                  }
+                );
+              }
+            }
+            if ((x === "always" || x === "once" && w.current) && M === k) {
+              let m;
+              try {
+                throw new Error();
+              } catch (v) {
+                ({ stack: m } = v);
+              }
+              console.warn(
+                "Selector " + (n.name || "unknown") + ` returned the root state when called. This can lead to unnecessary rerenders.
+Selectors that return the entire state are almost certainly a mistake, as they will cause a rerender whenever *anything* in state changes.`,
+                { stack: m }
+              );
+            }
+            w.current && (w.current = !1);
+          }
+          return M;
+        }
+      }[n.name],
+      [n]
+    ), g = xn.useSyncExternalStoreWithSelector(
+      y.addNestedSub,
+      a.getState,
+      h || a.getState,
+      d,
+      s
+    );
+    return re.useDebugValue(g), g;
+  };
+  return Object.assign(r, {
+    withTypes: () => r
+  }), r;
+}
+var Q = /* @__PURE__ */ In();
+const An = {
+  en: {
+    // Toolbar tooltips
+    pointer: "Pointer",
+    text: "Text",
+    image: "Image",
+    pencil: "Pencil",
+    rectangle: "Rectangle",
+    circle: "Circle",
+    eraser: "Eraser",
+    fitToView: "Fit to view",
+    exportAsPng: "Export as PNG",
+    moreShapes: "More Shapes",
+    // Shape names
+    triangle: "Triangle",
+    diamond: "Diamond",
+    star: "Star",
+    heart: "Heart",
+    hexagon: "Hexagon",
+    octagon: "Octagon",
+    arrow: "Arrow",
+    // PropTools labels
+    fontSize: "Font Size",
+    fontColor: "Font Color",
+    layerOrder: "Layer Order",
+    bringToFront: "Bring to Front",
+    sendToBack: "Send to Back",
+    brushColor: "Brush Color",
+    brushSize: "Brush Size",
+    strokeColor: "Stroke Color",
+    fillColor: "Fill Color",
+    strokeWidth: "Stroke Width",
+    // Language selector
+    language: "Language",
+    english: "English",
+    turkish: "Turkish"
+  },
+  tr: {
+    // Toolbar tooltips
+    pointer: "İşaretçi",
+    text: "Metin",
+    image: "Resim",
+    pencil: "Kalem",
+    rectangle: "Dikdörtgen",
+    circle: "Daire",
+    eraser: "Silgi",
+    fitToView: "Ekrana sığdır",
+    exportAsPng: "PNG olarak dışa aktar",
+    moreShapes: "Daha Fazla Şekil",
+    // Shape names
+    triangle: "Üçgen",
+    diamond: "Elmas",
+    star: "Yıldız",
+    heart: "Kalp",
+    hexagon: "Altıgen",
+    octagon: "Sekizgen",
+    arrow: "Ok",
+    // PropTools labels
+    fontSize: "Yazı Boyutu",
+    fontColor: "Yazı Rengi",
+    layerOrder: "Katman Sırası",
+    bringToFront: "Öne Getir",
+    sendToBack: "Arkaya Gönder",
+    brushColor: "Fırça Rengi",
+    brushSize: "Fırça Boyutu",
+    strokeColor: "Çizgi Rengi",
+    fillColor: "Dolgu Rengi",
+    strokeWidth: "Çizgi Kalınlığı",
+    // Language selector
+    language: "Dil",
+    english: "İngilizce",
+    turkish: "Türkçe"
+  }
+}, Tr = un(), Pr = "whiteboard-language", Wn = () => (navigator.language || navigator.userLanguage).startsWith("tr") ? "tr" : "en", Vn = () => {
+  const e = localStorage.getItem(Pr);
+  return e && (e === "en" || e === "tr") ? e : Wn();
+}, Ln = ({ children: e }) => {
+  const [t, r] = G(Vn);
+  le(() => {
+    localStorage.setItem(Pr, t);
+  }, [t]);
+  const n = (s) => An[t][s] || s, o = (s) => {
+    (s === "en" || s === "tr") && r(s);
+  };
+  return /* @__PURE__ */ u.jsx(Tr.Provider, { value: { language: t, t: n, changeLanguage: o }, children: e });
+}, Dr = () => {
+  const e = dn(Tr);
+  if (!e)
+    throw new Error("useLanguage must be used within a LanguageProvider");
+  return e;
+};
+function q(e) {
+  return `Minified Redux error #${e}; visit https://redux.js.org/Errors?code=${e} for the full message or use the non-minified dev environment for full errors. `;
+}
+var Yn = typeof Symbol == "function" && Symbol.observable || "@@observable", hr = Yn, zt = () => Math.random().toString(36).substring(7).split("").join("."), Fn = {
+  INIT: `@@redux/INIT${/* @__PURE__ */ zt()}`,
+  REPLACE: `@@redux/REPLACE${/* @__PURE__ */ zt()}`,
+  PROBE_UNKNOWN_ACTION: () => `@@redux/PROBE_UNKNOWN_ACTION${zt()}`
+}, Ce = Fn;
+function Ye(e) {
+  if (typeof e != "object" || e === null)
+    return !1;
+  let t = e;
+  for (; Object.getPrototypeOf(t) !== null; )
+    t = Object.getPrototypeOf(t);
+  return Object.getPrototypeOf(e) === t || Object.getPrototypeOf(e) === null;
+}
+function Xn(e) {
+  if (e === void 0)
+    return "undefined";
+  if (e === null)
+    return "null";
+  const t = typeof e;
+  switch (t) {
+    case "boolean":
+    case "string":
+    case "number":
+    case "symbol":
+    case "function":
+      return t;
+  }
+  if (Array.isArray(e))
+    return "array";
+  if (Un(e))
+    return "date";
+  if ($n(e))
+    return "error";
+  const r = Bn(e);
+  switch (r) {
+    case "Symbol":
+    case "Promise":
+    case "WeakMap":
+    case "WeakSet":
+    case "Map":
+    case "Set":
+      return r;
+  }
+  return Object.prototype.toString.call(e).slice(8, -1).toLowerCase().replace(/\s/g, "");
+}
+function Bn(e) {
+  return typeof e.constructor == "function" ? e.constructor.name : null;
+}
+function $n(e) {
+  return e instanceof Error || typeof e.message == "string" && e.constructor && typeof e.constructor.stackTraceLimit == "number";
+}
+function Un(e) {
+  return e instanceof Date ? !0 : typeof e.toDateString == "function" && typeof e.getDate == "function" && typeof e.setDate == "function";
+}
+function ve(e) {
+  let t = typeof e;
+  return process.env.NODE_ENV !== "production" && (t = Xn(e)), t;
+}
+function Rr(e, t, r) {
+  if (typeof e != "function")
+    throw new Error(process.env.NODE_ENV === "production" ? q(2) : `Expected the root reducer to be a function. Instead, received: '${ve(e)}'`);
+  if (typeof t == "function" && typeof r == "function" || typeof r == "function" && typeof arguments[3] == "function")
+    throw new Error(process.env.NODE_ENV === "production" ? q(0) : "It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");
+  if (typeof t == "function" && typeof r > "u" && (r = t, t = void 0), typeof r < "u") {
+    if (typeof r != "function")
+      throw new Error(process.env.NODE_ENV === "production" ? q(1) : `Expected the enhancer to be a function. Instead, received: '${ve(r)}'`);
+    return r(Rr)(e, t);
+  }
+  let n = e, o = t, s = /* @__PURE__ */ new Map(), l = s, a = 0, y = !1;
+  function h() {
+    l === s && (l = /* @__PURE__ */ new Map(), s.forEach((N, P) => {
+      l.set(P, N);
+    }));
+  }
+  function w() {
+    if (y)
+      throw new Error(process.env.NODE_ENV === "production" ? q(3) : "You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");
+    return o;
+  }
+  function d(N) {
+    if (typeof N != "function")
+      throw new Error(process.env.NODE_ENV === "production" ? q(4) : `Expected the listener to be a function. Instead, received: '${ve(N)}'`);
+    if (y)
+      throw new Error(process.env.NODE_ENV === "production" ? q(5) : "You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");
+    let P = !0;
+    h();
+    const x = a++;
+    return l.set(x, N), function() {
+      if (P) {
+        if (y)
+          throw new Error(process.env.NODE_ENV === "production" ? q(6) : "You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");
+        P = !1, h(), l.delete(x), s = null;
+      }
+    };
+  }
+  function g(N) {
+    if (!Ye(N))
+      throw new Error(process.env.NODE_ENV === "production" ? q(7) : `Actions must be plain objects. Instead, the actual type was: '${ve(N)}'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.`);
+    if (typeof N.type > "u")
+      throw new Error(process.env.NODE_ENV === "production" ? q(8) : 'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');
+    if (typeof N.type != "string")
+      throw new Error(process.env.NODE_ENV === "production" ? q(17) : `Action "type" property must be a string. Instead, the actual type was: '${ve(N.type)}'. Value was: '${N.type}' (stringified)`);
+    if (y)
+      throw new Error(process.env.NODE_ENV === "production" ? q(9) : "Reducers may not dispatch actions.");
+    try {
+      y = !0, o = n(o, N);
+    } finally {
+      y = !1;
+    }
+    return (s = l).forEach((x) => {
+      x();
+    }), N;
+  }
+  function k(N) {
+    if (typeof N != "function")
+      throw new Error(process.env.NODE_ENV === "production" ? q(10) : `Expected the nextReducer to be a function. Instead, received: '${ve(N)}`);
+    n = N, g({
+      type: Ce.REPLACE
+    });
+  }
+  function M() {
+    const N = d;
+    return {
+      /**
+       * The minimal observable subscription method.
+       * @param observer Any object that can be used as an observer.
+       * The observer object should have a `next` method.
+       * @returns An object with an `unsubscribe` method that can
+       * be used to unsubscribe the observable from the store, and prevent further
+       * emission of values from the observable.
+       */
+      subscribe(P) {
+        if (typeof P != "object" || P === null)
+          throw new Error(process.env.NODE_ENV === "production" ? q(11) : `Expected the observer to be an object. Instead, received: '${ve(P)}'`);
+        function x() {
+          const m = P;
+          m.next && m.next(w());
+        }
+        return x(), {
+          unsubscribe: N(x)
+        };
+      },
+      [hr]() {
+        return this;
+      }
+    };
+  }
+  return g({
+    type: Ce.INIT
+  }), {
+    dispatch: g,
+    subscribe: d,
+    getState: w,
+    replaceReducer: k,
+    [hr]: M
+  };
+}
+function pr(e) {
+  typeof console < "u" && typeof console.error == "function" && console.error(e);
+  try {
+    throw new Error(e);
+  } catch {
+  }
+}
+function Hn(e, t, r, n) {
+  const o = Object.keys(t), s = r && r.type === Ce.INIT ? "preloadedState argument passed to createStore" : "previous state received by the reducer";
+  if (o.length === 0)
+    return "Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers.";
+  if (!Ye(e))
+    return `The ${s} has unexpected type of "${ve(e)}". Expected argument to be an object with the following keys: "${o.join('", "')}"`;
+  const l = Object.keys(e).filter((a) => !t.hasOwnProperty(a) && !n[a]);
+  if (l.forEach((a) => {
+    n[a] = !0;
+  }), !(r && r.type === Ce.REPLACE) && l.length > 0)
+    return `Unexpected ${l.length > 1 ? "keys" : "key"} "${l.join('", "')}" found in ${s}. Expected to find one of the known reducer keys instead: "${o.join('", "')}". Unexpected keys will be ignored.`;
+}
+function Gn(e) {
+  Object.keys(e).forEach((t) => {
+    const r = e[t];
+    if (typeof r(void 0, {
+      type: Ce.INIT
+    }) > "u")
+      throw new Error(process.env.NODE_ENV === "production" ? q(12) : `The slice reducer for key "${t}" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.`);
+    if (typeof r(void 0, {
+      type: Ce.PROBE_UNKNOWN_ACTION()
+    }) > "u")
+      throw new Error(process.env.NODE_ENV === "production" ? q(13) : `The slice reducer for key "${t}" returned undefined when probed with a random type. Don't try to handle '${Ce.INIT}' or other actions in "redux/*" namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined, but can be null.`);
+  });
+}
+function qn(e) {
+  const t = Object.keys(e), r = {};
+  for (let l = 0; l < t.length; l++) {
+    const a = t[l];
+    process.env.NODE_ENV !== "production" && typeof e[a] > "u" && pr(`No reducer provided for key "${a}"`), typeof e[a] == "function" && (r[a] = e[a]);
+  }
+  const n = Object.keys(r);
+  let o;
+  process.env.NODE_ENV !== "production" && (o = {});
+  let s;
+  try {
+    Gn(r);
+  } catch (l) {
+    s = l;
+  }
+  return function(a = {}, y) {
+    if (s)
+      throw s;
+    if (process.env.NODE_ENV !== "production") {
+      const d = Hn(a, r, y, o);
+      d && pr(d);
+    }
+    let h = !1;
+    const w = {};
+    for (let d = 0; d < n.length; d++) {
+      const g = n[d], k = r[g], M = a[g], j = k(M, y);
+      if (typeof j > "u") {
+        const N = y && y.type;
+        throw new Error(process.env.NODE_ENV === "production" ? q(14) : `When called with an action of type ${N ? `"${String(N)}"` : "(unknown type)"}, the slice reducer for key "${g}" 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.`);
+      }
+      w[g] = j, h = h || j !== M;
+    }
+    return h = h || n.length !== Object.keys(a).length, h ? w : a;
+  };
+}
+function ft(...e) {
+  return e.length === 0 ? (t) => t : e.length === 1 ? e[0] : e.reduce((t, r) => (...n) => t(r(...n)));
+}
+function Kn(...e) {
+  return (t) => (r, n) => {
+    const o = t(r, n);
+    let s = () => {
+      throw new Error(process.env.NODE_ENV === "production" ? q(15) : "Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.");
+    };
+    const l = {
+      getState: o.getState,
+      dispatch: (y, ...h) => s(y, ...h)
+    }, a = e.map((y) => y(l));
+    return s = ft(...a)(o.dispatch), {
+      ...o,
+      dispatch: s
+    };
+  };
+}
+function zr(e) {
+  return Ye(e) && "type" in e && typeof e.type == "string";
+}
+var Ir = Symbol.for("immer-nothing"), yr = Symbol.for("immer-draftable"), K = Symbol.for("immer-state"), Zn = process.env.NODE_ENV !== "production" ? [
+  // All error codes, starting by 0:
+  function(e) {
+    return `The plugin for '${e}' has not been loaded into Immer. To enable the plugin, import and call \`enable${e}()\` when initializing your application.`;
+  },
+  function(e) {
+    return `produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '${e}'`;
+  },
+  "This object has been frozen and should not be mutated",
+  function(e) {
+    return "Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? " + e;
+  },
+  "An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.",
+  "Immer forbids circular references",
+  "The first or second argument to `produce` must be a function",
+  "The third argument to `produce` must be a function or undefined",
+  "First argument to `createDraft` must be a plain object, an array, or an immerable object",
+  "First argument to `finishDraft` must be a draft returned by `createDraft`",
+  function(e) {
+    return `'current' expects a draft, got: ${e}`;
+  },
+  "Object.defineProperty() cannot be used on an Immer draft",
+  "Object.setPrototypeOf() cannot be used on an Immer draft",
+  "Immer only supports deleting array indices",
+  "Immer only supports setting array indices and the 'length' property",
+  function(e) {
+    return `'original' expects a draft, got: ${e}`;
+  }
+  // Note: if more errors are added, the errorOffset in Patches.ts should be increased
+  // See Patches.ts for additional errors
+] : [];
+function te(e, ...t) {
+  if (process.env.NODE_ENV !== "production") {
+    const r = Zn[e], n = _e(r) ? r.apply(null, t) : r;
+    throw new Error(`[Immer] ${n}`);
+  }
+  throw new Error(
+    `[Immer] minified error nr: ${e}. Full error at: https://bit.ly/3cXEKWf`
+  );
+}
+var ne = Object, je = ne.getPrototypeOf, ht = "constructor", bt = "prototype", Wt = "configurable", pt = "enumerable", lt = "writable", We = "value", ge = (e) => !!e && !!e[K];
+function ce(e) {
+  var t;
+  return e ? Ar(e) || _t(e) || !!e[yr] || !!((t = e[ht]) != null && t[yr]) || Ct(e) || kt(e) : !1;
+}
+var Jn = ne[bt][ht].toString(), gr = /* @__PURE__ */ new WeakMap();
+function Ar(e) {
+  if (!e || !Kt(e))
+    return !1;
+  const t = je(e);
+  if (t === null || t === ne[bt])
+    return !0;
+  const r = ne.hasOwnProperty.call(t, ht) && t[ht];
+  if (r === Object)
+    return !0;
+  if (!_e(r))
+    return !1;
+  let n = gr.get(r);
+  return n === void 0 && (n = Function.toString.call(r), gr.set(r, n)), n === Jn;
+}
+function Et(e, t, r = !0) {
+  Fe(e) === 0 ? (r ? Reflect.ownKeys(e) : ne.keys(e)).forEach((o) => {
+    t(o, e[o], e);
+  }) : e.forEach((n, o) => t(o, n, e));
+}
+function Fe(e) {
+  const t = e[K];
+  return t ? t.type_ : _t(e) ? 1 : Ct(e) ? 2 : kt(e) ? 3 : 0;
+}
+var mr = (e, t, r = Fe(e)) => r === 2 ? e.has(t) : ne[bt].hasOwnProperty.call(e, t), Vt = (e, t, r = Fe(e)) => (
+  // @ts-ignore
+  r === 2 ? e.get(t) : e[t]
+), yt = (e, t, r, n = Fe(e)) => {
+  n === 2 ? e.set(t, r) : n === 3 ? e.add(r) : e[t] = r;
+};
+function Qn(e, t) {
+  return e === t ? e !== 0 || 1 / e === 1 / t : e !== e && t !== t;
+}
+var _t = Array.isArray, Ct = (e) => e instanceof Map, kt = (e) => e instanceof Set, Kt = (e) => typeof e == "object", _e = (e) => typeof e == "function", It = (e) => typeof e == "boolean";
+function eo(e) {
+  const t = +e;
+  return Number.isInteger(t) && String(t) === e;
+}
+var ye = (e) => e.copy_ || e.base_, Zt = (e) => e.modified_ ? e.copy_ : e.base_;
+function Lt(e, t) {
+  if (Ct(e))
+    return new Map(e);
+  if (kt(e))
+    return new Set(e);
+  if (_t(e))
+    return Array[bt].slice.call(e);
+  const r = Ar(e);
+  if (t === !0 || t === "class_only" && !r) {
+    const n = ne.getOwnPropertyDescriptors(e);
+    delete n[K];
+    let o = Reflect.ownKeys(n);
+    for (let s = 0; s < o.length; s++) {
+      const l = o[s], a = n[l];
+      a[lt] === !1 && (a[lt] = !0, a[Wt] = !0), (a.get || a.set) && (n[l] = {
+        [Wt]: !0,
+        [lt]: !0,
+        // could live with !!desc.set as well here...
+        [pt]: a[pt],
+        [We]: e[l]
+      });
+    }
+    return ne.create(je(e), n);
+  } else {
+    const n = je(e);
+    if (n !== null && r)
+      return { ...e };
+    const o = ne.create(n);
+    return ne.assign(o, e);
+  }
+}
+function Jt(e, t = !1) {
+  return St(e) || ge(e) || !ce(e) || (Fe(e) > 1 && ne.defineProperties(e, {
+    set: it,
+    add: it,
+    clear: it,
+    delete: it
+  }), ne.freeze(e), t && Et(
+    e,
+    (r, n) => {
+      Jt(n, !0);
+    },
+    !1
+  )), e;
+}
+function to() {
+  te(2);
+}
+var it = {
+  [We]: to
+};
+function St(e) {
+  return e === null || !Kt(e) ? !0 : ne.isFrozen(e);
+}
+var gt = "MapSet", Yt = "Patches", wr = "ArrayMethods", Wr = {};
+function ke(e) {
+  const t = Wr[e];
+  return t || te(0, e), t;
+}
+var vr = (e) => !!Wr[e], Ve, Vr = () => Ve, ro = (e, t) => ({
+  drafts_: [],
+  parent_: e,
+  immer_: t,
+  // Whenever the modified draft contains a draft from another scope, we
+  // need to prevent auto-freezing so the unowned draft can be finalized.
+  canAutoFreeze_: !0,
+  unfinalizedDrafts_: 0,
+  handledSet_: /* @__PURE__ */ new Set(),
+  processedForPatches_: /* @__PURE__ */ new Set(),
+  mapSetPlugin_: vr(gt) ? ke(gt) : void 0,
+  arrayMethodsPlugin_: vr(wr) ? ke(wr) : void 0
+});
+function xr(e, t) {
+  t && (e.patchPlugin_ = ke(Yt), e.patches_ = [], e.inversePatches_ = [], e.patchListener_ = t);
+}
+function Ft(e) {
+  Xt(e), e.drafts_.forEach(no), e.drafts_ = null;
+}
+function Xt(e) {
+  e === Ve && (Ve = e.parent_);
+}
+var br = (e) => Ve = ro(Ve, e);
+function no(e) {
+  const t = e[K];
+  t.type_ === 0 || t.type_ === 1 ? t.revoke_() : t.revoked_ = !0;
+}
+function Er(e, t) {
+  t.unfinalizedDrafts_ = t.drafts_.length;
+  const r = t.drafts_[0];
+  if (e !== void 0 && e !== r) {
+    r[K].modified_ && (Ft(t), te(4)), ce(e) && (e = _r(t, e));
+    const { patchPlugin_: o } = t;
+    o && o.generateReplacementPatches_(
+      r[K].base_,
+      e,
+      t
+    );
+  } else
+    e = _r(t, r);
+  return oo(t, e, !0), Ft(t), t.patches_ && t.patchListener_(t.patches_, t.inversePatches_), e !== Ir ? e : void 0;
+}
+function _r(e, t) {
+  if (St(t))
+    return t;
+  const r = t[K];
+  if (!r)
+    return mt(t, e.handledSet_, e);
+  if (!Nt(r, e))
+    return t;
+  if (!r.modified_)
+    return r.base_;
+  if (!r.finalized_) {
+    const { callbacks_: n } = r;
+    if (n)
+      for (; n.length > 0; )
+        n.pop()(e);
+    Fr(r, e);
+  }
+  return r.copy_;
+}
+function oo(e, t, r = !1) {
+  !e.parent_ && e.immer_.autoFreeze_ && e.canAutoFreeze_ && Jt(t, r);
+}
+function Lr(e) {
+  e.finalized_ = !0, e.scope_.unfinalizedDrafts_--;
+}
+var Nt = (e, t) => e.scope_ === t, io = [];
+function Yr(e, t, r, n) {
+  const o = ye(e), s = e.type_;
+  if (n !== void 0 && Vt(o, n, s) === t) {
+    yt(o, n, r, s);
+    return;
+  }
+  if (!e.draftLocations_) {
+    const a = e.draftLocations_ = /* @__PURE__ */ new Map();
+    Et(o, (y, h) => {
+      if (ge(h)) {
+        const w = a.get(h) || [];
+        w.push(y), a.set(h, w);
+      }
+    });
+  }
+  const l = e.draftLocations_.get(t) ?? io;
+  for (const a of l)
+    yt(o, a, r, s);
+}
+function so(e, t, r) {
+  e.callbacks_.push(function(o) {
+    var a;
+    const s = t;
+    if (!s || !Nt(s, o))
+      return;
+    (a = o.mapSetPlugin_) == null || a.fixSetContents(s);
+    const l = Zt(s);
+    Yr(e, s.draft_ ?? s, l, r), Fr(s, o);
+  });
+}
+function Fr(e, t) {
+  var n;
+  if (e.modified_ && !e.finalized_ && (e.type_ === 3 || e.type_ === 1 && e.allIndicesReassigned_ || (((n = e.assigned_) == null ? void 0 : n.size) ?? 0) > 0)) {
+    const { patchPlugin_: o } = t;
+    if (o) {
+      const s = o.getPath(e);
+      s && o.generatePatches_(e, s, t);
+    }
+    Lr(e);
+  }
+}
+function ao(e, t, r) {
+  const { scope_: n } = e;
+  if (ge(r)) {
+    const o = r[K];
+    Nt(o, n) && o.callbacks_.push(function() {
+      ut(e);
+      const l = Zt(o);
+      Yr(e, r, l, t);
+    });
+  } else ce(r) && e.callbacks_.push(function() {
+    const s = ye(e);
+    e.type_ === 3 ? s.has(r) && mt(r, n.handledSet_, n) : Vt(s, t, e.type_) === r && n.drafts_.length > 1 && (e.assigned_.get(t) ?? !1) === !0 && e.copy_ && mt(
+      Vt(e.copy_, t, e.type_),
+      n.handledSet_,
+      n
+    );
+  });
+}
+function mt(e, t, r) {
+  return !r.immer_.autoFreeze_ && r.unfinalizedDrafts_ < 1 || ge(e) || t.has(e) || !ce(e) || St(e) || (t.add(e), Et(e, (n, o) => {
+    if (ge(o)) {
+      const s = o[K];
+      if (Nt(s, r)) {
+        const l = Zt(s);
+        yt(e, n, l, e.type_), Lr(s);
+      }
+    } else ce(o) && mt(o, t, r);
+  })), e;
+}
+function co(e, t) {
+  const r = _t(e), n = {
+    type_: r ? 1 : 0,
+    // Track which produce call this is associated with.
+    scope_: t ? t.scope_ : Vr(),
+    // True for both shallow and deep changes.
+    modified_: !1,
+    // Used during finalization.
+    finalized_: !1,
+    // Track which properties have been assigned (true) or deleted (false).
+    // actually instantiated in `prepareCopy()`
+    assigned_: void 0,
+    // The parent draft state.
+    parent_: t,
+    // The base state.
+    base_: e,
+    // The base proxy.
+    draft_: null,
+    // set below
+    // The base copy with any updated values.
+    copy_: null,
+    // Called by the `produce` function.
+    revoke_: null,
+    isManual_: !1,
+    // `callbacks` actually gets assigned in `createProxy`
+    callbacks_: void 0
+  };
+  let o = n, s = wt;
+  r && (o = [n], s = Le);
+  const { revoke: l, proxy: a } = Proxy.revocable(o, s);
+  return n.draft_ = a, n.revoke_ = l, [a, n];
+}
+var wt = {
+  get(e, t) {
+    if (t === K)
+      return e;
+    let r = e.scope_.arrayMethodsPlugin_;
+    const n = e.type_ === 1 && typeof t == "string";
+    if (n && r != null && r.isArrayOperationMethod(t))
+      return r.createMethodInterceptor(e, t);
+    const o = ye(e);
+    if (!mr(o, t, e.type_))
+      return lo(e, o, t);
+    const s = o[t];
+    if (e.finalized_ || !ce(s) || n && e.operationMethod && (r != null && r.isMutatingArrayMethod(
+      e.operationMethod
+    )) && eo(t))
+      return s;
+    if (s === At(e.base_, t)) {
+      ut(e);
+      const l = e.type_ === 1 ? +t : t, a = $t(e.scope_, s, e, l);
+      return e.copy_[l] = a;
+    }
+    return s;
+  },
+  has(e, t) {
+    return t in ye(e);
+  },
+  ownKeys(e) {
+    return Reflect.ownKeys(ye(e));
+  },
+  set(e, t, r) {
+    const n = Xr(ye(e), t);
+    if (n != null && n.set)
+      return n.set.call(e.draft_, r), !0;
+    if (!e.modified_) {
+      const o = At(ye(e), t), s = o == null ? void 0 : o[K];
+      if (s && s.base_ === r)
+        return e.copy_[t] = r, e.assigned_.set(t, !1), !0;
+      if (Qn(r, o) && (r !== void 0 || mr(e.base_, t, e.type_)))
+        return !0;
+      ut(e), Bt(e);
+    }
+    return e.copy_[t] === r && // special case: handle new props with value 'undefined'
+    (r !== void 0 || t in e.copy_) || // special case: NaN
+    Number.isNaN(r) && Number.isNaN(e.copy_[t]) || (e.copy_[t] = r, e.assigned_.set(t, !0), ao(e, t, r)), !0;
+  },
+  deleteProperty(e, t) {
+    return ut(e), At(e.base_, t) !== void 0 || t in e.base_ ? (e.assigned_.set(t, !1), Bt(e)) : e.assigned_.delete(t), e.copy_ && delete e.copy_[t], !0;
+  },
+  // Note: We never coerce `desc.value` into an Immer draft, because we can't make
+  // the same guarantee in ES5 mode.
+  getOwnPropertyDescriptor(e, t) {
+    const r = ye(e), n = Reflect.getOwnPropertyDescriptor(r, t);
+    return n && {
+      [lt]: !0,
+      [Wt]: e.type_ !== 1 || t !== "length",
+      [pt]: n[pt],
+      [We]: r[t]
+    };
+  },
+  defineProperty() {
+    te(11);
+  },
+  getPrototypeOf(e) {
+    return je(e.base_);
+  },
+  setPrototypeOf() {
+    te(12);
+  }
+}, Le = {};
+for (let e in wt) {
+  let t = wt[e];
+  Le[e] = function() {
+    const r = arguments;
+    return r[0] = r[0][0], t.apply(this, r);
+  };
+}
+Le.deleteProperty = function(e, t) {
+  return process.env.NODE_ENV !== "production" && isNaN(parseInt(t)) && te(13), Le.set.call(this, e, t, void 0);
+};
+Le.set = function(e, t, r) {
+  return process.env.NODE_ENV !== "production" && t !== "length" && isNaN(parseInt(t)) && te(14), wt.set.call(this, e[0], t, r, e[0]);
+};
+function At(e, t) {
+  const r = e[K];
+  return (r ? ye(r) : e)[t];
+}
+function lo(e, t, r) {
+  var o;
+  const n = Xr(t, r);
+  return n ? We in n ? n[We] : (
+    // This is a very special case, if the prop is a getter defined by the
+    // prototype, we should invoke it with the draft as context!
+    (o = n.get) == null ? void 0 : o.call(e.draft_)
+  ) : void 0;
+}
+function Xr(e, t) {
+  if (!(t in e))
+    return;
+  let r = je(e);
+  for (; r; ) {
+    const n = Object.getOwnPropertyDescriptor(r, t);
+    if (n)
+      return n;
+    r = je(r);
+  }
+}
+function Bt(e) {
+  e.modified_ || (e.modified_ = !0, e.parent_ && Bt(e.parent_));
+}
+function ut(e) {
+  e.copy_ || (e.assigned_ = /* @__PURE__ */ new Map(), e.copy_ = Lt(
+    e.base_,
+    e.scope_.immer_.useStrictShallowCopy_
+  ));
+}
+var uo = class {
+  constructor(e) {
+    this.autoFreeze_ = !0, this.useStrictShallowCopy_ = !1, this.useStrictIteration_ = !1, this.produce = (t, r, n) => {
+      if (_e(t) && !_e(r)) {
+        const s = r;
+        r = t;
+        const l = this;
+        return function(y = s, ...h) {
+          return l.produce(y, (w) => r.call(this, w, ...h));
+        };
+      }
+      _e(r) || te(6), n !== void 0 && !_e(n) && te(7);
+      let o;
+      if (ce(t)) {
+        const s = br(this), l = $t(s, t, void 0);
+        let a = !0;
+        try {
+          o = r(l), a = !1;
+        } finally {
+          a ? Ft(s) : Xt(s);
+        }
+        return xr(s, n), Er(o, s);
+      } else if (!t || !Kt(t)) {
+        if (o = r(t), o === void 0 && (o = t), o === Ir && (o = void 0), this.autoFreeze_ && Jt(o, !0), n) {
+          const s = [], l = [];
+          ke(Yt).generateReplacementPatches_(t, o, {
+            patches_: s,
+            inversePatches_: l
+          }), n(s, l);
+        }
+        return o;
+      } else
+        te(1, t);
+    }, this.produceWithPatches = (t, r) => {
+      if (_e(t))
+        return (l, ...a) => this.produceWithPatches(l, (y) => t(y, ...a));
+      let n, o;
+      return [this.produce(t, r, (l, a) => {
+        n = l, o = a;
+      }), n, o];
+    }, It(e == null ? void 0 : e.autoFreeze) && this.setAutoFreeze(e.autoFreeze), It(e == null ? void 0 : e.useStrictShallowCopy) && this.setUseStrictShallowCopy(e.useStrictShallowCopy), It(e == null ? void 0 : e.useStrictIteration) && this.setUseStrictIteration(e.useStrictIteration);
+  }
+  createDraft(e) {
+    ce(e) || te(8), ge(e) && (e = fo(e));
+    const t = br(this), r = $t(t, e, void 0);
+    return r[K].isManual_ = !0, Xt(t), r;
+  }
+  finishDraft(e, t) {
+    const r = e && e[K];
+    (!r || !r.isManual_) && te(9);
+    const { scope_: n } = r;
+    return xr(n, t), Er(void 0, n);
+  }
+  /**
+   * Pass true to automatically freeze all copies created by Immer.
+   *
+   * By default, auto-freezing is enabled.
+   */
+  setAutoFreeze(e) {
+    this.autoFreeze_ = e;
+  }
+  /**
+   * Pass true to enable strict shallow copy.
+   *
+   * By default, immer does not copy the object descriptors such as getter, setter and non-enumrable properties.
+   */
+  setUseStrictShallowCopy(e) {
+    this.useStrictShallowCopy_ = e;
+  }
+  /**
+   * Pass false to use faster iteration that skips non-enumerable properties
+   * but still handles symbols for compatibility.
+   *
+   * By default, strict iteration is enabled (includes all own properties).
+   */
+  setUseStrictIteration(e) {
+    this.useStrictIteration_ = e;
+  }
+  shouldUseStrictIteration() {
+    return this.useStrictIteration_;
+  }
+  applyPatches(e, t) {
+    let r;
+    for (r = t.length - 1; r >= 0; r--) {
+      const o = t[r];
+      if (o.path.length === 0 && o.op === "replace") {
+        e = o.value;
+        break;
+      }
+    }
+    r > -1 && (t = t.slice(r + 1));
+    const n = ke(Yt).applyPatches_;
+    return ge(e) ? n(e, t) : this.produce(
+      e,
+      (o) => n(o, t)
+    );
+  }
+};
+function $t(e, t, r, n) {
+  const [o, s] = Ct(t) ? ke(gt).proxyMap_(t, r) : kt(t) ? ke(gt).proxySet_(t, r) : co(t, r);
+  return ((r == null ? void 0 : r.scope_) ?? Vr()).drafts_.push(o), s.callbacks_ = (r == null ? void 0 : r.callbacks_) ?? [], s.key_ = n, r && n !== void 0 ? so(r, s, n) : s.callbacks_.push(function(y) {
+    var w;
+    (w = y.mapSetPlugin_) == null || w.fixSetContents(s);
+    const { patchPlugin_: h } = y;
+    s.modified_ && h && h.generatePatches_(s, [], y);
+  }), o;
+}
+function fo(e) {
+  return ge(e) || te(10, e), Br(e);
+}
+function Br(e) {
+  if (!ce(e) || St(e))
+    return e;
+  const t = e[K];
+  let r, n = !0;
+  if (t) {
+    if (!t.modified_)
+      return t.base_;
+    t.finalized_ = !0, r = Lt(e, t.scope_.immer_.useStrictShallowCopy_), n = t.scope_.immer_.shouldUseStrictIteration();
+  } else
+    r = Lt(e, !0);
+  return Et(
+    r,
+    (o, s) => {
+      yt(r, o, Br(s));
+    },
+    n
+  ), t && (t.finalized_ = !1), r;
+}
+var ho = new uo(), $r = ho.produce;
+function Ur(e) {
+  return ({ dispatch: r, getState: n }) => (o) => (s) => typeof s == "function" ? s(r, n, e) : o(s);
+}
+var po = Ur(), yo = Ur, go = typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ : function() {
+  if (arguments.length !== 0)
+    return typeof arguments[0] == "object" ? ft : ft.apply(null, arguments);
+}, mo = (e) => e && typeof e.match == "function";
+function Cr(e, t) {
+  function r(...n) {
+    if (t) {
+      let o = t(...n);
+      if (!o)
+        throw new Error(process.env.NODE_ENV === "production" ? W(0) : "prepareAction did not return an object");
+      return {
+        type: e,
+        payload: o.payload,
+        ..."meta" in o && {
+          meta: o.meta
+        },
+        ..."error" in o && {
+          error: o.error
+        }
+      };
+    }
+    return {
+      type: e,
+      payload: n[0]
+    };
+  }
+  return r.toString = () => `${e}`, r.type = e, r.match = (n) => zr(n) && n.type === e, r;
+}
+function wo(e) {
+  return typeof e == "function" && "type" in e && // hasMatchFunction only wants Matchers but I don't see the point in rewriting it
+  mo(e);
+}
+function vo(e) {
+  const t = e ? `${e}`.split("/") : [], r = t[t.length - 1] || "actionCreator";
+  return `Detected an action creator with type "${e || "unknown"}" being dispatched. 
+Make sure you're calling the action creator before dispatching, i.e. \`dispatch(${r}())\` instead of \`dispatch(${r})\`. This is necessary even if the action has no payload.`;
+}
+function xo(e = {}) {
+  if (process.env.NODE_ENV === "production")
+    return () => (r) => (n) => r(n);
+  const {
+    isActionCreator: t = wo
+  } = e;
+  return () => (r) => (n) => (t(n) && console.warn(vo(n.type)), r(n));
+}
+function Hr(e, t) {
+  let r = 0;
+  return {
+    measureTime(n) {
+      const o = Date.now();
+      try {
+        return n();
+      } finally {
+        const s = Date.now();
+        r += s - o;
+      }
+    },
+    warnIfExceeded() {
+      r > e && console.warn(`${t} took ${r}ms, which is more than the warning threshold of ${e}ms. 
+If your state or actions are very large, you may want to disable the middleware as it might cause too much of a slowdown in development mode. See https://redux-toolkit.js.org/api/getDefaultMiddleware for instructions.
+It is disabled in production builds, so you don't need to worry about that.`);
+    }
+  };
+}
+var Gr = class Ie extends Array {
+  constructor(...t) {
+    super(...t), Object.setPrototypeOf(this, Ie.prototype);
+  }
+  static get [Symbol.species]() {
+    return Ie;
+  }
+  concat(...t) {
+    return super.concat.apply(this, t);
+  }
+  prepend(...t) {
+    return t.length === 1 && Array.isArray(t[0]) ? new Ie(...t[0].concat(this)) : new Ie(...t.concat(this));
+  }
+};
+function kr(e) {
+  return ce(e) ? $r(e, () => {
+  }) : e;
+}
+function st(e, t, r) {
+  return e.has(t) ? e.get(t) : e.set(t, r(t)).get(t);
+}
+function bo(e) {
+  return typeof e != "object" || e == null || Object.isFrozen(e);
+}
+function Eo(e, t, r) {
+  const n = qr(e, t, r);
+  return {
+    detectMutations() {
+      return Kr(e, t, n, r);
+    }
+  };
+}
+function qr(e, t = [], r, n = "", o = /* @__PURE__ */ new Set()) {
+  const s = {
+    value: r
+  };
+  if (!e(r) && !o.has(r)) {
+    o.add(r), s.children = {};
+    const l = t.length > 0;
+    for (const a in r) {
+      const y = n ? n + "." + a : a;
+      l && t.some((w) => w instanceof RegExp ? w.test(y) : y === w) || (s.children[a] = qr(e, t, r[a], y));
+    }
+  }
+  return s;
+}
+function Kr(e, t = [], r, n, o = !1, s = "") {
+  const l = r ? r.value : void 0, a = l === n;
+  if (o && !a && !Number.isNaN(n))
+    return {
+      wasMutated: !0,
+      path: s
+    };
+  if (e(l) || e(n))
+    return {
+      wasMutated: !1
+    };
+  const y = {};
+  for (let w in r.children)
+    y[w] = !0;
+  for (let w in n)
+    y[w] = !0;
+  const h = t.length > 0;
+  for (let w in y) {
+    const d = s ? s + "." + w : w;
+    if (h && t.some((M) => M instanceof RegExp ? M.test(d) : d === M))
+      continue;
+    const g = Kr(e, t, r.children[w], n[w], a, d);
+    if (g.wasMutated)
+      return g;
+  }
+  return {
+    wasMutated: !1
+  };
+}
+function _o(e = {}) {
+  if (process.env.NODE_ENV === "production")
+    return () => (t) => (r) => t(r);
+  {
+    let t = function(a, y, h, w) {
+      return JSON.stringify(a, r(y, w), h);
+    }, r = function(a, y) {
+      let h = [], w = [];
+      return y || (y = function(d, g) {
+        return h[0] === g ? "[Circular ~]" : "[Circular ~." + w.slice(0, h.indexOf(g)).join(".") + "]";
+      }), function(d, g) {
+        if (h.length > 0) {
+          var k = h.indexOf(this);
+          ~k ? h.splice(k + 1) : h.push(this), ~k ? w.splice(k, 1 / 0, d) : w.push(d), ~h.indexOf(g) && (g = y.call(this, d, g));
+        } else h.push(g);
+        return a == null ? g : a.call(this, d, g);
+      };
+    }, {
+      isImmutable: n = bo,
+      ignoredPaths: o,
+      warnAfter: s = 32
+    } = e;
+    const l = Eo.bind(null, n, o);
+    return ({
+      getState: a
+    }) => {
+      let y = a(), h = l(y), w;
+      return (d) => (g) => {
+        const k = Hr(s, "ImmutableStateInvariantMiddleware");
+        k.measureTime(() => {
+          if (y = a(), w = h.detectMutations(), h = l(y), w.wasMutated)
+            throw new Error(process.env.NODE_ENV === "production" ? W(19) : `A state mutation was detected between dispatches, in the path '${w.path || ""}'.  This may cause incorrect behavior. (https://redux.js.org/style-guide/style-guide#do-not-mutate-state)`);
+        });
+        const M = d(g);
+        return k.measureTime(() => {
+          if (y = a(), w = h.detectMutations(), h = l(y), w.wasMutated)
+            throw new Error(process.env.NODE_ENV === "production" ? W(20) : `A state mutation was detected inside a dispatch, in the path: ${w.path || ""}. Take a look at the reducer(s) handling the action ${t(g)}. (https://redux.js.org/style-guide/style-guide#do-not-mutate-state)`);
+        }), k.warnIfExceeded(), M;
+      };
+    };
+  }
+}
+function Zr(e) {
+  const t = typeof e;
+  return e == null || t === "string" || t === "boolean" || t === "number" || Array.isArray(e) || Ye(e);
+}
+function Ut(e, t = "", r = Zr, n, o = [], s) {
+  let l;
+  if (!r(e))
+    return {
+      keyPath: t || "<root>",
+      value: e
+    };
+  if (typeof e != "object" || e === null || s != null && s.has(e)) return !1;
+  const a = n != null ? n(e) : Object.entries(e), y = o.length > 0;
+  for (const [h, w] of a) {
+    const d = t ? t + "." + h : h;
+    if (!(y && o.some((k) => k instanceof RegExp ? k.test(d) : d === k))) {
+      if (!r(w))
+        return {
+          keyPath: d,
+          value: w
+        };
+      if (typeof w == "object" && (l = Ut(w, d, r, n, o, s), l))
+        return l;
+    }
+  }
+  return s && Jr(e) && s.add(e), !1;
+}
+function Jr(e) {
+  if (!Object.isFrozen(e)) return !1;
+  for (const t of Object.values(e))
+    if (!(typeof t != "object" || t === null) && !Jr(t))
+      return !1;
+  return !0;
+}
+function Co(e = {}) {
+  if (process.env.NODE_ENV === "production")
+    return () => (t) => (r) => t(r);
+  {
+    const {
+      isSerializable: t = Zr,
+      getEntries: r,
+      ignoredActions: n = [],
+      ignoredActionPaths: o = ["meta.arg", "meta.baseQueryMeta"],
+      ignoredPaths: s = [],
+      warnAfter: l = 32,
+      ignoreState: a = !1,
+      ignoreActions: y = !1,
+      disableCache: h = !1
+    } = e, w = !h && WeakSet ? /* @__PURE__ */ new WeakSet() : void 0;
+    return (d) => (g) => (k) => {
+      if (!zr(k))
+        return g(k);
+      const M = g(k), j = Hr(l, "SerializableStateInvariantMiddleware");
+      return !y && !(n.length && n.indexOf(k.type) !== -1) && j.measureTime(() => {
+        const N = Ut(k, "", t, r, o, w);
+        if (N) {
+          const {
+            keyPath: P,
+            value: x
+          } = N;
+          console.error(`A non-serializable value was detected in an action, in the path: \`${P}\`. Value:`, x, `
+Take a look at the logic that dispatched this action: `, k, `
+(See https://redux.js.org/faq/actions#why-should-type-be-a-string-or-at-least-serializable-why-should-my-action-types-be-constants)`, `
+(To allow non-serializable values see: https://redux-toolkit.js.org/usage/usage-guide#working-with-non-serializable-data)`);
+        }
+      }), a || (j.measureTime(() => {
+        const N = d.getState(), P = Ut(N, "", t, r, s, w);
+        if (P) {
+          const {
+            keyPath: x,
+            value: z
+          } = P;
+          console.error(`A non-serializable value was detected in the state, in the path: \`${x}\`. Value:`, z, `
+Take a look at the reducer(s) handling this action type: ${k.type}.
+(See https://redux.js.org/faq/organizing-state#can-i-put-functions-promises-or-other-non-serializable-items-in-my-store-state)`);
+        }
+      }), j.warnIfExceeded()), M;
+    };
+  }
+}
+function at(e) {
+  return typeof e == "boolean";
+}
+var ko = () => function(t) {
+  const {
+    thunk: r = !0,
+    immutableCheck: n = !0,
+    serializableCheck: o = !0,
+    actionCreatorCheck: s = !0
+  } = t ?? {};
+  let l = new Gr();
+  if (r && (at(r) ? l.push(po) : l.push(yo(r.extraArgument))), process.env.NODE_ENV !== "production") {
+    if (n) {
+      let a = {};
+      at(n) || (a = n), l.unshift(_o(a));
+    }
+    if (o) {
+      let a = {};
+      at(o) || (a = o), l.push(Co(a));
+    }
+    if (s) {
+      let a = {};
+      at(s) || (a = s), l.unshift(xo(a));
+    }
+  }
+  return l;
+}, So = "RTK_autoBatch", Sr = (e) => (t) => {
+  setTimeout(t, e);
+}, No = (e = {
+  type: "raf"
+}) => (t) => (...r) => {
+  const n = t(...r);
+  let o = !0, s = !1, l = !1;
+  const a = /* @__PURE__ */ new Set(), y = e.type === "tick" ? queueMicrotask : e.type === "raf" ? (
+    // requestAnimationFrame won't exist in SSR environments. Fall back to a vague approximation just to keep from erroring.
+    typeof window < "u" && window.requestAnimationFrame ? window.requestAnimationFrame : Sr(10)
+  ) : e.type === "callback" ? e.queueNotification : Sr(e.timeout), h = () => {
+    l = !1, s && (s = !1, a.forEach((w) => w()));
+  };
+  return Object.assign({}, n, {
+    // Override the base `store.subscribe` method to keep original listeners
+    // from running if we're delaying notifications
+    subscribe(w) {
+      const d = () => o && w(), g = n.subscribe(d);
+      return a.add(w), () => {
+        g(), a.delete(w);
+      };
+    },
+    // Override the base `store.dispatch` method so that we can check actions
+    // for the `shouldAutoBatch` flag and determine if batching is active
+    dispatch(w) {
+      var d;
+      try {
+        return o = !((d = w == null ? void 0 : w.meta) != null && d[So]), s = !o, s && (l || (l = !0, y(h))), n.dispatch(w);
+      } finally {
+        o = !0;
+      }
+    }
+  });
+}, Mo = (e) => function(r) {
+  const {
+    autoBatch: n = !0
+  } = r ?? {};
+  let o = new Gr(e);
+  return n && o.push(No(typeof n == "object" ? n : void 0)), o;
+};
+function jo(e) {
+  const t = ko(), {
+    reducer: r = void 0,
+    middleware: n,
+    devTools: o = !0,
+    duplicateMiddlewareCheck: s = !0,
+    preloadedState: l = void 0,
+    enhancers: a = void 0
+  } = e || {};
+  let y;
+  if (typeof r == "function")
+    y = r;
+  else if (Ye(r))
+    y = qn(r);
+  else
+    throw new Error(process.env.NODE_ENV === "production" ? W(1) : "`reducer` is a required argument, and must be a function or an object of functions that can be passed to combineReducers");
+  if (process.env.NODE_ENV !== "production" && n && typeof n != "function")
+    throw new Error(process.env.NODE_ENV === "production" ? W(2) : "`middleware` field must be a callback");
+  let h;
+  if (typeof n == "function") {
+    if (h = n(t), process.env.NODE_ENV !== "production" && !Array.isArray(h))
+      throw new Error(process.env.NODE_ENV === "production" ? W(3) : "when using a middleware builder function, an array of middleware must be returned");
+  } else
+    h = t();
+  if (process.env.NODE_ENV !== "production" && h.some((j) => typeof j != "function"))
+    throw new Error(process.env.NODE_ENV === "production" ? W(4) : "each middleware provided to configureStore must be a function");
+  if (process.env.NODE_ENV !== "production" && s) {
+    let j = /* @__PURE__ */ new Set();
+    h.forEach((N) => {
+      if (j.has(N))
+        throw new Error(process.env.NODE_ENV === "production" ? W(42) : "Duplicate middleware references found when creating the store. Ensure that each middleware is only included once.");
+      j.add(N);
+    });
+  }
+  let w = ft;
+  o && (w = go({
+    // Enable capture of stack traces for dispatched Redux actions
+    trace: process.env.NODE_ENV !== "production",
+    ...typeof o == "object" && o
+  }));
+  const d = Kn(...h), g = Mo(d);
+  if (process.env.NODE_ENV !== "production" && a && typeof a != "function")
+    throw new Error(process.env.NODE_ENV === "production" ? W(5) : "`enhancers` field must be a callback");
+  let k = typeof a == "function" ? a(g) : g();
+  if (process.env.NODE_ENV !== "production" && !Array.isArray(k))
+    throw new Error(process.env.NODE_ENV === "production" ? W(6) : "`enhancers` callback must return an array");
+  if (process.env.NODE_ENV !== "production" && k.some((j) => typeof j != "function"))
+    throw new Error(process.env.NODE_ENV === "production" ? W(7) : "each enhancer provided to configureStore must be a function");
+  process.env.NODE_ENV !== "production" && h.length && !k.includes(d) && console.error("middlewares were provided, but middleware enhancer was not included in final enhancers - make sure to call `getDefaultEnhancers`");
+  const M = w(...k);
+  return Rr(y, l, M);
+}
+function Qr(e) {
+  const t = {}, r = [];
+  let n;
+  const o = {
+    addCase(s, l) {
+      if (process.env.NODE_ENV !== "production") {
+        if (r.length > 0)
+          throw new Error(process.env.NODE_ENV === "production" ? W(26) : "`builder.addCase` should only be called before calling `builder.addMatcher`");
+        if (n)
+          throw new Error(process.env.NODE_ENV === "production" ? W(27) : "`builder.addCase` should only be called before calling `builder.addDefaultCase`");
+      }
+      const a = typeof s == "string" ? s : s.type;
+      if (!a)
+        throw new Error(process.env.NODE_ENV === "production" ? W(28) : "`builder.addCase` cannot be called with an empty action type");
+      if (a in t)
+        throw new Error(process.env.NODE_ENV === "production" ? W(29) : `\`builder.addCase\` cannot be called with two reducers for the same action type '${a}'`);
+      return t[a] = l, o;
+    },
+    addAsyncThunk(s, l) {
+      if (process.env.NODE_ENV !== "production" && n)
+        throw new Error(process.env.NODE_ENV === "production" ? W(43) : "`builder.addAsyncThunk` should only be called before calling `builder.addDefaultCase`");
+      return l.pending && (t[s.pending.type] = l.pending), l.rejected && (t[s.rejected.type] = l.rejected), l.fulfilled && (t[s.fulfilled.type] = l.fulfilled), l.settled && r.push({
+        matcher: s.settled,
+        reducer: l.settled
+      }), o;
+    },
+    addMatcher(s, l) {
+      if (process.env.NODE_ENV !== "production" && n)
+        throw new Error(process.env.NODE_ENV === "production" ? W(30) : "`builder.addMatcher` should only be called before calling `builder.addDefaultCase`");
+      return r.push({
+        matcher: s,
+        reducer: l
+      }), o;
+    },
+    addDefaultCase(s) {
+      if (process.env.NODE_ENV !== "production" && n)
+        throw new Error(process.env.NODE_ENV === "production" ? W(31) : "`builder.addDefaultCase` can only be called once");
+      return n = s, o;
+    }
+  };
+  return e(o), [t, r, n];
+}
+function Oo(e) {
+  return typeof e == "function";
+}
+function To(e, t) {
+  if (process.env.NODE_ENV !== "production" && typeof t == "object")
+    throw new Error(process.env.NODE_ENV === "production" ? W(8) : "The object notation for `createReducer` has been removed. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createReducer");
+  let [r, n, o] = Qr(t), s;
+  if (Oo(e))
+    s = () => kr(e());
+  else {
+    const a = kr(e);
+    s = () => a;
+  }
+  function l(a = s(), y) {
+    let h = [r[y.type], ...n.filter(({
+      matcher: w
+    }) => w(y)).map(({
+      reducer: w
+    }) => w)];
+    return h.filter((w) => !!w).length === 0 && (h = [o]), h.reduce((w, d) => {
+      if (d)
+        if (ge(w)) {
+          const k = d(w, y);
+          return k === void 0 ? w : k;
+        } else {
+          if (ce(w))
+            return $r(w, (g) => d(g, y));
+          {
+            const g = d(w, y);
+            if (g === void 0) {
+              if (w === null)
+                return w;
+              throw Error("A case reducer on a non-draftable value must not return undefined");
+            }
+            return g;
+          }
+        }
+      return w;
+    }, a);
+  }
+  return l.getInitialState = s, l;
+}
+var Po = /* @__PURE__ */ Symbol.for("rtk-slice-createasyncthunk");
+function Do(e, t) {
+  return `${e}/${t}`;
+}
+function Ro({
+  creators: e
+} = {}) {
+  var r;
+  const t = (r = e == null ? void 0 : e.asyncThunk) == null ? void 0 : r[Po];
+  return function(o) {
+    const {
+      name: s,
+      reducerPath: l = s
+    } = o;
+    if (!s)
+      throw new Error(process.env.NODE_ENV === "production" ? W(11) : "`name` is a required option for createSlice");
+    typeof process < "u" && process.env.NODE_ENV === "development" && o.initialState === void 0 && console.error("You must provide an `initialState` value that is not `undefined`. You may have misspelled `initialState`");
+    const a = (typeof o.reducers == "function" ? o.reducers(Ao()) : o.reducers) || {}, y = Object.keys(a), h = {
+      sliceCaseReducersByName: {},
+      sliceCaseReducersByType: {},
+      actionCreators: {},
+      sliceMatchers: []
+    }, w = {
+      addCase(m, v) {
+        const O = typeof m == "string" ? m : m.type;
+        if (!O)
+          throw new Error(process.env.NODE_ENV === "production" ? W(12) : "`context.addCase` cannot be called with an empty action type");
+        if (O in h.sliceCaseReducersByType)
+          throw new Error(process.env.NODE_ENV === "production" ? W(13) : "`context.addCase` cannot be called with two reducers for the same action type: " + O);
+        return h.sliceCaseReducersByType[O] = v, w;
+      },
+      addMatcher(m, v) {
+        return h.sliceMatchers.push({
+          matcher: m,
+          reducer: v
+        }), w;
+      },
+      exposeAction(m, v) {
+        return h.actionCreators[m] = v, w;
+      },
+      exposeCaseReducer(m, v) {
+        return h.sliceCaseReducersByName[m] = v, w;
+      }
+    };
+    y.forEach((m) => {
+      const v = a[m], O = {
+        reducerName: m,
+        type: Do(s, m),
+        createNotation: typeof o.reducers == "function"
+      };
+      Vo(v) ? Yo(O, v, w, t) : Wo(O, v, w);
+    });
+    function d() {
+      if (process.env.NODE_ENV !== "production" && typeof o.extraReducers == "object")
+        throw new Error(process.env.NODE_ENV === "production" ? W(14) : "The object notation for `createSlice.extraReducers` has been removed. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createSlice");
+      const [m = {}, v = [], O = void 0] = typeof o.extraReducers == "function" ? Qr(o.extraReducers) : [o.extraReducers], F = {
+        ...m,
+        ...h.sliceCaseReducersByType
+      };
+      return To(o.initialState, (U) => {
+        for (let L in F)
+          U.addCase(L, F[L]);
+        for (let L of h.sliceMatchers)
+          U.addMatcher(L.matcher, L.reducer);
+        for (let L of v)
+          U.addMatcher(L.matcher, L.reducer);
+        O && U.addDefaultCase(O);
+      });
+    }
+    const g = (m) => m, k = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new WeakMap();
+    let j;
+    function N(m, v) {
+      return j || (j = d()), j(m, v);
+    }
+    function P() {
+      return j || (j = d()), j.getInitialState();
+    }
+    function x(m, v = !1) {
+      function O(U) {
+        let L = U[m];
+        if (typeof L > "u") {
+          if (v)
+            L = st(M, O, P);
+          else if (process.env.NODE_ENV !== "production")
+            throw new Error(process.env.NODE_ENV === "production" ? W(15) : "selectSlice returned undefined for an uninjected slice reducer");
+        }
+        return L;
+      }
+      function F(U = g) {
+        const L = st(k, v, () => /* @__PURE__ */ new WeakMap());
+        return st(L, U, () => {
+          const X = {};
+          for (const [oe, de] of Object.entries(o.selectors ?? {}))
+            X[oe] = zo(de, U, () => st(M, U, P), v);
+          return X;
+        });
+      }
+      return {
+        reducerPath: m,
+        getSelectors: F,
+        get selectors() {
+          return F(O);
+        },
+        selectSlice: O
+      };
+    }
+    const z = {
+      name: s,
+      reducer: N,
+      actions: h.actionCreators,
+      caseReducers: h.sliceCaseReducersByName,
+      getInitialState: P,
+      ...x(l),
+      injectInto(m, {
+        reducerPath: v,
+        ...O
+      } = {}) {
+        const F = v ?? l;
+        return m.inject({
+          reducerPath: F,
+          reducer: N
+        }, O), {
+          ...z,
+          ...x(F, !0)
+        };
+      }
+    };
+    return z;
+  };
+}
+function zo(e, t, r, n) {
+  function o(s, ...l) {
+    let a = t(s);
+    if (typeof a > "u") {
+      if (n)
+        a = r();
+      else if (process.env.NODE_ENV !== "production")
+        throw new Error(process.env.NODE_ENV === "production" ? W(16) : "selectState returned undefined for an uninjected slice reducer");
+    }
+    return e(a, ...l);
+  }
+  return o.unwrapped = e, o;
+}
+var Io = /* @__PURE__ */ Ro();
+function Ao() {
+  function e(t, r) {
+    return {
+      _reducerDefinitionType: "asyncThunk",
+      payloadCreator: t,
+      ...r
+    };
+  }
+  return e.withTypes = () => e, {
+    reducer(t) {
+      return Object.assign({
+        // hack so the wrapping function has the same name as the original
+        // we need to create a wrapper so the `reducerDefinitionType` is not assigned to the original
+        [t.name](...r) {
+          return t(...r);
+        }
+      }[t.name], {
+        _reducerDefinitionType: "reducer"
+        /* reducer */
+      });
+    },
+    preparedReducer(t, r) {
+      return {
+        _reducerDefinitionType: "reducerWithPrepare",
+        prepare: t,
+        reducer: r
+      };
+    },
+    asyncThunk: e
+  };
+}
+function Wo({
+  type: e,
+  reducerName: t,
+  createNotation: r
+}, n, o) {
+  let s, l;
+  if ("reducer" in n) {
+    if (r && !Lo(n))
+      throw new Error(process.env.NODE_ENV === "production" ? W(17) : "Please use the `create.preparedReducer` notation for prepared action creators with the `create` notation.");
+    s = n.reducer, l = n.prepare;
+  } else
+    s = n;
+  o.addCase(e, s).exposeCaseReducer(t, s).exposeAction(t, l ? Cr(e, l) : Cr(e));
+}
+function Vo(e) {
+  return e._reducerDefinitionType === "asyncThunk";
+}
+function Lo(e) {
+  return e._reducerDefinitionType === "reducerWithPrepare";
+}
+function Yo({
+  type: e,
+  reducerName: t
+}, r, n, o) {
+  if (!o)
+    throw new Error(process.env.NODE_ENV === "production" ? W(18) : "Cannot use `create.asyncThunk` in the built-in `createSlice`. Use `buildCreateSlice({ creators: { asyncThunk: asyncThunkCreator } })` to create a customised version of `createSlice`.");
+  const {
+    payloadCreator: s,
+    fulfilled: l,
+    pending: a,
+    rejected: y,
+    settled: h,
+    options: w
+  } = r, d = o(e, s, w);
+  n.exposeAction(t, d), l && n.addCase(d.fulfilled, l), a && n.addCase(d.pending, a), y && n.addCase(d.rejected, y), h && n.addMatcher(d.settled, h), n.exposeCaseReducer(t, {
+    fulfilled: l || ct,
+    pending: a || ct,
+    rejected: y || ct,
+    settled: h || ct
+  });
+}
+function ct() {
+}
+function W(e) {
+  return `Minified Redux Toolkit error #${e}; visit https://redux-toolkit.js.org/Errors?code=${e} for the full message or use the non-minified dev environment for full errors. `;
+}
+const Fo = {
+  grid: {
+    size: 20,
+    color: "#ccc",
+    enabled: !0
+  },
+  toolbar: {
+    selectedTool: "pointer"
+    // possible values: 'pointer', 'pencil', 'rectangle', 'circle', 'text'
+  },
+  toolProperties: {
+    pencil: {
+      strokeColor: "#000000",
+      lineWidth: 4
+    },
+    rectangle: {
+      strokeColor: "#000000",
+      fillColor: "#ffffff",
+      lineWidth: 2
+    },
+    circle: {
+      strokeColor: "#000000",
+      fillColor: "#ffffff",
+      lineWidth: 2
+    },
+    triangle: {
+      strokeColor: "#000000",
+      fillColor: "#ffffff",
+      lineWidth: 2
+    },
+    diamond: {
+      strokeColor: "#000000",
+      fillColor: "#ffffff",
+      lineWidth: 2
+    },
+    star: {
+      strokeColor: "#000000",
+      fillColor: "#ffff00",
+      lineWidth: 2
+    },
+    heart: {
+      strokeColor: "#000000",
+      fillColor: "#ff6b6b",
+      lineWidth: 2
+    },
+    hexagon: {
+      strokeColor: "#000000",
+      fillColor: "#ffffff",
+      lineWidth: 2
+    },
+    octagon: {
+      strokeColor: "#000000",
+      fillColor: "#ffffff",
+      lineWidth: 2
+    },
+    arrow: {
+      strokeColor: "#000000",
+      fillColor: "#000000",
+      lineWidth: 2
+    },
+    text: {
+      fontSize: 16,
+      fontColor: "#000000"
+    }
+  },
+  elements: [],
+  // to store drawn elements
+  selectedElementId: null,
+  // currently selected element
+  viewport: {
+    panX: 0,
+    panY: 0,
+    zoom: 1
+  },
+  watermark: {
+    text: "Nines Studios",
+    url: "https://github.com/huzeyfecoskun",
+    visible: !0
+  },
+  lock: {
+    isLocked: !0,
+    text: "Whiteboard drawing is only for moderator"
+  }
+}, en = Io({
+  name: "whiteboard",
+  initialState: Fo,
+  reducers: {
+    toggleGrid(e) {
+      e.grid.enabled = !e.grid.enabled;
+    },
+    setGridSize(e, t) {
+      e.grid.size = t.payload;
+    },
+    setGridColor(e, t) {
+      e.grid.color = t.payload;
+    },
+    setSelectedTool(e, t) {
+      e.toolbar.selectedTool = t.payload;
+    },
+    setToolProperty(e, t) {
+      const { tool: r, property: n, value: o } = t.payload;
+      e.toolProperties[r] && (e.toolProperties[r][n] = o);
+    },
+    addElement(e, t) {
+      e.elements.push(t.payload);
+    },
+    updateElement(e, t) {
+      const { id: r, updates: n } = t.payload, o = e.elements.findIndex((s) => s.id === r);
+      o !== -1 && (e.elements[o] = { ...e.elements[o], ...n });
+    },
+    removeElement(e, t) {
+      const r = t.payload;
+      e.elements = e.elements.filter((n) => n.id !== r), e.selectedElementId === r && (e.selectedElementId = null);
+    },
+    setSelectedElement(e, t) {
+      e.selectedElementId = t.payload;
+    },
+    clearElements(e) {
+      e.elements = [];
+    },
+    setPan(e, t) {
+      e.viewport.panX = t.payload.x, e.viewport.panY = t.payload.y;
+    },
+    setZoom(e, t) {
+      e.viewport.zoom = Math.max(0.1, Math.min(5, t.payload));
+    },
+    resetViewport(e) {
+      e.viewport.panX = 0, e.viewport.panY = 0, e.viewport.zoom = 1;
+    },
+    bringToFront(e, t) {
+      const r = t.payload, n = e.elements.findIndex((o) => o.id === r);
+      if (n !== -1 && n < e.elements.length - 1) {
+        const [o] = e.elements.splice(n, 1);
+        e.elements.push(o);
+      }
+    },
+    sendToBack(e, t) {
+      const r = t.payload, n = e.elements.findIndex((o) => o.id === r);
+      if (n > 0) {
+        const [o] = e.elements.splice(n, 1);
+        e.elements.unshift(o);
+      }
+    },
+    fitToView(e, t) {
+      const { canvasWidth: r, canvasHeight: n, padding: o = 50 } = t.payload, s = e.elements;
+      if (s.length === 0) {
+        e.viewport.panX = 0, e.viewport.panY = 0, e.viewport.zoom = 1;
+        return;
+      }
+      let l = 1 / 0, a = 1 / 0, y = -1 / 0, h = -1 / 0;
+      s.forEach((v) => {
+        v.type === "rectangle" ? (l = Math.min(l, v.x), a = Math.min(a, v.y), y = Math.max(y, v.x + v.width), h = Math.max(h, v.y + v.height)) : v.type === "circle" ? (l = Math.min(l, v.centerX - v.radius), a = Math.min(a, v.centerY - v.radius), y = Math.max(y, v.centerX + v.radius), h = Math.max(h, v.centerY + v.radius)) : v.type === "pencil" && v.points.length > 0 ? v.points.forEach((O) => {
+          l = Math.min(l, O.x), a = Math.min(a, O.y), y = Math.max(y, O.x), h = Math.max(h, O.y);
+        }) : v.type === "triangle" || v.type === "diamond" || v.type === "hexagon" || v.type === "octagon" ? (l = Math.min(l, v.x), a = Math.min(a, v.y), y = Math.max(y, v.x + v.width), h = Math.max(h, v.y + v.height)) : v.type === "star" || v.type === "heart" ? (l = Math.min(l, v.centerX - v.size), a = Math.min(a, v.centerY - v.size), y = Math.max(y, v.centerX + v.size), h = Math.max(h, v.centerY + v.size)) : v.type === "arrow" && (l = Math.min(l, v.startX, v.endX), a = Math.min(a, v.startY, v.endY), y = Math.max(y, v.startX, v.endX), h = Math.max(h, v.startY, v.endY));
+      });
+      const w = y - l, d = h - a;
+      if (w <= 0 || d <= 0)
+        return;
+      const g = r - o * 2, k = n - o * 2, M = g / w, j = k / d, N = Math.min(M, j, 5), P = (l + y) / 2, x = (a + h) / 2, z = r / 2 - P * N, m = n / 2 - x * N;
+      e.viewport.zoom = Math.max(0.1, N), e.viewport.panX = z, e.viewport.panY = m;
+    },
+    setLocked(e, t) {
+      e.lock.isLocked = t.payload, t.payload && (e.toolbar.selectedTool = "pointer", e.selectedElementId = null);
+    }
+  }
+}), {
+  toggleGrid: Ri,
+  setGridSize: zi,
+  setGridColor: Ii,
+  setSelectedTool: pe,
+  setToolProperty: Xo,
+  addElement: ie,
+  updateElement: dt,
+  removeElement: Bo,
+  setSelectedElement: Ae,
+  clearElements: Ai,
+  setPan: $o,
+  setZoom: Uo,
+  resetViewport: Wi,
+  fitToView: Ho,
+  bringToFront: Go,
+  sendToBack: qo,
+  setLocked: tn
+} = en.actions, Ko = en.reducer;
+let Ht = null;
+const Zo = (e) => {
+  Ht = e;
+}, Jo = (e) => (t) => (r) => {
+  var o;
+  const n = t(r);
+  return !((o = r.meta) != null && o.fromRemote) && Ht && Ht(r), n;
+}, Qo = jo({
+  reducer: {
+    whiteboard: Ko
+  },
+  middleware: (e) => e().concat(Jo)
+}), ei = () => {
+  const e = Q((t) => t.whiteboard.watermark);
+  return /* @__PURE__ */ u.jsx("a", { href: e.url, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ u.jsx("div", { className: "watermark", children: e.text }) });
+};
+var rn = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, Nr = ue.createContext && /* @__PURE__ */ ue.createContext(rn), ti = ["attr", "size", "title"];
+function ri(e, t) {
+  if (e == null) return {};
+  var r = ni(e, t), n, o;
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < s.length; o++)
+      n = s[o], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
+  }
+  return r;
+}
+function ni(e, t) {
+  if (e == null) return {};
+  var r = {};
+  for (var n in e)
+    if (Object.prototype.hasOwnProperty.call(e, n)) {
+      if (t.indexOf(n) >= 0) continue;
+      r[n] = e[n];
+    }
+  return r;
+}
+function vt() {
+  return vt = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    }
+    return e;
+  }, vt.apply(this, arguments);
+}
+function Mr(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function xt(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Mr(Object(r), !0).forEach(function(n) {
+      oi(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Mr(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function oi(e, t, r) {
+  return t = ii(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+}
+function ii(e) {
+  var t = si(e, "string");
+  return typeof t == "symbol" ? t : t + "";
+}
+function si(e, t) {
+  if (typeof e != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t);
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function nn(e) {
+  return e && e.map((t, r) => /* @__PURE__ */ ue.createElement(t.tag, xt({
+    key: r
+  }, t.attr), nn(t.child)));
+}
+function $(e) {
+  return (t) => /* @__PURE__ */ ue.createElement(ai, vt({
+    attr: xt({}, e.attr)
+  }, t), nn(e.child));
+}
+function ai(e) {
+  var t = (r) => {
+    var {
+      attr: n,
+      size: o,
+      title: s
+    } = e, l = ri(e, ti), a = o || r.size || "1em", y;
+    return r.className && (y = r.className), e.className && (y = (y ? y + " " : "") + e.className), /* @__PURE__ */ ue.createElement("svg", vt({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, r.attr, n, l, {
+      className: y,
+      style: xt(xt({
+        color: e.color || r.color
+      }, r.style), e.style),
+      height: a,
+      width: a,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), s && /* @__PURE__ */ ue.createElement("title", null, s), e.children);
+  };
+  return Nr !== void 0 ? /* @__PURE__ */ ue.createElement(Nr.Consumer, null, (r) => t(r)) : t(rn);
+}
+function ci(e) {
+  return $({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" }, child: [] }] })(e);
+}
+function li(e) {
+  return $({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M497.941 273.941c18.745-18.745 18.745-49.137 0-67.882l-160-160c-18.745-18.745-49.136-18.746-67.883 0l-256 256c-18.745 18.745-18.745 49.137 0 67.882l96 96A48.004 48.004 0 0 0 144 480h356c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12H355.883l142.058-142.059zm-302.627-62.627l137.373 137.373L265.373 416H150.628l-80-80 124.686-124.686z" }, child: [] }] })(e);
+}
+function ui(e) {
+  return $({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M0 180V56c0-13.3 10.7-24 24-24h124c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H64v84c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12zM288 44v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12V56c0-13.3-10.7-24-24-24H300c-6.6 0-12 5.4-12 12zm148 276h-40c-6.6 0-12 5.4-12 12v84h-84c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24V332c0-6.6-5.4-12-12-12zM160 468v-40c0-6.6-5.4-12-12-12H64v-84c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v124c0 13.3 10.7 24 24 24h124c6.6 0 12-5.4 12-12z" }, child: [] }] })(e);
+}
+function di(e) {
+  return $({ attr: { viewBox: "0 0 496 512" }, child: [{ tag: "path", attr: { d: "M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z" }, child: [] }] })(e);
+}
+function fi(e) {
+  return $({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" }, child: [] }] })(e);
+}
+function hi(e) {
+  return $({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z" }, child: [] }] })(e);
+}
+function pi(e) {
+  return $({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" }, child: [] }] })(e);
+}
+function yi(e) {
+  return $({ attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M302.189 329.126H196.105l55.831 135.993c3.889 9.428-.555 19.999-9.444 23.999l-49.165 21.427c-9.165 4-19.443-.571-23.332-9.714l-53.053-129.136-86.664 89.138C18.729 472.71 0 463.554 0 447.977V18.299C0 1.899 19.921-6.096 30.277 5.443l284.412 292.542c11.472 11.179 3.007 31.141-12.5 31.141z" }, child: [] }] })(e);
+}
+function gi(e) {
+  return $({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z" }, child: [] }] })(e);
+}
+function mi(e) {
+  return $({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z" }, child: [] }] })(e);
+}
+function wi(e) {
+  return $({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M433.941 129.941l-83.882-83.882A48 48 0 0 0 316.118 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V163.882a48 48 0 0 0-14.059-33.941zM224 416c-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64zm96-304.52V212c0 6.627-5.373 12-12 12H76c-6.627 0-12-5.373-12-12V108c0-6.627 5.373-12 12-12h228.52c3.183 0 6.235 1.264 8.485 3.515l3.48 3.48A11.996 11.996 0 0 1 320 111.48z" }, child: [] }] })(e);
+}
+function vi(e) {
+  return $({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48z" }, child: [] }] })(e);
+}
+function xi(e) {
+  return $({ attr: { viewBox: "0 0 576 512" }, child: [{ tag: "path", attr: { d: "M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" }, child: [] }] })(e);
+}
+const bi = ({ text: e }) => /* @__PURE__ */ u.jsxs(
+  "div",
+  {
+    style: {
+      position: "absolute",
+      top: "10px",
+      left: "10px",
+      backgroundColor: "rgba(255, 68, 68, 0.9)",
+      color: "white",
+      padding: "8px 16px",
+      borderRadius: "4px",
+      display: "flex",
+      alignItems: "center",
+      gap: "8px",
+      boxShadow: "0 2px 4px rgba(0,0,0,0.2)",
+      zIndex: 1e3,
+      pointerEvents: "none",
+      userSelect: "none",
+      fontFamily: "sans-serif",
+      fontSize: "14px",
+      fontWeight: "500"
+    },
+    children: [
+      /* @__PURE__ */ u.jsx(pi, {}),
+      /* @__PURE__ */ u.jsx("span", { children: e || "Locked" })
+    ]
+  }
+);
+function Ei(e) {
+  return $({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z" }, child: [] }] })(e);
+}
+function _i(e) {
+  return $({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M284.3 11.7c-15.6-15.6-40.9-15.6-56.6 0l-216 216c-15.6 15.6-15.6 40.9 0 56.6l216 216c15.6 15.6 40.9 15.6 56.6 0l216-216c15.6-15.6 15.6-40.9 0-56.6l-216-216z" }, child: [] }] })(e);
+}
+function Ci(e) {
+  return $({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z" }, child: [] }] })(e);
+}
+function ki(e) {
+  return $({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M144 144l0 48 160 0 0-48c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192l0-48C80 64.5 144.5 0 224 0s144 64.5 144 144l0 48 16 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l16 0z" }, child: [] }] })(e);
+}
+function Si(e) {
+  return $({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l128 0 0 352c0 17.7 14.3 32 32 32s32-14.3 32-32l0-352 128 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L192 32 32 32z" }, child: [] }] })(e);
+}
+function Ni(e) {
+  return $({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M144 144c0-44.2 35.8-80 80-80c31.9 0 59.4 18.6 72.3 45.7c7.6 16 26.7 22.8 42.6 15.2s22.8-26.7 15.2-42.6C331 33.7 281.5 0 224 0C144.5 0 80 64.5 80 144l0 48-16 0c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-192c0-35.3-28.7-64-64-64l-240 0 0-48z" }, child: [] }] })(e);
+}
+function Mi(e) {
+  return $({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M8.5.134a1 1 0 0 0-1 0l-6 3.577a1 1 0 0 0-.5.866v6.846a1 1 0 0 0 .5.866l6 3.577a1 1 0 0 0 1 0l6-3.577a1 1 0 0 0 .5-.866V4.577a1 1 0 0 0-.5-.866z" }, child: [] }] })(e);
+}
+function ji(e) {
+  return $({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M11.107 0a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146A.5.5 0 0 1 4.893 0z" }, child: [] }] })(e);
+}
+const Oi = ({ onExport: e }) => {
+  const t = qt(), { t: r, language: n, changeLanguage: o } = Dr(), s = Q(
+    (m) => m.whiteboard.toolbar.selectedTool
+  ), l = Q((m) => m.whiteboard.lock.isLocked), [a, y] = G(!1), [h, w] = G(!1), d = xe(null), g = xe(null), k = xe(null), M = xe(null), j = xe(null), N = (m) => {
+    const v = m.target.files[0];
+    if (!v) return;
+    const O = new FileReader();
+    O.onload = (F) => {
+      const U = new Image();
+      U.onload = () => {
+        const L = Date.now().toString();
+        t(
+          ie({
+            id: L,
+            type: "image",
+            x: 100,
+            y: 100,
+            width: U.width,
+            height: U.height,
+            src: F.target.result
+          })
+        ), t(pe("pointer")), t(Ae(L));
+      }, U.src = F.target.result;
+    }, O.readAsDataURL(v), m.target.value = "";
+  };
+  le(() => {
+    const m = (v) => {
+      d.current && !d.current.contains(v.target) && g.current && !g.current.contains(v.target) && y(!1), M.current && !M.current.contains(v.target) && k.current && !k.current.contains(v.target) && w(!1);
+    };
+    return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
+  }, []);
+  const P = [
+    {
+      name: "triangle",
+      icon: /* @__PURE__ */ u.jsx(mi, { style: { transform: "rotate(-30deg)" } })
+    },
+    { name: "diamond", icon: /* @__PURE__ */ u.jsx(_i, {}) },
+    { name: "star", icon: /* @__PURE__ */ u.jsx(xi, {}) },
+    { name: "heart", icon: /* @__PURE__ */ u.jsx(fi, {}) },
+    { name: "hexagon", icon: /* @__PURE__ */ u.jsx(Mi, {}) },
+    { name: "octagon", icon: /* @__PURE__ */ u.jsx(ji, {}) },
+    { name: "arrow", icon: /* @__PURE__ */ u.jsx(Ei, {}) }
+  ], x = (m) => {
+    t(pe(m)), y(!1);
+  }, z = (m) => {
+    o(m), w(!1);
+  };
+  return /* @__PURE__ */ u.jsxs("div", { className: "toolbar", children: [
+    /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        className: s === "pointer" ? "active" : "",
+        onClick: () => t(pe("pointer")),
+        title: r("pointer"),
+        disabled: l,
+        children: /* @__PURE__ */ u.jsx(yi, {})
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        className: s === "text" ? "active" : "",
+        onClick: () => t(pe("text")),
+        title: r("text"),
+        disabled: l,
+        children: /* @__PURE__ */ u.jsx(Si, {})
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        onClick: () => {
+          var m;
+          return (m = j.current) == null ? void 0 : m.click();
+        },
+        title: r("image"),
+        disabled: l,
+        children: /* @__PURE__ */ u.jsx(hi, {})
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      "input",
+      {
+        type: "file",
+        ref: j,
+        style: { display: "none" },
+        accept: "image/*",
+        onChange: N
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        className: s === "pencil" ? "active" : "",
+        onClick: () => t(pe("pencil")),
+        title: r("pencil"),
+        disabled: l,
+        children: /* @__PURE__ */ u.jsx(gi, {})
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        className: s === "rectangle" ? "active" : "",
+        onClick: () => t(pe("rectangle")),
+        title: r("rectangle"),
+        disabled: l,
+        children: /* @__PURE__ */ u.jsx(vi, {})
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        className: s === "circle" ? "active" : "",
+        onClick: () => t(pe("circle")),
+        title: r("circle"),
+        disabled: l,
+        children: /* @__PURE__ */ u.jsx(ci, {})
+      }
+    ),
+    /* @__PURE__ */ u.jsxs("div", { className: "ellipsis-container", children: [
+      /* @__PURE__ */ u.jsx(
+        "button",
+        {
+          ref: g,
+          className: P.some((m) => m.name === s) ? "active" : "",
+          onClick: () => y(!a),
+          title: r("moreShapes"),
+          disabled: l,
+          children: /* @__PURE__ */ u.jsx(Ci, {})
+        }
+      ),
+      a && /* @__PURE__ */ u.jsxs("div", { className: "shapes-popup", ref: d, children: [
+        /* @__PURE__ */ u.jsx("div", { className: "shapes-popup-header", children: r("moreShapes") }),
+        /* @__PURE__ */ u.jsx("div", { className: "shapes-popup-grid", children: P.map((m) => /* @__PURE__ */ u.jsx(
+          "button",
+          {
+            className: s === m.name ? "active" : "",
+            onClick: () => x(m.name),
+            title: r(m.name),
+            children: m.icon
+          },
+          m.name
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        className: s === "eraser" ? "active" : "",
+        onClick: () => t(pe("eraser")),
+        title: r("eraser"),
+        disabled: l,
+        children: /* @__PURE__ */ u.jsx(li, {})
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        onClick: () => t(
+          Ho({
+            canvasWidth: window.innerWidth,
+            canvasHeight: window.innerHeight,
+            padding: 50
+          })
+        ),
+        title: r("fitToView"),
+        children: /* @__PURE__ */ u.jsx(ui, {})
+      }
+    ),
+    /* @__PURE__ */ u.jsx("button", { onClick: e, title: r("exportAsPng"), children: /* @__PURE__ */ u.jsx(wi, {}) }),
+    /* @__PURE__ */ u.jsxs("div", { className: "language-container", children: [
+      /* @__PURE__ */ u.jsx(
+        "button",
+        {
+          ref: k,
+          onClick: () => w(!h),
+          title: r("language"),
+          children: /* @__PURE__ */ u.jsx(di, {})
+        }
+      ),
+      h && /* @__PURE__ */ u.jsxs("div", { className: "language-popup", ref: M, children: [
+        /* @__PURE__ */ u.jsx("div", { className: "language-popup-header", children: r("language") }),
+        /* @__PURE__ */ u.jsxs("div", { className: "language-options", children: [
+          /* @__PURE__ */ u.jsxs(
+            "button",
+            {
+              className: n === "en" ? "active" : "",
+              onClick: () => z("en"),
+              children: [
+                "🇺🇸 ",
+                r("english")
+              ]
+            }
+          ),
+          /* @__PURE__ */ u.jsxs(
+            "button",
+            {
+              className: n === "tr" ? "active" : "",
+              onClick: () => z("tr"),
+              children: [
+                "🇹🇷 ",
+                r("turkish")
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        onClick: () => t(tn(!l)),
+        title: l ? "Unlock" : "Lock",
+        style: { color: l ? "red" : "inherit" },
+        children: l ? /* @__PURE__ */ u.jsx(ki, {}) : /* @__PURE__ */ u.jsx(Ni, {})
+      }
+    )
+  ] });
+}, Ti = () => {
+  const e = qt(), { t } = Dr(), r = Q(
+    (d) => d.whiteboard.toolbar.selectedTool
+  ), n = Q(
+    (d) => d.whiteboard.toolProperties
+  ), o = Q(
+    (d) => d.whiteboard.selectedElementId
+  ), s = Q((d) => d.whiteboard.elements), l = o ? s.find((d) => d.id === o) : null, a = (d, g, k) => {
+    e(Xo({ tool: d, property: g, value: k }));
+  }, y = (d, g) => {
+    o && e(
+      dt({ id: o, updates: { [d]: g } })
+    );
+  }, h = () => {
+    o && e(Go(o));
+  }, w = () => {
+    o && e(qo(o));
+  };
+  if (r === "pointer" && l && l.type === "text")
+    return /* @__PURE__ */ u.jsxs("div", { className: "prop-tools", children: [
+      /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+        /* @__PURE__ */ u.jsx("span", { children: t("fontSize") }),
+        /* @__PURE__ */ u.jsxs(
+          "select",
+          {
+            className: "font-size-selector",
+            value: l.fontSize || 16,
+            onChange: (d) => y("fontSize", parseInt(d.target.value)),
+            children: [
+              /* @__PURE__ */ u.jsx("option", { value: "12", children: "12 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "14", children: "14 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "16", children: "16 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "18", children: "18 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "24", children: "24 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "32", children: "32 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "48", children: "48 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "64", children: "64 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "72", children: "72 px" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+        /* @__PURE__ */ u.jsx("span", { children: t("fontColor") }),
+        /* @__PURE__ */ u.jsx(
+          "input",
+          {
+            type: "color",
+            value: l.fontColor || "#000000",
+            onChange: (d) => y("fontColor", d.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+        /* @__PURE__ */ u.jsx("span", { children: t("layerOrder") }),
+        /* @__PURE__ */ u.jsxs("div", { className: "layer-buttons", children: [
+          /* @__PURE__ */ u.jsx("button", { onClick: h, title: t("bringToFront"), children: /* @__PURE__ */ u.jsxs(
+            "svg",
+            {
+              width: "18",
+              height: "18",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: [
+                /* @__PURE__ */ u.jsx(
+                  "rect",
+                  {
+                    x: "8",
+                    y: "8",
+                    width: "12",
+                    height: "12",
+                    rx: "1",
+                    fill: "#0066cc",
+                    stroke: "#0066cc"
+                  }
+                ),
+                /* @__PURE__ */ u.jsx("rect", { x: "4", y: "4", width: "12", height: "12", rx: "1", fill: "white" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ u.jsx("button", { onClick: w, title: t("sendToBack"), children: /* @__PURE__ */ u.jsxs(
+            "svg",
+            {
+              width: "18",
+              height: "18",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: [
+                /* @__PURE__ */ u.jsx(
+                  "rect",
+                  {
+                    x: "4",
+                    y: "4",
+                    width: "12",
+                    height: "12",
+                    rx: "1",
+                    fill: "#0066cc",
+                    stroke: "#0066cc"
+                  }
+                ),
+                /* @__PURE__ */ u.jsx("rect", { x: "8", y: "8", width: "12", height: "12", rx: "1", fill: "white" })
+              ]
+            }
+          ) })
+        ] })
+      ] })
+    ] });
+  if (r === "pointer" && l) {
+    const d = [
+      "rectangle",
+      "circle",
+      "triangle",
+      "diamond",
+      "star",
+      "heart",
+      "hexagon",
+      "octagon",
+      "arrow"
+    ].includes(l.type), g = l.type === "pencil";
+    return /* @__PURE__ */ u.jsxs("div", { className: "prop-tools", children: [
+      d && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+        /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+          /* @__PURE__ */ u.jsx("span", { children: t("strokeColor") }),
+          /* @__PURE__ */ u.jsx(
+            "input",
+            {
+              type: "color",
+              value: l.strokeColor,
+              onChange: (k) => y("strokeColor", k.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+          /* @__PURE__ */ u.jsx("span", { children: t("fillColor") }),
+          /* @__PURE__ */ u.jsx(
+            "input",
+            {
+              type: "color",
+              value: l.fillColor,
+              onChange: (k) => y("fillColor", k.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+          /* @__PURE__ */ u.jsx("span", { children: t("strokeWidth") }),
+          /* @__PURE__ */ u.jsxs(
+            "select",
+            {
+              className: "stroke-width-selector",
+              value: l.lineWidth,
+              onChange: (k) => y(
+                "lineWidth",
+                parseInt(k.target.value)
+              ),
+              children: [
+                /* @__PURE__ */ u.jsx("option", { value: "1", children: "1 px" }),
+                /* @__PURE__ */ u.jsx("option", { value: "2", children: "2 px" }),
+                /* @__PURE__ */ u.jsx("option", { value: "4", children: "4 px" }),
+                /* @__PURE__ */ u.jsx("option", { value: "8", children: "8 px" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      g && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+        /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+          /* @__PURE__ */ u.jsx("span", { children: t("brushColor") }),
+          /* @__PURE__ */ u.jsx(
+            "input",
+            {
+              type: "color",
+              value: l.strokeColor,
+              onChange: (k) => y("strokeColor", k.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+          /* @__PURE__ */ u.jsx("span", { children: t("brushSize") }),
+          /* @__PURE__ */ u.jsxs(
+            "select",
+            {
+              className: "brush-size-selector",
+              value: l.lineWidth,
+              onChange: (k) => y(
+                "lineWidth",
+                parseInt(k.target.value)
+              ),
+              children: [
+                /* @__PURE__ */ u.jsx("option", { value: "1", children: "1 px" }),
+                /* @__PURE__ */ u.jsx("option", { value: "2", children: "2 px" }),
+                /* @__PURE__ */ u.jsx("option", { value: "4", children: "4 px" }),
+                /* @__PURE__ */ u.jsx("option", { value: "8", children: "8 px" }),
+                /* @__PURE__ */ u.jsx("option", { value: "16", children: "16 px" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+        /* @__PURE__ */ u.jsx("span", { children: t("layerOrder") }),
+        /* @__PURE__ */ u.jsxs("div", { className: "layer-buttons", children: [
+          /* @__PURE__ */ u.jsx("button", { onClick: h, title: t("bringToFront"), children: /* @__PURE__ */ u.jsxs(
+            "svg",
+            {
+              width: "18",
+              height: "18",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: [
+                /* @__PURE__ */ u.jsx(
+                  "rect",
+                  {
+                    x: "8",
+                    y: "8",
+                    width: "12",
+                    height: "12",
+                    rx: "1",
+                    fill: "#0066cc",
+                    stroke: "#0066cc"
+                  }
+                ),
+                /* @__PURE__ */ u.jsx("rect", { x: "4", y: "4", width: "12", height: "12", rx: "1", fill: "white" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ u.jsx("button", { onClick: w, title: t("sendToBack"), children: /* @__PURE__ */ u.jsxs(
+            "svg",
+            {
+              width: "18",
+              height: "18",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: [
+                /* @__PURE__ */ u.jsx(
+                  "rect",
+                  {
+                    x: "4",
+                    y: "4",
+                    width: "12",
+                    height: "12",
+                    rx: "1",
+                    fill: "#0066cc",
+                    stroke: "#0066cc"
+                  }
+                ),
+                /* @__PURE__ */ u.jsx("rect", { x: "8", y: "8", width: "12", height: "12", rx: "1", fill: "white" })
+              ]
+            }
+          ) })
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ u.jsxs("div", { className: "prop-tools", children: [
+    r === "text" && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+      /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+        /* @__PURE__ */ u.jsx("span", { children: t("fontSize") }),
+        /* @__PURE__ */ u.jsxs(
+          "select",
+          {
+            className: "font-size-selector",
+            value: n.text.fontSize,
+            onChange: (d) => a(
+              "text",
+              "fontSize",
+              parseInt(d.target.value)
+            ),
+            children: [
+              /* @__PURE__ */ u.jsx("option", { value: "12", children: "12 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "14", children: "14 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "16", children: "16 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "18", children: "18 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "24", children: "24 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "32", children: "32 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "48", children: "48 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "64", children: "64 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "72", children: "72 px" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+        /* @__PURE__ */ u.jsx("span", { children: t("fontColor") }),
+        /* @__PURE__ */ u.jsx(
+          "input",
+          {
+            type: "color",
+            value: n.text.fontColor,
+            onChange: (d) => a("text", "fontColor", d.target.value)
+          }
+        )
+      ] })
+    ] }),
+    r === "pencil" && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+      /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+        /* @__PURE__ */ u.jsx("span", { children: t("brushColor") }),
+        /* @__PURE__ */ u.jsx(
+          "input",
+          {
+            type: "color",
+            value: n.pencil.strokeColor,
+            onChange: (d) => a("pencil", "strokeColor", d.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+        /* @__PURE__ */ u.jsx("span", { children: t("brushSize") }),
+        /* @__PURE__ */ u.jsxs(
+          "select",
+          {
+            className: "brush-size-selector",
+            value: n.pencil.lineWidth,
+            onChange: (d) => a(
+              "pencil",
+              "lineWidth",
+              parseInt(d.target.value)
+            ),
+            children: [
+              /* @__PURE__ */ u.jsx("option", { value: "1", children: "1 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "2", children: "2 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "4", children: "4 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "8", children: "8 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "16", children: "16 px" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    (r === "rectangle" || r === "circle" || r === "triangle" || r === "diamond" || r === "star" || r === "heart" || r === "hexagon" || r === "octagon" || r === "arrow") && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+      /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+        /* @__PURE__ */ u.jsx("span", { children: t("strokeColor") }),
+        /* @__PURE__ */ u.jsx(
+          "input",
+          {
+            type: "color",
+            value: n[r].strokeColor,
+            onChange: (d) => a(
+              r,
+              "strokeColor",
+              d.target.value
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+        /* @__PURE__ */ u.jsx("span", { children: t("fillColor") }),
+        /* @__PURE__ */ u.jsx(
+          "input",
+          {
+            type: "color",
+            value: n[r].fillColor,
+            onChange: (d) => a(r, "fillColor", d.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u.jsxs("div", { className: "prop-tool-item", children: [
+        /* @__PURE__ */ u.jsx("span", { children: t("strokeWidth") }),
+        /* @__PURE__ */ u.jsxs(
+          "select",
+          {
+            className: "stroke-width-selector",
+            value: n[r].lineWidth,
+            onChange: (d) => a(
+              r,
+              "lineWidth",
+              parseInt(d.target.value)
+            ),
+            children: [
+              /* @__PURE__ */ u.jsx("option", { value: "1", children: "1 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "2", children: "2 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "4", children: "4 px" }),
+              /* @__PURE__ */ u.jsx("option", { value: "8", children: "8 px" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}, Pi = fn(({ onAction: e, watermark: t, isLocked: r, lockText: n, onLockChange: o }, s) => {
+  var ir;
+  const l = xe(null), a = qt(), y = Q((i) => i.whiteboard.grid), h = Q(
+    (i) => i.whiteboard.toolbar.selectedTool
+  ), w = Q((i) => i.whiteboard.elements), d = Q((i) => i.whiteboard.viewport), g = Q(
+    (i) => i.whiteboard.toolProperties
+  ), k = Q(
+    (i) => i.whiteboard.selectedElementId
+  ), M = Q((i) => i.whiteboard.lock), j = M.isLocked, [N, P] = G(!1), [x, z] = G({ x: 0, y: 0 }), [m, v] = G({ x: 0, y: 0 }), [O, F] = G([]), [U, L] = G(!1), [X, oe] = G({ x: 0, y: 0 }), [de, Oe] = G(!1), [Te, Ee] = G(!1), [Se, Ne] = G(!1), [Pe, Xe] = G({ x: 0, y: 0 }), [De, b] = G({ y: 0, initialZoom: 1 }), [D, A] = G(!1), [B, Me] = G({ x: 0, y: 0 }), [fe, V] = G(""), [se, me] = G(null);
+  le(() => {
+    e && Zo(e);
+  }, [e]), hn(s, () => ({
+    canvas: l.current,
+    applyAction: (i) => {
+      a({
+        ...i,
+        meta: {
+          ...i.meta,
+          fromRemote: !0
+        }
+      });
+    }
+  })), le(() => {
+    r !== void 0 && r !== j && a(tn(r));
+  }, [r, j, a]), le(() => {
+    o && o(j);
+  }, [j, o]);
+  const Be = H(
+    (i, c, p) => {
+      const f = i.canvas, C = f.width, _ = f.height, S = Math.floor(-d.panX / d.zoom / c) * c, E = Math.floor(-d.panY / d.zoom / c) * c, T = Math.ceil(
+        (C / d.zoom - d.panX / d.zoom) / c
+      ) * c, I = Math.ceil(
+        (_ / d.zoom - d.panY / d.zoom) / c
+      ) * c;
+      i.strokeStyle = p, i.lineWidth = 0.5 / d.zoom;
+      for (let R = S; R <= T; R += c)
+        i.beginPath(), i.moveTo(R, E), i.lineTo(R, I), i.stroke();
+      for (let R = E; R <= I; R += c)
+        i.beginPath(), i.moveTo(S, R), i.lineTo(T, R), i.stroke();
+    },
+    [d]
+  ), Qt = H((i, c, p) => {
+    const f = Math.min(c.x, p.x), C = Math.min(c.y, p.y), _ = Math.abs(p.x - c.x), S = Math.abs(p.y - c.y);
+    i.strokeStyle = "#0066cc", i.lineWidth = 1, i.setLineDash([5, 5]), i.strokeRect(f, C, _, S), i.fillStyle = "rgba(0, 102, 204, 0.1)", i.fillRect(f, C, _, S), i.setLineDash([]);
+  }, []), $e = H((i, c) => {
+    const {
+      x: p,
+      y: f,
+      width: C,
+      height: _,
+      fillColor: S = "#000",
+      strokeColor: E = "#000",
+      lineWidth: T = 2
+    } = c;
+    i.fillStyle = S, i.fillRect(p, f, C, _), i.strokeStyle = E, i.lineWidth = T, i.strokeRect(p, f, C, _);
+  }, []), Ue = H((i, c) => {
+    const {
+      centerX: p,
+      centerY: f,
+      radius: C,
+      fillColor: _ = "#000",
+      strokeColor: S = "#000",
+      lineWidth: E = 2
+    } = c;
+    i.beginPath(), i.arc(p, f, C, 0, Math.PI * 2), i.fillStyle = _, i.fill(), i.strokeStyle = S, i.lineWidth = E, i.stroke();
+  }, []), He = H((i, c) => {
+    const { points: p, strokeColor: f = "#000", lineWidth: C = 2 } = c;
+    if (!(p.length < 2)) {
+      i.strokeStyle = f, i.lineWidth = C, i.lineCap = "round", i.lineJoin = "round", i.beginPath(), i.moveTo(p[0].x, p[0].y);
+      for (let _ = 1; _ < p.length; _++)
+        i.lineTo(p[_].x, p[_].y);
+      i.stroke();
+    }
+  }, []), er = H((i, c) => {
+    const { x: p, y: f, text: C, fontSize: _ = 16, fontColor: S = "#000" } = c;
+    i.font = `${_}px sans-serif`, i.fillStyle = S, i.textBaseline = "top", i.fillText(C, p, f);
+  }, []), Ge = H((i, c) => {
+    const {
+      x: p,
+      y: f,
+      width: C,
+      height: _,
+      fillColor: S = "#fff",
+      strokeColor: E = "#000",
+      lineWidth: T = 2
+    } = c;
+    i.beginPath(), i.moveTo(p + C / 2, f), i.lineTo(p + C, f + _), i.lineTo(p, f + _), i.closePath(), i.fillStyle = S, i.fill(), i.strokeStyle = E, i.lineWidth = T, i.stroke();
+  }, []), qe = H((i, c) => {
+    const {
+      x: p,
+      y: f,
+      width: C,
+      height: _,
+      fillColor: S = "#fff",
+      strokeColor: E = "#000",
+      lineWidth: T = 2
+    } = c;
+    i.beginPath(), i.moveTo(p + C / 2, f), i.lineTo(p + C, f + _ / 2), i.lineTo(p + C / 2, f + _), i.lineTo(p, f + _ / 2), i.closePath(), i.fillStyle = S, i.fill(), i.strokeStyle = E, i.lineWidth = T, i.stroke();
+  }, []), Ke = H((i, c) => {
+    const {
+      centerX: p,
+      centerY: f,
+      size: C,
+      fillColor: _ = "#ffff00",
+      strokeColor: S = "#000",
+      lineWidth: E = 2
+    } = c, T = 5, I = C, R = C / 2;
+    i.beginPath();
+    for (let Z = 0; Z < T * 2; Z++) {
+      const J = Z % 2 === 0 ? I : R, Y = Math.PI / T * Z - Math.PI / 2, ee = p + Math.cos(Y) * J, ae = f + Math.sin(Y) * J;
+      Z === 0 ? i.moveTo(ee, ae) : i.lineTo(ee, ae);
+    }
+    i.closePath(), i.fillStyle = _, i.fill(), i.strokeStyle = S, i.lineWidth = E, i.stroke();
+  }, []), Ze = H((i, c) => {
+    const {
+      centerX: p,
+      centerY: f,
+      size: C,
+      fillColor: _ = "#ff6b6b",
+      strokeColor: S = "#000",
+      lineWidth: E = 2
+    } = c;
+    i.beginPath();
+    const T = f - C / 2;
+    i.moveTo(p, T + C / 4), i.bezierCurveTo(
+      p - C / 2,
+      T,
+      p - C,
+      T + C / 2,
+      p,
+      f + C / 2
+    ), i.bezierCurveTo(
+      p + C,
+      T + C / 2,
+      p + C / 2,
+      T,
+      p,
+      T + C / 4
+    ), i.fillStyle = _, i.fill(), i.strokeStyle = S, i.lineWidth = E, i.stroke();
+  }, []), Je = H((i, c) => {
+    const {
+      x: p,
+      y: f,
+      width: C,
+      height: _,
+      fillColor: S = "#fff",
+      strokeColor: E = "#000",
+      lineWidth: T = 2
+    } = c, I = p + C / 2, R = f + _ / 2, Z = C / 2, J = _ / 2;
+    i.beginPath();
+    for (let Y = 0; Y < 6; Y++) {
+      const ee = Math.PI / 3 * Y - Math.PI / 2, ae = I + Math.cos(ee) * Z, we = R + Math.sin(ee) * J;
+      Y === 0 ? i.moveTo(ae, we) : i.lineTo(ae, we);
+    }
+    i.closePath(), i.fillStyle = S, i.fill(), i.strokeStyle = E, i.lineWidth = T, i.stroke();
+  }, []), Qe = H((i, c) => {
+    const {
+      x: p,
+      y: f,
+      width: C,
+      height: _,
+      fillColor: S = "#fff",
+      strokeColor: E = "#000",
+      lineWidth: T = 2
+    } = c, I = p + C / 2, R = f + _ / 2, Z = C / 2, J = _ / 2;
+    i.beginPath();
+    for (let Y = 0; Y < 8; Y++) {
+      const ee = Math.PI / 4 * Y - Math.PI / 2, ae = I + Math.cos(ee) * Z, we = R + Math.sin(ee) * J;
+      Y === 0 ? i.moveTo(ae, we) : i.lineTo(ae, we);
+    }
+    i.closePath(), i.fillStyle = S, i.fill(), i.strokeStyle = E, i.lineWidth = T, i.stroke();
+  }, []), et = H((i, c) => {
+    const {
+      startX: p,
+      startY: f,
+      endX: C,
+      endY: _,
+      fillColor: S = "#000",
+      strokeColor: E = "#000",
+      lineWidth: T = 2
+    } = c, I = 15, R = Math.atan2(_ - f, C - p);
+    i.beginPath(), i.moveTo(p, f), i.lineTo(C, _), i.strokeStyle = E, i.lineWidth = T, i.stroke(), i.beginPath(), i.moveTo(C, _), i.lineTo(
+      C - I * Math.cos(R - Math.PI / 6),
+      _ - I * Math.sin(R - Math.PI / 6)
+    ), i.lineTo(
+      C - I * Math.cos(R + Math.PI / 6),
+      _ - I * Math.sin(R + Math.PI / 6)
+    ), i.closePath(), i.fillStyle = S, i.fill();
+  }, []), tt = xe({}), Mt = xe(null), tr = H((i, c) => {
+    const { x: p, y: f, width: C, height: _, src: S } = c;
+    if (tt.current[S]) {
+      const E = tt.current[S];
+      E.complete && i.drawImage(E, p, f, C, _);
+    } else {
+      const E = new Image();
+      E.onload = () => {
+        tt.current[S] = E, Mt.current && Mt.current();
+      }, E.src = S, tt.current[S] = E;
+    }
+  }, []), rt = H(
+    (i, c) => {
+      switch (c.type) {
+        case "rectangle":
+          $e(i, c);
+          break;
+        case "circle":
+          Ue(i, c);
+          break;
+        case "pencil":
+          He(i, c);
+          break;
+        case "text":
+          er(i, c);
+          break;
+        case "triangle":
+          Ge(i, c);
+          break;
+        case "diamond":
+          qe(i, c);
+          break;
+        case "star":
+          Ke(i, c);
+          break;
+        case "heart":
+          Ze(i, c);
+          break;
+        case "hexagon":
+          Je(i, c);
+          break;
+        case "octagon":
+          Qe(i, c);
+          break;
+        case "arrow":
+          et(i, c);
+          break;
+        case "image":
+          tr(i, c);
+          break;
+      }
+    },
+    [
+      $e,
+      Ue,
+      He,
+      er,
+      Ge,
+      qe,
+      Ke,
+      Ze,
+      Je,
+      Qe,
+      et,
+      tr
+    ]
+  ), on = H(() => {
+    const i = l.current;
+    if (!i) return;
+    const c = document.createElement("canvas");
+    c.width = i.width, c.height = i.height;
+    const p = c.getContext("2d");
+    p.fillStyle = "#ffffff", p.fillRect(0, 0, c.width, c.height), p.save(), p.translate(d.panX, d.panY), p.scale(d.zoom, d.zoom), w.forEach((_) => {
+      rt(p, _);
+    }), p.restore();
+    const f = c.toDataURL("image/png"), C = document.createElement("a");
+    C.download = `whiteboard-${Date.now()}.png`, C.href = f, C.click();
+  }, [d, w, rt]), jt = H(
+    (i, c) => {
+      for (let p = w.length - 1; p >= 0; p--) {
+        const f = w[p];
+        if (f.type === "rectangle") {
+          if (i >= f.x && i <= f.x + f.width && c >= f.y && c <= f.y + f.height)
+            return f;
+        } else if (f.type === "circle") {
+          if (Math.sqrt(
+            Math.pow(i - f.centerX, 2) + Math.pow(c - f.centerY, 2)
+          ) <= f.radius)
+            return f;
+        } else if (f.type === "pencil")
+          for (let _ = 1; _ < f.points.length; _++) {
+            const S = f.points[_ - 1], E = f.points[_];
+            if (rr(
+              i,
+              c,
+              S.x,
+              S.y,
+              E.x,
+              E.y
+            ) <= 5)
+              return f;
+          }
+        else if (f.type === "text") {
+          const C = f.fontSize || 16, _ = f.text.length * C * 0.6, S = C;
+          if (i >= f.x && i <= f.x + _ && c >= f.y && c <= f.y + S)
+            return f;
+        } else if (f.type === "triangle" || f.type === "diamond" || f.type === "hexagon" || f.type === "octagon") {
+          if (i >= f.x && i <= f.x + f.width && c >= f.y && c <= f.y + f.height)
+            return f;
+        } else if (f.type === "star" || f.type === "heart") {
+          if (Math.sqrt(
+            Math.pow(i - f.centerX, 2) + Math.pow(c - f.centerY, 2)
+          ) <= f.size)
+            return f;
+        } else if (f.type === "arrow") {
+          if (rr(
+            i,
+            c,
+            f.startX,
+            f.startY,
+            f.endX,
+            f.endY
+          ) <= 10)
+            return f;
+        } else if (f.type === "image" && i >= f.x && i <= f.x + f.width && c >= f.y && c <= f.y + f.height)
+          return f;
+      }
+      return null;
+    },
+    [w]
+  ), rr = (i, c, p, f, C, _) => {
+    const S = i - p, E = c - f, T = C - p, I = _ - f, R = S * T + E * I, Z = T * T + I * I;
+    let J = -1;
+    Z !== 0 && (J = R / Z);
+    let Y, ee;
+    J < 0 ? (Y = p, ee = f) : J > 1 ? (Y = C, ee = _) : (Y = p + J * T, ee = f + J * I);
+    const ae = i - Y, we = c - ee;
+    return Math.sqrt(ae * ae + we * we);
+  }, nr = H((i, c) => {
+    if (i.strokeStyle = "#0066cc", i.lineWidth = 2, i.setLineDash([5, 5]), c.type === "rectangle")
+      i.strokeRect(
+        c.x - 4,
+        c.y - 4,
+        c.width + 8,
+        c.height + 8
+      );
+    else if (c.type === "circle")
+      i.beginPath(), i.arc(
+        c.centerX,
+        c.centerY,
+        c.radius + 4,
+        0,
+        Math.PI * 2
+      ), i.stroke();
+    else if (c.type === "pencil" && c.points.length > 0) {
+      const p = Math.min(...c.points.map((S) => S.x)), f = Math.max(...c.points.map((S) => S.x)), C = Math.min(...c.points.map((S) => S.y)), _ = Math.max(...c.points.map((S) => S.y));
+      i.strokeRect(p - 4, C - 4, f - p + 8, _ - C + 8);
+    } else if (c.type === "text") {
+      const p = c.fontSize || 16, f = c.text.length * p * 0.6, C = p;
+      i.strokeRect(
+        c.x - 4,
+        c.y - 4,
+        f + 8,
+        C + 8
+      );
+    } else if (c.type === "triangle" || c.type === "diamond" || c.type === "hexagon" || c.type === "octagon")
+      i.strokeRect(
+        c.x - 4,
+        c.y - 4,
+        c.width + 8,
+        c.height + 8
+      );
+    else if (c.type === "star" || c.type === "heart")
+      i.beginPath(), i.arc(
+        c.centerX,
+        c.centerY,
+        c.size + 4,
+        0,
+        Math.PI * 2
+      ), i.stroke();
+    else if (c.type === "arrow") {
+      const p = Math.min(c.startX, c.endX), f = Math.max(c.startX, c.endX), C = Math.min(c.startY, c.endY), _ = Math.max(c.startY, c.endY);
+      i.strokeRect(p - 4, C - 4, f - p + 8, _ - C + 8);
+    } else c.type === "image" && i.strokeRect(
+      c.x - 4,
+      c.y - 4,
+      c.width + 8,
+      c.height + 8
+    );
+    i.setLineDash([]);
+  }, []), he = H(() => {
+    const i = l.current;
+    if (!i) return;
+    const c = i.getContext("2d");
+    c.clearRect(0, 0, i.width, i.height), c.save(), c.translate(d.panX, d.panY), c.scale(d.zoom, d.zoom), y.enabled && Be(c, y.size, y.color), w.forEach((p) => {
+      rt(c, p), p.id === k && nr(c, p);
+    }), c.restore();
+  }, [
+    y,
+    Be,
+    w,
+    rt,
+    k,
+    nr,
+    d
+  ]);
+  le(() => {
+    Mt.current = he;
+  }, [he]), le(() => {
+    const i = l.current;
+    if (!i) return;
+    const c = () => {
+      i.width = window.innerWidth, i.height = window.innerHeight, he();
+    };
+    return c(), window.addEventListener("resize", c), () => {
+      window.removeEventListener("resize", c);
+    };
+  }, [he]), le(() => {
+    he();
+  }, [he]), le(() => {
+    const i = (p) => {
+      p.target.tagName === "INPUT" || p.target.tagName === "TEXTAREA" || p.code === "Space" && !p.repeat && (p.preventDefault(), Oe(!0));
+    }, c = (p) => {
+      p.target.tagName === "INPUT" || p.target.tagName === "TEXTAREA" || p.code === "Space" && (p.preventDefault(), Oe(!1), Ee(!1), Ne(!1));
+    };
+    return window.addEventListener("keydown", i), window.addEventListener("keyup", c), () => {
+      window.removeEventListener("keydown", i), window.removeEventListener("keyup", c);
+    };
+  }, []);
+  const Ot = H(
+    (i, c) => ({
+      x: (i - d.panX) / d.zoom,
+      y: (c - d.panY) / d.zoom
+    }),
+    [d]
+  );
+  le(() => {
+    const i = l.current;
+    if (!i || !N) return;
+    const c = i.getContext("2d");
+    if (he(), c.save(), c.translate(d.panX, d.panY), c.scale(d.zoom, d.zoom), h === "pointer")
+      Qt(c, x, m);
+    else if (h === "rectangle") {
+      const p = Math.min(x.x, m.x), f = Math.min(x.y, m.y), C = Math.abs(m.x - x.x), _ = Math.abs(m.y - x.y);
+      $e(c, {
+        x: p,
+        y: f,
+        width: C,
+        height: _,
+        strokeColor: g.rectangle.strokeColor,
+        fillColor: g.rectangle.fillColor,
+        lineWidth: g.rectangle.lineWidth
+      });
+    } else if (h === "circle") {
+      const p = x.x, f = x.y, C = Math.sqrt(
+        Math.pow(m.x - x.x, 2) + Math.pow(m.y - x.y, 2)
+      );
+      Ue(c, {
+        centerX: p,
+        centerY: f,
+        radius: C,
+        strokeColor: g.circle.strokeColor,
+        fillColor: g.circle.fillColor,
+        lineWidth: g.circle.lineWidth
+      });
+    } else if (h === "pencil")
+      He(c, {
+        points: O,
+        strokeColor: g.pencil.strokeColor,
+        lineWidth: g.pencil.lineWidth
+      });
+    else if (h === "triangle") {
+      const p = Math.min(x.x, m.x), f = Math.min(x.y, m.y), C = Math.abs(m.x - x.x), _ = Math.abs(m.y - x.y);
+      Ge(c, {
+        x: p,
+        y: f,
+        width: C,
+        height: _,
+        strokeColor: g.triangle.strokeColor,
+        fillColor: g.triangle.fillColor,
+        lineWidth: g.triangle.lineWidth
+      });
+    } else if (h === "diamond") {
+      const p = Math.min(x.x, m.x), f = Math.min(x.y, m.y), C = Math.abs(m.x - x.x), _ = Math.abs(m.y - x.y);
+      qe(c, {
+        x: p,
+        y: f,
+        width: C,
+        height: _,
+        strokeColor: g.diamond.strokeColor,
+        fillColor: g.diamond.fillColor,
+        lineWidth: g.diamond.lineWidth
+      });
+    } else if (h === "star") {
+      const p = x.x, f = x.y, C = Math.sqrt(
+        Math.pow(m.x - x.x, 2) + Math.pow(m.y - x.y, 2)
+      );
+      Ke(c, {
+        centerX: p,
+        centerY: f,
+        size: C,
+        strokeColor: g.star.strokeColor,
+        fillColor: g.star.fillColor,
+        lineWidth: g.star.lineWidth
+      });
+    } else if (h === "heart") {
+      const p = x.x, f = x.y, C = Math.sqrt(
+        Math.pow(m.x - x.x, 2) + Math.pow(m.y - x.y, 2)
+      );
+      Ze(c, {
+        centerX: p,
+        centerY: f,
+        size: C,
+        strokeColor: g.heart.strokeColor,
+        fillColor: g.heart.fillColor,
+        lineWidth: g.heart.lineWidth
+      });
+    } else if (h === "hexagon") {
+      const p = Math.min(x.x, m.x), f = Math.min(x.y, m.y), C = Math.abs(m.x - x.x), _ = Math.abs(m.y - x.y);
+      Je(c, {
+        x: p,
+        y: f,
+        width: C,
+        height: _,
+        strokeColor: g.hexagon.strokeColor,
+        fillColor: g.hexagon.fillColor,
+        lineWidth: g.hexagon.lineWidth
+      });
+    } else if (h === "octagon") {
+      const p = Math.min(x.x, m.x), f = Math.min(x.y, m.y), C = Math.abs(m.x - x.x), _ = Math.abs(m.y - x.y);
+      Qe(c, {
+        x: p,
+        y: f,
+        width: C,
+        height: _,
+        strokeColor: g.octagon.strokeColor,
+        fillColor: g.octagon.fillColor,
+        lineWidth: g.octagon.lineWidth
+      });
+    } else h === "arrow" && et(c, {
+      startX: x.x,
+      startY: x.y,
+      endX: m.x,
+      endY: m.y,
+      strokeColor: g.arrow.strokeColor,
+      fillColor: g.arrow.fillColor,
+      lineWidth: g.arrow.lineWidth
+    });
+    c.restore();
+  }, [
+    N,
+    h,
+    x,
+    m,
+    O,
+    he,
+    Qt,
+    $e,
+    Ue,
+    He,
+    Ge,
+    qe,
+    Ke,
+    Ze,
+    Je,
+    Qe,
+    et,
+    d,
+    g
+  ]);
+  const sn = (i) => {
+    const p = l.current.getBoundingClientRect(), f = i.clientX - p.left, C = i.clientY - p.top;
+    if (j || D)
+      return;
+    if (de) {
+      i.preventDefault(), i.button === 0 ? (Ee(!0), Xe({ x: f - d.panX, y: C - d.panY })) : i.button === 2 && (Ne(!0), b({ y: C, initialZoom: d.zoom }));
+      return;
+    }
+    const { x: _, y: S } = Ot(f, C);
+    if (h === "pointer") {
+      const E = jt(_, S);
+      if (E)
+        if (a(Ae(E.id)), L(!0), E.type === "rectangle")
+          oe({ x: _ - E.x, y: S - E.y });
+        else if (E.type === "circle")
+          oe({
+            x: _ - E.centerX,
+            y: S - E.centerY
+          });
+        else if (E.type === "pencil") {
+          const T = Math.min(...E.points.map((R) => R.x)), I = Math.min(...E.points.map((R) => R.y));
+          oe({ x: _ - T, y: S - I });
+        } else E.type === "text" ? oe({ x: _ - E.x, y: S - E.y }) : E.type === "triangle" || E.type === "diamond" || E.type === "hexagon" || E.type === "octagon" ? oe({ x: _ - E.x, y: S - E.y }) : E.type === "star" || E.type === "heart" ? oe({
+          x: _ - E.centerX,
+          y: S - E.centerY
+        }) : E.type === "arrow" ? oe({
+          x: _ - E.startX,
+          y: S - E.startY
+        }) : E.type === "image" && oe({ x: _ - E.x, y: S - E.y });
+      else
+        a(Ae(null)), P(!0), z({ x: _, y: S }), v({ x: _, y: S });
+    } else if (h === "text") {
+      const E = Date.now().toString();
+      a(
+        ie({
+          id: E,
+          type: "text",
+          x: _,
+          y: S,
+          text: "Text",
+          fontSize: g.text.fontSize,
+          fontColor: g.text.fontColor
+        })
+      ), a(pe("pointer")), a(Ae(E));
+    } else if (h === "eraser") {
+      const E = jt(_, S);
+      E && a(Bo(E.id));
+    } else
+      a(Ae(null)), P(!0), z({ x: _, y: S }), v({ x: _, y: S }), h === "pencil" && F([{ x: _, y: S }]);
+  }, an = (i) => {
+    const p = l.current.getBoundingClientRect(), f = i.clientX - p.left, C = i.clientY - p.top;
+    if (Te) {
+      a(
+        $o({
+          x: f - Pe.x,
+          y: C - Pe.y
+        })
+      );
+      return;
+    }
+    if (Se) {
+      const E = De.y - C, I = De.initialZoom * (1 + E * 5e-3);
+      a(Uo(I));
+      return;
+    }
+    const { x: _, y: S } = Ot(f, C);
+    if (U && k) {
+      const E = w.find(
+        (I) => I.id === k
+      );
+      if (!E) return;
+      let T = {};
+      if (E.type === "rectangle")
+        T = {
+          x: _ - X.x,
+          y: S - X.y
+        };
+      else if (E.type === "circle")
+        T = {
+          centerX: _ - X.x,
+          centerY: S - X.y
+        };
+      else if (E.type === "pencil") {
+        const I = Math.min(...E.points.map((Y) => Y.x)), R = Math.min(...E.points.map((Y) => Y.y)), Z = _ - X.x - I, J = S - X.y - R;
+        T = {
+          points: E.points.map((Y) => ({
+            x: Y.x + Z,
+            y: Y.y + J
+          }))
+        };
+      } else if (E.type === "text")
+        T = {
+          x: _ - X.x,
+          y: S - X.y
+        };
+      else if (E.type === "triangle" || E.type === "diamond" || E.type === "hexagon" || E.type === "octagon")
+        T = {
+          x: _ - X.x,
+          y: S - X.y
+        };
+      else if (E.type === "star" || E.type === "heart")
+        T = {
+          centerX: _ - X.x,
+          centerY: S - X.y
+        };
+      else if (E.type === "arrow") {
+        const I = E.endX - E.startX, R = E.endY - E.startY;
+        T = {
+          startX: _ - X.x,
+          startY: S - X.y,
+          endX: _ - X.x + I,
+          endY: S - X.y + R
+        };
+      } else E.type === "image" && (T = {
+        x: _ - X.x,
+        y: S - X.y
+      });
+      a(dt({ id: k, updates: T }));
+      return;
+    }
+    N && (v({ x: _, y: S }), h === "pencil" && F((E) => [...E, { x: _, y: S }]));
+  }, or = () => {
+    if (Te || Se) {
+      Ee(!1), Ne(!1);
+      return;
+    }
+    if (U) {
+      L(!1);
+      return;
+    }
+    if (N) {
+      if (h === "pointer")
+        he();
+      else if (h === "rectangle") {
+        const i = Math.min(x.x, m.x), c = Math.min(x.y, m.y), p = Math.abs(m.x - x.x), f = Math.abs(m.y - x.y);
+        p > 0 && f > 0 && a(
+          ie({
+            id: Date.now().toString(),
+            type: "rectangle",
+            x: i,
+            y: c,
+            width: p,
+            height: f,
+            strokeColor: g.rectangle.strokeColor,
+            fillColor: g.rectangle.fillColor,
+            lineWidth: g.rectangle.lineWidth
+          })
+        );
+      } else if (h === "circle") {
+        const i = x.x, c = x.y, p = Math.sqrt(
+          Math.pow(m.x - x.x, 2) + Math.pow(m.y - x.y, 2)
+        );
+        p > 0 && a(
+          ie({
+            id: Date.now().toString(),
+            type: "circle",
+            centerX: i,
+            centerY: c,
+            radius: p,
+            strokeColor: g.circle.strokeColor,
+            fillColor: g.circle.fillColor,
+            lineWidth: g.circle.lineWidth
+          })
+        );
+      } else if (h === "pencil")
+        O.length > 1 && a(
+          ie({
+            id: Date.now().toString(),
+            type: "pencil",
+            points: [...O],
+            strokeColor: g.pencil.strokeColor,
+            lineWidth: g.pencil.lineWidth
+          })
+        ), F([]);
+      else if (h === "triangle") {
+        const i = Math.min(x.x, m.x), c = Math.min(x.y, m.y), p = Math.abs(m.x - x.x), f = Math.abs(m.y - x.y);
+        p > 0 && f > 0 && a(
+          ie({
+            id: Date.now().toString(),
+            type: "triangle",
+            x: i,
+            y: c,
+            width: p,
+            height: f,
+            strokeColor: g.triangle.strokeColor,
+            fillColor: g.triangle.fillColor,
+            lineWidth: g.triangle.lineWidth
+          })
+        );
+      } else if (h === "diamond") {
+        const i = Math.min(x.x, m.x), c = Math.min(x.y, m.y), p = Math.abs(m.x - x.x), f = Math.abs(m.y - x.y);
+        p > 0 && f > 0 && a(
+          ie({
+            id: Date.now().toString(),
+            type: "diamond",
+            x: i,
+            y: c,
+            width: p,
+            height: f,
+            strokeColor: g.diamond.strokeColor,
+            fillColor: g.diamond.fillColor,
+            lineWidth: g.diamond.lineWidth
+          })
+        );
+      } else if (h === "star") {
+        const i = x.x, c = x.y, p = Math.sqrt(
+          Math.pow(m.x - x.x, 2) + Math.pow(m.y - x.y, 2)
+        );
+        p > 0 && a(
+          ie({
+            id: Date.now().toString(),
+            type: "star",
+            centerX: i,
+            centerY: c,
+            size: p,
+            strokeColor: g.star.strokeColor,
+            fillColor: g.star.fillColor,
+            lineWidth: g.star.lineWidth
+          })
+        );
+      } else if (h === "heart") {
+        const i = x.x, c = x.y, p = Math.sqrt(
+          Math.pow(m.x - x.x, 2) + Math.pow(m.y - x.y, 2)
+        );
+        p > 0 && a(
+          ie({
+            id: Date.now().toString(),
+            type: "heart",
+            centerX: i,
+            centerY: c,
+            size: p,
+            strokeColor: g.heart.strokeColor,
+            fillColor: g.heart.fillColor,
+            lineWidth: g.heart.lineWidth
+          })
+        );
+      } else if (h === "hexagon") {
+        const i = Math.min(x.x, m.x), c = Math.min(x.y, m.y), p = Math.abs(m.x - x.x), f = Math.abs(m.y - x.y);
+        p > 0 && f > 0 && a(
+          ie({
+            id: Date.now().toString(),
+            type: "hexagon",
+            x: i,
+            y: c,
+            width: p,
+            height: f,
+            strokeColor: g.hexagon.strokeColor,
+            fillColor: g.hexagon.fillColor,
+            lineWidth: g.hexagon.lineWidth
+          })
+        );
+      } else if (h === "octagon") {
+        const i = Math.min(x.x, m.x), c = Math.min(x.y, m.y), p = Math.abs(m.x - x.x), f = Math.abs(m.y - x.y);
+        p > 0 && f > 0 && a(
+          ie({
+            id: Date.now().toString(),
+            type: "octagon",
+            x: i,
+            y: c,
+            width: p,
+            height: f,
+            strokeColor: g.octagon.strokeColor,
+            fillColor: g.octagon.fillColor,
+            lineWidth: g.octagon.lineWidth
+          })
+        );
+      } else if (h === "arrow") {
+        const i = m.x - x.x, c = m.y - x.y;
+        Math.sqrt(i * i + c * c) > 5 && a(
+          ie({
+            id: Date.now().toString(),
+            type: "arrow",
+            startX: x.x,
+            startY: x.y,
+            endX: m.x,
+            endY: m.y,
+            strokeColor: g.arrow.strokeColor,
+            fillColor: g.arrow.fillColor,
+            lineWidth: g.arrow.lineWidth
+          })
+        );
+      }
+      P(!1);
+    }
+  }, cn = (i) => {
+    de && i.preventDefault();
+  }, ln = () => de ? Te ? "grabbing" : Se ? "ns-resize" : "grab" : "default";
+  return /* @__PURE__ */ u.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ u.jsx(
+      "canvas",
+      {
+        ref: l,
+        onMouseDown: sn,
+        onMouseMove: an,
+        onMouseUp: or,
+        onMouseLeave: or,
+        onDoubleClick: (i) => {
+          const p = l.current.getBoundingClientRect(), f = i.clientX - p.left, C = i.clientY - p.top, { x: _, y: S } = Ot(f, C), E = jt(_, S);
+          E && E.type === "text" && (me(E.id), Me({ x: E.x, y: E.y }), V(E.text), A(!0));
+        },
+        onContextMenu: cn,
+        style: { cursor: ln() }
+      }
+    ),
+    j && /* @__PURE__ */ u.jsx(bi, { text: n || ((ir = t == null ? void 0 : t.lock) == null ? void 0 : ir.text) || M.text }),
+    D && /* @__PURE__ */ u.jsx(
+      "input",
+      {
+        type: "text",
+        value: fe,
+        onChange: (i) => V(i.target.value),
+        onKeyDown: (i) => {
+          i.key === "Enter" && fe.trim() ? (se && a(
+            dt({
+              id: se,
+              updates: { text: fe }
+            })
+          ), A(!1), V(""), me(null)) : i.key === "Escape" && (A(!1), V(""), me(null));
+        },
+        onBlur: () => {
+          fe.trim() && se && a(
+            dt({
+              id: se,
+              updates: { text: fe }
+            })
+          ), A(!1), V(""), me(null);
+        },
+        onMouseDown: (i) => i.stopPropagation(),
+        autoFocus: !0,
+        style: {
+          position: "absolute",
+          left: B.x * d.zoom + d.panX,
+          top: B.y * d.zoom + d.panY,
+          fontSize: g.text.fontSize * d.zoom,
+          color: g.text.fontColor,
+          background: "white",
+          border: "2px solid #0066cc",
+          outline: "none",
+          fontFamily: "sans-serif",
+          minWidth: "150px",
+          padding: "4px 8px",
+          zIndex: 1e3,
+          boxShadow: "0 2px 8px rgba(0,0,0,0.2)"
+        }
+      }
+    ),
+    /* @__PURE__ */ u.jsx(Oi, { onExport: on }),
+    /* @__PURE__ */ u.jsx(Ti, {}),
+    /* @__PURE__ */ u.jsx(ei, {})
+  ] });
+}), Vi = (e) => /* @__PURE__ */ u.jsx(Pn, { store: Qo, children: /* @__PURE__ */ u.jsx(Ln, { children: /* @__PURE__ */ u.jsx(Pi, { ...e }) }) });
+export {
+  Pi as WhiteboardComponent,
+  Vi as default,
+  Qo as store,
+  Ko as whiteboardReducer
+};