@devtable/dashboard 14.53.2 → 14.53.3

package/dist/dashboard.es.js

@@ -15,9 +15,9 @@ import We from "echarts-for-react/lib/core";
 import "echarts-gl";
 import * as Ne from "echarts/core";
 import { use as Mh } from "echarts/core";
-import { useBoolean as ke, useCreation as Ut, usePrevious as Lh, useAsyncEffect as Qn, useRequest as Sn, useLatest as Cr, useWhyDidYouUpdate as Nl } from "ahooks";
+import { useBoolean as De, useCreation as Ut, usePrevious as Lh, useAsyncEffect as Qn, useRequest as Sn, useLatest as Cr, useWhyDidYouUpdate as Nl } from "ahooks";
 import { DatesProvider as $h, DatePicker as Bl, Calendar as Vh, MonthPicker as jl, DatePickerInput as Rh } from "@mantine/dates";
-import { TextInput as $, Box as R, Group as v, Text as k, Select as q, Button as L, Modal as Ce, Stack as I, Divider as A, NumberInput as re, SimpleGrid as De, Menu as U, UnstyledButton as Wa, Tooltip as ae, Flex as Ue, ColorInput as rn, Center as St, ActionIcon as J, Badge as Vt, CloseButton as vt, Overlay as hn, NativeSelect as qr, useMantineTheme as Fr, ColorSwatch as kr, Popover as Ye, ColorPicker as vo, HoverCard as pe, Checkbox as ee, Paper as Ph, Code as xo, Tabs as S, Switch as Te, Table as w, MultiSelect as Wt, LoadingOverlay as pn, Alert as cr, Collapse as dr, CheckIcon as Ah, SegmentedControl as Ua, Anchor as qn, Pagination as Nr, Combobox as jt, Textarea as Ql, RangeSlider as Eh, Autocomplete as Oh, Mark as Hl, Slider as qh, ThemeIcon as rr, Pill as Fh, List as Ke, getRadius as Ka, Affix as Nh, AppShell as rt, FileInput as Bh, Highlight as jh, rem as wo, JsonInput as Gl, Drawer as Qh, Radio as So, Skeleton as Co, NavLink as Ia, useCombobox as Hh, Loader as Br, InputBase as Gh, Input as Wh } from "@mantine/core";
+import { TextInput as V, Box as R, Group as v, Text as k, Select as O, Button as L, Modal as Ce, Stack as I, Divider as A, NumberInput as re, SimpleGrid as Te, Menu as U, UnstyledButton as Wa, Tooltip as ae, Flex as Ue, ColorInput as rn, Center as St, ActionIcon as J, Badge as Vt, CloseButton as vt, Overlay as hn, NativeSelect as qr, useMantineTheme as Fr, ColorSwatch as kr, Popover as Ye, ColorPicker as vo, HoverCard as pe, Checkbox as ee, Paper as Ph, Code as xo, Tabs as S, Switch as ze, Table as w, MultiSelect as Wt, LoadingOverlay as pn, Alert as cr, Collapse as dr, CheckIcon as Ah, SegmentedControl as Ua, Anchor as qn, Pagination as Nr, Combobox as jt, Textarea as Ql, RangeSlider as Eh, Autocomplete as Oh, Mark as Hl, Slider as qh, ThemeIcon as rr, Pill as Fh, List as Ke, getRadius as Ka, Affix as Nh, AppShell as rt, FileInput as Bh, Highlight as jh, rem as wo, JsonInput as Gl, Drawer as Qh, Radio as So, Skeleton as Co, NavLink as Ia, useCombobox as Hh, Loader as Br, InputBase as Gh, Input as Wh } from "@mantine/core";
 import { useHover as Uh, useDisclosure as an, useClipboard as Kh, randomId as Cn, useElementSize as Wl, useResizeObserver as Yh, useInputState as Ul } from "@mantine/hooks";
 import * as Xh from "popmotion";
 import { interpolate as In } from "popmotion";
