@actionexec/dashboards 0.6.0 → 0.7.0

package/dist/{ColorPaletteSelector-Bsda66uL.js → ColorPaletteSelector-BSAe2YMH.js}

@@ -1,39 +1,39 @@
-import { jsx as i, jsxs as w } from "react/jsx-runtime";
-import H from "react-datepicker";
-import { useState as x, useRef as P, useMemo as O, useLayoutEffect as J, useEffect as V } from "react";
-import { createPortal as q } from "react-dom";
-const K = "https://action-data-api-7mbrztperq-rj.a.run.app", B = "/external/dashboards";
-let C = K;
-function ge(e) {
-  C = e.replace(/\/$/, "");
+import { jsx as i, jsxs as T } from "react/jsx-runtime";
+import K from "react-datepicker";
+import { useState as P, useRef as R, useMemo as $, useLayoutEffect as B, useEffect as Q } from "react";
+import { createPortal as Z } from "react-dom";
+const ee = "https://action-data-api-7mbrztperq-rj.a.run.app", te = "/external/dashboards";
+let U = ee;
+function Ee(e) {
+  U = e.replace(/\/$/, "");
 }
-class Q extends Error {
+class ae extends Error {
   constructor(t, a, r) {
     super(t), this.status = a, this.payload = r, this.name = "ApiError";
   }
 }
-async function R(e, t, a) {
-  const r = new URL(`${C}${B}${e}`);
+async function G(e, t, a) {
+  const r = new URL(`${U}${te}${e}`);
   if (a)
     for (const [o, l] of Object.entries(a)) r.searchParams.set(o, l);
-  const s = await fetch(r.toString(), {
+  const n = await fetch(r.toString(), {
     headers: { Authorization: `Bearer ${t}` }
   });
-  if (!s.ok) {
+  if (!n.ok) {
     let o;
     try {
-      o = await s.json();
+      o = await n.json();
     } catch {
     }
-    throw new Q(
-      `Requisicao falhou (${s.status}) em ${e}`,
-      s.status,
+    throw new ae(
+      `Requisicao falhou (${n.status}) em ${e}`,
+      n.status,
       o
     );
   }
-  return await s.json();
+  return await n.json();
 }
-const pe = (e) => R("/layout", e), me = (e, t) => R("/render", e, t), m = {
+const Se = (e) => G("/layout", e), we = (e, t) => G("/render", e, t), m = {
   series0: 0,
   series1: 1,
   series2: 2,
@@ -47,7 +47,7 @@ const pe = (e) => R("/layout", e), me = (e, t) => R("/render", e, t), m = {
   accent: 10,
   success: 11,
   error: 12
-}, X = 5, N = 13, Z = {
+}, re = 5, L = 13, ne = {
   series0: "Série 1",
   series1: "Série 2",
   series2: "Série 3",
@@ -152,20 +152,20 @@ const pe = (e) => R("/layout", e), me = (e, t) => R("/render", e, t), m = {
       "#e11d48"
     ]
   }
-}, $ = v.action.colors;
-function D(e) {
-  const t = $;
+}, Y = v.action.colors;
+function N(e) {
+  const t = Y;
   if (!e || e.length === 0) return [...t];
-  if (e.length >= N) return e.slice(0, N);
+  if (e.length >= L) return e.slice(0, L);
   const a = [...e];
-  for (let r = e.length; r < N; r++) a.push(t[r]);
+  for (let r = e.length; r < L; r++) a.push(t[r]);
   return a;
 }
-function ee(e) {
-  return D(e).slice(0, X);
+function se(e) {
+  return N(e).slice(0, re);
 }
-function he(e) {
-  const t = D(e);
+function De(e) {
+  const t = N(e);
   return {
     "--bg-dark": t[m.bgDark],
     "--bg-paper": t[m.bgPaper],
@@ -181,11 +181,11 @@ function he(e) {
     "--color-warning": t[m.series3]
   };
 }
-const te = $, ae = 30, re = 10, be = {
-  gridColumns: ae,
-  gridRows: re,
+const oe = Y, ce = 30, le = 10, ye = {
+  gridColumns: ce,
+  gridRows: le,
   widgets: []
-}, _e = {
+}, Ne = {
   kpi_card: "KPI Card",
   gauge: "Gauge",
   chart: "Gráfico",
@@ -193,35 +193,35 @@ const te = $, ae = 30, re = 10, be = {
   filter: "Filtro",
   variable: "Variável",
   color_palette: "Paleta de Cores"
-}, we = ["kpi_card", "gauge", "chart", "table"], Te = ["filter", "variable", "color_palette"], Se = /* @__PURE__ */ new Set(["filter", "variable", "color_palette"]), Ee = {
+}, Le = ["kpi_card", "gauge", "chart", "table"], ve = ["filter", "variable", "color_palette"], Me = /* @__PURE__ */ new Set(["filter", "variable", "color_palette"]), Pe = {
   sum: "Soma",
   avg: "Média",
   count: "Contagem",
   min: "Mínimo",
   max: "Máximo",
   count_distinct: "Contagem Distinta"
-}, se = {
+}, ie = {
   currency: "Moeda (R$)",
   number: "Número",
   integer: "Inteiro",
   percentage: "Porcentagem",
   date: "Data",
   text: "Texto"
-}, ye = Object.entries(se).filter(([e]) => e !== "date" && e !== "text"), De = {
+}, xe = Object.entries(ie).filter(([e]) => e !== "date" && e !== "text"), Ae = {
   yoy: "vs Ano Anterior",
   mom: "vs Mês Anterior",
   target: "vs Meta",
   none: "Nenhuma"
-}, Ne = {
+}, Ce = {
   bar: "Barras",
   line: "Linhas",
   area: "Área",
   pie: "Pizza"
-}, ve = {
+}, ke = {
   date_range: "Periodo",
   select: "Seleção Única",
   multi_select: "Seleção Múltipla"
-}, k = "", Le = {
+}, F = "", Oe = {
   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 },
@@ -229,15 +229,33 @@ const te = $, ae = 30, re = 10, be = {
   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 }
-}, xe = {
+}, Ie = {
   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: [] },
   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: te, locked: !1 }
-}, Me = [
+  color_palette: { label: "Paleta de Cores", paletteColors: oe, locked: !1 }
+}, A = 6, C = 16, k = 1, x = 24, ue = 80, de = (e, t, a) => Math.min(Math.max(e, t), a), E = (e) => Number.isFinite(e) && e > 0;
+function Re(e, t, a = A, r = C) {
+  if (!E(t) || !Number.isFinite(e)) return 0;
+  const n = e - r * 2 - a * (t - 1);
+  return Math.max(0, n / t);
+}
+function $e(e, t = k) {
+  return !E(e) || !E(t) ? x : de(e / t, x, ue);
+}
+function Fe(e, t, a = A, r = C) {
+  return e <= 0 ? r * 2 : e * t + (e - 1) * a + r * 2;
+}
+function Ue(e, t, a = k) {
+  return !E(e) || !E(t) || !E(a) ? 1 : e * a / t;
+}
+function Ge(e, t = k, a = A, r = C) {
+  return !E(e) || !E(t) ? 0 : x * t * e + a * (e - 1) + r * 2;
+}
+const Ye = [
   "Jan",
   "Fev",
   "Mar",
@@ -250,7 +268,7 @@ const te = $, ae = 30, re = 10, be = {
   "Out",
   "Nov",
   "Dez"
-], Ae = [
+], He = [
   "Janeiro",
   "Fevereiro",
   "Marco",
@@ -264,84 +282,84 @@ const te = $, ae = 30, re = 10, be = {
   "Novembro",
   "Dezembro"
 ];
-function Pe(e) {
+function We(e) {
   return { start: `${e}-01-01`, end: `${e}-12-31` };
 }
-function Oe(e) {
+function je(e) {
   if (!e) return null;
   const t = e.match(/^(\d{4})/);
   return t ? { year: parseInt(t[1]) } : null;
 }
-function ke(e, t) {
-  const a = new Date(e, t, 0).getDate(), r = (s) => String(s).padStart(2, "0");
+function ze(e, t) {
+  const a = new Date(e, t, 0).getDate(), r = (n) => String(n).padStart(2, "0");
   return {
     start: `${e}-${r(t)}-01`,
     end: `${e}-${r(t)}-${r(a)}`
   };
 }
-function F(e) {
+function H(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 Ce(e, t) {
-  const a = new Date(e, 0, 4), r = (a.getDay() + 6) % 7, s = new Date(a.getTime() - r * 864e5), o = new Date(s.getTime() + (t - 1) * 7 * 864e5), l = new Date(o.getTime() + 6 * 864e5), d = (h) => String(h).padStart(2, "0"), f = (h) => `${h.getFullYear()}-${d(h.getMonth() + 1)}-${d(h.getDate())}`;
+function Je(e, t) {
+  const a = new Date(e, 0, 4), r = (a.getDay() + 6) % 7, n = new Date(a.getTime() - r * 864e5), o = new Date(n.getTime() + (t - 1) * 7 * 864e5), l = new Date(o.getTime() + 6 * 864e5), d = (h) => String(h).padStart(2, "0"), f = (h) => `${h.getFullYear()}-${d(h.getMonth() + 1)}-${d(h.getDate())}`;
   return { start: f(o), end: f(l) };
 }
-function Re(e, t) {
+function Ve(e, t) {
   const a = /* @__PURE__ */ new Set(), r = new Date(e, t, 0).getDate();
-  for (let s = 1; s <= r; s++)
-    a.add(F(new Date(e, t - 1, s)));
-  return Array.from(a).sort((s, o) => s - o);
+  for (let n = 1; n <= r; n++)
+    a.add(H(new Date(e, t - 1, n)));
+  return Array.from(a).sort((n, o) => n - o);
 }
-function $e(e, t) {
-  const a = new Date(e, t, 0).getDate(), r = (d) => String(d).padStart(2, "0"), s = [];
+function Xe(e, t) {
+  const a = new Date(e, t, 0).getDate(), r = (d) => String(d).padStart(2, "0"), n = [];
   let o = 1, l = 1;
   for (; o <= a; ) {
     const d = o, f = Math.min(o + 6, a), h = `${e}-${r(t)}-${r(d)}`, c = `${e}-${r(t)}-${r(f)}`, u = `${l}° Semana (${r(d)}/${r(t)} - ${r(f)}/${r(t)})`;
-    s.push({ index: l, startDay: d, endDay: f, start: h, end: c, label: u }), o = f + 1, l++;
+    n.push({ index: l, startDay: d, endDay: f, start: h, end: c, label: u }), o = f + 1, l++;
   }
-  return s;
+  return n;
 }
-function Fe(e, t, a) {
+function qe(e, t, a) {
   if (!e) return 1;
-  const r = (l) => String(l).padStart(2, "0"), s = e.match(new RegExp(`^${t}-${r(a)}-(\\d{2})`));
-  if (!s) return 1;
-  const o = parseInt(s[1]);
+  const r = (l) => String(l).padStart(2, "0"), n = e.match(new RegExp(`^${t}-${r(a)}-(\\d{2})`));
+  if (!n) return 1;
+  const o = parseInt(n[1]);
   return Math.ceil(o / 7);
 }
-function Ie(e) {
+function Ke(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 Ue(e) {
+function Be(e) {
   if (!e) return null;
   const t = /* @__PURE__ */ new Date(e + "T00:00:00");
-  return isNaN(t.getTime()) ? null : { year: t.getFullYear(), week: F(t) };
+  return isNaN(t.getTime()) ? null : { year: t.getFullYear(), week: H(t) };
 }
-function Ye(e) {
-  const t = /* @__PURE__ */ new Date(), a = 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(), s = [];
-  for (let o = r; o >= a; o--) s.push(o);
-  return s;
+function Qe(e) {
+  const t = /* @__PURE__ */ new Date(), a = 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(), n = [];
+  for (let o = r; o >= a; o--) n.push(o);
+  return n;
 }
 function y(e) {
   if (!e) return null;
   const [t, a, r] = e.split("-").map(Number);
   return !t || !a || !r ? null : new Date(t, a - 1, r);
 }
-function ne(e) {
+function fe(e) {
   if (!e) return "";
   const t = e.getFullYear(), a = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
   return `${t}-${a}-${r}`;
 }
-function Ge({
+function Ze({
   value: e,
   onChange: t,
   minIso: a,
   maxIso: r,
-  placeholder: s,
+  placeholder: n,
   selectsStart: o,
   selectsEnd: l,
   startIso: d,
@@ -350,10 +368,10 @@ function Ge({
   disabled: c
 }) {
   return /* @__PURE__ */ i("div", { className: `ddp-field ${h ?? ""}`, children: /* @__PURE__ */ i(
-    H,
+    K,
     {
       selected: y(e),
-      onChange: (u) => t(ne(u)),
+      onChange: (u) => t(fe(u)),
       selectsStart: o,
       selectsEnd: l,
       startDate: y(d) ?? void 0,
@@ -361,7 +379,7 @@ function Ge({
       minDate: y(a) ?? void 0,
       maxDate: y(r) ?? void 0,
       dateFormat: "dd/MM/yyyy",
-      placeholderText: s ?? "Selecione...",
+      placeholderText: n ?? "Selecione...",
       disabled: c,
       portalId: "ddp-portal",
       popperPlacement: "bottom-start",
@@ -375,54 +393,54 @@ function Ge({
     }
   ) });
 }
-function We({ options: e, value: t, multi: a, onChange: r }) {
-  const [s, o] = x(!1), [l, d] = x(""), [f, h] = x(null), c = P(null), u = P(null), g = O(
-    () => t ? t.split(k).filter(Boolean) : [],
+function et({ options: e, value: t, multi: a, onChange: r }) {
+  const [n, o] = P(!1), [l, d] = P(""), [f, h] = P(null), c = R(null), u = R(null), g = $(
+    () => t ? t.split(F).filter(Boolean) : [],
     [t]
-  ), b = O(() => {
-    const n = l.trim().toLowerCase();
-    return n ? e.filter((p) => p.toLowerCase().includes(n)) : e;
-  }, [e, l]), T = () => {
-    const n = c.current;
-    if (!n) return;
-    const p = n.getBoundingClientRect(), _ = 4, S = window.innerHeight - p.bottom - _, E = p.top - _, A = S < 200 && E > S, z = Math.max(150, Math.min(360, A ? E : S));
+  ), b = $(() => {
+    const s = l.trim().toLowerCase();
+    return s ? e.filter((p) => p.toLowerCase().includes(s)) : e;
+  }, [e, l]), S = () => {
+    const s = c.current;
+    if (!s) return;
+    const p = s.getBoundingClientRect(), _ = 4, w = window.innerHeight - p.bottom - _, D = p.top - _, I = w < 200 && D > w, q = Math.max(150, Math.min(360, I ? D : w));
     h({
       left: p.left,
       width: p.width,
-      maxHeight: z,
-      ...A ? { bottom: window.innerHeight - p.top + _ } : { top: p.bottom + _ }
+      maxHeight: q,
+      ...I ? { bottom: window.innerHeight - p.top + _ } : { top: p.bottom + _ }
     });
   };
-  J(() => {
-    if (!s) return;
-    T();
-    const n = () => T();
-    return window.addEventListener("scroll", n, !0), window.addEventListener("resize", n), () => {
-      window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n);
+  B(() => {
+    if (!n) return;
+    S();
+    const s = () => S();
+    return window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
+      window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
     };
-  }, [s]), V(() => {
-    if (!s) return;
-    const n = (p) => {
-      var S, E;
+  }, [n]), Q(() => {
+    if (!n) return;
+    const s = (p) => {
+      var w, D;
       const _ = p.target;
-      (S = c.current) != null && S.contains(_) || (E = u.current) != null && E.contains(_) || o(!1);
+      (w = c.current) != null && w.contains(_) || (D = u.current) != null && D.contains(_) || o(!1);
     };
-    return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-  }, [s]);
-  const I = () => {
+    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+  }, [n]);
+  const W = () => {
     o(!1), d("");
-  }, L = (n) => {
+  }, M = (s) => {
     var p;
-    r(n), d(""), o(!1), (p = c.current) == null || p.blur();
-  }, M = (n) => {
-    const p = g.includes(n) ? g.filter((_) => _ !== n) : [...g, n];
-    r(p.join(k));
-  }, U = () => {
+    r(s), d(""), o(!1), (p = c.current) == null || p.blur();
+  }, O = (s) => {
+    const p = g.includes(s) ? g.filter((_) => _ !== s) : [...g, s];
+    r(p.join(F));
+  }, j = () => {
     o(!0), a || d("");
-  }, Y = (n) => {
+  }, z = (s) => {
     var p;
-    n.key === "Escape" ? (I(), (p = c.current) == null || p.blur()) : n.key === "Enter" && b.length > 0 && (n.preventDefault(), a ? (M(b[0]), d("")) : L(b[0]));
-  }, G = a || s ? l : t || "", W = a && g.length > 0 ? `${g.length} selecionado(s)` : s ? "Buscar..." : "Todos", j = s && f ? q(
+    s.key === "Escape" ? (W(), (p = c.current) == null || p.blur()) : s.key === "Enter" && b.length > 0 && (s.preventDefault(), a ? (O(b[0]), d("")) : M(b[0]));
+  }, J = a || n ? l : t || "", V = a && g.length > 0 ? `${g.length} selecionado(s)` : n ? "Buscar..." : "Todos", X = n && f ? Z(
     /* @__PURE__ */ i(
       "div",
       {
@@ -436,7 +454,7 @@ function We({ options: e, value: t, multi: a, onChange: r }) {
           bottom: f.bottom,
           maxHeight: f.maxHeight
         },
-        children: /* @__PURE__ */ w("div", { className: "widget-filter__search-list", children: [
+        children: /* @__PURE__ */ T("div", { className: "widget-filter__search-list", children: [
           a && g.length > 0 && /* @__PURE__ */ i(
             "button",
             {
@@ -446,12 +464,12 @@ function We({ options: e, value: t, multi: a, onChange: r }) {
               children: "Limpar seleção"
             }
           ),
-          !a && /* @__PURE__ */ w(
+          !a && /* @__PURE__ */ T(
             "button",
             {
               type: "button",
               className: `widget-filter__search-option${t ? "" : " is-selected"}`,
-              onClick: () => L(""),
+              onClick: () => M(""),
               children: [
                 /* @__PURE__ */ i("span", { className: "widget-filter__search-check", "aria-hidden": !0, children: t ? "" : "✓" }),
                 "Todos"
@@ -459,35 +477,35 @@ function We({ options: e, value: t, multi: a, onChange: r }) {
             }
           ),
           b.length === 0 ? /* @__PURE__ */ i("span", { className: "widget-filter__search-empty", children: "Nenhuma opção" }) : b.map(
-            (n) => a ? /* @__PURE__ */ w(
+            (s) => a ? /* @__PURE__ */ T(
               "label",
               {
-                className: `widget-filter__search-option${g.includes(n) ? " is-selected" : ""}`,
+                className: `widget-filter__search-option${g.includes(s) ? " is-selected" : ""}`,
                 children: [
                   /* @__PURE__ */ i(
                     "input",
                     {
                       type: "checkbox",
-                      checked: g.includes(n),
-                      onChange: () => M(n)
+                      checked: g.includes(s),
+                      onChange: () => O(s)
                     }
                   ),
-                  n
+                  s
                 ]
               },
-              n
-            ) : /* @__PURE__ */ w(
+              s
+            ) : /* @__PURE__ */ T(
               "button",
               {
                 type: "button",
-                className: `widget-filter__search-option${t === n ? " is-selected" : ""}`,
-                onClick: () => L(n),
+                className: `widget-filter__search-option${t === s ? " is-selected" : ""}`,
+                onClick: () => M(s),
                 children: [
-                  /* @__PURE__ */ i("span", { className: "widget-filter__search-check", "aria-hidden": !0, children: t === n ? "✓" : "" }),
-                  n
+                  /* @__PURE__ */ i("span", { className: "widget-filter__search-check", "aria-hidden": !0, children: t === s ? "✓" : "" }),
+                  s
                 ]
               },
-              n
+              s
             )
           )
         ] })
@@ -495,74 +513,74 @@ function We({ options: e, value: t, multi: a, onChange: r }) {
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ w("div", { className: "widget-filter__search", children: [
+  return /* @__PURE__ */ T("div", { className: "widget-filter__search", children: [
     /* @__PURE__ */ i(
       "input",
       {
         ref: c,
         type: "text",
         className: "widget-filter__search-field",
-        value: G,
-        placeholder: W,
-        onFocus: U,
+        value: J,
+        placeholder: V,
+        onFocus: j,
         onClick: () => o(!0),
-        onChange: (n) => {
-          d(n.target.value), o(!0);
+        onChange: (s) => {
+          d(s.target.value), o(!0);
         },
-        onKeyDown: Y
+        onKeyDown: z
       }
     ),
-    j
+    X
   ] });
 }
-const oe = [
+const ge = [
   m.bgDark,
   m.bgPaper,
   m.bgElevated,
   m.accent,
   m.success
 ];
-function ce(e) {
+function pe(e) {
   if (!e) return !0;
-  const t = D(e);
+  const t = N(e);
   return Object.values(v).some(
     (a) => JSON.stringify(a.colors) === JSON.stringify(t)
   );
 }
-const le = [
+const me = [
   { label: "Series", slots: ["series0", "series1", "series2", "series3", "series4"] },
   { label: "Tema", slots: ["bgDark", "bgPaper", "bgElevated", "textPrimary", "textMuted"] },
   { label: "Estados", slots: ["accent", "success", "error"] }
 ];
-function je({
+function tt({
   selected: e,
   onSelect: t,
   customMode: a,
   onCustomModeChange: r,
-  disabled: s
+  disabled: n
 }) {
   var h;
-  const o = a ?? !ce(e), l = D(e), d = o || (h = Object.entries(v).find(
+  const o = a ?? !pe(e), l = N(e), d = o || (h = Object.entries(v).find(
     ([, c]) => JSON.stringify(c.colors) === JSON.stringify(l)
   )) == null ? void 0 : h[0], f = (c, u) => {
     const g = [...l];
-    for (; g.length < N; ) g.push("#000000");
+    for (; g.length < L; ) g.push("#000000");
     g[c] = u, t(g);
   };
-  return /* @__PURE__ */ w("div", { className: `palette-selector ${s ? "palette-selector--disabled" : ""}`, children: [
-    r && /* @__PURE__ */ w("label", { className: "config-panel__checkbox", children: [
+  return /* @__PURE__ */ T("div", { className: `palette-selector ${n ? "palette-selector--disabled" : ""}`, children: [
+    r && /* @__PURE__ */ T("label", { className: "config-panel__checkbox", children: [
       /* @__PURE__ */ i(
         "input",
         {
           type: "checkbox",
           checked: o,
           onChange: (c) => r(c.target.checked),
-          disabled: s
+          disabled: n
         }
       ),
       "Customizar"
     ] }),
-    o ? /* @__PURE__ */ i("div", { className: "palette-selector__custom", children: le.map((c) => /* @__PURE__ */ w("div", { className: "palette-selector__row", children: [
+    o ? /* @__PURE__ */ i("div", { className: "palette-selector__custom", children: me.map((c) => /* @__PURE__ */ T("div", { className: "palette-selector__row", children: [
       /* @__PURE__ */ i("span", { className: "palette-selector__row-label", children: c.label }),
       /* @__PURE__ */ i("div", { className: "palette-selector__row-slots", children: c.slots.map((u) => {
         const g = m[u];
@@ -573,36 +591,36 @@ function je({
             className: "palette-selector__color-input",
             value: l[g] || "#000000",
             onChange: (b) => f(g, b.target.value),
-            disabled: s,
-            title: Z[u]
+            disabled: n,
+            title: ne[u]
           },
           u
         );
       }) })
     ] }, c.label)) }) : /* @__PURE__ */ i("div", { className: "palette-selector__options", children: Object.entries(v).map(([c, u]) => {
-      const g = D(u.colors);
-      return /* @__PURE__ */ w(
+      const g = N(u.colors);
+      return /* @__PURE__ */ T(
         "button",
         {
           className: `palette-selector__option ${d === c ? "palette-selector__option--active" : ""}`,
           onClick: () => t(u.colors),
-          disabled: s,
+          disabled: n,
           children: [
-            /* @__PURE__ */ i("div", { className: "palette-selector__bar", children: ee(u.colors).map((b, T) => /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { className: "palette-selector__bar", children: se(u.colors).map((b, S) => /* @__PURE__ */ i(
               "span",
               {
                 className: "palette-selector__swatch",
                 style: { backgroundColor: b }
               },
-              T
+              S
             )) }),
-            /* @__PURE__ */ i("div", { className: "palette-selector__bar palette-selector__bar--theme", children: oe.map((b, T) => /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { className: "palette-selector__bar palette-selector__bar--theme", children: ge.map((b, S) => /* @__PURE__ */ i(
               "span",
               {
                 className: "palette-selector__swatch",
                 style: { backgroundColor: g[b] }
               },
-              T
+              S
             )) }),
             /* @__PURE__ */ i("span", { className: "palette-selector__label", children: u.label })
           ]
@@ -613,53 +631,63 @@ function je({
   ] });
 }
 export {
-  Ee as A,
-  Re as B,
-  Ne as C,
-  we as D,
-  be as E,
-  ve as F,
-  Ye as G,
-  y as H,
-  Ie as I,
-  Fe as J,
-  Ue as K,
-  Oe as L,
-  Ae as M,
-  ye as N,
-  ge as O,
+  je as $,
+  Pe as A,
+  fe as B,
+  k as C,
+  Le as D,
+  ye as E,
+  ke as F,
+  A as G,
+  N as H,
+  We as I,
+  H as J,
+  ze as K,
+  Xe as L,
+  ue as M,
+  xe as N,
+  De as O,
   v as P,
-  pe as Q,
-  me as R,
-  X as S,
-  N as T,
-  Q as U,
-  _e as W,
-  De as a,
-  Se as b,
-  Te as c,
-  je as d,
-  xe as e,
-  Le as f,
-  ae as g,
-  re as h,
-  te as i,
-  $ as j,
-  Ge as k,
-  se as l,
-  Me as m,
-  k as n,
-  m as o,
-  Z as p,
-  We as q,
-  ne as r,
-  D as s,
-  Pe as t,
-  F as u,
-  ke as v,
-  $e as w,
-  he as x,
-  ee as y,
-  Ce as z
+  se as Q,
+  Je as R,
+  re as S,
+  L as T,
+  Ve as U,
+  Qe as V,
+  Ne as W,
+  y as X,
+  Ke as Y,
+  qe as Z,
+  Be as _,
+  Ce as a,
+  Ee as a0,
+  Se as a1,
+  we as a2,
+  ae as a3,
+  Ae as b,
+  Me as c,
+  ve as d,
+  tt as e,
+  Ie as f,
+  Oe as g,
+  ce as h,
+  le as i,
+  oe as j,
+  Y as k,
+  Ze as l,
+  ie as m,
+  C as n,
+  x as o,
+  He as p,
+  Ye as q,
+  F as r,
+  m as s,
+  ne as t,
+  et as u,
+  $e as v,
+  Re as w,
+  Fe as x,
+  Ge as y,
+  Ue as z
 };
-//# sourceMappingURL=ColorPaletteSelector-Bsda66uL.js.map
+//# sourceMappingURL=ColorPaletteSelector-BSAe2YMH.js.map