@actionexec/dashboards 0.7.0 → 0.9.0

package/dist/index.js

@@ -1,741 +1,803 @@
-import { jsxs as w, jsx as l, Fragment as ae } from "react/jsx-runtime";
-import { useState as L, useRef as C, useEffect as O, useCallback as R, useMemo as Q } from "react";
-import { a1 as ne, a2 as le, r as H, v as G, w as V, y as ie, $ as se, V as z, Y as Z, q as J, L as D, Z as ce, l as K, u as oe, K as de, I as ue, e as he, Q as ge, O as me, c as fe, x as pe, z as be, n as _e, G as j, C as we, o as ve } from "./ColorPaletteSelector-BSAe2YMH.js";
-import { a3 as ft } from "./ColorPaletteSelector-BSAe2YMH.js";
-import { PieChart as ye, Pie as Ne, Cell as ke, Tooltip as B, LineChart as Se, Line as $e, AreaChart as Ce, Area as Re, BarChart as xe, Bar as Me, CartesianGrid as Fe, XAxis as Le, YAxis as Te, Legend as Ae } from "recharts";
-const Ie = 300;
-function We(e) {
-  const [t, a] = L(null), [n, r] = L(null), [i, c] = L({}), [s, g] = L({}), [o, d] = L(null), [u, h] = L(!0), [N, m] = L(null), _ = C(), y = C(!1);
-  O(() => {
-    let S = !1;
-    return ne(e).then((v) => {
-      S || a(v);
-    }).catch((v) => {
-      S || m(v.message);
+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);
+  P(() => {
+    let y = !1;
+    return pe(e).then((w) => {
+      y || n(w);
+    }).catch((w) => {
+      y || _(w.message);
     }), () => {
-      S = !0;
+      y = !0;
     };
-  }, [e]), O(() => {
+  }, [e]), P(() => {
     if (t)
-      return _.current && clearTimeout(_.current), _.current = setTimeout(() => {
-        const S = Ee(i, s);
-        h(!0), le(e, S).then((v) => {
-          r(v), !y.current && v.applied && (y.current = !0, c((f) => ({ ...Oe(v.applied), ...f }))), m(null);
-        }).catch((v) => m(v.message)).finally(() => h(!1));
-      }, Ie), () => {
-        _.current && clearTimeout(_.current);
+      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);
       };
   }, [e, t, i, s]);
-  const T = R((S, v) => {
-    c((f) => ({ ...f, [S]: v }));
-  }, []), k = R((S, v) => {
-    g((f) => ({ ...f, [S]: v }));
-  }, []), E = R((S) => {
-    d(S);
-  }, []), F = Q(
-    () => o ?? (t == null ? void 0 : t.palette) ?? [],
-    [o, t]
+  const A = x((y, w) => {
+    o((m) => ({ ...m, [y]: w }));
+  }, []), k = x((y, w) => {
+    h((m) => ({ ...m, [y]: w }));
+  }, []), E = x((y) => {
+    g(y);
+  }, []), $ = le(
+    () => c ?? (t == null ? void 0 : t.palette) ?? [],
+    [c, t]
   );
   return {
     layout: t,
-    renderData: n,
+    renderData: r,
     loading: u,
-    error: N,
+    error: f,
     filters: i,
     variables: s,
-    palette: F,
-    setFilter: T,
+    palette: $,
+    setFilter: A,
     setVariable: k,
     setPalette: E
   };
 }
-function Ee(e, t) {
-  const a = {};
-  for (const [n, r] of Object.entries(e))
-    if (r.includes("|")) {
-      const [i, c] = r.split("|");
-      i && (a.f_date_start = i), c && (a.f_date_end = c);
+function ze(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);
     } else
-      a[`f_${n}`] = r;
-  for (const [n, r] of Object.entries(t))
-    a[`v_${n}`] = String(r);
-  return a;
+      n[`f_${r}`] = l;
+  for (const [r, l] of Object.entries(t))
+    n[`v_${r}`] = String(l);
+  return n;
 }
-function Oe(e) {
+function Ke(e) {
   const t = {};
-  for (const [a, n] of Object.entries(e))
-    if (n && typeof n == "object" && "start" in n) {
-      const r = n;
-      t[a] = `${r.start || ""}|${r.end || ""}`;
-    } else Array.isArray(n) ? t[a] = n.join(H) : typeof n == "string" && (t[a] = n);
+  for (const [n, r] of Object.entries(e))
+    if (r && typeof r == "object" && "start" in r) {
+      const l = r;
+      t[n] = `${l.start || ""}|${l.end || ""}`;
+    } else Array.isArray(r) ? t[n] = r.join(G) : typeof r == "string" && (t[n] = r);
   return t;
 }
-const Pe = (e) => {
-  var t, a;
-  return ((a = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : a.inlineSize) ?? e.target.offsetWidth;
-}, De = (e) => {
-  var t, a;
-  return ((a = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : a.blockSize) ?? e.target.offsetHeight;
+const Ve = (e) => {
+  var t, n;
+  return ((n = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : n.inlineSize) ?? e.target.offsetWidth;
+}, je = (e) => {
+  var t, n;
+  return ((n = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : n.blockSize) ?? e.target.offsetHeight;
 };
-function Ye(e, t, a) {
-  return e === void 0 ? 0 : e === "auto" ? ie(t, a) : Math.max(0, e);
+function Xe(e, t, n) {
+  return e === void 0 ? 0 : e === "auto" ? _e(t, n) : Math.max(0, e);
 }
-function He(e) {
+function qe(e) {
   let t = e.parentElement;
   for (; t && t !== document.body && t !== document.documentElement; ) {
-    const { overflowY: a } = getComputedStyle(t);
-    if (a !== "visible")
-      return a === "hidden" || a === "clip" ? t : null;
+    const { overflowY: n } = getComputedStyle(t);
+    if (n !== "visible")
+      return n === "hidden" || n === "clip" ? t : null;
     t = t.parentElement;
   }
   return null;
 }
-function ze(e) {
-  const t = C(e);
+function Ue(e) {
+  const t = N(e);
   t.current = e;
-  const a = C(null), n = C(null), r = C(null), i = C(null), c = C(null), s = C(0), g = C(0), o = C(!1), d = C(!1), u = C(-1), [h, N] = L(!1), m = R((f) => {
-    const p = n.current;
-    if (d.current || t.current.silenceWarnings || !p) return;
-    const $ = He(p);
-    !$ || $.clientHeight >= f.gridHeight || (d.current = !0, console.warn(
-      `[@actionexec/dashboards] O dashboard esta sendo cortado: o container precisa de ${Math.ceil(f.gridHeight)}px de altura, mas o ancestral com overflow oculto tem ${$.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), 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.`
     ));
-  }, []), _ = R(() => {
-    var W, A;
-    if (!a.current) return;
-    const { columns: f, cellAspect: p } = t.current, $ = s.current, I = V($, f), b = {
-      containerWidth: $,
-      cellWidth: I,
-      cellHeight: G(I, p),
-      gridHeight: g.current,
-      stacked: o.current
-    }, x = c.current;
-    x && x.containerWidth === b.containerWidth && x.cellWidth === b.cellWidth && x.cellHeight === b.cellHeight && x.gridHeight === b.gridHeight && x.stacked === b.stacked || (c.current = b, (A = (W = t.current).onGeometryChange) == null || A.call(W, b), m(b));
-  }, [m]), y = R((f = !1) => {
-    const p = a.current;
-    if (!p) return;
-    const $ = s.current;
-    if (!f && $ === u.current) return;
-    u.current = $;
-    const { columns: I, cellAspect: b, stackBelow: x } = t.current, M = V($, I);
-    p.style.setProperty("--dash-cell-h", `${G(M, b)}px`);
-    const W = Ye(x, I, b), A = W > 0 && $ > 0 && $ < W;
-    A !== o.current && (o.current = A, N(A));
-  }, []), T = R(() => {
+  }, []), S = x(() => {
+    var O, L;
+    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),
+      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(() => {
     i.current !== null && (cancelAnimationFrame(i.current), i.current = null);
-  }, []), k = R(() => {
+  }, []), k = x(() => {
     i.current === null && (i.current = requestAnimationFrame(() => {
-      i.current = null, y(), _();
+      i.current = null, R(), S();
     }));
-  }, [y, _]), E = R((f) => {
-    for (const p of f)
-      p.target === a.current ? s.current = Math.round(Pe(p)) : p.target === n.current && (g.current = De(p));
+  }, [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]), F = R(() => r.current ? r.current : typeof ResizeObserver > "u" ? null : (r.current = new ResizeObserver(E), r.current), [E]), S = R((f) => {
-    const p = F();
-    a.current && (p == null || p.unobserve(a.current)), a.current = f, f && (p == null || p.observe(f), s.current = Math.round(f.getBoundingClientRect().width), y(!0), k());
-  }, [y, F, k]), v = R((f) => {
-    const p = F();
-    if (n.current && (p == null || p.unobserve(n.current)), n.current = f, !f) {
-      g.current = 0;
+  }, [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) {
+      h.current = 0;
       return;
     }
-    p == null || p.observe(f), g.current = f.getBoundingClientRect().height, k();
-  }, [F, k]);
-  return O(() => {
-    const f = F();
-    return a.current && (f == null || f.observe(a.current)), n.current && (f == null || f.observe(n.current)), () => {
-      var p;
-      (p = r.current) == null || p.disconnect(), r.current = null, T();
+    b == null || b.observe(m), h.current = m.getBoundingClientRect().height, k();
+  }, [$, k]);
+  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();
     };
-  }, [F, T]), O(() => {
-    a.current && (y(!0), k());
-  }, [e.columns, e.cellAspect, e.stackBelow, y, k]), { rootRef: S, gridRef: v, stacked: h };
-}
-function Ge({ data: e, label: t }) {
-  const a = t || String(e.label || ""), n = String(e.formatted || "-"), r = e.comparison, i = (r == null ? void 0 : r.trend) === "up" ? "widget-kpi__trend--up" : (r == null ? void 0 : r.trend) === "down" ? "widget-kpi__trend--down" : "", c = (r == null ? void 0 : r.trend) === "up" ? "↑" : (r == null ? void 0 : r.trend) === "down" ? "↓" : "";
-  return /* @__PURE__ */ w("div", { className: "widget widget-kpi", children: [
-    /* @__PURE__ */ l("span", { className: "widget-kpi__label", children: a }),
-    /* @__PURE__ */ l("span", { className: "widget-kpi__value", children: n }),
-    r && r.variance_pct != null && /* @__PURE__ */ w("div", { className: `widget-kpi__trend ${i}`, children: [
-      /* @__PURE__ */ w("span", { className: "widget-kpi__variance", children: [
-        c,
-        " ",
-        r.variance_pct > 0 ? "+" : "",
-        r.variance_pct.toFixed(1),
-        "%"
-      ] }),
-      r.label && /* @__PURE__ */ l("span", { className: "widget-kpi__trend-label", children: r.label })
-    ] })
+  }, [$, A]), P(() => {
+    n.current && (R(!0), k());
+  }, [e.columns, e.cellAspect, e.stackBelow, R, k]), { rootRef: y, gridRef: w, stacked: d };
+}
+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] });
+}
+function I({ 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) {
+  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 ?? ""] ?? "";
+  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,
+      " ",
+      e.formatted
+    ] }),
+    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: [
+    /* @__PURE__ */ a("span", { className: "widget-kpi__value", children: r }),
+    l.map((i, o) => /* @__PURE__ */ a(Ze, { comparison: i, primary: o === 0 }, i.id || o))
   ] });
 }
-const Ve = "var(--bg-elevated)";
-function X(e, t, a, n) {
-  if (n <= 0) return "";
-  if (n >= 1)
-    return `M ${e - a} ${t} A ${a} ${a} 0 0 1 ${e} ${t - a} A ${a} ${a} 0 0 1 ${e + a} ${t}`;
-  const r = n * Math.PI, i = e - a * Math.cos(r), c = t - a * Math.sin(r);
-  return `M ${e - a} ${t} A ${a} ${a} 0 0 1 ${i} ${c}`;
-}
-function q(e) {
-  const t = Math.abs(e);
-  return t >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : t >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : e.toLocaleString("pt-BR");
-}
-function Ke({ data: e, palette: t, label: a }) {
-  const n = a || String(e.label || ""), r = typeof e.value == "number" ? e.value : null, i = r != null ? q(r) : "-", c = String(e.formatted || "-"), s = typeof e.ratio == "number" ? e.ratio : 0, g = e.target_value, o = e.comparison_label, d = s >= 1, u = Math.min(Math.max(s, 0), 1), h = d ? "var(--action-green)" : s >= 0.7 ? t[0] || "var(--color-info)" : s >= 0.4 ? "var(--color-warning)" : "var(--color-error)", N = g != null ? q(g) : "-", m = 50, _ = 50, y = 44, T = 10;
-  return /* @__PURE__ */ w("div", { className: "widget widget-gauge", children: [
-    /* @__PURE__ */ l("span", { className: "widget-gauge__label", children: n }),
-    /* @__PURE__ */ w("div", { className: "widget-gauge__chart", children: [
-      /* @__PURE__ */ w("svg", { viewBox: "0 0 100 56", preserveAspectRatio: "xMidYMax meet", children: [
-        /* @__PURE__ */ l("path", { d: X(m, _, y, 1), fill: "none", stroke: Ve, strokeWidth: T, strokeLinecap: "butt" }),
-        u > 0 && /* @__PURE__ */ l("path", { d: X(m, _, y, u), fill: "none", stroke: h, strokeWidth: T, strokeLinecap: "butt" })
+const et = "var(--bg-elevated)", tt = [
+  [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) {
+  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: [
+    /* @__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__ */ 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,
+        " / ",
+        u
       ] }),
-      /* @__PURE__ */ w("div", { className: "widget-gauge__center", children: [
-        /* @__PURE__ */ l("span", { className: "widget-gauge__percent", children: c }),
-        /* @__PURE__ */ w("span", { className: "widget-gauge__comparison", children: [
-          i,
-          " / ",
-          N
-        ] }),
-        d && /* @__PURE__ */ l("span", { className: "widget-gauge__badge", children: o || "Meta batida" }),
-        !d && o && /* @__PURE__ */ l("span", { className: "widget-gauge__comparison", children: o })
-      ] })
+      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: [
+        y.formatted,
+        " ",
+        y.label
+      ] }, y.id || w))
     ] })
-  ] });
+  ] }) });
 }
