@actionexec/dashboards 0.15.0 → 0.16.1

package/dist/ColorPaletteSelector-CZP3HDNJ.js

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