@@ -2520,7 +2520,7 @@ class di {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const Fs = "14.53.2", yg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Fs = "14.53.3", yg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: Fs
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2642,7 +2642,7 @@ class _e extends xg {
 const Y = (e, t) => {
   const [n, {
     setFalse: a
-  }] = ke(!0), [i, o] = Q();
+  }] = De(!0), [i, o] = Q();
   N(() => (e.getItem(t).then((s) => {
     o(s), a();
   }), e.watchItem(t, (s) => {
@@ -2740,7 +2740,7 @@ te(function({
   onChange: n,
   ...a
 }, i) {
-  return /* @__PURE__ */ r($, { ref: i, value: t, onChange: n, ...a });
+  return /* @__PURE__ */ r(V, { ref: i, value: t, onChange: n, ...a });
 });
 class Lg {
   constructor({
@@ -3286,7 +3286,7 @@ const ye = (e) => (t, n) => {
   const {
     panel: p
   } = Me(), g = E.useMemo(() => p.variableOptions(a, s), [a, s]);
-  return g.length === 0 ? /* @__PURE__ */ r($, { ref: t, label: n, placeholder: a, readOnly: !0, disabled: !0 }) : /* @__PURE__ */ r(q, { ref: t, label: n, description: o, renderOption: Kg(d), data: g, value: a, required: l, sx: c, maxDropdownHeight: 500, comboboxProps: {
+  return g.length === 0 ? /* @__PURE__ */ r(V, { ref: t, label: n, placeholder: a, readOnly: !0, disabled: !0 }) : /* @__PURE__ */ r(O, { ref: t, label: n, description: o, renderOption: Kg(d), data: g, value: a, required: l, sx: c, maxDropdownHeight: 500, comboboxProps: {
     withinPortal: !0,
     zIndex: h
   }, onChange: ye(i) });
@@ -3318,7 +3318,7 @@ const ye = (e) => (t, n) => {
   } = y(), [a, {
     setTrue: i,
     setFalse: o
-  }] = ke(), [l, s] = Q(e), c = () => {
+  }] = De(), [l, s] = Q(e), c = () => {
     o();
     const {
       type: g,
@@ -3391,8 +3391,8 @@ const ye = (e) => (t, n) => {
     label: i("chart.number_or_dynamic_value.type.dynamic"),
     value: "dynamic"
   }], [o.language]);
-  return /* @__PURE__ */ u(De, { cols: 2, children: [
-    /* @__PURE__ */ r(q, { ref: a, label: e, data: s, value: t.type, onChange: l, sx: {
+  return /* @__PURE__ */ u(Te, { cols: 2, children: [
+    /* @__PURE__ */ r(O, { ref: a, label: e, data: s, value: t.type, onChange: l, sx: {
       flexGrow: 1
     } }),
     /* @__PURE__ */ r(Jg, { value: t, onChange: n }),
@@ -3613,7 +3613,7 @@ const nf = tf(), rf = ({
   const [i, {
     setTrue: o,
     setFalse: l
-  }] = ke(!1), {
+  }] = De(!1), {
     ref: s,
     handleRef: c
   } = Kr({
@@ -3672,7 +3672,7 @@ const nf = tf(), rf = ({
         source: x,
         target: T
       } = _.operation, M = oi(o, x, T);
-      t(M.map((V) => V.value));
+      t(M.map(($) => $.value));
     }, children: o.map((_, x) => /* @__PURE__ */ r(af, { color: _, handleChange: d(x), handleRemove: () => s(x), index: x }, _.id)) }),
     /* @__PURE__ */ u(Ue, { gap: "sm", justify: "flex-start", align: "center", direction: "row", wrap: "nowrap", children: [
       /* @__PURE__ */ r("div", { style: {
@@ -3726,7 +3726,7 @@ const nf = tf(), rf = ({
         }, ...d }) }),
         /* @__PURE__ */ r(f, { name: "min_val", control: o, render: ({
           field: d
-        }) => /* @__PURE__ */ r($, { label: a("rich_text.color_mapping.min.val"), ...d, sx: {
+        }) => /* @__PURE__ */ r(V, { label: a("rich_text.color_mapping.min.val"), ...d, sx: {
           maxWidth: "120px",
           flexGrow: 0
         } }) })
@@ -3740,7 +3740,7 @@ const nf = tf(), rf = ({
         }, ...d }) }),
         /* @__PURE__ */ r(f, { name: "max_val", control: o, render: ({
           field: d
-        }) => /* @__PURE__ */ r($, { label: a("rich_text.color_mapping.max.val"), ...d, sx: {
+        }) => /* @__PURE__ */ r(V, { label: a("rich_text.color_mapping.max.val"), ...d, sx: {
           maxWidth: "120px",
           flexGrow: 0
         } }) })
@@ -3812,7 +3812,7 @@ const sf = () => /* @__PURE__ */ r("div", { style: {
     setTrue: i,
     setFalse: o,
     toggle: l
-  }] = ke(), s = e.getAttributes(rc), {
+  }] = De(), s = e.getAttributes(rc), {
     empty: c,
     ...d
   } = z(() => Wg(s), [s]), h = ne((g) => {
@@ -3988,13 +3988,13 @@ const tr = "data-value", bf = tr, gc = "dynamicColor", fc = ks.create({
   const g = ne((x, T) => {
     if (i.length === 0)
       return;
-    const M = nm(T), V = x.getModel();
-    if (M.initializeIn(x), M.addRestrictionsTo(V, i), !!V && !V._hasHighlight) {
-      M.toggleDevMode(), V.toggleHighlightOfEditableAreas();
-      const O = V.getCurrentEditableRanges(), W = V.getValueInEditableRanges();
+    const M = nm(T), $ = x.getModel();
+    if (M.initializeIn(x), M.addRestrictionsTo($, i), !!$ && !$._hasHighlight) {
+      M.toggleDevMode(), $.toggleHighlightOfEditableAreas();
+      const q = $.getCurrentEditableRanges(), W = $.getValueInEditableRanges();
       console.debug({
-        model: V,
-        currentRanges: O,
+        model: $,
+        currentRanges: q,
         currentValue: W
       });
     }
@@ -4306,7 +4306,7 @@ const Pt = te(({
   const {
     t: s
   } = y(), c = zg(), d = z(() => {
-    const O = [Cs, ws, ds, gs, ms, hs, fs.configure({
+    const $ = [Cs, ws, ds, gs, ms, hs, fs.configure({
       resizable: !1,
       // https://github.com/ueberdosis/tiptap/issues/2041
       HTMLAttributes: {
@@ -4317,37 +4317,34 @@ const Pt = te(({
     }), ps.configure({
       placeholder: "This is placeholder"
     }), xs, us, bc, fc];
-    return c && O.push(ac), O;
-  }, [c]), [h, {
-    setTrue: p,
-    setFalse: g
-  }] = ke(!1), [b, _] = Q(e), x = Ss({
+    return c && $.push(ac), $;
+  }, [c]), [h, p] = Q(e), g = () => {
+    t(h), o == null || o();
+  }, b = () => {
+    i && g();
+  }, x = Ss({
     extensions: d,
     content: e,
     onUpdate: ({
-      editor: O
+      editor: $
     }) => {
-      const W = O.getHTML();
-      _(W);
+      const q = $.getHTML();
+      p(q);
     },
     onCreate: ({
-      editor: O
+      editor: $
     }) => {
-      O.view.dom.setAttribute("spellcheck", "false"), O.view.dom.setAttribute("autocomplete", "off"), O.view.dom.setAttribute("autocapitalize", "off");
+      $.view.dom.setAttribute("spellcheck", "false"), $.view.dom.setAttribute("autocomplete", "off"), $.view.dom.setAttribute("autocapitalize", "off");
     },
-    onFocus: p,
-    onBlur: g
+    onFocus: () => {
+    },
+    onBlur: b,
+    onDestroy: b
   });
   N(() => {
-    _(e), x == null || x.commands.setContent(e);
+    p(e), x == null || x.commands.setContent(e);
   }, [e]);
-  const T = () => {
-    t(b), o == null || o();
-  }, M = e !== b;
-  N(() => {
-    !i || !h || T();
-  }, [i, M, h]);
-  const V = z(() => C.defaultsDeep({}, {
+  const T = e !== h, M = z(() => C.defaultsDeep({}, {
     content: {
       ...mi,
       ...Tf
@@ -4359,9 +4356,9 @@ const Pt = te(({
   }, children: [
     /* @__PURE__ */ u(v, { align: "center", children: [
       /* @__PURE__ */ r(k, { size: "14px", fw: 500, children: a }),
-      !i && /* @__PURE__ */ r(L, { variant: "filled", color: "blue", size: "compact-xs", disabled: !M, onClick: T, leftSection: /* @__PURE__ */ r(be, { size: 16 }), children: s("common.actions.save_changes") })
+      !i && /* @__PURE__ */ r(L, { variant: "filled", color: "blue", size: "compact-xs", disabled: !T, onClick: g, leftSection: /* @__PURE__ */ r(be, { size: 16 }), children: s("common.actions.save_changes") })
     ] }),
-    /* @__PURE__ */ u(ce, { editor: x, styles: V, children: [
+    /* @__PURE__ */ u(ce, { editor: x, styles: M, children: [
       /* @__PURE__ */ u(ce.Toolbar, { sticky: !0, stickyOffset: 0, children: [
         /* @__PURE__ */ r(zf, { editor: x }),
         c && /* @__PURE__ */ r(df, { editor: x }),
@@ -4441,7 +4438,7 @@ const wc = ({
     const c = s.currentTarget.value;
     o(c), Lf(c) && t(c);
   }, [t]);
-  return /* @__PURE__ */ r($, { value: i, onChange: l, leftSection: /* @__PURE__ */ r(wc, { value: i }), size: "xs", placeholder: a("chart.color.not_set"), styles: {
+  return /* @__PURE__ */ r(V, { value: i, onChange: l, leftSection: /* @__PURE__ */ r(wc, { value: i }), size: "xs", placeholder: a("chart.color.not_set"), styles: {
     root: {
       flexGrow: 1
     },
@@ -4479,16 +4476,16 @@ const wc = ({
     set: s,
     setFalse: c,
     toggle: d
-  }] = ke(), [h, p] = Q(!1), g = z(() => {
+  }] = De(), [h, p] = Q(!1), g = z(() => {
     const M = [];
-    return Vf.forEach((V) => {
-      const O = o.colors[V];
-      O && O.forEach((W) => {
+    return Vf.forEach(($) => {
+      const q = o.colors[$];
+      q && q.forEach((W) => {
         M.push(W);
       });
     }), M;
-  }, [o.colors]), b = (M, V = !0) => {
-    n(M), V && c();
+  }, [o.colors]), b = (M, $ = !0) => {
+    n(M), $ && c();
   }, _ = ne((M) => {
     b(M, !1), p(!1);
   }, []), x = ne((M) => {
@@ -4504,7 +4501,7 @@ const wc = ({
         /* @__PURE__ */ r(J, { variant: "default", onClick: T, title: i("common.actions.clear"), children: /* @__PURE__ */ r(Xl, { stroke: 1.5, size: "1rem" }) }),
         /* @__PURE__ */ r(J, { variant: "default", onClick: c, title: i("common.actions.close"), children: /* @__PURE__ */ r(jr, { stroke: 1.5, size: "1rem" }) })
       ] }),
-      /* @__PURE__ */ u(De, { cols: 2, children: [
+      /* @__PURE__ */ u(Te, { cols: 2, children: [
         /* @__PURE__ */ r(vo, { format: "hex", swatches: g, value: t, onChange: x, size: "sm", withPicker: !1, styles: {
           swatches: {
             marginTop: "0 !important"
@@ -4650,7 +4647,7 @@ function vi(e) {
     context: a
   };
 }
-class ze extends E.Component {
+class ke extends E.Component {
   constructor(t) {
     super(t), this.state = {
       error: null
@@ -4682,7 +4679,7 @@ class ze extends E.Component {
 function kc(e, t = {
   handleError: !0
 }) {
-  return (n) => /* @__PURE__ */ r(ze, { ...t, children: /* @__PURE__ */ r(e, { ...n }) });
+  return (n) => /* @__PURE__ */ r(ke, { ...t, children: /* @__PURE__ */ r(e, { ...n }) });
 }
 function Of(e, t) {
   return new Function(`return ${e}`)()(t, Et);
@@ -4884,10 +4881,10 @@ function Hf({
       min: de(G, x.columnKey),
       max: de(oe, x.columnKey)
     };
-  }, [g, x]), V = _t(null), O = z(() => ({
+  }, [g, x]), $ = _t(null), q = z(() => ({
     finished: () => {
       var oe;
-      const G = (oe = V.current) == null ? void 0 : oe.getEchartsInstance();
+      const G = (oe = $.current) == null ? void 0 : oe.getEchartsInstance();
       G && et(t, G.getOption());
     }
   }), []), W = {
@@ -4926,7 +4923,7 @@ function Hf({
       data: g.map((G) => [G[b.columnKey], G[_.columnKey], G[x.columnKey]])
     }]
   };
-  return n ? /* @__PURE__ */ r(tt, { width: i, height: o, children: /* @__PURE__ */ r(We, { echarts: Ne, ref: V, option: W, style: pr(i, o), notMerge: !0, onEvents: O, theme: "merico-light" }) }) : null;
+  return n ? /* @__PURE__ */ r(tt, { width: i, height: o, children: /* @__PURE__ */ r(We, { echarts: Ne, ref: $, option: W, style: pr(i, o), notMerge: !0, onEvents: q, theme: "merico-light" }) }) : null;
 }
 const X = D(te(({
   label: e,
@@ -4954,7 +4951,7 @@ const X = D(te(({
   if (b.length === 0) {
     const _ = g.explainDataKey(a);
     return /* @__PURE__ */ u(pe, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
-      /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r($, { label: e, required: t, defaultValue: _.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(V, { label: e, required: t, defaultValue: _.columnKey, readOnly: !0, disabled: !0 }) }) }),
       /* @__PURE__ */ r(pe.Dropdown, { children: /* @__PURE__ */ u(v, { justify: "flex-start", gap: 0, children: [
         /* @__PURE__ */ r(k, { size: "xs", c: _.queryName ? "black" : "red", ff: "monospace", children: _.queryName ?? _.queryID }),
         /* @__PURE__ */ r(k, { size: "xs", c: "black", ff: "monospace", children: "." }),
@@ -4962,7 +4959,7 @@ const X = D(te(({
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ r(q, { ref: h, label: e, description: n, data: b, value: a, onChange: ye(i), required: t, sx: c, maxDropdownHeight: 500, ...d });
+  return /* @__PURE__ */ r(O, { ref: h, label: e, description: n, data: b, value: a, onChange: ye(i), required: t, sx: c, maxDropdownHeight: 500, ...d });
 }));
 function Gf({
   context: e
@@ -4990,7 +4987,7 @@ function Gf({
       }) => /* @__PURE__ */ r(X, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "xAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -5004,7 +5001,7 @@ function Gf({
       }) => /* @__PURE__ */ r(X, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "yAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -5018,7 +5015,7 @@ function Gf({
       }) => /* @__PURE__ */ r(X, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "zAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -5151,7 +5148,7 @@ const Zt = te(({
   } = y(), [o, {
     setTrue: l,
     setFalse: s
-  }] = ke(), [c, d] = Q(e);
+  }] = De(), [c, d] = Q(e);
   N(() => {
     d(e);
   }, [e]);
@@ -5165,11 +5162,11 @@ const Zt = te(({
     const {
       enabled: T,
       func_content: M
-    } = c, V = {
+    } = c, $ = {
       enabled: T,
       func_content: M
     };
-    d(V), t(V);
+    d($), t($);
   }, g = () => {
     s(), d(e);
   }, b = (T) => {
@@ -5301,9 +5298,9 @@ const Mr = te(({
     } }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(re, { label: i("chart.axis.overflow.max_width"), hideControls: !0, value: t.width, onChange: l("width") }),
-      /* @__PURE__ */ r(q, { label: i("chart.axis.overflow.label"), data: s, value: t.overflow, onChange: l("overflow") }),
+      /* @__PURE__ */ r(O, { label: i("chart.axis.overflow.label"), data: s, value: t.overflow, onChange: l("overflow") }),
       /* @__PURE__ */ r(
-        $,
+        V,
         {
           label: i("chart.axis.overflow.ellipsis"),
           value: t.ellipsis,
@@ -5391,7 +5388,7 @@ const je = te(({
   };
   return /* @__PURE__ */ u(I, { ref: a, gap: "sm", children: [
     /* @__PURE__ */ r(A, { mb: -10, label: i("chart.unit.title"), labelPosition: "center", variant: "dashed" }),
-    !o.has("text") && /* @__PURE__ */ r($, { size: "xs", placeholder: i("chart.unit.text.placeholder"), value: e.text, onChange: (s) => l("text")(s.currentTarget.value) }),
+    !o.has("text") && /* @__PURE__ */ r(V, { size: "xs", placeholder: i("chart.unit.text.placeholder"), value: e.text, onChange: (s) => l("text")(s.currentTarget.value) }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       !o.has("show_in_tooltip") && /* @__PURE__ */ r(ee, { size: "xs", label: i("chart.unit.show_in_tooltip"), checked: e.show_in_tooltip, onChange: (s) => l("show_in_tooltip")(s.currentTarget.checked) }),
       !o.has("show_in_legend") && /* @__PURE__ */ r(ee, { size: "xs", label: i("chart.unit.show_in_legend"), checked: e.show_in_legend, onChange: (s) => l("show_in_legend")(s.currentTarget.checked) })
@@ -5544,7 +5541,7 @@ const lb = D(({
   async function o(l) {
     await e.changeSchema(a.find((s) => s.id === l));
   }
-  return /* @__PURE__ */ r(q, { label: t("interactions.operation.label"), data: i, onChange: ye(o), value: e.operationSchema.id, comboboxProps: {
+  return /* @__PURE__ */ r(O, { label: t("interactions.operation.label"), data: i, onChange: ye(o), value: e.operationSchema.id, comboboxProps: {
     withinPortal: !0,
     zIndex: 340
   }, maxDropdownHeight: 500 });
@@ -5554,7 +5551,7 @@ const lb = D(({
   } = y(), [n, {
     setTrue: a,
     setFalse: i
-  }] = ke(!1), {
+  }] = De(!1), {
     operationManager: o,
     operationId: l,
     instance: s,
@@ -5630,7 +5627,7 @@ const pb = D(({
   async function o(l) {
     await e.changeSchema(a.find((s) => s.id === l));
   }
-  return /* @__PURE__ */ r(q, { label: t("interactions.trigger.label"), data: i, value: e.triggerSchema.id, onChange: ye(o) });
+  return /* @__PURE__ */ r(O, { label: t("interactions.trigger.label"), data: i, value: e.triggerSchema.id, onChange: ye(o) });
 }), gb = D(({
   model: e
 }) => {
@@ -5646,7 +5643,7 @@ const pb = D(({
   } = y(), [n, {
     setTrue: a,
     setFalse: i
-  }] = ke(!1), o = e.model;
+  }] = De(!1), o = e.model;
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(Ce, { opened: n, onClose: i, title: t("interactions.trigger.setup"), zIndex: 320, children: /* @__PURE__ */ u(I, { children: [
       /* @__PURE__ */ r(mb, { model: o }),
@@ -5757,8 +5754,8 @@ function _b(e) {
     urlTemplate: c.currentTarget.value
   });
   return /* @__PURE__ */ u(I, { children: [
-    /* @__PURE__ */ r($, { label: t("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: s, onBlur: o }),
-    /* @__PURE__ */ r(Te, { label: t("interactions.operation.open_link.open_in_new_tab"), checked: n.openInNewTab, onChange: (c) => l(c.currentTarget.checked) })
+    /* @__PURE__ */ r(V, { label: t("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: s, onBlur: o }),
+    /* @__PURE__ */ r(ze, { label: t("interactions.operation.open_link.open_in_new_tab"), checked: n.openInNewTab, onChange: (c) => l(c.currentTarget.checked) })
   ] });
 }
 async function vb(e, t) {
@@ -5810,7 +5807,7 @@ function Cb(e) {
   const {
     t
   } = y(), [n, a] = Sb(e.operation);
-  return /* @__PURE__ */ r($, { defaultValue: n, onBlur: (i) => a(i.currentTarget.value), label: t("interactions.operation.console_log.log_content") });
+  return /* @__PURE__ */ r(V, { defaultValue: n, onBlur: (i) => a(i.currentTarget.value), label: t("interactions.operation.console_log.log_content") });
 }
 async function kb(e, t) {
   const n = await t.operationData.getItem("config"), a = Ga(n.template || "");
@@ -5828,7 +5825,7 @@ const zb = {
     value: a,
     set: i
   } = Y(e.operation.operationData, "config"), o = (a == null ? void 0 : a.viewID) || "";
-  return /* @__PURE__ */ r(q, { defaultValue: o, value: o, onChange: ye((s) => void i({
+  return /* @__PURE__ */ r(O, { defaultValue: o, value: o, onChange: ye((s) => void i({
     viewID: s
   })), label: t("interactions.operation.open_view.view"), data: n.views.options, comboboxProps: {
     withinPortal: !0,
@@ -5863,7 +5860,7 @@ const Ib = {
   const [n, a] = Q(e);
   return N(() => {
     a(e);
-  }, [e]), /* @__PURE__ */ r($, { size: "xs", label: "", value: n, onChange: (o) => a(o.currentTarget.value), sx: {
+  }, [e]), /* @__PURE__ */ r(V, { size: "xs", label: "", value: n, onChange: (o) => a(o.currentTarget.value), sx: {
     flexGrow: 1
   }, rightSection: /* @__PURE__ */ r(J, { color: "green", size: "xs", onClick: () => {
     t(n);
@@ -5986,7 +5983,7 @@ const qb = {
     value: a,
     set: i
   } = Y(e.operation.operationData, "config"), o = (a == null ? void 0 : a.panelID) || "";
-  return /* @__PURE__ */ r(q, { defaultValue: o, value: o, onChange: ye((s) => void i({
+  return /* @__PURE__ */ r(O, { defaultValue: o, value: o, onChange: ye((s) => void i({
     panelID: s
   })), label: t("interactions.operation.scroll_to_panel.panel"), data: n.panels.options, comboboxProps: {
     withinPortal: !0,
@@ -6023,11 +6020,11 @@ const jb = {
     tab: d
   });
   return /* @__PURE__ */ u(I, { gap: "xs", children: [
-    /* @__PURE__ */ r(q, { defaultValue: o, value: o, onChange: ye(s), label: t("interactions.operation.switch_tab.view"), data: n.views.tabViewOptions, comboboxProps: {
+    /* @__PURE__ */ r(O, { defaultValue: o, value: o, onChange: ye(s), label: t("interactions.operation.switch_tab.view"), data: n.views.tabViewOptions, comboboxProps: {
       withinPortal: !0,
       zIndex: 340
     }, maxDropdownHeight: 500 }),
-    /* @__PURE__ */ r(q, { defaultValue: l, value: l, onChange: ye(c), label: t("interactions.operation.switch_tab.tab"), data: n.views.tabOptions(o), comboboxProps: {
+    /* @__PURE__ */ r(O, { defaultValue: l, value: l, onChange: ye(c), label: t("interactions.operation.switch_tab.tab"), data: n.views.tabOptions(o), comboboxProps: {
       withinPortal: !0,
       zIndex: 340
     }, maxDropdownHeight: 500 })
@@ -6414,13 +6411,13 @@ function oy(e, t) {
   const n = [], a = [];
   return {
     boxplotData: Object.entries(e).map(([o, l]) => {
-      const s = l.map((M) => M[t]).sort((M, V) => M - V), c = vr(s, 0.25) ?? 0, d = vr(s, 0.5) ?? 0, h = vr(s, 0.75) ?? 0, p = h - c, g = c - 1.5 * p, b = h + 1.5 * p, _ = Math.max(s[0], g), x = Math.min(C.last(s) ?? 0, b);
+      const s = l.map((M) => M[t]).sort((M, $) => M - $), c = vr(s, 0.25) ?? 0, d = vr(s, 0.5) ?? 0, h = vr(s, 0.75) ?? 0, p = h - c, g = c - 1.5 * p, b = h + 1.5 * p, _ = Math.max(s[0], g), x = Math.min(C.last(s) ?? 0, b);
       return l.filter((M) => {
-        const V = M[t];
-        return V < _ || V > x;
+        const $ = M[t];
+        return $ < _ || $ > x;
       }).forEach((M) => n.push([o, M[t], M])), l.filter((M) => {
-        const V = M[t];
-        return V >= _ && V <= x;
+        const $ = M[t];
+        return $ >= _ && $ <= x;
       }).forEach((M) => a.push([o, M[t], M])), {
         name: o,
         min: _,
@@ -6592,15 +6589,15 @@ function uy(e, t, n) {
       y1: _.max[1],
       y2: _.q3[1]
     }
-  ], V = {
+  ], $ = {
     stroke: i,
     lineWidth: o
   };
-  return M.forEach((O) => {
+  return M.forEach((q) => {
     T.children.push({
       type: "line",
-      shape: O,
-      style: V
+      shape: q,
+      style: $
     });
   }), T.children.push({
     type: "rect",
@@ -6949,18 +6946,18 @@ function Ty({
     vizManager: e.vizManager,
     instance: t
   }), h = mt(d.triggerManager, Ic.id), p = Ln(o, c.x_axis.data_key), g = ne((M) => {
-    const V = C.get(p, M.name, {
+    const $ = C.get(p, M.name, {
       error: "rowData is not found"
     });
-    h.forEach((O) => {
-      d.runInteraction(O.id, {
+    h.forEach((q) => {
+      d.runInteraction(q.id, {
         ...M,
-        rowData: V
+        rowData: $
       });
     });
   }, [p, h, d]), b = _t(null), _ = ne(() => {
-    var V;
-    const M = (V = b.current) == null ? void 0 : V.getEchartsInstance();
+    var $;
+    const M = ($ = b.current) == null ? void 0 : $.getEchartsInstance();
     M && et(t, M.getOption());
   }, []), x = z(() => ({
     click: g,
@@ -7007,7 +7004,7 @@ const Di = te(({
     label: o("common.align.horizontal.right"),
     value: "right"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("common.align.horizontal.label"), data: s, value: t, onChange: ye(n), sx: a });
+  return /* @__PURE__ */ r(O, { ref: i, label: e ?? o("common.align.horizontal.label"), data: s, value: t, onChange: ye(n), sx: a });
 }), Ac = te(({
   label: e,
   value: t,
@@ -7027,7 +7024,7 @@ const Di = te(({
     label: o("common.align.vertical.bottom"),
     value: "bottom"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("common.align.vertical.label"), data: s, value: t, onChange: ye(n), sx: a });
+  return /* @__PURE__ */ r(O, { ref: i, label: e ?? o("common.align.vertical.label"), data: s, value: t, onChange: ye(n), sx: a });
 }), Ec = Wn(() => ({
   palette: {
     display: "flex",
@@ -7112,13 +7109,13 @@ function My(e) {
   } = Ec(), [s, c] = Q(Po(o)), [d, {
     setTrue: h,
     setFalse: p
-  }] = ke(!1), g = i % 2 === 1, b = g && o != null, _ = !g && o != null, x = `map ${o} to color ${i}`, T = () => {
+  }] = De(!1), g = i % 2 === 1, b = g && o != null, _ = !g && o != null, x = `map ${o} to color ${i}`, T = () => {
     c(Po(o)), p();
   }, M = () => {
     p(), n == null || n(Number(s));
-  }, V = () => {
+  }, $ = () => {
     p(), n == null || n(null);
-  }, O = he(o ?? null, {
+  }, q = he(o ?? null, {
     output: "number",
     mantissa: 10,
     trimMantissa: !0,
@@ -7128,7 +7125,7 @@ function My(e) {
   return /* @__PURE__ */ u("div", { "data-testid": `palette-item-${i}`, className: l.paletteItem, children: [
     /* @__PURE__ */ r(k, { title: x, style: {
       opacity: b ? 1 : 0
-    }, c: "dimmed", size: "sm", className: "palette-value--up palette-value", children: O }),
+    }, c: "dimmed", size: "sm", className: "palette-value--up palette-value", children: q }),
     /* @__PURE__ */ u(Ye, { width: 240, trapFocus: !0, opened: d, onClose: p, zIndex: 340, withinPortal: !0, children: [
       /* @__PURE__ */ r(Ye.Target, { children: /* @__PURE__ */ r("div", { "data-testid": "palette-item-target", className: "palette-item", onClick: h, style: {
         "--shadow-color": wn(a).alpha(0.5).hex(),
@@ -7141,12 +7138,12 @@ function My(e) {
           right: "0.8em"
         } }) }),
         /* @__PURE__ */ u(I, { children: [
-          /* @__PURE__ */ r($, { size: "xs", label: t("style.color.interpolation.palette.mapping.value_input_label"), value: s, onChange: (G) => {
+          /* @__PURE__ */ r(V, { size: "xs", label: t("style.color.interpolation.palette.mapping.value_input_label"), value: s, onChange: (G) => {
             const oe = G.currentTarget.value;
             c(oe);
           }, error: s && W }),
           /* @__PURE__ */ u(v, { justify: "space-between", children: [
-            /* @__PURE__ */ r(L, { variant: "light", color: "red", size: "xs", onClick: V, leftSection: /* @__PURE__ */ r(Pe, { size: 16 }), children: t("common.actions.delete") }),
+            /* @__PURE__ */ r(L, { variant: "light", color: "red", size: "xs", onClick: $, leftSection: /* @__PURE__ */ r(Pe, { size: 16 }), children: t("common.actions.delete") }),
             /* @__PURE__ */ r(L, { color: "green", leftSection: /* @__PURE__ */ r(be, { size: 16 }), "data-testid": "palette-item-ok", size: "xs", onClick: M, disabled: W, children: t("common.actions.save") })
           ] })
         ] })
@@ -7154,7 +7151,7 @@ function My(e) {
     ] }),
     /* @__PURE__ */ r(k, { title: x, style: {
       opacity: _ ? 1 : 0
-    }, c: "dimmed", size: "sm", className: "palette-value--bottom palette-value", children: O })
+    }, c: "dimmed", size: "sm", className: "palette-value--bottom palette-value", children: q })
   ] });
 }
 const Ly = D(({
@@ -7180,29 +7177,29 @@ const Ly = D(({
   } = e, l = o.getColorInterpolations(), [s, c] = Q(a), d = o.decodeInterpolation(s.interpolation) || l[0], [h, {
     setTrue: p,
     setFalse: g
-  }] = ke(), b = z(() => {
-    const V = C.groupBy(l, "category");
-    return Object.entries(V).map(([O, W]) => ({
-      group: t(`style.color.interpolation.palette.category.${O}`),
+  }] = De(), b = z(() => {
+    const $ = C.groupBy(l, "category");
+    return Object.entries($).map(([q, W]) => ({
+      group: t(`style.color.interpolation.palette.category.${q}`),
       items: W.map((G) => ({
         label: t(G.displayName),
         value: o.encodeColor(G)
       }))
     }));
   }, [n.language]);
-  function _(V) {
-    V && c((O) => ({
-      ...O,
-      interpolation: V
+  function _($) {
+    $ && c((q) => ({
+      ...q,
+      interpolation: $
     }));
   }
   const x = () => {
     g(), i == null || i(yt(s));
   };
-  function T(V) {
-    c((O) => ({
-      ...O,
-      steps: V
+  function T($) {
+    c((q) => ({
+      ...q,
+      steps: $
     }));
   }
   const M = () => {
@@ -7211,7 +7208,7 @@ const Ly = D(({
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(L, { variant: "outline", onClick: p, children: t(d == null ? void 0 : d.displayName) }),
     /* @__PURE__ */ r(Ce, { size: 508, title: t("style.color.interpolation.setup"), opened: h, onClose: g, zIndex: 320, children: h && /* @__PURE__ */ u(I, { "data-testid": "color-interpolation-modal", children: [
-      /* @__PURE__ */ r(q, { label: t("style.color.interpolation.palette.label"), value: s.interpolation, data: b, onChange: _, comboboxProps: {
+      /* @__PURE__ */ r(O, { label: t("style.color.interpolation.palette.label"), value: s.interpolation, data: b, onChange: _, comboboxProps: {
         withinPortal: !0,
         zIndex: 340
       }, maxDropdownHeight: 500 }),
@@ -7241,7 +7238,7 @@ const Ly = D(({
     label: o("style.color.type.none"),
     value: "none"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("style.color.type.label"), data: s, value: t, onChange: ye(n), sx: a });
+  return /* @__PURE__ */ r(O, { ref: i, label: e ?? o("style.color.type.label"), data: s, value: t, onChange: ye(n), sx: a });
 }), Py = te(({
   label: e,
   value: t,
@@ -7270,7 +7267,7 @@ const Ly = D(({
     label: o("style.flex.justify_content.space_evenly"),
     value: "space-evenly"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("style.flex.justify_content.label"), data: s, value: t, onChange: ye(n), sx: a });
+  return /* @__PURE__ */ r(O, { ref: i, label: e ?? o("style.flex.justify_content.label"), data: s, value: t, onChange: ye(n), sx: a });
 }), Ay = te(({
   label: e,
   value: t,
@@ -7293,7 +7290,7 @@ const Ly = D(({
     label: o("style.flex.align_items.stretch"),
     value: "stretch"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("style.flex.align_items.label"), data: s, value: t, onChange: ye(n), sx: a });
+  return /* @__PURE__ */ r(O, { ref: i, label: e ?? o("style.flex.align_items.label"), data: s, value: t, onChange: ye(n), sx: a });
 }), Ey = ({
   value: e,
   index: t,
@@ -7302,7 +7299,7 @@ const Ly = D(({
   const [a, {
     setTrue: i,
     setFalse: o
-  }] = ke(!1), {
+  }] = De(!1), {
     ref: l,
     handleRef: s
   } = Kr({
@@ -7358,12 +7355,12 @@ const Ly = D(({
   } = d, b = t(n), _ = h.map((G, oe) => ({
     ...G,
     ...b[oe]
-  })), x = ((W = C.last(_)) == null ? void 0 : W.id) ?? null, [T, M] = Q(x), V = (G) => {
+  })), x = ((W = C.last(_)) == null ? void 0 : W.id) ?? null, [T, M] = Q(x), $ = (G) => {
     G !== "add" && M(G);
   };
   return N(() => {
     M((G) => x === G ? G : x);
-  }, [x]), /* @__PURE__ */ u(S, { value: T, onChange: V, styles: qy, children: [
+  }, [x]), /* @__PURE__ */ u(S, { value: T, onChange: $, styles: qy, children: [
     /* @__PURE__ */ r(Oy, { fieldArray: d, add: () => {
       const G = a();
       d.append(G), M(G.id);
@@ -7401,19 +7398,19 @@ const Ly = D(({
     /* @__PURE__ */ u(v, { children: [
       /* @__PURE__ */ r(R, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r(Te, { label: a("chart.zooming.scroll.x_axis"), checked: e.x_axis_scroll, onChange: (o) => i("x_axis_scroll")(o.currentTarget.checked) }) }),
+      }, children: /* @__PURE__ */ r(ze, { label: a("chart.zooming.scroll.x_axis"), checked: e.x_axis_scroll, onChange: (o) => i("x_axis_scroll")(o.currentTarget.checked) }) }),
       /* @__PURE__ */ r(R, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r(Te, { label: a("chart.zooming.scroll.y_axis"), checked: e.y_axis_scroll, onChange: (o) => i("y_axis_scroll")(o.currentTarget.checked) }) })
+      }, children: /* @__PURE__ */ r(ze, { label: a("chart.zooming.scroll.y_axis"), checked: e.y_axis_scroll, onChange: (o) => i("y_axis_scroll")(o.currentTarget.checked) }) })
     ] }),
     /* @__PURE__ */ r(A, { variant: "dashed", label: a("chart.zooming.slider.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(v, { children: [
       /* @__PURE__ */ r(R, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r(Te, { label: a("chart.zooming.slider.x_axis"), checked: e.x_axis_slider, onChange: (o) => i("x_axis_slider")(o.currentTarget.checked) }) }),
+      }, children: /* @__PURE__ */ r(ze, { label: a("chart.zooming.slider.x_axis"), checked: e.x_axis_slider, onChange: (o) => i("x_axis_slider")(o.currentTarget.checked) }) }),
       /* @__PURE__ */ r(ae, { label: a("chart.zooming.slider.y_axis_disabled"), children: /* @__PURE__ */ r(R, { sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r(Te, { label: a("chart.zooming.slider.y_axis"), disabled: !e.y_axis_slider, checked: e.y_axis_slider, onChange: (o) => i("y_axis_slider")(o.currentTarget.checked) }) }) })
+      }, children: /* @__PURE__ */ r(ze, { label: a("chart.zooming.slider.y_axis"), disabled: !e.y_axis_slider, checked: e.y_axis_slider, onChange: (o) => i("y_axis_slider")(o.currentTarget.checked) }) }) })
     ] })
   ] });
 }), gn = te(({
@@ -7433,7 +7430,7 @@ const Ly = D(({
     label: l("chart.orientation.vertical"),
     value: "vertical"
   }], [s.language]);
-  return /* @__PURE__ */ r(q, { ref: o, label: e ?? l("chart.orientation.label"), data: c, value: t, onChange: ye(n), sx: a, disabled: i });
+  return /* @__PURE__ */ r(O, { ref: o, label: e ?? l("chart.orientation.label"), data: c, value: t, onChange: ye(n), sx: a, disabled: i });
 }), Fy = ({
   control: e,
   watch: t
@@ -7450,7 +7447,7 @@ const Ly = D(({
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(v, { grow: !0, wrap: "nowrap", mt: 20, children: /* @__PURE__ */ r(f, { name: "legend.show", control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ r(Te, { label: n("chart.legend.show_legend"), sx: {
+    }) => /* @__PURE__ */ r(ze, { label: n("chart.legend.show_legend"), sx: {
       flex: 1
     }, checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) }) }),
     /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(f, { name: "legend", control: e, render: ({
@@ -7477,18 +7474,18 @@ function Ny({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r($, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r(q, { label: a("common.value"), required: !0, data: n, sx: {
+      }) => /* @__PURE__ */ r(O, { label: a("common.value"), required: !0, data: n, sx: {
         flex: 1
       }, ...i }) })
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r($, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.placeholder"), required: !0, sx: {
+    }) => /* @__PURE__ */ r(V, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.placeholder"), required: !0, sx: {
       flex: 1
     }, ...i }) })
   ] });
@@ -7527,7 +7524,7 @@ const jy = ({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -7604,7 +7601,7 @@ const ln = te(({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.x_axis_name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.x_axis_name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
@@ -7658,7 +7655,7 @@ function Uy({
       ] }) }),
       /* @__PURE__ */ r(w.Tbody, { children: Wy.map((i) => /* @__PURE__ */ u(w.Tr, { children: [
         /* @__PURE__ */ r(w.Td, { children: i }),
-        /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(ze, { children: he(i, e) }) })
+        /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(ke, { children: he(i, e) }) })
       ] }, i)) })
     ] }) })
   ] });
@@ -7702,7 +7699,7 @@ function Ky({
   };
   return /* @__PURE__ */ u(I, { ref: n, children: [
     /* @__PURE__ */ u(v, { grow: !0, children: [
-      /* @__PURE__ */ r(q, { label: a("numbro.format.label"), data: [{
+      /* @__PURE__ */ r(O, { label: a("numbro.format.label"), data: [{
         label: "1234",
         value: "number"
       }, {
@@ -7711,13 +7708,13 @@ function Ky({
       }], value: e.output, onChange: ye(i), sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r(Te, { label: /* @__PURE__ */ u(I, { gap: 0, children: [
+      /* @__PURE__ */ r(ze, { label: /* @__PURE__ */ u(I, { gap: 0, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: a("numbro.format.absolute") }),
         /* @__PURE__ */ r(k, { size: "12px", c: "gray", children: a("numbro.format.absolute_description") })
       ] }), checked: e.absolute, onChange: c, sx: {
         flexGrow: 1
       }, styles: _a }),
-      /* @__PURE__ */ r(Te, { label: /* @__PURE__ */ u(I, { gap: 0, children: [
+      /* @__PURE__ */ r(ze, { label: /* @__PURE__ */ u(I, { gap: 0, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: a("numbro.format.abbreviation") }),
         /* @__PURE__ */ r(k, { size: "12px", c: "gray", children: a("numbro.format.abbreviation_description") })
       ] }), checked: e.average, onChange: s, disabled: e.output !== "number", sx: {
@@ -7726,7 +7723,7 @@ function Ky({
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ r(re, { label: a("numbro.format.mantissa"), defaultValue: 0, min: 0, step: 1, max: 4, value: e.mantissa, onChange: o }),
-      /* @__PURE__ */ r(Te, { label: /* @__PURE__ */ u(I, { gap: 0, children: [
+      /* @__PURE__ */ r(ze, { label: /* @__PURE__ */ u(I, { gap: 0, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: a("numbro.format.trim_mantissa") }),
         /* @__PURE__ */ r(k, { size: "12px", c: "gray", children: a("numbro.format.trim_mantissa_description") })
       ] }), checked: e.trimMantissa, onChange: l, disabled: e.mantissa === 0, styles: _a }),
@@ -7746,7 +7743,7 @@ const qt = E.forwardRef(Ky), Yy = ({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.y_axis_name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.y_axis_name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.data_key", control: e, render: ({
@@ -7812,7 +7809,7 @@ function Xy({
       /* @__PURE__ */ r(S.Panel, { value: "Y Axis", children: /* @__PURE__ */ r(Yy, { control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Legend", children: /* @__PURE__ */ r(Fy, { control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Tooltip", children: /* @__PURE__ */ r(Hy, { control: l, watch: c }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Style", children: /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: "color", control: l, render: ({
+      /* @__PURE__ */ r(S.Panel, { value: "Style", children: /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: "color", control: l, render: ({
         field: p
       }) => /* @__PURE__ */ r(Ze, { label: t("chart.color.label"), ...p }) }) }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r(By, { variables: i, control: l, watch: c }) }),
@@ -8166,8 +8163,8 @@ const Ii = {
     width: b,
     height: _
   } = e.viewport, x = i.payloadForSQL, T = () => {
-    a.forEach((V) => {
-      n.runInteraction(V.id, {});
+    a.forEach(($) => {
+      n.runInteraction($.id, {});
     });
   }, M = h ? `compact-${p}` : p;
   return /* @__PURE__ */ r(St, { sx: {
@@ -8205,7 +8202,7 @@ const Ii = {
     label: l(`style.size.${d}`),
     value: d
   })), [s.language]);
-  return /* @__PURE__ */ r(q, { ref: o, data: c, label: e, value: t, onChange: ye(n), sx: a, disabled: !0 });
+  return /* @__PURE__ */ r(O, { ref: o, data: c, label: e, value: t, onChange: ye(n), sx: a, disabled: !0 });
 }), y_ = [{
   label: "Filled",
   value: "filled"
@@ -8255,17 +8252,17 @@ function __({
     /* @__PURE__ */ u(I, { children: [
       /* @__PURE__ */ r(f, { control: o, name: "content", render: ({
         field: h
-      }) => /* @__PURE__ */ r($, { label: "Content Template", description: "Filter values & context entries are supported", ...h, required: !0 }) }),
+      }) => /* @__PURE__ */ r(V, { label: "Content Template", description: "Filter values & context entries are supported", ...h, required: !0 }) }),
       /* @__PURE__ */ r(A, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
-      /* @__PURE__ */ u(De, { cols: 2, children: [
+      /* @__PURE__ */ u(Te, { cols: 2, children: [
         /* @__PURE__ */ r(f, { control: o, name: "variant", render: ({
           field: h
-        }) => /* @__PURE__ */ r(q, { label: "Variant", data: y_, ...h }) }),
+        }) => /* @__PURE__ */ r(O, { label: "Variant", data: y_, ...h }) }),
         /* @__PURE__ */ r(f, { control: o, name: "color", render: ({
           field: h
         }) => /* @__PURE__ */ r(f_, { label: "Theme", ...h }) })
       ] }),
-      /* @__PURE__ */ u(De, { cols: 2, children: [
+      /* @__PURE__ */ u(Te, { cols: 2, children: [
         /* @__PURE__ */ r(f, { control: o, name: "size", render: ({
           field: h
         }) => /* @__PURE__ */ r(Pa, { label: "Size", ...h }) }),
@@ -8273,7 +8270,7 @@ function __({
           field: h
         }) => /* @__PURE__ */ r(ee, { label: "Compact", checked: h.value, onChange: (p) => h.onChange(p.currentTarget.checked), mt: 26 }) })
       ] }),
-      /* @__PURE__ */ u(De, { cols: 2, children: [
+      /* @__PURE__ */ u(Te, { cols: 2, children: [
         /* @__PURE__ */ r(f, { control: o, name: "horizontal_align", render: ({
           field: h
         }) => /* @__PURE__ */ r(Di, { ...h }) }),
@@ -8396,10 +8393,10 @@ const C_ = {
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "visualMap.text.1", control: a, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: t("chart.visual_map.min_text"), ...d }) }),
+      }) => /* @__PURE__ */ r(V, { label: t("chart.visual_map.min_text"), ...d }) }),
       /* @__PURE__ */ r(f, { name: "visualMap.text.0", control: a, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: t("chart.visual_map.max_text"), ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: t("chart.visual_map.max_text"), ...d }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "visualMap.orient", control: a, render: ({
@@ -8442,7 +8439,7 @@ const C_ = {
   } = e, o = t === "horizontal" ? n : a, {
     panel: l
   } = Me(), s = ta(e, l.variableValueMap);
-  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(We, { echarts: Ne, option: {
+  return /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(We, { echarts: Ne, option: {
     visualMap: s
   }, style: {
     width: "100%",
@@ -8486,20 +8483,20 @@ const C_ = {
     /* @__PURE__ */ r(Ye.Dropdown, { children: /* @__PURE__ */ u(v, { wrap: "nowrap", gap: 8, children: [
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.lower.value`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { ...p, placeholder: n("chart.visual_map.min_value"), size: "xs", onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) }),
+      }) => /* @__PURE__ */ r(V, { ...p, placeholder: n("chart.visual_map.min_value"), size: "xs", onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) }),
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.lower.symbol`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r(q, { size: "xs", data: Ao.lower, ...p, onChange: ye((g) => p.onChange(g)) }) }),
+      }) => /* @__PURE__ */ r(O, { size: "xs", data: Ao.lower, ...p, onChange: ye((g) => p.onChange(g)) }) }),
       /* @__PURE__ */ r(k, { c: "dimmed", size: "sm", sx: {
         userSelect: "none",
         cursor: "default"
       }, children: n("common.value").toLowerCase() }),
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.upper.symbol`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r(q, { size: "xs", data: Ao.upper, ...p, onChange: ye((g) => p.onChange(g)) }) }),
+      }) => /* @__PURE__ */ r(O, { size: "xs", data: Ao.upper, ...p, onChange: ye((g) => p.onChange(g)) }) }),
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.upper.value`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { ...p, size: "xs", placeholder: n("chart.visual_map.max_value"), onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) })
+      }) => /* @__PURE__ */ r(V, { ...p, size: "xs", placeholder: n("chart.visual_map.max_value"), onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) })
     ] }) })
   ] }) });
 }, I_ = ({
@@ -8517,7 +8514,7 @@ const C_ = {
     /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(D_, { form: e, index: t }) }),
     /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.label`, control: a, render: ({
       field: o
-    }) => /* @__PURE__ */ r($, { size: "xs", placeholder: "", ...o, onChange: (l) => o.onChange(l.currentTarget.value) }) }) }),
+    }) => /* @__PURE__ */ r(V, { size: "xs", placeholder: "", ...o, onChange: (l) => o.onChange(l.currentTarget.value) }) }) }),
     /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.color`, control: a, render: ({
       field: o
     }) => /* @__PURE__ */ r(rn, { label: i(""), placeholder: i("chart.color.label"), size: "xs", popoverProps: {
@@ -8632,7 +8629,7 @@ const C_ = {
         return;
     }
   };
-  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ u(I, { children: [
+  return /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(T_, { visualMap: i }),
     /* @__PURE__ */ r(f, { name: "visualMap.type", control: a, render: ({
       field: s
@@ -9005,19 +9002,19 @@ function X_(e) {
   };
 }
 function Z_(e, t, n) {
-  const a = n.reduce((M, V) => {
-    const O = Xt(V, t);
-    return M[V.name] = kt(V, O), M;
+  const a = n.reduce((M, $) => {
+    const q = Xt($, t);
+    return M[$.name] = kt($, q), M;
   }, {}), i = ta(e.visualMap, a), {
     min: o,
     max: l
   } = i, s = Q_(e), c = H(e.calendar.data_key), d = H(e.heat_block.data_key), h = t[c.queryID].map((M) => {
-    const V = C.get(M, c.columnKey), O = C.get(M, d.columnKey), W = Y_(M[c.columnKey]), G = {
-      value: [V, O, W]
+    const $ = C.get(M, c.columnKey), q = C.get(M, d.columnKey), W = Y_(M[c.columnKey]), G = {
+      value: [$, q, W]
     }, {
       followVisualMap: oe,
       color: Z
-    } = fi(O, o, l, e.visualMap);
+    } = fi(q, o, l, e.visualMap);
     return oe || (G.visualMap = !1, G.itemStyle = {
       color: Z
     }), G;
@@ -9064,8 +9061,8 @@ function ev({
     const [x, T] = _.value, M = C.get(s, x, {
       error: "rowData is not found"
     });
-    c.forEach((V) => {
-      i.runInteraction(V.id, {
+    c.forEach(($) => {
+      i.runInteraction($.id, {
         ..._,
         rowData: M
       });
@@ -9125,7 +9122,7 @@ function rv({
     }, ...a }) }) }),
     /* @__PURE__ */ r(f, { name: "calendar.locale", control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(q, { label: n("viz.calendar_heatmap.calendar.locale"), data: nv, sx: {
+    }) => /* @__PURE__ */ r(O, { label: n("viz.calendar_heatmap.calendar.locale"), data: nv, sx: {
       flex: 1
     }, ...a }) })
   ] });
@@ -9146,7 +9143,7 @@ function av({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -9170,7 +9167,7 @@ const iv = ({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -9344,7 +9341,7 @@ const dv = {
     description: a("chart.series.line.area_style.origin.end.description"),
     value: "end"
   }], [i.language]);
-  return /* @__PURE__ */ r(q, { ref: n, label: a("chart.series.line.area_style.origin.label"), data: o, value: e, onChange: ye(t), renderOption: uv, size: "xs" });
+  return /* @__PURE__ */ r(O, { ref: n, label: a("chart.series.line.area_style.origin.label"), data: o, value: e, onChange: ye(t), renderOption: uv, size: "xs" });
 }), qo = te(({
   value: e,
   onChange: t,
@@ -9372,7 +9369,7 @@ const dv = {
       } }),
       a("chart.series.line.area_style.label")
     ] }), labelPosition: "center" }),
-    /* @__PURE__ */ r(Te, { label: a("chart.series.line.area_style.enabled"), checked: e.enabled, onChange: (o) => i("enabled")(o.currentTarget.checked) }),
+    /* @__PURE__ */ r(ze, { label: a("chart.series.line.area_style.enabled"), checked: e.enabled, onChange: (o) => i("enabled")(o.currentTarget.checked) }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ r(qo, { label: a("chart.series.line.area_style.color"), placeholder: a("chart.series.line.area_style.use_series_color"), value: e.color, onChange: i("color") }),
       /* @__PURE__ */ r(re, { size: "xs", label: a("chart.series.line.area_style.opacity"), value: e.opacity, onChange: i("opacity"), step: 0.1, decimalScale: 1, min: 0, max: 1 })
@@ -9437,7 +9434,7 @@ const Nc = te(({
   } = t;
   return /* @__PURE__ */ u(v, { gap: "xs", grow: !0, align: "flex-end", children: [
     /* @__PURE__ */ r(
-      q,
+      O,
       {
         ref: i,
         label: e,
@@ -10420,7 +10417,7 @@ function rx({
   hide_in_legend: _,
   areaStyle: x,
   ...T
-}, M, V, O, W) {
+}, M, $, q, W) {
   const G = t.type !== "category", oe = {
     label: {
       show: !!i,
@@ -10432,7 +10429,7 @@ function rx({
     yAxisIndex: a,
     stack: h,
     color: p,
-    symbolSize: nx(b, V, e, O),
+    symbolSize: nx(b, $, e, q),
     hide_in_legend: _,
     labelLayout: {
       hideOverlap: !0
@@ -10465,7 +10462,7 @@ function rx({
   }), !s || s === e)
     return oe.data = ex({
       dataTemplate: M,
-      data: V,
+      data: $,
       aggregation_on_value: d,
       x_axis_data_key: e,
       y_axis_data_key: n,
@@ -10473,7 +10470,7 @@ function rx({
     }), oe;
   const Z = tx({
     group_by_key: s,
-    data: V,
+    data: $,
     x_axis_data_key: e,
     y_axis_data_key: n
   });
@@ -10527,13 +10524,13 @@ function lx(e, t, n, a) {
       }) => {
         if (Array.isArray(x) && x.length === 2 && (x = x[1]), !b)
           return x;
-        const T = o[b] ?? "", M = i[b], V = a[M] ?? a.default;
+        const T = o[b] ?? "", M = i[b], $ = a[M] ?? a.default;
         return `
         <tr>
           <td>${_}</td>
           <th style="text-align: right; padding: 0 1em;">${b}</th>
           <td style="text-align: left; padding: 0 2px 0 1em;">
-            ${V({
+            ${$({
           value: x
         })}
           </td>
@@ -10734,8 +10731,8 @@ function gx({
     const M = C.get(s, T.name, {
       error: "rowData is not found"
     });
-    c.forEach((V) => {
-      i.runInteraction(V.id, {
+    c.forEach(($) => {
+      i.runInteraction($.id, {
         ...T,
         rowData: M
       });
@@ -10798,24 +10795,24 @@ function bx({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_areas.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.reference_area.label"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.reference_area.label"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_areas.${t}.color`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.color.label"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.color.label"), required: !0, sx: {
         flex: 1
       }, ...s }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_areas.${t}.type`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: a("chart.reference_area.type.label"), required: !0, data: o, sx: {
+      }) => /* @__PURE__ */ r(O, { label: a("chart.reference_area.type.label"), required: !0, data: o, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_areas.${t}.direction`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: a("chart.reference_area.direction.label"), required: !0, data: l, sx: {
+      }) => /* @__PURE__ */ r(O, { label: a("chart.reference_area.direction.label"), required: !0, data: l, sx: {
         flex: 1
       }, ...s }) })
     ] }),
@@ -10823,12 +10820,12 @@ function bx({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_areas.${t}.y_keys.upper`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: a("chart.reference_area.boundary.upper"), required: !0, data: n, sx: {
+      }) => /* @__PURE__ */ r(O, { label: a("chart.reference_area.boundary.upper"), required: !0, data: n, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_areas.${t}.y_keys.lower`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: a("chart.reference_area.boundary.lower"), required: !0, data: n, sx: {
+      }) => /* @__PURE__ */ r(O, { label: a("chart.reference_area.boundary.lower"), required: !0, data: n, sx: {
         flex: 1
       }, ...s }) })
     ] })
@@ -10881,7 +10878,7 @@ const Yn = te(({
     label: o("chart.series.line.type.dotted"),
     value: "dotted"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("chart.series.line.type.label"), data: s, value: t, onChange: ye(n), sx: a });
+  return /* @__PURE__ */ r(O, { ref: i, label: e ?? o("chart.series.line.type.label"), data: s, value: t, onChange: ye(n), sx: a });
 });
 function _x({
   control: e,
@@ -10899,18 +10896,18 @@ function _x({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: o("common.data_field"), required: !0, data: a, sx: {
+      }) => /* @__PURE__ */ r(O, { label: o("common.data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...s }) })
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
@@ -10928,7 +10925,7 @@ function _x({
           onChange: c,
           ...d
         }
-      }) => /* @__PURE__ */ r(q, { label: o("chart.y_axis.label"), data: i, disabled: i.length === 0, ...d, value: (s == null ? void 0 : s.toString()) ?? "", onChange: (h) => {
+      }) => /* @__PURE__ */ r(O, { label: o("chart.y_axis.label"), data: i, disabled: i.length === 0, ...d, value: (s == null ? void 0 : s.toString()) ?? "", onChange: (h) => {
         if (!h) {
           c(0);
           return;
@@ -10951,7 +10948,7 @@ function _x({
         flexGrow: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ze, { label: o("chart.color.label"), ...s }) }) }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: o("chart.behavior.label"), labelPosition: "center" }),
@@ -11024,7 +11021,7 @@ function xx({
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: `regressions.${n}.name`, control: e, render: ({
         field: c
-      }) => /* @__PURE__ */ r($, { label: i("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("common.name"), required: !0, sx: {
         flex: 1
       }, ...c }) }),
       /* @__PURE__ */ r(f, { name: `regressions.${n}.group_by_key`, control: e, render: ({
@@ -11045,7 +11042,7 @@ function xx({
           onChange: d,
           ...h
         }
-      }) => /* @__PURE__ */ r(q, { label: i("chart.y_axis.label"), data: a, disabled: a.length === 0, ...h, value: (c == null ? void 0 : c.toString()) ?? "", onChange: (p) => {
+      }) => /* @__PURE__ */ r(O, { label: i("chart.y_axis.label"), data: a, disabled: a.length === 0, ...h, value: (c == null ? void 0 : c.toString()) ?? "", onChange: (p) => {
         if (!p) {
           d(0);
           return;
@@ -11058,7 +11055,7 @@ function xx({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `regressions.${n}.transform.config.method`, control: e, render: ({
         field: c
-      }) => /* @__PURE__ */ r(q, { label: i("chart.regression_line.method.label"), data: l, sx: {
+      }) => /* @__PURE__ */ r(O, { label: i("chart.regression_line.method.label"), data: l, sx: {
         flex: 1
       }, ...c }) }),
       s === "polynomial" && /* @__PURE__ */ r(f, { name: `regressions.${n}.transform.config.order`, control: e, render: ({
@@ -11080,7 +11077,7 @@ function xx({
         flexGrow: 1
       }, ...c }) })
     ] }),
-    /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: `regressions.${n}.plot.color`, control: e, render: ({
+    /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: `regressions.${n}.plot.color`, control: e, render: ({
       field: c
     }) => /* @__PURE__ */ r(Ze, { label: i("chart.color.label"), ...c }) }) })
   ] });
@@ -11154,7 +11151,7 @@ const Sx = ({
   } = y(), [a, {
     setTrue: i,
     setFalse: o
-  }] = ke(), [l, s] = Q(e), c = () => {
+  }] = De(), [l, s] = Q(e), c = () => {
     o();
     const {
       type: g,
@@ -11227,8 +11224,8 @@ const Sx = ({
       ...Pi[c]
     });
   };
-  return /* @__PURE__ */ u(De, { cols: 2, children: [
-    /* @__PURE__ */ r(q, { ref: a, label: e ?? i("chart.symbol_size.label"), data: l, value: t.type, onChange: s, sx: {
+  return /* @__PURE__ */ u(Te, { cols: 2, children: [
+    /* @__PURE__ */ r(O, { ref: a, label: e ?? i("chart.symbol_size.label"), data: l, value: t.type, onChange: s, sx: {
       flexGrow: 1
     } }),
     /* @__PURE__ */ r(zx, { value: t, onChange: n }),
@@ -11355,9 +11352,9 @@ function Tx({
   }], [s.language]);
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", pt: a, children: [
-      /* @__PURE__ */ r(q, { ref: o, label: e, data: b, value: t.type, onChange: c, maxDropdownHeight: 600 }),
+      /* @__PURE__ */ r(O, { ref: o, label: e, data: b, value: t.type, onChange: c, maxDropdownHeight: 600 }),
       t.type === "quantile" && /* @__PURE__ */ r(re, { label: "p", value: t.config.p, onChange: d, decimalScale: 2, min: 0.05, step: 0.05, max: 1 }),
-      t.type === "pick_record" && /* @__PURE__ */ r(q, { label: l("aggregation.option.pick_record.method.label"), value: t.config.method, onChange: p, data: [{
+      t.type === "pick_record" && /* @__PURE__ */ r(O, { label: l("aggregation.option.pick_record.method.label"), value: t.config.method, onChange: p, data: [{
         label: l("aggregation.option.pick_record.method.first"),
         value: "first"
       }, {
@@ -11375,7 +11372,7 @@ function Tx({
         color: "grape"
       } })
     ] }),
-    i && /* @__PURE__ */ r($, { label: l("panel.variable.aggregation.fallback_value"), description: l("panel.variable.aggregation.fallback_value_description"), value: t.fallback, onChange: g })
+    i && /* @__PURE__ */ r(V, { label: l("panel.variable.aggregation.fallback_value"), description: l("panel.variable.aggregation.fallback_value_description"), value: t.fallback, onChange: g })
   ] });
 }
 const Ei = E.forwardRef(Tx), Xn = te(({
@@ -11439,7 +11436,7 @@ const Ei = E.forwardRef(Tx), Xn = te(({
       value: ""
     }), d;
   }, [s.language, a, i]);
-  return /* @__PURE__ */ r(q, { ref: o, label: e, data: c, value: t, onChange: n });
+  return /* @__PURE__ */ r(O, { ref: o, label: e, data: c, value: t, onChange: n });
 });
 function Dx({
   control: e,
@@ -11460,29 +11457,29 @@ function Dx({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barGap`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: a("chart.series.bar.bar_gap.label"), data: l, sx: {
+      }) => /* @__PURE__ */ r(O, { label: a("chart.series.bar.bar_gap.label"), data: l, sx: {
         flexGrow: 1
       }, ...s }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.exact"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.exact"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) })
     ] })
@@ -11512,7 +11509,7 @@ function Ix({
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
       flexGrow: 1
     }, ...s }) }),
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: a("chart.series.line.line_settings"), labelPosition: "center" }),
@@ -11531,7 +11528,7 @@ function Ix({
     /* @__PURE__ */ u(v, { grow: !0, align: "center", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.step`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: a("chart.series.line.step.label"), data: l, sx: {
+      }) => /* @__PURE__ */ r(O, { label: a("chart.series.line.step.label"), data: l, sx: {
         flexGrow: 1,
         maxWidth: "48%"
       }, ...s, value: String(s.value), onChange: ye((c) => {
@@ -11543,12 +11540,12 @@ function Ix({
           field: s
         }) => /* @__PURE__ */ r(R, { sx: {
           flexGrow: 1
-        }, children: /* @__PURE__ */ r(Te, { label: a("chart.series.line.smooth_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
+        }, children: /* @__PURE__ */ r(ze, { label: a("chart.series.line.smooth_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
         /* @__PURE__ */ r(f, { name: `series.${t}.display_name_on_line`, control: e, render: ({
           field: s
         }) => /* @__PURE__ */ r(R, { sx: {
           flexGrow: 1
-        }, children: /* @__PURE__ */ r(Te, { label: a("chart.series.line.show_name_on_line"), checked: s.value ?? !1, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) })
+        }, children: /* @__PURE__ */ r(ze, { label: a("chart.series.line.show_name_on_line"), checked: s.value ?? !1, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) })
       ] })
     ] }),
     /* @__PURE__ */ u(I, { children: [
@@ -11556,7 +11553,7 @@ function Ix({
         field: s
       }) => /* @__PURE__ */ r(R, { mt: 10, mb: -10, sx: {
         flexGrow: 1
-      }, children: /* @__PURE__ */ r(Te, { label: a("chart.series.line.show_symbol_on_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
+      }, children: /* @__PURE__ */ r(ze, { label: a("chart.series.line.show_symbol_on_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
       o && /* @__PURE__ */ r(f, { name: `series.${t}.symbolSize`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(Ai, { ...s }) })
@@ -11601,7 +11598,7 @@ function Lx({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: i("chart.series.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("chart.series.name"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.yAxisIndex`, control: e, render: ({
@@ -11610,7 +11607,7 @@ function Lx({
           onChange: c,
           ...d
         }
-      }) => /* @__PURE__ */ r(q, { label: i("chart.series.y_axis"), data: a, disabled: a.length === 0, ...d, value: (s == null ? void 0 : s.toString()) ?? "", onChange: (h) => {
+      }) => /* @__PURE__ */ r(O, { label: i("chart.series.y_axis"), data: a, disabled: a.length === 0, ...d, value: (s == null ? void 0 : s.toString()) ?? "", onChange: (h) => {
         if (!h) {
           c(0);
           return;
@@ -11620,7 +11617,7 @@ function Lx({
         flex: 1
       } }) })
     ] }),
-    /* @__PURE__ */ u(De, { cols: 2, children: [
+    /* @__PURE__ */ u(Te, { cols: 2, children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.y_axis_data_key`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(X, { label: i("chart.series.data_field"), required: !0, sx: {
@@ -11648,7 +11645,7 @@ function Lx({
     /* @__PURE__ */ r(f, { name: `series.${t}.label_position`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Xn, { label: i("chart.label_position.label"), withOffOption: !0, ...s }) }),
-    /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: `series.${t}.color`, control: e, render: ({
+    /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: `series.${t}.color`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ze, { label: i("chart.color.label"), ...s }) }) }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: i("chart.behavior.label"), labelPosition: "center" }),
@@ -11740,7 +11737,7 @@ const Vx = D(({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -11833,7 +11830,7 @@ function Ox({
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(f, { name: "x_axis_name", control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.x_axis_name"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.x_axis_name"), sx: {
       flex: 1
     }, ...o }) }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
@@ -11844,7 +11841,7 @@ function Ox({
       }, ...o }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.type", control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r(q, { label: /* @__PURE__ */ r(Ex, {}), required: !0, data: i, sx: {
+      }) => /* @__PURE__ */ r(O, { label: /* @__PURE__ */ r(Ex, {}), required: !0, data: i, sx: {
         flex: 1
       }, ...o }) })
     ] }),
@@ -11884,7 +11881,7 @@ const fn = te(({
     label: l("chart.name_text.align.right"),
     value: "right"
   }], [s.language]);
-  return /* @__PURE__ */ r(q, { ref: o, label: e ?? l("chart.name_text.align.label"), data: c, value: t, onChange: ye(n), sx: a, disabled: i });
+  return /* @__PURE__ */ r(O, { ref: o, label: e ?? l("chart.name_text.align.label"), data: c, value: t, onChange: ye(n), sx: a, disabled: i });
 }), jc = te(({
   label: e,
   value: t,
@@ -11901,7 +11898,7 @@ const fn = te(({
     label: o("chart.y_axis.position.right"),
     value: "right"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("chart.y_axis.position.label"), data: s, value: t, onChange: ye(n), sx: a });
+  return /* @__PURE__ */ r(O, { ref: i, label: e ?? o("chart.y_axis.position.label"), data: s, value: t, onChange: ye(n), sx: a });
 });
 function qx({
   control: e,
@@ -11917,7 +11914,7 @@ function qx({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.y_axis_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.y_axis_name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
@@ -11948,10 +11945,10 @@ function qx({
       /* @__PURE__ */ u(v, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_min"), ...a }) }),
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_min"), ...a }) }),
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.max`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_max"), ...a }) })
       ] })
     ] }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: n("chart.y_axis.behavior"), labelPosition: "center" }),
@@ -12303,7 +12300,7 @@ const tw = ({
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(v, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `series.${n}.name`, control: t, render: ({
       field: p
-    }) => /* @__PURE__ */ r($, { label: i("viz.funnel_chart.series_name"), ...p }) }) }),
+    }) => /* @__PURE__ */ r(V, { label: i("viz.funnel_chart.series_name"), ...p }) }) }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.level_name_data_key`, control: t, render: ({
         field: p
@@ -12328,7 +12325,7 @@ const tw = ({
       ] }), ...p }) }),
       /* @__PURE__ */ r(f, { name: `series.${n}.min.size`, control: t, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { placeholder: "0%", label: i("viz.funnel_chart.min_size"), ...p }) })
+      }) => /* @__PURE__ */ r(V, { placeholder: "0%", label: i("viz.funnel_chart.min_size"), ...p }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.max.value`, control: t, render: ({
@@ -12345,7 +12342,7 @@ const tw = ({
       ] }), ...p }) }),
       /* @__PURE__ */ r(f, { name: `series.${n}.max.size`, control: t, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { placeholder: "100%", label: i("viz.funnel_chart.max_size"), ...p }) })
+      }) => /* @__PURE__ */ r(V, { placeholder: "100%", label: i("viz.funnel_chart.max_size"), ...p }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.orient`, control: t, render: ({
@@ -12353,7 +12350,7 @@ const tw = ({
       }) => /* @__PURE__ */ r(gn, { ...p }) }),
       /* @__PURE__ */ r(f, { name: `series.${n}.sort`, control: t, render: ({
         field: p
-      }) => /* @__PURE__ */ r(q, { label: i("viz.funnel_chart.sort.label"), data: h, ...p }) })
+      }) => /* @__PURE__ */ r(O, { label: i("viz.funnel_chart.sort.label"), data: h, ...p }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.funnelAlign`, control: t, render: ({
@@ -12689,7 +12686,7 @@ function _w({
     unit: e.heat_block.unit.show_in_tooltip ? e.heat_block.unit.text : ""
   }, _ = [p, g, b], x = a[`${c}---${d}`];
   return x && e.tooltip.metrics.forEach((T) => {
-    const M = H(T.data_key), V = o[T.name];
+    const M = H(T.data_key), $ = o[T.name];
     _.push({
       label: T.name,
       value: yw(C.get(x, M.columnKey, "")),
@@ -12697,7 +12694,7 @@ function _w({
         label: "",
         value: ""
       },
-      unit: V
+      unit: $
     });
   }), _;
 }
@@ -12851,14 +12848,14 @@ function Sw(e, t, n, a) {
 function Qc(e, t, n, a, i, o) {
   if (!e.x_axis.data_key || !e.y_axis.data_key || !e.heat_block.data_key)
     return {};
-  const l = a.reduce((O, W) => {
+  const l = a.reduce((q, W) => {
     const G = Xt(W, t);
-    return O[W.name] = kt(W, G), O;
+    return q[W.name] = kt(W, G), q;
   }, {}), s = ta(e.visualMap, l), {
     min: c,
     max: d
-  } = s, h = mw(e), p = gw(e), g = H(e.x_axis.data_key), b = H(e.y_axis.data_key), _ = C.uniq(t[g.queryID].map((O) => O[g.columnKey])), x = C.uniq(t[g.queryID].map((O) => O[b.columnKey])), T = n.map((O) => {
-    const W = C.clone(O), {
+  } = s, h = mw(e), p = gw(e), g = H(e.x_axis.data_key), b = H(e.y_axis.data_key), _ = C.uniq(t[g.queryID].map((q) => q[g.columnKey])), x = C.uniq(t[g.queryID].map((q) => q[b.columnKey])), T = n.map((q) => {
+    const W = C.clone(q), {
       followVisualMap: G,
       color: oe
     } = fi(W.value[2], c, d, e.visualMap);
@@ -13067,7 +13064,7 @@ function Mw({
       }, ...i }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -13082,7 +13079,7 @@ function Mw({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "heat_block.label.show", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r(Te, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (o) => i.onChange(o.currentTarget.checked), sx: {
+      }) => /* @__PURE__ */ r(ze, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (o) => i.onChange(o.currentTarget.checked), sx: {
         flexGrow: 1
       } }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.label.fontSize", control: e, render: ({
@@ -13117,7 +13114,7 @@ const $w = ({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -13182,7 +13179,7 @@ function Pw({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -13220,7 +13217,7 @@ function Aw({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -13758,7 +13755,7 @@ function l0({
   id: p,
   ...g
 }, b, _, x, T, M) {
-  const V = {
+  const $ = {
     label: {
       show: !!a,
       position: a,
@@ -13779,22 +13776,22 @@ function l0({
     ...g
   };
   if (!o || o === e.data_key)
-    return V.data = i0({
+    return $.data = i0({
       dataTemplate: b,
       data: x,
       aggregation_on_value: l,
       name_data_key: e.data_key,
       value_data_key: t,
       valueTypedXAxis: _
-    }), V;
-  const O = o0({
+    }), $;
+  const q = o0({
     group_by_key: o,
     data: x,
     name_data_key: e.data_key,
     value_data_key: t
   });
-  return Object.entries(O).map(([W, G]) => {
-    const oe = Fe(V);
+  return Object.entries(q).map(([W, G]) => {
+    const oe = Fe($);
     return oe.name = W, oe.color = void 0, oe.data = G, oe;
   });
 }
@@ -13962,8 +13959,8 @@ function f0({
     const M = C.get(s, T.name, {
       error: "rowData is not found"
     });
-    c.forEach((V) => {
-      i.runInteraction(V.id, {
+    c.forEach(($) => {
+      i.runInteraction($.id, {
         ...T,
         rowData: M
       });
@@ -14019,18 +14016,18 @@ function y0({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: o("common.data_field"), required: !0, data: a, sx: {
+      }) => /* @__PURE__ */ r(O, { label: o("common.data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...s }) })
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
@@ -14044,7 +14041,7 @@ function y0({
       ] }),
       l === "horizontal" && /* @__PURE__ */ r(f, { name: `reference_lines.${t}.xAxisIndex`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: o("chart.x_axis.label"), data: i, disabled: i.length === 0, sx: {
+      }) => /* @__PURE__ */ r(O, { label: o("chart.x_axis.label"), data: i, disabled: i.length === 0, sx: {
         flex: 1
       }, ...s }) })
     ] }),
@@ -14061,7 +14058,7 @@ function y0({
         flexGrow: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ze, { label: o("chart.color.label"), ...s }) }) }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: o("chart.behavior.label"), labelPosition: "center" }),
@@ -14113,29 +14110,29 @@ function v0({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barGap`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: a("chart.series.bar.bar_gap.label"), data: l, sx: {
+      }) => /* @__PURE__ */ r(O, { label: a("chart.series.bar.bar_gap.label"), data: l, sx: {
         flexGrow: 1
       }, ...s }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.exact"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.exact"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) })
     ] })
@@ -14156,16 +14153,16 @@ function x0({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.name`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: i("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("common.name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.xAxisIndex`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r(q, { label: i("chart.x_axis.label"), data: a, disabled: a.length === 0, sx: {
+      }) => /* @__PURE__ */ r(O, { label: i("chart.x_axis.label"), data: a, disabled: a.length === 0, sx: {
         flex: 1
       }, ...o }) })
     ] }),
-    /* @__PURE__ */ u(De, { cols: 2, children: [
+    /* @__PURE__ */ u(Te, { cols: 2, children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.data_key`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(X, { label: i("common.data_field"), required: !0, sx: {
@@ -14190,7 +14187,7 @@ function x0({
     }) => /* @__PURE__ */ r(Xn, { label: i("chart.label_position.label"), ...o, withOffOption: !0, onChange: (l) => {
       o.onChange(l ?? "");
     } }) }),
-    /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: `series.${t}.color`, control: e, render: ({
+    /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: `series.${t}.color`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(Ze, { label: i("chart.color.label"), ...o }) }) }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: i("chart.behavior.label"), labelPosition: "center" }),
@@ -14238,7 +14235,7 @@ const S0 = te(({
     label: o("chart.x_axis.position.bottom"),
     value: "bottom"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("chart.x_axis.position.label"), data: s, value: t, onChange: ye(n), sx: a });
+  return /* @__PURE__ */ r(O, { ref: i, label: e ?? o("chart.x_axis.position.label"), data: s, value: t, onChange: ye(n), sx: a });
 });
 function C0({
   control: e,
@@ -14253,7 +14250,7 @@ function C0({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `x_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `x_axes.${t}.position`, control: e, render: ({
@@ -14273,10 +14270,10 @@ function C0({
       /* @__PURE__ */ u(v, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `x_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.value_min"), ...a }) }),
+        }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.value_min"), ...a }) }),
         /* @__PURE__ */ r(f, { name: `x_axes.${t}.max`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.value_max"), ...a }) })
       ] })
     ] }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: n("chart.x_axis.behavior"), labelPosition: "center" }),
@@ -14311,7 +14308,7 @@ function z0({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.data_key", control: e, render: ({
@@ -15285,7 +15282,7 @@ function d1({
   return t(["deviation"]), /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(v, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "deviation.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ r($, { label: "指标名称", sx: {
+    }) => /* @__PURE__ */ r(V, { label: "指标名称", sx: {
       flex: 1
     }, ...n }) }) }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
@@ -15312,7 +15309,7 @@ const u1 = ({
   return /* @__PURE__ */ r(I, { children: /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: `metrics.${t}.name`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+    }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...a }) }),
     /* @__PURE__ */ r(f, { name: `metrics.${t}.data_key`, control: e, render: ({
@@ -15364,7 +15361,7 @@ function p1({
       }, ...n }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r($, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ r(V, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -15576,7 +15573,7 @@ function w1({
       }, ...i }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -15591,7 +15588,7 @@ function w1({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "heat_block.label.show", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r(Te, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (o) => i.onChange(o.currentTarget.checked), sx: {
+      }) => /* @__PURE__ */ r(ze, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (o) => i.onChange(o.currentTarget.checked), sx: {
         flexGrow: 1
       } }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.label.fontSize", control: e, render: ({
@@ -15611,7 +15608,7 @@ const S1 = ({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -15676,7 +15673,7 @@ function z1({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -15714,7 +15711,7 @@ function T1({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -15934,7 +15931,7 @@ function A1({
     unit: e.heat_block.unit.show_in_tooltip ? e.heat_block.unit.text : ""
   }, _ = [p, g, b], x = a[`${c}---${d}`];
   return x && e.tooltip.metrics.forEach((T) => {
-    const M = H(T.data_key), V = o[T.name];
+    const M = H(T.data_key), $ = o[T.name];
     _.push({
       label: T.name,
       value: P1(C.get(x, M.columnKey, "")),
@@ -15942,7 +15939,7 @@ function A1({
         label: "",
         value: ""
       },
-      unit: V
+      unit: $
     });
   }), _;
 }
@@ -16088,15 +16085,15 @@ function F1(e, t, n) {
     min: s,
     max: c
   } = l, d = H(e.x_axis.data_key), h = H(e.y_axis.data_key), p = H(e.heat_block.data_key), g = C.uniq(t[d.queryID].map((x) => x[d.columnKey])), b = t[d.queryID].map((x) => {
-    const T = C.get(x, d.columnKey), M = C.get(x, h.columnKey), V = C.get(x, p.columnKey), O = {
-      value: [T, M, V]
+    const T = C.get(x, d.columnKey), M = C.get(x, h.columnKey), $ = C.get(x, p.columnKey), q = {
+      value: [T, M, $]
     }, {
       followVisualMap: W,
       color: G
-    } = fi(V, s, c, e.visualMap);
-    return W || (O.visualMap = !1, O.itemStyle = {
+    } = fi($, s, c, e.visualMap);
+    return W || (q.visualMap = !1, q.itemStyle = {
       color: G
-    }), O;
+    }), q;
   });
   return {
     xAxis: O1(e, g, i.x_axis),
@@ -16123,8 +16120,8 @@ function N1({
     const [x, T] = _.value, M = C.get(s, `${x}---${T}`, {
       error: "rowData is not found"
     });
-    c.forEach((V) => {
-      i.runInteraction(V.id, {
+    c.forEach(($) => {
+      i.runInteraction($.id, {
         ..._,
         rowData: M
       });
@@ -16336,7 +16333,7 @@ function aS({
     /* @__PURE__ */ r(k, { size: "sm", className: Jn.name, children: o.name }),
     o.min > 0 ? /* @__PURE__ */ r(k, { size: "xs", className: Jn.min, children: o.min }) : null,
     o.pointer ? /* @__PURE__ */ r(Jl, { className: `${Jn.pointer} ${o.pointer_equal ? Jn.pointer_equal : ""}`, stroke: 1.5 }) : null
-  ] }, o.name)) });
+  ] }, `${o.name}-${o.color}-${o.min}`)) });
 }
 function iS({
   context: e
@@ -16395,10 +16392,10 @@ const oS = {
     t: o
   } = y(), [l, {
     setTrue: s
-  }] = ke(!1), [c, {
+  }] = De(!1), [c, {
     setTrue: d,
     setFalse: h
-  }] = ke(!1), {
+  }] = De(!1), {
     ref: p,
     handleRef: g
   } = Kr({
@@ -16429,7 +16426,7 @@ const oS = {
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", style: {
       flex: 1
     }, children: [
-      /* @__PURE__ */ r($, { size: "xs", value: e.name, placeholder: o("viz.pie_chart.color.map.name"), onChange: (T) => b(T.currentTarget.value), onClick: s, error: l && !e.name }),
+      /* @__PURE__ */ r(V, { size: "xs", value: e.name, placeholder: o("viz.pie_chart.color.map.name"), onChange: (T) => b(T.currentTarget.value), onClick: s, error: l && !e.name }),
       /* @__PURE__ */ r(rn, { styles: {
         root: {
           flexGrow: 1
@@ -16725,11 +16722,11 @@ const Qo = ({
     value: "filter-option-label"
   }], [i.language]);
   return /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
-    /* @__PURE__ */ r(q, { label: a("viz.merico_stats.metric.postfix_type.label"), data: d, value: e.type, onChange: s }),
-    e.type === "text" && /* @__PURE__ */ r($, { label: a("viz.merico_stats.metric.postfix_content"), value: e.value, onChange: (h) => {
+    /* @__PURE__ */ r(O, { label: a("viz.merico_stats.metric.postfix_type.label"), data: d, value: e.type, onChange: s }),
+    e.type === "text" && /* @__PURE__ */ r(V, { label: a("viz.merico_stats.metric.postfix_content"), value: e.value, onChange: (h) => {
       c(h.currentTarget.value);
     } }),
-    e.type === "filter-option-label" && /* @__PURE__ */ r(q, { label: a("viz.merico_stats.metric.postfix_filter"), value: e.value, onChange: c, data: l })
+    e.type === "filter-option-label" && /* @__PURE__ */ r(O, { label: a("viz.merico_stats.metric.postfix_filter"), value: e.value, onChange: c, data: l })
   ] });
 }));
 function xS({
@@ -16748,24 +16745,24 @@ function xS({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `metrics.${t}.names.value`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: i("viz.merico_stats.metric.metric_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("viz.merico_stats.metric.metric_name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ r(f, { name: `metrics.${t}.data_keys.value`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r(q, { label: i("viz.merico_stats.metric.metric_data_field"), required: !0, data: a, sx: {
+      }) => /* @__PURE__ */ r(O, { label: i("viz.merico_stats.metric.metric_data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...o }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `metrics.${t}.names.basis`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: i("viz.merico_stats.metric.basis_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("viz.merico_stats.metric.basis_name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ r(f, { name: `metrics.${t}.data_keys.basis`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r(q, { label: i("viz.merico_stats.metric.basis_data_field"), required: !0, data: a, sx: {
+      }) => /* @__PURE__ */ r(O, { label: i("viz.merico_stats.metric.basis_data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...o }) })
     ] }),
@@ -17375,8 +17372,8 @@ function YS({
     const M = C.get(p, T.name, {
       error: "rowData is not found"
     });
-    h.forEach((V) => {
-      d.runInteraction(V.id, {
+    h.forEach(($) => {
+      d.runInteraction($.id, {
         ...T,
         rowData: M
       });
@@ -17402,7 +17399,7 @@ function XS({
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "bar.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "bar.nameAlignment", control: e, render: ({
@@ -17411,7 +17408,7 @@ function XS({
         flex: 1
       }, ...a }) })
     ] }),
-    /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: "bar.color", control: e, render: ({
+    /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: "bar.color", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Ze, { label: n("chart.color.label"), ...a }) }) }),
     /* @__PURE__ */ r(f, { name: "bar.unit", control: e, render: ({
@@ -17436,7 +17433,7 @@ function ZS({
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "line.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "line.nameAlignment", control: e, render: ({
@@ -17445,7 +17442,7 @@ function ZS({
         flex: 1
       }, ...a }) })
     ] }),
-    /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: "line.color", control: e, render: ({
+    /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: "line.color", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Ze, { label: n("chart.color.label"), ...a }) }) })
   ] });
@@ -17491,7 +17488,7 @@ function tC({
     t: n
   } = y();
   return t(["markLine"]), /* @__PURE__ */ u(I, { children: [
-    /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: "markLine.color", control: e, render: ({
+    /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: "markLine.color", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Ze, { label: n("chart.color.label"), ...a }) }) }),
     /* @__PURE__ */ u(I, { gap: 4, children: [
@@ -17520,18 +17517,18 @@ function nC({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: o("common.data_field"), required: !0, data: a, sx: {
+      }) => /* @__PURE__ */ r(O, { label: o("common.data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...s }) })
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
@@ -17546,7 +17543,7 @@ function nC({
           onChange: c,
           ...d
         }
-      }) => /* @__PURE__ */ r(q, { label: o("chart.y_axis.label"), data: i, disabled: i.length === 0, ...d, value: (s == null ? void 0 : s.toString()) ?? "", onChange: (h) => {
+      }) => /* @__PURE__ */ r(O, { label: o("chart.y_axis.label"), data: i, disabled: i.length === 0, ...d, value: (s == null ? void 0 : s.toString()) ?? "", onChange: (h) => {
         if (!h) {
           c(0);
           return;
@@ -17569,7 +17566,7 @@ function nC({
         flexGrow: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ze, { label: o("chart.color.label"), ...s }) }) })
   ] });
@@ -17619,7 +17616,7 @@ function aC({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
@@ -18238,10 +18235,10 @@ const VC = te(({
     t: o
   } = y(), [l, {
     setTrue: s
-  }] = ke(!1), [c, {
+  }] = De(!1), [c, {
     setTrue: d,
     setFalse: h
-  }] = ke(!1), {
+  }] = De(!1), {
     ref: p,
     handleRef: g
   } = Kr({
@@ -18449,7 +18446,7 @@ function FC({
       /* @__PURE__ */ u(v, { grow: !0, children: [
         /* @__PURE__ */ r(f, { control: o, name: "others_sector.label", render: ({
           field: b
-        }) => /* @__PURE__ */ r($, { size: "xs", label: a("viz.pie_chart.others_sector.label"), ...b, value: b.value ?? "" }) }),
+        }) => /* @__PURE__ */ r(V, { size: "xs", label: a("viz.pie_chart.others_sector.label"), ...b, value: b.value ?? "" }) }),
         /* @__PURE__ */ r(f, { control: o, name: "others_sector.threshold", render: ({
           field: b
         }) => /* @__PURE__ */ r(re, { size: "xs", label: a("viz.pie_chart.others_sector.threshold"), suffix: "%", ...b, value: b.value ?? "" }) })
@@ -18919,10 +18916,10 @@ function dk({
     const {
       queryID: _,
       columnKey: x
-    } = H(e.series_name_key), T = C.keyBy(t[_], x), M = e.additional_series.reduce((V, O) => {
-      const W = H(O.name_key), G = C.keyBy(t[W.queryID], W.columnKey);
+    } = H(e.series_name_key), T = C.keyBy(t[_], x), M = e.additional_series.reduce(($, q) => {
+      const W = H(q.name_key), G = C.keyBy(t[W.queryID], W.columnKey);
       return {
-        ...V,
+        ...$,
         ...G
       };
     }, T);
@@ -19030,7 +19027,7 @@ function mk({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", align: "top", children: [
       /* @__PURE__ */ r(f, { name: `dimensions.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `dimensions.${t}.data_key`, control: e, render: ({
@@ -19048,7 +19045,7 @@ function mk({
         fieldState: i
       }) => {
         var o;
-        return /* @__PURE__ */ r($, { label: n("common.max"), required: !0, sx: {
+        return /* @__PURE__ */ r(V, { label: n("common.max"), required: !0, sx: {
           flex: 1
         }, ...a, error: (o = i.error) == null ? void 0 : o.message });
       } })
@@ -19622,7 +19619,7 @@ const va = D(te((e, t) => {
   if (d.length === 0) {
     const h = c.explainDataKey(n);
     return /* @__PURE__ */ u(pe, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
-      /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r($, { label: s.label, required: s.required, defaultValue: h.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(V, { label: s.label, required: s.required, defaultValue: h.columnKey, readOnly: !0, disabled: !0 }) }) }),
       /* @__PURE__ */ r(pe.Dropdown, { children: /* @__PURE__ */ u(v, { justify: "flex-start", gap: 0, children: [
         /* @__PURE__ */ r(k, { size: "xs", c: h.queryName ? "black" : "red", ff: "monospace", children: h.queryName ?? h.queryID }),
         /* @__PURE__ */ r(k, { size: "xs", c: "black", ff: "monospace", children: "." }),
@@ -19641,7 +19638,7 @@ const va = D(te((e, t) => {
   } = y();
   return /* @__PURE__ */ u(pe, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
     /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r(L, { variant: "subtle", size: "compact-xs", leftSection: /* @__PURE__ */ r(es, { size: 14 }), children: a("viz.regression_chart.customize") }) }),
-    /* @__PURE__ */ r(pe.Dropdown, { children: /* @__PURE__ */ u(ze, { children: [
+    /* @__PURE__ */ r(pe.Dropdown, { children: /* @__PURE__ */ u(ke, { children: [
       /* @__PURE__ */ r(va, { variant: "unstyled", size: "xs", onChange: e.set, value: e.value, leftSection: /* @__PURE__ */ r(k, { size: "xs", children: a("chart.x_axis.label") }), rightSectionWidth: 14, w: "auto", miw: "unset" }),
       /* @__PURE__ */ r(va, { variant: "unstyled", size: "xs", onChange: t.set, value: t.value, leftSection: /* @__PURE__ */ r(k, { size: "xs", children: a("chart.y_axis.label") }), rightSectionWidth: 14, w: "auto", miw: "unset" }),
       /* @__PURE__ */ r(va, { variant: "unstyled", size: "xs", onChange: n.set, value: n.value, leftSection: /* @__PURE__ */ r(k, { size: "xs", children: a("viz.regression_chart.split_by") }), rightSectionWidth: 14, w: "auto", miw: "unset", clearable: !0 })
@@ -19833,7 +19830,7 @@ function Wk({
   } = y();
   return /* @__PURE__ */ u(pe, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
     /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r(L, { variant: "subtle", size: "compact-xs", leftSection: /* @__PURE__ */ r(Ae, { size: 14 }), children: o("viz.regression_chart.regression_info") }) }),
-    /* @__PURE__ */ r(pe.Dropdown, { children: /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(Gk, { conf: e, queryData: t, x: n, y: a, g: i }) }) })
+    /* @__PURE__ */ r(pe.Dropdown, { children: /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(Gk, { conf: e, queryData: t, x: n, y: a, g: i }) }) })
   ] });
 }
 function Uk({
@@ -19963,7 +19960,7 @@ function e2({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "regression.transform.config.method", control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: n("chart.regression_line.method.label"), data: l, sx: {
+      }) => /* @__PURE__ */ r(O, { label: n("chart.regression_line.method.label"), data: l, sx: {
         flex: 1
       }, ...s }) }),
       i === "polynomial" && /* @__PURE__ */ r(f, { name: "regression.transform.config.order", control: e, render: ({
@@ -19972,7 +19969,7 @@ function e2({
         flex: 1
       }, ...s }) })
     ] }),
-    !o && /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: "regression.plot.color", control: e, render: ({
+    !o && /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: "regression.plot.color", control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ze, { label: n("chart.color.label"), ...s }) }) })
   ] });
@@ -20820,17 +20817,17 @@ function O2(e, t) {
       const g = A2(p, e), b = wt(e.scatter.label_overflow.tooltip), _ = p.map(
         // @ts-expect-error type of value
         ({
-          value: O
+          value: q
         }) => `
           <th style="text-align: right; padding-right: 1em">
-            <div style="${b}">${xr(O, n.name_data_key)}</div>
+            <div style="${b}">${xr(q, n.name_data_key)}</div>
           </th>
           `
       );
       _.unshift("<th></th>");
       const x = wt(e.x_axis.axisLabel.overflow.in_tooltip), T = [`<tr>
           <th style="text-align: right; padding: 0 1em;">${e.x_axis.name}</th>
-          ${p.map((O) => `
+          ${p.map((q) => `
                 <td style="text-align: left; padding: 0 2px 0 1em;">
                   <div style="${x}">
                     ${g}
@@ -20840,21 +20837,21 @@ function O2(e, t) {
         </tr>`, `<tr>
           <th style="text-align: right; padding: 0 1em;">${e.y_axes[0].name}</th>
           ${p.map(({
-        value: O
+        value: q
       }) => `
               <td style="text-align: left; padding: 0 2px 0 1em;">
-                ${h(xr(O, n.y_data_key))}
+                ${h(xr(q, n.y_data_key))}
                 <strong>${s ?? ""}</strong>
               </td>`).join("")}
-        </tr>`], M = e.tooltip.metrics.map((O) => `
+        </tr>`], M = e.tooltip.metrics.map((q) => `
         <tr>
-          <th style="text-align: right; padding: 0 1em;">${O.name}</th>
+          <th style="text-align: right; padding: 0 1em;">${q.name}</th>
           ${p.map(({
         value: W
       }) => `
               <td style="text-align: left; padding: 0 2px 0 1em;">
-              ${E2(xr(W, O.data_key))}
-              <strong>${c[O.name] ?? ""}</strong>
+              ${E2(xr(W, q.data_key))}
+              <strong>${c[q.name] ?? ""}</strong>
               </td>`).join("")}
         </tr>`);
       return T.push(...M), `
@@ -20989,8 +20986,8 @@ function j2({
       });
     });
   }, [s, c, i]), h = E.useRef(null), p = ve(), g = E.useCallback(() => {
-    var V;
-    const x = (V = h.current) == null ? void 0 : V.getEchartsInstance();
+    var $;
+    const x = ($ = h.current) == null ? void 0 : $.getEchartsInstance();
     if (!x)
       return;
     const T = un(e.stats.top, o, p.payloadForViz, t), M = un(e.stats.bottom, o, p.payloadForViz, t);
@@ -21046,30 +21043,30 @@ const H2 = te(({
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: l("chart.reference_area.content.label"), labelPosition: "right" }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r($, { label: l("chart.reference_area.content.content_text"), value: e.content.text, onChange: (d) => c("content.text", d.currentTarget.value) }),
+      /* @__PURE__ */ r(V, { label: l("chart.reference_area.content.content_text"), value: e.content.text, onChange: (d) => c("content.text", d.currentTarget.value) }),
       /* @__PURE__ */ r(Xn, { label: l("chart.reference_area.content.text_position"), value: e.label.position, onChange: (d) => c("label.position", d) })
     ] }),
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: l("chart.reference_area.endpoint.labels"), labelPosition: "right" }),
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
-      n && /* @__PURE__ */ r(q, { label: l("chart.x_axis.label"), data: n, value: e.xAxisIndex, onChange: (d) => c("xAxisIndex", d) }),
-      a && /* @__PURE__ */ r(q, { label: l("chart.y_axis.label"), data: a, value: e.yAxisIndex, onChange: (d) => c("xAxisIndex", d) })
+      n && /* @__PURE__ */ r(O, { label: l("chart.x_axis.label"), data: n, value: e.xAxisIndex, onChange: (d) => c("xAxisIndex", d) }),
+      a && /* @__PURE__ */ r(O, { label: l("chart.y_axis.label"), data: a, value: e.yAxisIndex, onChange: (d) => c("xAxisIndex", d) })
     ] }),
     /* @__PURE__ */ u(I, { gap: 0, children: [
       /* @__PURE__ */ r(k, { size: "14px", c: "#212529", fw: 500, children: l("chart.reference_area.endpoint.left_bottom_point") }),
       /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
-        /* @__PURE__ */ r(q, { leftSection: /* @__PURE__ */ r(k, { size: "sm", children: "x" }), data: i, value: e.leftBottomPoint.x_data_key, onChange: (d) => c("leftBottomPoint.x_data_key", d ?? ""), clearable: !0 }),
-        /* @__PURE__ */ r(q, { leftSection: /* @__PURE__ */ r(k, { size: "sm", children: "y" }), data: i, value: e.leftBottomPoint.y_data_key, onChange: (d) => c("leftBottomPoint.y_data_key", d ?? ""), clearable: !0 })
+        /* @__PURE__ */ r(O, { leftSection: /* @__PURE__ */ r(k, { size: "sm", children: "x" }), data: i, value: e.leftBottomPoint.x_data_key, onChange: (d) => c("leftBottomPoint.x_data_key", d ?? ""), clearable: !0 }),
+        /* @__PURE__ */ r(O, { leftSection: /* @__PURE__ */ r(k, { size: "sm", children: "y" }), data: i, value: e.leftBottomPoint.y_data_key, onChange: (d) => c("leftBottomPoint.y_data_key", d ?? ""), clearable: !0 })
       ] })
     ] }),
     /* @__PURE__ */ u(I, { gap: 0, children: [
       /* @__PURE__ */ r(k, { size: "14px", c: "#212529", fw: 500, children: l("chart.reference_area.endpoint.right_top_point") }),
       /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
-        /* @__PURE__ */ r(q, { leftSection: /* @__PURE__ */ r(k, { size: "sm", children: "x" }), data: i, value: e.rightTopPoint.x_data_key, onChange: (d) => c("rightTopPoint.x_data_key", d ?? ""), clearable: !0 }),
-        /* @__PURE__ */ r(q, { leftSection: /* @__PURE__ */ r(k, { size: "sm", children: "y" }), data: i, value: e.rightTopPoint.y_data_key, onChange: (d) => c("rightTopPoint.y_data_key", d ?? ""), clearable: !0 })
+        /* @__PURE__ */ r(O, { leftSection: /* @__PURE__ */ r(k, { size: "sm", children: "x" }), data: i, value: e.rightTopPoint.x_data_key, onChange: (d) => c("rightTopPoint.x_data_key", d ?? ""), clearable: !0 }),
+        /* @__PURE__ */ r(O, { leftSection: /* @__PURE__ */ r(k, { size: "sm", children: "y" }), data: i, value: e.rightTopPoint.y_data_key, onChange: (d) => c("rightTopPoint.y_data_key", d ?? ""), clearable: !0 })
       ] })
     ] }),
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: l("chart.style.label"), labelPosition: "right" }),
-    /* @__PURE__ */ u(De, { cols: 2, children: [
+    /* @__PURE__ */ u(Te, { cols: 2, children: [
       /* @__PURE__ */ r(Ze, { label: l("chart.color.background_color"), value: e.itemStyle.color, onChange: (d) => c("itemStyle.color", d) }),
       /* @__PURE__ */ r(Ze, { label: l("chart.color.text_color"), value: e.label.color, onChange: (d) => c("label.color", d) })
     ] })
@@ -21140,18 +21137,18 @@ function U2({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(q, { label: o("common.data_field"), required: !0, data: a, sx: {
+      }) => /* @__PURE__ */ r(O, { label: o("common.data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...s }) })
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
@@ -21169,7 +21166,7 @@ function U2({
           onChange: c,
           ...d
         }
-      }) => /* @__PURE__ */ r(q, { label: "Y Axis", data: i, disabled: i.length === 0, ...d, value: (s == null ? void 0 : s.toString()) ?? "", onChange: (h) => {
+      }) => /* @__PURE__ */ r(O, { label: "Y Axis", data: i, disabled: i.length === 0, ...d, value: (s == null ? void 0 : s.toString()) ?? "", onChange: (h) => {
         if (!h) {
           c(0);
           return;
@@ -21192,7 +21189,7 @@ function U2({
         flexGrow: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(De, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r(Te, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ze, { label: o("chart.color.label"), ...s }) }) })
   ] });
@@ -21251,7 +21248,7 @@ const Y2 = ({
   } = y(), [a, {
     setTrue: i,
     setFalse: o
-  }] = ke(), [l, s] = Q(e), c = () => {
+  }] = De(), [l, s] = Q(e), c = () => {
     o();
     const {
       type: g,
@@ -21323,8 +21320,8 @@ const Y2 = ({
       ...mr[c]
     });
   };
-  return /* @__PURE__ */ u(De, { cols: 2, children: [
-    /* @__PURE__ */ r(q, { ref: a, label: e, data: l, value: t.type, onChange: s, sx: {
+  return /* @__PURE__ */ u(Te, { cols: 2, children: [
+    /* @__PURE__ */ r(O, { ref: a, label: e, data: l, value: t.type, onChange: s, sx: {
       flexGrow: 1
     } }),
     /* @__PURE__ */ r(J2, { value: t, onChange: n }),
@@ -21431,7 +21428,7 @@ const rz = D(({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -21492,7 +21489,7 @@ function oz({
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(f, { name: "tooltip.trigger", control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ r(q, { label: n("chart.tooltip.trigger.label"), data: i, sx: {
+    }) => /* @__PURE__ */ r(O, { label: n("chart.tooltip.trigger.label"), data: i, sx: {
       flexGrow: 1
     }, ...o }) }),
     /* @__PURE__ */ r(A, { variant: "dashed" }),
@@ -21515,7 +21512,7 @@ function lz({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -21552,7 +21549,7 @@ function sz({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
@@ -21578,10 +21575,10 @@ function sz({
       /* @__PURE__ */ u(v, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_min"), ...a }) }),
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_min"), ...a }) }),
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.max`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_max"), ...a }) })
       ] })
     ] })
   ] });
@@ -21906,8 +21903,8 @@ const zz = D(({
     const {
       offsetWidth: x,
       offsetHeight: T
-    } = _, M = h / x, V = p / T, O = Math.min(M, V);
-    _.style.transform = `scale(${O})`;
+    } = _, M = h / x, $ = p / T, q = Math.min(M, $);
+    _.style.transform = `scale(${q})`;
   }, [n.current, h, p, g]), /* @__PURE__ */ r(Ue, { className: "viz-stats", sx: {
     width: h,
     height: p
@@ -22244,10 +22241,10 @@ const Hz = ({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `levels.${t}.r0`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: n("viz.sunburst_chart.level.inside_radius"), placeholder: "0%", ...o }) }),
+      }) => /* @__PURE__ */ r(V, { label: n("viz.sunburst_chart.level.inside_radius"), placeholder: "0%", ...o }) }),
       /* @__PURE__ */ r(f, { name: `levels.${t}.r`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: n("viz.sunburst_chart.level.outside_radius"), placeholder: "50%", ...o }) })
+      }) => /* @__PURE__ */ r(V, { label: n("viz.sunburst_chart.level.outside_radius"), placeholder: "50%", ...o }) })
     ] }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: n("chart.label.label_full"), labelPosition: "center" }),
     /* @__PURE__ */ r(f, { name: `levels.${t}.label.show_label_tolerance`, control: e, render: ({
@@ -22256,7 +22253,7 @@ const Hz = ({
     /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `levels.${t}.label.rotate`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r(q, { label: n("viz.sunburst_chart.label.rotate.label"), data: i, ...o }) }),
+      }) => /* @__PURE__ */ r(O, { label: n("viz.sunburst_chart.label.rotate.label"), data: i, ...o }) }),
       /* @__PURE__ */ r(f, { name: `levels.${t}.label.align`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(fn, { ...o }) })
@@ -22977,8 +22974,8 @@ function k3(e) {
       /* @__PURE__ */ r(Hl, { children: "Use original data columns" }),
       " is enabled, you have to address trigger column by its data field"
     ] }) }),
-    /* @__PURE__ */ r($, { label: t("viz.table.click_cell.column_data_field"), value: c.toString(), onChange: (h) => d(h.currentTarget.value) })
-  ] }) : /* @__PURE__ */ r(q, { clearable: !1, data: o, label: t("viz.table.click_cell.choose_a_column"), value: c.toString(), onChange: d, comboboxProps: {
+    /* @__PURE__ */ r(V, { label: t("viz.table.click_cell.column_data_field"), value: c.toString(), onChange: (h) => d(h.currentTarget.value) })
+  ] }) : /* @__PURE__ */ r(O, { clearable: !1, data: o, label: t("viz.table.click_cell.choose_a_column"), value: c.toString(), onChange: d, comboboxProps: {
     zIndex: 340
   }, maxDropdownHeight: 500 });
 }
@@ -23176,17 +23173,17 @@ function Zo({
         minSize: typeof Ee.width == "number" ? Ee.width : void 0
       });
     });
-  }, [g, b]), [x, T] = Q([]), [M, V] = E.useState({
+  }, [g, b]), [x, T] = Q([]), [M, $] = E.useState({
     pageIndex: 0,
     pageSize: a.pagination.page_size
-  }), O = z(() => {
+  }), q = z(() => {
     const {
       pageIndex: st,
       pageSize: nt
     } = M;
     return nt === 0 ? e : e.slice(st * nt, (st + 1) * nt);
   }, [e, M]), W = Math.ceil(e.length / M.pageSize), G = si({
-    data: O,
+    data: q,
     state: {
       sorting: x
     },
@@ -23205,7 +23202,7 @@ function Zo({
   }, "data-enable-scrollbar": !0, className: p(h.root, {
     "table-highlight-on-hover": a.highlightOnHover
   }), children: [
-    /* @__PURE__ */ r(L3, { classes: h, pagination: M, totalRows: $e, setPagination: V, pageCount: W }),
+    /* @__PURE__ */ r(L3, { classes: h, pagination: M, totalRows: $e, setPagination: $, pageCount: W }),
     /* @__PURE__ */ u(w, { sx: {
       ...m3,
       maxHeight: en
@@ -23374,7 +23371,7 @@ const R3 = {
   const {
     panel: d
   } = Me(), h = E.useMemo(() => d.queryOptions(a, o), [a, o]);
-  return h.length === 0 ? /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r($, { label: e, required: t, defaultValue: a, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r(q, { ref: c, label: e, description: n, data: h, value: a, onChange: ye(i), required: t, sx: l, maxDropdownHeight: 500, ...s });
+  return h.length === 0 ? /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(V, { label: e, required: t, defaultValue: a, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r(O, { ref: c, label: e, description: n, data: h, value: a, onChange: ye(i), required: t, sx: l, maxDropdownHeight: 500, ...s });
 })), O3 = [{
   from: 0,
   to: 0
@@ -23401,8 +23398,8 @@ const N3 = te((e, t) => {
   } = y(), {
     colorManager: a
   } = pt(sn), [i, o] = Q(yd(e.value)), [l, s] = Q(q3(a, e.value)), c = Cr(l), [d, h] = Q(F3(a, e.value)), p = Cr(d), g = (x) => {
-    var T, M, V;
-    o(x || "none"), x === "static" ? (T = e.onChange) == null || T.call(e, c.current) : x === "none" || !x ? (M = e.onChange) == null || M.call(e, "none") : (V = e.onChange) == null || V.call(e, p.current);
+    var T, M, $;
+    o(x || "none"), x === "static" ? (T = e.onChange) == null || T.call(e, c.current) : x === "none" || !x ? (M = e.onChange) == null || M.call(e, "none") : ($ = e.onChange) == null || $.call(e, p.current);
   }, b = (x) => {
     var T;
     s(x), (T = e.onChange) == null || T.call(e, x);
@@ -23427,7 +23424,7 @@ const N3 = te((e, t) => {
     label: i(`viz.table.column.value_type.${s}`),
     value: s
   })), [o.language]);
-  return /* @__PURE__ */ r(q, { ref: a, label: i("viz.table.column.value_type.label"), data: l, value: e, onChange: ye(t), maxDropdownHeight: 500, sx: n });
+  return /* @__PURE__ */ r(O, { ref: a, label: i("viz.table.column.value_type.label"), data: l, value: e, onChange: ye(t), maxDropdownHeight: 500, sx: n });
 }), j3 = te(({
   value: e,
   onChange: t
@@ -23437,7 +23434,7 @@ const N3 = te((e, t) => {
   } = y(), [i, {
     setTrue: o,
     setFalse: l
-  }] = ke(), [s, c] = Q(e), d = () => {
+  }] = De(), [s, c] = Q(e), d = () => {
     l(), t(s);
   }, h = () => {
     l(), c(e);
@@ -23482,7 +23479,7 @@ const N3 = te((e, t) => {
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: `columns.${t}.label`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r($, { label: a("chart.label.label"), required: !0, id: `col-label-${t}`, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.label.label"), required: !0, id: `col-label-${t}`, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ r(f, { name: `columns.${t}.value_field`, control: e, render: ({
@@ -23539,7 +23536,7 @@ const N3 = te((e, t) => {
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(f, { name: "use_raw_columns", control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r(Te, { mt: 20, mb: 20, label: n("viz.table.column.use_original_data_columns"), checked: l.value, onChange: (s) => l.onChange(s.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r(ze, { mt: 20, mb: 20, label: n("viz.table.column.use_original_data_columns"), checked: l.value, onChange: (s) => l.onChange(s.currentTarget.checked) }) }),
     o && /* @__PURE__ */ r(f, { name: "ignored_column_keys", control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r(Ql, { label: n("viz.table.column.ignore_columns_by_these_key"), placeholder: n("viz.table.column.separate_by_line_break"), autosize: !0, minRows: 2, maxRows: 10, ...l }) }),
@@ -23579,16 +23576,16 @@ function G3({
       }
     }, children: /* @__PURE__ */ r(f, { name: "fontSize", control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r($, { label: n("style.font_size.label"), placeholder: n("style.font_size.placeholder"), required: !0, sx: {
+    }) => /* @__PURE__ */ r(V, { label: n("style.font_size.label"), placeholder: n("style.font_size.placeholder"), required: !0, sx: {
       flex: 1
     }, ...a }) }) }),
     /* @__PURE__ */ u(v, { justify: "space-between", grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "striped", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(Te, { label: n("viz.table.style.striped"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) }),
+      }) => /* @__PURE__ */ r(ze, { label: n("viz.table.style.striped"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) }),
       /* @__PURE__ */ r(f, { name: "highlightOnHover", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(Te, { label: n("viz.table.style.highlight_on_hover"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) })
+      }) => /* @__PURE__ */ r(ze, { label: n("viz.table.style.highlight_on_hover"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) })
     ] })
   ] });
 }
@@ -23770,7 +23767,7 @@ const Z3 = E.forwardRef(X3), J3 = ({
   } = y(), [i, {
     setTrue: o,
     setFalse: l
-  }] = ke(), [s, c] = Q(e), d = () => {
+  }] = De(), [s, c] = Q(e), d = () => {
     l(), t(s);
   }, h = () => {
     l(), c(e);
@@ -23843,7 +23840,7 @@ function t5({
       }) => /* @__PURE__ */ r(Di, { ...p }) }),
       /* @__PURE__ */ r(f, { name: "font_size", control: l, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { label: t("style.font_size.label"), placeholder: t("style.font_size.placeholder"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: t("style.font_size.label"), placeholder: t("style.font_size.placeholder"), sx: {
         flex: 1
       }, ...p }) }),
       /* @__PURE__ */ r(v, { justify: "space-between", grow: !0, sx: {
@@ -24342,18 +24339,18 @@ function N5({
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "expertSystemURL", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Expert System URL", ...d }) }),
+      }) => /* @__PURE__ */ r(V, { label: "Expert System URL", ...d }) }),
       /* @__PURE__ */ r(f, { name: "path", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Path", required: !0, ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: "Path", required: !0, ...d }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "goal", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Goal", required: !0, ...d }) }),
+      }) => /* @__PURE__ */ r(V, { label: "Goal", required: !0, ...d }) }),
       /* @__PURE__ */ r(f, { name: "question", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Question", required: !0, ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: "Question", required: !0, ...d }) })
     ] }),
     /* @__PURE__ */ r(A, { variant: "dashed", mt: 16, mb: 8 }),
     /* @__PURE__ */ r(L, { type: "submit", variant: "filled", color: "blue", leftSection: /* @__PURE__ */ r(be, { size: 20 }), disabled: !s.isDirty, sx: {
@@ -26145,7 +26142,7 @@ const bT = m.model("FilterDateRangeConfigMeta", {
   } = y(), a = le(), i = ie(), o = E.useMemo(() => i.queries.options, [i.queries.current]), l = o.length === 0, s = (c) => {
     a.editor.setPath(["_QUERIES_", c]);
   };
-  return /* @__PURE__ */ r(q, { label: /* @__PURE__ */ u(v, { justify: "space-between", children: [
+  return /* @__PURE__ */ r(O, { label: /* @__PURE__ */ u(v, { justify: "space-between", children: [
     /* @__PURE__ */ r(k, { fw: 500, size: "sm", children: n("filter.widget.common.use_query_data_as_options") }),
     e && /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(Ma, { size: 16 }), variant: "subtle", color: "blue", onClick: () => s(e), children: n("query.open") })
   ] }), data: o, value: e, onChange: ye(t), allowDeselect: !1, clearable: !0, sx: {
@@ -26184,7 +26181,7 @@ const bT = m.model("FilterDateRangeConfigMeta", {
   }], [n.language]), {
     default_value_mode: i
   } = e;
-  return /* @__PURE__ */ r(q, { leftSection: jd[i] ?? null, label: t("filter.widget.common.default_value_mode.label"), data: a, value: i, onChange: e.setDefaultValueMode, renderOption: CT });
+  return /* @__PURE__ */ r(O, { leftSection: jd[i] ?? null, label: t("filter.widget.common.default_value_mode.label"), data: a, value: i, onChange: e.setDefaultValueMode, renderOption: CT });
 }), kT = D(function({
   filter: t
 }) {
@@ -26196,7 +26193,7 @@ const bT = m.model("FilterDateRangeConfigMeta", {
       /* @__PURE__ */ r(ee, { checked: a.required, onChange: (i) => a.setRequired(i.currentTarget.checked), label: n("filter.widget.select.required") }),
       /* @__PURE__ */ r(yn, { filter: t })
     ] }),
-    /* @__PURE__ */ r($, { label: n("filter.widget.common.min_width"), value: a.min_width, onChange: (i) => a.setMinWidth(i.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: n("filter.widget.common.min_width"), value: a.min_width, onChange: (i) => a.setMinWidth(i.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: n("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
     /* @__PURE__ */ r(ee, { checked: a.treeCheckStrictly, onChange: (i) => a.setTreeCheckStrictly(i.currentTarget.checked), label: n("filter.widget.tree_select.strictly") }),
     /* @__PURE__ */ r(pa, { value: a.options_query_id, onChange: a.setOptionsQueryID }),
@@ -26553,7 +26550,7 @@ const bT = m.model("FilterDateRangeConfigMeta", {
     name: "FilterTreeSelectWidget"
   }), [b, _] = Q(!1), x = (W) => {
     _(W);
-  }, T = b && (i == null ? void 0 : i.length) > 0, M = IT(l, i, o, d), [V, O] = Q("");
+  }, T = b && (i == null ? void 0 : i.length) > 0, M = IT(l, i, o, d), [$, q] = Q("");
   return /* @__PURE__ */ u(I, { gap: 3, children: [
     /* @__PURE__ */ u(v, { justify: "space-between", children: [
       /* @__PURE__ */ u(k, { className: p.label, size: "sm", children: [
@@ -26596,10 +26593,10 @@ const bT = m.model("FilterDateRangeConfigMeta", {
         maxTagPlaceholder: () => h("filter.widget.common.x_selected", {
           count: i.length
         }),
-        searchValue: V,
-        onSearch: O,
+        searchValue: $,
+        onSearch: q,
         dropdownRender: (W) => /* @__PURE__ */ u(F, { children: [
-          M.allValueSet.size > 0 && !V && /* @__PURE__ */ r(v, { px: "xs", pt: 8, pb: 8, onClick: M.toggleSelectAll, styles: MT, children: /* @__PURE__ */ r(ee, { size: "xs", checked: M.allSelected, onChange: C.noop, label: h("common.actions.select_all") }) }),
+          M.allValueSet.size > 0 && !$ && /* @__PURE__ */ r(v, { px: "xs", pt: 8, pb: 8, onClick: M.toggleSelectAll, styles: MT, children: /* @__PURE__ */ r(ee, { size: "xs", checked: M.allSelected, onChange: C.noop, label: h("common.actions.select_all") }) }),
           /* @__PURE__ */ r(A, {}),
           W
         ] })
@@ -26637,7 +26634,7 @@ const bT = m.model("FilterDateRangeConfigMeta", {
       /* @__PURE__ */ r(ee, { checked: n.required, onChange: (a) => n.setRequired(a.currentTarget.checked), label: t("filter.widget.select.required") }),
       /* @__PURE__ */ r(yn, { filter: e })
     ] }),
-    /* @__PURE__ */ r($, { label: t("filter.widget.common.min_width"), value: n.min_width, onChange: (a) => n.setMinWidth(a.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: t("filter.widget.common.min_width"), value: n.min_width, onChange: (a) => n.setMinWidth(a.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: t("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
     /* @__PURE__ */ r(pa, { value: n.options_query_id, onChange: n.setOptionsQueryID }),
     /* @__PURE__ */ r(ee, { checked: n.default_selection_count === 1, onChange: (a) => n.setDefaultSelectionCount(a.currentTarget.checked ? 1 : 0), label: t("filter.widget.tree_single_select.select_first_option_by_default") }),
@@ -28955,21 +28952,21 @@ const uD = uT.views((e) => ({
     const t = this.payload, n = {
       filters: e.contentModel.filters.keysToTypes
     }, a = e.config, i = a.filters.reduce((_, x) => {
-      const T = C.get(t, x.variable), M = C.get(n, x.variable), V = x.dimension;
+      const T = C.get(t, x.variable), M = C.get(n, x.variable), $ = x.dimension;
       if (M === j.DateRange) {
         const W = T.every((G) => Number.isFinite(Number(G))) ? T.map((G) => Number(G)) : T;
-        _[V] = {
+        _[$] = {
           between: W
         };
       } else if (M === j.MericoDateRange) {
         const W = T.value.every((G) => Number.isFinite(Number(G))) ? T.value.map((G) => Number(G)) : T;
-        _[V] = {
+        _[$] = {
           between: W
         };
       } else
-        Array.isArray(T) ? _[V] = {
+        Array.isArray(T) ? _[$] = {
           in: T
-        } : _[V] = {
+        } : _[$] = {
           eq: T
         };
       return _;
@@ -29737,7 +29734,7 @@ const bD = (e) => new fD(e), yD = ({
     /* @__PURE__ */ u(v, { justify: "flex-start", grow: !0, wrap: "nowrap", gap: 0, w: "288px", sx: {
       marginTop: "3px"
     }, children: [
-      /* @__PURE__ */ r(Ye.Target, { children: /* @__PURE__ */ r($, { label: e, labelProps: {
+      /* @__PURE__ */ r(Ye.Target, { children: /* @__PURE__ */ r(V, { label: e, labelProps: {
         title: e
       }, required: t, leftSection: /* @__PURE__ */ r(ts, { size: 16 }), placeholder: c("filter.widget.date_range.start_date"), readOnly: !0, disabled: s, value: _, onFocus: h, styles: dl(d), sx: {
         ".mantine-TextInput-label": {
@@ -29762,7 +29759,7 @@ const bD = (e) => new fD(e), yD = ({
           opacity: 0.6
         }
       } }) }),
-      /* @__PURE__ */ r($, { label: /* @__PURE__ */ r(v, { justify: "flex-end", children: /* @__PURE__ */ r(xD, { begin: g, end: b }) }), leftSection: /* @__PURE__ */ r(ns, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !g || s, value: x, onFocus: h, styles: dl(d), sx: {
+      /* @__PURE__ */ r(V, { label: /* @__PURE__ */ r(v, { justify: "flex-end", children: /* @__PURE__ */ r(xD, { begin: g, end: b }) }), leftSection: /* @__PURE__ */ r(ns, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !g || s, value: x, onFocus: h, styles: dl(d), sx: {
         ".mantine-Input-section": {
           transform: "translateX(-18px)"
         },
@@ -30023,7 +30020,7 @@ const bD = (e) => new fD(e), yD = ({
     name: "MultiSelectWidget"
   }), [g, b] = Q(!1), _ = (Z) => {
     b(Z);
-  }, x = g && (i == null ? void 0 : i.length) > 0, [T, M] = Q(""), V = z(() => {
+  }, x = g && (i == null ? void 0 : i.length) > 0, [T, M] = Q(""), $ = z(() => {
     if (!T)
       return l;
     const Z = T.toLowerCase(), $e = (Qe) => {
@@ -30031,12 +30028,12 @@ const bD = (e) => new fD(e), yD = ({
       return ((en = Qe.description) == null ? void 0 : en.toLowerCase().includes(Z)) || Qe.label.toLowerCase().includes(Z);
     };
     return l.filter($e);
-  }, [T, l]), O = z(() => new Set(l.map((Z) => Z.value)), [l]), W = z(() => new Set(i), [i]), G = z(() => W.size !== O.size ? !1 : Array.from(O).every((Z) => W.has(Z)), [W, O]), oe = () => {
+  }, [T, l]), q = z(() => new Set(l.map((Z) => Z.value)), [l]), W = z(() => new Set(i), [i]), G = z(() => W.size !== q.size ? !1 : Array.from(q).every((Z) => W.has(Z)), [W, q]), oe = () => {
     if (G) {
       o([]);
       return;
     }
-    const Z = Array.from(O);
+    const Z = Array.from(q);
     o(Z);
   };
   return /* @__PURE__ */ u(I, { gap: 3, children: [
@@ -30052,10 +30049,10 @@ const bD = (e) => new fD(e), yD = ({
     /* @__PURE__ */ r(Um, { disabled: e, allowClear: !0, className: p(h.root, "check-select"), dropdownClassName: p(h.dropdown, ""), onDropdownVisibleChange: _, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: n, clearIcon: () => /* @__PURE__ */ r(vt, { size: "sm" }), value: i, onChange: o, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r(eo, { errorMessage: s }), maxTagTextLength: 10, maxTagPlaceholder: (Z) => d("filter.widget.common.x_selected", {
       count: Z.length
     }), searchValue: T, onSearch: M, filterOption: !1, dropdownRender: (Z) => /* @__PURE__ */ u(F, { children: [
-      O.size > 0 && !T && /* @__PURE__ */ r(v, { px: "xs", py: "xs", onClick: oe, styles: TD, children: /* @__PURE__ */ r(ee, { size: "xs", checked: G, onChange: C.noop, label: d("common.actions.select_all") }) }),
+      q.size > 0 && !T && /* @__PURE__ */ r(v, { px: "xs", py: "xs", onClick: oe, styles: TD, children: /* @__PURE__ */ r(ee, { size: "xs", checked: G, onChange: C.noop, label: d("common.actions.select_all") }) }),
       /* @__PURE__ */ r(A, {}),
       Z
-    ] }), children: V.map((Z) => /* @__PURE__ */ u(Km, { title: Z.label, children: [
+    ] }), children: $.map((Z) => /* @__PURE__ */ u(Km, { title: Z.label, children: [
       /* @__PURE__ */ r(k, { size: "sm", "data-role": "label", children: Z.label }),
       Z.description && /* @__PURE__ */ r(k, { size: "xs", c: "dimmed", "data-role": "description", children: Z.description })
     ] }, Z.value)) })
@@ -30103,7 +30100,7 @@ const bD = (e) => new fD(e), yD = ({
     p && a(p, !1);
   }, [a]);
   return /* @__PURE__ */ r(
-    q,
+    O,
     {
       label: e,
       data: t.options,
@@ -30142,7 +30139,7 @@ function $D({
   value: n,
   onChange: a
 }) {
-  return /* @__PURE__ */ r($, { label: e, value: n || "", onChange: (i) => a(i.currentTarget.value), ...t, styles: {
+  return /* @__PURE__ */ r(V, { label: e, value: n || "", onChange: (i) => a(i.currentTarget.value), ...t, styles: {
     input: {
       borderColor: "#e9ecef"
     }
@@ -30235,12 +30232,12 @@ const qD = (e, t, n) => {
   const a = e.step, [i, o] = Q(null), [l, s] = Q(e.value), c = (b, _) => {
     if (!b || !_)
       return;
-    const [x, T] = l, M = b.toDate(), V = _.toDate();
+    const [x, T] = l, M = b.toDate(), $ = _.toDate();
     if (x === null) {
       s([M, null]);
       return;
     }
-    const W = M.getTime() < x.getTime() ? [M, T] : [x, V];
+    const W = M.getTime() < x.getTime() ? [M, T] : [x, $];
     s(W), t(W);
   };
   N(() => {
@@ -30274,9 +30271,9 @@ const qD = (e, t, n) => {
         disabled: !0
       };
     const {
-      start: V,
-      end: O
-    } = M, W = AD(_, V, l), G = ED(_, O), oe = PD(b, T, l, a), Z = oe && W, $e = oe && G, Qe = _.isBefore(d) || _.isAfter(h);
+      start: $,
+      end: q
+    } = M, W = AD(_, $, l), G = ED(_, q), oe = PD(b, T, l, a), Z = oe && W, $e = oe && G, Qe = _.isBefore(d) || _.isAfter(h);
     return {
       onMouseEnter: () => o(b),
       onMouseLeave: () => o(null),
@@ -30284,7 +30281,7 @@ const qD = (e, t, n) => {
       firstInRange: Z,
       lastInRange: $e,
       selected: W || G,
-      onClick: () => c(V, O),
+      onClick: () => c($, q),
       disabled: Qe
     };
   }, [i, t, a, n, d, h, l]);
@@ -30391,7 +30388,7 @@ const qD = (e, t, n) => {
     label: i("filter.widget.date_range.step.quarter"),
     value: "quarter"
   }], [i]);
-  return /* @__PURE__ */ r(q, { className: a, label: e, data: l, value: t, onChange: (c) => {
+  return /* @__PURE__ */ r(O, { className: a, label: e, data: l, value: t, onChange: (c) => {
     c && n(c);
   } });
 }, ZD = ({
@@ -30474,10 +30471,10 @@ const qD = (e, t, n) => {
     /* @__PURE__ */ u(v, { justify: "flex-start", align: "text-anchor", wrap: "nowrap", gap: 0, sx: {
       marginTop: "3px"
     }, children: [
-      /* @__PURE__ */ r(Ye.Target, { children: /* @__PURE__ */ r($, { label: e, labelProps: {
+      /* @__PURE__ */ r(Ye.Target, { children: /* @__PURE__ */ r(V, { label: e, labelProps: {
         title: e
       }, required: t, leftSection: /* @__PURE__ */ r(ts, { size: 16 }), placeholder: l("filter.widget.date_range.start_date"), readOnly: !0, disabled: o, value: g, onFocus: c, styles: ul(s), className: ka.begin }) }),
-      /* @__PURE__ */ r($, { label: /* @__PURE__ */ r(R, { children: " " }), leftSection: /* @__PURE__ */ r(ns, { size: 16, onClick: c }), placeholder: l("filter.widget.date_range.end_date"), readOnly: !0, disabled: o, value: b, onFocus: c, styles: ul(s), className: ka.end }),
+      /* @__PURE__ */ r(V, { label: /* @__PURE__ */ r(R, { children: " " }), leftSection: /* @__PURE__ */ r(ns, { size: 16, onClick: c }), placeholder: l("filter.widget.date_range.end_date"), readOnly: !0, disabled: o, value: b, onFocus: c, styles: ul(s), className: ka.end }),
       /* @__PURE__ */ r(Tu, { className: ka.step, value: n.step, onChange: x, label: /* @__PURE__ */ r(v, { justify: "flex-end", children: /* @__PURE__ */ r(UD, { begin: h, end: p }) }) })
     ] }),
     /* @__PURE__ */ u(Ye.Dropdown, { p: "sm", children: [
@@ -30536,7 +30533,7 @@ const qD = (e, t, n) => {
 }), a6 = D(E.forwardRef(({
   filter: e,
   ...t
-}, n) => /* @__PURE__ */ r("div", { className: "filter-root", ref: n, children: /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(r6, { filter: e, formFieldProps: t }) }) }))), i6 = ({
+}, n) => /* @__PURE__ */ r("div", { className: "filter-root", ref: n, children: /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(r6, { filter: e, formFieldProps: t }) }) }))), i6 = ({
   disabled: e,
   onSubmit: t
 }) => {
@@ -30654,8 +30651,8 @@ const h6 = ({
   N(() => {
     s(i.filters.values);
   }, [i.filters.values, s]), o6(c);
-  const d = i.filters.visibleInView(t.id), h = z(() => d.every((x) => x.should_auto_submit), [d]), p = z(() => d.filter((x) => C.get(x, "config.required", !1)), [d]), g = z(() => p.length === 0 ? !1 : p.some((x) => !x.requiredAndPass(c[x.key])), [c, p]), b = (x, T) => (M, V) => {
-    T(M), (x.should_auto_submit || V) && i.filters.setValueByKey(x.key, M);
+  const d = i.filters.visibleInView(t.id), h = z(() => d.every((x) => x.should_auto_submit), [d]), p = z(() => d.filter((x) => C.get(x, "config.required", !1)), [d]), g = z(() => p.length === 0 ? !1 : p.some((x) => !x.requiredAndPass(c[x.key])), [c, p]), b = (x, T) => (M, $) => {
+    T(M), (x.should_auto_submit || $) && i.filters.setValueByKey(x.key, M);
   }, _ = ne((x) => {
     const T = C.get(x, "force", !1);
     l(i.filters.setValues)(), T && i.queries.forceReloadVisibleQueries();
@@ -31015,7 +31012,7 @@ const z6 = D(function({
     width: a,
     height: i,
     overflow: "hidden"
-  }, children: l && /* @__PURE__ */ r(ze, { children: o }) }) });
+  }, children: l && /* @__PURE__ */ r(ke, { children: o }) }) });
 });
 function T6(e) {
   const {
@@ -31492,7 +31489,7 @@ const l4 = D(({
   } = y(), [n, {
     setTrue: a,
     setFalse: i
-  }] = ke(!1), o = wg(), l = ve(), s = () => {
+  }] = De(!1), o = wg(), l = ve(), s = () => {
     const c = JSON.stringify(l.contentJSON, null, 2), d = `${o.name}__${l.name}`;
     Zn(d, c);
   };
@@ -31779,8 +31776,8 @@ const p4 = D(({
             position: "relative",
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ r($, { label: t("view.component.tabs.tab.name"), required: !0, value: d.name, onChange: (g) => d.setName(g.currentTarget.value) }),
-            /* @__PURE__ */ r(q, { label: t("view.label"), value: d.view_id, onChange: d.setViewID, data: i }),
+            /* @__PURE__ */ r(V, { label: t("view.component.tabs.tab.name"), required: !0, value: d.name, onChange: (g) => d.setName(g.currentTarget.value) }),
+            /* @__PURE__ */ r(O, { label: t("view.label"), value: d.view_id, onChange: d.setViewID, data: i }),
             /* @__PURE__ */ r(re, { label: t("view.component.tabs.tab.order"), required: !0, value: d.order, onChange: (g) => d.setOrder(g || 0), min: 0, max: 1e3, step: 1 }),
             /* @__PURE__ */ r(rn, { label: t("view.component.tabs.tab.color"), value: d.color, onChange: d.setColor, disabled: o.variant !== "default" }),
             p && /* @__PURE__ */ r(L, { mt: 20, variant: "gradient", leftSection: /* @__PURE__ */ r(_p, { size: 18 }), gradient: {
@@ -34031,12 +34028,12 @@ const aI = D(({
   }) => {
     const $e = Z.filter((Qe) => Number.isFinite(Qe.breakpoint));
     a.updateLayoutSetsInfo($e), e();
-  }, V = c(), O = z(() => {
+  }, $ = c(), q = z(() => {
     const Z = {
-      list: V.list.filter(($e) => !!$e.name && Number.isFinite($e.breakpoint))
+      list: $.list.filter(($e) => !!$e.name && Number.isFinite($e.breakpoint))
     };
     return !Oe(Z, i);
-  }, [V, i]), W = (oe = (G = h.errors.list) == null ? void 0 : G.root) == null ? void 0 : oe.message;
+  }, [$, i]), W = (oe = (G = h.errors.list) == null ? void 0 : G.root) == null ? void 0 : oe.message;
   return /* @__PURE__ */ r(F, { children: /* @__PURE__ */ u("form", { onSubmit: l(M), children: [
     /* @__PURE__ */ u(w, { fz: "sm", highlightOnHover: !0, withTableBorder: !0, sx: {
       tableLayout: "fixed"
@@ -34054,7 +34051,7 @@ const aI = D(({
         x.map((Z, $e) => /* @__PURE__ */ u(w.Tr, { children: [
           /* @__PURE__ */ r(w.Th, { children: Z.id === "basis" ? Z.name : /* @__PURE__ */ r(f, { name: `list.${$e}.name`, control: o, render: ({
             field: Qe
-          }) => /* @__PURE__ */ r($, { size: "xs", label: "", required: !0, sx: {
+          }) => /* @__PURE__ */ r(V, { size: "xs", label: "", required: !0, sx: {
             flex: 1
           }, ...Qe }) }) }),
           /* @__PURE__ */ r(w.Td, { children: Z.id === "basis" ? /* @__PURE__ */ u(k, { size: "sm", ff: "monospace", children: [
@@ -34086,8 +34083,8 @@ const aI = D(({
     ] }),
     /* @__PURE__ */ r(k, { mt: 6, ta: "right", size: "xs", c: "red", children: W ?? "　" }),
     /* @__PURE__ */ u(v, { mt: 6, justify: "space-between", children: [
-      /* @__PURE__ */ r(L, { color: "orange", size: "xs", onClick: () => d(), leftSection: /* @__PURE__ */ r(Ct, { size: 18 }), disabled: !O, children: t("common.actions.revert") }),
-      /* @__PURE__ */ r(L, { color: "green", size: "xs", type: "submit", leftSection: /* @__PURE__ */ r(be, { size: 18 }), disabled: !O, children: t("common.actions.save_changes") })
+      /* @__PURE__ */ r(L, { color: "orange", size: "xs", onClick: () => d(), leftSection: /* @__PURE__ */ r(Ct, { size: 18 }), disabled: !q, children: t("common.actions.revert") }),
+      /* @__PURE__ */ r(L, { color: "green", size: "xs", type: "submit", leftSection: /* @__PURE__ */ r(be, { size: 18 }), disabled: !q, children: t("common.actions.save_changes") })
     ] })
   ] }) });
 }), sI = D(() => {
@@ -34298,7 +34295,7 @@ const yI = D(({
   stretchModal: t,
   shrinkModal: n
 }) => {
-  var M, V;
+  var M, $;
   const {
     t: a
   } = y(), i = ie(), {
@@ -34315,12 +34312,12 @@ const yI = D(({
       content: null
     }
   }), p = ({
-    content: O
+    content: q
   }) => {
     try {
-      if (!O)
+      if (!q)
         throw new Error("please use a valid json file");
-      i.applyJSONSchema(O), zn({
+      i.applyJSONSchema(q), zn({
         title: "Successful",
         message: "",
         color: "green"
@@ -34336,8 +34333,8 @@ const yI = D(({
   N(() => {
     if (!g)
       return;
-    const O = new FileReader();
-    O.readAsText(g, "UTF-8"), O.onload = (W) => {
+    const q = new FileReader();
+    q.readAsText(g, "UTF-8"), q.onload = (W) => {
       try {
         const G = bI(W);
         s("content", G), h("content");
@@ -34347,10 +34344,10 @@ const yI = D(({
           message: G.message
         });
       }
-    }, O.onabort = () => console.log("🟨 abort"), O.onerror = () => {
-      O.error && (console.error(O.error), d("content", {
+    }, q.onabort = () => console.log("🟨 abort"), q.onerror = () => {
+      q.error && (console.error(q.error), d("content", {
         type: "custom",
-        message: O.error.message
+        message: q.error.message
       }));
     };
   }, [g]);
@@ -34360,7 +34357,7 @@ const yI = D(({
   }, [_, T]), /* @__PURE__ */ r(R, { mx: "auto", sx: {
     position: "relative"
   }, children: /* @__PURE__ */ u("form", { onSubmit: o(p), children: [
-    /* @__PURE__ */ r(Bh, { label: a("import.json_file"), required: !0, value: g, onChange: b, error: (V = l == null ? void 0 : l.content) == null ? void 0 : V.message, sx: {
+    /* @__PURE__ */ r(Bh, { label: a("import.json_file"), required: !0, value: g, onChange: b, error: ($ = l == null ? void 0 : l.content) == null ? void 0 : $.message, sx: {
       maxWidth: 500
     } }),
     T ? /* @__PURE__ */ r(w, { fz: 12, mt: 10, children: /* @__PURE__ */ u(w.Tbody, { children: [
@@ -34395,7 +34392,7 @@ const yI = D(({
   }] = an(!1), [i, {
     setTrue: o,
     setFalse: l
-  }] = ke(!1), c = ((d = le().content.views.VIE) == null ? void 0 : d.type) === K.Tabs;
+  }] = De(!1), c = ((d = le().content.views.VIE) == null ? void 0 : d.type) === K.Tabs;
   return c ? /* @__PURE__ */ r(ae, { label: e("common.choose_a_tab_first"), children: /* @__PURE__ */ r(L, { variant: "outline", color: "gray", radius: 0, size: "xs", leftSection: /* @__PURE__ */ r(ko, { size: 16 }), sx: {
     ...bl,
     transform: "none !important"
@@ -35140,7 +35137,7 @@ const e8 = D(() => {
       /* @__PURE__ */ r(ee, { checked: a.allowSingleDateInRange, onChange: (l) => a.setAllowSingleDateInRange(l.currentTarget.checked), label: n("filter.widget.date_range.allow_single_date") })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
-      /* @__PURE__ */ r(q, { data: r8, label: n("filter.widget.date_range.display_format"), value: a.inputFormat, onChange: a.setInputFormat }),
+      /* @__PURE__ */ r(O, { data: r8, label: n("filter.widget.date_range.display_format"), value: a.inputFormat, onChange: a.setInputFormat }),
       /* @__PURE__ */ r(re, { label: n("filter.widget.date_range.max_days"), min: 0, value: a.max_days, onChange: a.setMaxDays, hideControls: !0 })
     ] }),
     /* @__PURE__ */ u(v, { children: [
@@ -35148,7 +35145,7 @@ const e8 = D(() => {
         value: o,
         shortcut: null
       }, onChange: a.setDefaultValue, disabled: !!a.default_shortcut }),
-      /* @__PURE__ */ r(q, { data: i, label: n("filter.widget.date_range.default_by_shortcut"), value: a.default_shortcut, onChange: a.setDefaultShortcut, placeholder: n("filter.widget.date_range.default_by_shortcut_placeholder"), clearable: !0, sx: {
+      /* @__PURE__ */ r(O, { data: i, label: n("filter.widget.date_range.default_by_shortcut"), value: a.default_shortcut, onChange: a.setDefaultShortcut, placeholder: n("filter.widget.date_range.default_by_shortcut_placeholder"), clearable: !0, sx: {
         flexGrow: 1
       }, maxDropdownHeight: 500 })
     ] }),
@@ -35185,7 +35182,7 @@ const e8 = D(() => {
       /* @__PURE__ */ r(ee, { checked: a.required, onChange: (s) => a.setRequired(s.currentTarget.checked), label: n("filter.widget.select.required") }),
       /* @__PURE__ */ r(yn, { filter: t })
     ] }),
-    /* @__PURE__ */ r($, { label: n("filter.widget.select.width"), description: n("filter.widget.multi_select.width_description"), value: a.min_width, onChange: (s) => a.setMinWidth(s.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: n("filter.widget.select.width"), description: n("filter.widget.multi_select.width_description"), value: a.min_width, onChange: (s) => a.setMinWidth(s.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: n("filter.widget.select.configure_options"), labelPosition: "center" }),
     /* @__PURE__ */ u(I, { gap: 10, sx: {
       position: "relative",
@@ -35211,12 +35208,12 @@ const e8 = D(() => {
       o.map((s, c) => /* @__PURE__ */ u(Ue, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
-        /* @__PURE__ */ r($, { label: n("common.label"), required: !0, value: a.static_options[c].label, onChange: (d) => {
+        /* @__PURE__ */ r(V, { label: n("common.label"), required: !0, value: a.static_options[c].label, onChange: (d) => {
           a.static_options[c].setLabel(d.currentTarget.value);
         }, sx: {
           flexGrow: 1
         } }),
-        /* @__PURE__ */ r($, { label: n("common.value"), required: !0, value: a.static_options[c].value, onChange: (d) => {
+        /* @__PURE__ */ r(V, { label: n("common.value"), required: !0, value: a.static_options[c].value, onChange: (d) => {
           a.static_options[c].setValue(d.currentTarget.value);
         }, sx: {
           flexGrow: 1
@@ -35300,7 +35297,7 @@ const e8 = D(() => {
   };
   return /* @__PURE__ */ u(v, { justify: "space-between", children: [
     /* @__PURE__ */ r(L, { size: "xs", color: "blue", leftSection: /* @__PURE__ */ r(or, { size: 20 }), onClick: a, children: t("common.actions.add_an_option") }),
-    /* @__PURE__ */ r(q, { placeholder: t("filter.widget.select.preset_options.apply"), value: null, onChange: o, data: i, size: "xs" })
+    /* @__PURE__ */ r(O, { placeholder: t("filter.widget.select.preset_options.apply"), value: null, onChange: o, data: i, size: "xs" })
   ] });
 }), l8 = D(({
   config: e
@@ -35313,16 +35310,16 @@ const e8 = D(() => {
     value: ""
   }, ...a.filter((o) => o.value !== "")], [n.language, a]);
   return a.length === 0 ? /* @__PURE__ */ r(wl, { config: e }) : /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(q, { label: t("filter.widget.select.default_selection"), data: i, value: e.default_value, onChange: e.setDefaultValue }),
+    /* @__PURE__ */ r(O, { label: t("filter.widget.select.default_selection"), data: i, value: e.default_value, onChange: e.setDefaultValue }),
     a.map((o, l) => /* @__PURE__ */ u(Ue, { gap: 10, sx: {
       position: "relative"
     }, pr: "40px", children: [
-      /* @__PURE__ */ r($, { label: t("common.label"), required: !0, value: e.static_options[l].label, onChange: (s) => {
+      /* @__PURE__ */ r(V, { label: t("common.label"), required: !0, value: e.static_options[l].label, onChange: (s) => {
         e.static_options[l].setLabel(s.currentTarget.value);
       }, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r($, { label: t("common.value"), required: !0, value: e.static_options[l].value, onChange: (s) => {
+      /* @__PURE__ */ r(V, { label: t("common.value"), required: !0, value: e.static_options[l].value, onChange: (s) => {
         e.static_options[l].setValue(s.currentTarget.value);
       }, sx: {
         flexGrow: 1
@@ -35347,7 +35344,7 @@ const e8 = D(() => {
       /* @__PURE__ */ r(ee, { checked: n.clearable, onChange: (a) => n.setClearable(a.currentTarget.checked), label: t("filter.widget.select.clearable") }),
       /* @__PURE__ */ r(yn, { filter: e })
     ] }),
-    /* @__PURE__ */ r($, { label: t("filter.widget.select.width"), value: n.width, onChange: (a) => n.setWidth(a.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: t("filter.widget.select.width"), value: n.width, onChange: (a) => n.setWidth(a.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: t("filter.widget.select.configure_options"), labelPosition: "center" }),
     /* @__PURE__ */ u(I, { gap: 10, sx: {
       position: "relative",
@@ -35384,7 +35381,7 @@ const e8 = D(() => {
   } = y(), a = t.config;
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ u(v, { children: [
-      /* @__PURE__ */ r($, { label: n("filter.widget.text_input.default_value"), value: a.default_value, onChange: (i) => {
+      /* @__PURE__ */ r(V, { label: n("filter.widget.text_input.default_value"), value: a.default_value, onChange: (i) => {
         a.setDefaultValue(i.currentTarget.value);
       }, sx: {
         flexGrow: 1
@@ -35484,7 +35481,7 @@ const e8 = D(() => {
     /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(ee, { checked: n.required, onChange: (h) => n.setRequired(h.currentTarget.checked), label: t("filter.widget.date_range.required") }) }),
     /* @__PURE__ */ r(Tu, { value: n.default_step, onChange: d, label: "默认步长" }),
     /* @__PURE__ */ u(v, { children: [
-      /* @__PURE__ */ r(q, { data: a, label: t("filter.widget.date_range.default_by_shortcut"), value: n.default_shortcut, onChange: c, placeholder: t("filter.widget.date_range.default_by_shortcut_placeholder"), clearable: !0, sx: {
+      /* @__PURE__ */ r(O, { data: a, label: t("filter.widget.date_range.default_by_shortcut"), value: n.default_shortcut, onChange: c, placeholder: t("filter.widget.date_range.default_by_shortcut_placeholder"), clearable: !0, sx: {
         flexGrow: 1
       }, maxDropdownHeight: 500 }),
       /* @__PURE__ */ r(Rh, { type: "range", label: t("filter.widget.date_range.default_value"), value: o, onChange: s, valueFormat: n.inputFormat, allowSingleDateInRange: !0, numberOfColumns: 2, w: "50%", disabled: !!n.default_shortcut })
@@ -35552,13 +35549,13 @@ const e8 = D(() => {
           e.auto_submit_supported && /* @__PURE__ */ r(ee, { label: t("filter.field.auto_submit"), checked: e.auto_submit, onChange: (l) => e.setAutoSubmit(l.currentTarget.checked), mt: 22 })
         ] }),
         /* @__PURE__ */ r(Wt, { label: t("filter.field.visible_in"), data: a.views.options, value: [...e.visibleInViewsIDs], onChange: e.setVisibleInViewsIDs }),
-        /* @__PURE__ */ r($, { label: t("common.key"), placeholder: t("filter.field.key_placeholder"), required: !0, value: e.key, onChange: (l) => {
+        /* @__PURE__ */ r(V, { label: t("common.key"), placeholder: t("filter.field.key_placeholder"), required: !0, value: e.key, onChange: (l) => {
           e.setKey(l.currentTarget.value);
         } }),
-        /* @__PURE__ */ r($, { label: t("common.label"), placeholder: t("filter.field.label_placeholder"), required: !0, value: e.label, onChange: (l) => {
+        /* @__PURE__ */ r(V, { label: t("common.label"), placeholder: t("filter.field.label_placeholder"), required: !0, value: e.label, onChange: (l) => {
           e.setLabel(l.currentTarget.value);
         } }),
-        /* @__PURE__ */ r(q, { label: t("filter.field.widget"), data: o, required: !0, value: e.type, onChange: e.setType, maxDropdownHeight: 500 }),
+        /* @__PURE__ */ r(O, { label: t("filter.field.widget"), data: o, required: !0, value: e.type, onChange: e.setType, maxDropdownHeight: 500 }),
         /* @__PURE__ */ r(A, { mb: 0, mt: 10, variant: "dashed", labelPosition: "center" }),
         /* @__PURE__ */ r(i, { filter: e })
       ] })
@@ -35798,7 +35795,7 @@ const e8 = D(() => {
       ] }),
       /* @__PURE__ */ r(J, { variant: "subtle", color: "blue", disabled: !o || s, onClick: l, children: /* @__PURE__ */ r(be, { size: 18 }) })
     ] }),
-    /* @__PURE__ */ r($, { value: a, onChange: i, required: !0 })
+    /* @__PURE__ */ r(V, { value: a, onChange: i, required: !0 })
   ] });
 }), w8 = D(() => {
   const {
@@ -35882,14 +35879,14 @@ function eh({
   });
   return e.length === 0 ? /* @__PURE__ */ r(R, { sx: {
     height: "5em"
-  } }) : /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ u(w, { sx: C8, children: [
+  } }) : /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ u(w, { sx: C8, children: [
     /* @__PURE__ */ r(w.Thead, { children: n.getHeaderGroups().map((a) => /* @__PURE__ */ r(w.Tr, { children: a.headers.map((i) => /* @__PURE__ */ u(w.Th, { style: {
       width: i.getSize()
     }, children: [
       i.isPlaceholder ? null : Fn(i.column.columnDef.header, i.getContext()),
       /* @__PURE__ */ r(J, { variant: "subtle", onMouseDown: i.getResizeHandler(), onTouchStart: i.getResizeHandler(), className: `resizer ${i.column.getIsResizing() ? "isResizing" : ""}`, children: /* @__PURE__ */ r(Ja, {}) })
     ] }, i.id)) }, a.id)) }),
-    /* @__PURE__ */ r(w.Tbody, { children: n.getRowModel().rows.map((a) => /* @__PURE__ */ r(w.Tr, { children: a.getVisibleCells().map((i) => /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(ze, { children: typeof i.getValue() == "object" ? /* @__PURE__ */ r("pre", { children: JSON.stringify(i.getValue(), null, 2) }) : Fn(i.column.columnDef.cell, i.getContext()) }) }, i.id)) }, a.id)) })
+    /* @__PURE__ */ r(w.Tbody, { children: n.getRowModel().rows.map((a) => /* @__PURE__ */ r(w.Tr, { children: a.getVisibleCells().map((i) => /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(ke, { children: typeof i.getValue() == "object" ? /* @__PURE__ */ r("pre", { children: JSON.stringify(i.getValue(), null, 2) }) : Fn(i.column.columnDef.cell, i.getContext()) }) }, i.id)) }, a.id)) })
   ] }) });
 }
 const k8 = [{
@@ -35937,7 +35934,7 @@ const k8 = [{
         }
       } }),
       !d && /* @__PURE__ */ r(
-        q,
+        O,
         {
           leftSection: /* @__PURE__ */ r(k, { ta: "center", c: "dimmed", size: "14px", children: o("common.pagination.page_size") }),
           size: "xs",
@@ -35960,7 +35957,7 @@ const k8 = [{
     const s = (n - 1) * i, c = s + i;
     return e.slice(s, c);
   }, [e, n, i]);
-  return /* @__PURE__ */ u(ze, { children: [
+  return /* @__PURE__ */ u(ke, { children: [
     /* @__PURE__ */ r(T8, { data: e, page: n, setPage: a, limit: i, setLimit: o }),
     /* @__PURE__ */ u(R, { py: 10, sx: {
       width: "100%",
@@ -36061,7 +36058,7 @@ const k8 = [{
   const {
     panel: e
   } = Ie();
-  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(R, { className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, p: 0, sx: {
+  return /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(R, { className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, p: 0, sx: {
     border: "1px solid",
     borderColor: e.style.border.enabled ? "#e9ecef" : "transparent",
     flexGrow: 0,
@@ -36102,7 +36099,7 @@ const R8 = D(({
     i(e);
   }, [e]);
   const o = V8(), l = e !== a;
-  return /* @__PURE__ */ r(q, { label: n("visualization.component"), value: a, searchable: !0, onChange: i, data: o, rightSection: /* @__PURE__ */ r(J, { variant: "filled", color: "green", disabled: !l, onClick: () => t(a), styles: {
+  return /* @__PURE__ */ r(O, { label: n("visualization.component"), value: a, searchable: !0, onChange: i, data: o, rightSection: /* @__PURE__ */ r(J, { variant: "filled", color: "green", disabled: !l, onClick: () => t(a), styles: {
     root: {
       pointerEvents: "all"
     }
@@ -36175,7 +36172,7 @@ const E8 = D(() => {
     overflow: "hidden"
   }, children: [
     /* @__PURE__ */ r(R8, { submit: a, value: t.type }),
-    /* @__PURE__ */ u(ze, { children: [
+    /* @__PURE__ */ u(ke, { children: [
       /* @__PURE__ */ r(I, { pb: 10, sx: {
         flexGrow: 1,
         maxHeight: "100%",
@@ -36342,7 +36339,7 @@ const B8 = E.forwardRef(function({
       border: "1px solid #e9ecef"
     }, children: [
       /* @__PURE__ */ u(v, { grow: !0, wrap: "nowrap", children: [
-        /* @__PURE__ */ r($, { label: o("common.name"), required: !0, value: t.name, onChange: (s) => l("name", s.currentTarget.value) }),
+        /* @__PURE__ */ r(V, { label: o("common.name"), required: !0, value: t.name, onChange: (s) => l("name", s.currentTarget.value) }),
         /* @__PURE__ */ r(X, { label: o("common.data_field"), required: !0, value: t.data_field, onChange: (s) => l("data_field", s) })
       ] }),
       /* @__PURE__ */ r(Ei, { label: o("panel.variable.aggregation.label"), pt: 0, value: t.aggregation, onChange: (s) => l("aggregation", s), withFallback: !0 }),
@@ -36392,7 +36389,7 @@ const Q8 = D(({
   } = y(), t = N8();
   return t.variableOptions.length === 0 ? /* @__PURE__ */ r(Q8, { model: t }) : /* @__PURE__ */ u(I, { pb: 20, children: [
     /* @__PURE__ */ u(v, { justify: "flex-start", children: [
-      /* @__PURE__ */ r(q, { label: e("panel.variable.labels"), data: t.variableOptions, value: (n = t.selected) == null ? void 0 : n.name, onChange: t.selectByName, maxDropdownHeight: 600, sx: {
+      /* @__PURE__ */ r(O, { label: e("panel.variable.labels"), data: t.variableOptions, value: (n = t.selected) == null ? void 0 : n.name, onChange: t.selectByName, maxDropdownHeight: 600, sx: {
         flexGrow: 1
       } }),
       /* @__PURE__ */ r(L, { variant: "light", size: "xs", leftSection: /* @__PURE__ */ r(lt, { size: 16 }), onClick: t.addNew, sx: {
@@ -36510,8 +36507,8 @@ const U8 = D(({
       ] }),
       /* @__PURE__ */ r(S.Panel, { value: "Panel", children: /* @__PURE__ */ r(Da, { children: /* @__PURE__ */ r(S8, {}) }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Variables", children: /* @__PURE__ */ r(Da, { children: /* @__PURE__ */ r(H8, {}) }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Visualization", children: /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(Da, { children: /* @__PURE__ */ r(E8, {}) }) }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Interactions", children: /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(Jb, {}) }) })
+      /* @__PURE__ */ r(S.Panel, { value: "Visualization", children: /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(Da, { children: /* @__PURE__ */ r(E8, {}) }) }) }),
+      /* @__PURE__ */ r(S.Panel, { value: "Interactions", children: /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(Jb, {}) }) })
     ] })
   ] });
 }), K8 = D(({
@@ -36864,8 +36861,8 @@ const U8 = D(({
   overflow: "auto",
   position: "relative"
 }, children: [
-  /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(eM, { dataSource: e }) }),
-  /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(rM, { dataSource: e }) })
+  /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(eM, { dataSource: e }) }),
+  /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(rM, { dataSource: e }) })
 ] }));
 function iM({
   table_type: e
@@ -36930,7 +36927,7 @@ const oM = D(({
           height: "30px"
         }
       } }),
-      /* @__PURE__ */ r(q, { leftSection: /* @__PURE__ */ r(k, { ta: "center", c: "dimmed", size: "14px", children: t("common.pagination.page_size") }), size: "xs", styles: cM, data: sM, value: String(n.limit), onChange: (a) => n.setLimit(Number(a)), comboboxProps: {
+      /* @__PURE__ */ r(O, { leftSection: /* @__PURE__ */ r(k, { ta: "center", c: "dimmed", size: "14px", children: t("common.pagination.page_size") }), size: "xs", styles: cM, data: sM, value: String(n.limit), onChange: (a) => n.setLimit(Number(a)), comboboxProps: {
         zIndex: 340
       } })
     ] }),
@@ -36942,7 +36939,7 @@ const oM = D(({
   dataSource: e
 }) => {
   const t = e.dbInfo.tableData;
-  return t.maxPage === 0 ? /* @__PURE__ */ r(k, { mt: 20, c: "red", size: "md", ta: "center", ff: "monospace", children: "This table is empty" }) : t.error ? /* @__PURE__ */ r(k, { mt: 20, c: "red", size: "md", ta: "center", ff: "monospace", children: t.error }) : t.page === 1 && t.loading ? /* @__PURE__ */ r(lM, { visible: !0 }) : /* @__PURE__ */ u(ze, { children: [
+  return t.maxPage === 0 ? /* @__PURE__ */ r(k, { mt: 20, c: "red", size: "md", ta: "center", ff: "monospace", children: "This table is empty" }) : t.error ? /* @__PURE__ */ r(k, { mt: 20, c: "red", size: "md", ta: "center", ff: "monospace", children: t.error }) : t.page === 1 && t.loading ? /* @__PURE__ */ r(lM, { visible: !0 }) : /* @__PURE__ */ u(ke, { children: [
     /* @__PURE__ */ r(dM, { dataSource: e }),
     /* @__PURE__ */ u(R, { py: 10, sx: {
       width: "100%",
@@ -36983,7 +36980,7 @@ const oM = D(({
       flexGrow: 0,
       flexShrink: 0,
       position: "relative"
-    }, children: /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(oM, { dataSource: e }) }) }),
+    }, children: /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(oM, { dataSource: e }) }) }),
     /* @__PURE__ */ u(S, { defaultValue: "structure", styles: hM, children: [
       /* @__PURE__ */ u(S.List, { children: [
         /* @__PURE__ */ r(S.Tab, { value: "structure", leftSection: /* @__PURE__ */ r(Tp, { size: 14 }), children: t("data_source.table_structure_short") }),
@@ -37107,7 +37104,7 @@ const oM = D(({
     type: e.type,
     key: e.key
   }), [a, e.type, e.key]);
-  return /* @__PURE__ */ r(q, { size: t, data: l, label: /* @__PURE__ */ u(v, { justify: "space-between", children: [
+  return /* @__PURE__ */ r(O, { size: t, data: l, label: /* @__PURE__ */ u(v, { justify: "space-between", children: [
     /* @__PURE__ */ r(R, { children: n("data_source.label") }),
     d && /* @__PURE__ */ r(nh, { dataSource: d, triggerButtonProps: {
       size: "compact-xs",
@@ -37149,7 +37146,7 @@ const oM = D(({
     width: "100%"
   }, children: [
     /* @__PURE__ */ r(A, { mb: -10, variant: "dashed", label: t("query.basics"), labelPosition: "center" }),
-    /* @__PURE__ */ r($, { placeholder: t("query.name_description"), label: t("query.name"), required: !0, sx: {
+    /* @__PURE__ */ r(V, { placeholder: t("query.name_description"), label: t("query.name"), required: !0, sx: {
       flex: 1
     }, value: n, onChange: (o) => {
       a(o.currentTarget.value);
@@ -37611,7 +37608,7 @@ function PM({
   });
   return e.length === 0 ? /* @__PURE__ */ r(R, { sx: {
     height: "5em"
-  } }) : /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ u(w, { sx: RM, stickyHeader: !0, stickyHeaderOffset: 0, children: [
+  } }) : /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ u(w, { sx: RM, stickyHeader: !0, stickyHeaderOffset: 0, children: [
     /* @__PURE__ */ r(w.Thead, { style: {
       backgroundColor: "#F9F9FA"
     }, children: n.getHeaderGroups().map((a) => /* @__PURE__ */ r(w.Tr, { children: a.headers.map((i) => /* @__PURE__ */ u(w.Th, { style: {
@@ -37620,7 +37617,7 @@ function PM({
       i.isPlaceholder ? null : Fn(i.column.columnDef.header, i.getContext()),
       /* @__PURE__ */ r(J, { variant: "subtle", onMouseDown: i.getResizeHandler(), onTouchStart: i.getResizeHandler(), className: `resizer ${i.column.getIsResizing() ? "isResizing" : ""}`, children: /* @__PURE__ */ r(Ja, {}) })
     ] }, i.id)) }, a.id)) }),
-    /* @__PURE__ */ r(w.Tbody, { children: n.getRowModel().rows.map((a) => /* @__PURE__ */ r(w.Tr, { children: a.getVisibleCells().map((i) => /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(ze, { children: typeof i.getValue() == "object" ? /* @__PURE__ */ r("pre", { children: JSON.stringify(i.getValue(), null, 2) }) : Fn(i.column.columnDef.cell, i.getContext()) }) }, i.id)) }, a.id)) })
+    /* @__PURE__ */ r(w.Tbody, { children: n.getRowModel().rows.map((a) => /* @__PURE__ */ r(w.Tr, { children: a.getVisibleCells().map((i) => /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(ke, { children: typeof i.getValue() == "object" ? /* @__PURE__ */ r("pre", { children: JSON.stringify(i.getValue(), null, 2) }) : Fn(i.column.columnDef.cell, i.getContext()) }) }, i.id)) }, a.id)) })
   ] }) });
 }
 const AM = [{
@@ -37667,7 +37664,7 @@ const AM = [{
   return /* @__PURE__ */ u(v, { pt: 10, px: 10, justify: "space-between", children: [
     /* @__PURE__ */ u(v, { justify: "flex-start", children: [
       !d && /* @__PURE__ */ r(
-        q,
+        O,
         {
           leftSection: /* @__PURE__ */ r(k, { ta: "center", c: "dimmed", size: "xs", children: o("common.pagination.page_size") }),
           size: "xs",
@@ -37695,7 +37692,7 @@ const AM = [{
     const s = (n - 1) * i, c = s + i;
     return e.slice(s, c);
   }, [e, n, i]);
-  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ u(I, { gap: 10, styles: {
+  return /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ u(I, { gap: 10, styles: {
     root: {
       height: "100%",
       overflow: "hidden"
@@ -38011,7 +38008,7 @@ const AM = [{
     n(s, c);
   }, [n]);
   return /* @__PURE__ */ r(
-    q,
+    O,
     {
       size: "xs",
       variant: "unstyled",
@@ -38099,11 +38096,11 @@ const AM = [{
   queryModel: e
 }) => {
   const t = e.config, i = e.datasource.mericoMetricInfo.metricDetail, o = i.trendingDateCol, l = t.timeQuery.enabled;
-  return i.supportTrending ? /* @__PURE__ */ r(Te, { size: "xs", color: "red", checked: l, onChange: (s) => t.setTimeQueryEnabled(s.currentTarget.checked), styles: {
+  return i.supportTrending ? /* @__PURE__ */ r(ze, { size: "xs", color: "red", checked: l, onChange: (s) => t.setTimeQueryEnabled(s.currentTarget.checked), styles: {
     track: {
       cursor: "pointer"
     }
-  } }) : /* @__PURE__ */ r(ae, { label: "由于指标未设定时序维度，所以不具备时间序列展示功能。", children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(Te, { size: "xs", color: "red", disabled: !o }) }) });
+  } }) : /* @__PURE__ */ r(ae, { label: "由于指标未设定时序维度，所以不具备时间序列展示功能。", children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(ze, { size: "xs", color: "red", disabled: !o }) }) });
 }), t9 = D(({
   queryModel: e
 }) => {
@@ -38209,7 +38206,7 @@ const AM = [{
   };
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(Wt, { size: "sm", label: "分组聚合维度", description: "指标在查询时按照哪些维度进行聚合计算。最多支持两个维度的聚合计算。若选择按时间序列展示，则仅可选择一个聚合维度。", data: l, searchable: !0, styles: r9, renderOption: a9, rightSection: o ? /* @__PURE__ */ r(Br, { size: "xs" }) : null, value: [...t.groupByValues], onChange: s, maxValues: t.timeQuery.enabled ? 1 : 2, placeholder: t.timeQuery.enabled ? "仅可选一个维度" : "最多选两个维度", disabled: o }),
-    /* @__PURE__ */ r(Te, { labelPosition: "left", label: "聚合维度为空时，自动补零", size: "sm", color: "red", checked: t.useDefaultValues, onChange: (c) => t.setUseDefaultValues(c.currentTarget.checked), disabled: l.length === 0 })
+    /* @__PURE__ */ r(ze, { labelPosition: "left", label: "聚合维度为空时，自动补零", size: "sm", color: "red", checked: t.useDefaultValues, onChange: (c) => t.setUseDefaultValues(c.currentTarget.checked), disabled: l.length === 0 })
   ] });
 }), o9 = (e) => {
   if (!e)
@@ -38396,12 +38393,12 @@ const AM = [{
     loading: c,
     error: d
   } = i;
-  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ u(v, { justify: "flex-end", gap: 12, align: "flex-end", children: [
-    d ? /* @__PURE__ */ r(ae, { label: d, children: /* @__PURE__ */ r(q, { size: "xs", label: "指标", error: !0, styles: {
+  return /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ u(v, { justify: "flex-end", gap: 12, align: "flex-end", children: [
+    d ? /* @__PURE__ */ r(ae, { label: d, children: /* @__PURE__ */ r(O, { size: "xs", label: "指标", error: !0, styles: {
       root: {
         flexGrow: 1
       }
-    } }) }) : /* @__PURE__ */ r(q, { size: "xs", label: "指标", data: o, renderOption: g9, styles: {
+    } }) }) : /* @__PURE__ */ r(O, { size: "xs", label: "指标", data: o, renderOption: g9, styles: {
       root: {
         flexGrow: 1
       }
@@ -38425,7 +38422,7 @@ const AM = [{
         flexGrow: 0,
         flexShrink: 0
       }
-    }, children: /* @__PURE__ */ r($, { size: "xs", placeholder: t("query.name_description"), label: t("query.name"), value: e.name, onChange: (n) => {
+    }, children: /* @__PURE__ */ r(V, { size: "xs", placeholder: t("query.name_description"), label: t("query.name"), value: e.name, onChange: (n) => {
       e.setName(n.currentTarget.value);
     }, styles: {
       root: {
@@ -38505,7 +38502,7 @@ const AM = [{
     /* @__PURE__ */ u(v, { sx: {
       alignItems: "end"
     }, gap: 40, children: [
-      /* @__PURE__ */ r($, { label: a(h ? "sql_snippet.key_occupied" : "sql_snippet.key"), value: l, onChange: (M) => {
+      /* @__PURE__ */ r(V, { label: a(h ? "sql_snippet.key_occupied" : "sql_snippet.key"), value: l, onChange: (M) => {
         s(M.currentTarget.value);
       }, sx: {
         flexGrow: "1 !important"
@@ -38680,9 +38677,9 @@ const AM = [{
   const o = e.config;
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(A, { mt: 8, mb: 0, label: t("view.component.tabs.tabs_settings"), labelPosition: "center" }),
-    /* @__PURE__ */ r(q, { label: t("common.tabs.variant.label"), value: o.variant, onChange: o.setVariant, data: a }),
-    /* @__PURE__ */ r(q, { label: t("common.tabs.orientation.label"), value: o.orientation, onChange: o.setOrientation, data: i }),
-    /* @__PURE__ */ r(Te, { label: t("common.tabs.grow_tabs"), checked: o.grow, onChange: (l) => o.setGrow(l.currentTarget.checked) })
+    /* @__PURE__ */ r(O, { label: t("common.tabs.variant.label"), value: o.variant, onChange: o.setVariant, data: a }),
+    /* @__PURE__ */ r(O, { label: t("common.tabs.orientation.label"), value: o.orientation, onChange: o.setOrientation, data: i }),
+    /* @__PURE__ */ r(ze, { label: t("common.tabs.grow_tabs"), checked: o.grow, onChange: (l) => o.setGrow(l.currentTarget.checked) })
   ] });
 }), k9 = ({
   disabled: e,
@@ -38709,7 +38706,7 @@ const AM = [{
   } = y(), [a, {
     setTrue: i,
     setFalse: o
-  }] = ke(), [l, s] = Q(e ?? qa), c = (b) => {
+  }] = De(), [l, s] = Q(e ?? qa), c = (b) => {
     s({
       ...l,
       enabled: b
@@ -38762,14 +38759,14 @@ const AM = [{
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(A, { mt: 8, label: t("view.component.modal.modal_settings"), labelPosition: "center" }),
     /* @__PURE__ */ u(Ue, { gap: 10, children: [
-      /* @__PURE__ */ r($, { label: t("view.component.modal.title"), value: a, onChange: C.noop, disabled: !0, sx: {
+      /* @__PURE__ */ r(V, { label: t("view.component.modal.title"), value: a, onChange: C.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
       /* @__PURE__ */ r(z9, { value: n.custom_modal_title, onChange: n.custom_modal_title.replace })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
-      /* @__PURE__ */ r($, { label: t("view.component.modal.width"), value: n.width, onChange: (i) => n.setWidth(i.currentTarget.value), placeholder: "600px / 50vw" }),
-      /* @__PURE__ */ r($, { label: t("view.component.modal.height"), value: n.height, onChange: (i) => n.setHeight(i.currentTarget.value), placeholder: "600px / 50vw" })
+      /* @__PURE__ */ r(V, { label: t("view.component.modal.width"), value: n.width, onChange: (i) => n.setWidth(i.currentTarget.value), placeholder: "600px / 50vw" }),
+      /* @__PURE__ */ r(V, { label: t("view.component.modal.height"), value: n.height, onChange: (i) => n.setHeight(i.currentTarget.value), placeholder: "600px / 50vw" })
     ] })
   ] });
 }), D9 = D(({
@@ -38797,10 +38794,10 @@ const AM = [{
   return e ? /* @__PURE__ */ u(I, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r($, { label: t("common.name"), value: e.name, onChange: (i) => {
+    /* @__PURE__ */ r(V, { label: t("common.name"), value: e.name, onChange: (i) => {
       e.setName(i.currentTarget.value);
     } }),
-    /* @__PURE__ */ r(q, { label: t("common.type"), comboboxProps: {
+    /* @__PURE__ */ r(O, { label: t("common.type"), comboboxProps: {
       withinPortal: !0,
       zIndex: 320
     }, value: e.type, onChange: e.setType, data: a }),
@@ -39172,7 +39169,7 @@ const Z9 = {
   }), [T]);
   const M = async () => {
     await a(T.json, T.content.json);
-  }, V = Ut(Xi, []), O = Uu(V);
+  }, $ = Ut(Xi, []), q = Uu($);
   return X9(T.content.changed), Nl("@devtable/dashboard editor", {
     context: e,
     dashboard: t,
@@ -39194,7 +39191,7 @@ const Z9 = {
     inEditMode: !0
   }, children: [
     /* @__PURE__ */ r(CI, {}),
-    /* @__PURE__ */ r(sn.Provider, { value: V, children: /* @__PURE__ */ u(na, { configure: O, children: [
+    /* @__PURE__ */ r(sn.Provider, { value: $, children: /* @__PURE__ */ u(na, { configure: q, children: [
       /* @__PURE__ */ u(rt, { padding: 0, navbar: {
         width: {
           base: 200,
@@ -39449,7 +39446,7 @@ const rL = ({
   }, [h, T.content.views.firstVisibleTabsViewActiveTabStr]), E.useEffect(() => {
     d && T.content.views.setFirstVisibleTabsViewActiveTab(d);
   }, [d, T.content.views.setFirstVisibleTabsViewActiveTab]);
-  const M = Ut(Xi, [T]), V = Uu(M);
+  const M = Ut(Xi, [T]), $ = Uu(M);
   return Nl("@devtable/dashboard render", {
     context: e,
     dashboard: t,
@@ -39474,7 +39471,7 @@ const rL = ({
     setFullScreenPanelID: l
   }, children: /* @__PURE__ */ r(ur.Provider, { value: {
     inEditMode: !1
-  }, children: /* @__PURE__ */ r(R, { className: `${a} dashboard-root`, children: /* @__PURE__ */ r(sn.Provider, { value: M, children: /* @__PURE__ */ r(na, { configure: V, children: T.content.views.visibleViews.map((O) => /* @__PURE__ */ r(mo, { view: O }, O.id)) }) }) }) }) }) }) }) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ r(R, { className: `${a} dashboard-root`, children: /* @__PURE__ */ r(sn.Provider, { value: M, children: /* @__PURE__ */ r(na, { configure: $, children: T.content.views.visibleViews.map((q) => /* @__PURE__ */ r(mo, { view: q }, q.id)) }) }) }) }) }) }) }) }) }) }) }) }) }) });
 }, pV = D(rL), mV = () => Promise.resolve().then(() => yg).then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));