@devtable/dashboard 14.25.0 → 14.26.0

package/dist/dashboard.es.js

@@ -16,7 +16,7 @@ import "echarts-gl";
 import * as Be from "echarts/core";
 import { use as zu } from "echarts/core";
 import { useBoolean as De, useCreation as Pt, usePrevious as Tu, useAsyncEffect as Ln, useRequest as dn, useLatest as oa, useWhyDidYouUpdate as cl } from "ahooks";
-import { Box as V, TextInput as A, Group as y, Text as k, Select as q, Button as L, Modal as we, Stack as T, Divider as P, NumberInput as ne, SimpleGrid as ke, Menu as W, UnstyledButton as Ca, Tooltip as re, Flex as tt, ColorInput as Jt, Center as Ot, ActionIcon as te, Badge as jt, CloseButton as xt, Overlay as en, NativeSelect as ka, useMantineTheme as kr, ColorSwatch as dr, Popover as ut, ColorPicker as Gi, HoverCard as _e, Checkbox as J, Paper as Du, Code as Hi, Tabs as S, Switch as Ce, Table as w, MultiSelect as un, LoadingOverlay as tn, Alert as Un, Collapse as Kn, CheckIcon as Iu, SegmentedControl as za, Anchor as Qn, Pagination as zr, Textarea as dl, RangeSlider as Mu, Autocomplete as Lu, Combobox as Nt, Mark as ul, Slider as Vu, List as We, getRadius as Ta, Affix as Au, AppShell as Xe, FileInput as $u, Highlight as Pu, rem as Wi, ThemeIcon as ar, JsonInput as hl, Drawer as Ru, Radio as Ui, Skeleton as Ki, NavLink as la, useCombobox as Eu, Loader as Da, InputBase as Ou, Input as qu } from "@mantine/core";
+import { Box as A, TextInput as V, Group as y, Text as k, Select as q, Button as L, Modal as we, Stack as T, Divider as P, NumberInput as ne, SimpleGrid as ke, Menu as W, UnstyledButton as Ca, Tooltip as re, Flex as tt, ColorInput as Jt, Center as Ot, ActionIcon as te, Badge as jt, CloseButton as xt, Overlay as en, NativeSelect as ka, useMantineTheme as kr, ColorSwatch as dr, Popover as ut, ColorPicker as Gi, HoverCard as _e, Checkbox as J, Paper as Du, Code as Hi, Tabs as S, Switch as Ce, Table as w, MultiSelect as un, LoadingOverlay as tn, Alert as Un, Collapse as Kn, CheckIcon as Iu, SegmentedControl as za, Anchor as Qn, Pagination as zr, Textarea as dl, RangeSlider as Mu, Autocomplete as Lu, Combobox as Nt, Mark as ul, Slider as Vu, List as We, getRadius as Ta, Affix as Au, AppShell as Xe, FileInput as $u, Highlight as Pu, rem as Wi, ThemeIcon as ar, JsonInput as hl, Drawer as Ru, Radio as Ui, Skeleton as Ki, NavLink as la, useCombobox as Eu, Loader as Da, InputBase as Ou, Input as qu } from "@mantine/core";
 import { useHover as Fu, useDisclosure as nn, useClipboard as Nu, randomId as hn, useElementSize as pl, useResizeObserver as Bu, useInputState as ml } from "@mantine/hooks";
 import * as ju from "popmotion";
 import { interpolate as bn } from "popmotion";
@@ -2425,7 +2425,7 @@ function hm() {
   } = $.useContext(ts);
   return e ? document.getElementById(e) : null;
 }
