@devtable/settings-form 10.2.0 → 10.3.0

package/dist/settings-form.es.js

@@ -1,12 +1,12 @@
 import Z, { useEffect as mt, forwardRef as Xe, useState as Ut, Component as _r } from "react";
-import { Box as le, TextInput as ce, Divider as Qe, Group as J, NumberInput as Ar, PasswordInput as Je, Button as Y, Modal as _e, Stack as Me, Alert as kr, SegmentedControl as Tr, Tooltip as Ve, Text as Te, ActionIcon as bt, LoadingOverlay as et, Table as tt, Select as Rr, Switch as Or, createStyles as Gt, useComponentDefaultProps as xr, useMantineTheme as Cr, ScrollArea as qt, Tabs as rt, HoverCard as dt } from "@mantine/core";
-import { showNotification as be, updateNotification as ee } from "@mantine/notifications";
+import { Box as le, TextInput as ce, Divider as Qe, Group as ee, NumberInput as Ar, PasswordInput as Je, Button as Y, Modal as _e, Stack as Me, Alert as kr, SegmentedControl as Tr, Tooltip as Ve, Text as Re, ActionIcon as bt, LoadingOverlay as et, Table as tt, Select as Rr, Switch as Or, createStyles as Gt, useComponentDefaultProps as xr, useMantineTheme as Cr, ScrollArea as qt, Tabs as rt, HoverCard as dt } from "@mantine/core";
+import { showNotification as be, updateNotification as te } from "@mantine/notifications";
 import { Recycle as Ir, AlertCircle as Dr, PlaylistAdd as nt, Trash as at, Edit as Lr } from "tabler-icons-react";
 import Fr from "axios";
 import Nr from "crypto-js";
 import $r from "lodash";
 import { useForm as we, Controller as G } from "react-hook-form";
-import { useBoolean as Pr, useRequest as Re } from "ahooks";
+import { useBoolean as Pr, useRequest as Oe } from "ahooks";
 import Ht, { loader as pt } from "@monaco-editor/react";
 import { useModals as Be, closeAllModals as zr } from "@mantine/modals";
 import { IconLock as Yt, IconEdit as gt, IconNetwork as Mr, IconBrandMysql as Br, IconDatabase as jr, IconEye as Ur } from "@tabler/icons";
