@actionexec/dashboards 0.16.1 → 0.17.0

package/dist/index.js

@@ -1,951 +1,1015 @@
-import { jsxs as p, jsx as r, Fragment as de } from "react/jsx-runtime";
-import { useState as T, useRef as $, useEffect as D, useCallback as E, useMemo as ue } from "react";
-import { M as V, f as Re, a as $e, c as Q, b as Z, d as Ce, e as me, i as J, g as z, p as Ae, h as q, j as he, k as fe, l as G, m as xe, r as Fe, D as ee, n as Me, o as Te, S as ge, C as Ee, q as Le, s as _e, t as Oe, u as Ie, v as Pe, G as De, w as te, x as We, y as ze, z as He, A as je, B as Ge } from "./ColorPaletteSelector-nBO_fbbj.js";
-import { E as lr } from "./ColorPaletteSelector-nBO_fbbj.js";
-import { LineChart as Ye, Line as Ve, AreaChart as Ke, Area as Ue, BarChart as pe, Bar as K, CartesianGrid as be, XAxis as ve, YAxis as we, Tooltip as U, Legend as qe, Cell as re, PieChart as Xe, Pie as Be } from "recharts";
-function W(e, t = {}) {
-  const n = {};
-  for (const [a, l] of Object.entries(e))
-    if (l.includes("|")) {
-      const [s, c] = l.split("|");
-      s && (n.f_date_start = s), c && (n.f_date_end = c);
+import { jsxs as _, jsx as a, Fragment as Y } from "react/jsx-runtime";
+import { useState as F, useRef as $, useEffect as H, useCallback as I, useMemo as O, memo as xe } from "react";
+import { M as Z, f as Me, a as Fe, c as ae, b as se, d as Ee, e as _e, i as le, g as U, p as Ie, h as te, j as be, k as ve, l as X, m as Pe, r as Le, D as ie, n as Oe, o as We, S as we, C as je, q as ze, s as ye, t as De, u as He, v as Ge, G as Ve, w as oe, x as Ye, y as Ke, z as Ue, A as Be, B as qe } from "./ColorPaletteSelector-nBO_fbbj.js";
+import { E as yr } from "./ColorPaletteSelector-nBO_fbbj.js";
+import { LineChart as Xe, Line as Qe, AreaChart as Ze, Area as Je, BarChart as Ne, Bar as J, CartesianGrid as Se, XAxis as ke, YAxis as Ce, Tooltip as ee, Legend as et, Cell as ce, PieChart as tt, Pie as rt } from "recharts";
+function K(e, t = {}) {
+  const r = {};
+  for (const [n, s] of Object.entries(e))
+    if (s.includes("|")) {
+      const [l, i] = s.split("|");
+      l && (r.f_date_start = l), i && (r.f_date_end = i);
     } else
-      n[`f_${a}`] = l;
-  for (const [a, l] of Object.entries(t))
-    n[`v_${a}`] = String(l);
-  return n;
+      r[`f_${n}`] = s;
+  for (const [n, s] of Object.entries(t))
+    r[`v_${n}`] = String(s);
+  return r;
 }
-function H(e) {
+function B(e) {
   return Object.keys(e).sort().map((t) => `${t}=${e[t]}`).join("&");
 }
-function ye(e, t) {
-  const n = Object.keys(e);
-  return n.length !== Object.keys(t).length ? !1 : n.every((a) => e[a] === t[a]);
+function Re(e, t) {
+  const r = Object.keys(e);
+  return r.length !== Object.keys(t).length ? !1 : r.every((n) => e[n] === t[n]);
 }
-function Ne(e) {
+function $e(e) {
   const t = {};
-  for (const [n, a] of Object.entries(e))
-    if (a && typeof a == "object" && "start" in a) {
-      const l = a;
-      t[n] = `${l.start || ""}|${l.end || ""}`;
-    } else Array.isArray(a) ? t[n] = a.join(V) : typeof a == "string" && (t[n] = a);
+  for (const [r, n] of Object.entries(e))
+    if (n && typeof n == "object" && "start" in n) {
+      const s = n;
+      t[r] = `${s.start || ""}|${s.end || ""}`;
+    } else Array.isArray(n) ? t[r] = n.join(Z) : typeof n == "string" && (t[r] = n);
   return t;
 }
-const Qe = 300;
-function Ze(e) {
-  const [t, n] = T(null), [a, l] = T(null), [s, c] = T({}), [i, u] = T({}), [o, m] = T(null), [d, h] = T(!0), [_, v] = T(null), S = $(), R = $(!1), A = $(null), N = $(!1);
-  D(() => {
-    let f = !1;
-    return R.current = !1, A.current = null, N.current = !1, Re(e).then((g) => {
-      f || n(g);
-    }).catch((g) => {
-      f || v(g.message);
+const nt = 300;
+function at(e) {
+  const [t, r] = F(null), [n, s] = F(null), [l, i] = F({}), [o, p] = F({}), [c, h] = F(null), [d, u] = F(!0), [m, b] = F(null), y = $(), N = $(!1), A = $(null), k = $(!1);
+  H(() => {
+    let g = !1;
+    return N.current = !1, A.current = null, k.current = !1, Me(e).then((f) => {
+      g || r(f);
+    }).catch((f) => {
+      g || b(f.message);
     }), () => {
-      f = !0;
+      g = !0;
     };
-  }, [e]), D(() => {
+  }, [e]), H(() => {
     if (!t) return;
     if (t.widgets.length === 0) {
-      h(!1);
+      u(!1);
       return;
     }
-    const f = W(s, i), g = H(f);
-    if (g === A.current) return;
-    S.current && clearTimeout(S.current);
-    const C = N.current ? Qe : 0;
-    return S.current = setTimeout(() => {
-      h(!0), $e(e, f).then((M) => {
-        A.current = g, N.current = !0, l(M), !R.current && M.applied && (R.current = !0, c((b) => {
-          const w = { ...Ne(M.applied), ...b };
-          return ye(w, b) ? b : (A.current = H(W(w, i)), w);
-        })), v(null);
-      }).catch((M) => v(M.message)).finally(() => h(!1));
-    }, C), () => {
-      S.current && clearTimeout(S.current);
+    const g = K(l, o), f = B(g);
+    if (f === A.current) return;
+    y.current && clearTimeout(y.current);
+    const R = k.current ? nt : 0;
+    return y.current = setTimeout(() => {
+      u(!0), Fe(e, g).then((T) => {
+        A.current = f, k.current = !0, s(T), !N.current && T.applied && (N.current = !0, i((x) => {
+          const w = { ...$e(T.applied), ...x };
+          return Re(w, x) ? x : (A.current = B(K(w, o)), w);
+        })), b(null);
+      }).catch((T) => b(T.message)).finally(() => u(!1));
+    }, R), () => {
+      y.current && clearTimeout(y.current);
     };
-  }, [e, t, s, i]);
-  const y = E((f, g) => {
-    c((C) => ({ ...C, [f]: g }));
-  }, []), k = E((f, g) => {
-    u((C) => ({ ...C, [f]: g }));
-  }, []), F = E((f) => {
-    m(f);
-  }, []), x = ue(
-    () => o ?? (t == null ? void 0 : t.palette) ?? [],
-    [o, t]
+  }, [e, t, l, o]);
+  const S = I((g, f) => {
+    i((R) => ({ ...R, [g]: f }));
+  }, []), C = I((g, f) => {
+    p((R) => ({ ...R, [g]: f }));
+  }, []), M = I((g) => {
+    h(g);
+  }, []), E = O(
+    () => c ?? (t == null ? void 0 : t.palette) ?? [],
+    [c, t]
   );
   return {
     layout: t,
-    renderData: a,
+    renderData: n,
     loading: d,
-    error: _,
-    filters: s,
-    variables: i,
-    palette: x,
-    setFilter: y,
-    setVariable: k,
-    setPalette: F
+    error: m,
+    filters: l,
+    variables: o,
+    palette: E,
+    setFilter: S,
+    setVariable: C,
+    setPalette: M
   };
 }
-const Je = (e) => {
-  var t, n;
-  return ((n = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : n.inlineSize) ?? e.target.offsetWidth;
-}, et = (e) => {
-  var t, n;
-  return ((n = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : n.blockSize) ?? e.target.offsetHeight;
+const st = (e) => {
+  var t, r;
+  return ((r = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : r.inlineSize) ?? e.target.offsetWidth;
+}, lt = (e) => {
+  var t, r;
+  return ((r = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : r.blockSize) ?? e.target.offsetHeight;
 };
-function tt(e, t, n) {
-  return e === void 0 ? 0 : e === "auto" ? Ce(t, n) : Math.max(0, e);
+function it(e, t, r) {
+  return e === void 0 ? 0 : e === "auto" ? Ee(t, r) : Math.max(0, e);
 }
-function rt(e) {
+function ot(e) {
   let t = e.parentElement;
   for (; t && t !== document.body && t !== document.documentElement; ) {
-    const { overflowY: n } = getComputedStyle(t);
-    if (n !== "visible")
-      return n === "hidden" || n === "clip" ? t : null;
+    const { overflowY: r } = getComputedStyle(t);
+    if (r !== "visible")
+      return r === "hidden" || r === "clip" ? t : null;
     t = t.parentElement;
   }
   return null;
 }
-function nt(e) {
+function ct(e) {
   const t = $(e);
   t.current = e;
-  const n = $(null), a = $(null), l = $(null), s = $(null), c = $(null), i = $(0), u = $(0), o = $(!1), m = $(!1), d = $(-1), [h, _] = T(!1), v = E((f) => {
-    const g = a.current;
-    if (m.current || t.current.silenceWarnings || !g) return;
-    const C = rt(g);
-    !C || C.clientHeight >= f.gridHeight || (m.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 ${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 r = $(null), n = $(null), s = $(null), l = $(null), i = $(null), o = $(0), p = $(0), c = $(!1), h = $(!1), d = $(-1), [u, m] = F(!1), b = I((g) => {
+    const f = n.current;
+    if (h.current || t.current.silenceWarnings || !f) return;
+    const R = ot(f);
+    !R || R.clientHeight >= g.gridHeight || (h.current = !0, console.warn(
+      `[@actionexec/dashboards] O dashboard esta sendo cortado: o container precisa de ${Math.ceil(g.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 = E(() => {
-    var P, O;
-    if (!n.current) return;
-    const { columns: f, cellAspect: g } = t.current, C = i.current, M = Z(C, f), b = {
-      containerWidth: C,
-      cellWidth: M,
-      cellHeight: Q(M, g),
-      gridHeight: u.current,
-      stacked: o.current
-    }, w = c.current;
-    w && w.containerWidth === b.containerWidth && w.cellWidth === b.cellWidth && w.cellHeight === b.cellHeight && w.gridHeight === b.gridHeight && w.stacked === b.stacked || (c.current = b, (O = (P = t.current).onGeometryChange) == null || O.call(P, b), v(b));
-  }, [v]), R = E((f = !1) => {
-    const g = n.current;
-    if (!g) return;
-    const C = i.current;
-    if (!f && C === d.current) return;
-    d.current = C;
-    const { columns: M, cellAspect: b, stackBelow: w } = t.current, L = Z(C, M);
-    g.style.setProperty("--dash-cell-h", `${Q(L, b)}px`);
-    const P = tt(w, M, b), O = P > 0 && C > 0 && C < P;
-    O !== o.current && (o.current = O, _(O));
-  }, []), A = E(() => {
-    s.current !== null && (cancelAnimationFrame(s.current), s.current = null);
-  }, []), N = E(() => {
-    s.current === null && (s.current = requestAnimationFrame(() => {
-      s.current = null, R(), S();
+  }, []), y = I(() => {
+    var P, L;
+    if (!r.current) return;
+    const { columns: g, cellAspect: f } = t.current, R = o.current, T = se(R, g), x = {
+      containerWidth: R,
+      cellWidth: T,
+      cellHeight: ae(T, f),
+      gridHeight: p.current,
+      stacked: c.current
+    }, w = i.current;
+    w && w.containerWidth === x.containerWidth && w.cellWidth === x.cellWidth && w.cellHeight === x.cellHeight && w.gridHeight === x.gridHeight && w.stacked === x.stacked || (i.current = x, (L = (P = t.current).onGeometryChange) == null || L.call(P, x), b(x));
+  }, [b]), N = I((g = !1) => {
+    const f = r.current;
+    if (!f) return;
+    const R = o.current;
+    if (!g && R === d.current) return;
+    d.current = R;
+    const { columns: T, cellAspect: x, stackBelow: w } = t.current, D = se(R, T);
+    f.style.setProperty("--dash-cell-h", `${ae(D, x)}px`);
+    const P = it(w, T, x), L = P > 0 && R > 0 && R < P;
+    L !== c.current && (c.current = L, m(L));
+  }, []), A = I(() => {
+    l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
+  }, []), k = I(() => {
+    l.current === null && (l.current = requestAnimationFrame(() => {
+      l.current = null, N(), y();
     }));
-  }, [R, S]), y = E((f) => {
-    for (const g of f)
-      g.target === n.current ? i.current = Math.round(Je(g)) : g.target === a.current && (u.current = et(g));
-    N();
-  }, [N]), k = E(() => l.current ? l.current : typeof ResizeObserver > "u" ? null : (l.current = new ResizeObserver(y), l.current), [y]), F = E((f) => {
-    const g = k();
-    n.current && (g == null || g.unobserve(n.current)), n.current = f, f && (g == null || g.observe(f), i.current = Math.round(f.getBoundingClientRect().width), R(!0), N());
-  }, [R, k, N]), x = E((f) => {
-    const g = k();
-    if (a.current && (g == null || g.unobserve(a.current)), a.current = f, !f) {
-      u.current = 0;
+  }, [N, y]), S = I((g) => {
+    for (const f of g)
+      f.target === r.current ? o.current = Math.round(st(f)) : f.target === n.current && (p.current = lt(f));
+    k();
+  }, [k]), C = I(() => s.current ? s.current : typeof ResizeObserver > "u" ? null : (s.current = new ResizeObserver(S), s.current), [S]), M = I((g) => {
+    const f = C();
+    r.current && (f == null || f.unobserve(r.current)), r.current = g, g && (f == null || f.observe(g), o.current = Math.round(g.getBoundingClientRect().width), N(!0), k());
+  }, [N, C, k]), E = I((g) => {
+    const f = C();
+    if (n.current && (f == null || f.unobserve(n.current)), n.current = g, !g) {
+      p.current = 0;
       return;
     }
-    g == null || g.observe(f), u.current = f.getBoundingClientRect().height, N();
-  }, [k, N]);
-  return D(() => {
-    const f = k();
-    return n.current && (f == null || f.observe(n.current)), a.current && (f == null || f.observe(a.current)), () => {
-      var g;
-      (g = l.current) == null || g.disconnect(), l.current = null, A();
+    f == null || f.observe(g), p.current = g.getBoundingClientRect().height, k();
+  }, [C, k]);
+  return H(() => {
+    const g = C();
+    return r.current && (g == null || g.observe(r.current)), n.current && (g == null || g.observe(n.current)), () => {
+      var f;
+      (f = s.current) == null || f.disconnect(), s.current = null, A();
     };
-  }, [k, A]), D(() => {
-    n.current && (R(!0), N());
-  }, [e.columns, e.cellAspect, e.stackBelow, R, N]), { rootRef: F, gridRef: x, stacked: h };
+  }, [C, A]), H(() => {
+    r.current && (N(!0), k());
+  }, [e.columns, e.cellAspect, e.stackBelow, N, k]), { rootRef: M, gridRef: E, stacked: u };
 }
-const at = {
+const dt = {
   empty: "Sem dados",
   error: "Não foi possível carregar",
   loading: "Carregando...",
   unconfigured: "Widget não configurado"
 };
-function X({ kind: e, message: t }) {
-  return /* @__PURE__ */ r("div", { className: `widget__state widget__state--${e}`, role: e === "error" ? "alert" : void 0, children: t || at[e] });
+function re({ kind: e, message: t }) {
+  return /* @__PURE__ */ a("div", { className: `widget__state widget__state--${e}`, role: e === "error" ? "alert" : void 0, children: t || dt[e] });
 }
-function I({ name: e, title: t, state: n, stateMessage: a, toolbar: l, children: s }) {
-  return /* @__PURE__ */ p("div", { className: `widget widget-${e}`, children: [
-    t && /* @__PURE__ */ r("span", { className: "widget__title", children: t }),
-    l,
-    n ? /* @__PURE__ */ r(X, { kind: n, message: a }) : s
+function z({ name: e, title: t, state: r, stateMessage: n, toolbar: s, children: l }) {
+  return /* @__PURE__ */ _("div", { className: `widget widget-${e}`, children: [
+    t && /* @__PURE__ */ a("span", { className: "widget__title", children: t }),
+    s,
+    r ? /* @__PURE__ */ a(re, { kind: r, message: n }) : l
   ] });
 }
-const lt = { up: "↑", down: "↓" };
-function Se(e) {
+const ut = { up: "↑", down: "↓" };
+function Ae(e) {
   return Array.isArray(e) ? e.filter(
     (t) => t && t.status === "ok" && t.formatted && t.formatted !== "-"
   ) : [];
 }
-function st({ comparison: e, primary: t }) {
-  const n = e.sentiment ?? "neutral", a = lt[e.trend ?? ""] ?? "";
-  return /* @__PURE__ */ p("div", { className: `widget-kpi__trend widget-kpi__trend--${n}${t ? "" : " widget-kpi__trend--muted"}`, children: [
-    /* @__PURE__ */ p("span", { className: "widget-kpi__variance", children: [
-      a,
+function mt({ comparison: e, primary: t }) {
+  const r = e.sentiment ?? "neutral", n = ut[e.trend ?? ""] ?? "";
+  return /* @__PURE__ */ _("div", { className: `widget-kpi__trend widget-kpi__trend--${r}${t ? "" : " widget-kpi__trend--muted"}`, children: [
+    /* @__PURE__ */ _("span", { className: "widget-kpi__variance", children: [
+      n,
       " ",
       e.formatted
     ] }),
-    e.label && /* @__PURE__ */ r("span", { className: "widget-kpi__trend-label", children: e.label })
+    e.label && /* @__PURE__ */ a("span", { className: "widget-kpi__trend-label", children: e.label })
   ] });
 }
-function it({ data: e, label: t }) {
-  const n = t || String(e.label || ""), a = String(e.formatted || "-"), l = Se(e.comparisons);
-  return /* @__PURE__ */ p(I, { name: "kpi", title: n, children: [
-    /* @__PURE__ */ r("span", { className: "widget-kpi__value", children: a }),
-    l.map((s, c) => /* @__PURE__ */ r(st, { comparison: s, primary: c === 0 }, s.id || c))
+function ht({ data: e, label: t }) {
+  const r = t || String(e.label || ""), n = String(e.formatted || "-"), s = Ae(e.comparisons);
+  return /* @__PURE__ */ _(z, { name: "kpi", title: r, children: [
+    /* @__PURE__ */ a("span", { className: "widget-kpi__value", children: n }),
+    s.map((l, i) => /* @__PURE__ */ a(mt, { comparison: l, primary: i === 0 }, l.id || i))
   ] });
 }
-const ot = "var(--bg-elevated)", ct = [
+const ft = "var(--bg-elevated)", gt = [
   [1, "var(--color-success)"],
   [0.7, ""],
   // vazio = cor da serie 1 (destaque do dashboard)
   [0.4, "var(--color-warning)"],
   [0, "var(--color-error)"]
 ];
-function ne(e, t, n, a) {
-  if (a <= 0) return "";
-  if (a >= 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 = a * Math.PI;
-  return `M ${e - n} ${t} A ${n} ${n} 0 0 1 ${e - n * Math.cos(l)} ${t - n * Math.sin(l)}`;
+function de(e, t, r, n) {
+  if (n <= 0) return "";
+  if (n >= 1)
+    return `M ${e - r} ${t} A ${r} ${r} 0 0 1 ${e} ${t - r} A ${r} ${r} 0 0 1 ${e + r} ${t}`;
+  const s = n * Math.PI;
+  return `M ${e - r} ${t} A ${r} ${r} 0 0 1 ${e - r * Math.cos(s)} ${t - r * Math.sin(s)}`;
 }
-function dt({ data: e, palette: t, label: n }) {
-  const a = n || String(e.label || ""), l = typeof e.ratio == "number" ? e.ratio : 0, s = typeof e.format == "string" ? e.format : void 0, c = String(e.value_formatted || me(e.value, s)), i = String(e.formatted || "-"), u = Se(e.comparisons), [o, ...m] = u, d = String((o == null ? void 0 : o.baseline_formatted) || "-"), h = (o == null ? void 0 : o.label) ?? null, _ = l >= 1, v = Math.min(Math.max(l, 0), 1), S = ct.find(([F]) => l >= F), R = (S == null ? void 0 : S[1]) || t[0] || "var(--color-info)", A = 50, N = 50, y = 44, k = 10;
-  return /* @__PURE__ */ r(I, { name: "gauge", title: a, children: /* @__PURE__ */ p("div", { className: "widget-gauge__chart", children: [
-    /* @__PURE__ */ p("svg", { viewBox: "0 0 100 56", preserveAspectRatio: "xMidYMax meet", role: "img", "aria-label": `${i} da meta`, children: [
-      /* @__PURE__ */ r("path", { d: ne(A, N, y, 1), fill: "none", stroke: ot, strokeWidth: k, strokeLinecap: "butt" }),
-      v > 0 && /* @__PURE__ */ r("path", { d: ne(A, N, y, v), fill: "none", stroke: R, strokeWidth: k, strokeLinecap: "butt" })
+function pt({ data: e, palette: t, label: r }) {
+  const n = r || String(e.label || ""), s = typeof e.ratio == "number" ? e.ratio : 0, l = typeof e.format == "string" ? e.format : void 0, i = String(e.value_formatted || _e(e.value, l)), o = String(e.formatted || "-"), p = Ae(e.comparisons), [c, ...h] = p, d = String((c == null ? void 0 : c.baseline_formatted) || "-"), u = (c == null ? void 0 : c.label) ?? null, m = s >= 1, b = Math.min(Math.max(s, 0), 1), y = gt.find(([M]) => s >= M), N = (y == null ? void 0 : y[1]) || t[0] || "var(--color-info)", A = 50, k = 50, S = 44, C = 10;
+  return /* @__PURE__ */ a(z, { name: "gauge", title: n, children: /* @__PURE__ */ _("div", { className: "widget-gauge__chart", children: [
+    /* @__PURE__ */ _("svg", { viewBox: "0 0 100 56", preserveAspectRatio: "xMidYMax meet", role: "img", "aria-label": `${o} da meta`, children: [
+      /* @__PURE__ */ a("path", { d: de(A, k, S, 1), fill: "none", stroke: ft, strokeWidth: C, strokeLinecap: "butt" }),
+      b > 0 && /* @__PURE__ */ a("path", { d: de(A, k, S, b), fill: "none", stroke: N, strokeWidth: C, strokeLinecap: "butt" })
     ] }),
-    /* @__PURE__ */ p("div", { className: "widget-gauge__center", children: [
-      /* @__PURE__ */ r("span", { className: "widget-gauge__percent", children: i }),
-      /* @__PURE__ */ p("span", { className: "widget-gauge__comparison", children: [
-        c,
+    /* @__PURE__ */ _("div", { className: "widget-gauge__center", children: [
+      /* @__PURE__ */ a("span", { className: "widget-gauge__percent", children: o }),
+      /* @__PURE__ */ _("span", { className: "widget-gauge__comparison", children: [
+        i,
         " / ",
         d
       ] }),
-      _ && /* @__PURE__ */ r("span", { className: "widget-gauge__badge", children: h || "Meta batida" }),
-      !_ && h && /* @__PURE__ */ r("span", { className: "widget-gauge__comparison", children: h }),
-      m.map((F, x) => /* @__PURE__ */ p("span", { className: "widget-gauge__comparison", children: [
-        F.formatted,
+      m && /* @__PURE__ */ a("span", { className: "widget-gauge__badge", children: u || "Meta batida" }),
+      !m && u && /* @__PURE__ */ a("span", { className: "widget-gauge__comparison", children: u }),
+      h.map((M, E) => /* @__PURE__ */ _("span", { className: "widget-gauge__comparison", children: [
+        M.formatted,
         " ",
-        F.label
-      ] }, F.id || x))
+        M.label
+      ] }, M.id || E))
     ] })
   ] }) });
 }
-function B(e) {
-  const [t, n] = T({ width: 0, height: 0 });
-  return D(() => {
-    const a = e.current;
-    if (!a) return;
-    const l = new ResizeObserver(([s]) => {
-      const { width: c, height: i } = s.contentRect;
-      n(
-        (u) => u.width !== Math.floor(c) || u.height !== Math.floor(i) ? { width: Math.floor(c), height: Math.floor(i) } : u
+function ne(e) {
+  const [t, r] = F({ width: 0, height: 0 });
+  return H(() => {
+    const n = e.current;
+    if (!n) return;
+    const s = new ResizeObserver(([l]) => {
+      const { width: i, height: o } = l.contentRect;
+      r(
+        (p) => p.width !== Math.floor(i) || p.height !== Math.floor(o) ? { width: Math.floor(i), height: Math.floor(o) } : p
       );
     });
-    return l.observe(a), () => l.disconnect();
+    return s.observe(n), () => s.disconnect();
   }, [e]), t;
 }
-const ae = { fontSize: 10, fill: "var(--text-muted)" }, ut = "var(--bg-elevated)", mt = {
+const ue = { fontSize: 10, fill: "var(--text-muted)" }, _t = "var(--bg-elevated)", bt = {
   backgroundColor: "var(--bg-elevated)",
   border: "1px solid var(--bg-paper)",
   borderRadius: "6px",
   color: "var(--text-primary)"
-}, ht = {
+}, vt = {
   color: "var(--text-primary)",
   fontWeight: 600
 };
-function ft(e, t) {
-  var l;
-  const n = Array.isArray(t) ? t[0] : void 0, a = (l = n == null ? void 0 : n.payload) == null ? void 0 : l.tooltipLabel;
-  return typeof a == "string" && a ? a : String(e ?? "");
+function wt(e, t) {
+  var s;
+  const r = Array.isArray(t) ? t[0] : void 0, n = (s = r == null ? void 0 : r.payload) == null ? void 0 : s.tooltipLabel;
+  return typeof n == "string" && n ? n : String(e ?? "");
 }
-function Y({ Chart: e, chartData: t, xKey: n, series: a, palette: l, renderSeries: s, width: c, height: i }) {
-  return /* @__PURE__ */ p(e, { data: t, width: c, height: i, children: [
-    /* @__PURE__ */ r(be, { strokeDasharray: "3 3", stroke: ut }),
-    /* @__PURE__ */ r(ve, { dataKey: n, tick: ae }),
-    /* @__PURE__ */ r(we, { tick: ae }),
-    /* @__PURE__ */ r(
-      U,
+function Q({ Chart: e, chartData: t, xKey: r, series: n, palette: s, renderSeries: l, width: i, height: o }) {
+  return /* @__PURE__ */ _(e, { data: t, width: i, height: o, children: [
+    /* @__PURE__ */ a(Se, { strokeDasharray: "3 3", stroke: _t }),
+    /* @__PURE__ */ a(ke, { dataKey: r, tick: ue }),
+    /* @__PURE__ */ a(Ce, { tick: ue }),
+    /* @__PURE__ */ a(
+      ee,
       {
-        contentStyle: mt,
-        labelStyle: ht,
-        labelFormatter: ft,
+        contentStyle: bt,
+        labelStyle: vt,
+        labelFormatter: wt,
         cursor: { fill: "var(--bg-paper)", opacity: 0.3 }
       }
     ),
-    a.length > 1 && /* @__PURE__ */ r(qe, {}),
-    a.map((u, o) => s(u, l[o % l.length], o))
+    n.length > 1 && /* @__PURE__ */ a(et, {}),
+    n.map((p, c) => l(p, s[c % s.length], c))
   ] });
 }
-function gt({ data: e, palette: t, label: n }) {
-  const a = String(e.chartType || "bar"), l = n || String(e.label || ""), s = String(e.xKey || "label"), c = e.series || [], i = e.data || [], u = $(null), { width: o, height: m } = B(u), d = () => {
-    if (o <= 0 || m <= 0) return null;
-    const h = { chartData: i, xKey: s, series: c, palette: t, width: o, height: m };
-    return a === "line" ? /* @__PURE__ */ r(Y, { ...h, Chart: Ye, renderSeries: (_, v) => /* @__PURE__ */ r(
-      Ve,
+function yt({ data: e, palette: t, label: r }) {
+  const n = String(e.chartType || "bar"), s = r || String(e.label || ""), l = String(e.xKey || "label"), i = e.series || [], o = e.data || [], p = $(null), { width: c, height: h } = ne(p), d = () => {
+    if (c <= 0 || h <= 0) return null;
+    const u = { chartData: o, xKey: l, series: i, palette: t, width: c, height: h };
+    return n === "line" ? /* @__PURE__ */ a(Q, { ...u, Chart: Xe, renderSeries: (m, b) => /* @__PURE__ */ a(
+      Qe,
       {
         type: "monotone",
-        dataKey: _.key,
-        name: _.label,
-        stroke: v,
+        dataKey: m.key,
+        name: m.label,
+        stroke: b,
         strokeWidth: 2,
-        dot: i.length <= 31
+        dot: o.length <= 31
       },
-      _.key
-    ) }) : a === "area" ? /* @__PURE__ */ r(Y, { ...h, Chart: Ke, renderSeries: (_, v) => /* @__PURE__ */ r(
-      Ue,
+      m.key
+    ) }) : n === "area" ? /* @__PURE__ */ a(Q, { ...u, Chart: Ze, renderSeries: (m, b) => /* @__PURE__ */ a(
+      Je,
       {
         type: "monotone",
-        dataKey: _.key,
-        name: _.label,
-        fill: v,
-        stroke: v,
+        dataKey: m.key,
+        name: m.label,
+        fill: b,
+        stroke: b,
         fillOpacity: 0.3
       },
-      _.key
-    ) }) : /* @__PURE__ */ r(Y, { ...h, Chart: pe, renderSeries: (_, v) => /* @__PURE__ */ r(
-      K,
+      m.key
+    ) }) : /* @__PURE__ */ a(Q, { ...u, Chart: Ne, renderSeries: (m, b) => /* @__PURE__ */ a(
+      J,
       {
-        dataKey: _.key,
-        name: _.label,
-        fill: v,
+        dataKey: m.key,
+        name: m.label,
+        fill: b,
         radius: [3, 3, 0, 0]
       },
-      _.key
+      m.key
     ) });
   };
-  return /* @__PURE__ */ r(I, { name: "chart", title: l, children: /* @__PURE__ */ r("div", { ref: u, className: "widget-chart__container", children: i.length === 0 ? /* @__PURE__ */ r(X, { kind: "empty" }) : d() }) });
+  return /* @__PURE__ */ a(z, { name: "chart", title: s, children: /* @__PURE__ */ a("div", { ref: p, className: "widget-chart__container", children: o.length === 0 ? /* @__PURE__ */ a(re, { kind: "empty" }) : d() }) });
 }
-const le = { fontSize: 10, fill: "var(--text-muted)" }, _t = "var(--bg-elevated)", pt = { fill: "var(--bg-paper)", opacity: 0.3 };
-function bt(e) {
+const me = { fontSize: 10, fill: "var(--text-muted)" }, Nt = "var(--bg-elevated)", St = { fill: "var(--bg-paper)", opacity: 0.3 };
+function kt(e) {
   return e.kind === "anchor" ? "var(--color-accent)" : e.kind === "residual" ? "var(--color-warning)" : e.value < 0 ? "var(--color-error)" : "var(--color-success)";
 }
-function se({ active: e, payload: t }) {
-  var a;
-  const n = e ? (a = t == null ? void 0 : t[0]) == null ? void 0 : a.payload : void 0;
-  return n ? /* @__PURE__ */ p("div", { className: "widget-composition__tooltip", children: [
-    /* @__PURE__ */ r("span", { className: "widget-composition__tooltip-label", children: n.label }),
-    /* @__PURE__ */ r("span", { className: "widget-composition__tooltip-value", children: n.formatted })
+function he({ active: e, payload: t }) {
+  var n;
+  const r = e ? (n = t == null ? void 0 : t[0]) == null ? void 0 : n.payload : void 0;
+  return r ? /* @__PURE__ */ _("div", { className: "widget-composition__tooltip", children: [
+    /* @__PURE__ */ a("span", { className: "widget-composition__tooltip-label", children: r.label }),
+    /* @__PURE__ */ a("span", { className: "widget-composition__tooltip-value", children: r.formatted })
   ] }) : null;
 }
-function vt({ data: e, palette: t, label: n }) {
-  const a = n || String(e.label || ""), l = String(e.display || "pie"), s = e.data || [], c = typeof e.format == "string" ? e.format : void 0, i = $(null), { width: u, height: o } = B(i), m = () => /* @__PURE__ */ p(pe, { data: s, width: u, height: o, children: [
-    /* @__PURE__ */ r(be, { strokeDasharray: "3 3", stroke: _t }),
-    /* @__PURE__ */ r(ve, { dataKey: "label", tick: le, interval: 0 }),
-    /* @__PURE__ */ r(we, { tick: le, tickFormatter: (h) => me(h, c) }),
-    /* @__PURE__ */ r(U, { content: /* @__PURE__ */ r(se, {}), cursor: pt }),
-    /* @__PURE__ */ r(K, { dataKey: "base", stackId: "bridge", fill: "none", fillOpacity: 0, isAnimationActive: !1 }),
-    /* @__PURE__ */ r(K, { dataKey: "span", stackId: "bridge", radius: [3, 3, 0, 0], children: s.map((h, _) => /* @__PURE__ */ r(re, { fill: bt(h) }, _)) })
-  ] }), d = () => /* @__PURE__ */ p(Xe, { width: u, height: o, children: [
-    /* @__PURE__ */ r(
-      Be,
+function Ct({ data: e, palette: t, label: r }) {
+  const n = r || String(e.label || ""), s = String(e.display || "pie"), l = e.data || [], i = typeof e.format == "string" ? e.format : void 0, o = $(null), { width: p, height: c } = ne(o), h = () => /* @__PURE__ */ _(Ne, { data: l, width: p, height: c, children: [
+    /* @__PURE__ */ a(Se, { strokeDasharray: "3 3", stroke: Nt }),
+    /* @__PURE__ */ a(ke, { dataKey: "label", tick: me, interval: 0 }),
+    /* @__PURE__ */ a(Ce, { tick: me, tickFormatter: (u) => _e(u, i) }),
+    /* @__PURE__ */ a(ee, { content: /* @__PURE__ */ a(he, {}), cursor: St }),
+    /* @__PURE__ */ a(J, { dataKey: "base", stackId: "bridge", fill: "none", fillOpacity: 0, isAnimationActive: !1 }),
+    /* @__PURE__ */ a(J, { dataKey: "span", stackId: "bridge", radius: [3, 3, 0, 0], children: l.map((u, m) => /* @__PURE__ */ a(ce, { fill: kt(u) }, m)) })
+  ] }), d = () => /* @__PURE__ */ _(tt, { width: p, height: c, children: [
+    /* @__PURE__ */ a(
+      rt,
       {
-        data: s,
+        data: l,
         dataKey: "value",
         nameKey: "label",
         cx: "50%",
         cy: "50%",
         outerRadius: "75%",
-        label: ({ name: h, percent: _ }) => `${h}: ${(_ * 100).toFixed(0)}%`,
+        label: ({ name: u, percent: m }) => `${u}: ${(m * 100).toFixed(0)}%`,
         labelLine: !1,
-        children: s.map((h, _) => /* @__PURE__ */ r(re, { fill: t[_ % t.length] }, _))
+        children: l.map((u, m) => /* @__PURE__ */ a(ce, { fill: t[m % t.length] }, m))
       }
     ),
-    /* @__PURE__ */ r(U, { content: /* @__PURE__ */ r(se, {}) })
+    /* @__PURE__ */ a(ee, { content: /* @__PURE__ */ a(he, {}) })
   ] });
-  return /* @__PURE__ */ r(I, { name: "composition", title: a, children: /* @__PURE__ */ r("div", { ref: i, className: "widget-composition__container", children: s.length === 0 || u <= 0 || o <= 0 ? /* @__PURE__ */ r(X, { kind: "empty" }) : l === "bridge" ? m() : d() }) });
+  return /* @__PURE__ */ a(z, { name: "composition", title: n, children: /* @__PURE__ */ a("div", { ref: o, className: "widget-composition__container", children: l.length === 0 || p <= 0 || c <= 0 ? /* @__PURE__ */ a(re, { kind: "empty" }) : s === "bridge" ? h() : d() }) });
 }
-function wt(e, t) {
+function Rt(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";
+  const r = Number(e);
+  return Number.isNaN(r) || r === 0 ? "" : r > 0 ? " widget-table__td--up" : " widget-table__td--down";
 }
-function yt(e, t, n, a) {
-  const l = (a == null ? void 0 : a.offsetHeight) ?? 0;
-  if (e === 0 || t <= 0 || l <= 0) return e;
-  const s = Math.floor((t - ((n == null ? void 0 : n.offsetHeight) ?? 0)) / l);
-  return Math.max(0, Math.min(e, s));
+function $t(e, t, r, n) {
+  const s = (n == null ? void 0 : n.offsetHeight) ?? 0;
+  if (e === 0 || t <= 0 || s <= 0) return e;
+  const l = Math.floor((t - ((r == null ? void 0 : r.offsetHeight) ?? 0)) / s);
+  return Math.max(0, Math.min(e, l));
 }
-function Nt({ data: e, label: t }) {
-  var h;
-  const n = e.columns || [], a = e.rows || [], l = e.overflow === "clip", s = e.indexColumn === !0, c = t || String(e.label || ""), i = $(null), u = $(null), o = $(null), { height: m } = B(i), d = l ? a.slice(0, yt(
-    a.length,
-    m,
-    u.current,
-    ((h = o.current) == null ? void 0 : h.firstElementChild) ?? null
-  )) : a;
-  return n.length === 0 ? /* @__PURE__ */ r(
-    I,
+function At({ data: e, label: t }) {
+  var u;
+  const r = e.columns || [], n = e.rows || [], s = e.overflow === "clip", l = e.indexColumn === !0, i = t || String(e.label || ""), o = $(null), p = $(null), c = $(null), { height: h } = ne(o), d = s ? n.slice(0, $t(
+    n.length,
+    h,
+    p.current,
+    ((u = c.current) == null ? void 0 : u.firstElementChild) ?? null
+  )) : n;
+  return r.length === 0 ? /* @__PURE__ */ a(
+    z,
     {
       name: "table",
-      title: c,
+      title: i,
       state: "unconfigured",
       stateMessage: "Configure as colunas da tabela."
     }
-  ) : /* @__PURE__ */ r(I, { name: "table", title: c, children: /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ a(z, { name: "table", title: i, children: /* @__PURE__ */ a(
     "div",
     {
-      ref: i,
-      className: `widget-table__scroll${l ? " widget-table__scroll--clip" : ""}`,
-      children: /* @__PURE__ */ p(
+      ref: o,
+      className: `widget-table__scroll${s ? " widget-table__scroll--clip" : ""}`,
+      children: /* @__PURE__ */ _(
         "table",
         {
-          className: `widget-table__table${l && d.length < a.length ? "" : " widget-table__table--fill"}`,
+          className: `widget-table__table${s && d.length < n.length ? "" : " widget-table__table--fill"}`,
           children: [
-            /* @__PURE__ */ r("thead", { ref: u, children: /* @__PURE__ */ p("tr", { children: [
-              s && /* @__PURE__ */ r("th", { className: "widget-table__th widget-table__th--index", children: "#" }),
-              n.map((_) => /* @__PURE__ */ r(
+            /* @__PURE__ */ a("thead", { ref: p, children: /* @__PURE__ */ _("tr", { children: [
+              l && /* @__PURE__ */ a("th", { className: "widget-table__th widget-table__th--index", children: "#" }),
+              r.map((m) => /* @__PURE__ */ a(
                 "th",
                 {
-                  className: `widget-table__th${J(_.format) ? " widget-table__th--num" : ""}`,
-                  children: _.label || _.key
+                  className: `widget-table__th${le(m.format) ? " widget-table__th--num" : ""}`,
+                  children: m.label || m.key
                 },
-                _.key
+                m.key
               ))
             ] }) }),
-            /* @__PURE__ */ r("tbody", { ref: o, children: d.length === 0 ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ a("tbody", { ref: c, children: d.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
               "td",
               {
                 className: "widget-table__td widget-table__td--placeholder",
-                colSpan: n.length + (s ? 1 : 0),
+                colSpan: r.length + (l ? 1 : 0),
                 children: "Sem dados"
               }
-            ) }) : d.map((_, v) => /* @__PURE__ */ p("tr", { children: [
-              s && /* @__PURE__ */ r("td", { className: "widget-table__td widget-table__td--index", children: v + 1 }),
-              n.map((S) => {
-                const R = _[S.key], A = J(S.format) ? " widget-table__td--num" : "";
-                return /* @__PURE__ */ r("td", { className: `widget-table__td${A}${wt(R, S.format)}`, children: z(R, S.format) }, S.key);
+            ) }) : d.map((m, b) => /* @__PURE__ */ _("tr", { children: [
+              l && /* @__PURE__ */ a("td", { className: "widget-table__td widget-table__td--index", children: b + 1 }),
+              r.map((y) => {
+                const N = m[y.key], A = le(y.format) ? " widget-table__td--num" : "";
+                return /* @__PURE__ */ a("td", { className: `widget-table__td${A}${Rt(N, y.format)}`, children: U(N, y.format) }, y.key);
               })
-            ] }, v)) })
+            ] }, b)) })
           ]
         }
       )
     }
   ) });
 }
-function ke({ mode: e, value: t, dateBounds: n, rangeUnit: a, onChange: l }) {
-  return e === "yearly" ? /* @__PURE__ */ r(Rt, { value: t, dateBounds: n, onChange: l }) : e === "monthly" ? /* @__PURE__ */ r($t, { value: t, dateBounds: n, onChange: l }) : e === "weekly" ? /* @__PURE__ */ r(Ct, { value: t, dateBounds: n, onChange: l }) : a && a !== "day" ? /* @__PURE__ */ r(
-    St,
+function Te({ mode: e, value: t, dateBounds: r, rangeUnit: n, onChange: s }) {
+  return e === "yearly" ? /* @__PURE__ */ a(Mt, { value: t, dateBounds: r, onChange: s }) : e === "monthly" ? /* @__PURE__ */ a(Ft, { value: t, dateBounds: r, onChange: s }) : e === "weekly" ? /* @__PURE__ */ a(Et, { value: t, dateBounds: r, onChange: s }) : n && n !== "day" ? /* @__PURE__ */ a(
+    Tt,
     {
       value: t,
-      dateBounds: n,
-      unit: a,
-      onChange: l
+      dateBounds: r,
+      unit: n,
+      onChange: s
     }
-  ) : /* @__PURE__ */ r(kt, { value: t, dateBounds: n, onChange: l });
+  ) : /* @__PURE__ */ a(xt, { value: t, dateBounds: r, onChange: s });
 }
-function St({ value: e, dateBounds: t, unit: n, onChange: a }) {
-  const [l, s] = e ? e.split("|") : ["", ""], c = Fe(n, t), i = (o) => {
-    var m;
-    return ((m = c.find((d) => o >= d.start && o <= d.end)) == null ? void 0 : m.key) ?? "";
-  }, u = (o, m) => {
-    const d = c.find((h) => h.key === m);
-    d && a(o === "start" ? `${d.start}|${!s || s < d.end ? d.end : s}` : `${!l || l > d.start ? d.start : l}|${d.end}`);
+function Tt({ value: e, dateBounds: t, unit: r, onChange: n }) {
+  const [s, l] = e ? e.split("|") : ["", ""], i = Le(r, t), o = (c) => {
+    var h;
+    return ((h = i.find((d) => c >= d.start && c <= d.end)) == null ? void 0 : h.key) ?? "";
+  }, p = (c, h) => {
+    const d = i.find((u) => u.key === h);
+    d && n(c === "start" ? `${d.start}|${!l || l < d.end ? d.end : l}` : `${!s || s > d.start ? d.start : s}|${d.end}`);
   };
-  return /* @__PURE__ */ p("div", { className: "widget-filter__date-range widget-filter__date-range--period", children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--period", children: [
+    /* @__PURE__ */ _(
       "select",
       {
         className: "widget-filter__select",
         "aria-label": "Período inicial",
-        value: i(l),
-        onChange: (o) => u("start", o.target.value),
+        value: o(s),
+        onChange: (c) => p("start", c.target.value),
         children: [
-          !i(l) && /* @__PURE__ */ r("option", { value: "", children: "De..." }),
-          c.map((o) => /* @__PURE__ */ r("option", { value: o.key, children: o.label }, o.key))
+          !o(s) && /* @__PURE__ */ a("option", { value: "", children: "De..." }),
+          i.map((c) => /* @__PURE__ */ a("option", { value: c.key, children: c.label }, c.key))
         ]
       }
     ),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ _(
       "select",
       {
         className: "widget-filter__select",
         "aria-label": "Período final",
-        value: i(s),
-        onChange: (o) => u("end", o.target.value),
+        value: o(l),
+        onChange: (c) => p("end", c.target.value),
         children: [
-          !i(s) && /* @__PURE__ */ r("option", { value: "", children: "Até..." }),
-          c.map((o) => /* @__PURE__ */ r("option", { value: o.key, children: o.label }, o.key))
+          !o(l) && /* @__PURE__ */ a("option", { value: "", children: "Até..." }),
+          i.map((c) => /* @__PURE__ */ a("option", { value: c.key, children: c.label }, c.key))
         ]
       }
     )
   ] });
 }
-function kt({ value: e, dateBounds: t, onChange: n }) {
-  const [a, l] = e ? e.split("|") : ["", ""];
-  return /* @__PURE__ */ p("div", { className: "widget-filter__date-range widget-filter__date-range--stacked", children: [
-    /* @__PURE__ */ r(
-      ee,
+function xt({ value: e, dateBounds: t, onChange: r }) {
+  const [n, s] = e ? e.split("|") : ["", ""];
+  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--stacked", children: [
+    /* @__PURE__ */ a(
+      ie,
       {
-        value: a,
+        value: n,
         minIso: t == null ? void 0 : t.min,
-        maxIso: l || (t == null ? void 0 : t.max),
+        maxIso: s || (t == null ? void 0 : t.max),
         selectsStart: !0,
-        startIso: a,
-        endIso: l,
+        startIso: n,
+        endIso: s,
         placeholder: "Data inicial",
-        onChange: (s) => n(`${s}|${l}`)
+        onChange: (l) => r(`${l}|${s}`)
       }
     ),
-    /* @__PURE__ */ r(
-      ee,
+    /* @__PURE__ */ a(
+      ie,
       {
-        value: l,
-        minIso: a || (t == null ? void 0 : t.min),
+        value: s,
+        minIso: n || (t == null ? void 0 : t.min),
         maxIso: t == null ? void 0 : t.max,
         selectsEnd: !0,
-        startIso: a,
-        endIso: l,
+        startIso: n,
+        endIso: s,
         placeholder: "Data final",
-        onChange: (s) => n(`${a}|${s}`)
+        onChange: (l) => r(`${n}|${l}`)
       }
     )
   ] });
 }
-function Rt({ value: e, dateBounds: t, onChange: n }) {
-  const [a] = e ? e.split("|") : [""], l = Ae(a), s = /* @__PURE__ */ new Date(), c = (l == null ? void 0 : l.year) ?? s.getFullYear(), i = q(t), u = (o) => {
-    const m = Te(o);
-    n(`${m.start}|${m.end}`);
+function Mt({ value: e, dateBounds: t, onChange: r }) {
+  const [n] = e ? e.split("|") : [""], s = Ie(n), l = /* @__PURE__ */ new Date(), i = (s == null ? void 0 : s.year) ?? l.getFullYear(), o = te(t), p = (c) => {
+    const h = We(c);
+    r(`${h.start}|${h.end}`);
   };
-  return /* @__PURE__ */ r("div", { className: "widget-filter__date-range widget-filter__date-range--year", children: /* @__PURE__ */ r(
+  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) => u(parseInt(o.target.value)),
-      children: i.map((o) => /* @__PURE__ */ r("option", { value: o, children: o }, o))
+      value: i,
+      onChange: (c) => p(parseInt(c.target.value)),
+      children: o.map((c) => /* @__PURE__ */ a("option", { value: c, children: c }, c))
     }
   ) });
 }
-function $t({ value: e, dateBounds: t, onChange: n }) {
-  const [a] = e ? e.split("|") : [""], l = he(a), s = /* @__PURE__ */ new Date(), c = (l == null ? void 0 : l.year) ?? s.getFullYear(), i = (l == null ? void 0 : l.month) ?? s.getMonth() + 1, u = q(t), o = (m, d) => {
-    const h = Me(m, d);
-    n(`${h.start}|${h.end}`);
+function Ft({ value: e, dateBounds: t, onChange: r }) {
+  const [n] = e ? e.split("|") : [""], s = be(n), l = /* @__PURE__ */ new Date(), i = (s == null ? void 0 : s.year) ?? l.getFullYear(), o = (s == null ? void 0 : s.month) ?? l.getMonth() + 1, p = te(t), c = (h, d) => {
+    const u = Oe(h, d);
+    r(`${u.start}|${u.end}`);
   };
-  return /* @__PURE__ */ p("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: i,
-        onChange: (m) => o(c, parseInt(m.target.value)),
-        children: fe.map((m, d) => /* @__PURE__ */ r("option", { value: d + 1, children: m }, d + 1))
+        value: o,
+        onChange: (h) => c(i, parseInt(h.target.value)),
+        children: ve.map((h, d) => /* @__PURE__ */ a("option", { value: d + 1, children: h }, d + 1))
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: c,
-        onChange: (m) => o(parseInt(m.target.value), i),
-        children: u.map((m) => /* @__PURE__ */ r("option", { value: m, children: m }, m))
+        value: i,
+        onChange: (h) => c(parseInt(h.target.value), o),
+        children: p.map((h) => /* @__PURE__ */ a("option", { value: h, children: h }, h))
       }
     )
   ] });
 }
-function Ct({ value: e, dateBounds: t, onChange: n }) {
-  const [a] = e ? e.split("|") : [""], l = he(a), s = /* @__PURE__ */ new Date(), c = (l == null ? void 0 : l.year) ?? s.getFullYear(), i = (l == null ? void 0 : l.month) ?? s.getMonth() + 1, u = q(t), o = G(c, i), m = xe(a, c, i) || 1;
-  return /* @__PURE__ */ p("div", { className: "widget-filter__date-range widget-filter__date-range--week", children: [
-    /* @__PURE__ */ r(
+function Et({ value: e, dateBounds: t, onChange: r }) {
+  const [n] = e ? e.split("|") : [""], s = be(n), l = /* @__PURE__ */ new Date(), i = (s == null ? void 0 : s.year) ?? l.getFullYear(), o = (s == null ? void 0 : s.month) ?? l.getMonth() + 1, p = te(t), c = X(i, o), h = Pe(n, i, o) || 1;
+  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--week", children: [
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: c,
+        value: i,
         onChange: (d) => {
-          const h = parseInt(d.target.value), v = G(h, i)[0];
-          v && n(`${v.start}|${v.end}`);
+          const u = parseInt(d.target.value), b = X(u, o)[0];
+          b && r(`${b.start}|${b.end}`);
         },
-        children: u.map((d) => /* @__PURE__ */ r("option", { value: d, children: d }, d))
+        children: p.map((d) => /* @__PURE__ */ a("option", { value: d, children: d }, d))
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: i,
+        value: o,
         onChange: (d) => {
-          const h = parseInt(d.target.value), v = G(c, h)[0];
-          v && n(`${v.start}|${v.end}`);
+          const u = parseInt(d.target.value), b = X(i, u)[0];
+          b && r(`${b.start}|${b.end}`);
         },
-        children: fe.map((d, h) => /* @__PURE__ */ r("option", { value: h + 1, children: d }, h + 1))
+        children: ve.map((d, u) => /* @__PURE__ */ a("option", { value: u + 1, children: d }, u + 1))
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: m,
+        value: h,
         onChange: (d) => {
-          const h = o[parseInt(d.target.value) - 1];
-          h && n(`${h.start}|${h.end}`);
+          const u = c[parseInt(d.target.value) - 1];
+          u && r(`${u.start}|${u.end}`);
         },
-        children: o.map((d) => /* @__PURE__ */ r("option", { value: d.index, children: d.label }, d.index))
+        children: c.map((d) => /* @__PURE__ */ a("option", { value: d.index, children: d.label }, d.index))
       }
     )
   ] });
 }
-function At({ config: e, value: t, options: n = [], dateBounds: a, onChange: l }) {
-  const s = e.filterType || "select", c = e.label || "Filtro", i = e.dateFilterMode || "range";
-  return /* @__PURE__ */ p("div", { className: "widget-filter", children: [
-    /* @__PURE__ */ r("label", { className: "widget-filter__label", children: c }),
-    s === "date_range" ? /* @__PURE__ */ r(
-      ke,
+function It({ config: e, value: t, options: r = [], dateBounds: n, onChange: s }) {
+  const l = e.filterType || "select", i = e.label || "Filtro", o = e.dateFilterMode || "range";
+  return /* @__PURE__ */ _("div", { className: "widget-filter", children: [
+    /* @__PURE__ */ a("label", { className: "widget-filter__label", children: i }),
+    l === "date_range" ? /* @__PURE__ */ a(
+      Te,
       {
-        mode: i,
+        mode: o,
         value: t,
-        dateBounds: a,
-        onChange: l
+        dateBounds: n,
+        onChange: s
       }
-    ) : /* @__PURE__ */ r(
-      xt,
+    ) : /* @__PURE__ */ a(
+      Pt,
       {
         value: t,
-        options: n,
-        multi: s === "multi_select",
+        options: r,
+        multi: l === "multi_select",
         searchable: e.searchable || !1,
-        onChange: l
+        onChange: s
       }
     )
   ] });
 }
-function xt({ value: e, options: t, multi: n, searchable: a, onChange: l }) {
-  if (a)
-    return /* @__PURE__ */ r(
-      ge,
+function Pt({ value: e, options: t, multi: r, searchable: n, onChange: s }) {
+  if (n)
+    return /* @__PURE__ */ a(
+      we,
       {
         value: e,
         options: t,
-        multi: n,
-        onChange: l
+        multi: r,
+        onChange: s
       }
     );
-  if (n) {
-    const s = e ? e.split(V) : [], c = (i) => {
-      const u = s.includes(i) ? s.filter((o) => o !== i) : [...s, i];
-      l(u.join(V));
+  if (r) {
+    const l = e ? e.split(Z) : [], i = (o) => {
+      const p = l.includes(o) ? l.filter((c) => c !== o) : [...l, o];
+      s(p.join(Z));
     };
-    return /* @__PURE__ */ p("div", { className: "widget-filter__multi", children: [
-      s.length > 0 && /* @__PURE__ */ r(
+    return /* @__PURE__ */ _("div", { className: "widget-filter__multi", children: [
+      l.length > 0 && /* @__PURE__ */ a(
         "button",
         {
           type: "button",
           className: "widget-filter__multi-clear",
-          onClick: () => l(""),
+          onClick: () => s(""),
           children: "Limpar filtro"
         }
       ),
-      t.map((i) => /* @__PURE__ */ p("label", { className: "widget-filter__multi-option", children: [
-        /* @__PURE__ */ r(
+      t.map((o) => /* @__PURE__ */ _("label", { className: "widget-filter__multi-option", children: [
+        /* @__PURE__ */ a(
           "input",
           {
             type: "checkbox",
-            checked: s.includes(i),
-            onChange: () => c(i)
+            checked: l.includes(o),
+            onChange: () => i(o)
           }
         ),
-        i
-      ] }, i))
+        o
+      ] }, o))
     ] });
   }
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ _(
     "select",
     {
       className: "widget-filter__select",
       value: e,
-      onChange: (s) => l(s.target.value),
+      onChange: (l) => s(l.target.value),
       children: [
-        /* @__PURE__ */ r("option", { value: "", children: "Todos" }),
-        t.map((s) => /* @__PURE__ */ r("option", { value: s, children: s }, s))
+        /* @__PURE__ */ a("option", { value: "", children: "Todos" }),
+        t.map((l) => /* @__PURE__ */ a("option", { value: l, children: l }, l))
       ]
     }
   );
 }
-const Ft = {
+const Lt = {
   currency: "R$",
   percentage: "%"
 };
-function Mt({ config: e, value: t, onChange: n }) {
-  const a = e.label || "Variavel", l = e.locked || !1, s = e.variableFormat || "number", c = Ft[s] || "";
-  return /* @__PURE__ */ p("div", { className: `widget-variable ${l ? "widget-variable--locked" : ""}`, children: [
-    /* @__PURE__ */ r("label", { className: "widget-variable__label", children: a }),
-    /* @__PURE__ */ p("div", { className: "widget-variable__input-wrapper", children: [
-      /* @__PURE__ */ r(
+function Ot({ config: e, value: t, onChange: r }) {
+  const n = e.label || "Variavel", s = e.locked || !1, l = e.variableFormat || "number", i = Lt[l] || "";
+  return /* @__PURE__ */ _("div", { className: `widget-variable ${s ? "widget-variable--locked" : ""}`, children: [
+    /* @__PURE__ */ a("label", { className: "widget-variable__label", children: n }),
+    /* @__PURE__ */ _("div", { className: "widget-variable__input-wrapper", children: [
+      /* @__PURE__ */ a(
         "input",
         {
           className: "widget-variable__input",
           type: "number",
           value: t,
-          onChange: (i) => n(parseFloat(i.target.value) || 0),
-          disabled: l,
-          step: s === "integer" ? 1 : 0.01
+          onChange: (o) => r(parseFloat(o.target.value) || 0),
+          disabled: s,
+          step: l === "integer" ? 1 : 0.01
         }
       ),
-      c && /* @__PURE__ */ r("span", { className: "widget-variable__suffix", children: c })
+      i && /* @__PURE__ */ a("span", { className: "widget-variable__suffix", children: i })
     ] }),
-    l && /* @__PURE__ */ r("span", { className: "widget-variable__lock-icon", title: "Bloqueado", children: "🔒" })
+    s && /* @__PURE__ */ a("span", { className: "widget-variable__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
 }
-function Tt({ config: e, palette: t, onChange: n }) {
-  const a = e.label || "Cores", l = e.locked || !1;
-  return /* @__PURE__ */ p("div", { className: `widget-palette ${l ? "widget-palette--locked" : ""}`, children: [
-    /* @__PURE__ */ r("label", { className: "widget-palette__label", children: a }),
-    /* @__PURE__ */ r(Ee, { selected: t, onSelect: n, customMode: !0, disabled: l }),
-    l && /* @__PURE__ */ r("span", { className: "widget-palette__lock-icon", title: "Bloqueado", children: "🔒" })
+function Wt({ config: e, palette: t, onChange: r }) {
+  const n = e.label || "Cores", s = e.locked || !1;
+  return /* @__PURE__ */ _("div", { className: `widget-palette ${s ? "widget-palette--locked" : ""}`, children: [
+    /* @__PURE__ */ a("label", { className: "widget-palette__label", children: n }),
+    /* @__PURE__ */ a(je, { selected: t, onSelect: r, customMode: !0, disabled: s }),
+    s && /* @__PURE__ */ a("span", { className: "widget-palette__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
 }
-const Et = {
+const jt = {
   failed_to_compute: "Não foi possível calcular este widget"
 };
-function Lt({
+function zt({
   type: e,
   computed: t,
-  palette: n,
-  config: a,
-  filterValue: l,
-  filterOptions: s,
-  dateBounds: c,
-  onFilterChange: i,
-  variableValue: u,
-  onVariableChange: o,
-  onPaletteChange: m
+  palette: r,
+  config: n,
+  filterValue: s,
+  filterOptions: l,
+  dateBounds: i,
+  onFilterChange: o,
+  variableValue: p,
+  onVariableChange: c,
+  onPaletteChange: h
 }) {
   if (t.error)
-    return /* @__PURE__ */ r(
-      I,
+    return /* @__PURE__ */ a(
+      z,
       {
         name: e.replace("_", "-"),
-        title: a == null ? void 0 : a.label,
+        title: n == null ? void 0 : n.label,
         state: "error",
-        stateMessage: Et[String(t.error)]
+        stateMessage: jt[String(t.error)]
       }
     );
-  const d = Le(n);
+  const d = ze(r);
   switch (e) {
     case "kpi_card":
-      return /* @__PURE__ */ r(it, { data: t, label: a == null ? void 0 : a.label });
+      return /* @__PURE__ */ a(ht, { data: t, label: n == null ? void 0 : n.label });
     case "gauge":
-      return /* @__PURE__ */ r(dt, { data: t, palette: d, label: a == null ? void 0 : a.label });
+      return /* @__PURE__ */ a(pt, { data: t, palette: d, label: n == null ? void 0 : n.label });
     case "chart":
-      return /* @__PURE__ */ r(gt, { data: t, palette: d, label: a == null ? void 0 : a.label });
+      return /* @__PURE__ */ a(yt, { data: t, palette: d, label: n == null ? void 0 : n.label });
     case "composition":
-      return /* @__PURE__ */ r(vt, { data: t, palette: d, label: a == null ? void 0 : a.label });
+      return /* @__PURE__ */ a(Ct, { data: t, palette: d, label: n == null ? void 0 : n.label });
     case "table":
-      return /* @__PURE__ */ r(Nt, { data: t, label: a == null ? void 0 : a.label });
+      return /* @__PURE__ */ a(At, { data: t, label: n == null ? void 0 : n.label });
     case "filter":
-      return a && i ? /* @__PURE__ */ r(
-        At,
+      return n && o ? /* @__PURE__ */ a(
+        It,
         {
-          config: a,
-          value: l || "",
-          options: s,
-          dateBounds: c,
-          onChange: i
+          config: n,
+          value: s || "",
+          options: l,
+          dateBounds: i,
+          onChange: o
         }
       ) : null;
     case "variable": {
-      const h = a;
-      return h && o ? /* @__PURE__ */ r(
-        Mt,
+      const u = n;
+      return u && c ? /* @__PURE__ */ a(
+        Ot,
         {
-          config: h,
-          value: u ?? h.variableValue ?? 0,
-          onChange: o
+          config: u,
+          value: p ?? u.variableValue ?? 0,
+          onChange: c
         }
       ) : null;
     }
     case "color_palette":
-      return a && m ? /* @__PURE__ */ r(
-        Tt,
+      return n && h ? /* @__PURE__ */ a(
+        Wt,
         {
-          config: a,
-          palette: n,
-          onChange: m
+          config: n,
+          palette: r,
+          onChange: h
         }
       ) : null;
     default:
-      return /* @__PURE__ */ r(I, { name: "unknown", state: "unconfigured" });
+      return /* @__PURE__ */ a(z, { name: "unknown", state: "unconfigured" });
   }
 }
-const Ot = (e, t) => e.grid.y - t.grid.y || e.grid.x - t.grid.x;
-function tr({
+const Dt = xe(zt), Ht = (e, t) => e.grid.y - t.grid.y || e.grid.x - t.grid.x, Gt = {}, fe = [];
+function _r({
   token: e,
-  cellAspect: t = We,
-  stackBelow: n,
-  onGeometryChange: a,
-  silenceWarnings: l,
-  className: s
+  cellAspect: t = Ye,
+  stackBelow: r,
+  onGeometryChange: n,
+  silenceWarnings: s,
+  className: l
 }) {
   const {
-    layout: c,
-    renderData: i,
-    loading: u,
-    error: o,
-    filters: m,
+    layout: i,
+    renderData: o,
+    loading: p,
+    error: c,
+    filters: h,
     variables: d,
-    palette: h,
-    setFilter: _,
-    setVariable: v,
-    setPalette: S
-  } = Ze(e), { rootRef: R, gridRef: A, stacked: N } = nt({
-    columns: (c == null ? void 0 : c.gridColumns) ?? 0,
+    palette: u,
+    setFilter: m,
+    setVariable: b,
+    setPalette: y
+  } = at(e), { rootRef: N, gridRef: A, stacked: k } = ct({
+    columns: (i == null ? void 0 : i.gridColumns) ?? 0,
     cellAspect: t,
-    stackBelow: n,
-    onGeometryChange: a,
-    silenceWarnings: l
-  }), y = ue(() => {
-    const f = (c == null ? void 0 : c.widgets) ?? [];
-    return N ? [...f].sort(Ot) : f;
-  }, [c == null ? void 0 : c.widgets, N]), k = {
-    "--dash-gap": `${te}px`,
-    "--dash-pad": `${De}px`
-  }, F = ["preview-tab", s].filter(Boolean).join(" ");
-  let x;
-  if (o && !c)
-    x = /* @__PURE__ */ r("div", { className: "preview-tab__error", children: o });
-  else if (!c)
-    x = /* @__PURE__ */ r("div", { className: "preview-tab__loading", children: "Carregando dashboard..." });
-  else if (c.widgets.length === 0)
-    x = /* @__PURE__ */ r("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." });
+    stackBelow: r,
+    onGeometryChange: n,
+    silenceWarnings: s
+  }), S = O(() => {
+    const f = (i == null ? void 0 : i.widgets) ?? [];
+    return k ? [...f].sort(Ht) : f;
+  }, [i == null ? void 0 : i.widgets, k]), C = O(() => {
+    const f = {};
+    for (const R of S)
+      f[R.id] = {
+        onFilter: (T) => m(R.id, T),
+        onVariable: (T) => b(R.id, T)
+      };
+    return f;
+  }, [S, m, b]), M = {
+    "--dash-gap": `${oe}px`,
+    "--dash-pad": `${Ve}px`
+  }, E = ["preview-tab", l].filter(Boolean).join(" ");
+  let g;
+  if (c && !i)
+    g = /* @__PURE__ */ a("div", { className: "preview-tab__error", children: c });
+  else if (!i)
+    g = /* @__PURE__ */ a("div", { className: "preview-tab__loading", children: "Carregando dashboard..." });
+  else if (i.widgets.length === 0)
+    g = /* @__PURE__ */ a("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." });
   else {
-    const f = (i == null ? void 0 : i.widgets) ?? {}, g = (i == null ? void 0 : i.date_bounds) ?? null, C = {
-      "--dash-cols": c.gridColumns,
-      "--dash-rows": c.gridRows,
-      ..._e(h)
-    }, M = ["preview-tab__grid", N && "preview-tab__grid--stacked"].filter(Boolean).join(" ");
-    x = /* @__PURE__ */ p(de, { children: [
-      o && !i && /* @__PURE__ */ r("div", { className: "preview-tab__error", children: o }),
-      i && /* @__PURE__ */ r("div", { className: M, style: C, ref: A, children: y.map((b) => {
-        const w = Oe.has(b.type), L = f[b.id], P = N ? {
+    const f = (o == null ? void 0 : o.widgets) ?? {}, R = (o == null ? void 0 : o.date_bounds) ?? null, T = {
+      "--dash-cols": i.gridColumns,
+      "--dash-rows": i.gridRows,
+      ...ye(u)
+    }, x = ["preview-tab__grid", k && "preview-tab__grid--stacked"].filter(Boolean).join(" ");
+    g = /* @__PURE__ */ _(Y, { children: [
+      c && !o && /* @__PURE__ */ a("div", { className: "preview-tab__error", children: c }),
+      o && /* @__PURE__ */ a("div", { className: x, style: T, ref: A, children: S.map((w) => {
+        var V, v;
+        const D = De.has(w.type), P = f[w.id], L = k ? {
           gridColumn: 1,
-          aspectRatio: `${Pe(b.grid.w, b.grid.h, t)}`,
-          minHeight: `${Ie(b.grid.h, ze, te, 0)}px`
+          aspectRatio: `${Ge(w.grid.w, w.grid.h, t)}`,
+          minHeight: `${He(w.grid.h, Ke, oe, 0)}px`
         } : {
-          gridColumn: `${b.grid.x + 1} / span ${b.grid.w}`,
-          gridRow: `${b.grid.y + 1} / span ${b.grid.h}`
-        }, O = b.type === "variable" ? d[b.id] ?? (L == null ? void 0 : L.value) ?? b.config.variableValue ?? 0 : void 0;
-        return /* @__PURE__ */ r(
+          gridColumn: `${w.grid.x + 1} / span ${w.grid.w}`,
+          gridRow: `${w.grid.y + 1} / span ${w.grid.h}`
+        }, G = w.type === "variable" ? d[w.id] ?? (P == null ? void 0 : P.value) ?? w.config.variableValue ?? 0 : void 0;
+        return /* @__PURE__ */ a(
           "div",
           {
-            className: `preview-tab__widget ${w ? "preview-tab__widget--control" : ""}`,
-            style: P,
-            children: w || L ? /* @__PURE__ */ r(
-              Lt,
+            className: `preview-tab__widget ${D ? "preview-tab__widget--control" : ""}`,
+            style: L,
+            children: D || P ? /* @__PURE__ */ a(
+              Dt,
               {
-                type: b.type,
-                computed: L || {},
-                palette: h,
-                config: b.config,
-                filterValue: m[b.id] || "",
+                type: w.type,
+                computed: P || Gt,
+                palette: u,
+                config: w.config,
+                filterValue: h[w.id] || "",
                 filterOptions: (
                   // Estruturais: vem do /layout (cacheavel), nao do /render —
                   // recalcula-los a cada render custaria um DISTINCT por filtro.
-                  b.type === "filter" ? b.config.availableValues ?? [] : []
+                  w.type === "filter" ? w.config.availableValues ?? fe : fe
                 ),
-                dateBounds: g,
-                onFilterChange: (j) => _(b.id, j),
-                variableValue: O,
-                onVariableChange: (j) => v(b.id, j),
-                onPaletteChange: S
+                dateBounds: R,
+                onFilterChange: (V = C[w.id]) == null ? void 0 : V.onFilter,
+                variableValue: G,
+                onVariableChange: (v = C[w.id]) == null ? void 0 : v.onVariable,
+                onPaletteChange: y
               }
-            ) : /* @__PURE__ */ r("div", { className: "preview-tab__widget-loading", children: u ? "Carregando..." : "Sem dados" })
+            ) : /* @__PURE__ */ a("div", { className: "preview-tab__widget-loading", children: p ? "Carregando..." : "Sem dados" })
           },
-          b.id
+          w.id
         );
       }) }),
-      u && i && /* @__PURE__ */ r("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
+      p && o && /* @__PURE__ */ a("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
     ] });
   }
-  return /* @__PURE__ */ r("div", { className: F, style: k, ref: R, children: x });
+  return /* @__PURE__ */ a("div", { className: E, style: M, ref: N, children: g });
 }
-function It(e, t) {
-  const n = URL.createObjectURL(e), a = document.createElement("a");
-  a.href = n, a.download = t, document.body.appendChild(a), a.click(), a.remove(), setTimeout(() => URL.revokeObjectURL(n), 0);
+function Vt(e, t) {
+  const r = URL.createObjectURL(e), n = document.createElement("a");
+  n.href = r, n.download = t, document.body.appendChild(n), n.click(), n.remove(), setTimeout(() => URL.revokeObjectURL(r), 0);
 }
-const Pt = 768, Dt = 879;
-function Wt(e) {
+const Yt = 768, Kt = 879;
+function Ut(e) {
   return Array.from(e.normalize("NFD")).filter((t) => {
-    const n = t.codePointAt(0) ?? 0;
-    return n < Pt || n > Dt;
+    const r = t.codePointAt(0) ?? 0;
+    return r < Yt || r > Kt;
   }).join("");
 }
-function zt(e, t) {
-  return `${Wt(e).replace(/[^a-zA-Z0-9]+/g, "-").replace(/^-+|-+$/g, "").toLowerCase() || "documento"}.${t}`;
+function Bt(e, t) {
+  return `${Ut(e).replace(/[^a-zA-Z0-9]+/g, "-").replace(/^-+|-+$/g, "").toLowerCase() || "documento"}.${t}`;
 }
-const Ht = 300;
-function jt(e) {
-  const [t, n] = T(null), [a, l] = T(null), [s, c] = T({}), [i, u] = T(!0), [o, m] = T(null), [d, h] = T(!1), _ = $(), v = $(!1), S = $(null), R = $(!1);
-  D(() => {
-    let y = !1;
-    return v.current = !1, S.current = null, R.current = !1, He(e).then((k) => {
-      y || n(k);
-    }).catch((k) => {
-      y || m(k.message);
+const qt = 300;
+function Xt(e) {
+  const [t, r] = F(null), [n, s] = F(null), [l, i] = F({}), [o, p] = F(!0), [c, h] = F(null), [d, u] = F(!1), m = $(), b = $(!1), y = $(null), N = $(!1);
+  H(() => {
+    let S = !1;
+    return b.current = !1, y.current = null, N.current = !1, Ue(e).then((C) => {
+      S || r(C);
+    }).catch((C) => {
+      S || h(C.message);
     }), () => {
-      y = !0;
+      S = !0;
     };
-  }, [e]), D(() => {
+  }, [e]), H(() => {
     if (!t) return;
-    const y = W(s), k = H(y);
-    if (k === S.current) return;
-    _.current && clearTimeout(_.current);
-    const F = R.current ? Ht : 0;
-    return _.current = setTimeout(() => {
-      u(!0), je(e, y).then((x) => {
-        S.current = k, R.current = !0, l(x), !v.current && x.applied && (v.current = !0, c((f) => {
-          const g = { ...Ne(x.applied), ...f };
-          return ye(g, f) ? f : (S.current = H(W(g)), g);
-        })), m(null);
-      }).catch((x) => m(x.message)).finally(() => u(!1));
-    }, F), () => {
-      _.current && clearTimeout(_.current);
+    const S = K(l), C = B(S);
+    if (C === y.current) return;
+    m.current && clearTimeout(m.current);
+    const M = N.current ? qt : 0;
+    return m.current = setTimeout(() => {
+      p(!0), Be(e, S).then((E) => {
+        y.current = C, N.current = !0, s(E), !b.current && E.applied && (b.current = !0, i((g) => {
+          const f = { ...$e(E.applied), ...g };
+          return Re(f, g) ? g : (y.current = B(K(f)), f);
+        })), h(null);
+      }).catch((E) => h(E.message)).finally(() => p(!1));
+    }, M), () => {
+      m.current && clearTimeout(m.current);
     };
-  }, [e, t, s]);
-  const A = E((y, k) => {
-    c((F) => ({ ...F, [y]: k }));
-  }, []), N = E(() => {
-    h(!0), Ge(e, W(s)).then((y) => {
-      It(y, zt((t == null ? void 0 : t.name) ?? "demonstrativo", "pdf")), m(null);
-    }).catch((y) => m(y.message)).finally(() => h(!1));
-  }, [e, s, t == null ? void 0 : t.name]);
+  }, [e, t, l]);
+  const A = I((S, C) => {
+    i((M) => ({ ...M, [S]: C }));
+  }, []), k = I(() => {
+    u(!0), qe(e, K(l)).then((S) => {
+      Vt(S, Bt((t == null ? void 0 : t.name) ?? "demonstrativo", "pdf")), h(null);
+    }).catch((S) => h(S.message)).finally(() => u(!1));
+  }, [e, l, t == null ? void 0 : t.name]);
   return {
     layout: t,
-    renderData: a,
-    loading: i,
-    error: o,
-    filters: s,
+    renderData: n,
+    loading: o,
+    error: c,
+    filters: l,
     setFilter: A,
-    downloadPdf: N,
+    downloadPdf: k,
     downloading: d
   };
 }
-const Gt = 8, Yt = 14;
-function ie(e) {
-  return { paddingLeft: `${Gt + e * Yt}px` };
+function Qt(e, t) {
+  return e.type === "separator" || e.indent > t.indent ? !1 : !(t.type === "header" && e.type === "data" && e.indent === t.indent);
+}
+function q(e, t) {
+  const r = e[t];
+  if (!r || r.type === "separator") return null;
+  let n = t + 1;
+  for (; n < e.length && !Qt(e[n], r); )
+    n += 1;
+  return n === t + 1 || !e.slice(t + 1, n).some((l) => l.type !== "separator") ? null : { from: t + 1, to: n };
+}
+function Zt(e) {
+  const t = [];
+  for (let r = 0; r < e.length; r += 1)
+    q(e, r) && t.push(e[r].id);
+  return t;
+}
+function Jt(e) {
+  const t = /* @__PURE__ */ new Map();
+  e.forEach((n, s) => {
+    const l = q(e, s);
+    l && t.set(s, l);
+  });
+  const r = [];
+  for (const [n, s] of t) {
+    let l = !0;
+    for (const i of t.keys())
+      if (i >= s.from && i < s.to) {
+        l = !1;
+        break;
+      }
+    l && r.push(e[n].id);
+  }
+  return r;
+}
+function er(e, t) {
+  const r = q(e, t);
+  if (!r) return 0;
+  let n = 0;
+  for (let s = r.from; s < r.to; s += 1)
+    e[s].type === "data" && (n += 1);
+  return n;
+}
+function tr(e, t) {
+  const r = /* @__PURE__ */ new Set();
+  for (const n of t) {
+    const s = e.findIndex((i) => i.id === n);
+    if (s < 0) continue;
+    const l = q(e, s);
+    if (l)
+      for (let i = l.from; i < l.to; i += 1)
+        r.add(e[i].id);
+  }
+  return r;
+}
+const rr = 8, nr = 14;
+function ar(e) {
+  return { paddingLeft: `${rr + e * nr}px` };
 }
-function Vt(e) {
+function sr(e) {
   const t = {};
   return e != null && e.accent && (t["--stmt-accent"] = e.accent), e != null && e.positive && (t["--stmt-positive"] = e.positive), e != null && e.negative && (t["--stmt-negative"] = e.negative), t;
 }
-function oe(e) {
+function ge(e) {
   return e == null || e === 0 ? "stmt__number" : `stmt__number stmt__number--${e > 0 ? "pos" : "neg"}`;
 }
-const Kt = {
+const lr = {
   day: "day",
   week: "week",
   month: "month",
@@ -953,37 +1017,37 @@ const Kt = {
   year: "year",
   total: "month"
 };
-function Ut({ definition: e, value: t, options: n, bounds: a, rangeUnit: l, onChange: s }) {
+function ir({ definition: e, value: t, options: r, bounds: n, rangeUnit: s, onChange: l }) {
   if (e.type === "date_range") {
-    const c = e.dateFilterMode ?? "range";
-    return /* @__PURE__ */ p("div", { className: `stmt__filter stmt__filter--date stmt__filter--${c}`, children: [
-      /* @__PURE__ */ r("span", { className: "stmt__filter-label", children: e.label }),
-      /* @__PURE__ */ r(
-        ke,
+    const i = e.dateFilterMode ?? "range";
+    return /* @__PURE__ */ _("div", { className: `stmt__filter stmt__filter--date stmt__filter--${i}`, children: [
+      /* @__PURE__ */ a("span", { className: "stmt__filter-label", children: e.label }),
+      /* @__PURE__ */ a(
+        Te,
         {
-          mode: c,
+          mode: i,
           value: t,
-          dateBounds: a,
-          rangeUnit: l,
-          onChange: s
+          dateBounds: n,
+          rangeUnit: s,
+          onChange: l
         }
       )
     ] });
   }
-  return /* @__PURE__ */ p("div", { className: "stmt__filter", children: [
-    /* @__PURE__ */ r("span", { className: "stmt__filter-label", children: e.label }),
-    /* @__PURE__ */ r(
-      ge,
+  return /* @__PURE__ */ _("div", { className: "stmt__filter", children: [
+    /* @__PURE__ */ a("span", { className: "stmt__filter-label", children: e.label }),
+    /* @__PURE__ */ a(
+      we,
       {
         value: t,
-        options: n,
+        options: r,
         multi: e.type === "multi_select",
-        onChange: s
+        onChange: l
       }
     )
   ] });
 }
-const qt = 13, ce = {
+const or = 13, pe = {
   day: ["dia", "dias"],
   week: ["semana", "semanas"],
   month: ["mês", "meses"],
@@ -991,167 +1055,297 @@ const qt = 13, ce = {
   year: ["ano", "anos"],
   total: ["período", "períodos"]
 };
-function Xt(e, t) {
-  const [n, a] = ce[t] ?? ce.total;
-  return `Variação sobre ${e} ${e === 1 ? n : a} atrás`;
+function cr(e, t) {
+  const [r, n] = pe[t] ?? pe.total;
+  return `Variação sobre ${e} ${e === 1 ? r : n} atrás`;
 }
-function Bt({
+function dr({
+  label: e,
+  collapsed: t,
+  onToggle: r
+}) {
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      className: "stmt__toggle",
+      "aria-expanded": !t,
+      "aria-label": t ? `Expandir ${e}` : `Recolher ${e}`,
+      onClick: (n) => {
+        n.stopPropagation(), r();
+      },
+      children: /* @__PURE__ */ a("span", { className: "stmt__caret", "aria-hidden": "true" })
+    }
+  );
+}
+function ur({
   line: e,
   columnCount: t,
-  showTotal: n,
-  showVertical: a,
-  showHorizontal: l,
-  comparisonLabel: s
+  showTotal: r,
+  showVertical: n,
+  showHorizontal: s,
+  comparisonLabel: l,
+  collapsible: i,
+  collapsed: o,
+  onToggle: p,
+  hiddenCount: c
 }) {
+  const h = /* @__PURE__ */ _(Y, { children: [
+    i && /* @__PURE__ */ a(dr, { label: e.label, collapsed: o, onToggle: p }),
+    e.label,
+    i && o && c > 0 && /* @__PURE__ */ _("span", { className: "stmt__count", children: [
+      c,
+      " ",
+      c === 1 ? "conta" : "contas"
+    ] })
+  ] }), d = /* @__PURE__ */ a(
+    "th",
+    {
+      scope: "row",
+      style: ar(e.style.indent),
+      onClick: i ? p : void 0,
+      children: h
+    }
+  ), u = [
+    i && "stmt__row--section",
+    o && "stmt__row--collapsed"
+  ];
   if (e.type === "separator")
-    return /* @__PURE__ */ r("tr", { className: "stmt__row stmt__row--separator", children: /* @__PURE__ */ r("td", { colSpan: t }) });
-  if (e.type === "header" && e.formatted.length === 0)
-    return /* @__PURE__ */ p("tr", { className: "stmt__row stmt__row--header", children: [
-      /* @__PURE__ */ r("th", { scope: "row", style: ie(e.style.indent), children: e.label }),
-      /* @__PURE__ */ r("td", { colSpan: t - 1 })
+    return /* @__PURE__ */ a("tr", { className: "stmt__row stmt__row--separator", children: /* @__PURE__ */ a("td", { colSpan: t }) });
+  if (e.type === "header" && e.formatted.length === 0) {
+    const b = ["stmt__row", "stmt__row--header", ...u].filter(Boolean).join(" ");
+    return /* @__PURE__ */ _("tr", { className: b, children: [
+      d,
+      /* @__PURE__ */ a("td", { colSpan: t - 1 })
     ] });
-  const c = [
+  }
+  const m = [
     "stmt__row",
     `stmt__row--${e.type}`,
-    e.style.bold && "stmt__row--bold"
+    e.style.bold && "stmt__row--bold",
+    ...u
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p("tr", { className: c, children: [
-    /* @__PURE__ */ r("th", { scope: "row", style: ie(e.style.indent), children: e.label }),
-    e.formatted.map((i, u) => {
-      var d;
-      const o = e.horizontalAnalysis[u], m = (d = e.comparison) == null ? void 0 : d[u];
-      return /* @__PURE__ */ p("td", { className: "stmt__value", children: [
-        /* @__PURE__ */ r("span", { className: oe(e.values[u]), children: i }),
-        a && e.verticalAnalysis[u] != null && /* @__PURE__ */ r("span", { className: "stmt__aux", title: "Análise vertical", children: z(e.verticalAnalysis[u], "percentage") }),
-        l && o != null && /* @__PURE__ */ r(
+  return /* @__PURE__ */ _("tr", { className: m, children: [
+    d,
+    e.formatted.map((b, y) => {
+      var k;
+      const N = e.horizontalAnalysis[y], A = (k = e.comparison) == null ? void 0 : k[y];
+      return /* @__PURE__ */ _("td", { className: "stmt__value", children: [
+        /* @__PURE__ */ a("span", { className: ge(e.values[y]), children: b }),
+        n && e.verticalAnalysis[y] != null && /* @__PURE__ */ a("span", { className: "stmt__aux", title: "Análise vertical", children: U(e.verticalAnalysis[y], "percentage") }),
+        s && N != null && /* @__PURE__ */ a(
           "span",
           {
-            className: `stmt__aux stmt__aux--${o < 0 ? "down" : "up"}`,
+            className: `stmt__aux stmt__aux--${N < 0 ? "down" : "up"}`,
             title: "Variação sobre o período anterior",
-            children: z(o, "percentage")
+            children: U(N, "percentage")
           }
         ),
-        s && m != null && /* @__PURE__ */ p(
+        l && A != null && /* @__PURE__ */ _(
           "span",
           {
-            className: `stmt__aux stmt__aux--${m < 0 ? "down" : "up"}`,
-            title: s,
+            className: `stmt__aux stmt__aux--${A < 0 ? "down" : "up"}`,
+            title: l,
             children: [
               "vs ",
-              z(m, "percentage")
+              U(A, "percentage")
             ]
           }
         )
-      ] }, u);
+      ] }, y);
     }),
-    n && /* @__PURE__ */ r("td", { className: "stmt__value stmt__value--total", children: /* @__PURE__ */ r("span", { className: oe(e.total), children: e.totalFormatted ?? "-" }) })
+    r && /* @__PURE__ */ a("td", { className: "stmt__value stmt__value--total", children: /* @__PURE__ */ a("span", { className: ge(e.total), children: e.totalFormatted ?? "-" }) })
   ] });
 }
-function rr({ token: e, palette: t, showDownload: n = !0, className: a }) {
-  const {
-    layout: l,
-    renderData: s,
-    loading: c,
-    error: i,
-    filters: u,
-    setFilter: o,
-    downloadPdf: m,
-    downloading: d
-  } = jt(e), [h, _] = T(!1), v = ["stmt", a].filter(Boolean).join(" "), S = {
-    ..._e(t),
-    ...Vt(l == null ? void 0 : l.colors)
-  };
-  let R;
-  if (i && !l)
-    R = /* @__PURE__ */ r("div", { className: "stmt__error", children: i });
-  else if (!l)
-    R = /* @__PURE__ */ r("div", { className: "stmt__state", children: "Carregando demonstrativo..." });
-  else {
-    const A = (s == null ? void 0 : s.dateBounds) ?? l.dateBounds, N = l.periods.showTotal, y = (s == null ? void 0 : s.columns) ?? [], k = (s == null ? void 0 : s.lines) ?? [], F = 1 + y.length + (N ? 1 : 0), x = k.some((w) => w.verticalAnalysis.length > 0), f = k.some((w) => w.horizontalAnalysis.length > 0), g = l.periods.comparisonOffset, C = g ? Xt(g, l.periods.granularity) : void 0, M = qt - (N ? 1 : 0), b = Math.max(0, y.length - M);
-    R = /* @__PURE__ */ p(de, { children: [
-      /* @__PURE__ */ p("div", { className: "stmt__toolbar", children: [
-        l.filters.map((w) => /* @__PURE__ */ r(
-          Ut,
-          {
-            definition: w,
-            value: u[w.id] ?? "",
-            options: l.filterOptions[w.id] ?? [],
-            bounds: A,
-            rangeUnit: Kt[l.periods.granularity] ?? "day",
-            onChange: (L) => o(w.id, L)
-          },
-          w.id
-        )),
-        /* @__PURE__ */ p("div", { className: "stmt__toolbar-end", children: [
-          /* @__PURE__ */ p("span", { className: "stmt__bounds", children: [
-            "Base: ",
-            A.min,
-            " a ",
-            A.max
-          ] }),
-          n && /* @__PURE__ */ r(
+function mr({
+  layout: e,
+  renderData: t,
+  loading: r,
+  error: n,
+  filters: s,
+  setFilter: l,
+  downloadPdf: i,
+  downloading: o,
+  showDownload: p
+}) {
+  const c = (t == null ? void 0 : t.dateBounds) ?? e.dateBounds, h = e.periods.showTotal, d = (t == null ? void 0 : t.columns) ?? [], u = (t == null ? void 0 : t.lines) ?? [], m = O(
+    () => u.map((v) => ({ id: v.id, type: v.type, indent: v.style.indent })),
+    [u]
+  ), b = O(() => Zt(m), [m]), y = O(() => new Set(b), [b]), N = O(
+    () => new Set(Jt(m)),
+    [m]
+  ), A = O(
+    () => new Map(m.map((v, W) => [v.id, er(m, W)])),
+    [m]
+  ), [k, S] = F(null), C = k ?? N, [M, E] = F(!1), g = $(null), f = O(() => tr(m, C), [m, C]), R = I((v) => {
+    S((W) => {
+      const j = new Set(W ?? N);
+      return j.has(v) ? j.delete(v) : j.add(v), j;
+    });
+  }, [N]), T = I((v) => {
+    const W = g.current;
+    if (!W) return;
+    const j = W.querySelector(`[data-period="${CSS.escape(v)}"]`);
+    j == null || j.scrollIntoView({ inline: "center", block: "nearest", behavior: "smooth" });
+  }, []), x = 1 + d.length + (h ? 1 : 0), w = u.some((v) => v.verticalAnalysis.length > 0), D = u.some((v) => v.horizontalAnalysis.length > 0), P = e.periods.comparisonOffset, L = P ? cr(P, e.periods.granularity) : void 0, G = or - (h ? 1 : 0), V = Math.max(0, d.length - G);
+  return /* @__PURE__ */ _(Y, { children: [
+    /* @__PURE__ */ _("div", { className: "stmt__toolbar", children: [
+      e.filters.map((v) => /* @__PURE__ */ a(
+        ir,
+        {
+          definition: v,
+          value: s[v.id] ?? "",
+          options: e.filterOptions[v.id] ?? [],
+          bounds: c,
+          rangeUnit: lr[e.periods.granularity] ?? "day",
+          onChange: (W) => l(v.id, W)
+        },
+        v.id
+      )),
+      /* @__PURE__ */ _("div", { className: "stmt__toolbar-end", children: [
+        /* @__PURE__ */ _("span", { className: "stmt__bounds", children: [
+          "Base: ",
+          c.min,
+          " a ",
+          c.max
+        ] }),
+        b.length > 0 && /* @__PURE__ */ _(Y, { children: [
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "stmt__outline",
+              onClick: () => S(N),
+              children: "Recolher seções"
+            }
+          ),
+          /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              className: "stmt__download",
-              onClick: () => {
-                if (b > 0 && !h) {
-                  _(!0);
-                  return;
-                }
-                _(!1), m();
-              },
-              disabled: d || !s,
-              title: "Baixar o documento em PDF",
-              children: d ? "Gerando..." : "Baixar PDF"
+              className: "stmt__outline",
+              onClick: () => S(/* @__PURE__ */ new Set()),
+              children: "Expandir tudo"
             }
           )
-        ] })
-      ] }),
-      i && /* @__PURE__ */ r("div", { className: "stmt__error", children: i }),
-      h && b > 0 && /* @__PURE__ */ p("div", { className: "stmt__warning", children: [
-        "O PDF cabe ",
-        M,
-        " períodos e este documento tem ",
-        y.length,
-        ": o arquivo sairá com os ",
-        M,
-        " mais recentes",
-        N && ", e a coluna de total seguirá cobrindo a janela inteira",
-        '. Clique em "Baixar PDF" de novo para gerar assim, ou reduza o período.'
-      ] }),
-      (s == null ? void 0 : s.truncated) && /* @__PURE__ */ p("div", { className: "stmt__warning", children: [
-        "A janela pedida excede o limite de colunas: o documento mostra as primeiras ",
-        y.length,
-        ". Escolha um período menor ou uma coluna mais larga."
-      ] }),
-      s ? y.length === 0 ? /* @__PURE__ */ r("div", { className: "stmt__state", children: "Nenhum período na janela selecionada." }) : k.length === 0 ? /* @__PURE__ */ r("div", { className: "stmt__state", children: "Este demonstrativo não possui linhas." }) : /* @__PURE__ */ r("div", { className: "stmt__scroll", children: /* @__PURE__ */ p("table", { className: "stmt__table", children: [
-        /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ p("tr", { children: [
-          /* @__PURE__ */ r("th", { className: "stmt__corner", scope: "col", children: s.name }),
-          y.map((w) => /* @__PURE__ */ r("th", { scope: "col", title: `${w.start} a ${w.end}`, children: w.label }, w.key)),
-          N && /* @__PURE__ */ r("th", { scope: "col", className: "stmt__total-head", children: l.periods.totalLabel })
+        ] }),
+        p && /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "stmt__download",
+            onClick: () => {
+              if (V > 0 && !M) {
+                E(!0);
+                return;
+              }
+              E(!1), i();
+            },
+            disabled: o || !t,
+            title: "Baixar o documento em PDF",
+            children: o ? "Gerando..." : "Baixar PDF"
+          }
+        )
+      ] })
+    ] }),
+    n && /* @__PURE__ */ a("div", { className: "stmt__error", children: n }),
+    M && V > 0 && /* @__PURE__ */ _("div", { className: "stmt__warning", children: [
+      "O PDF cabe ",
+      G,
+      " períodos e este documento tem ",
+      d.length,
+      ": o arquivo sairá com os ",
+      G,
+      " mais recentes",
+      h && ", e a coluna de total seguirá cobrindo a janela inteira",
+      '. Clique em "Baixar PDF" de novo para gerar assim, ou reduza o período.'
+    ] }),
+    (t == null ? void 0 : t.truncated) && /* @__PURE__ */ _("div", { className: "stmt__warning", children: [
+      "A janela pedida excede o limite de colunas: o documento mostra as primeiras ",
+      d.length,
+      ". Escolha um período menor ou uma coluna mais larga."
+    ] }),
+    t ? d.length === 0 ? /* @__PURE__ */ a("div", { className: "stmt__state", children: "Nenhum período na janela selecionada." }) : u.length === 0 ? /* @__PURE__ */ a("div", { className: "stmt__state", children: "Este demonstrativo não possui linhas." }) : /* @__PURE__ */ _(Y, { children: [
+      d.length > 1 && /* @__PURE__ */ a("nav", { className: "stmt__periods", "aria-label": "Períodos", children: d.map((v) => /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "stmt__period",
+          title: `${v.start} a ${v.end}`,
+          onClick: () => T(v.key),
+          children: v.label
+        },
+        v.key
+      )) }),
+      /* @__PURE__ */ a("div", { className: "stmt__scroll", ref: g, children: /* @__PURE__ */ _("table", { className: "stmt__table", children: [
+        /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ _("tr", { children: [
+          /* @__PURE__ */ a("th", { className: "stmt__corner", scope: "col", children: t.name }),
+          d.map((v) => /* @__PURE__ */ a(
+            "th",
+            {
+              scope: "col",
+              "data-period": v.key,
+              title: `${v.start} a ${v.end}`,
+              children: v.label
+            },
+            v.key
+          )),
+          h && /* @__PURE__ */ a("th", { scope: "col", className: "stmt__total-head", children: e.periods.totalLabel })
         ] }) }),
-        /* @__PURE__ */ r("tbody", { children: k.map((w) => /* @__PURE__ */ r(
-          Bt,
+        /* @__PURE__ */ a("tbody", { children: u.map((v) => f.has(v.id) ? null : /* @__PURE__ */ a(
+          ur,
           {
-            line: w,
-            columnCount: F,
-            showTotal: N,
-            showVertical: x,
-            showHorizontal: f,
-            comparisonLabel: C
+            line: v,
+            columnCount: x,
+            showTotal: h,
+            showVertical: w,
+            showHorizontal: D,
+            comparisonLabel: L,
+            collapsible: y.has(v.id),
+            collapsed: C.has(v.id),
+            onToggle: () => R(v.id),
+            hiddenCount: A.get(v.id) ?? 0
           },
-          w.id
+          v.id
         )) })
-      ] }) }) : /* @__PURE__ */ r("div", { className: "stmt__state", children: "Calculando..." }),
-      c && s && /* @__PURE__ */ r("div", { className: "stmt__recalculating", children: "Atualizando..." })
-    ] });
-  }
-  return /* @__PURE__ */ r("div", { className: v, style: S, children: R });
+      ] }) })
+    ] }) : /* @__PURE__ */ a("div", { className: "stmt__state", children: "Calculando..." }),
+    r && t && /* @__PURE__ */ a("div", { className: "stmt__recalculating", children: "Atualizando..." })
+  ] });
+}
+function br({ token: e, palette: t, showDownload: r = !0, className: n }) {
+  const {
+    layout: s,
+    renderData: l,
+    loading: i,
+    error: o,
+    filters: p,
+    setFilter: c,
+    downloadPdf: h,
+    downloading: d
+  } = Xt(e), u = ["stmt", n].filter(Boolean).join(" "), m = {
+    ...t ? ye(t) : {},
+    ...sr(s == null ? void 0 : s.colors)
+  };
+  let b;
+  return o && !s ? b = /* @__PURE__ */ a("div", { className: "stmt__error", children: o }) : s ? b = /* @__PURE__ */ a(
+    mr,
+    {
+      layout: s,
+      renderData: l,
+      loading: i,
+      error: o,
+      filters: p,
+      setFilter: c,
+      downloadPdf: h,
+      downloading: d,
+      showDownload: r
+    }
+  ) : b = /* @__PURE__ */ a("div", { className: "stmt__state", children: "Carregando demonstrativo..." }), /* @__PURE__ */ a("div", { className: u, style: m, children: b });
 }
 export {
-  lr as ApiError,
-  tr as Dashboard,
-  rr as Statement
+  yr as ApiError,
+  _r as Dashboard,
+  br as Statement
 };
 //# sourceMappingURL=index.js.map