@devtable/settings-form 8.13.5 → 8.13.6

package/dist/settings-form.es.js

@@ -1,8 +1,8 @@
-import { Box as F, TextInput as D, Divider as Te, Group as O, NumberInput as $r, PasswordInput as de, Button as T, Modal as ne, Stack as ze, SegmentedControl as Yr, useMantineTheme as Kr, Tooltip as Br, Text as ue, LoadingOverlay as Oe, Table as ke, Select as Gr, Switch as Hr } from "@mantine/core";
-import { showNotification as V, updateNotification as x } from "@mantine/notifications";
+import { Box as F, TextInput as D, Divider as Te, Group as O, NumberInput as Wr, PasswordInput as de, Button as T, Modal as ne, Stack as ze, SegmentedControl as Yr, useMantineTheme as Kr, Tooltip as Br, Text as ue, LoadingOverlay as Oe, Table as Ae, Select as Gr, Switch as Hr } from "@mantine/core";
+import { showNotification as V, updateNotification as k } from "@mantine/notifications";
 import * as ee from "react";
-import H, { useEffect as cr, forwardRef as Ae, useState as lr, useMemo as ur } from "react";
-import { Recycle as Jr, PlaylistAdd as xe, Trash as De, Edit as Xr } from "tabler-icons-react";
+import H, { useEffect as xe, forwardRef as ke, useState as lr, useMemo as ur } from "react";
+import { Recycle as Jr, PlaylistAdd as De, Trash as je, Edit as Xr } from "tabler-icons-react";
 import Qr from "axios";
 import Zr from "crypto-js";
 import et from "lodash";
@@ -192,21 +192,21 @@ var ge = { exports: {} }, re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ir;
+var or;
 function ut() {
-  if (ir)
+  if (or)
     return re;
-  ir = 1;
+  or = 1;
   var t = H, n = Symbol.for("react.element"), i = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(d, p, b) {
-    var S, m = {}, f = null, z = null;
-    b !== void 0 && (f = "" + b), p.key !== void 0 && (f = "" + p.key), p.ref !== void 0 && (z = p.ref);
+  function c(d, p, v) {
+    var S, h = {}, f = null, z = null;
+    v !== void 0 && (f = "" + v), p.key !== void 0 && (f = "" + p.key), p.ref !== void 0 && (z = p.ref);
     for (S in p)
-      o.call(p, S) && !s.hasOwnProperty(S) && (m[S] = p[S]);
+      o.call(p, S) && !s.hasOwnProperty(S) && (h[S] = p[S]);
     if (d && d.defaultProps)
       for (S in p = d.defaultProps, p)
-        m[S] === void 0 && (m[S] = p[S]);
-    return { $$typeof: n, type: d, key: f, ref: z, props: m, _owner: l.current };
+        h[S] === void 0 && (h[S] = p[S]);
+    return { $$typeof: n, type: d, key: f, ref: z, props: h, _owner: l.current };
   }
   return re.Fragment = i, re.jsx = c, re.jsxs = c, re;
 }
@@ -220,18 +220,18 @@ var te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var or;
+var sr;
 function dt() {
-  return or || (or = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = H, n = Symbol.for("react.element"), i = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), d = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), z = Symbol.for("react.offscreen"), q = Symbol.iterator, $ = "@@iterator";
-    function he(e) {
+  return sr || (sr = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = H, n = Symbol.for("react.element"), i = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), d = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), z = Symbol.for("react.offscreen"), q = Symbol.iterator, W = "@@iterator";
+    function me(e) {
       if (e === null || typeof e != "object")
         return null;
-      var a = q && e[q] || e[$];
+      var a = q && e[q] || e[W];
       return typeof a == "function" ? a : null;
     }
     var U = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function k(e) {
+    function A(e) {
       {
         for (var a = arguments.length, u = new Array(a > 1 ? a - 1 : 0), g = 1; g < a; g++)
           u[g - 1] = arguments[g];
@@ -248,25 +248,25 @@ function dt() {
         y.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, y);
       }
     }
-    var fr = !1, pr = !1, gr = !1, mr = !1, hr = !1, Ie;
-    Ie = Symbol.for("react.module.reference");
-    function vr(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === s || hr || e === l || e === b || e === S || mr || e === z || fr || pr || gr || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === m || e.$$typeof === c || e.$$typeof === d || e.$$typeof === p || e.$$typeof === Ie || e.getModuleId !== void 0));
+    var fr = !1, pr = !1, gr = !1, hr = !1, mr = !1, Fe;
+    Fe = Symbol.for("react.module.reference");
+    function br(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === s || mr || e === l || e === v || e === S || hr || e === z || fr || pr || gr || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === h || e.$$typeof === c || e.$$typeof === d || e.$$typeof === p || e.$$typeof === Fe || e.getModuleId !== void 0));
     }
