@devtable/settings-form 10.4.1 → 10.5.0

package/dist/settings-form.es.js

@@ -1,22 +1,22 @@
-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 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 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";
-import { useClipboard as Gr } from "@mantine/hooks";
-var qr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ze = {}, Hr = {
+import K, { useEffect as bt, forwardRef as Qe, useState as Gt, Component as Ar } from "react";
+import { Box as le, TextInput as ue, Divider as Je, Group as J, NumberInput as kr, PasswordInput as et, Button as Y, Modal as Ae, Stack as Be, Alert as Tr, SegmentedControl as Rr, Tooltip as We, Text as Re, ActionIcon as yt, LoadingOverlay as tt, Table as rt, Select as Or, Switch as xr, createStyles as qt, rem as ze, useComponentDefaultProps as Cr, useMantineTheme as Ir, ScrollArea as Ht, Tabs as nt, HoverCard as pt } from "@mantine/core";
+import { showNotification as ye, updateNotification as ee } from "@mantine/notifications";
+import { Recycle as Dr, AlertCircle as Lr, PlaylistAdd as at, Trash as it, Edit as Fr } from "tabler-icons-react";
+import Nr from "axios";
+import $r from "crypto-js";
+import Pr from "lodash";
+import { useForm as Ee, Controller as q } from "react-hook-form";
+import { useBoolean as zr, useRequest as Oe } from "ahooks";
+import Yt, { loader as gt } from "@monaco-editor/react";
+import { useModals as je, closeAllModals as Mr } from "@mantine/modals";
+import { IconLock as Vt, IconEdit as ft, IconNetwork as Br, IconBrandMysql as jr, IconDatabase as Ur, IconEye as Gr } from "@tabler/icons-react";
+import { useClipboard as qr } from "@mantine/hooks";
+var Hr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Me = {}, Yr = {
   get exports() {
-    return ze;
+    return Me;
   },
   set exports(e) {
-    ze = e;
+    Me = e;
   }
 }, Fe = {};
 /**
@@ -28,12 +28,12 @@ var qr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Lt;
-function Yr() {
-  if (Lt)
+var Ft;
+function Vr() {
+  if (Ft)
     return Fe;
-  Lt = 1;
-  var e = Z, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  Ft = 1;
+  var e = K, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(p, d, f) {
     var b, u = {}, c = null, g = null;
     f !== void 0 && (c = "" + f), d.key !== void 0 && (c = "" + d.key), d.ref !== void 0 && (g = d.ref);
@@ -56,10 +56,10 @@ var Ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var 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";
+var Nt;
+function Wr() {
+  return Nt || (Nt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = K, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), c = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), y = Symbol.iterator, h = "@@iterator";
     function _(i) {
       if (i === null || typeof i != "object")
         return null;
@@ -76,31 +76,31 @@ function Vr() {
     }
     function N(i, v, T) {
       {
-        var D = A.ReactDebugCurrentFrame, U = D.getStackAddendum();
-        U !== "" && (v += "%s", T = T.concat([U]));
-        var V = T.map(function(z) {
+        var D = A.ReactDebugCurrentFrame, G = D.getStackAddendum();
+        G !== "" && (v += "%s", T = T.concat([G]));
+        var W = T.map(function(z) {
           return String(z);
         });
-        V.unshift("Warning: " + v), Function.prototype.apply.call(console[i], console, V);
+        W.unshift("Warning: " + v), Function.prototype.apply.call(console[i], console, W);
       }
     }
-    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 || 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
+    var M = !1, ne = !1, Q = !1, H = !1, Z = !1, F;
+    F = Symbol.for("react.module.reference");
+    function L(i) {
+      return !!(typeof i == "string" || typeof i == "function" || i === n || i === o || Z || i === s || i === f || i === b || H || i === g || M || ne || 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.
-      i.$$typeof === L || i.getModuleId !== void 0));
+      i.$$typeof === F || i.getModuleId !== void 0));
     }
-    function H(i, v, T) {
+    function B(i, v, T) {
       var D = i.displayName;
       if (D)
         return D;
-      var U = v.displayName || v.name || "";
-      return U !== "" ? T + "(" + U + ")" : T;
+      var G = v.displayName || v.name || "";
+      return G !== "" ? T + "(" + G + ")" : T;
     }
-    function re(i) {
+    function te(i) {
       return i.displayName || "Context";
     }
     function O(i) {
@@ -128,19 +128,19 @@ function Vr() {
         switch (i.$$typeof) {
           case p:
             var v = i;
-            return re(v) + ".Consumer";
+            return te(v) + ".Consumer";
           case l:
             var T = i;
-            return re(T._context) + ".Provider";
+            return te(T._context) + ".Provider";
           case d:
-            return H(i, i.render, "ForwardRef");
+            return B(i, i.render, "ForwardRef");
           case u:
             var D = i.displayName || null;
             return D !== null ? D : O(i.type) || "Memo";
           case c: {
-            var U = i, V = U._payload, z = U._init;
+            var G = i, W = G._payload, z = G._init;
             try {
-              return O(z(V));
+              return O(z(W));
             } catch {
               return null;
             }
@@ -148,18 +148,18 @@ function Vr() {
         }
       return null;
     }
-    var E = Object.assign, S = 0, R, w, x, I, $, j, B;
-    function K() {
+    var E = Object.assign, S = 0, R, w, x, I, $, j, V;
+    function U() {
     }
-    K.__reactDisabledLog = !0;
-    function J() {
+    U.__reactDisabledLog = !0;
+    function re() {
       {
         if (S === 0) {
-          R = console.log, w = console.info, x = console.warn, I = console.error, $ = console.group, j = console.groupCollapsed, B = console.groupEnd;
+          R = console.log, w = console.info, x = console.warn, I = console.error, $ = console.group, j = console.groupCollapsed, V = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
-            value: K,
+            value: U,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -175,7 +175,7 @@ function Vr() {
         S++;
       }
     }
-    function he() {
+    function ge() {
       {
         if (S--, S === 0) {
           var i = {
@@ -203,46 +203,46 @@ function Vr() {
               value: j
             }),
             groupEnd: E({}, i, {
-              value: B
+              value: V
             })
           });
         }
         S < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var de = A.ReactCurrentDispatcher, ye;
-    function pe(i, v, T) {
+    var ce = A.ReactCurrentDispatcher, ve;
+    function fe(i, v, T) {
       {
-        if (ye === void 0)
+        if (ve === void 0)
           try {
             throw Error();
-          } catch (U) {
-            var D = U.stack.trim().match(/\n( *(at )?)/);
-            ye = D && D[1] || "";
+          } catch (G) {
+            var D = G.stack.trim().match(/\n( *(at )?)/);
+            ve = D && D[1] || "";
           }
         return `
-` + ye + i;
+` + ve + i;
       }
     }
-    var ne = !1, ue;
+    var ae = !1, de;
     {
-      var ke = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new ke();
+      var me = typeof WeakMap == "function" ? WeakMap : Map;
+      de = new me();
     }
     function Te(i, v) {
-      if (!i || ne)
+      if (!i || ae)
         return "";
       {
-        var T = ue.get(i);
+        var T = de.get(i);
         if (T !== void 0)
           return T;
       }
       var D;
-      ne = !0;
-      var U = Error.prepareStackTrace;
+      ae = !0;
+      var G = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var V;
-      V = de.current, de.current = null, J();
+      var W;
+      W = ce.current, ce.current = null, re();
       try {
         if (v) {
           var z = function() {
@@ -255,171 +255,171 @@ function Vr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(z, []);
-            } catch (Se) {
-              D = Se;
+            } catch (we) {
+              D = we;
             }
             Reflect.construct(i, [], z);
           } else {
             try {
               z.call();
-            } catch (Se) {
-              D = Se;
+            } catch (we) {
+              D = we;
             }
             i.call(z.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Se) {
-            D = Se;
+          } catch (we) {
+            D = we;
           }
           i();
         }
-      } catch (Se) {
-        if (Se && D && typeof Se.stack == "string") {
-          for (var P = Se.stack.split(`
-`), ge = D.stack.split(`
-`), 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)
+      } catch (we) {
+        if (we && D && typeof we.stack == "string") {
+          for (var P = we.stack.split(`
+`), pe = D.stack.split(`
+`), ie = P.length - 1, oe = pe.length - 1; ie >= 1 && oe >= 0 && P[ie] !== pe[oe]; )
+            oe--;
+          for (; ie >= 1 && oe >= 0; ie--, oe--)
+            if (P[ie] !== pe[oe]) {
+              if (ie !== 1 || oe !== 1)
                 do
-                  if (ae--, ie--, ie < 0 || P[ae] !== ge[ie]) {
-                    var me = `
-` + 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;
+                  if (ie--, oe--, oe < 0 || P[ie] !== pe[oe]) {
+                    var be = `
+` + P[ie].replace(" at new ", " at ");
+                    return i.displayName && be.includes("<anonymous>") && (be = be.replace("<anonymous>", i.displayName)), typeof i == "function" && de.set(i, be), be;
                   }
-                while (ae >= 1 && ie >= 0);
+                while (ie >= 1 && oe >= 0);
               break;
             }
         }
       } finally {
-        ne = !1, de.current = V, he(), Error.prepareStackTrace = U;
+        ae = !1, ce.current = W, ge(), Error.prepareStackTrace = G;
       }
-      var Ce = i ? i.displayName || i.name : "", Dt = Ce ? pe(Ce) : "";
-      return typeof i == "function" && ue.set(i, Dt), Dt;
+      var Ce = i ? i.displayName || i.name : "", Lt = Ce ? fe(Ce) : "";
+      return typeof i == "function" && de.set(i, Lt), Lt;
     }
-    function tr(i, v, T) {
+    function rr(i, v, T) {
       return Te(i, !1);
     }
-    function rr(i) {
+    function nr(i) {
       var v = i.prototype;
       return !!(v && v.isReactComponent);
     }
-    function Ge(i, v, T) {
+    function qe(i, v, T) {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return Te(i, rr(i));
+        return Te(i, nr(i));
       if (typeof i == "string")
-        return pe(i);
+        return fe(i);
       switch (i) {
         case f:
-          return pe("Suspense");
+          return fe("Suspense");
         case b:
-          return pe("SuspenseList");
+          return fe("SuspenseList");
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
           case d:
-            return tr(i.render);
+            return rr(i.render);
           case u:
-            return Ge(i.type, v, T);
+            return qe(i.type, v, T);
           case c: {
-            var D = i, U = D._payload, V = D._init;
+            var D = i, G = D._payload, W = D._init;
             try {
-              return Ge(V(U), v, T);
+              return qe(W(G), v, T);
             } catch {
             }
           }
         }
       return "";
     }
-    var qe = Object.prototype.hasOwnProperty, St = {}, wt = A.ReactDebugCurrentFrame;
-    function He(i) {
+    var He = Object.prototype.hasOwnProperty, wt = {}, Et = A.ReactDebugCurrentFrame;
+    function Ye(i) {
       if (i) {
-        var v = i._owner, T = Ge(i.type, i._source, v ? v.type : null);
-        wt.setExtraStackFrame(T);
+        var v = i._owner, T = qe(i.type, i._source, v ? v.type : null);
+        Et.setExtraStackFrame(T);
       } else
-        wt.setExtraStackFrame(null);
+        Et.setExtraStackFrame(null);
     }
-    function nr(i, v, T, D, U) {
+    function ar(i, v, T, D, G) {
       {
-        var V = Function.call.bind(qe);
+        var W = Function.call.bind(He);
         for (var z in i)
-          if (V(i, z)) {
+          if (W(i, z)) {
             var P = void 0;
             try {
               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;
+                var pe = 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 pe.name = "Invariant Violation", pe;
               }
               P = i[z](v, z, D, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ae) {
-              P = ae;
+            } catch (ie) {
+              P = ie;
             }
-            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));
+            P && !(P instanceof Error) && (Ye(G), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", D || "React class", T, z, typeof P), Ye(null)), P instanceof Error && !(P.message in wt) && (wt[P.message] = !0, Ye(G), k("Failed %s type: %s", T, P.message), Ye(null));
           }
       }
     }
-    var ar = Array.isArray;
-    function ot(i) {
-      return ar(i);
+    var ir = Array.isArray;
+    function st(i) {
+      return ir(i);
     }
-    function ir(i) {
+    function or(i) {
       {
         var v = typeof Symbol == "function" && Symbol.toStringTag, T = v && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return T;
       }
     }
-    function or(i) {
+    function sr(i) {
       try {
-        return Et(i), !1;
+        return _t(i), !1;
       } catch {
         return !0;
       }
     }
-    function Et(i) {
+    function _t(i) {
       return "" + i;
     }
-    function _t(i) {
-      if (or(i))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ir(i)), Et(i);
+    function At(i) {
+      if (sr(i))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", or(i)), _t(i);
     }
-    var Le = A.ReactCurrentOwner, sr = {
+    var Le = A.ReactCurrentOwner, lr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, At, kt, st;
-    st = {};
-    function lr(i) {
-      if (qe.call(i, "ref")) {
+    }, kt, Tt, lt;
+    lt = {};
+    function ur(i) {
+      if (He.call(i, "ref")) {
         var v = Object.getOwnPropertyDescriptor(i, "ref").get;
         if (v && v.isReactWarning)
           return !1;
       }
       return i.ref !== void 0;
     }
-    function ur(i) {
-      if (qe.call(i, "key")) {
+    function cr(i) {
+      if (He.call(i, "key")) {
         var v = Object.getOwnPropertyDescriptor(i, "key").get;
         if (v && v.isReactWarning)
           return !1;
       }
       return i.key !== void 0;
     }
-    function cr(i, v) {
+    function dr(i, v) {
       if (typeof i.ref == "string" && Le.current && v && Le.current.stateNode !== v) {
         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);
+        lt[T] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', O(Le.current.type), i.ref), lt[T] = !0);
       }
     }
-    function dr(i, v) {
+    function pr(i, v) {
       {
         var T = function() {
-          At || (At = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+          kt || (kt = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
         };
         T.isReactWarning = !0, Object.defineProperty(i, "key", {
           get: T,
@@ -427,10 +427,10 @@ function Vr() {
         });
       }
     }
-    function pr(i, v) {
+    function gr(i, v) {
       {
         var T = function() {
-          kt || (kt = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+          Tt || (Tt = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
         };
         T.isReactWarning = !0, Object.defineProperty(i, "ref", {
           get: T,
@@ -438,7 +438,7 @@ function Vr() {
         });
       }
     }
-    var gr = function(i, v, T, D, U, V, z) {
+    var fr = function(i, v, T, D, G, W, z) {
       var P = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -448,7 +448,7 @@ function Vr() {
         ref: T,
         props: z,
         // Record the component responsible for creating this element.
-        _owner: V
+        _owner: W
       };
       return P._store = {}, Object.defineProperty(P._store, "validated", {
         configurable: !1,
@@ -464,44 +464,44 @@ function Vr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: U
+        value: G
       }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
     };
-    function fr(i, v, T, D, U) {
+    function hr(i, v, T, D, G) {
       {
-        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) && (z[V] = v[V]);
+        var W, z = {}, P = null, pe = null;
+        T !== void 0 && (At(T), P = "" + T), cr(v) && (At(v.key), P = "" + v.key), ur(v) && (pe = v.ref, dr(v, G));
+        for (W in v)
+          He.call(v, W) && !lr.hasOwnProperty(W) && (z[W] = v[W]);
         if (i && i.defaultProps) {
-          var ae = i.defaultProps;
-          for (V in ae)
-            z[V] === void 0 && (z[V] = ae[V]);
+          var ie = i.defaultProps;
+          for (W in ie)
+            z[W] === void 0 && (z[W] = ie[W]);
         }
-        if (P || ge) {
-          var ie = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          P && dr(z, ie), ge && pr(z, ie);
+        if (P || pe) {
+          var oe = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
+          P && pr(z, oe), pe && gr(z, oe);
         }
-        return gr(i, P, ge, U, D, Le.current, z);
+        return fr(i, P, pe, G, D, Le.current, z);
       }
     }
-    var lt = A.ReactCurrentOwner, Tt = A.ReactDebugCurrentFrame;
+    var ut = A.ReactCurrentOwner, Rt = A.ReactDebugCurrentFrame;
     function xe(i) {
       if (i) {
-        var v = i._owner, T = Ge(i.type, i._source, v ? v.type : null);
-        Tt.setExtraStackFrame(T);
+        var v = i._owner, T = qe(i.type, i._source, v ? v.type : null);
+        Rt.setExtraStackFrame(T);
       } else
-        Tt.setExtraStackFrame(null);
+        Rt.setExtraStackFrame(null);
     }
-    var ut;
-    ut = !1;
-    function ct(i) {
+    var ct;
+    ct = !1;
+    function dt(i) {
       return typeof i == "object" && i !== null && i.$$typeof === t;
     }
-    function Rt() {
+    function Ot() {
       {
-        if (lt.current) {
-          var i = O(lt.current.type);
+        if (ut.current) {
+          var i = O(ut.current.type);
           if (i)
             return `
 
@@ -510,7 +510,7 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function hr(i) {
+    function mr(i) {
       {
         if (i !== void 0) {
           var v = i.fileName.replace(/^.*[\\\/]/, ""), T = i.lineNumber;
@@ -521,10 +521,10 @@ Check your code at ` + v + ":" + T + ".";
         return "";
       }
     }
-    var Ot = {};
-    function mr(i) {
+    var xt = {};
+    function br(i) {
       {
-        var v = Rt();
+        var v = Ot();
         if (!v) {
           var T = typeof i == "string" ? i : i.displayName || i.name;
           T && (v = `
@@ -534,39 +534,39 @@ Check the top-level render call using <` + T + ">.");
         return v;
       }
     }
-    function xt(i, v) {
+    function Ct(i, v) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var T = mr(v);
-        if (Ot[T])
+        var T = br(v);
+        if (xt[T])
           return;
-        Ot[T] = !0;
+        xt[T] = !0;
         var D = "";
-        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);
+        i && i._owner && i._owner !== ut.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) {
+    function It(i, v) {
       {
         if (typeof i != "object")
           return;
-        if (ot(i))
+        if (st(i))
           for (var T = 0; T < i.length; T++) {
             var D = i[T];
-            ct(D) && xt(D, v);
+            dt(D) && Ct(D, v);
           }
-        else if (ct(i))
+        else if (dt(i))
           i._store && (i._store.validated = !0);
         else if (i) {
-          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);
+          var G = _(i);
+          if (typeof G == "function" && G !== i.entries)
+            for (var W = G.call(i), z; !(z = W.next()).done; )
+              dt(z.value) && Ct(z.value, v);
         }
       }
     }
-    function br(i) {
+    function yr(i) {
       {
         var v = i.type;
         if (v == null || typeof v == "string")
@@ -582,16 +582,16 @@ Check the top-level render call using <` + T + ">.");
           return;
         if (T) {
           var D = O(v);
-          nr(T, i.props, "prop", D, i);
-        } else if (v.PropTypes !== void 0 && !ut) {
-          ut = !0;
-          var U = O(v);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
+          ar(T, i.props, "prop", D, i);
+        } else if (v.PropTypes !== void 0 && !ct) {
+          ct = !0;
+          var G = O(v);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", G || "Unknown");
         }
         typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function yr(i) {
+    function vr(i) {
       {
         for (var v = Object.keys(i.props), T = 0; T < v.length; T++) {
           var D = v[T];
@@ -603,51 +603,51 @@ Check the top-level render call using <` + T + ">.");
         i.ref !== null && (xe(i), k("Invalid attribute `ref` supplied to `React.Fragment`."), xe(null));
       }
     }
-    function It(i, v, T, D, U, V) {
+    function Dt(i, v, T, D, G, W) {
       {
-        var z = F(i);
+        var z = L(i);
         if (!z) {
           var P = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (P += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ge = 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 pe = mr(G);
+          pe ? P += pe : P += Ot();
+          var ie;
+          i === null ? ie = "null" : st(i) ? ie = "array" : i !== void 0 && i.$$typeof === t ? (ie = "<" + (O(i.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : ie = 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", ie, P);
         }
-        var ie = fr(i, v, T, U, V);
-        if (ie == null)
-          return ie;
+        var oe = hr(i, v, T, G, W);
+        if (oe == null)
+          return oe;
         if (z) {
-          var me = v.children;
-          if (me !== void 0)
+          var be = v.children;
+          if (be !== void 0)
             if (D)
-              if (ot(me)) {
-                for (var Ce = 0; Ce < me.length; Ce++)
-                  Ct(me[Ce], i);
-                Object.freeze && Object.freeze(me);
+              if (st(be)) {
+                for (var Ce = 0; Ce < be.length; Ce++)
+                  It(be[Ce], i);
+                Object.freeze && Object.freeze(be);
               } 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);
+              It(be, i);
         }
-        return i === n ? yr(ie) : br(ie), ie;
+        return i === n ? vr(oe) : yr(oe), oe;
       }
     }
-    function vr(i, v, T) {
-      return It(i, v, T, !0);
-    }
     function Sr(i, v, T) {
-      return It(i, v, T, !1);
+      return Dt(i, v, T, !0);
+    }
+    function wr(i, v, T) {
+      return Dt(i, v, T, !1);
     }
-    var wr = Sr, Er = vr;
-    Ne.Fragment = n, Ne.jsx = wr, Ne.jsxs = Er;
+    var Er = wr, _r = Sr;
+    Ne.Fragment = n, Ne.jsx = Er, Ne.jsxs = _r;
   }()), Ne;
 }
 (function(e) {
-  process.env.NODE_ENV === "production" ? e.exports = Yr() : e.exports = Vr();
-})(Hr);
-const fe = ze.Fragment, a = ze.jsx, C = ze.jsxs;
-function Wr(e) {
+  process.env.NODE_ENV === "production" ? e.exports = Vr() : e.exports = Wr();
+})(Yr);
+const he = Me.Fragment, a = Me.jsx, C = Me.jsxs;
+function Kr(e) {
   e = e || {};
   const t = Object.keys(e).sort(), r = [];
   for (let n = 0; n < t.length; n++) {
@@ -664,11 +664,11 @@ function Wr(e) {
   }
   return r.sort().join("&");
 }
-function Kr(e, t) {
-  let r = Wr(e);
-  return r += "&key=" + t, Nr.MD5(r).toString().toUpperCase();
+function Zr(e, t) {
+  let r = Kr(e);
+  return r += "&key=" + t, $r.MD5(r).toString().toUpperCase();
 }
-const Q = {
+const X = {
   baseURL: "http://localhost:31200",
   app_id: "",
   app_secret: "",
@@ -679,7 +679,7 @@ const Q = {
     return {
       app_id: this.app_id,
       nonce_str: t,
-      sign: Kr({
+      sign: Zr({
         app_id: this.app_id,
         nonce_str: t,
         ...e
@@ -701,22 +701,22 @@ const Q = {
         headers: l,
         signal: t
       };
-      return ["POST", "PUT"].includes(e) && (p.data = s.string ? JSON.stringify(n) : n, p.data.authentication = this.getAuthentication(p.data)), Fr(p).then((d) => d.data).catch((d) => $r.has(d, "response.data.detail.message") ? Promise.reject(new Error(d.response.data.detail.message)) : Promise.reject(d));
+      return ["POST", "PUT"].includes(e) && (p.data = s.string ? JSON.stringify(n) : n, p.data.authentication = this.getAuthentication(p.data)), Nr(p).then((d) => d.data).catch((d) => Pr.has(d, "response.data.detail.message") ? Promise.reject(new Error(d.response.data.detail.message)) : Promise.reject(d));
     };
   }
 };
-function je(e) {
-  Q.baseURL !== e.apiBaseURL && (Q.baseURL = e.apiBaseURL), e.app_id && (Q.app_id = e.app_id), e.app_secret && (Q.app_secret = e.app_secret);
+function Ue(e) {
+  X.baseURL !== e.apiBaseURL && (X.baseURL = e.apiBaseURL), e.app_id && (X.app_id = e.app_id), e.app_secret && (X.app_secret = e.app_secret);
 }
-const Zr = {
+const Xr = {
   login: async (e, t) => {
     const r = {
       name: e,
       password: t
     };
-    return await Q.getRequest("POST")("/account/login", r);
+    return await X.getRequest("POST")("/account/login", r);
   },
-  list: async () => await Q.getRequest("POST")("/account/list", {
+  list: async () => await X.getRequest("POST")("/account/list", {
     filter: {},
     sort: [{
       field: "name",
@@ -730,7 +730,7 @@ const Zr = {
   /**
    * get current account
    */
-  get: async () => await Q.getRequest("GET")("/account/get", {}),
+  get: async () => await X.getRequest("GET")("/account/get", {}),
   /**
    * update current account
    */
@@ -739,7 +739,7 @@ const Zr = {
       name: e.trim(),
       email: t.trim()
     };
-    return await Q.getRequest("PUT")("/account/update", r);
+    return await X.getRequest("PUT")("/account/update", r);
   },
   /**
    * change current account's password
@@ -749,23 +749,23 @@ const Zr = {
       old_password: e.trim(),
       new_password: t.trim()
     };
-    return await Q.getRequest("POST")("/account/changepassword", r);
+    return await X.getRequest("POST")("/account/changepassword", r);
   },
-  create: async (e, t, r, n) => await Q.getRequest("POST")("/account/create", {
+  create: async (e, t, r, n) => await X.getRequest("POST")("/account/create", {
     name: e.trim(),
     email: t.trim(),
     password: r.trim(),
     role_id: n
   }),
-  edit: async (e) => (e.reset_password || (e.new_password = void 0), await Q.getRequest("PUT")("/account/edit", e)),
+  edit: async (e) => (e.reset_password || (e.new_password = void 0), await X.getRequest("PUT")("/account/edit", e)),
   delete: async (e) => {
     if (e)
-      return Q.getRequest("POST")("/account/delete", {
+      return X.getRequest("POST")("/account/delete", {
         id: e
       });
   }
-}, Xr = {
-  list: async () => await Q.getRequest("POST")("/api/key/list", {
+}, Qr = {
+  list: async () => await X.getRequest("POST")("/api/key/list", {
     filter: {
       search: ""
     },
@@ -778,18 +778,18 @@ const Zr = {
       pagesize: 100
     }
   }),
-  create: async (e, t) => Q.getRequest("POST")("/api/key/create", {
+  create: async (e, t) => X.getRequest("POST")("/api/key/create", {
     name: e,
     role_id: t
   }),
   delete: async (e) => {
     if (e)
-      return Q.getRequest("POST")("/api/key/delete", {
+      return X.getRequest("POST")("/api/key/delete", {
         id: e
       });
   }
-}, Qr = {
-  list: async () => await Q.getRequest("POST")("/datasource/list", {
+}, Jr = {
+  list: async () => await X.getRequest("POST")("/datasource/list", {
     filter: {},
     sort: [{
       field: "create_time",
@@ -800,35 +800,35 @@ const Zr = {
       pagesize: 100
     }
   }),
-  create: async (e, t, r) => await Q.getRequest("POST")("/datasource/create", {
+  create: async (e, t, r) => await X.getRequest("POST")("/datasource/create", {
     type: e,
     key: t,
     config: r
   }),
-  update: async (e, t) => await Q.getRequest("PUT")("/datasource/update", {
+  update: async (e, t) => await X.getRequest("PUT")("/datasource/update", {
     id: e,
     config: t
   }),
   delete: async (e) => {
-    await Q.getRequest("POST")("/datasource/delete", {
+    await X.getRequest("POST")("/datasource/delete", {
       id: e
     });
   }
-}, Jr = {
-  list: async () => await Q.getRequest("GET")("/role/list", {})
+}, en = {
+  list: async () => await X.getRequest("GET")("/role/list", {})
 };
-var ft = {}, en = {
+var ht = {}, tn = {
   get exports() {
-    return ft;
+    return ht;
   },
   set exports(e) {
-    ft = e;
+    ht = e;
   }
 };
 (function(e, t) {
   (function(r, n) {
     e.exports = n();
-  })(qr, function() {
+  })(Hr, 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", _ = /^(\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]) + "]";
@@ -849,37 +849,37 @@ var ft = {}, en = {
       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) {
+    } }, ne = "en", Q = {};
+    Q[ne] = k;
+    var H = function(O) {
+      return O instanceof B;
+    }, Z = function O(E, S, R) {
       var w;
       if (!E)
-        return oe;
+        return ne;
       if (typeof E == "string") {
         var x = E.toLowerCase();
-        q[x] && (w = x), S && (q[x] = S, w = x);
+        Q[x] && (w = x), S && (Q[x] = S, w = x);
         var I = E.split("-");
         if (!w && I.length > 1)
           return O(I[0]);
       } else {
         var $ = E.name;
-        q[$] = E, w = $;
+        Q[$] = E, w = $;
       }
-      return !R && w && (oe = w), w || !R && oe;
-    }, L = function(O, E) {
-      if (W(O))
+      return !R && w && (ne = w), w || !R && ne;
+    }, F = function(O, E) {
+      if (H(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 });
+      return S.date = O, S.args = arguments, new B(S);
+    }, L = M;
+    L.l = Z, L.i = H, L.w = function(O, E) {
+      return F(O, { locale: E.$L, utc: E.$u, x: E.$x, $offset: E.$offset });
     };
-    var H = function() {
+    var B = function() {
       function O(S) {
-        this.$L = X(S.locale, null, !0), this.parse(S);
+        this.$L = Z(S.locale, null, !0), this.parse(S);
       }
       var E = O.prototype;
       return E.parse = function(S) {
@@ -887,7 +887,7 @@ var ft = {}, en = {
           var w = R.date, x = R.utc;
           if (w === null)
             return /* @__PURE__ */ new Date(NaN);
