@actionexec/dashboards 0.8.0 → 0.9.0

package/dist/{ColorPaletteSelector-4eS1vsrU.js → ColorPaletteSelector-Ddcuobr5.js}

@@ -1,22 +1,22 @@
 import { jsx as l, jsxs as E } from "react/jsx-runtime";
 import Q from "react-datepicker";
-import { useState as P, useRef as I, useMemo as k, useLayoutEffect as Z, useEffect as ee } from "react";
+import { useState as O, useRef as $, useMemo as k, useLayoutEffect as Z, useEffect as ee } from "react";
 import { createPortal as te } from "react-dom";
-const ne = "https://action-data-api-7mbrztperq-rj.a.run.app", ae = "/external/dashboards";
-let G = ne;
-function De(e) {
+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 {
-  constructor(t, n, a) {
-    super(t), this.status = n, this.payload = a, this.name = "ApiError";
+  constructor(t, a, n) {
+    super(t), this.status = a, this.payload = n, this.name = "ApiError";
   }
 }
-async function Y(e, t, n) {
-  const a = new URL(`${G}${ae}${e}`);
-  if (n)
-    for (const [o, i] of Object.entries(n)) a.searchParams.set(o, i);
-  const r = await fetch(a.toString(), {
+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}` }
   });
   if (!r.ok) {
@@ -168,14 +168,14 @@ const Ne = (e) => Y("/layout", e), Ae = (e, t) => Y("/render", e, t), f = {
       "#8b5cf6"
     ]
   }
-}, H = M.action.colors;
+}, W = M.action.colors;
 function N(e) {
-  const t = H;
+  const t = W;
   if (!e || e.length === 0) return [...t];
   if (e.length >= A) return e.slice(0, A);
-  const n = [...e];
-  for (let a = e.length; a < A; a++) n.push(t[a]);
-  return n;
+  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);
@@ -199,19 +199,26 @@ function Me(e) {
     "--action-green": t[f.success]
   };
 }
-const ie = H, le = 30, ue = 10, xe = {
+const ie = W, le = 30, ue = 10, xe = {
   gridColumns: le,
   gridRows: ue,
   widgets: []
-}, Pe = {
-  kpi_card: "KPI Card",
+}, Oe = {
+  kpi_card: "Card",
   gauge: "Gauge",
   chart: "Gráfico",
+  composition: "Composição",
   table: "Tabela",
   filter: "Filtro",
   variable: "Variável",
   color_palette: "Paleta de Cores"
-}, Re = ["kpi_card", "gauge", "chart", "table"], ve = ["filter", "variable", "color_palette"], Ce = /* @__PURE__ */ new Set(["filter", "variable", "color_palette"]), Oe = {
+}, Pe = ["kpi_card", "gauge", "chart", "composition", "table"], Re = ["filter", "variable", "color_palette"], Ce = /* @__PURE__ */ new Set(["filter", "variable", "color_palette"]), Ie = {
+  day: ["dia", "dias"],
+  week: ["semana", "semanas"],
+  month: ["mês", "meses"],
+  quarter: ["trimestre", "trimestres"],
+  year: ["ano", "anos"]
+}, Fe = ["período", "períodos"], ve = {
   sum: "Soma",
   avg: "Média",
   count: "Contagem",
@@ -225,13 +232,16 @@ const ie = H, le = 30, ue = 10, xe = {
   percentage: "Porcentagem",
   date: "Data",
   text: "Texto"
-}, $e = Object.entries(fe).filter(([e]) => e !== "date" && e !== "text"), Fe = {
-  yoy: "vs Ano Anterior",
-  mom: "vs Mês Anterior",
-  previous_period: "vs Período Anterior",
-  target: "vs Meta",
-  none: "Nenhuma"
-}, Ie = {
+}, $e = Object.entries(fe).filter(([e]) => e !== "date" && e !== "text"), ke = {
+  variance: "Variação %",
+  difference: "Diferença",
+  ratio: "Proporção",
+  value: "Valor da base"
+}, Ue = {
+  higher: "Maior é melhor",
+  lower: "Menor é melhor",
+  neutral: "Neutro"
+}, Ge = {
   eq: "Igual a",
   neq: "Diferente de",
   in: "Está entre os valores",
@@ -245,83 +255,95 @@ const ie = H, le = 30, ue = 10, xe = {
   not_contains: "Não contém",
   is_empty: "Está vazio",
   not_empty: "Não está vazio"
-}, ke = ["is_empty", "not_empty"], Ue = ["in", "not_in"], Ge = {
+}, Ye = ["is_empty", "not_empty"], We = ["in", "not_in"], He = {
   bar: "Barras",
   line: "Linhas",
-  area: "Área",
-  pie: "Pizza"
-}, Ye = {
+  area: "Área"
+}, Be = {
+  pie: "Pizza",
+  bridge: "Ponte"
+}, je = {
+  descending: "Descendente",
+  ascending: "Ascendente"
+}, ze = {
   date_range: "Periodo",
   select: "Seleção Única",
   multi_select: "Seleção Múltipla"
-}, U = "", He = {
+}, U = "", Ve = {
   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 },
+  composition: { x: 0, y: 0, w: 6, h: 6 },
   table: { x: 0, y: 0, w: 12, h: 7 },
   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 }
-}, We = {
-  kpi_card: { label: "Novo KPI", aggregation: "sum", format: "number" },
+}, qe = {
+  kpi_card: { label: "Novo card", aggregation: "sum", format: "number" },
   gauge: { label: "Novo Gauge", aggregation: "sum" },
-  chart: { label: "Novo Grafico", chartType: "bar", xAxis: { column: "", granularity: "day" }, series: [] },
+  chart: { label: "Novo gráfico", chartType: "bar", xAxis: { column: "", granularity: "day" }, series: [] },
+  composition: {
+    label: "Nova composição",
+    display: "pie",
+    categories: [],
+    direction: "descending"
+  },
   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 }
-}, v = 6, C = 16, O = 1, R = 24, de = 80, ge = (e, t, n) => Math.min(Math.max(e, t), n), S = (e) => Number.isFinite(e) && e > 0;
-function je(e, t, n = v, a = C) {
+}, 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 Je(e, t, a = R, n = C) {
   if (!S(t) || !Number.isFinite(e)) return 0;
-  const r = e - a * 2 - n * (t - 1);
+  const r = e - n * 2 - a * (t - 1);
   return Math.max(0, r / t);
 }
-function ze(e, t = O) {
-  return !S(e) || !S(t) ? R : ge(e / t, R, de);
+function Xe(e, t = I) {
+  return !S(e) || !S(t) ? P : ge(e / t, P, de);
 }
-function Je(e, t, n = v, a = C) {
-  return e <= 0 ? a * 2 : e * t + (e - 1) * n + a * 2;
+function Ke(e, t, a = R, n = C) {
+  return e <= 0 ? n * 2 : e * t + (e - 1) * a + n * 2;
 }
-function qe(e, t, n = O) {
-  return !S(e) || !S(t) || !S(n) ? 1 : e * n / t;
+function Qe(e, t, a = I) {
+  return !S(e) || !S(t) || !S(a) ? 1 : e * a / t;
 }
-function Ve(e, t = O, n = v, a = C) {
-  return !S(e) || !S(t) ? 0 : R * t * e + n * (e - 1) + a * 2;
+function Ze(e, t = I, a = R, n = C) {
+  return !S(e) || !S(t) ? 0 : P * t * e + a * (e - 1) + n * 2;
 }
-const D = "pt-BR", me = 100, pe = /* @__PURE__ */ new Set(["currency", "number", "integer", "percentage"]);
-function Be(e) {
+const y = "pt-BR", me = 100, pe = /* @__PURE__ */ new Set(["currency", "number", "integer", "percentage"]);
+function et(e) {
   return !!e && pe.has(e);
 }
-function W(e) {
+function H(e) {
   if (e == null || e === "") return null;
   const t = typeof e == "number" ? e : Number(e);
   return Number.isFinite(t) ? t : null;
 }
-function be(e, t, n = "-") {
-  if (e == null || e === "") return n;
-  const a = W(e);
-  if (a === null) return String(e);
+function be(e, t, a = "-") {
+  if (e == null || e === "") return a;
+  const n = H(e);
+  if (n === null) return String(e);
   switch (t) {
     case "currency":
-      return a.toLocaleString(D, { style: "currency", currency: "BRL" });
+      return n.toLocaleString(y, { style: "currency", currency: "BRL" });
     case "integer":
-      return Math.round(a).toLocaleString(D);
+      return Math.round(n).toLocaleString(y);
     case "percentage":
-      return `${(a * me).toLocaleString(D, { maximumFractionDigits: 1 })}%`;
+      return `${(n * me).toLocaleString(y, { maximumFractionDigits: 1 })}%`;
     case "number":
-      return a.toLocaleString(D, { maximumFractionDigits: 2 });
+      return n.toLocaleString(y, { maximumFractionDigits: 2 });
     default:
       return String(e);
   }
 }
-function Xe(e, t) {
-  const n = W(e);
-  if (n === null) return "-";
-  if (t === "percentage") return be(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(D, { maximumFractionDigits: 2 })}`;
+function tt(e, t) {
+  const a = H(e);
+  if (a === null) return "-";
+  if (t === "percentage") return be(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 })}`;
 }
-const Ke = [
+const at = [
   "Jan",
   "Fev",
   "Mar",
@@ -334,7 +356,7 @@ const Ke = [
   "Out",
   "Nov",
   "Dez"
-], Qe = [
+], nt = [
   "Janeiro",
   "Fevereiro",
   "Marco",
@@ -348,83 +370,83 @@ const Ke = [
   "Novembro",
   "Dezembro"
 ];
-function Ze(e) {
+function rt(e) {
   return { start: `${e}-01-01`, end: `${e}-12-31` };
 }
-function et(e) {
+function st(e) {
   if (!e) return null;
   const t = e.match(/^(\d{4})/);
   return t ? { year: parseInt(t[1]) } : null;
 }
-function tt(e, t) {
-  const n = new Date(e, t, 0).getDate(), a = (r) => String(r).padStart(2, "0");
+function ot(e, t) {
+  const a = new Date(e, t, 0).getDate(), n = (r) => String(r).padStart(2, "0");
   return {
-    start: `${e}-${a(t)}-01`,
-    end: `${e}-${a(t)}-${a(n)}`
+    start: `${e}-${n(t)}-01`,
+    end: `${e}-${n(t)}-${n(a)}`
   };
 }
-function j(e) {
+function B(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);
+  const a = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
+  return Math.ceil(((t.getTime() - a.getTime()) / 864e5 + 1) / 7);
 }
-function nt(e, t) {
-  const n = new Date(e, 0, 4), a = (n.getDay() + 6) % 7, r = new Date(n.getTime() - a * 864e5), o = new Date(r.getTime() + (t - 1) * 7 * 864e5), i = new Date(o.getTime() + 6 * 864e5), d = (b) => String(b).padStart(2, "0"), g = (b) => `${b.getFullYear()}-${d(b.getMonth() + 1)}-${d(b.getDate())}`;
+function ct(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 = (b) => String(b).padStart(2, "0"), g = (b) => `${b.getFullYear()}-${d(b.getMonth() + 1)}-${d(b.getDate())}`;
   return { start: g(o), end: g(i) };
 }
-function at(e, t) {
-  const n = /* @__PURE__ */ new Set(), a = new Date(e, t, 0).getDate();
-  for (let r = 1; r <= a; r++)
-    n.add(j(new Date(e, t - 1, r)));
-  return Array.from(n).sort((r, o) => r - o);
+function it(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)));
+  return Array.from(a).sort((r, o) => r - o);
 }
-function rt(e, t) {
-  const n = new Date(e, t, 0).getDate(), a = (d) => String(d).padStart(2, "0"), r = [];
+function lt(e, t) {
+  const a = new Date(e, t, 0).getDate(), n = (d) => String(d).padStart(2, "0"), r = [];
   let o = 1, i = 1;
-  for (; o <= n; ) {
-    const d = o, g = Math.min(o + 6, n), b = `${e}-${a(t)}-${a(d)}`, c = `${e}-${a(t)}-${a(g)}`, u = `${i}° Semana (${a(d)}/${a(t)} - ${a(g)}/${a(t)})`;
+  for (; o <= a; ) {
+    const d = o, g = Math.min(o + 6, a), b = `${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: b, end: c, label: u }), o = g + 1, i++;
   }
   return r;
 }
