@devtable/settings-form 8.12.0 → 8.13.1

package/dist/settings-form.es.js

@@ -1,15 +1,16 @@
-import { Box as me, TextInput as fe, Divider as Or, Group as se, NumberInput as Vt, PasswordInput as rr, Button as oe, Modal as Ve, Stack as Pr, SegmentedControl as Bt, useMantineTheme as Kt, Tooltip as Ht, Text as Qe, LoadingOverlay as Rr, Table as _r, Select as Gt, Switch as Jt } from "@mantine/core";
+import { Box as me, TextInput as fe, Divider as Pr, Group as se, NumberInput as Vt, PasswordInput as tr, Button as oe, Modal as Be, Stack as Rr, SegmentedControl as Bt, useMantineTheme as Kt, Tooltip as Ht, Text as Ze, LoadingOverlay as _r, Table as xr, Select as Gt, Switch as Jt } from "@mantine/core";
 import { showNotification as _e, updateNotification as le } from "@mantine/notifications";
-import * as $e from "react";
-import De, { useEffect as we, memo as ft, useRef as ue, useState as Ie, useCallback as Er, forwardRef as xr, useMemo as dt } from "react";
-import { Recycle as Xt, PlaylistAdd as Cr, Trash as jr, Edit as Qt } from "tabler-icons-react";
+import * as Fe from "react";
+import ze, { useEffect as we, memo as dt, useRef as ue, useState as Ie, useCallback as Tr, forwardRef as Cr, useMemo as pt } from "react";
+import { Recycle as Xt, PlaylistAdd as jr, Trash as Ar, Edit as Qt } from "tabler-icons-react";
 import Zt from "axios";
 import en from "crypto-js";
 import rn from "lodash";
