@devtable/settings-form 10.37.3 → 10.38.0

package/dist/settings-form.es.js

@@ -1,22 +1,21 @@
-import K, { useEffect as bt, forwardRef as Qe, useState as Gt, Component as Ar } from "react";
-import { Box as se, TextInput as ue, Divider as Je, Group as J, NumberInput as kr, PasswordInput as et, Button as V, Modal as Ae, Stack as Be, Alert as Tr, SegmentedControl as Rr, Tooltip as We, Text as Re, ActionIcon as yt, LoadingOverlay as tt, Table as rt, Select as Or, Switch as xr, createStyles as qt, rem as ze, useComponentDefaultProps as Cr, useMantineTheme as Ir, ScrollArea as Ht, Tabs as nt, HoverCard as pt } from "@mantine/core";
-import { showNotification as be, updateNotification as ee } from "@mantine/notifications";
-import { Recycle as Dr, AlertCircle as Lr, PlaylistAdd as at, Trash as it, Edit as Fr } from "tabler-icons-react";
-import Nr from "axios";
-import $r from "crypto-js";
-import Pr from "lodash";
+import K, { useEffect as yt, forwardRef as Je, useState as qt, Component as kr } from "react";
+import { Box as se, TextInput as ue, Divider as et, Group as Q, NumberInput as Tr, PasswordInput as tt, Button as V, Modal as Ae, Stack as je, Alert as Rr, SegmentedControl as Or, Tooltip as Ke, Text as Re, ActionIcon as vt, LoadingOverlay as rt, Table as nt, Select as xr, Switch as Cr, createStyles as Ht, rem as Me, useComponentDefaultProps as Ir, useMantineTheme as Dr, ScrollArea as Yt, Tabs as at, HoverCard as gt } from "@mantine/core";
+import { showNotification as be, updateNotification as J } from "@mantine/notifications";
+import { Recycle as Lr, AlertCircle as Fr, PlaylistAdd as it, Trash as ot, Edit as Nr } from "tabler-icons-react";
+import * as $r from "crypto-js";
+import Pr from "axios";
 import { useForm as Ee, Controller as H } from "react-hook-form";
 import { useBoolean as zr, useRequest as Oe } from "ahooks";
-import Yt, { loader as gt } from "@monaco-editor/react";
-import { useModals as je, closeAllModals as Mr } from "@mantine/modals";
-import { IconLock as Vt, IconEdit as ft, IconNetwork as Br, IconBrandMysql as jr, IconDatabase as Ur, IconEye as Gr } from "@tabler/icons-react";
+import Vt, { loader as ft } from "@monaco-editor/react";
+import { useModals as Ue, closeAllModals as Mr } from "@mantine/modals";
+import { IconLock as Wt, IconEdit as ht, IconNetwork as Br, IconBrandMysql as jr, IconDatabase as Ur, IconEye as Gr } from "@tabler/icons-react";
 import { useClipboard as qr } from "@mantine/hooks";
-var Hr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Me = {}, Yr = {
+var Hr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Be = {}, Yr = {
   get exports() {
-    return Me;
+    return Be;
   },
   set exports(e) {
-    Me = e;
+    Be = e;
   }
 }, Fe = {};
 /**
@@ -28,11 +27,11 @@ var Hr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ft;
+var Nt;
 function Vr() {
-  if (Ft)
+  if (Nt)
     return Fe;
-  Ft = 1;
+  Nt = 1;
   var e = K, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(p, d, f) {
     var b, u = {}, c = null, g = null;
@@ -56,9 +55,9 @@ var Ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Nt;
+var $t;
 function Wr() {
-  return Nt || (Nt = 1, process.env.NODE_ENV !== "production" && function() {
+  return $t || ($t = 1, process.env.NODE_ENV !== "production" && function() {
     var e = K, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), c = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), y = Symbol.iterator, h = "@@iterator";
     function _(i) {
       if (i === null || typeof i != "object")
@@ -84,10 +83,10 @@ function Wr() {
         W.unshift("Warning: " + v), Function.prototype.apply.call(console[i], console, W);
       }
     }
-    var M = !1, re = !1, Q = !1, Y = !1, Z = !1, F;
+    var M = !1, te = !1, X = !1, Y = !1, Z = !1, F;
     F = Symbol.for("react.module.reference");
     function L(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === o || Z || i === s || i === f || i === b || Y || i === g || M || re || Q || typeof i == "object" && i !== null && (i.$$typeof === c || i.$$typeof === u || i.$$typeof === l || i.$$typeof === p || i.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof i == "string" || typeof i == "function" || i === n || i === o || Z || i === s || i === f || i === b || Y || i === g || M || te || X || typeof i == "object" && i !== null && (i.$$typeof === c || i.$$typeof === u || i.$$typeof === l || i.$$typeof === p || i.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -100,7 +99,7 @@ function Wr() {
       var G = v.displayName || v.name || "";
       return G !== "" ? T + "(" + G + ")" : T;
     }
-    function te(i) {
+    function ee(i) {
       return i.displayName || "Context";
     }
     function R(i) {
@@ -128,10 +127,10 @@ function Wr() {
         switch (i.$$typeof) {
           case p:
             var v = i;
-            return te(v) + ".Consumer";
+            return ee(v) + ".Consumer";
           case l:
             var T = i;
-            return te(T._context) + ".Provider";
+            return ee(T._context) + ".Provider";
           case d:
             return B(i, i.render, "ForwardRef");
           case u:
@@ -224,13 +223,13 @@ function Wr() {
 ` + ye + i;
       }
     }
-    var ne = !1, de;
+    var re = !1, de;
     {
       var ve = typeof WeakMap == "function" ? WeakMap : Map;
       de = new ve();
     }
     function Te(i, v) {
-      if (!i || ne)
+      if (!i || re)
         return "";
       {
         var T = de.get(i);
@@ -238,7 +237,7 @@ function Wr() {
           return T;
       }
       var D;
-      ne = !0;
+      re = !0;
       var G = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var W;
@@ -279,39 +278,39 @@ function Wr() {
         if (we && D && typeof we.stack == "string") {
           for (var P = we.stack.split(`
 `), ge = D.stack.split(`
-`), ae = P.length - 1, ie = ge.length - 1; ae >= 1 && ie >= 0 && P[ae] !== ge[ie]; )
+`), ne = P.length - 1, ie = ge.length - 1; ne >= 1 && ie >= 0 && P[ne] !== ge[ie]; )
             ie--;
-          for (; ae >= 1 && ie >= 0; ae--, ie--)
-            if (P[ae] !== ge[ie]) {
-              if (ae !== 1 || ie !== 1)
+          for (; ne >= 1 && ie >= 0; ne--, ie--)
+            if (P[ne] !== ge[ie]) {
+              if (ne !== 1 || ie !== 1)
                 do
-                  if (ae--, ie--, ie < 0 || P[ae] !== ge[ie]) {
+                  if (ne--, ie--, ie < 0 || P[ne] !== ge[ie]) {
                     var me = `
-` + P[ae].replace(" at new ", " at ");
+` + P[ne].replace(" at new ", " at ");
                     return i.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", i.displayName)), typeof i == "function" && de.set(i, me), me;
                   }
-                while (ae >= 1 && ie >= 0);
+                while (ne >= 1 && ie >= 0);
               break;
             }
         }
       } finally {
-        ne = !1, pe.current = W, ce(), Error.prepareStackTrace = G;
+        re = !1, pe.current = W, ce(), Error.prepareStackTrace = G;
       }
-      var Ce = i ? i.displayName || i.name : "", Lt = Ce ? fe(Ce) : "";
-      return typeof i == "function" && de.set(i, Lt), Lt;
+      var Ce = i ? i.displayName || i.name : "", Ft = Ce ? fe(Ce) : "";
+      return typeof i == "function" && de.set(i, Ft), Ft;
     }
-    function rr(i, v, T) {
+    function nr(i, v, T) {
       return Te(i, !1);
     }
-    function nr(i) {
+    function ar(i) {
       var v = i.prototype;
       return !!(v && v.isReactComponent);
     }
-    function qe(i, v, T) {
+    function He(i, v, T) {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return Te(i, nr(i));
+        return Te(i, ar(i));
       if (typeof i == "string")
         return fe(i);
       switch (i) {
@@ -323,30 +322,30 @@ function Wr() {
       if (typeof i == "object")
         switch (i.$$typeof) {
           case d:
-            return rr(i.render);
+            return nr(i.render);
           case u:
-            return qe(i.type, v, T);
+            return He(i.type, v, T);
           case c: {
             var D = i, G = D._payload, W = D._init;
             try {
-              return qe(W(G), v, T);
+              return He(W(G), v, T);
             } catch {
             }
           }
         }
       return "";
     }
-    var He = Object.prototype.hasOwnProperty, wt = {}, Et = A.ReactDebugCurrentFrame;
-    function Ye(i) {
+    var Ye = Object.prototype.hasOwnProperty, Et = {}, _t = A.ReactDebugCurrentFrame;
+    function Ve(i) {
       if (i) {
-        var v = i._owner, T = qe(i.type, i._source, v ? v.type : null);
-        Et.setExtraStackFrame(T);
+        var v = i._owner, T = He(i.type, i._source, v ? v.type : null);
+        _t.setExtraStackFrame(T);
       } else
-        Et.setExtraStackFrame(null);
+        _t.setExtraStackFrame(null);
     }
-    function ar(i, v, T, D, G) {
+    function ir(i, v, T, D, G) {
       {
-        var W = Function.call.bind(He);
+        var W = Function.call.bind(Ye);
         for (var z in i)
           if (W(i, z)) {
             var P = void 0;
@@ -356,70 +355,70 @@ function Wr() {
                 throw ge.name = "Invariant Violation", ge;
               }
               P = i[z](v, z, D, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ae) {
-              P = ae;
+            } catch (ne) {
+              P = ne;
             }
-            P && !(P instanceof Error) && (Ye(G), 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).", D || "React class", T, z, typeof P), Ye(null)), P instanceof Error && !(P.message in wt) && (wt[P.message] = !0, Ye(G), k("Failed %s type: %s", T, P.message), Ye(null));
+            P && !(P instanceof Error) && (Ve(G), 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).", D || "React class", T, z, typeof P), Ve(null)), P instanceof Error && !(P.message in Et) && (Et[P.message] = !0, Ve(G), k("Failed %s type: %s", T, P.message), Ve(null));
           }
       }
     }
-    var ir = Array.isArray;
-    function st(i) {
-      return ir(i);
+    var or = Array.isArray;
+    function lt(i) {
+      return or(i);
     }
-    function or(i) {
+    function sr(i) {
       {
         var v = typeof Symbol == "function" && Symbol.toStringTag, T = v && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return T;
       }
     }
-    function sr(i) {
+    function lr(i) {
       try {
-        return _t(i), !1;
+        return At(i), !1;
       } catch {
         return !0;
       }
     }
-    function _t(i) {
+    function At(i) {
       return "" + i;
     }
-    function At(i) {
-      if (sr(i))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", or(i)), _t(i);
+    function kt(i) {
+      if (lr(i))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", sr(i)), At(i);
     }
-    var Le = A.ReactCurrentOwner, lr = {
+    var Le = A.ReactCurrentOwner, ur = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, kt, Tt, lt;
-    lt = {};
-    function ur(i) {
-      if (He.call(i, "ref")) {
+    }, Tt, Rt, ut;
+    ut = {};
+    function cr(i) {
+      if (Ye.call(i, "ref")) {
         var v = Object.getOwnPropertyDescriptor(i, "ref").get;
         if (v && v.isReactWarning)
           return !1;
       }
       return i.ref !== void 0;
     }
-    function cr(i) {
-      if (He.call(i, "key")) {
+    function dr(i) {
+      if (Ye.call(i, "key")) {
         var v = Object.getOwnPropertyDescriptor(i, "key").get;
         if (v && v.isReactWarning)
           return !1;
       }
       return i.key !== void 0;
     }
-    function dr(i, v) {
+    function pr(i, v) {
       if (typeof i.ref == "string" && Le.current && v && Le.current.stateNode !== v) {
         var T = R(Le.current.type);
-        lt[T] || (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', R(Le.current.type), i.ref), lt[T] = !0);
+        ut[T] || (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', R(Le.current.type), i.ref), ut[T] = !0);
       }
     }
-    function pr(i, v) {
+    function gr(i, v) {
       {
         var T = function() {
-          kt || (kt = !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)", v));
+          Tt || (Tt = !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)", v));
         };
         T.isReactWarning = !0, Object.defineProperty(i, "key", {
           get: T,
@@ -427,10 +426,10 @@ function Wr() {
         });
       }
     }
-    function gr(i, v) {
+    function fr(i, v) {
       {
         var T = function() {
-          Tt || (Tt = !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)", v));
+          Rt || (Rt = !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)", v));
         };
         T.isReactWarning = !0, Object.defineProperty(i, "ref", {
           get: T,
@@ -438,7 +437,7 @@ function Wr() {
         });
       }
     }
-    var fr = function(i, v, T, D, G, W, z) {
+    var hr = function(i, v, T, D, G, W, z) {
       var P = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -467,41 +466,41 @@ function Wr() {
         value: G
       }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
     };
-    function hr(i, v, T, D, G) {
+    function mr(i, v, T, D, G) {
       {
         var W, z = {}, P = null, ge = null;
-        T !== void 0 && (At(T), P = "" + T), cr(v) && (At(v.key), P = "" + v.key), ur(v) && (ge = v.ref, dr(v, G));
+        T !== void 0 && (kt(T), P = "" + T), dr(v) && (kt(v.key), P = "" + v.key), cr(v) && (ge = v.ref, pr(v, G));
         for (W in v)
-          He.call(v, W) && !lr.hasOwnProperty(W) && (z[W] = v[W]);
+          Ye.call(v, W) && !ur.hasOwnProperty(W) && (z[W] = v[W]);
         if (i && i.defaultProps) {
-          var ae = i.defaultProps;
-          for (W in ae)
-            z[W] === void 0 && (z[W] = ae[W]);
+          var ne = i.defaultProps;
+          for (W in ne)
+            z[W] === void 0 && (z[W] = ne[W]);
         }
         if (P || ge) {
           var ie = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          P && pr(z, ie), ge && gr(z, ie);
+          P && gr(z, ie), ge && fr(z, ie);
         }
-        return fr(i, P, ge, G, D, Le.current, z);
+        return hr(i, P, ge, G, D, Le.current, z);
       }
     }
-    var ut = A.ReactCurrentOwner, Rt = A.ReactDebugCurrentFrame;
+    var ct = A.ReactCurrentOwner, Ot = A.ReactDebugCurrentFrame;
     function xe(i) {
       if (i) {
-        var v = i._owner, T = qe(i.type, i._source, v ? v.type : null);
-        Rt.setExtraStackFrame(T);
+        var v = i._owner, T = He(i.type, i._source, v ? v.type : null);
+        Ot.setExtraStackFrame(T);
       } else
-        Rt.setExtraStackFrame(null);
+        Ot.setExtraStackFrame(null);
     }
-    var ct;
-    ct = !1;
-    function dt(i) {
+    var dt;
+    dt = !1;
+    function pt(i) {
       return typeof i == "object" && i !== null && i.$$typeof === t;
     }
-    function Ot() {
+    function xt() {
       {
-        if (ut.current) {
-          var i = R(ut.current.type);
+        if (ct.current) {
+          var i = R(ct.current.type);
           if (i)
             return `
 
@@ -510,7 +509,7 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function mr(i) {
+    function br(i) {
       {
         if (i !== void 0) {
           var v = i.fileName.replace(/^.*[\\\/]/, ""), T = i.lineNumber;
@@ -521,10 +520,10 @@ Check your code at ` + v + ":" + T + ".";
         return "";
       }
     }
-    var xt = {};
-    function br(i) {
+    var Ct = {};
+    function yr(i) {
       {
-        var v = Ot();
+        var v = xt();
         if (!v) {
           var T = typeof i == "string" ? i : i.displayName || i.name;
           T && (v = `
@@ -534,39 +533,39 @@ Check the top-level render call using <` + T + ">.");
         return v;
       }
     }
-    function Ct(i, v) {
+    function It(i, v) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var T = br(v);
-        if (xt[T])
+        var T = yr(v);
+        if (Ct[T])
           return;
-        xt[T] = !0;
+        Ct[T] = !0;
         var D = "";
-        i && i._owner && i._owner !== ut.current && (D = " It was passed a child from " + R(i._owner.type) + "."), xe(i), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, D), xe(null);
+        i && i._owner && i._owner !== ct.current && (D = " It was passed a child from " + R(i._owner.type) + "."), xe(i), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, D), xe(null);
       }
     }
-    function It(i, v) {
+    function Dt(i, v) {
       {
         if (typeof i != "object")
           return;
-        if (st(i))
+        if (lt(i))
           for (var T = 0; T < i.length; T++) {
             var D = i[T];
-            dt(D) && Ct(D, v);
+            pt(D) && It(D, v);
           }
-        else if (dt(i))
+        else if (pt(i))
           i._store && (i._store.validated = !0);
         else if (i) {
           var G = _(i);
           if (typeof G == "function" && G !== i.entries)
             for (var W = G.call(i), z; !(z = W.next()).done; )
-              dt(z.value) && Ct(z.value, v);
+              pt(z.value) && It(z.value, v);
         }
       }
     }
-    function yr(i) {
+    function vr(i) {
       {
         var v = i.type;
         if (v == null || typeof v == "string")
@@ -582,16 +581,16 @@ Check the top-level render call using <` + T + ">.");
           return;
         if (T) {
           var D = R(v);
-          ar(T, i.props, "prop", D, i);
-        } else if (v.PropTypes !== void 0 && !ct) {
-          ct = !0;
+          ir(T, i.props, "prop", D, i);
+        } else if (v.PropTypes !== void 0 && !dt) {
+          dt = !0;
           var G = R(v);
           k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", G || "Unknown");
         }
         typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function vr(i) {
+    function Sr(i) {
       {
         for (var v = Object.keys(i.props), T = 0; T < v.length; T++) {
           var D = v[T];
@@ -603,50 +602,50 @@ Check the top-level render call using <` + T + ">.");
         i.ref !== null && (xe(i), k("Invalid attribute `ref` supplied to `React.Fragment`."), xe(null));
       }
     }
-    function Dt(i, v, T, D, G, W) {
+    function Lt(i, v, T, D, G, W) {
       {
         var z = L(i);
         if (!z) {
           var P = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (P += " 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 ge = mr(G);
-          ge ? P += ge : P += Ot();
-          var ae;
-          i === null ? ae = "null" : st(i) ? ae = "array" : i !== void 0 && i.$$typeof === t ? (ae = "<" + (R(i.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : ae = typeof i, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ae, P);
+          var ge = br(G);
+          ge ? P += ge : P += xt();
+          var ne;
+          i === null ? ne = "null" : lt(i) ? ne = "array" : i !== void 0 && i.$$typeof === t ? (ne = "<" + (R(i.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof i, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, P);
         }
-        var ie = hr(i, v, T, G, W);
+        var ie = mr(i, v, T, G, W);
         if (ie == null)
           return ie;
         if (z) {
           var me = v.children;
           if (me !== void 0)
             if (D)
-              if (st(me)) {
+              if (lt(me)) {
                 for (var Ce = 0; Ce < me.length; Ce++)
-                  It(me[Ce], i);
+                  Dt(me[Ce], i);
                 Object.freeze && Object.freeze(me);
               } else
                 k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              It(me, i);
+              Dt(me, i);
         }
-        return i === n ? vr(ie) : yr(ie), ie;
+        return i === n ? Sr(ie) : vr(ie), ie;
       }
     }
-    function Sr(i, v, T) {
-      return Dt(i, v, T, !0);
-    }
     function wr(i, v, T) {
-      return Dt(i, v, T, !1);
+      return Lt(i, v, T, !0);
+    }
+    function Er(i, v, T) {
+      return Lt(i, v, T, !1);
     }
-    var Er = wr, _r = Sr;
-    Ne.Fragment = n, Ne.jsx = Er, Ne.jsxs = _r;
+    var _r = Er, Ar = wr;
+    Ne.Fragment = n, Ne.jsx = _r, Ne.jsxs = Ar;
   }()), Ne;
 }
 (function(e) {
   process.env.NODE_ENV === "production" ? e.exports = Vr() : e.exports = Wr();
 })(Yr);
-const he = Me.Fragment, a = Me.jsx, C = Me.jsxs;
+const he = Be.Fragment, a = Be.jsx, C = Be.jsxs;
 function Kr(e) {
   e = e || {};
   const t = Object.keys(e).sort(), r = [];
@@ -658,7 +657,9 @@ function Kr(e) {
       const o = Object.keys(e[s]).sort();
       for (let l = 0; l < o.length; l++) {
         const p = o[l];
-        p != "sign" && e[s][p] && r.push(o[l] + "=" + (typeof e[s][p] == "object" ? JSON.stringify(e[s][p]) : e[s][p]));
+        p != "sign" && e[s][p] && r.push(
+          o[l] + "=" + (typeof e[s][p] == "object" ? JSON.stringify(e[s][p]) : e[s][p])
+        );
       }
     }
   }
@@ -668,55 +669,75 @@ function Zr(e, t) {
   let r = Kr(e);
   return r += "&key=" + t, $r.MD5(r).toString().toUpperCase();
 }
-const X = {
-  baseURL: "http://localhost:31200",
-  app_id: "",
-  app_secret: "",
-  getAuthentication(e) {
+class Xr {
+  constructor() {
+    this.type = "default_api_client", this.baseURL = "http://localhost:31200", this.app_id = "", this.app_secret = "";
+  }
+  getAuthentication(t) {
     if (!this.app_id || !this.app_secret)
       return;
-    const t = (/* @__PURE__ */ new Date()).getTime().toString();
+    const r = (/* @__PURE__ */ new Date()).getTime().toString();
     return {
       app_id: this.app_id,
-      nonce_str: t,
-      sign: Zr({
-        app_id: this.app_id,
-        nonce_str: t,
-        ...e
-      }, this.app_secret)
+      nonce_str: r,
+      sign: Zr(
+        {
+          app_id: this.app_id,
+          nonce_str: r,
+          ...t
+        },
+        this.app_secret
+      )
     };