-const U = { fontSize: 10, fill: "var(--text-muted)" }, je = "var(--bg-elevated)", ee = {
+function me(e) {
+  const [t, n] = M({ 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;
+      n(
+        (h) => h.width !== Math.floor(o) || h.height !== Math.floor(s) ? { width: Math.floor(o), 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 = {
   backgroundColor: "var(--bg-elevated)",
   border: "1px solid var(--bg-paper)",
   borderRadius: "6px",
   color: "var(--text-primary)"
-}, te = {
+}, lt = {
   color: "var(--text-primary)",
   fontWeight: 600
 };
-function re(e, t) {
-  var r;
-  const a = Array.isArray(t) ? t[0] : void 0, n = (r = a == null ? void 0 : a.payload) == null ? void 0 : r.tooltipLabel;
-  return typeof n == "string" && n ? n : String(e ?? "");
-}
-function Xe(e) {
-  const [t, a] = L({ width: 0, height: 0 });
-  return O(() => {
-    const n = e.current;
-    if (!n) return;
-    const r = new ResizeObserver(([i]) => {
-      const { width: c, height: s } = i.contentRect;
-      a(
-        (g) => g.width !== Math.floor(c) || g.height !== Math.floor(s) ? { width: Math.floor(c), height: Math.floor(s) } : g
-      );
-    });
-    return r.observe(n), () => r.disconnect();
-  }, [e]), t;
+function it(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: a, series: n, palette: r, renderSeries: i, width: c, height: s }) {
-  return /* @__PURE__ */ w(e, { data: t, width: c, height: s, children: [
-    /* @__PURE__ */ l(Fe, { strokeDasharray: "3 3", stroke: je }),
-    /* @__PURE__ */ l(Le, { dataKey: a, tick: U }),
-    /* @__PURE__ */ l(Te, { tick: U }),
-    /* @__PURE__ */ l(
-      B,
+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 }),
+    /* @__PURE__ */ a(
+      K,
       {
-        contentStyle: ee,
-        labelStyle: te,
-        labelFormatter: re,
+        contentStyle: nt,
+        labelStyle: lt,
+        labelFormatter: it,
         cursor: { fill: "var(--bg-paper)", opacity: 0.3 }
       }
     ),
-    n.length > 1 && /* @__PURE__ */ l(Ae, {}),
-    n.map((g, o) => i(g, r[o % r.length], o))
+    r.length > 1 && /* @__PURE__ */ a(Pe, {}),
+    r.map((h, c) => i(h, l[c % l.length], c))
   ] });
 }
-function qe({ data: e, palette: t, label: a }) {
-  const n = String(e.chartType || "bar"), r = a || String(e.label || ""), i = String(e.xKey || "label"), c = e.series || [], s = e.data || [], g = C(null), { width: o, height: d } = Xe(g), u = () => {
-    var N;
-    if (o <= 0 || d <= 0) return null;
-    if (n === "pie")
-      return /* @__PURE__ */ w(ye, { width: o, height: d, children: [
-        /* @__PURE__ */ l(
-          Ne,
-          {
-            data: s,
-            dataKey: ((N = c[0]) == null ? void 0 : N.key) || "s0",
-            nameKey: i,
-            cx: "50%",
-            cy: "50%",
-            outerRadius: "75%",
-            label: ({ name: m, percent: _ }) => `${m}: ${(_ * 100).toFixed(0)}%`,
-            labelLine: !1,
-            children: s.map((m, _) => /* @__PURE__ */ l(ke, { fill: t[_ % t.length] }, _))
-          }
-        ),
-        /* @__PURE__ */ l(
-          B,
-          {
-            contentStyle: ee,
-            labelStyle: te,
-            labelFormatter: re
-          }
-        )
-      ] });
-    const h = { chartData: s, xKey: i, series: c, palette: t, width: o, height: d };
-    return n === "line" ? /* @__PURE__ */ l(Y, { ...h, Chart: Se, renderSeries: (m, _) => /* @__PURE__ */ l(
-      $e,
+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,
       {
         type: "monotone",
-        dataKey: m.key,
-        name: m.label,
+        dataKey: f.key,
+        name: f.label,
         stroke: _,
         strokeWidth: 2,
         dot: s.length <= 31
       },
-      m.key
-    ) }) : n === "area" ? /* @__PURE__ */ l(Y, { ...h, Chart: Ce, renderSeries: (m, _) => /* @__PURE__ */ l(
-      Re,
+      f.key
+    ) }) : r === "area" ? /* @__PURE__ */ a(Y, { ...d, Chart: We, renderSeries: (f, _) => /* @__PURE__ */ a(
+      Oe,
       {
         type: "monotone",
-        dataKey: m.key,
-        name: m.label,
+        dataKey: f.key,
+        name: f.label,
         fill: _,
         stroke: _,
         fillOpacity: 0.3
       },
-      m.key
-    ) }) : /* @__PURE__ */ l(Y, { ...h, Chart: xe, renderSeries: (m, _) => /* @__PURE__ */ l(
-      Me,
+      f.key
+    ) }) : /* @__PURE__ */ a(Y, { ...d, Chart: ce, renderSeries: (f, _) => /* @__PURE__ */ a(
+      z,
       {
-        dataKey: m.key,
-        name: m.label,
+        dataKey: f.key,
+        name: f.label,
         fill: _,
         radius: [3, 3, 0, 0]
       },
-      m.key
+      f.key
     ) });
   };
-  return /* @__PURE__ */ w("div", { className: "widget widget-chart", children: [
-    r && /* @__PURE__ */ l("h4", { className: "widget-chart__title", children: r }),
-    /* @__PURE__ */ l("div", { ref: g, className: "widget-chart__container", children: s.length === 0 ? /* @__PURE__ */ l("div", { className: "widget-chart__empty", children: "Sem dados" }) : u() })
+  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() }) });
+}
+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
+};
+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 }
+      }
+    ),
+    /* @__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(
+      He,
+      {
+        data: i,
+        dataKey: "value",
+        nameKey: "label",
+        cx: "50%",
+        cy: "50%",
+        outerRadius: "75%",
+        label: ({ name: d, percent: f }) => `${d}: ${(f * 100).toFixed(0)}%`,
+        labelLine: !1,
+        children: i.map((d, f) => /* @__PURE__ */ a(Z, { fill: t[f % t.length] }, f))
+      }
+    ),
+    /* @__PURE__ */ a(
+      K,
+      {
+        contentStyle: re,
+        labelStyle: ae,
+        formatter: 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() }) });
 }
