@hep-code-runner/react 3.1.3 → 3.2.0

package/dist/index.mjs

@@ -1,1792 +1,7 @@
-import ir, { useRef as Le, useMemo as _e, useCallback as ue, useEffect as ye, useState as Y, forwardRef as xr, useImperativeHandle as kr } from "react";
-var rr = 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 Ye = { 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 tr;
-function Sr() {
-  if (tr) return Oe;
-  tr = 1;
-  var p = ir, h = Symbol.for("react.element"), n = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, v = 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, x) {
-    var w, F = {}, L = null, B = null;
-    x !== void 0 && (L = "" + x), m.key !== void 0 && (L = "" + m.key), m.ref !== void 0 && (B = m.ref);
-    for (w in m) u.call(m, w) && !A.hasOwnProperty(w) && (F[w] = m[w]);
-    if (s && s.defaultProps) for (w in m = s.defaultProps, m) F[w] === void 0 && (F[w] = m[w]);
-    return { $$typeof: h, type: s, key: L, ref: B, props: F, _owner: v.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 nr;
-function Ar() {
-  return nr || (nr = 1, process.env.NODE_ENV !== "production" && function() {
-    var p = ir, h = Symbol.for("react.element"), n = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), v = 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"), x = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), Z = Symbol.iterator, C = "@@iterator";
-    function b(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var a = Z && e[Z] || e[C];
-      return typeof a == "function" ? a : null;
-    }
-    var S = 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), E = 1; E < a; E++)
-          d[E - 1] = arguments[E];
-        t("error", e, d);
-      }
-    }
-    function t(e, a, d) {
-      {
-        var E = S.ReactDebugCurrentFrame, I = E.getStackAddendum();
-        I !== "" && (a += "%s", d = d.concat([I]));
-        var N = d.map(function(T) {
-          return String(T);
-        });
-        N.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, N);
-      }
-    }
-    var i = !1, l = !1, o = !1, f = !1, y = !1, g;
-    g = Symbol.for("react.module.reference");
-    function O(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === u || e === A || y || e === v || e === x || e === w || f || e === B || i || l || o || typeof e == "object" && e !== null && (e.$$typeof === L || e.$$typeof === F || 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 === g || e.getModuleId !== void 0));
-    }
-    function D(e, a, d) {
-      var E = e.displayName;
-      if (E)
-        return E;
-      var I = a.displayName || a.name || "";
-      return I !== "" ? d + "(" + I + ")" : d;
-    }
-    function j(e) {
-      return e.displayName || "Context";
-    }
-    function V(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 v:
-          return "StrictMode";
-        case x:
-          return "Suspense";
-        case w:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case s:
-            var a = e;
-            return j(a) + ".Consumer";
-          case R:
-            var d = e;
-            return j(d._context) + ".Provider";
-          case m:
-            return D(e, e.render, "ForwardRef");
-          case F:
-            var E = e.displayName || null;
-            return E !== null ? E : V(e.type) || "Memo";
-          case L: {
-            var I = e, N = I._payload, T = I._init;
-            try {
-              return V(T(N));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var q = Object.assign, ae = 0, ie, oe, P, H, X, se, z;
-    function xe() {
-    }
-    xe.__reactDisabledLog = !0;
-    function W() {
-      {
-        if (ae === 0) {
-          ie = console.log, oe = console.info, P = console.warn, H = console.error, X = console.group, se = console.groupCollapsed, z = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: xe,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        ae++;
-      }
-    }
-    function le() {
-      {
-        if (ae--, ae === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: q({}, e, {
-              value: ie
-            }),
-            info: q({}, e, {
-              value: oe
-            }),
-            warn: q({}, e, {
-              value: P
-            }),
-            error: q({}, e, {
-              value: H
-            }),
-            group: q({}, e, {
-              value: X
-            }),
-            groupCollapsed: q({}, e, {
-              value: se
-            }),
-            groupEnd: q({}, e, {
-              value: z
-            })
-          });
-        }
-        ae < 0 && r("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var J = S.ReactCurrentDispatcher, re;
-    function te(e, a, d) {
-      {
-        if (re === void 0)
-          try {
-            throw Error();
-          } catch (I) {
-            var E = I.stack.trim().match(/\n( *(at )?)/);
-            re = E && E[1] || "";
-          }
-        return `
-` + re + e;
-      }
-    }
-    var ne = !1, ce;
-    {
-      var de = typeof WeakMap == "function" ? WeakMap : Map;
-      ce = new de();
-    }
-    function Q(e, a) {
-      if (!e || ne)
-        return "";
-      {
-        var d = ce.get(e);
-        if (d !== void 0)
-          return d;
-      }
-      var E;
-      ne = !0;
-      var I = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var N;
-      N = J.current, J.current = null, W();
-      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) {
-              E = K;
-            }
-            Reflect.construct(e, [], T);
-          } else {
-            try {
-              T.call();
-            } catch (K) {
-              E = K;
-            }
-            e.call(T.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (K) {
-            E = K;
-          }
-          e();
-        }
-      } catch (K) {
-        if (K && E && typeof K.stack == "string") {
-          for (var k = K.stack.split(`
-`), G = E.stack.split(`
-`), $ = k.length - 1, U = G.length - 1; $ >= 1 && U >= 0 && k[$] !== G[U]; )
-            U--;
-          for (; $ >= 1 && U >= 0; $--, U--)
-            if (k[$] !== G[U]) {
-              if ($ !== 1 || U !== 1)
-                do
-                  if ($--, U--, U < 0 || k[$] !== G[U]) {
-                    var ee = `
-` + k[$].replace(" at new ", " at ");
-                    return e.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", e.displayName)), typeof e == "function" && ce.set(e, ee), ee;
-                  }
-                while ($ >= 1 && U >= 0);
-              break;
-            }
-        }
-      } finally {
-        ne = !1, J.current = N, le(), Error.prepareStackTrace = I;
-      }
-      var Re = e ? e.displayName || e.name : "", Ee = Re ? te(Re) : "";
-      return typeof e == "function" && ce.set(e, Ee), Ee;
-    }
-    function me(e, a, d) {
-      return Q(e, !1);
-    }
-    function $e(e) {
-      var a = e.prototype;
-      return !!(a && a.isReactComponent);
-    }
-    function ke(e, a, d) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return Q(e, $e(e));
-      if (typeof e == "string")
-        return te(e);
-      switch (e) {
-        case x:
-          return te("Suspense");
-        case w:
-          return te("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case m:
-            return me(e.render);
-          case F:
-            return ke(e.type, a, d);
-          case L: {
-            var E = e, I = E._payload, N = E._init;
-            try {
-              return ke(N(I), a, d);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var be = Object.prototype.hasOwnProperty, Ce = {}, we = S.ReactDebugCurrentFrame;
-    function Se(e) {
-      if (e) {
-        var a = e._owner, d = ke(e.type, e._source, a ? a.type : null);
-        we.setExtraStackFrame(d);
-      } else
-        we.setExtraStackFrame(null);
-    }
-    function Fe(e, a, d, E, I) {
-      {
-        var N = Function.call.bind(be);
-        for (var T in e)
-          if (N(e, T)) {
-            var k = void 0;
-            try {
-              if (typeof e[T] != "function") {
-                var G = Error((E || "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 G.name = "Invariant Violation", G;
-              }
-              k = e[T](a, T, E, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch ($) {
-              k = $;
-            }
-            k && !(k instanceof Error) && (Se(I), 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).", E || "React class", d, T, typeof k), Se(null)), k instanceof Error && !(k.message in Ce) && (Ce[k.message] = !0, Se(I), r("Failed %s type: %s", d, k.message), Se(null));
-          }
-      }
-    }
-    var Pe = Array.isArray;
-    function _(e) {
-      return Pe(e);
-    }
-    function M(e) {
-      {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, d = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return d;
-      }
-    }
-    function pe(e) {
-      try {
-        return he(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function he(e) {
-      return "" + e;
-    }
-    function De(e) {
-      if (pe(e))
-        return r("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", M(e)), he(e);
-    }
-    var Ae = S.ReactCurrentOwner, ve = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, fe, ge;
-    function Ie(e) {
-      if (be.call(e, "ref")) {
-        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (a && a.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function je(e) {
-      if (be.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (a && a.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function Me(e, a) {
-      typeof e.ref == "string" && Ae.current;
-    }
-    function sr(e, a) {
-      {
-        var d = function() {
-          fe || (fe = !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() {
-          ge || (ge = !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, E, I, N, T) {
-      var k = {
-        // 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: N
-      };
-      return k._store = {}, Object.defineProperty(k._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(k, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: E
-      }), Object.defineProperty(k, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: I
-      }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
-    };
-    function ur(e, a, d, E, I) {
-      {
-        var N, T = {}, k = null, G = null;
-        d !== void 0 && (De(d), k = "" + d), je(a) && (De(a.key), k = "" + a.key), Ie(a) && (G = a.ref, Me(a, I));
-        for (N in a)
-          be.call(a, N) && !ve.hasOwnProperty(N) && (T[N] = a[N]);
-        if (e && e.defaultProps) {
-          var $ = e.defaultProps;
-          for (N in $)
-            T[N] === void 0 && (T[N] = $[N]);
-        }
-        if (k || G) {
-          var U = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          k && sr(T, U), G && lr(T, U);
-        }
-        return cr(e, k, G, I, E, Ae.current, T);
-      }
-    }
-    var Ue = S.ReactCurrentOwner, Xe = S.ReactDebugCurrentFrame;
-    function Te(e) {
-      if (e) {
-        var a = e._owner, d = ke(e.type, e._source, a ? a.type : null);
-        Xe.setExtraStackFrame(d);
-      } else
-        Xe.setExtraStackFrame(null);
-    }
-    var He;
-    He = !1;
-    function Be(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === h;
-    }
-    function Ke() {
-      {
-        if (Ue.current) {
-          var e = V(Ue.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function dr(e) {
-      return "";
-    }
-    var Ze = {};
-    function pr(e) {
-      {
-        var a = Ke();
-        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 qe(e, a) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var d = pr(a);
-        if (Ze[d])
-          return;
-        Ze[d] = !0;
-        var E = "";
-        e && e._owner && e._owner !== Ue.current && (E = " It was passed a child from " + V(e._owner.type) + "."), Te(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, E), Te(null);
-      }
-    }
-    function Je(e, a) {
-      {
-        if (typeof e != "object")
-          return;
-        if (_(e))
-          for (var d = 0; d < e.length; d++) {
-            var E = e[d];
-            Be(E) && qe(E, a);
-          }
-        else if (Be(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var I = b(e);
-          if (typeof I == "function" && I !== e.entries)
-            for (var N = I.call(e), T; !(T = N.next()).done; )
-              Be(T.value) && qe(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 === F))
-          d = a.propTypes;
-        else
-          return;
-        if (d) {
-          var E = V(a);
-          Fe(d, e.props, "prop", E, e);
-        } else if (a.PropTypes !== void 0 && !He) {
-          He = !0;
-          var I = V(a);
-          r("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "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 E = a[d];
-          if (E !== "children" && E !== "key") {
-            Te(e), r("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Te(null);
-            break;
-          }
-        }
-        e.ref !== null && (Te(e), r("Invalid attribute `ref` supplied to `React.Fragment`."), Te(null));
-      }
-    }
-    var Qe = {};
-    function er(e, a, d, E, I, N) {
-      {
-        var T = O(e);
-        if (!T) {
-          var k = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (k += " 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 G = dr();
-          G ? k += G : k += Ke();
-          var $;
-          e === null ? $ = "null" : _(e) ? $ = "array" : e !== void 0 && e.$$typeof === h ? ($ = "<" + (V(e.type) || "Unknown") + " />", k = " 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", $, k);
-        }
-        var U = ur(e, a, d, I, N);
-        if (U == null)
-          return U;
-        if (T) {
-          var ee = a.children;
-          if (ee !== void 0)
-            if (E)
-              if (_(ee)) {
-                for (var Re = 0; Re < ee.length; Re++)
-                  Je(ee[Re], 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
-              Je(ee, e);
-        }
-        if (be.call(a, "key")) {
-          var Ee = V(e), K = Object.keys(a).filter(function(yr) {
-            return yr !== "key";
-          }), ze = K.length > 0 ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Qe[Ee + ze]) {
-            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} />`, ze, Ee, Er, Ee), Qe[Ee + ze] = !0;
-          }
-        }
-        return e === u ? fr(U) : hr(U), U;
-      }
-    }
-    function gr(e, a, d) {
-      return er(e, a, d, !0);
-    }
-    function mr(e, a, d) {
-      return er(e, a, d, !1);
-    }
-    var br = mr, vr = gr;
-    Ne.Fragment = u, Ne.jsx = br, Ne.jsxs = vr;
-  }()), Ne;
-}
-process.env.NODE_ENV === "production" ? Ye.exports = Sr() : Ye.exports = Ar();
-var c = Ye.exports, or = { 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 v = /(?:^|\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 l, o;
-          switch (s.util.type(t)) {
-            case "Object":
-              if (o = s.util.objId(t), i[o])
-                return i[o];
-              l = /** @type {Record<string, any>} */
-              {}, i[o] = l;
-              for (var f in t)
-                t.hasOwnProperty(f) && (l[f] = r(t[f], i));
-              return (
-                /** @type {any} */
-                l
-              );
-            case "Array":
-              return o = s.util.objId(t), i[o] ? i[o] : (l = [], i[o] = l, /** @type {Array} */
-              /** @type {any} */
-              t.forEach(function(y, g) {
-                l[g] = r(y, i);
-              }), /** @type {any} */
-              l);
-            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 = v.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(v, "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 (l) {
-            var r = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(l.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 l = "no-" + t; r; ) {
-            var o = r.classList;
-            if (o.contains(t))
-              return !0;
-            if (o.contains(l))
-              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 l in t)
-            i[l] = t[l];
-          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, l) {
-          l = l || /** @type {any} */
-          s.languages;
-          var o = l[r], f = {};
-          for (var y in o)
-            if (o.hasOwnProperty(y)) {
-              if (y == t)
-                for (var g in i)
-                  i.hasOwnProperty(g) && (f[g] = i[g]);
-              i.hasOwnProperty(y) || (f[y] = o[y]);
-            }
-          var O = l[r];
-          return l[r] = f, s.languages.DFS(s.languages, function(D, j) {
-            j === O && D != r && (this[D] = f);
-          }), f;
-        },
-        // Traverse a language definition with Depth First Search
-        DFS: function r(t, i, l, o) {
-          o = o || {};
-          var f = s.util.objId;
-          for (var y in t)
-            if (t.hasOwnProperty(y)) {
-              i.call(t, y, t[y], l || y);
-              var g = t[y], O = s.util.type(g);
-              O === "Object" && !o[f(g)] ? (o[f(g)] = !0, r(g, i, null, o)) : O === "Array" && !o[f(g)] && (o[f(g)] = !0, r(g, i, y, o));
-            }
-        }
-      },
-      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 l = {
-          callback: i,
-          container: r,
-          selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
-        };
-        s.hooks.run("before-highlightall", l), l.elements = Array.prototype.slice.apply(l.container.querySelectorAll(l.selector)), s.hooks.run("before-all-elements-highlight", l);
-        for (var o = 0, f; f = l.elements[o++]; )
-          s.highlightElement(f, t === !0, l.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 l = s.util.getLanguage(r), o = s.languages[l];
-        s.util.setLanguage(r, l);
-        var f = r.parentElement;
-        f && f.nodeName.toLowerCase() === "pre" && s.util.setLanguage(f, l);
-        var y = r.textContent, g = {
-          element: r,
-          language: l,
-          grammar: o,
-          code: y
-        };
-        function O(j) {
-          g.highlightedCode = j, s.hooks.run("before-insert", g), g.element.innerHTML = g.highlightedCode, s.hooks.run("after-highlight", g), s.hooks.run("complete", g), i && i.call(g.element);
-        }
-        if (s.hooks.run("before-sanity-check", g), f = g.element.parentElement, f && f.nodeName.toLowerCase() === "pre" && !f.hasAttribute("tabindex") && f.setAttribute("tabindex", "0"), !g.code) {
-          s.hooks.run("complete", g), i && i.call(g.element);
-          return;
-        }
-        if (s.hooks.run("before-highlight", g), !g.grammar) {
-          O(s.util.encode(g.code));
-          return;
-        }
-        if (t && u.Worker) {
-          var D = new Worker(s.filename);
-          D.onmessage = function(j) {
-            O(j.data);
-          }, D.postMessage(JSON.stringify({
-            language: g.language,
-            code: g.code,
-            immediateClose: !0
-          }));
-        } else
-          O(s.highlight(g.code, g.grammar, g.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 l = {
-          code: r,
-          grammar: t,
-          language: i
-        };
-        if (s.hooks.run("before-tokenize", l), !l.grammar)
-          throw new Error('The language "' + l.language + '" has no grammar.');
-        return l.tokens = s.tokenize(l.code, l.grammar), s.hooks.run("after-tokenize", l), m.stringify(s.util.encode(l.tokens), l.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 l in i)
-            t[l] = i[l];
-          delete t.rest;
-        }
-        var o = new F();
-        return L(o, o.head, r), w(r, o, t, o.head, 0), Z(o);
-      },
-      /**
-       * @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 l = 0, o; o = i[l++]; )
-              o(t);
-        }
-      },
-      Token: m
-    };
-    u.Prism = s;
-    function m(r, t, i, l) {
-      this.type = r, this.content = t, this.alias = i, this.length = (l || "").length | 0;
-    }
-    m.stringify = function r(t, i) {
-      if (typeof t == "string")
-        return t;
-      if (Array.isArray(t)) {
-        var l = "";
-        return t.forEach(function(O) {
-          l += r(O, i);
-        }), l;
-      }
-      var o = {
-        type: t.type,
-        content: r(t.content, i),
-        tag: "span",
-        classes: ["token", t.type],
-        attributes: {},
-        language: i
-      }, f = t.alias;
-      f && (Array.isArray(f) ? Array.prototype.push.apply(o.classes, f) : o.classes.push(f)), s.hooks.run("wrap", o);
-      var y = "";
-      for (var g in o.attributes)
-        y += " " + g + '="' + (o.attributes[g] || "").replace(/"/g, "&quot;") + '"';
-      return "<" + o.tag + ' class="' + o.classes.join(" ") + '"' + y + ">" + o.content + "</" + o.tag + ">";
-    };
-    function x(r, t, i, l) {
-      r.lastIndex = t;
-      var o = r.exec(i);
-      if (o && l && o[1]) {
-        var f = o[1].length;
-        o.index += f, o[0] = o[0].slice(f);
-      }
-      return o;
-    }
-    function w(r, t, i, l, o, f) {
-      for (var y in i)
-        if (!(!i.hasOwnProperty(y) || !i[y])) {
-          var g = i[y];
-          g = Array.isArray(g) ? g : [g];
-          for (var O = 0; O < g.length; ++O) {
-            if (f && f.cause == y + "," + O)
-              return;
-            var D = g[O], j = D.inside, V = !!D.lookbehind, q = !!D.greedy, ae = D.alias;
-            if (q && !D.pattern.global) {
-              var ie = D.pattern.toString().match(/[imsuy]*$/)[0];
-              D.pattern = RegExp(D.pattern.source, ie + "g");
-            }
-            for (var oe = D.pattern || D, P = l.next, H = o; P !== t.tail && !(f && H >= f.reach); H += P.value.length, P = P.next) {
-              var X = P.value;
-              if (t.length > r.length)
-                return;
-              if (!(X instanceof m)) {
-                var se = 1, z;
-                if (q) {
-                  if (z = x(oe, H, r, V), !z || z.index >= r.length)
-                    break;
-                  var J = z.index, xe = z.index + z[0].length, W = H;
-                  for (W += P.value.length; J >= W; )
-                    P = P.next, W += P.value.length;
-                  if (W -= P.value.length, H = W, P.value instanceof m)
-                    continue;
-                  for (var le = P; le !== t.tail && (W < xe || typeof le.value == "string"); le = le.next)
-                    se++, W += le.value.length;
-                  se--, X = r.slice(H, W), z.index -= H;
-                } else if (z = x(oe, 0, X, V), !z)
-                  continue;
-                var J = z.index, re = z[0], te = X.slice(0, J), ne = X.slice(J + re.length), ce = H + X.length;
-                f && ce > f.reach && (f.reach = ce);
-                var de = P.prev;
-                te && (de = L(t, de, te), H += te.length), B(t, de, se);
-                var Q = new m(y, j ? s.tokenize(re, j) : re, ae, re);
-                if (P = L(t, de, Q), ne && L(t, P, ne), se > 1) {
-                  var me = {
-                    cause: y + "," + O,
-                    reach: ce
-                  };
-                  w(r, t, i, P.prev, H, me), f && me.reach > f.reach && (f.reach = me.reach);
-                }
-              }
-            }
-          }
-        }
-    }
-    function F() {
-      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 L(r, t, i) {
-      var l = t.next, o = { value: i, prev: t, next: l };
-      return t.next = o, l.prev = o, r.length++, o;
-    }
-    function B(r, t, i) {
-      for (var l = t.next, o = 0; o < i && l !== r.tail; o++)
-        l = l.next;
-      t.next = l, l.prev = t, r.length -= o;
-    }
-    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, l = t.code, o = t.immediateClose;
-        u.postMessage(s.highlight(l, s.languages[i], i)), o && u.close();
-      }, !1)), s;
-    var C = s.util.currentScript();
-    C && (s.filename = C.src, C.hasAttribute("data-manual") && (s.manual = !0));
-    function b() {
-      s.manual || s.highlightAll();
-    }
-    if (!s.manual) {
-      var S = document.readyState;
-      S === "loading" || S === "interactive" && C && C.defer ? document.addEventListener("DOMContentLoaded", b) : window.requestAnimationFrame ? window.requestAnimationFrame(b) : window.setTimeout(b, 16);
-    }
-    return s;
-  }(h);
-  p.exports && (p.exports = n), typeof rr < "u" && (rr.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(v, 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[v] = {
-        pattern: RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g, function() {
-          return v;
-        }), "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, v) {
-      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: [v, "language-" + v],
-                inside: n.languages[v]
-              },
-              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 v = /(?:"(?:\\(?:\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 + "|" + v.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\\((?:" + v.source + "|" + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ")\\)", "i"),
-        greedy: !0,
-        inside: {
-          function: /^url/i,
-          punctuation: /^\(|\)$/,
-          string: {
-            pattern: RegExp("^" + v.source + "$"),
-            alias: "url"
-          }
-        }
-      },
-      selector: {
-        pattern: RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|` + v.source + ")*(?=\\s*\\{)"),
-        lookbehind: !0
-      },
-      string: {
-        pattern: v,
-        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…", v = function(C, b) {
-      return "✖ Error " + C + " while fetching file: " + b;
-    }, 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", x = "loaded", w = "failed", F = "pre[data-src]:not([" + s + '="' + x + '"]):not([' + s + '="' + m + '"])';
-    function L(C, b, S) {
-      var r = new XMLHttpRequest();
-      r.open("GET", C, !0), r.onreadystatechange = function() {
-        r.readyState == 4 && (r.status < 400 && r.responseText ? b(r.responseText) : r.status >= 400 ? S(v(r.status, r.statusText)) : S(A));
-      }, r.send(null);
-    }
-    function B(C) {
-      var b = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(C || "");
-      if (b) {
-        var S = Number(b[1]), r = b[2], t = b[3];
-        return r ? t ? [S, Number(t)] : [S, void 0] : [S, S];
-      }
-    }
-    n.hooks.add("before-highlightall", function(C) {
-      C.selector += ", " + F;
-    }), n.hooks.add("before-sanity-check", function(C) {
-      var b = (
-        /** @type {HTMLPreElement} */
-        C.element
-      );
-      if (b.matches(F)) {
-        C.code = "", b.setAttribute(s, m);
-        var S = b.appendChild(document.createElement("CODE"));
-        S.textContent = u;
-        var r = b.getAttribute("data-src"), t = C.language;
-        if (t === "none") {
-          var i = (/\.(\w+)$/.exec(r) || [, "none"])[1];
-          t = R[i] || i;
-        }
-        n.util.setLanguage(S, t), n.util.setLanguage(b, t);
-        var l = n.plugins.autoloader;
-        l && l.loadLanguages(t), L(
-          r,
-          function(o) {
-            b.setAttribute(s, x);
-            var f = B(b.getAttribute("data-range"));
-            if (f) {
-              var y = o.split(/\r\n?|\n/g), g = f[0], O = f[1] == null ? y.length : f[1];
-              g < 0 && (g += y.length), g = Math.max(0, Math.min(g - 1, y.length)), O < 0 && (O += y.length), O = Math.max(0, Math.min(O, y.length)), o = y.slice(g, O).join(`
-`), b.hasAttribute("data-start") || b.setAttribute("data-start", String(g + 1));
-            }
-            S.textContent = o, n.highlightElement(S);
-          },
-          function(o) {
-            b.setAttribute(s, w), S.textContent = o;
-          }
-        );
-      }
-    }), 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(b) {
-        for (var S = (b || document).querySelectorAll(F), r = 0, t; t = S[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);
-    };
-  }();
-})(or);
-var Tr = or.exports;
-const Ve = /* @__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 v = [
+  }, 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 < v.length; R++)
-    A[v[R]] = p.languages.bash[v[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 = Ve;
-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 v = document.createElement("style");
-  v.id = h, v.textContent = u, document.head.appendChild(v);
+  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: v,
-  onCodeChange: A
+const Fe = ({
+  value: t,
+  language: r,
+  theme: a = "dark",
+  disabled: o = !1,
+  onChange: s,
+  onCodeChange: u
 }) => {
-  const R = Le(null), s = Le(null), m = Le(null), x = _e(() => Ir[h.toLowerCase()] || "javascript", [h]), w = n === "dark" ? "#1e1e1e" : "#fafafa", F = _e(() => {
+  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 b = Ve.languages[x];
-      if (b)
-        return Ve.highlight(p || "", b, x);
+      const l = J.languages[m];
+      if (l)
+        return J.highlight(t || "", l, m);
     } catch {
     }
-    return Or(p || "");
-  }, [p, x]), L = ue((b) => {
-    m.current && clearTimeout(m.current), m.current = setTimeout(() => {
-      A == null || A(b);
+    return _e(t || "");
+  }, [t, m]), S = k((l) => {
+    y.current && clearTimeout(y.current), y.current = setTimeout(() => {
+      u == null || u(l);
     }, 500);
-  }, [A]), B = (b) => {
-    const S = b.target.value;
-    v == null || v(S), L(S);
-  }, Z = () => {
-    R.current && s.current && (s.current.scrollTop = R.current.scrollTop, s.current.scrollLeft = R.current.scrollLeft);
-  }, C = (b) => {
-    if (b.key === "Tab") {
-      b.preventDefault();
-      const S = b.target, r = S.selectionStart, t = S.selectionEnd, i = p.substring(0, r) + "  " + p.substring(t);
-      v == null || v(i), L(i), requestAnimationFrame(() => {
-        S.selectionStart = S.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 ye(() => () => {
-    m.current && clearTimeout(m.current);
-  }, []), ye(() => {
-    Fr(n);
-  }, [n]), /* @__PURE__ */ c.jsxs("div", { className: `hep-cr-editor theme-${n}`, style: { background: w }, 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-${x}`,
+        ref: f,
+        className: `hep-cr-highlight language-${m}`,
         "aria-hidden": "true",
-        children: /* @__PURE__ */ c.jsx("code", { dangerouslySetInnerHTML: { __html: F } })
+        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: B,
-        onScroll: Z,
-        onKeyDown: C,
+        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,405 +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, ar = (p, h, n) => Pr(p, typeof h != "symbol" ? h + "" : h, n);
-let We = null;
-class Dr {
-  constructor(h = {}) {
-    ar(this, "baseUrl"), ar(this, "timeout"), this.baseUrl = h.pistonUrl || "/api/piston", this.timeout = h.timeout || 3e3;
-  }
-  async getRuntimes(h = !1) {
-    if (We && !h)
-      return We;
-    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 We = u, u;
-    } catch (n) {
-      throw console.error("Failed to fetch runtimes:", n), n;
-    }
-  }
-  async execute(h, n, u = {}) {
-    const v = (await this.getRuntimes()).find(
-      (m) => {
-        var x;
-        return m.language.toLowerCase() === h.toLowerCase() || ((x = m.aliases) == null ? void 0 : x.some((w) => w.toLowerCase() === h.toLowerCase()));
-      }
-    );
-    if (!v)
-      throw new Error(`Language '${h}' is not supported`);
-    const A = this.getFileName(h), R = {
-      language: v.language,
-      version: u.version || v.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 x = await m.json(), w = Date.now() - s, F = x.run.stdout || "", L = x.run.stderr || "";
-      return {
-        success: x.run.code === 0,
-        output: F,
-        stderr: L,
-        code: x.run.code,
-        executionTime: w,
-        compile: x.compile ? {
-          stdout: x.compile.stdout || "",
-          stderr: x.compile.stderr || "",
-          code: x.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 Ge(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: v = !0,
-  showEditor: A = !0,
-  editable: R = !0,
-  defaultCode: s = "",
-  executorLabel: m = "运行",
-  onExecuteStart: x,
-  onExecuteEnd: w,
-  onLanguageChange: F,
-  onChange: L
+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 B = "hep-cr-default-language", Z = () => typeof window > "u" ? h : localStorage.getItem(B) || h, C = () => {
-    typeof window < "u" && localStorage.setItem(B, r);
-  }, [b, S] = Y([]), [r, t] = Y(Z()), [i, l] = Y(n), [o, f] = Y(s), [y, g] = Y(""), [O, D] = Y(""), [j, V] = Y(!1), [q, ae] = Y(null), [ie, oe] = Y("stdout"), [P, H] = Y(null), [X, se] = Y(!0), [z, xe] = Y(60), [W, le] = Y(!1), [J, re] = Y(!1), te = Le(!1), ne = _e(() => new Dr({ pistonUrl: p }), [p]), ce = _e(() => b.map((_) => ({
-    value: `${_.language}:${_.version}`,
-    label: `${_.language.charAt(0).toUpperCase() + _.language.slice(1)} ${_.version}`
-  })), [b]), de = _e(() => {
-    if (!u) return {};
-    const _ = n === "dark", M = (Ae, ve) => {
-      const fe = parseInt(Ae.replace("#", ""), 16), ge = Math.round(2.55 * ve), Ie = Math.min(255, Math.max(0, (fe >> 16) + ge)), je = Math.min(255, Math.max(0, (fe >> 8 & 255) + ge)), Me = Math.min(255, Math.max(0, (fe & 255) + ge));
-      return "#" + (16777216 + Ie * 65536 + je * 256 + Me).toString(16).slice(1);
-    }, De = ((Ae) => {
-      const ve = parseInt(Ae.replace("#", ""), 16), fe = ve >> 16 & 255, ge = ve >> 8 & 255, Ie = ve & 255;
-      return (0.299 * fe + 0.587 * ge + 0.114 * Ie) / 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": _ ? M(u, 20) : M(u, -20),
-      "--hep-cr-tab-active-color": De
+      "--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]), Q = _e(() => r.includes(":") ? r.split(":")[0] : r, [r]);
-  ye(() => {
-    async function _() {
-      se(!0), H(null);
+  }, [o, a]), I = v(() => d.includes(":") ? d.split(":")[0] : d, [d]);
+  w(() => {
+    async function n() {
+      ie(!0), G(null);
       try {
-        const M = await ne.getRuntimes();
-        S(M);
-      } catch (M) {
-        H(M instanceof Error ? M.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 {
-        se(!1);
+        ie(!1);
       }
     }
-    _();
-  }, [ne]), ye(() => {
-    !o && b.length > 0 && f(s || Ge(Q));
-  }, [b, o, s, Q]), ye(() => {
-    L == null || L(o);
-  }, []), ye(() => {
-    !X && b.length > 0 && F && !te.current && (te.current = !0, F(Q, o));
-  }, [X, b.length]);
-  const me = ue(
-    (_) => {
-      const M = _.target.value, pe = M.includes(":") ? M.split(":")[0] : M;
-      t(M);
-      const he = Ge(pe);
-      f(he), F == null || F(pe, he);
+    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);
     },
-    [F]
-  ), $e = ue(async () => {
-    if (!j) {
-      V(!0), g(""), D(""), ae(null), H(null), oe("stdout"), x == null || x();
+    [g]
+  ), fe = k(async () => {
+    if (!N) {
+      re(!0), ee(""), te(""), oe(null), G(null), z("stdout"), m == null || m();
       try {
-        const _ = await ne.execute(Q, o);
-        g(_.output), D(_.stderr), ae(_.executionTime || null), oe(_.stderr ? "stderr" : "stdout"), w == null || w(_);
-      } catch (_) {
-        const M = _ instanceof Error ? _.message : "Execution failed";
-        H(M), w == null || w({
+        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: M,
+          stderr: c,
           code: -1
         });
       } finally {
-        V(!1);
+        re(!1);
       }
     }
-  }, [j, r, o, ne, x, w]), ke = ue(async () => {
-    await navigator.clipboard.writeText(o), le(!0), setTimeout(() => {
-      le(!1);
+  }, [N, d, T, X, m, b]), Ee = k(async () => {
+    await navigator.clipboard.writeText(T), ce(!0), setTimeout(() => {
+      ce(!1);
     }, 2e3);
-  }, [o]), be = ue(async () => {
-    const _ = ie === "stdout" ? y : O;
-    await navigator.clipboard.writeText(_), re(!0), setTimeout(() => {
-      re(!1);
+  }, [T]), ke = k(async () => {
+    const n = L === "stdout" ? K : $;
+    await navigator.clipboard.writeText(n), le(!0), setTimeout(() => {
+      le(!1);
     }, 2e3);
-  }, [ie, y, O]), Ce = ue(() => {
-    f(Ge(Q));
-  }, [r]), we = Le(!1), Se = ue((_) => {
-    we.current = !0, document.addEventListener("mousemove", Fe), document.addEventListener("mouseup", Pe), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
-  }, []), Fe = ue((_) => {
-    if (!we.current) return;
-    const M = document.querySelector(".hep-cr-main");
-    if (!M) return;
-    const pe = M.getBoundingClientRect(), he = (_.clientX - pe.left) / pe.width * 100;
-    xe(Math.max(20, Math.min(80, he)));
-  }, []), Pe = ue(() => {
-    we.current = !1, document.removeEventListener("mousemove", Fe), document.removeEventListener("mouseup", Pe), document.body.style.cursor = "", document.body.style.userSelect = "";
-  }, [Fe]);
-  return /* @__PURE__ */ c.jsxs("div", { className: `hep-cr-runner hep-cr-runner-${i}`, style: de, children: [
-    /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-header", children: [
-      /* @__PURE__ */ c.jsx("div", { className: "hep-cr-controls", children: v && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-        /* @__PURE__ */ c.jsxs(
-          "select",
-          {
-            value: r,
-            onChange: me,
-            className: "hep-cr-language-select",
-            disabled: j,
-            children: [
-              X && /* @__PURE__ */ c.jsx("option", { value: "", children: "加载中..." }),
-              ce.map((_) => /* @__PURE__ */ c.jsx("option", { value: _.value, children: _.label }, _.value))
-            ]
-          }
-        ),
-        /* @__PURE__ */ c.jsx(
-          "button",
-          {
-            className: "hep-cr-btn hep-cr-btn-set-default",
-            disabled: j,
-            onClick: C,
-            title: "设为默认语言",
-            children: "★"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-actions", children: [
-        /* @__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: d,
+          onChange: be,
+          className: "hep-cr-language-select",
+          disabled: N,
+          children: [
+            H && /* @__PURE__ */ e("option", { value: "", children: "加载中..." }),
+            ge.map((n) => /* @__PURE__ */ e("option", { value: n.value, children: n.label }, n.value))
+          ]
+        }
+      ) }) }),
+      /* @__PURE__ */ i("div", { className: "hep-cr-actions", children: [
+        /* @__PURE__ */ i(
           "button",
           {
             className: "hep-cr-btn hep-cr-btn-run",
-            disabled: j || X,
-            onClick: $e,
+            disabled: N || H,
+            onClick: fe,
             children: [
-              j ? /* @__PURE__ */ c.jsx("span", { className: "hep-cr-spinner" }) : /* @__PURE__ */ c.jsx("span", { className: "hep-cr-run-icon", children: "▶" }),
-              j ? "运行中..." : 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: Ce, 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: () => l(i === "light" ? "dark" : "light"),
-            title: i === "light" ? "Switch to dark mode" : "Switch to light mode",
-            children: i === "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" })
             ] })
           }
         )
       ] })
     ] }),
-    P && /* @__PURE__ */ c.jsx("div", { className: "hep-cr-error-message", children: P }),
-    /* @__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: Q }),
-            /* @__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 ${W ? "hep-cr-btn-copied" : ""}`,
-                disabled: W,
-                onClick: ke,
-                title: W ? "已复制" : "复制",
-                children: W ? /* @__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",
@@ -3363,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" })
                     ]
                   }
                 )
@@ -3372,57 +1360,57 @@ const $r = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ c.jsx(
-          Nr,
+        /* @__PURE__ */ e(
+          Fe,
           {
-            value: o,
-            language: Q,
-            theme: i,
-            disabled: !R || j,
-            onChange: f,
-            onCodeChange: L
+            value: T,
+            language: I,
+            theme: x,
+            disabled: !h || N,
+            onChange: B,
+            onCodeChange: S
           }
         )
       ] }),
-      A && /* @__PURE__ */ c.jsx("div", { className: "hep-cr-resize-handle", onMouseDown: Se, 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 ${ie === "stdout" ? "active" : ""}`,
-                    onClick: () => oe("stdout"),
+                    className: `hep-cr-tab ${L === "stdout" ? "active" : ""}`,
+                    onClick: () => z("stdout"),
                     children: "输出"
                   }
                 ),
-                O && /* @__PURE__ */ c.jsx(
+                $ && /* @__PURE__ */ e(
                   "button",
                   {
-                    className: `hep-cr-tab hep-cr-tab-error ${ie === "stderr" ? "active" : ""}`,
-                    onClick: () => oe("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: [
-                q !== null && /* @__PURE__ */ c.jsxs("span", { className: "hep-cr-execution-time", children: [
-                  q,
+              /* @__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 ${J ? "hep-cr-btn-copied" : ""}`,
-                    disabled: J,
-                    onClick: be,
-                    title: J ? "已复制" : "复制",
-                    children: J ? /* @__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",
@@ -3432,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" })
                         ]
                       }
                     )
@@ -3441,12 +1429,12 @@ const $r = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ c.jsx("div", { className: "hep-cr-output-content", children: /* @__PURE__ */ c.jsx("pre", { children: ie === "stdout" ? j ? "代码执行中..." : y || '点击"运行"执行代码' : O }) })
+            /* @__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;
@@ -3506,18 +1494,6 @@ const $r = ({
         .hep-cr-runner-light .hep-cr-btn-theme { color: #f57c00; }
         .hep-cr-btn-theme:hover { background: rgba(255, 255, 255, 0.1); color: #fff; }
         .hep-cr-runner-light .hep-cr-btn-theme:hover { background: rgba(0, 0, 0, 0.05); }
-        .hep-cr-btn-set-default {
-          background: transparent;
-          color: #888;
-          padding: 6px 10px;
-          font-size: 16px;
-          line-height: 1;
-          min-height: 28px;
-          height: auto;
-        }
-        .hep-cr-runner-light .hep-cr-btn-set-default { color: #bbb; }
-        .hep-cr-btn-set-default:hover:not(:disabled) { color: #fdd835; background: transparent; }
-        .hep-cr-runner-light .hep-cr-btn-set-default:hover:not(:disabled) { color: #f57c00; }
         .hep-cr-error-message {
           padding: 10px 16px;
           background: #c62828;
@@ -3688,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: v,
-    footer: A,
-    theme: R = "light",
-    ...s
-  }, m) => {
-    const [x, w] = Y(h), F = p !== void 0, L = F ? p : x;
-    ye(() => {
-      F && p !== x && w(p);
-    }, [p, F]);
-    const B = ue(() => {
-      F || w(!1), v == null || v();
-    }, [F, v]), Z = (b) => {
-      b.target === b.currentTarget && B();
+    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: B
+    Ie(y, () => ({
+      close: A
     }));
-    const C = typeof u == "number" ? `${u}px` : u;
-    return L ? /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-dialog-overlay", onClick: Z, children: [
-      /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-dialog-container", style: { width: C }, 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: B, 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",
@@ -3726,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;
@@ -3827,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
 };