@harnessio/yaml-editor 0.19.0 → 0.20.0

package/dist/index.js

@@ -1,11 +1,11 @@
 var Ze = Object.defineProperty;
 var Ge = (e, t, r) => t in e ? Ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var je = (e, t, r) => (Ge(e, typeof t != "symbol" ? t + "" : t, r), r);
-import K, { memo as ye, useState as V, useRef as O, useCallback as G, useEffect as L, useMemo as B, createContext as Je, useContext as Qe } from "react";
-import * as z from "monaco-editor";
+import K, { memo as be, useState as V, useRef as w, useCallback as G, useEffect as I, useMemo as q, createContext as Je, useContext as Qe } from "react";
+import * as R from "monaco-editor";
 import { languages as ge, Uri as Xe } from "monaco-editor";
-import { yamlDefaults as be } from "monaco-yaml";
-var Ne = { exports: {} }, ne = {};
+import { yamlDefaults as ye } from "monaco-yaml";
+var De = { exports: {} }, ne = {};
 /*
 object-assign
 (c) Sindre Sorhus
@@ -48,11 +48,11 @@ nt();
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ot = K, Te = 60103;
+var ot = K, Ne = 60103;
 ne.Fragment = 60107;
 if (typeof Symbol == "function" && Symbol.for) {
   var Pe = Symbol.for;
-  Te = Pe("react.element"), ne.Fragment = Pe("react.fragment");
+  Ne = Pe("react.element"), ne.Fragment = Pe("react.fragment");
 }
 var it = ot.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, at = Object.prototype.hasOwnProperty, ct = { key: !0, ref: !0, __self: !0, __source: !0 };
 function ke(e, t, r) {
@@ -63,12 +63,12 @@ function ke(e, t, r) {
   if (e && e.defaultProps)
     for (n in t = e.defaultProps, t)
       o[n] === void 0 && (o[n] = t[n]);
-  return { $$typeof: Te, type: e, key: i, ref: a, props: o, _owner: it.current };
+  return { $$typeof: Ne, type: e, key: i, ref: a, props: o, _owner: it.current };
 }
 ne.jsx = ke;
 ne.jsxs = ke;
-Ne.exports = ne;
-var F = Ne.exports;
+De.exports = ne;
+var F = De.exports;
 function ut(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
@@ -172,7 +172,7 @@ function gt(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Le(e, t) {
+function Ie(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -182,12 +182,12 @@ function Le(e, t) {
   }
   return r;
 }
-function Ie(e) {
+function Le(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Le(Object(r), !0).forEach(function(n) {
+    t % 2 ? Ie(Object(r), !0).forEach(function(n) {
       gt(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Le(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ie(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -216,30 +216,30 @@ function X(e) {
 function ce(e) {
   return {}.toString.call(e).includes("Object");
 }
-function yt(e) {
+function bt(e) {
   return !Object.keys(e).length;
 }
 function re(e) {
   return typeof e == "function";
 }
-function bt(e, t) {
+function yt(e, t) {
   return Object.prototype.hasOwnProperty.call(e, t);
 }
-function Ot(e, t) {
-  return ce(t) || H("changeType"), Object.keys(t).some(function(r) {
-    return !bt(e, r);
-  }) && H("changeField"), t;
+function wt(e, t) {
+  return ce(t) || B("changeType"), Object.keys(t).some(function(r) {
+    return !yt(e, r);
+  }) && B("changeField"), t;
 }
-function wt(e) {
-  re(e) || H("selectorType");
+function Ot(e) {
+  re(e) || B("selectorType");
 }
-function St(e) {
-  re(e) || ce(e) || H("handlerType"), ce(e) && Object.values(e).some(function(t) {
+function Mt(e) {
+  re(e) || ce(e) || B("handlerType"), ce(e) && Object.values(e).some(function(t) {
     return !re(t);
-  }) && H("handlersType");
+  }) && B("handlersType");
 }
-function Mt(e) {
-  e || H("initialIsRequired"), ce(e) || H("initialType"), yt(e) && H("initialContent");
+function St(e) {
+  e || B("initialIsRequired"), ce(e) || B("initialType"), bt(e) && B("initialContent");
 }
 function jt(e, t) {
   throw new Error(e[t] || e.default);
@@ -254,11 +254,11 @@ var Et = {
   changeType: "provided value of changes should be an object",
   changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
   default: "an unknown error accured in `state-local` package"
-}, H = X(jt)(Et), ie = {
-  changes: Ot,
-  selector: wt,
-  handler: St,
-  initial: Mt
+}, B = X(jt)(Et), ie = {
+  changes: wt,
+  selector: Ot,
+  handler: Mt,
+  initial: St
 };
 function Pt(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
@@ -281,7 +281,7 @@ function xt(e, t) {
   return re(t) ? t(e.current) : t;
 }
 function Ct(e, t) {
-  return e.current = Ie(Ie({}, e.current), t), t;
+  return e.current = Le(Le({}, e.current), t), t;
 }
 function $t(e, t, r) {
   return re(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
@@ -289,14 +289,14 @@ function $t(e, t, r) {
     return (o = t[n]) === null || o === void 0 ? void 0 : o.call(t, e.current[n]);
   }), r;
 }
-var Lt = {
+var It = {
   create: Pt
-}, It = {
+}, Lt = {
   paths: {
     vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs"
   }
 };
-function Dt(e) {
+function Tt(e) {
   return function t() {
     for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++)
       o[i] = arguments[i];
@@ -307,11 +307,11 @@ function Dt(e) {
     };
   };
 }
-function Nt(e) {
+function Dt(e) {
   return {}.toString.call(e).includes("Object");
 }
-function Tt(e) {
-  return e || De("configIsRequired"), Nt(e) || De("configType"), e.urls ? (kt(), {
+function Nt(e) {
+  return e || Te("configIsRequired"), Dt(e) || Te("configType"), e.urls ? (kt(), {
     paths: {
       vs: e.urls.monacoBase
     }
@@ -337,8 +337,8 @@ var Ae = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, De = Dt(At)(Ae), Vt = {
-  config: Tt
+}, Te = Tt(At)(Ae), Vt = {
+  config: Nt
 }, _t = function() {
   for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
     r[n] = arguments[n];
@@ -367,14 +367,14 @@ function fe(e) {
     return t = !0;
   }, r;
 }
-var Ft = Lt.create({
-  config: It,
+var Ft = It.create({
+  config: Lt,
   isInitialized: !1,
   resolve: null,
   reject: null,
   monaco: null
 }), _e = dt(Ft, 2), oe = _e[0], ue = _e[1];
-function zt(e) {
+function Rt(e) {
   var t = Vt.config(e), r = t.monaco, n = lt(t, ["monaco"]);
   ue(function(o) {
     return {
@@ -383,7 +383,7 @@ function zt(e) {
     };
   });
 }
-function Rt() {
+function zt() {
   var e = oe(function(t) {
     var r = t.monaco, n = t.isInitialized, o = t.resolve;
     return {
@@ -399,25 +399,25 @@ function Rt() {
       return e.resolve(e.monaco), fe(pe);
     if (window.monaco && window.monaco.editor)
       return Ue(window.monaco), e.resolve(window.monaco), fe(pe);
-    _t(qt, Ht)(Wt);
+    _t(Ht, Bt)(Wt);
   }
   return fe(pe);
 }
-function qt(e) {
+function Ht(e) {
   return document.body.appendChild(e);
 }
-function Bt(e) {
+function qt(e) {
   var t = document.createElement("script");
   return e && (t.src = e), t;
 }
-function Ht(e) {
+function Bt(e) {
   var t = oe(function(n) {
     var o = n.config, i = n.reject;
     return {
       config: o,
       reject: i
     };
-  }), r = Bt("".concat(t.config.paths.vs, "/loader.js"));
+  }), r = qt("".concat(t.config.paths.vs, "/loader.js"));
   return r.onload = function() {
     return e();
   }, r.onerror = t.reject, r;
@@ -454,8 +454,8 @@ var pe = new Promise(function(e, t) {
     reject: t
   });
 }), W = {
-  config: zt,
-  init: Rt,
+  config: Rt,
+  init: zt,
   __getMonacoInstance: Kt
 }, Yt = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, me = Yt, Zt = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Gt = Zt;
 function Jt({ children: e }) {
@@ -465,14 +465,14 @@ var Qt = Jt, Xt = Qt;
 function er({ width: e, height: t, isEditorReady: r, loading: n, _ref: o, className: i, wrapperProps: a }) {
   return K.createElement("section", { style: { ...me.wrapper, width: e, height: t }, ...a }, !r && K.createElement(Xt, null, n), K.createElement("div", { ref: o, style: { ...me.fullWidth, ...!r && me.hide }, className: i }));
 }
-var tr = er, Fe = ye(tr);
+var tr = er, Fe = be(tr);
 function rr(e) {
-  L(e, []);
+  I(e, []);
 }
-var Oe = rr;
+var we = rr;
 function nr(e, t, r = !0) {
-  let n = O(!0);
-  L(n.current || !r ? () => {
+  let n = w(!0);
+  I(n.current || !r ? () => {
     n.current = !1;
   } : e, t);
 }
@@ -483,38 +483,38 @@ function Z(e, t, r, n) {
   return or(e, n) || ir(e, t, r, n);
 }
 function or(e, t) {
-  return e.editor.getModel(ze(e, t));
+  return e.editor.getModel(Re(e, t));
 }
 function ir(e, t, r, n) {
-  return e.editor.createModel(t, r, n ? ze(e, n) : void 0);
+  return e.editor.createModel(t, r, n ? Re(e, n) : void 0);
 }
-function ze(e, t) {
+function Re(e, t) {
   return e.Uri.parse(t);
 }
-function ar({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: u = !1, keepCurrentModifiedModel: l = !1, theme: s = "light", loading: h = "Loading...", options: f = {}, height: m = "100%", width: I = "100%", className: g, wrapperProps: k = {}, beforeMount: C = ee, onMount: w = ee }) {
-  let [v, T] = V(!1), [x, M] = V(!0), j = O(null), E = O(null), R = O(null), S = O(w), d = O(C), P = O(!1);
-  Oe(() => {
+function ar({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: u = !1, keepCurrentModifiedModel: l = !1, theme: s = "light", loading: h = "Loading...", options: f = {}, height: m = "100%", width: L = "100%", className: g, wrapperProps: k = {}, beforeMount: C = ee, onMount: O = ee }) {
+  let [v, N] = V(!1), [x, S] = V(!0), j = w(null), E = w(null), z = w(null), M = w(O), d = w(C), P = w(!1);
+  we(() => {
     let c = W.init();
-    return c.then((y) => (E.current = y) && M(!1)).catch((y) => (y == null ? void 0 : y.type) !== "cancelation" && console.error("Monaco initialization: error:", y)), () => j.current ? D() : c.cancel();
+    return c.then((b) => (E.current = b) && S(!1)).catch((b) => (b == null ? void 0 : b.type) !== "cancelation" && console.error("Monaco initialization: error:", b)), () => j.current ? T() : c.cancel();
   }), U(() => {
     if (j.current && E.current) {
-      let c = j.current.getOriginalEditor(), y = Z(E.current, e || "", n || r || "text", i || "");
-      y !== c.getModel() && c.setModel(y);
+      let c = j.current.getOriginalEditor(), b = Z(E.current, e || "", n || r || "text", i || "");
+      b !== c.getModel() && c.setModel(b);
     }
   }, [i], v), U(() => {
     if (j.current && E.current) {
-      let c = j.current.getModifiedEditor(), y = Z(E.current, t || "", o || r || "text", a || "");
-      y !== c.getModel() && c.setModel(y);
+      let c = j.current.getModifiedEditor(), b = Z(E.current, t || "", o || r || "text", a || "");
+      b !== c.getModel() && c.setModel(b);
     }
   }, [a], v), U(() => {
     let c = j.current.getModifiedEditor();
     c.getOption(E.current.editor.EditorOption.readOnly) ? c.setValue(t || "") : t !== c.getValue() && (c.executeEdits("", [{ range: c.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), c.pushUndoStop());
   }, [t], v), U(() => {
-    var c, y;
-    (y = (c = j.current) == null ? void 0 : c.getModel()) == null || y.original.setValue(e || "");
+    var c, b;
+    (b = (c = j.current) == null ? void 0 : c.getModel()) == null || b.original.setValue(e || "");
   }, [e], v), U(() => {
-    let { original: c, modified: y } = j.current.getModel();
-    E.current.editor.setModelLanguage(c, n || r || "text"), E.current.editor.setModelLanguage(y, o || r || "text");
+    let { original: c, modified: b } = j.current.getModel();
+    E.current.editor.setModelLanguage(c, n || r || "text"), E.current.editor.setModelLanguage(b, o || r || "text");
   }, [r, n, o], v), U(() => {
     var c;
     (c = E.current) == null || c.editor.setTheme(s);
@@ -527,28 +527,28 @@ function ar({ original: e, modified: t, language: r, originalLanguage: n, modifi
     if (!E.current)
       return;
     d.current(E.current);
-    let c = Z(E.current, e || "", n || r || "text", i || ""), y = Z(E.current, t || "", o || r || "text", a || "");
-    (A = j.current) == null || A.setModel({ original: c, modified: y });
-  }, [r, t, o, e, n, i, a]), N = G(() => {
+    let c = Z(E.current, e || "", n || r || "text", i || ""), b = Z(E.current, t || "", o || r || "text", a || "");
+    (A = j.current) == null || A.setModel({ original: c, modified: b });
+  }, [r, t, o, e, n, i, a]), D = G(() => {
     var c;
-    !P.current && R.current && (j.current = E.current.editor.createDiffEditor(R.current, { automaticLayout: !0, ...f }), p(), (c = E.current) == null || c.editor.setTheme(s), T(!0), P.current = !0);
+    !P.current && z.current && (j.current = E.current.editor.createDiffEditor(z.current, { automaticLayout: !0, ...f }), p(), (c = E.current) == null || c.editor.setTheme(s), N(!0), P.current = !0);
   }, [f, s, p]);
-  L(() => {
-    v && S.current(j.current, E.current);
-  }, [v]), L(() => {
-    !x && !v && N();
-  }, [x, v, N]);
-  function D() {
-    var y, A, q, J;
-    let c = (y = j.current) == null ? void 0 : y.getModel();
-    u || ((A = c == null ? void 0 : c.original) == null || A.dispose()), l || ((q = c == null ? void 0 : c.modified) == null || q.dispose()), (J = j.current) == null || J.dispose();
+  I(() => {
+    v && M.current(j.current, E.current);
+  }, [v]), I(() => {
+    !x && !v && D();
+  }, [x, v, D]);
+  function T() {
+    var b, A, H, J;
+    let c = (b = j.current) == null ? void 0 : b.getModel();
+    u || ((A = c == null ? void 0 : c.original) == null || A.dispose()), l || ((H = c == null ? void 0 : c.modified) == null || H.dispose()), (J = j.current) == null || J.dispose();
   }
-  return K.createElement(Fe, { width: I, height: m, isEditorReady: v, loading: h, _ref: R, className: g, wrapperProps: k });
+  return K.createElement(Fe, { width: L, height: m, isEditorReady: v, loading: h, _ref: z, className: g, wrapperProps: k });
 }
-var cr = ar, ur = ye(cr);
+var cr = ar, ur = be(cr);
 function sr() {
   let [e, t] = V(W.__getMonacoInstance());
-  return Oe(() => {
+  return we(() => {
     let r;
     return e || (r = W.init(), r.then((n) => {
       t(n);
@@ -557,78 +557,78 @@ function sr() {
 }
 var se = sr;
 function lr(e) {
-  let t = O();
-  return L(() => {
+  let t = w();
+  return I(() => {
     t.current = e;
   }, [e]), t.current;
 }
 var dr = lr, ae = /* @__PURE__ */ new Map();