-function Ue(e, t) {
-  if (e == null || e === "") return "-";
-  const a = typeof e == "number" ? e : Number(e), n = e !== "" && !Number.isNaN(a);
-  switch (t) {
-    case "currency":
-      return n ? a.toLocaleString("pt-BR", { style: "currency", currency: "BRL" }) : String(e);
-    case "integer":
-      return n ? Math.round(a).toLocaleString("pt-BR") : String(e);
-    case "number":
-      return n ? a.toLocaleString("pt-BR", { maximumFractionDigits: 1 }) : String(e);
-    case "percentage":
-      return n ? `${a > 0 ? "+" : ""}${Math.round(a)}%` : String(e);
-    default:
-      return String(e);
-  }
+function ut(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 Qe({ data: e, label: t }) {
-  var o;
-  const [a, n] = L(0), r = e.columns || [], i = e.tabs || [], c = i.length > 0, s = c ? ((o = i[Math.min(a, i.length - 1)]) == null ? void 0 : o.rows) || [] : e.rows || [], g = t || String(e.label || "");
-  return r.length === 0 ? /* @__PURE__ */ w("div", { className: "widget widget-table", children: [
-    g && /* @__PURE__ */ l("span", { className: "widget-table__label", children: g }),
-    /* @__PURE__ */ l("span", { className: "widget-table__empty", children: "Configure as colunas da tabela." })
-  ] }) : /* @__PURE__ */ w("div", { className: "widget widget-table", children: [
-    g && /* @__PURE__ */ l("span", { className: "widget-table__label", children: g }),
-    c && /* @__PURE__ */ l("div", { className: "widget-table__tabs", role: "tablist", children: i.map((d, u) => /* @__PURE__ */ l(
-      "button",
+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,
       {
-        type: "button",
-        role: "tab",
-        "aria-selected": u === a,
-        className: `widget-table__tab${u === a ? " widget-table__tab--active" : ""}`,
-        onClick: () => n(u),
-        children: d.label
+        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",
+    {
+      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
-    )) }),
-    /* @__PURE__ */ l("div", { className: "widget-table__scroll", children: /* @__PURE__ */ w("table", { className: "widget-table__table", children: [
-      /* @__PURE__ */ l("thead", { children: /* @__PURE__ */ l("tr", { children: r.map((d) => {
-        const u = !!d.format && d.format !== "text";
-        return /* @__PURE__ */ l("th", { className: `widget-table__th${u ? " widget-table__th--num" : ""}`, children: d.label || d.key }, d.key);
-      }) }) }),
-      /* @__PURE__ */ l("tbody", { children: s.length === 0 ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", { className: "widget-table__td widget-table__empty", colSpan: r.length, children: "Sem dados" }) }) : s.map((d, u) => /* @__PURE__ */ l("tr", { children: r.map((h) => {
-        const N = d[h.key], m = !!h.format && h.format !== "text";
-        let _ = "";
-        if (h.format === "percentage") {
-          const y = Number(N);
-          Number.isNaN(y) || (_ = y > 0 ? " widget-table__td--up" : y < 0 ? " widget-table__td--down" : "");
-        }
-        return /* @__PURE__ */ l("td", { className: `widget-table__td${m ? " widget-table__td--num" : ""}${_}`, children: Ue(N, h.format) }, h.key);
-      }) }, u)) })
-    ] }) })
-  ] });
+      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)) })
+  ] }) }) });
 }