-function st(e, t, n) {
+function ut(e, t, a) {
   if (!e) return 1;
-  const a = (i) => String(i).padStart(2, "0"), r = e.match(new RegExp(`^${t}-${a(n)}-(\\d{2})`));
+  const n = (i) => String(i).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 ot(e) {
+function ft(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 ct(e) {
+function dt(e) {
   if (!e) return null;
   const t = /* @__PURE__ */ new Date(e + "T00:00:00");
-  return isNaN(t.getTime()) ? null : { year: t.getFullYear(), week: j(t) };
+  return isNaN(t.getTime()) ? null : { year: t.getFullYear(), week: B(t) };
 }
-function it(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 o = a; o >= n; o--) r.push(o);
+function gt(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 L(e) {
+function D(e) {
   if (!e) return null;
-  const [t, n, a] = e.split("-").map(Number);
-  return !t || !n || !a ? null : new Date(t, n - 1, a);
+  const [t, a, n] = e.split("-").map(Number);
+  return !t || !a || !n ? null : new Date(t, a - 1, n);
 }
-function he(e) {
+function _e(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}`;
+  const t = e.getFullYear(), a = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
+  return `${t}-${a}-${n}`;
 }
-function lt({
+function mt({
   value: e,
   onChange: t,
-  minIso: n,
-  maxIso: a,
+  minIso: a,
+  maxIso: n,
   placeholder: r,
   selectsStart: o,
   selectsEnd: i,
@@ -436,14 +458,14 @@ function lt({
   return /* @__PURE__ */ l("div", { className: `ddp-field ${b ?? ""}`, children: /* @__PURE__ */ l(
     Q,
     {
-      selected: L(e),
-      onChange: (u) => t(he(u)),
+      selected: D(e),
+      onChange: (u) => t(_e(u)),
       selectsStart: o,
       selectsEnd: i,
-      startDate: L(d) ?? void 0,
-      endDate: L(g) ?? void 0,
-      minDate: L(n) ?? void 0,
-      maxDate: L(a) ?? void 0,
+      startDate: D(d) ?? void 0,
+      endDate: D(g) ?? void 0,
+      minDate: D(a) ?? void 0,
+      maxDate: D(n) ?? void 0,
       dateFormat: "dd/MM/yyyy",
       placeholderText: r ?? "Selecione...",
       disabled: c,
@@ -459,22 +481,22 @@ function lt({
     }
   ) });
 }
-function ut({ options: e, value: t, multi: n, onChange: a }) {
-  const [r, o] = P(!1), [i, d] = P(""), [g, b] = P(null), c = I(null), u = I(null), m = k(
+function pt({ options: e, value: t, multi: a, onChange: n }) {
+  const [r, o] = O(!1), [i, d] = O(""), [g, b] = O(null), c = $(null), u = $(null), m = k(
     () => t ? t.split(U).filter(Boolean) : [],
     [t]
-  ), h = k(() => {
+  ), _ = k(() => {
     const s = i.trim().toLowerCase();
     return s ? e.filter((p) => p.toLowerCase().includes(s)) : e;
   }, [e, i]), T = () => {
     const s = c.current;
     if (!s) return;
-    const p = s.getBoundingClientRect(), _ = 4, w = window.innerHeight - p.bottom - _, y = p.top - _, F = w < 200 && y > w, K = Math.max(150, Math.min(360, F ? y : w));
+    const p = s.getBoundingClientRect(), h = 4, L = window.innerHeight - p.bottom - h, w = p.top - h, v = L < 200 && w > L, K = Math.max(150, Math.min(360, v ? w : L));
     b({
       left: p.left,
       width: p.width,
       maxHeight: K,
-      ...F ? { bottom: window.innerHeight - p.top + _ } : { top: p.bottom + _ }
+      ...v ? { bottom: window.innerHeight - p.top + h } : { top: p.bottom + h }
     });
   };
   Z(() => {
@@ -487,26 +509,26 @@ function ut({ options: e, value: t, multi: n, onChange: a }) {
   }, [r]), ee(() => {
     if (!r) return;
     const s = (p) => {
-      var w, y;
-      const _ = p.target;
-      (w = c.current) != null && w.contains(_) || (y = u.current) != null && y.contains(_) || o(!1);
+      var L, w;
+      const h = p.target;
+      (L = c.current) != null && L.contains(h) || (w = u.current) != null && w.contains(h) || o(!1);
     };
     return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
   }, [r]);
-  const z = () => {
+  const j = () => {
     o(!1), d("");
   }, x = (s) => {
     var p;
-    a(s), d(""), o(!1), (p = c.current) == null || p.blur();
-  }, $ = (s) => {
-    const p = m.includes(s) ? m.filter((_) => _ !== s) : [...m, s];
-    a(p.join(U));
-  }, J = () => {
-    o(!0), n || d("");
-  }, q = (s) => {
+    n(s), d(""), o(!1), (p = c.current) == null || p.blur();
+  }, F = (s) => {
+    const p = m.includes(s) ? m.filter((h) => h !== s) : [...m, s];
+    n(p.join(U));
+  }, z = () => {
+    o(!0), a || d("");
+  }, V = (s) => {
     var p;
-    s.key === "Escape" ? (z(), (p = c.current) == null || p.blur()) : s.key === "Enter" && h.length > 0 && (s.preventDefault(), n ? ($(h[0]), d("")) : x(h[0]));
-  }, V = n || r ? i : t || "", B = n && m.length > 0 ? `${m.length} selecionado(s)` : r ? "Buscar..." : "Todos", X = r && g ? te(
+    s.key === "Escape" ? (j(), (p = c.current) == null || p.blur()) : s.key === "Enter" && _.length > 0 && (s.preventDefault(), a ? (F(_[0]), d("")) : x(_[0]));
+  }, q = a || r ? i : t || "", J = a && m.length > 0 ? `${m.length} selecionado(s)` : r ? "Buscar..." : "Todos", X = r && g ? te(
     /* @__PURE__ */ l(
       "div",
       {
@@ -521,16 +543,16 @@ function ut({ options: e, value: t, multi: n, onChange: a }) {
           maxHeight: g.maxHeight
         },
         children: /* @__PURE__ */ E("div", { className: "widget-filter__search-list", children: [
-          n && m.length > 0 && /* @__PURE__ */ l(
+          a && m.length > 0 && /* @__PURE__ */ l(
             "button",
             {
               type: "button",
               className: "widget-filter__search-clear",
-              onClick: () => a(""),
+              onClick: () => n(""),
               children: "Limpar seleção"
             }
           ),
-          !n && /* @__PURE__ */ E(
+          !a && /* @__PURE__ */ E(
             "button",
             {
               type: "button",
@@ -542,8 +564,8 @@ function ut({ options: e, value: t, multi: n, onChange: a }) {
               ]
             }
           ),
-          h.length === 0 ? /* @__PURE__ */ l("span", { className: "widget-filter__search-empty", children: "Nenhuma opção" }) : h.map(
-            (s) => n ? /* @__PURE__ */ E(
+          _.length === 0 ? /* @__PURE__ */ l("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" : ""}`,
@@ -553,7 +575,7 @@ function ut({ options: e, value: t, multi: n, onChange: a }) {
                     {
                       type: "checkbox",
                       checked: m.includes(s),
-                      onChange: () => $(s)
+                      onChange: () => F(s)
                     }
                   ),
                   s
@@ -586,20 +608,20 @@ function ut({ options: e, value: t, multi: n, onChange: a }) {
         ref: c,
         type: "text",
         className: "widget-filter__search-field",
-        value: V,
-        placeholder: B,
-        onFocus: J,
+        value: q,
+        placeholder: J,
+        onFocus: z,
         onClick: () => o(!0),
         onChange: (s) => {
           d(s.target.value), o(!0);
         },
-        onKeyDown: q
+        onKeyDown: V
       }
     ),
     X
   ] });
 }
-const _e = [
+const he = [
   f.bgDark,
   f.bgPaper,
   f.bgElevated,
@@ -610,7 +632,7 @@ function Ee(e) {
   if (!e) return !0;
   const t = N(e);
   return Object.values(M).some(
-    (n) => JSON.stringify(n.colors) === JSON.stringify(t)
+    (a) => JSON.stringify(a.colors) === JSON.stringify(t)
   );
 }
 const Se = [
@@ -618,15 +640,15 @@ const Se = [
   { label: "Tema", slots: ["bgDark", "bgPaper", "bgElevated", "textPrimary", "textMuted"] },
   { label: "Estados", slots: ["accent", "success", "error"] }
 ];
-function ft({
+function bt({
   selected: e,
   onSelect: t,
-  customMode: n,
-  onCustomModeChange: a,
+  customMode: a,
+  onCustomModeChange: n,
   disabled: r
 }) {
   var b;
-  const o = n ?? !Ee(e), i = N(e), d = o || (b = Object.entries(M).find(
+  const o = a ?? !Ee(e), i = N(e), d = o || (b = Object.entries(M).find(
     ([, c]) => JSON.stringify(c.colors) === JSON.stringify(i)
   )) == null ? void 0 : b[0], g = (c, u) => {
     const m = [...i];
@@ -634,13 +656,13 @@ function ft({
     m[c] = u, t(m);
   };
   return /* @__PURE__ */ E("div", { className: `palette-selector ${r ? "palette-selector--disabled" : ""}`, children: [
-    a && /* @__PURE__ */ E("label", { className: "config-panel__checkbox", children: [
+    n && /* @__PURE__ */ E("label", { className: "config-panel__checkbox", children: [
       /* @__PURE__ */ l(
         "input",
         {
           type: "checkbox",
           checked: o,
-          onChange: (c) => a(c.target.checked),
+          onChange: (c) => n(c.target.checked),
           disabled: r
         }
       ),
@@ -656,7 +678,7 @@ function ft({
             type: "color",
             className: "palette-selector__color-input",
             value: i[m] || "#000000",
-            onChange: (h) => g(m, h.target.value),
+            onChange: (_) => g(m, _.target.value),
             disabled: r,
             title: oe[u]
           },
@@ -672,19 +694,19 @@ function ft({
           onClick: () => t(u.colors),
           disabled: r,
           children: [
-            /* @__PURE__ */ l("div", { className: "palette-selector__bar", children: ce(u.colors).map((h, T) => /* @__PURE__ */ l(
+            /* @__PURE__ */ l("div", { className: "palette-selector__bar", children: ce(u.colors).map((_, T) => /* @__PURE__ */ l(
               "span",
               {
                 className: "palette-selector__swatch",
-                style: { backgroundColor: h }
+                style: { backgroundColor: _ }
               },
               T
             )) }),
-            /* @__PURE__ */ l("div", { className: "palette-selector__bar palette-selector__bar--theme", children: _e.map((h, T) => /* @__PURE__ */ l(
+            /* @__PURE__ */ l("div", { className: "palette-selector__bar palette-selector__bar--theme", children: he.map((_, T) => /* @__PURE__ */ l(
               "span",
               {
                 className: "palette-selector__swatch",
-                style: { backgroundColor: m[h] }
+                style: { backgroundColor: m[_] }
               },
               T
             )) }),
@@ -697,69 +719,74 @@ function ft({
   ] });
 }
 export {
-  it as $,
-  Oe as A,
-  qe as B,
-  O as C,
-  Re as D,
-  xe as E,
-  Ie as F,
-  v as G,
-  he as H,
-  N as I,
-  Xe as J,
-  be as K,
-  Ue as L,
-  de as M,
-  $e as N,
-  Ze as O,
-  M as P,
-  j as Q,
-  tt as R,
-  se as S,
-  A as T,
-  rt as U,
-  ke as V,
-  Pe as W,
-  Me as X,
-  ce as Y,
-  nt as Z,
-  at as _,
-  Ge as a,
-  Be as a0,
-  L as a1,
-  ot as a2,
-  st as a3,
-  ct as a4,
-  et as a5,
-  De as a6,
-  Ne as a7,
-  Ae as a8,
-  re as a9,
-  Fe as b,
-  Ce as c,
-  ve as d,
-  ft as e,
-  We as f,
-  He as g,
-  le as h,
-  ue as i,
-  ie as j,
-  H as k,
+  $e as $,
+  re as A,
+  je as B,
+  bt as C,
+  mt as D,
+  He as E,
+  ke as F,
+  C as G,
+  Be as H,
+  Re as I,
+  Pe as J,
+  qe as K,
+  Ve as L,
+  U as M,
+  le as N,
+  ue as O,
+  ie as P,
+  W as Q,
+  xe as R,
+  pt as S,
+  Fe as T,
+  Ge as U,
+  ze as V,
+  fe as W,
+  Ue as X,
+  We as Y,
+  de as Z,
+  nt as _,
+  Ae as a,
+  M as a0,
+  se as a1,
+  f as a2,
+  oe as a3,
+  A as a4,
+  Ye as a5,
+  Oe as a6,
+  _e as a7,
+  N as a8,
+  B as a9,
+  ct as aa,
+  it as ab,
+  D as ac,
+  dt as ad,
+  ye as ae,
+  Je as b,
+  Xe as c,
+  Ze as d,
+  tt as e,
+  Ne as f,
+  be as g,
+  gt as h,
+  et as i,
+  ft as j,
+  at as k,
   lt as l,
-  Ye as m,
-  fe as n,
-  C as o,
-  R as p,
-  Qe as q,
-  Ke as r,
-  U as s,
-  f as t,
-  oe as u,
-  ut as v,
-  ze as w,
-  je as x,
-  Je as y,
-  Ve as z
+  ut as m,
+  ot as n,
+  rt as o,
+  st as p,
+  ce as q,
+  Me as r,
+  Ce as s,
+  Ke as t,
+  Qe as u,
+  R as v,
+  I as w,
+  P as x,
+  Ie as y,
+  ve as z
 };
-//# sourceMappingURL=ColorPaletteSelector-4eS1vsrU.js.map
+//# sourceMappingURL=ColorPaletteSelector-Ddcuobr5.js.map