@actionexec/dashboards 0.1.0 → 0.5.0

package/dist/index.js

@@ -1,387 +1,207 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import { useState as T, useRef as O, useEffect as P, useCallback as F, useMemo as G } from "react";
-import { PieChart as Z, Pie as B, Cell as ee, Tooltip as j, LineChart as te, Line as ae, AreaChart as re, Area as ne, BarChart as le, Bar as se, CartesianGrid as ie, XAxis as ce, YAxis as oe, Legend as de } from "recharts";
-import ue from "react-datepicker";
-class ge extends Error {
-  constructor(t, n, r) {
-    super(t), this.status = n, this.payload = r, this.name = "ApiError";
-  }
-}
-function fe(e) {
-  const { apiUrl: t, token: n, fetch: r = globalThis.fetch } = e, a = e.endpointPrefix ?? "/external/dashboards", s = t.replace(/\/$/, "");
-  async function i(c, g) {
-    const u = new URL(`${s}${a}${c}`);
-    if (g)
-      for (const [d, f] of Object.entries(g)) u.searchParams.set(d, f);
-    const o = await r(u.toString(), {
-      headers: { Authorization: `Bearer ${n}` }
-    });
-    if (!o.ok) {
-      let d;
-      try {
-        d = await o.json();
-      } catch {
-      }
-      throw new ge(
-        `Requisicao falhou (${o.status}) em ${c}`,
-        o.status,
-        d
-      );
-    }
-    return await o.json();
-  }
-  return {
-    layout: () => i("/layout"),
-    render: (c) => i("/render", c)
-  };
-}
-const he = 300;
-function me(e) {
-  const [t, n] = T(null), [r, a] = T(null), [s, i] = T({}), [c, g] = T({}), [u, o] = T(null), [d, f] = T(!0), [v, h] = T(null), p = O(), k = O(!1);
-  P(() => {
-    let y = !1;
-    return e.layout().then((w) => {
-      y || n(w);
-    }).catch((w) => {
-      y || h(w.message);
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { useState as N, useRef as x, useEffect as T, useCallback as M, useMemo as G } from "react";
+import { L as j, O as z, J as H, z as I, G as W, m as D, u as R, H as X, k as L, t as q, r as Q, d as U, w as J, v as Z, b as B } from "./index-C3jiurhg.js";
+import { Q as Ke } from "./index-C3jiurhg.js";
+import { PieChart as ee, Pie as te, Cell as ae, Tooltip as P, LineChart as re, Line as le, AreaChart as ne, Area as ie, BarChart as se, Bar as ce, CartesianGrid as oe, XAxis as de, YAxis as ge, Legend as he } from "recharts";
+const ue = 300;
+function me(l) {
+  const [a, n] = N(null), [t, e] = N(null), [i, s] = N({}), [c, m] = N({}), [o, d] = N(null), [g, u] = N(!0), [w, h] = N(null), p = x(), k = x(!1);
+  T(() => {
+    let v = !1;
+    return j(l).then((f) => {
+      v || n(f);
+    }).catch((f) => {
+      v || h(f.message);
     }), () => {
-      y = !0;
+      v = !0;
     };
-  }, []), P(() => {
-    if (t)
+  }, [l]), T(() => {
+    if (a)
       return p.current && clearTimeout(p.current), p.current = setTimeout(() => {
-        const y = pe(s, c);
-        f(!0), e.render(y).then((w) => {
-          a(w), !k.current && w.applied && (k.current = !0, i((N) => ({ ..._e(w.applied), ...N }))), h(null);
-        }).catch((w) => h(w.message)).finally(() => f(!1));
-      }, he), () => {
+        const v = pe(i, c);
+        u(!0), z(l, v).then((f) => {
+          e(f), !k.current && f.applied && (k.current = !0, s(($) => ({ ..._e(f.applied), ...$ }))), h(null);
+        }).catch((f) => h(f.message)).finally(() => u(!1));
+      }, ue), () => {
         p.current && clearTimeout(p.current);
       };
-  }, [t, s, c, e]);
-  const $ = F((y, w) => {
-    i((N) => ({ ...N, [y]: w }));
-  }, []), b = F((y, w) => {
-    g((N) => ({ ...N, [y]: w }));
-  }, []), E = F((y) => {
-    o(y);
+  }, [l, a, i, c]);
+  const b = M((v, f) => {
+    s(($) => ({ ...$, [v]: f }));
+  }, []), C = M((v, f) => {
+    m(($) => ({ ...$, [v]: f }));
+  }, []), y = M((v) => {
+    d(v);
   }, []), S = G(
-    () => u ?? (t == null ? void 0 : t.palette) ?? [],
-    [u, t]
+    () => o ?? (a == null ? void 0 : a.palette) ?? [],
+    [o, a]
   );
   return {
-    layout: t,
-    renderData: r,
-    loading: d,
-    error: v,
-    filters: s,
+    layout: a,
+    renderData: t,
+    loading: g,
+    error: w,
+    filters: i,
     variables: c,
     palette: S,
-    setFilter: $,
-    setVariable: b,
-    setPalette: E
+    setFilter: b,
+    setVariable: C,
+    setPalette: y
   };
 }
-function pe(e, t) {
+function pe(l, a) {
   const n = {};
-  for (const [r, a] of Object.entries(e))
-    if (a.includes("|")) {
-      const [s, i] = a.split("|");
-      s && (n.f_date_start = s), i && (n.f_date_end = i);
+  for (const [t, e] of Object.entries(l))
+    if (e.includes("|")) {
+      const [i, s] = e.split("|");
+      i && (n.f_date_start = i), s && (n.f_date_end = s);
     } else
-      n[`f_${r}`] = a;
-  for (const [r, a] of Object.entries(t))
-    n[`v_${r}`] = String(a);
-  return n;
-}
-function _e(e) {
-  const t = {};
-  for (const [n, r] of Object.entries(e))
-    if (r && typeof r == "object" && "start" in r) {
-      const a = r;
-      t[n] = `${a.start || ""}|${a.end || ""}`;
-    } else Array.isArray(r) ? t[n] = r.join(",") : typeof r == "string" && (t[n] = r);
-  return t;
-}
-const _ = {
-  series0: 0,
-  series1: 1,
-  series2: 2,
-  series3: 3,
-  series4: 4,
-  bgDark: 5,
-  bgPaper: 6,
-  bgElevated: 7,
-  textPrimary: 8,
-  textMuted: 9,
-  accent: 10,
-  success: 11,
-  error: 12
-}, be = 5, x = 13, ve = {
-  series0: "Série 1",
-  series1: "Série 2",
-  series2: "Série 3",
-  series3: "Série 4",
-  series4: "Série 5",
-  bgDark: "Fundo Escuro",
-  bgPaper: "Fundo Cartão",
-  bgElevated: "Fundo Elevado",
-  textPrimary: "Texto Primário",
-  textMuted: "Texto Secundário",
-  accent: "Destaque",
-  success: "Sucesso",
-  error: "Erro"
-}, M = {
-  action: {
-    label: "Action",
-    colors: [
-      "#ff6b00",
-      "#a3e635",
-      "#e3f544",
-      "#65ffd1",
-      "#ff0404",
-      "#1a1a1a",
-      "#262626",
-      "#333333",
-      "#f5f5f5",
-      "#999999",
-      "#ff6b00",
-      "#a3e635",
-      "#ef4444"
-    ]
-  },
-  westCoast: {
-    label: "West Coast",
-    colors: [
-      "#a3b86c",
-      "#c89b3c",
-      "#8b6f47",
-      "#6b8e23",
-      "#d2691e",
-      "#1f1a14",
-      "#2a241b",
-      "#3a3225",
-      "#e8dcc4",
-      "#a89878",
-      "#c89b3c",
-      "#a3b86c",
-      "#c44536"
-    ]
-  },
-  mono: {
-    label: "Monocromático",
-    colors: [
-      "#f8fafc",
-      "#cbd5e1",
-      "#94a3b8",
-      "#64748b",
-      "#475569",
-      "#0a0a0a",
-      "#171717",
-      "#262626",
-      "#fafafa",
-      "#a3a3a3",
-      "#e5e5e5",
-      "#cbd5e1",
-      "#ef4444"
-    ]
-  },
-  ocean: {
-    label: "Ocean",
-    colors: [
-      "#0ea5e9",
-      "#06b6d4",
-      "#0891b2",
-      "#3b82f6",
-      "#22d3ee",
-      "#0a1929",
-      "#0f2740",
-      "#173554",
-      "#e0f2fe",
-      "#7dd3fc",
-      "#22d3ee",
-      "#10b981",
-      "#f43f5e"
-    ]
-  },
-  princess: {
-    label: "Cute Pink",
-    colors: [
-      "#ff79bc",
-      "#a855f7",
-      "#f472b6",
-      "#d946ef",
-      "#fb7185",
-      "#fff0f6",
-      "#ffe4ec",
-      "#ffffff",
-      "#ff4099",
-      "#ffadd5",
-      "#ec4899",
-      "#10b981",
-      "#e11d48"
-    ]
-  }
-}, rt = "action", V = M.action.colors;
-function C(e) {
-  const t = V;
-  if (!e || e.length === 0) return [...t];
-  if (e.length >= x) return e.slice(0, x);
-  const n = [...e];
-  for (let r = e.length; r < x; r++) n.push(t[r]);
+      n[`f_${t}`] = e;
+  for (const [t, e] of Object.entries(a))
+    n[`v_${t}`] = String(e);
   return n;
 }
-function K(e) {
-  return C(e).slice(0, be);
-}
-function we(e) {
-  const t = C(e);
-  return {
-    "--bg-dark": t[_.bgDark],
-    "--bg-paper": t[_.bgPaper],
-    "--bg-elevated": t[_.bgElevated],
-    "--text-primary": t[_.textPrimary],
-    "--text-secondary": t[_.textMuted],
-    "--text-muted": t[_.textMuted],
-    "--action-orange": t[_.accent],
-    "--action-green": t[_.success],
-    "--color-success": t[_.success],
-    "--color-error": t[_.error],
-    "--color-info": t[_.series2],
-    "--color-warning": t[_.series3]
-  };
+function _e(l) {
+  const a = {};
+  for (const [n, t] of Object.entries(l))
+    if (t && typeof t == "object" && "start" in t) {
+      const e = t;
+      a[n] = `${e.start || ""}|${e.end || ""}`;
+    } else Array.isArray(t) ? a[n] = t.join(",") : typeof t == "string" && (a[n] = t);
+  return a;
 }
-function ye({ data: e, label: t }) {
-  const n = t || String(e.label || ""), r = String(e.formatted || "-"), a = e.comparison, s = (a == null ? void 0 : a.trend) === "up" ? "widget-kpi__trend--up" : (a == null ? void 0 : a.trend) === "down" ? "widget-kpi__trend--down" : "", i = (a == null ? void 0 : a.trend) === "up" ? "↑" : (a == null ? void 0 : a.trend) === "down" ? "↓" : "";
-  return /* @__PURE__ */ m("div", { className: "widget widget-kpi", children: [
-    /* @__PURE__ */ l("span", { className: "widget-kpi__label", children: n }),
-    /* @__PURE__ */ l("span", { className: "widget-kpi__value", children: r }),
-    a && a.variance_pct != null && /* @__PURE__ */ m("div", { className: `widget-kpi__trend ${s}`, children: [
-      /* @__PURE__ */ m("span", { className: "widget-kpi__variance", children: [
-        i,
+function be({ data: l, label: a }) {
+  const n = a || String(l.label || ""), t = String(l.formatted || "-"), e = l.comparison, i = (e == null ? void 0 : e.trend) === "up" ? "widget-kpi__trend--up" : (e == null ? void 0 : e.trend) === "down" ? "widget-kpi__trend--down" : "", s = (e == null ? void 0 : e.trend) === "up" ? "↑" : (e == null ? void 0 : e.trend) === "down" ? "↓" : "";
+  return /* @__PURE__ */ _("div", { className: "widget widget-kpi", children: [
+    /* @__PURE__ */ r("span", { className: "widget-kpi__label", children: n }),
+    /* @__PURE__ */ r("span", { className: "widget-kpi__value", children: t }),
+    e && e.variance_pct != null && /* @__PURE__ */ _("div", { className: `widget-kpi__trend ${i}`, children: [
+      /* @__PURE__ */ _("span", { className: "widget-kpi__variance", children: [
+        s,
         " ",
-        a.variance_pct > 0 ? "+" : "",
-        a.variance_pct.toFixed(1),
+        e.variance_pct > 0 ? "+" : "",
+        e.variance_pct.toFixed(1),
         "%"
       ] }),
-      a.label && /* @__PURE__ */ l("span", { className: "widget-kpi__trend-label", children: a.label })
+      e.label && /* @__PURE__ */ r("span", { className: "widget-kpi__trend-label", children: e.label })
     ] })
   ] });
 }
-const Se = "var(--bg-elevated)";
-function R(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 a = r * Math.PI, s = e - n * Math.cos(a), i = t - n * Math.sin(a);
-  return `M ${e - n} ${t} A ${n} ${n} 0 0 1 ${s} ${i}`;
-}
-function Y(e) {
-  const t = Math.abs(e);
-  return t >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : t >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : e.toLocaleString("pt-BR");
-}
-function Ne({ data: e, palette: t, label: n }) {
-  const r = n || String(e.label || ""), a = typeof e.value == "number" ? e.value : null, s = a != null ? Y(a) : "-", i = String(e.formatted || "-"), c = typeof e.ratio == "number" ? e.ratio : 0, g = e.target_value, u = e.comparison_label, o = c >= 1, d = Math.min(Math.max(c, 0), 1), f = o ? "var(--action-green)" : c >= 0.7 ? t[0] || "var(--color-info)" : c >= 0.4 ? "var(--color-warning)" : "var(--color-error)", v = g != null ? Y(g) : "-", h = 50, p = 50, k = 44, $ = 10;
-  return /* @__PURE__ */ m("div", { className: "widget widget-gauge", children: [
-    /* @__PURE__ */ l("span", { className: "widget-gauge__label", children: r }),
-    /* @__PURE__ */ m("div", { className: "widget-gauge__chart", children: [
-      /* @__PURE__ */ m("svg", { viewBox: "0 0 100 56", preserveAspectRatio: "xMidYMax meet", children: [
-        /* @__PURE__ */ l("path", { d: R(h, p, k, 1), fill: "none", stroke: Se, strokeWidth: $, strokeLinecap: "butt" }),
-        d > 0 && /* @__PURE__ */ l("path", { d: R(h, p, k, d), fill: "none", stroke: f, strokeWidth: $, strokeLinecap: "butt" })
+const fe = "var(--bg-elevated)";
+function O(l, a, n, t) {
+  if (t <= 0) return "";
+  if (t >= 1)
+    return `M ${l - n} ${a} A ${n} ${n} 0 0 1 ${l} ${a - n} A ${n} ${n} 0 0 1 ${l + n} ${a}`;
+  const e = t * Math.PI, i = l - n * Math.cos(e), s = a - n * Math.sin(e);
+  return `M ${l - n} ${a} A ${n} ${n} 0 0 1 ${i} ${s}`;
+}
+function A(l) {
+  const a = Math.abs(l);
+  return a >= 1e6 ? `${(l / 1e6).toFixed(1)}M` : a >= 1e3 ? `${(l / 1e3).toFixed(1)}K` : l.toLocaleString("pt-BR");
+}
+function ve({ data: l, palette: a, label: n }) {
+  const t = n || String(l.label || ""), e = typeof l.value == "number" ? l.value : null, i = e != null ? A(e) : "-", s = String(l.formatted || "-"), c = typeof l.ratio == "number" ? l.ratio : 0, m = l.target_value, o = l.comparison_label, d = c >= 1, g = Math.min(Math.max(c, 0), 1), u = d ? "var(--action-green)" : c >= 0.7 ? a[0] || "var(--color-info)" : c >= 0.4 ? "var(--color-warning)" : "var(--color-error)", w = m != null ? A(m) : "-", h = 50, p = 50, k = 44, b = 10;
+  return /* @__PURE__ */ _("div", { className: "widget widget-gauge", children: [
+    /* @__PURE__ */ r("span", { className: "widget-gauge__label", children: t }),
+    /* @__PURE__ */ _("div", { className: "widget-gauge__chart", children: [
+      /* @__PURE__ */ _("svg", { viewBox: "0 0 100 56", preserveAspectRatio: "xMidYMax meet", children: [
+        /* @__PURE__ */ r("path", { d: O(h, p, k, 1), fill: "none", stroke: fe, strokeWidth: b, strokeLinecap: "butt" }),
+        g > 0 && /* @__PURE__ */ r("path", { d: O(h, p, k, g), fill: "none", stroke: u, strokeWidth: b, strokeLinecap: "butt" })
       ] }),
-      /* @__PURE__ */ m("div", { className: "widget-gauge__center", children: [
-        /* @__PURE__ */ l("span", { className: "widget-gauge__percent", children: i }),
-        /* @__PURE__ */ m("span", { className: "widget-gauge__comparison", children: [
-          s,
+      /* @__PURE__ */ _("div", { className: "widget-gauge__center", children: [
+        /* @__PURE__ */ r("span", { className: "widget-gauge__percent", children: s }),
+        /* @__PURE__ */ _("span", { className: "widget-gauge__comparison", children: [
+          i,
           " / ",
-          v
+          w
         ] }),
-        o && /* @__PURE__ */ l("span", { className: "widget-gauge__badge", children: u || "Meta batida" }),
-        !o && u && /* @__PURE__ */ l("span", { className: "widget-gauge__comparison", children: u })
+        d && /* @__PURE__ */ r("span", { className: "widget-gauge__badge", children: o || "Meta batida" }),
+        !d && o && /* @__PURE__ */ r("span", { className: "widget-gauge__comparison", children: o })
       ] })
     ] })
   ] });
 }
-const W = { fontSize: 10, fill: "var(--text-muted)" }, Te = "var(--bg-elevated)", z = {
+const E = { fontSize: 10, fill: "var(--text-muted)" }, we = "var(--bg-elevated)", Y = {
   backgroundColor: "var(--bg-elevated)",
   border: "1px solid var(--bg-paper)",
   borderRadius: "6px",
   color: "var(--text-primary)"
-}, J = {
+}, V = {
   color: "var(--text-primary)",
   fontWeight: 600
 };
-function H(e, t) {
-  var a;
-  const n = Array.isArray(t) ? t[0] : void 0, r = (a = n == null ? void 0 : n.payload) == null ? void 0 : a.tooltipLabel;
-  return typeof r == "string" && r ? r : String(e ?? "");
-}
-function ke(e) {
-  const [t, n] = T({ width: 0, height: 0 });
-  return P(() => {
-    const r = e.current;
-    if (!r) return;
-    const a = new ResizeObserver(([s]) => {
-      const { width: i, height: c } = s.contentRect;
+function K(l, a) {
+  var e;
+  const n = Array.isArray(a) ? a[0] : void 0, t = (e = n == null ? void 0 : n.payload) == null ? void 0 : e.tooltipLabel;
+  return typeof t == "string" && t ? t : String(l ?? "");
+}
+function ye(l) {
+  const [a, n] = N({ width: 0, height: 0 });
+  return T(() => {
+    const t = l.current;
+    if (!t) return;
+    const e = new ResizeObserver(([i]) => {
+      const { width: s, height: c } = i.contentRect;
       n(
-        (g) => g.width !== Math.floor(i) || g.height !== Math.floor(c) ? { width: Math.floor(i), height: Math.floor(c) } : g
+        (m) => m.width !== Math.floor(s) || m.height !== Math.floor(c) ? { width: Math.floor(s), height: Math.floor(c) } : m
       );
     });
-    return a.observe(r), () => a.disconnect();
-  }, [e]), t;
-}
-function L({ Chart: e, chartData: t, xKey: n, series: r, palette: a, renderSeries: s, width: i, height: c }) {
-  return /* @__PURE__ */ m(e, { data: t, width: i, height: c, children: [
-    /* @__PURE__ */ l(ie, { strokeDasharray: "3 3", stroke: Te }),
-    /* @__PURE__ */ l(ce, { dataKey: n, tick: W }),
-    /* @__PURE__ */ l(oe, { tick: W }),
-    /* @__PURE__ */ l(
-      j,
+    return e.observe(t), () => e.disconnect();
+  }, [l]), a;
+}
+function F({ Chart: l, chartData: a, xKey: n, series: t, palette: e, renderSeries: i, width: s, height: c }) {
+  return /* @__PURE__ */ _(l, { data: a, width: s, height: c, children: [
+    /* @__PURE__ */ r(oe, { strokeDasharray: "3 3", stroke: we }),
+    /* @__PURE__ */ r(de, { dataKey: n, tick: E }),
+    /* @__PURE__ */ r(ge, { tick: E }),
+    /* @__PURE__ */ r(
+      P,
       {
-        contentStyle: z,
-        labelStyle: J,
-        labelFormatter: H,
+        contentStyle: Y,
+        labelStyle: V,
+        labelFormatter: K,
         cursor: { fill: "var(--bg-paper)", opacity: 0.3 }
       }
     ),
-    r.length > 1 && /* @__PURE__ */ l(de, {}),
-    r.map((g, u) => s(g, a[u % a.length], u))
+    t.length > 1 && /* @__PURE__ */ r(he, {}),
+    t.map((m, o) => i(m, e[o % e.length], o))
   ] });
 }
-function $e({ data: e, palette: t, label: n }) {
-  const r = String(e.chartType || "bar"), a = n || String(e.label || ""), s = String(e.xKey || "label"), i = e.series || [], c = e.data || [], g = O(null), { width: u, height: o } = ke(g);
-  return c.length ? /* @__PURE__ */ m("div", { className: "widget widget-chart", children: [
-    a && /* @__PURE__ */ l("h4", { className: "widget-chart__title", children: a }),
-    /* @__PURE__ */ l("div", { ref: g, className: "widget-chart__container", children: (() => {
-      var v;
-      if (u <= 0 || o <= 0) return null;
-      if (r === "pie")
-        return /* @__PURE__ */ m(Z, { width: u, height: o, children: [
-          /* @__PURE__ */ l(
-            B,
+function Ne({ data: l, palette: a, label: n }) {
+  const t = String(l.chartType || "bar"), e = n || String(l.label || ""), i = String(l.xKey || "label"), s = l.series || [], c = l.data || [], m = x(null), { width: o, height: d } = ye(m);
+  return c.length ? /* @__PURE__ */ _("div", { className: "widget widget-chart", children: [
+    e && /* @__PURE__ */ r("h4", { className: "widget-chart__title", children: e }),
+    /* @__PURE__ */ r("div", { ref: m, className: "widget-chart__container", children: (() => {
+      var w;
+      if (o <= 0 || d <= 0) return null;
+      if (t === "pie")
+        return /* @__PURE__ */ _(ee, { width: o, height: d, children: [
+          /* @__PURE__ */ r(
+            te,
             {
               data: c,
-              dataKey: ((v = i[0]) == null ? void 0 : v.key) || "s0",
-              nameKey: s,
+              dataKey: ((w = s[0]) == null ? void 0 : w.key) || "s0",
+              nameKey: i,
               cx: "50%",
               cy: "50%",
               outerRadius: "75%",
               label: ({ name: h, percent: p }) => `${h}: ${(p * 100).toFixed(0)}%`,
               labelLine: !1,
-              children: c.map((h, p) => /* @__PURE__ */ l(ee, { fill: t[p % t.length] }, p))
+              children: c.map((h, p) => /* @__PURE__ */ r(ae, { fill: a[p % a.length] }, p))
             }
           ),
-          /* @__PURE__ */ l(
-            j,
+          /* @__PURE__ */ r(
+            P,
             {
-              contentStyle: z,
-              labelStyle: J,
-              labelFormatter: H
+              contentStyle: Y,
+              labelStyle: V,
+              labelFormatter: K
             }
           )
         ] });
-      const f = { chartData: c, xKey: s, series: i, palette: t, width: u, height: o };
-      return r === "line" ? /* @__PURE__ */ l(L, { ...f, Chart: te, renderSeries: (h, p) => /* @__PURE__ */ l(
-        ae,
+      const u = { chartData: c, xKey: i, series: s, palette: a, width: o, height: d };
+      return t === "line" ? /* @__PURE__ */ r(F, { ...u, Chart: re, renderSeries: (h, p) => /* @__PURE__ */ r(
+        le,
         {
           type: "monotone",
           dataKey: h.key,
@@ -391,8 +211,8 @@ function $e({ data: e, palette: t, label: n }) {
           dot: c.length <= 31
         },
         h.key
-      ) }) : r === "area" ? /* @__PURE__ */ l(L, { ...f, Chart: re, renderSeries: (h, p) => /* @__PURE__ */ l(
-        ne,
+      ) }) : t === "area" ? /* @__PURE__ */ r(F, { ...u, Chart: ne, renderSeries: (h, p) => /* @__PURE__ */ r(
+        ie,
         {
           type: "monotone",
           dataKey: h.key,
@@ -402,8 +222,8 @@ function $e({ data: e, palette: t, label: n }) {
           fillOpacity: 0.3
         },
         h.key
-      ) }) : /* @__PURE__ */ l(L, { ...f, Chart: le, renderSeries: (h, p) => /* @__PURE__ */ l(
-        se,
+      ) }) : /* @__PURE__ */ r(F, { ...u, Chart: se, renderSeries: (h, p) => /* @__PURE__ */ r(
+        ce,
         {
           dataKey: h.key,
           name: h.label,
@@ -413,670 +233,330 @@ function $e({ data: e, palette: t, label: n }) {
         h.key
       ) });
     })() })
-  ] }) : /* @__PURE__ */ l("div", { className: "widget widget-chart widget-chart--empty", children: "Sem dados" });
-}
-const X = [
-  "Jan",
-  "Fev",
-  "Mar",
-  "Abr",
-  "Mai",
-  "Jun",
-  "Jul",
-  "Ago",
-  "Set",
-  "Out",
-  "Nov",
-  "Dez"
-], nt = [
-  "Janeiro",
-  "Fevereiro",
-  "Marco",
-  "Abril",
-  "Maio",
-  "Junho",
-  "Julho",
-  "Agosto",
-  "Setembro",
-  "Outubro",
-  "Novembro",
-  "Dezembro"
-];
-function De(e) {
-  return { start: `${e}-01-01`, end: `${e}-12-31` };
-}
-function Ce(e) {
-  if (!e) return null;
-  const t = e.match(/^(\d{4})/);
-  return t ? { year: parseInt(t[1]) } : null;
-}
-function Ee(e, t) {
-  const n = new Date(e, t, 0).getDate(), r = (a) => String(a).padStart(2, "0");
-  return {
-    start: `${e}-${r(t)}-01`,
-    end: `${e}-${r(t)}-${r(n)}`
-  };
-}
-function q(e) {
-  const t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()));
-  t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
-  const n = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
-  return Math.ceil(((t.getTime() - n.getTime()) / 864e5 + 1) / 7);
-}
-function lt(e, t) {
-  const n = new Date(e, 0, 4), r = (n.getDay() + 6) % 7, a = new Date(n.getTime() - r * 864e5), s = new Date(a.getTime() + (t - 1) * 7 * 864e5), i = new Date(s.getTime() + 6 * 864e5), c = (u) => String(u).padStart(2, "0"), g = (u) => `${u.getFullYear()}-${c(u.getMonth() + 1)}-${c(u.getDate())}`;
-  return { start: g(s), end: g(i) };
-}
-function st(e, t) {
-  const n = /* @__PURE__ */ new Set(), r = new Date(e, t, 0).getDate();
-  for (let a = 1; a <= r; a++)
-    n.add(q(new Date(e, t - 1, a)));
-  return Array.from(n).sort((a, s) => a - s);
-}
-function A(e, t) {
-  const n = new Date(e, t, 0).getDate(), r = (c) => String(c).padStart(2, "0"), a = [];
-  let s = 1, i = 1;
-  for (; s <= n; ) {
-    const c = s, g = Math.min(s + 6, n), u = `${e}-${r(t)}-${r(c)}`, o = `${e}-${r(t)}-${r(g)}`, d = `${i}° Semana (${r(c)}/${r(t)} - ${r(g)}/${r(t)})`;
-    a.push({ index: i, startDay: c, endDay: g, start: u, end: o, label: d }), s = g + 1, i++;
-  }
-  return a;
-}
-function xe(e, t, n) {
-  if (!e) return 1;
-  const r = (i) => String(i).padStart(2, "0"), a = e.match(new RegExp(`^${t}-${r(n)}-(\\d{2})`));
-  if (!a) return 1;
-  const s = parseInt(a[1]);
-  return Math.ceil(s / 7);
-}
-function Q(e) {
-  if (!e) return null;
-  const t = e.match(/^(\d{4})-(\d{2})/);
-  return t ? { year: parseInt(t[1]), month: parseInt(t[2]) } : null;
-}
-function it(e) {
-  if (!e) return null;
-  const t = /* @__PURE__ */ new Date(e + "T00:00:00");
-  return isNaN(t.getTime()) ? null : { year: t.getFullYear(), week: q(t) };
-}
-function I(e) {
-  const t = /* @__PURE__ */ new Date(), n = e != null && e.min ? parseInt(e.min.slice(0, 4)) : t.getFullYear() - 2, r = e != null && e.max ? parseInt(e.max.slice(0, 4)) : t.getFullYear(), a = [];
-  for (let s = r; s >= n; s--) a.push(s);
-  return a;
-}
-function D(e) {
-  if (!e) return null;
-  const [t, n, r] = e.split("-").map(Number);
-  return !t || !n || !r ? null : new Date(t, n - 1, r);
-}
-function Me(e) {
-  if (!e) return "";
-  const t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
-  return `${t}-${n}-${r}`;
-}
-function U({
-  value: e,
-  onChange: t,
-  minIso: n,
-  maxIso: r,
-  placeholder: a,
-  selectsStart: s,
-  selectsEnd: i,
-  startIso: c,
-  endIso: g,
-  className: u,
-  disabled: o
-}) {
-  return /* @__PURE__ */ l("div", { className: `ddp-field ${u ?? ""}`, children: /* @__PURE__ */ l(
-    ue,
-    {
-      selected: D(e),
-      onChange: (d) => t(Me(d)),
-      selectsStart: s,
-      selectsEnd: i,
-      startDate: D(c) ?? void 0,
-      endDate: D(g) ?? void 0,
-      minDate: D(n) ?? void 0,
-      maxDate: D(r) ?? void 0,
-      dateFormat: "dd/MM/yyyy",
-      placeholderText: a ?? "Selecione...",
-      disabled: o,
-      portalId: "ddp-portal",
-      popperPlacement: "bottom-start",
-      popperModifiers: [
-        {
-          name: "flip",
-          options: { fallbackPlacements: ["bottom-end", "top-start", "top-end"] },
-          fn: (d) => d
-        }
-      ]
-    }
-  ) });
-}
-function Fe({ config: e, value: t, options: n = [], dateBounds: r, onChange: a }) {
-  const s = e.filterType || "select", i = e.label || "Filtro", c = e.dateFilterMode || "range";
-  return /* @__PURE__ */ m("div", { className: "widget-filter", children: [
-    /* @__PURE__ */ l("label", { className: "widget-filter__label", children: i }),
-    s === "date_range" ? c === "yearly" ? /* @__PURE__ */ l(Ae, { value: t, dateBounds: r, onChange: a }) : c === "monthly" ? /* @__PURE__ */ l(Oe, { value: t, dateBounds: r, onChange: a }) : c === "weekly" ? /* @__PURE__ */ l(Pe, { value: t, dateBounds: r, onChange: a }) : /* @__PURE__ */ l(Le, { value: t, dateBounds: r, onChange: a }) : /* @__PURE__ */ l(
-      Ie,
+  ] }) : /* @__PURE__ */ r("div", { className: "widget widget-chart widget-chart--empty", children: "Sem dados" });
+}
+function ke({ config: l, value: a, options: n = [], dateBounds: t, onChange: e }) {
+  const i = l.filterType || "select", s = l.label || "Filtro", c = l.dateFilterMode || "range";
+  return /* @__PURE__ */ _("div", { className: "widget-filter", children: [
+    /* @__PURE__ */ r("label", { className: "widget-filter__label", children: s }),
+    i === "date_range" ? c === "yearly" ? /* @__PURE__ */ r(Ce, { value: a, dateBounds: t, onChange: e }) : c === "monthly" ? /* @__PURE__ */ r(Se, { value: a, dateBounds: t, onChange: e }) : c === "weekly" ? /* @__PURE__ */ r(Me, { value: a, dateBounds: t, onChange: e }) : /* @__PURE__ */ r($e, { value: a, dateBounds: t, onChange: e }) : /* @__PURE__ */ r(
+      Re,
       {
-        value: t,
+        value: a,
         options: n,
-        multi: s === "multi_select",
-        onChange: a
+        multi: i === "multi_select",
+        onChange: e
       }
     )
   ] });
 }
-function Le({ value: e, dateBounds: t, onChange: n }) {
-  const [r, a] = e ? e.split("|") : ["", ""];
-  return /* @__PURE__ */ m("div", { className: "widget-filter__date-range widget-filter__date-range--stacked", children: [
-    /* @__PURE__ */ l(
-      U,
+function $e({ value: l, dateBounds: a, onChange: n }) {
+  const [t, e] = l ? l.split("|") : ["", ""];
+  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--stacked", children: [
+    /* @__PURE__ */ r(
+      L,
       {
-        value: r,
-        minIso: t == null ? void 0 : t.min,
-        maxIso: a || (t == null ? void 0 : t.max),
+        value: t,
+        minIso: a == null ? void 0 : a.min,
+        maxIso: e || (a == null ? void 0 : a.max),
         selectsStart: !0,
-        startIso: r,
-        endIso: a,
+        startIso: t,
+        endIso: e,
         placeholder: "Data inicial",
-        onChange: (s) => n(`${s}|${a}`)
+        onChange: (i) => n(`${i}|${e}`)
       }
     ),
-    /* @__PURE__ */ l(
-      U,
+    /* @__PURE__ */ r(
+      L,
       {
-        value: a,
-        minIso: r || (t == null ? void 0 : t.min),
-        maxIso: t == null ? void 0 : t.max,
+        value: e,
+        minIso: t || (a == null ? void 0 : a.min),
+        maxIso: a == null ? void 0 : a.max,
         selectsEnd: !0,
-        startIso: r,
-        endIso: a,
+        startIso: t,
+        endIso: e,
         placeholder: "Data final",
-        onChange: (s) => n(`${r}|${s}`)
+        onChange: (i) => n(`${t}|${i}`)
       }
     )
   ] });
 }
-function Ae({ value: e, dateBounds: t, onChange: n }) {
-  const [r] = e ? e.split("|") : [""], a = Ce(r), s = /* @__PURE__ */ new Date(), i = (a == null ? void 0 : a.year) ?? s.getFullYear(), c = I(t), g = (u) => {
-    const o = De(u);
-    n(`${o.start}|${o.end}`);
+function Ce({ value: l, dateBounds: a, onChange: n }) {
+  const [t] = l ? l.split("|") : [""], e = H(t), i = /* @__PURE__ */ new Date(), s = (e == null ? void 0 : e.year) ?? i.getFullYear(), c = I(a), m = (o) => {
+    const d = Q(o);
+    n(`${d.start}|${d.end}`);
   };
-  return /* @__PURE__ */ l("div", { className: "widget-filter__date-range widget-filter__date-range--year", children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ r("div", { className: "widget-filter__date-range widget-filter__date-range--year", children: /* @__PURE__ */ r(
     "select",
     {
       className: "widget-filter__select",
-      value: i,
-      onChange: (u) => g(parseInt(u.target.value)),
-      children: c.map((u) => /* @__PURE__ */ l("option", { value: u, children: u }, u))
+      value: s,
+      onChange: (o) => m(parseInt(o.target.value)),
+      children: c.map((o) => /* @__PURE__ */ r("option", { value: o, children: o }, o))
     }
   ) });
 }
-function Oe({ value: e, dateBounds: t, onChange: n }) {
-  const [r] = e ? e.split("|") : [""], a = Q(r), s = /* @__PURE__ */ new Date(), i = (a == null ? void 0 : a.year) ?? s.getFullYear(), c = (a == null ? void 0 : a.month) ?? s.getMonth() + 1, g = I(t), u = (o, d) => {
-    const f = Ee(o, d);
-    n(`${f.start}|${f.end}`);
+function Se({ value: l, dateBounds: a, onChange: n }) {
+  const [t] = l ? l.split("|") : [""], e = W(t), i = /* @__PURE__ */ new Date(), s = (e == null ? void 0 : e.year) ?? i.getFullYear(), c = (e == null ? void 0 : e.month) ?? i.getMonth() + 1, m = I(a), o = (d, g) => {
+    const u = q(d, g);
+    n(`${u.start}|${u.end}`);
   };
-  return /* @__PURE__ */ m("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
+    /* @__PURE__ */ r(
       "select",
       {
         className: "widget-filter__select",
         value: c,
-        onChange: (o) => u(i, parseInt(o.target.value)),
-        children: X.map((o, d) => /* @__PURE__ */ l("option", { value: d + 1, children: o }, d + 1))
+        onChange: (d) => o(s, parseInt(d.target.value)),
+        children: D.map((d, g) => /* @__PURE__ */ r("option", { value: g + 1, children: d }, g + 1))
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ r(
       "select",
       {
         className: "widget-filter__select",
-        value: i,
-        onChange: (o) => u(parseInt(o.target.value), c),
-        children: g.map((o) => /* @__PURE__ */ l("option", { value: o, children: o }, o))
+        value: s,
+        onChange: (d) => o(parseInt(d.target.value), c),
+        children: m.map((d) => /* @__PURE__ */ r("option", { value: d, children: d }, d))
       }
     )
   ] });
 }
-function Pe({ value: e, dateBounds: t, onChange: n }) {
-  const [r] = e ? e.split("|") : [""], a = Q(r), s = /* @__PURE__ */ new Date(), i = (a == null ? void 0 : a.year) ?? s.getFullYear(), c = (a == null ? void 0 : a.month) ?? s.getMonth() + 1, g = I(t), u = A(i, c), o = xe(r, i, c) || 1;
-  return /* @__PURE__ */ m("div", { className: "widget-filter__date-range widget-filter__date-range--week", children: [
-    /* @__PURE__ */ l(
+function Me({ value: l, dateBounds: a, onChange: n }) {
+  const [t] = l ? l.split("|") : [""], e = W(t), i = /* @__PURE__ */ new Date(), s = (e == null ? void 0 : e.year) ?? i.getFullYear(), c = (e == null ? void 0 : e.month) ?? i.getMonth() + 1, m = I(a), o = R(s, c), d = X(t, s, c) || 1;
+  return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--week", children: [
+    /* @__PURE__ */ r(
       "select",
       {
         className: "widget-filter__select",
-        value: i,
-        onChange: (d) => {
-          const f = parseInt(d.target.value), h = A(f, c)[0];
+        value: s,
+        onChange: (g) => {
+          const u = parseInt(g.target.value), h = R(u, c)[0];
           h && n(`${h.start}|${h.end}`);
         },
-        children: g.map((d) => /* @__PURE__ */ l("option", { value: d, children: d }, d))
+        children: m.map((g) => /* @__PURE__ */ r("option", { value: g, children: g }, g))
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ r(
       "select",
       {
         className: "widget-filter__select",
         value: c,
-        onChange: (d) => {
-          const f = parseInt(d.target.value), h = A(i, f)[0];
+        onChange: (g) => {
+          const u = parseInt(g.target.value), h = R(s, u)[0];
           h && n(`${h.start}|${h.end}`);
         },
-        children: X.map((d, f) => /* @__PURE__ */ l("option", { value: f + 1, children: d }, f + 1))
+        children: D.map((g, u) => /* @__PURE__ */ r("option", { value: u + 1, children: g }, u + 1))
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ r(
       "select",
       {
         className: "widget-filter__select",
-        value: o,
-        onChange: (d) => {
-          const f = u[parseInt(d.target.value) - 1];
-          f && n(`${f.start}|${f.end}`);
+        value: d,
+        onChange: (g) => {
+          const u = o[parseInt(g.target.value) - 1];
+          u && n(`${u.start}|${u.end}`);
         },
-        children: u.map((d) => /* @__PURE__ */ l("option", { value: d.index, children: d.label }, d.index))
+        children: o.map((g) => /* @__PURE__ */ r("option", { value: g.index, children: g.label }, g.index))
       }
     )
   ] });
 }
-function Ie({ value: e, options: t, multi: n, onChange: r }) {
+function Re({ value: l, options: a, multi: n, onChange: t }) {
   if (n) {
-    const a = e ? e.split(",") : [], s = (i) => {
-      const c = a.includes(i) ? a.filter((g) => g !== i) : [...a, i];
-      r(c.join(","));
+    const e = l ? l.split(",") : [], i = (s) => {
+      const c = e.includes(s) ? e.filter((m) => m !== s) : [...e, s];
+      t(c.join(","));
     };
-    return /* @__PURE__ */ l("div", { className: "widget-filter__multi", children: t.map((i) => /* @__PURE__ */ m("label", { className: "widget-filter__multi-option", children: [
-      /* @__PURE__ */ l(
+    return /* @__PURE__ */ r("div", { className: "widget-filter__multi", children: a.map((s) => /* @__PURE__ */ _("label", { className: "widget-filter__multi-option", children: [
+      /* @__PURE__ */ r(
         "input",
         {
           type: "checkbox",
-          checked: a.includes(i),
-          onChange: () => s(i)
+          checked: e.includes(s),
+          onChange: () => i(s)
         }
       ),
-      i
-    ] }, i)) });
+      s
+    ] }, s)) });
   }
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ _(
     "select",
     {
       className: "widget-filter__select",
-      value: e,
-      onChange: (a) => r(a.target.value),
+      value: l,
+      onChange: (e) => t(e.target.value),
       children: [
-        /* @__PURE__ */ l("option", { value: "", children: "Todos" }),
-        t.map((a) => /* @__PURE__ */ l("option", { value: a, children: a }, a))
+        /* @__PURE__ */ r("option", { value: "", children: "Todos" }),
+        a.map((e) => /* @__PURE__ */ r("option", { value: e, children: e }, e))
       ]
     }
   );
 }
-const Re = {
+const Fe = {
   currency: "R$",
   percentage: "%"
 };
-function Ye({ config: e, value: t, onChange: n }) {
-  const r = e.label || "Variavel", a = e.locked || !1, s = e.variableFormat || "number", i = Re[s] || "";
-  return /* @__PURE__ */ m("div", { className: `widget-variable ${a ? "widget-variable--locked" : ""}`, children: [
-    /* @__PURE__ */ l("label", { className: "widget-variable__label", children: r }),
-    /* @__PURE__ */ m("div", { className: "widget-variable__input-wrapper", children: [
-      /* @__PURE__ */ l(
+function xe({ config: l, value: a, onChange: n }) {
+  const t = l.label || "Variavel", e = l.locked || !1, i = l.variableFormat || "number", s = Fe[i] || "";
+  return /* @__PURE__ */ _("div", { className: `widget-variable ${e ? "widget-variable--locked" : ""}`, children: [
+    /* @__PURE__ */ r("label", { className: "widget-variable__label", children: t }),
+    /* @__PURE__ */ _("div", { className: "widget-variable__input-wrapper", children: [
+      /* @__PURE__ */ r(
         "input",
         {
           className: "widget-variable__input",
           type: "number",
-          value: t,
+          value: a,
           onChange: (c) => n(parseFloat(c.target.value) || 0),
-          disabled: a,
-          step: s === "integer" ? 1 : 0.01
+          disabled: e,
+          step: i === "integer" ? 1 : 0.01
         }
       ),
-      i && /* @__PURE__ */ l("span", { className: "widget-variable__suffix", children: i })
+      s && /* @__PURE__ */ r("span", { className: "widget-variable__suffix", children: s })
     ] }),
-    a && /* @__PURE__ */ l("span", { className: "widget-variable__lock-icon", title: "Bloqueado", children: "🔒" })
+    e && /* @__PURE__ */ r("span", { className: "widget-variable__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
 }
-const We = [
-  _.bgDark,
-  _.bgPaper,
-  _.bgElevated,
-  _.accent,
-  _.success
-];
-function Ue(e) {
-  if (!e) return !0;
-  const t = C(e);
-  return Object.values(M).some(
-    (n) => JSON.stringify(n.colors) === JSON.stringify(t)
-  );
-}
-const Ge = [
-  { label: "Series", slots: ["series0", "series1", "series2", "series3", "series4"] },
-  { label: "Tema", slots: ["bgDark", "bgPaper", "bgElevated", "textPrimary", "textMuted"] },
-  { label: "Estados", slots: ["accent", "success", "error"] }
-];
-function je({
-  selected: e,
-  onSelect: t,
-  customMode: n,
-  onCustomModeChange: r,
-  disabled: a
-}) {
-  var u;
-  const s = n ?? !Ue(e), i = C(e), c = s || (u = Object.entries(M).find(
-    ([, o]) => JSON.stringify(o.colors) === JSON.stringify(i)
-  )) == null ? void 0 : u[0], g = (o, d) => {
-    const f = [...i];
-    for (; f.length < x; ) f.push("#000000");
-    f[o] = d, t(f);
-  };
-  return /* @__PURE__ */ m("div", { className: `palette-selector ${a ? "palette-selector--disabled" : ""}`, children: [
-    r && /* @__PURE__ */ m("label", { className: "config-panel__checkbox", children: [
-      /* @__PURE__ */ l(
-        "input",
-        {
-          type: "checkbox",
-          checked: s,
-          onChange: (o) => r(o.target.checked),
-          disabled: a
-        }
-      ),
-      "Customizar"
-    ] }),
-    s ? /* @__PURE__ */ l("div", { className: "palette-selector__custom", children: Ge.map((o) => /* @__PURE__ */ m("div", { className: "palette-selector__row", children: [
-      /* @__PURE__ */ l("span", { className: "palette-selector__row-label", children: o.label }),
-      /* @__PURE__ */ l("div", { className: "palette-selector__row-slots", children: o.slots.map((d) => {
-        const f = _[d];
-        return /* @__PURE__ */ l(
-          "input",
-          {
-            type: "color",
-            className: "palette-selector__color-input",
-            value: i[f] || "#000000",
-            onChange: (v) => g(f, v.target.value),
-            disabled: a,
-            title: ve[d]
-          },
-          d
-        );
-      }) })
-    ] }, o.label)) }) : /* @__PURE__ */ l("div", { className: "palette-selector__options", children: Object.entries(M).map(([o, d]) => {
-      const f = C(d.colors);
-      return /* @__PURE__ */ m(
-        "button",
-        {
-          className: `palette-selector__option ${c === o ? "palette-selector__option--active" : ""}`,
-          onClick: () => t(d.colors),
-          disabled: a,
-          children: [
-            /* @__PURE__ */ l("div", { className: "palette-selector__bar", children: K(d.colors).map((v, h) => /* @__PURE__ */ l(
-              "span",
-              {
-                className: "palette-selector__swatch",
-                style: { backgroundColor: v }
-              },
-              h
-            )) }),
-            /* @__PURE__ */ l("div", { className: "palette-selector__bar palette-selector__bar--theme", children: We.map((v, h) => /* @__PURE__ */ l(
-              "span",
-              {
-                className: "palette-selector__swatch",
-                style: { backgroundColor: f[v] }
-              },
-              h
-            )) }),
-            /* @__PURE__ */ l("span", { className: "palette-selector__label", children: d.label })
-          ]
-        },
-        o
-      );
-    }) })
-  ] });
-}
-function Ve({ config: e, palette: t, onChange: n }) {
-  const r = e.label || "Cores", a = e.locked || !1;
-  return /* @__PURE__ */ m("div", { className: `widget-palette ${a ? "widget-palette--locked" : ""}`, children: [
-    /* @__PURE__ */ l("label", { className: "widget-palette__label", children: r }),
-    /* @__PURE__ */ l(je, { selected: t, onSelect: n, customMode: !0, disabled: a }),
-    a && /* @__PURE__ */ l("span", { className: "widget-palette__lock-icon", title: "Bloqueado", children: "🔒" })
+function Te({ config: l, palette: a, onChange: n }) {
+  const t = l.label || "Cores", e = l.locked || !1;
+  return /* @__PURE__ */ _("div", { className: `widget-palette ${e ? "widget-palette--locked" : ""}`, children: [
+    /* @__PURE__ */ r("label", { className: "widget-palette__label", children: t }),
+    /* @__PURE__ */ r(U, { selected: a, onSelect: n, customMode: !0, disabled: e }),
+    e && /* @__PURE__ */ r("span", { className: "widget-palette__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
 }
-function Ke({
-  type: e,
-  computed: t,
+function Ie({
+  type: l,
+  computed: a,
   palette: n,
-  config: r,
-  filterValue: a,
-  filterOptions: s,
-  dateBounds: i,
+  config: t,
+  filterValue: e,
+  filterOptions: i,
+  dateBounds: s,
   onFilterChange: c,
-  variableValue: g,
-  onVariableChange: u,
-  onPaletteChange: o
+  variableValue: m,
+  onVariableChange: o,
+  onPaletteChange: d
 }) {
-  if (t.error)
-    return /* @__PURE__ */ l("div", { className: "widget widget--error", children: /* @__PURE__ */ l("span", { className: "widget__error-text", children: String(t.error) }) });
-  const d = K(n);
-  switch (e) {
+  if (a.error)
+    return /* @__PURE__ */ r("div", { className: "widget widget--error", children: /* @__PURE__ */ r("span", { className: "widget__error-text", children: String(a.error) }) });
+  const g = J(n);
+  switch (l) {
     case "kpi_card":
-      return /* @__PURE__ */ l(ye, { data: t, label: r == null ? void 0 : r.label });
+      return /* @__PURE__ */ r(be, { data: a, label: t == null ? void 0 : t.label });
     case "gauge":
-      return /* @__PURE__ */ l(Ne, { data: t, palette: d, label: r == null ? void 0 : r.label });
+      return /* @__PURE__ */ r(ve, { data: a, palette: g, label: t == null ? void 0 : t.label });
     case "chart":
-      return /* @__PURE__ */ l($e, { data: t, palette: d, label: r == null ? void 0 : r.label });
+      return /* @__PURE__ */ r(Ne, { data: a, palette: g, label: t == null ? void 0 : t.label });
     case "filter":
-      return r && c ? /* @__PURE__ */ l(
-        Fe,
+      return t && c ? /* @__PURE__ */ r(
+        ke,
         {
-          config: r,
-          value: a || "",
-          options: s,
-          dateBounds: i,
+          config: t,
+          value: e || "",
+          options: i,
+          dateBounds: s,
           onChange: c
         }
       ) : null;
     case "variable": {
-      const f = r;
-      return f && u ? /* @__PURE__ */ l(
-        Ye,
+      const u = t;
+      return u && o ? /* @__PURE__ */ r(
+        xe,
         {
-          config: f,
-          value: g ?? f.variableValue ?? 0,
-          onChange: u
+          config: u,
+          value: m ?? u.variableValue ?? 0,
+          onChange: o
         }
       ) : null;
     }
     case "color_palette":
-      return r && o ? /* @__PURE__ */ l(
-        Ve,
+      return t && d ? /* @__PURE__ */ r(
+        Te,
         {
-          config: r,
+          config: t,
           palette: n,
-          onChange: o
+          onChange: d
         }
       ) : null;
     default:
-      return /* @__PURE__ */ m("div", { className: "widget", children: [
+      return /* @__PURE__ */ _("div", { className: "widget", children: [
         "Widget: ",
-        e
+        l
       ] });
   }
 }
-const ze = V, Je = 30, He = 10, ct = {
-  gridColumns: Je,
-  gridRows: He,
-  widgets: []
-}, ot = {
-  kpi_card: "KPI Card",
-  gauge: "Gauge",
-  chart: "Gráfico",
-  filter: "Filtro",
-  variable: "Variável",
-  color_palette: "Paleta de Cores"
-}, dt = ["kpi_card", "gauge", "chart"], ut = ["filter", "variable", "color_palette"], Xe = /* @__PURE__ */ new Set(["filter", "variable", "color_palette"]), gt = {
-  sum: "Soma",
-  avg: "Média",
-  count: "Contagem",
-  min: "Mínimo",
-  max: "Máximo",
-  count_distinct: "Contagem Distinta"
-}, qe = {
-  currency: "Moeda (R$)",
-  number: "Número",
-  integer: "Inteiro",
-  percentage: "Porcentagem",
-  date: "Data",
-  text: "Texto"
-}, ft = Object.entries(qe).filter(([e]) => e !== "date" && e !== "text"), ht = {
-  yoy: "vs Ano Anterior",
-  mom: "vs Mês Anterior",
-  target: "vs Meta",
-  none: "Nenhuma"
-}, mt = {
-  bar: "Barras",
-  line: "Linhas",
-  area: "Área",
-  pie: "Pizza"
-}, pt = {
-  date_range: "Periodo",
-  select: "Seleção Única",
-  multi_select: "Seleção Múltipla"
-}, _t = {
-  kpi_card: { x: 0, y: 0, w: 6, h: 3 },
-  gauge: { x: 0, y: 0, w: 6, h: 5 },
-  chart: { x: 0, y: 0, w: 6, h: 6 },
-  filter: { x: 0, y: 0, w: 4, h: 2 },
-  variable: { x: 0, y: 0, w: 4, h: 2 },
-  color_palette: { x: 0, y: 0, w: 4, h: 2 }
-}, bt = {
-  kpi_card: { label: "Novo KPI", aggregation: "sum", format: "number" },
-  gauge: { label: "Novo Gauge", aggregation: "sum" },
-  chart: { label: "Novo Grafico", chartType: "bar", xAxis: { column: "", granularity: "day" }, series: [] },
-  filter: { label: "Novo Filtro", filterType: "select" },
-  variable: { label: "Nova Variavel", variableValue: 0, variableFormat: "number", locked: !1 },
-  color_palette: { label: "Paleta de Cores", paletteColors: ze, locked: !1 }
-}, Qe = 40, Ze = 6;
-function vt(e) {
-  const { rowHeight: t = Qe, gridGap: n = Ze, className: r } = e, a = G(() => "fetcher" in e && e.fetcher ? e.fetcher : fe({ apiUrl: e.apiUrl, token: e.token }), [
-    "fetcher" in e ? e.fetcher : null,
-    "apiUrl" in e ? e.apiUrl : null,
-    "token" in e ? e.token : null
-  ]), {
-    layout: s,
+const Le = 2.5, Oe = 0.375;
+function Pe({
+  token: l,
+  rowHeight: a = Le,
+  gridGap: n = Oe,
+  className: t
+}) {
+  const {
+    layout: e,
     renderData: i,
-    loading: c,
-    error: g,
-    filters: u,
+    loading: s,
+    error: c,
+    filters: m,
     variables: o,
     palette: d,
-    setFilter: f,
-    setVariable: v,
-    setPalette: h
-  } = me(a);
-  if (g && !s)
-    return /* @__PURE__ */ l("div", { className: `preview-tab ${r ?? ""}`, children: /* @__PURE__ */ l("div", { className: "preview-tab__error", children: g }) });
-  if (!s)
-    return /* @__PURE__ */ l("div", { className: `preview-tab ${r ?? ""}`, children: /* @__PURE__ */ l("div", { className: "preview-tab__loading", children: "Carregando dashboard..." }) });
-  if (s.widgets.length === 0)
-    return /* @__PURE__ */ l("div", { className: `preview-tab ${r ?? ""}`, children: /* @__PURE__ */ l("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." }) });
-  const p = (i == null ? void 0 : i.widgets) ?? {}, k = (i == null ? void 0 : i.date_bounds) ?? null, $ = {
+    setFilter: g,
+    setVariable: u,
+    setPalette: w
+  } = me(l);
+  if (c && !e)
+    return /* @__PURE__ */ r("div", { className: `preview-tab ${t ?? ""}`, children: /* @__PURE__ */ r("div", { className: "preview-tab__error", children: c }) });
+  if (!e)
+    return /* @__PURE__ */ r("div", { className: `preview-tab ${t ?? ""}`, children: /* @__PURE__ */ r("div", { className: "preview-tab__loading", children: "Carregando dashboard..." }) });
+  if (e.widgets.length === 0)
+    return /* @__PURE__ */ r("div", { className: `preview-tab ${t ?? ""}`, children: /* @__PURE__ */ r("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." }) });
+  const h = (i == null ? void 0 : i.widgets) ?? {}, p = (i == null ? void 0 : i.date_bounds) ?? null, k = {
     display: "grid",
-    gridTemplateColumns: `repeat(${s.gridColumns}, 1fr)`,
-    gridTemplateRows: `repeat(${s.gridRows}, ${t}px)`,
-    gap: `${n}px`,
-    // Aplica CSS vars da paleta no container — widgets descendentes usam var(--bg-*, --text-*, etc)
-    ...we(d)
+    gridTemplateColumns: `repeat(${e.gridColumns}, 1fr)`,
+    gridTemplateRows: `repeat(${e.gridRows}, ${a}rem)`,
+    gap: `${n}rem`,
+    ...Z(d)
   };
-  return /* @__PURE__ */ m("div", { className: `preview-tab ${r ?? ""}`, children: [
-    g && !i && /* @__PURE__ */ l("div", { className: "preview-tab__error", children: g }),
-    i && /* @__PURE__ */ l("div", { className: "preview-tab__grid", style: $, children: s.widgets.map((b) => {
-      const E = Xe.has(b.type), S = p[b.id], y = {
+  return /* @__PURE__ */ _("div", { className: `preview-tab ${t ?? ""}`, children: [
+    c && !i && /* @__PURE__ */ r("div", { className: "preview-tab__error", children: c }),
+    i && /* @__PURE__ */ r("div", { className: "preview-tab__grid", style: k, children: e.widgets.map((b) => {
+      const C = B.has(b.type), y = h[b.id], S = {
         gridColumn: `${b.grid.x + 1} / span ${b.grid.w}`,
         gridRow: `${b.grid.y + 1} / span ${b.grid.h}`
-      }, w = b.type === "variable" ? o[b.id] ?? (S == null ? void 0 : S.value) ?? b.config.variableValue ?? 0 : void 0;
-      return /* @__PURE__ */ l(
+      }, v = b.type === "variable" ? o[b.id] ?? (y == null ? void 0 : y.value) ?? b.config.variableValue ?? 0 : void 0;
+      return /* @__PURE__ */ r(
         "div",
         {
-          className: `preview-tab__widget ${E ? "preview-tab__widget--control" : ""}`,
-          style: y,
-          children: E || S ? /* @__PURE__ */ l(
-            Ke,
+          className: `preview-tab__widget ${C ? "preview-tab__widget--control" : ""}`,
+          style: S,
+          children: C || y ? /* @__PURE__ */ r(
+            Ie,
             {
               type: b.type,
-              computed: S || {},
+              computed: y || {},
               palette: d,
               config: b.config,
-              filterValue: u[b.id] || "",
-              filterOptions: (S == null ? void 0 : S.available_values) || [],
-              dateBounds: k,
-              onFilterChange: (N) => f(b.id, N),
-              variableValue: w,
-              onVariableChange: (N) => v(b.id, N),
-              onPaletteChange: h
+              filterValue: m[b.id] || "",
+              filterOptions: (y == null ? void 0 : y.available_values) || [],
+              dateBounds: p,
+              onFilterChange: (f) => g(b.id, f),
+              variableValue: v,
+              onVariableChange: (f) => u(b.id, f),
+              onPaletteChange: w
             }
-          ) : /* @__PURE__ */ l("div", { className: "preview-tab__widget-loading", children: c ? "Carregando..." : "Sem dados" })
+          ) : /* @__PURE__ */ r("div", { className: "preview-tab__widget-loading", children: s ? "Carregando..." : "Sem dados" })
         },
         b.id
       );
     }) }),
-    c && i && /* @__PURE__ */ l("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
+    s && i && /* @__PURE__ */ r("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
   ] });
 }
 export {
-  gt as AGGREGATION_LABELS,
-  ge as ApiError,
-  mt as CHART_TYPE_LABELS,
-  ht as COMPARISON_LABELS,
-  Xe as CONTROL_WIDGET_SET,
-  ut as CONTROL_WIDGET_TYPES,
-  $e as ChartWidget,
-  je as ColorPaletteSelector,
-  Ve as ColorPaletteWidget,
-  dt as DATA_WIDGET_TYPES,
-  bt as DEFAULT_CONFIG,
-  _t as DEFAULT_GRID,
-  Je as DEFAULT_GRID_COLUMNS,
-  He as DEFAULT_GRID_ROWS,
-  ze as DEFAULT_PALETTE,
-  V as DEFAULT_PALETTE_COLORS,
-  rt as DEFAULT_PALETTE_KEY,
-  vt as Dashboard,
-  U as DashboardDatePicker,
-  ct as EMPTY_LAYOUT,
-  pt as FILTER_TYPE_LABELS,
-  qe as FORMAT_LABELS,
-  Fe as FilterWidget,
-  Ne as GaugeWidget,
-  ye as KPIWidget,
-  nt as MONTH_NAMES_FULL,
-  X as MONTH_NAMES_SHORT,
-  ft as NUMERIC_FORMAT_OPTIONS,
-  M as PALETTES,
-  be as SERIES_COUNT,
-  _ as SLOT_INDEX,
-  ve as SLOT_LABELS,
-  x as TOTAL_SLOTS,
-  Ye as VariableWidget,
-  ot as WIDGET_TYPE_LABELS,
-  Ke as WidgetRenderer,
-  fe as createTokenFetcher,
-  Me as dateToIso,
-  C as ensurePaletteShape,
-  De as getFullYearRange,
-  q as getISOWeek,
-  Ee as getMonthRange,
-  A as getMonthWeeks,
-  we as getPaletteCssVars,
-  K as getSeries,
-  lt as getWeekRange,
-  st as getWeeksInMonth,
-  I as getYearRange,
-  D as isoToDate,
-  Q as parseMonthFromRange,
-  xe as parseMonthWeekFromRange,
-  it as parseWeekFromRange,
-  Ce as parseYearFromRange,
-  me as useDashboardData
+  Ke as ApiError,
+  Pe as Dashboard
 };
 //# sourceMappingURL=index.js.map