@harnessio/yaml-editor 0.18.0 → 0.20.0

package/dist/index.js

@@ -1,17 +1,17 @@
-var Ye = Object.defineProperty;
-var Ze = (e, t, r) => t in e ? Ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var Se = (e, t, r) => (Ze(e, typeof t != "symbol" ? t + "" : t, r), r);
-import W, { memo as ye, useState as A, useRef as y, useCallback as G, useEffect as $, useMemo as q, createContext as Ge, useContext as Je } from "react";
-import * as F from "monaco-editor";
-import { languages as he, Uri as Qe } from "monaco-editor";
-import { yamlDefaults as Xe } from "monaco-yaml";
-var Ne = { exports: {} }, ne = {};
+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 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 ye } from "monaco-yaml";
+var De = { exports: {} }, ne = {};
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var Me = Object.getOwnPropertySymbols, et = Object.prototype.hasOwnProperty, tt = Object.prototype.propertyIsEnumerable;
+var Ee = Object.getOwnPropertySymbols, et = Object.prototype.hasOwnProperty, tt = Object.prototype.propertyIsEnumerable;
 function rt(e) {
   if (e == null)
     throw new TypeError("Object.assign cannot be called with null or undefined");
@@ -26,14 +26,14 @@ function nt() {
       return !1;
     for (var t = {}, r = 0; r < 10; r++)
       t["_" + String.fromCharCode(r)] = r;
-    var n = Object.getOwnPropertyNames(t).map(function(a) {
-      return t[a];
+    var n = Object.getOwnPropertyNames(t).map(function(i) {
+      return t[i];
     });
     if (n.join("") !== "0123456789")
       return !1;
     var o = {};
-    return "abcdefghijklmnopqrst".split("").forEach(function(a) {
-      o[a] = a;
+    return "abcdefghijklmnopqrst".split("").forEach(function(i) {
+      o[i] = i;
     }), Object.keys(Object.assign({}, o)).join("") === "abcdefghijklmnopqrst";
   } catch {
     return !1;
@@ -48,27 +48,27 @@ 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 = W, De = 60103;
+var ot = K, Ne = 60103;
 ne.Fragment = 60107;
 if (typeof Symbol == "function" && Symbol.for) {
-  var je = Symbol.for;
-  De = je("react.element"), ne.Fragment = je("react.fragment");
+  var Pe = Symbol.for;
+  Ne = Pe("react.element"), ne.Fragment = Pe("react.fragment");
 }
-var at = ot.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, it = Object.prototype.hasOwnProperty, ct = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Te(e, t, r) {
-  var n, o = {}, a = null, i = null;
-  r !== void 0 && (a = "" + r), t.key !== void 0 && (a = "" + t.key), t.ref !== void 0 && (i = t.ref);
+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) {
+  var n, o = {}, i = null, a = null;
+  r !== void 0 && (i = "" + r), t.key !== void 0 && (i = "" + t.key), t.ref !== void 0 && (a = t.ref);
   for (n in t)
-    it.call(t, n) && !ct.hasOwnProperty(n) && (o[n] = t[n]);
+    at.call(t, n) && !ct.hasOwnProperty(n) && (o[n] = t[n]);
   if (e && e.defaultProps)
     for (n in t = e.defaultProps, t)
       o[n] === void 0 && (o[n] = t[n]);
-  return { $$typeof: De, type: e, key: a, ref: i, props: o, _owner: at.current };
+  return { $$typeof: Ne, type: e, key: i, ref: a, props: o, _owner: it.current };
 }
-ne.jsx = Te;
-ne.jsxs = Te;
-Ne.exports = ne;
-var U = Ne.exports;
+ne.jsx = ke;
+ne.jsxs = ke;
+De.exports = ne;
+var F = De.exports;
 function ut(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
@@ -77,7 +77,7 @@ function ut(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Ee(e, t) {
+function xe(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -87,12 +87,12 @@ function Ee(e, t) {
   }
   return r;
 }
-function Pe(e) {
+function Ce(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Ee(Object(r), !0).forEach(function(n) {
+    t % 2 ? xe(Object(r), !0).forEach(function(n) {
       ut(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ee(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : xe(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -101,9 +101,9 @@ function Pe(e) {
 function st(e, t) {
   if (e == null)
     return {};
-  var r = {}, n = Object.keys(e), o, a;
-  for (a = 0; a < n.length; a++)
-    o = n[a], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
+  var r = {}, n = Object.keys(e), o, i;
+  for (i = 0; i < n.length; i++)
+    o = n[i], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
   return r;
 }
 function lt(e, t) {
@@ -111,14 +111,14 @@ function lt(e, t) {
     return {};
   var r = st(e, t), n, o;
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < a.length; o++)
-      n = a[o], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < i.length; o++)
+      n = i[o], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
   }
   return r;
 }
 function dt(e, t) {
-  return ft(e) || pt(e, t) || gt(e, t) || mt();
+  return ft(e) || pt(e, t) || mt(e, t) || ht();
 }
 function ft(e) {
   if (Array.isArray(e))
@@ -126,45 +126,45 @@ function ft(e) {
 }
 function pt(e, t) {
   if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(e)))) {
-    var r = [], n = !0, o = !1, a = void 0;
+    var r = [], n = !0, o = !1, i = void 0;
     try {
-      for (var i = e[Symbol.iterator](), s; !(n = (s = i.next()).done) && (r.push(s.value), !(t && r.length === t)); n = !0)
+      for (var a = e[Symbol.iterator](), u; !(n = (u = a.next()).done) && (r.push(u.value), !(t && r.length === t)); n = !0)
         ;
     } catch (l) {
-      o = !0, a = l;
+      o = !0, i = l;
     } finally {
       try {
-        !n && i.return != null && i.return();
+        !n && a.return != null && a.return();
       } finally {
         if (o)
-          throw a;
+          throw i;
       }
     }
     return r;
   }
 }
-function gt(e, t) {
+function mt(e, t) {
   if (e) {
     if (typeof e == "string")
-      return Ce(e, t);
+      return $e(e, t);
     var r = Object.prototype.toString.call(e).slice(8, -1);
     if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set")
       return Array.from(e);
     if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))
-      return Ce(e, t);
+      return $e(e, t);
   }
 }
-function Ce(e, t) {
+function $e(e, t) {
   (t == null || t > e.length) && (t = e.length);
   for (var r = 0, n = new Array(t); r < t; r++)
     n[r] = e[r];
   return n;
 }
-function mt() {
+function ht() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function ht(e, t, r) {
+function gt(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -172,7 +172,7 @@ function ht(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function xe(e, t) {
+function Ie(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -182,12 +182,12 @@ function xe(e, t) {
   }
   return r;
 }
-function $e(e) {
+function Le(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? xe(Object(r), !0).forEach(function(n) {
-      ht(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : xe(Object(r)).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)) : Ie(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -197,49 +197,49 @@ function vt() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
   return function(n) {
-    return t.reduceRight(function(o, a) {
-      return a(o);
+    return t.reduceRight(function(o, i) {
+      return i(o);
     }, n);
   };
 }
 function X(e) {
   return function t() {
-    for (var r = this, n = arguments.length, o = new Array(n), a = 0; a < n; a++)
-      o[a] = arguments[a];
+    for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++)
+      o[i] = arguments[i];
     return o.length >= e.length ? e.apply(this, o) : function() {
-      for (var i = arguments.length, s = new Array(i), l = 0; l < i; l++)
-        s[l] = arguments[l];
-      return t.apply(r, [].concat(o, s));
+      for (var a = arguments.length, u = new Array(a), l = 0; l < a; l++)
+        u[l] = arguments[l];
+      return t.apply(r, [].concat(o, u));
     };
   };
 }
 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 wt(e, t) {
   return ce(t) || B("changeType"), Object.keys(t).some(function(r) {
-    return !bt(e, r);
+    return !yt(e, r);
   }) && B("changeField"), t;
 }
 function Ot(e) {
   re(e) || B("selectorType");
 }
-function St(e) {
+function Mt(e) {
   re(e) || ce(e) || B("handlerType"), ce(e) && Object.values(e).some(function(t) {
     return !re(t);
   }) && B("handlersType");
 }
-function Mt(e) {
-  e || B("initialIsRequired"), ce(e) || B("initialType"), yt(e) && B("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,34 +254,34 @@ 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"
-}, B = X(jt)(Et), ae = {
+}, B = X(jt)(Et), ie = {
   changes: wt,
   selector: Ot,
-  handler: St,
-  initial: Mt
+  handler: Mt,
+  initial: St
 };
 function Pt(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  ae.initial(e), ae.handler(t);
+  ie.initial(e), ie.handler(t);
   var r = {
     current: e
-  }, n = X($t)(r, t), o = X(xt)(r), a = X(ae.changes)(e), i = X(Ct)(r);
-  function s() {
-    var f = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(b) {
-      return b;
+  }, n = X($t)(r, t), o = X(Ct)(r), i = X(ie.changes)(e), a = X(xt)(r);
+  function u() {
+    var s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(h) {
+      return h;
     };
-    return ae.selector(f), f(r.current);
+    return ie.selector(s), s(r.current);
   }
-  function l(f) {
-    vt(n, o, a, i)(f);
+  function l(s) {
+    vt(n, o, i, a)(s);
   }
-  return [s, l];
+  return [u, l];
 }
-function Ct(e, t) {
+function xt(e, t) {
   return re(t) ? t(e.current) : t;
 }
-function xt(e, t) {
-  return e.current = $e($e({}, e.current), t), t;
+function Ct(e, 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,41 +289,41 @@ 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 Nt(e) {
+function Tt(e) {
   return function t() {
-    for (var r = this, n = arguments.length, o = new Array(n), a = 0; a < n; a++)
-      o[a] = arguments[a];
+    for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++)
+      o[i] = arguments[i];
     return o.length >= e.length ? e.apply(this, o) : function() {
-      for (var i = arguments.length, s = new Array(i), l = 0; l < i; l++)
-        s[l] = arguments[l];
-      return t.apply(r, [].concat(o, s));
+      for (var a = arguments.length, u = new Array(a), l = 0; l < a; l++)
+        u[l] = arguments[l];
+      return t.apply(r, [].concat(o, u));
     };
   };
 }
 function Dt(e) {
   return {}.toString.call(e).includes("Object");
 }
-function Tt(e) {
-  return e || Le("configIsRequired"), Dt(e) || Le("configType"), e.urls ? (kt(), {
+function Nt(e) {
+  return e || Te("configIsRequired"), Dt(e) || Te("configType"), e.urls ? (kt(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
 function kt() {
-  console.warn(ke.deprecation);
+  console.warn(Ae.deprecation);
 }
 function At(e, t) {
   throw new Error(e[t] || e.default);
 }
-var ke = {
+var Ae = {
   configIsRequired: "the configuration object is required",
   configType: "the configuration object should be an object",
   default: "an unknown error accured in `@monaco-editor/loader` package",
@@ -337,21 +337,21 @@ var ke = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, Le = Nt(At)(ke), 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];
   return function(o) {
-    return r.reduceRight(function(a, i) {
-      return i(a);
+    return r.reduceRight(function(i, a) {
+      return a(i);
     }, o);
   };
 };
-function Ae(e, t) {
+function Ve(e, t) {
   return Object.keys(t).forEach(function(r) {
-    t[r] instanceof Object && e[r] && Object.assign(t[r], Ae(e[r], t[r]));
-  }), Pe(Pe({}, e), t);
+    t[r] instanceof Object && e[r] && Object.assign(t[r], Ve(e[r], t[r]));
+  }), Ce(Ce({}, e), t);
 }
 var Ut = {
   type: "cancelation",
@@ -359,31 +359,31 @@ var Ut = {
 };
 function fe(e) {
   var t = !1, r = new Promise(function(n, o) {
-    e.then(function(a) {
-      return t ? o(Ut) : n(a);
+    e.then(function(i) {
+      return t ? o(Ut) : n(i);
     }), e.catch(o);
   });
   return r.cancel = function() {
     return t = !0;
   }, r;
 }
-var zt = Lt.create({
-  config: It,
+var Ft = It.create({
+  config: Lt,
   isInitialized: !1,
   resolve: null,
   reject: null,
   monaco: null
-}), Ve = dt(zt, 2), oe = Ve[0], ue = Ve[1];
-function Ft(e) {
+}), _e = dt(Ft, 2), oe = _e[0], ue = _e[1];
+function Rt(e) {
   var t = Vt.config(e), r = t.monaco, n = lt(t, ["monaco"]);
   ue(function(o) {
     return {
-      config: Ae(o.config, n),
+      config: Ve(o.config, n),
       monaco: r
     };
   });
 }
-function Rt() {
+function zt() {
   var e = oe(function(t) {
     var r = t.monaco, n = t.isInitialized, o = t.resolve;
     return {
@@ -398,46 +398,46 @@ function Rt() {
     }), e.monaco)
       return e.resolve(e.monaco), fe(pe);
     if (window.monaco && window.monaco.editor)
-      return _e(window.monaco), e.resolve(window.monaco), fe(pe);
-    _t(qt, Ht)(Wt);
+      return Ue(window.monaco), e.resolve(window.monaco), fe(pe);
+    _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, a = n.reject;
+    var o = n.config, i = n.reject;
     return {
       config: o,
-      reject: a
+      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;
 }
 function Wt() {
   var e = oe(function(r) {
-    var n = r.config, o = r.resolve, a = r.reject;
+    var n = r.config, o = r.resolve, i = r.reject;
     return {
       config: n,
       resolve: o,
-      reject: a
+      reject: i
     };
   }), t = window.require;
   t.config(e.config), t(["vs/editor/editor.main"], function(r) {
-    _e(r), e.resolve(r);
+    Ue(r), e.resolve(r);
   }, function(r) {
     e.reject(r);
   });
 }
-function _e(e) {
+function Ue(e) {
   oe().monaco || ue({
     monaco: e
   });
@@ -453,182 +453,182 @@ var pe = new Promise(function(e, t) {
     resolve: e,
     reject: t
   });
-}), H = {
-  config: Ft,
-  init: Rt,
+}), W = {
+  config: Rt,
+  init: zt,
   __getMonacoInstance: Kt
-}, Yt = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, ge = Yt, Zt = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Gt = Zt;
+}, 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 }) {
-  return W.createElement("div", { style: Gt.container }, e);
+  return K.createElement("div", { style: Gt.container }, e);
 }
 var Qt = Jt, Xt = Qt;
-function er({ width: e, height: t, isEditorReady: r, loading: n, _ref: o, className: a, wrapperProps: i }) {
-  return W.createElement("section", { style: { ...ge.wrapper, width: e, height: t }, ...i }, !r && W.createElement(Xt, null, n), W.createElement("div", { ref: o, style: { ...ge.fullWidth, ...!r && ge.hide }, className: a }));
+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, Ue = ye(tr);
+var tr = er, Fe = be(tr);
 function rr(e) {
-  $(e, []);
+  I(e, []);
 }
-var be = rr;
+var we = rr;
 function nr(e, t, r = !0) {
-  let n = y(!0);
-  $(n.current || !r ? () => {
+  let n = w(!0);
+  I(n.current || !r ? () => {
     n.current = !1;
   } : e, t);
 }
-var _ = nr;
+var U = nr;
 function ee() {
 }
 function Z(e, t, r, n) {
-  return or(e, n) || ar(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 ar(e, t, r, n) {
-  return e.editor.createModel(t, r, n ? ze(e, n) : void 0);
+function ir(e, t, r, n) {
+  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 ir({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: a, modifiedModelPath: i, keepCurrentOriginalModel: s = !1, keepCurrentModifiedModel: l = !1, theme: f = "light", loading: b = "Loading...", options: p = {}, height: g = "100%", width: I = "100%", className: w, wrapperProps: k = {}, beforeMount: M = ee, onMount: O = ee }) {
-  let [m, j] = A(!1), [D, E] = A(!0), P = y(null), S = y(null), z = y(null), d = y(O), u = y(M), N = y(!1);
-  be(() => {
-    let c = H.init();
-    return c.then((h) => (S.current = h) && E(!1)).catch((h) => (h == null ? void 0 : h.type) !== "cancelation" && console.error("Monaco initialization: error:", h)), () => P.current ? L() : c.cancel();
-  }), _(() => {
-    if (P.current && S.current) {
-      let c = P.current.getOriginalEditor(), h = Z(S.current, e || "", n || r || "text", a || "");
-      h !== c.getModel() && c.setModel(h);
+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((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(), b = Z(E.current, e || "", n || r || "text", i || "");
+      b !== c.getModel() && c.setModel(b);
     }
-  }, [a], m), _(() => {
-    if (P.current && S.current) {
-      let c = P.current.getModifiedEditor(), h = Z(S.current, t || "", o || r || "text", i || "");
-      h !== c.getModel() && c.setModel(h);
+  }, [i], v), U(() => {
+    if (j.current && E.current) {
+      let c = j.current.getModifiedEditor(), b = Z(E.current, t || "", o || r || "text", a || "");
+      b !== c.getModel() && c.setModel(b);
     }
-  }, [i], m), _(() => {
-    let c = P.current.getModifiedEditor();
-    c.getOption(S.current.editor.EditorOption.readOnly) ? c.setValue(t || "") : t !== c.getValue() && (c.executeEdits("", [{ range: c.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), c.pushUndoStop());
-  }, [t], m), _(() => {
-    var c, h;
-    (h = (c = P.current) == null ? void 0 : c.getModel()) == null || h.original.setValue(e || "");
-  }, [e], m), _(() => {
-    let { original: c, modified: h } = P.current.getModel();
-    S.current.editor.setModelLanguage(c, n || r || "text"), S.current.editor.setModelLanguage(h, o || r || "text");
-  }, [r, n, o], m), _(() => {
+  }, [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, b;
+    (b = (c = j.current) == null ? void 0 : c.getModel()) == null || b.original.setValue(e || "");
+  }, [e], v), U(() => {
+    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 = S.current) == null || c.editor.setTheme(f);
-  }, [f], m), _(() => {
+    (c = E.current) == null || c.editor.setTheme(s);
+  }, [s], v), U(() => {
     var c;
-    (c = P.current) == null || c.updateOptions(p);
-  }, [p], m);
-  let C = G(() => {
-    var R;
-    if (!S.current)
+    (c = j.current) == null || c.updateOptions(f);
+  }, [f], v);
+  let p = G(() => {
+    var A;
+    if (!E.current)
       return;
-    u.current(S.current);
-    let c = Z(S.current, e || "", n || r || "text", a || ""), h = Z(S.current, t || "", o || r || "text", i || "");
-    (R = P.current) == null || R.setModel({ original: c, modified: h });
-  }, [r, t, o, e, n, a, i]), T = G(() => {
+    d.current(E.current);
+    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;
-    !N.current && z.current && (P.current = S.current.editor.createDiffEditor(z.current, { automaticLayout: !0, ...p }), C(), (c = S.current) == null || c.editor.setTheme(f), j(!0), N.current = !0);
-  }, [p, f, C]);
-  $(() => {
-    m && d.current(P.current, S.current);
-  }, [m]), $(() => {
-    !D && !m && T();
-  }, [D, m, T]);
-  function L() {
-    var h, R, K, J;
-    let c = (h = P.current) == null ? void 0 : h.getModel();
-    s || ((R = c == null ? void 0 : c.original) == null || R.dispose()), l || ((K = c == null ? void 0 : c.modified) == null || K.dispose()), (J = P.current) == null || J.dispose();
+    !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]);
+  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 W.createElement(Ue, { width: I, height: g, isEditorReady: m, loading: b, _ref: z, className: w, wrapperProps: k });
+  return K.createElement(Fe, { width: L, height: m, isEditorReady: v, loading: h, _ref: z, className: g, wrapperProps: k });
 }
-var cr = ir, ur = ye(cr);
+var cr = ar, ur = be(cr);
 function sr() {
-  let [e, t] = A(H.__getMonacoInstance());
-  return be(() => {
+  let [e, t] = V(W.__getMonacoInstance());
+  return we(() => {
     let r;
-    return e || (r = H.init(), r.then((n) => {
+    return e || (r = W.init(), r.then((n) => {
       t(n);
     })), () => r == null ? void 0 : r.cancel();
   }), e;
 }
 var se = sr;
 function lr(e) {
-  let t = y();
-  return $(() => {
+  let t = w();
+  return I(() => {
     t.current = e;
   }, [e]), t.current;
 }
-var dr = lr, ie = /* @__PURE__ */ new Map();
-function fr({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: a, theme: i = "light", line: s, loading: l = "Loading...", options: f = {}, overrideServices: b = {}, saveViewState: p = !0, keepCurrentModel: g = !1, width: I = "100%", height: w = "100%", className: k, wrapperProps: M = {}, beforeMount: O = ee, onMount: m = ee, onChange: j, onValidate: D = ee }) {
-  let [E, P] = A(!1), [S, z] = A(!0), d = y(null), u = y(null), N = y(null), C = y(m), T = y(O), L = y(), c = y(n), h = dr(a), R = y(!1), K = y(!1);
-  be(() => {
-    let v = H.init();
-    return v.then((x) => (d.current = x) && z(!1)).catch((x) => (x == null ? void 0 : x.type) !== "cancelation" && console.error("Monaco initialization: error:", x)), () => u.current ? Ke() : v.cancel();
-  }), _(() => {
-    var x, V, Q, Y;
-    let v = Z(d.current, e || n || "", t || o || "", a || r || "");
-    v !== ((x = u.current) == null ? void 0 : x.getModel()) && (p && ie.set(h, (V = u.current) == null ? void 0 : V.saveViewState()), (Q = u.current) == null || Q.setModel(v), p && ((Y = u.current) == null || Y.restoreViewState(ie.get(a))));
-  }, [a], E), _(() => {
-    var v;
-    (v = u.current) == null || v.updateOptions(f);
-  }, [f], E), _(() => {
-    !u.current || n === void 0 || (u.current.getOption(d.current.editor.EditorOption.readOnly) ? u.current.setValue(n) : n !== u.current.getValue() && (K.current = !0, u.current.executeEdits("", [{ range: u.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), u.current.pushUndoStop(), K.current = !1));
-  }, [n], E), _(() => {
-    var x, V;
-    let v = (x = u.current) == null ? void 0 : x.getModel();
-    v && o && ((V = d.current) == null || V.editor.setModelLanguage(v, o));
-  }, [o], E), _(() => {
-    var v;
-    s !== void 0 && ((v = u.current) == null || v.revealLine(s));
-  }, [s], E), _(() => {
-    var v;
-    (v = d.current) == null || v.editor.setTheme(i);
-  }, [i], E);
+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: 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 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 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 v;
-    if (!(!N.current || !d.current) && !R.current) {
-      T.current(d.current);
-      let x = a || r, V = Z(d.current, n || e || "", t || o || "", x || "");
-      u.current = (v = d.current) == null ? void 0 : v.editor.create(N.current, { model: V, automaticLayout: !0, ...f }, b), p && u.current.restoreViewState(ie.get(x)), d.current.editor.setTheme(i), s !== void 0 && u.current.revealLine(s), P(!0), R.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, a, f, b, p, i, s]);
-  $(() => {
-    E && C.current(u.current, d.current);
-  }, [E]), $(() => {
-    !S && !E && J();
-  }, [S, E, J]), c.current = n, $(() => {
-    var v, x;
-    E && j && ((v = L.current) == null || v.dispose(), L.current = (x = u.current) == null ? void 0 : x.onDidChangeModelContent((V) => {
-      K.current || j(u.current.getValue(), V);
+  }, [e, t, r, n, o, i, s, h, f, a, u]);
+  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(), _);
     }));
-  }, [E, j]), $(() => {
-    if (E) {
-      let v = d.current.editor.onDidChangeMarkers((x) => {
+  }, [S, N]), I(() => {
+    if (S) {
+      let y = M.current.editor.onDidChangeMarkers(($) => {
         var Q;
-        let V = (Q = u.current.getModel()) == null ? void 0 : Q.uri;
-        if (V && x.find((Y) => Y.path === V.path)) {
-          let Y = d.current.editor.getModelMarkers({ resource: V });
-          D == null || D(Y);
+        let _ = (Q = d.current.getModel()) == null ? void 0 : Q.uri;
+        if (_ && $.find((Y) => Y.path === _.path)) {
+          let Y = M.current.editor.getModelMarkers({ resource: _ });
+          x == null || x(Y);
         }
       });
       return () => {
-        v == null || v.dispose();
+        y == null || y.dispose();
       };
     }
     return () => {
     };
-  }, [E, D]);
-  function Ke() {
-    var v, x;
-    (v = L.current) == null || v.dispose(), g ? p && ie.set(a, u.current.saveViewState()) : (x = u.current.getModel()) == null || x.dispose(), u.current.dispose();
+  }, [S, x]);
+  function Ye() {
+    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 W.createElement(Ue, { width: I, height: w, isEditorReady: E, loading: l, _ref: N, className: k, wrapperProps: M });
+  return K.createElement(Fe, { width: L, height: g, isEditorReady: S, loading: l, _ref: P, className: k, wrapperProps: C });
 }
-var pr = fr, gr = ye(pr), we = gr;
+var pr = fr, mr = be(pr), Oe = mr;
 const le = {
   selectOnLineNumbers: !0,
   scrollBeyondLastLine: !1,
@@ -637,7 +637,7 @@ const le = {
     bottom: 16
   },
   minimap: { enabled: !1 },
-  fontSize: 13,
+  fontSize: 14,
   fontFamily: '"JetBrains Mono", "monospace"',
   lineHeight: 20,
   scrollbar: {
@@ -648,29 +648,52 @@ const le = {
   },
   overviewRulerBorder: !1,
   overviewRulerLanes: 0,
-  renderLineHighlight: "none"
+  renderLineHighlight: "none",
+  automaticLayout: !0
 }, de = (e) => {
-  const { themeConfig: t, editor: r, theme: n } = e, { defaultTheme: o } = t ?? {}, [a, i] = A(n ?? o ?? "vs-dark");
-  return $(() => {
-    var s;
-    (s = t == null ? void 0 : t.themes) == null || s.forEach((l) => {
-      F.editor.defineTheme(l.themeName, l.themeData);
+  const { themeConfig: t, editor: r, theme: n } = e, { defaultTheme: o } = t ?? {}, [i, a] = V(n ?? o ?? "vs-dark");
+  return I(() => {
+    var u;
+    (u = t == null ? void 0 : t.monacoThemes) == null || u.forEach((l) => {
+      R.editor.defineTheme(l.themeName, l.themeData);
     });
-  }, [F]), $(() => {
-    F.editor && n && (F.editor.setTheme(n), i(n));
-  }, [r, n]), { theme: a };
+  }, [R]), I(() => {
+    R.editor && n && (R.editor.setTheme(n), a(n));
+  }, [r, n]), { theme: i };
 };
-function mr(e) {
+function hr(e) {
   const t = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   let r = "";
   for (let n = 0; n < e; n++)
     r += t.charAt(Math.floor(Math.random() * t.length));
   return r;
 }
-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
 }) {
@@ -700,40 +723,40 @@ 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,
   avatarSize: n
 }) {
   let o = "";
-  return t.forEach((a) => {
-    var f, b, p, g, I, w, k, M;
-    const i = (b = (f = a == null ? void 0 : a.commitInfo) == null ? void 0 : f.author) == null ? void 0 : b.avatarUrl, s = (g = (p = a == null ? void 0 : a.commitInfo) == null ? void 0 : p.author) == null ? void 0 : g.initials, l = i ? `background: url('${(w = (I = a == null ? void 0 : a.commitInfo) == null ? void 0 : I.author) == null ? void 0 : w.avatarUrl}');` : "";
-    for (let O = a.fromLineNumber; O <= a.toLineNumber; O++)
-      O === a.fromLineNumber ? o += `
+  return t.forEach((i) => {
+    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: '${hr(((M = (k = a == null ? void 0 : a.commitInfo) == null ? void 0 : k.author) == null ? void 0 : M.when) || "")}';
+            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-${O}:after {
-            content: '${s ?? " "}';
+            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}
@@ -747,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);
 }
-H.config({ monaco: F });
-const me = 450, wr = 30, Or = 140, Sr = 24, Mr = {
+W.config({ monaco: R });
+const he = 450, Mr = 30, Sr = 140, jr = 24, Er = {
   ...le,
   readOnly: !0,
   matchBrackets: "never",
@@ -763,168 +786,168 @@ const me = 450, wr = 30, Or = 140, Sr = 24, Mr = {
   renderWhitespace: "none",
   renderLineHighlight: "none"
 };
-function zr({
+function Hr({
   code: e,
   language: t,
   themeConfig: r,
   lineNumbersPosition: n = "left",
   blameData: o,
-  showSeparators: a = !0,
-  theme: i,
-  height: s = "75vh",
+  showSeparators: i = !0,
+  theme: a,
+  height: u = "75vh",
   options: l
 }) {
-  const f = y(o), b = y(mr(5));
+  const s = w(o), h = w(hr(5));
   se();
-  const [p, g] = A(), [I, w] = A(0), k = y(null), M = y(null);
-  $(() => {
-    f.current = o;
+  const [f, m] = V(), [L, g] = V(0), k = w(null), C = w(null);
+  I(() => {
+    s.current = o;
   }, [o]);
   function O() {
-    const d = M.current, u = k.current;
-    if (!d || !u)
+    const M = C.current, d = k.current;
+    if (!M || !d)
       return;
-    a && d.changeViewZones(function(C) {
-      C.addZone({
+    i && M.changeViewZones(function(p) {
+      p.addZone({
         afterLineNumber: 0,
         heightInPx: 10,
         domNode: document.createElement("div")
-      }), f.current.forEach((T, L) => {
-        if (L !== f.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", C.addZone({
-            afterLineNumber: T.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
           });
         }
       });
     });
-    const N = [];
-    f.current.forEach((C) => {
-      var T;
-      for (let L = C.fromLineNumber; L <= C.toLineNumber; L++)
-        N.push({
-          range: new u.Range(L, 0, L + 1, 0),
+    const P = [];
+    s.current.forEach((p) => {
+      var D;
+      for (let T = p.fromLineNumber; T <= p.toLineNumber; T++)
+        P.push({
+          range: new d.Range(T, 0, T + 1, 0),
           options: {
             before: {
-              content: br(
-                L === C.fromLineNumber && ((T = C == null ? void 0 : C.commitInfo) == null ? void 0 : T.title) || "",
-                wr
+              content: Or(
+                T === p.fromLineNumber && ((D = p == null ? void 0 : p.commitInfo) == null ? void 0 : D.title) || "",
+                Mr
               ),
-              cursorStops: u.editor.InjectedTextCursorStops.None,
-              inlineClassName: `blame-editor-commit blame-editor-commit-${L}`
+              cursorStops: d.editor.InjectedTextCursorStops.None,
+              inlineClassName: `blame-editor-commit blame-editor-commit-${T}`
             }
           }
         });
-    }), d.createDecorationsCollection(N);
+    }), M.createDecorationsCollection(P);
   }
-  function m(d, u) {
-    var N, C, T, L, c, h;
-    M.current = d, k.current = u, d.setValue(e), g(d), (T = (C = (N = u.languages.typescript) == null ? void 0 : N.typescriptDefaults) == null ? void 0 : C.setDiagnosticsOptions) == null || T.call(C, {
+  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
-    }), (h = (c = (L = u.languages.typescript) == null ? void 0 : L.javascriptDefaults) == null ? void 0 : c.setDiagnosticsOptions) == null || h.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
     }), O();
   }
-  $(() => {
-    p == null || p.setValue(e);
+  I(() => {
+    f == null || f.setValue(e);
   }, [e]);
-  const { theme: j } = de({ monacoRef: k, themeConfig: r, editor: p, theme: i }), D = q(
-    () => vr({
-      instanceId: b.current,
+  const { theme: N } = de({ monacoRef: k, themeConfig: r, editor: f, theme: a }), x = q(
+    () => yr({
+      instanceId: h.current,
       lineNumbersPosition: n
     }),
     [o]
-  ), E = q(
-    () => yr({
-      instanceId: b.current,
+  ), S = q(
+    () => wr({
+      instanceId: h.current,
       blameData: o,
-      avatarSize: Sr,
-      dateWidth: Or
+      avatarSize: jr,
+      dateWidth: Sr
     }),
     [o]
   );
-  $(() => {
+  I(() => {
     if (n === "center") {
-      const d = document.getElementsByClassName("lines-content")[0];
-      if (d) {
-        const u = { attributes: !0 }, N = (T) => {
-          for (const L of T) {
-            const c = parseInt(getComputedStyle(d).left);
-            w(c);
+      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);
           }
-        }, C = new MutationObserver(N);
-        return C.observe(d, u), () => {
-          C.disconnect();
+        }, p = new MutationObserver(P);
+        return p.observe(M, d), () => {
+          p.disconnect();
         };
       }
     }
   });
-  const P = q(() => `
-      .monaco-editor-${b.current} .margin {
-        left: ${me + 16 + I}px !important;
+  const j = q(() => `
+      .monaco-editor-${h.current} .margin {
+        left: ${he + 16 + L}px !important;
         pointer-events: none;
-      }`, [I]), S = `
-   .monaco-editor-${b.current} .view-overlays {
-    clip-path: polygon(${me + 16}px 0, 100% 0%, 100% 100%, ${me + 16}px 100%);
+      }`, [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;
    }`, z = q(
     () => ({
-      ...Mr,
+      ...Er,
       ...l
     }),
     [l]
   );
-  return /* @__PURE__ */ U.jsxs(U.Fragment, { children: [
-    /* @__PURE__ */ U.jsx(
+  return /* @__PURE__ */ F.jsxs(F.Fragment, { children: [
+    /* @__PURE__ */ F.jsx(
       "style",
       {
         dangerouslySetInnerHTML: {
-          __html: `${D} ${E} ${P} ${S}`
+          __html: `${x} ${S} ${j} ${E}`
         }
       }
     ),
-    /* @__PURE__ */ U.jsx(
-      we,
+    /* @__PURE__ */ F.jsx(
+      Oe,
       {
-        className: `monaco-editor-${b.current} overflow-hidden rounded-b-md border-x border-b`,
-        height: s,
+        className: `monaco-editor-${h.current} overflow-hidden rounded-b-md border-x border-b`,
+        height: u,
         language: t,
-        theme: j,
+        theme: N,
         options: z,
-        onMount: m
+        onMount: v
       }
     )
   ] });
 }
-H.config({ monaco: F });
-const jr = {
+W.config({ monaco: R });
+const Pr = {
   ...le
 };
-function Fr({
+function qr({
   codeRevision: e,
   onCodeRevisionChange: t,
   language: r,
   themeConfig: n,
   options: o,
-  theme: a,
-  height: i = "75vh",
-  className: s
+  theme: i,
+  height: a = "75vh",
+  className: u
 }) {
   se();
-  const [l, f] = A(), b = y(), p = y({ code: "", revisionId: 0 }), g = y(null), I = G(
-    (M, O) => {
-      var m, j, D, E, P, S;
-      g.current = M, b.current = O, M.setValue(e.code), f(M), (D = (j = (m = O.languages.typescript) == null ? void 0 : m.typescriptDefaults) == null ? void 0 : j.setDiagnosticsOptions) == null || D.call(j, {
+  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
-      }), (S = (P = (E = O.languages.typescript) == null ? void 0 : E.javascriptDefaults) == null ? void 0 : P.setDiagnosticsOptions) == null || S.call(P, {
+      }), (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
@@ -932,36 +955,36 @@ function Fr({
     },
     [e.code]
   );
-  $(() => {
-    var M, O;
-    if (g.current && (!e.revisionId || e.revisionId > Number((M = p.current) == null ? void 0 : M.revisionId))) {
-      const m = g.current.getModel();
-      m && (o != null && o.readOnly ? (O = g.current) == null || O.setValue(e.code) : (g.current.pushUndoStop(), g.current.executeEdits("edit", [
+  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 ? (O = m.current) == null || O.setValue(e.code) : (m.current.pushUndoStop(), m.current.executeEdits("edit", [
         {
-          range: m.getFullModelRange(),
+          range: v.getFullModelRange(),
           text: e.code
         }
-      ]), g.current.pushUndoStop()));
+      ]), m.current.pushUndoStop()));
     }
-  }, [e, g.current]);
-  const { theme: w } = de({ monacoRef: b, themeConfig: n, editor: l, theme: a }), k = q(() => ({ ...jr, ...o || {} }), [o]);
-  return /* @__PURE__ */ U.jsx(U.Fragment, { children: /* @__PURE__ */ U.jsx(
-    we,
+  }, [e, m.current]);
+  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(
+    Oe,
     {
-      className: s,
-      height: i,
-      onChange: (M, O) => {
-        p.current = { code: M ?? "", revisionId: O.versionId }, t({ ...p.current }, O);
+      className: u,
+      height: a,
+      onChange: (C, O) => {
+        f.current = { code: C ?? "", revisionId: O.versionId }, t({ ...f.current }, O);
       },
       language: r,
-      theme: w,
+      theme: g,
       options: k,
-      onMount: I
+      onMount: L
     }
   ) });
 }
-H.config({ monaco: F });
-const Er = {
+W.config({ monaco: R });
+const xr = {
   ...le,
   codeLens: !1,
   smartSelect: {
@@ -970,64 +993,64 @@ const Er = {
   originalEditable: !1,
   overviewRulerBorder: !1
 };
-function Rr({
+function Br({
   original: e,
   modified: t,
   language: r,
   themeConfig: n,
   options: o,
-  theme: a,
-  height: i = "75vh"
+  theme: i,
+  height: a = "75vh"
 }) {
   se();
-  const [s, l] = A(), f = y(), { theme: b } = de({ monacoRef: f, themeConfig: n, editor: s, theme: a }), p = q(() => ({ ...Er, ...o || {} }), [o]);
-  return /* @__PURE__ */ U.jsx(U.Fragment, { children: /* @__PURE__ */ U.jsx(
+  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,
     {
       className: "overflow-hidden rounded-b-md border-x border-b",
       language: r,
-      theme: b,
+      theme: h,
       original: e,
       modified: t,
-      height: i,
-      options: p,
+      height: a,
+      options: f,
       onMount: l
     }
   ) });
 }
-var Fe = /* @__PURE__ */ ((e) => (e.ContainsPath = "ContainsPath", e))(Fe || {});
-function Pr(e) {
-  const { pathSymbolMap: t, inlineActions: r = [], commandId: n } = e, o = Object.fromEntries(t.entries()), a = [];
-  return r == null || r.forEach((i) => {
-    const s = i.actions;
-    i.selectors.forEach((f) => {
-      switch (f.type) {
-        case Fe.ContainsPath: {
-          f.paths.forEach((b) => {
-            let g = Object.keys(o).map((w) => ({
-              fullPath: w,
-              path: w,
-              symbol: o[w]
-            })).filter((w) => w.path.startsWith(f.basePath));
-            g = g.map((w) => ({
-              ...w,
-              path: w.path.substring(f.basePath.length)
-            })), g.filter((w) => b.test(w.path)).forEach((w) => {
-              const k = w.fullPath, M = w.symbol, O = M.range;
-              s.forEach((m) => {
-                const j = {
+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 ze.ContainsPath: {
+          s.paths.forEach((h) => {
+            let m = Object.keys(o).map((g) => ({
+              fullPath: g,
+              path: g,
+              symbol: o[g]
+            })).filter((g) => g.path.startsWith(s.basePath));
+            m = m.map((g) => ({
+              ...g,
+              path: g.path.substring(s.basePath.length)
+            })), m.filter((g) => h.test(g.path)).forEach((g) => {
+              const k = g.fullPath, C = g.symbol, O = C.range;
+              u.forEach((v) => {
+                const N = {
                   range: O,
-                  symbols: [M],
-                  onClick: m.onClick,
-                  data: m.data,
+                  symbols: [C],
+                  onClick: v.onClick,
+                  data: v.data,
                   path: k
                 };
-                a.push({
+                i.push({
                   range: O,
                   command: {
                     id: n,
-                    title: m.title,
-                    arguments: [j]
+                    title: v.title,
+                    arguments: [N]
                   }
                 });
               });
@@ -1037,7 +1060,7 @@ function Pr(e) {
         }
       }
     });
-  }), a;
+  }), i;
 }
 const te = class te {
   static set(t) {
@@ -1047,40 +1070,40 @@ const te = class te {
     return te.data;
   }
 };
-Se(te, "data", {});
+je(te, "data", {});
 let ve = te;
-async function Re(e) {
+async function He(e) {
   const t = ve.get(), { documentSymbolProvider: r } = t.StandaloneServices.get(t.ILanguageFeaturesService);
   return await t.OutlineModel.create(r, e);
 }
 function qe(e) {
   const t = /* @__PURE__ */ new Map();
-  return Oe({
+  return Me({
     pathSymbolMap: t,
     parentPath: "",
     children: e.children,
-    parentKind: he.SymbolKind.Module
+    parentKind: ge.SymbolKind.Module
   }), t;
 }
-function Oe(e) {
+function Me(e) {
   switch (e.parentKind) {
-    case he.SymbolKind.Module: {
-      Cr(e);
+    case ge.SymbolKind.Module: {
+      $r(e);
       break;
     }
-    case he.SymbolKind.Array: {
-      xr(e);
+    case ge.SymbolKind.Array: {
+      Ir(e);
       break;
     }
     default:
-      $r(e);
+      Lr(e);
   }
 }
-function Cr(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)), Oe({
+    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,
@@ -1088,11 +1111,11 @@ function Cr(e) {
     });
   });
 }
-function xr(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, Oe({
+    e.pathSymbolMap.set(n, r.symbol), t += 1, Me({
       pathSymbolMap: e.pathSymbolMap,
       parentPath: n,
       children: r.children,
@@ -1100,60 +1123,60 @@ function xr(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
 }) {
-  $(() => F.languages.registerCodeLensProvider("yaml", {
+  I(() => R.languages.registerCodeLensProvider("yaml", {
     provideCodeLenses: async (n) => {
       var l;
-      const o = await Re(n), a = qe(o), i = (l = e == null ? void 0 : e.current) == null ? void 0 : l.addCommand(0, (f, { onClick: b, path: p, range: g, data: I }) => {
-        b({ path: p, range: g, 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 i ? {
-        lenses: Pr({ pathSymbolMap: a, inlineActions: t, commandId: i }),
+      return a ? {
+        lenses: Cr({ pathSymbolMap: i, inlineActions: t, commandId: a }),
         dispose: () => {
         }
       } : void 0;
     }
   }).dispose, [t, e]);
 }
-const Ir = ({ editorRef: e, selection: t }) => {
-  const [r, n] = A(), o = q(
-    () => async (a, i, s) => {
-      var g, I, w;
-      const l = (g = e == null ? void 0 : e.current) == null ? void 0 : g.getModel();
-      if (!l || !i)
+const Dr = ({ editorRef: e, selection: t }) => {
+  const [r, n] = V(), o = q(
+    () => async (i, a, u) => {
+      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 f = await Re(l), p = (I = qe(f).get(i)) == null ? void 0 : I.range;
-      p && (n(p), s && ((w = e == null ? void 0 : e.current) == null || w.revealLineInCenter(p.startLineNumber)));
+      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)));
     },
     []
   );
-  $(() => {
+  I(() => {
     if ("requestIdleCallback" in window) {
-      const a = requestIdleCallback(() => {
+      const i = requestIdleCallback(() => {
         o(e, t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter);
       });
-      return () => cancelIdleCallback(a);
+      return () => cancelIdleCallback(i);
     } else {
-      const a = setTimeout(() => {
+      const i = setTimeout(() => {
         o(e, t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter);
       }, 100);
-      return () => clearTimeout(a);
+      return () => clearTimeout(i);
     }
-  }, [t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter, e, o]), $(() => {
-    var i;
+  }, [t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter, e, o]), I(() => {
+    var a;
     if (!r)
       return;
-    const a = (i = e == null ? void 0 : e.current) == null ? void 0 : i.createDecorationsCollection([
+    const i = (a = e == null ? void 0 : e.current) == null ? void 0 : a.createDecorationsCollection([
       {
         // TODO: check why startColumn is set to "end of row"
         range: { ...r, startColumn: 1 },
@@ -1163,9 +1186,9 @@ const Ir = ({ editorRef: e, selection: t }) => {
         }
       }
     ]);
-    return () => a == null ? void 0 : a.clear();
+    return () => i == null ? void 0 : i.clear();
   }, [r, e, t == null ? void 0 : t.className]);
-}, Be = Ge({
+}, Be = Je({
   markers: [],
   setMarkers: () => {
   },
@@ -1175,16 +1198,16 @@ const Ir = ({ editorRef: e, selection: t }) => {
   updateCursorPosition: (e) => {
   }
 });
-function qr({
+function Wr({
   children: e
 }) {
-  const [t, r] = A([]), [n, o] = A(null), a = G(
-    (i) => {
-      n == null || n.setPosition(i), n == null || n.revealLineInCenterIfOutsideViewport(i.lineNumber), n == null || n.focus();
+  const [t, r] = V([]), [n, o] = V(null), i = G(
+    (a) => {
+      n == null || n.setPosition(a), n == null || n.revealLineInCenterIfOutsideViewport(a.lineNumber), n == null || n.focus();
     },
     [n]
   );
-  return /* @__PURE__ */ U.jsx(
+  return /* @__PURE__ */ F.jsx(
     Be.Provider,
     {
       value: {
@@ -1192,146 +1215,163 @@ function qr({
         setMarkers: r,
         editor: n,
         setEditor: o,
-        updateCursorPosition: a
+        updateCursorPosition: i
       },
       children: e
     }
   );
 }
-function He() {
-  return Je(Be);
-}
-const Nr = ({ monacoRef: e }) => {
-  const { setMarkers: t } = He();
-  $(() => {
-    let r;
-    const n = setTimeout(() => {
-      var a;
-      const o = (a = e.current) == null ? void 0 : a.editor;
-      o && (r = o.onDidChangeMarkers(([i]) => {
-        const s = o.getModelMarkers({ resource: i });
-        t(s);
+function We() {
+  return Qe(Be);
+}
+const Nr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
+  const { setMarkers: n } = We();
+  I(() => {
+    let o;
+    const i = setTimeout(() => {
+      var u;
+      const a = (u = e.current) == null ? void 0 : u.editor;
+      a && (o = a.onDidChangeMarkers((l) => {
+        var f;
+        const s = (f = t.current) == null ? void 0 : f.getModel();
+        if (!s)
+          return;
+        const h = s.uri.toString();
+        if (l.some((m) => m.toString() === h)) {
+          const m = R.editor.getModelMarkers({ resource: s.uri });
+          n(m);
+        }
       }));
     }, 100);
     return () => {
-      clearTimeout(n), r == null || r.dispose();
+      clearTimeout(i), o == null || o.dispose();
     };
-  }, [e]);
+  }, [e, r, n]);
 };
-let Ie = !1;
-function Dr(e) {
-  if (Ie)
-    return;
+function kr(e) {
+  var n, o;
+  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 Ar(e) {
+  var n, o;
+  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) {
   const t = {
     hover: !0,
     completion: !0,
     enableSchemaRequest: !1,
     validate: !0,
-    schemas: [e]
+    schemas: e
   };
-  Ie = !0, Xe.setDiagnosticsOptions({ ...t });
+  ye.setDiagnosticsOptions({ ...t });
 }
-const We = (e) => Qe.parse(`file://${e}`).toString(), Tr = (e) => {
+const Se = (e) => Xe.parse(`file://${e}`).toString(), Vr = (e) => {
   const { schemaConfig: t, instanceId: r } = e;
-  $(() => {
-    t != null && t.schema && Dr({
-      // If YAML file is opened matching this glob
-      fileMatch: [We(r.toString())],
-      ...t
-    });
+  I(() => {
+    if (t != null && t.schema)
+      return kr({
+        fileMatch: [Se(r.toString())],
+        ...t
+      }), () => {
+        Ar(r);
+      };
   }, [t == null ? void 0 : t.schema, r]);
 };
-H.config({ monaco: F });
-const kr = {
+W.config({ monaco: R });
+const _r = {
   ...le,
   folding: !0
-}, Br = function(t) {
+}, Kr = function(t) {
   const {
     yamlRevision: r,
     schemaConfig: n,
     inlineActions: o,
-    themeConfig: a,
-    onYamlRevisionChange: i,
-    selection: s,
+    themeConfig: i,
+    onYamlRevisionChange: a,
+    selection: u,
     theme: l,
-    options: f,
-    animateOnUpdate: b = !1,
-    onAnimateEnd: p
-  } = t, g = se(), [I] = A("yaml"), { editor: w, setEditor: k } = He(), M = y(null), O = y(), m = y({ yaml: "", revisionId: 0 }), j = y(null), D = y(null), E = G(
-    (d) => {
-      var C, T, L;
-      const u = d.split(`
-`), N = (C = j.current) == null ? void 0 : C.getModel();
-      if (N) {
-        (T = j.current) == null || T.pushUndoStop(), N.setValue("");
-        let c = 0;
-        D.current = window.setInterval(() => {
-          var h;
-          c < u.length ? (g && ((h = j.current) == null || h.executeEdits("addLine", [
+    options: s,
+    animateOnUpdate: h = !1,
+    onAnimateEnd: f,
+    instanceId: m
+  } = 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 T, c, b;
+      const p = P.split(`
+`), D = (T = x.current) == null ? void 0 : T.getModel();
+      if (D) {
+        (c = x.current) == null || c.pushUndoStop(), D.setValue("");
+        let A = 0;
+        S.current = window.setInterval(() => {
+          var H;
+          A < p.length ? (L && ((H = x.current) == null || H.executeEdits("addLine", [
             {
-              range: new g.Range(c + 1, 1, c + 1, 1),
-              text: u[c] + `
+              range: new L.Range(A + 1, 1, A + 1, 1),
+              text: p[A] + `
 `
             }
-          ])), c++) : D.current && (clearInterval(D.current), p == null || p());
-        }, 100), (L = j.current) == null || L.pushUndoStop();
+          ])), A++) : S.current && (clearInterval(S.current), f == null || f());
+        }, 100), (b = x.current) == null || b.pushUndoStop();
       }
     },
-    [g]
+    [L]
   );
-  $(() => () => {
-    D.current && clearInterval(D.current);
+  I(() => () => {
+    S.current && clearInterval(S.current);
   }, []);
-  function P(d, u) {
-    j.current = d, O.current = u, d.setValue(r.yaml), k(d), setTimeout(() => {
-      var N;
-      (N = M.current) != null && N.style && (M.current.style.opacity = "1");
+  function E(P, p) {
+    x.current = P, v.current = p, P.setValue(r.yaml), C(P), setTimeout(() => {
+      var D;
+      (D = O.current) != null && D.style && (O.current.style.opacity = "1");
     }, 50);
   }
-  $(() => {
-    var d;
-    if (j.current && (!r.revisionId || r.revisionId > Number((d = m.current) == null ? void 0 : d.revisionId))) {
-      const u = j.current.getModel();
-      u && (j.current.executeEdits("edit", [
+  I(() => {
+    var P;
+    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", [
         {
-          range: u.getFullModelRange(),
-          text: b ? "" : r.yaml
+          range: p.getFullModelRange(),
+          text: h ? "" : r.yaml
         }
-      ]), b && E(r.yaml));
+      ]), h && j(r.yaml));
     }
-  }, [E, r, b]), Tr({ schemaConfig: n, instanceId: I }), Lr({ editorRef: j, inlineActions: o });
-  const { theme: S } = de({ monacoRef: O, themeConfig: a, editor: w, theme: l });
-  Nr({ monacoRef: O }), Ir({ editorRef: j, selection: s });
-  const z = q(
+  }, [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(
     () => ({
-      ...kr,
-      ...f
+      ..._r,
+      ...s
     }),
-    [f]
+    [s]
   );
-  return /* @__PURE__ */ U.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: M, children: /* @__PURE__ */ U.jsx(
-    we,
+  return /* @__PURE__ */ F.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: O, children: /* @__PURE__ */ F.jsx(
+    Oe,
     {
-      onChange: (d, u) => {
-        m.current = { yaml: d ?? "", revisionId: u.versionId }, i({ ...m.current }, u);
+      onChange: (P, p) => {
+        N.current = { yaml: P ?? "", revisionId: p.versionId }, a({ ...N.current }, p);
       },
       language: "yaml",
-      theme: S,
-      options: z,
-      path: We(I),
-      onMount: P
+      theme: z,
+      options: d,
+      path: M,
+      onMount: E
     }
   ) });
 };
 export {
-  zr as BlameEditor,
-  Rr as CodeDiffEditor,
-  Fr as CodeEditor,
+  Hr as BlameEditor,
+  Br as CodeDiffEditor,
+  qr as CodeEditor,
   ve as MonacoGlobals,
-  Fe as SelectorType,
-  Br as YamlEditor,
+  ze as SelectorType,
+  Kr as YamlEditor,
   Be as YamlEditorContext,
-  qr as YamlEditorContextProvider,
-  He as useYamlEditorContext
+  Wr as YamlEditorContextProvider,
+  We as useYamlEditorContext
 };
 //# sourceMappingURL=index.js.map