@harnessio/yaml-editor 0.19.0 → 0.21.0

package/dist/index.js

@@ -1,23 +1,23 @@
 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 K, { memo as ye, useState as U, useRef as g, useCallback as G, useEffect as L, useMemo as F, useLayoutEffect as Je, createContext as Qe, useContext as Xe } from "react";
 import * as z from "monaco-editor";
-import { languages as ge, Uri as Xe } from "monaco-editor";
+import { languages as ge, Uri as et } from "monaco-editor";
 import { yamlDefaults as be } from "monaco-yaml";
-var Ne = { exports: {} }, ne = {};
+var De = { exports: {} }, ne = {};
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var Ee = Object.getOwnPropertySymbols, et = Object.prototype.hasOwnProperty, tt = Object.prototype.propertyIsEnumerable;
-function rt(e) {
+var Ee = Object.getOwnPropertySymbols, tt = Object.prototype.hasOwnProperty, rt = Object.prototype.propertyIsEnumerable;
+function nt(e) {
   if (e == null)
     throw new TypeError("Object.assign cannot be called with null or undefined");
   return Object(e);
 }
-function nt() {
+function ot() {
   try {
     if (!Object.assign)
       return !1;
@@ -39,7 +39,7 @@ function nt() {
     return !1;
   }
 }
-nt();
+ot();
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -48,28 +48,28 @@ 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 it = 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 };
+var at = it.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, ct = Object.prototype.hasOwnProperty, ut = { 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)
-    at.call(t, n) && !ct.hasOwnProperty(n) && (o[n] = t[n]);
+    ct.call(t, n) && !ut.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: Te, type: e, key: i, ref: a, props: o, _owner: it.current };
+  return { $$typeof: Ne, type: e, key: i, ref: a, props: o, _owner: at.current };
 }
 ne.jsx = ke;
 ne.jsxs = ke;
