drizzle-cube 0.1.31 → 0.1.33

package/dist/client/chunks/{charts-MTxju0dv.js → charts-D4v7aUDh.js}

@@ -1,8 +1,8 @@
 import { jsx as s, jsxs as N, Fragment as $e } from "react/jsx-runtime";
 import { useState as H } from "react";
-import { ResponsiveContainer as _e, Tooltip as yt, ComposedChart as it, CartesianGrid as ye, XAxis as ge, YAxis as pe, Legend as K, Bar as gt, Cell as Le, Line as U, LineChart as pt, Area as vt, PieChart as bt, Pie as wt, ScatterChart as Nt, Scatter as Oe, RadarChart as At, PolarGrid as St, PolarAngleAxis as kt, PolarRadiusAxis as Mt, Radar as $t, RadialBarChart as Lt, RadialBar as Tt, Treemap as Ft } from "recharts";
+import { ResponsiveContainer as _e, Tooltip as yt, ComposedChart as it, CartesianGrid as ye, XAxis as ge, YAxis as pe, Legend as K, Bar as gt, Cell as Le, Line as U, LineChart as pt, Area as vt, PieChart as bt, Pie as wt, ScatterChart as Nt, Scatter as Oe, RadarChart as At, PolarGrid as kt, PolarAngleAxis as St, PolarRadiusAxis as Mt, Radar as $t, RadialBarChart as Lt, RadialBar as Tt, Treemap as Ft } from "recharts";
 import { u as B } from "./providers-DwDirAYo.js";
-function G({ children: e, height: t = "100%" }) {
+function C({ children: e, height: t = "100%" }) {
   try {
     if (t === "100%")
       return /* @__PURE__ */ s("div", { className: "w-full h-full flex-1 flex flex-col relative", style: { minHeight: "250px", overflow: "hidden" }, children: /* @__PURE__ */ s(_e, { width: "100%", height: "100%", debounce: 50, style: { marginTop: "16px" }, children: e }) });
@@ -16,17 +16,17 @@ function G({ children: e, height: t = "100%" }) {
     return /* @__PURE__ */ N(
       "div",
       {
-        className: "flex flex-col items-center justify-center w-full h-full p-4 text-center border-2 border-dashed border-yellow-300 rounded-lg bg-yellow-50",
-        style: { height: t },
+        className: "flex flex-col items-center justify-center w-full h-full p-4 text-center border-2 border-dashed rounded-lg",
+        style: { height: t, borderColor: "var(--dc-warning-border)", backgroundColor: "var(--dc-warning-bg)" },
         children: [
-          /* @__PURE__ */ s("div", { className: "text-sm font-semibold text-yellow-600 mb-1", children: "Chart Container Error" }),
-          /* @__PURE__ */ s("div", { className: "text-xs text-gray-600", children: n instanceof Error ? n.message : "Failed to create responsive container" })
+          /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", style: { color: "var(--dc-warning)" }, children: "Chart Container Error" }),
+          /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-muted", children: n instanceof Error ? n.message : "Failed to create responsive container" })
         ]
       }
     );
   }
 }
-function V({ formatter: e, labelFormatter: t }) {
+function G({ formatter: e, labelFormatter: t }) {
   return /* @__PURE__ */ s(
     yt,
     {
@@ -163,19 +163,19 @@ function ee(e, t, n, r, i, l = {}) {
   ], d = a.measures || [], o = n.filter((v) => d.includes(v)), f = (i || []).filter((v) => c.includes(v));
   if (f.length > 0) {
     const v = {};
-    e.forEach((h) => {
-      const S = O(r, t), $ = R(h[t], S) || h[t] || "Unknown";
-      v[$] || (v[$] = { name: String($) }), o.forEach((x) => {
-        const w = Ne(x, l);
-        v[$][w] = (v[$][w] || 0) + (typeof h[x] == "string" ? parseFloat(h[x]) : h[x] || 0);
-      }), f.forEach((x) => {
-        const w = h[x];
+    e.forEach((x) => {
+      const k = O(r, t), $ = R(x[t], k) || x[t] || "Unknown";
+      v[$] || (v[$] = { name: String($) }), o.forEach((h) => {
+        const w = Ne(h, l);
+        v[$][w] = (v[$][w] || 0) + (typeof x[h] == "string" ? parseFloat(x[h]) : x[h] || 0);
+      }), f.forEach((h) => {
+        const w = x[h];
         if (w != null) {
           const y = String(w), g = o[0] || d.find(
             (b) => b.includes("totalCost") || b.includes("count") || b.includes("sum")
           ) || d[0];
           if (g) {
-            const b = typeof h[g] == "string" ? parseFloat(h[g]) : h[g] || 0;
+            const b = typeof x[g] == "string" ? parseFloat(x[g]) : x[g] || 0;
             v[$][y] = (v[$][y] || 0) + b;
           }
         }
@@ -183,10 +183,10 @@ function ee(e, t, n, r, i, l = {}) {
     });
     const p = Object.values(v), A = Array.from(new Set(
       e.flatMap(
-        (h) => f.map((S) => {
-          const $ = h[S];
+        (x) => f.map((k) => {
+          const $ = x[k];
           return $ != null ? String($) : null;
-        }).filter((S) => S !== null)
+        }).filter((k) => k !== null)
       )
     ));
     return {
@@ -257,9 +257,9 @@ function Kn({
       stacked: n?.stacked ?? !1
     };
     if (!e || e.length === 0)
-      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
         /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: "No data points to display in bar chart" })
+        /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in bar chart" })
       ] }) });
     let u, m, v = [];
     if (t?.xAxis && t?.yAxis)
@@ -283,10 +283,10 @@ function Kn({
       r,
       v,
       d
-    ), h = f.stacked === !0, S = A.length === 1 && p.some((b) => {
+    ), x = f.stacked === !0, k = A.length === 1 && p.some((b) => {
       const M = b[A[0]];
       return typeof M == "number" && M < 0;
-    }), $ = f.showLegend, x = {
+    }), $ = f.showLegend, h = {
       ...ve,
       left: 40
       // Increased from 20 to 40 for Y-axis label space
@@ -295,10 +295,10 @@ function Kn({
     return y.length > 0 && (g = p.map((b, M) => ({
       ...b,
       __target: y[M] || null
-    }))), !p || p.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+    }))), !p || p.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
-      /* @__PURE__ */ s("div", { className: "text-xs", children: "No valid data points for bar chart after transformation" })
-    ] }) }) : /* @__PURE__ */ s(G, { height: i, children: /* @__PURE__ */ N(it, { data: g, margin: x, children: [
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for bar chart after transformation" })
+    ] }) }) : /* @__PURE__ */ s(C, { height: i, children: /* @__PURE__ */ N(it, { data: g, margin: h, children: [
       f.showGrid && /* @__PURE__ */ s(ye, { strokeDasharray: "3 3" }),
       /* @__PURE__ */ s(
         ge,
@@ -318,7 +318,7 @@ function Kn({
         }
       ),
       f.showTooltip && /* @__PURE__ */ s(
-        V,
+        G,
         {
           formatter: (b, M) => M === "Target" ? [`${b}`, "Target Value"] : [b, M]
         }
@@ -340,11 +340,11 @@ function Kn({
         gt,
         {
           dataKey: b,
-          stackId: h ? "stack" : void 0,
-          fill: S ? He : l?.colors && l.colors[M % l.colors.length] || T[M % T.length],
+          stackId: x ? "stack" : void 0,
+          fill: k ? He : l?.colors && l.colors[M % l.colors.length] || T[M % T.length],
           fillOpacity: a ? a === b ? 1 : 0.3 : 1,
-          children: S && p.map((L, F) => {
-            const k = L[b], E = typeof k == "number" && k < 0 ? jt : He;
+          children: k && p.map((L, F) => {
+            const S = L[b], E = typeof S == "number" && S < 0 ? jt : He;
             return /* @__PURE__ */ s(
               Le,
               {
@@ -390,7 +390,7 @@ function Kn({
     return /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "Bar Chart Error" }),
       /* @__PURE__ */ s("div", { className: "text-xs mb-2", children: f instanceof Error ? f.message : "Unknown rendering error" }),
-      /* @__PURE__ */ s("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
     ] }) });
   }
 }
@@ -410,9 +410,9 @@ function Bn({
       showTooltip: n?.showTooltip ?? !0
     };
     if (!e || e.length === 0)
-      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
         /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: "No data points to display in line chart" })
+        /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in line chart" })
       ] }) });
     let u, m, v = [];
     if (t?.xAxis && t?.yAxis)
@@ -436,19 +436,19 @@ function Bn({
       r,
       v,
       d
-    ), h = f.showLegend, S = {
+    ), x = f.showLegend, k = {
       ...ve,
       left: 40
       // Increased from 20 to 40 for Y-axis label space
-    }, $ = Te(n?.target || ""), x = Fe($, p.length);
+    }, $ = Te(n?.target || ""), h = Fe($, p.length);
     let w = p;
-    return x.length > 0 && (w = p.map((y, g) => ({
+    return h.length > 0 && (w = p.map((y, g) => ({
       ...y,
-      __target: x[g] || null
-    }))), !p || p.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+      __target: h[g] || null
+    }))), !p || p.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
-      /* @__PURE__ */ s("div", { className: "text-xs", children: "No valid data points for line chart after transformation" })
-    ] }) }) : /* @__PURE__ */ s(G, { height: i, children: /* @__PURE__ */ N(pt, { data: w, margin: S, children: [
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for line chart after transformation" })
+    ] }) }) : /* @__PURE__ */ s(C, { height: i, children: /* @__PURE__ */ N(pt, { data: w, margin: k, children: [
       f.showGrid && /* @__PURE__ */ s(ye, { strokeDasharray: "3 3" }),
       /* @__PURE__ */ s(
         ge,
@@ -468,12 +468,12 @@ function Bn({
         }
       ),
       f.showTooltip && /* @__PURE__ */ s(
-        V,
+        G,
         {
           formatter: (y, g) => g === "Target" ? [`${y}`, "Target Value"] : [y, g]
         }
       ),
-      h && /* @__PURE__ */ s(
+      x && /* @__PURE__ */ s(
         K,
         {
           wrapperStyle: { fontSize: "12px", paddingTop: "25px" },
@@ -499,7 +499,7 @@ function Bn({
         },
         y
       )),
-      x.length > 0 && /* @__PURE__ */ N($e, { children: [
+      h.length > 0 && /* @__PURE__ */ N($e, { children: [
         /* @__PURE__ */ s(
           U,
           {
@@ -532,7 +532,7 @@ function Bn({
     return /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "Line Chart Error" }),
       /* @__PURE__ */ s("div", { className: "text-xs mb-2", children: f instanceof Error ? f.message : "Unknown rendering error" }),
-      /* @__PURE__ */ s("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
     ] }) });
   }
 }
@@ -553,9 +553,9 @@ function Wn({
       stacked: n?.stacked ?? !1
     };
     if (!e || e.length === 0)
-      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
         /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: "No data points to display in area chart" })
+        /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in area chart" })
       ] }) });
     let u, m, v = [];
     if (t?.xAxis && t?.yAxis)
@@ -579,19 +579,19 @@ function Wn({
       r,
       v,
       d
-    ), h = f.showLegend, S = {
+    ), x = f.showLegend, k = {
       ...ve,
       left: 40
       // Increased from 20 to 40 for Y-axis label space
-    }, $ = Te(n?.target || ""), x = Fe($, p.length);
+    }, $ = Te(n?.target || ""), h = Fe($, p.length);
     let w = p;
-    return x.length > 0 && (w = p.map((y, g) => ({
+    return h.length > 0 && (w = p.map((y, g) => ({
       ...y,
-      __target: x[g] || null
-    }))), !p || p.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+      __target: h[g] || null
+    }))), !p || p.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
-      /* @__PURE__ */ s("div", { className: "text-xs", children: "No valid data points for area chart after transformation" })
-    ] }) }) : /* @__PURE__ */ s(G, { height: i, children: /* @__PURE__ */ N(it, { data: w, margin: S, children: [
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for area chart after transformation" })
+    ] }) }) : /* @__PURE__ */ s(C, { height: i, children: /* @__PURE__ */ N(it, { data: w, margin: k, children: [
       f.showGrid && /* @__PURE__ */ s(ye, { strokeDasharray: "3 3" }),
       /* @__PURE__ */ s(
         ge,
@@ -611,12 +611,12 @@ function Wn({
         }
       ),
       f.showTooltip && /* @__PURE__ */ s(
-        V,
+        G,
         {
           formatter: (y, g) => g === "Target" ? [`${y}`, "Target Value"] : [y, g]
         }
       ),
-      h && /* @__PURE__ */ s(
+      x && /* @__PURE__ */ s(
         K,
         {
           wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
@@ -643,7 +643,7 @@ function Wn({
         },
         y
       )),
-      x.length > 0 && /* @__PURE__ */ N($e, { children: [
+      h.length > 0 && /* @__PURE__ */ N($e, { children: [
         /* @__PURE__ */ s(
           U,
           {
@@ -676,7 +676,7 @@ function Wn({
     return /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "Area Chart Error" }),
       /* @__PURE__ */ s("div", { className: "text-xs mb-2", children: f instanceof Error ? f.message : "Unknown rendering error" }),
-      /* @__PURE__ */ s("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
     ] }) });
   }
 }
@@ -695,9 +695,9 @@ function Yn({
       showTooltip: n?.showTooltip ?? !0
     };
     if (!e || e.length === 0)
-      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
         /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: "No data points to display in pie chart" })
+        /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in pie chart" })
       ] }) });
     let f, u, m, v = [];
     if (t?.xAxis && t?.yAxis)
@@ -724,31 +724,31 @@ function Yn({
         d
       );
       if (f = [], A.length > 0) {
-        const h = A[0];
-        Object.keys(h).forEach((S) => {
-          S !== "name" && typeof h[S] == "number" && f.push({
-            name: String(S),
-            value: h[S]
+        const x = A[0];
+        Object.keys(x).forEach((k) => {
+          k !== "name" && typeof x[k] == "number" && f.push({
+            name: String(k),
+            value: x[k]
           });
         });
       }
     } else {
       const A = O(r, u);
-      f = e.map((h) => {
-        let S = R(h[u], A) || String(h[u]) || "Unknown";
-        return typeof h[u] == "boolean" ? S = h[u] ? "Active" : "Inactive" : (S === "true" || S === "false") && (S = S === "true" ? "Active" : "Inactive"), {
-          name: S,
-          value: typeof h[m[0]] == "string" ? parseFloat(h[m[0]]) : h[m[0]] || 0
+      f = e.map((x) => {
+        let k = R(x[u], A) || String(x[u]) || "Unknown";
+        return typeof x[u] == "boolean" ? k = x[u] ? "Active" : "Inactive" : (k === "true" || k === "false") && (k = k === "true" ? "Active" : "Inactive"), {
+          name: k,
+          value: typeof x[m[0]] == "string" ? parseFloat(x[m[0]]) : x[m[0]] || 0
         };
       });
     }
     const p = f.length;
     return f = f.filter(
       (A) => A.value != null && !isNaN(A.value) && A.value !== 0 && A.value > 0
-    ), f.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+    ), f.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
-      /* @__PURE__ */ s("div", { className: "text-xs", children: p > 0 ? `Filtered out ${p} data points (zero or invalid values)` : "No data points to display in pie chart" })
-    ] }) }) : /* @__PURE__ */ s(G, { height: i, children: /* @__PURE__ */ N(bt, { children: [
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: p > 0 ? `Filtered out ${p} data points (zero or invalid values)` : "No data points to display in pie chart" })
+    ] }) }) : /* @__PURE__ */ s(C, { height: i, children: /* @__PURE__ */ N(bt, { children: [
       /* @__PURE__ */ s(
         wt,
         {
@@ -757,18 +757,18 @@ function Yn({
           cy: "50%",
           outerRadius: "70%",
           dataKey: "value",
-          label: o.showLegend ? void 0 : ({ name: A, percent: h }) => `${A} ${((h || 0) * 100).toFixed(0)}%`,
-          children: f.map((A, h) => /* @__PURE__ */ s(
+          label: o.showLegend ? void 0 : ({ name: A, percent: x }) => `${A} ${((x || 0) * 100).toFixed(0)}%`,
+          children: f.map((A, x) => /* @__PURE__ */ s(
             Le,
             {
-              fill: l?.colors && l.colors[h % l.colors.length] || T[h % T.length],
-              fillOpacity: a ? a === f[h].name ? 1 : 0.3 : 1
+              fill: l?.colors && l.colors[x % l.colors.length] || T[x % T.length],
+              fillOpacity: a ? a === f[x].name ? 1 : 0.3 : 1
             },
-            `cell-${h}`
+            `cell-${x}`
           ))
         }
       ),
-      o.showTooltip && /* @__PURE__ */ s(V, {}),
+      o.showTooltip && /* @__PURE__ */ s(G, {}),
       o.showLegend && /* @__PURE__ */ s(
         K,
         {
@@ -787,7 +787,7 @@ function Yn({
     return /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "Pie Chart Error" }),
       /* @__PURE__ */ s("div", { className: "text-xs mb-2", children: o instanceof Error ? o.message : "Unknown rendering error" }),
-      /* @__PURE__ */ s("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
     ] }) });
   }
 }
@@ -807,9 +807,9 @@ function Xn({
       showTooltip: n?.showTooltip ?? !0
     };
     if (!e || e.length === 0)
-      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
         /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: "No data points to display in scatter chart" })
+        /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in scatter chart" })
       ] }) });
     let f, u, m = [];
     if (t?.xAxis && t?.yAxis)
@@ -828,9 +828,9 @@ function Xn({
       ] }) });
     let v, p = {};
     if (m.length > 0) {
-      const x = m[0];
+      const h = m[0];
       e.forEach((y) => {
-        const g = String(y[x] || "Default");
+        const g = String(y[h] || "Default");
         p[g] || (p[g] = []);
         const b = O(r, f), M = R(y[f], b) || y[f], L = typeof y[u] == "string" ? parseFloat(y[u]) : y[u] || 0;
         p[g].push({
@@ -842,9 +842,9 @@ function Xn({
       const w = Object.keys(p);
       v = p[w[0]] || [];
     } else {
-      const x = O(r, f);
+      const h = O(r, f);
       v = e.map((w) => {
-        const y = R(w[f], x) || w[f], g = typeof w[u] == "string" ? parseFloat(w[u]) : w[u] || 0;
+        const y = R(w[f], h) || w[f], g = typeof w[u] == "string" ? parseFloat(w[u]) : w[u] || 0;
         return {
           x: typeof y == "string" ? parseFloat(y) || 0 : y,
           y: g,
@@ -853,16 +853,16 @@ function Xn({
       });
     }
     if (!v || v.length === 0)
-      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
         /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: "No valid data points for scatter chart after transformation" })
+        /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for scatter chart after transformation" })
       ] }) });
-    const A = Object.keys(p), h = A.length > 1, S = o.showLegend && h, $ = {
+    const A = Object.keys(p), x = A.length > 1, k = o.showLegend && x, $ = {
       ...ve,
       left: 40
       // Increased from 20 to 40 for Y-axis label space
     };
-    return /* @__PURE__ */ s(G, { height: i, children: /* @__PURE__ */ N(Nt, { data: v, margin: $, children: [
+    return /* @__PURE__ */ s(C, { height: i, children: /* @__PURE__ */ N(Nt, { data: v, margin: $, children: [
       o.showGrid && /* @__PURE__ */ s(ye, { strokeDasharray: "3 3" }),
       /* @__PURE__ */ s(
         ge,
@@ -883,8 +883,8 @@ function Xn({
           label: { value: d(u), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
         }
       ),
-      o.showTooltip && /* @__PURE__ */ s(V, {}),
-      S && /* @__PURE__ */ s(
+      o.showTooltip && /* @__PURE__ */ s(G, {}),
+      k && /* @__PURE__ */ s(
         K,
         {
           wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
@@ -893,21 +893,21 @@ function Xn({
           layout: "horizontal",
           align: "center",
           verticalAlign: "bottom",
-          onMouseEnter: (x) => c(String(x.dataKey || "")),
+          onMouseEnter: (h) => c(String(h.dataKey || "")),
           onMouseLeave: () => c(null)
         }
       ),
-      h ? (
+      x ? (
         // Multiple series
-        A.map((x, w) => /* @__PURE__ */ s(
+        A.map((h, w) => /* @__PURE__ */ s(
           Oe,
           {
-            name: x,
-            data: p[x],
+            name: h,
+            data: p[h],
             fill: l?.colors && l.colors[w % l.colors.length] || T[w % T.length],
-            fillOpacity: a ? a === x ? 1 : 0.3 : 1
+            fillOpacity: a ? a === h ? 1 : 0.3 : 1
           },
-          x
+          h
         ))
       ) : (
         // Single series
@@ -925,7 +925,7 @@ function Xn({
     return /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "Scatter Chart Error" }),
       /* @__PURE__ */ s("div", { className: "text-xs mb-2", children: o instanceof Error ? o.message : "Unknown rendering error" }),
-      /* @__PURE__ */ s("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
     ] }) });
   }
 }
@@ -945,9 +945,9 @@ function Qn({
       showGrid: n?.showGrid ?? !0
     };
     if (!e || e.length === 0)
-      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
         /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: "No data points to display in radar chart" })
+        /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in radar chart" })
       ] }) });
     let o, f = [];
     if (t?.xAxis && t?.yAxis) {
@@ -972,42 +972,42 @@ function Qn({
         ] }) });
       if (v) {
         const A = O(r, v);
-        o = e.map((h) => {
-          const S = {
-            name: R(h[v], A) || String(h[v]) || "Unknown"
+        o = e.map((x) => {
+          const k = {
+            name: R(x[v], A) || String(x[v]) || "Unknown"
           };
           return p.forEach(($) => {
-            const x = $.split(".").pop() || $;
-            S[x] = typeof h[$] == "string" ? parseFloat(h[$]) : h[$] || 0;
-          }), S;
-        }), f = p.map((h) => h.split(".").pop() || h);
+            const h = $.split(".").pop() || $;
+            k[h] = typeof x[$] == "string" ? parseFloat(x[$]) : x[$] || 0;
+          }), k;
+        }), f = p.map((x) => x.split(".").pop() || x);
       } else
         o = e.map((A) => ({
           name: String(A[m[0]] || "Unknown"),
           value: typeof A[p[0]] == "string" ? parseFloat(A[p[0]]) : A[p[0]] || 0
         })), f = ["value"];
     }
-    return !o || o.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+    return !o || o.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
-      /* @__PURE__ */ s("div", { className: "text-xs", children: "No valid data points for radar chart after transformation" })
-    ] }) }) : /* @__PURE__ */ s(G, { height: i, children: /* @__PURE__ */ N(At, { data: o, margin: { top: 20, right: 80, bottom: 20, left: 80 }, children: [
-      d.showGrid && /* @__PURE__ */ s(St, {}),
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for radar chart after transformation" })
+    ] }) }) : /* @__PURE__ */ s(C, { height: i, children: /* @__PURE__ */ N(At, { data: o, margin: { top: 20, right: 80, bottom: 20, left: 80 }, children: [
+      d.showGrid && /* @__PURE__ */ s(kt, {}),
       /* @__PURE__ */ s(
-        kt,
+        St,
         {
           dataKey: "name",
           tick: { fontSize: 12 },
-          className: "text-gray-600"
+          className: "text-dc-text-muted"
         }
       ),
       /* @__PURE__ */ s(
         Mt,
         {
           tick: { fontSize: 10 },
-          className: "text-gray-600"
+          className: "text-dc-text-muted"
         }
       ),
-      d.showTooltip && /* @__PURE__ */ s(V, {}),
+      d.showTooltip && /* @__PURE__ */ s(G, {}),
       d.showLegend && f.length > 1 && /* @__PURE__ */ s(
         K,
         {
@@ -1039,7 +1039,7 @@ function Qn({
     return /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "Radar Chart Error" }),
       /* @__PURE__ */ s("div", { className: "text-xs mb-2", children: d instanceof Error ? d.message : "Unknown rendering error" }),
-      /* @__PURE__ */ s("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
     ] }) });
   }
 }
@@ -1058,9 +1058,9 @@ function Zn({
       showTooltip: n?.showTooltip ?? !0
     };
     if (!e || e.length === 0)
-      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
         /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: "No data points to display in radial bar chart" })
+        /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in radial bar chart" })
       ] }) });
     let o;
     if (t?.xAxis && t?.yAxis) {
@@ -1082,18 +1082,18 @@ function Zn({
           /* @__PURE__ */ s("div", { className: "text-xs", children: "No numeric field found for radial bar chart values" })
         ] }) });
       o = e.map((p, A) => {
-        let h = p[m];
-        return typeof h == "boolean" ? h = h ? "Active" : "Inactive" : h === "true" || h === "false" ? h = h === "true" ? "Active" : "Inactive" : h = String(h), {
-          name: h,
+        let x = p[m];
+        return typeof x == "boolean" ? x = x ? "Active" : "Inactive" : x === "true" || x === "false" ? x = x === "true" ? "Active" : "Inactive" : x = String(x), {
+          name: x,
           value: typeof p[v] == "string" ? parseFloat(p[v]) : p[v] || 0,
           fill: l?.colors && l.colors[A % l.colors.length] || T[A % T.length]
         };
       });
     }
-    return o = o.filter((f) => f.value != null && f.value !== 0), o.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+    return o = o.filter((f) => f.value != null && f.value !== 0), o.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
-      /* @__PURE__ */ s("div", { className: "text-xs", children: "No valid data points for radial bar chart after transformation" })
-    ] }) }) : /* @__PURE__ */ s(G, { height: i, children: /* @__PURE__ */ N(
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for radial bar chart after transformation" })
+    ] }) }) : /* @__PURE__ */ s(C, { height: i, children: /* @__PURE__ */ N(
       Lt,
       {
         data: o,
@@ -1101,7 +1101,7 @@ function Zn({
         outerRadius: "80%",
         margin: { top: 20, right: 30, bottom: 20, left: 30 },
         children: [
-          d.showTooltip && /* @__PURE__ */ s(V, {}),
+          d.showTooltip && /* @__PURE__ */ s(G, {}),
           d.showLegend && /* @__PURE__ */ s(
             K,
             {
@@ -1138,7 +1138,7 @@ function Zn({
     return /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "Radial Bar Chart Error" }),
       /* @__PURE__ */ s("div", { className: "text-xs mb-2", children: d instanceof Error ? d.message : "Unknown rendering error" }),
-      /* @__PURE__ */ s("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
     ] }) });
   }
 }
@@ -1185,15 +1185,15 @@ function Rt(e) {
 }
 const It = st(ce), at = It.right;
 st(Rt).center;
-class Ge extends Map {
+class Ce extends Map {
   constructor(t, n = Ht) {
     if (super(), Object.defineProperties(this, { _intern: { value: /* @__PURE__ */ new Map() }, _key: { value: n } }), t != null) for (const [r, i] of t) this.set(r, i);
   }
   get(t) {
-    return super.get(Ve(this, t));
+    return super.get(Ge(this, t));
   }
   has(t) {
-    return super.has(Ve(this, t));
+    return super.has(Ge(this, t));
   }
   set(t, n) {
     return super.set(_t(this, t), n);
@@ -1202,7 +1202,7 @@ class Ge extends Map {
     return super.delete(Ot(this, t));
   }
 }
-function Ve({ _intern: e, _key: t }, n) {
+function Ge({ _intern: e, _key: t }, n) {
   const r = t(n);
   return e.has(r) ? e.get(r) : n;
 }
@@ -1217,9 +1217,9 @@ function Ot({ _intern: e, _key: t }, n) {
 function Ht(e) {
   return e !== null && typeof e == "object" ? e.valueOf() : e;
 }
-const Gt = Math.sqrt(50), Vt = Math.sqrt(10), Ct = Math.sqrt(2);
+const Ct = Math.sqrt(50), Gt = Math.sqrt(10), Vt = Math.sqrt(2);
 function de(e, t, n) {
-  const r = (t - e) / Math.max(0, n), i = Math.floor(Math.log10(r)), l = r / Math.pow(10, i), a = l >= Gt ? 10 : l >= Vt ? 5 : l >= Ct ? 2 : 1;
+  const r = (t - e) / Math.max(0, n), i = Math.floor(Math.log10(r)), l = r / Math.pow(10, i), a = l >= Ct ? 10 : l >= Gt ? 5 : l >= Vt ? 2 : 1;
   let c, d, o;
   return i < 0 ? (o = Math.pow(10, -i) / a, c = Math.round(e * o), d = Math.round(t * o), c / o < e && ++c, d / o > t && --d, o = -o) : (o = Math.pow(10, i) * a, c = Math.round(e / o), d = Math.round(t / o), c * o < e && ++c, d * o > t && --d), d < c && 0.5 <= n && n < 2 ? de(e, t, n * 2) : [c, d, o];
 }
@@ -1254,7 +1254,7 @@ function lt(e, t) {
 }
 function te() {
 }
-var Z = 0.7, fe = 1 / Z, X = "\\s*([+-]?\\d+)\\s*", J = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", I = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", Kt = /^#([0-9a-f]{3,8})$/, Bt = new RegExp(`^rgb\\(${X},${X},${X}\\)$`), Wt = new RegExp(`^rgb\\(${I},${I},${I}\\)$`), Yt = new RegExp(`^rgba\\(${X},${X},${X},${J}\\)$`), Xt = new RegExp(`^rgba\\(${I},${I},${I},${J}\\)$`), Qt = new RegExp(`^hsl\\(${J},${I},${I}\\)$`), Zt = new RegExp(`^hsla\\(${J},${I},${I},${J}\\)$`), Ce = {
+var Z = 0.7, fe = 1 / Z, X = "\\s*([+-]?\\d+)\\s*", J = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", I = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", Kt = /^#([0-9a-f]{3,8})$/, Bt = new RegExp(`^rgb\\(${X},${X},${X}\\)$`), Wt = new RegExp(`^rgb\\(${I},${I},${I}\\)$`), Yt = new RegExp(`^rgba\\(${X},${X},${X},${J}\\)$`), Xt = new RegExp(`^rgba\\(${I},${I},${I},${J}\\)$`), Qt = new RegExp(`^hsl\\(${J},${I},${I}\\)$`), Zt = new RegExp(`^hsla\\(${J},${I},${I},${J}\\)$`), Ve = {
   aliceblue: 15792383,
   antiquewhite: 16444375,
   aqua: 65535,
@@ -1433,7 +1433,7 @@ function qe() {
 }
 function P(e) {
   var t, n;
-  return e = (e + "").trim().toLowerCase(), (t = Kt.exec(e)) ? (n = t[1].length, t = parseInt(t[1], 16), n === 6 ? Ke(t) : n === 3 ? new j(t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, (t & 15) << 4 | t & 15, 1) : n === 8 ? ae(t >> 24 & 255, t >> 16 & 255, t >> 8 & 255, (t & 255) / 255) : n === 4 ? ae(t >> 12 & 15 | t >> 8 & 240, t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, ((t & 15) << 4 | t & 15) / 255) : null) : (t = Bt.exec(e)) ? new j(t[1], t[2], t[3], 1) : (t = Wt.exec(e)) ? new j(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, 1) : (t = Yt.exec(e)) ? ae(t[1], t[2], t[3], t[4]) : (t = Xt.exec(e)) ? ae(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, t[4]) : (t = Qt.exec(e)) ? Ye(t[1], t[2] / 100, t[3] / 100, 1) : (t = Zt.exec(e)) ? Ye(t[1], t[2] / 100, t[3] / 100, t[4]) : Ce.hasOwnProperty(e) ? Ke(Ce[e]) : e === "transparent" ? new j(NaN, NaN, NaN, 0) : null;
+  return e = (e + "").trim().toLowerCase(), (t = Kt.exec(e)) ? (n = t[1].length, t = parseInt(t[1], 16), n === 6 ? Ke(t) : n === 3 ? new j(t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, (t & 15) << 4 | t & 15, 1) : n === 8 ? ae(t >> 24 & 255, t >> 16 & 255, t >> 8 & 255, (t & 255) / 255) : n === 4 ? ae(t >> 12 & 15 | t >> 8 & 240, t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, ((t & 15) << 4 | t & 15) / 255) : null) : (t = Bt.exec(e)) ? new j(t[1], t[2], t[3], 1) : (t = Wt.exec(e)) ? new j(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, 1) : (t = Yt.exec(e)) ? ae(t[1], t[2], t[3], t[4]) : (t = Xt.exec(e)) ? ae(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, t[4]) : (t = Qt.exec(e)) ? Ye(t[1], t[2] / 100, t[3] / 100, 1) : (t = Zt.exec(e)) ? Ye(t[1], t[2] / 100, t[3] / 100, t[4]) : Ve.hasOwnProperty(e) ? Ke(Ve[e]) : e === "transparent" ? new j(NaN, NaN, NaN, 0) : null;
 }
 function Ke(e) {
   return new j(e >> 16 & 255, e >> 8 & 255, e & 255, 1);
@@ -1444,13 +1444,13 @@ function ae(e, t, n, r) {
 function en(e) {
   return e instanceof te || (e = P(e)), e ? (e = e.rgb(), new j(e.r, e.g, e.b, e.opacity)) : new j();
 }
-function Se(e, t, n, r) {
+function ke(e, t, n, r) {
   return arguments.length === 1 ? en(e) : new j(e, t, n, r ?? 1);
 }
 function j(e, t, n, r) {
   this.r = +e, this.g = +t, this.b = +n, this.opacity = +r;
 }
-je(j, Se, lt(te, {
+je(j, ke, lt(te, {
   brighter(e) {
     return e = e == null ? fe : Math.pow(fe, e), new j(this.r * e, this.g * e, this.b * e, this.opacity);
   },
@@ -1474,10 +1474,10 @@ je(j, Se, lt(te, {
   toString: We
 }));
 function Be() {
-  return `#${C(this.r)}${C(this.g)}${C(this.b)}`;
+  return `#${V(this.r)}${V(this.g)}${V(this.b)}`;
 }
 function tn() {
-  return `#${C(this.r)}${C(this.g)}${C(this.b)}${C((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
+  return `#${V(this.r)}${V(this.g)}${V(this.b)}${V((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
 }
 function We() {
   const e = ue(this.opacity);
@@ -1489,7 +1489,7 @@ function ue(e) {
 function q(e) {
   return Math.max(0, Math.min(255, Math.round(e) || 0));
 }
-function C(e) {
+function V(e) {
   return e = q(e), (e < 16 ? "0" : "") + e.toString(16);
 }
 function Ye(e, t, n, r) {
@@ -1568,7 +1568,7 @@ function ct(e, t) {
 const Qe = (function e(t) {
   var n = an(t);
   function r(i, l) {
-    var a = n((i = Se(i)).r, (l = Se(l)).r), c = n(i.g, l.g), d = n(i.b, l.b), o = ct(i.opacity, l.opacity);
+    var a = n((i = ke(i)).r, (l = ke(l)).r), c = n(i.g, l.g), d = n(i.b, l.b), o = ct(i.opacity, l.opacity);
     return function(f) {
       return i.r = a(f), i.g = c(f), i.b = d(f), i.opacity = o(f), i + "";
     };
@@ -1616,7 +1616,7 @@ function fn(e, t) {
     return r;
   };
 }
-var ke = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, we = new RegExp(ke.source, "g");
+var Se = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, we = new RegExp(Se.source, "g");
 function un(e) {
   return function() {
     return e;
@@ -1627,9 +1627,9 @@ function mn(e) {
     return e(t) + "";
   };
 }
-function hn(e, t) {
-  var n = ke.lastIndex = we.lastIndex = 0, r, i, l, a = -1, c = [], d = [];
-  for (e = e + "", t = t + ""; (r = ke.exec(e)) && (i = we.exec(t)); )
+function xn(e, t) {
+  var n = Se.lastIndex = we.lastIndex = 0, r, i, l, a = -1, c = [], d = [];
+  for (e = e + "", t = t + ""; (r = Se.exec(e)) && (i = we.exec(t)); )
     (l = i.index) > n && (l = t.slice(n, l), c[a] ? c[a] += l : c[++a] = l), (r = r[0]) === (i = i[0]) ? c[a] ? c[a] += i : c[++a] = i : (c[++a] = null, d.push({ i: a, x: me(r, i) })), n = we.lastIndex;
   return n < t.length && (l = t.slice(n), c[a] ? c[a] += l : c[++a] = l), c.length < 2 ? d[0] ? mn(d[0].x) : un(t) : (t = d.length, function(o) {
     for (var f = 0, u; f < t; ++f) c[(u = d[f]).i] = u.x(o);
@@ -1638,9 +1638,9 @@ function hn(e, t) {
 }
 function Ee(e, t) {
   var n = typeof t, r;
-  return t == null || n === "boolean" ? ze(t) : (n === "number" ? me : n === "string" ? (r = P(t)) ? (t = r, Qe) : hn : t instanceof P ? Qe : t instanceof Date ? dn : on(t) ? ln : Array.isArray(t) ? cn : typeof t.valueOf != "function" && typeof t.toString != "function" || isNaN(t) ? fn : me)(e, t);
+  return t == null || n === "boolean" ? ze(t) : (n === "number" ? me : n === "string" ? (r = P(t)) ? (t = r, Qe) : xn : t instanceof P ? Qe : t instanceof Date ? dn : on(t) ? ln : Array.isArray(t) ? cn : typeof t.valueOf != "function" && typeof t.toString != "function" || isNaN(t) ? fn : me)(e, t);
 }
-function xn(e, t) {
+function hn(e, t) {
   return e = +e, t = +t, function(n) {
     return Math.round(e * (1 - n) + t * n);
   };
@@ -1648,7 +1648,7 @@ function xn(e, t) {
 function yn(e) {
   return Math.abs(e = Math.round(e)) >= 1e21 ? e.toLocaleString("en").replace(/,/g, "") : e.toString(10);
 }
-function he(e, t) {
+function xe(e, t) {
   if ((n = (e = t ? e.toExponential(t - 1) : e.toExponential()).indexOf("e")) < 0) return null;
   var n, r = e.slice(0, n);
   return [
@@ -1657,7 +1657,7 @@ function he(e, t) {
   ];
 }
 function Q(e) {
-  return e = he(Math.abs(e)), e ? e[1] : NaN;
+  return e = xe(Math.abs(e)), e ? e[1] : NaN;
 }
 function gn(e, t) {
   return function(n, r) {
@@ -1674,7 +1674,7 @@ function pn(e) {
   };
 }
 var vn = /^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;
-function xe(e) {
+function he(e) {
   if (!(t = vn.exec(e))) throw new Error("invalid format: " + e);
   var t;
   return new De({
@@ -1690,7 +1690,7 @@ function xe(e) {
     type: t[10]
   });
 }
-xe.prototype = De.prototype;
+he.prototype = De.prototype;
 function De(e) {
   this.fill = e.fill === void 0 ? " " : e.fill + "", this.align = e.align === void 0 ? ">" : e.align + "", this.sign = e.sign === void 0 ? "-" : e.sign + "", this.symbol = e.symbol === void 0 ? "" : e.symbol + "", this.zero = !!e.zero, this.width = e.width === void 0 ? void 0 : +e.width, this.comma = !!e.comma, this.precision = e.precision === void 0 ? void 0 : +e.precision, this.trim = !!e.trim, this.type = e.type === void 0 ? "" : e.type + "";
 }
@@ -1715,13 +1715,13 @@ function bn(e) {
 }
 var dt;
 function wn(e, t) {
-  var n = he(e, t);
+  var n = xe(e, t);
   if (!n) return e + "";
   var r = n[0], i = n[1], l = i - (dt = Math.max(-8, Math.min(8, Math.floor(i / 3))) * 3) + 1, a = r.length;
-  return l === a ? r : l > a ? r + new Array(l - a + 1).join("0") : l > 0 ? r.slice(0, l) + "." + r.slice(l) : "0." + new Array(1 - l).join("0") + he(e, Math.max(0, t + l - 1))[0];
+  return l === a ? r : l > a ? r + new Array(l - a + 1).join("0") : l > 0 ? r.slice(0, l) + "." + r.slice(l) : "0." + new Array(1 - l).join("0") + xe(e, Math.max(0, t + l - 1))[0];
 }
 function Ze(e, t) {
-  var n = he(e, t);
+  var n = xe(e, t);
   if (!n) return e + "";
   var r = n[0], i = n[1];
   return i < 0 ? "0." + new Array(-i).join("0") + r : r.length > i + 1 ? r.slice(0, i + 1) + "." + r.slice(i + 1) : r + new Array(i - r.length + 2).join("0");
@@ -1748,52 +1748,52 @@ var et = Array.prototype.map, tt = ["y", "z", "a", "f", "p", "n", "µ", "m", "",
 function Nn(e) {
   var t = e.grouping === void 0 || e.thousands === void 0 ? Pe : gn(et.call(e.grouping, Number), e.thousands + ""), n = e.currency === void 0 ? "" : e.currency[0] + "", r = e.currency === void 0 ? "" : e.currency[1] + "", i = e.decimal === void 0 ? "." : e.decimal + "", l = e.numerals === void 0 ? Pe : pn(et.call(e.numerals, String)), a = e.percent === void 0 ? "%" : e.percent + "", c = e.minus === void 0 ? "−" : e.minus + "", d = e.nan === void 0 ? "NaN" : e.nan + "";
   function o(u) {
-    u = xe(u);
-    var m = u.fill, v = u.align, p = u.sign, A = u.symbol, h = u.zero, S = u.width, $ = u.comma, x = u.precision, w = u.trim, y = u.type;
-    y === "n" ? ($ = !0, y = "g") : Je[y] || (x === void 0 && (x = 12), w = !0, y = "g"), (h || m === "0" && v === "=") && (h = !0, m = "0", v = "=");
+    u = he(u);
+    var m = u.fill, v = u.align, p = u.sign, A = u.symbol, x = u.zero, k = u.width, $ = u.comma, h = u.precision, w = u.trim, y = u.type;
+    y === "n" ? ($ = !0, y = "g") : Je[y] || (h === void 0 && (h = 12), w = !0, y = "g"), (x || m === "0" && v === "=") && (x = !0, m = "0", v = "=");
     var g = A === "$" ? n : A === "#" && /[boxX]/.test(y) ? "0" + y.toLowerCase() : "", b = A === "$" ? r : /[%p]/.test(y) ? a : "", M = Je[y], L = /[defgprs%]/.test(y);
-    x = x === void 0 ? 6 : /[gprs]/.test(y) ? Math.max(1, Math.min(21, x)) : Math.max(0, Math.min(20, x));
-    function F(k) {
+    h = h === void 0 ? 6 : /[gprs]/.test(y) ? Math.max(1, Math.min(21, h)) : Math.max(0, Math.min(20, h));
+    function F(S) {
       var E = g, z = b, W, Ie, ne;
       if (y === "c")
-        z = M(k) + z, k = "";
+        z = M(S) + z, S = "";
       else {
-        k = +k;
-        var re = k < 0 || 1 / k < 0;
-        if (k = isNaN(k) ? d : M(Math.abs(k), x), w && (k = bn(k)), re && +k == 0 && p !== "+" && (re = !1), E = (re ? p === "(" ? p : c : p === "-" || p === "(" ? "" : p) + E, z = (y === "s" ? tt[8 + dt / 3] : "") + z + (re && p === "(" ? ")" : ""), L) {
-          for (W = -1, Ie = k.length; ++W < Ie; )
-            if (ne = k.charCodeAt(W), 48 > ne || ne > 57) {
-              z = (ne === 46 ? i + k.slice(W + 1) : k.slice(W)) + z, k = k.slice(0, W);
+        S = +S;
+        var re = S < 0 || 1 / S < 0;
+        if (S = isNaN(S) ? d : M(Math.abs(S), h), w && (S = bn(S)), re && +S == 0 && p !== "+" && (re = !1), E = (re ? p === "(" ? p : c : p === "-" || p === "(" ? "" : p) + E, z = (y === "s" ? tt[8 + dt / 3] : "") + z + (re && p === "(" ? ")" : ""), L) {
+          for (W = -1, Ie = S.length; ++W < Ie; )
+            if (ne = S.charCodeAt(W), 48 > ne || ne > 57) {
+              z = (ne === 46 ? i + S.slice(W + 1) : S.slice(W)) + z, S = S.slice(0, W);
               break;
             }
         }
       }
-      $ && !h && (k = t(k, 1 / 0));
-      var ie = E.length + k.length + z.length, _ = ie < S ? new Array(S - ie + 1).join(m) : "";
-      switch ($ && h && (k = t(_ + k, _.length ? S - z.length : 1 / 0), _ = ""), v) {
+      $ && !x && (S = t(S, 1 / 0));
+      var ie = E.length + S.length + z.length, _ = ie < k ? new Array(k - ie + 1).join(m) : "";
+      switch ($ && x && (S = t(_ + S, _.length ? k - z.length : 1 / 0), _ = ""), v) {
         case "<":
-          k = E + k + z + _;
+          S = E + S + z + _;
           break;
         case "=":
-          k = E + _ + k + z;
+          S = E + _ + S + z;
           break;
         case "^":
-          k = _.slice(0, ie = _.length >> 1) + E + k + z + _.slice(ie);
+          S = _.slice(0, ie = _.length >> 1) + E + S + z + _.slice(ie);
           break;
         default:
-          k = _ + E + k + z;
+          S = _ + E + S + z;
           break;
       }
-      return l(k);
+      return l(S);
     }
     return F.toString = function() {
       return u + "";
     }, F;
   }
   function f(u, m) {
-    var v = o((u = xe(u), u.type = "f", u)), p = Math.max(-8, Math.min(8, Math.floor(Q(m) / 3))) * 3, A = Math.pow(10, -p), h = tt[8 + p / 3];
-    return function(S) {
-      return v(A * S) + h;
+    var v = o((u = he(u), u.type = "f", u)), p = Math.max(-8, Math.min(8, Math.floor(Q(m) / 3))) * 3, A = Math.pow(10, -p), x = tt[8 + p / 3];
+    return function(k) {
+      return v(A * k) + x;
     };
   }
   return {
@@ -1810,10 +1810,10 @@ An({
 function An(e) {
   return oe = Nn(e), ft = oe.format, ut = oe.formatPrefix, oe;
 }
-function Sn(e) {
+function kn(e) {
   return Math.max(0, -Q(Math.abs(e)));
 }
-function kn(e, t) {
+function Sn(e, t) {
   return Math.max(0, Math.max(-8, Math.min(8, Math.floor(Q(t) / 3))) * 3 - Q(Math.abs(e)));
 }
 function Mn(e, t) {
@@ -1834,7 +1834,7 @@ function Re(e, t) {
 }
 const nt = Symbol("implicit");
 function mt() {
-  var e = new Ge(), t = [], n = [], r = nt;
+  var e = new Ce(), t = [], n = [], r = nt;
   function i(l) {
     let a = e.get(l);
     if (a === void 0) {
@@ -1845,7 +1845,7 @@ function mt() {
   }
   return i.domain = function(l) {
     if (!arguments.length) return t.slice();
-    t = [], e = new Ge();
+    t = [], e = new Ce();
     for (const a of l)
       e.has(a) || e.set(a, t.push(a) - 1);
     return i;
@@ -1914,7 +1914,7 @@ function En() {
   }, u.range = function(m) {
     return arguments.length ? (t = Array.from(m), f()) : t.slice();
   }, u.rangeRound = function(m) {
-    return t = Array.from(m), n = xn, f();
+    return t = Array.from(m), n = hn, f();
   }, u.clamp = function(m) {
     return arguments.length ? (a = m ? !0 : Y, f()) : a !== Y;
   }, u.interpolate = function(m) {
@@ -1930,10 +1930,10 @@ function Dn() {
 }
 function Rn(e, t, n, r) {
   var i = qt(e, t, n), l;
-  switch (r = xe(r ?? ",f"), r.type) {
+  switch (r = he(r ?? ",f"), r.type) {
     case "s": {
       var a = Math.max(Math.abs(e), Math.abs(t));
-      return r.precision == null && !isNaN(l = kn(i, a)) && (r.precision = l), ut(r, a);
+      return r.precision == null && !isNaN(l = Sn(i, a)) && (r.precision = l), ut(r, a);
     }
     case "":
     case "e":
@@ -1945,13 +1945,13 @@ function Rn(e, t, n, r) {
     }
     case "f":
     case "%": {
-      r.precision == null && !isNaN(l = Sn(i)) && (r.precision = l - (r.type === "%") * 2);
+      r.precision == null && !isNaN(l = kn(i)) && (r.precision = l - (r.type === "%") * 2);
       break;
     }
   }
   return ft(r);
 }
-function ht(e) {
+function xt(e) {
   var t = e.domain;
   return e.ticks = function(n) {
     var r = t();
@@ -1980,9 +1980,9 @@ function In() {
   var e = Dn();
   return e.copy = function() {
     return zn(e, In());
-  }, Re.apply(e, arguments), ht(e);
+  }, Re.apply(e, arguments), xt(e);
 }
-function xt() {
+function ht() {
   var e = 0, t = 1, n = 1, r = [0.5], i = [0, 1], l;
   function a(d) {
     return d != null && d <= d ? i[at(r, d, 0, n)] : l;
@@ -2004,8 +2004,8 @@ function xt() {
   }, a.thresholds = function() {
     return r.slice();
   }, a.copy = function() {
-    return xt().domain([e, t]).range(i).unknown(l);
-  }, Re.apply(ht(a), arguments);
+    return ht().domain([e, t]).range(i).unknown(l);
+  }, Re.apply(xt(a), arguments);
 }
 function Jn({
   data: e,
@@ -2022,26 +2022,26 @@ function Jn({
       showLegend: n?.showLegend ?? !0
     };
     if (!e || e.length === 0)
-      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
         /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: "No data points to display in treemap chart" })
+        /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in treemap chart" })
       ] }) });
     let f, u = !1, m;
     if (t?.xAxis && t?.yAxis) {
-      const x = t.xAxis[0], w = Array.isArray(t.yAxis) ? t.yAxis[0] : t.yAxis;
+      const h = t.xAxis[0], w = Array.isArray(t.yAxis) ? t.yAxis[0] : t.yAxis;
       m = Array.isArray(t.series) ? t.series[0] : t.series;
-      const y = O(r, x);
+      const y = O(r, h);
       if (m) {
         const g = e.map((b) => {
           const M = b[m];
           return typeof M == "string" ? parseFloat(M) : M;
         }).filter((b) => !isNaN(b));
         if (u = g.length === e.length && g.every((b) => typeof b == "number"), u) {
-          const b = Math.min(...g), M = Math.max(...g), L = xt().domain([b, M]).range(se);
+          const b = Math.min(...g), M = Math.max(...g), L = ht().domain([b, M]).range(se);
           f = e.map((F) => {
-            const k = typeof F[m] == "string" ? parseFloat(F[m]) : F[m], E = L(k);
+            const S = typeof F[m] == "string" ? parseFloat(F[m]) : F[m], E = L(S);
             return {
-              name: R(F[x], y) || String(F[x]) || "Unknown",
+              name: R(F[h], y) || String(F[h]) || "Unknown",
               size: typeof F[w] == "string" ? parseFloat(F[w]) : F[w] || 0,
               fill: E,
               series: String(F[m])
@@ -2050,7 +2050,7 @@ function Jn({
         } else {
           const b = [...new Set(e.map((L) => String(L[m])))], M = mt().domain(b).range(l?.colors || T);
           f = e.map((L) => ({
-            name: R(L[x], y) || String(L[x]) || "Unknown",
+            name: R(L[h], y) || String(L[h]) || "Unknown",
             size: typeof L[w] == "string" ? parseFloat(L[w]) : L[w] || 0,
             fill: M(String(L[m])),
             series: String(L[m])
@@ -2058,15 +2058,15 @@ function Jn({
         }
       } else
         f = e.map((g, b) => ({
-          name: R(g[x], y) || String(g[x]) || "Unknown",
+          name: R(g[h], y) || String(g[h]) || "Unknown",
           size: typeof g[w] == "string" ? parseFloat(g[w]) : g[w] || 0,
           fill: l?.colors && l.colors[b % l.colors.length] || T[b % T.length]
         }));
     } else {
-      const x = e[0], w = Object.keys(x), y = w.find(
-        (b) => typeof x[b] == "string" || b.toLowerCase().includes("name") || b.toLowerCase().includes("label") || b.toLowerCase().includes("category")
+      const h = e[0], w = Object.keys(h), y = w.find(
+        (b) => typeof h[b] == "string" || b.toLowerCase().includes("name") || b.toLowerCase().includes("label") || b.toLowerCase().includes("category")
       ) || w[0], g = w.find((b) => b.toLowerCase().includes("size")) || w.find(
-        (b) => typeof x[b] == "number" && b !== y
+        (b) => typeof h[b] == "number" && b !== y
       ) || w[1];
       if (!g)
         return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
@@ -2082,13 +2082,13 @@ function Jn({
         };
       });
     }
-    if (f = f.filter((x) => x.size != null && x.size > 0), f.length === 0)
-      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+    if (f = f.filter((h) => h.size != null && h.size > 0), f.length === 0)
+      return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
         /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: "No valid data points for treemap chart after transformation" })
+        /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for treemap chart after transformation" })
       ] }) });
-    const v = (x) => {
-      const { x: w, y, width: g, height: b, index: M, name: L, size: F } = x;
+    const v = (h) => {
+      const { x: w, y, width: g, height: b, index: M, name: L, size: F } = h;
       return g < 20 || b < 20 ? null : /* @__PURE__ */ N("g", { children: [
         /* @__PURE__ */ s(
           "rect",
@@ -2166,33 +2166,33 @@ function Jn({
           }
         )
       ] });
-    }, A = f.some((x) => "series" in x) ? [...new Set(f.map((x) => x.series).filter(Boolean))] : [];
-    let h = [];
+    }, A = f.some((h) => "series" in h) ? [...new Set(f.map((h) => h.series).filter(Boolean))] : [];
+    let x = [];
     if (o.showLegend && m)
       if (u) {
-        const x = Math.min(...e.map((y) => {
+        const h = Math.min(...e.map((y) => {
           const g = y[m];
           return typeof g == "string" ? parseFloat(g) : g;
         })), w = Math.max(...e.map((y) => {
           const g = y[m];
           return typeof g == "string" ? parseFloat(g) : g;
         }));
-        h = se.map((y, g) => {
+        x = se.map((y, g) => {
           const b = g / (se.length - 1);
           return {
-            value: (x + (w - x) * b).toFixed(2),
+            value: (h + (w - h) * b).toFixed(2),
             type: "rect",
             color: y
           };
         });
-      } else A.length > 1 && (h = A.map((x, w) => ({
-        value: x,
+      } else A.length > 1 && (x = A.map((h, w) => ({
+        value: h,
         type: "rect",
         color: T[w % T.length]
       })));
-    const S = o.showLegend && h.length > 0, $ = S ? typeof i == "string" && i.includes("%") ? i : typeof i == "number" ? i + 60 : `calc(${i} + 60px)` : i;
+    const k = o.showLegend && x.length > 0, $ = k ? typeof i == "string" && i.includes("%") ? i : typeof i == "number" ? i + 60 : `calc(${i} + 60px)` : i;
     return /* @__PURE__ */ N("div", { className: "w-full", style: { height: $ }, children: [
-      /* @__PURE__ */ s(G, { height: S ? "calc(100% - 50px)" : "100%", children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s(C, { height: k ? "calc(100% - 50px)" : "100%", children: /* @__PURE__ */ s(
         Ft,
         {
           data: f,
@@ -2200,16 +2200,16 @@ function Jn({
           aspectRatio: 4 / 3,
           stroke: "#fff",
           content: /* @__PURE__ */ s(v, {}),
-          children: o.showTooltip && /* @__PURE__ */ s(V, {})
+          children: o.showTooltip && /* @__PURE__ */ s(G, {})
         }
       ) }),
-      S && /* @__PURE__ */ s("div", { className: "flex justify-center items-center mt-4 pb-2", children: u ? (
+      k && /* @__PURE__ */ s("div", { className: "flex justify-center items-center mt-4 pb-2", children: u ? (
         // Gradient legend for numeric series
         /* @__PURE__ */ N("div", { className: "flex flex-col items-center", children: [
-          /* @__PURE__ */ s("div", { className: "text-xs font-semibold text-gray-700 mb-2", children: m ? d(m) : "" }),
+          /* @__PURE__ */ s("div", { className: "text-xs font-semibold text-dc-text-primary mb-2", children: m ? d(m) : "" }),
           /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ s("span", { className: "text-xs text-gray-600", children: Math.min(...e.map((x) => {
-              const w = x[m];
+            /* @__PURE__ */ s("span", { className: "text-xs text-dc-text-muted", children: Math.min(...e.map((h) => {
+              const w = h[m];
               return typeof w == "string" ? parseFloat(w) : w;
             })).toFixed(2) }),
             /* @__PURE__ */ s(
@@ -2222,23 +2222,23 @@ function Jn({
                 }
               }
             ),
-            /* @__PURE__ */ s("span", { className: "text-xs text-gray-600", children: Math.max(...e.map((x) => {
-              const w = x[m];
+            /* @__PURE__ */ s("span", { className: "text-xs text-dc-text-muted", children: Math.max(...e.map((h) => {
+              const w = h[m];
               return typeof w == "string" ? parseFloat(w) : w;
             })).toFixed(2) })
           ] })
         ] })
       ) : (
         // Discrete legend for categorical series
-        /* @__PURE__ */ s("div", { className: "flex flex-wrap justify-center gap-4", children: h.map((x, w) => /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ s("div", { className: "flex flex-wrap justify-center gap-4", children: x.map((h, w) => /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ s(
             "div",
             {
               className: "w-3 h-3 rounded-xs",
-              style: { backgroundColor: x.color }
+              style: { backgroundColor: h.color }
             }
           ),
-          /* @__PURE__ */ s("span", { className: "text-xs text-gray-600", children: x.value })
+          /* @__PURE__ */ s("span", { className: "text-xs text-dc-text-muted", children: h.value })
         ] }, w)) })
       ) })
     ] });
@@ -2246,7 +2246,7 @@ function Jn({
     return /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: i }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "TreeMap Chart Error" }),
       /* @__PURE__ */ s("div", { className: "text-xs mb-2", children: o instanceof Error ? o.message : "Unknown rendering error" }),
-      /* @__PURE__ */ s("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+      /* @__PURE__ */ s("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
     ] }) });
   }
 }
@@ -2257,27 +2257,51 @@ function Pn({
 }) {
   const { getFieldLabel: r } = B();
   if (!e || e.length === 0)
-    return /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: n }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
-      /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
-      /* @__PURE__ */ s("div", { className: "text-xs", children: "No data to display in table" })
-    ] }) });
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        className: "flex items-center justify-center w-full",
+        style: {
+          height: n,
+          backgroundColor: "var(--dc-warning-bg)",
+          color: "var(--dc-warning)",
+          borderColor: "var(--dc-warning-border)"
+        },
+        children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+          /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+          /* @__PURE__ */ s("div", { className: "text-xs", children: "No data to display in table" })
+        ] })
+      }
+    );
   const i = Object.keys(e[0] || {}), l = t?.xAxis && t.xAxis.length > 0 ? t.xAxis.filter((a) => i.includes(a)) : i;
-  return l.length === 0 ? /* @__PURE__ */ s("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: n }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
-    /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No columns available" }),
-    /* @__PURE__ */ s("div", { className: "text-xs", children: "Data structure is invalid" })
-  ] }) }) : /* @__PURE__ */ s("div", { className: "w-full overflow-auto", style: { height: n }, children: /* @__PURE__ */ N("table", { className: "min-w-full divide-y divide-gray-200", children: [
-    /* @__PURE__ */ s("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ s("tr", { children: l.map((a) => /* @__PURE__ */ s(
+  return l.length === 0 ? /* @__PURE__ */ s(
+    "div",
+    {
+      className: "flex items-center justify-center w-full",
+      style: {
+        height: n,
+        backgroundColor: "var(--dc-warning-bg)",
+        color: "var(--dc-warning)",
+        borderColor: "var(--dc-warning-border)"
+      },
+      children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+        /* @__PURE__ */ s("div", { className: "text-sm font-semibold mb-1", children: "No columns available" }),
+        /* @__PURE__ */ s("div", { className: "text-xs", children: "Data structure is invalid" })
+      ] })
+    }
+  ) : /* @__PURE__ */ s("div", { className: "w-full overflow-auto", style: { height: n }, children: /* @__PURE__ */ N("table", { className: "min-w-full divide-y border-dc-border", children: [
+    /* @__PURE__ */ s("thead", { className: "bg-dc-surface-secondary sticky top-0", children: /* @__PURE__ */ s("tr", { children: l.map((a) => /* @__PURE__ */ s(
       "th",
       {
-        className: "px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",
+        className: "px-3 py-2 text-left text-xs font-medium text-dc-text-muted uppercase tracking-wider",
         children: r(a)
       },
       a
     )) }) }),
-    /* @__PURE__ */ s("tbody", { className: "bg-white divide-y divide-gray-200", children: e.map((a, c) => /* @__PURE__ */ s("tr", { className: "hover:bg-gray-50", children: l.map((d) => /* @__PURE__ */ s(
+    /* @__PURE__ */ s("tbody", { className: "bg-dc-surface divide-y border-dc-border", children: e.map((a, c) => /* @__PURE__ */ s("tr", { className: "hover:bg-dc-surface-secondary", children: l.map((d) => /* @__PURE__ */ s(
       "td",
       {
-        className: "px-3 py-2 whitespace-nowrap text-sm text-gray-900",
+        className: "px-3 py-2 whitespace-nowrap text-sm text-dc-text",
         children: _n(a[d])
       },
       d
@@ -2375,7 +2399,7 @@ export {
   Zn as a,
   Qe as b,
   er as c,
-  hn as d,
+  xn as d,
   P as e,
   tr as f,
   zn as g,
@@ -2383,14 +2407,14 @@ export {
   me as i,
   Y as j,
   O as k,
-  ht as l,
+  xt as l,
   R as m,
   In as n,
   se as o,
   mt as p,
-  xt as q,
+  ht as q,
   T as r,
-  G as s,
+  C as s,
   En as t,
   Te as u,
   qn as v,
@@ -2399,4 +2423,4 @@ export {
   nr as y,
   rr as z
 };
-//# sourceMappingURL=charts-MTxju0dv.js.map
+//# sourceMappingURL=charts-D4v7aUDh.js.map