-    function br(e, a, u) {
+    function vr(e, a, u) {
       var g = e.displayName;
       if (g)
         return g;
       var _ = a.displayName || a.name || "";
       return _ !== "" ? u + "(" + _ + ")" : u;
     }
-    function Fe(e) {
+    function qe(e) {
       return e.displayName || "Context";
     }
     function L(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && A("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -279,7 +279,7 @@ function dt() {
           return "Profiler";
         case l:
           return "StrictMode";
-        case b:
+        case v:
           return "Suspense";
         case S:
           return "SuspenseList";
@@ -288,13 +288,13 @@ function dt() {
         switch (e.$$typeof) {
           case d:
             var a = e;
-            return Fe(a) + ".Consumer";
+            return qe(a) + ".Consumer";
           case c:
             var u = e;
-            return Fe(u._context) + ".Provider";
+            return qe(u._context) + ".Provider";
           case p:
-            return br(e, e.render, "ForwardRef");
-          case m:
+            return vr(e, e.render, "ForwardRef");
+          case h:
             var g = e.displayName || null;
             return g !== null ? g : L(e.type) || "Memo";
           case f: {
@@ -308,18 +308,18 @@ function dt() {
         }
       return null;
     }
-    var Y = Object.assign, Q = 0, qe, Le, Me, Ne, Ue, Ve, We;
-    function $e() {
+    var Y = Object.assign, Q = 0, Le, Me, Ne, Ue, Ve, $e, We;
+    function Ye() {
     }
-    $e.__reactDisabledLog = !0;
+    Ye.__reactDisabledLog = !0;
     function wr() {
       {
         if (Q === 0) {
-          qe = console.log, Le = console.info, Me = console.warn, Ne = console.error, Ue = console.group, Ve = console.groupCollapsed, We = console.groupEnd;
+          Le = console.log, Me = console.info, Ne = console.warn, Ue = console.error, Ve = console.group, $e = console.groupCollapsed, We = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: $e,
+            value: Ye,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -345,43 +345,43 @@ function dt() {
           };
           Object.defineProperties(console, {
             log: Y({}, e, {
-              value: qe
+              value: Le
             }),
             info: Y({}, e, {
-              value: Le
+              value: Me
             }),
             warn: Y({}, e, {
-              value: Me
+              value: Ne
             }),
             error: Y({}, e, {
-              value: Ne
+              value: Ue
             }),
             group: Y({}, e, {
-              value: Ue
+              value: Ve
             }),
             groupCollapsed: Y({}, e, {
-              value: Ve
+              value: $e
             }),
             groupEnd: Y({}, e, {
               value: We
             })
           });
         }
-        Q < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Q < 0 && A("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ve = U.ReactCurrentDispatcher, be;
+    var be = U.ReactCurrentDispatcher, ve;
     function ae(e, a, u) {
       {
-        if (be === void 0)
+        if (ve === void 0)
           try {
             throw Error();
           } catch (_) {
             var g = _.stack.trim().match(/\n( *(at )?)/);
-            be = g && g[1] || "";
+            ve = g && g[1] || "";
           }
         return `
-` + be + e;
+` + ve + e;
       }
     }
     var we = !1, ie;
@@ -389,7 +389,7 @@ function dt() {
       var _r = typeof WeakMap == "function" ? WeakMap : Map;
       ie = new _r();
     }
-    function Ye(e, a) {
+    function Ke(e, a) {
       if (!e || we)
         return "";
       {
@@ -402,7 +402,7 @@ function dt() {
       var _ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var y;
-      y = ve.current, ve.current = null, wr();
+      y = be.current, be.current = null, wr();
       try {
         if (a) {
           var w = function() {
@@ -437,17 +437,17 @@ function dt() {
         }
       } catch (M) {
         if (M && g && typeof M.stack == "string") {
-          for (var h = M.stack.split(`
-`), A = g.stack.split(`
-`), P = h.length - 1, E = A.length - 1; P >= 1 && E >= 0 && h[P] !== A[E]; )
+          for (var m = M.stack.split(`
+`), x = g.stack.split(`
+`), P = m.length - 1, E = x.length - 1; P >= 1 && E >= 0 && m[P] !== x[E]; )
             E--;
           for (; P >= 1 && E >= 0; P--, E--)
-            if (h[P] !== A[E]) {
+            if (m[P] !== x[E]) {
               if (P !== 1 || E !== 1)
                 do
-                  if (P--, E--, E < 0 || h[P] !== A[E]) {
+                  if (P--, E--, E < 0 || m[P] !== x[E]) {
                     var I = `
-` + h[P].replace(" at new ", " at ");
+` + m[P].replace(" at new ", " at ");
                     return e.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", e.displayName)), typeof e == "function" && ie.set(e, I), I;
                   }
                 while (P >= 1 && E >= 0);
@@ -455,13 +455,13 @@ function dt() {
             }
         }
       } finally {
-        we = !1, ve.current = y, Sr(), Error.prepareStackTrace = _;
+        we = !1, be.current = y, Sr(), Error.prepareStackTrace = _;
       }
-      var B = e ? e.displayName || e.name : "", ar = B ? ae(B) : "";
-      return typeof e == "function" && ie.set(e, ar), ar;
+      var B = e ? e.displayName || e.name : "", ir = B ? ae(B) : "";
+      return typeof e == "function" && ie.set(e, ir), ir;
     }
     function yr(e, a, u) {
-      return Ye(e, !1);
+      return Ke(e, !1);
     }
     function Rr(e) {
       var a = e.prototype;
@@ -471,11 +471,11 @@ function dt() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ye(e, Rr(e));
+        return Ke(e, Rr(e));
       if (typeof e == "string")
         return ae(e);
       switch (e) {
-        case b:
+        case v:
           return ae("Suspense");
         case S:
           return ae("SuspenseList");
@@ -484,7 +484,7 @@ function dt() {
         switch (e.$$typeof) {
           case p:
             return yr(e.render);
-          case m:
+          case h:
             return oe(e.type, a, u);
           case f: {
             var g = e, _ = g._payload, y = g._init;
@@ -496,30 +496,30 @@ function dt() {
         }
       return "";
     }
-    var se = Object.prototype.hasOwnProperty, Ke = {}, Be = U.ReactDebugCurrentFrame;
+    var se = Object.prototype.hasOwnProperty, Be = {}, Ge = U.ReactDebugCurrentFrame;
     function ce(e) {
       if (e) {
         var a = e._owner, u = oe(e.type, e._source, a ? a.type : null);
-        Be.setExtraStackFrame(u);
+        Ge.setExtraStackFrame(u);
       } else
-        Be.setExtraStackFrame(null);
+        Ge.setExtraStackFrame(null);
     }
     function Pr(e, a, u, g, _) {
       {
         var y = Function.call.bind(se);
         for (var w in e)
           if (y(e, w)) {
-            var h = void 0;
+            var m = void 0;
             try {
               if (typeof e[w] != "function") {
-                var A = Error((g || "React class") + ": " + u + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw A.name = "Invariant Violation", A;
+                var x = Error((g || "React class") + ": " + u + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw x.name = "Invariant Violation", x;
               }
-              h = e[w](a, w, g, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              m = e[w](a, w, g, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
-              h = P;
+              m = P;
             }
-            h && !(h instanceof Error) && (ce(_), 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).", g || "React class", u, w, typeof h), ce(null)), h instanceof Error && !(h.message in Ke) && (Ke[h.message] = !0, ce(_), k("Failed %s type: %s", u, h.message), ce(null));
+            m && !(m instanceof Error) && (ce(_), A("%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).", g || "React class", u, w, typeof m), ce(null)), m instanceof Error && !(m.message in Be) && (Be[m.message] = !0, ce(_), A("Failed %s type: %s", u, m.message), ce(null));
           }
       }
     }
@@ -535,24 +535,24 @@ function dt() {
     }
     function Tr(e) {
       try {
-        return Ge(e), !1;
+        return He(e), !1;
       } catch {
         return !0;
       }
     }
-    function Ge(e) {
+    function He(e) {
       return "" + e;
     }
-    function He(e) {
+    function Je(e) {
       if (Tr(e))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(e)), Ge(e);
+        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(e)), He(e);
     }
     var Z = U.ReactCurrentOwner, zr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Je, Xe, _e;
+    }, Xe, Qe, _e;
     _e = {};
     function Or(e) {
       if (se.call(e, "ref")) {
@@ -562,7 +562,7 @@ function dt() {
       }
       return e.ref !== void 0;
     }
-    function kr(e) {
+    function Ar(e) {
       if (se.call(e, "key")) {
         var a = Object.getOwnPropertyDescriptor(e, "key").get;
         if (a && a.isReactWarning)
@@ -570,16 +570,16 @@ function dt() {
       }
       return e.key !== void 0;
     }
-    function Ar(e, a) {
+    function xr(e, a) {
       if (typeof e.ref == "string" && Z.current && a && Z.current.stateNode !== a) {
         var u = L(Z.current.type);
-        _e[u] || (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', L(Z.current.type), e.ref), _e[u] = !0);
+        _e[u] || (A('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', L(Z.current.type), e.ref), _e[u] = !0);
       }
     }
-    function xr(e, a) {
+    function kr(e, a) {
       {
         var u = function() {
-          Je || (Je = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+          Xe || (Xe = !0, A("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
         u.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: u,
@@ -590,7 +590,7 @@ function dt() {
     function Dr(e, a) {
       {
         var u = function() {
-          Xe || (Xe = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+          Qe || (Qe = !0, A("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
         u.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: u,
@@ -599,7 +599,7 @@ function dt() {
       }
     }
     var jr = function(e, a, u, g, _, y, w) {
-      var h = {
+      var m = {
         $$typeof: n,
         type: e,
         key: a,
@@ -607,27 +607,27 @@ function dt() {
         props: w,
         _owner: y
       };
-      return h._store = {}, Object.defineProperty(h._store, "validated", {
+      return m._store = {}, Object.defineProperty(m._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(h, "_self", {
+      }), Object.defineProperty(m, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: g
-      }), Object.defineProperty(h, "_source", {
+      }), Object.defineProperty(m, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: _
-      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
+      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     };
     function Ir(e, a, u, g, _) {
       {
-        var y, w = {}, h = null, A = null;
-        u !== void 0 && (He(u), h = "" + u), kr(a) && (He(a.key), h = "" + a.key), Or(a) && (A = a.ref, Ar(a, _));
+        var y, w = {}, m = null, x = null;
+        u !== void 0 && (Je(u), m = "" + u), Ar(a) && (Je(a.key), m = "" + a.key), Or(a) && (x = a.ref, xr(a, _));
         for (y in a)
           se.call(a, y) && !zr.hasOwnProperty(y) && (w[y] = a[y]);
         if (e && e.defaultProps) {
@@ -635,27 +635,27 @@ function dt() {
           for (y in P)
             w[y] === void 0 && (w[y] = P[y]);
         }
-        if (h || A) {
+        if (m || x) {
           var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          h && xr(w, E), A && Dr(w, E);
+          m && kr(w, E), x && Dr(w, E);
         }
-        return jr(e, h, A, _, g, Z.current, w);
+        return jr(e, m, x, _, g, Z.current, w);
       }
     }
-    var ye = U.ReactCurrentOwner, Qe = U.ReactDebugCurrentFrame;
+    var ye = U.ReactCurrentOwner, Ze = U.ReactDebugCurrentFrame;
     function K(e) {
       if (e) {
         var a = e._owner, u = oe(e.type, e._source, a ? a.type : null);
-        Qe.setExtraStackFrame(u);
+        Ze.setExtraStackFrame(u);
       } else
-        Qe.setExtraStackFrame(null);
+        Ze.setExtraStackFrame(null);
     }
     var Re;
     Re = !1;
     function Pe(e) {
       return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function Ze() {
+    function er() {
       {
         if (ye.current) {
           var e = L(ye.current.type);
@@ -678,10 +678,10 @@ Check your code at ` + a + ":" + u + ".";
         return "";
       }
     }
-    var er = {};
+    var rr = {};
     function qr(e) {
       {
-        var a = Ze();
+        var a = er();
         if (!a) {
           var u = typeof e == "string" ? e : e.displayName || e.name;
           u && (a = `
@@ -691,35 +691,35 @@ Check the top-level render call using <` + u + ">.");
         return a;
       }
     }
-    function rr(e, a) {
+    function tr(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var u = qr(a);
-        if (er[u])
+        if (rr[u])
           return;
-        er[u] = !0;
+        rr[u] = !0;
         var g = "";
-        e && e._owner && e._owner !== ye.current && (g = " It was passed a child from " + L(e._owner.type) + "."), K(e), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, g), K(null);
+        e && e._owner && e._owner !== ye.current && (g = " It was passed a child from " + L(e._owner.type) + "."), K(e), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, g), K(null);
       }
     }
-    function tr(e, a) {
+    function nr(e, a) {
       {
         if (typeof e != "object")
           return;
         if (Se(e))
           for (var u = 0; u < e.length; u++) {
             var g = e[u];
-            Pe(g) && rr(g, a);
+            Pe(g) && tr(g, a);
           }
         else if (Pe(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var _ = he(e);
+          var _ = me(e);
           if (typeof _ == "function" && _ !== e.entries)
             for (var y = _.call(e), w; !(w = y.next()).done; )
-              Pe(w.value) && rr(w.value, a);
+              Pe(w.value) && tr(w.value, a);
         }
       }
     }
@@ -731,7 +731,7 @@ Check the top-level render call using <` + u + ">.");
         var u;
         if (typeof a == "function")
           u = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === p || a.$$typeof === m))
+        else if (typeof a == "object" && (a.$$typeof === p || a.$$typeof === h))
           u = a.propTypes;
         else
           return;
@@ -741,9 +741,9 @@ Check the top-level render call using <` + u + ">.");
         } else if (a.PropTypes !== void 0 && !Re) {
           Re = !0;
           var _ = L(a);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
+          A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
         }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Mr(e) {
@@ -751,23 +751,23 @@ Check the top-level render call using <` + u + ">.");
         for (var a = Object.keys(e.props), u = 0; u < a.length; u++) {
           var g = a[u];
           if (g !== "children" && g !== "key") {
-            K(e), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), K(null);
+            K(e), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), K(null);
             break;
           }
         }
-        e.ref !== null && (K(e), k("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
+        e.ref !== null && (K(e), A("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    function nr(e, a, u, g, _, y) {
+    function ar(e, a, u, g, _, y) {
       {
-        var w = vr(e);
+        var w = br(e);
         if (!w) {
-          var h = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " 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 A = Fr(_);
-          A ? h += A : h += Ze();
+          var m = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " 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 x = Fr(_);
+          x ? m += x : m += er();
           var P;
-          e === null ? P = "null" : Se(e) ? P = "array" : e !== void 0 && e.$$typeof === n ? (P = "<" + (L(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, h);
+          e === null ? P = "null" : Se(e) ? P = "array" : e !== void 0 && e.$$typeof === n ? (P = "<" + (L(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, m);
         }
         var E = Ir(e, a, u, _, y);
         if (E == null)
@@ -778,30 +778,30 @@ Check the top-level render call using <` + u + ">.");
             if (g)
               if (Se(I)) {
                 for (var B = 0; B < I.length; B++)
-                  tr(I[B], e);
+                  nr(I[B], e);
                 Object.freeze && Object.freeze(I);
               } 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.");
+                A("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
-              tr(I, e);
+              nr(I, e);
         }
         return e === o ? Mr(E) : Lr(E), E;
       }
     }
     function Nr(e, a, u) {
-      return nr(e, a, u, !0);
+      return ar(e, a, u, !0);
     }
     function Ur(e, a, u) {
-      return nr(e, a, u, !1);
+      return ar(e, a, u, !1);
     }
-    var Vr = Ur, Wr = Nr;
-    te.Fragment = o, te.jsx = Vr, te.jsxs = Wr;
+    var Vr = Ur, $r = Nr;
+    te.Fragment = o, te.jsx = Vr, te.jsxs = $r;
   }()), te;
 }
 (function(t) {
   process.env.NODE_ENV === "production" ? t.exports = ut() : t.exports = dt();
 })(ge);
-const N = ge.exports.Fragment, r = ge.exports.jsx, v = ge.exports.jsxs;
+const N = ge.exports.Fragment, r = ge.exports.jsx, b = ge.exports.jsxs;
 function ft({
   submit: t,
   styles: n = X,
@@ -824,11 +824,11 @@ function ft({
       }
     }
   });
-  return cr(() => {
+  return xe(() => {
     l("type", i);
   }, [l, i]), /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
+    children: /* @__PURE__ */ b("form", {
       onSubmit: s(t),
       children: [/* @__PURE__ */ r(R, {
         name: "key",
@@ -846,7 +846,7 @@ function ft({
       }), /* @__PURE__ */ r(Te, {
         label: "Connection Info",
         labelPosition: "center"
-      }), /* @__PURE__ */ v(O, {
+      }), /* @__PURE__ */ b(O, {
         grow: !0,
         children: [/* @__PURE__ */ r(R, {
           name: "config.host",
@@ -868,7 +868,7 @@ function ft({
           control: o,
           render: ({
             field: c
-          }) => /* @__PURE__ */ r($r, {
+          }) => /* @__PURE__ */ r(Wr, {
             mb: n.spacing,
             size: n.size,
             required: !0,
@@ -928,26 +928,7 @@ function ft({
     })
   });
 }
-self.MonacoEnvironment = {
-  getWorker: function(t, n) {
-    const i = (o, l) => new Worker(self.MonacoEnvironment.getWorker(o), {
-      name: l,
-      type: "module"
-    });
-    switch (n) {
-      case "typescript":
-      case "javascript":
-        return i("/monaco-editor/min/vs/language/typescript/ts.worker?worker", n);
-      default:
-        return i("/monaco-editor/min/vs/editor/editor.worker?worker", n);
-    }
-  }
-};
-function pt() {
-  Ee.__getMonacoInstance() || (console.log("loading monaco"), Ee.config({ paths: { vs: "/assets/monaco-editor/min/vs" } }), Ee.init().then((n) => console.log("here is the monaco instance:", n)));
-}
-pt();
-const gt = ({
+const pt = ({
   value: t,
   onChange: n
 }) => /* @__PURE__ */ r(F, {
@@ -968,7 +949,7 @@ const gt = ({
       }
     }
   })
-}), sr = Ae(({
+}), cr = ke(({
   value: t,
   onChange: n,
   label: i,
@@ -978,17 +959,17 @@ const gt = ({
 }, c) => {
   const [d, {
     setTrue: p,
-    setFalse: b
-  }] = rt(), [S, m] = lr(t), f = () => {
-    b(), n(S);
+    setFalse: v
+  }] = rt(), [S, h] = lr(t), f = () => {
+    v(), n(S);
   }, z = () => {
-    b(), m(t);
+    v(), h(t);
   }, q = () => {
-    m(l);
+    h(l);
   };
-  return cr(() => {
-    m(t);
-  }, [t]), /* @__PURE__ */ v(N, {
+  return xe(() => {
+    h(t);
+  }, [t]), /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(T, {
       variant: "filled",
       size: s.button.size,
@@ -1001,14 +982,14 @@ const gt = ({
       size: 800,
       title: o,
       opened: d,
-      onClose: b,
+      onClose: v,
       closeOnClickOutside: !1,
       withCloseButton: !1,
-      children: d && /* @__PURE__ */ v(ze, {
-        children: [/* @__PURE__ */ r(gt, {
+      children: d && /* @__PURE__ */ b(ze, {
+        children: [/* @__PURE__ */ r(pt, {
           value: S,
-          onChange: m
-        }), /* @__PURE__ */ v(O, {
+          onChange: h
+        }), /* @__PURE__ */ b(O, {
           position: "apart",
           children: [/* @__PURE__ */ r(T, {
             onClick: q,
@@ -1017,7 +998,7 @@ const gt = ({
               size: 20
             }),
             children: "Rest"
-          }), /* @__PURE__ */ v(O, {
+          }), /* @__PURE__ */ b(O, {
             position: "right",
             children: [/* @__PURE__ */ r(T, {
               onClick: z,
@@ -1038,7 +1019,7 @@ const gt = ({
   post: ["function post_process(res, utils) {", "    // your code goes here", "    return data", "}"].join(`
 `)
 };
-function mt({
+function gt({
   submit: t,
   styles: n = X
 }) {
@@ -1061,7 +1042,7 @@ function mt({
   });
   return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
+    children: /* @__PURE__ */ b("form", {
       onSubmit: l(t),
       children: [/* @__PURE__ */ r(R, {
         name: "key",
@@ -1094,14 +1075,14 @@ function mt({
           },
           ...s
         })
-      }), /* @__PURE__ */ v(O, {
+      }), /* @__PURE__ */ b(O, {
         grow: !0,
         children: [/* @__PURE__ */ r(R, {
           name: "config.processing.pre",
           control: i,
           render: ({
             field: s
-          }) => /* @__PURE__ */ r(sr, {
+          }) => /* @__PURE__ */ r(cr, {
             label: "Pre Processing",
             modalTitle: "This function will run before sending the request (for scenarios like encryption)",
             defaultValue: le.pre,
@@ -1113,7 +1094,7 @@ function mt({
           control: i,
           render: ({
             field: s
-          }) => /* @__PURE__ */ r(sr, {
+          }) => /* @__PURE__ */ r(cr, {
             label: "Post Processing",
             modalTitle: "This function will run after sending the request (for scenarios like decryption)",
             defaultValue: le.post,
@@ -1140,7 +1121,7 @@ function ht({
   const [i, o] = lr("postgresql"), l = async ({
     type: d,
     key: p,
-    config: b
+    config: v
   }) => {
     V({
       id: "for-creating",
@@ -1152,15 +1133,15 @@ function ht({
       console.log({
         type: d,
         key: p,
-        config: b
-      }), await j.datasource.create(d, p, b), x({
+        config: v
+      }), await j.datasource.create(d, p, v), k({
         id: "for-creating",
         title: "Successful",
         message: "Data source is added",
         color: "green"
       }), t();
     } catch (S) {
-      x({
+      k({
         id: "for-creating",
         title: "Failed",
         message: S.message,
@@ -1168,7 +1149,7 @@ function ht({
       });
     }
   }, s = i === "postgresql" || i === "mysql", c = i === "http";
-  return /* @__PURE__ */ v(F, {
+  return /* @__PURE__ */ b(F, {
     mx: "auto",
     children: [/* @__PURE__ */ r(Yr, {
       fullWidth: !0,
@@ -1190,18 +1171,18 @@ function ht({
       submit: l,
       styles: n,
       type: i
-    }), c && /* @__PURE__ */ r(mt, {
+    }), c && /* @__PURE__ */ r(gt, {
       submit: l,
       styles: n
     })]
   });
 }
-function vt({
+function mt({
   onSuccess: t,
   styles: n = X
 }) {
   const [i, o] = H.useState(!1), l = () => o(!0), s = () => o(!1);
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
       opened: i,
@@ -1220,13 +1201,23 @@ function vt({
     }), /* @__PURE__ */ r(T, {
       size: n.button.size,
       onClick: l,
-      leftIcon: /* @__PURE__ */ r(xe, {
+      leftIcon: /* @__PURE__ */ r(De, {
         size: 20
       }),
       children: "Add a Data Source"
     })]
   });
 }
+const bt = (t) => t.replace(/([^:])(\/\/+)/g, "$1/");
+function vt(t) {
+  xe(() => {
+    if (Ee.__getMonacoInstance())
+      return;
+    console.log("loading monaco for @devtable/settings-form");
+    const i = bt(t + "/assets/monaco-editor/min/vs");
+    Ee.config({ paths: { vs: i } }), Ee.init().then((o) => console.log("monaco instance:", o));
+  }, []);
+}
 function Ce() {
   return Ce = Object.assign ? Object.assign.bind() : function(t) {
     for (var n = 1; n < arguments.length; n++) {
@@ -1237,15 +1228,15 @@ function Ce() {
     return t;
   }, Ce.apply(this, arguments);
 }
-function bt(t, n) {
+function wt(t, n) {
   if (t == null)
     return {};
   var i, o, l = function(c, d) {
     if (c == null)
       return {};
-    var p, b, S = {}, m = Object.keys(c);
-    for (b = 0; b < m.length; b++)
-      p = m[b], d.indexOf(p) >= 0 || (S[p] = c[p]);
+    var p, v, S = {}, h = Object.keys(c);
+    for (v = 0; v < h.length; v++)
+      p = h[v], d.indexOf(p) >= 0 || (S[p] = c[p]);
     return S;
   }(t, n);
   if (Object.getOwnPropertySymbols) {
@@ -1255,12 +1246,12 @@ function bt(t, n) {
   }
   return l;
 }
-var wt = ["size", "color", "stroke"];
-function St(t) {
-  var n = t.size, i = n === void 0 ? 24 : n, o = t.color, l = o === void 0 ? "currentColor" : o, s = t.stroke, c = s === void 0 ? 2 : s, d = bt(t, wt);
+var St = ["size", "color", "stroke"];
+function _t(t) {
+  var n = t.size, i = n === void 0 ? 24 : n, o = t.color, l = o === void 0 ? "currentColor" : o, s = t.stroke, c = s === void 0 ? 2 : s, d = wt(t, St);
   return ee.createElement("svg", Ce({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: i, height: i, viewBox: "0 0 24 24", strokeWidth: c, stroke: l, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, d), ee.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), ee.createElement("rect", { x: 5, y: 11, width: 14, height: 10, rx: 2 }), ee.createElement("circle", { cx: 12, cy: 16, r: 1 }), ee.createElement("path", { d: "M8 11v-4a4 4 0 0 1 8 0v4" }));
 }
-function _t({
+function yt({
   id: t,
   name: n,
   isProtected: i,
@@ -1273,7 +1264,7 @@ function _t({
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await j.datasource.delete(t), x({
+    }), await j.datasource.delete(t), k({
       id: "for-deleting",
       title: "Successful",
       message: `Data source [${n}] is deleted`,
@@ -1301,7 +1292,7 @@ function _t({
     },
     label: "This is a preset datasource, it can not be deleted",
     children: /* @__PURE__ */ r("span", {
-      children: /* @__PURE__ */ r(St, {
+      children: /* @__PURE__ */ r(_t, {
         size: 16,
         color: p.colors.gray[7]
       })
@@ -1310,7 +1301,7 @@ function _t({
     size: l.button.size,
     color: "red",
     onClick: d,
-    leftIcon: /* @__PURE__ */ r(De, {
+    leftIcon: /* @__PURE__ */ r(je, {
       size: 20
     }),
     children: "Delete"
@@ -1320,7 +1311,7 @@ function Wt({
   styles: t = X,
   config: n
 }) {
-  pe(n);
+  vt(n.basename), pe(n);
   const {
     data: i = [],
     loading: o,
@@ -1333,27 +1324,27 @@ function Wt({
   }, {
     refreshDeps: []
   });
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(O, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(vt, {
+      children: /* @__PURE__ */ r(mt, {
         onSuccess: l
       })
-    }), /* @__PURE__ */ v(F, {
+    }), /* @__PURE__ */ b(F, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
       children: [/* @__PURE__ */ r(Oe, {
         visible: o
-      }), /* @__PURE__ */ v(ke, {
+      }), /* @__PURE__ */ b(Ae, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
         fontSize: t.size,
         highlightOnHover: !0,
         children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ v("tr", {
+          children: /* @__PURE__ */ b("tr", {
             children: [/* @__PURE__ */ r("th", {
               children: "Type"
             }), /* @__PURE__ */ r("th", {
@@ -1368,7 +1359,7 @@ function Wt({
             key: c,
             type: d,
             is_preset: p
-          }) => /* @__PURE__ */ v("tr", {
+          }) => /* @__PURE__ */ b("tr", {
             children: [/* @__PURE__ */ r("td", {
               width: 200,
               children: d
@@ -1378,7 +1369,7 @@ function Wt({
               width: 200,
               children: /* @__PURE__ */ r(O, {
                 position: "left",
-                children: /* @__PURE__ */ r(_t, {
+                children: /* @__PURE__ */ r(yt, {
                   isProtected: p,
                   id: s,
                   name: c,
@@ -1392,12 +1383,12 @@ function Wt({
     })]
   });
 }
-const yt = Ae(({
+const Rt = ke(({
   label: t,
   value: n,
   description: i,
   ...o
-}, l) => /* @__PURE__ */ v(ze, {
+}, l) => /* @__PURE__ */ b(ze, {
   spacing: 2,
   ref: l,
   ...o,
@@ -1410,7 +1401,7 @@ const yt = Ae(({
     className: "role-description",
     children: i
   })]
-})), je = Ae(({
+})), Ie = ke(({
   styles: t,
   value: n,
   onChange: i
@@ -1432,7 +1423,7 @@ const yt = Ae(({
     size: t.size,
     required: !0,
     label: "Role",
-    itemComponent: yt,
+    itemComponent: Rt,
     data: l,
     disabled: s,
     styles: () => ({
@@ -1449,16 +1440,16 @@ const yt = Ae(({
     value: n,
     onChange: i
   });
-}), W = {
+}), $ = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function Rt({
+function Pt({
   postSubmit: t,
-  styles: n = W,
+  styles: n = $,
   initialRoleID: i
 }) {
   const {
@@ -1474,12 +1465,12 @@ function Rt({
   });
   return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
+    children: /* @__PURE__ */ b("form", {
       onSubmit: l(async ({
         name: c,
         email: d,
         password: p,
-        role_id: b
+        role_id: v
       }) => {
         try {
           V({
@@ -1487,14 +1478,14 @@ function Rt({
             title: "Pending",
             message: "Adding account...",
             loading: !0
-          }), await j.account.create(c, d, p, b), x({
+          }), await j.account.create(c, d, p, v), k({
             id: "for-creating",
             title: "Successful",
             message: "Account is added",
             color: "green"
           }), t();
         } catch (S) {
-          x({
+          k({
             id: "for-creating",
             title: "Failed",
             message: S.message,
@@ -1544,7 +1535,7 @@ function Rt({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ r(je, {
+        }) => /* @__PURE__ */ r(Ie, {
           styles: n,
           ...c
         })
@@ -1560,13 +1551,13 @@ function Rt({
     })
   });
 }
-function Pt({
+function Et({
   onSuccess: t,
-  styles: n = W,
+  styles: n = $,
   initialRoleID: i
 }) {
   const [o, l] = H.useState(!1), s = () => l(!0), c = () => l(!1);
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
       opened: o,
@@ -1576,7 +1567,7 @@ function Pt({
       onDragStart: (p) => {
         p.stopPropagation();
       },
-      children: /* @__PURE__ */ r(Rt, {
+      children: /* @__PURE__ */ r(Pt, {
         postSubmit: () => {
           t(), c();
         },
@@ -1586,18 +1577,18 @@ function Pt({
     }), /* @__PURE__ */ r(T, {
       size: n.button.size,
       onClick: s,
-      leftIcon: /* @__PURE__ */ r(xe, {
+      leftIcon: /* @__PURE__ */ r(De, {
         size: 20
       }),
       children: "Add an Account"
     })]
   });
 }
-function Et({
+function Ct({
   id: t,
   name: n,
   onSuccess: i,
-  styles: o = W
+  styles: o = $
 }) {
   const l = fe(), s = async () => {
     if (!!t) {
@@ -1608,14 +1599,14 @@ function Et({
         loading: !0
       });
       try {
-        await j.account.delete(t), x({
+        await j.account.delete(t), k({
           id: "for-deleting",
           title: "Successful",
           message: `Account [${n}] is deleted`,
           color: "green"
         }), i();
       } catch (d) {
-        x({
+        k({
           id: "for-deleting",
           title: "Failed",
           message: d.message,
@@ -1636,19 +1627,19 @@ function Et({
     size: o.button.size,
     color: "red",
     onClick: c,
-    leftIcon: /* @__PURE__ */ r(De, {
+    leftIcon: /* @__PURE__ */ r(je, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function Ct({
+function Tt({
   id: t,
   name: n,
   email: i,
   role_id: o,
   postSubmit: l,
-  styles: s = W
+  styles: s = $
 }) {
   const {
     control: c,
@@ -1662,12 +1653,12 @@ function Ct({
       reset_password: !1,
       new_password: ""
     }
-  }), b = async ({
+  }), v = async ({
     name: f,
     email: z,
     role_id: q,
-    reset_password: $,
-    new_password: he
+    reset_password: W,
+    new_password: me
   }) => {
     try {
       V({
@@ -1680,27 +1671,27 @@ function Ct({
         name: f,
         email: z,
         role_id: q,
-        reset_password: $,
-        new_password: he
-      }), x({
+        reset_password: W,
+        new_password: me
+      }), k({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
         color: "green"
       }), l();
     } catch (U) {
-      x({
+      k({
         id: "for-updating",
         title: "Failed",
         message: U.message,
         color: "red"
       });
     }
-  }, [S, m] = p(["reset_password", "new_password"]);
+  }, [S, h] = p(["reset_password", "new_password"]);
   return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
-      onSubmit: d(b),
+    children: /* @__PURE__ */ b("form", {
+      onSubmit: d(v),
       children: [/* @__PURE__ */ r(R, {
         name: "name",
         control: c,
@@ -1730,7 +1721,7 @@ function Ct({
         control: c,
         render: ({
           field: f
-        }) => /* @__PURE__ */ r(je, {
+        }) => /* @__PURE__ */ r(Ie, {
           styles: s,
           ...f
         })
@@ -1782,15 +1773,15 @@ function Ct({
     })
   });
 }
-function Tt({
+function zt({
   account: t,
   onSuccess: n,
-  styles: i = W
+  styles: i = $
 }) {
   const [o, l] = H.useState(!1), s = () => l(!0), c = () => l(!1), d = () => {
     n(), c();
   };
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
       opened: o,
@@ -1800,7 +1791,7 @@ function Tt({
       onDragStart: (p) => {
         p.stopPropagation();
       },
-      children: /* @__PURE__ */ r(Ct, {
+      children: /* @__PURE__ */ r(Tt, {
         ...t,
         postSubmit: d,
         styles: i
@@ -1815,11 +1806,11 @@ function Tt({
     })]
   });
 }
-function $t({
-  styles: t = W,
+function Yt({
+  styles: t = $,
   config: n
 }) {
-  var b, S;
+  var v, S;
   pe(n);
   const {
     data: i = [],
@@ -1827,9 +1818,9 @@ function $t({
     refresh: l
   } = G(async () => {
     const {
-      data: m
+      data: h
     } = await j.account.list();
-    return m;
+    return h;
   }, {
     refreshDeps: []
   }), {
@@ -1842,32 +1833,32 @@ function $t({
     disabled: f.id === 50
   })), {
     refreshDeps: []
-  }), d = ur(() => s.reduce((m, f) => (m.set(f.value, f.label), m), /* @__PURE__ */ new Map()), [s]), p = (m) => {
+  }), d = ur(() => s.reduce((h, f) => (h.set(f.value, f.label), h), /* @__PURE__ */ new Map()), [s]), p = (h) => {
     var f;
-    return (f = d.get(m)) != null ? f : m;
+    return (f = d.get(h)) != null ? f : h;
   };
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(O, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(Pt, {
+      children: /* @__PURE__ */ r(Et, {
         onSuccess: l,
-        initialRoleID: (S = (b = s == null ? void 0 : s[0]) == null ? void 0 : b.value) != null ? S : 0
+        initialRoleID: (S = (v = s == null ? void 0 : s[0]) == null ? void 0 : v.value) != null ? S : 0
       })
-    }), /* @__PURE__ */ v(F, {
+    }), /* @__PURE__ */ b(F, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
       children: [/* @__PURE__ */ r(Oe, {
         visible: o || c
-      }), /* @__PURE__ */ v(ke, {
+      }), /* @__PURE__ */ b(Ae, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
         fontSize: t.size,
         highlightOnHover: !0,
         children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ v("tr", {
+          children: /* @__PURE__ */ b("tr", {
             children: [/* @__PURE__ */ r("th", {
               children: "Username"
             }), /* @__PURE__ */ r("th", {
@@ -1879,14 +1870,14 @@ function $t({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: i.map((m) => {
+          children: i.map((h) => {
             const {
               id: f,
               name: z,
               email: q,
-              role_id: $
-            } = m;
-            return /* @__PURE__ */ v("tr", {
+              role_id: W
+            } = h;
+            return /* @__PURE__ */ b("tr", {
               children: [/* @__PURE__ */ r("td", {
                 width: 200,
                 children: z
@@ -1895,15 +1886,15 @@ function $t({
                 children: q
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: p($)
+                children: p(W)
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: /* @__PURE__ */ v(O, {
+                children: /* @__PURE__ */ b(O, {
                   position: "left",
-                  children: [/* @__PURE__ */ r(Tt, {
-                    account: m,
+                  children: [/* @__PURE__ */ r(zt, {
+                    account: h,
                     onSuccess: l
-                  }), /* @__PURE__ */ r(Et, {
+                  }), /* @__PURE__ */ r(Ct, {
                     id: f,
                     name: z,
                     onSuccess: l
@@ -1917,9 +1908,9 @@ function $t({
     })]
   });
 }
-function zt({
+function Ot({
   postSubmit: t,
-  styles: n = W
+  styles: n = $
 }) {
   const {
     control: i,
@@ -1932,7 +1923,7 @@ function zt({
   });
   return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
+    children: /* @__PURE__ */ b("form", {
       onSubmit: o(async ({
         name: s,
         password: c
@@ -1945,14 +1936,14 @@ function zt({
             loading: !0
           });
           const d = await j.account.login(s, c);
-          window.localStorage.setItem("token", d.token), x({
+          window.localStorage.setItem("token", d.token), k({
             id: "for-login",
             title: "Successful",
             message: "Logged in",
             color: "green"
           }), t(d);
         } catch (d) {
-          x({
+          k({
             id: "for-login",
             title: "Login Failed",
             message: d.message,
@@ -1996,8 +1987,8 @@ function zt({
     })
   });
 }
-function Yt({
-  styles: t = W,
+function Kt({
+  styles: t = $,
   config: n,
   onSuccess: i
 }) {
@@ -2007,23 +1998,23 @@ function Yt({
       sx: {
         position: "relative"
       },
-      children: /* @__PURE__ */ r(zt, {
+      children: /* @__PURE__ */ r(Ot, {
         styles: t,
         postSubmit: i
       })
     })
   });
 }
-const me = {
+const he = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function Ot({
+function At({
   postSubmit: t,
-  styles: n = me,
+  styles: n = he,
   initialRoleID: i
 }) {
   const {
@@ -2037,7 +2028,7 @@ function Ot({
   });
   return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
+    children: /* @__PURE__ */ b("form", {
       onSubmit: l(async ({
         name: c,
         role_id: d
@@ -2051,16 +2042,16 @@ function Ot({
           });
           const {
             app_id: p,
-            app_secret: b
+            app_secret: v
           } = await j.api_key.create(c, d);
-          x({
+          k({
             id: "for-creating",
             title: "Successful",
             message: "API Key is added",
             color: "green"
-          }), t(p, b);
+          }), t(p, v);
         } catch (p) {
-          x({
+          k({
             id: "for-creating",
             title: "Failed",
             message: p.message,
@@ -2085,7 +2076,7 @@ function Ot({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ r(je, {
+        }) => /* @__PURE__ */ r(Ie, {
           styles: n,
           ...c
         })
@@ -2101,32 +2092,32 @@ function Ot({
     })
   });
 }
-function kt({
+function xt({
   onSuccess: t,
-  styles: n = me,
+  styles: n = he,
   initialRoleID: i
 }) {
   const o = fe(), [l, s] = H.useState(!1), c = () => s(!0), d = () => s(!1);
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
       opened: l,
       onClose: () => s(!1),
       title: "Add an API Key",
       trapFocus: !0,
-      onDragStart: (b) => {
-        b.stopPropagation();
+      onDragStart: (v) => {
+        v.stopPropagation();
       },
-      children: /* @__PURE__ */ r(Ot, {
-        postSubmit: (b, S) => {
+      children: /* @__PURE__ */ r(At, {
+        postSubmit: (v, S) => {
           d(), o.openModal({
             title: "API Key is generated",
-            children: /* @__PURE__ */ v(ze, {
+            children: /* @__PURE__ */ b(ze, {
               children: [/* @__PURE__ */ r(ue, {
                 color: "dimmed",
                 children: "Make sure you save it - you won't be able to access it again."
               }), /* @__PURE__ */ r(D, {
-                defaultValue: b,
+                defaultValue: v,
                 disabled: !0,
                 label: "APP ID",
                 styles: {
@@ -2162,18 +2153,18 @@ function kt({
     }), /* @__PURE__ */ r(T, {
       size: n.button.size,
       onClick: c,
-      leftIcon: /* @__PURE__ */ r(xe, {
+      leftIcon: /* @__PURE__ */ r(De, {
         size: 20
       }),
       children: "Add an API Key"
     })]
   });
 }
-function At({
+function kt({
   id: t,
   name: n,
   onSuccess: i,
-  styles: o = me
+  styles: o = he
 }) {
   const l = fe(), s = async () => {
     if (!!t) {
@@ -2184,14 +2175,14 @@ function At({
         loading: !0
       });
       try {
-        await j.api_key.delete(t), x({
+        await j.api_key.delete(t), k({
           id: "for-deleting",
           title: "Successful",
           message: `API Key [${n}] is deleted`,
           color: "green"
         }), i();
       } catch (d) {
-        x({
+        k({
           id: "for-deleting",
           title: "Failed",
           message: d.message,
@@ -2212,17 +2203,17 @@ function At({
     size: o.button.size,
     color: "red",
     onClick: c,
-    leftIcon: /* @__PURE__ */ r(De, {
+    leftIcon: /* @__PURE__ */ r(je, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function Kt({
-  styles: t = me,
+function Bt({
+  styles: t = he,
   config: n
 }) {
-  var b, S;
+  var v, S;
   pe(n);
   const {
     data: i = [],
@@ -2230,9 +2221,9 @@ function Kt({
     refresh: l
   } = G(async () => {
     const {
-      data: m
+      data: h
     } = await j.api_key.list();
-    return m;
+    return h;
   }, {
     refreshDeps: []
   }), {
@@ -2245,32 +2236,32 @@ function Kt({
     disabled: f.id === 50
   })), {
     refreshDeps: []
-  }), d = ur(() => s.reduce((m, f) => (m.set(f.value, f.label), m), /* @__PURE__ */ new Map()), [s]), p = (m) => {
+  }), d = ur(() => s.reduce((h, f) => (h.set(f.value, f.label), h), /* @__PURE__ */ new Map()), [s]), p = (h) => {
     var f;
-    return (f = d.get(m)) != null ? f : m;
+    return (f = d.get(h)) != null ? f : h;
   };
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(O, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(kt, {
+      children: /* @__PURE__ */ r(xt, {
         onSuccess: l,
-        initialRoleID: (S = (b = s == null ? void 0 : s[0]) == null ? void 0 : b.value) != null ? S : 0
+        initialRoleID: (S = (v = s == null ? void 0 : s[0]) == null ? void 0 : v.value) != null ? S : 0
       })
-    }), /* @__PURE__ */ v(F, {
+    }), /* @__PURE__ */ b(F, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
       children: [/* @__PURE__ */ r(Oe, {
         visible: o || c
-      }), /* @__PURE__ */ v(ke, {
+      }), /* @__PURE__ */ b(Ae, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
         fontSize: t.size,
         highlightOnHover: !0,
         children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ v("tr", {
+          children: /* @__PURE__ */ b("tr", {
             children: [/* @__PURE__ */ r("th", {
               children: "Name"
             }), /* @__PURE__ */ r("th", {
@@ -2282,14 +2273,14 @@ function Kt({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: i.map((m) => {
+          children: i.map((h) => {
             const {
               id: f,
               name: z,
               app_id: q,
-              role_id: $
-            } = m;
-            return /* @__PURE__ */ v("tr", {
+              role_id: W
+            } = h;
+            return /* @__PURE__ */ b("tr", {
               children: [/* @__PURE__ */ r("td", {
                 width: 200,
                 children: z
@@ -2298,12 +2289,12 @@ function Kt({
                 children: q
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: p($)
+                children: p(W)
               }), /* @__PURE__ */ r("td", {
                 width: 200,
                 children: /* @__PURE__ */ r(O, {
                   position: "left",
-                  children: /* @__PURE__ */ r(At, {
+                  children: /* @__PURE__ */ r(kt, {
                     id: f,
                     name: z,
                     onSuccess: l
@@ -2317,17 +2308,17 @@ function Kt({
     })]
   });
 }
-const Bt = () => import("./package.7438fb39.mjs").then(({ version: t }) => (console.log(`[@devtable/dashboard] version: ${t}`), t));
+const Gt = () => import("./package.0e12772e.mjs").then(({ version: t }) => (console.log(`[@devtable/dashboard] version: ${t}`), t));
 export {
-  Kt as APIKeyList,
-  $t as AccountList,
-  kt as AddAPIKey,
-  Pt as AddAccount,
-  vt as AddDataSource,
+  Bt as APIKeyList,
+  Yt as AccountList,
+  xt as AddAPIKey,
+  Et as AddAccount,
+  mt as AddDataSource,
   Wt as DataSourceList,
-  At as DeleteAPIKey,
-  Et as DeleteAccount,
-  _t as DeleteDataSource,
-  Yt as Login,
-  Bt as getVersion
+  kt as DeleteAPIKey,
+  Ct as DeleteAccount,
+  yt as DeleteDataSource,
+  Kt as Login,
+  Gt as getVersion
 };