@devtable/dashboard 5.8.1 → 5.8.2

package/dist/dashboard.es.js

@@ -1,12 +1,12 @@
 var Za = Object.defineProperty;
 var es = (e, t, n) => t in e ? Za(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var $ = (e, t, n) => (es(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { Box as q, Text as x, Button as B, Checkbox as ft, MultiSelect as Jn, Select as L, TextInput as E, Group as y, Stack as _, JsonInput as Vo, ActionIcon as A, AppShell as tn, LoadingOverlay as Et, Table as nn, Tooltip as gt, Tabs as k, Textarea as Xn, Modal as Le, Divider as ne, SimpleGrid as ts, NumberInput as Pe, Menu as xe, Paper as ns, Code as oo, Switch as Ge, useMantineTheme as rs, ColorInput as os, ColorSwatch as io, Slider as Mo, Accordion as G, SegmentedControl as is, createStyles as Kn, Popover as Dn, Badge as as } from "@mantine/core";
+import { Box as q, Text as x, Button as B, Checkbox as ft, MultiSelect as Jn, Select as L, TextInput as E, Group as y, Stack as R, JsonInput as Vo, ActionIcon as A, AppShell as tn, LoadingOverlay as Et, Table as nn, Tooltip as gt, Tabs as k, Textarea as Xn, Modal as Le, Divider as te, SimpleGrid as ts, NumberInput as Pe, Menu as xe, Paper as ns, Code as oo, Switch as Ge, useMantineTheme as rs, ColorInput as os, ColorSwatch as io, Slider as Mo, Accordion as G, SegmentedControl as is, createStyles as Kn, Popover as Dn, Badge as as } from "@mantine/core";
 import { useModals as ss, ModalsProvider as ko } from "@mantine/modals";
 import { useCreation as et, usePrevious as ls, useRequest as ct, useBoolean as At, useAsyncEffect as Ot, useLatest as ao } from "ahooks";
 import { observer as I } from "mobx-react-lite";
 import * as so from "react";
-import R, { useEffect as ee, createContext as Fo, useState as he, useMemo as T, forwardRef as Zn, createElement as rn, useCallback as kt, useContext as Be, useRef as cs } from "react";
+import w, { useEffect as ee, createContext as Fo, useState as he, useMemo as T, forwardRef as Zn, createElement as rn, useCallback as kt, useContext as Be, useRef as cs } from "react";
 import X, { get as Q, isFunction as us, omit as on, values as $o, unset as ds, isObject as Eo, set as Ao, orderBy as gs, last as ps, defaults as le, minBy as fs, maxBy as Oo, isEqual as Ce, groupBy as Ee, cloneDeep as zo, defaultsDeep as He, merge as Po, isEmpty as To, noop as hs, findLastIndex as ms, isNumber as vs, isString as Lo, range as bs, template as No, cloneDeepWith as ys, throttle as xs, pick as qo } from "lodash";
 import { useForm as We, useWatch as Cs, Controller as D, useFieldArray as Ae } from "react-hook-form";
 import { DateRangePicker as ws } from "@mantine/dates";
@@ -130,7 +130,7 @@ function tl() {
   if (uo)
     return St;
   uo = 1;
-  var e = R, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = w, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
   function s(l, c, g) {
     var u, f = {}, p = null, m = null;
     g !== void 0 && (p = "" + g), c.key !== void 0 && (p = "" + c.key), c.ref !== void 0 && (m = c.ref);
@@ -156,29 +156,29 @@ var _t = {};
 var go;
 function nl() {
   return go || (go = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = R, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), b = Symbol.iterator, v = "@@iterator";
-    function w(h) {
+    var e = w, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), b = Symbol.iterator, v = "@@iterator";
+    function S(h) {
       if (h === null || typeof h != "object")
         return null;
-      var S = b && h[b] || h[v];
-      return typeof S == "function" ? S : null;
+      var _ = b && h[b] || h[v];
+      return typeof _ == "function" ? _ : null;
     }
     var M = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function F(h) {
       {
-        for (var S = arguments.length, V = new Array(S > 1 ? S - 1 : 0), O = 1; O < S; O++)
+        for (var _ = arguments.length, V = new Array(_ > 1 ? _ - 1 : 0), O = 1; O < _; O++)
           V[O - 1] = arguments[O];
         z("error", h, V);
       }
     }
-    function z(h, S, V) {
+    function z(h, _, V) {
       {
         var O = M.ReactDebugCurrentFrame, W = O.getStackAddendum();
-        W !== "" && (S += "%s", V = V.concat([W]));
+        W !== "" && (_ += "%s", V = V.concat([W]));
         var J = V.map(function(H) {
           return String(H);
         });
-        J.unshift("Warning: " + S), Function.prototype.apply.call(console[h], console, J);
+        J.unshift("Warning: " + _), Function.prototype.apply.call(console[h], console, J);
       }
     }
     var N = !1, Y = !1, pe = !1, ce = !1, Se = !1, ve;
@@ -186,11 +186,11 @@ function nl() {
     function Me(h) {
       return !!(typeof h == "string" || typeof h == "function" || h === r || h === a || Se || h === o || h === g || h === u || ce || h === m || N || Y || pe || typeof h == "object" && h !== null && (h.$$typeof === p || h.$$typeof === f || h.$$typeof === s || h.$$typeof === l || h.$$typeof === c || h.$$typeof === ve || h.getModuleId !== void 0));
     }
-    function ue(h, S, V) {
+    function ue(h, _, V) {
       var O = h.displayName;
       if (O)
         return O;
-      var W = S.displayName || S.name || "";
+      var W = _.displayName || _.name || "";
       return W !== "" ? V + "(" + W + ")" : V;
     }
     function ke(h) {
@@ -220,8 +220,8 @@ function nl() {
       if (typeof h == "object")
         switch (h.$$typeof) {
           case l:
-            var S = h;
-            return ke(S) + ".Consumer";
+            var _ = h;
+            return ke(_) + ".Consumer";
           case s:
             var V = h;
             return ke(V._context) + ".Provider";
@@ -304,7 +304,7 @@ function nl() {
       }
     }
     var bn = M.ReactCurrentDispatcher, yn;
-    function Lt(h, S, V) {
+    function Lt(h, _, V) {
       {
         if (yn === void 0)
           try {
@@ -322,7 +322,7 @@ function nl() {
       var ka = typeof WeakMap == "function" ? WeakMap : Map;
       Nt = new ka();
     }
-    function Br(h, S) {
+    function Br(h, _) {
       if (!h || xn)
         return "";
       {
@@ -337,7 +337,7 @@ function nl() {
       var J;
       J = bn.current, bn.current = null, Va();
       try {
-        if (S) {
+        if (_) {
           var H = function() {
             throw Error();
           };
@@ -393,14 +393,14 @@ function nl() {
       var dt = h ? h.displayName || h.name : "", ro = dt ? Lt(dt) : "";
       return typeof h == "function" && Nt.set(h, ro), ro;
     }
-    function Fa(h, S, V) {
+    function Fa(h, _, V) {
       return Br(h, !1);
     }
     function $a(h) {
-      var S = h.prototype;
-      return !!(S && S.isReactComponent);
+      var _ = h.prototype;
+      return !!(_ && _.isReactComponent);
     }
-    function qt(h, S, V) {
+    function qt(h, _, V) {
       if (h == null)
         return "";
       if (typeof h == "function")
@@ -418,11 +418,11 @@ function nl() {
           case c:
             return Fa(h.render);
           case f:
-            return qt(h.type, S, V);
+            return qt(h.type, _, V);
           case p: {
             var O = h, W = O._payload, J = O._init;
             try {
-              return qt(J(W), S, V);
+              return qt(J(W), _, V);
             } catch {
             }
           }
@@ -432,12 +432,12 @@ function nl() {
     var jt = Object.prototype.hasOwnProperty, Hr = {}, Wr = M.ReactDebugCurrentFrame;
     function Gt(h) {
       if (h) {
-        var S = h._owner, V = qt(h.type, h._source, S ? S.type : null);
+        var _ = h._owner, V = qt(h.type, h._source, _ ? _.type : null);
         Wr.setExtraStackFrame(V);
       } else
         Wr.setExtraStackFrame(null);
     }
-    function Ea(h, S, V, O, W) {
+    function Ea(h, _, V, O, W) {
       {
         var J = Function.call.bind(jt);
         for (var H in h)
@@ -448,7 +448,7 @@ function nl() {
                 var fe = Error((O || "React class") + ": " + V + " type `" + H + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof h[H] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw fe.name = "Invariant Violation", fe;
               }
-              j = h[H](S, H, O, V, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              j = h[H](_, H, O, V, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (oe) {
               j = oe;
             }
@@ -462,7 +462,7 @@ function nl() {
     }
     function Oa(h) {
       {
-        var S = typeof Symbol == "function" && Symbol.toStringTag, V = S && h[Symbol.toStringTag] || h.constructor.name || "Object";
+        var _ = typeof Symbol == "function" && Symbol.toStringTag, V = _ && h[Symbol.toStringTag] || h.constructor.name || "Object";
         return V;
       }
     }
@@ -489,30 +489,30 @@ function nl() {
     wn = {};
     function Ta(h) {
       if (jt.call(h, "ref")) {
-        var S = Object.getOwnPropertyDescriptor(h, "ref").get;
-        if (S && S.isReactWarning)
+        var _ = Object.getOwnPropertyDescriptor(h, "ref").get;
+        if (_ && _.isReactWarning)
           return !1;
       }
       return h.ref !== void 0;
     }
     function La(h) {
       if (jt.call(h, "key")) {
-        var S = Object.getOwnPropertyDescriptor(h, "key").get;
-        if (S && S.isReactWarning)
+        var _ = Object.getOwnPropertyDescriptor(h, "key").get;
+        if (_ && _.isReactWarning)
           return !1;
       }
       return h.key !== void 0;
     }
-    function Na(h, S) {
-      if (typeof h.ref == "string" && Ct.current && S && Ct.current.stateNode !== S) {
+    function Na(h, _) {
+      if (typeof h.ref == "string" && Ct.current && _ && Ct.current.stateNode !== _) {
         var V = be(Ct.current.type);
         wn[V] || (F('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', be(Ct.current.type), h.ref), wn[V] = !0);
       }
     }
-    function qa(h, S) {
+    function qa(h, _) {
       {
         var V = function() {
-          Qr || (Qr = !0, F("%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)", S));
+          Qr || (Qr = !0, F("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", _));
         };
         V.isReactWarning = !0, Object.defineProperty(h, "key", {
           get: V,
@@ -520,10 +520,10 @@ function nl() {
         });
       }
     }
-    function ja(h, S) {
+    function ja(h, _) {
       {
         var V = function() {
-          Jr || (Jr = !0, F("%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)", S));
+          Jr || (Jr = !0, F("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", _));
         };
         V.isReactWarning = !0, Object.defineProperty(h, "ref", {
           get: V,
@@ -531,11 +531,11 @@ function nl() {
         });
       }
     }
-    var Ga = function(h, S, V, O, W, J, H) {
+    var Ga = function(h, _, V, O, W, J, H) {
       var j = {
         $$typeof: t,
         type: h,
-        key: S,
+        key: _,
         ref: V,
         props: H,
         _owner: J
@@ -557,12 +557,12 @@ function nl() {
         value: W
       }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function Ba(h, S, V, O, W) {
+    function Ba(h, _, V, O, W) {
       {
         var J, H = {}, j = null, fe = null;
-        V !== void 0 && (Yr(V), j = "" + V), La(S) && (Yr(S.key), j = "" + S.key), Ta(S) && (fe = S.ref, Na(S, W));
-        for (J in S)
-          jt.call(S, J) && !Pa.hasOwnProperty(J) && (H[J] = S[J]);
+        V !== void 0 && (Yr(V), j = "" + V), La(_) && (Yr(_.key), j = "" + _.key), Ta(_) && (fe = _.ref, Na(_, W));
+        for (J in _)
+          jt.call(_, J) && !Pa.hasOwnProperty(J) && (H[J] = _[J]);
         if (h && h.defaultProps) {
           var oe = h.defaultProps;
           for (J in oe)
@@ -578,7 +578,7 @@ function nl() {
     var Sn = M.ReactCurrentOwner, Xr = M.ReactDebugCurrentFrame;
     function ut(h) {
       if (h) {
-        var S = h._owner, V = qt(h.type, h._source, S ? S.type : null);
+        var _ = h._owner, V = qt(h.type, h._source, _ ? _.type : null);
         Xr.setExtraStackFrame(V);
       } else
         Xr.setExtraStackFrame(null);
@@ -603,10 +603,10 @@ Check the render method of \`` + h + "`.";
     function Ha(h) {
       {
         if (h !== void 0) {
-          var S = h.fileName.replace(/^.*[\\\/]/, ""), V = h.lineNumber;
+          var _ = h.fileName.replace(/^.*[\\\/]/, ""), V = h.lineNumber;
           return `
 
-Check your code at ` + S + ":" + V + ".";
+Check your code at ` + _ + ":" + V + ".";
         }
         return "";
       }
@@ -614,22 +614,22 @@ Check your code at ` + S + ":" + V + ".";
     var Zr = {};
     function Wa(h) {
       {
-        var S = Kr();
-        if (!S) {
+        var _ = Kr();
+        if (!_) {
           var V = typeof h == "string" ? h : h.displayName || h.name;
-          V && (S = `
+          V && (_ = `
 
 Check the top-level render call using <` + V + ">.");
         }
-        return S;
+        return _;
       }
     }
-    function eo(h, S) {
+    function eo(h, _) {
       {
         if (!h._store || h._store.validated || h.key != null)
           return;
         h._store.validated = !0;
-        var V = Wa(S);
+        var V = Wa(_);
         if (Zr[V])
           return;
         Zr[V] = !0;
@@ -637,52 +637,52 @@ Check the top-level render call using <` + V + ">.");
         h && h._owner && h._owner !== Sn.current && (O = " It was passed a child from " + be(h._owner.type) + "."), ut(h), F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', V, O), ut(null);
       }
     }
-    function to(h, S) {
+    function to(h, _) {
       {
         if (typeof h != "object")
           return;
         if (Cn(h))
           for (var V = 0; V < h.length; V++) {
             var O = h[V];
-            Rn(O) && eo(O, S);
+            Rn(O) && eo(O, _);
           }
         else if (Rn(h))
           h._store && (h._store.validated = !0);
         else if (h) {
-          var W = w(h);
+          var W = S(h);
           if (typeof W == "function" && W !== h.entries)
             for (var J = W.call(h), H; !(H = J.next()).done; )
-              Rn(H.value) && eo(H.value, S);
+              Rn(H.value) && eo(H.value, _);
         }
       }
     }
     function Ua(h) {
       {
-        var S = h.type;
-        if (S == null || typeof S == "string")
+        var _ = h.type;
+        if (_ == null || typeof _ == "string")
           return;
         var V;
-        if (typeof S == "function")
-          V = S.propTypes;
-        else if (typeof S == "object" && (S.$$typeof === c || S.$$typeof === f))
-          V = S.propTypes;
+        if (typeof _ == "function")
+          V = _.propTypes;
+        else if (typeof _ == "object" && (_.$$typeof === c || _.$$typeof === f))
+          V = _.propTypes;
         else
           return;
         if (V) {
-          var O = be(S);
+          var O = be(_);
           Ea(V, h.props, "prop", O, h);
-        } else if (S.PropTypes !== void 0 && !_n) {
+        } else if (_.PropTypes !== void 0 && !_n) {
           _n = !0;
-          var W = be(S);
+          var W = be(_);
           F("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", W || "Unknown");
         }
-        typeof S.getDefaultProps == "function" && !S.getDefaultProps.isReactClassApproved && F("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof _.getDefaultProps == "function" && !_.getDefaultProps.isReactClassApproved && F("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Ya(h) {
       {
-        for (var S = Object.keys(h.props), V = 0; V < S.length; V++) {
-          var O = S[V];
+        for (var _ = Object.keys(h.props), V = 0; V < _.length; V++) {
+          var O = _[V];
           if (O !== "children" && O !== "key") {
             ut(h), F("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", O), ut(null);
             break;
@@ -691,7 +691,7 @@ Check the top-level render call using <` + V + ">.");
         h.ref !== null && (ut(h), F("Invalid attribute `ref` supplied to `React.Fragment`."), ut(null));
       }
     }
-    function no(h, S, V, O, W, J) {
+    function no(h, _, V, O, W, J) {
       {
         var H = Me(h);
         if (!H) {
@@ -702,11 +702,11 @@ Check the top-level render call using <` + V + ">.");
           var oe;
           h === null ? oe = "null" : Cn(h) ? oe = "array" : h !== void 0 && h.$$typeof === t ? (oe = "<" + (be(h.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : oe = typeof h, F("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", oe, j);
         }
-        var ae = Ba(h, S, V, W, J);
+        var ae = Ba(h, _, V, W, J);
         if (ae == null)
           return ae;
         if (H) {
-          var _e = S.children;
+          var _e = _.children;
           if (_e !== void 0)
             if (O)
               if (Cn(_e)) {
@@ -721,11 +721,11 @@ Check the top-level render call using <` + V + ">.");
         return h === r ? Ya(ae) : Ua(ae), ae;
       }
     }
-    function Qa(h, S, V) {
-      return no(h, S, V, !0);
+    function Qa(h, _, V) {
+      return no(h, _, V, !0);
     }
-    function Ja(h, S, V) {
-      return no(h, S, V, !1);
+    function Ja(h, _, V) {
+      return no(h, _, V, !1);
     }
     var Xa = Ja, Ka = Qa;
     _t.Fragment = r, _t.jsx = Xa, _t.jsxs = Ka;
@@ -734,28 +734,28 @@ Check the top-level render call using <` + V + ">.");
 (function(e) {
   process.env.NODE_ENV === "production" ? e.exports = tl() : e.exports = nl();
 })(cn);
-const te = cn.exports.Fragment, i = cn.exports.jsx, d = cn.exports.jsxs, Tn = Fo(null);
+const re = cn.exports.Fragment, i = cn.exports.jsx, d = cn.exports.jsxs, Tn = Fo(null);
 function ir(e) {
-  const t = R.useContext(Tn), n = et(() => e.configure(t || new or()), [e.configure]), r = ls(n);
+  const t = w.useContext(Tn), n = et(() => e.configure(t || new or()), [e.configure]), r = ls(n);
   return r && r !== n && r.dispose(), /* @__PURE__ */ i(Tn.Provider, {
     value: n,
     children: e.children
   });
 }
 function ai() {
-  return R.useContext(Tn);
+  return w.useContext(Tn);
 }
 const rl = {
   viewPanelInFullScreen: X.noop,
   inFullScreen: !1
-}, ar = R.createContext(rl), si = R.createContext(null), li = si.Provider;
+}, ar = w.createContext(rl), si = w.createContext(null), li = si.Provider;
 function K() {
-  const e = R.useContext(si);
+  const e = w.useContext(si);
   if (!e)
     throw new Error("Please use ModelContextProvider");
   return e;
 }
-class ht extends R.Component {
+class ht extends w.Component {
   constructor(t) {
     super(t), this.state = {
       error: null
@@ -851,13 +851,13 @@ const ci = I(({
   freezeLayout: X.noop,
   inEditMode: !1,
   inUseMode: !0
-}, Ne = R.createContext(il), ui = R.createContext({
+}, Ne = w.createContext(il), ui = w.createContext({
   panel: null,
   data: [],
   loading: !1
 }), al = ui.Provider;
 function me() {
-  const e = R.useContext(ui);
+  const e = w.useContext(ui);
   if (!e.panel)
     throw new Error("Please use PanelContextProvider");
   return e;
@@ -1126,7 +1126,7 @@ const hl = I(({
     default:
       return null;
   }
-}), pi = I(R.forwardRef(({
+}), pi = I(w.forwardRef(({
   filter: e,
   ...t
 }, n) => /* @__PURE__ */ i("div", {
@@ -1251,11 +1251,11 @@ var un = { exports: {} };
         return r(g, u, f);
       var m = g.type === "application/octet-stream", b = /constructor/i.test(s.HTMLElement) || s.safari, v = /CriOS\/[\d]+/.test(navigator.userAgent);
       if ((v || m && b || l) && typeof FileReader < "u") {
-        var w = new FileReader();
-        w.onloadend = function() {
-          var z = w.result;
+        var S = new FileReader();
+        S.onloadend = function() {
+          var z = S.result;
           z = v ? z : z.replace(/^data:[^;]*;/, "data:attachment/file;"), p ? p.location.href = z : location = z, p = null;
-        }, w.readAsDataURL(g);
+        }, S.readAsDataURL(g);
       } else {
         var M = s.URL || s.webkitURL, F = M.createObjectURL(g);
         p ? p.location = F : location.href = F, p = null, setTimeout(function() {
@@ -1318,7 +1318,7 @@ WHERE
     };
     return t && (s.sql_snippets = r.sqlSnippets.record), JSON.stringify(s, null, 2);
   })();
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     sx: {
       border: "1px solid #eee",
       maxWidth: "40%",
@@ -1338,7 +1338,7 @@ WHERE
         weight: 500,
         children: "Global Variables"
       })
-    }), /* @__PURE__ */ d(_, {
+    }), /* @__PURE__ */ d(R, {
       px: "md",
       pb: "md",
       sx: {
@@ -1387,7 +1387,7 @@ WHERE
       return !1;
     }
   }, [n, t.mock_context.current]);
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     sx: {
       border: "1px solid #eee",
       flexGrow: 1,
@@ -1415,7 +1415,7 @@ WHERE
         flexGrow: 1,
         position: "relative"
       },
-      children: [/* @__PURE__ */ d(_, {
+      children: [/* @__PURE__ */ d(R, {
         spacing: 10,
         sx: {
           maxWidth: "unset !important"
@@ -1523,7 +1523,7 @@ const mi = I(function({
   } = n.getDataStuffByID(t), a = o === "loading", s = () => {
     n.queries.refetchDataByQueryID(t);
   };
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: "xl",
     sx: {
       border: "1px solid #eee"
@@ -1670,7 +1670,7 @@ const Fl = (e) => {
 }, $l = I(Fl), bi = I(({
   value: e
 }) => {
-  const t = K(), n = t.context.current, r = R.useMemo(() => di(e, n, t.mock_context.current, t.sqlSnippets.current, t.filters.values), [e, n, t.mock_context.current, t.sqlSnippets.current, t.filters.values]);
+  const t = K(), n = t.context.current, r = w.useMemo(() => di(e, n, t.mock_context.current, t.sqlSnippets.current, t.filters.values), [e, n, t.mock_context.current, t.sqlSnippets.current, t.filters.values]);
   return /* @__PURE__ */ i(Te, {
     language: "sql",
     colorScheme: "light",
@@ -1680,12 +1680,12 @@ const Fl = (e) => {
   queryModel: t,
   setCurrentID: n
 }) {
-  const r = R.useRef(t.id), [o, a] = R.useState(r.current);
-  R.useEffect(() => {
+  const r = w.useRef(t.id), [o, a] = w.useState(r.current);
+  w.useEffect(() => {
     r.current !== t.id && (a(t.id), r.current = t.id);
   }, [r, t.id]);
-  const [s, l] = R.useState(t.sql);
-  R.useEffect(() => {
+  const [s, l] = w.useState(t.sql);
+  w.useEffect(() => {
     l((f) => f !== t.sql ? t.sql : f);
   }, [t.sql]);
   const c = s !== t.sql, g = () => {
@@ -1693,7 +1693,7 @@ const Fl = (e) => {
   }, u = () => {
     n(o), t.setID(o);
   };
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     sx: {
       border: "1px solid #eee",
       flexGrow: 1
@@ -1712,7 +1712,7 @@ const Fl = (e) => {
       }), /* @__PURE__ */ i($l, {
         queryModel: t
       })]
-    }), /* @__PURE__ */ d(_, {
+    }), /* @__PURE__ */ d(R, {
       my: 0,
       p: "md",
       pr: 40,
@@ -1807,7 +1807,7 @@ const Fl = (e) => {
   id: t,
   setID: n
 }) {
-  const r = K(), o = R.useMemo(() => r.queries.findByID(t), [r.queries, t]);
+  const r = K(), o = w.useMemo(() => r.queries.findByID(t), [r.queries, t]);
   return t ? o ? /* @__PURE__ */ i(El, {
     queryModel: o,
     setCurrentID: n
@@ -1824,7 +1824,7 @@ const Ol = I(function({
     var s;
     n((s = r.queries.firstID) != null ? s : "");
   };
-  R.useEffect(() => {
+  w.useEffect(() => {
     if (!t) {
       o();
       return;
@@ -1878,7 +1878,7 @@ const Ol = I(function({
     })
   });
 }), zl = I(function() {
-  const [t, n] = R.useState("");
+  const [t, n] = w.useState("");
   return /* @__PURE__ */ d(tn, {
     sx: {
       height: "90vh",
@@ -1899,7 +1899,7 @@ const Ol = I(function({
       grow: !0,
       align: "stretch",
       noWrap: !0,
-      children: [/* @__PURE__ */ d(_, {
+      children: [/* @__PURE__ */ d(R, {
         sx: {
           flexGrow: 1,
           maxWidth: "calc(60% - 16px)"
@@ -1920,7 +1920,7 @@ const Ol = I(function({
   value: e
 }) => {
   const t = K(), n = t.context.current, r = sl(e, n, t.mock_context.current, t.filters.values);
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [/* @__PURE__ */ i(x, {
       children: "Preview"
     }), /* @__PURE__ */ i(Te, {
@@ -1935,7 +1935,7 @@ const Ol = I(function({
     key: Ie(),
     value: ""
   }));
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     sx: {
       border: "1px solid #eee",
       flexGrow: 1
@@ -1957,12 +1957,12 @@ const Ol = I(function({
       px: "md",
       pb: "md",
       pt: "md",
-      children: /* @__PURE__ */ d(_, {
+      children: /* @__PURE__ */ d(R, {
         sx: {
           width: "100%",
           position: "relative"
         },
-        children: [t.sqlSnippets.current.map((r, o) => /* @__PURE__ */ d(_, {
+        children: [t.sqlSnippets.current.map((r, o) => /* @__PURE__ */ d(R, {
           my: 0,
           p: "md",
           pr: 40,
@@ -2052,8 +2052,8 @@ const Nl = I(function({
 }) {
   const {
     freezeLayout: r
-  } = R.useContext(Ne);
-  return R.useEffect(() => {
+  } = w.useContext(Ne);
+  return w.useEffect(() => {
     r(t);
   }, [t]), /* @__PURE__ */ i(Le, {
     size: "96vw",
@@ -2115,7 +2115,7 @@ const yi = C.model({
 }), ql = I(function({
   config: t
 }) {
-  return /* @__PURE__ */ i(te, {
+  return /* @__PURE__ */ i(re, {
     children: /* @__PURE__ */ i(ft, {
       checked: t.default_value,
       onChange: (n) => t.setDefaultValue(n.currentTarget.checked),
@@ -2140,7 +2140,7 @@ const yi = C.model({
 }], Gl = I(function({
   config: t
 }) {
-  return /* @__PURE__ */ d(te, {
+  return /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ d(y, {
       children: [/* @__PURE__ */ i(ft, {
         checked: t.required,
@@ -2221,7 +2221,7 @@ const Hl = I(function({
   } = ct(ul(t), {
     refreshDeps: [t]
   });
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: 0,
     children: [/* @__PURE__ */ d(y, {
       position: "apart",
@@ -2251,7 +2251,7 @@ const Hl = I(function({
   value: t,
   onChange: n
 }) {
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: 0,
     children: [/* @__PURE__ */ i(vi, {
       value: t,
@@ -2319,8 +2319,8 @@ const Hl = I(function({
       value: ""
     });
   }, r = t.static_options, o = [...r];
-  return /* @__PURE__ */ d(te, {
-    children: [/* @__PURE__ */ i(ne, {
+  return /* @__PURE__ */ d(re, {
+    children: [/* @__PURE__ */ i(te, {
       label: "Configure options",
       labelPosition: "center"
     }), r.length > 0 && /* @__PURE__ */ i(Jn, {
@@ -2378,7 +2378,7 @@ const Hl = I(function({
       },
       mx: "auto",
       children: "Add an Option"
-    }), /* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ i(te, {
       label: "Or fetch options from database",
       labelPosition: "center"
     }), /* @__PURE__ */ i(wi, {
@@ -2398,12 +2398,12 @@ const Hl = I(function({
     label: "No default selection",
     value: ""
   }, ...r];
-  return /* @__PURE__ */ d(te, {
+  return /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ i(ft, {
       checked: t.required,
       onChange: (a) => t.setRequired(a.currentTarget.checked),
       label: "Required"
-    }), /* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ i(te, {
       label: "Configure options",
       labelPosition: "center"
     }), r.length > 0 && /* @__PURE__ */ i(L, {
@@ -2461,7 +2461,7 @@ const Hl = I(function({
       },
       mx: "auto",
       children: "Add an Option"
-    }), /* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ i(te, {
       label: "Or fetch options from database",
       labelPosition: "center"
     }), /* @__PURE__ */ i(wi, {
@@ -2472,7 +2472,7 @@ const Hl = I(function({
 }), Yl = I(function({
   config: t
 }) {
-  return /* @__PURE__ */ d(te, {
+  return /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ i(E, {
       label: "Default Value",
       value: t.default_value,
@@ -2488,8 +2488,8 @@ const Hl = I(function({
 }), Ql = I(function({
   filter: t
 }) {
-  const n = t.plainDefaultValue, [r, o] = R.useState(n);
-  return R.useEffect(() => {
+  const n = t.plainDefaultValue, [r, o] = w.useState(n);
+  return w.useEffect(() => {
     o(n);
   }, [n]), /* @__PURE__ */ d(q, {
     sx: {
@@ -2540,7 +2540,7 @@ const Hl = I(function({
   filter: t,
   index: n
 }) {
-  const r = K(), o = R.useMemo(() => Jl[t.type], [t.type]);
+  const r = K(), o = w.useMemo(() => Jl[t.type], [t.type]);
   return /* @__PURE__ */ d(ts, {
     cols: 2,
     children: [/* @__PURE__ */ d(q, {
@@ -2549,7 +2549,7 @@ const Hl = I(function({
         pb: "md",
         color: "gray",
         children: "Edit"
-      }), /* @__PURE__ */ d(_, {
+      }), /* @__PURE__ */ d(R, {
         sx: {
           maxWidth: "30em"
         },
@@ -2644,7 +2644,7 @@ const Zl = I(function() {
         sx: {
           height: "100%"
         },
-        children: [/* @__PURE__ */ d(_, {
+        children: [/* @__PURE__ */ d(R, {
           sx: {
             height: "100%"
           },
@@ -2681,7 +2681,7 @@ const Zl = I(function() {
             sx: {
               height: "100%"
             },
-            children: /* @__PURE__ */ d(_, {
+            children: /* @__PURE__ */ d(R, {
               sx: {
                 height: "100%"
               },
@@ -2721,8 +2721,8 @@ const Zl = I(function() {
 }) {
   const {
     freezeLayout: r
-  } = R.useContext(Ne);
-  return R.useEffect(() => {
+  } = w.useContext(Ne);
+  return w.useEffect(() => {
     r(t);
   }, [t]), /* @__PURE__ */ i(Le, {
     size: "96vw",
@@ -2741,8 +2741,8 @@ const Zl = I(function() {
 var tc = /* @__PURE__ */ ((e) => (e.Use = "use", e.Edit = "edit", e))(tc || {}), $e = /* @__PURE__ */ ((e) => (e.Division = "div", e.Modal = "modal", e))($e || {}), nc = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(nc || {});
 const rc = I(() => {
   const t = K().views.VIE;
-  return !t || t.type !== $e.Division ? null : /* @__PURE__ */ d(_, {
-    children: [/* @__PURE__ */ i(ne, {
+  return !t || t.type !== $e.Division ? null : /* @__PURE__ */ d(R, {
+    children: [/* @__PURE__ */ i(te, {
       mt: 8,
       mb: 0,
       label: "Division settings",
@@ -2756,8 +2756,8 @@ const rc = I(() => {
   });
 }), oc = I(() => {
   const t = K().views.VIE;
-  return !t || t.type !== $e.Modal ? null : /* @__PURE__ */ d(_, {
-    children: [/* @__PURE__ */ i(ne, {
+  return !t || t.type !== $e.Modal ? null : /* @__PURE__ */ d(R, {
+    children: [/* @__PURE__ */ i(te, {
       mt: 8,
       label: "Modal settings",
       labelPosition: "center"
@@ -2776,7 +2776,7 @@ const rc = I(() => {
       })]
     })]
   });
-}), ic = I(() => /* @__PURE__ */ d(te, {
+}), ic = I(() => /* @__PURE__ */ d(re, {
   children: [/* @__PURE__ */ i(rc, {}), /* @__PURE__ */ i(oc, {})]
 })), ac = [{
   label: "Division",
@@ -2786,7 +2786,7 @@ const rc = I(() => {
   value: $e.Modal
 }], sc = I(() => {
   const t = K().views.VIE;
-  return t ? /* @__PURE__ */ d(_, {
+  return t ? /* @__PURE__ */ d(R, {
     sx: {
       position: "relative"
     },
@@ -2810,8 +2810,8 @@ const rc = I(() => {
   var o;
   const n = K(), {
     freezeLayout: r
-  } = R.useContext(Ne);
-  return R.useEffect(() => {
+  } = w.useContext(Ne);
+  return w.useEffect(() => {
     r(e);
   }, [e]), /* @__PURE__ */ i(Le, {
     size: "500px",
@@ -2944,7 +2944,7 @@ const rc = I(() => {
   }, o = () => {
     n(!1);
   };
-  return /* @__PURE__ */ d(te, {
+  return /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ i(uc, {
       value: e.views.idOfVIE,
       onChange: e.views.setIDOfVIE,
@@ -2972,7 +2972,7 @@ const rc = I(() => {
 }, Si = I(function({
   saveChanges: t
 }) {
-  const n = K(), r = R.useCallback(() => {
+  const n = K(), r = w.useCallback(() => {
     const M = n.queries.current, F = n.views.current, z = n.sqlSnippets.current, N = n.filters.current, Y = n.mock_context.current;
     return {
       filters: N,
@@ -2988,7 +2988,7 @@ const rc = I(() => {
   }, a = n.changed, {
     inEditMode: s,
     inUseMode: l
-  } = R.useContext(Ne), [c, g] = R.useState(!1), u = () => g(!0), f = () => g(!1), [p, m] = R.useState(!1), b = () => m(!0), v = () => m(!1), w = () => {
+  } = w.useContext(Ne), [c, g] = w.useState(!1), u = () => g(!0), f = () => g(!1), [p, m] = w.useState(!1), b = () => m(!0), v = () => m(!1), S = () => {
     const M = JSON.stringify(r(), null, 2);
     vl(n.name, M);
   };
@@ -3007,7 +3007,7 @@ const rc = I(() => {
           minWidth: "40px"
         }
       },
-      children: [s && /* @__PURE__ */ d(te, {
+      children: [s && /* @__PURE__ */ d(re, {
         children: [/* @__PURE__ */ i(B, {
           variant: "filled",
           size: "xs",
@@ -3092,7 +3092,7 @@ const rc = I(() => {
             icon: /* @__PURE__ */ i(Is, {
               size: 14
             }),
-            onClick: w,
+            onClick: S,
             children: "Download Schema"
           })]
         })]
@@ -3109,12 +3109,12 @@ const rc = I(() => {
 const _i = I(() => {
   const {
     freezeLayout: e
-  } = R.useContext(Ne), [t, n] = R.useState(!1), {
+  } = w.useContext(Ne), [t, n] = w.useState(!1), {
     panel: r
   } = me();
-  return R.useEffect(() => {
+  return w.useEffect(() => {
     e(t);
-  }, [t]), !r.description || r.description === "<p><br></p>" ? null : /* @__PURE__ */ d(te, {
+  }, [t]), !r.description || r.description === "<p><br></p>" ? null : /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ i(Le, {
       opened: t,
       onClose: () => n(!1),
@@ -3164,7 +3164,7 @@ const _i = I(() => {
       color: "dimmed",
       mb: "sm",
       children: t
-    }), /* @__PURE__ */ i(_, {
+    }), /* @__PURE__ */ i(R, {
       style: {
         maxHeight: "300px"
       },
@@ -3258,7 +3258,7 @@ const vc = I((e) => {
   } = e, c = et(() => new gc(o, s), [o, s]);
   return Ot(async () => {
     await c.configOperation(a, l);
-  }, [a, c]), pc(c) ? /* @__PURE__ */ d(te, {
+  }, [a, c]), pc(c) ? /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ i(fc, {
       model: c,
       onClick: n
@@ -3267,7 +3267,7 @@ const vc = I((e) => {
       onClose: r,
       title: "Operation Settings",
       closeButtonLabel: "close",
-      children: /* @__PURE__ */ d(_, {
+      children: /* @__PURE__ */ d(R, {
         children: [/* @__PURE__ */ i(mc, {
           model: c
         }), /* @__PURE__ */ i(hc, {
@@ -3354,13 +3354,13 @@ const Cc = I(({
     setTrue: n,
     setFalse: r
   }] = At(!1), o = e.model;
-  return /* @__PURE__ */ d(te, {
+  return /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ i(Le, {
       opened: t,
       onClose: r,
       title: "Setup Trigger",
       closeButtonLabel: "close setup",
-      children: /* @__PURE__ */ d(_, {
+      children: /* @__PURE__ */ d(R, {
         children: [/* @__PURE__ */ i(wc, {
           model: o
         }), /* @__PURE__ */ i(Sc, {
@@ -3614,7 +3614,7 @@ const Ic = (e) => {
   getColor: dn(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Oc = "5.8.1";
+}, Oc = "5.8.2";
 class zc {
   constructor(t) {
     $(this, "staticColors", /* @__PURE__ */ new Map());
@@ -3824,7 +3824,7 @@ function Nc({
   sx: s,
   ...l
 }, c) {
-  const g = R.useMemo(() => {
+  const g = w.useMemo(() => {
     if (!Array.isArray(o) || o.length === 0)
       return [];
     const f = Object.keys(o[0]).map((p) => ({
@@ -3847,7 +3847,7 @@ function Nc({
     ...l
   });
 }
-const re = R.forwardRef(Nc);
+const ne = w.forwardRef(Nc);
 function qc({
   context: e
 }) {
@@ -3863,7 +3863,7 @@ function qc({
   });
   return ee(() => {
     l(o);
-  }, [t]), t ? /* @__PURE__ */ i(_, {
+  }, [t]), t ? /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
     children: /* @__PURE__ */ d("form", {
@@ -3883,7 +3883,7 @@ function qc({
           control: a,
           render: ({
             field: c
-          }) => /* @__PURE__ */ i(re, {
+          }) => /* @__PURE__ */ i(ne, {
             label: "Data Field",
             required: !0,
             data: r,
@@ -3919,7 +3919,7 @@ function qc({
           control: a,
           render: ({
             field: c
-          }) => /* @__PURE__ */ i(re, {
+          }) => /* @__PURE__ */ i(ne, {
             label: "Data Field",
             required: !0,
             data: r,
@@ -3955,7 +3955,7 @@ function qc({
           control: a,
           render: ({
             field: c
-          }) => /* @__PURE__ */ i(re, {
+          }) => /* @__PURE__ */ i(ne, {
             label: "Data Field",
             required: !0,
             data: r,
@@ -4060,7 +4060,7 @@ function Bc({
       average: l.currentTarget.checked
     });
   };
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     ref: n,
     children: [/* @__PURE__ */ d(y, {
       grow: !0,
@@ -4079,7 +4079,7 @@ function Bc({
           flexGrow: 1
         }
       }), /* @__PURE__ */ i(Ge, {
-        label: /* @__PURE__ */ d(_, {
+        label: /* @__PURE__ */ d(R, {
           spacing: 0,
           children: [/* @__PURE__ */ i(x, {
             children: "Average"
@@ -4131,7 +4131,7 @@ function Bc({
           }
         }
       })]
-    }), /* @__PURE__ */ d(_, {
+    }), /* @__PURE__ */ d(R, {
       spacing: 0,
       children: [/* @__PURE__ */ i(x, {
         weight: "bold",
@@ -4163,7 +4163,7 @@ function Bc({
     })]
   });
 }
-const fr = R.forwardRef(Bc);
+const fr = w.forwardRef(Bc);
 function gn() {
   return {
     name: Ie(),
@@ -4250,20 +4250,20 @@ function Wc({
     })]
   });
 }
-const Uc = R.forwardRef(Wc);
+const Uc = w.forwardRef(Wc);
 function Yc({
   label: e,
   value: t,
   onChange: n
 }, r) {
-  const [o, a] = R.useState(Array.isArray(t) ? [...t] : []), s = R.useCallback(() => {
+  const [o, a] = w.useState(Array.isArray(t) ? [...t] : []), s = w.useCallback(() => {
     a((p) => [...p, ""]);
-  }, [a]), l = R.useCallback((p) => {
+  }, [a]), l = w.useCallback((p) => {
     a((m) => (m.splice(p, 1), [...m]));
-  }, [a]), c = R.useMemo(() => !X.isEqual(o, t), [o, t]), g = () => {
+  }, [a]), c = w.useMemo(() => !X.isEqual(o, t), [o, t]), g = () => {
     n(o.map((p) => p.toString()));
-  }, u = rs(), f = R.useMemo(() => Object.entries(u.colors).map(([p, m]) => m[6]), [u]);
-  return /* @__PURE__ */ d(te, {
+  }, u = rs(), f = w.useMemo(() => Object.entries(u.colors).map(([p, m]) => m[6]), [u]);
+  return /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ d(y, {
       position: "left",
       ref: r,
@@ -4307,18 +4307,18 @@ function Yc({
     })]
   });
 }
-const Qc = R.forwardRef(Yc);
+const Qc = w.forwardRef(Yc);
 function Jc({
   value: e,
   onChange: t
 }, n) {
   const {
     colorManager: r
-  } = Be(Ue), o = R.useMemo(() => r.getStaticColors().map((l) => ({
+  } = Be(Ue), o = w.useMemo(() => r.getStaticColors().map((l) => ({
     label: l.name,
     group: l.category,
     value: l.value
-  })), [r]), a = R.useMemo(() => o.some((s) => s.value === e), [e, o]);
+  })), [r]), a = w.useMemo(() => o.some((s) => s.value === e), [e, o]);
   return /* @__PURE__ */ d(y, {
     position: "apart",
     spacing: 4,
@@ -4358,7 +4358,7 @@ function Jc({
     })]
   });
 }
-const nt = R.forwardRef(Jc), Ht = [{
+const nt = w.forwardRef(Jc), Ht = [{
   label: "initial",
   value: 0
 }, {
@@ -4380,11 +4380,11 @@ function Xc({
   onChange: n
 }, r) {
   var s, l;
-  const [o, a] = R.useState((l = (s = Ht.find((c) => c.label === t)) == null ? void 0 : s.value) != null ? l : Ht[0].value);
-  return R.useEffect(() => {
+  const [o, a] = w.useState((l = (s = Ht.find((c) => c.label === t)) == null ? void 0 : s.value) != null ? l : Ht[0].value);
+  return w.useEffect(() => {
     const c = Ht.find((g) => g.value === o);
     c && n(c.label);
-  }, [o]), /* @__PURE__ */ d(_, {
+  }, [o]), /* @__PURE__ */ d(R, {
     spacing: 0,
     mt: "sm",
     mb: "lg",
@@ -4402,18 +4402,18 @@ function Xc({
     })]
   });
 }
-const Kc = R.forwardRef(Xc);
+const Kc = w.forwardRef(Xc);
 function Zc({
   label: e,
   value: t,
   onChange: n
 }, r) {
-  const [o, a] = R.useState(Array.isArray(t) ? [...t] : []), s = R.useCallback(() => {
+  const [o, a] = w.useState(Array.isArray(t) ? [...t] : []), s = w.useCallback(() => {
     a((u) => [...u, ""]);
-  }, [a]), l = R.useCallback((u) => {
+  }, [a]), l = w.useCallback((u) => {
     a((f) => (f.splice(u, 1), [...f]));
-  }, [a]), c = R.useMemo(() => !X.isEqual(o, t), [o, t]);
-  return /* @__PURE__ */ d(te, {
+  }, [a]), c = w.useMemo(() => !X.isEqual(o, t), [o, t]);
+  return /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ d(y, {
       position: "left",
       ref: r,
@@ -4459,7 +4459,7 @@ function Zc({
     })]
   });
 }
-const eu = R.forwardRef(Zc), tu = R.forwardRef(function({
+const eu = w.forwardRef(Zc), tu = w.forwardRef(function({
   value: t,
   onChange: n
 }, r) {
@@ -4467,12 +4467,12 @@ const eu = R.forwardRef(Zc), tu = R.forwardRef(function({
     const c = X.cloneDeep(t);
     X.set(c, s, l), n(c);
   };
-  return /* @__PURE__ */ d(te, {
-    children: [/* @__PURE__ */ i(ne, {
+  return /* @__PURE__ */ d(re, {
+    children: [/* @__PURE__ */ i(te, {
       my: "xs",
       label: "Typography",
       labelPosition: "center"
-    }), /* @__PURE__ */ i(_, {
+    }), /* @__PURE__ */ i(R, {
       children: /* @__PURE__ */ i(E, {
         label: "Font Size",
         placeholder: "10px, 1em, 1rem, 100%...",
@@ -4496,11 +4496,11 @@ const eu = R.forwardRef(Zc), tu = R.forwardRef(function({
         value: t.weight,
         onChange: (s) => a("weight", s)
       })
-    }), /* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ i(te, {
       my: "xs",
       label: "Style",
       labelPosition: "center"
-    }), /* @__PURE__ */ d(_, {
+    }), /* @__PURE__ */ d(R, {
       children: [/* @__PURE__ */ i(L, {
         label: "Color Type",
         data: [{
@@ -4515,7 +4515,7 @@ const eu = R.forwardRef(Zc), tu = R.forwardRef(function({
       }), o === "static" && /* @__PURE__ */ i(nt, {
         value: t.color.staticColor,
         onChange: (s) => a("color.staticColor", s)
-      }), o === "continuous" && /* @__PURE__ */ d(te, {
+      }), o === "continuous" && /* @__PURE__ */ d(re, {
         children: [/* @__PURE__ */ i(eu, {
           label: "Value Range",
           value: t.color.valueRange,
@@ -4528,7 +4528,7 @@ const eu = R.forwardRef(Zc), tu = R.forwardRef(function({
       })]
     })]
   });
-}), pn = R.forwardRef(function({
+}), pn = w.forwardRef(function({
   value: t,
   onChange: n,
   data: r,
@@ -4546,7 +4546,7 @@ const eu = R.forwardRef(Zc), tu = R.forwardRef(function({
       weight: "bold",
       pb: 0,
       children: t.name
-    }), /* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ i(te, {
       my: "xs",
       label: "Data",
       labelPosition: "center"
@@ -4558,7 +4558,7 @@ const eu = R.forwardRef(Zc), tu = R.forwardRef(function({
         required: !0,
         value: t.name,
         onChange: (l) => s("name", l.currentTarget.value)
-      }), /* @__PURE__ */ i(re, {
+      }), /* @__PURE__ */ i(ne, {
         label: "Data Field",
         required: !0,
         data: r,
@@ -4569,7 +4569,7 @@ const eu = R.forwardRef(Zc), tu = R.forwardRef(function({
       label: "Aggregation",
       value: t.aggregation,
       onChange: (l) => s("aggregation", l)
-    }), /* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ i(te, {
       my: "xs",
       label: "Format",
       labelPosition: "center"
@@ -4856,9 +4856,9 @@ function Ru(e, t) {
   }), n;
 }
 function Du(e) {
-  return e.split(" ").map((t) => /* @__PURE__ */ d(te, {
+  return e.split(" ").map((t, n) => /* @__PURE__ */ d(w.Fragment, {
     children: [t, "\xA0"]
-  }));
+  }, n));
 }
 function Iu(e) {
   const n = e.replaceAll("<br />", "<br/>").replaceAll(`
@@ -4882,7 +4882,7 @@ function jn(e, t, n) {
     if (!l)
       return kn(a);
     const c = (g = s[2]) != null ? g : "";
-    return /* @__PURE__ */ d(te, {
+    return /* @__PURE__ */ d(re, {
       children: [l, kn(c)]
     });
   });
@@ -5027,7 +5027,7 @@ function Fu({
   remove: n,
   variableOptions: r
 }) {
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: 0,
     p: "md",
     pr: 40,
@@ -5118,7 +5118,7 @@ function $u({
     label: u.name,
     value: u.name
   })), [c]);
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [s.map((u, f) => /* @__PURE__ */ i(Fu, {
       control: e,
       index: f,
@@ -5140,7 +5140,7 @@ function Eu({
   remove: n,
   data: r
 }) {
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: "sm",
     p: 0,
     sx: {
@@ -5190,7 +5190,7 @@ function Au({
     ...g,
     ...s[u]
   })), c = () => o(gn());
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [l.map((g, u) => /* @__PURE__ */ i(Eu, {
       control: e,
       index: u,
@@ -5225,7 +5225,7 @@ function Ou({
     g(o);
   }, [o]), l(["x_axis", "y_axis", "reference_lines", "color"]);
   const u = c(), f = T(() => !Ce(u, t), [u, t]);
-  return /* @__PURE__ */ i(_, {
+  return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
     children: /* @__PURE__ */ d("form", {
@@ -5277,7 +5277,7 @@ function Ou({
                 control: a,
                 render: ({
                   field: p
-                }) => /* @__PURE__ */ i(re, {
+                }) => /* @__PURE__ */ i(ne, {
                   label: "X Axis Data Field",
                   required: !0,
                   data: r,
@@ -5307,7 +5307,7 @@ function Ou({
                 control: a,
                 render: ({
                   field: p
-                }) => /* @__PURE__ */ i(re, {
+                }) => /* @__PURE__ */ i(ne, {
                   label: "Y Axis Data Field",
                   required: !0,
                   data: r,
@@ -5324,7 +5324,7 @@ function Ou({
           children: [/* @__PURE__ */ i(G.Control, {
             children: "Style"
           }), /* @__PURE__ */ i(G.Panel, {
-            children: /* @__PURE__ */ d(_, {
+            children: /* @__PURE__ */ d(R, {
               spacing: 4,
               children: [/* @__PURE__ */ i(x, {
                 size: "sm",
@@ -5531,9 +5531,9 @@ function Gu({ x_axis_data_key: e }, {
   }), !a)
     return m.data = f.map((v) => v[t]), m;
   const b = Ee(f, a);
-  return Object.entries(b).map(([v, w]) => {
+  return Object.entries(b).map(([v, S]) => {
     const M = zo(m);
-    return M.data = Nu(u, w, e, t), M.name = v, M.color = void 0, M;
+    return M.data = Nu(u, S, e, t), M.name = v, M.color = void 0, M;
   });
 }
 function Bu(e, t, n, r) {
@@ -5690,7 +5690,7 @@ function Ju({
   width: n,
   height: r
 }) {
-  const o = R.useMemo(() => Qu(e, t), [e, t]);
+  const o = w.useMemo(() => Qu(e, t), [e, t]);
   return !n || !r ? null : /* @__PURE__ */ i(it, {
     echarts: ge,
     option: o,
@@ -5714,7 +5714,7 @@ function Xu({
   } = Pn(), {
     ref: c,
     height: g
-  } = Pn(), u = R.useMemo(() => {
+  } = Pn(), u = w.useMemo(() => {
     const {
       stats: {
         templates: p,
@@ -5760,7 +5760,7 @@ function ed({
   remove: n,
   variableOptions: r
 }) {
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: 0,
     p: "md",
     pr: 40,
@@ -5830,7 +5830,7 @@ function ed({
           ...o
         })
       })]
-    }), /* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ i(te, {
       variant: "dashed",
       label: "Data",
       labelPosition: "center"
@@ -5907,7 +5907,7 @@ function td({
     label: u.name,
     value: u.name
   })), [c]);
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [s.map((u, f) => /* @__PURE__ */ i(ed, {
       control: e,
       index: f,
@@ -5929,7 +5929,7 @@ function nd({
   remove: n,
   variableOptions: r
 }) {
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: 0,
     p: "md",
     pr: 40,
@@ -6020,7 +6020,7 @@ function rd({
     label: u.name,
     value: u.name
   })), [c]);
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [s.map((u, f) => /* @__PURE__ */ i(nd, {
       control: e,
       index: f,
@@ -6067,7 +6067,7 @@ function ad({
   data: a
 }) {
   const s = t.transform.config.method;
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: 0,
     p: "md",
     pr: 40,
@@ -6096,7 +6096,7 @@ function ad({
         control: e,
         render: ({
           field: l
-        }) => /* @__PURE__ */ i(re, {
+        }) => /* @__PURE__ */ i(ne, {
           label: "Value Field",
           required: !0,
           data: a,
@@ -6164,7 +6164,7 @@ function ad({
           ...l
         })
       })]
-    }), /* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ i(te, {
       mb: -15,
       variant: "dashed",
       label: "Line Style",
@@ -6199,7 +6199,7 @@ function ad({
           ...l
         })
       })]
-    }), /* @__PURE__ */ d(_, {
+    }), /* @__PURE__ */ d(R, {
       spacing: 4,
       children: [/* @__PURE__ */ i(x, {
         size: "sm",
@@ -6243,7 +6243,7 @@ function sd({
   }), s = t("regressions"), l = r.map((f, p) => ({
     ...f,
     ...s[p]
-  })), c = t("y_axes"), g = R.useMemo(() => c.map(({
+  })), c = t("y_axes"), g = w.useMemo(() => c.map(({
     name: f
   }, p) => ({
     label: f,
@@ -6269,7 +6269,7 @@ function sd({
       }
     }
   });
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [l.map((f, p) => /* @__PURE__ */ i(ad, {
       regressionItem: f,
       control: e,
@@ -6298,7 +6298,7 @@ function cd({
   control: e,
   index: t
 }) {
-  return /* @__PURE__ */ d(te, {
+  return /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ d(y, {
       grow: !0,
       align: "top",
@@ -6370,8 +6370,8 @@ function gd({
   control: e,
   index: t
 }) {
-  return /* @__PURE__ */ d(te, {
-    children: [/* @__PURE__ */ i(ne, {
+  return /* @__PURE__ */ d(re, {
+    children: [/* @__PURE__ */ i(te, {
       mb: -15,
       variant: "dashed",
       label: "Line Settings",
@@ -6428,7 +6428,7 @@ function gd({
             n.onChange(o);
           }
         })
-      }), /* @__PURE__ */ d(_, {
+      }), /* @__PURE__ */ d(R, {
         children: [/* @__PURE__ */ i(D, {
           name: `series.${t}.smooth`,
           control: e,
@@ -6483,7 +6483,7 @@ function fd({
       control: e,
       render: ({
         field: n
-      }) => /* @__PURE__ */ d(_, {
+      }) => /* @__PURE__ */ d(R, {
         sx: {
           flexGrow: 1
         },
@@ -6557,7 +6557,7 @@ function md({
   data: a
 }) {
   const s = r.type;
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: 0,
     p: "md",
     pr: 40,
@@ -6565,7 +6565,7 @@ function md({
       border: "1px solid #eee",
       position: "relative"
     },
-    children: [/* @__PURE__ */ i(_, {
+    children: [/* @__PURE__ */ i(R, {
       children: /* @__PURE__ */ i(D, {
         name: `series.${t}.type`,
         control: e,
@@ -6610,7 +6610,7 @@ function md({
         control: e,
         render: ({
           field: l
-        }) => /* @__PURE__ */ i(re, {
+        }) => /* @__PURE__ */ i(ne, {
           label: "Value Field",
           required: !0,
           data: a,
@@ -6657,7 +6657,7 @@ function md({
         control: e,
         render: ({
           field: l
-        }) => /* @__PURE__ */ i(re, {
+        }) => /* @__PURE__ */ i(ne, {
           label: "Group By",
           data: a,
           clearable: !0,
@@ -6686,7 +6686,7 @@ function md({
         data: hd,
         ...l
       })
-    }), /* @__PURE__ */ d(_, {
+    }), /* @__PURE__ */ d(R, {
       spacing: 4,
       children: [/* @__PURE__ */ i(x, {
         size: "sm",
@@ -6749,13 +6749,13 @@ function vd({
       type: "solid",
       width: 1
     }
-  }), g = t("y_axes"), u = R.useMemo(() => g.map(({
+  }), g = t("y_axes"), u = w.useMemo(() => g.map(({
     name: f
   }, p) => ({
     label: f,
     value: p.toString()
   })), [g]);
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [l.map((f, p) => /* @__PURE__ */ i(md, {
       control: e,
       index: p,
@@ -6779,7 +6779,7 @@ function bd({
   remove: n,
   data: r
 }) {
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: "sm",
     p: 0,
     sx: {
@@ -6830,8 +6830,8 @@ function yd({
     ...g,
     ...s[u]
   })), c = () => o(gn());
-  return /* @__PURE__ */ d(_, {
-    children: [/* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
+    children: [/* @__PURE__ */ d(R, {
       spacing: 0,
       children: [/* @__PURE__ */ i(D, {
         name: "stats.templates.top",
@@ -6881,7 +6881,7 @@ function xd({
   remove: n,
   data: r
 }) {
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: "sm",
     p: 0,
     sx: {
@@ -6931,7 +6931,7 @@ function Cd({
     ...g,
     ...s[u]
   })), c = () => o(gn());
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [l.map((g, u) => /* @__PURE__ */ i(xd, {
       control: e,
       index: u,
@@ -6952,7 +6952,7 @@ function wd({
   control: t,
   watch: n
 }) {
-  return n(["x_axis_data_key", "x_axis_name", "x_axis"]), /* @__PURE__ */ d(_, {
+  return n(["x_axis_data_key", "x_axis_name", "x_axis"]), /* @__PURE__ */ d(R, {
     children: [/* @__PURE__ */ d(y, {
       grow: !0,
       noWrap: !0,
@@ -6961,7 +6961,7 @@ function wd({
         control: t,
         render: ({
           field: r
-        }) => /* @__PURE__ */ i(re, {
+        }) => /* @__PURE__ */ i(ne, {
           label: "X Axis Data Field",
           required: !0,
           data: e,
@@ -6983,7 +6983,7 @@ function wd({
           ...r
         })
       })]
-    }), /* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ i(te, {
       mb: -15,
       label: "Tick Label",
       labelPosition: "center"
@@ -7039,7 +7039,7 @@ function Rd({
   index: t,
   remove: n
 }) {
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: 0,
     p: "md",
     pr: 40,
@@ -7047,7 +7047,7 @@ function Rd({
       border: "1px solid #eee",
       position: "relative"
     },
-    children: [/* @__PURE__ */ i(ne, {
+    children: [/* @__PURE__ */ i(te, {
       mb: -15,
       variant: "dashed",
       label: "Name",
@@ -7083,7 +7083,7 @@ function Rd({
           ...r
         })
       })]
-    }), /* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ i(te, {
       mb: -15,
       variant: "dashed",
       label: "Layout",
@@ -7106,8 +7106,8 @@ function Rd({
           ...r
         })
       })
-    }), /* @__PURE__ */ d(_, {
-      children: [/* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ d(R, {
+      children: [/* @__PURE__ */ i(te, {
         mb: -15,
         variant: "dashed",
         label: "Label Format",
@@ -7155,7 +7155,7 @@ function Dd({
     name: "",
     label_formatter: zt
   });
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [s.map((c, g) => /* @__PURE__ */ i(Rd, {
       control: e,
       index: g,
@@ -7186,7 +7186,7 @@ function Id(e) {
     smooth: m = !1,
     step: b = !1,
     group_by_key: v = "",
-    display_name_on_line: w = !1,
+    display_name_on_line: S = !1,
     lineStyle: M = {
       type: "solid",
       width: 1
@@ -7207,7 +7207,7 @@ function Id(e) {
       smooth: m,
       step: b,
       group_by_key: v,
-      display_name_on_line: w,
+      display_name_on_line: S,
       lineStyle: M
     };
   }
@@ -7256,7 +7256,7 @@ function kd({
     u(a);
   }, [a]);
   const f = g(), p = T(() => !Ce(f, o), [f, o]);
-  return /* @__PURE__ */ i(_, {
+  return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
     children: /* @__PURE__ */ d("form", {
@@ -7470,9 +7470,9 @@ function Od({
     barData: g,
     lineData: u
   } = T(() => {
-    const p = n.map((v) => [v[a.data_key], Number(v[s])]).sort((v, w) => w[1] - v[1]), m = p.reduce((v, w) => v + w[1], 0), b = p.reduce((v, w, M) => {
+    const p = n.map((v) => [v[a.data_key], Number(v[s])]).sort((v, S) => S[1] - v[1]), m = p.reduce((v, S) => v + S[1], 0), b = p.reduce((v, S, M) => {
       const F = M === 0 ? 0 : v[M - 1][1];
-      return v.push([w[0], F + w[1]]), v;
+      return v.push([S[0], F + S[1]]), v;
     }, []).map((v) => [v[0], v[1] / m]);
     return {
       barData: p,
@@ -7574,7 +7574,7 @@ function zd({
     g(o);
   }, [o]), l(["x_axis", "data_key", "bar", "line"]);
   const u = c(), f = T(() => !Ce(u, t), [u, t]);
-  return /* @__PURE__ */ i(_, {
+  return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
     children: /* @__PURE__ */ d("form", {
@@ -7619,7 +7619,7 @@ function zd({
           control: a,
           render: ({
             field: p
-          }) => /* @__PURE__ */ i(re, {
+          }) => /* @__PURE__ */ i(ne, {
             label: "X Axis Data Field",
             required: !0,
             data: r,
@@ -7634,7 +7634,7 @@ function zd({
         control: a,
         render: ({
           field: p
-        }) => /* @__PURE__ */ i(re, {
+        }) => /* @__PURE__ */ i(ne, {
           label: "Y Axis Data Field",
           required: !0,
           data: r,
@@ -7643,7 +7643,7 @@ function zd({
           },
           ...p
         })
-      }), /* @__PURE__ */ i(ne, {
+      }), /* @__PURE__ */ i(te, {
         my: "md",
         label: "Bar",
         labelPosition: "center"
@@ -7662,7 +7662,7 @@ function zd({
             },
             ...p
           })
-        }), /* @__PURE__ */ d(_, {
+        }), /* @__PURE__ */ d(R, {
           spacing: 4,
           children: [/* @__PURE__ */ i(x, {
             size: "sm",
@@ -7677,7 +7677,7 @@ function zd({
             })
           })]
         })]
-      }), /* @__PURE__ */ i(ne, {
+      }), /* @__PURE__ */ i(te, {
         my: "md",
         label: "Line",
         labelPosition: "center"
@@ -7696,7 +7696,7 @@ function zd({
             },
             ...p
           })
-        }), /* @__PURE__ */ d(_, {
+        }), /* @__PURE__ */ d(R, {
           spacing: 4,
           children: [/* @__PURE__ */ i(x, {
             size: "sm",
@@ -7830,7 +7830,7 @@ function qd({
       label_field: r,
       value_field: o
     });
-  }, [r, o]), /* @__PURE__ */ i(_, {
+  }, [r, o]), /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
     children: /* @__PURE__ */ d("form", {
@@ -7852,7 +7852,7 @@ function qd({
             size: 20
           })
         })]
-      }), /* @__PURE__ */ d(_, {
+      }), /* @__PURE__ */ d(R, {
         mt: "md",
         spacing: "xs",
         p: "md",
@@ -7861,12 +7861,12 @@ function qd({
           border: "1px solid #eee",
           borderRadius: "5px"
         },
-        children: [/* @__PURE__ */ i(re, {
+        children: [/* @__PURE__ */ i(ne, {
           label: "Label Field",
           required: !0,
           data: a,
           ...s.getInputProps("label_field")
-        }), /* @__PURE__ */ i(re, {
+        }), /* @__PURE__ */ i(ne, {
           label: "Value Field",
           required: !0,
           data: a,
@@ -8050,7 +8050,7 @@ function Qd({
   remove: n,
   data: r
 }) {
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: 0,
     p: "md",
     pr: 40,
@@ -8079,7 +8079,7 @@ function Qd({
         control: e,
         render: ({
           field: o
-        }) => /* @__PURE__ */ i(re, {
+        }) => /* @__PURE__ */ i(ne, {
           label: "Data Key",
           required: !0,
           data: r,
@@ -8103,8 +8103,8 @@ function Qd({
           ...o
         })
       })]
-    }), /* @__PURE__ */ d(_, {
-      children: [/* @__PURE__ */ i(ne, {
+    }), /* @__PURE__ */ d(R, {
+      children: [/* @__PURE__ */ i(te, {
         mb: -15,
         variant: "dashed",
         label: "Value Formatter",
@@ -8155,7 +8155,7 @@ function Jd({
     max: 100,
     formatter: zt
   });
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [l.map((g, u) => /* @__PURE__ */ i(Qd, {
       data: n,
       control: e,
@@ -8216,7 +8216,7 @@ function Kd({
     Ce(f(), l) || p(l);
   }, [o]), u(["series_name_key"]);
   const m = f(), b = T(() => !Ce(m, o), [m, o]);
-  return /* @__PURE__ */ i(_, {
+  return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
     children: /* @__PURE__ */ d("form", {
@@ -8248,7 +8248,7 @@ function Kd({
           control: c,
           render: ({
             field: v
-          }) => /* @__PURE__ */ i(re, {
+          }) => /* @__PURE__ */ i(ne, {
             label: "Series Name Field",
             required: !0,
             data: t,
@@ -8654,7 +8654,7 @@ function lg({
   data: n
 }) {
   const r = t("regression.transform.config.method");
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [/* @__PURE__ */ d(y, {
       grow: !0,
       noWrap: !0,
@@ -8676,7 +8676,7 @@ function lg({
         control: e,
         render: ({
           field: o
-        }) => /* @__PURE__ */ i(re, {
+        }) => /* @__PURE__ */ i(ne, {
           label: "Value Field",
           required: !0,
           data: n,
@@ -8715,7 +8715,7 @@ function lg({
           ...o
         })
       })]
-    }), /* @__PURE__ */ d(_, {
+    }), /* @__PURE__ */ d(R, {
       spacing: 4,
       children: [/* @__PURE__ */ i(x, {
         size: "sm",
@@ -8751,7 +8751,7 @@ function cg({
     g(o);
   }, [o]), l(["x_axis", "y_axis", "regression"]);
   const u = c(), f = T(() => !Ce(u, t), [u, t]);
-  return /* @__PURE__ */ i(_, {
+  return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
     children: /* @__PURE__ */ d("form", {
@@ -8804,7 +8804,7 @@ function cg({
                 control: a,
                 render: ({
                   field: p
-                }) => /* @__PURE__ */ i(re, {
+                }) => /* @__PURE__ */ i(ne, {
                   label: "X Axis Data Field",
                   required: !0,
                   data: r,
@@ -8920,7 +8920,7 @@ function pg({
   });
   s("content");
   const c = l(), g = T(() => !Ce(c, t), [c, t]), u = Ui(t == null ? void 0 : t.content);
-  return /* @__PURE__ */ i(_, {
+  return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
     children: /* @__PURE__ */ d("form", {
@@ -9059,7 +9059,9 @@ function bg({
   } = t, a = T(() => jn(n, r, e.data), [n, r, e.data]);
   return /* @__PURE__ */ i(x, {
     align: o,
-    children: Object.values(a).map((s) => s)
+    children: Object.values(a).map((s, l) => /* @__PURE__ */ i(w.Fragment, {
+      children: s
+    }, l))
   });
 }
 function yg({
@@ -9068,7 +9070,7 @@ function yg({
   remove: n,
   data: r
 }) {
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     my: "sm",
     p: 0,
     sx: {
@@ -9117,7 +9119,7 @@ function xg({
     ...g,
     ...s[u]
   })), c = () => o(gn());
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [l.map((g, u) => /* @__PURE__ */ i(yg, {
       control: e,
       index: u,
@@ -9139,7 +9141,7 @@ function Cg({
   const t = e.data || [], {
     value: n,
     set: r
-  } = U(e.instanceData, "config"), o = R.useMemo(() => {
+  } = U(e.instanceData, "config"), o = w.useMemo(() => {
     const {
       align: p,
       template: m = "",
@@ -9159,11 +9161,11 @@ function Cg({
   } = We({
     defaultValues: o
   });
-  R.useEffect(() => {
+  w.useEffect(() => {
     g(o);
   }, [o]), l(["variables", "template"]);
-  const u = c(), f = R.useMemo(() => !X.isEqual(u, n), [u, n]);
-  return /* @__PURE__ */ i(_, {
+  const u = c(), f = w.useMemo(() => !X.isEqual(u, n), [u, n]);
+  return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
     children: /* @__PURE__ */ d("form", {
@@ -9304,7 +9306,7 @@ function Rg({
       label_field: r,
       value_field: o
     });
-  }, [r, o]), /* @__PURE__ */ i(_, {
+  }, [r, o]), /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
     children: /* @__PURE__ */ d("form", {
@@ -9326,7 +9328,7 @@ function Rg({
             size: 20
           })
         })]
-      }), /* @__PURE__ */ d(_, {
+      }), /* @__PURE__ */ d(R, {
         mt: "md",
         spacing: "xs",
         p: "md",
@@ -9335,12 +9337,12 @@ function Rg({
           border: "1px solid #eee",
           borderRadius: "5px"
         },
-        children: [/* @__PURE__ */ i(re, {
+        children: [/* @__PURE__ */ i(ne, {
           label: "Label Field",
           required: !0,
           data: a,
           ...s.getInputProps("label_field")
-        }), /* @__PURE__ */ i(re, {
+        }), /* @__PURE__ */ i(ne, {
           label: "Value Field",
           required: !0,
           data: a,
@@ -9673,22 +9675,22 @@ function Ut(e, t, n, r) {
       id: [r, "" + m].filter(Boolean).join("_"),
       headers: []
     }, v = [];
-    p.forEach((w) => {
-      const M = [...v].reverse()[0], F = w.column.depth === b.depth;
+    p.forEach((S) => {
+      const M = [...v].reverse()[0], F = S.column.depth === b.depth;
       let z, N = !1;
-      if (F && w.column.parent ? z = w.column.parent : (z = w.column, N = !0), M && (M == null ? void 0 : M.column) === z)
-        M.subHeaders.push(w);
+      if (F && S.column.parent ? z = S.column.parent : (z = S.column, N = !0), M && (M == null ? void 0 : M.column) === z)
+        M.subHeaders.push(S);
       else {
         const Y = xo(n, z, {
-          id: [r, m, z.id, w == null ? void 0 : w.id].filter(Boolean).join("_"),
+          id: [r, m, z.id, S == null ? void 0 : S.id].filter(Boolean).join("_"),
           isPlaceholder: N,
           placeholderId: N ? "" + v.filter((pe) => pe.column === z).length : void 0,
           depth: m,
           index: v.length
         });
-        Y.subHeaders.push(w), v.push(Y);
+        Y.subHeaders.push(S), v.push(Y);
       }
-      b.headers.push(w), w.headerGroup = b;
+      b.headers.push(S), S.headerGroup = b;
     }), c.push(b), m > 0 && g(v, m - 1);
   }, u = t.map((p, m) => xo(n, p, {
     depth: s,
@@ -9696,7 +9698,7 @@ function Ut(e, t, n, r) {
   }));
   g(u, s - 1), c.reverse();
   const f = (p) => p.filter((b) => b.column.getIsVisible()).map((b) => {
-    let v = 0, w = 0, M = [0];
+    let v = 0, S = 0, M = [0];
     b.subHeaders && b.subHeaders.length ? (M = [], f(b.subHeaders).forEach((z) => {
       let {
         colSpan: N,
@@ -9705,9 +9707,9 @@ function Ut(e, t, n, r) {
       v += N, M.push(Y);
     })) : v = 1;
     const F = Math.min(...M);
-    return w = w + F, b.colSpan = v, b.rowSpan = w, {
+    return S = S + F, b.colSpan = v, b.rowSpan = S, {
       colSpan: v,
-      rowSpan: w
+      rowSpan: S
     };
   });
   return f((o = (a = c[0]) == null ? void 0 : a.headers) != null ? o : []), c;
@@ -9793,19 +9795,19 @@ const Yt = {
           if (typeof b != "number")
             return;
           let v = {};
-          t.setColumnSizingInfo((w) => {
+          t.setColumnSizingInfo((S) => {
             var M, F;
-            const z = b - ((M = w == null ? void 0 : w.startOffset) != null ? M : 0), N = Math.max(z / ((F = w == null ? void 0 : w.startSize) != null ? F : 0), -0.999999);
-            return w.columnSizingStart.forEach((Y) => {
+            const z = b - ((M = S == null ? void 0 : S.startOffset) != null ? M : 0), N = Math.max(z / ((F = S == null ? void 0 : S.startSize) != null ? F : 0), -0.999999);
+            return S.columnSizingStart.forEach((Y) => {
               let [pe, ce] = Y;
               v[pe] = Math.round(Math.max(ce + ce * N, 0) * 100) / 100;
             }), {
-              ...w,
+              ...S,
               deltaOffset: z,
               deltaPercentage: N
             };
-          }), (t.options.columnResizeMode === "onChange" || m === "end") && t.setColumnSizing((w) => ({
-            ...w,
+          }), (t.options.columnResizeMode === "onChange" || m === "end") && t.setColumnSizing((S) => ({
+            ...S,
             ...v
           }));
         }, g = (m) => c("move", m), u = (m) => {
@@ -11052,8 +11054,8 @@ function op(e) {
     getAllColumns: P(() => [n._getColumnDefs()], (u) => {
       const f = function(p, m, b) {
         return b === void 0 && (b = 0), p.map((v) => {
-          const w = Mg(n, v, b, m), M = v;
-          return w.columns = M.columns ? f(M.columns, w, b + 1) : [], w;
+          const S = Mg(n, v, b, m), M = v;
+          return S.columns = M.columns ? f(M.columns, S, b + 1) : [], S;
         });
       };
       return f(u);
@@ -11225,7 +11227,7 @@ function cp() {
       return g.sort((u, f) => {
         for (let m = 0; m < a.length; m += 1) {
           var p;
-          const b = a[m], v = s[b.id], w = (p = b == null ? void 0 : b.desc) != null ? p : !1;
+          const b = a[m], v = s[b.id], S = (p = b == null ? void 0 : b.desc) != null ? p : !1;
           if (v.sortUndefined) {
             const F = u.getValue(b.id), z = f.getValue(b.id), N = typeof F > "u", Y = typeof z > "u";
             if (N || Y)
@@ -11233,7 +11235,7 @@ function cp() {
           }
           let M = v.sortingFn(u, f, b.id);
           if (M !== 0)
-            return w && (M *= -1), v.invertSorting && (M *= -1), M;
+            return S && (M *= -1), v.invertSorting && (M *= -1), M;
         }
         return u.index - f.index;
       }), g.forEach((u) => {
@@ -11566,7 +11568,7 @@ function Ap({
   } = a, {
     classes: g,
     cx: u
-  } = _p(), f = R.useMemo(() => s ? Object.keys(n[0]).map((ue) => ({
+  } = _p(), f = w.useMemo(() => s ? Object.keys(n[0]).map((ue) => ({
     label: ue,
     value_field: ue,
     value_type: Ke.string
@@ -11591,7 +11593,7 @@ function Ap({
       header: "#",
       size: 10 * (n.length.toString().length + 1)
     }), ...ke];
-  }, [f, p]), [b, v] = he([]), w = pp({
+  }, [f, p]), [b, v] = he([]), S = pp({
     data: n,
     state: {
       sorting: b
@@ -11602,7 +11604,7 @@ function Ap({
     getSortedRowModel: cp()
   }), {
     rows: M
-  } = w.getRowModel(), F = R.useRef(null), z = Xs({
+  } = S.getRowModel(), F = w.useRef(null), z = Xs({
     parentRef: F,
     size: M.length,
     estimateSize: kt(() => 28, []),
@@ -11628,7 +11630,7 @@ function Ap({
       striped: a.striped,
       children: [/* @__PURE__ */ i("thead", {
         className: g.thead,
-        children: w.getHeaderGroups().map((ue) => /* @__PURE__ */ i("tr", {
+        children: S.getHeaderGroups().map((ue) => /* @__PURE__ */ i("tr", {
           children: ue.headers.map((ke) => /* @__PURE__ */ i("th", {
             style: {
               width: ke.getSize()
@@ -11783,7 +11785,7 @@ function Tp(e) {
     setFalse: u
   }] = At(!1), f = r % 2 === 1, p = f && o != null, m = !f && o != null, b = `map ${o} to color ${r}`, v = () => {
     l(o), u();
-  }, w = () => {
+  }, S = () => {
     u(), t == null || t(s);
   }, M = De(o).format({
     average: !0
@@ -11816,7 +11818,7 @@ function Tp(e) {
           }
         })
       }), /* @__PURE__ */ i(Dn.Dropdown, {
-        children: /* @__PURE__ */ d(_, {
+        children: /* @__PURE__ */ d(R, {
           children: [/* @__PURE__ */ i(Pe, {
             size: "xs",
             label: "Map a value to this color",
@@ -11832,7 +11834,7 @@ function Tp(e) {
             }), /* @__PURE__ */ i(B, {
               "data-testid": "palette-item-ok",
               size: "xs",
-              onClick: w,
+              onClick: S,
               children: "OK"
             })]
           })]
@@ -11880,30 +11882,30 @@ const Lp = I(({
   } = e, o = r.getColorInterpolations(), [a, s] = he(t), l = r.decodeInterpolation(a.interpolation) || o[0], [c, {
     setTrue: g,
     setFalse: u
-  }] = At(), f = o.map((w) => ({
-    label: w.displayName,
-    value: r.encodeColor(w),
-    group: w.category
+  }] = At(), f = o.map((S) => ({
+    label: S.displayName,
+    value: r.encodeColor(S),
+    group: S.category
   }));
-  function p(w) {
-    w && s((M) => ({
+  function p(S) {
+    S && s((M) => ({
       ...M,
-      interpolation: w
+      interpolation: S
     }));
   }
   const m = () => {
     u(), n == null || n(sn(a));
   };
-  function b(w) {
+  function b(S) {
     s((M) => ({
       ...M,
-      steps: w
+      steps: S
     }));
   }
   const v = () => {
     u(), s(t);
   };
-  return /* @__PURE__ */ d(te, {
+  return /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ i(B, {
       variant: "outline",
       onClick: g,
@@ -11913,7 +11915,7 @@ const Lp = I(({
       title: "Setup color interpolation",
       opened: c,
       onClose: u,
-      children: c && /* @__PURE__ */ d(_, {
+      children: c && /* @__PURE__ */ d(R, {
         "data-testid": "color-interpolation-modal",
         children: [/* @__PURE__ */ i(L, {
           label: "Color style",
@@ -11968,8 +11970,8 @@ const Wp = (e) => {
       label: "Cell background",
       value: n || "none",
       onChange: (m) => {
-        var b, v, w;
-        r(m || "none"), m === "static" ? (b = e.onChange) == null || b.call(e, s.current) : m === "none" || !m ? (v = e.onChange) == null || v.call(e, "none") : (w = e.onChange) == null || w.call(e, g.current);
+        var b, v, S;
+        r(m || "none"), m === "static" ? (b = e.onChange) == null || b.call(e, s.current) : m === "none" || !m ? (v = e.onChange) == null || v.call(e, "none") : (S = e.onChange) == null || S.call(e, g.current);
       },
       data: jp
     }), n === "static" && /* @__PURE__ */ i(nt, {
@@ -12023,7 +12025,7 @@ function Qp({
     value_field: "value",
     value_type: Ke.string
   });
-  return /* @__PURE__ */ i(_, {
+  return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
     children: /* @__PURE__ */ d("form", {
@@ -12048,7 +12050,7 @@ function Qp({
             size: 20
           })
         })]
-      }), /* @__PURE__ */ d(_, {
+      }), /* @__PURE__ */ d(R, {
         mt: "md",
         spacing: "xs",
         p: "md",
@@ -12057,7 +12059,7 @@ function Qp({
           border: "1px solid #eee",
           borderRadius: "5px"
         },
-        children: [/* @__PURE__ */ i(re, {
+        children: [/* @__PURE__ */ i(ne, {
           label: "ID Field",
           required: !0,
           data: o,
@@ -12106,7 +12108,7 @@ function Qp({
             },
             ...r.getInputProps("fontSize")
           })
-        }), /* @__PURE__ */ d(_, {
+        }), /* @__PURE__ */ d(R, {
           children: [/* @__PURE__ */ i(x, {
             children: "Other"
           }), /* @__PURE__ */ d(y, {
@@ -12125,7 +12127,7 @@ function Qp({
             })]
           })]
         })]
-      }), /* @__PURE__ */ d(_, {
+      }), /* @__PURE__ */ d(R, {
         mt: "xs",
         spacing: "xs",
         p: "md",
@@ -12139,12 +12141,12 @@ function Qp({
           ...r.getInputProps("use_raw_columns", {
             type: "checkbox"
           })
-        }), !r.values.use_raw_columns && /* @__PURE__ */ d(_, {
+        }), !r.values.use_raw_columns && /* @__PURE__ */ d(R, {
           children: [/* @__PURE__ */ i(x, {
             mt: "xl",
             mb: 0,
             children: "Custom Columns"
-          }), r.values.columns.map((s, l) => /* @__PURE__ */ d(_, {
+          }), r.values.columns.map((s, l) => /* @__PURE__ */ d(R, {
             my: 0,
             p: "md",
             pr: 40,
@@ -12163,7 +12165,7 @@ function Qp({
                   flex: 1
                 },
                 ...r.getInputProps(`columns.${l}.label`)
-              }), /* @__PURE__ */ i(re, {
+              }), /* @__PURE__ */ i(ne, {
                 label: "Value Field",
                 required: !0,
                 data: o,
@@ -12834,7 +12836,7 @@ function kf({
       [a]: s
     });
   };
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [/* @__PURE__ */ i(E, {
       value: r.expertSystemURL,
       onChange: (a) => {
@@ -12994,7 +12996,7 @@ function zf(e) {
     ...t,
     urlTemplate: l.currentTarget.value
   });
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [/* @__PURE__ */ i(E, {
       label: "Url",
       value: t.urlTemplate,
@@ -13120,7 +13122,7 @@ const Uf = {
   }, s = () => {
     a(t.filters.firstFilterValueKey, "");
   };
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     spacing: 10,
     children: [/* @__PURE__ */ i(x, {
       children: "Mapping Rules"
@@ -13132,7 +13134,7 @@ const Uf = {
         onChange: (u) => {
           a(l, u.currentTarget.value);
         }
-      }), /* @__PURE__ */ i(re, {
+      }), /* @__PURE__ */ i(ne, {
         data: [t.filters.values],
         value: l,
         onChange: (u) => {
@@ -13412,7 +13414,7 @@ const th = I(({
   async function g(u) {
     await r.removeInteraction(u.id), n((f) => f + 1);
   }
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [l.map((u) => /* @__PURE__ */ i(th, {
       onRemove: g,
       instance: o,
@@ -13458,10 +13460,10 @@ const th = I(({
 }, ih = I(() => {
   const {
     panel: e
-  } = me(), [t, n] = R.useState(e.description), r = e.description !== t, o = R.useCallback(() => {
+  } = me(), [t, n] = w.useState(e.description), r = e.description !== t, o = w.useCallback(() => {
     !r || e.setDescription(t);
   }, [r, t]);
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     spacing: 4,
     sx: {
       flexGrow: 1
@@ -13498,7 +13500,7 @@ const th = I(({
   } = me(), {
     style: t
   } = e;
-  return /* @__PURE__ */ i(te, {
+  return /* @__PURE__ */ i(re, {
     children: /* @__PURE__ */ i(Ge, {
       label: "Border",
       checked: t.border.enabled,
@@ -13515,7 +13517,7 @@ const th = I(({
     }
   } = me();
   return /* @__PURE__ */ i(ht, {
-    children: /* @__PURE__ */ d(_, {
+    children: /* @__PURE__ */ d(R, {
       mx: "auto",
       mt: "xl",
       p: "5px",
@@ -13566,7 +13568,7 @@ const th = I(({
   } = me(), {
     title: t,
     setTitle: n
-  } = e, [r, o] = Yo(t), a = t !== r, s = R.useCallback(() => {
+  } = e, [r, o] = Yo(t), a = t !== r, s = w.useCallback(() => {
     !a || n(r);
   }, [a, r]);
   return /* @__PURE__ */ i(E, {
@@ -13605,18 +13607,18 @@ function ch() {
     sx: {
       height: "100%"
     },
-    children: [/* @__PURE__ */ d(_, {
+    children: [/* @__PURE__ */ d(R, {
       sx: {
         width: "40%",
         flexShrink: 0,
         flexGrow: 0,
         height: "100%"
       },
-      children: [/* @__PURE__ */ i(ne, {
+      children: [/* @__PURE__ */ i(te, {
         label: "Style",
         labelPosition: "center",
         variant: "dashed"
-      }), /* @__PURE__ */ i(ah, {}), /* @__PURE__ */ i(ne, {
+      }), /* @__PURE__ */ i(ah, {}), /* @__PURE__ */ i(te, {
         label: "Info",
         labelPosition: "center",
         variant: "dashed"
@@ -13637,11 +13639,11 @@ const uh = I(function() {
       queryID: n,
       setQueryID: r
     }
-  } = me(), o = R.useMemo(() => t.queries.current.map((a) => ({
+  } = me(), o = w.useMemo(() => t.queries.current.map((a) => ({
     value: a.id,
     label: a.id
   })), [t.queries.current]);
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     children: [/* @__PURE__ */ d(y, {
       position: "left",
       sx: {
@@ -13820,7 +13822,7 @@ const hh = ["richText"], fa = I(function({
     ref: s,
     width: l,
     height: c
-  } = Pn(), g = R.useMemo(() => !Array.isArray(r) || r.length === 0, [r]), u = fh(r, {
+  } = Pn(), g = w.useMemo(() => !Array.isArray(r) || r.length === 0, [r]), u = fh(r, {
     w: l,
     h: c
   });
@@ -13947,7 +13949,7 @@ const xh = I(() => {
     }
   } = me(), [n, r] = Yo(t.type), o = t.type !== n, {
     vizManager: a
-  } = Be(Ue), s = R.useCallback(() => {
+  } = Be(Ue), s = w.useCallback(() => {
     if (!o)
       return;
     const m = bh(a, n);
@@ -13958,7 +13960,7 @@ const xh = I(() => {
     } catch (b) {
       console.error(b);
     }
-  }, c = R.useMemo(() => {
+  }, c = w.useMemo(() => {
     var m;
     return (m = Yn.find((b) => b.value === n)) == null ? void 0 : m.Panel;
   }, [n, Yn]), g = yh(), u = c ? rn(c, {
@@ -13966,7 +13968,7 @@ const xh = I(() => {
     conf: t.conf,
     setConf: t.setConf
   }) : null, f = g || u, p = vh();
-  return /* @__PURE__ */ d(te, {
+  return /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ i(L, {
       label: "Visualization",
       value: n,
@@ -13996,7 +13998,7 @@ function Ch() {
       height: "100%",
       overflow: "hidden"
     },
-    children: [/* @__PURE__ */ i(_, {
+    children: [/* @__PURE__ */ i(R, {
       sx: {
         width: "40%",
         flexShrink: 0,
@@ -14021,14 +14023,14 @@ const wh = I(function({
 }) {
   const {
     freezeLayout: r
-  } = R.useContext(Ne), [o, a] = he("Visualization"), {
+  } = w.useContext(Ne), [o, a] = he("Visualization"), {
     panel: s,
     loading: l
   } = me(), {
     id: c,
     title: g
   } = s;
-  return R.useEffect(() => {
+  return w.useEffect(() => {
     r(t);
   }, [t]), /* @__PURE__ */ i(Le, {
     size: "96vw",
@@ -14102,17 +14104,17 @@ const wh = I(function({
 }), Sh = I(({
   view: e
 }) => {
-  const t = K(), n = ss(), [r, o] = R.useState(!1), a = () => o(!0), s = () => o(!1), {
+  const t = K(), n = ss(), [r, o] = w.useState(!1), a = () => o(!0), s = () => o(!1), {
     panel: l
   } = me(), {
     id: c,
     query: g
   } = l, {
     inEditMode: u
-  } = R.useContext(Ne), f = () => g == null ? void 0 : g.fetchData(), {
+  } = w.useContext(Ne), f = () => g == null ? void 0 : g.fetchData(), {
     viewPanelInFullScreen: p,
     inFullScreen: m
-  } = R.useContext(ar), b = () => {
+  } = w.useContext(ar), b = () => {
     e.panels.duplicateByID(c);
   }, v = () => n.openConfirmModal({
     title: "Delete this panel?",
@@ -14122,10 +14124,10 @@ const wh = I(function({
     },
     onCancel: () => console.log("Cancel"),
     onConfirm: () => e.panels.removeByID(c)
-  }), w = R.useCallback(() => {
+  }), S = w.useCallback(() => {
     p(c);
   }, [c, p]);
-  return /* @__PURE__ */ d(te, {
+  return /* @__PURE__ */ d(re, {
     children: [/* @__PURE__ */ i(q, {
       sx: {
         position: "absolute",
@@ -14158,13 +14160,13 @@ const wh = I(function({
             }),
             children: "Download Data"
           }), !m && /* @__PURE__ */ i(xe.Item, {
-            onClick: w,
+            onClick: S,
             icon: /* @__PURE__ */ i(Ms, {
               size: 14
             }),
             children: "Full Screen"
-          }), u && /* @__PURE__ */ d(te, {
-            children: [/* @__PURE__ */ i(ne, {
+          }), u && /* @__PURE__ */ d(re, {
+            children: [/* @__PURE__ */ i(te, {
               label: "Edit",
               labelPosition: "center"
             }), /* @__PURE__ */ i(xe.Item, {
@@ -14284,7 +14286,7 @@ const Or = I(function({
   panel: n,
   exitFullScreen: r
 }) {
-  return /* @__PURE__ */ d(_, {
+  return /* @__PURE__ */ d(R, {
     px: "10px",
     pb: "5px",
     sx: {
@@ -14321,9 +14323,9 @@ const Or = I(function({
   });
 });
 function ma(e, t, n) {
-  const r = e.id === "Main", [o, a] = R.useState(() => r && e.panels.findByID(t) ? t : null), s = R.useCallback((u) => {
+  const r = e.id === "Main", [o, a] = w.useState(() => r && e.panels.findByID(t) ? t : null), s = w.useCallback((u) => {
     a(u), r && n(u);
-  }, [r, n]), l = R.useCallback(() => {
+  }, [r, n]), l = w.useCallback(() => {
     a(null), r && n("");
   }, [r, n]), c = o ? e.panels.findByID(o) : null;
   return {
@@ -14334,7 +14336,7 @@ function ma(e, t, n) {
   };
 }
 function va() {
-  R.useEffect(() => {
+  w.useEffect(() => {
     const e = Zs(".dashboard-sticky-area", {
       useStickyClasses: !0,
       parentClass: "dashboard-sticky-parent"
@@ -14344,7 +14346,7 @@ function va() {
     };
   }, []);
 }
-const Vh = R.forwardRef(({
+const Vh = w.forwardRef(({
   handleAxis: e
 }, t) => /* @__PURE__ */ i(A, {
   ref: t,
@@ -14364,7 +14366,7 @@ const Vh = R.forwardRef(({
   children: /* @__PURE__ */ i($s, {
     size: 16
   })
-})), Mh = R.forwardRef(({
+})), Mh = w.forwardRef(({
   handleAxis: e,
   ...t
 }, n) => /* @__PURE__ */ i(A, {
@@ -14393,7 +14395,7 @@ const Vh = R.forwardRef(({
   isDraggable: o,
   isResizable: a
 }) {
-  const s = R.useCallback((l) => {
+  const s = w.useCallback((l) => {
     l.forEach(({
       i: c,
       ...g
@@ -15594,17 +15596,17 @@ const Jm = I(function({
   setFullScreenPanelID: l
 }) {
   gi(a);
-  const [c, g] = R.useState(!1), u = R.useMemo(() => Ra(n, t), [n]);
-  ii(u, !0), R.useEffect(() => {
+  const [c, g] = w.useState(!1), u = w.useMemo(() => Ra(n, t), [n]);
+  ii(u, !0), w.useEffect(() => {
     u.context.replace(t);
   }, [t]);
   const f = async () => {
-    const b = [...u.queries.json], v = [...u.sqlSnippets.json], w = [...u.views.json], M = {
+    const b = [...u.queries.json], v = [...u.sqlSnippets.json], S = [...u.views.json], M = {
       ...u.mock_context.current
     }, F = {
       ...n,
       filters: [...u.filters.current],
-      views: w,
+      views: S,
       definition: {
         sqlSnippets: v,
         queries: b,
@@ -15612,7 +15614,7 @@ const Jm = I(function({
       }
     };
     await r(F);
-  }, p = et(ca, []), m = R.useCallback((b) => b.provideValue(de.pluginManager, p.pluginManager).provideValue(de.vizManager, p.vizManager).provideValue(de.colorManager, p.colorManager), []);
+  }, p = et(ca, []), m = w.useCallback((b) => b.provideValue(de.pluginManager, p.pluginManager).provideValue(de.vizManager, p.vizManager).provideValue(de.colorManager, p.colorManager), []);
   return /* @__PURE__ */ i(ko, {
     children: /* @__PURE__ */ i(li, {
       value: u,
@@ -15653,8 +15655,8 @@ const Jm = I(function({
   setFullScreenPanelID: a
 }) => {
   gi(r);
-  const s = R.useMemo(() => Ra(t, e), [t]);
-  return ii(s, !1), R.useEffect(() => {
+  const s = w.useMemo(() => Ra(t, e), [t]);
+  return ii(s, !1), w.useEffect(() => {
     s.context.replace(e);
   }, [e]), /* @__PURE__ */ i(ko, {
     children: /* @__PURE__ */ i(li, {
@@ -15687,15 +15689,15 @@ var Da = { exports: {} };
     return function(o, a, s) {
       var l, c = function(p, m, b) {
         b === void 0 && (b = {});
-        var v = new Date(p), w = function(M, F) {
+        var v = new Date(p), S = function(M, F) {
           F === void 0 && (F = {});
           var z = F.timeZoneName || "short", N = M + "|" + z, Y = r[N];
           return Y || (Y = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: M, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: z }), r[N] = Y), Y;
         }(m, b);
-        return w.formatToParts(v);
+        return S.formatToParts(v);
       }, g = function(p, m) {
-        for (var b = c(p, m), v = [], w = 0; w < b.length; w += 1) {
-          var M = b[w], F = M.type, z = M.value, N = n[F];
+        for (var b = c(p, m), v = [], S = 0; S < b.length; S += 1) {
+          var M = b[S], F = M.type, z = M.value, N = n[F];
           N >= 0 && (v[N] = parseInt(z, 10));
         }
         var Y = v[3], pe = Y === 24 ? 0 : Y, ce = v[0] + "-" + v[1] + "-" + v[2] + " " + pe + ":" + v[4] + ":" + v[5] + ":000", Se = +p;
@@ -15703,7 +15705,7 @@ var Da = { exports: {} };
       }, u = a.prototype;
       u.tz = function(p, m) {
         p === void 0 && (p = l);
-        var b = this.utcOffset(), v = this.toDate(), w = v.toLocaleString("en-US", { timeZone: p }), M = Math.round((v - new Date(w)) / 1e3 / 60), F = s(w).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(v.getTimezoneOffset() / 15) - M, !0);
+        var b = this.utcOffset(), v = this.toDate(), S = v.toLocaleString("en-US", { timeZone: p }), M = Math.round((v - new Date(S)) / 1e3 / 60), F = s(S).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(v.getTimezoneOffset() / 15) - M, !0);
         if (m) {
           var z = F.utcOffset();
           F = F.add(b - z, "minute");
@@ -15722,17 +15724,17 @@ var Da = { exports: {} };
         var b = s(this.format("YYYY-MM-DD HH:mm:ss:SSS"));
         return f.call(b, p, m).tz(this.$x.$timezone, !0);
       }, s.tz = function(p, m, b) {
-        var v = b && m, w = b || m || l, M = g(+s(), w);
+        var v = b && m, S = b || m || l, M = g(+s(), S);
         if (typeof p != "string")
-          return s(p).tz(w);
+          return s(p).tz(S);
         var F = function(pe, ce, Se) {
           var ve = pe - 60 * ce * 1e3, Me = g(ve, Se);
           if (ce === Me)
             return [ve, ce];
           var ue = g(ve -= 60 * (Me - ce) * 1e3, Se);
           return Me === ue ? [ve, Me] : [pe - 60 * Math.min(Me, ue) * 1e3, Math.max(Me, ue)];
-        }(s.utc(p, v).valueOf(), M, w), z = F[0], N = F[1], Y = s(z).utcOffset(N);
-        return Y.$x.$timezone = w, Y;
+        }(s.utc(p, v).valueOf(), M, S), z = F[0], N = F[1], Y = s(z).utcOffset(N);
+        return Y.$x.$timezone = S, Y;
       }, s.tz.guess = function() {
         return Intl.DateTimeFormat().resolvedOptions().timeZone;
       }, s.tz.setDefault = function(p) {
@@ -15751,11 +15753,11 @@ var Ia = { exports: {} };
     return function(a, s, l) {
       var c = s.prototype;
       l.utc = function(v) {
-        var w = { date: v, utc: !0, args: arguments };
-        return new s(w);
+        var S = { date: v, utc: !0, args: arguments };
+        return new s(S);
       }, c.utc = function(v) {
-        var w = l(this.toDate(), { locale: this.$L, utc: !0 });
-        return v ? w.add(this.utcOffset(), n) : w;
+        var S = l(this.toDate(), { locale: this.$L, utc: !0 });
+        return v ? S.add(this.utcOffset(), n) : S;
       }, c.local = function() {
         return l(this.toDate(), { locale: this.$L, utc: !1 });
       };
@@ -15772,7 +15774,7 @@ var Ia = { exports: {} };
           u.call(this);
       };
       var f = c.utcOffset;
-      c.utcOffset = function(v, w) {
+      c.utcOffset = function(v, S) {
         var M = this.$utils().u;
         if (M(v))
           return this.$u ? 0 : M(this.$offset) ? f.call(this) : this.$offset;
@@ -15786,7 +15788,7 @@ var Ia = { exports: {} };
         }(v), v === null))
           return this;
         var F = Math.abs(v) <= 16 ? 60 * v : v, z = this;
-        if (w)
+        if (S)
           return z.$offset = F, z.$u = v === 0, z;
         if (v !== 0) {
           var N = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
@@ -15797,8 +15799,8 @@ var Ia = { exports: {} };
       };
       var p = c.format;
       c.format = function(v) {
-        var w = v || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
-        return p.call(this, w);
+        var S = v || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+        return p.call(this, S);
       }, c.valueOf = function() {
         var v = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
         return this.$d.valueOf() - 6e4 * v;
@@ -15814,11 +15816,11 @@ var Ia = { exports: {} };
         return v === "s" && this.$offset ? l(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : m.call(this);
       };
       var b = c.diff;
-      c.diff = function(v, w, M) {
+      c.diff = function(v, S, M) {
         if (v && this.$u === v.$u)
-          return b.call(this, v, w, M);
+          return b.call(this, v, S, M);
         var F = this.local(), z = l(v).local();
-        return b.call(F, z, w, M);
+        return b.call(F, z, S, M);
       };
     };
   });