-const rs = "14.25.0", pm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const rs = "14.26.0", pm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: rs
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2573,7 +2573,7 @@ const X = (e, t) => {
   width: e,
   height: t,
   children: n
-}) => /* @__PURE__ */ r(V, { pt: Ze.top, pr: Ze.right, pb: Ze.bottom, pl: Ze.left, sx: {
+}) => /* @__PURE__ */ r(A, { pt: Ze.top, pr: Ze.right, pb: Ze.bottom, pl: Ze.left, sx: {
   width: e,
   height: t,
   overflow: "hidden",
@@ -2584,7 +2584,7 @@ ee(function({
   onChange: n,
   ...a
 }, i) {
-  return /* @__PURE__ */ r(A, { ref: i, value: t, onChange: n, ...a });
+  return /* @__PURE__ */ r(V, { ref: i, value: t, onChange: n, ...a });
 });
 class bm {
   constructor({
@@ -3169,7 +3169,7 @@ function jm(e) {
       hovered: s,
       ref: c
     } = Fu();
-    return /* @__PURE__ */ r(V, { ref: c, ...a, children: /* @__PURE__ */ u(y, { wrap: "nowrap", justify: "space-between", children: [
+    return /* @__PURE__ */ r(A, { ref: c, ...a, children: /* @__PURE__ */ u(y, { wrap: "nowrap", justify: "space-between", children: [
       /* @__PURE__ */ r(k, { size: "sm", sx: {
         flexGrow: 1
       }, children: l }),
@@ -3197,7 +3197,7 @@ const ve = (e) => (t, n) => {
   const {
     panel: p
   } = Ve(), g = $.useMemo(() => p.variableOptions(a, s), [a, s]);
-  return g.length === 0 ? /* @__PURE__ */ r(A, { ref: t, label: n, placeholder: a, readOnly: !0, disabled: !0 }) : /* @__PURE__ */ r(q, { ref: t, label: n, description: o, renderOption: jm(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(q, { ref: t, label: n, description: o, renderOption: jm(d), data: g, value: a, required: l, sx: c, maxDropdownHeight: 500, comboboxProps: {
     withinPortal: !0,
     zIndex: h
   }, onChange: ve(i) });
@@ -3214,7 +3214,7 @@ const ve = (e) => (t, n) => {
 }, Qm = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
+}) => /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -3250,7 +3250,7 @@ const ve = (e) => (t, n) => {
     h(xs.dynamic.value);
   };
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(Wt, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
@@ -3489,7 +3489,7 @@ const Ym = Km(), Xm = ({
         borderRadius: "0.25rem",
         columnGap: 10
       }, children: [
-        /* @__PURE__ */ r(V, { style: {
+        /* @__PURE__ */ r(A, { style: {
           height: "20px",
           flexGrow: 1,
           backgroundImage: i,
@@ -3503,7 +3503,7 @@ const Ym = Km(), Xm = ({
       /* @__PURE__ */ r(W.Divider, {}),
       Object.entries(Ym).map(([o, l]) => /* @__PURE__ */ r(re, { label: a("chart.visual_map.use_palette_x", {
         x: o
-      }), children: /* @__PURE__ */ r(W.Item, { children: /* @__PURE__ */ r(V, { style: {
+      }), children: /* @__PURE__ */ r(W.Item, { children: /* @__PURE__ */ r(A, { style: {
         height: "20px",
         width: "100%",
         backgroundImage: `linear-gradient(to right,  ${l.join(", ")})`,
@@ -3622,9 +3622,9 @@ const Ym = Km(), Xm = ({
     s(e);
   }, [e]);
   const c = ae(() => s(e), [s, e]);
-  return /* @__PURE__ */ u(V, { children: [
+  return /* @__PURE__ */ u(A, { children: [
     /* @__PURE__ */ r(P, { color: "rgb(206, 212, 218)", variant: "dotted", my: "1rem" }),
-    /* @__PURE__ */ u(V, { px: "1rem", children: [
+    /* @__PURE__ */ u(A, { px: "1rem", children: [
       /* @__PURE__ */ r(f, { control: o, name: "variable", render: ({
         field: d
       }) => /* @__PURE__ */ r(ea, { label: a("rich_text.color_mapping.choose_value_var"), clearable: !1, preview: "aggregated", zIndex: 340, ...d }) }),
@@ -3637,7 +3637,7 @@ const Ym = Km(), Xm = ({
         }, ...d }) }),
         /* @__PURE__ */ r(f, { name: "min_val", control: o, render: ({
           field: d
-        }) => /* @__PURE__ */ r(A, { 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
         } }) })
@@ -3651,7 +3651,7 @@ const Ym = Km(), Xm = ({
         }, ...d }) }),
         /* @__PURE__ */ r(f, { name: "max_val", control: o, render: ({
           field: d
-        }) => /* @__PURE__ */ r(A, { 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
         } }) })
@@ -3686,7 +3686,7 @@ const tg = () => /* @__PURE__ */ r("div", { style: {
   background: Cs(90, ...Object.values(At.graphics.depth))
 } }), ng = ({
   disabled: e
-}) => /* @__PURE__ */ r(V, { sx: {
+}) => /* @__PURE__ */ r(A, { sx: {
   width: "16px",
   height: "10px",
   borderRadius: "2px",
@@ -3931,7 +3931,7 @@ const Nn = "data-value", dg = Nn, Is = "dynamicColor", Ms = Bl.create({
       ] })
     ] }),
     /* @__PURE__ */ r(k, { size: "14px", children: n }),
-    /* @__PURE__ */ u(V, { sx: {
+    /* @__PURE__ */ u(A, { sx: {
       position: "relative",
       flexGrow: 1
     }, children: [
@@ -3959,7 +3959,7 @@ const Nn = "data-value", dg = Nn, Is = "dynamicColor", Ms = Bl.create({
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ u(we, { opened: g, onClose: b, title: e, withinPortal: !0, zIndex: d, size: "900px", children: [
       i,
-      /* @__PURE__ */ r(V, { h: 600, children: /* @__PURE__ */ r(fn, { value: t, onChange: n, defaultValue: c, label: a, restrictions: h }) })
+      /* @__PURE__ */ r(A, { h: 600, children: /* @__PURE__ */ r(fn, { value: t, onChange: n, defaultValue: c, label: a, restrictions: h }) })
     ] }),
     s == null ? void 0 : s({
       onClick: _
@@ -4352,7 +4352,7 @@ const Rs = ({
     const c = s.currentTarget.value;
     o(c), Cg(c) && t(c);
   }, [t]);
-  return /* @__PURE__ */ r(A, { value: i, onChange: l, leftSection: /* @__PURE__ */ r(Rs, { value: i }), size: "xs", placeholder: a("chart.color.not_set"), styles: {
+  return /* @__PURE__ */ r(V, { value: i, onChange: l, leftSection: /* @__PURE__ */ r(Rs, { value: i }), size: "xs", placeholder: a("chart.color.not_set"), styles: {
     root: {
       flexGrow: 1
     },
@@ -4580,7 +4580,7 @@ class ze extends $.Component {
           error: null
         });
       };
-      return /* @__PURE__ */ u(V, { children: [
+      return /* @__PURE__ */ u(A, { children: [
         /* @__PURE__ */ r(k, { size: "xs", children: (t = this.state.error) == null ? void 0 : t.message }),
         /* @__PURE__ */ r(L, { variant: "subtle", mx: "auto", size: "compact-xs", sx: {
           display: "block"
@@ -4827,7 +4827,7 @@ const Y = D(ee(({
   if (p.length === 0) {
     const g = h.explainDataKey(a);
     return /* @__PURE__ */ u(_e, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
-      /* @__PURE__ */ r(_e.Target, { children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(A, { label: e, required: t, defaultValue: g.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r(_e.Target, { children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(V, { label: e, required: t, defaultValue: g.columnKey, readOnly: !0, disabled: !0 }) }) }),
       /* @__PURE__ */ r(_e.Dropdown, { children: /* @__PURE__ */ u(y, { justify: "flex-start", gap: 0, children: [
         /* @__PURE__ */ r(k, { size: "xs", c: g.queryName ? "black" : "red", ff: "monospace", children: g.queryName ?? g.queryID }),
         /* @__PURE__ */ r(k, { size: "xs", c: "black", ff: "monospace", children: "." }),
@@ -4863,7 +4863,7 @@ function qg({
       }) => /* @__PURE__ */ r(Y, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "xAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -4877,7 +4877,7 @@ function qg({
       }) => /* @__PURE__ */ r(Y, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "yAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -4891,7 +4891,7 @@ function qg({
       }) => /* @__PURE__ */ r(Y, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "zAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -4980,7 +4980,7 @@ const Gg = {
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(V, { sx: {
+}) => /* @__PURE__ */ u(A, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ r(en, { backgroundOpacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -5176,7 +5176,7 @@ const gr = ee(({
       /* @__PURE__ */ r(ne, { 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(
-        A,
+        V,
         {
           label: i("chart.axis.overflow.ellipsis"),
           value: t.ellipsis,
@@ -5600,7 +5600,7 @@ function mf(e) {
     urlTemplate: c.currentTarget.value
   });
   return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(A, { label: t("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: s, onBlur: o }),
+    /* @__PURE__ */ r(V, { label: t("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: s, onBlur: o }),
     /* @__PURE__ */ r(Ce, { label: t("interactions.operation.open_link.open_in_new_tab"), checked: n.openInNewTab, onChange: (c) => l(c.currentTarget.checked) })
   ] });
 }
@@ -5653,7 +5653,7 @@ function _f(e) {
   const {
     t
   } = x(), [n, a] = yf(e.operation);
-  return /* @__PURE__ */ r(A, { 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 xf(e, t) {
   const n = await t.operationData.getItem("config"), a = Sa(n.template || "");
@@ -5711,7 +5711,7 @@ const Cf = {
   const [n, a] = Q(e);
   return N(() => {
     a(e);
-  }, [e]), /* @__PURE__ */ r(A, { 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(te, { color: "green", variant: "subtle", size: "xs", onClick: () => {
     t(n);
@@ -6897,7 +6897,7 @@ function yb(e) {
           right: "0.8em"
         } }) }),
         /* @__PURE__ */ u(T, { children: [
-          /* @__PURE__ */ r(A, { 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 ue = G.currentTarget.value;
             c(ue);
           }, error: s && K }),
@@ -7155,19 +7155,19 @@ const _b = D(({
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(P, { variant: "dashed", label: a("chart.zooming.scroll.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(y, { children: [
-      /* @__PURE__ */ r(V, { sx: {
+      /* @__PURE__ */ r(A, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ r(Ce, { label: a("chart.zooming.scroll.x_axis"), checked: e.x_axis_scroll, onChange: (o) => i("x_axis_scroll")(o.currentTarget.checked) }) }),
-      /* @__PURE__ */ r(V, { sx: {
+      /* @__PURE__ */ r(A, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ r(Ce, { label: a("chart.zooming.scroll.y_axis"), checked: e.y_axis_scroll, onChange: (o) => i("y_axis_scroll")(o.currentTarget.checked) }) })
     ] }),
     /* @__PURE__ */ r(P, { variant: "dashed", label: a("chart.zooming.slider.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(y, { children: [
-      /* @__PURE__ */ r(V, { sx: {
+      /* @__PURE__ */ r(A, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ r(Ce, { label: a("chart.zooming.slider.x_axis"), checked: e.x_axis_slider, onChange: (o) => i("x_axis_slider")(o.currentTarget.checked) }) }),
-      /* @__PURE__ */ r(re, { label: a("chart.zooming.slider.y_axis_disabled"), children: /* @__PURE__ */ r(V, { sx: {
+      /* @__PURE__ */ r(re, { label: a("chart.zooming.slider.y_axis_disabled"), children: /* @__PURE__ */ r(A, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ r(Ce, { 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) }) }) })
     ] })
@@ -7233,7 +7233,7 @@ function Ib({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -7244,7 +7244,7 @@ function Ib({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r(A, { 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 }) })
   ] });
@@ -7282,7 +7282,7 @@ const Lb = ({
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(A, { 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: ({
@@ -7354,7 +7354,7 @@ const Ut = ee(({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -7397,7 +7397,7 @@ function Rb({
   } = x(), [n, {
     toggle: a
   }] = nn(!1);
-  return /* @__PURE__ */ u(V, { children: [
+  return /* @__PURE__ */ u(A, { children: [
     /* @__PURE__ */ r(L, { variant: "subtle", w: "100%", size: "compact-sm", onClick: a, leftSection: n ? /* @__PURE__ */ r(Ju, { size: 14 }) : /* @__PURE__ */ r(_l, { size: 14 }), children: t(n ? "numbro.format.preview.close" : "numbro.format.preview.open") }),
     /* @__PURE__ */ r(Kn, { in: n, children: n && /* @__PURE__ */ u(w, { highlightOnHover: !0, sx: {
       tableLayout: "fixed"
@@ -7480,7 +7480,7 @@ function Eb({
         /* @__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: ta }),
-      /* @__PURE__ */ r(V, {})
+      /* @__PURE__ */ r(A, {})
     ] }),
     /* @__PURE__ */ r(Rb, { format: e })
   ] });
@@ -7496,7 +7496,7 @@ const bt = $.forwardRef(Eb), Ob = ({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -7959,7 +7959,7 @@ function iy({
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(f, { control: o, name: "content", render: ({
         field: h
-      }) => /* @__PURE__ */ r(A, { 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(P, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ u(ke, { cols: 2, children: [
         /* @__PURE__ */ r(f, { control: o, name: "variant", render: ({
@@ -8059,7 +8059,7 @@ const dy = {
     label: n,
     description: a
   } = e;
-  return /* @__PURE__ */ r(V, { ...t, children: /* @__PURE__ */ u(T, { gap: "0", children: [
+  return /* @__PURE__ */ r(A, { ...t, children: /* @__PURE__ */ u(T, { gap: "0", children: [
     /* @__PURE__ */ r(k, { size: "sm", children: n }),
     /* @__PURE__ */ r(k, { size: "xs", opacity: 0.65, children: a })
   ] }) });
@@ -8816,7 +8816,7 @@ const ec = {
     n(g);
   }, [d, a.current]);
   const h = z(() => d ? "none" : "block", [d]);
-  return /* @__PURE__ */ r(V, { sx: {
+  return /* @__PURE__ */ r(A, { sx: {
     display: h
   }, children: /* @__PURE__ */ r(Rn, { ref: a, value: c, styles: {
     root: {
@@ -9477,12 +9477,12 @@ function g_({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_areas.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { 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(A, { label: a("chart.color.label"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.color.label"), required: !0, sx: {
         flex: 1
       }, ...s }) })
     ] }),
@@ -9578,7 +9578,7 @@ function b_({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -9589,7 +9589,7 @@ function b_({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r(A, { 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(y, { grow: !0, children: [
@@ -9703,7 +9703,7 @@ function __({
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: `regressions.${n}.name`, control: e, render: ({
         field: c
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -9808,7 +9808,7 @@ function x_({
 const v_ = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
+}) => /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -9854,7 +9854,7 @@ const v_ = ({
     h(ui.dynamic.func_content);
   };
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
@@ -10054,7 +10054,7 @@ function k_({
         color: "grape"
       } })
     ] }),
-    i && /* @__PURE__ */ r(A, { 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 pi = $.forwardRef(k_), On = ee(({
@@ -10139,7 +10139,7 @@ function z_({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -10151,17 +10151,17 @@ function z_({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { 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(A, { 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(A, { 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 }) })
     ] })
@@ -10189,6 +10189,11 @@ function T_({
     value: "end"
   }], [i.language]);
   return /* @__PURE__ */ u(F, { children: [
+    /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
+      field: s
+    }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
+      flexGrow: 1
+    }, ...s }) }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: a("chart.series.line.line_settings"), labelPosition: "center" }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.lineStyle.type`, control: e, render: ({
@@ -10215,12 +10220,12 @@ function T_({
       /* @__PURE__ */ u(T, { children: [
         /* @__PURE__ */ r(f, { name: `series.${t}.smooth`, control: e, render: ({
           field: s
-        }) => /* @__PURE__ */ r(V, { sx: {
+        }) => /* @__PURE__ */ r(A, { sx: {
           flexGrow: 1
         }, children: /* @__PURE__ */ r(Ce, { 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(V, { sx: {
+        }) => /* @__PURE__ */ r(A, { sx: {
           flexGrow: 1
         }, children: /* @__PURE__ */ r(Ce, { label: a("chart.series.line.show_name_on_line"), checked: s.value ?? !1, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) })
       ] })
@@ -10228,7 +10233,7 @@ function T_({
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.showSymbol`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(V, { mt: 10, mb: -10, sx: {
+      }) => /* @__PURE__ */ r(A, { mt: 10, mb: -10, sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ r(Ce, { 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: ({
@@ -10275,7 +10280,7 @@ function I_({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -10410,7 +10415,7 @@ const L_ = D(({
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(A, { 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: ({
@@ -10498,7 +10503,7 @@ function R_({
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(f, { name: "x_axis_name", control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ r(A, { 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(y, { grow: !0, wrap: "nowrap", children: [
@@ -10582,7 +10587,7 @@ function E_({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -10613,10 +10618,10 @@ function E_({
       /* @__PURE__ */ u(y, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r(A, { 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(A, { label: n("chart.y_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_max"), ...a }) })
       ] })
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: n("chart.y_axis.behavior"), labelPosition: "center" }),
@@ -10968,7 +10973,7 @@ const J_ = ({
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(y, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `series.${n}.name`, control: t, render: ({
       field: p
-    }) => /* @__PURE__ */ r(A, { label: i("viz.funnel_chart.series_name"), ...p }) }) }),
+    }) => /* @__PURE__ */ r(V, { label: i("viz.funnel_chart.series_name"), ...p }) }) }),
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.level_name_data_key`, control: t, render: ({
         field: p
@@ -10987,13 +10992,13 @@ const J_ = ({
         width: "100%"
       }, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: i("viz.funnel_chart.min_value") }),
-        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.min_value_checkbox_tip"), children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(f, { name: `series.${n}.min.enable_value`, control: t, render: ({
+        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.min_value_checkbox_tip"), children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(f, { name: `series.${n}.min.enable_value`, control: t, render: ({
           field: g
         }) => /* @__PURE__ */ r(J, { size: "xs", checked: g.value, onChange: (_) => g.onChange(_.currentTarget.checked) }) }) }) })
       ] }), ...p }) }),
       /* @__PURE__ */ r(f, { name: `series.${n}.min.size`, control: t, render: ({
         field: p
-      }) => /* @__PURE__ */ r(A, { 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(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.max.value`, control: t, render: ({
@@ -11004,13 +11009,13 @@ const J_ = ({
         width: "100%"
       }, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: i("viz.funnel_chart.max_value") }),
-        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.max_value_checkbox_tip"), children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(f, { name: `series.${n}.max.enable_value`, control: t, render: ({
+        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.max_value_checkbox_tip"), children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(f, { name: `series.${n}.max.enable_value`, control: t, render: ({
           field: g
         }) => /* @__PURE__ */ r(J, { size: "xs", checked: g.value, onChange: (_) => g.onChange(_.currentTarget.checked) }) }) }) })
       ] }), ...p }) }),
       /* @__PURE__ */ r(f, { name: `series.${n}.max.size`, control: t, render: ({
         field: p
-      }) => /* @__PURE__ */ r(A, { 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(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.orient`, control: t, render: ({
@@ -11033,7 +11038,7 @@ const J_ = ({
       /* @__PURE__ */ r(f, { name: `series.${n}.axisLabel.position`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(On, { label: i("chart.label_position.label"), options: d[c], ...p }) }),
-      /* @__PURE__ */ r(V, {})
+      /* @__PURE__ */ r(A, {})
     ] }),
     /* @__PURE__ */ r(y, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `series.${n}.axisLabel.overflow`, control: t, render: ({
       field: p
@@ -11249,7 +11254,7 @@ const sx = {
   return /* @__PURE__ */ r(ka, { size: "xs", value: e, onChange: (i) => {
     t(Number(i.currentTarget.value));
   }, data: a });
-}, ux = (e) => e.totalPages <= 1 ? null : /* @__PURE__ */ r(V, { sx: {
+}, ux = (e) => e.totalPages <= 1 ? null : /* @__PURE__ */ r(A, { sx: {
   position: "absolute",
   top: "calc(1rem + 5px)",
   right: "calc(1rem + 5px)",
@@ -11547,10 +11552,10 @@ const er = ({
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "visualMap.text.1", control: a, render: ({
         field: d
-      }) => /* @__PURE__ */ r(A, { 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(A, { label: t("chart.visual_map.max_text"), ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: t("chart.visual_map.max_text"), ...d }) })
     ] }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "visualMap.orient", control: a, render: ({
@@ -11637,7 +11642,7 @@ const er = ({
     /* @__PURE__ */ r(ut.Dropdown, { children: /* @__PURE__ */ u(y, { wrap: "nowrap", gap: 8, children: [
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.lower.value`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r(A, { ...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: uo.lower, ...p, onChange: ve((g) => p.onChange(g)) }) }),
@@ -11650,7 +11655,7 @@ const er = ({
       }) => /* @__PURE__ */ r(q, { size: "xs", data: uo.upper, ...p, onChange: ve((g) => p.onChange(g)) }) }),
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.upper.value`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r(A, { ...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)) }) })
     ] }) })
   ] }) });
 }, kx = ({
@@ -11668,7 +11673,7 @@ const er = ({
     /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(Cx, { form: e, index: t }) }),
     /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.label`, control: a, render: ({
       field: o
-    }) => /* @__PURE__ */ r(A, { 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(Jt, { label: i(""), placeholder: i("chart.color.label"), size: "xs", popoverProps: {
@@ -12025,7 +12030,7 @@ function Rx({
       }, ...i }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r(A, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -12071,7 +12076,7 @@ const Ox = ({
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(A, { 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: ({
@@ -12131,7 +12136,7 @@ function Nx({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -12169,7 +12174,7 @@ function Bx({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -12886,7 +12891,7 @@ function _v({
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "bar.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -12917,7 +12922,7 @@ function xv({
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "line.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -13001,7 +13006,7 @@ function Cv({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -13012,7 +13017,7 @@ function Cv({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r(A, { 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(y, { grow: !0, children: [
@@ -13100,7 +13105,7 @@ function zv({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -13725,7 +13730,7 @@ const t1 = ({
     /* @__PURE__ */ u(W.Dropdown, { children: [
       /* @__PURE__ */ r(W.Label, { children: n("viz.pie_chart.color.map.click_to_apply_palette") }),
       /* @__PURE__ */ r(W.Divider, {}),
-      Jv.map((o) => /* @__PURE__ */ r(W.Item, { onClick: () => i(o.colors), children: /* @__PURE__ */ r(V, { h: 28, style: {
+      Jv.map((o) => /* @__PURE__ */ r(W.Item, { onClick: () => i(o.colors), children: /* @__PURE__ */ r(A, { h: 28, style: {
         backgroundImage: e1(o.colors)
       } }) }, o.name))
     ] })
@@ -14349,7 +14354,7 @@ function I1({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", align: "top", children: [
       /* @__PURE__ */ r(f, { name: `dimensions.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -14367,7 +14372,7 @@ function I1({
         fieldState: i
       }) => {
         var o;
-        return /* @__PURE__ */ r(A, { 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 });
       } })
@@ -15172,7 +15177,7 @@ function s0({
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(y, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "regression.name", control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r(A, { label: n("common.name"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
       flex: 1
     }, ...s }) }) }),
     /* @__PURE__ */ r(f, { name: "regression.group_by_key", control: e, render: ({
@@ -15205,7 +15210,7 @@ function c0({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r(A, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ r(V, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
@@ -15247,7 +15252,7 @@ function d0({
   return t(["y_axis", "regression.y_axis_data_key"]), /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ r(A, { label: "Y轴名称", sx: {
+    }) => /* @__PURE__ */ r(V, { label: "Y轴名称", sx: {
       flex: 1
     }, ...n }) }),
     /* @__PURE__ */ r(f, { name: "regression.y_axis_data_key", control: e, render: ({
@@ -16306,7 +16311,7 @@ const aw = ee(({
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: l("chart.reference_area.content.label"), labelPosition: "right" }),
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(A, { 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(On, { label: l("chart.reference_area.content.text_position"), value: e.label.position, onChange: (d) => c("label.position", d) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: l("chart.reference_area.endpoint.labels"), labelPosition: "right" }),
@@ -16400,7 +16405,7 @@ function lw({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -16411,7 +16416,7 @@ function lw({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r(A, { 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(y, { grow: !0, children: [
@@ -16496,7 +16501,7 @@ function sw({
 const cw = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
+}) => /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -16532,7 +16537,7 @@ const cw = ({
     h(Jn.dynamic.func_content);
   };
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(Wt, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
@@ -16687,7 +16692,7 @@ const fw = D(({
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(A, { 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: ({
@@ -16766,7 +16771,7 @@ function xw({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -16800,7 +16805,7 @@ function vw({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -16826,10 +16831,10 @@ function vw({
       /* @__PURE__ */ u(y, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r(A, { 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(A, { label: n("chart.y_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_max"), ...a }) })
       ] })
     ] })
   ] });
@@ -17149,7 +17154,7 @@ const qw = D(({
   }, [n.current, h, p, g]), /* @__PURE__ */ r(tt, { className: "viz-stats", sx: {
     width: h,
     height: p
-  }, align: Ew[s.vertical_align], direction: "row", children: /* @__PURE__ */ r(V, { className: "viz-stats--clickable-wrapper", sx: Ow(i.length), onClick: _, children: /* @__PURE__ */ r(Rn, { ref: n, value: g, styles: {
+  }, align: Ew[s.vertical_align], direction: "row", children: /* @__PURE__ */ r(A, { className: "viz-stats--clickable-wrapper", sx: Ow(i.length), onClick: _, children: /* @__PURE__ */ r(Rn, { ref: n, value: g, styles: {
     root: {
       border: "none",
       maxWidth: h,
@@ -17471,10 +17476,10 @@ const aS = ({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `levels.${t}.r0`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r(A, { 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(A, { 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(P, { 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: ({
@@ -18045,7 +18050,7 @@ function MS(e) {
       /* @__PURE__ */ r(ul, { children: "Use original data columns" }),
       " is enabled, you have to address trigger column by its data field"
     ] }) }),
-    /* @__PURE__ */ r(A, { label: t("viz.table.click_cell.column_data_field"), value: c.toString(), onChange: (h) => d(h.currentTarget.value) })
+    /* @__PURE__ */ r(V, { 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: {
     zIndex: 340
   }, maxDropdownHeight: 500 });
@@ -18222,7 +18227,7 @@ function _o({
   }, "data-enable-scrollbar": !0, className: g(p.root, {
     "table-highlight-on-hover": a.highlightOnHover
   }), children: [
-    G > 0 && /* @__PURE__ */ r(V, { className: p.info_bar, sx: {
+    G > 0 && /* @__PURE__ */ r(A, { className: p.info_bar, sx: {
       height: 22
     }, children: /* @__PURE__ */ r(k, { ta: "right", pr: 6, size: "14px", c: "dimmed", fw: "normal", children: l("common.pagination.total_rows", {
       total: G
@@ -18301,7 +18306,7 @@ const OS = D(ee(({
   const {
     panel: d
   } = Ve(), h = $.useMemo(() => d.queryOptions(a, o), [a, o]);
-  return h.length === 0 ? /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(A, { label: e, required: t, defaultValue: a, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r(q, { ref: c, label: e, description: n, data: h, value: a, onChange: ve(i), required: t, sx: l, maxDropdownHeight: 500, ...s });
+  return h.length === 0 ? /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(V, { label: e, required: t, defaultValue: a, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r(q, { ref: c, label: e, description: n, data: h, value: a, onChange: ve(i), required: t, sx: l, maxDropdownHeight: 500, ...s });
 })), qS = [{
   from: 0,
   to: 0
@@ -18379,7 +18384,7 @@ const BS = ee((e, t) => {
     }, children: a("viz.table.column.custom_cell_content") }),
     /* @__PURE__ */ r(we, { size: 800, title: a("viz.table.column.custom_cell_content"), opened: i, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(y, { justify: "flex-start", children: /* @__PURE__ */ r(Vs, {}) }),
-      /* @__PURE__ */ r(V, { sx: {
+      /* @__PURE__ */ r(A, { sx: {
         position: "relative"
       }, children: /* @__PURE__ */ r(qt, { height: "500px", defaultLanguage: "javascript", value: s, onChange: (g) => c(g ?? ""), theme: "vs-dark", options: {
         minimap: {
@@ -18409,7 +18414,7 @@ const BS = ee((e, t) => {
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: `columns.${t}.label`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -18506,7 +18511,7 @@ function WS({
       }
     }, children: /* @__PURE__ */ r(f, { name: "fontSize", control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(A, { 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(y, { justify: "space-between", grow: !0, children: [
@@ -18877,13 +18882,13 @@ function oC({
     s && n(s.label);
   }, [i]), /* @__PURE__ */ u(T, { gap: 0, mt: "sm", mb: "lg", children: [
     /* @__PURE__ */ r(k, { size: "sm", children: e }),
-    /* @__PURE__ */ r(V, { px: "1.5em", children: /* @__PURE__ */ r(Vu, { label: null, marks: nr, value: i, onChange: o, step: 25, ref: a }) })
+    /* @__PURE__ */ r(A, { px: "1.5em", children: /* @__PURE__ */ r(Vu, { label: null, marks: nr, value: i, onChange: o, step: 25, ref: a }) })
   ] });
 }
 const lC = $.forwardRef(oC), sC = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(V, { sx: {
+}) => /* @__PURE__ */ r(A, { sx: {
   position: "relative"
 }, children: /* @__PURE__ */ r(qt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
@@ -18973,7 +18978,7 @@ function dC({
       }) => /* @__PURE__ */ r(oi, { ...p }) }),
       /* @__PURE__ */ r(f, { name: "font_size", control: l, render: ({
         field: p
-      }) => /* @__PURE__ */ r(A, { 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(y, { justify: "space-between", grow: !0, sx: {
@@ -19097,7 +19102,7 @@ const yC = ({
   ...Ha
 }, wo = ({
   message: e
-}) => /* @__PURE__ */ r(V, { sx: ga, children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
+}) => /* @__PURE__ */ r(A, { sx: ga, children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
   __html: e
 }, style: {
   fontSize: "14px",
@@ -19138,10 +19143,10 @@ function xC({
   }), {
     refreshDeps: [o, n]
   });
-  return !a || !i || !n ? null : c ? /* @__PURE__ */ r(V, { sx: {
+  return !a || !i || !n ? null : c ? /* @__PURE__ */ r(A, { sx: {
     position: "relative",
     height: i
-  }, children: /* @__PURE__ */ r(tn, { visible: !0 }) }) : s ? /* @__PURE__ */ r(V, { sx: ga, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r(_C, { error: s, width: a, height: i }) }) : !l || !Array.isArray(l.replies) || l.replies.length === 0 ? null : /* @__PURE__ */ r(V, { sx: ga, "data-enable-scrollbar": !0, children: l.replies.map((d, h) => /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
+  }, children: /* @__PURE__ */ r(tn, { visible: !0 }) }) : s ? /* @__PURE__ */ r(A, { sx: ga, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r(_C, { error: s, width: a, height: i }) }) : !l || !Array.isArray(l.replies) || l.replies.length === 0 ? null : /* @__PURE__ */ r(A, { sx: ga, "data-enable-scrollbar": !0, children: l.replies.map((d, h) => /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
     __html: d.interpretation.html
   } }, h)) });
 }
@@ -19166,18 +19171,18 @@ function vC({
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "expertSystemURL", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r(A, { 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(A, { label: "Path", required: !0, ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: "Path", required: !0, ...d }) })
     ] }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "goal", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r(A, { 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(A, { label: "Question", required: !0, ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: "Question", required: !0, ...d }) })
     ] }),
     /* @__PURE__ */ r(P, { variant: "dashed", mt: 16, mb: 8 }),
     /* @__PURE__ */ r(L, { type: "submit", variant: "filled", color: "blue", leftSection: /* @__PURE__ */ r(me, { size: 20 }), disabled: !s.isDirty, sx: {
@@ -19693,7 +19698,7 @@ function XC({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -19713,7 +19718,7 @@ const ZC = ({
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(A, { 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: ({
@@ -20305,7 +20310,7 @@ function z2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -20316,7 +20321,7 @@ function z2({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r(A, { 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(y, { grow: !0, children: [
@@ -20399,7 +20404,7 @@ function D2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -20411,17 +20416,17 @@ function D2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(A, { 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(A, { 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(A, { 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 }) })
     ] })
@@ -20442,7 +20447,7 @@ function I2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.name`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -20536,7 +20541,7 @@ function V2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `x_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -20556,10 +20561,10 @@ function V2({
       /* @__PURE__ */ u(y, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `x_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r(A, { 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(A, { label: n("chart.x_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.value_max"), ...a }) })
       ] })
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: n("chart.x_axis.behavior"), labelPosition: "center" }),
@@ -20594,7 +20599,7 @@ function $2({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -21442,7 +21447,7 @@ function uk({
   }, [h]), !s.data_key || !d || !h || !o || !l)
     return null;
   const _ = Math.max(St(o), 300), b = Math.max(Ct(l), 370);
-  return /* @__PURE__ */ u(V, { pt: Ze.top, pr: Ze.right, pb: Ze.bottom, pl: Ze.left, sx: {
+  return /* @__PURE__ */ u(A, { pt: Ze.top, pr: Ze.right, pb: Ze.bottom, pl: Ze.left, sx: {
     overflow: "hidden",
     height: l,
     width: o
@@ -21458,7 +21463,7 @@ function hk({
   return t(["deviation"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(y, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "deviation.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ r(A, { label: "指标名称", sx: {
+    }) => /* @__PURE__ */ r(V, { label: "指标名称", sx: {
       flex: 1
     }, ...n }) }) }),
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
@@ -21485,7 +21490,7 @@ const pk = ({
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: `metrics.${t}.name`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(A, { 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: ({
@@ -21536,7 +21541,7 @@ function gk({
       }, ...n }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r(A, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ r(V, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -21793,7 +21798,7 @@ const ko = ({
   }], [i.language]);
   return /* @__PURE__ */ u(y, { 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(A, { label: a("viz.merico_stats.metric.postfix_content"), value: e.value, onChange: (h) => {
+    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 })
@@ -21815,7 +21820,7 @@ function Tk({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `metrics.${t}.names.value`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -21827,7 +21832,7 @@ function Tk({
     /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `metrics.${t}.names.basis`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r(A, { 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: ({
@@ -22068,7 +22073,7 @@ function Ek({
       }, ...i }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r(A, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -22099,7 +22104,7 @@ const Ok = ({
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r(A, { 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: ({
@@ -22159,7 +22164,7 @@ function Nk({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -22197,7 +22202,7 @@ function Bk({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r(A, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -24471,7 +24476,7 @@ const P5 = m.model("FilterDateRangeConfigMeta", {
       /* @__PURE__ */ r(J, { checked: a.required, onChange: (i) => a.setRequired(i.currentTarget.checked), label: n("filter.widget.select.required") }),
       /* @__PURE__ */ r(xn, { filter: t })
     ] }),
-    /* @__PURE__ */ r(A, { 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(P, { label: n("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
     /* @__PURE__ */ r(J, { checked: a.treeCheckStrictly, onChange: (i) => a.setTreeCheckStrictly(i.currentTarget.checked), label: n("filter.widget.tree_select.strictly") }),
     /* @__PURE__ */ r(Kr, { value: a.options_query_id, onChange: a.setOptionsQueryID }),
@@ -24912,7 +24917,7 @@ const P5 = m.model("FilterDateRangeConfigMeta", {
       /* @__PURE__ */ r(J, { checked: n.required, onChange: (a) => n.setRequired(a.currentTarget.checked), label: t("filter.widget.select.required") }),
       /* @__PURE__ */ r(xn, { filter: e })
     ] }),
-    /* @__PURE__ */ r(A, { 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(P, { label: t("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
     /* @__PURE__ */ r(Kr, { value: n.options_query_id, onChange: n.setOptionsQueryID }),
     /* @__PURE__ */ r(J, { 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") }),
@@ -27301,7 +27306,7 @@ const z3 = (e) => new k3(e), T3 = ({
     border: "0.0625rem solid rgb(233, 236, 239)",
     boxShadow: "rgb(0 0 0 / 5%) 0px 0.0625rem 0.1875rem, rgb(0 0 0 / 5%) 0px 1.25rem 1.5625rem -0.3125rem, rgb(0 0 0 / 4%) 0px 0.625rem 0.625rem -0.3125rem"
   }
-}, withArrow: !0, children: /* @__PURE__ */ r(V, { sx: {
+}, withArrow: !0, children: /* @__PURE__ */ r(A, { sx: {
   height: "16px",
   alignSelf: "center"
 }, children: /* @__PURE__ */ r(Re, { size: 16, color: "gray" }) }) }), D3 = D(({
@@ -27314,10 +27319,10 @@ const z3 = (e) => new k3(e), T3 = ({
   },
   value: o,
   onChange: l
-}) => /* @__PURE__ */ u(V, { children: [
+}) => /* @__PURE__ */ u(A, { children: [
   /* @__PURE__ */ r(k, { size: "sm", children: " " }),
   /* @__PURE__ */ r(J, { label: /* @__PURE__ */ u(y, { wrap: "nowrap", justify: "space-between", align: "middle", gap: 6, children: [
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       flexGrow: 1
     }, children: e }),
     /* @__PURE__ */ r(T3, { description: n, isDescriptionEmpty: a })
@@ -27442,7 +27447,7 @@ const z3 = (e) => new k3(e), T3 = ({
     /* @__PURE__ */ u(y, { justify: "flex-start", grow: !0, wrap: "nowrap", gap: 0, w: "288px", sx: {
       marginTop: "3px"
     }, children: [
-      /* @__PURE__ */ r(ut.Target, { children: /* @__PURE__ */ r(A, { label: e, labelProps: {
+      /* @__PURE__ */ r(ut.Target, { children: /* @__PURE__ */ r(V, { label: e, labelProps: {
         title: e
       }, required: t, leftSection: /* @__PURE__ */ r(ih, { size: 16 }), placeholder: c("filter.widget.date_range.start_date"), readOnly: !0, disabled: s, value: b, onFocus: h, styles: Lo(d), sx: {
         ".mantine-TextInput-label": {
@@ -27467,7 +27472,7 @@ const z3 = (e) => new k3(e), T3 = ({
           opacity: 0.6
         }
       } }) }),
-      /* @__PURE__ */ r(A, { label: /* @__PURE__ */ r(y, { justify: "flex-end", children: /* @__PURE__ */ r(M3, { begin: g, end: _ }) }), leftSection: /* @__PURE__ */ r(oh, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !g || s, value: v, onFocus: h, styles: Lo(d), sx: {
+      /* @__PURE__ */ r(V, { label: /* @__PURE__ */ r(y, { justify: "flex-end", children: /* @__PURE__ */ r(M3, { begin: g, end: _ }) }), leftSection: /* @__PURE__ */ r(oh, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !g || s, value: v, onFocus: h, styles: Lo(d), sx: {
         ".mantine-Input-section": {
           transform: "translateX(-18px)"
         },
@@ -27847,7 +27852,7 @@ function N3({
   value: n,
   onChange: a
 }) {
-  return /* @__PURE__ */ r(A, { 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"
     }
@@ -28072,14 +28077,14 @@ const Y3 = ({
   }), M = $.useCallback(() => {
     d(c);
   }, [c, d]), R = !h && e.type !== U.Modal;
-  return /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(V, { sx: {
+  return /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(A, { sx: {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     zIndex: 300
   }, title: t, children: /* @__PURE__ */ u(W, { withinPortal: !0, children: [
-    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(V, { className: "panel-dropdown-target", sx: {
+    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(A, { className: "panel-dropdown-target", sx: {
       width: "100%"
     } }) }),
     /* @__PURE__ */ u(W.Dropdown, { children: [
@@ -28428,7 +28433,7 @@ const pz = D(function({
     w: a,
     h: i
   }), l = a > 0 && i > 0;
-  return /* @__PURE__ */ r("div", { className: "viz-root", ref: n, children: /* @__PURE__ */ r(V, { sx: {
+  return /* @__PURE__ */ r("div", { className: "viz-root", ref: n, children: /* @__PURE__ */ r(A, { sx: {
     width: a,
     height: i,
     overflow: "hidden"
@@ -28479,12 +28484,12 @@ const pz = D(function({
     loading: e.dataLoading,
     errors: e.queryErrors,
     downloadPanelScreenshot: i
-  }, children: /* @__PURE__ */ r(V, { className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, ref: a, p: 0, sx: {
+  }, children: /* @__PURE__ */ r(A, { className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, ref: a, p: 0, sx: {
     ...fz,
     ...t
   }, children: /* @__PURE__ */ u(s, { children: [
     l && /* @__PURE__ */ u(F, { children: [
-      /* @__PURE__ */ r(V, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(Md, {}) }),
+      /* @__PURE__ */ r(A, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(Md, {}) }),
       n,
       /* @__PURE__ */ r(nz, {})
     ] }),
@@ -28527,14 +28532,14 @@ const vz = D(({
   } = $.useContext(Yr), c = $.useCallback(() => {
     l(o);
   }, [o, l]), d = !s && e.type !== U.Modal;
-  return xz(a.viz.type) ? /* @__PURE__ */ r(V, { sx: {
+  return xz(a.viz.type) ? /* @__PURE__ */ r(A, { sx: {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     zIndex: 300
   }, title: t, children: /* @__PURE__ */ u(W, { withinPortal: !0, children: [
-    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(V, { className: "panel-dropdown-target" }) }),
+    /* @__PURE__ */ r(W.Target, { children: /* @__PURE__ */ r(A, { className: "panel-dropdown-target" }) }),
     /* @__PURE__ */ u(W.Dropdown, { children: [
       /* @__PURE__ */ r(W.Item, { onClick: a.refreshData, leftSection: /* @__PURE__ */ r(Tr, { size: 14 }), children: n("common.actions.refresh") }),
       /* @__PURE__ */ r(W.Item, { onClick: a.downloadData, leftSection: /* @__PURE__ */ r(Yn, { size: 14 }), children: n("common.actions.download_data") }),
@@ -28701,7 +28706,7 @@ const Vz = D(({
     downloadScreenshot: i
   } = Oi(t);
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(V, { ref: a, pt: 10, pb: 10, sx: n, children: e }),
+    /* @__PURE__ */ r(A, { ref: a, pt: 10, pb: 10, sx: n, children: e }),
     /* @__PURE__ */ r(Vz, { downloadScreenshot: i })
   ] });
 }), Fd = D(({
@@ -28715,7 +28720,7 @@ const Vz = D(({
     downloadScreenshot: s
   } = Oi(t);
   return /* @__PURE__ */ r(we, { size: a.width, centered: !0, opened: i, onClose: o, withCloseButton: !1, title: /* @__PURE__ */ u(y, { justify: "space-between", px: "1rem", h: "48px", children: [
-    /* @__PURE__ */ r(V, { children: a.custom_modal_title.value }),
+    /* @__PURE__ */ r(A, { children: a.custom_modal_title.value }),
     /* @__PURE__ */ r(Fd, { downloadScreenshot: s })
   ] }), trapFocus: !0, onDragStart: (c) => {
     c.stopPropagation();
@@ -28751,7 +28756,7 @@ const Vz = D(({
     }
   }, transitionProps: {
     duration: 0
-  }, children: /* @__PURE__ */ r(V, { ref: l, children: e }) });
+  }, children: /* @__PURE__ */ r(A, { ref: l, children: e }) });
 }), $z = (e) => e.color ? {
   "&[data-active], &[data-active]:hover": {
     borderColor: e.color ? e.color : "..."
@@ -28797,9 +28802,9 @@ const Vz = D(({
   const a = ce().layouts, [i, o] = Bu();
   return N(() => {
     a.setCurrentLayoutWrapperWidth(o.width);
-  }, [o.width]), /* @__PURE__ */ r(V, { sx: {
+  }, [o.width]), /* @__PURE__ */ r(A, { sx: {
     height: "100%"
-  }, ref: i, children: /* @__PURE__ */ r(V, { sx: {
+  }, ref: i, children: /* @__PURE__ */ r(A, { sx: {
     paddingBottom: "100px",
     background: "white",
     margin: "0 auto",
@@ -28834,13 +28839,13 @@ const Oz = D(({
     ref: o,
     downloadScreenshot: l
   } = Oi(t);
-  return /* @__PURE__ */ r(V, { sx: {
+  return /* @__PURE__ */ r(A, { sx: {
     height: "100%",
     "> div:not(.mantine-Modal-root)": {
       height: "100%"
     }
   }, children: /* @__PURE__ */ r(we, { size: n.width, opened: !0, onClose: C.noop, withCloseButton: !1, title: /* @__PURE__ */ u(y, { justify: "space-between", px: "1rem", h: "48px", children: [
-    /* @__PURE__ */ r(V, { children: n.custom_modal_title.value }),
+    /* @__PURE__ */ r(A, { children: n.custom_modal_title.value }),
     /* @__PURE__ */ r(Fd, { downloadScreenshot: l })
   ] }), trapFocus: !0, onDragStart: (s) => {
     s.stopPropagation();
@@ -28881,7 +28886,7 @@ const Oz = D(({
     }
   }, withinPortal: !1, transitionProps: {
     duration: 0
-  }, children: /* @__PURE__ */ r(V, { ref: o, children: e }) }) });
+  }, children: /* @__PURE__ */ r(A, { ref: o, children: e }) }) });
 }), qz = ({
   variant: e,
   orientation: t
@@ -28940,7 +28945,7 @@ const Oz = D(({
       return /* @__PURE__ */ u(S.Panel, { value: d.id, sx: {
         position: "relative"
       }, children: [
-        /* @__PURE__ */ u(V, { sx: {
+        /* @__PURE__ */ u(A, { sx: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -28954,7 +28959,7 @@ const Oz = D(({
             position: "relative",
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ r(A, { label: t("view.component.tabs.tab.name"), required: !0, value: d.name, onChange: (g) => d.setName(g.currentTarget.value) }),
+            /* @__PURE__ */ r(V, { 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(ne, { 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(Jt, { label: t("view.component.tabs.tab.color"), value: d.color, onChange: d.setColor, disabled: o.variant !== "default" }),
@@ -28991,12 +28996,12 @@ const Oz = D(({
   return /* @__PURE__ */ r(Yr.Provider, { value: {
     viewPanelInFullScreen: C.noop,
     inFullScreen: !1
-  }, children: /* @__PURE__ */ r(V, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
+  }, children: /* @__PURE__ */ r(A, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
     background: a ? "transparent" : "#efefef"
-  }, children: /* @__PURE__ */ r(Bz, { view: t, children: /* @__PURE__ */ u(V, { sx: {
+  }, children: /* @__PURE__ */ r(Bz, { view: t, children: /* @__PURE__ */ u(A, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r(V, { className: "dashboard-sticky-area", sx: {
+    /* @__PURE__ */ r(A, { className: "dashboard-sticky-area", sx: {
       position: "sticky",
       top: "0px"
     }, children: /* @__PURE__ */ r(Id, { view: t }) }),
@@ -29017,14 +29022,14 @@ const Oz = D(({
   return /* @__PURE__ */ r(Yr.Provider, { value: {
     viewPanelInFullScreen: i,
     inFullScreen: l
-  }, children: /* @__PURE__ */ u(V, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
+  }, children: /* @__PURE__ */ u(A, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
     height: t.type === U.Modal ? "0 !important" : "100%"
   }, children: [
     l && /* @__PURE__ */ r(Cz, { view: t, panel: s, exitFullScreen: o }),
-    /* @__PURE__ */ r(Rz, { view: t, children: /* @__PURE__ */ u(V, { sx: {
+    /* @__PURE__ */ r(Rz, { view: t, children: /* @__PURE__ */ u(A, { sx: {
       position: "relative"
     }, children: [
-      !l && /* @__PURE__ */ r(V, { className: "dashboard-sticky-area", sx: {
+      !l && /* @__PURE__ */ r(A, { className: "dashboard-sticky-area", sx: {
         position: "sticky",
         top: "0px"
       }, children: /* @__PURE__ */ r(Id, { view: t }) }),
@@ -31186,7 +31191,7 @@ const LT = D(({
         v.map((Z, Oe) => /* @__PURE__ */ u(w.Tr, { children: [
           /* @__PURE__ */ r(w.Th, { children: Z.id === "basis" ? Z.name : /* @__PURE__ */ r(f, { name: `list.${Oe}.name`, control: o, render: ({
             field: be
-          }) => /* @__PURE__ */ r(A, { size: "xs", label: "", required: !0, sx: {
+          }) => /* @__PURE__ */ r(V, { size: "xs", label: "", required: !0, sx: {
             flex: 1
           }, ...be }) }) }),
           /* @__PURE__ */ r(w.Td, { children: Z.id === "basis" ? /* @__PURE__ */ u(k, { size: "sm", ff: "monospace", children: [
@@ -31298,7 +31303,7 @@ const LT = D(({
   const {
     t
   } = x(), n = e.views;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(A, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("view.labels") }),
     /* @__PURE__ */ r(Xr, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -31318,7 +31323,7 @@ const LT = D(({
   const {
     t
   } = x(), n = e.filters;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(A, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("filter.labels") }),
     /* @__PURE__ */ r(Xr, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -31338,7 +31343,7 @@ const LT = D(({
   const {
     t
   } = x(), n = e.panels;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(A, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("panel.labels") }),
     /* @__PURE__ */ r(Xr, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -31359,7 +31364,7 @@ const LT = D(({
   const {
     t
   } = x(), n = (a = e.definition) == null ? void 0 : a.queries;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(A, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("query.labels") }),
     /* @__PURE__ */ r(Xr, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -31386,7 +31391,7 @@ const LT = D(({
   const {
     t
   } = x(), n = (a = e.definition) == null ? void 0 : a.sqlSnippets;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(A, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("sql_snippet.labels") }),
     /* @__PURE__ */ r(We, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r(Ir, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r(We.Item, { children: i.key }, i.key)) })
   ] });
@@ -31397,13 +31402,13 @@ const LT = D(({
   const {
     t
   } = x(), n = Object.keys(((a = e.definition) == null ? void 0 : a.mock_context) ?? {});
-  return n.length === 0 ? null : /* @__PURE__ */ u(V, { children: [
+  return n.length === 0 ? null : /* @__PURE__ */ u(A, { children: [
     /* @__PURE__ */ r(k, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("mock_context.label") }),
     /* @__PURE__ */ r(We, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r(Ir, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r(We.Item, { children: i }, i)) })
   ] });
 }, jT = ({
   content: e
-}) => e ? /* @__PURE__ */ u(V, { children: [
+}) => e ? /* @__PURE__ */ u(A, { children: [
   /* @__PURE__ */ r(P, { mt: 20, mb: 10, variant: "dashed" }),
   /* @__PURE__ */ r(k, { ta: "left", c: "dimmed", size: "sm", children: "Preview" }),
   /* @__PURE__ */ u(T, { children: [
@@ -31489,7 +31494,7 @@ const GT = D(({
   const [b] = c(["content"]), v = !b, I = (M = l == null ? void 0 : l.content) == null ? void 0 : M.message;
   return N(() => {
     !b || I ? n() : t();
-  }, [b, I]), /* @__PURE__ */ r(V, { mx: "auto", sx: {
+  }, [b, I]), /* @__PURE__ */ r(A, { mx: "auto", sx: {
     position: "relative"
   }, children: /* @__PURE__ */ u("form", { onSubmit: o(p), children: [
     /* @__PURE__ */ r($u, { label: a("import.json_file"), required: !0, value: g, onChange: _, error: (R = l == null ? void 0 : l.content) == null ? void 0 : R.message, sx: {
@@ -31579,7 +31584,7 @@ const GT = D(({
   const {
     t: n
   } = x();
-  return /* @__PURE__ */ r(V, { className: "spotlight-custom-action-component", children: /* @__PURE__ */ u(y, { wrap: "nowrap", children: [
+  return /* @__PURE__ */ r(A, { className: "spotlight-custom-action-component", children: /* @__PURE__ */ u(y, { wrap: "nowrap", children: [
     /* @__PURE__ */ r(WT, { iconKey: e.iconKey, size: 14 }),
     /* @__PURE__ */ u("div", { style: {
       flex: 1
@@ -31696,7 +31701,7 @@ const GT = D(({
   zIndex: 299,
   borderBottom: "1px solid #e9ecef",
   background: "rgba(233,236,239, 0.15)"
-}, e6 = D(() => /* @__PURE__ */ r(V, { sx: JT, pl: {
+}, e6 = D(() => /* @__PURE__ */ r(A, { sx: JT, pl: {
   base: 200,
   xs: 200,
   sm: 200,
@@ -32034,7 +32039,7 @@ const v6 = ku(({
   const o = z(() => x6(e.interactions), [e.interactions]);
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(Zi, { type: "target", position: a, isConnectable: t }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       position: "absolute",
       top: 0,
       right: 0
@@ -32116,7 +32121,7 @@ function z6({
   active: n,
   openSettings: a
 }) {
-  return /* @__PURE__ */ u(V, { sx: {
+  return /* @__PURE__ */ u(A, { sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r(Ca, { sx: (i) => ({
@@ -32150,7 +32155,7 @@ const T6 = D(() => {
   } = x(), t = de(), n = ce(), a = ae((o) => () => n.views.setIDOfVIE(o), [n]), i = (o) => {
     t.editor.open(["_VIEWS_", o]);
   };
-  return /* @__PURE__ */ u(V, { sx: {
+  return /* @__PURE__ */ u(A, { sx: {
     position: "relative"
   }, children: [
     n.views.options.map((o) => /* @__PURE__ */ r(z6, { active: n.views.idOfVIE === o.value, name: o.label, onClick: a(o.value), openSettings: () => i(o.value) }, o.value)),
@@ -32317,7 +32322,7 @@ const T6 = D(() => {
       /* @__PURE__ */ r(J, { checked: a.required, onChange: (s) => a.setRequired(s.currentTarget.checked), label: n("filter.widget.select.required") }),
       /* @__PURE__ */ r(xn, { filter: t })
     ] }),
-    /* @__PURE__ */ r(A, { 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(P, { label: n("filter.widget.select.configure_options"), labelPosition: "center" }),
     /* @__PURE__ */ u(T, { gap: 10, sx: {
       position: "relative",
@@ -32343,12 +32348,12 @@ const T6 = D(() => {
       o.map((s, c) => /* @__PURE__ */ u(tt, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
-        /* @__PURE__ */ r(A, { 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(A, { 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
@@ -32449,12 +32454,12 @@ const T6 = D(() => {
     a.map((o, l) => /* @__PURE__ */ u(tt, { gap: 10, sx: {
       position: "relative"
     }, pr: "40px", children: [
-      /* @__PURE__ */ r(A, { 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(A, { 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
@@ -32479,7 +32484,7 @@ const T6 = D(() => {
       /* @__PURE__ */ r(J, { checked: n.clearable, onChange: (a) => n.setClearable(a.currentTarget.checked), label: t("filter.widget.select.clearable") }),
       /* @__PURE__ */ r(xn, { filter: e })
     ] }),
-    /* @__PURE__ */ r(A, { 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(P, { label: t("filter.widget.select.configure_options"), labelPosition: "center" }),
     /* @__PURE__ */ u(T, { gap: 10, sx: {
       position: "relative",
@@ -32516,12 +32521,12 @@ const T6 = D(() => {
   } = x(), a = t.config;
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ u(y, { children: [
-      /* @__PURE__ */ r(A, { 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
       } }),
-      /* @__PURE__ */ r(V, { mt: 22, children: /* @__PURE__ */ r(xn, { filter: t }) })
+      /* @__PURE__ */ r(A, { mt: 22, children: /* @__PURE__ */ r(xn, { filter: t }) })
     ] }),
     /* @__PURE__ */ r(J, { checked: a.required, onChange: (i) => a.setRequired(i.currentTarget.checked), label: n("filter.widget.text_input.required") })
   ] });
@@ -32531,7 +32536,7 @@ const T6 = D(() => {
   const {
     t: n
   } = x();
-  return /* @__PURE__ */ u(V, { sx: {
+  return /* @__PURE__ */ u(A, { sx: {
     maxWidth: "480px"
   }, children: [
     /* @__PURE__ */ r(k, { pt: "0", pb: "md", c: "gray", size: "sm", children: n("common.titles.config") }),
@@ -32582,7 +32587,7 @@ const T6 = D(() => {
     value: "date-range"
   }], [a.language]);
   return /* @__PURE__ */ u(y, { grow: !0, gap: 20, align: "top", children: [
-    /* @__PURE__ */ u(V, { sx: {
+    /* @__PURE__ */ u(A, { sx: {
       maxWidth: "600px"
     }, children: [
       /* @__PURE__ */ r(k, { pb: "md", c: "gray", size: "sm", children: n("common.titles.edit") }),
@@ -32594,10 +32599,10 @@ const T6 = D(() => {
           t.auto_submit_supported && /* @__PURE__ */ r(J, { label: n("filter.field.auto_submit"), checked: t.auto_submit, onChange: (s) => t.setAutoSubmit(s.currentTarget.checked), mt: 22 })
         ] }),
         /* @__PURE__ */ r(un, { label: n("filter.field.visible_in"), data: i.views.options, value: [...t.visibleInViewsIDs], onChange: t.setVisibleInViewsIDs }),
-        /* @__PURE__ */ r(A, { label: n("common.key"), placeholder: n("filter.field.key_placeholder"), required: !0, value: t.key, onChange: (s) => {
+        /* @__PURE__ */ r(V, { label: n("common.key"), placeholder: n("filter.field.key_placeholder"), required: !0, value: t.key, onChange: (s) => {
           t.setKey(s.currentTarget.value);
         } }),
-        /* @__PURE__ */ r(A, { label: n("common.label"), placeholder: n("filter.field.label_placeholder"), required: !0, value: t.label, onChange: (s) => {
+        /* @__PURE__ */ r(V, { label: n("common.label"), placeholder: n("filter.field.label_placeholder"), required: !0, value: t.label, onChange: (s) => {
           t.setLabel(s.currentTarget.value);
         } }),
         /* @__PURE__ */ r(q, { label: n("filter.field.widget"), data: l, required: !0, value: t.type, onChange: t.setType, maxDropdownHeight: 500 }),
@@ -32646,7 +32651,7 @@ const T6 = D(() => {
         zIndex: 320
       });
     }, children: t("filter.delete") }) }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -32667,7 +32672,7 @@ const T6 = D(() => {
   return /* @__PURE__ */ u(T, { sx: {
     height: "100%"
   }, gap: "sm", pb: "59px", children: [
-    /* @__PURE__ */ r(V, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ r(A, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ r(k, { size: "sm", px: "md", ta: "left", sx: {
       userSelect: "none",
@@ -32690,7 +32695,7 @@ const T6 = D(() => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       flexGrow: 1,
       overflow: "auto"
     }, children: /* @__PURE__ */ r(J.Group, { size: "xs", value: t, onChange: n, children: /* @__PURE__ */ u(w, { fz: "sm", highlightOnHover: !0, sx: {
@@ -32840,7 +32845,7 @@ const T6 = D(() => {
       ] }),
       /* @__PURE__ */ r(te, { variant: "subtle", color: "blue", disabled: !o || s, onClick: l, children: /* @__PURE__ */ r(me, { size: 18 }) })
     ] }),
-    /* @__PURE__ */ r(A, { value: a, onChange: i, required: !0 })
+    /* @__PURE__ */ r(V, { value: a, onChange: i, required: !0 })
   ] });
 }), W6 = D(() => {
   const {
@@ -32922,7 +32927,7 @@ function Xd({
     columnResizeMode: "onChange",
     getCoreRowModel: Na()
   });
-  return e.length === 0 ? /* @__PURE__ */ r(V, { sx: {
+  return e.length === 0 ? /* @__PURE__ */ r(A, { sx: {
     height: "5em"
   } }) : /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ u(w, { sx: K6, children: [
     /* @__PURE__ */ r(w.Thead, { children: n.getHeaderGroups().map((a) => /* @__PURE__ */ r(w.Tr, { children: a.headers.map((i) => /* @__PURE__ */ u(w.Th, { style: {
@@ -33004,7 +33009,7 @@ const Y6 = [{
   }, [e, n, i]);
   return /* @__PURE__ */ u(ze, { children: [
     /* @__PURE__ */ r(Z6, { data: e, page: n, setPage: a, limit: i, setLimit: o }),
-    /* @__PURE__ */ u(V, { py: 10, sx: {
+    /* @__PURE__ */ u(A, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -33064,7 +33069,7 @@ const Y6 = [{
         /* @__PURE__ */ r(te, { variant: "subtle", color: "blue", disabled: s || h, onClick: d, children: /* @__PURE__ */ r(Yn, { size: 16 }) })
       ] })
     ] }),
-    /* @__PURE__ */ u(V, { pb: 20, sx: {
+    /* @__PURE__ */ u(A, { pb: 20, sx: {
       position: "relative",
       flexGrow: 1,
       overflow: "auto"
@@ -33103,7 +33108,7 @@ const Y6 = [{
   const {
     panel: e
   } = rt();
-  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(V, { className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, p: 0, sx: {
+  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(A, { 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,
@@ -33111,7 +33116,7 @@ const Y6 = [{
     width: "600px !important",
     height: "450px !important"
   }, children: /* @__PURE__ */ u(ns, { children: [
-    /* @__PURE__ */ r(V, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(Md, {}) }),
+    /* @__PURE__ */ r(A, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(Md, {}) }),
     /* @__PURE__ */ r(n4, {}),
     /* @__PURE__ */ r(Ed, { panel: e })
   ] }) }) });
@@ -33384,7 +33389,7 @@ const p4 = $.forwardRef(function({
       border: "1px solid #e9ecef"
     }, children: [
       /* @__PURE__ */ u(y, { grow: !0, wrap: "nowrap", children: [
-        /* @__PURE__ */ r(A, { 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(Y, { label: o("common.data_field"), required: !0, value: t.data_field, onChange: (s) => l("data_field", s) })
       ] }),
       /* @__PURE__ */ r(pi, { label: o("panel.variable.aggregation.label"), pt: 0, value: t.aggregation, onChange: (s) => l("aggregation", s), withFallback: !0 }),
@@ -33468,7 +33473,7 @@ const g4 = D(({
   height: "100%",
   position: "relative"
 }, children: [
-  /* @__PURE__ */ r(V, { sx: {
+  /* @__PURE__ */ r(A, { sx: {
     maxWidth: "calc(100% - 610px - 10px)",
     height: "100%",
     overflow: "auto"
@@ -33480,7 +33485,7 @@ const g4 = D(({
     flexShrink: 0
   }, children: [
     /* @__PURE__ */ r(r4, {}),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       flexGrow: 1
     }, children: /* @__PURE__ */ r(d4, {}) })
   ] })
@@ -33600,7 +33605,7 @@ const _4 = D(({
   return /* @__PURE__ */ u(T, { sx: {
     height: "100%"
   }, gap: "sm", pb: "59px", children: [
-    /* @__PURE__ */ r(V, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ r(A, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ r(k, { px: "md", ta: "left", sx: {
       userSelect: "none",
@@ -33626,7 +33631,7 @@ const _4 = D(({
       ] }),
       /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", color: "red", leftSection: /* @__PURE__ */ r($e, { size: 14 }), disabled: !i.content.hasUnusedQueries, onClick: l, children: e("query.delete_unused") })
     ] }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       flexGrow: 1,
       overflow: "auto"
     }, children: /* @__PURE__ */ r(J.Group, { size: "xs", value: t, onChange: n, children: /* @__PURE__ */ u(w, { fz: "sm", highlightOnHover: !0, sx: {
@@ -33703,7 +33708,7 @@ const _4 = D(({
     hover: !0,
     focus: !1,
     touch: !1
-  }, withinPortal: !0, zIndex: 320, position: "top-end", children: /* @__PURE__ */ r(V, { sx: {
+  }, withinPortal: !0, zIndex: 320, position: "top-end", children: /* @__PURE__ */ r(A, { sx: {
     alignSelf: "flex-end"
   }, children: /* @__PURE__ */ r(L, { disabled: !0, size: "xs", leftSection: /* @__PURE__ */ r($e, { size: 16 }), children: t("query.delete") }) }) }) : /* @__PURE__ */ r(L, { color: "red", size: "xs", onClick: c, leftSection: /* @__PURE__ */ r($e, { size: 16 }), sx: {
     alignSelf: "flex-end"
@@ -33917,7 +33922,7 @@ const L4 = D(({
   const t = e.dbInfo, {
     tables: n
   } = t;
-  return n.loading ? /* @__PURE__ */ r(Zd, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ r(V, { h: "100%", sx: {
+  return n.loading ? /* @__PURE__ */ r(Zd, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ r(A, { h: "100%", sx: {
     overflow: "auto",
     ".mantine-NavLink-label": {
       fontFamily: "monospace"
@@ -33927,7 +33932,7 @@ const L4 = D(({
   }, active: t.table_name === o.table_name }, o.table_name)) }, a)) });
 }), V4 = ({
   visible: e
-}) => /* @__PURE__ */ r(V, { py: 10, sx: {
+}) => /* @__PURE__ */ r(A, { py: 10, sx: {
   width: "100%",
   height: "100%",
   overflow: "hidden",
@@ -33983,7 +33988,7 @@ const L4 = D(({
   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(V4, { visible: !0 }) : /* @__PURE__ */ u(ze, { children: [
     /* @__PURE__ */ r(P4, { dataSource: e }),
-    /* @__PURE__ */ u(V, { py: 10, sx: {
+    /* @__PURE__ */ u(A, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -34018,7 +34023,7 @@ const L4 = D(({
   }, [n]), n.tables.error ? /* @__PURE__ */ r(k, { c: "red", size: "md", ta: "center", ff: "monospace", children: n.tables.error }) : /* @__PURE__ */ u(tt, { sx: {
     height: "100%"
   }, children: [
-    /* @__PURE__ */ r(V, { w: 300, sx: {
+    /* @__PURE__ */ r(A, { w: 300, sx: {
       flexGrow: 0,
       flexShrink: 0,
       position: "relative"
@@ -34077,7 +34082,7 @@ const L4 = D(({
           to: "red"
         }, children: e.type })
       ] })
-    ] }), zIndex: 320, size: "96vw", styles: q4, children: /* @__PURE__ */ r(V, { sx: {
+    ] }), zIndex: 320, size: "96vw", styles: q4, children: /* @__PURE__ */ r(A, { sx: {
       height: "calc(100vh - 220px)"
     }, children: /* @__PURE__ */ r(O4, { dataSource: e }) }) }),
     /* @__PURE__ */ r(L, { variant: "subtle", onClick: () => i(!0), px: 16, styles: {
@@ -34147,7 +34152,7 @@ const L4 = D(({
     key: e.key
   }), [a, e.type, e.key]);
   return /* @__PURE__ */ r(q, { size: t, data: l, label: /* @__PURE__ */ u(y, { justify: "space-between", children: [
-    /* @__PURE__ */ r(V, { children: n("data_source.label") }),
+    /* @__PURE__ */ r(A, { children: n("data_source.label") }),
     d && /* @__PURE__ */ r(Jd, { dataSource: d, triggerButtonProps: {
       size: "compact-xs",
       px: 10
@@ -34188,7 +34193,7 @@ const L4 = D(({
     width: "100%"
   }, children: [
     /* @__PURE__ */ r(P, { mb: -10, variant: "dashed", label: t("query.basics"), labelPosition: "center" }),
-    /* @__PURE__ */ r(A, { 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);
@@ -34344,8 +34349,8 @@ WHERE
       /* @__PURE__ */ r(w.Td, { children: t(l.type_label) }),
       /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(Qn, { size: "sm", component: "button", type: "button", onClick: () => a(l), children: l.label }) }),
       /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ u(T, { align: "flex-start", justify: "flex-start", gap: 2, children: [
-        l.views.map((s) => /* @__PURE__ */ r(Qn, { size: "sm", component: "button", type: "button", onClick: () => i(s.id), children: /* @__PURE__ */ r(V, { children: s.label }) }, s.id)),
-        l.views.length === 0 && /* @__PURE__ */ r(V, { children: "--" })
+        l.views.map((s) => /* @__PURE__ */ r(Qn, { size: "sm", component: "button", type: "button", onClick: () => i(s.id), children: /* @__PURE__ */ r(A, { children: s.label }) }, s.id)),
+        l.views.length === 0 && /* @__PURE__ */ r(A, { children: "--" })
       ] }) })
     ] }, l.id)) })
   ] });
@@ -34364,7 +34369,7 @@ WHERE
         svg: {
           verticalAlign: "middle"
         }
-      }, children: l.map((s) => /* @__PURE__ */ r(We.Item, { icon: /* @__PURE__ */ r(V, { sx: {
+      }, children: l.map((s) => /* @__PURE__ */ r(We.Item, { icon: /* @__PURE__ */ r(A, { sx: {
         path: {
           fill: s.valid ? "rgb(18, 184, 134)" : "rgb(250, 82, 82)"
         }
@@ -34484,7 +34489,7 @@ WHERE
     /* @__PURE__ */ r(k, { size: "sm", children: t("query.transform.guide.pick_queries") }),
     /* @__PURE__ */ r(un, { data: n.queries.optionsWithoutTransform, value: [...a.dep_query_ids], onChange: a.setDependantQueryIDs, maxDropdownHeight: 800 }),
     /* @__PURE__ */ r(k, { size: "sm", children: t("query.transform.guide.write_function") }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       flexGrow: 1
     }, children: /* @__PURE__ */ r(fn, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: Z4.pre }) })
   ] });
@@ -34647,7 +34652,7 @@ function oD({
     columnResizeMode: "onChange",
     getCoreRowModel: Na()
   });
-  return e.length === 0 ? /* @__PURE__ */ r(V, { sx: {
+  return e.length === 0 ? /* @__PURE__ */ r(A, { sx: {
     height: "5em"
   } }) : /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ u(w, { sx: iD, stickyHeader: !0, stickyHeaderOffset: 0, children: [
     /* @__PURE__ */ r(w.Thead, { style: {
@@ -34740,7 +34745,7 @@ const lD = [{
     }
   }, children: [
     /* @__PURE__ */ r(cD, { data: e, page: n, setPage: a, limit: i, setLimit: o }),
-    /* @__PURE__ */ u(V, { sx: {
+    /* @__PURE__ */ u(A, { sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -34781,7 +34786,6 @@ const lD = [{
   }, [i]);
   const l = !Array.isArray(t) || t.length === 0;
   return /* @__PURE__ */ u(T, { gap: 0, sx: {
-    minHeight: "250px",
     maxHeight: "calc(50vh - 48px)",
     flexGrow: 1,
     flexShrink: 0,
@@ -34791,7 +34795,7 @@ const lD = [{
       /* @__PURE__ */ r(k, { size: "sm", fw: 500, children: "查询结果" }),
       /* @__PURE__ */ r(L, { size: "xs", variant: "transparent", color: "gray", leftSection: /* @__PURE__ */ r(Yn, { size: 16 }), disabled: a || l, onClick: o, children: "下载查询结果" })
     ] }),
-    /* @__PURE__ */ u(V, { sx: {
+    /* @__PURE__ */ u(A, { sx: {
       position: "relative",
       flexGrow: 1,
       overflow: "hidden"
@@ -35143,7 +35147,7 @@ const lD = [{
       t.setTimeQueryEnabled(!0);
       return;
     }
-  }, [i.requireTrendingReason, l]), i.supportTrending ? i.requireTrendingReason ? /* @__PURE__ */ r(re, { label: i.requireTrendingReason, children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(Ce, { size: "xs", color: "red", checked: !0, readOnly: !0, styles: {
+  }, [i.requireTrendingReason, l]), i.supportTrending ? i.requireTrendingReason ? /* @__PURE__ */ r(re, { label: i.requireTrendingReason, children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(Ce, { size: "xs", color: "red", checked: !0, readOnly: !0, styles: {
     track: {
       cursor: "not-allowed"
     }
@@ -35151,7 +35155,7 @@ const lD = [{
     track: {
       cursor: "pointer"
     }
-  } }) : /* @__PURE__ */ r(re, { label: "由于指标未设定时序维度，所以不具备时间序列展示功能。", children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(Ce, { size: "xs", color: "red", disabled: !o }) }) });
+  } }) : /* @__PURE__ */ r(re, { label: "由于指标未设定时序维度，所以不具备时间序列展示功能。", children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(Ce, { size: "xs", color: "red", disabled: !o }) }) });
 }), zD = D(({
   queryModel: e
 }) => {
@@ -35309,7 +35313,7 @@ const lD = [{
 }) => {
   const t = e.metricQueryPayloadError;
   return t.length > 0 ? /* @__PURE__ */ u(_e, { shadow: "md", children: [
-    /* @__PURE__ */ r(_e.Target, { children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(Ko, { width: 14, height: 14, color: "rgb(173, 181, 189)" }), variant: "filled", color: "red", disabled: !0, children: "执行查询" }) }) }),
+    /* @__PURE__ */ r(_e.Target, { children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(Ko, { width: 14, height: 14, color: "rgb(173, 181, 189)" }), variant: "filled", color: "red", disabled: !0, children: "执行查询" }) }) }),
     /* @__PURE__ */ r(_e.Dropdown, { children: /* @__PURE__ */ r(We, { size: "xs", children: t.map((n) => /* @__PURE__ */ r(We.Item, { children: n }, n)) }) })
   ] }) : /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(Ko, { width: 14, height: 14 }), variant: "filled", color: "red", onClick: () => e.fetchData(!0), children: "执行查询" });
 }), RD = ({
@@ -35389,7 +35393,7 @@ const lD = [{
         flexGrow: 0,
         flexShrink: 0
       }
-    }, children: /* @__PURE__ */ r(A, { 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: {
@@ -35469,7 +35473,7 @@ const lD = [{
     /* @__PURE__ */ u(y, { sx: {
       alignItems: "end"
     }, gap: 40, children: [
-      /* @__PURE__ */ r(A, { 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"
@@ -35549,7 +35553,7 @@ const lD = [{
   return /* @__PURE__ */ u(T, { sx: {
     height: "100%"
   }, gap: "sm", pb: "59px", children: [
-    /* @__PURE__ */ r(V, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ r(A, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ r(k, { size: "sm", px: "md", ta: "left", sx: {
       userSelect: "none",
@@ -35575,7 +35579,7 @@ const lD = [{
       ] }),
       /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", color: "red", leftSection: /* @__PURE__ */ r($e, { size: 14 }), disabled: !i.content.hasUnusedSQLSnippets, onClick: l, children: e("sql_snippet.delete_unused") })
     ] }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       flexGrow: 1,
       overflow: "auto"
     }, children: /* @__PURE__ */ r(J.Group, { size: "xs", value: t, onChange: n, children: /* @__PURE__ */ u(w, { fz: "sm", highlightOnHover: !0, sx: {
@@ -35652,7 +35656,7 @@ const lD = [{
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(V, { sx: {
+}) => /* @__PURE__ */ u(A, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ r(en, { backgroundOpacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -35726,14 +35730,14 @@ const lD = [{
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(P, { mt: 8, label: t("view.component.modal.modal_settings"), labelPosition: "center" }),
     /* @__PURE__ */ u(tt, { gap: 10, children: [
-      /* @__PURE__ */ r(A, { 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(WD, { value: n.custom_modal_title, onChange: n.custom_modal_title.replace })
     ] }),
     /* @__PURE__ */ u(y, { grow: !0, children: [
-      /* @__PURE__ */ r(A, { label: t("view.component.modal.width"), value: n.width, onChange: (i) => n.setWidth(i.currentTarget.value), placeholder: "600px / 50vw" }),
-      /* @__PURE__ */ r(A, { 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" })
     ] })
   ] });
 }), KD = D(({
@@ -35761,7 +35765,7 @@ const lD = [{
   return e ? /* @__PURE__ */ u(T, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r(A, { 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: {
@@ -35809,7 +35813,7 @@ const lD = [{
         zIndex: 320
       });
     }, children: t("view.delete") }) }),
-    /* @__PURE__ */ r(V, { sx: {
+    /* @__PURE__ */ r(A, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -35819,7 +35823,7 @@ const lD = [{
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ r(nu, {}) })), JD = D(() => {
   const e = de().editor, t = e.path;
-  return uT(t) ? /* @__PURE__ */ r(ZD, {}) : hT(t) ? /* @__PURE__ */ r(B6, {}) : pT(t) ? /* @__PURE__ */ r(N6, {}) : mT(t) ? /* @__PURE__ */ r(V, { p: "xs", pl: 20, children: /* @__PURE__ */ r(F6, { id: t[1] }) }) : gT(t) ? /* @__PURE__ */ r(jD, {}) : fT(t) ? /* @__PURE__ */ r(BD, { id: t[1] }) : yT(t) ? /* @__PURE__ */ r(v4, {}) : bT(t) ? /* @__PURE__ */ r(qD, { id: t[1] }) : _T(t) ? /* @__PURE__ */ r(V, { p: "xs", pl: 20, children: /* @__PURE__ */ r(XD, { id: t[1] }) }) : _a(t) ? /* @__PURE__ */ r(x4, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r(V, { children: e.path });
+  return uT(t) ? /* @__PURE__ */ r(ZD, {}) : hT(t) ? /* @__PURE__ */ r(B6, {}) : pT(t) ? /* @__PURE__ */ r(N6, {}) : mT(t) ? /* @__PURE__ */ r(A, { p: "xs", pl: 20, children: /* @__PURE__ */ r(F6, { id: t[1] }) }) : gT(t) ? /* @__PURE__ */ r(jD, {}) : fT(t) ? /* @__PURE__ */ r(BD, { id: t[1] }) : yT(t) ? /* @__PURE__ */ r(v4, {}) : bT(t) ? /* @__PURE__ */ r(qD, { id: t[1] }) : _T(t) ? /* @__PURE__ */ r(A, { p: "xs", pl: 20, children: /* @__PURE__ */ r(XD, { id: t[1] }) }) : _a(t) ? /* @__PURE__ */ r(x4, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r(A, { children: e.path });
 }), eI = D(() => /* @__PURE__ */ r(JD, {})), tI = D(() => {
   const {
     t: e
@@ -35969,7 +35973,7 @@ const lD = [{
   }, [s]), /* @__PURE__ */ r(la, { active: i, defaultOpened: s, opened: c, onChange: d, label: t(e.label), onClick: () => l(e), leftSection: e.Icon ? /* @__PURE__ */ r(e.Icon, { size: 18 }) : null, children: (h = e.children) == null ? void 0 : h.map((p) => p._type === "ACTION" ? /* @__PURE__ */ r(cI, { action_type: p._action_type, parentID: p.parentID }, `_ADD_${p.value}_`) : /* @__PURE__ */ r(iu, { option: p }, p.value)) }, e.label);
 }), dI = D(() => {
   const e = de();
-  return /* @__PURE__ */ r(V, { sx: {
+  return /* @__PURE__ */ r(A, { sx: {
     position: "relative"
   }, children: e.editor.navOptions.map((t) => /* @__PURE__ */ r(iu, { option: t }, t.value)) });
 }), uI = D(() => {
@@ -36162,7 +36166,7 @@ const bI = {
       }, styles: bI, children: [
         /* @__PURE__ */ r(t6, { onExit: h, saveDashboardChanges: I, headerSlot: s }),
         /* @__PURE__ */ r(D6, {}),
-        /* @__PURE__ */ r(Xe.Main, { children: /* @__PURE__ */ r(V, { className: `${i} dashboard-root`, sx: {
+        /* @__PURE__ */ r(Xe.Main, { children: /* @__PURE__ */ r(A, { className: `${i} dashboard-root`, sx: {
           position: "relative"
         }, children: v.content.views.visibleViews.map((O) => /* @__PURE__ */ r(jz, { view: O }, O.id)) }) })
       ] }),
@@ -36405,7 +36409,7 @@ const wI = ({
     setFullScreenPanelID: l
   }, children: /* @__PURE__ */ r(Rr.Provider, { value: {
     inEditMode: !1
-  }, children: /* @__PURE__ */ r(V, { className: `${a} dashboard-root`, children: /* @__PURE__ */ r(Kt.Provider, { value: v, children: /* @__PURE__ */ r(qr, { configure: I, children: b.content.views.visibleViews.map((M) => /* @__PURE__ */ r(qi, { view: M }, M.id)) }) }) }) }) }) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ r(A, { className: `${a} dashboard-root`, children: /* @__PURE__ */ r(Kt.Provider, { value: v, children: /* @__PURE__ */ r(qr, { configure: I, children: b.content.views.visibleViews.map((M) => /* @__PURE__ */ r(qi, { view: M }, M.id)) }) }) }) }) }) }) }) }) }) }) }) });
 }, L9 = D(wI), V9 = () => Promise.resolve().then(() => pm).then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));