@hep-code-runner/react 3.1.2 → 3.2.0

package/dist/index.mjs

@@ -1,1792 +1,7 @@
-import tr, { useRef as Pe, useMemo as Ae, useCallback as te, useEffect as Te, useState as X, forwardRef as xr, useImperativeHandle as kr } from "react";
-var Je = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function wr(p) {
-  return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
-}
-var Be = { exports: {} }, Oe = {};
-/**
- * @license React
- * react-jsx-runtime.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 Qe;
-function Sr() {
-  if (Qe) return Oe;
-  Qe = 1;
-  var p = tr, h = Symbol.for("react.element"), n = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, b = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, A = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function R(s, m, k) {
-    var S, I = {}, C = null, U = null;
-    k !== void 0 && (C = "" + k), m.key !== void 0 && (C = "" + m.key), m.ref !== void 0 && (U = m.ref);
-    for (S in m) u.call(m, S) && !A.hasOwnProperty(S) && (I[S] = m[S]);
-    if (s && s.defaultProps) for (S in m = s.defaultProps, m) I[S] === void 0 && (I[S] = m[S]);
-    return { $$typeof: h, type: s, key: C, ref: U, props: I, _owner: b.current };
-  }
-  return Oe.Fragment = n, Oe.jsx = R, Oe.jsxs = R, Oe;
-}
-var Ne = {};
-/**
- * @license React
- * react-jsx-runtime.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 er;
-function Ar() {
-  return er || (er = 1, process.env.NODE_ENV !== "production" && function() {
-    var p = tr, h = Symbol.for("react.element"), n = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), s = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), U = Symbol.for("react.offscreen"), Z = Symbol.iterator, _ = "@@iterator";
-    function E(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var a = Z && e[Z] || e[_];
-      return typeof a == "function" ? a : null;
-    }
-    var y = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function r(e) {
-      {
-        for (var a = arguments.length, d = new Array(a > 1 ? a - 1 : 0), v = 1; v < a; v++)
-          d[v - 1] = arguments[v];
-        t("error", e, d);
-      }
-    }
-    function t(e, a, d) {
-      {
-        var v = y.ReactDebugCurrentFrame, O = v.getStackAddendum();
-        O !== "" && (a += "%s", d = d.concat([O]));
-        var L = d.map(function(T) {
-          return String(T);
-        });
-        L.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, L);
-      }
-    }
-    var i = !1, o = !1, l = !1, g = !1, x = !1, f;
-    f = Symbol.for("react.module.reference");
-    function N(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === u || e === A || x || e === b || e === k || e === S || g || e === U || i || o || l || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === I || e.$$typeof === R || e.$$typeof === s || e.$$typeof === m || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === f || e.getModuleId !== void 0));
-    }
-    function j(e, a, d) {
-      var v = e.displayName;
-      if (v)
-        return v;
-      var O = a.displayName || a.name || "";
-      return O !== "" ? d + "(" + O + ")" : d;
-    }
-    function W(e) {
-      return e.displayName || "Context";
-    }
-    function H(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && r("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case u:
-          return "Fragment";
-        case n:
-          return "Portal";
-        case A:
-          return "Profiler";
-        case b:
-          return "StrictMode";
-        case k:
-          return "Suspense";
-        case S:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case s:
-            var a = e;
-            return W(a) + ".Consumer";
-          case R:
-            var d = e;
-            return W(d._context) + ".Provider";
-          case m:
-            return j(e, e.render, "ForwardRef");
-          case I:
-            var v = e.displayName || null;
-            return v !== null ? v : H(e.type) || "Memo";
-          case C: {
-            var O = e, L = O._payload, T = O._init;
-            try {
-              return H(T(L));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var G = Object.assign, ne = 0, ae, ue, D, z, re, J, B;
-    function le() {
-    }
-    le.__reactDisabledLog = !0;
-    function q() {
-      {
-        if (ne === 0) {
-          ae = console.log, ue = console.info, D = console.warn, z = console.error, re = console.group, J = console.groupCollapsed, B = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: le,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        ne++;
-      }
-    }
-    function Q() {
-      {
-        if (ne--, ne === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: G({}, e, {
-              value: ae
-            }),
-            info: G({}, e, {
-              value: ue
-            }),
-            warn: G({}, e, {
-              value: D
-            }),
-            error: G({}, e, {
-              value: z
-            }),
-            group: G({}, e, {
-              value: re
-            }),
-            groupCollapsed: G({}, e, {
-              value: J
-            }),
-            groupEnd: G({}, e, {
-              value: B
-            })
-          });
-        }
-        ne < 0 && r("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var ie = y.ReactCurrentDispatcher, oe;
-    function Y(e, a, d) {
-      {
-        if (oe === void 0)
-          try {
-            throw Error();
-          } catch (O) {
-            var v = O.stack.trim().match(/\n( *(at )?)/);
-            oe = v && v[1] || "";
-          }
-        return `
-` + oe + e;
-      }
-    }
-    var de = !1, se;
-    {
-      var pe = typeof WeakMap == "function" ? WeakMap : Map;
-      se = new pe();
-    }
-    function ye(e, a) {
-      if (!e || de)
-        return "";
-      {
-        var d = se.get(e);
-        if (d !== void 0)
-          return d;
-      }
-      var v;
-      de = !0;
-      var O = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var L;
-      L = ie.current, ie.current = null, q();
-      try {
-        if (a) {
-          var T = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(T.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(T, []);
-            } catch (K) {
-              v = K;
-            }
-            Reflect.construct(e, [], T);
-          } else {
-            try {
-              T.call();
-            } catch (K) {
-              v = K;
-            }
-            e.call(T.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (K) {
-            v = K;
-          }
-          e();
-        }
-      } catch (K) {
-        if (K && v && typeof K.stack == "string") {
-          for (var w = K.stack.split(`
-`), V = v.stack.split(`
-`), $ = w.length - 1, M = V.length - 1; $ >= 1 && M >= 0 && w[$] !== V[M]; )
-            M--;
-          for (; $ >= 1 && M >= 0; $--, M--)
-            if (w[$] !== V[M]) {
-              if ($ !== 1 || M !== 1)
-                do
-                  if ($--, M--, M < 0 || w[$] !== V[M]) {
-                    var ee = `
-` + w[$].replace(" at new ", " at ");
-                    return e.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", e.displayName)), typeof e == "function" && se.set(e, ee), ee;
-                  }
-                while ($ >= 1 && M >= 0);
-              break;
-            }
-        }
-      } finally {
-        de = !1, ie.current = L, Q(), Error.prepareStackTrace = O;
-      }
-      var Se = e ? e.displayName || e.name : "", Ee = Se ? Y(Se) : "";
-      return typeof e == "function" && se.set(e, Ee), Ee;
-    }
-    function me(e, a, d) {
-      return ye(e, !1);
-    }
-    function Re(e) {
-      var a = e.prototype;
-      return !!(a && a.isReactComponent);
-    }
-    function xe(e, a, d) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return ye(e, Re(e));
-      if (typeof e == "string")
-        return Y(e);
-      switch (e) {
-        case k:
-          return Y("Suspense");
-        case S:
-          return Y("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case m:
-            return me(e.render);
-          case I:
-            return xe(e.type, a, d);
-          case C: {
-            var v = e, O = v._payload, L = v._init;
-            try {
-              return xe(L(O), a, d);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var ce = Object.prototype.hasOwnProperty, _e = {}, F = y.ReactDebugCurrentFrame;
-    function P(e) {
-      if (e) {
-        var a = e._owner, d = xe(e.type, e._source, a ? a.type : null);
-        F.setExtraStackFrame(d);
-      } else
-        F.setExtraStackFrame(null);
-    }
-    function he(e, a, d, v, O) {
-      {
-        var L = Function.call.bind(ce);
-        for (var T in e)
-          if (L(e, T)) {
-            var w = void 0;
-            try {
-              if (typeof e[T] != "function") {
-                var V = Error((v || "React class") + ": " + d + " type `" + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[T] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw V.name = "Invariant Violation", V;
-              }
-              w = e[T](a, T, v, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch ($) {
-              w = $;
-            }
-            w && !(w instanceof Error) && (P(O), r("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", d, T, typeof w), P(null)), w instanceof Error && !(w.message in _e) && (_e[w.message] = !0, P(O), r("Failed %s type: %s", d, w.message), P(null));
-          }
-      }
-    }
-    var be = Array.isArray;
-    function Fe(e) {
-      return be(e);
-    }
-    function Ie(e) {
-      {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, d = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return d;
-      }
-    }
-    function ve(e) {
-      try {
-        return fe(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function fe(e) {
-      return "" + e;
-    }
-    function ge(e) {
-      if (ve(e))
-        return r("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ie(e)), fe(e);
-    }
-    var ke = y.ReactCurrentOwner, Le = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Ce, We;
-    function ar(e) {
-      if (ce.call(e, "ref")) {
-        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (a && a.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function ir(e) {
-      if (ce.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (a && a.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function or(e, a) {
-      typeof e.ref == "string" && ke.current;
-    }
-    function sr(e, a) {
-      {
-        var d = function() {
-          Ce || (Ce = !0, r("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
-        };
-        d.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: d,
-          configurable: !0
-        });
-      }
-    }
-    function lr(e, a) {
-      {
-        var d = function() {
-          We || (We = !0, r("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
-        };
-        d.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: d,
-          configurable: !0
-        });
-      }
-    }
-    var cr = function(e, a, d, v, O, L, T) {
-      var w = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: h,
-        // Built-in properties that belong on the element
-        type: e,
-        key: a,
-        ref: d,
-        props: T,
-        // Record the component responsible for creating this element.
-        _owner: L
-      };
-      return w._store = {}, Object.defineProperty(w._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(w, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: v
-      }), Object.defineProperty(w, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: O
-      }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
-    };
-    function ur(e, a, d, v, O) {
-      {
-        var L, T = {}, w = null, V = null;
-        d !== void 0 && (ge(d), w = "" + d), ir(a) && (ge(a.key), w = "" + a.key), ar(a) && (V = a.ref, or(a, O));
-        for (L in a)
-          ce.call(a, L) && !Le.hasOwnProperty(L) && (T[L] = a[L]);
-        if (e && e.defaultProps) {
-          var $ = e.defaultProps;
-          for (L in $)
-            T[L] === void 0 && (T[L] = $[L]);
-        }
-        if (w || V) {
-          var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          w && sr(T, M), V && lr(T, M);
-        }
-        return cr(e, w, V, O, v, ke.current, T);
-      }
-    }
-    var De = y.ReactCurrentOwner, Ge = y.ReactDebugCurrentFrame;
-    function we(e) {
-      if (e) {
-        var a = e._owner, d = xe(e.type, e._source, a ? a.type : null);
-        Ge.setExtraStackFrame(d);
-      } else
-        Ge.setExtraStackFrame(null);
-    }
-    var je;
-    je = !1;
-    function $e(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === h;
-    }
-    function Ye() {
-      {
-        if (De.current) {
-          var e = H(De.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function dr(e) {
-      return "";
-    }
-    var Ve = {};
-    function pr(e) {
-      {
-        var a = Ye();
-        if (!a) {
-          var d = typeof e == "string" ? e : e.displayName || e.name;
-          d && (a = `
-
-Check the top-level render call using <` + d + ">.");
-        }
-        return a;
-      }
-    }
-    function Xe(e, a) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var d = pr(a);
-        if (Ve[d])
-          return;
-        Ve[d] = !0;
-        var v = "";
-        e && e._owner && e._owner !== De.current && (v = " It was passed a child from " + H(e._owner.type) + "."), we(e), r('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, v), we(null);
-      }
-    }
-    function Ke(e, a) {
-      {
-        if (typeof e != "object")
-          return;
-        if (Fe(e))
-          for (var d = 0; d < e.length; d++) {
-            var v = e[d];
-            $e(v) && Xe(v, a);
-          }
-        else if ($e(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var O = E(e);
-          if (typeof O == "function" && O !== e.entries)
-            for (var L = O.call(e), T; !(T = L.next()).done; )
-              $e(T.value) && Xe(T.value, a);
-        }
-      }
-    }
-    function hr(e) {
-      {
-        var a = e.type;
-        if (a == null || typeof a == "string")
-          return;
-        var d;
-        if (typeof a == "function")
-          d = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === m || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        a.$$typeof === I))
-          d = a.propTypes;
-        else
-          return;
-        if (d) {
-          var v = H(a);
-          he(d, e.props, "prop", v, e);
-        } else if (a.PropTypes !== void 0 && !je) {
-          je = !0;
-          var O = H(a);
-          r("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
-        }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && r("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function fr(e) {
-      {
-        for (var a = Object.keys(e.props), d = 0; d < a.length; d++) {
-          var v = a[d];
-          if (v !== "children" && v !== "key") {
-            we(e), r("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), we(null);
-            break;
-          }
-        }
-        e.ref !== null && (we(e), r("Invalid attribute `ref` supplied to `React.Fragment`."), we(null));
-      }
-    }
-    var Ze = {};
-    function qe(e, a, d, v, O, L) {
-      {
-        var T = N(e);
-        if (!T) {
-          var w = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (w += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var V = dr();
-          V ? w += V : w += Ye();
-          var $;
-          e === null ? $ = "null" : Fe(e) ? $ = "array" : e !== void 0 && e.$$typeof === h ? ($ = "<" + (H(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof e, r("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, w);
-        }
-        var M = ur(e, a, d, O, L);
-        if (M == null)
-          return M;
-        if (T) {
-          var ee = a.children;
-          if (ee !== void 0)
-            if (v)
-              if (Fe(ee)) {
-                for (var Se = 0; Se < ee.length; Se++)
-                  Ke(ee[Se], e);
-                Object.freeze && Object.freeze(ee);
-              } else
-                r("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
-              Ke(ee, e);
-        }
-        if (ce.call(a, "key")) {
-          var Ee = H(e), K = Object.keys(a).filter(function(yr) {
-            return yr !== "key";
-          }), Me = K.length > 0 ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ze[Ee + Me]) {
-            var Er = K.length > 0 ? "{" + K.join(": ..., ") + ": ...}" : "{}";
-            r(`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} />`, Me, Ee, Er, Ee), Ze[Ee + Me] = !0;
-          }
-        }
-        return e === u ? fr(M) : hr(M), M;
-      }
-    }
-    function gr(e, a, d) {
-      return qe(e, a, d, !0);
-    }
-    function mr(e, a, d) {
-      return qe(e, a, d, !1);
-    }
-    var br = mr, vr = gr;
-    Ne.Fragment = u, Ne.jsx = br, Ne.jsxs = vr;
-  }()), Ne;
-}
-process.env.NODE_ENV === "production" ? Be.exports = Sr() : Be.exports = Ar();
-var c = Be.exports, nr = { exports: {} };
-(function(p) {
-  var h = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
-  /**
-   * Prism: Lightweight, robust, elegant syntax highlighting
-   *
-   * @license MIT <https://opensource.org/licenses/MIT>
-   * @author Lea Verou <https://lea.verou.me>
-   * @namespace
-   * @public
-   */
-  var n = function(u) {
-    var b = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, A = 0, R = {}, s = {
-      /**
-       * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
-       * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
-       * additional languages or plugins yourself.
-       *
-       * By setting this value to `true`, Prism will not automatically highlight all code elements on the page.
-       *
-       * You obviously have to change this value before the automatic highlighting started. To do this, you can add an
-       * empty Prism object into the global scope before loading the Prism script like this:
-       *
-       * ```js
-       * window.Prism = window.Prism || {};
-       * Prism.manual = true;
-       * // add a new <script> to load Prism's script
-       * ```
-       *
-       * @default false
-       * @type {boolean}
-       * @memberof Prism
-       * @public
-       */
-      manual: u.Prism && u.Prism.manual,
-      /**
-       * By default, if Prism is in a web worker, it assumes that it is in a worker it created itself, so it uses
-       * `addEventListener` to communicate with its parent instance. However, if you're using Prism manually in your
-       * own worker, you don't want it to do this.
-       *
-       * By setting this value to `true`, Prism will not add its own listeners to the worker.
-       *
-       * You obviously have to change this value before Prism executes. To do this, you can add an
-       * empty Prism object into the global scope before loading the Prism script like this:
-       *
-       * ```js
-       * window.Prism = window.Prism || {};
-       * Prism.disableWorkerMessageHandler = true;
-       * // Load Prism's script
-       * ```
-       *
-       * @default false
-       * @type {boolean}
-       * @memberof Prism
-       * @public
-       */
-      disableWorkerMessageHandler: u.Prism && u.Prism.disableWorkerMessageHandler,
-      /**
-       * A namespace for utility methods.
-       *
-       * All function in this namespace that are not explicitly marked as _public_ are for __internal use only__ and may
-       * change or disappear at any time.
-       *
-       * @namespace
-       * @memberof Prism
-       */
-      util: {
-        encode: function r(t) {
-          return t instanceof m ? new m(t.type, r(t.content), t.alias) : Array.isArray(t) ? t.map(r) : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
-        },
-        /**
-         * Returns the name of the type of the given value.
-         *
-         * @param {any} o
-         * @returns {string}
-         * @example
-         * type(null)      === 'Null'
-         * type(undefined) === 'Undefined'
-         * type(123)       === 'Number'
-         * type('foo')     === 'String'
-         * type(true)      === 'Boolean'
-         * type([1, 2])    === 'Array'
-         * type({})        === 'Object'
-         * type(String)    === 'Function'
-         * type(/abc+/)    === 'RegExp'
-         */
-        type: function(r) {
-          return Object.prototype.toString.call(r).slice(8, -1);
-        },
-        /**
-         * Returns a unique number for the given object. Later calls will still return the same number.
-         *
-         * @param {Object} obj
-         * @returns {number}
-         */
-        objId: function(r) {
-          return r.__id || Object.defineProperty(r, "__id", { value: ++A }), r.__id;
-        },
-        /**
-         * Creates a deep clone of the given object.
-         *
-         * The main intended use of this function is to clone language definitions.
-         *
-         * @param {T} o
-         * @param {Record<number, any>} [visited]
-         * @returns {T}
-         * @template T
-         */
-        clone: function r(t, i) {
-          i = i || {};
-          var o, l;
-          switch (s.util.type(t)) {
-            case "Object":
-              if (l = s.util.objId(t), i[l])
-                return i[l];
-              o = /** @type {Record<string, any>} */
-              {}, i[l] = o;
-              for (var g in t)
-                t.hasOwnProperty(g) && (o[g] = r(t[g], i));
-              return (
-                /** @type {any} */
-                o
-              );
-            case "Array":
-              return l = s.util.objId(t), i[l] ? i[l] : (o = [], i[l] = o, /** @type {Array} */
-              /** @type {any} */
-              t.forEach(function(x, f) {
-                o[f] = r(x, i);
-              }), /** @type {any} */
-              o);
-            default:
-              return t;
-          }
-        },
-        /**
-         * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class.
-         *
-         * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned.
-         *
-         * @param {Element} element
-         * @returns {string}
-         */
-        getLanguage: function(r) {
-          for (; r; ) {
-            var t = b.exec(r.className);
-            if (t)
-              return t[1].toLowerCase();
-            r = r.parentElement;
-          }
-          return "none";
-        },
-        /**
-         * Sets the Prism `language-xxxx` class of the given element.
-         *
-         * @param {Element} element
-         * @param {string} language
-         * @returns {void}
-         */
-        setLanguage: function(r, t) {
-          r.className = r.className.replace(RegExp(b, "gi"), ""), r.classList.add("language-" + t);
-        },
-        /**
-         * Returns the script element that is currently executing.
-         *
-         * This does __not__ work for line script element.
-         *
-         * @returns {HTMLScriptElement | null}
-         */
-        currentScript: function() {
-          if (typeof document > "u")
-            return null;
-          if (document.currentScript && document.currentScript.tagName === "SCRIPT")
-            return (
-              /** @type {any} */
-              document.currentScript
-            );
-          try {
-            throw new Error();
-          } catch (o) {
-            var r = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(o.stack) || [])[1];
-            if (r) {
-              var t = document.getElementsByTagName("script");
-              for (var i in t)
-                if (t[i].src == r)
-                  return t[i];
-            }
-            return null;
-          }
-        },
-        /**
-         * Returns whether a given class is active for `element`.
-         *
-         * The class can be activated if `element` or one of its ancestors has the given class and it can be deactivated
-         * if `element` or one of its ancestors has the negated version of the given class. The _negated version_ of the
-         * given class is just the given class with a `no-` prefix.
-         *
-         * Whether the class is active is determined by the closest ancestor of `element` (where `element` itself is
-         * closest ancestor) that has the given class or the negated version of it. If neither `element` nor any of its
-         * ancestors have the given class or the negated version of it, then the default activation will be returned.
-         *
-         * In the paradoxical situation where the closest ancestor contains __both__ the given class and the negated
-         * version of it, the class is considered active.
-         *
-         * @param {Element} element
-         * @param {string} className
-         * @param {boolean} [defaultActivation=false]
-         * @returns {boolean}
-         */
-        isActive: function(r, t, i) {
-          for (var o = "no-" + t; r; ) {
-            var l = r.classList;
-            if (l.contains(t))
-              return !0;
-            if (l.contains(o))
-              return !1;
-            r = r.parentElement;
-          }
-          return !!i;
-        }
-      },
-      /**
-       * This namespace contains all currently loaded languages and the some helper functions to create and modify languages.
-       *
-       * @namespace
-       * @memberof Prism
-       * @public
-       */
-      languages: {
-        /**
-         * The grammar for plain, unformatted text.
-         */
-        plain: R,
-        plaintext: R,
-        text: R,
-        txt: R,
-        /**
-         * Creates a deep copy of the language with the given id and appends the given tokens.
-         *
-         * If a token in `redef` also appears in the copied language, then the existing token in the copied language
-         * will be overwritten at its original position.
-         *
-         * ## Best practices
-         *
-         * Since the position of overwriting tokens (token in `redef` that overwrite tokens in the copied language)
-         * doesn't matter, they can technically be in any order. However, this can be confusing to others that trying to
-         * understand the language definition because, normally, the order of tokens matters in Prism grammars.
-         *
-         * Therefore, it is encouraged to order overwriting tokens according to the positions of the overwritten tokens.
-         * Furthermore, all non-overwriting tokens should be placed after the overwriting ones.
-         *
-         * @param {string} id The id of the language to extend. This has to be a key in `Prism.languages`.
-         * @param {Grammar} redef The new tokens to append.
-         * @returns {Grammar} The new language created.
-         * @public
-         * @example
-         * Prism.languages['css-with-colors'] = Prism.languages.extend('css', {
-         *     // Prism.languages.css already has a 'comment' token, so this token will overwrite CSS' 'comment' token
-         *     // at its original position
-         *     'comment': { ... },
-         *     // CSS doesn't have a 'color' token, so this token will be appended
-         *     'color': /\b(?:red|green|blue)\b/
-         * });
-         */
-        extend: function(r, t) {
-          var i = s.util.clone(s.languages[r]);
-          for (var o in t)
-            i[o] = t[o];
-          return i;
-        },
-        /**
-         * Inserts tokens _before_ another token in a language definition or any other grammar.
-         *
-         * ## Usage
-         *
-         * This helper method makes it easy to modify existing languages. For example, the CSS language definition
-         * not only defines CSS highlighting for CSS documents, but also needs to define highlighting for CSS embedded
-         * in HTML through `<style>` elements. To do this, it needs to modify `Prism.languages.markup` and add the
-         * appropriate tokens. However, `Prism.languages.markup` is a regular JavaScript object literal, so if you do
-         * this:
-         *
-         * ```js
-         * Prism.languages.markup.style = {
-         *     // token
-         * };
-         * ```
-         *
-         * then the `style` token will be added (and processed) at the end. `insertBefore` allows you to insert tokens
-         * before existing tokens. For the CSS example above, you would use it like this:
-         *
-         * ```js
-         * Prism.languages.insertBefore('markup', 'cdata', {
-         *     'style': {
-         *         // token
-         *     }
-         * });
-         * ```
-         *
-         * ## Special cases
-         *
-         * If the grammars of `inside` and `insert` have tokens with the same name, the tokens in `inside`'s grammar
-         * will be ignored.
-         *
-         * This behavior can be used to insert tokens after `before`:
-         *
-         * ```js
-         * Prism.languages.insertBefore('markup', 'comment', {
-         *     'comment': Prism.languages.markup.comment,
-         *     // tokens after 'comment'
-         * });
-         * ```
-         *
-         * ## Limitations
-         *
-         * The main problem `insertBefore` has to solve is iteration order. Since ES2015, the iteration order for object
-         * properties is guaranteed to be the insertion order (except for integer keys) but some browsers behave
-         * differently when keys are deleted and re-inserted. So `insertBefore` can't be implemented by temporarily
-         * deleting properties which is necessary to insert at arbitrary positions.
-         *
-         * To solve this problem, `insertBefore` doesn't actually insert the given tokens into the target object.
-         * Instead, it will create a new object and replace all references to the target object with the new one. This
-         * can be done without temporarily deleting properties, so the iteration order is well-defined.
-         *
-         * However, only references that can be reached from `Prism.languages` or `insert` will be replaced. I.e. if
-         * you hold the target object in a variable, then the value of the variable will not change.
-         *
-         * ```js
-         * var oldMarkup = Prism.languages.markup;
-         * var newMarkup = Prism.languages.insertBefore('markup', 'comment', { ... });
-         *
-         * assert(oldMarkup !== Prism.languages.markup);
-         * assert(newMarkup === Prism.languages.markup);
-         * ```
-         *
-         * @param {string} inside The property of `root` (e.g. a language id in `Prism.languages`) that contains the
-         * object to be modified.
-         * @param {string} before The key to insert before.
-         * @param {Grammar} insert An object containing the key-value pairs to be inserted.
-         * @param {Object<string, any>} [root] The object containing `inside`, i.e. the object that contains the
-         * object to be modified.
-         *
-         * Defaults to `Prism.languages`.
-         * @returns {Grammar} The new grammar object.
-         * @public
-         */
-        insertBefore: function(r, t, i, o) {
-          o = o || /** @type {any} */
-          s.languages;
-          var l = o[r], g = {};
-          for (var x in l)
-            if (l.hasOwnProperty(x)) {
-              if (x == t)
-                for (var f in i)
-                  i.hasOwnProperty(f) && (g[f] = i[f]);
-              i.hasOwnProperty(x) || (g[x] = l[x]);
-            }
-          var N = o[r];
-          return o[r] = g, s.languages.DFS(s.languages, function(j, W) {
-            W === N && j != r && (this[j] = g);
-          }), g;
-        },
-        // Traverse a language definition with Depth First Search
-        DFS: function r(t, i, o, l) {
-          l = l || {};
-          var g = s.util.objId;
-          for (var x in t)
-            if (t.hasOwnProperty(x)) {
-              i.call(t, x, t[x], o || x);
-              var f = t[x], N = s.util.type(f);
-              N === "Object" && !l[g(f)] ? (l[g(f)] = !0, r(f, i, null, l)) : N === "Array" && !l[g(f)] && (l[g(f)] = !0, r(f, i, x, l));
-            }
-        }
-      },
-      plugins: {},
-      /**
-       * This is the most high-level function in Prism’s API.
-       * It fetches all the elements that have a `.language-xxxx` class and then calls {@link Prism.highlightElement} on
-       * each one of them.
-       *
-       * This is equivalent to `Prism.highlightAllUnder(document, async, callback)`.
-       *
-       * @param {boolean} [async=false] Same as in {@link Prism.highlightAllUnder}.
-       * @param {HighlightCallback} [callback] Same as in {@link Prism.highlightAllUnder}.
-       * @memberof Prism
-       * @public
-       */
-      highlightAll: function(r, t) {
-        s.highlightAllUnder(document, r, t);
-      },
-      /**
-       * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
-       * {@link Prism.highlightElement} on each one of them.
-       *
-       * The following hooks will be run:
-       * 1. `before-highlightall`
-       * 2. `before-all-elements-highlight`
-       * 3. All hooks of {@link Prism.highlightElement} for each element.
-       *
-       * @param {ParentNode} container The root element, whose descendants that have a `.language-xxxx` class will be highlighted.
-       * @param {boolean} [async=false] Whether each element is to be highlighted asynchronously using Web Workers.
-       * @param {HighlightCallback} [callback] An optional callback to be invoked on each element after its highlighting is done.
-       * @memberof Prism
-       * @public
-       */
-      highlightAllUnder: function(r, t, i) {
-        var o = {
-          callback: i,
-          container: r,
-          selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
-        };
-        s.hooks.run("before-highlightall", o), o.elements = Array.prototype.slice.apply(o.container.querySelectorAll(o.selector)), s.hooks.run("before-all-elements-highlight", o);
-        for (var l = 0, g; g = o.elements[l++]; )
-          s.highlightElement(g, t === !0, o.callback);
-      },
-      /**
-       * Highlights the code inside a single element.
-       *
-       * The following hooks will be run:
-       * 1. `before-sanity-check`
-       * 2. `before-highlight`
-       * 3. All hooks of {@link Prism.highlight}. These hooks will be run by an asynchronous worker if `async` is `true`.
-       * 4. `before-insert`
-       * 5. `after-highlight`
-       * 6. `complete`
-       *
-       * Some the above hooks will be skipped if the element doesn't contain any text or there is no grammar loaded for
-       * the element's language.
-       *
-       * @param {Element} element The element containing the code.
-       * It must have a class of `language-xxxx` to be processed, where `xxxx` is a valid language identifier.
-       * @param {boolean} [async=false] Whether the element is to be highlighted asynchronously using Web Workers
-       * to improve performance and avoid blocking the UI when highlighting very large chunks of code. This option is
-       * [disabled by default](https://prismjs.com/faq.html#why-is-asynchronous-highlighting-disabled-by-default).
-       *
-       * Note: All language definitions required to highlight the code must be included in the main `prism.js` file for
-       * asynchronous highlighting to work. You can build your own bundle on the
-       * [Download page](https://prismjs.com/download.html).
-       * @param {HighlightCallback} [callback] An optional callback to be invoked after the highlighting is done.
-       * Mostly useful when `async` is `true`, since in that case, the highlighting is done asynchronously.
-       * @memberof Prism
-       * @public
-       */
-      highlightElement: function(r, t, i) {
-        var o = s.util.getLanguage(r), l = s.languages[o];
-        s.util.setLanguage(r, o);
-        var g = r.parentElement;
-        g && g.nodeName.toLowerCase() === "pre" && s.util.setLanguage(g, o);
-        var x = r.textContent, f = {
-          element: r,
-          language: o,
-          grammar: l,
-          code: x
-        };
-        function N(W) {
-          f.highlightedCode = W, s.hooks.run("before-insert", f), f.element.innerHTML = f.highlightedCode, s.hooks.run("after-highlight", f), s.hooks.run("complete", f), i && i.call(f.element);
-        }
-        if (s.hooks.run("before-sanity-check", f), g = f.element.parentElement, g && g.nodeName.toLowerCase() === "pre" && !g.hasAttribute("tabindex") && g.setAttribute("tabindex", "0"), !f.code) {
-          s.hooks.run("complete", f), i && i.call(f.element);
-          return;
-        }
-        if (s.hooks.run("before-highlight", f), !f.grammar) {
-          N(s.util.encode(f.code));
-          return;
-        }
-        if (t && u.Worker) {
-          var j = new Worker(s.filename);
-          j.onmessage = function(W) {
-            N(W.data);
-          }, j.postMessage(JSON.stringify({
-            language: f.language,
-            code: f.code,
-            immediateClose: !0
-          }));
-        } else
-          N(s.highlight(f.code, f.grammar, f.language));
-      },
-      /**
-       * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
-       * and the language definitions to use, and returns a string with the HTML produced.
-       *
-       * The following hooks will be run:
-       * 1. `before-tokenize`
-       * 2. `after-tokenize`
-       * 3. `wrap`: On each {@link Token}.
-       *
-       * @param {string} text A string with the code to be highlighted.
-       * @param {Grammar} grammar An object containing the tokens to use.
-       *
-       * Usually a language definition like `Prism.languages.markup`.
-       * @param {string} language The name of the language definition passed to `grammar`.
-       * @returns {string} The highlighted HTML.
-       * @memberof Prism
-       * @public
-       * @example
-       * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
-       */
-      highlight: function(r, t, i) {
-        var o = {
-          code: r,
-          grammar: t,
-          language: i
-        };
-        if (s.hooks.run("before-tokenize", o), !o.grammar)
-          throw new Error('The language "' + o.language + '" has no grammar.');
-        return o.tokens = s.tokenize(o.code, o.grammar), s.hooks.run("after-tokenize", o), m.stringify(s.util.encode(o.tokens), o.language);
-      },
-      /**
-       * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
-       * and the language definitions to use, and returns an array with the tokenized code.
-       *
-       * When the language definition includes nested tokens, the function is called recursively on each of these tokens.
-       *
-       * This method could be useful in other contexts as well, as a very crude parser.
-       *
-       * @param {string} text A string with the code to be highlighted.
-       * @param {Grammar} grammar An object containing the tokens to use.
-       *
-       * Usually a language definition like `Prism.languages.markup`.
-       * @returns {TokenStream} An array of strings and tokens, a token stream.
-       * @memberof Prism
-       * @public
-       * @example
-       * let code = `var foo = 0;`;
-       * let tokens = Prism.tokenize(code, Prism.languages.javascript);
-       * tokens.forEach(token => {
-       *     if (token instanceof Prism.Token && token.type === 'number') {
-       *         console.log(`Found numeric literal: ${token.content}`);
-       *     }
-       * });
-       */
-      tokenize: function(r, t) {
-        var i = t.rest;
-        if (i) {
-          for (var o in i)
-            t[o] = i[o];
-          delete t.rest;
-        }
-        var l = new I();
-        return C(l, l.head, r), S(r, l, t, l.head, 0), Z(l);
-      },
-      /**
-       * @namespace
-       * @memberof Prism
-       * @public
-       */
-      hooks: {
-        all: {},
-        /**
-         * Adds the given callback to the list of callbacks for the given hook.
-         *
-         * The callback will be invoked when the hook it is registered for is run.
-         * Hooks are usually directly run by a highlight function but you can also run hooks yourself.
-         *
-         * One callback function can be registered to multiple hooks and the same hook multiple times.
-         *
-         * @param {string} name The name of the hook.
-         * @param {HookCallback} callback The callback function which is given environment variables.
-         * @public
-         */
-        add: function(r, t) {
-          var i = s.hooks.all;
-          i[r] = i[r] || [], i[r].push(t);
-        },
-        /**
-         * Runs a hook invoking all registered callbacks with the given environment variables.
-         *
-         * Callbacks will be invoked synchronously and in the order in which they were registered.
-         *
-         * @param {string} name The name of the hook.
-         * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
-         * @public
-         */
-        run: function(r, t) {
-          var i = s.hooks.all[r];
-          if (!(!i || !i.length))
-            for (var o = 0, l; l = i[o++]; )
-              l(t);
-        }
-      },
-      Token: m
-    };
-    u.Prism = s;
-    function m(r, t, i, o) {
-      this.type = r, this.content = t, this.alias = i, this.length = (o || "").length | 0;
-    }
-    m.stringify = function r(t, i) {
-      if (typeof t == "string")
-        return t;
-      if (Array.isArray(t)) {
-        var o = "";
-        return t.forEach(function(N) {
-          o += r(N, i);
-        }), o;
-      }
-      var l = {
-        type: t.type,
-        content: r(t.content, i),
-        tag: "span",
-        classes: ["token", t.type],
-        attributes: {},
-        language: i
-      }, g = t.alias;
-      g && (Array.isArray(g) ? Array.prototype.push.apply(l.classes, g) : l.classes.push(g)), s.hooks.run("wrap", l);
-      var x = "";
-      for (var f in l.attributes)
-        x += " " + f + '="' + (l.attributes[f] || "").replace(/"/g, "&quot;") + '"';
-      return "<" + l.tag + ' class="' + l.classes.join(" ") + '"' + x + ">" + l.content + "</" + l.tag + ">";
-    };
-    function k(r, t, i, o) {
-      r.lastIndex = t;
-      var l = r.exec(i);
-      if (l && o && l[1]) {
-        var g = l[1].length;
-        l.index += g, l[0] = l[0].slice(g);
-      }
-      return l;
-    }
-    function S(r, t, i, o, l, g) {
-      for (var x in i)
-        if (!(!i.hasOwnProperty(x) || !i[x])) {
-          var f = i[x];
-          f = Array.isArray(f) ? f : [f];
-          for (var N = 0; N < f.length; ++N) {
-            if (g && g.cause == x + "," + N)
-              return;
-            var j = f[N], W = j.inside, H = !!j.lookbehind, G = !!j.greedy, ne = j.alias;
-            if (G && !j.pattern.global) {
-              var ae = j.pattern.toString().match(/[imsuy]*$/)[0];
-              j.pattern = RegExp(j.pattern.source, ae + "g");
-            }
-            for (var ue = j.pattern || j, D = o.next, z = l; D !== t.tail && !(g && z >= g.reach); z += D.value.length, D = D.next) {
-              var re = D.value;
-              if (t.length > r.length)
-                return;
-              if (!(re instanceof m)) {
-                var J = 1, B;
-                if (G) {
-                  if (B = k(ue, z, r, H), !B || B.index >= r.length)
-                    break;
-                  var ie = B.index, le = B.index + B[0].length, q = z;
-                  for (q += D.value.length; ie >= q; )
-                    D = D.next, q += D.value.length;
-                  if (q -= D.value.length, z = q, D.value instanceof m)
-                    continue;
-                  for (var Q = D; Q !== t.tail && (q < le || typeof Q.value == "string"); Q = Q.next)
-                    J++, q += Q.value.length;
-                  J--, re = r.slice(z, q), B.index -= z;
-                } else if (B = k(ue, 0, re, H), !B)
-                  continue;
-                var ie = B.index, oe = B[0], Y = re.slice(0, ie), de = re.slice(ie + oe.length), se = z + re.length;
-                g && se > g.reach && (g.reach = se);
-                var pe = D.prev;
-                Y && (pe = C(t, pe, Y), z += Y.length), U(t, pe, J);
-                var ye = new m(x, W ? s.tokenize(oe, W) : oe, ne, oe);
-                if (D = C(t, pe, ye), de && C(t, D, de), J > 1) {
-                  var me = {
-                    cause: x + "," + N,
-                    reach: se
-                  };
-                  S(r, t, i, D.prev, z, me), g && me.reach > g.reach && (g.reach = me.reach);
-                }
-              }
-            }
-          }
-        }
-    }
-    function I() {
-      var r = { value: null, prev: null, next: null }, t = { value: null, prev: r, next: null };
-      r.next = t, this.head = r, this.tail = t, this.length = 0;
-    }
-    function C(r, t, i) {
-      var o = t.next, l = { value: i, prev: t, next: o };
-      return t.next = l, o.prev = l, r.length++, l;
-    }
-    function U(r, t, i) {
-      for (var o = t.next, l = 0; l < i && o !== r.tail; l++)
-        o = o.next;
-      t.next = o, o.prev = t, r.length -= l;
-    }
-    function Z(r) {
-      for (var t = [], i = r.head.next; i !== r.tail; )
-        t.push(i.value), i = i.next;
-      return t;
-    }
-    if (!u.document)
-      return u.addEventListener && (s.disableWorkerMessageHandler || u.addEventListener("message", function(r) {
-        var t = JSON.parse(r.data), i = t.language, o = t.code, l = t.immediateClose;
-        u.postMessage(s.highlight(o, s.languages[i], i)), l && u.close();
-      }, !1)), s;
-    var _ = s.util.currentScript();
-    _ && (s.filename = _.src, _.hasAttribute("data-manual") && (s.manual = !0));
-    function E() {
-      s.manual || s.highlightAll();
-    }
-    if (!s.manual) {
-      var y = document.readyState;
-      y === "loading" || y === "interactive" && _ && _.defer ? document.addEventListener("DOMContentLoaded", E) : window.requestAnimationFrame ? window.requestAnimationFrame(E) : window.setTimeout(E, 16);
-    }
-    return s;
-  }(h);
-  p.exports && (p.exports = n), typeof Je < "u" && (Je.Prism = n), n.languages.markup = {
-    comment: {
-      pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
-      greedy: !0
-    },
-    prolog: {
-      pattern: /<\?[\s\S]+?\?>/,
-      greedy: !0
-    },
-    doctype: {
-      // https://www.w3.org/TR/xml/#NT-doctypedecl
-      pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,
-      greedy: !0,
-      inside: {
-        "internal-subset": {
-          pattern: /(^[^\[]*\[)[\s\S]+(?=\]>$)/,
-          lookbehind: !0,
-          greedy: !0,
-          inside: null
-          // see below
-        },
-        string: {
-          pattern: /"[^"]*"|'[^']*'/,
-          greedy: !0
-        },
-        punctuation: /^<!|>$|[[\]]/,
-        "doctype-tag": /^DOCTYPE/i,
-        name: /[^\s<>'"]+/
-      }
-    },
-    cdata: {
-      pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-      greedy: !0
-    },
-    tag: {
-      pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,
-      greedy: !0,
-      inside: {
-        tag: {
-          pattern: /^<\/?[^\s>\/]+/,
-          inside: {
-            punctuation: /^<\/?/,
-            namespace: /^[^\s>\/:]+:/
-          }
-        },
-        "special-attr": [],
-        "attr-value": {
-          pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,
-          inside: {
-            punctuation: [
-              {
-                pattern: /^=/,
-                alias: "attr-equals"
-              },
-              {
-                pattern: /^(\s*)["']|["']$/,
-                lookbehind: !0
-              }
-            ]
-          }
-        },
-        punctuation: /\/?>/,
-        "attr-name": {
-          pattern: /[^\s>\/]+/,
-          inside: {
-            namespace: /^[^\s>\/:]+:/
-          }
-        }
-      }
-    },
-    entity: [
-      {
-        pattern: /&[\da-z]{1,8};/i,
-        alias: "named-entity"
-      },
-      /&#x?[\da-f]{1,8};/i
-    ]
-  }, n.languages.markup.tag.inside["attr-value"].inside.entity = n.languages.markup.entity, n.languages.markup.doctype.inside["internal-subset"].inside = n.languages.markup, n.hooks.add("wrap", function(u) {
-    u.type === "entity" && (u.attributes.title = u.content.replace(/&amp;/, "&"));
-  }), Object.defineProperty(n.languages.markup.tag, "addInlined", {
-    /**
-     * Adds an inlined language to markup.
-     *
-     * An example of an inlined language is CSS with `<style>` tags.
-     *
-     * @param {string} tagName The name of the tag that contains the inlined language. This name will be treated as
-     * case insensitive.
-     * @param {string} lang The language key.
-     * @example
-     * addInlined('style', 'css');
-     */
-    value: function(b, A) {
-      var R = {};
-      R["language-" + A] = {
-        pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
-        lookbehind: !0,
-        inside: n.languages[A]
-      }, R.cdata = /^<!\[CDATA\[|\]\]>$/i;
-      var s = {
-        "included-cdata": {
-          pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-          inside: R
-        }
-      };
-      s["language-" + A] = {
-        pattern: /[\s\S]+/,
-        inside: n.languages[A]
-      };
-      var m = {};
-      m[b] = {
-        pattern: RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g, function() {
-          return b;
-        }), "i"),
-        lookbehind: !0,
-        greedy: !0,
-        inside: s
-      }, n.languages.insertBefore("markup", "cdata", m);
-    }
-  }), Object.defineProperty(n.languages.markup.tag, "addAttribute", {
-    /**
-     * Adds an pattern to highlight languages embedded in HTML attributes.
-     *
-     * An example of an inlined language is CSS with `style` attributes.
-     *
-     * @param {string} attrName The name of the tag that contains the inlined language. This name will be treated as
-     * case insensitive.
-     * @param {string} lang The language key.
-     * @example
-     * addAttribute('style', 'css');
-     */
-    value: function(u, b) {
-      n.languages.markup.tag.inside["special-attr"].push({
-        pattern: RegExp(
-          /(^|["'\s])/.source + "(?:" + u + ")" + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,
-          "i"
-        ),
-        lookbehind: !0,
-        inside: {
-          "attr-name": /^[^\s=]+/,
-          "attr-value": {
-            pattern: /=[\s\S]+/,
-            inside: {
-              value: {
-                pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
-                lookbehind: !0,
-                alias: [b, "language-" + b],
-                inside: n.languages[b]
-              },
-              punctuation: [
-                {
-                  pattern: /^=/,
-                  alias: "attr-equals"
-                },
-                /"|'/
-              ]
-            }
-          }
-        }
-      });
-    }
-  }), n.languages.html = n.languages.markup, n.languages.mathml = n.languages.markup, n.languages.svg = n.languages.markup, n.languages.xml = n.languages.extend("markup", {}), n.languages.ssml = n.languages.xml, n.languages.atom = n.languages.xml, n.languages.rss = n.languages.xml, function(u) {
-    var b = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
-    u.languages.css = {
-      comment: /\/\*[\s\S]*?\*\//,
-      atrule: {
-        pattern: RegExp("@[\\w-](?:" + /[^;{\s"']|\s+(?!\s)/.source + "|" + b.source + ")*?" + /(?:;|(?=\s*\{))/.source),
-        inside: {
-          rule: /^@[\w-]+/,
-          "selector-function-argument": {
-            pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,
-            lookbehind: !0,
-            alias: "selector"
-          },
-          keyword: {
-            pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/,
-            lookbehind: !0
-          }
-          // See rest below
-        }
-      },
-      url: {
-        // https://drafts.csswg.org/css-values-3/#urls
-        pattern: RegExp("\\burl\\((?:" + b.source + "|" + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ")\\)", "i"),
-        greedy: !0,
-        inside: {
-          function: /^url/i,
-          punctuation: /^\(|\)$/,
-          string: {
-            pattern: RegExp("^" + b.source + "$"),
-            alias: "url"
-          }
-        }
-      },
-      selector: {
-        pattern: RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|` + b.source + ")*(?=\\s*\\{)"),
-        lookbehind: !0
-      },
-      string: {
-        pattern: b,
-        greedy: !0
-      },
-      property: {
-        pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,
-        lookbehind: !0
-      },
-      important: /!important\b/i,
-      function: {
-        pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,
-        lookbehind: !0
-      },
-      punctuation: /[(){};:,]/
-    }, u.languages.css.atrule.inside.rest = u.languages.css;
-    var A = u.languages.markup;
-    A && (A.tag.addInlined("style", "css"), A.tag.addAttribute("style", "css"));
-  }(n), n.languages.clike = {
-    comment: [
-      {
-        pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
-        lookbehind: !0,
-        greedy: !0
-      },
-      {
-        pattern: /(^|[^\\:])\/\/.*/,
-        lookbehind: !0,
-        greedy: !0
-      }
-    ],
-    string: {
-      pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
-      greedy: !0
-    },
-    "class-name": {
-      pattern: /(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,
-      lookbehind: !0,
-      inside: {
-        punctuation: /[.\\]/
-      }
-    },
-    keyword: /\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,
-    boolean: /\b(?:false|true)\b/,
-    function: /\b\w+(?=\()/,
-    number: /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,
-    operator: /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
-    punctuation: /[{}[\];(),.:]/
-  }, n.languages.javascript = n.languages.extend("clike", {
-    "class-name": [
-      n.languages.clike["class-name"],
-      {
-        pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
-        lookbehind: !0
-      }
-    ],
-    keyword: [
-      {
-        pattern: /((?:^|\})\s*)catch\b/,
-        lookbehind: !0
-      },
-      {
-        pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
-        lookbehind: !0
-      }
-    ],
-    // Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
-    function: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
-    number: {
-      pattern: RegExp(
-        /(^|[^\w$])/.source + "(?:" + // constant
-        (/NaN|Infinity/.source + "|" + // binary integer
-        /0[bB][01]+(?:_[01]+)*n?/.source + "|" + // octal integer
-        /0[oO][0-7]+(?:_[0-7]+)*n?/.source + "|" + // hexadecimal integer
-        /0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source + "|" + // decimal bigint
-        /\d+(?:_\d+)*n/.source + "|" + // decimal number (integer or float) but no bigint
-        /(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source) + ")" + /(?![\w$])/.source
-      ),
-      lookbehind: !0
-    },
-    operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
-  }), n.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/, n.languages.insertBefore("javascript", "keyword", {
-    regex: {
-      pattern: RegExp(
-        // lookbehind
-        // eslint-disable-next-line regexp/no-dupe-characters-character-class
-        /((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source + // Regex pattern:
-        // There are 2 regex patterns here. The RegExp set notation proposal added support for nested character
-        // classes if the `v` flag is present. Unfortunately, nested CCs are both context-free and incompatible
-        // with the only syntax, so we have to define 2 different regex patterns.
-        /\//.source + "(?:" + /(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source + "|" + // `v` flag syntax. This supports 3 levels of nested character classes.
-        /(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source + ")" + // lookahead
-        /(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source
-      ),
-      lookbehind: !0,
-      greedy: !0,
-      inside: {
-        "regex-source": {
-          pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
-          lookbehind: !0,
-          alias: "language-regex",
-          inside: n.languages.regex
-        },
-        "regex-delimiter": /^\/|\/$/,
-        "regex-flags": /^[a-z]+$/
-      }
-    },
-    // This must be declared before keyword because we use "function" inside the look-forward
-    "function-variable": {
-      pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,
-      alias: "function"
-    },
-    parameter: [
-      {
-        pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
-        lookbehind: !0,
-        inside: n.languages.javascript
-      },
-      {
-        pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
-        lookbehind: !0,
-        inside: n.languages.javascript
-      },
-      {
-        pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
-        lookbehind: !0,
-        inside: n.languages.javascript
-      },
-      {
-        pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
-        lookbehind: !0,
-        inside: n.languages.javascript
-      }
-    ],
-    constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/
-  }), n.languages.insertBefore("javascript", "string", {
-    hashbang: {
-      pattern: /^#!.*/,
-      greedy: !0,
-      alias: "comment"
-    },
-    "template-string": {
-      pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,
-      greedy: !0,
-      inside: {
-        "template-punctuation": {
-          pattern: /^`|`$/,
-          alias: "string"
-        },
-        interpolation: {
-          pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,
-          lookbehind: !0,
-          inside: {
-            "interpolation-punctuation": {
-              pattern: /^\$\{|\}$/,
-              alias: "punctuation"
-            },
-            rest: n.languages.javascript
-          }
-        },
-        string: /[\s\S]+/
-      }
-    },
-    "string-property": {
-      pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
-      lookbehind: !0,
-      greedy: !0,
-      alias: "property"
-    }
-  }), n.languages.insertBefore("javascript", "operator", {
-    "literal-property": {
-      pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
-      lookbehind: !0,
-      alias: "property"
-    }
-  }), n.languages.markup && (n.languages.markup.tag.addInlined("script", "javascript"), n.languages.markup.tag.addAttribute(
-    /on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,
-    "javascript"
-  )), n.languages.js = n.languages.javascript, function() {
-    if (typeof n > "u" || typeof document > "u")
-      return;
-    Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);
-    var u = "Loading…", b = function(_, E) {
-      return "✖ Error " + _ + " while fetching file: " + E;
-    }, A = "✖ Error: File does not exist or is empty", R = {
-      js: "javascript",
-      py: "python",
-      rb: "ruby",
-      ps1: "powershell",
-      psm1: "powershell",
-      sh: "bash",
-      bat: "batch",
-      h: "c",
-      tex: "latex"
-    }, s = "data-src-status", m = "loading", k = "loaded", S = "failed", I = "pre[data-src]:not([" + s + '="' + k + '"]):not([' + s + '="' + m + '"])';
-    function C(_, E, y) {
-      var r = new XMLHttpRequest();
-      r.open("GET", _, !0), r.onreadystatechange = function() {
-        r.readyState == 4 && (r.status < 400 && r.responseText ? E(r.responseText) : r.status >= 400 ? y(b(r.status, r.statusText)) : y(A));
-      }, r.send(null);
-    }
-    function U(_) {
-      var E = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(_ || "");
-      if (E) {
-        var y = Number(E[1]), r = E[2], t = E[3];
-        return r ? t ? [y, Number(t)] : [y, void 0] : [y, y];
-      }
-    }
-    n.hooks.add("before-highlightall", function(_) {
-      _.selector += ", " + I;
-    }), n.hooks.add("before-sanity-check", function(_) {
-      var E = (
-        /** @type {HTMLPreElement} */
-        _.element
-      );
-      if (E.matches(I)) {
-        _.code = "", E.setAttribute(s, m);
-        var y = E.appendChild(document.createElement("CODE"));
-        y.textContent = u;
-        var r = E.getAttribute("data-src"), t = _.language;
-        if (t === "none") {
-          var i = (/\.(\w+)$/.exec(r) || [, "none"])[1];
-          t = R[i] || i;
-        }
-        n.util.setLanguage(y, t), n.util.setLanguage(E, t);
-        var o = n.plugins.autoloader;
-        o && o.loadLanguages(t), C(
-          r,
-          function(l) {
-            E.setAttribute(s, k);
-            var g = U(E.getAttribute("data-range"));
-            if (g) {
-              var x = l.split(/\r\n?|\n/g), f = g[0], N = g[1] == null ? x.length : g[1];
-              f < 0 && (f += x.length), f = Math.max(0, Math.min(f - 1, x.length)), N < 0 && (N += x.length), N = Math.max(0, Math.min(N, x.length)), l = x.slice(f, N).join(`
-`), E.hasAttribute("data-start") || E.setAttribute("data-start", String(f + 1));
-            }
-            y.textContent = l, n.highlightElement(y);
-          },
-          function(l) {
-            E.setAttribute(s, S), y.textContent = l;
-          }
-        );
-      }
-    }), n.plugins.fileHighlight = {
-      /**
-       * Executes the File Highlight plugin for all matching `pre` elements under the given container.
-       *
-       * Note: Elements which are already loaded or currently loading will not be touched by this method.
-       *
-       * @param {ParentNode} [container=document]
-       */
-      highlight: function(E) {
-        for (var y = (E || document).querySelectorAll(I), r = 0, t; t = y[r++]; )
-          n.highlightElement(t);
-      }
-    };
-    var Z = !1;
-    n.fileHighlight = function() {
-      Z || (console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."), Z = !0), n.plugins.fileHighlight.highlight.apply(this, arguments);
-    };
-  }();
-})(nr);
-var Tr = nr.exports;
-const ze = /* @__PURE__ */ wr(Tr);
+import { jsxs as i, jsx as e, Fragment as Ne } from "react/jsx-runtime";
+import { useRef as P, useMemo as v, useCallback as k, useEffect as w, useState as p, forwardRef as xe, useImperativeHandle as Ie } from "react";
+import J from "prismjs";
+import { PistonClient as we, getSnippet as Q } from "@hep-code-runner/core";
 Prism.languages.clike = {
   comment: [
     {
@@ -2044,9 +259,9 @@ Prism.languages.insertBefore("go", "string", {
   }
 });
 delete Prism.languages.go["class-name"];
-(function(p) {
-  var h = /\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/, n = /(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source, u = {
-    pattern: RegExp(/(^|[^\w.])/.source + n + /[A-Z](?:[\d_A-Z]*[a-z]\w*)?\b/.source),
+(function(t) {
+  var r = /\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/, a = /(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source, o = {
+    pattern: RegExp(/(^|[^\w.])/.source + a + /[A-Z](?:[\d_A-Z]*[a-z]\w*)?\b/.source),
     lookbehind: !0,
     inside: {
       namespace: {
@@ -2058,32 +273,32 @@ delete Prism.languages.go["class-name"];
       punctuation: /\./
     }
   };
-  p.languages.java = p.languages.extend("clike", {
+  t.languages.java = t.languages.extend("clike", {
     string: {
       pattern: /(^|[^\\])"(?:\\.|[^"\\\r\n])*"/,
       lookbehind: !0,
       greedy: !0
     },
     "class-name": [
-      u,
+      o,
       {
         // variables, parameters, and constructor references
         // this to support class names (or generic parameters) which do not contain a lower case letter (also works for methods)
-        pattern: RegExp(/(^|[^\w.])/.source + n + /[A-Z]\w*(?=\s+\w+\s*[;,=()]|\s*(?:\[[\s,]*\]\s*)?::\s*new\b)/.source),
+        pattern: RegExp(/(^|[^\w.])/.source + a + /[A-Z]\w*(?=\s+\w+\s*[;,=()]|\s*(?:\[[\s,]*\]\s*)?::\s*new\b)/.source),
         lookbehind: !0,
-        inside: u.inside
+        inside: o.inside
       },
       {
         // class names based on keyword
         // this to support class names (or generic parameters) which do not contain a lower case letter (also works for methods)
-        pattern: RegExp(/(\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\s+)/.source + n + /[A-Z]\w*\b/.source),
+        pattern: RegExp(/(\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\s+)/.source + a + /[A-Z]\w*\b/.source),
         lookbehind: !0,
-        inside: u.inside
+        inside: o.inside
       }
     ],
-    keyword: h,
+    keyword: r,
     function: [
-      p.languages.clike.function,
+      t.languages.clike.function,
       {
         pattern: /(::\s*)[a-z_]\w*/,
         lookbehind: !0
@@ -2095,7 +310,7 @@ delete Prism.languages.go["class-name"];
       lookbehind: !0
     },
     constant: /\b[A-Z][A-Z_\d]+\b/
-  }), p.languages.insertBefore("java", "string", {
+  }), t.languages.insertBefore("java", "string", {
     "triple-quoted-string": {
       // http://openjdk.java.net/jeps/355#Description
       pattern: /"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,
@@ -2106,7 +321,7 @@ delete Prism.languages.go["class-name"];
       pattern: /'(?:\\.|[^'\\\r\n]){1,6}'/,
       greedy: !0
     }
-  }), p.languages.insertBefore("java", "class-name", {
+  }), t.languages.insertBefore("java", "class-name", {
     annotation: {
       pattern: /(^|[^.])@\w+(?:\s*\.\s*\w+)*/,
       lookbehind: !0,
@@ -2115,29 +330,29 @@ delete Prism.languages.go["class-name"];
     generics: {
       pattern: /<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,
       inside: {
-        "class-name": u,
-        keyword: h,
+        "class-name": o,
+        keyword: r,
         punctuation: /[<>(),.:]/,
         operator: /[?&|]/
       }
     },
     import: [
       {
-        pattern: RegExp(/(\bimport\s+)/.source + n + /(?:[A-Z]\w*|\*)(?=\s*;)/.source),
+        pattern: RegExp(/(\bimport\s+)/.source + a + /(?:[A-Z]\w*|\*)(?=\s*;)/.source),
         lookbehind: !0,
         inside: {
-          namespace: u.inside.namespace,
+          namespace: o.inside.namespace,
           punctuation: /\./,
           operator: /\*/,
           "class-name": /\w+/
         }
       },
       {
-        pattern: RegExp(/(\bimport\s+static\s+)/.source + n + /(?:\w+|\*)(?=\s*;)/.source),
+        pattern: RegExp(/(\bimport\s+static\s+)/.source + a + /(?:\w+|\*)(?=\s*;)/.source),
         lookbehind: !0,
         alias: "static",
         inside: {
-          namespace: u.inside.namespace,
+          namespace: o.inside.namespace,
           static: /\b\w+$/,
           punctuation: /\./,
           operator: /\*/,
@@ -2148,7 +363,7 @@ delete Prism.languages.go["class-name"];
     namespace: {
       pattern: RegExp(
         /(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)(?!<keyword>)[a-z]\w*(?:\.[a-z]\w*)*\.?/.source.replace(/<keyword>/g, function() {
-          return h.source;
+          return r.source;
         })
       ),
       lookbehind: !0,
@@ -2234,17 +449,17 @@ Prism.languages.insertBefore("c", "function", {
   constant: /\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/
 });
 delete Prism.languages.c.boolean;
-(function(p) {
-  for (var h = /\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source, n = 0; n < 2; n++)
-    h = h.replace(/<self>/g, function() {
-      return h;
+(function(t) {
+  for (var r = /\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source, a = 0; a < 2; a++)
+    r = r.replace(/<self>/g, function() {
+      return r;
     });
-  h = h.replace(/<self>/g, function() {
+  r = r.replace(/<self>/g, function() {
     return /[^\s\S]/.source;
-  }), p.languages.rust = {
+  }), t.languages.rust = {
     comment: [
       {
-        pattern: RegExp(/(^|[^\\])/.source + h),
+        pattern: RegExp(/(^|[^\\])/.source + r),
         lookbehind: !0,
         greedy: !0
       },
@@ -2348,7 +563,7 @@ delete Prism.languages.c.boolean;
     boolean: /\b(?:false|true)\b/,
     punctuation: /->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,
     operator: /[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/
-  }, p.languages.rust["closure-params"].inside.rest = p.languages.rust, p.languages.rust.attribute.inside.string = p.languages.rust.string;
+  }, t.languages.rust["closure-params"].inside.rest = t.languages.rust, t.languages.rust.attribute.inside.string = t.languages.rust.string;
 })(Prism);
 Prism.languages.sql = {
   comment: {
@@ -2383,18 +598,18 @@ Prism.languages.sql = {
   operator: /[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,
   punctuation: /[;[\]()`,.]/
 };
-(function(p) {
-  var h = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", n = {
+(function(t) {
+  var r = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", a = {
     pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
     lookbehind: !0,
     alias: "punctuation",
     // this looks reasonably well in all themes
     inside: null
     // see below
-  }, u = {
-    bash: n,
+  }, o = {
+    bash: a,
     environment: {
-      pattern: RegExp("\\$" + h),
+      pattern: RegExp("\\$" + r),
       alias: "constant"
     },
     variable: [
@@ -2434,7 +649,7 @@ Prism.languages.sql = {
           operator: /:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,
           punctuation: /[\[\]]/,
           environment: {
-            pattern: RegExp("(\\{)" + h),
+            pattern: RegExp("(\\{)" + r),
             lookbehind: !0,
             alias: "constant"
           }
@@ -2445,7 +660,7 @@ Prism.languages.sql = {
     // Escape sequences from echo and printf's manuals, and escaped quotes.
     entity: /\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/
   };
-  p.languages.bash = {
+  t.languages.bash = {
     shebang: {
       pattern: /^#!\s*\/.*/,
       alias: "important"
@@ -2483,7 +698,7 @@ Prism.languages.sql = {
       pattern: /(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,
       inside: {
         environment: {
-          pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + h),
+          pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + r),
           lookbehind: !0,
           alias: "constant"
         }
@@ -2503,7 +718,7 @@ Prism.languages.sql = {
         pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
         lookbehind: !0,
         greedy: !0,
-        inside: u
+        inside: o
       },
       // Here-document with quotes around the tag
       // → No expansion (so no “inside”).
@@ -2512,7 +727,7 @@ Prism.languages.sql = {
         lookbehind: !0,
         greedy: !0,
         inside: {
-          bash: n
+          bash: a
         }
       },
       // “Normal” string
@@ -2521,7 +736,7 @@ Prism.languages.sql = {
         pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
         lookbehind: !0,
         greedy: !0,
-        inside: u
+        inside: o
       },
       {
         // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
@@ -2534,15 +749,15 @@ Prism.languages.sql = {
         pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
         greedy: !0,
         inside: {
-          entity: u.entity
+          entity: o.entity
         }
       }
     ],
     environment: {
-      pattern: RegExp("\\$?" + h),
+      pattern: RegExp("\\$?" + r),
       alias: "constant"
     },
-    variable: u.variable,
+    variable: o.variable,
     function: {
       pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
       lookbehind: !0
@@ -2581,8 +796,8 @@ Prism.languages.sql = {
       pattern: /(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,
       lookbehind: !0
     }
-  }, n.inside = p.languages.bash;
-  for (var b = [
+  }, a.inside = t.languages.bash;
+  for (var s = [
     "comment",
     "function-name",
     "for-or-select",
@@ -2598,9 +813,9 @@ Prism.languages.sql = {
     "operator",
     "punctuation",
     "number"
-  ], A = u.variable[1].inside, R = 0; R < b.length; R++)
-    A[b[R]] = p.languages.bash[b[R]];
-  p.languages.sh = p.languages.bash, p.languages.shell = p.languages.bash;
+  ], u = o.variable[1].inside, h = 0; h < s.length; h++)
+    u[s[h]] = t.languages.bash[s[h]];
+  t.languages.sh = t.languages.bash, t.languages.shell = t.languages.bash;
 })(Prism);
 Prism.languages.json = {
   property: {
@@ -2627,7 +842,7 @@ Prism.languages.json = {
   }
 };
 Prism.languages.webmanifest = Prism.languages.json;
-const Rr = `
+const Re = `
 /* 默认代码颜色 */
 .hep-cr-editor .hep-cr-highlight code,
 .hep-cr-editor .hep-cr-highlight pre {
@@ -2711,7 +926,7 @@ const Rr = `
 .hep-cr-editor .token.console {
   color: #f8f8f2 !important;
 }
-`, _r = `
+`, ve = `
 /* 默认代码颜色 */
 .hep-cr-editor .hep-cr-highlight code,
 .hep-cr-editor .hep-cr-highlight pre {
@@ -2789,15 +1004,15 @@ const Rr = `
   color: #333 !important;
 }
 `;
-window.Prism = ze;
-function Fr(p) {
+window.Prism = J;
+function Oe(t) {
   if (typeof document > "u") return;
-  const h = "hep-cr-prism-styles", n = document.getElementById(h), u = p === "dark" ? Rr : _r;
-  n && n.remove();
-  const b = document.createElement("style");
-  b.id = h, b.textContent = u, document.head.appendChild(b);
+  const r = "hep-cr-prism-styles", a = document.getElementById(r), o = t === "dark" ? Re : ve;
+  a && a.remove();
+  const s = document.createElement("style");
+  s.id = r, s.textContent = o, document.head.appendChild(s);
 }
-const Ir = {
+const Le = {
   javascript: "javascript",
   js: "javascript",
   typescript: "typescript",
@@ -2829,74 +1044,74 @@ const Ir = {
   markdown: "markdown",
   md: "markdown"
 };
-function Or(p) {
-  const h = document.createElement("div");
-  return h.textContent = p, h.innerHTML;
+function _e(t) {
+  const r = document.createElement("div");
+  return r.textContent = t, r.innerHTML;
 }
-const Nr = ({
-  value: p,
-  language: h,
-  theme: n = "dark",
-  disabled: u = !1,
-  onChange: b,
-  onCodeChange: A
+const Fe = ({
+  value: t,
+  language: r,
+  theme: a = "dark",
+  disabled: o = !1,
+  onChange: s,
+  onCodeChange: u
 }) => {
-  const R = Pe(null), s = Pe(null), m = Pe(null), k = Ae(() => Ir[h.toLowerCase()] || "javascript", [h]), S = n === "dark" ? "#1e1e1e" : "#fafafa", I = Ae(() => {
+  const h = P(null), f = P(null), y = P(null), m = v(() => Le[r.toLowerCase()] || "javascript", [r]), b = a === "dark" ? "#1e1e1e" : "#fafafa", g = v(() => {
     try {
-      const E = ze.languages[k];
-      if (E)
-        return ze.highlight(p || "", E, k);
+      const l = J.languages[m];
+      if (l)
+        return J.highlight(t || "", l, m);
     } catch {
     }
-    return Or(p || "");
-  }, [p, k]), C = te((E) => {
-    m.current && clearTimeout(m.current), m.current = setTimeout(() => {
-      A == null || A(E);
+    return _e(t || "");
+  }, [t, m]), S = k((l) => {
+    y.current && clearTimeout(y.current), y.current = setTimeout(() => {
+      u == null || u(l);
     }, 500);
-  }, [A]), U = (E) => {
-    const y = E.target.value;
-    b == null || b(y), C(y);
-  }, Z = () => {
-    R.current && s.current && (s.current.scrollTop = R.current.scrollTop, s.current.scrollLeft = R.current.scrollLeft);
-  }, _ = (E) => {
-    if (E.key === "Tab") {
-      E.preventDefault();
-      const y = E.target, r = y.selectionStart, t = y.selectionEnd, i = p.substring(0, r) + "  " + p.substring(t);
-      b == null || b(i), C(i), requestAnimationFrame(() => {
-        y.selectionStart = y.selectionEnd = r + 2;
+  }, [u]), A = (l) => {
+    const d = l.target.value;
+    s == null || s(d), S(d);
+  }, O = () => {
+    h.current && f.current && (f.current.scrollTop = h.current.scrollTop, f.current.scrollLeft = h.current.scrollLeft);
+  }, E = (l) => {
+    if (l.key === "Tab") {
+      l.preventDefault();
+      const d = l.target, M = d.selectionStart, x = d.selectionEnd, U = t.substring(0, M) + "  " + t.substring(x);
+      s == null || s(U), S(U), requestAnimationFrame(() => {
+        d.selectionStart = d.selectionEnd = M + 2;
       });
     }
   };
-  return Te(() => () => {
-    m.current && clearTimeout(m.current);
-  }, []), Te(() => {
-    Fr(n);
-  }, [n]), /* @__PURE__ */ c.jsxs("div", { className: `hep-cr-editor theme-${n}`, style: { background: S }, children: [
-    /* @__PURE__ */ c.jsx(
+  return w(() => () => {
+    y.current && clearTimeout(y.current);
+  }, []), w(() => {
+    Oe(a);
+  }, [a]), /* @__PURE__ */ i("div", { className: `hep-cr-editor theme-${a}`, style: { background: b }, children: [
+    /* @__PURE__ */ e(
       "pre",
       {
-        ref: s,
-        className: `hep-cr-highlight language-${k}`,
+        ref: f,
+        className: `hep-cr-highlight language-${m}`,
         "aria-hidden": "true",
-        children: /* @__PURE__ */ c.jsx("code", { dangerouslySetInnerHTML: { __html: I } })
+        children: /* @__PURE__ */ e("code", { dangerouslySetInnerHTML: { __html: g } })
       }
     ),
-    /* @__PURE__ */ c.jsx(
+    /* @__PURE__ */ e(
       "textarea",
       {
-        ref: R,
+        ref: h,
         className: "hep-cr-input",
-        value: p,
-        disabled: u,
-        onChange: U,
-        onScroll: Z,
-        onKeyDown: _,
+        value: t,
+        disabled: o,
+        onChange: A,
+        onScroll: O,
+        onKeyDown: E,
         spellCheck: !1,
         placeholder: "Write your code here..."
       }
     )
   ] });
-}, Lr = `
+}, De = `
 .hep-cr-editor {
   position: relative;
   flex: 1;
@@ -2955,393 +1170,178 @@ const Nr = ({
 }
 `;
 if (typeof document < "u") {
-  const p = "hep-cr-editor-styles";
-  if (!document.getElementById(p)) {
-    const h = document.createElement("style");
-    h.id = p, h.textContent = Lr, document.head.appendChild(h);
+  const t = "hep-cr-editor-styles";
+  if (!document.getElementById(t)) {
+    const r = document.createElement("style");
+    r.id = t, r.textContent = De, document.head.appendChild(r);
   }
 }
-var Cr = Object.defineProperty, Pr = (p, h, n) => h in p ? Cr(p, h, { enumerable: !0, configurable: !0, writable: !0, value: n }) : p[h] = n, rr = (p, h, n) => Pr(p, typeof h != "symbol" ? h + "" : h, n);
-let Ue = null;
-class Dr {
-  constructor(h = {}) {
-    rr(this, "baseUrl"), rr(this, "timeout"), this.baseUrl = h.pistonUrl || "/api/piston", this.timeout = h.timeout || 3e3;
-  }
-  async getRuntimes(h = !1) {
-    if (Ue && !h)
-      return Ue;
-    try {
-      const n = await fetch(`${this.baseUrl}/runtimes`, {
-        method: "GET",
-        headers: {
-          "Content-Type": "application/json"
-        }
-      });
-      if (!n.ok)
-        throw new Error(`Failed to fetch runtimes: ${n.statusText}`);
-      const u = await n.json();
-      return Ue = u, u;
-    } catch (n) {
-      throw console.error("Failed to fetch runtimes:", n), n;
-    }
-  }
-  async execute(h, n, u = {}) {
-    const b = (await this.getRuntimes()).find(
-      (m) => {
-        var k;
-        return m.language.toLowerCase() === h.toLowerCase() || ((k = m.aliases) == null ? void 0 : k.some((S) => S.toLowerCase() === h.toLowerCase()));
-      }
-    );
-    if (!b)
-      throw new Error(`Language '${h}' is not supported`);
-    const A = this.getFileName(h), R = {
-      language: b.language,
-      version: u.version || b.version,
-      files: [
-        {
-          name: A,
-          content: n
-        }
-      ],
-      stdin: u.stdin || "",
-      args: u.args || [],
-      run_timeout: u.runTimeout || this.timeout,
-      compile_timeout: this.timeout
-    }, s = Date.now();
-    try {
-      const m = await fetch(`${this.baseUrl}/execute`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(R)
-      });
-      if (!m.ok)
-        throw new Error(`Execute failed: ${m.statusText}`);
-      const k = await m.json(), S = Date.now() - s, I = k.run.stdout || "", C = k.run.stderr || "";
-      return {
-        success: k.run.code === 0,
-        output: I,
-        stderr: C,
-        code: k.run.code,
-        executionTime: S,
-        compile: k.compile ? {
-          stdout: k.compile.stdout || "",
-          stderr: k.compile.stderr || "",
-          code: k.compile.code
-        } : void 0
-      };
-    } catch (m) {
-      return {
-        success: !1,
-        output: "",
-        stderr: m instanceof Error ? m.message : "Unknown error",
-        code: -1,
-        executionTime: Date.now() - s
-      };
-    }
-  }
-  getFileName(h) {
-    return {
-      javascript: "main.js",
-      typescript: "main.ts",
-      python: "main.py",
-      python3: "main.py",
-      go: "main.go",
-      rust: "main.rs",
-      java: "Main.java",
-      c: "main.c",
-      cpp: "main.cpp",
-      csharp: "Main.cs",
-      ruby: "main.rb",
-      php: "main.php",
-      bash: "main.sh",
-      shell: "main.sh",
-      perl: "main.pl",
-      lua: "main.lua",
-      swift: "main.swift",
-      kotlin: "Main.kt",
-      scala: "Main.scala",
-      haskell: "main.hs",
-      dart: "main.dart",
-      html: "index.html",
-      css: "style.css",
-      sql: "query.sql",
-      markdown: "readme.md"
-    }[h.toLowerCase()] || `main.${h}`;
-  }
-}
-const jr = {
-  javascript: 'console.log("Hello, World!");',
-  typescript: 'console.log("Hello, World!");',
-  python: 'print("Hello, World!")',
-  python3: 'print("Hello, World!")',
-  go: `package main
-
-import "fmt"
-
-func main() {
-	fmt.Println("Hello, World!")
-}`,
-  rust: `fn main() {
-	println!("Hello, World!");
-}`,
-  java: `public class Main {
-    public static void main(String[] args) {
-        System.out.println("Hello, World!");
-    }
-}`,
-  c: `#include <stdio.h>
-
-int main() {
-    printf("Hello, World!\\n");
-    return 0;
-}`,
-  cpp: `#include <iostream>
-
-int main() {
-    std::cout << "Hello, World!" << std::endl;
-    return 0;
-}`,
-  csharp: `using System;
-
-class Main {
-    static void Main() {
-        Console.WriteLine("Hello, World!");
-    }
-}`,
-  ruby: 'puts "Hello, World!"',
-  php: `<?php
-echo "Hello, World!";
-?>`,
-  bash: 'echo "Hello, World!"',
-  shell: 'echo "Hello, World!"',
-  perl: 'print "Hello, World!\\n";',
-  lua: 'print("Hello, World!")',
-  r: 'print("Hello, World!")',
-  swift: 'print("Hello, World!")',
-  kotlin: `fun main() {
-    println("Hello, World!")
-}`,
-  scala: `object Main extends App {
-    println("Hello, World!")
-}`,
-  haskell: 'main = putStrLn "Hello, World!"',
-  elixir: 'IO.puts "Hello, World!"',
-  erlang: 'main() -> io:fwrite("Hello, World!~n").',
-  clojure: '(println "Hello, World!")',
-  fsharp: 'printfn "Hello, World!"',
-  dart: `void main() {
-  print("Hello, World!");
-}`,
-  assembly: `section .data
-    msg db 'Hello, World!', 0
-section .text
-    global _start
-_start:
-    mov rax, 1
-    mov rdi, 1
-    mov rsi, msg
-    mov rdx, 13
-    syscall
-    mov rax, 60
-    xor rdi, rdi
-    syscall`,
-  html: `<!DOCTYPE html>
-<html>
-<head>
-    <title>Hello</title>
-</head>
-<body>
-    <h1>Hello, World!</h1>
-</body>
-</html>`,
-  css: `body {
-    background-color: #f0f0f0;
-    font-family: Arial, sans-serif;
-}
-
-h1 {
-    color: #333;
-}`,
-  sql: "SELECT 'Hello, World!' AS message;",
-  markdown: `# Hello, World!
-
-This is a sample markdown document.`
-};
-function He(p) {
-  const h = p.toLowerCase();
-  return jr[h] || `// ${p}
-// Write your code here`;
-}
-const $r = ({
-  pistonUrl: p = "/api/piston",
-  language: h = "javascript",
-  theme: n = "light",
-  themeColor: u = "",
-  showLanguageSelector: b = !0,
-  showEditor: A = !0,
-  editable: R = !0,
-  defaultCode: s = "",
-  executorLabel: m = "运行",
-  onExecuteStart: k,
-  onExecuteEnd: S,
-  onLanguageChange: I,
-  onChange: C
+const Ce = ({
+  pistonUrl: t = "/api/piston",
+  language: r = "javascript",
+  theme: a = "light",
+  themeColor: o = "",
+  showLanguageSelector: s = !0,
+  showEditor: u = !0,
+  editable: h = !0,
+  defaultCode: f = "",
+  executorLabel: y = "运行",
+  onExecuteStart: m,
+  onExecuteEnd: b,
+  onLanguageChange: g,
+  onChange: S
 }) => {
-  const [U, Z] = X([]), [_, E] = X(h), [y, r] = X(n), [t, i] = X(s), [o, l] = X(""), [g, x] = X(""), [f, N] = X(!1), [j, W] = X(null), [H, G] = X("stdout"), [ne, ae] = X(null), [ue, D] = X(!0), [z, re] = X(60), [J, B] = X(!1), [le, q] = X(!1), Q = Ae(() => new Dr({ pistonUrl: p }), [p]), ie = Ae(() => U.map((F) => ({
-    value: `${F.language}:${F.version}`,
-    label: `${F.language.charAt(0).toUpperCase() + F.language.slice(1)} ${F.version}`
-  })), [U]), oe = Ae(() => {
-    if (!u) return {};
-    const F = n === "dark", P = (Ie, ve) => {
-      const fe = parseInt(Ie.replace("#", ""), 16), ge = Math.round(2.55 * ve), ke = Math.min(255, Math.max(0, (fe >> 16) + ge)), Le = Math.min(255, Math.max(0, (fe >> 8 & 255) + ge)), Ce = Math.min(255, Math.max(0, (fe & 255) + ge));
-      return "#" + (16777216 + ke * 65536 + Le * 256 + Ce).toString(16).slice(1);
-    }, Fe = ((Ie) => {
-      const ve = parseInt(Ie.replace("#", ""), 16), fe = ve >> 16 & 255, ge = ve >> 8 & 255, ke = ve & 255;
-      return (0.299 * fe + 0.587 * ge + 0.114 * ke) / 255 > 0.5;
-    })(u) ? "#000" : "#fff";
+  const A = "hep-cr-default-language", O = () => typeof window > "u" ? r : localStorage.getItem(A) || r, [E, l] = p([]), [d, M] = p(O()), [x, U] = p(a), [T, B] = p(f), [K, ee] = p(""), [$, te] = p(""), [N, re] = p(!1), [ne, oe] = p(null), [L, z] = p("stdout"), [ae, G] = p(null), [H, ie] = p(!0), [se, he] = p(60), [j, ce] = p(!1), [Y, le] = p(!1), de = P(!1), X = v(() => new we({ pistonUrl: t }), [t]), ge = v(() => E.map((n) => ({
+    value: `${n.language}:${n.version}`,
+    label: `${n.language.charAt(0).toUpperCase() + n.language.slice(1)} ${n.version}`
+  })), [E]), me = v(() => {
+    if (!o) return {};
+    const n = a === "dark", c = (Z, F) => {
+      const D = parseInt(Z.replace("#", ""), 16), C = Math.round(2.55 * F), q = Math.min(255, Math.max(0, (D >> 16) + C)), ue = Math.min(255, Math.max(0, (D >> 8 & 255) + C)), Ae = Math.min(255, Math.max(0, (D & 255) + C));
+      return "#" + (16777216 + q * 65536 + ue * 256 + Ae).toString(16).slice(1);
+    }, Te = ((Z) => {
+      const F = parseInt(Z.replace("#", ""), 16), D = F >> 16 & 255, C = F >> 8 & 255, q = F & 255;
+      return (0.299 * D + 0.587 * C + 0.114 * q) / 255 > 0.5;
+    })(o) ? "#000" : "#fff";
     return {
-      "--hep-cr-theme-color": u,
-      "--hep-cr-theme-color-hover": F ? P(u, 20) : P(u, -20),
-      "--hep-cr-tab-active-color": Fe
+      "--hep-cr-theme-color": o,
+      "--hep-cr-theme-color-hover": n ? c(o, 20) : c(o, -20),
+      "--hep-cr-tab-active-color": Te
     };
-  }, [u, n]), Y = Ae(() => _.includes(":") ? _.split(":")[0] : _, [_]);
-  Te(() => {
-    async function F() {
-      D(!0), ae(null);
+  }, [o, a]), I = v(() => d.includes(":") ? d.split(":")[0] : d, [d]);
+  w(() => {
+    async function n() {
+      ie(!0), G(null);
       try {
-        const P = await Q.getRuntimes();
-        Z(P);
-      } catch (P) {
-        ae(P instanceof Error ? P.message : "Failed to load runtimes");
+        const c = await X.getRuntimes();
+        l(c);
+      } catch (c) {
+        G(c instanceof Error ? c.message : "Failed to load runtimes");
       } finally {
-        D(!1);
+        ie(!1);
       }
     }
-    F();
-  }, [Q]), Te(() => {
-    !t && U.length > 0 && i(s || He(Y));
-  }, [U, t, s, Y]), Te(() => {
-    C == null || C(t);
-  }, []);
-  const de = te(
-    (F) => {
-      const P = F.target.value, he = P.includes(":") ? P.split(":")[0] : P;
-      E(P);
-      const be = He(he);
-      i(be), I == null || I(he, be);
+    n();
+  }, [X]), w(() => {
+    !T && E.length > 0 && B(f || Q(I));
+  }, [E, T, f, I]), w(() => {
+    S == null || S(T);
+  }, []), w(() => {
+    !H && E.length > 0 && g && !de.current && (de.current = !0, g(I, T));
+  }, [H, E.length]);
+  const be = k(
+    (n) => {
+      const c = n.target.value, R = c.includes(":") ? c.split(":")[0] : c;
+      M(c);
+      const _ = Q(R);
+      B(_), g == null || g(R, _), typeof window < "u" && localStorage.setItem(A, c);
     },
-    [I]
-  ), se = te(async () => {
-    if (!f) {
-      N(!0), l(""), x(""), W(null), ae(null), G("stdout"), k == null || k();
+    [g]
+  ), fe = k(async () => {
+    if (!N) {
+      re(!0), ee(""), te(""), oe(null), G(null), z("stdout"), m == null || m();
       try {
-        const F = await Q.execute(Y, t);
-        l(F.output), x(F.stderr), W(F.executionTime || null), G(F.stderr ? "stderr" : "stdout"), S == null || S(F);
-      } catch (F) {
-        const P = F instanceof Error ? F.message : "Execution failed";
-        ae(P), S == null || S({
+        const n = await X.execute(I, T);
+        ee(n.output), te(n.stderr), oe(n.executionTime || null), z(n.stderr ? "stderr" : "stdout"), b == null || b(n);
+      } catch (n) {
+        const c = n instanceof Error ? n.message : "Execution failed";
+        G(c), b == null || b({
           success: !1,
           output: "",
-          stderr: P,
+          stderr: c,
           code: -1
         });
       } finally {
-        N(!1);
+        re(!1);
       }
     }
-  }, [f, _, t, Q, k, S]);
-  te(() => {
-    l(""), x(""), W(null), ae(null);
-  }, []);
-  const pe = te(async () => {
-    await navigator.clipboard.writeText(t), B(!0), setTimeout(() => {
-      B(!1);
+  }, [N, d, T, X, m, b]), Ee = k(async () => {
+    await navigator.clipboard.writeText(T), ce(!0), setTimeout(() => {
+      ce(!1);
     }, 2e3);
-  }, [t]), ye = te(async () => {
-    const F = H === "stdout" ? o : g;
-    await navigator.clipboard.writeText(F), q(!0), setTimeout(() => {
-      q(!1);
+  }, [T]), ke = k(async () => {
+    const n = L === "stdout" ? K : $;
+    await navigator.clipboard.writeText(n), le(!0), setTimeout(() => {
+      le(!1);
     }, 2e3);
-  }, [H, o, g]), me = te(() => {
-    i(He(Y));
-  }, [_]), Re = Pe(!1), xe = te((F) => {
-    Re.current = !0, document.addEventListener("mousemove", ce), document.addEventListener("mouseup", _e), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
-  }, []), ce = te((F) => {
-    if (!Re.current) return;
-    const P = document.querySelector(".hep-cr-main");
-    if (!P) return;
-    const he = P.getBoundingClientRect(), be = (F.clientX - he.left) / he.width * 100;
-    re(Math.max(20, Math.min(80, be)));
-  }, []), _e = te(() => {
-    Re.current = !1, document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", _e), document.body.style.cursor = "", document.body.style.userSelect = "";
-  }, [ce]);
-  return /* @__PURE__ */ c.jsxs("div", { className: `hep-cr-runner hep-cr-runner-${y}`, style: oe, children: [
-    /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-header", children: [
-      /* @__PURE__ */ c.jsx("div", { className: "hep-cr-controls", children: b && /* @__PURE__ */ c.jsxs(
+  }, [L, K, $]), ye = k(() => {
+    B(Q(I));
+  }, [d]), W = P(!1), Se = k((n) => {
+    W.current = !0, document.addEventListener("mousemove", V), document.addEventListener("mouseup", pe), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+  }, []), V = k((n) => {
+    if (!W.current) return;
+    const c = document.querySelector(".hep-cr-main");
+    if (!c) return;
+    const R = c.getBoundingClientRect(), _ = (n.clientX - R.left) / R.width * 100;
+    he(Math.max(20, Math.min(80, _)));
+  }, []), pe = k(() => {
+    W.current = !1, document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", pe), document.body.style.cursor = "", document.body.style.userSelect = "";
+  }, [V]);
+  return /* @__PURE__ */ i("div", { className: `hep-cr-runner hep-cr-runner-${x}`, style: me, children: [
+    /* @__PURE__ */ i("div", { className: "hep-cr-header", children: [
+      /* @__PURE__ */ e("div", { className: "hep-cr-controls", children: s && /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ i(
         "select",
         {
-          value: _,
-          onChange: de,
+          value: d,
+          onChange: be,
           className: "hep-cr-language-select",
-          disabled: f,
+          disabled: N,
           children: [
-            ue && /* @__PURE__ */ c.jsx("option", { value: "", children: "加载中..." }),
-            ie.map((F) => /* @__PURE__ */ c.jsx("option", { value: F.value, children: F.label }, F.value))
+            H && /* @__PURE__ */ e("option", { value: "", children: "加载中..." }),
+            ge.map((n) => /* @__PURE__ */ e("option", { value: n.value, children: n.label }, n.value))
           ]
         }
-      ) }),
-      /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-actions", children: [
-        /* @__PURE__ */ c.jsxs(
+      ) }) }),
+      /* @__PURE__ */ i("div", { className: "hep-cr-actions", children: [
+        /* @__PURE__ */ i(
           "button",
           {
             className: "hep-cr-btn hep-cr-btn-run",
-            disabled: f || ue,
-            onClick: se,
+            disabled: N || H,
+            onClick: fe,
             children: [
-              f ? /* @__PURE__ */ c.jsx("span", { className: "hep-cr-spinner" }) : /* @__PURE__ */ c.jsx("span", { className: "hep-cr-run-icon", children: "▶" }),
-              f ? "运行中..." : m
+              N ? /* @__PURE__ */ e("span", { className: "hep-cr-spinner" }) : /* @__PURE__ */ e("span", { className: "hep-cr-run-icon", children: "▶" }),
+              N ? "运行中..." : y
             ]
           }
         ),
-        A && R && /* @__PURE__ */ c.jsx("button", { className: "hep-cr-btn hep-cr-btn-reset", onClick: me, children: "重置" }),
-        /* @__PURE__ */ c.jsx(
+        u && h && /* @__PURE__ */ e("button", { className: "hep-cr-btn hep-cr-btn-reset", onClick: ye, children: "重置" }),
+        /* @__PURE__ */ e(
           "button",
           {
             className: "hep-cr-btn hep-cr-btn-theme",
-            onClick: () => r(y === "light" ? "dark" : "light"),
-            title: y === "light" ? "Switch to dark mode" : "Switch to light mode",
-            children: y === "light" ? /* @__PURE__ */ c.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ c.jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) }) : /* @__PURE__ */ c.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-              /* @__PURE__ */ c.jsx("circle", { cx: "12", cy: "12", r: "5" }),
-              /* @__PURE__ */ c.jsx("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
-              /* @__PURE__ */ c.jsx("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
-              /* @__PURE__ */ c.jsx("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
-              /* @__PURE__ */ c.jsx("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
-              /* @__PURE__ */ c.jsx("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
-              /* @__PURE__ */ c.jsx("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
-              /* @__PURE__ */ c.jsx("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
-              /* @__PURE__ */ c.jsx("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+            onClick: () => U(x === "light" ? "dark" : "light"),
+            title: x === "light" ? "Switch to dark mode" : "Switch to light mode",
+            children: x === "light" ? /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) }) : /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+              /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "5" }),
+              /* @__PURE__ */ e("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+              /* @__PURE__ */ e("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+              /* @__PURE__ */ e("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+              /* @__PURE__ */ e("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+              /* @__PURE__ */ e("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+              /* @__PURE__ */ e("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+              /* @__PURE__ */ e("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+              /* @__PURE__ */ e("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
             ] })
           }
         )
       ] })
     ] }),
-    ne && /* @__PURE__ */ c.jsx("div", { className: "hep-cr-error-message", children: ne }),
-    /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-main", children: [
-      A && /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-editor-panel", style: { width: `${z}%` }, children: [
-        /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-panel-header", children: [
-          /* @__PURE__ */ c.jsx("span", { className: "hep-cr-panel-title", children: "编辑器" }),
-          /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-output-actions", children: [
-            /* @__PURE__ */ c.jsx("span", { className: "hep-cr-language-badge", children: Y }),
-            /* @__PURE__ */ c.jsx(
+    ae && /* @__PURE__ */ e("div", { className: "hep-cr-error-message", children: ae }),
+    /* @__PURE__ */ i("div", { className: "hep-cr-main", children: [
+      u && /* @__PURE__ */ i("div", { className: "hep-cr-editor-panel", style: { width: `${se}%` }, children: [
+        /* @__PURE__ */ i("div", { className: "hep-cr-panel-header", children: [
+          /* @__PURE__ */ e("span", { className: "hep-cr-panel-title", children: "编辑器" }),
+          /* @__PURE__ */ i("div", { className: "hep-cr-output-actions", children: [
+            /* @__PURE__ */ e("span", { className: "hep-cr-language-badge", children: I }),
+            /* @__PURE__ */ e(
               "button",
               {
-                className: `hep-cr-btn-icon ${J ? "hep-cr-btn-copied" : ""}`,
-                disabled: J,
-                onClick: pe,
-                title: J ? "已复制" : "复制",
-                children: J ? /* @__PURE__ */ c.jsx("span", { className: "hep-cr-copied-text", children: "已复制" }) : /* @__PURE__ */ c.jsxs(
+                className: `hep-cr-btn-icon ${j ? "hep-cr-btn-copied" : ""}`,
+                disabled: j,
+                onClick: Ee,
+                title: j ? "已复制" : "复制",
+                children: j ? /* @__PURE__ */ e("span", { className: "hep-cr-copied-text", children: "已复制" }) : /* @__PURE__ */ i(
                   "svg",
                   {
                     width: "14",
@@ -3351,8 +1351,8 @@ const $r = ({
                     stroke: "currentColor",
                     strokeWidth: "2",
                     children: [
-                      /* @__PURE__ */ c.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
-                      /* @__PURE__ */ c.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                      /* @__PURE__ */ e("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+                      /* @__PURE__ */ e("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                     ]
                   }
                 )
@@ -3360,57 +1360,57 @@ const $r = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ c.jsx(
-          Nr,
+        /* @__PURE__ */ e(
+          Fe,
           {
-            value: t,
-            language: Y,
-            theme: y,
-            disabled: !R || f,
-            onChange: i,
-            onCodeChange: C
+            value: T,
+            language: I,
+            theme: x,
+            disabled: !h || N,
+            onChange: B,
+            onCodeChange: S
           }
         )
       ] }),
-      A && /* @__PURE__ */ c.jsx("div", { className: "hep-cr-resize-handle", onMouseDown: xe, children: /* @__PURE__ */ c.jsx("div", { className: "hep-cr-resize-line" }) }),
-      /* @__PURE__ */ c.jsxs(
+      u && /* @__PURE__ */ e("div", { className: "hep-cr-resize-handle", onMouseDown: Se, children: /* @__PURE__ */ e("div", { className: "hep-cr-resize-line" }) }),
+      /* @__PURE__ */ i(
         "div",
         {
           className: "hep-cr-output-panel",
-          style: { width: A ? `${100 - z}%` : "100%" },
+          style: { width: u ? `${100 - se}%` : "100%" },
           children: [
-            /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-panel-header", children: [
-              /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-output-tabs", children: [
-                /* @__PURE__ */ c.jsx(
+            /* @__PURE__ */ i("div", { className: "hep-cr-panel-header", children: [
+              /* @__PURE__ */ i("div", { className: "hep-cr-output-tabs", children: [
+                /* @__PURE__ */ e(
                   "button",
                   {
-                    className: `hep-cr-tab ${H === "stdout" ? "active" : ""}`,
-                    onClick: () => G("stdout"),
+                    className: `hep-cr-tab ${L === "stdout" ? "active" : ""}`,
+                    onClick: () => z("stdout"),
                     children: "输出"
                   }
                 ),
-                g && /* @__PURE__ */ c.jsx(
+                $ && /* @__PURE__ */ e(
                   "button",
                   {
-                    className: `hep-cr-tab hep-cr-tab-error ${H === "stderr" ? "active" : ""}`,
-                    onClick: () => G("stderr"),
+                    className: `hep-cr-tab hep-cr-tab-error ${L === "stderr" ? "active" : ""}`,
+                    onClick: () => z("stderr"),
                     children: "错误"
                   }
                 )
               ] }),
-              /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-output-actions", children: [
-                j !== null && /* @__PURE__ */ c.jsxs("span", { className: "hep-cr-execution-time", children: [
-                  j,
+              /* @__PURE__ */ i("div", { className: "hep-cr-output-actions", children: [
+                ne !== null && /* @__PURE__ */ i("span", { className: "hep-cr-execution-time", children: [
+                  ne,
                   "ms"
                 ] }),
-                /* @__PURE__ */ c.jsx(
+                /* @__PURE__ */ e(
                   "button",
                   {
-                    className: `hep-cr-btn-icon ${le ? "hep-cr-btn-copied" : ""}`,
-                    disabled: le,
-                    onClick: ye,
-                    title: le ? "已复制" : "复制",
-                    children: le ? /* @__PURE__ */ c.jsx("span", { className: "hep-cr-copied-text", children: "已复制" }) : /* @__PURE__ */ c.jsxs(
+                    className: `hep-cr-btn-icon ${Y ? "hep-cr-btn-copied" : ""}`,
+                    disabled: Y,
+                    onClick: ke,
+                    title: Y ? "已复制" : "复制",
+                    children: Y ? /* @__PURE__ */ e("span", { className: "hep-cr-copied-text", children: "已复制" }) : /* @__PURE__ */ i(
                       "svg",
                       {
                         width: "14",
@@ -3420,8 +1420,8 @@ const $r = ({
                         stroke: "currentColor",
                         strokeWidth: "2",
                         children: [
-                          /* @__PURE__ */ c.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
-                          /* @__PURE__ */ c.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                          /* @__PURE__ */ e("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+                          /* @__PURE__ */ e("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                         ]
                       }
                     )
@@ -3429,12 +1429,12 @@ const $r = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ c.jsx("div", { className: "hep-cr-output-content", children: /* @__PURE__ */ c.jsx("pre", { children: H === "stdout" ? f ? "代码执行中..." : o || '点击"运行"执行代码' : g }) })
+            /* @__PURE__ */ e("div", { className: "hep-cr-output-content", children: /* @__PURE__ */ e("pre", { children: L === "stdout" ? N ? "代码执行中..." : K || '点击"运行"执行代码' : $ }) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ c.jsx("style", { children: `
+    /* @__PURE__ */ e("style", { children: `
         .hep-cr-runner {
           display: flex;
           flex-direction: column;
@@ -3664,35 +1664,35 @@ const $r = ({
         @keyframes spin { to { transform: rotate(360deg); } }
       ` })
   ] });
-}, Mr = xr(
+}, Pe = xe(
   ({
-    open: p,
-    defaultOpen: h = !1,
-    title: n = "代码执行器",
-    width: u = 800,
-    onClose: b,
-    footer: A,
-    theme: R = "light",
-    ...s
-  }, m) => {
-    const [k, S] = X(h), I = p !== void 0, C = I ? p : k;
-    Te(() => {
-      I && p !== k && S(p);
-    }, [p, I]);
-    const U = te(() => {
-      I || S(!1), b == null || b();
-    }, [I, b]), Z = (E) => {
-      E.target === E.currentTarget && U();
+    open: t,
+    defaultOpen: r = !1,
+    title: a = "代码执行器",
+    width: o = 800,
+    onClose: s,
+    footer: u,
+    theme: h = "light",
+    ...f
+  }, y) => {
+    const [m, b] = p(r), g = t !== void 0, S = g ? t : m;
+    w(() => {
+      g && t !== m && b(t);
+    }, [t, g]);
+    const A = k(() => {
+      g || b(!1), s == null || s();
+    }, [g, s]), O = (l) => {
+      l.target === l.currentTarget && A();
     };
-    kr(m, () => ({
-      close: U
+    Ie(y, () => ({
+      close: A
     }));
-    const _ = typeof u == "number" ? `${u}px` : u;
-    return C ? /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-dialog-overlay", onClick: Z, children: [
-      /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-dialog-container", style: { width: _ }, children: [
-        /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-dialog-header", children: [
-          /* @__PURE__ */ c.jsx("h3", { className: "hep-cr-dialog-title", children: n }),
-          /* @__PURE__ */ c.jsx("button", { className: "hep-cr-dialog-close", onClick: U, children: /* @__PURE__ */ c.jsxs(
+    const E = typeof o == "number" ? `${o}px` : o;
+    return S ? /* @__PURE__ */ i("div", { className: "hep-cr-dialog-overlay", onClick: O, children: [
+      /* @__PURE__ */ i("div", { className: "hep-cr-dialog-container", style: { width: E }, children: [
+        /* @__PURE__ */ i("div", { className: "hep-cr-dialog-header", children: [
+          /* @__PURE__ */ e("h3", { className: "hep-cr-dialog-title", children: a }),
+          /* @__PURE__ */ e("button", { className: "hep-cr-dialog-close", onClick: A, children: /* @__PURE__ */ i(
             "svg",
             {
               width: "16",
@@ -3702,16 +1702,16 @@ const $r = ({
               stroke: "currentColor",
               strokeWidth: "2",
               children: [
-                /* @__PURE__ */ c.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                /* @__PURE__ */ c.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
               ]
             }
           ) })
         ] }),
-        /* @__PURE__ */ c.jsx("div", { className: "hep-cr-dialog-body", children: /* @__PURE__ */ c.jsx($r, { theme: R, ...s }) }),
-        A && /* @__PURE__ */ c.jsx("div", { className: "hep-cr-dialog-footer", children: A })
+        /* @__PURE__ */ e("div", { className: "hep-cr-dialog-body", children: /* @__PURE__ */ e(Ce, { theme: h, ...f }) }),
+        u && /* @__PURE__ */ e("div", { className: "hep-cr-dialog-footer", children: u })
       ] }),
-      /* @__PURE__ */ c.jsx("style", { children: `
+      /* @__PURE__ */ e("style", { children: `
           .hep-cr-dialog-overlay {
             position: fixed;
             top: 0;
@@ -3803,9 +1803,9 @@ const $r = ({
     ] }) : null;
   }
 );
-Mr.displayName = "CodeRunnerDialog";
+Pe.displayName = "CodeRunnerDialog";
 export {
-  $r as CodeRunner,
-  Mr as CodeRunnerDialog,
-  $r as default
+  Ce as CodeRunner,
+  Pe as CodeRunnerDialog,
+  Ce as default
 };