@actionexec/dashboards 0.12.0 → 0.13.0

package/dist/index.js

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