-function Ze({ config: e, value: t, options: a = [], dateBounds: n, onChange: r }) {
-  const i = e.filterType || "select", c = e.label || "Filtro", s = e.dateFilterMode || "range";
-  return /* @__PURE__ */ w("div", { className: "widget-filter", children: [
-    /* @__PURE__ */ l("label", { className: "widget-filter__label", children: c }),
-    i === "date_range" ? s === "yearly" ? /* @__PURE__ */ l(Be, { value: t, dateBounds: n, onChange: r }) : s === "monthly" ? /* @__PURE__ */ l(et, { value: t, dateBounds: n, onChange: r }) : s === "weekly" ? /* @__PURE__ */ l(tt, { value: t, dateBounds: n, onChange: r }) : /* @__PURE__ */ l(Je, { value: t, dateBounds: n, onChange: r }) : /* @__PURE__ */ l(
-      rt,
+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";
+  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,
       {
         value: t,
-        options: a,
+        options: n,
         multi: i === "multi_select",
         searchable: e.searchable || !1,
-        onChange: r
+        onChange: l
       }
     )
   ] });
 }
-function Je({ value: e, dateBounds: t, onChange: a }) {
-  const [n, r] = e ? e.split("|") : ["", ""];
-  return /* @__PURE__ */ w("div", { className: "widget-filter__date-range widget-filter__date-range--stacked", children: [
-    /* @__PURE__ */ l(
-      K,
+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,
       {
-        value: n,
+        value: r,
         minIso: t == null ? void 0 : t.min,
-        maxIso: r || (t == null ? void 0 : t.max),
+        maxIso: l || (t == null ? void 0 : t.max),
         selectsStart: !0,
-        startIso: n,
-        endIso: r,
+        startIso: r,
+        endIso: l,
         placeholder: "Data inicial",
-        onChange: (i) => a(`${i}|${r}`)
+        onChange: (i) => n(`${i}|${l}`)
       }
     ),
-    /* @__PURE__ */ l(
-      K,
+    /* @__PURE__ */ a(
+      Q,
       {
-        value: r,
-        minIso: n || (t == null ? void 0 : t.min),
+        value: l,
+        minIso: r || (t == null ? void 0 : t.min),
         maxIso: t == null ? void 0 : t.max,
         selectsEnd: !0,
-        startIso: n,
-        endIso: r,
+        startIso: r,
+        endIso: l,
         placeholder: "Data final",
-        onChange: (i) => a(`${n}|${i}`)
+        onChange: (i) => n(`${r}|${i}`)
       }
     )
   ] });
 }
-function Be({ value: e, dateBounds: t, onChange: a }) {
-  const [n] = e ? e.split("|") : [""], r = se(n), i = /* @__PURE__ */ new Date(), c = (r == null ? void 0 : r.year) ?? i.getFullYear(), s = z(t), g = (o) => {
-    const d = ue(o);
-    a(`${d.start}|${d.end}`);
+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}`);
   };
-  return /* @__PURE__ */ l("div", { className: "widget-filter__date-range widget-filter__date-range--year", children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ a("div", { className: "widget-filter__date-range widget-filter__date-range--year", children: /* @__PURE__ */ a(
     "select",
     {
       className: "widget-filter__select",
-      value: c,
-      onChange: (o) => g(parseInt(o.target.value)),
-      children: s.map((o) => /* @__PURE__ */ l("option", { value: o, children: o }, o))
+      value: o,
+      onChange: (c) => h(parseInt(c.target.value)),
+      children: s.map((c) => /* @__PURE__ */ a("option", { value: c, children: c }, c))
     }
   ) });
 }
-function et({ value: e, dateBounds: t, onChange: a }) {
-  const [n] = e ? e.split("|") : [""], r = Z(n), i = /* @__PURE__ */ new Date(), c = (r == null ? void 0 : r.year) ?? i.getFullYear(), s = (r == null ? void 0 : r.month) ?? i.getMonth() + 1, g = z(t), o = (d, u) => {
-    const h = de(d, u);
-    a(`${h.start}|${h.end}`);
+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);
+    n(`${d.start}|${d.end}`);
   };
-  return /* @__PURE__ */ w("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ v("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
         value: s,
-        onChange: (d) => o(c, parseInt(d.target.value)),
-        children: J.map((d, u) => /* @__PURE__ */ l("option", { value: u + 1, children: d }, u + 1))
+        onChange: (g) => c(o, parseInt(g.target.value)),
+        children: oe.map((g, u) => /* @__PURE__ */ a("option", { value: u + 1, children: g }, u + 1))
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: c,
-        onChange: (d) => o(parseInt(d.target.value), s),
-        children: g.map((d) => /* @__PURE__ */ l("option", { value: d, children: d }, d))
+        value: o,
+        onChange: (g) => c(parseInt(g.target.value), s),
+        children: h.map((g) => /* @__PURE__ */ a("option", { value: g, children: g }, g))
       }
     )
   ] });
 }
-function tt({ value: e, dateBounds: t, onChange: a }) {
-  const [n] = e ? e.split("|") : [""], r = Z(n), i = /* @__PURE__ */ new Date(), c = (r == null ? void 0 : r.year) ?? i.getFullYear(), s = (r == null ? void 0 : r.month) ?? i.getMonth() + 1, g = z(t), o = D(c, s), d = ce(n, c, s) || 1;
-  return /* @__PURE__ */ w("div", { className: "widget-filter__date-range widget-filter__date-range--week", children: [
-    /* @__PURE__ */ l(
+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;
+  return /* @__PURE__ */ v("div", { className: "widget-filter__date-range widget-filter__date-range--week", children: [
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: c,
+        value: o,
         onChange: (u) => {
-          const h = parseInt(u.target.value), m = D(h, s)[0];
-          m && a(`${m.start}|${m.end}`);
+          const d = parseInt(u.target.value), _ = H(d, s)[0];
+          _ && n(`${_.start}|${_.end}`);
         },
-        children: g.map((u) => /* @__PURE__ */ l("option", { value: u, children: u }, u))
+        children: h.map((u) => /* @__PURE__ */ a("option", { value: u, children: u }, u))
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
         value: s,
         onChange: (u) => {
-          const h = parseInt(u.target.value), m = D(c, h)[0];
-          m && a(`${m.start}|${m.end}`);
+          const d = parseInt(u.target.value), _ = H(o, d)[0];
+          _ && n(`${_.start}|${_.end}`);
         },
-        children: J.map((u, h) => /* @__PURE__ */ l("option", { value: h + 1, children: u }, h + 1))
+        children: oe.map((u, d) => /* @__PURE__ */ a("option", { value: d + 1, children: u }, d + 1))
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: d,
+        value: g,
         onChange: (u) => {
-          const h = o[parseInt(u.target.value) - 1];
-          h && a(`${h.start}|${h.end}`);
+          const d = c[parseInt(u.target.value) - 1];
+          d && n(`${d.start}|${d.end}`);
         },
-        children: o.map((u) => /* @__PURE__ */ l("option", { value: u.index, children: u.label }, u.index))
+        children: c.map((u) => /* @__PURE__ */ a("option", { value: u.index, children: u.label }, u.index))
       }
     )
   ] });
 }
-function rt({ value: e, options: t, multi: a, searchable: n, onChange: r }) {
-  if (n)
-    return /* @__PURE__ */ l(
-      oe,
+function _t({ value: e, options: t, multi: n, searchable: r, onChange: l }) {
+  if (r)
+    return /* @__PURE__ */ a(
+      ke,
       {
         value: e,
         options: t,
-        multi: a,
-        onChange: r
+        multi: n,
+        onChange: l
       }
     );
-  if (a) {
-    const i = e ? e.split(H) : [], c = (s) => {
-      const g = i.includes(s) ? i.filter((o) => o !== s) : [...i, s];
-      r(g.join(H));
+  if (n) {
+    const i = e ? e.split(G) : [], o = (s) => {
+      const h = i.includes(s) ? i.filter((c) => c !== s) : [...i, s];
+      l(h.join(G));
     };
-    return /* @__PURE__ */ w("div", { className: "widget-filter__multi", children: [
-      i.length > 0 && /* @__PURE__ */ l(
+    return /* @__PURE__ */ v("div", { className: "widget-filter__multi", children: [
+      i.length > 0 && /* @__PURE__ */ a(
         "button",
         {
           type: "button",
           className: "widget-filter__multi-clear",
-          onClick: () => r(""),
+          onClick: () => l(""),
           children: "Limpar filtro"
         }
       ),
-      t.map((s) => /* @__PURE__ */ w("label", { className: "widget-filter__multi-option", children: [
-        /* @__PURE__ */ l(
+      t.map((s) => /* @__PURE__ */ v("label", { className: "widget-filter__multi-option", children: [
+        /* @__PURE__ */ a(
           "input",
           {
             type: "checkbox",
             checked: i.includes(s),
-            onChange: () => c(s)
+            onChange: () => o(s)
           }
         ),
         s
       ] }, s))
     ] });
   }
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ v(
     "select",
     {
       className: "widget-filter__select",
       value: e,
-      onChange: (i) => r(i.target.value),
+      onChange: (i) => l(i.target.value),
       children: [
-        /* @__PURE__ */ l("option", { value: "", children: "Todos" }),
-        t.map((i) => /* @__PURE__ */ l("option", { value: i, children: i }, i))
+        /* @__PURE__ */ a("option", { value: "", children: "Todos" }),
+        t.map((i) => /* @__PURE__ */ a("option", { value: i, children: i }, i))
       ]
     }
   );
 }
-const at = {
+const vt = {
   currency: "R$",
   percentage: "%"
 };
-function nt({ config: e, value: t, onChange: a }) {
-  const n = e.label || "Variavel", r = e.locked || !1, i = e.variableFormat || "number", c = at[i] || "";
-  return /* @__PURE__ */ w("div", { className: `widget-variable ${r ? "widget-variable--locked" : ""}`, children: [
-    /* @__PURE__ */ l("label", { className: "widget-variable__label", children: n }),
-    /* @__PURE__ */ w("div", { className: "widget-variable__input-wrapper", children: [
-      /* @__PURE__ */ l(
+function wt({ config: e, value: t, onChange: n }) {
+  const r = e.label || "Variavel", l = e.locked || !1, i = e.variableFormat || "number", o = 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: [
+      /* @__PURE__ */ a(
         "input",
         {
           className: "widget-variable__input",
           type: "number",
           value: t,
-          onChange: (s) => a(parseFloat(s.target.value) || 0),
-          disabled: r,
+          onChange: (s) => n(parseFloat(s.target.value) || 0),
+          disabled: l,
           step: i === "integer" ? 1 : 0.01
         }
       ),
-      c && /* @__PURE__ */ l("span", { className: "widget-variable__suffix", children: c })
+      o && /* @__PURE__ */ a("span", { className: "widget-variable__suffix", children: o })
     ] }),
-    r && /* @__PURE__ */ l("span", { className: "widget-variable__lock-icon", title: "Bloqueado", children: "🔒" })
+    l && /* @__PURE__ */ a("span", { className: "widget-variable__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
 }
-function lt({ config: e, palette: t, onChange: a }) {
-  const n = e.label || "Cores", r = e.locked || !1;
-  return /* @__PURE__ */ w("div", { className: `widget-palette ${r ? "widget-palette--locked" : ""}`, children: [
-    /* @__PURE__ */ l("label", { className: "widget-palette__label", children: n }),
-    /* @__PURE__ */ l(he, { selected: t, onSelect: a, customMode: !0, disabled: r }),
-    r && /* @__PURE__ */ l("span", { className: "widget-palette__lock-icon", title: "Bloqueado", children: "🔒" })
+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 }),
+    l && /* @__PURE__ */ a("span", { className: "widget-palette__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
 }
-function it({
+const kt = {
+  failed_to_compute: "Não foi possível calcular este widget"
+};
+function St({
   type: e,
   computed: t,
-  palette: a,
-  config: n,
-  filterValue: r,
+  palette: n,
+  config: r,
+  filterValue: l,
   filterOptions: i,
-  dateBounds: c,
+  dateBounds: o,
   onFilterChange: s,
-  variableValue: g,
-  onVariableChange: o,
-  onPaletteChange: d
+  variableValue: h,
+  onVariableChange: c,
+  onPaletteChange: g
 }) {
   if (t.error)
-    return /* @__PURE__ */ l("div", { className: "widget widget--error", children: /* @__PURE__ */ l("span", { className: "widget__error-text", children: String(t.error) }) });
-  const u = ge(a);
+    return /* @__PURE__ */ a(
+      I,
+      {
+        name: e.replace("_", "-"),
+        title: r == null ? void 0 : r.label,
+        state: "error",
+        stateMessage: kt[String(t.error)]
+      }
+    );
+  const u = Re(n);
   switch (e) {
     case "kpi_card":
-      return /* @__PURE__ */ l(Ge, { data: t, label: n == null ? void 0 : n.label });
+      return /* @__PURE__ */ a(Be, { data: t, label: r == null ? void 0 : r.label });
     case "gauge":
-      return /* @__PURE__ */ l(Ke, { data: t, palette: u, label: n == null ? void 0 : n.label });
+      return /* @__PURE__ */ a(rt, { data: t, palette: u, label: r == null ? void 0 : r.label });
     case "chart":
-      return /* @__PURE__ */ l(qe, { data: t, palette: u, label: n == null ? void 0 : n.label });
+      return /* @__PURE__ */ a(st, { 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 });
     case "table":
-      return /* @__PURE__ */ l(Qe, { data: t, label: n == null ? void 0 : n.label });
+      return /* @__PURE__ */ a(ht, { data: t, label: r == null ? void 0 : r.label });
     case "filter":
-      return n && s ? /* @__PURE__ */ l(
-        Ze,
+      return r && s ? /* @__PURE__ */ a(
+        gt,
         {
-          config: n,
-          value: r || "",
+          config: r,
+          value: l || "",
           options: i,
-          dateBounds: c,
+          dateBounds: o,
           onChange: s
         }
       ) : null;
     case "variable": {
-      const h = n;
-      return h && o ? /* @__PURE__ */ l(
-        nt,
+      const d = r;
+      return d && c ? /* @__PURE__ */ a(
+        wt,
         {
-          config: h,
-          value: g ?? h.variableValue ?? 0,
-          onChange: o
+          config: d,
+          value: h ?? d.variableValue ?? 0,
+          onChange: c
         }
       ) : null;
     }
     case "color_palette":
-      return n && d ? /* @__PURE__ */ l(
-        lt,
+      return r && g ? /* @__PURE__ */ a(
+        yt,
         {
-          config: n,
-          palette: a,
-          onChange: d
+          config: r,
+          palette: n,
+          onChange: g
         }
       ) : null;
     default:
-      return /* @__PURE__ */ w("div", { className: "widget", children: [
-        "Widget: ",
-        e
-      ] });
+      return /* @__PURE__ */ a(I, { name: "unknown", state: "unconfigured" });
   }
 }
-const st = (e, t) => e.grid.y - t.grid.y || e.grid.x - t.grid.x;
-function ht({
+const Nt = (e, t) => e.grid.y - t.grid.y || e.grid.x - t.grid.x;
+function Tt({
   token: e,
-  cellAspect: t = we,
-  stackBelow: a,
-  onGeometryChange: n,
-  silenceWarnings: r,
+  cellAspect: t = Ee,
+  stackBelow: n,
+  onGeometryChange: r,
+  silenceWarnings: l,
   className: i
 }) {
   const {
-    layout: c,
+    layout: o,
     renderData: s,
-    loading: g,
-    error: o,
-    filters: d,
+    loading: h,
+    error: c,
+    filters: g,
     variables: u,
-    palette: h,
-    setFilter: N,
-    setVariable: m,
-    setPalette: _
-  } = We(e), { rootRef: y, gridRef: T, stacked: k } = ze({
-    columns: (c == null ? void 0 : c.gridColumns) ?? 0,
+    palette: d,
+    setFilter: f,
+    setVariable: _,
+    setPalette: S
+  } = Ge(e), { rootRef: R, gridRef: A, stacked: k } = Ue({
+    columns: (o == null ? void 0 : o.gridColumns) ?? 0,
     cellAspect: t,
-    stackBelow: a,
-    onGeometryChange: n,
-    silenceWarnings: r
-  }), E = Q(() => {
-    const f = (c == null ? void 0 : c.widgets) ?? [];
-    return k ? [...f].sort(st) : f;
-  }, [c == null ? void 0 : c.widgets, k]), F = {
-    "--dash-gap": `${j}px`,
-    "--dash-pad": `${_e}px`
-  }, S = ["preview-tab", i].filter(Boolean).join(" ");
-  let v;
-  if (o && !c)
-    v = /* @__PURE__ */ l("div", { className: "preview-tab__error", children: o });
-  else if (!c)
-    v = /* @__PURE__ */ l("div", { className: "preview-tab__loading", children: "Carregando dashboard..." });
-  else if (c.widgets.length === 0)
-    v = /* @__PURE__ */ l("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." });
+    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`
+  }, 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)
+    w = /* @__PURE__ */ a("div", { className: "preview-tab__loading", children: "Carregando dashboard..." });
+  else if (o.widgets.length === 0)
+    w = /* @__PURE__ */ a("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." });
   else {
-    const f = (s == null ? void 0 : s.widgets) ?? {}, p = (s == null ? void 0 : s.date_bounds) ?? null, $ = {
-      "--dash-cols": c.gridColumns,
-      "--dash-rows": c.gridRows,
-      ...me(h)
-    }, I = ["preview-tab__grid", k && "preview-tab__grid--stacked"].filter(Boolean).join(" ");
-    v = /* @__PURE__ */ w(ae, { children: [
-      o && !s && /* @__PURE__ */ l("div", { className: "preview-tab__error", children: o }),
-      s && /* @__PURE__ */ l("div", { className: I, style: $, ref: T, children: E.map((b) => {
-        const x = fe.has(b.type), M = f[b.id], W = k ? {
+    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 ? {
           gridColumn: 1,
-          aspectRatio: `${be(b.grid.w, b.grid.h, t)}`,
-          minHeight: `${pe(b.grid.h, ve, j, 0)}px`
+          aspectRatio: `${Me(p.grid.w, p.grid.h, t)}`,
+          minHeight: `${Te(p.grid.h, Fe, J, 0)}px`
         } : {
-          gridColumn: `${b.grid.x + 1} / span ${b.grid.w}`,
-          gridRow: `${b.grid.y + 1} / span ${b.grid.h}`
-        }, A = b.type === "variable" ? u[b.id] ?? (M == null ? void 0 : M.value) ?? b.config.variableValue ?? 0 : void 0;
-        return /* @__PURE__ */ l(
+          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;
+        return /* @__PURE__ */ a(
           "div",
           {
-            className: `preview-tab__widget ${x ? "preview-tab__widget--control" : ""}`,
-            style: W,
-            children: x || M ? /* @__PURE__ */ l(
-              it,
+            className: `preview-tab__widget ${T ? "preview-tab__widget--control" : ""}`,
+            style: O,
+            children: T || F ? /* @__PURE__ */ a(
+              St,
               {
-                type: b.type,
-                computed: M || {},
-                palette: h,
-                config: b.config,
-                filterValue: d[b.id] || "",
-                filterOptions: (M == null ? void 0 : M.available_values) || [],
-                dateBounds: p,
-                onFilterChange: (P) => N(b.id, P),
-                variableValue: A,
-                onVariableChange: (P) => m(b.id, P),
-                onPaletteChange: _
+                type: p.type,
+                computed: F || {},
+                palette: d,
+                config: p.config,
+                filterValue: g[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
               }
-            ) : /* @__PURE__ */ l("div", { className: "preview-tab__widget-loading", children: g ? "Carregando..." : "Sem dados" })
+            ) : /* @__PURE__ */ a("div", { className: "preview-tab__widget-loading", children: h ? "Carregando..." : "Sem dados" })
           },
-          b.id
+          p.id
         );
       }) }),
-      g && s && /* @__PURE__ */ l("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
+      h && s && /* @__PURE__ */ a("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
     ] });
   }
-  return /* @__PURE__ */ l("div", { className: S, style: F, ref: y, children: v });
+  return /* @__PURE__ */ a("div", { className: y, style: $, ref: R, children: w });
 }
 export {
-  ft as ApiError,
-  ht as Dashboard
+  Et as ApiError,
+  Tt as Dashboard
 };
 //# sourceMappingURL=index.js.map