maze-blockly-wrapper 0.2.6 → 0.3.2

package/dist/index-D10FGDwl.js

@@ -1,3666 +0,0 @@
-import * as S from "react";
-import K, { useRef as Me, useState as qe, useCallback as q, useContext as Z, useMemo as Ne, useEffect as Pt, Component as ze } from "react";
-import xe from "react-dom";
-let U, Ve, Re = !1, de = null;
-function vr() {
-  return Re ? (console.log("[Blockly Setup] Already initialized, returning resolved promise"), Promise.resolve()) : de ? (console.log("[Blockly Setup] Initialization already in progress, returning existing promise"), de) : (console.log("[Blockly Setup] Starting Blockly initialization..."), de = new Promise((t, e) => {
-    (async () => {
-      try {
-        if (console.log("[Blockly Setup] Checking Blockly core availability..."), typeof U > "u") {
-          console.log("[Blockly Setup] Blockly not loaded, attempting dynamic import...");
-          try {
-            const n = await import("./blockly-B8_W0qMx.js");
-            await import("./blocks-B72zId9w.js");
-            const o = await import("./javascript-CBgY3c4m.js");
-            U = n, Ve = o.javascriptGenerator, console.log("[Blockly Setup] Blockly modules imported successfully");
-          } catch (n) {
-            console.error("[Blockly Setup] Failed to import Blockly modules:", n);
-            const o = new Error("Blockly core is not available. Make sure Blockly is properly installed and imported in your project.");
-            e(o);
-            return;
-          }
-        }
-        if (console.log("[Blockly Setup] Blockly core is available"), console.log("[Blockly Setup] Setting up locale..."), typeof U.setLocale == "function")
-          try {
-            U.setLocale("en"), console.log("[Blockly Setup] Locale set to English");
-          } catch (n) {
-            console.warn("[Blockly Setup] Locale setup failed, using default:", n);
-          }
-        if (console.log("[Blockly Setup] Initializing main workspace access..."), typeof U.getMainWorkspace == "function")
-          try {
-            U.getMainWorkspace(), console.log("[Blockly Setup] Main workspace access initialized");
-          } catch (n) {
-            console.log("[Blockly Setup] Main workspace access failed (expected if no workspace exists):", n);
-          }
-        if (console.log("[Blockly Setup] Initializing event system..."), typeof U.Events == "object" && U.Events.getGroup)
-          try {
-            U.Events.getGroup(), console.log("[Blockly Setup] Event system initialized");
-          } catch (n) {
-            console.log("[Blockly Setup] Event system initialization failed (may already be initialized):", n);
-          }
-        if (console.log("[Blockly Setup] Checking JavaScript generator..."), typeof Ve > "u") {
-          const n = new Error("Blockly JavaScript generator is not available. Make sure blockly/javascript is imported.");
-          console.error("[Blockly Setup] Error:", n.message), e(n);
-          return;
-        }
-        console.log("[Blockly Setup] JavaScript generator is available"), Re = !0, console.log("[Blockly Setup] ✅ Blockly initialized successfully for package usage"), t();
-      } catch (n) {
-        console.error("[Blockly Setup] ❌ Failed to initialize Blockly:", n), de = null, e(n);
-      }
-    })();
-  }), de);
-}
-function At() {
-  return Re && typeof U < "u";
-}
-function He() {
-  if (!At())
-    throw new Error("Blockly is not initialized. Call initializeBlockly() first.");
-  return U;
-}
-function Be() {
-  if (!At())
-    throw new Error("Blockly is not initialized. Call initializeBlockly() first.");
-  return Ve;
-}
-function Gn() {
-  console.log("[Blockly Setup] Resetting initialization state"), Re = !1, de = null;
-}
-function Yn(t, e) {
-  let r;
-  return (...n) => {
-    clearTimeout(r), r = setTimeout(() => t(...n), e);
-  };
-}
-function Un(t, e) {
-  let r;
-  return (...n) => {
-    r || (t(...n), r = !0, setTimeout(() => r = !1, e));
-  };
-}
-function qn(t = 8) {
-  const e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  let r = "";
-  for (let n = 0; n < t; n++)
-    r += e.charAt(Math.floor(Math.random() * e.length));
-  return r;
-}
-function Vn(t) {
-  return t.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-}
-function Hn(t, e = {}) {
-  const r = new Date(t), n = {
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-    ...e
-  };
-  return new Intl.DateTimeFormat("en-US", n).format(r);
-}
-function Xn(t) {
-  const e = /* @__PURE__ */ new Date(), r = new Date(t), n = Math.floor((e.getTime() - r.getTime()) / 1e3);
-  if (n < 60)
-    return "just now";
-  const o = Math.floor(n / 60);
-  if (o < 60)
-    return `${o} minute${o === 1 ? "" : "s"} ago`;
-  const i = Math.floor(o / 60);
-  if (i < 24)
-    return `${i} hour${i === 1 ? "" : "s"} ago`;
-  const a = Math.floor(i / 24);
-  if (a < 7)
-    return `${a} day${a === 1 ? "" : "s"} ago`;
-  const l = Math.floor(a / 7);
-  if (l < 4)
-    return `${l} week${l === 1 ? "" : "s"} ago`;
-  const u = Math.floor(a / 30);
-  if (u < 12)
-    return `${u} month${u === 1 ? "" : "s"} ago`;
-  const f = Math.floor(a / 365);
-  return `${f} year${f === 1 ? "" : "s"} ago`;
-}
-function gr(t) {
-  return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
-}
-function Jn(t) {
-  return t.toLowerCase().split(" ").map((e) => gr(e)).join(" ");
-}
-function Kn(t, e, r = "...") {
-  return t.length <= e ? t : t.substring(0, e - r.length) + r;
-}
-function Zn(t) {
-  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);
-}
-function Qn(t) {
-  try {
-    return new URL(t), !0;
-  } catch {
-    return !1;
-  }
-}
-function dt(t) {
-  if (t === null || typeof t != "object")
-    return t;
-  if (t instanceof Date)
-    return new Date(t.getTime());
-  if (t instanceof Array)
-    return t.map((e) => dt(e));
-  if (typeof t == "object") {
-    const e = {};
-    for (const r in t)
-      Object.prototype.hasOwnProperty.call(t, r) && (e[r] = dt(t[r]));
-    return e;
-  }
-  return t;
-}
-function xr(...t) {
-  return t.reduce((e, r) => {
-    for (const n in r)
-      Object.prototype.hasOwnProperty.call(r, n) && (typeof r[n] == "object" && r[n] !== null && !Array.isArray(r[n]) ? e[n] = xr(e[n] || {}, r[n]) : e[n] = r[n]);
-    return e;
-  }, {});
-}
-function eo(t) {
-  const e = {};
-  for (const r in t)
-    Object.prototype.hasOwnProperty.call(t, r) && t[r] !== void 0 && t[r] !== null && (e[r] = t[r]);
-  return e;
-}
-function to(t, e, r) {
-  const n = e.split(".");
-  let o = t;
-  for (const i of n)
-    if (o && typeof o == "object" && i in o)
-      o = o[i];
-    else
-      return r;
-  return o;
-}
-function ro(t, e, r) {
-  const n = e.split("."), o = { ...t };
-  let i = o;
-  for (let a = 0; a < n.length - 1; a++) {
-    const l = n[a];
-    (!(l in i) || typeof i[l] != "object") && (i[l] = {}), i = i[l];
-  }
-  return i[n[n.length - 1]] = r, o;
-}
-function br(t, e) {
-  if (t === e)
-    return !0;
-  if (typeof t != "object" || typeof e != "object" || t === null || e === null)
-    return !1;
-  const r = Object.keys(t), n = Object.keys(e);
-  if (r.length !== n.length)
-    return !1;
-  for (const o of r)
-    if (!n.includes(o) || !br(t[o], e[o]))
-      return !1;
-  return !0;
-}
-function Er(t) {
-  return new Promise((e) => setTimeout(e, t));
-}
-async function no(t, e = 3, r = 1e3) {
-  let n;
-  for (let o = 0; o <= e; o++)
-    try {
-      return await t();
-    } catch (i) {
-      if (n = i, o === e)
-        throw n;
-      const a = r * Math.pow(2, o);
-      await Er(a);
-    }
-  throw n;
-}
-var oo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function rt(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-var Ce = { exports: {} }, ve = {};
-/**
- * @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 pt;
-function wr() {
-  if (pt) return ve;
-  pt = 1;
-  var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function r(n, o, i) {
-    var a = null;
-    if (i !== void 0 && (a = "" + i), o.key !== void 0 && (a = "" + o.key), "key" in o) {
-      i = {};
-      for (var l in o)
-        l !== "key" && (i[l] = o[l]);
-    } else i = o;
-    return o = i.ref, {
-      $$typeof: t,
-      type: n,
-      key: a,
-      ref: o !== void 0 ? o : null,
-      props: i
-    };
-  }
-  return ve.Fragment = e, ve.jsx = r, ve.jsxs = r, ve;
-}
-var ge = {};
-/**
- * @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 mt;
-function Cr() {
-  return mt || (mt = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(s) {
-      if (s == null) return null;
-      if (typeof s == "function")
-        return s.$$typeof === he ? null : s.displayName || s.name || null;
-      if (typeof s == "string") return s;
-      switch (s) {
-        case g:
-          return "Fragment";
-        case P:
-          return "Profiler";
-        case b:
-          return "StrictMode";
-        case m:
-          return "Suspense";
-        case L:
-          return "SuspenseList";
-        case me:
-          return "Activity";
-      }
-      if (typeof s == "object")
-        switch (typeof s.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), s.$$typeof) {
-          case A:
-            return "Portal";
-          case j:
-            return (s.displayName || "Context") + ".Provider";
-          case F:
-            return (s._context.displayName || "Context") + ".Consumer";
-          case D:
-            var d = s.render;
-            return s = s.displayName, s || (s = d.displayName || d.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case Y:
-            return d = s.displayName || null, d !== null ? d : t(s.type) || "Memo";
-          case se:
-            d = s._payload, s = s._init;
-            try {
-              return t(s(d));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function e(s) {
-      return "" + s;
-    }
-    function r(s) {
-      try {
-        e(s);
-        var d = !1;
-      } catch {
-        d = !0;
-      }
-      if (d) {
-        d = console;
-        var x = d.error, E = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return x.call(
-          d,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          E
-        ), e(s);
-      }
-    }
-    function n(s) {
-      if (s === g) return "<>";
-      if (typeof s == "object" && s !== null && s.$$typeof === se)
-        return "<...>";
-      try {
-        var d = t(s);
-        return d ? "<" + d + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function o() {
-      var s = te.A;
-      return s === null ? null : s.getOwner();
-    }
-    function i() {
-      return Error("react-stack-top-frame");
-    }
-    function a(s) {
-      if (le.call(s, "key")) {
-        var d = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (d && d.isReactWarning) return !1;
-      }
-      return s.key !== void 0;
-    }
-    function l(s, d) {
-      function x() {
-        ce || (ce = !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
-        ));
-      }
-      x.isReactWarning = !0, Object.defineProperty(s, "key", {
-        get: x,
-        configurable: !0
-      });
-    }
-    function u() {
-      var s = t(this.type);
-      return G[s] || (G[s] = !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."
-      )), s = this.props.ref, s !== void 0 ? s : null;
-    }
-    function f(s, d, x, E, w, T, _, O) {
-      return x = T.ref, s = {
-        $$typeof: R,
-        type: s,
-        key: d,
-        props: T,
-        _owner: w
-      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(s, "ref", {
-        enumerable: !1,
-        get: u
-      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(s, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(s, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: _
-      }), Object.defineProperty(s, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: O
-      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
-    }
-    function p(s, d, x, E, w, T, _, O) {
-      var C = d.children;
-      if (C !== void 0)
-        if (E)
-          if (ye(C)) {
-            for (E = 0; E < C.length; E++)
-              h(C[E]);
-            Object.freeze && Object.freeze(C);
-          } 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 h(C);
-      if (le.call(d, "key")) {
-        C = t(s);
-        var M = Object.keys(d).filter(function(W) {
-          return W !== "key";
-        });
-        E = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", ue[C + E] || (M = 0 < M.length ? "{" + M.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} />`,
-          E,
-          C,
-          M,
-          C
-        ), ue[C + E] = !0);
-      }
-      if (C = null, x !== void 0 && (r(x), C = "" + x), a(d) && (r(d.key), C = "" + d.key), "key" in d) {
-        x = {};
-        for (var N in d)
-          N !== "key" && (x[N] = d[N]);
-      } else x = d;
-      return C && l(
-        x,
-        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
-      ), f(
-        s,
-        C,
-        T,
-        w,
-        o(),
-        x,
-        _,
-        O
-      );
-    }
-    function h(s) {
-      typeof s == "object" && s !== null && s.$$typeof === R && s._store && (s._store.validated = 1);
-    }
-    var y = K, R = Symbol.for("react.transitional.element"), A = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), F = Symbol.for("react.consumer"), j = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), se = Symbol.for("react.lazy"), me = Symbol.for("react.activity"), he = Symbol.for("react.client.reference"), te = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, ye = Array.isArray, V = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    y = {
-      react_stack_bottom_frame: function(s) {
-        return s();
-      }
-    };
-    var ce, G = {}, H = y.react_stack_bottom_frame.bind(
-      y,
-      i
-    )(), oe = V(n(i)), ue = {};
-    ge.Fragment = g, ge.jsx = function(s, d, x, E, w) {
-      var T = 1e4 > te.recentlyCreatedOwnerStacks++;
-      return p(
-        s,
-        d,
-        x,
-        !1,
-        E,
-        w,
-        T ? Error("react-stack-top-frame") : H,
-        T ? V(n(s)) : oe
-      );
-    }, ge.jsxs = function(s, d, x, E, w) {
-      var T = 1e4 > te.recentlyCreatedOwnerStacks++;
-      return p(
-        s,
-        d,
-        x,
-        !0,
-        E,
-        w,
-        T ? Error("react-stack-top-frame") : H,
-        T ? V(n(s)) : oe
-      );
-    };
-  })()), ge;
-}
-var ht;
-function kr() {
-  return ht || (ht = 1, process.env.NODE_ENV === "production" ? Ce.exports = wr() : Ce.exports = Cr()), Ce.exports;
-}
-var c = kr(), $e = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var yt;
-function Sr() {
-  return yt || (yt = 1, (function(t) {
-    (function() {
-      var e = {}.hasOwnProperty;
-      function r() {
-        for (var i = "", a = 0; a < arguments.length; a++) {
-          var l = arguments[a];
-          l && (i = o(i, n(l)));
-        }
-        return i;
-      }
-      function n(i) {
-        if (typeof i == "string" || typeof i == "number")
-          return i;
-        if (typeof i != "object")
-          return "";
-        if (Array.isArray(i))
-          return r.apply(null, i);
-        if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]"))
-          return i.toString();
-        var a = "";
-        for (var l in i)
-          e.call(i, l) && i[l] && (a = o(a, l));
-        return a;
-      }
-      function o(i, a) {
-        return a ? i ? i + " " + a : i + a : i;
-      }
-      t.exports ? (r.default = r, t.exports = r) : window.classNames = r;
-    })();
-  })($e)), $e.exports;
-}
-var Tr = Sr();
-const z = /* @__PURE__ */ rt(Tr);
-function Xe() {
-  return Xe = Object.assign ? Object.assign.bind() : function(t) {
-    for (var e = 1; e < arguments.length; e++) {
-      var r = arguments[e];
-      for (var n in r) ({}).hasOwnProperty.call(r, n) && (t[n] = r[n]);
-    }
-    return t;
-  }, Xe.apply(null, arguments);
-}
-function Bt(t, e) {
-  if (t == null) return {};
-  var r = {};
-  for (var n in t) if ({}.hasOwnProperty.call(t, n)) {
-    if (e.indexOf(n) !== -1) continue;
-    r[n] = t[n];
-  }
-  return r;
-}
-function vt(t) {
-  return "default" + t.charAt(0).toUpperCase() + t.substr(1);
-}
-function Rr(t) {
-  var e = _r(t, "string");
-  return typeof e == "symbol" ? e : String(e);
-}
-function _r(t, e) {
-  if (typeof t != "object" || t === null) return t;
-  var r = t[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var n = r.call(t, e);
-    if (typeof n != "object") return n;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return String(t);
-}
-function jr(t, e, r) {
-  var n = Me(t !== void 0), o = qe(e), i = o[0], a = o[1], l = t !== void 0, u = n.current;
-  return n.current = l, !l && u && i !== e && a(e), [l ? t : i, q(function(f) {
-    for (var p = arguments.length, h = new Array(p > 1 ? p - 1 : 0), y = 1; y < p; y++)
-      h[y - 1] = arguments[y];
-    r && r.apply(void 0, [f].concat(h)), a(f);
-  }, [r])];
-}
-function Or(t, e) {
-  return Object.keys(e).reduce(function(r, n) {
-    var o, i = r, a = i[vt(n)], l = i[n], u = Bt(i, [vt(n), n].map(Rr)), f = e[n], p = jr(l, a, t[f]), h = p[0], y = p[1];
-    return Xe({}, u, (o = {}, o[n] = h, o[f] = y, o));
-  }, t);
-}
-function Je(t, e) {
-  return Je = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, n) {
-    return r.__proto__ = n, r;
-  }, Je(t, e);
-}
-function Mr(t, e) {
-  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, Je(t, e);
-}
-const Nr = ["xxl", "xl", "lg", "md", "sm", "xs"], zr = "xs", Pe = /* @__PURE__ */ S.createContext({
-  prefixes: {},
-  breakpoints: Nr,
-  minBreakpoint: zr
-}), {
-  Consumer: io,
-  Provider: ao
-} = Pe;
-function I(t, e) {
-  const {
-    prefixes: r
-  } = Z(Pe);
-  return t || r[e] || e;
-}
-function $t() {
-  const {
-    breakpoints: t
-  } = Z(Pe);
-  return t;
-}
-function It() {
-  const {
-    minBreakpoint: t
-  } = Z(Pe);
-  return t;
-}
-function Pr(t) {
-  return t && t.ownerDocument || document;
-}
-function Ar(t) {
-  var e = Pr(t);
-  return e && e.defaultView || window;
-}
-function Br(t, e) {
-  return Ar(t).getComputedStyle(t, e);
-}
-var $r = /([A-Z])/g;
-function Ir(t) {
-  return t.replace($r, "-$1").toLowerCase();
-}
-var Dr = /^ms-/;
-function ke(t) {
-  return Ir(t).replace(Dr, "-ms-");
-}
-var Fr = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i;
-function Lr(t) {
-  return !!(t && Fr.test(t));
-}
-function Dt(t, e) {
-  var r = "", n = "";
-  if (typeof e == "string")
-    return t.style.getPropertyValue(ke(e)) || Br(t).getPropertyValue(ke(e));
-  Object.keys(e).forEach(function(o) {
-    var i = e[o];
-    !i && i !== 0 ? t.style.removeProperty(ke(o)) : Lr(o) ? n += o + "(" + i + ") " : r += ke(o) + ": " + i + ";";
-  }), n && (r += "transform: " + n + ";"), t.style.cssText += ";" + r;
-}
-var Se = { exports: {} }, Te = { exports: {} }, B = {};
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var gt;
-function Wr() {
-  if (gt) return B;
-  gt = 1;
-  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, o = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, a = t ? Symbol.for("react.provider") : 60109, l = t ? Symbol.for("react.context") : 60110, u = t ? Symbol.for("react.async_mode") : 60111, f = t ? Symbol.for("react.concurrent_mode") : 60111, p = t ? Symbol.for("react.forward_ref") : 60112, h = t ? Symbol.for("react.suspense") : 60113, y = t ? Symbol.for("react.suspense_list") : 60120, R = t ? Symbol.for("react.memo") : 60115, A = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, b = t ? Symbol.for("react.fundamental") : 60117, P = t ? Symbol.for("react.responder") : 60118, F = t ? Symbol.for("react.scope") : 60119;
-  function j(m) {
-    if (typeof m == "object" && m !== null) {
-      var L = m.$$typeof;
-      switch (L) {
-        case e:
-          switch (m = m.type, m) {
-            case u:
-            case f:
-            case n:
-            case i:
-            case o:
-            case h:
-              return m;
-            default:
-              switch (m = m && m.$$typeof, m) {
-                case l:
-                case p:
-                case A:
-                case R:
-                case a:
-                  return m;
-                default:
-                  return L;
-              }
-          }
-        case r:
-          return L;
-      }
-    }
-  }
-  function D(m) {
-    return j(m) === f;
-  }
-  return B.AsyncMode = u, B.ConcurrentMode = f, B.ContextConsumer = l, B.ContextProvider = a, B.Element = e, B.ForwardRef = p, B.Fragment = n, B.Lazy = A, B.Memo = R, B.Portal = r, B.Profiler = i, B.StrictMode = o, B.Suspense = h, B.isAsyncMode = function(m) {
-    return D(m) || j(m) === u;
-  }, B.isConcurrentMode = D, B.isContextConsumer = function(m) {
-    return j(m) === l;
-  }, B.isContextProvider = function(m) {
-    return j(m) === a;
-  }, B.isElement = function(m) {
-    return typeof m == "object" && m !== null && m.$$typeof === e;
-  }, B.isForwardRef = function(m) {
-    return j(m) === p;
-  }, B.isFragment = function(m) {
-    return j(m) === n;
-  }, B.isLazy = function(m) {
-    return j(m) === A;
-  }, B.isMemo = function(m) {
-    return j(m) === R;
-  }, B.isPortal = function(m) {
-    return j(m) === r;
-  }, B.isProfiler = function(m) {
-    return j(m) === i;
-  }, B.isStrictMode = function(m) {
-    return j(m) === o;
-  }, B.isSuspense = function(m) {
-    return j(m) === h;
-  }, B.isValidElementType = function(m) {
-    return typeof m == "string" || typeof m == "function" || m === n || m === f || m === i || m === o || m === h || m === y || typeof m == "object" && m !== null && (m.$$typeof === A || m.$$typeof === R || m.$$typeof === a || m.$$typeof === l || m.$$typeof === p || m.$$typeof === b || m.$$typeof === P || m.$$typeof === F || m.$$typeof === g);
-  }, B.typeOf = j, B;
-}
-var $ = {};
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var xt;
-function Gr() {
-  return xt || (xt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, o = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, a = t ? Symbol.for("react.provider") : 60109, l = t ? Symbol.for("react.context") : 60110, u = t ? Symbol.for("react.async_mode") : 60111, f = t ? Symbol.for("react.concurrent_mode") : 60111, p = t ? Symbol.for("react.forward_ref") : 60112, h = t ? Symbol.for("react.suspense") : 60113, y = t ? Symbol.for("react.suspense_list") : 60120, R = t ? Symbol.for("react.memo") : 60115, A = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, b = t ? Symbol.for("react.fundamental") : 60117, P = t ? Symbol.for("react.responder") : 60118, F = t ? Symbol.for("react.scope") : 60119;
-    function j(v) {
-      return typeof v == "string" || typeof v == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      v === n || v === f || v === i || v === o || v === h || v === y || typeof v == "object" && v !== null && (v.$$typeof === A || v.$$typeof === R || v.$$typeof === a || v.$$typeof === l || v.$$typeof === p || v.$$typeof === b || v.$$typeof === P || v.$$typeof === F || v.$$typeof === g);
-    }
-    function D(v) {
-      if (typeof v == "object" && v !== null) {
-        var X = v.$$typeof;
-        switch (X) {
-          case e:
-            var we = v.type;
-            switch (we) {
-              case u:
-              case f:
-              case n:
-              case i:
-              case o:
-              case h:
-                return we;
-              default:
-                var ft = we && we.$$typeof;
-                switch (ft) {
-                  case l:
-                  case p:
-                  case A:
-                  case R:
-                  case a:
-                    return ft;
-                  default:
-                    return X;
-                }
-            }
-          case r:
-            return X;
-        }
-      }
-    }
-    var m = u, L = f, Y = l, se = a, me = e, he = p, te = n, le = A, ye = R, V = r, ce = i, G = o, H = h, oe = !1;
-    function ue(v) {
-      return oe || (oe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), s(v) || D(v) === u;
-    }
-    function s(v) {
-      return D(v) === f;
-    }
-    function d(v) {
-      return D(v) === l;
-    }
-    function x(v) {
-      return D(v) === a;
-    }
-    function E(v) {
-      return typeof v == "object" && v !== null && v.$$typeof === e;
-    }
-    function w(v) {
-      return D(v) === p;
-    }
-    function T(v) {
-      return D(v) === n;
-    }
-    function _(v) {
-      return D(v) === A;
-    }
-    function O(v) {
-      return D(v) === R;
-    }
-    function C(v) {
-      return D(v) === r;
-    }
-    function M(v) {
-      return D(v) === i;
-    }
-    function N(v) {
-      return D(v) === o;
-    }
-    function W(v) {
-      return D(v) === h;
-    }
-    $.AsyncMode = m, $.ConcurrentMode = L, $.ContextConsumer = Y, $.ContextProvider = se, $.Element = me, $.ForwardRef = he, $.Fragment = te, $.Lazy = le, $.Memo = ye, $.Portal = V, $.Profiler = ce, $.StrictMode = G, $.Suspense = H, $.isAsyncMode = ue, $.isConcurrentMode = s, $.isContextConsumer = d, $.isContextProvider = x, $.isElement = E, $.isForwardRef = w, $.isFragment = T, $.isLazy = _, $.isMemo = O, $.isPortal = C, $.isProfiler = M, $.isStrictMode = N, $.isSuspense = W, $.isValidElementType = j, $.typeOf = D;
-  })()), $;
-}
-var bt;
-function Ft() {
-  return bt || (bt = 1, process.env.NODE_ENV === "production" ? Te.exports = Wr() : Te.exports = Gr()), Te.exports;
-}
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var Ie, Et;
-function Yr() {
-  if (Et) return Ie;
-  Et = 1;
-  var t = Object.getOwnPropertySymbols, e = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
-  function n(i) {
-    if (i == null)
-      throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(i);
-  }
-  function o() {
-    try {
-      if (!Object.assign)
-        return !1;
-      var i = new String("abc");
-      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
-        return !1;
-      for (var a = {}, l = 0; l < 10; l++)
-        a["_" + String.fromCharCode(l)] = l;
-      var u = Object.getOwnPropertyNames(a).map(function(p) {
-        return a[p];
-      });
-      if (u.join("") !== "0123456789")
-        return !1;
-      var f = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(p) {
-        f[p] = p;
-      }), Object.keys(Object.assign({}, f)).join("") === "abcdefghijklmnopqrst";
-    } catch {
-      return !1;
-    }
-  }
-  return Ie = o() ? Object.assign : function(i, a) {
-    for (var l, u = n(i), f, p = 1; p < arguments.length; p++) {
-      l = Object(arguments[p]);
-      for (var h in l)
-        e.call(l, h) && (u[h] = l[h]);
-      if (t) {
-        f = t(l);
-        for (var y = 0; y < f.length; y++)
-          r.call(l, f[y]) && (u[f[y]] = l[f[y]]);
-      }
-    }
-    return u;
-  }, Ie;
-}
-var De, wt;
-function nt() {
-  if (wt) return De;
-  wt = 1;
-  var t = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return De = t, De;
-}
-var Fe, Ct;
-function Lt() {
-  return Ct || (Ct = 1, Fe = Function.call.bind(Object.prototype.hasOwnProperty)), Fe;
-}
-var Le, kt;
-function Ur() {
-  if (kt) return Le;
-  kt = 1;
-  var t = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var e = /* @__PURE__ */ nt(), r = {}, n = /* @__PURE__ */ Lt();
-    t = function(i) {
-      var a = "Warning: " + i;
-      typeof console < "u" && console.error(a);
-      try {
-        throw new Error(a);
-      } catch {
-      }
-    };
-  }
-  function o(i, a, l, u, f) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var p in i)
-        if (n(i, p)) {
-          var h;
-          try {
-            if (typeof i[p] != "function") {
-              var y = Error(
-                (u || "React class") + ": " + l + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw y.name = "Invariant Violation", y;
-            }
-            h = i[p](a, p, u, l, null, e);
-          } catch (A) {
-            h = A;
-          }
-          if (h && !(h instanceof Error) && t(
-            (u || "React class") + ": type specification of " + l + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), h instanceof Error && !(h.message in r)) {
-            r[h.message] = !0;
-            var R = f ? f() : "";
-            t(
-              "Failed " + l + " type: " + h.message + (R ?? "")
-            );
-          }
-        }
-    }
-  }
-  return o.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (r = {});
-  }, Le = o, Le;
-}
-var We, St;
-function qr() {
-  if (St) return We;
-  St = 1;
-  var t = Ft(), e = Yr(), r = /* @__PURE__ */ nt(), n = /* @__PURE__ */ Lt(), o = /* @__PURE__ */ Ur(), i = function() {
-  };
-  process.env.NODE_ENV !== "production" && (i = function(l) {
-    var u = "Warning: " + l;
-    typeof console < "u" && console.error(u);
-    try {
-      throw new Error(u);
-    } catch {
-    }
-  });
-  function a() {
-    return null;
-  }
-  return We = function(l, u) {
-    var f = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
-    function h(s) {
-      var d = s && (f && s[f] || s[p]);
-      if (typeof d == "function")
-        return d;
-    }
-    var y = "<<anonymous>>", R = {
-      array: P("array"),
-      bigint: P("bigint"),
-      bool: P("boolean"),
-      func: P("function"),
-      number: P("number"),
-      object: P("object"),
-      string: P("string"),
-      symbol: P("symbol"),
-      any: F(),
-      arrayOf: j,
-      element: D(),
-      elementType: m(),
-      instanceOf: L,
-      node: he(),
-      objectOf: se,
-      oneOf: Y,
-      oneOfType: me,
-      shape: le,
-      exact: ye
-    };
-    function A(s, d) {
-      return s === d ? s !== 0 || 1 / s === 1 / d : s !== s && d !== d;
-    }
-    function g(s, d) {
-      this.message = s, this.data = d && typeof d == "object" ? d : {}, this.stack = "";
-    }
-    g.prototype = Error.prototype;
-    function b(s) {
-      if (process.env.NODE_ENV !== "production")
-        var d = {}, x = 0;
-      function E(T, _, O, C, M, N, W) {
-        if (C = C || y, N = N || O, W !== r) {
-          if (u) {
-            var v = new Error(
-              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
-            );
-            throw v.name = "Invariant Violation", v;
-          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var X = C + ":" + O;
-            !d[X] && // Avoid spamming the console because they are often not actionable except for lib authors
-            x < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + N + "` prop on `" + C + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), d[X] = !0, x++);
-          }
-        }
-        return _[O] == null ? T ? _[O] === null ? new g("The " + M + " `" + N + "` is marked as required " + ("in `" + C + "`, but its value is `null`.")) : new g("The " + M + " `" + N + "` is marked as required in " + ("`" + C + "`, but its value is `undefined`.")) : null : s(_, O, C, M, N);
-      }
-      var w = E.bind(null, !1);
-      return w.isRequired = E.bind(null, !0), w;
-    }
-    function P(s) {
-      function d(x, E, w, T, _, O) {
-        var C = x[E], M = G(C);
-        if (M !== s) {
-          var N = H(C);
-          return new g(
-            "Invalid " + T + " `" + _ + "` of type " + ("`" + N + "` supplied to `" + w + "`, expected ") + ("`" + s + "`."),
-            { expectedType: s }
-          );
-        }
-        return null;
-      }
-      return b(d);
-    }
-    function F() {
-      return b(a);
-    }
-    function j(s) {
-      function d(x, E, w, T, _) {
-        if (typeof s != "function")
-          return new g("Property `" + _ + "` of component `" + w + "` has invalid PropType notation inside arrayOf.");
-        var O = x[E];
-        if (!Array.isArray(O)) {
-          var C = G(O);
-          return new g("Invalid " + T + " `" + _ + "` of type " + ("`" + C + "` supplied to `" + w + "`, expected an array."));
-        }
-        for (var M = 0; M < O.length; M++) {
-          var N = s(O, M, w, T, _ + "[" + M + "]", r);
-          if (N instanceof Error)
-            return N;
-        }
-        return null;
-      }
-      return b(d);
-    }
-    function D() {
-      function s(d, x, E, w, T) {
-        var _ = d[x];
-        if (!l(_)) {
-          var O = G(_);
-          return new g("Invalid " + w + " `" + T + "` of type " + ("`" + O + "` supplied to `" + E + "`, expected a single ReactElement."));
-        }
-        return null;
-      }
-      return b(s);
-    }
-    function m() {
-      function s(d, x, E, w, T) {
-        var _ = d[x];
-        if (!t.isValidElementType(_)) {
-          var O = G(_);
-          return new g("Invalid " + w + " `" + T + "` of type " + ("`" + O + "` supplied to `" + E + "`, expected a single ReactElement type."));
-        }
-        return null;
-      }
-      return b(s);
-    }
-    function L(s) {
-      function d(x, E, w, T, _) {
-        if (!(x[E] instanceof s)) {
-          var O = s.name || y, C = ue(x[E]);
-          return new g("Invalid " + T + " `" + _ + "` of type " + ("`" + C + "` supplied to `" + w + "`, expected ") + ("instance of `" + O + "`."));
-        }
-        return null;
-      }
-      return b(d);
-    }
-    function Y(s) {
-      if (!Array.isArray(s))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
-          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : i("Invalid argument supplied to oneOf, expected an array.")), a;
-      function d(x, E, w, T, _) {
-        for (var O = x[E], C = 0; C < s.length; C++)
-          if (A(O, s[C]))
-            return null;
-        var M = JSON.stringify(s, function(W, v) {
-          var X = H(v);
-          return X === "symbol" ? String(v) : v;
-        });
-        return new g("Invalid " + T + " `" + _ + "` of value `" + String(O) + "` " + ("supplied to `" + w + "`, expected one of " + M + "."));
-      }
-      return b(d);
-    }
-    function se(s) {
-      function d(x, E, w, T, _) {
-        if (typeof s != "function")
-          return new g("Property `" + _ + "` of component `" + w + "` has invalid PropType notation inside objectOf.");
-        var O = x[E], C = G(O);
-        if (C !== "object")
-          return new g("Invalid " + T + " `" + _ + "` of type " + ("`" + C + "` supplied to `" + w + "`, expected an object."));
-        for (var M in O)
-          if (n(O, M)) {
-            var N = s(O, M, w, T, _ + "." + M, r);
-            if (N instanceof Error)
-              return N;
-          }
-        return null;
-      }
-      return b(d);
-    }
-    function me(s) {
-      if (!Array.isArray(s))
-        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var d = 0; d < s.length; d++) {
-        var x = s[d];
-        if (typeof x != "function")
-          return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + oe(x) + " at index " + d + "."
-          ), a;
-      }
-      function E(w, T, _, O, C) {
-        for (var M = [], N = 0; N < s.length; N++) {
-          var W = s[N], v = W(w, T, _, O, C, r);
-          if (v == null)
-            return null;
-          v.data && n(v.data, "expectedType") && M.push(v.data.expectedType);
-        }
-        var X = M.length > 0 ? ", expected one of type [" + M.join(", ") + "]" : "";
-        return new g("Invalid " + O + " `" + C + "` supplied to " + ("`" + _ + "`" + X + "."));
-      }
-      return b(E);
-    }
-    function he() {
-      function s(d, x, E, w, T) {
-        return V(d[x]) ? null : new g("Invalid " + w + " `" + T + "` supplied to " + ("`" + E + "`, expected a ReactNode."));
-      }
-      return b(s);
-    }
-    function te(s, d, x, E, w) {
-      return new g(
-        (s || "React class") + ": " + d + " type `" + x + "." + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + w + "`."
-      );
-    }
-    function le(s) {
-      function d(x, E, w, T, _) {
-        var O = x[E], C = G(O);
-        if (C !== "object")
-          return new g("Invalid " + T + " `" + _ + "` of type `" + C + "` " + ("supplied to `" + w + "`, expected `object`."));
-        for (var M in s) {
-          var N = s[M];
-          if (typeof N != "function")
-            return te(w, T, _, M, H(N));
-          var W = N(O, M, w, T, _ + "." + M, r);
-          if (W)
-            return W;
-        }
-        return null;
-      }
-      return b(d);
-    }
-    function ye(s) {
-      function d(x, E, w, T, _) {
-        var O = x[E], C = G(O);
-        if (C !== "object")
-          return new g("Invalid " + T + " `" + _ + "` of type `" + C + "` " + ("supplied to `" + w + "`, expected `object`."));
-        var M = e({}, x[E], s);
-        for (var N in M) {
-          var W = s[N];
-          if (n(s, N) && typeof W != "function")
-            return te(w, T, _, N, H(W));
-          if (!W)
-            return new g(
-              "Invalid " + T + " `" + _ + "` key `" + N + "` supplied to `" + w + "`.\nBad object: " + JSON.stringify(x[E], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
-            );
-          var v = W(O, N, w, T, _ + "." + N, r);
-          if (v)
-            return v;
-        }
-        return null;
-      }
-      return b(d);
-    }
-    function V(s) {
-      switch (typeof s) {
-        case "number":
-        case "string":
-        case "undefined":
-          return !0;
-        case "boolean":
-          return !s;
-        case "object":
-          if (Array.isArray(s))
-            return s.every(V);
-          if (s === null || l(s))
-            return !0;
-          var d = h(s);
-          if (d) {
-            var x = d.call(s), E;
-            if (d !== s.entries) {
-              for (; !(E = x.next()).done; )
-                if (!V(E.value))
-                  return !1;
-            } else
-              for (; !(E = x.next()).done; ) {
-                var w = E.value;
-                if (w && !V(w[1]))
-                  return !1;
-              }
-          } else
-            return !1;
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function ce(s, d) {
-      return s === "symbol" ? !0 : d ? d["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && d instanceof Symbol : !1;
-    }
-    function G(s) {
-      var d = typeof s;
-      return Array.isArray(s) ? "array" : s instanceof RegExp ? "object" : ce(d, s) ? "symbol" : d;
-    }
-    function H(s) {
-      if (typeof s > "u" || s === null)
-        return "" + s;
-      var d = G(s);
-      if (d === "object") {
-        if (s instanceof Date)
-          return "date";
-        if (s instanceof RegExp)
-          return "regexp";
-      }
-      return d;
-    }
-    function oe(s) {
-      var d = H(s);
-      switch (d) {
-        case "array":
-        case "object":
-          return "an " + d;
-        case "boolean":
-        case "date":
-        case "regexp":
-          return "a " + d;
-        default:
-          return d;
-      }
-    }
-    function ue(s) {
-      return !s.constructor || !s.constructor.name ? y : s.constructor.name;
-    }
-    return R.checkPropTypes = o, R.resetWarningCache = o.resetWarningCache, R.PropTypes = R, R;
-  }, We;
-}
-var Ge, Tt;
-function Vr() {
-  if (Tt) return Ge;
-  Tt = 1;
-  var t = /* @__PURE__ */ nt();
-  function e() {
-  }
-  function r() {
-  }
-  return r.resetWarningCache = e, Ge = function() {
-    function n(a, l, u, f, p, h) {
-      if (h !== t) {
-        var y = new Error(
-          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-        );
-        throw y.name = "Invariant Violation", y;
-      }
-    }
-    n.isRequired = n;
-    function o() {
-      return n;
-    }
-    var i = {
-      array: n,
-      bigint: n,
-      bool: n,
-      func: n,
-      number: n,
-      object: n,
-      string: n,
-      symbol: n,
-      any: n,
-      arrayOf: o,
-      element: n,
-      elementType: n,
-      instanceOf: o,
-      node: n,
-      objectOf: o,
-      oneOf: o,
-      oneOfType: o,
-      shape: o,
-      exact: o,
-      checkPropTypes: r,
-      resetWarningCache: e
-    };
-    return i.PropTypes = i, i;
-  }, Ge;
-}
-var Rt;
-function Hr() {
-  if (Rt) return Se.exports;
-  if (Rt = 1, process.env.NODE_ENV !== "production") {
-    var t = Ft(), e = !0;
-    Se.exports = /* @__PURE__ */ qr()(t.isElement, e);
-  } else
-    Se.exports = /* @__PURE__ */ Vr()();
-  return Se.exports;
-}
-var Xr = /* @__PURE__ */ Hr();
-const k = /* @__PURE__ */ rt(Xr), _t = {
-  disabled: !1
-};
-var Jr = process.env.NODE_ENV !== "production" ? k.oneOfType([k.number, k.shape({
-  enter: k.number,
-  exit: k.number,
-  appear: k.number
-}).isRequired]) : null;
-process.env.NODE_ENV !== "production" && k.oneOfType([k.string, k.shape({
-  enter: k.string,
-  exit: k.string,
-  active: k.string
-}), k.shape({
-  enter: k.string,
-  enterDone: k.string,
-  enterActive: k.string,
-  exit: k.string,
-  exitDone: k.string,
-  exitActive: k.string
-})]);
-const Wt = K.createContext(null);
-var Kr = function(e) {
-  return e.scrollTop;
-}, be = "unmounted", ie = "exited", re = "entering", ae = "entered", Ke = "exiting", ee = /* @__PURE__ */ (function(t) {
-  Mr(e, t);
-  function e(n, o) {
-    var i;
-    i = t.call(this, n, o) || this;
-    var a = o, l = a && !a.isMounting ? n.enter : n.appear, u;
-    return i.appearStatus = null, n.in ? l ? (u = ie, i.appearStatus = re) : u = ae : n.unmountOnExit || n.mountOnEnter ? u = be : u = ie, i.state = {
-      status: u
-    }, i.nextCallback = null, i;
-  }
-  e.getDerivedStateFromProps = function(o, i) {
-    var a = o.in;
-    return a && i.status === be ? {
-      status: ie
-    } : null;
-  };
-  var r = e.prototype;
-  return r.componentDidMount = function() {
-    this.updateStatus(!0, this.appearStatus);
-  }, r.componentDidUpdate = function(o) {
-    var i = null;
-    if (o !== this.props) {
-      var a = this.state.status;
-      this.props.in ? a !== re && a !== ae && (i = re) : (a === re || a === ae) && (i = Ke);
-    }
-    this.updateStatus(!1, i);
-  }, r.componentWillUnmount = function() {
-    this.cancelNextCallback();
-  }, r.getTimeouts = function() {
-    var o = this.props.timeout, i, a, l;
-    return i = a = l = o, o != null && typeof o != "number" && (i = o.exit, a = o.enter, l = o.appear !== void 0 ? o.appear : a), {
-      exit: i,
-      enter: a,
-      appear: l
-    };
-  }, r.updateStatus = function(o, i) {
-    if (o === void 0 && (o = !1), i !== null)
-      if (this.cancelNextCallback(), i === re) {
-        if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var a = this.props.nodeRef ? this.props.nodeRef.current : xe.findDOMNode(this);
-          a && Kr(a);
-        }
-        this.performEnter(o);
-      } else
-        this.performExit();
-    else this.props.unmountOnExit && this.state.status === ie && this.setState({
-      status: be
-    });
-  }, r.performEnter = function(o) {
-    var i = this, a = this.props.enter, l = this.context ? this.context.isMounting : o, u = this.props.nodeRef ? [l] : [xe.findDOMNode(this), l], f = u[0], p = u[1], h = this.getTimeouts(), y = l ? h.appear : h.enter;
-    if (!o && !a || _t.disabled) {
-      this.safeSetState({
-        status: ae
-      }, function() {
-        i.props.onEntered(f);
-      });
-      return;
-    }
-    this.props.onEnter(f, p), this.safeSetState({
-      status: re
-    }, function() {
-      i.props.onEntering(f, p), i.onTransitionEnd(y, function() {
-        i.safeSetState({
-          status: ae
-        }, function() {
-          i.props.onEntered(f, p);
-        });
-      });
-    });
-  }, r.performExit = function() {
-    var o = this, i = this.props.exit, a = this.getTimeouts(), l = this.props.nodeRef ? void 0 : xe.findDOMNode(this);
-    if (!i || _t.disabled) {
-      this.safeSetState({
-        status: ie
-      }, function() {
-        o.props.onExited(l);
-      });
-      return;
-    }
-    this.props.onExit(l), this.safeSetState({
-      status: Ke
-    }, function() {
-      o.props.onExiting(l), o.onTransitionEnd(a.exit, function() {
-        o.safeSetState({
-          status: ie
-        }, function() {
-          o.props.onExited(l);
-        });
-      });
-    });
-  }, r.cancelNextCallback = function() {
-    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, r.safeSetState = function(o, i) {
-    i = this.setNextCallback(i), this.setState(o, i);
-  }, r.setNextCallback = function(o) {
-    var i = this, a = !0;
-    return this.nextCallback = function(l) {
-      a && (a = !1, i.nextCallback = null, o(l));
-    }, this.nextCallback.cancel = function() {
-      a = !1;
-    }, this.nextCallback;
-  }, r.onTransitionEnd = function(o, i) {
-    this.setNextCallback(i);
-    var a = this.props.nodeRef ? this.props.nodeRef.current : xe.findDOMNode(this), l = o == null && !this.props.addEndListener;
-    if (!a || l) {
-      setTimeout(this.nextCallback, 0);
-      return;
-    }
-    if (this.props.addEndListener) {
-      var u = this.props.nodeRef ? [this.nextCallback] : [a, this.nextCallback], f = u[0], p = u[1];
-      this.props.addEndListener(f, p);
-    }
-    o != null && setTimeout(this.nextCallback, o);
-  }, r.render = function() {
-    var o = this.state.status;
-    if (o === be)
-      return null;
-    var i = this.props, a = i.children;
-    i.in, i.mountOnEnter, i.unmountOnExit, i.appear, i.enter, i.exit, i.timeout, i.addEndListener, i.onEnter, i.onEntering, i.onEntered, i.onExit, i.onExiting, i.onExited, i.nodeRef;
-    var l = Bt(i, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
-    return (
-      // allows for nested Transitions
-      /* @__PURE__ */ K.createElement(Wt.Provider, {
-        value: null
-      }, typeof a == "function" ? a(o, l) : K.cloneElement(K.Children.only(a), l))
-    );
-  }, e;
-})(K.Component);
-ee.contextType = Wt;
-ee.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * A React reference to DOM element that need to transition:
-   * https://stackoverflow.com/a/51127130/4671932
-   *
-   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
-   *      (e.g. `onEnter`) because user already has direct access to the node.
-   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
-   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
-   *     (see
-   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
-   */
-  nodeRef: k.shape({
-    current: typeof Element > "u" ? k.any : function(t, e, r, n, o, i) {
-      var a = t[e];
-      return k.instanceOf(a && "ownerDocument" in a ? a.ownerDocument.defaultView.Element : Element)(t, e, r, n, o, i);
-    }
-  }),
-  /**
-   * A `function` child can be used instead of a React element. This function is
-   * called with the current transition status (`'entering'`, `'entered'`,
-   * `'exiting'`, `'exited'`), which can be used to apply context
-   * specific props to a component.
-   *
-   * ```jsx
-   * <Transition in={this.state.in} timeout={150}>
-   *   {state => (
-   *     <MyComponent className={`fade fade-${state}`} />
-   *   )}
-   * </Transition>
-   * ```
-   */
-  children: k.oneOfType([k.func.isRequired, k.element.isRequired]).isRequired,
-  /**
-   * Show the component; triggers the enter or exit states
-   */
-  in: k.bool,
-  /**
-   * By default the child component is mounted immediately along with
-   * the parent `Transition` component. If you want to "lazy mount" the component on the
-   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
-   * mounted, even on "exited", unless you also specify `unmountOnExit`.
-   */
-  mountOnEnter: k.bool,
-  /**
-   * By default the child component stays mounted after it reaches the `'exited'` state.
-   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
-   */
-  unmountOnExit: k.bool,
-  /**
-   * By default the child component does not perform the enter transition when
-   * it first mounts, regardless of the value of `in`. If you want this
-   * behavior, set both `appear` and `in` to `true`.
-   *
-   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
-   * > only adds an additional enter transition. However, in the
-   * > `<CSSTransition>` component that first enter transition does result in
-   * > additional `.appear-*` classes, that way you can choose to style it
-   * > differently.
-   */
-  appear: k.bool,
-  /**
-   * Enable or disable enter transitions.
-   */
-  enter: k.bool,
-  /**
-   * Enable or disable exit transitions.
-   */
-  exit: k.bool,
-  /**
-   * The duration of the transition, in milliseconds.
-   * Required unless `addEndListener` is provided.
-   *
-   * You may specify a single timeout for all transitions:
-   *
-   * ```jsx
-   * timeout={500}
-   * ```
-   *
-   * or individually:
-   *
-   * ```jsx
-   * timeout={{
-   *  appear: 500,
-   *  enter: 300,
-   *  exit: 500,
-   * }}
-   * ```
-   *
-   * - `appear` defaults to the value of `enter`
-   * - `enter` defaults to `0`
-   * - `exit` defaults to `0`
-   *
-   * @type {number | { enter?: number, exit?: number, appear?: number }}
-   */
-  timeout: function(e) {
-    var r = Jr;
-    e.addEndListener || (r = r.isRequired);
-    for (var n = arguments.length, o = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
-      o[i - 1] = arguments[i];
-    return r.apply(void 0, [e].concat(o));
-  },
-  /**
-   * Add a custom transition end trigger. Called with the transitioning
-   * DOM node and a `done` callback. Allows for more fine grained transition end
-   * logic. Timeouts are still used as a fallback if provided.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * ```jsx
-   * addEndListener={(node, done) => {
-   *   // use the css transitionend event to mark the finish of a transition
-   *   node.addEventListener('transitionend', done, false);
-   * }}
-   * ```
-   */
-  addEndListener: k.func,
-  /**
-   * Callback fired before the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEnter: k.func,
-  /**
-   * Callback fired after the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntering: k.func,
-  /**
-   * Callback fired after the "entered" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEntered: k.func,
-  /**
-   * Callback fired before the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExit: k.func,
-  /**
-   * Callback fired after the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExiting: k.func,
-  /**
-   * Callback fired after the "exited" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExited: k.func
-} : {};
-function fe() {
-}
-ee.defaultProps = {
-  in: !1,
-  mountOnEnter: !1,
-  unmountOnExit: !1,
-  appear: !1,
-  enter: !0,
-  exit: !0,
-  onEnter: fe,
-  onEntering: fe,
-  onEntered: fe,
-  onExit: fe,
-  onExiting: fe,
-  onExited: fe
-};
-ee.UNMOUNTED = be;
-ee.EXITED = ie;
-ee.ENTERING = re;
-ee.ENTERED = ae;
-ee.EXITING = Ke;
-function Zr() {
-  const t = S.version.split(".");
-  return {
-    major: +t[0],
-    minor: +t[1],
-    patch: +t[2]
-  };
-}
-function Qr(t) {
-  if (!t || typeof t == "function")
-    return null;
-  const {
-    major: e
-  } = Zr();
-  return e >= 19 ? t.props.ref : t.ref;
-}
-const en = !!(typeof window < "u" && window.document && window.document.createElement);
-var Ze = !1, Qe = !1;
-try {
-  var Ye = {
-    get passive() {
-      return Ze = !0;
-    },
-    get once() {
-      return Qe = Ze = !0;
-    }
-  };
-  en && (window.addEventListener("test", Ye, Ye), window.removeEventListener("test", Ye, !0));
-} catch {
-}
-function tn(t, e, r, n) {
-  if (n && typeof n != "boolean" && !Qe) {
-    var o = n.once, i = n.capture, a = r;
-    !Qe && o && (a = r.__once || function l(u) {
-      this.removeEventListener(e, l, i), r.call(this, u);
-    }, r.__once = a), t.addEventListener(e, a, Ze ? n : i);
-  }
-  t.addEventListener(e, r, n);
-}
-function rn(t, e, r, n) {
-  var o = n && typeof n != "boolean" ? n.capture : n;
-  t.removeEventListener(e, r, o), r.__once && t.removeEventListener(e, r.__once, o);
-}
-function Gt(t, e, r, n) {
-  return tn(t, e, r, n), function() {
-    rn(t, e, r, n);
-  };
-}
-function nn(t, e, r, n) {
-  if (n === void 0 && (n = !0), t) {
-    var o = document.createEvent("HTMLEvents");
-    o.initEvent(e, r, n), t.dispatchEvent(o);
-  }
-}
-function on(t) {
-  var e = Dt(t, "transitionDuration") || "", r = e.indexOf("ms") === -1 ? 1e3 : 1;
-  return parseFloat(e) * r;
-}
-function an(t, e, r) {
-  r === void 0 && (r = 5);
-  var n = !1, o = setTimeout(function() {
-    n || nn(t, "transitionend", !0);
-  }, e + r), i = Gt(t, "transitionend", function() {
-    n = !0;
-  }, {
-    once: !0
-  });
-  return function() {
-    clearTimeout(o), i();
-  };
-}
-function sn(t, e, r, n) {
-  r == null && (r = on(t) || 0);
-  var o = an(t, r, n), i = Gt(t, "transitionend", e);
-  return function() {
-    o(), i();
-  };
-}
-function jt(t, e) {
-  const r = Dt(t, e) || "", n = r.indexOf("ms") === -1 ? 1e3 : 1;
-  return parseFloat(r) * n;
-}
-function ln(t, e) {
-  const r = jt(t, "transitionDuration"), n = jt(t, "transitionDelay"), o = sn(t, (i) => {
-    i.target === t && (o(), e(i));
-  }, r + n);
-}
-function cn(t) {
-  t.offsetHeight;
-}
-const Ot = (t) => !t || typeof t == "function" ? t : (e) => {
-  t.current = e;
-};
-function un(t, e) {
-  const r = Ot(t), n = Ot(e);
-  return (o) => {
-    r && r(o), n && n(o);
-  };
-}
-function fn(t, e) {
-  return Ne(() => un(t, e), [t, e]);
-}
-function dn(t) {
-  return t && "setState" in t ? xe.findDOMNode(t) : t ?? null;
-}
-const Yt = /* @__PURE__ */ K.forwardRef(({
-  onEnter: t,
-  onEntering: e,
-  onEntered: r,
-  onExit: n,
-  onExiting: o,
-  onExited: i,
-  addEndListener: a,
-  children: l,
-  childRef: u,
-  ...f
-}, p) => {
-  const h = Me(null), y = fn(h, u), R = (L) => {
-    y(dn(L));
-  }, A = (L) => (Y) => {
-    L && h.current && L(h.current, Y);
-  }, g = q(A(t), [t]), b = q(A(e), [e]), P = q(A(r), [r]), F = q(A(n), [n]), j = q(A(o), [o]), D = q(A(i), [i]), m = q(A(a), [a]);
-  return /* @__PURE__ */ c.jsx(ee, {
-    ref: p,
-    ...f,
-    onEnter: g,
-    onEntered: P,
-    onEntering: b,
-    onExit: F,
-    onExited: D,
-    onExiting: j,
-    addEndListener: m,
-    nodeRef: h,
-    children: typeof l == "function" ? (L, Y) => (
-      // TODO: Types for RTG missing innerProps, so need to cast.
-      l(L, {
-        ...Y,
-        ref: R
-      })
-    ) : /* @__PURE__ */ K.cloneElement(l, {
-      ref: R
-    })
-  });
-});
-Yt.displayName = "TransitionWrapper";
-function pn(t) {
-  const e = Me(t);
-  return Pt(() => {
-    e.current = t;
-  }, [t]), e;
-}
-function mn(t) {
-  const e = pn(t);
-  return q(function(...r) {
-    return e.current && e.current(...r);
-  }, [e]);
-}
-const ot = ((t) => (
-  // eslint-disable-next-line react/display-name
-  /* @__PURE__ */ S.forwardRef((e, r) => /* @__PURE__ */ c.jsx("div", {
-    ...e,
-    ref: r,
-    className: z(e.className, t)
-  }))
-)), Ut = ot("h4");
-Ut.displayName = "DivStyledAsH4";
-const qt = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  bsPrefix: e,
-  as: r = Ut,
-  ...n
-}, o) => (e = I(e, "alert-heading"), /* @__PURE__ */ c.jsx(r, {
-  ref: o,
-  className: z(t, e),
-  ...n
-})));
-qt.displayName = "AlertHeading";
-function hn(t) {
-  const e = Me(t);
-  return Pt(() => {
-    e.current = t;
-  }, [t]), e;
-}
-function yn(t) {
-  const e = hn(t);
-  return q(function(...r) {
-    return e.current && e.current(...r);
-  }, [e]);
-}
-const vn = ["as", "disabled"];
-function gn(t, e) {
-  if (t == null) return {};
-  var r = {};
-  for (var n in t) if ({}.hasOwnProperty.call(t, n)) {
-    if (e.indexOf(n) >= 0) continue;
-    r[n] = t[n];
-  }
-  return r;
-}
-function xn(t) {
-  return !t || t.trim() === "#";
-}
-function it({
-  tagName: t,
-  disabled: e,
-  href: r,
-  target: n,
-  rel: o,
-  role: i,
-  onClick: a,
-  tabIndex: l = 0,
-  type: u
-}) {
-  t || (r != null || n != null || o != null ? t = "a" : t = "button");
-  const f = {
-    tagName: t
-  };
-  if (t === "button")
-    return [{
-      type: u || "button",
-      disabled: e
-    }, f];
-  const p = (y) => {
-    if ((e || t === "a" && xn(r)) && y.preventDefault(), e) {
-      y.stopPropagation();
-      return;
-    }
-    a?.(y);
-  }, h = (y) => {
-    y.key === " " && (y.preventDefault(), p(y));
-  };
-  return t === "a" && (r || (r = "#"), e && (r = void 0)), [{
-    role: i ?? "button",
-    // explicitly undefined so that it overrides the props disabled in a spread
-    // e.g. <Tag {...props} {...hookProps} />
-    disabled: void 0,
-    tabIndex: e ? void 0 : l,
-    href: r,
-    target: t === "a" ? n : void 0,
-    "aria-disabled": e || void 0,
-    rel: t === "a" ? o : void 0,
-    onClick: p,
-    onKeyDown: h
-  }, f];
-}
-const bn = /* @__PURE__ */ S.forwardRef((t, e) => {
-  let {
-    as: r,
-    disabled: n
-  } = t, o = gn(t, vn);
-  const [i, {
-    tagName: a
-  }] = it(Object.assign({
-    tagName: r,
-    disabled: n
-  }, o));
-  return /* @__PURE__ */ c.jsx(a, Object.assign({}, o, i, {
-    ref: e
-  }));
-});
-bn.displayName = "Button";
-const En = ["onKeyDown"];
-function wn(t, e) {
-  if (t == null) return {};
-  var r = {};
-  for (var n in t) if ({}.hasOwnProperty.call(t, n)) {
-    if (e.indexOf(n) >= 0) continue;
-    r[n] = t[n];
-  }
-  return r;
-}
-function Cn(t) {
-  return !t || t.trim() === "#";
-}
-const Vt = /* @__PURE__ */ S.forwardRef((t, e) => {
-  let {
-    onKeyDown: r
-  } = t, n = wn(t, En);
-  const [o] = it(Object.assign({
-    tagName: "a"
-  }, n)), i = yn((a) => {
-    o.onKeyDown(a), r?.(a);
-  });
-  return Cn(n.href) || n.role === "button" ? /* @__PURE__ */ c.jsx("a", Object.assign({
-    ref: e
-  }, n, o, {
-    onKeyDown: i
-  })) : /* @__PURE__ */ c.jsx("a", Object.assign({
-    ref: e
-  }, n, {
-    onKeyDown: r
-  }));
-});
-Vt.displayName = "Anchor";
-const Ht = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  bsPrefix: e,
-  as: r = Vt,
-  ...n
-}, o) => (e = I(e, "alert-link"), /* @__PURE__ */ c.jsx(r, {
-  ref: o,
-  className: z(t, e),
-  ...n
-})));
-Ht.displayName = "AlertLink";
-const kn = {
-  [re]: "show",
-  [ae]: "show"
-}, et = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  children: e,
-  transitionClasses: r = {},
-  onEnter: n,
-  ...o
-}, i) => {
-  const a = {
-    in: !1,
-    timeout: 300,
-    mountOnEnter: !1,
-    unmountOnExit: !1,
-    appear: !1,
-    ...o
-  }, l = q((u, f) => {
-    cn(u), n?.(u, f);
-  }, [n]);
-  return /* @__PURE__ */ c.jsx(Yt, {
-    ref: i,
-    addEndListener: ln,
-    ...a,
-    onEnter: l,
-    childRef: Qr(e),
-    children: (u, f) => /* @__PURE__ */ S.cloneElement(e, {
-      ...f,
-      className: z("fade", t, e.props.className, kn[u], r[u])
-    })
-  });
-});
-et.displayName = "Fade";
-const Sn = {
-  /** An accessible label indicating the relevant information about the Close Button. */
-  "aria-label": k.string,
-  /** A callback fired after the Close Button is clicked. */
-  onClick: k.func,
-  /**
-   * Render different color variant for the button.
-   *
-   * Omitting this will render the default dark color.
-   */
-  variant: k.oneOf(["white"])
-}, at = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  variant: e,
-  "aria-label": r = "Close",
-  ...n
-}, o) => /* @__PURE__ */ c.jsx("button", {
-  ref: o,
-  type: "button",
-  className: z("btn-close", e && `btn-close-${e}`, t),
-  "aria-label": r,
-  ...n
-}));
-at.displayName = "CloseButton";
-at.propTypes = Sn;
-const Xt = /* @__PURE__ */ S.forwardRef((t, e) => {
-  const {
-    bsPrefix: r,
-    show: n = !0,
-    closeLabel: o = "Close alert",
-    closeVariant: i,
-    className: a,
-    children: l,
-    variant: u = "primary",
-    onClose: f,
-    dismissible: p,
-    transition: h = et,
-    ...y
-  } = Or(t, {
-    show: "onClose"
-  }), R = I(r, "alert"), A = mn((P) => {
-    f && f(!1, P);
-  }), g = h === !0 ? et : h, b = /* @__PURE__ */ c.jsxs("div", {
-    role: "alert",
-    ...g ? void 0 : y,
-    ref: e,
-    className: z(a, R, u && `${R}-${u}`, p && `${R}-dismissible`),
-    children: [p && /* @__PURE__ */ c.jsx(at, {
-      onClick: A,
-      "aria-label": o,
-      variant: i
-    }), l]
-  });
-  return g ? /* @__PURE__ */ c.jsx(g, {
-    unmountOnExit: !0,
-    ...y,
-    ref: void 0,
-    in: n,
-    children: b
-  }) : n ? b : null;
-});
-Xt.displayName = "Alert";
-const Mt = Object.assign(Xt, {
-  Link: Ht,
-  Heading: qt
-}), pe = /* @__PURE__ */ S.forwardRef(({
-  bsPrefix: t,
-  bg: e = "primary",
-  pill: r = !1,
-  text: n,
-  className: o,
-  as: i = "span",
-  ...a
-}, l) => {
-  const u = I(t, "badge");
-  return /* @__PURE__ */ c.jsx(i, {
-    ref: l,
-    ...a,
-    className: z(o, u, r && "rounded-pill", n && `text-${n}`, e && `bg-${e}`)
-  });
-});
-pe.displayName = "Badge";
-const J = /* @__PURE__ */ S.forwardRef(({
-  as: t,
-  bsPrefix: e,
-  variant: r = "primary",
-  size: n,
-  active: o = !1,
-  disabled: i = !1,
-  className: a,
-  ...l
-}, u) => {
-  const f = I(e, "btn"), [p, {
-    tagName: h
-  }] = it({
-    tagName: t,
-    disabled: i,
-    ...l
-  }), y = h;
-  return /* @__PURE__ */ c.jsx(y, {
-    ...p,
-    ...l,
-    ref: u,
-    disabled: i,
-    className: z(a, f, o && "active", r && `${f}-${r}`, n && `${f}-${n}`, l.href && i && "disabled")
-  });
-});
-J.displayName = "Button";
-const tt = /* @__PURE__ */ S.forwardRef(({
-  bsPrefix: t,
-  size: e,
-  vertical: r = !1,
-  className: n,
-  role: o = "group",
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: i = "div",
-  ...a
-}, l) => {
-  const u = I(t, "btn-group");
-  let f = u;
-  return r && (f = `${u}-vertical`), /* @__PURE__ */ c.jsx(i, {
-    ...a,
-    ref: l,
-    role: o,
-    className: z(n, f, e && `${u}-${e}`)
-  });
-});
-tt.displayName = "ButtonGroup";
-const st = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  bsPrefix: e,
-  as: r = "div",
-  ...n
-}, o) => (e = I(e, "card-body"), /* @__PURE__ */ c.jsx(r, {
-  ref: o,
-  className: z(t, e),
-  ...n
-})));
-st.displayName = "CardBody";
-const Jt = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  bsPrefix: e,
-  as: r = "div",
-  ...n
-}, o) => (e = I(e, "card-footer"), /* @__PURE__ */ c.jsx(r, {
-  ref: o,
-  className: z(t, e),
-  ...n
-})));
-Jt.displayName = "CardFooter";
-const Kt = /* @__PURE__ */ S.createContext(null);
-Kt.displayName = "CardHeaderContext";
-const Zt = /* @__PURE__ */ S.forwardRef(({
-  bsPrefix: t,
-  className: e,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: r = "div",
-  ...n
-}, o) => {
-  const i = I(t, "card-header"), a = Ne(() => ({
-    cardHeaderBsPrefix: i
-  }), [i]);
-  return /* @__PURE__ */ c.jsx(Kt.Provider, {
-    value: a,
-    children: /* @__PURE__ */ c.jsx(r, {
-      ref: o,
-      ...n,
-      className: z(e, i)
-    })
-  });
-});
-Zt.displayName = "CardHeader";
-const Qt = /* @__PURE__ */ S.forwardRef(
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  ({
-    bsPrefix: t,
-    className: e,
-    variant: r,
-    as: n = "img",
-    ...o
-  }, i) => {
-    const a = I(t, "card-img");
-    return /* @__PURE__ */ c.jsx(n, {
-      ref: i,
-      className: z(r ? `${a}-${r}` : a, e),
-      ...o
-    });
-  }
-);
-Qt.displayName = "CardImg";
-const er = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  bsPrefix: e,
-  as: r = "div",
-  ...n
-}, o) => (e = I(e, "card-img-overlay"), /* @__PURE__ */ c.jsx(r, {
-  ref: o,
-  className: z(t, e),
-  ...n
-})));
-er.displayName = "CardImgOverlay";
-const tr = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  bsPrefix: e,
-  as: r = "a",
-  ...n
-}, o) => (e = I(e, "card-link"), /* @__PURE__ */ c.jsx(r, {
-  ref: o,
-  className: z(t, e),
-  ...n
-})));
-tr.displayName = "CardLink";
-const Tn = ot("h6"), rr = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  bsPrefix: e,
-  as: r = Tn,
-  ...n
-}, o) => (e = I(e, "card-subtitle"), /* @__PURE__ */ c.jsx(r, {
-  ref: o,
-  className: z(t, e),
-  ...n
-})));
-rr.displayName = "CardSubtitle";
-const nr = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  bsPrefix: e,
-  as: r = "p",
-  ...n
-}, o) => (e = I(e, "card-text"), /* @__PURE__ */ c.jsx(r, {
-  ref: o,
-  className: z(t, e),
-  ...n
-})));
-nr.displayName = "CardText";
-const Rn = ot("h5"), or = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  bsPrefix: e,
-  as: r = Rn,
-  ...n
-}, o) => (e = I(e, "card-title"), /* @__PURE__ */ c.jsx(r, {
-  ref: o,
-  className: z(t, e),
-  ...n
-})));
-or.displayName = "CardTitle";
-const ir = /* @__PURE__ */ S.forwardRef(({
-  bsPrefix: t,
-  className: e,
-  bg: r,
-  text: n,
-  border: o,
-  body: i = !1,
-  children: a,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: l = "div",
-  ...u
-}, f) => {
-  const p = I(t, "card");
-  return /* @__PURE__ */ c.jsx(l, {
-    ref: f,
-    ...u,
-    className: z(e, p, r && `bg-${r}`, n && `text-${n}`, o && `border-${o}`),
-    children: i ? /* @__PURE__ */ c.jsx(st, {
-      children: a
-    }) : a
-  });
-});
-ir.displayName = "Card";
-const Ee = Object.assign(ir, {
-  Img: Qt,
-  Title: or,
-  Subtitle: rr,
-  Body: st,
-  Link: tr,
-  Text: nr,
-  Header: Zt,
-  Footer: Jt,
-  ImgOverlay: er
-});
-function _n(t, e) {
-  return S.Children.toArray(t).some((r) => /* @__PURE__ */ S.isValidElement(r) && r.type === e);
-}
-function jn({
-  as: t,
-  bsPrefix: e,
-  className: r,
-  ...n
-}) {
-  e = I(e, "col");
-  const o = $t(), i = It(), a = [], l = [];
-  return o.forEach((u) => {
-    const f = n[u];
-    delete n[u];
-    let p, h, y;
-    typeof f == "object" && f != null ? {
-      span: p,
-      offset: h,
-      order: y
-    } = f : p = f;
-    const R = u !== i ? `-${u}` : "";
-    p && a.push(p === !0 ? `${e}${R}` : `${e}${R}-${p}`), y != null && l.push(`order${R}-${y}`), h != null && l.push(`offset${R}-${h}`);
-  }), [{
-    ...n,
-    className: z(r, ...a, ...l)
-  }, {
-    as: t,
-    bsPrefix: e,
-    spans: a
-  }];
-}
-const ne = /* @__PURE__ */ S.forwardRef(
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  (t, e) => {
-    const [{
-      className: r,
-      ...n
-    }, {
-      as: o = "div",
-      bsPrefix: i,
-      spans: a
-    }] = jn(t);
-    return /* @__PURE__ */ c.jsx(o, {
-      ...n,
-      ref: e,
-      className: z(r, !a.length && i)
-    });
-  }
-);
-ne.displayName = "Col";
-const ar = /* @__PURE__ */ S.forwardRef(({
-  bsPrefix: t,
-  fluid: e = !1,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: r = "div",
-  className: n,
-  ...o
-}, i) => {
-  const a = I(t, "container"), l = typeof e == "string" ? `-${e}` : "-fluid";
-  return /* @__PURE__ */ c.jsx(r, {
-    ref: i,
-    ...o,
-    className: z(n, e ? `${a}${l}` : a)
-  });
-});
-ar.displayName = "Container";
-var Ue, Nt;
-function On() {
-  if (Nt) return Ue;
-  Nt = 1;
-  var t = process.env.NODE_ENV !== "production", e = function() {
-  };
-  if (t) {
-    var r = function(o, i) {
-      var a = arguments.length;
-      i = new Array(a > 1 ? a - 1 : 0);
-      for (var l = 1; l < a; l++)
-        i[l - 1] = arguments[l];
-      var u = 0, f = "Warning: " + o.replace(/%s/g, function() {
-        return i[u++];
-      });
-      typeof console < "u" && console.error(f);
-      try {
-        throw new Error(f);
-      } catch {
-      }
-    };
-    e = function(n, o, i) {
-      var a = arguments.length;
-      i = new Array(a > 2 ? a - 2 : 0);
-      for (var l = 2; l < a; l++)
-        i[l - 2] = arguments[l];
-      if (o === void 0)
-        throw new Error(
-          "`warning(condition, format, ...args)` requires a warning message argument"
-        );
-      n || r.apply(null, [o].concat(i));
-    };
-  }
-  return Ue = e, Ue;
-}
-var Mn = On();
-const sr = /* @__PURE__ */ rt(Mn), Nn = {
-  /**
-   * Specify whether the feedback is for valid or invalid fields
-   *
-   * @type {('valid'|'invalid')}
-   */
-  type: k.string,
-  /** Display feedback as a tooltip. */
-  tooltip: k.bool,
-  as: k.elementType
-}, Ae = /* @__PURE__ */ S.forwardRef(
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  ({
-    as: t = "div",
-    className: e,
-    type: r = "valid",
-    tooltip: n = !1,
-    ...o
-  }, i) => /* @__PURE__ */ c.jsx(t, {
-    ...o,
-    ref: i,
-    className: z(e, `${r}-${n ? "tooltip" : "feedback"}`)
-  })
-);
-Ae.displayName = "Feedback";
-Ae.propTypes = Nn;
-const Q = /* @__PURE__ */ S.createContext({}), lt = /* @__PURE__ */ S.forwardRef(({
-  id: t,
-  bsPrefix: e,
-  className: r,
-  type: n = "checkbox",
-  isValid: o = !1,
-  isInvalid: i = !1,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: a = "input",
-  ...l
-}, u) => {
-  const {
-    controlId: f
-  } = Z(Q);
-  return e = I(e, "form-check-input"), /* @__PURE__ */ c.jsx(a, {
-    ...l,
-    ref: u,
-    type: n,
-    id: t || f,
-    className: z(r, e, o && "is-valid", i && "is-invalid")
-  });
-});
-lt.displayName = "FormCheckInput";
-const _e = /* @__PURE__ */ S.forwardRef(({
-  bsPrefix: t,
-  className: e,
-  htmlFor: r,
-  ...n
-}, o) => {
-  const {
-    controlId: i
-  } = Z(Q);
-  return t = I(t, "form-check-label"), /* @__PURE__ */ c.jsx("label", {
-    ...n,
-    ref: o,
-    htmlFor: r || i,
-    className: z(e, t)
-  });
-});
-_e.displayName = "FormCheckLabel";
-const lr = /* @__PURE__ */ S.forwardRef(({
-  id: t,
-  bsPrefix: e,
-  bsSwitchPrefix: r,
-  inline: n = !1,
-  reverse: o = !1,
-  disabled: i = !1,
-  isValid: a = !1,
-  isInvalid: l = !1,
-  feedbackTooltip: u = !1,
-  feedback: f,
-  feedbackType: p,
-  className: h,
-  style: y,
-  title: R = "",
-  type: A = "checkbox",
-  label: g,
-  children: b,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: P = "input",
-  ...F
-}, j) => {
-  e = I(e, "form-check"), r = I(r, "form-switch");
-  const {
-    controlId: D
-  } = Z(Q), m = Ne(() => ({
-    controlId: t || D
-  }), [D, t]), L = !b && g != null && g !== !1 || _n(b, _e), Y = /* @__PURE__ */ c.jsx(lt, {
-    ...F,
-    type: A === "switch" ? "checkbox" : A,
-    ref: j,
-    isValid: a,
-    isInvalid: l,
-    disabled: i,
-    as: P
-  });
-  return /* @__PURE__ */ c.jsx(Q.Provider, {
-    value: m,
-    children: /* @__PURE__ */ c.jsx("div", {
-      style: y,
-      className: z(h, L && e, n && `${e}-inline`, o && `${e}-reverse`, A === "switch" && r),
-      children: b || /* @__PURE__ */ c.jsxs(c.Fragment, {
-        children: [Y, L && /* @__PURE__ */ c.jsx(_e, {
-          title: R,
-          children: g
-        }), f && /* @__PURE__ */ c.jsx(Ae, {
-          type: p,
-          tooltip: u,
-          children: f
-        })]
-      })
-    })
-  });
-});
-lr.displayName = "FormCheck";
-const je = Object.assign(lr, {
-  Input: lt,
-  Label: _e
-}), cr = /* @__PURE__ */ S.forwardRef(({
-  bsPrefix: t,
-  type: e,
-  size: r,
-  htmlSize: n,
-  id: o,
-  className: i,
-  isValid: a = !1,
-  isInvalid: l = !1,
-  plaintext: u,
-  readOnly: f,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: p = "input",
-  ...h
-}, y) => {
-  const {
-    controlId: R
-  } = Z(Q);
-  return t = I(t, "form-control"), process.env.NODE_ENV !== "production" && sr(R == null || !o, "`controlId` is ignored on `<FormControl>` when `id` is specified."), /* @__PURE__ */ c.jsx(p, {
-    ...h,
-    type: e,
-    size: n,
-    ref: y,
-    readOnly: f,
-    id: o || R,
-    className: z(i, u ? `${t}-plaintext` : t, r && `${t}-${r}`, e === "color" && `${t}-color`, a && "is-valid", l && "is-invalid")
-  });
-});
-cr.displayName = "FormControl";
-const zn = Object.assign(cr, {
-  Feedback: Ae
-}), ur = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  bsPrefix: e,
-  as: r = "div",
-  ...n
-}, o) => (e = I(e, "form-floating"), /* @__PURE__ */ c.jsx(r, {
-  ref: o,
-  className: z(t, e),
-  ...n
-})));
-ur.displayName = "FormFloating";
-const ct = /* @__PURE__ */ S.forwardRef(({
-  controlId: t,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: e = "div",
-  ...r
-}, n) => {
-  const o = Ne(() => ({
-    controlId: t
-  }), [t]);
-  return /* @__PURE__ */ c.jsx(Q.Provider, {
-    value: o,
-    children: /* @__PURE__ */ c.jsx(e, {
-      ...r,
-      ref: n
-    })
-  });
-});
-ct.displayName = "FormGroup";
-const fr = /* @__PURE__ */ S.forwardRef(({
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: t = "label",
-  bsPrefix: e,
-  column: r = !1,
-  visuallyHidden: n = !1,
-  className: o,
-  htmlFor: i,
-  ...a
-}, l) => {
-  const {
-    controlId: u
-  } = Z(Q);
-  e = I(e, "form-label");
-  let f = "col-form-label";
-  typeof r == "string" && (f = `${f} ${f}-${r}`);
-  const p = z(o, e, n && "visually-hidden", r && f);
-  return process.env.NODE_ENV !== "production" && sr(u == null || !i, "`controlId` is ignored on `<FormLabel>` when `htmlFor` is specified."), i = i || u, r ? /* @__PURE__ */ c.jsx(ne, {
-    ref: l,
-    as: "label",
-    className: p,
-    htmlFor: i,
-    ...a
-  }) : /* @__PURE__ */ c.jsx(t, {
-    ref: l,
-    className: p,
-    htmlFor: i,
-    ...a
-  });
-});
-fr.displayName = "FormLabel";
-const dr = /* @__PURE__ */ S.forwardRef(({
-  bsPrefix: t,
-  className: e,
-  id: r,
-  ...n
-}, o) => {
-  const {
-    controlId: i
-  } = Z(Q);
-  return t = I(t, "form-range"), /* @__PURE__ */ c.jsx("input", {
-    ...n,
-    type: "range",
-    ref: o,
-    className: z(e, t),
-    id: r || i
-  });
-});
-dr.displayName = "FormRange";
-const pr = /* @__PURE__ */ S.forwardRef(({
-  bsPrefix: t,
-  size: e,
-  htmlSize: r,
-  className: n,
-  isValid: o = !1,
-  isInvalid: i = !1,
-  id: a,
-  ...l
-}, u) => {
-  const {
-    controlId: f
-  } = Z(Q);
-  return t = I(t, "form-select"), /* @__PURE__ */ c.jsx("select", {
-    ...l,
-    size: r,
-    ref: u,
-    className: z(n, t, e && `${t}-${e}`, o && "is-valid", i && "is-invalid"),
-    id: a || f
-  });
-});
-pr.displayName = "FormSelect";
-const mr = /* @__PURE__ */ S.forwardRef(
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  ({
-    bsPrefix: t,
-    className: e,
-    as: r = "small",
-    muted: n,
-    ...o
-  }, i) => (t = I(t, "form-text"), /* @__PURE__ */ c.jsx(r, {
-    ...o,
-    ref: i,
-    className: z(e, t, n && "text-muted")
-  }))
-);
-mr.displayName = "FormText";
-const hr = /* @__PURE__ */ S.forwardRef((t, e) => /* @__PURE__ */ c.jsx(je, {
-  ...t,
-  ref: e,
-  type: "switch"
-}));
-hr.displayName = "Switch";
-const Pn = Object.assign(hr, {
-  Input: je.Input,
-  Label: je.Label
-}), yr = /* @__PURE__ */ S.forwardRef(({
-  bsPrefix: t,
-  className: e,
-  children: r,
-  controlId: n,
-  label: o,
-  ...i
-}, a) => (t = I(t, "form-floating"), /* @__PURE__ */ c.jsxs(ct, {
-  ref: a,
-  className: z(e, t),
-  controlId: n,
-  ...i,
-  children: [r, /* @__PURE__ */ c.jsx("label", {
-    htmlFor: n,
-    children: o
-  })]
-})));
-yr.displayName = "FloatingLabel";
-const An = {
-  /**
-   * The Form `ref` will be forwarded to the underlying element,
-   * which means, unless it's rendered `as` a composite component,
-   * it will be a DOM node, when resolved.
-   *
-   * @type {ReactRef}
-   * @alias ref
-   */
-  _ref: k.any,
-  /**
-   * Mark a form as having been validated. Setting it to `true` will
-   * toggle any validation styles on the forms elements.
-   */
-  validated: k.bool,
-  as: k.elementType
-}, ut = /* @__PURE__ */ S.forwardRef(({
-  className: t,
-  validated: e,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: r = "form",
-  ...n
-}, o) => /* @__PURE__ */ c.jsx(r, {
-  ...n,
-  ref: o,
-  className: z(t, e && "was-validated")
-}));
-ut.displayName = "Form";
-ut.propTypes = An;
-const zt = Object.assign(ut, {
-  Group: ct,
-  Control: zn,
-  Floating: ur,
-  Check: je,
-  Switch: Pn,
-  Label: fr,
-  Text: mr,
-  Range: dr,
-  Select: pr,
-  FloatingLabel: yr
-}), Oe = /* @__PURE__ */ S.forwardRef(({
-  bsPrefix: t,
-  className: e,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: r = "div",
-  ...n
-}, o) => {
-  const i = I(t, "row"), a = $t(), l = It(), u = `${i}-cols`, f = [];
-  return a.forEach((p) => {
-    const h = n[p];
-    delete n[p];
-    let y;
-    h != null && typeof h == "object" ? {
-      cols: y
-    } = h : y = h;
-    const R = p !== l ? `-${p}` : "";
-    y != null && f.push(`${u}${R}-${y}`);
-  }), /* @__PURE__ */ c.jsx(r, {
-    ref: o,
-    ...n,
-    className: z(e, i, ...f)
-  });
-});
-Oe.displayName = "Row";
-class Bn extends ze {
-  createMazeGrid() {
-    const { width: e, height: r, walls: n, finishPosition: o } = this.props.config, i = [];
-    for (let a = 0; a < r; a++) {
-      i[a] = [];
-      for (let l = 0; l < e; l++) {
-        const u = n.some((p) => p.x === l && p.y === a), f = o.x === l && o.y === a;
-        i[a][l] = {
-          isWall: u,
-          isFinish: f,
-          isSpider: !1,
-          isPath: !u
-        };
-      }
-    }
-    return i;
-  }
-  render() {
-    const { config: e, cellSize: r } = this.props, { width: n, height: o } = e, i = this.createMazeGrid();
-    return /* @__PURE__ */ c.jsx(
-      "div",
-      {
-        style: {
-          position: "relative",
-          width: n * r,
-          height: o * r,
-          border: "2px solid #333",
-          backgroundColor: "#f0f0f0"
-        },
-        children: i.map(
-          (a, l) => a.map((u, f) => /* @__PURE__ */ c.jsxs(
-            "div",
-            {
-              style: {
-                position: "absolute",
-                left: f * r,
-                top: l * r,
-                width: r,
-                height: r,
-                backgroundColor: u.isWall ? "#333" : u.isFinish ? "#90EE90" : "#f0f0f0",
-                border: "1px solid #ccc",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                fontSize: "12px",
-                fontWeight: "bold"
-              },
-              children: [
-                u.isFinish && /* @__PURE__ */ c.jsx(
-                  "div",
-                  {
-                    style: {
-                      width: "80%",
-                      height: "80%",
-                      backgroundColor: "#32CD32",
-                      borderRadius: "50%",
-                      border: "3px solid #228B22",
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      color: "white",
-                      fontSize: "14px",
-                      fontWeight: "bold"
-                    },
-                    children: "🎯"
-                  }
-                ),
-                u.isWall && /* @__PURE__ */ c.jsx(
-                  "div",
-                  {
-                    style: {
-                      width: "100%",
-                      height: "100%",
-                      backgroundColor: "#333",
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      color: "white",
-                      fontSize: "12px"
-                    },
-                    children: "🧱"
-                  }
-                )
-              ]
-            },
-            `${f}-${l}`
-          ))
-        )
-      }
-    );
-  }
-}
-class $n extends ze {
-  render() {
-    const { position: e, direction: r, size: n } = this.props, o = n, a = {
-      north: 0,
-      east: 90,
-      south: 180,
-      west: 270
-    }[r];
-    return /* @__PURE__ */ c.jsx(
-      "div",
-      {
-        style: {
-          position: "absolute",
-          left: e.x * o + o / 2,
-          top: e.y * o + o / 2,
-          width: o * 0.8,
-          height: o * 0.8,
-          transform: `translate(-50%, -50%) rotate(${a}deg)`,
-          transition: "all 0.3s ease-in-out",
-          zIndex: 10
-        },
-        children: /* @__PURE__ */ c.jsxs(
-          "div",
-          {
-            style: {
-              width: "100%",
-              height: "100%",
-              backgroundColor: "#8B4513",
-              borderRadius: "50%",
-              border: "2px solid #654321",
-              position: "relative",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center"
-            },
-            children: [
-              /* @__PURE__ */ c.jsx(
-                "div",
-                {
-                  style: {
-                    width: "30%",
-                    height: "30%",
-                    backgroundColor: "#FF0000",
-                    borderRadius: "50%",
-                    position: "absolute",
-                    left: "20%",
-                    top: "20%",
-                    boxShadow: "0 0 5px #FF0000"
-                  }
-                }
-              ),
-              /* @__PURE__ */ c.jsx(
-                "div",
-                {
-                  style: {
-                    width: "30%",
-                    height: "30%",
-                    backgroundColor: "#FF0000",
-                    borderRadius: "50%",
-                    position: "absolute",
-                    right: "20%",
-                    top: "20%",
-                    boxShadow: "0 0 5px #FF0000"
-                  }
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-}
-function In() {
-  const t = He();
-  t.Blocks.maze_move_forward = {
-    init() {
-      this.appendDummyInput().appendField("Move Forward"), this.setPreviousStatement(!0, null), this.setNextStatement(!0, null), this.setColour(92), this.setTooltip("Move the spider forward one step"), this.setHelpUrl("");
-    }
-  }, t.Blocks.maze_turn_left = {
-    init() {
-      this.appendDummyInput().appendField("🔄 Turn Left"), this.setPreviousStatement(!0, null), this.setNextStatement(!0, null), this.setColour(92), this.setTooltip("Turn the spider 90 degrees to the left"), this.setHelpUrl("");
-    }
-  }, t.Blocks.maze_turn_right = {
-    init() {
-      this.appendDummyInput().appendField("🔄 Turn Right"), this.setPreviousStatement(!0, null), this.setNextStatement(!0, null), this.setColour(92), this.setTooltip("Turn the spider 90 degrees to the right"), this.setHelpUrl("");
-    }
-  }, t.Blocks.maze_turn_around = {
-    init() {
-      this.appendDummyInput().appendField("🔄 Turn Around"), this.setPreviousStatement(!0, null), this.setNextStatement(!0, null), this.setColour(92), this.setTooltip("Turn the spider 180 degrees around"), this.setHelpUrl("");
-    }
-  };
-}
-class Dn extends ze {
-  constructor(e) {
-    super(e), this.state = { workspace: null, isInitialized: !1 }, this.onAnyChange = this.onAnyChange.bind(this);
-  }
-  componentDidMount() {
-    console.log("[MazeBlocklyContainer] Component mounted, starting initialization..."), this.initializeBlockly();
-  }
-  componentDidUpdate(e) {
-    e.config.toolbox !== this.props.config.toolbox && (this.disposeWorkspace(), this.initializeBlockly()), e.config.initialXml !== this.props.config.initialXml && this.workspace && this.loadXml(this.props.config.initialXml);
-  }
-  componentWillUnmount() {
-    this.disposeWorkspace();
-  }
-  workspace = null;
-  blocklyDivRef = K.createRef();
-  async initializeBlockly() {
-    if (!this.blocklyDivRef.current) {
-      console.error("[MazeBlocklyContainer] Blockly div ref is not available");
-      return;
-    }
-    try {
-      console.log("[MazeBlocklyContainer] Starting Blockly initialization..."), console.log("[MazeBlocklyContainer] Calling initializeBlockly()..."), await vr(), console.log("[MazeBlocklyContainer] Blockly initialization completed"), console.log("[MazeBlocklyContainer] Registering maze blocks..."), In(), console.log("[MazeBlocklyContainer] Maze blocks registered"), console.log("[MazeBlocklyContainer] Registering maze generators..."), this.registerMazeGenerators(), console.log("[MazeBlocklyContainer] Maze generators registered"), console.log("[MazeBlocklyContainer] Getting Blockly instance...");
-      const e = He();
-      console.log("[MazeBlocklyContainer] Blockly instance obtained:", !!e);
-      const r = this.props.config.toolbox;
-      console.log("[MazeBlocklyContainer] Parsing toolbox XML...");
-      const n = e.utils.xml.textToDom(r);
-      console.log("[MazeBlocklyContainer] Toolbox XML parsed successfully"), console.log("[MazeBlocklyContainer] Injecting Blockly workspace..."), this.workspace = e.inject(this.blocklyDivRef.current, {
-        toolbox: n,
-        scrollbars: !0,
-        trashcan: !0,
-        grid: { spacing: 20, length: 3, colour: "#ccc", snap: !0 },
-        zoom: {
-          controls: !0,
-          wheel: !0,
-          startScale: 1,
-          maxScale: 3,
-          minScale: 0.3,
-          scaleSpeed: 1.2
-        }
-      }), console.log("[MazeBlocklyContainer] Workspace injected successfully:", !!this.workspace), console.log("[MazeBlocklyContainer] Loading initial XML..."), this.loadXml(this.props.config.initialXml), console.log("[MazeBlocklyContainer] Initial XML loaded"), console.log("[MazeBlocklyContainer] Adding change listener..."), this.workspace.addChangeListener(this.onAnyChange), console.log("[MazeBlocklyContainer] Change listener added"), this.setState({ workspace: this.workspace, isInitialized: !0 }), this.props.onWorkspaceChange?.(this.workspace), console.log("[MazeBlocklyContainer] Generating initial code..."), setTimeout(() => {
-        this.generateCode();
-      }, 100), console.log("[MazeBlocklyContainer] ✅ Initialization completed successfully");
-    } catch (e) {
-      console.error("[MazeBlocklyContainer] ❌ Failed to initialize Blockly:", e), console.error("[MazeBlocklyContainer] Error details:", e);
-    }
-  }
-  registerMazeGenerators() {
-    console.log("[MazeBlocklyContainer] Starting maze generator registration...");
-    try {
-      console.log("[MazeBlocklyContainer] Getting JavaScript generator...");
-      const e = Be();
-      console.log("[MazeBlocklyContainer] JavaScript generator obtained:", !!e), console.log("[MazeBlocklyContainer] Registering generators via direct assignment..."), e.maze_move_forward = function() {
-        return `moveForward();
-`;
-      }, e.maze_turn_left = function() {
-        return `turnLeft();
-`;
-      }, e.maze_turn_right = function() {
-        return `turnRight();
-`;
-      }, e.maze_turn_around = function() {
-        return `turnAround();
-`;
-      }, console.log("[MazeBlocklyContainer] Direct assignment completed"), console.log("[MazeBlocklyContainer] Registering generators via forBlock property...");
-      const r = e;
-      r.forBlock ? (r.forBlock.maze_move_forward = function() {
-        return `moveForward();
-`;
-      }, r.forBlock.maze_turn_left = function() {
-        return `turnLeft();
-`;
-      }, r.forBlock.maze_turn_right = function() {
-        return `turnRight();
-`;
-      }, r.forBlock.maze_turn_around = function() {
-        return `turnAround();
-`;
-      }, console.log("[MazeBlocklyContainer] forBlock registration completed")) : console.log("[MazeBlocklyContainer] forBlock property not available, skipping"), console.log("[MazeBlocklyContainer] ✅ Maze generators registered successfully");
-    } catch (e) {
-      console.error("[MazeBlocklyContainer] ❌ Failed to register maze generators:", e), console.error("[MazeBlocklyContainer] Error details:", e);
-    }
-  }
-  disposeWorkspace() {
-    this.workspace && (this.workspace.dispose(), this.workspace = null, this.setState({ workspace: null, isInitialized: !1 }));
-  }
-  onAnyChange(e) {
-    if (!this.workspace) return;
-    const r = e?.type || "";
-    (r === "block_create" || r === "block_move" || r === "block_delete" || r === "block_change") && (this.props.onWorkspaceChange?.(this.workspace), this.generateCode());
-  }
-  generateCode() {
-    if (!(!this.workspace || !this.props.onCodeChange))
-      try {
-        console.log("Generating code for workspace:", this.workspace), console.log("Available blocks:", this.workspace.getAllBlocks(!1));
-        const r = Be().workspaceToCode(this.workspace);
-        console.log("Generated code:", r), this.props.onCodeChange(r);
-      } catch (e) {
-        console.error("Failed to generate code:", e), console.error("Error details:", e);
-      }
-  }
-  loadXml(e) {
-    if (!(!this.workspace || !e))
-      try {
-        const r = He(), n = r.utils.xml.textToDom(e);
-        r.Xml.domToWorkspace(n, this.workspace);
-      } catch (r) {
-        console.error("Failed to load XML:", r);
-      }
-  }
-  executeCode() {
-    if (!this.workspace) return [];
-    try {
-      console.log("Executing maze code..."), console.log("Workspace state:", this.workspace);
-      const r = Be().workspaceToCode(this.workspace);
-      console.log("Executing maze code:", r);
-      const n = this.parseMovementCode(r);
-      return console.log("Parsed movement commands:", n), this.props.onExecuteCode && this.props.onExecuteCode(n), n;
-    } catch (e) {
-      return console.error("Failed to execute code:", e), console.error("Error details:", e), [];
-    }
-  }
-  parseMovementCode(e) {
-    const r = [], n = e.split(`
-`);
-    for (const o of n) {
-      const i = o.trim();
-      i.includes("moveForward()") ? r.push({ type: "move_forward", direction: "north" }) : i.includes("turnLeft()") ? r.push({ type: "turn_left", direction: "north" }) : i.includes("turnRight()") ? r.push({ type: "turn_right", direction: "north" }) : i.includes("turnAround()") && r.push({ type: "turn_around", direction: "north" });
-    }
-    return r;
-  }
-  getWorkspace() {
-    return this.workspace;
-  }
-  clearWorkspace() {
-    this.workspace?.clear();
-  }
-  render() {
-    const { className: e = "", style: r = {} } = this.props, { isInitialized: n } = this.state;
-    return /* @__PURE__ */ c.jsxs(
-      "div",
-      {
-        className: `maze-blockly-container ${e}`,
-        style: {
-          width: "100%",
-          height: "400px",
-          position: "relative",
-          ...r
-        },
-        children: [
-          /* @__PURE__ */ c.jsx(
-            "div",
-            {
-              ref: this.blocklyDivRef,
-              style: {
-                width: "100%",
-                height: "100%",
-                position: "absolute",
-                top: 0,
-                left: 0
-              }
-            }
-          ),
-          !n && /* @__PURE__ */ c.jsx(
-            "div",
-            {
-              style: {
-                position: "absolute",
-                top: "50%",
-                left: "50%",
-                transform: "translate(-50%, -50%)",
-                color: "#666",
-                fontSize: 16
-              },
-              children: "Loading Blockly..."
-            }
-          )
-        ]
-      }
-    );
-  }
-}
-const Fn = ({
-  config: t,
-  onConfigChange: e,
-  className: r
-}) => {
-  const [n, o] = qe("wall"), [i, a] = qe(!1), l = (g, b) => {
-    const P = { ...t };
-    switch (n) {
-      case "start": {
-        P.spiderStart = { x: g, y: b };
-        break;
-      }
-      case "finish": {
-        P.finishPosition = { x: g, y: b };
-        break;
-      }
-      case "wall": {
-        P.walls.findIndex((j) => j.x === g && j.y === b) === -1 && P.walls.push({ x: g, y: b });
-        break;
-      }
-      case "empty": {
-        P.walls = P.walls.filter((F) => !(F.x === g && F.y === b));
-        break;
-      }
-    }
-    e(P);
-  }, u = (g, b) => {
-    i && n === "wall" && l(g, b);
-  }, f = (g, b) => t.walls.some((P) => P.x === g && P.y === b), p = (g, b) => t.spiderStart.x === g && t.spiderStart.y === b, h = (g, b) => t.finishPosition.x === g && t.finishPosition.y === b, y = (g, b) => p(g, b) ? "start" : h(g, b) ? "finish" : f(g, b) ? "wall" : "empty", R = () => {
-    const g = {
-      width: t.width,
-      height: t.height,
-      spiderStart: { x: 1, y: 1 },
-      finishPosition: { x: t.width - 2, y: t.height - 2 },
-      walls: []
-    }, b = t.width * t.height, P = Math.floor(b * 0.2);
-    for (let F = 0; F < P; F++) {
-      const j = Math.floor(Math.random() * t.width), D = Math.floor(Math.random() * t.height);
-      j === g.spiderStart.x && D === g.spiderStart.y || j === g.finishPosition.x && D === g.finishPosition.y || g.walls.push({ x: j, y: D });
-    }
-    e(g);
-  }, A = () => {
-    const g = {
-      ...t,
-      walls: []
-    };
-    e(g);
-  };
-  return /* @__PURE__ */ c.jsxs(Ee, { className: r, children: [
-    /* @__PURE__ */ c.jsx(Ee.Header, { children: /* @__PURE__ */ c.jsxs(Oe, { className: "align-items-center", children: [
-      /* @__PURE__ */ c.jsx(ne, { children: /* @__PURE__ */ c.jsx("h5", { className: "mb-0", children: "Maze Editor" }) }),
-      /* @__PURE__ */ c.jsx(ne, { xs: "auto", children: /* @__PURE__ */ c.jsxs(tt, { size: "sm", children: [
-        /* @__PURE__ */ c.jsx(
-          J,
-          {
-            variant: n === "wall" ? "primary" : "outline-primary",
-            onClick: () => o("wall"),
-            children: "Wall"
-          }
-        ),
-        /* @__PURE__ */ c.jsx(
-          J,
-          {
-            variant: n === "empty" ? "primary" : "outline-primary",
-            onClick: () => o("empty"),
-            children: "Clear"
-          }
-        ),
-        /* @__PURE__ */ c.jsx(
-          J,
-          {
-            variant: n === "start" ? "primary" : "outline-primary",
-            onClick: () => o("start"),
-            children: "Start"
-          }
-        ),
-        /* @__PURE__ */ c.jsx(
-          J,
-          {
-            variant: n === "finish" ? "primary" : "outline-primary",
-            onClick: () => o("finish"),
-            children: "Finish"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ c.jsx(ne, { xs: "auto", children: /* @__PURE__ */ c.jsxs(tt, { size: "sm", children: [
-        /* @__PURE__ */ c.jsx(J, { variant: "outline-secondary", onClick: R, children: "Regenerate" }),
-        /* @__PURE__ */ c.jsx(J, { variant: "outline-secondary", onClick: A, children: "Clear All" })
-      ] }) })
-    ] }) }),
-    /* @__PURE__ */ c.jsx(Ee.Body, { children: /* @__PURE__ */ c.jsx(
-      "div",
-      {
-        className: "maze-grid",
-        style: {
-          display: "grid",
-          gridTemplateColumns: `repeat(${t.width}, 30px)`,
-          gap: "1px",
-          backgroundColor: "#ccc",
-          padding: "1px"
-        },
-        onMouseDown: () => a(!0),
-        onMouseUp: () => a(!1),
-        onMouseLeave: () => a(!1),
-        children: Array.from(
-          { length: t.height },
-          (g, b) => Array.from({ length: t.width }, (P, F) => {
-            const j = y(F, b);
-            return /* @__PURE__ */ c.jsxs(
-              "div",
-              {
-                className: `maze-cell ${j}`,
-                style: {
-                  width: "30px",
-                  height: "30px",
-                  backgroundColor: j === "wall" ? "#333" : j === "start" ? "#28a745" : j === "finish" ? "#dc3545" : "#fff",
-                  border: "1px solid #ccc",
-                  cursor: "pointer",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  fontSize: "12px",
-                  color: j === "start" || j === "finish" ? "white" : "black"
-                },
-                onClick: () => l(F, b),
-                onMouseEnter: () => u(F, b),
-                title: `${j} at (${F}, ${b})`,
-                children: [
-                  j === "start" && "S",
-                  j === "finish" && "F"
-                ]
-              },
-              `${F}-${b}`
-            );
-          })
-        )
-      }
-    ) })
-  ] });
-};
-class so extends ze {
-  constructor(e) {
-    super(e), e.configuration && (this.mazeConfig = { ...e.configuration }), this.state = {
-      gameState: {
-        spiderPosition: { ...this.mazeConfig.spiderStart },
-        isGameWon: !1,
-        isGameOver: !1,
-        moveCount: 0,
-        maxMoves: e.maxMoves || 50
-      },
-      currentDirection: "east",
-      isExecuting: !1,
-      currentCommandIndex: 0,
-      generatedCode: "",
-      minSteps: 8,
-      isGenerating: !1
-    }, e.configuration || this.generateMaze();
-  }
-  componentWillUnmount() {
-    this.executionInterval && clearInterval(this.executionInterval);
-  }
-  // Maze configuration - will be auto-generated
-  mazeConfig = {
-    width: 10,
-    height: 8,
-    spiderStart: { x: 1, y: 1 },
-    finishPosition: { x: 8, y: 6 },
-    walls: []
-  };
-  // Blockly configuration for maze game
-  blocklyConfig = {
-    allowedTypes: /* @__PURE__ */ new Set([
-      "maze_move_forward",
-      "maze_turn_left",
-      "maze_turn_right",
-      "maze_turn_around",
-      "controls_repeat",
-      "controls_if"
-    ]),
-    limits: {
-      maze_move_forward: 20,
-      maze_turn_left: 10,
-      maze_turn_right: 10,
-      maze_turn_around: 5,
-      controls_repeat: 5,
-      controls_if: 3
-    },
-    toolbox: `
-      <xml xmlns="https://developers.google.com/blockly/xml" id="toolbox" style="display:none">
-        <category name="Movement" colour="#5CA65C">
-          <block type="maze_move_forward"></block>
-          <block type="maze_turn_left"></block>
-          <block type="maze_turn_right"></block>
-          <block type="maze_turn_around"></block>
-        </category>
-        <category name="Control" colour="#A65C81">
-          <block type="controls_repeat">
-            <field name="TIMES">3</field>
-          </block>
-          <block type="controls_if"></block>
-        </category>
-      </xml>
-    `,
-    initialXml: `
-      <xml xmlns="https://developers.google.com/blockly/xml">
-        <block type="maze_move_forward" x="20" y="20"></block>
-      </xml>
-    `
-  };
-  executionInterval = null;
-  blocklyRef = K.createRef();
-  generateMaze = () => {
-    this.setState({ isGenerating: !0 }), setTimeout(() => {
-      const e = this.createMazeWithMinSteps(this.state.minSteps);
-      this.mazeConfig = e, this.setState({
-        gameState: {
-          spiderPosition: { ...e.spiderStart },
-          isGameWon: !1,
-          isGameOver: !1,
-          moveCount: 0,
-          maxMoves: Math.max(50, (e.estimatedSteps || 8) + 10)
-        },
-        currentDirection: "east",
-        isExecuting: !1,
-        currentCommandIndex: 0,
-        isGenerating: !1
-      }), this.blocklyRef.current && this.blocklyRef.current.clearWorkspace();
-    }, 100);
-  };
-  createMazeWithMinSteps(e) {
-    for (let i = 0; i < 50; i++) {
-      const a = this.generateRandomMaze(10, 8), l = this.estimateOptimalSteps(a);
-      if (l >= e && this.isMazeSolvable(a))
-        return { ...a, estimatedSteps: l };
-    }
-    return this.generateFallbackMaze(10, 8, e);
-  }
-  generateRandomMaze(e, r) {
-    const n = [], o = { x: 1, y: 1 }, i = { x: e - 2, y: r - 2 }, a = Math.floor(e * r * (0.3 + Math.random() * 0.1));
-    for (let l = 0; l < a; l++) {
-      const u = Math.floor(Math.random() * e), f = Math.floor(Math.random() * r);
-      u === o.x && f === o.y || u === i.x && f === i.y || Math.abs(u - o.x) <= 1 && Math.abs(f - o.y) <= 1 || Math.abs(u - i.x) <= 1 && Math.abs(f - i.y) <= 1 || n.some((p) => p.x === u && p.y === f) || n.push({ x: u, y: f });
-    }
-    return { width: e, height: r, spiderStart: o, finishPosition: i, walls: n };
-  }
-  generateFallbackMaze(e, r, n) {
-    const o = [], i = { x: 1, y: 1 }, a = { x: e - 2, y: r - 2 }, l = [], u = { ...i };
-    for (; u.x < a.x || u.y < a.y; )
-      u.x < a.x && (u.x++, l.push({ ...u })), u.y < a.y && (u.y++, l.push({ ...u }));
-    for (let f = 0; f < Math.floor(n / 2); f++) {
-      const p = Math.floor(Math.random() * (e - 2)) + 1, h = Math.floor(Math.random() * (r - 2)) + 1;
-      !l.some((y) => y.x === p && y.y === h) && !o.some((y) => y.x === p && y.y === h) && o.push({ x: p, y: h });
-    }
-    return { width: e, height: r, spiderStart: i, finishPosition: a, walls: o, estimatedSteps: n };
-  }
-  estimateOptimalSteps(e) {
-    const r = Math.abs(e.finishPosition.x - e.spiderStart.x) + Math.abs(e.finishPosition.y - e.spiderStart.y), n = Math.min(e.walls.length * 0.5, 10);
-    return Math.ceil(r + n);
-  }
-  isMazeSolvable(e) {
-    const r = /* @__PURE__ */ new Set(), n = [e.spiderStart];
-    for (; n.length > 0; ) {
-      const o = n.shift(), i = `${o.x},${o.y}`;
-      if (r.has(i)) continue;
-      if (r.add(i), o.x === e.finishPosition.x && o.y === e.finishPosition.y)
-        return !0;
-      const a = [
-        { x: o.x + 1, y: o.y },
-        { x: o.x - 1, y: o.y },
-        { x: o.x, y: o.y + 1 },
-        { x: o.x, y: o.y - 1 }
-      ];
-      for (const l of a)
-        l.x >= 0 && l.x < e.width && l.y >= 0 && l.y < e.height && !e.walls.some((u) => u.x === l.x && u.y === l.y) && !r.has(`${l.x},${l.y}`) && n.push(l);
-    }
-    return !1;
-  }
-  handleCodeChange = (e) => {
-    this.setState({ generatedCode: e });
-  };
-  handleConfigChange = (e) => {
-    this.mazeConfig = e, this.setState({
-      gameState: {
-        ...this.state.gameState,
-        spiderPosition: { ...e.spiderStart },
-        isGameWon: !1,
-        isGameOver: !1,
-        moveCount: 0
-      }
-    }), this.props.onChange && this.props.onChange(e);
-  };
-  handleExecuteCode = (e) => {
-    e.length !== 0 && (this.setState({
-      isExecuting: !0,
-      currentCommandIndex: 0
-    }), this.executeCommands(e));
-  };
-  executeCommands(e) {
-    let r = 0;
-    this.executionInterval = setInterval(() => {
-      if (r >= e.length) {
-        this.stopExecution();
-        return;
-      }
-      const n = e[r];
-      this.executeCommand(n), r++, this.setState({ currentCommandIndex: r });
-    }, 800);
-  }
-  executeCommand(e) {
-    switch (e.type) {
-      case "move_forward":
-        this.moveSpiderForward();
-        break;
-      case "turn_left":
-        this.turnSpider("left");
-        break;
-      case "turn_right":
-        this.turnSpider("right");
-        break;
-      case "turn_around":
-        this.turnSpider("around");
-        break;
-    }
-  }
-  moveSpiderForward() {
-    const { gameState: e, currentDirection: r } = this.state, n = { ...e.spiderPosition };
-    switch (r) {
-      case "north":
-        n.y = Math.max(0, n.y - 1);
-        break;
-      case "south":
-        n.y = Math.min(this.mazeConfig.height - 1, n.y + 1);
-        break;
-      case "east":
-        n.x = Math.min(this.mazeConfig.width - 1, n.x + 1);
-        break;
-      case "west":
-        n.x = Math.max(0, n.x - 1);
-        break;
-    }
-    if (!this.isWall(n)) {
-      const o = {
-        ...e,
-        spiderPosition: n,
-        moveCount: e.moveCount + 1
-      };
-      if (this.isFinish(n) && (o.isGameWon = !0, o.isGameOver = !0), o.moveCount >= e.maxMoves && (o.isGameOver = !0), this.setState({ gameState: o }), o.isGameOver && this.props.onRunFinish) {
-        const i = {
-          steps: o.moveCount,
-          reachedFinish: o.isGameWon,
-          maxMovesExceeded: o.moveCount >= e.maxMoves,
-          finalPosition: n,
-          path: [],
-          // TODO: Track path during execution
-          executionTime: 0
-          // TODO: Track execution time
-        };
-        this.props.onRunFinish(i);
-      }
-    }
-  }
-  turnSpider(e) {
-    const n = {
-      north: { left: "west", right: "east", around: "south" },
-      south: { left: "east", right: "west", around: "north" },
-      east: { left: "north", right: "south", around: "west" },
-      west: { left: "south", right: "north", around: "east" }
-    }[this.state.currentDirection][e];
-    this.setState({ currentDirection: n });
-  }
-  isWall(e) {
-    return this.mazeConfig.walls.some(
-      (r) => r.x === e.x && r.y === e.y
-    );
-  }
-  isFinish(e) {
-    return e.x === this.mazeConfig.finishPosition.x && e.y === this.mazeConfig.finishPosition.y;
-  }
-  stopExecution() {
-    this.executionInterval && (clearInterval(this.executionInterval), this.executionInterval = null), this.setState({ isExecuting: !1 });
-  }
-  resetGame = () => {
-    this.setState({
-      gameState: {
-        spiderPosition: { ...this.mazeConfig.spiderStart },
-        isGameWon: !1,
-        isGameOver: !1,
-        moveCount: 0,
-        maxMoves: Math.max(50, (this.mazeConfig.estimatedSteps || 8) + 10)
-      },
-      currentDirection: "east",
-      isExecuting: !1,
-      currentCommandIndex: 0
-    }), this.blocklyRef.current && this.blocklyRef.current.clearWorkspace();
-  };
-  runCode = () => {
-    this.blocklyRef.current && this.blocklyRef.current.executeCode();
-  };
-  // private handleMinStepsChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-  //   const value = parseInt(event.target.value);
-  //   if (!isNaN(value) && value >= 3 && value <= 30) {
-  //     this.setState({ minSteps: value }, () => {
-  //       // Regenerate maze with new minimum steps if the current maze doesn't meet the requirement
-  //       if (this.mazeConfig.estimatedSteps && this.mazeConfig.estimatedSteps < value) {
-  //         this.generateMaze();
-  //       }
-  //     });
-  //   }
-  // };
-  handleGenerateNewMaze = () => {
-    this.generateMaze();
-  };
-  render() {
-    const { gameState: e, currentDirection: r, isExecuting: n, generatedCode: o, isGenerating: i } = this.state, a = 50;
-    return /* @__PURE__ */ c.jsx("div", { className: `maze-game ${this.props.className || ""}`, children: /* @__PURE__ */ c.jsx(ar, { fluid: !0, children: /* @__PURE__ */ c.jsx(Oe, { children: /* @__PURE__ */ c.jsx(ne, { children: /* @__PURE__ */ c.jsx(Ee, { children: /* @__PURE__ */ c.jsx(Ee.Body, { children: /* @__PURE__ */ c.jsxs(Oe, { children: [
-      /* @__PURE__ */ c.jsxs(ne, { md: 8, children: [
-        /* @__PURE__ */ c.jsxs("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [
-          /* @__PURE__ */ c.jsxs("div", { children: [
-            /* @__PURE__ */ c.jsxs(pe, { bg: "primary", className: "me-2", children: [
-              "Moves: ",
-              e.moveCount,
-              "/",
-              e.maxMoves
-            ] }),
-            /* @__PURE__ */ c.jsx(pe, { bg: r === "north" ? "success" : "secondary", className: "me-1", children: "↑" }),
-            /* @__PURE__ */ c.jsx(pe, { bg: r === "east" ? "success" : "secondary", className: "me-1", children: "→" }),
-            /* @__PURE__ */ c.jsx(pe, { bg: r === "south" ? "success" : "secondary", className: "me-1", children: "↓" }),
-            /* @__PURE__ */ c.jsx(pe, { bg: r === "west" ? "success" : "secondary", className: "me-1", children: "←" })
-          ] }),
-          /* @__PURE__ */ c.jsxs("div", { children: [
-            /* @__PURE__ */ c.jsx(
-              J,
-              {
-                variant: "success",
-                onClick: this.runCode,
-                disabled: n || e.isGameOver,
-                className: "me-2",
-                children: n ? "Running..." : "▶️ Run Code"
-              }
-            ),
-            /* @__PURE__ */ c.jsx(
-              J,
-              {
-                variant: "outline-secondary",
-                onClick: this.resetGame,
-                disabled: n,
-                className: "me-2",
-                children: "🔄 Reset"
-              }
-            )
-          ] })
-        ] }),
-        this.props.isEditable && /* @__PURE__ */ c.jsxs("div", { className: "d-flex align-items-center mb-3 p-3 bg-light rounded", children: [
-          /* @__PURE__ */ c.jsxs("div", { className: "me-3", children: [
-            /* @__PURE__ */ c.jsx(zt.Label, { className: "mb-1 fw-bold", children: "Steps:" }),
-            /* @__PURE__ */ c.jsx("div", { className: "text-muted", children: this.mazeConfig.estimatedSteps || "Calculating..." })
-          ] }),
-          /* @__PURE__ */ c.jsxs("div", { className: "me-3", children: [
-            /* @__PURE__ */ c.jsx(zt.Label, { className: "mb-1 fw-bold", children: "Walls:" }),
-            /* @__PURE__ */ c.jsx("div", { className: "text-muted", children: this.mazeConfig.walls.length })
-          ] }),
-          /* @__PURE__ */ c.jsx(
-            J,
-            {
-              variant: "primary",
-              onClick: this.handleGenerateNewMaze,
-              disabled: n || i,
-              className: "ms-auto",
-              children: i ? "🔄 Generating..." : "🎲 Generate New Maze"
-            }
-          )
-        ] }),
-        e.isGameWon && /* @__PURE__ */ c.jsx(Mt, { variant: "success", className: "mb-3", children: "🎉 Congratulations! You've reached the finish! 🎯" }),
-        e.isGameOver && !e.isGameWon && /* @__PURE__ */ c.jsx(Mt, { variant: "danger", className: "mb-3", children: "❌ Game Over! You've exceeded the maximum moves." }),
-        this.props.isEditable && /* @__PURE__ */ c.jsx("div", { className: "mb-4", children: /* @__PURE__ */ c.jsx(
-          Fn,
-          {
-            config: this.mazeConfig,
-            onConfigChange: this.handleConfigChange
-          }
-        ) }),
-        /* @__PURE__ */ c.jsxs("div", { style: { position: "relative", marginBottom: "20px" }, children: [
-          /* @__PURE__ */ c.jsx(
-            Bn,
-            {
-              config: this.mazeConfig,
-              cellSize: a
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            $n,
-            {
-              position: e.spiderPosition,
-              direction: r,
-              size: a
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ c.jsxs(ne, { md: 4, children: [
-        /* @__PURE__ */ c.jsx("h5", { children: "Programming Blocks" }),
-        /* @__PURE__ */ c.jsx(
-          Dn,
-          {
-            ref: this.blocklyRef,
-            config: this.blocklyConfig,
-            onCodeChange: this.handleCodeChange,
-            onExecuteCode: this.handleExecuteCode,
-            style: { height: "300px" }
-          }
-        ),
-        /* @__PURE__ */ c.jsxs("div", { className: "mt-3", children: [
-          /* @__PURE__ */ c.jsx("h6", { children: "Generated Code:" }),
-          /* @__PURE__ */ c.jsx(
-            "pre",
-            {
-              className: "bg-light p-2 rounded",
-              style: { fontSize: "12px", maxHeight: "150px", overflow: "auto" },
-              children: o || "// No code generated yet"
-            }
-          )
-        ] })
-      ] })
-    ] }) }) }) }) }) }) });
-  }
-}
-export {
-  Er as A,
-  no as B,
-  In as C,
-  Fn as E,
-  so as M,
-  $n as S,
-  At as a,
-  He as b,
-  oo as c,
-  Be as d,
-  Dn as e,
-  Bn as f,
-  rt as g,
-  Yn as h,
-  vr as i,
-  qn as j,
-  Vn as k,
-  Hn as l,
-  Xn as m,
-  gr as n,
-  Jn as o,
-  Kn as p,
-  Zn as q,
-  Gn as r,
-  Qn as s,
-  Un as t,
-  dt as u,
-  xr as v,
-  eo as w,
-  to as x,
-  ro as y,
-  br as z
-};
-//# sourceMappingURL=index-D10FGDwl.js.map