@hep-code-runner/react 1.2.0 → 1.3.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import qe, { useRef as Oe, useMemo as Ee, useEffect as Se, useState as Z, useCallback as le, forwardRef as xt, useImperativeHandle as St } from "react";
+import qe, { useRef as Oe, useMemo as Ee, useEffect as Se, useState as Z, useCallback as le, forwardRef as xr, useImperativeHandle as Sr } from "react";
 var Ve = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function wt(d) {
+function wr(d) {
   return d && d.__esModule && Object.prototype.hasOwnProperty.call(d, "default") ? d.default : d;
 }
 var Ie = { exports: {} }, be = {};
@@ -14,7 +14,7 @@ var Ie = { exports: {} }, be = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Xe;
-function At() {
+function Ar() {
   if (Xe) return be;
   Xe = 1;
   var d = qe, f = Symbol.for("react.element"), n = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, m = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, k = { key: !0, ref: !0, __self: !0, __source: !0 };
@@ -38,7 +38,7 @@ var ve = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ke;
-function Tt() {
+function Tr() {
   return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && function() {
     var d = qe, f = Symbol.for("react.element"), n = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), l = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), B = Symbol.iterator, F = "@@iterator";
     function w(e) {
@@ -48,14 +48,14 @@ function Tt() {
       return typeof a == "function" ? a : null;
     }
     var R = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function t(e) {
+    function r(e) {
       {
         for (var a = arguments.length, u = new Array(a > 1 ? a - 1 : 0), v = 1; v < a; v++)
           u[v - 1] = arguments[v];
-        r("error", e, u);
+        t("error", e, u);
       }
     }
-    function r(e, a, u) {
+    function t(e, a, u) {
       {
         var v = R.ReactDebugCurrentFrame, N = v.getStackAddendum();
         N !== "" && (a += "%s", u = u.concat([N]));
@@ -87,7 +87,7 @@ function Tt() {
     function V(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && t("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      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;
@@ -188,7 +188,7 @@ function Tt() {
             })
           });
         }
-        ne < 0 && t("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ne < 0 && r("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var ae = R.ReactCurrentDispatcher, J;
@@ -205,16 +205,16 @@ function Tt() {
 ` + J + e;
       }
     }
-    var se = !1, te;
+    var se = !1, re;
     {
       var A = typeof WeakMap == "function" ? WeakMap : Map;
-      te = new A();
+      re = new A();
     }
     function M(e, a) {
       if (!e || se)
         return "";
       {
-        var u = te.get(e);
+        var u = re.get(e);
         if (u !== void 0)
           return u;
       }
@@ -269,7 +269,7 @@ function Tt() {
                   if ($--, U--, U < 0 || x[$] !== Y[U]) {
                     var Q = `
 ` + x[$].replace(" at new ", " at ");
-                    return e.displayName && Q.includes("<anonymous>") && (Q = Q.replace("<anonymous>", e.displayName)), typeof e == "function" && te.set(e, Q), Q;
+                    return e.displayName && Q.includes("<anonymous>") && (Q = Q.replace("<anonymous>", e.displayName)), typeof e == "function" && re.set(e, Q), Q;
                   }
                 while ($ >= 1 && U >= 0);
               break;
@@ -279,9 +279,9 @@ function Tt() {
         se = !1, ae.current = L, oe(), Error.prepareStackTrace = N;
       }
       var he = e ? e.displayName || e.name : "", de = he ? ie(he) : "";
-      return typeof e == "function" && te.set(e, de), de;
+      return typeof e == "function" && re.set(e, de), de;
     }
-    function re(e, a, u) {
+    function te(e, a, u) {
       return M(e, !1);
     }
     function fe(e) {
@@ -304,7 +304,7 @@ function Tt() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case b:
-            return re(e.render);
+            return te(e.render);
           case O:
             return ye(e.type, a, u);
           case D: {
@@ -340,21 +340,21 @@ function Tt() {
             } catch ($) {
               x = $;
             }
-            x && !(x instanceof Error) && (xe(N), t("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", u, T, typeof x), xe(null)), x instanceof Error && !(x.message in Ce) && (Ce[x.message] = !0, xe(N), t("Failed %s type: %s", u, x.message), xe(null));
+            x && !(x instanceof Error) && (xe(N), r("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", u, T, typeof x), xe(null)), x instanceof Error && !(x.message in Ce) && (Ce[x.message] = !0, xe(N), r("Failed %s type: %s", u, x.message), xe(null));
           }
       }
     }
-    var et = Array.isArray;
+    var er = Array.isArray;
     function we(e) {
-      return et(e);
+      return er(e);
     }
-    function tt(e) {
+    function rr(e) {
       {
         var a = typeof Symbol == "function" && Symbol.toStringTag, u = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return u;
       }
     }
-    function rt(e) {
+    function tr(e) {
       try {
         return Pe(e), !1;
       } catch {
@@ -365,16 +365,16 @@ function Tt() {
       return "" + e;
     }
     function De(e) {
-      if (rt(e))
-        return t("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", tt(e)), Pe(e);
+      if (tr(e))
+        return r("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rr(e)), Pe(e);
     }
-    var je = R.ReactCurrentOwner, nt = {
+    var je = R.ReactCurrentOwner, nr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, $e, Me;
-    function at(e) {
+    function ar(e) {
       if (me.call(e, "ref")) {
         var a = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (a && a.isReactWarning)
@@ -382,7 +382,7 @@ function Tt() {
       }
       return e.ref !== void 0;
     }
-    function it(e) {
+    function ir(e) {
       if (me.call(e, "key")) {
         var a = Object.getOwnPropertyDescriptor(e, "key").get;
         if (a && a.isReactWarning)
@@ -390,13 +390,13 @@ function Tt() {
       }
       return e.key !== void 0;
     }
-    function st(e, a) {
+    function sr(e, a) {
       typeof e.ref == "string" && je.current;
     }
-    function ot(e, a) {
+    function or(e, a) {
       {
         var u = function() {
-          $e || ($e = !0, t("%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));
+          $e || ($e = !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));
         };
         u.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: u,
@@ -404,10 +404,10 @@ function Tt() {
         });
       }
     }
-    function lt(e, a) {
+    function lr(e, a) {
       {
         var u = function() {
-          Me || (Me = !0, t("%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));
+          Me || (Me = !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));
         };
         u.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: u,
@@ -415,7 +415,7 @@ function Tt() {
         });
       }
     }
-    var ut = function(e, a, u, v, N, L, T) {
+    var ur = function(e, a, u, v, N, L, T) {
       var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: f,
@@ -444,12 +444,12 @@ function Tt() {
         value: N
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function ct(e, a, u, v, N) {
+    function cr(e, a, u, v, N) {
       {
         var L, T = {}, x = null, Y = null;
-        u !== void 0 && (De(u), x = "" + u), it(a) && (De(a.key), x = "" + a.key), at(a) && (Y = a.ref, st(a, N));
+        u !== void 0 && (De(u), x = "" + u), ir(a) && (De(a.key), x = "" + a.key), ar(a) && (Y = a.ref, sr(a, N));
         for (L in a)
-          me.call(a, L) && !nt.hasOwnProperty(L) && (T[L] = a[L]);
+          me.call(a, L) && !nr.hasOwnProperty(L) && (T[L] = a[L]);
         if (e && e.defaultProps) {
           var $ = e.defaultProps;
           for (L in $)
@@ -457,9 +457,9 @@ function Tt() {
         }
         if (x || Y) {
           var U = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          x && ot(T, U), Y && lt(T, U);
+          x && or(T, U), Y && lr(T, U);
         }
-        return ut(e, x, Y, N, v, je.current, T);
+        return ur(e, x, Y, N, v, je.current, T);
       }
     }
     var Ae = R.ReactCurrentOwner, Ue = R.ReactDebugCurrentFrame;
@@ -487,11 +487,11 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function dt(e) {
+    function dr(e) {
       return "";
     }
     var Be = {};
-    function pt(e) {
+    function pr(e) {
       {
         var a = He();
         if (!a) {
@@ -508,12 +508,12 @@ Check the top-level render call using <` + u + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var u = pt(a);
+        var u = pr(a);
         if (Be[u])
           return;
         Be[u] = !0;
         var v = "";
-        e && e._owner && e._owner !== Ae.current && (v = " It was passed a child from " + V(e._owner.type) + "."), ge(e), t('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, v), ge(null);
+        e && e._owner && e._owner !== Ae.current && (v = " It was passed a child from " + V(e._owner.type) + "."), ge(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.', u, v), ge(null);
       }
     }
     function We(e, a) {
@@ -535,7 +535,7 @@ Check the top-level render call using <` + u + ">.");
         }
       }
     }
-    function ft(e) {
+    function fr(e) {
       {
         var a = e.type;
         if (a == null || typeof a == "string")
@@ -555,21 +555,21 @@ Check the top-level render call using <` + u + ">.");
         } else if (a.PropTypes !== void 0 && !Te) {
           Te = !0;
           var N = V(a);
-          t("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
+          r("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
         }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && t("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        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 gt(e) {
+    function gr(e) {
       {
         for (var a = Object.keys(e.props), u = 0; u < a.length; u++) {
           var v = a[u];
           if (v !== "children" && v !== "key") {
-            ge(e), t("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), ge(null);
+            ge(e), r("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), ge(null);
             break;
           }
         }
-        e.ref !== null && (ge(e), t("Invalid attribute `ref` supplied to `React.Fragment`."), ge(null));
+        e.ref !== null && (ge(e), r("Invalid attribute `ref` supplied to `React.Fragment`."), ge(null));
       }
     }
     var Ge = {};
@@ -579,12 +579,12 @@ Check the top-level render call using <` + u + ">.");
         if (!T) {
           var x = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (x += " 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 Y = dt();
+          var Y = dr();
           Y ? x += Y : x += He();
           var $;
-          e === null ? $ = "null" : we(e) ? $ = "array" : e !== void 0 && e.$$typeof === f ? ($ = "<" + (V(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof e, t("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, x);
+          e === null ? $ = "null" : we(e) ? $ = "array" : e !== void 0 && e.$$typeof === f ? ($ = "<" + (V(e.type) || "Unknown") + " />", x = " 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", $, x);
         }
-        var U = ct(e, a, u, N, L);
+        var U = cr(e, a, u, N, L);
         if (U == null)
           return U;
         if (T) {
@@ -596,38 +596,38 @@ Check the top-level render call using <` + u + ">.");
                   We(Q[he], e);
                 Object.freeze && Object.freeze(Q);
               } else
-                t("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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
               We(Q, e);
         }
         if (me.call(a, "key")) {
-          var de = V(e), K = Object.keys(a).filter(function(yt) {
-            return yt !== "key";
+          var de = V(e), K = Object.keys(a).filter(function(yr) {
+            return yr !== "key";
           }), ke = K.length > 0 ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Ge[de + ke]) {
-            var Et = K.length > 0 ? "{" + K.join(": ..., ") + ": ...}" : "{}";
-            t(`A props object containing a "key" prop is being spread into JSX:
+            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} />`, ke, de, Et, de), Ge[de + ke] = !0;
+  <%s key={someKey} {...props} />`, ke, de, Er, de), Ge[de + ke] = !0;
           }
         }
-        return e === c ? gt(U) : ft(U), U;
+        return e === c ? gr(U) : fr(U), U;
       }
     }
-    function ht(e, a, u) {
+    function hr(e, a, u) {
       return Ye(e, a, u, !0);
     }
-    function mt(e, a, u) {
+    function mr(e, a, u) {
       return Ye(e, a, u, !1);
     }
-    var bt = mt, vt = ht;
-    ve.Fragment = c, ve.jsx = bt, ve.jsxs = vt;
+    var br = mr, vr = hr;
+    ve.Fragment = c, ve.jsx = br, ve.jsxs = vr;
   }()), ve;
 }
-process.env.NODE_ENV === "production" ? Ie.exports = At() : Ie.exports = Tt();
+process.env.NODE_ENV === "production" ? Ie.exports = Ar() : Ie.exports = Tr();
 var h = Ie.exports, Je = { exports: {} };
 (function(d) {
   var f = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
@@ -695,8 +695,8 @@ var h = Ie.exports, Je = { exports: {} };
        * @memberof Prism
        */
       util: {
-        encode: function t(r) {
-          return r instanceof b ? new b(r.type, t(r.content), r.alias) : Array.isArray(r) ? r.map(t) : r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+        encode: function r(t) {
+          return t instanceof b ? new b(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.
@@ -714,8 +714,8 @@ var h = Ie.exports, Je = { exports: {} };
          * type(String)    === 'Function'
          * type(/abc+/)    === 'RegExp'
          */
-        type: function(t) {
-          return Object.prototype.toString.call(t).slice(8, -1);
+        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.
@@ -723,8 +723,8 @@ var h = Ie.exports, Je = { exports: {} };
          * @param {Object} obj
          * @returns {number}
          */
-        objId: function(t) {
-          return t.__id || Object.defineProperty(t, "__id", { value: ++k }), t.__id;
+        objId: function(r) {
+          return r.__id || Object.defineProperty(r, "__id", { value: ++k }), r.__id;
         },
         /**
          * Creates a deep clone of the given object.
@@ -736,30 +736,30 @@ var h = Ie.exports, Je = { exports: {} };
          * @returns {T}
          * @template T
          */
-        clone: function t(r, i) {
+        clone: function r(t, i) {
           i = i || {};
           var s, o;
-          switch (l.util.type(r)) {
+          switch (l.util.type(t)) {
             case "Object":
-              if (o = l.util.objId(r), i[o])
+              if (o = l.util.objId(t), i[o])
                 return i[o];
               s = /** @type {Record<string, any>} */
               {}, i[o] = s;
-              for (var p in r)
-                r.hasOwnProperty(p) && (s[p] = t(r[p], i));
+              for (var p in t)
+                t.hasOwnProperty(p) && (s[p] = r(t[p], i));
               return (
                 /** @type {any} */
                 s
               );
             case "Array":
-              return o = l.util.objId(r), i[o] ? i[o] : (s = [], i[o] = s, /** @type {Array} */
+              return o = l.util.objId(t), i[o] ? i[o] : (s = [], i[o] = s, /** @type {Array} */
               /** @type {any} */
-              r.forEach(function(E, g) {
-                s[g] = t(E, i);
+              t.forEach(function(E, g) {
+                s[g] = r(E, i);
               }), /** @type {any} */
               s);
             default:
-              return r;
+              return t;
           }
         },
         /**
@@ -770,12 +770,12 @@ var h = Ie.exports, Je = { exports: {} };
          * @param {Element} element
          * @returns {string}
          */
-        getLanguage: function(t) {
-          for (; t; ) {
-            var r = m.exec(t.className);
-            if (r)
-              return r[1].toLowerCase();
-            t = t.parentElement;
+        getLanguage: function(r) {
+          for (; r; ) {
+            var t = m.exec(r.className);
+            if (t)
+              return t[1].toLowerCase();
+            r = r.parentElement;
           }
           return "none";
         },
@@ -786,8 +786,8 @@ var h = Ie.exports, Je = { exports: {} };
          * @param {string} language
          * @returns {void}
          */
-        setLanguage: function(t, r) {
-          t.className = t.className.replace(RegExp(m, "gi"), ""), t.classList.add("language-" + r);
+        setLanguage: function(r, t) {
+          r.className = r.className.replace(RegExp(m, "gi"), ""), r.classList.add("language-" + t);
         },
         /**
          * Returns the script element that is currently executing.
@@ -807,12 +807,12 @@ var h = Ie.exports, Je = { exports: {} };
           try {
             throw new Error();
           } catch (s) {
-            var t = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(s.stack) || [])[1];
-            if (t) {
-              var r = document.getElementsByTagName("script");
-              for (var i in r)
-                if (r[i].src == t)
-                  return r[i];
+            var r = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(s.stack) || [])[1];
+            if (r) {
+              var t = document.getElementsByTagName("script");
+              for (var i in t)
+                if (t[i].src == r)
+                  return t[i];
             }
             return null;
           }
@@ -836,14 +836,14 @@ var h = Ie.exports, Je = { exports: {} };
          * @param {boolean} [defaultActivation=false]
          * @returns {boolean}
          */
-        isActive: function(t, r, i) {
-          for (var s = "no-" + r; t; ) {
-            var o = t.classList;
-            if (o.contains(r))
+        isActive: function(r, t, i) {
+          for (var s = "no-" + t; r; ) {
+            var o = r.classList;
+            if (o.contains(t))
               return !0;
             if (o.contains(s))
               return !1;
-            t = t.parentElement;
+            r = r.parentElement;
           }
           return !!i;
         }
@@ -891,10 +891,10 @@ var h = Ie.exports, Je = { exports: {} };
          *     'color': /\b(?:red|green|blue)\b/
          * });
          */
-        extend: function(t, r) {
-          var i = l.util.clone(l.languages[t]);
-          for (var s in r)
-            i[s] = r[s];
+        extend: function(r, t) {
+          var i = l.util.clone(l.languages[r]);
+          for (var s in t)
+            i[s] = t[s];
           return i;
         },
         /**
@@ -972,31 +972,31 @@ var h = Ie.exports, Je = { exports: {} };
          * @returns {Grammar} The new grammar object.
          * @public
          */
-        insertBefore: function(t, r, i, s) {
+        insertBefore: function(r, t, i, s) {
           s = s || /** @type {any} */
           l.languages;
-          var o = s[t], p = {};
+          var o = s[r], p = {};
           for (var E in o)
             if (o.hasOwnProperty(E)) {
-              if (E == r)
+              if (E == t)
                 for (var g in i)
                   i.hasOwnProperty(g) && (p[g] = i[g]);
               i.hasOwnProperty(E) || (p[E] = o[E]);
             }
-          var C = s[t];
-          return s[t] = p, l.languages.DFS(l.languages, function(P, z) {
-            z === C && P != t && (this[P] = p);
+          var C = s[r];
+          return s[r] = p, l.languages.DFS(l.languages, function(P, z) {
+            z === C && P != r && (this[P] = p);
           }), p;
         },
         // Traverse a language definition with Depth First Search
-        DFS: function t(r, i, s, o) {
+        DFS: function r(t, i, s, o) {
           o = o || {};
           var p = l.util.objId;
-          for (var E in r)
-            if (r.hasOwnProperty(E)) {
-              i.call(r, E, r[E], s || E);
-              var g = r[E], C = l.util.type(g);
-              C === "Object" && !o[p(g)] ? (o[p(g)] = !0, t(g, i, null, o)) : C === "Array" && !o[p(g)] && (o[p(g)] = !0, t(g, i, E, o));
+          for (var E in t)
+            if (t.hasOwnProperty(E)) {
+              i.call(t, E, t[E], s || E);
+              var g = t[E], C = l.util.type(g);
+              C === "Object" && !o[p(g)] ? (o[p(g)] = !0, r(g, i, null, o)) : C === "Array" && !o[p(g)] && (o[p(g)] = !0, r(g, i, E, o));
             }
         }
       },
@@ -1013,8 +1013,8 @@ var h = Ie.exports, Je = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAll: function(t, r) {
-        l.highlightAllUnder(document, t, r);
+      highlightAll: function(r, t) {
+        l.highlightAllUnder(document, r, t);
       },
       /**
        * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -1031,15 +1031,15 @@ var h = Ie.exports, Je = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAllUnder: function(t, r, i) {
+      highlightAllUnder: function(r, t, i) {
         var s = {
           callback: i,
-          container: t,
+          container: r,
           selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
         };
         l.hooks.run("before-highlightall", s), s.elements = Array.prototype.slice.apply(s.container.querySelectorAll(s.selector)), l.hooks.run("before-all-elements-highlight", s);
         for (var o = 0, p; p = s.elements[o++]; )
-          l.highlightElement(p, r === !0, s.callback);
+          l.highlightElement(p, t === !0, s.callback);
       },
       /**
        * Highlights the code inside a single element.
@@ -1069,13 +1069,13 @@ var h = Ie.exports, Je = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightElement: function(t, r, i) {
-        var s = l.util.getLanguage(t), o = l.languages[s];
-        l.util.setLanguage(t, s);
-        var p = t.parentElement;
+      highlightElement: function(r, t, i) {
+        var s = l.util.getLanguage(r), o = l.languages[s];
+        l.util.setLanguage(r, s);
+        var p = r.parentElement;
         p && p.nodeName.toLowerCase() === "pre" && l.util.setLanguage(p, s);
-        var E = t.textContent, g = {
-          element: t,
+        var E = r.textContent, g = {
+          element: r,
           language: s,
           grammar: o,
           code: E
@@ -1091,7 +1091,7 @@ var h = Ie.exports, Je = { exports: {} };
           C(l.util.encode(g.code));
           return;
         }
-        if (r && c.Worker) {
+        if (t && c.Worker) {
           var P = new Worker(l.filename);
           P.onmessage = function(z) {
             C(z.data);
@@ -1123,10 +1123,10 @@ var h = Ie.exports, Je = { exports: {} };
        * @example
        * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
        */
-      highlight: function(t, r, i) {
+      highlight: function(r, t, i) {
         var s = {
-          code: t,
-          grammar: r,
+          code: r,
+          grammar: t,
           language: i
         };
         if (l.hooks.run("before-tokenize", s), !s.grammar)
@@ -1157,15 +1157,15 @@ var h = Ie.exports, Je = { exports: {} };
        *     }
        * });
        */
-      tokenize: function(t, r) {
-        var i = r.rest;
+      tokenize: function(r, t) {
+        var i = t.rest;
         if (i) {
           for (var s in i)
-            r[s] = i[s];
-          delete r.rest;
+            t[s] = i[s];
+          delete t.rest;
         }
         var o = new O();
-        return D(o, o.head, t), _(t, o, r, o.head, 0), B(o);
+        return D(o, o.head, r), _(r, o, t, o.head, 0), B(o);
       },
       /**
        * @namespace
@@ -1186,9 +1186,9 @@ var h = Ie.exports, Je = { exports: {} };
          * @param {HookCallback} callback The callback function which is given environment variables.
          * @public
          */
-        add: function(t, r) {
+        add: function(r, t) {
           var i = l.hooks.all;
-          i[t] = i[t] || [], i[t].push(r);
+          i[r] = i[r] || [], i[r].push(t);
         },
         /**
          * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -1199,52 +1199,52 @@ var h = Ie.exports, Je = { exports: {} };
          * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
          * @public
          */
-        run: function(t, r) {
-          var i = l.hooks.all[t];
+        run: function(r, t) {
+          var i = l.hooks.all[r];
           if (!(!i || !i.length))
             for (var s = 0, o; o = i[s++]; )
-              o(r);
+              o(t);
         }
       },
       Token: b
     };
     c.Prism = l;
-    function b(t, r, i, s) {
-      this.type = t, this.content = r, this.alias = i, this.length = (s || "").length | 0;
+    function b(r, t, i, s) {
+      this.type = r, this.content = t, this.alias = i, this.length = (s || "").length | 0;
     }
-    b.stringify = function t(r, i) {
-      if (typeof r == "string")
-        return r;
-      if (Array.isArray(r)) {
+    b.stringify = function r(t, i) {
+      if (typeof t == "string")
+        return t;
+      if (Array.isArray(t)) {
         var s = "";
-        return r.forEach(function(C) {
-          s += t(C, i);
+        return t.forEach(function(C) {
+          s += r(C, i);
         }), s;
       }
       var o = {
-        type: r.type,
-        content: t(r.content, i),
+        type: t.type,
+        content: r(t.content, i),
         tag: "span",
-        classes: ["token", r.type],
+        classes: ["token", t.type],
         attributes: {},
         language: i
-      }, p = r.alias;
+      }, p = t.alias;
       p && (Array.isArray(p) ? Array.prototype.push.apply(o.classes, p) : o.classes.push(p)), l.hooks.run("wrap", o);
       var E = "";
       for (var g in o.attributes)
         E += " " + g + '="' + (o.attributes[g] || "").replace(/"/g, "&quot;") + '"';
       return "<" + o.tag + ' class="' + o.classes.join(" ") + '"' + E + ">" + o.content + "</" + o.tag + ">";
     };
-    function y(t, r, i, s) {
-      t.lastIndex = r;
-      var o = t.exec(i);
+    function y(r, t, i, s) {
+      r.lastIndex = t;
+      var o = r.exec(i);
       if (o && s && o[1]) {
         var p = o[1].length;
         o.index += p, o[0] = o[0].slice(p);
       }
       return o;
     }
-    function _(t, r, i, s, o, p) {
+    function _(r, t, i, s, o, p) {
       for (var E in i)
         if (!(!i.hasOwnProperty(E) || !i[E])) {
           var g = i[E];
@@ -1257,36 +1257,36 @@ var h = Ie.exports, Je = { exports: {} };
               var ce = P.pattern.toString().match(/[imsuy]*$/)[0];
               P.pattern = RegExp(P.pattern.source, ce + "g");
             }
-            for (var ue = P.pattern || P, j = s.next, H = o; j !== r.tail && !(p && H >= p.reach); H += j.value.length, j = j.next) {
+            for (var ue = P.pattern || P, j = s.next, H = o; j !== t.tail && !(p && H >= p.reach); H += j.value.length, j = j.next) {
               var ee = j.value;
-              if (r.length > t.length)
+              if (t.length > r.length)
                 return;
               if (!(ee instanceof b)) {
                 var X = 1, G;
                 if (W) {
-                  if (G = y(ue, H, t, V), !G || G.index >= t.length)
+                  if (G = y(ue, H, r, V), !G || G.index >= r.length)
                     break;
                   var ae = G.index, pe = G.index + G[0].length, q = H;
                   for (q += j.value.length; ae >= q; )
                     j = j.next, q += j.value.length;
                   if (q -= j.value.length, H = q, j.value instanceof b)
                     continue;
-                  for (var oe = j; oe !== r.tail && (q < pe || typeof oe.value == "string"); oe = oe.next)
+                  for (var oe = j; oe !== t.tail && (q < pe || typeof oe.value == "string"); oe = oe.next)
                     X++, q += oe.value.length;
-                  X--, ee = t.slice(H, q), G.index -= H;
+                  X--, ee = r.slice(H, q), G.index -= H;
                 } else if (G = y(ue, 0, ee, V), !G)
                   continue;
-                var ae = G.index, J = G[0], ie = ee.slice(0, ae), se = ee.slice(ae + J.length), te = H + ee.length;
-                p && te > p.reach && (p.reach = te);
+                var ae = G.index, J = G[0], ie = ee.slice(0, ae), se = ee.slice(ae + J.length), re = H + ee.length;
+                p && re > p.reach && (p.reach = re);
                 var A = j.prev;
-                ie && (A = D(r, A, ie), H += ie.length), I(r, A, X);
+                ie && (A = D(t, A, ie), H += ie.length), I(t, A, X);
                 var M = new b(E, z ? l.tokenize(J, z) : J, ne, J);
-                if (j = D(r, A, M), se && D(r, j, se), X > 1) {
-                  var re = {
+                if (j = D(t, A, M), se && D(t, j, se), X > 1) {
+                  var te = {
                     cause: E + "," + C,
-                    reach: te
+                    reach: re
                   };
-                  _(t, r, i, j.prev, H, re), p && re.reach > p.reach && (p.reach = re.reach);
+                  _(r, t, i, j.prev, H, te), p && te.reach > p.reach && (p.reach = te.reach);
                 }
               }
             }
@@ -1294,26 +1294,26 @@ var h = Ie.exports, Je = { exports: {} };
         }
     }
     function O() {
-      var t = { value: null, prev: null, next: null }, r = { value: null, prev: t, next: null };
-      t.next = r, this.head = t, this.tail = r, this.length = 0;
+      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 D(t, r, i) {
-      var s = r.next, o = { value: i, prev: r, next: s };
-      return r.next = o, s.prev = o, t.length++, o;
+    function D(r, t, i) {
+      var s = t.next, o = { value: i, prev: t, next: s };
+      return t.next = o, s.prev = o, r.length++, o;
     }
-    function I(t, r, i) {
-      for (var s = r.next, o = 0; o < i && s !== t.tail; o++)
+    function I(r, t, i) {
+      for (var s = t.next, o = 0; o < i && s !== r.tail; o++)
         s = s.next;
-      r.next = s, s.prev = r, t.length -= o;
+      t.next = s, s.prev = t, r.length -= o;
     }
-    function B(t) {
-      for (var r = [], i = t.head.next; i !== t.tail; )
-        r.push(i.value), i = i.next;
-      return r;
+    function B(r) {
+      for (var t = [], i = r.head.next; i !== r.tail; )
+        t.push(i.value), i = i.next;
+      return t;
     }
     if (!c.document)
-      return c.addEventListener && (l.disableWorkerMessageHandler || c.addEventListener("message", function(t) {
-        var r = JSON.parse(t.data), i = r.language, s = r.code, o = r.immediateClose;
+      return c.addEventListener && (l.disableWorkerMessageHandler || c.addEventListener("message", function(r) {
+        var t = JSON.parse(r.data), i = t.language, s = t.code, o = t.immediateClose;
         c.postMessage(l.highlight(s, l.languages[i], i)), o && c.close();
       }, !1)), l;
     var F = l.util.currentScript();
@@ -1719,16 +1719,16 @@ var h = Ie.exports, Je = { exports: {} };
       tex: "latex"
     }, l = "data-src-status", b = "loading", y = "loaded", _ = "failed", O = "pre[data-src]:not([" + l + '="' + y + '"]):not([' + l + '="' + b + '"])';
     function D(F, w, R) {
-      var t = new XMLHttpRequest();
-      t.open("GET", F, !0), t.onreadystatechange = function() {
-        t.readyState == 4 && (t.status < 400 && t.responseText ? w(t.responseText) : t.status >= 400 ? R(m(t.status, t.statusText)) : R(k));
-      }, t.send(null);
+      var r = new XMLHttpRequest();
+      r.open("GET", F, !0), r.onreadystatechange = function() {
+        r.readyState == 4 && (r.status < 400 && r.responseText ? w(r.responseText) : r.status >= 400 ? R(m(r.status, r.statusText)) : R(k));
+      }, r.send(null);
     }
     function I(F) {
       var w = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(F || "");
       if (w) {
-        var R = Number(w[1]), t = w[2], r = w[3];
-        return t ? r ? [R, Number(r)] : [R, void 0] : [R, R];
+        var R = Number(w[1]), r = w[2], t = w[3];
+        return r ? t ? [R, Number(t)] : [R, void 0] : [R, R];
       }
     }
     n.hooks.add("before-highlightall", function(F) {
@@ -1742,15 +1742,15 @@ var h = Ie.exports, Je = { exports: {} };
         F.code = "", w.setAttribute(l, b);
         var R = w.appendChild(document.createElement("CODE"));
         R.textContent = c;
-        var t = w.getAttribute("data-src"), r = F.language;
-        if (r === "none") {
-          var i = (/\.(\w+)$/.exec(t) || [, "none"])[1];
-          r = S[i] || i;
+        var r = w.getAttribute("data-src"), t = F.language;
+        if (t === "none") {
+          var i = (/\.(\w+)$/.exec(r) || [, "none"])[1];
+          t = S[i] || i;
         }
-        n.util.setLanguage(R, r), n.util.setLanguage(w, r);
+        n.util.setLanguage(R, t), n.util.setLanguage(w, t);
         var s = n.plugins.autoloader;
-        s && s.loadLanguages(r), D(
-          t,
+        s && s.loadLanguages(t), D(
+          r,
           function(o) {
             w.setAttribute(l, y);
             var p = I(w.getAttribute("data-range"));
@@ -1775,8 +1775,8 @@ var h = Ie.exports, Je = { exports: {} };
        * @param {ParentNode} [container=document]
        */
       highlight: function(w) {
-        for (var R = (w || document).querySelectorAll(O), t = 0, r; r = R[t++]; )
-          n.highlightElement(r);
+        for (var R = (w || document).querySelectorAll(O), r = 0, t; t = R[r++]; )
+          n.highlightElement(t);
       }
     };
     var B = !1;
@@ -1785,8 +1785,8 @@ var h = Ie.exports, Je = { exports: {} };
     };
   }();
 })(Je);
-var Rt = Je.exports;
-const Ne = /* @__PURE__ */ wt(Rt);
+var Rr = Je.exports;
+const Ne = /* @__PURE__ */ wr(Rr);
 Prism.languages.clike = {
   comment: [
     {
@@ -2627,7 +2627,7 @@ Prism.languages.json = {
   }
 };
 Prism.languages.webmanifest = Prism.languages.json;
-function kt(d) {
+function kr(d) {
   if (typeof document > "u") return;
   const f = d === "dark" ? "prism-okaidia" : "prism", n = document.getElementById("prism-theme-style"), c = `https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/${f}.min.css`;
   if (n)
@@ -2638,7 +2638,7 @@ function kt(d) {
   }
 }
 window.Prism = Ne;
-const _t = {
+const _r = {
   javascript: "javascript",
   js: "javascript",
   typescript: "typescript",
@@ -2670,32 +2670,32 @@ const _t = {
   markdown: "markdown",
   md: "markdown"
 };
-function Ft(d) {
+function Fr(d) {
   const f = document.createElement("div");
   return f.textContent = d, f.innerHTML;
 }
-const Ot = ({
+const Or = ({
   value: d,
   language: f,
   theme: n = "dark",
   disabled: c = !1,
   onChange: m
 }) => {
-  const k = Oe(null), S = Oe(null), l = Ee(() => _t[f.toLowerCase()] || "javascript", [f]), b = n === "dark" ? "#1e1e1e" : "#fafafa", y = Ee(() => {
+  const k = Oe(null), S = Oe(null), l = Ee(() => _r[f.toLowerCase()] || "javascript", [f]), b = n === "dark" ? "#1e1e1e" : "#fafafa", y = Ee(() => {
     try {
       const I = Ne.languages[l];
       if (I)
         return Ne.highlight(d || "", I, l);
     } catch {
     }
-    return Ft(d || "");
+    return Fr(d || "");
   }, [d, l]), _ = (I) => {
     m == null || m(I.target.value);
   }, O = () => {
     k.current && S.current && (S.current.scrollTop = k.current.scrollTop, S.current.scrollLeft = k.current.scrollLeft);
   };
   Se(() => {
-    kt(n);
+    kr(n);
   }, [n]);
   const D = (I) => {
     if (I.key === "Tab") {
@@ -2706,12 +2706,12 @@ const Ot = ({
       });
     }
   };
-  return /* @__PURE__ */ h.jsxs("div", { className: `code-editor theme-${n}`, style: { background: b }, children: [
+  return /* @__PURE__ */ h.jsxs("div", { className: `hep-cr-editor theme-${n}`, style: { background: b }, children: [
     /* @__PURE__ */ h.jsx(
       "pre",
       {
         ref: S,
-        className: `code-highlight language-${l}`,
+        className: `hep-cr-highlight language-${l}`,
         "aria-hidden": "true",
         children: /* @__PURE__ */ h.jsx("code", { dangerouslySetInnerHTML: { __html: y } })
       }
@@ -2720,7 +2720,7 @@ const Ot = ({
       "textarea",
       {
         ref: k,
-        className: "code-input",
+        className: "hep-cr-input",
         value: d,
         disabled: c,
         onChange: _,
@@ -2732,9 +2732,9 @@ const Ot = ({
     )
   ] });
 };
-var It = Object.defineProperty, Nt = (d, f, n) => f in d ? It(d, f, { enumerable: !0, configurable: !0, writable: !0, value: n }) : d[f] = n, Ze = (d, f, n) => Nt(d, typeof f != "symbol" ? f + "" : f, n);
+var Ir = Object.defineProperty, Nr = (d, f, n) => f in d ? Ir(d, f, { enumerable: !0, configurable: !0, writable: !0, value: n }) : d[f] = n, Ze = (d, f, n) => Nr(d, typeof f != "symbol" ? f + "" : f, n);
 let _e = null;
-class Ct {
+class Cr {
   constructor(f = {}) {
     Ze(this, "baseUrl"), Ze(this, "timeout"), this.baseUrl = f.pistonUrl || "/api/piston", this.timeout = f.timeout || 3e3;
   }
@@ -2842,7 +2842,7 @@ class Ct {
     }[f.toLowerCase()] || `main.${f}`;
   }
 }
-const Lt = {
+const Lr = {
   javascript: 'console.log("Hello, World!");',
   typescript: 'console.log("Hello, World!");',
   python: 'print("Hello, World!")',
@@ -2942,10 +2942,10 @@ This is a sample markdown document.`
 };
 function Fe(d) {
   const f = d.toLowerCase();
-  return Lt[f] || `// ${d}
+  return Lr[f] || `// ${d}
 // Write your code here`;
 }
-const Pt = ({
+const Pr = ({
   pistonUrl: d = "/api/piston",
   language: f = "javascript",
   theme: n = "light",
@@ -2958,7 +2958,7 @@ const Pt = ({
   onExecuteEnd: y,
   onLanguageChange: _
 }) => {
-  const [O, D] = Z([]), [I, B] = Z(f), [F, w] = Z(n), [R, t] = Z(S), [r, i] = Z(""), [s, o] = Z(""), [p, E] = Z(!1), [g, C] = Z(null), [P, z] = Z("stdout"), [V, W] = Z(null), [ne, ce] = Z(!0), [ue, j] = Z(60), H = Ee(() => new Ct({ pistonUrl: d }), [d]), ee = Ee(() => O.map((A) => ({
+  const [O, D] = Z([]), [I, B] = Z(f), [F, w] = Z(n), [R, r] = Z(S), [t, i] = Z(""), [s, o] = Z(""), [p, E] = Z(!1), [g, C] = Z(null), [P, z] = Z("stdout"), [V, W] = Z(null), [ne, ce] = Z(!0), [ue, j] = Z(60), H = Ee(() => new Cr({ pistonUrl: d }), [d]), ee = Ee(() => O.map((A) => ({
     value: `${A.language}:${A.version}`,
     label: `${A.language.charAt(0).toUpperCase() + A.language.slice(1)} ${A.version}`
   })), [O]), X = Ee(() => I.includes(":") ? I.split(":")[0] : I, [I]);
@@ -2976,14 +2976,14 @@ const Pt = ({
     }
     A();
   }, [H]), Se(() => {
-    !R && O.length > 0 && t(S || Fe(X));
+    !R && O.length > 0 && r(S || Fe(X));
   }, [O, R, S, X]);
   const G = le(
     (A) => {
-      const M = A.target.value, re = M.includes(":") ? M.split(":")[0] : M;
+      const M = A.target.value, te = M.includes(":") ? M.split(":")[0] : M;
       B(M);
-      const fe = Fe(re);
-      t(fe), _ == null || _(re, fe);
+      const fe = Fe(te);
+      r(fe), _ == null || _(te, fe);
     },
     [_]
   ), pe = le(async () => {
@@ -3007,29 +3007,29 @@ const Pt = ({
   }, [p, I, R, H, b, y]), q = le(() => {
     i(""), o(""), C(null), W(null);
   }, []), oe = le(async () => {
-    const A = P === "stdout" ? r : s;
+    const A = P === "stdout" ? t : s;
     await navigator.clipboard.writeText(A);
-  }, [P, r, s]), ae = le(() => {
-    t(Fe(X));
+  }, [P, t, s]), ae = le(() => {
+    r(Fe(X));
   }, [I]), J = Oe(!1), ie = le((A) => {
-    J.current = !0, document.addEventListener("mousemove", se), document.addEventListener("mouseup", te), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+    J.current = !0, document.addEventListener("mousemove", se), document.addEventListener("mouseup", re), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
   }, []), se = le((A) => {
     if (!J.current) return;
-    const M = document.querySelector(".code-runner-main");
+    const M = document.querySelector(".hep-cr-main");
     if (!M) return;
-    const re = M.getBoundingClientRect(), fe = (A.clientX - re.left) / re.width * 100;
+    const te = M.getBoundingClientRect(), fe = (A.clientX - te.left) / te.width * 100;
     j(Math.max(20, Math.min(80, fe)));
-  }, []), te = le(() => {
-    J.current = !1, document.removeEventListener("mousemove", se), document.removeEventListener("mouseup", te), document.body.style.cursor = "", document.body.style.userSelect = "";
+  }, []), re = le(() => {
+    J.current = !1, document.removeEventListener("mousemove", se), document.removeEventListener("mouseup", re), document.body.style.cursor = "", document.body.style.userSelect = "";
   }, [se]);
-  return /* @__PURE__ */ h.jsxs("div", { className: `code-runner code-runner-${F}`, children: [
-    /* @__PURE__ */ h.jsxs("div", { className: "code-runner-header", children: [
-      /* @__PURE__ */ h.jsx("div", { className: "code-runner-controls", children: c && /* @__PURE__ */ h.jsxs(
+  return /* @__PURE__ */ h.jsxs("div", { className: `hep-cr-runner hep-cr-runner-${F}`, children: [
+    /* @__PURE__ */ h.jsxs("div", { className: "hep-cr-header", children: [
+      /* @__PURE__ */ h.jsx("div", { className: "hep-cr-controls", children: c && /* @__PURE__ */ h.jsxs(
         "select",
         {
           value: I,
           onChange: G,
-          className: "language-select",
+          className: "hep-cr-language-select",
           disabled: p,
           children: [
             ne && /* @__PURE__ */ h.jsx("option", { value: "", children: "加载中..." }),
@@ -3037,24 +3037,24 @@ const Pt = ({
           ]
         }
       ) }),
-      /* @__PURE__ */ h.jsxs("div", { className: "code-runner-actions", children: [
+      /* @__PURE__ */ h.jsxs("div", { className: "hep-cr-actions", children: [
         /* @__PURE__ */ h.jsxs(
           "button",
           {
-            className: "btn btn-run",
+            className: "hep-cr-btn hep-cr-btn-run",
             disabled: p || ne,
             onClick: pe,
             children: [
-              p ? /* @__PURE__ */ h.jsx("span", { className: "spinner" }) : /* @__PURE__ */ h.jsx("span", { className: "run-icon", children: "▶" }),
+              p ? /* @__PURE__ */ h.jsx("span", { className: "hep-cr-spinner" }) : /* @__PURE__ */ h.jsx("span", { className: "hep-cr-run-icon", children: "▶" }),
               p ? "运行中..." : l
             ]
           }
         ),
-        m && k && /* @__PURE__ */ h.jsx("button", { className: "btn btn-reset", onClick: ae, children: "重置" }),
+        m && k && /* @__PURE__ */ h.jsx("button", { className: "hep-cr-btn hep-cr-btn-reset", onClick: ae, children: "重置" }),
         /* @__PURE__ */ h.jsx(
           "button",
           {
-            className: "btn btn-theme",
+            className: "hep-cr-btn hep-cr-btn-theme",
             onClick: () => w(F === "light" ? "dark" : "light"),
             title: F === "light" ? "Switch to dark mode" : "Switch to light mode",
             children: F === "light" ? "🌙" : "☀️"
@@ -3062,37 +3062,37 @@ const Pt = ({
         )
       ] })
     ] }),
-    V && /* @__PURE__ */ h.jsx("div", { className: "error-message", children: V }),
-    /* @__PURE__ */ h.jsxs("div", { className: "code-runner-main", children: [
-      m && /* @__PURE__ */ h.jsxs("div", { className: "editor-panel", style: { width: `${ue}%` }, children: [
-        /* @__PURE__ */ h.jsxs("div", { className: "panel-header", children: [
-          /* @__PURE__ */ h.jsx("span", { className: "panel-title", children: "编辑器" }),
-          /* @__PURE__ */ h.jsx("span", { className: "language-badge", children: X })
+    V && /* @__PURE__ */ h.jsx("div", { className: "hep-cr-error-message", children: V }),
+    /* @__PURE__ */ h.jsxs("div", { className: "hep-cr-main", children: [
+      m && /* @__PURE__ */ h.jsxs("div", { className: "hep-cr-editor-panel", style: { width: `${ue}%` }, children: [
+        /* @__PURE__ */ h.jsxs("div", { className: "hep-cr-panel-header", children: [
+          /* @__PURE__ */ h.jsx("span", { className: "hep-cr-panel-title", children: "编辑器" }),
+          /* @__PURE__ */ h.jsx("span", { className: "hep-cr-language-badge", children: X })
         ] }),
         /* @__PURE__ */ h.jsx(
-          Ot,
+          Or,
           {
             value: R,
             language: X,
             theme: F,
             disabled: !k || p,
-            onChange: t
+            onChange: r
           }
         )
       ] }),
-      m && /* @__PURE__ */ h.jsx("div", { className: "resize-handle", onMouseDown: ie, children: /* @__PURE__ */ h.jsx("div", { className: "resize-line" }) }),
+      m && /* @__PURE__ */ h.jsx("div", { className: "hep-cr-resize-handle", onMouseDown: ie, children: /* @__PURE__ */ h.jsx("div", { className: "hep-cr-resize-line" }) }),
       /* @__PURE__ */ h.jsxs(
         "div",
         {
-          className: "output-panel",
+          className: "hep-cr-output-panel",
           style: { width: m ? `${100 - ue}%` : "100%" },
           children: [
-            /* @__PURE__ */ h.jsxs("div", { className: "panel-header", children: [
-              /* @__PURE__ */ h.jsxs("div", { className: "output-tabs", children: [
+            /* @__PURE__ */ h.jsxs("div", { className: "hep-cr-panel-header", children: [
+              /* @__PURE__ */ h.jsxs("div", { className: "hep-cr-output-tabs", children: [
                 /* @__PURE__ */ h.jsx(
                   "button",
                   {
-                    className: `tab ${P === "stdout" ? "active" : ""}`,
+                    className: `hep-cr-tab ${P === "stdout" ? "active" : ""}`,
                     onClick: () => z("stdout"),
                     children: "输出"
                   }
@@ -3100,18 +3100,18 @@ const Pt = ({
                 s && /* @__PURE__ */ h.jsx(
                   "button",
                   {
-                    className: `tab ${P === "stderr" ? "active" : ""}`,
+                    className: `hep-cr-tab ${P === "stderr" ? "active" : ""}`,
                     onClick: () => z("stderr"),
                     children: "错误"
                   }
                 )
               ] }),
-              /* @__PURE__ */ h.jsxs("div", { className: "output-actions", children: [
-                g !== null && /* @__PURE__ */ h.jsxs("span", { className: "execution-time", children: [
+              /* @__PURE__ */ h.jsxs("div", { className: "hep-cr-output-actions", children: [
+                g !== null && /* @__PURE__ */ h.jsxs("span", { className: "hep-cr-execution-time", children: [
                   g,
                   "ms"
                 ] }),
-                /* @__PURE__ */ h.jsx("button", { className: "btn-icon", onClick: oe, title: "复制", children: /* @__PURE__ */ h.jsxs(
+                /* @__PURE__ */ h.jsx("button", { className: "hep-cr-btn-icon", onClick: oe, title: "复制", children: /* @__PURE__ */ h.jsxs(
                   "svg",
                   {
                     width: "14",
@@ -3126,7 +3126,7 @@ const Pt = ({
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ h.jsx("button", { className: "btn-icon", onClick: q, title: "清除", children: /* @__PURE__ */ h.jsxs(
+                /* @__PURE__ */ h.jsx("button", { className: "hep-cr-btn-icon", onClick: q, title: "清除", children: /* @__PURE__ */ h.jsxs(
                   "svg",
                   {
                     width: "14",
@@ -3143,13 +3143,13 @@ const Pt = ({
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ h.jsx("div", { className: "output-content", children: /* @__PURE__ */ h.jsx("pre", { children: P === "stdout" ? r || '点击"运行"执行代码' : s }) })
+            /* @__PURE__ */ h.jsx("div", { className: "hep-cr-output-content", children: /* @__PURE__ */ h.jsx("pre", { children: P === "stdout" ? t || '点击"运行"执行代码' : s }) })
           ]
         }
       )
     ] }),
     /* @__PURE__ */ h.jsx("style", { children: `
-        .code-runner {
+        .hep-cr-runner {
           display: flex;
           flex-direction: column;
           border: 1px solid #e0e0e0;
@@ -3157,9 +3157,9 @@ const Pt = ({
           overflow: hidden;
           font-family: 'SF Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
         }
-        .code-runner-dark { background: #1e1e1e; border-color: #333; }
-        .code-runner-light { background: #ffffff; }
-        .code-runner-header {
+        .hep-cr-runner-dark { background: #1e1e1e; border-color: #333; }
+        .hep-cr-runner-light { background: #ffffff; }
+        .hep-cr-header {
           display: flex;
           justify-content: space-between;
           align-items: center;
@@ -3167,9 +3167,9 @@ const Pt = ({
           background: #252526;
           border-bottom: 1px solid #333;
         }
-        .code-runner-light .code-runner-header { background: #f3f3f3; border-color: #e0e0e0; }
-        .code-runner-controls { display: flex; gap: 8px; }
-        .language-select {
+        .hep-cr-runner-light .hep-cr-header { background: #f3f3f3; border-color: #e0e0e0; }
+        .hep-cr-controls { display: flex; gap: 8px; }
+        .hep-cr-language-select {
           padding: 6px 12px;
           border: 1px solid #444;
           border-radius: 6px;
@@ -3179,10 +3179,10 @@ const Pt = ({
           cursor: pointer;
           outline: none;
         }
-        .code-runner-light .language-select { background: white; color: #333; border-color: #ccc; }
-        .language-select:focus { border-color: #4fc3f7; }
-        .code-runner-actions { display: flex; gap: 8px; }
-        .btn {
+        .hep-cr-runner-light .hep-cr-language-select { background: white; color: #333; border-color: #ccc; }
+        .hep-cr-language-select:focus { border-color: #4fc3f7; }
+        .hep-cr-actions { display: flex; gap: 8px; }
+        .hep-cr-btn {
           padding: 6px 16px;
           border: none;
           border-radius: 6px;
@@ -3194,31 +3194,31 @@ const Pt = ({
           gap: 6px;
           transition: all 0.2s;
         }
-        .btn:disabled { opacity: 0.5; cursor: not-allowed; }
-        .btn-run {
+        .hep-cr-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+        .hep-cr-btn-run {
           background: linear-gradient(135deg, #4caf50 0%, #43a047 100%);
           color: white;
         }
-        .btn-run:hover:not(:disabled) { background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%); }
-        .btn-reset { background: #3d3d3d; color: #aaa; }
-        .code-runner-light .btn-reset { background: #e0e0e0; color: #666; }
-        .btn-theme { background: #3d3d3d; color: #aaa; padding: 5px 10px; font-size: 14px; line-height: 1; height: auto; min-height: 28px; }
-        .code-runner-light .btn-theme { background: #e0e0e0; }
-        .btn-theme:hover { background: #4d4d4d; color: #fff; }
-        .error-message {
+        .hep-cr-btn-run:hover:not(:disabled) { background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%); }
+        .hep-cr-btn-reset { background: #3d3d3d; color: #aaa; }
+        .hep-cr-runner-light .hep-cr-btn-reset { background: #e0e0e0; color: #666; }
+        .hep-cr-btn-theme { background: #3d3d3d; color: #aaa; padding: 5px 10px; font-size: 14px; line-height: 1; height: auto; min-height: 28px; }
+        .hep-cr-runner-light .hep-cr-btn-theme { background: #e0e0e0; }
+        .hep-cr-btn-theme:hover { background: #4d4d4d; color: #fff; }
+        .hep-cr-error-message {
           padding: 10px 16px;
           background: #c62828;
           color: white;
           font-size: 13px;
         }
-        .code-runner-main { display: flex; height: 400px; overflow: hidden; }
-        .editor-panel {
+        .hep-cr-main { display: flex; height: 400px; overflow: hidden; }
+        .hep-cr-editor-panel {
           display: flex;
           flex-direction: column;
           min-width: 20%;
           max-width: 80%;
         }
-        .panel-header {
+        .hep-cr-panel-header {
           display: flex;
           justify-content: space-between;
           align-items: center;
@@ -3226,15 +3226,15 @@ const Pt = ({
           background: #2d2d2d;
           border-bottom: 1px solid #333;
         }
-        .code-runner-light .panel-header { background: #f0f0f0; border-color: #e0e0e0; }
-        .panel-title {
+        .hep-cr-runner-light .hep-cr-panel-header { background: #f0f0f0; border-color: #e0e0e0; }
+        .hep-cr-panel-title {
           font-size: 12px;
           font-weight: 600;
           color: #888;
           text-transform: uppercase;
           letter-spacing: 0.5px;
         }
-        .language-badge {
+        .hep-cr-language-badge {
           font-size: 11px;
           padding: 2px 8px;
           background: #4fc3f7;
@@ -3242,15 +3242,15 @@ const Pt = ({
           border-radius: 10px;
           font-weight: 500;
         }
-        .code-editor {
+        .hep-cr-editor {
           flex: 1;
           width: 100%;
           background: #1e1e1e;
           position: relative;
           overflow: hidden;
         }
-        .code-editor .code-highlight,
-        .code-editor .code-input {
+        .hep-cr-editor .hep-cr-highlight,
+        .hep-cr-editor .hep-cr-input {
           position: absolute;
           top: 0;
           left: 0;
@@ -3265,16 +3265,16 @@ const Pt = ({
           white-space: pre;
           overflow: auto;
         }
-        .code-editor .code-highlight {
+        .hep-cr-editor .hep-cr-highlight {
           background: transparent !important;
           pointer-events: none;
           z-index: 1;
         }
-        .code-editor .code-highlight code {
+        .hep-cr-editor .hep-cr-highlight code {
           display: block;
           font-family: inherit;
         }
-        .code-editor .code-input {
+        .hep-cr-editor .hep-cr-input {
           background: transparent !important;
           color: transparent !important;
           caret-color: #d4d4d4;
@@ -3282,14 +3282,14 @@ const Pt = ({
           outline: none;
           z-index: 2;
         }
-        .code-editor .code-input:disabled { opacity: 0.7; }
-        .code-runner-light .code-editor .code-highlight code {
+        .hep-cr-editor .hep-cr-input:disabled { opacity: 0.7; }
+        .hep-cr-runner-light .hep-cr-editor .hep-cr-highlight code {
           color: #333333;
         }
-        .code-runner-light .code-editor .code-input {
+        .hep-cr-runner-light .hep-cr-editor .hep-cr-input {
           caret-color: #333333;
         }
-        .resize-handle {
+        .hep-cr-resize-handle {
           width: 6px;
           background: #252526;
           cursor: col-resize;
@@ -3297,18 +3297,18 @@ const Pt = ({
           align-items: center;
           justify-content: center;
         }
-        .resize-handle:hover { background: #4fc3f7; }
-        .resize-line { width: 2px; height: 40px; background: #444; border-radius: 1px; }
-        .resize-handle:hover .resize-line { background: #fff; }
-        .output-panel {
+        .hep-cr-resize-handle:hover { background: #4fc3f7; }
+        .hep-cr-resize-line { width: 2px; height: 40px; background: #444; border-radius: 1px; }
+        .hep-cr-resize-handle:hover .hep-cr-resize-line { background: #fff; }
+        .hep-cr-output-panel {
           display: flex;
           flex-direction: column;
           min-width: 20%;
           border-left: 1px solid #333;
         }
-        .code-runner-light .output-panel { border-color: #e0e0e0; }
-        .output-tabs { display: flex; gap: 4px; }
-        .tab {
+        .hep-cr-runner-light .hep-cr-output-panel { border-color: #e0e0e0; }
+        .hep-cr-output-tabs { display: flex; gap: 4px; }
+        .hep-cr-tab {
           padding: 4px 12px;
           border: none;
           background: transparent;
@@ -3318,12 +3318,12 @@ const Pt = ({
           color: #888;
           transition: all 0.2s;
         }
-        .tab:hover { color: #d4d4d4; background: #3d3d3d; }
-        .code-runner-light .tab:hover { color: #333; background: #e0e0e0; }
-        .tab.active { background: #4fc3f7; color: #000; font-weight: 500; }
-        .output-actions { display: flex; align-items: center; gap: 12px; }
-        .execution-time { font-size: 12px; color: #4caf50; font-weight: 500; }
-        .btn-icon {
+        .hep-cr-tab:hover { color: #d4d4d4; background: #3d3d3d; }
+        .hep-cr-runner-light .hep-cr-tab:hover { color: #333; background: #e0e0e0; }
+        .hep-cr-tab.active { background: #4fc3f7; color: #000; font-weight: 500; }
+        .hep-cr-output-actions { display: flex; align-items: center; gap: 12px; }
+        .hep-cr-execution-time { font-size: 12px; color: #4caf50; font-weight: 500; }
+        .hep-cr-btn-icon {
           background: transparent;
           border: none;
           cursor: pointer;
@@ -3335,16 +3335,16 @@ const Pt = ({
           justify-content: center;
           transition: all 0.2s;
         }
-        .btn-icon:hover { color: #fff; background: #3d3d3d; }
-        .code-runner-light .btn-icon:hover { color: #333; background: #e0e0e0; }
-        .output-content {
+        .hep-cr-btn-icon:hover { color: #fff; background: #3d3d3d; }
+        .hep-cr-runner-light .hep-cr-btn-icon:hover { color: #333; background: #e0e0e0; }
+        .hep-cr-output-content {
           flex: 1;
           padding: 12px 16px;
           overflow: auto;
           background: #1e1e1e;
         }
-        .code-runner-light .output-content { background: #fff; }
-        .output-content pre {
+        .hep-cr-runner-light .hep-cr-output-content { background: #fff; }
+        .hep-cr-output-content pre {
           margin: 0;
           font-size: 13px;
           line-height: 1.6;
@@ -3352,9 +3352,9 @@ const Pt = ({
           word-break: break-all;
           color: #d4d4d4;
         }
-        .code-runner-light .output-content pre { color: #333; }
-        .output-content .stderr { color: #f44336; }
-        .spinner {
+        .hep-cr-runner-light .hep-cr-output-content pre { color: #333; }
+        .hep-cr-output-content .stderr { color: #f44336; }
+        .hep-cr-spinner {
           width: 12px;
           height: 12px;
           border: 2px solid rgba(255,255,255,0.3);
@@ -3365,7 +3365,7 @@ const Pt = ({
         @keyframes spin { to { transform: rotate(360deg); } }
       ` })
   ] });
-}, Dt = xt(
+}, Dr = xr(
   ({
     open: d,
     defaultOpen: f = !1,
@@ -3385,15 +3385,15 @@ const Pt = ({
     }, [O, m]), B = (w) => {
       w.target === w.currentTarget && I();
     };
-    St(b, () => ({
+    Sr(b, () => ({
       close: I
     }));
     const F = typeof c == "number" ? `${c}px` : c;
-    return D ? /* @__PURE__ */ h.jsxs("div", { className: "dialog-overlay", onClick: B, children: [
-      /* @__PURE__ */ h.jsxs("div", { className: "dialog-container", style: { width: F }, children: [
-        /* @__PURE__ */ h.jsxs("div", { className: "dialog-header", children: [
-          /* @__PURE__ */ h.jsx("h3", { className: "dialog-title", children: n }),
-          /* @__PURE__ */ h.jsx("button", { className: "dialog-close", onClick: I, children: /* @__PURE__ */ h.jsxs(
+    return D ? /* @__PURE__ */ h.jsxs("div", { className: "hep-cr-dialog-overlay", onClick: B, children: [
+      /* @__PURE__ */ h.jsxs("div", { className: "hep-cr-dialog-container", style: { width: F }, children: [
+        /* @__PURE__ */ h.jsxs("div", { className: "hep-cr-dialog-header", children: [
+          /* @__PURE__ */ h.jsx("h3", { className: "hep-cr-dialog-title", children: n }),
+          /* @__PURE__ */ h.jsx("button", { className: "hep-cr-dialog-close", onClick: I, children: /* @__PURE__ */ h.jsxs(
             "svg",
             {
               width: "16",
@@ -3409,11 +3409,11 @@ const Pt = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ h.jsx("div", { className: "dialog-body", children: /* @__PURE__ */ h.jsx(Pt, { theme: S, ...l }) }),
-        k && /* @__PURE__ */ h.jsx("div", { className: "dialog-footer", children: k })
+        /* @__PURE__ */ h.jsx("div", { className: "hep-cr-dialog-body", children: /* @__PURE__ */ h.jsx(Pr, { theme: S, ...l }) }),
+        k && /* @__PURE__ */ h.jsx("div", { className: "hep-cr-dialog-footer", children: k })
       ] }),
       /* @__PURE__ */ h.jsx("style", { children: `
-          .dialog-overlay {
+          .hep-cr-dialog-overlay {
             position: fixed;
             top: 0;
             left: 0;
@@ -3424,10 +3424,10 @@ const Pt = ({
             align-items: center;
             justify-content: center;
             z-index: 9999;
-            animation: dialog-fade-in 0.2s ease;
+            animation: hep-cr-dialog-fade-in 0.2s ease;
           }
 
-          .dialog-container {
+          .hep-cr-dialog-container {
             background: #fff;
             border-radius: 12px;
             box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
@@ -3436,10 +3436,10 @@ const Pt = ({
             display: flex;
             flex-direction: column;
             overflow: hidden;
-            animation: dialog-scale-in 0.2s ease;
+            animation: hep-cr-dialog-scale-in 0.2s ease;
           }
 
-          .dialog-header {
+          .hep-cr-dialog-header {
             display: flex;
             align-items: center;
             justify-content: space-between;
@@ -3447,14 +3447,14 @@ const Pt = ({
             border-bottom: 1px solid #e0e0e0;
           }
 
-          .dialog-title {
+          .hep-cr-dialog-title {
             margin: 0;
             font-size: 16px;
             font-weight: 600;
             color: #333;
           }
 
-          .dialog-close {
+          .hep-cr-dialog-close {
             background: none;
             border: none;
             cursor: pointer;
@@ -3467,23 +3467,23 @@ const Pt = ({
             transition: all 0.2s;
           }
 
-          .dialog-close:hover {
+          .hep-cr-dialog-close:hover {
             background: #f0f0f0;
             color: #333;
           }
 
-          .dialog-body {
+          .hep-cr-dialog-body {
             flex: 1;
             overflow: auto;
             padding: 0;
           }
 
-          .dialog-body .code-runner {
+          .hep-cr-dialog-body .hep-cr-runner {
             border: none;
             border-radius: 0;
           }
 
-          .dialog-footer {
+          .hep-cr-dialog-footer {
             padding: 12px 20px;
             border-top: 1px solid #e0e0e0;
             display: flex;
@@ -3491,12 +3491,12 @@ const Pt = ({
             gap: 12px;
           }
 
-          @keyframes dialog-fade-in {
+          @keyframes hep-cr-dialog-fade-in {
             from { opacity: 0; }
             to { opacity: 1; }
           }
 
-          @keyframes dialog-scale-in {
+          @keyframes hep-cr-dialog-scale-in {
             from { transform: scale(0.95); }
             to { transform: scale(1); }
           }
@@ -3504,9 +3504,9 @@ const Pt = ({
     ] }) : null;
   }
 );
-Dt.displayName = "CodeRunnerDialog";
+Dr.displayName = "CodeRunnerDialog";
 export {
-  Pt as CodeRunner,
-  Dt as CodeRunnerDialog,
-  Pt as default
+  Pr as CodeRunner,
+  Dr as CodeRunnerDialog,
+  Pr as default
 };