-import { useForm as ke, Controller as J } from "react-hook-form";
-import { useBoolean as tn, useRequest as ze } from "ahooks";
-import { useModals as tr, closeAllModals as nn } from "@mantine/modals";
-function on(e) {
+import { useForm as De, Controller as J } from "react-hook-form";
+import { useBoolean as tn, useRequest as ke } from "ahooks";
+import * as nn from "monaco-editor";
+import { useModals as nr, closeAllModals as on } from "@mantine/modals";
+function an(e) {
   e = e || {};
   const r = Object.keys(e).sort(), t = [];
   for (let o = 0; o < r.length; o++) {
@@ -28,8 +29,8 @@ function on(e) {
   }
   return t.sort().join("&");
 }
-function an(e, r) {
-  let t = on(e);
+function sn(e, r) {
+  let t = an(e);
   return t += "&key=" + r, en.MD5(t).toString().toUpperCase();
 }
 const ne = {
@@ -43,7 +44,7 @@ const ne = {
     return {
       app_id: this.app_id,
       nonce_str: r,
-      sign: an(
+      sign: sn(
         {
           app_id: this.app_id,
           nonce_str: r,
@@ -71,10 +72,10 @@ const ne = {
     };
   }
 };
-function nr(e) {
+function or(e) {
   ne.baseURL !== e.apiBaseURL && (ne.baseURL = e.apiBaseURL), e.app_id && (ne.app_id = e.app_id), e.app_secret && (ne.app_secret = e.app_secret);
 }
-const sn = {
+const cn = {
   login: async (e, r) => {
     const t = {
       name: e,
@@ -121,7 +122,7 @@ const sn = {
     if (!!e)
       return ne.getRequest("POST")("/account/delete", { id: e });
   }
-}, cn = {
+}, un = {
   list: async () => await ne.getRequest("POST")("/api/key/list", {
     filter: {
       search: ""
@@ -145,7 +146,7 @@ const sn = {
     if (!!e)
       return ne.getRequest("POST")("/api/key/delete", { id: e });
   }
-}, un = {
+}, ln = {
   list: async () => await ne.getRequest("POST")("/datasource/list", {
     filter: {},
     sort: [
@@ -167,13 +168,13 @@ const sn = {
   delete: async (e) => {
     await ne.getRequest("POST")("/datasource/delete", { id: e });
   }
-}, ln = {
+}, fn = {
   list: async () => await ne.getRequest("GET")("/role/list", {})
 }, de = {
-  datasource: un,
-  account: sn,
-  role: ln,
-  api_key: cn
+  datasource: ln,
+  account: cn,
+  role: fn,
+  api_key: un
 }, qe = {
   size: "sm",
   spacing: "md",
@@ -181,7 +182,7 @@ const sn = {
     size: "xs"
   }
 };
-var or = { exports: {} }, Le = {};
+var ir = { exports: {} }, Le = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -191,12 +192,12 @@ var or = { exports: {} }, Le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Kr;
-function fn() {
-  if (Kr)
+var Hr;
+function dn() {
+  if (Hr)
     return Le;
-  Kr = 1;
-  var e = De, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  Hr = 1;
+  var e = ze, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(u, d, v) {
     var y, h = {}, m = null, x = null;
     v !== void 0 && (m = "" + v), d.key !== void 0 && (m = "" + d.key), d.ref !== void 0 && (x = d.ref);
@@ -209,7 +210,7 @@ function fn() {
   }
   return Le.Fragment = t, Le.jsx = c, Le.jsxs = c, Le;
 }
-var Ue = {};
+var We = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -219,18 +220,18 @@ var Ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Hr;
-function dn() {
-  return Hr || (Hr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = De, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), Y = Symbol.iterator, D = "@@iterator";
+var Gr;
+function pn() {
+  return Gr || (Gr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = ze, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), Y = Symbol.iterator, z = "@@iterator";
     function G(n) {
       if (n === null || typeof n != "object")
         return null;
-      var f = Y && n[Y] || n[D];
+      var f = Y && n[Y] || n[z];
       return typeof f == "function" ? f : null;
     }
     var K = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function k(n) {
+    function D(n) {
       {
         for (var f = arguments.length, b = new Array(f > 1 ? f - 1 : 0), E = 1; E < f; E++)
           b[E - 1] = arguments[E];
@@ -249,7 +250,7 @@ function dn() {
     }
     var N = !1, p = !1, X = !1, ee = !1, Se = !1, Q;
     Q = Symbol.for("react.module.reference");
-    function $(n) {
+    function F(n) {
       return !!(typeof n == "string" || typeof n == "function" || n === o || n === i || Se || n === s || n === v || n === y || ee || n === x || N || p || X || typeof n == "object" && n !== null && (n.$$typeof === m || n.$$typeof === h || n.$$typeof === c || n.$$typeof === u || n.$$typeof === d || n.$$typeof === Q || n.getModuleId !== void 0));
     }
     function ge(n, f, b) {
@@ -265,7 +266,7 @@ function dn() {
     function ie(n) {
       if (n == null)
         return null;
-      if (typeof n.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+      if (typeof n.tag == "number" && D("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
         return n.displayName || n.name || null;
       if (typeof n == "string")
         return n;
@@ -307,7 +308,7 @@ function dn() {
         }
       return null;
     }
-    var z = Object.assign, B = 0, te, pe, Ee, Pe, l, g, T;
+    var k = Object.assign, B = 0, te, pe, Ee, Pe, l, g, T;
     function O() {
     }
     O.__reactDisabledLog = !0;
@@ -343,30 +344,30 @@ function dn() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: z({}, n, {
+            log: k({}, n, {
               value: te
             }),
-            info: z({}, n, {
+            info: k({}, n, {
               value: pe
             }),
-            warn: z({}, n, {
+            warn: k({}, n, {
               value: Ee
             }),
-            error: z({}, n, {
+            error: k({}, n, {
               value: Pe
             }),
-            group: z({}, n, {
+            group: k({}, n, {
               value: l
             }),
-            groupCollapsed: z({}, n, {
+            groupCollapsed: k({}, n, {
               value: g
             }),
-            groupEnd: z({}, n, {
+            groupEnd: k({}, n, {
               value: T
             })
           });
         }
-        B < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        B < 0 && D("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var R = K.ReactCurrentDispatcher, _;
@@ -383,13 +384,13 @@ function dn() {
 ` + _ + n;
       }
     }
-    var F = !1, A;
+    var $ = !1, A;
     {
       var ae = typeof WeakMap == "function" ? WeakMap : Map;
       A = new ae();
     }
     function w(n, f) {
-      if (!n || F)
+      if (!n || $)
         return "";
       {
         var b = A.get(n);
@@ -397,7 +398,7 @@ function dn() {
           return b;
       }
       var E;
-      F = !0;
+      $ = !0;
       var L = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var V;
@@ -454,10 +455,10 @@ function dn() {
             }
         }
       } finally {
-        F = !1, R.current = V, C(), Error.prepareStackTrace = L;
+        $ = !1, R.current = V, C(), Error.prepareStackTrace = L;
       }
-      var Me = n ? n.displayName || n.name : "", Br = Me ? j(Me) : "";
-      return typeof n == "function" && A.set(n, Br), Br;
+      var Me = n ? n.displayName || n.name : "", Kr = Me ? j(Me) : "";
+      return typeof n == "function" && A.set(n, Kr), Kr;
     }
     function he(n, f, b) {
       return w(n, !1);
@@ -495,8 +496,8 @@ function dn() {
         }
       return "";
     }
-    var Ke = Object.prototype.hasOwnProperty, zr = {}, Dr = K.ReactDebugCurrentFrame;
-    function He(n) {
+    var He = Object.prototype.hasOwnProperty, zr = {}, Dr = K.ReactDebugCurrentFrame;
+    function Ge(n) {
       if (n) {
         var f = n._owner, b = Ce(n.type, n._source, f ? f.type : null);
         Dr.setExtraStackFrame(b);
@@ -505,7 +506,7 @@ function dn() {
     }
     function Pt(n, f, b, E, L) {
       {
-        var V = Function.call.bind(Ke);
+        var V = Function.call.bind(He);
         for (var q in n)
           if (V(n, q)) {
             var M = void 0;
@@ -518,12 +519,12 @@ function dn() {
             } catch (Z) {
               M = Z;
             }
-            M && !(M instanceof Error) && (He(L), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", E || "React class", b, q, typeof M), He(null)), M instanceof Error && !(M.message in zr) && (zr[M.message] = !0, He(L), k("Failed %s type: %s", b, M.message), He(null));
+            M && !(M instanceof Error) && (Ge(L), D("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", E || "React class", b, q, typeof M), Ge(null)), M instanceof Error && !(M.message in zr) && (zr[M.message] = !0, Ge(L), D("Failed %s type: %s", b, M.message), Ge(null));
           }
       }
     }
     var Rt = Array.isArray;
-    function sr(n) {
+    function cr(n) {
       return Rt(n);
     }
     function _t(n) {
@@ -534,27 +535,27 @@ function dn() {
     }
     function xt(n) {
       try {
-        return kr(n), !1;
+        return qr(n), !1;
       } catch {
         return !0;
       }
     }
-    function kr(n) {
+    function qr(n) {
       return "" + n;
     }
-    function qr(n) {
+    function $r(n) {
       if (xt(n))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _t(n)), kr(n);
+        return D("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _t(n)), qr(n);
     }
-    var Fe = K.ReactCurrentOwner, Ct = {
+    var $e = K.ReactCurrentOwner, Ct = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Fr, $r, cr;
-    cr = {};
+    }, Fr, Lr, ur;
+    ur = {};
     function jt(n) {
-      if (Ke.call(n, "ref")) {
+      if (He.call(n, "ref")) {
         var f = Object.getOwnPropertyDescriptor(n, "ref").get;
         if (f && f.isReactWarning)
           return !1;
@@ -562,7 +563,7 @@ function dn() {
       return n.ref !== void 0;
     }
     function At(n) {
-      if (Ke.call(n, "key")) {
+      if (He.call(n, "key")) {
         var f = Object.getOwnPropertyDescriptor(n, "key").get;
         if (f && f.isReactWarning)
           return !1;
@@ -570,15 +571,15 @@ function dn() {
       return n.key !== void 0;
     }
     function Mt(n, f) {
-      if (typeof n.ref == "string" && Fe.current && f && Fe.current.stateNode !== f) {
-        var b = ie(Fe.current.type);
-        cr[b] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ie(Fe.current.type), n.ref), cr[b] = !0);
+      if (typeof n.ref == "string" && $e.current && f && $e.current.stateNode !== f) {
+        var b = ie($e.current.type);
+        ur[b] || (D('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ie($e.current.type), n.ref), ur[b] = !0);
       }
     }
     function It(n, f) {
       {
         var b = function() {
-          Fr || (Fr = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+          Fr || (Fr = !0, D("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
         b.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: b,
@@ -586,10 +587,10 @@ function dn() {
         });
       }
     }
-    function zt(n, f) {
+    function kt(n, f) {
       {
         var b = function() {
-          $r || ($r = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+          Lr || (Lr = !0, D("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
         b.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: b,
@@ -597,7 +598,7 @@ function dn() {
         });
       }
     }
-    var Dt = function(n, f, b, E, L, V, q) {
+    var zt = function(n, f, b, E, L, V, q) {
       var M = {
         $$typeof: r,
         type: n,
@@ -623,12 +624,12 @@ function dn() {
         value: L
       }), Object.freeze && (Object.freeze(M.props), Object.freeze(M)), M;
     };
-    function kt(n, f, b, E, L) {
+    function Dt(n, f, b, E, L) {
       {
         var V, q = {}, M = null, ce = null;
-        b !== void 0 && (qr(b), M = "" + b), At(f) && (qr(f.key), M = "" + f.key), jt(f) && (ce = f.ref, Mt(f, L));
+        b !== void 0 && ($r(b), M = "" + b), At(f) && ($r(f.key), M = "" + f.key), jt(f) && (ce = f.ref, Mt(f, L));
         for (V in f)
-          Ke.call(f, V) && !Ct.hasOwnProperty(V) && (q[V] = f[V]);
+          He.call(f, V) && !Ct.hasOwnProperty(V) && (q[V] = f[V]);
         if (n && n.defaultProps) {
           var Z = n.defaultProps;
           for (V in Z)
@@ -636,28 +637,28 @@ function dn() {
         }
         if (M || ce) {
           var re = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          M && It(q, re), ce && zt(q, re);
+          M && It(q, re), ce && kt(q, re);
         }
-        return Dt(n, M, ce, L, E, Fe.current, q);
+        return zt(n, M, ce, L, E, $e.current, q);
       }
     }
-    var ur = K.ReactCurrentOwner, Lr = K.ReactDebugCurrentFrame;
+    var lr = K.ReactCurrentOwner, Wr = K.ReactDebugCurrentFrame;
     function Ae(n) {
       if (n) {
         var f = n._owner, b = Ce(n.type, n._source, f ? f.type : null);
-        Lr.setExtraStackFrame(b);
+        Wr.setExtraStackFrame(b);
       } else
-        Lr.setExtraStackFrame(null);
+        Wr.setExtraStackFrame(null);
     }
-    var lr;
-    lr = !1;
-    function fr(n) {
+    var fr;
+    fr = !1;
+    function dr(n) {
       return typeof n == "object" && n !== null && n.$$typeof === r;
     }
     function Ur() {
       {
-        if (ur.current) {
-          var n = ie(ur.current.type);
+        if (lr.current) {
+          var n = ie(lr.current.type);
           if (n)
             return `
 
@@ -677,8 +678,8 @@ Check your code at ` + f + ":" + b + ".";
         return "";
       }
     }
-    var Wr = {};
-    function Ft(n) {
+    var Yr = {};
+    function $t(n) {
       {
         var f = Ur();
         if (!f) {
@@ -690,39 +691,39 @@ Check the top-level render call using <` + b + ">.");
         return f;
       }
     }
-    function Yr(n, f) {
+    function Nr(n, f) {
       {
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
-        var b = Ft(f);
-        if (Wr[b])
+        var b = $t(f);
+        if (Yr[b])
           return;
-        Wr[b] = !0;
+        Yr[b] = !0;
         var E = "";
-        n && n._owner && n._owner !== ur.current && (E = " It was passed a child from " + ie(n._owner.type) + "."), Ae(n), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, E), Ae(null);
+        n && n._owner && n._owner !== lr.current && (E = " It was passed a child from " + ie(n._owner.type) + "."), Ae(n), D('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, E), Ae(null);
       }
     }
-    function Nr(n, f) {
+    function Vr(n, f) {
       {
         if (typeof n != "object")
           return;
-        if (sr(n))
+        if (cr(n))
           for (var b = 0; b < n.length; b++) {
             var E = n[b];
-            fr(E) && Yr(E, f);
+            dr(E) && Nr(E, f);
           }
-        else if (fr(n))
+        else if (dr(n))
           n._store && (n._store.validated = !0);
         else if (n) {
           var L = G(n);
           if (typeof L == "function" && L !== n.entries)
             for (var V = L.call(n), q; !(q = V.next()).done; )
-              fr(q.value) && Yr(q.value, f);
+              dr(q.value) && Nr(q.value, f);
         }
       }
     }
-    function $t(n) {
+    function Ft(n) {
       {
         var f = n.type;
         if (f == null || typeof f == "string")
@@ -737,12 +738,12 @@ Check the top-level render call using <` + b + ">.");
         if (b) {
           var E = ie(f);
           Pt(b, n.props, "prop", E, n);
-        } else if (f.PropTypes !== void 0 && !lr) {
-          lr = !0;
+        } else if (f.PropTypes !== void 0 && !fr) {
+          fr = !0;
           var L = ie(f);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", L || "Unknown");
+          D("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", L || "Unknown");
         }
-        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && D("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Lt(n) {
@@ -750,58 +751,58 @@ Check the top-level render call using <` + b + ">.");
         for (var f = Object.keys(n.props), b = 0; b < f.length; b++) {
           var E = f[b];
           if (E !== "children" && E !== "key") {
-            Ae(n), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Ae(null);
+            Ae(n), D("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Ae(null);
             break;
           }
         }
-        n.ref !== null && (Ae(n), k("Invalid attribute `ref` supplied to `React.Fragment`."), Ae(null));
+        n.ref !== null && (Ae(n), D("Invalid attribute `ref` supplied to `React.Fragment`."), Ae(null));
       }
     }
-    function Vr(n, f, b, E, L, V) {
+    function Br(n, f, b, E, L, V) {
       {
-        var q = $(n);
+        var q = F(n);
         if (!q) {
           var M = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (M += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var ce = qt(L);
           ce ? M += ce : M += Ur();
           var Z;
-          n === null ? Z = "null" : sr(n) ? Z = "array" : n !== void 0 && n.$$typeof === r ? (Z = "<" + (ie(n.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof n, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, M);
+          n === null ? Z = "null" : cr(n) ? Z = "array" : n !== void 0 && n.$$typeof === r ? (Z = "<" + (ie(n.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof n, D("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, M);
         }
-        var re = kt(n, f, b, L, V);
+        var re = Dt(n, f, b, L, V);
         if (re == null)
           return re;
         if (q) {
           var ve = f.children;
           if (ve !== void 0)
             if (E)
-              if (sr(ve)) {
+              if (cr(ve)) {
                 for (var Me = 0; Me < ve.length; Me++)
-                  Nr(ve[Me], n);
+                  Vr(ve[Me], n);
                 Object.freeze && Object.freeze(ve);
               } else
-                k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                D("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Nr(ve, n);
+              Vr(ve, n);
         }
-        return n === o ? Lt(re) : $t(re), re;
+        return n === o ? Lt(re) : Ft(re), re;
       }
     }
-    function Ut(n, f, b) {
-      return Vr(n, f, b, !0);
-    }
     function Wt(n, f, b) {
-      return Vr(n, f, b, !1);
+      return Br(n, f, b, !0);
     }
-    var Yt = Wt, Nt = Ut;
-    Ue.Fragment = o, Ue.jsx = Yt, Ue.jsxs = Nt;
-  }()), Ue;
+    function Ut(n, f, b) {
+      return Br(n, f, b, !1);
+    }
+    var Yt = Ut, Nt = Wt;
+    We.Fragment = o, We.jsx = Yt, We.jsxs = Nt;
+  }()), We;
 }
 (function(e) {
-  process.env.NODE_ENV === "production" ? e.exports = fn() : e.exports = dn();
-})(or);
-const Oe = or.exports.Fragment, a = or.exports.jsx, I = or.exports.jsxs;
-function pn({
+  process.env.NODE_ENV === "production" ? e.exports = dn() : e.exports = pn();
+})(ir);
+const Oe = ir.exports.Fragment, a = ir.exports.jsx, I = ir.exports.jsxs;
+function gn({
   submit: e,
   styles: r = qe,
   type: t
@@ -810,7 +811,7 @@ function pn({
     control: o,
     setValue: s,
     handleSubmit: i
-  } = ke({
+  } = De({
     defaultValues: {
       type: t,
       key: "",
@@ -842,7 +843,7 @@ function pn({
           placeholder: "A unique name",
           ...c
         })
-      }), /* @__PURE__ */ a(Or, {
+      }), /* @__PURE__ */ a(Pr, {
         label: "Connection Info",
         labelPosition: "center"
       }), /* @__PURE__ */ I(se, {
@@ -896,7 +897,7 @@ function pn({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(rr, {
+        }) => /* @__PURE__ */ a(tr, {
           mb: r.spacing,
           size: r.size,
           required: !0,
@@ -927,7 +928,7 @@ function pn({
     })
   });
 }
-function gn(e, r, t) {
+function hn(e, r, t) {
   return r in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: !0,
@@ -935,7 +936,7 @@ function gn(e, r, t) {
     writable: !0
   }) : e[r] = t, e;
 }
-function Gr(e, r) {
+function Jr(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -945,18 +946,18 @@ function Gr(e, r) {
   }
   return t;
 }
-function Jr(e) {
+function Xr(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Gr(Object(t), !0).forEach(function(o) {
-      gn(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Gr(Object(t)).forEach(function(o) {
+    r % 2 ? Jr(Object(t), !0).forEach(function(o) {
+      hn(e, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Jr(Object(t)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
   return e;
 }
-function hn(e, r) {
+function vn(e, r) {
   if (e == null)
     return {};
   var t = {}, o = Object.keys(e), s, i;
@@ -964,10 +965,10 @@ function hn(e, r) {
     s = o[i], !(r.indexOf(s) >= 0) && (t[s] = e[s]);
   return t;
 }
-function vn(e, r) {
+function mn(e, r) {
   if (e == null)
     return {};
-  var t = hn(e, r), o, s;
+  var t = vn(e, r), o, s;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
     for (s = 0; s < i.length; s++)
@@ -975,14 +976,14 @@ function vn(e, r) {
   }
   return t;
 }
-function mn(e, r) {
-  return bn(e) || yn(e, r) || wn(e, r) || Sn();
+function bn(e, r) {
+  return yn(e) || wn(e, r) || Sn(e, r) || En();
 }
-function bn(e) {
+function yn(e) {
   if (Array.isArray(e))
     return e;
 }
-function yn(e, r) {
+function wn(e, r) {
   if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(e)))) {
     var t = [], o = !0, s = !1, i = void 0;
     try {
@@ -1001,28 +1002,28 @@ function yn(e, r) {
     return t;
   }
 }
-function wn(e, r) {
+function Sn(e, r) {
   if (!!e) {
     if (typeof e == "string")
-      return Xr(e, r);
+      return Qr(e, r);
     var t = Object.prototype.toString.call(e).slice(8, -1);
     if (t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set")
       return Array.from(e);
     if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))
-      return Xr(e, r);
+      return Qr(e, r);
   }
 }
-function Xr(e, r) {
+function Qr(e, r) {
   (r == null || r > e.length) && (r = e.length);
   for (var t = 0, o = new Array(r); t < r; t++)
     o[t] = e[t];
   return o;
 }
-function Sn() {
+function En() {
   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 En(e, r, t) {
+function Tn(e, r, t) {
   return r in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: !0,
@@ -1030,7 +1031,7 @@ function En(e, r, t) {
     writable: !0
   }) : e[r] = t, e;
 }
-function Qr(e, r) {
+function Zr(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -1040,18 +1041,18 @@ function Qr(e, r) {
   }
   return t;
 }
-function Zr(e) {
+function et(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Qr(Object(t), !0).forEach(function(o) {
-      En(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Qr(Object(t)).forEach(function(o) {
+    r % 2 ? Zr(Object(t), !0).forEach(function(o) {
+      Tn(e, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Zr(Object(t)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
   return e;
 }
-function Tn() {
+function On() {
   for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
     r[t] = arguments[t];
   return function(o) {
@@ -1060,7 +1061,7 @@ function Tn() {
     }, o);
   };
 }
-function We(e) {
+function Ue(e) {
   return function r() {
     for (var t = this, o = arguments.length, s = new Array(o), i = 0; i < o; i++)
       s[i] = arguments[i];
@@ -1071,38 +1072,38 @@ function We(e) {
     };
   };
 }
-function Ze(e) {
+function er(e) {
   return {}.toString.call(e).includes("Object");
 }
-function On(e) {
+function Pn(e) {
   return !Object.keys(e).length;
 }
-function Ne(e) {
+function Ve(e) {
   return typeof e == "function";
 }
-function Pn(e, r) {
+function Rn(e, r) {
   return Object.prototype.hasOwnProperty.call(e, r);
 }
-function Rn(e, r) {
-  return Ze(r) || Re("changeType"), Object.keys(r).some(function(t) {
-    return !Pn(e, t);
+function _n(e, r) {
+  return er(r) || Re("changeType"), Object.keys(r).some(function(t) {
+    return !Rn(e, t);
   }) && Re("changeField"), r;
 }
-function _n(e) {
-  Ne(e) || Re("selectorType");
-}
 function xn(e) {
-  Ne(e) || Ze(e) || Re("handlerType"), Ze(e) && Object.values(e).some(function(r) {
-    return !Ne(r);
-  }) && Re("handlersType");
+  Ve(e) || Re("selectorType");
 }
 function Cn(e) {
-  e || Re("initialIsRequired"), Ze(e) || Re("initialType"), On(e) && Re("initialContent");
+  Ve(e) || er(e) || Re("handlerType"), er(e) && Object.values(e).some(function(r) {
+    return !Ve(r);
+  }) && Re("handlersType");
 }
-function jn(e, r) {
+function jn(e) {
+  e || Re("initialIsRequired"), er(e) || Re("initialType"), Pn(e) && Re("initialContent");
+}
+function An(e, r) {
   throw new Error(e[r] || e.default);
 }
-var An = {
+var Mn = {
   initialIsRequired: "initial state is required",
   initialType: "initial state should be an object",
   initialContent: "initial state shouldn't be an empty object",
@@ -1112,44 +1113,44 @@ var An = {
   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"
-}, Re = We(jn)(An), Ge = {
-  changes: Rn,
-  selector: _n,
-  handler: xn,
-  initial: Cn
+}, Re = Ue(An)(Mn), Je = {
+  changes: _n,
+  selector: xn,
+  handler: Cn,
+  initial: jn
 };
-function Mn(e) {
+function In(e) {
   var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  Ge.initial(e), Ge.handler(r);
+  Je.initial(e), Je.handler(r);
   var t = {
     current: e
-  }, o = We(Dn)(t, r), s = We(zn)(t), i = We(Ge.changes)(e), c = We(In)(t);
+  }, o = Ue(Dn)(t, r), s = Ue(zn)(t), i = Ue(Je.changes)(e), c = Ue(kn)(t);
   function u() {
     var v = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(y) {
       return y;
     };
-    return Ge.selector(v), v(t.current);
+    return Je.selector(v), v(t.current);
   }
   function d(v) {
-    Tn(o, s, i, c)(v);
+    On(o, s, i, c)(v);
   }
   return [u, d];
 }
-function In(e, r) {
-  return Ne(r) ? r(e.current) : r;
+function kn(e, r) {
+  return Ve(r) ? r(e.current) : r;
 }
 function zn(e, r) {
-  return e.current = Zr(Zr({}, e.current), r), r;
+  return e.current = et(et({}, e.current), r), r;
 }
 function Dn(e, r, t) {
-  return Ne(r) ? r(e.current) : Object.keys(t).forEach(function(o) {
+  return Ve(r) ? r(e.current) : Object.keys(t).forEach(function(o) {
     var s;
     return (s = r[o]) === null || s === void 0 ? void 0 : s.call(r, e.current[o]);
   }), t;
 }
-var kn = {
-  create: Mn
-}, qn = {
+var qn = {
+  create: In
+}, $n = {
   paths: {
     vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.33.0/min/vs"
   }
@@ -1165,23 +1166,23 @@ function Fn(e) {
     };
   };
 }
-function $n(e) {
+function Ln(e) {
   return {}.toString.call(e).includes("Object");
 }
-function Ln(e) {
-  return e || et("configIsRequired"), $n(e) || et("configType"), e.urls ? (Un(), {
+function Wn(e) {
+  return e || rt("configIsRequired"), Ln(e) || rt("configType"), e.urls ? (Un(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
 function Un() {
-  console.warn(pt.deprecation);
+  console.warn(gt.deprecation);
 }
-function Wn(e, r) {
+function Yn(e, r) {
   throw new Error(e[r] || e.default);
 }
-var pt = {
+var gt = {
   configIsRequired: "the configuration object is required",
   configType: "the configuration object should be an object",
   default: "an unknown error accured in `@monaco-editor/loader` package",
@@ -1195,9 +1196,9 @@ var pt = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, et = Fn(Wn)(pt), Yn = {
-  config: Ln
-}, Nn = function() {
+}, rt = Fn(Yn)(gt), Nn = {
+  config: Wn
+}, Vn = function() {
   for (var r = arguments.length, t = new Array(r), o = 0; o < r; o++)
     t[o] = arguments[o];
   return function(s) {
@@ -1206,43 +1207,43 @@ var pt = {
     }, s);
   };
 };
-function gt(e, r) {
+function ht(e, r) {
   return Object.keys(r).forEach(function(t) {
-    r[t] instanceof Object && e[t] && Object.assign(r[t], gt(e[t], r[t]));
-  }), Jr(Jr({}, e), r);
+    r[t] instanceof Object && e[t] && Object.assign(r[t], ht(e[t], r[t]));
+  }), Xr(Xr({}, e), r);
 }
-var Vn = {
+var Bn = {
   type: "cancelation",
   msg: "operation is manually canceled"
 };
-function dr(e) {
+function pr(e) {
   var r = !1, t = new Promise(function(o, s) {
     e.then(function(i) {
-      return r ? s(Vn) : o(i);
+      return r ? s(Bn) : o(i);
     }), e.catch(s);
   });
   return t.cancel = function() {
     return r = !0;
   }, t;
 }
-var Bn = kn.create({
-  config: qn,
+var Kn = qn.create({
+  config: $n,
   isInitialized: !1,
   resolve: null,
   reject: null,
   monaco: null
-}), ht = mn(Bn, 2), Be = ht[0], ir = ht[1];
-function Kn(e) {
-  var r = Yn.config(e), t = r.monaco, o = vn(r, ["monaco"]);
-  ir(function(s) {
+}), vt = bn(Kn, 2), Ke = vt[0], ar = vt[1];
+function Hn(e) {
+  var r = Nn.config(e), t = r.monaco, o = mn(r, ["monaco"]);
+  ar(function(s) {
     return {
-      config: gt(s.config, o),
+      config: ht(s.config, o),
       monaco: t
     };
   });
 }
-function Hn() {
-  var e = Be(function(r) {
+function Gn() {
+  var e = Ke(function(r) {
     var t = r.monaco, o = r.isInitialized, s = r.resolve;
     return {
       monaco: t,
@@ -1251,37 +1252,37 @@ function Hn() {
     };
   });
   if (!e.isInitialized) {
-    if (ir({
+    if (ar({
       isInitialized: !0
     }), e.monaco)
-      return e.resolve(e.monaco), dr(pr);
+      return e.resolve(e.monaco), pr(gr);
     if (window.monaco && window.monaco.editor)
-      return vt(window.monaco), e.resolve(window.monaco), dr(pr);
-    Nn(Gn, Xn)(Qn);
+      return mt(window.monaco), e.resolve(window.monaco), pr(gr);
+    Vn(Jn, Qn)(Zn);
   }
-  return dr(pr);
+  return pr(gr);
 }
-function Gn(e) {
+function Jn(e) {
   return document.body.appendChild(e);
 }
-function Jn(e) {
+function Xn(e) {
   var r = document.createElement("script");
   return e && (r.src = e), r;
 }
-function Xn(e) {
-  var r = Be(function(o) {
+function Qn(e) {
+  var r = Ke(function(o) {
     var s = o.config, i = o.reject;
     return {
       config: s,
       reject: i
     };
-  }), t = Jn("".concat(r.config.paths.vs, "/loader.js"));
+  }), t = Xn("".concat(r.config.paths.vs, "/loader.js"));
   return t.onload = function() {
     return e();
   }, t.onerror = r.reject, t;
 }
-function Qn() {
-  var e = Be(function(t) {
+function Zn() {
+  var e = Ke(function(t) {
     var o = t.config, s = t.resolve, i = t.reject;
     return {
       config: o,
@@ -1290,32 +1291,32 @@ function Qn() {
     };
   }), r = window.require;
   r.config(e.config), r(["vs/editor/editor.main"], function(t) {
-    vt(t), e.resolve(t);
+    mt(t), e.resolve(t);
   }, function(t) {
     e.reject(t);
   });
 }
-function vt(e) {
-  Be().monaco || ir({
+function mt(e) {
+  Ke().monaco || ar({
     monaco: e
   });
 }
-function Zn() {
-  return Be(function(e) {
+function eo() {
+  return Ke(function(e) {
     var r = e.monaco;
     return r;
   });
 }
-var pr = new Promise(function(e, r) {
-  return ir({
+var gr = new Promise(function(e, r) {
+  return ar({
     resolve: e,
     reject: r
   });
-}), mt = {
-  config: Kn,
-  init: Hn,
-  __getMonacoInstance: Zn
-}, S = { exports: {} }, gr = { exports: {} }, U = {};
+}), Ye = {
+  config: Hn,
+  init: Gn,
+  __getMonacoInstance: eo
+}, S = { exports: {} }, hr = { exports: {} }, W = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -1324,12 +1325,12 @@ var pr = new Promise(function(e, r) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rt;
-function eo() {
-  if (rt)
-    return U;
-  rt = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, D = e ? Symbol.for("react.block") : 60121, G = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
+var tt;
+function ro() {
+  if (tt)
+    return W;
+  tt = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, z = e ? Symbol.for("react.block") : 60121, G = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, D = e ? Symbol.for("react.scope") : 60119;
   function H(p) {
     if (typeof p == "object" && p !== null) {
       var X = p.$$typeof;
@@ -1363,35 +1364,35 @@ function eo() {
   function N(p) {
     return H(p) === v;
   }
-  return U.AsyncMode = d, U.ConcurrentMode = v, U.ContextConsumer = u, U.ContextProvider = c, U.Element = r, U.ForwardRef = y, U.Fragment = o, U.Lazy = Y, U.Memo = x, U.Portal = t, U.Profiler = i, U.StrictMode = s, U.Suspense = h, U.isAsyncMode = function(p) {
+  return W.AsyncMode = d, W.ConcurrentMode = v, W.ContextConsumer = u, W.ContextProvider = c, W.Element = r, W.ForwardRef = y, W.Fragment = o, W.Lazy = Y, W.Memo = x, W.Portal = t, W.Profiler = i, W.StrictMode = s, W.Suspense = h, W.isAsyncMode = function(p) {
     return N(p) || H(p) === d;
-  }, U.isConcurrentMode = N, U.isContextConsumer = function(p) {
+  }, W.isConcurrentMode = N, W.isContextConsumer = function(p) {
     return H(p) === u;
-  }, U.isContextProvider = function(p) {
+  }, W.isContextProvider = function(p) {
     return H(p) === c;
-  }, U.isElement = function(p) {
+  }, W.isElement = function(p) {
     return typeof p == "object" && p !== null && p.$$typeof === r;
-  }, U.isForwardRef = function(p) {
+  }, W.isForwardRef = function(p) {
     return H(p) === y;
-  }, U.isFragment = function(p) {
+  }, W.isFragment = function(p) {
     return H(p) === o;
-  }, U.isLazy = function(p) {
+  }, W.isLazy = function(p) {
     return H(p) === Y;
-  }, U.isMemo = function(p) {
+  }, W.isMemo = function(p) {
     return H(p) === x;
-  }, U.isPortal = function(p) {
+  }, W.isPortal = function(p) {
     return H(p) === t;
-  }, U.isProfiler = function(p) {
+  }, W.isProfiler = function(p) {
     return H(p) === i;
-  }, U.isStrictMode = function(p) {
+  }, W.isStrictMode = function(p) {
     return H(p) === s;
-  }, U.isSuspense = function(p) {
+  }, W.isSuspense = function(p) {
     return H(p) === h;
-  }, U.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === o || p === v || p === i || p === s || p === h || p === m || typeof p == "object" && p !== null && (p.$$typeof === Y || p.$$typeof === x || p.$$typeof === c || p.$$typeof === u || p.$$typeof === y || p.$$typeof === G || p.$$typeof === K || p.$$typeof === k || p.$$typeof === D);
-  }, U.typeOf = H, U;
+  }, W.isValidElementType = function(p) {
+    return typeof p == "string" || typeof p == "function" || p === o || p === v || p === i || p === s || p === h || p === m || typeof p == "object" && p !== null && (p.$$typeof === Y || p.$$typeof === x || p.$$typeof === c || p.$$typeof === u || p.$$typeof === y || p.$$typeof === G || p.$$typeof === K || p.$$typeof === D || p.$$typeof === z);
+  }, W.typeOf = H, W;
 }
-var W = {};
+var U = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -1400,12 +1401,12 @@ var W = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tt;
-function ro() {
-  return tt || (tt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, D = e ? Symbol.for("react.block") : 60121, G = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
+var nt;
+function to() {
+  return nt || (nt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, z = e ? Symbol.for("react.block") : 60121, G = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, D = e ? Symbol.for("react.scope") : 60119;
     function H(w) {
-      return typeof w == "string" || typeof w == "function" || w === o || w === v || w === i || w === s || w === h || w === m || typeof w == "object" && w !== null && (w.$$typeof === Y || w.$$typeof === x || w.$$typeof === c || w.$$typeof === u || w.$$typeof === y || w.$$typeof === G || w.$$typeof === K || w.$$typeof === k || w.$$typeof === D);
+      return typeof w == "string" || typeof w == "function" || w === o || w === v || w === i || w === s || w === h || w === m || typeof w == "object" && w !== null && (w.$$typeof === Y || w.$$typeof === x || w.$$typeof === c || w.$$typeof === u || w.$$typeof === y || w.$$typeof === G || w.$$typeof === K || w.$$typeof === D || w.$$typeof === z);
     }
     function N(w) {
       if (typeof w == "object" && w !== null) {
@@ -1439,7 +1440,7 @@ function ro() {
         }
       }
     }
-    var p = d, X = v, ee = u, Se = c, Q = r, $ = y, ge = o, be = Y, ie = x, z = t, B = i, te = s, pe = h, Ee = !1;
+    var p = d, X = v, ee = u, Se = c, Q = r, F = y, ge = o, be = Y, ie = x, k = t, B = i, te = s, pe = h, Ee = !1;
     function Pe(w) {
       return Ee || (Ee = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), l(w) || N(w) === d;
     }
@@ -1470,7 +1471,7 @@ function ro() {
     function j(w) {
       return N(w) === t;
     }
-    function F(w) {
+    function $(w) {
       return N(w) === i;
     }
     function A(w) {
@@ -1479,25 +1480,25 @@ function ro() {
     function ae(w) {
       return N(w) === h;
     }
-    W.AsyncMode = p, W.ConcurrentMode = X, W.ContextConsumer = ee, W.ContextProvider = Se, W.Element = Q, W.ForwardRef = $, W.Fragment = ge, W.Lazy = be, W.Memo = ie, W.Portal = z, W.Profiler = B, W.StrictMode = te, W.Suspense = pe, W.isAsyncMode = Pe, W.isConcurrentMode = l, W.isContextConsumer = g, W.isContextProvider = T, W.isElement = O, W.isForwardRef = P, W.isFragment = C, W.isLazy = R, W.isMemo = _, W.isPortal = j, W.isProfiler = F, W.isStrictMode = A, W.isSuspense = ae, W.isValidElementType = H, W.typeOf = N;
-  }()), W;
+    U.AsyncMode = p, U.ConcurrentMode = X, U.ContextConsumer = ee, U.ContextProvider = Se, U.Element = Q, U.ForwardRef = F, U.Fragment = ge, U.Lazy = be, U.Memo = ie, U.Portal = k, U.Profiler = B, U.StrictMode = te, U.Suspense = pe, U.isAsyncMode = Pe, U.isConcurrentMode = l, U.isContextConsumer = g, U.isContextProvider = T, U.isElement = O, U.isForwardRef = P, U.isFragment = C, U.isLazy = R, U.isMemo = _, U.isPortal = j, U.isProfiler = $, U.isStrictMode = A, U.isSuspense = ae, U.isValidElementType = H, U.typeOf = N;
+  }()), U;
 }
-var nt;
+var ot;
 function bt() {
-  return nt || (nt = 1, function(e) {
-    process.env.NODE_ENV === "production" ? e.exports = eo() : e.exports = ro();
-  }(gr)), gr.exports;
+  return ot || (ot = 1, function(e) {
+    process.env.NODE_ENV === "production" ? e.exports = ro() : e.exports = to();
+  }(hr)), hr.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var hr, ot;
-function to() {
-  if (ot)
-    return hr;
-  ot = 1;
+var vr, it;
+function no() {
+  if (it)
+    return vr;
+  it = 1;
   var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function o(i) {
     if (i == null)
@@ -1526,7 +1527,7 @@ function to() {
       return !1;
     }
   }
-  return hr = s() ? Object.assign : function(i, c) {
+  return vr = s() ? Object.assign : function(i, c) {
     for (var u, d = o(i), v, y = 1; y < arguments.length; y++) {
       u = Object(arguments[y]);
       for (var h in u)
@@ -1538,29 +1539,29 @@ function to() {
       }
     }
     return d;
-  }, hr;
+  }, vr;
 }
-var vr, it;
-function Ar() {
-  if (it)
-    return vr;
-  it = 1;
+var mr, at;
+function Mr() {
+  if (at)
+    return mr;
+  at = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return vr = e, vr;
+  return mr = e, mr;
 }
-var mr, at;
+var br, st;
 function yt() {
-  return at || (at = 1, mr = Function.call.bind(Object.prototype.hasOwnProperty)), mr;
+  return st || (st = 1, br = Function.call.bind(Object.prototype.hasOwnProperty)), br;
 }
-var br, st;
-function no() {
-  if (st)
-    return br;
-  st = 1;
+var yr, ct;
+function oo() {
+  if (ct)
+    return yr;
+  ct = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = Ar(), t = {}, o = yt();
+    var r = Mr(), t = {}, o = yt();
     e = function(i) {
       var c = "Warning: " + i;
       typeof console < "u" && console.error(c);
@@ -1600,14 +1601,14 @@ function no() {
   }
   return s.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, br = s, br;
+  }, yr = s, yr;
 }
-var yr, ct;
-function oo() {
-  if (ct)
-    return yr;
-  ct = 1;
-  var e = bt(), r = to(), t = Ar(), o = yt(), s = no(), i = function() {
+var wr, ut;
+function io() {
+  if (ut)
+    return wr;
+  ut = 1;
+  var e = bt(), r = no(), t = Mr(), o = yt(), s = oo(), i = function() {
   };
   process.env.NODE_ENV !== "production" && (i = function(u) {
     var d = "Warning: " + u;
@@ -1620,7 +1621,7 @@ function oo() {
   function c() {
     return null;
   }
-  return yr = function(u, d) {
+  return wr = function(u, d) {
     var v = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
     function h(l) {
       var g = l && (v && l[v] || l[y]);
@@ -1636,12 +1637,12 @@ function oo() {
       object: K("object"),
       string: K("string"),
       symbol: K("symbol"),
-      any: k(),
+      any: D(),
       arrayOf: H,
       element: N(),
       elementType: p(),
       instanceOf: X,
-      node: $(),
+      node: F(),
       objectOf: Se,
       oneOf: ee,
       oneOfType: Q,
@@ -1651,14 +1652,14 @@ function oo() {
     function Y(l, g) {
       return l === g ? l !== 0 || 1 / l === 1 / g : l !== l && g !== g;
     }
-    function D(l, g) {
+    function z(l, g) {
       this.message = l, this.data = g && typeof g == "object" ? g : {}, this.stack = "";
     }
-    D.prototype = Error.prototype;
+    z.prototype = Error.prototype;
     function G(l) {
       if (process.env.NODE_ENV !== "production")
         var g = {}, T = 0;
-      function O(C, R, _, j, F, A, ae) {
+      function O(C, R, _, j, $, A, ae) {
         if (j = j || m, A = A || _, ae !== t) {
           if (d) {
             var w = new Error(
@@ -1672,17 +1673,17 @@ function oo() {
             ), g[he] = !0, T++);
           }
         }
-        return R[_] == null ? C ? R[_] === null ? new D("The " + F + " `" + A + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new D("The " + F + " `" + A + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : l(R, _, j, F, A);
+        return R[_] == null ? C ? R[_] === null ? new z("The " + $ + " `" + A + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new z("The " + $ + " `" + A + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : l(R, _, j, $, A);
       }
       var P = O.bind(null, !1);
       return P.isRequired = O.bind(null, !0), P;
     }
     function K(l) {
       function g(T, O, P, C, R, _) {
-        var j = T[O], F = te(j);
-        if (F !== l) {
+        var j = T[O], $ = te(j);
+        if ($ !== l) {
           var A = pe(j);
-          return new D(
+          return new z(
             "Invalid " + C + " `" + R + "` of type " + ("`" + A + "` supplied to `" + P + "`, expected ") + ("`" + l + "`."),
             { expectedType: l }
           );
@@ -1691,20 +1692,20 @@ function oo() {
       }
       return G(g);
     }
-    function k() {
+    function D() {
       return G(c);
     }
     function H(l) {
       function g(T, O, P, C, R) {
         if (typeof l != "function")
-          return new D("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
+          return new z("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
         var _ = T[O];
         if (!Array.isArray(_)) {
           var j = te(_);
-          return new D("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected an array."));
+          return new z("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected an array."));
         }
-        for (var F = 0; F < _.length; F++) {
-          var A = l(_, F, P, C, R + "[" + F + "]", t);
+        for (var $ = 0; $ < _.length; $++) {
+          var A = l(_, $, P, C, R + "[" + $ + "]", t);
           if (A instanceof Error)
             return A;
         }
@@ -1717,7 +1718,7 @@ function oo() {
         var R = g[T];
         if (!u(R)) {
           var _ = te(R);
-          return new D("Invalid " + P + " `" + C + "` of type " + ("`" + _ + "` supplied to `" + O + "`, expected a single ReactElement."));
+          return new z("Invalid " + P + " `" + C + "` of type " + ("`" + _ + "` supplied to `" + O + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -1728,7 +1729,7 @@ function oo() {
         var R = g[T];
         if (!e.isValidElementType(R)) {
           var _ = te(R);
-          return new D("Invalid " + P + " `" + C + "` of type " + ("`" + _ + "` supplied to `" + O + "`, expected a single ReactElement type."));
+          return new z("Invalid " + P + " `" + C + "` of type " + ("`" + _ + "` supplied to `" + O + "`, expected a single ReactElement type."));
         }
         return null;
       }
@@ -1738,7 +1739,7 @@ function oo() {
       function g(T, O, P, C, R) {
         if (!(T[O] instanceof l)) {
           var _ = l.name || m, j = Pe(T[O]);
-          return new D("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected ") + ("instance of `" + _ + "`."));
+          return new z("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected ") + ("instance of `" + _ + "`."));
         }
         return null;
       }
@@ -1753,24 +1754,24 @@ function oo() {
         for (var _ = T[O], j = 0; j < l.length; j++)
           if (Y(_, l[j]))
             return null;
-        var F = JSON.stringify(l, function(ae, w) {
+        var $ = JSON.stringify(l, function(ae, w) {
           var he = pe(w);
           return he === "symbol" ? String(w) : w;
         });
-        return new D("Invalid " + C + " `" + R + "` of value `" + String(_) + "` " + ("supplied to `" + P + "`, expected one of " + F + "."));
+        return new z("Invalid " + C + " `" + R + "` of value `" + String(_) + "` " + ("supplied to `" + P + "`, expected one of " + $ + "."));
       }
       return G(g);
     }
     function Se(l) {
       function g(T, O, P, C, R) {
         if (typeof l != "function")
-          return new D("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
+          return new z("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
         var _ = T[O], j = te(_);
         if (j !== "object")
-          return new D("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected an object."));
-        for (var F in _)
-          if (o(_, F)) {
-            var A = l(_, F, P, C, R + "." + F, t);
+          return new z("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected an object."));
+        for (var $ in _)
+          if (o(_, $)) {
+            var A = l(_, $, P, C, R + "." + $, t);
             if (A instanceof Error)
               return A;
           }
@@ -1789,25 +1790,25 @@ function oo() {
           ), c;
       }
       function O(P, C, R, _, j) {
-        for (var F = [], A = 0; A < l.length; A++) {
+        for (var $ = [], A = 0; A < l.length; A++) {
           var ae = l[A], w = ae(P, C, R, _, j, t);
           if (w == null)
             return null;
-          w.data && o(w.data, "expectedType") && F.push(w.data.expectedType);
+          w.data && o(w.data, "expectedType") && $.push(w.data.expectedType);
         }
-        var he = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
-        return new D("Invalid " + _ + " `" + j + "` supplied to " + ("`" + R + "`" + he + "."));
+        var he = $.length > 0 ? ", expected one of type [" + $.join(", ") + "]" : "";
+        return new z("Invalid " + _ + " `" + j + "` supplied to " + ("`" + R + "`" + he + "."));
       }
       return G(O);
     }
-    function $() {
+    function F() {
       function l(g, T, O, P, C) {
-        return z(g[T]) ? null : new D("Invalid " + P + " `" + C + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
+        return k(g[T]) ? null : new z("Invalid " + P + " `" + C + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
       }
       return G(l);
     }
     function ge(l, g, T, O, P) {
-      return new D(
+      return new z(
         (l || "React class") + ": " + g + " type `" + T + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
       );
     }
@@ -1815,12 +1816,12 @@ function oo() {
       function g(T, O, P, C, R) {
         var _ = T[O], j = te(_);
         if (j !== "object")
-          return new D("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
-        for (var F in l) {
-          var A = l[F];
+          return new z("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
+        for (var $ in l) {
+          var A = l[$];
           if (typeof A != "function")
-            return ge(P, C, R, F, pe(A));
-          var ae = A(_, F, P, C, R + "." + F, t);
+            return ge(P, C, R, $, pe(A));
+          var ae = A(_, $, P, C, R + "." + $, t);
           if (ae)
             return ae;
         }
@@ -1832,14 +1833,14 @@ function oo() {
       function g(T, O, P, C, R) {
         var _ = T[O], j = te(_);
         if (j !== "object")
-          return new D("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
-        var F = r({}, T[O], l);
-        for (var A in F) {
+          return new z("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
+        var $ = r({}, T[O], l);
+        for (var A in $) {
           var ae = l[A];
           if (o(l, A) && typeof ae != "function")
             return ge(P, C, R, A, pe(ae));
           if (!ae)
-            return new D(
+            return new z(
               "Invalid " + C + " `" + R + "` key `" + A + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(T[O], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
             );
@@ -1851,7 +1852,7 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
       }
       return G(g);
     }
-    function z(l) {
+    function k(l) {
       switch (typeof l) {
         case "number":
         case "string":
@@ -1861,7 +1862,7 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
           return !l;
         case "object":
           if (Array.isArray(l))
-            return l.every(z);
+            return l.every(k);
           if (l === null || u(l))
             return !0;
           var g = h(l);
@@ -1869,12 +1870,12 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
             var T = g.call(l), O;
             if (g !== l.entries) {
               for (; !(O = T.next()).done; )
-                if (!z(O.value))
+                if (!k(O.value))
                   return !1;
             } else
               for (; !(O = T.next()).done; ) {
                 var P = O.value;
-                if (P && !z(P[1]))
+                if (P && !k(P[1]))
                   return !1;
               }
           } else
@@ -1921,19 +1922,19 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
       return !l.constructor || !l.constructor.name ? m : l.constructor.name;
     }
     return x.checkPropTypes = s, x.resetWarningCache = s.resetWarningCache, x.PropTypes = x, x;
-  }, yr;
+  }, wr;
 }
-var wr, ut;
-function io() {
-  if (ut)
-    return wr;
-  ut = 1;
-  var e = Ar();
+var Sr, lt;
+function ao() {
+  if (lt)
+    return Sr;
+  lt = 1;
+  var e = Mr();
   function r() {
   }
   function t() {
   }
-  return t.resetWarningCache = r, wr = function() {
+  return t.resetWarningCache = r, Sr = function() {
     function o(c, u, d, v, y, h) {
       if (h !== e) {
         var m = new Error(
@@ -1970,29 +1971,29 @@ function io() {
       resetWarningCache: r
     };
     return i.PropTypes = i, i;
-  }, wr;
+  }, Sr;
 }
 if (process.env.NODE_ENV !== "production") {
-  var ao = bt(), so = !0;
-  S.exports = oo()(ao.isElement, so);
+  var so = bt(), co = !0;
+  S.exports = io()(so.isElement, co);
 } else
-  S.exports = io()();
-const co = {
+  S.exports = ao()();
+const uo = {
   display: "flex",
   height: "100%",
   width: "100%",
   justifyContent: "center",
   alignItems: "center"
 };
-function uo({
+function lo({
   content: e
 }) {
   return /* @__PURE__ */ a("div", {
-    style: co,
+    style: uo,
     children: e
   });
 }
-const Sr = {
+const Er = {
   wrapper: {
     display: "flex",
     position: "relative",
@@ -2016,18 +2017,18 @@ function wt({
 }) {
   return /* @__PURE__ */ I("section", {
     style: {
-      ...Sr.wrapper,
+      ...Er.wrapper,
       width: e,
       height: r
     },
     ...c,
-    children: [!t && /* @__PURE__ */ a(uo, {
+    children: [!t && /* @__PURE__ */ a(lo, {
       content: o
     }), /* @__PURE__ */ a("div", {
       ref: s,
       style: {
-        ...Sr.fullWidth,
-        ...!t && Sr.hide
+        ...Er.fullWidth,
+        ...!t && Er.hide
       },
       className: i
     })]
@@ -2041,7 +2042,7 @@ wt.propTypes = {
   className: S.exports.string,
   wrapperProps: S.exports.object
 };
-var St = /* @__PURE__ */ ft(wt);
+var St = /* @__PURE__ */ dt(wt);
 function Et(e) {
   we(e, []);
 }
@@ -2051,21 +2052,21 @@ function ye(e, r, t = !0) {
     o.current = !1;
   } : e, r);
 }
-function Ye() {
+function Ne() {
 }
-function er(e, r, t, o) {
-  return lo(e, o) || fo(e, r, t, o);
+function rr(e, r, t, o) {
+  return fo(e, o) || po(e, r, t, o);
 }
-function lo(e, r) {
+function fo(e, r) {
   return e.editor.getModel(Tt(e, r));
 }
-function fo(e, r, t, o) {
+function po(e, r, t, o) {
   return e.editor.createModel(r, t, o && Tt(e, o));
 }
 function Tt(e, r) {
   return e.Uri.parse(r);
 }
-function po(e) {
+function go(e) {
   return e === void 0;
 }
 function Ot({
@@ -2084,72 +2085,72 @@ function Ot({
   height: m,
   width: x,
   className: Y,
-  wrapperProps: D,
+  wrapperProps: z,
   beforeMount: G,
   onMount: K
 }) {
-  const [k, H] = Ie(!1), [N, p] = Ie(!0), X = ue(null), ee = ue(null), Se = ue(null), Q = ue(K), $ = ue(G);
+  const [D, H] = Ie(!1), [N, p] = Ie(!0), X = ue(null), ee = ue(null), Se = ue(null), Q = ue(K), F = ue(G);
   Et(() => {
-    const z = mt.init();
-    return z.then((B) => (ee.current = B) && p(!1)).catch((B) => (B == null ? void 0 : B.type) !== "cancelation" && console.error("Monaco initialization: error:", B)), () => X.current ? ie() : z.cancel();
+    const k = Ye.init();
+    return k.then((B) => (ee.current = B) && p(!1)).catch((B) => (B == null ? void 0 : B.type) !== "cancelation" && console.error("Monaco initialization: error:", B)), () => X.current ? ie() : k.cancel();
   }), ye(() => {
-    const z = X.current.getModifiedEditor();
-    z.getOption(ee.current.editor.EditorOption.readOnly) ? z.setValue(r) : r !== z.getValue() && (z.executeEdits("", [{
-      range: z.getModel().getFullModelRange(),
+    const k = X.current.getModifiedEditor();
+    k.getOption(ee.current.editor.EditorOption.readOnly) ? k.setValue(r) : r !== k.getValue() && (k.executeEdits("", [{
+      range: k.getModel().getFullModelRange(),
       text: r,
       forceMoveMarkers: !0
-    }]), z.pushUndoStop());
-  }, [r], k), ye(() => {
+    }]), k.pushUndoStop());
+  }, [r], D), ye(() => {
     X.current.getModel().original.setValue(e);
-  }, [e], k), ye(() => {
+  }, [e], D), ye(() => {
     const {
-      original: z,
+      original: k,
       modified: B
     } = X.current.getModel();
-    ee.current.editor.setModelLanguage(z, o || t), ee.current.editor.setModelLanguage(B, s || t);
-  }, [t, o, s], k), ye(() => {
+    ee.current.editor.setModelLanguage(k, o || t), ee.current.editor.setModelLanguage(B, s || t);
+  }, [t, o, s], D), ye(() => {
     ee.current.editor.setTheme(v);
-  }, [v], k), ye(() => {
+  }, [v], D), ye(() => {
     X.current.updateOptions(h);
-  }, [h], k);
-  const ge = Er(() => {
-    $.current(ee.current);
-    const z = er(ee.current, e, o || t, i), B = er(ee.current, r, s || t, c);
+  }, [h], D);
+  const ge = Tr(() => {
+    F.current(ee.current);
+    const k = rr(ee.current, e, o || t, i), B = rr(ee.current, r, s || t, c);
     X.current.setModel({
-      original: z,
+      original: k,
       modified: B
     });
-  }, [t, r, s, e, o, i, c]), be = Er(() => {
+  }, [t, r, s, e, o, i, c]), be = Tr(() => {
     X.current = ee.current.editor.createDiffEditor(Se.current, {
       automaticLayout: !0,
       ...h
     }), ge(), ee.current.editor.setTheme(v), H(!0);
   }, [h, v, ge]);
   we(() => {
-    k && Q.current(X.current, ee.current);
-  }, [k]), we(() => {
-    !N && !k && be();
-  }, [N, k, be]);
+    D && Q.current(X.current, ee.current);
+  }, [D]), we(() => {
+    !N && !D && be();
+  }, [N, D, be]);
   function ie() {
-    const z = X.current.getModel();
+    const k = X.current.getModel();
     if (!u) {
       var B;
-      (B = z.original) === null || B === void 0 || B.dispose();
+      (B = k.original) === null || B === void 0 || B.dispose();
     }
     if (!d) {
       var te;
-      (te = z.modified) === null || te === void 0 || te.dispose();
+      (te = k.modified) === null || te === void 0 || te.dispose();
     }
     X.current.dispose();
   }
   return /* @__PURE__ */ a(St, {
     width: x,
     height: m,
-    isEditorReady: k,
+    isEditorReady: D,
     loading: y,
     _ref: Se,
     className: Y,
-    wrapperProps: D
+    wrapperProps: z
   });
 }
 Ot.propTypes = {
@@ -2181,17 +2182,17 @@ Ot.defaultProps = {
   width: "100%",
   height: "100%",
   wrapperProps: {},
-  beforeMount: Ye,
-  onMount: Ye
+  beforeMount: Ne,
+  onMount: Ne
 };
-function go(e) {
+function ho(e) {
   const r = ue();
   return we(() => {
     r.current = e;
   }, [e]), r.current;
 }
-const Je = /* @__PURE__ */ new Map();
-function Mr({
+const Xe = /* @__PURE__ */ new Map();
+function Ir({
   defaultValue: e,
   defaultLanguage: r,
   defaultPath: t,
@@ -2207,62 +2208,62 @@ function Mr({
   keepCurrentModel: m,
   width: x,
   height: Y,
-  className: D,
+  className: z,
   wrapperProps: G,
   beforeMount: K,
-  onMount: k,
+  onMount: D,
   onChange: H,
   onValidate: N
 }) {
-  const [p, X] = Ie(!1), [ee, Se] = Ie(!0), Q = ue(null), $ = ue(null), ge = ue(null), be = ue(k), ie = ue(K), z = ue(null), B = ue(o), te = go(i), pe = ue(!1);
+  const [p, X] = Ie(!1), [ee, Se] = Ie(!0), Q = ue(null), F = ue(null), ge = ue(null), be = ue(D), ie = ue(K), k = ue(null), B = ue(o), te = ho(i), pe = ue(!1);
   Et(() => {
-    const l = mt.init();
-    return l.then((g) => (Q.current = g) && Se(!1)).catch((g) => (g == null ? void 0 : g.type) !== "cancelation" && console.error("Monaco initialization: error:", g)), () => $.current ? Pe() : l.cancel();
+    const l = Ye.init();
+    return l.then((g) => (Q.current = g) && Se(!1)).catch((g) => (g == null ? void 0 : g.type) !== "cancelation" && console.error("Monaco initialization: error:", g)), () => F.current ? Pe() : l.cancel();
   }), ye(() => {
-    const l = er(Q.current, e || o, r || s, i);
-    l !== $.current.getModel() && (h && Je.set(te, $.current.saveViewState()), $.current.setModel(l), h && $.current.restoreViewState(Je.get(i)));
+    const l = rr(Q.current, e || o, r || s, i);
+    l !== F.current.getModel() && (h && Xe.set(te, F.current.saveViewState()), F.current.setModel(l), h && F.current.restoreViewState(Xe.get(i)));
   }, [i], p), ye(() => {
-    $.current.updateOptions(v);
+    F.current.updateOptions(v);
   }, [v], p), ye(() => {
-    $.current.getOption(Q.current.editor.EditorOption.readOnly) ? $.current.setValue(o) : o !== $.current.getValue() && ($.current.executeEdits("", [{
-      range: $.current.getModel().getFullModelRange(),
+    F.current.getOption(Q.current.editor.EditorOption.readOnly) ? F.current.setValue(o) : o !== F.current.getValue() && (F.current.executeEdits("", [{
+      range: F.current.getModel().getFullModelRange(),
       text: o,
       forceMoveMarkers: !0
-    }]), $.current.pushUndoStop());
+    }]), F.current.pushUndoStop());
   }, [o], p), ye(() => {
-    Q.current.editor.setModelLanguage($.current.getModel(), s);
+    Q.current.editor.setModelLanguage(F.current.getModel(), s);
   }, [s], p), ye(() => {
-    po(u) || $.current.revealLine(u);
+    go(u) || F.current.revealLine(u);
   }, [u], p), ye(() => {
     Q.current.editor.setTheme(c);
   }, [c], p);
-  const Ee = Er(() => {
+  const Ee = Tr(() => {
     if (!pe.current) {
       ie.current(Q.current);
-      const l = i || t, g = er(Q.current, o || e, r || s, l);
-      $.current = Q.current.editor.create(ge.current, {
+      const l = i || t, g = rr(Q.current, o || e, r || s, l);
+      F.current = Q.current.editor.create(ge.current, {
         model: g,
         automaticLayout: !0,
         ...v
-      }, y), h && $.current.restoreViewState(Je.get(l)), Q.current.editor.setTheme(c), X(!0), pe.current = !0;
+      }, y), h && F.current.restoreViewState(Xe.get(l)), Q.current.editor.setTheme(c), X(!0), pe.current = !0;
     }
   }, [e, r, t, o, s, i, v, y, h, c]);
   we(() => {
-    p && be.current($.current, Q.current);
+    p && be.current(F.current, Q.current);
   }, [p]), we(() => {
     !ee && !p && Ee();
   }, [ee, p, Ee]), B.current = o, we(() => {
     if (p && H) {
       var l, g;
-      (l = z.current) === null || l === void 0 || l.dispose(), z.current = (g = $.current) === null || g === void 0 ? void 0 : g.onDidChangeModelContent((T) => {
-        H($.current.getValue(), T);
+      (l = k.current) === null || l === void 0 || l.dispose(), k.current = (g = F.current) === null || g === void 0 ? void 0 : g.onDidChangeModelContent((T) => {
+        H(F.current.getValue(), T);
       });
     }
   }, [p, H]), we(() => {
     if (p) {
       const l = Q.current.editor.onDidChangeMarkers((g) => {
         var T;
-        const O = (T = $.current.getModel()) === null || T === void 0 ? void 0 : T.uri;
+        const O = (T = F.current.getModel()) === null || T === void 0 ? void 0 : T.uri;
         if (O && g.find((C) => C.path === O.path)) {
           const C = Q.current.editor.getModelMarkers({
             resource: O
@@ -2277,13 +2278,13 @@ function Mr({
   }, [p, N]);
   function Pe() {
     var l;
-    if ((l = z.current) === null || l === void 0 || l.dispose(), m)
-      h && Je.set(i, $.current.saveViewState());
+    if ((l = k.current) === null || l === void 0 || l.dispose(), m)
+      h && Xe.set(i, F.current.saveViewState());
     else {
       var g;
-      (g = $.current.getModel()) === null || g === void 0 || g.dispose();
+      (g = F.current.getModel()) === null || g === void 0 || g.dispose();
     }
-    $.current.dispose();
+    F.current.dispose();
   }
   return /* @__PURE__ */ a(St, {
     width: x,
@@ -2291,11 +2292,11 @@ function Mr({
     isEditorReady: p,
     loading: d,
     _ref: ge,
-    className: D,
+    className: z,
     wrapperProps: G
   });
 }
-Mr.propTypes = {
+Ir.propTypes = {
   defaultValue: S.exports.string,
   defaultPath: S.exports.string,
   defaultLanguage: S.exports.string,
@@ -2318,7 +2319,7 @@ Mr.propTypes = {
   onChange: S.exports.func,
   onValidate: S.exports.func
 };
-Mr.defaultProps = {
+Ir.defaultProps = {
   theme: "light",
   loading: "Loading...",
   options: {},
@@ -2328,19 +2329,43 @@ Mr.defaultProps = {
   width: "100%",
   height: "100%",
   wrapperProps: {},
-  beforeMount: Ye,
-  onMount: Ye,
-  onValidate: Ye
+  beforeMount: Ne,
+  onMount: Ne,
+  onValidate: Ne
+};
+var vo = /* @__PURE__ */ dt(Ir);
+function mo() {
+  return new Worker("/assets/editor.worker.64456f42.js");
+}
+function bo() {
+  return new Worker("/assets/css.worker.72a68640.js");
+}
+function yo() {
+  return new Worker("/assets/html.worker.76e8b0f3.js");
+}
+function wo() {
+  return new Worker("/assets/json.worker.e7a84e5c.js");
+}
+function So() {
+  return new Worker("/assets/ts.worker.b3dc4cb9.js");
+}
+self.MonacoEnvironment = {
+  getWorker(e, r) {
+    return r === "json" ? new wo() : r === "css" || r === "scss" || r === "less" ? new bo() : r === "html" || r === "handlebars" || r === "razor" ? new yo() : r === "typescript" || r === "javascript" ? new So() : new mo();
+  }
 };
-var ho = /* @__PURE__ */ ft(Mr);
-const vo = ({
+function Eo() {
+  Ye.__getMonacoInstance() || (console.log("loading monaco"), Ye.config({ monaco: nn }), Ye.init().then((r) => console.log("here is the monaco instance:", r)));
+}
+Eo();
+const To = ({
   value: e,
   onChange: r
 }) => /* @__PURE__ */ a(me, {
   sx: {
     position: "relative"
   },
-  children: /* @__PURE__ */ a(ho, {
+  children: /* @__PURE__ */ a(vo, {
     height: "500px",
     defaultLanguage: "javascript",
     value: e,
@@ -2354,7 +2379,7 @@ const vo = ({
       }
     }
   })
-}), lt = xr(({
+}), ft = Cr(({
   value: e,
   onChange: r,
   label: t,
@@ -2383,15 +2408,15 @@ const vo = ({
         flexGrow: 1
       },
       children: t
-    }), /* @__PURE__ */ a(Ve, {
+    }), /* @__PURE__ */ a(Be, {
       size: 800,
       title: o,
       opened: u,
       onClose: v,
       closeOnClickOutside: !1,
       withCloseButton: !1,
-      children: u && /* @__PURE__ */ I(Pr, {
-        children: [/* @__PURE__ */ a(vo, {
+      children: u && /* @__PURE__ */ I(Rr, {
+        children: [/* @__PURE__ */ a(To, {
           value: y,
           onChange: h
         }), /* @__PURE__ */ I(se, {
@@ -2418,13 +2443,13 @@ const vo = ({
       })
     })]
   });
-}), Xe = {
+}), Qe = {
   pre: ["function pre_process({ method, url, params, headers, data }, utils) {", "    // your code goes here", "    return { method, url, params, headers, data }", "}"].join(`
 `),
   post: ["function post_process(res, utils) {", "    // your code goes here", "    return data", "}"].join(`
 `)
 };
-function mo({
+function Oo({
   submit: e,
   styles: r = qe
 }) {
@@ -2432,15 +2457,15 @@ function mo({
     control: t,
     setValue: o,
     handleSubmit: s
-  } = ke({
+  } = De({
     defaultValues: {
       type: "http",
       key: "",
       config: {
         host: "",
         processing: {
-          pre: Xe.pre,
-          post: Xe.post
+          pre: Qe.pre,
+          post: Qe.post
         }
       }
     }
@@ -2462,7 +2487,7 @@ function mo({
           placeholder: "A unique name",
           ...i
         })
-      }), /* @__PURE__ */ a(Or, {
+      }), /* @__PURE__ */ a(Pr, {
         label: "Connection Info",
         labelPosition: "center"
       }), /* @__PURE__ */ a(J, {
@@ -2487,10 +2512,10 @@ function mo({
           control: t,
           render: ({
             field: i
-          }) => /* @__PURE__ */ a(lt, {
+          }) => /* @__PURE__ */ a(ft, {
             label: "Pre Processing",
             modalTitle: "This function will run before sending the request (for scenarios like encryption)",
-            defaultValue: Xe.pre,
+            defaultValue: Qe.pre,
             ...i,
             styles: r
           })
@@ -2499,10 +2524,10 @@ function mo({
           control: t,
           render: ({
             field: i
-          }) => /* @__PURE__ */ a(lt, {
+          }) => /* @__PURE__ */ a(ft, {
             label: "Post Processing",
             modalTitle: "This function will run after sending the request (for scenarios like decryption)",
-            defaultValue: Xe.post,
+            defaultValue: Qe.post,
             ...i,
             styles: r
           })
@@ -2519,7 +2544,7 @@ function mo({
     })
   });
 }
-function bo({
+function Po({
   postSubmit: e,
   styles: r = qe
 }) {
@@ -2572,23 +2597,23 @@ function bo({
       }],
       value: t,
       onChange: (u) => o(u)
-    }), i && /* @__PURE__ */ a(pn, {
+    }), i && /* @__PURE__ */ a(gn, {
       submit: s,
       styles: r,
       type: t
-    }), c && /* @__PURE__ */ a(mo, {
+    }), c && /* @__PURE__ */ a(Oo, {
       submit: s,
       styles: r
     })]
   });
 }
-function yo({
+function Ro({
   onSuccess: e,
   styles: r = qe
 }) {
-  const [t, o] = De.useState(!1), s = () => o(!0), i = () => o(!1);
+  const [t, o] = ze.useState(!1), s = () => o(!0), i = () => o(!1);
   return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(Ve, {
+    children: [/* @__PURE__ */ a(Be, {
       overflow: "inside",
       opened: t,
       onClose: () => o(!1),
@@ -2597,7 +2622,7 @@ function yo({
       onDragStart: (u) => {
         u.stopPropagation();
       },
-      children: /* @__PURE__ */ a(bo, {
+      children: /* @__PURE__ */ a(Po, {
         postSubmit: () => {
           e(), i();
         },
@@ -2606,24 +2631,24 @@ function yo({
     }), /* @__PURE__ */ a(oe, {
       size: r.button.size,
       onClick: s,
-      leftIcon: /* @__PURE__ */ a(Cr, {
+      leftIcon: /* @__PURE__ */ a(jr, {
         size: 20
       }),
       children: "Add a Data Source"
     })]
   });
 }
-function Tr() {
-  return Tr = Object.assign ? Object.assign.bind() : function(e) {
+function Or() {
+  return Or = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
       var t = arguments[r];
       for (var o in t)
         Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, Tr.apply(this, arguments);
+  }, Or.apply(this, arguments);
 }
-function wo(e, r) {
+function _o(e, r) {
   if (e == null)
     return {};
   var t, o, s = function(c, u) {
@@ -2641,19 +2666,19 @@ function wo(e, r) {
   }
   return s;
 }
-var So = ["size", "color", "stroke"];
-function Eo(e) {
-  var r = e.size, t = r === void 0 ? 24 : r, o = e.color, s = o === void 0 ? "currentColor" : o, i = e.stroke, c = i === void 0 ? 2 : i, u = wo(e, So);
-  return $e.createElement("svg", Tr({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: t, height: t, viewBox: "0 0 24 24", strokeWidth: c, stroke: s, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, u), $e.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), $e.createElement("rect", { x: 5, y: 11, width: 14, height: 10, rx: 2 }), $e.createElement("circle", { cx: 12, cy: 16, r: 1 }), $e.createElement("path", { d: "M8 11v-4a4 4 0 0 1 8 0v4" }));
+var xo = ["size", "color", "stroke"];
+function Co(e) {
+  var r = e.size, t = r === void 0 ? 24 : r, o = e.color, s = o === void 0 ? "currentColor" : o, i = e.stroke, c = i === void 0 ? 2 : i, u = _o(e, xo);
+  return Fe.createElement("svg", Or({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: t, height: t, viewBox: "0 0 24 24", strokeWidth: c, stroke: s, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, u), Fe.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), Fe.createElement("rect", { x: 5, y: 11, width: 14, height: 10, rx: 2 }), Fe.createElement("circle", { cx: 12, cy: 16, r: 1 }), Fe.createElement("path", { d: "M8 11v-4a4 4 0 0 1 8 0v4" }));
 }
-function To({
+function jo({
   id: e,
   name: r,
   isProtected: t,
   onSuccess: o,
   styles: s = qe
 }) {
-  const i = tr(), c = async () => {
+  const i = nr(), c = async () => {
     !e || (_e({
       id: "for-deleting",
       title: "Pending",
@@ -2667,7 +2692,7 @@ function To({
     }), o());
   }, u = () => i.openConfirmModal({
     title: "Delete this data source?",
-    children: /* @__PURE__ */ a(Qe, {
+    children: /* @__PURE__ */ a(Ze, {
       size: s.size,
       children: "This action won't affect your database."
     }),
@@ -2687,7 +2712,7 @@ function To({
     },
     label: "This is a preset datasource, it can not be deleted",
     children: /* @__PURE__ */ a("span", {
-      children: /* @__PURE__ */ a(Eo, {
+      children: /* @__PURE__ */ a(Co, {
         size: 16,
         color: d.colors.gray[7]
       })
@@ -2696,22 +2721,22 @@ function To({
     size: s.button.size,
     color: "red",
     onClick: u,
-    leftIcon: /* @__PURE__ */ a(jr, {
+    leftIcon: /* @__PURE__ */ a(Ar, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function No({
+function Xo({
   styles: e = qe,
   config: r
 }) {
-  nr(r);
+  or(r);
   const {
     data: t = [],
     loading: o,
     refresh: s
-  } = ze(async () => {
+  } = ke(async () => {
     const {
       data: i
     } = await de.datasource.list();
@@ -2723,7 +2748,7 @@ function No({
     children: [/* @__PURE__ */ a(se, {
       pt: e.spacing,
       position: "right",
-      children: /* @__PURE__ */ a(yo, {
+      children: /* @__PURE__ */ a(Ro, {
         onSuccess: s
       })
     }), /* @__PURE__ */ I(me, {
@@ -2731,9 +2756,9 @@ function No({
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ a(Rr, {
+      children: [/* @__PURE__ */ a(_r, {
         visible: o
-      }), /* @__PURE__ */ I(_r, {
+      }), /* @__PURE__ */ I(xr, {
         horizontalSpacing: e.spacing,
         verticalSpacing: e.spacing,
         fontSize: e.size,
@@ -2764,7 +2789,7 @@ function No({
               width: 200,
               children: /* @__PURE__ */ a(se, {
                 position: "left",
-                children: /* @__PURE__ */ a(To, {
+                children: /* @__PURE__ */ a(jo, {
                   isProtected: d,
                   id: i,
                   name: c,
@@ -2778,25 +2803,25 @@ function No({
     })]
   });
 }
-const Oo = xr(({
+const Ao = Cr(({
   label: e,
   value: r,
   description: t,
   ...o
-}, s) => /* @__PURE__ */ I(Pr, {
+}, s) => /* @__PURE__ */ I(Rr, {
   spacing: 2,
   ref: s,
   ...o,
-  children: [/* @__PURE__ */ a(Qe, {
+  children: [/* @__PURE__ */ a(Ze, {
     size: "sm",
     children: e
-  }), /* @__PURE__ */ a(Qe, {
+  }), /* @__PURE__ */ a(Ze, {
     size: "xs",
     color: "dimmed",
     className: "role-description",
     children: t
   })]
-})), Ir = xr(({
+})), kr = Cr(({
   styles: e,
   value: r,
   onChange: t
@@ -2804,7 +2829,7 @@ const Oo = xr(({
   const {
     data: s = [],
     loading: i
-  } = ze(async () => (await de.role.list()).map((u) => ({
+  } = ke(async () => (await de.role.list()).map((u) => ({
     label: u.name,
     value: u.id,
     description: u.description,
@@ -2818,7 +2843,7 @@ const Oo = xr(({
     size: e.size,
     required: !0,
     label: "Role",
-    itemComponent: Oo,
+    itemComponent: Ao,
     data: s,
     disabled: i,
     styles: () => ({
@@ -2842,7 +2867,7 @@ const Oo = xr(({
     size: "xs"
   }
 };
-function Po({
+function Mo({
   postSubmit: e,
   styles: r = xe,
   initialRoleID: t
@@ -2850,7 +2875,7 @@ function Po({
   const {
     control: o,
     handleSubmit: s
-  } = ke({
+  } = De({
     defaultValues: {
       name: "",
       email: "",
@@ -2917,7 +2942,7 @@ function Po({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(rr, {
+        }) => /* @__PURE__ */ a(tr, {
           mb: r.spacing,
           size: r.size,
           required: !0,
@@ -2930,7 +2955,7 @@ function Po({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(Ir, {
+        }) => /* @__PURE__ */ a(kr, {
           styles: r,
           ...c
         })
@@ -2946,14 +2971,14 @@ function Po({
     })
   });
 }
-function Ro({
+function Io({
   onSuccess: e,
   styles: r = xe,
   initialRoleID: t
 }) {
-  const [o, s] = De.useState(!1), i = () => s(!0), c = () => s(!1);
+  const [o, s] = ze.useState(!1), i = () => s(!0), c = () => s(!1);
   return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(Ve, {
+    children: [/* @__PURE__ */ a(Be, {
       overflow: "inside",
       opened: o,
       onClose: () => s(!1),
@@ -2962,7 +2987,7 @@ function Ro({
       onDragStart: (d) => {
         d.stopPropagation();
       },
-      children: /* @__PURE__ */ a(Po, {
+      children: /* @__PURE__ */ a(Mo, {
         postSubmit: () => {
           e(), c();
         },
@@ -2972,20 +2997,20 @@ function Ro({
     }), /* @__PURE__ */ a(oe, {
       size: r.button.size,
       onClick: i,
-      leftIcon: /* @__PURE__ */ a(Cr, {
+      leftIcon: /* @__PURE__ */ a(jr, {
         size: 20
       }),
       children: "Add an Account"
     })]
   });
 }
-function _o({
+function ko({
   id: e,
   name: r,
   onSuccess: t,
   styles: o = xe
 }) {
-  const s = tr(), i = async () => {
+  const s = nr(), i = async () => {
     if (!!e) {
       _e({
         id: "for-deleting",
@@ -3022,13 +3047,13 @@ function _o({
     size: o.button.size,
     color: "red",
     onClick: c,
-    leftIcon: /* @__PURE__ */ a(jr, {
+    leftIcon: /* @__PURE__ */ a(Ar, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function xo({
+function zo({
   id: e,
   name: r,
   email: t,
@@ -3040,7 +3065,7 @@ function xo({
     control: c,
     handleSubmit: u,
     watch: d
-  } = ke({
+  } = De({
     defaultValues: {
       name: r,
       email: t,
@@ -3052,7 +3077,7 @@ function xo({
     name: m,
     email: x,
     role_id: Y,
-    reset_password: D,
+    reset_password: z,
     new_password: G
   }) => {
     try {
@@ -3066,7 +3091,7 @@ function xo({
         name: m,
         email: x,
         role_id: Y,
-        reset_password: D,
+        reset_password: z,
         new_password: G
       }), le({
         id: "for-updating",
@@ -3116,11 +3141,11 @@ function xo({
         control: c,
         render: ({
           field: m
-        }) => /* @__PURE__ */ a(Ir, {
+        }) => /* @__PURE__ */ a(kr, {
           styles: i,
           ...m
         })
-      }), /* @__PURE__ */ a(Or, {
+      }), /* @__PURE__ */ a(Pr, {
         my: 20,
         variant: "dashed",
         label: "",
@@ -3147,7 +3172,7 @@ function xo({
         control: c,
         render: ({
           field: m
-        }) => /* @__PURE__ */ a(rr, {
+        }) => /* @__PURE__ */ a(tr, {
           autoComplete: "off",
           mb: i.spacing,
           size: i.size,
@@ -3168,16 +3193,16 @@ function xo({
     })
   });
 }
-function Co({
+function Do({
   account: e,
   onSuccess: r,
   styles: t = xe
 }) {
-  const [o, s] = De.useState(!1), i = () => s(!0), c = () => s(!1), u = () => {
+  const [o, s] = ze.useState(!1), i = () => s(!0), c = () => s(!1), u = () => {
     r(), c();
   };
   return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(Ve, {
+    children: [/* @__PURE__ */ a(Be, {
       overflow: "inside",
       opened: o,
       onClose: () => s(!1),
@@ -3186,7 +3211,7 @@ function Co({
       onDragStart: (d) => {
         d.stopPropagation();
       },
-      children: /* @__PURE__ */ a(xo, {
+      children: /* @__PURE__ */ a(zo, {
         ...e,
         postSubmit: u,
         styles: t
@@ -3201,17 +3226,17 @@ function Co({
     })]
   });
 }
-function Vo({
+function Qo({
   styles: e = xe,
   config: r
 }) {
   var v, y;
-  nr(r);
+  or(r);
   const {
     data: t = [],
     loading: o,
     refresh: s
-  } = ze(async () => {
+  } = ke(async () => {
     const {
       data: h
     } = await de.account.list();
@@ -3221,14 +3246,14 @@ function Vo({
   }), {
     data: i = [],
     loading: c
-  } = ze(async () => (await de.role.list()).map((m) => ({
+  } = ke(async () => (await de.role.list()).map((m) => ({
     label: m.name,
     value: m.id,
     description: m.description,
     disabled: m.id === 50
   })), {
     refreshDeps: []
-  }), u = dt(() => i.reduce((h, m) => (h.set(m.value, m.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
+  }), u = pt(() => i.reduce((h, m) => (h.set(m.value, m.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
     var m;
     return (m = u.get(h)) != null ? m : h;
   };
@@ -3236,7 +3261,7 @@ function Vo({
     children: [/* @__PURE__ */ a(se, {
       pt: e.spacing,
       position: "right",
-      children: /* @__PURE__ */ a(Ro, {
+      children: /* @__PURE__ */ a(Io, {
         onSuccess: s,
         initialRoleID: (y = (v = i == null ? void 0 : i[0]) == null ? void 0 : v.value) != null ? y : 0
       })
@@ -3245,9 +3270,9 @@ function Vo({
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ a(Rr, {
+      children: [/* @__PURE__ */ a(_r, {
         visible: o || c
-      }), /* @__PURE__ */ I(_r, {
+      }), /* @__PURE__ */ I(xr, {
         horizontalSpacing: e.spacing,
         verticalSpacing: e.spacing,
         fontSize: e.size,
@@ -3270,7 +3295,7 @@ function Vo({
               id: m,
               name: x,
               email: Y,
-              role_id: D
+              role_id: z
             } = h;
             return /* @__PURE__ */ I("tr", {
               children: [/* @__PURE__ */ a("td", {
@@ -3281,15 +3306,15 @@ function Vo({
                 children: Y
               }), /* @__PURE__ */ a("td", {
                 width: 200,
-                children: d(D)
+                children: d(z)
               }), /* @__PURE__ */ a("td", {
                 width: 200,
                 children: /* @__PURE__ */ I(se, {
                   position: "left",
-                  children: [/* @__PURE__ */ a(Co, {
+                  children: [/* @__PURE__ */ a(Do, {
                     account: h,
                     onSuccess: s
-                  }), /* @__PURE__ */ a(_o, {
+                  }), /* @__PURE__ */ a(ko, {
                     id: m,
                     name: x,
                     onSuccess: s
@@ -3303,14 +3328,14 @@ function Vo({
     })]
   });
 }
-function jo({
+function qo({
   postSubmit: e,
   styles: r = xe
 }) {
   const {
     control: t,
     handleSubmit: o
-  } = ke({
+  } = De({
     defaultValues: {
       name: "",
       password: ""
@@ -3363,7 +3388,7 @@ function jo({
         control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ a(rr, {
+        }) => /* @__PURE__ */ a(tr, {
           mb: r.spacing,
           size: r.size,
           required: !0,
@@ -3382,40 +3407,40 @@ function jo({
     })
   });
 }
-function Bo({
+function Zo({
   styles: e = xe,
   config: r,
   onSuccess: t
 }) {
-  return nr(r), /* @__PURE__ */ a(Oe, {
+  return or(r), /* @__PURE__ */ a(Oe, {
     children: /* @__PURE__ */ a(me, {
       mt: e.spacing,
       sx: {
         position: "relative"
       },
-      children: /* @__PURE__ */ a(jo, {
+      children: /* @__PURE__ */ a(qo, {
         styles: e,
         postSubmit: t
       })
     })
   });
 }
-const ar = {
+const sr = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function Ao({
+function $o({
   postSubmit: e,
-  styles: r = ar,
+  styles: r = sr,
   initialRoleID: t
 }) {
   const {
     control: o,
     handleSubmit: s
-  } = ke({
+  } = De({
     defaultValues: {
       name: "",
       role_id: t
@@ -3471,7 +3496,7 @@ function Ao({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(Ir, {
+        }) => /* @__PURE__ */ a(kr, {
           styles: r,
           ...c
         })
@@ -3487,14 +3512,14 @@ function Ao({
     })
   });
 }
-function Mo({
+function Fo({
   onSuccess: e,
-  styles: r = ar,
+  styles: r = sr,
   initialRoleID: t
 }) {
-  const o = tr(), [s, i] = De.useState(!1), c = () => i(!0), u = () => i(!1);
+  const o = nr(), [s, i] = ze.useState(!1), c = () => i(!0), u = () => i(!1);
   return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(Ve, {
+    children: [/* @__PURE__ */ a(Be, {
       overflow: "inside",
       opened: s,
       onClose: () => i(!1),
@@ -3503,12 +3528,12 @@ function Mo({
       onDragStart: (v) => {
         v.stopPropagation();
       },
-      children: /* @__PURE__ */ a(Ao, {
+      children: /* @__PURE__ */ a($o, {
         postSubmit: (v, y) => {
           u(), o.openModal({
             title: "API Key is generated",
-            children: /* @__PURE__ */ I(Pr, {
-              children: [/* @__PURE__ */ a(Qe, {
+            children: /* @__PURE__ */ I(Rr, {
+              children: [/* @__PURE__ */ a(Ze, {
                 color: "dimmed",
                 children: "Make sure you save it - you won't be able to access it again."
               }), /* @__PURE__ */ a(fe, {
@@ -3532,7 +3557,7 @@ function Mo({
               }), /* @__PURE__ */ a(oe, {
                 size: "sm",
                 onClick: () => {
-                  nn();
+                  on();
                 },
                 children: "I've saved this API Key"
               })]
@@ -3548,20 +3573,20 @@ function Mo({
     }), /* @__PURE__ */ a(oe, {
       size: r.button.size,
       onClick: c,
-      leftIcon: /* @__PURE__ */ a(Cr, {
+      leftIcon: /* @__PURE__ */ a(jr, {
         size: 20
       }),
       children: "Add an API Key"
     })]
   });
 }
-function Io({
+function Lo({
   id: e,
   name: r,
   onSuccess: t,
-  styles: o = ar
+  styles: o = sr
 }) {
-  const s = tr(), i = async () => {
+  const s = nr(), i = async () => {
     if (!!e) {
       _e({
         id: "for-deleting",
@@ -3598,23 +3623,23 @@ function Io({
     size: o.button.size,
     color: "red",
     onClick: c,
-    leftIcon: /* @__PURE__ */ a(jr, {
+    leftIcon: /* @__PURE__ */ a(Ar, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function Ko({
-  styles: e = ar,
+function ei({
+  styles: e = sr,
   config: r
 }) {
   var v, y;
-  nr(r);
+  or(r);
   const {
     data: t = [],
     loading: o,
     refresh: s
-  } = ze(async () => {
+  } = ke(async () => {
     const {
       data: h
     } = await de.api_key.list();
@@ -3624,14 +3649,14 @@ function Ko({
   }), {
     data: i = [],
     loading: c
-  } = ze(async () => (await de.role.list()).map((m) => ({
+  } = ke(async () => (await de.role.list()).map((m) => ({
     label: m.name,
     value: m.id,
     description: m.description,
     disabled: m.id === 50
   })), {
     refreshDeps: []
-  }), u = dt(() => i.reduce((h, m) => (h.set(m.value, m.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
+  }), u = pt(() => i.reduce((h, m) => (h.set(m.value, m.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
     var m;
     return (m = u.get(h)) != null ? m : h;
   };
@@ -3639,7 +3664,7 @@ function Ko({
     children: [/* @__PURE__ */ a(se, {
       pt: e.spacing,
       position: "right",
-      children: /* @__PURE__ */ a(Mo, {
+      children: /* @__PURE__ */ a(Fo, {
         onSuccess: s,
         initialRoleID: (y = (v = i == null ? void 0 : i[0]) == null ? void 0 : v.value) != null ? y : 0
       })
@@ -3648,9 +3673,9 @@ function Ko({
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ a(Rr, {
+      children: [/* @__PURE__ */ a(_r, {
         visible: o || c
-      }), /* @__PURE__ */ I(_r, {
+      }), /* @__PURE__ */ I(xr, {
         horizontalSpacing: e.spacing,
         verticalSpacing: e.spacing,
         fontSize: e.size,
@@ -3673,7 +3698,7 @@ function Ko({
               id: m,
               name: x,
               app_id: Y,
-              role_id: D
+              role_id: z
             } = h;
             return /* @__PURE__ */ I("tr", {
               children: [/* @__PURE__ */ a("td", {
@@ -3684,12 +3709,12 @@ function Ko({
                 children: Y
               }), /* @__PURE__ */ a("td", {
                 width: 200,
-                children: d(D)
+                children: d(z)
               }), /* @__PURE__ */ a("td", {
                 width: 200,
                 children: /* @__PURE__ */ a(se, {
                   position: "left",
-                  children: /* @__PURE__ */ a(Io, {
+                  children: /* @__PURE__ */ a(Lo, {
                     id: m,
                     name: x,
                     onSuccess: s
@@ -3703,17 +3728,17 @@ function Ko({
     })]
   });
 }
-const Ho = () => import("./package.d6f651f3.mjs").then(({ version: e }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
+const ri = () => import("./package.b74d5f91.mjs").then(({ version: e }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {
-  Ko as APIKeyList,
-  Vo as AccountList,
-  Mo as AddAPIKey,
-  Ro as AddAccount,
-  yo as AddDataSource,
-  No as DataSourceList,
-  Io as DeleteAPIKey,
-  _o as DeleteAccount,
-  To as DeleteDataSource,
-  Bo as Login,
-  Ho as getVersion
+  ei as APIKeyList,
+  Qo as AccountList,
+  Fo as AddAPIKey,
+  Io as AddAccount,
+  Ro as AddDataSource,
+  Xo as DataSourceList,
+  Lo as DeleteAPIKey,
+  ko as DeleteAccount,
+  jo as DeleteDataSource,
+  Zo as Login,
+  ri as getVersion
 };