@actionexec/dashboards 0.15.0 → 0.16.1

package/dist/ColorPaletteSelector-nBO_fbbj.js

@@ -0,0 +1,853 @@
+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 fe extends Error {
+  constructor(t, n, a) {
+    super(t), this.status = n, this.payload = a, this.name = "ApiError";
+  }
+}
+async function X(e, t, n, a) {
+  const r = new URL(`${J}${e}${t}`);
+  if (a)
+    for (const [c, i] of Object.entries(a)) r.searchParams.set(c, i);
+  const s = await fetch(r.toString(), {
+    headers: { Authorization: `Bearer ${n}` }
+  });
+  if (!s.ok) {
+    let c;
+    try {
+      c = await s.json();
+    } catch {
+    }
+    throw new fe(
+      `Requisicao falhou (${s.status}) em ${t}`,
+      s.status,
+      c
+    );
+  }
+  return s;
+}
+async function R(e, t, n, a) {
+  return await (await X(e, t, n, a)).json();
+}
+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,
+  series3: 3,
+  series4: 4,
+  bgDark: 5,
+  bgPaper: 6,
+  bgElevated: 7,
+  textPrimary: 8,
+  textMuted: 9,
+  accent: 10,
+  success: 11,
+  error: 12,
+  // Alerta e informacao tem slot proprio: derivá-los de cores de serie fazia
+  // trocar a cor de uma serie mudar o significado semantico de "atencao".
+  warning: 13,
+  info: 14
+}, de = 5, M = 15, me = {
+  series0: "Série 1",
+  series1: "Série 2",
+  series2: "Série 3",
+  series3: "Série 4",
+  series4: "Série 5",
+  bgDark: "Fundo Escuro",
+  bgPaper: "Fundo Cartão",
+  bgElevated: "Fundo Elevado",
+  textPrimary: "Texto Primário",
+  textMuted: "Texto Secundário",
+  accent: "Destaque",
+  success: "Sucesso",
+  error: "Erro",
+  warning: "Alerta",
+  info: "Informação"
+}, O = {
+  action: {
+    label: "Action",
+    colors: [
+      "#ff6b00",
+      "#a3e635",
+      "#e3f544",
+      "#65ffd1",
+      "#ff0404",
+      "#1a1a1a",
+      "#262626",
+      "#333333",
+      "#f5f5f5",
+      "#999999",
+      "#ff6b00",
+      "#a3e635",
+      "#ef4444",
+      "#f59e0b",
+      "#38bdf8"
+    ]
+  },
+  westCoast: {
+    label: "West Coast",
+    colors: [
+      "#a3b86c",
+      "#c89b3c",
+      "#8b6f47",
+      "#6b8e23",
+      "#d2691e",
+      "#1f1a14",
+      "#2a241b",
+      "#3a3225",
+      "#e8dcc4",
+      "#a89878",
+      "#c89b3c",
+      "#a3b86c",
+      "#c44536",
+      "#d99a2b",
+      "#7c9bb5"
+    ]
+  },
+  mono: {
+    label: "Monocromático",
+    colors: [
+      "#f8fafc",
+      "#cbd5e1",
+      "#94a3b8",
+      "#64748b",
+      "#475569",
+      "#0a0a0a",
+      "#171717",
+      "#262626",
+      "#fafafa",
+      "#a3a3a3",
+      "#e5e5e5",
+      "#cbd5e1",
+      "#ef4444",
+      "#facc15",
+      "#7dd3fc"
+    ]
+  },
+  ocean: {
+    label: "Ocean",
+    colors: [
+      "#0ea5e9",
+      "#06b6d4",
+      "#0891b2",
+      "#3b82f6",
+      "#22d3ee",
+      "#0a1929",
+      "#0f2740",
+      "#173554",
+      "#e0f2fe",
+      "#7dd3fc",
+      "#22d3ee",
+      "#10b981",
+      "#f43f5e",
+      "#fbbf24",
+      "#60a5fa"
+    ]
+  },
+  princess: {
+    label: "Cute Pink",
+    colors: [
+      "#ff79bc",
+      "#a855f7",
+      "#f472b6",
+      "#d946ef",
+      "#fb7185",
+      "#fff0f6",
+      "#ffe4ec",
+      "#ffffff",
+      "#ff4099",
+      "#ffadd5",
+      "#ec4899",
+      "#10b981",
+      "#e11d48",
+      "#f59e0b",
+      "#8b5cf6"
+    ]
+  }
+}, B = O.action.colors;
+function A(e) {
+  const t = B;
+  if (!e || e.length === 0) return [...t];
+  if (e.length >= M) return e.slice(0, M);
+  const n = [...e];
+  for (let a = e.length; a < M; a++) n.push(t[a]);
+  return n;
+}
+function ge(e) {
+  return A(e).slice(0, de);
+}
+function je(e) {
+  const t = A(e);
+  return {
+    "--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[d.accent],
+    "--action-green": t[d.success]
+  };
+}
+const pe = B, be = 30, _e = 10, ze = {
+  gridColumns: be,
+  gridRows: _e,
+  widgets: []
+}, qe = {
+  kpi_card: "Card",
+  gauge: "Gauge",
+  chart: "Gráfico",
+  composition: "Composição",
+  table: "Tabela",
+  filter: "Filtro",
+  variable: "Variável",
+  color_palette: "Paleta de Cores"
+}, 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"]
+}, Ke = ["período", "períodos"], Qe = {
+  sum: "Soma",
+  avg: "Média",
+  count: "Contagem",
+  min: "Mínimo",
+  max: "Máximo",
+  count_distinct: "Contagem Distinta"
+}, he = {
+  currency: "Moeda (R$)",
+  number: "Número",
+  integer: "Inteiro",
+  percentage: "Porcentagem",
+  date: "Data",
+  text: "Texto"
+}, Ze = Object.entries(he).filter(([e]) => e !== "date" && e !== "text"), et = {
+  variance: "Variação %",
+  difference: "Diferença",
+  ratio: "Proporção",
+  value: "Base"
+}, tt = {
+  scroll: "Rolar",
+  clip: "Cortar"
+}, nt = {
+  higher: "Positivo",
+  lower: "Negativo",
+  neutral: "Neutro"
+}, at = {
+  eq: "Igual a",
+  neq: "Diferente de",
+  in: "Está entre os valores",
+  not_in: "Não está entre os valores",
+  gt: "Maior que",
+  gte: "Maior ou igual a",
+  lt: "Menor que",
+  lte: "Menor ou igual a",
+  between: "Entre (faixa numérica)",
+  contains: "Contém",
+  not_contains: "Não contém",
+  is_empty: "Está vazio",
+  not_empty: "Não está vazio"
+}, rt = ["is_empty", "not_empty"], st = ["in", "not_in"], ot = {
+  bar: "Barras",
+  line: "Linhas",
+  area: "Área"
+}, ct = {
+  pie: "Pizza",
+  bridge: "Ponte"
+}, it = {
+  descending: "Descendente",
+  ascending: "Ascendente"
+}, lt = {
+  date_range: "Periodo",
+  select: "Seleção Única",
+  multi_select: "Seleção Múltipla"
+}, 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 },
+  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 }
+}, 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: [] },
+  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: 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 mt(e, t = U) {
+  return !S(e) || !S(t) ? x : Te(e / t, x, Ee);
+}
+function gt(e, t, n = k, a = v) {
+  return e <= 0 ? a * 2 : e * t + (e - 1) * n + a * 2;
+}
+function pt(e, t, n = U) {
+  return !S(e) || !S(t) || !S(n) ? 1 : e * n / t;
+}
+function bt(e, t = U, n = k, a = v) {
+  return !S(e) || !S(t) ? 0 : x * t * e + n * (e - 1) + a * 2;
+}
+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 Q(e) {
+  if (e == null || e === "") return null;
+  const t = typeof e == "number" ? e : Number(e);
+  return Number.isFinite(t) ? t : null;
+}
+function Ne(e, t, n = "-") {
+  if (e == null || e === "") return n;
+  const a = Q(e);
+  if (a === null) return String(e);
+  switch (t) {
+    case "currency":
+      return ye.format(a);
+    case "integer":
+      return De.format(Math.round(a));
+    case "percentage":
+      return `${Le.format(a * Se)}%`;
+    case "number":
+      return K.format(a);
+    default:
+      return String(e);
+  }
+}
+function ht(e, t) {
+  const n = Q(e);
+  if (n === null) return "-";
+  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}${K.format(n)}`;
+}
+const Ae = [
+  "Jan",
+  "Fev",
+  "Mar",
+  "Abr",
+  "Mai",
+  "Jun",
+  "Jul",
+  "Ago",
+  "Set",
+  "Out",
+  "Nov",
+  "Dez"
+], Et = [
+  "Janeiro",
+  "Fevereiro",
+  "Marco",
+  "Abril",
+  "Maio",
+  "Junho",
+  "Julho",
+  "Agosto",
+  "Setembro",
+  "Outubro",
+  "Novembro",
+  "Dezembro"
+];
+function Tt(e) {
+  return { start: `${e}-01-01`, end: `${e}-12-31` };
+}
+function St(e) {
+  if (!e) return null;
+  const t = e.match(/^(\d{4})/);
+  return t ? { year: parseInt(t[1]) } : null;
+}
+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`,
+    end: `${e}-${a(t)}-${a(n)}`
+  };
+}
+function Y(e) {
+  const t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()));
+  t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
+  const n = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
+  return Math.ceil(((t.getTime() - n.getTime()) / 864e5 + 1) / 7);
+}
+function 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 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 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, 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 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 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 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 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;
+}
+const h = (e) => String(e).padStart(2, "0");
+function L(e) {
+  return `${e.getFullYear()}-${h(e.getMonth() + 1)}-${h(e.getDate())}`;
+}
+function P(e) {
+  const [t, n, a] = e.split("-").map(Number);
+  return new Date(t, (n || 1) - 1, a || 1);
+}
+function q(e, t) {
+  const n = e.getFullYear();
+  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 = Me(n, a);
+    return {
+      key: `${n}-${h(a)}`,
+      label: `${Ae[a - 1].toLowerCase()}/${h(n % 100)}`,
+      ...r
+    };
+  }
+  if (t === "week") {
+    const a = new Date(e.getTime() - (e.getDay() + 6) % 7 * 864e5), r = new Date(a.getTime() + 6 * 864e5), s = Y(a);
+    return {
+      key: `${a.getFullYear()}-W${h(s)}`,
+      label: `S${h(s)}/${h(a.getFullYear() % 100)}`,
+      start: L(a),
+      end: L(r)
+    };
+  }
+  return {
+    key: L(e),
+    label: `${h(e.getDate())}/${h(e.getMonth() + 1)}/${h(n % 100)}`,
+    start: L(e),
+    end: L(e)
+  };
+}
+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 < Oe; ) {
+    s.push(c);
+    const i = P(c.start);
+    if (i.setDate(i.getDate() - 1), i < a) break;
+    c = q(i, e);
+  }
+  return s;
+}
+function N(e) {
+  if (!e) return null;
+  const [t, n, a] = e.split("-").map(Number);
+  return !t || !n || !a ? null : new Date(t, n - 1, a);
+}
+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 Rt({
+  value: e,
+  onChange: t,
+  minIso: n,
+  maxIso: a,
+  placeholder: r,
+  selectsStart: s,
+  selectsEnd: c,
+  startIso: i,
+  endIso: m,
+  className: b,
+  disabled: l
+}) {
+  return /* @__PURE__ */ u("div", { className: `ddp-field ${b ?? ""}`, children: /* @__PURE__ */ u(
+    oe,
+    {
+      selected: N(e),
+      onChange: (f) => t(Re(f)),
+      selectsStart: s,
+      selectsEnd: c,
+      startDate: N(i) ?? void 0,
+      endDate: N(m) ?? void 0,
+      minDate: N(n) ?? void 0,
+      maxDate: N(a) ?? void 0,
+      dateFormat: "dd/MM/yyyy",
+      placeholderText: r ?? "Selecione...",
+      disabled: l,
+      portalId: "ddp-portal",
+      popperPlacement: "bottom-start",
+      popperModifiers: [
+        {
+          name: "flip",
+          options: { fallbackPlacements: ["bottom-end", "top-start", "top-end"] },
+          fn: (f) => f
+        }
+      ]
+    }
+  ) });
+}
+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(() => {
+    const o = c.trim().toLowerCase();
+    return o ? e.filter((p) => p.toLowerCase().includes(o)) : e;
+  }, [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, se = Math.max(150, Math.min(360, W ? D : y));
+    b({
+      left: p.left,
+      width: p.width,
+      maxHeight: se,
+      ...W ? { bottom: window.innerHeight - p.top + E } : { top: p.bottom + E }
+    });
+  };
+  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]), ie(() => {
+    if (!r) return;
+    const o = (p) => {
+      var y, D;
+      const E = p.target;
+      (y = l.current) != null && y.contains(E) || (D = f.current) != null && D.contains(E) || s(!1);
+    };
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [r]);
+  const Z = () => {
+    s(!1), i("");
+  }, F = (o) => {
+    var p;
+    a(o), i(""), s(!1), (p = l.current) == null || p.blur();
+  }, G = (o) => {
+    const p = g.includes(o) ? g.filter((E) => E !== o) : [...g, o];
+    a(p.join(z));
+  }, ee = () => {
+    s(!0), n || i("");
+  }, te = (o) => {
+    var p;
+    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",
+      {
+        ref: f,
+        className: "widget-filter__search-panel",
+        style: {
+          position: "fixed",
+          left: m.left,
+          width: m.width,
+          top: m.top,
+          bottom: m.bottom,
+          maxHeight: m.maxHeight
+        },
+        children: /* @__PURE__ */ T("div", { className: "widget-filter__search-list", children: [
+          n && g.length > 0 && /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              className: "widget-filter__search-clear",
+              onClick: () => a(""),
+              children: "Limpar seleção"
+            }
+          ),
+          !n && /* @__PURE__ */ T(
+            "button",
+            {
+              type: "button",
+              className: `widget-filter__search-option${t ? "" : " is-selected"}`,
+              onClick: () => F(""),
+              children: [
+                /* @__PURE__ */ u("span", { className: "widget-filter__search-check", "aria-hidden": !0, children: t ? "" : "✓" }),
+                "Todos"
+              ]
+            }
+          ),
+          _.length === 0 ? /* @__PURE__ */ u("span", { className: "widget-filter__search-empty", children: "Nenhuma opção" }) : _.map(
+            (o) => n ? /* @__PURE__ */ T(
+              "label",
+              {
+                className: `widget-filter__search-option${g.includes(o) ? " is-selected" : ""}`,
+                children: [
+                  /* @__PURE__ */ u(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: g.includes(o),
+                      onChange: () => G(o)
+                    }
+                  ),
+                  o
+                ]
+              },
+              o
+            ) : /* @__PURE__ */ T(
+              "button",
+              {
+                type: "button",
+                className: `widget-filter__search-option${t === o ? " is-selected" : ""}`,
+                onClick: () => F(o),
+                children: [
+                  /* @__PURE__ */ u("span", { className: "widget-filter__search-check", "aria-hidden": !0, children: t === o ? "✓" : "" }),
+                  o
+                ]
+              },
+              o
+            )
+          )
+        ] })
+      }
+    ),
+    document.body
+  ) : null;
+  return /* @__PURE__ */ T("div", { className: "widget-filter__search", children: [
+    /* @__PURE__ */ u(
+      "input",
+      {
+        ref: l,
+        type: "text",
+        className: "widget-filter__search-field",
+        value: ne,
+        placeholder: ae,
+        onFocus: ee,
+        onClick: () => s(!0),
+        onChange: (o) => {
+          i(o.target.value), s(!0);
+        },
+        onKeyDown: te
+      }
+    ),
+    re
+  ] });
+}
+const $e = [
+  d.bgDark,
+  d.bgPaper,
+  d.bgElevated,
+  d.accent,
+  d.success
+];
+function Fe(e) {
+  if (!e) return !0;
+  const t = A(e);
+  return Object.values(O).some(
+    (n) => JSON.stringify(n.colors) === JSON.stringify(t)
+  );
+}
+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 Ft({
+  selected: e,
+  onSelect: t,
+  customMode: n,
+  onCustomModeChange: a,
+  disabled: r
+}) {
+  var b;
+  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], m = (l, f) => {
+    const g = [...c];
+    for (; g.length < M; ) g.push("#000000");
+    g[l] = f, t(g);
+  };
+  return /* @__PURE__ */ T("div", { className: `palette-selector ${r ? "palette-selector--disabled" : ""}`, children: [
+    a && /* @__PURE__ */ T("label", { className: "config-panel__checkbox", children: [
+      /* @__PURE__ */ u(
+        "input",
+        {
+          type: "checkbox",
+          checked: s,
+          onChange: (l) => a(l.target.checked),
+          disabled: r
+        }
+      ),
+      "Customizar"
+    ] }),
+    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 g = d[f];
+        return /* @__PURE__ */ u(
+          "input",
+          {
+            type: "color",
+            className: "palette-selector__color-input",
+            value: c[g] || "#000000",
+            onChange: (_) => m(g, _.target.value),
+            disabled: r,
+            title: me[f]
+          },
+          f
+        );
+      }) })
+    ] }, 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" : ""}`,
+          onClick: () => t(f.colors),
+          disabled: r,
+          children: [
+            /* @__PURE__ */ u("div", { className: "palette-selector__bar", children: ge(f.colors).map((_, w) => /* @__PURE__ */ u(
+              "span",
+              {
+                className: "palette-selector__swatch",
+                style: { backgroundColor: _ }
+              },
+              w
+            )) }),
+            /* @__PURE__ */ u("div", { className: "palette-selector__bar palette-selector__bar--theme", children: $e.map((_, w) => /* @__PURE__ */ u(
+              "span",
+              {
+                className: "palette-selector__swatch",
+                style: { backgroundColor: g[_] }
+              },
+              w
+            )) }),
+            /* @__PURE__ */ u("span", { className: "palette-selector__label", children: f.label })
+          ]
+        },
+        l
+      );
+    }) })
+  ] });
+}
+export {
+  nt as $,
+  We as A,
+  He as B,
+  Ft as C,
+  Rt as D,
+  fe as E,
+  Be as F,
+  v as G,
+  Qe as H,
+  it as I,
+  ot as J,
+  et as K,
+  ct as L,
+  z as M,
+  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,
+  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,
+  me as a7,
+  tt as a8,
+  M as a9,
+  rt as aa,
+  qe as ab,
+  Re as ac,
+  A as ad,
+  Y as ae,
+  wt as af,
+  yt as ag,
+  N as ah,
+  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,
+  Ot as r,
+  je as s,
+  Xe as t,
+  gt as u,
+  pt as v,
+  k as w,
+  U as x,
+  x as y,
+  Ge as z
+};
+//# sourceMappingURL=ColorPaletteSelector-nBO_fbbj.js.map