@devtable/settings-form 8.13.2 → 8.13.5

package/dist/settings-form.es.js

@@ -1,94 +1,89 @@
-import { Box as ve, TextInput as fe, Divider as Pr, Group as se, NumberInput as Vt, PasswordInput as tr, Button as oe, Modal as Be, Stack as Rr, SegmentedControl as Bt, useMantineTheme as Kt, Tooltip as Ht, Text as Ze, LoadingOverlay as _r, Table as xr, Select as Gt, Switch as Jt } from "@mantine/core";
-import { showNotification as _e, updateNotification as le } from "@mantine/notifications";
-import * as $e from "react";
-import ke, { useEffect as we, memo as dt, useRef as ue, useState as Ie, useCallback as Tr, forwardRef as Cr, useMemo as pt } from "react";
-import { Recycle as Xt, PlaylistAdd as jr, Trash as Ar, Edit as Qt } from "tabler-icons-react";
-import Zt from "axios";
-import en from "crypto-js";
-import rn from "lodash";
-import { useForm as De, Controller as J } from "react-hook-form";
-import { useBoolean as tn, useRequest as ze } from "ahooks";
-import * as nn from "monaco-editor";
-import on from "monaco-editor/esm/vs/editor/editor.worker?worker";
-import an from "monaco-editor/esm/vs/language/css/css.worker?worker";
-import sn from "monaco-editor/esm/vs/language/html/html.worker?worker";
-import cn from "monaco-editor/esm/vs/language/json/json.worker?worker";
-import un from "monaco-editor/esm/vs/language/typescript/ts.worker?worker";
-import { useModals as nr, closeAllModals as ln } from "@mantine/modals";
-function fn(e) {
-  e = e || {};
-  const r = Object.keys(e).sort(), t = [];
-  for (let o = 0; o < r.length; o++) {
-    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 ke, Select as Gr, Switch as Hr } from "@mantine/core";
+import { showNotification as V, updateNotification as x } from "@mantine/notifications";
+import * as ee from "react";
+import H, { useEffect as cr, forwardRef as Ae, 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 { useModals as fe, closeAllModals as nt } from "@mantine/modals";
+function at(t) {
+  t = t || {};
+  const n = Object.keys(t).sort(), i = [];
+  for (let o = 0; o < n.length; o++) {
+    const l = n[o];
+    if (l != "authentication" && t[l])
+      i.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] && i.push(
+          s[c] + "=" + (typeof t[l][d] == "object" ? JSON.stringify(t[l][d]) : t[l][d])
         );
       }
     }
   }
-  return t.sort().join("&");
+  return i.sort().join("&");
 }
