@marimo-team/islands 0.17.2 → 0.17.4

package/dist/{esm-Oo8OvZ6m.js → esm-CQIOyi5v.js}

@@ -1,125 +1,126 @@
 import { s as __toESM } from "./chunk-DgPTj83v.js";
 import { t as require_react } from "./react-DHL_F5hS.js";
-import { n as require_compiler_runtime, t as require_jsx_runtime } from "./jsx-runtime-DZyWJV5b.js";
-import { n as Copy, r as toast, t as copyToClipboard } from "./copy-GNcK40wy.js";
-import { t as Check } from "./check-COlaG7Ss.js";
-import { d as cn, u as Events } from "./button-ADXOb_gX.js";
-import { c as Tooltip } from "./error-banner-BAWlXn49.js";
-import { $ as ViewPlugin, A as indentString, At as RangeSet, B as tags, Bt as countColumn, C as foldKeymap, Ct as CharCategory, D as getIndentation, Dt as Facet, E as getIndentUnit, Et as EditorState, F as syntaxHighlighting, Ft as Text, H as NodeProp, Ht as fromCodePoint, I as syntaxTree, It as Transaction, J as parseMixed, Lt as codePointAt, N as matchBrackets, Nt as StateEffect, O as indentNodeProp, Pt as StateField, R as Tag, Rt as codePointSize, S as foldInside, St as ChangeSet, Tt as EditorSelection, Vt as findClusterBreak, X as Direction, Y as Decoration, Z as EditorView, _t as showPanel, a as HighlightStyle, bt as Annotation, ct as highlightActiveLineGutter, dt as keymap, et as WidgetType, f as StreamLanguage, ft as lineNumbers, g as defaultHighlightStyle, gt as runScopeHandlers, h as continuedIndent, ht as rectangularSelection, it as getPanel, j as indentUnit, jt as RangeSetBuilder, k as indentOnInput, kt as Prec, lt as highlightSpecialChars, mt as placeholder, n as ExternalTokenizer, nt as drawSelection, o as IndentContext, p as bracketMatching, pt as logException, r as LRParser, rt as dropCursor, s as LRLanguage, st as highlightActiveLine, t as ContextTracker, tt as crosshairCursor, u as LanguageSupport, ut as hoverTooltip, v as delimitedIndent, w as foldNodeProp, x as foldGutter, xt as ChangeDesc, yt as crelt, z as styleTags, zt as combineConfig } from "./dist-BAqp4Vtl.js";
-import { a as closeBracketsKeymap, c as completionKeymap, f as snippetCompletion, i as closeBrackets, l as ifNotIn, r as autocompletion, s as completeFromList } from "./dist-CPNnKuPh.js";
-import { i as markdown } from "./dist-CWqB4bg8.js";
-import { n as html, r as htmlCompletionSource } from "./dist-DxESp2-T.js";
-import { r as cssLanguage, t as css } from "./dist-BBhmkni2.js";
-import { c as typescriptLanguage, n as javascript, r as javascriptLanguage, u as parser$1 } from "./dist-71jYYbWP.js";
-import { r as python } from "./dist-28HYzERB.js";
-import { t as stex } from "./stex-C6-x52ei.js";
-import { a as PLSQL, f as sql, l as StandardSQL, t as Cassandra } from "./dist-BNRdMfJH.js";
-import { t as cpp } from "./dist-DlK420ke.js";
-import { t as go } from "./dist-DaTVdKJa.js";
-import { t as java } from "./dist-Da046MhT.js";
-import { t as json } from "./dist-BaPjLM6s.js";
-import { t as less } from "./dist-B8Pbw5ln.js";
-import { n as liquid } from "./dist-BqdQPWpQ.js";
-import { t as php } from "./dist-CNvMOZu9.js";
-import { t as rust } from "./dist-Cw0F6l-7.js";
-import { t as sass } from "./dist-BYHiiJB-.js";
-import { t as wast } from "./dist-CwZcC4om.js";
-import { r as xml } from "./dist-DzJem5xc.js";
-import { t as yaml } from "./dist-C9-uHBqC.js";
-import { t as apl } from "./apl-aGhy11IM.js";
-import { t as asciiArmor } from "./asciiarmor-DJKJ3Gkn.js";
-import { t as asn1 } from "./asn1-C6f5IeNs.js";
-import { t as brainfuck } from "./brainfuck-Ch9vjun0.js";
-import { t as cobol } from "./cobol-suTPtt7c.js";
-import { c as squirrel, i as kotlin, n as csharp, o as objectiveCpp, r as dart, s as scala } from "./clike-Bc2PZzZQ.js";
-import { t as clojure } from "./clojure-B_lpr3zt.js";
-import { t as gss } from "./css-Df7Sdeyh.js";
-import { t as cmake } from "./cmake-DaocNF4I.js";
-import { t as coffeeScript } from "./coffeescript-CPLIvtqJ.js";
-import { t as commonLisp } from "./commonlisp-BqM3qFK7.js";
-import { t as cypher } from "./cypher-CaVKL6Gu.js";
-import { t as cython } from "./python-DWkQA94h.js";
-import { t as crystal } from "./crystal-AsSFu4ke.js";
-import { t as d } from "./d-DCGWK7NQ.js";
-import { t as diff } from "./diff-CsxOM4Tr.js";
-import { t as dtd } from "./dtd-Dwr0Jmks.js";
-import { t as dylan } from "./dylan-A7-ZBSey.js";
-import { t as ecl } from "./ecl-BzJVIQDc.js";
-import { t as eiffel } from "./eiffel-CO9eC_Op.js";
-import { t as elm } from "./elm-CVAWj8SB.js";
-import { t as erlang } from "./erlang-DWbZP546.js";
-import { t as factor } from "./factor-BZnBK3CG.js";
-import { t as forth } from "./forth-BTYqUuu3.js";
-import { t as fortran } from "./fortran-DgAjHcCq.js";
-import { n as oCaml, r as sml, t as fSharp } from "./mllike-C1n2UDyX.js";
-import { t as gas } from "./gas-BjDSWPZd.js";
-import { t as gherkin } from "./gherkin-ClRqqpKv.js";
-import { t as groovy } from "./groovy-BzNjnc8x.js";
-import { t as haskell } from "./haskell-DLdk34Jq.js";
-import { n as hxml, t as haxe } from "./haxe-l6gaY_IS.js";
-import { t as idl } from "./idl-hlWT4D26.js";
-import { n as jsonld } from "./javascript-DGukg1sB.js";
-import { t as jinja2 } from "./jinja2-DI5k_Er3.js";
-import { t as julia } from "./julia-BvDZDiIT.js";
-import { t as liveScript } from "./livescript-2YMQfkfI.js";
-import { t as lua } from "./lua-DIUrQRfA.js";
-import { t as mirc } from "./mirc-CNDqOVhQ.js";
-import { t as mathematica } from "./mathematica-Dqmg_BwL.js";
-import { t as modelica } from "./modelica-QqQC2pFj.js";
-import { t as mumps } from "./mumps-BeCUbMej.js";
-import { t as mbox } from "./mbox-Cng-P-F1.js";
-import { t as nsis } from "./nsis-D4bLR_Y1.js";
-import { t as ntriples } from "./ntriples-CUgUpcma.js";
-import { t as octave } from "./octave-BD652tGl.js";
-import { t as oz } from "./oz-DrRsFa0K.js";
-import { t as pascal } from "./pascal-hpcx9sVn.js";
-import { t as perl } from "./perl-DW8XHeFc.js";
-import { t as pig } from "./pig-Cv7Nxbfo.js";
-import { t as powerShell } from "./powershell-Dr7WZMDU.js";
-import { t as properties } from "./properties-D-qJDXAM.js";
-import { t as protobuf } from "./protobuf-B48QZbd3.js";
-import { t as pug } from "./pug-Dv3gE36O.js";
-import { t as puppet } from "./puppet-15JDyiY2.js";
-import { t as q } from "./q-BzRpKgfd.js";
-import { t as r } from "./r-dcNRe_Q8.js";
-import { n as rpmSpec } from "./rpm-Djl3Dsf1.js";
-import { t as ruby } from "./ruby-Dd2CZTip.js";
-import { t as sas } from "./sas-DYF5_Iqu.js";
-import { t as scheme } from "./scheme-YtWcji1H.js";
-import { t as shell } from "./shell-C3uC3Y0Z.js";
-import { t as sieve } from "./sieve-DHB17sQG.js";
-import { t as smalltalk } from "./smalltalk-Y5v1Np3H.js";
-import { t as sparql } from "./sparql-BEt3GJwM.js";
-import { t as stylus } from "./stylus-DroA8via.js";
-import { t as swift } from "./swift-DR0x1ESK.js";
-import { t as verilog } from "./verilog-CKGAvQjj.js";
-import { t as tcl } from "./tcl-BeuTFc_c.js";
-import { t as textile } from "./textile-C0ikhHN3.js";
-import { t as toml } from "./toml-BqNUJWRI.js";
-import { t as troff } from "./troff-DkK0f2ZH.js";
-import { t as ttcn } from "./ttcn-Bf8vrg-_.js";
-import { t as ttcnCfg } from "./ttcn-cfg-DjCKzd95.js";
-import { t as turtle } from "./turtle-SSc84S9m.js";
-import { t as webIDL } from "./webidl-Bi9hczCv.js";
-import { t as vb } from "./vb-CQ6DC3cL.js";
-import { t as vbScript } from "./vbscript-Dw0gFssg.js";
-import { t as velocity } from "./velocity-BvJQyBmj.js";
-import { t as vhdl } from "./vhdl-B40_x6fM.js";
-import { t as xQuery } from "./xquery-DwWUXvP3.js";
-import { t as yacas } from "./yacas-ClUs0mmH.js";
-import { t as z80 } from "./z80-DPC4UGzR.js";
-import { n as msgenny, r as xu, t as mscgen } from "./mscgen-C3fl8uhp.js";
-import { t as vue } from "./dist-_4cudra1.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-5MdCVm0X.js";
+import { n as Copy, r as toast, t as copyToClipboard } from "./copy-bxQOKABs.js";
+import { t as Check } from "./check-BZnPxXnd.js";
+import { d as cn, u as Events } from "./button-B8zS4Mtw.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-CvL6gNI-.js";
+import { c as Tooltip } from "./error-banner-B7LmpmGT.js";
+import { $ as ViewPlugin, A as indentString, At as RangeSet, B as tags, Bt as countColumn, C as foldKeymap, Ct as CharCategory, D as getIndentation, Dt as Facet, E as getIndentUnit, Et as EditorState, F as syntaxHighlighting, Ft as Text, H as NodeProp, Ht as fromCodePoint, I as syntaxTree, It as Transaction, J as parseMixed, Lt as codePointAt, N as matchBrackets, Nt as StateEffect, O as indentNodeProp, Pt as StateField, R as Tag, Rt as codePointSize, S as foldInside, St as ChangeSet, Tt as EditorSelection, Vt as findClusterBreak, X as Direction, Y as Decoration, Z as EditorView, _t as showPanel, a as HighlightStyle, bt as Annotation, ct as highlightActiveLineGutter, dt as keymap, et as WidgetType, f as StreamLanguage, ft as lineNumbers, g as defaultHighlightStyle, gt as runScopeHandlers, h as continuedIndent, ht as rectangularSelection, it as getPanel, j as indentUnit, jt as RangeSetBuilder, k as indentOnInput, kt as Prec, lt as highlightSpecialChars, mt as placeholder, n as ExternalTokenizer, nt as drawSelection, o as IndentContext, p as bracketMatching, pt as logException, r as LRParser, rt as dropCursor, s as LRLanguage, st as highlightActiveLine, t as ContextTracker, tt as crosshairCursor, u as LanguageSupport, ut as hoverTooltip, v as delimitedIndent, w as foldNodeProp, x as foldGutter, xt as ChangeDesc, yt as crelt, z as styleTags, zt as combineConfig } from "./dist-CBu8cgzz.js";
+import { a as closeBracketsKeymap, c as completionKeymap, f as snippetCompletion, i as closeBrackets, l as ifNotIn, r as autocompletion, s as completeFromList } from "./dist-D08oiinq.js";
+import { i as markdown } from "./dist-C02gS--y.js";
+import { n as html, r as htmlCompletionSource } from "./dist-C5Ns3q-m.js";
+import { r as cssLanguage, t as css } from "./dist-CxRajUZ6.js";
+import { c as typescriptLanguage, n as javascript, r as javascriptLanguage, u as parser$1 } from "./dist-B3CNaJau.js";
+import { r as python } from "./dist-D_GkrgWD.js";
+import { t as stex } from "./stex-BmcrV7cx.js";
+import { a as PLSQL, f as sql, l as StandardSQL, t as Cassandra } from "./dist-D4LUTYHc.js";
+import { t as cpp } from "./dist-owpR56zn.js";
+import { t as go } from "./dist-CXimnGhI.js";
+import { t as java } from "./dist-DvsjKDQ4.js";
+import { t as json } from "./dist-BgsDu-bU.js";
+import { t as less } from "./dist-DiO9ni9a.js";
+import { n as liquid } from "./dist-DSDOMDNR.js";
+import { t as php } from "./dist-XkGsOiy0.js";
+import { t as rust } from "./dist-DbHWFmjZ.js";
+import { t as sass } from "./dist-DlSZED-1.js";
+import { t as wast } from "./dist-HKzG1oF6.js";
+import { r as xml } from "./dist-BMhv6XDi.js";
+import { t as yaml } from "./dist-8v4BI_h_.js";
+import { t as apl } from "./apl-Css595_H.js";
+import { t as asciiArmor } from "./asciiarmor-BTCuJwxh.js";
+import { t as asn1 } from "./asn1-DXjhS5QI.js";
+import { t as brainfuck } from "./brainfuck--WlEc-iG.js";
+import { t as cobol } from "./cobol-DqUe0gl7.js";
+import { c as squirrel, i as kotlin, n as csharp, o as objectiveCpp, r as dart, s as scala } from "./clike-DDIJB_R8.js";
+import { t as clojure } from "./clojure-Z-GPBZyY.js";
+import { t as gss } from "./css-bDybSxwf.js";
+import { t as cmake } from "./cmake-DncBqspt.js";
+import { t as coffeeScript } from "./coffeescript-CH5_OO0H.js";
+import { t as commonLisp } from "./commonlisp-UmhR9BfE.js";
+import { t as cypher } from "./cypher-PIeAFhrd.js";
+import { t as cython } from "./python-BMcMimC3.js";
+import { t as crystal } from "./crystal-5Sqf7MXt.js";
+import { t as d } from "./d-Bd8EVRQt.js";
+import { t as diff } from "./diff-CAQdgtD6.js";
+import { t as dtd } from "./dtd-eKW3pZj_.js";
+import { t as dylan } from "./dylan-CIO7R9Tr.js";
+import { t as ecl } from "./ecl-BqYW-aOJ.js";
+import { t as eiffel } from "./eiffel-BOKM91eM.js";
+import { t as elm } from "./elm-3sobs3PV.js";
+import { t as erlang } from "./erlang-C5EBzhP1.js";
+import { t as factor } from "./factor-7tQNNEWF.js";
+import { t as forth } from "./forth-DneRHr4K.js";
+import { t as fortran } from "./fortran-DsdmZbwQ.js";
+import { n as oCaml, r as sml, t as fSharp } from "./mllike-BkBh4PFX.js";
+import { t as gas } from "./gas-DaoJ65Z9.js";
+import { t as gherkin } from "./gherkin-DUP_UlW-.js";
+import { t as groovy } from "./groovy-Rvyan8yX.js";
+import { t as haskell } from "./haskell-DIvpY54L.js";
+import { n as hxml, t as haxe } from "./haxe-Da_5bBNs.js";
+import { t as idl } from "./idl-DvL3aO0N.js";
+import { n as jsonld } from "./javascript-DoyAP8vn.js";
+import { t as jinja2 } from "./jinja2-Veqp7mFj.js";
+import { t as julia } from "./julia-Gi684CX7.js";
+import { t as liveScript } from "./livescript-BKj_Zhvo.js";
+import { t as lua } from "./lua-CDA7hreG.js";
+import { t as mirc } from "./mirc-B2JE5ype.js";
+import { t as mathematica } from "./mathematica-GWfSHReY.js";
+import { t as modelica } from "./modelica-C0hNlKgR.js";
+import { t as mumps } from "./mumps-CMePAlSe.js";
+import { t as mbox } from "./mbox-Dwsrc4Ak.js";
+import { t as nsis } from "./nsis-CFb2Zrib.js";
+import { t as ntriples } from "./ntriples-BnE6tX0Y.js";
+import { t as octave } from "./octave-Dfu3PmNP.js";
+import { t as oz } from "./oz-DqNpAjpZ.js";
+import { t as pascal } from "./pascal-GP_8jbNL.js";
+import { t as perl } from "./perl-DUDEqQOD.js";
+import { t as pig } from "./pig-Csr4LnKs.js";
+import { t as powerShell } from "./powershell-Cw4tDKZx.js";
+import { t as properties } from "./properties-CUhUGfHR.js";
+import { t as protobuf } from "./protobuf-CPZe957V.js";
+import { t as pug } from "./pug-ZDYeT34w.js";
+import { t as puppet } from "./puppet-BP1AOwo6.js";
+import { t as q } from "./q-BNfSHUci.js";
+import { t as r } from "./r-DiJzLRZc.js";
+import { n as rpmSpec } from "./rpm-CywAxCKo.js";
+import { t as ruby } from "./ruby-B0a4mSSU.js";
+import { t as sas } from "./sas-DTh30wZQ.js";
+import { t as scheme } from "./scheme-CsOlAIFf.js";
+import { t as shell } from "./shell-7w75P-tg.js";
+import { t as sieve } from "./sieve-BphUEMa4.js";
+import { t as smalltalk } from "./smalltalk-CHwdNey_.js";
+import { t as sparql } from "./sparql-BtwCqUvT.js";
+import { t as stylus } from "./stylus-SVJ7TGPh.js";
+import { t as swift } from "./swift-f7KaABxm.js";
+import { t as verilog } from "./verilog-ogjm0Ytr.js";
+import { t as tcl } from "./tcl-CbTFkeHJ.js";
+import { t as textile } from "./textile-CFn6QLRy.js";
+import { t as toml } from "./toml-YgDIoI1n.js";
+import { t as troff } from "./troff-CIp_4RXg.js";
+import { t as ttcn } from "./ttcn-Yn_uOBYK.js";
+import { t as ttcnCfg } from "./ttcn-cfg-BVum2rmM.js";
+import { t as turtle } from "./turtle-BeWx-YoQ.js";
+import { t as webIDL } from "./webidl-QdwcTYEu.js";
+import { t as vb } from "./vb-DKEmSA_2.js";
+import { t as vbScript } from "./vbscript-BPsxuP0n.js";
+import { t as velocity } from "./velocity-ycm1NvlO.js";
+import { t as vhdl } from "./vhdl-BvjyOM9y.js";
+import { t as xQuery } from "./xquery-BErHIIc-.js";
+import { t as yacas } from "./yacas-BBBJNs0h.js";
+import { t as z80 } from "./z80-nG9RRukG.js";
+import { n as msgenny, r as xu, t as mscgen } from "./mscgen-DWWpdZnb.js";
+import { t as vue } from "./dist-DTNqkRGE.js";
 var import_compiler_runtime = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1), import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
 const CopyClipboardIcon = (e6) => {
-  let y = (0, import_compiler_runtime.c)(13), { value: b, className: x, tooltip: k, toastTitle: A, ariaLabel: j } = e6, [M, N] = (0, import_react.useState)(false), P;
+  let y = (0, import_compiler_runtime.c)(13), { value: b, className: D, tooltip: k, toastTitle: A, ariaLabel: j } = e6, [M, N] = (0, import_react.useState)(false), P;
   y[0] !== A || y[1] !== b ? (P = Events.stopPropagation(async (e7) => {
     await copyToClipboard(typeof b == "function" ? b(e7) : b).then(() => {
       N(true), setTimeout(() => N(false), 2e3), A && toast({ title: A });
     });
   }), y[0] = A, y[1] = b, y[2] = P) : P = y[2];
   let F = P, I = j ?? "Copy to clipboard", L;
-  y[3] !== x || y[4] !== M ? (L = M ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: cn(x, "text-(--grass-11)") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: x }), y[3] = x, y[4] = M, y[5] = L) : L = y[5];
+  y[3] !== D || y[4] !== M ? (L = M ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: cn(D, "text-(--grass-11)") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: D }), y[3] = D, y[4] = M, y[5] = L) : L = y[5];
   let R;
   y[6] !== F || y[7] !== I || y[8] !== L ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
     type: "button",
