@devtable/settings-form 10.44.0 → 10.44.2

package/dist/settings-form.es.js

@@ -1,10 +1,10 @@
 import K, { useEffect as yt, forwardRef as Je, useState as Ht, Component as kr } from "react";
-import { Box as se, TextInput as ue, Divider as et, Group as Q, NumberInput as Tr, PasswordInput as tt, Button as V, Modal as Ae, Stack as je, Alert as Rr, SegmentedControl as xr, Tooltip as Ke, Text as Re, ActionIcon as vt, LoadingOverlay as rt, Table as nt, Select as Or, Switch as Cr, createStyles as qt, rem as Me, useComponentDefaultProps as Ir, useMantineTheme as Dr, ScrollArea as Yt, Tabs as at, HoverCard as gt } from "@mantine/core";
-import { showNotification as be, updateNotification as J } from "@mantine/notifications";
+import { Box as le, TextInput as ue, Divider as et, Group as Q, NumberInput as Tr, PasswordInput as tt, Button as Y, Modal as Ae, Stack as je, Alert as Rr, SegmentedControl as xr, Tooltip as Ke, Text as Re, ActionIcon as vt, LoadingOverlay as rt, Table as nt, Select as Or, Switch as Cr, createStyles as qt, rem as Me, useComponentDefaultProps as Ir, useMantineTheme as Dr, ScrollArea as Yt, Tabs as at, HoverCard as gt } from "@mantine/core";
+import { showNotification as ye, updateNotification as J } from "@mantine/notifications";
 import { Recycle as Lr, AlertCircle as Fr, PlaylistAdd as it, Trash as ot, Edit as Nr } from "tabler-icons-react";
 import * as $r from "crypto-js";
 import zr from "axios";
-import { useForm as Ee, Controller as q } from "react-hook-form";
+import { useForm as Ee, Controller as H } from "react-hook-form";
 import { useBoolean as Pr, useRequest as xe } from "ahooks";
 import Vt, { loader as ft } from "@monaco-editor/react";
 import { useModals as Ge, closeAllModals as Mr } from "@mantine/modals";
@@ -70,10 +70,10 @@ function Wr() {
       {
         for (var v = arguments.length, T = new Array(v > 1 ? v - 1 : 0), D = 1; D < v; D++)
           T[D - 1] = arguments[D];
-        $("error", i, T);
+        N("error", i, T);
       }
     }
