@devtable/settings-form 12.10.0 → 12.10.2

package/dist/settings-form.es.js

@@ -1,10 +1,10 @@
-import F, { useEffect as Ct, forwardRef as ut, useState as or, Component as Vr } from "react";
+import F, { useEffect as Ot, forwardRef as ut, useState as or, Component as Vr } from "react";
 import { Box as X, TextInput as Q, Divider as ct, Group as z, NumberInput as Wr, PasswordInput as dt, Button as D, Modal as xe, Stack as Ke, Alert as Kr, SegmentedControl as Zr, Tooltip as at, Text as ke, ActionIcon as Dt, LoadingOverlay as pt, Table as ft, Select as Xr, Switch as Qr, createStyles as lr, rem as Ve, useComponentDefaultProps as Jr, useMantineTheme as en, ScrollArea as ur, Tabs as gt, HoverCard as _t } from "@mantine/core";
 import { showNotification as oe, updateNotification as P } from "@mantine/notifications";
 import { Recycle as tn, AlertCircle as rn, PlaylistAdd as ht, Trash as mt, Edit as nn } from "tabler-icons-react";
 import * as an from "crypto-js";
 import sn from "axios";
-import { useForm as me, Controller as O } from "react-hook-form";
+import { useForm as me, Controller as R } from "react-hook-form";
 import { useBoolean as on, useRequest as Te } from "ahooks";
 import cr, { loader as At } from "@monaco-editor/react";
 import { useModals as Ze, closeAllModals as ln } from "@mantine/modals";
