@devtable/settings-form 8.13.0 → 8.13.2

package/dist/settings-form.es.js

@@ -1,15 +1,21 @@
-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 ve, 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 ke, { 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 { useForm as De, 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 * as nn from "monaco-editor";
+import on from "monaco-editor/esm/vs/editor/editor.worker?worker";
+import an from "monaco-editor/esm/vs/language/css/css.worker?worker";
+import sn from "monaco-editor/esm/vs/language/html/html.worker?worker";
+import cn from "monaco-editor/esm/vs/language/json/json.worker?worker";
+import un from "monaco-editor/esm/vs/language/typescript/ts.worker?worker";
+import { useModals as nr, closeAllModals as ln } from "@mantine/modals";
+function fn(e) {
   e = e || {};
   const r = Object.keys(e).sort(), t = [];
   for (let o = 0; o < r.length; o++) {
@@ -28,8 +34,8 @@ function on(e) {
   }
   return t.sort().join("&");
 }
-function an(e, r) {
-  let t = on(e);
+function dn(e, r) {
+  let t = fn(e);
   return t += "&key=" + r, en.MD5(t).toString().toUpperCase();
 }
 const ne = {
@@ -43,7 +49,7 @@ const ne = {
     return {
       app_id: this.app_id,
       nonce_str: r,
-      sign: an(
+      sign: dn(
         {
           app_id: this.app_id,
           nonce_str: r,
@@ -71,10 +77,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 pn = {
   login: async (e, r) => {
     const t = {
       name: e,
@@ -121,7 +127,7 @@ const sn = {
     if (!!e)
       return ne.getRequest("POST")("/account/delete", { id: e });
   }
-}, cn = {
+}, gn = {
   list: async () => await ne.getRequest("POST")("/api/key/list", {
     filter: {
       search: ""
@@ -145,7 +151,7 @@ const sn = {
     if (!!e)
       return ne.getRequest("POST")("/api/key/delete", { id: e });
   }
-}, un = {
+}, hn = {
   list: async () => await ne.getRequest("POST")("/datasource/list", {
     filter: {},
     sort: [
@@ -167,13 +173,13 @@ const sn = {
   delete: async (e) => {
     await ne.getRequest("POST")("/datasource/delete", { id: e });
   }
-}, ln = {
+}, mn = {
   list: async () => await ne.getRequest("GET")("/role/list", {})
 }, de = {
-  datasource: un,
-  account: sn,
-  role: ln,
-  api_key: cn
+  datasource: hn,
+  account: pn,
+  role: mn,
+  api_key: gn
 }, qe = {
   size: "sm",
   spacing: "md",
@@ -181,7 +187,7 @@ const sn = {
     size: "xs"
   }
 };
-var or = { exports: {} }, Le = {};
+var ir = { exports: {} }, Le = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -191,21 +197,21 @@ 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 vn() {
+  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 };
-  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);
-    for (y in d)
-      o.call(d, y) && !i.hasOwnProperty(y) && (h[y] = d[y]);
+  Hr = 1;
+  var e = ke, 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, m) {
+    var b, h = {}, v = null, x = null;
+    m !== void 0 && (v = "" + m), d.key !== void 0 && (v = "" + d.key), d.ref !== void 0 && (x = d.ref);
+    for (b in d)
+      o.call(d, b) && !i.hasOwnProperty(b) && (h[b] = d[b]);
     if (u && u.defaultProps)
-      for (y in d = u.defaultProps, d)
-        h[y] === void 0 && (h[y] = d[y]);
-    return { $$typeof: r, type: u, key: m, ref: x, props: h, _owner: s.current };
+      for (b in d = u.defaultProps, d)
+        h[b] === void 0 && (h[b] = d[b]);
+    return { $$typeof: r, type: u, key: v, ref: x, props: h, _owner: s.current };
   }
   return Le.Fragment = t, Le.jsx = c, Le.jsxs = c, Le;
 }
@@ -219,29 +225,29 @@ 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 yn() {
+  return Gr || (Gr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = ke, 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"), m = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), Y = Symbol.iterator, k = "@@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[k];
       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];
-        H("error", n, b);
+        for (var f = arguments.length, y = new Array(f > 1 ? f - 1 : 0), E = 1; E < f; E++)
+          y[E - 1] = arguments[E];
+        H("error", n, y);
       }
     }
-    function H(n, f, b) {
+    function H(n, f, y) {
       {
         var E = K.ReactDebugCurrentFrame, L = E.getStackAddendum();
-        L !== "" && (f += "%s", b = b.concat([L]));
-        var V = b.map(function(q) {
+        L !== "" && (f += "%s", y = y.concat([L]));
+        var V = y.map(function(q) {
           return String(q);
         });
         V.unshift("Warning: " + f), Function.prototype.apply.call(console[n], console, V);
@@ -250,22 +256,22 @@ function dn() {
     var N = !1, p = !1, X = !1, ee = !1, Se = !1, Q;
     Q = Symbol.for("react.module.reference");
     function $(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));
+      return !!(typeof n == "string" || typeof n == "function" || n === o || n === i || Se || n === s || n === m || n === b || ee || n === x || N || p || X || typeof n == "object" && n !== null && (n.$$typeof === v || n.$$typeof === h || n.$$typeof === c || n.$$typeof === u || n.$$typeof === d || n.$$typeof === Q || n.getModuleId !== void 0));
     }
-    function ge(n, f, b) {
+    function ge(n, f, y) {
       var E = n.displayName;
       if (E)
         return E;
       var L = f.displayName || f.name || "";
-      return L !== "" ? b + "(" + L + ")" : b;
+      return L !== "" ? y + "(" + L + ")" : y;
     }
-    function be(n) {
+    function ye(n) {
       return n.displayName || "Context";
     }
     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;
@@ -278,25 +284,25 @@ function dn() {
           return "Profiler";
         case s:
           return "StrictMode";
-        case v:
+        case m:
           return "Suspense";
-        case y:
+        case b:
           return "SuspenseList";
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
           case u:
             var f = n;
-            return be(f) + ".Consumer";
+            return ye(f) + ".Consumer";
           case c:
-            var b = n;
-            return be(b._context) + ".Provider";
+            var y = n;
+            return ye(y._context) + ".Provider";
           case d:
             return ge(n, n.render, "ForwardRef");
           case h:
             var E = n.displayName || null;
             return E !== null ? E : ie(n.type) || "Memo";
-          case m: {
+          case v: {
             var L = n, V = L._payload, q = L._init;
             try {
               return ie(q(V));
@@ -366,11 +372,11 @@ function dn() {
             })
           });
         }
-        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, _;
-    function j(n, f, b) {
+    function j(n, f, y) {
       {
         if (_ === void 0)
           try {
@@ -392,9 +398,9 @@ function dn() {
       if (!n || F)
         return "";
       {
-        var b = A.get(n);
-        if (b !== void 0)
-          return b;
+        var y = A.get(n);
+        if (y !== void 0)
+          return y;
       }
       var E;
       F = !0;
@@ -445,9 +451,9 @@ function dn() {
               if (Z !== 1 || re !== 1)
                 do
                   if (Z--, re--, re < 0 || M[Z] !== ce[re]) {
-                    var ve = `
+                    var me = `
 ` + M[Z].replace(" at new ", " at ");
-                    return n.displayName && ve.includes("<anonymous>") && (ve = ve.replace("<anonymous>", n.displayName)), typeof n == "function" && A.set(n, ve), ve;
+                    return n.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", n.displayName)), typeof n == "function" && A.set(n, me), me;
                   }
                 while (Z >= 1 && re >= 0);
               break;
@@ -456,17 +462,17 @@ function dn() {
       } finally {
         F = !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) {
+    function he(n, f, y) {
       return w(n, !1);
     }
     function je(n) {
       var f = n.prototype;
       return !!(f && f.isReactComponent);
     }
-    function Ce(n, f, b) {
+    function Ce(n, f, y) {
       if (n == null)
         return "";
       if (typeof n == "function")
@@ -474,9 +480,9 @@ function dn() {
       if (typeof n == "string")
         return j(n);
       switch (n) {
-        case v:
+        case m:
           return j("Suspense");
-        case y:
+        case b:
           return j("SuspenseList");
       }
       if (typeof n == "object")
@@ -484,77 +490,77 @@ function dn() {
           case d:
             return he(n.render);
           case h:
-            return Ce(n.type, f, b);
-          case m: {
+            return Ce(n.type, f, y);
+          case v: {
             var E = n, L = E._payload, V = E._init;
             try {
-              return Ce(V(L), f, b);
+              return Ce(V(L), f, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ke = Object.prototype.hasOwnProperty, zr = {}, Dr = K.ReactDebugCurrentFrame;
-    function He(n) {
+    var He = Object.prototype.hasOwnProperty, kr = {}, 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);
+        var f = n._owner, y = Ce(n.type, n._source, f ? f.type : null);
+        Dr.setExtraStackFrame(y);
       } else
         Dr.setExtraStackFrame(null);
     }
-    function Pt(n, f, b, E, L) {
+    function Pt(n, f, y, 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;
             try {
               if (typeof n[q] != "function") {
-                var ce = Error((E || "React class") + ": " + b + " type `" + q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[q] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var ce = Error((E || "React class") + ": " + y + " type `" + q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[q] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ce.name = "Invariant Violation", ce;
               }
-              M = n[q](f, q, E, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              M = n[q](f, q, E, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } 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", y, q, typeof M), Ge(null)), M instanceof Error && !(M.message in kr) && (kr[M.message] = !0, Ge(L), D("Failed %s type: %s", y, M.message), Ge(null));
           }
       }
     }
     var Rt = Array.isArray;
-    function sr(n) {
+    function cr(n) {
       return Rt(n);
     }
     function _t(n) {
       {
-        var f = typeof Symbol == "function" && Symbol.toStringTag, b = f && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return b;
+        var f = typeof Symbol == "function" && Symbol.toStringTag, y = f && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return y;
       }
     }
     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 Fr(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 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Fr, $r, cr;
-    cr = {};
+    }, $r, 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 +568,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;
@@ -571,38 +577,38 @@ function dn() {
     }
     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);
+        var y = ie(Fe.current.type);
+        ur[y] || (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(Fe.current.type), n.ref), ur[y] = !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));
+        var y = function() {
+          $r || ($r = !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,
+        y.isReactWarning = !0, Object.defineProperty(n, "key", {
+          get: y,
           configurable: !0
         });
       }
     }
     function zt(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));
+        var y = function() {
+          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,
+        y.isReactWarning = !0, Object.defineProperty(n, "ref", {
+          get: y,
           configurable: !0
         });
       }
     }
-    var Dt = function(n, f, b, E, L, V, q) {
+    var kt = function(n, f, y, E, L, V, q) {
       var M = {
         $$typeof: r,
         type: n,
         key: f,
-        ref: b,
+        ref: y,
         props: q,
         _owner: V
       };
@@ -623,12 +629,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, y, 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));
+        y !== void 0 && (Fr(y), M = "" + y), At(f) && (Fr(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)
@@ -638,26 +644,26 @@ function dn() {
           var re = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
           M && It(q, re), ce && zt(q, re);
         }
-        return Dt(n, M, ce, L, E, Fe.current, q);
+        return kt(n, M, ce, L, E, Fe.current, q);
       }
     }
-    var ur = K.ReactCurrentOwner, Lr = K.ReactDebugCurrentFrame;
+    var lr = K.ReactCurrentOwner, Ur = K.ReactDebugCurrentFrame;
     function Ae(n) {
       if (n) {
-        var f = n._owner, b = Ce(n.type, n._source, f ? f.type : null);
-        Lr.setExtraStackFrame(b);
+        var f = n._owner, y = Ce(n.type, n._source, f ? f.type : null);
+        Ur.setExtraStackFrame(y);
       } else
-        Lr.setExtraStackFrame(null);
+        Ur.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() {
+    function Wr() {
       {
-        if (ur.current) {
-          var n = ie(ur.current.type);
+        if (lr.current) {
+          var n = ie(lr.current.type);
           if (n)
             return `
 
@@ -669,56 +675,56 @@ Check the render method of \`` + n + "`.";
     function qt(n) {
       {
         if (n !== void 0) {
-          var f = n.fileName.replace(/^.*[\\\/]/, ""), b = n.lineNumber;
+          var f = n.fileName.replace(/^.*[\\\/]/, ""), y = n.lineNumber;
           return `
 
-Check your code at ` + f + ":" + b + ".";
+Check your code at ` + f + ":" + y + ".";
         }
         return "";
       }
     }
-    var Wr = {};
+    var Yr = {};
     function Ft(n) {
       {
-        var f = Ur();
+        var f = Wr();
         if (!f) {
-          var b = typeof n == "string" ? n : n.displayName || n.name;
-          b && (f = `
+          var y = typeof n == "string" ? n : n.displayName || n.name;
+          y && (f = `
 
-Check the top-level render call using <` + b + ">.");
+Check the top-level render call using <` + y + ">.");
         }
         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 y = Ft(f);
+        if (Yr[y])
           return;
-        Wr[b] = !0;
+        Yr[y] = !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.', y, E), Ae(null);
       }
     }
-    function Nr(n, f) {
+    function Vr(n, f) {
       {
         if (typeof n != "object")
           return;
-        if (sr(n))
-          for (var b = 0; b < n.length; b++) {
-            var E = n[b];
-            fr(E) && Yr(E, f);
+        if (cr(n))
+          for (var y = 0; y < n.length; y++) {
+            var E = n[y];
+            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);
         }
       }
     }
@@ -727,81 +733,81 @@ Check the top-level render call using <` + b + ">.");
         var f = n.type;
         if (f == null || typeof f == "string")
           return;
-        var b;
+        var y;
         if (typeof f == "function")
-          b = f.propTypes;
+          y = f.propTypes;
         else if (typeof f == "object" && (f.$$typeof === d || f.$$typeof === h))
-          b = f.propTypes;
+          y = f.propTypes;
         else
           return;
-        if (b) {
+        if (y) {
           var E = ie(f);
-          Pt(b, n.props, "prop", E, n);
-        } else if (f.PropTypes !== void 0 && !lr) {
-          lr = !0;
+          Pt(y, n.props, "prop", E, n);
+        } 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) {
       {
-        for (var f = Object.keys(n.props), b = 0; b < f.length; b++) {
-          var E = f[b];
+        for (var f = Object.keys(n.props), y = 0; y < f.length; y++) {
+          var E = f[y];
           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, y, E, L, V) {
       {
         var q = $(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();
+          ce ? M += ce : M += Wr();
           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, y, L, V);
         if (re == null)
           return re;
         if (q) {
-          var ve = f.children;
-          if (ve !== void 0)
+          var me = f.children;
+          if (me !== void 0)
             if (E)
-              if (sr(ve)) {
-                for (var Me = 0; Me < ve.length; Me++)
-                  Nr(ve[Me], n);
-                Object.freeze && Object.freeze(ve);
+              if (cr(me)) {
+                for (var Me = 0; Me < me.length; Me++)
+                  Vr(me[Me], n);
+                Object.freeze && Object.freeze(me);
               } 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(me, n);
         }
         return n === o ? Lt(re) : $t(re), re;
       }
     }
-    function Ut(n, f, b) {
-      return Vr(n, f, b, !0);
+    function Ut(n, f, y) {
+      return Br(n, f, y, !0);
     }
-    function Wt(n, f, b) {
-      return Vr(n, f, b, !1);
+    function Wt(n, f, y) {
+      return Br(n, f, y, !1);
     }
     var Yt = Wt, Nt = Ut;
     Ue.Fragment = o, Ue.jsx = Yt, Ue.jsxs = Nt;
   }()), Ue;
 }
 (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 = vn() : e.exports = yn();
+})(ir);
+const Oe = ir.exports.Fragment, a = ir.exports.jsx, I = ir.exports.jsxs;
+function bn({
   submit: e,
   styles: r = qe,
   type: t
@@ -810,7 +816,7 @@ function pn({
     control: o,
     setValue: s,
     handleSubmit: i
-  } = ke({
+  } = De({
     defaultValues: {
       type: t,
       key: "",
@@ -825,7 +831,7 @@ function pn({
   });
   return we(() => {
     s("type", t);
-  }, [s, t]), /* @__PURE__ */ a(me, {
+  }, [s, t]), /* @__PURE__ */ a(ve, {
     mx: "auto",
     children: /* @__PURE__ */ I("form", {
       onSubmit: i(e),
@@ -842,7 +848,7 @@ function pn({
           placeholder: "A unique name",
           ...c
         })
-      }), /* @__PURE__ */ a(Or, {
+      }), /* @__PURE__ */ a(Pr, {
         label: "Connection Info",
         labelPosition: "center"
       }), /* @__PURE__ */ I(se, {
@@ -896,7 +902,7 @@ function pn({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(rr, {
+        }) => /* @__PURE__ */ a(tr, {
           mb: r.spacing,
           size: r.size,
           required: !0,
@@ -927,7 +933,7 @@ function pn({
     })
   });
 }
-function gn(e, r, t) {
+function wn(e, r, t) {
   return r in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: !0,
@@ -935,7 +941,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 +951,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) {
+      wn(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 Sn(e, r) {
   if (e == null)
     return {};
   var t = {}, o = Object.keys(e), s, i;
@@ -964,10 +970,10 @@ function hn(e, r) {
     s = o[i], !(r.indexOf(s) >= 0) && (t[s] = e[s]);
   return t;
 }
-function vn(e, r) {
+function En(e, r) {
   if (e == null)
     return {};
-  var t = hn(e, r), o, s;
+  var t = Sn(e, r), o, s;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
     for (s = 0; s < i.length; s++)
@@ -975,14 +981,14 @@ function vn(e, r) {
   }
   return t;
 }
-function mn(e, r) {
-  return bn(e) || yn(e, r) || wn(e, r) || Sn();
+function Tn(e, r) {
+  return On(e) || Pn(e, r) || Rn(e, r) || _n();
 }
-function bn(e) {
+function On(e) {
   if (Array.isArray(e))
     return e;
 }
-function yn(e, r) {
+function Pn(e, r) {
   if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(e)))) {
     var t = [], o = !0, s = !1, i = void 0;
     try {
@@ -1001,28 +1007,28 @@ function yn(e, r) {
     return t;
   }
 }
-function wn(e, r) {
+function Rn(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 _n() {
   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 xn(e, r, t) {
   return r in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: !0,
@@ -1030,7 +1036,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 +1046,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) {
+      xn(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 Cn() {
   for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
     r[t] = arguments[t];
   return function(o) {
@@ -1071,38 +1077,38 @@ function We(e) {
     };
   };
 }
-function Ze(e) {
+function er(e) {
   return {}.toString.call(e).includes("Object");
 }
-function On(e) {
+function jn(e) {
   return !Object.keys(e).length;
 }
-function Ne(e) {
+function Ve(e) {
   return typeof e == "function";
 }
-function Pn(e, r) {
+function An(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 Mn(e, r) {
+  return er(r) || Re("changeType"), Object.keys(r).some(function(t) {
+    return !An(e, t);
   }) && Re("changeField"), r;
 }
-function _n(e) {
-  Ne(e) || Re("selectorType");
+function In(e) {
+  Ve(e) || Re("selectorType");
 }
-function xn(e) {
-  Ne(e) || Ze(e) || Re("handlerType"), Ze(e) && Object.values(e).some(function(r) {
-    return !Ne(r);
+function zn(e) {
+  Ve(e) || er(e) || Re("handlerType"), er(e) && Object.values(e).some(function(r) {
+    return !Ve(r);
   }) && Re("handlersType");
 }
-function Cn(e) {
-  e || Re("initialIsRequired"), Ze(e) || Re("initialType"), On(e) && Re("initialContent");
+function kn(e) {
+  e || Re("initialIsRequired"), er(e) || Re("initialType"), jn(e) && Re("initialContent");
 }
-function jn(e, r) {
+function Dn(e, r) {
   throw new Error(e[r] || e.default);
 }
-var An = {
+var qn = {
   initialIsRequired: "initial state is required",
   initialType: "initial state should be an object",
   initialContent: "initial state shouldn't be an empty object",
@@ -1112,49 +1118,49 @@ 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 = We(Dn)(qn), Je = {
+  changes: Mn,
+  selector: In,
+  handler: zn,
+  initial: kn
 };
-function Mn(e) {
+function Fn(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 = We(Un)(t, r), s = We(Ln)(t), i = We(Je.changes)(e), c = We($n)(t);
   function u() {
-    var v = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(y) {
-      return y;
+    var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(b) {
+      return b;
     };
-    return Ge.selector(v), v(t.current);
+    return Je.selector(m), m(t.current);
   }
-  function d(v) {
-    Tn(o, s, i, c)(v);
+  function d(m) {
+    Cn(o, s, i, c)(m);
   }
   return [u, d];
 }
-function In(e, r) {
-  return Ne(r) ? r(e.current) : r;
+function $n(e, r) {
+  return Ve(r) ? r(e.current) : r;
 }
-function zn(e, r) {
-  return e.current = Zr(Zr({}, e.current), r), r;
+function Ln(e, 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) {
+function Un(e, r, t) {
+  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 Wn = {
+  create: Fn
+}, Yn = {
   paths: {
     vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.33.0/min/vs"
   }
 };
-function Fn(e) {
+function Nn(e) {
   return function r() {
     for (var t = this, o = arguments.length, s = new Array(o), i = 0; i < o; i++)
       s[i] = arguments[i];
@@ -1165,23 +1171,23 @@ function Fn(e) {
     };
   };
 }
-function $n(e) {
+function Vn(e) {
   return {}.toString.call(e).includes("Object");
 }
-function Ln(e) {
-  return e || et("configIsRequired"), $n(e) || et("configType"), e.urls ? (Un(), {
+function Bn(e) {
+  return e || rt("configIsRequired"), Vn(e) || rt("configType"), e.urls ? (Kn(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
-function Un() {
-  console.warn(pt.deprecation);
+function Kn() {
+  console.warn(gt.deprecation);
 }
-function Wn(e, r) {
+function Hn(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 +1201,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 = Nn(Hn)(gt), Gn = {
+  config: Bn
+}, Jn = function() {
   for (var r = arguments.length, t = new Array(r), o = 0; o < r; o++)
     t[o] = arguments[o];
   return function(s) {
@@ -1206,43 +1212,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 Xn = {
   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(Xn) : o(i);
     }), e.catch(s);
   });
   return t.cancel = function() {
     return r = !0;
   }, t;
 }
-var Bn = kn.create({
-  config: qn,
+var Qn = Wn.create({
+  config: Yn,
   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) {
+}), mt = Tn(Qn, 2), Ke = mt[0], ar = mt[1];
+function Zn(e) {
+  var r = Gn.config(e), t = r.monaco, o = En(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 eo() {
+  var e = Ke(function(r) {
     var t = r.monaco, o = r.isInitialized, s = r.resolve;
     return {
       monaco: t,
@@ -1251,37 +1257,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 vt(window.monaco), e.resolve(window.monaco), pr(gr);
+    Jn(ro, no)(oo);
   }
-  return dr(pr);
+  return pr(gr);
 }
-function Gn(e) {
+function ro(e) {
   return document.body.appendChild(e);
 }
-function Jn(e) {
+function to(e) {
   var r = document.createElement("script");
   return e && (r.src = e), r;
 }
-function Xn(e) {
-  var r = Be(function(o) {
+function no(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 = to("".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 oo() {
+  var e = Ke(function(t) {
     var o = t.config, s = t.resolve, i = t.reject;
     return {
       config: o,
@@ -1296,26 +1302,26 @@ function Qn() {
   });
 }
 function vt(e) {
-  Be().monaco || ir({
+  Ke().monaco || ar({
     monaco: e
   });
 }
-function Zn() {
-  return Be(function(e) {
+function io() {
+  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: Zn,
+  init: eo,
+  __getMonacoInstance: io
+}, S = { exports: {} }, hr = { exports: {} }, U = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -1324,12 +1330,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)
+var tt;
+function ao() {
+  if (tt)
     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;
+  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, m = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, v = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, k = 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;
@@ -1337,7 +1343,7 @@ function eo() {
         case r:
           switch (p = p.type, p) {
             case d:
-            case v:
+            case m:
             case o:
             case i:
             case s:
@@ -1346,7 +1352,7 @@ function eo() {
             default:
               switch (p = p && p.$$typeof, p) {
                 case u:
-                case y:
+                case b:
                 case Y:
                 case x:
                 case c:
@@ -1361,9 +1367,9 @@ function eo() {
     }
   }
   function N(p) {
-    return H(p) === v;
+    return H(p) === m;
   }
-  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 U.AsyncMode = d, U.ConcurrentMode = m, U.ContextConsumer = u, U.ContextProvider = c, U.Element = r, U.ForwardRef = b, 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 N(p) || H(p) === d;
   }, U.isConcurrentMode = N, U.isContextConsumer = function(p) {
     return H(p) === u;
@@ -1372,7 +1378,7 @@ function eo() {
   }, U.isElement = function(p) {
     return typeof p == "object" && p !== null && p.$$typeof === r;
   }, U.isForwardRef = function(p) {
-    return H(p) === y;
+    return H(p) === b;
   }, U.isFragment = function(p) {
     return H(p) === o;
   }, U.isLazy = function(p) {
@@ -1388,7 +1394,7 @@ function eo() {
   }, U.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);
+    return typeof p == "string" || typeof p == "function" || p === o || p === m || p === i || p === s || p === h || p === v || typeof p == "object" && p !== null && (p.$$typeof === Y || p.$$typeof === x || p.$$typeof === c || p.$$typeof === u || p.$$typeof === b || p.$$typeof === G || p.$$typeof === K || p.$$typeof === D || p.$$typeof === k);
   }, U.typeOf = H, U;
 }
 var W = {};
@@ -1400,12 +1406,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 so() {
+  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, m = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, v = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, k = 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 === m || w === i || w === s || w === h || w === v || typeof w == "object" && w !== null && (w.$$typeof === Y || w.$$typeof === x || w.$$typeof === c || w.$$typeof === u || w.$$typeof === b || w.$$typeof === G || w.$$typeof === K || w.$$typeof === D || w.$$typeof === k);
     }
     function N(w) {
       if (typeof w == "object" && w !== null) {
@@ -1415,7 +1421,7 @@ function ro() {
             var je = w.type;
             switch (je) {
               case d:
-              case v:
+              case m:
               case o:
               case i:
               case s:
@@ -1425,7 +1431,7 @@ function ro() {
                 var Ce = je && je.$$typeof;
                 switch (Ce) {
                   case u:
-                  case y:
+                  case b:
                   case Y:
                   case x:
                   case c:
@@ -1439,12 +1445,12 @@ 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 = m, ee = u, Se = c, Q = r, $ = b, ge = o, ye = Y, ie = x, z = 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;
     }
     function l(w) {
-      return N(w) === v;
+      return N(w) === m;
     }
     function g(w) {
       return N(w) === u;
@@ -1456,7 +1462,7 @@ function ro() {
       return typeof w == "object" && w !== null && w.$$typeof === r;
     }
     function P(w) {
-      return N(w) === y;
+      return N(w) === b;
     }
     function C(w) {
       return N(w) === o;
@@ -1479,25 +1485,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.AsyncMode = p, W.ConcurrentMode = X, W.ContextConsumer = ee, W.ContextProvider = Se, W.Element = Q, W.ForwardRef = $, W.Fragment = ge, W.Lazy = ye, 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;
 }
-var nt;
-function bt() {
-  return nt || (nt = 1, function(e) {
-    process.env.NODE_ENV === "production" ? e.exports = eo() : e.exports = ro();
-  }(gr)), gr.exports;
+var ot;
+function yt() {
+  return ot || (ot = 1, function(e) {
+    process.env.NODE_ENV === "production" ? e.exports = ao() : e.exports = so();
+  }(hr)), hr.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var hr, ot;
-function to() {
-  if (ot)
-    return hr;
-  ot = 1;
+var mr, it;
+function co() {
+  if (it)
+    return mr;
+  it = 1;
   var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function o(i) {
     if (i == null)
@@ -1513,54 +1519,54 @@ function to() {
         return !1;
       for (var c = {}, u = 0; u < 10; u++)
         c["_" + String.fromCharCode(u)] = u;
-      var d = Object.getOwnPropertyNames(c).map(function(y) {
-        return c[y];
+      var d = Object.getOwnPropertyNames(c).map(function(b) {
+        return c[b];
       });
       if (d.join("") !== "0123456789")
         return !1;
-      var v = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
-        v[y] = y;
-      }), Object.keys(Object.assign({}, v)).join("") === "abcdefghijklmnopqrst";
+      var m = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
+        m[b] = b;
+      }), Object.keys(Object.assign({}, m)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return hr = s() ? Object.assign : function(i, c) {
-    for (var u, d = o(i), v, y = 1; y < arguments.length; y++) {
-      u = Object(arguments[y]);
+  return mr = s() ? Object.assign : function(i, c) {
+    for (var u, d = o(i), m, b = 1; b < arguments.length; b++) {
+      u = Object(arguments[b]);
       for (var h in u)
         r.call(u, h) && (d[h] = u[h]);
       if (e) {
-        v = e(u);
-        for (var m = 0; m < v.length; m++)
-          t.call(u, v[m]) && (d[v[m]] = u[v[m]]);
+        m = e(u);
+        for (var v = 0; v < m.length; v++)
+          t.call(u, m[v]) && (d[m[v]] = u[m[v]]);
       }
     }
     return d;
-  }, hr;
+  }, mr;
 }
-var vr, it;
-function Ar() {
-  if (it)
+var vr, at;
+function Mr() {
+  if (at)
     return vr;
-  it = 1;
+  at = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return vr = e, vr;
 }
-var mr, at;
-function yt() {
-  return at || (at = 1, mr = Function.call.bind(Object.prototype.hasOwnProperty)), mr;
+var yr, st;
+function bt() {
+  return st || (st = 1, yr = Function.call.bind(Object.prototype.hasOwnProperty)), yr;
 }
-var br, st;
-function no() {
-  if (st)
+var br, ct;
+function uo() {
+  if (ct)
     return br;
-  st = 1;
+  ct = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = Ar(), t = {}, o = yt();
+    var r = Mr(), t = {}, o = bt();
     e = function(i) {
       var c = "Warning: " + i;
       typeof console < "u" && console.error(c);
@@ -1570,27 +1576,27 @@ function no() {
       }
     };
   }
-  function s(i, c, u, d, v) {
+  function s(i, c, u, d, m) {
     if (process.env.NODE_ENV !== "production") {
-      for (var y in i)
-        if (o(i, y)) {
+      for (var b in i)
+        if (o(i, b)) {
           var h;
           try {
-            if (typeof i[y] != "function") {
-              var m = Error(
-                (d || "React class") + ": " + u + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            if (typeof i[b] != "function") {
+              var v = Error(
+                (d || "React class") + ": " + u + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw m.name = "Invariant Violation", m;
+              throw v.name = "Invariant Violation", v;
             }
-            h = i[y](c, y, d, u, null, r);
+            h = i[b](c, b, d, u, null, r);
           } catch (Y) {
             h = Y;
           }
           if (h && !(h instanceof Error) && e(
-            (d || "React class") + ": type specification of " + u + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (d || "React class") + ": type specification of " + u + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), h instanceof Error && !(h.message in t)) {
             t[h.message] = !0;
-            var x = v ? v() : "";
+            var x = m ? m() : "";
             e(
               "Failed " + u + " type: " + h.message + (x != null ? x : "")
             );
@@ -1602,12 +1608,12 @@ function no() {
     process.env.NODE_ENV !== "production" && (t = {});
   }, br = s, br;
 }
-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 lo() {
+  if (ut)
+    return wr;
+  ut = 1;
+  var e = yt(), r = co(), t = Mr(), o = bt(), s = uo(), i = function() {
   };
   process.env.NODE_ENV !== "production" && (i = function(u) {
     var d = "Warning: " + u;
@@ -1620,14 +1626,14 @@ function oo() {
   function c() {
     return null;
   }
-  return yr = function(u, d) {
-    var v = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
+  return wr = function(u, d) {
+    var m = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
     function h(l) {
-      var g = l && (v && l[v] || l[y]);
+      var g = l && (m && l[m] || l[b]);
       if (typeof g == "function")
         return g;
     }
-    var m = "<<anonymous>>", x = {
+    var v = "<<anonymous>>", x = {
       array: K("array"),
       bigint: K("bigint"),
       bool: K("boolean"),
@@ -1636,7 +1642,7 @@ function oo() {
       object: K("object"),
       string: K("string"),
       symbol: K("symbol"),
-      any: k(),
+      any: D(),
       arrayOf: H,
       element: N(),
       elementType: p(),
@@ -1645,21 +1651,21 @@ function oo() {
       objectOf: Se,
       oneOf: ee,
       oneOfType: Q,
-      shape: be,
+      shape: ye,
       exact: ie
     };
     function Y(l, g) {
       return l === g ? l !== 0 || 1 / l === 1 / g : l !== l && g !== g;
     }
-    function D(l, g) {
+    function k(l, g) {
       this.message = l, this.data = g && typeof g == "object" ? g : {}, this.stack = "";
     }
-    D.prototype = Error.prototype;
+    k.prototype = Error.prototype;
     function G(l) {
       if (process.env.NODE_ENV !== "production")
         var g = {}, T = 0;
       function O(C, R, _, j, F, A, ae) {
-        if (j = j || m, A = A || _, ae !== t) {
+        if (j = j || v, A = A || _, ae !== t) {
           if (d) {
             var w = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -1672,7 +1678,7 @@ 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 k("The " + F + " `" + A + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new k("The " + F + " `" + A + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : l(R, _, j, F, A);
       }
       var P = O.bind(null, !1);
       return P.isRequired = O.bind(null, !0), P;
@@ -1682,7 +1688,7 @@ function oo() {
         var j = T[O], F = te(j);
         if (F !== l) {
           var A = pe(j);
-          return new D(
+          return new k(
             "Invalid " + C + " `" + R + "` of type " + ("`" + A + "` supplied to `" + P + "`, expected ") + ("`" + l + "`."),
             { expectedType: l }
           );
@@ -1691,17 +1697,17 @@ 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 k("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 k("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);
@@ -1717,7 +1723,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 k("Invalid " + P + " `" + C + "` of type " + ("`" + _ + "` supplied to `" + O + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -1728,7 +1734,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 k("Invalid " + P + " `" + C + "` of type " + ("`" + _ + "` supplied to `" + O + "`, expected a single ReactElement type."));
         }
         return null;
       }
@@ -1737,8 +1743,8 @@ function oo() {
     function X(l) {
       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 `" + _ + "`."));
+          var _ = l.name || v, j = Pe(T[O]);
+          return new k("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected ") + ("instance of `" + _ + "`."));
         }
         return null;
       }
@@ -1757,17 +1763,17 @@ function oo() {
           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 k("Invalid " + C + " `" + R + "` of value `" + String(_) + "` " + ("supplied to `" + P + "`, expected one of " + F + "."));
       }
       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 k("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."));
+          return new k("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);
@@ -1796,26 +1802,26 @@ function oo() {
           w.data && o(w.data, "expectedType") && F.push(w.data.expectedType);
         }
         var he = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
-        return new D("Invalid " + _ + " `" + j + "` supplied to " + ("`" + R + "`" + he + "."));
+        return new k("Invalid " + _ + " `" + j + "` supplied to " + ("`" + R + "`" + he + "."));
       }
       return G(O);
     }
     function $() {
       function l(g, T, O, P, C) {
-        return z(g[T]) ? null : new D("Invalid " + P + " `" + C + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
+        return z(g[T]) ? null : new k("Invalid " + P + " `" + C + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
       }
       return G(l);
     }
     function ge(l, g, T, O, P) {
-      return new D(
+      return new k(
         (l || "React class") + ": " + g + " type `" + T + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
       );
     }
-    function be(l) {
+    function ye(l) {
       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`."));
+          return new k("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
         for (var F in l) {
           var A = l[F];
           if (typeof A != "function")
@@ -1832,14 +1838,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`."));
+          return new k("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
         var F = r({}, T[O], l);
         for (var A in F) {
           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 k(
               "Invalid " + C + " `" + R + "` key `" + A + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(T[O], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
             );
@@ -1918,28 +1924,28 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
       }
     }
     function Pe(l) {
-      return !l.constructor || !l.constructor.name ? m : l.constructor.name;
+      return !l.constructor || !l.constructor.name ? v : 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 fo() {
+  if (lt)
+    return Sr;
+  lt = 1;
+  var e = Mr();
   function r() {
   }
   function t() {
   }
-  return t.resetWarningCache = r, wr = function() {
-    function o(c, u, d, v, y, h) {
+  return t.resetWarningCache = r, Sr = function() {
+    function o(c, u, d, m, b, h) {
       if (h !== e) {
-        var m = new Error(
+        var v = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw m.name = "Invariant Violation", m;
+        throw v.name = "Invariant Violation", v;
       }
     }
     o.isRequired = o;
@@ -1970,29 +1976,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 po = yt(), go = !0;
+  S.exports = lo()(po.isElement, go);
 } else
-  S.exports = io()();
-const co = {
+  S.exports = fo()();
+const ho = {
   display: "flex",
   height: "100%",
   width: "100%",
   justifyContent: "center",
   alignItems: "center"
 };
-function uo({
+function mo({
   content: e
 }) {
   return /* @__PURE__ */ a("div", {
-    style: co,
+    style: ho,
     children: e
   });
 }
-const Sr = {
+const Er = {
   wrapper: {
     display: "flex",
     position: "relative",
@@ -2016,18 +2022,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(mo, {
       content: o
     }), /* @__PURE__ */ a("div", {
       ref: s,
       style: {
-        ...Sr.fullWidth,
-        ...!t && Sr.hide
+        ...Er.fullWidth,
+        ...!t && Er.hide
       },
       className: i
     })]
@@ -2041,31 +2047,31 @@ 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, []);
 }
-function ye(e, r, t = !0) {
+function be(e, r, t = !0) {
   const o = ue(!0);
   we(o.current || !t ? () => {
     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 vo(e, o) || yo(e, r, t, o);
 }
-function lo(e, r) {
+function vo(e, r) {
   return e.editor.getModel(Tt(e, r));
 }
-function fo(e, r, t, o) {
+function yo(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 bo(e) {
   return e === void 0;
 }
 function Ot({
@@ -2078,58 +2084,58 @@ function Ot({
   modifiedModelPath: c,
   keepCurrentOriginalModel: u,
   keepCurrentModifiedModel: d,
-  theme: v,
-  loading: y,
+  theme: m,
+  loading: b,
   options: h,
-  height: m,
+  height: v,
   width: x,
   className: Y,
-  wrapperProps: D,
+  wrapperProps: k,
   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), $ = ue(G);
   Et(() => {
-    const z = mt.init();
+    const z = Ye.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();
-  }), ye(() => {
+  }), be(() => {
     const z = X.current.getModifiedEditor();
     z.getOption(ee.current.editor.EditorOption.readOnly) ? z.setValue(r) : r !== z.getValue() && (z.executeEdits("", [{
       range: z.getModel().getFullModelRange(),
       text: r,
       forceMoveMarkers: !0
     }]), z.pushUndoStop());
-  }, [r], k), ye(() => {
+  }, [r], D), be(() => {
     X.current.getModel().original.setValue(e);
-  }, [e], k), ye(() => {
+  }, [e], D), be(() => {
     const {
       original: z,
       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.setTheme(v);
-  }, [v], k), ye(() => {
+  }, [t, o, s], D), be(() => {
+    ee.current.editor.setTheme(m);
+  }, [m], D), be(() => {
     X.current.updateOptions(h);
-  }, [h], k);
-  const ge = Er(() => {
+  }, [h], D);
+  const ge = Tr(() => {
     $.current(ee.current);
-    const z = er(ee.current, e, o || t, i), B = er(ee.current, r, s || t, c);
+    const z = rr(ee.current, e, o || t, i), B = rr(ee.current, r, s || t, c);
     X.current.setModel({
       original: z,
       modified: B
     });
-  }, [t, r, s, e, o, i, c]), be = Er(() => {
+  }, [t, r, s, e, o, i, c]), ye = Tr(() => {
     X.current = ee.current.editor.createDiffEditor(Se.current, {
       automaticLayout: !0,
       ...h
-    }), ge(), ee.current.editor.setTheme(v), H(!0);
-  }, [h, v, ge]);
+    }), ge(), ee.current.editor.setTheme(m), H(!0);
+  }, [h, m, 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 && ye();
+  }, [N, D, ye]);
   function ie() {
     const z = X.current.getModel();
     if (!u) {
@@ -2144,12 +2150,12 @@ function Ot({
   }
   return /* @__PURE__ */ a(St, {
     width: x,
-    height: m,
-    isEditorReady: k,
-    loading: y,
+    height: v,
+    isEditorReady: D,
+    loading: b,
     _ref: Se,
     className: Y,
-    wrapperProps: D
+    wrapperProps: k
   });
 }
 Ot.propTypes = {
@@ -2181,17 +2187,17 @@ Ot.defaultProps = {
   width: "100%",
   height: "100%",
   wrapperProps: {},
-  beforeMount: Ye,
-  onMount: Ye
+  beforeMount: Ne,
+  onMount: Ne
 };
-function go(e) {
+function wo(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,
@@ -2201,54 +2207,54 @@ function Mr({
   theme: c,
   line: u,
   loading: d,
-  options: v,
-  overrideServices: y,
+  options: m,
+  overrideServices: b,
   saveViewState: h,
-  keepCurrentModel: m,
+  keepCurrentModel: v,
   width: x,
   height: Y,
-  className: D,
+  className: k,
   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), $ = ue(null), ge = ue(null), ye = ue(D), ie = ue(K), z = ue(null), B = ue(o), te = wo(i), pe = ue(!1);
   Et(() => {
-    const l = mt.init();
+    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)), () => $.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)));
-  }, [i], p), ye(() => {
-    $.current.updateOptions(v);
-  }, [v], p), ye(() => {
+  }), be(() => {
+    const l = rr(Q.current, e || o, r || s, i);
+    l !== $.current.getModel() && (h && Xe.set(te, $.current.saveViewState()), $.current.setModel(l), h && $.current.restoreViewState(Xe.get(i)));
+  }, [i], p), be(() => {
+    $.current.updateOptions(m);
+  }, [m], p), be(() => {
     $.current.getOption(Q.current.editor.EditorOption.readOnly) ? $.current.setValue(o) : o !== $.current.getValue() && ($.current.executeEdits("", [{
       range: $.current.getModel().getFullModelRange(),
       text: o,
       forceMoveMarkers: !0
     }]), $.current.pushUndoStop());
-  }, [o], p), ye(() => {
+  }, [o], p), be(() => {
     Q.current.editor.setModelLanguage($.current.getModel(), s);
-  }, [s], p), ye(() => {
-    po(u) || $.current.revealLine(u);
-  }, [u], p), ye(() => {
+  }, [s], p), be(() => {
+    bo(u) || $.current.revealLine(u);
+  }, [u], p), be(() => {
     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);
+      const l = i || t, g = rr(Q.current, o || e, r || s, l);
       $.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;
+        ...m
+      }, b), h && $.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]);
+  }, [e, r, t, o, s, i, m, b, h, c]);
   we(() => {
-    p && be.current($.current, Q.current);
+    p && ye.current($.current, Q.current);
   }, [p]), we(() => {
     !ee && !p && Ee();
   }, [ee, p, Ee]), B.current = o, we(() => {
@@ -2277,8 +2283,8 @@ 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 = z.current) === null || l === void 0 || l.dispose(), v)
+      h && Xe.set(i, $.current.saveViewState());
     else {
       var g;
       (g = $.current.getModel()) === null || g === void 0 || g.dispose();
@@ -2291,11 +2297,11 @@ function Mr({
     isEditorReady: p,
     loading: d,
     _ref: ge,
-    className: D,
+    className: k,
     wrapperProps: G
   });
 }
-Mr.propTypes = {
+Ir.propTypes = {
   defaultValue: S.exports.string,
   defaultPath: S.exports.string,
   defaultLanguage: S.exports.string,
@@ -2318,7 +2324,7 @@ Mr.propTypes = {
   onChange: S.exports.func,
   onValidate: S.exports.func
 };
-Mr.defaultProps = {
+Ir.defaultProps = {
   theme: "light",
   loading: "Loading...",
   options: {},
@@ -2328,19 +2334,28 @@ Mr.defaultProps = {
   width: "100%",
   height: "100%",
   wrapperProps: {},
-  beforeMount: Ye,
-  onMount: Ye,
-  onValidate: Ye
+  beforeMount: Ne,
+  onMount: Ne,
+  onValidate: Ne
+};
+var So = /* @__PURE__ */ dt(Ir);
+self.MonacoEnvironment = {
+  getWorker(e, r) {
+    return r === "json" ? new cn() : r === "css" || r === "scss" || r === "less" ? new an() : r === "html" || r === "handlebars" || r === "razor" ? new sn() : r === "typescript" || r === "javascript" ? new un() : new on();
+  }
 };
-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, {
+}) => /* @__PURE__ */ a(ve, {
   sx: {
     position: "relative"
   },
-  children: /* @__PURE__ */ a(ho, {
+  children: /* @__PURE__ */ a(So, {
     height: "500px",
     defaultLanguage: "javascript",
     value: e,
@@ -2354,7 +2369,7 @@ const vo = ({
       }
     }
   })
-}), lt = xr(({
+}), ft = Cr(({
   value: e,
   onChange: r,
   label: t,
@@ -2364,11 +2379,11 @@ const vo = ({
 }, c) => {
   const [u, {
     setTrue: d,
-    setFalse: v
-  }] = tn(), [y, h] = Ie(e), m = () => {
-    v(), r(y);
+    setFalse: m
+  }] = tn(), [b, h] = Ie(e), v = () => {
+    m(), r(b);
   }, x = () => {
-    v(), h(e);
+    m(), h(e);
   }, Y = () => {
     h(s);
   };
@@ -2383,16 +2398,16 @@ const vo = ({
         flexGrow: 1
       },
       children: t
-    }), /* @__PURE__ */ a(Ve, {
+    }), /* @__PURE__ */ a(Be, {
       size: 800,
       title: o,
       opened: u,
-      onClose: v,
+      onClose: m,
       closeOnClickOutside: !1,
       withCloseButton: !1,
-      children: u && /* @__PURE__ */ I(Pr, {
-        children: [/* @__PURE__ */ a(vo, {
-          value: y,
+      children: u && /* @__PURE__ */ I(Rr, {
+        children: [/* @__PURE__ */ a(To, {
+          value: b,
           onChange: h
         }), /* @__PURE__ */ I(se, {
           position: "apart",
@@ -2410,7 +2425,7 @@ const vo = ({
               variant: "subtle",
               children: "Cancel"
             }), /* @__PURE__ */ a(oe, {
-              onClick: m,
+              onClick: v,
               children: "OK"
             })]
           })]
@@ -2418,13 +2433,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,20 +2447,20 @@ 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
         }
       }
     }
   });
-  return /* @__PURE__ */ a(me, {
+  return /* @__PURE__ */ a(ve, {
     mx: "auto",
     children: /* @__PURE__ */ I("form", {
       onSubmit: s(e),
@@ -2462,7 +2477,7 @@ function mo({
           placeholder: "A unique name",
           ...i
         })
-      }), /* @__PURE__ */ a(Or, {
+      }), /* @__PURE__ */ a(Pr, {
         label: "Connection Info",
         labelPosition: "center"
       }), /* @__PURE__ */ a(J, {
@@ -2487,10 +2502,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 +2514,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,14 +2534,14 @@ function mo({
     })
   });
 }
-function bo({
+function Po({
   postSubmit: e,
   styles: r = qe
 }) {
   const [t, o] = Ie("postgresql"), s = async ({
     type: u,
     key: d,
-    config: v
+    config: m
   }) => {
     _e({
       id: "for-creating",
@@ -2538,23 +2553,23 @@ function bo({
       console.log({
         type: u,
         key: d,
-        config: v
-      }), await de.datasource.create(u, d, v), le({
+        config: m
+      }), await de.datasource.create(u, d, m), le({
         id: "for-creating",
         title: "Successful",
         message: "Data source is added",
         color: "green"
       }), e();
-    } catch (y) {
+    } catch (b) {
       le({
         id: "for-creating",
         title: "Failed",
-        message: y.message,
+        message: b.message,
         color: "red"
       });
     }
   }, i = t === "postgresql" || t === "mysql", c = t === "http";
-  return /* @__PURE__ */ I(me, {
+  return /* @__PURE__ */ I(ve, {
     mx: "auto",
     children: [/* @__PURE__ */ a(Bt, {
       fullWidth: !0,
@@ -2572,23 +2587,23 @@ function bo({
       }],
       value: t,
       onChange: (u) => o(u)
-    }), i && /* @__PURE__ */ a(pn, {
+    }), i && /* @__PURE__ */ a(bn, {
       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] = ke.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 +2612,7 @@ function yo({
       onDragStart: (u) => {
         u.stopPropagation();
       },
-      children: /* @__PURE__ */ a(bo, {
+      children: /* @__PURE__ */ a(Po, {
         postSubmit: () => {
           e(), i();
         },
@@ -2606,33 +2621,33 @@ 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) {
     if (c == null)
       return {};
-    var d, v, y = {}, h = Object.keys(c);
-    for (v = 0; v < h.length; v++)
-      d = h[v], u.indexOf(d) >= 0 || (y[d] = c[d]);
-    return y;
+    var d, m, b = {}, h = Object.keys(c);
+    for (m = 0; m < h.length; m++)
+      d = h[m], u.indexOf(d) >= 0 || (b[d] = c[d]);
+    return b;
   }(e, r);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
@@ -2641,19 +2656,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 $e.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), $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" }));
 }
-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 +2682,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 +2702,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,17 +2711,17 @@ 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 ti({
   styles: e = qe,
   config: r
 }) {
-  nr(r);
+  or(r);
   const {
     data: t = [],
     loading: o,
@@ -2723,17 +2738,17 @@ function No({
     children: [/* @__PURE__ */ a(se, {
       pt: e.spacing,
       position: "right",
-      children: /* @__PURE__ */ a(yo, {
+      children: /* @__PURE__ */ a(Ro, {
         onSuccess: s
       })
-    }), /* @__PURE__ */ I(me, {
+    }), /* @__PURE__ */ I(ve, {
       mt: e.spacing,
       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 +2779,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 +2793,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(({
+})), zr = Cr(({
   styles: e,
   value: r,
   onChange: t
@@ -2818,7 +2833,7 @@ const Oo = xr(({
     size: e.size,
     required: !0,
     label: "Role",
-    itemComponent: Oo,
+    itemComponent: Ao,
     data: s,
     disabled: i,
     styles: () => ({
@@ -2842,7 +2857,7 @@ const Oo = xr(({
     size: "xs"
   }
 };
-function Po({
+function Mo({
   postSubmit: e,
   styles: r = xe,
   initialRoleID: t
@@ -2850,7 +2865,7 @@ function Po({
   const {
     control: o,
     handleSubmit: s
-  } = ke({
+  } = De({
     defaultValues: {
       name: "",
       email: "",
@@ -2858,14 +2873,14 @@ function Po({
       password: ""
     }
   });
-  return /* @__PURE__ */ a(me, {
+  return /* @__PURE__ */ a(ve, {
     mx: "auto",
     children: /* @__PURE__ */ I("form", {
       onSubmit: s(async ({
         name: c,
         email: u,
         password: d,
-        role_id: v
+        role_id: m
       }) => {
         try {
           _e({
@@ -2873,17 +2888,17 @@ function Po({
             title: "Pending",
             message: "Adding account...",
             loading: !0
-          }), await de.account.create(c, u, d, v), le({
+          }), await de.account.create(c, u, d, m), le({
             id: "for-creating",
             title: "Successful",
             message: "Account is added",
             color: "green"
           }), e();
-        } catch (y) {
+        } catch (b) {
           le({
             id: "for-creating",
             title: "Failed",
-            message: y.message,
+            message: b.message,
             color: "red"
           });
         }
@@ -2917,7 +2932,7 @@ function Po({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(rr, {
+        }) => /* @__PURE__ */ a(tr, {
           mb: r.spacing,
           size: r.size,
           required: !0,
@@ -2930,7 +2945,7 @@ function Po({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(Ir, {
+        }) => /* @__PURE__ */ a(zr, {
           styles: r,
           ...c
         })
@@ -2946,14 +2961,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] = ke.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 +2977,7 @@ function Ro({
       onDragStart: (d) => {
         d.stopPropagation();
       },
-      children: /* @__PURE__ */ a(Po, {
+      children: /* @__PURE__ */ a(Mo, {
         postSubmit: () => {
           e(), c();
         },
@@ -2972,20 +2987,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 zo({
   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 +3037,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 ko({
   id: e,
   name: r,
   email: t,
@@ -3040,7 +3055,7 @@ function xo({
     control: c,
     handleSubmit: u,
     watch: d
-  } = ke({
+  } = De({
     defaultValues: {
       name: r,
       email: t,
@@ -3048,11 +3063,11 @@ function xo({
       reset_password: !1,
       new_password: ""
     }
-  }), v = async ({
-    name: m,
+  }), m = async ({
+    name: v,
     email: x,
     role_id: Y,
-    reset_password: D,
+    reset_password: k,
     new_password: G
   }) => {
     try {
@@ -3063,10 +3078,10 @@ function xo({
         loading: !0
       }), await de.account.edit({
         id: e,
-        name: m,
+        name: v,
         email: x,
         role_id: Y,
-        reset_password: D,
+        reset_password: k,
         new_password: G
       }), le({
         id: "for-updating",
@@ -3082,45 +3097,45 @@ function xo({
         color: "red"
       });
     }
-  }, [y, h] = d(["reset_password", "new_password"]);
-  return /* @__PURE__ */ a(me, {
+  }, [b, h] = d(["reset_password", "new_password"]);
+  return /* @__PURE__ */ a(ve, {
     mx: "auto",
     children: /* @__PURE__ */ I("form", {
-      onSubmit: u(v),
+      onSubmit: u(m),
       children: [/* @__PURE__ */ a(J, {
         name: "name",
         control: c,
         render: ({
-          field: m
+          field: v
         }) => /* @__PURE__ */ a(fe, {
           mb: i.spacing,
           size: i.size,
           required: !0,
           label: "Username",
-          ...m
+          ...v
         })
       }), /* @__PURE__ */ a(J, {
         name: "email",
         control: c,
         render: ({
-          field: m
+          field: v
         }) => /* @__PURE__ */ a(fe, {
           mb: i.spacing,
           size: i.size,
           required: !0,
           label: "Email",
-          ...m
+          ...v
         })
       }), /* @__PURE__ */ a(J, {
         name: "role_id",
         control: c,
         render: ({
-          field: m
-        }) => /* @__PURE__ */ a(Ir, {
+          field: v
+        }) => /* @__PURE__ */ a(zr, {
           styles: i,
-          ...m
+          ...v
         })
-      }), /* @__PURE__ */ a(Or, {
+      }), /* @__PURE__ */ a(Pr, {
         my: 20,
         variant: "dashed",
         label: "",
@@ -3129,32 +3144,32 @@ function xo({
         name: "reset_password",
         control: c,
         render: ({
-          field: m
+          field: v
         }) => /* @__PURE__ */ a(Jt, {
           mb: i.spacing,
           size: i.size,
           label: "Reset password",
-          checked: m.value,
-          onChange: (x) => m.onChange(x.currentTarget.checked),
+          checked: v.value,
+          onChange: (x) => v.onChange(x.currentTarget.checked),
           styles: {
             label: {
               verticalAlign: "middle"
             }
           }
         })
-      }), y && /* @__PURE__ */ a(J, {
+      }), b && /* @__PURE__ */ a(J, {
         name: "new_password",
         control: c,
         render: ({
-          field: m
-        }) => /* @__PURE__ */ a(rr, {
+          field: v
+        }) => /* @__PURE__ */ a(tr, {
           autoComplete: "off",
           mb: i.spacing,
           size: i.size,
           required: !0,
           description: "Password must be at least 8 characters long",
           label: "New Password",
-          ...m
+          ...v
         })
       }), /* @__PURE__ */ a(se, {
         position: "right",
@@ -3168,16 +3183,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] = ke.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 +3201,7 @@ function Co({
       onDragStart: (d) => {
         d.stopPropagation();
       },
-      children: /* @__PURE__ */ a(xo, {
+      children: /* @__PURE__ */ a(ko, {
         ...e,
         postSubmit: u,
         styles: t
@@ -3201,12 +3216,12 @@ function Co({
     })]
   });
 }
-function Vo({
+function ni({
   styles: e = xe,
   config: r
 }) {
-  var v, y;
-  nr(r);
+  var m, b;
+  or(r);
   const {
     data: t = [],
     loading: o,
@@ -3221,33 +3236,33 @@ function Vo({
   }), {
     data: i = [],
     loading: c
-  } = ze(async () => (await de.role.list()).map((m) => ({
-    label: m.name,
-    value: m.id,
-    description: m.description,
-    disabled: m.id === 50
+  } = ze(async () => (await de.role.list()).map((v) => ({
+    label: v.name,
+    value: v.id,
+    description: v.description,
+    disabled: v.id === 50
   })), {
     refreshDeps: []
-  }), u = dt(() => 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;
+  }), u = pt(() => i.reduce((h, v) => (h.set(v.value, v.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
+    var v;
+    return (v = u.get(h)) != null ? v : h;
   };
   return /* @__PURE__ */ I(Oe, {
     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
+        initialRoleID: (b = (m = i == null ? void 0 : i[0]) == null ? void 0 : m.value) != null ? b : 0
       })
-    }), /* @__PURE__ */ I(me, {
+    }), /* @__PURE__ */ I(ve, {
       mt: e.spacing,
       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,
@@ -3267,10 +3282,10 @@ function Vo({
         }), /* @__PURE__ */ a("tbody", {
           children: t.map((h) => {
             const {
-              id: m,
+              id: v,
               name: x,
               email: Y,
-              role_id: D
+              role_id: k
             } = h;
             return /* @__PURE__ */ I("tr", {
               children: [/* @__PURE__ */ a("td", {
@@ -3281,42 +3296,42 @@ function Vo({
                 children: Y
               }), /* @__PURE__ */ a("td", {
                 width: 200,
-                children: d(D)
+                children: d(k)
               }), /* @__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, {
-                    id: m,
+                  }), /* @__PURE__ */ a(zo, {
+                    id: v,
                     name: x,
                     onSuccess: s
                   })]
                 })
               })]
-            }, m);
+            }, v);
           })
         })]
       })]
     })]
   });
 }
-function jo({
+function qo({
   postSubmit: e,
   styles: r = xe
 }) {
   const {
     control: t,
     handleSubmit: o
-  } = ke({
+  } = De({
     defaultValues: {
       name: "",
       password: ""
     }
   });
-  return /* @__PURE__ */ a(me, {
+  return /* @__PURE__ */ a(ve, {
     mx: "auto",
     children: /* @__PURE__ */ I("form", {
       onSubmit: o(async ({
@@ -3363,7 +3378,7 @@ function jo({
         control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ a(rr, {
+        }) => /* @__PURE__ */ a(tr, {
           mb: r.spacing,
           size: r.size,
           required: !0,
@@ -3382,46 +3397,46 @@ function jo({
     })
   });
 }
-function Bo({
+function oi({
   styles: e = xe,
   config: r,
   onSuccess: t
 }) {
-  return nr(r), /* @__PURE__ */ a(Oe, {
-    children: /* @__PURE__ */ a(me, {
+  return or(r), /* @__PURE__ */ a(Oe, {
+    children: /* @__PURE__ */ a(ve, {
       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 Fo({
   postSubmit: e,
-  styles: r = ar,
+  styles: r = sr,
   initialRoleID: t
 }) {
   const {
     control: o,
     handleSubmit: s
-  } = ke({
+  } = De({
     defaultValues: {
       name: "",
       role_id: t
     }
   });
-  return /* @__PURE__ */ a(me, {
+  return /* @__PURE__ */ a(ve, {
     mx: "auto",
     children: /* @__PURE__ */ I("form", {
       onSubmit: s(async ({
@@ -3437,14 +3452,14 @@ function Ao({
           });
           const {
             app_id: d,
-            app_secret: v
+            app_secret: m
           } = await de.api_key.create(c, u);
           le({
             id: "for-creating",
             title: "Successful",
             message: "API Key is added",
             color: "green"
-          }), e(d, v);
+          }), e(d, m);
         } catch (d) {
           le({
             id: "for-creating",
@@ -3471,7 +3486,7 @@ function Ao({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(Ir, {
+        }) => /* @__PURE__ */ a(zr, {
           styles: r,
           ...c
         })
@@ -3487,32 +3502,32 @@ function Ao({
     })
   });
 }
-function Mo({
+function $o({
   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] = ke.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),
       title: "Add an API Key",
       trapFocus: !0,
-      onDragStart: (v) => {
-        v.stopPropagation();
+      onDragStart: (m) => {
+        m.stopPropagation();
       },
-      children: /* @__PURE__ */ a(Ao, {
-        postSubmit: (v, y) => {
+      children: /* @__PURE__ */ a(Fo, {
+        postSubmit: (m, b) => {
           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, {
-                defaultValue: v,
+                defaultValue: m,
                 disabled: !0,
                 label: "APP ID",
                 styles: {
@@ -3521,7 +3536,7 @@ function Mo({
                   }
                 }
               }), /* @__PURE__ */ a(fe, {
-                defaultValue: y,
+                defaultValue: b,
                 disabled: !0,
                 label: "APP Secret",
                 styles: {
@@ -3532,7 +3547,7 @@ function Mo({
               }), /* @__PURE__ */ a(oe, {
                 size: "sm",
                 onClick: () => {
-                  nn();
+                  ln();
                 },
                 children: "I've saved this API Key"
               })]
@@ -3548,20 +3563,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,18 +3613,18 @@ 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 ii({
+  styles: e = sr,
   config: r
 }) {
-  var v, y;
-  nr(r);
+  var m, b;
+  or(r);
   const {
     data: t = [],
     loading: o,
@@ -3624,33 +3639,33 @@ function Ko({
   }), {
     data: i = [],
     loading: c
-  } = ze(async () => (await de.role.list()).map((m) => ({
-    label: m.name,
-    value: m.id,
-    description: m.description,
-    disabled: m.id === 50
+  } = ze(async () => (await de.role.list()).map((v) => ({
+    label: v.name,
+    value: v.id,
+    description: v.description,
+    disabled: v.id === 50
   })), {
     refreshDeps: []
-  }), u = dt(() => 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;
+  }), u = pt(() => i.reduce((h, v) => (h.set(v.value, v.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
+    var v;
+    return (v = u.get(h)) != null ? v : h;
   };
   return /* @__PURE__ */ I(Oe, {
     children: [/* @__PURE__ */ a(se, {
       pt: e.spacing,
       position: "right",
-      children: /* @__PURE__ */ a(Mo, {
+      children: /* @__PURE__ */ a($o, {
         onSuccess: s,
-        initialRoleID: (y = (v = i == null ? void 0 : i[0]) == null ? void 0 : v.value) != null ? y : 0
+        initialRoleID: (b = (m = i == null ? void 0 : i[0]) == null ? void 0 : m.value) != null ? b : 0
       })
-    }), /* @__PURE__ */ I(me, {
+    }), /* @__PURE__ */ I(ve, {
       mt: e.spacing,
       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,
@@ -3670,10 +3685,10 @@ function Ko({
         }), /* @__PURE__ */ a("tbody", {
           children: t.map((h) => {
             const {
-              id: m,
+              id: v,
               name: x,
               app_id: Y,
-              role_id: D
+              role_id: k
             } = h;
             return /* @__PURE__ */ I("tr", {
               children: [/* @__PURE__ */ a("td", {
@@ -3684,36 +3699,36 @@ function Ko({
                 children: Y
               }), /* @__PURE__ */ a("td", {
                 width: 200,
-                children: d(D)
+                children: d(k)
               }), /* @__PURE__ */ a("td", {
                 width: 200,
                 children: /* @__PURE__ */ a(se, {
                   position: "left",
-                  children: /* @__PURE__ */ a(Io, {
-                    id: m,
+                  children: /* @__PURE__ */ a(Lo, {
+                    id: v,
                     name: x,
                     onSuccess: s
                   })
                 })
               })]
-            }, m);
+            }, v);
           })
         })]
       })]
     })]
   });
 }
-const Ho = () => import("./package.56c71e70.mjs").then(({ version: e }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
+const ai = () => 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
+  ii as APIKeyList,
+  ni as AccountList,
+  $o as AddAPIKey,
+  Io as AddAccount,
+  Ro as AddDataSource,
+  ti as DataSourceList,
+  Lo as DeleteAPIKey,
+  zo as DeleteAccount,
+  jo as DeleteDataSource,
+  oi as Login,
+  ai as getVersion
 };