@actionexec/dashboards 0.15.0 → 0.16.1

package/dist/index.js

@@ -1,9 +1,9 @@
-import { jsxs as _, jsx as r, Fragment as ce } from "react/jsx-runtime";
-import { useState as A, useRef as R, useEffect as W, useCallback as F, useMemo as oe } from "react";
-import { M as G, f as ye, a as Se, c as q, b as Q, d as ke, e as de, i as Z, g as Y, p as Ce, h as U, j as ue, k as me, l as H, m as Re, D as J, n as $e, o as Ae, S as he, C as xe, q as Fe, r as ge, s as Me, t as Te, u as Ee, G as Le, v as ee, w as Ie, x as Oe, y as Pe, z as We, A as De } from "./ColorPaletteSelector-CZP3HDNJ.js";
-import { B as Qt } from "./ColorPaletteSelector-CZP3HDNJ.js";
-import { LineChart as He, Line as ze, AreaChart as Ge, Area as Ye, BarChart as fe, Bar as j, CartesianGrid as _e, XAxis as pe, YAxis as be, Tooltip as V, Legend as je, Cell as te, PieChart as Ve, Pie as Ke } from "recharts";
-function K(e, t = {}) {
+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("|")) {
@@ -15,72 +15,89 @@ function K(e, t = {}) {
     n[`v_${a}`] = String(l);
   return n;
 }
-function ve(e) {
+function H(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 Ne(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(G) : typeof a == "string" && (t[n] = a);
+    } else Array.isArray(a) ? t[n] = a.join(V) : typeof a == "string" && (t[n] = a);
   return t;
 }
-const Ue = 300;
-function Xe(e) {
-  const [t, n] = A(null), [a, l] = A(null), [s, c] = A({}), [i, u] = A({}), [o, g] = A(null), [m, d] = A(!0), [h, b] = A(null), S = R(), C = R(!1);
-  W(() => {
-    let k = !1;
-    return ye(e).then((f) => {
-      k || n(f);
-    }).catch((f) => {
-      k || b(f.message);
+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);
     }), () => {
-      k = !0;
+      f = !0;
+    };
+  }, [e]), D(() => {
+    if (!t) return;
+    if (t.widgets.length === 0) {
+      h(!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);
     };
-  }, [e]), W(() => {
-    if (t)
-      return S.current && clearTimeout(S.current), S.current = setTimeout(() => {
-        const k = K(s, i);
-        d(!0), Se(e, k).then((f) => {
-          l(f), !C.current && f.applied && (C.current = !0, c((p) => ({ ...ve(f.applied), ...p }))), b(null);
-        }).catch((f) => b(f.message)).finally(() => d(!1));
-      }, Ue), () => {
-        S.current && clearTimeout(S.current);
-      };
   }, [e, t, s, i]);
-  const v = F((k, f) => {
-    c((p) => ({ ...p, [k]: f }));
-  }, []), N = F((k, f) => {
-    u((p) => ({ ...p, [k]: f }));
-  }, []), M = F((k) => {
-    g(k);
-  }, []), $ = oe(
+  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]
   );
   return {
     layout: t,
     renderData: a,
-    loading: m,
-    error: h,
+    loading: d,
+    error: _,
     filters: s,
     variables: i,
-    palette: $,
-    setFilter: v,
-    setVariable: N,
-    setPalette: M
+    palette: x,
+    setFilter: y,
+    setVariable: k,
+    setPalette: F
   };
 }