@@ -68,8 +68,8 @@ function hn() {
     }
     function _(o, y, E) {
       {
-        var A = w.ReactDebugCurrentFrame, R = A.getStackAddendum();
-        R !== "" && (y += "%s", E = E.concat([R]));
+        var A = w.ReactDebugCurrentFrame, C = A.getStackAddendum();
+        C !== "" && (y += "%s", E = E.concat([C]));
         var I = E.map(function(j) {
           return String(j);
         });
@@ -89,8 +89,8 @@ function hn() {
       var A = o.displayName;
       if (A)
         return A;
-      var R = y.displayName || y.name || "";
-      return R !== "" ? E + "(" + R + ")" : E;
+      var C = y.displayName || y.name || "";
+      return C !== "" ? E + "(" + C + ")" : E;
     }
     function V(o) {
       return o.displayName || "Context";
@@ -130,7 +130,7 @@ function hn() {
             var A = o.displayName || null;
             return A !== null ? A : B(o.type) || "Memo";
           case u: {
-            var R = o, I = R._payload, j = R._init;
+            var C = o, I = C._payload, j = C._init;
             try {
               return B(j(I));
             } catch {
@@ -208,21 +208,21 @@ function hn() {
         if (Me === void 0)
           try {
             throw Error();
-          } catch (R) {
-            var A = R.stack.trim().match(/\n( *(at )?)/);
+          } catch (C) {
+            var A = C.stack.trim().match(/\n( *(at )?)/);
             Me = A && A[1] || "";
           }
         return `
 ` + Me + o;
       }
     }
-    var Re = !1, _e;
+    var Ce = !1, _e;
     {
-      var Oe = typeof WeakMap == "function" ? WeakMap : Map;
-      _e = new Oe();
+      var Re = typeof WeakMap == "function" ? WeakMap : Map;
+      _e = new Re();
     }
     function $t(o, y) {
-      if (!o || Re)
+      if (!o || Ce)
         return "";
       {
         var E = _e.get(o);
@@ -230,8 +230,8 @@ function hn() {
           return E;
       }
       var A;
-      Re = !0;
-      var R = Error.prepareStackTrace;
+      Ce = !0;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var I;
       I = ge.current, ge.current = null, fe();
@@ -287,7 +287,7 @@ function hn() {
             }
         }
       } finally {
-        Re = !1, ge.current = I, Ee(), Error.prepareStackTrace = R;
+        Ce = !1, ge.current = I, Ee(), Error.prepareStackTrace = C;
       }
       var De = o ? o.displayName || o.name : "", Zt = De ? je(De) : "";
       return typeof o == "function" && _e.set(o, Zt), Zt;
@@ -319,9 +319,9 @@ function hn() {
           case c:
             return Je(o.type, y, E);
           case u: {
-            var A = o, R = A._payload, I = A._init;
+            var A = o, C = A._payload, I = A._init;
             try {
-              return Je(I(R), y, E);
+              return Je(I(C), y, E);
             } catch {
             }
           }
@@ -336,7 +336,7 @@ function hn() {
       } else
         Pt.setExtraStackFrame(null);
     }
-    function Tr(o, y, E, A, R) {
+    function Tr(o, y, E, A, C) {
       {
         var I = Function.call.bind(et);
         for (var j in o)
@@ -351,7 +351,7 @@ function hn() {
             } catch (U) {
               T = U;
             }
-            T && !(T instanceof Error) && (tt(R), S("%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).", A || "React class", E, j, typeof T), tt(null)), T instanceof Error && !(T.message in zt) && (zt[T.message] = !0, tt(R), S("Failed %s type: %s", E, T.message), tt(null));
+            T && !(T instanceof Error) && (tt(C), S("%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).", A || "React class", E, j, typeof T), tt(null)), T instanceof Error && !(T.message in zt) && (zt[T.message] = !0, tt(C), S("Failed %s type: %s", E, T.message), tt(null));
           }
       }
     }
@@ -359,13 +359,13 @@ function hn() {
     function yt(o) {
       return jr(o);
     }
-    function Rr(o) {
+    function Cr(o) {
       {
         var y = typeof Symbol == "function" && Symbol.toStringTag, E = y && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return E;
       }
     }
-    function Or(o) {
+    function Rr(o) {
       try {
         return Mt(o), !1;
       } catch {
@@ -376,10 +376,10 @@ function hn() {
       return "" + o;
     }
     function Bt(o) {
-      if (Or(o))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Rr(o)), Mt(o);
+      if (Rr(o))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(o)), Mt(o);
     }
-    var Be = w.ReactCurrentOwner, Cr = {
+    var Be = w.ReactCurrentOwner, Or = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -430,7 +430,7 @@ function hn() {
         });
       }
     }
-    var $r = function(o, y, E, A, R, I, j) {
+    var $r = function(o, y, E, A, C, I, j) {
       var T = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -456,15 +456,15 @@ function hn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
+        value: C
       }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     };
-    function zr(o, y, E, A, R) {
+    function zr(o, y, E, A, C) {
       {
         var I, j = {}, T = null, ne = null;
-        E !== void 0 && (Bt(E), T = "" + E), Ir(y) && (Bt(y.key), T = "" + y.key), Dr(y) && (ne = y.ref, Lr(y, R));
+        E !== void 0 && (Bt(E), T = "" + E), Ir(y) && (Bt(y.key), T = "" + y.key), Dr(y) && (ne = y.ref, Lr(y, C));
         for (I in y)
-          et.call(y, I) && !Cr.hasOwnProperty(I) && (j[I] = y[I]);
+          et.call(y, I) && !Or.hasOwnProperty(I) && (j[I] = y[I]);
         if (o && o.defaultProps) {
           var U = o.defaultProps;
           for (I in U)
@@ -474,11 +474,11 @@ function hn() {
           var Y = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
           T && Fr(j, Y), ne && Nr(j, Y);
         }
-        return $r(o, T, ne, R, A, Be.current, j);
+        return $r(o, T, ne, C, A, Be.current, j);
       }
     }
     var xt = w.ReactCurrentOwner, Ht = w.ReactDebugCurrentFrame;
-    function Ce(o) {
+    function Oe(o) {
       if (o) {
         var y = o._owner, E = Je(o.type, o._source, y ? y.type : null);
         Ht.setExtraStackFrame(E);
@@ -536,7 +536,7 @@ Check the top-level render call using <` + E + ">.");
           return;
         Yt[E] = !0;
         var A = "";
-        o && o._owner && o._owner !== xt.current && (A = " It was passed a child from " + B(o._owner.type) + "."), Ce(o), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', E, A), Ce(null);
+        o && o._owner && o._owner !== xt.current && (A = " It was passed a child from " + B(o._owner.type) + "."), Oe(o), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', E, A), Oe(null);
       }
     }
     function Wt(o, y) {
@@ -551,9 +551,9 @@ Check the top-level render call using <` + E + ">.");
         else if (Et(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var R = x(o);
-          if (typeof R == "function" && R !== o.entries)
-            for (var I = R.call(o), j; !(j = I.next()).done; )
+          var C = x(o);
+          if (typeof C == "function" && C !== o.entries)
+            for (var I = C.call(o), j; !(j = I.next()).done; )
               Et(j.value) && Vt(j.value, y);
         }
       }
@@ -577,8 +577,8 @@ Check the top-level render call using <` + E + ">.");
           Tr(E, o.props, "prop", A, o);
         } else if (y.PropTypes !== void 0 && !wt) {
           wt = !0;
-          var R = B(y);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+          var C = B(y);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
         typeof y.getDefaultProps == "function" && !y.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -588,25 +588,25 @@ Check the top-level render call using <` + E + ">.");
         for (var y = Object.keys(o.props), E = 0; E < y.length; E++) {
           var A = y[E];
           if (A !== "children" && A !== "key") {
-            Ce(o), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", A), Ce(null);
+            Oe(o), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", A), Oe(null);
             break;
           }
         }
-        o.ref !== null && (Ce(o), S("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
+        o.ref !== null && (Oe(o), S("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
       }
     }
-    function Kt(o, y, E, A, R, I) {
+    function Kt(o, y, E, A, C, I) {
       {
         var j = te(o);
         if (!j) {
           var T = "";
           (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (T += " 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 ne = Pr(R);
+          var ne = Pr(C);
           ne ? T += ne : T += qt();
           var U;
           o === null ? U = "null" : yt(o) ? U = "array" : o !== void 0 && o.$$typeof === t ? (U = "<" + (B(o.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : U = typeof o, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", U, T);
         }
-        var Y = zr(o, y, E, R, I);
+        var Y = zr(o, y, E, C, I);
         if (Y == null)
           return Y;
         if (j) {
@@ -842,8 +842,8 @@ const xn = {
 }, _n = {
   list: async () => await G.get()("/role/list", {}, {})
 };
-var pr = 60, fr = pr * 60, gr = fr * 24, An = gr * 7, ze = 1e3, kt = pr * ze, Jt = fr * ze, kn = gr * ze, Tn = An * ze, It = "millisecond", Le = "second", Fe = "minute", Ne = "hour", ve = "day", nt = "week", le = "month", hr = "quarter", ye = "year", $e = "date", jn = "YYYY-MM-DDTHH:mm:ssZ", er = "Invalid Date", Rn = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, On = /\[([^\]]+)]|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;
-const Cn = {
+var pr = 60, fr = pr * 60, gr = fr * 24, An = gr * 7, ze = 1e3, kt = pr * ze, Jt = fr * ze, kn = gr * ze, Tn = An * ze, It = "millisecond", Le = "second", Fe = "minute", Ne = "hour", ve = "day", nt = "week", le = "month", hr = "quarter", ye = "year", $e = "date", jn = "YYYY-MM-DDTHH:mm:ssZ", er = "Invalid Date", Cn = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, Rn = /\[([^\]]+)]|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;
+const On = {
   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("_"),
@@ -852,12 +852,12 @@ const Cn = {
     return "[" + t + (r[(n - 20) % 10] || r[n] || r[0]) + "]";
   }
 };
-var Rt = function(t, r, n) {
+var Ct = function(t, r, n) {
   var i = String(t);
   return !i || i.length >= r ? t : "" + Array(r + 1 - i.length).join(n) + t;
 }, Dn = function(t) {
   var r = -t.utcOffset(), n = Math.abs(r), i = Math.floor(n / 60), s = n % 60;
-  return (r <= 0 ? "+" : "-") + Rt(i, 2, "0") + ":" + Rt(s, 2, "0");
+  return (r <= 0 ? "+" : "-") + Ct(i, 2, "0") + ":" + Ct(s, 2, "0");
 }, In = function e(t, r) {
   if (t.date() < r.date())
     return -e(r, t);
@@ -883,7 +883,7 @@ var Rt = function(t, r, n) {
   return t === void 0;
 };
 const $n = {
-  s: Rt,
+  s: Ct,
   z: Dn,
   m: In,
   a: Ln,
@@ -891,7 +891,7 @@ const $n = {
   u: Nn
 };
 var We = "en", Ae = {};
-Ae[We] = Cn;
+Ae[We] = On;
 var Lt = function(t) {
   return t instanceof bt;
 }, it = function e(t, r, n) {
@@ -922,20 +922,20 @@ var Lt = function(t) {
     $offset: r.$offset
     // todo: refactor; do not use this.$offset in you code
   });
-}, C = $n;
-C.l = it;
-C.i = Lt;
-C.w = zn;
+}, O = $n;
+O.l = it;
+O.i = Lt;
+O.w = zn;
 var Pn = function(t) {
   var r = t.date, n = t.utc;
   if (r === null)
     return /* @__PURE__ */ new Date(NaN);
-  if (C.u(r))
+  if (O.u(r))
     return /* @__PURE__ */ new Date();
   if (r instanceof Date)
     return new Date(r);
   if (typeof r == "string" && !/Z$/i.test(r)) {
-    var i = r.match(Rn);
+    var i = r.match(Cn);
     if (i) {
       var s = i[2] - 1 || 0, l = (i[7] || "0").substring(0, 3);
       return n ? new Date(Date.UTC(i[1], s, i[3] || 1, i[4] || 0, i[5] || 0, i[6] || 0, l)) : new Date(i[1], s, i[3] || 1, i[4] || 0, i[5] || 0, i[6] || 0, l);
@@ -953,7 +953,7 @@ var Pn = function(t) {
     var n = this.$d;
     this.$y = n.getFullYear(), this.$M = n.getMonth(), this.$D = n.getDate(), this.$W = n.getDay(), this.$H = n.getHours(), this.$m = n.getMinutes(), this.$s = n.getSeconds(), this.$ms = n.getMilliseconds();
   }, t.$utils = function() {
-    return C;
+    return O;
   }, t.isValid = function() {
     return this.$d.toString() !== er;
   }, t.isSame = function(n, i) {
@@ -964,18 +964,18 @@ var Pn = function(t) {
   }, t.isBefore = function(n, i) {
     return this.endOf(i) < K(n);
   }, t.$g = function(n, i, s) {
-    return C.u(n) ? this[i] : this.set(s, n);
+    return O.u(n) ? this[i] : this.set(s, n);
   }, t.unix = function() {
     return Math.floor(this.valueOf() / 1e3);
   }, t.valueOf = function() {
     return this.$d.getTime();
   }, t.startOf = function(n, i) {
-    var s = this, l = C.u(i) ? !0 : i, d = C.p(n), p = function(w, S) {
-      var _ = C.w(s.$u ? Date.UTC(s.$y, S, w) : new Date(s.$y, S, w), s);
+    var s = this, l = O.u(i) ? !0 : i, d = O.p(n), p = function(w, S) {
+      var _ = O.w(s.$u ? Date.UTC(s.$y, S, w) : new Date(s.$y, S, w), s);
       return l ? _ : _.endOf(ve);
     }, f = function(w, S) {
       var _ = [0, 0, 0, 0], k = [23, 59, 59, 999];
-      return C.w(s.toDate()[w].apply(
+      return O.w(s.toDate()[w].apply(
         // eslint-disable-line prefer-spread
         s.toDate("s"),
         (l ? _ : k).slice(S)
@@ -1005,7 +1005,7 @@ var Pn = function(t) {
   }, t.endOf = function(n) {
     return this.startOf(n, !1);
   }, t.$set = function(n, i) {
-    var s, l = C.p(n), d = "set" + (this.$u ? "UTC" : ""), p = (s = {}, s[ve] = d + "Date", s[$e] = d + "Date", s[le] = d + "Month", s[ye] = d + "FullYear", s[Ne] = d + "Hours", s[Fe] = d + "Minutes", s[Le] = d + "Seconds", s[It] = d + "Milliseconds", s)[l], f = l === ve ? this.$D + (i - this.$W) : i;
+    var s, l = O.p(n), d = "set" + (this.$u ? "UTC" : ""), p = (s = {}, s[ve] = d + "Date", s[$e] = d + "Date", s[le] = d + "Month", s[ye] = d + "FullYear", s[Ne] = d + "Hours", s[Fe] = d + "Minutes", s[Le] = d + "Seconds", s[It] = d + "Milliseconds", s)[l], f = l === ve ? this.$D + (i - this.$W) : i;
     if (l === le || l === ye) {
       var h = this.clone().set($e, 1);
       h.$d[p](f), h.init(), this.$d = h.set($e, Math.min(this.$D, h.daysInMonth())).$d;
@@ -1015,13 +1015,13 @@ var Pn = function(t) {
   }, t.set = function(n, i) {
     return this.clone().$set(n, i);
   }, t.get = function(n) {
-    return this[C.p(n)]();
+    return this[O.p(n)]();
   }, t.add = function(n, i) {
     var s = this, l;
     n = Number(n);
-    var d = C.p(i), p = function(u) {
+    var d = O.p(i), p = function(u) {
       var g = K(s);
-      return C.w(g.date(g.date() + Math.round(u * n)), s);
+      return O.w(g.date(g.date() + Math.round(u * n)), s);
     };
     if (d === le)
       return this.set(le, this.$M + n);
@@ -1032,17 +1032,17 @@ var Pn = function(t) {
     if (d === nt)
       return p(7);
     var f = (l = {}, l[Fe] = kt, l[Ne] = Jt, l[Le] = ze, l)[d] || 1, h = this.$d.getTime() + n * f;
-    return C.w(h, this);
+    return O.w(h, this);
   }, t.subtract = function(n, i) {
     return this.add(n * -1, i);
   }, t.format = function(n) {
     var i = this, s = this.$locale();
     if (!this.isValid())
       return s.invalidDate || er;
-    var l = n || jn, d = C.z(this), p = this.$H, f = this.$m, h = this.$M, c = s.weekdays, u = s.months, g = s.meridiem, v = function(_, k, H, J) {
+    var l = n || jn, d = O.z(this), p = this.$H, f = this.$m, h = this.$M, c = s.weekdays, u = s.months, g = s.meridiem, v = function(_, k, H, J) {
       return _ && (_[k] || _(i, l)) || H[k].slice(0, J);
     }, m = function(_) {
-      return C.s(p % 12 || 12, _, "0");
+      return O.s(p % 12 || 12, _, "0");
     }, x = g || function(S, _, k) {
       var H = S < 12 ? "AM" : "PM";
       return k ? H.toLowerCase() : H;
@@ -1051,11 +1051,11 @@ var Pn = function(t) {
         case "YY":
           return String(i.$y).slice(-2);
         case "YYYY":
-          return C.s(i.$y, 4, "0");
+          return O.s(i.$y, 4, "0");
         case "M":
           return h + 1;
         case "MM":
-          return C.s(h + 1, 2, "0");
+          return O.s(h + 1, 2, "0");
         case "MMM":
           return v(s.monthsShort, h, u, 3);
         case "MMMM":
@@ -1063,7 +1063,7 @@ var Pn = function(t) {
         case "D":
           return i.$D;
         case "DD":
-          return C.s(i.$D, 2, "0");
+          return O.s(i.$D, 2, "0");
         case "d":
           return String(i.$W);
         case "dd":
@@ -1075,7 +1075,7 @@ var Pn = function(t) {
         case "H":
           return String(p);
         case "HH":
-          return C.s(p, 2, "0");
+          return O.s(p, 2, "0");
         case "h":
           return m(1);
         case "hh":
@@ -1087,26 +1087,26 @@ var Pn = function(t) {
         case "m":
           return String(f);
         case "mm":
-          return C.s(f, 2, "0");
+          return O.s(f, 2, "0");
         case "s":
           return String(i.$s);
         case "ss":
-          return C.s(i.$s, 2, "0");
+          return O.s(i.$s, 2, "0");
         case "SSS":
-          return C.s(i.$ms, 3, "0");
+          return O.s(i.$ms, 3, "0");
         case "Z":
           return d;
       }
       return null;
     };
-    return l.replace(On, function(S, _) {
+    return l.replace(Rn, function(S, _) {
       return _ || w(S) || d.replace(":", "");
     });
   }, t.utcOffset = function() {
     return -Math.round(this.$d.getTimezoneOffset() / 15) * 15;
   }, t.diff = function(n, i, s) {
-    var l = this, d = C.p(i), p = K(n), f = (p.utcOffset() - this.utcOffset()) * kt, h = this - p, c = function() {
-      return C.m(l, p);
+    var l = this, d = O.p(i), p = K(n), f = (p.utcOffset() - this.utcOffset()) * kt, h = this - p, c = function() {
+      return O.m(l, p);
     }, u;
     switch (d) {
       case ye:
@@ -1137,7 +1137,7 @@ var Pn = function(t) {
         u = h;
         break;
     }
-    return s ? u : C.a(u);
+    return s ? u : O.a(u);
   }, t.daysInMonth = function() {
     return this.endOf(le).$D;
   }, t.$locale = function() {
@@ -1148,7 +1148,7 @@ var Pn = function(t) {
     var s = this.clone(), l = it(n, i, !0);
     return l && (s.$L = l), s;
   }, t.clone = function() {
-    return C.w(this.$d, this);
+    return O.w(this.$d, this);
   }, t.toDate = function() {
     return new Date(this.valueOf());
   }, t.toJSON = function() {
@@ -1234,20 +1234,20 @@ function Bn({
       }
     }
   });
-  return Ct(() => {
+  return Ot(() => {
     i("type", r);
   }, [i, r]), /* @__PURE__ */ a.jsx(X, { mx: "auto", children: /* @__PURE__ */ a.jsxs("form", { onSubmit: s(e), children: [
-    /* @__PURE__ */ a.jsx(O, { name: "key", control: n, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "key", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...l }) }),
     /* @__PURE__ */ a.jsx(ct, { label: "Connection Info", labelPosition: "center" }),
     /* @__PURE__ */ a.jsxs(z, { grow: !0, children: [
-      /* @__PURE__ */ a.jsx(O, { name: "config.host", control: n, render: ({
+      /* @__PURE__ */ a.jsx(R, { name: "config.host", control: n, render: ({
         field: l
       }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, required: !0, label: "Host", sx: {
         flexGrow: 1
       }, ...l }) }),
-      /* @__PURE__ */ a.jsx(O, { name: "config.port", control: n, render: ({
+      /* @__PURE__ */ a.jsx(R, { name: "config.port", control: n, render: ({
         field: l
       }) => (
         // @ts-expect-error type of onChange
@@ -1256,13 +1256,13 @@ function Bn({
         }, ...l })
       ) })
     ] }),
-    /* @__PURE__ */ a.jsx(O, { name: "config.username", control: n, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "config.username", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...l }) }),
-    /* @__PURE__ */ a.jsx(O, { name: "config.password", control: n, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "config.password", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a.jsx(dt, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...l }) }),
-    /* @__PURE__ */ a.jsx(O, { name: "config.database", control: n, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "config.database", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, required: !0, label: "Database", ...l }) }),
     /* @__PURE__ */ a.jsx(z, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a.jsx(D, { type: "submit", size: t.button.size, children: "Save" }) })
@@ -1300,7 +1300,7 @@ const Un = ({
   }, v = () => {
     c(i);
   };
-  return Ct(() => {
+  return Ot(() => {
     c(e);
   }, [e]), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(D, { variant: "filled", size: s.button.size, onClick: p, sx: {
@@ -1345,20 +1345,20 @@ function Gn({
     }
   });
   return /* @__PURE__ */ a.jsx(X, { mx: "auto", children: /* @__PURE__ */ a.jsxs("form", { onSubmit: i(e), children: [
-    /* @__PURE__ */ a.jsx(O, { name: "key", control: r, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "key", control: r, render: ({
       field: s
     }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, required: !0, label: "Name", placeholder: "A unique name", ...s }) }),
     /* @__PURE__ */ a.jsx(ct, { label: "Connection Info", labelPosition: "center" }),
-    /* @__PURE__ */ a.jsx(O, { name: "config.host", control: r, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "config.host", control: r, render: ({
       field: s
     }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, label: "Base URL", sx: {
       flexGrow: 1
     }, ...s }) }),
     /* @__PURE__ */ a.jsxs(z, { grow: !0, children: [
-      /* @__PURE__ */ a.jsx(O, { name: "config.processing.pre", control: r, render: ({
+      /* @__PURE__ */ a.jsx(R, { name: "config.processing.pre", control: r, render: ({
         field: s
       }) => /* @__PURE__ */ a.jsx(st, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: rt.pre, ...s, styles: t }) }),
-      /* @__PURE__ */ a.jsx(O, { name: "config.processing.post", control: r, render: ({
+      /* @__PURE__ */ a.jsx(R, { name: "config.processing.post", control: r, render: ({
         field: s
       }) => /* @__PURE__ */ a.jsx(st, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: rt.post, ...s, styles: t }) })
     ] }),
@@ -1387,7 +1387,8 @@ function qn({
       id: "for-creating",
       title: "Pending",
       message: "Adding data source...",
-      loading: !0
+      loading: !0,
+      autoClose: !1
     });
     try {
       console.log({
@@ -1398,14 +1399,16 @@ function qn({
         id: "for-creating",
         title: "Successful",
         message: "Data source is added",
-        color: "green"
+        color: "green",
+        autoClose: !0
       }), e();
     } catch (h) {
-      P({
+      console.error(h), P({
         id: "for-creating",
         title: "Failed",
         message: h.message,
-        color: "red"
+        color: "red",
+        autoClose: !0
       });
     }
   }, s = r === "postgresql" || r === "mysql", l = r === "http";
@@ -1441,7 +1444,7 @@ function Yn({
 }
 const Vn = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
 function Wn(e) {
-  Ct(() => {
+  Ot(() => {
     if (At.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/settings-form");
@@ -1465,12 +1468,14 @@ function Kn({
       id: "for-deleting",
       title: "Pending",
       message: "Deleting data source...",
-      loading: !0
+      loading: !0,
+      autoClose: !1
     }), await Z.datasource.delete(e), P({
       id: "for-deleting",
       title: "Successful",
       message: `Data source [${t}] is deleted`,
-      color: "green"
+      color: "green",
+      autoClose: !0
     }), n());
   }, d = () => s.openConfirmModal({
     title: "Delete this data source?",
@@ -1513,16 +1518,16 @@ function Zn({
   return /* @__PURE__ */ a.jsx(X, { mx: "auto", children: /* @__PURE__ */ a.jsxs("form", { onSubmit: s(r), children: [
     /* @__PURE__ */ a.jsx(Q, { mb: n.spacing, size: n.size, required: !0, label: "Name", value: e, readOnly: !0 }),
     /* @__PURE__ */ a.jsx(ct, { label: "Connection Info", labelPosition: "center" }),
-    /* @__PURE__ */ a.jsx(O, { name: "config.host", control: i, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "config.host", control: i, render: ({
       field: l
     }) => /* @__PURE__ */ a.jsx(Q, { mb: n.spacing, size: n.size, label: "Base URL", sx: {
       flexGrow: 1
     }, ...l }) }),
     /* @__PURE__ */ a.jsxs(z, { grow: !0, children: [
-      /* @__PURE__ */ a.jsx(O, { name: "config.processing.pre", control: i, render: ({
+      /* @__PURE__ */ a.jsx(R, { name: "config.processing.pre", control: i, render: ({
         field: l
       }) => /* @__PURE__ */ a.jsx(st, { label: "Pre Processing", modalTitle: "This function will run before sending the request (for scenarios like encryption)", defaultValue: tr.pre, ...l, styles: n }) }),
-      /* @__PURE__ */ a.jsx(O, { name: "config.processing.post", control: i, render: ({
+      /* @__PURE__ */ a.jsx(R, { name: "config.processing.post", control: i, render: ({
         field: l
       }) => /* @__PURE__ */ a.jsx(st, { label: "Post Processing", modalTitle: "This function will run after sending the request (for scenarios like decryption)", defaultValue: tr.post, ...l, styles: n }) })
     ] }),
@@ -1541,7 +1546,8 @@ function Xn({
       id: "for-updating",
       title: "Pending",
       message: "Editing data source...",
-      loading: !0
+      loading: !0,
+      autoClose: !1
     });
     try {
       console.log({
@@ -1550,14 +1556,16 @@ function Xn({
         id: "for-updating",
         title: "Successful",
         message: "Data source is updated",
-        color: "green"
+        color: "green",
+        autoClose: !0
       }), t();
     } catch (s) {
       P({
         id: "for-updating",
         title: "Failed",
         message: s.message,
-        color: "red"
+        color: "red",
+        autoClose: !0
       });
     }
   };
@@ -1729,33 +1737,36 @@ function na({
         id: "for-creating",
         title: "Pending",
         message: "Adding account...",
-        loading: !0
+        loading: !0,
+        autoClose: !1
       }), await Z.account.create(l, d, p, f), P({
         id: "for-creating",
         title: "Successful",
         message: "Account is added",
-        color: "green"
+        color: "green",
+        autoClose: !0
       }), e();
     } catch (h) {
       P({
         id: "for-creating",
         title: "Failed",
         message: h.message,
-        color: "red"
+        color: "red",
+        autoClose: !0
       });
     }
   };
   return /* @__PURE__ */ a.jsx(X, { mx: "auto", mb: 10, children: /* @__PURE__ */ a.jsxs("form", { onSubmit: i(s), children: [
-    /* @__PURE__ */ a.jsx(O, { name: "name", control: n, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "name", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...l }) }),
-    /* @__PURE__ */ a.jsx(O, { name: "email", control: n, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "email", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, required: !0, label: "Email", ...l }) }),
-    /* @__PURE__ */ a.jsx(O, { name: "password", control: n, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "password", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a.jsx(dt, { mb: t.spacing, size: t.size, required: !0, label: "Password", description: "Password must be at least 8 characters long", ...l }) }),
-    /* @__PURE__ */ a.jsx(O, { name: "role_id", control: n, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "role_id", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a.jsx(Ft, { styles: t, ...l }) }),
     /* @__PURE__ */ a.jsx(z, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a.jsx(D, { type: "submit", size: t.button.size, children: "Save" }) })
@@ -1788,21 +1799,24 @@ function ia({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting account...",
-        loading: !0
+        loading: !0,
+        autoClose: !1
       });
       try {
         await Z.account.delete(e), P({
           id: "for-deleting",
           title: "Successful",
           message: `Account [${t}] is deleted`,
-          color: "green"
+          color: "green",
+          autoClose: !0
         }), r();
       } catch (d) {
         P({
           id: "for-deleting",
           title: "Failed",
           message: d.message,
-          color: "red"
+          color: "red",
+          autoClose: !0
         });
       }
     }
@@ -1849,7 +1863,8 @@ function sa({
         id: "for-updating",
         title: "Pending",
         message: "Updating account...",
-        loading: !0
+        loading: !0,
+        autoClose: !1
       }), await Z.account.edit({
         id: e,
         name: u.trim(),
@@ -1861,29 +1876,31 @@ function sa({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
-        color: "green"
+        color: "green",
+        autoClose: !0
       }), i();
     } catch (w) {
       P({
         id: "for-updating",
         title: "Failed",
         message: w.message,
-        color: "red"
+        color: "red",
+        autoClose: !0
       });
     }
   }, [h, c] = p(["reset_password", "new_password"]);
   return /* @__PURE__ */ a.jsx(X, { mx: "auto", mb: 10, children: /* @__PURE__ */ a.jsxs("form", { onSubmit: d(f), children: [
-    /* @__PURE__ */ a.jsx(O, { name: "name", control: l, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "name", control: l, render: ({
       field: u
     }) => /* @__PURE__ */ a.jsx(Q, { mb: s.spacing, size: s.size, required: !0, label: "Username", ...u }) }),
-    /* @__PURE__ */ a.jsx(O, { name: "email", control: l, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "email", control: l, render: ({
       field: u
     }) => /* @__PURE__ */ a.jsx(Q, { mb: s.spacing, size: s.size, required: !0, label: "Email", ...u }) }),
-    /* @__PURE__ */ a.jsx(O, { name: "role_id", control: l, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "role_id", control: l, render: ({
       field: u
     }) => /* @__PURE__ */ a.jsx(Ft, { styles: s, ...u }) }),
     /* @__PURE__ */ a.jsx(ct, { my: 20, variant: "dashed", label: "", labelPosition: "center" }),
-    /* @__PURE__ */ a.jsx(O, { name: "reset_password", control: l, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "reset_password", control: l, render: ({
       field: u
     }) => /* @__PURE__ */ a.jsx(Qr, { mb: s.spacing, size: s.size, label: "Reset password", checked: u.value, onChange: (g) => u.onChange(g.currentTarget.checked), styles: {
       label: {
@@ -1891,7 +1908,7 @@ function sa({
       }
     } }) }),
     h && /* @__PURE__ */ a.jsx(
-      O,
+      R,
       {
         name: "new_password",
         control: l,
@@ -2001,29 +2018,32 @@ function la({
         id: "for-login",
         title: "Pending",
         message: "Loggin in...",
-        loading: !0
+        loading: !0,
+        autoClose: !1
       });
       const d = await Z.account.login(s.trim(), l.trim());
       window.localStorage.setItem("token", d.token), P({
         id: "for-login",
         title: "Successful",
         message: "Logged in",
-        color: "green"
+        color: "green",
+        autoClose: !0
       }), e(d);
     } catch (d) {
       P({
         id: "for-login",
         title: "Login Failed",
         message: d.message,
-        color: "red"
+        color: "red",
+        autoClose: !0
       });
     }
   };
   return /* @__PURE__ */ a.jsx(X, { mx: "auto", children: /* @__PURE__ */ a.jsxs("form", { onSubmit: n(i), children: [
-    /* @__PURE__ */ a.jsx(O, { name: "name", control: r, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "name", control: r, render: ({
       field: s
     }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, required: !0, label: "Username", ...s }) }),
-    /* @__PURE__ */ a.jsx(O, { name: "password", control: r, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "password", control: r, render: ({
       field: s
     }) => /* @__PURE__ */ a.jsx(dt, { mb: t.spacing, size: t.size, required: !0, label: "Password", ...s }) }),
     /* @__PURE__ */ a.jsx(z, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a.jsx(D, { type: "submit", size: t.button.size, children: "Submit" }) })
@@ -2067,7 +2087,8 @@ function ua({
         id: "for-creating",
         title: "Pending",
         message: "Adding API Key...",
-        loading: !0
+        loading: !0,
+        autoClose: !1
       });
       const {
         app_id: p,
@@ -2077,22 +2098,24 @@ function ua({
         id: "for-creating",
         title: "Successful",
         message: "API Key is added",
-        color: "green"
+        color: "green",
+        autoClose: !0
       }), e(p, f);
     } catch (p) {
       P({
         id: "for-creating",
         title: "Failed",
         message: p.message,
-        color: "red"
+        color: "red",
+        autoClose: !0
       });
     }
   };
   return /* @__PURE__ */ a.jsx(X, { mx: "auto", mb: 10, children: /* @__PURE__ */ a.jsxs("form", { onSubmit: i(s), children: [
-    /* @__PURE__ */ a.jsx(O, { name: "name", control: n, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "name", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...l }) }),
-    /* @__PURE__ */ a.jsx(O, { name: "role_id", control: n, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "role_id", control: n, render: ({
       field: l
     }) => /* @__PURE__ */ a.jsx(Ft, { styles: t, ...l }) }),
     /* @__PURE__ */ a.jsx(z, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a.jsx(D, { type: "submit", size: t.button.size, children: "Save" }) })
@@ -2146,21 +2169,24 @@ function da({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting API Key...",
-        loading: !0
+        loading: !0,
+        autoClose: !1
       });
       try {
         await Z.api_key.delete(e), P({
           id: "for-deleting",
           title: "Successful",
           message: `API Key [${t}] is deleted`,
-          color: "green"
+          color: "green",
+          autoClose: !0
         }), r();
       } catch (d) {
         P({
           id: "for-deleting",
           title: "Failed",
           message: d.message,
-          color: "red"
+          color: "red",
+          autoClose: !0
         });
       }
     }
@@ -2279,27 +2305,30 @@ function pa({
         id: "for-creating",
         title: "Pending",
         message: "Adding SQL Snippet...",
-        loading: !0
+        loading: !0,
+        autoClose: !1
       }), await Z.sql_snippet.create(s), P({
         id: "for-creating",
         title: "Successful",
         message: "SQL Snippet is added",
-        color: "green"
+        color: "green",
+        autoClose: !0
       }), e();
     } catch (l) {
       P({
         id: "for-creating",
         title: "Failed",
         message: l.message,
-        color: "red"
+        color: "red",
+        autoClose: !0
       });
     }
   };
   return /* @__PURE__ */ a.jsx(X, { mx: "auto", children: /* @__PURE__ */ a.jsxs("form", { onSubmit: n(i), children: [
-    /* @__PURE__ */ a.jsx(O, { name: "id", control: r, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "id", control: r, render: ({
       field: s
     }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...s }) }),
-    /* @__PURE__ */ a.jsx(O, { name: "content", control: r, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "content", control: r, render: ({
       field: s
     }) => /* @__PURE__ */ a.jsxs(Ke, { spacing: 4, children: [
       /* @__PURE__ */ a.jsx(ke, { size: 14, fw: 500, color: "#212529", sx: {
@@ -2344,27 +2373,30 @@ function ga({
         id: "for-updating",
         title: "Pending",
         message: "Updating SQL Snippet...",
-        loading: !0
+        loading: !0,
+        autoClose: !1
       }), await Z.sql_snippet.update(d), P({
         id: "for-updating",
         title: "Successful",
         message: "SQL Snippet is updated",
-        color: "green"
+        color: "green",
+        autoClose: !0
       }), e();
     } catch (p) {
       P({
         id: "for-updating",
         title: "Failed",
         message: p.message,
-        color: "red"
+        color: "red",
+        autoClose: !0
       });
     }
   };
   return /* @__PURE__ */ a.jsx(X, { mx: "auto", children: /* @__PURE__ */ a.jsxs("form", { onSubmit: s(l), children: [
-    /* @__PURE__ */ a.jsx(O, { name: "id", control: i, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "id", control: i, render: ({
       field: d
     }) => /* @__PURE__ */ a.jsx(Q, { mb: t.spacing, size: t.size, required: !0, label: "Name", ...d }) }),
-    /* @__PURE__ */ a.jsx(O, { name: "content", control: i, render: ({
+    /* @__PURE__ */ a.jsx(R, { name: "content", control: i, render: ({
       field: d
     }) => /* @__PURE__ */ a.jsxs(Ke, { spacing: 4, children: [
       /* @__PURE__ */ a.jsx(ke, { size: 14, fw: 500, color: "#212529", sx: {
@@ -2398,7 +2430,7 @@ function ha({
  * @namespace
  * @public
  */
-var Ot = function() {
+var Rt = function() {
   var e = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, t = 0, r = {}, n = {
     /**
      * A namespace for utility methods.
@@ -2894,8 +2926,8 @@ var Ot = function() {
     return u;
   }
   return n;
-}(), b = Ot;
-Ot.default = Ot;
+}(), b = Rt;
+Rt.default = Rt;
 b.languages.markup = {
   comment: {
     pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
@@ -5815,14 +5847,14 @@ var Ta = lr((e, { colorScheme: t, native: r, maxLineSize: n, radius: i }) => ({
   }
 }));
 const ja = Ta;
-var Ra = Object.defineProperty, Oa = Object.defineProperties, Ca = Object.getOwnPropertyDescriptors, ot = Object.getOwnPropertySymbols, yr = Object.prototype.hasOwnProperty, Sr = Object.prototype.propertyIsEnumerable, ir = (e, t, r) => t in e ? Ra(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ie = (e, t) => {
+var Ca = Object.defineProperty, Ra = Object.defineProperties, Oa = Object.getOwnPropertyDescriptors, ot = Object.getOwnPropertySymbols, yr = Object.prototype.hasOwnProperty, Sr = Object.prototype.propertyIsEnumerable, ir = (e, t, r) => t in e ? Ca(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ie = (e, t) => {
   for (var r in t || (t = {}))
     yr.call(t, r) && ir(e, r, t[r]);
   if (ot)
     for (var r of ot(t))
       Sr.call(t, r) && ir(e, r, t[r]);
   return e;
-}, qe = (e, t) => Oa(e, Ca(t)), Da = (e, t) => {
+}, qe = (e, t) => Ra(e, Oa(t)), Da = (e, t) => {
   var r = {};
   for (var n in e)
     yr.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
@@ -5938,11 +5970,11 @@ const Ia = {
     }, ((be = u[ie]) == null ? void 0 : be.label) || ie), /* @__PURE__ */ F.createElement("div", {
       className: te.lineContent
     }, W.map((Me, je) => {
-      var Re, _e;
-      const Oe = ae({ token: Me, key: je });
-      return /* @__PURE__ */ F.createElement("span", qe(Ie({}, Oe), {
-        style: qe(Ie({}, Oe.style), {
-          color: Ee ? N.fn.themeColor((Re = u[ie]) == null ? void 0 : Re.color, $ === "dark" ? 5 : 8) : (_e = Oe == null ? void 0 : Oe.style) == null ? void 0 : _e.color
+      var Ce, _e;
+      const Re = ae({ token: Me, key: je });
+      return /* @__PURE__ */ F.createElement("span", qe(Ie({}, Re), {
+        style: qe(Ie({}, Re.style), {
+          color: Ee ? N.fn.themeColor((Ce = u[ie]) == null ? void 0 : Ce.color, $ === "dark" ? 5 : 8) : (_e = Re == null ? void 0 : Re.style) == null ? void 0 : _e.color
         })
       }));
     })));
@@ -6082,21 +6114,24 @@ function Ua({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting SQL Snippet...",
-        loading: !0
+        loading: !0,
+        autoClose: !1
       });
       try {
         await Z.sql_snippet.delete(e), P({
           id: "for-deleting",
           title: "Successful",
           message: `SQL Snippet [${e}] is deleted`,
-          color: "green"
+          color: "green",
+          autoClose: !0
         }), t();
       } catch (l) {
         P({
           id: "for-deleting",
           title: "Failed",
           message: l.message,
-          color: "red"
+          color: "red",
+          autoClose: !0
         });
       }
     }
@@ -6180,7 +6215,7 @@ function ii({
     ] })
   ] });
 }
-const si = () => import("./package-f3c29ad3.mjs").then(({
+const si = () => import("./package-10cf4bd1.mjs").then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {