drizzle-cube 0.4.3 → 0.4.5

package/dist/client/chunks/{charts-core-DAF1iT_h.js → charts-core-DmGfleFz.js}

@@ -1,13 +1,13 @@
-import { useContext as L, useMemo as U, useRef as H, useState as E, useLayoutEffect as K } from "react";
-import { C as V } from "./providers-D2xswCYu.js";
-import { jsx as l, jsxs as p } from "react/jsx-runtime";
-import { ResponsiveContainer as T, Tooltip as B } from "recharts";
+import { jsx as l, jsxs as x } from "react/jsx-runtime";
+import { useMemo as U, useContext as H, useRef as D, useState as T, useLayoutEffect as K, startTransition as V } from "react";
+import { C as B } from "./providers-CgxXm6Ll.js";
+import { ResponsiveContainer as I, Tooltip as z } from "recharts";
 const G = {
   sm: "dc:h-6 dc:w-6",
   md: "dc:h-8 dc:w-8",
   lg: "dc:h-12 dc:w-12"
 };
-function I({
+function A({
   size: e = "md",
   className: t = ""
 }) {
@@ -21,26 +21,23 @@ function I({
     }
   );
 }
-function Q() {
-  const e = L(V);
-  if (!e)
-    throw new Error("useCubeFieldLabel must be used within CubeProvider");
-  return U(() => e.getFieldLabel, [e.getFieldLabel]);
+function k({ children: e, className: t = "" }) {
+  return /* @__PURE__ */ l("h3", { className: `dc:text-sm dc:font-semibold text-dc-primary dc:uppercase dc:tracking-wide ${t}`, children: e });
 }
 function ee(e) {
   return e != null && !isNaN(Number(e));
 }
-function $(e) {
+function E(e) {
   if (e == null) return null;
   const t = typeof e == "string" ? parseFloat(e) : Number(e);
   return isNaN(t) ? null : t;
 }
-function A(e) {
+function F(e) {
   if (e == null) return "No data";
   const t = typeof e == "number" ? e : parseFloat(e);
   return isNaN(t) ? String(e) : Number.isInteger(t) ? t.toLocaleString() : parseFloat(t.toFixed(2)).toLocaleString();
 }
-function F(e, t, c) {
+function M(e, t, c) {
   if (e == null)
     return "No data";
   const n = typeof e == "number" ? e : parseFloat(String(e));
@@ -50,58 +47,58 @@ function F(e, t, c) {
     return n > 0 ? "∞" : "-∞";
   const r = c || (typeof navigator < "u" ? navigator.language : "en-US");
   if (!t)
-    return A(e);
-  const { unit: i, abbreviate: s = !0, decimals: a, customPrefix: m, customSuffix: d } = t;
-  let u = n, h = "";
+    return F(e);
+  const { unit: i, abbreviate: s = !0, decimals: d, customPrefix: h, customSuffix: o } = t;
+  let u = n, f = "";
   if (s) {
-    const o = Math.abs(n);
-    o >= 1e9 ? (u = n / 1e9, h = "B") : o >= 1e6 ? (u = n / 1e6, h = "M") : o >= 1e3 && (u = n / 1e3, h = "K");
+    const a = Math.abs(n);
+    a >= 1e9 ? (u = n / 1e9, f = "B") : a >= 1e6 ? (u = n / 1e6, f = "M") : a >= 1e3 && (u = n / 1e3, f = "K");
   }
-  const f = a !== void 0 ? a : Number.isInteger(u) ? 0 : 2;
+  const p = d !== void 0 ? d : Number.isInteger(u) ? 0 : 2;
   switch (i) {
     case "currency": {
-      const o = k(r);
-      if (s && h) {
+      const a = O(r);
+      if (s && f) {
         const N = new Intl.NumberFormat(r, {
           style: "currency",
-          currency: o,
-          minimumFractionDigits: f,
-          maximumFractionDigits: f
-        }).format(u), C = new Intl.NumberFormat(r, {
+          currency: a,
+          minimumFractionDigits: p,
+          maximumFractionDigits: p
+        }).format(u), R = new Intl.NumberFormat(r, {
           style: "currency",
-          currency: o
+          currency: a
         }).formatToParts(u);
-        return C[C.length - 1]?.type === "currency" ? N.replace(/(\s*[^\d\s]+)$/, h + "$1") : N + h;
+        return R[R.length - 1]?.type === "currency" ? N.replace(/(\s*[^\d\s]+)$/, f + "$1") : N + f;
       }
       return new Intl.NumberFormat(r, {
         style: "currency",
-        currency: o,
-        minimumFractionDigits: f,
-        maximumFractionDigits: f
+        currency: a,
+        minimumFractionDigits: p,
+        maximumFractionDigits: p
       }).format(u);
     }
     case "percent": {
-      const o = Math.abs(u) <= 1 && !s ? u * 100 : u;
+      const a = Math.abs(u) <= 1 && !s ? u * 100 : u;
       return new Intl.NumberFormat(r, {
-        minimumFractionDigits: f,
-        maximumFractionDigits: f
-      }).format(o) + h + "%";
+        minimumFractionDigits: p,
+        maximumFractionDigits: p
+      }).format(a) + f + "%";
     }
     case "custom": {
-      const o = m || "", N = d || "", C = new Intl.NumberFormat(r, {
-        minimumFractionDigits: f,
-        maximumFractionDigits: f
+      const a = h || "", N = o || "", R = new Intl.NumberFormat(r, {
+        minimumFractionDigits: p,
+        maximumFractionDigits: p
       }).format(u);
-      return o + C + h + N;
+      return a + R + f + N;
     }
     default:
       return new Intl.NumberFormat(r, {
-        minimumFractionDigits: f,
-        maximumFractionDigits: f
-      }).format(u) + h;
+        minimumFractionDigits: p,
+        maximumFractionDigits: p
+      }).format(u) + f;
   }
 }
-function k(e) {
+function O(e) {
   const c = e.split("-")[1]?.toUpperCase();
   return {
     US: "USD",
@@ -149,15 +146,15 @@ function k(e) {
   }[c] || "USD";
 }
 function te(e) {
-  return (t) => F(t, e);
+  return (t) => M(t, e);
 }
-function O(e, t) {
+function W(e, t) {
   return t[e] || e;
 }
 function re(e, t) {
-  return e.map((c) => O(c, t));
+  return e.map((c) => W(c, t));
 }
-function M(e, t) {
+function P(e, t) {
   if (!e) return String(e || "Unknown");
   const c = String(e);
   if (c.match(/^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}:\d{2}/)) {
@@ -166,39 +163,39 @@ function M(e, t) {
     const r = new Date(n);
     if (isNaN(r.getTime()))
       return c;
-    const i = r.getUTCFullYear(), s = String(r.getUTCMonth() + 1).padStart(2, "0"), a = String(r.getUTCDate()).padStart(2, "0"), m = r.getUTCHours(), d = r.getUTCMinutes();
+    const i = r.getUTCFullYear(), s = String(r.getUTCMonth() + 1).padStart(2, "0"), d = String(r.getUTCDate()).padStart(2, "0"), h = r.getUTCHours(), o = r.getUTCMinutes();
     if (t)
       switch (t.toLowerCase()) {
         case "year":
           return `${i}`;
         case "quarter": {
-          const f = Math.floor(r.getUTCMonth() / 3) + 1;
-          return `${i}-Q${f}`;
+          const p = Math.floor(r.getUTCMonth() / 3) + 1;
+          return `${i}-Q${p}`;
         }
         case "month":
           return `${i}-${s}`;
         case "week":
-          return `${i}-${s}-${a}`;
+          return `${i}-${s}-${d}`;
         case "day":
-          return `${i}-${s}-${a}`;
+          return `${i}-${s}-${d}`;
         case "hour":
-          return `${i}-${s}-${a} ${String(m).padStart(2, "0")}:00`;
+          return `${i}-${s}-${d} ${String(h).padStart(2, "0")}:00`;
         case "minute":
-          return `${i}-${s}-${a} ${String(m).padStart(2, "0")}:${String(d).padStart(2, "0")}`;
+          return `${i}-${s}-${d} ${String(h).padStart(2, "0")}:${String(o).padStart(2, "0")}`;
       }
-    const u = r.getUTCSeconds(), h = r.getUTCMilliseconds();
-    if (a === "01" && m === 0 && d === 0 && u === 0 && h === 0) {
+    const u = r.getUTCSeconds(), f = r.getUTCMilliseconds();
+    if (d === "01" && h === 0 && o === 0 && u === 0 && f === 0) {
       if (s === "01" || s === "04" || s === "07" || s === "10") {
-        const f = Math.floor(r.getUTCMonth() / 3) + 1;
-        return `${i}-Q${f}`;
+        const p = Math.floor(r.getUTCMonth() / 3) + 1;
+        return `${i}-Q${p}`;
       }
       return `${i}-${s}`;
     }
-    return m === 0 && d === 0 && u === 0 && h === 0 ? `${i}-${s}-${a}` : d === 0 && u === 0 && h === 0 ? `${i}-${s}-${a} ${String(m).padStart(2, "0")}:00` : `${i}-${s}-${a} ${String(m).padStart(2, "0")}:${String(d).padStart(2, "0")}`;
+    return h === 0 && o === 0 && u === 0 && f === 0 ? `${i}-${s}-${d}` : o === 0 && u === 0 && f === 0 ? `${i}-${s}-${d} ${String(h).padStart(2, "0")}:00` : `${i}-${s}-${d} ${String(h).padStart(2, "0")}:${String(o).padStart(2, "0")}`;
   }
   return c;
 }
-function P(e, t) {
+function L(e, t) {
   try {
     if (e?.timeDimensions) {
       const n = e.timeDimensions.find((r) => t === r.dimension || t.startsWith(r.dimension.replace(".", "_")) || t === `${r.dimension}_${r.granularity}`);
@@ -216,253 +213,74 @@ function P(e, t) {
     return;
   }
 }
-function W(e, t, c, n, r = (i) => i) {
+function Y(e, t, c, n, r = (i) => i) {
   if (!e || e.length === 0) return [];
-  const i = P(n, t);
+  const i = L(n, t);
   return e.map((s) => {
-    const a = {
-      name: M(s[t], i) || s[t] || "Unknown"
+    const d = {
+      name: P(s[t], i) || s[t] || "Unknown"
     };
-    return c.forEach((m) => {
-      const d = r(m);
-      a[d] = $(s[m]);
-    }), a;
+    return c.forEach((h) => {
+      const o = r(h);
+      d[o] = E(s[h]);
+    }), d;
   });
 }
 function ne(e, t, c, n, r, i = (s) => s) {
   if (!e || e.length === 0)
     return { data: [], seriesKeys: [], hasDimensions: !1 };
-  const s = n || {}, a = [
+  const s = n || {}, d = [
     ...s.dimensions || [],
-    ...s.timeDimensions?.map((o) => o.dimension) || []
-  ], m = s.measures || [], d = c.filter((o) => m.includes(o)), u = (r || []).filter((o) => a.includes(o));
+    ...s.timeDimensions?.map((a) => a.dimension) || []
+  ], h = s.measures || [], o = c.filter((a) => h.includes(a)), u = (r || []).filter((a) => d.includes(a));
   if (u.length > 0) {
-    const o = {};
-    e.forEach((x) => {
-      const v = P(n, t), b = M(x[t], v) || x[t] || "Unknown";
-      o[b] || (o[b] = { name: String(b) }), d.forEach((D) => {
-        const g = i(D), y = $(x[D]);
-        if (y !== null) {
-          const R = o[b][g];
-          o[b][g] = R == null ? y : R + y;
-        } else g in o[b] || (o[b][g] = null);
-      }), u.forEach((D) => {
-        const g = x[D];
-        if (g != null) {
-          const y = String(g), R = d[0] || m.find(
-            (S) => S.includes("totalCost") || S.includes("count") || S.includes("sum")
-          ) || m[0];
-          if (R) {
-            const S = $(x[R]);
-            if (S !== null) {
-              const w = o[b][y];
-              o[b][y] = w == null ? S : w + S;
-            } else y in o[b] || (o[b][y] = null);
+    const a = {};
+    e.forEach((b) => {
+      const g = L(n, t), m = P(b[t], g) || b[t] || "Unknown";
+      a[m] || (a[m] = { name: String(m) }), o.forEach((S) => {
+        const y = i(S), C = E(b[S]);
+        if (C !== null) {
+          const w = a[m][y];
+          a[m][y] = w == null ? C : w + C;
+        } else y in a[m] || (a[m][y] = null);
+      }), u.forEach((S) => {
+        const y = b[S];
+        if (y != null) {
+          const C = String(y), w = o[0] || h.find(
+            (v) => v.includes("totalCost") || v.includes("count") || v.includes("sum")
+          ) || h[0];
+          if (w) {
+            const v = E(b[w]);
+            if (v !== null) {
+              const $ = a[m][C];
+              a[m][C] = $ == null ? v : $ + v;
+            } else C in a[m] || (a[m][C] = null);
           }
         }
       });
     });
-    const N = Object.values(o), C = Array.from(new Set(
+    const N = Object.values(a), R = Array.from(new Set(
       e.flatMap(
-        (x) => u.map((v) => {
-          const b = x[v];
-          return b != null ? String(b) : null;
-        }).filter((v) => v !== null)
+        (b) => u.map((g) => {
+          const m = b[g];
+          return m != null ? String(m) : null;
+        }).filter((g) => g !== null)
       )
     ));
     return {
       data: N,
-      seriesKeys: C,
+      seriesKeys: R,
       hasDimensions: !0
     };
   }
-  const h = W(e, t, c, n, i), f = c.map((o) => i(o));
+  const f = Y(e, t, c, n, i), p = c.map((a) => i(a));
   return {
-    data: h,
-    seriesKeys: f,
+    data: f,
+    seriesKeys: p,
     hasDimensions: !1
   };
 }
-const ce = [
-  "#3b82f6",
-  // blue
-  "#10b981",
-  // green
-  "#f59e0b",
-  // yellow
-  "#ef4444",
-  // red
-  "#8b5cf6",
-  // purple
-  "#f97316",
-  // orange
-  "#06b6d4",
-  // cyan
-  "#84cc16"
-  // lime
-], se = [
-  "#440154",
-  // dark purple
-  "#414487",
-  // purple-blue
-  "#2a788e",
-  // teal
-  "#22a884",
-  // green-teal  
-  "#7ad151",
-  // green
-  "#fde725"
-  // yellow
-], ie = "#10b981", ae = "#ef4444", oe = {
-  top: 5,
-  right: 30,
-  left: 20,
-  bottom: 5
-}, de = {
-  top: 5,
-  right: 30,
-  left: 20,
-  bottom: 60
-  // Extra space for rotated labels
-};
-function le({ children: e, height: t = "100%" }) {
-  const c = H(null), [n, r] = E(!1), [i, s] = E({ width: 0, height: 0 });
-  K(() => {
-    let a = !0, m = null;
-    const d = () => {
-      if (!a || !c.current) return;
-      const u = c.current.getBoundingClientRect(), h = Math.max(c.current.clientWidth, u.width), f = Math.max(c.current.clientHeight, u.height);
-      h > 0 && f > 0 && (s({ width: h, height: f }), r(!0));
-    };
-    return m = new ResizeObserver((u) => {
-      for (const h of u) {
-        const { width: f, height: o } = h.contentRect;
-        f > 0 && o > 0 && (s({ width: f, height: o }), n || r(!0));
-      }
-    }), c.current && (m.observe(c.current), d()), () => {
-      a = !1, m?.disconnect();
-    };
-  }, [n]);
-  try {
-    if (t === "100%")
-      return /* @__PURE__ */ l(
-        "div",
-        {
-          ref: c,
-          className: "dc:w-full dc:h-full dc:flex-1 dc:flex dc:flex-col dc:relative",
-          style: { minHeight: "250px", minWidth: "100px", overflow: "hidden", userSelect: "none" },
-          children: n && i.width > 0 && i.height > 0 ? /* @__PURE__ */ l(
-            T,
-            {
-              width: i.width,
-              height: i.height - 16,
-              debounce: 100,
-              style: { marginTop: "16px" },
-              children: e
-            }
-          ) : /* @__PURE__ */ l("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full", children: /* @__PURE__ */ l(I, { size: "sm" }) })
-        }
-      );
-    const a = {
-      height: typeof t == "number" ? `${t}px` : t,
-      width: "100%",
-      minHeight: "200px",
-      minWidth: "100px",
-      userSelect: "none"
-    };
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: c,
-        className: "dc:w-full dc:flex dc:flex-col dc:relative",
-        style: { ...a, overflow: "hidden" },
-        children: n && i.width > 0 && i.height > 0 ? /* @__PURE__ */ l(
-          T,
-          {
-            width: i.width,
-            height: i.height - 16,
-            debounce: 100,
-            style: { marginTop: "16px" },
-            children: e
-          }
-        ) : /* @__PURE__ */ l("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full", children: /* @__PURE__ */ l(I, { size: "sm" }) })
-      }
-    );
-  } catch (a) {
-    return /* @__PURE__ */ p(
-      "div",
-      {
-        className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4 dc:text-center dc:border dc:border-dashed dc:rounded-lg",
-        style: { height: t, borderColor: "var(--dc-border)", backgroundColor: "var(--dc-surface)" },
-        children: [
-          /* @__PURE__ */ l("div", { className: "dc:text-sm dc:font-semibold dc:mb-1 text-dc-text-muted", children: "Unable to display chart" }),
-          /* @__PURE__ */ l("div", { className: "dc:text-xs text-dc-text-secondary", children: a instanceof Error ? a.message : "Failed to create responsive container" })
-        ]
-      }
-    );
-  }
-}
-const Y = (e, t) => e == null ? ["No data", t] : [A(e), t];
-function ue({ formatter: e, labelFormatter: t }) {
-  return /* @__PURE__ */ l(
-    B,
-    {
-      formatter: e || Y,
-      labelFormatter: t,
-      contentStyle: {
-        backgroundColor: "white",
-        border: "1px solid #e5e7eb",
-        borderRadius: "0.5rem",
-        fontSize: "0.875rem",
-        color: "#1f2937",
-        boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-        padding: "8px 12px"
-      }
-    }
-  );
-}
-function me(e) {
-  if (!e || typeof e != "string")
-    return [];
-  const t = e.trim();
-  if (!t)
-    return [];
-  try {
-    const c = t.split(",").map((n) => n.trim()).filter((n) => n !== "").map((n) => {
-      const r = parseFloat(n);
-      if (isNaN(r))
-        throw new Error(`Invalid numeric value: ${n}`);
-      return r;
-    });
-    return c.length > 0 ? c : [];
-  } catch (c) {
-    return console.warn("Failed to parse target values:", c), [];
-  }
-}
-function fe(e, t) {
-  if (e.length === 0 || t <= 0)
-    return [];
-  if (e.length === 1)
-    return new Array(t).fill(e[0]);
-  const c = [], n = Math.floor(t / e.length), r = t % e.length;
-  let i = 0;
-  for (let s = 0; s < e.length; s++) {
-    const a = n + (s < r ? 1 : 0);
-    for (let m = 0; m < a; m++)
-      c[i++] = e[s];
-  }
-  return c;
-}
-function he(e, t) {
-  return t === 0 ? e === 0 ? 0 : e > 0 ? 100 : -100 : (e - t) / t * 100;
-}
-function be(e, t = 1) {
-  return `${e >= 0 ? "+" : ""}${e.toFixed(t)}%`;
-}
-function Z({ children: e, className: t = "" }) {
-  return /* @__PURE__ */ l("h3", { className: `dc:text-sm dc:font-semibold text-dc-primary dc:uppercase dc:tracking-wide ${t}`, children: e });
-}
-function z() {
+function Z() {
   const e = typeof navigator < "u" ? navigator.language : "en-US";
   return new Intl.NumberFormat(e, {
     style: "currency",
@@ -517,84 +335,84 @@ function _(e) {
     TR: "TRY"
   }[c] || "USD";
 }
-function pe({
+function ce({
   value: e,
   onChange: t,
   axisLabel: c,
   previewValue: n = 125e4
 }) {
-  const r = U(() => e || {}, [e]), i = U(() => z(), []), s = U(() => F(n, r), [n, r]), a = (d) => {
-    t({ ...r, ...d });
-  }, m = [
+  const r = U(() => e || {}, [e]), i = U(() => Z(), []), s = U(() => M(n, r), [n, r]), d = (o) => {
+    t({ ...r, ...o });
+  }, h = [
     { value: "currency", label: i },
     { value: "percent", label: "%" },
     { value: "number", label: "#" },
     { value: "custom", label: "Custom" }
   ];
-  return /* @__PURE__ */ p("div", { className: "dc:space-y-3 dc:pb-4", children: [
-    /* @__PURE__ */ l(Z, { children: c }),
-    /* @__PURE__ */ p("div", { className: "dc:space-y-1", children: [
+  return /* @__PURE__ */ x("div", { className: "dc:space-y-3 dc:pb-4", children: [
+    /* @__PURE__ */ l(k, { children: c }),
+    /* @__PURE__ */ x("div", { className: "dc:space-y-1", children: [
       /* @__PURE__ */ l("label", { className: "dc:text-xs text-dc-text-secondary", children: "Label" }),
       /* @__PURE__ */ l(
         "input",
         {
           type: "text",
           value: r.label || "",
-          onChange: (d) => a({ label: d.target.value || void 0 }),
+          onChange: (o) => d({ label: o.target.value || void 0 }),
           placeholder: "Auto-generated label",
           className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
         }
       )
     ] }),
-    /* @__PURE__ */ p("div", { className: "dc:space-y-1", children: [
+    /* @__PURE__ */ x("div", { className: "dc:space-y-1", children: [
       /* @__PURE__ */ l("label", { className: "dc:text-xs text-dc-text-secondary", children: "Unit" }),
-      /* @__PURE__ */ l("div", { className: "dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden", children: m.map((d) => /* @__PURE__ */ l(
+      /* @__PURE__ */ l("div", { className: "dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden", children: h.map((o) => /* @__PURE__ */ l(
         "button",
         {
           type: "button",
-          onClick: () => a({ unit: d.value }),
-          className: `dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${r.unit === d.value ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
-          children: d.label
+          onClick: () => d({ unit: o.value }),
+          className: `dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${r.unit === o.value ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
+          children: o.label
         },
-        d.value
+        o.value
       )) })
     ] }),
-    r.unit === "custom" && /* @__PURE__ */ p("div", { className: "dc:flex dc:gap-2", children: [
-      /* @__PURE__ */ p("div", { className: "dc:flex-1 dc:space-y-1", children: [
+    r.unit === "custom" && /* @__PURE__ */ x("div", { className: "dc:flex dc:gap-2", children: [
+      /* @__PURE__ */ x("div", { className: "dc:flex-1 dc:space-y-1", children: [
         /* @__PURE__ */ l("label", { className: "dc:text-xs text-dc-text-secondary", children: "Prefix" }),
         /* @__PURE__ */ l(
           "input",
           {
             type: "text",
             value: r.customPrefix || "",
-            onChange: (d) => a({ customPrefix: d.target.value || void 0 }),
+            onChange: (o) => d({ customPrefix: o.target.value || void 0 }),
             placeholder: "e.g., $",
             className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
           }
         )
       ] }),
-      /* @__PURE__ */ p("div", { className: "dc:flex-1 dc:space-y-1", children: [
+      /* @__PURE__ */ x("div", { className: "dc:flex-1 dc:space-y-1", children: [
         /* @__PURE__ */ l("label", { className: "dc:text-xs text-dc-text-secondary", children: "Suffix" }),
         /* @__PURE__ */ l(
           "input",
           {
             type: "text",
             value: r.customSuffix || "",
-            onChange: (d) => a({ customSuffix: d.target.value || void 0 }),
+            onChange: (o) => d({ customSuffix: o.target.value || void 0 }),
             placeholder: "e.g., units",
             className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ p("div", { className: "dc:space-y-1", children: [
+    /* @__PURE__ */ x("div", { className: "dc:space-y-1", children: [
       /* @__PURE__ */ l("label", { className: "dc:text-xs text-dc-text-secondary", children: "Abbreviation" }),
-      /* @__PURE__ */ p("div", { className: "dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden", children: [
+      /* @__PURE__ */ x("div", { className: "dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden", children: [
         /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            onClick: () => a({ abbreviate: !0 }),
+            onClick: () => d({ abbreviate: !0 }),
             className: `dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${r.abbreviate !== !1 ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
             children: "Yes"
           }
@@ -603,23 +421,23 @@ function pe({
           "button",
           {
             type: "button",
-            onClick: () => a({ abbreviate: !1 }),
+            onClick: () => d({ abbreviate: !1 }),
             className: `dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${r.abbreviate === !1 ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
             children: "No"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ p("div", { className: "dc:space-y-1", children: [
+    /* @__PURE__ */ x("div", { className: "dc:space-y-1", children: [
       /* @__PURE__ */ l("label", { className: "dc:text-xs text-dc-text-secondary", children: "Decimals" }),
-      /* @__PURE__ */ p("div", { className: "dc:flex dc:gap-2", children: [
+      /* @__PURE__ */ x("div", { className: "dc:flex dc:gap-2", children: [
         /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             onClick: () => {
-              const d = r.decimals ?? 2;
-              d > 0 && a({ decimals: d - 1 });
+              const o = r.decimals ?? 2;
+              o > 0 && d({ decimals: o - 1 });
             },
             disabled: (r.decimals ?? 2) <= 0,
             className: "dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors",
@@ -631,8 +449,8 @@ function pe({
           {
             type: "button",
             onClick: () => {
-              const d = r.decimals ?? 2;
-              d < 4 && a({ decimals: d + 1 });
+              const o = r.decimals ?? 2;
+              o < 4 && d({ decimals: o + 1 });
             },
             disabled: (r.decimals ?? 2) >= 4,
             className: "dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors",
@@ -641,39 +459,233 @@ function pe({
         )
       ] })
     ] }),
-    /* @__PURE__ */ p("div", { className: "dc:space-y-1", children: [
+    /* @__PURE__ */ x("div", { className: "dc:space-y-1", children: [
       /* @__PURE__ */ l("label", { className: "dc:text-xs text-dc-text-secondary", children: "Preview" }),
       /* @__PURE__ */ l("div", { className: "dc:text-sm dc:font-mono text-dc-text", children: s })
     ] })
   ] });
 }
+function se() {
+  const e = H(B);
+  if (!e)
+    throw new Error("useCubeFieldLabel must be used within CubeProvider");
+  return U(() => e.getFieldLabel, [e.getFieldLabel]);
+}
+const ie = [
+  "#3b82f6",
+  // blue
+  "#10b981",
+  // green
+  "#f59e0b",
+  // yellow
+  "#ef4444",
+  // red
+  "#8b5cf6",
+  // purple
+  "#f97316",
+  // orange
+  "#06b6d4",
+  // cyan
+  "#84cc16"
+  // lime
+], oe = [
+  "#440154",
+  // dark purple
+  "#414487",
+  // purple-blue
+  "#2a788e",
+  // teal
+  "#22a884",
+  // green-teal  
+  "#7ad151",
+  // green
+  "#fde725"
+  // yellow
+], ae = "#10b981", de = "#ef4444", le = {
+  top: 5,
+  right: 30,
+  left: 20,
+  bottom: 5
+}, ue = {
+  top: 5,
+  right: 30,
+  left: 20,
+  bottom: 60
+  // Extra space for rotated labels
+};
+function me({ children: e, height: t = "100%" }) {
+  const c = D(null), [n, r] = T(!1), [i, s] = T({ width: 0, height: 0 }), d = D({ width: 0, height: 0 }), h = D(!1), o = D(null), u = D(null);
+  K(() => {
+    let f = !0, p = null;
+    const a = () => {
+      if (u.current = null, !f) return;
+      const b = o.current;
+      if (o.current = null, !b) return;
+      const g = Math.round(b.width), m = Math.round(b.height);
+      if (g <= 0 || m <= 0) return;
+      const S = d.current.width !== g || d.current.height !== m, y = !h.current;
+      !S && !y || (d.current = { width: g, height: m }, h.current = !0, V(() => {
+        S && s({ width: g, height: m }), y && r(!0);
+      }));
+    }, N = (b, g) => {
+      o.current = { width: b, height: g }, u.current === null && (u.current = requestAnimationFrame(a));
+    }, R = () => {
+      if (!f || !c.current) return;
+      const b = c.current.getBoundingClientRect(), g = Math.max(c.current.clientWidth, b.width), m = Math.max(c.current.clientHeight, b.height);
+      g > 0 && m > 0 && N(g, m);
+    };
+    return p = new ResizeObserver((b) => {
+      for (const g of b) {
+        const { width: m, height: S } = g.contentRect;
+        m > 0 && S > 0 && N(m, S);
+      }
+    }), c.current && (p.observe(c.current), R()), () => {
+      f = !1, u.current !== null && (cancelAnimationFrame(u.current), u.current = null), p?.disconnect();
+    };
+  }, []);
+  try {
+    if (t === "100%")
+      return /* @__PURE__ */ l(
+        "div",
+        {
+          ref: c,
+          className: "dc:w-full dc:h-full dc:flex-1 dc:flex dc:flex-col dc:relative",
+          style: { minHeight: "250px", minWidth: "100px", overflow: "hidden", userSelect: "none" },
+          children: n && i.width > 0 && i.height > 0 ? /* @__PURE__ */ l(
+            I,
+            {
+              width: i.width,
+              height: i.height - 16,
+              debounce: 100,
+              style: { marginTop: "16px" },
+              children: e
+            }
+          ) : /* @__PURE__ */ l("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full", children: /* @__PURE__ */ l(A, { size: "sm" }) })
+        }
+      );
+    const f = {
+      height: typeof t == "number" ? `${t}px` : t,
+      width: "100%",
+      minHeight: "200px",
+      minWidth: "100px",
+      userSelect: "none"
+    };
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: c,
+        className: "dc:w-full dc:flex dc:flex-col dc:relative",
+        style: { ...f, overflow: "hidden" },
+        children: n && i.width > 0 && i.height > 0 ? /* @__PURE__ */ l(
+          I,
+          {
+            width: i.width,
+            height: i.height - 16,
+            debounce: 100,
+            style: { marginTop: "16px" },
+            children: e
+          }
+        ) : /* @__PURE__ */ l("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full", children: /* @__PURE__ */ l(A, { size: "sm" }) })
+      }
+    );
+  } catch (f) {
+    return /* @__PURE__ */ x(
+      "div",
+      {
+        className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4 dc:text-center dc:border dc:border-dashed dc:rounded-lg",
+        style: { height: t, borderColor: "var(--dc-border)", backgroundColor: "var(--dc-surface)" },
+        children: [
+          /* @__PURE__ */ l("div", { className: "dc:text-sm dc:font-semibold dc:mb-1 text-dc-text-muted", children: "Unable to display chart" }),
+          /* @__PURE__ */ l("div", { className: "dc:text-xs text-dc-text-secondary", children: f instanceof Error ? f.message : "Failed to create responsive container" })
+        ]
+      }
+    );
+  }
+}
+const j = (e, t) => e == null ? ["No data", t] : [F(e), t];
+function fe({ formatter: e, labelFormatter: t }) {
+  return /* @__PURE__ */ l(
+    z,
+    {
+      formatter: e || j,
+      labelFormatter: t,
+      contentStyle: {
+        backgroundColor: "white",
+        border: "1px solid #e5e7eb",
+        borderRadius: "0.5rem",
+        fontSize: "0.875rem",
+        color: "#1f2937",
+        boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+        padding: "8px 12px"
+      }
+    }
+  );
+}
+function he(e) {
+  if (!e || typeof e != "string")
+    return [];
+  const t = e.trim();
+  if (!t)
+    return [];
+  try {
+    const c = t.split(",").map((n) => n.trim()).filter((n) => n !== "").map((n) => {
+      const r = parseFloat(n);
+      if (isNaN(r))
+        throw new Error(`Invalid numeric value: ${n}`);
+      return r;
+    });
+    return c.length > 0 ? c : [];
+  } catch (c) {
+    return console.warn("Failed to parse target values:", c), [];
+  }
+}
+function pe(e, t) {
+  if (e.length === 0 || t <= 0)
+    return [];
+  if (e.length === 1)
+    return new Array(t).fill(e[0]);
+  const c = [], n = Math.floor(t / e.length), r = t % e.length;
+  let i = 0;
+  for (let s = 0; s < e.length; s++) {
+    const d = n + (s < r ? 1 : 0);
+    for (let h = 0; h < d; h++)
+      c[i++] = e[s];
+  }
+  return c;
+}
+function be(e, t) {
+  return t === 0 ? e === 0 ? 0 : e > 0 ? 100 : -100 : (e - t) / t * 100;
+}
+function ge(e, t = 1) {
+  return `${e >= 0 ? "+" : ""}${e.toFixed(t)}%`;
+}
 export {
-  pe as A,
-  oe as C,
-  I as L,
-  ae as N,
-  ie as P,
-  de as R,
-  Z as S,
-  le as a,
-  ue as b,
-  ce as c,
-  M as d,
-  $ as e,
-  F as f,
-  P as g,
-  se as h,
+  ce as A,
+  le as C,
+  A as L,
+  de as N,
+  ae as P,
+  ue as R,
+  k as S,
+  me as a,
+  fe as b,
+  ie as c,
+  P as d,
+  E as e,
+  M as f,
+  L as g,
+  oe as h,
   ee as i,
-  he as j,
-  be as k,
-  A as l,
+  be as j,
+  ge as k,
+  F as l,
   te as m,
-  O as n,
+  W as n,
   re as o,
-  me as p,
-  W as q,
-  fe as s,
+  he as p,
+  Y as q,
+  pe as s,
   ne as t,
-  Q as u
+  se as u
 };
-//# sourceMappingURL=charts-core-DAF1iT_h.js.map
+//# sourceMappingURL=charts-core-DmGfleFz.js.map