-function dn(e, r) {
-  let t = fn(e);
-  return t += "&key=" + r, en.MD5(t).toString().toUpperCase();
+function it(t, n) {
+  let i = at(t);
+  return i += "&key=" + n, Zr.MD5(i).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: dn(
+      nonce_str: n,
+      sign: it(
         {
           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, i, 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" ? i : 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(i) : i, 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 pn = {
-  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 ot = {
+  login: async (t, n) => {
+    const i = {
+      name: t,
+      password: n
     };
-    return await ne.getRequest("POST")("/account/login", t);
+    return await C.getRequest("POST")("/account/login", i);
   },
-  list: async () => await ne.getRequest("POST")("/account/list", {
+  list: async () => await C.getRequest("POST")("/account/list", {
     filter: {},
     sort: [
       {
@@ -101,34 +96,34 @@ const pn = {
       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 i = {
+      name: t,
+      email: n
     };
-    return await ne.getRequest("PUT")("/account/update", t);
+    return await C.getRequest("PUT")("/account/update", i);
   },
-  changepassword: async (e, r) => {
-    const t = {
-      old_password: e,
-      new_password: r
+  changepassword: async (t, n) => {
+    const i = {
+      old_password: t,
+      new_password: n
     };
-    return await ne.getRequest("POST")("/account/changepassword", t);
+    return await C.getRequest("POST")("/account/changepassword", i);
   },
-  create: async (e, r, t, o) => await ne.getRequest("POST")("/account/create", {
-    name: e,
-    email: r,
-    password: t,
+  create: async (t, n, i, o) => await C.getRequest("POST")("/account/create", {
+    name: t,
+    email: n,
+    password: i,
     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 });
   }
-}, gn = {
-  list: async () => await ne.getRequest("POST")("/api/key/list", {
+}, st = {
+  list: async () => await C.getRequest("POST")("/api/key/list", {
     filter: {
       search: ""
     },
@@ -143,16 +138,16 @@ const pn = {
       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 });
   }
-}, hn = {
-  list: async () => await ne.getRequest("POST")("/datasource/list", {
+}, ct = {
+  list: async () => await C.getRequest("POST")("/datasource/list", {
     filter: {},
     sort: [
       {
@@ -165,29 +160,29 @@ const pn = {
       pagesize: 100
     }
   }),
-  create: async (e, r, t) => await ne.getRequest("POST")("/datasource/create", {
-    type: e,
-    key: r,
-    config: t
+  create: async (t, n, i) => await C.getRequest("POST")("/datasource/create", {
+    type: t,
+    key: n,
+    config: i
   }),
-  delete: async (e) => {
-    await ne.getRequest("POST")("/datasource/delete", { id: e });
+  delete: async (t) => {
+    await C.getRequest("POST")("/datasource/delete", { id: t });
   }
-}, mn = {
-  list: async () => await ne.getRequest("GET")("/role/list", {})
-}, de = {
-  datasource: hn,
-  account: pn,
-  role: mn,
-  api_key: gn
-}, qe = {
+}, lt = {
+  list: async () => await C.getRequest("GET")("/role/list", {})
+}, j = {
+  datasource: ct,
+  account: ot,
+  role: lt,
+  api_key: st
+}, X = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-var ir = { exports: {} }, Le = {};
+var ge = { exports: {} }, re = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -197,25 +192,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 vn() {
-  if (Hr)
-    return Le;
-  Hr = 1;
-  var e = ke, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(u, d, m) {
-    var b, h = {}, v = null, x = null;
-    m !== void 0 && (v = "" + m), d.key !== void 0 && (v = "" + d.key), d.ref !== void 0 && (x = d.ref);
-    for (b in d)
-      o.call(d, b) && !i.hasOwnProperty(b) && (h[b] = d[b]);
-    if (u && u.defaultProps)
-      for (b in d = u.defaultProps, d)
-        h[b] === void 0 && (h[b] = d[b]);
-    return { $$typeof: r, type: u, key: v, ref: x, props: h, _owner: s.current };
+var ir;
+function ut() {
+  if (ir)
+    return re;
+  ir = 1;
+  var t = H, n = Symbol.for("react.element"), i = 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 = i, re.jsx = c, re.jsxs = c, re;
 }
-var Ue = {};
+var te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -225,87 +220,87 @@ var Ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Gr;
-function yn() {
-  return Gr || (Gr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = ke, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), Y = Symbol.iterator, k = "@@iterator";
-    function G(n) {
-      if (n === null || typeof n != "object")
+var or;
+function dt() {
+  return or || (or = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = H, n = Symbol.for("react.element"), i = 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[k];
-      return typeof f == "function" ? f : null;
+      var a = q && e[q] || e[$];
+      return typeof a == "function" ? a : 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 k(e) {
       {
-        for (var f = arguments.length, y = new Array(f > 1 ? f - 1 : 0), E = 1; E < f; E++)
-          y[E - 1] = arguments[E];
-        H("error", n, y);
+        for (var a = arguments.length, u = new Array(a > 1 ? a - 1 : 0), g = 1; g < a; g++)
+          u[g - 1] = arguments[g];
+        dr("error", e, u);
       }
     }
-    function H(n, f, y) {
+    function dr(e, a, u) {
       {
-        var E = K.ReactDebugCurrentFrame, L = E.getStackAddendum();
-        L !== "" && (f += "%s", y = y.concat([L]));
-        var V = y.map(function(q) {
-          return String(q);
+        var g = U.ReactDebugCurrentFrame, _ = g.getStackAddendum();
+        _ !== "" && (a += "%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: " + a), 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 $(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === o || n === i || Se || n === s || n === m || n === b || ee || n === x || N || p || X || typeof n == "object" && n !== null && (n.$$typeof === v || n.$$typeof === h || n.$$typeof === c || n.$$typeof === u || n.$$typeof === d || n.$$typeof === Q || n.getModuleId !== void 0));
+    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, y) {
-      var E = n.displayName;
-      if (E)
-        return E;
-      var L = f.displayName || f.name || "";
-      return L !== "" ? y + "(" + L + ")" : y;
+    function br(e, a, u) {
+      var g = e.displayName;
+      if (g)
+        return g;
+      var _ = a.displayName || a.name || "";
+      return _ !== "" ? u + "(" + _ + ")" : u;
     }
-    function ye(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" && k("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:
-          return "Portal";
         case i:
-          return "Profiler";
+          return "Portal";
         case s:
+          return "Profiler";
+        case l:
           return "StrictMode";
-        case m:
-          return "Suspense";
         case b:
+          return "Suspense";
+        case S:
           return "SuspenseList";
       }
-      if (typeof n == "object")
-        switch (n.$$typeof) {
-          case u:
-            var f = n;
-            return ye(f) + ".Consumer";
-          case c:
-            var y = n;
-            return ye(y._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 v: {
-            var L = n, V = L._payload, q = L._init;
+            var a = e;
+            return Fe(a) + ".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;
             }
@@ -313,512 +308,512 @@ function yn() {
         }
       return null;
     }
-    var z = Object.assign, B = 0, te, pe, Ee, Pe, l, g, T;
-    function O() {
+    var Y = Object.assign, Q = 0, qe, Le, Me, Ne, Ue, Ve, We;
+    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, Ve = console.groupCollapsed, We = 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: z({}, n, {
-              value: te
+            log: Y({}, e, {
+              value: qe
             }),
-            info: z({}, n, {
-              value: pe
+            info: Y({}, e, {
+              value: Le
             }),
-            warn: z({}, n, {
-              value: Ee
+            warn: Y({}, e, {
+              value: Me
             }),
-            error: z({}, n, {
-              value: Pe
+            error: Y({}, e, {
+              value: Ne
             }),
-            group: z({}, n, {
-              value: l
+            group: Y({}, e, {
+              value: Ue
             }),
-            groupCollapsed: z({}, n, {
-              value: g
+            groupCollapsed: Y({}, e, {
+              value: Ve
             }),
-            groupEnd: z({}, n, {
-              value: T
+            groupEnd: Y({}, e, {
+              value: We
             })
           });
         }
-        B < 0 && D("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Q < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var R = K.ReactCurrentDispatcher, _;
-    function j(n, f, y) {
+    var ve = U.ReactCurrentDispatcher, be;
+    function ae(e, a, 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 F = !1, A;
+    var we = !1, ie;
     {
-      var ae = typeof WeakMap == "function" ? WeakMap : Map;
-      A = new ae();
+      var _r = typeof WeakMap == "function" ? WeakMap : Map;
+      ie = new _r();
     }
-    function w(n, f) {
-      if (!n || F)
+    function Ye(e, a) {
+      if (!e || we)
         return "";
       {
-        var y = A.get(n);
-        if (y !== void 0)
-          return y;
+        var u = ie.get(e);
+        if (u !== void 0)
+          return u;
       }
-      var E;
-      F = !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 (a) {
+          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(`
+`), A = g.stack.split(`
+`), P = h.length - 1, E = A.length - 1; P >= 1 && E >= 0 && h[P] !== A[E]; )
+            E--;
+          for (; P >= 1 && E >= 0; P--, E--)
+            if (h[P] !== A[E]) {
+              if (P !== 1 || E !== 1)
                 do
-                  if (Z--, re--, re < 0 || M[Z] !== ce[re]) {
-                    var me = `
-` + M[Z].replace(" at new ", " at ");
-                    return n.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", n.displayName)), typeof n == "function" && A.set(n, me), me;
+                  if (P--, E--, E < 0 || h[P] !== A[E]) {
+                    var I = `
+` + h[P].replace(" at new ", " at ");
+                    return e.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", e.displayName)), typeof e == "function" && ie.set(e, I), I;
                   }
-                while (Z >= 1 && re >= 0);
+                while (P >= 1 && E >= 0);
               break;
             }
         }
       } finally {
-        F = !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 : "", ar = B ? ae(B) : "";
+      return typeof e == "function" && ie.set(e, ar), ar;
     }
-    function he(n, f, y) {
-      return w(n, !1);
+    function yr(e, a, u) {
+      return Ye(e, !1);
     }
-    function je(n) {
-      var f = n.prototype;
-      return !!(f && f.isReactComponent);
+    function Rr(e) {
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
     }
-    function Ce(n, f, y) {
-      if (n == null)
+    function oe(e, a, u) {
+      if (e == null)
         return "";
-      if (typeof n == "function")
-        return w(n, je(n));
-      if (typeof n == "string")
-        return j(n);
-      switch (n) {
-        case m:
-          return j("Suspense");
+      if (typeof e == "function")
+        return Ye(e, Rr(e));
+      if (typeof e == "string")
+        return ae(e);
+      switch (e) {
         case b:
-          return j("SuspenseList");
+          return ae("Suspense");
+        case S:
+          return ae("SuspenseList");
       }
-      if (typeof n == "object")
-        switch (n.$$typeof) {
-          case d:
-            return he(n.render);
-          case h:
-            return Ce(n.type, f, y);
-          case v: {
-            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, a, u);
+          case f: {
+            var g = e, _ = g._payload, y = g._init;
             try {
-              return Ce(V(L), f, y);
+              return oe(y(_), a, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var He = Object.prototype.hasOwnProperty, kr = {}, Dr = K.ReactDebugCurrentFrame;
-    function Ge(n) {
-      if (n) {
-        var f = n._owner, y = Ce(n.type, n._source, f ? f.type : null);
-        Dr.setExtraStackFrame(y);
+    var se = Object.prototype.hasOwnProperty, Ke = {}, Be = U.ReactDebugCurrentFrame;
+    function ce(e) {
+      if (e) {
+        var a = e._owner, u = oe(e.type, e._source, a ? a.type : null);
+        Be.setExtraStackFrame(u);
       } else
-        Dr.setExtraStackFrame(null);
+        Be.setExtraStackFrame(null);
     }
-    function Pt(n, f, y, E, L) {
+    function Pr(e, a, 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") + ": " + y + " type `" + q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[q] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ce.name = "Invariant Violation", ce;
+              if (typeof e[w] != "function") {
+                var A = 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 A.name = "Invariant Violation", A;
               }
-              M = n[q](f, q, E, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (Z) {
-              M = Z;
+              h = e[w](a, 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", y, q, typeof M), Ge(null)), M instanceof Error && !(M.message in kr) && (kr[M.message] = !0, Ge(L), D("Failed %s type: %s", y, M.message), Ge(null));
+            h && !(h instanceof Error) && (ce(_), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", u, w, typeof h), ce(null)), h instanceof Error && !(h.message in Ke) && (Ke[h.message] = !0, ce(_), k("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, y = f && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return y;
+        var a = typeof Symbol == "function" && Symbol.toStringTag, u = a && 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 Fr(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 k("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 Fe = K.ReactCurrentOwner, Ct = {
+    var Z = U.ReactCurrentOwner, zr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, $r, 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 a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.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 kr(e) {
+      if (se.call(e, "key")) {
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
           return !1;
       }
-      return n.key !== void 0;
+      return e.key !== void 0;
     }
-    function Mt(n, f) {
-      if (typeof n.ref == "string" && Fe.current && f && Fe.current.stateNode !== f) {
-        var y = ie(Fe.current.type);
-        ur[y] || (D('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ie(Fe.current.type), n.ref), ur[y] = !0);
+    function Ar(e, a) {
+      if (typeof e.ref == "string" && Z.current && a && Z.current.stateNode !== a) {
+        var u = L(Z.current.type);
+        _e[u] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', L(Z.current.type), e.ref), _e[u] = !0);
       }
     }
-    function It(n, f) {
+    function xr(e, a) {
       {
-        var y = function() {
-          $r || ($r = !0, D("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+        var u = function() {
+          Je || (Je = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
-        y.isReactWarning = !0, Object.defineProperty(n, "key", {
-          get: y,
+        u.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: u,
           configurable: !0
         });
       }
     }
-    function zt(n, f) {
+    function Dr(e, a) {
       {
-        var y = function() {
-          Lr || (Lr = !0, D("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+        var u = function() {
+          Xe || (Xe = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
-        y.isReactWarning = !0, Object.defineProperty(n, "ref", {
-          get: y,
+        u.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: u,
           configurable: !0
         });
       }
     }
-    var kt = function(n, f, y, E, L, V, q) {
-      var M = {
-        $$typeof: r,
-        type: n,
-        key: f,
-        ref: y,
-        props: q,
-        _owner: V
+    var jr = function(e, a, u, g, _, y, w) {
+      var h = {
+        $$typeof: n,
+        type: e,
+        key: a,
+        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, y, E, L) {
+    function Ir(e, a, u, g, _) {
       {
-        var V, q = {}, M = null, ce = null;
-        y !== void 0 && (Fr(y), M = "" + y), At(f) && (Fr(f.key), M = "" + f.key), jt(f) && (ce = f.ref, Mt(f, L));
-        for (V in f)
-          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, A = null;
+        u !== void 0 && (He(u), h = "" + u), kr(a) && (He(a.key), h = "" + a.key), Or(a) && (A = a.ref, Ar(a, _));
+        for (y in a)
+          se.call(a, y) && !zr.hasOwnProperty(y) && (w[y] = a[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 && zt(q, re);
+        if (h || A) {
+          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          h && xr(w, E), A && Dr(w, E);
         }
-        return kt(n, M, ce, L, E, Fe.current, q);
+        return jr(e, h, A, _, g, Z.current, w);
       }
     }
-    var lr = K.ReactCurrentOwner, Ur = K.ReactDebugCurrentFrame;
-    function Ae(n) {
-      if (n) {
-        var f = n._owner, y = Ce(n.type, n._source, f ? f.type : null);
-        Ur.setExtraStackFrame(y);
+    var ye = U.ReactCurrentOwner, Qe = U.ReactDebugCurrentFrame;
+    function K(e) {
+      if (e) {
+        var a = e._owner, u = oe(e.type, e._source, a ? a.type : null);
+        Qe.setExtraStackFrame(u);
       } else
-        Ur.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 Wr() {
+    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(/^.*[\\\/]/, ""), y = n.lineNumber;
+        if (e !== void 0) {
+          var a = e.fileName.replace(/^.*[\\\/]/, ""), u = e.lineNumber;
           return `
 
-Check your code at ` + f + ":" + y + ".";
+Check your code at ` + a + ":" + u + ".";
         }
         return "";
       }
     }
-    var Yr = {};
-    function Ft(n) {
+    var er = {};
+    function qr(e) {
       {
-        var f = Wr();
-        if (!f) {
-          var y = typeof n == "string" ? n : n.displayName || n.name;
-          y && (f = `
+        var a = Ze();
+        if (!a) {
+          var u = typeof e == "string" ? e : e.displayName || e.name;
+          u && (a = `
 
-Check the top-level render call using <` + y + ">.");
+Check the top-level render call using <` + u + ">.");
         }
-        return f;
+        return a;
       }
     }
-    function Nr(n, f) {
+    function rr(e, a) {
       {
-        if (!n._store || n._store.validated || n.key != null)
+        if (!e._store || e._store.validated || e.key != null)
           return;
-        n._store.validated = !0;
-        var y = Ft(f);
-        if (Yr[y])
+        e._store.validated = !0;
+        var u = qr(a);
+        if (er[u])
           return;
-        Yr[y] = !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.', y, 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), k('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, a) {
       {
-        if (typeof n != "object")
+        if (typeof e != "object")
           return;
-        if (cr(n))
-          for (var y = 0; y < n.length; y++) {
-            var E = n[y];
-            dr(E) && Nr(E, f);
+        if (Se(e))
+          for (var u = 0; u < e.length; u++) {
+            var g = e[u];
+            Pe(g) && rr(g, a);
           }
-        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, a);
         }
       }
     }
-    function $t(n) {
+    function Lr(e) {
       {
-        var f = n.type;
-        if (f == null || typeof f == "string")
+        var a = e.type;
+        if (a == null || typeof a == "string")
           return;
-        var y;
-        if (typeof f == "function")
-          y = f.propTypes;
-        else if (typeof f == "object" && (f.$$typeof === d || f.$$typeof === h))
-          y = f.propTypes;
+        var u;
+        if (typeof a == "function")
+          u = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === p || a.$$typeof === m))
+          u = a.propTypes;
         else
           return;
-        if (y) {
-          var E = ie(f);
-          Pt(y, 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(a);
+          Pr(u, e.props, "prop", g, e);
+        } else if (a.PropTypes !== void 0 && !Re) {
+          Re = !0;
+          var _ = L(a);
+          k("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 a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && k("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), y = 0; y < f.length; y++) {
-          var E = f[y];
-          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 a = Object.keys(e.props), u = 0; u < a.length; u++) {
+          var g = a[u];
+          if (g !== "children" && g !== "key") {
+            K(e), k("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), k("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    function Br(n, f, y, E, L, V) {
+    function nr(e, a, u, g, _, y) {
       {
-        var q = $(n);
-        if (!q) {
-          var M = "";
-          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (M += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ce = qt(L);
-          ce ? M += ce : M += Wr();
-          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 A = Fr(_);
+          A ? h += A : 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, k("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, y, L, V);
-        if (re == null)
-          return re;
-        if (q) {
-          var me = f.children;
-          if (me !== void 0)
-            if (E)
-              if (cr(me)) {
-                for (var Me = 0; Me < me.length; Me++)
-                  Vr(me[Me], n);
-                Object.freeze && Object.freeze(me);
+        var E = Ir(e, a, u, _, y);
+        if (E == null)
+          return E;
+        if (w) {
+          var I = a.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.");
+                k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Vr(me, n);
+              tr(I, e);
         }
-        return n === o ? Lt(re) : $t(re), re;
+        return e === o ? Mr(E) : Lr(E), E;
       }
     }
-    function Ut(n, f, y) {
-      return Br(n, f, y, !0);
+    function Nr(e, a, u) {
+      return nr(e, a, u, !0);
     }
-    function Wt(n, f, y) {
-      return Br(n, f, y, !1);
+    function Ur(e, a, u) {
+      return nr(e, a, u, !1);
     }
-    var Yt = Wt, Nt = Ut;
-    Ue.Fragment = o, Ue.jsx = Yt, Ue.jsxs = Nt;
-  }()), Ue;
+    var Vr = Ur, Wr = Nr;
+    te.Fragment = o, te.jsx = Vr, te.jsxs = Wr;
+  }()), te;
 }
-(function(e) {
-  process.env.NODE_ENV === "production" ? e.exports = vn() : e.exports = yn();
-})(ir);
-const Oe = ir.exports.Fragment, a = ir.exports.jsx, I = ir.exports.jsxs;
-function bn({
-  submit: e,
-  styles: r = qe,
-  type: t
+(function(t) {
+  process.env.NODE_ENV === "production" ? t.exports = ut() : t.exports = dt();
+})(ge);
+const N = ge.exports.Fragment, r = ge.exports.jsx, v = ge.exports.jsxs;
+function ft({
+  submit: t,
+  styles: n = X,
+  type: i
 }) {
   const {
     control: o,
-    setValue: s,
-    handleSubmit: i
-  } = De({
+    setValue: l,
+    handleSubmit: s
+  } = J({
     defaultValues: {
-      type: t,
+      type: i,
       key: "",
       config: {
         host: "",
@@ -829,38 +824,38 @@ function bn({
       }
     }
   });
-  return we(() => {
-    s("type", t);
-  }, [s, t]), /* @__PURE__ */ a(ve, {
+  return cr(() => {
+    l("type", i);
+  }, [l, i]), /* @__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: {
@@ -868,14 +863,14 @@ function bn({
             },
             ...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,
@@ -885,1482 +880,86 @@ function bn({
             ...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 wn(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) {
-      wn(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Jr(Object(t)).forEach(function(o) {
-      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
-    });
-  }
-  return e;
-}
-function Sn(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 En(e, r) {
-  if (e == null)
-    return {};
-  var t = Sn(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 Tn(e, r) {
-  return On(e) || Pn(e, r) || Rn(e, r) || _n();
-}
-function On(e) {
-  if (Array.isArray(e))
-    return e;
-}
-function Pn(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 Rn(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 _n() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function xn(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) {
-      xn(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Zr(Object(t)).forEach(function(o) {
-      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
-    });
-  }
-  return e;
-}
-function Cn() {
-  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 We(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 jn(e) {
-  return !Object.keys(e).length;
-}
-function Ve(e) {
-  return typeof e == "function";
-}
-function An(e, r) {
-  return Object.prototype.hasOwnProperty.call(e, r);
-}
-function Mn(e, r) {
-  return er(r) || Re("changeType"), Object.keys(r).some(function(t) {
-    return !An(e, t);
-  }) && Re("changeField"), r;
-}
-function In(e) {
-  Ve(e) || Re("selectorType");
-}
-function zn(e) {
-  Ve(e) || er(e) || Re("handlerType"), er(e) && Object.values(e).some(function(r) {
-    return !Ve(r);
-  }) && Re("handlersType");
-}
-function kn(e) {
-  e || Re("initialIsRequired"), er(e) || Re("initialType"), jn(e) && Re("initialContent");
-}
-function Dn(e, r) {
-  throw new Error(e[r] || e.default);
-}
-var qn = {
-  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 = We(Dn)(qn), Je = {
-  changes: Mn,
-  selector: In,
-  handler: zn,
-  initial: kn
-};
-function Fn(e) {
-  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  Je.initial(e), Je.handler(r);
-  var t = {
-    current: e
-  }, o = We(Un)(t, r), s = We(Ln)(t), i = We(Je.changes)(e), c = We($n)(t);
-  function u() {
-    var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(b) {
-      return b;
-    };
-    return Je.selector(m), m(t.current);
-  }
-  function d(m) {
-    Cn(o, s, i, c)(m);
-  }
-  return [u, d];
-}
-function $n(e, r) {
-  return Ve(r) ? r(e.current) : r;
-}
-function Ln(e, r) {
-  return e.current = et(et({}, e.current), r), r;
-}
-function Un(e, r, t) {
-  return Ve(r) ? r(e.current) : Object.keys(t).forEach(function(o) {
-    var s;
-    return (s = r[o]) === null || s === void 0 ? void 0 : s.call(r, e.current[o]);
-  }), t;
-}
-var Wn = {
-  create: Fn
-}, Yn = {
-  paths: {
-    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.33.0/min/vs"
-  }
-};
-function Nn(e) {
-  return function r() {
-    for (var t = this, o = arguments.length, s = new Array(o), i = 0; i < o; i++)
-      s[i] = arguments[i];
-    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 Vn(e) {
-  return {}.toString.call(e).includes("Object");
-}
-function Bn(e) {
-  return e || rt("configIsRequired"), Vn(e) || rt("configType"), e.urls ? (Kn(), {
-    paths: {
-      vs: e.urls.monacoBase
-    }
-  }) : e;
-}
-function Kn() {
-  console.warn(gt.deprecation);
-}
-function Hn(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 = Nn(Hn)(gt), Gn = {
-  config: Bn
-}, Jn = function() {
-  for (var r = arguments.length, t = new Array(r), o = 0; o < r; o++)
-    t[o] = arguments[o];
-  return function(s) {
-    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 Xn = {
-  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(Xn) : o(i);
-    }), e.catch(s);
-  });
-  return t.cancel = function() {
-    return r = !0;
-  }, t;
-}
-var Qn = Wn.create({
-  config: Yn,
-  isInitialized: !1,
-  resolve: null,
-  reject: null,
-  monaco: null
-}), mt = Tn(Qn, 2), Ke = mt[0], ar = mt[1];
-function Zn(e) {
-  var r = Gn.config(e), t = r.monaco, o = En(r, ["monaco"]);
-  ar(function(s) {
-    return {
-      config: ht(s.config, o),
-      monaco: t
-    };
-  });
-}
-function eo() {
-  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 vt(window.monaco), e.resolve(window.monaco), pr(gr);
-    Jn(ro, no)(oo);
-  }
-  return pr(gr);
-}
-function ro(e) {
-  return document.body.appendChild(e);
-}
-function to(e) {
-  var r = document.createElement("script");
-  return e && (r.src = e), r;
-}
-function no(e) {
-  var r = Ke(function(o) {
-    var s = o.config, i = o.reject;
-    return {
-      config: s,
-      reject: i
-    };
-  }), t = to("".concat(r.config.paths.vs, "/loader.js"));
-  return t.onload = function() {
-    return e();
-  }, t.onerror = r.reject, t;
-}
-function oo() {
-  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) {
-    vt(t), e.resolve(t);
-  }, function(t) {
-    e.reject(t);
-  });
-}
-function vt(e) {
-  Ke().monaco || ar({
-    monaco: e
-  });
-}
-function io() {
-  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: Zn,
-  init: eo,
-  __getMonacoInstance: io
-}, S = { exports: {} }, hr = { exports: {} }, U = {};
-/** @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 ao() {
-  if (tt)
-    return U;
-  tt = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, v = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, k = e ? Symbol.for("react.block") : 60121, G = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, D = e ? Symbol.for("react.scope") : 60119;
-  function H(p) {
-    if (typeof p == "object" && p !== null) {
-      var X = p.$$typeof;
-      switch (X) {
-        case r:
-          switch (p = p.type, p) {
-            case d:
-            case m:
-            case o:
-            case i:
-            case s:
-            case h:
-              return p;
-            default:
-              switch (p = p && p.$$typeof, p) {
-                case u:
-                case b:
-                case Y:
-                case x:
-                case c:
-                  return p;
-                default:
-                  return X;
-              }
-          }
-        case t:
-          return X;
-      }
-    }
-  }
-  function N(p) {
-    return H(p) === m;
-  }
-  return U.AsyncMode = d, U.ConcurrentMode = m, U.ContextConsumer = u, U.ContextProvider = c, U.Element = r, U.ForwardRef = b, U.Fragment = o, U.Lazy = Y, U.Memo = x, U.Portal = t, U.Profiler = i, U.StrictMode = s, U.Suspense = h, U.isAsyncMode = function(p) {
-    return N(p) || H(p) === d;
-  }, U.isConcurrentMode = N, U.isContextConsumer = function(p) {
-    return H(p) === u;
-  }, U.isContextProvider = function(p) {
-    return H(p) === c;
-  }, U.isElement = function(p) {
-    return typeof p == "object" && p !== null && p.$$typeof === r;
-  }, U.isForwardRef = function(p) {
-    return H(p) === b;
-  }, U.isFragment = function(p) {
-    return H(p) === o;
-  }, U.isLazy = function(p) {
-    return H(p) === Y;
-  }, U.isMemo = function(p) {
-    return H(p) === x;
-  }, U.isPortal = function(p) {
-    return H(p) === t;
-  }, U.isProfiler = function(p) {
-    return H(p) === i;
-  }, U.isStrictMode = function(p) {
-    return H(p) === s;
-  }, U.isSuspense = function(p) {
-    return H(p) === h;
-  }, U.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === o || p === m || p === i || p === s || p === h || p === v || typeof p == "object" && p !== null && (p.$$typeof === Y || p.$$typeof === x || p.$$typeof === c || p.$$typeof === u || p.$$typeof === b || p.$$typeof === G || p.$$typeof === K || p.$$typeof === D || p.$$typeof === k);
-  }, U.typeOf = H, U;
-}
-var W = {};
-/** @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 so() {
-  return nt || (nt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, v = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, k = e ? Symbol.for("react.block") : 60121, G = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, D = e ? Symbol.for("react.scope") : 60119;
-    function H(w) {
-      return typeof w == "string" || typeof w == "function" || w === o || w === m || w === i || w === s || w === h || w === v || typeof w == "object" && w !== null && (w.$$typeof === Y || w.$$typeof === x || w.$$typeof === c || w.$$typeof === u || w.$$typeof === b || w.$$typeof === G || w.$$typeof === K || w.$$typeof === D || w.$$typeof === k);
-    }
-    function N(w) {
-      if (typeof w == "object" && w !== null) {
-        var he = w.$$typeof;
-        switch (he) {
-          case r:
-            var je = w.type;
-            switch (je) {
-              case d:
-              case m:
-              case o:
-              case i:
-              case s:
-              case h:
-                return je;
-              default:
-                var Ce = je && je.$$typeof;
-                switch (Ce) {
-                  case u:
-                  case b:
-                  case Y:
-                  case x:
-                  case c:
-                    return Ce;
-                  default:
-                    return he;
-                }
-            }
-          case t:
-            return he;
-        }
-      }
-    }
-    var p = d, X = m, ee = u, Se = c, Q = r, $ = b, ge = o, ye = Y, ie = x, z = t, B = i, te = s, pe = h, Ee = !1;
-    function Pe(w) {
-      return Ee || (Ee = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), l(w) || N(w) === d;
-    }
-    function l(w) {
-      return N(w) === m;
-    }
-    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) === b;
-    }
-    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 F(w) {
-      return N(w) === i;
-    }
-    function A(w) {
-      return N(w) === s;
-    }
-    function ae(w) {
-      return N(w) === h;
-    }
-    W.AsyncMode = p, W.ConcurrentMode = X, W.ContextConsumer = ee, W.ContextProvider = Se, W.Element = Q, W.ForwardRef = $, W.Fragment = ge, W.Lazy = ye, W.Memo = ie, W.Portal = z, W.Profiler = B, W.StrictMode = te, W.Suspense = pe, W.isAsyncMode = Pe, W.isConcurrentMode = l, W.isContextConsumer = g, W.isContextProvider = T, W.isElement = O, W.isForwardRef = P, W.isFragment = C, W.isLazy = R, W.isMemo = _, W.isPortal = j, W.isProfiler = F, W.isStrictMode = A, W.isSuspense = ae, W.isValidElementType = H, W.typeOf = N;
-  }()), W;
-}
-var ot;
-function yt() {
-  return ot || (ot = 1, function(e) {
-    process.env.NODE_ENV === "production" ? e.exports = ao() : e.exports = so();
-  }(hr)), hr.exports;
-}
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var mr, it;
-function co() {
-  if (it)
-    return mr;
-  it = 1;
-  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
-  function o(i) {
-    if (i == null)
-      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(b) {
-        return c[b];
-      });
-      if (d.join("") !== "0123456789")
-        return !1;
-      var m = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
-        m[b] = b;
-      }), Object.keys(Object.assign({}, m)).join("") === "abcdefghijklmnopqrst";
-    } catch {
-      return !1;
-    }
-  }
-  return mr = s() ? Object.assign : function(i, c) {
-    for (var u, d = o(i), m, b = 1; b < arguments.length; b++) {
-      u = Object(arguments[b]);
-      for (var h in u)
-        r.call(u, h) && (d[h] = u[h]);
-      if (e) {
-        m = e(u);
-        for (var v = 0; v < m.length; v++)
-          t.call(u, m[v]) && (d[m[v]] = u[m[v]]);
-      }
-    }
-    return d;
-  }, mr;
-}
-var vr, at;
-function Mr() {
-  if (at)
-    return vr;
-  at = 1;
-  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return vr = e, vr;
-}
-var yr, st;
-function bt() {
-  return st || (st = 1, yr = Function.call.bind(Object.prototype.hasOwnProperty)), yr;
-}
-var br, ct;
-function uo() {
-  if (ct)
-    return br;
-  ct = 1;
-  var e = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var r = Mr(), t = {}, o = bt();
-    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, m) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var b in i)
-        if (o(i, b)) {
-          var h;
-          try {
-            if (typeof i[b] != "function") {
-              var v = Error(
-                (d || "React class") + ": " + u + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw v.name = "Invariant Violation", v;
-            }
-            h = i[b](c, b, d, u, null, r);
-          } catch (Y) {
-            h = Y;
-          }
-          if (h && !(h instanceof Error) && e(
-            (d || "React class") + ": type specification of " + u + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), h instanceof Error && !(h.message in t)) {
-            t[h.message] = !0;
-            var x = m ? m() : "";
-            e(
-              "Failed " + u + " type: " + h.message + (x != null ? x : "")
-            );
-          }
-        }
-    }
-  }
-  return s.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (t = {});
-  }, br = s, br;
-}
-var wr, ut;
-function lo() {
-  if (ut)
-    return wr;
-  ut = 1;
-  var e = yt(), r = co(), t = Mr(), o = bt(), s = uo(), i = function() {
-  };
-  process.env.NODE_ENV !== "production" && (i = function(u) {
-    var d = "Warning: " + u;
-    typeof console < "u" && console.error(d);
-    try {
-      throw new Error(d);
-    } catch {
-    }
-  });
-  function c() {
-    return null;
-  }
-  return wr = function(u, d) {
-    var m = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
-    function h(l) {
-      var g = l && (m && l[m] || l[b]);
-      if (typeof g == "function")
-        return g;
-    }
-    var v = "<<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: $(),
-      objectOf: Se,
-      oneOf: ee,
-      oneOfType: Q,
-      shape: ye,
-      exact: ie
-    };
-    function Y(l, g) {
-      return l === g ? l !== 0 || 1 / l === 1 / g : l !== l && g !== g;
-    }
-    function k(l, g) {
-      this.message = l, this.data = g && typeof g == "object" ? g : {}, this.stack = "";
-    }
-    k.prototype = Error.prototype;
-    function G(l) {
-      if (process.env.NODE_ENV !== "production")
-        var g = {}, T = 0;
-      function O(C, R, _, j, F, A, ae) {
-        if (j = j || v, A = A || _, ae !== t) {
-          if (d) {
-            var w = new Error(
-              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
-            );
-            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 k("The " + F + " `" + A + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new k("The " + F + " `" + A + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : l(R, _, j, F, A);
-      }
-      var P = O.bind(null, !1);
-      return P.isRequired = O.bind(null, !0), P;
-    }
-    function K(l) {
-      function g(T, O, P, C, R, _) {
-        var j = T[O], F = te(j);
-        if (F !== l) {
-          var A = pe(j);
-          return new k(
-            "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 k("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
-        var _ = T[O];
-        if (!Array.isArray(_)) {
-          var j = te(_);
-          return new k("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected an array."));
-        }
-        for (var F = 0; F < _.length; F++) {
-          var A = l(_, F, P, C, R + "[" + F + "]", t);
-          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 k("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 k("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 || v, j = Pe(T[O]);
-          return new k("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 F = JSON.stringify(l, function(ae, w) {
-          var he = pe(w);
-          return he === "symbol" ? String(w) : w;
-        });
-        return new k("Invalid " + C + " `" + R + "` of value `" + String(_) + "` " + ("supplied to `" + P + "`, expected one of " + F + "."));
-      }
-      return G(g);
-    }
-    function Se(l) {
-      function g(T, O, P, C, R) {
-        if (typeof l != "function")
-          return new k("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
-        var _ = T[O], j = te(_);
-        if (j !== "object")
-          return new k("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected an object."));
-        for (var F in _)
-          if (o(_, F)) {
-            var A = l(_, F, P, C, R + "." + F, t);
-            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 F = [], A = 0; A < l.length; A++) {
-          var ae = l[A], w = ae(P, C, R, _, j, t);
-          if (w == null)
-            return null;
-          w.data && o(w.data, "expectedType") && F.push(w.data.expectedType);
-        }
-        var he = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
-        return new k("Invalid " + _ + " `" + j + "` supplied to " + ("`" + R + "`" + he + "."));
-      }
-      return G(O);
-    }
-    function $() {
-      function l(g, T, O, P, C) {
-        return z(g[T]) ? null : new k("Invalid " + P + " `" + C + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
-      }
-      return G(l);
-    }
-    function ge(l, g, T, O, P) {
-      return new k(
-        (l || "React class") + ": " + g + " type `" + T + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
-      );
-    }
-    function ye(l) {
-      function g(T, O, P, C, R) {
-        var _ = T[O], j = te(_);
-        if (j !== "object")
-          return new k("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
-        for (var F in l) {
-          var A = l[F];
-          if (typeof A != "function")
-            return ge(P, C, R, F, pe(A));
-          var ae = A(_, F, P, C, R + "." + F, 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 k("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
-        var F = r({}, T[O], l);
-        for (var A in F) {
-          var ae = l[A];
-          if (o(l, A) && typeof ae != "function")
-            return ge(P, C, R, A, pe(ae));
-          if (!ae)
-            return new k(
-              "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 z(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(z);
-          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 (!z(O.value))
-                  return !1;
-            } else
-              for (; !(O = T.next()).done; ) {
-                var P = O.value;
-                if (P && !z(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 ? v : l.constructor.name;
-    }
-    return x.checkPropTypes = s, x.resetWarningCache = s.resetWarningCache, x.PropTypes = x, x;
-  }, wr;
-}
-var Sr, lt;
-function fo() {
-  if (lt)
-    return Sr;
-  lt = 1;
-  var e = Mr();
-  function r() {
-  }
-  function t() {
-  }
-  return t.resetWarningCache = r, Sr = function() {
-    function o(c, u, d, m, b, h) {
-      if (h !== e) {
-        var v = new Error(
-          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-        );
-        throw v.name = "Invariant Violation", v;
-      }
-    }
-    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 po = yt(), go = !0;
-  S.exports = lo()(po.isElement, go);
-} else
-  S.exports = fo()();
-const ho = {
-  display: "flex",
-  height: "100%",
-  width: "100%",
-  justifyContent: "center",
-  alignItems: "center"
-};
-function mo({
-  content: e
-}) {
-  return /* @__PURE__ */ a("div", {
-    style: ho,
-    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(mo, {
-      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 be(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 vo(e, o) || yo(e, r, t, o);
-}
-function vo(e, r) {
-  return e.editor.getModel(Tt(e, r));
-}
-function yo(e, r, t, o) {
-  return e.editor.createModel(r, t, o && Tt(e, o));
-}
-function Tt(e, r) {
-  return e.Uri.parse(r);
-}
-function bo(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: m,
-  loading: b,
-  options: h,
-  height: v,
-  width: x,
-  className: Y,
-  wrapperProps: k,
-  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), $ = ue(G);
-  Et(() => {
-    const z = Ye.init();
-    return z.then((B) => (ee.current = B) && p(!1)).catch((B) => (B == null ? void 0 : B.type) !== "cancelation" && console.error("Monaco initialization: error:", B)), () => X.current ? ie() : z.cancel();
-  }), be(() => {
-    const z = X.current.getModifiedEditor();
-    z.getOption(ee.current.editor.EditorOption.readOnly) ? z.setValue(r) : r !== z.getValue() && (z.executeEdits("", [{
-      range: z.getModel().getFullModelRange(),
-      text: r,
-      forceMoveMarkers: !0
-    }]), z.pushUndoStop());
-  }, [r], D), be(() => {
-    X.current.getModel().original.setValue(e);
-  }, [e], D), be(() => {
-    const {
-      original: z,
-      modified: B
-    } = X.current.getModel();
-    ee.current.editor.setModelLanguage(z, o || t), ee.current.editor.setModelLanguage(B, s || t);
-  }, [t, o, s], D), be(() => {
-    ee.current.editor.setTheme(m);
-  }, [m], D), be(() => {
-    X.current.updateOptions(h);
-  }, [h], D);
-  const ge = Tr(() => {
-    $.current(ee.current);
-    const z = rr(ee.current, e, o || t, i), B = rr(ee.current, r, s || t, c);
-    X.current.setModel({
-      original: z,
-      modified: B
+self.MonacoEnvironment = {
+  getWorker: function(t, n) {
+    const i = (o, l) => new Worker(self.MonacoEnvironment.getWorker(o), {
+      name: l,
+      type: "module"
     });
-  }, [t, r, s, e, o, i, c]), ye = Tr(() => {
-    X.current = ee.current.editor.createDiffEditor(Se.current, {
-      automaticLayout: !0,
-      ...h
-    }), ge(), ee.current.editor.setTheme(m), H(!0);
-  }, [h, m, ge]);
-  we(() => {
-    D && Q.current(X.current, ee.current);
-  }, [D]), we(() => {
-    !N && !D && ye();
-  }, [N, D, ye]);
-  function ie() {
-    const z = X.current.getModel();
-    if (!u) {
-      var B;
-      (B = z.original) === null || B === void 0 || B.dispose();
-    }
-    if (!d) {
-      var te;
-      (te = z.modified) === null || te === void 0 || te.dispose();
-    }
-    X.current.dispose();
-  }
-  return /* @__PURE__ */ a(St, {
-    width: x,
-    height: v,
-    isEditorReady: D,
-    loading: b,
-    _ref: Se,
-    className: Y,
-    wrapperProps: k
-  });
-}
-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 wo(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: m,
-  overrideServices: b,
-  saveViewState: h,
-  keepCurrentModel: v,
-  width: x,
-  height: Y,
-  className: k,
-  wrapperProps: G,
-  beforeMount: K,
-  onMount: D,
-  onChange: H,
-  onValidate: N
-}) {
-  const [p, X] = Ie(!1), [ee, Se] = Ie(!0), Q = ue(null), $ = ue(null), ge = ue(null), ye = ue(D), ie = ue(K), z = ue(null), B = ue(o), te = wo(i), pe = ue(!1);
-  Et(() => {
-    const l = Ye.init();
-    return l.then((g) => (Q.current = g) && Se(!1)).catch((g) => (g == null ? void 0 : g.type) !== "cancelation" && console.error("Monaco initialization: error:", g)), () => $.current ? Pe() : l.cancel();
-  }), be(() => {
-    const l = rr(Q.current, e || o, r || s, i);
-    l !== $.current.getModel() && (h && Xe.set(te, $.current.saveViewState()), $.current.setModel(l), h && $.current.restoreViewState(Xe.get(i)));
-  }, [i], p), be(() => {
-    $.current.updateOptions(m);
-  }, [m], p), be(() => {
-    $.current.getOption(Q.current.editor.EditorOption.readOnly) ? $.current.setValue(o) : o !== $.current.getValue() && ($.current.executeEdits("", [{
-      range: $.current.getModel().getFullModelRange(),
-      text: o,
-      forceMoveMarkers: !0
-    }]), $.current.pushUndoStop());
-  }, [o], p), be(() => {
-    Q.current.editor.setModelLanguage($.current.getModel(), s);
-  }, [s], p), be(() => {
-    bo(u) || $.current.revealLine(u);
-  }, [u], p), be(() => {
-    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);
-      $.current = Q.current.editor.create(ge.current, {
-        model: g,
-        automaticLayout: !0,
-        ...m
-      }, b), h && $.current.restoreViewState(Xe.get(l)), Q.current.editor.setTheme(c), X(!0), pe.current = !0;
-    }
-  }, [e, r, t, o, s, i, m, b, h, c]);
-  we(() => {
-    p && ye.current($.current, Q.current);
-  }, [p]), we(() => {
-    !ee && !p && Ee();
-  }, [ee, p, Ee]), B.current = o, we(() => {
-    if (p && H) {
-      var l, g;
-      (l = z.current) === null || l === void 0 || l.dispose(), z.current = (g = $.current) === null || g === void 0 ? void 0 : g.onDidChangeModelContent((T) => {
-        H($.current.getValue(), T);
-      });
-    }
-  }, [p, H]), we(() => {
-    if (p) {
-      const l = Q.current.editor.onDidChangeMarkers((g) => {
-        var T;
-        const O = (T = $.current.getModel()) === null || T === void 0 ? void 0 : T.uri;
-        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 = z.current) === null || l === void 0 || l.dispose(), v)
-      h && Xe.set(i, $.current.saveViewState());
-    else {
-      var g;
-      (g = $.current.getModel()) === null || g === void 0 || g.dispose();
+    switch (n) {
+      case "typescript":
+      case "javascript":
+        return i("/monaco-editor/min/vs/language/typescript/ts.worker?worker", n);
+      default:
+        return i("/monaco-editor/min/vs/editor/editor.worker?worker", n);
     }
-    $.current.dispose();
-  }
-  return /* @__PURE__ */ a(St, {
-    width: x,
-    height: Y,
-    isEditorReady: p,
-    loading: d,
-    _ref: ge,
-    className: k,
-    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 So = /* @__PURE__ */ dt(Ir);
-self.MonacoEnvironment = {
-  getWorker(e, r) {
-    return r === "json" ? new cn() : r === "css" || r === "scss" || r === "less" ? new an() : r === "html" || r === "handlebars" || r === "razor" ? new sn() : r === "typescript" || r === "javascript" ? new un() : new on();
   }
 };
-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(ve, {
+function pt() {
+  Ee.__getMonacoInstance() || (console.log("loading monaco"), Ee.config({ paths: { vs: "/assets/monaco-editor/min/vs" } }), Ee.init().then((n) => console.log("here is the monaco instance:", n)));
+}
+pt();
+const gt = ({
+  value: t,
+  onChange: n
+}) => /* @__PURE__ */ r(F, {
   sx: {
     position: "relative"
   },
-  children: /* @__PURE__ */ a(So, {
+  children: /* @__PURE__ */ r(tt, {
     height: "500px",
     defaultLanguage: "javascript",
-    value: e,
+    value: t,
     onChange: (o) => {
-      !o || r(o);
+      !o || n(o);
     },
     theme: "vs-dark",
     options: {
@@ -2369,63 +968,63 @@ const To = ({
       }
     }
   })
-}), ft = Cr(({
-  value: e,
-  onChange: r,
-  label: t,
+}), sr = Ae(({
+  value: t,
+  onChange: n,
+  label: i,
   modalTitle: o,
-  defaultValue: s,
-  styles: i
+  defaultValue: l,
+  styles: s
 }, c) => {
-  const [u, {
-    setTrue: d,
-    setFalse: m
-  }] = tn(), [b, h] = Ie(e), v = () => {
-    m(), r(b);
-  }, x = () => {
-    m(), 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: i
+    }), /* @__PURE__ */ r(ne, {
       size: 800,
       title: o,
-      opened: u,
-      onClose: m,
+      opened: d,
+      onClose: b,
       closeOnClickOutside: !1,
       withCloseButton: !1,
-      children: u && /* @__PURE__ */ I(Rr, {
-        children: [/* @__PURE__ */ a(To, {
-          value: b,
-          onChange: h
-        }), /* @__PURE__ */ I(se, {
+      children: d && /* @__PURE__ */ v(ze, {
+        children: [/* @__PURE__ */ r(gt, {
+          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: v,
+            }), /* @__PURE__ */ r(T, {
+              onClick: f,
               children: "OK"
             })]
           })]
@@ -2433,117 +1032,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 mt({
+  submit: t,
+  styles: n = X
 }) {
   const {
-    control: t,
+    control: i,
     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(ve, {
+  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: i,
         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: i,
         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: i,
           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: i,
           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 ht({
+  postSubmit: t,
+  styles: n = X
 }) {
-  const [t, o] = Ie("postgresql"), s = async ({
-    type: u,
-    key: d,
-    config: m
+  const [i, o] = lr("postgresql"), l = async ({
+    type: d,
+    key: p,
+    config: b
   }) => {
-    _e({
+    V({
       id: "for-creating",
       title: "Pending",
       message: "Adding data source...",
@@ -2551,30 +1150,30 @@ function Po({
     });
     try {
       console.log({
-        type: u,
-        key: d,
-        config: m
-      }), await de.datasource.create(u, d, m), 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 (b) {
-      le({
+      }), t();
+    } catch (S) {
+      x({
         id: "for-creating",
         title: "Failed",
-        message: b.message,
+        message: S.message,
         color: "red"
       });
     }
-  }, i = t === "postgresql" || t === "mysql", c = t === "http";
-  return /* @__PURE__ */ I(ve, {
+  }, s = i === "postgresql" || i === "mysql", c = i === "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"
@@ -2585,105 +1184,105 @@ function Po({
         label: "HTTP",
         value: "http"
       }],
-      value: t,
-      onChange: (u) => o(u)
-    }), i && /* @__PURE__ */ a(bn, {
-      submit: s,
-      styles: r,
-      type: t
-    }), c && /* @__PURE__ */ a(Oo, {
-      submit: s,
-      styles: r
+      value: i,
+      onChange: (d) => o(d)
+    }), s && /* @__PURE__ */ r(ft, {
+      submit: l,
+      styles: n,
+      type: i
+    }), c && /* @__PURE__ */ r(mt, {
+      submit: l,
+      styles: n
     })]
   });
 }
-function Ro({
-  onSuccess: e,
-  styles: r = qe
+function vt({
+  onSuccess: t,
+  styles: n = X
 }) {
-  const [t, o] = ke.useState(!1), s = () => o(!0), i = () => o(!1);
-  return /* @__PURE__ */ I(Oe, {
-    children: [/* @__PURE__ */ a(Be, {
+  const [i, o] = H.useState(!1), l = () => o(!0), s = () => o(!1);
+  return /* @__PURE__ */ v(N, {
+    children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
-      opened: t,
+      opened: i,
       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(ht, {
         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 i = arguments[n];
+      for (var o in i)
+        Object.prototype.hasOwnProperty.call(i, o) && (t[o] = i[o]);
     }
-    return e;
-  }, Or.apply(this, arguments);
+    return t;
+  }, Ce.apply(this, arguments);
 }
-function _o(e, r) {
-  if (e == null)
+function bt(t, n) {
+  if (t == null)
     return {};
-  var t, o, s = function(c, u) {
+  var i, o, l = function(c, d) {
     if (c == null)
       return {};
-    var d, m, b = {}, h = Object.keys(c);
-    for (m = 0; m < h.length; m++)
-      d = h[m], u.indexOf(d) >= 0 || (b[d] = c[d]);
-    return b;
-  }(e, r);
+    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++)
+      i = s[o], n.indexOf(i) >= 0 || Object.prototype.propertyIsEnumerable.call(t, i) && (l[i] = t[i]);
   }
-  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 $e.createElement("svg", Or({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: t, height: t, viewBox: "0 0 24 24", strokeWidth: c, stroke: s, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, u), $e.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), $e.createElement("rect", { x: 5, y: 11, width: 14, height: 10, rx: 2 }), $e.createElement("circle", { cx: 12, cy: 16, r: 1 }), $e.createElement("path", { d: "M8 11v-4a4 4 0 0 1 8 0v4" }));
+var wt = ["size", "color", "stroke"];
+function St(t) {
+  var n = t.size, i = n === void 0 ? 24 : n, o = t.color, l = o === void 0 ? "currentColor" : o, s = t.stroke, c = s === void 0 ? 2 : s, d = bt(t, wt);
+  return ee.createElement("svg", Ce({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: i, height: i, 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 _t({
+  id: t,
+  name: n,
+  isProtected: i,
   onSuccess: o,
-  styles: s = qe
+  styles: l = X
 }) {
-  const i = nr(), c = async () => {
-    !e || (_e({
+  const s = fe(), c = async () => {
+    !t || (V({
       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: {
@@ -2692,8 +1291,8 @@ function jo({
     },
     onCancel: () => console.log("Cancel"),
     onConfirm: c
-  }), d = Kt();
-  return t ? /* @__PURE__ */ a(Ht, {
+  }), p = Kr();
+  return i ? /* @__PURE__ */ r(Br, {
     withArrow: !0,
     events: {
       hover: !0,
@@ -2701,89 +1300,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(St, {
         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 ti({
-  styles: e = qe,
-  config: r
+function Wt({
+  styles: t = X,
+  config: n
 }) {
-  or(r);
+  pe(n);
   const {
-    data: t = [],
+    data: i = [],
     loading: o,
-    refresh: s
-  } = ze(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(vt, {
+        onSuccess: l
       })
-    }), /* @__PURE__ */ I(ve, {
-      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(ke, {
+        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: i.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(_t, {
+                  isProtected: p,
+                  id: s,
                   name: c,
-                  onSuccess: s
+                  onSuccess: l
                 })
               })
             })]
@@ -2793,49 +1392,49 @@ function ti({
     })]
   });
 }
-const Ao = Cr(({
-  label: e,
-  value: r,
-  description: t,
+const yt = Ae(({
+  label: t,
+  value: n,
+  description: i,
   ...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: i
   })]
-})), zr = Cr(({
-  styles: e,
-  value: r,
-  onChange: t
+})), je = Ae(({
+  styles: t,
+  value: n,
+  onChange: i
 }, o) => {
   const {
-    data: s = [],
-    loading: i
-  } = ze(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: yt,
+    data: l,
+    disabled: s,
     styles: () => ({
       item: {
         "&[data-selected]": {
@@ -2847,687 +1446,687 @@ const Ao = Cr(({
         }
       }
     }),
-    value: r,
-    onChange: t
+    value: n,
+    onChange: i
   });
-}), xe = {
+}), W = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function Mo({
-  postSubmit: e,
-  styles: r = xe,
-  initialRoleID: t
+function Rt({
+  postSubmit: t,
+  styles: n = W,
+  initialRoleID: i
 }) {
   const {
     control: o,
-    handleSubmit: s
-  } = De({
+    handleSubmit: l
+  } = J({
     defaultValues: {
       name: "",
       email: "",
-      role_id: t,
+      role_id: i,
       password: ""
     }
   });
-  return /* @__PURE__ */ a(ve, {
+  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: m
+        email: d,
+        password: p,
+        role_id: b
       }) => {
         try {
-          _e({
+          V({
             id: "for-creating",
             title: "Pending",
             message: "Adding account...",
             loading: !0
-          }), await de.account.create(c, u, d, m), le({
+          }), await j.account.create(c, d, p, b), x({
             id: "for-creating",
             title: "Successful",
             message: "Account is added",
             color: "green"
-          }), e();
-        } catch (b) {
-          le({
+          }), t();
+        } catch (S) {
+          x({
             id: "for-creating",
             title: "Failed",
-            message: b.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(zr, {
-          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 Pt({
+  onSuccess: t,
+  styles: n = W,
+  initialRoleID: i
 }) {
-  const [o, s] = ke.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(Rt, {
         postSubmit: () => {
-          e(), c();
+          t(), c();
         },
-        styles: r,
-        initialRoleID: t
+        styles: n,
+        initialRoleID: i
       })
-    }), /* @__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 zo({
-  id: e,
-  name: r,
-  onSuccess: t,
-  styles: o = xe
+function Et({
+  id: t,
+  name: n,
+  onSuccess: i,
+  styles: o = W
 }) {
-  const s = nr(), i = async () => {
-    if (!!e) {
-      _e({
+  const l = fe(), s = async () => {
+    if (!!t) {
+      V({
         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({
+        }), i();
+      } 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 ko({
-  id: e,
-  name: r,
-  email: t,
+function Ct({
+  id: t,
+  name: n,
+  email: i,
   role_id: o,
-  postSubmit: s,
-  styles: i = xe
+  postSubmit: l,
+  styles: s = W
 }) {
   const {
     control: c,
-    handleSubmit: u,
-    watch: d
-  } = De({
+    handleSubmit: d,
+    watch: p
+  } = J({
     defaultValues: {
-      name: r,
-      email: t,
+      name: n,
+      email: i,
       role_id: o,
       reset_password: !1,
       new_password: ""
     }
-  }), m = async ({
-    name: v,
-    email: x,
-    role_id: Y,
-    reset_password: k,
-    new_password: G
+  }), b = async ({
+    name: f,
+    email: z,
+    role_id: q,
+    reset_password: $,
+    new_password: he
   }) => {
     try {
-      _e({
+      V({
         id: "for-updating",
         title: "Pending",
         message: "Updating account...",
         loading: !0
-      }), await de.account.edit({
-        id: e,
-        name: v,
-        email: x,
-        role_id: Y,
-        reset_password: k,
-        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"
       });
     }
-  }, [b, h] = d(["reset_password", "new_password"]);
-  return /* @__PURE__ */ a(ve, {
+  }, [S, m] = p(["reset_password", "new_password"]);
+  return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ I("form", {
-      onSubmit: u(m),
-      children: [/* @__PURE__ */ a(J, {
+    children: /* @__PURE__ */ v("form", {
+      onSubmit: d(b),
+      children: [/* @__PURE__ */ r(R, {
         name: "name",
         control: c,
         render: ({
-          field: v
-        }) => /* @__PURE__ */ a(fe, {
-          mb: i.spacing,
-          size: i.size,
+          field: f
+        }) => /* @__PURE__ */ r(D, {
+          mb: s.spacing,
+          size: s.size,
           required: !0,
           label: "Username",
-          ...v
+          ...f
         })
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "email",
         control: c,
         render: ({
-          field: v
-        }) => /* @__PURE__ */ a(fe, {
-          mb: i.spacing,
-          size: i.size,
+          field: f
+        }) => /* @__PURE__ */ r(D, {
+          mb: s.spacing,
+          size: s.size,
           required: !0,
           label: "Email",
-          ...v
+          ...f
         })
-      }), /* @__PURE__ */ a(J, {
+      }), /* @__PURE__ */ r(R, {
         name: "role_id",
         control: c,
         render: ({
-          field: v
-        }) => /* @__PURE__ */ a(zr, {
-          styles: i,
-          ...v
+          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: v
-        }) => /* @__PURE__ */ a(Jt, {
-          mb: i.spacing,
-          size: i.size,
+          field: f
+        }) => /* @__PURE__ */ r(Hr, {
+          mb: s.spacing,
+          size: s.size,
           label: "Reset password",
-          checked: v.value,
-          onChange: (x) => v.onChange(x.currentTarget.checked),
+          checked: f.value,
+          onChange: (z) => f.onChange(z.currentTarget.checked),
           styles: {
             label: {
               verticalAlign: "middle"
             }
           }
         })
-      }), b && /* @__PURE__ */ a(J, {
+      }), S && /* @__PURE__ */ r(R, {
         name: "new_password",
         control: c,
         render: ({
-          field: v
-        }) => /* @__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",
-          ...v
+          ...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 Tt({
+  account: t,
+  onSuccess: n,
+  styles: i = W
 }) {
-  const [o, s] = ke.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(ko, {
-        ...e,
-        postSubmit: u,
-        styles: t
+      children: /* @__PURE__ */ r(Ct, {
+        ...t,
+        postSubmit: d,
+        styles: i
       })
-    }), /* @__PURE__ */ a(oe, {
-      size: t.button.size,
-      onClick: i,
-      leftIcon: /* @__PURE__ */ a(Qt, {
+    }), /* @__PURE__ */ r(T, {
+      size: i.button.size,
+      onClick: s,
+      leftIcon: /* @__PURE__ */ r(Xr, {
         size: 20
       }),
       children: "Edit"
     })]
   });
 }
-function ni({
-  styles: e = xe,
-  config: r
+function $t({
+  styles: t = W,
+  config: n
 }) {
-  var m, b;
-  or(r);
+  var b, S;
+  pe(n);
   const {
-    data: t = [],
+    data: i = [],
     loading: o,
-    refresh: s
-  } = ze(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
-  } = ze(async () => (await de.role.list()).map((v) => ({
-    label: v.name,
-    value: v.id,
-    description: v.description,
-    disabled: v.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, v) => (h.set(v.value, v.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
-    var v;
-    return (v = u.get(h)) != null ? v : 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: (b = (m = i == null ? void 0 : i[0]) == null ? void 0 : m.value) != null ? b : 0
+      children: /* @__PURE__ */ r(Pt, {
+        onSuccess: l,
+        initialRoleID: (S = (b = s == null ? void 0 : s[0]) == null ? void 0 : b.value) != null ? S : 0
       })
-    }), /* @__PURE__ */ I(ve, {
-      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(ke, {
+        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: i.map((m) => {
             const {
-              id: v,
-              name: x,
-              email: Y,
-              role_id: k
-            } = 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(k)
-              }), /* @__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(zo, {
-                    id: v,
-                    name: x,
-                    onSuccess: s
+                  children: [/* @__PURE__ */ r(Tt, {
+                    account: m,
+                    onSuccess: l
+                  }), /* @__PURE__ */ r(Et, {
+                    id: f,
+                    name: z,
+                    onSuccess: l
                   })]
                 })
               })]
-            }, v);
+            }, f);
           })
         })]
       })]
     })]
   });
 }
-function qo({
-  postSubmit: e,
-  styles: r = xe
+function zt({
+  postSubmit: t,
+  styles: n = W
 }) {
   const {
-    control: t,
+    control: i,
     handleSubmit: o
-  } = De({
+  } = J({
     defaultValues: {
       name: "",
       password: ""
     }
   });
-  return /* @__PURE__ */ a(ve, {
+  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({
+          V({
             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: i,
         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: i,
         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 oi({
-  styles: e = xe,
-  config: r,
-  onSuccess: t
+function Yt({
+  styles: t = W,
+  config: n,
+  onSuccess: i
 }) {
-  return or(r), /* @__PURE__ */ a(Oe, {
-    children: /* @__PURE__ */ a(ve, {
-      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(zt, {
+        styles: t,
+        postSubmit: i
       })
     })
   });
 }
-const sr = {
+const me = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function Fo({
-  postSubmit: e,
-  styles: r = sr,
-  initialRoleID: t
+function Ot({
+  postSubmit: t,
+  styles: n = me,
+  initialRoleID: i
 }) {
   const {
     control: o,
-    handleSubmit: s
-  } = De({
+    handleSubmit: l
+  } = J({
     defaultValues: {
       name: "",
-      role_id: t
+      role_id: i
     }
   });
-  return /* @__PURE__ */ a(ve, {
+  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({
+          V({
             id: "for-creating",
             title: "Pending",
             message: "Adding API Key...",
             loading: !0
           });
           const {
-            app_id: d,
-            app_secret: m
-          } = 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, m);
-        } 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(zr, {
-          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 $o({
-  onSuccess: e,
-  styles: r = sr,
-  initialRoleID: t
+function kt({
+  onSuccess: t,
+  styles: n = me,
+  initialRoleID: i
 }) {
-  const o = nr(), [s, i] = ke.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: (m) => {
-        m.stopPropagation();
+      onDragStart: (b) => {
+        b.stopPropagation();
       },
-      children: /* @__PURE__ */ a(Fo, {
-        postSubmit: (m, b) => {
-          u(), o.openModal({
+      children: /* @__PURE__ */ r(Ot, {
+        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: m,
+              }), /* @__PURE__ */ r(D, {
+                defaultValue: b,
                 disabled: !0,
                 label: "APP ID",
                 styles: {
@@ -3535,8 +2134,8 @@ function $o({
                     cursor: "text !important"
                   }
                 }
-              }), /* @__PURE__ */ a(fe, {
-                defaultValue: b,
+              }), /* @__PURE__ */ r(D, {
+                defaultValue: S,
                 disabled: !0,
                 label: "APP Secret",
                 styles: {
@@ -3544,191 +2143,191 @@ function $o({
                     cursor: "text !important"
                   }
                 }
-              }), /* @__PURE__ */ a(oe, {
+              }), /* @__PURE__ */ r(T, {
                 size: "sm",
                 onClick: () => {
-                  ln();
+                  nt();
                 },
                 children: "I've saved this API Key"
               })]
             }),
             onClose: () => {
-              e();
+              t();
             }
           });
         },
-        styles: r,
-        initialRoleID: t
+        styles: n,
+        initialRoleID: i
       })
-    }), /* @__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 At({
+  id: t,
+  name: n,
+  onSuccess: i,
+  styles: o = me
 }) {
-  const s = nr(), i = async () => {
-    if (!!e) {
-      _e({
+  const l = fe(), s = async () => {
+    if (!!t) {
+      V({
         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({
+        }), i();
+      } 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 ii({
-  styles: e = sr,
-  config: r
+function Kt({
+  styles: t = me,
+  config: n
 }) {
-  var m, b;
-  or(r);
+  var b, S;
+  pe(n);
   const {
-    data: t = [],
+    data: i = [],
     loading: o,
-    refresh: s
-  } = ze(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
-  } = ze(async () => (await de.role.list()).map((v) => ({
-    label: v.name,
-    value: v.id,
-    description: v.description,
-    disabled: v.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, v) => (h.set(v.value, v.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
-    var v;
-    return (v = u.get(h)) != null ? v : 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($o, {
-        onSuccess: s,
-        initialRoleID: (b = (m = i == null ? void 0 : i[0]) == null ? void 0 : m.value) != null ? b : 0
+      children: /* @__PURE__ */ r(kt, {
+        onSuccess: l,
+        initialRoleID: (S = (b = s == null ? void 0 : s[0]) == null ? void 0 : b.value) != null ? S : 0
       })
-    }), /* @__PURE__ */ I(ve, {
-      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(ke, {
+        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: i.map((m) => {
             const {
-              id: v,
-              name: x,
-              app_id: Y,
-              role_id: k
-            } = 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(k)
-              }), /* @__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: v,
-                    name: x,
-                    onSuccess: s
+                  children: /* @__PURE__ */ r(At, {
+                    id: f,
+                    name: z,
+                    onSuccess: l
                   })
                 })
               })]
-            }, v);
+            }, f);
           })
         })]
       })]
     })]
   });
 }
-const ai = () => import("./package.b74d5f91.mjs").then(({ version: e }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
+const Bt = () => import("./package.7438fb39.mjs").then(({ version: t }) => (console.log(`[@devtable/dashboard] version: ${t}`), t));
 export {
-  ii as APIKeyList,
-  ni as AccountList,
-  $o as AddAPIKey,
-  Io as AddAccount,
-  Ro as AddDataSource,
-  ti as DataSourceList,
-  Lo as DeleteAPIKey,
-  zo as DeleteAccount,
-  jo as DeleteDataSource,
-  oi as Login,
-  ai as getVersion
+  Kt as APIKeyList,
+  $t as AccountList,
+  kt as AddAPIKey,
+  Pt as AddAccount,
+  vt as AddDataSource,
+  Wt as DataSourceList,
+  At as DeleteAPIKey,
+  Et as DeleteAccount,
+  _t as DeleteDataSource,
+  Yt as Login,
+  Bt as getVersion
 };