-  },
-  getRequest(e, t) {
-    return (r, n, s = {}) => {
-      const o = window.localStorage.getItem("token"), l = {
-        "X-Requested-With": "XMLHttpRequest",
-        "Content-Type": s.string ? "application/x-www-form-urlencoded" : "application/json",
-        authorization: o ? `bearer ${o}` : "",
-        ...s.headers
-      }, p = {
-        baseURL: this.baseURL,
-        method: e,
-        url: r,
-        params: e === "GET" ? n : s.params,
-        headers: l,
-        signal: t
-      };
-      return ["POST", "PUT"].includes(e) && (p.data = s.string ? JSON.stringify(n) : n, p.data.authentication = this.getAuthentication(p.data)), Nr(p).then((d) => d.data).catch((d) => Pr.has(d, "response.data.detail.message") ? Promise.reject(new Error(d.response.data.detail.message)) : Promise.reject(d));
+  }
+  getRequest(t, r) {
+    return (n, s, o = {}) => {
+      const l = this.buildHeader(o), p = this.buildAxiosConfig(t, n, s, o, l, r);
+      return Pr(p).then((d) => d.data).catch((d) => Promise.reject(d));
     };
   }
-};
-function Ue(e) {
-  X.baseURL !== e.apiBaseURL && (X.baseURL = e.apiBaseURL), e.app_id && (X.app_id = e.app_id), e.app_secret && (X.app_secret = e.app_secret);
+  buildAxiosConfig(t, r, n, s, o, l) {
+    const p = {
+      baseURL: this.baseURL,
+      method: t,
+      url: r,
+      params: t === "GET" ? n : s.params,
+      headers: o,
+      signal: l
+    };
+    return ["POST", "PUT"].includes(t) && (p.data = s.string ? JSON.stringify(n) : n, p.data.authentication = this.getAuthentication(p.data)), p;
+  }
+  buildHeader(t) {
+    const r = window.localStorage.getItem("token");
+    return {
+      "X-Requested-With": "XMLHttpRequest",
+      "Content-Type": t.string ? "application/x-www-form-urlencoded" : "application/json",
+      authorization: r ? `bearer ${r}` : "",
+      ...t.headers
+    };
+  }
+}
+class Qr {
+  constructor(t) {
+    this.implementation = t;
+  }
+  getRequest(t, r) {
+    return this.implementation.getRequest(t, r);
+  }
+}
+const ze = new Xr(), Jr = new Qr(ze), ae = Jr;
+function Ge(e) {
+  ze.baseURL !== e.apiBaseURL && (ze.baseURL = e.apiBaseURL), e.app_id && (ze.app_id = e.app_id), e.app_secret && (ze.app_secret = e.app_secret);
 }
