@actionexec/dashboards 0.16.2 → 0.18.0

package/dist/index.js

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