@devtable/dashboard 5.1.0 → 5.2.0

package/dist/dashboard.es.js

@@ -1,14 +1,14 @@
 var Va = Object.defineProperty;
 var Fa = (e, t, n) => t in e ? Va(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var z = (e, t, n) => (Fa(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { Box as H, Text as C, Button as T, Checkbox as st, MultiSelect as On, Select as B, TextInput as E, Group as y, Stack as R, ActionIcon as P, LoadingOverlay as Gt, Table as Bt, Tabs as k, Textarea as Pn, AppShell as zn, Modal as Fe, Divider as Z, SimpleGrid as $a, NumberInput as ke, Menu as ve, Tooltip as Ea, Paper as Ma, Code as Tr, Switch as Ue, useMantineTheme as ka, ColorInput as Aa, ColorSwatch as Lr, Slider as so, createStyles as Tn, Popover as pn, Accordion as q, SegmentedControl as Oa, JsonInput as Pa } from "@mantine/core";
+import { Box as B, Text as C, Button as T, Checkbox as st, MultiSelect as On, Select as j, TextInput as E, Group as y, Stack as R, ActionIcon as P, LoadingOverlay as Gt, Table as Bt, Tabs as k, Textarea as Pn, AppShell as zn, Modal as Fe, Divider as Z, SimpleGrid as $a, NumberInput as ke, Menu as ve, Tooltip as Ea, Paper as Ma, Code as Tr, Switch as ze, useMantineTheme as ka, ColorInput as Aa, ColorSwatch as Lr, Slider as so, createStyles as Tn, Popover as pn, Accordion as q, SegmentedControl as Oa, JsonInput as Pa } from "@mantine/core";
 import { useModals as za, ModalsProvider as uo } from "@mantine/modals";
 import { useRequest as jt, useBoolean as _t, useCreation as We, useAsyncEffect as Rt, useLatest as Nr } from "ahooks";
 import { observer as V } from "mobx-react-lite";
 import * as qr from "react";
-import S, { useEffect as ne, forwardRef as Ln, useMemo as G, useState as be, createElement as Ht, useCallback as Tt, useRef as Ta, useContext as Te, createContext as La } from "react";
-import U, { omit as Ut, get as de, values as co, unset as Na, isObject as go, set as po, orderBy as qa, last as Ga, noop as Ba, defaults as ue, isEqual as ze, defaultsDeep as ot, findLastIndex as ja, isEmpty as fo, isNumber as Ha, isString as ho, range as Ua, cloneDeep as mo, maxBy as vo, merge as bo, minBy as Wa, groupBy as Ya, template as yo, cloneDeepWith as Qa, throttle as Xa } from "lodash";
-import { useForm as Le, Controller as D, useFieldArray as Ae } from "react-hook-form";
+import w, { useEffect as ne, forwardRef as Ln, useMemo as G, useState as be, createElement as Ht, useCallback as Tt, useRef as Ta, useContext as Le, createContext as La } from "react";
+import U, { omit as Ut, get as de, values as co, unset as Na, isObject as go, set as po, orderBy as qa, last as Ga, noop as Ba, defaults as ue, isEqual as Te, defaultsDeep as ot, findLastIndex as ja, isEmpty as fo, isNumber as Ha, isString as ho, range as Ua, cloneDeep as mo, maxBy as vo, merge as bo, minBy as Wa, groupBy as Ya, template as yo, cloneDeepWith as Qa, throttle as Xa } from "lodash";
+import { useForm as Ne, Controller as D, useFieldArray as Ae } from "react-hook-form";
 import { DateRangePicker as Ja } from "@mantine/dates";
 import Ye from "dayjs";
 import { Calendar as Ka, Refresh as xo, DeviceFloppy as ae, Trash as oe, PlaylistAdd as ct, Recycle as Co, Settings as wo, Filter as Za, Database as el, Share as tl, Download as So, Code as nl, InfoCircle as rl, ArrowRight as fn, ArrowsMaximize as ol, Copy as il, ArrowLeft as al, ArrowsMove as ll, ChevronDownRight as sl } from "tabler-icons-react";
@@ -32,7 +32,7 @@ import { CanvasRenderer as Ze } from "echarts/renderers";
 import "echarts-gl";
 import { GridComponent as dt, VisualMapComponent as yl, LegendComponent as gt, TooltipComponent as pt, DataZoomComponent as Qt, MarkLineComponent as xl } from "echarts/components";
 import { transform as Mo } from "echarts-stat";
-import * as Ge from "d3-regression";
+import * as Be from "d3-regression";
 import Cl from "stickybits";
 import ko, { WidthProvider as Ao } from "react-grid-layout";
 import wl from "jszip";
@@ -70,9 +70,9 @@ function Oo(e, t) {
 const Sl = {
   viewPanelInFullScreen: U.noop,
   inFullScreen: !1
-}, Bn = S.createContext(Sl), Po = S.createContext(null), zo = Po.Provider;
+}, Bn = w.createContext(Sl), Po = w.createContext(null), zo = Po.Provider;
 function ee() {
-  const e = S.useContext(Po);
+  const e = w.useContext(Po);
   if (!e)
     throw new Error("Please use ModelContextProvider");
   return e;
@@ -92,7 +92,7 @@ function _l() {
   if (jr)
     return ht;
   jr = 1;
-  var e = S, 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 l(s, u, g) {
     var c, f = {}, p = null, m = null;
     g !== void 0 && (p = "" + g), u.key !== void 0 && (p = "" + u.key), u.ref !== void 0 && (m = u.ref);
@@ -118,8 +118,8 @@ var mt = {};
 var Hr;
 function Rl() {
   return Hr || (Hr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = S, 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"), l = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), c = 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"), l = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), c = 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 _ = b && h[b] || h[v];
@@ -137,8 +137,8 @@ function Rl() {
       {
         var M = F.ReactDebugCurrentFrame, W = M.getStackAddendum();
         W !== "" && (_ += "%s", I = I.concat([W]));
-        var X = I.map(function(j) {
-          return String(j);
+        var X = I.map(function(H) {
+          return String(H);
         });
         X.unshift("Warning: " + _), Function.prototype.apply.call(console[h], console, X);
       }
@@ -193,9 +193,9 @@ function Rl() {
             var M = h.displayName || null;
             return M !== null ? M : he(h.type) || "Memo";
           case p: {
-            var W = h, X = W._payload, j = W._init;
+            var W = h, X = W._payload, H = W._init;
             try {
-              return he(j(X));
+              return he(H(X));
             } catch {
               return null;
             }
@@ -203,13 +203,13 @@ function Rl() {
         }
       return null;
     }
-    var me = Object.assign, qe = 0, mr, vr, br, yr, xr, Cr, wr;
+    var me = Object.assign, Ge = 0, mr, vr, br, yr, xr, Cr, wr;
     function Sr() {
     }
     Sr.__reactDisabledLog = !0;
     function ra() {
       {
-        if (qe === 0) {
+        if (Ge === 0) {
           mr = console.log, vr = console.info, br = console.warn, yr = console.error, xr = console.group, Cr = console.groupCollapsed, wr = console.groupEnd;
           var h = {
             configurable: !0,
@@ -227,12 +227,12 @@ function Rl() {
             groupEnd: h
           });
         }
-        qe++;
+        Ge++;
       }
     }
     function oa() {
       {
-        if (qe--, qe === 0) {
+        if (Ge--, Ge === 0) {
           var h = {
             configurable: !0,
             enumerable: !0,
@@ -262,7 +262,7 @@ function Rl() {
             })
           });
         }
-        qe < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Ge < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var on = F.ReactCurrentDispatcher, an;
@@ -300,27 +300,27 @@ function Rl() {
       X = on.current, on.current = null, ra();
       try {
         if (_) {
-          var j = function() {
+          var H = function() {
             throw Error();
           };
-          if (Object.defineProperty(j.prototype, "props", {
+          if (Object.defineProperty(H.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(j, []);
+              Reflect.construct(H, []);
             } catch (Oe) {
               M = Oe;
             }
-            Reflect.construct(h, [], j);
+            Reflect.construct(h, [], H);
           } else {
             try {
-              j.call();
+              H.call();
             } catch (Oe) {
               M = Oe;
             }
-            h.call(j.prototype);
+            h.call(H.prototype);
           }
         } else {
           try {
@@ -402,19 +402,19 @@ function Rl() {
     function sa(h, _, I, M, W) {
       {
         var X = Function.call.bind(Et);
-        for (var j in h)
-          if (X(h, j)) {
+        for (var H in h)
+          if (X(h, H)) {
             var N = void 0;
             try {
-              if (typeof h[j] != "function") {
-                var ge = Error((M || "React class") + ": " + I + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof h[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof h[H] != "function") {
+                var ge = Error((M || "React class") + ": " + I + " 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 ge.name = "Invariant Violation", ge;
               }
-              N = h[j](_, j, M, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              N = h[H](_, H, M, I, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (te) {
               N = te;
             }
-            N && !(N instanceof Error) && (Mt(W), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", M || "React class", I, j, typeof N), Mt(null)), N instanceof Error && !(N.message in Rr) && (Rr[N.message] = !0, Mt(W), $("Failed %s type: %s", I, N.message), Mt(null));
+            N && !(N instanceof Error) && (Mt(W), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", M || "React class", I, H, typeof N), Mt(null)), N instanceof Error && !(N.message in Rr) && (Rr[N.message] = !0, Mt(W), $("Failed %s type: %s", I, N.message), Mt(null));
           }
       }
     }
@@ -493,13 +493,13 @@ function Rl() {
         });
       }
     }
-    var ba = function(h, _, I, M, W, X, j) {
+    var ba = function(h, _, I, M, W, X, H) {
       var N = {
         $$typeof: t,
         type: h,
         key: _,
         ref: I,
-        props: j,
+        props: H,
         _owner: X
       };
       return N._store = {}, Object.defineProperty(N._store, "validated", {
@@ -521,20 +521,20 @@ function Rl() {
     };
     function ya(h, _, I, M, W) {
       {
-        var X, j = {}, N = null, ge = null;
+        var X, H = {}, N = null, ge = null;
         I !== void 0 && (Vr(I), N = "" + I), fa(_) && (Vr(_.key), N = "" + _.key), pa(_) && (ge = _.ref, ha(_, W));
         for (X in _)
-          Et.call(_, X) && !ga.hasOwnProperty(X) && (j[X] = _[X]);
+          Et.call(_, X) && !ga.hasOwnProperty(X) && (H[X] = _[X]);
         if (h && h.defaultProps) {
           var te = h.defaultProps;
           for (X in te)
-            j[X] === void 0 && (j[X] = te[X]);
+            H[X] === void 0 && (H[X] = te[X]);
         }
         if (N || ge) {
           var re = typeof h == "function" ? h.displayName || h.name || "Unknown" : h;
-          N && ma(j, re), ge && va(j, re);
+          N && ma(H, re), ge && va(H, re);
         }
-        return ba(h, N, ge, W, M, ft.current, j);
+        return ba(h, N, ge, W, M, ft.current, H);
       }
     }
     var cn = F.ReactCurrentOwner, Er = F.ReactDebugCurrentFrame;
@@ -611,10 +611,10 @@ Check the top-level render call using <` + I + ">.");
         else if (gn(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 X = W.call(h), j; !(j = X.next()).done; )
-              gn(j.value) && Ar(j.value, _);
+            for (var X = W.call(h), H; !(H = X.next()).done; )
+              gn(H.value) && Ar(H.value, _);
         }
       }
     }
@@ -655,8 +655,8 @@ Check the top-level render call using <` + I + ">.");
     }
     function Pr(h, _, I, M, W, X) {
       {
-        var j = Re(h);
-        if (!j) {
+        var H = Re(h);
+        if (!H) {
           var N = "";
           (h === void 0 || typeof h == "object" && h !== null && Object.keys(h).length === 0) && (N += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var ge = xa(W);
@@ -667,7 +667,7 @@ Check the top-level render call using <` + I + ">.");
         var re = ya(h, _, I, W, X);
         if (re == null)
           return re;
-        if (j) {
+        if (H) {
           var xe = _.children;
           if (xe !== void 0)
             if (M)
@@ -697,7 +697,7 @@ Check the top-level render call using <` + I + ">.");
   process.env.NODE_ENV === "production" ? e.exports = _l() : e.exports = Rl();
 })(Xt);
 const K = Xt.exports.Fragment, i = Xt.exports.jsx, d = Xt.exports.jsxs;
-class ut extends S.Component {
+class ut extends w.Component {
   constructor(t) {
     super(t), this.state = {
       error: null
@@ -716,7 +716,7 @@ class ut extends S.Component {
           error: null
         });
       };
-      return /* @__PURE__ */ d(H, {
+      return /* @__PURE__ */ d(B, {
         children: [/* @__PURE__ */ i(C, {
           size: "xs",
           children: (t = this.state.error) == null ? void 0 : t.message
@@ -745,7 +745,7 @@ function Dl({
   value: r,
   onChange: o
 }) {
-  return /* @__PURE__ */ d(H, {
+  return /* @__PURE__ */ d(B, {
     children: [/* @__PURE__ */ i(C, {
       children: "\xA0"
     }), /* @__PURE__ */ i(st, {
@@ -897,7 +897,7 @@ function El({
   } = jt(Un(t.options_query), {
     refreshDeps: [t.options_query, o]
   });
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     label: e,
     data: o ? a : t.static_options,
     disabled: o ? l : !1,
@@ -961,7 +961,7 @@ const kl = V(({
     default:
       return null;
   }
-}), No = V(S.forwardRef(({
+}), No = V(w.forwardRef(({
   filter: e,
   ...t
 }, n) => /* @__PURE__ */ i("div", {
@@ -979,7 +979,7 @@ const kl = V(({
   const n = ee(), {
     control: r,
     handleSubmit: o
-  } = Le({
+  } = Ne({
     defaultValues: n.filters.values
   }), a = n.filters.visibleInView(t.id);
   return a.length === 0 ? null : /* @__PURE__ */ i("form", {
@@ -1023,13 +1023,13 @@ const kl = V(({
   freezeLayout: U.noop,
   inEditMode: !1,
   inUseMode: !0
-}, $e = S.createContext(Al), Go = S.createContext({
+}, $e = w.createContext(Al), Go = w.createContext({
   panel: null,
   data: [],
   loading: !1
 }), Ol = Go.Provider;
 function pe() {
-  const e = S.useContext(Go);
+  const e = w.useContext(Go);
   if (!e.panel)
     throw new Error("Please use PanelContextProvider");
   return e;
@@ -1050,7 +1050,7 @@ WHERE
   showSQLSnippets: t = !0,
   sx: n = {}
 }) {
-  const r = ee(), o = r.context.current, a = S.useMemo(() => {
+  const r = ee(), o = r.context.current, a = w.useMemo(() => {
     const l = {
       context: o,
       filters: r.filters.values
@@ -1116,7 +1116,7 @@ WHERE
 function zl({
   data: e
 }) {
-  return e.length === 0 ? /* @__PURE__ */ i(H, {
+  return e.length === 0 ? /* @__PURE__ */ i(B, {
     sx: {
       height: "5em"
     }
@@ -1191,7 +1191,7 @@ const jo = V(function({
           size: 15
         })
       })]
-    }), /* @__PURE__ */ d(H, {
+    }), /* @__PURE__ */ d(B, {
       sx: {
         position: "relative"
       },
@@ -1229,7 +1229,7 @@ const jo = V(function({
     value: s.key,
     type: s.type
   })), [r]), l = G(() => a.reduce((s, u) => (s[u.value] = u.type, s), {}), [a]);
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     label: "Data Source",
     data: a,
     itemComponent: Tl,
@@ -1248,7 +1248,7 @@ const jo = V(function({
 }), Uo = V(({
   value: e
 }) => {
-  const t = ee(), n = t.context.current, r = S.useMemo(() => Lo(e, n, t.sqlSnippets.current, t.filters.values), [e, n, t.sqlSnippets.current, t.filters.values]);
+  const t = ee(), n = t.context.current, r = w.useMemo(() => Lo(e, n, t.sqlSnippets.current, t.filters.values), [e, n, t.sqlSnippets.current, t.filters.values]);
   return /* @__PURE__ */ i(nt, {
     language: "sql",
     colorScheme: "light",
@@ -1258,12 +1258,12 @@ const jo = V(function({
   queryModel: t,
   setCurrentID: n
 }) {
-  const r = S.useRef(t.id), [o, a] = S.useState(r.current);
-  S.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 [l, s] = S.useState(t.sql);
-  S.useEffect(() => {
+  const [l, s] = w.useState(t.sql);
+  w.useEffect(() => {
     s((f) => f !== t.sql ? t.sql : f);
   }, [t.sql]);
   const u = l !== t.sql, g = () => {
@@ -1340,7 +1340,7 @@ const jo = V(function({
         }), /* @__PURE__ */ i(k.Panel, {
           value: "SQL",
           pt: "sm",
-          children: /* @__PURE__ */ d(H, {
+          children: /* @__PURE__ */ d(B, {
             sx: {
               position: "relative"
             },
@@ -1383,7 +1383,7 @@ const jo = V(function({
   id: t,
   setID: n
 }) {
-  const r = ee(), o = S.useMemo(() => r.queries.findByID(t), [r.queries, t]);
+  const r = ee(), o = w.useMemo(() => r.queries.findByID(t), [r.queries, t]);
   return t ? o ? /* @__PURE__ */ i(Ll, {
     queryModel: o,
     setCurrentID: n
@@ -1400,7 +1400,7 @@ const ql = V(function({
     var l;
     n((l = r.queries.firstID) != null ? l : "");
   };
-  S.useEffect(() => {
+  w.useEffect(() => {
     if (!t) {
       o();
       return;
@@ -1426,7 +1426,7 @@ const ql = V(function({
       },
       children: [/* @__PURE__ */ i(C, {
         children: "Select a Query"
-      }), /* @__PURE__ */ i(B, {
+      }), /* @__PURE__ */ i(j, {
         data: r.queries.options,
         value: t,
         onChange: n,
@@ -1448,7 +1448,7 @@ const ql = V(function({
     })
   });
 }), Gl = V(function() {
-  const [t, n] = S.useState("");
+  const [t, n] = w.useState("");
   return /* @__PURE__ */ d(zn, {
     sx: {
       height: "90vh",
@@ -1489,7 +1489,7 @@ const ql = V(function({
 }), Bl = V(({
   value: e
 }) => {
-  const t = ee(), n = t.context.current, r = S.useMemo(() => Il(e, n, t.filters.values), [e, n]);
+  const t = ee(), n = t.context.current, r = w.useMemo(() => Il(e, n, t.filters.values), [e, n]);
   return /* @__PURE__ */ d(R, {
     children: [/* @__PURE__ */ i(C, {
       children: "Preview"
@@ -1622,8 +1622,8 @@ const Ul = V(function({
 }) {
   const {
     freezeLayout: r
-  } = S.useContext($e);
-  return S.useEffect(() => {
+  } = w.useContext($e);
+  return w.useEffect(() => {
     r(t);
   }, [t]), /* @__PURE__ */ i(Fe, {
     size: "96vw",
@@ -1714,7 +1714,7 @@ const Wo = x.model({
         onChange: (n) => t.setClearable(n.currentTarget.checked),
         label: "Clearable"
       })]
-    }), /* @__PURE__ */ i(B, {
+    }), /* @__PURE__ */ i(j, {
       data: Yl,
       label: "Display Format",
       value: t.inputFormat,
@@ -1730,7 +1730,7 @@ const Wo = x.model({
 function Xl({
   data: e
 }) {
-  return e.length === 0 ? /* @__PURE__ */ i(H, {
+  return e.length === 0 ? /* @__PURE__ */ i(B, {
     sx: {
       height: "5em"
     }
@@ -1798,7 +1798,7 @@ const Jl = V(function({
         disabled: !t.sql || !t.key,
         children: "Retry"
       })]
-    }), /* @__PURE__ */ d(H, {
+    }), /* @__PURE__ */ d(B, {
       sx: {
         position: "relative"
       },
@@ -1969,7 +1969,7 @@ const Jl = V(function({
     }), /* @__PURE__ */ i(Z, {
       label: "Configure options",
       labelPosition: "center"
-    }), r.length > 0 && /* @__PURE__ */ i(B, {
+    }), r.length > 0 && /* @__PURE__ */ i(j, {
       label: "Default Selection",
       data: o,
       value: t.default_value,
@@ -2051,10 +2051,10 @@ const Jl = V(function({
 }), ts = V(function({
   filter: t
 }) {
-  const n = t.plainDefaultValue, [r, o] = S.useState(n);
-  return S.useEffect(() => {
+  const n = t.plainDefaultValue, [r, o] = w.useState(n);
+  return w.useEffect(() => {
     o(n);
-  }, [n]), /* @__PURE__ */ d(H, {
+  }, [n]), /* @__PURE__ */ d(B, {
     sx: {
       maxWidth: "30em"
     },
@@ -2103,10 +2103,10 @@ const Jl = V(function({
   filter: t,
   index: n
 }) {
-  const r = ee(), o = S.useMemo(() => ns[t.type], [t.type]);
+  const r = ee(), o = w.useMemo(() => ns[t.type], [t.type]);
   return /* @__PURE__ */ d($a, {
     cols: 2,
-    children: [/* @__PURE__ */ d(H, {
+    children: [/* @__PURE__ */ d(B, {
       pl: "md",
       children: [/* @__PURE__ */ i(C, {
         pb: "md",
@@ -2143,7 +2143,7 @@ const Jl = V(function({
           onChange: (a) => {
             t.setLabel(a.currentTarget.value);
           }
-        }), /* @__PURE__ */ i(B, {
+        }), /* @__PURE__ */ i(j, {
           label: "Widget",
           data: rs,
           required: !0,
@@ -2172,7 +2172,7 @@ const is = V(function() {
     };
     t.filters.append(a);
   };
-  return /* @__PURE__ */ d(H, {
+  return /* @__PURE__ */ d(B, {
     sx: {
       height: "90vh",
       maxHeight: "calc(100vh - 185px)"
@@ -2230,7 +2230,7 @@ const is = V(function() {
             onClick: r,
             children: "Add a Filter"
           })]
-        }), /* @__PURE__ */ i(H, {
+        }), /* @__PURE__ */ i(B, {
           sx: {
             flexGrow: 1,
             height: "100%"
@@ -2245,7 +2245,7 @@ const is = V(function() {
                 height: "100%"
               },
               spacing: "sm",
-              children: [/* @__PURE__ */ i(H, {
+              children: [/* @__PURE__ */ i(B, {
                 sx: {
                   flexGrow: 1,
                   maxHeight: "calc(100% - 52px)",
@@ -2280,8 +2280,8 @@ const is = V(function() {
 }) {
   const {
     freezeLayout: r
-  } = S.useContext($e);
-  return S.useEffect(() => {
+  } = w.useContext($e);
+  return w.useEffect(() => {
     r(t);
   }, [t]), /* @__PURE__ */ i(Fe, {
     size: "96vw",
@@ -2355,7 +2355,7 @@ const us = V(() => {
       onChange: (n) => {
         t.setName(n.currentTarget.value);
       }
-    }), /* @__PURE__ */ i(B, {
+    }), /* @__PURE__ */ i(j, {
       label: "Type",
       value: t.type,
       onChange: t.setType,
@@ -2369,8 +2369,8 @@ const us = V(() => {
   var o;
   const n = ee(), {
     freezeLayout: r
-  } = S.useContext($e);
-  return S.useEffect(() => {
+  } = w.useContext($e);
+  return w.useEffect(() => {
     r(e);
   }, [e]), /* @__PURE__ */ i(Fe, {
     size: "500px",
@@ -2459,7 +2459,7 @@ const us = V(() => {
     sx: {
       minWidth: "260px"
     },
-    children: [/* @__PURE__ */ i(B, {
+    children: [/* @__PURE__ */ i(j, {
       value: e,
       onChange: (s) => {
         s !== Ur ? t(s) : n();
@@ -2523,11 +2523,11 @@ function bs({
 }) {
   const {
     freezeLayout: r
-  } = S.useContext($e);
-  S.useEffect(() => {
+  } = w.useContext($e);
+  w.useEffect(() => {
     r(e);
   }, [e]);
-  const o = S.useMemo(() => JSON.stringify(n(), null, 2), [e]);
+  const o = w.useMemo(() => JSON.stringify(n(), null, 2), [e]);
   return /* @__PURE__ */ i(Fe, {
     size: "96vw",
     overflow: "inside",
@@ -2551,7 +2551,7 @@ function bs({
 const Jo = V(function({
   saveChanges: t
 }) {
-  const n = ee(), r = S.useCallback(() => {
+  const n = ee(), r = w.useCallback(() => {
     const L = n.queries.current, Y = n.views.current, le = n.sqlSnippets.current;
     return {
       filters: n.filters.current,
@@ -2566,7 +2566,7 @@ const Jo = V(function({
   }, a = n.views.changed || n.sqlSnippets.changed || n.queries.changed || n.filters.changed, {
     inEditMode: l,
     inUseMode: s
-  } = S.useContext($e), [u, g] = S.useState(!1), c = () => g(!0), f = () => g(!1), [p, m] = S.useState(!1), b = () => m(!0), v = () => m(!1), [w, F] = S.useState(!1), $ = () => F(!0), A = () => F(!1);
+  } = w.useContext($e), [u, g] = w.useState(!1), c = () => g(!0), f = () => g(!1), [p, m] = w.useState(!1), b = () => m(!0), v = () => m(!1), [S, F] = w.useState(!1), $ = () => F(!0), A = () => F(!1);
   return /* @__PURE__ */ d(y, {
     position: "apart",
     pt: 0,
@@ -2654,7 +2654,7 @@ const Jo = V(function({
       opened: u,
       close: f
     }), /* @__PURE__ */ i(bs, {
-      opened: w,
+      opened: S,
       close: A,
       getCurrentSchema: r
     })]
@@ -2663,10 +2663,10 @@ const Jo = V(function({
 const Ko = V(() => {
   const {
     freezeLayout: e
-  } = S.useContext($e), [t, n] = S.useState(!1), {
+  } = w.useContext($e), [t, n] = w.useState(!1), {
     panel: r
   } = pe();
-  return S.useEffect(() => {
+  return w.useEffect(() => {
     e(t);
   }, [t]), !r.description || r.description === "<p><br></p>" ? null : /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ i(Fe, {
@@ -2793,7 +2793,7 @@ function Ss({
   async function r(o) {
     await e.changeSchema(t.find((a) => a.id === o));
   }
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     label: "Operation",
     data: n,
     onChange: r,
@@ -2888,7 +2888,7 @@ const Vs = V(({
   async function r(o) {
     await e.changeSchema(t.find((a) => a.id === o));
   }
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     label: "Trigger",
     data: n,
     value: e.triggerSchema.id,
@@ -3168,7 +3168,7 @@ const As = (e) => {
   getColor: Jt(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Gs = "5.1.0";
+}, Gs = "5.2.0";
 class Bs {
   constructor(t) {
     z(this, "staticColors", /* @__PURE__ */ new Map());
@@ -3334,11 +3334,11 @@ function Ws({
     handleSubmit: a,
     watch: l,
     getValues: s
-  } = Le({
+  } = Ne({
     defaultValues: r
   });
   l("content");
-  const u = s(), g = G(() => !ze(u, t), [u, t]), c = ri(t == null ? void 0 : t.content);
+  const u = s(), g = G(() => !Te(u, t), [u, t]), c = ri(t == null ? void 0 : t.content);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -3514,7 +3514,7 @@ function Ks({
     ref: n,
     children: [/* @__PURE__ */ d(y, {
       grow: !0,
-      children: [/* @__PURE__ */ i(B, {
+      children: [/* @__PURE__ */ i(j, {
         label: "Format",
         data: [{
           label: "1234",
@@ -3528,7 +3528,7 @@ function Ks({
         sx: {
           flexGrow: 1
         }
-      }), /* @__PURE__ */ i(Ue, {
+      }), /* @__PURE__ */ i(ze, {
         label: /* @__PURE__ */ d(R, {
           spacing: 0,
           children: [/* @__PURE__ */ i(C, {
@@ -3567,7 +3567,7 @@ function Ks({
         max: 4,
         value: e.mantissa,
         onChange: o
-      }), /* @__PURE__ */ i(Ue, {
+      }), /* @__PURE__ */ i(ze, {
         label: "Trim mantissa",
         checked: e.trimMantissa,
         onChange: a,
@@ -3613,7 +3613,7 @@ function Ks({
     })]
   });
 }
-const Xn = S.forwardRef(Ks);
+const Xn = w.forwardRef(Ks);
 function Kt() {
   return {
     name: Se(),
@@ -3683,7 +3683,7 @@ function eu({
     grow: !0,
     noWrap: !0,
     pt: "sm",
-    children: [/* @__PURE__ */ i(B, {
+    children: [/* @__PURE__ */ i(j, {
       ref: r,
       label: e,
       data: Zs,
@@ -3700,7 +3700,7 @@ function eu({
     })]
   });
 }
-const tu = S.forwardRef(eu);
+const tu = w.forwardRef(eu);
 function nu({
   label: e,
   required: t,
@@ -3711,7 +3711,7 @@ function nu({
   sx: l,
   ...s
 }, u) {
-  const g = S.useMemo(() => {
+  const g = w.useMemo(() => {
     if (!Array.isArray(o) || o.length === 0)
       return [];
     const f = Object.keys(o[0]).map((p) => ({
@@ -3723,7 +3723,7 @@ function nu({
       value: ""
     }]) : f;
   }, [o]);
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     ref: u,
     label: e,
     data: g,
@@ -3734,19 +3734,19 @@ function nu({
     ...s
   });
 }
-const J = S.forwardRef(nu);
+const J = w.forwardRef(nu);
 function ru({
   label: e,
   value: t,
   onChange: n
 }, r) {
-  const [o, a] = S.useState(Array.isArray(t) ? [...t] : []), l = S.useCallback(() => {
+  const [o, a] = w.useState(Array.isArray(t) ? [...t] : []), l = w.useCallback(() => {
     a((p) => [...p, ""]);
-  }, [a]), s = S.useCallback((p) => {
+  }, [a]), s = w.useCallback((p) => {
     a((m) => (m.splice(p, 1), [...m]));
-  }, [a]), u = S.useMemo(() => !U.isEqual(o, t), [o, t]), g = () => {
+  }, [a]), u = w.useMemo(() => !U.isEqual(o, t), [o, t]), g = () => {
     n(o.map((p) => p.toString()));
-  }, c = ka(), f = S.useMemo(() => Object.entries(c.colors).map(([p, m]) => m[6]), [c]);
+  }, c = ka(), f = w.useMemo(() => Object.entries(c.colors).map(([p, m]) => m[6]), [c]);
   return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ d(y, {
       position: "left",
@@ -3791,18 +3791,18 @@ function ru({
     })]
   });
 }
-const ou = S.forwardRef(ru);
+const ou = w.forwardRef(ru);
 function iu({
   value: e,
   onChange: t
 }, n) {
   const {
     colorManager: r
-  } = Te(Ne), o = S.useMemo(() => r.getStaticColors().map((s) => ({
+  } = Le(qe), o = w.useMemo(() => r.getStaticColors().map((s) => ({
     label: s.name,
     group: s.category,
     value: s.value
-  })), [r]), a = S.useMemo(() => o.some((l) => l.value === e), [e, o]);
+  })), [r]), a = w.useMemo(() => o.some((l) => l.value === e), [e, o]);
   return /* @__PURE__ */ d(y, {
     position: "apart",
     spacing: 4,
@@ -3825,7 +3825,7 @@ function iu({
         flexGrow: 0
       },
       children: "or"
-    }), /* @__PURE__ */ i(B, {
+    }), /* @__PURE__ */ i(j, {
       data: o,
       value: e,
       onChange: t,
@@ -3842,7 +3842,7 @@ function iu({
     })]
   });
 }
-const Qe = S.forwardRef(iu), kt = [{
+const Qe = w.forwardRef(iu), kt = [{
   label: "initial",
   value: 0
 }, {
@@ -3864,8 +3864,8 @@ function au({
   onChange: n
 }, r) {
   var l, s;
-  const [o, a] = S.useState((s = (l = kt.find((u) => u.label === t)) == null ? void 0 : l.value) != null ? s : kt[0].value);
-  return S.useEffect(() => {
+  const [o, a] = w.useState((s = (l = kt.find((u) => u.label === t)) == null ? void 0 : l.value) != null ? s : kt[0].value);
+  return w.useEffect(() => {
     const u = kt.find((g) => g.value === o);
     u && n(u.label);
   }, [o]), /* @__PURE__ */ d(R, {
@@ -3886,17 +3886,17 @@ function au({
     })]
   });
 }
-const lu = S.forwardRef(au);
+const lu = w.forwardRef(au);
 function su({
   label: e,
   value: t,
   onChange: n
 }, r) {
-  const [o, a] = S.useState(Array.isArray(t) ? [...t] : []), l = S.useCallback(() => {
+  const [o, a] = w.useState(Array.isArray(t) ? [...t] : []), l = w.useCallback(() => {
     a((c) => [...c, ""]);
-  }, [a]), s = S.useCallback((c) => {
+  }, [a]), s = w.useCallback((c) => {
     a((f) => (f.splice(c, 1), [...f]));
-  }, [a]), u = S.useMemo(() => !U.isEqual(o, t), [o, t]);
+  }, [a]), u = w.useMemo(() => !U.isEqual(o, t), [o, t]);
   return /* @__PURE__ */ d(K, {
     children: [/* @__PURE__ */ d(y, {
       position: "left",
@@ -3943,7 +3943,7 @@ function su({
     })]
   });
 }
-const uu = S.forwardRef(su), cu = S.forwardRef(function({
+const uu = w.forwardRef(su), cu = w.forwardRef(function({
   value: t,
   onChange: n
 }, r) {
@@ -3985,7 +3985,7 @@ const uu = S.forwardRef(su), cu = S.forwardRef(function({
       label: "Style",
       labelPosition: "center"
     }), /* @__PURE__ */ d(R, {
-      children: [/* @__PURE__ */ i(B, {
+      children: [/* @__PURE__ */ i(j, {
         label: "Color Type",
         data: [{
           label: "Static Color",
@@ -4012,7 +4012,7 @@ const uu = S.forwardRef(su), cu = S.forwardRef(function({
       })]
     })]
   });
-}), Zt = S.forwardRef(function({
+}), Zt = w.forwardRef(function({
   value: t,
   onChange: n,
   data: r,
@@ -4022,7 +4022,7 @@ const uu = S.forwardRef(su), cu = S.forwardRef(function({
     const g = U.cloneDeep(t);
     U.set(g, s, u), n(g);
   };
-  return /* @__PURE__ */ d(H, {
+  return /* @__PURE__ */ d(B, {
     px: "sm",
     py: "md",
     ref: a,
@@ -4132,7 +4132,7 @@ const Zn = (e, t) => (n) => Boolean(It(n) && pu.test(n) && n.startsWith(e) || t
   test: Zn("hsl", "hue"),
   parse: si("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + Ct.transform(xt(t)) + ", " + Ct.transform(xt(n)) + ", " + xt(li.transform(r)) + ")"
-}, hu = ai(0, 255), hn = Object.assign(Object.assign({}, en), { transform: (e) => Math.round(hu(e)) }), Be = {
+}, hu = ai(0, 255), hn = Object.assign(Object.assign({}, en), { transform: (e) => Math.round(hu(e)) }), je = {
   test: Zn("rgb", "red"),
   parse: si("red", "green", "blue"),
   transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + hn.transform(e) + ", " + hn.transform(t) + ", " + hn.transform(n) + ", " + xt(li.transform(r)) + ")"
@@ -4149,11 +4149,11 @@ function mu(e) {
 const In = {
   test: Zn("#"),
   parse: mu,
-  transform: Be.transform
+  transform: je.transform
 }, tn = {
-  test: (e) => Be.test(e) || In.test(e) || tt.test(e),
-  parse: (e) => Be.test(e) ? Be.parse(e) : tt.test(e) ? tt.parse(e) : In.parse(e),
-  transform: (e) => It(e) ? e : e.hasOwnProperty("red") ? Be.transform(e) : tt.transform(e)
+  test: (e) => je.test(e) || In.test(e) || tt.test(e),
+  parse: (e) => je.test(e) ? je.parse(e) : tt.test(e) ? tt.parse(e) : In.parse(e),
+  transform: (e) => It(e) ? e : e.hasOwnProperty("red") ? je.transform(e) : tt.transform(e)
 }, ui = "${c}", ci = "${n}";
 function vu(e) {
   var t, n, r, o;
@@ -4208,11 +4208,11 @@ function Wr({ hue: e, saturation: t, lightness: n, alpha: r }) {
 const xu = (e, t, n) => {
   const r = e * e, o = t * t;
   return Math.sqrt(Math.max(0, n * (o - r) + r));
-}, Cu = [In, Be, tt], Yr = (e) => Cu.find((t) => t.test(e)), Qr = (e) => `'${e}' is not an animatable color. Use the equivalent color code instead.`, hi = (e, t) => {
+}, Cu = [In, je, tt], Yr = (e) => Cu.find((t) => t.test(e)), Qr = (e) => `'${e}' is not an animatable color. Use the equivalent color code instead.`, hi = (e, t) => {
   let n = Yr(e), r = Yr(t);
   St(!!n, Qr(e)), St(!!r, Qr(t));
   let o = n.parse(e), a = r.parse(t);
-  n === tt && (o = Wr(o), n = Be), r === tt && (a = Wr(a), r = Be);
+  n === tt && (o = Wr(o), n = je), r === tt && (a = Wr(a), r = je);
   const l = Object.assign({}, o);
   return (s) => {
     for (const u in l)
@@ -4484,7 +4484,7 @@ function qu({
   const t = e.data || [], {
     value: n,
     set: r
-  } = Q(e.instanceData, "config"), o = S.useMemo(() => {
+  } = Q(e.instanceData, "config"), o = w.useMemo(() => {
     const {
       align: p,
       template: m = "",
@@ -4501,13 +4501,13 @@ function qu({
     watch: s,
     getValues: u,
     reset: g
-  } = Le({
+  } = Ne({
     defaultValues: o
   });
-  S.useEffect(() => {
+  w.useEffect(() => {
     g(o);
   }, [o]), s(["variables", "template"]);
-  const c = u(), f = S.useMemo(() => !U.isEqual(c, n), [c, n]);
+  const c = u(), f = w.useMemo(() => !U.isEqual(c, n), [c, n]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -4573,7 +4573,7 @@ const Gu = {
   viewRender: Tu,
   configRender: qu
 };
-var je = /* @__PURE__ */ ((e) => (e.string = "string", e.number = "number", e.eloc = "eloc", e.percentage = "percentage", e))(je || {});
+var He = /* @__PURE__ */ ((e) => (e.string = "string", e.number = "number", e.eloc = "eloc", e.percentage = "percentage", e))(He || {});
 const Nt = {
   columns: [],
   fontSize: "1rem",
@@ -4594,14 +4594,14 @@ const Nt = {
  *
  * @license MIT
  */
-function He(e, t) {
+function Ue(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function _e(e, t) {
   return (n) => {
     t.setState((r) => ({
       ...r,
-      [e]: He(n, r[e])
+      [e]: Ue(n, r[e])
     }));
   };
 }
@@ -4876,22 +4876,22 @@ function At(e, t, n, r) {
       id: [r, "" + m].filter(Boolean).join("_"),
       headers: []
     }, v = [];
-    p.forEach((w) => {
-      const F = [...v].reverse()[0], $ = w.column.depth === b.depth;
+    p.forEach((S) => {
+      const F = [...v].reverse()[0], $ = S.column.depth === b.depth;
       let A, L = !1;
-      if ($ && w.column.parent ? A = w.column.parent : (A = w.column, L = !0), F && (F == null ? void 0 : F.column) === A)
-        F.subHeaders.push(w);
+      if ($ && S.column.parent ? A = S.column.parent : (A = S.column, L = !0), F && (F == null ? void 0 : F.column) === A)
+        F.subHeaders.push(S);
       else {
         const Y = Jr(n, A, {
-          id: [r, m, A.id, w == null ? void 0 : w.id].filter(Boolean).join("_"),
+          id: [r, m, A.id, S == null ? void 0 : S.id].filter(Boolean).join("_"),
           isPlaceholder: L,
           placeholderId: L ? "" + v.filter((le) => le.column === A).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;
     }), u.push(b), m > 0 && g(v, m - 1);
   }, c = t.map((p, m) => Jr(n, p, {
     depth: l,
@@ -4899,7 +4899,7 @@ function At(e, t, n, r) {
   }));
   g(c, l - 1), u.reverse();
   const f = (p) => p.filter((b) => b.column.getIsVisible()).map((b) => {
-    let v = 0, w = 0, F = [0];
+    let v = 0, S = 0, F = [0];
     b.subHeaders && b.subHeaders.length ? (F = [], f(b.subHeaders).forEach((A) => {
       let {
         colSpan: L,
@@ -4908,9 +4908,9 @@ function At(e, t, n, r) {
       v += L, F.push(Y);
     })) : v = 1;
     const $ = Math.min(...F);
-    return w = w + $, b.colSpan = v, b.rowSpan = w, {
+    return S = S + $, b.colSpan = v, b.rowSpan = S, {
       colSpan: v,
-      rowSpan: w
+      rowSpan: S
     };
   });
   return f((o = (a = u[0]) == null ? void 0 : a.headers) != null ? o : []), u;
@@ -4996,19 +4996,19 @@ const Ot = {
           if (typeof b != "number")
             return;
           let v = {};
-          t.setColumnSizingInfo((w) => {
+          t.setColumnSizingInfo((S) => {
             var F, $;
-            const A = b - ((F = w == null ? void 0 : w.startOffset) != null ? F : 0), L = Math.max(A / (($ = w == null ? void 0 : w.startSize) != null ? $ : 0), -0.999999);
-            return w.columnSizingStart.forEach((Y) => {
+            const A = b - ((F = S == null ? void 0 : S.startOffset) != null ? F : 0), L = Math.max(A / (($ = S == null ? void 0 : S.startSize) != null ? $ : 0), -0.999999);
+            return S.columnSizingStart.forEach((Y) => {
               let [le, ie] = Y;
               v[le] = Math.round(Math.max(ie + ie * L, 0) * 100) / 100;
             }), {
-              ...w,
+              ...S,
               deltaOffset: A,
               deltaPercentage: L
             };
-          }), (t.options.columnResizeMode === "onChange" || m === "end") && t.setColumnSizing((w) => ({
-            ...w,
+          }), (t.options.columnResizeMode === "onChange" || m === "end") && t.setColumnSizing((S) => ({
+            ...S,
             ...v
           }));
         }, g = (m) => u("move", m), c = (m) => {
@@ -5300,7 +5300,7 @@ const Qu = {
     },
     setFilterValue: (n) => {
       t.setColumnFilters((r) => {
-        const o = e.getFilterFn(), a = r == null ? void 0 : r.find((c) => c.id === e.id), l = He(n, a ? a.value : void 0);
+        const o = e.getFilterFn(), a = r == null ? void 0 : r.find((c) => c.id === e.id), l = Ue(n, a ? a.value : void 0);
         if (Kr(o, l, e)) {
           var s;
           return (s = r == null ? void 0 : r.filter((c) => c.id !== e.id)) != null ? s : [];
@@ -5342,7 +5342,7 @@ const Qu = {
     setColumnFilters: (t) => {
       const n = e.getAllLeafColumns(), r = (o) => {
         var a;
-        return (a = He(t, o)) == null ? void 0 : a.filter((l) => {
+        return (a = Ue(t, o)) == null ? void 0 : a.filter((l) => {
           const s = n.find((u) => u.id === l.id);
           if (s) {
             const u = s.getFilterFn();
@@ -5571,7 +5571,7 @@ const lc = {
         }
       },
       setPagination: (r) => {
-        const o = (a) => He(r, a);
+        const o = (a) => Ue(r, a);
         return e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange(o);
       },
       resetPagination: (r) => {
@@ -5580,7 +5580,7 @@ const lc = {
       },
       setPageIndex: (r) => {
         e.setPagination((o) => {
-          let a = He(r, o.pageIndex);
+          let a = Ue(r, o.pageIndex);
           const l = typeof e.options.pageCount > "u" || e.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : e.options.pageCount - 1;
           return a = Math.min(Math.max(0, a), l), {
             ...o,
@@ -5598,7 +5598,7 @@ const lc = {
       },
       setPageSize: (r) => {
         e.setPagination((o) => {
-          const a = Math.max(1, He(r, o.pageSize)), l = o.pageSize * o.pageIndex, s = Math.floor(l / a);
+          const a = Math.max(1, Ue(r, o.pageSize)), l = o.pageSize * o.pageIndex, s = Math.floor(l / a);
           return {
             ...o,
             pageIndex: s,
@@ -5608,7 +5608,7 @@ const lc = {
       },
       setPageCount: (r) => e.setPagination((o) => {
         var a;
-        let l = He(r, (a = e.options.pageCount) != null ? a : -1);
+        let l = Ue(r, (a = e.options.pageCount) != null ? a : -1);
         return typeof l == "number" && (l = Math.max(-1, l)), {
           ...o,
           pageCount: l
@@ -6211,7 +6211,7 @@ function yc(e) {
       n.setState(n.initialState);
     },
     setOptions: (c) => {
-      const f = He(c, n.options);
+      const f = Ue(c, n.options);
       n.options = o(f);
     },
     getState: () => n.options.state,
@@ -6255,8 +6255,8 @@ function yc(e) {
     getAllColumns: O(() => [n._getColumnDefs()], (c) => {
       const f = function(p, m, b) {
         return b === void 0 && (b = 0), p.map((v) => {
-          const w = ju(n, v, b, m), F = v;
-          return w.columns = F.columns ? f(F.columns, w, b + 1) : [], w;
+          const S = ju(n, v, b, m), F = v;
+          return S.columns = F.columns ? f(F.columns, S, b + 1) : [], S;
         });
       };
       return f(c);
@@ -6428,7 +6428,7 @@ function _c() {
       return g.sort((c, f) => {
         for (let m = 0; m < a.length; m += 1) {
           var p;
-          const b = a[m], v = l[b.id], w = (p = b == null ? void 0 : b.desc) != null ? p : !1;
+          const b = a[m], v = l[b.id], S = (p = b == null ? void 0 : b.desc) != null ? p : !1;
           if (v.sortUndefined) {
             const $ = c.getValue(b.id), A = f.getValue(b.id), L = typeof $ > "u", Y = typeof A > "u";
             if (L || Y)
@@ -6436,7 +6436,7 @@ function _c() {
           }
           let F = v.sortingFn(c, f, b.id);
           if (F !== 0)
-            return w && (F *= -1), v.invertSorting && (F *= -1), F;
+            return S && (F *= -1), v.invertSorting && (F *= -1), F;
         }
         return c.index - f.index;
       }), g.forEach((c) => {
@@ -6639,7 +6639,7 @@ function qc(e) {
       column: +u
     });
   };
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     clearable: !1,
     data: r,
     label: "Choose a column",
@@ -6757,19 +6757,19 @@ function Jc(e) {
 }
 function Kc(e) {
   switch (e.type) {
-    case je.string:
+    case He.string:
       return /* @__PURE__ */ i(Yc, {
         ...e
       });
-    case je.eloc:
+    case He.eloc:
       return /* @__PURE__ */ i(Qc, {
         ...e
       });
-    case je.number:
+    case He.number:
       return /* @__PURE__ */ i(Xc, {
         ...e
       });
-    case je.percentage:
+    case He.percentage:
       return /* @__PURE__ */ i(Jc, {
         ...e
       });
@@ -6778,7 +6778,7 @@ function Kc(e) {
 const Zc = (e) => {
   const t = Fc(e), n = $c(t.triggerManager, rr.id), {
     colorManager: r
-  } = Te(Ne);
+  } = Le(qe);
   return Tt((o) => new td(e.getColIndex, o, n, t, r), [n, t, e.getColIndex]);
 };
 function ed({
@@ -6798,19 +6798,19 @@ function ed({
   } = a, {
     classes: g,
     cx: c
-  } = jc(), f = S.useMemo(() => l ? Object.keys(n[0]).map((se) => ({
+  } = jc(), f = w.useMemo(() => l ? Object.keys(n[0]).map((se) => ({
     label: se,
     value_field: se,
-    value_type: je.string
+    value_type: He.string
   })) : s, [l, s, n]), p = Zc({
     getColIndex: Tt((se) => f.indexOf(se.column.columnDef.meta), [f]),
     vizManager: e.vizManager,
     instance: t
   }), m = G(() => {
     const se = wc(), De = f.map((me) => se.accessor(me.value_field, {
-      cell: (qe) => /* @__PURE__ */ i(Kc, {
-        tableCellContext: p(qe.cell),
-        value: qe.getValue(),
+      cell: (Ge) => /* @__PURE__ */ i(Kc, {
+        tableCellContext: p(Ge.cell),
+        value: Ge.getValue(),
         type: me.value_type
       }),
       header: me.label,
@@ -6823,7 +6823,7 @@ function ed({
       header: "#",
       size: 10 * (n.length.toString().length + 1)
     }), ...De];
-  }, [f, p]), [b, v] = be([]), w = Vc({
+  }, [f, p]), [b, v] = be([]), S = Vc({
     data: n,
     state: {
       sorting: b
@@ -6834,7 +6834,7 @@ function ed({
     getSortedRowModel: _c()
   }), {
     rows: F
-  } = w.getRowModel(), $ = S.useRef(null), A = fl({
+  } = S.getRowModel(), $ = w.useRef(null), A = fl({
     parentRef: $,
     size: F.length,
     estimateSize: Tt(() => 28, []),
@@ -6860,7 +6860,7 @@ function ed({
       striped: a.striped,
       children: [/* @__PURE__ */ i("thead", {
         className: g.thead,
-        children: w.getHeaderGroups().map((se) => /* @__PURE__ */ i("tr", {
+        children: S.getHeaderGroups().map((se) => /* @__PURE__ */ i("tr", {
           children: se.headers.map((De) => /* @__PURE__ */ i("th", {
             style: {
               width: De.getSize()
@@ -7015,7 +7015,7 @@ function od(e) {
     setFalse: c
   }] = _t(!1), f = r % 2 === 1, p = f && o != null, m = !f && o != null, b = `map ${o} to color ${r}`, v = () => {
     s(o), c();
-  }, w = () => {
+  }, S = () => {
     c(), t == null || t(l);
   }, F = we(o).format({
     average: !0
@@ -7064,7 +7064,7 @@ function od(e) {
             }), /* @__PURE__ */ i(T, {
               "data-testid": "palette-item-ok",
               size: "xs",
-              onClick: w,
+              onClick: S,
               children: "OK"
             })]
           })]
@@ -7112,24 +7112,24 @@ const id = V(({
   } = e, o = r.getColorInterpolations(), [a, l] = be(t), s = r.decodeInterpolation(a.interpolation) || o[0], [u, {
     setTrue: g,
     setFalse: c
-  }] = _t(), f = o.map((w) => ({
-    label: w.displayName,
-    value: r.encodeColor(w),
-    group: w.category
+  }] = _t(), f = o.map((S) => ({
+    label: S.displayName,
+    value: r.encodeColor(S),
+    group: S.category
   }));
-  function p(w) {
-    w && l((F) => ({
+  function p(S) {
+    S && l((F) => ({
       ...F,
-      interpolation: w
+      interpolation: S
     }));
   }
   const m = () => {
     c(), n == null || n(Wt(a));
   };
-  function b(w) {
+  function b(S) {
     l((F) => ({
       ...F,
-      steps: w
+      steps: S
     }));
   }
   const v = () => {
@@ -7147,7 +7147,7 @@ const id = V(({
       onClose: c,
       children: u && /* @__PURE__ */ d(R, {
         "data-testid": "color-interpolation-modal",
-        children: [/* @__PURE__ */ i(B, {
+        children: [/* @__PURE__ */ i(j, {
           label: "Color style",
           value: a.interpolation,
           data: f,
@@ -7193,15 +7193,15 @@ function dd(e, t) {
 const gd = (e) => {
   const {
     colorManager: t
-  } = Te(Ne), [n, r] = be(Oi(e.value)), [o, a] = be(cd(t, e.value)), l = Nr(o), [s, u] = be(dd(t, e.value)), g = Nr(s);
+  } = Le(qe), [n, r] = be(Oi(e.value)), [o, a] = be(cd(t, e.value)), l = Nr(o), [s, u] = be(dd(t, e.value)), g = Nr(s);
   return /* @__PURE__ */ d(y, {
     align: "end",
-    children: [/* @__PURE__ */ i(B, {
+    children: [/* @__PURE__ */ i(j, {
       label: "Cell background",
       value: n || "none",
       onChange: (m) => {
-        var b, v, w;
-        r(m || "none"), m === "static" ? (b = e.onChange) == null || b.call(e, l.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, l.current) : m === "none" || !m ? (v = e.onChange) == null || v.call(e, "none") : (S = e.onChange) == null || S.call(e, g.current);
       },
       data: sd
     }), n === "static" && /* @__PURE__ */ i(Qe, {
@@ -7219,7 +7219,7 @@ const gd = (e) => {
       }
     })]
   });
-}, pd = Object.values(je).map((e) => ({
+}, pd = Object.values(He).map((e) => ({
   label: e,
   value: e
 }));
@@ -7229,7 +7229,7 @@ function fd({
   onChange: n,
   sx: r
 }) {
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     label: e,
     data: pd,
     value: t,
@@ -7253,7 +7253,7 @@ function hd({
   const o = e.data || [], a = () => r.insertListItem("columns", {
     label: Se(),
     value_field: "value",
-    value_type: je.string
+    value_type: He.string
   });
   return /* @__PURE__ */ i(R, {
     mt: "md",
@@ -7344,12 +7344,12 @@ function hd({
           }), /* @__PURE__ */ d(y, {
             position: "apart",
             grow: !0,
-            children: [/* @__PURE__ */ i(Ue, {
+            children: [/* @__PURE__ */ i(ze, {
               label: "Striped",
               ...r.getInputProps("striped", {
                 type: "checkbox"
               })
-            }), /* @__PURE__ */ i(Ue, {
+            }), /* @__PURE__ */ i(ze, {
               label: "Highlight on hover",
               ...r.getInputProps("highlightOnHover", {
                 type: "checkbox"
@@ -7366,7 +7366,7 @@ function hd({
           border: "1px solid #eee",
           borderRadius: "5px"
         },
-        children: [/* @__PURE__ */ i(Ue, {
+        children: [/* @__PURE__ */ i(ze, {
           label: "Use Original Data Columns",
           ...r.getInputProps("use_raw_columns", {
             type: "checkbox"
@@ -7864,7 +7864,7 @@ function Vd({
     control: a,
     handleSubmit: l,
     reset: s
-  } = Le({
+  } = Ne({
     defaultValues: o
   });
   return ne(() => {
@@ -8171,7 +8171,7 @@ function kd({
         control: e,
         render: ({
           field: o
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Value",
           required: !0,
           data: r,
@@ -8332,13 +8332,13 @@ function zd({
     watch: s,
     getValues: u,
     reset: g
-  } = Le({
+  } = Ne({
     defaultValues: o
   });
   ne(() => {
     g(o);
   }, [o]), s(["x_axis", "y_axis", "reference_lines", "color"]);
-  const c = u(), f = G(() => !ze(c, t), [c, t]);
+  const c = u(), f = G(() => !Te(c, t), [c, t]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -8586,26 +8586,41 @@ function Bd(e, t, n) {
     }
   }));
 }
-function jd({ x_axis_data_key: e }, { y_axis_data_key: t, yAxisIndex: n, label_position: r, name: o, group_by_key: a, stack: l, color: s, ...u }, g, c, f) {
-  const p = {
+function jd({ x_axis_data_key: e }, {
+  y_axis_data_key: t,
+  yAxisIndex: n,
+  label_position: r,
+  name: o,
+  group_by_key: a,
+  stack: l,
+  color: s,
+  display_name_on_line: u,
+  ...g
+}, c, f, p) {
+  const m = {
     label: {
       show: !!r,
       position: r,
-      formatter: f[n != null ? n : "default"]
+      formatter: p[n != null ? n : "default"]
     },
     name: o,
     xAxisId: "main-x-axis",
     yAxisIndex: n,
     stack: l,
     color: s,
-    ...u
+    ...g
   };
-  if (!a)
-    return p.data = c.map((b) => b[t]), p;
-  const m = Ya(c, a);
-  return Object.entries(m).map(([b, v]) => {
-    const w = mo(p);
-    return w.data = Gd(g, v, e, t), w.name = b, w.color = void 0, w;
+  if (u && (m.endLabel = {
+    show: !0,
+    formatter: o,
+    offset: [-12, 12],
+    align: "right"
+  }), !a)
+    return m.data = f.map((v) => v[t]), m;
+  const b = Ya(f, a);
+  return Object.entries(b).map(([v, S]) => {
+    const F = mo(m);
+    return F.data = Gd(c, S, e, t), F.name = v, F.color = void 0, F;
   });
 }
 function Hd(e, t, n, r) {
@@ -8761,7 +8776,7 @@ function Jd({
   width: n,
   height: r
 }) {
-  const o = S.useMemo(() => Xd(e, t), [e, t]);
+  const o = w.useMemo(() => Xd(e, t), [e, t]);
   return !n || !r ? null : /* @__PURE__ */ i(Ke, {
     echarts: ce,
     option: o,
@@ -8785,7 +8800,7 @@ function Kd({
   } = _n(), {
     ref: u,
     height: g
-  } = _n(), c = S.useMemo(() => {
+  } = _n(), c = w.useMemo(() => {
     const {
       stats: {
         templates: p,
@@ -8797,7 +8812,7 @@ function Kd({
       bottom: Vn(p.bottom, m, r)
     };
   }, [n, r]), f = Math.max(0, a - s - g);
-  return /* @__PURE__ */ d(H, {
+  return /* @__PURE__ */ d(B, {
     children: [no(n.stats.templates.top) && /* @__PURE__ */ i(C, {
       ref: l,
       align: "left",
@@ -8854,7 +8869,7 @@ function Zd({
         control: e,
         render: ({
           field: o
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Value",
           required: !0,
           data: r,
@@ -9011,7 +9026,7 @@ function rg({
           }
         }) => {
           var c;
-          return /* @__PURE__ */ i(B, {
+          return /* @__PURE__ */ i(j, {
             label: "Y Axis",
             data: o,
             disabled: o.length === 0,
@@ -9038,7 +9053,7 @@ function rg({
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Method",
           data: tg,
           sx: {
@@ -9071,7 +9086,7 @@ function rg({
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Line Type",
           data: ng,
           sx: {
@@ -9138,7 +9153,7 @@ function og({
   }), l = t("regressions"), s = r.map((f, p) => ({
     ...f,
     ...l[p]
-  })), u = t("y_axes"), g = S.useMemo(() => u.map(({
+  })), u = t("y_axes"), g = w.useMemo(() => u.map(({
     name: f
   }, p) => ({
     label: f,
@@ -9228,7 +9243,7 @@ function ag({
       control: e,
       render: ({
         field: n
-      }) => /* @__PURE__ */ i(B, {
+      }) => /* @__PURE__ */ i(j, {
         label: "Bar Gap",
         data: ig,
         sx: {
@@ -9278,7 +9293,7 @@ function ug({
         control: e,
         render: ({
           field: n
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Line Type",
           data: sg,
           sx: {
@@ -9309,7 +9324,7 @@ function ug({
         control: e,
         render: ({
           field: n
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Step",
           data: lg,
           sx: {
@@ -9323,21 +9338,41 @@ function ug({
             n.onChange(o);
           }
         })
-      }), /* @__PURE__ */ i(D, {
-        name: `series.${t}.smooth`,
-        control: e,
-        render: ({
-          field: n
-        }) => /* @__PURE__ */ i(H, {
-          sx: {
-            flexGrow: 1
-          },
-          children: /* @__PURE__ */ i(Ue, {
-            label: "Smooth Line",
-            checked: n.value,
-            onChange: (r) => n.onChange(r.currentTarget.checked)
+      }), /* @__PURE__ */ d(R, {
+        children: [/* @__PURE__ */ i(D, {
+          name: `series.${t}.smooth`,
+          control: e,
+          render: ({
+            field: n
+          }) => /* @__PURE__ */ i(B, {
+            sx: {
+              flexGrow: 1
+            },
+            children: /* @__PURE__ */ i(ze, {
+              label: "Smooth Line",
+              checked: n.value,
+              onChange: (r) => n.onChange(r.currentTarget.checked)
+            })
           })
-        })
+        }), /* @__PURE__ */ i(D, {
+          name: `series.${t}.display_name_on_line`,
+          control: e,
+          render: ({
+            field: n
+          }) => {
+            var r;
+            return /* @__PURE__ */ i(B, {
+              sx: {
+                flexGrow: 1
+              },
+              children: /* @__PURE__ */ i(ze, {
+                label: "Display Name on Line",
+                checked: (r = n.value) != null ? r : !1,
+                onChange: (o) => n.onChange(o.currentTarget.checked)
+              })
+            });
+          }
+        })]
       })]
     })]
   });
@@ -9509,7 +9544,7 @@ function pg({
           }
         }) => {
           var c;
-          return /* @__PURE__ */ i(B, {
+          return /* @__PURE__ */ i(j, {
             label: "Y Axis",
             data: o,
             disabled: o.length === 0,
@@ -9556,7 +9591,7 @@ function pg({
       control: e,
       render: ({
         field: s
-      }) => /* @__PURE__ */ i(B, {
+      }) => /* @__PURE__ */ i(j, {
         label: "Label Position",
         data: gg,
         ...s
@@ -9613,6 +9648,7 @@ function fg({
     y_axis_data_key: "value",
     yAxisIndex: 0,
     label_position: "top",
+    display_name_on_line: !1,
     stack: "",
     color: "#000",
     step: !1,
@@ -9623,7 +9659,7 @@ function fg({
       type: "solid",
       width: 1
     }
-  }), g = t("y_axes"), c = S.useMemo(() => g.map(({
+  }), g = t("y_axes"), c = w.useMemo(() => g.map(({
     name: f
   }, p) => ({
     label: f,
@@ -9947,7 +9983,7 @@ function wg({
         control: e,
         render: ({
           field: r
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Align",
           required: !0,
           data: xg,
@@ -9970,7 +10006,7 @@ function wg({
         control: e,
         render: ({
           field: r
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Position",
           required: !0,
           data: Cg,
@@ -10060,7 +10096,8 @@ function _g(e) {
     smooth: m = !1,
     step: b = !1,
     group_by_key: v = "",
-    lineStyle: w = {
+    display_name_on_line: S = !1,
+    lineStyle: F = {
       type: "solid",
       width: 1
     }
@@ -10080,7 +10117,8 @@ function _g(e) {
       smooth: m,
       step: b,
       group_by_key: v,
-      lineStyle: w
+      display_name_on_line: S,
+      lineStyle: F
     };
   }
   return e.map(t);
@@ -10113,7 +10151,7 @@ function Ig({
     set: n
   } = Q(e.instanceData, "config"), r = e.data, o = G(() => ot({}, t, sr), [t]), a = G(() => Dg(o), [o]);
   ne(() => {
-    !ze(o, a) && (console.log("config malformed, resetting to defaults", o, a), n(a));
+    !Te(o, a) && (console.log("config malformed, resetting to defaults", o, a), n(a));
   }, [o, a]);
   const {
     control: l,
@@ -10121,13 +10159,13 @@ function Ig({
     watch: u,
     getValues: g,
     reset: c
-  } = Le({
+  } = Ne({
     defaultValues: a
   });
   ne(() => {
     c(a);
   }, [a]);
-  const f = g(), p = G(() => !ze(f, o), [f, o]);
+  const f = g(), p = G(() => !Te(f, o), [f, o]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -10412,7 +10450,7 @@ function Ag({
     width: n,
     height: r
   } = e.viewport, o = e.data, a = G(() => kg(ot({}, t, ur), o), [t, o]);
-  return !n || !r || !t || fo(t == null ? void 0 : t.dimensions) ? null : /* @__PURE__ */ i(H, {
+  return !n || !r || !t || fo(t == null ? void 0 : t.dimensions) ? null : /* @__PURE__ */ i(B, {
     children: /* @__PURE__ */ i(Ke, {
       echarts: ce,
       option: a,
@@ -10580,7 +10618,7 @@ function Tg({
     series_name_key: l
   }), [a, l]);
   ne(() => {
-    !ze(o, s) && r(s);
+    !Te(o, s) && r(s);
   }, [o, s]);
   const {
     control: u,
@@ -10588,13 +10626,13 @@ function Tg({
     watch: c,
     getValues: f,
     reset: p
-  } = Le({
+  } = Ne({
     defaultValues: s
   });
   ne(() => {
-    ze(f(), s) || p(s);
+    Te(f(), s) || p(s);
   }, [o]), c(["series_name_key"]);
-  const m = f(), b = G(() => !ze(m, o), [m, o]);
+  const m = f(), b = G(() => !Te(m, o), [m, o]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -10620,7 +10658,7 @@ function Tg({
             size: 20
           })
         })]
-      }), /* @__PURE__ */ i(H, {
+      }), /* @__PURE__ */ i(B, {
         py: "sm",
         children: /* @__PURE__ */ i(D, {
           name: "series_name_key",
@@ -10668,13 +10706,13 @@ const Ng = {
 function qg(e, t) {
   switch (e.config.method) {
     case "linear":
-      return [...Ge.regressionLinear()(t)];
+      return [...Be.regressionLinear()(t)];
     case "exponential":
-      return [...Ge.regressionExp()(t)];
+      return [...Be.regressionExp()(t)];
     case "logarithmic":
-      return [...Ge.regressionLog()(t)];
+      return [...Be.regressionLog()(t)];
     case "polynomial":
-      return [...Ge.regressionPoly().order(e.config.order)(t)];
+      return [...Be.regressionPoly().order(e.config.order)(t)];
     default:
       return [];
   }
@@ -10759,7 +10797,7 @@ function Hg(e, t) {
     y_axis: o
   } = t, a = e.map((l) => [l[r.data_key], l[n.y_axis_data_key]]);
   if (n.transform.config.method === "linear") {
-    const l = Ge.regressionLinear()(a), {
+    const l = Be.regressionLinear()(a), {
       a: s,
       b: u,
       rSquared: g
@@ -10798,7 +10836,7 @@ function Hg(e, t) {
       a: l,
       b: s,
       rSquared: u
-    } = Ge.regressionExp()(a);
+    } = Be.regressionExp()(a);
     return {
       expression: /* @__PURE__ */ d(y, {
         position: "center",
@@ -10842,7 +10880,7 @@ function Hg(e, t) {
       a: l,
       b: s,
       rSquared: u
-    } = Ge.regressionLog()(a);
+    } = Be.regressionLog()(a);
     return {
       expression: /* @__PURE__ */ d(y, {
         position: "center",
@@ -10882,7 +10920,7 @@ function Hg(e, t) {
     };
   }
   if (n.transform.config.method === "polynomial") {
-    const l = Ge.regressionPoly().order(n.transform.config.order)(a), {
+    const l = Be.regressionPoly().order(n.transform.config.order)(a), {
       rSquared: s
     } = l;
     return console.log(l), {
@@ -10951,7 +10989,7 @@ function Ug({
   if (!n || !r || !t)
     return null;
   let g = r;
-  return l && (g -= 20), /* @__PURE__ */ d(H, {
+  return l && (g -= 20), /* @__PURE__ */ d(B, {
     children: [l && /* @__PURE__ */ i(C, {
       align: "center",
       size: 12,
@@ -11073,7 +11111,7 @@ function Yg({
         control: e,
         render: ({
           field: o
-        }) => /* @__PURE__ */ i(B, {
+        }) => /* @__PURE__ */ i(j, {
           label: "Method",
           data: Wg,
           sx: {
@@ -11123,13 +11161,13 @@ function Qg({
     watch: s,
     getValues: u,
     reset: g
-  } = Le({
+  } = Ne({
     defaultValues: o
   });
   ne(() => {
     g(o);
   }, [o]), s(["x_axis", "y_axis", "regression"]);
-  const c = u(), f = G(() => !ze(c, t), [c, t]);
+  const c = u(), f = G(() => !Te(c, t), [c, t]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -11303,9 +11341,9 @@ function ep({
     barData: g,
     lineData: c
   } = G(() => {
-    const p = n.map((v) => [v[a.data_key], Number(v[l])]).sort((v, w) => w[1] - v[1]), m = p.reduce((v, w) => v + w[1], 0), b = p.reduce((v, w, F) => {
+    const p = n.map((v) => [v[a.data_key], Number(v[l])]).sort((v, S) => S[1] - v[1]), m = p.reduce((v, S) => v + S[1], 0), b = p.reduce((v, S, F) => {
       const $ = F === 0 ? 0 : v[F - 1][1];
-      return v.push([w[0], $ + w[1]]), v;
+      return v.push([S[0], $ + S[1]]), v;
     }, []).map((v) => [v[0], v[1] / m]);
     return {
       barData: p,
@@ -11400,13 +11438,13 @@ function tp({
     watch: s,
     getValues: u,
     reset: g
-  } = Le({
+  } = Ne({
     defaultValues: o
   });
   ne(() => {
     g(o);
   }, [o]), s(["x_axis", "data_key", "bar", "line"]);
-  const c = u(), f = G(() => !ze(c, t), [c, t]);
+  const c = u(), f = G(() => !Te(c, t), [c, t]);
   return /* @__PURE__ */ i(R, {
     mt: "md",
     spacing: "xs",
@@ -11632,7 +11670,7 @@ const rp = {
     vizManager: e,
     colorManager: t
   };
-}, Ne = La(Ti());
+}, qe = La(Ti());
 try {
   bt.install(zi);
 } catch {
@@ -11680,7 +11718,7 @@ function lp(e) {
       value: t.urlTemplate,
       onChange: l,
       onBlur: o
-    }), /* @__PURE__ */ i(Ue, {
+    }), /* @__PURE__ */ i(ze, {
       label: "Open in new Tab",
       checked: t.openInNewTab,
       onChange: (s) => a(s.currentTarget.checked)
@@ -11742,7 +11780,7 @@ const fp = {
     viewID: n == null ? void 0 : n.viewID
   });
   const o = (n == null ? void 0 : n.viewID) || "";
-  return /* @__PURE__ */ i(B, {
+  return /* @__PURE__ */ i(j, {
     defaultValue: o,
     value: o,
     onChange: (l) => void r({
@@ -12058,7 +12096,7 @@ const Rp = V(({
     data: t
   } = pe(), n = e.viz, {
     vizManager: r
-  } = Te(Ne), o = e.json, a = We(() => r.getOrCreateInstance(o), [r, n.type]), l = We(() => new Li(a, r.resolveComponent(n.type), pr), [a, n.type]);
+  } = Le(qe), o = e.json, a = We(() => r.getOrCreateInstance(o), [r, n.type]), l = We(() => new Li(a, r.resolveComponent(n.type), pr), [a, n.type]);
   return ne(() => a.instanceData.watchItem(
     null,
     Xa((s) => {
@@ -12082,7 +12120,7 @@ const Rp = V(({
 }, Fp = V(() => {
   const {
     panel: e
-  } = pe(), [t, n] = S.useState(e.description), r = e.description !== t, o = S.useCallback(() => {
+  } = pe(), [t, n] = w.useState(e.description), r = e.description !== t, o = w.useCallback(() => {
     !r || e.setDescription(t);
   }, [r, t]);
   return /* @__PURE__ */ d(R, {
@@ -12123,7 +12161,7 @@ const Rp = V(({
     style: t
   } = e;
   return /* @__PURE__ */ i(K, {
-    children: /* @__PURE__ */ i(Ue, {
+    children: /* @__PURE__ */ i(ze, {
       label: "Border",
       checked: t.border.enabled,
       onChange: (n) => t.border.setEnabled(n.currentTarget.checked)
@@ -12190,7 +12228,7 @@ const Rp = V(({
   } = pe(), {
     title: t,
     setTitle: n
-  } = e, [r, o] = Ro(t), a = t !== r, l = S.useCallback(() => {
+  } = e, [r, o] = Ro(t), a = t !== r, l = w.useCallback(() => {
     !a || n(r);
   }, [a, r]);
   return /* @__PURE__ */ i(E, {
@@ -12245,7 +12283,7 @@ function kp() {
         labelPosition: "center",
         variant: "dashed"
       }), /* @__PURE__ */ i(Mp, {}), /* @__PURE__ */ i(Fp, {})]
-    }), /* @__PURE__ */ i(H, {
+    }), /* @__PURE__ */ i(B, {
       sx: {
         height: "100%",
         flexGrow: 1,
@@ -12261,7 +12299,7 @@ const Ap = V(function() {
       queryID: n,
       setQueryID: r
     }
-  } = pe(), o = S.useMemo(() => t.queries.current.map((a) => ({
+  } = pe(), o = w.useMemo(() => t.queries.current.map((a) => ({
     value: a.id,
     label: a.id
   })), [t.queries.current]);
@@ -12274,7 +12312,7 @@ const Ap = V(function() {
       },
       children: [/* @__PURE__ */ i(C, {
         children: "Select a Query"
-      }), /* @__PURE__ */ i(B, {
+      }), /* @__PURE__ */ i(j, {
         data: o,
         value: n,
         onChange: r,
@@ -12344,7 +12382,7 @@ function Pp(e) {
 function zp(e, t) {
   const {
     vizManager: n
-  } = Te(Ne), {
+  } = Le(qe), {
     panel: {
       viz: r,
       title: o,
@@ -12382,7 +12420,7 @@ const Tp = ["richText"], qi = V(function({
     ref: a,
     width: l,
     height: s
-  } = _n(), u = S.useMemo(() => !Array.isArray(r) || r.length === 0, [r]), g = zp(r, {
+  } = _n(), u = w.useMemo(() => !Array.isArray(r) || r.length === 0, [r]), g = zp(r, {
     w: l,
     h: s
   });
@@ -12437,7 +12475,7 @@ const Tp = ["richText"], qi = V(function({
 function Np() {
   const {
     vizManager: e
-  } = Te(Ne);
+  } = Le(qe);
   return G(() => e.availableVizList.map((t) => ({
     value: t.name,
     label: t.displayName
@@ -12466,7 +12504,7 @@ function Gp() {
     }
   } = pe(), {
     vizManager: c
-  } = Te(Ne), f = {
+  } = Le(qe), f = {
     title: n,
     description: o,
     viz: t,
@@ -12498,7 +12536,7 @@ const Bp = V(() => {
     }
   } = pe(), [n, r] = Ro(t.type), o = t.type !== n, {
     vizManager: a
-  } = Te(Ne), l = S.useCallback(() => {
+  } = Le(qe), l = w.useCallback(() => {
     if (!o)
       return;
     const m = qp(a, n);
@@ -12509,7 +12547,7 @@ const Bp = V(() => {
     } catch (b) {
       console.error(b);
     }
-  }, u = S.useMemo(() => {
+  }, u = w.useMemo(() => {
     var m;
     return (m = An.find((b) => b.value === n)) == null ? void 0 : m.Panel;
   }, [n, An]), g = Gp(), c = u ? Ht(u, {
@@ -12518,7 +12556,7 @@ const Bp = V(() => {
     setConf: t.setConf
   }) : null, f = g || c, p = Np();
   return /* @__PURE__ */ d(K, {
-    children: [/* @__PURE__ */ i(B, {
+    children: [/* @__PURE__ */ i(j, {
       label: "Visualization",
       value: n,
       onChange: r,
@@ -12556,7 +12594,7 @@ function jp() {
         height: "100%"
       },
       children: /* @__PURE__ */ i(Bp, {})
-    }), /* @__PURE__ */ i(H, {
+    }), /* @__PURE__ */ i(B, {
       sx: {
         height: "100%",
         flexGrow: 1,
@@ -12572,14 +12610,14 @@ const Hp = V(function({
 }) {
   const {
     freezeLayout: r
-  } = S.useContext($e), [o, a] = be("Visualization"), {
+  } = w.useContext($e), [o, a] = be("Visualization"), {
     panel: l,
     loading: s
   } = pe(), {
     id: u,
     title: g
   } = l;
-  return S.useEffect(() => {
+  return w.useEffect(() => {
     r(t);
   }, [t]), /* @__PURE__ */ i(Fe, {
     size: "96vw",
@@ -12653,17 +12691,17 @@ const Hp = V(function({
 }), Up = V(({
   view: e
 }) => {
-  const t = ee(), n = za(), [r, o] = S.useState(!1), a = () => o(!0), l = () => o(!1), {
+  const t = ee(), n = za(), [r, o] = w.useState(!1), a = () => o(!0), l = () => o(!1), {
     panel: s
   } = pe(), {
     id: u,
     queryID: g
   } = s, {
     inEditMode: c
-  } = S.useContext($e), f = () => t.queries.refetchDataByQueryID(g), {
+  } = w.useContext($e), f = () => t.queries.refetchDataByQueryID(g), {
     viewPanelInFullScreen: p,
     inFullScreen: m
-  } = S.useContext(Bn), b = () => {
+  } = w.useContext(Bn), b = () => {
     e.panels.duplicateByID(u);
   }, v = () => n.openConfirmModal({
     title: "Delete this panel?",
@@ -12673,11 +12711,11 @@ const Hp = V(function({
     },
     onCancel: () => console.log("Cancel"),
     onConfirm: () => e.panels.removeByID(u)
-  }), w = S.useCallback(() => {
+  }), S = w.useCallback(() => {
     p(u);
   }, [u, p]);
   return /* @__PURE__ */ d(K, {
-    children: [/* @__PURE__ */ i(H, {
+    children: [/* @__PURE__ */ i(B, {
       sx: {
         position: "absolute",
         top: 0,
@@ -12688,7 +12726,7 @@ const Hp = V(function({
       children: /* @__PURE__ */ d(ve, {
         withinPortal: !0,
         children: [/* @__PURE__ */ i(ve.Target, {
-          children: /* @__PURE__ */ i(H, {
+          children: /* @__PURE__ */ i(B, {
             className: "panel-dropdown-target",
             sx: {
               width: "100%",
@@ -12709,7 +12747,7 @@ const Hp = V(function({
             }),
             children: "Download Data"
           }), !m && /* @__PURE__ */ i(ve.Item, {
-            onClick: w,
+            onClick: S,
             icon: /* @__PURE__ */ i(ol, {
               size: 14
             }),
@@ -12792,7 +12830,7 @@ const fr = V(function({
 }) {
   const r = ee(), {
     inEditMode: o
-  } = Te($e), {
+  } = Le($e), {
     data: a,
     state: l
   } = r.getDataStuffByID(t.queryID), s = Yp(t.viz.type), u = s && l === "loading", g = t.title ? "calc(100% - 25px - 5px)" : "100%", c = Xp(t, s, o), f = s || o;
@@ -12802,14 +12840,14 @@ const fr = V(function({
       data: a,
       loading: u
     },
-    children: /* @__PURE__ */ d(H, {
+    children: /* @__PURE__ */ d(B, {
       className: "panel-root",
       p: 5,
       pt: 0,
       sx: {
         ...c
       },
-      children: [/* @__PURE__ */ i(H, {
+      children: [/* @__PURE__ */ i(B, {
         sx: {
           position: "absolute",
           left: 0,
@@ -12870,9 +12908,9 @@ const fr = V(function({
   });
 });
 function Bi(e, t, n) {
-  const r = e.id === "Main", [o, a] = S.useState(() => r && e.panels.findByID(t) ? t : null), l = S.useCallback((c) => {
+  const r = e.id === "Main", [o, a] = w.useState(() => r && e.panels.findByID(t) ? t : null), l = w.useCallback((c) => {
     a(c), r && n(c);
-  }, [r, n]), s = S.useCallback(() => {
+  }, [r, n]), s = w.useCallback(() => {
     a(null), r && n("");
   }, [r, n]), u = o ? e.panels.findByID(o) : null;
   return {
@@ -12883,7 +12921,7 @@ function Bi(e, t, n) {
   };
 }
 function ji() {
-  S.useEffect(() => {
+  w.useEffect(() => {
     const e = Cl(".dashboard-sticky-area", {
       useStickyClasses: !0,
       parentClass: "dashboard-sticky-parent"
@@ -12893,7 +12931,7 @@ function ji() {
     };
   }, []);
 }
-const Jp = S.forwardRef(({
+const Jp = w.forwardRef(({
   handleAxis: e
 }, t) => /* @__PURE__ */ i(P, {
   ref: t,
@@ -12913,7 +12951,7 @@ const Jp = S.forwardRef(({
   children: /* @__PURE__ */ i(ll, {
     size: 16
   })
-})), Kp = S.forwardRef(({
+})), Kp = w.forwardRef(({
   handleAxis: e,
   ...t
 }, n) => /* @__PURE__ */ i(P, {
@@ -12942,7 +12980,7 @@ const Jp = S.forwardRef(({
   isDraggable: o,
   isResizable: a
 }) {
-  const l = S.useCallback((s) => {
+  const l = w.useCallback((s) => {
     s.forEach(({
       i: u,
       ...g
@@ -12994,7 +13032,7 @@ const Jp = S.forwardRef(({
   });
 }), rf = V(({
   children: e
-}) => /* @__PURE__ */ i(H, {
+}) => /* @__PURE__ */ i(B, {
   children: e
 })), of = V(({
   children: e,
@@ -13064,7 +13102,7 @@ const Jp = S.forwardRef(({
       viewPanelInFullScreen: a,
       inFullScreen: s
     },
-    children: /* @__PURE__ */ d(H, {
+    children: /* @__PURE__ */ d(B, {
       className: "dashboard-view",
       mx: -10,
       sx: {
@@ -13079,9 +13117,9 @@ const Jp = S.forwardRef(({
         saveChanges: n
       }), /* @__PURE__ */ i(af, {
         view: t,
-        children: /* @__PURE__ */ d(H, {
+        children: /* @__PURE__ */ d(B, {
           className: "dashboard-sticky-parent",
-          children: [/* @__PURE__ */ i(H, {
+          children: [/* @__PURE__ */ i(B, {
             className: "dashboard-sticky-area",
             children: /* @__PURE__ */ i(qo, {
               view: t
@@ -13097,7 +13135,7 @@ const Jp = S.forwardRef(({
   });
 }), sf = V(({
   children: e
-}) => /* @__PURE__ */ i(H, {
+}) => /* @__PURE__ */ i(B, {
   children: e
 })), uf = V(({
   children: e,
@@ -13160,7 +13198,7 @@ const Jp = S.forwardRef(({
       viewPanelInFullScreen: o,
       inFullScreen: l
     },
-    children: /* @__PURE__ */ d(H, {
+    children: /* @__PURE__ */ d(B, {
       className: "dashboard-view",
       mx: -10,
       sx: {
@@ -13175,9 +13213,9 @@ const Jp = S.forwardRef(({
         saveChanges: U.noop
       }), /* @__PURE__ */ i(cf, {
         view: t,
-        children: /* @__PURE__ */ d(H, {
+        children: /* @__PURE__ */ d(B, {
           className: "dashboard-sticky-parent",
-          children: [/* @__PURE__ */ i(H, {
+          children: [/* @__PURE__ */ i(B, {
             className: "dashboard-sticky-area",
             children: /* @__PURE__ */ i(qo, {
               view: t
@@ -13519,11 +13557,11 @@ var hr = { exports: {} };
         return r(g, c, f);
       var m = g.type === "application/octet-stream", b = /constructor/i.test(l.HTMLElement) || l.safari, v = /CriOS\/[\d]+/.test(navigator.userAgent);
       if ((v || m && b || s) && typeof FileReader < "u") {
-        var w = new FileReader();
-        w.onloadend = function() {
-          var A = w.result;
+        var S = new FileReader();
+        S.onloadend = function() {
+          var A = S.result;
           A = v ? A : A.replace(/^data:[^;]*;/, "data:attachment/file;"), p ? p.location.href = A : location = A, p = null;
-        }, w.readAsDataURL(g);
+        }, S.readAsDataURL(g);
       } else {
         var F = l.URL || l.webkitURL, $ = F.createObjectURL(g);
         p ? p.location = $ : location.href = $, p = null, setTimeout(function() {
@@ -14154,12 +14192,12 @@ const hh = V(function({
   setFullScreenPanelID: s
 }) {
   rt.baseURL !== a.apiBaseURL && (rt.baseURL = a.apiBaseURL);
-  const [u, g] = S.useState(!1), c = S.useMemo(() => ea(n, t), [n]);
-  Oo(c, !0), S.useEffect(() => {
+  const [u, g] = w.useState(!1), c = w.useMemo(() => ea(n, t), [n]);
+  Oo(c, !0), w.useEffect(() => {
     c.context.replace(t);
   }, [t]);
   const f = async () => {
-    const m = [...c.queries.json], b = [...c.sqlSnippets.json], v = [...c.views.json], w = {
+    const m = [...c.queries.json], b = [...c.sqlSnippets.json], v = [...c.views.json], S = {
       ...n,
       filters: [...c.filters.current],
       views: v,
@@ -14168,7 +14206,7 @@ const hh = V(function({
         queries: m
       }
     };
-    await r(w);
+    await r(S);
   }, p = We(Ti, []);
   return /* @__PURE__ */ i(uo, {
     children: /* @__PURE__ */ i(zo, {
@@ -14180,12 +14218,12 @@ const hh = V(function({
           inEditMode: !0,
           inUseMode: !1
         },
-        children: /* @__PURE__ */ i(H, {
+        children: /* @__PURE__ */ i(B, {
           className: `${o} dashboard-root`,
           sx: {
             position: "relative"
           },
-          children: /* @__PURE__ */ i(Ne.Provider, {
+          children: /* @__PURE__ */ i(qe.Provider, {
             value: p,
             children: c.views.visibleViews.map((m) => /* @__PURE__ */ i(lf, {
               view: m,
@@ -14207,8 +14245,8 @@ const hh = V(function({
   setFullScreenPanelID: a
 }) => {
   rt.baseURL !== r.apiBaseURL && (rt.baseURL = r.apiBaseURL);
-  const l = S.useMemo(() => ea(t, e), [t]);
-  return Oo(l, !1), S.useEffect(() => {
+  const l = w.useMemo(() => ea(t, e), [t]);
+  return Oo(l, !1), w.useEffect(() => {
     l.context.replace(e);
   }, [e]), /* @__PURE__ */ i(uo, {
     children: /* @__PURE__ */ i(zo, {
@@ -14220,7 +14258,7 @@ const hh = V(function({
           inEditMode: !1,
           inUseMode: !0
         },
-        children: /* @__PURE__ */ i(H, {
+        children: /* @__PURE__ */ i(B, {
           className: `${n} dashboard-root dashboard-sticky-parent`,
           children: l.views.visibleViews.map((s) => /* @__PURE__ */ i(df, {
             view: s,
@@ -14241,15 +14279,15 @@ var ta = { exports: {} };
     return function(o, a, l) {
       var s, u = function(p, m, b) {
         b === void 0 && (b = {});
-        var v = new Date(p), w = function(F, $) {
+        var v = new Date(p), S = function(F, $) {
           $ === void 0 && ($ = {});
           var A = $.timeZoneName || "short", L = F + "|" + A, Y = r[L];
           return Y || (Y = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: F, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: A }), r[L] = Y), Y;
         }(m, b);
-        return w.formatToParts(v);
+        return S.formatToParts(v);
       }, g = function(p, m) {
-        for (var b = u(p, m), v = [], w = 0; w < b.length; w += 1) {
-          var F = b[w], $ = F.type, A = F.value, L = n[$];
+        for (var b = u(p, m), v = [], S = 0; S < b.length; S += 1) {
+          var F = b[S], $ = F.type, A = F.value, L = n[$];
           L >= 0 && (v[L] = parseInt(A, 10));
         }
         var Y = v[3], le = Y === 24 ? 0 : Y, ie = v[0] + "-" + v[1] + "-" + v[2] + " " + le + ":" + v[4] + ":" + v[5] + ":000", ye = +p;
@@ -14257,7 +14295,7 @@ var ta = { exports: {} };
       }, c = a.prototype;
       c.tz = function(p, m) {
         p === void 0 && (p = s);
-        var b = this.utcOffset(), v = this.toDate(), w = v.toLocaleString("en-US", { timeZone: p }), F = Math.round((v - new Date(w)) / 1e3 / 60), $ = l(w).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(v.getTimezoneOffset() / 15) - F, !0);
+        var b = this.utcOffset(), v = this.toDate(), S = v.toLocaleString("en-US", { timeZone: p }), F = Math.round((v - new Date(S)) / 1e3 / 60), $ = l(S).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(v.getTimezoneOffset() / 15) - F, !0);
         if (m) {
           var A = $.utcOffset();
           $ = $.add(b - A, "minute");
@@ -14276,17 +14314,17 @@ var ta = { exports: {} };
         var b = l(this.format("YYYY-MM-DD HH:mm:ss:SSS"));
         return f.call(b, p, m).tz(this.$x.$timezone, !0);
       }, l.tz = function(p, m, b) {
-        var v = b && m, w = b || m || s, F = g(+l(), w);
+        var v = b && m, S = b || m || s, F = g(+l(), S);
         if (typeof p != "string")
-          return l(p).tz(w);
+          return l(p).tz(S);
         var $ = function(le, ie, ye) {
           var fe = le - 60 * ie * 1e3, Re = g(fe, ye);
           if (ie === Re)
             return [fe, ie];
           var se = g(fe -= 60 * (Re - ie) * 1e3, ye);
           return Re === se ? [fe, Re] : [le - 60 * Math.min(Re, se) * 1e3, Math.max(Re, se)];
-        }(l.utc(p, v).valueOf(), F, w), A = $[0], L = $[1], Y = l(A).utcOffset(L);
-        return Y.$x.$timezone = w, Y;
+        }(l.utc(p, v).valueOf(), F, S), A = $[0], L = $[1], Y = l(A).utcOffset(L);
+        return Y.$x.$timezone = S, Y;
       }, l.tz.guess = function() {
         return Intl.DateTimeFormat().resolvedOptions().timeZone;
       }, l.tz.setDefault = function(p) {
@@ -14305,11 +14343,11 @@ var na = { exports: {} };
     return function(a, l, s) {
       var u = l.prototype;
       s.utc = function(v) {
-        var w = { date: v, utc: !0, args: arguments };
-        return new l(w);
+        var S = { date: v, utc: !0, args: arguments };
+        return new l(S);
       }, u.utc = function(v) {
-        var w = s(this.toDate(), { locale: this.$L, utc: !0 });
-        return v ? w.add(this.utcOffset(), n) : w;
+        var S = s(this.toDate(), { locale: this.$L, utc: !0 });
+        return v ? S.add(this.utcOffset(), n) : S;
       }, u.local = function() {
         return s(this.toDate(), { locale: this.$L, utc: !1 });
       };
@@ -14326,7 +14364,7 @@ var na = { exports: {} };
           c.call(this);
       };
       var f = u.utcOffset;
-      u.utcOffset = function(v, w) {
+      u.utcOffset = function(v, S) {
         var F = this.$utils().u;
         if (F(v))
           return this.$u ? 0 : F(this.$offset) ? f.call(this) : this.$offset;
@@ -14340,7 +14378,7 @@ var na = { exports: {} };
         }(v), v === null))
           return this;
         var $ = Math.abs(v) <= 16 ? 60 * v : v, A = this;
-        if (w)
+        if (S)
           return A.$offset = $, A.$u = v === 0, A;
         if (v !== 0) {
           var L = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
@@ -14351,8 +14389,8 @@ var na = { exports: {} };
       };
       var p = u.format;
       u.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);
       }, u.valueOf = function() {
         var v = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
         return this.$d.valueOf() - 6e4 * v;
@@ -14368,11 +14406,11 @@ var na = { exports: {} };
         return v === "s" && this.$offset ? s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : m.call(this);
       };
       var b = u.diff;
-      u.diff = function(v, w, F) {
+      u.diff = function(v, S, F) {
         if (v && this.$u === v.$u)
-          return b.call(this, v, w, F);
+          return b.call(this, v, S, F);
         var $ = this.local(), A = s(v).local();
-        return b.call($, A, w, F);
+        return b.call($, A, S, F);
       };
     };
   });