-Ne.exports = ne;
-var F = Ne.exports;
-function ut(e, t, r) {
+De.exports = ne;
+var R = De.exports;
+function st(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -91,14 +91,14 @@ function Ce(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) {
-      ut(e, n, r[n]);
+      st(e, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : xe(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function st(e, t) {
+function lt(e, t) {
   if (e == null)
     return {};
   var r = {}, n = Object.keys(e), o, i;
@@ -106,10 +106,10 @@ function st(e, t) {
     o = n[i], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
   return r;
 }
-function lt(e, t) {
+function dt(e, t) {
   if (e == null)
     return {};
-  var r = st(e, t), n, o;
+  var r = lt(e, t), n, o;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
     for (o = 0; o < i.length; o++)
@@ -117,21 +117,21 @@ function lt(e, t) {
   }
   return r;
 }
-function dt(e, t) {
-  return ft(e) || pt(e, t) || mt(e, t) || ht();
+function ft(e, t) {
+  return pt(e) || mt(e, t) || ht(e, t) || gt();
 }
-function ft(e) {
+function pt(e) {
   if (Array.isArray(e))
     return e;
 }
-function pt(e, t) {
+function mt(e, t) {
   if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(e)))) {
     var r = [], n = !0, o = !1, i = void 0;
     try {
       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, i = l;
+    } catch (d) {
+      o = !0, i = d;
     } finally {
       try {
         !n && a.return != null && a.return();
@@ -143,7 +143,7 @@ function pt(e, t) {
     return r;
   }
 }
-function mt(e, t) {
+function ht(e, t) {
   if (e) {
     if (typeof e == "string")
       return $e(e, t);
@@ -160,11 +160,11 @@ function $e(e, t) {
     n[r] = e[r];
   return n;
 }
-function ht() {
+function gt() {
   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 gt(e, t, r) {
+function vt(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -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,18 +182,18 @@ 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) {
-      gt(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Le(Object(r)).forEach(function(n) {
+    t % 2 ? Ie(Object(r), !0).forEach(function(n) {
+      vt(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));
     });
   }
   return e;
 }
-function vt() {
+function yt() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
   return function(n) {
@@ -207,8 +207,8 @@ function X(e) {
     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 a = arguments.length, u = new Array(a), l = 0; l < a; l++)
-        u[l] = arguments[l];
+      for (var a = arguments.length, u = new Array(a), d = 0; d < a; d++)
+        u[d] = arguments[d];
       return t.apply(r, [].concat(o, u));
     };
   };
@@ -216,35 +216,35 @@ 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 wt(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;
+  return ce(t) || B("changeType"), Object.keys(t).some(function(r) {
+    return !wt(e, r);
+  }) && B("changeField"), t;
 }
-function wt(e) {
-  re(e) || H("selectorType");
+function Mt(e) {
+  re(e) || B("selectorType");
 }
 function St(e) {
-  re(e) || ce(e) || H("handlerType"), ce(e) && Object.values(e).some(function(t) {
+  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 jt(e) {
+  e || B("initialIsRequired"), ce(e) || B("initialType"), bt(e) && B("initialContent");
 }
-function jt(e, t) {
+function Et(e, t) {
   throw new Error(e[t] || e.default);
 }
-var Et = {
+var Pt = {
   initialIsRequired: "initial state is required",
   initialType: "initial state should be an object",
   initialContent: "initial state shouldn't be an empty object",
@@ -254,44 +254,44 @@ 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 = {
+}, B = X(Et)(Pt), ie = {
   changes: Ot,
-  selector: wt,
+  selector: Mt,
   handler: St,
-  initial: Mt
+  initial: jt
 };
-function Pt(e) {
+function xt(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   ie.initial(e), ie.handler(t);
   var r = {
     current: e
-  }, n = X($t)(r, t), o = X(Ct)(r), i = X(ie.changes)(e), a = X(xt)(r);
+  }, n = X(It)(r, t), o = X($t)(r), i = X(ie.changes)(e), a = X(Ct)(r);
   function u() {
-    var s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(h) {
-      return h;
+    var f = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(v) {
+      return v;
     };
-    return ie.selector(s), s(r.current);
+    return ie.selector(f), f(r.current);
   }
-  function l(s) {
-    vt(n, o, i, a)(s);
+  function d(f) {
+    yt(n, o, i, a)(f);
   }
-  return [u, l];
+  return [u, d];
 }
-function xt(e, t) {
+function Ct(e, t) {
   return re(t) ? t(e.current) : t;
 }
-function Ct(e, t) {
-  return e.current = Ie(Ie({}, e.current), t), t;
+function $t(e, t) {
+  return e.current = Le(Le({}, e.current), t), t;
 }
-function $t(e, t, r) {
+function It(e, t, r) {
   return re(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
     var o;
     return (o = t[n]) === null || o === void 0 ? void 0 : o.call(t, e.current[n]);
   }), r;
 }
 var Lt = {
-  create: Pt
-}, It = {
+  create: xt
+}, Tt = {
   paths: {
     vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs"
   }
@@ -301,8 +301,8 @@ function Dt(e) {
     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 a = arguments.length, u = new Array(a), l = 0; l < a; l++)
-        u[l] = arguments[l];
+      for (var a = arguments.length, u = new Array(a), d = 0; d < a; d++)
+        u[d] = arguments[d];
       return t.apply(r, [].concat(o, u));
     };
   };
@@ -310,17 +310,17 @@ function Dt(e) {
 function Nt(e) {
   return {}.toString.call(e).includes("Object");
 }
-function Tt(e) {
-  return e || De("configIsRequired"), Nt(e) || De("configType"), e.urls ? (kt(), {
+function kt(e) {
+  return e || Te("configIsRequired"), Nt(e) || Te("configType"), e.urls ? (At(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
-function kt() {
+function At() {
   console.warn(Ae.deprecation);
 }
-function At(e, t) {
+function Vt(e, t) {
   throw new Error(e[t] || e.default);
 }
 var Ae = {
@@ -337,9 +337,9 @@ var Ae = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, De = Dt(At)(Ae), Vt = {
-  config: Tt
-}, _t = function() {
+}, Te = Dt(Vt)(Ae), _t = {
+  config: kt
+}, Ut = function() {
   for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
     r[n] = arguments[n];
   return function(o) {
@@ -353,14 +353,14 @@ function Ve(e, t) {
     t[r] instanceof Object && e[r] && Object.assign(t[r], Ve(e[r], t[r]));
   }), Ce(Ce({}, e), t);
 }
-var Ut = {
+var Rt = {
   type: "cancelation",
   msg: "operation is manually canceled"
 };
 function fe(e) {
   var t = !1, r = new Promise(function(n, o) {
     e.then(function(i) {
-      return t ? o(Ut) : n(i);
+      return t ? o(Rt) : n(i);
     }), e.catch(o);
   });
   return r.cancel = function() {
@@ -368,14 +368,14 @@ function fe(e) {
   }, r;
 }
 var Ft = Lt.create({
-  config: It,
+  config: Tt,
   isInitialized: !1,
   resolve: null,
   reject: null,
   monaco: null
-}), _e = dt(Ft, 2), oe = _e[0], ue = _e[1];
+}), _e = ft(Ft, 2), oe = _e[0], ue = _e[1];
 function zt(e) {
-  var t = Vt.config(e), r = t.monaco, n = lt(t, ["monaco"]);
+  var t = _t.config(e), r = t.monaco, n = dt(t, ["monaco"]);
   ue(function(o) {
     return {
       config: Ve(o.config, n),
@@ -383,7 +383,7 @@ function zt(e) {
     };
   });
 }
-function Rt() {
+function Ht() {
   var e = oe(function(t) {
     var r = t.monaco, n = t.isInitialized, o = t.resolve;
     return {
@@ -399,7 +399,7 @@ 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);
+    Ut(qt, Wt)(Kt);
   }
   return fe(pe);
 }
@@ -410,7 +410,7 @@ function Bt(e) {
   var t = document.createElement("script");
   return e && (t.src = e), t;
 }
-function Ht(e) {
+function Wt(e) {
   var t = oe(function(n) {
     var o = n.config, i = n.reject;
     return {
@@ -422,7 +422,7 @@ function Ht(e) {
     return e();
   }, r.onerror = t.reject, r;
 }
-function Wt() {
+function Kt() {
   var e = oe(function(r) {
     var n = r.config, o = r.resolve, i = r.reject;
     return {
@@ -442,7 +442,7 @@ function Ue(e) {
     monaco: e
   });
 }
-function Kt() {
+function Yt() {
   return oe(function(e) {
     var t = e.monaco;
     return t;
@@ -455,164 +455,164 @@ var pe = new Promise(function(e, t) {
   });
 }), W = {
   config: zt,
-  init: Rt,
-  __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 }) {
-  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: 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);
-function rr(e) {
+  init: Ht,
+  __getMonacoInstance: Yt
+}, Zt = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, me = Zt, Gt = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Jt = Gt;
+function Qt({ children: e }) {
+  return K.createElement("div", { style: Jt.container }, e);
+}
+var Xt = Qt, er = Xt;
+function tr({ 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(er, null, n), K.createElement("div", { ref: o, style: { ...me.fullWidth, ...!r && me.hide }, className: i }));
+}
+var rr = tr, Re = ye(rr);
+function nr(e) {
   L(e, []);
 }
-var Oe = rr;
-function nr(e, t, r = !0) {
-  let n = O(!0);
+var we = nr;
+function or(e, t, r = !0) {
+  let n = g(!0);
   L(n.current || !r ? () => {
     n.current = !1;
   } : e, t);
 }
-var U = nr;
+var _ = or;
 function ee() {
 }
 function Z(e, t, r, n) {
-  return or(e, n) || ir(e, t, r, n);
+  return ir(e, n) || ar(e, t, r, n);
 }
-function or(e, t) {
-  return e.editor.getModel(ze(e, t));
+function ir(e, t) {
+  return e.editor.getModel(Fe(e, t));
 }
-function ir(e, t, r, n) {
-  return e.editor.createModel(t, r, n ? ze(e, n) : void 0);
+function ar(e, t, r, n) {
+  return e.editor.createModel(t, r, n ? Fe(e, n) : void 0);
 }
-function ze(e, t) {
+function Fe(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 cr({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: u = !1, keepCurrentModifiedModel: d = !1, theme: f = "light", loading: v = "Loading...", options: s = {}, height: m = "100%", width: C = "100%", className: h, wrapperProps: A = {}, beforeMount: $ = ee, onMount: w = ee }) {
+  let [y, D] = U(!1), [P, O] = U(!0), S = g(null), j = g(null), H = g(null), T = g(w), l = g($), E = g(!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();
-  }), 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);
+    return c.then((p) => (j.current = p) && O(!1)).catch((p) => (p == null ? void 0 : p.type) !== "cancelation" && console.error("Monaco initialization: error:", p)), () => S.current ? N() : c.cancel();
+  }), _(() => {
+    if (S.current && j.current) {
+      let c = S.current.getOriginalEditor(), p = Z(j.current, e || "", n || r || "text", i || "");
+      p !== c.getModel() && c.setModel(p);
     }
-  }, [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);
+  }, [i], y), _(() => {
+    if (S.current && j.current) {
+      let c = S.current.getModifiedEditor(), p = Z(j.current, t || "", o || r || "text", a || "");
+      p !== c.getModel() && c.setModel(p);
     }
-  }, [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 || "");
-  }, [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");
-  }, [r, n, o], v), U(() => {
+  }, [a], y), _(() => {
+    let c = S.current.getModifiedEditor();
+    c.getOption(j.current.editor.EditorOption.readOnly) ? c.setValue(t || "") : t !== c.getValue() && (c.executeEdits("", [{ range: c.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), c.pushUndoStop());
+  }, [t], y), _(() => {
+    var c, p;
+    (p = (c = S.current) == null ? void 0 : c.getModel()) == null || p.original.setValue(e || "");
+  }, [e], y), _(() => {
+    let { original: c, modified: p } = S.current.getModel();
+    j.current.editor.setModelLanguage(c, n || r || "text"), j.current.editor.setModelLanguage(p, o || r || "text");
+  }, [r, n, o], y), _(() => {
     var c;
-    (c = E.current) == null || c.editor.setTheme(s);
-  }, [s], v), U(() => {
+    (c = j.current) == null || c.editor.setTheme(f);
+  }, [f], y), _(() => {
     var c;
-    (c = j.current) == null || c.updateOptions(f);
-  }, [f], v);
-  let p = G(() => {
-    var A;
-    if (!E.current)
+    (c = S.current) == null || c.updateOptions(s);
+  }, [s], y);
+  let x = G(() => {
+    var k;
+    if (!j.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(() => {
+    l.current(j.current);
+    let c = Z(j.current, e || "", n || r || "text", i || ""), p = Z(j.current, t || "", o || r || "text", a || "");
+    (k = S.current) == null || k.setModel({ original: c, modified: p });
+  }, [r, t, o, e, n, i, a]), M = 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);
-  }, [f, s, p]);
+    !E.current && H.current && (S.current = j.current.editor.createDiffEditor(H.current, { automaticLayout: !0, ...s }), x(), (c = j.current) == null || c.editor.setTheme(f), D(!0), E.current = !0);
+  }, [s, f, x]);
   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();
+    y && T.current(S.current, j.current);
+  }, [y]), L(() => {
+    !P && !y && M();
+  }, [P, y, M]);
+  function N() {
+    var p, k, q, J;
+    let c = (p = S.current) == null ? void 0 : p.getModel();
+    u || ((k = c == null ? void 0 : c.original) == null || k.dispose()), d || ((q = c == null ? void 0 : c.modified) == null || q.dispose()), (J = S.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(Re, { width: C, height: m, isEditorReady: y, loading: v, _ref: H, className: h, wrapperProps: A });
 }
-var cr = ar, ur = ye(cr);
-function sr() {
-  let [e, t] = V(W.__getMonacoInstance());
-  return Oe(() => {
+var ur = cr, sr = ye(ur);
+function lr() {
+  let [e, t] = U(W.__getMonacoInstance());
+  return we(() => {
     let r;
     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 = O();
+var se = lr;
+function dr(e) {
+  let t = g();
   return L(() => {
     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(() => {
+var fr = dr, ae = /* @__PURE__ */ new Map();
+function pr({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: u, loading: d = "Loading...", options: f = {}, overrideServices: v = {}, saveViewState: s = !0, keepCurrentModel: m = !1, width: C = "100%", height: h = "100%", className: A, wrapperProps: $ = {}, beforeMount: w = ee, onMount: y = ee, onChange: D, onValidate: P = ee }) {
+  let [O, S] = U(!1), [j, H] = U(!0), T = g(null), l = g(null), E = g(null), x = g(y), M = g(w), N = g(), c = g(n), p = fr(i), k = g(!1), q = g(!1);
+  we(() => {
     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();
-  }), 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(() => {
+    return b.then((I) => (T.current = I) && H(!1)).catch((I) => (I == null ? void 0 : I.type) !== "cancelation" && console.error("Monaco initialization: error:", I)), () => l.current ? Ye() : b.cancel();
+  }), _(() => {
+    var I, V, Q, Y;
+    let b = Z(T.current, e || n || "", t || o || "", i || r || "");
+    b !== ((I = l.current) == null ? void 0 : I.getModel()) && (s && ae.set(p, (V = l.current) == null ? void 0 : V.saveViewState()), (Q = l.current) == null || Q.setModel(b), s && ((Y = l.current) == null || Y.restoreViewState(ae.get(i))));
+  }, [i], O), _(() => {
     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(() => {
-    var $, _;
-    let b = ($ = d.current) == null ? void 0 : $.getModel();
-    b && o && ((_ = S.current) == null || _.editor.setModelLanguage(b, o));
-  }, [o], M), U(() => {
+    (b = l.current) == null || b.updateOptions(f);
+  }, [f], O), _(() => {
+    !l.current || n === void 0 || (l.current.getOption(T.current.editor.EditorOption.readOnly) ? l.current.setValue(n) : n !== l.current.getValue() && (q.current = !0, l.current.executeEdits("", [{ range: l.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), l.current.pushUndoStop(), q.current = !1));
+  }, [n], O), _(() => {
+    var I, V;
+    let b = (I = l.current) == null ? void 0 : I.getModel();
+    b && o && ((V = T.current) == null || V.editor.setModelLanguage(b, o));
+  }, [o], O), _(() => {
     var b;
-    u !== void 0 && ((b = d.current) == null || b.revealLine(u));
-  }, [u], M), U(() => {
+    u !== void 0 && ((b = l.current) == null || b.revealLine(u));
+  }, [u], O), _(() => {
     var b;
-    (b = S.current) == null || b.editor.setTheme(a);
-  }, [a], M);
+    (b = T.current) == null || b.editor.setTheme(a);
+  }, [a], O);
   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;
+    if (!(!E.current || !T.current) && !k.current) {
+      M.current(T.current);
+      let I = i || r, V = Z(T.current, n || e || "", t || o || "", I || "");
+      l.current = (b = T.current) == null ? void 0 : b.editor.create(E.current, { model: V, automaticLayout: !0, ...f }, v), s && l.current.restoreViewState(ae.get(I)), T.current.editor.setTheme(a), u !== void 0 && l.current.revealLine(u), S(!0), k.current = !0;
     }
-  }, [e, t, r, n, o, i, s, h, f, a, u]);
+  }, [e, t, r, n, o, i, f, v, s, 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(), _);
+    O && x.current(l.current, T.current);
+  }, [O]), L(() => {
+    !j && !O && J();
+  }, [j, O, J]), c.current = n, L(() => {
+    var b, I;
+    O && D && ((b = N.current) == null || b.dispose(), N.current = (I = l.current) == null ? void 0 : I.onDidChangeModelContent((V) => {
+      q.current || D(l.current.getValue(), V);
     }));
-  }, [M, T]), L(() => {
-    if (M) {
-      let b = S.current.editor.onDidChangeMarkers(($) => {
+  }, [O, D]), L(() => {
+    if (O) {
+      let b = T.current.editor.onDidChangeMarkers((I) => {
         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: _ });
-          x == null || x(Y);
+        let V = (Q = l.current.getModel()) == null ? void 0 : Q.uri;
+        if (V && I.find((Y) => Y.path === V.path)) {
+          let Y = T.current.editor.getModelMarkers({ resource: V });
+          P == null || P(Y);
         }
       });
       return () => {
@@ -621,14 +621,14 @@ function fr({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, lan
     }
     return () => {
     };
-  }, [M, x]);
+  }, [O, P]);
   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 b, I;
+    (b = N.current) == null || b.dispose(), m ? s && ae.set(i, l.current.saveViewState()) : (I = l.current.getModel()) == null || I.dispose(), l.current.dispose();
   }
-  return K.createElement(Fe, { width: I, height: g, isEditorReady: M, loading: l, _ref: P, className: k, wrapperProps: C });
+  return K.createElement(Re, { width: C, height: h, isEditorReady: O, loading: d, _ref: E, className: A, wrapperProps: $ });
 }
-var pr = fr, mr = ye(pr), we = mr;
+var mr = pr, hr = ye(mr), Oe = hr;
 const le = {
   selectOnLineNumbers: !0,
   scrollBeyondLastLine: !1,
@@ -651,27 +651,49 @@ const le = {
   renderLineHighlight: "none",
   automaticLayout: !0
 }, de = (e) => {
-  const { themeConfig: t, editor: r, theme: n } = e, { defaultTheme: o } = t ?? {}, [i, a] = V(n ?? o ?? "vs-dark");
+  const { themeConfig: t, editor: r, theme: n } = e, { defaultTheme: o } = t ?? {}, [i, a] = U(n ?? o ?? "vs-dark");
   return L(() => {
     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((d) => {
+      z.editor.defineTheme(d.themeName, d.themeData);
     });
   }, [z]), L(() => {
     z.editor && n && (z.editor.setTheme(n), a(n));
   }, [r, n]), { theme: i };
 };
-function hr(e) {
+function gr(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 gr(e) {
+function vr(e) {
   return e.replace("'", "&#39;");
 }
-function vr({
+const yr = (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 yr(o);
+};
+function wr({
   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 Or({
   instanceId: e,
   blameData: t,
   dateWidth: r,
@@ -712,16 +734,16 @@ 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}');` : "";
+    var f, v, s, m, C, h, A, $;
+    const a = (v = (f = i == null ? void 0 : i.commitInfo) == null ? void 0 : f.author) == null ? void 0 : v.avatarUrl, u = (m = (s = i == null ? void 0 : i.commitInfo) == null ? void 0 : s.author) == null ? void 0 : m.initials, d = a ? `background: url('${(h = (C = i == null ? void 0 : i.commitInfo) == null ? void 0 : C.author) == null ? void 0 : h.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) || "")}';
+            content: '${vr(br((($ = (A = i == null ? void 0 : i.commitInfo) == null ? void 0 : A.author) == null ? void 0 : $.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 {
@@ -730,14 +752,14 @@ function yr({
             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}
+            ${d}
             background-size: 100% 100%;
           }` : o += `
           .monaco-editor-${e} .view-line .blame-editor-commit-${w}:before {
@@ -748,12 +770,12 @@ function yr({
           }`;
   }), o;
 }
-function br(e, t) {
+function Mr(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 = {
+const he = 450, Sr = 30, jr = 140, Er = 24, Pr = {
   ...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 qr({
   code: e,
   language: t,
   themeConfig: r,
@@ -773,141 +795,142 @@ function zr({
   showSeparators: i = !0,
   theme: a,
   height: u = "75vh",
-  options: l
+  options: d,
+  className: f
 }) {
-  const s = O(o), h = O(hr(5));
+  const v = g(o), s = g(null), m = g(gr(5));
   se();
-  const [f, m] = V(), [I, g] = V(0), k = O(null), C = O(null);
+  const [C, h] = U(), A = g(null), $ = g(null);
   L(() => {
-    s.current = o;
+    v.current = o;
   }, [o]);
   function w() {
-    const S = C.current, d = k.current;
-    if (!S || !d)
+    const l = $.current, E = A.current;
+    if (!l || !E)
       return;
-    i && S.changeViewZones(function(p) {
-      p.addZone({
+    i && l.changeViewZones(function(M) {
+      M.addZone({
         afterLineNumber: 0,
         heightInPx: 10,
         domNode: document.createElement("div")
-      }), s.current.forEach((N, D) => {
-        if (D !== 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({
+      }), v.current.forEach((N, c) => {
+        if (c !== v.current.length - 1) {
+          const p = document.createElement("div");
+          p.style.borderTop = "1px solid var(--cn-border-2)", p.style.marginTop = "9px", p.className = "blame-editor-separator", M.addZone({
             afterLineNumber: N.toLineNumber,
             heightInPx: 20,
-            domNode: c
+            domNode: p
           });
         }
       });
     });
-    const P = [];
-    s.current.forEach((p) => {
+    const x = [];
+    v.current.forEach((M) => {
       var N;
-      for (let D = p.fromLineNumber; D <= p.toLineNumber; D++)
-        P.push({
-          range: new d.Range(D, 0, D + 1, 0),
+      for (let c = M.fromLineNumber; c <= M.toLineNumber; c++)
+        x.push({
+          range: new E.Range(c, 0, c + 1, 0),
           options: {
             before: {
-              content: br(
-                D === p.fromLineNumber && ((N = p == null ? void 0 : p.commitInfo) == null ? void 0 : N.title) || "",
-                Or
+              content: Mr(
+                c === M.fromLineNumber && ((N = M == null ? void 0 : M.commitInfo) == null ? void 0 : N.title) || "",
+                Sr
               ),
-              cursorStops: d.editor.InjectedTextCursorStops.None,
-              inlineClassName: `blame-editor-commit blame-editor-commit-${D}`
+              cursorStops: E.editor.InjectedTextCursorStops.None,
+              inlineClassName: `blame-editor-commit blame-editor-commit-${c}`
             }
           }
         });
-    }), S.createDecorationsCollection(P);
+    }), l.createDecorationsCollection(x);
   }
-  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 y(l, E) {
+    var x, M, N, c, p, k;
+    $.current = l, A.current = E, l.setValue(e), h(l), (N = (M = (x = E.languages.typescript) == null ? void 0 : x.typescriptDefaults) == null ? void 0 : M.setDiagnosticsOptions) == null || N.call(M, {
       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, {
+    }), (k = (p = (c = E.languages.typescript) == null ? void 0 : c.javascriptDefaults) == null ? void 0 : p.setDiagnosticsOptions) == null || k.call(p, {
       noSuggestionDiagnostics: !0,
       noSyntaxValidation: !0,
       noSemanticValidation: !0
     }), w();
   }
   L(() => {
-    f == null || f.setValue(e);
+    C == null || C.setValue(e);
   }, [e]);
-  const { theme: T } = de({ monacoRef: k, themeConfig: r, editor: f, theme: a }), x = B(
-    () => vr({
-      instanceId: h.current,
+  const { theme: D } = de({ monacoRef: A, themeConfig: r, editor: C, theme: a }), P = F(
+    () => wr({
+      instanceId: m.current,
       lineNumbersPosition: n
     }),
     [o]
-  ), M = B(
-    () => yr({
-      instanceId: h.current,
+  ), O = F(
+    () => Or({
+      instanceId: m.current,
       blameData: o,
-      avatarSize: Sr,
-      dateWidth: wr
+      avatarSize: Er,
+      dateWidth: jr
     }),
     [o]
   );
-  L(() => {
-    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);
-            g(c);
-          }
-        }, p = new MutationObserver(P);
-        return p.observe(S, d), () => {
-          p.disconnect();
+  Je(() => {
+    s.current && s.current.style.setProperty("--line-number-display", "none");
+  }, []), L(() => {
+    if (n === "center" && s.current) {
+      const l = s.current.getElementsByClassName("lines-content")[0];
+      if (l) {
+        const E = { attributes: !0 }, x = () => {
+          const N = parseInt(getComputedStyle(l).left);
+          s.current && (s.current.style.setProperty("--line-number-offset", `${he + 16 + N}px`), s.current.style.setProperty("--line-number-display", "block"));
+        }, M = new MutationObserver(x);
+        return M.observe(l, E), x(), () => {
+          M.disconnect();
         };
       }
     }
   });
-  const j = B(() => `
-      .monaco-editor-${h.current} .margin {
-        left: ${he + 16 + I}px !important;
+  const S = F(() => `
+      .monaco-editor-${m.current} .margin {
+        display: var(--line-number-display);
+        left: var(--line-number-offset);
         pointer-events: none;
-      }`, [I]), E = `
-   .monaco-editor-${h.current} .view-overlays {
+      }`, []), j = F(() => `.monaco-editor-${m.current} .view-overlays {
     clip-path: polygon(${he + 16}px 0, 100% 0%, 100% 100%, ${he + 16}px 100%);
     height:100% !important;
-   }`, R = B(
+   }`, []), H = F(
     () => ({
-      ...Mr,
-      ...l
+      ...Pr,
+      ...d
     }),
-    [l]
-  );
-  return /* @__PURE__ */ F.jsxs(F.Fragment, { children: [
-    /* @__PURE__ */ F.jsx(
-      "style",
-      {
-        dangerouslySetInnerHTML: {
-          __html: `${x} ${M} ${j} ${E}`
-        }
+    [d]
+  ), T = F(() => /* @__PURE__ */ R.jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: `${P} ${O} ${S} ${j}`
       }
-    ),
-    /* @__PURE__ */ F.jsx(
-      we,
+    }
+  ), [P, O, j, S]);
+  return /* @__PURE__ */ R.jsxs("div", { className: f, ref: s, children: [
+    T,
+    /* @__PURE__ */ R.jsx(
+      Oe,
       {
-        className: `monaco-editor-${h.current} overflow-hidden rounded-b-md border-x border-b`,
+        className: `monaco-editor-${m.current} overflow-hidden rounded-b-md border-x border-b`,
         height: u,
         language: t,
-        theme: T,
-        options: R,
-        onMount: v
+        theme: D,
+        options: H,
+        onMount: y
       }
     )
   ] });
 }
 W.config({ monaco: z });
-const jr = {
+const xr = {
   ...le
 };
-function Rr({
+function Br({
   codeRevision: e,
   onCodeRevisionChange: t,
   language: r,
@@ -918,14 +941,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 [d, f] = U(), v = g(), s = g({ code: "", revisionId: 0 }), m = g(null), C = G(
+    ($, w) => {
+      var y, D, P, O, S, j;
+      m.current = $, v.current = w, $.setValue(e.code), f($), (P = (D = (y = w.languages.typescript) == null ? void 0 : y.typescriptDefaults) == null ? void 0 : D.setDiagnosticsOptions) == null || P.call(D, {
         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, {
+      }), (j = (S = (O = w.languages.typescript) == null ? void 0 : O.javascriptDefaults) == null ? void 0 : S.setDiagnosticsOptions) == null || j.call(S, {
         noSuggestionDiagnostics: !0,
         noSyntaxValidation: !0,
         noSemanticValidation: !0
@@ -934,35 +957,35 @@ function Rr({
     [e.code]
   );
   L(() => {
-    var C, w;
-    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", [
+    var $, w;
+    if (m.current && (!e.revisionId || e.revisionId > Number(($ = s.current) == null ? void 0 : $.revisionId))) {
+      const y = m.current.getModel();
+      y && (o != null && o.readOnly ? (w = m.current) == null || w.setValue(e.code) : (m.current.pushUndoStop(), m.current.executeEdits("edit", [
         {
-          range: v.getFullModelRange(),
+          range: y.getFullModelRange(),
           text: e.code
         }
       ]), m.current.pushUndoStop()));
     }
   }, [e, m.current]);
-  const { theme: g } = de({ monacoRef: h, themeConfig: n, editor: l, theme: i }), k = B(() => ({ ...jr, ...o || {} }), [o]);
-  return /* @__PURE__ */ F.jsx(F.Fragment, { children: /* @__PURE__ */ F.jsx(
-    we,
+  const { theme: h } = de({ monacoRef: v, themeConfig: n, editor: d, theme: i }), A = F(() => ({ ...xr, ...o || {} }), [o]);
+  return /* @__PURE__ */ R.jsx(R.Fragment, { children: /* @__PURE__ */ R.jsx(
+    Oe,
     {
       className: u,
       height: a,
-      onChange: (C, w) => {
-        f.current = { code: C ?? "", revisionId: w.versionId }, t({ ...f.current }, w);
+      onChange: ($, w) => {
+        s.current = { code: $ ?? "", revisionId: w.versionId }, t({ ...s.current }, w);
       },
       language: r,
-      theme: g,
-      options: k,
-      onMount: I
+      theme: h,
+      options: A,
+      onMount: C
     }
   ) });
 }
 W.config({ monaco: z });
-const Er = {
+const Cr = {
   ...le,
   codeLens: !1,
   smartSelect: {
@@ -971,7 +994,7 @@ const Er = {
   originalEditable: !1,
   overviewRulerBorder: !1
 };
-function qr({
+function Wr({
   original: e,
   modified: t,
   language: r,
@@ -981,54 +1004,54 @@ 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]);
-  return /* @__PURE__ */ F.jsx(F.Fragment, { children: /* @__PURE__ */ F.jsx(
-    ur,
+  const [u, d] = U(), f = g(), { theme: v } = de({ monacoRef: f, themeConfig: n, editor: u, theme: i }), s = F(() => ({ ...Cr, ...o || {} }), [o]);
+  return /* @__PURE__ */ R.jsx(R.Fragment, { children: /* @__PURE__ */ R.jsx(
+    sr,
     {
       className: "overflow-hidden rounded-b-md border-x border-b",
       language: r,
-      theme: h,
+      theme: v,
       original: e,
       modified: t,
       height: a,
-      options: f,
-      onMount: l
+      options: s,
+      onMount: d
     }
   ) });
 }
-var Re = /* @__PURE__ */ ((e) => (e.ContainsPath = "ContainsPath", e))(Re || {});
-function Pr(e) {
+var ze = /* @__PURE__ */ ((e) => (e.ContainsPath = "ContainsPath", e))(ze || {});
+function $r(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: {
-          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, w = C.range;
-              u.forEach((v) => {
-                const T = {
+    a.selectors.forEach((f) => {
+      switch (f.type) {
+        case ze.ContainsPath: {
+          f.paths.forEach((v) => {
+            let m = Object.keys(o).map((h) => ({
+              fullPath: h,
+              path: h,
+              symbol: o[h]
+            })).filter((h) => h.path.startsWith(f.basePath));
+            m = m.map((h) => ({
+              ...h,
+              path: h.path.substring(f.basePath.length)
+            })), m.filter((h) => v.test(h.path)).forEach((h) => {
+              const A = h.fullPath, $ = h.symbol, w = $.range;
+              u.forEach((y) => {
+                const D = {
                   range: w,
-                  symbols: [C],
-                  onClick: v.onClick,
-                  data: v.data,
-                  path: k
+                  symbols: [$],
+                  onClick: y.onClick,
+                  data: y.data,
+                  path: A
                 };
                 i.push({
                   range: w,
                   command: {
                     id: n,
-                    title: v.title,
-                    arguments: [T]
+                    title: y.title,
+                    arguments: [D]
                   }
                 });
               });
@@ -1050,38 +1073,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);
+      Ir(e);
       break;
     }
     case ge.SymbolKind.Array: {
-      Cr(e);
+      Lr(e);
       break;
     }
     default:
-      $r(e);
+      Tr(e);
   }
 }
-function xr(e) {
+function Ir(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 +1112,11 @@ function xr(e) {
     });
   });
 }
-function Cr(e) {
+function Lr(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,40 +1124,40 @@ function Cr(e) {
     });
   });
 }
-function $r(e) {
+function Tr(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 Dr({
   editorRef: e,
   inlineActions: t
 }) {
   L(() => z.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 });
+      var d;
+      const o = await He(n), i = qe(o), a = (d = e == null ? void 0 : e.current) == null ? void 0 : d.addCommand(0, (f, { onClick: v, path: s, range: m, data: C }) => {
+        v({ path: s, range: m, data: C });
       });
       return a ? {
-        lenses: Pr({ pathSymbolMap: i, inlineActions: t, commandId: a }),
+        lenses: $r({ 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 Nr = ({ editorRef: e, selection: t }) => {
+  const [r, n] = U(), o = F(
     () => async (i, a, u) => {
-      var m, I, g;
-      const l = (m = e == null ? void 0 : e.current) == null ? void 0 : m.getModel();
-      if (!l || !a)
+      var m, C, h;
+      const d = (m = e == null ? void 0 : e.current) == null ? void 0 : m.getModel();
+      if (!d || !a)
         return n(void 0);
-      const s = await qe(l), f = (I = Be(s).get(a)) == null ? void 0 : I.range;
-      f && (n(f), u && ((g = e == null ? void 0 : e.current) == null || g.revealLineInCenter(f.startLineNumber)));
+      const f = await He(d), s = (C = qe(f).get(a)) == null ? void 0 : C.range;
+      s && (n(s), u && ((h = e == null ? void 0 : e.current) == null || h.revealLineInCenter(s.startLineNumber)));
     },
     []
   );
@@ -1166,7 +1189,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 = Qe({
   markers: [],
   setMarkers: () => {
   },
@@ -1176,17 +1199,17 @@ const Ir = ({ editorRef: e, selection: t }) => {
   updateCursorPosition: (e) => {
   }
 });
-function Br({
+function Kr({
   children: e
 }) {
-  const [t, r] = V([]), [n, o] = V(null), i = G(
+  const [t, r] = U([]), [n, o] = U(null), i = G(
     (a) => {
       n == null || n.setPosition(a), n == null || n.revealLineInCenterIfOutsideViewport(a.lineNumber), n == null || n.focus();
     },
     [n]
   );
-  return /* @__PURE__ */ F.jsx(
-    He.Provider,
+  return /* @__PURE__ */ R.jsx(
+    Be.Provider,
     {
       value: {
         markers: t,
@@ -1200,23 +1223,23 @@ function Br({
   );
 }
 function We() {
-  return Qe(He);
+  return Xe(Be);
 }
-const Dr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
+const kr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
   const { setMarkers: n } = We();
   L(() => {
     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)
+      a && (o = a.onDidChangeMarkers((d) => {
+        var s;
+        const f = (s = t.current) == null ? void 0 : s.getModel();
+        if (!f)
           return;
-        const h = s.uri.toString();
-        if (l.some((m) => m.toString() === h)) {
-          const m = z.editor.getModelMarkers({ resource: s.uri });
+        const v = f.uri.toString();
+        if (d.some((m) => m.toString() === v)) {
+          const m = z.editor.getModelMarkers({ resource: f.uri });
           n(m);
         }
       }));
@@ -1226,14 +1249,14 @@ const Dr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
     };
   }, [e, r, n]);
 };
-function Nr(e) {
+function Ar(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]);
   r !== -1 ? t[r] = e : t.push(e), Ke(t);
 }
-function Tr(e) {
+function Vr(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 = be) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? []).filter((i) => i.fileMatch[0] !== Se(e));
   Ke(r);
 }
 function Ke(e) {
@@ -1246,23 +1269,23 @@ function Ke(e) {
   };
   be.setDiagnosticsOptions({ ...t });
 }
-const Me = (e) => Xe.parse(`file://${e}`).toString(), kr = (e) => {
+const Se = (e) => et.parse(`file://${e}`).toString(), _r = (e) => {
   const { schemaConfig: t, instanceId: r } = e;
   L(() => {
     if (t != null && t.schema)
-      return Nr({
-        fileMatch: [Me(r.toString())],
+      return Ar({
+        fileMatch: [Se(r.toString())],
         ...t
       }), () => {
-        Tr(r);
+        Vr(r);
       };
   }, [t == null ? void 0 : t.schema, r]);
 };
 W.config({ monaco: z });
-const Ar = {
+const Ur = {
   ...le,
   folding: !0
-}, Hr = function(t) {
+}, Yr = function(t) {
   const {
     yamlRevision: r,
     schemaConfig: n,
@@ -1270,86 +1293,86 @@ const Ar = {
     themeConfig: i,
     onYamlRevisionChange: a,
     selection: u,
-    theme: l,
-    options: s,
-    animateOnUpdate: h = !1,
-    onAnimateEnd: f,
+    theme: d,
+    options: f,
+    animateOnUpdate: v = !1,
+    onAnimateEnd: s,
     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(
-    (P) => {
-      var D, c, y;
-      const p = P.split(`
-`), N = (D = x.current) == null ? void 0 : D.getModel();
-      if (N) {
-        (c = x.current) == null || c.pushUndoStop(), N.setValue("");
-        let A = 0;
-        M.current = window.setInterval(() => {
+  } = t, C = se(), [h] = U(m ?? `yaml-editor-${Math.random()}`), { editor: A, setEditor: $ } = We(), w = g(null), y = g(), D = g({ yaml: "", revisionId: 0 }), P = g(null), O = g(null), S = G(
+    (E) => {
+      var N, c, p;
+      const x = E.split(`
+`), M = (N = P.current) == null ? void 0 : N.getModel();
+      if (M) {
+        (c = P.current) == null || c.pushUndoStop(), M.setValue("");
+        let k = 0;
+        O.current = window.setInterval(() => {
           var q;
-          A < p.length ? (I && ((q = x.current) == null || q.executeEdits("addLine", [
+          k < x.length ? (C && ((q = P.current) == null || q.executeEdits("addLine", [
             {
-              range: new I.Range(A + 1, 1, A + 1, 1),
-              text: p[A] + `
+              range: new C.Range(k + 1, 1, k + 1, 1),
+              text: x[k] + `
 `
             }
-          ])), A++) : M.current && (clearInterval(M.current), f == null || f());
-        }, 100), (y = x.current) == null || y.pushUndoStop();
+          ])), k++) : O.current && (clearInterval(O.current), s == null || s());
+        }, 100), (p = P.current) == null || p.pushUndoStop();
       }
     },
-    [I]
+    [C]
   );
   L(() => () => {
-    M.current && clearInterval(M.current);
+    O.current && clearInterval(O.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");
+  function j(E, x) {
+    P.current = E, y.current = x, E.setValue(r.yaml), $(E), setTimeout(() => {
+      var M;
+      (M = w.current) != null && M.style && (w.current.style.opacity = "1");
     }, 50);
   }
   L(() => {
-    var P;
-    if (x.current && (!r.revisionId || r.revisionId > Number((P = T.current) == null ? void 0 : P.revisionId))) {
-      const p = x.current.getModel();
-      p && (x.current.executeEdits("edit", [
+    var E;
+    if (P.current && (!r.revisionId || r.revisionId > Number((E = D.current) == null ? void 0 : E.revisionId))) {
+      const x = P.current.getModel();
+      x && (P.current.executeEdits("edit", [
         {
-          range: p.getFullModelRange(),
-          text: h ? "" : r.yaml
+          range: x.getFullModelRange(),
+          text: v ? "" : r.yaml
         }
-      ]), h && j(r.yaml));
+      ]), v && S(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(
+  }, [S, r, v]), _r({ schemaConfig: n, instanceId: h }), Dr({ editorRef: P, inlineActions: o });
+  const { theme: H } = de({ monacoRef: y, themeConfig: i, editor: A, theme: d });
+  kr({ monacoRef: y, editorRef: P, instanceId: h }), Nr({ editorRef: P, selection: u });
+  const T = F(() => Se(h), []), l = F(
     () => ({
-      ...Ar,
-      ...s
+      ...Ur,
+      ...f
     }),
-    [s]
+    [f]
   );
-  return /* @__PURE__ */ F.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: w, children: /* @__PURE__ */ F.jsx(
-    we,
+  return /* @__PURE__ */ R.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: w, children: /* @__PURE__ */ R.jsx(
+    Oe,
     {
-      onChange: (P, p) => {
-        T.current = { yaml: P ?? "", revisionId: p.versionId }, a({ ...T.current }, p);
+      onChange: (E, x) => {
+        D.current = { yaml: E ?? "", revisionId: x.versionId }, a({ ...D.current }, x);
       },
       language: "yaml",
-      theme: R,
-      options: d,
-      path: S,
-      onMount: E
+      theme: H,
+      options: l,
+      path: T,
+      onMount: j
     }
   ) });
 };
 export {
-  zr as BlameEditor,
-  qr as CodeDiffEditor,
-  Rr as CodeEditor,
+  qr as BlameEditor,
+  Wr as CodeDiffEditor,
+  Br as CodeEditor,
   ve as MonacoGlobals,
-  Re as SelectorType,
-  Hr as YamlEditor,
-  He as YamlEditorContext,
-  Br as YamlEditorContextProvider,
+  ze as SelectorType,
+  Yr as YamlEditor,
+  Be as YamlEditorContext,
+  Kr as YamlEditorContextProvider,
   We as useYamlEditorContext
 };
 //# sourceMappingURL=index.js.map