-function fr({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: u, loading: l = "Loading...", options: s = {}, overrideServices: h = {}, saveViewState: f = !0, keepCurrentModel: m = !1, width: I = "100%", height: g = "100%", className: k, wrapperProps: C = {}, beforeMount: w = ee, onMount: v = ee, onChange: T, onValidate: x = ee }) {
-  let [M, j] = V(!1), [E, R] = V(!0), S = O(null), d = O(null), P = O(null), p = O(v), N = O(w), D = O(), c = O(n), y = dr(i), A = O(!1), q = O(!1);
-  Oe(() => {
-    let b = W.init();
-    return b.then(($) => (S.current = $) && R(!1)).catch(($) => ($ == null ? void 0 : $.type) !== "cancelation" && console.error("Monaco initialization: error:", $)), () => d.current ? Ye() : b.cancel();
+function fr({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: u, loading: l = "Loading...", options: s = {}, overrideServices: h = {}, saveViewState: f = !0, keepCurrentModel: m = !1, width: L = "100%", height: g = "100%", className: k, wrapperProps: C = {}, beforeMount: O = ee, onMount: v = ee, onChange: N, onValidate: x = ee }) {
+  let [S, j] = V(!1), [E, z] = V(!0), M = w(null), d = w(null), P = w(null), p = w(v), D = w(O), T = w(), c = w(n), b = dr(i), A = w(!1), H = w(!1);
+  we(() => {
+    let y = W.init();
+    return y.then(($) => (M.current = $) && z(!1)).catch(($) => ($ == null ? void 0 : $.type) !== "cancelation" && console.error("Monaco initialization: error:", $)), () => d.current ? Ye() : y.cancel();
   }), U(() => {
     var $, _, Q, Y;
-    let b = Z(S.current, e || n || "", t || o || "", i || r || "");
-    b !== (($ = d.current) == null ? void 0 : $.getModel()) && (f && ae.set(y, (_ = d.current) == null ? void 0 : _.saveViewState()), (Q = d.current) == null || Q.setModel(b), f && ((Y = d.current) == null || Y.restoreViewState(ae.get(i))));
-  }, [i], M), U(() => {
-    var b;
-    (b = d.current) == null || b.updateOptions(s);
-  }, [s], M), U(() => {
-    !d.current || n === void 0 || (d.current.getOption(S.current.editor.EditorOption.readOnly) ? d.current.setValue(n) : n !== d.current.getValue() && (q.current = !0, d.current.executeEdits("", [{ range: d.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), d.current.pushUndoStop(), q.current = !1));
-  }, [n], M), U(() => {
+    let y = Z(M.current, e || n || "", t || o || "", i || r || "");
+    y !== (($ = d.current) == null ? void 0 : $.getModel()) && (f && ae.set(b, (_ = d.current) == null ? void 0 : _.saveViewState()), (Q = d.current) == null || Q.setModel(y), f && ((Y = d.current) == null || Y.restoreViewState(ae.get(i))));
+  }, [i], S), U(() => {
+    var y;
+    (y = d.current) == null || y.updateOptions(s);
+  }, [s], S), U(() => {
+    !d.current || n === void 0 || (d.current.getOption(M.current.editor.EditorOption.readOnly) ? d.current.setValue(n) : n !== d.current.getValue() && (H.current = !0, d.current.executeEdits("", [{ range: d.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), d.current.pushUndoStop(), H.current = !1));
+  }, [n], S), U(() => {
     var $, _;
-    let b = ($ = d.current) == null ? void 0 : $.getModel();
-    b && o && ((_ = S.current) == null || _.editor.setModelLanguage(b, o));
-  }, [o], M), U(() => {
-    var b;
-    u !== void 0 && ((b = d.current) == null || b.revealLine(u));
-  }, [u], M), U(() => {
-    var b;
-    (b = S.current) == null || b.editor.setTheme(a);
-  }, [a], M);
+    let y = ($ = d.current) == null ? void 0 : $.getModel();
+    y && o && ((_ = M.current) == null || _.editor.setModelLanguage(y, o));
+  }, [o], S), U(() => {
+    var y;
+    u !== void 0 && ((y = d.current) == null || y.revealLine(u));
+  }, [u], S), U(() => {
+    var y;
+    (y = M.current) == null || y.editor.setTheme(a);
+  }, [a], S);
   let J = G(() => {
-    var b;
-    if (!(!P.current || !S.current) && !A.current) {
-      N.current(S.current);
-      let $ = i || r, _ = Z(S.current, n || e || "", t || o || "", $ || "");
-      d.current = (b = S.current) == null ? void 0 : b.editor.create(P.current, { model: _, automaticLayout: !0, ...s }, h), f && d.current.restoreViewState(ae.get($)), S.current.editor.setTheme(a), u !== void 0 && d.current.revealLine(u), j(!0), A.current = !0;
+    var y;
+    if (!(!P.current || !M.current) && !A.current) {
+      D.current(M.current);
+      let $ = i || r, _ = Z(M.current, n || e || "", t || o || "", $ || "");
+      d.current = (y = M.current) == null ? void 0 : y.editor.create(P.current, { model: _, automaticLayout: !0, ...s }, h), f && d.current.restoreViewState(ae.get($)), M.current.editor.setTheme(a), u !== void 0 && d.current.revealLine(u), j(!0), A.current = !0;
     }
   }, [e, t, r, n, o, i, s, h, f, a, u]);
-  L(() => {
-    M && p.current(d.current, S.current);
-  }, [M]), L(() => {
-    !E && !M && J();
-  }, [E, M, J]), c.current = n, L(() => {
-    var b, $;
-    M && T && ((b = D.current) == null || b.dispose(), D.current = ($ = d.current) == null ? void 0 : $.onDidChangeModelContent((_) => {
-      q.current || T(d.current.getValue(), _);
+  I(() => {
+    S && p.current(d.current, M.current);
+  }, [S]), I(() => {
+    !E && !S && J();
+  }, [E, S, J]), c.current = n, I(() => {
+    var y, $;
+    S && N && ((y = T.current) == null || y.dispose(), T.current = ($ = d.current) == null ? void 0 : $.onDidChangeModelContent((_) => {
+      H.current || N(d.current.getValue(), _);
     }));
-  }, [M, T]), L(() => {
-    if (M) {
-      let b = S.current.editor.onDidChangeMarkers(($) => {
+  }, [S, N]), I(() => {
+    if (S) {
+      let y = M.current.editor.onDidChangeMarkers(($) => {
         var Q;
         let _ = (Q = d.current.getModel()) == null ? void 0 : Q.uri;
         if (_ && $.find((Y) => Y.path === _.path)) {
-          let Y = S.current.editor.getModelMarkers({ resource: _ });
+          let Y = M.current.editor.getModelMarkers({ resource: _ });
           x == null || x(Y);
         }
       });
       return () => {
-        b == null || b.dispose();
+        y == null || y.dispose();
       };
     }
     return () => {
     };
-  }, [M, x]);
+  }, [S, x]);
   function Ye() {
-    var b, $;
-    (b = D.current) == null || b.dispose(), m ? f && ae.set(i, d.current.saveViewState()) : ($ = d.current.getModel()) == null || $.dispose(), d.current.dispose();
+    var y, $;
+    (y = T.current) == null || y.dispose(), m ? f && ae.set(i, d.current.saveViewState()) : ($ = d.current.getModel()) == null || $.dispose(), d.current.dispose();
   }
-  return K.createElement(Fe, { width: I, height: g, isEditorReady: M, loading: l, _ref: P, className: k, wrapperProps: C });
+  return K.createElement(Fe, { width: L, height: g, isEditorReady: S, loading: l, _ref: P, className: k, wrapperProps: C });
 }
-var pr = fr, mr = ye(pr), we = mr;
+var pr = fr, mr = be(pr), Oe = mr;
 const le = {
   selectOnLineNumbers: !0,
   scrollBeyondLastLine: !1,
@@ -652,13 +652,13 @@ const le = {
   automaticLayout: !0
 }, de = (e) => {
   const { themeConfig: t, editor: r, theme: n } = e, { defaultTheme: o } = t ?? {}, [i, a] = V(n ?? o ?? "vs-dark");
-  return L(() => {
+  return I(() => {
     var u;
-    (u = t == null ? void 0 : t.themes) == null || u.forEach((l) => {
-      z.editor.defineTheme(l.themeName, l.themeData);
+    (u = t == null ? void 0 : t.monacoThemes) == null || u.forEach((l) => {
+      R.editor.defineTheme(l.themeName, l.themeData);
     });
-  }, [z]), L(() => {
-    z.editor && n && (z.editor.setTheme(n), a(n));
+  }, [R]), I(() => {
+    R.editor && n && (R.editor.setTheme(n), a(n));
   }, [r, n]), { theme: i };
 };
 function hr(e) {
@@ -671,7 +671,29 @@ function hr(e) {
 function gr(e) {
   return e.replace("'", "&#39;");
 }
-function vr({
+const vr = (e) => {
+  const t = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+  if (e < 60)
+    return t.format(-e, "second");
+  const r = Math.floor(e / 60);
+  if (r < 60)
+    return t.format(-r, "minute");
+  const n = Math.floor(r / 60);
+  if (n < 24)
+    return t.format(-n, "hour");
+  const o = Math.floor(n / 24);
+  if (o < 30)
+    return t.format(-o, "day");
+  const i = Math.floor(o / 30);
+  if (i < 12)
+    return t.format(-i, "month");
+  const a = Math.floor(i / 12);
+  return t.format(-a, "year");
+}, br = (e) => {
+  const t = new Date(e), n = Math.floor(((/* @__PURE__ */ new Date()).getTime() - t.getTime()) / 1e3), o = Math.abs(n);
+  return vr(o);
+};
+function yr({
   instanceId: e,
   lineNumbersPosition: t
 }) {
@@ -701,10 +723,10 @@ function vr({
       
       .monaco-editor-${e} .view-line .blame-editor-commit {
         display: inline-block;
-        color: var(--canary-foreground-01);
+        color: var(--cn-text-1);
       }`, r;
 }
-function yr({
+function wr({
   instanceId: e,
   blameData: t,
   dateWidth: r,
@@ -712,35 +734,35 @@ function yr({
 }) {
   let o = "";
   return t.forEach((i) => {
-    var s, h, f, m, I, g, k, C;
-    const a = (h = (s = i == null ? void 0 : i.commitInfo) == null ? void 0 : s.author) == null ? void 0 : h.avatarUrl, u = (m = (f = i == null ? void 0 : i.commitInfo) == null ? void 0 : f.author) == null ? void 0 : m.initials, l = a ? `background: url('${(g = (I = i == null ? void 0 : i.commitInfo) == null ? void 0 : I.author) == null ? void 0 : g.avatarUrl}');` : "";
-    for (let w = i.fromLineNumber; w <= i.toLineNumber; w++)
-      w === i.fromLineNumber ? o += `
-          .monaco-editor-${e} .view-line .blame-editor-commit-${w}:before {
-            content: '${gr(((C = (k = i == null ? void 0 : i.commitInfo) == null ? void 0 : k.author) == null ? void 0 : C.when) || "")}';
+    var s, h, f, m, L, g, k, C;
+    const a = (h = (s = i == null ? void 0 : i.commitInfo) == null ? void 0 : s.author) == null ? void 0 : h.avatarUrl, u = (m = (f = i == null ? void 0 : i.commitInfo) == null ? void 0 : f.author) == null ? void 0 : m.initials, l = a ? `background: url('${(g = (L = i == null ? void 0 : i.commitInfo) == null ? void 0 : L.author) == null ? void 0 : g.avatarUrl}');` : "";
+    for (let O = i.fromLineNumber; O <= i.toLineNumber; O++)
+      O === i.fromLineNumber ? o += `
+          .monaco-editor-${e} .view-line .blame-editor-commit-${O}:before {
+            content: '${gr(br(((C = (k = i == null ? void 0 : i.commitInfo) == null ? void 0 : k.author) == null ? void 0 : C.when) || ""))}';
             position: absolute;
             left: 10px;
             top: 0px;
-            color: hsl(var(--canary-foreground-03));
+            color: var(--cn-text-3);
           }
 
-          .monaco-editor-${e} .view-line .blame-editor-commit-${w}:after {
+          .monaco-editor-${e} .view-line .blame-editor-commit-${O}:after {
             content: '${u ?? " "}';
             position: absolute;
             border-radius: 50%;
             padding: 4px;
             text-align: center;
-            background: hsl(var(--canary-background-11));
+            background: var(--cn-set-gray-soft-bg);
             line-height: 17px;
             left: ${r + 10}px;
             top: -4px;
-            color: hsl(var(--canary-foreground-03));
+            color: var(--cn-text-3);
             width: ${n}px;
             height: ${n}px;
             ${l}
             background-size: 100% 100%;
           }` : o += `
-          .monaco-editor-${e} .view-line .blame-editor-commit-${w}:before {
+          .monaco-editor-${e} .view-line .blame-editor-commit-${O}:before {
             content: ' ';
             left: 10px;
             top: 0px;
@@ -748,12 +770,12 @@ function yr({
           }`;
   }), o;
 }
-function br(e, t) {
+function Or(e, t) {
   let r = "";
   return e.length > t ? r = e.slice(0, t - 3) + "..." : e.length < t ? r = e + " ".repeat(t - e.length) : r = e, " ".repeat(25) + r + " ".repeat(10);
 }
-W.config({ monaco: z });
-const he = 450, Or = 30, wr = 140, Sr = 24, Mr = {
+W.config({ monaco: R });
+const he = 450, Mr = 30, Sr = 140, jr = 24, Er = {
   ...le,
   readOnly: !0,
   matchBrackets: "never",
@@ -764,7 +786,7 @@ const he = 450, Or = 30, wr = 140, Sr = 24, Mr = {
   renderWhitespace: "none",
   renderLineHighlight: "none"
 };
-function zr({
+function Hr({
   code: e,
   language: t,
   themeConfig: r,
@@ -775,26 +797,26 @@ function zr({
   height: u = "75vh",
   options: l
 }) {
-  const s = O(o), h = O(hr(5));
+  const s = w(o), h = w(hr(5));
   se();
-  const [f, m] = V(), [I, g] = V(0), k = O(null), C = O(null);
-  L(() => {
+  const [f, m] = V(), [L, g] = V(0), k = w(null), C = w(null);
+  I(() => {
     s.current = o;
   }, [o]);
-  function w() {
-    const S = C.current, d = k.current;
-    if (!S || !d)
+  function O() {
+    const M = C.current, d = k.current;
+    if (!M || !d)
       return;
-    i && S.changeViewZones(function(p) {
+    i && M.changeViewZones(function(p) {
       p.addZone({
         afterLineNumber: 0,
         heightInPx: 10,
         domNode: document.createElement("div")
-      }), s.current.forEach((N, D) => {
-        if (D !== s.current.length - 1) {
+      }), s.current.forEach((D, T) => {
+        if (T !== s.current.length - 1) {
           const c = document.createElement("div");
-          c.style.borderTop = "1px solid hsl(var(--canary-border-01))", c.style.marginTop = "9px", c.className = "blame-editor-separator", p.addZone({
-            afterLineNumber: N.toLineNumber,
+          c.style.borderTop = "1px solid var(--cn-border-2)", c.style.marginTop = "9px", c.className = "blame-editor-separator", p.addZone({
+            afterLineNumber: D.toLineNumber,
             heightInPx: 20,
             domNode: c
           });
@@ -803,80 +825,80 @@ function zr({
     });
     const P = [];
     s.current.forEach((p) => {
-      var N;
-      for (let D = p.fromLineNumber; D <= p.toLineNumber; D++)
+      var D;
+      for (let T = p.fromLineNumber; T <= p.toLineNumber; T++)
         P.push({
-          range: new d.Range(D, 0, D + 1, 0),
+          range: new d.Range(T, 0, T + 1, 0),
           options: {
             before: {
-              content: br(
-                D === p.fromLineNumber && ((N = p == null ? void 0 : p.commitInfo) == null ? void 0 : N.title) || "",
-                Or
+              content: Or(
+                T === p.fromLineNumber && ((D = p == null ? void 0 : p.commitInfo) == null ? void 0 : D.title) || "",
+                Mr
               ),
               cursorStops: d.editor.InjectedTextCursorStops.None,
-              inlineClassName: `blame-editor-commit blame-editor-commit-${D}`
+              inlineClassName: `blame-editor-commit blame-editor-commit-${T}`
             }
           }
         });
-    }), S.createDecorationsCollection(P);
+    }), M.createDecorationsCollection(P);
   }
-  function v(S, d) {
-    var P, p, N, D, c, y;
-    C.current = S, k.current = d, S.setValue(e), m(S), (N = (p = (P = d.languages.typescript) == null ? void 0 : P.typescriptDefaults) == null ? void 0 : p.setDiagnosticsOptions) == null || N.call(p, {
+  function v(M, d) {
+    var P, p, D, T, c, b;
+    C.current = M, k.current = d, M.setValue(e), m(M), (D = (p = (P = d.languages.typescript) == null ? void 0 : P.typescriptDefaults) == null ? void 0 : p.setDiagnosticsOptions) == null || D.call(p, {
       noSuggestionDiagnostics: !0,
       noSyntaxValidation: !0,
       noSemanticValidation: !0
-    }), (y = (c = (D = d.languages.typescript) == null ? void 0 : D.javascriptDefaults) == null ? void 0 : c.setDiagnosticsOptions) == null || y.call(c, {
+    }), (b = (c = (T = d.languages.typescript) == null ? void 0 : T.javascriptDefaults) == null ? void 0 : c.setDiagnosticsOptions) == null || b.call(c, {
       noSuggestionDiagnostics: !0,
       noSyntaxValidation: !0,
       noSemanticValidation: !0
-    }), w();
+    }), O();
   }
-  L(() => {
+  I(() => {
     f == null || f.setValue(e);
   }, [e]);
-  const { theme: T } = de({ monacoRef: k, themeConfig: r, editor: f, theme: a }), x = B(
-    () => vr({
+  const { theme: N } = de({ monacoRef: k, themeConfig: r, editor: f, theme: a }), x = q(
+    () => yr({
       instanceId: h.current,
       lineNumbersPosition: n
     }),
     [o]
-  ), M = B(
-    () => yr({
+  ), S = q(
+    () => wr({
       instanceId: h.current,
       blameData: o,
-      avatarSize: Sr,
-      dateWidth: wr
+      avatarSize: jr,
+      dateWidth: Sr
     }),
     [o]
   );
-  L(() => {
+  I(() => {
     if (n === "center") {
-      const S = document.getElementsByClassName("lines-content")[0];
-      if (S) {
-        const d = { attributes: !0 }, P = (N) => {
-          for (const D of N) {
-            const c = parseInt(getComputedStyle(S).left);
+      const M = document.getElementsByClassName("lines-content")[0];
+      if (M) {
+        const d = { attributes: !0 }, P = (D) => {
+          for (const T of D) {
+            const c = parseInt(getComputedStyle(M).left);
             g(c);
           }
         }, p = new MutationObserver(P);
-        return p.observe(S, d), () => {
+        return p.observe(M, d), () => {
           p.disconnect();
         };
       }
     }
   });
-  const j = B(() => `
+  const j = q(() => `
       .monaco-editor-${h.current} .margin {
-        left: ${he + 16 + I}px !important;
+        left: ${he + 16 + L}px !important;
         pointer-events: none;
-      }`, [I]), E = `
+      }`, [L]), E = `
    .monaco-editor-${h.current} .view-overlays {
     clip-path: polygon(${he + 16}px 0, 100% 0%, 100% 100%, ${he + 16}px 100%);
     height:100% !important;
-   }`, R = B(
+   }`, z = q(
     () => ({
-      ...Mr,
+      ...Er,
       ...l
     }),
     [l]
@@ -886,28 +908,28 @@ function zr({
       "style",
       {
         dangerouslySetInnerHTML: {
-          __html: `${x} ${M} ${j} ${E}`
+          __html: `${x} ${S} ${j} ${E}`
         }
       }
     ),
     /* @__PURE__ */ F.jsx(
-      we,
+      Oe,
       {
         className: `monaco-editor-${h.current} overflow-hidden rounded-b-md border-x border-b`,
         height: u,
         language: t,
-        theme: T,
-        options: R,
+        theme: N,
+        options: z,
         onMount: v
       }
     )
   ] });
 }
-W.config({ monaco: z });
-const jr = {
+W.config({ monaco: R });
+const Pr = {
   ...le
 };
-function Rr({
+function qr({
   codeRevision: e,
   onCodeRevisionChange: t,
   language: r,
@@ -918,14 +940,14 @@ function Rr({
   className: u
 }) {
   se();
-  const [l, s] = V(), h = O(), f = O({ code: "", revisionId: 0 }), m = O(null), I = G(
-    (C, w) => {
-      var v, T, x, M, j, E;
-      m.current = C, h.current = w, C.setValue(e.code), s(C), (x = (T = (v = w.languages.typescript) == null ? void 0 : v.typescriptDefaults) == null ? void 0 : T.setDiagnosticsOptions) == null || x.call(T, {
+  const [l, s] = V(), h = w(), f = w({ code: "", revisionId: 0 }), m = w(null), L = G(
+    (C, O) => {
+      var v, N, x, S, j, E;
+      m.current = C, h.current = O, C.setValue(e.code), s(C), (x = (N = (v = O.languages.typescript) == null ? void 0 : v.typescriptDefaults) == null ? void 0 : N.setDiagnosticsOptions) == null || x.call(N, {
         noSuggestionDiagnostics: !0,
         noSyntaxValidation: !0,
         noSemanticValidation: !0
-      }), (E = (j = (M = w.languages.typescript) == null ? void 0 : M.javascriptDefaults) == null ? void 0 : j.setDiagnosticsOptions) == null || E.call(j, {
+      }), (E = (j = (S = O.languages.typescript) == null ? void 0 : S.javascriptDefaults) == null ? void 0 : j.setDiagnosticsOptions) == null || E.call(j, {
         noSuggestionDiagnostics: !0,
         noSyntaxValidation: !0,
         noSemanticValidation: !0
@@ -933,11 +955,11 @@ function Rr({
     },
     [e.code]
   );
-  L(() => {
-    var C, w;
+  I(() => {
+    var C, O;
     if (m.current && (!e.revisionId || e.revisionId > Number((C = f.current) == null ? void 0 : C.revisionId))) {
       const v = m.current.getModel();
-      v && (o != null && o.readOnly ? (w = m.current) == null || w.setValue(e.code) : (m.current.pushUndoStop(), m.current.executeEdits("edit", [
+      v && (o != null && o.readOnly ? (O = m.current) == null || O.setValue(e.code) : (m.current.pushUndoStop(), m.current.executeEdits("edit", [
         {
           range: v.getFullModelRange(),
           text: e.code
@@ -945,24 +967,24 @@ function Rr({
       ]), m.current.pushUndoStop()));
     }
   }, [e, m.current]);
-  const { theme: g } = de({ monacoRef: h, themeConfig: n, editor: l, theme: i }), k = B(() => ({ ...jr, ...o || {} }), [o]);
+  const { theme: g } = de({ monacoRef: h, themeConfig: n, editor: l, theme: i }), k = q(() => ({ ...Pr, ...o || {} }), [o]);
   return /* @__PURE__ */ F.jsx(F.Fragment, { children: /* @__PURE__ */ F.jsx(
-    we,
+    Oe,
     {
       className: u,
       height: a,
-      onChange: (C, w) => {
-        f.current = { code: C ?? "", revisionId: w.versionId }, t({ ...f.current }, w);
+      onChange: (C, O) => {
+        f.current = { code: C ?? "", revisionId: O.versionId }, t({ ...f.current }, O);
       },
       language: r,
       theme: g,
       options: k,
-      onMount: I
+      onMount: L
     }
   ) });
 }
-W.config({ monaco: z });
-const Er = {
+W.config({ monaco: R });
+const xr = {
   ...le,
   codeLens: !1,
   smartSelect: {
@@ -971,7 +993,7 @@ const Er = {
   originalEditable: !1,
   overviewRulerBorder: !1
 };
-function qr({
+function Br({
   original: e,
   modified: t,
   language: r,
@@ -981,7 +1003,7 @@ function qr({
   height: a = "75vh"
 }) {
   se();
-  const [u, l] = V(), s = O(), { theme: h } = de({ monacoRef: s, themeConfig: n, editor: u, theme: i }), f = B(() => ({ ...Er, ...o || {} }), [o]);
+  const [u, l] = V(), s = w(), { theme: h } = de({ monacoRef: s, themeConfig: n, editor: u, theme: i }), f = q(() => ({ ...xr, ...o || {} }), [o]);
   return /* @__PURE__ */ F.jsx(F.Fragment, { children: /* @__PURE__ */ F.jsx(
     ur,
     {
@@ -996,14 +1018,14 @@ function qr({
     }
   ) });
 }
-var Re = /* @__PURE__ */ ((e) => (e.ContainsPath = "ContainsPath", e))(Re || {});
-function Pr(e) {
+var ze = /* @__PURE__ */ ((e) => (e.ContainsPath = "ContainsPath", e))(ze || {});
+function Cr(e) {
   const { pathSymbolMap: t, inlineActions: r = [], commandId: n } = e, o = Object.fromEntries(t.entries()), i = [];
   return r == null || r.forEach((a) => {
     const u = a.actions;
     a.selectors.forEach((s) => {
       switch (s.type) {
-        case Re.ContainsPath: {
+        case ze.ContainsPath: {
           s.paths.forEach((h) => {
             let m = Object.keys(o).map((g) => ({
               fullPath: g,
@@ -1014,21 +1036,21 @@ function Pr(e) {
               ...g,
               path: g.path.substring(s.basePath.length)
             })), m.filter((g) => h.test(g.path)).forEach((g) => {
-              const k = g.fullPath, C = g.symbol, w = C.range;
+              const k = g.fullPath, C = g.symbol, O = C.range;
               u.forEach((v) => {
-                const T = {
-                  range: w,
+                const N = {
+                  range: O,
                   symbols: [C],
                   onClick: v.onClick,
                   data: v.data,
                   path: k
                 };
                 i.push({
-                  range: w,
+                  range: O,
                   command: {
                     id: n,
                     title: v.title,
-                    arguments: [T]
+                    arguments: [N]
                   }
                 });
               });
@@ -1050,38 +1072,38 @@ const te = class te {
 };
 je(te, "data", {});
 let ve = te;
-async function qe(e) {
+async function He(e) {
   const t = ve.get(), { documentSymbolProvider: r } = t.StandaloneServices.get(t.ILanguageFeaturesService);
   return await t.OutlineModel.create(r, e);
 }
-function Be(e) {
+function qe(e) {
   const t = /* @__PURE__ */ new Map();
-  return Se({
+  return Me({
     pathSymbolMap: t,
     parentPath: "",
     children: e.children,
     parentKind: ge.SymbolKind.Module
   }), t;
 }
-function Se(e) {
+function Me(e) {
   switch (e.parentKind) {
     case ge.SymbolKind.Module: {
-      xr(e);
+      $r(e);
       break;
     }
     case ge.SymbolKind.Array: {
-      Cr(e);
+      Ir(e);
       break;
     }
     default:
-      $r(e);
+      Lr(e);
   }
 }
-function xr(e) {
+function $r(e) {
   e.children.forEach((t) => {
     var n;
     let r = e.parentPath;
-    t.symbol && (r = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t.symbol.name, e.pathSymbolMap.set(r, t.symbol)), Se({
+    t.symbol && (r = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t.symbol.name, e.pathSymbolMap.set(r, t.symbol)), Me({
       pathSymbolMap: e.pathSymbolMap,
       parentPath: r,
       children: t.children,
@@ -1089,11 +1111,11 @@ function xr(e) {
     });
   });
 }
-function Cr(e) {
+function Ir(e) {
   let t = 0;
   e.children.forEach((r) => {
     const n = e.parentPath ? `${e.parentPath}.${t}` : `${t}`;
-    e.pathSymbolMap.set(n, r.symbol), t += 1, Se({
+    e.pathSymbolMap.set(n, r.symbol), t += 1, Me({
       pathSymbolMap: e.pathSymbolMap,
       parentPath: n,
       children: r.children,
@@ -1101,44 +1123,44 @@ function Cr(e) {
     });
   });
 }
-function $r(e) {
+function Lr(e) {
   const t = e.children.get("0");
   if (t) {
     const r = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t == null ? void 0 : t.symbol.name;
     e.pathSymbolMap.set(r, t.symbol);
   }
 }
-function Lr({
+function Tr({
   editorRef: e,
   inlineActions: t
 }) {
-  L(() => z.languages.registerCodeLensProvider("yaml", {
+  I(() => R.languages.registerCodeLensProvider("yaml", {
     provideCodeLenses: async (n) => {
       var l;
-      const o = await qe(n), i = Be(o), a = (l = e == null ? void 0 : e.current) == null ? void 0 : l.addCommand(0, (s, { onClick: h, path: f, range: m, data: I }) => {
-        h({ path: f, range: m, data: I });
+      const o = await He(n), i = qe(o), a = (l = e == null ? void 0 : e.current) == null ? void 0 : l.addCommand(0, (s, { onClick: h, path: f, range: m, data: L }) => {
+        h({ path: f, range: m, data: L });
       });
       return a ? {
-        lenses: Pr({ pathSymbolMap: i, inlineActions: t, commandId: a }),
+        lenses: Cr({ pathSymbolMap: i, inlineActions: t, commandId: a }),
         dispose: () => {
         }
       } : void 0;
     }
   }).dispose, [t, e]);
 }
-const Ir = ({ editorRef: e, selection: t }) => {
-  const [r, n] = V(), o = B(
+const Dr = ({ editorRef: e, selection: t }) => {
+  const [r, n] = V(), o = q(
     () => async (i, a, u) => {
-      var m, I, g;
+      var m, L, g;
       const l = (m = e == null ? void 0 : e.current) == null ? void 0 : m.getModel();
       if (!l || !a)
         return n(void 0);
-      const s = await qe(l), f = (I = Be(s).get(a)) == null ? void 0 : I.range;
+      const s = await He(l), f = (L = qe(s).get(a)) == null ? void 0 : L.range;
       f && (n(f), u && ((g = e == null ? void 0 : e.current) == null || g.revealLineInCenter(f.startLineNumber)));
     },
     []
   );
-  L(() => {
+  I(() => {
     if ("requestIdleCallback" in window) {
       const i = requestIdleCallback(() => {
         o(e, t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter);
@@ -1150,7 +1172,7 @@ const Ir = ({ editorRef: e, selection: t }) => {
       }, 100);
       return () => clearTimeout(i);
     }
-  }, [t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter, e, o]), L(() => {
+  }, [t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter, e, o]), I(() => {
     var a;
     if (!r)
       return;
@@ -1166,7 +1188,7 @@ const Ir = ({ editorRef: e, selection: t }) => {
     ]);
     return () => i == null ? void 0 : i.clear();
   }, [r, e, t == null ? void 0 : t.className]);
-}, He = Je({
+}, Be = Je({
   markers: [],
   setMarkers: () => {
   },
@@ -1176,7 +1198,7 @@ const Ir = ({ editorRef: e, selection: t }) => {
   updateCursorPosition: (e) => {
   }
 });
-function Br({
+function Wr({
   children: e
 }) {
   const [t, r] = V([]), [n, o] = V(null), i = G(
@@ -1186,7 +1208,7 @@ function Br({
     [n]
   );
   return /* @__PURE__ */ F.jsx(
-    He.Provider,
+    Be.Provider,
     {
       value: {
         markers: t,
@@ -1200,11 +1222,11 @@ function Br({
   );
 }
 function We() {
-  return Qe(He);
+  return Qe(Be);
 }
-const Dr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
+const Nr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
   const { setMarkers: n } = We();
-  L(() => {
+  I(() => {
     let o;
     const i = setTimeout(() => {
       var u;
@@ -1216,7 +1238,7 @@ const Dr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
           return;
         const h = s.uri.toString();
         if (l.some((m) => m.toString() === h)) {
-          const m = z.editor.getModelMarkers({ resource: s.uri });
+          const m = R.editor.getModelMarkers({ resource: s.uri });
           n(m);
         }
       }));
@@ -1226,14 +1248,14 @@ const Dr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
     };
   }, [e, r, n]);
 };
-function Nr(e) {
+function kr(e) {
   var n, o;
-  const t = ((o = (n = be) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? [], r = t.findIndex((i) => i.fileMatch[0] === e.fileMatch[0]);
+  const t = ((o = (n = ye) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? [], r = t.findIndex((i) => i.fileMatch[0] === e.fileMatch[0]);
   r !== -1 ? t[r] = e : t.push(e), Ke(t);
 }
-function Tr(e) {
+function Ar(e) {
   var n, o;
-  const r = (((o = (n = be) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? []).filter((i) => i.fileMatch[0] !== Me(e));
+  const r = (((o = (n = ye) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? []).filter((i) => i.fileMatch[0] !== Se(e));
   Ke(r);
 }
 function Ke(e) {
@@ -1244,25 +1266,25 @@ function Ke(e) {
     validate: !0,
     schemas: e
   };
-  be.setDiagnosticsOptions({ ...t });
+  ye.setDiagnosticsOptions({ ...t });
 }
-const Me = (e) => Xe.parse(`file://${e}`).toString(), kr = (e) => {
+const Se = (e) => Xe.parse(`file://${e}`).toString(), Vr = (e) => {
   const { schemaConfig: t, instanceId: r } = e;
-  L(() => {
+  I(() => {
     if (t != null && t.schema)
-      return Nr({
-        fileMatch: [Me(r.toString())],
+      return kr({
+        fileMatch: [Se(r.toString())],
         ...t
       }), () => {
-        Tr(r);
+        Ar(r);
       };
   }, [t == null ? void 0 : t.schema, r]);
 };
-W.config({ monaco: z });
-const Ar = {
+W.config({ monaco: R });
+const _r = {
   ...le,
   folding: !0
-}, Hr = function(t) {
+}, Kr = function(t) {
   const {
     yamlRevision: r,
     schemaConfig: n,
@@ -1275,40 +1297,40 @@ const Ar = {
     animateOnUpdate: h = !1,
     onAnimateEnd: f,
     instanceId: m
-  } = t, I = se(), [g] = V(m ?? `yaml-editor-${Math.random()}`), { editor: k, setEditor: C } = We(), w = O(null), v = O(), T = O({ yaml: "", revisionId: 0 }), x = O(null), M = O(null), j = G(
+  } = t, L = se(), [g] = V(m ?? `yaml-editor-${Math.random()}`), { editor: k, setEditor: C } = We(), O = w(null), v = w(), N = w({ yaml: "", revisionId: 0 }), x = w(null), S = w(null), j = G(
     (P) => {
-      var D, c, y;
+      var T, c, b;
       const p = P.split(`
-`), N = (D = x.current) == null ? void 0 : D.getModel();
-      if (N) {
-        (c = x.current) == null || c.pushUndoStop(), N.setValue("");
+`), D = (T = x.current) == null ? void 0 : T.getModel();
+      if (D) {
+        (c = x.current) == null || c.pushUndoStop(), D.setValue("");
         let A = 0;
-        M.current = window.setInterval(() => {
-          var q;
-          A < p.length ? (I && ((q = x.current) == null || q.executeEdits("addLine", [
+        S.current = window.setInterval(() => {
+          var H;
+          A < p.length ? (L && ((H = x.current) == null || H.executeEdits("addLine", [
             {
-              range: new I.Range(A + 1, 1, A + 1, 1),
+              range: new L.Range(A + 1, 1, A + 1, 1),
               text: p[A] + `
 `
             }
-          ])), A++) : M.current && (clearInterval(M.current), f == null || f());
-        }, 100), (y = x.current) == null || y.pushUndoStop();
+          ])), A++) : S.current && (clearInterval(S.current), f == null || f());
+        }, 100), (b = x.current) == null || b.pushUndoStop();
       }
     },
-    [I]
+    [L]
   );
-  L(() => () => {
-    M.current && clearInterval(M.current);
+  I(() => () => {
+    S.current && clearInterval(S.current);
   }, []);
   function E(P, p) {
     x.current = P, v.current = p, P.setValue(r.yaml), C(P), setTimeout(() => {
-      var N;
-      (N = w.current) != null && N.style && (w.current.style.opacity = "1");
+      var D;
+      (D = O.current) != null && D.style && (O.current.style.opacity = "1");
     }, 50);
   }
-  L(() => {
+  I(() => {
     var P;
-    if (x.current && (!r.revisionId || r.revisionId > Number((P = T.current) == null ? void 0 : P.revisionId))) {
+    if (x.current && (!r.revisionId || r.revisionId > Number((P = N.current) == null ? void 0 : P.revisionId))) {
       const p = x.current.getModel();
       p && (x.current.executeEdits("edit", [
         {
@@ -1317,39 +1339,39 @@ const Ar = {
         }
       ]), h && j(r.yaml));
     }
-  }, [j, r, h]), kr({ schemaConfig: n, instanceId: g }), Lr({ editorRef: x, inlineActions: o });
-  const { theme: R } = de({ monacoRef: v, themeConfig: i, editor: k, theme: l });
-  Dr({ monacoRef: v, editorRef: x, instanceId: g }), Ir({ editorRef: x, selection: u });
-  const S = B(() => Me(g), []), d = B(
+  }, [j, r, h]), Vr({ schemaConfig: n, instanceId: g }), Tr({ editorRef: x, inlineActions: o });
+  const { theme: z } = de({ monacoRef: v, themeConfig: i, editor: k, theme: l });
+  Nr({ monacoRef: v, editorRef: x, instanceId: g }), Dr({ editorRef: x, selection: u });
+  const M = q(() => Se(g), []), d = q(
     () => ({
-      ...Ar,
+      ..._r,
       ...s
     }),
     [s]
   );
-  return /* @__PURE__ */ F.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: w, children: /* @__PURE__ */ F.jsx(
-    we,
+  return /* @__PURE__ */ F.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: O, children: /* @__PURE__ */ F.jsx(
+    Oe,
     {
       onChange: (P, p) => {
-        T.current = { yaml: P ?? "", revisionId: p.versionId }, a({ ...T.current }, p);
+        N.current = { yaml: P ?? "", revisionId: p.versionId }, a({ ...N.current }, p);
       },
       language: "yaml",
-      theme: R,
+      theme: z,
       options: d,
-      path: S,
+      path: M,
       onMount: E
     }
   ) });
 };
 export {
-  zr as BlameEditor,
-  qr as CodeDiffEditor,
-  Rr as CodeEditor,
+  Hr as BlameEditor,
+  Br as CodeDiffEditor,
+  qr as CodeEditor,
   ve as MonacoGlobals,
-  Re as SelectorType,
-  Hr as YamlEditor,
-  He as YamlEditorContext,
-  Br as YamlEditorContextProvider,
+  ze as SelectorType,
+  Kr as YamlEditor,
+  Be as YamlEditorContext,
+  Wr as YamlEditorContextProvider,
   We as useYamlEditorContext
 };
 //# sourceMappingURL=index.js.map