@devtable/settings-form 8.13.1 → 8.13.3

package/dist/settings-form.es.js

@@ -1,89 +1,95 @@
-import { Box as me, TextInput as fe, Divider as Pr, Group as se, NumberInput as Vt, PasswordInput as tr, Button as oe, Modal as Be, Stack as Rr, SegmentedControl as Bt, useMantineTheme as Kt, Tooltip as Ht, Text as Ze, LoadingOverlay as _r, Table as xr, Select as Gt, Switch as Jt } from "@mantine/core";
-import { showNotification as _e, updateNotification as le } from "@mantine/notifications";
-import * as Fe from "react";
-import ze, { useEffect as we, memo as dt, useRef as ue, useState as Ie, useCallback as Tr, forwardRef as Cr, useMemo as pt } from "react";
-import { Recycle as Xt, PlaylistAdd as jr, Trash as Ar, Edit as Qt } from "tabler-icons-react";
-import Zt from "axios";
-import en from "crypto-js";
-import rn from "lodash";
-import { useForm as De, Controller as J } from "react-hook-form";
-import { useBoolean as tn, useRequest as ke } from "ahooks";
-import * as nn from "monaco-editor";
-import { useModals as nr, closeAllModals as on } from "@mantine/modals";
-function an(e) {
-  e = e || {};
-  const r = Object.keys(e).sort(), t = [];
-  for (let o = 0; o < r.length; o++) {
-    const s = r[o];
-    if (s != "authentication" && e[s])
-      t.push(r[o] + "=" + (typeof e[s] == "object" ? JSON.stringify(e[s]) : e[s]));
+import { Box as F, TextInput as D, Divider as Te, Group as O, NumberInput as $r, PasswordInput as de, Button as T, Modal as ne, Stack as ze, SegmentedControl as Yr, useMantineTheme as Kr, Tooltip as Br, Text as ue, LoadingOverlay as Oe, Table as Ae, Select as Gr, Switch as Hr } from "@mantine/core";
+import { showNotification as W, updateNotification as x } from "@mantine/notifications";
+import * as ee from "react";
+import H, { useEffect as cr, forwardRef as ke, useState as lr, useMemo as ur } from "react";
+import { Recycle as Jr, PlaylistAdd as xe, Trash as De, Edit as Xr } from "tabler-icons-react";
+import Qr from "axios";
+import Zr from "crypto-js";
+import et from "lodash";
+import { useForm as J, Controller as R } from "react-hook-form";
+import { useBoolean as rt, useRequest as G } from "ahooks";
+import tt, { loader as Ee } from "@monaco-editor/react";
+import * as nt from "monaco-editor";
+import it from "monaco-editor/esm/vs/editor/editor.worker?worker";
+import at from "monaco-editor/esm/vs/language/css/css.worker?worker";
+import ot from "monaco-editor/esm/vs/language/html/html.worker?worker";
+import st from "monaco-editor/esm/vs/language/json/json.worker?worker";
+import ct from "monaco-editor/esm/vs/language/typescript/ts.worker?worker";
+import { useModals as fe, closeAllModals as lt } from "@mantine/modals";
+function ut(t) {
+  t = t || {};
+  const n = Object.keys(t).sort(), a = [];
+  for (let o = 0; o < n.length; o++) {
+    const l = n[o];
+    if (l != "authentication" && t[l])
+      a.push(n[o] + "=" + (typeof t[l] == "object" ? JSON.stringify(t[l]) : t[l]));
     else {
-      const i = Object.keys(e[s]).sort();
-      for (let c = 0; c < i.length; c++) {
-        const u = i[c];
-        u != "sign" && e[s][u] && t.push(
-          i[c] + "=" + (typeof e[s][u] == "object" ? JSON.stringify(e[s][u]) : e[s][u])
+      const s = Object.keys(t[l]).sort();
+      for (let c = 0; c < s.length; c++) {
+        const d = s[c];
+        d != "sign" && t[l][d] && a.push(
+          s[c] + "=" + (typeof t[l][d] == "object" ? JSON.stringify(t[l][d]) : t[l][d])
         );
       }
     }
   }
-  return t.sort().join("&");
+  return a.sort().join("&");
 }
-function sn(e, r) {
-  let t = an(e);
-  return t += "&key=" + r, en.MD5(t).toString().toUpperCase();
+function dt(t, n) {
+  let a = ut(t);
+  return a += "&key=" + n, Zr.MD5(a).toString().toUpperCase();
 }
-const ne = {
+const C = {
   baseURL: "http://localhost:31200",
   app_id: "",
   app_secret: "",
-  getAuthentication(e) {
+  getAuthentication(t) {
     if (!this.app_id || !this.app_secret)
       return;
-    const r = new Date().getTime().toString();
+    const n = new Date().getTime().toString();
     return {
       app_id: this.app_id,
-      nonce_str: r,
-      sign: sn(
+      nonce_str: n,
+      sign: dt(
         {
           app_id: this.app_id,
-          nonce_str: r,
-          ...e
+          nonce_str: n,
+          ...t
         },
         this.app_secret
       )
     };
   },
-  getRequest(e) {
-    return (r, t, o = {}) => {
-      const s = window.localStorage.getItem("token"), i = {
+  getRequest(t) {
+    return (n, a, o = {}) => {
+      const l = window.localStorage.getItem("token"), s = {
         "X-Requested-With": "XMLHttpRequest",
         "Content-Type": o.string ? "application/x-www-form-urlencoded" : "application/json",
-        authorization: s ? `bearer ${s}` : "",
+        authorization: l ? `bearer ${l}` : "",
         ...o.headers
       }, c = {
         baseURL: this.baseURL,
-        method: e,
-        url: r,
-        params: e === "GET" ? t : o.params,
-        headers: i
+        method: t,
+        url: n,
+        params: t === "GET" ? a : o.params,
+        headers: s
       };
-      return ["POST", "PUT"].includes(e) && (c.data = o.string ? JSON.stringify(t) : t, c.data.authentication = this.getAuthentication(c.data)), Zt(c).then((u) => u.data).catch((u) => rn.has(u, "response.data.detail.message") ? Promise.reject(new Error(u.response.data.detail.message)) : Promise.reject(u));
+      return ["POST", "PUT"].includes(t) && (c.data = o.string ? JSON.stringify(a) : a, c.data.authentication = this.getAuthentication(c.data)), Qr(c).then((d) => d.data).catch((d) => et.has(d, "response.data.detail.message") ? Promise.reject(new Error(d.response.data.detail.message)) : Promise.reject(d));
     };
   }
 };
-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 cn = {
-  login: async (e, r) => {
-    const t = {
-      name: e,
-      password: r
+function pe(t) {
+  C.baseURL !== t.apiBaseURL && (C.baseURL = t.apiBaseURL), t.app_id && (C.app_id = t.app_id), t.app_secret && (C.app_secret = t.app_secret);
+}
+const ft = {
+  login: async (t, n) => {
+    const a = {
+      name: t,
+      password: n
     };
-    return await ne.getRequest("POST")("/account/login", t);
+    return await C.getRequest("POST")("/account/login", a);
   },
-  list: async () => await ne.getRequest("POST")("/account/list", {
+  list: async () => await C.getRequest("POST")("/account/list", {
     filter: {},
     sort: [
       {
@@ -96,34 +102,34 @@ const cn = {
       pagesize: 100
     }
   }),
-  get: async () => await ne.getRequest("GET")("/account/get", {}),
-  update: async (e, r) => {
-    const t = {
-      name: e,
-      email: r
+  get: async () => await C.getRequest("GET")("/account/get", {}),
+  update: async (t, n) => {
+    const a = {
+      name: t,
+      email: n
     };
-    return await ne.getRequest("PUT")("/account/update", t);
+    return await C.getRequest("PUT")("/account/update", a);
   },
-  changepassword: async (e, r) => {
-    const t = {
-      old_password: e,
-      new_password: r
+  changepassword: async (t, n) => {
+    const a = {
+      old_password: t,
+      new_password: n
     };
-    return await ne.getRequest("POST")("/account/changepassword", t);
+    return await C.getRequest("POST")("/account/changepassword", a);
   },
-  create: async (e, r, t, o) => await ne.getRequest("POST")("/account/create", {
-    name: e,
-    email: r,
-    password: t,
+  create: async (t, n, a, o) => await C.getRequest("POST")("/account/create", {
+    name: t,
+    email: n,
+    password: a,
     role_id: o
   }),
-  edit: async (e) => (e.reset_password || (e.new_password = void 0), await ne.getRequest("PUT")("/account/edit", e)),
-  delete: async (e) => {
-    if (!!e)
-      return ne.getRequest("POST")("/account/delete", { id: e });
+  edit: async (t) => (t.reset_password || (t.new_password = void 0), await C.getRequest("PUT")("/account/edit", t)),
+  delete: async (t) => {
+    if (!!t)
+      return C.getRequest("POST")("/account/delete", { id: t });
   }
-}, un = {
-  list: async () => await ne.getRequest("POST")("/api/key/list", {
+}, pt = {
+  list: async () => await C.getRequest("POST")("/api/key/list", {
     filter: {
       search: ""
     },
@@ -138,16 +144,16 @@ const cn = {
       pagesize: 100
     }
   }),
-  create: async (e, r) => ne.getRequest("POST")("/api/key/create", {
-    name: e,
-    role_id: r
+  create: async (t, n) => C.getRequest("POST")("/api/key/create", {
+    name: t,
+    role_id: n
   }),
-  delete: async (e) => {
-    if (!!e)
-      return ne.getRequest("POST")("/api/key/delete", { id: e });
+  delete: async (t) => {
+    if (!!t)
+      return C.getRequest("POST")("/api/key/delete", { id: t });
   }
-}, ln = {
-  list: async () => await ne.getRequest("POST")("/datasource/list", {
+}, gt = {
+  list: async () => await C.getRequest("POST")("/datasource/list", {
     filter: {},
     sort: [
       {
@@ -160,29 +166,29 @@ const cn = {
       pagesize: 100
     }
   }),
-  create: async (e, r, t) => await ne.getRequest("POST")("/datasource/create", {
-    type: e,
-    key: r,
-    config: t
+  create: async (t, n, a) => await C.getRequest("POST")("/datasource/create", {
+    type: t,
+    key: n,
+    config: a
   }),
-  delete: async (e) => {
-    await ne.getRequest("POST")("/datasource/delete", { id: e });
+  delete: async (t) => {
+    await C.getRequest("POST")("/datasource/delete", { id: t });
   }
-}, fn = {
-  list: async () => await ne.getRequest("GET")("/role/list", {})
-}, de = {
-  datasource: ln,
-  account: cn,
-  role: fn,
-  api_key: un
-}, qe = {
+}, mt = {
+  list: async () => await C.getRequest("GET")("/role/list", {})
+}, j = {
+  datasource: gt,
+  account: ft,
+  role: mt,
+  api_key: pt
+}, X = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-var ir = { exports: {} }, Le = {};
+var ge = { exports: {} }, re = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -192,25 +198,25 @@ var ir = { 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 Hr;
-function dn() {
-  if (Hr)
-    return Le;
-  Hr = 1;
-  var e = ze, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(u, d, v) {
-    var y, h = {}, m = null, x = null;
-    v !== void 0 && (m = "" + v), d.key !== void 0 && (m = "" + d.key), d.ref !== void 0 && (x = d.ref);
-    for (y in d)
-      o.call(d, y) && !i.hasOwnProperty(y) && (h[y] = d[y]);
-    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 };
+var ar;
+function ht() {
+  if (ar)
+    return re;
+  ar = 1;
+  var t = H, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(d, p, b) {
+    var S, m = {}, f = null, z = null;
+    b !== void 0 && (f = "" + b), p.key !== void 0 && (f = "" + p.key), p.ref !== void 0 && (z = p.ref);
+    for (S in p)
+      o.call(p, S) && !s.hasOwnProperty(S) && (m[S] = p[S]);
+    if (d && d.defaultProps)
+      for (S in p = d.defaultProps, p)
+        m[S] === void 0 && (m[S] = p[S]);
+    return { $$typeof: n, type: d, key: f, ref: z, props: m, _owner: l.current };
   }
-  return Le.Fragment = t, Le.jsx = c, Le.jsxs = c, Le;
+  return re.Fragment = a, re.jsx = c, re.jsxs = c, re;
 }
-var We = {};
+var te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -220,87 +226,87 @@ var We = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Gr;
-function pn() {
-  return Gr || (Gr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = ze, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), Y = Symbol.iterator, z = "@@iterator";
-    function G(n) {
-      if (n === null || typeof n != "object")
+var or;
+function vt() {
+  return or || (or = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = H, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), d = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), z = Symbol.for("react.offscreen"), q = Symbol.iterator, $ = "@@iterator";
+    function he(e) {
+      if (e === null || typeof e != "object")
         return null;
-      var f = Y && n[Y] || n[z];
-      return typeof f == "function" ? f : null;
+      var i = q && e[q] || e[$];
+      return typeof i == "function" ? i : null;
     }
-    var K = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function D(n) {
+    var U = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function A(e) {
       {
-        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 i = arguments.length, u = new Array(i > 1 ? i - 1 : 0), g = 1; g < i; g++)
+          u[g - 1] = arguments[g];
+        dr("error", e, u);
       }
     }
-    function H(n, f, b) {
+    function dr(e, i, u) {
       {
-        var E = K.ReactDebugCurrentFrame, L = E.getStackAddendum();
-        L !== "" && (f += "%s", b = b.concat([L]));
-        var V = b.map(function(q) {
-          return String(q);
+        var g = U.ReactDebugCurrentFrame, _ = g.getStackAddendum();
+        _ !== "" && (i += "%s", u = u.concat([_]));
+        var y = u.map(function(w) {
+          return String(w);
         });
-        V.unshift("Warning: " + f), Function.prototype.apply.call(console[n], console, V);
+        y.unshift("Warning: " + i), Function.prototype.apply.call(console[e], console, y);
       }
     }
-    var N = !1, p = !1, X = !1, ee = !1, Se = !1, Q;
-    Q = Symbol.for("react.module.reference");
-    function F(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === o || n === i || Se || n === s || n === v || n === y || ee || n === x || N || p || X || typeof n == "object" && n !== null && (n.$$typeof === m || n.$$typeof === h || n.$$typeof === c || n.$$typeof === u || n.$$typeof === d || n.$$typeof === Q || n.getModuleId !== void 0));
+    var fr = !1, pr = !1, gr = !1, mr = !1, hr = !1, Ie;
+    Ie = Symbol.for("react.module.reference");
+    function vr(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === s || hr || e === l || e === b || e === S || mr || e === z || fr || pr || gr || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === m || e.$$typeof === c || e.$$typeof === d || e.$$typeof === p || e.$$typeof === Ie || e.getModuleId !== void 0));
     }
-    function ge(n, f, b) {
-      var E = n.displayName;
-      if (E)
-        return E;
-      var L = f.displayName || f.name || "";
-      return L !== "" ? b + "(" + L + ")" : b;
+    function br(e, i, u) {
+      var g = e.displayName;
+      if (g)
+        return g;
+      var _ = i.displayName || i.name || "";
+      return _ !== "" ? u + "(" + _ + ")" : u;
     }
-    function be(n) {
-      return n.displayName || "Context";
+    function Fe(e) {
+      return e.displayName || "Context";
     }
-    function ie(n) {
-      if (n == null)
+    function L(e) {
+      if (e == null)
         return null;
-      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;
-      switch (n) {
+      if (typeof e.tag == "number" && A("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
         case o:
           return "Fragment";
-        case t:
+        case a:
           return "Portal";
-        case i:
-          return "Profiler";
         case s:
+          return "Profiler";
+        case l:
           return "StrictMode";
-        case v:
+        case b:
           return "Suspense";
-        case y:
+        case S:
           return "SuspenseList";
       }
-      if (typeof n == "object")
-        switch (n.$$typeof) {
-          case u:
-            var f = n;
-            return be(f) + ".Consumer";
-          case c:
-            var b = n;
-            return be(b._context) + ".Provider";
+      if (typeof e == "object")
+        switch (e.$$typeof) {
           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: {
-            var L = n, V = L._payload, q = L._init;
+            var i = e;
+            return Fe(i) + ".Consumer";
+          case c:
+            var u = e;
+            return Fe(u._context) + ".Provider";
+          case p:
+            return br(e, e.render, "ForwardRef");
+          case m:
+            var g = e.displayName || null;
+            return g !== null ? g : L(e.type) || "Memo";
+          case f: {
+            var _ = e, y = _._payload, w = _._init;
             try {
-              return ie(q(V));
+              return L(w(y));
             } catch {
               return null;
             }
@@ -308,512 +314,512 @@ function pn() {
         }
       return null;
     }
-    var k = Object.assign, B = 0, te, pe, Ee, Pe, l, g, T;
-    function O() {
+    var Y = Object.assign, Q = 0, qe, Le, Me, Ne, Ue, We, Ve;
+    function $e() {
     }
-    O.__reactDisabledLog = !0;
-    function P() {
+    $e.__reactDisabledLog = !0;
+    function wr() {
       {
-        if (B === 0) {
-          te = console.log, pe = console.info, Ee = console.warn, Pe = console.error, l = console.group, g = console.groupCollapsed, T = console.groupEnd;
-          var n = {
+        if (Q === 0) {
+          qe = console.log, Le = console.info, Me = console.warn, Ne = console.error, Ue = console.group, We = console.groupCollapsed, Ve = console.groupEnd;
+          var e = {
             configurable: !0,
             enumerable: !0,
-            value: O,
+            value: $e,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: n,
-            log: n,
-            warn: n,
-            error: n,
-            group: n,
-            groupCollapsed: n,
-            groupEnd: n
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
           });
         }
-        B++;
+        Q++;
       }
     }
-    function C() {
+    function Sr() {
       {
-        if (B--, B === 0) {
-          var n = {
+        if (Q--, Q === 0) {
+          var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: k({}, n, {
-              value: te
+            log: Y({}, e, {
+              value: qe
             }),
-            info: k({}, n, {
-              value: pe
+            info: Y({}, e, {
+              value: Le
             }),
-            warn: k({}, n, {
-              value: Ee
+            warn: Y({}, e, {
+              value: Me
             }),
-            error: k({}, n, {
-              value: Pe
+            error: Y({}, e, {
+              value: Ne
             }),
-            group: k({}, n, {
-              value: l
+            group: Y({}, e, {
+              value: Ue
             }),
-            groupCollapsed: k({}, n, {
-              value: g
+            groupCollapsed: Y({}, e, {
+              value: We
             }),
-            groupEnd: k({}, n, {
-              value: T
+            groupEnd: Y({}, e, {
+              value: Ve
             })
           });
         }
-        B < 0 && D("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Q < 0 && A("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var R = K.ReactCurrentDispatcher, _;
-    function j(n, f, b) {
+    var ve = U.ReactCurrentDispatcher, be;
+    function ie(e, i, u) {
       {
-        if (_ === void 0)
+        if (be === void 0)
           try {
             throw Error();
-          } catch (L) {
-            var E = L.stack.trim().match(/\n( *(at )?)/);
-            _ = E && E[1] || "";
+          } catch (_) {
+            var g = _.stack.trim().match(/\n( *(at )?)/);
+            be = g && g[1] || "";
           }
         return `
-` + _ + n;
+` + be + e;
       }
     }
-    var $ = !1, A;
+    var we = !1, ae;
     {
-      var ae = typeof WeakMap == "function" ? WeakMap : Map;
-      A = new ae();
+      var _r = typeof WeakMap == "function" ? WeakMap : Map;
+      ae = new _r();
     }
-    function w(n, f) {
-      if (!n || $)
+    function Ye(e, i) {
+      if (!e || we)
         return "";
       {
-        var b = A.get(n);
-        if (b !== void 0)
-          return b;
+        var u = ae.get(e);
+        if (u !== void 0)
+          return u;
       }
-      var E;
-      $ = !0;
-      var L = Error.prepareStackTrace;
+      var g;
+      we = !0;
+      var _ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var V;
-      V = R.current, R.current = null, P();
+      var y;
+      y = ve.current, ve.current = null, wr();
       try {
-        if (f) {
-          var q = function() {
+        if (i) {
+          var w = function() {
             throw Error();
           };
-          if (Object.defineProperty(q.prototype, "props", {
+          if (Object.defineProperty(w.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(q, []);
-            } catch (Te) {
-              E = Te;
+              Reflect.construct(w, []);
+            } catch (M) {
+              g = M;
             }
-            Reflect.construct(n, [], q);
+            Reflect.construct(e, [], w);
           } else {
             try {
-              q.call();
-            } catch (Te) {
-              E = Te;
+              w.call();
+            } catch (M) {
+              g = M;
             }
-            n.call(q.prototype);
+            e.call(w.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Te) {
-            E = Te;
+          } catch (M) {
+            g = M;
           }
-          n();
+          e();
         }
-      } catch (Te) {
-        if (Te && E && typeof Te.stack == "string") {
-          for (var M = Te.stack.split(`
-`), ce = E.stack.split(`
-`), Z = M.length - 1, re = ce.length - 1; Z >= 1 && re >= 0 && M[Z] !== ce[re]; )
-            re--;
-          for (; Z >= 1 && re >= 0; Z--, re--)
-            if (M[Z] !== ce[re]) {
-              if (Z !== 1 || re !== 1)
+      } catch (M) {
+        if (M && g && typeof M.stack == "string") {
+          for (var h = M.stack.split(`
+`), k = g.stack.split(`
+`), P = h.length - 1, E = k.length - 1; P >= 1 && E >= 0 && h[P] !== k[E]; )
+            E--;
+          for (; P >= 1 && E >= 0; P--, E--)
+            if (h[P] !== k[E]) {
+              if (P !== 1 || E !== 1)
                 do
-                  if (Z--, re--, re < 0 || M[Z] !== ce[re]) {
-                    var ve = `
-` + 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;
+                  if (P--, E--, E < 0 || h[P] !== k[E]) {
+                    var I = `
+` + h[P].replace(" at new ", " at ");
+                    return e.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, I), I;
                   }
-                while (Z >= 1 && re >= 0);
+                while (P >= 1 && E >= 0);
               break;
             }
         }
       } finally {
-        $ = !1, R.current = V, C(), Error.prepareStackTrace = L;
+        we = !1, ve.current = y, Sr(), Error.prepareStackTrace = _;
       }
-      var Me = n ? n.displayName || n.name : "", Kr = Me ? j(Me) : "";
-      return typeof n == "function" && A.set(n, Kr), Kr;
+      var B = e ? e.displayName || e.name : "", ir = B ? ie(B) : "";
+      return typeof e == "function" && ae.set(e, ir), ir;
     }
-    function he(n, f, b) {
-      return w(n, !1);
+    function yr(e, i, u) {
+      return Ye(e, !1);
     }
-    function je(n) {
-      var f = n.prototype;
-      return !!(f && f.isReactComponent);
+    function Rr(e) {
+      var i = e.prototype;
+      return !!(i && i.isReactComponent);
     }
-    function Ce(n, f, b) {
-      if (n == null)
+    function oe(e, i, u) {
+      if (e == null)
         return "";
-      if (typeof n == "function")
-        return w(n, je(n));
-      if (typeof n == "string")
-        return j(n);
-      switch (n) {
-        case v:
-          return j("Suspense");
-        case y:
-          return j("SuspenseList");
+      if (typeof e == "function")
+        return Ye(e, Rr(e));
+      if (typeof e == "string")
+        return ie(e);
+      switch (e) {
+        case b:
+          return ie("Suspense");
+        case S:
+          return ie("SuspenseList");
       }
-      if (typeof n == "object")
-        switch (n.$$typeof) {
-          case d:
-            return he(n.render);
-          case h:
-            return Ce(n.type, f, b);
-          case m: {
-            var E = n, L = E._payload, V = E._init;
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case p:
+            return yr(e.render);
+          case m:
+            return oe(e.type, i, u);
+          case f: {
+            var g = e, _ = g._payload, y = g._init;
             try {
-              return Ce(V(L), f, b);
+              return oe(y(_), i, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var He = Object.prototype.hasOwnProperty, zr = {}, Dr = K.ReactDebugCurrentFrame;
-    function Ge(n) {
-      if (n) {
-        var f = n._owner, b = Ce(n.type, n._source, f ? f.type : null);
-        Dr.setExtraStackFrame(b);
+    var se = Object.prototype.hasOwnProperty, Ke = {}, Be = U.ReactDebugCurrentFrame;
+    function ce(e) {
+      if (e) {
+        var i = e._owner, u = oe(e.type, e._source, i ? i.type : null);
+        Be.setExtraStackFrame(u);
       } else
-        Dr.setExtraStackFrame(null);
+        Be.setExtraStackFrame(null);
     }
-    function Pt(n, f, b, E, L) {
+    function Pr(e, i, u, g, _) {
       {
-        var V = Function.call.bind(He);
-        for (var q in n)
-          if (V(n, q)) {
-            var M = void 0;
+        var y = Function.call.bind(se);
+        for (var w in e)
+          if (y(e, w)) {
+            var h = 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`.");
-                throw ce.name = "Invariant Violation", ce;
+              if (typeof e[w] != "function") {
+                var k = Error((g || "React class") + ": " + u + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw k.name = "Invariant Violation", k;
               }
-              M = n[q](f, q, E, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (Z) {
-              M = Z;
+              h = e[w](i, w, g, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (P) {
+              h = P;
             }
-            M && !(M instanceof Error) && (Ge(L), D("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", E || "React class", b, q, typeof M), Ge(null)), M instanceof Error && !(M.message in zr) && (zr[M.message] = !0, Ge(L), D("Failed %s type: %s", b, M.message), Ge(null));
+            h && !(h instanceof Error) && (ce(_), A("%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).", g || "React class", u, w, typeof h), ce(null)), h instanceof Error && !(h.message in Ke) && (Ke[h.message] = !0, ce(_), A("Failed %s type: %s", u, h.message), ce(null));
           }
       }
     }
-    var Rt = Array.isArray;
-    function cr(n) {
-      return Rt(n);
+    var Er = Array.isArray;
+    function Se(e) {
+      return Er(e);
     }
-    function _t(n) {
+    function Cr(e) {
       {
-        var f = typeof Symbol == "function" && Symbol.toStringTag, b = f && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return b;
+        var i = typeof Symbol == "function" && Symbol.toStringTag, u = i && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return u;
       }
     }
-    function xt(n) {
+    function Tr(e) {
       try {
-        return qr(n), !1;
+        return Ge(e), !1;
       } catch {
         return !0;
       }
     }
-    function qr(n) {
-      return "" + n;
+    function Ge(e) {
+      return "" + e;
     }
-    function $r(n) {
-      if (xt(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);
+    function He(e) {
+      if (Tr(e))
+        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(e)), Ge(e);
     }
-    var $e = K.ReactCurrentOwner, Ct = {
+    var Z = U.ReactCurrentOwner, zr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Fr, Lr, ur;
-    ur = {};
-    function jt(n) {
-      if (He.call(n, "ref")) {
-        var f = Object.getOwnPropertyDescriptor(n, "ref").get;
-        if (f && f.isReactWarning)
+    }, Je, Xe, _e;
+    _e = {};
+    function Or(e) {
+      if (se.call(e, "ref")) {
+        var i = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (i && i.isReactWarning)
           return !1;
       }
-      return n.ref !== void 0;
+      return e.ref !== void 0;
     }
-    function At(n) {
-      if (He.call(n, "key")) {
-        var f = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (f && f.isReactWarning)
+    function Ar(e) {
+      if (se.call(e, "key")) {
+        var i = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (i && i.isReactWarning)
           return !1;
       }
-      return n.key !== void 0;
+      return e.key !== void 0;
     }
-    function Mt(n, f) {
-      if (typeof n.ref == "string" && $e.current && f && $e.current.stateNode !== f) {
-        var b = ie($e.current.type);
-        ur[b] || (D('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ie($e.current.type), n.ref), ur[b] = !0);
+    function kr(e, i) {
+      if (typeof e.ref == "string" && Z.current && i && Z.current.stateNode !== i) {
+        var u = L(Z.current.type);
+        _e[u] || (A('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', L(Z.current.type), e.ref), _e[u] = !0);
       }
     }
-    function It(n, f) {
+    function xr(e, i) {
       {
-        var b = function() {
-          Fr || (Fr = !0, D("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+        var u = function() {
+          Je || (Je = !0, A("%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)", i));
         };
-        b.isReactWarning = !0, Object.defineProperty(n, "key", {
-          get: b,
+        u.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: u,
           configurable: !0
         });
       }
     }
-    function kt(n, f) {
+    function Dr(e, i) {
       {
-        var b = 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));
+        var u = function() {
+          Xe || (Xe = !0, A("%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)", i));
         };
-        b.isReactWarning = !0, Object.defineProperty(n, "ref", {
-          get: b,
+        u.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: u,
           configurable: !0
         });
       }
     }
-    var zt = function(n, f, b, E, L, V, q) {
-      var M = {
-        $$typeof: r,
-        type: n,
-        key: f,
-        ref: b,
-        props: q,
-        _owner: V
+    var jr = function(e, i, u, g, _, y, w) {
+      var h = {
+        $$typeof: n,
+        type: e,
+        key: i,
+        ref: u,
+        props: w,
+        _owner: y
       };
-      return M._store = {}, Object.defineProperty(M._store, "validated", {
+      return h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(M, "_self", {
+      }), Object.defineProperty(h, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
-      }), Object.defineProperty(M, "_source", {
+        value: g
+      }), Object.defineProperty(h, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: L
-      }), Object.freeze && (Object.freeze(M.props), Object.freeze(M)), M;
+        value: _
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     };
-    function Dt(n, f, b, E, L) {
+    function Ir(e, i, u, g, _) {
       {
-        var V, q = {}, M = null, ce = null;
-        b !== void 0 && ($r(b), M = "" + b), At(f) && ($r(f.key), M = "" + f.key), jt(f) && (ce = f.ref, Mt(f, L));
-        for (V in f)
-          He.call(f, V) && !Ct.hasOwnProperty(V) && (q[V] = f[V]);
-        if (n && n.defaultProps) {
-          var Z = n.defaultProps;
-          for (V in Z)
-            q[V] === void 0 && (q[V] = Z[V]);
+        var y, w = {}, h = null, k = null;
+        u !== void 0 && (He(u), h = "" + u), Ar(i) && (He(i.key), h = "" + i.key), Or(i) && (k = i.ref, kr(i, _));
+        for (y in i)
+          se.call(i, y) && !zr.hasOwnProperty(y) && (w[y] = i[y]);
+        if (e && e.defaultProps) {
+          var P = e.defaultProps;
+          for (y in P)
+            w[y] === void 0 && (w[y] = P[y]);
         }
-        if (M || ce) {
-          var re = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          M && It(q, re), ce && kt(q, re);
+        if (h || k) {
+          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          h && xr(w, E), k && Dr(w, E);
         }
-        return zt(n, M, ce, L, E, $e.current, q);
+        return jr(e, h, k, _, g, Z.current, w);
       }
     }
-    var lr = K.ReactCurrentOwner, Wr = K.ReactDebugCurrentFrame;
-    function Ae(n) {
-      if (n) {
-        var f = n._owner, b = Ce(n.type, n._source, f ? f.type : null);
-        Wr.setExtraStackFrame(b);
+    var ye = U.ReactCurrentOwner, Qe = U.ReactDebugCurrentFrame;
+    function K(e) {
+      if (e) {
+        var i = e._owner, u = oe(e.type, e._source, i ? i.type : null);
+        Qe.setExtraStackFrame(u);
       } else
-        Wr.setExtraStackFrame(null);
+        Qe.setExtraStackFrame(null);
     }
-    var fr;
-    fr = !1;
-    function dr(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === r;
+    var Re;
+    Re = !1;
+    function Pe(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function Ur() {
+    function Ze() {
       {
-        if (lr.current) {
-          var n = ie(lr.current.type);
-          if (n)
+        if (ye.current) {
+          var e = L(ye.current.type);
+          if (e)
             return `
 
-Check the render method of \`` + n + "`.";
+Check the render method of \`` + e + "`.";
         }
         return "";
       }
     }
-    function qt(n) {
+    function Fr(e) {
       {
-        if (n !== void 0) {
-          var f = n.fileName.replace(/^.*[\\\/]/, ""), b = n.lineNumber;
+        if (e !== void 0) {
+          var i = e.fileName.replace(/^.*[\\\/]/, ""), u = e.lineNumber;
           return `
 
-Check your code at ` + f + ":" + b + ".";
+Check your code at ` + i + ":" + u + ".";
         }
         return "";
       }
     }
-    var Yr = {};
-    function $t(n) {
+    var er = {};
+    function qr(e) {
       {
-        var f = Ur();
-        if (!f) {
-          var b = typeof n == "string" ? n : n.displayName || n.name;
-          b && (f = `
+        var i = Ze();
+        if (!i) {
+          var u = typeof e == "string" ? e : e.displayName || e.name;
+          u && (i = `
 
-Check the top-level render call using <` + b + ">.");
+Check the top-level render call using <` + u + ">.");
         }
-        return f;
+        return i;
       }
     }
-    function Nr(n, f) {
+    function rr(e, i) {
       {
-        if (!n._store || n._store.validated || n.key != null)
+        if (!e._store || e._store.validated || e.key != null)
           return;
-        n._store.validated = !0;
-        var b = $t(f);
-        if (Yr[b])
+        e._store.validated = !0;
+        var u = qr(i);
+        if (er[u])
           return;
-        Yr[b] = !0;
-        var E = "";
-        n && n._owner && n._owner !== lr.current && (E = " It was passed a child from " + ie(n._owner.type) + "."), Ae(n), D('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, E), Ae(null);
+        er[u] = !0;
+        var g = "";
+        e && e._owner && e._owner !== ye.current && (g = " It was passed a child from " + L(e._owner.type) + "."), K(e), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, g), K(null);
       }
     }
-    function Vr(n, f) {
+    function tr(e, i) {
       {
-        if (typeof n != "object")
+        if (typeof e != "object")
           return;
-        if (cr(n))
-          for (var b = 0; b < n.length; b++) {
-            var E = n[b];
-            dr(E) && Nr(E, f);
+        if (Se(e))
+          for (var u = 0; u < e.length; u++) {
+            var g = e[u];
+            Pe(g) && rr(g, i);
           }
-        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; )
-              dr(q.value) && Nr(q.value, f);
+        else if (Pe(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var _ = he(e);
+          if (typeof _ == "function" && _ !== e.entries)
+            for (var y = _.call(e), w; !(w = y.next()).done; )
+              Pe(w.value) && rr(w.value, i);
         }
       }
     }
-    function Ft(n) {
+    function Lr(e) {
       {
-        var f = n.type;
-        if (f == null || typeof f == "string")
+        var i = e.type;
+        if (i == null || typeof i == "string")
           return;
-        var b;
-        if (typeof f == "function")
-          b = f.propTypes;
-        else if (typeof f == "object" && (f.$$typeof === d || f.$$typeof === h))
-          b = f.propTypes;
+        var u;
+        if (typeof i == "function")
+          u = i.propTypes;
+        else if (typeof i == "object" && (i.$$typeof === p || i.$$typeof === m))
+          u = i.propTypes;
         else
           return;
-        if (b) {
-          var E = ie(f);
-          Pt(b, n.props, "prop", E, n);
-        } else if (f.PropTypes !== void 0 && !fr) {
-          fr = !0;
-          var L = ie(f);
-          D("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", L || "Unknown");
+        if (u) {
+          var g = L(i);
+          Pr(u, e.props, "prop", g, e);
+        } else if (i.PropTypes !== void 0 && !Re) {
+          Re = !0;
+          var _ = L(i);
+          A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
         }
-        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && D("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Lt(n) {
+    function Mr(e) {
       {
-        for (var f = Object.keys(n.props), b = 0; b < f.length; b++) {
-          var E = f[b];
-          if (E !== "children" && E !== "key") {
-            Ae(n), D("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Ae(null);
+        for (var i = Object.keys(e.props), u = 0; u < i.length; u++) {
+          var g = i[u];
+          if (g !== "children" && g !== "key") {
+            K(e), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), K(null);
             break;
           }
         }
-        n.ref !== null && (Ae(n), D("Invalid attribute `ref` supplied to `React.Fragment`."), Ae(null));
+        e.ref !== null && (K(e), A("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    function Br(n, f, b, E, L, V) {
+    function nr(e, i, u, g, _, y) {
       {
-        var q = F(n);
-        if (!q) {
-          var M = "";
-          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (M += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ce = qt(L);
-          ce ? M += ce : M += Ur();
-          var Z;
-          n === null ? Z = "null" : 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 w = vr(e);
+        if (!w) {
+          var h = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " 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 k = Fr(_);
+          k ? h += k : h += Ze();
+          var P;
+          e === null ? P = "null" : Se(e) ? P = "array" : e !== void 0 && e.$$typeof === n ? (P = "<" + (L(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, h);
         }
-        var re = Dt(n, f, b, L, V);
-        if (re == null)
-          return re;
-        if (q) {
-          var ve = f.children;
-          if (ve !== void 0)
-            if (E)
-              if (cr(ve)) {
-                for (var Me = 0; Me < ve.length; Me++)
-                  Vr(ve[Me], n);
-                Object.freeze && Object.freeze(ve);
+        var E = Ir(e, i, u, _, y);
+        if (E == null)
+          return E;
+        if (w) {
+          var I = i.children;
+          if (I !== void 0)
+            if (g)
+              if (Se(I)) {
+                for (var B = 0; B < I.length; B++)
+                  tr(I[B], e);
+                Object.freeze && Object.freeze(I);
               } else
-                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.");
+                A("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
-              Vr(ve, n);
+              tr(I, e);
         }
-        return n === o ? Lt(re) : Ft(re), re;
+        return e === o ? Mr(E) : Lr(E), E;
       }
     }
-    function Wt(n, f, b) {
-      return Br(n, f, b, !0);
+    function Nr(e, i, u) {
+      return nr(e, i, u, !0);
     }
-    function Ut(n, f, b) {
-      return Br(n, f, b, !1);
+    function Ur(e, i, u) {
+      return nr(e, i, u, !1);
     }
-    var Yt = Ut, Nt = Wt;
-    We.Fragment = o, We.jsx = Yt, We.jsxs = Nt;
-  }()), We;
+    var Wr = Ur, Vr = Nr;
+    te.Fragment = o, te.jsx = Wr, te.jsxs = Vr;
+  }()), te;
 }
-(function(e) {
-  process.env.NODE_ENV === "production" ? e.exports = dn() : e.exports = pn();
-})(ir);
-const Oe = ir.exports.Fragment, a = ir.exports.jsx, I = ir.exports.jsxs;
-function gn({
-  submit: e,
-  styles: r = qe,
-  type: t
+(function(t) {
+  process.env.NODE_ENV === "production" ? t.exports = ht() : t.exports = vt();
+})(ge);
+const N = ge.exports.Fragment, r = ge.exports.jsx, v = ge.exports.jsxs;
+function bt({
+  submit: t,
+  styles: n = X,
+  type: a
 }) {
   const {
     control: o,
-    setValue: s,
-    handleSubmit: i
-  } = De({
+    setValue: l,
+    handleSubmit: s
+  } = J({
     defaultValues: {
-      type: t,
+      type: a,
       key: "",
       config: {
         host: "",
@@ -824,38 +830,38 @@ function gn({
       }
     }
   });
-  return we(() => {
-    s("type", t);
-  }, [s, t]), /* @__PURE__ */ a(me, {
+  return cr(() => {
+    l("type", a);
+  }, [l, a]), /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ I("form", {
-      onSubmit: i(e),
-      children: [/* @__PURE__ */ a(J, {
+    children: /* @__PURE__ */ v("form", {
+      onSubmit: s(t),
+      children: [/* @__PURE__ */ r(R, {
         name: "key",
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(fe, {
-          mb: r.spacing,
-          size: r.size,
+        }) => /* @__PURE__ */ r(D, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Name",
           placeholder: "A unique name",
           ...c
         })
-      }), /* @__PURE__ */ a(Pr, {
+      }), /* @__PURE__ */ r(Te, {
         label: "Connection Info",
         labelPosition: "center"
-      }), /* @__PURE__ */ I(se, {
+      }), /* @__PURE__ */ v(O, {
         grow: !0,
-        children: [/* @__PURE__ */ a(J, {
+        children: [/* @__PURE__ */ r(R, {
           name: "config.host",
           control: o,
           render: ({
             field: c
-          }) => /* @__PURE__ */ a(fe, {
-            mb: r.spacing,
-            size: r.size,
+          }) => /* @__PURE__ */ r(D, {
+            mb: n.spacing,
+            size: n.size,
             required: !0,
             label: "Host",
             sx: {
@@ -863,14 +869,14 @@ function gn({
             },
             ...c
           })
-        }), /* @__PURE__ */ a(J, {
+        }), /* @__PURE__ */ r(R, {
           name: "config.port",
           control: o,
           render: ({
             field: c
-          }) => /* @__PURE__ */ a(Vt, {
-            mb: r.spacing,
-            size: r.size,
+          }) => /* @__PURE__ */ r($r, {
+            mb: n.spacing,
+            size: n.size,
             required: !0,
             label: "Port",
             hideControls: !0,
@@ -880,1497 +886,76 @@ function gn({
             ...c
           })
         })]
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "config.username",
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(fe, {
-          mb: r.spacing,
-          size: r.size,
+        }) => /* @__PURE__ */ r(D, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Username",
           ...c
         })
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "config.password",
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(tr, {
-          mb: r.spacing,
-          size: r.size,
+        }) => /* @__PURE__ */ r(de, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Password",
           ...c
         })
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "config.database",
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(fe, {
-          mb: r.spacing,
-          size: r.size,
+        }) => /* @__PURE__ */ r(D, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Database",
           ...c
         })
-      }), /* @__PURE__ */ a(se, {
+      }), /* @__PURE__ */ r(O, {
         position: "right",
-        mt: r.spacing,
-        children: /* @__PURE__ */ a(oe, {
+        mt: n.spacing,
+        children: /* @__PURE__ */ r(T, {
           type: "submit",
-          size: r.button.size,
+          size: n.button.size,
           children: "Save"
         })
       })]
     })
   });
 }
-function hn(e, r, t) {
-  return r in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
-}
-function Jr(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function Xr(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Jr(Object(t), !0).forEach(function(o) {
-      hn(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Jr(Object(t)).forEach(function(o) {
-      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
-    });
-  }
-  return e;
-}
-function vn(e, r) {
-  if (e == null)
-    return {};
-  var t = {}, o = Object.keys(e), s, i;
-  for (i = 0; i < o.length; i++)
-    s = o[i], !(r.indexOf(s) >= 0) && (t[s] = e[s]);
-  return t;
-}
-function mn(e, r) {
-  if (e == null)
-    return {};
-  var t = vn(e, r), o, s;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
-    for (s = 0; s < i.length; s++)
-      o = i[s], !(r.indexOf(o) >= 0) && (!Object.prototype.propertyIsEnumerable.call(e, o) || (t[o] = e[o]));
-  }
-  return t;
-}
-function bn(e, r) {
-  return yn(e) || wn(e, r) || Sn(e, r) || En();
-}
-function yn(e) {
-  if (Array.isArray(e))
-    return e;
-}
-function wn(e, r) {
-  if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(e)))) {
-    var t = [], o = !0, s = !1, i = void 0;
-    try {
-      for (var c = e[Symbol.iterator](), u; !(o = (u = c.next()).done) && (t.push(u.value), !(r && t.length === r)); o = !0)
-        ;
-    } catch (d) {
-      s = !0, i = d;
-    } finally {
-      try {
-        !o && c.return != null && c.return();
-      } finally {
-        if (s)
-          throw i;
-      }
-    }
-    return t;
-  }
-}
-function Sn(e, r) {
-  if (!!e) {
-    if (typeof e == "string")
-      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 Qr(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 En() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function Tn(e, r, t) {
-  return r in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
-}
-function Zr(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function et(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Zr(Object(t), !0).forEach(function(o) {
-      Tn(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Zr(Object(t)).forEach(function(o) {
-      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
-    });
-  }
-  return e;
-}
-function On() {
-  for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
-    r[t] = arguments[t];
-  return function(o) {
-    return r.reduceRight(function(s, i) {
-      return i(s);
-    }, o);
-  };
-}
-function Ue(e) {
-  return function r() {
-    for (var t = this, o = arguments.length, s = new Array(o), i = 0; i < o; i++)
-      s[i] = arguments[i];
-    return s.length >= e.length ? e.apply(this, s) : function() {
-      for (var c = arguments.length, u = new Array(c), d = 0; d < c; d++)
-        u[d] = arguments[d];
-      return r.apply(t, [].concat(s, u));
-    };
-  };
-}
-function er(e) {
-  return {}.toString.call(e).includes("Object");
-}
-function Pn(e) {
-  return !Object.keys(e).length;
-}
-function Ve(e) {
-  return typeof e == "function";
-}
-function Rn(e, r) {
-  return Object.prototype.hasOwnProperty.call(e, r);
-}
-function _n(e, r) {
-  return er(r) || Re("changeType"), Object.keys(r).some(function(t) {
-    return !Rn(e, t);
-  }) && Re("changeField"), r;
-}
-function xn(e) {
-  Ve(e) || Re("selectorType");
-}
-function Cn(e) {
-  Ve(e) || er(e) || Re("handlerType"), er(e) && Object.values(e).some(function(r) {
-    return !Ve(r);
-  }) && Re("handlersType");
-}
-function jn(e) {
-  e || Re("initialIsRequired"), er(e) || Re("initialType"), Pn(e) && Re("initialContent");
-}
-function An(e, r) {
-  throw new Error(e[r] || e.default);
-}
-var Mn = {
-  initialIsRequired: "initial state is required",
-  initialType: "initial state should be an object",
-  initialContent: "initial state shouldn't be an empty object",
-  handlerType: "handler should be an object or a function",
-  handlersType: "all handlers should be a functions",
-  selectorType: "selector should be a function",
-  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 = Ue(An)(Mn), Je = {
-  changes: _n,
-  selector: xn,
-  handler: Cn,
-  initial: jn
-};
-function In(e) {
-  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  Je.initial(e), Je.handler(r);
-  var t = {
-    current: e
-  }, o = Ue(Dn)(t, r), s = Ue(zn)(t), i = Ue(Je.changes)(e), c = Ue(kn)(t);
-  function u() {
-    var v = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(y) {
-      return y;
-    };
-    return Je.selector(v), v(t.current);
-  }
-  function d(v) {
-    On(o, s, i, c)(v);
-  }
-  return [u, d];
-}
-function kn(e, r) {
-  return Ve(r) ? r(e.current) : r;
-}
-function zn(e, r) {
-  return e.current = et(et({}, e.current), r), r;
-}
-function Dn(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 qn = {
-  create: In
-}, $n = {
-  paths: {
-    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.33.0/min/vs"
-  }
-};
-function Fn(e) {
-  return function r() {
-    for (var t = this, o = arguments.length, s = new Array(o), i = 0; i < o; i++)
-      s[i] = arguments[i];
-    return s.length >= e.length ? e.apply(this, s) : function() {
-      for (var c = arguments.length, u = new Array(c), d = 0; d < c; d++)
-        u[d] = arguments[d];
-      return r.apply(t, [].concat(s, u));
-    };
-  };
-}
-function Ln(e) {
-  return {}.toString.call(e).includes("Object");
-}
-function Wn(e) {
-  return e || rt("configIsRequired"), Ln(e) || rt("configType"), e.urls ? (Un(), {
-    paths: {
-      vs: e.urls.monacoBase
-    }
-  }) : e;
-}
-function Un() {
-  console.warn(gt.deprecation);
-}
-function Yn(e, r) {
-  throw new Error(e[r] || e.default);
-}
-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",
-  deprecation: `Deprecation warning!
-    You are using deprecated way of configuration.
-
-    Instead of using
-      monaco.config({ urls: { monacoBase: '...' } })
-    use
-      monaco.config({ paths: { vs: '...' } })
-
-    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
-  `
-}, rt = Fn(Yn)(gt), Nn = {
-  config: Wn
-}, Vn = function() {
-  for (var r = arguments.length, t = new Array(r), o = 0; o < r; o++)
-    t[o] = arguments[o];
-  return function(s) {
-    return t.reduceRight(function(i, c) {
-      return c(i);
-    }, s);
-  };
-};
-function ht(e, r) {
-  return Object.keys(r).forEach(function(t) {
-    r[t] instanceof Object && e[t] && Object.assign(r[t], ht(e[t], r[t]));
-  }), Xr(Xr({}, e), r);
-}
-var Bn = {
-  type: "cancelation",
-  msg: "operation is manually canceled"
-};
-function pr(e) {
-  var r = !1, t = new Promise(function(o, s) {
-    e.then(function(i) {
-      return r ? s(Bn) : o(i);
-    }), e.catch(s);
-  });
-  return t.cancel = function() {
-    return r = !0;
-  }, t;
-}
-var Kn = qn.create({
-  config: $n,
-  isInitialized: !1,
-  resolve: null,
-  reject: null,
-  monaco: null
-}), vt = bn(Kn, 2), Ke = vt[0], ar = vt[1];
-function Hn(e) {
-  var r = Nn.config(e), t = r.monaco, o = mn(r, ["monaco"]);
-  ar(function(s) {
-    return {
-      config: ht(s.config, o),
-      monaco: t
-    };
-  });
-}
-function Gn() {
-  var e = Ke(function(r) {
-    var t = r.monaco, o = r.isInitialized, s = r.resolve;
-    return {
-      monaco: t,
-      isInitialized: o,
-      resolve: s
-    };
-  });
-  if (!e.isInitialized) {
-    if (ar({
-      isInitialized: !0
-    }), e.monaco)
-      return e.resolve(e.monaco), pr(gr);
-    if (window.monaco && window.monaco.editor)
-      return mt(window.monaco), e.resolve(window.monaco), pr(gr);
-    Vn(Jn, Qn)(Zn);
-  }
-  return pr(gr);
-}
-function Jn(e) {
-  return document.body.appendChild(e);
-}
-function Xn(e) {
-  var r = document.createElement("script");
-  return e && (r.src = e), r;
-}
-function Qn(e) {
-  var r = Ke(function(o) {
-    var s = o.config, i = o.reject;
-    return {
-      config: s,
-      reject: i
-    };
-  }), t = Xn("".concat(r.config.paths.vs, "/loader.js"));
-  return t.onload = function() {
-    return e();
-  }, t.onerror = r.reject, t;
-}
-function Zn() {
-  var e = Ke(function(t) {
-    var o = t.config, s = t.resolve, i = t.reject;
-    return {
-      config: o,
-      resolve: s,
-      reject: i
-    };
-  }), r = window.require;
-  r.config(e.config), r(["vs/editor/editor.main"], function(t) {
-    mt(t), e.resolve(t);
-  }, function(t) {
-    e.reject(t);
-  });
-}
-function mt(e) {
-  Ke().monaco || ar({
-    monaco: e
-  });
-}
-function eo() {
-  return Ke(function(e) {
-    var r = e.monaco;
-    return r;
-  });
-}
-var gr = new Promise(function(e, r) {
-  return ar({
-    resolve: e,
-    reject: r
-  });
-}), Ye = {
-  config: Hn,
-  init: Gn,
-  __getMonacoInstance: eo
-}, S = { exports: {} }, hr = { exports: {} }, W = {};
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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() {
-  if (tt)
-    return W;
-  tt = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, z = e ? Symbol.for("react.block") : 60121, G = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, D = e ? Symbol.for("react.scope") : 60119;
-  function H(p) {
-    if (typeof p == "object" && p !== null) {
-      var X = p.$$typeof;
-      switch (X) {
-        case r:
-          switch (p = p.type, p) {
-            case d:
-            case v:
-            case o:
-            case i:
-            case s:
-            case h:
-              return p;
-            default:
-              switch (p = p && p.$$typeof, p) {
-                case u:
-                case y:
-                case Y:
-                case x:
-                case c:
-                  return p;
-                default:
-                  return X;
-              }
-          }
-        case t:
-          return X;
-      }
-    }
-  }
-  function N(p) {
-    return H(p) === v;
-  }
-  return W.AsyncMode = d, W.ConcurrentMode = v, W.ContextConsumer = u, W.ContextProvider = c, W.Element = r, W.ForwardRef = y, W.Fragment = o, W.Lazy = Y, W.Memo = x, W.Portal = t, W.Profiler = i, W.StrictMode = s, W.Suspense = h, W.isAsyncMode = function(p) {
-    return N(p) || H(p) === d;
-  }, W.isConcurrentMode = N, W.isContextConsumer = function(p) {
-    return H(p) === u;
-  }, W.isContextProvider = function(p) {
-    return H(p) === c;
-  }, W.isElement = function(p) {
-    return typeof p == "object" && p !== null && p.$$typeof === r;
-  }, W.isForwardRef = function(p) {
-    return H(p) === y;
-  }, W.isFragment = function(p) {
-    return H(p) === o;
-  }, W.isLazy = function(p) {
-    return H(p) === Y;
-  }, W.isMemo = function(p) {
-    return H(p) === x;
-  }, W.isPortal = function(p) {
-    return H(p) === t;
-  }, W.isProfiler = function(p) {
-    return H(p) === i;
-  }, W.isStrictMode = function(p) {
-    return H(p) === s;
-  }, W.isSuspense = function(p) {
-    return H(p) === h;
-  }, W.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === o || p === v || p === i || p === s || p === h || p === m || typeof p == "object" && p !== null && (p.$$typeof === Y || p.$$typeof === x || p.$$typeof === c || p.$$typeof === u || p.$$typeof === y || p.$$typeof === G || p.$$typeof === K || p.$$typeof === D || p.$$typeof === z);
-  }, W.typeOf = H, W;
-}
-var U = {};
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var nt;
-function to() {
-  return nt || (nt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, z = e ? Symbol.for("react.block") : 60121, G = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, D = e ? Symbol.for("react.scope") : 60119;
-    function H(w) {
-      return typeof w == "string" || typeof w == "function" || w === o || w === v || w === i || w === s || w === h || w === m || typeof w == "object" && w !== null && (w.$$typeof === Y || w.$$typeof === x || w.$$typeof === c || w.$$typeof === u || w.$$typeof === y || w.$$typeof === G || w.$$typeof === K || w.$$typeof === D || w.$$typeof === z);
-    }
-    function N(w) {
-      if (typeof w == "object" && w !== null) {
-        var he = w.$$typeof;
-        switch (he) {
-          case r:
-            var je = w.type;
-            switch (je) {
-              case d:
-              case v:
-              case o:
-              case i:
-              case s:
-              case h:
-                return je;
-              default:
-                var Ce = je && je.$$typeof;
-                switch (Ce) {
-                  case u:
-                  case y:
-                  case Y:
-                  case x:
-                  case c:
-                    return Ce;
-                  default:
-                    return he;
-                }
-            }
-          case t:
-            return he;
-        }
-      }
-    }
-    var p = d, X = v, ee = u, Se = c, Q = r, F = y, ge = o, be = Y, ie = x, k = t, B = i, te = s, pe = h, Ee = !1;
-    function Pe(w) {
-      return Ee || (Ee = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), l(w) || N(w) === d;
-    }
-    function l(w) {
-      return N(w) === v;
-    }
-    function g(w) {
-      return N(w) === u;
-    }
-    function T(w) {
-      return N(w) === c;
-    }
-    function O(w) {
-      return typeof w == "object" && w !== null && w.$$typeof === r;
-    }
-    function P(w) {
-      return N(w) === y;
-    }
-    function C(w) {
-      return N(w) === o;
-    }
-    function R(w) {
-      return N(w) === Y;
-    }
-    function _(w) {
-      return N(w) === x;
-    }
-    function j(w) {
-      return N(w) === t;
-    }
-    function $(w) {
-      return N(w) === i;
-    }
-    function A(w) {
-      return N(w) === s;
-    }
-    function ae(w) {
-      return N(w) === h;
-    }
-    U.AsyncMode = p, U.ConcurrentMode = X, U.ContextConsumer = ee, U.ContextProvider = Se, U.Element = Q, U.ForwardRef = F, U.Fragment = ge, U.Lazy = be, U.Memo = ie, U.Portal = k, U.Profiler = B, U.StrictMode = te, U.Suspense = pe, U.isAsyncMode = Pe, U.isConcurrentMode = l, U.isContextConsumer = g, U.isContextProvider = T, U.isElement = O, U.isForwardRef = P, U.isFragment = C, U.isLazy = R, U.isMemo = _, U.isPortal = j, U.isProfiler = $, U.isStrictMode = A, U.isSuspense = ae, U.isValidElementType = H, U.typeOf = N;
-  }()), U;
-}
-var ot;
-function bt() {
-  return ot || (ot = 1, function(e) {
-    process.env.NODE_ENV === "production" ? e.exports = ro() : e.exports = to();
-  }(hr)), hr.exports;
-}
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var vr, it;
-function no() {
-  if (it)
-    return vr;
-  it = 1;
-  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
-  function o(i) {
-    if (i == null)
-      throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(i);
-  }
-  function s() {
-    try {
-      if (!Object.assign)
-        return !1;
-      var i = new String("abc");
-      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
-        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];
-      });
-      if (d.join("") !== "0123456789")
-        return !1;
-      var v = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
-        v[y] = y;
-      }), Object.keys(Object.assign({}, v)).join("") === "abcdefghijklmnopqrst";
-    } catch {
-      return !1;
-    }
-  }
-  return vr = s() ? Object.assign : function(i, c) {
-    for (var u, d = o(i), v, y = 1; y < arguments.length; y++) {
-      u = Object(arguments[y]);
-      for (var h in u)
-        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]]);
-      }
-    }
-    return d;
-  }, vr;
-}
-var mr, at;
-function Mr() {
-  if (at)
-    return mr;
-  at = 1;
-  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return mr = e, mr;
-}
-var br, st;
-function yt() {
-  return st || (st = 1, br = Function.call.bind(Object.prototype.hasOwnProperty)), br;
-}
-var yr, ct;
-function oo() {
-  if (ct)
-    return yr;
-  ct = 1;
-  var e = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var r = Mr(), t = {}, o = yt();
-    e = function(i) {
-      var c = "Warning: " + i;
-      typeof console < "u" && console.error(c);
-      try {
-        throw new Error(c);
-      } catch {
-      }
-    };
-  }
-  function s(i, c, u, d, v) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var y in i)
-        if (o(i, y)) {
-          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`."
-              );
-              throw m.name = "Invariant Violation", m;
-            }
-            h = i[y](c, y, 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)."
-          ), h instanceof Error && !(h.message in t)) {
-            t[h.message] = !0;
-            var x = v ? v() : "";
-            e(
-              "Failed " + u + " type: " + h.message + (x != null ? x : "")
-            );
-          }
-        }
-    }
-  }
-  return s.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (t = {});
-  }, yr = s, yr;
-}
-var wr, ut;
-function io() {
-  if (ut)
-    return wr;
-  ut = 1;
-  var e = bt(), r = no(), t = Mr(), o = yt(), s = oo(), i = function() {
-  };
-  process.env.NODE_ENV !== "production" && (i = function(u) {
-    var d = "Warning: " + u;
-    typeof console < "u" && console.error(d);
-    try {
-      throw new Error(d);
-    } catch {
-    }
-  });
-  function c() {
-    return null;
-  }
-  return wr = function(u, d) {
-    var v = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
-    function h(l) {
-      var g = l && (v && l[v] || l[y]);
-      if (typeof g == "function")
-        return g;
-    }
-    var m = "<<anonymous>>", x = {
-      array: K("array"),
-      bigint: K("bigint"),
-      bool: K("boolean"),
-      func: K("function"),
-      number: K("number"),
-      object: K("object"),
-      string: K("string"),
-      symbol: K("symbol"),
-      any: D(),
-      arrayOf: H,
-      element: N(),
-      elementType: p(),
-      instanceOf: X,
-      node: F(),
-      objectOf: Se,
-      oneOf: ee,
-      oneOfType: Q,
-      shape: be,
-      exact: ie
-    };
-    function Y(l, g) {
-      return l === g ? l !== 0 || 1 / l === 1 / g : l !== l && g !== g;
-    }
-    function z(l, g) {
-      this.message = l, this.data = g && typeof g == "object" ? g : {}, this.stack = "";
-    }
-    z.prototype = Error.prototype;
-    function G(l) {
-      if (process.env.NODE_ENV !== "production")
-        var g = {}, T = 0;
-      function O(C, R, _, j, $, A, ae) {
-        if (j = j || m, 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"
-            );
-            throw w.name = "Invariant Violation", w;
-          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var he = j + ":" + _;
-            !g[he] && T < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + A + "` prop on `" + j + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), g[he] = !0, T++);
-          }
-        }
-        return R[_] == null ? C ? R[_] === null ? new z("The " + $ + " `" + A + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new z("The " + $ + " `" + A + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : l(R, _, j, $, A);
-      }
-      var P = O.bind(null, !1);
-      return P.isRequired = O.bind(null, !0), P;
-    }
-    function K(l) {
-      function g(T, O, P, C, R, _) {
-        var j = T[O], $ = te(j);
-        if ($ !== l) {
-          var A = pe(j);
-          return new z(
-            "Invalid " + C + " `" + R + "` of type " + ("`" + A + "` supplied to `" + P + "`, expected ") + ("`" + l + "`."),
-            { expectedType: l }
-          );
-        }
-        return null;
-      }
-      return G(g);
-    }
-    function D() {
-      return G(c);
-    }
-    function H(l) {
-      function g(T, O, P, C, R) {
-        if (typeof l != "function")
-          return new z("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
-        var _ = T[O];
-        if (!Array.isArray(_)) {
-          var j = te(_);
-          return new z("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected an array."));
-        }
-        for (var $ = 0; $ < _.length; $++) {
-          var A = l(_, $, P, C, R + "[" + $ + "]", t);
-          if (A instanceof Error)
-            return A;
-        }
-        return null;
-      }
-      return G(g);
-    }
-    function N() {
-      function l(g, T, O, P, C) {
-        var R = g[T];
-        if (!u(R)) {
-          var _ = te(R);
-          return new z("Invalid " + P + " `" + C + "` of type " + ("`" + _ + "` supplied to `" + O + "`, expected a single ReactElement."));
-        }
-        return null;
-      }
-      return G(l);
-    }
-    function p() {
-      function l(g, T, O, P, C) {
-        var R = g[T];
-        if (!e.isValidElementType(R)) {
-          var _ = te(R);
-          return new z("Invalid " + P + " `" + C + "` of type " + ("`" + _ + "` supplied to `" + O + "`, expected a single ReactElement type."));
-        }
-        return null;
-      }
-      return G(l);
-    }
-    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 z("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected ") + ("instance of `" + _ + "`."));
-        }
-        return null;
-      }
-      return G(g);
-    }
-    function ee(l) {
-      if (!Array.isArray(l))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
-          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
-      function g(T, O, P, C, R) {
-        for (var _ = T[O], j = 0; j < l.length; j++)
-          if (Y(_, l[j]))
-            return null;
-        var $ = JSON.stringify(l, function(ae, w) {
-          var he = pe(w);
-          return he === "symbol" ? String(w) : w;
-        });
-        return new z("Invalid " + C + " `" + R + "` of value `" + String(_) + "` " + ("supplied to `" + P + "`, expected one of " + $ + "."));
-      }
-      return G(g);
-    }
-    function Se(l) {
-      function g(T, O, P, C, R) {
-        if (typeof l != "function")
-          return new z("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
-        var _ = T[O], j = te(_);
-        if (j !== "object")
-          return new z("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected an object."));
-        for (var $ in _)
-          if (o(_, $)) {
-            var A = l(_, $, P, C, R + "." + $, t);
-            if (A instanceof Error)
-              return A;
-          }
-        return null;
-      }
-      return G(g);
-    }
-    function Q(l) {
-      if (!Array.isArray(l))
-        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), c;
-      for (var g = 0; g < l.length; g++) {
-        var T = l[g];
-        if (typeof T != "function")
-          return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Ee(T) + " at index " + g + "."
-          ), c;
-      }
-      function O(P, C, R, _, j) {
-        for (var $ = [], A = 0; A < l.length; A++) {
-          var ae = l[A], w = ae(P, C, R, _, j, t);
-          if (w == null)
-            return null;
-          w.data && o(w.data, "expectedType") && $.push(w.data.expectedType);
-        }
-        var he = $.length > 0 ? ", expected one of type [" + $.join(", ") + "]" : "";
-        return new z("Invalid " + _ + " `" + j + "` supplied to " + ("`" + R + "`" + he + "."));
-      }
-      return G(O);
-    }
-    function F() {
-      function l(g, T, O, P, C) {
-        return k(g[T]) ? null : new z("Invalid " + P + " `" + C + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
-      }
-      return G(l);
-    }
-    function ge(l, g, T, O, P) {
-      return new z(
-        (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 g(T, O, P, C, R) {
-        var _ = T[O], j = te(_);
-        if (j !== "object")
-          return new z("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
-        for (var $ in l) {
-          var A = l[$];
-          if (typeof A != "function")
-            return ge(P, C, R, $, pe(A));
-          var ae = A(_, $, P, C, R + "." + $, t);
-          if (ae)
-            return ae;
-        }
-        return null;
-      }
-      return G(g);
-    }
-    function ie(l) {
-      function g(T, O, P, C, R) {
-        var _ = T[O], j = te(_);
-        if (j !== "object")
-          return new z("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
-        var $ = r({}, T[O], l);
-        for (var A in $) {
-          var ae = l[A];
-          if (o(l, A) && typeof ae != "function")
-            return ge(P, C, R, A, pe(ae));
-          if (!ae)
-            return new z(
-              "Invalid " + C + " `" + R + "` key `" + A + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(T[O], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
-            );
-          var w = ae(_, A, P, C, R + "." + A, t);
-          if (w)
-            return w;
-        }
-        return null;
-      }
-      return G(g);
-    }
-    function k(l) {
-      switch (typeof l) {
-        case "number":
-        case "string":
-        case "undefined":
-          return !0;
-        case "boolean":
-          return !l;
-        case "object":
-          if (Array.isArray(l))
-            return l.every(k);
-          if (l === null || u(l))
-            return !0;
-          var g = h(l);
-          if (g) {
-            var T = g.call(l), O;
-            if (g !== l.entries) {
-              for (; !(O = T.next()).done; )
-                if (!k(O.value))
-                  return !1;
-            } else
-              for (; !(O = T.next()).done; ) {
-                var P = O.value;
-                if (P && !k(P[1]))
-                  return !1;
-              }
-          } else
-            return !1;
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function B(l, g) {
-      return l === "symbol" ? !0 : g ? g["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && g instanceof Symbol : !1;
-    }
-    function te(l) {
-      var g = typeof l;
-      return Array.isArray(l) ? "array" : l instanceof RegExp ? "object" : B(g, l) ? "symbol" : g;
-    }
-    function pe(l) {
-      if (typeof l > "u" || l === null)
-        return "" + l;
-      var g = te(l);
-      if (g === "object") {
-        if (l instanceof Date)
-          return "date";
-        if (l instanceof RegExp)
-          return "regexp";
-      }
-      return g;
-    }
-    function Ee(l) {
-      var g = pe(l);
-      switch (g) {
-        case "array":
-        case "object":
-          return "an " + g;
-        case "boolean":
-        case "date":
-        case "regexp":
-          return "a " + g;
-        default:
-          return g;
-      }
-    }
-    function Pe(l) {
-      return !l.constructor || !l.constructor.name ? m : l.constructor.name;
-    }
-    return x.checkPropTypes = s, x.resetWarningCache = s.resetWarningCache, x.PropTypes = x, x;
-  }, wr;
-}
-var Sr, lt;
-function ao() {
-  if (lt)
-    return Sr;
-  lt = 1;
-  var e = Mr();
-  function r() {
-  }
-  function t() {
-  }
-  return t.resetWarningCache = r, Sr = function() {
-    function o(c, u, d, v, y, h) {
-      if (h !== e) {
-        var m = 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;
-      }
-    }
-    o.isRequired = o;
-    function s() {
-      return o;
-    }
-    var i = {
-      array: o,
-      bigint: o,
-      bool: o,
-      func: o,
-      number: o,
-      object: o,
-      string: o,
-      symbol: o,
-      any: o,
-      arrayOf: s,
-      element: o,
-      elementType: o,
-      instanceOf: s,
-      node: o,
-      objectOf: s,
-      oneOf: s,
-      oneOfType: s,
-      shape: s,
-      exact: s,
-      checkPropTypes: t,
-      resetWarningCache: r
-    };
-    return i.PropTypes = i, i;
-  }, Sr;
-}
-if (process.env.NODE_ENV !== "production") {
-  var so = bt(), co = !0;
-  S.exports = io()(so.isElement, co);
-} else
-  S.exports = ao()();
-const uo = {
-  display: "flex",
-  height: "100%",
-  width: "100%",
-  justifyContent: "center",
-  alignItems: "center"
-};
-function lo({
-  content: e
-}) {
-  return /* @__PURE__ */ a("div", {
-    style: uo,
-    children: e
-  });
-}
-const Er = {
-  wrapper: {
-    display: "flex",
-    position: "relative",
-    textAlign: "initial"
-  },
-  fullWidth: {
-    width: "100%"
-  },
-  hide: {
-    display: "none"
-  }
-};
-function wt({
-  width: e,
-  height: r,
-  isEditorReady: t,
-  loading: o,
-  _ref: s,
-  className: i,
-  wrapperProps: c
-}) {
-  return /* @__PURE__ */ I("section", {
-    style: {
-      ...Er.wrapper,
-      width: e,
-      height: r
-    },
-    ...c,
-    children: [!t && /* @__PURE__ */ a(lo, {
-      content: o
-    }), /* @__PURE__ */ a("div", {
-      ref: s,
-      style: {
-        ...Er.fullWidth,
-        ...!t && Er.hide
-      },
-      className: i
-    })]
-  });
-}
-wt.propTypes = {
-  width: S.exports.oneOfType([S.exports.number, S.exports.string]).isRequired,
-  height: S.exports.oneOfType([S.exports.number, S.exports.string]).isRequired,
-  loading: S.exports.oneOfType([S.exports.element, S.exports.string]).isRequired,
-  isEditorReady: S.exports.bool.isRequired,
-  className: S.exports.string,
-  wrapperProps: S.exports.object
-};
-var St = /* @__PURE__ */ dt(wt);
-function Et(e) {
-  we(e, []);
-}
-function ye(e, r, t = !0) {
-  const o = ue(!0);
-  we(o.current || !t ? () => {
-    o.current = !1;
-  } : e, r);
-}
-function Ne() {
-}
-function rr(e, r, t, o) {
-  return fo(e, o) || po(e, r, t, o);
-}
-function fo(e, r) {
-  return e.editor.getModel(Tt(e, r));
-}
-function po(e, r, t, o) {
-  return e.editor.createModel(r, t, o && Tt(e, o));
-}
-function Tt(e, r) {
-  return e.Uri.parse(r);
-}
-function go(e) {
-  return e === void 0;
-}
-function Ot({
-  original: e,
-  modified: r,
-  language: t,
-  originalLanguage: o,
-  modifiedLanguage: s,
-  originalModelPath: i,
-  modifiedModelPath: c,
-  keepCurrentOriginalModel: u,
-  keepCurrentModifiedModel: d,
-  theme: v,
-  loading: y,
-  options: h,
-  height: m,
-  width: x,
-  className: Y,
-  wrapperProps: z,
-  beforeMount: G,
-  onMount: K
-}) {
-  const [D, H] = Ie(!1), [N, p] = Ie(!0), X = ue(null), ee = ue(null), Se = ue(null), Q = ue(K), F = ue(G);
-  Et(() => {
-    const k = Ye.init();
-    return k.then((B) => (ee.current = B) && p(!1)).catch((B) => (B == null ? void 0 : B.type) !== "cancelation" && console.error("Monaco initialization: error:", B)), () => X.current ? ie() : k.cancel();
-  }), ye(() => {
-    const k = X.current.getModifiedEditor();
-    k.getOption(ee.current.editor.EditorOption.readOnly) ? k.setValue(r) : r !== k.getValue() && (k.executeEdits("", [{
-      range: k.getModel().getFullModelRange(),
-      text: r,
-      forceMoveMarkers: !0
-    }]), k.pushUndoStop());
-  }, [r], D), ye(() => {
-    X.current.getModel().original.setValue(e);
-  }, [e], D), ye(() => {
-    const {
-      original: k,
-      modified: B
-    } = X.current.getModel();
-    ee.current.editor.setModelLanguage(k, o || t), ee.current.editor.setModelLanguage(B, s || t);
-  }, [t, o, s], D), ye(() => {
-    ee.current.editor.setTheme(v);
-  }, [v], D), ye(() => {
-    X.current.updateOptions(h);
-  }, [h], D);
-  const ge = Tr(() => {
-    F.current(ee.current);
-    const k = rr(ee.current, e, o || t, i), B = rr(ee.current, r, s || t, c);
-    X.current.setModel({
-      original: k,
-      modified: B
-    });
-  }, [t, r, s, e, o, i, c]), be = Tr(() => {
-    X.current = ee.current.editor.createDiffEditor(Se.current, {
-      automaticLayout: !0,
-      ...h
-    }), ge(), ee.current.editor.setTheme(v), H(!0);
-  }, [h, v, ge]);
-  we(() => {
-    D && Q.current(X.current, ee.current);
-  }, [D]), we(() => {
-    !N && !D && be();
-  }, [N, D, be]);
-  function ie() {
-    const k = X.current.getModel();
-    if (!u) {
-      var B;
-      (B = k.original) === null || B === void 0 || B.dispose();
-    }
-    if (!d) {
-      var te;
-      (te = k.modified) === null || te === void 0 || te.dispose();
-    }
-    X.current.dispose();
-  }
-  return /* @__PURE__ */ a(St, {
-    width: x,
-    height: m,
-    isEditorReady: D,
-    loading: y,
-    _ref: Se,
-    className: Y,
-    wrapperProps: z
-  });
-}
-Ot.propTypes = {
-  original: S.exports.string,
-  modified: S.exports.string,
-  language: S.exports.string,
-  originalLanguage: S.exports.string,
-  modifiedLanguage: S.exports.string,
-  originalModelPath: S.exports.string,
-  modifiedModelPath: S.exports.string,
-  keepCurrentOriginalModel: S.exports.bool,
-  keepCurrentModifiedModel: S.exports.bool,
-  theme: S.exports.string,
-  loading: S.exports.oneOfType([S.exports.element, S.exports.string]),
-  options: S.exports.object,
-  width: S.exports.oneOfType([S.exports.number, S.exports.string]),
-  height: S.exports.oneOfType([S.exports.number, S.exports.string]),
-  className: S.exports.string,
-  wrapperProps: S.exports.object,
-  beforeMount: S.exports.func,
-  onMount: S.exports.func
-};
-Ot.defaultProps = {
-  theme: "light",
-  loading: "Loading...",
-  options: {},
-  keepCurrentOriginalModel: !1,
-  keepCurrentModifiedModel: !1,
-  width: "100%",
-  height: "100%",
-  wrapperProps: {},
-  beforeMount: Ne,
-  onMount: Ne
-};
-function ho(e) {
-  const r = ue();
-  return we(() => {
-    r.current = e;
-  }, [e]), r.current;
-}
-const Xe = /* @__PURE__ */ new Map();
-function Ir({
-  defaultValue: e,
-  defaultLanguage: r,
-  defaultPath: t,
-  value: o,
-  language: s,
-  path: i,
-  theme: c,
-  line: u,
-  loading: d,
-  options: v,
-  overrideServices: y,
-  saveViewState: h,
-  keepCurrentModel: m,
-  width: x,
-  height: Y,
-  className: z,
-  wrapperProps: G,
-  beforeMount: K,
-  onMount: D,
-  onChange: H,
-  onValidate: N
-}) {
-  const [p, X] = Ie(!1), [ee, Se] = Ie(!0), Q = ue(null), F = ue(null), ge = ue(null), be = ue(D), ie = ue(K), k = ue(null), B = ue(o), te = ho(i), pe = ue(!1);
-  Et(() => {
-    const l = Ye.init();
-    return l.then((g) => (Q.current = g) && Se(!1)).catch((g) => (g == null ? void 0 : g.type) !== "cancelation" && console.error("Monaco initialization: error:", g)), () => F.current ? Pe() : l.cancel();
-  }), ye(() => {
-    const l = rr(Q.current, e || o, r || s, i);
-    l !== F.current.getModel() && (h && Xe.set(te, F.current.saveViewState()), F.current.setModel(l), h && F.current.restoreViewState(Xe.get(i)));
-  }, [i], p), ye(() => {
-    F.current.updateOptions(v);
-  }, [v], p), ye(() => {
-    F.current.getOption(Q.current.editor.EditorOption.readOnly) ? F.current.setValue(o) : o !== F.current.getValue() && (F.current.executeEdits("", [{
-      range: F.current.getModel().getFullModelRange(),
-      text: o,
-      forceMoveMarkers: !0
-    }]), F.current.pushUndoStop());
-  }, [o], p), ye(() => {
-    Q.current.editor.setModelLanguage(F.current.getModel(), s);
-  }, [s], p), ye(() => {
-    go(u) || F.current.revealLine(u);
-  }, [u], p), ye(() => {
-    Q.current.editor.setTheme(c);
-  }, [c], p);
-  const Ee = Tr(() => {
-    if (!pe.current) {
-      ie.current(Q.current);
-      const l = i || t, g = rr(Q.current, o || e, r || s, l);
-      F.current = Q.current.editor.create(ge.current, {
-        model: g,
-        automaticLayout: !0,
-        ...v
-      }, y), h && F.current.restoreViewState(Xe.get(l)), Q.current.editor.setTheme(c), X(!0), pe.current = !0;
-    }
-  }, [e, r, t, o, s, i, v, y, h, c]);
-  we(() => {
-    p && be.current(F.current, Q.current);
-  }, [p]), we(() => {
-    !ee && !p && Ee();
-  }, [ee, p, Ee]), B.current = o, we(() => {
-    if (p && H) {
-      var l, g;
-      (l = k.current) === null || l === void 0 || l.dispose(), k.current = (g = F.current) === null || g === void 0 ? void 0 : g.onDidChangeModelContent((T) => {
-        H(F.current.getValue(), T);
-      });
-    }
-  }, [p, H]), we(() => {
-    if (p) {
-      const l = Q.current.editor.onDidChangeMarkers((g) => {
-        var T;
-        const O = (T = F.current.getModel()) === null || T === void 0 ? void 0 : T.uri;
-        if (O && g.find((C) => C.path === O.path)) {
-          const C = Q.current.editor.getModelMarkers({
-            resource: O
-          });
-          N == null || N(C);
-        }
-      });
-      return () => {
-        l == null || l.dispose();
-      };
-    }
-  }, [p, N]);
-  function Pe() {
-    var l;
-    if ((l = k.current) === null || l === void 0 || l.dispose(), m)
-      h && Xe.set(i, F.current.saveViewState());
-    else {
-      var g;
-      (g = F.current.getModel()) === null || g === void 0 || g.dispose();
-    }
-    F.current.dispose();
-  }
-  return /* @__PURE__ */ a(St, {
-    width: x,
-    height: Y,
-    isEditorReady: p,
-    loading: d,
-    _ref: ge,
-    className: z,
-    wrapperProps: G
-  });
-}
-Ir.propTypes = {
-  defaultValue: S.exports.string,
-  defaultPath: S.exports.string,
-  defaultLanguage: S.exports.string,
-  value: S.exports.string,
-  language: S.exports.string,
-  path: S.exports.string,
-  theme: S.exports.string,
-  line: S.exports.number,
-  loading: S.exports.oneOfType([S.exports.element, S.exports.string]),
-  options: S.exports.object,
-  overrideServices: S.exports.object,
-  saveViewState: S.exports.bool,
-  keepCurrentModel: S.exports.bool,
-  width: S.exports.oneOfType([S.exports.number, S.exports.string]),
-  height: S.exports.oneOfType([S.exports.number, S.exports.string]),
-  className: S.exports.string,
-  wrapperProps: S.exports.object,
-  beforeMount: S.exports.func,
-  onMount: S.exports.func,
-  onChange: S.exports.func,
-  onValidate: S.exports.func
-};
-Ir.defaultProps = {
-  theme: "light",
-  loading: "Loading...",
-  options: {},
-  overrideServices: {},
-  saveViewState: !0,
-  keepCurrentModel: !1,
-  width: "100%",
-  height: "100%",
-  wrapperProps: {},
-  beforeMount: Ne,
-  onMount: Ne,
-  onValidate: Ne
-};
-var vo = /* @__PURE__ */ dt(Ir);
-function mo() {
-  return new Worker("/assets/editor.worker.64456f42.js");
-}
-function bo() {
-  return new Worker("/assets/css.worker.72a68640.js");
-}
-function yo() {
-  return new Worker("/assets/html.worker.76e8b0f3.js");
-}
-function wo() {
-  return new Worker("/assets/json.worker.e7a84e5c.js");
-}
-function So() {
-  return new Worker("/assets/ts.worker.b3dc4cb9.js");
-}
 self.MonacoEnvironment = {
-  getWorker(e, r) {
-    return r === "json" ? new wo() : r === "css" || r === "scss" || r === "less" ? new bo() : r === "html" || r === "handlebars" || r === "razor" ? new yo() : r === "typescript" || r === "javascript" ? new So() : new mo();
+  getWorker(t, n) {
+    return n === "json" ? new st() : n === "css" || n === "scss" || n === "less" ? new at() : n === "html" || n === "handlebars" || n === "razor" ? new ot() : n === "typescript" || n === "javascript" ? new ct() : new it();
   }
 };
-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, {
+function wt() {
+  Ee.__getMonacoInstance() || (console.log("loading monaco"), Ee.config({ monaco: nt }), Ee.init().then((n) => console.log("here is the monaco instance:", n)));
+}
+wt();
+const St = ({
+  value: t,
+  onChange: n
+}) => /* @__PURE__ */ r(F, {
   sx: {
     position: "relative"
   },
-  children: /* @__PURE__ */ a(vo, {
+  children: /* @__PURE__ */ r(tt, {
     height: "500px",
     defaultLanguage: "javascript",
-    value: e,
+    value: t,
     onChange: (o) => {
-      !o || r(o);
+      !o || n(o);
     },
     theme: "vs-dark",
     options: {
@@ -2379,63 +964,63 @@ const To = ({
       }
     }
   })
-}), ft = Cr(({
-  value: e,
-  onChange: r,
-  label: t,
+}), sr = ke(({
+  value: t,
+  onChange: n,
+  label: a,
   modalTitle: o,
-  defaultValue: s,
-  styles: i
+  defaultValue: l,
+  styles: s
 }, c) => {
-  const [u, {
-    setTrue: d,
-    setFalse: v
-  }] = tn(), [y, h] = Ie(e), m = () => {
-    v(), r(y);
-  }, x = () => {
-    v(), h(e);
-  }, Y = () => {
-    h(s);
+  const [d, {
+    setTrue: p,
+    setFalse: b
+  }] = rt(), [S, m] = lr(t), f = () => {
+    b(), n(S);
+  }, z = () => {
+    b(), m(t);
+  }, q = () => {
+    m(l);
   };
-  return we(() => {
-    h(e);
-  }, [e]), /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(oe, {
+  return cr(() => {
+    m(t);
+  }, [t]), /* @__PURE__ */ v(N, {
+    children: [/* @__PURE__ */ r(T, {
       variant: "filled",
-      size: i.button.size,
-      onClick: d,
+      size: s.button.size,
+      onClick: p,
       sx: {
         flexGrow: 1
       },
-      children: t
-    }), /* @__PURE__ */ a(Be, {
+      children: a
+    }), /* @__PURE__ */ r(ne, {
       size: 800,
       title: o,
-      opened: u,
-      onClose: v,
+      opened: d,
+      onClose: b,
       closeOnClickOutside: !1,
       withCloseButton: !1,
-      children: u && /* @__PURE__ */ I(Rr, {
-        children: [/* @__PURE__ */ a(To, {
-          value: y,
-          onChange: h
-        }), /* @__PURE__ */ I(se, {
+      children: d && /* @__PURE__ */ v(ze, {
+        children: [/* @__PURE__ */ r(St, {
+          value: S,
+          onChange: m
+        }), /* @__PURE__ */ v(O, {
           position: "apart",
-          children: [/* @__PURE__ */ a(oe, {
-            onClick: Y,
+          children: [/* @__PURE__ */ r(T, {
+            onClick: q,
             color: "red",
-            leftIcon: /* @__PURE__ */ a(Xt, {
+            leftIcon: /* @__PURE__ */ r(Jr, {
               size: 20
             }),
             children: "Rest"
-          }), /* @__PURE__ */ I(se, {
+          }), /* @__PURE__ */ v(O, {
             position: "right",
-            children: [/* @__PURE__ */ a(oe, {
-              onClick: x,
+            children: [/* @__PURE__ */ r(T, {
+              onClick: z,
               variant: "subtle",
               children: "Cancel"
-            }), /* @__PURE__ */ a(oe, {
-              onClick: m,
+            }), /* @__PURE__ */ r(T, {
+              onClick: f,
               children: "OK"
             })]
           })]
@@ -2443,117 +1028,117 @@ const To = ({
       })
     })]
   });
-}), Qe = {
+}), le = {
   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 Oo({
-  submit: e,
-  styles: r = qe
+function _t({
+  submit: t,
+  styles: n = X
 }) {
   const {
-    control: t,
+    control: a,
     setValue: o,
-    handleSubmit: s
-  } = De({
+    handleSubmit: l
+  } = J({
     defaultValues: {
       type: "http",
       key: "",
       config: {
         host: "",
         processing: {
-          pre: Qe.pre,
-          post: Qe.post
+          pre: le.pre,
+          post: le.post
         }
       }
     }
   });
-  return /* @__PURE__ */ a(me, {
+  return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ I("form", {
-      onSubmit: s(e),
-      children: [/* @__PURE__ */ a(J, {
+    children: /* @__PURE__ */ v("form", {
+      onSubmit: l(t),
+      children: [/* @__PURE__ */ r(R, {
         name: "key",
-        control: t,
+        control: a,
         render: ({
-          field: i
-        }) => /* @__PURE__ */ a(fe, {
-          mb: r.spacing,
-          size: r.size,
+          field: s
+        }) => /* @__PURE__ */ r(D, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Name",
           placeholder: "A unique name",
-          ...i
+          ...s
         })
-      }), /* @__PURE__ */ a(Pr, {
+      }), /* @__PURE__ */ r(Te, {
         label: "Connection Info",
         labelPosition: "center"
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "config.host",
-        control: t,
+        control: a,
         render: ({
-          field: i
-        }) => /* @__PURE__ */ a(fe, {
-          mb: r.spacing,
-          size: r.size,
+          field: s
+        }) => /* @__PURE__ */ r(D, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Base URL",
           sx: {
             flexGrow: 1
           },
-          ...i
+          ...s
         })
-      }), /* @__PURE__ */ I(se, {
+      }), /* @__PURE__ */ v(O, {
         grow: !0,
-        children: [/* @__PURE__ */ a(J, {
+        children: [/* @__PURE__ */ r(R, {
           name: "config.processing.pre",
-          control: t,
+          control: a,
           render: ({
-            field: i
-          }) => /* @__PURE__ */ a(ft, {
+            field: s
+          }) => /* @__PURE__ */ r(sr, {
             label: "Pre Processing",
             modalTitle: "This function will run before sending the request (for scenarios like encryption)",
-            defaultValue: Qe.pre,
-            ...i,
-            styles: r
+            defaultValue: le.pre,
+            ...s,
+            styles: n
           })
-        }), /* @__PURE__ */ a(J, {
+        }), /* @__PURE__ */ r(R, {
           name: "config.processing.post",
-          control: t,
+          control: a,
           render: ({
-            field: i
-          }) => /* @__PURE__ */ a(ft, {
+            field: s
+          }) => /* @__PURE__ */ r(sr, {
             label: "Post Processing",
             modalTitle: "This function will run after sending the request (for scenarios like decryption)",
-            defaultValue: Qe.post,
-            ...i,
-            styles: r
+            defaultValue: le.post,
+            ...s,
+            styles: n
           })
         })]
-      }), /* @__PURE__ */ a(se, {
+      }), /* @__PURE__ */ r(O, {
         position: "right",
-        mt: r.spacing,
-        children: /* @__PURE__ */ a(oe, {
+        mt: n.spacing,
+        children: /* @__PURE__ */ r(T, {
           type: "submit",
-          size: r.button.size,
+          size: n.button.size,
           children: "Save"
         })
       })]
     })
   });
 }
-function Po({
-  postSubmit: e,
-  styles: r = qe
+function yt({
+  postSubmit: t,
+  styles: n = X
 }) {
-  const [t, o] = Ie("postgresql"), s = async ({
-    type: u,
-    key: d,
-    config: v
+  const [a, o] = lr("postgresql"), l = async ({
+    type: d,
+    key: p,
+    config: b
   }) => {
-    _e({
+    W({
       id: "for-creating",
       title: "Pending",
       message: "Adding data source...",
@@ -2561,30 +1146,30 @@ function Po({
     });
     try {
       console.log({
-        type: u,
-        key: d,
-        config: v
-      }), await de.datasource.create(u, d, v), le({
+        type: d,
+        key: p,
+        config: b
+      }), await j.datasource.create(d, p, b), x({
         id: "for-creating",
         title: "Successful",
         message: "Data source is added",
         color: "green"
-      }), e();
-    } catch (y) {
-      le({
+      }), t();
+    } catch (S) {
+      x({
         id: "for-creating",
         title: "Failed",
-        message: y.message,
+        message: S.message,
         color: "red"
       });
     }
-  }, i = t === "postgresql" || t === "mysql", c = t === "http";
-  return /* @__PURE__ */ I(me, {
+  }, s = a === "postgresql" || a === "mysql", c = a === "http";
+  return /* @__PURE__ */ v(F, {
     mx: "auto",
-    children: [/* @__PURE__ */ a(Bt, {
+    children: [/* @__PURE__ */ r(Yr, {
       fullWidth: !0,
-      mb: r.spacing,
-      size: r.size,
+      mb: n.spacing,
+      size: n.size,
       data: [{
         label: "PostgreSQL",
         value: "postgresql"
@@ -2595,105 +1180,105 @@ function Po({
         label: "HTTP",
         value: "http"
       }],
-      value: t,
-      onChange: (u) => o(u)
-    }), i && /* @__PURE__ */ a(gn, {
-      submit: s,
-      styles: r,
-      type: t
-    }), c && /* @__PURE__ */ a(Oo, {
-      submit: s,
-      styles: r
+      value: a,
+      onChange: (d) => o(d)
+    }), s && /* @__PURE__ */ r(bt, {
+      submit: l,
+      styles: n,
+      type: a
+    }), c && /* @__PURE__ */ r(_t, {
+      submit: l,
+      styles: n
     })]
   });
 }
-function Ro({
-  onSuccess: e,
-  styles: r = qe
+function Rt({
+  onSuccess: t,
+  styles: n = X
 }) {
-  const [t, o] = ze.useState(!1), s = () => o(!0), i = () => o(!1);
-  return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(Be, {
+  const [a, o] = H.useState(!1), l = () => o(!0), s = () => o(!1);
+  return /* @__PURE__ */ v(N, {
+    children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
-      opened: t,
+      opened: a,
       onClose: () => o(!1),
       title: "Add a data source",
       trapFocus: !0,
-      onDragStart: (u) => {
-        u.stopPropagation();
+      onDragStart: (d) => {
+        d.stopPropagation();
       },
-      children: /* @__PURE__ */ a(Po, {
+      children: /* @__PURE__ */ r(yt, {
         postSubmit: () => {
-          e(), i();
+          t(), s();
         },
-        styles: r
+        styles: n
       })
-    }), /* @__PURE__ */ a(oe, {
-      size: r.button.size,
-      onClick: s,
-      leftIcon: /* @__PURE__ */ a(jr, {
+    }), /* @__PURE__ */ r(T, {
+      size: n.button.size,
+      onClick: l,
+      leftIcon: /* @__PURE__ */ r(xe, {
         size: 20
       }),
       children: "Add a Data Source"
     })]
   });
 }
-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]);
+function Ce() {
+  return Ce = Object.assign ? Object.assign.bind() : function(t) {
+    for (var n = 1; n < arguments.length; n++) {
+      var a = arguments[n];
+      for (var o in a)
+        Object.prototype.hasOwnProperty.call(a, o) && (t[o] = a[o]);
     }
-    return e;
-  }, Or.apply(this, arguments);
+    return t;
+  }, Ce.apply(this, arguments);
 }
-function _o(e, r) {
-  if (e == null)
+function Pt(t, n) {
+  if (t == null)
     return {};
-  var t, o, s = function(c, u) {
+  var a, o, l = function(c, d) {
     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;
-  }(e, r);
+    var p, b, S = {}, m = Object.keys(c);
+    for (b = 0; b < m.length; b++)
+      p = m[b], d.indexOf(p) >= 0 || (S[p] = c[p]);
+    return S;
+  }(t, n);
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < i.length; o++)
-      t = i[o], r.indexOf(t) >= 0 || Object.prototype.propertyIsEnumerable.call(e, t) && (s[t] = e[t]);
+    var s = Object.getOwnPropertySymbols(t);
+    for (o = 0; o < s.length; o++)
+      a = s[o], n.indexOf(a) >= 0 || Object.prototype.propertyIsEnumerable.call(t, a) && (l[a] = t[a]);
   }
-  return s;
+  return l;
 }
-var xo = ["size", "color", "stroke"];
-function Co(e) {
-  var r = e.size, t = r === void 0 ? 24 : r, o = e.color, s = o === void 0 ? "currentColor" : o, i = e.stroke, c = i === void 0 ? 2 : i, u = _o(e, xo);
-  return Fe.createElement("svg", Or({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: t, height: t, viewBox: "0 0 24 24", strokeWidth: c, stroke: s, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, u), Fe.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), Fe.createElement("rect", { x: 5, y: 11, width: 14, height: 10, rx: 2 }), Fe.createElement("circle", { cx: 12, cy: 16, r: 1 }), Fe.createElement("path", { d: "M8 11v-4a4 4 0 0 1 8 0v4" }));
+var Et = ["size", "color", "stroke"];
+function Ct(t) {
+  var n = t.size, a = n === void 0 ? 24 : n, o = t.color, l = o === void 0 ? "currentColor" : o, s = t.stroke, c = s === void 0 ? 2 : s, d = Pt(t, Et);
+  return ee.createElement("svg", Ce({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: a, height: a, viewBox: "0 0 24 24", strokeWidth: c, stroke: l, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, d), ee.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), ee.createElement("rect", { x: 5, y: 11, width: 14, height: 10, rx: 2 }), ee.createElement("circle", { cx: 12, cy: 16, r: 1 }), ee.createElement("path", { d: "M8 11v-4a4 4 0 0 1 8 0v4" }));
 }
-function jo({
-  id: e,
-  name: r,
-  isProtected: t,
+function Tt({
+  id: t,
+  name: n,
+  isProtected: a,
   onSuccess: o,
-  styles: s = qe
+  styles: l = X
 }) {
-  const i = nr(), c = async () => {
-    !e || (_e({
+  const s = fe(), c = async () => {
+    !t || (W({
       id: "for-deleting",
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await de.datasource.delete(e), le({
+    }), await j.datasource.delete(t), x({
       id: "for-deleting",
       title: "Successful",
-      message: `Data source [${r}] is deleted`,
+      message: `Data source [${n}] is deleted`,
       color: "green"
     }), o());
-  }, u = () => i.openConfirmModal({
+  }, d = () => s.openConfirmModal({
     title: "Delete this data source?",
-    children: /* @__PURE__ */ a(Ze, {
-      size: s.size,
+    children: /* @__PURE__ */ r(ue, {
+      size: l.size,
       children: "This action won't affect your database."
     }),
     labels: {
@@ -2702,8 +1287,8 @@ function jo({
     },
     onCancel: () => console.log("Cancel"),
     onConfirm: c
-  }), d = Kt();
-  return t ? /* @__PURE__ */ a(Ht, {
+  }), p = Kr();
+  return a ? /* @__PURE__ */ r(Br, {
     withArrow: !0,
     events: {
       hover: !0,
@@ -2711,89 +1296,89 @@ function jo({
       focus: !1
     },
     label: "This is a preset datasource, it can not be deleted",
-    children: /* @__PURE__ */ a("span", {
-      children: /* @__PURE__ */ a(Co, {
+    children: /* @__PURE__ */ r("span", {
+      children: /* @__PURE__ */ r(Ct, {
         size: 16,
-        color: d.colors.gray[7]
+        color: p.colors.gray[7]
       })
     })
-  }) : /* @__PURE__ */ a(oe, {
-    size: s.button.size,
+  }) : /* @__PURE__ */ r(T, {
+    size: l.button.size,
     color: "red",
-    onClick: u,
-    leftIcon: /* @__PURE__ */ a(Ar, {
+    onClick: d,
+    leftIcon: /* @__PURE__ */ r(De, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function Xo({
-  styles: e = qe,
-  config: r
+function en({
+  styles: t = X,
+  config: n
 }) {
-  or(r);
+  pe(n);
   const {
-    data: t = [],
+    data: a = [],
     loading: o,
-    refresh: s
-  } = ke(async () => {
+    refresh: l
+  } = G(async () => {
     const {
-      data: i
-    } = await de.datasource.list();
-    return i;
+      data: s
+    } = await j.datasource.list();
+    return s;
   }, {
     refreshDeps: []
   });
-  return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(se, {
-      pt: e.spacing,
+  return /* @__PURE__ */ v(N, {
+    children: [/* @__PURE__ */ r(O, {
+      pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ a(Ro, {
-        onSuccess: s
+      children: /* @__PURE__ */ r(Rt, {
+        onSuccess: l
       })
-    }), /* @__PURE__ */ I(me, {
-      mt: e.spacing,
+    }), /* @__PURE__ */ v(F, {
+      mt: t.spacing,
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ a(_r, {
+      children: [/* @__PURE__ */ r(Oe, {
         visible: o
-      }), /* @__PURE__ */ I(xr, {
-        horizontalSpacing: e.spacing,
-        verticalSpacing: e.spacing,
-        fontSize: e.size,
+      }), /* @__PURE__ */ v(Ae, {
+        horizontalSpacing: t.spacing,
+        verticalSpacing: t.spacing,
+        fontSize: t.size,
         highlightOnHover: !0,
-        children: [/* @__PURE__ */ a("thead", {
-          children: /* @__PURE__ */ I("tr", {
-            children: [/* @__PURE__ */ a("th", {
+        children: [/* @__PURE__ */ r("thead", {
+          children: /* @__PURE__ */ v("tr", {
+            children: [/* @__PURE__ */ r("th", {
               children: "Type"
-            }), /* @__PURE__ */ a("th", {
+            }), /* @__PURE__ */ r("th", {
               children: "Name"
-            }), /* @__PURE__ */ a("th", {
+            }), /* @__PURE__ */ r("th", {
               children: "Action"
             })]
           })
-        }), /* @__PURE__ */ a("tbody", {
-          children: t.map(({
-            id: i,
+        }), /* @__PURE__ */ r("tbody", {
+          children: a.map(({
+            id: s,
             key: c,
-            type: u,
-            is_preset: d
-          }) => /* @__PURE__ */ I("tr", {
-            children: [/* @__PURE__ */ a("td", {
+            type: d,
+            is_preset: p
+          }) => /* @__PURE__ */ v("tr", {
+            children: [/* @__PURE__ */ r("td", {
               width: 200,
-              children: u
-            }), /* @__PURE__ */ a("td", {
+              children: d
+            }), /* @__PURE__ */ r("td", {
               children: c
-            }), /* @__PURE__ */ a("td", {
+            }), /* @__PURE__ */ r("td", {
               width: 200,
-              children: /* @__PURE__ */ a(se, {
+              children: /* @__PURE__ */ r(O, {
                 position: "left",
-                children: /* @__PURE__ */ a(jo, {
-                  isProtected: d,
-                  id: i,
+                children: /* @__PURE__ */ r(Tt, {
+                  isProtected: p,
+                  id: s,
                   name: c,
-                  onSuccess: s
+                  onSuccess: l
                 })
               })
             })]
@@ -2803,49 +1388,49 @@ function Xo({
     })]
   });
 }
-const Ao = Cr(({
-  label: e,
-  value: r,
-  description: t,
+const zt = ke(({
+  label: t,
+  value: n,
+  description: a,
   ...o
-}, s) => /* @__PURE__ */ I(Rr, {
+}, l) => /* @__PURE__ */ v(ze, {
   spacing: 2,
-  ref: s,
+  ref: l,
   ...o,
-  children: [/* @__PURE__ */ a(Ze, {
+  children: [/* @__PURE__ */ r(ue, {
     size: "sm",
-    children: e
-  }), /* @__PURE__ */ a(Ze, {
+    children: t
+  }), /* @__PURE__ */ r(ue, {
     size: "xs",
     color: "dimmed",
     className: "role-description",
-    children: t
+    children: a
   })]
-})), kr = Cr(({
-  styles: e,
-  value: r,
-  onChange: t
+})), je = ke(({
+  styles: t,
+  value: n,
+  onChange: a
 }, o) => {
   const {
-    data: s = [],
-    loading: i
-  } = ke(async () => (await de.role.list()).map((u) => ({
-    label: u.name,
-    value: u.id,
-    description: u.description,
-    disabled: u.id === 50
+    data: l = [],
+    loading: s
+  } = G(async () => (await j.role.list()).map((d) => ({
+    label: d.name,
+    value: d.id,
+    description: d.description,
+    disabled: d.id === 50
   })), {
     refreshDeps: []
   });
-  return /* @__PURE__ */ a(Gt, {
+  return /* @__PURE__ */ r(Gr, {
     ref: o,
-    mb: e.spacing,
-    size: e.size,
+    mb: t.spacing,
+    size: t.size,
     required: !0,
     label: "Role",
-    itemComponent: Ao,
-    data: s,
-    disabled: i,
+    itemComponent: zt,
+    data: l,
+    disabled: s,
     styles: () => ({
       item: {
         "&[data-selected]": {
@@ -2857,687 +1442,687 @@ const Ao = Cr(({
         }
       }
     }),
-    value: r,
-    onChange: t
+    value: n,
+    onChange: a
   });
-}), xe = {
+}), V = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function Mo({
-  postSubmit: e,
-  styles: r = xe,
-  initialRoleID: t
+function Ot({
+  postSubmit: t,
+  styles: n = V,
+  initialRoleID: a
 }) {
   const {
     control: o,
-    handleSubmit: s
-  } = De({
+    handleSubmit: l
+  } = J({
     defaultValues: {
       name: "",
       email: "",
-      role_id: t,
+      role_id: a,
       password: ""
     }
   });
-  return /* @__PURE__ */ a(me, {
+  return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ I("form", {
-      onSubmit: s(async ({
+    children: /* @__PURE__ */ v("form", {
+      onSubmit: l(async ({
         name: c,
-        email: u,
-        password: d,
-        role_id: v
+        email: d,
+        password: p,
+        role_id: b
       }) => {
         try {
-          _e({
+          W({
             id: "for-creating",
             title: "Pending",
             message: "Adding account...",
             loading: !0
-          }), await de.account.create(c, u, d, v), le({
+          }), await j.account.create(c, d, p, b), x({
             id: "for-creating",
             title: "Successful",
             message: "Account is added",
             color: "green"
-          }), e();
-        } catch (y) {
-          le({
+          }), t();
+        } catch (S) {
+          x({
             id: "for-creating",
             title: "Failed",
-            message: y.message,
+            message: S.message,
             color: "red"
           });
         }
       }),
-      children: [/* @__PURE__ */ a(J, {
+      children: [/* @__PURE__ */ r(R, {
         name: "name",
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(fe, {
-          mb: r.spacing,
-          size: r.size,
+        }) => /* @__PURE__ */ r(D, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Username",
           ...c
         })
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "email",
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(fe, {
-          mb: r.spacing,
-          size: r.size,
+        }) => /* @__PURE__ */ r(D, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Email",
           ...c
         })
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "password",
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(tr, {
-          mb: r.spacing,
-          size: r.size,
+        }) => /* @__PURE__ */ r(de, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Password",
           description: "Password must be at least 8 characters long",
           ...c
         })
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "role_id",
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(kr, {
-          styles: r,
+        }) => /* @__PURE__ */ r(je, {
+          styles: n,
           ...c
         })
-      }), /* @__PURE__ */ a(se, {
+      }), /* @__PURE__ */ r(O, {
         position: "right",
-        mt: r.spacing,
-        children: /* @__PURE__ */ a(oe, {
+        mt: n.spacing,
+        children: /* @__PURE__ */ r(T, {
           type: "submit",
-          size: r.button.size,
+          size: n.button.size,
           children: "Save"
         })
       })]
     })
   });
 }
-function Io({
-  onSuccess: e,
-  styles: r = xe,
-  initialRoleID: t
+function At({
+  onSuccess: t,
+  styles: n = V,
+  initialRoleID: a
 }) {
-  const [o, s] = ze.useState(!1), i = () => s(!0), c = () => s(!1);
-  return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(Be, {
+  const [o, l] = H.useState(!1), s = () => l(!0), c = () => l(!1);
+  return /* @__PURE__ */ v(N, {
+    children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
       opened: o,
-      onClose: () => s(!1),
+      onClose: () => l(!1),
       title: "Add an Account",
       trapFocus: !0,
-      onDragStart: (d) => {
-        d.stopPropagation();
+      onDragStart: (p) => {
+        p.stopPropagation();
       },
-      children: /* @__PURE__ */ a(Mo, {
+      children: /* @__PURE__ */ r(Ot, {
         postSubmit: () => {
-          e(), c();
+          t(), c();
         },
-        styles: r,
-        initialRoleID: t
+        styles: n,
+        initialRoleID: a
       })
-    }), /* @__PURE__ */ a(oe, {
-      size: r.button.size,
-      onClick: i,
-      leftIcon: /* @__PURE__ */ a(jr, {
+    }), /* @__PURE__ */ r(T, {
+      size: n.button.size,
+      onClick: s,
+      leftIcon: /* @__PURE__ */ r(xe, {
         size: 20
       }),
       children: "Add an Account"
     })]
   });
 }
-function ko({
-  id: e,
-  name: r,
-  onSuccess: t,
-  styles: o = xe
+function kt({
+  id: t,
+  name: n,
+  onSuccess: a,
+  styles: o = V
 }) {
-  const s = nr(), i = async () => {
-    if (!!e) {
-      _e({
+  const l = fe(), s = async () => {
+    if (!!t) {
+      W({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting account...",
         loading: !0
       });
       try {
-        await de.account.delete(e), le({
+        await j.account.delete(t), x({
           id: "for-deleting",
           title: "Successful",
-          message: `Account [${r}] is deleted`,
+          message: `Account [${n}] is deleted`,
           color: "green"
-        }), t();
-      } catch (u) {
-        le({
+        }), a();
+      } catch (d) {
+        x({
           id: "for-deleting",
           title: "Failed",
-          message: u.message,
+          message: d.message,
           color: "red"
         });
       }
     }
-  }, c = () => s.openConfirmModal({
+  }, c = () => l.openConfirmModal({
     title: "Delete this account?",
     labels: {
       confirm: "Confirm",
       cancel: "Cancel"
     },
     onCancel: () => console.log("Cancel"),
-    onConfirm: i
+    onConfirm: s
   });
-  return /* @__PURE__ */ a(oe, {
+  return /* @__PURE__ */ r(T, {
     size: o.button.size,
     color: "red",
     onClick: c,
-    leftIcon: /* @__PURE__ */ a(Ar, {
+    leftIcon: /* @__PURE__ */ r(De, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function zo({
-  id: e,
-  name: r,
-  email: t,
+function xt({
+  id: t,
+  name: n,
+  email: a,
   role_id: o,
-  postSubmit: s,
-  styles: i = xe
+  postSubmit: l,
+  styles: s = V
 }) {
   const {
     control: c,
-    handleSubmit: u,
-    watch: d
-  } = De({
+    handleSubmit: d,
+    watch: p
+  } = J({
     defaultValues: {
-      name: r,
-      email: t,
+      name: n,
+      email: a,
       role_id: o,
       reset_password: !1,
       new_password: ""
     }
-  }), v = async ({
-    name: m,
-    email: x,
-    role_id: Y,
-    reset_password: z,
-    new_password: G
+  }), b = async ({
+    name: f,
+    email: z,
+    role_id: q,
+    reset_password: $,
+    new_password: he
   }) => {
     try {
-      _e({
+      W({
         id: "for-updating",
         title: "Pending",
         message: "Updating account...",
         loading: !0
-      }), await de.account.edit({
-        id: e,
-        name: m,
-        email: x,
-        role_id: Y,
-        reset_password: z,
-        new_password: G
-      }), le({
+      }), await j.account.edit({
+        id: t,
+        name: f,
+        email: z,
+        role_id: q,
+        reset_password: $,
+        new_password: he
+      }), x({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
         color: "green"
-      }), s();
-    } catch (K) {
-      le({
+      }), l();
+    } catch (U) {
+      x({
         id: "for-updating",
         title: "Failed",
-        message: K.message,
+        message: U.message,
         color: "red"
       });
     }
-  }, [y, h] = d(["reset_password", "new_password"]);
-  return /* @__PURE__ */ a(me, {
+  }, [S, m] = p(["reset_password", "new_password"]);
+  return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ I("form", {
-      onSubmit: u(v),
-      children: [/* @__PURE__ */ a(J, {
+    children: /* @__PURE__ */ v("form", {
+      onSubmit: d(b),
+      children: [/* @__PURE__ */ r(R, {
         name: "name",
         control: c,
         render: ({
-          field: m
-        }) => /* @__PURE__ */ a(fe, {
-          mb: i.spacing,
-          size: i.size,
+          field: f
+        }) => /* @__PURE__ */ r(D, {
+          mb: s.spacing,
+          size: s.size,
           required: !0,
           label: "Username",
-          ...m
+          ...f
         })
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "email",
         control: c,
         render: ({
-          field: m
-        }) => /* @__PURE__ */ a(fe, {
-          mb: i.spacing,
-          size: i.size,
+          field: f
+        }) => /* @__PURE__ */ r(D, {
+          mb: s.spacing,
+          size: s.size,
           required: !0,
           label: "Email",
-          ...m
+          ...f
         })
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "role_id",
         control: c,
         render: ({
-          field: m
-        }) => /* @__PURE__ */ a(kr, {
-          styles: i,
-          ...m
+          field: f
+        }) => /* @__PURE__ */ r(je, {
+          styles: s,
+          ...f
         })
-      }), /* @__PURE__ */ a(Pr, {
+      }), /* @__PURE__ */ r(Te, {
         my: 20,
         variant: "dashed",
         label: "",
         labelPosition: "center"
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "reset_password",
         control: c,
         render: ({
-          field: m
-        }) => /* @__PURE__ */ a(Jt, {
-          mb: i.spacing,
-          size: i.size,
+          field: f
+        }) => /* @__PURE__ */ r(Hr, {
+          mb: s.spacing,
+          size: s.size,
           label: "Reset password",
-          checked: m.value,
-          onChange: (x) => m.onChange(x.currentTarget.checked),
+          checked: f.value,
+          onChange: (z) => f.onChange(z.currentTarget.checked),
           styles: {
             label: {
               verticalAlign: "middle"
             }
           }
         })
-      }), y && /* @__PURE__ */ a(J, {
+      }), S && /* @__PURE__ */ r(R, {
         name: "new_password",
         control: c,
         render: ({
-          field: m
-        }) => /* @__PURE__ */ a(tr, {
+          field: f
+        }) => /* @__PURE__ */ r(de, {
           autoComplete: "off",
-          mb: i.spacing,
-          size: i.size,
+          mb: s.spacing,
+          size: s.size,
           required: !0,
           description: "Password must be at least 8 characters long",
           label: "New Password",
-          ...m
+          ...f
         })
-      }), /* @__PURE__ */ a(se, {
+      }), /* @__PURE__ */ r(O, {
         position: "right",
-        mt: i.spacing,
-        children: /* @__PURE__ */ a(oe, {
+        mt: s.spacing,
+        children: /* @__PURE__ */ r(T, {
           type: "submit",
-          size: i.button.size,
+          size: s.button.size,
           children: "Submit"
         })
       })]
     })
   });
 }
-function Do({
-  account: e,
-  onSuccess: r,
-  styles: t = xe
+function Dt({
+  account: t,
+  onSuccess: n,
+  styles: a = V
 }) {
-  const [o, s] = ze.useState(!1), i = () => s(!0), c = () => s(!1), u = () => {
-    r(), c();
+  const [o, l] = H.useState(!1), s = () => l(!0), c = () => l(!1), d = () => {
+    n(), c();
   };
-  return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(Be, {
+  return /* @__PURE__ */ v(N, {
+    children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
       opened: o,
-      onClose: () => s(!1),
-      title: `Editing ${e.name}`,
+      onClose: () => l(!1),
+      title: `Editing ${t.name}`,
       trapFocus: !0,
-      onDragStart: (d) => {
-        d.stopPropagation();
+      onDragStart: (p) => {
+        p.stopPropagation();
       },
-      children: /* @__PURE__ */ a(zo, {
-        ...e,
-        postSubmit: u,
-        styles: t
+      children: /* @__PURE__ */ r(xt, {
+        ...t,
+        postSubmit: d,
+        styles: a
       })
-    }), /* @__PURE__ */ a(oe, {
-      size: t.button.size,
-      onClick: i,
-      leftIcon: /* @__PURE__ */ a(Qt, {
+    }), /* @__PURE__ */ r(T, {
+      size: a.button.size,
+      onClick: s,
+      leftIcon: /* @__PURE__ */ r(Xr, {
         size: 20
       }),
       children: "Edit"
     })]
   });
 }
-function Qo({
-  styles: e = xe,
-  config: r
+function rn({
+  styles: t = V,
+  config: n
 }) {
-  var v, y;
-  or(r);
+  var b, S;
+  pe(n);
   const {
-    data: t = [],
+    data: a = [],
     loading: o,
-    refresh: s
-  } = ke(async () => {
+    refresh: l
+  } = G(async () => {
     const {
-      data: h
-    } = await de.account.list();
-    return h;
+      data: m
+    } = await j.account.list();
+    return m;
   }, {
     refreshDeps: []
   }), {
-    data: i = [],
+    data: s = [],
     loading: c
-  } = ke(async () => (await de.role.list()).map((m) => ({
-    label: m.name,
-    value: m.id,
-    description: m.description,
-    disabled: m.id === 50
+  } = G(async () => (await j.role.list()).map((f) => ({
+    label: f.name,
+    value: f.id,
+    description: f.description,
+    disabled: f.id === 50
   })), {
     refreshDeps: []
-  }), u = pt(() => i.reduce((h, m) => (h.set(m.value, m.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
-    var m;
-    return (m = u.get(h)) != null ? m : h;
+  }), d = ur(() => s.reduce((m, f) => (m.set(f.value, f.label), m), /* @__PURE__ */ new Map()), [s]), p = (m) => {
+    var f;
+    return (f = d.get(m)) != null ? f : m;
   };
-  return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(se, {
-      pt: e.spacing,
+  return /* @__PURE__ */ v(N, {
+    children: [/* @__PURE__ */ r(O, {
+      pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ a(Io, {
-        onSuccess: s,
-        initialRoleID: (y = (v = i == null ? void 0 : i[0]) == null ? void 0 : v.value) != null ? y : 0
+      children: /* @__PURE__ */ r(At, {
+        onSuccess: l,
+        initialRoleID: (S = (b = s == null ? void 0 : s[0]) == null ? void 0 : b.value) != null ? S : 0
       })
-    }), /* @__PURE__ */ I(me, {
-      mt: e.spacing,
+    }), /* @__PURE__ */ v(F, {
+      mt: t.spacing,
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ a(_r, {
+      children: [/* @__PURE__ */ r(Oe, {
         visible: o || c
-      }), /* @__PURE__ */ I(xr, {
-        horizontalSpacing: e.spacing,
-        verticalSpacing: e.spacing,
-        fontSize: e.size,
+      }), /* @__PURE__ */ v(Ae, {
+        horizontalSpacing: t.spacing,
+        verticalSpacing: t.spacing,
+        fontSize: t.size,
         highlightOnHover: !0,
-        children: [/* @__PURE__ */ a("thead", {
-          children: /* @__PURE__ */ I("tr", {
-            children: [/* @__PURE__ */ a("th", {
+        children: [/* @__PURE__ */ r("thead", {
+          children: /* @__PURE__ */ v("tr", {
+            children: [/* @__PURE__ */ r("th", {
               children: "Username"
-            }), /* @__PURE__ */ a("th", {
+            }), /* @__PURE__ */ r("th", {
               children: "Email"
-            }), /* @__PURE__ */ a("th", {
+            }), /* @__PURE__ */ r("th", {
               children: "Role"
-            }), /* @__PURE__ */ a("th", {
+            }), /* @__PURE__ */ r("th", {
               children: "Action"
             })]
           })
-        }), /* @__PURE__ */ a("tbody", {
-          children: t.map((h) => {
+        }), /* @__PURE__ */ r("tbody", {
+          children: a.map((m) => {
             const {
-              id: m,
-              name: x,
-              email: Y,
-              role_id: z
-            } = h;
-            return /* @__PURE__ */ I("tr", {
-              children: [/* @__PURE__ */ a("td", {
+              id: f,
+              name: z,
+              email: q,
+              role_id: $
+            } = m;
+            return /* @__PURE__ */ v("tr", {
+              children: [/* @__PURE__ */ r("td", {
                 width: 200,
-                children: x
-              }), /* @__PURE__ */ a("td", {
+                children: z
+              }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: Y
-              }), /* @__PURE__ */ a("td", {
+                children: q
+              }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: d(z)
-              }), /* @__PURE__ */ a("td", {
+                children: p($)
+              }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: /* @__PURE__ */ I(se, {
+                children: /* @__PURE__ */ v(O, {
                   position: "left",
-                  children: [/* @__PURE__ */ a(Do, {
-                    account: h,
-                    onSuccess: s
-                  }), /* @__PURE__ */ a(ko, {
-                    id: m,
-                    name: x,
-                    onSuccess: s
+                  children: [/* @__PURE__ */ r(Dt, {
+                    account: m,
+                    onSuccess: l
+                  }), /* @__PURE__ */ r(kt, {
+                    id: f,
+                    name: z,
+                    onSuccess: l
                   })]
                 })
               })]
-            }, m);
+            }, f);
           })
         })]
       })]
     })]
   });
 }
-function qo({
-  postSubmit: e,
-  styles: r = xe
+function jt({
+  postSubmit: t,
+  styles: n = V
 }) {
   const {
-    control: t,
+    control: a,
     handleSubmit: o
-  } = De({
+  } = J({
     defaultValues: {
       name: "",
       password: ""
     }
   });
-  return /* @__PURE__ */ a(me, {
+  return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ I("form", {
+    children: /* @__PURE__ */ v("form", {
       onSubmit: o(async ({
-        name: i,
+        name: s,
         password: c
       }) => {
         try {
-          _e({
+          W({
             id: "for-login",
             title: "Pending",
             message: "Loggin in...",
             loading: !0
           });
-          const u = await de.account.login(i, c);
-          window.localStorage.setItem("token", u.token), le({
+          const d = await j.account.login(s, c);
+          window.localStorage.setItem("token", d.token), x({
             id: "for-login",
             title: "Successful",
             message: "Logged in",
             color: "green"
-          }), e(u);
-        } catch (u) {
-          le({
+          }), t(d);
+        } catch (d) {
+          x({
             id: "for-login",
             title: "Login Failed",
-            message: u.message,
+            message: d.message,
             color: "red"
           });
         }
       }),
-      children: [/* @__PURE__ */ a(J, {
+      children: [/* @__PURE__ */ r(R, {
         name: "name",
-        control: t,
+        control: a,
         render: ({
-          field: i
-        }) => /* @__PURE__ */ a(fe, {
-          mb: r.spacing,
-          size: r.size,
+          field: s
+        }) => /* @__PURE__ */ r(D, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Username",
-          ...i
+          ...s
         })
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "password",
-        control: t,
+        control: a,
         render: ({
-          field: i
-        }) => /* @__PURE__ */ a(tr, {
-          mb: r.spacing,
-          size: r.size,
+          field: s
+        }) => /* @__PURE__ */ r(de, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Password",
-          ...i
+          ...s
         })
-      }), /* @__PURE__ */ a(se, {
+      }), /* @__PURE__ */ r(O, {
         position: "right",
-        mt: r.spacing,
-        children: /* @__PURE__ */ a(oe, {
+        mt: n.spacing,
+        children: /* @__PURE__ */ r(T, {
           type: "submit",
-          size: r.button.size,
+          size: n.button.size,
           children: "Submit"
         })
       })]
     })
   });
 }
-function Zo({
-  styles: e = xe,
-  config: r,
-  onSuccess: t
+function tn({
+  styles: t = V,
+  config: n,
+  onSuccess: a
 }) {
-  return or(r), /* @__PURE__ */ a(Oe, {
-    children: /* @__PURE__ */ a(me, {
-      mt: e.spacing,
+  return pe(n), /* @__PURE__ */ r(N, {
+    children: /* @__PURE__ */ r(F, {
+      mt: t.spacing,
       sx: {
         position: "relative"
       },
-      children: /* @__PURE__ */ a(qo, {
-        styles: e,
-        postSubmit: t
+      children: /* @__PURE__ */ r(jt, {
+        styles: t,
+        postSubmit: a
       })
     })
   });
 }
-const sr = {
+const me = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function $o({
-  postSubmit: e,
-  styles: r = sr,
-  initialRoleID: t
+function It({
+  postSubmit: t,
+  styles: n = me,
+  initialRoleID: a
 }) {
   const {
     control: o,
-    handleSubmit: s
-  } = De({
+    handleSubmit: l
+  } = J({
     defaultValues: {
       name: "",
-      role_id: t
+      role_id: a
     }
   });
-  return /* @__PURE__ */ a(me, {
+  return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ I("form", {
-      onSubmit: s(async ({
+    children: /* @__PURE__ */ v("form", {
+      onSubmit: l(async ({
         name: c,
-        role_id: u
+        role_id: d
       }) => {
         try {
-          _e({
+          W({
             id: "for-creating",
             title: "Pending",
             message: "Adding API Key...",
             loading: !0
           });
           const {
-            app_id: d,
-            app_secret: v
-          } = await de.api_key.create(c, u);
-          le({
+            app_id: p,
+            app_secret: b
+          } = await j.api_key.create(c, d);
+          x({
             id: "for-creating",
             title: "Successful",
             message: "API Key is added",
             color: "green"
-          }), e(d, v);
-        } catch (d) {
-          le({
+          }), t(p, b);
+        } catch (p) {
+          x({
             id: "for-creating",
             title: "Failed",
-            message: d.message,
+            message: p.message,
             color: "red"
           });
         }
       }),
-      children: [/* @__PURE__ */ a(J, {
+      children: [/* @__PURE__ */ r(R, {
         name: "name",
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(fe, {
-          mb: r.spacing,
-          size: r.size,
+        }) => /* @__PURE__ */ r(D, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Name",
           ...c
         })
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "role_id",
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(kr, {
-          styles: r,
+        }) => /* @__PURE__ */ r(je, {
+          styles: n,
           ...c
         })
-      }), /* @__PURE__ */ a(se, {
+      }), /* @__PURE__ */ r(O, {
         position: "right",
-        mt: r.spacing,
-        children: /* @__PURE__ */ a(oe, {
+        mt: n.spacing,
+        children: /* @__PURE__ */ r(T, {
           type: "submit",
-          size: r.button.size,
+          size: n.button.size,
           children: "Save"
         })
       })]
     })
   });
 }
-function Fo({
-  onSuccess: e,
-  styles: r = sr,
-  initialRoleID: t
+function Ft({
+  onSuccess: t,
+  styles: n = me,
+  initialRoleID: a
 }) {
-  const o = nr(), [s, i] = ze.useState(!1), c = () => i(!0), u = () => i(!1);
-  return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(Be, {
+  const o = fe(), [l, s] = H.useState(!1), c = () => s(!0), d = () => s(!1);
+  return /* @__PURE__ */ v(N, {
+    children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
-      opened: s,
-      onClose: () => i(!1),
+      opened: l,
+      onClose: () => s(!1),
       title: "Add an API Key",
       trapFocus: !0,
-      onDragStart: (v) => {
-        v.stopPropagation();
+      onDragStart: (b) => {
+        b.stopPropagation();
       },
-      children: /* @__PURE__ */ a($o, {
-        postSubmit: (v, y) => {
-          u(), o.openModal({
+      children: /* @__PURE__ */ r(It, {
+        postSubmit: (b, S) => {
+          d(), o.openModal({
             title: "API Key is generated",
-            children: /* @__PURE__ */ I(Rr, {
-              children: [/* @__PURE__ */ a(Ze, {
+            children: /* @__PURE__ */ v(ze, {
+              children: [/* @__PURE__ */ r(ue, {
                 color: "dimmed",
                 children: "Make sure you save it - you won't be able to access it again."
-              }), /* @__PURE__ */ a(fe, {
-                defaultValue: v,
+              }), /* @__PURE__ */ r(D, {
+                defaultValue: b,
                 disabled: !0,
                 label: "APP ID",
                 styles: {
@@ -3545,8 +2130,8 @@ function Fo({
                     cursor: "text !important"
                   }
                 }
-              }), /* @__PURE__ */ a(fe, {
-                defaultValue: y,
+              }), /* @__PURE__ */ r(D, {
+                defaultValue: S,
                 disabled: !0,
                 label: "APP Secret",
                 styles: {
@@ -3554,191 +2139,191 @@ function Fo({
                     cursor: "text !important"
                   }
                 }
-              }), /* @__PURE__ */ a(oe, {
+              }), /* @__PURE__ */ r(T, {
                 size: "sm",
                 onClick: () => {
-                  on();
+                  lt();
                 },
                 children: "I've saved this API Key"
               })]
             }),
             onClose: () => {
-              e();
+              t();
             }
           });
         },
-        styles: r,
-        initialRoleID: t
+        styles: n,
+        initialRoleID: a
       })
-    }), /* @__PURE__ */ a(oe, {
-      size: r.button.size,
+    }), /* @__PURE__ */ r(T, {
+      size: n.button.size,
       onClick: c,
-      leftIcon: /* @__PURE__ */ a(jr, {
+      leftIcon: /* @__PURE__ */ r(xe, {
         size: 20
       }),
       children: "Add an API Key"
     })]
   });
 }
-function Lo({
-  id: e,
-  name: r,
-  onSuccess: t,
-  styles: o = sr
+function qt({
+  id: t,
+  name: n,
+  onSuccess: a,
+  styles: o = me
 }) {
-  const s = nr(), i = async () => {
-    if (!!e) {
-      _e({
+  const l = fe(), s = async () => {
+    if (!!t) {
+      W({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting API Key...",
         loading: !0
       });
       try {
-        await de.api_key.delete(e), le({
+        await j.api_key.delete(t), x({
           id: "for-deleting",
           title: "Successful",
-          message: `API Key [${r}] is deleted`,
+          message: `API Key [${n}] is deleted`,
           color: "green"
-        }), t();
-      } catch (u) {
-        le({
+        }), a();
+      } catch (d) {
+        x({
           id: "for-deleting",
           title: "Failed",
-          message: u.message,
+          message: d.message,
           color: "red"
         });
       }
     }
-  }, c = () => s.openConfirmModal({
+  }, c = () => l.openConfirmModal({
     title: "Delete this api-key?",
     labels: {
       confirm: "Confirm",
       cancel: "Cancel"
     },
     onCancel: () => console.log("Cancel"),
-    onConfirm: i
+    onConfirm: s
   });
-  return /* @__PURE__ */ a(oe, {
+  return /* @__PURE__ */ r(T, {
     size: o.button.size,
     color: "red",
     onClick: c,
-    leftIcon: /* @__PURE__ */ a(Ar, {
+    leftIcon: /* @__PURE__ */ r(De, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function ei({
-  styles: e = sr,
-  config: r
+function nn({
+  styles: t = me,
+  config: n
 }) {
-  var v, y;
-  or(r);
+  var b, S;
+  pe(n);
   const {
-    data: t = [],
+    data: a = [],
     loading: o,
-    refresh: s
-  } = ke(async () => {
+    refresh: l
+  } = G(async () => {
     const {
-      data: h
-    } = await de.api_key.list();
-    return h;
+      data: m
+    } = await j.api_key.list();
+    return m;
   }, {
     refreshDeps: []
   }), {
-    data: i = [],
+    data: s = [],
     loading: c
-  } = ke(async () => (await de.role.list()).map((m) => ({
-    label: m.name,
-    value: m.id,
-    description: m.description,
-    disabled: m.id === 50
+  } = G(async () => (await j.role.list()).map((f) => ({
+    label: f.name,
+    value: f.id,
+    description: f.description,
+    disabled: f.id === 50
   })), {
     refreshDeps: []
-  }), u = pt(() => i.reduce((h, m) => (h.set(m.value, m.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
-    var m;
-    return (m = u.get(h)) != null ? m : h;
+  }), d = ur(() => s.reduce((m, f) => (m.set(f.value, f.label), m), /* @__PURE__ */ new Map()), [s]), p = (m) => {
+    var f;
+    return (f = d.get(m)) != null ? f : m;
   };
-  return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(se, {
-      pt: e.spacing,
+  return /* @__PURE__ */ v(N, {
+    children: [/* @__PURE__ */ r(O, {
+      pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ a(Fo, {
-        onSuccess: s,
-        initialRoleID: (y = (v = i == null ? void 0 : i[0]) == null ? void 0 : v.value) != null ? y : 0
+      children: /* @__PURE__ */ r(Ft, {
+        onSuccess: l,
+        initialRoleID: (S = (b = s == null ? void 0 : s[0]) == null ? void 0 : b.value) != null ? S : 0
       })
-    }), /* @__PURE__ */ I(me, {
-      mt: e.spacing,
+    }), /* @__PURE__ */ v(F, {
+      mt: t.spacing,
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ a(_r, {
+      children: [/* @__PURE__ */ r(Oe, {
         visible: o || c
-      }), /* @__PURE__ */ I(xr, {
-        horizontalSpacing: e.spacing,
-        verticalSpacing: e.spacing,
-        fontSize: e.size,
+      }), /* @__PURE__ */ v(Ae, {
+        horizontalSpacing: t.spacing,
+        verticalSpacing: t.spacing,
+        fontSize: t.size,
         highlightOnHover: !0,
-        children: [/* @__PURE__ */ a("thead", {
-          children: /* @__PURE__ */ I("tr", {
-            children: [/* @__PURE__ */ a("th", {
+        children: [/* @__PURE__ */ r("thead", {
+          children: /* @__PURE__ */ v("tr", {
+            children: [/* @__PURE__ */ r("th", {
               children: "Name"
-            }), /* @__PURE__ */ a("th", {
+            }), /* @__PURE__ */ r("th", {
               children: "APP ID"
-            }), /* @__PURE__ */ a("th", {
+            }), /* @__PURE__ */ r("th", {
               children: "Role"
-            }), /* @__PURE__ */ a("th", {
+            }), /* @__PURE__ */ r("th", {
               children: "Action"
             })]
           })
-        }), /* @__PURE__ */ a("tbody", {
-          children: t.map((h) => {
+        }), /* @__PURE__ */ r("tbody", {
+          children: a.map((m) => {
             const {
-              id: m,
-              name: x,
-              app_id: Y,
-              role_id: z
-            } = h;
-            return /* @__PURE__ */ I("tr", {
-              children: [/* @__PURE__ */ a("td", {
+              id: f,
+              name: z,
+              app_id: q,
+              role_id: $
+            } = m;
+            return /* @__PURE__ */ v("tr", {
+              children: [/* @__PURE__ */ r("td", {
                 width: 200,
-                children: x
-              }), /* @__PURE__ */ a("td", {
+                children: z
+              }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: Y
-              }), /* @__PURE__ */ a("td", {
+                children: q
+              }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: d(z)
-              }), /* @__PURE__ */ a("td", {
+                children: p($)
+              }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: /* @__PURE__ */ a(se, {
+                children: /* @__PURE__ */ r(O, {
                   position: "left",
-                  children: /* @__PURE__ */ a(Lo, {
-                    id: m,
-                    name: x,
-                    onSuccess: s
+                  children: /* @__PURE__ */ r(qt, {
+                    id: f,
+                    name: z,
+                    onSuccess: l
                   })
                 })
               })]
-            }, m);
+            }, f);
           })
         })]
       })]
     })]
   });
 }
-const ri = () => import("./package.b74d5f91.mjs").then(({ version: e }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
+const an = () => import("./package.1eb31380.mjs").then(({ version: t }) => (console.log(`[@devtable/dashboard] version: ${t}`), t));
 export {
-  ei as APIKeyList,
-  Qo as AccountList,
-  Fo as AddAPIKey,
-  Io as AddAccount,
-  Ro as AddDataSource,
-  Xo as DataSourceList,
-  Lo as DeleteAPIKey,
-  ko as DeleteAccount,
-  jo as DeleteDataSource,
-  Zo as Login,
-  ri as getVersion
+  nn as APIKeyList,
+  rn as AccountList,
+  Ft as AddAPIKey,
+  At as AddAccount,
+  Rt as AddDataSource,
+  en as DataSourceList,
+  qt as DeleteAPIKey,
+  kt as DeleteAccount,
+  Tt as DeleteDataSource,
+  tn as Login,
+  an as getVersion
 };