@actionexec/dashboards 0.16.0 → 0.16.2

package/dist/index.js

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