@actionexec/dashboards 0.19.0 → 0.19.1

package/dist/index.js

@@ -1,8 +1,8 @@
-import { jsxs as g, jsx as a, Fragment as V } from "react/jsx-runtime";
-import { useState as T, useRef as R, useEffect as F, useCallback as x, useMemo as O, memo as Oe } from "react";
-import { M as B, f as Fe, a as Ie, c as ae, b as se, d as We, e as be, i as le, g as D, p as ze, h as J, j as ve, k as we, l as Y, m as De, r as He, D as ie, n as Ve, o as je, S as ye, C as Ge, q as Ke, s as Ne, t as Ye, u as Ue, v as Be, G as qe, w as oe, x as Xe, y as Qe, z as Ze, A as Je, B as et } from "./ColorPaletteSelector-nBO_fbbj.js";
-import { E as Wr } from "./ColorPaletteSelector-nBO_fbbj.js";
-import { LineChart as tt, Line as rt, AreaChart as nt, Area as at, BarChart as Se, Bar as q, CartesianGrid as ke, XAxis as Ce, YAxis as Re, Tooltip as X, Legend as st, Cell as ce, PieChart as lt, Pie as it } from "recharts";
+import { jsxs as _, jsx as a, Fragment as V } from "react/jsx-runtime";
+import { useState as E, useRef as R, useEffect as O, useCallback as P, useMemo as F, memo as Fe } from "react";
+import { M as B, f as Oe, a as Ie, c as ae, b as se, d as We, e as be, i as le, g as D, p as ze, h as J, j as ve, k as we, l as Y, m as De, r as He, D as ie, n as Ve, o as je, S as ye, C as Ge, q as Ke, s as Ne, t as Ye, u as Ue, v as Be, G as Xe, w as oe, x as qe, y as Qe, z as Ze, A as Je, B as et } from "./ColorPaletteSelector-nBO_fbbj.js";
+import { E as Vr } from "./ColorPaletteSelector-nBO_fbbj.js";
+import { LineChart as tt, Line as rt, AreaChart as nt, Area as at, BarChart as Se, Bar as X, CartesianGrid as ke, XAxis as Ce, YAxis as Re, Tooltip as q, Legend as st, Cell as ce, PieChart as lt, Pie as it } from "recharts";
 function H(e, t = {}) {
   const n = {};
   for (const [r, s] of Object.entries(e))
@@ -33,58 +33,58 @@ function xe(e) {
 }
 const ot = 300;
 function ct(e) {
-  const [t, n] = T(null), [r, s] = T(null), [l, i] = T({}), [o, m] = T({}), [c, u] = T(null), [d, f] = T(!0), [p, h] = T(null), v = R(), k = R(!1), w = R(null), y = R(!1);
-  F(() => {
-    let b = !1;
-    return k.current = !1, w.current = null, y.current = !1, Fe(e).then((_) => {
-      b || n(_);
-    }).catch((_) => {
-      b || h(_.message);
+  const [t, n] = E(null), [r, s] = E(null), [l, i] = E({}), [o, u] = E({}), [c, d] = E(null), [m, h] = E(!0), [p, v] = E(null), f = R(), N = R(!1), w = R(null), y = R(!1);
+  O(() => {
+    let g = !1;
+    return N.current = !1, w.current = null, y.current = !1, Oe(e).then((b) => {
+      g || n(b);
+    }).catch((b) => {
+      g || v(b.message);
     }), () => {
-      b = !0;
+      g = !0;
     };
-  }, [e]), F(() => {
+  }, [e]), O(() => {
     if (!t) return;
     if (t.widgets.length === 0) {
-      f(!1);
+      h(!1);
       return;
     }
-    const b = H(l, o), _ = j(b);
-    if (_ === w.current) return;
-    v.current && clearTimeout(v.current);
-    const N = y.current ? ot : 0;
-    return v.current = setTimeout(() => {
-      f(!0), Ie(e, b).then((A) => {
-        w.current = _, y.current = !0, s(A), !k.current && A.applied && (k.current = !0, i((M) => {
-          const S = { ...xe(A.applied), ...M };
-          return $e(S, M) ? M : (w.current = j(H(S, o)), S);
-        })), h(null);
-      }).catch((A) => h(A.message)).finally(() => f(!1));
-    }, N), () => {
-      v.current && clearTimeout(v.current);
+    const g = H(l, o), b = j(g);
+    if (b === w.current) return;
+    f.current && clearTimeout(f.current);
+    const S = y.current ? ot : 0;
+    return f.current = setTimeout(() => {
+      h(!0), Ie(e, g).then((x) => {
+        w.current = b, y.current = !0, s(x), !N.current && x.applied && (N.current = !0, i((C) => {
+          const k = { ...xe(x.applied), ...C };
+          return $e(k, C) ? C : (w.current = j(H(k, o)), k);
+        })), v(null);
+      }).catch((x) => v(x.message)).finally(() => h(!1));
+    }, S), () => {
+      f.current && clearTimeout(f.current);
     };
   }, [e, t, l, o]);
-  const C = x((b, _) => {
-    i((N) => ({ ...N, [b]: _ }));
-  }, []), $ = x((b, _) => {
-    m((N) => ({ ...N, [b]: _ }));
-  }, []), P = x((b) => {
-    u(b);
-  }, []), E = O(
+  const T = P((g, b) => {
+    i((S) => ({ ...S, [g]: b }));
+  }, []), A = P((g, b) => {
+    u((S) => ({ ...S, [g]: b }));
+  }, []), M = P((g) => {
+    d(g);
+  }, []), $ = F(
     () => c ?? (t == null ? void 0 : t.palette) ?? [],
     [c, t]
   );
   return {
     layout: t,
     renderData: r,
-    loading: d,
+    loading: m,
     error: p,
     filters: l,
     variables: o,
-    palette: E,
-    setFilter: C,
-    setVariable: $,
-    setPalette: P
+    palette: $,
+    setFilter: T,
+    setVariable: A,
+    setPalette: M
   };
 }
 const dt = (e) => {
@@ -110,64 +110,64 @@ function ht(e) {
 function ft(e) {
   const t = R(e);
   t.current = e;
-  const n = R(null), r = R(null), s = R(null), l = R(null), i = R(null), o = R(0), m = R(0), c = R(!1), u = R(!1), d = R(-1), [f, p] = T(!1), h = x((b) => {
-    const _ = r.current;
-    if (u.current || t.current.silenceWarnings || !_) return;
-    const N = ht(_);
-    !N || N.clientHeight >= b.gridHeight || (u.current = !0, console.warn(
-      `[@actionexec/dashboards] O dashboard esta sendo cortado: o container precisa de ${Math.ceil(b.gridHeight)}px de altura, mas o ancestral com overflow oculto tem ${N.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 = R(null), r = R(null), s = R(null), l = R(null), i = R(null), o = R(0), u = R(0), c = R(!1), d = R(!1), m = R(-1), [h, p] = E(!1), v = P((g) => {
+    const b = r.current;
+    if (d.current || t.current.silenceWarnings || !b) return;
+    const S = ht(b);
+    !S || S.clientHeight >= g.gridHeight || (d.current = !0, console.warn(
+      `[@actionexec/dashboards] O dashboard esta sendo cortado: o container precisa de ${Math.ceil(g.gridHeight)}px de altura, mas o ancestral com overflow oculto tem ${S.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.`
     ));
-  }, []), v = x(() => {
+  }, []), f = P(() => {
     var L, I;
     if (!n.current) return;
-    const { columns: b, cellAspect: _ } = t.current, N = o.current, A = se(N, b), M = {
-      containerWidth: N,
-      cellWidth: A,
-      cellHeight: ae(A, _),
-      gridHeight: m.current,
+    const { columns: g, cellAspect: b } = t.current, S = o.current, x = se(S, g), C = {
+      containerWidth: S,
+      cellWidth: x,
+      cellHeight: ae(x, b),
+      gridHeight: u.current,
       stacked: c.current
-    }, S = i.current;
-    S && S.containerWidth === M.containerWidth && S.cellWidth === M.cellWidth && S.cellHeight === M.cellHeight && S.gridHeight === M.gridHeight && S.stacked === M.stacked || (i.current = M, (I = (L = t.current).onGeometryChange) == null || I.call(L, M), h(M));
-  }, [h]), k = x((b = !1) => {
-    const _ = n.current;
-    if (!_) return;
-    const N = o.current;
-    if (!b && N === d.current) return;
-    d.current = N;
-    const { columns: A, cellAspect: M, stackBelow: S } = t.current, z = se(N, A);
-    _.style.setProperty("--dash-cell-h", `${ae(z, M)}px`);
-    const L = mt(S, A, M), I = L > 0 && N > 0 && N < L;
+    }, k = i.current;
+    k && k.containerWidth === C.containerWidth && k.cellWidth === C.cellWidth && k.cellHeight === C.cellHeight && k.gridHeight === C.gridHeight && k.stacked === C.stacked || (i.current = C, (I = (L = t.current).onGeometryChange) == null || I.call(L, C), v(C));
+  }, [v]), N = P((g = !1) => {
+    const b = n.current;
+    if (!b) return;
+    const S = o.current;
+    if (!g && S === m.current) return;
+    m.current = S;
+    const { columns: x, cellAspect: C, stackBelow: k } = t.current, z = se(S, x);
+    b.style.setProperty("--dash-cell-h", `${ae(z, C)}px`);
+    const L = mt(k, x, C), I = L > 0 && S > 0 && S < L;
     I !== c.current && (c.current = I, p(I));
-  }, []), w = x(() => {
+  }, []), w = P(() => {
     l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
-  }, []), y = x(() => {
+  }, []), y = P(() => {
     l.current === null && (l.current = requestAnimationFrame(() => {
-      l.current = null, k(), v();
+      l.current = null, N(), f();
     }));
-  }, [k, v]), C = x((b) => {
-    for (const _ of b)
-      _.target === n.current ? o.current = Math.round(dt(_)) : _.target === r.current && (m.current = ut(_));
+  }, [N, f]), T = P((g) => {
+    for (const b of g)
+      b.target === n.current ? o.current = Math.round(dt(b)) : b.target === r.current && (u.current = ut(b));
     y();
-  }, [y]), $ = x(() => s.current ? s.current : typeof ResizeObserver > "u" ? null : (s.current = new ResizeObserver(C), s.current), [C]), P = x((b) => {
-    const _ = $();
-    n.current && (_ == null || _.unobserve(n.current)), n.current = b, b && (_ == null || _.observe(b), o.current = Math.round(b.getBoundingClientRect().width), k(!0), y());
-  }, [k, $, y]), E = x((b) => {
-    const _ = $();
-    if (r.current && (_ == null || _.unobserve(r.current)), r.current = b, !b) {
-      m.current = 0;
+  }, [y]), A = P(() => s.current ? s.current : typeof ResizeObserver > "u" ? null : (s.current = new ResizeObserver(T), s.current), [T]), M = P((g) => {
+    const b = A();
+    n.current && (b == null || b.unobserve(n.current)), n.current = g, g && (b == null || b.observe(g), o.current = Math.round(g.getBoundingClientRect().width), N(!0), y());
+  }, [N, A, y]), $ = P((g) => {
+    const b = A();
+    if (r.current && (b == null || b.unobserve(r.current)), r.current = g, !g) {
+      u.current = 0;
       return;
     }
-    _ == null || _.observe(b), m.current = b.getBoundingClientRect().height, y();
-  }, [$, y]);
-  return F(() => {
-    const b = $();
-    return n.current && (b == null || b.observe(n.current)), r.current && (b == null || b.observe(r.current)), () => {
-      var _;
-      (_ = s.current) == null || _.disconnect(), s.current = null, w();
+    b == null || b.observe(g), u.current = g.getBoundingClientRect().height, y();
+  }, [A, y]);
+  return O(() => {
+    const g = A();
+    return n.current && (g == null || g.observe(n.current)), r.current && (g == null || g.observe(r.current)), () => {
+      var b;
+      (b = s.current) == null || b.disconnect(), s.current = null, w();
     };
-  }, [$, w]), F(() => {
-    n.current && (k(!0), y());
-  }, [e.columns, e.cellAspect, e.stackBelow, k, y]), { rootRef: P, gridRef: E, stacked: f };
+  }, [A, w]), O(() => {
+    n.current && (N(!0), y());
+  }, [e.columns, e.cellAspect, e.stackBelow, N, y]), { rootRef: M, gridRef: $, stacked: h };
 }
 const pt = {
   empty: "Sem dados",
@@ -179,7 +179,7 @@ function ee({ kind: e, message: t }) {
   return /* @__PURE__ */ a("div", { className: `widget__state widget__state--${e}`, role: e === "error" ? "alert" : void 0, children: t || pt[e] });
 }
 function W({ name: e, title: t, state: n, stateMessage: r, toolbar: s, children: l }) {
-  return /* @__PURE__ */ g("div", { className: `widget widget-${e}`, children: [
+  return /* @__PURE__ */ _("div", { className: `widget widget-${e}`, children: [
     t && /* @__PURE__ */ a("span", { className: "widget__title", children: t }),
     s,
     n ? /* @__PURE__ */ a(ee, { kind: n, message: r }) : l
@@ -193,8 +193,8 @@ function Te(e) {
 }
 function gt({ comparison: e, primary: t }) {
   const n = e.sentiment ?? "neutral", r = _t[e.trend ?? ""] ?? "";
-  return /* @__PURE__ */ g("div", { className: `widget-kpi__trend widget-kpi__trend--${n}${t ? "" : " widget-kpi__trend--muted"}`, children: [
-    /* @__PURE__ */ g("span", { className: "widget-kpi__variance", children: [
+  return /* @__PURE__ */ _("div", { className: `widget-kpi__trend widget-kpi__trend--${n}${t ? "" : " widget-kpi__trend--muted"}`, children: [
+    /* @__PURE__ */ _("span", { className: "widget-kpi__variance", children: [
       r,
       " ",
       e.formatted
@@ -204,7 +204,7 @@ function gt({ comparison: e, primary: t }) {
 }
 function bt({ data: e, label: t }) {
   const n = t || String(e.label || ""), r = String(e.formatted || "-"), s = Te(e.comparisons);
-  return /* @__PURE__ */ g(W, { name: "kpi", title: n, children: [
+  return /* @__PURE__ */ _(W, { name: "kpi", title: n, children: [
     /* @__PURE__ */ a("span", { className: "widget-kpi__value", children: r }),
     s.map((l, i) => /* @__PURE__ */ a(gt, { comparison: l, primary: i === 0 }, l.id || i))
   ] });
@@ -224,38 +224,38 @@ function de(e, t, n, r) {
   return `M ${e - n} ${t} A ${n} ${n} 0 0 1 ${e - n * Math.cos(s)} ${t - n * Math.sin(s)}`;
 }
 function yt({ data: e, palette: t, label: n }) {
-  const r = n || String(e.label || ""), s = typeof e.ratio == "number" ? e.ratio : 0, l = typeof e.format == "string" ? e.format : void 0, i = String(e.value_formatted || be(e.value, l)), o = String(e.formatted || "-"), m = Te(e.comparisons), [c, ...u] = m, d = String((c == null ? void 0 : c.baseline_formatted) || "-"), f = (c == null ? void 0 : c.label) ?? null, p = s >= 1, h = Math.min(Math.max(s, 0), 1), v = wt.find(([P]) => s >= P), k = (v == null ? void 0 : v[1]) || t[0] || "var(--color-info)", w = 50, y = 50, C = 44, $ = 10;
-  return /* @__PURE__ */ a(W, { name: "gauge", title: r, children: /* @__PURE__ */ g("div", { className: "widget-gauge__chart", children: [
-    /* @__PURE__ */ g("svg", { viewBox: "0 0 100 56", preserveAspectRatio: "xMidYMax meet", role: "img", "aria-label": `${o} da meta`, children: [
-      /* @__PURE__ */ a("path", { d: de(w, y, C, 1), fill: "none", stroke: vt, strokeWidth: $, strokeLinecap: "butt" }),
-      h > 0 && /* @__PURE__ */ a("path", { d: de(w, y, C, h), fill: "none", stroke: k, strokeWidth: $, strokeLinecap: "butt" })
+  const r = n || String(e.label || ""), s = typeof e.ratio == "number" ? e.ratio : 0, l = typeof e.format == "string" ? e.format : void 0, i = String(e.value_formatted || be(e.value, l)), o = String(e.formatted || "-"), u = Te(e.comparisons), [c, ...d] = u, m = String((c == null ? void 0 : c.baseline_formatted) || "-"), h = (c == null ? void 0 : c.label) ?? null, p = s >= 1, v = Math.min(Math.max(s, 0), 1), f = wt.find(([M]) => s >= M), N = (f == null ? void 0 : f[1]) || t[0] || "var(--color-info)", w = 50, y = 50, T = 44, A = 10;
+  return /* @__PURE__ */ a(W, { name: "gauge", title: r, children: /* @__PURE__ */ _("div", { className: "widget-gauge__chart", children: [
+    /* @__PURE__ */ _("svg", { viewBox: "0 0 100 56", preserveAspectRatio: "xMidYMax meet", role: "img", "aria-label": `${o} da meta`, children: [
+      /* @__PURE__ */ a("path", { d: de(w, y, T, 1), fill: "none", stroke: vt, strokeWidth: A, strokeLinecap: "butt" }),
+      v > 0 && /* @__PURE__ */ a("path", { d: de(w, y, T, v), fill: "none", stroke: N, strokeWidth: A, strokeLinecap: "butt" })
     ] }),
-    /* @__PURE__ */ g("div", { className: "widget-gauge__center", children: [
+    /* @__PURE__ */ _("div", { className: "widget-gauge__center", children: [
       /* @__PURE__ */ a("span", { className: "widget-gauge__percent", children: o }),
-      /* @__PURE__ */ g("span", { className: "widget-gauge__comparison", children: [
+      /* @__PURE__ */ _("span", { className: "widget-gauge__comparison", children: [
         i,
         " / ",
-        d
+        m
       ] }),
-      p && /* @__PURE__ */ a("span", { className: "widget-gauge__badge", children: f || "Meta batida" }),
-      !p && f && /* @__PURE__ */ a("span", { className: "widget-gauge__comparison", children: f }),
-      u.map((P, E) => /* @__PURE__ */ g("span", { className: "widget-gauge__comparison", children: [
-        P.formatted,
+      p && /* @__PURE__ */ a("span", { className: "widget-gauge__badge", children: h || "Meta batida" }),
+      !p && h && /* @__PURE__ */ a("span", { className: "widget-gauge__comparison", children: h }),
+      d.map((M, $) => /* @__PURE__ */ _("span", { className: "widget-gauge__comparison", children: [
+        M.formatted,
         " ",
-        P.label
-      ] }, P.id || E))
+        M.label
+      ] }, M.id || $))
     ] })
   ] }) });
 }
 function te(e) {
-  const [t, n] = T({ width: 0, height: 0 });
-  return F(() => {
+  const [t, n] = E({ width: 0, height: 0 });
+  return O(() => {
     const r = e.current;
     if (!r) return;
     const s = new ResizeObserver(([l]) => {
       const { width: i, height: o } = l.contentRect;
       n(
-        (m) => m.width !== Math.floor(i) || m.height !== Math.floor(o) ? { width: Math.floor(i), height: Math.floor(o) } : m
+        (u) => u.width !== Math.floor(i) || u.height !== Math.floor(o) ? { width: Math.floor(i), height: Math.floor(o) } : u
       );
     });
     return s.observe(r), () => s.disconnect();
@@ -276,12 +276,12 @@ function Ct(e, t) {
   return typeof r == "string" && r ? r : String(e ?? "");
 }
 function U({ Chart: e, chartData: t, xKey: n, series: r, palette: s, renderSeries: l, width: i, height: o }) {
-  return /* @__PURE__ */ g(e, { data: t, width: i, height: o, children: [
+  return /* @__PURE__ */ _(e, { data: t, width: i, height: o, children: [
     /* @__PURE__ */ a(ke, { strokeDasharray: "3 3", stroke: Nt }),
     /* @__PURE__ */ a(Ce, { dataKey: n, tick: ue }),
     /* @__PURE__ */ a(Re, { tick: ue }),
     /* @__PURE__ */ a(
-      X,
+      q,
       {
         contentStyle: St,
         labelStyle: kt,
@@ -290,47 +290,47 @@ function U({ Chart: e, chartData: t, xKey: n, series: r, palette: s, renderSerie
       }
     ),
     r.length > 1 && /* @__PURE__ */ a(st, {}),
-    r.map((m, c) => l(m, s[c % s.length], c))
+    r.map((u, c) => l(u, s[c % s.length], c))
   ] });
 }
 function Rt({ data: e, palette: t, label: n }) {
-  const r = String(e.chartType || "bar"), s = n || String(e.label || ""), l = String(e.xKey || "label"), i = e.series || [], o = e.data || [], m = R(null), { width: c, height: u } = te(m), d = () => {
-    if (c <= 0 || u <= 0) return null;
-    const f = { chartData: o, xKey: l, series: i, palette: t, width: c, height: u };
-    return r === "line" ? /* @__PURE__ */ a(U, { ...f, Chart: tt, renderSeries: (p, h) => /* @__PURE__ */ a(
+  const r = String(e.chartType || "bar"), s = n || String(e.label || ""), l = String(e.xKey || "label"), i = e.series || [], o = e.data || [], u = R(null), { width: c, height: d } = te(u), m = () => {
+    if (c <= 0 || d <= 0) return null;
+    const h = { chartData: o, xKey: l, series: i, palette: t, width: c, height: d };
+    return r === "line" ? /* @__PURE__ */ a(U, { ...h, Chart: tt, renderSeries: (p, v) => /* @__PURE__ */ a(
       rt,
       {
         type: "monotone",
         dataKey: p.key,
         name: p.label,
-        stroke: h,
+        stroke: v,
         strokeWidth: 2,
         dot: o.length <= 31
       },
       p.key
-    ) }) : r === "area" ? /* @__PURE__ */ a(U, { ...f, Chart: nt, renderSeries: (p, h) => /* @__PURE__ */ a(
+    ) }) : r === "area" ? /* @__PURE__ */ a(U, { ...h, Chart: nt, renderSeries: (p, v) => /* @__PURE__ */ a(
       at,
       {
         type: "monotone",
         dataKey: p.key,
         name: p.label,
-        fill: h,
-        stroke: h,
+        fill: v,
+        stroke: v,
         fillOpacity: 0.3
       },
       p.key
-    ) }) : /* @__PURE__ */ a(U, { ...f, Chart: Se, renderSeries: (p, h) => /* @__PURE__ */ a(
-      q,
+    ) }) : /* @__PURE__ */ a(U, { ...h, Chart: Se, renderSeries: (p, v) => /* @__PURE__ */ a(
+      X,
       {
         dataKey: p.key,
         name: p.label,
-        fill: h,
+        fill: v,
         radius: [3, 3, 0, 0]
       },
       p.key
     ) });
   };
-  return /* @__PURE__ */ a(W, { name: "chart", title: s, children: /* @__PURE__ */ a("div", { ref: m, className: "widget-chart__container", children: o.length === 0 ? /* @__PURE__ */ a(ee, { kind: "empty" }) : d() }) });
+  return /* @__PURE__ */ a(W, { name: "chart", title: s, children: /* @__PURE__ */ a("div", { ref: u, className: "widget-chart__container", children: o.length === 0 ? /* @__PURE__ */ a(ee, { kind: "empty" }) : m() }) });
 }
 const me = { fontSize: 10, fill: "var(--text-muted)" }, $t = "var(--bg-elevated)", xt = { fill: "var(--bg-paper)", opacity: 0.3 };
 function Tt(e) {
@@ -339,20 +339,20 @@ function Tt(e) {
 function he({ active: e, payload: t }) {
   var r;
   const n = e ? (r = t == null ? void 0 : t[0]) == null ? void 0 : r.payload : void 0;
-  return n ? /* @__PURE__ */ g("div", { className: "widget-composition__tooltip", children: [
+  return n ? /* @__PURE__ */ _("div", { className: "widget-composition__tooltip", children: [
     /* @__PURE__ */ a("span", { className: "widget-composition__tooltip-label", children: n.label }),
     /* @__PURE__ */ a("span", { className: "widget-composition__tooltip-value", children: n.formatted })
   ] }) : null;
 }
 function Pt({ data: e, palette: t, label: n }) {
-  const r = n || String(e.label || ""), s = String(e.display || "pie"), l = e.data || [], i = typeof e.format == "string" ? e.format : void 0, o = R(null), { width: m, height: c } = te(o), u = () => /* @__PURE__ */ g(Se, { data: l, width: m, height: c, children: [
+  const r = n || String(e.label || ""), s = String(e.display || "pie"), l = e.data || [], i = typeof e.format == "string" ? e.format : void 0, o = R(null), { width: u, height: c } = te(o), d = () => /* @__PURE__ */ _(Se, { data: l, width: u, height: c, children: [
     /* @__PURE__ */ a(ke, { strokeDasharray: "3 3", stroke: $t }),
     /* @__PURE__ */ a(Ce, { dataKey: "label", tick: me, interval: 0 }),
-    /* @__PURE__ */ a(Re, { tick: me, tickFormatter: (f) => be(f, i) }),
-    /* @__PURE__ */ a(X, { content: /* @__PURE__ */ a(he, {}), cursor: xt }),
-    /* @__PURE__ */ a(q, { dataKey: "base", stackId: "bridge", fill: "none", fillOpacity: 0, isAnimationActive: !1 }),
-    /* @__PURE__ */ a(q, { dataKey: "span", stackId: "bridge", radius: [3, 3, 0, 0], children: l.map((f, p) => /* @__PURE__ */ a(ce, { fill: Tt(f) }, p)) })
-  ] }), d = () => /* @__PURE__ */ g(lt, { width: m, height: c, children: [
+    /* @__PURE__ */ a(Re, { tick: me, tickFormatter: (h) => be(h, i) }),
+    /* @__PURE__ */ a(q, { content: /* @__PURE__ */ a(he, {}), cursor: xt }),
+    /* @__PURE__ */ a(X, { dataKey: "base", stackId: "bridge", fill: "none", fillOpacity: 0, isAnimationActive: !1 }),
+    /* @__PURE__ */ a(X, { dataKey: "span", stackId: "bridge", radius: [3, 3, 0, 0], children: l.map((h, p) => /* @__PURE__ */ a(ce, { fill: Tt(h) }, p)) })
+  ] }), m = () => /* @__PURE__ */ _(lt, { width: u, height: c, children: [
     /* @__PURE__ */ a(
       it,
       {
@@ -362,33 +362,33 @@ function Pt({ data: e, palette: t, label: n }) {
         cx: "50%",
         cy: "50%",
         outerRadius: "75%",
-        label: ({ name: f, percent: p }) => `${f}: ${(p * 100).toFixed(0)}%`,
+        label: ({ name: h, percent: p }) => `${h}: ${(p * 100).toFixed(0)}%`,
         labelLine: !1,
-        children: l.map((f, p) => /* @__PURE__ */ a(ce, { fill: t[p % t.length] }, p))
+        children: l.map((h, p) => /* @__PURE__ */ a(ce, { fill: t[p % t.length] }, p))
       }
     ),
-    /* @__PURE__ */ a(X, { content: /* @__PURE__ */ a(he, {}) })
+    /* @__PURE__ */ a(q, { content: /* @__PURE__ */ a(he, {}) })
   ] });
-  return /* @__PURE__ */ a(W, { name: "composition", title: r, children: /* @__PURE__ */ a("div", { ref: o, className: "widget-composition__container", children: l.length === 0 || m <= 0 || c <= 0 ? /* @__PURE__ */ a(ee, { kind: "empty" }) : s === "bridge" ? u() : d() }) });
+  return /* @__PURE__ */ a(W, { name: "composition", title: r, children: /* @__PURE__ */ a("div", { ref: o, className: "widget-composition__container", children: l.length === 0 || u <= 0 || c <= 0 ? /* @__PURE__ */ a(ee, { kind: "empty" }) : s === "bridge" ? d() : m() }) });
 }
 function At(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 Mt(e, t, n, r) {
+function Et(e, t, n, r) {
   const s = (r == null ? void 0 : r.offsetHeight) ?? 0;
   if (e === 0 || t <= 0 || s <= 0) return e;
   const l = Math.floor((t - ((n == null ? void 0 : n.offsetHeight) ?? 0)) / s);
   return Math.max(0, Math.min(e, l));
 }
-function Et({ data: e, label: t }) {
-  var f;
-  const n = e.columns || [], r = e.rows || [], s = e.overflow === "clip", l = e.indexColumn === !0, i = t || String(e.label || ""), o = R(null), m = R(null), c = R(null), { height: u } = te(o), d = s ? r.slice(0, Mt(
+function Mt({ data: e, label: t }) {
+  var h;
+  const n = e.columns || [], r = e.rows || [], s = e.overflow === "clip", l = e.indexColumn === !0, i = t || String(e.label || ""), o = R(null), u = R(null), c = R(null), { height: d } = te(o), m = s ? r.slice(0, Et(
     r.length,
-    u,
-    m.current,
-    ((f = c.current) == null ? void 0 : f.firstElementChild) ?? null
+    d,
+    u.current,
+    ((h = c.current) == null ? void 0 : h.firstElementChild) ?? null
   )) : r;
   return n.length === 0 ? /* @__PURE__ */ a(
     W,
@@ -403,12 +403,12 @@ function Et({ data: e, label: t }) {
     {
       ref: o,
       className: `widget-table__scroll${s ? " widget-table__scroll--clip" : ""}`,
-      children: /* @__PURE__ */ g(
+      children: /* @__PURE__ */ _(
         "table",
         {
-          className: `widget-table__table${s && d.length < r.length ? "" : " widget-table__table--fill"}`,
+          className: `widget-table__table${s && m.length < r.length ? "" : " widget-table__table--fill"}`,
           children: [
-            /* @__PURE__ */ a("thead", { ref: m, children: /* @__PURE__ */ g("tr", { children: [
+            /* @__PURE__ */ a("thead", { ref: u, children: /* @__PURE__ */ _("tr", { children: [
               l && /* @__PURE__ */ a("th", { className: "widget-table__th widget-table__th--index", children: "#" }),
               n.map((p) => /* @__PURE__ */ a(
                 "th",
@@ -419,20 +419,20 @@ function Et({ data: e, label: t }) {
                 p.key
               ))
             ] }) }),
-            /* @__PURE__ */ a("tbody", { ref: c, children: d.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
+            /* @__PURE__ */ a("tbody", { ref: c, children: m.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
               "td",
               {
                 className: "widget-table__td widget-table__td--placeholder",
                 colSpan: n.length + (l ? 1 : 0),
                 children: "Sem dados"
               }
-            ) }) : d.map((p, h) => /* @__PURE__ */ g("tr", { children: [
-              l && /* @__PURE__ */ a("td", { className: "widget-table__td widget-table__td--index", children: h + 1 }),
-              n.map((v) => {
-                const k = p[v.key], w = le(v.format) ? " widget-table__td--num" : "";
-                return /* @__PURE__ */ a("td", { className: `widget-table__td${w}${At(k, v.format)}`, children: D(k, v.format) }, v.key);
+            ) }) : m.map((p, v) => /* @__PURE__ */ _("tr", { children: [
+              l && /* @__PURE__ */ a("td", { className: "widget-table__td widget-table__td--index", children: v + 1 }),
+              n.map((f) => {
+                const N = p[f.key], w = le(f.format) ? " widget-table__td--num" : "";
+                return /* @__PURE__ */ a("td", { className: `widget-table__td${w}${At(N, f.format)}`, children: D(N, f.format) }, f.key);
               })
-            ] }, h)) })
+            ] }, v)) })
           ]
         }
       )
@@ -440,7 +440,7 @@ function Et({ data: e, label: t }) {
   ) });
 }
 function Pe({ mode: e, value: t, dateBounds: n, rangeUnit: r, onChange: s }) {
-  return e === "yearly" ? /* @__PURE__ */ a(Ft, { value: t, dateBounds: n, onChange: s }) : e === "monthly" ? /* @__PURE__ */ a(It, { value: t, dateBounds: n, onChange: s }) : e === "weekly" ? /* @__PURE__ */ a(Wt, { value: t, dateBounds: n, onChange: s }) : r && r !== "day" ? /* @__PURE__ */ a(
+  return e === "yearly" ? /* @__PURE__ */ a(Ot, { value: t, dateBounds: n, onChange: s }) : e === "monthly" ? /* @__PURE__ */ a(It, { value: t, dateBounds: n, onChange: s }) : e === "weekly" ? /* @__PURE__ */ a(Wt, { value: t, dateBounds: n, onChange: s }) : r && r !== "day" ? /* @__PURE__ */ a(
     Lt,
     {
       value: t,
@@ -448,37 +448,37 @@ function Pe({ mode: e, value: t, dateBounds: n, rangeUnit: r, onChange: s }) {
       unit: r,
       onChange: s
     }
-  ) : /* @__PURE__ */ a(Ot, { value: t, dateBounds: n, onChange: s });
+  ) : /* @__PURE__ */ a(Ft, { value: t, dateBounds: n, onChange: s });
 }
 function Lt({ value: e, dateBounds: t, unit: n, onChange: r }) {
   const [s, l] = e ? e.split("|") : ["", ""], i = He(n, t), o = (c) => {
-    var u;
-    return ((u = i.find((d) => c >= d.start && c <= d.end)) == null ? void 0 : u.key) ?? "";
-  }, m = (c, u) => {
-    const d = i.find((f) => f.key === u);
-    d && r(c === "start" ? `${d.start}|${!l || l < d.end ? d.end : l}` : `${!s || s > d.start ? d.start : s}|${d.end}`);
+    var d;
+    return ((d = i.find((m) => c >= m.start && c <= m.end)) == null ? void 0 : d.key) ?? "";
+  }, u = (c, d) => {
+    const m = i.find((h) => h.key === d);
+    m && r(c === "start" ? `${m.start}|${!l || l < m.end ? m.end : l}` : `${!s || s > m.start ? m.start : s}|${m.end}`);
   };
-  return /* @__PURE__ */ g("div", { className: "widget-filter__date-range widget-filter__date-range--period", children: [
-    /* @__PURE__ */ g(
+  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--period", children: [
+    /* @__PURE__ */ _(
       "select",
       {
         className: "widget-filter__select",
         "aria-label": "Período inicial",
         value: o(s),
-        onChange: (c) => m("start", c.target.value),
+        onChange: (c) => u("start", c.target.value),
         children: [
           !o(s) && /* @__PURE__ */ a("option", { value: "", children: "De..." }),
           i.map((c) => /* @__PURE__ */ a("option", { value: c.key, children: c.label }, c.key))
         ]
       }
     ),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ _(
       "select",
       {
         className: "widget-filter__select",
         "aria-label": "Período final",
         value: o(l),
-        onChange: (c) => m("end", c.target.value),
+        onChange: (c) => u("end", c.target.value),
         children: [
           !o(l) && /* @__PURE__ */ a("option", { value: "", children: "Até..." }),
           i.map((c) => /* @__PURE__ */ a("option", { value: c.key, children: c.label }, c.key))
@@ -487,9 +487,9 @@ function Lt({ value: e, dateBounds: t, unit: n, onChange: r }) {
     )
   ] });
 }
-function Ot({ value: e, dateBounds: t, onChange: n }) {
+function Ft({ value: e, dateBounds: t, onChange: n }) {
   const [r, s] = e ? e.split("|") : ["", ""];
-  return /* @__PURE__ */ g("div", { className: "widget-filter__date-range widget-filter__date-range--stacked", children: [
+  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--stacked", children: [
     /* @__PURE__ */ a(
       ie,
       {
@@ -518,34 +518,34 @@ function Ot({ value: e, dateBounds: t, onChange: n }) {
     )
   ] });
 }
-function Ft({ value: e, dateBounds: t, onChange: n }) {
-  const [r] = e ? e.split("|") : [""], s = ze(r), l = /* @__PURE__ */ new Date(), i = (s == null ? void 0 : s.year) ?? l.getFullYear(), o = J(t), m = (c) => {
-    const u = je(c);
-    n(`${u.start}|${u.end}`);
+function Ot({ value: e, dateBounds: t, onChange: n }) {
+  const [r] = e ? e.split("|") : [""], s = ze(r), l = /* @__PURE__ */ new Date(), i = (s == null ? void 0 : s.year) ?? l.getFullYear(), o = J(t), u = (c) => {
+    const d = je(c);
+    n(`${d.start}|${d.end}`);
   };
   return /* @__PURE__ */ a("div", { className: "widget-filter__date-range widget-filter__date-range--year", children: /* @__PURE__ */ a(
     "select",
     {
       className: "widget-filter__select",
       value: i,
-      onChange: (c) => m(parseInt(c.target.value)),
+      onChange: (c) => u(parseInt(c.target.value)),
       children: o.map((c) => /* @__PURE__ */ a("option", { value: c, children: c }, c))
     }
   ) });
 }
 function It({ value: e, dateBounds: t, onChange: n }) {
-  const [r] = e ? e.split("|") : [""], s = ve(r), l = /* @__PURE__ */ new Date(), i = (s == null ? void 0 : s.year) ?? l.getFullYear(), o = (s == null ? void 0 : s.month) ?? l.getMonth() + 1, m = J(t), c = (u, d) => {
-    const f = Ve(u, d);
-    n(`${f.start}|${f.end}`);
+  const [r] = e ? e.split("|") : [""], s = ve(r), l = /* @__PURE__ */ new Date(), i = (s == null ? void 0 : s.year) ?? l.getFullYear(), o = (s == null ? void 0 : s.month) ?? l.getMonth() + 1, u = J(t), c = (d, m) => {
+    const h = Ve(d, m);
+    n(`${h.start}|${h.end}`);
   };
-  return /* @__PURE__ */ g("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
+  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
     /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
         value: o,
-        onChange: (u) => c(i, parseInt(u.target.value)),
-        children: we.map((u, d) => /* @__PURE__ */ a("option", { value: d + 1, children: u }, d + 1))
+        onChange: (d) => c(i, parseInt(d.target.value)),
+        children: we.map((d, m) => /* @__PURE__ */ a("option", { value: m + 1, children: d }, m + 1))
       }
     ),
     /* @__PURE__ */ a(
@@ -553,25 +553,25 @@ function It({ value: e, dateBounds: t, onChange: n }) {
       {
         className: "widget-filter__select",
         value: i,
-        onChange: (u) => c(parseInt(u.target.value), o),
-        children: m.map((u) => /* @__PURE__ */ a("option", { value: u, children: u }, u))
+        onChange: (d) => c(parseInt(d.target.value), o),
+        children: u.map((d) => /* @__PURE__ */ a("option", { value: d, children: d }, d))
       }
     )
   ] });
 }
 function Wt({ value: e, dateBounds: t, onChange: n }) {
-  const [r] = e ? e.split("|") : [""], s = ve(r), l = /* @__PURE__ */ new Date(), i = (s == null ? void 0 : s.year) ?? l.getFullYear(), o = (s == null ? void 0 : s.month) ?? l.getMonth() + 1, m = J(t), c = Y(i, o), u = De(r, i, o) || 1;
-  return /* @__PURE__ */ g("div", { className: "widget-filter__date-range widget-filter__date-range--week", children: [
+  const [r] = e ? e.split("|") : [""], s = ve(r), l = /* @__PURE__ */ new Date(), i = (s == null ? void 0 : s.year) ?? l.getFullYear(), o = (s == null ? void 0 : s.month) ?? l.getMonth() + 1, u = J(t), c = Y(i, o), d = De(r, i, o) || 1;
+  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--week", children: [
     /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
         value: i,
-        onChange: (d) => {
-          const f = parseInt(d.target.value), h = Y(f, o)[0];
-          h && n(`${h.start}|${h.end}`);
+        onChange: (m) => {
+          const h = parseInt(m.target.value), v = Y(h, o)[0];
+          v && n(`${v.start}|${v.end}`);
         },
-        children: m.map((d) => /* @__PURE__ */ a("option", { value: d, children: d }, d))
+        children: u.map((m) => /* @__PURE__ */ a("option", { value: m, children: m }, m))
       }
     ),
     /* @__PURE__ */ a(
@@ -579,30 +579,30 @@ function Wt({ value: e, dateBounds: t, onChange: n }) {
       {
         className: "widget-filter__select",
         value: o,
-        onChange: (d) => {
-          const f = parseInt(d.target.value), h = Y(i, f)[0];
-          h && n(`${h.start}|${h.end}`);
+        onChange: (m) => {
+          const h = parseInt(m.target.value), v = Y(i, h)[0];
+          v && n(`${v.start}|${v.end}`);
         },
-        children: we.map((d, f) => /* @__PURE__ */ a("option", { value: f + 1, children: d }, f + 1))
+        children: we.map((m, h) => /* @__PURE__ */ a("option", { value: h + 1, children: m }, h + 1))
       }
     ),
     /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: u,
-        onChange: (d) => {
-          const f = c[parseInt(d.target.value) - 1];
-          f && n(`${f.start}|${f.end}`);
+        value: d,
+        onChange: (m) => {
+          const h = c[parseInt(m.target.value) - 1];
+          h && n(`${h.start}|${h.end}`);
         },
-        children: c.map((d) => /* @__PURE__ */ a("option", { value: d.index, children: d.label }, d.index))
+        children: c.map((m) => /* @__PURE__ */ a("option", { value: m.index, children: m.label }, m.index))
       }
     )
   ] });
 }
 function zt({ config: e, value: t, options: n = [], dateBounds: r, onChange: s }) {
   const l = e.filterType || "select", i = e.label || "Filtro", o = e.dateFilterMode || "range";
-  return /* @__PURE__ */ g("div", { className: "widget-filter", children: [
+  return /* @__PURE__ */ _("div", { className: "widget-filter", children: [
     /* @__PURE__ */ a("label", { className: "widget-filter__label", children: i }),
     l === "date_range" ? /* @__PURE__ */ a(
       Pe,
@@ -637,10 +637,10 @@ function Dt({ value: e, options: t, multi: n, searchable: r, onChange: s }) {
     );
   if (n) {
     const l = e ? e.split(B) : [], i = (o) => {
-      const m = l.includes(o) ? l.filter((c) => c !== o) : [...l, o];
-      s(m.join(B));
+      const u = l.includes(o) ? l.filter((c) => c !== o) : [...l, o];
+      s(u.join(B));
     };
-    return /* @__PURE__ */ g("div", { className: "widget-filter__multi", children: [
+    return /* @__PURE__ */ _("div", { className: "widget-filter__multi", children: [
       l.length > 0 && /* @__PURE__ */ a(
         "button",
         {
@@ -650,7 +650,7 @@ function Dt({ value: e, options: t, multi: n, searchable: r, onChange: s }) {
           children: "Limpar filtro"
         }
       ),
-      t.map((o) => /* @__PURE__ */ g("label", { className: "widget-filter__multi-option", children: [
+      t.map((o) => /* @__PURE__ */ _("label", { className: "widget-filter__multi-option", children: [
         /* @__PURE__ */ a(
           "input",
           {
@@ -663,7 +663,7 @@ function Dt({ value: e, options: t, multi: n, searchable: r, onChange: s }) {
       ] }, o))
     ] });
   }
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ _(
     "select",
     {
       className: "widget-filter__select",
@@ -682,9 +682,9 @@ const Ht = {
 };
 function Vt({ config: e, value: t, onChange: n }) {
   const r = e.label || "Variavel", s = e.locked || !1, l = e.variableFormat || "number", i = Ht[l] || "";
-  return /* @__PURE__ */ g("div", { className: `widget-variable ${s ? "widget-variable--locked" : ""}`, children: [
+  return /* @__PURE__ */ _("div", { className: `widget-variable ${s ? "widget-variable--locked" : ""}`, children: [
     /* @__PURE__ */ a("label", { className: "widget-variable__label", children: r }),
-    /* @__PURE__ */ g("div", { className: "widget-variable__input-wrapper", children: [
+    /* @__PURE__ */ _("div", { className: "widget-variable__input-wrapper", children: [
       /* @__PURE__ */ a(
         "input",
         {
@@ -703,7 +703,7 @@ function Vt({ config: e, value: t, onChange: n }) {
 }
 function jt({ config: e, palette: t, onChange: n }) {
   const r = e.label || "Cores", s = e.locked || !1;
-  return /* @__PURE__ */ g("div", { className: `widget-palette ${s ? "widget-palette--locked" : ""}`, children: [
+  return /* @__PURE__ */ _("div", { className: `widget-palette ${s ? "widget-palette--locked" : ""}`, children: [
     /* @__PURE__ */ a("label", { className: "widget-palette__label", children: r }),
     /* @__PURE__ */ a(Ge, { selected: t, onSelect: n, customMode: !0, disabled: s }),
     s && /* @__PURE__ */ a("span", { className: "widget-palette__lock-icon", title: "Bloqueado", children: "🔒" })
@@ -721,9 +721,9 @@ function Kt({
   filterOptions: l,
   dateBounds: i,
   onFilterChange: o,
-  variableValue: m,
+  variableValue: u,
   onVariableChange: c,
-  onPaletteChange: u
+  onPaletteChange: d
 }) {
   if (t.error)
     return /* @__PURE__ */ a(
@@ -735,18 +735,18 @@ function Kt({
         stateMessage: Gt[String(t.error)]
       }
     );
-  const d = Ke(n);
+  const m = Ke(n);
   switch (e) {
     case "kpi_card":
       return /* @__PURE__ */ a(bt, { data: t, label: r == null ? void 0 : r.label });
     case "gauge":
-      return /* @__PURE__ */ a(yt, { data: t, palette: d, label: r == null ? void 0 : r.label });
+      return /* @__PURE__ */ a(yt, { data: t, palette: m, label: r == null ? void 0 : r.label });
     case "chart":
-      return /* @__PURE__ */ a(Rt, { data: t, palette: d, label: r == null ? void 0 : r.label });
+      return /* @__PURE__ */ a(Rt, { data: t, palette: m, label: r == null ? void 0 : r.label });
     case "composition":
-      return /* @__PURE__ */ a(Pt, { data: t, palette: d, label: r == null ? void 0 : r.label });
+      return /* @__PURE__ */ a(Pt, { data: t, palette: m, label: r == null ? void 0 : r.label });
     case "table":
-      return /* @__PURE__ */ a(Et, { data: t, label: r == null ? void 0 : r.label });
+      return /* @__PURE__ */ a(Mt, { data: t, label: r == null ? void 0 : r.label });
     case "filter":
       return r && o ? /* @__PURE__ */ a(
         zt,
@@ -759,33 +759,33 @@ function Kt({
         }
       ) : null;
     case "variable": {
-      const f = r;
-      return f && c ? /* @__PURE__ */ a(
+      const h = r;
+      return h && c ? /* @__PURE__ */ a(
         Vt,
         {
-          config: f,
-          value: m ?? f.variableValue ?? 0,
+          config: h,
+          value: u ?? h.variableValue ?? 0,
           onChange: c
         }
       ) : null;
     }
     case "color_palette":
-      return r && u ? /* @__PURE__ */ a(
+      return r && d ? /* @__PURE__ */ a(
         jt,
         {
           config: r,
           palette: n,
-          onChange: u
+          onChange: d
         }
       ) : null;
     default:
       return /* @__PURE__ */ a(W, { name: "unknown", state: "unconfigured" });
   }
 }
-const Yt = Oe(Kt), Ut = (e, t) => e.grid.y - t.grid.y || e.grid.x - t.grid.x, Bt = {}, fe = [];
-function Lr({
+const Yt = Fe(Kt), Ut = (e, t) => e.grid.y - t.grid.y || e.grid.x - t.grid.x, Bt = {}, fe = [];
+function Wr({
   token: e,
-  cellAspect: t = Xe,
+  cellAspect: t = qe,
   stackBelow: n,
   onGeometryChange: r,
   silenceWarnings: s,
@@ -794,60 +794,60 @@ function Lr({
   const {
     layout: i,
     renderData: o,
-    loading: m,
+    loading: u,
     error: c,
-    filters: u,
-    variables: d,
-    palette: f,
+    filters: d,
+    variables: m,
+    palette: h,
     setFilter: p,
-    setVariable: h,
-    setPalette: v
-  } = ct(e), { rootRef: k, gridRef: w, stacked: y } = ft({
+    setVariable: v,
+    setPalette: f
+  } = ct(e), { rootRef: N, gridRef: w, stacked: y } = ft({
     columns: (i == null ? void 0 : i.gridColumns) ?? 0,
     cellAspect: t,
     stackBelow: n,
     onGeometryChange: r,
     silenceWarnings: s
-  }), C = O(() => {
-    const _ = (i == null ? void 0 : i.widgets) ?? [];
-    return y ? [..._].sort(Ut) : _;
-  }, [i == null ? void 0 : i.widgets, y]), $ = O(() => {
-    const _ = {};
-    for (const N of C)
-      _[N.id] = {
-        onFilter: (A) => p(N.id, A),
-        onVariable: (A) => h(N.id, A)
+  }), T = F(() => {
+    const b = (i == null ? void 0 : i.widgets) ?? [];
+    return y ? [...b].sort(Ut) : b;
+  }, [i == null ? void 0 : i.widgets, y]), A = F(() => {
+    const b = {};
+    for (const S of T)
+      b[S.id] = {
+        onFilter: (x) => p(S.id, x),
+        onVariable: (x) => v(S.id, x)
       };
-    return _;
-  }, [C, p, h]), P = {
+    return b;
+  }, [T, p, v]), M = {
     "--dash-gap": `${oe}px`,
-    "--dash-pad": `${qe}px`
-  }, E = ["preview-tab", l].filter(Boolean).join(" ");
-  let b;
+    "--dash-pad": `${Xe}px`
+  }, $ = ["preview-tab", l].filter(Boolean).join(" ");
+  let g;
   if (c && !i)
-    b = /* @__PURE__ */ a("div", { className: "preview-tab__error", children: c });
+    g = /* @__PURE__ */ a("div", { className: "preview-tab__error", children: c });
   else if (!i)
-    b = /* @__PURE__ */ a("div", { className: "preview-tab__loading", children: "Carregando dashboard..." });
+    g = /* @__PURE__ */ a("div", { className: "preview-tab__loading", children: "Carregando dashboard..." });
   else if (i.widgets.length === 0)
-    b = /* @__PURE__ */ a("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." });
+    g = /* @__PURE__ */ a("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." });
   else {
-    const _ = (o == null ? void 0 : o.widgets) ?? {}, N = (o == null ? void 0 : o.date_bounds) ?? null, A = {
+    const b = (o == null ? void 0 : o.widgets) ?? {}, S = (o == null ? void 0 : o.date_bounds) ?? null, x = {
       "--dash-cols": i.gridColumns,
       "--dash-rows": i.gridRows,
-      ...Ne(f)
-    }, M = ["preview-tab__grid", y && "preview-tab__grid--stacked"].filter(Boolean).join(" ");
-    b = /* @__PURE__ */ g(V, { children: [
+      ...Ne(h)
+    }, C = ["preview-tab__grid", y && "preview-tab__grid--stacked"].filter(Boolean).join(" ");
+    g = /* @__PURE__ */ _(V, { children: [
       c && !o && /* @__PURE__ */ a("div", { className: "preview-tab__error", children: c }),
-      o && /* @__PURE__ */ a("div", { className: M, style: A, ref: w, children: C.map((S) => {
+      o && /* @__PURE__ */ a("div", { className: C, style: x, ref: w, children: T.map((k) => {
         var re, ne;
-        const z = Ye.has(S.type), L = _[S.id], I = y ? {
+        const z = Ye.has(k.type), L = b[k.id], I = y ? {
           gridColumn: 1,
-          aspectRatio: `${Be(S.grid.w, S.grid.h, t)}`,
-          minHeight: `${Ue(S.grid.h, Qe, oe, 0)}px`
+          aspectRatio: `${Be(k.grid.w, k.grid.h, t)}`,
+          minHeight: `${Ue(k.grid.h, Qe, oe, 0)}px`
         } : {
-          gridColumn: `${S.grid.x + 1} / span ${S.grid.w}`,
-          gridRow: `${S.grid.y + 1} / span ${S.grid.h}`
-        }, Le = S.type === "variable" ? d[S.id] ?? (L == null ? void 0 : L.value) ?? S.config.variableValue ?? 0 : void 0;
+          gridColumn: `${k.grid.x + 1} / span ${k.grid.w}`,
+          gridRow: `${k.grid.y + 1} / span ${k.grid.h}`
+        }, Le = k.type === "variable" ? m[k.id] ?? (L == null ? void 0 : L.value) ?? k.config.variableValue ?? 0 : void 0;
         return /* @__PURE__ */ a(
           "div",
           {
@@ -856,41 +856,41 @@ function Lr({
             children: z || L ? /* @__PURE__ */ a(
               Yt,
               {
-                type: S.type,
+                type: k.type,
                 computed: L || Bt,
-                palette: f,
-                config: S.config,
-                filterValue: u[S.id] || "",
+                palette: h,
+                config: k.config,
+                filterValue: d[k.id] || "",
                 filterOptions: (
                   // Estruturais: vem do /layout (cacheavel), nao do /render —
                   // recalcula-los a cada render custaria um DISTINCT por filtro.
-                  S.type === "filter" ? S.config.availableValues ?? fe : fe
+                  k.type === "filter" ? k.config.availableValues ?? fe : fe
                 ),
-                dateBounds: N,
-                onFilterChange: (re = $[S.id]) == null ? void 0 : re.onFilter,
+                dateBounds: S,
+                onFilterChange: (re = A[k.id]) == null ? void 0 : re.onFilter,
                 variableValue: Le,
-                onVariableChange: (ne = $[S.id]) == null ? void 0 : ne.onVariable,
-                onPaletteChange: v
+                onVariableChange: (ne = A[k.id]) == null ? void 0 : ne.onVariable,
+                onPaletteChange: f
               }
-            ) : /* @__PURE__ */ a("div", { className: "preview-tab__widget-loading", children: m ? "Carregando..." : "Sem dados" })
+            ) : /* @__PURE__ */ a("div", { className: "preview-tab__widget-loading", children: u ? "Carregando..." : "Sem dados" })
           },
-          S.id
+          k.id
         );
       }) }),
-      m && o && /* @__PURE__ */ a("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
+      u && o && /* @__PURE__ */ a("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
     ] });
   }
-  return /* @__PURE__ */ a("div", { className: E, style: P, ref: k, children: b });
+  return /* @__PURE__ */ a("div", { className: $, style: M, ref: N, children: g });
 }
-function qt(e, t) {
+function Xt(e, t) {
   const n = URL.createObjectURL(e), r = document.createElement("a");
   r.href = n, r.download = t, document.body.appendChild(r), r.click(), r.remove(), setTimeout(() => URL.revokeObjectURL(n), 0);
 }
-const Xt = 768, Qt = 879;
+const qt = 768, Qt = 879;
 function Zt(e) {
   return Array.from(e.normalize("NFD")).filter((t) => {
     const n = t.codePointAt(0) ?? 0;
-    return n < Xt || n > Qt;
+    return n < qt || n > Qt;
   }).join("");
 }
 function Jt(e, t) {
@@ -898,53 +898,74 @@ function Jt(e, t) {
 }
 const er = 300;
 function tr(e) {
-  const [t, n] = T(null), [r, s] = T(null), [l, i] = T({}), [o, m] = T(!0), [c, u] = T(null), [d, f] = T(!1), p = R(), h = R(!1), v = R(null), k = R(!1);
-  F(() => {
-    let C = !1;
-    return h.current = !1, v.current = null, k.current = !1, Ze(e).then(($) => {
-      C || n($);
-    }).catch(($) => {
-      C || u($.message);
+  return !!e && typeof e == "object" && "start" in e;
+}
+function rr(e, t, n) {
+  const r = xe(t), s = { ...e };
+  for (const [l, i] of Object.entries(r)) {
+    const o = e[l];
+    (n ? o == null : o === "" && tr(t[l])) && (s[l] = i);
+  }
+  return s;
+}
+function nr(e) {
+  const [t, n] = E(null), [r, s] = E(null), [l, i] = E({}), [o, u] = E({}), [c, d] = E(!0), [m, h] = E(null), [p, v] = E(!1), f = R(), N = R(!1), w = R(null), y = R(!1);
+  O(() => {
+    let $ = !1;
+    return N.current = !1, w.current = null, y.current = !1, Ze(e).then((g) => {
+      $ || n(g);
+    }).catch((g) => {
+      $ || h(g.message);
     }), () => {
-      C = !0;
+      $ = !0;
     };
-  }, [e]), F(() => {
+  }, [e]), O(() => {
     if (!t) return;
-    const C = H(l), $ = j(C);
-    if ($ === v.current) return;
-    p.current && clearTimeout(p.current);
-    const P = k.current ? er : 0;
-    return p.current = setTimeout(() => {
-      m(!0), Je(e, C).then((E) => {
-        v.current = $, k.current = !0, s(E), !h.current && E.applied && (h.current = !0, i((b) => {
-          const _ = { ...xe(E.applied), ...b };
-          return $e(_, b) ? b : (v.current = j(H(_)), _);
-        })), u(null);
-      }).catch((E) => u(E.message)).finally(() => m(!1));
-    }, P), () => {
-      p.current && clearTimeout(p.current);
+    const $ = H(l), g = j($);
+    if (g === w.current) return;
+    f.current && clearTimeout(f.current);
+    const b = y.current ? er : 0;
+    return f.current = setTimeout(() => {
+      d(!0), Je(e, $).then((S) => {
+        if (w.current = g, y.current = !0, s(S), S.applied) {
+          const x = !N.current;
+          N.current = !0, i((C) => {
+            const k = rr(C, S.applied, x);
+            return $e(k, C) ? C : (w.current = j(H(k)), k);
+          });
+        }
+        h(null);
+      }).catch((S) => h(S.message)).finally(() => d(!1));
+    }, b), () => {
+      f.current && clearTimeout(f.current);
     };
   }, [e, t, l]);
-  const w = x((C, $) => {
-    i((P) => ({ ...P, [C]: $ }));
-  }, []), y = x(() => {
-    f(!0), et(e, H(l)).then((C) => {
-      qt(C, Jt((t == null ? void 0 : t.name) ?? "demonstrativo", "pdf")), u(null);
-    }).catch((C) => u(C.message)).finally(() => f(!1));
+  const T = P(($, g) => {
+    i((S) => ({ ...S, [$]: g }));
+    const b = g !== "";
+    u((S) => S[$] === b ? S : { ...S, [$]: b });
+  }, []), A = P(($) => {
+    T($, "");
+  }, [T]), M = P(() => {
+    v(!0), et(e, H(l)).then(($) => {
+      Xt($, Jt((t == null ? void 0 : t.name) ?? "demonstrativo", "pdf")), h(null);
+    }).catch(($) => h($.message)).finally(() => v(!1));
   }, [e, l, t == null ? void 0 : t.name]);
   return {
     layout: t,
     renderData: r,
-    loading: o,
-    error: c,
+    loading: c,
+    error: m,
     filters: l,
-    setFilter: w,
-    downloadPdf: y,
-    downloading: d
+    setFilter: T,
+    touched: o,
+    clearFilter: A,
+    downloadPdf: M,
+    downloading: p
   };
 }
-const rr = [0, 0.25, 0.5, 0.75, 1];
-function nr(e, t, n) {
+const ar = [0, 0.25, 0.5, 0.75, 1], sr = 150, lr = 1;
+function ir(e, t, n) {
   let r = null, s = 0;
   for (const [l, i] of e) {
     if (i <= 0) continue;
@@ -953,35 +974,63 @@ function nr(e, t, n) {
       continue;
     }
     if (i < s) continue;
-    const o = l === n, m = r !== n && (t.get(l) ?? 1 / 0) < (t.get(r) ?? 1 / 0);
-    (o || m) && (r = l);
+    const o = l === n, u = r !== n && (t.get(l) ?? 1 / 0) < (t.get(r) ?? 1 / 0);
+    (o || u) && (r = l);
   }
   return r;
 }
-function ar(e, t) {
-  const [n, r] = T(null);
-  return F(() => {
-    const s = e.current;
-    if (!s || t.length === 0 || typeof IntersectionObserver > "u") {
+function or(e, t) {
+  const [n, r] = E(null), [s, l] = E(null), i = R(null), o = R({ timer: null, left: null }), u = P(() => {
+    const d = o.current;
+    d.timer !== null && clearTimeout(d.timer), d.left = null, d.timer = setTimeout(() => {
+      var m;
+      d.timer = null, d.left = ((m = e.current) == null ? void 0 : m.scrollLeft) ?? null;
+    }, sr);
+  }, [e]), c = P((d) => {
+    i.current = d, l(d), u();
+  }, [u]);
+  return O(() => {
+    i.current !== null && !t.includes(i.current) && (i.current = null, l(null));
+    const d = e.current;
+    if (!d || t.length === 0) {
       r(null);
       return;
     }
-    const l = Array.from(s.querySelectorAll("th[data-period]"));
-    if (l.length === 0) {
+    const m = () => {
+      i.current = null, l(null);
+    }, h = () => {
+      if (i.current === null) return;
+      const f = o.current;
+      if (f.timer !== null) {
+        u();
+        return;
+      }
+      f.left !== null && Math.abs(d.scrollLeft - f.left) > lr && m();
+    };
+    d.addEventListener("scroll", h, { passive: !0 });
+    let p = null;
+    const v = typeof IntersectionObserver > "u" ? [] : Array.from(d.querySelectorAll("th[data-period]"));
+    if (v.length === 0)
       r(null);
-      return;
+    else {
+      const f = /* @__PURE__ */ new Map(), N = new Map(t.map((w, y) => [w, y]));
+      p = new IntersectionObserver((w) => {
+        for (const y of w) {
+          const T = y.target.dataset.period;
+          T != null && f.set(T, y.isIntersecting ? y.intersectionRatio : 0);
+        }
+        r((y) => ir(f, N, i.current ?? y));
+      }, { root: d, threshold: ar }), v.forEach((w) => p.observe(w));
     }
-    const i = /* @__PURE__ */ new Map(), o = new Map(t.map((c, u) => [c, u])), m = new IntersectionObserver((c) => {
-      for (const u of c) {
-        const d = u.target.dataset.period;
-        d != null && i.set(d, u.isIntersecting ? u.intersectionRatio : 0);
-      }
-      r((u) => nr(i, o, u));
-    }, { root: s, threshold: rr });
-    return l.forEach((c) => m.observe(c)), () => m.disconnect();
-  }, [e, t]), n;
+    return () => {
+      d.removeEventListener("scroll", h), p == null || p.disconnect();
+    };
+  }, [e, t, u]), O(() => () => {
+    const d = o.current;
+    d.timer !== null && clearTimeout(d.timer);
+  }, []), { current: s ?? n, pin: c };
 }
-function sr(e) {
+function cr(e) {
   var n;
   const t = /* @__PURE__ */ new Map();
   for (const r of e) {
@@ -990,60 +1039,60 @@ function sr(e) {
   }
   return t;
 }
-function lr(e) {
+function dr(e) {
   const t = /* @__PURE__ */ new Set();
   for (const [n, r] of e)
     [...r].some((s) => e.has(s)) || t.add(n);
   return t;
 }
-function ir(e, t) {
+function ur(e, t) {
   const n = /* @__PURE__ */ new Set();
   for (const r of t)
     for (const s of e.get(r) ?? []) n.add(s);
   return n;
 }
-function or(e) {
-  const t = O(() => sr(e), [e]), n = O(() => new Set(t.keys()), [t]), r = O(() => lr(t), [t]), [s, l] = T(null), i = s ?? r, o = O(() => ir(t, i), [t, i]), m = x((d) => {
-    l((f) => {
-      const p = new Set(f ?? r);
-      return p.has(d) ? p.delete(d) : p.add(d), p;
+function mr(e) {
+  const t = F(() => cr(e), [e]), n = F(() => new Set(t.keys()), [t]), r = F(() => dr(t), [t]), [s, l] = E(null), i = s ?? r, o = F(() => ur(t, i), [t, i]), u = P((m) => {
+    l((h) => {
+      const p = new Set(h ?? r);
+      return p.has(m) ? p.delete(m) : p.add(m), p;
     });
-  }, [r]), c = x(() => l(r), [r]), u = x(() => l(/* @__PURE__ */ new Set()), []);
-  return O(() => ({
+  }, [r]), c = P(() => l(r), [r]), d = P(() => l(/* @__PURE__ */ new Set()), []);
+  return F(() => ({
     collapsible: n,
     collapsed: i,
     hidden: o,
     hasSections: n.size > 0,
-    toggle: m,
+    toggle: u,
     collapseToSummary: c,
-    expandAll: u
-  }), [n, i, o, m, c, u]);
+    expandAll: d
+  }), [n, i, o, u, c, d]);
 }
-const cr = 600, dr = (e) => {
+const hr = 600, fr = (e) => {
   var t, n;
   return ((n = (t = e.contentBoxSize) == null ? void 0 : t[0]) == null ? void 0 : n.inlineSize) ?? e.contentRect.width;
 };
-function ur(e, t = cr) {
-  const [n, r] = T(!1), s = R(null), l = x((o) => {
+function pr(e, t = hr) {
+  const [n, r] = E(!1), s = R(null), l = P((o) => {
     r(o > 0 && o < t);
-  }, [t]), i = x((o) => {
+  }, [t]), i = P((o) => {
     s.current = o, o && e && l(o.getBoundingClientRect().width);
   }, [e, l]);
-  return F(() => {
+  return O(() => {
     const o = s.current;
     if (!e || !o || typeof ResizeObserver > "u") return;
-    const m = new ResizeObserver((c) => {
-      for (const u of c)
-        u.target === o && l(dr(u));
+    const u = new ResizeObserver((c) => {
+      for (const d of c)
+        d.target === o && l(fr(d));
     });
-    return m.observe(o), () => m.disconnect();
+    return u.observe(o), () => u.disconnect();
   }, [e, l]), { ref: i, narrow: e && n };
 }
-const mr = 8, hr = 14, pe = 10;
-function fr(e, t = hr) {
-  return { paddingLeft: `${mr + e * t}px` };
+const _r = 8, gr = 14, pe = 10;
+function br(e, t = gr) {
+  return { paddingLeft: `${_r + e * t}px` };
 }
-function pr(e) {
+function vr(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;
 }
@@ -1053,7 +1102,7 @@ function Q(e) {
 function _e(e) {
   return e == null || e === 0 ? "stmt__aux" : `stmt__aux stmt__aux--${e > 0 ? "up" : "down"}`;
 }
-const _r = {
+const wr = {
   day: "day",
   week: "week",
   month: "month",
@@ -1061,24 +1110,45 @@ const _r = {
   year: "year",
   total: "month"
 };
-function gr({ definition: e, value: t, options: n, bounds: r, rangeUnit: s, onChange: l }) {
+function yr({
+  definition: e,
+  value: t,
+  options: n,
+  bounds: r,
+  rangeUnit: s,
+  touched: l,
+  onChange: i,
+  onClear: o
+}) {
   if (e.type === "date_range") {
-    const i = e.dateFilterMode ?? "range";
-    return /* @__PURE__ */ g("div", { className: `stmt__filter stmt__filter--date stmt__filter--${i}`, children: [
-      /* @__PURE__ */ a("span", { className: "stmt__filter-label", children: e.label }),
+    const u = e.dateFilterMode ?? "range";
+    return /* @__PURE__ */ _("div", { className: `stmt__filter stmt__filter--date stmt__filter--${u}`, children: [
+      /* @__PURE__ */ _("span", { className: "stmt__filter-label", children: [
+        e.label,
+        l && /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "stmt__filter-clear",
+            title: "Voltar ao período padrão",
+            onClick: o,
+            children: "Limpar"
+          }
+        )
+      ] }),
       /* @__PURE__ */ a(
         Pe,
         {
-          mode: i,
+          mode: u,
           value: t,
           dateBounds: r,
           rangeUnit: s,
-          onChange: l
+          onChange: i
         }
       )
     ] });
   }
-  return /* @__PURE__ */ g("div", { className: "stmt__filter", children: [
+  return /* @__PURE__ */ _("div", { className: "stmt__filter", children: [
     /* @__PURE__ */ a("span", { className: "stmt__filter-label", children: e.label }),
     /* @__PURE__ */ a(
       ye,
@@ -1086,12 +1156,12 @@ function gr({ definition: e, value: t, options: n, bounds: r, rangeUnit: s, onCh
         value: t,
         options: n,
         multi: e.type === "multi_select",
-        onChange: l
+        onChange: i
       }
     )
   ] });
 }
-const br = 13, vr = [], wr = [], ge = {
+const Nr = 13, Sr = [], kr = [], ge = {
   day: ["dia", "dias"],
   week: ["semana", "semanas"],
   month: ["mês", "meses"],
@@ -1099,11 +1169,11 @@ const br = 13, vr = [], wr = [], ge = {
   year: ["ano", "anos"],
   total: ["período", "períodos"]
 };
-function yr(e, t) {
+function Cr(e, t) {
   const [n, r] = ge[t] ?? ge.total;
   return `Variação sobre ${e} ${e === 1 ? n : r} atrás`;
 }
-function Nr({
+function Rr({
   label: e,
   collapsed: t,
   onToggle: n
@@ -1131,14 +1201,14 @@ function Ae(e, t) {
 }
 function G({ line: e, section: t, indentStep: n }) {
   const { collapsible: r, collapsed: s, onToggle: l } = t;
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ _(
     "th",
     {
       scope: "row",
-      style: fr(e.style.indent, n),
+      style: br(e.style.indent, n),
       onClick: r ? l : void 0,
       children: [
-        r && /* @__PURE__ */ a(Nr, { label: e.label, collapsed: s, onToggle: l }),
+        r && /* @__PURE__ */ a(Rr, { label: e.label, collapsed: s, onToggle: l }),
         e.label
       ]
     }
@@ -1153,10 +1223,10 @@ function K(e, t, n = { bold: !0 }) {
     t.collapsed && "stmt__row--collapsed"
   ].filter(Boolean).join(" ");
 }
-function Me(e) {
+function Ee(e) {
   return e.type === "header" && e.formatted.length === 0;
 }
-function Sr({
+function $r({
   line: e,
   columnCount: t,
   showTotal: n,
@@ -1165,17 +1235,17 @@ function Sr({
   comparisonLabel: l,
   section: i
 }) {
-  return e.type === "separator" ? /* @__PURE__ */ a("tr", { className: "stmt__row stmt__row--separator", children: /* @__PURE__ */ a("td", { colSpan: t }) }) : Me(e) ? /* @__PURE__ */ g("tr", { className: K(e, i, { bold: !1 }), children: [
+  return e.type === "separator" ? /* @__PURE__ */ a("tr", { className: "stmt__row stmt__row--separator", children: /* @__PURE__ */ a("td", { colSpan: t }) }) : Ee(e) ? /* @__PURE__ */ _("tr", { className: K(e, i, { bold: !1 }), children: [
     /* @__PURE__ */ a(G, { line: e, section: i }),
     /* @__PURE__ */ a("td", { colSpan: t - 1 })
-  ] }) : /* @__PURE__ */ g("tr", { className: K(e, i), children: [
+  ] }) : /* @__PURE__ */ _("tr", { className: K(e, i), children: [
     /* @__PURE__ */ a(G, { line: e, section: i }),
-    e.formatted.map((o, m) => {
-      var d;
-      const c = e.horizontalAnalysis[m], u = (d = e.comparison) == null ? void 0 : d[m];
-      return /* @__PURE__ */ g("td", { className: "stmt__value", children: [
-        /* @__PURE__ */ a("span", { className: Q(e.values[m]), children: o }),
-        r && e.verticalAnalysis[m] != null && /* @__PURE__ */ a("span", { className: "stmt__aux", title: "Análise vertical", children: D(e.verticalAnalysis[m], "percentage") }),
+    e.formatted.map((o, u) => {
+      var m;
+      const c = e.horizontalAnalysis[u], d = (m = e.comparison) == null ? void 0 : m[u];
+      return /* @__PURE__ */ _("td", { className: "stmt__value", children: [
+        /* @__PURE__ */ a("span", { className: Q(e.values[u]), children: o }),
+        r && e.verticalAnalysis[u] != null && /* @__PURE__ */ a("span", { className: "stmt__aux", title: "Análise vertical", children: D(e.verticalAnalysis[u], "percentage") }),
         s && c != null && /* @__PURE__ */ a(
           "span",
           {
@@ -1184,23 +1254,23 @@ function Sr({
             children: D(c, "percentage")
           }
         ),
-        l && u != null && /* @__PURE__ */ g(
+        l && d != null && /* @__PURE__ */ _(
           "span",
           {
-            className: `stmt__aux stmt__aux--${u < 0 ? "down" : "up"}`,
+            className: `stmt__aux stmt__aux--${d < 0 ? "down" : "up"}`,
             title: l,
             children: [
               "vs ",
-              D(u, "percentage")
+              D(d, "percentage")
             ]
           }
         )
-      ] }, m);
+      ] }, u);
     }),
     n && /* @__PURE__ */ a("td", { className: "stmt__value stmt__value--total", children: /* @__PURE__ */ a("span", { className: Q(e.total), children: e.totalFormatted ?? "-" }) })
   ] });
 }
-function kr({
+function xr({
   name: e,
   columns: t,
   lines: n,
@@ -1209,57 +1279,58 @@ function kr({
   showVertical: l,
   showHorizontal: i,
   comparisonLabel: o,
-  collapse: m
+  collapse: u
 }) {
-  const c = R(null), u = O(() => t.map((h) => h.key), [t]), d = ar(c, u), f = x((h) => {
-    const v = c.current;
-    if (!v) return;
-    const k = v.querySelector(`[data-period="${CSS.escape(h)}"]`);
-    k == null || k.scrollIntoView({ inline: "center", block: "nearest", behavior: "smooth" });
-  }, []), p = 1 + t.length + (r ? 1 : 0);
-  return /* @__PURE__ */ g(V, { children: [
-    t.length > 1 && /* @__PURE__ */ a("nav", { className: "stmt__periods", "aria-label": "Períodos", children: t.map((h) => {
-      const v = h.key === d;
+  const c = R(null), d = F(() => t.map((f) => f.key), [t]), { current: m, pin: h } = or(c, d), p = P((f) => {
+    h(f);
+    const N = c.current;
+    if (!N) return;
+    const w = N.querySelector(`[data-period="${CSS.escape(f)}"]`);
+    w == null || w.scrollIntoView({ inline: "center", block: "nearest", behavior: "smooth" });
+  }, [h]), v = 1 + t.length + (r ? 1 : 0);
+  return /* @__PURE__ */ _(V, { children: [
+    t.length > 1 && /* @__PURE__ */ a("nav", { className: "stmt__periods", "aria-label": "Períodos", children: t.map((f) => {
+      const N = f.key === m;
       return /* @__PURE__ */ a(
         "button",
         {
           type: "button",
-          className: v ? "stmt__period stmt__period--current" : "stmt__period",
-          "aria-current": v ? "true" : void 0,
-          title: `${h.start} a ${h.end}`,
-          onClick: () => f(h.key),
-          children: h.label
+          className: N ? "stmt__period stmt__period--current" : "stmt__period",
+          "aria-current": N ? "true" : void 0,
+          title: `${f.start} a ${f.end}`,
+          onClick: () => p(f.key),
+          children: f.label
         },
-        h.key
+        f.key
       );
     }) }),
-    /* @__PURE__ */ a("div", { className: "stmt__scroll", ref: c, children: /* @__PURE__ */ g("table", { className: "stmt__table", children: [
-      /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ g("tr", { children: [
+    /* @__PURE__ */ a("div", { className: "stmt__scroll", ref: c, children: /* @__PURE__ */ _("table", { className: "stmt__table", children: [
+      /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ _("tr", { children: [
         /* @__PURE__ */ a("th", { className: "stmt__corner", scope: "col", children: e }),
-        t.map((h) => /* @__PURE__ */ a(
+        t.map((f) => /* @__PURE__ */ a(
           "th",
           {
             scope: "col",
-            "data-period": h.key,
-            title: `${h.start} a ${h.end}`,
-            children: h.label
+            "data-period": f.key,
+            title: `${f.start} a ${f.end}`,
+            children: f.label
           },
-          h.key
+          f.key
         )),
         r && /* @__PURE__ */ a("th", { scope: "col", className: "stmt__total-head", children: s })
       ] }) }),
-      /* @__PURE__ */ a("tbody", { children: n.map((h) => m.hidden.has(h.id) ? null : /* @__PURE__ */ a(
-        Sr,
+      /* @__PURE__ */ a("tbody", { children: n.map((f) => u.hidden.has(f.id) ? null : /* @__PURE__ */ a(
+        $r,
         {
-          line: h,
-          columnCount: p,
+          line: f,
+          columnCount: v,
           showTotal: r,
           showVertical: l,
           showHorizontal: i,
           comparisonLabel: o,
-          section: Ae(h, m)
+          section: Ae(f, u)
         },
-        h.id
+        f.id
       )) })
     ] }) })
   ] });
@@ -1267,12 +1338,12 @@ function kr({
 function Z(e) {
   return e.kind === "total" ? "total" : `period:${e.column.key}`;
 }
-function Ee(e) {
+function Me(e) {
   return e.kind === "total" ? e.label : e.column.label;
 }
-function Cr({ slots: e, selected: t, onSelect: n }) {
+function Tr({ slots: e, selected: t, onSelect: n }) {
   const r = () => n(Math.max(0, t - 1)), s = () => n(Math.min(e.length - 1, t + 1));
-  return /* @__PURE__ */ g("div", { className: "stmt__picker", role: "group", "aria-label": "Seleção de período", onKeyDown: (i) => {
+  return /* @__PURE__ */ _("div", { className: "stmt__picker", role: "group", "aria-label": "Seleção de período", onKeyDown: (i) => {
     i.key === "ArrowLeft" ? (i.preventDefault(), r()) : i.key === "ArrowRight" && (i.preventDefault(), s());
   }, children: [
     /* @__PURE__ */ a(
@@ -1293,7 +1364,7 @@ function Cr({ slots: e, selected: t, onSelect: n }) {
         "aria-label": "Período",
         value: String(t),
         onChange: (i) => n(Number(i.target.value)),
-        children: e.map((i, o) => /* @__PURE__ */ a("option", { value: String(o), children: Ee(i) }, Z(i)))
+        children: e.map((i, o) => /* @__PURE__ */ a("option", { value: String(o), children: Me(i) }, Z(i)))
       }
     ),
     /* @__PURE__ */ a(
@@ -1309,20 +1380,20 @@ function Cr({ slots: e, selected: t, onSelect: n }) {
     )
   ] });
 }
-function Rr({ line: e, index: t, previous: n }) {
+function Pr({ line: e, index: t, previous: n }) {
   const r = e.horizontalAnalysis[t];
   if (r != null)
-    return /* @__PURE__ */ g("span", { className: _e(r), title: `Variação sobre ${n.label}`, children: [
+    return /* @__PURE__ */ _("span", { className: _e(r), title: `Variação sobre ${n.label}`, children: [
       /* @__PURE__ */ a("span", { className: "stmt__aux-number", children: D(r, "percentage") }),
       " ",
-      /* @__PURE__ */ g("span", { className: "stmt__aux-label", children: [
+      /* @__PURE__ */ _("span", { className: "stmt__aux-label", children: [
         "vs ",
         n.label
       ] })
     ] });
   const s = e.formatted[t - 1];
-  return s == null ? null : /* @__PURE__ */ g("span", { className: _e(e.values[t - 1]), title: `Valor em ${n.label}`, children: [
-    /* @__PURE__ */ g("span", { className: "stmt__aux-label", children: [
+  return s == null ? null : /* @__PURE__ */ _("span", { className: _e(e.values[t - 1]), title: `Valor em ${n.label}`, children: [
+    /* @__PURE__ */ _("span", { className: "stmt__aux-label", children: [
       n.label,
       ":"
     ] }),
@@ -1330,55 +1401,55 @@ function Rr({ line: e, index: t, previous: n }) {
     /* @__PURE__ */ a("span", { className: "stmt__aux-number", children: s })
   ] });
 }
-function $r({ line: e, slot: t, previous: n, compare: r, section: s }) {
+function Ar({ line: e, slot: t, previous: n, compare: r, section: s }) {
   if (e.type === "separator")
     return /* @__PURE__ */ a("tr", { className: "stmt__row stmt__row--separator", children: /* @__PURE__ */ a("td", { colSpan: 2 }) });
-  if (Me(e))
-    return /* @__PURE__ */ g("tr", { className: K(e, s, { bold: !1 }), children: [
+  if (Ee(e))
+    return /* @__PURE__ */ _("tr", { className: K(e, s, { bold: !1 }), children: [
       /* @__PURE__ */ a(G, { line: e, section: s, indentStep: pe }),
       /* @__PURE__ */ a("td", {})
     ] });
   const l = t.kind === "total", i = l ? e.total : e.values[t.index], o = l ? e.totalFormatted ?? "-" : e.formatted[t.index];
-  return /* @__PURE__ */ g("tr", { className: K(e, s), children: [
+  return /* @__PURE__ */ _("tr", { className: K(e, s), children: [
     /* @__PURE__ */ a(G, { line: e, section: s, indentStep: pe }),
-    /* @__PURE__ */ g("td", { className: l ? "stmt__value stmt__value--total" : "stmt__value", children: [
+    /* @__PURE__ */ _("td", { className: l ? "stmt__value stmt__value--total" : "stmt__value", children: [
       /* @__PURE__ */ a("span", { className: Q(i), children: o }),
-      r && t.kind === "period" && n && /* @__PURE__ */ a(Rr, { line: e, index: t.index, previous: n })
+      r && t.kind === "period" && n && /* @__PURE__ */ a(Pr, { line: e, index: t.index, previous: n })
     ] })
   ] });
 }
-function xr({ name: e, columns: t, lines: n, showTotal: r, totalLabel: s, collapse: l }) {
-  const i = O(() => {
-    const w = t.map((y, C) => ({ kind: "period", index: C, column: y }));
+function Er({ name: e, columns: t, lines: n, showTotal: r, totalLabel: s, collapse: l }) {
+  const i = F(() => {
+    const w = t.map((y, T) => ({ kind: "period", index: T, column: y }));
     return r && w.push({ kind: "total", label: s }), w;
-  }, [t, r, s]), [o, m] = T(null), [c, u] = T(!0), d = t.length - 1, f = o == null ? -1 : i.findIndex((w) => Z(w) === o), p = f >= 0 ? f : d, h = i[p], v = h.kind === "period" && h.index > 0 ? t[h.index - 1] : null, k = x((w) => {
+  }, [t, r, s]), [o, u] = E(null), [c, d] = E(!0), m = t.length - 1, h = o == null ? -1 : i.findIndex((w) => Z(w) === o), p = h >= 0 ? h : m, v = i[p], f = v.kind === "period" && v.index > 0 ? t[v.index - 1] : null, N = P((w) => {
     const y = i[w];
-    y && m(Z(y));
+    y && u(Z(y));
   }, [i]);
-  return /* @__PURE__ */ g(V, { children: [
-    /* @__PURE__ */ a(Cr, { slots: i, selected: p, onSelect: k }),
-    /* @__PURE__ */ g("label", { className: "stmt__compare", children: [
+  return /* @__PURE__ */ _(V, { children: [
+    /* @__PURE__ */ a(Tr, { slots: i, selected: p, onSelect: N }),
+    /* @__PURE__ */ _("label", { className: "stmt__compare", children: [
       /* @__PURE__ */ a(
         "input",
         {
           type: "checkbox",
           checked: c,
-          onChange: (w) => u(w.target.checked)
+          onChange: (w) => d(w.target.checked)
         }
       ),
       "Comparar com o anterior"
     ] }),
-    /* @__PURE__ */ a("div", { className: "stmt__scroll", children: /* @__PURE__ */ g("table", { className: "stmt__list", children: [
-      /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ g("tr", { children: [
+    /* @__PURE__ */ a("div", { className: "stmt__scroll", children: /* @__PURE__ */ _("table", { className: "stmt__list", children: [
+      /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ _("tr", { children: [
         /* @__PURE__ */ a("th", { scope: "col", className: "stmt__list-name", children: e }),
-        /* @__PURE__ */ a("th", { scope: "col", className: "stmt__list-period", "aria-live": "polite", "aria-atomic": "true", children: Ee(h) })
+        /* @__PURE__ */ a("th", { scope: "col", className: "stmt__list-period", "aria-live": "polite", "aria-atomic": "true", children: Me(v) })
       ] }) }),
       /* @__PURE__ */ a("tbody", { children: n.map((w) => l.hidden.has(w.id) ? null : /* @__PURE__ */ a(
-        $r,
+        Ar,
         {
           line: w,
-          slot: h,
-          previous: v,
+          slot: v,
+          previous: f,
           compare: c,
           section: Ae(w, l)
         },
@@ -1387,71 +1458,75 @@ function xr({ name: e, columns: t, lines: n, showTotal: r, totalLabel: s, collap
     ] }) })
   ] });
 }
-function Tr({
+function Mr({
   layout: e,
   renderData: t,
   loading: n,
   error: r,
   filters: s,
   setFilter: l,
-  downloadPdf: i,
-  downloading: o,
-  showDownload: m,
-  mode: c
+  touched: i,
+  clearFilter: o,
+  downloadPdf: u,
+  downloading: c,
+  showDownload: d,
+  mode: m
 }) {
-  const u = (t == null ? void 0 : t.dateBounds) ?? e.dateBounds, d = e.periods.showTotal, f = (t == null ? void 0 : t.columns) ?? vr, p = (t == null ? void 0 : t.lines) ?? wr, h = or(p), [v, k] = T(!1), w = p.some((N) => N.verticalAnalysis.length > 0), y = p.some((N) => N.horizontalAnalysis.length > 0), C = e.periods.comparisonOffset, $ = C ? yr(C, e.periods.granularity) : void 0, P = br - (d ? 1 : 0), E = Math.max(0, f.length - P), b = /* @__PURE__ */ g("span", { className: "stmt__meta stmt__bounds", children: [
+  const h = (t == null ? void 0 : t.dateBounds) ?? e.dateBounds, p = e.periods.showTotal, v = (t == null ? void 0 : t.columns) ?? Sr, f = (t == null ? void 0 : t.lines) ?? kr, N = mr(f), [w, y] = E(!1), T = f.some((C) => C.verticalAnalysis.length > 0), A = f.some((C) => C.horizontalAnalysis.length > 0), M = e.periods.comparisonOffset, $ = M ? Cr(M, e.periods.granularity) : void 0, g = Nr - (p ? 1 : 0), b = Math.max(0, v.length - g), S = /* @__PURE__ */ _("span", { className: "stmt__meta stmt__bounds", children: [
     "Base: ",
-    u.min,
+    h.min,
     " a ",
-    u.max
+    h.max
   ] });
-  let _;
-  return t ? f.length === 0 ? _ = /* @__PURE__ */ a("div", { className: "stmt__state", children: "Nenhum período na janela selecionada." }) : p.length === 0 ? _ = /* @__PURE__ */ a("div", { className: "stmt__state", children: "Este demonstrativo não possui linhas." }) : c === "periods" ? _ = /* @__PURE__ */ a(
-    xr,
+  let x;
+  return t ? v.length === 0 ? x = /* @__PURE__ */ a("div", { className: "stmt__state", children: "Nenhum período na janela selecionada." }) : f.length === 0 ? x = /* @__PURE__ */ a("div", { className: "stmt__state", children: "Este demonstrativo não possui linhas." }) : m === "periods" ? x = /* @__PURE__ */ a(
+    Er,
     {
       name: t.name,
-      columns: f,
-      lines: p,
-      showTotal: d,
+      columns: v,
+      lines: f,
+      showTotal: p,
       totalLabel: e.periods.totalLabel,
-      collapse: h
+      collapse: N
     }
-  ) : _ = /* @__PURE__ */ a(
-    kr,
+  ) : x = /* @__PURE__ */ a(
+    xr,
     {
       name: t.name,
-      columns: f,
-      lines: p,
-      showTotal: d,
+      columns: v,
+      lines: f,
+      showTotal: p,
       totalLabel: e.periods.totalLabel,
-      showVertical: w,
-      showHorizontal: y,
+      showVertical: T,
+      showHorizontal: A,
       comparisonLabel: $,
-      collapse: h
+      collapse: N
     }
-  ) : _ = /* @__PURE__ */ a("div", { className: "stmt__state", children: "Calculando..." }), /* @__PURE__ */ g(V, { children: [
-    /* @__PURE__ */ g("div", { className: "stmt__toolbar", children: [
-      e.filters.map((N) => /* @__PURE__ */ a(
-        gr,
+  ) : x = /* @__PURE__ */ a("div", { className: "stmt__state", children: "Calculando..." }), /* @__PURE__ */ _(V, { children: [
+    /* @__PURE__ */ _("div", { className: "stmt__toolbar", children: [
+      e.filters.map((C) => /* @__PURE__ */ a(
+        yr,
         {
-          definition: N,
-          value: s[N.id] ?? "",
-          options: e.filterOptions[N.id] ?? [],
-          bounds: u,
-          rangeUnit: _r[e.periods.granularity] ?? "day",
-          onChange: (A) => l(N.id, A)
+          definition: C,
+          value: s[C.id] ?? "",
+          options: e.filterOptions[C.id] ?? [],
+          bounds: h,
+          rangeUnit: wr[e.periods.granularity] ?? "day",
+          touched: i[C.id] ?? !1,
+          onChange: (k) => l(C.id, k),
+          onClear: () => o(C.id)
         },
-        N.id
+        C.id
       )),
-      /* @__PURE__ */ g("div", { className: "stmt__toolbar-end", children: [
-        c === "table" && b,
-        h.hasSections && /* @__PURE__ */ g(V, { children: [
+      /* @__PURE__ */ _("div", { className: "stmt__toolbar-end", children: [
+        m === "table" && S,
+        N.hasSections && /* @__PURE__ */ _(V, { children: [
           /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               className: "stmt__outline",
-              onClick: h.collapseToSummary,
+              onClick: N.collapseToSummary,
               children: "Recolher seções"
             }
           ),
@@ -1460,53 +1535,53 @@ function Tr({
             {
               type: "button",
               className: "stmt__outline",
-              onClick: h.expandAll,
+              onClick: N.expandAll,
               children: "Expandir tudo"
             }
           )
         ] }),
-        m && /* @__PURE__ */ a(
+        d && /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             className: "stmt__download",
             onClick: () => {
-              if (E > 0 && !v) {
-                k(!0);
+              if (b > 0 && !w) {
+                y(!0);
                 return;
               }
-              k(!1), i();
+              y(!1), u();
             },
-            disabled: o || !t,
+            disabled: c || !t,
             title: "Baixar o documento em PDF",
-            children: o ? "Gerando..." : "Baixar PDF"
+            children: c ? "Gerando..." : "Baixar PDF"
           }
         )
       ] })
     ] }),
     r && /* @__PURE__ */ a("div", { className: "stmt__error", children: r }),
-    v && E > 0 && /* @__PURE__ */ g("div", { className: "stmt__warning", children: [
+    w && b > 0 && /* @__PURE__ */ _("div", { className: "stmt__warning", children: [
       "O PDF cabe ",
-      P,
+      g,
       " períodos e este documento tem ",
-      f.length,
+      v.length,
       ": o arquivo sairá com os ",
-      P,
+      g,
       " mais recentes",
-      d && ", e a coluna de total seguirá cobrindo a janela inteira",
+      p && ", e a coluna de total seguirá cobrindo a janela inteira",
       '. Clique em "Baixar PDF" de novo para gerar assim, ou reduza o período.'
     ] }),
-    (t == null ? void 0 : t.truncated) && /* @__PURE__ */ g("div", { className: "stmt__warning", children: [
+    (t == null ? void 0 : t.truncated) && /* @__PURE__ */ _("div", { className: "stmt__warning", children: [
       "A janela pedida excede o limite de colunas: o documento mostra as primeiras ",
-      f.length,
+      v.length,
       ". Escolha um período menor ou uma coluna mais larga."
     ] }),
-    _,
-    c === "periods" && b,
+    x,
+    m === "periods" && S,
     n && t && /* @__PURE__ */ a("div", { className: "stmt__recalculating", children: "Atualizando..." })
   ] });
 }
-function Or({
+function zr({
   token: e,
   palette: t,
   showDownload: n = !0,
@@ -1517,35 +1592,39 @@ function Or({
     layout: l,
     renderData: i,
     loading: o,
-    error: m,
+    error: u,
     filters: c,
-    setFilter: u,
-    downloadPdf: d,
-    downloading: f
-  } = tr(e), { ref: p, narrow: h } = ur(r === "auto"), v = r === "auto" ? h ? "periods" : "table" : r, k = ["stmt", `stmt--${v}`, s].filter(Boolean).join(" "), w = {
+    setFilter: d,
+    touched: m,
+    clearFilter: h,
+    downloadPdf: p,
+    downloading: v
+  } = nr(e), { ref: f, narrow: N } = pr(r === "auto"), w = r === "auto" ? N ? "periods" : "table" : r, y = ["stmt", `stmt--${w}`, s].filter(Boolean).join(" "), T = {
     ...t ? Ne(t) : {},
-    ...pr(l == null ? void 0 : l.colors)
+    ...vr(l == null ? void 0 : l.colors)
   };
-  let y;
-  return m && !l ? y = /* @__PURE__ */ a("div", { className: "stmt__error", children: m }) : l ? y = /* @__PURE__ */ a(
-    Tr,
+  let A;
+  return u && !l ? A = /* @__PURE__ */ a("div", { className: "stmt__error", children: u }) : l ? A = /* @__PURE__ */ a(
+    Mr,
     {
       layout: l,
       renderData: i,
       loading: o,
-      error: m,
+      error: u,
       filters: c,
-      setFilter: u,
-      downloadPdf: d,
-      downloading: f,
+      setFilter: d,
+      touched: m,
+      clearFilter: h,
+      downloadPdf: p,
+      downloading: v,
       showDownload: n,
-      mode: v
+      mode: w
     }
-  ) : y = /* @__PURE__ */ a("div", { className: "stmt__state", children: "Carregando demonstrativo..." }), /* @__PURE__ */ a("div", { ref: p, className: k, style: w, children: y });
+  ) : A = /* @__PURE__ */ a("div", { className: "stmt__state", children: "Carregando demonstrativo..." }), /* @__PURE__ */ a("div", { ref: f, className: y, style: T, children: A });
 }
 export {
-  Wr as ApiError,
-  Lr as Dashboard,
-  Or as Statement
+  Vr as ApiError,
+  Wr as Dashboard,
+  zr as Statement
 };
 //# sourceMappingURL=index.js.map