@actionexec/dashboards 0.9.0 → 0.11.0

package/dist/index.js

@@ -1,67 +1,67 @@
-import { jsxs as v, jsx as a, Fragment as fe } from "react/jsx-runtime";
-import { useState as M, useRef as N, useEffect as P, useCallback as x, useMemo as le } from "react";
-import { f as pe, a as be, M as G, c as X, b as q, d as _e, e as ie, i as U, g as ve, p as we, h as V, j as se, k as oe, l as H, m as ye, D as Q, S as ke, n as Se, o as Ne, C as Ce, q as Re, r as $e, s as xe, t as Te, u as Me, G as Ae, v as J, w as Ee, x as Fe } from "./ColorPaletteSelector-Ddcuobr5.js";
-import { A as Et } from "./ColorPaletteSelector-Ddcuobr5.js";
-import { LineChart as Le, Line as Ie, AreaChart as We, Area as Oe, BarChart as ce, Bar as z, CartesianGrid as de, XAxis as ue, YAxis as he, Tooltip as K, Legend as Pe, Cell as Z, PieChart as De, Pie as He } from "recharts";
-const Ye = 300;
-function Ge(e) {
-  const [t, n] = M(null), [r, l] = M(null), [i, o] = M({}), [s, h] = M({}), [c, g] = M(null), [u, d] = M(!0), [f, _] = M(null), S = N(), R = N(!1);
+import { jsxs as v, jsx as a, Fragment as ge } from "react/jsx-runtime";
+import { useState as E, useRef as N, useEffect as P, useCallback as x, useMemo as ae } from "react";
+import { f as me, a as fe, M as G, c as q, b as U, d as pe, e as le, i as Q, g as _e, p as be, h as V, j as ie, k as se, l as H, m as ve, D as J, S as we, n as ye, o as ke, C as Se, q as Ne, r as Ce, s as Re, t as $e, u as xe, G as Me, v as Z, w as Ae, x as Te } from "./ColorPaletteSelector-DJge9VhO.js";
+import { A as Et } from "./ColorPaletteSelector-DJge9VhO.js";
+import { LineChart as Ee, Line as Fe, AreaChart as Ie, Area as We, BarChart as ce, Bar as z, CartesianGrid as oe, XAxis as de, YAxis as ue, Tooltip as K, Legend as Le, Cell as B, PieChart as Oe, Pie as Pe } from "recharts";
+const De = 300;
+function He(e) {
+  const [t, n] = E(null), [r, l] = E(null), [i, c] = E({}), [s, h] = E({}), [o, f] = E(null), [u, d] = E(!0), [g, b] = E(null), k = N(), C = N(!1);
   P(() => {
     let y = !1;
-    return pe(e).then((w) => {
+    return me(e).then((w) => {
       y || n(w);
     }).catch((w) => {
-      y || _(w.message);
+      y || b(w.message);
     }), () => {
       y = !0;
     };
   }, [e]), P(() => {
     if (t)
-      return S.current && clearTimeout(S.current), S.current = setTimeout(() => {
-        const y = ze(i, s);
-        d(!0), be(e, y).then((w) => {
-          l(w), !R.current && w.applied && (R.current = !0, o((m) => ({ ...Ke(w.applied), ...m }))), _(null);
-        }).catch((w) => _(w.message)).finally(() => d(!1));
-      }, Ye), () => {
-        S.current && clearTimeout(S.current);
+      return k.current && clearTimeout(k.current), k.current = setTimeout(() => {
+        const y = Ye(i, s);
+        d(!0), fe(e, y).then((w) => {
+          l(w), !C.current && w.applied && (C.current = !0, c((m) => ({ ...Ge(w.applied), ...m }))), b(null);
+        }).catch((w) => b(w.message)).finally(() => d(!1));
+      }, De), () => {
+        k.current && clearTimeout(k.current);
       };
   }, [e, t, i, s]);
-  const A = x((y, w) => {
-    o((m) => ({ ...m, [y]: w }));
-  }, []), k = x((y, w) => {
+  const M = x((y, w) => {
+    c((m) => ({ ...m, [y]: w }));
+  }, []), S = x((y, w) => {
     h((m) => ({ ...m, [y]: w }));
-  }, []), E = x((y) => {
-    g(y);
-  }, []), $ = le(
-    () => c ?? (t == null ? void 0 : t.palette) ?? [],
-    [c, t]
+  }, []), T = x((y) => {
+    f(y);
+  }, []), $ = ae(
+    () => o ?? (t == null ? void 0 : t.palette) ?? [],
+    [o, t]
   );
   return {
     layout: t,
     renderData: r,
     loading: u,
-    error: f,
+    error: g,
     filters: i,
     variables: s,
     palette: $,
-    setFilter: A,
-    setVariable: k,
-    setPalette: E
+    setFilter: M,
+    setVariable: S,
+    setPalette: T
   };
 }
-function ze(e, t) {
+function Ye(e, t) {
   const n = {};
   for (const [r, l] of Object.entries(e))
     if (l.includes("|")) {
-      const [i, o] = l.split("|");
-      i && (n.f_date_start = i), o && (n.f_date_end = o);
+      const [i, c] = l.split("|");
+      i && (n.f_date_start = i), c && (n.f_date_end = c);
     } else
       n[`f_${r}`] = l;
   for (const [r, l] of Object.entries(t))
     n[`v_${r}`] = String(l);
   return n;
 }
-function Ke(e) {
+function Ge(e) {
   const t = {};
   for (const [n, r] of Object.entries(e))
     if (r && typeof r == "object" && "start" in r) {
@@ -70,17 +70,17 @@ function Ke(e) {
     } else Array.isArray(r) ? t[n] = r.join(G) : typeof r == "string" && (t[n] = r);
   return t;
 }
-const Ve = (e) => {
+const ze = (e) => {
   var t, n;
   return ((n = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : n.inlineSize) ?? e.target.offsetWidth;
-}, je = (e) => {
+}, Ke = (e) => {
   var t, n;
   return ((n = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : n.blockSize) ?? e.target.offsetHeight;
 };
-function Xe(e, t, n) {
-  return e === void 0 ? 0 : e === "auto" ? _e(t, n) : Math.max(0, e);
+function Ve(e, t, n) {
+  return e === void 0 ? 0 : e === "auto" ? pe(t, n) : Math.max(0, e);
 }
-function qe(e) {
+function je(e) {
   let t = e.parentElement;
   for (; t && t !== document.body && t !== document.documentElement; ) {
     const { overflowY: n } = getComputedStyle(t);
@@ -90,92 +90,92 @@ function qe(e) {
   }
   return null;
 }
-function Ue(e) {
+function Xe(e) {
   const t = N(e);
   t.current = e;
-  const n = N(null), r = N(null), l = N(null), i = N(null), o = N(null), s = N(0), h = N(0), c = N(!1), g = N(!1), u = N(-1), [d, f] = M(!1), _ = x((m) => {
-    const b = r.current;
-    if (g.current || t.current.silenceWarnings || !b) return;
-    const C = qe(b);
-    !C || C.clientHeight >= m.gridHeight || (g.current = !0, console.warn(
-      `[@actionexec/dashboards] O dashboard esta sendo cortado: o container precisa de ${Math.ceil(m.gridHeight)}px de altura, mas o ancestral com overflow oculto tem ${C.clientHeight}px. A altura do dashboard varia com a largura — use a prop onGeometryChange para dimensionar o container, ou troque o overflow para auto. Passe silenceWarnings para desligar este aviso.`
+  const n = N(null), r = N(null), l = N(null), i = N(null), c = N(null), s = N(0), h = N(0), o = N(!1), f = N(!1), u = N(-1), [d, g] = E(!1), b = x((m) => {
+    const _ = r.current;
+    if (f.current || t.current.silenceWarnings || !_) return;
+    const R = je(_);
+    !R || R.clientHeight >= m.gridHeight || (f.current = !0, console.warn(
+      `[@actionexec/dashboards] O dashboard esta sendo cortado: o container precisa de ${Math.ceil(m.gridHeight)}px de altura, mas o ancestral com overflow oculto tem ${R.clientHeight}px. A altura do dashboard varia com a largura — use a prop onGeometryChange para dimensionar o container, ou troque o overflow para auto. Passe silenceWarnings para desligar este aviso.`
     ));
-  }, []), S = x(() => {
-    var O, L;
+  }, []), k = x(() => {
+    var O, I;
     if (!n.current) return;
-    const { columns: m, cellAspect: b } = t.current, C = s.current, W = q(C, m), p = {
-      containerWidth: C,
-      cellWidth: W,
-      cellHeight: X(W, b),
+    const { columns: m, cellAspect: _ } = t.current, R = s.current, L = U(R, m), p = {
+      containerWidth: R,
+      cellWidth: L,
+      cellHeight: q(L, _),
       gridHeight: h.current,
-      stacked: c.current
-    }, T = o.current;
-    T && T.containerWidth === p.containerWidth && T.cellWidth === p.cellWidth && T.cellHeight === p.cellHeight && T.gridHeight === p.gridHeight && T.stacked === p.stacked || (o.current = p, (L = (O = t.current).onGeometryChange) == null || L.call(O, p), _(p));
-  }, [_]), R = x((m = !1) => {
-    const b = n.current;
-    if (!b) return;
-    const C = s.current;
-    if (!m && C === u.current) return;
-    u.current = C;
-    const { columns: W, cellAspect: p, stackBelow: T } = t.current, F = q(C, W);
-    b.style.setProperty("--dash-cell-h", `${X(F, p)}px`);
-    const O = Xe(T, W, p), L = O > 0 && C > 0 && C < O;
-    L !== c.current && (c.current = L, f(L));
-  }, []), A = x(() => {
+      stacked: o.current
+    }, A = c.current;
+    A && A.containerWidth === p.containerWidth && A.cellWidth === p.cellWidth && A.cellHeight === p.cellHeight && A.gridHeight === p.gridHeight && A.stacked === p.stacked || (c.current = p, (I = (O = t.current).onGeometryChange) == null || I.call(O, p), b(p));
+  }, [b]), C = x((m = !1) => {
+    const _ = n.current;
+    if (!_) return;
+    const R = s.current;
+    if (!m && R === u.current) return;
+    u.current = R;
+    const { columns: L, cellAspect: p, stackBelow: A } = t.current, F = U(R, L);
+    _.style.setProperty("--dash-cell-h", `${q(F, p)}px`);
+    const O = Ve(A, L, p), I = O > 0 && R > 0 && R < O;
+    I !== o.current && (o.current = I, g(I));
+  }, []), M = x(() => {
     i.current !== null && (cancelAnimationFrame(i.current), i.current = null);
-  }, []), k = x(() => {
+  }, []), S = x(() => {
     i.current === null && (i.current = requestAnimationFrame(() => {
-      i.current = null, R(), S();
+      i.current = null, C(), k();
     }));
-  }, [R, S]), E = x((m) => {
-    for (const b of m)
-      b.target === n.current ? s.current = Math.round(Ve(b)) : b.target === r.current && (h.current = je(b));
-    k();
-  }, [k]), $ = x(() => l.current ? l.current : typeof ResizeObserver > "u" ? null : (l.current = new ResizeObserver(E), l.current), [E]), y = x((m) => {
-    const b = $();
-    n.current && (b == null || b.unobserve(n.current)), n.current = m, m && (b == null || b.observe(m), s.current = Math.round(m.getBoundingClientRect().width), R(!0), k());
-  }, [R, $, k]), w = x((m) => {
-    const b = $();
-    if (r.current && (b == null || b.unobserve(r.current)), r.current = m, !m) {
+  }, [C, k]), T = x((m) => {
+    for (const _ of m)
+      _.target === n.current ? s.current = Math.round(ze(_)) : _.target === r.current && (h.current = Ke(_));
+    S();
+  }, [S]), $ = x(() => l.current ? l.current : typeof ResizeObserver > "u" ? null : (l.current = new ResizeObserver(T), l.current), [T]), y = x((m) => {
+    const _ = $();
+    n.current && (_ == null || _.unobserve(n.current)), n.current = m, m && (_ == null || _.observe(m), s.current = Math.round(m.getBoundingClientRect().width), C(!0), S());
+  }, [C, $, S]), w = x((m) => {
+    const _ = $();
+    if (r.current && (_ == null || _.unobserve(r.current)), r.current = m, !m) {
       h.current = 0;
       return;
     }
-    b == null || b.observe(m), h.current = m.getBoundingClientRect().height, k();
-  }, [$, k]);
+    _ == null || _.observe(m), h.current = m.getBoundingClientRect().height, S();
+  }, [$, S]);
   return P(() => {
     const m = $();
     return n.current && (m == null || m.observe(n.current)), r.current && (m == null || m.observe(r.current)), () => {
-      var b;
-      (b = l.current) == null || b.disconnect(), l.current = null, A();
+      var _;
+      (_ = l.current) == null || _.disconnect(), l.current = null, M();
     };
-  }, [$, A]), P(() => {
-    n.current && (R(!0), k());
-  }, [e.columns, e.cellAspect, e.stackBelow, R, k]), { rootRef: y, gridRef: w, stacked: d };
+  }, [$, M]), P(() => {
+    n.current && (C(!0), S());
+  }, [e.columns, e.cellAspect, e.stackBelow, C, S]), { rootRef: y, gridRef: w, stacked: d };
 }
-const Qe = {
+const qe = {
   empty: "Sem dados",
   error: "Não foi possível carregar",
   loading: "Carregando...",
   unconfigured: "Widget não configurado"
 };
 function j({ kind: e, message: t }) {
-  return /* @__PURE__ */ a("div", { className: `widget__state widget__state--${e}`, role: e === "error" ? "alert" : void 0, children: t || Qe[e] });
+  return /* @__PURE__ */ a("div", { className: `widget__state widget__state--${e}`, role: e === "error" ? "alert" : void 0, children: t || qe[e] });
 }
-function I({ name: e, title: t, state: n, stateMessage: r, toolbar: l, children: i }) {
+function W({ name: e, title: t, state: n, stateMessage: r, toolbar: l, children: i }) {
   return /* @__PURE__ */ v("div", { className: `widget widget-${e}`, children: [
     t && /* @__PURE__ */ a("span", { className: "widget__title", children: t }),
     l,
     n ? /* @__PURE__ */ a(j, { kind: n, message: r }) : i
   ] });
 }
-const Je = { up: "↑", down: "↓" };
-function ge(e) {
+const Ue = { up: "↑", down: "↓" };
+function he(e) {
   return Array.isArray(e) ? e.filter(
     (t) => t && t.status === "ok" && t.formatted && t.formatted !== "-"
   ) : [];
 }
-function Ze({ comparison: e, primary: t }) {
-  const n = e.sentiment ?? "neutral", r = Je[e.trend ?? ""] ?? "";
+function Qe({ comparison: e, primary: t }) {
+  const n = e.sentiment ?? "neutral", r = Ue[e.trend ?? ""] ?? "";
   return /* @__PURE__ */ v("div", { className: `widget-kpi__trend widget-kpi__trend--${n}${t ? "" : " widget-kpi__trend--muted"}`, children: [
     /* @__PURE__ */ v("span", { className: "widget-kpi__variance", children: [
       r,
@@ -185,44 +185,44 @@ function Ze({ comparison: e, primary: t }) {
     e.label && /* @__PURE__ */ a("span", { className: "widget-kpi__trend-label", children: e.label })
   ] });
 }
-function Be({ data: e, label: t }) {
-  const n = t || String(e.label || ""), r = String(e.formatted || "-"), l = ge(e.comparisons);
-  return /* @__PURE__ */ v(I, { name: "kpi", title: n, children: [
+function Je({ data: e, label: t }) {
+  const n = t || String(e.label || ""), r = String(e.formatted || "-"), l = he(e.comparisons);
+  return /* @__PURE__ */ v(W, { name: "kpi", title: n, children: [
     /* @__PURE__ */ a("span", { className: "widget-kpi__value", children: r }),
-    l.map((i, o) => /* @__PURE__ */ a(Ze, { comparison: i, primary: o === 0 }, i.id || o))
+    l.map((i, c) => /* @__PURE__ */ a(Qe, { comparison: i, primary: c === 0 }, i.id || c))
   ] });
 }
-const et = "var(--bg-elevated)", tt = [
+const Ze = "var(--bg-elevated)", Be = [
   [1, "var(--color-success)"],
   [0.7, ""],
   // vazio = cor da serie 1 (destaque do dashboard)
   [0.4, "var(--color-warning)"],
   [0, "var(--color-error)"]
 ];
-function B(e, t, n, r) {
+function ee(e, t, n, r) {
   if (r <= 0) return "";
   if (r >= 1)
     return `M ${e - n} ${t} A ${n} ${n} 0 0 1 ${e} ${t - n} A ${n} ${n} 0 0 1 ${e + n} ${t}`;
   const l = r * Math.PI;
   return `M ${e - n} ${t} A ${n} ${n} 0 0 1 ${e - n * Math.cos(l)} ${t - n * Math.sin(l)}`;
 }
-function rt({ data: e, palette: t, label: n }) {
-  const r = n || String(e.label || ""), l = typeof e.ratio == "number" ? e.ratio : 0, i = typeof e.format == "string" ? e.format : void 0, o = String(e.value_formatted || ie(e.value, i)), s = String(e.formatted || "-"), h = ge(e.comparisons), [c, ...g] = h, u = String((c == null ? void 0 : c.baseline_formatted) || "-"), d = (c == null ? void 0 : c.label) ?? null, f = l >= 1, _ = Math.min(Math.max(l, 0), 1), S = tt.find(([y]) => l >= y), R = (S == null ? void 0 : S[1]) || t[0] || "var(--color-info)", A = 50, k = 50, E = 44, $ = 10;
-  return /* @__PURE__ */ a(I, { name: "gauge", title: r, children: /* @__PURE__ */ v("div", { className: "widget-gauge__chart", children: [
+function et({ data: e, palette: t, label: n }) {
+  const r = n || String(e.label || ""), l = typeof e.ratio == "number" ? e.ratio : 0, i = typeof e.format == "string" ? e.format : void 0, c = String(e.value_formatted || le(e.value, i)), s = String(e.formatted || "-"), h = he(e.comparisons), [o, ...f] = h, u = String((o == null ? void 0 : o.baseline_formatted) || "-"), d = (o == null ? void 0 : o.label) ?? null, g = l >= 1, b = Math.min(Math.max(l, 0), 1), k = Be.find(([y]) => l >= y), C = (k == null ? void 0 : k[1]) || t[0] || "var(--color-info)", M = 50, S = 50, T = 44, $ = 10;
+  return /* @__PURE__ */ a(W, { name: "gauge", title: r, children: /* @__PURE__ */ v("div", { className: "widget-gauge__chart", children: [
     /* @__PURE__ */ v("svg", { viewBox: "0 0 100 56", preserveAspectRatio: "xMidYMax meet", role: "img", "aria-label": `${s} da meta`, children: [
-      /* @__PURE__ */ a("path", { d: B(A, k, E, 1), fill: "none", stroke: et, strokeWidth: $, strokeLinecap: "butt" }),
-      _ > 0 && /* @__PURE__ */ a("path", { d: B(A, k, E, _), fill: "none", stroke: R, strokeWidth: $, strokeLinecap: "butt" })
+      /* @__PURE__ */ a("path", { d: ee(M, S, T, 1), fill: "none", stroke: Ze, strokeWidth: $, strokeLinecap: "butt" }),
+      b > 0 && /* @__PURE__ */ a("path", { d: ee(M, S, T, b), fill: "none", stroke: C, strokeWidth: $, strokeLinecap: "butt" })
     ] }),
     /* @__PURE__ */ v("div", { className: "widget-gauge__center", children: [
       /* @__PURE__ */ a("span", { className: "widget-gauge__percent", children: s }),
       /* @__PURE__ */ v("span", { className: "widget-gauge__comparison", children: [
-        o,
+        c,
         " / ",
         u
       ] }),
-      f && /* @__PURE__ */ a("span", { className: "widget-gauge__badge", children: d || "Meta batida" }),
-      !f && d && /* @__PURE__ */ a("span", { className: "widget-gauge__comparison", children: d }),
-      g.map((y, w) => /* @__PURE__ */ v("span", { className: "widget-gauge__comparison", children: [
+      g && /* @__PURE__ */ a("span", { className: "widget-gauge__badge", children: d || "Meta batida" }),
+      !g && d && /* @__PURE__ */ a("span", { className: "widget-gauge__comparison", children: d }),
+      f.map((y, w) => /* @__PURE__ */ v("span", { className: "widget-gauge__comparison", children: [
         y.formatted,
         " ",
         y.label
@@ -230,126 +230,114 @@ function rt({ data: e, palette: t, label: n }) {
     ] })
   ] }) });
 }
-function me(e) {
-  const [t, n] = M({ width: 0, height: 0 });
+function X(e) {
+  const [t, n] = E({ width: 0, height: 0 });
   return P(() => {
     const r = e.current;
     if (!r) return;
     const l = new ResizeObserver(([i]) => {
-      const { width: o, height: s } = i.contentRect;
+      const { width: c, height: s } = i.contentRect;
       n(
-        (h) => h.width !== Math.floor(o) || h.height !== Math.floor(s) ? { width: Math.floor(o), height: Math.floor(s) } : h
+        (h) => h.width !== Math.floor(c) || h.height !== Math.floor(s) ? { width: Math.floor(c), height: Math.floor(s) } : h
       );
     });
     return l.observe(r), () => l.disconnect();
   }, [e]), t;
 }
-const ee = { fontSize: 10, fill: "var(--text-muted)" }, at = "var(--bg-elevated)", nt = {
+const te = { fontSize: 10, fill: "var(--text-muted)" }, tt = "var(--bg-elevated)", rt = {
   backgroundColor: "var(--bg-elevated)",
   border: "1px solid var(--bg-paper)",
   borderRadius: "6px",
   color: "var(--text-primary)"
-}, lt = {
+}, nt = {
   color: "var(--text-primary)",
   fontWeight: 600
 };
-function it(e, t) {
+function at(e, t) {
   var l;
   const n = Array.isArray(t) ? t[0] : void 0, r = (l = n == null ? void 0 : n.payload) == null ? void 0 : l.tooltipLabel;
   return typeof r == "string" && r ? r : String(e ?? "");
 }
-function Y({ Chart: e, chartData: t, xKey: n, series: r, palette: l, renderSeries: i, width: o, height: s }) {
-  return /* @__PURE__ */ v(e, { data: t, width: o, height: s, children: [
-    /* @__PURE__ */ a(de, { strokeDasharray: "3 3", stroke: at }),
-    /* @__PURE__ */ a(ue, { dataKey: n, tick: ee }),
-    /* @__PURE__ */ a(he, { tick: ee }),
+function Y({ Chart: e, chartData: t, xKey: n, series: r, palette: l, renderSeries: i, width: c, height: s }) {
+  return /* @__PURE__ */ v(e, { data: t, width: c, height: s, children: [
+    /* @__PURE__ */ a(oe, { strokeDasharray: "3 3", stroke: tt }),
+    /* @__PURE__ */ a(de, { dataKey: n, tick: te }),
+    /* @__PURE__ */ a(ue, { tick: te }),
     /* @__PURE__ */ a(
       K,
       {
-        contentStyle: nt,
-        labelStyle: lt,
-        labelFormatter: it,
+        contentStyle: rt,
+        labelStyle: nt,
+        labelFormatter: at,
         cursor: { fill: "var(--bg-paper)", opacity: 0.3 }
       }
     ),
-    r.length > 1 && /* @__PURE__ */ a(Pe, {}),
-    r.map((h, c) => i(h, l[c % l.length], c))
+    r.length > 1 && /* @__PURE__ */ a(Le, {}),
+    r.map((h, o) => i(h, l[o % l.length], o))
   ] });
 }
-function st({ data: e, palette: t, label: n }) {
-  const r = String(e.chartType || "bar"), l = n || String(e.label || ""), i = String(e.xKey || "label"), o = e.series || [], s = e.data || [], h = N(null), { width: c, height: g } = me(h), u = () => {
-    if (c <= 0 || g <= 0) return null;
-    const d = { chartData: s, xKey: i, series: o, palette: t, width: c, height: g };
-    return r === "line" ? /* @__PURE__ */ a(Y, { ...d, Chart: Le, renderSeries: (f, _) => /* @__PURE__ */ a(
-      Ie,
+function lt({ data: e, palette: t, label: n }) {
+  const r = String(e.chartType || "bar"), l = n || String(e.label || ""), i = String(e.xKey || "label"), c = e.series || [], s = e.data || [], h = N(null), { width: o, height: f } = X(h), u = () => {
+    if (o <= 0 || f <= 0) return null;
+    const d = { chartData: s, xKey: i, series: c, palette: t, width: o, height: f };
+    return r === "line" ? /* @__PURE__ */ a(Y, { ...d, Chart: Ee, renderSeries: (g, b) => /* @__PURE__ */ a(
+      Fe,
       {
         type: "monotone",
-        dataKey: f.key,
-        name: f.label,
-        stroke: _,
+        dataKey: g.key,
+        name: g.label,
+        stroke: b,
         strokeWidth: 2,
         dot: s.length <= 31
       },
-      f.key
-    ) }) : r === "area" ? /* @__PURE__ */ a(Y, { ...d, Chart: We, renderSeries: (f, _) => /* @__PURE__ */ a(
-      Oe,
+      g.key
+    ) }) : r === "area" ? /* @__PURE__ */ a(Y, { ...d, Chart: Ie, renderSeries: (g, b) => /* @__PURE__ */ a(
+      We,
       {
         type: "monotone",
-        dataKey: f.key,
-        name: f.label,
-        fill: _,
-        stroke: _,
+        dataKey: g.key,
+        name: g.label,
+        fill: b,
+        stroke: b,
         fillOpacity: 0.3
       },
-      f.key
-    ) }) : /* @__PURE__ */ a(Y, { ...d, Chart: ce, renderSeries: (f, _) => /* @__PURE__ */ a(
+      g.key
+    ) }) : /* @__PURE__ */ a(Y, { ...d, Chart: ce, renderSeries: (g, b) => /* @__PURE__ */ a(
       z,
       {
-        dataKey: f.key,
-        name: f.label,
-        fill: _,
+        dataKey: g.key,
+        name: g.label,
+        fill: b,
         radius: [3, 3, 0, 0]
       },
-      f.key
+      g.key
     ) });
   };
-  return /* @__PURE__ */ a(I, { name: "chart", title: l, children: /* @__PURE__ */ a("div", { ref: h, className: "widget-chart__container", children: s.length === 0 ? /* @__PURE__ */ a(j, { kind: "empty" }) : u() }) });
+  return /* @__PURE__ */ a(W, { name: "chart", title: l, children: /* @__PURE__ */ a("div", { ref: h, className: "widget-chart__container", children: s.length === 0 ? /* @__PURE__ */ a(j, { kind: "empty" }) : u() }) });
 }
-const te = { fontSize: 10, fill: "var(--text-muted)" }, ot = "var(--bg-elevated)", re = {
-  backgroundColor: "var(--bg-elevated)",
-  border: "1px solid var(--bg-paper)",
-  borderRadius: "6px",
-  color: "var(--text-primary)"
-}, ae = {
-  color: "var(--text-primary)",
-  fontWeight: 600
-};
+const re = { fontSize: 10, fill: "var(--text-muted)" }, it = "var(--bg-elevated)", st = { fill: "var(--bg-paper)", opacity: 0.3 };
 function ct(e) {
   return e.kind === "anchor" ? "var(--color-accent)" : e.kind === "residual" ? "var(--color-warning)" : e.value < 0 ? "var(--color-error)" : "var(--color-success)";
 }
-function ne(e, t, n) {
-  const r = n == null ? void 0 : n.payload;
-  return [(r == null ? void 0 : r.formatted) ?? "-", (r == null ? void 0 : r.label) ?? ""];
-}
-function dt({ data: e, palette: t, label: n }) {
-  const r = n || String(e.label || ""), l = String(e.display || "pie"), i = e.data || [], o = typeof e.format == "string" ? e.format : void 0, s = N(null), { width: h, height: c } = me(s), g = () => /* @__PURE__ */ v(ce, { data: i, width: h, height: c, children: [
-    /* @__PURE__ */ a(de, { strokeDasharray: "3 3", stroke: ot }),
-    /* @__PURE__ */ a(ue, { dataKey: "label", tick: te, interval: 0 }),
-    /* @__PURE__ */ a(he, { tick: te, tickFormatter: (d) => ie(d, o) }),
-    /* @__PURE__ */ a(
-      K,
-      {
-        contentStyle: re,
-        labelStyle: ae,
-        formatter: ne,
-        cursor: { fill: "var(--bg-paper)", opacity: 0.3 }
-      }
-    ),
+function ne({ active: e, payload: t }) {
+  var r;
+  const n = e ? (r = t == null ? void 0 : t[0]) == null ? void 0 : r.payload : void 0;
+  return n ? /* @__PURE__ */ v("div", { className: "widget-composition__tooltip", children: [
+    /* @__PURE__ */ a("span", { className: "widget-composition__tooltip-label", children: n.label }),
+    /* @__PURE__ */ a("span", { className: "widget-composition__tooltip-value", children: n.formatted })
+  ] }) : null;
+}
+function ot({ data: e, palette: t, label: n }) {
+  const r = n || String(e.label || ""), l = String(e.display || "pie"), i = e.data || [], c = typeof e.format == "string" ? e.format : void 0, s = N(null), { width: h, height: o } = X(s), f = () => /* @__PURE__ */ v(ce, { data: i, width: h, height: o, children: [
+    /* @__PURE__ */ a(oe, { strokeDasharray: "3 3", stroke: it }),
+    /* @__PURE__ */ a(de, { dataKey: "label", tick: re, interval: 0 }),
+    /* @__PURE__ */ a(ue, { tick: re, tickFormatter: (d) => le(d, c) }),
+    /* @__PURE__ */ a(K, { content: /* @__PURE__ */ a(ne, {}), cursor: st }),
     /* @__PURE__ */ a(z, { dataKey: "base", stackId: "bridge", fill: "none", fillOpacity: 0, isAnimationActive: !1 }),
-    /* @__PURE__ */ a(z, { dataKey: "span", stackId: "bridge", radius: [3, 3, 0, 0], children: i.map((d, f) => /* @__PURE__ */ a(Z, { fill: ct(d) }, f)) })
-  ] }), u = () => /* @__PURE__ */ v(De, { width: h, height: c, children: [
+    /* @__PURE__ */ a(z, { dataKey: "span", stackId: "bridge", radius: [3, 3, 0, 0], children: i.map((d, g) => /* @__PURE__ */ a(B, { fill: ct(d) }, g)) })
+  ] }), u = () => /* @__PURE__ */ v(Oe, { width: h, height: o, children: [
     /* @__PURE__ */ a(
-      He,
+      Pe,
       {
         data: i,
         dataKey: "value",
@@ -357,73 +345,89 @@ function dt({ data: e, palette: t, label: n }) {
         cx: "50%",
         cy: "50%",
         outerRadius: "75%",
-        label: ({ name: d, percent: f }) => `${d}: ${(f * 100).toFixed(0)}%`,
+        label: ({ name: d, percent: g }) => `${d}: ${(g * 100).toFixed(0)}%`,
         labelLine: !1,
-        children: i.map((d, f) => /* @__PURE__ */ a(Z, { fill: t[f % t.length] }, f))
+        children: i.map((d, g) => /* @__PURE__ */ a(B, { fill: t[g % t.length] }, g))
       }
     ),
-    /* @__PURE__ */ a(
-      K,
-      {
-        contentStyle: re,
-        labelStyle: ae,
-        formatter: ne
-      }
-    )
+    /* @__PURE__ */ a(K, { content: /* @__PURE__ */ a(ne, {}) })
   ] });
-  return /* @__PURE__ */ a(I, { name: "composition", title: r, children: /* @__PURE__ */ a("div", { ref: s, className: "widget-composition__container", children: i.length === 0 || h <= 0 || c <= 0 ? /* @__PURE__ */ a(j, { kind: "empty" }) : l === "bridge" ? g() : u() }) });
+  return /* @__PURE__ */ a(W, { name: "composition", title: r, children: /* @__PURE__ */ a("div", { ref: s, className: "widget-composition__container", children: i.length === 0 || h <= 0 || o <= 0 ? /* @__PURE__ */ a(j, { kind: "empty" }) : l === "bridge" ? f() : u() }) });
 }
-function ut(e, t) {
+function dt(e, t) {
   if (t !== "percentage") return "";
   const n = Number(e);
   return Number.isNaN(n) || n === 0 ? "" : n > 0 ? " widget-table__td--up" : " widget-table__td--down";
 }
+function ut(e, t, n, r) {
+  const l = (r == null ? void 0 : r.offsetHeight) ?? 0;
+  if (e === 0 || t <= 0 || l <= 0) return e;
+  const i = Math.floor((t - ((n == null ? void 0 : n.offsetHeight) ?? 0)) / l);
+  return Math.max(0, Math.min(e, i));
+}
 function ht({ data: e, label: t }) {
-  var g;
-  const [n, r] = M(0), l = e.columns || [], i = e.tabs || [], o = i.length > 0, s = o ? ((g = i[Math.min(n, i.length - 1)]) == null ? void 0 : g.rows) || [] : e.rows || [], h = t || String(e.label || "");
-  if (l.length === 0)
-    return /* @__PURE__ */ a(
-      I,
-      {
-        name: "table",
-        title: h,
-        state: "unconfigured",
-        stateMessage: "Configure as colunas da tabela."
-      }
-    );
-  const c = o ? /* @__PURE__ */ a("div", { className: "widget-table__tabs", role: "tablist", children: i.map((u, d) => /* @__PURE__ */ a(
-    "button",
+  var d;
+  const n = e.columns || [], r = e.rows || [], l = e.overflow === "clip", i = e.indexColumn === !0, c = t || String(e.label || ""), s = N(null), h = N(null), o = N(null), { height: f } = X(s), u = l ? r.slice(0, ut(
+    r.length,
+    f,
+    h.current,
+    ((d = o.current) == null ? void 0 : d.firstElementChild) ?? null
+  )) : r;
+  return n.length === 0 ? /* @__PURE__ */ a(
+    W,
     {
-      type: "button",
-      role: "tab",
-      "aria-selected": d === n,
-      className: `widget-table__tab${d === n ? " widget-table__tab--active" : ""}`,
-      onClick: () => r(d),
-      children: u.label
-    },
-    d
-  )) }) : void 0;
-  return /* @__PURE__ */ a(I, { name: "table", title: h, toolbar: c, children: /* @__PURE__ */ a("div", { className: "widget-table__scroll", children: /* @__PURE__ */ v("table", { className: "widget-table__table", children: [
-    /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: l.map((u) => /* @__PURE__ */ a(
-      "th",
-      {
-        className: `widget-table__th${U(u.format) ? " widget-table__th--num" : ""}`,
-        children: u.label || u.key
-      },
-      u.key
-    )) }) }),
-    /* @__PURE__ */ a("tbody", { children: s.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { className: "widget-table__td widget-table__td--placeholder", colSpan: l.length, children: "Sem dados" }) }) : s.map((u, d) => /* @__PURE__ */ a("tr", { children: l.map((f) => {
-      const _ = u[f.key], S = U(f.format) ? " widget-table__td--num" : "";
-      return /* @__PURE__ */ a("td", { className: `widget-table__td${S}${ut(_, f.format)}`, children: ve(_, f.format) }, f.key);
-    }) }, d)) })
-  ] }) }) });
+      name: "table",
+      title: c,
+      state: "unconfigured",
+      stateMessage: "Configure as colunas da tabela."
+    }
+  ) : /* @__PURE__ */ a(W, { name: "table", title: c, children: /* @__PURE__ */ a(
+    "div",
+    {
+      ref: s,
+      className: `widget-table__scroll${l ? " widget-table__scroll--clip" : ""}`,
+      children: /* @__PURE__ */ v(
+        "table",
+        {
+          className: `widget-table__table${l && u.length < r.length ? "" : " widget-table__table--fill"}`,
+          children: [
+            /* @__PURE__ */ a("thead", { ref: h, children: /* @__PURE__ */ v("tr", { children: [
+              i && /* @__PURE__ */ a("th", { className: "widget-table__th widget-table__th--index", children: "#" }),
+              n.map((g) => /* @__PURE__ */ a(
+                "th",
+                {
+                  className: `widget-table__th${Q(g.format) ? " widget-table__th--num" : ""}`,
+                  children: g.label || g.key
+                },
+                g.key
+              ))
+            ] }) }),
+            /* @__PURE__ */ a("tbody", { ref: o, children: u.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
+              "td",
+              {
+                className: "widget-table__td widget-table__td--placeholder",
+                colSpan: n.length + (i ? 1 : 0),
+                children: "Sem dados"
+              }
+            ) }) : u.map((g, b) => /* @__PURE__ */ v("tr", { children: [
+              i && /* @__PURE__ */ a("td", { className: "widget-table__td widget-table__td--index", children: b + 1 }),
+              n.map((k) => {
+                const C = g[k.key], M = Q(k.format) ? " widget-table__td--num" : "";
+                return /* @__PURE__ */ a("td", { className: `widget-table__td${M}${dt(C, k.format)}`, children: _e(C, k.format) }, k.key);
+              })
+            ] }, b)) })
+          ]
+        }
+      )
+    }
+  ) });
 }
 function gt({ config: e, value: t, options: n = [], dateBounds: r, onChange: l }) {
-  const i = e.filterType || "select", o = e.label || "Filtro", s = e.dateFilterMode || "range";
+  const i = e.filterType || "select", c = e.label || "Filtro", s = e.dateFilterMode || "range";
   return /* @__PURE__ */ v("div", { className: "widget-filter", children: [
-    /* @__PURE__ */ a("label", { className: "widget-filter__label", children: o }),
-    i === "date_range" ? s === "yearly" ? /* @__PURE__ */ a(ft, { value: t, dateBounds: r, onChange: l }) : s === "monthly" ? /* @__PURE__ */ a(pt, { value: t, dateBounds: r, onChange: l }) : s === "weekly" ? /* @__PURE__ */ a(bt, { value: t, dateBounds: r, onChange: l }) : /* @__PURE__ */ a(mt, { value: t, dateBounds: r, onChange: l }) : /* @__PURE__ */ a(
-      _t,
+    /* @__PURE__ */ a("label", { className: "widget-filter__label", children: c }),
+    i === "date_range" ? s === "yearly" ? /* @__PURE__ */ a(ft, { value: t, dateBounds: r, onChange: l }) : s === "monthly" ? /* @__PURE__ */ a(pt, { value: t, dateBounds: r, onChange: l }) : s === "weekly" ? /* @__PURE__ */ a(_t, { value: t, dateBounds: r, onChange: l }) : /* @__PURE__ */ a(mt, { value: t, dateBounds: r, onChange: l }) : /* @__PURE__ */ a(
+      bt,
       {
         value: t,
         options: n,
@@ -438,7 +442,7 @@ function mt({ value: e, dateBounds: t, onChange: n }) {
   const [r, l] = e ? e.split("|") : ["", ""];
   return /* @__PURE__ */ v("div", { className: "widget-filter__date-range widget-filter__date-range--stacked", children: [
     /* @__PURE__ */ a(
-      Q,
+      J,
       {
         value: r,
         minIso: t == null ? void 0 : t.min,
@@ -451,7 +455,7 @@ function mt({ value: e, dateBounds: t, onChange: n }) {
       }
     ),
     /* @__PURE__ */ a(
-      Q,
+      J,
       {
         value: l,
         minIso: r || (t == null ? void 0 : t.min),
@@ -466,23 +470,23 @@ function mt({ value: e, dateBounds: t, onChange: n }) {
   ] });
 }
 function ft({ value: e, dateBounds: t, onChange: n }) {
-  const [r] = e ? e.split("|") : [""], l = we(r), i = /* @__PURE__ */ new Date(), o = (l == null ? void 0 : l.year) ?? i.getFullYear(), s = V(t), h = (c) => {
-    const g = Ne(c);
-    n(`${g.start}|${g.end}`);
+  const [r] = e ? e.split("|") : [""], l = be(r), i = /* @__PURE__ */ new Date(), c = (l == null ? void 0 : l.year) ?? i.getFullYear(), s = V(t), h = (o) => {
+    const f = ke(o);
+    n(`${f.start}|${f.end}`);
   };
   return /* @__PURE__ */ a("div", { className: "widget-filter__date-range widget-filter__date-range--year", children: /* @__PURE__ */ a(
     "select",
     {
       className: "widget-filter__select",
-      value: o,
-      onChange: (c) => h(parseInt(c.target.value)),
-      children: s.map((c) => /* @__PURE__ */ a("option", { value: c, children: c }, c))
+      value: c,
+      onChange: (o) => h(parseInt(o.target.value)),
+      children: s.map((o) => /* @__PURE__ */ a("option", { value: o, children: o }, o))
     }
   ) });
 }
 function pt({ value: e, dateBounds: t, onChange: n }) {
-  const [r] = e ? e.split("|") : [""], l = se(r), i = /* @__PURE__ */ new Date(), o = (l == null ? void 0 : l.year) ?? i.getFullYear(), s = (l == null ? void 0 : l.month) ?? i.getMonth() + 1, h = V(t), c = (g, u) => {
-    const d = Se(g, u);
+  const [r] = e ? e.split("|") : [""], l = ie(r), i = /* @__PURE__ */ new Date(), c = (l == null ? void 0 : l.year) ?? i.getFullYear(), s = (l == null ? void 0 : l.month) ?? i.getMonth() + 1, h = V(t), o = (f, u) => {
+    const d = ye(f, u);
     n(`${d.start}|${d.end}`);
   };
   return /* @__PURE__ */ v("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
@@ -491,32 +495,32 @@ function pt({ value: e, dateBounds: t, onChange: n }) {
       {
         className: "widget-filter__select",
         value: s,
-        onChange: (g) => c(o, parseInt(g.target.value)),
-        children: oe.map((g, u) => /* @__PURE__ */ a("option", { value: u + 1, children: g }, u + 1))
+        onChange: (f) => o(c, parseInt(f.target.value)),
+        children: se.map((f, u) => /* @__PURE__ */ a("option", { value: u + 1, children: f }, u + 1))
       }
     ),
     /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: o,
-        onChange: (g) => c(parseInt(g.target.value), s),
-        children: h.map((g) => /* @__PURE__ */ a("option", { value: g, children: g }, g))
+        value: c,
+        onChange: (f) => o(parseInt(f.target.value), s),
+        children: h.map((f) => /* @__PURE__ */ a("option", { value: f, children: f }, f))
       }
     )
   ] });
 }
-function bt({ value: e, dateBounds: t, onChange: n }) {
-  const [r] = e ? e.split("|") : [""], l = se(r), i = /* @__PURE__ */ new Date(), o = (l == null ? void 0 : l.year) ?? i.getFullYear(), s = (l == null ? void 0 : l.month) ?? i.getMonth() + 1, h = V(t), c = H(o, s), g = ye(r, o, s) || 1;
+function _t({ value: e, dateBounds: t, onChange: n }) {
+  const [r] = e ? e.split("|") : [""], l = ie(r), i = /* @__PURE__ */ new Date(), c = (l == null ? void 0 : l.year) ?? i.getFullYear(), s = (l == null ? void 0 : l.month) ?? i.getMonth() + 1, h = V(t), o = H(c, s), f = ve(r, c, s) || 1;
   return /* @__PURE__ */ v("div", { className: "widget-filter__date-range widget-filter__date-range--week", children: [
     /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: o,
+        value: c,
         onChange: (u) => {
-          const d = parseInt(u.target.value), _ = H(d, s)[0];
-          _ && n(`${_.start}|${_.end}`);
+          const d = parseInt(u.target.value), b = H(d, s)[0];
+          b && n(`${b.start}|${b.end}`);
         },
         children: h.map((u) => /* @__PURE__ */ a("option", { value: u, children: u }, u))
       }
@@ -527,30 +531,30 @@ function bt({ value: e, dateBounds: t, onChange: n }) {
         className: "widget-filter__select",
         value: s,
         onChange: (u) => {
-          const d = parseInt(u.target.value), _ = H(o, d)[0];
-          _ && n(`${_.start}|${_.end}`);
+          const d = parseInt(u.target.value), b = H(c, d)[0];
+          b && n(`${b.start}|${b.end}`);
         },
-        children: oe.map((u, d) => /* @__PURE__ */ a("option", { value: d + 1, children: u }, d + 1))
+        children: se.map((u, d) => /* @__PURE__ */ a("option", { value: d + 1, children: u }, d + 1))
       }
     ),
     /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: g,
+        value: f,
         onChange: (u) => {
-          const d = c[parseInt(u.target.value) - 1];
+          const d = o[parseInt(u.target.value) - 1];
           d && n(`${d.start}|${d.end}`);
         },
-        children: c.map((u) => /* @__PURE__ */ a("option", { value: u.index, children: u.label }, u.index))
+        children: o.map((u) => /* @__PURE__ */ a("option", { value: u.index, children: u.label }, u.index))
       }
     )
   ] });
 }
-function _t({ value: e, options: t, multi: n, searchable: r, onChange: l }) {
+function bt({ value: e, options: t, multi: n, searchable: r, onChange: l }) {
   if (r)
     return /* @__PURE__ */ a(
-      ke,
+      we,
       {
         value: e,
         options: t,
@@ -559,8 +563,8 @@ function _t({ value: e, options: t, multi: n, searchable: r, onChange: l }) {
       }
     );
   if (n) {
-    const i = e ? e.split(G) : [], o = (s) => {
-      const h = i.includes(s) ? i.filter((c) => c !== s) : [...i, s];
+    const i = e ? e.split(G) : [], c = (s) => {
+      const h = i.includes(s) ? i.filter((o) => o !== s) : [...i, s];
       l(h.join(G));
     };
     return /* @__PURE__ */ v("div", { className: "widget-filter__multi", children: [
@@ -579,7 +583,7 @@ function _t({ value: e, options: t, multi: n, searchable: r, onChange: l }) {
           {
             type: "checkbox",
             checked: i.includes(s),
-            onChange: () => o(s)
+            onChange: () => c(s)
           }
         ),
         s
@@ -604,7 +608,7 @@ const vt = {
   percentage: "%"
 };
 function wt({ config: e, value: t, onChange: n }) {
-  const r = e.label || "Variavel", l = e.locked || !1, i = e.variableFormat || "number", o = vt[i] || "";
+  const r = e.label || "Variavel", l = e.locked || !1, i = e.variableFormat || "number", c = vt[i] || "";
   return /* @__PURE__ */ v("div", { className: `widget-variable ${l ? "widget-variable--locked" : ""}`, children: [
     /* @__PURE__ */ a("label", { className: "widget-variable__label", children: r }),
     /* @__PURE__ */ v("div", { className: "widget-variable__input-wrapper", children: [
@@ -619,7 +623,7 @@ function wt({ config: e, value: t, onChange: n }) {
           step: i === "integer" ? 1 : 0.01
         }
       ),
-      o && /* @__PURE__ */ a("span", { className: "widget-variable__suffix", children: o })
+      c && /* @__PURE__ */ a("span", { className: "widget-variable__suffix", children: c })
     ] }),
     l && /* @__PURE__ */ a("span", { className: "widget-variable__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
@@ -628,7 +632,7 @@ function yt({ config: e, palette: t, onChange: n }) {
   const r = e.label || "Cores", l = e.locked || !1;
   return /* @__PURE__ */ v("div", { className: `widget-palette ${l ? "widget-palette--locked" : ""}`, children: [
     /* @__PURE__ */ a("label", { className: "widget-palette__label", children: r }),
-    /* @__PURE__ */ a(Ce, { selected: t, onSelect: n, customMode: !0, disabled: l }),
+    /* @__PURE__ */ a(Se, { selected: t, onSelect: n, customMode: !0, disabled: l }),
     l && /* @__PURE__ */ a("span", { className: "widget-palette__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
 }
@@ -642,15 +646,15 @@ function St({
   config: r,
   filterValue: l,
   filterOptions: i,
-  dateBounds: o,
+  dateBounds: c,
   onFilterChange: s,
   variableValue: h,
-  onVariableChange: c,
-  onPaletteChange: g
+  onVariableChange: o,
+  onPaletteChange: f
 }) {
   if (t.error)
     return /* @__PURE__ */ a(
-      I,
+      W,
       {
         name: e.replace("_", "-"),
         title: r == null ? void 0 : r.label,
@@ -658,16 +662,16 @@ function St({
         stateMessage: kt[String(t.error)]
       }
     );
-  const u = Re(n);
+  const u = Ne(n);
   switch (e) {
     case "kpi_card":
-      return /* @__PURE__ */ a(Be, { data: t, label: r == null ? void 0 : r.label });
+      return /* @__PURE__ */ a(Je, { data: t, label: r == null ? void 0 : r.label });
     case "gauge":
-      return /* @__PURE__ */ a(rt, { data: t, palette: u, label: r == null ? void 0 : r.label });
+      return /* @__PURE__ */ a(et, { data: t, palette: u, label: r == null ? void 0 : r.label });
     case "chart":
-      return /* @__PURE__ */ a(st, { data: t, palette: u, label: r == null ? void 0 : r.label });
+      return /* @__PURE__ */ a(lt, { data: t, palette: u, label: r == null ? void 0 : r.label });
     case "composition":
-      return /* @__PURE__ */ a(dt, { data: t, palette: u, label: r == null ? void 0 : r.label });
+      return /* @__PURE__ */ a(ot, { data: t, palette: u, label: r == null ? void 0 : r.label });
     case "table":
       return /* @__PURE__ */ a(ht, { data: t, label: r == null ? void 0 : r.label });
     case "filter":
@@ -677,114 +681,114 @@ function St({
           config: r,
           value: l || "",
           options: i,
-          dateBounds: o,
+          dateBounds: c,
           onChange: s
         }
       ) : null;
     case "variable": {
       const d = r;
-      return d && c ? /* @__PURE__ */ a(
+      return d && o ? /* @__PURE__ */ a(
         wt,
         {
           config: d,
           value: h ?? d.variableValue ?? 0,
-          onChange: c
+          onChange: o
         }
       ) : null;
     }
     case "color_palette":
-      return r && g ? /* @__PURE__ */ a(
+      return r && f ? /* @__PURE__ */ a(
         yt,
         {
           config: r,
           palette: n,
-          onChange: g
+          onChange: f
         }
       ) : null;
     default:
-      return /* @__PURE__ */ a(I, { name: "unknown", state: "unconfigured" });
+      return /* @__PURE__ */ a(W, { name: "unknown", state: "unconfigured" });
   }
 }
 const Nt = (e, t) => e.grid.y - t.grid.y || e.grid.x - t.grid.x;
-function Tt({
+function Mt({
   token: e,
-  cellAspect: t = Ee,
+  cellAspect: t = Ae,
   stackBelow: n,
   onGeometryChange: r,
   silenceWarnings: l,
   className: i
 }) {
   const {
-    layout: o,
+    layout: c,
     renderData: s,
     loading: h,
-    error: c,
-    filters: g,
+    error: o,
+    filters: f,
     variables: u,
     palette: d,
-    setFilter: f,
-    setVariable: _,
-    setPalette: S
-  } = Ge(e), { rootRef: R, gridRef: A, stacked: k } = Ue({
-    columns: (o == null ? void 0 : o.gridColumns) ?? 0,
+    setFilter: g,
+    setVariable: b,
+    setPalette: k
+  } = He(e), { rootRef: C, gridRef: M, stacked: S } = Xe({
+    columns: (c == null ? void 0 : c.gridColumns) ?? 0,
     cellAspect: t,
     stackBelow: n,
     onGeometryChange: r,
     silenceWarnings: l
-  }), E = le(() => {
-    const m = (o == null ? void 0 : o.widgets) ?? [];
-    return k ? [...m].sort(Nt) : m;
-  }, [o == null ? void 0 : o.widgets, k]), $ = {
-    "--dash-gap": `${J}px`,
-    "--dash-pad": `${Ae}px`
+  }), T = ae(() => {
+    const m = (c == null ? void 0 : c.widgets) ?? [];
+    return S ? [...m].sort(Nt) : m;
+  }, [c == null ? void 0 : c.widgets, S]), $ = {
+    "--dash-gap": `${Z}px`,
+    "--dash-pad": `${Me}px`
   }, y = ["preview-tab", i].filter(Boolean).join(" ");
   let w;
-  if (c && !o)
-    w = /* @__PURE__ */ a("div", { className: "preview-tab__error", children: c });
-  else if (!o)
+  if (o && !c)
+    w = /* @__PURE__ */ a("div", { className: "preview-tab__error", children: o });
+  else if (!c)
     w = /* @__PURE__ */ a("div", { className: "preview-tab__loading", children: "Carregando dashboard..." });
-  else if (o.widgets.length === 0)
+  else if (c.widgets.length === 0)
     w = /* @__PURE__ */ a("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." });
   else {
-    const m = (s == null ? void 0 : s.widgets) ?? {}, b = (s == null ? void 0 : s.date_bounds) ?? null, C = {
-      "--dash-cols": o.gridColumns,
-      "--dash-rows": o.gridRows,
-      ...$e(d)
-    }, W = ["preview-tab__grid", k && "preview-tab__grid--stacked"].filter(Boolean).join(" ");
-    w = /* @__PURE__ */ v(fe, { children: [
-      c && !s && /* @__PURE__ */ a("div", { className: "preview-tab__error", children: c }),
-      s && /* @__PURE__ */ a("div", { className: W, style: C, ref: A, children: E.map((p) => {
-        const T = xe.has(p.type), F = m[p.id], O = k ? {
+    const m = (s == null ? void 0 : s.widgets) ?? {}, _ = (s == null ? void 0 : s.date_bounds) ?? null, R = {
+      "--dash-cols": c.gridColumns,
+      "--dash-rows": c.gridRows,
+      ...Ce(d)
+    }, L = ["preview-tab__grid", S && "preview-tab__grid--stacked"].filter(Boolean).join(" ");
+    w = /* @__PURE__ */ v(ge, { children: [
+      o && !s && /* @__PURE__ */ a("div", { className: "preview-tab__error", children: o }),
+      s && /* @__PURE__ */ a("div", { className: L, style: R, ref: M, children: T.map((p) => {
+        const A = Re.has(p.type), F = m[p.id], O = S ? {
           gridColumn: 1,
-          aspectRatio: `${Me(p.grid.w, p.grid.h, t)}`,
-          minHeight: `${Te(p.grid.h, Fe, J, 0)}px`
+          aspectRatio: `${xe(p.grid.w, p.grid.h, t)}`,
+          minHeight: `${$e(p.grid.h, Te, Z, 0)}px`
         } : {
           gridColumn: `${p.grid.x + 1} / span ${p.grid.w}`,
           gridRow: `${p.grid.y + 1} / span ${p.grid.h}`
-        }, L = p.type === "variable" ? u[p.id] ?? (F == null ? void 0 : F.value) ?? p.config.variableValue ?? 0 : void 0;
+        }, I = p.type === "variable" ? u[p.id] ?? (F == null ? void 0 : F.value) ?? p.config.variableValue ?? 0 : void 0;
         return /* @__PURE__ */ a(
           "div",
           {
-            className: `preview-tab__widget ${T ? "preview-tab__widget--control" : ""}`,
+            className: `preview-tab__widget ${A ? "preview-tab__widget--control" : ""}`,
             style: O,
-            children: T || F ? /* @__PURE__ */ a(
+            children: A || F ? /* @__PURE__ */ a(
               St,
               {
                 type: p.type,
                 computed: F || {},
                 palette: d,
                 config: p.config,
-                filterValue: g[p.id] || "",
+                filterValue: f[p.id] || "",
                 filterOptions: (
                   // Estruturais: vem do /layout (cacheavel), nao do /render —
                   // recalcula-los a cada render custaria um DISTINCT por filtro.
                   p.type === "filter" ? p.config.availableValues ?? [] : []
                 ),
-                dateBounds: b,
-                onFilterChange: (D) => f(p.id, D),
-                variableValue: L,
-                onVariableChange: (D) => _(p.id, D),
-                onPaletteChange: S
+                dateBounds: _,
+                onFilterChange: (D) => g(p.id, D),
+                variableValue: I,
+                onVariableChange: (D) => b(p.id, D),
+                onPaletteChange: k
               }
             ) : /* @__PURE__ */ a("div", { className: "preview-tab__widget-loading", children: h ? "Carregando..." : "Sem dados" })
           },
@@ -794,10 +798,10 @@ function Tt({
       h && s && /* @__PURE__ */ a("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
     ] });
   }
-  return /* @__PURE__ */ a("div", { className: y, style: $, ref: R, children: w });
+  return /* @__PURE__ */ a("div", { className: y, style: $, ref: C, children: w });
 }
 export {
   Et as ApiError,
-  Tt as Dashboard
+  Mt as Dashboard
 };
 //# sourceMappingURL=index.js.map