-          if (F.u(w))
+          if (L.u(w))
             return /* @__PURE__ */ new Date();
           if (w instanceof Date)
             return new Date(w);
@@ -904,69 +904,69 @@ var ft = {}, en = {
         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();
       }, E.$utils = function() {
-        return F;
+        return L;
       }, E.isValid = function() {
         return this.$d.toString() !== h;
       }, E.isSame = function(S, R) {
-        var w = L(S);
+        var w = F(S);
         return this.startOf(R) <= w && w <= this.endOf(R);
       }, E.isAfter = function(S, R) {
-        return L(S) < this.startOf(R);
+        return F(S) < this.startOf(R);
       }, E.isBefore = function(S, R) {
-        return this.endOf(R) < L(S);
+        return this.endOf(R) < F(S);
       }, E.$g = function(S, R, w) {
-        return F.u(S) ? this[R] : this.set(w, S);
+        return L.u(S) ? this[R] : this.set(w, S);
       }, E.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
       }, E.valueOf = function() {
         return this.$d.getTime();
       }, 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);
-        }, 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" : "");
+        var w = this, x = !!L.u(R) || R, I = L.p(S), $ = function(fe, ae) {
+          var de = L.w(w.$u ? Date.UTC(w.$y, ae, fe) : new Date(w.$y, ae, fe), w);
+          return x ? de : de.endOf(f);
+        }, j = function(fe, ae) {
+          return L.w(w.toDate()[fe].apply(w.toDate("s"), (x ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ae)), w);
+        }, V = this.$W, U = this.$M, re = this.$D, ge = "set" + (this.$u ? "UTC" : "");
         switch (I) {
           case g:
             return x ? $(1, 0) : $(31, 11);
           case u:
-            return x ? $(1, K) : $(0, K + 1);
+            return x ? $(1, U) : $(0, U + 1);
           case b:
-            var de = this.$locale().weekStart || 0, ye = (B < de ? B + 7 : B) - de;
-            return $(x ? J - ye : J + (6 - ye), K);
+            var ce = this.$locale().weekStart || 0, ve = (V < ce ? V + 7 : V) - ce;
+            return $(x ? re - ve : re + (6 - ve), U);
           case f:
           case y:
-            return j(he + "Hours", 0);
+            return j(ge + "Hours", 0);
           case d:
-            return j(he + "Minutes", 1);
+            return j(ge + "Minutes", 1);
           case p:
-            return j(he + "Seconds", 2);
+            return j(ge + "Seconds", 2);
           case l:
-            return j(he + "Milliseconds", 3);
+            return j(ge + "Milliseconds", 3);
           default:
             return this.clone();
         }
       }, E.endOf = function(S) {
         return this.startOf(S, !1);
       }, 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;