-const Be = (e) => {
+const Je = (e) => {
   var t, n;
   return ((n = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : n.inlineSize) ?? e.target.offsetWidth;
-}, qe = (e) => {
+}, et = (e) => {
   var t, n;
   return ((n = (t = e.borderBoxSize) == null ? void 0 : t[0]) == null ? void 0 : n.blockSize) ?? e.target.offsetHeight;
 };
-function Qe(e, t, n) {
-  return e === void 0 ? 0 : e === "auto" ? ke(t, n) : Math.max(0, e);
+function tt(e, t, n) {
+  return e === void 0 ? 0 : e === "auto" ? Ce(t, n) : Math.max(0, e);
 }
-function Ze(e) {
+function rt(e) {
   let t = e.parentElement;
   for (; t && t !== document.body && t !== document.documentElement; ) {
     const { overflowY: n } = getComputedStyle(t);
@@ -90,94 +107,94 @@ function Ze(e) {
   }
   return null;
 }
-function Je(e) {
-  const t = R(e);
+function nt(e) {
+  const t = $(e);
   t.current = e;
-  const n = R(null), a = R(null), l = R(null), s = R(null), c = R(null), i = R(0), u = R(0), o = R(!1), g = R(!1), m = R(-1), [d, h] = A(!1), b = F((p) => {
-    const y = a.current;
-    if (g.current || t.current.silenceWarnings || !y) return;
-    const x = Ze(y);
-    !x || x.clientHeight >= p.gridHeight || (g.current = !0, console.warn(
-      `[@actionexec/dashboards] O dashboard esta sendo cortado: o container precisa de ${Math.ceil(p.gridHeight)}px de altura, mas o ancestral com overflow oculto tem ${x.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 = $(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.`
     ));
-  }, []), S = F(() => {
-    var P, L;
+  }, []), S = E(() => {
+    var P, O;
     if (!n.current) return;
-    const { columns: p, cellAspect: y } = t.current, x = i.current, O = Q(x, p), w = {
-      containerWidth: x,
-      cellWidth: O,
-      cellHeight: q(O, y),
+    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
-    }, T = c.current;
-    T && T.containerWidth === w.containerWidth && T.cellWidth === w.cellWidth && T.cellHeight === w.cellHeight && T.gridHeight === w.gridHeight && T.stacked === w.stacked || (c.current = w, (L = (P = t.current).onGeometryChange) == null || L.call(P, w), b(w));
-  }, [b]), C = F((p = !1) => {
-    const y = n.current;
-    if (!y) return;
-    const x = i.current;
-    if (!p && x === m.current) return;
-    m.current = x;
-    const { columns: O, cellAspect: w, stackBelow: T } = t.current, E = Q(x, O);
-    y.style.setProperty("--dash-cell-h", `${q(E, w)}px`);
-    const P = Qe(T, O, w), L = P > 0 && x > 0 && x < P;
-    L !== o.current && (o.current = L, h(L));
-  }, []), v = F(() => {
+    }, 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 = F(() => {
+  }, []), N = E(() => {
     s.current === null && (s.current = requestAnimationFrame(() => {
-      s.current = null, C(), S();
+      s.current = null, R(), S();
     }));
-  }, [C, S]), M = F((p) => {
-    for (const y of p)
-      y.target === n.current ? i.current = Math.round(Be(y)) : y.target === a.current && (u.current = qe(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]), $ = F(() => l.current ? l.current : typeof ResizeObserver > "u" ? null : (l.current = new ResizeObserver(M), l.current), [M]), k = F((p) => {
-    const y = $();
-    n.current && (y == null || y.unobserve(n.current)), n.current = p, p && (y == null || y.observe(p), i.current = Math.round(p.getBoundingClientRect().width), C(!0), N());
-  }, [C, $, N]), f = F((p) => {
-    const y = $();
-    if (a.current && (y == null || y.unobserve(a.current)), a.current = p, !p) {
+  }, [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;
       return;
     }
-    y == null || y.observe(p), u.current = p.getBoundingClientRect().height, N();
-  }, [$, N]);
-  return W(() => {
-    const p = $();
-    return n.current && (p == null || p.observe(n.current)), a.current && (p == null || p.observe(a.current)), () => {
-      var y;
-      (y = l.current) == null || y.disconnect(), l.current = null, v();
+    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();
     };
-  }, [$, v]), W(() => {
-    n.current && (C(!0), N());
-  }, [e.columns, e.cellAspect, e.stackBelow, C, N]), { rootRef: k, gridRef: f, stacked: d };
+  }, [k, A]), D(() => {
+    n.current && (R(!0), N());
+  }, [e.columns, e.cellAspect, e.stackBelow, R, N]), { rootRef: F, gridRef: x, stacked: h };
 }
-const et = {
+const at = {
   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 || et[e] });
+  return /* @__PURE__ */ r("div", { className: `widget__state widget__state--${e}`, role: e === "error" ? "alert" : void 0, children: t || at[e] });
 }
 function I({ name: e, title: t, state: n, stateMessage: a, toolbar: l, children: s }) {
-  return /* @__PURE__ */ _("div", { className: `widget widget-${e}`, children: [
+  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
   ] });
 }
-const tt = { up: "↑", down: "↓" };
-function we(e) {
+const lt = { up: "↑", down: "↓" };
+function Se(e) {
   return Array.isArray(e) ? e.filter(
     (t) => t && t.status === "ok" && t.formatted && t.formatted !== "-"
   ) : [];
 }
-function rt({ comparison: e, primary: t }) {
-  const n = e.sentiment ?? "neutral", a = tt[e.trend ?? ""] ?? "";
-  return /* @__PURE__ */ _("div", { className: `widget-kpi__trend widget-kpi__trend--${n}${t ? "" : " widget-kpi__trend--muted"}`, children: [
-    /* @__PURE__ */ _("span", { className: "widget-kpi__variance", children: [
+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,
       " ",
       e.formatted
@@ -185,54 +202,54 @@ function rt({ comparison: e, primary: t }) {
     e.label && /* @__PURE__ */ r("span", { className: "widget-kpi__trend-label", children: e.label })
   ] });
 }
-function nt({ data: e, label: t }) {
-  const n = t || String(e.label || ""), a = String(e.formatted || "-"), l = we(e.comparisons);
-  return /* @__PURE__ */ _(I, { name: "kpi", title: n, children: [
+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(rt, { comparison: s, primary: c === 0 }, s.id || c))
+    l.map((s, c) => /* @__PURE__ */ r(st, { comparison: s, primary: c === 0 }, s.id || c))
   ] });
 }
-const at = "var(--bg-elevated)", lt = [
+const ot = "var(--bg-elevated)", ct = [
   [1, "var(--color-success)"],
   [0.7, ""],
   // vazio = cor da serie 1 (destaque do dashboard)
   [0.4, "var(--color-warning)"],
   [0, "var(--color-error)"]
 ];
-function re(e, t, n, a) {
+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 st({ 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 || de(e.value, s)), i = String(e.formatted || "-"), u = we(e.comparisons), [o, ...g] = u, m = String((o == null ? void 0 : o.baseline_formatted) || "-"), d = (o == null ? void 0 : o.label) ?? null, h = l >= 1, b = Math.min(Math.max(l, 0), 1), S = lt.find(([k]) => l >= k), C = (S == null ? void 0 : S[1]) || t[0] || "var(--color-info)", v = 50, N = 50, M = 44, $ = 10;
-  return /* @__PURE__ */ r(I, { name: "gauge", title: a, children: /* @__PURE__ */ _("div", { className: "widget-gauge__chart", children: [
-    /* @__PURE__ */ _("svg", { viewBox: "0 0 100 56", preserveAspectRatio: "xMidYMax meet", role: "img", "aria-label": `${i} da meta`, children: [
-      /* @__PURE__ */ r("path", { d: re(v, N, M, 1), fill: "none", stroke: at, strokeWidth: $, strokeLinecap: "butt" }),
-      b > 0 && /* @__PURE__ */ r("path", { d: re(v, N, M, b), fill: "none", stroke: C, strokeWidth: $, strokeLinecap: "butt" })
+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" })
     ] }),
-    /* @__PURE__ */ _("div", { className: "widget-gauge__center", children: [
+    /* @__PURE__ */ p("div", { className: "widget-gauge__center", children: [
       /* @__PURE__ */ r("span", { className: "widget-gauge__percent", children: i }),
-      /* @__PURE__ */ _("span", { className: "widget-gauge__comparison", children: [
+      /* @__PURE__ */ p("span", { className: "widget-gauge__comparison", children: [
         c,
         " / ",
-        m
+        d
       ] }),
-      h && /* @__PURE__ */ r("span", { className: "widget-gauge__badge", children: d || "Meta batida" }),
-      !h && d && /* @__PURE__ */ r("span", { className: "widget-gauge__comparison", children: d }),
-      g.map((k, f) => /* @__PURE__ */ _("span", { className: "widget-gauge__comparison", children: [
-        k.formatted,
+      _ && /* @__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,
         " ",
-        k.label
-      ] }, k.id || f))
+        F.label
+      ] }, F.id || x))
     ] })
   ] }) });
 }
 function B(e) {
-  const [t, n] = A({ width: 0, height: 0 });
-  return W(() => {
+  const [t, n] = T({ width: 0, height: 0 });
+  return D(() => {
     const a = e.current;
     if (!a) return;
     const l = new ResizeObserver(([s]) => {
@@ -244,100 +261,100 @@ function B(e) {
     return l.observe(a), () => l.disconnect();
   }, [e]), t;
 }
-const ne = { fontSize: 10, fill: "var(--text-muted)" }, it = "var(--bg-elevated)", ct = {
+const ae = { fontSize: 10, fill: "var(--text-muted)" }, ut = "var(--bg-elevated)", mt = {
   backgroundColor: "var(--bg-elevated)",
   border: "1px solid var(--bg-paper)",
   borderRadius: "6px",
   color: "var(--text-primary)"
-}, ot = {
+}, ht = {
   color: "var(--text-primary)",
   fontWeight: 600
 };
-function dt(e, t) {
+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 z({ Chart: e, chartData: t, xKey: n, series: a, palette: l, renderSeries: s, width: c, height: i }) {
-  return /* @__PURE__ */ _(e, { data: t, width: c, height: i, children: [
-    /* @__PURE__ */ r(_e, { strokeDasharray: "3 3", stroke: it }),
-    /* @__PURE__ */ r(pe, { dataKey: n, tick: ne }),
-    /* @__PURE__ */ r(be, { tick: ne }),
+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(
-      V,
+      U,
       {
-        contentStyle: ct,
-        labelStyle: ot,
-        labelFormatter: dt,
+        contentStyle: mt,
+        labelStyle: ht,
+        labelFormatter: ft,
         cursor: { fill: "var(--bg-paper)", opacity: 0.3 }
       }
     ),
-    a.length > 1 && /* @__PURE__ */ r(je, {}),
+    a.length > 1 && /* @__PURE__ */ r(qe, {}),
     a.map((u, o) => s(u, l[o % l.length], o))
   ] });
 }
-function ut({ 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 = R(null), { width: o, height: g } = B(u), m = () => {
-    if (o <= 0 || g <= 0) return null;
-    const d = { chartData: i, xKey: s, series: c, palette: t, width: o, height: g };
-    return a === "line" ? /* @__PURE__ */ r(z, { ...d, Chart: He, renderSeries: (h, b) => /* @__PURE__ */ r(
-      ze,
+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,
       {
         type: "monotone",
-        dataKey: h.key,
-        name: h.label,
-        stroke: b,
+        dataKey: _.key,
+        name: _.label,
+        stroke: v,
         strokeWidth: 2,
         dot: i.length <= 31
       },
-      h.key
-    ) }) : a === "area" ? /* @__PURE__ */ r(z, { ...d, Chart: Ge, renderSeries: (h, b) => /* @__PURE__ */ r(
-      Ye,
+      _.key
+    ) }) : a === "area" ? /* @__PURE__ */ r(Y, { ...h, Chart: Ke, renderSeries: (_, v) => /* @__PURE__ */ r(
+      Ue,
       {
         type: "monotone",
-        dataKey: h.key,
-        name: h.label,
-        fill: b,
-        stroke: b,
+        dataKey: _.key,
+        name: _.label,
+        fill: v,
+        stroke: v,
         fillOpacity: 0.3
       },
-      h.key
-    ) }) : /* @__PURE__ */ r(z, { ...d, Chart: fe, renderSeries: (h, b) => /* @__PURE__ */ r(
-      j,
+      _.key
+    ) }) : /* @__PURE__ */ r(Y, { ...h, Chart: pe, renderSeries: (_, v) => /* @__PURE__ */ r(
+      K,
       {
-        dataKey: h.key,
-        name: h.label,
-        fill: b,
+        dataKey: _.key,
+        name: _.label,
+        fill: v,
         radius: [3, 3, 0, 0]
       },
-      h.key
+      _.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" }) : m() }) });
+  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() }) });
 }
-const ae = { fontSize: 10, fill: "var(--text-muted)" }, mt = "var(--bg-elevated)", ht = { fill: "var(--bg-paper)", opacity: 0.3 };
-function gt(e) {
+const le = { fontSize: 10, fill: "var(--text-muted)" }, _t = "var(--bg-elevated)", pt = { fill: "var(--bg-paper)", opacity: 0.3 };
+function bt(e) {
   return e.kind === "anchor" ? "var(--color-accent)" : e.kind === "residual" ? "var(--color-warning)" : e.value < 0 ? "var(--color-error)" : "var(--color-success)";
 }
-function le({ active: e, payload: t }) {
+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__ */ _("div", { className: "widget-composition__tooltip", children: [
+  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 })
   ] }) : null;
 }
-function ft({ 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 = R(null), { width: u, height: o } = B(i), g = () => /* @__PURE__ */ _(fe, { data: s, width: u, height: o, children: [
-    /* @__PURE__ */ r(_e, { strokeDasharray: "3 3", stroke: mt }),
-    /* @__PURE__ */ r(pe, { dataKey: "label", tick: ae, interval: 0 }),
-    /* @__PURE__ */ r(be, { tick: ae, tickFormatter: (d) => de(d, c) }),
-    /* @__PURE__ */ r(V, { content: /* @__PURE__ */ r(le, {}), cursor: ht }),
-    /* @__PURE__ */ r(j, { dataKey: "base", stackId: "bridge", fill: "none", fillOpacity: 0, isAnimationActive: !1 }),
-    /* @__PURE__ */ r(j, { dataKey: "span", stackId: "bridge", radius: [3, 3, 0, 0], children: s.map((d, h) => /* @__PURE__ */ r(te, { fill: gt(d) }, h)) })
-  ] }), m = () => /* @__PURE__ */ _(Ve, { width: u, height: o, children: [
+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(
-      Ke,
+      Be,
       {
         data: s,
         dataKey: "value",
@@ -345,33 +362,33 @@ function ft({ data: e, palette: t, label: n }) {
         cx: "50%",
         cy: "50%",
         outerRadius: "75%",
-        label: ({ name: d, percent: h }) => `${d}: ${(h * 100).toFixed(0)}%`,
+        label: ({ name: h, percent: _ }) => `${h}: ${(_ * 100).toFixed(0)}%`,
         labelLine: !1,
-        children: s.map((d, h) => /* @__PURE__ */ r(te, { fill: t[h % t.length] }, h))
+        children: s.map((h, _) => /* @__PURE__ */ r(re, { fill: t[_ % t.length] }, _))
       }
     ),
-    /* @__PURE__ */ r(V, { content: /* @__PURE__ */ r(le, {}) })
+    /* @__PURE__ */ r(U, { content: /* @__PURE__ */ r(se, {}) })
   ] });
-  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" ? g() : m() }) });
+  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() }) });
 }
-function _t(e, t) {
+function wt(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 pt(e, t, n, a) {
+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 bt({ data: e, label: t }) {
-  var d;
-  const n = e.columns || [], a = e.rows || [], l = e.overflow === "clip", s = e.indexColumn === !0, c = t || String(e.label || ""), i = R(null), u = R(null), o = R(null), { height: g } = B(i), m = l ? a.slice(0, pt(
+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,
-    g,
+    m,
     u.current,
-    ((d = o.current) == null ? void 0 : d.firstElementChild) ?? null
+    ((h = o.current) == null ? void 0 : h.firstElementChild) ?? null
   )) : a;
   return n.length === 0 ? /* @__PURE__ */ r(
     I,
@@ -386,50 +403,95 @@ function bt({ data: e, label: t }) {
     {
       ref: i,
       className: `widget-table__scroll${l ? " widget-table__scroll--clip" : ""}`,
-      children: /* @__PURE__ */ _(
+      children: /* @__PURE__ */ p(
         "table",
         {
-          className: `widget-table__table${l && m.length < a.length ? "" : " widget-table__table--fill"}`,
+          className: `widget-table__table${l && d.length < a.length ? "" : " widget-table__table--fill"}`,
           children: [
-            /* @__PURE__ */ r("thead", { ref: u, children: /* @__PURE__ */ _("tr", { 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((h) => /* @__PURE__ */ r(
+              n.map((_) => /* @__PURE__ */ r(
                 "th",
                 {
-                  className: `widget-table__th${Z(h.format) ? " widget-table__th--num" : ""}`,
-                  children: h.label || h.key
+                  className: `widget-table__th${J(_.format) ? " widget-table__th--num" : ""}`,
+                  children: _.label || _.key
                 },
-                h.key
+                _.key
               ))
             ] }) }),
-            /* @__PURE__ */ r("tbody", { ref: o, children: m.length === 0 ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r("tbody", { ref: o, children: d.length === 0 ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
               "td",
               {
                 className: "widget-table__td widget-table__td--placeholder",
                 colSpan: n.length + (s ? 1 : 0),
                 children: "Sem dados"
               }
-            ) }) : m.map((h, b) => /* @__PURE__ */ _("tr", { children: [
-              s && /* @__PURE__ */ r("td", { className: "widget-table__td widget-table__td--index", children: b + 1 }),
+            ) }) : 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 C = h[S.key], v = Z(S.format) ? " widget-table__td--num" : "";
-                return /* @__PURE__ */ r("td", { className: `widget-table__td${v}${_t(C, S.format)}`, children: Y(C, S.format) }, S.key);
+                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);
               })
-            ] }, b)) })
+            ] }, v)) })
           ]
         }
       )
     }
   ) });
 }
-function Ne({ mode: e, value: t, dateBounds: n, onChange: a }) {
-  return e === "yearly" ? /* @__PURE__ */ r(wt, { value: t, dateBounds: n, onChange: a }) : e === "monthly" ? /* @__PURE__ */ r(Nt, { value: t, dateBounds: n, onChange: a }) : e === "weekly" ? /* @__PURE__ */ r(yt, { value: t, dateBounds: n, onChange: a }) : /* @__PURE__ */ r(vt, { value: t, dateBounds: n, onChange: a });
+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,
+    {
+      value: t,
+      dateBounds: n,
+      unit: a,
+      onChange: l
+    }
+  ) : /* @__PURE__ */ r(kt, { value: t, dateBounds: n, onChange: l });
+}
+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}`);
+  };
+  return /* @__PURE__ */ p("div", { className: "widget-filter__date-range widget-filter__date-range--period", children: [
+    /* @__PURE__ */ p(
+      "select",
+      {
+        className: "widget-filter__select",
+        "aria-label": "Período inicial",
+        value: i(l),
+        onChange: (o) => u("start", o.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))
+        ]
+      }
+    ),
+    /* @__PURE__ */ p(
+      "select",
+      {
+        className: "widget-filter__select",
+        "aria-label": "Período final",
+        value: i(s),
+        onChange: (o) => u("end", o.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))
+        ]
+      }
+    )
+  ] });
 }
-function vt({ value: e, dateBounds: t, onChange: n }) {
+function kt({ value: e, dateBounds: t, onChange: n }) {
   const [a, l] = e ? e.split("|") : ["", ""];
-  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--stacked", children: [
+  return /* @__PURE__ */ p("div", { className: "widget-filter__date-range widget-filter__date-range--stacked", children: [
     /* @__PURE__ */ r(
-      J,
+      ee,
       {
         value: a,
         minIso: t == null ? void 0 : t.min,
@@ -442,7 +504,7 @@ function vt({ value: e, dateBounds: t, onChange: n }) {
       }
     ),
     /* @__PURE__ */ r(
-      J,
+      ee,
       {
         value: l,
         minIso: a || (t == null ? void 0 : t.min),
@@ -456,10 +518,10 @@ function vt({ value: e, dateBounds: t, onChange: n }) {
     )
   ] });
 }
-function wt({ value: e, dateBounds: t, onChange: n }) {
-  const [a] = e ? e.split("|") : [""], l = Ce(a), s = /* @__PURE__ */ new Date(), c = (l == null ? void 0 : l.year) ?? s.getFullYear(), i = U(t), u = (o) => {
-    const g = Ae(o);
-    n(`${g.start}|${g.end}`);
+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}`);
   };
   return /* @__PURE__ */ r("div", { className: "widget-filter__date-range widget-filter__date-range--year", children: /* @__PURE__ */ r(
     "select",
@@ -471,19 +533,19 @@ function wt({ value: e, dateBounds: t, onChange: n }) {
     }
   ) });
 }
-function Nt({ value: e, dateBounds: t, onChange: n }) {
-  const [a] = e ? e.split("|") : [""], l = ue(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 = U(t), o = (g, m) => {
-    const d = $e(g, m);
-    n(`${d.start}|${d.end}`);
+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}`);
   };
-  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
+  return /* @__PURE__ */ p("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
     /* @__PURE__ */ r(
       "select",
       {
         className: "widget-filter__select",
         value: i,
-        onChange: (g) => o(c, parseInt(g.target.value)),
-        children: me.map((g, m) => /* @__PURE__ */ r("option", { value: m + 1, children: g }, m + 1))
+        onChange: (m) => o(c, parseInt(m.target.value)),
+        children: fe.map((m, d) => /* @__PURE__ */ r("option", { value: d + 1, children: m }, d + 1))
       }
     ),
     /* @__PURE__ */ r(
@@ -491,25 +553,25 @@ function Nt({ value: e, dateBounds: t, onChange: n }) {
       {
         className: "widget-filter__select",
         value: c,
-        onChange: (g) => o(parseInt(g.target.value), i),
-        children: u.map((g) => /* @__PURE__ */ r("option", { value: g, children: g }, g))
+        onChange: (m) => o(parseInt(m.target.value), i),
+        children: u.map((m) => /* @__PURE__ */ r("option", { value: m, children: m }, m))
       }
     )
   ] });
 }
-function yt({ value: e, dateBounds: t, onChange: n }) {
-  const [a] = e ? e.split("|") : [""], l = ue(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 = U(t), o = H(c, i), g = Re(a, c, i) || 1;
-  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--week", children: [
+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(
       "select",
       {
         className: "widget-filter__select",
         value: c,
-        onChange: (m) => {
-          const d = parseInt(m.target.value), b = H(d, i)[0];
-          b && n(`${b.start}|${b.end}`);
+        onChange: (d) => {
+          const h = parseInt(d.target.value), v = G(h, i)[0];
+          v && n(`${v.start}|${v.end}`);
         },
-        children: u.map((m) => /* @__PURE__ */ r("option", { value: m, children: m }, m))
+        children: u.map((d) => /* @__PURE__ */ r("option", { value: d, children: d }, d))
       }
     ),
     /* @__PURE__ */ r(
@@ -517,33 +579,33 @@ function yt({ value: e, dateBounds: t, onChange: n }) {
       {
         className: "widget-filter__select",
         value: i,
-        onChange: (m) => {
-          const d = parseInt(m.target.value), b = H(c, d)[0];
-          b && n(`${b.start}|${b.end}`);
+        onChange: (d) => {
+          const h = parseInt(d.target.value), v = G(c, h)[0];
+          v && n(`${v.start}|${v.end}`);
         },
-        children: me.map((m, d) => /* @__PURE__ */ r("option", { value: d + 1, children: m }, d + 1))
+        children: fe.map((d, h) => /* @__PURE__ */ r("option", { value: h + 1, children: d }, h + 1))
       }
     ),
     /* @__PURE__ */ r(
       "select",
       {
         className: "widget-filter__select",
-        value: g,
-        onChange: (m) => {
-          const d = o[parseInt(m.target.value) - 1];
-          d && n(`${d.start}|${d.end}`);
+        value: m,
+        onChange: (d) => {
+          const h = o[parseInt(d.target.value) - 1];
+          h && n(`${h.start}|${h.end}`);
         },
-        children: o.map((m) => /* @__PURE__ */ r("option", { value: m.index, children: m.label }, m.index))
+        children: o.map((d) => /* @__PURE__ */ r("option", { value: d.index, children: d.label }, d.index))
       }
     )
   ] });
 }
-function St({ config: e, value: t, options: n = [], dateBounds: a, onChange: l }) {
+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__ */ _("div", { className: "widget-filter", children: [
+  return /* @__PURE__ */ p("div", { className: "widget-filter", children: [
     /* @__PURE__ */ r("label", { className: "widget-filter__label", children: c }),
     s === "date_range" ? /* @__PURE__ */ r(
-      Ne,
+      ke,
       {
         mode: i,
         value: t,
@@ -551,7 +613,7 @@ function St({ config: e, value: t, options: n = [], dateBounds: a, onChange: l }
         onChange: l
       }
     ) : /* @__PURE__ */ r(
-      kt,
+      xt,
       {
         value: t,
         options: n,
@@ -562,10 +624,10 @@ function St({ config: e, value: t, options: n = [], dateBounds: a, onChange: l }
     )
   ] });
 }
-function kt({ value: e, options: t, multi: n, searchable: a, onChange: l }) {
+function xt({ value: e, options: t, multi: n, searchable: a, onChange: l }) {
   if (a)
     return /* @__PURE__ */ r(
-      he,
+      ge,
       {
         value: e,
         options: t,
@@ -574,11 +636,11 @@ function kt({ value: e, options: t, multi: n, searchable: a, onChange: l }) {
       }
     );
   if (n) {
-    const s = e ? e.split(G) : [], c = (i) => {
+    const s = e ? e.split(V) : [], c = (i) => {
       const u = s.includes(i) ? s.filter((o) => o !== i) : [...s, i];
-      l(u.join(G));
+      l(u.join(V));
     };
-    return /* @__PURE__ */ _("div", { className: "widget-filter__multi", children: [
+    return /* @__PURE__ */ p("div", { className: "widget-filter__multi", children: [
       s.length > 0 && /* @__PURE__ */ r(
         "button",
         {
@@ -588,7 +650,7 @@ function kt({ value: e, options: t, multi: n, searchable: a, onChange: l }) {
           children: "Limpar filtro"
         }
       ),
-      t.map((i) => /* @__PURE__ */ _("label", { className: "widget-filter__multi-option", children: [
+      t.map((i) => /* @__PURE__ */ p("label", { className: "widget-filter__multi-option", children: [
         /* @__PURE__ */ r(
           "input",
           {
@@ -601,7 +663,7 @@ function kt({ value: e, options: t, multi: n, searchable: a, onChange: l }) {
       ] }, i))
     ] });
   }
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ p(
     "select",
     {
       className: "widget-filter__select",
@@ -614,15 +676,15 @@ function kt({ value: e, options: t, multi: n, searchable: a, onChange: l }) {
     }
   );
 }
-const Ct = {
+const Ft = {
   currency: "R$",
   percentage: "%"
 };
-function Rt({ config: e, value: t, onChange: n }) {
-  const a = e.label || "Variavel", l = e.locked || !1, s = e.variableFormat || "number", c = Ct[s] || "";
-  return /* @__PURE__ */ _("div", { className: `widget-variable ${l ? "widget-variable--locked" : ""}`, children: [
+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__ */ _("div", { className: "widget-variable__input-wrapper", children: [
+    /* @__PURE__ */ p("div", { className: "widget-variable__input-wrapper", children: [
       /* @__PURE__ */ r(
         "input",
         {
@@ -639,18 +701,18 @@ function Rt({ config: e, value: t, onChange: n }) {
     l && /* @__PURE__ */ r("span", { className: "widget-variable__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
 }
-function $t({ config: e, palette: t, onChange: n }) {
+function Tt({ config: e, palette: t, onChange: n }) {
   const a = e.label || "Cores", l = e.locked || !1;
-  return /* @__PURE__ */ _("div", { className: `widget-palette ${l ? "widget-palette--locked" : ""}`, children: [
+  return /* @__PURE__ */ p("div", { className: `widget-palette ${l ? "widget-palette--locked" : ""}`, children: [
     /* @__PURE__ */ r("label", { className: "widget-palette__label", children: a }),
-    /* @__PURE__ */ r(xe, { selected: t, onSelect: n, customMode: !0, disabled: l }),
+    /* @__PURE__ */ r(Ee, { selected: t, onSelect: n, customMode: !0, disabled: l }),
     l && /* @__PURE__ */ r("span", { className: "widget-palette__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
 }
-const At = {
+const Et = {
   failed_to_compute: "Não foi possível calcular este widget"
 };
-function xt({
+function Lt({
   type: e,
   computed: t,
   palette: n,
@@ -661,7 +723,7 @@ function xt({
   onFilterChange: i,
   variableValue: u,
   onVariableChange: o,
-  onPaletteChange: g
+  onPaletteChange: m
 }) {
   if (t.error)
     return /* @__PURE__ */ r(
@@ -670,24 +732,24 @@ function xt({
         name: e.replace("_", "-"),
         title: a == null ? void 0 : a.label,
         state: "error",
-        stateMessage: At[String(t.error)]
+        stateMessage: Et[String(t.error)]
       }
     );
-  const m = Fe(n);
+  const d = Le(n);
   switch (e) {
     case "kpi_card":
-      return /* @__PURE__ */ r(nt, { data: t, label: a == null ? void 0 : a.label });
+      return /* @__PURE__ */ r(it, { data: t, label: a == null ? void 0 : a.label });
     case "gauge":
-      return /* @__PURE__ */ r(st, { data: t, palette: m, label: a == null ? void 0 : a.label });
+      return /* @__PURE__ */ r(dt, { data: t, palette: d, label: a == null ? void 0 : a.label });
     case "chart":
-      return /* @__PURE__ */ r(ut, { data: t, palette: m, label: a == null ? void 0 : a.label });
+      return /* @__PURE__ */ r(gt, { data: t, palette: d, label: a == null ? void 0 : a.label });
     case "composition":
-      return /* @__PURE__ */ r(ft, { data: t, palette: m, label: a == null ? void 0 : a.label });
+      return /* @__PURE__ */ r(vt, { data: t, palette: d, label: a == null ? void 0 : a.label });
     case "table":
-      return /* @__PURE__ */ r(bt, { data: t, label: a == null ? void 0 : a.label });
+      return /* @__PURE__ */ r(Nt, { data: t, label: a == null ? void 0 : a.label });
     case "filter":
       return a && i ? /* @__PURE__ */ r(
-        St,
+        At,
         {
           config: a,
           value: l || "",
@@ -697,33 +759,33 @@ function xt({
         }
       ) : null;
     case "variable": {
-      const d = a;
-      return d && o ? /* @__PURE__ */ r(
-        Rt,
+      const h = a;
+      return h && o ? /* @__PURE__ */ r(
+        Mt,
         {
-          config: d,
-          value: u ?? d.variableValue ?? 0,
+          config: h,
+          value: u ?? h.variableValue ?? 0,
           onChange: o
         }
       ) : null;
     }
     case "color_palette":
-      return a && g ? /* @__PURE__ */ r(
-        $t,
+      return a && m ? /* @__PURE__ */ r(
+        Tt,
         {
           config: a,
           palette: n,
-          onChange: g
+          onChange: m
         }
       ) : null;
     default:
       return /* @__PURE__ */ r(I, { name: "unknown", state: "unconfigured" });
   }
 }
-const Ft = (e, t) => e.grid.y - t.grid.y || e.grid.x - t.grid.x;
-function Ut({
+const Ot = (e, t) => e.grid.y - t.grid.y || e.grid.x - t.grid.x;
+function tr({
   token: e,
-  cellAspect: t = Ie,
+  cellAspect: t = We,
   stackBelow: n,
   onGeometryChange: a,
   silenceWarnings: l,
@@ -734,125 +796,132 @@ function Ut({
     renderData: i,
     loading: u,
     error: o,
-    filters: g,
-    variables: m,
-    palette: d,
-    setFilter: h,
-    setVariable: b,
+    filters: m,
+    variables: d,
+    palette: h,
+    setFilter: _,
+    setVariable: v,
     setPalette: S
-  } = Xe(e), { rootRef: C, gridRef: v, stacked: N } = Je({
+  } = Ze(e), { rootRef: R, gridRef: A, stacked: N } = nt({
     columns: (c == null ? void 0 : c.gridColumns) ?? 0,
     cellAspect: t,
     stackBelow: n,
     onGeometryChange: a,
     silenceWarnings: l
-  }), M = oe(() => {
-    const p = (c == null ? void 0 : c.widgets) ?? [];
-    return N ? [...p].sort(Ft) : p;
-  }, [c == null ? void 0 : c.widgets, N]), $ = {
-    "--dash-gap": `${ee}px`,
-    "--dash-pad": `${Le}px`
-  }, k = ["preview-tab", s].filter(Boolean).join(" ");
-  let f;
+  }), 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)
-    f = /* @__PURE__ */ r("div", { className: "preview-tab__error", children: o });
+    x = /* @__PURE__ */ r("div", { className: "preview-tab__error", children: o });
   else if (!c)
-    f = /* @__PURE__ */ r("div", { className: "preview-tab__loading", children: "Carregando dashboard..." });
+    x = /* @__PURE__ */ r("div", { className: "preview-tab__loading", children: "Carregando dashboard..." });
   else if (c.widgets.length === 0)
-    f = /* @__PURE__ */ r("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." });
+    x = /* @__PURE__ */ r("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." });
   else {
-    const p = (i == null ? void 0 : i.widgets) ?? {}, y = (i == null ? void 0 : i.date_bounds) ?? null, x = {
+    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,
-      ...ge(d)
-    }, O = ["preview-tab__grid", N && "preview-tab__grid--stacked"].filter(Boolean).join(" ");
-    f = /* @__PURE__ */ _(ce, { children: [
+      ..._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: O, style: x, ref: v, children: M.map((w) => {
-        const T = Me.has(w.type), E = p[w.id], P = N ? {
+      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 ? {
           gridColumn: 1,
-          aspectRatio: `${Ee(w.grid.w, w.grid.h, t)}`,
-          minHeight: `${Te(w.grid.h, Oe, ee, 0)}px`
+          aspectRatio: `${Pe(b.grid.w, b.grid.h, t)}`,
+          minHeight: `${Ie(b.grid.h, ze, te, 0)}px`
         } : {
-          gridColumn: `${w.grid.x + 1} / span ${w.grid.w}`,
-          gridRow: `${w.grid.y + 1} / span ${w.grid.h}`
-        }, L = w.type === "variable" ? m[w.id] ?? (E == null ? void 0 : E.value) ?? w.config.variableValue ?? 0 : void 0;
+          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(
           "div",
           {
-            className: `preview-tab__widget ${T ? "preview-tab__widget--control" : ""}`,
+            className: `preview-tab__widget ${w ? "preview-tab__widget--control" : ""}`,
             style: P,
-            children: T || E ? /* @__PURE__ */ r(
-              xt,
+            children: w || L ? /* @__PURE__ */ r(
+              Lt,
               {
-                type: w.type,
-                computed: E || {},
-                palette: d,
-                config: w.config,
-                filterValue: g[w.id] || "",
+                type: b.type,
+                computed: L || {},
+                palette: h,
+                config: b.config,
+                filterValue: m[b.id] || "",
                 filterOptions: (
                   // Estruturais: vem do /layout (cacheavel), nao do /render —
                   // recalcula-los a cada render custaria um DISTINCT por filtro.
-                  w.type === "filter" ? w.config.availableValues ?? [] : []
+                  b.type === "filter" ? b.config.availableValues ?? [] : []
                 ),
-                dateBounds: y,
-                onFilterChange: (D) => h(w.id, D),
-                variableValue: L,
-                onVariableChange: (D) => b(w.id, D),
+                dateBounds: g,
+                onFilterChange: (j) => _(b.id, j),
+                variableValue: O,
+                onVariableChange: (j) => v(b.id, j),
                 onPaletteChange: S
               }
             ) : /* @__PURE__ */ r("div", { className: "preview-tab__widget-loading", children: u ? "Carregando..." : "Sem dados" })
           },
-          w.id
+          b.id
         );
       }) }),
       u && i && /* @__PURE__ */ r("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
     ] });
   }
-  return /* @__PURE__ */ r("div", { className: k, style: $, ref: C, children: f });
+  return /* @__PURE__ */ r("div", { className: F, style: k, ref: R, children: x });
 }
-function Mt(e, t) {
+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);
 }
-const Tt = 768, Et = 879;
-function Lt(e) {
+const Pt = 768, Dt = 879;
+function Wt(e) {
   return Array.from(e.normalize("NFD")).filter((t) => {
     const n = t.codePointAt(0) ?? 0;
-    return n < Tt || n > Et;
+    return n < Pt || n > Dt;
   }).join("");
 }
-function It(e, t) {
-  return `${Lt(e).replace(/[^a-zA-Z0-9]+/g, "-").replace(/^-+|-+$/g, "").toLowerCase() || "documento"}.${t}`;
+function zt(e, t) {
+  return `${Wt(e).replace(/[^a-zA-Z0-9]+/g, "-").replace(/^-+|-+$/g, "").toLowerCase() || "documento"}.${t}`;
 }
-const Ot = 300;
-function Pt(e) {
-  const [t, n] = A(null), [a, l] = A(null), [s, c] = A({}), [i, u] = A(!0), [o, g] = A(null), [m, d] = A(!1), h = R(), b = R(!1);
-  W(() => {
-    let v = !1;
-    return Pe(e).then((N) => {
-      v || n(N);
-    }).catch((N) => {
-      v || g(N.message);
+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);
     }), () => {
-      v = !0;
+      y = !0;
+    };
+  }, [e]), D(() => {
+    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);
     };
-  }, [e]), W(() => {
-    if (t)
-      return h.current && clearTimeout(h.current), h.current = setTimeout(() => {
-        u(!0), We(e, K(s)).then((v) => {
-          l(v), !b.current && v.applied && (b.current = !0, c((N) => ({ ...ve(v.applied), ...N }))), g(null);
-        }).catch((v) => g(v.message)).finally(() => u(!1));
-      }, Ot), () => {
-        h.current && clearTimeout(h.current);
-      };
   }, [e, t, s]);
-  const S = F((v, N) => {
-    c((M) => ({ ...M, [v]: N }));
-  }, []), C = F(() => {
-    d(!0), De(e, K(s)).then((v) => {
-      Mt(v, It((t == null ? void 0 : t.name) ?? "demonstrativo", "pdf")), g(null);
-    }).catch((v) => g(v.message)).finally(() => d(!1));
+  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]);
   return {
     layout: t,
@@ -860,85 +929,125 @@ function Pt(e) {
     loading: i,
     error: o,
     filters: s,
-    setFilter: S,
-    downloadPdf: C,
-    downloading: m
+    setFilter: A,
+    downloadPdf: N,
+    downloading: d
   };
 }
-const Wt = 8, Dt = 14;
-function se(e) {
-  return { paddingLeft: `${Wt + e * Dt}px` };
+const Gt = 8, Yt = 14;
+function ie(e) {
+  return { paddingLeft: `${Gt + e * Yt}px` };
 }
-function Ht(e) {
+function Vt(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 ie(e) {
+function oe(e) {
   return e == null || e === 0 ? "stmt__number" : `stmt__number stmt__number--${e > 0 ? "pos" : "neg"}`;
 }
-function zt({ definition: e, value: t, options: n, bounds: a, onChange: l }) {
+const Kt = {
+  day: "day",
+  week: "week",
+  month: "month",
+  quarter: "month",
+  year: "year",
+  total: "month"
+};
+function Ut({ definition: e, value: t, options: n, bounds: a, rangeUnit: l, onChange: s }) {
   if (e.type === "date_range") {
-    const s = e.dateFilterMode ?? "range";
-    return /* @__PURE__ */ _("div", { className: `stmt__filter stmt__filter--date stmt__filter--${s}`, children: [
+    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(
-        Ne,
+        ke,
         {
-          mode: s,
+          mode: c,
           value: t,
           dateBounds: a,
-          onChange: l
+          rangeUnit: l,
+          onChange: s
         }
       )
     ] });
   }
-  return /* @__PURE__ */ _("div", { className: "stmt__filter", children: [
+  return /* @__PURE__ */ p("div", { className: "stmt__filter", children: [
     /* @__PURE__ */ r("span", { className: "stmt__filter-label", children: e.label }),
     /* @__PURE__ */ r(
-      he,
+      ge,
       {
         value: t,
         options: n,
         multi: e.type === "multi_select",
-        onChange: l
+        onChange: s
       }
     )
   ] });
 }
-function Gt({ line: e, columnCount: t, showTotal: n, showVertical: a, showHorizontal: l }) {
+const qt = 13, ce = {
+  day: ["dia", "dias"],
+  week: ["semana", "semanas"],
+  month: ["mês", "meses"],
+  quarter: ["trimestre", "trimestres"],
+  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 Bt({
+  line: e,
+  columnCount: t,
+  showTotal: n,
+  showVertical: a,
+  showHorizontal: l,
+  comparisonLabel: s
+}) {
   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__ */ _("tr", { className: "stmt__row stmt__row--header", children: [
-      /* @__PURE__ */ r("th", { scope: "row", style: se(e.style.indent), children: e.label }),
+    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 })
     ] });
-  const s = [
+  const c = [
     "stmt__row",
     `stmt__row--${e.type}`,
     e.style.bold && "stmt__row--bold"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("tr", { className: s, children: [
-    /* @__PURE__ */ r("th", { scope: "row", style: se(e.style.indent), children: e.label }),
-    e.formatted.map((c, i) => {
-      const u = e.horizontalAnalysis[i];
-      return /* @__PURE__ */ _("td", { className: "stmt__value", children: [
-        /* @__PURE__ */ r("span", { className: ie(e.values[i]), children: c }),
-        a && e.verticalAnalysis[i] != null && /* @__PURE__ */ r("span", { className: "stmt__aux", title: "Análise vertical", children: Y(e.verticalAnalysis[i], "percentage") }),
-        l && u != null && /* @__PURE__ */ r(
+  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(
           "span",
           {
-            className: `stmt__aux stmt__aux--${u < 0 ? "down" : "up"}`,
+            className: `stmt__aux stmt__aux--${o < 0 ? "down" : "up"}`,
             title: "Variação sobre o período anterior",
-            children: Y(u, "percentage")
+            children: z(o, "percentage")
+          }
+        ),
+        s && m != null && /* @__PURE__ */ p(
+          "span",
+          {
+            className: `stmt__aux stmt__aux--${m < 0 ? "down" : "up"}`,
+            title: s,
+            children: [
+              "vs ",
+              z(m, "percentage")
+            ]
           }
         )
-      ] }, i);
+      ] }, u);
     }),
-    n && /* @__PURE__ */ r("td", { className: "stmt__value stmt__value--total", children: /* @__PURE__ */ r("span", { className: ie(e.total), children: e.totalFormatted ?? "-" }) })
+    n && /* @__PURE__ */ r("td", { className: "stmt__value stmt__value--total", children: /* @__PURE__ */ r("span", { className: oe(e.total), children: e.totalFormatted ?? "-" }) })
   ] });
 }
-function Xt({ token: e, palette: t, showDownload: n = !0, className: a }) {
+function rr({ token: e, palette: t, showDownload: n = !0, className: a }) {
   const {
     layout: l,
     renderData: s,
@@ -946,84 +1055,103 @@ function Xt({ token: e, palette: t, showDownload: n = !0, className: a }) {
     error: i,
     filters: u,
     setFilter: o,
-    downloadPdf: g,
-    downloading: m
-  } = Pt(e), d = ["stmt", a].filter(Boolean).join(" "), h = {
-    ...ge(t),
-    ...Ht(l == null ? void 0 : l.colors)
+    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 b;
+  let R;
   if (i && !l)
-    b = /* @__PURE__ */ r("div", { className: "stmt__error", children: i });
+    R = /* @__PURE__ */ r("div", { className: "stmt__error", children: i });
   else if (!l)
-    b = /* @__PURE__ */ r("div", { className: "stmt__state", children: "Carregando demonstrativo..." });
+    R = /* @__PURE__ */ r("div", { className: "stmt__state", children: "Carregando demonstrativo..." });
   else {
-    const S = (s == null ? void 0 : s.dateBounds) ?? l.dateBounds, C = l.periods.showTotal, v = (s == null ? void 0 : s.columns) ?? [], N = (s == null ? void 0 : s.lines) ?? [], M = 1 + v.length + (C ? 1 : 0), $ = N.some((f) => f.verticalAnalysis.length > 0), k = N.some((f) => f.horizontalAnalysis.length > 0);
-    b = /* @__PURE__ */ _(ce, { children: [
-      /* @__PURE__ */ _("div", { className: "stmt__toolbar", children: [
-        l.filters.map((f) => /* @__PURE__ */ r(
-          zt,
+    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: f,
-            value: u[f.id] ?? "",
-            options: l.filterOptions[f.id] ?? [],
-            bounds: S,
-            onChange: (p) => o(f.id, p)
+            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)
           },
-          f.id
+          w.id
         )),
-        /* @__PURE__ */ _("div", { className: "stmt__toolbar-end", children: [
-          /* @__PURE__ */ _("span", { className: "stmt__bounds", children: [
+        /* @__PURE__ */ p("div", { className: "stmt__toolbar-end", children: [
+          /* @__PURE__ */ p("span", { className: "stmt__bounds", children: [
             "Base: ",
-            S.min,
+            A.min,
             " a ",
-            S.max
+            A.max
           ] }),
           n && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               className: "stmt__download",
-              onClick: g,
-              disabled: m || !s,
+              onClick: () => {
+                if (b > 0 && !h) {
+                  _(!0);
+                  return;
+                }
+                _(!1), m();
+              },
+              disabled: d || !s,
               title: "Baixar o documento em PDF",
-              children: m ? "Gerando..." : "Baixar PDF"
+              children: d ? "Gerando..." : "Baixar PDF"
             }
           )
         ] })
       ] }),
       i && /* @__PURE__ */ r("div", { className: "stmt__error", children: i }),
-      (s == null ? void 0 : s.truncated) && /* @__PURE__ */ _("div", { className: "stmt__warning", children: [
+      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 ",
-        v.length,
+        y.length,
         ". Escolha um período menor ou uma coluna mais larga."
       ] }),
-      s ? v.length === 0 ? /* @__PURE__ */ r("div", { className: "stmt__state", children: "Nenhum período na janela selecionada." }) : N.length === 0 ? /* @__PURE__ */ r("div", { className: "stmt__state", children: "Este demonstrativo não possui linhas." }) : /* @__PURE__ */ r("div", { className: "stmt__scroll", children: /* @__PURE__ */ _("table", { className: "stmt__table", children: [
-        /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ _("tr", { children: [
+      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 }),
-          v.map((f) => /* @__PURE__ */ r("th", { scope: "col", title: `${f.start} a ${f.end}`, children: f.label }, f.key)),
-          C && /* @__PURE__ */ r("th", { scope: "col", className: "stmt__total-head", children: l.periods.totalLabel })
+          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 })
         ] }) }),
-        /* @__PURE__ */ r("tbody", { children: N.map((f) => /* @__PURE__ */ r(
-          Gt,
+        /* @__PURE__ */ r("tbody", { children: k.map((w) => /* @__PURE__ */ r(
+          Bt,
           {
-            line: f,
-            columnCount: M,
-            showTotal: C,
-            showVertical: $,
-            showHorizontal: k
+            line: w,
+            columnCount: F,
+            showTotal: N,
+            showVertical: x,
+            showHorizontal: f,
+            comparisonLabel: C
           },
-          f.id
+          w.id
         )) })
       ] }) }) : /* @__PURE__ */ r("div", { className: "stmt__state", children: "Calculando..." }),
       c && s && /* @__PURE__ */ r("div", { className: "stmt__recalculating", children: "Atualizando..." })
     ] });
   }
-  return /* @__PURE__ */ r("div", { className: d, style: h, children: b });
+  return /* @__PURE__ */ r("div", { className: v, style: S, children: R });
 }
 export {
-  Qt as ApiError,
-  Ut as Dashboard,
-  Xt as Statement
+  lr as ApiError,
+  tr as Dashboard,
+  rr as Statement
 };
 //# sourceMappingURL=index.js.map