@@ -60,7 +60,7 @@ var Ft;
 function Vr() {
   return Ft || (Ft = 1, process.env.NODE_ENV !== "production" && function() {
     var e = Z, 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 E(i) {
+    function _(i) {
       if (i === null || typeof i != "object")
         return null;
       var v = y && i[y] || i[h];
@@ -71,23 +71,23 @@ function Vr() {
       {
         for (var v = arguments.length, T = new Array(v > 1 ? v - 1 : 0), D = 1; D < v; D++)
           T[D - 1] = arguments[D];
-        $("error", i, T);
+        N("error", i, T);
       }
     }
-    function $(i, v, T) {
+    function N(i, v, T) {
       {
-        var D = A.ReactDebugCurrentFrame, j = D.getStackAddendum();
-        j !== "" && (v += "%s", T = T.concat([j]));
-        var V = T.map(function(M) {
-          return String(M);
+        var D = A.ReactDebugCurrentFrame, U = D.getStackAddendum();
+        U !== "" && (v += "%s", T = T.concat([U]));
+        var V = T.map(function(z) {
+          return String(z);
         });
         V.unshift("Warning: " + v), Function.prototype.apply.call(console[i], console, V);
       }
     }
-    var B = !1, ie = !1, q = !1, W = !1, X = !1, L;
+    var M = !1, oe = !1, q = !1, W = !1, X = !1, L;
     L = Symbol.for("react.module.reference");
     function F(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === o || X || i === s || i === f || i === b || W || i === g || B || ie || 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 || X || i === s || i === f || i === b || W || i === g || M || oe || 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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -97,13 +97,13 @@ function Vr() {
       var D = i.displayName;
       if (D)
         return D;
-      var j = v.displayName || v.name || "";
-      return j !== "" ? T + "(" + j + ")" : T;
+      var U = v.displayName || v.name || "";
+      return U !== "" ? T + "(" + U + ")" : T;
     }
-    function te(i) {
+    function re(i) {
       return i.displayName || "Context";
     }
-    function R(i) {
+    function O(i) {
       if (i == null)
         return null;
       if (typeof i.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
@@ -128,19 +128,19 @@ function Vr() {
         switch (i.$$typeof) {
           case p:
             var v = i;
-            return te(v) + ".Consumer";
+            return re(v) + ".Consumer";
           case l:
             var T = i;
-            return te(T._context) + ".Provider";
+            return re(T._context) + ".Provider";
           case d:
             return H(i, i.render, "ForwardRef");
           case u:
             var D = i.displayName || null;
-            return D !== null ? D : R(i.type) || "Memo";
+            return D !== null ? D : O(i.type) || "Memo";
           case c: {
-            var j = i, V = j._payload, M = j._init;
+            var U = i, V = U._payload, z = U._init;
             try {
-              return R(M(V));
+              return O(z(V));
             } catch {
               return null;
             }
@@ -148,14 +148,14 @@ function Vr() {
         }
       return null;
     }
-    var _ = Object.assign, S = 0, O, w, x, I, N, U, P;
+    var E = Object.assign, S = 0, R, w, x, I, $, j, B;
     function K() {
     }
     K.__reactDisabledLog = !0;
-    function oe() {
+    function J() {
       {
         if (S === 0) {
-          O = console.log, w = console.info, x = console.warn, I = console.error, N = console.group, U = console.groupCollapsed, P = console.groupEnd;
+          R = console.log, w = console.info, x = console.warn, I = console.error, $ = console.group, j = console.groupCollapsed, B = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -175,7 +175,7 @@ function Vr() {
         S++;
       }
     }
-    function de() {
+    function he() {
       {
         if (S--, S === 0) {
           var i = {
@@ -184,53 +184,53 @@ function Vr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: _({}, i, {
-              value: O
+            log: E({}, i, {
+              value: R
             }),
-            info: _({}, i, {
+            info: E({}, i, {
               value: w
             }),
-            warn: _({}, i, {
+            warn: E({}, i, {
               value: x
             }),
-            error: _({}, i, {
+            error: E({}, i, {
               value: I
             }),
-            group: _({}, i, {
-              value: N
+            group: E({}, i, {
+              value: $
             }),
-            groupCollapsed: _({}, i, {
-              value: U
+            groupCollapsed: E({}, i, {
+              value: j
             }),
-            groupEnd: _({}, i, {
-              value: P
+            groupEnd: E({}, i, {
+              value: B
             })
           });
         }
         S < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var pe = A.ReactCurrentDispatcher, ye;
-    function fe(i, v, T) {
+    var de = A.ReactCurrentDispatcher, ye;
+    function pe(i, v, T) {
       {
         if (ye === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var D = j.stack.trim().match(/\n( *(at )?)/);
+          } catch (U) {
+            var D = U.stack.trim().match(/\n( *(at )?)/);
             ye = D && D[1] || "";
           }
         return `
 ` + ye + i;
       }
     }
-    var re = !1, ue;
+    var ne = !1, ue;
     {
-      var De = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new De();
+      var ke = typeof WeakMap == "function" ? WeakMap : Map;
+      ue = new ke();
     }
-    function ke(i, v) {
-      if (!i || re)
+    function Te(i, v) {
+      if (!i || ne)
         return "";
       {
         var T = ue.get(i);
@@ -238,34 +238,34 @@ function Vr() {
           return T;
       }
       var D;
-      re = !0;
-      var j = Error.prepareStackTrace;
+      ne = !0;
+      var U = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var V;
-      V = pe.current, pe.current = null, oe();
+      V = de.current, de.current = null, J();
       try {
         if (v) {
-          var M = function() {
+          var z = function() {
             throw Error();
           };
-          if (Object.defineProperty(M.prototype, "props", {
+          if (Object.defineProperty(z.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(M, []);
+              Reflect.construct(z, []);
             } catch (Se) {
               D = Se;
             }
-            Reflect.construct(i, [], M);
+            Reflect.construct(i, [], z);
           } else {
             try {
-              M.call();
+              z.call();
             } catch (Se) {
               D = Se;
             }
-            i.call(M.prototype);
+            i.call(z.prototype);
           }
         } else {
           try {
@@ -277,31 +277,31 @@ function Vr() {
         }
       } catch (Se) {
         if (Se && D && typeof Se.stack == "string") {
-          for (var z = Se.stack.split(`
+          for (var P = Se.stack.split(`
 `), ge = D.stack.split(`
-`), ne = z.length - 1, ae = ge.length - 1; ne >= 1 && ae >= 0 && z[ne] !== ge[ae]; )
-            ae--;
-          for (; ne >= 1 && ae >= 0; ne--, ae--)
-            if (z[ne] !== ge[ae]) {
-              if (ne !== 1 || ae !== 1)
+`), ae = P.length - 1, ie = ge.length - 1; ae >= 1 && ie >= 0 && P[ae] !== ge[ie]; )
+            ie--;
+          for (; ae >= 1 && ie >= 0; ae--, ie--)
+            if (P[ae] !== ge[ie]) {
+              if (ae !== 1 || ie !== 1)
                 do
-                  if (ne--, ae--, ae < 0 || z[ne] !== ge[ae]) {
+                  if (ae--, ie--, ie < 0 || P[ae] !== ge[ie]) {
                     var me = `
-` + z[ne].replace(" at new ", " at ");
+` + P[ae].replace(" at new ", " at ");
                     return i.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", i.displayName)), typeof i == "function" && ue.set(i, me), me;
                   }
-                while (ne >= 1 && ae >= 0);
+                while (ae >= 1 && ie >= 0);
               break;
             }
         }
       } finally {
-        re = !1, pe.current = V, de(), Error.prepareStackTrace = j;
+        ne = !1, de.current = V, he(), Error.prepareStackTrace = U;
       }
-      var xe = i ? i.displayName || i.name : "", Dt = xe ? fe(xe) : "";
+      var Ce = i ? i.displayName || i.name : "", Dt = Ce ? pe(Ce) : "";
       return typeof i == "function" && ue.set(i, Dt), Dt;
     }
     function tr(i, v, T) {
-      return ke(i, !1);
+      return Te(i, !1);
     }
     function rr(i) {
       var v = i.prototype;
@@ -311,14 +311,14 @@ function Vr() {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return ke(i, rr(i));
+        return Te(i, rr(i));
       if (typeof i == "string")
-        return fe(i);
+        return pe(i);
       switch (i) {
         case f:
-          return fe("Suspense");
+          return pe("Suspense");
         case b:
-          return fe("SuspenseList");
+          return pe("SuspenseList");
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
@@ -327,9 +327,9 @@ function Vr() {
           case u:
             return Ge(i.type, v, T);
           case c: {
-            var D = i, j = D._payload, V = D._init;
+            var D = i, U = D._payload, V = D._init;
             try {
-              return Ge(V(j), v, T);
+              return Ge(V(U), v, T);
             } catch {
             }
           }
@@ -344,22 +344,22 @@ function Vr() {
       } else
         wt.setExtraStackFrame(null);
     }
-    function nr(i, v, T, D, j) {
+    function nr(i, v, T, D, U) {
       {
         var V = Function.call.bind(qe);
-        for (var M in i)
-          if (V(i, M)) {
-            var z = void 0;
+        for (var z in i)
+          if (V(i, z)) {
+            var P = void 0;
             try {
-              if (typeof i[M] != "function") {
-                var ge = Error((D || "React class") + ": " + T + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof i[z] != "function") {
+                var ge = Error((D || "React class") + ": " + T + " type `" + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ge.name = "Invariant Violation", ge;
               }
-              z = i[M](v, M, D, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ne) {
-              z = ne;
+              P = i[z](v, z, D, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (ae) {
+              P = ae;
             }
-            z && !(z instanceof Error) && (He(j), 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, M, typeof z), He(null)), z instanceof Error && !(z.message in St) && (St[z.message] = !0, He(j), k("Failed %s type: %s", T, z.message), He(null));
+            P && !(P instanceof Error) && (He(U), 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), He(null)), P instanceof Error && !(P.message in St) && (St[P.message] = !0, He(U), k("Failed %s type: %s", T, P.message), He(null));
           }
       }
     }
@@ -412,8 +412,8 @@ function Vr() {
     }
     function cr(i, v) {
       if (typeof i.ref == "string" && Le.current && v && Le.current.stateNode !== v) {
-        var T = R(Le.current.type);
-        st[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), st[T] = !0);
+        var T = O(Le.current.type);
+        st[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', O(Le.current.type), i.ref), st[T] = !0);
       }
     }
     function dr(i, v) {
@@ -438,55 +438,55 @@ function Vr() {
         });
       }
     }
-    var gr = function(i, v, T, D, j, V, M) {
-      var z = {
+    var gr = function(i, v, T, D, U, V, z) {
+      var P = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: i,
         key: v,
         ref: T,
-        props: M,
+        props: z,
         // Record the component responsible for creating this element.
         _owner: V
       };
-      return z._store = {}, Object.defineProperty(z._store, "validated", {
+      return P._store = {}, Object.defineProperty(P._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(z, "_self", {
+      }), Object.defineProperty(P, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: D
-      }), Object.defineProperty(z, "_source", {
+      }), Object.defineProperty(P, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
-      }), Object.freeze && (Object.freeze(z.props), Object.freeze(z)), z;
+        value: U
+      }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
     };
-    function fr(i, v, T, D, j) {
+    function fr(i, v, T, D, U) {
       {
-        var V, M = {}, z = null, ge = null;
-        T !== void 0 && (_t(T), z = "" + T), ur(v) && (_t(v.key), z = "" + v.key), lr(v) && (ge = v.ref, cr(v, j));
+        var V, z = {}, P = null, ge = null;
+        T !== void 0 && (_t(T), P = "" + T), ur(v) && (_t(v.key), P = "" + v.key), lr(v) && (ge = v.ref, cr(v, U));
         for (V in v)
-          qe.call(v, V) && !sr.hasOwnProperty(V) && (M[V] = v[V]);
+          qe.call(v, V) && !sr.hasOwnProperty(V) && (z[V] = v[V]);
         if (i && i.defaultProps) {
-          var ne = i.defaultProps;
-          for (V in ne)
-            M[V] === void 0 && (M[V] = ne[V]);
+          var ae = i.defaultProps;
+          for (V in ae)
+            z[V] === void 0 && (z[V] = ae[V]);
         }
-        if (z || ge) {
-          var ae = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          z && dr(M, ae), ge && pr(M, ae);
+        if (P || ge) {
+          var ie = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
+          P && dr(z, ie), ge && pr(z, ie);
         }
-        return gr(i, z, ge, j, D, Le.current, M);
+        return gr(i, P, ge, U, D, Le.current, z);
       }
     }
     var lt = A.ReactCurrentOwner, Tt = A.ReactDebugCurrentFrame;
-    function Oe(i) {
+    function xe(i) {
       if (i) {
         var v = i._owner, T = Ge(i.type, i._source, v ? v.type : null);
         Tt.setExtraStackFrame(T);
@@ -501,7 +501,7 @@ function Vr() {
     function Rt() {
       {
         if (lt.current) {
-          var i = R(lt.current.type);
+          var i = O(lt.current.type);
           if (i)
             return `
 
@@ -544,7 +544,7 @@ Check the top-level render call using <` + T + ">.");
           return;
         Ot[T] = !0;
         var D = "";
-        i && i._owner && i._owner !== lt.current && (D = " It was passed a child from " + R(i._owner.type) + "."), Oe(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), Oe(null);
+        i && i._owner && i._owner !== lt.current && (D = " It was passed a child from " + O(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 Ct(i, v) {
@@ -559,10 +559,10 @@ Check the top-level render call using <` + T + ">.");
         else if (ct(i))
           i._store && (i._store.validated = !0);
         else if (i) {
-          var j = E(i);
-          if (typeof j == "function" && j !== i.entries)
-            for (var V = j.call(i), M; !(M = V.next()).done; )
-              ct(M.value) && xt(M.value, v);
+          var U = _(i);
+          if (typeof U == "function" && U !== i.entries)
+            for (var V = U.call(i), z; !(z = V.next()).done; )
+              ct(z.value) && xt(z.value, v);
         }
       }
     }
@@ -581,12 +581,12 @@ Check the top-level render call using <` + T + ">.");
         else
           return;
         if (T) {
-          var D = R(v);
+          var D = O(v);
           nr(T, i.props, "prop", D, i);
         } else if (v.PropTypes !== void 0 && !ut) {
           ut = !0;
-          var j = R(v);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+          var U = O(v);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "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.");
       }
@@ -596,41 +596,41 @@ Check the top-level render call using <` + T + ">.");
         for (var v = Object.keys(i.props), T = 0; T < v.length; T++) {
           var D = v[T];
           if (D !== "children" && D !== "key") {
-            Oe(i), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", D), Oe(null);
+            xe(i), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", D), xe(null);
             break;
           }
         }
-        i.ref !== null && (Oe(i), k("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
+        i.ref !== null && (xe(i), k("Invalid attribute `ref` supplied to `React.Fragment`."), xe(null));
       }
     }
-    function It(i, v, T, D, j, V) {
+    function It(i, v, T, D, U, V) {
       {
-        var M = F(i);
-        if (!M) {
-          var z = "";
-          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (z += " 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 = hr(j);
-          ge ? z += ge : z += Rt();
-          var ne;
-          i === null ? ne = "null" : ot(i) ? ne = "array" : i !== void 0 && i.$$typeof === t ? (ne = "<" + (R(i.type) || "Unknown") + " />", z = " 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, z);
+        var z = F(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 = hr(U);
+          ge ? P += ge : P += Rt();
+          var ae;
+          i === null ? ae = "null" : ot(i) ? ae = "array" : i !== void 0 && i.$$typeof === t ? (ae = "<" + (O(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 ae = fr(i, v, T, j, V);
-        if (ae == null)
-          return ae;
-        if (M) {
+        var ie = fr(i, v, T, U, V);
+        if (ie == null)
+          return ie;
+        if (z) {
           var me = v.children;
           if (me !== void 0)
             if (D)
               if (ot(me)) {
-                for (var xe = 0; xe < me.length; xe++)
-                  Ct(me[xe], i);
+                for (var Ce = 0; Ce < me.length; Ce++)
+                  Ct(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
               Ct(me, i);
         }
-        return i === n ? yr(ae) : br(ae), ae;
+        return i === n ? yr(ie) : br(ie), ie;
       }
     }
     function vr(i, v, T) {
@@ -646,7 +646,7 @@ Check the top-level render call using <` + T + ">.");
 (function(e) {
   process.env.NODE_ENV === "production" ? e.exports = Yr() : e.exports = Vr();
 })(Hr);
-const he = ze.Fragment, a = ze.jsx, C = ze.jsxs;
+const fe = ze.Fragment, a = ze.jsx, C = ze.jsxs;
 function Wr(e) {
   e = e || {};
   const t = Object.keys(e).sort(), r = [];
@@ -829,59 +829,62 @@ var ft = {}, en = {
   (function(r, n) {
     e.exports = n();
   })(qr, function() {
-    var r = 1e3, n = 6e4, s = 36e5, o = "millisecond", l = "second", p = "minute", d = "hour", f = "day", b = "week", u = "month", c = "quarter", g = "year", y = "date", h = "Invalid Date", E = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, A = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, k = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_") }, $ = function(R, _, S) {
-      var O = String(R);
-      return !O || O.length >= _ ? R : "" + Array(_ + 1 - O.length).join(S) + R;
-    }, B = { s: $, z: function(R) {
-      var _ = -R.utcOffset(), S = Math.abs(_), O = Math.floor(S / 60), w = S % 60;
-      return (_ <= 0 ? "+" : "-") + $(O, 2, "0") + ":" + $(w, 2, "0");
-    }, m: function R(_, S) {
-      if (_.date() < S.date())
-        return -R(S, _);
-      var O = 12 * (S.year() - _.year()) + (S.month() - _.month()), w = _.clone().add(O, u), x = S - w < 0, I = _.clone().add(O + (x ? -1 : 1), u);
-      return +(-(O + (S - w) / (x ? w - I : I - w)) || 0);
-    }, a: function(R) {
-      return R < 0 ? Math.ceil(R) || 0 : Math.floor(R);
-    }, p: function(R) {
-      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;
-    } }, ie = "en", q = {};
-    q[ie] = k;
-    var W = function(R) {
-      return R instanceof H;
-    }, X = function R(_, S, O) {
+    var r = 1e3, n = 6e4, s = 36e5, o = "millisecond", l = "second", p = "minute", d = "hour", f = "day", b = "week", u = "month", c = "quarter", g = "year", y = "date", h = "Invalid Date", _ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, A = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, k = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(O) {
+      var E = ["th", "st", "nd", "rd"], S = O % 100;
+      return "[" + O + (E[(S - 20) % 10] || E[S] || E[0]) + "]";
+    } }, N = function(O, E, S) {
+      var R = String(O);
+      return !R || R.length >= E ? O : "" + Array(E + 1 - R.length).join(S) + O;
+    }, M = { s: N, z: function(O) {
+      var E = -O.utcOffset(), S = Math.abs(E), R = Math.floor(S / 60), w = S % 60;
+      return (E <= 0 ? "+" : "-") + N(R, 2, "0") + ":" + N(w, 2, "0");
+    }, m: function O(E, S) {
+      if (E.date() < S.date())
+        return -O(S, E);
+      var R = 12 * (S.year() - E.year()) + (S.month() - E.month()), w = E.clone().add(R, u), x = S - w < 0, I = E.clone().add(R + (x ? -1 : 1), u);
+      return +(-(R + (S - w) / (x ? w - I : I - w)) || 0);
+    }, a: function(O) {
+      return O < 0 ? Math.ceil(O) || 0 : Math.floor(O);
+    }, p: function(O) {
+      return { M: u, y: g, w: b, d: f, D: y, h: d, m: p, s: l, ms: o, Q: c }[O] || String(O || "").toLowerCase().replace(/s$/, "");
+    }, u: function(O) {
+      return O === void 0;
+    } }, oe = "en", q = {};
+    q[oe] = k;
+    var W = function(O) {
+      return O instanceof H;
+    }, X = function O(E, S, R) {
       var w;
-      if (!_)
-        return ie;
-      if (typeof _ == "string") {
-        var x = _.toLowerCase();
+      if (!E)
+        return oe;
+      if (typeof E == "string") {
+        var x = E.toLowerCase();
         q[x] && (w = x), S && (q[x] = S, w = x);
-        var I = _.split("-");
+        var I = E.split("-");
         if (!w && I.length > 1)
-          return R(I[0]);
+          return O(I[0]);
       } else {
-        var N = _.name;
-        q[N] = _, w = N;
-      }
-      return !O && w && (ie = w), w || !O && ie;
-    }, L = function(R, _) {
-      if (W(R))
-        return R.clone();
-      var S = typeof _ == "object" ? _ : {};
-      return S.date = R, S.args = arguments, new H(S);
-    }, F = B;
-    F.l = X, F.i = W, F.w = function(R, _) {
-      return L(R, { locale: _.$L, utc: _.$u, x: _.$x, $offset: _.$offset });
+        var $ = E.name;
+        q[$] = E, w = $;
+      }
+      return !R && w && (oe = w), w || !R && oe;
+    }, L = function(O, E) {
+      if (W(O))
+        return O.clone();
+      var S = typeof E == "object" ? E : {};
+      return S.date = O, S.args = arguments, new H(S);
+    }, F = M;
+    F.l = X, F.i = W, F.w = function(O, E) {
+      return L(O, { locale: E.$L, utc: E.$u, x: E.$x, $offset: E.$offset });
     };
     var H = function() {
-      function R(S) {
+      function O(S) {
         this.$L = X(S.locale, null, !0), this.parse(S);
       }
-      var _ = R.prototype;
-      return _.parse = function(S) {
-        this.$d = function(O) {
-          var w = O.date, x = O.utc;
+      var E = O.prototype;
+      return E.parse = function(S) {
+        this.$d = function(R) {
+          var w = R.date, x = R.utc;
           if (w === null)
             return /* @__PURE__ */ new Date(NaN);
           if (F.u(w))
@@ -889,144 +892,226 @@ var ft = {}, en = {
           if (w instanceof Date)
             return new Date(w);
           if (typeof w == "string" && !/Z$/i.test(w)) {
-            var I = w.match(E);
+            var I = w.match(_);
             if (I) {
-              var N = I[2] - 1 || 0, U = (I[7] || "0").substring(0, 3);
-              return x ? new Date(Date.UTC(I[1], N, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, U)) : new Date(I[1], N, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, U);
+              var $ = I[2] - 1 || 0, j = (I[7] || "0").substring(0, 3);
+              return x ? new Date(Date.UTC(I[1], $, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, j)) : new Date(I[1], $, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, j);
             }
           }
           return new Date(w);
         }(S), this.$x = S.x || {}, this.init();
-      }, _.init = function() {
+      }, E.init = function() {
         var S = this.$d;
         this.$y = S.getFullYear(), this.$M = S.getMonth(), this.$D = S.getDate(), this.$W = S.getDay(), this.$H = S.getHours(), this.$m = S.getMinutes(), this.$s = S.getSeconds(), this.$ms = S.getMilliseconds();
-      }, _.$utils = function() {
+      }, E.$utils = function() {
         return F;
-      }, _.isValid = function() {
+      }, E.isValid = function() {
         return this.$d.toString() !== h;
-      }, _.isSame = function(S, O) {
+      }, E.isSame = function(S, R) {
         var w = L(S);
-        return this.startOf(O) <= w && w <= this.endOf(O);
-      }, _.isAfter = function(S, O) {
-        return L(S) < this.startOf(O);
-      }, _.isBefore = function(S, O) {
-        return this.endOf(O) < L(S);
-      }, _.$g = function(S, O, w) {
-        return F.u(S) ? this[O] : this.set(w, S);
-      }, _.unix = function() {
+        return this.startOf(R) <= w && w <= this.endOf(R);
+      }, E.isAfter = function(S, R) {
+        return L(S) < this.startOf(R);
+      }, E.isBefore = function(S, R) {
+        return this.endOf(R) < L(S);
+      }, E.$g = function(S, R, w) {
+        return F.u(S) ? this[R] : this.set(w, S);
+      }, E.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
-      }, _.valueOf = function() {
+      }, E.valueOf = function() {
         return this.$d.getTime();
-      }, _.startOf = function(S, O) {
-        var w = this, x = !!F.u(O) || O, I = F.p(S), N = function(fe, re) {
-          var ue = F.w(w.$u ? Date.UTC(w.$y, re, fe) : new Date(w.$y, re, fe), w);
+      }, E.startOf = function(S, R) {
+        var w = this, x = !!F.u(R) || R, I = F.p(S), $ = function(pe, ne) {
+          var ue = F.w(w.$u ? Date.UTC(w.$y, ne, pe) : new Date(w.$y, ne, pe), w);
           return x ? ue : ue.endOf(f);
-        }, U = function(fe, re) {
-          return F.w(w.toDate()[fe].apply(w.toDate("s"), (x ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(re)), w);
-        }, P = this.$W, K = this.$M, oe = this.$D, de = "set" + (this.$u ? "UTC" : "");
+        }, j = function(pe, ne) {
+          return F.w(w.toDate()[pe].apply(w.toDate("s"), (x ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ne)), w);
+        }, B = this.$W, K = this.$M, J = this.$D, he = "set" + (this.$u ? "UTC" : "");
         switch (I) {
           case g:
-            return x ? N(1, 0) : N(31, 11);
+            return x ? $(1, 0) : $(31, 11);
           case u:
-            return x ? N(1, K) : N(0, K + 1);
+            return x ? $(1, K) : $(0, K + 1);
           case b:
-            var pe = this.$locale().weekStart || 0, ye = (P < pe ? P + 7 : P) - pe;
-            return N(x ? oe - ye : oe + (6 - ye), K);
+            var de = this.$locale().weekStart || 0, ye = (B < de ? B + 7 : B) - de;
+            return $(x ? J - ye : J + (6 - ye), K);
           case f:
           case y:
-            return U(de + "Hours", 0);
+            return j(he + "Hours", 0);
           case d:
-            return U(de + "Minutes", 1);
+            return j(he + "Minutes", 1);
           case p:
-            return U(de + "Seconds", 2);
+            return j(he + "Seconds", 2);
           case l:
-            return U(de + "Milliseconds", 3);
+            return j(he + "Milliseconds", 3);
           default:
             return this.clone();
         }
-      }, _.endOf = function(S) {
+      }, E.endOf = function(S) {
         return this.startOf(S, !1);
-      }, _.$set = function(S, O) {
-        var w, x = F.p(S), I = "set" + (this.$u ? "UTC" : ""), N = (w = {}, w[f] = I + "Date", w[y] = I + "Date", w[u] = I + "Month", w[g] = I + "FullYear", w[d] = I + "Hours", w[p] = I + "Minutes", w[l] = I + "Seconds", w[o] = I + "Milliseconds", w)[x], U = x === f ? this.$D + (O - this.$W) : O;
+      }, E.$set = function(S, R) {
+        var w, x = F.p(S), I = "set" + (this.$u ? "UTC" : ""), $ = (w = {}, w[f] = I + "Date", w[y] = I + "Date", w[u] = I + "Month", w[g] = I + "FullYear", w[d] = I + "Hours", w[p] = I + "Minutes", w[l] = I + "Seconds", w[o] = I + "Milliseconds", w)[x], j = x === f ? this.$D + (R - this.$W) : R;
         if (x === u || x === g) {
-          var P = this.clone().set(y, 1);
-          P.$d[N](U), P.init(), this.$d = P.set(y, Math.min(this.$D, P.daysInMonth())).$d;
+          var B = this.clone().set(y, 1);
+          B.$d[$](j), B.init(), this.$d = B.set(y, Math.min(this.$D, B.daysInMonth())).$d;
         } else
-          N && this.$d[N](U);
+          $ && this.$d[$](j);
         return this.init(), this;
-      }, _.set = function(S, O) {
-        return this.clone().$set(S, O);
-      }, _.get = function(S) {
+      }, E.set = function(S, R) {
+        return this.clone().$set(S, R);
+      }, E.get = function(S) {
         return this[F.p(S)]();
-      }, _.add = function(S, O) {
+      }, E.add = function(S, R) {
         var w, x = this;
         S = Number(S);
-        var I = F.p(O), N = function(K) {
-          var oe = L(x);
-          return F.w(oe.date(oe.date() + Math.round(K * S)), x);
+        var I = F.p(R), $ = function(K) {
+          var J = L(x);
+          return F.w(J.date(J.date() + Math.round(K * S)), x);
         };
         if (I === u)
           return this.set(u, this.$M + S);
         if (I === g)
           return this.set(g, this.$y + S);
         if (I === f)
-          return N(1);
+          return $(1);
         if (I === b)
-          return N(7);
-        var U = (w = {}, w[p] = n, w[d] = s, w[l] = r, w)[I] || 1, P = this.$d.getTime() + S * U;
-        return F.w(P, this);
-      }, _.subtract = function(S, O) {
-        return this.add(-1 * S, O);
-      }, _.format = function(S) {
-        var O = this, w = this.$locale();
+          return $(7);
+        var j = (w = {}, w[p] = n, w[d] = s, w[l] = r, w)[I] || 1, B = this.$d.getTime() + S * j;
+        return F.w(B, this);
+      }, E.subtract = function(S, R) {
+        return this.add(-1 * S, R);
+      }, E.format = function(S) {
+        var R = this, w = this.$locale();
         if (!this.isValid())
           return w.invalidDate || h;
-        var x = S || "YYYY-MM-DDTHH:mm:ssZ", I = F.z(this), N = this.$H, U = this.$m, P = this.$M, K = w.weekdays, oe = w.months, de = function(re, ue, De, ke) {
-          return re && (re[ue] || re(O, x)) || De[ue].slice(0, ke);
-        }, pe = function(re) {
-          return F.s(N % 12 || 12, re, "0");
-        }, ye = w.meridiem || function(re, ue, De) {
-          var ke = re < 12 ? "AM" : "PM";
-          return De ? ke.toLowerCase() : ke;
-        }, fe = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: P + 1, MM: F.s(P + 1, 2, "0"), MMM: de(w.monthsShort, P, oe, 3), MMMM: de(oe, P), D: this.$D, DD: F.s(this.$D, 2, "0"), d: String(this.$W), dd: de(w.weekdaysMin, this.$W, K, 2), ddd: de(w.weekdaysShort, this.$W, K, 3), dddd: K[this.$W], H: String(N), HH: F.s(N, 2, "0"), h: pe(1), hh: pe(2), a: ye(N, U, !0), A: ye(N, U, !1), m: String(U), mm: F.s(U, 2, "0"), s: String(this.$s), ss: F.s(this.$s, 2, "0"), SSS: F.s(this.$ms, 3, "0"), Z: I };
-        return x.replace(A, function(re, ue) {
-          return ue || fe[re] || I.replace(":", "");
+        var x = S || "YYYY-MM-DDTHH:mm:ssZ", I = F.z(this), $ = this.$H, j = this.$m, B = this.$M, K = w.weekdays, J = w.months, he = w.meridiem, de = function(ne, ue, ke, Te) {
+          return ne && (ne[ue] || ne(R, x)) || ke[ue].slice(0, Te);
+        }, ye = function(ne) {
+          return F.s($ % 12 || 12, ne, "0");
+        }, pe = he || function(ne, ue, ke) {
+          var Te = ne < 12 ? "AM" : "PM";
+          return ke ? Te.toLowerCase() : Te;
+        };
+        return x.replace(A, function(ne, ue) {
+          return ue || function(ke) {
+            switch (ke) {
+              case "YY":
+                return String(R.$y).slice(-2);
+              case "YYYY":
+                return F.s(R.$y, 4, "0");
+              case "M":
+                return B + 1;
+              case "MM":
+                return F.s(B + 1, 2, "0");
+              case "MMM":
+                return de(w.monthsShort, B, J, 3);
+              case "MMMM":
+                return de(J, B);
+              case "D":
+                return R.$D;
+              case "DD":
+                return F.s(R.$D, 2, "0");
+              case "d":
+                return String(R.$W);
+              case "dd":
+                return de(w.weekdaysMin, R.$W, K, 2);
+              case "ddd":
+                return de(w.weekdaysShort, R.$W, K, 3);
+              case "dddd":
+                return K[R.$W];
+              case "H":
+                return String($);
+              case "HH":
+                return F.s($, 2, "0");
+              case "h":
+                return ye(1);
+              case "hh":
+                return ye(2);
+              case "a":
+                return pe($, j, !0);
+              case "A":
+                return pe($, j, !1);
+              case "m":
+                return String(j);
+              case "mm":
+                return F.s(j, 2, "0");
+              case "s":
+                return String(R.$s);
+              case "ss":
+                return F.s(R.$s, 2, "0");
+              case "SSS":
+                return F.s(R.$ms, 3, "0");
+              case "Z":
+                return I;
+            }
+            return null;
+          }(ne) || I.replace(":", "");
         });
-      }, _.utcOffset = function() {
+      }, E.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, _.diff = function(S, O, w) {
-        var x, I = F.p(O), N = L(S), U = (N.utcOffset() - this.utcOffset()) * n, P = this - N, K = F.m(this, N);
-        return K = (x = {}, x[g] = K / 12, x[u] = K, x[c] = K / 3, x[b] = (P - U) / 6048e5, x[f] = (P - U) / 864e5, x[d] = P / s, x[p] = P / n, x[l] = P / r, x)[I] || P, w ? K : F.a(K);
-      }, _.daysInMonth = function() {
+      }, E.diff = function(S, R, w) {
+        var x, I = this, $ = F.p(R), j = L(S), B = (j.utcOffset() - this.utcOffset()) * n, K = this - j, J = function() {
+          return F.m(I, j);
+        };
+        switch ($) {
+          case g:
+            x = J() / 12;
+            break;
+          case u:
+            x = J();
+            break;
+          case c:
+            x = J() / 3;
+            break;
+          case b:
+            x = (K - B) / 6048e5;
+            break;
+          case f:
+            x = (K - B) / 864e5;
+            break;
+          case d:
+            x = K / s;
+            break;
+          case p:
+            x = K / n;
+            break;
+          case l:
+            x = K / r;
+            break;
+          default:
+            x = K;
+        }
+        return w ? x : F.a(x);
+      }, E.daysInMonth = function() {
         return this.endOf(u).$D;
-      }, _.$locale = function() {
+      }, E.$locale = function() {
         return q[this.$L];
-      }, _.locale = function(S, O) {
+      }, E.locale = function(S, R) {
         if (!S)
           return this.$L;
-        var w = this.clone(), x = X(S, O, !0);
+        var w = this.clone(), x = X(S, R, !0);
         return x && (w.$L = x), w;
-      }, _.clone = function() {
+      }, E.clone = function() {
         return F.w(this.$d, this);
-      }, _.toDate = function() {
+      }, E.toDate = function() {
         return new Date(this.valueOf());
-      }, _.toJSON = function() {
+      }, E.toJSON = function() {
         return this.isValid() ? this.toISOString() : null;
-      }, _.toISOString = function() {
+      }, E.toISOString = function() {
         return this.$d.toISOString();
-      }, _.toString = function() {
+      }, E.toString = function() {
         return this.$d.toUTCString();
-      }, R;
-    }(), te = H.prototype;
-    return L.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(_) {
-        return this.$g(_, R[0], R[1]);
+      }, O;
+    }(), re = H.prototype;
+    return L.prototype = re, [["$ms", o], ["$s", l], ["$m", p], ["$H", d], ["$W", f], ["$M", u], ["$y", g], ["$D", y]].forEach(function(O) {
+      re[O[1]] = function(E) {
+        return this.$g(E, O[0], O[1]);
       };
-    }), L.extend = function(R, _) {
-      return R.$i || (R(_, H, L), R.$i = !0), L;
-    }, L.locale = X, L.isDayjs = W, L.unix = function(R) {
-      return L(1e3 * R);
-    }, L.en = q[ie], L.Ls = q, L.p = {}, L;
+    }), L.extend = function(O, E) {
+      return O.$i || (O(E, H, L), O.$i = !0), L;
+    }, L.locale = X, L.isDayjs = W, L.unix = function(O) {
+      return L(1e3 * O);
+    }, L.en = q[oe], L.Ls = q, L.p = {}, L;
   });
 })(en);
 const Nt = ft, tn = {
@@ -1094,7 +1179,7 @@ function rn({
       field: l
     }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...l }) }),
     /* @__PURE__ */ a(Qe, { label: "Connection Info", labelPosition: "center" }),
-    /* @__PURE__ */ C(J, { grow: !0, children: [
+    /* @__PURE__ */ C(ee, { grow: !0, children: [
       /* @__PURE__ */ a(G, { name: "config.host", control: n, render: ({
         field: l
       }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Host", sx: {
@@ -1102,9 +1187,12 @@ function rn({
       }, ...l }) }),
       /* @__PURE__ */ a(G, { name: "config.port", control: n, render: ({
         field: l
-      }) => /* @__PURE__ */ a(Ar, { mb: t.spacing, size: t.size, required: !0, label: "Port", hideControls: !0, sx: {
-        width: "8em"
-      }, ...l }) })
+      }) => (
+        // @ts-expect-error type of onChange
+        /* @__PURE__ */ a(Ar, { mb: t.spacing, size: t.size, required: !0, label: "Port", hideControls: !0, sx: {
+          width: "8em"
+        }, ...l })
+      ) })
     ] }),
     /* @__PURE__ */ a(G, { name: "config.username", control: n, render: ({
       field: l
@@ -1115,7 +1203,7 @@ function rn({
     /* @__PURE__ */ a(G, { name: "config.database", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Database", ...l }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 const nn = ({
@@ -1149,15 +1237,15 @@ const nn = ({
   };
   return mt(() => {
     u(e);
-  }, [e]), /* @__PURE__ */ C(he, { children: [
+  }, [e]), /* @__PURE__ */ C(fe, { children: [
     /* @__PURE__ */ a(Y, { variant: "filled", size: o.button.size, onClick: d, sx: {
       flexGrow: 1
     }, children: r }),
     /* @__PURE__ */ a(_e, { size: 800, title: n, opened: p, onClose: f, closeOnClickOutside: !1, withCloseButton: !1, children: p && /* @__PURE__ */ C(Me, { children: [
       /* @__PURE__ */ a(nn, { value: b, onChange: u }),
-      /* @__PURE__ */ C(J, { position: "apart", children: [
+      /* @__PURE__ */ C(ee, { position: "apart", children: [
         /* @__PURE__ */ a(Y, { onClick: y, color: "red", leftIcon: /* @__PURE__ */ a(Ir, { size: 20 }), children: "Rest" }),
-        /* @__PURE__ */ C(J, { position: "right", children: [
+        /* @__PURE__ */ C(ee, { position: "right", children: [
           /* @__PURE__ */ a(Y, { onClick: g, variant: "subtle", children: "Cancel" }),
           /* @__PURE__ */ a(Y, { onClick: c, children: "OK" })
         ] })
@@ -1201,7 +1289,7 @@ function an({
     }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Base URL", sx: {
       flexGrow: 1
     }, ...o }) }),
-    /* @__PURE__ */ C(J, { grow: !0, children: [
+    /* @__PURE__ */ C(ee, { grow: !0, children: [
       /* @__PURE__ */ a(G, { name: "config.processing.pre", control: r, render: ({
         field: o
       }) => /* @__PURE__ */ a(We, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: Ye.pre, ...o, styles: t }) }),
@@ -1209,7 +1297,7 @@ function an({
         field: o
       }) => /* @__PURE__ */ a(We, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: Ye.post, ...o, styles: t }) })
     ] }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 function on({
@@ -1241,14 +1329,14 @@ function sn({
         type: p,
         key: d,
         config: f
-      }), await se.datasource.create(p, d, f), ee({
+      }), await se.datasource.create(p, d, f), te({
         id: "for-creating",
         title: "Successful",
         message: "Data source is added",
         color: "green"
       }), e();
     } catch (b) {
-      ee({
+      te({
         id: "for-creating",
         title: "Failed",
         message: b.message,
@@ -1277,7 +1365,7 @@ function ln({
   styles: t = ve
 }) {
   const [r, n] = Z.useState(!1), s = () => n(!0), o = () => n(!1);
-  return /* @__PURE__ */ C(he, { children: [
+  return /* @__PURE__ */ C(fe, { children: [
     /* @__PURE__ */ a(_e, { overflow: "inside", opened: r, onClose: () => n(!1), title: "Add a data source", trapFocus: !0, onDragStart: (p) => {
       p.stopPropagation();
     }, children: /* @__PURE__ */ a(sn, { postSubmit: () => {
@@ -1313,7 +1401,7 @@ function dn({
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await se.datasource.delete(e), ee({
+    }), await se.datasource.delete(e), te({
       id: "for-deleting",
       title: "Successful",
       message: `Data source [${t}] is deleted`,
@@ -1321,7 +1409,7 @@ function dn({
     }), n());
   }, p = () => o.openConfirmModal({
     title: "Delete this data source?",
-    children: /* @__PURE__ */ a(Te, { size: s.size, children: "This action won't affect your database." }),
+    children: /* @__PURE__ */ a(Re, { size: s.size, children: "This action won't affect your database." }),
     labels: {
       confirm: "Confirm",
       cancel: "Cancel"
@@ -1365,7 +1453,7 @@ function pn({
     }) => /* @__PURE__ */ a(ce, { mb: n.spacing, size: n.size, label: "Base URL", sx: {
       flexGrow: 1
     }, ...l }) }),
-    /* @__PURE__ */ C(J, { grow: !0, children: [
+    /* @__PURE__ */ C(ee, { grow: !0, children: [
       /* @__PURE__ */ a(G, { name: "config.processing.pre", control: s, render: ({
         field: l
       }) => /* @__PURE__ */ a(We, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: $t.pre, ...l, styles: n }) }),
@@ -1373,7 +1461,7 @@ function pn({
         field: l
       }) => /* @__PURE__ */ a(We, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: $t.post, ...l, styles: n }) })
     ] }),
-    /* @__PURE__ */ a(J, { position: "right", mt: n.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: n.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(ee, { position: "right", mt: n.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: n.button.size, children: "Save" }) })
   ] }) });
 }
 function gn({
@@ -1393,14 +1481,14 @@ function gn({
     try {
       console.log({
         config: s
-      }), await se.datasource.update(e.id, s), ee({
+      }), await se.datasource.update(e.id, s), te({
         id: "for-updating",
         title: "Successful",
         message: "Data source is updated",
         color: "green"
       }), t();
     } catch (o) {
-      ee({
+      te({
         id: "for-updating",
         title: "Failed",
         message: o.message,
@@ -1430,7 +1518,7 @@ function fn({
     focus: !1
   }, label: "Only HTTP datasources can be edited", children: /* @__PURE__ */ a(Y, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(gt, { size: 16 }), sx: {
     transform: "none !important"
-  }, children: "Edit" }) }) : /* @__PURE__ */ C(he, { children: [
+  }, children: "Edit" }) }) : /* @__PURE__ */ C(fe, { children: [
     /* @__PURE__ */ a(_e, { overflow: "inside", opened: n, onClose: () => s(!1), title: "Add a data source", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
     }, children: /* @__PURE__ */ a(gn, { dataSource: e, postSubmit: p, styles: r }) }),
@@ -1449,11 +1537,11 @@ const hn = {
 function bn({
   type: e
 }) {
-  return /* @__PURE__ */ C(J, { children: [
+  return /* @__PURE__ */ C(ee, { children: [
     /* @__PURE__ */ a(bt, { size: "xs", sx: {
       transform: "none !important"
     }, children: mn[e] }),
-    /* @__PURE__ */ a(Te, { sx: {
+    /* @__PURE__ */ a(Re, { sx: {
       cusor: "default",
       userSelect: "none"
     }, children: hn[e] })
@@ -1468,7 +1556,7 @@ function Sa({
     data: r = [],
     loading: n,
     refresh: s
-  } = Re(async () => {
+  } = Oe(async () => {
     const {
       data: o
     } = await se.datasource.list();
@@ -1476,8 +1564,8 @@ function Sa({
   }, {
     refreshDeps: []
   });
-  return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(ln, { onSuccess: s }) }),
+  return /* @__PURE__ */ C(fe, { children: [
+    /* @__PURE__ */ a(ee, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(ln, { onSuccess: s }) }),
     /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
@@ -1498,7 +1586,7 @@ function Sa({
           return /* @__PURE__ */ C("tr", { children: [
             /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(bn, { type: d }) }),
             /* @__PURE__ */ a("td", { children: p }),
-            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(J, { position: "left", children: [
+            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(ee, { position: "left", children: [
               /* @__PURE__ */ a(fn, { dataSource: o, onSuccess: s, styles: e }),
               /* @__PURE__ */ a(dn, { isProtected: f, id: l, name: p, onSuccess: s, styles: e })
             ] }) })
@@ -1514,8 +1602,8 @@ const yn = Xe(({
   description: r,
   ...n
 }, s) => /* @__PURE__ */ C(Me, { spacing: 2, ref: s, ...n, children: [
-  /* @__PURE__ */ a(Te, { size: "sm", children: e }),
-  /* @__PURE__ */ a(Te, { size: "xs", color: "dimmed", className: "role-description", children: r })
+  /* @__PURE__ */ a(Re, { size: "sm", children: e }),
+  /* @__PURE__ */ a(Re, { size: "xs", color: "dimmed", className: "role-description", children: r })
 ] })), yt = Xe(({
   styles: e,
   value: t,
@@ -1524,7 +1612,7 @@ const yn = Xe(({
   const {
     data: s = [],
     loading: o
-  } = Re(async () => (await se.role.list()).map((p) => ({
+  } = Oe(async () => (await se.role.list()).map((p) => ({
     label: p.id,
     value: p.id,
     description: p.description,
@@ -1578,14 +1666,14 @@ function vn({
         title: "Pending",
         message: "Adding account...",
         loading: !0
-      }), await se.account.create(l, p, d, f), ee({
+      }), await se.account.create(l, p, d, f), te({
         id: "for-creating",
         title: "Successful",
         message: "Account is added",
         color: "green"
       }), e();
     } catch (b) {
-      ee({
+      te({
         id: "for-creating",
         title: "Failed",
         message: b.message,
@@ -1605,7 +1693,7 @@ function vn({
     /* @__PURE__ */ a(G, { name: "role_id", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(yt, { styles: t, ...l }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 function Sn({
@@ -1614,7 +1702,7 @@ function Sn({
   initialRoleID: r
 }) {
   const [n, s] = Z.useState(!1), o = () => s(!0), l = () => s(!1);
-  return /* @__PURE__ */ C(he, { children: [
+  return /* @__PURE__ */ C(fe, { children: [
     /* @__PURE__ */ a(_e, { overflow: "inside", opened: n, onClose: () => s(!1), title: "Add an Account", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
     }, children: /* @__PURE__ */ a(vn, { postSubmit: () => {
@@ -1638,14 +1726,14 @@ function wn({
         loading: !0
       });
       try {
-        await se.account.delete(e), ee({
+        await se.account.delete(e), te({
           id: "for-deleting",
           title: "Successful",
           message: `Account [${t}] is deleted`,
           color: "green"
         }), r();
       } catch (p) {
-        ee({
+        te({
           id: "for-deleting",
           title: "Failed",
           message: p.message,
@@ -1689,7 +1777,7 @@ function En({
     email: g,
     role_id: y,
     reset_password: h,
-    new_password: E
+    new_password: _
   }) => {
     try {
       be({
@@ -1703,15 +1791,15 @@ function En({
         email: g.trim(),
         role_id: y,
         reset_password: h,
-        new_password: E.trim()
-      }), ee({
+        new_password: _.trim()
+      }), te({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
         color: "green"
       }), s();
     } catch (A) {
-      ee({
+      te({
         id: "for-updating",
         title: "Failed",
         message: A.message,
@@ -1747,7 +1835,7 @@ function En({
         }) => /* @__PURE__ */ a(Je, { 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(Y, { type: "submit", size: o.button.size, children: "Submit" }) })
+    /* @__PURE__ */ a(ee, { position: "right", mt: o.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: o.button.size, children: "Submit" }) })
   ] }) });
 }
 function _n({
@@ -1758,7 +1846,7 @@ function _n({
   const [n, s] = Z.useState(!1), o = () => s(!0), l = () => s(!1), p = () => {
     t(), l();
   };
-  return /* @__PURE__ */ C(he, { children: [
+  return /* @__PURE__ */ C(fe, { children: [
     /* @__PURE__ */ a(_e, { overflow: "inside", opened: n, onClose: () => s(!1), title: `Editing ${e.name}`, trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
     }, children: /* @__PURE__ */ a(En, { ...e, postSubmit: p, styles: r }) }),
@@ -1775,7 +1863,7 @@ function wa({
     data: r = [],
     loading: n,
     refresh: s
-  } = Re(async () => {
+  } = Oe(async () => {
     const {
       data: d
     } = await se.account.list();
@@ -1785,7 +1873,7 @@ function wa({
   }), {
     data: o = [],
     loading: l
-  } = Re(async () => (await se.role.list()).map((f) => ({
+  } = Oe(async () => (await se.role.list()).map((f) => ({
     label: f.id,
     value: f.id,
     description: f.description,
@@ -1793,8 +1881,8 @@ function wa({
   })), {
     refreshDeps: []
   });
-  return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Sn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
+  return /* @__PURE__ */ C(fe, { children: [
+    /* @__PURE__ */ a(ee, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Sn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
     /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
@@ -1817,7 +1905,7 @@ function wa({
             /* @__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("td", { width: 200, children: /* @__PURE__ */ C(ee, { position: "left", children: [
               /* @__PURE__ */ a(_n, { account: d, onSuccess: s }),
               /* @__PURE__ */ a(wn, { id: f, name: b, onSuccess: s })
             ] }) })
@@ -1852,14 +1940,14 @@ function An({
         loading: !0
       });
       const p = await se.account.login(o.trim(), l.trim());
-      window.localStorage.setItem("token", p.token), ee({
+      window.localStorage.setItem("token", p.token), te({
         id: "for-login",
         title: "Successful",
         message: "Logged in",
         color: "green"
       }), e(p);
     } catch (p) {
-      ee({
+      te({
         id: "for-login",
         title: "Login Failed",
         message: p.message,
@@ -1873,7 +1961,7 @@ function An({
     /* @__PURE__ */ a(G, { name: "password", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ a(Je, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...o }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Submit" }) })
+    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Submit" }) })
   ] }) });
 }
 function Ea({
@@ -1881,7 +1969,7 @@ function Ea({
   config: t,
   onSuccess: r
 }) {
-  return je(t), /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(le, { mt: e.spacing, sx: {
+  return je(t), /* @__PURE__ */ a(fe, { children: /* @__PURE__ */ a(le, { mt: e.spacing, sx: {
     position: "relative"
   }, children: /* @__PURE__ */ a(An, { styles: e, postSubmit: r }) }) });
 }
@@ -1921,14 +2009,14 @@ function kn({
         app_id: d,
         app_secret: f
       } = await se.api_key.create(l, p);
-      ee({
+      te({
         id: "for-creating",
         title: "Successful",
         message: "API Key is added",
         color: "green"
       }), e(d, f);
     } catch (d) {
-      ee({
+      te({
         id: "for-creating",
         title: "Failed",
         message: d.message,
@@ -1942,7 +2030,7 @@ function kn({
     /* @__PURE__ */ a(G, { name: "role_id", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(yt, { styles: t, ...l }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 function Tn({
@@ -1951,14 +2039,14 @@ function Tn({
   initialRoleID: r
 }) {
   const n = Be(), [s, o] = Z.useState(!1), l = () => o(!0), p = () => o(!1);
-  return /* @__PURE__ */ C(he, { children: [
+  return /* @__PURE__ */ C(fe, { children: [
     /* @__PURE__ */ a(_e, { overflow: "inside", opened: s, onClose: () => o(!1), title: "Add an API Key", trapFocus: !0, onDragStart: (f) => {
       f.stopPropagation();
     }, children: /* @__PURE__ */ a(kn, { postSubmit: (f, b) => {
       p(), n.openModal({
         title: "API Key is generated",
         children: /* @__PURE__ */ C(Me, { children: [
-          /* @__PURE__ */ a(Te, { color: "dimmed", children: "Make sure you save it - you won't be able to access it again." }),
+          /* @__PURE__ */ a(Re, { color: "dimmed", children: "Make sure you save it - you won't be able to access it again." }),
           /* @__PURE__ */ a(ce, { defaultValue: f, disabled: !0, label: "APP ID", styles: {
             input: {
               cursor: "text !important"
@@ -1996,14 +2084,14 @@ function Rn({
         loading: !0
       });
       try {
-        await se.api_key.delete(e), ee({
+        await se.api_key.delete(e), te({
           id: "for-deleting",
           title: "Successful",
           message: `API Key [${t}] is deleted`,
           color: "green"
         }), r();
       } catch (p) {
-        ee({
+        te({
           id: "for-deleting",
           title: "Failed",
           message: p.message,
@@ -2032,7 +2120,7 @@ function _a({
     data: r = [],
     loading: n,
     refresh: s
-  } = Re(async () => {
+  } = Oe(async () => {
     const {
       data: d
     } = await se.api_key.list();
@@ -2042,7 +2130,7 @@ function _a({
   }), {
     data: o = [],
     loading: l
-  } = Re(async () => (await se.role.list()).map((f) => ({
+  } = Oe(async () => (await se.role.list()).map((f) => ({
     label: f.id,
     value: f.id,
     description: f.description,
@@ -2050,8 +2138,8 @@ function _a({
   })), {
     refreshDeps: []
   });
-  return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Tn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
+  return /* @__PURE__ */ C(fe, { children: [
+    /* @__PURE__ */ a(ee, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Tn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
     /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
@@ -2074,7 +2162,7 @@ function _a({
             /* @__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(Rn, { id: f, name: b, onSuccess: s }) }) })
+            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(ee, { position: "left", children: /* @__PURE__ */ a(Rn, { id: f, name: b, onSuccess: s }) }) })
           ] }, f);
         }) })
       ] })
@@ -2101,7 +2189,7 @@ const Vt = ({
     },
     readOnly: o || !t
   } });
-}, Ie = {
+}, De = {
   size: "sm",
   spacing: "md",
   button: {
@@ -2110,7 +2198,7 @@ const Vt = ({
 };
 function On({
   postSubmit: e,
-  styles: t = Ie
+  styles: t = De
 }) {
   const {
     control: r,
@@ -2128,14 +2216,14 @@ function On({
         title: "Pending",
         message: "Adding SQL Snippet...",
         loading: !0
-      }), await se.sql_snippet.create(o), ee({
+      }), await se.sql_snippet.create(o), te({
         id: "for-creating",
         title: "Successful",
         message: "SQL Snippet is added",
         color: "green"
       }), e();
     } catch (l) {
-      ee({
+      te({
         id: "for-creating",
         title: "Failed",
         message: l.message,
@@ -2149,20 +2237,20 @@ function On({
     /* @__PURE__ */ a(G, { name: "content", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ C(Me, { spacing: 4, children: [
-      /* @__PURE__ */ a(Te, { size: 14, fw: 500, color: "#212529", sx: {
+      /* @__PURE__ */ a(Re, { size: 14, fw: 500, color: "#212529", sx: {
         cursor: "default"
       }, children: "Content" }),
       /* @__PURE__ */ a(Vt, { height: "600px", ...o })
     ] }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 function xn({
   onSuccess: e,
-  styles: t = Ie
+  styles: t = De
 }) {
   const [r, n] = Z.useState(!1), s = () => n(!0), o = () => n(!1);
-  return /* @__PURE__ */ C(he, { children: [
+  return /* @__PURE__ */ C(fe, { children: [
     /* @__PURE__ */ a(_e, { overflow: "inside", opened: r, onClose: () => n(!1), title: "Add a SQL Snippet", trapFocus: !0, onDragStart: (p) => {
       p.stopPropagation();
     }, size: "80vw", children: /* @__PURE__ */ a(On, { postSubmit: () => {
@@ -2173,7 +2261,7 @@ function xn({
 }
 function Cn({
   postSubmit: e,
-  styles: t = Ie,
+  styles: t = De,
   id: r,
   content: n
 }) {
@@ -2193,14 +2281,14 @@ function Cn({
         title: "Pending",
         message: "Updating SQL Snippet...",
         loading: !0
-      }), await se.sql_snippet.update(p), ee({
+      }), await se.sql_snippet.update(p), te({
         id: "for-updating",
         title: "Successful",
         message: "SQL Snippet is updated",
         color: "green"
       }), e();
     } catch (d) {
-      ee({
+      te({
         id: "for-updating",
         title: "Failed",
         message: d.message,
@@ -2214,21 +2302,21 @@ function Cn({
     /* @__PURE__ */ a(G, { name: "content", control: s, render: ({
       field: p
     }) => /* @__PURE__ */ C(Me, { spacing: 4, children: [
-      /* @__PURE__ */ a(Te, { size: 14, fw: 500, color: "#212529", sx: {
+      /* @__PURE__ */ a(Re, { size: 14, fw: 500, color: "#212529", sx: {
         cursor: "default"
       }, children: "Content" }),
       /* @__PURE__ */ a(Vt, { height: "600px", ...p })
     ] }) }),
-    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 function In({
   onSuccess: e,
-  styles: t = Ie,
+  styles: t = De,
   ...r
 }) {
   const [n, s] = Z.useState(!1), o = () => s(!0), l = () => s(!1);
-  return /* @__PURE__ */ C(he, { children: [
+  return /* @__PURE__ */ C(fe, { children: [
     /* @__PURE__ */ a(_e, { overflow: "inside", opened: n, onClose: () => s(!1), title: "Edit a SQL Snippet", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
     }, size: "80vw", children: /* @__PURE__ */ a(Cn, { postSubmit: () => {
@@ -2307,8 +2395,8 @@ var ht = function() {
               return g[h];
             y = /** @type {Record<string, any>} */
             {}, g[h] = y;
-            for (var E in c)
-              c.hasOwnProperty(E) && (y[E] = u(c[E], g));
+            for (var _ in c)
+              c.hasOwnProperty(_) && (y[_] = u(c[_], g));
             return (
               /** @type {any} */
               y
@@ -2509,28 +2597,28 @@ var ht = function() {
       insertBefore: function(u, c, g, y) {
         y = y || /** @type {any} */
         n.languages;
-        var h = y[u], E = {};
+        var h = y[u], _ = {};
         for (var A in h)
           if (h.hasOwnProperty(A)) {
             if (A == c)
               for (var k in g)
-                g.hasOwnProperty(k) && (E[k] = g[k]);
-            g.hasOwnProperty(A) || (E[A] = h[A]);
+                g.hasOwnProperty(k) && (_[k] = g[k]);
+            g.hasOwnProperty(A) || (_[A] = h[A]);
           }
-        var $ = y[u];
-        return y[u] = E, n.languages.DFS(n.languages, function(B, ie) {
-          ie === $ && B != u && (this[B] = E);
-        }), E;
+        var N = y[u];
+        return y[u] = _, n.languages.DFS(n.languages, function(M, oe) {
+          oe === N && M != u && (this[M] = _);
+        }), _;
       },
       // Traverse a language definition with Depth First Search
       DFS: function u(c, g, y, h) {
         h = h || {};
-        var E = n.util.objId;
+        var _ = n.util.objId;
         for (var A in c)
           if (c.hasOwnProperty(A)) {
             g.call(c, A, c[A], y || A);
-            var k = c[A], $ = n.util.type(k);
-            $ === "Object" && !h[E(k)] ? (h[E(k)] = !0, u(k, g, null, h)) : $ === "Array" && !h[E(k)] && (h[E(k)] = !0, u(k, g, A, h));
+            var k = c[A], N = n.util.type(k);
+            N === "Object" && !h[_(k)] ? (h[_(k)] = !0, u(k, g, null, h)) : N === "Array" && !h[_(k)] && (h[_(k)] = !0, u(k, g, A, h));
           }
       }
     },
@@ -2646,8 +2734,8 @@ var ht = function() {
       return c;
     if (Array.isArray(c)) {
       var y = "";
-      return c.forEach(function($) {
-        y += u($, g);
+      return c.forEach(function(N) {
+        y += u(N, g);
       }), y;
     }
     var h = {
@@ -2657,8 +2745,8 @@ var ht = function() {
       classes: ["token", c.type],
       attributes: {},
       language: g
-    }, E = c.alias;
-    E && (Array.isArray(E) ? Array.prototype.push.apply(h.classes, E) : h.classes.push(E)), n.hooks.run("wrap", h);
+    }, _ = c.alias;
+    _ && (Array.isArray(_) ? Array.prototype.push.apply(h.classes, _) : h.classes.push(_)), n.hooks.run("wrap", h);
     var A = "";
     for (var k in h.attributes)
       A += " " + k + '="' + (h.attributes[k] || "").replace(/"/g, "&quot;") + '"';
@@ -2668,54 +2756,54 @@ var ht = function() {
     u.lastIndex = c;
     var h = u.exec(g);
     if (h && y && h[1]) {
-      var E = h[1].length;
-      h.index += E, h[0] = h[0].slice(E);
+      var _ = h[1].length;
+      h.index += _, h[0] = h[0].slice(_);
     }
     return h;
   }
-  function l(u, c, g, y, h, E) {
+  function l(u, c, g, y, h, _) {
     for (var A in g)
       if (!(!g.hasOwnProperty(A) || !g[A])) {
         var k = g[A];
         k = Array.isArray(k) ? k : [k];
-        for (var $ = 0; $ < k.length; ++$) {
-          if (E && E.cause == A + "," + $)
+        for (var N = 0; N < k.length; ++N) {
+          if (_ && _.cause == A + "," + N)
             return;
-          var B = k[$], ie = B.inside, q = !!B.lookbehind, W = !!B.greedy, X = B.alias;
-          if (W && !B.pattern.global) {
-            var L = B.pattern.toString().match(/[imsuy]*$/)[0];
-            B.pattern = RegExp(B.pattern.source, L + "g");
+          var M = k[N], oe = M.inside, q = !!M.lookbehind, W = !!M.greedy, X = M.alias;
+          if (W && !M.pattern.global) {
+            var L = M.pattern.toString().match(/[imsuy]*$/)[0];
+            M.pattern = RegExp(M.pattern.source, L + "g");
           }
-          for (var F = B.pattern || B, H = y.next, te = h; H !== c.tail && !(E && te >= E.reach); te += H.value.length, H = H.next) {
-            var R = H.value;
+          for (var F = M.pattern || M, H = y.next, re = h; H !== c.tail && !(_ && re >= _.reach); re += H.value.length, H = H.next) {
+            var O = H.value;
             if (c.length > u.length)
               return;
-            if (!(R instanceof s)) {
-              var _ = 1, S;
+            if (!(O instanceof s)) {
+              var E = 1, S;
               if (W) {
-                if (S = o(F, te, u, q), !S || S.index >= u.length)
+                if (S = o(F, re, u, q), !S || S.index >= u.length)
                   break;
-                var I = S.index, O = S.index + S[0].length, w = te;
+                var I = S.index, R = S.index + S[0].length, w = re;
                 for (w += H.value.length; I >= w; )
                   H = H.next, w += H.value.length;
-                if (w -= H.value.length, te = w, H.value instanceof s)
+                if (w -= H.value.length, re = w, H.value instanceof s)
                   continue;
-                for (var x = H; x !== c.tail && (w < O || typeof x.value == "string"); x = x.next)
-                  _++, w += x.value.length;
-                _--, R = u.slice(te, w), S.index -= te;
-              } else if (S = o(F, 0, R, q), !S)
+                for (var x = H; x !== c.tail && (w < R || typeof x.value == "string"); x = x.next)
+                  E++, w += x.value.length;
+                E--, O = u.slice(re, w), S.index -= re;
+              } else if (S = o(F, 0, O, q), !S)
                 continue;
-              var I = S.index, N = S[0], U = R.slice(0, I), P = R.slice(I + N.length), K = te + R.length;
-              E && K > E.reach && (E.reach = K);
-              var oe = H.prev;
-              U && (oe = d(c, oe, U), te += U.length), f(c, oe, _);
-              var de = new s(A, ie ? n.tokenize(N, ie) : N, X, N);
-              if (H = d(c, oe, de), P && d(c, H, P), _ > 1) {
-                var pe = {
-                  cause: A + "," + $,
+              var I = S.index, $ = S[0], j = O.slice(0, I), B = O.slice(I + $.length), K = re + O.length;
+              _ && K > _.reach && (_.reach = K);
+              var J = H.prev;
+              j && (J = d(c, J, j), re += j.length), f(c, J, E);
+              var he = new s(A, oe ? n.tokenize($, oe) : $, X, $);
+              if (H = d(c, J, he), B && d(c, H, B), E > 1) {
+                var de = {
+                  cause: A + "," + N,
                   reach: K
                 };
-                l(u, c, g, H.prev, te, pe), E && pe.reach > E.reach && (E.reach = pe.reach);
+                l(u, c, g, H.prev, re, de), _ && de.reach > _.reach && (_.reach = de.reach);
               }
             }
           }
@@ -3923,12 +4011,12 @@ m.languages.js = m.languages.javascript;
             u(h.content);
             continue;
           }
-          var E = h.content[1], A = h.content[3];
-          if (E && A && E.type === "code-language" && A.type === "code-block" && typeof E.content == "string") {
-            var k = E.content.replace(/\b#/g, "sharp").replace(/\b\+\+/g, "pp");
+          var _ = h.content[1], A = h.content[3];
+          if (_ && A && _.type === "code-language" && A.type === "code-block" && typeof _.content == "string") {
+            var k = _.content.replace(/\b#/g, "sharp").replace(/\b\+\+/g, "pp");
             k = (/[a-z][\w-]*/i.exec(k) || [""])[0].toLowerCase();
-            var $ = "language-" + k;
-            A.alias ? typeof A.alias == "string" ? A.alias = [A.alias, $] : A.alias.push($) : A.alias = [$];
+            var N = "language-" + k;
+            A.alias ? typeof A.alias == "string" ? A.alias = [A.alias, N] : A.alias.push(N) : A.alias = [N];
           }
         }
     }
@@ -3942,9 +4030,9 @@ m.languages.js = m.languages.javascript;
           break;
         }
       }
-      var E = e.languages[u];
-      if (E)
-        b.content = e.highlight(f(b.content), E, u);
+      var _ = e.languages[u];
+      if (_)
+        b.content = e.highlight(f(b.content), _, u);
       else if (u && u !== "none" && e.plugins.autoloader) {
         var A = "md-" + (/* @__PURE__ */ new Date()).valueOf() + "-" + Math.floor(Math.random() * 1e16);
         b.attributes.id = A, e.plugins.autoloader.loadLanguages(u, function() {
@@ -4044,30 +4132,30 @@ m.hooks.add("after-tokenize", function(t) {
   function s(h) {
     return r[n + h];
   }
-  function o(h, E) {
-    E = E || 0;
+  function o(h, _) {
+    _ = _ || 0;
     for (var A = 0; A < h.length; A++) {
-      var k = s(A + E);
+      var k = s(A + _);
       if (!k || k.type !== h[A])
         return !1;
     }
     return !0;
   }
-  function l(h, E) {
+  function l(h, _) {
     for (var A = 1, k = n; k < r.length; k++) {
-      var $ = r[k], B = $.content;
-      if ($.type === "punctuation" && typeof B == "string") {
-        if (h.test(B))
+      var N = r[k], M = N.content;
+      if (N.type === "punctuation" && typeof M == "string") {
+        if (h.test(M))
           A++;
-        else if (E.test(B) && (A--, A === 0))
+        else if (_.test(M) && (A--, A === 0))
           return k;
       }
     }
     return -1;
   }
-  function p(h, E) {
+  function p(h, _) {
     var A = h.alias;
-    A ? Array.isArray(A) || (h.alias = A = [A]) : h.alias = A = [], A.push(E);
+    A ? Array.isArray(A) || (h.alias = A = [A]) : h.alias = A = [], A.push(_);
   }
   for (; n < r.length; ) {
     var d = r[n++];
@@ -4170,55 +4258,55 @@ m.languages.sql = {
     return "___" + y.toUpperCase() + "_" + g + "___";
   }
   function d(g, y, h) {
-    var E = {
+    var _ = {
       code: g,
       grammar: y,
       language: h
     };
-    return e.hooks.run("before-tokenize", E), E.tokens = e.tokenize(E.code, E.grammar), e.hooks.run("after-tokenize", E), E.tokens;
+    return e.hooks.run("before-tokenize", _), _.tokens = e.tokenize(_.code, _.grammar), e.hooks.run("after-tokenize", _), _.tokens;
   }
   function f(g) {
     var y = {};
     y["interpolation-punctuation"] = s;
     var h = e.tokenize(g, y);
     if (h.length === 3) {
-      var E = [1, 1];
-      E.push.apply(E, d(h[1], e.languages.javascript, "javascript")), h.splice.apply(h, E);
+      var _ = [1, 1];
+      _.push.apply(_, d(h[1], e.languages.javascript, "javascript")), h.splice.apply(h, _);
     }
     return new e.Token("interpolation", h, n.alias, g);
   }
   function b(g, y, h) {
-    var E = e.tokenize(g, {
+    var _ = e.tokenize(g, {
       interpolation: {
         pattern: RegExp(o),
         lookbehind: !0
       }
-    }), A = 0, k = {}, $ = E.map(function(W) {
+    }), A = 0, k = {}, N = _.map(function(W) {
       if (typeof W == "string")
         return W;
       for (var X = W.content, L; g.indexOf(L = p(A++, h)) !== -1; )
         ;
       return k[L] = X, L;
-    }).join(""), B = d($, y, h), ie = Object.keys(k);
+    }).join(""), M = d(N, y, h), oe = Object.keys(k);
     A = 0;
     function q(W) {
       for (var X = 0; X < W.length; X++) {
-        if (A >= ie.length)
+        if (A >= oe.length)
           return;
         var L = W[X];
         if (typeof L == "string" || typeof L.content == "string") {
-          var F = ie[A], H = typeof L == "string" ? L : (
+          var F = oe[A], H = typeof L == "string" ? L : (
             /** @type {string} */
             L.content
-          ), te = H.indexOf(F);
-          if (te !== -1) {
+          ), re = H.indexOf(F);
+          if (re !== -1) {
             ++A;
-            var R = H.substring(0, te), _ = f(k[F]), S = H.substring(te + F.length), O = [];
-            if (R && O.push(R), O.push(_), S) {
+            var O = H.substring(0, re), E = f(k[F]), S = H.substring(re + F.length), R = [];
+            if (O && R.push(O), R.push(E), S) {
               var w = [S];
-              q(w), O.push.apply(O, w);
+              q(w), R.push.apply(R, w);
             }
-            typeof L == "string" ? (W.splice.apply(W, [X, 1].concat(O)), X += O.length - 1) : L.content = O;
+            typeof L == "string" ? (W.splice.apply(W, [X, 1].concat(R)), X += R.length - 1) : L.content = R;
           }
         } else {
           var x = L.content;
@@ -4226,7 +4314,7 @@ m.languages.sql = {
         }
       }
     }
-    return q(B), new e.Token(h, B, "language-" + h, g);
+    return q(M), new e.Token(h, M, "language-" + h, g);
   }
   var u = {
     javascript: !0,
@@ -4240,24 +4328,24 @@ m.languages.sql = {
     if (!(g.language in u))
       return;
     function y(h) {
-      for (var E = 0, A = h.length; E < A; E++) {
-        var k = h[E];
+      for (var _ = 0, A = h.length; _ < A; _++) {
+        var k = h[_];
         if (typeof k != "string") {
-          var $ = k.content;
-          if (!Array.isArray($)) {
-            typeof $ != "string" && y([$]);
+          var N = k.content;
+          if (!Array.isArray(N)) {
+            typeof N != "string" && y([N]);
             continue;
           }
           if (k.type === "template-string") {
-            var B = $[1];
-            if ($.length === 3 && typeof B != "string" && B.type === "embedded-code") {
-              var ie = c(B), q = B.alias, W = Array.isArray(q) ? q[0] : q, X = e.languages[W];
+            var M = N[1];
+            if (N.length === 3 && typeof M != "string" && M.type === "embedded-code") {
+              var oe = c(M), q = M.alias, W = Array.isArray(q) ? q[0] : q, X = e.languages[W];
               if (!X)
                 continue;
-              $[1] = b(ie, X, W);
+              N[1] = b(oe, X, W);
             }
           } else
-            y($);
+            y(N);
         }
       }
     }
@@ -4633,8 +4721,8 @@ delete m.languages.go["class-name"];
               var b = o[s], u = r.tokenStack[b], c = typeof f == "string" ? f : f.content, g = t(n, b), y = c.indexOf(g);
               if (y > -1) {
                 ++s;
-                var h = c.substring(0, y), E = new e.Token(n, e.tokenize(u, r.grammar), "language-" + n, u), A = c.substring(y + g.length), k = [];
-                h && k.push.apply(k, l([h])), k.push(E), A && k.push.apply(k, l([A])), typeof f == "string" ? p.splice.apply(p, [d, 1].concat(k)) : f.content = k;
+                var h = c.substring(0, y), _ = new e.Token(n, e.tokenize(u, r.grammar), "language-" + n, u), A = c.substring(y + g.length), k = [];
+                h && k.push.apply(k, l([h])), k.push(_), A && k.push.apply(k, l([A])), typeof f == "string" ? p.splice.apply(p, [d, 1].concat(k)) : f.content = k;
               }
             } else
               f.content && l(f.content);
@@ -5662,7 +5750,7 @@ var qn = Gt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
   }
 }));
 const Hn = qn;
-var Yn = Object.defineProperty, Vn = Object.defineProperties, Wn = Object.getOwnPropertyDescriptors, Ke = Object.getOwnPropertySymbols, Kt = Object.prototype.hasOwnProperty, Zt = Object.prototype.propertyIsEnumerable, Bt = (e, t, r) => t in e ? Yn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ce = (e, t) => {
+var Yn = Object.defineProperty, Vn = Object.defineProperties, Wn = Object.getOwnPropertyDescriptors, Ke = Object.getOwnPropertySymbols, Kt = Object.prototype.hasOwnProperty, Zt = Object.prototype.propertyIsEnumerable, Bt = (e, t, r) => t in e ? Yn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ie = (e, t) => {
   for (var r in t || (t = {}))
     Kt.call(t, r) && Bt(e, r, t[r]);
   if (Ke)
@@ -5702,10 +5790,10 @@ const Zn = {
     scrollAreaComponent: g,
     colorScheme: y,
     trim: h,
-    unstyled: E,
+    unstyled: _,
     radius: A,
     getPrismTheme: k
-  } = r, $ = Kn(r, [
+  } = r, N = Kn(r, [
     "className",
     "children",
     "language",
@@ -5722,17 +5810,17 @@ const Zn = {
     "unstyled",
     "radius",
     "getPrismTheme"
-  ]), B = h && typeof s == "string" ? s.trim() : s, ie = B.split(`
+  ]), M = h && typeof s == "string" ? s.trim() : s, oe = M.split(`
 `).length.toString().length, q = Cr(), W = Gr(), X = y || q.colorScheme, { classes: L, cx: F } = Hn({
     colorScheme: X,
     native: g !== qt,
-    maxLineSize: ie,
+    maxLineSize: oe,
     radius: A
-  }, { classNames: p, styles: d, unstyled: E, name: "Prism" });
-  return /* @__PURE__ */ Z.createElement(le, Pe(Ce({
+  }, { classNames: p, styles: d, unstyled: _, name: "Prism" });
+  return /* @__PURE__ */ Z.createElement(le, Pe(Ie({
     className: F(L.root, n),
     ref: t
-  }, $), {
+  }, N), {
     translate: "no"
   }), !l && /* @__PURE__ */ Z.createElement(Ve, {
     label: W.copied ? b : f,
@@ -5741,53 +5829,53 @@ const Zn = {
     arrowSize: 6,
     offset: 6,
     color: W.copied ? "teal" : void 0,
-    unstyled: E
+    unstyled: _
   }, /* @__PURE__ */ Z.createElement(bt, {
     className: L.copy,
     "aria-label": W.copied ? b : f,
-    onClick: () => W.copy(B),
-    unstyled: E
+    onClick: () => W.copy(M),
+    unstyled: _
   }, /* @__PURE__ */ Z.createElement(Wt, {
     copied: W.copied
-  }))), /* @__PURE__ */ Z.createElement(Bn, Pe(Ce({}, Nn), {
+  }))), /* @__PURE__ */ Z.createElement(Bn, Pe(Ie({}, Nn), {
     theme: k(q, X),
-    code: B,
+    code: M,
     language: o
   }), ({
     className: H,
-    style: te,
-    tokens: R,
-    getLineProps: _,
+    style: re,
+    tokens: O,
+    getLineProps: E,
     getTokenProps: S
   }) => /* @__PURE__ */ Z.createElement(g, {
     className: L.scrollArea,
     dir: "ltr"
   }, /* @__PURE__ */ Z.createElement("pre", {
     className: F(L.code, H),
-    style: te,
+    style: re,
     dir: "ltr"
-  }, R.map((O, w) => {
-    var x, I, N, U;
-    if (w === R.length - 1 && O.length === 1 && O[0].content === `
+  }, O.map((R, w) => {
+    var x, I, $, j;
+    if (w === O.length - 1 && R.length === 1 && R[0].content === `
 `)
       return null;
-    const P = w + 1, K = _({ line: O, key: w }), oe = P in c, de = X === "dark" ? q.fn.rgba(q.fn.themeColor((x = c[P]) == null ? void 0 : x.color, 9), 0.25) : q.fn.themeColor((I = c[P]) == null ? void 0 : I.color, 0);
-    return /* @__PURE__ */ Z.createElement("div", Pe(Ce({}, K), {
+    const B = w + 1, K = E({ line: R, key: w }), J = B in c, he = X === "dark" ? q.fn.rgba(q.fn.themeColor((x = c[B]) == null ? void 0 : x.color, 9), 0.25) : q.fn.themeColor((I = c[B]) == null ? void 0 : I.color, 0);
+    return /* @__PURE__ */ Z.createElement("div", Pe(Ie({}, K), {
       className: F(L.line, K.className),
-      style: Ce({}, oe ? { backgroundColor: de } : null)
+      style: Ie({}, J ? { backgroundColor: he } : null)
     }), u && /* @__PURE__ */ Z.createElement("div", {
       className: L.lineNumber,
       style: {
-        color: oe ? q.fn.themeColor((N = c[P]) == null ? void 0 : N.color, X === "dark" ? 5 : 8) : void 0
+        color: J ? q.fn.themeColor(($ = c[B]) == null ? void 0 : $.color, X === "dark" ? 5 : 8) : void 0
       }
-    }, ((U = c[P]) == null ? void 0 : U.label) || P), /* @__PURE__ */ Z.createElement("div", {
+    }, ((j = c[B]) == null ? void 0 : j.label) || B), /* @__PURE__ */ Z.createElement("div", {
       className: L.lineContent
-    }, O.map((pe, ye) => {
-      var fe, re;
-      const ue = S({ token: pe, key: ye });
-      return /* @__PURE__ */ Z.createElement("span", Pe(Ce({}, ue), {
-        style: Pe(Ce({}, ue.style), {
-          color: oe ? q.fn.themeColor((fe = c[P]) == null ? void 0 : fe.color, X === "dark" ? 5 : 8) : (re = ue == null ? void 0 : ue.style) == null ? void 0 : re.color
+    }, R.map((de, ye) => {
+      var pe, ne;
+      const ue = S({ token: de, key: ye });
+      return /* @__PURE__ */ Z.createElement("span", Pe(Ie({}, ue), {
+        style: Pe(Ie({}, ue.style), {
+          color: J ? q.fn.themeColor((pe = c[B]) == null ? void 0 : pe.color, X === "dark" ? 5 : 8) : (ne = ue == null ? void 0 : ue.style) == null ? void 0 : ne.color
         })
       }));
     })));
@@ -5916,7 +6004,7 @@ Ue.Panel = aa;
 function ia({
   id: e,
   onSuccess: t,
-  styles: r = Ie
+  styles: r = De
 }) {
   const n = Be(), s = async () => {
     if (e) {
@@ -5927,14 +6015,14 @@ function ia({
         loading: !0
       });
       try {
-        await se.sql_snippet.delete(e), ee({
+        await se.sql_snippet.delete(e), te({
           id: "for-deleting",
           title: "Successful",
           message: `SQL Snippet [${e}] is deleted`,
           color: "green"
         }), t();
       } catch (l) {
-        ee({
+        te({
           id: "for-deleting",
           title: "Failed",
           message: l.message,
@@ -5965,7 +6053,7 @@ function oa({
   ] });
 }
 function Aa({
-  styles: e = Ie,
+  styles: e = De,
   config: t
 }) {
   je(t);
@@ -5973,7 +6061,7 @@ function Aa({
     data: r = [],
     loading: n,
     refresh: s
-  } = Re(async () => {
+  } = Oe(async () => {
     const {
       data: o
     } = await se.sql_snippet.list({
@@ -5986,8 +6074,8 @@ function Aa({
   }, {
     refreshDeps: []
   });
-  return /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(xn, { onSuccess: s }) }),
+  return /* @__PURE__ */ C(fe, { children: [
+    /* @__PURE__ */ a(ee, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(xn, { onSuccess: s }) }),
     /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
@@ -6012,7 +6100,7 @@ function Aa({
             /* @__PURE__ */ a("td", { width: 50, children: /* @__PURE__ */ a(oa, { 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("td", { width: 400, children: /* @__PURE__ */ C(ee, { position: "left", children: [
               /* @__PURE__ */ a(In, { ...o, onSuccess: s }),
               /* @__PURE__ */ a(ia, { id: l, onSuccess: s })
             ] }) })
@@ -6022,7 +6110,7 @@ function Aa({
     ] })
   ] });
 }
-const ka = () => import("./package-d8121363.mjs").then(({
+const ka = () => import("./package-659e29fb.mjs").then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {