@actionexec/dashboards 0.16.0 → 0.16.2

package/dist/{ColorPaletteSelector-CxUQv9E9.js → ColorPaletteSelector-nBO_fbbj.js}

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