-    function $(i, v, T) {
+    function N(i, v, T) {
       {
         var D = A.ReactDebugCurrentFrame, U = D.getStackAddendum();
         U !== "" && (v += "%s", T = T.concat([U]));
@@ -83,10 +83,10 @@ function Wr() {
         W.unshift("Warning: " + v), Function.prototype.apply.call(console[i], console, W);
       }
     }
-    var M = !1, te = !1, X = !1, Y = !1, Z = !1, F;
+    var M = !1, re = !1, X = !1, q = !1, Z = !1, F;
     F = Symbol.for("react.module.reference");
     function L(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === o || Z || i === s || i === f || i === b || Y || i === g || M || te || X || typeof i == "object" && i !== null && (i.$$typeof === c || i.$$typeof === u || i.$$typeof === l || i.$$typeof === p || i.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof i == "string" || typeof i == "function" || i === n || i === o || Z || i === s || i === f || i === b || q || i === g || M || re || X || typeof i == "object" && i !== null && (i.$$typeof === c || i.$$typeof === u || i.$$typeof === l || i.$$typeof === p || i.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -102,7 +102,7 @@ function Wr() {
     function ee(i) {
       return i.displayName || "Context";
     }
-    function R(i) {
+    function x(i) {
       if (i == null)
         return null;
       if (typeof i.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
@@ -135,11 +135,11 @@ function Wr() {
             return B(i, i.render, "ForwardRef");
           case u:
             var D = i.displayName || null;
-            return D !== null ? D : R(i.type) || "Memo";
+            return D !== null ? D : x(i.type) || "Memo";
           case c: {
             var U = i, W = U._payload, P = U._init;
             try {
-              return R(P(W));
+              return x(P(W));
             } catch {
               return null;
             }
@@ -147,14 +147,14 @@ function Wr() {
         }
       return null;
     }
-    var E = Object.assign, S = 0, x, w, O, I, N, H, j;
+    var E = Object.assign, S = 0, R, w, O, I, $, j, V;
     function G() {
     }
     G.__reactDisabledLog = !0;
-    function le() {
+    function te() {
       {
         if (S === 0) {
-          x = console.log, w = console.info, O = console.warn, I = console.error, N = console.group, H = console.groupCollapsed, j = console.groupEnd;
+          R = console.log, w = console.info, O = console.warn, I = console.error, $ = console.group, j = console.groupCollapsed, V = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -174,7 +174,7 @@ function Wr() {
         S++;
       }
     }
-    function ce() {
+    function ge() {
       {
         if (S--, S === 0) {
           var i = {
@@ -184,7 +184,7 @@ function Wr() {
           };
           Object.defineProperties(console, {
             log: E({}, i, {
-              value: x
+              value: R
             }),
             info: E({}, i, {
               value: w
@@ -196,40 +196,40 @@ function Wr() {
               value: I
             }),
             group: E({}, i, {
-              value: N
+              value: $
             }),
             groupCollapsed: E({}, i, {
-              value: H
+              value: j
             }),
             groupEnd: E({}, i, {
-              value: j
+              value: V
             })
           });
         }
         S < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var pe = A.ReactCurrentDispatcher, ye;
+    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] || "";
+            ve = D && D[1] || "";
           }
         return `
-` + ye + i;
+` + ve + i;
       }
     }
-    var re = !1, de;
+    var ne = !1, de;
     {
-      var ve = typeof WeakMap == "function" ? WeakMap : Map;
-      de = new ve();
+      var me = typeof WeakMap == "function" ? WeakMap : Map;
+      de = new me();
     }
     function Te(i, v) {
-      if (!i || re)
+      if (!i || ne)
         return "";
       {
         var T = de.get(i);
@@ -237,11 +237,11 @@ function Wr() {
           return T;
       }
       var D;
-      re = !0;
+      ne = !0;
       var U = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var W;
-      W = pe.current, pe.current = null, le();
+      W = ce.current, ce.current = null, te();
       try {
         if (v) {
           var P = function() {
@@ -277,24 +277,24 @@ function Wr() {
       } catch (we) {
         if (we && D && typeof we.stack == "string") {
           for (var z = we.stack.split(`
-`), ge = D.stack.split(`
-`), ne = z.length - 1, ie = ge.length - 1; ne >= 1 && ie >= 0 && z[ne] !== ge[ie]; )
-            ie--;
-          for (; ne >= 1 && ie >= 0; ne--, ie--)
-            if (z[ne] !== ge[ie]) {
-              if (ne !== 1 || ie !== 1)
+`), pe = D.stack.split(`
+`), ae = z.length - 1, oe = pe.length - 1; ae >= 1 && oe >= 0 && z[ae] !== pe[oe]; )
+            oe--;
+          for (; ae >= 1 && oe >= 0; ae--, oe--)
+            if (z[ae] !== pe[oe]) {
+              if (ae !== 1 || oe !== 1)
                 do
-                  if (ne--, ie--, ie < 0 || z[ne] !== ge[ie]) {
-                    var me = `
-` + z[ne].replace(" at new ", " at ");
-                    return i.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", i.displayName)), typeof i == "function" && de.set(i, me), me;
+                  if (ae--, oe--, oe < 0 || z[ae] !== pe[oe]) {
+                    var be = `
+` + z[ae].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 (ne >= 1 && ie >= 0);
+                while (ae >= 1 && oe >= 0);
               break;
             }
         }
       } finally {
-        re = !1, pe.current = W, ce(), Error.prepareStackTrace = U;
+        ne = !1, ce.current = W, ge(), Error.prepareStackTrace = U;
       }
       var Ce = i ? i.displayName || i.name : "", Ft = Ce ? fe(Ce) : "";
       return typeof i == "function" && de.set(i, Ft), Ft;
@@ -351,12 +351,12 @@ function Wr() {
             var z = void 0;
             try {
               if (typeof i[P] != "function") {
-                var ge = Error((D || "React class") + ": " + T + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[P] + "`.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 `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw pe.name = "Invariant Violation", pe;
               }
               z = i[P](v, P, D, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ne) {
-              z = ne;
+            } catch (ae) {
+              z = ae;
             }
             z && !(z instanceof Error) && (Ve(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, P, typeof z), Ve(null)), z instanceof Error && !(z.message in Et) && (Et[z.message] = !0, Ve(U), k("Failed %s type: %s", T, z.message), Ve(null));
           }
@@ -411,8 +411,8 @@ function Wr() {
     }
     function pr(i, v) {
       if (typeof i.ref == "string" && Le.current && v && Le.current.stateNode !== v) {
-        var T = R(Le.current.type);
-        ut[T] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', R(Le.current.type), i.ref), ut[T] = !0);
+        var T = x(Le.current.type);
+        ut[T] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', x(Le.current.type), i.ref), ut[T] = !0);
       }
     }
     function gr(i, v) {
@@ -468,20 +468,20 @@ function Wr() {
     };
     function mr(i, v, T, D, U) {
       {
-        var W, P = {}, z = null, ge = null;
-        T !== void 0 && (kt(T), z = "" + T), dr(v) && (kt(v.key), z = "" + v.key), cr(v) && (ge = v.ref, pr(v, U));
+        var W, P = {}, z = null, pe = null;
+        T !== void 0 && (kt(T), z = "" + T), dr(v) && (kt(v.key), z = "" + v.key), cr(v) && (pe = v.ref, pr(v, U));
         for (W in v)
           Ye.call(v, W) && !ur.hasOwnProperty(W) && (P[W] = v[W]);
         if (i && i.defaultProps) {
-          var ne = i.defaultProps;
-          for (W in ne)
-            P[W] === void 0 && (P[W] = ne[W]);
+          var ae = i.defaultProps;
+          for (W in ae)
+            P[W] === void 0 && (P[W] = ae[W]);
         }
-        if (z || ge) {
-          var ie = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          z && gr(P, ie), ge && fr(P, ie);
+        if (z || pe) {
+          var oe = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
+          z && gr(P, oe), pe && fr(P, oe);
         }
-        return hr(i, z, ge, U, D, Le.current, P);
+        return hr(i, z, pe, U, D, Le.current, P);
       }
     }
     var ct = A.ReactCurrentOwner, xt = A.ReactDebugCurrentFrame;
@@ -500,7 +500,7 @@ function Wr() {
     function Ot() {
       {
         if (ct.current) {
-          var i = R(ct.current.type);
+          var i = x(ct.current.type);
           if (i)
             return `
 
@@ -543,7 +543,7 @@ Check the top-level render call using <` + T + ">.");
           return;
         Ct[T] = !0;
         var D = "";
-        i && i._owner && i._owner !== ct.current && (D = " It was passed a child from " + R(i._owner.type) + "."), Oe(i), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, D), Oe(null);
+        i && i._owner && i._owner !== ct.current && (D = " It was passed a child from " + x(i._owner.type) + "."), Oe(i), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, D), Oe(null);
       }
     }
     function Dt(i, v) {
@@ -580,11 +580,11 @@ Check the top-level render call using <` + T + ">.");
         else
           return;
         if (T) {
-          var D = R(v);
+          var D = x(v);
           ir(T, i.props, "prop", D, i);
         } else if (v.PropTypes !== void 0 && !dt) {
           dt = !0;
-          var U = R(v);
+          var U = x(v);
           k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
         }
         typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -608,28 +608,28 @@ Check the top-level render call using <` + T + ">.");
         if (!P) {
           var z = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (z += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ge = br(U);
-          ge ? z += ge : z += Ot();
-          var ne;
-          i === null ? ne = "null" : lt(i) ? ne = "array" : i !== void 0 && i.$$typeof === t ? (ne = "<" + (R(i.type) || "Unknown") + " />", z = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof i, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, z);
+          var pe = br(U);
+          pe ? z += pe : z += Ot();
+          var ae;
+          i === null ? ae = "null" : lt(i) ? ae = "array" : i !== void 0 && i.$$typeof === t ? (ae = "<" + (x(i.type) || "Unknown") + " />", z = " 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, z);
         }
-        var ie = mr(i, v, T, U, W);
-        if (ie == null)
-          return ie;
+        var oe = mr(i, v, T, U, W);
+        if (oe == null)
+          return oe;
         if (P) {
-          var me = v.children;
-          if (me !== void 0)
+          var be = v.children;
+          if (be !== void 0)
             if (D)
-              if (lt(me)) {
-                for (var Ce = 0; Ce < me.length; Ce++)
-                  Dt(me[Ce], i);
-                Object.freeze && Object.freeze(me);
+              if (lt(be)) {
+                for (var Ce = 0; Ce < be.length; Ce++)
+                  Dt(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
-              Dt(me, i);
+              Dt(be, i);
         }
-        return i === n ? Sr(ie) : vr(ie), ie;
+        return i === n ? Sr(oe) : vr(oe), oe;
       }
     }
     function wr(i, v, T) {
@@ -743,7 +743,7 @@ class Qr {
     return this.getRequest("PUT", t);
   }
 }
-const Pe = new Xr(), Jr = new Qr(Pe), ae = Jr;
+const Pe = new Xr(), Jr = new Qr(Pe), ie = Jr;
 function Ue(e) {
   Pe.baseURL !== e.apiBaseURL && (Pe.baseURL = e.apiBaseURL), e.app_id && (Pe.app_id = e.app_id), e.app_secret && (Pe.app_secret = e.app_secret);
 }
@@ -753,9 +753,9 @@ const en = {
       name: e,
       password: t
     };
-    return await ae.post()("/account/login", r, {});
+    return await ie.post()("/account/login", r, {});
   },
-  list: async () => await ae.post()("/account/list", {
+  list: async () => await ie.post()("/account/list", {
     filter: {},
     sort: [{
       field: "name",
@@ -769,7 +769,7 @@ const en = {
   /**
    * get current account
    */
-  get: async () => await ae.get()("/account/get", {}, {}),
+  get: async () => await ie.get()("/account/get", {}, {}),
   /**
    * update current account
    */
@@ -778,7 +778,7 @@ const en = {
       name: e.trim(),
       email: t.trim()
     };
-    return await ae.put()("/account/update", r, {});
+    return await ie.put()("/account/update", r, {});
   },
   /**
    * change current account's password
@@ -788,23 +788,23 @@ const en = {
       old_password: e.trim(),
       new_password: t.trim()
     };
-    return await ae.post()("/account/changepassword", r, {});
+    return await ie.post()("/account/changepassword", r, {});
   },
-  create: async (e, t, r, n) => await ae.post()("/account/create", {
+  create: async (e, t, r, n) => await ie.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 ae.put()("/account/edit", e, {})),
+  edit: async (e) => (e.reset_password || (e.new_password = void 0), await ie.put()("/account/edit", e, {})),
   delete: async (e) => {
     if (e)
-      return ae.post()("/account/delete", {
+      return ie.post()("/account/delete", {
         id: e
       }, {});
   }
 }, tn = {
-  list: async () => await ae.post()("/api/key/list", {
+  list: async () => await ie.post()("/api/key/list", {
     filter: {
       search: ""
     },
@@ -817,18 +817,18 @@ const en = {
       pagesize: 100
     }
   }, {}),
-  create: async (e, t) => ae.post()("/api/key/create", {
+  create: async (e, t) => ie.post()("/api/key/create", {
     name: e,
     role_id: t
   }, {}),
   delete: async (e) => {
     if (e)
-      return ae.post()("/api/key/delete", {
+      return ie.post()("/api/key/delete", {
         id: e
       }, {});
   }
 }, rn = {
-  list: async () => await ae.post()("/datasource/list", {
+  list: async () => await ie.post()("/datasource/list", {
     filter: {},
     sort: [{
       field: "create_time",
@@ -839,22 +839,22 @@ const en = {
       pagesize: 100
     }
   }, {}),
-  create: async (e, t, r) => await ae.post()("/datasource/create", {
+  create: async (e, t, r) => await ie.post()("/datasource/create", {
     type: e,
     key: t,
     config: r
   }, {}),
-  update: async (e, t) => await ae.put()("/datasource/update", {
+  update: async (e, t) => await ie.put()("/datasource/update", {
     id: e,
     config: t
   }, {}),
   delete: async (e) => {
-    await ae.post()("/datasource/delete", {
+    await ie.post()("/datasource/delete", {
       id: e
     }, {});
   }
 }, nn = {
-  list: async () => await ae.get()("/role/list", {}, {})
+  list: async () => await ie.get()("/role/list", {}, {})
 };
 var mt = {}, an = {
   get exports() {
@@ -868,62 +868,62 @@ var mt = {}, an = {
   (function(r, n) {
     e.exports = n();
   })(qr, function() {
-    var r = 1e3, n = 6e4, s = 36e5, o = "millisecond", l = "second", p = "minute", d = "hour", f = "day", b = "week", u = "month", c = "quarter", g = "year", y = "date", h = "Invalid Date", _ = /^(\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(R) {
-      var E = ["th", "st", "nd", "rd"], S = R % 100;
-      return "[" + R + (E[(S - 20) % 10] || E[S] || E[0]) + "]";
-    } }, $ = function(R, E, S) {
-      var x = String(R);
-      return !x || x.length >= E ? R : "" + Array(E + 1 - x.length).join(S) + R;
-    }, M = { s: $, z: function(R) {
-      var E = -R.utcOffset(), S = Math.abs(E), x = Math.floor(S / 60), w = S % 60;
-      return (E <= 0 ? "+" : "-") + $(x, 2, "0") + ":" + $(w, 2, "0");
-    }, m: function R(E, S) {
+    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(x) {
+      var E = ["th", "st", "nd", "rd"], S = x % 100;
+      return "[" + x + (E[(S - 20) % 10] || E[S] || E[0]) + "]";
+    } }, N = function(x, E, S) {
+      var R = String(x);
+      return !R || R.length >= E ? x : "" + Array(E + 1 - R.length).join(S) + x;
+    }, M = { s: N, z: function(x) {
+      var E = -x.utcOffset(), S = Math.abs(E), R = Math.floor(S / 60), w = S % 60;
+      return (E <= 0 ? "+" : "-") + N(R, 2, "0") + ":" + N(w, 2, "0");
+    }, m: function x(E, S) {
       if (E.date() < S.date())
-        return -R(S, E);
-      var x = 12 * (S.year() - E.year()) + (S.month() - E.month()), w = E.clone().add(x, u), O = S - w < 0, I = E.clone().add(x + (O ? -1 : 1), u);
-      return +(-(x + (S - w) / (O ? w - I : I - w)) || 0);
-    }, a: function(R) {
-      return R < 0 ? Math.ceil(R) || 0 : Math.floor(R);
-    }, p: function(R) {
-      return { M: u, y: g, w: b, d: f, D: y, h: d, m: p, s: l, ms: o, Q: c }[R] || String(R || "").toLowerCase().replace(/s$/, "");
-    }, u: function(R) {
-      return R === void 0;
-    } }, te = "en", X = {};
-    X[te] = k;
-    var Y = function(R) {
-      return R instanceof B;
-    }, Z = function R(E, S, x) {
+        return -x(S, E);
+      var R = 12 * (S.year() - E.year()) + (S.month() - E.month()), w = E.clone().add(R, u), O = S - w < 0, I = E.clone().add(R + (O ? -1 : 1), u);
+      return +(-(R + (S - w) / (O ? w - I : I - w)) || 0);
+    }, a: function(x) {
+      return x < 0 ? Math.ceil(x) || 0 : Math.floor(x);
+    }, p: function(x) {
+      return { M: u, y: g, w: b, d: f, D: y, h: d, m: p, s: l, ms: o, Q: c }[x] || String(x || "").toLowerCase().replace(/s$/, "");
+    }, u: function(x) {
+      return x === void 0;
+    } }, re = "en", X = {};
+    X[re] = k;
+    var q = function(x) {
+      return x instanceof B;
+    }, Z = function x(E, S, R) {
       var w;
       if (!E)
-        return te;
+        return re;
       if (typeof E == "string") {
         var O = E.toLowerCase();
         X[O] && (w = O), S && (X[O] = S, w = O);
         var I = E.split("-");
         if (!w && I.length > 1)
-          return R(I[0]);
+          return x(I[0]);
       } else {
-        var N = E.name;
-        X[N] = E, w = N;
+        var $ = E.name;
+        X[$] = E, w = $;
       }
-      return !x && w && (te = w), w || !x && te;
-    }, F = function(R, E) {
-      if (Y(R))
-        return R.clone();
+      return !R && w && (re = w), w || !R && re;
+    }, F = function(x, E) {
+      if (q(x))
+        return x.clone();
       var S = typeof E == "object" ? E : {};
-      return S.date = R, S.args = arguments, new B(S);
+      return S.date = x, S.args = arguments, new B(S);
     }, L = M;
-    L.l = Z, L.i = Y, L.w = function(R, E) {
-      return F(R, { locale: E.$L, utc: E.$u, x: E.$x, $offset: E.$offset });
+    L.l = Z, L.i = q, L.w = function(x, E) {
+      return F(x, { locale: E.$L, utc: E.$u, x: E.$x, $offset: E.$offset });
     };
     var B = function() {
-      function R(S) {
+      function x(S) {
         this.$L = Z(S.locale, null, !0), this.parse(S);
       }
-      var E = R.prototype;
+      var E = x.prototype;
       return E.parse = function(S) {
-        this.$d = function(x) {
-          var w = x.date, O = x.utc;
+        this.$d = function(R) {
+          var w = R.date, O = R.utc;
           if (w === null)
             return /* @__PURE__ */ new Date(NaN);
           if (L.u(w))
@@ -933,8 +933,8 @@ var mt = {}, an = {
           if (typeof w == "string" && !/Z$/i.test(w)) {
             var I = w.match(_);
             if (I) {
-              var N = I[2] - 1 || 0, H = (I[7] || "0").substring(0, 3);
-              return O ? new Date(Date.UTC(I[1], N, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, H)) : new Date(I[1], N, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, H);
+              var $ = I[2] - 1 || 0, j = (I[7] || "0").substring(0, 3);
+              return O ? new Date(Date.UTC(I[1], $, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, j)) : new Date(I[1], $, I[3] || 1, I[4] || 0, I[5] || 0, I[6] || 0, j);
             }
           }
           return new Date(w);
@@ -946,107 +946,189 @@ var mt = {}, an = {
         return L;
       }, E.isValid = function() {
         return this.$d.toString() !== h;
-      }, E.isSame = function(S, x) {
+      }, E.isSame = function(S, R) {
         var w = F(S);
-        return this.startOf(x) <= w && w <= this.endOf(x);
-      }, E.isAfter = function(S, x) {
-        return F(S) < this.startOf(x);
-      }, E.isBefore = function(S, x) {
-        return this.endOf(x) < F(S);
-      }, E.$g = function(S, x, w) {
-        return L.u(S) ? this[x] : this.set(w, S);
+        return this.startOf(R) <= w && w <= this.endOf(R);
+      }, E.isAfter = function(S, R) {
+        return F(S) < this.startOf(R);
+      }, E.isBefore = function(S, R) {
+        return this.endOf(R) < F(S);
+      }, E.$g = function(S, R, w) {
+        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, x) {
-        var w = this, O = !!L.u(x) || x, I = L.p(S), N = function(fe, re) {
-          var de = L.w(w.$u ? Date.UTC(w.$y, re, fe) : new Date(w.$y, re, fe), w);
+      }, E.startOf = function(S, R) {
+        var w = this, O = !!L.u(R) || R, I = L.p(S), $ = function(fe, ne) {
+          var de = L.w(w.$u ? Date.UTC(w.$y, ne, fe) : new Date(w.$y, ne, fe), w);
           return O ? de : de.endOf(f);
-        }, H = function(fe, re) {
-          return L.w(w.toDate()[fe].apply(w.toDate("s"), (O ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(re)), w);
-        }, j = this.$W, G = this.$M, le = this.$D, ce = "set" + (this.$u ? "UTC" : "");
+        }, j = function(fe, ne) {
+          return L.w(w.toDate()[fe].apply(w.toDate("s"), (O ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ne)), w);
+        }, V = this.$W, G = this.$M, te = this.$D, ge = "set" + (this.$u ? "UTC" : "");
         switch (I) {
           case g:
-            return O ? N(1, 0) : N(31, 11);
+            return O ? $(1, 0) : $(31, 11);
           case u:
-            return O ? N(1, G) : N(0, G + 1);
+            return O ? $(1, G) : $(0, G + 1);
           case b:
-            var pe = this.$locale().weekStart || 0, ye = (j < pe ? j + 7 : j) - pe;
-            return N(O ? le - ye : le + (6 - ye), G);
+            var ce = this.$locale().weekStart || 0, ve = (V < ce ? V + 7 : V) - ce;
+            return $(O ? te - ve : te + (6 - ve), G);
           case f:
           case y:
-            return H(ce + "Hours", 0);
+            return j(ge + "Hours", 0);
           case d:
-            return H(ce + "Minutes", 1);
+            return j(ge + "Minutes", 1);
           case p:
-            return H(ce + "Seconds", 2);
+            return j(ge + "Seconds", 2);
           case l:
-            return H(ce + "Milliseconds", 3);
+            return j(ge + "Milliseconds", 3);
           default:
             return this.clone();
         }
       }, E.endOf = function(S) {
         return this.startOf(S, !1);
-      }, E.$set = function(S, x) {
-        var w, O = L.p(S), I = "set" + (this.$u ? "UTC" : ""), N = (w = {}, w[f] = I + "Date", w[y] = I + "Date", w[u] = I + "Month", w[g] = I + "FullYear", w[d] = I + "Hours", w[p] = I + "Minutes", w[l] = I + "Seconds", w[o] = I + "Milliseconds", w)[O], H = O === f ? this.$D + (x - this.$W) : x;
+      }, E.$set = function(S, R) {
+        var w, O = 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)[O], j = O === f ? this.$D + (R - this.$W) : R;
         if (O === u || O === g) {
-          var j = this.clone().set(y, 1);
-          j.$d[N](H), j.init(), this.$d = j.set(y, Math.min(this.$D, j.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
-          N && this.$d[N](H);
+          $ && this.$d[$](j);
         return this.init(), this;
-      }, E.set = function(S, x) {
-        return this.clone().$set(S, x);
+      }, E.set = function(S, R) {
+        return this.clone().$set(S, R);
       }, E.get = function(S) {
         return this[L.p(S)]();
-      }, E.add = function(S, x) {
+      }, E.add = function(S, R) {
         var w, O = this;
         S = Number(S);
-        var I = L.p(x), N = function(G) {
-          var le = F(O);
-          return L.w(le.date(le.date() + Math.round(G * S)), O);
+        var I = L.p(R), $ = function(G) {
+          var te = F(O);
+          return L.w(te.date(te.date() + Math.round(G * S)), O);
         };
         if (I === u)
           return this.set(u, this.$M + S);
         if (I === g)
           return this.set(g, this.$y + S);
         if (I === f)
-          return N(1);
+          return $(1);
         if (I === b)
-          return N(7);
-        var H = (w = {}, w[p] = n, w[d] = s, w[l] = r, w)[I] || 1, j = this.$d.getTime() + S * H;
-        return L.w(j, this);
-      }, E.subtract = function(S, x) {
-        return this.add(-1 * S, x);
+          return $(7);
+        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 x = this, w = this.$locale();
+        var R = this, w = this.$locale();
         if (!this.isValid())
           return w.invalidDate || h;
-        var O = S || "YYYY-MM-DDTHH:mm:ssZ", I = L.z(this), N = this.$H, H = this.$m, j = this.$M, G = w.weekdays, le = w.months, ce = function(re, de, ve, Te) {
-          return re && (re[de] || re(x, O)) || ve[de].slice(0, Te);
-        }, pe = function(re) {
-          return L.s(N % 12 || 12, re, "0");
-        }, ye = w.meridiem || function(re, de, ve) {
-          var Te = re < 12 ? "AM" : "PM";
-          return ve ? Te.toLowerCase() : Te;
-        }, fe = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: j + 1, MM: L.s(j + 1, 2, "0"), MMM: ce(w.monthsShort, j, le, 3), MMMM: ce(le, j), D: this.$D, DD: L.s(this.$D, 2, "0"), d: String(this.$W), dd: ce(w.weekdaysMin, this.$W, G, 2), ddd: ce(w.weekdaysShort, this.$W, G, 3), dddd: G[this.$W], H: String(N), HH: L.s(N, 2, "0"), h: pe(1), hh: pe(2), a: ye(N, H, !0), A: ye(N, H, !1), m: String(H), mm: L.s(H, 2, "0"), s: String(this.$s), ss: L.s(this.$s, 2, "0"), SSS: L.s(this.$ms, 3, "0"), Z: I };
-        return O.replace(A, function(re, de) {
-          return de || fe[re] || I.replace(":", "");
+        var O = S || "YYYY-MM-DDTHH:mm:ssZ", I = L.z(this), $ = this.$H, j = this.$m, V = this.$M, G = w.weekdays, te = w.months, ge = w.meridiem, ce = function(ne, de, me, Te) {
+          return ne && (ne[de] || ne(R, O)) || me[de].slice(0, Te);
+        }, ve = function(ne) {
+          return L.s($ % 12 || 12, ne, "0");
+        }, fe = ge || function(ne, de, me) {
+          var Te = ne < 12 ? "AM" : "PM";
+          return me ? Te.toLowerCase() : Te;
+        };
+        return O.replace(A, function(ne, de) {
+          return de || function(me) {
+            switch (me) {
+              case "YY":
+                return String(R.$y).slice(-2);
+              case "YYYY":
+                return L.s(R.$y, 4, "0");
+              case "M":
+                return V + 1;
+              case "MM":
+                return L.s(V + 1, 2, "0");
+              case "MMM":
+                return ce(w.monthsShort, V, te, 3);
+              case "MMMM":
+                return ce(te, V);
+              case "D":
+                return R.$D;
+              case "DD":
+                return L.s(R.$D, 2, "0");
+              case "d":
+                return String(R.$W);
+              case "dd":
+                return ce(w.weekdaysMin, R.$W, G, 2);
+              case "ddd":
+                return ce(w.weekdaysShort, R.$W, G, 3);
+              case "dddd":
+                return G[R.$W];
+              case "H":
+                return String($);
+              case "HH":
+                return L.s($, 2, "0");
+              case "h":
+                return ve(1);
+              case "hh":
+                return ve(2);
+              case "a":
+                return fe($, j, !0);
+              case "A":
+                return fe($, j, !1);
+              case "m":
+                return String(j);
+              case "mm":
+                return L.s(j, 2, "0");
+              case "s":
+                return String(R.$s);
+              case "ss":
+                return L.s(R.$s, 2, "0");
+              case "SSS":
+                return L.s(R.$ms, 3, "0");
+              case "Z":
+                return I;
+            }
+            return null;
+          }(ne) || I.replace(":", "");
         });
       }, E.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, E.diff = function(S, x, w) {
-        var O, I = L.p(x), N = F(S), H = (N.utcOffset() - this.utcOffset()) * n, j = this - N, G = L.m(this, N);
-        return G = (O = {}, O[g] = G / 12, O[u] = G, O[c] = G / 3, O[b] = (j - H) / 6048e5, O[f] = (j - H) / 864e5, O[d] = j / s, O[p] = j / n, O[l] = j / r, O)[I] || j, w ? G : L.a(G);
+      }, E.diff = function(S, R, w) {
+        var O, I = this, $ = L.p(R), j = F(S), V = (j.utcOffset() - this.utcOffset()) * n, G = this - j, te = function() {
+          return L.m(I, j);
+        };
+        switch ($) {
+          case g:
+            O = te() / 12;
+            break;
+          case u:
+            O = te();
+            break;
+          case c:
+            O = te() / 3;
+            break;
+          case b:
+            O = (G - V) / 6048e5;
+            break;
+          case f:
+            O = (G - V) / 864e5;
+            break;
+          case d:
+            O = G / s;
+            break;
+          case p:
+            O = G / n;
+            break;
+          case l:
+            O = G / r;
+            break;
+          default:
+            O = G;
+        }
+        return w ? O : L.a(O);
       }, E.daysInMonth = function() {
         return this.endOf(u).$D;
       }, E.$locale = function() {
         return X[this.$L];
-      }, E.locale = function(S, x) {
+      }, E.locale = function(S, R) {
         if (!S)
           return this.$L;
-        var w = this.clone(), O = Z(S, x, !0);
+        var w = this.clone(), O = Z(S, R, !0);
         return O && (w.$L = O), w;
       }, E.clone = function() {
         return L.w(this.$d, this);
@@ -1058,24 +1140,24 @@ var mt = {}, an = {
         return this.$d.toISOString();
       }, E.toString = function() {
         return this.$d.toUTCString();
-      }, R;
+      }, x;
     }(), ee = B.prototype;
-    return F.prototype = ee, [["$ms", o], ["$s", l], ["$m", p], ["$H", d], ["$W", f], ["$M", u], ["$y", g], ["$D", y]].forEach(function(R) {
-      ee[R[1]] = function(E) {
-        return this.$g(E, R[0], R[1]);
+    return F.prototype = ee, [["$ms", o], ["$s", l], ["$m", p], ["$H", d], ["$W", f], ["$M", u], ["$y", g], ["$D", y]].forEach(function(x) {
+      ee[x[1]] = function(E) {
+        return this.$g(E, x[0], x[1]);
       };
-    }), F.extend = function(R, E) {
-      return R.$i || (R(E, B, F), R.$i = !0), F;
-    }, F.locale = Z, F.isDayjs = Y, F.unix = function(R) {
-      return F(1e3 * R);
-    }, F.en = X[te], F.Ls = X, F.p = {}, F;
+    }), F.extend = function(x, E) {
+      return x.$i || (x(E, B, F), x.$i = !0), F;
+    }, F.locale = Z, F.isDayjs = q, F.unix = function(x) {
+      return F(1e3 * x);
+    }, F.en = X[re], F.Ls = X, F.p = {}, F;
   });
 })(an);
 const zt = mt, on = {
   list: async ({
     pagination: e
   }, t) => {
-    const r = await ae.post(t)("/sql_snippet/list", {
+    const r = await ie.post(t)("/sql_snippet/list", {
       sort: [{
         field: "update_time",
         order: "DESC"
@@ -1086,15 +1168,15 @@ const zt = mt, on = {
       n.create_time = zt(n.create_time).format("YYYY-MM-DD HH:mm:ss"), n.update_time = zt(n.update_time).format("YYYY-MM-DD HH:mm:ss");
     }), r;
   },
-  get: async (e, t) => await ae.post(t)("/sql_snippet/get", {
+  get: async (e, t) => await ie.post(t)("/sql_snippet/get", {
     id: e
   }, {}),
-  create: async (e, t) => await ae.post(t)("/sql_snippet/create", e, {}),
-  update: async (e, t) => await ae.put(t)("/sql_snippet/update", e, {}),
-  delete: async (e, t) => ae.post(t)("/sql_snippet/delete", {
+  create: async (e, t) => await ie.post(t)("/sql_snippet/create", e, {}),
+  update: async (e, t) => await ie.put(t)("/sql_snippet/update", e, {}),
+  delete: async (e, t) => ie.post(t)("/sql_snippet/delete", {
     id: e
   }, {})
-}, oe = {
+}, se = {
   datasource: rn,
   account: en,
   role: nn,
@@ -1131,18 +1213,18 @@ function sn({
   });
   return yt(() => {
     s("type", r);
-  }, [s, r]), /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(e), children: [
-    /* @__PURE__ */ a(q, { name: "key", control: n, render: ({
+  }, [s, r]), /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(e), children: [
+    /* @__PURE__ */ a(H, { name: "key", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...l }) }),
     /* @__PURE__ */ a(et, { label: "Connection Info", labelPosition: "center" }),
     /* @__PURE__ */ C(Q, { grow: !0, children: [
-      /* @__PURE__ */ a(q, { name: "config.host", control: n, render: ({
+      /* @__PURE__ */ a(H, { name: "config.host", control: n, render: ({
         field: l
       }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Host", sx: {
         flexGrow: 1
       }, ...l }) }),
-      /* @__PURE__ */ a(q, { name: "config.port", control: n, render: ({
+      /* @__PURE__ */ a(H, { name: "config.port", control: n, render: ({
         field: l
       }) => (
         // @ts-expect-error type of onChange
@@ -1151,22 +1233,22 @@ function sn({
         }, ...l })
       ) })
     ] }),
-    /* @__PURE__ */ a(q, { name: "config.username", control: n, render: ({
+    /* @__PURE__ */ a(H, { name: "config.username", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...l }) }),
-    /* @__PURE__ */ a(q, { name: "config.password", control: n, render: ({
+    /* @__PURE__ */ a(H, { name: "config.password", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(tt, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...l }) }),
-    /* @__PURE__ */ a(q, { name: "config.database", control: n, render: ({
+    /* @__PURE__ */ a(H, { name: "config.database", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Database", ...l }) }),
-    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 const ln = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ a(se, { sx: {
+}) => /* @__PURE__ */ a(le, { sx: {
   position: "relative"
 }, children: /* @__PURE__ */ a(Vt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (n) => {
   n && t(n);
@@ -1195,16 +1277,16 @@ const ln = ({
   return yt(() => {
     u(e);
   }, [e]), /* @__PURE__ */ C(he, { children: [
-    /* @__PURE__ */ a(V, { variant: "filled", size: o.button.size, onClick: d, sx: {
+    /* @__PURE__ */ a(Y, { variant: "filled", size: o.button.size, onClick: d, sx: {
       flexGrow: 1
     }, children: r }),
     /* @__PURE__ */ a(Ae, { size: 800, title: n, opened: p, onClose: f, closeOnClickOutside: !1, withCloseButton: !1, children: p && /* @__PURE__ */ C(je, { children: [
       /* @__PURE__ */ a(ln, { value: b, onChange: u }),
       /* @__PURE__ */ C(Q, { position: "apart", children: [
-        /* @__PURE__ */ a(V, { onClick: y, color: "red", leftIcon: /* @__PURE__ */ a(Lr, { size: 20 }), children: "Reset" }),
+        /* @__PURE__ */ a(Y, { onClick: y, color: "red", leftIcon: /* @__PURE__ */ a(Lr, { size: 20 }), children: "Reset" }),
         /* @__PURE__ */ C(Q, { position: "right", children: [
-          /* @__PURE__ */ a(V, { onClick: g, variant: "subtle", children: "Cancel" }),
-          /* @__PURE__ */ a(V, { onClick: c, children: "OK" })
+          /* @__PURE__ */ a(Y, { onClick: g, variant: "subtle", children: "Cancel" }),
+          /* @__PURE__ */ a(Y, { onClick: c, children: "OK" })
         ] })
       ] })
     ] }) })
@@ -1236,31 +1318,31 @@ function un({
       }
     }
   });
-  return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: s(e), children: [
-    /* @__PURE__ */ a(q, { name: "key", control: r, render: ({
+  return /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: s(e), children: [
+    /* @__PURE__ */ a(H, { name: "key", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...o }) }),
     /* @__PURE__ */ a(et, { label: "Connection Info", labelPosition: "center" }),
-    /* @__PURE__ */ a(q, { name: "config.host", control: r, render: ({
+    /* @__PURE__ */ a(H, { name: "config.host", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, label: "Base URL", sx: {
       flexGrow: 1
     }, ...o }) }),
     /* @__PURE__ */ C(Q, { grow: !0, children: [
-      /* @__PURE__ */ a(q, { name: "config.processing.pre", control: r, render: ({
+      /* @__PURE__ */ a(H, { name: "config.processing.pre", control: r, render: ({
         field: o
       }) => /* @__PURE__ */ a(Ze, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: We.pre, ...o, styles: t }) }),
-      /* @__PURE__ */ a(q, { name: "config.processing.post", control: r, render: ({
+      /* @__PURE__ */ a(H, { name: "config.processing.post", control: r, render: ({
         field: o
       }) => /* @__PURE__ */ a(Ze, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: We.post, ...o, styles: t }) })
     ] }),
-    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 function cn({
   styles: e = Se
 }) {
-  return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C(Rr, { mt: e.spacing, icon: /* @__PURE__ */ a(Fr, { size: 16 }), children: [
+  return /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C(Rr, { mt: e.spacing, icon: /* @__PURE__ */ a(Fr, { size: 16 }), children: [
     "Only ",
     /* @__PURE__ */ a("b", { children: "SELECT" }),
     " privilege is needed."
@@ -1275,7 +1357,7 @@ function dn({
     key: d,
     config: f
   }) => {
-    be({
+    ye({
       id: "for-creating",
       title: "Pending",
       message: "Adding data source...",
@@ -1286,7 +1368,7 @@ function dn({
         type: p,
         key: d,
         config: f
-      }), await oe.datasource.create(p, d, f), J({
+      }), await se.datasource.create(p, d, f), J({
         id: "for-creating",
         title: "Successful",
         message: "Data source is added",
@@ -1301,7 +1383,7 @@ function dn({
       });
     }
   }, o = r === "postgresql" || r === "mysql", l = r === "http";
-  return /* @__PURE__ */ C(se, { mx: "auto", children: [
+  return /* @__PURE__ */ C(le, { mx: "auto", children: [
     /* @__PURE__ */ a(xr, { fullWidth: !0, mb: t.spacing, size: t.size, data: [{
       label: "PostgreSQL",
       value: "postgresql"
@@ -1328,7 +1410,7 @@ function pn({
     }, children: /* @__PURE__ */ a(dn, { postSubmit: () => {
       e(), o();
     }, styles: t }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add a Data Source" })
+    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add a Data Source" })
   ] });
 }
 const gn = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
@@ -1353,12 +1435,12 @@ function hn({
   styles: s = Se
 }) {
   const o = Ge(), l = async () => {
-    e && (be({
+    e && (ye({
       id: "for-deleting",
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await oe.datasource.delete(e), J({
+    }), await se.datasource.delete(e), J({
       id: "for-deleting",
       title: "Successful",
       message: `Data source [${t}] is deleted`,
@@ -1378,9 +1460,9 @@ function hn({
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: "This is a preset datasource, it can not be deleted", children: /* @__PURE__ */ a(V, { size: s.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Wt, { 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(Wt, { size: 16 }), sx: {
     transform: "none !important"
-  }, children: "Delete" }) }) : /* @__PURE__ */ a(V, { size: s.button.size, color: "red", onClick: p, leftIcon: /* @__PURE__ */ a(ot, { size: 16 }), children: "Delete" });
+  }, children: "Delete" }) }) : /* @__PURE__ */ a(Y, { size: s.button.size, color: "red", onClick: p, leftIcon: /* @__PURE__ */ a(ot, { size: 16 }), children: "Delete" });
 }
 const Pt = {
   pre: ["function pre_process({ method, url, params, headers, data }, utils) {", "    // your code goes here", "    return { method, url, params, headers, data }", "}"].join(`
@@ -1402,23 +1484,23 @@ function mn({
       config: t
     }
   });
-  return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(r), children: [
+  return /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(r), children: [
     /* @__PURE__ */ a(ue, { mb: n.spacing, size: n.size, required: !0, label: "Name", value: e, readOnly: !0 }),
     /* @__PURE__ */ a(et, { label: "Connection Info", labelPosition: "center" }),
-    /* @__PURE__ */ a(q, { name: "config.host", control: s, render: ({
+    /* @__PURE__ */ a(H, { name: "config.host", control: s, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: n.spacing, size: n.size, label: "Base URL", sx: {
       flexGrow: 1
     }, ...l }) }),
     /* @__PURE__ */ C(Q, { grow: !0, children: [
-      /* @__PURE__ */ a(q, { name: "config.processing.pre", control: s, render: ({
+      /* @__PURE__ */ a(H, { name: "config.processing.pre", control: s, render: ({
         field: l
       }) => /* @__PURE__ */ a(Ze, { 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: ({
+      /* @__PURE__ */ a(H, { name: "config.processing.post", control: s, render: ({
         field: l
       }) => /* @__PURE__ */ a(Ze, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: Pt.post, ...l, styles: n }) })
     ] }),
-    /* @__PURE__ */ a(Q, { position: "right", mt: n.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: n.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: n.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: n.button.size, children: "Save" }) })
   ] }) });
 }
 function bn({
@@ -1429,7 +1511,7 @@ function bn({
   const n = async ({
     config: s
   }) => {
-    be({
+    ye({
       id: "for-updating",
       title: "Pending",
       message: "Editing data source...",
@@ -1438,7 +1520,7 @@ function bn({
     try {
       console.log({
         config: s
-      }), await oe.datasource.update(e.id, s), J({
+      }), await se.datasource.update(e.id, s), J({
         id: "for-updating",
         title: "Successful",
         message: "Data source is updated",
@@ -1453,7 +1535,7 @@ function bn({
       });
     }
   };
-  return e.config ? /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ a(mn, { name: e.key, config: e.config, submit: n, styles: r }) }) : (console.error(new Error("unexpected empty config of a http datasource")), null);
+  return e.config ? /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ a(mn, { name: e.key, config: e.config, submit: n, styles: r }) }) : (console.error(new Error("unexpected empty config of a http datasource")), null);
 }
 function yn({
   dataSource: e,
@@ -1467,19 +1549,19 @@ function yn({
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: "This is a preset datasource, it can not be changed", children: /* @__PURE__ */ a(V, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(Wt, { 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(Wt, { size: 16 }), sx: {
     transform: "none !important"
   }, children: "Edit" }) }) : e.type !== "http" ? /* @__PURE__ */ a(Ke, { withArrow: !0, events: {
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: "Only HTTP datasources can be edited", children: /* @__PURE__ */ a(V, { size: r.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a(ht, { 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(ht, { size: 16 }), sx: {
     transform: "none !important"
   }, children: "Edit" }) }) : /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: "Add a data source", trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
     }, children: /* @__PURE__ */ a(bn, { dataSource: e, postSubmit: p, styles: r }) }),
-    /* @__PURE__ */ a(V, { size: r.button.size, color: "blue", onClick: o, leftIcon: /* @__PURE__ */ a(ht, { size: 16 }), children: "Edit" })
+    /* @__PURE__ */ a(Y, { size: r.button.size, color: "blue", onClick: o, leftIcon: /* @__PURE__ */ a(ht, { size: 16 }), children: "Edit" })
   ] });
 }
 const vn = {
@@ -1516,14 +1598,14 @@ function Ea({
   } = xe(async () => {
     const {
       data: o
-    } = await oe.datasource.list();
+    } = await se.datasource.list();
     return o;
   }, {
     refreshDeps: []
   });
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(pn, { onSuccess: s }) }),
-    /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
+    /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
       /* @__PURE__ */ a(rt, { visible: n }),
@@ -1569,7 +1651,7 @@ const En = Je(({
   const {
     data: s = [],
     loading: o
-  } = xe(async () => (await oe.role.list()).map((p) => ({
+  } = xe(async () => (await se.role.list()).map((p) => ({
     label: p.id,
     value: p.id,
     description: p.description,
@@ -1611,19 +1693,19 @@ function _n({
       password: ""
     }
   });
-  return /* @__PURE__ */ a(se, { mx: "auto", mb: 10, children: /* @__PURE__ */ C("form", { onSubmit: s(async ({
+  return /* @__PURE__ */ a(le, { mx: "auto", mb: 10, children: /* @__PURE__ */ C("form", { onSubmit: s(async ({
     name: l,
     email: p,
     password: d,
     role_id: f
   }) => {
     try {
-      be({
+      ye({
         id: "for-creating",
         title: "Pending",
         message: "Adding account...",
         loading: !0
-      }), await oe.account.create(l, p, d, f), J({
+      }), await se.account.create(l, p, d, f), J({
         id: "for-creating",
         title: "Successful",
         message: "Account is added",
@@ -1638,19 +1720,19 @@ function _n({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(q, { name: "name", control: n, render: ({
+    /* @__PURE__ */ a(H, { name: "name", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...l }) }),
-    /* @__PURE__ */ a(q, { name: "email", control: n, render: ({
+    /* @__PURE__ */ a(H, { name: "email", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Email", ...l }) }),
-    /* @__PURE__ */ a(q, { name: "password", control: n, render: ({
+    /* @__PURE__ */ a(H, { name: "password", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(tt, { mb: t.spacing, size: t.size, required: !0, label: "Password", description: "Password must be at least 8 characters long", ...l }) }),
-    /* @__PURE__ */ a(q, { name: "role_id", control: n, render: ({
+    /* @__PURE__ */ a(H, { name: "role_id", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(St, { styles: t, ...l }) }),
-    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 function An({
@@ -1665,7 +1747,7 @@ function An({
     }, children: /* @__PURE__ */ a(_n, { postSubmit: () => {
       e(), l();
     }, styles: t, initialRoleID: r }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add an Account" })
+    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add an Account" })
   ] });
 }
 function kn({
@@ -1676,14 +1758,14 @@ function kn({
 }) {
   const s = Ge(), o = async () => {
     if (e) {
-      be({
+      ye({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting account...",
         loading: !0
       });
       try {
-        await oe.account.delete(e), J({
+        await se.account.delete(e), J({
           id: "for-deleting",
           title: "Successful",
           message: `Account [${t}] is deleted`,
@@ -1707,7 +1789,7 @@ function kn({
     onCancel: () => console.log("Cancel"),
     onConfirm: o
   });
-  return /* @__PURE__ */ a(V, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(Y, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
 }
 function Tn({
   id: e,
@@ -1737,12 +1819,12 @@ function Tn({
     new_password: _
   }) => {
     try {
-      be({
+      ye({
         id: "for-updating",
         title: "Pending",
         message: "Updating account...",
         loading: !0
-      }), await oe.account.edit({
+      }), await se.account.edit({
         id: e,
         name: c.trim(),
         email: g.trim(),
@@ -1764,18 +1846,18 @@ function Tn({
       });
     }
   }, [b, u] = d(["reset_password", "new_password"]);
-  return /* @__PURE__ */ a(se, { mx: "auto", mb: 10, children: /* @__PURE__ */ C("form", { onSubmit: p(f), children: [
-    /* @__PURE__ */ a(q, { name: "name", control: l, render: ({
+  return /* @__PURE__ */ a(le, { mx: "auto", mb: 10, children: /* @__PURE__ */ C("form", { onSubmit: p(f), children: [
+    /* @__PURE__ */ a(H, { name: "name", control: l, render: ({
       field: c
     }) => /* @__PURE__ */ a(ue, { mb: o.spacing, size: o.size, required: !0, label: "Username", ...c }) }),
-    /* @__PURE__ */ a(q, { name: "email", control: l, render: ({
+    /* @__PURE__ */ a(H, { name: "email", control: l, render: ({
       field: c
     }) => /* @__PURE__ */ a(ue, { mb: o.spacing, size: o.size, required: !0, label: "Email", ...c }) }),
-    /* @__PURE__ */ a(q, { name: "role_id", control: l, render: ({
+    /* @__PURE__ */ a(H, { name: "role_id", control: l, render: ({
       field: c
     }) => /* @__PURE__ */ a(St, { styles: o, ...c }) }),
     /* @__PURE__ */ a(et, { my: 20, variant: "dashed", label: "", labelPosition: "center" }),
-    /* @__PURE__ */ a(q, { name: "reset_password", control: l, render: ({
+    /* @__PURE__ */ a(H, { name: "reset_password", control: l, render: ({
       field: c
     }) => /* @__PURE__ */ a(Cr, { mb: o.spacing, size: o.size, label: "Reset password", checked: c.value, onChange: (g) => c.onChange(g.currentTarget.checked), styles: {
       label: {
@@ -1783,7 +1865,7 @@ function Tn({
       }
     } }) }),
     b && /* @__PURE__ */ a(
-      q,
+      H,
       {
         name: "new_password",
         control: l,
@@ -1792,7 +1874,7 @@ function Tn({
         }) => /* @__PURE__ */ a(tt, { autoComplete: "off", mb: o.spacing, size: o.size, required: !0, description: "Password must be at least 8 characters long", label: "New Password", ...c })
       }
     ),
-    /* @__PURE__ */ a(Q, { position: "right", mt: o.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: o.button.size, children: "Submit" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: o.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: o.button.size, children: "Submit" }) })
   ] }) });
 }
 function Rn({
@@ -1807,7 +1889,7 @@ function Rn({
     /* @__PURE__ */ a(Ae, { opened: n, onClose: () => s(!1), title: `Editing ${e.name}`, trapFocus: !0, onDragStart: (d) => {
       d.stopPropagation();
     }, children: /* @__PURE__ */ a(Tn, { ...e, postSubmit: p, styles: r }) }),
-    /* @__PURE__ */ a(V, { size: r.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(Nr, { size: 20 }), children: "Edit" })
+    /* @__PURE__ */ a(Y, { size: r.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(Nr, { size: 20 }), children: "Edit" })
   ] });
 }
 function _a({
@@ -1823,14 +1905,14 @@ function _a({
   } = xe(async () => {
     const {
       data: d
-    } = await oe.account.list();
+    } = await se.account.list();
     return d;
   }, {
     refreshDeps: []
   }), {
     data: o = [],
     loading: l
-  } = xe(async () => (await oe.role.list()).map((f) => ({
+  } = xe(async () => (await se.role.list()).map((f) => ({
     label: f.id,
     value: f.id,
     description: f.description,
@@ -1840,7 +1922,7 @@ function _a({
   });
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(An, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
-    /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
+    /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
       /* @__PURE__ */ a(rt, { visible: n || l }),
@@ -1885,18 +1967,18 @@ function xn({
       password: ""
     }
   });
-  return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: n(async ({
+  return /* @__PURE__ */ a(le, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: n(async ({
     name: o,
     password: l
   }) => {
     try {
-      be({
+      ye({
         id: "for-login",
         title: "Pending",
         message: "Loggin in...",
         loading: !0
       });
-      const p = await oe.account.login(o.trim(), l.trim());
+      const p = await se.account.login(o.trim(), l.trim());
       window.localStorage.setItem("token", p.token), J({
         id: "for-login",
         title: "Successful",
@@ -1912,13 +1994,13 @@ function xn({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(q, { name: "name", control: r, render: ({
+    /* @__PURE__ */ a(H, { name: "name", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...o }) }),
-    /* @__PURE__ */ a(q, { name: "password", control: r, render: ({
+    /* @__PURE__ */ a(H, { name: "password", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ a(tt, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...o }) }),
-    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Submit" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Submit" }) })
   ] }) });
 }
 function Aa({
@@ -1926,7 +2008,7 @@ function Aa({
   config: t,
   onSuccess: r
 }) {
-  return Ue(t), /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(se, { mt: e.spacing, sx: {
+  return Ue(t), /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(le, { mt: e.spacing, sx: {
     position: "relative"
   }, children: /* @__PURE__ */ a(xn, { styles: e, postSubmit: r }) }) });
 }
@@ -1951,12 +2033,12 @@ function On({
       role_id: r
     }
   });
-  return /* @__PURE__ */ a(se, { mx: "auto", mb: 10, children: /* @__PURE__ */ C("form", { onSubmit: s(async ({
+  return /* @__PURE__ */ a(le, { mx: "auto", mb: 10, children: /* @__PURE__ */ C("form", { onSubmit: s(async ({
     name: l,
     role_id: p
   }) => {
     try {
-      be({
+      ye({
         id: "for-creating",
         title: "Pending",
         message: "Adding API Key...",
@@ -1965,7 +2047,7 @@ function On({
       const {
         app_id: d,
         app_secret: f
-      } = await oe.api_key.create(l, p);
+      } = await se.api_key.create(l, p);
       J({
         id: "for-creating",
         title: "Successful",
@@ -1981,13 +2063,13 @@ function On({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(q, { name: "name", control: n, render: ({
+    /* @__PURE__ */ a(H, { name: "name", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...l }) }),
-    /* @__PURE__ */ a(q, { name: "role_id", control: n, render: ({
+    /* @__PURE__ */ a(H, { name: "role_id", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a(St, { styles: t, ...l }) }),
-    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 function Cn({
@@ -2014,7 +2096,7 @@ function Cn({
               cursor: "text !important"
             }
           } }),
-          /* @__PURE__ */ a(V, { size: "sm", onClick: () => {
+          /* @__PURE__ */ a(Y, { size: "sm", onClick: () => {
             Mr();
           }, children: "I've saved this API Key" })
         ] }),
@@ -2023,7 +2105,7 @@ function Cn({
         }
       });
     }, styles: t, initialRoleID: r }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: l, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add an API Key" })
+    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: l, leftIcon: /* @__PURE__ */ a(it, { size: 20 }), children: "Add an API Key" })
   ] });
 }
 function In({
@@ -2034,14 +2116,14 @@ function In({
 }) {
   const s = Ge(), o = async () => {
     if (e) {
-      be({
+      ye({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting API Key...",
         loading: !0
       });
       try {
-        await oe.api_key.delete(e), J({
+        await se.api_key.delete(e), J({
           id: "for-deleting",
           title: "Successful",
           message: `API Key [${t}] is deleted`,
@@ -2065,7 +2147,7 @@ function In({
     onCancel: () => console.log("Cancel"),
     onConfirm: o
   });
-  return /* @__PURE__ */ a(V, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(Y, { size: n.button.size, color: "red", onClick: l, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
 }
 function ka({
   styles: e = st,
@@ -2080,14 +2162,14 @@ function ka({
   } = xe(async () => {
     const {
       data: d
-    } = await oe.api_key.list();
+    } = await se.api_key.list();
     return d;
   }, {
     refreshDeps: []
   }), {
     data: o = [],
     loading: l
-  } = xe(async () => (await oe.role.list()).map((f) => ({
+  } = xe(async () => (await se.role.list()).map((f) => ({
     label: f.id,
     value: f.id,
     description: f.description,
@@ -2097,7 +2179,7 @@ function ka({
   });
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Cn, { onSuccess: s, initialRoleID: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.value) ?? "INACTIVE" }) }),
-    /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
+    /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
       /* @__PURE__ */ a(rt, { visible: n || l }),
@@ -2166,14 +2248,14 @@ function Dn({
       content: ""
     }
   });
-  return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: n(async (o) => {
+  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 oe.sql_snippet.create(o), J({
+      }), await se.sql_snippet.create(o), J({
         id: "for-creating",
         title: "Successful",
         message: "SQL Snippet is added",
@@ -2188,10 +2270,10 @@ function Dn({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(q, { name: "id", control: r, render: ({
+    /* @__PURE__ */ a(H, { name: "id", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...o }) }),
-    /* @__PURE__ */ a(q, { name: "content", control: r, render: ({
+    /* @__PURE__ */ a(H, { name: "content", control: r, render: ({
       field: o
     }) => /* @__PURE__ */ C(je, { spacing: 4, children: [
       /* @__PURE__ */ a(Re, { size: 14, fw: 500, color: "#212529", sx: {
@@ -2199,7 +2281,7 @@ function Dn({
       }, children: "Content" }),
       /* @__PURE__ */ a(Kt, { height: "600px", ...o })
     ] }) }),
-    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 function Ln({
@@ -2213,7 +2295,7 @@ function Ln({
     }, size: "80vw", children: /* @__PURE__ */ a(Dn, { postSubmit: () => {
       o(), e();
     }, styles: t }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(it, { size: 18 }), children: "Add a SQL Snippet" })
+    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: s, leftIcon: /* @__PURE__ */ a(it, { size: 18 }), children: "Add a SQL Snippet" })
   ] });
 }
 function Fn({
@@ -2231,14 +2313,14 @@ function Fn({
       content: n
     }
   });
-  return /* @__PURE__ */ a(se, { mx: "auto", children: /* @__PURE__ */ C("form", { onSubmit: o(async (p) => {
+  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 oe.sql_snippet.update(p), J({
+      }), await se.sql_snippet.update(p), J({
         id: "for-updating",
         title: "Successful",
         message: "SQL Snippet is updated",
@@ -2253,10 +2335,10 @@ function Fn({
       });
     }
   }), children: [
-    /* @__PURE__ */ a(q, { name: "id", control: s, render: ({
+    /* @__PURE__ */ a(H, { name: "id", control: s, render: ({
       field: p
     }) => /* @__PURE__ */ a(ue, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...p }) }),
-    /* @__PURE__ */ a(q, { name: "content", control: s, render: ({
+    /* @__PURE__ */ a(H, { name: "content", control: s, render: ({
       field: p
     }) => /* @__PURE__ */ C(je, { spacing: 4, children: [
       /* @__PURE__ */ a(Re, { size: 14, fw: 500, color: "#212529", sx: {
@@ -2264,7 +2346,7 @@ function Fn({
       }, children: "Content" }),
       /* @__PURE__ */ a(Kt, { height: "600px", ...p })
     ] }) }),
-    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(V, { type: "submit", size: t.button.size, children: "Save" }) })
+    /* @__PURE__ */ a(Q, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a(Y, { type: "submit", size: t.button.size, children: "Save" }) })
   ] }) });
 }
 function Nn({
@@ -2279,7 +2361,7 @@ function Nn({
     }, size: "80vw", children: /* @__PURE__ */ a(Fn, { postSubmit: () => {
       l(), e();
     }, styles: t, ...r }) }),
-    /* @__PURE__ */ a(V, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(ht, { size: 18 }), children: "Edit" })
+    /* @__PURE__ */ a(Y, { size: t.button.size, onClick: o, leftIcon: /* @__PURE__ */ a(ht, { size: 18 }), children: "Edit" })
   ] });
 }
 /**
@@ -2562,9 +2644,9 @@ var bt = function() {
                 g.hasOwnProperty(k) && (_[k] = g[k]);
             g.hasOwnProperty(A) || (_[A] = h[A]);
           }
-        var $ = y[u];
-        return y[u] = _, n.languages.DFS(n.languages, function(M, te) {
-          te === $ && M != u && (this[M] = _);
+        var N = y[u];
+        return y[u] = _, n.languages.DFS(n.languages, function(M, re) {
+          re === N && M != u && (this[M] = _);
         }), _;
       },
       // Traverse a language definition with Depth First Search
@@ -2574,8 +2656,8 @@ var bt = function() {
         for (var A in c)
           if (c.hasOwnProperty(A)) {
             g.call(c, A, c[A], y || A);
-            var k = c[A], $ = n.util.type(k);
-            $ === "Object" && !h[_(k)] ? (h[_(k)] = !0, u(k, g, null, h)) : $ === "Array" && !h[_(k)] && (h[_(k)] = !0, u(k, g, A, h));
+            var k = c[A], N = n.util.type(k);
+            N === "Object" && !h[_(k)] ? (h[_(k)] = !0, u(k, g, null, h)) : N === "Array" && !h[_(k)] && (h[_(k)] = !0, u(k, g, A, h));
           }
       }
     },
@@ -2691,8 +2773,8 @@ var bt = function() {
       return c;
     if (Array.isArray(c)) {
       var y = "";
-      return c.forEach(function($) {
-        y += u($, g);
+      return c.forEach(function(N) {
+        y += u(N, g);
       }), y;
     }
     var h = {
@@ -2723,44 +2805,44 @@ var bt = function() {
       if (!(!g.hasOwnProperty(A) || !g[A])) {
         var k = g[A];
         k = Array.isArray(k) ? k : [k];
-        for (var $ = 0; $ < k.length; ++$) {
-          if (_ && _.cause == A + "," + $)
+        for (var N = 0; N < k.length; ++N) {
+          if (_ && _.cause == A + "," + N)
             return;
-          var M = k[$], te = M.inside, X = !!M.lookbehind, Y = !!M.greedy, Z = M.alias;
-          if (Y && !M.pattern.global) {
+          var M = k[N], re = M.inside, X = !!M.lookbehind, q = !!M.greedy, Z = M.alias;
+          if (q && !M.pattern.global) {
             var F = M.pattern.toString().match(/[imsuy]*$/)[0];
             M.pattern = RegExp(M.pattern.source, F + "g");
           }
           for (var L = M.pattern || M, B = y.next, ee = h; B !== c.tail && !(_ && ee >= _.reach); ee += B.value.length, B = B.next) {
-            var R = B.value;
+            var x = B.value;
             if (c.length > u.length)
               return;
-            if (!(R instanceof s)) {
+            if (!(x instanceof s)) {
               var E = 1, S;
-              if (Y) {
+              if (q) {
                 if (S = o(L, ee, u, X), !S || S.index >= u.length)
                   break;
-                var I = S.index, x = S.index + S[0].length, w = ee;
+                var I = S.index, R = S.index + S[0].length, w = ee;
                 for (w += B.value.length; I >= w; )
                   B = B.next, w += B.value.length;
                 if (w -= B.value.length, ee = w, B.value instanceof s)
                   continue;
-                for (var O = B; O !== c.tail && (w < x || typeof O.value == "string"); O = O.next)
+                for (var O = B; O !== c.tail && (w < R || typeof O.value == "string"); O = O.next)
                   E++, w += O.value.length;
-                E--, R = u.slice(ee, w), S.index -= ee;
-              } else if (S = o(L, 0, R, X), !S)
+                E--, x = u.slice(ee, w), S.index -= ee;
+              } else if (S = o(L, 0, x, X), !S)
                 continue;
-              var I = S.index, N = S[0], H = R.slice(0, I), j = R.slice(I + N.length), G = ee + R.length;
+              var I = S.index, $ = S[0], j = x.slice(0, I), V = x.slice(I + $.length), G = ee + x.length;
               _ && G > _.reach && (_.reach = G);
-              var le = B.prev;
-              H && (le = d(c, le, H), ee += H.length), f(c, le, E);
-              var ce = new s(A, te ? n.tokenize(N, te) : N, Z, N);
-              if (B = d(c, le, ce), j && d(c, B, j), E > 1) {
-                var pe = {
-                  cause: A + "," + $,
+              var te = B.prev;
+              j && (te = d(c, te, j), ee += j.length), f(c, te, E);
+              var ge = new s(A, re ? n.tokenize($, re) : $, Z, $);
+              if (B = d(c, te, ge), V && d(c, B, V), E > 1) {
+                var ce = {
+                  cause: A + "," + N,
                   reach: G
                 };
-                l(u, c, g, B.prev, ee, pe), _ && pe.reach > _.reach && (_.reach = pe.reach);
+                l(u, c, g, B.prev, ee, ce), _ && ce.reach > _.reach && (_.reach = ce.reach);
               }
             }
           }
@@ -3972,8 +4054,8 @@ m.languages.js = m.languages.javascript;
           if (_ && A && _.type === "code-language" && A.type === "code-block" && typeof _.content == "string") {
             var k = _.content.replace(/\b#/g, "sharp").replace(/\b\+\+/g, "pp");
             k = (/[a-z][\w-]*/i.exec(k) || [""])[0].toLowerCase();
-            var $ = "language-" + k;
-            A.alias ? typeof A.alias == "string" ? A.alias = [A.alias, $] : A.alias.push($) : A.alias = [$];
+            var N = "language-" + k;
+            A.alias ? typeof A.alias == "string" ? A.alias = [A.alias, N] : A.alias.push(N) : A.alias = [N];
           }
         }
     }
@@ -4100,8 +4182,8 @@ m.hooks.add("after-tokenize", function(t) {
   }
   function l(h, _) {
     for (var A = 1, k = n; k < r.length; k++) {
-      var $ = r[k], M = $.content;
-      if ($.type === "punctuation" && typeof M == "string") {
+      var N = r[k], M = N.content;
+      if (N.type === "punctuation" && typeof M == "string") {
         if (h.test(M))
           A++;
         else if (_.test(M) && (A--, A === 0))
@@ -4238,32 +4320,32 @@ m.languages.sql = {
         pattern: RegExp(o),
         lookbehind: !0
       }
-    }), A = 0, k = {}, $ = _.map(function(Y) {
-      if (typeof Y == "string")
-        return Y;
-      for (var Z = Y.content, F; g.indexOf(F = p(A++, h)) !== -1; )
+    }), A = 0, k = {}, N = _.map(function(q) {
+      if (typeof q == "string")
+        return q;
+      for (var Z = q.content, F; g.indexOf(F = p(A++, h)) !== -1; )
         ;
       return k[F] = Z, F;
-    }).join(""), M = d($, y, h), te = Object.keys(k);
+    }).join(""), M = d(N, y, h), re = Object.keys(k);
     A = 0;
-    function X(Y) {
-      for (var Z = 0; Z < Y.length; Z++) {
-        if (A >= te.length)
+    function X(q) {
+      for (var Z = 0; Z < q.length; Z++) {
+        if (A >= re.length)
           return;
-        var F = Y[Z];
+        var F = q[Z];
         if (typeof F == "string" || typeof F.content == "string") {
-          var L = te[A], B = typeof F == "string" ? F : (
+          var L = re[A], B = typeof F == "string" ? F : (
             /** @type {string} */
             F.content
           ), ee = B.indexOf(L);
           if (ee !== -1) {
             ++A;
-            var R = B.substring(0, ee), E = f(k[L]), S = B.substring(ee + L.length), x = [];
-            if (R && x.push(R), x.push(E), S) {
+            var x = B.substring(0, ee), E = f(k[L]), S = B.substring(ee + L.length), R = [];
+            if (x && R.push(x), R.push(E), S) {
               var w = [S];
-              X(w), x.push.apply(x, w);
+              X(w), R.push.apply(R, w);
             }
-            typeof F == "string" ? (Y.splice.apply(Y, [Z, 1].concat(x)), Z += x.length - 1) : F.content = x;
+            typeof F == "string" ? (q.splice.apply(q, [Z, 1].concat(R)), Z += R.length - 1) : F.content = R;
           }
         } else {
           var O = F.content;
@@ -4288,21 +4370,21 @@ m.languages.sql = {
       for (var _ = 0, A = h.length; _ < A; _++) {
         var k = h[_];
         if (typeof k != "string") {
-          var $ = k.content;
-          if (!Array.isArray($)) {
-            typeof $ != "string" && y([$]);
+          var N = k.content;
+          if (!Array.isArray(N)) {
+            typeof N != "string" && y([N]);
             continue;
           }
           if (k.type === "template-string") {
-            var M = $[1];
-            if ($.length === 3 && typeof M != "string" && M.type === "embedded-code") {
-              var te = c(M), X = M.alias, Y = Array.isArray(X) ? X[0] : X, Z = e.languages[Y];
+            var M = N[1];
+            if (N.length === 3 && typeof M != "string" && M.type === "embedded-code") {
+              var re = c(M), X = M.alias, q = Array.isArray(X) ? X[0] : X, Z = e.languages[q];
               if (!Z)
                 continue;
-              $[1] = b(te, Z, Y);
+              N[1] = b(re, Z, q);
             }
           } else
-            y($);
+            y(N);
         }
       }
     }
@@ -5751,7 +5833,7 @@ const ea = {
     unstyled: _,
     radius: A,
     getPrismTheme: k,
-    variant: $
+    variant: N
   } = r, M = Jn(r, [
     "className",
     "children",
@@ -5770,14 +5852,14 @@ const ea = {
     "radius",
     "getPrismTheme",
     "variant"
-  ]), te = h && typeof s == "string" ? s.trim() : s, X = te.split(`
-`).length.toString().length, Y = Dr(), Z = Hr(), F = y || Y.colorScheme, { classes: L, cx: B } = Kn({
+  ]), re = h && typeof s == "string" ? s.trim() : s, X = re.split(`
+`).length.toString().length, q = Dr(), Z = Hr(), F = y || q.colorScheme, { classes: L, cx: B } = Kn({
     colorScheme: F,
     native: g !== Yt,
     maxLineSize: X,
     radius: A
-  }, { name: "Prism", classNames: p, styles: d, unstyled: _, variant: $ });
-  return /* @__PURE__ */ K.createElement(se, ze(Ie({
+  }, { name: "Prism", classNames: p, styles: d, unstyled: _, variant: N });
+  return /* @__PURE__ */ K.createElement(le, ze(Ie({
     className: B(L.root, n),
     ref: t
   }, M), {
@@ -5793,49 +5875,49 @@ const ea = {
   }, /* @__PURE__ */ K.createElement(vt, {
     className: L.copy,
     "aria-label": Z.copied ? b : f,
-    onClick: () => Z.copy(te),
+    onClick: () => Z.copy(re),
     unstyled: _
   }, /* @__PURE__ */ K.createElement(Zt, {
     copied: Z.copied
   }))), /* @__PURE__ */ K.createElement(Hn, ze(Ie({}, Mn), {
-    theme: k(Y, F),
-    code: te,
+    theme: k(q, F),
+    code: re,
     language: o
   }), ({
     className: ee,
-    style: R,
+    style: x,
     tokens: E,
     getLineProps: S,
-    getTokenProps: x
+    getTokenProps: R
   }) => /* @__PURE__ */ K.createElement(g, {
     className: L.scrollArea,
     dir: "ltr"
   }, /* @__PURE__ */ K.createElement("pre", {
     className: B(L.code, ee),
-    style: R,
+    style: x,
     dir: "ltr"
   }, E.map((w, O) => {
-    var I, N, H, j;
+    var I, $, j, V;
     if (O === E.length - 1 && w.length === 1 && w[0].content === `
 `)
       return null;
-    const G = O + 1, le = S({ line: w, key: O }), ce = G in c, pe = F === "dark" ? Y.fn.rgba(Y.fn.themeColor((I = c[G]) == null ? void 0 : I.color, 9), 0.25) : Y.fn.themeColor((N = c[G]) == null ? void 0 : N.color, 0);
-    return /* @__PURE__ */ K.createElement("div", ze(Ie({}, le), {
-      className: B(L.line, le.className),
-      style: Ie({}, ce ? { backgroundColor: pe } : null)
+    const G = O + 1, te = S({ line: w, key: O }), ge = G in c, ce = F === "dark" ? q.fn.rgba(q.fn.themeColor((I = c[G]) == null ? void 0 : I.color, 9), 0.25) : q.fn.themeColor(($ = c[G]) == null ? void 0 : $.color, 0);
+    return /* @__PURE__ */ K.createElement("div", ze(Ie({}, te), {
+      className: B(L.line, te.className),
+      style: Ie({}, ge ? { backgroundColor: ce } : null)
     }), u && /* @__PURE__ */ K.createElement("div", {
       className: L.lineNumber,
       style: {
-        color: ce ? Y.fn.themeColor((H = c[G]) == null ? void 0 : H.color, F === "dark" ? 5 : 8) : void 0
+        color: ge ? q.fn.themeColor((j = c[G]) == null ? void 0 : j.color, F === "dark" ? 5 : 8) : void 0
       }
-    }, ((j = c[G]) == null ? void 0 : j.label) || G), /* @__PURE__ */ K.createElement("div", {
+    }, ((V = c[G]) == null ? void 0 : V.label) || G), /* @__PURE__ */ K.createElement("div", {
       className: L.lineContent
-    }, w.map((ye, fe) => {
-      var re, de;
-      const ve = x({ token: ye, key: fe });
-      return /* @__PURE__ */ K.createElement("span", ze(Ie({}, ve), {
-        style: ze(Ie({}, ve.style), {
-          color: ce ? Y.fn.themeColor((re = c[G]) == null ? void 0 : re.color, F === "dark" ? 5 : 8) : (de = ve == null ? void 0 : ve.style) == null ? void 0 : de.color
+    }, w.map((ve, fe) => {
+      var ne, de;
+      const me = R({ token: ve, key: fe });
+      return /* @__PURE__ */ K.createElement("span", ze(Ie({}, me), {
+        style: ze(Ie({}, me.style), {
+          color: ge ? q.fn.themeColor((ne = c[G]) == null ? void 0 : ne.color, F === "dark" ? 5 : 8) : (de = me == null ? void 0 : me.style) == null ? void 0 : de.color
         })
       }));
     })));
@@ -5971,14 +6053,14 @@ function ua({
 }) {
   const n = Ge(), s = async () => {
     if (e) {
-      be({
+      ye({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting SQL Snippet...",
         loading: !0
       });
       try {
-        await oe.sql_snippet.delete(e), J({
+        await se.sql_snippet.delete(e), J({
           id: "for-deleting",
           title: "Successful",
           message: `SQL Snippet [${e}] is deleted`,
@@ -6005,7 +6087,7 @@ function ua({
       color: "red"
     }
   });
-  return /* @__PURE__ */ a(V, { size: r.button.size, color: "red", onClick: o, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
+  return /* @__PURE__ */ a(Y, { size: r.button.size, color: "red", onClick: o, leftIcon: /* @__PURE__ */ a(ot, { size: 20 }), children: "Delete" });
 }
 function ca({
   content: e
@@ -6027,7 +6109,7 @@ function Ta({
   } = xe(async () => {
     const {
       data: o
-    } = await oe.sql_snippet.list({
+    } = await se.sql_snippet.list({
       pagination: {
         page: 1,
         pagesize: 10
@@ -6039,7 +6121,7 @@ function Ta({
   });
   return /* @__PURE__ */ C(he, { children: [
     /* @__PURE__ */ a(Q, { pt: e.spacing, position: "right", children: /* @__PURE__ */ a(Ln, { onSuccess: s }) }),
-    /* @__PURE__ */ C(se, { mt: e.spacing, sx: {
+    /* @__PURE__ */ C(le, { mt: e.spacing, sx: {
       position: "relative"
     }, children: [
       /* @__PURE__ */ a(rt, { visible: n }),
@@ -6073,11 +6155,11 @@ function Ta({
     ] })
   ] });
 }
-const Ra = () => import("./package-f85e5acc.mjs").then(({
+const Ra = () => import("./package-42274ce9.mjs").then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {
-  ae as APIClient,
+  ie as APIClient,
   ka as APIKeyList,
   _a as AccountList,
   Cn as AddAPIKey,