+        var w, x = L.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 B = this.clone().set(y, 1);
-          B.$d[$](j), B.init(), this.$d = B.set(y, Math.min(this.$D, B.daysInMonth())).$d;
+          var V = this.clone().set(y, 1);
+          V.$d[$](j), V.init(), this.$d = V.set(y, Math.min(this.$D, V.daysInMonth())).$d;
         } else
           $ && this.$d[$](j);
         return this.init(), this;
       }, E.set = function(S, R) {
         return this.clone().$set(S, R);
       }, E.get = function(S) {
-        return this[F.p(S)]();
+        return this[L.p(S)]();
       }, E.add = function(S, R) {
         var w, x = this;
         S = Number(S);
-        var I = F.p(R), $ = function(K) {
-          var J = L(x);
-          return F.w(J.date(J.date() + Math.round(K * S)), x);
+        var I = L.p(R), $ = function(U) {
+          var re = F(x);
+          return L.w(re.date(re.date() + Math.round(U * S)), x);
         };
         if (I === u)
           return this.set(u, this.$M + S);
@@ -976,123 +976,123 @@ var ft = {}, en = {
           return $(1);
         if (I === b)
           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);
+        var j = (w = {}, w[p] = n, w[d] = s, w[l] = r, w)[I] || 1, V = this.$d.getTime() + S * j;
+        return L.w(V, 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), $ = 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;
+        var x = S || "YYYY-MM-DDTHH:mm:ssZ", I = L.z(this), $ = this.$H, j = this.$m, V = this.$M, U = w.weekdays, re = w.months, ge = w.meridiem, ce = function(ae, de, me, Te) {
+          return ae && (ae[de] || ae(R, x)) || me[de].slice(0, Te);
+        }, ve = function(ae) {
+          return L.s($ % 12 || 12, ae, "0");
+        }, fe = ge || function(ae, de, me) {
+          var Te = ae < 12 ? "AM" : "PM";
+          return me ? Te.toLowerCase() : Te;
         };
-        return x.replace(A, function(ne, ue) {
-          return ue || function(ke) {
-            switch (ke) {
+        return x.replace(A, function(ae, de) {
+          return de || function(me) {
+            switch (me) {
               case "YY":
                 return String(R.$y).slice(-2);
               case "YYYY":
-                return F.s(R.$y, 4, "0");
+                return L.s(R.$y, 4, "0");
               case "M":
-                return B + 1;
+                return V + 1;
               case "MM":
-                return F.s(B + 1, 2, "0");
+                return L.s(V + 1, 2, "0");
               case "MMM":
-                return de(w.monthsShort, B, J, 3);
+                return ce(w.monthsShort, V, re, 3);
               case "MMMM":
-                return de(J, B);
+                return ce(re, V);
               case "D":
                 return R.$D;
               case "DD":
-                return F.s(R.$D, 2, "0");
+                return L.s(R.$D, 2, "0");
               case "d":
                 return String(R.$W);
               case "dd":
-                return de(w.weekdaysMin, R.$W, K, 2);
+                return ce(w.weekdaysMin, R.$W, U, 2);
               case "ddd":
-                return de(w.weekdaysShort, R.$W, K, 3);
+                return ce(w.weekdaysShort, R.$W, U, 3);
               case "dddd":
-                return K[R.$W];
+                return U[R.$W];
               case "H":
                 return String($);
               case "HH":
-                return F.s($, 2, "0");
+                return L.s($, 2, "0");
               case "h":
-                return ye(1);
+                return ve(1);
               case "hh":
-                return ye(2);
+                return ve(2);
               case "a":
-                return pe($, j, !0);
+                return fe($, j, !0);
               case "A":
-                return pe($, j, !1);
+                return fe($, j, !1);
               case "m":
                 return String(j);
               case "mm":
-                return F.s(j, 2, "0");
+                return L.s(j, 2, "0");
               case "s":
                 return String(R.$s);
               case "ss":
-                return F.s(R.$s, 2, "0");
+                return L.s(R.$s, 2, "0");
               case "SSS":
-                return F.s(R.$ms, 3, "0");
+                return L.s(R.$ms, 3, "0");
               case "Z":
                 return I;
             }
             return null;
-          }(ne) || I.replace(":", "");
+          }(ae) || I.replace(":", "");
         });
       }, E.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, 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);
+        var x, I = this, $ = L.p(R), j = F(S), V = (j.utcOffset() - this.utcOffset()) * n, U = this - j, re = function() {
+          return L.m(I, j);
         };
         switch ($) {
           case g:
-            x = J() / 12;
+            x = re() / 12;
             break;
           case u:
-            x = J();
+            x = re();
             break;
           case c:
-            x = J() / 3;
+            x = re() / 3;
             break;
           case b:
-            x = (K - B) / 6048e5;
+            x = (U - V) / 6048e5;
             break;
           case f:
-            x = (K - B) / 864e5;
+            x = (U - V) / 864e5;
             break;
           case d:
-            x = K / s;
+            x = U / s;
             break;
           case p:
-            x = K / n;
+            x = U / n;
             break;
           case l:
-            x = K / r;
+            x = U / r;
             break;
           default:
-            x = K;
+            x = U;
         }
-        return w ? x : F.a(x);
+        return w ? x : L.a(x);
       }, E.daysInMonth = function() {
         return this.endOf(u).$D;
       }, E.$locale = function() {
-        return q[this.$L];
+        return Q[this.$L];
       }, E.locale = function(S, R) {
         if (!S)
           return this.$L;
-        var w = this.clone(), x = X(S, R, !0);
+        var w = this.clone(), x = Z(S, R, !0);
         return x && (w.$L = x), w;
       }, E.clone = function() {
-        return F.w(this.$d, this);
+        return L.w(this.$d, this);
       }, E.toDate = function() {
         return new Date(this.valueOf());
       }, E.toJSON = function() {
@@ -1102,23 +1102,23 @@ var ft = {}, en = {
       }, E.toString = function() {
         return this.$d.toUTCString();
       }, 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) {
+    }(), te = B.prototype;
+    return F.prototype = te, [["$ms", o], ["$s", l], ["$m", p], ["$H", d], ["$W", f], ["$M", u], ["$y", g], ["$D", y]].forEach(function(O) {
+      te[O[1]] = function(E) {
         return this.$g(E, O[0], O[1]);
       };
-    }), 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;
+    }), F.extend = function(O, E) {
+      return O.$i || (O(E, B, F), O.$i = !0), F;
+    }, F.locale = Z, F.isDayjs = H, F.unix = function(O) {
+      return F(1e3 * O);
+    }, F.en = Q[ne], F.Ls = Q, F.p = {}, F;
   });