@@ -2013,37 +2014,50 @@ var baseTheme$2 = /* @__PURE__ */ EditorView.baseTheme({
   static init(y, b, x) {
     let S = x.facet(lintConfig).markerFilter;
     S && (y = S(y, x));
-    let C = y.slice().sort((e6, y2) => e6.from - y2.from || e6.to - y2.to), w = new RangeSetBuilder(), T = [], E = 0;
+    let C = y.slice().sort((e6, y2) => e6.from - y2.from || e6.to - y2.to), w = new RangeSetBuilder(), T = [], E = 0, D = x.doc.iter(), O = 0;
     for (let e6 = 0; ; ) {
       let y2 = e6 == C.length ? null : C[e6];
       if (!y2 && !T.length) break;
-      let b2, S2;
-      for (T.length ? (b2 = E, S2 = T.reduce((e7, y3) => Math.min(e7, y3.to), y2 && y2.from > b2 ? y2.from : 1e8)) : (b2 = y2.from, S2 = y2.to, T.push(y2), e6++); e6 < C.length; ) {
+      let b2, x2;
+      for (T.length ? (b2 = E, x2 = T.reduce((e7, y3) => Math.min(e7, y3.to), y2 && y2.from > b2 ? y2.from : 1e8)) : (b2 = y2.from, x2 = y2.to, T.push(y2), e6++); e6 < C.length; ) {
         let y3 = C[e6];
-        if (y3.from == b2 && (y3.to > y3.from || y3.to == b2)) T.push(y3), e6++, S2 = Math.min(y3.to, S2);
+        if (y3.from == b2 && (y3.to > y3.from || y3.to == b2)) T.push(y3), e6++, x2 = Math.min(y3.to, x2);
         else {
-          S2 = Math.min(y3.from, S2);
+          x2 = Math.min(y3.from, x2);
           break;
         }
       }
-      let D2 = maxSeverity(T);
-      if (T.some((e7) => e7.from == e7.to || e7.from == e7.to - 1 && x.doc.lineAt(e7.from).to == e7.from)) w.add(b2, b2, Decoration.widget({
-        widget: new DiagnosticWidget(D2),
+      let S2 = false;
+      if (T.some((e7) => e7.from == b2 && e7.to == x2) && (S2 = b2 == x2, !S2 && x2 - b2 < 10)) {
+        let e7 = b2 - (O + D.value.length);
+        e7 > 0 && (D.next(e7), O = b2);
+        for (let e8 = b2; ; ) {
+          if (e8 >= x2) {
+            S2 = true;
+            break;
+          }
+          if (!D.lineBreak && O + D.value.length > e8) break;
+          e8 = O + D.value.length, O += D.value.length, D.next();
+        }
+      }
+      let k2 = maxSeverity(T);
+      if (S2) w.add(b2, b2, Decoration.widget({
+        widget: new DiagnosticWidget(k2),
         diagnostics: T.slice()
       }));
       else {
         let e7 = T.reduce((e8, y3) => y3.markClass ? e8 + " " + y3.markClass : e8, "");
-        w.add(b2, S2, Decoration.mark({
-          class: "cm-lintRange cm-lintRange-" + D2 + e7,
+        w.add(b2, x2, Decoration.mark({
+          class: "cm-lintRange cm-lintRange-" + k2 + e7,
           diagnostics: T.slice(),
-          inclusiveEnd: T.some((e8) => e8.to > S2)
+          inclusiveEnd: T.some((e8) => e8.to > x2)
         }));
       }
-      E = S2;
+      E = x2;
       for (let e7 = 0; e7 < T.length; e7++) T[e7].to <= E && T.splice(e7--, 1);
     }
-    let D = w.finish();
-    return new e4(D, b, findDiagnostic(D));
+    let k = w.finish();
+    return new e4(k, b, findDiagnostic(k));
   }
 };
 function findDiagnostic(e6, y = null, b = 0) {
@@ -2491,444 +2505,35 @@ function _objectWithoutPropertiesLoose(e6, y) {
   }
   return b;
 }
-var basicSetup = function(e6) {
-  e6 === void 0 && (e6 = {});
-  var { crosshairCursor: y = false } = e6, b = [];
-  e6.closeBracketsKeymap !== false && (b = b.concat(closeBracketsKeymap)), e6.defaultKeymap !== false && (b = b.concat(defaultKeymap)), e6.searchKeymap !== false && (b = b.concat(searchKeymap)), e6.historyKeymap !== false && (b = b.concat(historyKeymap)), e6.foldKeymap !== false && (b = b.concat(foldKeymap)), e6.completionKeymap !== false && (b = b.concat(completionKeymap)), e6.lintKeymap !== false && (b = b.concat(lintKeymap));
-  var x = [];
-  return e6.lineNumbers !== false && x.push(lineNumbers()), e6.highlightActiveLineGutter !== false && x.push(highlightActiveLineGutter()), e6.highlightSpecialChars !== false && x.push(highlightSpecialChars()), e6.history !== false && x.push(history()), e6.foldGutter !== false && x.push(foldGutter()), e6.drawSelection !== false && x.push(drawSelection()), e6.dropCursor !== false && x.push(dropCursor()), e6.allowMultipleSelections !== false && x.push(EditorState.allowMultipleSelections.of(true)), e6.indentOnInput !== false && x.push(indentOnInput()), e6.syntaxHighlighting !== false && x.push(syntaxHighlighting(defaultHighlightStyle, { fallback: true })), e6.bracketMatching !== false && x.push(bracketMatching()), e6.closeBrackets !== false && x.push(closeBrackets()), e6.autocompletion !== false && x.push(autocompletion()), e6.rectangularSelection !== false && x.push(rectangularSelection()), y !== false && x.push(crosshairCursor()), e6.highlightActiveLine !== false && x.push(highlightActiveLine()), e6.highlightSelectionMatches !== false && x.push(highlightSelectionMatches()), e6.tabSize && typeof e6.tabSize == "number" && x.push(indentUnit.of(" ".repeat(e6.tabSize))), x.concat([keymap.of(b.flat())]).filter(Boolean);
-}, minimalSetup = function(e6) {
-  e6 === void 0 && (e6 = {});
-  var y = [];
-  e6.defaultKeymap !== false && (y = y.concat(defaultKeymap)), e6.historyKeymap !== false && (y = y.concat(historyKeymap));
-  var b = [];
-  return e6.highlightSpecialChars !== false && b.push(highlightSpecialChars()), e6.history !== false && b.push(history()), e6.drawSelection !== false && b.push(drawSelection()), e6.syntaxHighlighting !== false && b.push(syntaxHighlighting(defaultHighlightStyle, { fallback: true })), b.concat([keymap.of(y.flat())]).filter(Boolean);
-}, chalky = "#e5c07b", coral = "#e06c75", cyan = "#56b6c2", invalid = "#ffffff", ivory = "#abb2bf", stone = "#7d8799", malibu = "#61afef", sage = "#98c379", whiskey = "#d19a66", violet = "#c678dd", darkBackground = "#21252b", highlightBackground = "#2c313a", background = "#282c34", tooltipBackground = "#353a42", selection = "#3E4451", cursor = "#528bff", oneDark = [/* @__PURE__ */ EditorView.theme({
-  "&": {
-    color: ivory,
-    backgroundColor: background
-  },
-  ".cm-content": { caretColor: cursor },
-  ".cm-cursor, .cm-dropCursor": { borderLeftColor: cursor },
-  "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": { backgroundColor: selection },
-  ".cm-panels": {
-    backgroundColor: darkBackground,
-    color: ivory
-  },
-  ".cm-panels.cm-panels-top": { borderBottom: "2px solid black" },
-  ".cm-panels.cm-panels-bottom": { borderTop: "2px solid black" },
-  ".cm-searchMatch": {
-    backgroundColor: "#72a1ff59",
-    outline: "1px solid #457dff"
-  },
-  ".cm-searchMatch.cm-searchMatch-selected": { backgroundColor: "#6199ff2f" },
-  ".cm-activeLine": { backgroundColor: "#6699ff0b" },
-  ".cm-selectionMatch": { backgroundColor: "#aafe661a" },
-  "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": { backgroundColor: "#bad0f847" },
-  ".cm-gutters": {
-    backgroundColor: background,
-    color: stone,
-    border: "none"
-  },
-  ".cm-activeLineGutter": { backgroundColor: highlightBackground },
-  ".cm-foldPlaceholder": {
-    backgroundColor: "transparent",
-    border: "none",
-    color: "#ddd"
-  },
-  ".cm-tooltip": {
-    border: "none",
-    backgroundColor: tooltipBackground
-  },
-  ".cm-tooltip .cm-tooltip-arrow:before": {
-    borderTopColor: "transparent",
-    borderBottomColor: "transparent"
-  },
-  ".cm-tooltip .cm-tooltip-arrow:after": {
-    borderTopColor: tooltipBackground,
-    borderBottomColor: tooltipBackground
-  },
-  ".cm-tooltip-autocomplete": { "& > ul > li[aria-selected]": {
-    backgroundColor: highlightBackground,
-    color: ivory
-  } }
-}, { dark: true }), /* @__PURE__ */ syntaxHighlighting(/* @__PURE__ */ HighlightStyle.define([
-  {
-    tag: tags.keyword,
-    color: violet
-  },
-  {
-    tag: [
-      tags.name,
-      tags.deleted,
-      tags.character,
-      tags.propertyName,
-      tags.macroName
-    ],
-    color: coral
-  },
-  {
-    tag: [/* @__PURE__ */ tags.function(tags.variableName), tags.labelName],
-    color: malibu
-  },
-  {
-    tag: [
-      tags.color,
-      /* @__PURE__ */ tags.constant(tags.name),
-      /* @__PURE__ */ tags.standard(tags.name)
-    ],
-    color: whiskey
-  },
-  {
-    tag: [/* @__PURE__ */ tags.definition(tags.name), tags.separator],
-    color: ivory
-  },
-  {
-    tag: [
-      tags.typeName,
-      tags.className,
-      tags.number,
-      tags.changed,
-      tags.annotation,
-      tags.modifier,
-      tags.self,
-      tags.namespace
-    ],
-    color: chalky
-  },
-  {
-    tag: [
-      tags.operator,
-      tags.operatorKeyword,
-      tags.url,
-      tags.escape,
-      tags.regexp,
-      tags.link,
-      /* @__PURE__ */ tags.special(tags.string)
-    ],
-    color: cyan
-  },
-  {
-    tag: [tags.meta, tags.comment],
-    color: stone
-  },
-  {
-    tag: tags.strong,
-    fontWeight: "bold"
-  },
-  {
-    tag: tags.emphasis,
-    fontStyle: "italic"
-  },
-  {
-    tag: tags.strikethrough,
-    textDecoration: "line-through"
-  },
-  {
-    tag: tags.link,
-    color: stone,
-    textDecoration: "underline"
-  },
-  {
-    tag: tags.heading,
-    fontWeight: "bold",
-    color: coral
-  },
-  {
-    tag: [
-      tags.atom,
-      tags.bool,
-      /* @__PURE__ */ tags.special(tags.variableName)
-    ],
-    color: whiskey
-  },
-  {
-    tag: [
-      tags.processingInstruction,
-      tags.string,
-      tags.inserted
-    ],
-    color: sage
-  },
-  {
-    tag: tags.invalid,
-    color: invalid
-  }
-]))], defaultLightThemeOption = EditorView.theme({ "&": { backgroundColor: "#fff" } }, { dark: false }), getDefaultExtensions = function(e6) {
-  e6 === void 0 && (e6 = {});
-  var { indentWithTab: y = true, editable: b = true, readOnly: x = false, theme: S = "light", placeholder: C = "", basicSetup: w = true } = e6, T = [];
-  switch (y && T.unshift(keymap.of([indentWithTab])), w && (typeof w == "boolean" ? T.unshift(basicSetup()) : T.unshift(basicSetup(w))), C && T.unshift(placeholder(C)), S) {
-    case "light":
-      T.push(defaultLightThemeOption);
-      break;
-    case "dark":
-      T.push(oneDark);
+var strContent = 63, strDollarBrace = 64, strEnd = 65, escapeSequence = 66, indStrContent = 67, indStrDollarBrace = 68, indStrEnd = 69, indEscapeSequence = 70, quote = 34, backslack = 92, braceL = 123, dollar = 36, apostrophe = 39, scanString = /* @__PURE__ */ new ExternalTokenizer((e6) => {
+  for (let y = false, b = 0; ; b++) {
+    let { next: x } = e6;
+    if (x < 0) {
+      b > 0 && e6.acceptToken(strContent);
       break;
-    case "none":
+    } else if (x === quote) {
+      b > 0 ? e6.acceptToken(strContent) : e6.acceptToken(strEnd, 1);
       break;
-    default:
-      T.push(S);
+    } else if (x === braceL && y) {
+      b == 1 ? e6.acceptToken(strDollarBrace, 1) : e6.acceptToken(strContent, -1);
       break;
+    } else x === backslack && (e6.advance(), e6.acceptToken(escapeSequence, 1));
+    y = x === dollar, e6.advance();
   }
-  return b === false && T.push(EditorView.editable.of(false)), x && T.push(EditorState.readOnly.of(true)), [...T];
-}, getStatistics = (e6) => ({
-  line: e6.state.doc.lineAt(e6.state.selection.main.from),
-  lineCount: e6.state.doc.lines,
-  lineBreak: e6.state.lineBreak,
-  length: e6.state.doc.length,
-  readOnly: e6.state.readOnly,
-  tabSize: e6.state.tabSize,
-  selection: e6.state.selection,
-  selectionAsSingle: e6.state.selection.asSingle().main,
-  ranges: e6.state.selection.ranges,
-  selectionCode: e6.state.sliceDoc(e6.state.selection.main.from, e6.state.selection.main.to),
-  selections: e6.state.selection.ranges.map((y) => e6.state.sliceDoc(y.from, y.to)),
-  selectedText: e6.state.selection.ranges.some((e7) => !e7.empty)
-}), TimeoutLatch = class {
-  constructor(e6, y) {
-    this.timeLeftMS = void 0, this.timeoutMS = void 0, this.isCancelled = false, this.isTimeExhausted = false, this.callbacks = [], this.timeLeftMS = y, this.timeoutMS = y, this.callbacks.push(e6);
-  }
-  tick() {
-    if (!this.isCancelled && !this.isTimeExhausted && (this.timeLeftMS--, this.timeLeftMS <= 0)) {
-      this.isTimeExhausted = true;
-      var e6 = this.callbacks.slice();
-      this.callbacks.length = 0, e6.forEach((e7) => {
-        try {
-          e7();
-        } catch (e8) {
-          console.error("TimeoutLatch callback error:", e8);
-        }
-      });
-    }
-  }
-  cancel() {
-    this.isCancelled = true, this.callbacks.length = 0;
-  }
-  reset() {
-    this.timeLeftMS = this.timeoutMS, this.isCancelled = false, this.isTimeExhausted = false;
-  }
-  get isDone() {
-    return this.isCancelled || this.isTimeExhausted;
-  }
-}, Scheduler = class {
-  constructor() {
-    this.interval = null, this.latches = /* @__PURE__ */ new Set();
-  }
-  add(e6) {
-    this.latches.add(e6), this.start();
-  }
-  remove(e6) {
-    this.latches.delete(e6), this.latches.size === 0 && this.stop();
-  }
-  start() {
-    this.interval === null && (this.interval = setInterval(() => {
-      this.latches.forEach((e6) => {
-        e6.tick(), e6.isDone && this.remove(e6);
-      });
-    }, 1));
-  }
-  stop() {
-    this.interval !== null && (clearInterval(this.interval), this.interval = null);
-  }
-}, globalScheduler = null, getScheduler = () => typeof window > "u" ? new Scheduler() : (globalScheduler || (globalScheduler = new Scheduler()), globalScheduler), ExternalChange = Annotation.define(), TYPING_TIMOUT = 200, emptyExtensions = [];
-function useCodeMirror(e6) {
-  var { value: y, selection: b, onChange: x, onStatistics: S, onCreateEditor: C, onUpdate: w, extensions: T = emptyExtensions, autoFocus: E, theme: D = "light", height: O = null, minHeight: k = null, maxHeight: A = null, width: j = null, minWidth: M = null, maxWidth: N = null, placeholder: P = "", editable: F = true, readOnly: I = false, indentWithTab: L = true, basicSetup: R = true, root: B, initialState: V } = e6, [H, U] = (0, import_react.useState)(), [W, G] = (0, import_react.useState)(), [K, J] = (0, import_react.useState)(), Y = (0, import_react.useState)(() => ({ current: null }))[0], Z = (0, import_react.useState)(() => ({ current: null }))[0], Q = EditorView.theme({
-    "&": {
-      height: O,
-      minHeight: k,
-      maxHeight: A,
-      width: j,
-      minWidth: M,
-      maxWidth: N
-    },
-    "& .cm-scroller": { height: "100% !important" }
-  }), $ = [
-    EditorView.updateListener.of((e7) => {
-      e7.docChanged && typeof x == "function" && !e7.transactions.some((e8) => e8.annotation(ExternalChange)) && (Y.current ? Y.current.reset() : (Y.current = new TimeoutLatch(() => {
-        if (Z.current) {
-          var e8 = Z.current;
-          Z.current = null, e8();
-        }
-        Y.current = null;
-      }, TYPING_TIMOUT), getScheduler().add(Y.current)), x(e7.state.doc.toString(), e7)), S && S(getStatistics(e7));
-    }),
-    Q,
-    ...getDefaultExtensions({
-      theme: D,
-      editable: F,
-      readOnly: I,
-      placeholder: P,
-      indentWithTab: L,
-      basicSetup: R
-    })
-  ];
-  return w && typeof w == "function" && $.push(EditorView.updateListener.of(w)), $ = $.concat(T), (0, import_react.useLayoutEffect)(() => {
-    if (H && !K) {
-      var e7 = {
-        doc: y,
-        selection: b,
-        extensions: $
-      }, x2 = V ? EditorState.fromJSON(V.json, e7, V.fields) : EditorState.create(e7);
-      if (J(x2), !W) {
-        var S2 = new EditorView({
-          state: x2,
-          parent: H,
-          root: B
-        });
-        G(S2), C && C(S2, x2);
-      }
-    }
-    return () => {
-      W && (J(void 0), G(void 0));
-    };
-  }, [H, K]), (0, import_react.useEffect)(() => {
-    e6.container && U(e6.container);
-  }, [e6.container]), (0, import_react.useEffect)(() => () => {
-    W && (W.destroy(), G(void 0)), Y.current && (Y.current = (Y.current.cancel(), null));
-  }, [W]), (0, import_react.useEffect)(() => {
-    E && W && W.focus();
-  }, [E, W]), (0, import_react.useEffect)(() => {
-    W && W.dispatch({ effects: StateEffect.reconfigure.of($) });
-  }, [
-    D,
-    T,
-    O,
-    k,
-    A,
-    j,
-    M,
-    N,
-    P,
-    F,
-    I,
-    L,
-    R,
-    x,
-    w
-  ]), (0, import_react.useEffect)(() => {
-    if (y !== void 0) {
-      var e7 = W ? W.state.doc.toString() : "";
-      if (W && y !== e7) {
-        var b2 = Y.current && !Y.current.isDone, x2 = () => {
-          W && y !== W.state.doc.toString() && W.dispatch({
-            changes: {
-              from: 0,
-              to: W.state.doc.toString().length,
-              insert: y || ""
-            },
-            annotations: [ExternalChange.of(true)]
-          });
-        };
-        b2 ? Z.current = x2 : x2();
-      }
-    }
-  }, [y, W]), {
-    state: K,
-    setState: J,
-    view: W,
-    setView: G,
-    container: H,
-    setContainer: U
-  };
-}
-var _excluded = [
-  "className",
-  "value",
-  "selection",
-  "extensions",
-  "onChange",
-  "onStatistics",
-  "onCreateEditor",
-  "onUpdate",
-  "autoFocus",
-  "theme",
-  "height",
-  "minHeight",
-  "maxHeight",
-  "width",
-  "minWidth",
-  "maxWidth",
-  "basicSetup",
-  "placeholder",
-  "indentWithTab",
-  "editable",
-  "readOnly",
-  "root",
-  "initialState"
-], ReactCodeMirror = /* @__PURE__ */ (0, import_react.forwardRef)((e6, y) => {
-  var { className: b, value: x = "", selection: S, extensions: C = [], onChange: w, onStatistics: T, onCreateEditor: E, onUpdate: D, autoFocus: O, theme: k = "light", height: A, minHeight: j, maxHeight: M, width: N, minWidth: P, maxWidth: F, basicSetup: I, placeholder: L, indentWithTab: R, editable: z, readOnly: B, root: V, initialState: H } = e6, U = _objectWithoutPropertiesLoose(e6, _excluded), W = (0, import_react.useRef)(null), { state: G, view: K, container: J, setContainer: Y } = useCodeMirror({
-    root: V,
-    value: x,
-    autoFocus: O,
-    theme: k,
-    height: A,
-    minHeight: j,
-    maxHeight: M,
-    width: N,
-    minWidth: P,
-    maxWidth: F,
-    basicSetup: I,
-    placeholder: L,
-    indentWithTab: R,
-    editable: z,
-    readOnly: B,
-    selection: S,
-    onChange: w,
-    onStatistics: T,
-    onCreateEditor: E,
-    onUpdate: D,
-    extensions: C,
-    initialState: H
-  });
-  (0, import_react.useImperativeHandle)(y, () => ({
-    editor: W.current,
-    state: G,
-    view: K
-  }), [
-    W,
-    J,
-    G,
-    K
-  ]);
-  var X = (0, import_react.useCallback)((e7) => {
-    W.current = e7, Y(e7);
-  }, [Y]);
-  if (typeof x != "string") throw Error("value must be typeof string but got " + typeof x);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", _extends({
-    ref: X,
-    className: (typeof k == "string" ? "cm-theme-" + k : "cm-theme") + (b ? " " + b : "")
-  }, U));
-});
-ReactCodeMirror.displayName = "CodeMirror";
-var esm_default = ReactCodeMirror, strContent = 63, strDollarBrace = 64, strEnd = 65, escapeSequence = 66, indStrContent = 67, indStrDollarBrace = 68, indStrEnd = 69, indEscapeSequence = 70, quote = 34, backslack = 92, braceL = 123, dollar = 36, apostrophe = 39, scanString = /* @__PURE__ */ new ExternalTokenizer((e6) => {
-  for (let y = false, b = 0; ; b++) {
-    let { next: x } = e6;
-    if (x < 0) {
-      b > 0 && e6.acceptToken(strContent);
-      break;
-    } else if (x === quote) {
-      b > 0 ? e6.acceptToken(strContent) : e6.acceptToken(strEnd, 1);
-      break;
-    } else if (x === braceL && y) {
-      b == 1 ? e6.acceptToken(strDollarBrace, 1) : e6.acceptToken(strContent, -1);
-      break;
-    } else x === backslack && (e6.advance(), e6.acceptToken(escapeSequence, 1));
-    y = x === dollar, e6.advance();
-  }
-}), scanIndString = /* @__PURE__ */ new ExternalTokenizer((e6) => {
-  for (let y = false, b = false, x = 0; ; x++) {
-    let { next: S } = e6;
-    if (S < 0) {
-      x > 0 && e6.acceptToken(indStrContent);
-      break;
-    } else if (S === apostrophe && b) {
-      x > 1 ? e6.acceptToken(indStrContent, -1) : e6.acceptToken(indStrEnd, 1);
-      break;
-    } else if (S === braceL && y) {
-      x == 1 ? e6.acceptToken(indStrDollarBrace, 1) : e6.acceptToken(indStrContent, -1);
-      break;
-    } else S === backslack && (e6.advance(), e6.acceptToken(indEscapeSequence, 1));
-    y = S === dollar, b = S === apostrophe, e6.advance();
+}), scanIndString = /* @__PURE__ */ new ExternalTokenizer((e6) => {
+  for (let y = false, b = false, x = 0; ; x++) {
+    let { next: S } = e6;
+    if (S < 0) {
+      x > 0 && e6.acceptToken(indStrContent);
+      break;
+    } else if (S === apostrophe && b) {
+      x > 1 ? e6.acceptToken(indStrContent, -1) : e6.acceptToken(indStrEnd, 1);
+      break;
+    } else if (S === braceL && y) {
+      x == 1 ? e6.acceptToken(indStrDollarBrace, 1) : e6.acceptToken(indStrContent, -1);
+      break;
+    } else S === backslack && (e6.advance(), e6.acceptToken(indEscapeSequence, 1));
+    y = S === dollar, b = S === apostrophe, e6.advance();
   }
 }), spec_Identifier = {
   __proto__: null,
@@ -4375,16 +3980,426 @@ var parser = {
 function loadLanguage(e6) {
   return langs[e6] ? langs[e6]() : null;
 }
+var basicSetup = function(e6) {
+  e6 === void 0 && (e6 = {});
+  var { crosshairCursor: y = false } = e6, b = [];
+  e6.closeBracketsKeymap !== false && (b = b.concat(closeBracketsKeymap)), e6.defaultKeymap !== false && (b = b.concat(defaultKeymap)), e6.searchKeymap !== false && (b = b.concat(searchKeymap)), e6.historyKeymap !== false && (b = b.concat(historyKeymap)), e6.foldKeymap !== false && (b = b.concat(foldKeymap)), e6.completionKeymap !== false && (b = b.concat(completionKeymap)), e6.lintKeymap !== false && (b = b.concat(lintKeymap));
+  var x = [];
+  return e6.lineNumbers !== false && x.push(lineNumbers()), e6.highlightActiveLineGutter !== false && x.push(highlightActiveLineGutter()), e6.highlightSpecialChars !== false && x.push(highlightSpecialChars()), e6.history !== false && x.push(history()), e6.foldGutter !== false && x.push(foldGutter()), e6.drawSelection !== false && x.push(drawSelection()), e6.dropCursor !== false && x.push(dropCursor()), e6.allowMultipleSelections !== false && x.push(EditorState.allowMultipleSelections.of(true)), e6.indentOnInput !== false && x.push(indentOnInput()), e6.syntaxHighlighting !== false && x.push(syntaxHighlighting(defaultHighlightStyle, { fallback: true })), e6.bracketMatching !== false && x.push(bracketMatching()), e6.closeBrackets !== false && x.push(closeBrackets()), e6.autocompletion !== false && x.push(autocompletion()), e6.rectangularSelection !== false && x.push(rectangularSelection()), y !== false && x.push(crosshairCursor()), e6.highlightActiveLine !== false && x.push(highlightActiveLine()), e6.highlightSelectionMatches !== false && x.push(highlightSelectionMatches()), e6.tabSize && typeof e6.tabSize == "number" && x.push(indentUnit.of(" ".repeat(e6.tabSize))), x.concat([keymap.of(b.flat())]).filter(Boolean);
+}, minimalSetup = function(e6) {
+  e6 === void 0 && (e6 = {});
+  var y = [];
+  e6.defaultKeymap !== false && (y = y.concat(defaultKeymap)), e6.historyKeymap !== false && (y = y.concat(historyKeymap));
+  var b = [];
+  return e6.highlightSpecialChars !== false && b.push(highlightSpecialChars()), e6.history !== false && b.push(history()), e6.drawSelection !== false && b.push(drawSelection()), e6.syntaxHighlighting !== false && b.push(syntaxHighlighting(defaultHighlightStyle, { fallback: true })), b.concat([keymap.of(y.flat())]).filter(Boolean);
+}, chalky = "#e5c07b", coral = "#e06c75", cyan = "#56b6c2", invalid = "#ffffff", ivory = "#abb2bf", stone = "#7d8799", malibu = "#61afef", sage = "#98c379", whiskey = "#d19a66", violet = "#c678dd", darkBackground = "#21252b", highlightBackground = "#2c313a", background = "#282c34", tooltipBackground = "#353a42", selection = "#3E4451", cursor = "#528bff", oneDark = [/* @__PURE__ */ EditorView.theme({
+  "&": {
+    color: ivory,
+    backgroundColor: background
+  },
+  ".cm-content": { caretColor: cursor },
+  ".cm-cursor, .cm-dropCursor": { borderLeftColor: cursor },
+  "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": { backgroundColor: selection },
+  ".cm-panels": {
+    backgroundColor: darkBackground,
+    color: ivory
+  },
+  ".cm-panels.cm-panels-top": { borderBottom: "2px solid black" },
+  ".cm-panels.cm-panels-bottom": { borderTop: "2px solid black" },
+  ".cm-searchMatch": {
+    backgroundColor: "#72a1ff59",
+    outline: "1px solid #457dff"
+  },
+  ".cm-searchMatch.cm-searchMatch-selected": { backgroundColor: "#6199ff2f" },
+  ".cm-activeLine": { backgroundColor: "#6699ff0b" },
+  ".cm-selectionMatch": { backgroundColor: "#aafe661a" },
+  "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": { backgroundColor: "#bad0f847" },
+  ".cm-gutters": {
+    backgroundColor: background,
+    color: stone,
+    border: "none"
+  },
+  ".cm-activeLineGutter": { backgroundColor: highlightBackground },
+  ".cm-foldPlaceholder": {
+    backgroundColor: "transparent",
+    border: "none",
+    color: "#ddd"
+  },
+  ".cm-tooltip": {
+    border: "none",
+    backgroundColor: tooltipBackground
+  },
+  ".cm-tooltip .cm-tooltip-arrow:before": {
+    borderTopColor: "transparent",
+    borderBottomColor: "transparent"
+  },
+  ".cm-tooltip .cm-tooltip-arrow:after": {
+    borderTopColor: tooltipBackground,
+    borderBottomColor: tooltipBackground
+  },
+  ".cm-tooltip-autocomplete": { "& > ul > li[aria-selected]": {
+    backgroundColor: highlightBackground,
+    color: ivory
+  } }
+}, { dark: true }), /* @__PURE__ */ syntaxHighlighting(/* @__PURE__ */ HighlightStyle.define([
+  {
+    tag: tags.keyword,
+    color: violet
+  },
+  {
+    tag: [
+      tags.name,
+      tags.deleted,
+      tags.character,
+      tags.propertyName,
+      tags.macroName
+    ],
+    color: coral
+  },
+  {
+    tag: [/* @__PURE__ */ tags.function(tags.variableName), tags.labelName],
+    color: malibu
+  },
+  {
+    tag: [
+      tags.color,
+      /* @__PURE__ */ tags.constant(tags.name),
+      /* @__PURE__ */ tags.standard(tags.name)
+    ],
+    color: whiskey
+  },
+  {
+    tag: [/* @__PURE__ */ tags.definition(tags.name), tags.separator],
+    color: ivory
+  },
+  {
+    tag: [
+      tags.typeName,
+      tags.className,
+      tags.number,
+      tags.changed,
+      tags.annotation,
+      tags.modifier,
+      tags.self,
+      tags.namespace
+    ],
+    color: chalky
+  },
+  {
+    tag: [
+      tags.operator,
+      tags.operatorKeyword,
+      tags.url,
+      tags.escape,
+      tags.regexp,
+      tags.link,
+      /* @__PURE__ */ tags.special(tags.string)
+    ],
+    color: cyan
+  },
+  {
+    tag: [tags.meta, tags.comment],
+    color: stone
+  },
+  {
+    tag: tags.strong,
+    fontWeight: "bold"
+  },
+  {
+    tag: tags.emphasis,
+    fontStyle: "italic"
+  },
+  {
+    tag: tags.strikethrough,
+    textDecoration: "line-through"
+  },
+  {
+    tag: tags.link,
+    color: stone,
+    textDecoration: "underline"
+  },
+  {
+    tag: tags.heading,
+    fontWeight: "bold",
+    color: coral
+  },
+  {
+    tag: [
+      tags.atom,
+      tags.bool,
+      /* @__PURE__ */ tags.special(tags.variableName)
+    ],
+    color: whiskey
+  },
+  {
+    tag: [
+      tags.processingInstruction,
+      tags.string,
+      tags.inserted
+    ],
+    color: sage
+  },
+  {
+    tag: tags.invalid,
+    color: invalid
+  }
+]))], defaultLightThemeOption = EditorView.theme({ "&": { backgroundColor: "#fff" } }, { dark: false }), getDefaultExtensions = function(e6) {
+  e6 === void 0 && (e6 = {});
+  var { indentWithTab: y = true, editable: b = true, readOnly: x = false, theme: S = "light", placeholder: C = "", basicSetup: w = true } = e6, T = [];
+  switch (y && T.unshift(keymap.of([indentWithTab])), w && (typeof w == "boolean" ? T.unshift(basicSetup()) : T.unshift(basicSetup(w))), C && T.unshift(placeholder(C)), S) {
+    case "light":
+      T.push(defaultLightThemeOption);
+      break;
+    case "dark":
+      T.push(oneDark);
+      break;
+    case "none":
+      break;
+    default:
+      T.push(S);
+      break;
+  }
+  return b === false && T.push(EditorView.editable.of(false)), x && T.push(EditorState.readOnly.of(true)), [...T];
+}, getStatistics = (e6) => ({
+  line: e6.state.doc.lineAt(e6.state.selection.main.from),
+  lineCount: e6.state.doc.lines,
+  lineBreak: e6.state.lineBreak,
+  length: e6.state.doc.length,
+  readOnly: e6.state.readOnly,
+  tabSize: e6.state.tabSize,
+  selection: e6.state.selection,
+  selectionAsSingle: e6.state.selection.asSingle().main,
+  ranges: e6.state.selection.ranges,
+  selectionCode: e6.state.sliceDoc(e6.state.selection.main.from, e6.state.selection.main.to),
+  selections: e6.state.selection.ranges.map((y) => e6.state.sliceDoc(y.from, y.to)),
+  selectedText: e6.state.selection.ranges.some((e7) => !e7.empty)
+}), TimeoutLatch = class {
+  constructor(e6, y) {
+    this.timeLeftMS = void 0, this.timeoutMS = void 0, this.isCancelled = false, this.isTimeExhausted = false, this.callbacks = [], this.timeLeftMS = y, this.timeoutMS = y, this.callbacks.push(e6);
+  }
+  tick() {
+    if (!this.isCancelled && !this.isTimeExhausted && (this.timeLeftMS--, this.timeLeftMS <= 0)) {
+      this.isTimeExhausted = true;
+      var e6 = this.callbacks.slice();
+      this.callbacks.length = 0, e6.forEach((e7) => {
+        try {
+          e7();
+        } catch (e8) {
+          console.error("TimeoutLatch callback error:", e8);
+        }
+      });
+    }
+  }
+  cancel() {
+    this.isCancelled = true, this.callbacks.length = 0;
+  }
+  reset() {
+    this.timeLeftMS = this.timeoutMS, this.isCancelled = false, this.isTimeExhausted = false;
+  }
+  get isDone() {
+    return this.isCancelled || this.isTimeExhausted;
+  }
+}, Scheduler = class {
+  constructor() {
+    this.interval = null, this.latches = /* @__PURE__ */ new Set();
+  }
+  add(e6) {
+    this.latches.add(e6), this.start();
+  }
+  remove(e6) {
+    this.latches.delete(e6), this.latches.size === 0 && this.stop();
+  }
+  start() {
+    this.interval === null && (this.interval = setInterval(() => {
+      this.latches.forEach((e6) => {
+        e6.tick(), e6.isDone && this.remove(e6);
+      });
+    }, 1));
+  }
+  stop() {
+    this.interval !== null && (clearInterval(this.interval), this.interval = null);
+  }
+}, globalScheduler = null, getScheduler = () => typeof window > "u" ? new Scheduler() : (globalScheduler || (globalScheduler = new Scheduler()), globalScheduler), ExternalChange = Annotation.define(), TYPING_TIMOUT = 200, emptyExtensions = [];
+function useCodeMirror(e6) {
+  var { value: y, selection: b, onChange: x, onStatistics: S, onCreateEditor: C, onUpdate: w, extensions: T = emptyExtensions, autoFocus: E, theme: D = "light", height: O = null, minHeight: k = null, maxHeight: A = null, width: j = null, minWidth: M = null, maxWidth: N = null, placeholder: P = "", editable: F = true, readOnly: I = false, indentWithTab: L = true, basicSetup: R = true, root: B, initialState: V } = e6, [H, U] = (0, import_react.useState)(), [W, G] = (0, import_react.useState)(), [K, J] = (0, import_react.useState)(), Y = (0, import_react.useState)(() => ({ current: null }))[0], Z = (0, import_react.useState)(() => ({ current: null }))[0], Q = EditorView.theme({
+    "&": {
+      height: O,
+      minHeight: k,
+      maxHeight: A,
+      width: j,
+      minWidth: M,
+      maxWidth: N
+    },
+    "& .cm-scroller": { height: "100% !important" }
+  }), $ = [
+    EditorView.updateListener.of((e7) => {
+      e7.docChanged && typeof x == "function" && !e7.transactions.some((e8) => e8.annotation(ExternalChange)) && (Y.current ? Y.current.reset() : (Y.current = new TimeoutLatch(() => {
+        if (Z.current) {
+          var e8 = Z.current;
+          Z.current = null, e8();
+        }
+        Y.current = null;
+      }, TYPING_TIMOUT), getScheduler().add(Y.current)), x(e7.state.doc.toString(), e7)), S && S(getStatistics(e7));
+    }),
+    Q,
+    ...getDefaultExtensions({
+      theme: D,
+      editable: F,
+      readOnly: I,
+      placeholder: P,
+      indentWithTab: L,
+      basicSetup: R
+    })
+  ];
+  return w && typeof w == "function" && $.push(EditorView.updateListener.of(w)), $ = $.concat(T), (0, import_react.useLayoutEffect)(() => {
+    if (H && !K) {
+      var e7 = {
+        doc: y,
+        selection: b,
+        extensions: $
+      }, x2 = V ? EditorState.fromJSON(V.json, e7, V.fields) : EditorState.create(e7);
+      if (J(x2), !W) {
+        var S2 = new EditorView({
+          state: x2,
+          parent: H,
+          root: B
+        });
+        G(S2), C && C(S2, x2);
+      }
+    }
+    return () => {
+      W && (J(void 0), G(void 0));
+    };
+  }, [H, K]), (0, import_react.useEffect)(() => {
+    e6.container && U(e6.container);
+  }, [e6.container]), (0, import_react.useEffect)(() => () => {
+    W && (W.destroy(), G(void 0)), Y.current && (Y.current = (Y.current.cancel(), null));
+  }, [W]), (0, import_react.useEffect)(() => {
+    E && W && W.focus();
+  }, [E, W]), (0, import_react.useEffect)(() => {
+    W && W.dispatch({ effects: StateEffect.reconfigure.of($) });
+  }, [
+    D,
+    T,
+    O,
+    k,
+    A,
+    j,
+    M,
+    N,
+    P,
+    F,
+    I,
+    L,
+    R,
+    x,
+    w
+  ]), (0, import_react.useEffect)(() => {
+    if (y !== void 0) {
+      var e7 = W ? W.state.doc.toString() : "";
+      if (W && y !== e7) {
+        var b2 = Y.current && !Y.current.isDone, x2 = () => {
+          W && y !== W.state.doc.toString() && W.dispatch({
+            changes: {
+              from: 0,
+              to: W.state.doc.toString().length,
+              insert: y || ""
+            },
+            annotations: [ExternalChange.of(true)]
+          });
+        };
+        b2 ? Z.current = x2 : x2();
+      }
+    }
+  }, [y, W]), {
+    state: K,
+    setState: J,
+    view: W,
+    setView: G,
+    container: H,
+    setContainer: U
+  };
+}
+var _excluded = [
+  "className",
+  "value",
+  "selection",
+  "extensions",
+  "onChange",
+  "onStatistics",
+  "onCreateEditor",
+  "onUpdate",
+  "autoFocus",
+  "theme",
+  "height",
+  "minHeight",
+  "maxHeight",
+  "width",
+  "minWidth",
+  "maxWidth",
+  "basicSetup",
+  "placeholder",
+  "indentWithTab",
+  "editable",
+  "readOnly",
+  "root",
+  "initialState"
+], ReactCodeMirror = /* @__PURE__ */ (0, import_react.forwardRef)((e6, y) => {
+  var { className: b, value: x = "", selection: S, extensions: C = [], onChange: w, onStatistics: T, onCreateEditor: E, onUpdate: D, autoFocus: O, theme: k = "light", height: A, minHeight: j, maxHeight: M, width: N, minWidth: P, maxWidth: F, basicSetup: I, placeholder: L, indentWithTab: R, editable: z, readOnly: B, root: V, initialState: H } = e6, U = _objectWithoutPropertiesLoose(e6, _excluded), W = (0, import_react.useRef)(null), { state: G, view: K, container: J, setContainer: Y } = useCodeMirror({
+    root: V,
+    value: x,
+    autoFocus: O,
+    theme: k,
+    height: A,
+    minHeight: j,
+    maxHeight: M,
+    width: N,
+    minWidth: P,
+    maxWidth: F,
+    basicSetup: I,
+    placeholder: L,
+    indentWithTab: R,
+    editable: z,
+    readOnly: B,
+    selection: S,
+    onChange: w,
+    onStatistics: T,
+    onCreateEditor: E,
+    onUpdate: D,
+    extensions: C,
+    initialState: H
+  });
+  (0, import_react.useImperativeHandle)(y, () => ({
+    editor: W.current,
+    state: G,
+    view: K
+  }), [
+    W,
+    J,
+    G,
+    K
+  ]);
+  var X = (0, import_react.useCallback)((e7) => {
+    W.current = e7, Y(e7);
+  }, [Y]);
+  if (typeof x != "string") throw Error("value must be typeof string but got " + typeof x);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", _extends({
+    ref: X,
+    className: (typeof k == "string" ? "cm-theme-" + k : "cm-theme") + (b ? " " + b : "")
+  }, U));
+});
+ReactCodeMirror.displayName = "CodeMirror";
+var esm_default = ReactCodeMirror;
 export {
   _extends as a,
   setDiagnostics as c,
   CopyClipboardIcon as d,
-  minimalSetup as i,
+  loadLanguage as i,
   historyField as l,
-  loadLanguage as n,
+  minimalSetup as n,
   forEachDiagnostic as o,
-  esm_default as r,
+  langs as r,
   linter as s,
-  langs as t,
+  esm_default as t,
   insertTab as u
 };