@actionexec/dashboards 0.12.0 → 0.14.0

package/dist/{ColorPaletteSelector-DJge9VhO.js → ColorPaletteSelector-CZP3HDNJ.js}

@@ -1,39 +1,42 @@
-import { jsx as l, jsxs as E } from "react/jsx-runtime";
-import Q from "react-datepicker";
-import { useState as x, useRef as $, useMemo as k, useLayoutEffect as Z, useEffect as ee } from "react";
-import { createPortal as te } from "react-dom";
-const ae = "https://action-data-api-7mbrztperq-rj.a.run.app", ne = "/external/dashboards";
-let G = ae;
-function ye(e) {
-  G = e.replace(/\/$/, "");
-}
-class re extends Error {
+import { jsx as u, jsxs as E } from "react/jsx-runtime";
+import te from "react-datepicker";
+import { useState as x, useRef as U, useMemo as G, useLayoutEffect as ae, useEffect as ne } from "react";
+import { createPortal as re } from "react-dom";
+const se = "https://action-data-api-7mbrztperq-rj.a.run.app", W = "/external/dashboards", C = "/external/statements";
+let H = se;
+function Ae(e) {
+  H = e.replace(/\/$/, "");
+}
+class oe extends Error {
   constructor(t, a, n) {
     super(t), this.status = a, this.payload = n, this.name = "ApiError";
   }
 }
-async function Y(e, t, a) {
-  const n = new URL(`${G}${ne}${e}`);
-  if (a)
-    for (const [o, i] of Object.entries(a)) n.searchParams.set(o, i);
-  const r = await fetch(n.toString(), {
-    headers: { Authorization: `Bearer ${t}` }
+async function B(e, t, a, n) {
+  const r = new URL(`${H}${e}${t}`);
+  if (n)
+    for (const [c, l] of Object.entries(n)) r.searchParams.set(c, l);
+  const o = await fetch(r.toString(), {
+    headers: { Authorization: `Bearer ${a}` }
   });
-  if (!r.ok) {
-    let o;
+  if (!o.ok) {
+    let c;
     try {
-      o = await r.json();
+      c = await o.json();
     } catch {
     }
-    throw new re(
-      `Requisicao falhou (${r.status}) em ${e}`,
-      r.status,
-      o
+    throw new oe(
+      `Requisicao falhou (${o.status}) em ${t}`,
+      o.status,
+      c
     );
   }
-  return await r.json();
+  return o;
 }
-const Ne = (e) => Y("/layout", e), Ae = (e, t) => Y("/render", e, t), f = {
+async function O(e, t, a, n) {
+  return await (await B(e, t, a, n)).json();
+}
+const Me = (e) => O(W, "/layout", e), Oe = (e, t) => O(W, "/render", e, t), Re = (e) => O(C, "/layout", e), xe = (e, t) => O(C, "/render", e, t), Pe = async (e, t) => (await B(C, "/pdf", e, t)).blob(), d = {
   series0: 0,
   series1: 1,
   series2: 2,
@@ -51,7 +54,7 @@ const Ne = (e) => Y("/layout", e), Ae = (e, t) => Y("/render", e, t), f = {
   // trocar a cor de uma serie mudar o significado semantico de "atencao".
   warning: 13,
   info: 14
-}, se = 5, A = 15, oe = {
+}, ce = 5, A = 15, ie = {
   series0: "Série 1",
   series1: "Série 2",
   series2: "Série 3",
@@ -168,42 +171,42 @@ const Ne = (e) => Y("/layout", e), Ae = (e, t) => Y("/render", e, t), f = {
       "#8b5cf6"
     ]
   }
-}, W = M.action.colors;
+}, j = M.action.colors;
 function N(e) {
-  const t = W;
+  const t = j;
   if (!e || e.length === 0) return [...t];
   if (e.length >= A) return e.slice(0, A);
   const a = [...e];
   for (let n = e.length; n < A; n++) a.push(t[n]);
   return a;
 }
-function ce(e) {
-  return N(e).slice(0, se);
+function le(e) {
+  return N(e).slice(0, ce);
 }
-function Me(e) {
+function Ce(e) {
   const t = N(e);
   return {
-    "--bg-dark": t[f.bgDark],
-    "--bg-paper": t[f.bgPaper],
-    "--bg-elevated": t[f.bgElevated],
-    "--text-primary": t[f.textPrimary],
-    "--text-secondary": t[f.textMuted],
-    "--text-muted": t[f.textMuted],
-    "--color-accent": t[f.accent],
-    "--color-success": t[f.success],
-    "--color-error": t[f.error],
-    "--color-warning": t[f.warning],
-    "--color-info": t[f.info],
+    "--bg-dark": t[d.bgDark],
+    "--bg-paper": t[d.bgPaper],
+    "--bg-elevated": t[d.bgElevated],
+    "--text-primary": t[d.textPrimary],
+    "--text-secondary": t[d.textMuted],
+    "--text-muted": t[d.textMuted],
+    "--color-accent": t[d.accent],
+    "--color-success": t[d.success],
+    "--color-error": t[d.error],
+    "--color-warning": t[d.warning],
+    "--color-info": t[d.info],
     // Aliases historicos, mantidos para nao quebrar CSS de consumidores.
-    "--action-orange": t[f.accent],
-    "--action-green": t[f.success]
+    "--action-orange": t[d.accent],
+    "--action-green": t[d.success]
   };
 }
-const ie = W, le = 30, ue = 10, Oe = {
-  gridColumns: le,
-  gridRows: ue,
+const ue = j, fe = 30, de = 10, Ie = {
+  gridColumns: fe,
+  gridRows: de,
   widgets: []
-}, xe = {
+}, Fe = {
   kpi_card: "Card",
   gauge: "Gauge",
   chart: "Gráfico",
@@ -212,39 +215,39 @@ const ie = W, le = 30, ue = 10, Oe = {
   filter: "Filtro",
   variable: "Variável",
   color_palette: "Paleta de Cores"
-}, Pe = ["kpi_card", "gauge", "chart", "composition", "table"], Re = ["filter", "variable", "color_palette"], Ce = /* @__PURE__ */ new Set(["filter", "variable", "color_palette"]), Ie = {
+}, ve = ["kpi_card", "gauge", "chart", "composition", "table"], $e = ["filter", "variable", "color_palette"], ke = /* @__PURE__ */ new Set(["filter", "variable", "color_palette"]), Ue = {
   day: ["dia", "dias"],
   week: ["semana", "semanas"],
   month: ["mês", "meses"],
   quarter: ["trimestre", "trimestres"],
   year: ["ano", "anos"]
-}, ve = ["período", "períodos"], Fe = {
+}, Ge = ["período", "períodos"], Ye = {
   sum: "Soma",
   avg: "Média",
   count: "Contagem",
   min: "Mínimo",
   max: "Máximo",
   count_distinct: "Contagem Distinta"
-}, fe = {
+}, ge = {
   currency: "Moeda (R$)",
   number: "Número",
   integer: "Inteiro",
   percentage: "Porcentagem",
   date: "Data",
   text: "Texto"
-}, $e = Object.entries(fe).filter(([e]) => e !== "date" && e !== "text"), ke = {
+}, We = Object.entries(ge).filter(([e]) => e !== "date" && e !== "text"), He = {
   variance: "Variação %",
   difference: "Diferença",
   ratio: "Proporção",
   value: "Base"
-}, Ue = {
+}, Be = {
   scroll: "Rolar",
   clip: "Cortar"
-}, Ge = {
+}, je = {
   higher: "Positivo",
   lower: "Negativo",
   neutral: "Neutro"
-}, Ye = {
+}, ze = {
   eq: "Igual a",
   neq: "Diferente de",
   in: "Está entre os valores",
@@ -258,21 +261,21 @@ const ie = W, le = 30, ue = 10, Oe = {
   not_contains: "Não contém",
   is_empty: "Está vazio",
   not_empty: "Não está vazio"
-}, We = ["is_empty", "not_empty"], He = ["in", "not_in"], Be = {
+}, qe = ["is_empty", "not_empty"], Ve = ["in", "not_in"], Je = {
   bar: "Barras",
   line: "Linhas",
   area: "Área"
-}, je = {
+}, Xe = {
   pie: "Pizza",
   bridge: "Ponte"
-}, ze = {
+}, Ke = {
   descending: "Descendente",
   ascending: "Ascendente"
-}, Ve = {
+}, Qe = {
   date_range: "Periodo",
   select: "Seleção Única",
   multi_select: "Seleção Múltipla"
-}, U = "", qe = {
+}, Y = "", Ze = {
   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 },
@@ -281,7 +284,7 @@ const ie = W, le = 30, ue = 10, Oe = {
   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 }
-}, Je = {
+}, et = {
   kpi_card: { label: "Novo card", aggregation: "sum", format: "number" },
   gauge: { label: "Novo Gauge", aggregation: "sum" },
   chart: { label: "Novo gráfico", chartType: "bar", xAxis: { column: "", granularity: "day" }, series: [] },
@@ -294,59 +297,59 @@ const ie = W, le = 30, ue = 10, Oe = {
   table: { label: "Nova Tabela", columns: [] },
   filter: { label: "Novo Filtro", filterType: "select" },
   variable: { label: "Nova Variavel", variableValue: 0, variableFormat: "number", locked: !1 },
-  color_palette: { label: "Paleta de Cores", paletteColors: ie, locked: !1 }
-}, R = 6, C = 16, I = 1, P = 24, de = 80, ge = (e, t, a) => Math.min(Math.max(e, t), a), S = (e) => Number.isFinite(e) && e > 0;
-function Xe(e, t, a = R, n = C) {
+  color_palette: { label: "Paleta de Cores", paletteColors: ue, locked: !1 }
+}, I = 6, F = 16, v = 1, P = 24, me = 80, pe = (e, t, a) => Math.min(Math.max(e, t), a), S = (e) => Number.isFinite(e) && e > 0;
+function tt(e, t, a = I, n = F) {
   if (!S(t) || !Number.isFinite(e)) return 0;
   const r = e - n * 2 - a * (t - 1);
   return Math.max(0, r / t);
 }
-function Ke(e, t = I) {
-  return !S(e) || !S(t) ? P : ge(e / t, P, de);
+function at(e, t = v) {
+  return !S(e) || !S(t) ? P : pe(e / t, P, me);
 }
-function Qe(e, t, a = R, n = C) {
+function nt(e, t, a = I, n = F) {
   return e <= 0 ? n * 2 : e * t + (e - 1) * a + n * 2;
 }
-function Ze(e, t, a = I) {
+function rt(e, t, a = v) {
   return !S(e) || !S(t) || !S(a) ? 1 : e * a / t;
 }
-function et(e, t = I, a = R, n = C) {
+function st(e, t = v, a = I, n = F) {
   return !S(e) || !S(t) ? 0 : P * t * e + a * (e - 1) + n * 2;
 }
-const y = "pt-BR", me = 100, pe = /* @__PURE__ */ new Set(["currency", "number", "integer", "percentage"]);
-function tt(e) {
-  return !!e && pe.has(e);
+const D = "pt-BR", be = 100, _e = /* @__PURE__ */ new Set(["currency", "number", "integer", "percentage"]);
+function ot(e) {
+  return !!e && _e.has(e);
 }
-function H(e) {
+function z(e) {
   if (e == null || e === "") return null;
   const t = typeof e == "number" ? e : Number(e);
   return Number.isFinite(t) ? t : null;
 }
-function _e(e, t, a = "-") {
+function he(e, t, a = "-") {
   if (e == null || e === "") return a;
-  const n = H(e);
+  const n = z(e);
   if (n === null) return String(e);
   switch (t) {
     case "currency":
-      return n.toLocaleString(y, { style: "currency", currency: "BRL" });
+      return n.toLocaleString(D, { style: "currency", currency: "BRL" });
     case "integer":
-      return Math.round(n).toLocaleString(y);
+      return Math.round(n).toLocaleString(D);
     case "percentage":
-      return `${(n * me).toLocaleString(y, { maximumFractionDigits: 1 })}%`;
+      return `${(n * be).toLocaleString(D, { maximumFractionDigits: 1 })}%`;
     case "number":
-      return n.toLocaleString(y, { maximumFractionDigits: 2 });
+      return n.toLocaleString(D, { maximumFractionDigits: 2 });
     default:
       return String(e);
   }
 }
-function at(e, t) {
-  const a = H(e);
+function ct(e, t) {
+  const a = z(e);
   if (a === null) return "-";
-  if (t === "percentage") return _e(a, "percentage");
+  if (t === "percentage") return he(a, "percentage");
   const n = t === "currency" ? "R$ " : "", r = Math.abs(a);
-  return r >= 1e9 ? `${n}${(a / 1e9).toFixed(1)}B` : r >= 1e6 ? `${n}${(a / 1e6).toFixed(1)}M` : r >= 1e3 ? `${n}${(a / 1e3).toFixed(1)}K` : `${n}${a.toLocaleString(y, { maximumFractionDigits: 2 })}`;
+  return r >= 1e9 ? `${n}${(a / 1e9).toFixed(1)}B` : r >= 1e6 ? `${n}${(a / 1e6).toFixed(1)}M` : r >= 1e3 ? `${n}${(a / 1e3).toFixed(1)}K` : `${n}${a.toLocaleString(D, { maximumFractionDigits: 2 })}`;
 }
-const nt = [
+const it = [
   "Jan",
   "Fev",
   "Mar",
@@ -359,7 +362,7 @@ const nt = [
   "Out",
   "Nov",
   "Dez"
-], rt = [
+], lt = [
   "Janeiro",
   "Fevereiro",
   "Marco",
@@ -373,169 +376,169 @@ const nt = [
   "Novembro",
   "Dezembro"
 ];
-function st(e) {
+function ut(e) {
   return { start: `${e}-01-01`, end: `${e}-12-31` };
 }
-function ot(e) {
+function ft(e) {
   if (!e) return null;
   const t = e.match(/^(\d{4})/);
   return t ? { year: parseInt(t[1]) } : null;
 }
-function ct(e, t) {
+function dt(e, t) {
   const a = new Date(e, t, 0).getDate(), n = (r) => String(r).padStart(2, "0");
   return {
     start: `${e}-${n(t)}-01`,
     end: `${e}-${n(t)}-${n(a)}`
   };
 }
-function B(e) {
+function q(e) {
   const t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()));
   t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
   const a = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
   return Math.ceil(((t.getTime() - a.getTime()) / 864e5 + 1) / 7);
 }
-function it(e, t) {
-  const a = new Date(e, 0, 4), n = (a.getDay() + 6) % 7, r = new Date(a.getTime() - n * 864e5), o = new Date(r.getTime() + (t - 1) * 7 * 864e5), i = new Date(o.getTime() + 6 * 864e5), d = (_) => String(_).padStart(2, "0"), g = (_) => `${_.getFullYear()}-${d(_.getMonth() + 1)}-${d(_.getDate())}`;
-  return { start: g(o), end: g(i) };
+function gt(e, t) {
+  const a = new Date(e, 0, 4), n = (a.getDay() + 6) % 7, r = new Date(a.getTime() - n * 864e5), o = new Date(r.getTime() + (t - 1) * 7 * 864e5), c = new Date(o.getTime() + 6 * 864e5), l = (b) => String(b).padStart(2, "0"), g = (b) => `${b.getFullYear()}-${l(b.getMonth() + 1)}-${l(b.getDate())}`;
+  return { start: g(o), end: g(c) };
 }
-function lt(e, t) {
+function mt(e, t) {
   const a = /* @__PURE__ */ new Set(), n = new Date(e, t, 0).getDate();
   for (let r = 1; r <= n; r++)
-    a.add(B(new Date(e, t - 1, r)));
+    a.add(q(new Date(e, t - 1, r)));
   return Array.from(a).sort((r, o) => r - o);
 }
-function ut(e, t) {
-  const a = new Date(e, t, 0).getDate(), n = (d) => String(d).padStart(2, "0"), r = [];
-  let o = 1, i = 1;
+function pt(e, t) {
+  const a = new Date(e, t, 0).getDate(), n = (l) => String(l).padStart(2, "0"), r = [];
+  let o = 1, c = 1;
   for (; o <= a; ) {
-    const d = o, g = Math.min(o + 6, a), _ = `${e}-${n(t)}-${n(d)}`, c = `${e}-${n(t)}-${n(g)}`, u = `${i}° Semana (${n(d)}/${n(t)} - ${n(g)}/${n(t)})`;
-    r.push({ index: i, startDay: d, endDay: g, start: _, end: c, label: u }), o = g + 1, i++;
+    const l = o, g = Math.min(o + 6, a), b = `${e}-${n(t)}-${n(l)}`, i = `${e}-${n(t)}-${n(g)}`, f = `${c}° Semana (${n(l)}/${n(t)} - ${n(g)}/${n(t)})`;
+    r.push({ index: c, startDay: l, endDay: g, start: b, end: i, label: f }), o = g + 1, c++;
   }
   return r;
 }
-function ft(e, t, a) {
+function bt(e, t, a) {
   if (!e) return 1;
-  const n = (i) => String(i).padStart(2, "0"), r = e.match(new RegExp(`^${t}-${n(a)}-(\\d{2})`));
+  const n = (c) => String(c).padStart(2, "0"), r = e.match(new RegExp(`^${t}-${n(a)}-(\\d{2})`));
   if (!r) return 1;
   const o = parseInt(r[1]);
   return Math.ceil(o / 7);
 }
-function dt(e) {
+function _t(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 gt(e) {
+function ht(e) {
   if (!e) return null;
   const t = /* @__PURE__ */ new Date(e + "T00:00:00");
-  return isNaN(t.getTime()) ? null : { year: t.getFullYear(), week: B(t) };
+  return isNaN(t.getTime()) ? null : { year: t.getFullYear(), week: q(t) };
 }
-function mt(e) {
+function Et(e) {
   const t = /* @__PURE__ */ new Date(), a = e != null && e.min ? parseInt(e.min.slice(0, 4)) : t.getFullYear() - 2, n = e != null && e.max ? parseInt(e.max.slice(0, 4)) : t.getFullYear(), r = [];
   for (let o = n; o >= a; o--) r.push(o);
   return r;
 }
-function D(e) {
+function y(e) {
   if (!e) return null;
   const [t, a, n] = e.split("-").map(Number);
   return !t || !a || !n ? null : new Date(t, a - 1, n);
 }
-function be(e) {
+function Ee(e) {
   if (!e) return "";
   const t = e.getFullYear(), a = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
   return `${t}-${a}-${n}`;
 }
-function pt({
+function St({
   value: e,
   onChange: t,
   minIso: a,
   maxIso: n,
   placeholder: r,
   selectsStart: o,
-  selectsEnd: i,
-  startIso: d,
+  selectsEnd: c,
+  startIso: l,
   endIso: g,
-  className: _,
-  disabled: c
+  className: b,
+  disabled: i
 }) {
-  return /* @__PURE__ */ l("div", { className: `ddp-field ${_ ?? ""}`, children: /* @__PURE__ */ l(
-    Q,
+  return /* @__PURE__ */ u("div", { className: `ddp-field ${b ?? ""}`, children: /* @__PURE__ */ u(
+    te,
     {
-      selected: D(e),
-      onChange: (u) => t(be(u)),
+      selected: y(e),
+      onChange: (f) => t(Ee(f)),
       selectsStart: o,
-      selectsEnd: i,
-      startDate: D(d) ?? void 0,
-      endDate: D(g) ?? void 0,
-      minDate: D(a) ?? void 0,
-      maxDate: D(n) ?? void 0,
+      selectsEnd: c,
+      startDate: y(l) ?? void 0,
+      endDate: y(g) ?? void 0,
+      minDate: y(a) ?? void 0,
+      maxDate: y(n) ?? void 0,
       dateFormat: "dd/MM/yyyy",
       placeholderText: r ?? "Selecione...",
-      disabled: c,
+      disabled: i,
       portalId: "ddp-portal",
       popperPlacement: "bottom-start",
       popperModifiers: [
         {
           name: "flip",
           options: { fallbackPlacements: ["bottom-end", "top-start", "top-end"] },
-          fn: (u) => u
+          fn: (f) => f
         }
       ]
     }
   ) });
 }
-function _t({ options: e, value: t, multi: a, onChange: n }) {
-  const [r, o] = x(!1), [i, d] = x(""), [g, _] = x(null), c = $(null), u = $(null), m = k(
-    () => t ? t.split(U).filter(Boolean) : [],
+function Tt({ options: e, value: t, multi: a, onChange: n }) {
+  const [r, o] = x(!1), [c, l] = x(""), [g, b] = x(null), i = U(null), f = U(null), m = G(
+    () => t ? t.split(Y).filter(Boolean) : [],
     [t]
-  ), b = k(() => {
-    const s = i.trim().toLowerCase();
+  ), _ = G(() => {
+    const s = c.trim().toLowerCase();
     return s ? e.filter((p) => p.toLowerCase().includes(s)) : e;
-  }, [e, i]), T = () => {
-    const s = c.current;
+  }, [e, c]), T = () => {
+    const s = i.current;
     if (!s) return;
-    const p = s.getBoundingClientRect(), h = 4, L = window.innerHeight - p.bottom - h, w = p.top - h, F = L < 200 && w > L, K = Math.max(150, Math.min(360, F ? w : L));
-    _({
+    const p = s.getBoundingClientRect(), h = 4, L = window.innerHeight - p.bottom - h, w = p.top - h, k = L < 200 && w > L, ee = Math.max(150, Math.min(360, k ? w : L));
+    b({
       left: p.left,
       width: p.width,
-      maxHeight: K,
-      ...F ? { bottom: window.innerHeight - p.top + h } : { top: p.bottom + h }
+      maxHeight: ee,
+      ...k ? { bottom: window.innerHeight - p.top + h } : { top: p.bottom + h }
     });
   };
-  Z(() => {
+  ae(() => {
     if (!r) return;
     T();
     const s = () => T();
     return window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
       window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
     };
-  }, [r]), ee(() => {
+  }, [r]), ne(() => {
     if (!r) return;
     const s = (p) => {
       var L, w;
       const h = p.target;
-      (L = c.current) != null && L.contains(h) || (w = u.current) != null && w.contains(h) || o(!1);
+      (L = i.current) != null && L.contains(h) || (w = f.current) != null && w.contains(h) || o(!1);
     };
     return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
   }, [r]);
-  const j = () => {
-    o(!1), d("");
-  }, O = (s) => {
+  const V = () => {
+    o(!1), l("");
+  }, R = (s) => {
     var p;
-    n(s), d(""), o(!1), (p = c.current) == null || p.blur();
-  }, v = (s) => {
+    n(s), l(""), o(!1), (p = i.current) == null || p.blur();
+  }, $ = (s) => {
     const p = m.includes(s) ? m.filter((h) => h !== s) : [...m, s];
-    n(p.join(U));
-  }, z = () => {
-    o(!0), a || d("");
-  }, V = (s) => {
+    n(p.join(Y));
+  }, J = () => {
+    o(!0), a || l("");
+  }, X = (s) => {
     var p;
-    s.key === "Escape" ? (j(), (p = c.current) == null || p.blur()) : s.key === "Enter" && b.length > 0 && (s.preventDefault(), a ? (v(b[0]), d("")) : O(b[0]));
-  }, q = a || r ? i : t || "", J = a && m.length > 0 ? `${m.length} selecionado(s)` : r ? "Buscar..." : "Todos", X = r && g ? te(
-    /* @__PURE__ */ l(
+    s.key === "Escape" ? (V(), (p = i.current) == null || p.blur()) : s.key === "Enter" && _.length > 0 && (s.preventDefault(), a ? ($(_[0]), l("")) : R(_[0]));
+  }, K = a || r ? c : t || "", Q = a && m.length > 0 ? `${m.length} selecionado(s)` : r ? "Buscar..." : "Todos", Z = r && g ? re(
+    /* @__PURE__ */ u(
       "div",
       {
-        ref: u,
+        ref: f,
         className: "widget-filter__search-panel",
         style: {
           position: "fixed",
@@ -546,7 +549,7 @@ function _t({ options: e, value: t, multi: a, onChange: n }) {
           maxHeight: g.maxHeight
         },
         children: /* @__PURE__ */ E("div", { className: "widget-filter__search-list", children: [
-          a && m.length > 0 && /* @__PURE__ */ l(
+          a && m.length > 0 && /* @__PURE__ */ u(
             "button",
             {
               type: "button",
@@ -560,25 +563,25 @@ function _t({ options: e, value: t, multi: a, onChange: n }) {
             {
               type: "button",
               className: `widget-filter__search-option${t ? "" : " is-selected"}`,
-              onClick: () => O(""),
+              onClick: () => R(""),
               children: [
-                /* @__PURE__ */ l("span", { className: "widget-filter__search-check", "aria-hidden": !0, children: t ? "" : "✓" }),
+                /* @__PURE__ */ u("span", { className: "widget-filter__search-check", "aria-hidden": !0, children: t ? "" : "✓" }),
                 "Todos"
               ]
             }
           ),
-          b.length === 0 ? /* @__PURE__ */ l("span", { className: "widget-filter__search-empty", children: "Nenhuma opção" }) : b.map(
+          _.length === 0 ? /* @__PURE__ */ u("span", { className: "widget-filter__search-empty", children: "Nenhuma opção" }) : _.map(
             (s) => a ? /* @__PURE__ */ E(
               "label",
               {
                 className: `widget-filter__search-option${m.includes(s) ? " is-selected" : ""}`,
                 children: [
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ u(
                     "input",
                     {
                       type: "checkbox",
                       checked: m.includes(s),
-                      onChange: () => v(s)
+                      onChange: () => $(s)
                     }
                   ),
                   s
@@ -590,9 +593,9 @@ function _t({ options: e, value: t, multi: a, onChange: n }) {
               {
                 type: "button",
                 className: `widget-filter__search-option${t === s ? " is-selected" : ""}`,
-                onClick: () => O(s),
+                onClick: () => R(s),
                 children: [
-                  /* @__PURE__ */ l("span", { className: "widget-filter__search-check", "aria-hidden": !0, children: t === s ? "✓" : "" }),
+                  /* @__PURE__ */ u("span", { className: "widget-filter__search-check", "aria-hidden": !0, children: t === s ? "✓" : "" }),
                   s
                 ]
               },
@@ -605,192 +608,195 @@ function _t({ options: e, value: t, multi: a, onChange: n }) {
     document.body
   ) : null;
   return /* @__PURE__ */ E("div", { className: "widget-filter__search", children: [
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ u(
       "input",
       {
-        ref: c,
+        ref: i,
         type: "text",
         className: "widget-filter__search-field",
-        value: q,
-        placeholder: J,
-        onFocus: z,
+        value: K,
+        placeholder: Q,
+        onFocus: J,
         onClick: () => o(!0),
         onChange: (s) => {
-          d(s.target.value), o(!0);
+          l(s.target.value), o(!0);
         },
-        onKeyDown: V
+        onKeyDown: X
       }
     ),
-    X
+    Z
   ] });
 }
-const he = [
-  f.bgDark,
-  f.bgPaper,
-  f.bgElevated,
-  f.accent,
-  f.success
+const Se = [
+  d.bgDark,
+  d.bgPaper,
+  d.bgElevated,
+  d.accent,
+  d.success
 ];
-function Ee(e) {
+function Te(e) {
   if (!e) return !0;
   const t = N(e);
   return Object.values(M).some(
     (a) => JSON.stringify(a.colors) === JSON.stringify(t)
   );
 }
-const Se = [
+const Le = [
   { label: "Series", slots: ["series0", "series1", "series2", "series3", "series4"] },
   { label: "Tema", slots: ["bgDark", "bgPaper", "bgElevated", "textPrimary", "textMuted"] },
   { label: "Estados", slots: ["accent", "success", "error"] }
 ];
-function bt({
+function Lt({
   selected: e,
   onSelect: t,
   customMode: a,
   onCustomModeChange: n,
   disabled: r
 }) {
-  var _;
-  const o = a ?? !Ee(e), i = N(e), d = o || (_ = Object.entries(M).find(
-    ([, c]) => JSON.stringify(c.colors) === JSON.stringify(i)
-  )) == null ? void 0 : _[0], g = (c, u) => {
-    const m = [...i];
+  var b;
+  const o = a ?? !Te(e), c = N(e), l = o || (b = Object.entries(M).find(
+    ([, i]) => JSON.stringify(i.colors) === JSON.stringify(c)
+  )) == null ? void 0 : b[0], g = (i, f) => {
+    const m = [...c];
     for (; m.length < A; ) m.push("#000000");
-    m[c] = u, t(m);
+    m[i] = f, t(m);
   };
   return /* @__PURE__ */ E("div", { className: `palette-selector ${r ? "palette-selector--disabled" : ""}`, children: [
     n && /* @__PURE__ */ E("label", { className: "config-panel__checkbox", children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ u(
         "input",
         {
           type: "checkbox",
           checked: o,
-          onChange: (c) => n(c.target.checked),
+          onChange: (i) => n(i.target.checked),
           disabled: r
         }
       ),
       "Customizar"
     ] }),
-    o ? /* @__PURE__ */ l("div", { className: "palette-selector__custom", children: Se.map((c) => /* @__PURE__ */ E("div", { className: "palette-selector__row", children: [
-      /* @__PURE__ */ l("span", { className: "palette-selector__row-label", children: c.label }),
-      /* @__PURE__ */ l("div", { className: "palette-selector__row-slots", children: c.slots.map((u) => {
-        const m = f[u];
-        return /* @__PURE__ */ l(
+    o ? /* @__PURE__ */ u("div", { className: "palette-selector__custom", children: Le.map((i) => /* @__PURE__ */ E("div", { className: "palette-selector__row", children: [
+      /* @__PURE__ */ u("span", { className: "palette-selector__row-label", children: i.label }),
+      /* @__PURE__ */ u("div", { className: "palette-selector__row-slots", children: i.slots.map((f) => {
+        const m = d[f];
+        return /* @__PURE__ */ u(
           "input",
           {
             type: "color",
             className: "palette-selector__color-input",
-            value: i[m] || "#000000",
-            onChange: (b) => g(m, b.target.value),
+            value: c[m] || "#000000",
+            onChange: (_) => g(m, _.target.value),
             disabled: r,
-            title: oe[u]
+            title: ie[f]
           },
-          u
+          f
         );
       }) })
-    ] }, c.label)) }) : /* @__PURE__ */ l("div", { className: "palette-selector__options", children: Object.entries(M).map(([c, u]) => {
-      const m = N(u.colors);
+    ] }, i.label)) }) : /* @__PURE__ */ u("div", { className: "palette-selector__options", children: Object.entries(M).map(([i, f]) => {
+      const m = N(f.colors);
       return /* @__PURE__ */ E(
         "button",
         {
-          className: `palette-selector__option ${d === c ? "palette-selector__option--active" : ""}`,
-          onClick: () => t(u.colors),
+          className: `palette-selector__option ${l === i ? "palette-selector__option--active" : ""}`,
+          onClick: () => t(f.colors),
           disabled: r,
           children: [
-            /* @__PURE__ */ l("div", { className: "palette-selector__bar", children: ce(u.colors).map((b, T) => /* @__PURE__ */ l(
+            /* @__PURE__ */ u("div", { className: "palette-selector__bar", children: le(f.colors).map((_, T) => /* @__PURE__ */ u(
               "span",
               {
                 className: "palette-selector__swatch",
-                style: { backgroundColor: b }
+                style: { backgroundColor: _ }
               },
               T
             )) }),
-            /* @__PURE__ */ l("div", { className: "palette-selector__bar palette-selector__bar--theme", children: he.map((b, T) => /* @__PURE__ */ l(
+            /* @__PURE__ */ u("div", { className: "palette-selector__bar palette-selector__bar--theme", children: Se.map((_, T) => /* @__PURE__ */ u(
               "span",
               {
                 className: "palette-selector__swatch",
-                style: { backgroundColor: m[b] }
+                style: { backgroundColor: m[_] }
               },
               T
             )) }),
-            /* @__PURE__ */ l("span", { className: "palette-selector__label", children: u.label })
+            /* @__PURE__ */ u("span", { className: "palette-selector__label", children: f.label })
           ]
         },
-        c
+        i
       );
     }) })
   ] });
 }
 export {
-  $e as $,
-  re as A,
-  ze as B,
-  bt as C,
-  pt as D,
-  Be as E,
-  ke as F,
-  C as G,
-  je as H,
-  Re as I,
-  Pe as J,
-  Je as K,
-  qe as L,
-  U as M,
-  le as N,
-  ue as O,
-  ie as P,
-  W as Q,
-  Oe as R,
-  _t as S,
-  ve as T,
-  Ye as U,
-  Ve as V,
-  fe as W,
-  Ge as X,
-  He as Y,
-  de as Z,
-  rt as _,
-  Ae as a,
-  M as a0,
-  se as a1,
-  f as a2,
-  oe as a3,
-  Ue as a4,
-  A as a5,
-  We as a6,
-  xe as a7,
-  be as a8,
-  N as a9,
-  B as aa,
-  it as ab,
-  lt as ac,
-  D as ad,
+  Ve as $,
+  Pe as A,
+  oe as B,
+  Lt as C,
+  St as D,
+  Ue as E,
+  Ye as F,
+  F as G,
+  Ke as H,
+  Je as I,
+  He as J,
+  Xe as K,
+  $e as L,
+  Y as M,
+  ve as N,
+  et as O,
+  Ze as P,
+  fe as Q,
+  de as R,
+  Tt as S,
+  Ge as T,
+  ue as U,
+  j as V,
+  Ie as W,
+  ze as X,
+  Qe as Y,
+  ge as Z,
+  je as _,
+  Oe as a,
+  me as a0,
+  lt as a1,
+  We as a2,
+  M as a3,
+  ce as a4,
+  d as a5,
+  ie as a6,
+  Be as a7,
+  A as a8,
+  qe as a9,
+  Fe as aa,
+  Ee as ab,
+  N as ac,
+  q as ad,
   gt as ae,
-  ye as af,
-  Xe as b,
-  Ke as c,
-  et as d,
-  at as e,
-  Ne as f,
-  _e as g,
-  mt as h,
-  tt as i,
-  dt as j,
-  nt as k,
-  ut as l,
-  ft as m,
-  ct as n,
-  st as o,
-  ot as p,
-  ce as q,
-  Me as r,
-  Ce as s,
-  Qe as t,
-  Ze as u,
-  R as v,
-  I as w,
+  mt as af,
+  y as ag,
+  ht as ah,
+  Ae as ai,
+  tt as b,
+  at as c,
+  st as d,
+  ct as e,
+  Me as f,
+  he as g,
+  Et as h,
+  ot as i,
+  _t as j,
+  it as k,
+  pt as l,
+  bt as m,
+  dt as n,
+  ut as o,
+  ft as p,
+  le as q,
+  Ce as r,
+  ke as s,
+  nt as t,
+  rt as u,
+  I as v,
+  v as w,
   P as x,
-  Ie as y,
-  Fe as z
+  Re as y,
+  xe as z
 };
-//# sourceMappingURL=ColorPaletteSelector-DJge9VhO.js.map
+//# sourceMappingURL=ColorPaletteSelector-CZP3HDNJ.js.map