-})(en);
-const Nt = ft, tn = {
+})(tn);
+const $t = ht, rn = {
   list: async ({
     pagination: e
   }, t) => {
-    const r = await Q.getRequest("POST", t)("/sql_snippet/list", {
+    const r = await X.getRequest("POST", t)("/sql_snippet/list", {
       sort: [{
         field: "update_time",
         order: "DESC"
@@ -1126,40 +1126,40 @@ const Nt = ft, tn = {
       pagination: e
     });
     return r.data.forEach((n) => {
-      n.create_time = Nt(n.create_time).format("YYYY-MM-DD HH:mm:ss"), n.update_time = Nt(n.update_time).format("YYYY-MM-DD HH:mm:ss");
+      n.create_time = $t(n.create_time).format("YYYY-MM-DD HH:mm:ss"), n.update_time = $t(n.update_time).format("YYYY-MM-DD HH:mm:ss");
     }), r;
   },
-  get: async (e, t) => await Q.getRequest("POST", t)("/sql_snippet/get", {
+  get: async (e, t) => await X.getRequest("POST", t)("/sql_snippet/get", {
     id: e
   }),
-  create: async (e, t) => await Q.getRequest("POST", t)("/sql_snippet/create", e),
-  update: async (e, t) => await Q.getRequest("PUT", t)("/sql_snippet/update", e),
-  delete: async (e, t) => Q.getRequest("POST", t)("/sql_snippet/delete", {
+  create: async (e, t) => await X.getRequest("POST", t)("/sql_snippet/create", e),
+  update: async (e, t) => await X.getRequest("PUT", t)("/sql_snippet/update", e),
+  delete: async (e, t) => X.getRequest("POST", t)("/sql_snippet/delete", {
     id: e
   })
 }, se = {
-  datasource: Qr,
-  account: Zr,
-  role: Jr,
-  api_key: Xr,
-  sql_snippet: tn
-}, ve = {
+  datasource: Jr,
+  account: Xr,
+  role: en,
+  api_key: Qr,
+  sql_snippet: rn
+}, Se = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function rn({
+function nn({
   submit: e,
-  styles: t = ve,
+  styles: t = Se,
   type: r
 }) {
   const {
     control: n,
     setValue: s,
     handleSubmit: o
-  } = we({
+  } = Ee({
     defaultValues: {
       type: r,
       key: "",
@@ -1172,52 +1172,52 @@ function rn({
       }
     }
   });
-  return mt(() => {
+  return bt(() => {
     s("type", r);
   }, [s, r]), /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(e), children: [
-    /* @__PURE__ */ a(G, { name: "key", control: n, render: ({
+    /* @__PURE__ */ a(q, { name: "key", control: n, render: ({
       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(ee, { grow: !0, children: [
-      /* @__PURE__ */ a(G, { name: "config.host", control: n, render: ({
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...l }) }),
+    /* @__PURE__ */ a(Je, { label: "Connection Info", labelPosition: "center" }),
+    /* @__PURE__ */ C(J, { grow: !0, children: [
+      /* @__PURE__ */ a(q, { name: "config.host", control: n, render: ({
         field: l
-      }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Host", sx: {
+      }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Host", sx: {
         flexGrow: 1
       }, ...l }) }),
-      /* @__PURE__ */ a(G, { name: "config.port", control: n, render: ({
+      /* @__PURE__ */ a(q, { name: "config.port", control: n, render: ({
         field: l
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ a(Ar, { mb: t.spacing, size: t.size, required: !0, label: "Port", hideControls: !0, sx: {
+        /* @__PURE__ */ a(kr, { 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: ({
+    /* @__PURE__ */ a(q, { name: "config.username", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...l }) }),
-    /* @__PURE__ */ a(G, { name: "config.password", control: n, render: ({
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...l }) }),
+    /* @__PURE__ */ a(q, { name: "config.password", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(Je, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...l }) }),
-    /* @__PURE__ */ a(G, { name: "config.database", control: n, render: ({
+    }) => /* @__PURE__ */ a(et, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...l }) }),
+    /* @__PURE__ */ a(q, { name: "config.database", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Database", ...l }) }),
-    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Database", ...l }) }),
+    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-const nn = ({
+const an = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ a(le, { sx: {
   position: "relative"
-}, children: /* @__PURE__ */ a(Ht, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (n) => {
+}, children: /* @__PURE__ */ a(Yt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (n) => {
   n && t(n);
 }, theme: "vs-dark", options: {
   minimap: {
     enabled: !1
   }
-} }) }), We = Xe(({
+} }) }), Ke = Qe(({
   value: e,
   onChange: t,
   label: r,
@@ -1228,97 +1228,97 @@ const nn = ({
   const [p, {
     setTrue: d,
     setFalse: f
-  }] = Pr(), [b, u] = Ut(e), c = () => {
+  }] = zr(), [b, u] = Gt(e), c = () => {
     f(), t(b);
   }, g = () => {
     f(), u(e);
   }, y = () => {
     u(s);
   };
-  return mt(() => {
+  return bt(() => {
     u(e);
-  }, [e]), /* @__PURE__ */ C(fe, { children: [
+  }, [e]), /* @__PURE__ */ C(he, { 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(ee, { position: "apart", children: [
-        /* @__PURE__ */ a(Y, { onClick: y, color: "red", leftIcon: /* @__PURE__ */ a(Ir, { size: 20 }), children: "Rest" }),
-        /* @__PURE__ */ C(ee, { position: "right", children: [
+    /* @__PURE__ */ a(Ae, { size: 800, title: n, opened: p, onClose: f, closeOnClickOutside: !1, withCloseButton: !1, children: p && /* @__PURE__ */ C(Be, { children: [
+      /* @__PURE__ */ a(an, { value: b, onChange: u }),
+      /* @__PURE__ */ C(J, { position: "apart", children: [
+        /* @__PURE__ */ a(Y, { onClick: y, color: "red", leftIcon: /* @__PURE__ */ a(Dr, { size: 20 }), children: "Rest" }),
+        /* @__PURE__ */ C(J, { position: "right", children: [
           /* @__PURE__ */ a(Y, { onClick: g, variant: "subtle", children: "Cancel" }),
           /* @__PURE__ */ a(Y, { onClick: c, children: "OK" })
         ] })
       ] })
     ] }) })
   ] });
-}), Ye = {
+}), Ve = {
   pre: ["function pre_process({ method, url, params, headers, data }, utils) {", "    // your code goes here", "    return { method, url, params, headers, data }", "}"].join(`
 `),
   post: ["function post_process(res, utils) {", "    // your code goes here", "    return data", "}"].join(`
 `)
 };
-function an({
+function on({
   submit: e,
-  styles: t = ve
+  styles: t = Se
 }) {
   const {
     control: r,
     setValue: n,
     handleSubmit: s
-  } = we({
+  } = Ee({
     defaultValues: {
       type: "http",
       key: "",
       config: {
         host: "",
         processing: {
-          pre: Ye.pre,
-          post: Ye.post
+          pre: Ve.pre,
+          post: Ve.post
         }
       }
     }
   });
   return /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: s(e), children: [
-    /* @__PURE__ */ a(G, { name: "key", control: r, render: ({
+    /* @__PURE__ */ a(q, { name: "key", control: r, render: ({
       field: o
-    }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...o }) }),
-    /* @__PURE__ */ a(Qe, { label: "Connection Info", labelPosition: "center" }),
-    /* @__PURE__ */ a(G, { name: "config.host", control: r, render: ({
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...o }) }),
+    /* @__PURE__ */ a(Je, { label: "Connection Info", labelPosition: "center" }),
+    /* @__PURE__ */ a(q, { name: "config.host", control: r, render: ({
       field: o
-    }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Base URL", sx: {
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Base URL", sx: {
       flexGrow: 1
     }, ...o }) }),
-    /* @__PURE__ */ C(ee, { grow: !0, children: [
-      /* @__PURE__ */ a(G, { name: "config.processing.pre", control: r, render: ({
+    /* @__PURE__ */ C(J, { grow: !0, children: [
+      /* @__PURE__ */ a(q, { 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 }) }),
-      /* @__PURE__ */ a(G, { name: "config.processing.post", control: r, render: ({
+      }) => /* @__PURE__ */ a(Ke, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: Ve.pre, ...o, styles: t }) }),
+      /* @__PURE__ */ a(q, { name: "config.processing.post", control: r, render: ({
         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(Ke, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: Ve.post, ...o, styles: t }) })
     ] }),
-    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function on({
-  styles: e = ve
+function sn({
+  styles: e = Se
 }) {
-  return /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C(kr, { mt: e.spacing, icon: /* @__PURE__ */ a(Dr, { size: 16 }), children: [
+  return /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C(Tr, { mt: e.spacing, icon: /* @__PURE__ */ a(Lr, { size: 16 }), children: [
     "Only ",
     /* @__PURE__ */ a("b", { children: "SELECT" }),
     " privilege is needed."
   ] }) });
 }
-function sn({
+function ln({
   postSubmit: e,
-  styles: t = ve
+  styles: t = Se
 }) {
-  const [r, n] = Ut("postgresql"), s = async ({
+  const [r, n] = Gt("postgresql"), s = async ({
     type: p,
     key: d,
     config: f
   }) => {
-    be({
+    ye({
       id: "for-creating",
       title: "Pending",
       message: "Adding data source...",
@@ -1329,14 +1329,14 @@ function sn({
         type: p,
         key: d,
         config: f
-      }), await se.datasource.create(p, d, f), te({
+      }), await se.datasource.create(p, d, f), ee({
         id: "for-creating",
         title: "Successful",
         message: "Data source is added",
         color: "green"
       }), e();
     } catch (b) {
-      te({
+      ee({
         id: "for-creating",
         title: "Failed",
         message: b.message,
@@ -1345,7 +1345,7 @@ function sn({
     }
   }, o = r === "postgresql" || r === "mysql", l = r === "http";
   return /* @__PURE__ */ C(le, { mx: "auto", children: [
-    /* @__PURE__ */ a(Tr, { fullWidth: !0, mb: t.spacing, size: t.size, data: [{
+    /* @__PURE__ */ a(Rr, { fullWidth: !0, mb: t.spacing, size: t.size, data: [{
       label: "PostgreSQL",
       value: "postgresql"
     }, {
@@ -1355,53 +1355,53 @@ function sn({
       label: "HTTP",
       value: "http"
     }], value: r, onChange: (p) => n(p) }),
-    o && /* @__PURE__ */ a(on, { styles: t }),
-    o && /* @__PURE__ */ a(rn, { submit: s, styles: t, type: r }),
-    l && /* @__PURE__ */ a(an, { submit: s, styles: t })
+    o && /* @__PURE__ */ a(sn, { styles: t }),
+    o && /* @__PURE__ */ a(nn, { submit: s, styles: t, type: r }),
+    l && /* @__PURE__ */ a(on, { submit: s, styles: t })
   ] });
 }
-function ln({
+function un({
   onSuccess: e,
-  styles: t = ve
+  styles: t = Se
 }) {
-  const [r, n] = Z.useState(!1), s = () => n(!0), o = () => n(!1);
-  return /* @__PURE__ */ C(fe, { children: [
-    /* @__PURE__ */ a(_e, { overflow: "inside", opened: r, onClose: () => n(!1), title: "Add a data source", trapFocus: !0, onDragStart: (p) => {
+  const [r, n] = K.useState(!1), s = () => n(!0), o = () => n(!1);
+  return /* @__PURE__ */ C(he, { children: [
+    /* @__PURE__ */ a(Ae, { opened: r, onClose: () => n(!1), title: "Add a data source", trapFocus: !0, onDragStart: (p) => {
       p.stopPropagation();
-    }, children: /* @__PURE__ */ a(sn, { postSubmit: () => {
+    }, children: /* @__PURE__ */ a(ln, { postSubmit: () => {
       e(), o();
     }, styles: t }) }),
-    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(nt, { size: 20 }), children: "Add a Data Source" })
+    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Add a Data Source" })
   ] });
 }
-const un = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
-function cn(e) {
-  mt(() => {
-    if (pt.__getMonacoInstance())
+const cn = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
+function dn(e) {
+  bt(() => {
+    if (gt.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/settings-form");
-    const r = un(e);
-    pt.config({
+    const r = cn(e);
+    gt.config({
       paths: {
         vs: r
       }
-    }), pt.init().then((n) => console.log("monaco instance:", n));
+    }), gt.init().then((n) => console.log("monaco instance:", n));
   }, []);
 }
-function dn({
+function pn({
   id: e,
   name: t,
   isProtected: r,
   onSuccess: n,
-  styles: s = ve
+  styles: s = Se
 }) {
-  const o = Be(), l = async () => {
-    e && (be({
+  const o = je(), l = async () => {
+    e && (ye({
       id: "for-deleting",
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await se.datasource.delete(e), te({
+    }), await se.datasource.delete(e), ee({
       id: "for-deleting",
       title: "Successful",
       message: `Data source [${t}] is deleted`,
@@ -1417,62 +1417,62 @@ function dn({
     onCancel: () => console.log("Cancel"),
     onConfirm: l
   });
-  return r ? /* @__PURE__ */ a(Ve, { withArrow: !0, events: {
+  return r ? /* @__PURE__ */ a(We, { withArrow: !0, events: {
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: "This is a preset datasource, it can not be deleted", children: /* @__PURE__ */ a(Y, { size: s.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Yt, { size: 16 }), sx: {
+  }, label: "This is a preset datasource, it can not be deleted", children: /* @__PURE__ */ a(Y, { size: s.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Vt, { size: 16 }), sx: {
     transform: "none !important"
-  }, children: "Delete" }) }) : /* @__PURE__ */ a(Y, { size: s.button.size, color: "red", onClick: p, leftIcon: /* @__PURE__ */ a(at, { size: 16 }), children: "Delete" });
+  }, children: "Delete" }) }) : /* @__PURE__ */ a(Y, { size: s.button.size, color: "red", onClick: p, leftIcon: /* @__PURE__ */ a(it, { size: 16 }), children: "Delete" });
 }
-const $t = {
+const Pt = {
   pre: ["function pre_process({ method, url, params, headers, data }, utils) {", "    // your code goes here", "    return { method, url, params, headers, data }", "}"].join(`
 `),
   post: ["function post_process(res, utils) {", "    // your code goes here", "    return data", "}"].join(`
 `)
 };
-function pn({
+function gn({
   name: e,
   config: t,
   submit: r,
-  styles: n = ve
+  styles: n = Se
 }) {
   const {
     control: s,
     handleSubmit: o
-  } = we({
+  } = Ee({
     defaultValues: {
       config: t
     }
   });
   return /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(r), children: [
-    /* @__PURE__ */ a(ce, { mb: n.spacing, size: n.size, required: !0, label: "Name", value: e, readOnly: !0 }),
-    /* @__PURE__ */ a(Qe, { label: "Connection Info", labelPosition: "center" }),
-    /* @__PURE__ */ a(G, { name: "config.host", control: s, render: ({
+    /* @__PURE__ */ a(ue, { mb: n.spacing, size: n.size, required: !0, label: "Name", value: e, readOnly: !0 }),
+    /* @__PURE__ */ a(Je, { label: "Connection Info", labelPosition: "center" }),
+    /* @__PURE__ */ a(q, { name: "config.host", control: s, render: ({
       field: l
-    }) => /* @__PURE__ */ a(ce, { mb: n.spacing, size: n.size, label: "Base URL", sx: {
+    }) => /* @__PURE__ */ a(ue, { mb: n.spacing, size: n.size, label: "Base URL", sx: {
       flexGrow: 1
     }, ...l }) }),
-    /* @__PURE__ */ C(ee, { grow: !0, children: [
-      /* @__PURE__ */ a(G, { name: "config.processing.pre", control: s, render: ({
+    /* @__PURE__ */ C(J, { grow: !0, children: [
+      /* @__PURE__ */ a(q, { 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 }) }),
-      /* @__PURE__ */ a(G, { name: "config.processing.post", control: s, render: ({
+      }) => /* @__PURE__ */ a(Ke, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: Pt.pre, ...l, styles: n }) }),
+      /* @__PURE__ */ a(q, { name: "config.processing.post", control: s, render: ({
         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(Ke, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: Pt.post, ...l, styles: n }) })
     ] }),
-    /* @__PURE__ */ a(ee, { position: "right", mt: n.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: n.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(J, { position: "right", mt: n.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: n.button.size, children: "Save" }) })
   ] }) });
 }
-function gn({
+function fn({
   dataSource: e,
   postSubmit: t,
-  styles: r = ve
+  styles: r = Se
 }) {
   const n = async ({
     config: s
   }) => {
-    be({
+    ye({
       id: "for-updating",
       title: "Pending",
       message: "Editing data source...",
@@ -1481,14 +1481,14 @@ function gn({
     try {
       console.log({
         config: s
-      }), await se.datasource.update(e.id, s), te({
+      }), await se.datasource.update(e.id, s), ee({
         id: "for-updating",
         title: "Successful",
         message: "Data source is updated",
         color: "green"
       }), t();
     } catch (o) {
-      te({
+      ee({
         id: "for-updating",
         title: "Failed",
         message: o.message,
@@ -1496,62 +1496,62 @@ function gn({
       });
     }
   };
-  return e.config ? /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ a(pn, { name: e.key, config: e.config, submit: n, styles: r }) }) : (console.error(new Error("unexpected empty config of a http datasource")), null);
+  return e.config ? /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ a(gn, { name: e.key, config: e.config, submit: n, styles: r }) }) : (console.error(new Error("unexpected empty config of a http datasource")), null);
 }
-function fn({
+function hn({
   dataSource: e,
   onSuccess: t,
-  styles: r = ve
+  styles: r = Se
 }) {
-  const [n, s] = Z.useState(!1), o = () => s(!0), l = () => s(!1), p = () => {
+  const [n, s] = K.useState(!1), o = () => s(!0), l = () => s(!1), p = () => {
     t(), l();
   };
-  return e.is_preset ? /* @__PURE__ */ a(Ve, { withArrow: !0, events: {
+  return e.is_preset ? /* @__PURE__ */ a(We, { withArrow: !0, events: {
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: "This is a preset datasource, it can not be changed", children: /* @__PURE__ */ a(Y, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Yt, { size: 16 }), sx: {
+  }, label: "This is a preset datasource, it can not be changed", children: /* @__PURE__ */ a(Y, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Vt, { size: 16 }), sx: {
     transform: "none !important"
-  }, children: "Edit" }) }) : e.type !== "http" ? /* @__PURE__ */ a(Ve, { withArrow: !0, events: {
+  }, children: "Edit" }) }) : e.type !== "http" ? /* @__PURE__ */ a(We, { withArrow: !0, events: {
     hover: !0,
     touch: !1,
     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: {
+  }, label: "Only HTTP datasources can be edited", children: /* @__PURE__ */ a(Y, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(ft, { size: 16 }), sx: {
     transform: "none !important"
-  }, 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) => {
+  }, children: "Edit" }) }) : /* @__PURE__ */ C(he, { children: [
+    /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: "Add a data source", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, children: /* @__PURE__ */ a(gn, { dataSource: e, postSubmit: p, styles: r }) }),
-    /* @__PURE__ */ a(Y, { size: r.button.size, color: "blue", onClick: o, leftIcon: /* @__PURE__ */ a(gt, { size: 16 }), children: "Edit" })
+    }, children: /* @__PURE__ */ a(fn, { dataSource: e, postSubmit: p, styles: r }) }),
+    /* @__PURE__ */ a(Y, { size: r.button.size, color: "blue", onClick: o, leftIcon: /* @__PURE__ */ a(ft, { size: 16 }), children: "Edit" })
   ] });
 }
-const hn = {
+const mn = {
   http: "HTTP",
   mysql: "MySQL",
   postgresql: "PostgreSQL"
-}, mn = {
-  http: /* @__PURE__ */ a(Mr, {}),
-  mysql: /* @__PURE__ */ a(Br, {}),
-  postgresql: /* @__PURE__ */ a(jr, {})
+}, bn = {
+  http: /* @__PURE__ */ a(Br, {}),
+  mysql: /* @__PURE__ */ a(jr, {}),
+  postgresql: /* @__PURE__ */ a(Ur, {})
 };
-function bn({
+function yn({
   type: e
 }) {
-  return /* @__PURE__ */ C(ee, { children: [
-    /* @__PURE__ */ a(bt, { size: "xs", sx: {
+  return /* @__PURE__ */ C(J, { children: [
+    /* @__PURE__ */ a(yt, { size: "xs", sx: {
       transform: "none !important"
-    }, children: mn[e] }),
+    }, children: bn[e] }),
     /* @__PURE__ */ a(Re, { sx: {
       cusor: "default",
       userSelect: "none"
-    }, children: hn[e] })
+    }, children: mn[e] })
   ] });
 }
-function Sa({
-  styles: e = ve,
+function wa({
+  styles: e = Se,
   config: t
 }) {
-  cn(t.monacoPath), je(t);
+  dn(t.monacoPath), Ue(t);
   const {
     data: r = [],
     loading: n,
@@ -1564,13 +1564,13 @@ function Sa({
   }, {
     refreshDeps: []
   });
-  return /* @__PURE__ */ C(fe, { children: [
-    /* @__PURE__ */ a(ee, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(ln, { onSuccess: s }) }),
+  return /* @__PURE__ */ C(he, { children: [
+    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(un, { onSuccess: s }) }),
     /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(et, { visible: n }),
-      /* @__PURE__ */ C(tt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(tt, { visible: n }),
+      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Type" }),
           /* @__PURE__ */ a("th", { children: "Name" }),
@@ -1584,11 +1584,11 @@ function Sa({
             is_preset: f
           } = o;
           return /* @__PURE__ */ C("tr", { children: [
-            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(bn, { type: d }) }),
+            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(yn, { type: d }) }),
             /* @__PURE__ */ a("td", { children: p }),
-            /* @__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 })
+            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(J, { position: "left", children: [
+              /* @__PURE__ */ a(hn, { dataSource: o, onSuccess: s, styles: e }),
+              /* @__PURE__ */ a(pn, { isProtected: f, id: l, name: p, onSuccess: s, styles: e })
             ] }) })
           ] }, p);
         }) })
@@ -1596,15 +1596,15 @@ function Sa({
     ] })
   ] });
 }
-const yn = Xe(({
+const vn = Qe(({
   label: e,
   value: t,
   description: r,
   ...n
-}, s) => /* @__PURE__ */ C(Me, { spacing: 2, ref: s, ...n, children: [
+}, s) => /* @__PURE__ */ C(Be, { spacing: 2, ref: s, ...n, children: [
   /* @__PURE__ */ a(Re, { size: "sm", children: e }),
   /* @__PURE__ */ a(Re, { size: "xs", color: "dimmed", className: "role-description", children: r })
-] })), yt = Xe(({
+] })), vt = Qe(({
   styles: e,
   value: t,
   onChange: r
@@ -1620,7 +1620,7 @@ const yn = Xe(({
   })), {
     refreshDeps: []
   });
-  return /* @__PURE__ */ a(Rr, { ref: n, mb: e.spacing, size: e.size, required: !0, label: "Role", itemComponent: yn, data: s, disabled: o, styles: () => ({
+  return /* @__PURE__ */ a(Or, { ref: n, mb: e.spacing, size: e.size, required: !0, label: "Role", itemComponent: vn, data: s, disabled: o, styles: () => ({
     item: {
       "&[data-selected]": {
         "&, &:hover": {
@@ -1631,22 +1631,22 @@ const yn = Xe(({
       }
     }
   }), value: t, onChange: r });
-}), Ae = {
+}), ke = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function vn({
+function Sn({
   postSubmit: e,
-  styles: t = Ae,
+  styles: t = ke,
   initialRoleID: r
 }) {
   const {
     control: n,
     handleSubmit: s
-  } = we({
+  } = Ee({
     defaultValues: {
       name: "",
       email: "",
@@ -1661,19 +1661,19 @@ function vn({
     role_id: f
   }) => {
     try {
-      be({
+      ye({
         id: "for-creating",
         title: "Pending",
         message: "Adding account...",
         loading: !0
-      }), await se.account.create(l, p, d, f), te({
+      }), await se.account.create(l, p, d, f), ee({
         id: "for-creating",
         title: "Successful",
         message: "Account is added",
         color: "green"
       }), e();
     } catch (b) {
-      te({
+      ee({
         id: "for-creating",
         title: "Failed",
         message: b.message,
@@ -1681,59 +1681,59 @@ function vn({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(G, { name: "name", control: n, render: ({
+    /* @__PURE__ */ a(q, { name: "name", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...l }) }),
-    /* @__PURE__ */ a(G, { name: "email", control: n, render: ({
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...l }) }),
+    /* @__PURE__ */ a(q, { name: "email", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Email", ...l }) }),
-    /* @__PURE__ */ a(G, { name: "password", control: n, render: ({
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Email", ...l }) }),
+    /* @__PURE__ */ a(q, { name: "password", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(Je, { mb: t.spacing, size: t.size, required: !0, label: "Password", description: "Password must be at least 8 characters long", ...l }) }),
-    /* @__PURE__ */ a(G, { name: "role_id", control: n, render: ({
+    }) => /* @__PURE__ */ a(et, { mb: t.spacing, size: t.size, required: !0, label: "Password", description: "Password must be at least 8 characters long", ...l }) }),
+    /* @__PURE__ */ a(q, { name: "role_id", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(yt, { styles: t, ...l }) }),
-    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    }) => /* @__PURE__ */ a(vt, { styles: t, ...l }) }),
+    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function Sn({
+function wn({
   onSuccess: e,
-  styles: t = Ae,
+  styles: t = ke,
   initialRoleID: r
 }) {
-  const [n, s] = Z.useState(!1), o = () => s(!0), l = () => s(!1);
-  return /* @__PURE__ */ C(fe, { children: [
-    /* @__PURE__ */ a(_e, { overflow: "inside", opened: n, onClose: () => s(!1), title: "Add an Account", trapFocus: !0, onDragStart: (d) => {
+  const [n, s] = K.useState(!1), o = () => s(!0), l = () => s(!1);
+  return /* @__PURE__ */ C(he, { children: [
+    /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: "Add an Account", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, children: /* @__PURE__ */ a(vn, { postSubmit: () => {
+    }, children: /* @__PURE__ */ a(Sn, { postSubmit: () => {
       e(), l();
     }, styles: t, initialRoleID: r }) }),
-    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(nt, { size: 20 }), children: "Add an Account" })
+    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Add an Account" })
   ] });
 }
-function wn({
+function En({
   id: e,
   name: t,
   onSuccess: r,
-  styles: n = Ae
+  styles: n = ke
 }) {
-  const s = Be(), o = async () => {
+  const s = je(), o = async () => {
     if (e) {
-      be({
+      ye({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting account...",
         loading: !0
       });
       try {
-        await se.account.delete(e), te({
+        await se.account.delete(e), ee({
           id: "for-deleting",
           title: "Successful",
           message: `Account [${t}] is deleted`,
           color: "green"
         }), r();
       } catch (p) {
-        te({
+        ee({
           id: "for-deleting",
           title: "Failed",
           message: p.message,
@@ -1750,21 +1750,21 @@ function wn({
     onCancel: () => console.log("Cancel"),
     onConfirm: o
   });
-  return /* @__PURE__ */ a(Y, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(Y, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Delete" });
 }
-function En({
+function _n({
   id: e,
   name: t,
   email: r,
   role_id: n,
   postSubmit: s,
-  styles: o = Ae
+  styles: o = ke
 }) {
   const {
     control: l,
     handleSubmit: p,
     watch: d
-  } = we({
+  } = Ee({
     defaultValues: {
       name: t,
       email: r,
@@ -1780,7 +1780,7 @@ function En({
     new_password: _
   }) => {
     try {
-      be({
+      ye({
         id: "for-updating",
         title: "Pending",
         message: "Updating account...",
@@ -1792,14 +1792,14 @@ function En({
         role_id: y,
         reset_password: h,
         new_password: _.trim()
-      }), te({
+      }), ee({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
         color: "green"
       }), s();
     } catch (A) {
-      te({
+      ee({
         id: "for-updating",
         title: "Failed",
         message: A.message,
@@ -1808,57 +1808,57 @@ function En({
     }
   }, [b, u] = d(["reset_password", "new_password"]);
   return /* @__PURE__ */ a(le, { mx: "auto", mb: 10, children: /* @__PURE__ */ C("form", { onSubmit: p(f), children: [
-    /* @__PURE__ */ a(G, { name: "name", control: l, render: ({
+    /* @__PURE__ */ a(q, { name: "name", control: l, render: ({
       field: c
-    }) => /* @__PURE__ */ a(ce, { mb: o.spacing, size: o.size, required: !0, label: "Username", ...c }) }),
-    /* @__PURE__ */ a(G, { name: "email", control: l, render: ({
+    }) => /* @__PURE__ */ a(ue, { mb: o.spacing, size: o.size, required: !0, label: "Username", ...c }) }),
+    /* @__PURE__ */ a(q, { name: "email", control: l, render: ({
       field: c
-    }) => /* @__PURE__ */ a(ce, { mb: o.spacing, size: o.size, required: !0, label: "Email", ...c }) }),
-    /* @__PURE__ */ a(G, { name: "role_id", control: l, render: ({
+    }) => /* @__PURE__ */ a(ue, { mb: o.spacing, size: o.size, required: !0, label: "Email", ...c }) }),
+    /* @__PURE__ */ a(q, { name: "role_id", control: l, render: ({
       field: c
-    }) => /* @__PURE__ */ a(yt, { styles: o, ...c }) }),
-    /* @__PURE__ */ a(Qe, { my: 20, variant: "dashed", label: "", labelPosition: "center" }),
-    /* @__PURE__ */ a(G, { name: "reset_password", control: l, render: ({
+    }) => /* @__PURE__ */ a(vt, { styles: o, ...c }) }),
+    /* @__PURE__ */ a(Je, { my: 20, variant: "dashed", label: "", labelPosition: "center" }),
+    /* @__PURE__ */ a(q, { name: "reset_password", control: l, render: ({
       field: c
-    }) => /* @__PURE__ */ a(Or, { mb: o.spacing, size: o.size, label: "Reset password", checked: c.value, onChange: (g) => c.onChange(g.currentTarget.checked), styles: {
+    }) => /* @__PURE__ */ a(xr, { mb: o.spacing, size: o.size, label: "Reset password", checked: c.value, onChange: (g) => c.onChange(g.currentTarget.checked), styles: {
       label: {
         verticalAlign: "middle"
       }
     } }) }),
     b && /* @__PURE__ */ a(
-      G,
+      q,
       {
         name: "new_password",
         control: l,
         render: ({
           field: c
-        }) => /* @__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(et, { autoComplete: "off", mb: o.spacing, size: o.size, required: !0, description: "Password must be at least 8 characters long", label: "New Password", ...c })
       }
     ),
-    /* @__PURE__ */ a(ee, { position: "right", mt: o.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: o.button.size, children: "Submit" }) })
+    /* @__PURE__ */ a(J, { position: "right", mt: o.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: o.button.size, children: "Submit" }) })
   ] }) });
 }
-function _n({
+function An({
   account: e,
   onSuccess: t,
-  styles: r = Ae
+  styles: r = ke
 }) {
-  const [n, s] = Z.useState(!1), o = () => s(!0), l = () => s(!1), p = () => {
+  const [n, s] = K.useState(!1), o = () => s(!0), l = () => s(!1), p = () => {
     t(), l();
   };
-  return /* @__PURE__ */ C(fe, { children: [
-    /* @__PURE__ */ a(_e, { overflow: "inside", opened: n, onClose: () => s(!1), title: `Editing ${e.name}`, trapFocus: !0, onDragStart: (d) => {
+  return /* @__PURE__ */ C(he, { children: [
+    /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: `Editing ${e.name}`, trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, children: /* @__PURE__ */ a(En, { ...e, postSubmit: p, styles: r }) }),
-    /* @__PURE__ */ a(Y, { size: r.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(Lr, { size: 20 }), children: "Edit" })
+    }, children: /* @__PURE__ */ a(_n, { ...e, postSubmit: p, styles: r }) }),
+    /* @__PURE__ */ a(Y, { size: r.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(Fr, { size: 20 }), children: "Edit" })
   ] });
 }
-function wa({
-  styles: e = Ae,
+function Ea({
+  styles: e = ke,
   config: t
 }) {
   var p;
-  je(t);
+  Ue(t);
   const {
     data: r = [],
     loading: n,
@@ -1881,13 +1881,13 @@ function wa({
   })), {
     refreshDeps: []
   });
-  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" }) }),
+  return /* @__PURE__ */ C(he, { children: [
+    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(wn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
     /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(et, { visible: n || l }),
-      /* @__PURE__ */ C(tt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(tt, { visible: n || l }),
+      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Username" }),
           /* @__PURE__ */ a("th", { children: "Email" }),
@@ -1905,9 +1905,9 @@ 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(ee, { position: "left", children: [
-              /* @__PURE__ */ a(_n, { account: d, onSuccess: s }),
-              /* @__PURE__ */ a(wn, { id: f, name: b, onSuccess: s })
+            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ C(J, { position: "left", children: [
+              /* @__PURE__ */ a(An, { account: d, onSuccess: s }),
+              /* @__PURE__ */ a(En, { id: f, name: b, onSuccess: s })
             ] }) })
           ] }, f);
         }) })
@@ -1915,14 +1915,14 @@ function wa({
     ] })
   ] });
 }
-function An({
+function kn({
   postSubmit: e,
-  styles: t = Ae
+  styles: t = ke
 }) {
   const {
     control: r,
     handleSubmit: n
-  } = we({
+  } = Ee({
     defaultValues: {
       name: "",
       password: ""
@@ -1933,21 +1933,21 @@ function An({
     password: l
   }) => {
     try {
-      be({
+      ye({
         id: "for-login",
         title: "Pending",
         message: "Loggin in...",
         loading: !0
       });
       const p = await se.account.login(o.trim(), l.trim());
-      window.localStorage.setItem("token", p.token), te({
+      window.localStorage.setItem("token", p.token), ee({
         id: "for-login",
         title: "Successful",
         message: "Logged in",
         color: "green"
       }), e(p);
     } catch (p) {
-      te({
+      ee({
         id: "for-login",
         title: "Login Failed",
         message: p.message,
@@ -1955,40 +1955,40 @@ function An({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(G, { name: "name", control: r, render: ({
+    /* @__PURE__ */ a(q, { name: "name", control: r, render: ({
       field: o
-    }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...o }) }),
-    /* @__PURE__ */ a(G, { name: "password", control: r, render: ({
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...o }) }),
+    /* @__PURE__ */ a(q, { name: "password", control: r, render: ({
       field: o
-    }) => /* @__PURE__ */ a(Je, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...o }) }),
-    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Submit" }) })
+    }) => /* @__PURE__ */ a(et, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...o }) }),
+    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Submit" }) })
   ] }) });
 }
-function Ea({
-  styles: e = Ae,
+function _a({
+  styles: e = ke,
   config: t,
   onSuccess: r
 }) {
-  return je(t), /* @__PURE__ */ a(fe, { children: /* @__PURE__ */ a(le, { mt: e.spacing, sx: {
+  return Ue(t), /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(le, { mt: e.spacing, sx: {
     position: "relative"
-  }, children: /* @__PURE__ */ a(An, { styles: e, postSubmit: r }) }) });
+  }, children: /* @__PURE__ */ a(kn, { styles: e, postSubmit: r }) }) });
 }
-const it = {
+const ot = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function kn({
+function Tn({
   postSubmit: e,
-  styles: t = it,
+  styles: t = ot,
   initialRoleID: r
 }) {
   const {
     control: n,
     handleSubmit: s
-  } = we({
+  } = Ee({
     defaultValues: {
       name: "",
       role_id: r
@@ -1999,7 +1999,7 @@ function kn({
     role_id: p
   }) => {
     try {
-      be({
+      ye({
         id: "for-creating",
         title: "Pending",
         message: "Adding API Key...",
@@ -2009,14 +2009,14 @@ function kn({
         app_id: d,
         app_secret: f
       } = await se.api_key.create(l, p);
-      te({
+      ee({
         id: "for-creating",
         title: "Successful",
         message: "API Key is added",
         color: "green"
       }), e(d, f);
     } catch (d) {
-      te({
+      ee({
         id: "for-creating",
         title: "Failed",
         message: d.message,
@@ -2024,41 +2024,41 @@ function kn({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(G, { name: "name", control: n, render: ({
+    /* @__PURE__ */ a(q, { name: "name", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...l }) }),
-    /* @__PURE__ */ a(G, { name: "role_id", control: n, render: ({
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...l }) }),
+    /* @__PURE__ */ a(q, { name: "role_id", control: n, render: ({
       field: l
-    }) => /* @__PURE__ */ a(yt, { styles: t, ...l }) }),
-    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    }) => /* @__PURE__ */ a(vt, { styles: t, ...l }) }),
+    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function Tn({
+function Rn({
   onSuccess: e,
-  styles: t = it,
+  styles: t = ot,
   initialRoleID: r
 }) {
-  const n = Be(), [s, o] = Z.useState(!1), l = () => o(!0), p = () => o(!1);
-  return /* @__PURE__ */ C(fe, { children: [
-    /* @__PURE__ */ a(_e, { overflow: "inside", opened: s, onClose: () => o(!1), title: "Add an API Key", trapFocus: !0, onDragStart: (f) => {
+  const n = je(), [s, o] = K.useState(!1), l = () => o(!0), p = () => o(!1);
+  return /* @__PURE__ */ C(he, { children: [
+    /* @__PURE__ */ a(Ae, { opened: s, onClose: () => o(!1), title: "Add an API Key", trapFocus: !0, onDragStart: (f) => {
       f.stopPropagation();
-    }, children: /* @__PURE__ */ a(kn, { postSubmit: (f, b) => {
+    }, children: /* @__PURE__ */ a(Tn, { postSubmit: (f, b) => {
       p(), n.openModal({
         title: "API Key is generated",
-        children: /* @__PURE__ */ C(Me, { children: [
+        children: /* @__PURE__ */ C(Be, { children: [
           /* @__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: {
+          /* @__PURE__ */ a(ue, { defaultValue: f, disabled: !0, label: "APP ID", styles: {
             input: {
               cursor: "text !important"
             }
           } }),
-          /* @__PURE__ */ a(ce, { defaultValue: b, disabled: !0, label: "APP Secret", styles: {
+          /* @__PURE__ */ a(ue, { defaultValue: b, disabled: !0, label: "APP Secret", styles: {
             input: {
               cursor: "text !important"
             }
           } }),
           /* @__PURE__ */ a(Y, { size: "sm", onClick: () => {
-            zr();
+            Mr();
           }, children: "I've saved this API Key" })
         ] }),
         onClose: () => {
@@ -2066,32 +2066,32 @@ function Tn({
         }
       });
     }, styles: t, initialRoleID: r }) }),
-    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: l, leftIcon: /* @__PURE__ */ a(nt, { size: 20 }), children: "Add an API Key" })
+    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: l, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Add an API Key" })
   ] });
 }
-function Rn({
+function On({
   id: e,
   name: t,
   onSuccess: r,
-  styles: n = it
+  styles: n = ot
 }) {
-  const s = Be(), o = async () => {
+  const s = je(), o = async () => {
     if (e) {
-      be({
+      ye({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting API Key...",
         loading: !0
       });
       try {
-        await se.api_key.delete(e), te({
+        await se.api_key.delete(e), ee({
           id: "for-deleting",
           title: "Successful",
           message: `API Key [${t}] is deleted`,
           color: "green"
         }), r();
       } catch (p) {
-        te({
+        ee({
           id: "for-deleting",
           title: "Failed",
           message: p.message,
@@ -2108,14 +2108,14 @@ function Rn({
     onCancel: () => console.log("Cancel"),
     onConfirm: o
   });
-  return /* @__PURE__ */ a(Y, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(Y, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Delete" });
 }
-function _a({
-  styles: e = it,
+function Aa({
+  styles: e = ot,
   config: t
 }) {
   var p;
-  je(t);
+  Ue(t);
   const {
     data: r = [],
     loading: n,
@@ -2138,13 +2138,13 @@ function _a({
   })), {
     refreshDeps: []
   });
-  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" }) }),
+  return /* @__PURE__ */ C(he, { children: [
+    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Rn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
     /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(et, { visible: n || l }),
-      /* @__PURE__ */ C(tt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(tt, { visible: n || l }),
+      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Name" }),
           /* @__PURE__ */ a("th", { children: "APP ID" }),
@@ -2162,14 +2162,14 @@ 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(ee, { position: "left", children: /* @__PURE__ */ a(Rn, { id: f, name: b, onSuccess: s }) }) })
+            /* @__PURE__ */ a("td", { width: 200, children: /* @__PURE__ */ a(J, { position: "left", children: /* @__PURE__ */ a(On, { id: f, name: b, onSuccess: s }) }) })
           ] }, f);
         }) })
       ] })
     ] })
   ] });
 }
-const Vt = ({
+const Wt = ({
   value: e,
   onChange: t,
   height: r = "200px",
@@ -2178,7 +2178,7 @@ const Vt = ({
   const s = (l) => {
     console.log("changing"), t == null || t(l ?? "");
   }, o = !t;
-  return /* @__PURE__ */ a(Ht, { className: "minimal-monaco-editor", height: r, defaultLanguage: n, value: e, onChange: o ? void 0 : s, theme: "vs-dark", options: {
+  return /* @__PURE__ */ a(Yt, { className: "minimal-monaco-editor", height: r, defaultLanguage: n, value: e, onChange: o ? void 0 : s, theme: "vs-dark", options: {
     lineNumbers: "off",
     folding: !1,
     lineDecorationsWidth: 20,
@@ -2196,14 +2196,14 @@ const Vt = ({
     size: "xs"
   }
 };
-function On({
+function xn({
   postSubmit: e,
   styles: t = De
 }) {
   const {
     control: r,
     handleSubmit: n
-  } = we({
+  } = Ee({
     defaultValues: {
       id: "",
       content: ""
@@ -2211,19 +2211,19 @@ function On({
   });
   return /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: n(async (o) => {
     try {
-      be({
+      ye({
         id: "for-creating",
         title: "Pending",
         message: "Adding SQL Snippet...",
         loading: !0
-      }), await se.sql_snippet.create(o), te({
+      }), await se.sql_snippet.create(o), ee({
         id: "for-creating",
         title: "Successful",
         message: "SQL Snippet is added",
         color: "green"
       }), e();
     } catch (l) {
-      te({
+      ee({
         id: "for-creating",
         title: "Failed",
         message: l.message,
@@ -2231,35 +2231,35 @@ function On({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(G, { name: "id", control: r, render: ({
+    /* @__PURE__ */ a(q, { name: "id", control: r, render: ({
       field: o
-    }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...o }) }),
-    /* @__PURE__ */ a(G, { name: "content", control: r, render: ({
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...o }) }),
+    /* @__PURE__ */ a(q, { name: "content", control: r, render: ({
       field: o
-    }) => /* @__PURE__ */ C(Me, { spacing: 4, children: [
+    }) => /* @__PURE__ */ C(Be, { spacing: 4, children: [
       /* @__PURE__ */ a(Re, { size: 14, fw: 500, color: "#212529", sx: {
         cursor: "default"
       }, children: "Content" }),
-      /* @__PURE__ */ a(Vt, { height: "600px", ...o })
+      /* @__PURE__ */ a(Wt, { height: "600px", ...o })
     ] }) }),
-    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function xn({
+function Cn({
   onSuccess: e,
   styles: t = De
 }) {
-  const [r, n] = Z.useState(!1), s = () => n(!0), o = () => n(!1);
-  return /* @__PURE__ */ C(fe, { children: [
-    /* @__PURE__ */ a(_e, { overflow: "inside", opened: r, onClose: () => n(!1), title: "Add a SQL Snippet", trapFocus: !0, onDragStart: (p) => {
+  const [r, n] = K.useState(!1), s = () => n(!0), o = () => n(!1);
+  return /* @__PURE__ */ C(he, { children: [
+    /* @__PURE__ */ a(Ae, { opened: r, onClose: () => n(!1), title: "Add a SQL Snippet", trapFocus: !0, onDragStart: (p) => {
       p.stopPropagation();
-    }, size: "80vw", children: /* @__PURE__ */ a(On, { postSubmit: () => {
+    }, size: "80vw", children: /* @__PURE__ */ a(xn, { postSubmit: () => {
       o(), e();
     }, styles: t }) }),
-    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(nt, { size: 18 }), children: "Add a SQL Snippet" })
+    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(at, { size: 18 }), children: "Add a SQL Snippet" })
   ] });
 }
-function Cn({
+function In({
   postSubmit: e,
   styles: t = De,
   id: r,
@@ -2268,7 +2268,7 @@ function Cn({
   const {
     control: s,
     handleSubmit: o
-  } = we({
+  } = Ee({
     defaultValues: {
       id: r,
       content: n
@@ -2276,19 +2276,19 @@ function Cn({
   });
   return /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(async (p) => {
     try {
-      be({
+      ye({
         id: "for-updating",
         title: "Pending",
         message: "Updating SQL Snippet...",
         loading: !0
-      }), await se.sql_snippet.update(p), te({
+      }), await se.sql_snippet.update(p), ee({
         id: "for-updating",
         title: "Successful",
         message: "SQL Snippet is updated",
         color: "green"
       }), e();
     } catch (d) {
-      te({
+      ee({
         id: "for-updating",
         title: "Failed",
         message: d.message,
@@ -2296,33 +2296,33 @@ function Cn({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(G, { name: "id", control: s, render: ({
+    /* @__PURE__ */ a(q, { name: "id", control: s, render: ({
       field: p
-    }) => /* @__PURE__ */ a(ce, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...p }) }),
-    /* @__PURE__ */ a(G, { name: "content", control: s, render: ({
+    }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...p }) }),
+    /* @__PURE__ */ a(q, { name: "content", control: s, render: ({
       field: p
-    }) => /* @__PURE__ */ C(Me, { spacing: 4, children: [
+    }) => /* @__PURE__ */ C(Be, { spacing: 4, children: [
       /* @__PURE__ */ a(Re, { size: 14, fw: 500, color: "#212529", sx: {
         cursor: "default"
       }, children: "Content" }),
-      /* @__PURE__ */ a(Vt, { height: "600px", ...p })
+      /* @__PURE__ */ a(Wt, { height: "600px", ...p })
     ] }) }),
-    /* @__PURE__ */ a(ee, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(J, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
-function In({
+function Dn({
   onSuccess: e,
   styles: t = De,
   ...r
 }) {
-  const [n, s] = Z.useState(!1), o = () => s(!0), l = () => s(!1);
-  return /* @__PURE__ */ C(fe, { children: [
-    /* @__PURE__ */ a(_e, { overflow: "inside", opened: n, onClose: () => s(!1), title: "Edit a SQL Snippet", trapFocus: !0, onDragStart: (d) => {
+  const [n, s] = K.useState(!1), o = () => s(!0), l = () => s(!1);
+  return /* @__PURE__ */ C(he, { children: [
+    /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: "Edit a SQL Snippet", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
-    }, size: "80vw", children: /* @__PURE__ */ a(Cn, { postSubmit: () => {
+    }, size: "80vw", children: /* @__PURE__ */ a(In, { postSubmit: () => {
       l(), e();
     }, styles: t, ...r }) }),
-    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(gt, { size: 18 }), children: "Edit" })
+    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(ft, { size: 18 }), children: "Edit" })
   ] });
 }
 /**
@@ -2333,7 +2333,7 @@ function In({
  * @namespace
  * @public
  */
-var ht = function() {
+var mt = function() {
   var e = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, t = 0, r = {}, n = {
     /**
      * A namespace for utility methods.
@@ -2606,8 +2606,8 @@ var ht = function() {
             g.hasOwnProperty(A) || (_[A] = h[A]);
           }
         var N = y[u];
-        return y[u] = _, n.languages.DFS(n.languages, function(M, oe) {
-          oe === N && M != u && (this[M] = _);
+        return y[u] = _, n.languages.DFS(n.languages, function(M, ne) {
+          ne === N && M != u && (this[M] = _);
         }), _;
       },
       // Traverse a language definition with Depth First Search
@@ -2769,41 +2769,41 @@ var ht = function() {
         for (var N = 0; N < k.length; ++N) {
           if (_ && _.cause == A + "," + N)
             return;
-          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");
+          var M = k[N], ne = M.inside, Q = !!M.lookbehind, H = !!M.greedy, Z = M.alias;
+          if (H && !M.pattern.global) {
+            var F = M.pattern.toString().match(/[imsuy]*$/)[0];
+            M.pattern = RegExp(M.pattern.source, F + "g");
           }
-          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;
+          for (var L = M.pattern || M, B = y.next, te = h; B !== c.tail && !(_ && te >= _.reach); te += B.value.length, B = B.next) {
+            var O = B.value;
             if (c.length > u.length)
               return;
             if (!(O instanceof s)) {
               var E = 1, S;
-              if (W) {
-                if (S = o(F, re, u, q), !S || S.index >= u.length)
+              if (H) {
+                if (S = o(L, te, u, Q), !S || S.index >= u.length)
                   break;
-                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, re = w, H.value instanceof s)
+                var I = S.index, R = S.index + S[0].length, w = te;
+                for (w += B.value.length; I >= w; )
+                  B = B.next, w += B.value.length;
+                if (w -= B.value.length, te = w, B.value instanceof s)
                   continue;
-                for (var x = H; x !== c.tail && (w < R || typeof x.value == "string"); x = x.next)
+                for (var x = B; 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)
+                E--, O = u.slice(te, w), S.index -= te;
+              } else if (S = o(L, 0, O, Q), !S)
                 continue;
-              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 = {
+              var I = S.index, $ = S[0], j = O.slice(0, I), V = O.slice(I + $.length), U = te + O.length;
+              _ && U > _.reach && (_.reach = U);
+              var re = B.prev;
+              j && (re = d(c, re, j), te += j.length), f(c, re, E);
+              var ge = new s(A, ne ? n.tokenize($, ne) : $, Z, $);
+              if (B = d(c, re, ge), V && d(c, B, V), E > 1) {
+                var ce = {
                   cause: A + "," + N,
-                  reach: K
+                  reach: U
                 };
-                l(u, c, g, H.prev, re, de), _ && de.reach > _.reach && (_.reach = de.reach);
+                l(u, c, g, B.prev, te, ce), _ && ce.reach > _.reach && (_.reach = ce.reach);
               }
             }
           }
@@ -2829,8 +2829,8 @@ var ht = function() {
     return c;
   }
   return n;
-}(), m = ht;
-ht.default = ht;
+}(), m = mt;
+mt.default = mt;
 m.languages.markup = {
   comment: {
     pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
@@ -4281,40 +4281,40 @@ m.languages.sql = {
         pattern: RegExp(o),
         lookbehind: !0
       }
-    }), 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; )
+    }), A = 0, k = {}, N = _.map(function(H) {
+      if (typeof H == "string")
+        return H;
+      for (var Z = H.content, F; g.indexOf(F = p(A++, h)) !== -1; )
         ;
-      return k[L] = X, L;
-    }).join(""), M = d(N, y, h), oe = Object.keys(k);
+      return k[F] = Z, F;
+    }).join(""), M = d(N, y, h), ne = Object.keys(k);
     A = 0;
-    function q(W) {
-      for (var X = 0; X < W.length; X++) {
-        if (A >= oe.length)
+    function Q(H) {
+      for (var Z = 0; Z < H.length; Z++) {
+        if (A >= ne.length)
           return;
-        var L = W[X];
-        if (typeof L == "string" || typeof L.content == "string") {
-          var F = oe[A], H = typeof L == "string" ? L : (
+        var F = H[Z];
+        if (typeof F == "string" || typeof F.content == "string") {
+          var L = ne[A], B = typeof F == "string" ? F : (
             /** @type {string} */
-            L.content
-          ), re = H.indexOf(F);
-          if (re !== -1) {
+            F.content
+          ), te = B.indexOf(L);
+          if (te !== -1) {
             ++A;
-            var O = H.substring(0, re), E = f(k[F]), S = H.substring(re + F.length), R = [];
+            var O = B.substring(0, te), E = f(k[L]), S = B.substring(te + L.length), R = [];
             if (O && R.push(O), R.push(E), S) {
               var w = [S];
-              q(w), R.push.apply(R, w);
+              Q(w), R.push.apply(R, w);
             }
-            typeof L == "string" ? (W.splice.apply(W, [X, 1].concat(R)), X += R.length - 1) : L.content = R;
+            typeof F == "string" ? (H.splice.apply(H, [Z, 1].concat(R)), Z += R.length - 1) : F.content = R;
           }
         } else {
-          var x = L.content;
-          Array.isArray(x) ? q(x) : q([x]);
+          var x = F.content;
+          Array.isArray(x) ? Q(x) : Q([x]);
         }
       }
     }
-    return q(M), new e.Token(h, M, "language-" + h, g);
+    return Q(M), new e.Token(h, M, "language-" + h, g);
   }
   var u = {
     javascript: !0,
@@ -4339,10 +4339,10 @@ m.languages.sql = {
           if (k.type === "template-string") {
             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)
+              var ne = c(M), Q = M.alias, H = Array.isArray(Q) ? Q[0] : Q, Z = e.languages[H];
+              if (!Z)
                 continue;
-              N[1] = b(oe, X, W);
+              N[1] = b(ne, Z, H);
             }
           } else
             y(N);
@@ -5298,8 +5298,8 @@ m.languages.wasm = {
   number: /[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,
   punctuation: /[()]/
 };
-const Dn = m;
-var Ln = {
+const Ln = m;
+var Fn = {
   plain: {
     backgroundColor: "#2a2734",
     color: "#9a86fd"
@@ -5366,11 +5366,11 @@ var Ln = {
     }
   }]
 };
-const Fn = Ln;
-var Nn = {
+const Nn = Fn;
+var $n = {
   // $FlowFixMe
-  Prism: Dn,
-  theme: Fn
+  Prism: Ln,
+  theme: Nn
 };
 function $e(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
@@ -5380,17 +5380,17 @@ function $e(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Ee() {
-  return Ee = Object.assign || function(e) {
+function _e() {
+  return _e = Object.assign || function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, Ee.apply(this, arguments);
+  }, _e.apply(this, arguments);
 }
-var $n = /\r\n|\r|\n/, Pt = function(e) {
+var Pn = /\r\n|\r|\n/, zt = function(e) {
   e.length === 0 ? e.push({
     types: ["plain"],
     content: `
@@ -5398,50 +5398,50 @@ var $n = /\r\n|\r|\n/, Pt = function(e) {
     empty: !0
   }) : e.length === 1 && e[0].content === "" && (e[0].content = `
 `, e[0].empty = !0);
-}, zt = function(e, t) {
+}, Mt = function(e, t) {
   var r = e.length;
   return r > 0 && e[r - 1] === t ? e : e.concat(t);
-}, Pn = function(e) {
+}, zn = function(e) {
   for (var t = [[]], r = [e], n = [0], s = [e.length], o = 0, l = 0, p = [], d = [p]; l > -1; ) {
     for (; (o = n[l]++) < s[l]; ) {
       var f = void 0, b = t[l], u = r[l], c = u[o];
-      if (typeof c == "string" ? (b = l > 0 ? b : ["plain"], f = c) : (b = zt(b, c.type), c.alias && (b = zt(b, c.alias)), f = c.content), typeof f != "string") {
+      if (typeof c == "string" ? (b = l > 0 ? b : ["plain"], f = c) : (b = Mt(b, c.type), c.alias && (b = Mt(b, c.alias)), f = c.content), typeof f != "string") {
         l++, t.push(b), r.push(f), n.push(0), s.push(f.length);
         continue;
       }
-      var g = f.split($n), y = g.length;
+      var g = f.split(Pn), y = g.length;
       p.push({
         types: b,
         content: g[0]
       });
       for (var h = 1; h < y; h++)
-        Pt(p), d.push(p = []), p.push({
+        zt(p), d.push(p = []), p.push({
           types: b,
           content: g[h]
         });
     }
     l--, t.pop(), r.pop(), n.pop(), s.pop();
   }
-  return Pt(p), d;
-}, zn = function(e, t) {
+  return zt(p), d;
+}, Mn = function(e, t) {
   var r = e.plain, n = /* @__PURE__ */ Object.create(null), s = e.styles.reduce(function(o, l) {
     var p = l.languages, d = l.style;
     return p && !p.includes(t) || l.types.forEach(function(f) {
-      var b = Ee({}, o[f], d);
+      var b = _e({}, o[f], d);
       o[f] = b;
     }), o;
   }, n);
-  return s.root = r, s.plain = Ee({}, r, {
+  return s.root = r, s.plain = _e({}, r, {
     backgroundColor: null
   }), s;
 };
-function Mt(e, t) {
+function Bt(e, t) {
   var r = {};
   for (var n in e)
     Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) === -1 && (r[n] = e[n]);
   return r;
 }
-var Mn = /* @__PURE__ */ function(e) {
+var Bn = /* @__PURE__ */ function(e) {
   function t() {
     for (var r = this, n = [], s = arguments.length; s--; )
       n[s] = arguments[s];
@@ -5449,15 +5449,15 @@ var Mn = /* @__PURE__ */ function(e) {
       if (r.themeDict !== void 0 && o.theme === r.prevTheme && o.language === r.prevLanguage)
         return r.themeDict;
       r.prevTheme = o.theme, r.prevLanguage = o.language;
-      var l = o.theme ? zn(o.theme, o.language) : void 0;
+      var l = o.theme ? Mn(o.theme, o.language) : void 0;
       return r.themeDict = l;
     }), $e(this, "getLineProps", function(o) {
-      var l = o.key, p = o.className, d = o.style, f = Mt(o, ["key", "className", "style", "line"]), b = f, u = Ee({}, b, {
+      var l = o.key, p = o.className, d = o.style, f = Bt(o, ["key", "className", "style", "line"]), b = f, u = _e({}, b, {
         className: "token-line",
         style: void 0,
         key: void 0
       }), c = r.getThemeDict(r.props);
-      return c !== void 0 && (u.style = c.plain), d !== void 0 && (u.style = u.style !== void 0 ? Ee({}, u.style, d) : d), l !== void 0 && (u.key = l), p && (u.className += " " + p), u;
+      return c !== void 0 && (u.style = c.plain), d !== void 0 && (u.style = u.style !== void 0 ? _e({}, u.style, d) : d), l !== void 0 && (u.key = l), p && (u.className += " " + p), u;
     }), $e(this, "getStyleForToken", function(o) {
       var l = o.types, p = o.empty, d = l.length, f = r.getThemeDict(r.props);
       if (f !== void 0) {
@@ -5477,13 +5477,13 @@ var Mn = /* @__PURE__ */ function(e) {
         return Object.assign.apply(Object, [b].concat(u));
       }
     }), $e(this, "getTokenProps", function(o) {
-      var l = o.key, p = o.className, d = o.style, f = o.token, b = Mt(o, ["key", "className", "style", "token"]), u = b, c = Ee({}, u, {
+      var l = o.key, p = o.className, d = o.style, f = o.token, b = Bt(o, ["key", "className", "style", "token"]), u = b, c = _e({}, u, {
         className: "token " + f.types.join(" "),
         children: f.content,
         style: r.getStyleForToken(f),
         key: void 0
       });
-      return d !== void 0 && (c.style = c.style !== void 0 ? Ee({}, c.style, d) : d), l !== void 0 && (c.key = l), p && (c.className += " " + p), c;
+      return d !== void 0 && (c.style = c.style !== void 0 ? _e({}, c.style, d) : d), l !== void 0 && (c.key = l), p && (c.className += " " + p), c;
     }), $e(this, "tokenize", function(o, l, p, d) {
       var f = {
         code: l,
@@ -5497,7 +5497,7 @@ var Mn = /* @__PURE__ */ function(e) {
     });
   }
   return e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t, t.prototype.render = function() {
-    var n = this.props, s = n.Prism, o = n.language, l = n.code, p = n.children, d = this.getThemeDict(this.props), f = s.languages[o], b = f !== void 0 ? this.tokenize(s, l, f, o) : [l], u = Pn(b);
+    var n = this.props, s = n.Prism, o = n.language, l = n.code, p = n.children, d = this.getThemeDict(this.props), f = s.languages[o], b = f !== void 0 ? this.tokenize(s, l, f, o) : [l], u = zn(b);
     return p({
       tokens: u,
       className: "prism-code language-" + o,
@@ -5506,29 +5506,28 @@ var Mn = /* @__PURE__ */ function(e) {
       getTokenProps: this.getTokenProps
     });
   }, t;
-}(_r);
-const Bn = Mn;
-function Wt({ copied: e }) {
-  return /* @__PURE__ */ Z.createElement("svg", {
-    width: "15",
-    height: "15",
+}(Ar);
+const jn = Bn;
+function Kt({ copied: e }) {
+  return /* @__PURE__ */ K.createElement("svg", {
     viewBox: "0 0 15 15",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, e ? /* @__PURE__ */ Z.createElement("path", {
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { width: "1rem", height: "1rem" }
+  }, e ? /* @__PURE__ */ K.createElement("path", {
     d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
     fill: "currentColor",
     fillRule: "evenodd",
     clipRule: "evenodd"
-  }) : /* @__PURE__ */ Z.createElement("path", {
+  }) : /* @__PURE__ */ K.createElement("path", {
     d: "M5 2V1H10V2H5ZM4.75 0C4.33579 0 4 0.335786 4 0.75V1H3.5C2.67157 1 2 1.67157 2 2.5V12.5C2 13.3284 2.67157 14 3.5 14H11.5C12.3284 14 13 13.3284 13 12.5V2.5C13 1.67157 12.3284 1 11.5 1H11V0.75C11 0.335786 10.6642 0 10.25 0H4.75ZM11 2V2.25C11 2.66421 10.6642 3 10.25 3H4.75C4.33579 3 4 2.66421 4 2.25V2H3.5C3.22386 2 3 2.22386 3 2.5V12.5C3 12.7761 3.22386 13 3.5 13H11.5C11.7761 13 12 12.7761 12 12.5V2.5C12 2.22386 11.7761 2 11.5 2H11Z",
     fill: "currentColor",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 }
-Wt.displayName = "@mantine/prism/CopyIcon";
-const jn = (e) => ({
+Kt.displayName = "@mantine/prism/CopyIcon";
+const Un = (e) => ({
   plain: {
     color: e.colors.gray[4],
     backgroundColor: e.colors.dark[8]
@@ -5613,7 +5612,7 @@ const jn = (e) => ({
       }
     }
   ]
-}), Un = (e) => ({
+}), Gn = (e) => ({
   plain: {
     color: e.colors.gray[9],
     backgroundColor: e.fn.rgba(e.colors.gray[0], 0.65)
@@ -5704,8 +5703,8 @@ const jn = (e) => ({
       }
     }
   ]
-}), Gn = (e, t) => t === "dark" ? jn(e) : Un(e);
-var qn = Gt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
+}), qn = (e, t) => t === "dark" ? Un(e) : Gn(e);
+var Hn = qt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
   scrollArea: {},
   root: {
     position: "relative"
@@ -5715,12 +5714,14 @@ var qn = Gt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
     position: "relative",
     fontFamily: e.fontFamilyMonospace,
     lineHeight: 1.7,
-    fontSize: 13,
+    fontSize: ze(13),
     overflowX: r ? "auto" : void 0,
     borderRadius: e.fn.radius(s),
-    padding: `${e.spacing.sm}px 0`,
-    marginTop: 0,
-    marginBottom: 0
+    padding: `${e.spacing.sm} 0`,
+    "&.mantine-Prism-code": {
+      marginTop: 0,
+      marginBottom: 0
+    }
   },
   copy: {
     position: "absolute",
@@ -5735,12 +5736,12 @@ var qn = Gt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
   line: {
     display: "flex",
     width: "100%",
-    padding: `0 ${e.spacing.md}px`
+    padding: `0 ${e.spacing.md}`
   },
   lineNumber: {
     color: t === "dark" ? e.colors.dark[4] : e.colors.gray[4],
     textAlign: "right",
-    width: 8 * n,
+    width: `calc(8 * ${ze(n)})`,
     marginRight: e.dir === "ltr" ? e.spacing.xs : void 0,
     marginLeft: e.dir === "rtl" ? e.spacing.xs : void 0,
     userSelect: "none"
@@ -5749,34 +5750,34 @@ var qn = Gt((e, { colorScheme: t, native: r, maxLineSize: n, radius: s }) => ({
     width: "100%"
   }
 }));
-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, Ie = (e, t) => {
+const Yn = Hn;
+var Vn = Object.defineProperty, Wn = Object.defineProperties, Kn = Object.getOwnPropertyDescriptors, Ze = Object.getOwnPropertySymbols, Zt = Object.prototype.hasOwnProperty, Xt = Object.prototype.propertyIsEnumerable, jt = (e, t, r) => t in e ? Vn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ie = (e, t) => {
   for (var r in t || (t = {}))
-    Kt.call(t, r) && Bt(e, r, t[r]);
-  if (Ke)
-    for (var r of Ke(t))
-      Zt.call(t, r) && Bt(e, r, t[r]);
+    Zt.call(t, r) && jt(e, r, t[r]);
+  if (Ze)
+    for (var r of Ze(t))
+      Xt.call(t, r) && jt(e, r, t[r]);
   return e;
-}, Pe = (e, t) => Vn(e, Wn(t)), Kn = (e, t) => {
+}, Pe = (e, t) => Wn(e, Kn(t)), Zn = (e, t) => {
   var r = {};
   for (var n in e)
-    Kt.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && Ke)
-    for (var n of Ke(e))
-      t.indexOf(n) < 0 && Zt.call(e, n) && (r[n] = e[n]);
+    Zt.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && Ze)
+    for (var n of Ze(e))
+      t.indexOf(n) < 0 && Xt.call(e, n) && (r[n] = e[n]);
   return r;
 };
-const Zn = {
+const Xn = {
   noCopy: !1,
   copyLabel: "Copy code",
   copiedLabel: "Copied",
   withLineNumbers: !1,
   trim: !0,
   highlightLines: {},
-  scrollAreaComponent: qt,
-  getPrismTheme: Gn
-}, vt = Xe((e, t) => {
-  const r = xr("Prism", Zn, e), {
+  scrollAreaComponent: Ht,
+  getPrismTheme: qn
+}, St = Qe((e, t) => {
+  const r = Cr("Prism", Xn, e), {
     className: n,
     children: s,
     language: o,
@@ -5792,8 +5793,9 @@ const Zn = {
     trim: h,
     unstyled: _,
     radius: A,
-    getPrismTheme: k
-  } = r, N = Kn(r, [
+    getPrismTheme: k,
+    variant: N
+  } = r, M = Zn(r, [
     "className",
     "children",
     "language",
@@ -5809,85 +5811,86 @@ const Zn = {
     "trim",
     "unstyled",
     "radius",
-    "getPrismTheme"
-  ]), 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: oe,
+    "getPrismTheme",
+    "variant"
+  ]), ne = h && typeof s == "string" ? s.trim() : s, Q = ne.split(`
+`).length.toString().length, H = Ir(), Z = qr(), F = y || H.colorScheme, { classes: L, cx: B } = Yn({
+    colorScheme: F,
+    native: g !== Ht,
+    maxLineSize: Q,
     radius: A
-  }, { classNames: p, styles: d, unstyled: _, name: "Prism" });
-  return /* @__PURE__ */ Z.createElement(le, Pe(Ie({
-    className: F(L.root, n),
+  }, { name: "Prism", classNames: p, styles: d, unstyled: _, variant: N });
+  return /* @__PURE__ */ K.createElement(le, Pe(Ie({
+    className: B(L.root, n),
     ref: t
-  }, N), {
+  }, M), {
     translate: "no"
-  }), !l && /* @__PURE__ */ Z.createElement(Ve, {
-    label: W.copied ? b : f,
+  }), !l && /* @__PURE__ */ K.createElement(We, {
+    label: Z.copied ? b : f,
     position: "left",
     withArrow: !0,
     arrowSize: 6,
     offset: 6,
-    color: W.copied ? "teal" : void 0,
+    color: Z.copied ? "teal" : void 0,
     unstyled: _
-  }, /* @__PURE__ */ Z.createElement(bt, {
+  }, /* @__PURE__ */ K.createElement(yt, {
     className: L.copy,
-    "aria-label": W.copied ? b : f,
-    onClick: () => W.copy(M),
+    "aria-label": Z.copied ? b : f,
+    onClick: () => Z.copy(ne),
     unstyled: _
-  }, /* @__PURE__ */ Z.createElement(Wt, {
-    copied: W.copied
-  }))), /* @__PURE__ */ Z.createElement(Bn, Pe(Ie({}, Nn), {
-    theme: k(q, X),
-    code: M,
+  }, /* @__PURE__ */ K.createElement(Kt, {
+    copied: Z.copied
+  }))), /* @__PURE__ */ K.createElement(jn, Pe(Ie({}, $n), {
+    theme: k(H, F),
+    code: ne,
     language: o
   }), ({
-    className: H,
-    style: re,
-    tokens: O,
-    getLineProps: E,
-    getTokenProps: S
-  }) => /* @__PURE__ */ Z.createElement(g, {
+    className: te,
+    style: O,
+    tokens: E,
+    getLineProps: S,
+    getTokenProps: R
+  }) => /* @__PURE__ */ K.createElement(g, {
     className: L.scrollArea,
     dir: "ltr"
-  }, /* @__PURE__ */ Z.createElement("pre", {
-    className: F(L.code, H),
-    style: re,
+  }, /* @__PURE__ */ K.createElement("pre", {
+    className: B(L.code, te),
+    style: O,
     dir: "ltr"
-  }, O.map((R, w) => {
-    var x, I, $, j;
-    if (w === O.length - 1 && R.length === 1 && R[0].content === `
+  }, E.map((w, x) => {
+    var I, $, j, V;
+    if (x === E.length - 1 && w.length === 1 && w[0].content === `
 `)
       return null;
-    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: Ie({}, J ? { backgroundColor: he } : null)
-    }), u && /* @__PURE__ */ Z.createElement("div", {
+    const U = x + 1, re = S({ line: w, key: x }), ge = U in c, ce = F === "dark" ? H.fn.rgba(H.fn.themeColor((I = c[U]) == null ? void 0 : I.color, 9), 0.25) : H.fn.themeColor(($ = c[U]) == null ? void 0 : $.color, 0);
+    return /* @__PURE__ */ K.createElement("div", Pe(Ie({}, re), {
+      className: B(L.line, re.className),
+      style: Ie({}, ge ? { backgroundColor: ce } : null)
+    }), u && /* @__PURE__ */ K.createElement("div", {
       className: L.lineNumber,
       style: {
-        color: J ? q.fn.themeColor(($ = c[B]) == null ? void 0 : $.color, X === "dark" ? 5 : 8) : void 0
+        color: ge ? H.fn.themeColor((j = c[U]) == null ? void 0 : j.color, F === "dark" ? 5 : 8) : void 0
       }
-    }, ((j = c[B]) == null ? void 0 : j.label) || B), /* @__PURE__ */ Z.createElement("div", {
+    }, ((V = c[U]) == null ? void 0 : V.label) || U), /* @__PURE__ */ K.createElement("div", {
       className: L.lineContent
-    }, 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
+    }, w.map((ve, fe) => {
+      var ae, de;
+      const me = R({ token: ve, key: fe });
+      return /* @__PURE__ */ K.createElement("span", Pe(Ie({}, me), {
+        style: Pe(Ie({}, me.style), {
+          color: ge ? H.fn.themeColor((ae = c[U]) == null ? void 0 : ae.color, F === "dark" ? 5 : 8) : (de = me == null ? void 0 : me.style) == null ? void 0 : de.color
         })
       }));
     })));
   }).filter(Boolean)))));
 });
-vt.displayName = "@mantine/prism/Prism";
-var Xn = Gt((e, { radius: t }) => ({
+St.displayName = "@mantine/prism/Prism";
+var Qn = qt((e, { radius: t }) => ({
   tab: {
     paddingLeft: e.spacing.sm,
     paddingRight: e.spacing.sm,
-    height: 34,
-    border: `1px solid ${e.colorScheme === "dark" ? e.colors.dark[5] : e.colors.gray[3]}`,
+    height: ze(34),
+    border: `${ze(1)} solid ${e.colorScheme === "dark" ? e.colors.dark[5] : e.colors.gray[3]}`,
     borderBottom: 0,
     fontSize: e.fontSizes.sm,
     color: e.colorScheme === "dark" ? e.colors.dark[1] : e.colors.gray[7],
@@ -5917,7 +5920,7 @@ var Xn = Gt((e, { radius: t }) => ({
     borderRadius: e.fn.radius(t),
     borderTopRightRadius: 0,
     borderTopLeftRadius: 0,
-    border: `1px solid ${e.colorScheme === "dark" ? e.colors.dark[4] : e.colors.gray[3]}`,
+    border: `${ze(1)} solid ${e.colorScheme === "dark" ? e.colors.dark[4] : e.colors.gray[3]}`,
     borderTop: 0,
     overflow: "hidden"
   },
@@ -5927,32 +5930,32 @@ var Xn = Gt((e, { radius: t }) => ({
     border: 0
   }
 }));
-const Xt = Xn;
-var Qn = Object.defineProperty, Jn = Object.defineProperties, ea = Object.getOwnPropertyDescriptors, Ze = Object.getOwnPropertySymbols, Qt = Object.prototype.hasOwnProperty, Jt = Object.prototype.propertyIsEnumerable, jt = (e, t, r) => t in e ? Qn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, er = (e, t) => {
+const Qt = Qn;
+var Jn = Object.defineProperty, ea = Object.defineProperties, ta = Object.getOwnPropertyDescriptors, Xe = Object.getOwnPropertySymbols, Jt = Object.prototype.hasOwnProperty, er = Object.prototype.propertyIsEnumerable, Ut = (e, t, r) => t in e ? Jn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, tr = (e, t) => {
   for (var r in t || (t = {}))
-    Qt.call(t, r) && jt(e, r, t[r]);
-  if (Ze)
-    for (var r of Ze(t))
-      Jt.call(t, r) && jt(e, r, t[r]);
+    Jt.call(t, r) && Ut(e, r, t[r]);
+  if (Xe)
+    for (var r of Xe(t))
+      er.call(t, r) && Ut(e, r, t[r]);
   return e;
-}, ta = (e, t) => Jn(e, ea(t)), ra = (e, t) => {
+}, ra = (e, t) => ea(e, ta(t)), na = (e, t) => {
   var r = {};
   for (var n in e)
-    Qt.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && Ze)
-    for (var n of Ze(e))
-      t.indexOf(n) < 0 && Jt.call(e, n) && (r[n] = e[n]);
+    Jt.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && Xe)
+    for (var n of Xe(e))
+      t.indexOf(n) < 0 && er.call(e, n) && (r[n] = e[n]);
   return r;
 };
-function na(e) {
-  const { classes: t } = Xt({ radius: e.radius });
-  return /* @__PURE__ */ Z.createElement(rt, ta(er({}, e), {
+function aa(e) {
+  const { classes: t } = Qt({ radius: e.radius });
+  return /* @__PURE__ */ K.createElement(nt, ra(tr({}, e), {
     variant: "outline",
     classNames: { tab: t.tab },
     translate: "no"
   }));
 }
-function aa(e) {
+function ia(e) {
   var t = e, {
     language: r,
     children: n,
@@ -5965,8 +5968,9 @@ function aa(e) {
     scrollAreaComponent: b,
     trim: u,
     getPrismTheme: c,
-    colorScheme: g
-  } = t, y = ra(t, [
+    colorScheme: g,
+    variant: y
+  } = t, h = na(t, [
     "language",
     "children",
     "radius",
@@ -5978,12 +5982,13 @@ function aa(e) {
     "scrollAreaComponent",
     "trim",
     "getPrismTheme",
-    "colorScheme"
+    "colorScheme",
+    "variant"
   ]);
-  const { classes: h } = Xt({ radius: s });
-  return /* @__PURE__ */ Z.createElement(rt.Panel, er({}, y), /* @__PURE__ */ Z.createElement(vt, {
+  const { classes: _ } = Qt({ radius: s });
+  return /* @__PURE__ */ K.createElement(nt.Panel, tr({}, h), /* @__PURE__ */ K.createElement(St, {
     language: r,
-    classNames: { root: h.prism, code: h.code },
+    classNames: { root: _.prism, code: _.code },
     radius: s,
     noCopy: o,
     copyLabel: l,
@@ -5993,36 +5998,37 @@ function aa(e) {
     scrollAreaComponent: b,
     trim: u,
     getPrismTheme: c,
-    colorScheme: g
+    colorScheme: g,
+    variant: y
   }, n));
 }
-const Ue = vt;
-Ue.Tabs = na;
-Ue.Tab = rt.Tab;
-Ue.TabsList = rt.List;
-Ue.Panel = aa;
-function ia({
+const Ge = St;
+Ge.Tabs = aa;
+Ge.Tab = nt.Tab;
+Ge.TabsList = nt.List;
+Ge.Panel = ia;
+function oa({
   id: e,
   onSuccess: t,
   styles: r = De
 }) {
-  const n = Be(), s = async () => {
+  const n = je(), s = async () => {
     if (e) {
-      be({
+      ye({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting SQL Snippet...",
         loading: !0
       });
       try {
-        await se.sql_snippet.delete(e), te({
+        await se.sql_snippet.delete(e), ee({
           id: "for-deleting",
           title: "Successful",
           message: `SQL Snippet [${e}] is deleted`,
           color: "green"
         }), t();
       } catch (l) {
-        te({
+        ee({
           id: "for-deleting",
           title: "Failed",
           message: l.message,
@@ -6042,21 +6048,21 @@ function ia({
       color: "red"
     }
   });
-  return /* @__PURE__ */ a(Y, { size: r.button.size, color: "red", onClick: o, leftIcon: /* @__PURE__ */ a(at, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(Y, { size: r.button.size, color: "red", onClick: o, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Delete" });
 }
-function oa({
+function sa({
   content: e
 }) {
-  return /* @__PURE__ */ C(dt, { width: "60vw", shadow: "md", children: [
-    /* @__PURE__ */ a(dt.Target, { children: /* @__PURE__ */ a(bt, { size: 16, children: /* @__PURE__ */ a(Ur, {}) }) }),
-    /* @__PURE__ */ a(dt.Dropdown, { children: /* @__PURE__ */ a(Ue, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
+  return /* @__PURE__ */ C(pt, { width: "60vw", shadow: "md", children: [
+    /* @__PURE__ */ a(pt.Target, { children: /* @__PURE__ */ a(yt, { size: 16, children: /* @__PURE__ */ a(Gr, {}) }) }),
+    /* @__PURE__ */ a(pt.Dropdown, { children: /* @__PURE__ */ a(Ge, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
   ] });
 }
-function Aa({
+function ka({
   styles: e = De,
   config: t
 }) {
-  je(t);
+  Ue(t);
   const {
     data: r = [],
     loading: n,
@@ -6074,13 +6080,13 @@ function Aa({
   }, {
     refreshDeps: []
   });
-  return /* @__PURE__ */ C(fe, { children: [
-    /* @__PURE__ */ a(ee, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(xn, { onSuccess: s }) }),
+  return /* @__PURE__ */ C(he, { children: [
+    /* @__PURE__ */ a(J, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Cn, { onSuccess: s }) }),
     /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ a(et, { visible: n }),
-      /* @__PURE__ */ C(tt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
+      /* @__PURE__ */ a(tt, { visible: n }),
+      /* @__PURE__ */ C(rt, { horizontalSpacing: e.spacing, verticalSpacing: e.spacing, fontSize: e.size, highlightOnHover: !0, children: [
         /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ C("tr", { children: [
           /* @__PURE__ */ a("th", { children: "Name" }),
           /* @__PURE__ */ a("th", {}),
@@ -6097,12 +6103,12 @@ function Aa({
           } = o;
           return /* @__PURE__ */ C("tr", { children: [
             /* @__PURE__ */ a("td", { children: l }),
-            /* @__PURE__ */ a("td", { width: 50, children: /* @__PURE__ */ a(oa, { content: p }) }),
+            /* @__PURE__ */ a("td", { width: 50, children: /* @__PURE__ */ a(sa, { content: p }) }),
             /* @__PURE__ */ a("td", { width: 200, children: d }),
             /* @__PURE__ */ a("td", { width: 200, children: f }),
-            /* @__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 })
+            /* @__PURE__ */ a("td", { width: 400, children: /* @__PURE__ */ C(J, { position: "left", children: [
+              /* @__PURE__ */ a(Dn, { ...o, onSuccess: s }),
+              /* @__PURE__ */ a(oa, { id: l, onSuccess: s })
             ] }) })
           ] }, l);
         }) })
@@ -6110,23 +6116,23 @@ function Aa({
     ] })
   ] });
 }
-const ka = () => import("./package-8c55be93.mjs").then(({
+const Ta = () => import("./package-42bc6f38.mjs").then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {
-  _a as APIKeyList,
-  wa as AccountList,
-  Tn as AddAPIKey,
-  Sn as AddAccount,
-  ln as AddDataSource,
-  xn as AddSQLSnippet,
-  Sa as DataSourceList,
-  Rn as DeleteAPIKey,
-  wn as DeleteAccount,
-  dn as DeleteDataSource,
-  ia as DeleteSQLSnippet,
-  Ea as Login,
-  Aa as SQLSnippetList,
-  In as UpdateSQLSnippet,
-  ka as getVersion
+  Aa as APIKeyList,
+  Ea as AccountList,
+  Rn as AddAPIKey,
+  wn as AddAccount,
+  un as AddDataSource,
+  Cn as AddSQLSnippet,
+  wa as DataSourceList,
+  On as DeleteAPIKey,
+  En as DeleteAccount,
+  pn as DeleteDataSource,
+  oa as DeleteSQLSnippet,
+  _a as Login,
+  ka as SQLSnippetList,
+  Dn as UpdateSQLSnippet,
+  Ta as getVersion
 };