-const Xr = {
+const en = {
   login: async (e, t) => {
     const r = {
       name: e,
       password: t
     };
-    return await X.getRequest("POST")("/account/login", r);
+    return await ae.getRequest("POST")("/account/login", r);
   },
-  list: async () => await X.getRequest("POST")("/account/list", {
+  list: async () => await ae.getRequest("POST")("/account/list", {
     filter: {},
     sort: [{
       field: "name",
@@ -730,7 +751,7 @@ const Xr = {
   /**
    * get current account
    */
-  get: async () => await X.getRequest("GET")("/account/get", {}),
+  get: async () => await ae.getRequest("GET")("/account/get", {}),
   /**
    * update current account
    */
@@ -739,7 +760,7 @@ const Xr = {
       name: e.trim(),
       email: t.trim()
     };
-    return await X.getRequest("PUT")("/account/update", r);
+    return await ae.getRequest("PUT")("/account/update", r);
   },
   /**
    * change current account's password
@@ -749,23 +770,23 @@ const Xr = {
       old_password: e.trim(),
       new_password: t.trim()
     };
-    return await X.getRequest("POST")("/account/changepassword", r);
+    return await ae.getRequest("POST")("/account/changepassword", r);
   },
-  create: async (e, t, r, n) => await X.getRequest("POST")("/account/create", {
+  create: async (e, t, r, n) => await ae.getRequest("POST")("/account/create", {
     name: e.trim(),
     email: t.trim(),
     password: r.trim(),
     role_id: n
   }),
-  edit: async (e) => (e.reset_password || (e.new_password = void 0), await X.getRequest("PUT")("/account/edit", e)),
+  edit: async (e) => (e.reset_password || (e.new_password = void 0), await ae.getRequest("PUT")("/account/edit", e)),
   delete: async (e) => {
     if (e)
-      return X.getRequest("POST")("/account/delete", {
+      return ae.getRequest("POST")("/account/delete", {
         id: e
       });
   }
-}, Qr = {
-  list: async () => await X.getRequest("POST")("/api/key/list", {
+}, tn = {
+  list: async () => await ae.getRequest("POST")("/api/key/list", {
     filter: {
       search: ""
     },
@@ -778,18 +799,18 @@ const Xr = {
       pagesize: 100
     }
   }),
-  create: async (e, t) => X.getRequest("POST")("/api/key/create", {
+  create: async (e, t) => ae.getRequest("POST")("/api/key/create", {
     name: e,
     role_id: t
   }),
   delete: async (e) => {
     if (e)
-      return X.getRequest("POST")("/api/key/delete", {
+      return ae.getRequest("POST")("/api/key/delete", {
         id: e
       });
   }
-}, Jr = {
-  list: async () => await X.getRequest("POST")("/datasource/list", {
+}, rn = {
+  list: async () => await ae.getRequest("POST")("/datasource/list", {
     filter: {},
     sort: [{
       field: "create_time",
@@ -800,29 +821,29 @@ const Xr = {
       pagesize: 100
     }
   }),
-  create: async (e, t, r) => await X.getRequest("POST")("/datasource/create", {
+  create: async (e, t, r) => await ae.getRequest("POST")("/datasource/create", {
     type: e,
     key: t,
     config: r
   }),
-  update: async (e, t) => await X.getRequest("PUT")("/datasource/update", {
+  update: async (e, t) => await ae.getRequest("PUT")("/datasource/update", {
     id: e,
     config: t
   }),
   delete: async (e) => {
-    await X.getRequest("POST")("/datasource/delete", {
+    await ae.getRequest("POST")("/datasource/delete", {
       id: e
     });
   }
-}, en = {
-  list: async () => await X.getRequest("GET")("/role/list", {})
+}, nn = {
+  list: async () => await ae.getRequest("GET")("/role/list", {})
 };
-var ht = {}, tn = {
+var mt = {}, an = {
   get exports() {
-    return ht;
+    return mt;
   },
   set exports(e) {
-    ht = e;
+    mt = e;
   }
 };
 (function(e, t) {
@@ -849,25 +870,25 @@ var ht = {}, tn = {
       return { M: u, y: g, w: b, d: f, D: y, h: d, m: p, s: l, ms: o, Q: c }[R] || String(R || "").toLowerCase().replace(/s$/, "");
     }, u: function(R) {
       return R === void 0;
-    } }, re = "en", Q = {};
-    Q[re] = k;
+    } }, te = "en", X = {};
+    X[te] = k;
     var Y = function(R) {
       return R instanceof B;
     }, Z = function R(E, S, O) {
       var w;
       if (!E)
-        return re;
+        return te;
       if (typeof E == "string") {
         var x = E.toLowerCase();
-        Q[x] && (w = x), S && (Q[x] = S, w = x);
+        X[x] && (w = x), S && (X[x] = S, w = x);
         var I = E.split("-");
         if (!w && I.length > 1)
           return R(I[0]);
       } else {
         var N = E.name;
-        Q[N] = E, w = N;
+        X[N] = E, w = N;
       }
-      return !O && w && (re = w), w || !O && re;
+      return !O && w && (te = w), w || !O && te;
     }, F = function(R, E) {
       if (Y(R))
         return R.clone();
@@ -921,11 +942,11 @@ var ht = {}, tn = {
       }, E.valueOf = function() {
         return this.$d.getTime();
       }, E.startOf = function(S, O) {
-        var w = this, x = !!L.u(O) || O, I = L.p(S), N = function(fe, ne) {
-          var de = L.w(w.$u ? Date.UTC(w.$y, ne, fe) : new Date(w.$y, ne, fe), w);
+        var w = this, x = !!L.u(O) || O, I = L.p(S), N = function(fe, re) {
+          var de = L.w(w.$u ? Date.UTC(w.$y, re, fe) : new Date(w.$y, re, fe), w);
           return x ? de : de.endOf(f);
-        }, q = function(fe, ne) {
-          return L.w(w.toDate()[fe].apply(w.toDate("s"), (x ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ne)), w);
+        }, q = function(fe, re) {
+          return L.w(w.toDate()[fe].apply(w.toDate("s"), (x ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(re)), w);
         }, j = this.$W, U = this.$M, le = this.$D, ce = "set" + (this.$u ? "UTC" : "");
         switch (I) {
           case g:
@@ -984,16 +1005,16 @@ var ht = {}, tn = {
         var O = this, w = this.$locale();
         if (!this.isValid())
           return w.invalidDate || h;
-        var x = S || "YYYY-MM-DDTHH:mm:ssZ", I = L.z(this), N = this.$H, q = this.$m, j = this.$M, U = w.weekdays, le = w.months, ce = function(ne, de, ve, Te) {
-          return ne && (ne[de] || ne(O, x)) || ve[de].slice(0, Te);
-        }, pe = function(ne) {
-          return L.s(N % 12 || 12, ne, "0");
-        }, ye = w.meridiem || function(ne, de, ve) {
-          var Te = ne < 12 ? "AM" : "PM";
+        var x = S || "YYYY-MM-DDTHH:mm:ssZ", I = L.z(this), N = this.$H, q = this.$m, j = this.$M, U = w.weekdays, le = w.months, ce = function(re, de, ve, Te) {
+          return re && (re[de] || re(O, x)) || ve[de].slice(0, Te);
+        }, pe = function(re) {
+          return L.s(N % 12 || 12, re, "0");
+        }, ye = w.meridiem || function(re, de, ve) {
+          var Te = re < 12 ? "AM" : "PM";
           return ve ? Te.toLowerCase() : Te;
         }, fe = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: j + 1, MM: L.s(j + 1, 2, "0"), MMM: ce(w.monthsShort, j, le, 3), MMMM: ce(le, j), D: this.$D, DD: L.s(this.$D, 2, "0"), d: String(this.$W), dd: ce(w.weekdaysMin, this.$W, U, 2), ddd: ce(w.weekdaysShort, this.$W, U, 3), dddd: U[this.$W], H: String(N), HH: L.s(N, 2, "0"), h: pe(1), hh: pe(2), a: ye(N, q, !0), A: ye(N, q, !1), m: String(q), mm: L.s(q, 2, "0"), s: String(this.$s), ss: L.s(this.$s, 2, "0"), SSS: L.s(this.$ms, 3, "0"), Z: I };
-        return x.replace(A, function(ne, de) {
-          return de || fe[ne] || I.replace(":", "");
+        return x.replace(A, function(re, de) {
+          return de || fe[re] || I.replace(":", "");
         });
       }, E.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
@@ -1003,7 +1024,7 @@ var ht = {}, tn = {
       }, E.daysInMonth = function() {
         return this.endOf(u).$D;
       }, E.$locale = function() {
-        return Q[this.$L];
+        return X[this.$L];
       }, E.locale = function(S, O) {
         if (!S)
           return this.$L;
@@ -1020,23 +1041,23 @@ var ht = {}, tn = {
       }, E.toString = function() {
         return this.$d.toUTCString();
       }, R;
-    }(), te = B.prototype;
-    return F.prototype = te, [["$ms", o], ["$s", l], ["$m", p], ["$H", d], ["$W", f], ["$M", u], ["$y", g], ["$D", y]].forEach(function(R) {
-      te[R[1]] = function(E) {
+    }(), ee = B.prototype;
+    return F.prototype = ee, [["$ms", o], ["$s", l], ["$m", p], ["$H", d], ["$W", f], ["$M", u], ["$y", g], ["$D", y]].forEach(function(R) {
+      ee[R[1]] = function(E) {
         return this.$g(E, R[0], R[1]);
       };
     }), F.extend = function(R, E) {
       return R.$i || (R(E, B, F), R.$i = !0), F;
     }, F.locale = Z, F.isDayjs = Y, F.unix = function(R) {
       return F(1e3 * R);
-    }, F.en = Q[re], F.Ls = Q, F.p = {}, F;
+    }, F.en = X[te], F.Ls = X, F.p = {}, F;
   });
-})(tn);
-const $t = ht, rn = {
+})(an);
+const Pt = mt, on = {
   list: async ({
     pagination: e
   }, t) => {
-    const r = await X.getRequest("POST", t)("/sql_snippet/list", {
+    const r = await ae.getRequest("POST", t)("/sql_snippet/list", {
       sort: [{
         field: "update_time",
         order: "DESC"
@@ -1044,23 +1065,23 @@ const $t = ht, rn = {
       pagination: e
     });
     return r.data.forEach((n) => {
-      n.create_time = $t(n.create_time).format("YYYY-MM-DD HH:mm:ss"), n.update_time = $t(n.update_time).format("YYYY-MM-DD HH:mm:ss");
+      n.create_time = Pt(n.create_time).format("YYYY-MM-DD HH:mm:ss"), n.update_time = Pt(n.update_time).format("YYYY-MM-DD HH:mm:ss");
     }), r;
   },
-  get: async (e, t) => await X.getRequest("POST", t)("/sql_snippet/get", {
+  get: async (e, t) => await ae.getRequest("POST", t)("/sql_snippet/get", {
     id: e
   }),
-  create: async (e, t) => await X.getRequest("POST", t)("/sql_snippet/create", e),
-  update: async (e, t) => await X.getRequest("PUT", t)("/sql_snippet/update", e),
-  delete: async (e, t) => X.getRequest("POST", t)("/sql_snippet/delete", {
+  create: async (e, t) => await ae.getRequest("POST", t)("/sql_snippet/create", e),
+  update: async (e, t) => await ae.getRequest("PUT", t)("/sql_snippet/update", e),
+  delete: async (e, t) => ae.getRequest("POST", t)("/sql_snippet/delete", {
     id: e
   })
 }, oe = {
-  datasource: Jr,
-  account: Xr,
-  role: en,
-  api_key: Qr,
-  sql_snippet: rn
+  datasource: rn,
+  account: en,
+  role: nn,
+  api_key: tn,
+  sql_snippet: on
 }, Se = {
   size: "sm",
   spacing: "md",
@@ -1068,7 +1089,7 @@ const $t = ht, rn = {
     size: "xs"
   }
 };
-function nn({
+function sn({
   submit: e,
   styles: t = Se,
   type: r
@@ -1090,14 +1111,14 @@ function nn({
       }
     }
   });
-  return bt(() => {
+  return yt(() => {
     s("type", r);
   }, [s, r]), /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(e), children: [
     /* @__PURE__ */ a(H, { name: "key", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...l }) }),
-    /* @__PURE__ */ a(Je, { label: "Connection Info", labelPosition: "center" }),
-    /* @__PURE__ */ C(J, { grow: !0, children: [
+    /* @__PURE__ */ a(et, { label: "Connection Info", labelPosition: "center" }),
+    /* @__PURE__ */ C(Q, { grow: !0, children: [
       /* @__PURE__ */ a(H, { name: "config.host", control: n, render: ({
         field: l
       }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Host", sx: {
@@ -1107,7 +1128,7 @@ function nn({
         field: l
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ a(kr, { mb: t.spacing, size: t.size, required: !0, label: "Port", hideControls: !0, sx: {
+        /* @__PURE__ */ a(Tr, { mb: t.spacing, size: t.size, required: !0, label: "Port", hideControls: !0, sx: {
           width: "8em"
         }, ...l })
       ) })
@@ -1117,25 +1138,25 @@ function nn({
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...l }) }),
     /* @__PURE__ */ a(H, { name: "config.password", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(et, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...l }) }),
+    }) => /* @__PURE__ */ a(tt, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...l }) }),
     /* @__PURE__ */ a(H, { name: "config.database", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Database", ...l }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-const an = ({
+const ln = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ a(se, { sx: {
   position: "relative"
-}, children: /* @__PURE__ */ a(Yt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (n) => {
+}, children: /* @__PURE__ */ a(Vt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (n) => {
   n && t(n);
 }, theme: "vs-dark", options: {
   minimap: {
     enabled: !1
   }
-} }) }), Ke = Qe(({
+} }) }), Ze = Je(({
   value: e,
   onChange: t,
   label: r,
@@ -1146,37 +1167,37 @@ const an = ({
   const [p, {
     setTrue: d,
     setFalse: f
-  }] = zr(), [b, u] = Gt(e), c = () => {
+  }] = zr(), [b, u] = qt(e), c = () => {
     f(), t(b);
   }, g = () => {
     f(), u(e);
   }, y = () => {
     u(s);
   };
-  return bt(() => {
+  return yt(() => {
     u(e);
   }, [e]), /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(V, { variant: "filled", size: o.button.size, onClick: d, sx: {
       flexGrow: 1
     }, children: r }),
-    /* @__PURE__ */ a(Ae, { size: 800, title: n, opened: p, onClose: f, closeOnClickOutside: !1, withCloseButton: !1, children: p && /* @__PURE__ */ C(Be, { children: [
-      /* @__PURE__ */ a(an, { value: b, onChange: u }),
-      /* @__PURE__ */ C(J, { position: "apart", children: [
-        /* @__PURE__ */ a(V, { onClick: y, color: "red", leftIcon: /* @__PURE__ */ a(Dr, { size: 20 }), children: "Reset" }),
-        /* @__PURE__ */ C(J, { position: "right", children: [
+    /* @__PURE__ */ a(Ae, { size: 800, title: n, opened: p, onClose: f, closeOnClickOutside: !1, withCloseButton: !1, children: p && /* @__PURE__ */ C(je, { children: [
+      /* @__PURE__ */ a(ln, { value: b, onChange: u }),
+      /* @__PURE__ */ C(Q, { position: "apart", children: [
+        /* @__PURE__ */ a(V, { onClick: y, color: "red", leftIcon: /* @__PURE__ */ a(Lr, { size: 20 }), children: "Reset" }),
+        /* @__PURE__ */ C(Q, { position: "right", children: [
           /* @__PURE__ */ a(V, { onClick: g, variant: "subtle", children: "Cancel" }),
           /* @__PURE__ */ a(V, { onClick: c, children: "OK" })
         ] })
       ] })
     ] }) })
   ] });
-}), Ve = {
+}), We = {
   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 on({
+function un({
   submit: e,
   styles: t = Se
 }) {
@@ -1191,8 +1212,8 @@ function on({
       config: {
         host: "",
         processing: {
-          pre: Ve.pre,
-          post: Ve.post
+          pre: We.pre,
+          post: We.post
         }
       }
     }
@@ -1201,37 +1222,37 @@ function on({
     /* @__PURE__ */ a(H, { name: "key", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...o }) }),
-    /* @__PURE__ */ a(Je, { label: "Connection Info", labelPosition: "center" }),
+    /* @__PURE__ */ a(et, { label: "Connection Info", labelPosition: "center" }),
     /* @__PURE__ */ a(H, { name: "config.host", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Base URL", sx: {
       flexGrow: 1
     }, ...o }) }),
-    /* @__PURE__ */ C(J, { grow: !0, children: [
+    /* @__PURE__ */ C(Q, { grow: !0, children: [
       /* @__PURE__ */ a(H, { name: "config.processing.pre", control: r, render: ({
         field: o
-      }) => /* @__PURE__ */ a(Ke, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: Ve.pre, ...o, styles: t }) }),
+      }) => /* @__PURE__ */ a(Ze, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: We.pre, ...o, styles: t }) }),
       /* @__PURE__ */ a(H, { name: "config.processing.post", control: r, render: ({
         field: o
-      }) => /* @__PURE__ */ a(Ke, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: Ve.post, ...o, styles: t }) })
+      }) => /* @__PURE__ */ a(Ze, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: We.post, ...o, styles: t }) })
     ] }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function sn({
+function cn({
   styles: e = Se
 }) {
-  return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C(Tr, { mt: e.spacing, icon: /* @__PURE__ */ a(Lr, { size: 16 }), children: [
+  return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C(Rr, { mt: e.spacing, icon: /* @__PURE__ */ a(Fr, { size: 16 }), children: [
     "Only ",
     /* @__PURE__ */ a("b", { children: "SELECT" }),
     " privilege is needed."
   ] }) });
 }
-function ln({
+function dn({
   postSubmit: e,
   styles: t = Se
 }) {
-  const [r, n] = Gt("postgresql"), s = async ({
+  const [r, n] = qt("postgresql"), s = async ({
     type: p,
     key: d,
     config: f
@@ -1247,14 +1268,14 @@ function ln({
         type: p,
         key: d,
         config: f
-      }), await oe.datasource.create(p, d, f), ee({
+      }), await oe.datasource.create(p, d, f), J({
         id: "for-creating",
         title: "Successful",
         message: "Data source is added",
         color: "green"
       }), e();
     } catch (b) {
-      ee({
+      J({
         id: "for-creating",
         title: "Failed",
         message: b.message,
@@ -1263,7 +1284,7 @@ function ln({
     }
   }, o = r === "postgresql" || r === "mysql", l = r === "http";
   return /* @__PURE__ */ C(se, { mx: "auto", children: [
-    /* @__PURE__ */ a(Rr, { fullWidth: !0, mb: t.spacing, size: t.size, data: [{
+    /* @__PURE__ */ a(Or, { fullWidth: !0, mb: t.spacing, size: t.size, data: [{
       label: "PostgreSQL",
       value: "postgresql"
     }, {
@@ -1273,12 +1294,12 @@ function ln({
       label: "HTTP",
       value: "http"
     }], value: r, onChange: (p) => n(p) }),
-    o && /* @__PURE__ */ a(sn, { styles: t }),
-    o && /* @__PURE__ */ a(nn, { submit: s, styles: t, type: r }),
-    l && /* @__PURE__ */ a(on, { submit: s, styles: t })
+    o && /* @__PURE__ */ a(cn, { styles: t }),
+    o && /* @__PURE__ */ a(sn, { submit: s, styles: t, type: r }),
+    l && /* @__PURE__ */ a(un, { submit: s, styles: t })
   ] });
 }
-function un({
+function pn({
   onSuccess: e,
   styles: t = Se
 }) {
@@ -1286,40 +1307,40 @@ function un({
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: r, onClose: () => n(!1), title: "Add a data source", trapFocus: !0, onDragStart: (p) => {
       p.stopPropagation();
-    }, children: /* @__PURE__ */ a(ln, { postSubmit: () => {
+    }, children: /* @__PURE__ */ a(dn, { postSubmit: () => {
       e(), o();
     }, styles: t }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Add a Data Source" })
+    /* @__PURE__ */ a(V, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add a Data Source" })
   ] });
 }
-const cn = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
-function dn(e) {
-  bt(() => {
-    if (gt.__getMonacoInstance())
+const gn = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
+function fn(e) {
+  yt(() => {
+    if (ft.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/settings-form");
-    const r = cn(e);
-    gt.config({
+    const r = gn(e);
+    ft.config({
       paths: {
         vs: r
       }
-    }), gt.init().then((n) => console.log("monaco instance:", n));
+    }), ft.init().then((n) => console.log("monaco instance:", n));
   }, []);
 }
-function pn({
+function hn({
   id: e,
   name: t,
   isProtected: r,
   onSuccess: n,
   styles: s = Se
 }) {
-  const o = je(), l = async () => {
+  const o = Ue(), l = async () => {
     e && (be({
       id: "for-deleting",
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await oe.datasource.delete(e), ee({
+    }), await oe.datasource.delete(e), J({
       id: "for-deleting",
       title: "Successful",
       message: `Data source [${t}] is deleted`,
@@ -1335,21 +1356,21 @@ function pn({
     onCancel: () => console.log("Cancel"),
     onConfirm: l
   });
-  return r ? /* @__PURE__ */ a(We, { withArrow: !0, events: {
+  return r ? /* @__PURE__ */ a(Ke, { withArrow: !0, events: {
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: "This is a preset datasource, it can not be deleted", children: /* @__PURE__ */ a(V, { size: s.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Vt, { size: 16 }), sx: {
+  }, label: "This is a preset datasource, it can not be deleted", children: /* @__PURE__ */ a(V, { size: s.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Wt, { size: 16 }), sx: {
     transform: "none !important"
-  }, children: "Delete" }) }) : /* @__PURE__ */ a(V, { size: s.button.size, color: "red", onClick: p, leftIcon: /* @__PURE__ */ a(it, { size: 16 }), children: "Delete" });
+  }, children: "Delete" }) }) : /* @__PURE__ */ a(V, { size: s.button.size, color: "red", onClick: p, leftIcon: /* @__PURE__ */ a(ot, { size: 16 }), children: "Delete" });
 }
-const Pt = {
+const zt = {
   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 gn({
+function mn({
   name: e,
   config: t,
   submit: r,
@@ -1365,24 +1386,24 @@ function gn({
   });
   return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(r), children: [
     /* @__PURE__ */ a(ue, { mb: n.spacing, size: n.size, required: !0, label: "Name", value: e, readOnly: !0 }),
-    /* @__PURE__ */ a(Je, { label: "Connection Info", labelPosition: "center" }),
+    /* @__PURE__ */ a(et, { label: "Connection Info", labelPosition: "center" }),
     /* @__PURE__ */ a(H, { name: "config.host", control: s, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: n.spacing, size: n.size, label: "Base URL", sx: {
       flexGrow: 1
     }, ...l }) }),
-    /* @__PURE__ */ C(J, { grow: !0, children: [
+    /* @__PURE__ */ C(Q, { grow: !0, children: [
       /* @__PURE__ */ a(H, { name: "config.processing.pre", control: s, render: ({
         field: l
-      }) => /* @__PURE__ */ a(Ke, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: Pt.pre, ...l, styles: n }) }),
+      }) => /* @__PURE__ */ a(Ze, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: zt.pre, ...l, styles: n }) }),
       /* @__PURE__ */ a(H, { name: "config.processing.post", control: s, render: ({
         field: l
-      }) => /* @__PURE__ */ a(Ke, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: Pt.post, ...l, styles: n }) })
+      }) => /* @__PURE__ */ a(Ze, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: zt.post, ...l, styles: n }) })
     ] }),
-    /* @__PURE__ */ a(J, { position: "right", mt: n.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: n.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: n.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: n.button.size, children: "Save" }) })
   ] }) });
 }
-function fn({
+function bn({
   dataSource: e,
   postSubmit: t,
   styles: r = Se
@@ -1399,14 +1420,14 @@ function fn({
     try {
       console.log({
         config: s
-      }), await oe.datasource.update(e.id, s), ee({
+      }), await oe.datasource.update(e.id, s), J({
         id: "for-updating",
         title: "Successful",
         message: "Data source is updated",
         color: "green"
       }), t();
     } catch (o) {
-      ee({
+      J({
         id: "for-updating",
         title: "Failed",
         message: o.message,
@@ -1414,9 +1435,9 @@ function fn({
       });
     }
   };
-  return e.config ? /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ a(gn, { name: e.key, config: e.config, submit: n, styles: r }) }) : (console.error(new Error("unexpected empty config of a http datasource")), null);
+  return e.config ? /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ a(mn, { name: e.key, config: e.config, submit: n, styles: r }) }) : (console.error(new Error("unexpected empty config of a http datasource")), null);
 }
-function hn({
+function yn({
   dataSource: e,
   onSuccess: t,
   styles: r = Se
@@ -1424,52 +1445,52 @@ function hn({
   const [n, s] = K.useState(!1), o = () => s(!0), l = () => s(!1), p = () => {
     t(), l();
   };
-  return e.is_preset ? /* @__PURE__ */ a(We, { withArrow: !0, events: {
+  return e.is_preset ? /* @__PURE__ */ a(Ke, { withArrow: !0, events: {
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: "This is a preset datasource, it can not be changed", children: /* @__PURE__ */ a(V, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Vt, { size: 16 }), sx: {
+  }, label: "This is a preset datasource, it can not be changed", children: /* @__PURE__ */ a(V, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Wt, { size: 16 }), sx: {
     transform: "none !important"
-  }, children: "Edit" }) }) : e.type !== "http" ? /* @__PURE__ */ a(We, { withArrow: !0, events: {
+  }, children: "Edit" }) }) : e.type !== "http" ? /* @__PURE__ */ a(Ke, { withArrow: !0, events: {
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: "Only HTTP datasources can be edited", children: /* @__PURE__ */ a(V, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(ft, { size: 16 }), sx: {
+  }, label: "Only HTTP datasources can be edited", children: /* @__PURE__ */ a(V, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(ht, { size: 16 }), sx: {
     transform: "none !important"
   }, children: "Edit" }) }) : /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: "Add a data source", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, children: /* @__PURE__ */ a(fn, { dataSource: e, postSubmit: p, styles: r }) }),
-    /* @__PURE__ */ a(V, { size: r.button.size, color: "blue", onClick: o, leftIcon: /* @__PURE__ */ a(ft, { size: 16 }), children: "Edit" })
+    }, children: /* @__PURE__ */ a(bn, { dataSource: e, postSubmit: p, styles: r }) }),
+    /* @__PURE__ */ a(V, { size: r.button.size, color: "blue", onClick: o, leftIcon: /* @__PURE__ */ a(ht, { size: 16 }), children: "Edit" })
   ] });
 }
-const mn = {
+const vn = {
   http: "HTTP",
   mysql: "MySQL",
   postgresql: "PostgreSQL"
-}, bn = {
+}, Sn = {
   http: /* @__PURE__ */ a(Br, {}),
   mysql: /* @__PURE__ */ a(jr, {}),
   postgresql: /* @__PURE__ */ a(Ur, {})
 };
-function yn({
+function wn({
   type: e
 }) {
-  return /* @__PURE__ */ C(J, { children: [
-    /* @__PURE__ */ a(yt, { size: "xs", sx: {
+  return /* @__PURE__ */ C(Q, { children: [
+    /* @__PURE__ */ a(vt, { size: "xs", sx: {
       transform: "none !important"
-    }, children: bn[e] }),
+    }, children: Sn[e] }),
     /* @__PURE__ */ a(Re, { sx: {
       cusor: "default",
       userSelect: "none"
-    }, children: mn[e] })
+    }, children: vn[e] })
   ] });
 }
-function wa({
+function Ea({
   styles: e = Se,
   config: t
 }) {
-  dn(t.monacoPath), Ue(t);
+  fn(t.monacoPath), Ge(t);
   const {
     data: r = [],
     loading: n,
@@ -1483,12 +1504,12 @@ function wa({
     refreshDeps: []
   });
   return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(un, { onSuccess: s }) }),
+    /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(pn, { onSuccess: s }) }),
     /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(tt, { visible: n }),
-      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(rt, { visible: n }),
+      /* @__PURE__ */ C(nt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Type" }),
           /* @__PURE__ */ a("th", { children: "Name" }),
@@ -1502,11 +1523,11 @@ function wa({
             is_preset: f
           } = o;
           return /* @__PURE__ */ C("tr", { children: [
-            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(yn, { type: d }) }),
+            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(wn, { type: d }) }),
             /* @__PURE__ */ a("td", { children: p }),
-            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(J, { position: "left", children: [
-              /* @__PURE__ */ a(hn, { dataSource: o, onSuccess: s, styles: e }),
-              /* @__PURE__ */ a(pn, { isProtected: f, id: l, name: p, onSuccess: s, styles: e })
+            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(Q, { position: "left", children: [
+              /* @__PURE__ */ a(yn, { dataSource: o, onSuccess: s, styles: e }),
+              /* @__PURE__ */ a(hn, { isProtected: f, id: l, name: p, onSuccess: s, styles: e })
             ] }) })
           ] }, p);
         }) })
@@ -1514,15 +1535,15 @@ function wa({
     ] })
   ] });
 }
-const vn = Qe(({
+const En = Je(({
   label: e,
   value: t,
   description: r,
   ...n
-}, s) => /* @__PURE__ */ C(Be, { spacing: 2, ref: s, ...n, children: [
+}, s) => /* @__PURE__ */ C(je, { spacing: 2, ref: s, ...n, children: [
   /* @__PURE__ */ a(Re, { size: "sm", children: e }),
   /* @__PURE__ */ a(Re, { size: "xs", color: "dimmed", className: "role-description", children: r })
-] })), vt = Qe(({
+] })), St = Je(({
   styles: e,
   value: t,
   onChange: r
@@ -1538,7 +1559,7 @@ const vn = Qe(({
   })), {
     refreshDeps: []
   });
-  return /* @__PURE__ */ a(Or, { ref: n, mb: e.spacing, size: e.size, required: !0, label: "Role", itemComponent: vn, data: s, disabled: o, styles: () => ({
+  return /* @__PURE__ */ a(xr, { ref: n, mb: e.spacing, size: e.size, required: !0, label: "Role", itemComponent: En, data: s, disabled: o, styles: () => ({
     item: {
       "&[data-selected]": {
         "&, &:hover": {
@@ -1556,7 +1577,7 @@ const vn = Qe(({
     size: "xs"
   }
 };
-function Sn({
+function _n({
   postSubmit: e,
   styles: t = ke,
   initialRoleID: r
@@ -1584,14 +1605,14 @@ function Sn({
         title: "Pending",
         message: "Adding account...",
         loading: !0
-      }), await oe.account.create(l, p, d, f), ee({
+      }), await oe.account.create(l, p, d, f), J({
         id: "for-creating",
         title: "Successful",
         message: "Account is added",
         color: "green"
       }), e();
     } catch (b) {
-      ee({
+      J({
         id: "for-creating",
         title: "Failed",
         message: b.message,
@@ -1607,14 +1628,14 @@ function Sn({
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Email", ...l }) }),
     /* @__PURE__ */ a(H, { name: "password", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(et, { mb: t.spacing, size: t.size, required: !0, label: "Password", description: "Password must be at least 8 characters long", ...l }) }),
+    }) => /* @__PURE__ */ a(tt, { mb: t.spacing, size: t.size, required: !0, label: "Password", description: "Password must be at least 8 characters long", ...l }) }),
     /* @__PURE__ */ a(H, { name: "role_id", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(vt, { styles: t, ...l }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    }) => /* @__PURE__ */ a(St, { styles: t, ...l }) }),
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function wn({
+function An({
   onSuccess: e,
   styles: t = ke,
   initialRoleID: r
@@ -1623,19 +1644,19 @@ function wn({
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: "Add an Account", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, children: /* @__PURE__ */ a(Sn, { postSubmit: () => {
+    }, children: /* @__PURE__ */ a(_n, { postSubmit: () => {
       e(), l();
     }, styles: t, initialRoleID: r }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Add an Account" })
+    /* @__PURE__ */ a(V, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add an Account" })
   ] });
 }
-function En({
+function kn({
   id: e,
   name: t,
   onSuccess: r,
   styles: n = ke
 }) {
-  const s = je(), o = async () => {
+  const s = Ue(), o = async () => {
     if (e) {
       be({
         id: "for-deleting",
@@ -1644,14 +1665,14 @@ function En({
         loading: !0
       });
       try {
-        await oe.account.delete(e), ee({
+        await oe.account.delete(e), J({
           id: "for-deleting",
           title: "Successful",
           message: `Account [${t}] is deleted`,
           color: "green"
         }), r();
       } catch (p) {
-        ee({
+        J({
           id: "for-deleting",
           title: "Failed",
           message: p.message,
@@ -1668,9 +1689,9 @@ function En({
     onCancel: () => console.log("Cancel"),
     onConfirm: o
   });
-  return /* @__PURE__ */ a(V, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(V, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
 }
-function _n({
+function Tn({
   id: e,
   name: t,
   email: r,
@@ -1710,14 +1731,14 @@ function _n({
         role_id: y,
         reset_password: h,
         new_password: _.trim()
-      }), ee({
+      }), J({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
         color: "green"
       }), s();
     } catch (A) {
-      ee({
+      J({
         id: "for-updating",
         title: "Failed",
         message: A.message,
@@ -1734,11 +1755,11 @@ function _n({
     }) => /* @__PURE__ */ a(ue, { mb: o.spacing, size: o.size, required: !0, label: "Email", ...c }) }),
     /* @__PURE__ */ a(H, { name: "role_id", control: l, render: ({
       field: c
-    }) => /* @__PURE__ */ a(vt, { styles: o, ...c }) }),
-    /* @__PURE__ */ a(Je, { my: 20, variant: "dashed", label: "", labelPosition: "center" }),
+    }) => /* @__PURE__ */ a(St, { styles: o, ...c }) }),
+    /* @__PURE__ */ a(et, { my: 20, variant: "dashed", label: "", labelPosition: "center" }),
     /* @__PURE__ */ a(H, { name: "reset_password", control: l, render: ({
       field: c
-    }) => /* @__PURE__ */ a(xr, { mb: o.spacing, size: o.size, label: "Reset password", checked: c.value, onChange: (g) => c.onChange(g.currentTarget.checked), styles: {
+    }) => /* @__PURE__ */ a(Cr, { mb: o.spacing, size: o.size, label: "Reset password", checked: c.value, onChange: (g) => c.onChange(g.currentTarget.checked), styles: {
       label: {
         verticalAlign: "middle"
       }
@@ -1750,13 +1771,13 @@ function _n({
         control: l,
         render: ({
           field: c
-        }) => /* @__PURE__ */ a(et, { autoComplete: "off", mb: o.spacing, size: o.size, required: !0, description: "Password must be at least 8 characters long", label: "New Password", ...c })
+        }) => /* @__PURE__ */ a(tt, { autoComplete: "off", mb: o.spacing, size: o.size, required: !0, description: "Password must be at least 8 characters long", label: "New Password", ...c })
       }
     ),
-    /* @__PURE__ */ a(J, { position: "right", mt: o.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: o.button.size, children: "Submit" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: o.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: o.button.size, children: "Submit" }) })
   ] }) });
 }
-function An({
+function Rn({
   account: e,
   onSuccess: t,
   styles: r = ke
@@ -1767,16 +1788,16 @@ function An({
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: `Editing ${e.name}`, trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, children: /* @__PURE__ */ a(_n, { ...e, postSubmit: p, styles: r }) }),
-    /* @__PURE__ */ a(V, { size: r.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(Fr, { size: 20 }), children: "Edit" })
+    }, children: /* @__PURE__ */ a(Tn, { ...e, postSubmit: p, styles: r }) }),
+    /* @__PURE__ */ a(V, { size: r.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(Nr, { size: 20 }), children: "Edit" })
   ] });
 }
-function Ea({
+function _a({
   styles: e = ke,
   config: t
 }) {
   var p;
-  Ue(t);
+  Ge(t);
   const {
     data: r = [],
     loading: n,
@@ -1800,12 +1821,12 @@ function Ea({
     refreshDeps: []
   });
   return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(wn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
+    /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(An, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
     /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(tt, { visible: n || l }),
-      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(rt, { visible: n || l }),
+      /* @__PURE__ */ C(nt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Username" }),
           /* @__PURE__ */ a("th", { children: "Email" }),
@@ -1823,9 +1844,9 @@ function Ea({
             /* @__PURE__ */ a("td", { width: 200, children: b }),
             /* @__PURE__ */ a("td", { width: 200, children: u }),
             /* @__PURE__ */ a("td", { width: 200, children: c }),
-            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ C(J, { position: "left", children: [
-              /* @__PURE__ */ a(An, { account: d, onSuccess: s }),
-              /* @__PURE__ */ a(En, { id: f, name: b, onSuccess: s })
+            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ C(Q, { position: "left", children: [
+              /* @__PURE__ */ a(Rn, { account: d, onSuccess: s }),
+              /* @__PURE__ */ a(kn, { id: f, name: b, onSuccess: s })
             ] }) })
           ] }, f);
         }) })
@@ -1833,7 +1854,7 @@ function Ea({
     ] })
   ] });
 }
-function kn({
+function On({
   postSubmit: e,
   styles: t = ke
 }) {
@@ -1858,14 +1879,14 @@ function kn({
         loading: !0
       });
       const p = await oe.account.login(o.trim(), l.trim());
-      window.localStorage.setItem("token", p.token), ee({
+      window.localStorage.setItem("token", p.token), J({
         id: "for-login",
         title: "Successful",
         message: "Logged in",
         color: "green"
       }), e(p);
     } catch (p) {
-      ee({
+      J({
         id: "for-login",
         title: "Login Failed",
         message: p.message,
@@ -1878,29 +1899,29 @@ function kn({
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...o }) }),
     /* @__PURE__ */ a(H, { name: "password", control: r, render: ({
       field: o
-    }) => /* @__PURE__ */ a(et, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...o }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Submit" }) })
+    }) => /* @__PURE__ */ a(tt, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...o }) }),
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Submit" }) })
   ] }) });
 }
-function _a({
+function Aa({
   styles: e = ke,
   config: t,
   onSuccess: r
 }) {
-  return Ue(t), /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(se, { mt: e.spacing, sx: {
+  return Ge(t), /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(se, { mt: e.spacing, sx: {
     position: "relative"
-  }, children: /* @__PURE__ */ a(kn, { styles: e, postSubmit: r }) }) });
+  }, children: /* @__PURE__ */ a(On, { styles: e, postSubmit: r }) }) });
 }
-const ot = {
+const st = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function Tn({
+function xn({
   postSubmit: e,
-  styles: t = ot,
+  styles: t = st,
   initialRoleID: r
 }) {
   const {
@@ -1927,14 +1948,14 @@ function Tn({
         app_id: d,
         app_secret: f
       } = await oe.api_key.create(l, p);
-      ee({
+      J({
         id: "for-creating",
         title: "Successful",
         message: "API Key is added",
         color: "green"
       }), e(d, f);
     } catch (d) {
-      ee({
+      J({
         id: "for-creating",
         title: "Failed",
         message: d.message,
@@ -1947,23 +1968,23 @@ function Tn({
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...l }) }),
     /* @__PURE__ */ a(H, { name: "role_id", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(vt, { styles: t, ...l }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    }) => /* @__PURE__ */ a(St, { styles: t, ...l }) }),
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function Rn({
+function Cn({
   onSuccess: e,
-  styles: t = ot,
+  styles: t = st,
   initialRoleID: r
 }) {
-  const n = je(), [s, o] = K.useState(!1), l = () => o(!0), p = () => o(!1);
+  const n = Ue(), [s, o] = K.useState(!1), l = () => o(!0), p = () => o(!1);
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: s, onClose: () => o(!1), title: "Add an API Key", trapFocus: !0, onDragStart: (f) => {
       f.stopPropagation();
-    }, children: /* @__PURE__ */ a(Tn, { postSubmit: (f, b) => {
+    }, children: /* @__PURE__ */ a(xn, { postSubmit: (f, b) => {
       p(), n.openModal({
         title: "API Key is generated",
-        children: /* @__PURE__ */ C(Be, { children: [
+        children: /* @__PURE__ */ C(je, { children: [
           /* @__PURE__ */ a(Re, { color: "dimmed", children: "Make sure you save it - you won't be able to access it again." }),
           /* @__PURE__ */ a(ue, { defaultValue: f, disabled: !0, label: "APP ID", styles: {
             input: {
@@ -1984,16 +2005,16 @@ function Rn({
         }
       });
     }, styles: t, initialRoleID: r }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: l, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Add an API Key" })
+    /* @__PURE__ */ a(V, { size: t.button.size, onClick: l, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add an API Key" })
   ] });
 }
-function On({
+function In({
   id: e,
   name: t,
   onSuccess: r,
-  styles: n = ot
+  styles: n = st
 }) {
-  const s = je(), o = async () => {
+  const s = Ue(), o = async () => {
     if (e) {
       be({
         id: "for-deleting",
@@ -2002,14 +2023,14 @@ function On({
         loading: !0
       });
       try {
-        await oe.api_key.delete(e), ee({
+        await oe.api_key.delete(e), J({
           id: "for-deleting",
           title: "Successful",
           message: `API Key [${t}] is deleted`,
           color: "green"
         }), r();
       } catch (p) {
-        ee({
+        J({
           id: "for-deleting",
           title: "Failed",
           message: p.message,
@@ -2026,14 +2047,14 @@ function On({
     onCancel: () => console.log("Cancel"),
     onConfirm: o
   });
-  return /* @__PURE__ */ a(V, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(V, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
 }
-function Aa({
-  styles: e = ot,
+function ka({
+  styles: e = st,
   config: t
 }) {
   var p;
-  Ue(t);
+  Ge(t);
   const {
     data: r = [],
     loading: n,
@@ -2057,12 +2078,12 @@ function Aa({
     refreshDeps: []
   });
   return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Rn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
+    /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Cn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
     /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(tt, { visible: n || l }),
-      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(rt, { visible: n || l }),
+      /* @__PURE__ */ C(nt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Name" }),
           /* @__PURE__ */ a("th", { children: "APP ID" }),
@@ -2080,14 +2101,14 @@ function Aa({
             /* @__PURE__ */ a("td", { width: 200, children: b }),
             /* @__PURE__ */ a("td", { width: 200, children: u }),
             /* @__PURE__ */ a("td", { width: 200, children: c }),
-            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(J, { position: "left", children: /* @__PURE__ */ a(On, { id: f, name: b, onSuccess: s }) }) })
+            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(Q, { position: "left", children: /* @__PURE__ */ a(In, { id: f, name: b, onSuccess: s }) }) })
           ] }, f);
         }) })
       ] })
     ] })
   ] });
 }
-const Wt = ({
+const Kt = ({
   value: e,
   onChange: t,
   height: r = "200px",
@@ -2096,7 +2117,7 @@ const Wt = ({
   const s = (l) => {
     console.log("changing"), t == null || t(l ?? "");
   }, o = !t;
-  return /* @__PURE__ */ a(Yt, { className: "minimal-monaco-editor", height: r, defaultLanguage: n, value: e, onChange: o ? void 0 : s, theme: "vs-dark", options: {
+  return /* @__PURE__ */ a(Vt, { className: "minimal-monaco-editor", height: r, defaultLanguage: n, value: e, onChange: o ? void 0 : s, theme: "vs-dark", options: {
     lineNumbers: "off",
     folding: !1,
     lineDecorationsWidth: 20,
@@ -2114,7 +2135,7 @@ const Wt = ({
     size: "xs"
   }
 };
-function xn({
+function Dn({
   postSubmit: e,
   styles: t = De
 }) {
@@ -2134,14 +2155,14 @@ function xn({
         title: "Pending",
         message: "Adding SQL Snippet...",
         loading: !0
-      }), await oe.sql_snippet.create(o), ee({
+      }), await oe.sql_snippet.create(o), J({
         id: "for-creating",
         title: "Successful",
         message: "SQL Snippet is added",
         color: "green"
       }), e();
     } catch (l) {
-      ee({
+      J({
         id: "for-creating",
         title: "Failed",
         message: l.message,
@@ -2154,16 +2175,16 @@ function xn({
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...o }) }),
     /* @__PURE__ */ a(H, { name: "content", control: r, render: ({
       field: o
-    }) => /* @__PURE__ */ C(Be, { spacing: 4, children: [
+    }) => /* @__PURE__ */ C(je, { spacing: 4, children: [
       /* @__PURE__ */ a(Re, { size: 14, fw: 500, color: "#212529", sx: {
         cursor: "default"
       }, children: "Content" }),
-      /* @__PURE__ */ a(Wt, { height: "600px", ...o })
+      /* @__PURE__ */ a(Kt, { height: "600px", ...o })
     ] }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function Cn({
+function Ln({
   onSuccess: e,
   styles: t = De
 }) {
@@ -2171,13 +2192,13 @@ function Cn({
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: r, onClose: () => n(!1), title: "Add a SQL Snippet", trapFocus: !0, onDragStart: (p) => {
       p.stopPropagation();
-    }, size: "80vw", children: /* @__PURE__ */ a(xn, { postSubmit: () => {
+    }, size: "80vw", children: /* @__PURE__ */ a(Dn, { postSubmit: () => {
       o(), e();
     }, styles: t }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(at, { size: 18 }), children: "Add a SQL Snippet" })
+    /* @__PURE__ */ a(V, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(it, { size: 18 }), children: "Add a SQL Snippet" })
   ] });
 }
-function In({
+function Fn({
   postSubmit: e,
   styles: t = De,
   id: r,
@@ -2199,14 +2220,14 @@ function In({
         title: "Pending",
         message: "Updating SQL Snippet...",
         loading: !0
-      }), await oe.sql_snippet.update(p), ee({
+      }), await oe.sql_snippet.update(p), J({
         id: "for-updating",
         title: "Successful",
         message: "SQL Snippet is updated",
         color: "green"
       }), e();
     } catch (d) {
-      ee({
+      J({
         id: "for-updating",
         title: "Failed",
         message: d.message,
@@ -2219,16 +2240,16 @@ function In({
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...p }) }),
     /* @__PURE__ */ a(H, { name: "content", control: s, render: ({
       field: p
-    }) => /* @__PURE__ */ C(Be, { spacing: 4, children: [
+    }) => /* @__PURE__ */ C(je, { spacing: 4, children: [
       /* @__PURE__ */ a(Re, { size: 14, fw: 500, color: "#212529", sx: {
         cursor: "default"
       }, children: "Content" }),
-      /* @__PURE__ */ a(Wt, { height: "600px", ...p })
+      /* @__PURE__ */ a(Kt, { height: "600px", ...p })
     ] }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function Dn({
+function Nn({
   onSuccess: e,
   styles: t = De,
   ...r
@@ -2237,10 +2258,10 @@ function Dn({
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: "Edit a SQL Snippet", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, size: "80vw", children: /* @__PURE__ */ a(In, { postSubmit: () => {
+    }, size: "80vw", children: /* @__PURE__ */ a(Fn, { postSubmit: () => {
       l(), e();
     }, styles: t, ...r }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(ft, { size: 18 }), children: "Edit" })
+    /* @__PURE__ */ a(V, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(ht, { size: 18 }), children: "Edit" })
   ] });
 }
 /**
@@ -2251,7 +2272,7 @@ function Dn({
  * @namespace
  * @public
  */
-var mt = function() {
+var bt = function() {
   var e = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, t = 0, r = {}, n = {
     /**
      * A namespace for utility methods.
@@ -2524,8 +2545,8 @@ var mt = function() {
             g.hasOwnProperty(A) || (_[A] = h[A]);
           }
         var $ = y[u];
-        return y[u] = _, n.languages.DFS(n.languages, function(M, re) {
-          re === $ && M != u && (this[M] = _);
+        return y[u] = _, n.languages.DFS(n.languages, function(M, te) {
+          te === $ && M != u && (this[M] = _);
         }), _;
       },
       // Traverse a language definition with Depth First Search
@@ -2687,41 +2708,41 @@ var mt = function() {
         for (var $ = 0; $ < k.length; ++$) {
           if (_ && _.cause == A + "," + $)
             return;
-          var M = k[$], re = M.inside, Q = !!M.lookbehind, Y = !!M.greedy, Z = M.alias;
+          var M = k[$], te = M.inside, X = !!M.lookbehind, Y = !!M.greedy, Z = M.alias;
           if (Y && !M.pattern.global) {
             var F = M.pattern.toString().match(/[imsuy]*$/)[0];
             M.pattern = RegExp(M.pattern.source, F + "g");
           }
-          for (var L = M.pattern || M, B = y.next, te = h; B !== c.tail && !(_ && te >= _.reach); te += B.value.length, B = B.next) {
+          for (var L = M.pattern || M, B = y.next, ee = h; B !== c.tail && !(_ && ee >= _.reach); ee += B.value.length, B = B.next) {
             var R = B.value;
             if (c.length > u.length)
               return;
             if (!(R instanceof s)) {
               var E = 1, S;
               if (Y) {
-                if (S = o(L, te, u, Q), !S || S.index >= u.length)
+                if (S = o(L, ee, u, X), !S || S.index >= u.length)
                   break;
-                var I = S.index, O = S.index + S[0].length, w = te;
+                var I = S.index, O = S.index + S[0].length, w = ee;
                 for (w += B.value.length; I >= w; )
                   B = B.next, w += B.value.length;
-                if (w -= B.value.length, te = w, B.value instanceof s)
+                if (w -= B.value.length, ee = w, B.value instanceof s)
                   continue;
                 for (var x = B; x !== c.tail && (w < O || typeof x.value == "string"); x = x.next)
                   E++, w += x.value.length;
-                E--, R = u.slice(te, w), S.index -= te;
-              } else if (S = o(L, 0, R, Q), !S)
+                E--, R = u.slice(ee, w), S.index -= ee;
+              } else if (S = o(L, 0, R, X), !S)
                 continue;
-              var I = S.index, N = S[0], q = R.slice(0, I), j = R.slice(I + N.length), U = te + R.length;
+              var I = S.index, N = S[0], q = R.slice(0, I), j = R.slice(I + N.length), U = ee + R.length;
               _ && U > _.reach && (_.reach = U);
               var le = B.prev;
-              q && (le = d(c, le, q), te += q.length), f(c, le, E);
-              var ce = new s(A, re ? n.tokenize(N, re) : N, Z, N);
+              q && (le = d(c, le, q), ee += q.length), f(c, le, E);
+              var ce = new s(A, te ? n.tokenize(N, te) : N, Z, N);
               if (B = d(c, le, ce), j && d(c, B, j), E > 1) {
                 var pe = {
                   cause: A + "," + $,
                   reach: U
                 };
-                l(u, c, g, B.prev, te, pe), _ && pe.reach > _.reach && (_.reach = pe.reach);
+                l(u, c, g, B.prev, ee, pe), _ && pe.reach > _.reach && (_.reach = pe.reach);
               }
             }
           }
@@ -2747,8 +2768,8 @@ var mt = function() {
     return c;
   }
   return n;
-}(), m = mt;
-mt.default = mt;
+}(), m = bt;
+bt.default = bt;
 m.languages.markup = {
   comment: {
     pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
@@ -4205,34 +4226,34 @@ m.languages.sql = {
       for (var Z = Y.content, F; g.indexOf(F = p(A++, h)) !== -1; )
         ;
       return k[F] = Z, F;
-    }).join(""), M = d($, y, h), re = Object.keys(k);
+    }).join(""), M = d($, y, h), te = Object.keys(k);
     A = 0;
-    function Q(Y) {
+    function X(Y) {
       for (var Z = 0; Z < Y.length; Z++) {
-        if (A >= re.length)
+        if (A >= te.length)
           return;
         var F = Y[Z];
         if (typeof F == "string" || typeof F.content == "string") {
-          var L = re[A], B = typeof F == "string" ? F : (
+          var L = te[A], B = typeof F == "string" ? F : (
             /** @type {string} */
             F.content
-          ), te = B.indexOf(L);
-          if (te !== -1) {
+          ), ee = B.indexOf(L);
+          if (ee !== -1) {
             ++A;
-            var R = B.substring(0, te), E = f(k[L]), S = B.substring(te + L.length), O = [];
+            var R = B.substring(0, ee), E = f(k[L]), S = B.substring(ee + L.length), O = [];
             if (R && O.push(R), O.push(E), S) {
               var w = [S];
-              Q(w), O.push.apply(O, w);
+              X(w), O.push.apply(O, w);
             }
             typeof F == "string" ? (Y.splice.apply(Y, [Z, 1].concat(O)), Z += O.length - 1) : F.content = O;
           }
         } else {
           var x = F.content;
-          Array.isArray(x) ? Q(x) : Q([x]);
+          Array.isArray(x) ? X(x) : X([x]);
         }
       }
     }
-    return Q(M), new e.Token(h, M, "language-" + h, g);
+    return X(M), new e.Token(h, M, "language-" + h, g);
   }
   var u = {
     javascript: !0,
@@ -4257,10 +4278,10 @@ m.languages.sql = {
           if (k.type === "template-string") {
             var M = $[1];
             if ($.length === 3 && typeof M != "string" && M.type === "embedded-code") {
-              var re = c(M), Q = M.alias, Y = Array.isArray(Q) ? Q[0] : Q, Z = e.languages[Y];
+              var te = c(M), X = M.alias, Y = Array.isArray(X) ? X[0] : X, Z = e.languages[Y];
               if (!Z)
                 continue;
-              $[1] = b(re, Z, Y);
+              $[1] = b(te, Z, Y);
             }
           } else
             y($);
@@ -5216,8 +5237,8 @@ m.languages.wasm = {
   number: /[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,
   punctuation: /[()]/
 };
-const Ln = m;
-var Fn = {
+const $n = m;
+var Pn = {
   plain: {
     backgroundColor: "#2a2734",
     color: "#9a86fd"
@@ -5284,11 +5305,11 @@ var Fn = {
     }
   }]
 };
-const Nn = Fn;
-var $n = {
+const zn = Pn;
+var Mn = {
   // $FlowFixMe
-  Prism: Ln,
-  theme: Nn
+  Prism: $n,
+  theme: zn
 };
 function $e(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
@@ -5308,7 +5329,7 @@ function _e() {
     return e;
   }, _e.apply(this, arguments);
 }
-var Pn = /\r\n|\r|\n/, zt = function(e) {
+var Bn = /\r\n|\r|\n/, Mt = function(e) {
   e.length === 0 ? e.push({
     types: ["plain"],
     content: `
@@ -5316,32 +5337,32 @@ var Pn = /\r\n|\r|\n/, zt = function(e) {
     empty: !0
   }) : e.length === 1 && e[0].content === "" && (e[0].content = `
 `, e[0].empty = !0);
-}, Mt = function(e, t) {
+}, Bt = function(e, t) {
   var r = e.length;
   return r > 0 && e[r - 1] === t ? e : e.concat(t);
-}, zn = function(e) {
+}, jn = function(e) {
   for (var t = [[]], r = [e], n = [0], s = [e.length], o = 0, l = 0, p = [], d = [p]; l > -1; ) {
     for (; (o = n[l]++) < s[l]; ) {
       var f = void 0, b = t[l], u = r[l], c = u[o];
-      if (typeof c == "string" ? (b = l > 0 ? b : ["plain"], f = c) : (b = Mt(b, c.type), c.alias && (b = Mt(b, c.alias)), f = c.content), typeof f != "string") {
+      if (typeof c == "string" ? (b = l > 0 ? b : ["plain"], f = c) : (b = Bt(b, c.type), c.alias && (b = Bt(b, c.alias)), f = c.content), typeof f != "string") {
         l++, t.push(b), r.push(f), n.push(0), s.push(f.length);
         continue;
       }
-      var g = f.split(Pn), y = g.length;
+      var g = f.split(Bn), y = g.length;
       p.push({
         types: b,
         content: g[0]
       });
       for (var h = 1; h < y; h++)
-        zt(p), d.push(p = []), p.push({
+        Mt(p), d.push(p = []), p.push({
           types: b,
           content: g[h]
         });
     }
     l--, t.pop(), r.pop(), n.pop(), s.pop();
   }
-  return zt(p), d;
-}, Mn = function(e, t) {
+  return Mt(p), d;
+}, Un = function(e, t) {
   var r = e.plain, n = /* @__PURE__ */ Object.create(null), s = e.styles.reduce(function(o, l) {
     var p = l.languages, d = l.style;
     return p && !p.includes(t) || l.types.forEach(function(f) {
@@ -5353,13 +5374,13 @@ var Pn = /\r\n|\r|\n/, zt = function(e) {
     backgroundColor: null
   }), s;
 };
-function Bt(e, t) {
+function jt(e, t) {
   var r = {};
   for (var n in e)
     Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) === -1 && (r[n] = e[n]);
   return r;
 }
-var Bn = /* @__PURE__ */ function(e) {
+var Gn = /* @__PURE__ */ function(e) {
   function t() {
     for (var r = this, n = [], s = arguments.length; s--; )
       n[s] = arguments[s];
@@ -5367,10 +5388,10 @@ var Bn = /* @__PURE__ */ function(e) {
       if (r.themeDict !== void 0 && o.theme === r.prevTheme && o.language === r.prevLanguage)
         return r.themeDict;
       r.prevTheme = o.theme, r.prevLanguage = o.language;
-      var l = o.theme ? Mn(o.theme, o.language) : void 0;
+      var l = o.theme ? Un(o.theme, o.language) : void 0;
       return r.themeDict = l;
     }), $e(this, "getLineProps", function(o) {
-      var l = o.key, p = o.className, d = o.style, f = Bt(o, ["key", "className", "style", "line"]), b = f, u = _e({}, b, {
+      var l = o.key, p = o.className, d = o.style, f = jt(o, ["key", "className", "style", "line"]), b = f, u = _e({}, b, {
         className: "token-line",
         style: void 0,
         key: void 0
@@ -5395,7 +5416,7 @@ var Bn = /* @__PURE__ */ function(e) {
         return Object.assign.apply(Object, [b].concat(u));
       }
     }), $e(this, "getTokenProps", function(o) {
-      var l = o.key, p = o.className, d = o.style, f = o.token, b = Bt(o, ["key", "className", "style", "token"]), u = b, c = _e({}, u, {
+      var l = o.key, p = o.className, d = o.style, f = o.token, b = jt(o, ["key", "className", "style", "token"]), u = b, c = _e({}, u, {
         className: "token " + f.types.join(" "),
         children: f.content,
         style: r.getStyleForToken(f),
@@ -5415,7 +5436,7 @@ var Bn = /* @__PURE__ */ function(e) {
     });
   }
   return e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t, t.prototype.render = function() {
-    var n = this.props, s = n.Prism, o = n.language, l = n.code, p = n.children, d = this.getThemeDict(this.props), f = s.languages[o], b = f !== void 0 ? this.tokenize(s, l, f, o) : [l], u = zn(b);
+    var n = this.props, s = n.Prism, o = n.language, l = n.code, p = n.children, d = this.getThemeDict(this.props), f = s.languages[o], b = f !== void 0 ? this.tokenize(s, l, f, o) : [l], u = jn(b);
     return p({
       tokens: u,
       className: "prism-code language-" + o,
@@ -5424,9 +5445,9 @@ var Bn = /* @__PURE__ */ function(e) {
       getTokenProps: this.getTokenProps
     });
   }, t;
-}(Ar);
-const jn = Bn;
-function Kt({ copied: e }) {
+}(kr);
+const qn = Gn;
+function Zt({ copied: e }) {
   return /* @__PURE__ */ K.createElement("svg", {
     viewBox: "0 0 15 15",
     fill: "none",
@@ -5444,8 +5465,8 @@ function Kt({ copied: e }) {
     clipRule: "evenodd"
   }));
 }
-Kt.displayName = "@mantine/prism/CopyIcon";
-const Un = (e) => ({
+Zt.displayName = "@mantine/prism/CopyIcon";
+const Hn = (e) => ({
   plain: {
     color: e.colors.gray[4],
     backgroundColor: e.colors.dark[8]
@@ -5530,7 +5551,7 @@ const Un = (e) => ({
       }
     }
   ]
-}), Gn = (e) => ({
+}), Yn = (e) => ({
   plain: {
     color: e.colors.gray[9],
     backgroundColor: e.fn.rgba(e.colors.gray[0], 0.65)
@@ -5621,8 +5642,8 @@ const Un = (e) => ({
       }
     }
   ]
-}), qn = (e, t) => t === "dark" ? Un(e) : Gn(e);
-var Hn = qt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
+}), Vn = (e, t) => t === "dark" ? Hn(e) : Yn(e);
+var Wn = Ht((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
   scrollArea: {},
   root: {
     position: "relative"
@@ -5632,7 +5653,7 @@ var Hn = qt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
     position: "relative",
     fontFamily: e.fontFamilyMonospace,
     lineHeight: 1.7,
-    fontSize: ze(13),
+    fontSize: Me(13),
     overflowX: r ? "auto" : void 0,
     borderRadius: e.fn.radius(s),
     padding: `${e.spacing.sm} 0`,
@@ -5659,7 +5680,7 @@ var Hn = qt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
   lineNumber: {
     color: t === "dark" ? e.colors.dark[4] : e.colors.gray[4],
     textAlign: "right",
-    width: `calc(8 * ${ze(n)})`,
+    width: `calc(8 * ${Me(n)})`,
     marginRight: e.dir === "ltr" ? e.spacing.xs : void 0,
     marginLeft: e.dir === "rtl" ? e.spacing.xs : void 0,
     userSelect: "none"
@@ -5668,34 +5689,34 @@ var Hn = qt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
     width: "100%"
   }
 }));
-const Yn = Hn;
-var Vn = Object.defineProperty, Wn = Object.defineProperties, Kn = Object.getOwnPropertyDescriptors, Ze = Object.getOwnPropertySymbols, Zt = Object.prototype.hasOwnProperty, Xt = Object.prototype.propertyIsEnumerable, jt = (e, t, r) => t in e ? Vn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ie = (e, t) => {
+const Kn = Wn;
+var Zn = Object.defineProperty, Xn = Object.defineProperties, Qn = Object.getOwnPropertyDescriptors, Xe = Object.getOwnPropertySymbols, Xt = Object.prototype.hasOwnProperty, Qt = Object.prototype.propertyIsEnumerable, Ut = (e, t, r) => t in e ? Zn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ie = (e, t) => {
   for (var r in t || (t = {}))
-    Zt.call(t, r) && jt(e, r, t[r]);
-  if (Ze)
-    for (var r of Ze(t))
-      Xt.call(t, r) && jt(e, r, t[r]);
+    Xt.call(t, r) && Ut(e, r, t[r]);
+  if (Xe)
+    for (var r of Xe(t))
+      Qt.call(t, r) && Ut(e, r, t[r]);
   return e;
-}, Pe = (e, t) => Wn(e, Kn(t)), Zn = (e, t) => {
+}, Pe = (e, t) => Xn(e, Qn(t)), Jn = (e, t) => {
   var r = {};
   for (var n in e)
-    Zt.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && Ze)
-    for (var n of Ze(e))
-      t.indexOf(n) < 0 && Xt.call(e, n) && (r[n] = e[n]);
+    Xt.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && Xe)
+    for (var n of Xe(e))
+      t.indexOf(n) < 0 && Qt.call(e, n) && (r[n] = e[n]);
   return r;
 };
-const Xn = {
+const ea = {
   noCopy: !1,
   copyLabel: "Copy code",
   copiedLabel: "Copied",
   withLineNumbers: !1,
   trim: !0,
   highlightLines: {},
-  scrollAreaComponent: Ht,
-  getPrismTheme: qn
-}, St = Qe((e, t) => {
-  const r = Cr("Prism", Xn, e), {
+  scrollAreaComponent: Yt,
+  getPrismTheme: Vn
+}, wt = Je((e, t) => {
+  const r = Ir("Prism", ea, e), {
     className: n,
     children: s,
     language: o,
@@ -5713,7 +5734,7 @@ const Xn = {
     radius: A,
     getPrismTheme: k,
     variant: $
-  } = r, M = Zn(r, [
+  } = r, M = Jn(r, [
     "className",
     "children",
     "language",
@@ -5731,11 +5752,11 @@ const Xn = {
     "radius",
     "getPrismTheme",
     "variant"
-  ]), re = h && typeof s == "string" ? s.trim() : s, Q = re.split(`
-`).length.toString().length, Y = Ir(), Z = qr(), F = y || Y.colorScheme, { classes: L, cx: B } = Yn({
+  ]), te = h && typeof s == "string" ? s.trim() : s, X = te.split(`
+`).length.toString().length, Y = Dr(), Z = qr(), F = y || Y.colorScheme, { classes: L, cx: B } = Kn({
     colorScheme: F,
-    native: g !== Ht,
-    maxLineSize: Q,
+    native: g !== Yt,
+    maxLineSize: X,
     radius: A
   }, { name: "Prism", classNames: p, styles: d, unstyled: _, variant: $ });
   return /* @__PURE__ */ K.createElement(se, Pe(Ie({
@@ -5743,7 +5764,7 @@ const Xn = {
     ref: t
   }, M), {
     translate: "no"
-  }), !l && /* @__PURE__ */ K.createElement(We, {
+  }), !l && /* @__PURE__ */ K.createElement(Ke, {
     label: Z.copied ? b : f,
     position: "left",
     withArrow: !0,
@@ -5751,19 +5772,19 @@ const Xn = {
     offset: 6,
     color: Z.copied ? "teal" : void 0,
     unstyled: _
-  }, /* @__PURE__ */ K.createElement(yt, {
+  }, /* @__PURE__ */ K.createElement(vt, {
     className: L.copy,
     "aria-label": Z.copied ? b : f,
-    onClick: () => Z.copy(re),
+    onClick: () => Z.copy(te),
     unstyled: _
-  }, /* @__PURE__ */ K.createElement(Kt, {
+  }, /* @__PURE__ */ K.createElement(Zt, {
     copied: Z.copied
-  }))), /* @__PURE__ */ K.createElement(jn, Pe(Ie({}, $n), {
+  }))), /* @__PURE__ */ K.createElement(qn, Pe(Ie({}, Mn), {
     theme: k(Y, F),
-    code: re,
+    code: te,
     language: o
   }), ({
-    className: te,
+    className: ee,
     style: R,
     tokens: E,
     getLineProps: S,
@@ -5772,7 +5793,7 @@ const Xn = {
     className: L.scrollArea,
     dir: "ltr"
   }, /* @__PURE__ */ K.createElement("pre", {
-    className: B(L.code, te),
+    className: B(L.code, ee),
     style: R,
     dir: "ltr"
   }, E.map((w, x) => {
@@ -5792,23 +5813,23 @@ const Xn = {
     }, ((j = c[U]) == null ? void 0 : j.label) || U), /* @__PURE__ */ K.createElement("div", {
       className: L.lineContent
     }, w.map((ye, fe) => {
-      var ne, de;
+      var re, de;
       const ve = O({ token: ye, key: fe });
       return /* @__PURE__ */ K.createElement("span", Pe(Ie({}, ve), {
         style: Pe(Ie({}, ve.style), {
-          color: ce ? Y.fn.themeColor((ne = c[U]) == null ? void 0 : ne.color, F === "dark" ? 5 : 8) : (de = ve == null ? void 0 : ve.style) == null ? void 0 : de.color
+          color: ce ? Y.fn.themeColor((re = c[U]) == null ? void 0 : re.color, F === "dark" ? 5 : 8) : (de = ve == null ? void 0 : ve.style) == null ? void 0 : de.color
         })
       }));
     })));
   }).filter(Boolean)))));
 });
-St.displayName = "@mantine/prism/Prism";
-var Qn = qt((e, { radius: t }) => ({
+wt.displayName = "@mantine/prism/Prism";
+var ta = Ht((e, { radius: t }) => ({
   tab: {
     paddingLeft: e.spacing.sm,
     paddingRight: e.spacing.sm,
-    height: ze(34),
-    border: `${ze(1)} solid ${e.colorScheme === "dark" ? e.colors.dark[5] : e.colors.gray[3]}`,
+    height: Me(34),
+    border: `${Me(1)} solid ${e.colorScheme === "dark" ? e.colors.dark[5] : e.colors.gray[3]}`,
     borderBottom: 0,
     fontSize: e.fontSizes.sm,
     color: e.colorScheme === "dark" ? e.colors.dark[1] : e.colors.gray[7],
@@ -5838,7 +5859,7 @@ var Qn = qt((e, { radius: t }) => ({
     borderRadius: e.fn.radius(t),
     borderTopRightRadius: 0,
     borderTopLeftRadius: 0,
-    border: `${ze(1)} solid ${e.colorScheme === "dark" ? e.colors.dark[4] : e.colors.gray[3]}`,
+    border: `${Me(1)} solid ${e.colorScheme === "dark" ? e.colors.dark[4] : e.colors.gray[3]}`,
     borderTop: 0,
     overflow: "hidden"
   },
@@ -5848,32 +5869,32 @@ var Qn = qt((e, { radius: t }) => ({
     border: 0
   }
 }));
-const Qt = Qn;
-var Jn = Object.defineProperty, ea = Object.defineProperties, ta = Object.getOwnPropertyDescriptors, Xe = Object.getOwnPropertySymbols, Jt = Object.prototype.hasOwnProperty, er = Object.prototype.propertyIsEnumerable, Ut = (e, t, r) => t in e ? Jn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, tr = (e, t) => {
+const Jt = ta;
+var ra = Object.defineProperty, na = Object.defineProperties, aa = Object.getOwnPropertyDescriptors, Qe = Object.getOwnPropertySymbols, er = Object.prototype.hasOwnProperty, tr = Object.prototype.propertyIsEnumerable, Gt = (e, t, r) => t in e ? ra(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, rr = (e, t) => {
   for (var r in t || (t = {}))
-    Jt.call(t, r) && Ut(e, r, t[r]);
-  if (Xe)
-    for (var r of Xe(t))
-      er.call(t, r) && Ut(e, r, t[r]);
+    er.call(t, r) && Gt(e, r, t[r]);
+  if (Qe)
+    for (var r of Qe(t))
+      tr.call(t, r) && Gt(e, r, t[r]);
   return e;
-}, ra = (e, t) => ea(e, ta(t)), na = (e, t) => {
+}, ia = (e, t) => na(e, aa(t)), oa = (e, t) => {
   var r = {};
   for (var n in e)
-    Jt.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && Xe)
-    for (var n of Xe(e))
-      t.indexOf(n) < 0 && er.call(e, n) && (r[n] = e[n]);
+    er.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && Qe)
+    for (var n of Qe(e))
+      t.indexOf(n) < 0 && tr.call(e, n) && (r[n] = e[n]);
   return r;
 };
-function aa(e) {
-  const { classes: t } = Qt({ radius: e.radius });
-  return /* @__PURE__ */ K.createElement(nt, ra(tr({}, e), {
+function sa(e) {
+  const { classes: t } = Jt({ radius: e.radius });
+  return /* @__PURE__ */ K.createElement(at, ia(rr({}, e), {
     variant: "outline",
     classNames: { tab: t.tab },
     translate: "no"
   }));
 }
-function ia(e) {
+function la(e) {
   var t = e, {
     language: r,
     children: n,
@@ -5888,7 +5909,7 @@ function ia(e) {
     getPrismTheme: c,
     colorScheme: g,
     variant: y
-  } = t, h = na(t, [
+  } = t, h = oa(t, [
     "language",
     "children",
     "radius",
@@ -5903,8 +5924,8 @@ function ia(e) {
     "colorScheme",
     "variant"
   ]);
-  const { classes: _ } = Qt({ radius: s });
-  return /* @__PURE__ */ K.createElement(nt.Panel, tr({}, h), /* @__PURE__ */ K.createElement(St, {
+  const { classes: _ } = Jt({ radius: s });
+  return /* @__PURE__ */ K.createElement(at.Panel, rr({}, h), /* @__PURE__ */ K.createElement(wt, {
     language: r,
     classNames: { root: _.prism, code: _.code },
     radius: s,
@@ -5920,17 +5941,17 @@ function ia(e) {
     variant: y
   }, n));
 }
-const Ge = St;
-Ge.Tabs = aa;
-Ge.Tab = nt.Tab;
-Ge.TabsList = nt.List;
-Ge.Panel = ia;
-function oa({
+const qe = wt;
+qe.Tabs = sa;
+qe.Tab = at.Tab;
+qe.TabsList = at.List;
+qe.Panel = la;
+function ua({
   id: e,
   onSuccess: t,
   styles: r = De
 }) {
-  const n = je(), s = async () => {
+  const n = Ue(), s = async () => {
     if (e) {
       be({
         id: "for-deleting",
@@ -5939,14 +5960,14 @@ function oa({
         loading: !0
       });
       try {
-        await oe.sql_snippet.delete(e), ee({
+        await oe.sql_snippet.delete(e), J({
           id: "for-deleting",
           title: "Successful",
           message: `SQL Snippet [${e}] is deleted`,
           color: "green"
         }), t();
       } catch (l) {
-        ee({
+        J({
           id: "for-deleting",
           title: "Failed",
           message: l.message,
@@ -5966,21 +5987,21 @@ function oa({
       color: "red"
     }
   });
-  return /* @__PURE__ */ a(V, { size: r.button.size, color: "red", onClick: o, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(V, { size: r.button.size, color: "red", onClick: o, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
 }
-function sa({
+function ca({
   content: e
 }) {
-  return /* @__PURE__ */ C(pt, { width: "60vw", shadow: "md", children: [
-    /* @__PURE__ */ a(pt.Target, { children: /* @__PURE__ */ a(yt, { size: 16, children: /* @__PURE__ */ a(Gr, {}) }) }),
-    /* @__PURE__ */ a(pt.Dropdown, { children: /* @__PURE__ */ a(Ge, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
+  return /* @__PURE__ */ C(gt, { width: "60vw", shadow: "md", children: [
+    /* @__PURE__ */ a(gt.Target, { children: /* @__PURE__ */ a(vt, { size: 16, children: /* @__PURE__ */ a(Gr, {}) }) }),
+    /* @__PURE__ */ a(gt.Dropdown, { children: /* @__PURE__ */ a(qe, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
   ] });
 }
-function ka({
+function Ta({
   styles: e = De,
   config: t
 }) {
-  Ue(t);
+  Ge(t);
   const {
     data: r = [],
     loading: n,
@@ -5999,12 +6020,12 @@ function ka({
     refreshDeps: []
   });
   return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Cn, { onSuccess: s }) }),
+    /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Ln, { onSuccess: s }) }),
     /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(tt, { visible: n }),
-      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(rt, { visible: n }),
+      /* @__PURE__ */ C(nt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Name" }),
           /* @__PURE__ */ a("th", {}),
@@ -6021,12 +6042,12 @@ function ka({
           } = o;
           return /* @__PURE__ */ C("tr", { children: [
             /* @__PURE__ */ a("td", { children: l }),
-            /* @__PURE__ */ a("td", { width: 50, children: /* @__PURE__ */ a(sa, { content: p }) }),
+            /* @__PURE__ */ a("td", { width: 50, children: /* @__PURE__ */ a(ca, { content: p }) }),
             /* @__PURE__ */ a("td", { width: 200, children: d }),
             /* @__PURE__ */ a("td", { width: 200, children: f }),
-            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(J, { position: "left", children: [
-              /* @__PURE__ */ a(Dn, { ...o, onSuccess: s }),
-              /* @__PURE__ */ a(oa, { id: l, onSuccess: s })
+            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(Q, { position: "left", children: [
+              /* @__PURE__ */ a(Nn, { ...o, onSuccess: s }),
+              /* @__PURE__ */ a(ua, { id: l, onSuccess: s })
             ] }) })
           ] }, l);
         }) })
@@ -6034,23 +6055,28 @@ function ka({
     ] })
   ] });
 }
-const Ta = () => import("./package-798d9388.mjs").then(({
+const Ra = () => import("./package-2360dfd8.mjs").then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {
-  Aa as APIKeyList,
-  Ea as AccountList,
-  Rn as AddAPIKey,
-  wn as AddAccount,
-  un as AddDataSource,
-  Cn as AddSQLSnippet,
-  wa as DataSourceList,
-  On as DeleteAPIKey,
-  En as DeleteAccount,
-  pn as DeleteDataSource,
-  oa as DeleteSQLSnippet,
-  _a as Login,
-  ka as SQLSnippetList,
-  Dn as UpdateSQLSnippet,
-  Ta as getVersion
+  ae as APIClient,
+  ka as APIKeyList,
+  _a as AccountList,
+  Cn as AddAPIKey,
+  An as AddAccount,
+  pn as AddDataSource,
+  Ln as AddSQLSnippet,
+  Ea as DataSourceList,
+  Xr as DefaultApiClient,
+  In as DeleteAPIKey,
+  kn as DeleteAccount,
+  hn as DeleteDataSource,
+  ua as DeleteSQLSnippet,
+  Qr as FacadeApiClient,
+  Aa as Login,
+  Ta as SQLSnippetList,
+  Nn as UpdateSQLSnippet,
+  Ge as configureAPIClient,
+  Jr as facadeApiClient,
+  Ra as getVersion
 };